:root{--r-sm:8px;--r-md:12px;--r-lg:16px;--r-pill:999px;--font:"Inter", "Noto Sans", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;--bg:#1f1b16;--surface:#2b2620;--surface-alt:#26221c;--ink:#ece6db;--ink-2:#b3a996;--ink-3:#8a8175;--brand:#2aa79c;--brand-soft:#173430;--cta:#d98a6e;--line:#3a342c;--ok:#4caf7d;--warn:#d9a441;--error:#e06b5c;--shadow-md:0 6px 20px #00000059}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);font-family:var(--font);margin:0;font-size:15px;line-height:1.5}a{color:var(--brand)}.topbar{background:var(--surface);border-bottom:1px solid var(--line);align-items:center;gap:20px;padding:14px 24px;display:flex}.topbar h1{margin:0;font-size:17px;font-weight:600}.topbar .spacer{flex:1}.topbar .who{color:var(--ink-3);font-size:13px}.tabs{gap:4px;display:flex}.tabs button{color:var(--ink-2);border-radius:var(--r-pill);cursor:pointer;font:inherit;background:0 0;border:0;padding:8px 14px}.tabs button:hover{color:var(--ink);background:var(--surface-alt)}.tabs button[aria-current=true]{background:var(--brand-soft);color:var(--brand)}main{max-width:1240px;margin:0 auto;padding:24px}.cards{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin-bottom:24px;display:grid}.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:16px}.stat .label{color:var(--ink-3);margin-bottom:6px;font-size:13px}.stat .value{font-size:24px;font-weight:600}.stat .value.warn{color:var(--warn)}.stat .value.error{color:var(--error)}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden}.panel h2{border-bottom:1px solid var(--line);margin:0;padding:14px 16px;font-size:15px}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--line);padding:11px 16px}th{color:var(--ink-3);font-size:13px;font-weight:500}tbody tr:last-child td{border-bottom:0}tbody tr.clickable{cursor:pointer}tbody tr.clickable:hover{background:var(--surface-alt)}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}.badge{border-radius:var(--r-pill);border:1px solid var(--line);color:var(--ink-2);padding:2px 10px;font-size:12px;display:inline-block}.badge.active{color:var(--ok);border-color:color-mix(in srgb, var(--ok) 40%, transparent)}.badge.trial{color:var(--warn);border-color:color-mix(in srgb, var(--warn) 40%, transparent)}.badge.suspended{color:var(--error);border-color:color-mix(in srgb, var(--error) 40%, transparent)}.badge.paid{color:var(--ok);border-color:color-mix(in srgb, var(--ok) 40%, transparent)}.badge.pending{color:var(--warn);border-color:color-mix(in srgb, var(--warn) 40%, transparent)}input,select,textarea{background:var(--surface-alt);border:1px solid var(--line);border-radius:var(--r-sm);color:var(--ink);font:inherit;width:100%;padding:9px 11px}input:focus,select:focus,textarea:focus{outline:2px solid var(--brand);outline-offset:1px}label{margin-bottom:12px;display:block}label .cap{color:var(--ink-3);margin-bottom:5px;font-size:13px;display:block}button.btn{background:var(--brand);color:#08201e;border-radius:var(--r-sm);font:inherit;cursor:pointer;border:0;padding:9px 16px;font-weight:600}button.btn:hover{filter:brightness(1.08)}button.btn:disabled{opacity:.5;cursor:default}button.btn.ghost{color:var(--ink-2);border:1px solid var(--line);background:0 0;font-weight:400}button.btn.danger{background:var(--error);color:#2a0f0b}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.grid2{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:0 18px;display:grid}.muted{color:var(--ink-3)}.error-msg{color:var(--error);margin:10px 0}.note{background:var(--surface-alt);border:1px solid var(--line);border-left:3px solid var(--brand);border-radius:var(--r-sm);color:var(--ink-2);margin-bottom:20px;padding:12px 14px;font-size:13px}.login-wrap{place-items:center;min-height:100vh;padding:24px;display:grid}.login-box{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);width:100%;max-width:380px;box-shadow:var(--shadow-md);padding:28px}.login-box h1{margin:0 0 4px;font-size:19px}.login-box p.sub{color:var(--ink-3);margin:0 0 20px;font-size:13px}.detail{grid-template-columns:1fr 340px;align-items:start;gap:20px;display:grid}@media (width<=900px){.detail{grid-template-columns:1fr}}.section{padding:16px}.flags{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:8px;display:grid}.flags label{align-items:center;gap:8px;margin:0;font-size:14px;display:flex}.flags input{width:auto}
