@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--bg: #0a0b0d;--surface: #131519;--surface2: #1a1d22;--border: rgba(255,255,255,.08);--border2: rgba(255,255,255,.14);--text1: #e8e9eb;--text2: #9a9da3;--text3: #5c5f66;--amber: #d9a441;--amber-dim: rgba(217,164,65,.12);--success: #4ade80;--success-bg: rgba(74,222,128,.1);--warning: #f5b042;--warning-bg: rgba(245,176,66,.1);--danger: #f26363;--danger-bg: rgba(242,99,99,.1);--neutral: #8b8f98;--neutral-bg: rgba(139,143,152,.1);--radius: 8px;--font: "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--font);font-size:14px;color:var(--text1);background:var(--bg);background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:32px 32px;-webkit-font-smoothing:antialiased}#root{min-height:100%}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.shell{min-height:100vh;display:flex;flex-direction:column}.topbar{height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid var(--border);background:#0a0b0dd9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:10px;font-weight:600;letter-spacing:.01em}.brand-mark{width:8px;height:8px;border-radius:2px;background:var(--amber);transform:rotate(45deg)}.brand-label{color:var(--text3);font-size:12px;font-family:var(--font-mono)}.topbar-right{display:flex;align-items:center;gap:16px;font-size:13px;color:var(--text2)}.btn-ghost{background:transparent;border:1px solid var(--border2);color:var(--text2);padding:6px 12px;border-radius:var(--radius);font-size:13px}.btn-ghost:hover{color:var(--text1);border-color:var(--text3)}main.content{flex:1;padding:32px 24px;max-width:1100px;width:100%;margin:0 auto}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.login-card{width:100%;max-width:360px;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:32px}.login-mark{width:10px;height:10px;border-radius:2px;background:var(--amber);transform:rotate(45deg);margin-bottom:20px}.login-card h1{font-size:17px;font-weight:600;margin-bottom:4px}.login-card p.sub{color:var(--text3);font-size:13px;margin-bottom:24px}.field{margin-bottom:14px}.field label{display:block;font-size:12px;color:var(--text2);margin-bottom:6px}.field input{width:100%;background:var(--surface2);border:1px solid var(--border2);border-radius:var(--radius);padding:9px 11px;color:var(--text1);font-size:14px;font-family:inherit}.field input:focus{outline:none;border-color:var(--amber)}.btn-primary{width:100%;background:var(--amber);color:#14100a;border:none;border-radius:var(--radius);padding:10px 12px;font-weight:600;font-size:14px;margin-top:6px}.btn-primary:hover{filter:brightness(1.08)}.btn-primary:disabled{opacity:.5;cursor:default}.error-text{color:var(--danger);font-size:13px;margin-top:12px}.page-header{margin-bottom:24px}.page-header h1{font-size:20px;font-weight:600;margin-bottom:4px}.page-header p{color:var(--text3);font-size:13px}.back-link{color:var(--text3);font-size:13px;margin-bottom:12px;display:inline-block}.back-link:hover{color:var(--text2)}.table-wrap{border:1px solid var(--border);border-radius:10px;overflow:hidden;background:var(--surface)}table{width:100%;border-collapse:collapse}thead th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--text3);font-weight:600;padding:12px 16px;border-bottom:1px solid var(--border);background:var(--surface2)}tbody tr{border-bottom:1px solid var(--border);cursor:pointer}tbody tr:last-child{border-bottom:none}tbody tr:hover{background:var(--surface2)}tbody td{padding:13px 16px;font-size:13.5px}.biz-name{font-weight:500}.biz-email{color:var(--text3);font-size:12px;margin-top:2px}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:20px;font-size:11.5px;font-weight:600;text-transform:capitalize}.badge-dot{width:6px;height:6px;border-radius:50%}.badge-active{background:var(--success-bg);color:var(--success)}.badge-active .badge-dot{background:var(--success)}.badge-trial{background:var(--warning-bg);color:var(--warning)}.badge-trial .badge-dot{background:var(--warning)}.badge-past_due{background:var(--warning-bg);color:var(--warning)}.badge-past_due .badge-dot{background:var(--warning)}.badge-suspended{background:var(--danger-bg);color:var(--danger)}.badge-suspended .badge-dot{background:var(--danger)}.badge-cancelled{background:var(--neutral-bg);color:var(--neutral)}.badge-cancelled .badge-dot{background:var(--neutral)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:20px 0 28px}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:16px}.stat-card .label{font-size:11px;color:var(--text3);text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px}.stat-card .value{font-family:var(--font-mono);font-size:20px;font-weight:600;color:var(--text1)}.panel{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:20px;margin-bottom:20px}.panel h2{font-size:13px;font-weight:600;margin-bottom:14px;color:var(--text2);text-transform:uppercase;letter-spacing:.03em}.info-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border);font-size:13.5px}.info-row:last-child{border-bottom:none}.info-row .k{color:var(--text3)}.info-row .v{font-family:var(--font-mono)}.action-row{display:flex;gap:10px;flex-wrap:wrap}.btn-action{border-radius:var(--radius);padding:8px 14px;font-size:13px;font-weight:600;border:1px solid var(--border2);background:var(--surface2);color:var(--text1)}.btn-action:hover{border-color:var(--text3)}.btn-action.danger{border-color:#f2636366;color:var(--danger)}.btn-action.danger:hover{background:var(--danger-bg)}.btn-action.success{border-color:#4ade8066;color:var(--success)}.btn-action.success:hover{background:var(--success-bg)}.btn-action:disabled{opacity:.4;cursor:default}.tx-table td,.tx-table th{font-size:12.5px}.empty-state{color:var(--text3);font-size:13px;padding:40px 0;text-align:center}.loading-state{color:var(--text3);font-size:13px;padding:60px 0;text-align:center}
