:root{color-scheme:dark;--bg:#080d11;--panel:#111920;--panel2:#162129;--line:#293943;--text:#edf5f7;--muted:#91a7b1;--green:#20db87;--cyan:#35c8e8;--amber:#ffc857;--red:#ff6178;--radius:7px;font-family:Inter,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:14px}button,input,select{font:inherit}button{cursor:pointer}.topbar{height:66px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#0b1116}.brand,.auth-brand,.account{display:flex;align-items:center;gap:12px}.brand img,.auth-brand img{width:42px;height:42px}.brand div,.auth-brand div{display:flex;flex-direction:column}.brand strong,.auth-brand strong{font-size:18px}.brand span,.auth-brand span,.muted{color:var(--muted)}.account .role{padding:3px 7px;border:1px solid var(--line);color:var(--cyan);text-transform:uppercase;font-size:11px}.tabs{height:48px;display:flex;gap:4px;padding:6px 24px;border-bottom:1px solid var(--line);background:#0b1116;overflow-x:auto}.tab{border:0;background:transparent;color:var(--muted);padding:0 17px;border-bottom:2px solid transparent;white-space:nowrap}.tab:hover,.tab.active{color:var(--text);border-color:var(--green)}main{max-width:1500px;margin:auto;padding:22px 24px 50px}.view{display:none}.view.active{display:block}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:24px}.metric{min-height:104px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:17px}.metric span{display:block;color:var(--muted);margin-bottom:12px}.metric strong{font-size:28px;color:var(--green)}.skeleton{opacity:.45}.section-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:12px 0}.section-head h1{font-size:20px;margin:0 0 4px}.section-head p{margin:0;color:var(--muted)}h2{font-size:15px;margin:22px 0 10px}.table-wrap{width:100%;overflow:auto;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}table{width:100%;border-collapse:collapse;min-width:760px}th,td{text-align:left;padding:11px 13px;border-bottom:1px solid var(--line);vertical-align:middle}th{font-size:11px;color:var(--muted);text-transform:uppercase;background:#0f171d}tr:last-child td{border-bottom:0}.status{display:inline-flex;align-items:center;gap:7px}.dot{width:8px;height:8px;border-radius:50%;background:var(--red)}.online .dot{background:var(--green);box-shadow:0 0 8px #20db8780}.tag{display:inline-block;border:1px solid var(--line);padding:3px 7px;color:var(--muted)}button,.button{min-height:36px;padding:0 13px;border-radius:6px;border:1px solid var(--line);background:#0c1318;color:var(--text)}button:hover{border-color:#4a626e}.primary{background:var(--green);color:#042015;border-color:var(--green);font-weight:700}.danger{color:var(--red)}.icon-button{width:36px;padding:0;font-size:20px}.toolbar-form{display:flex;align-items:flex-end;gap:10px;padding:14px;margin:12px 0 18px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);flex-wrap:wrap}label{display:flex;flex-direction:column;gap:6px;color:var(--muted);font-size:12px}input,select{height:38px;min-width:140px;background:#090f13;color:var(--text);border:1px solid var(--line);border-radius:5px;padding:0 10px;outline:none}input:focus,select:focus{border-color:var(--cyan)}.grow{flex:1}.grow input{width:100%}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}.hidden{display:none!important}.notice,.alert{padding:11px 13px;border:1px solid var(--cyan);background:#10232a;border-radius:var(--radius);word-break:break-all}.alert.error{border-color:var(--red);background:#2a1219}.toast{position:fixed;right:20px;bottom:20px;max-width:420px;padding:13px 16px;border:1px solid var(--green);border-radius:var(--radius);background:#10251c;box-shadow:0 15px 50px #0009;z-index:20}.toast.error{border-color:var(--red);background:#2a1219}.auth-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 30% 20%,#0d2426 0,#080d11 48%)}.auth-shell{width:min(430px,calc(100% - 32px));padding:0}.auth-brand{margin:0 0 16px;padding:0 6px}.auth-card,.setup-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:25px}.auth-card h1,.setup-card h1{font-size:23px;margin:0 0 8px}.auth-card label{margin:15px 0}.auth-card input,.auth-card button{width:100%}.setup-shell{width:min(820px,calc(100% - 32px));padding:30px 0}.auth-brand.compact{margin-bottom:20px}.setup-grid{display:grid;grid-template-columns:260px 1fr;gap:24px;margin:22px 0}.qr{width:220px;height:220px;background:#fff}.secret{display:block;width:220px;text-align:center;padding:7px;background:#090f13;word-break:break-all}.codes{display:grid;grid-template-columns:1fr 1fr;gap:8px}.codes code{padding:9px;background:#090f13;border:1px solid var(--line)}.setup-card form{display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:12px}.empty{padding:28px;text-align:center;color:var(--muted)}code{color:var(--cyan)}@media(max-width:850px){.metrics{grid-template-columns:1fr 1fr}.two-columns,.setup-grid{grid-template-columns:1fr}.setup-card form{grid-template-columns:1fr}.topbar{padding:0 14px}.tabs{padding-left:14px}main{padding:16px 14px}.brand span{display:none}}@media(max-width:520px){.metrics{grid-template-columns:1fr}.account>span{display:none}.section-head{align-items:flex-start}.toolbar-form{display:grid;grid-template-columns:1fr}.toolbar-form label,.toolbar-form input,.toolbar-form select,.toolbar-form button{width:100%}.setup-card{padding:18px}.qr{width:190px;height:190px}.codes{grid-template-columns:1fr}}