:root{color-scheme:dark;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#061329;color:#f1f6ff}
*{box-sizing:border-box}html{min-height:100%}body{margin:0;min-height:100vh;background:linear-gradient(145deg,#0a2c5b 0%,#071b37 30%,#040c1b 100%);position:relative;overflow-x:hidden;line-height:1.5}
.background-orb{position:fixed;border-radius:50%;filter:blur(110px);pointer-events:none;opacity:.2}.orb-one{background:#299dff;width:320px;height:320px;top:8%;left:-140px}.orb-two{background:#2b4eae;width:500px;height:500px;bottom:-250px;right:-160px}
.topbar{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:18px;min-height:85px;padding:18px clamp(20px,4vw,65px);border-bottom:1px solid #ffffff17;background:#041329aa;backdrop-filter:blur(15px)}
.logo{display:flex;align-items:center;gap:12px;font-size:25px;font-weight:500;letter-spacing:-.7px;white-space:nowrap}.logo strong{font-weight:850}.logo-icon{display:grid;place-items:center;width:41px;height:41px;border-radius:14px;font-size:20px;background:linear-gradient(130deg,#42cbff,#277ff2);box-shadow:0 6px 22px #1181e544}
nav{display:flex;align-items:center;gap:18px;font-size:14px;color:#a7c0e2}.chip{padding:8px 13px;border:1px solid #68abff46;border-radius:999px;background:#2781cb21;color:#a8d6ff}
button{cursor:pointer;border-radius:12px;padding:13px 18px;border:1px solid #ffffff29;background:#182e4f;color:#f0f7ff;font:inherit;font-weight:620;transition:background .2s,transform .12s}
button:hover{background:#244875}button:active{transform:translateY(1px)}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #6bc7ff;outline-offset:3px}button:disabled{opacity:.5;cursor:wait}
button.primary{background:linear-gradient(135deg,#38c1ff,#2376f2);color:#041629;border:0;font-weight:800;box-shadow:0 10px 23px #056fb233}button.primary:hover{background:linear-gradient(135deg,#7cd8ff,#4a97ff)}
button.secondary{background:#11365f;border-color:#389fff7d}
.shell{position:relative;z-index:1;max-width:1250px;margin:0 auto;padding:52px 22px 80px;min-height:calc(100vh - 150px)}
.glass{background:linear-gradient(160deg,#17345dcb,#081b37e8);border:1px solid #90c7ff35;box-shadow:0 20px 55px #020b1c44;border-radius:22px}
.login-card{width:min(100%,455px);margin:60px auto 0;padding:36px}
.eyebrow{font-size:12px;font-weight:800;letter-spacing:.17em;color:#67c6fc;text-transform:uppercase}
h1{font-size:clamp(30px,4vw,44px);letter-spacing:-.04em;line-height:1.12;margin:10px 0 12px}h2{font-size:21px;margin:8px 0 17px;letter-spacing:-.025em}h3{font-size:16px;margin:27px 0 12px}p{color:#c1d2e8;margin:12px 0 20px}.note{font-size:12px;color:#8fa9ca;line-height:1.65;margin:20px 0 0}.muted{color:#a7bddb;font-size:14px}
form{display:flex;flex-direction:column;gap:16px}label{font-size:13px;font-weight:660;color:#c3dcf6;display:flex;flex-direction:column;gap:8px}
input,select{width:100%;border:1px solid #80b7eb60;border-radius:12px;background:#061832d9;padding:13px 14px;color:#f4faff;outline:none;font:inherit;min-width:0}
input::placeholder{color:#748eaf}select{appearance:auto}.check{flex-direction:row;align-items:center}.check input{width:18px;height:18px;accent-color:#1ca7fa}
.login-card .primary{width:100%}.login-card h1{margin-top:8px}
.page-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:26px}.subtitle{margin:0;font-size:15px}.account{color:#91afd6;font-size:13px}
.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px}
.metric{padding:26px;display:flex;flex-direction:column;gap:10px}.metric span{font-size:14px;color:#abc7e5}.metric strong{font-size:clamp(30px,4vw,45px);letter-spacing:-.04em;line-height:1.1}.metric small{color:#81a3c5}
.columns{display:grid;grid-template-columns:1fr 1.05fr;gap:19px}.admin-columns{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.pane{padding:29px;min-width:0}
.inline-form{display:grid;grid-template-columns:1fr auto;align-items:end;gap:10px}.inline-form label{min-width:0}.device-result{padding:14px;border-radius:12px;background:#15304d;border:1px solid #477ab348;color:#b7cae4;margin:16px 0}
#activate-form{border-top:1px solid #ffffff1b;padding-top:18px}
.table-scroll{max-width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px;text-align:left}th{color:#9abbdc;font-size:11px;font-weight:730;letter-spacing:.055em;text-transform:uppercase}td,th{padding:13px 9px;border-bottom:1px solid #ffffff16}td{color:#e3efff}tr:last-child td{border-bottom:0}
.plan-list{display:flex;gap:10px;flex-wrap:wrap}.plan-pill{font-size:12px;padding:9px 13px;border:1px solid #5c9cdf47;border-radius:999px;background:#133253}
.toast{position:fixed;z-index:5;right:26px;bottom:28px;max-width:min(430px,calc(100vw - 40px));padding:16px 23px;background:#14355e;border:1px solid #60bafd;border-radius:13px;color:#eaf8ff;box-shadow:0 15px 40px #0008}.toast.error{background:#522530;border-color:#ff8694}
footer{text-align:center;color:#7f9cb9;font-size:12px;padding:24px;position:relative;z-index:1}
[hidden]{display:none!important}
@media(max-width:850px){.metrics,.columns,.admin-columns{grid-template-columns:1fr}.topbar{padding:15px 20px}nav .chip{display:none}.shell{padding-top:32px}.login-card{margin:30px auto 0}.page-heading{align-items:start;flex-direction:column}}
@media(max-width:520px){.topbar nav{display:none}.login-card,.pane{padding:23px}.inline-form{grid-template-columns:1fr}.page-heading h1{font-size:32px}.metrics{gap:12px}}