html{scroll-behavior:smooth}:root{--accent: #4a6cf7;--accent-2: #6b8afd;--accent-grad: linear-gradient(135deg, #4a6cf7, #6b8afd);--status-active: #10b981;--status-warn: #f59e0b;--status-grace: #ef4444;--status-locked: #7f1d1d;--status-trial: #94a3b8;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 18px;--radius-pill: 999px;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--sidebar-w: 248px;--sidebar-w-collapsed: 72px;--header-h: 64px;--ease-out: cubic-bezier(.16, 1, .3, 1);--t-fast: .15s;--t-med: .25s}:root,:root[data-theme=light]{--bg-0: #f5f7fb;--bg-1: #ffffff;--bg-2: #fbfcfe;--bg-elev: #ffffff;--bg-hover: rgba(15, 23, 42, .04);--bg-active: rgba(74, 108, 247, .08);--border: #e5e7ed;--border-soft: #eef0f5;--border-strong: #d8dde6;--text-1: #0f172a;--text-2: #475569;--text-3: #94a3b8;--text-on-accent: #ffffff;--text-on-dark: #ffffff;--sidebar-bg: #ffffff;--sidebar-border: #eef0f5;--sidebar-text: #475569;--sidebar-text-active: #0f172a;--sidebar-group: #94a3b8;--header-bg: rgba(255, 255, 255, .85);--header-border: #eef0f5;--kpi-icon-bg: rgba(74, 108, 247, .08);--shadow-sm: 0 1px 2px rgba(15, 23, 42, .05);--shadow-card: 0 1px 3px rgba(15, 23, 42, .06), 0 1px 2px rgba(15, 23, 42, .04);--shadow-pop: 0 12px 32px rgba(15, 23, 42, .14);--accent-soft-bg: rgba(74, 108, 247, .08);--accent-soft-text: #4a6cf7;--success-bg: rgba(16, 185, 129, .1);--success-text: #047857;--warn-bg: rgba(245, 158, 11, .12);--warn-text: #b45309;--danger-bg: rgba(239, 68, 68, .1);--danger-text: #b91c1c;--input-bg: #ffffff;--input-border: #d8dde6;--input-text: #0f172a;--input-placeholder: #94a3b8;--input-focus-ring: rgba(74, 108, 247, .18);color-scheme:light}:root[data-theme=dark]{--bg-0: #0a0a0f;--bg-1: #14141c;--bg-2: rgba(255, 255, 255, .025);--bg-elev: #1a1a25;--bg-hover: rgba(255, 255, 255, .04);--bg-active: rgba(107, 138, 253, .12);--border: rgba(255, 255, 255, .07);--border-soft: rgba(255, 255, 255, .04);--border-strong: rgba(255, 255, 255, .12);--text-1: #f8fafc;--text-2: #c8c8d8;--text-3: #6b6b80;--text-on-accent: #ffffff;--text-on-dark: #ffffff;--sidebar-bg: #0c0c14;--sidebar-border: rgba(255, 255, 255, .05);--sidebar-text: #8888a0;--sidebar-text-active: #ffffff;--sidebar-group: #555570;--header-bg: rgba(12, 12, 20, .85);--header-border: rgba(255, 255, 255, .05);--kpi-icon-bg: rgba(107, 138, 253, .12);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .5);--shadow-card: 0 2px 8px rgba(0, 0, 0, .35);--shadow-pop: 0 24px 60px rgba(0, 0, 0, .55);--accent-soft-bg: rgba(107, 138, 253, .12);--accent-soft-text: #8aa6ff;--success-bg: rgba(34, 197, 94, .12);--success-text: #4ade80;--warn-bg: rgba(245, 158, 11, .12);--warn-text: #fbbf24;--danger-bg: rgba(248, 113, 113, .12);--danger-text: #fca5a5;--input-bg: rgba(255, 255, 255, .03);--input-border: rgba(255, 255, 255, .08);--input-text: #f8fafc;--input-placeholder: #555570;--input-focus-ring: rgba(107, 138, 253, .2);color-scheme:dark}[data-force-dark]{--bg-0: #0a0a0f;--bg-1: #14141c;--bg-2: rgba(255, 255, 255, .025);--bg-elev: #1a1a25;--bg-hover: rgba(255, 255, 255, .04);--bg-active: rgba(107, 138, 253, .12);--border: rgba(255, 255, 255, .07);--border-soft: rgba(255, 255, 255, .04);--border-strong: rgba(255, 255, 255, .12);--text-1: #f8fafc;--text-2: #c8c8d8;--text-3: #6b6b80;--input-bg: rgba(255, 255, 255, .03);--input-border: rgba(255, 255, 255, .08);--input-text: #f8fafc;--input-placeholder: #555570;--accent-soft-bg: rgba(107, 138, 253, .12);--accent-soft-text: #8aa6ff;--success-text: #4ade80;--warn-text: #fbbf24;--danger-text: #fca5a5;background:#0a0a0f;color:#e8e8ed;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-feature-settings:"cv02","cv03","cv04","cv11";-webkit-font-smoothing:antialiased;background:var(--bg-0);color:var(--text-1);transition:background var(--t-med) var(--ease-out),color var(--t-med) var(--ease-out)}button{font-family:inherit}.surface{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.surface-soft{background:var(--bg-2);border:1px solid var(--border-soft);border-radius:var(--radius-md)}.t-primary{color:var(--text-1)}.t-secondary{color:var(--text-2)}.t-muted{color:var(--text-3)}.chip{display:inline-flex;align-items:center;gap:.35rem;padding:.18rem .55rem;font-size:.72rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase;border-radius:var(--radius-sm)}.chip-active{background:var(--success-bg);color:var(--success-text)}.chip-warn{background:var(--warn-bg);color:var(--warn-text)}.chip-grace,.chip-locked{background:var(--danger-bg);color:var(--danger-text)}.chip-trial{background:#94a3b826;color:var(--text-2)}.chip-cancelled{background:#64748b26;color:var(--text-3)}.chip-accent{background:var(--accent-soft-bg);color:var(--accent-soft-text)}.btn{display:inline-flex;align-items:center;gap:.45rem;padding:.55rem 1.1rem;border-radius:var(--radius-md);border:1px solid transparent;font-size:.85rem;font-weight:600;cursor:pointer;font-family:inherit;transition:transform var(--t-fast) var(--ease-out),background var(--t-fast) var(--ease-out),border-color var(--t-fast) var(--ease-out),color var(--t-fast) var(--ease-out),box-shadow var(--t-fast) var(--ease-out)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--accent-grad);color:var(--text-on-accent);border-color:transparent}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 22px #4a6cf74d}.btn-secondary{background:var(--bg-1);color:var(--text-1);border-color:var(--border)}.btn-secondary:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-strong)}.btn-ghost{background:transparent;color:var(--text-2);border-color:transparent}.btn-ghost:hover:not(:disabled){background:var(--bg-hover);color:var(--text-1)}.btn-danger{background:var(--danger-bg);color:var(--danger-text);border-color:transparent}.btn-danger:hover:not(:disabled){background:var(--danger-text);color:var(--text-on-accent)}.btn-sm{padding:.4rem .8rem;font-size:.78rem}.btn-icon{padding:.5rem;gap:0}.input,.field input,.field select,.field textarea,input.input,select.input,textarea.input{width:100%;background:var(--input-bg);border:1px solid var(--input-border);color:var(--input-text);border-radius:var(--radius-md);padding:.6rem .85rem;font-size:.88rem;font-family:inherit;outline:none;transition:border-color var(--t-fast) var(--ease-out),box-shadow var(--t-fast) var(--ease-out)}.input:focus,.field input:focus,.field select:focus,.field textarea:focus,input.input:focus,select.input:focus,textarea.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--input-focus-ring)}.input::placeholder,.field input::placeholder,.field textarea::placeholder{color:var(--input-placeholder)}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}.spinner{width:22px;height:22px;border:2px solid var(--accent-soft-bg);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}