:root{color-scheme:dark;--bg:#09090b;--panel:#121216;--panel2:#18181d;--line:#29292f;--muted:#8d8d98;--text:#f5f5f7;--red:#ff453a;--red2:#d72a30;--green:#32d271;--amber:#ffb340;--radius:22px;font-family:Inter,-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",sans-serif}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text)}body{min-height:100vh;min-height:100dvh}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}[hidden]{display:none!important}.muted{color:var(--muted);line-height:1.55}.wide{max-width:480px}.overline{margin:0 0 9px;color:#777781;text-transform:uppercase;letter-spacing:.16em;font-size:10px;font-weight:800}.overline.red{color:var(--red)}h1,h2,h3,p{margin-top:0}h1{margin-bottom:22px;font-size:clamp(48px,6vw,86px);line-height:.94;letter-spacing:-.065em}h2{margin-bottom:8px;font-size:34px;letter-spacing:-.045em}h3{margin-bottom:0;font-size:23px;letter-spacing:-.035em}.prime-glyph{width:62px;height:62px;position:relative;border-radius:20px;background:var(--red);box-shadow:0 20px 60px rgba(255,69,58,.22)}.prime-glyph span{position:absolute;width:9px;border-radius:9px;background:white;transform:rotate(-27deg)}.prime-glyph span:first-child{height:32px;left:21px;top:13px}.prime-glyph span:last-child{height:23px;left:34px;top:24px}.prime-glyph.small{width:42px;height:42px;border-radius:14px;box-shadow:none}.prime-glyph.small span:first-child{width:6px;height:22px;left:14px;top:9px}.prime-glyph.small span:last-child{width:6px;height:16px;left:23px;top:16px}.login-shell{display:grid;grid-template-columns:minmax(430px,1.15fr) minmax(420px,.85fr);min-height:100vh;min-height:100dvh}.login-art{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(42px,6vw,92px);background:radial-gradient(circle at 92% 9%,rgba(255,69,58,.16),transparent 33%),linear-gradient(145deg,#111115,#080809 62%)}.login-art:after{content:"";position:absolute;width:680px;height:680px;right:-390px;bottom:-390px;border:1px solid rgba(255,255,255,.07);border-radius:50%;box-shadow:0 0 0 100px rgba(255,255,255,.018),0 0 0 200px rgba(255,255,255,.012)}.security-note{position:relative;z-index:1;color:#777781;font-size:12px}.security-note i,.live-dot{display:inline-block;width:7px;height:7px;margin-right:9px;border-radius:50%;background:var(--green);box-shadow:0 0 16px rgba(50,210,113,.8)}.login-pane{display:grid;place-items:center;padding:42px;background:#0d0d10}.login-card{width:min(100%,420px)}.login-card .muted{margin-bottom:34px}.login-card label,.form-grid label{display:grid;gap:8px;color:#aaaab3;font-size:12px;font-weight:650}.login-card label{margin-bottom:20px}.login-card input{height:54px}.back-link{margin:0 0 38px;padding:0;border:0;color:#a3a3ad;background:none}.otp{font-size:24px!important;letter-spacing:.28em;text-align:center}.error{padding:12px 14px;border:1px solid rgba(255,69,58,.25);border-radius:12px;color:#ff8a82;background:rgba(255,69,58,.08);font-size:12px}.button{min-height:42px;padding:0 17px;border:1px solid transparent;border-radius:13px;color:var(--text);background:var(--panel2);font-size:12px;font-weight:750;transition:.18s transform,.18s background,.18s border-color}.button:hover{transform:translateY(-1px)}.button.primary{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-color:var(--red);background:var(--red);color:white}.login-card .button.primary{width:100%;height:54px}.button.primary:hover{background:#ff5148}.button.quiet{border-color:var(--line);background:transparent}.button.danger{background:var(--red2);color:white}.button.danger-quiet{color:#ff6b63;border-color:rgba(255,69,58,.22);background:rgba(255,69,58,.06)}input,textarea,select{width:100%;border:1px solid var(--line);border-radius:13px;outline:none;color:var(--text);background:#17171b;transition:.18s border-color,.18s box-shadow}input,select{height:46px;padding:0 13px}textarea{padding:12px 13px;resize:vertical}input:focus,textarea:focus,select:focus{border-color:#555560;box-shadow:0 0 0 4px rgba(255,255,255,.035)}.console{display:grid;grid-template-columns:230px 1fr;min-height:100vh}.rail{position:fixed;inset:0 auto 0 0;width:230px;display:flex;flex-direction:column;padding:24px 16px;border-right:1px solid #202026;background:#0c0c0f}.rail-brand{display:flex;align-items:center;gap:12px;padding:0 8px 31px}.rail-brand strong,.rail-brand small{display:block}.rail-brand strong{font-size:15px}.rail-brand small{margin-top:3px;color:var(--muted);font-size:10px}.rail nav{display:grid;gap:5px}.nav-item{display:flex;align-items:center;gap:12px;width:100%;height:44px;padding:0 13px;border:0;border-radius:13px;color:#8e8e98;background:transparent;text-align:left;font-size:12px;font-weight:700}.nav-item span{width:20px;color:#71717a;font-size:17px}.nav-item:hover,.nav-item.active{color:white;background:#1a1a1f}.nav-item.active span{color:var(--red)}.rail-bottom{display:grid;grid-template-columns:auto 1fr 32px;align-items:center;gap:7px;margin-top:auto;padding:14px 9px 0;border-top:1px solid #202026}.rail-bottom .live-dot{margin:0}.rail-bottom strong,.rail-bottom small{display:block}.rail-bottom strong{font-size:11px}.rail-bottom small{margin-top:3px;color:var(--muted);font-size:9px}.rail-bottom button{width:32px;height:32px;border:0;border-radius:10px;color:#85858e;background:#17171c}.workspace{grid-column:2;min-width:0}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;height:88px;padding:0 clamp(24px,4vw,58px);border-bottom:1px solid rgba(45,45,51,.8);background:rgba(9,9,11,.82);backdrop-filter:blur(24px)}.topbar h2{font-size:25px}.topbar .overline{margin-bottom:4px}.top-actions{display:flex;align-items:center;gap:12px}.top-actions>span{color:var(--muted);font-size:10px}.page{width:min(100%,1440px);margin:0 auto;padding:38px clamp(22px,4vw,58px) 90px}.metric-grid{display:grid;grid-template-columns:repeat(6,minmax(130px,1fr));gap:12px}.metric-card{min-height:128px;padding:20px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#151519,#101014)}.metric-card span{display:block;color:#84848e;font-size:11px}.metric-card strong{display:block;margin-top:24px;font-size:32px;letter-spacing:-.055em}.metric-card small{display:block;margin-top:7px;color:#666670;font-size:9px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin:52px 0 15px}.section-heading>p{max-width:540px;margin:0;color:var(--muted);text-align:right;font-size:11px;line-height:1.55}.panel{padding:24px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,#141419,#101014)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid .span-two{grid-column:span 2}.form-grid .full{grid-column:1/-1}.form-grid small{color:#686872;font-weight:400}.form-footer{display:flex;align-items:center;justify-content:flex-end;gap:14px}.form-footer.full{grid-column:1/-1}.form-footer p{margin:0 auto 0 0;color:#6f6f78;font-size:10px;line-height:1.5}.switch-row{display:flex!important;align-items:center;gap:10px;min-height:46px;padding-top:20px}.switch-row input{position:absolute;opacity:0;pointer-events:none}.switch-row span{position:relative;width:38px;height:22px;border-radius:20px;background:#33333a;transition:.18s}.switch-row span:after{content:"";position:absolute;width:18px;height:18px;left:2px;top:2px;border-radius:50%;background:white;transition:.18s}.switch-row input:checked+span{background:var(--red)}.switch-row input:checked+span:after{transform:translateX(16px)}.notice-list{display:grid;gap:10px;margin-top:22px}.notice-row{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center;padding:15px;border:1px solid #25252b;border-radius:15px;background:#17171c}.notice-row strong,.notice-row small{display:block}.notice-row strong{font-size:12px}.notice-row small{margin-top:5px;color:var(--muted);font-size:10px}.inline-search{display:flex;gap:8px;width:min(100%,360px)}.inline-search input{height:40px}.table-panel{padding:0;overflow:hidden}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left}th{height:43px;padding:0 18px;border-bottom:1px solid var(--line);color:#666671;text-transform:uppercase;letter-spacing:.1em;font-size:8px}td{height:65px;padding:10px 18px;border-bottom:1px solid #222227;color:#bdbdc5;font-size:11px}tr:last-child td{border-bottom:0}.user-cell{display:flex;align-items:center;gap:11px}.mini-avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;color:white;background:#32323a;font-size:10px;font-weight:800}.user-cell strong,.user-cell small{display:block}.user-cell strong{color:white;font-size:11px}.user-cell small{margin-top:4px;color:#74747e;font-size:9px}.status{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:9px;color:#9a9aa4;background:#1d1d22;font-size:9px}.status.online{color:#70e7a5;background:rgba(50,210,113,.08)}.status.online:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--green)}.table-action{padding:7px 10px;border:1px solid #2d2d34;border-radius:9px;color:#b5b5be;background:#19191e;font-size:9px}.analytics-toolbar{display:flex;align-items:end;justify-content:space-between;margin-bottom:20px}.analytics-toolbar select{width:170px;height:42px}.analytics-metrics{grid-template-columns:repeat(5,minmax(130px,1fr))}.chart-panel{margin-top:16px}.panel-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.legend{display:flex;gap:14px;color:#777781;font-size:9px}.legend i{display:inline-block;width:13px;height:2px;margin-right:5px;vertical-align:middle}.red-line{background:var(--red)}.gray-line{background:#8a8a94}canvas{display:block;width:100%;max-height:310px}.split-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.bar-list{display:grid;gap:13px}.bar-item{display:grid;grid-template-columns:minmax(80px,1fr) 3fr auto;gap:12px;align-items:center;font-size:10px}.bar-item>span:first-child{overflow:hidden;color:#aaaab4;text-overflow:ellipsis;white-space:nowrap}.bar-track{height:7px;overflow:hidden;border-radius:10px;background:#24242a}.bar-track i{display:block;height:100%;border-radius:10px;background:linear-gradient(90deg,var(--red2),var(--red))}.bar-item strong{min-width:30px;color:#777781;text-align:right;font-size:9px}.bar-list.compact{margin-top:20px}.panel hr{height:1px;margin:22px 0;border:0;background:var(--line)}.diagnostics{min-height:120px}.empty-state{display:grid;place-items:center;color:#64646e;font-size:11px}.toast{position:fixed;z-index:100;right:24px;bottom:24px;max-width:400px;padding:13px 17px;border:1px solid #34343a;border-radius:13px;color:white;background:#202026;box-shadow:0 18px 50px rgba(0,0,0,.4);font-size:11px}dialog{width:min(92vw,600px);padding:26px;border:1px solid #323238;border-radius:22px;color:var(--text);background:#151519;box-shadow:0 30px 100px rgba(0,0,0,.6)}dialog::backdrop{background:rgba(0,0,0,.68);backdrop-filter:blur(8px)}.dialog-close{position:absolute;right:18px;top:16px;width:34px;height:34px;border:0;border-radius:50%;color:#aaa;background:#25252b}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:24px}.inspect-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}.inspect-item{padding:13px;border-radius:13px;background:#1d1d22}.inspect-item small,.inspect-item strong{display:block}.inspect-item small{color:#777781;font-size:9px}.inspect-item strong{margin-top:6px;overflow-wrap:anywhere;font-size:11px}.subscription-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.subscription-button{display:flex;align-items:center;justify-content:space-between;padding:12px;border:1px solid #2d2d34;border-radius:12px;color:#aaa;background:#1a1a1f}.subscription-button.active{color:white;border-color:rgba(255,69,58,.45);background:rgba(255,69,58,.1)}.danger-zone{display:flex;align-items:center;justify-content:space-between;margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}@media(max-width:1180px){.metric-grid{grid-template-columns:repeat(3,1fr)}.analytics-metrics{grid-template-columns:repeat(3,1fr)}}@media(max-width:820px){.login-shell{grid-template-columns:1fr}.login-art{display:none}.login-pane{min-height:100vh}.console{display:block}.rail{position:sticky;z-index:20;top:0;width:100%;height:68px;display:flex;flex-direction:row;align-items:center;padding:10px 14px;border-right:0;border-bottom:1px solid var(--line)}.rail-brand{padding:0}.rail-brand small{display:none}.rail nav{display:flex;margin-left:auto}.nav-item{width:auto}.nav-item span{display:none}.rail-bottom{display:none}.workspace{display:block}.topbar{top:68px;height:76px;padding:0 18px}.page{padding:26px 14px 70px}.metric-grid,.analytics-metrics{grid-template-columns:repeat(2,1fr)}.form-grid.three,.form-grid{grid-template-columns:1fr}.form-grid .span-two{grid-column:auto}.form-grid .full,.form-footer.full{grid-column:1}.section-heading{align-items:start;flex-direction:column}.section-heading>p{text-align:left}.split-grid{grid-template-columns:1fr}.panel{padding:18px}.top-actions>span{display:none}}@media(max-width:480px){.metric-grid,.analytics-metrics{grid-template-columns:1fr 1fr}.metric-card{min-height:110px;padding:16px}.metric-card strong{margin-top:20px;font-size:27px}.nav-item{padding:0 10px}.rail-brand>div:last-child{display:none}.topbar h2{font-size:21px}.form-footer{align-items:stretch;flex-direction:column}.form-footer p{margin:0}.button{width:100%}.inline-search{width:100%}.section-heading .inline-search{display:grid;grid-template-columns:1fr auto}.section-heading .inline-search .button{width:auto}.analytics-toolbar{align-items:stretch;flex-direction:column;gap:15px}.analytics-toolbar select{width:100%}.inspect-grid,.subscription-grid{grid-template-columns:1fr}}