:root{--petrol:#003843;--petrol-dark:#00262d;--petrol-light:#004f5e;--bg:#00262d;--bg2:#00303c;--panel:#00303c;--panel2:#004050;--surface:#00303c;--surface-2:#004050;--border:rgba(114,167,160,.15);--border2:rgba(114,167,160,.3);--txt:#f0f4f4;--text:#f0f4f4;--muted:rgba(240,244,244,.55);--accent:#72a7a0;--accent-light:#a8ccc8;--accent-d:#00262d;--gold:#c69f65;--gold-light:#d9bc92;--green:#34d399;--amber:#fbbf24;--grey:#64807d;--red:#f87171;--shadow:0 8px 32px rgba(0,0,0,.3)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:Inter,Proxima Nova,system-ui,Segoe UI,Arial,sans-serif;background:radial-gradient(1100px 480px at 70% -10%,#003843,transparent),var(--petrol-dark);color:var(--text);-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer}input{font-family:inherit}a{color:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--accent);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent-light)}.center{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.card{background:var(--surface);border:1px solid var(--border);border-radius:16px;width:380px;max-width:100%;padding:26px;box-shadow:var(--shadow)}.brand{font-weight:700;font-size:20px;text-align:center;margin-bottom:4px}.brand .v{color:var(--accent)}.logo{display:block;height:44px;margin:4px auto 10px}.sub{color:var(--muted);font-size:13px;text-align:center;margin-bottom:18px}.sub .gold{color:var(--gold)}label{display:block;font-size:12.5px;color:var(--muted);margin:12px 0 5px}.inp{width:100%;background:#0003;border:1px solid var(--border);color:var(--text);border-radius:9px;padding:11px 12px;font-size:14px;outline:none;transition:border-color .15s,box-shadow .15s}.inp:focus{border-color:var(--accent);box-shadow:0 0 0 3px #72a7a026}.btn{background:var(--accent);color:var(--petrol-dark);border:0;border-radius:9px;padding:11px 14px;font-size:14px;font-weight:600;width:100%;transition:background .15s,box-shadow .15s,transform .15s}.btn:hover:not(:disabled){background:var(--accent-light);box-shadow:0 4px 16px #72a7a066}.btn:disabled{opacity:.5;cursor:default}.btn.ghost{background:transparent;border:1px solid var(--border);color:var(--muted);font-weight:500}.btn.ghost:hover{color:var(--text);border-color:var(--accent);background:#72a7a01a}.btn.gold{background:var(--gold);color:var(--petrol-dark)}.btn.gold:hover{background:var(--gold-light)}.btn.sm{width:auto;padding:8px 13px;font-size:13px}.link{background:none;border:0;color:var(--accent);font-size:12.5px;padding:0}.err{color:#fca5a5;font-size:12.5px;margin-top:10px}.ok{color:var(--green);font-size:12.5px;margin-top:10px}.bar{display:flex;align-items:center;gap:18px;padding:0 24px;height:60px;border-bottom:1px solid var(--border);background:var(--petrol);position:sticky;top:0;z-index:20}.bar .pb{font-weight:700;color:#fff;display:flex;align-items:center;gap:10px}.bar .pb img{height:26px;display:block}.bar .pb .fz{color:var(--gold);font-weight:600;font-size:13px;letter-spacing:.4px}.nav{display:flex;gap:4px;height:100%}.nav button{background:none;border:0;color:var(--muted);font-size:14px;font-weight:500;padding:0 14px;height:100%;border-bottom:2px solid transparent}.nav button:hover{color:var(--text)}.nav button.active{color:var(--accent);border-bottom-color:var(--accent)}.who{margin-left:auto;color:var(--muted);font-size:13px;display:flex;align-items:center;gap:12px}.who .ava{width:30px;height:30px;border-radius:50%;object-fit:cover;border:1px solid var(--border2);background:var(--surface-2)}.who .ava.ph{display:flex;align-items:center;justify-content:center;color:var(--accent);font-weight:700;font-size:13px}.page{max-width:1180px;margin:0 auto;padding:24px}.page h1{font-size:21px;margin:0 0 2px;font-weight:700}.page .lead{color:var(--muted);font-size:13.5px;margin:0 0 20px}.row{display:flex;align-items:center;gap:12px}.spacer{flex:1}.layout{display:flex;gap:22px}.tree{width:230px;flex:0 0 230px}.tree h4{color:var(--muted);font-size:11px;letter-spacing:1px;text-transform:uppercase;margin:0 0 10px}.tree a{display:flex;justify-content:space-between;align-items:center;padding:9px 12px;border-radius:9px;color:var(--text);font-size:13.5px;margin-bottom:3px;cursor:pointer}.tree a .c{color:var(--muted);font-size:12px}.tree a:hover{background:#72a7a014}.tree a.active{background:#72a7a01f;color:var(--accent);font-weight:600}.dl{margin-top:18px;background:var(--surface);border:1px solid var(--border);border-radius:11px;padding:13px;font-size:12.5px;color:var(--muted)}.main{flex:1;min-width:0}.search{display:flex;align-items:center;gap:8px;background:#0003;border:1px solid var(--border);border-radius:9px;padding:10px 12px;max-width:420px}.search input{flex:1;background:none;border:0;color:var(--text);outline:none;font-size:14px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;margin-top:16px}.pc{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:9px}.pc .n{font-weight:600;font-size:15px;display:flex;align-items:center;gap:8px;color:var(--text)}.dot{width:9px;height:9px;border-radius:50%;display:inline-block;flex:0 0 auto}.pc .meta{color:var(--muted);font-size:12px}.chip{display:inline-block;background:#72a7a026;border:1px solid var(--border2);color:var(--accent);padding:2px 8px;border-radius:20px;font-size:11px;margin:2px 3px 0 0}.empty{color:var(--muted);text-align:center;padding:40px 0}.dash{display:flex;flex-direction:column;gap:18px}.widget{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:18px;position:relative}.widget.edit{border-style:dashed;border-color:var(--border2)}.widget.dragging{opacity:.6}.widget.hidden{opacity:.45}.widget .wh{display:flex;align-items:center;gap:10px;margin:0 0 14px}.widget .wh h3{font-size:14px;margin:0;font-weight:600;letter-spacing:.2px;color:var(--text)}.widget .wh .ic{color:var(--gold);font-size:15px}.widget .wh .tools{margin-left:auto;display:flex;align-items:center;gap:6px}.iconbtn{background:#72a7a014;border:1px solid var(--border2);color:var(--muted);border-radius:8px;width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;font-size:14px}.iconbtn:hover{color:var(--text)}.drag{cursor:grab;touch-action:none}.drag:active{cursor:grabbing}.stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.stat{background:#0000002e;border:1px solid var(--border);border-radius:11px;padding:14px 16px}.stat .v{font-size:26px;font-weight:700;color:var(--text)}.stat .l{color:var(--muted);font-size:12px;margin-top:3px;display:flex;align-items:center;gap:6px}.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}.tile{background:#0000002e;border:1px solid var(--border);border-radius:11px;padding:14px;cursor:pointer;text-align:left}.tile:hover{border-color:var(--accent)}.tile .tn{font-weight:600;font-size:14px;display:flex;align-items:center;gap:7px;color:var(--text)}.tile .tc{color:var(--muted);font-size:12px;margin-top:4px}.qlist{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}.qitem{display:flex;align-items:center;gap:10px;background:#0000002e;border:1px solid var(--border);border-radius:10px;padding:10px 12px}.qitem .qinfo{min-width:0;flex:1}.qitem .qn{font-size:12.5px;font-weight:600;color:var(--text);line-height:1.25;display:flex;align-items:flex-start;gap:6px}.qitem .qn .dot{margin-top:4px}.qitem .qg{margin-top:3px;display:flex;flex-wrap:wrap;gap:3px}.qitem .qchip{background:#72a7a026;border:1px solid var(--border2);color:var(--accent);padding:1px 7px;border-radius:20px;font-size:10px}.qitem .qb{margin-left:auto;flex:0 0 auto}.qitem .qb button{background:var(--accent);color:var(--petrol-dark);border:0;border-radius:7px;padding:6px 11px;font-size:12px;font-weight:600}.qitem .qb button:hover:not(:disabled){background:var(--accent-light)}.qitem .qb button:disabled{background:#72a7a026;color:var(--muted)}.slist{display:flex;flex-direction:column}.srow{display:flex;align-items:center;gap:10px;padding:10px 2px;border-bottom:1px solid var(--border)}.srow:last-child{border-bottom:0}.srow .sn{font-size:13.5px;font-weight:500;color:var(--text)}.srow .st{color:var(--muted);font-size:12px;margin-left:auto;text-align:right}.pcard{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:22px;max-width:520px;margin-bottom:18px}.pcard h3{font-size:14px;margin:0 0 4px;font-weight:600;color:var(--text)}.pcard .ph{color:var(--muted);font-size:12.5px;margin:0 0 16px}.ava-big{width:84px;height:84px;border-radius:50%;object-fit:cover;border:2px solid var(--border2);background:var(--surface-2)}.ava-big.ph{display:flex;align-items:center;justify-content:center;color:var(--accent);font-weight:700;font-size:30px}