:root{color-scheme:dark;--bg:#090e1b;--panel:#101a2c;--panel2:#131f34;--line:#23334d;--text:#edf3ff;--muted:#8292ad;--blue:#6d8cff;--cyan:#53d7df;--green:#42d6a0;--red:#ff7185}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 15% 0%,#142747 0,transparent 40%),var(--bg);color:var(--text);font:15px/1.5 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.glow{position:fixed;width:320px;height:320px;border-radius:50%;filter:blur(110px);opacity:.12;pointer-events:none}.glow-a{background:#386cff;top:15%;left:-180px}.glow-b{background:#25c9c2;right:-180px;bottom:5%}
.shell{position:relative;max-width:1180px;margin:auto;padding:28px 28px 18px}.topbar,.brand,.welcome,.panel-head,.dialog-head,.dialog-actions{display:flex;align-items:center;justify-content:space-between}.brand{justify-content:flex-start;gap:12px}.brand-mark{width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,#718dff,#42cbd6);display:grid;place-items:center;color:#07111f;font-size:23px;font-weight:900}.brand b{display:block;letter-spacing:2px;font-size:12px}.brand small{color:var(--muted);font-size:12px}.status{font-size:12px;color:#a6b7ce;border:1px solid var(--line);border-radius:30px;padding:8px 12px}.status i{display:inline-block;width:7px;height:7px;background:var(--green);border-radius:50%;margin-right:6px}
.login-wrap{min-height:70vh;display:grid;place-items:center}.login-card{width:min(100%,420px);padding:38px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,#142139,#0e1728);box-shadow:0 24px 80px #0006}.eyebrow{font-size:10px;letter-spacing:2.5px;color:var(--cyan);font-weight:700}h1{font-size:36px;letter-spacing:-1.5px;margin:8px 0}h1 span{color:var(--cyan)}h2{margin:4px 0;font-size:21px}.muted,small{color:var(--muted)}.login-card p{margin:0 0 26px}
label{display:block;font-size:13px;color:#c4d0e2;margin:17px 0}input,select,textarea{display:block;width:100%;margin-top:8px;border:1px solid #2a3b57;background:#0a1424;color:var(--text);padding:12px 13px;border-radius:10px;outline:none;font:inherit}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #6d8cff20}input[readonly]{opacity:.7}textarea{resize:vertical;min-height:76px}.primary,.ghost,.icon-btn{border:0;border-radius:10px;padding:11px 16px;font-weight:700;cursor:pointer;font:inherit}.primary{background:linear-gradient(100deg,#718cff,#4bcae0);color:#071322}.primary:hover{filter:brightness(1.08)}.full{width:100%;margin-top:10px}.full span{float:right}.ghost,.icon-btn{background:#17243a;color:#c7d5eb;border:1px solid var(--line)}.secure-note{text-align:center;color:#71829d;font-size:11px;margin-top:22px}.error{color:var(--red);font-size:12px;min-height:18px;margin-top:8px}
.hidden{display:none!important}.welcome{margin:48px 0 25px}.welcome h1{font-size:34px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:20px}.stat,.panel{border:1px solid var(--line);background:linear-gradient(145deg,#121e32,#0f192a);border-radius:16px}.stat{padding:19px 21px}.stat span,.stat small{display:block;color:var(--muted);font-size:12px}.stat strong{display:block;font-size:29px;margin:5px 0;color:#f3f7ff}.panel{padding:22px}.panel-head{margin-bottom:20px}.toolbar{display:flex;align-items:center;gap:12px;margin-bottom:14px}.toolbar input{max-width:340px;margin:0}.small{font-size:11px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th{text-align:left;color:#8193af;font-size:11px;font-weight:600;padding:12px;border-bottom:1px solid var(--line)}td{padding:14px 12px;border-bottom:1px solid #1d2b40;font-size:12px}td:first-child{font-weight:700;color:#e5edff}.pill{display:inline-block;border-radius:20px;padding:4px 9px;font-size:10px;background:#1d3150;color:#9ebaff}.pill.direct{background:#123b3c;color:#72e1d5}.pill.off{background:#3b2632;color:#ff9bad}.actions{display:flex;gap:6px}.mini{border:1px solid var(--line);background:#17243a;color:#c6d6ed;padding:6px 9px;border-radius:7px;cursor:pointer;font-size:11px}.mini.danger{color:#ff9bad}.empty{text-align:center;color:var(--muted);padding:30px}.mobile-list{display:none}.footnote{color:#7788a3;font-size:11px;margin:16px 2px}footer{text-align:center;color:#53647e;font-size:10px;letter-spacing:2px;padding:32px 0 10px}footer span{color:var(--cyan)}
dialog{width:min(94vw,520px);border:1px solid #30425f;border-radius:18px;background:#101a2b;color:var(--text);padding:25px;box-shadow:0 25px 100px #000b}dialog::backdrop{background:#030711bb;backdrop-filter:blur(5px)}.dialog-head{margin-bottom:20px}.dialog-head h2{font-size:23px}.icon-btn{padding:7px 10px}.check{display:flex;align-items:center;gap:9px}.check input{width:auto;margin:0}.dialog-actions{justify-content:flex-end;gap:9px;margin-top:20px}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);opacity:0;background:#20344f;border:1px solid #3a5478;border-radius:10px;padding:11px 17px;font-size:13px;transition:.2s;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:700px){.shell{padding:18px 14px}.status{font-size:0}.status i{margin:0}.login-card{padding:27px}.welcome{align-items:flex-start;gap:10px}.welcome h1{font-size:28px}.stats{gap:8px}.stat{padding:13px 10px}.stat strong{font-size:23px}.stat span,.stat small{font-size:10px}.panel{padding:15px}.panel-head{align-items:flex-start;gap:10px}.panel-head .primary{padding:9px 10px;font-size:12px}.table-wrap{display:none}.mobile-list{display:grid;gap:10px}.mobile-card{background:#0c1627;border:1px solid var(--line);border-radius:12px;padding:13px}.mobile-card b{display:block;overflow-wrap:anywhere}.mobile-card .meta{font-size:11px;color:var(--muted);margin:6px 0 10px;overflow-wrap:anywhere}.toolbar input{max-width:none}.toolbar{display:block}.toolbar .muted{display:block;margin-top:7px}}