:root{--ink:#182033;--muted:#6f7890;--line:#e7eaf0;--surface:#fff;--bg:#f6f7fa;--violet:#6d5ce7;--violet-soft:#f0edff;--green:#1d9b68;--shadow:0 18px 48px #1c233614}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}.center,.loginShell{place-items:center;min-height:100vh;display:grid}.center{color:var(--muted)}.spinner{border:3px solid #ddd;border-top-color:var(--violet);border-radius:50%;width:38px;height:38px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loginShell{background:radial-gradient(circle at 0 0,#ece8ff,#0000 40%),linear-gradient(135deg,#f8f7ff,#f3f5f9)}.loginCard{width:min(420px,100vw - 32px);box-shadow:var(--shadow);text-align:center;background:#fff;border:1px solid #fffc;border-radius:26px;padding:40px}.brandMark{background:var(--ink);color:#fff;border-radius:18px;place-items:center;width:56px;height:56px;margin:0 auto 18px;font-size:28px;display:grid}.eyebrow{letter-spacing:.16em;color:var(--violet);margin:0 0 8px;font-size:11px;font-weight:800}h1,h2,h3,p{margin-top:0}.loginCard h1{margin-bottom:8px;font-size:32px}.muted{color:var(--muted)}form{text-align:left;margin-top:28px}label{margin:14px 0;font-size:13px;font-weight:700;display:block}label input{border:1px solid var(--line);border-radius:12px;outline:none;width:100%;margin-top:8px;padding:13px 14px;display:block}label input:focus{border-color:var(--violet);box-shadow:0 0 0 3px var(--violet-soft)}form button,.accentPanel button{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:12px;width:100%;padding:14px;font-weight:800}.error{color:#b42318;background:#fff0f0;border-radius:10px;margin-bottom:12px;padding:10px 12px;font-size:13px}.appShell{grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid}aside{color:#fff;background:#171d2d;flex-direction:column;height:100vh;padding:26px 18px;display:flex;position:sticky;top:0}.logo{align-items:center;gap:12px;padding:4px 10px 28px;display:flex}.logo>span{color:#171d2d;background:#fff;border-radius:12px;place-items:center;width:38px;height:38px;font-size:22px;display:grid}.logo b,.logo small,.adminIdentity b,.adminIdentity small{display:block}.logo small,.adminIdentity small{color:#9ea6b9;margin-top:3px;font-size:11px}nav{gap:6px;display:grid}nav button{color:#aeb5c6;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:12px 14px;font-weight:700}nav button i{width:26px;font-style:normal;display:inline-block}nav button.active,nav button:hover{color:#fff;background:#272f45}.adminIdentity{border-top:1px solid #2e3548;align-items:center;gap:10px;margin-top:auto;padding:20px 8px 0;display:flex}.avatar{background:var(--violet-soft);width:38px;height:38px;color:var(--violet);border-radius:12px;place-items:center;font-weight:900;display:grid}.content{min-width:0;padding:34px 42px 60px}.content>header{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.content>header h1{letter-spacing:-.03em;margin:0;font-size:30px}.health{color:#13734e;background:#e9f8f1;border-radius:999px;padding:9px 13px;font-size:12px;font-weight:800}.health span{background:#25a66f;border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.metricGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.metric,.panel{border:1px solid var(--line);background:#fff;border-radius:18px;box-shadow:0 8px 24px #1c233609}.metric{padding:20px}.metricIcon{background:var(--violet-soft);width:38px;height:38px;color:var(--violet);border-radius:12px;place-items:center;font-weight:900;display:grid}.metric p{color:var(--muted);margin:16px 0 5px;font-size:13px}.metric strong{font-size:28px;display:block}.metric small{color:#9aa1b2}.split{grid-template-columns:1.1fr .9fr;gap:18px;margin-top:18px;display:grid}.panel{padding:22px}.panelHead{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.panelHead h2{margin-bottom:4px;font-size:19px}.panelHead p{color:var(--muted);margin:0;font-size:13px}.pulseRows>div{border-bottom:1px solid var(--line);justify-content:space-between;padding:15px 0;font-size:14px;display:flex}.pulseRows>div:last-child{border-bottom:0}.ok{color:var(--green)}.accentPanel{color:#fff;background:linear-gradient(145deg,#262d43,#171d2d);border:0;padding:28px}.accentPanel .eyebrow{color:#b8adff}.accentPanel p:not(.eyebrow){color:#b9c0cf;line-height:1.65}.accentPanel button{color:#171d2d;background:#fff;width:auto;margin-top:18px;padding:11px 15px}.tablePanel{padding:0;overflow:hidden}.tablePanel .panelHead{padding:22px 22px 4px}.search{border:1px solid var(--line);border-radius:10px;min-width:280px;padding:10px 13px}.table{width:100%}.tr{border:0;border-top:1px solid var(--line);text-align:left;width:100%;color:var(--ink);background:#fff;grid-template-columns:1.5fr 1.4fr .6fr .7fr .8fr;align-items:center;gap:16px;padding:15px 22px;display:grid}button.tr{cursor:pointer}.tr:not(.th):hover{background:#fafaff}.tr span{font-size:13px}.tr b,.tr small{display:block}.tr small{color:var(--muted);margin-top:4px}.tr.th{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;background:#fafbfc;font-size:11px;font-weight:800}.back{color:var(--violet);cursor:pointer;background:0 0;border:0;margin-bottom:14px;font-weight:800}.detailHero{background:linear-gradient(120deg,#fff,#f0edff);border:1px solid #e4dfff;border-radius:20px;justify-content:space-between;align-items:center;margin-bottom:18px;padding:26px;display:flex}.detailHero h2{margin-bottom:6px;font-size:28px}.detailHero p:last-child{color:var(--muted);margin:0}.usagePills{gap:10px;display:flex}.usagePills span{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:12px;padding:12px 14px;font-size:12px}.usagePills b{color:var(--ink);font-size:18px;display:block}.member{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:13px 0;display:flex}.member b,.member small{display:block}.member small{color:var(--muted);margin-top:3px}.status{color:#13734e;background:#e9f8f1;border-radius:999px;margin-left:auto;padding:5px 8px;font-size:11px;font-weight:800}.status.off{color:#777;background:#f3f4f6}.badge{background:var(--violet-soft);color:var(--violet);border-radius:999px;padding:6px 9px;font-size:11px;font-weight:800}.featureGroup{border-top:1px solid var(--line);margin-top:16px;padding-top:16px}.featureGroup h3{text-transform:uppercase;letter-spacing:.09em;color:var(--muted);font-size:13px}.featureRow{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:15px 0;display:flex}.featureRow:last-child{border-bottom:0}.featureRow b{font-size:14px}.featureRow p{color:var(--muted);max-width:620px;margin:4px 0 6px;font-size:12px}.featureRow code{color:#7e8799;background:#f5f6f8;border-radius:5px;padding:3px 5px;font-size:10px}.featureControl{align-items:center;gap:12px;display:flex}.featureControl small{color:var(--muted);white-space:nowrap}.toggle{cursor:pointer;background:#cdd2dc;border:0;border-radius:999px;width:46px;height:26px;padding:3px}.toggle span{background:#fff;border-radius:50%;width:20px;height:20px;transition:all .2s;display:block}.toggle.on{background:var(--violet)}.toggle.on span{transform:translate(20px)}@media (max-width:1000px){.metricGrid{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr}.appShell{grid-template-columns:82px 1fr}.logo div,nav button:not(.active){font-size:0}.logo{padding-left:4px}.adminIdentity div:not(.avatar){display:none}.content{padding:28px 24px}.tr{grid-template-columns:1.4fr 1fr .6fr .7fr}.tr span:last-child{display:none}}@media (max-width:680px){.appShell{display:block}aside{z-index:10;flex-direction:row;width:auto;height:68px;padding:8px;position:fixed;inset:auto 0 0}.logo,.adminIdentity{display:none}nav{grid-template-columns:repeat(3,1fr);width:100%;display:grid}nav button,nav button:not(.active){text-align:center;padding:8px;font-size:11px}nav button i{width:auto;margin-bottom:3px;display:block}.content{padding:22px 16px 90px}.content>header{align-items:flex-start}.health{padding:10px;font-size:0}.health span{margin:0}.metricGrid{grid-template-columns:1fr 1fr;gap:10px}.metric{padding:15px}.tablePanel .panelHead{display:block}.search{width:100%;min-width:0;margin-top:12px}.tr{grid-template-columns:1.5fr .7fr .7fr}.tr span:nth-child(2),.tr span:last-child{display:none}.detailHero{display:block}.usagePills{margin-top:18px;overflow:auto}.featureRow{align-items:flex-start}.featureControl{text-align:right;display:block}.featureControl small{margin-bottom:8px;display:block}}