:root{color-scheme:light;--bg-base: #f8fafc;--bg-surface: #ffffff;--bg-elevated: #ffffff;--bg-overlay: #f1f5f9;--bg-card: rgba(255, 255, 255, .9);--border-subtle: rgba(6, 13, 24, .05);--border-default: rgba(6, 13, 24, .1);--border-strong: rgba(6, 13, 24, .18);--border-accent: rgba(255, 107, 0, .45);--primary: #ff6b00;--primary-gradient: linear-gradient(135deg, #ff6b00 0%, #ff8c00 100%);--primary-navy: #060d18;--accent: #ff6b00;--accent-dim: rgba(255, 107, 0, .12);--accent-hover: #ff7d1a;--accent-glow: 0 0 24px rgba(255, 107, 0, .25);--accent-glow-sm: 0 0 12px rgba(255, 107, 0, .15);--success: #10b981;--success-dim: rgba(16, 185, 129, .12);--warning: #f59e0b;--warning-dim: rgba(245, 158, 11, .12);--error: #ef4444;--error-dim: rgba(239, 68, 68, .12);--danger: #ef4444;--info: #0284c7;--info-dim: rgba(2, 132, 199, .12);--text-primary: #060d18;--text-secondary: #334155;--text-muted: #64748b;--text-inverse: #ffffff;--sidebar-width: 190px;--sidebar-collapsed: 60px;--font-display: "Hanken Grotesk", "Outfit", "Inter", -apple-system, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--space-base: 8px;--space-1: 4px;--space-2: 6px;--space-3: 8px;--space-4: 10px;--space-5: 14px;--space-6: 16px;--space-8: 20px;--space-10: 24px;--space-12: 32px;--stack-sm: 8px;--stack-md: 14px;--stack-lg: 24px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 10px;--radius-xl: 14px;--radius-full: 9999px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .2);--shadow-md: 0 8px 24px rgba(0, 0, 0, .35);--shadow-lg: 0 16px 48px rgba(0, 0, 0, .5);--shadow-glass: 0 8px 32px 0 rgba(0, 0, 0, .37);--transition-fast: .15s cubic-bezier(.16, 1, .3, 1);--transition-base: .25s cubic-bezier(.16, 1, .3, 1);--transition-slow: .4s cubic-bezier(.16, 1, .3, 1)}body{font-family:var(--font-body);font-size:var(--body-md-size, 13px);color:var(--text-primary);background-color:var(--bg-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;line-height:1.45}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);margin:0;font-weight:600;letter-spacing:-.01em}code,pre,.mono{font-family:var(--font-mono);font-size:12.5px}.display-lg{font-family:Hanken Grotesk,sans-serif;font-size:38px;font-weight:700;line-height:46px;letter-spacing:-.02em}.headline-lg{font-family:Hanken Grotesk,sans-serif;font-size:26px;font-weight:600;line-height:34px}.headline-md{font-family:Hanken Grotesk,sans-serif;font-size:20px;font-weight:600;line-height:28px}.body-lg{font-family:Inter,sans-serif;font-size:15px;font-weight:400;line-height:23px}.body-md{font-family:Inter,sans-serif;font-size:13px;font-weight:400;line-height:20px}.label-md{font-family:JetBrains Mono,monospace;font-size:12px;font-weight:500;line-height:18px;letter-spacing:.05em}html{scroll-padding-top:150px;scroll-behavior:smooth}html,body{margin:0;padding:0;background:var(--bg-base);color:var(--text-primary);font-family:Inter,sans-serif;font-size:13px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;width:100%}*{box-sizing:border-box}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit;background:none;border:none;padding:0;margin:0;outline:none}button{cursor:pointer}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}::-webkit-scrollbar-track{background:var(--bg-surface)}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast);position:relative}.card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md)}.stat-card{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);position:relative;overflow:hidden;box-shadow:0 4px 14px #060d180a;transition:all var(--transition-base)}.stat-card:hover{border-color:var(--accent);transform:translateY(-3px);box-shadow:0 10px 24px #060d1814,var(--accent-glow-sm)}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--primary-gradient);opacity:.85;transition:opacity var(--transition-fast)}.stat-card:hover:before{opacity:1}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--radius-full);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-family:var(--font-mono)}.badge:before{content:"";width:6px;height:6px;border-radius:50%;display:inline-block;flex-shrink:0}.badge.active{background:var(--success-dim);color:var(--success);border:1px solid rgba(16,185,129,.3)}.badge.active:before{background:var(--success);box-shadow:0 0 6px var(--success)}.badge.suspended{background:var(--error-dim);color:var(--error);border:1px solid rgba(239,68,68,.3)}.badge.suspended:before{background:var(--error);box-shadow:0 0 6px var(--error)}.badge.trial{background:var(--info-dim);color:var(--info);border:1px solid rgba(56,189,248,.3)}.badge.trial:before{background:var(--info);box-shadow:0 0 6px var(--info)}.badge.pending{background:var(--warning-dim);color:var(--warning);border:1px solid rgba(245,158,11,.3)}.badge.pending:before{background:var(--warning);box-shadow:0 0 6px var(--warning)}.data-table{width:100%;border-collapse:separate;border-spacing:0}.data-table th{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border-default);text-align:left;font-family:var(--font-mono);background:var(--bg-overlay);position:sticky;top:0;z-index:5}.data-table td{padding:var(--space-3) var(--space-3);border-bottom:1px solid var(--border-subtle);color:var(--text-primary);font-size:12.5px;font-variant-numeric:tabular-nums;transition:background var(--transition-fast)}.data-table tr{transition:transform var(--transition-fast)}.data-table tr:hover td{background:var(--bg-overlay)}.btn{display:inline-flex;align-items:center;gap:var(--space-2);height:34px;padding:0 var(--space-4);border-radius:var(--radius-md);font-size:12.5px;font-weight:600;font-family:var(--font-body);cursor:pointer;transition:all var(--transition-fast);border:1px solid transparent;justify-content:center;white-space:nowrap;-webkit-user-select:none;user-select:none;letter-spacing:.01em}.btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none;box-shadow:none!important}.btn-primary{background:var(--primary-gradient);color:#fff;box-shadow:0 2px 10px #ff6b0040}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#ff7d1a,#ff9a1a);box-shadow:var(--accent-glow);transform:translateY(-1.5px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-default)}.btn-secondary:hover:not(:disabled){background:var(--bg-overlay);border-color:var(--border-strong);transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--bg-overlay);color:var(--text-primary)}.btn-danger{background:var(--error-dim);color:var(--error);border:1px solid rgba(239,68,68,.3)}.btn-danger:hover:not(:disabled){background:var(--error);color:#fff;box-shadow:0 4px 14px #ef444459;transform:translateY(-1px)}.btn-sm{height:32px;padding:0 var(--space-3);font-size:12.5px}.btn-xs{height:26px;padding:0 var(--space-2);font-size:11.5px;border-radius:var(--radius-sm)}.form-field{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.form-field span{font-family:var(--font-mono);font-size:11.5px;font-weight:700;text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em}.form-input{width:100%;height:40px;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:0 var(--space-3);color:var(--text-primary);font-family:var(--font-body);font-size:14px;transition:all var(--transition-fast)}.form-input:focus{outline:none;border-color:var(--accent);background:var(--bg-elevated);box-shadow:0 0 0 3px var(--accent-dim)}.form-input::placeholder{color:var(--text-muted)}.form-input.mono{font-family:var(--font-mono)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--bg-elevated) 25%,var(--bg-overlay) 50%,var(--bg-elevated) 75%);background-size:200% 100%;animation:shimmer 1.6s infinite cubic-bezier(.4,0,.2,1);border-radius:var(--radius-sm)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}