:root{font-family:Tahoma,Arial,system-ui,sans-serif;color:#eef5ff;background:#06101d;font-synthesis:none;--bg:#06101d;--glass:rgba(255,255,255,.075);--line:rgba(255,255,255,.11);--muted:#8fa4bb;--text:#f2f7ff;--accent:#57d3ff;--accent2:#8b7cff;--good:#4ce7a0;--bad:#ff6f91;--warn:#ffc568}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 15% 15%,#0b375c 0,transparent 32%),radial-gradient(circle at 90% 80%,#2a1652 0,transparent 30%),linear-gradient(135deg,#06101d,#090d19 65%,#071626);color:var(--text)}button,input,textarea{font:inherit}button{cursor:pointer}a{color:inherit}.glass{background:linear-gradient(145deg,#ffffff18,#ffffff0b);border:1px solid var(--line);box-shadow:0 20px 60px #0000003b;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.orb{position:fixed;border-radius:999px;filter:blur(80px);pointer-events:none;opacity:.24}.o1{width:380px;height:380px;background:#17b9ff;top:-120px;right:-110px}.o2{width:420px;height:420px;background:#8b5cf6;bottom:-180px;left:-130px}.app{min-height:100vh}.sidebar{position:fixed;right:18px;top:18px;bottom:18px;width:245px;border-radius:26px;padding:18px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;gap:12px;align-items:center;padding:7px 4px 24px}.brand b{display:block;font-size:17px}.brand span{display:block;color:var(--muted);font-size:10px;margin-top:2px}.brand-mark{width:58px;height:58px;border-radius:20px;display:grid;place-items:center;background:linear-gradient(135deg,#57d3ff47,#8b7cff47);border:1px solid rgba(255,255,255,.16);box-shadow:inset 0 0 22px #ffffff0f}.brand-mark.small{width:43px;height:43px;border-radius:14px}.sidebar nav{display:flex;flex-direction:column;gap:7px}.sidebar nav button,.logout{border:0;color:var(--muted);background:transparent;border-radius:14px;padding:12px 13px;display:flex;align-items:center;gap:11px;text-align:right;transition:.2s}.sidebar nav button:hover,.sidebar nav button.active{color:#fff;background:#ffffff18;box-shadow:inset 0 0 0 1px #ffffff0d}.sidebar nav button.active svg{color:var(--accent)}.logout{margin-top:auto;color:#ff9bb0}.side-backdrop{display:none}main{margin-right:281px;min-height:100vh;position:relative;z-index:2}.topbar{height:92px;display:flex;align-items:center;justify-content:space-between;padding:0 34px}.topbar h2{margin:0 0 3px;font-size:22px}.topbar span{font-size:12px;color:var(--muted)}.status-pill{display:flex;align-items:center;gap:7px;font-size:12px;color:#b8f7d8;background:#4ce7a014;border:1px solid rgba(76,231,160,.16);padding:8px 12px;border-radius:999px}.status-pill i,.online i{width:7px;height:7px;border-radius:50%;background:var(--good);box-shadow:0 0 12px var(--good)}.menu{display:none;background:none;border:0;color:#fff}.content{padding:0 34px 40px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.stat{border-radius:21px;padding:18px;display:flex;align-items:center;gap:14px;min-height:108px}.stat-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:#57d3ff1a;color:var(--accent);border:1px solid rgba(87,211,255,.13)}.stat span,.stat small{display:block;color:var(--muted);font-size:11px}.stat b{display:block;font-size:21px;margin:3px 0}.dash-grid,.settings-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:15px;margin-top:15px}.panel{border-radius:22px;padding:20px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.panel-head h3{margin:0;font-size:16px}.panel-head p{margin:3px 0 0;color:var(--muted);font-size:11px}.panel-head>svg{color:#7d93aa}.meter-row{display:grid;gap:17px}.meter-label{display:flex;justify-content:space-between;align-items:center;font-size:11px}.meter-label span{display:flex;gap:7px;align-items:center;color:var(--muted)}.meter-label b{font-size:11px}.track,.mini-track{height:7px;border-radius:99px;background:#ffffff12;overflow:hidden;margin-top:8px}.track i,.mini-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent2));box-shadow:0 0 15px #57d3ff40}.recent-list>div{display:grid;grid-template-columns:auto 1fr auto;gap:11px;align-items:center;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.06)}.recent-list>div:last-child{border:0}.recent-list b,.recent-list span{display:block}.recent-list span{color:var(--muted);font-size:10px}.recent-list strong{font-size:11px}.avatar{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,#57d3ff26,#8b7cff2e);border:1px solid var(--line);font-weight:700}.toolbar{display:flex;justify-content:space-between;align-items:center;padding:12px;border-radius:18px;margin-bottom:13px}.search{display:flex;gap:8px;align-items:center;min-width:260px;color:var(--muted);padding:0 8px}.search input{width:100%;border:0;background:transparent;color:#fff;outline:none}.primary,.ghost{border-radius:12px;padding:10px 15px;border:1px solid rgba(255,255,255,.12);display:inline-flex;align-items:center;justify-content:center;gap:7px;color:#fff}.primary{background:linear-gradient(135deg,#179bcc,#675bd2);box-shadow:0 8px 24px #2e7dd238}.ghost{background:#ffffff0f}.full{width:100%}.users-panel{padding:8px 14px}.table-head,.user-row{display:grid;grid-template-columns:1.35fr .7fr 1fr 1fr 1fr .7fr 1fr;gap:10px;align-items:center}.table-head{color:var(--muted);font-size:10px;padding:8px 10px 10px}.user-row{padding:12px 10px;border-top:1px solid rgba(255,255,255,.06);min-height:72px}.user-main{display:flex;align-items:center;gap:10px;min-width:0}.user-main b,.user-main span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-main span{font-size:9px;color:var(--muted)}.badge{display:inline-flex;align-items:center;gap:5px;border-radius:99px;padding:5px 8px;font-size:9px;border:1px solid}.badge.ok{color:#a7f3cf;background:#4ce7a014;border-color:#4ce7a02e}.badge.bad{color:#ffadbd;background:#ff6f9114;border-color:#ff6f912e}.usage b,.usage span{display:block;font-size:10px}.usage span{color:var(--muted);font-size:8px}.mini-track{height:3px;margin-top:5px}.cell-date{font-size:9px;color:#c1cedd}.online{font-size:9px;color:var(--muted);display:inline-flex;align-items:center;gap:6px}.online i{background:#64748b;box-shadow:none}.online.on{color:#b8f7d8}.online.on i{background:var(--good);box-shadow:0 0 10px var(--good)}.actions{display:flex;justify-content:flex-end;gap:4px;flex-wrap:wrap}.actions button,.icon{width:30px;height:30px;border-radius:9px;border:1px solid rgba(255,255,255,.08);background:#ffffff0b;color:#b7c7d8;display:grid;place-items:center}.actions button:hover{background:#ffffff1a;color:#fff}.actions button.danger{color:#ff8fa8}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#01060eb8;display:grid;place-items:center;padding:18px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal{width:min(690px,100%);max-height:90vh;overflow:auto;border-radius:25px;padding:23px}.modal-title{display:flex;justify-content:space-between;align-items:start;margin-bottom:19px}.modal-title h3{margin:0}.modal-title p{margin:4px 0;color:var(--muted);font-size:10px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.field{display:flex;flex-direction:column;gap:7px}.field.wide{grid-column:1/-1}.field>span{font-size:10px;color:#b5c4d5}.field input,.field textarea,.settings-form input{background:#0000002e;border:1px solid rgba(255,255,255,.09);outline:none;border-radius:12px;color:#fff;padding:11px 12px}.field textarea{resize:vertical;min-height:78px}.field input:focus,.field textarea:focus,.settings-form input:focus{border-color:#57d3ff73;box-shadow:0 0 0 3px #57d3ff0f}.switch-row{display:flex;align-items:center;gap:8px;font-size:11px;grid-column:1/-1}.switch-row input{display:none}.switch-row span{width:36px;height:20px;border-radius:99px;background:#405064;position:relative;transition:.2s}.switch-row span:after{content:"";position:absolute;width:14px;height:14px;border-radius:50%;background:#fff;top:3px;right:3px;transition:.2s}.switch-row input:checked+span{background:#319c79}.switch-row input:checked+span:after{right:19px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.error{color:#ffadbd;background:#ff6f9114;border:1px solid rgba(255,111,145,.16);padding:9px 11px;border-radius:10px;font-size:10px;margin-top:10px}.secret-box{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;background:#00000038;border:1px solid var(--line);border-radius:13px;padding:12px}.secret-box span{font-size:10px;color:var(--muted)}.secret-box code{direction:ltr;text-align:left;color:#b9f4ff;overflow:auto}.secret-box button{background:none;border:0;color:#fff}.download-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.download-cards a,.download-cards button{display:flex;text-decoration:none;gap:10px;align-items:center;text-align:right;border:1px solid var(--line);border-radius:15px;background:#ffffff0d;color:#fff;padding:13px}.download-cards b,.download-cards span{display:block}.download-cards span{font-size:8px;color:var(--muted);max-width:220px;overflow:hidden;text-overflow:ellipsis}.warn{margin-top:12px;padding:10px;border-radius:10px;color:#ffd995;background:#ffc56814;border:1px solid rgba(255,197,104,.14);font-size:9px}.session-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.session-card{border-radius:17px;background:#ffffff0b;border:1px solid rgba(255,255,255,.075);padding:14px}.session-top{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center}.session-top b,.session-top span{display:block}.session-top span{font-size:9px;color:var(--muted)}.session-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:13px}.session-stats>div{background:#0000001f;border-radius:10px;padding:8px}.session-stats span,.session-stats b{display:block;font-size:8px}.session-stats span{color:var(--muted)}.session-stats b{font-size:10px;margin-top:2px}.audit-list>div{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:12px 4px;border-bottom:1px solid rgba(255,255,255,.06)}.audit-list .dot{width:7px;height:7px;border-radius:50%;background:var(--accent)}.audit-list b,.audit-list span{display:block}.audit-list span,.audit-list time{font-size:9px;color:var(--muted)}.settings-form{display:grid;gap:12px}.settings-form .field{display:grid}.settings-form p{font-size:10px;color:#a7f3cf}.feature-list{display:grid;gap:10px}.feature-list>div{display:flex;align-items:center;gap:11px;background:#ffffff0a;border-radius:13px;padding:11px}.feature-list>div>svg{color:var(--accent)}.feature-list b,.feature-list small{display:block}.feature-list small{color:var(--muted);font-size:9px}.empty{min-height:160px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#6f8297;grid-column:1/-1}.empty svg{opacity:.4}.empty p{font-size:11px}.skeleton{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.skeleton div{height:110px;border-radius:20px;background:linear-gradient(90deg,#ffffff0a,#ffffff1a,#ffffff0a);background-size:200%;animation:shine 1.2s infinite}.login-shell{min-height:100vh;display:grid;place-items:center;padding:18px;overflow:hidden}.login-card{position:relative;z-index:2;width:min(410px,100%);border-radius:29px;padding:34px}.login-card .brand-mark{margin:0 auto 14px}.login-card h1{text-align:center;margin:0;font-size:25px}.login-card>p{text-align:center;color:var(--muted);font-size:11px;margin:5px 0 25px}.login-card label{display:block;color:#b9c7d7;font-size:10px;margin:12px 0 6px}.login-card input{width:100%;background:#0003;border:1px solid var(--line);border-radius:12px;color:#fff;padding:12px;outline:none}.login-card .password{position:relative}.login-card .password button{position:absolute;left:7px;top:6px;width:32px;height:32px;border:0;background:transparent;color:#90a4ba}.login-card .primary{margin-top:18px}.boot{min-height:100vh;display:grid;place-items:center;color:var(--accent)}.boot svg{width:52px;height:52px;animation:pulse 1.3s infinite}.spin-slow{cursor:pointer}.spin-slow:hover{transform:rotate(30deg)}@keyframes shine{to{background-position:-200%}}@keyframes pulse{50%{opacity:.35;transform:scale(.92)}}@media (max-width:1180px){.stats-grid{grid-template-columns:repeat(2,1fr)}.table-head{display:none}.user-row{grid-template-columns:1.2fr .65fr 1fr 1fr}.user-row>div:nth-child(5),.user-row>div:nth-child(6){display:none}.user-row .actions{grid-column:1/-1;justify-content:flex-start;padding-right:48px}.session-grid{grid-template-columns:1fr}}@media (max-width:850px){.sidebar{transform:translate(120%);right:10px;top:10px;bottom:10px;transition:.25s}.sidebar.open{transform:translate(0)}.side-backdrop.show{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0008;z-index:19;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}main{margin-right:0}.menu{display:grid;place-items:center}.topbar{height:78px;padding:0 18px;justify-content:flex-start;gap:12px}.status-pill{margin-right:auto}.content{padding:0 14px 28px}.dash-grid,.settings-grid{grid-template-columns:1fr}.toolbar{position:sticky;top:8px;z-index:8}.search{min-width:0;flex:1}.toolbar .primary{font-size:0;padding:10px}.toolbar .primary svg{margin:0}.user-row{grid-template-columns:1fr auto}.user-row>div:nth-child(3),.user-row>div:nth-child(4),.user-row>div:nth-child(5),.user-row>div:nth-child(6){display:none}.user-row .actions{grid-column:1/-1}.form-grid{grid-template-columns:1fr}.field.wide,.switch-row{grid-column:auto}.download-cards{grid-template-columns:1fr}}@media (max-width:560px){.stats-grid,.skeleton{grid-template-columns:1fr 1fr;gap:9px}.stat{min-height:92px;padding:12px;gap:10px}.stat-icon{width:39px;height:39px}.stat b{font-size:16px}.topbar h2{font-size:18px}.topbar span{display:none}.status-pill{font-size:0;width:34px;height:34px;justify-content:center;padding:0}.panel{padding:15px}.session-stats{grid-template-columns:1fr 1fr}.modal{padding:17px}.login-card{padding:25px}.user-row{padding:10px 4px}.users-panel{padding:7px 10px}}