:root{--bg:#080a0d;--panel:#10141a;--line:#262c34;--text:#edf2f7;--muted:#8a96a5;--blue:#2e7bff;--electric:#8bb6ff}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);margin:0;font-family:Georgia,Times New Roman,serif}button,input{font:inherit}a{color:inherit;text-decoration:none}.eyebrow{color:#87a3c8;letter-spacing:.16em;margin:0 0 12px;font:600 10px/1.2 ui-monospace,monospace}.brand{letter-spacing:.08em;align-items:center;gap:10px;font:700 14px ui-monospace,monospace;display:flex}.brand-mark{background:var(--blue);color:#fff;letter-spacing:-1px;place-items:center;width:32px;height:32px;font:800 10px ui-monospace,monospace;display:grid}.login-shell{grid-template-columns:1.15fr .85fr;min-height:100vh;display:grid}.login-visual{background:linear-gradient(130deg,#08101c,#090d13 60%,#0c1628);padding:54px clamp(40px,7vw,120px);position:relative;overflow:hidden}.login-visual:after{content:"";background-color:#0000;background-image:linear-gradient(90deg,#0000 49.9%,#ffffff09 50%,#0000 50.1%),linear-gradient(#ffffff07 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:90px 90px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0009,#0000);mask-image:linear-gradient(90deg,#0009,#0000)}.login-visual>*{z-index:1;position:relative}.login-visual h1{letter-spacing:-.08em;margin:19vh 0 30px;font-size:clamp(70px,9vw,148px);line-height:.78}.login-visual h1 i{color:var(--electric);font-weight:400}.visual-copy{color:#b2bfd0;max-width:300px;font-size:18px;line-height:1.45}.orb{filter:blur(2px);background:#1672ff33;border-radius:50%;box-shadow:0 0 170px 70px #1760ff35;position:absolute!important}.orb-one{width:220px;height:220px;top:24%;right:15%}.orb-two{width:100px;height:100px;bottom:10%;left:20%}.signal{color:#bcc6d4;letter-spacing:.08em;border-top:1px solid #ffffff25;align-items:center;gap:9px;padding-top:18px;font:11px ui-monospace,monospace;display:flex;bottom:46px;left:clamp(40px,7vw,120px);right:8%;position:absolute!important}.signal b{color:#dcecff;margin-left:auto}.pulse{background:#4dffae;border-radius:50%;width:7px;height:7px;display:inline-block;box-shadow:0 0 12px #4dffae}.login-panel{background:#0a0d11;flex-direction:column;padding:52px clamp(36px,7vw,110px);display:flex}.form-wrap{width:100%;max-width:390px;margin:auto 0}.form-wrap h2{letter-spacing:-.04em;margin:0 0 8px;font-size:38px}.muted{color:var(--muted);margin:0 0 36px;font:15px ui-sans-serif,sans-serif}.form-wrap label{margin:19px 0 7px;font:600 12px ui-sans-serif,sans-serif;display:block}.form-wrap input:not([type=checkbox]){color:#fff;background:#10151c;border:1px solid #28313d;outline:none;width:100%;margin-top:9px;padding:14px 15px;display:block}.form-wrap input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2e7bff22}.form-row{color:#90adce;justify-content:space-between;align-items:center;margin:18px 0 27px;font:12px ui-sans-serif,sans-serif;display:flex}.form-row .check{color:var(--muted);margin:0;font-weight:400}.check input{accent-color:var(--blue)}.primary,.plan button{background:var(--blue);color:#fff;text-align:left;cursor:pointer;border:0;width:100%;padding:15px 17px;font:600 13px ui-sans-serif,sans-serif}.primary span,.plan button span{float:right;font-size:20px;line-height:12px}.notice{color:#94bfff;font:12px ui-sans-serif,sans-serif}.secure{color:#657183;font:11px ui-monospace,monospace}.app-shell{min-height:100vh;font-family:ui-sans-serif,system-ui,sans-serif;display:flex}.sidebar{border-right:1px solid var(--line);z-index:5;background:#0b0e12;flex-direction:column;width:244px;padding:29px 15px;display:flex;position:fixed;inset:0 auto 0 0}.sidebar .brand{padding:0 9px 39px}.nav-label{color:#5c6877;letter-spacing:.15em;margin:0 0 10px;padding:0 10px;font:10px ui-monospace,monospace}.sidebar nav a{color:#8f9baa;border-left:2px solid #0000;align-items:center;gap:12px;margin:3px 0;padding:11px 10px;font-size:13px;display:flex}.sidebar nav a.active{color:#ecf5ff;border-left-color:var(--blue);background:#172132}.count{color:#e8f2ff;background:#2457a4;border-radius:20px;margin-left:auto;padding:2px 6px;font-size:10px}.sidebar-bottom{margin-top:auto}.plan-mini{color:#9abbec;letter-spacing:.08em;background:#0e1724;border:1px solid #1f3654;margin-bottom:11px;padding:13px 10px;font:10px ui-monospace,monospace}.plan-mini strong{color:#fff;margin-top:7px;font-size:15px;display:block}.plan-mini .dot{background:#6fa2ff;border-radius:50%;width:5px;height:5px;margin-right:5px;display:inline-block}.user{align-items:center;gap:9px;padding:9px;font-size:12px;display:flex}.user>span{color:#0d1117;background:#c6d1dc;border-radius:50%;place-items:center;width:29px;height:29px;font-size:10px;font-weight:700;display:grid}.user small{color:#718092;margin-top:2px;font-size:10px;display:block}.user svg{margin-left:auto}.content{width:calc(100% - 244px);max-width:1600px;margin-left:244px;padding:46px clamp(26px,5vw,85px)}.content header{justify-content:space-between;align-items:end;display:flex}.content h1{letter-spacing:-.05em;margin:0;font-family:Georgia,serif;font-size:42px}.header-actions{align-items:center;gap:10px;display:flex}.icon-button,.switch,.menu,.close{border:1px solid var(--line);color:#d9e2ed;cursor:pointer;background:#11161d;padding:10px;position:relative}.icon-button i{background:#ff7171;border-radius:50%;width:6px;height:6px;position:absolute;top:7px;right:8px}.switch{letter-spacing:.09em;padding:11px 14px;font:10px ui-monospace,monospace}.menu,.close{display:none}.status-line{color:#76cda8;letter-spacing:.08em;background:#0d1817;border:1px solid #1d4036;margin:34px 0 25px;padding:9px 12px;font:10px ui-monospace,monospace}.status-line .pulse{width:5px;height:5px;margin-right:8px}.status-line em{float:right;color:#6f877e;font-style:normal}.hero-panel{background:linear-gradient(102deg,#121b2a,#0d1117 54%,#0e203d);border:1px solid #28384e;justify-content:space-between;min-height:210px;margin-bottom:18px;padding:31px 37px;display:flex}.hero-panel h2{letter-spacing:-.04em;margin:0 0 8px;font:500 42px Georgia,serif}.hero-panel h2 span{vertical-align:middle;color:#a9c9ff;letter-spacing:.1em;background:#213c66;margin-left:8px;padding:4px 6px;font:9px ui-monospace,monospace;display:inline-block}.hero-panel p:not(.eyebrow){color:#9ba8b8;font-size:13px}.outline{color:#b9d2fb;cursor:pointer;background:0 0;border:1px solid #4a6386;margin-top:14px;padding:9px 12px;font-size:12px}.outline span{margin-left:26px}.usage-dial{background:radial-gradient(circle at center,#101927 58%,transparent 59%),conic-gradient(var(--blue)0 61%,#293443 61%);border-radius:50%;place-items:center;width:144px;height:144px;display:grid;box-shadow:inset 0 0 25px #2a76ff22}.usage-dial>div{text-align:center}.usage-dial b{font:24px Georgia,serif;display:block}.usage-dial small{color:#8c9aab;font-size:9px}.metric-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px;display:grid}.metric{background:var(--panel);border:1px solid var(--line);padding:21px}.metric strong{letter-spacing:-.05em;font:30px Georgia,serif}.metric p{margin:10px 0 7px;font-size:12px}.metric small{color:#7f9ac4;font:10px ui-monospace,monospace}.split{grid-template-columns:1.4fr 1fr;gap:18px;margin-bottom:18px;display:grid}.panel{background:var(--panel);border:1px solid var(--line);padding:25px}.panel h3{letter-spacing:-.03em;margin:0 0 20px;font:500 22px Georgia,serif}.event{border-top:1px solid #20262d;align-items:center;gap:11px;padding:13px 0;font-size:12px;display:flex}.event-icon{color:#8abbff;background:#1a293c;place-items:center;width:25px;height:25px;display:grid}.event small,.alert-row small{color:#718093;margin-top:4px;font-size:10px;display:block}.event>b{color:#67d6aa;margin-left:auto}.alerts .bar{background:#27313d;height:5px;margin:25px 0 12px}.alerts .bar i{background:linear-gradient(90deg,#2266db,#81b0ff);height:100%;display:block}.alerts>p{color:#93a0af;font-size:12px;line-height:1.5}.alerts>a,.clients a{color:#91baff;font-size:11px}.bars{align-items:end;gap:19px;height:156px;padding:0 8px;display:flex}.bars div{flex-direction:column;flex:1;justify-content:end;align-items:center;gap:9px;height:100%;display:flex}.bars i{background:linear-gradient(#5e9aff,#2456af);width:100%;display:block}.bars small{color:#748294;font:9px ui-monospace,monospace}.alert-row{border-top:1px solid #20262d;gap:11px;padding:12px 0;display:flex}.alert-row span{color:#e4ad67;border:1px solid #b37c40;place-items:center;width:20px;height:20px;font-size:12px;display:grid}.alert-row p{margin:0;font-size:11px}.clients{margin-bottom:40px}.client-row{border-top:1px solid #20262d;grid-template-columns:1.4fr 1fr 1fr auto;align-items:center;padding:13px 0;font-size:12px;display:grid}.client-row span{color:#7f91a5;font:10px ui-monospace,monospace}.client-row i{font-size:11px;font-style:normal}.good{color:#68d9ad}.warn{color:#e4ad67}.plans{background:radial-gradient(at top,#152f5b66,#0000 47%),#080a0d;min-height:100vh;padding:28px clamp(25px,6vw,110px) 70px;font-family:ui-sans-serif,system-ui,sans-serif}.plans>header{color:#8ea7c6;justify-content:space-between;align-items:center;font-size:12px;display:flex}.plans-intro{text-align:center;max-width:670px;margin:120px auto 50px}.plans-intro h1{letter-spacing:-.06em;margin:0 0 21px;font:500 clamp(44px,6vw,80px)/.92 Georgia,serif}.plans-intro>p:last-child{color:#8996a6;font-size:14px;line-height:1.6}.plan-grid{grid-template-columns:repeat(5,1fr);gap:9px;display:grid}.plan{background:#0d1117;border:1px solid #27303c;min-height:390px;padding:22px;position:relative}.plan.recommended{background:#111b2a;border-color:#4d85dd}.ribbon{color:#fff;letter-spacing:.1em;background:#4082e6;padding:4px 6px;font:8px ui-monospace,monospace;position:absolute;top:-10px;left:15px}.plan h2{letter-spacing:-.04em;margin:0;font:27px Georgia,serif}.plan h2 small{color:#718094;letter-spacing:0;margin-top:7px;font:10px ui-monospace,monospace;display:block}.plan hr{border:0;border-top:1px solid #27303c;margin:25px 0}.plan dl{margin:0}.plan dl div{margin:0 0 15px}.plan dt{color:#788797;font-size:10px}.plan dd{margin:3px 0 0;font-size:12px}.plan button{color:#bad2f5;background:0 0;border:1px solid #3a4b61;width:calc(100% - 44px);font-size:11px;position:absolute;bottom:22px;left:22px;right:22px}.plan.recommended button{color:#fff;background:#2e7bff;border-color:#2e7bff}@media (max-width:950px){.login-shell{grid-template-columns:1fr}.login-visual{min-height:310px;padding:38px}.login-visual h1{margin:55px 0 15px;font-size:70px}.login-panel{min-height:600px}.sidebar{transition:all .2s;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.close,.menu{display:block}.content{width:100%;margin:0;padding:28px 22px}.metric-grid,.plan-grid{grid-template-columns:repeat(2,1fr)}.plans-intro{margin-top:80px}.split{grid-template-columns:1fr}}@media (max-width:550px){.content h1{font-size:30px}.header-actions .switch{display:none}.hero-panel{align-items:center;padding:24px}.usage-dial{width:105px;height:105px}.usage-dial b{font-size:19px}.metric-grid{grid-template-columns:1fr 1fr}.metric{padding:15px}.metric strong{font-size:25px}.plan-grid{grid-template-columns:1fr}.plans-intro h1{font-size:48px}.plans>header{gap:15px}.status-line em{display:none}.client-row{grid-template-columns:1fr 1fr auto}.client-row i{display:none}}