:root{color-scheme:dark;--bg:#050610;--panel:#0d1020;--line:#242940;--muted:#9299b2;--text:#f7f7fb;--purple:#6c54ff;--cyan:#6be0ff;--green:#35e7a1;--red:#ff637d}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 88% 20%,#20144e 0,transparent 28%),var(--bg);color:var(--text);font:15px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;min-height:100vh}.stars{position:fixed;inset:0;pointer-events:none;opacity:.35;background-image:radial-gradient(#7180c7 1px,transparent 1px);background-size:137px 137px}
header{height:76px;border-bottom:1px solid #171a29;background:#05060dd9;backdrop-filter:blur(18px);display:flex;align-items:center;justify-content:space-between;padding:0 max(28px,calc((100vw - 1380px)/2));position:relative;z-index:2}.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;font-size:19px;font-weight:800}.brand img{width:38px}.brand b{font-size:10px;letter-spacing:.13em;border:1px solid #4b45a5;border-radius:99px;padding:4px 8px;color:#bcb5ff}header>div{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}header a{color:#c5caff}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}
main{position:relative;max-width:1380px;margin:auto;padding:64px 28px 90px}.heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:34px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.14em;color:var(--cyan)}h1{font-size:clamp(36px,5vw,64px);letter-spacing:-.055em;margin:8px 0 4px}h2{margin:4px 0;font-size:23px}.heading p{color:var(--muted);margin:0}.heading button,.panel button{border:1px solid #383e5e;background:#11152a;color:#fff;border-radius:10px;padding:11px 16px;font-weight:700;cursor:pointer}.heading button:hover,.panel button:hover{border-color:#7065ff}
.metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:18px}.metric{background:linear-gradient(145deg,#11152a,#0a0c18);border:1px solid var(--line);border-radius:16px;padding:22px}.metric small{color:var(--muted);font-weight:800;letter-spacing:.09em}.metric strong{display:block;font-size:33px;margin-top:8px}.metric:nth-child(2) strong{color:#a99cff}.metric:nth-child(3) strong{color:var(--green)}
.panel{background:#090c19e8;border:1px solid var(--line);border-radius:19px;overflow:hidden;box-shadow:0 30px 80px #0005}.panel-head{padding:22px 24px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.panel-head label{color:var(--muted);font-size:11px;font-weight:700}.panel-head input{display:block;margin-top:5px;width:260px;background:#080a13;border:1px solid #303652;border-radius:9px;color:#fff;padding:10px 12px;outline:none}.panel-head input:focus{border-color:#7065ff}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:1030px}th,td{text-align:left;padding:15px 18px;border-bottom:1px solid #1c2033;vertical-align:middle}th{font-size:10px;letter-spacing:.1em;color:#858ca6;background:#0b0e1c}td{color:#cfd3e4}.user-cell strong,.user-cell span{display:block}.user-cell span{color:#858ca6;font-size:12px}.role{display:inline-block!important;color:#b8b0ff!important;font-size:9px!important;border:1px solid #4c4786;border-radius:99px;padding:2px 6px;margin-top:5px}.control{background:#090b16;border:1px solid #303653;color:#fff;border-radius:8px;padding:8px;min-width:90px}.verified{color:var(--green)}.unverified{color:#f6b65f}.disabled{color:var(--red)}.actions{display:flex;gap:7px}.actions .danger{color:#ff9aaa;border-color:#603040}#emptyState{text-align:center;color:var(--muted);padding:40px}#toast{position:fixed;right:24px;bottom:24px;background:#161a30;border:1px solid #3d456c;padding:13px 18px;border-radius:11px;opacity:0;transform:translateY(12px);transition:.2s;pointer-events:none}#toast.show{opacity:1;transform:none}
@media(max-width:900px){.metrics{grid-template-columns:repeat(2,1fr)}header>div{font-size:0}.heading{align-items:start;gap:20px}.panel-head{align-items:start;gap:16px}.panel-head input{width:190px}}@media(max-width:560px){header{padding:0 16px}.brand b{display:none}main{padding:38px 14px}.heading{display:block}.heading button{margin-top:18px}.metrics{grid-template-columns:1fr 1fr}.metric{padding:16px}.panel-head{display:block}.panel-head input{width:100%}}