:root{
  --bg:#09111f;--panel:rgba(17,28,49,.82);--panel2:rgba(23,38,66,.76);--line:rgba(148,163,184,.22);
  --text:#eaf2ff;--muted:#99a9c3;--brand:#54d6ff;--brand2:#8b5cf6;--ok:#22c55e;--warn:#f59e0b;--bad:#ef4444;
  --shadow:0 24px 80px rgba(0,0,0,.36);--radius:24px;
}
*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{margin:0;color:var(--text);font:15px/1.6 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 16% 12%,rgba(84,214,255,.22),transparent 28%),radial-gradient(circle at 82% 10%,rgba(139,92,246,.2),transparent 30%),linear-gradient(180deg,#08111f,#0b1020 50%,#07101c);z-index:-3}.bg-orb{position:fixed;width:360px;height:360px;border-radius:999px;filter:blur(30px);opacity:.22;z-index:-2}.orb-a{left:-140px;top:160px;background:#0ea5e9}.orb-b{right:-120px;bottom:60px;background:#8b5cf6}
a{color:inherit;text-decoration:none}.topbar{height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 34px;border-bottom:1px solid var(--line);backdrop-filter:blur(18px);background:rgba(9,17,31,.68);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:12px}.logo{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,var(--brand),var(--brand2));color:#04101d;font-weight:900;font-size:24px;box-shadow:0 12px 36px rgba(84,214,255,.22)}.brand strong{display:block;font-size:17px}.brand em{display:block;color:var(--muted);font-style:normal;font-size:12px;margin-top:-2px}.nav-right{display:flex;align-items:center;gap:12px}.nav-link,.user-chip{border:1px solid var(--line);background:rgba(255,255,255,.04);padding:9px 12px;border-radius:999px;color:#cbd5e1;font-size:13px}.user-chip{color:#fff;background:rgba(84,214,255,.08)}.text-button{border:0;background:transparent;color:#c7d2fe;cursor:pointer;padding:8px}
.page-shell{width:min(1220px,calc(100% - 34px));margin:28px auto 64px}.flash-wrap{display:grid;gap:10px;margin-bottom:18px}.flash{padding:12px 15px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.06)}.flash.success{border-color:rgba(34,197,94,.45);background:rgba(34,197,94,.11)}.flash.error{border-color:rgba(239,68,68,.45);background:rgba(239,68,68,.11)}
.hero-card,.panel-card,.status-card,.flow-card,.login-card{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);border-radius:var(--radius);backdrop-filter:blur(18px)}.hero-card{display:flex;justify-content:space-between;gap:22px;align-items:center;padding:30px;margin-bottom:20px;overflow:hidden;position:relative}.hero-card:after{content:"";position:absolute;right:-80px;top:-90px;width:310px;height:310px;border-radius:999px;background:radial-gradient(circle,rgba(84,214,255,.18),transparent 65%)}.hero-card.compact{padding:24px}.hero-copy,.hero-actions{position:relative;z-index:1}.eyebrow,.card-kicker{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--brand);font-weight:800;margin:0 0 8px}.hero-card h1,.login-copy h1{font-size:clamp(30px,5vw,54px);line-height:1.05;margin:0 0 12px}.muted,.hint{color:var(--muted)}.small-text{font-size:13px}.hero-actions,.button-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.primary-button,.secondary-button,.ghost-button,.danger-button,.small-button{border:0;border-radius:14px;padding:11px 16px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:.18s transform,.18s opacity;white-space:nowrap}.primary-button{background:linear-gradient(135deg,var(--brand),#60a5fa);color:#06111f}.secondary-button{background:rgba(84,214,255,.14);color:#dff8ff;border:1px solid rgba(84,214,255,.32)}.ghost-button,.small-button{background:rgba(255,255,255,.06);color:#dbeafe;border:1px solid var(--line)}.danger-button{background:rgba(239,68,68,.15);color:#fecaca;border:1px solid rgba(239,68,68,.32)}.primary-button:hover,.secondary-button:hover,.ghost-button:hover,.danger-button:hover,.small-button:hover{transform:translateY(-1px)}.wide{width:100%}.small{padding:8px 12px;font-size:13px}
.login-shell{min-height:calc(100vh - 160px);display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:32px}.login-copy{padding:20px}.login-copy p{font-size:18px;color:#b8c7df;max-width:620px}.login-card{padding:30px}.login-card h2{margin-top:0}.mini-flow{margin-top:28px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.mini-flow span{padding:11px 14px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.05)}
.status-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin:20px 0}.status-card{padding:18px}.status-card span,.quota-grid span{display:block;color:var(--muted);font-size:12px}.status-card strong{font-size:24px}.status-card.wide{grid-column:span 2}.status-pill{font-size:13px!important;padding:6px 10px;border-radius:999px;background:rgba(148,163,184,.16);display:inline-block}.status-pill.ok{background:rgba(34,197,94,.16);color:#bbf7d0}.status-pill.warn{background:rgba(245,158,11,.16);color:#fde68a}.status-pill.bad{background:rgba(239,68,68,.16);color:#fecaca}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:18px 0}.panel-card{padding:22px;margin-bottom:18px}.accent-card{background:linear-gradient(160deg,rgba(84,214,255,.15),rgba(23,38,66,.78) 42%,rgba(139,92,246,.13))}.card-head{margin-bottom:16px}.card-head h2{margin:0 0 5px;font-size:24px}.between{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.stack-form{display:grid;gap:13px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}label{display:grid;gap:7px;color:#cbd5e1;font-weight:700;font-size:13px}input,select{width:100%;border:1px solid rgba(148,163,184,.26);background:rgba(7,12,23,.6);color:var(--text);border-radius:14px;padding:12px 13px;outline:none}input:focus,select:focus{border-color:rgba(84,214,255,.7);box-shadow:0 0 0 4px rgba(84,214,255,.1)}.checkbox{display:flex;align-items:center;gap:8px}.checkbox input{width:auto}.info-box{border:1px solid var(--line);background:rgba(255,255,255,.05);padding:14px;border-radius:16px}.info-box p{margin:6px 0 0;color:var(--muted)}
.account-summary{background:linear-gradient(135deg,rgba(34,197,94,.1),rgba(84,214,255,.07))}.quota-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.quota-grid div{border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.045);padding:14px}.quota-grid strong{font-size:18px}.meter{height:10px;background:rgba(148,163,184,.18);border-radius:99px;overflow:hidden;margin-top:14px}.meter i{height:100%;display:block;background:linear-gradient(90deg,var(--brand),var(--brand2));border-radius:99px}.meter.tiny{height:7px;margin-top:6px;min-width:120px}
.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:18px}table{width:100%;border-collapse:collapse;min-width:900px}th,td{padding:14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{font-size:12px;color:#93a4bd;background:rgba(255,255,255,.04)}td small{display:block;color:var(--muted);margin-top:4px}code{background:rgba(15,23,42,.85);border:1px solid rgba(148,163,184,.18);border-radius:9px;padding:4px 7px;color:#bfdbfe}.disabled-row{opacity:.56}.actions{display:flex;gap:8px;align-items:flex-start}.mini-toggle{border:0;border-radius:999px;font-weight:900;padding:7px 10px;cursor:pointer}.mini-toggle.on{background:rgba(34,197,94,.18);color:#bbf7d0}.mini-toggle.off{background:rgba(148,163,184,.16);color:#cbd5e1}.inline-edit{display:grid;gap:8px;min-width:260px;margin-top:10px;background:rgba(0,0,0,.18);padding:12px;border:1px solid var(--line);border-radius:14px}.empty-state{text-align:center;padding:36px;color:var(--muted)}
.account-list{display:grid;gap:12px}.account-item{border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.04);padding:0}.account-item summary{display:grid;grid-template-columns:160px 80px 1fr;gap:10px;align-items:center;padding:15px;cursor:pointer}.account-item summary span{justify-self:start;padding:4px 9px;border-radius:999px;background:rgba(84,214,255,.1);color:#bae6fd}.account-item summary em{color:var(--muted);font-style:normal}.account-edit{padding:0 15px 15px}.code-block{max-height:520px;overflow:auto;white-space:pre-wrap;background:rgba(0,0,0,.28);border:1px solid var(--line);border-radius:16px;padding:14px;color:#dbeafe}.flow-card{display:flex;align-items:center;justify-content:space-around;gap:12px;padding:16px;margin-bottom:18px}.flow-step span{display:block;color:var(--muted);font-size:12px}.flow-step strong{font-size:18px}.flow-arrow{color:var(--brand);font-size:22px}
@media (max-width:980px){.login-shell,.grid-2{grid-template-columns:1fr}.status-grid{grid-template-columns:repeat(2,1fr)}.status-card.wide{grid-column:span 2}.quota-grid{grid-template-columns:repeat(2,1fr)}.hero-card{display:block}.hero-actions{margin-top:18px}.topbar{padding:0 16px}.nav-right{gap:6px}.nav-link{display:none}.page-shell{width:min(100% - 22px,1220px)}}
@media (max-width:640px){.form-row{grid-template-columns:1fr}.status-grid,.quota-grid{grid-template-columns:1fr}.status-card.wide{grid-column:auto}.account-item summary{grid-template-columns:1fr}.actions{display:grid}.hero-card h1,.login-copy h1{font-size:32px}}