:root{--cs-midnight: #001965;--cs-royal: #0032c8;--cs-electric: #1e56ff;--cs-mint: #a2faa3;--cs-mint-dark: #0a7f4f;--gray-0: #ffffff;--gray-50: #fafafa;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-900: #111827;--bg: var(--gray-50);--surface: #ffffff;--text: #1f2937;--text-muted: var(--gray-500);--border: var(--gray-200);--radius: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--space-1: 8px;--space-2: 16px;--space-3: 24px;--space-4: 32px;--space-6: 48px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:DM Sans,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{line-height:1.2;color:var(--gray-900);margin:0}a{color:var(--cs-royal);text-decoration:none}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;font-family:inherit;font-size:15px;font-weight:600;border-radius:var(--radius);border:1px solid transparent;cursor:pointer;transition:all .18s ease;white-space:nowrap}.btn-primary{background:var(--cs-royal);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--cs-midnight);box-shadow:var(--shadow-md)}.btn-secondary{background:#fff;color:var(--gray-700);border-color:var(--border)}.btn-secondary:hover{background:var(--gray-50);border-color:var(--gray-400)}.btn:disabled{opacity:.5;cursor:not-allowed}.input,.select{width:100%;padding:10px 14px;font-family:inherit;font-size:15px;background:#fff;color:var(--text);border:1px solid var(--border);border-radius:var(--radius);transition:border-color .18s,box-shadow .18s}.input:focus,.select:focus{outline:none;border-color:var(--cs-electric);box-shadow:0 0 0 3px #1e56ff1f}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600;text-transform:capitalize}.badge-active{background:var(--cs-mint);color:var(--cs-mint-dark)}.badge-inactive{background:var(--gray-200);color:var(--gray-600)}.badge-churned{background:#fde2e1;color:#b42318}.muted{color:var(--text-muted)}.spinner{width:28px;height:28px;border:3px solid var(--gray-200);border-top-color:var(--cs-royal);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}