*{box-sizing:border-box}:root{--bg: #0a0a0a;--surface: #111111;--surface-alt: #181818;--border: #2a2a2a;--text: #f5f5f5;--text-dim: #888;--accent: #ff3b30;--ok: #34c759;--warn: #ffcc00;--bad: #ff3b30}html,body,#root{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:14px;line-height:1.5;min-height:100vh}a{color:var(--text);text-decoration:underline;text-underline-offset:2px}a:hover{color:var(--accent)}button,input,textarea,select{font-family:inherit;font-size:inherit}input,textarea,select{background:#000;color:var(--text);border:1px solid var(--border);padding:8px 10px;width:100%}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent)}button{background:var(--text);color:#000;border:1px solid var(--text);padding:8px 16px;cursor:pointer;font-weight:600;text-transform:uppercase;letter-spacing:.5px}button:hover:not(:disabled){background:var(--accent);border-color:var(--accent);color:#fff}button:disabled{opacity:.4;cursor:not-allowed}button.secondary{background:transparent;color:var(--text)}button.secondary:hover:not(:disabled){background:var(--surface-alt);border-color:var(--text);color:var(--text)}.banner{background:repeating-linear-gradient(-45deg,rgba(0,0,0,.16) 0 14px,transparent 14px 28px),linear-gradient(180deg,#ff5147 0%,var(--accent) 55%,#d32b22 100%);color:#fff;padding:7px 16px;font-size:12px;text-align:center;letter-spacing:1px;text-transform:uppercase;font-weight:600;border-bottom:1px solid #000;box-shadow:inset 0 1px #ffffff40,0 2px 10px #00000080}.shell{max-width:1100px;margin:0 auto;padding:24px}.header{display:flex;align-items:center;justify-content:space-between;gap:16px;background:linear-gradient(180deg,var(--surface-alt),var(--surface));border:1px solid var(--border);border-left:3px solid var(--accent);padding:16px 20px;margin-bottom:24px;box-shadow:0 6px 20px #00000059}.header h1{margin:0;font-size:16px;letter-spacing:2px;text-transform:uppercase}.header .who{color:var(--text-dim);font-size:12px}.card{background:linear-gradient(180deg,var(--surface-alt),var(--surface));border:1px solid var(--border);border-top:2px solid rgba(255,59,48,.55);padding:24px;margin-bottom:16px;box-shadow:0 4px 16px #0000004d}@media(max-width:600px){.shell{padding:16px 12px}.header{flex-direction:column;align-items:flex-start;gap:10px}.card{padding:16px}}.field{margin-bottom:14px}.field label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--text-dim);margin-bottom:4px}.field .hint{font-size:11px;color:var(--text-dim);margin-top:4px}.error{background:#ff3b3026;border:1px solid var(--accent);color:var(--accent);padding:10px 12px;margin:12px 0;font-size:13px}.ok{background:#34c75926;border:1px solid var(--ok);color:var(--ok);padding:10px 12px;margin:12px 0;font-size:13px}table{width:100%;border-collapse:collapse;font-size:13px}table th,table td{border-bottom:1px solid var(--border);padding:10px 12px;text-align:left;vertical-align:top}table th{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--text-dim);font-weight:400}table tr:hover td{background:var(--surface-alt)}.badge{display:inline-block;padding:2px 8px;font-size:11px;text-transform:uppercase;letter-spacing:1px;border:1px solid var(--border)}.badge-active{color:var(--ok);border-color:var(--ok)}.badge-trial{color:var(--text);border-color:var(--text)}.badge-past_due{color:var(--warn);border-color:var(--warn)}.badge-suspended{color:var(--bad);border-color:var(--bad)}.badge-canceled{color:var(--text-dim);border-color:var(--text-dim)}.row-actions{display:flex;gap:8px;align-items:center}.muted{color:var(--text-dim)}.center{text-align:center}.login-shell{max-width:420px;margin:80px auto;padding:0 24px}