:root{
  color-scheme:dark;
  --bg:#07111e;
  --panel:#0d1b2b;
  --panel-soft:#102238;
  --field:#081624;
  --line:#20384f;
  --line-soft:rgba(122,169,207,.14);
  --text:#edf6ff;
  --muted:#8ea6bc;
  --blue:#28a9ff;
  --cyan:#64e7ff;
  --green:#43d49a;
  --amber:#ffc65c;
  --red:#ff7180;
  --shadow:0 24px 70px rgba(0,0,0,.26);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  background:var(--bg);
  color:var(--text)
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-height:100vh;background:
  radial-gradient(950px 520px at 84% -12%,rgba(40,169,255,.18),transparent 66%),
  radial-gradient(720px 500px at -12% 38%,rgba(100,231,255,.08),transparent 64%),var(--bg)}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.22;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,black,transparent 75%)}
a{color:inherit}
button,input,textarea{font:inherit}
button{border:0}
.admin-shell{position:relative;z-index:1;width:min(1380px,calc(100% - 42px));margin:auto}
.topbar{height:82px;display:flex;align-items:center;gap:36px;border-bottom:1px solid var(--line-soft)}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;margin-right:auto}
.brand-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;background:linear-gradient(135deg,var(--cyan),var(--blue));color:#03111d;font-weight:950;font-size:15px;letter-spacing:-.04em;box-shadow:0 0 34px rgba(40,169,255,.3)}
.brand strong,.brand small{display:block}.brand strong{font-size:17px;line-height:1.1;letter-spacing:.02em}.brand small{font-size:9px;color:var(--muted);letter-spacing:.19em;margin-top:4px}
.top-nav{display:flex;align-items:center;gap:6px}.top-nav a{padding:9px 12px;border-radius:9px;color:var(--muted);font-size:12px;text-decoration:none;transition:.2s}.top-nav a:hover{color:var(--text);background:rgba(255,255,255,.04)}
.top-actions{display:flex;align-items:center;gap:9px}.logout-form{margin:0}
main{padding:48px 0 20px}
footer{text-align:center;color:#4c657c;font-size:10px;letter-spacing:.18em;padding:36px 0 42px}
.button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0 16px;border-radius:10px;font-weight:750;font-size:12px;text-decoration:none;cursor:pointer;transition:transform .15s,border-color .2s,background .2s,box-shadow .2s}
.button:hover{transform:translateY(-1px)}.button:active{transform:translateY(0)}
.button.primary{background:linear-gradient(135deg,var(--cyan),var(--blue));color:#03121d;box-shadow:0 10px 28px rgba(40,169,255,.18)}
.button.primary:hover{box-shadow:0 13px 32px rgba(40,169,255,.28)}
.button.ghost,.button.subtle{border:1px solid var(--line);background:rgba(12,29,46,.6);color:#b8ccdf}.button.ghost:hover,.button.subtle:hover{border-color:#3b5f7f;background:#122a40;color:var(--text)}
.button.danger{background:rgba(255,113,128,.09);border:1px solid rgba(255,113,128,.25);color:#ff9aa5}.button.danger:hover{background:rgba(255,113,128,.15);border-color:rgba(255,113,128,.42)}
.button.small{min-height:34px;padding:0 11px;font-size:11px}.button.full{width:100%}
.eyebrow,.section-kicker{margin:0;color:var(--cyan);font-size:10px;font-weight:800;letter-spacing:.21em}
.page-intro{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:28px}
.page-intro h1{font-size:clamp(32px,4vw,48px);letter-spacing:-.045em;line-height:1.08;margin:10px 0 12px}.page-intro>div>p:last-child{color:var(--muted);line-height:1.7;margin:0;max-width:720px;font-size:13px}
.session-chip{display:flex;align-items:center;gap:9px;padding:11px 13px;border:1px solid var(--line);background:rgba(11,28,44,.68);border-radius:12px;white-space:nowrap}.session-chip i{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(67,212,154,.1)}.session-chip span{color:var(--muted);font-size:11px}.session-chip strong{font-size:11px;font-weight:750}
.flash{display:flex;align-items:center;gap:13px;padding:14px 16px;border-radius:13px;margin-bottom:20px}.flash>span{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;font-weight:900}.flash strong,.flash p{display:block;margin:0}.flash strong{font-size:12px}.flash p{font-size:11px;margin-top:3px;opacity:.8}.flash.success{border:1px solid rgba(67,212,154,.25);background:rgba(67,212,154,.08);color:#91f2c8}.flash.success>span{background:rgba(67,212,154,.13)}
.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}
.metric-card{min-height:126px;display:flex;align-items:center;gap:17px;padding:20px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(145deg,rgba(16,34,55,.94),rgba(10,24,39,.95));box-shadow:0 14px 40px rgba(0,0,0,.13)}
.metric-card.accent{border-color:rgba(40,169,255,.35);background:linear-gradient(145deg,rgba(24,60,88,.7),rgba(10,25,41,.96))}
.metric-icon{flex:0 0 auto;display:grid;place-items:center;width:43px;height:43px;border-radius:13px;color:var(--cyan);font-size:20px;background:rgba(40,169,255,.1);border:1px solid rgba(100,231,255,.12)}
.metric-card span,.metric-card strong,.metric-card small{display:block}.metric-card span{color:var(--muted);font-size:11px}.metric-card strong{font-size:30px;line-height:1.05;margin:6px 0 4px;letter-spacing:-.035em}.metric-card small{color:#5f7890;font-size:10px}
.action-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(360px,.65fr);gap:18px;margin-bottom:18px}
.panel{border:1px solid var(--line);border-radius:18px;padding:22px;background:linear-gradient(150deg,rgba(15,31,49,.97),rgba(9,23,37,.97));box-shadow:var(--shadow)}
.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}.panel-heading h2{font-size:18px;margin:6px 0 7px;letter-spacing:-.02em}.panel-heading p{color:var(--muted);font-size:11px;line-height:1.6;margin:0;max-width:650px}
.panel-mark{display:grid;place-items:center;min-width:40px;height:40px;border-radius:12px;background:rgba(40,169,255,.1);color:var(--cyan);font-size:22px;border:1px solid rgba(100,231,255,.12)}
.provider-summary{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:1px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--line);margin-bottom:16px}.provider-summary>div{padding:13px 14px;background:#0a1928}.provider-summary span,.provider-summary strong{display:block}.provider-summary span{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#688096;margin-bottom:5px}.provider-summary strong{font-size:15px}.provider-summary>div:last-child strong{color:var(--cyan)}
.provider-form{display:flex;align-items:end;gap:11px}.grow{flex:1}
.field{display:grid;gap:7px}.field>span{color:#8da4b9;font-size:10px;font-weight:700}
input,textarea{width:100%;border:1px solid #29455f;border-radius:10px;background:var(--field);color:var(--text);padding:11px 12px;outline:none;transition:border-color .2s,box-shadow .2s,background .2s}
input::placeholder{color:#4e687f}input:hover,textarea:hover{border-color:#365b79}input:focus,textarea:focus{border-color:var(--blue);background:#091929;box-shadow:0 0 0 3px rgba(40,169,255,.11)}
.generator-form{display:grid;gap:13px}.generator-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.form-hint{color:#607b92;font-size:10px;margin:0}
.generated-panel{margin-bottom:18px;border-color:rgba(67,212,154,.27)}.generated-panel textarea{min-height:150px;resize:vertical;color:#baf8df;font:13px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace}
.count-chip{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.02);color:#7f99b0;font-size:10px;white-space:nowrap}
.table-panel{margin-bottom:18px;padding:0;overflow:hidden}.table-panel .panel-heading{padding:22px 22px 0}.table-scroll{overflow-x:auto}
table{width:100%;border-collapse:collapse;min-width:990px}th,td{text-align:left;padding:13px 14px;border-top:1px solid var(--line-soft);vertical-align:middle}th{color:#658098;font-size:9px;letter-spacing:.1em;text-transform:uppercase;font-weight:800;background:rgba(5,17,29,.22)}td{font-size:11px;color:#c5d5e4}tbody tr{transition:background .16s}tbody tr:hover{background:rgba(40,169,255,.028)}
.short-id{font:10px ui-monospace,SFMono-Regular,Consolas,monospace;color:#7890a6}.short-id span{color:#3c576f}.code-hint,.provider-hint{font:11px ui-monospace,SFMono-Regular,Consolas,monospace}.code-hint{color:#d8e8f6}.provider-hint{color:#8aa6bd}.date-cell{white-space:nowrap;color:#7890a6}.number-cell{display:inline-grid;place-items:center;min-width:27px;height:27px;border-radius:8px;background:rgba(255,198,92,.08);color:#e7bd6a}.remaining-cell{color:var(--cyan);font-size:13px}.muted-dash{color:#415c73}
.status-badge{display:inline-flex;align-items:center;gap:7px;padding:5px 8px;border:1px solid transparent;border-radius:999px;font-size:9px;font-weight:800;white-space:nowrap}.status-badge i{width:6px;height:6px;border-radius:50%;background:currentColor}.status-badge.positive{color:#75e6b7;background:rgba(67,212,154,.08);border-color:rgba(67,212,154,.18)}.status-badge.info{color:#7bdfff;background:rgba(40,169,255,.08);border-color:rgba(40,169,255,.18)}.status-badge.warning{color:#f3c875;background:rgba(255,198,92,.08);border-color:rgba(255,198,92,.18)}.status-badge.critical{color:#ff8e99;background:rgba(255,113,128,.08);border-color:rgba(255,113,128,.18)}.status-badge.neutral{color:#8ba1b5;background:rgba(139,161,181,.07);border-color:rgba(139,161,181,.16)}
.usage-cell{min-width:112px}.usage-cell>div{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:7px}.usage-cell span{font-size:9px;color:#6f879d}.usage-cell strong{font-size:10px;font-weight:700;color:#aabfd2}progress{display:block;width:100%;height:4px;border:0;border-radius:99px;overflow:hidden;background:#152b3d}progress::-webkit-progress-bar{background:#152b3d}progress::-webkit-progress-value{background:linear-gradient(90deg,var(--blue),var(--cyan));border-radius:99px}progress::-moz-progress-bar{background:linear-gradient(90deg,var(--blue),var(--cyan));border-radius:99px}
.empty-state{text-align:center;padding:38px 20px;color:#5f7990}.empty-state>span{display:block;font-size:25px;color:#365b75;margin-bottom:8px}.empty-state strong,.empty-state p{display:block}.empty-state strong{font-size:12px;color:#7892aa}.empty-state p{font-size:10px;margin:6px 0 0}
.admin-auth .topbar{border:0}.admin-auth main{padding:35px 0 10px}
.login-layout{min-height:calc(100vh - 185px);display:grid;grid-template-columns:minmax(0,1.15fr) minmax(390px,.85fr);align-items:center;gap:clamp(50px,9vw,130px);width:min(1060px,100%);margin:auto}
.login-story h1{font-size:clamp(38px,5.4vw,65px);line-height:1.08;letter-spacing:-.055em;margin:15px 0 20px}.login-story h1 em{font-style:normal;color:var(--cyan)}.login-story>p:not(.eyebrow){max-width:580px;color:var(--muted);font-size:13px;line-height:1.8}.security-list{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:28px}.security-list span{display:flex;align-items:center;gap:10px;color:#8fa8be;font-size:11px}.security-list i{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(67,212,154,.08)}
.login-card{position:relative;padding:30px;border:1px solid #294861;border-radius:22px;background:linear-gradient(155deg,rgba(17,38,59,.97),rgba(8,23,37,.98));box-shadow:0 35px 100px rgba(0,0,0,.38);display:grid;gap:17px;overflow:hidden}.login-card:before{content:"";position:absolute;width:210px;height:210px;border-radius:50%;right:-95px;top:-105px;background:rgba(40,169,255,.1);box-shadow:0 0 0 38px rgba(40,169,255,.025)}
.login-heading{margin-bottom:3px;position:relative}.login-symbol{float:right;display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:rgba(40,169,255,.1);border:1px solid rgba(100,231,255,.13);color:var(--cyan);font-size:20px}.login-heading h2{font-size:23px;margin:8px 0 7px;letter-spacing:-.03em}.login-heading>p:last-child{font-size:11px;color:var(--muted);margin:0}.login-button{margin-top:2px;font-size:12px}.login-button span{font-size:16px}.login-footnote{text-align:center;color:#597288;font-size:9px;margin:0}
.state-page{min-height:calc(100vh - 220px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.state-icon{display:grid;place-items:center;width:64px;height:64px;border-radius:20px;font-size:27px;font-weight:900;margin-bottom:20px}.error-icon{background:rgba(255,113,128,.1);border:1px solid rgba(255,113,128,.2);color:var(--red)}.state-page h1{font-size:32px;margin:10px 0}.state-message{color:var(--muted);margin:0 0 24px}
@media(max-width:1050px){.metrics{grid-template-columns:1fr 1fr}.action-grid{grid-template-columns:1fr}.login-layout{gap:55px}.top-nav{display:none}}
@media(max-width:760px){.admin-shell{width:min(100% - 24px,1380px)}.topbar{height:70px}.top-actions .ghost{display:none}main{padding-top:30px}.page-intro{align-items:flex-start;flex-direction:column}.session-chip{align-self:stretch}.metrics{grid-template-columns:1fr 1fr}.login-layout{grid-template-columns:1fr;min-height:auto;padding:25px 0}.login-story{display:none}.login-card{width:min(430px,100%);margin:auto}.provider-form{align-items:stretch;flex-direction:column}.generator-fields{grid-template-columns:1fr 1fr}.generator-fields .field:last-child{grid-column:span 2}.provider-summary{grid-template-columns:1fr 1fr}.panel{padding:18px}.table-panel{padding:0}.table-panel .panel-heading{padding:18px 18px 0}}
@media(max-width:480px){.brand small{display:none}.button.subtle{min-height:37px;padding:0 11px}.metrics{grid-template-columns:1fr}.metric-card{min-height:105px}.page-intro h1{font-size:34px}.generator-fields{grid-template-columns:1fr}.generator-fields .field:last-child{grid-column:auto}.panel-heading{gap:10px}.provider-summary>div{padding:11px}.login-card{padding:23px}.security-list{grid-template-columns:1fr}}