:root{--font-sans: "Inter", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--bg-app: #f3f6fb;--bg-sidebar: #0f172a;--bg-surface: #ffffff;--bg-surface-muted: #f8fafc;--bg-surface-subtle: #f1f5f9;--bg-primary: #0f4ba8;--bg-primary-hover: #0d3f8b;--bg-secondary: #1e3a8a;--bg-secondary-hover: #1e3575;--bg-ghost: #e2e8f0;--bg-ghost-hover: #d8e1ec;--bg-warning-soft: #fffbeb;--bg-danger-soft: #fef2f2;--bg-success-soft: #ecfdf3;--bg-nav-active: rgba(191, 219, 254, .18);--text-primary: #0f172a;--text-secondary: #334155;--text-muted: #64748b;--text-on-dark: #dbe7ff;--text-on-dark-muted: #94a3b8;--text-on-primary: #ffffff;--border-soft: #e2e8f0;--border-strong: #cbd5e1;--border-focus: #3b82f6;--border-warning: #fbbf24;--border-danger: #fca5a5;--border-success: #86efac;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .08);--shadow-md: 0 10px 25px rgba(15, 23, 42, .08);--shadow-lg: 0 20px 48px rgba(15, 23, 42, .14);--radius-xs: 8px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 18px;--radius-pill: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--transition-base: .18s ease;--transition-slow: .26s ease;color:var(--text-primary);font-family:var(--font-sans);line-height:1.5}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:radial-gradient(circle at 90% 10%,#dbeafe 0%,transparent 28%),var(--bg-app);color:var(--text-primary)}a{color:var(--bg-primary);text-decoration:none;transition:color var(--transition-base)}a:hover{color:var(--bg-primary-hover)}:focus-visible{outline:3px solid color-mix(in srgb,var(--border-focus) 45%,transparent);outline-offset:1px}.app-shell{min-height:100vh;display:grid;grid-template-columns:280px minmax(0,1fr)}.app-shell-sidebar{position:sticky;top:0;align-self:start;height:100vh;padding:var(--space-7) var(--space-5);background:linear-gradient(180deg,#0f172a,#111b31 60%,#0f172a);border-right:1px solid rgba(148,163,184,.2);display:grid;gap:var(--space-6);grid-template-rows:auto 1fr}.app-shell-sidebar-brand{display:grid;gap:var(--space-1)}.app-shell-product{margin:0;color:#f8fafc;font-size:19px;font-weight:700;letter-spacing:.01em}.app-shell-caption{margin:0;color:var(--text-on-dark-muted);font-size:13px}.app-shell-nav{display:grid;gap:var(--space-2);align-content:start}.app-shell-nav-link{display:block;padding:10px 12px;border-radius:var(--radius-sm);color:var(--text-on-dark);font-weight:600;font-size:14px;transition:background-color var(--transition-base),transform var(--transition-base),color var(--transition-base)}.app-shell-nav-link:hover{color:#fff;background:#94a3b833;transform:translate(2px)}.app-shell-nav-link-active{background:var(--bg-nav-active);color:#fff}.app-shell-main{min-width:0;display:grid;grid-template-rows:auto 1fr}.app-shell-header{position:sticky;top:0;z-index:20;background:linear-gradient(145deg,#fffffff0,#f4f8ffe6 58%,#fffffff0);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border-soft);box-shadow:0 6px 26px #0f172a0f;display:flex;justify-content:space-between;align-items:center;gap:var(--space-4)}.app-shell-header-main{min-width:0;display:grid;gap:var(--space-2)}.app-shell-header-title{min-width:0}.app-shell-workspace-title{margin:0;font-size:clamp(19px,2vw,23px);font-weight:700;letter-spacing:-.01em;line-height:1.1}.app-shell-header-title p{margin:var(--space-1) 0 0;color:var(--text-muted);font-size:12px}.app-shell-header-meta{display:inline-flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);color:var(--text-muted);font-size:12px}.app-shell-header-pill{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-pill);border:1px solid #c7d9ff;background:#edf4ff;color:#1e3a8a;padding:3px 9px;font-size:11px;font-weight:700;letter-spacing:.02em}.app-shell-header-actions{display:flex;align-items:center;gap:var(--space-3)}.app-shell-notifications{position:relative}.notification-toggle-btn{width:auto;min-width:44px;min-height:42px;padding:9px 10px;position:relative;border-radius:12px}.notification-toggle-btn svg{width:18px;height:18px;fill:currentColor}.notification-count{position:absolute;top:-5px;right:-5px;min-width:19px;height:19px;border-radius:var(--radius-pill);border:2px solid #ffffff;background:#dc2626;color:#fff;font-size:10px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;line-height:1;padding:0 5px}.notification-panel{position:absolute;top:calc(100% + 10px);right:0;z-index:40;width:min(400px,86vw);border:1px solid var(--border-soft);border-radius:var(--radius-md);background:#fff;box-shadow:var(--shadow-lg);padding:var(--space-3);display:grid;gap:var(--space-3)}.notification-panel header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.notification-panel header h2{margin:0;font-size:14px;font-weight:700}.notification-panel header button{border:1px solid var(--border-soft);border-radius:var(--radius-xs);background:var(--bg-surface-subtle);color:var(--text-secondary);padding:4px 8px;font-size:12px;font-weight:600;cursor:pointer}.notification-panel-state{margin:0;color:var(--text-muted);font-size:13px}.notification-panel-list{display:grid;gap:var(--space-2);max-height:360px;overflow:auto}.notification-panel-item{border:1px solid var(--border-soft);border-radius:var(--radius-sm);background:#f8fbff;border-left:4px solid #bfd7ff;padding:10px 11px;display:grid;gap:var(--space-1)}.notification-panel-item p{margin:0;color:var(--text-secondary);font-size:12px}.notification-panel-title{color:var(--text-primary)!important;font-size:13px!important;font-weight:700}.notification-panel-time{color:var(--text-muted)!important;font-size:11px!important}.app-shell-content{padding:var(--space-4) var(--space-2) var(--space-7)}.app-shell-menu-btn,.app-shell-mobile-nav{display:none}.logout-btn{width:auto;min-height:42px;border-radius:12px;font-size:13px;font-weight:700}.page-shell{width:min(1200px,100%);margin:0 auto;padding:0 var(--space-6);display:grid;gap:var(--space-5)}.analytics-page{width:min(1360px,100%)}.dashboard-page{width:min(1280px,100%)}.dashboard-hero{position:relative;overflow:hidden;border-radius:24px;border:1px solid #d4def1;background:radial-gradient(circle at 78% 25%,rgba(59,130,246,.24),transparent 44%),radial-gradient(circle at 18% 120%,rgba(14,165,233,.18),transparent 50%),linear-gradient(145deg,#f8fbff,#eef4ff 58%,#f7fbff);box-shadow:0 26px 56px #1e40af24;padding:var(--space-7);display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,1fr);gap:var(--space-6)}.dashboard-eyebrow{margin:0;color:#1d4ed8;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.dashboard-hero-title{margin:var(--space-2) 0 0;font-size:clamp(30px,4vw,46px);line-height:1.02;letter-spacing:-.02em}.dashboard-hero-subtitle{margin:var(--space-3) 0 0;max-width:640px;color:var(--text-secondary);font-size:15px}.dashboard-hero-actions{margin-top:var(--space-5);display:flex;flex-wrap:wrap;gap:var(--space-2)}.dashboard-cta-primary,.dashboard-cta-secondary{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);padding:10px 14px;font-size:13px;font-weight:650;border:1px solid transparent;transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base),background-color var(--transition-base),color var(--transition-base)}.dashboard-cta-primary{color:#fff;background:linear-gradient(140deg,#1d4ed8,#2563eb)}.dashboard-cta-primary:hover{color:#fff;transform:translateY(-1px);box-shadow:0 8px 24px #2563eb57}.dashboard-cta-secondary{color:#1e3a8a;border-color:#bfdbfe;background:#eff6ffdb}.dashboard-cta-secondary:hover{color:#1e40af;border-color:#93c5fd;transform:translateY(-1px)}.dashboard-hero-status{border:1px solid #d7e2f4;border-radius:16px;background:#ffffffc7;padding:var(--space-5);box-shadow:var(--shadow-sm);display:grid;align-content:start;gap:var(--space-3)}.dashboard-hero-status p{margin:0;color:var(--text-secondary);font-size:14px}.dashboard-health-list{display:grid;gap:var(--space-2)}.dashboard-health-list article{border:1px solid var(--border-soft);border-radius:var(--radius-sm);background:#f8fbff;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.dashboard-health-list span{color:var(--text-muted);font-size:12px}.dashboard-health-list strong{color:#0f172a;font-size:15px}.dashboard-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(195px,1fr));gap:var(--space-3)}.dashboard-kpi-card{border:1px solid var(--border-soft);border-radius:16px;background:#fff;box-shadow:var(--shadow-sm);padding:var(--space-4);display:grid;gap:var(--space-1);transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base)}.dashboard-kpi-card:hover{border-color:#bfdbfe;box-shadow:0 12px 30px #0f172a1a;transform:translateY(-2px)}.dashboard-kpi-card p,.dashboard-kpi-card h2,.dashboard-kpi-card span{margin:0}.dashboard-kpi-card p{color:var(--text-muted);font-size:12px;text-transform:uppercase;letter-spacing:.06em}.dashboard-kpi-card h2{color:var(--text-primary);font-size:clamp(26px,3vw,34px);letter-spacing:-.02em}.dashboard-kpi-card span{color:var(--text-secondary);font-size:12px}.dashboard-kpi-card-primary{border-color:#bfdbfe;background:linear-gradient(150deg,#f1f7ff,#edf4ff 48%,#fff)}.dashboard-content-grid{display:grid;gap:var(--space-3);grid-template-columns:1fr;align-items:start}.dashboard-month-row{background:linear-gradient(140deg,#fbfdff,#f7faff);border-left:4px solid #93c5fd}.dashboard-month-head{display:flex;align-items:start;justify-content:space-between;gap:var(--space-3)}.dashboard-month-link{display:inline-flex;align-items:center;justify-content:center;border:1px solid #bfdbfe;border-radius:var(--radius-xs);background:#eff6ff;color:#1e3a8a;padding:6px 10px;font-size:12px;font-weight:600;white-space:nowrap}.dashboard-month-link:hover{color:#1e40af;background:#dbeafe}.basic-analytics-page .page-header{margin-bottom:var(--space-1)}.basic-analytics-hero-card{border:1px solid #cfe0ff;background:radial-gradient(circle at 85% 20%,rgba(59,130,246,.2),transparent 45%),linear-gradient(150deg,#f7faff,#eef4ff 62%,#f9fcff)}.basic-analytics-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--space-3)}.basic-analytics-eyebrow{margin:0;color:#1d4ed8;font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.basic-analytics-hero h2{margin:var(--space-2) 0 0;font-size:clamp(24px,3vw,30px);line-height:1.1}.basic-analytics-hero-copy{margin:var(--space-2) 0 0;color:var(--text-secondary);font-size:14px}.basic-analytics-status-list{display:flex;flex-wrap:wrap;justify-content:end;gap:var(--space-2)}.basic-analytics-filter-wrap .filter-bar{border-radius:16px;border-color:#d6e1f2;box-shadow:0 12px 28px #0f172a12}.basic-analytics-executive-card{border-color:#d6e3fa;box-shadow:0 16px 30px #2563eb14}.basic-analytics-executive-card .card-body p{color:var(--text-secondary);line-height:1.6}.basic-analytics-kpi-grid .card{border-radius:16px;border-color:#d9e4f6}.basic-analytics-kpi-grid .card:hover{border-color:#bfd7ff;box-shadow:0 14px 28px #0f172a1a}.basic-analytics-page .section-header{margin-top:var(--space-3);border-left:3px solid #bfdbfe;padding-left:var(--space-3)}.basic-analytics-page .tables-grid .card,.basic-analytics-page .charts-grid .card{border-color:#dbe5f5}.advanced-analytics-page .page-header{margin-bottom:var(--space-1)}.advanced-analytics-hero-card{border:1px solid #d6ddff;background:radial-gradient(circle at 88% 16%,rgba(30,64,175,.2),transparent 46%),linear-gradient(150deg,#f7f8ff,#eef1ff 55%,#f8fbff)}.advanced-analytics-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:var(--space-3)}.advanced-analytics-eyebrow{margin:0;color:#3730a3;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.advanced-analytics-hero h2{margin:var(--space-2) 0 0;font-size:clamp(24px,3vw,30px);line-height:1.1}.advanced-analytics-hero-copy{margin:var(--space-2) 0 0;color:var(--text-secondary);font-size:14px}.advanced-analytics-pillars{margin-top:var(--space-3);display:flex;flex-wrap:wrap;gap:var(--space-2)}.advanced-analytics-pillars span{border:1px solid #d8defd;border-radius:var(--radius-pill);background:#ffffffbf;color:#3730a3;font-size:11px;font-weight:600;padding:4px 9px}.advanced-analytics-status-list{display:flex;flex-wrap:wrap;justify-content:end;gap:var(--space-2)}.advanced-analytics-filter-wrap .filter-bar{border-radius:16px;border-color:#dbe3fa;box-shadow:0 12px 30px #1e40af14}.advanced-analytics-kpi-grid .card{border-radius:16px;border-color:#dbe3f8}.advanced-analytics-kpi-grid .card:hover{border-color:#bfccff;box-shadow:0 16px 30px #0f172a1c}.advanced-analytics-page .section-header{margin-top:var(--space-3);border-left:3px solid #c7d2fe;padding-left:var(--space-3)}.advanced-analytics-page .tables-grid .card,.advanced-analytics-page .charts-grid .card{border-color:#dce5f8}.agent-team-analytics-page .page-header{margin-bottom:var(--space-1)}.agent-team-analytics-hero-card{border:1px solid #cfe5e8;background:radial-gradient(circle at 90% 14%,rgba(20,184,166,.2),transparent 42%),linear-gradient(145deg,#f4fdfb,#ecf9f7 54%,#f7fcff)}.agent-team-analytics-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:var(--space-3)}.agent-team-analytics-eyebrow{margin:0;color:#0f766e;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.agent-team-analytics-hero h2{margin:var(--space-2) 0 0;font-size:clamp(24px,3vw,30px);line-height:1.1}.agent-team-analytics-hero-copy{margin:var(--space-2) 0 0;color:var(--text-secondary);font-size:14px}.agent-team-analytics-pillars{margin-top:var(--space-3);display:flex;flex-wrap:wrap;gap:var(--space-2)}.agent-team-analytics-pillars span{border:1px solid #cde8e4;border-radius:var(--radius-pill);background:#ffffffc7;color:#0f766e;font-size:11px;font-weight:600;padding:4px 9px}.agent-team-analytics-status-list{display:flex;flex-wrap:wrap;justify-content:end;gap:var(--space-2)}.agent-team-analytics-filter-wrap .filter-bar{border-radius:16px;border-color:#d4ece9;box-shadow:0 12px 30px #0f766e17}.agent-team-analytics-kpi-grid .card{border-radius:16px;border-color:#d8ecea}.agent-team-analytics-kpi-grid .card:hover{border-color:#a7d8d2;box-shadow:0 16px 30px #0f172a1c}.agent-team-analytics-page .section-header{margin-top:var(--space-3);border-left:3px solid #99f6e4;padding-left:var(--space-3)}.agent-team-analytics-page .tables-grid .card{border-color:#d7ebe8}.custom-analytics-page .page-header{margin-bottom:var(--space-1)}.custom-analytics-hero-card{border:1px solid #d9d2ff;background:radial-gradient(circle at 86% 16%,rgba(124,58,237,.22),transparent 44%),linear-gradient(145deg,#faf7ff,#f1ebff 56%,#f8fbff)}.custom-analytics-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:var(--space-3)}.custom-analytics-eyebrow{margin:0;color:#6d28d9;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.custom-analytics-hero h2{margin:var(--space-2) 0 0;font-size:clamp(24px,3vw,30px);line-height:1.1}.custom-analytics-hero-copy{margin:var(--space-2) 0 0;color:var(--text-secondary);font-size:14px}.custom-analytics-pillars{margin-top:var(--space-3);display:flex;flex-wrap:wrap;gap:var(--space-2)}.custom-analytics-pillars span{border:1px solid #dfd4ff;border-radius:var(--radius-pill);background:#fffc;color:#5b21b6;font-size:11px;font-weight:600;padding:4px 9px}.custom-analytics-status-list{display:flex;flex-wrap:wrap;justify-content:end;gap:var(--space-2)}.custom-analytics-filter-wrap .filter-bar{border-radius:16px;border-color:#e4dcff;box-shadow:0 12px 30px #6d28d914}.custom-analytics-multi-filter-grid .multi-select{border-color:#e3dcff}.custom-analytics-multi-filter-grid .multi-select-summary{background:#fbf9ff}.custom-analytics-pillars-card{border-color:#e2d9ff;box-shadow:0 14px 28px #6d28d914}.custom-analytics-page .pillars-grid .pillar-option{border-color:#dfd6ff;background:#faf8ff}.custom-analytics-page .pillars-grid .pillar-option:hover{border-color:#c4b5fd}.custom-analytics-output-grid .card{border-color:#e0d9f8}.custom-analytics-page .section-header{margin-top:var(--space-3);border-left:3px solid #c4b5fd;padding-left:var(--space-3)}.report-wizard-page .page-header{margin-bottom:var(--space-1)}.report-wizard-stepper-card{border-color:#d7e4ff;background:linear-gradient(145deg,#f7faff,#f1f6ff)}.report-wizard-stepper{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-2)}.report-wizard-step-pill{border:1px solid #d6e2fb;border-radius:var(--radius-md);background:#fff;display:grid;gap:var(--space-2);justify-items:start;padding:var(--space-3);text-align:left;cursor:pointer;transition:border-color var(--transition-base),box-shadow var(--transition-base),transform var(--transition-base)}.report-wizard-step-pill:hover{border-color:#9bc0ff;transform:translateY(-1px)}.report-wizard-step-pill.is-active{border-color:#3b82f6;box-shadow:0 0 0 3px color-mix(in srgb,#3b82f6 16%,transparent)}.report-wizard-step-pill span{width:24px;height:24px;border-radius:var(--radius-pill);background:#dbeafe;color:#1e3a8a;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.report-wizard-step-pill strong{color:var(--text-primary);font-size:13px}.report-wizard-step-card{border-color:#dbe6ff;box-shadow:0 16px 28px #2563eb14}.report-wizard-step-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.report-wizard-step-actions .btn{width:auto}.report-wizard-selection-summary,.report-wizard-preview-meta{display:flex;flex-wrap:wrap;gap:var(--space-2)}.report-wizard-advanced-toggle button{border:1px solid var(--border-strong);border-radius:var(--radius-xs);background:var(--bg-surface-subtle);color:var(--text-secondary);padding:8px 12px;font-size:13px;font-weight:600;cursor:pointer;transition:border-color var(--transition-base),background-color var(--transition-base)}.report-wizard-advanced-toggle button:hover{border-color:var(--border-focus);background:#e8f1ff}.report-wizard-generate-card .card-body{gap:var(--space-3)}.report-wizard-format-field{max-width:260px}.report-wizard-hero-card{border:1px solid #d0dcff;background:radial-gradient(circle at 86% 15%,rgba(37,99,235,.22),transparent 44%),linear-gradient(150deg,#f7faff,#edf3ff 56%,#f8fbff)}.report-wizard-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:var(--space-3)}.report-wizard-eyebrow{margin:0;color:#1d4ed8;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.report-wizard-hero h2{margin:var(--space-2) 0 0;font-size:clamp(24px,3vw,30px);line-height:1.1}.report-wizard-hero-copy{margin:var(--space-2) 0 0;color:var(--text-secondary);font-size:14px}.report-wizard-pillars{margin-top:var(--space-3);display:flex;flex-wrap:wrap;gap:var(--space-2)}.report-wizard-pillars span{border:1px solid #d4e1ff;border-radius:var(--radius-pill);background:#ffffffd1;color:#1e3a8a;font-size:11px;font-weight:600;padding:4px 9px}.report-wizard-status-list{display:flex;flex-wrap:wrap;justify-content:end;gap:var(--space-2)}.report-wizard-filter-wrap .filter-bar{border-radius:16px;border-color:#d7e4ff;box-shadow:0 12px 30px #2563eb14}.report-wizard-multi-filter-grid .multi-select{border-color:#dbe6ff}.report-wizard-multi-filter-grid .multi-select-summary{background:#f7faff}.report-wizard-composition-card{border-color:#d9e4ff;box-shadow:0 14px 30px #2563eb14}.report-wizard-page .pillars-grid .pillar-option{border-color:#d3e0ff;background:#f8faff}.report-wizard-page .pillars-grid .pillar-option:hover{border-color:#bfdbfe}.report-wizard-output-grid .card{border-color:#dbe5f8}.report-wizard-success-card{border-color:#bbf7d0;background:linear-gradient(145deg,#f0fdf4,#ecfdf5)}.report-wizard-success-card .card-body p{margin:0;color:#166534;font-weight:600}.report-wizard-page .section-header{margin-top:var(--space-3);border-left:3px solid #93c5fd;padding-left:var(--space-3)}.company-mapping-page .page-header{margin-bottom:var(--space-1)}.company-mapping-hero-card{border:1px solid #c9dfff;background:radial-gradient(circle at 84% 12%,rgba(14,116,144,.2),transparent 42%),linear-gradient(150deg,#f4f9ff,#e8f3ff 56%,#f6fbff)}.company-mapping-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:var(--space-3)}.company-mapping-eyebrow{margin:0;color:#0369a1;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.company-mapping-hero h2{margin:var(--space-2) 0 0;font-size:clamp(24px,3vw,30px);line-height:1.1}.company-mapping-hero-copy{margin:var(--space-2) 0 0;color:var(--text-secondary);font-size:14px;max-width:72ch}.company-mapping-last-sync{margin:var(--space-2) 0 0;color:#334155;font-size:12px;font-weight:600}.company-mapping-status-list{display:flex;flex-wrap:wrap;justify-content:end;gap:var(--space-2)}.company-mapping-metrics .metric-card{border:1px solid #dbe6f6;border-radius:var(--radius-md);background:linear-gradient(160deg,#fbfdff,#f4f8ff);padding:var(--space-3);box-shadow:0 8px 18px #0f172a0d}.company-mapping-metrics .metric-card-primary{border-color:#bfdbfe;background:linear-gradient(160deg,#dbeafe,#eff6ff 65%,#fff)}.company-mapping-tables .card{border-color:#dbe5f8;box-shadow:0 10px 22px #0f172a0d;width:100%}.tables-grid.company-mapping-tables{grid-template-columns:1fr}.company-mapping-table .table-cell-primary{max-width:250px}.company-mapping-status-cell .status-badge{margin:0}.company-mapping-source-tag{display:inline-flex;align-items:center;justify-content:center;min-width:40px;padding:2px 8px;border-radius:var(--radius-pill);font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#075985;background:#e0f2fe}.company-mapping-page .kpi-support-strip{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.company-mapping-page .kpi-support-item{border-color:#dbe5f8;background:linear-gradient(160deg,#fbfdff,#f2f8ff)}.company-mapping-page .kpi-support-target{color:#1e3a8a}.company-mapping-page .kpi-support-meta{color:#475569}.company-mapping-page .table-wrap{border-color:#dbe5f8}.company-mapping-page .data-table th{background:#f3f7ff}.company-mapping-page .data-table tbody tr:nth-child(2n){background:#f9fbff}.company-mapping-page .data-table{min-width:680px}.company-mapping-page .table-cell-secondary{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.users-page .page-header{margin-bottom:var(--space-1)}.users-page .card{border-color:#dbe5f8;box-shadow:0 10px 22px #0f172a0d}.users-page .card:first-of-type{border-color:#cfe0ff;background:radial-gradient(circle at 92% 8%,rgba(59,130,246,.14),transparent 42%),linear-gradient(150deg,#f8fbff,#f1f6ff)}.users-table-shell{display:grid;gap:var(--space-4)}.users-table-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}.users-table-summary-item{border:1px solid #dbe6f6;border-radius:var(--radius-md);background:linear-gradient(160deg,#fbfdff,#f4f8ff);padding:var(--space-3) var(--space-4);display:grid;gap:2px;box-shadow:0 6px 16px #0f172a0a}.users-table-summary-item-active{border-color:#bbf7d0;background:linear-gradient(160deg,#f0fdf4,#ecfdf5)}.users-table-summary-item-inactive{border-color:#fde68a;background:linear-gradient(160deg,#fffbeb,#fef3c7)}.users-table-summary-value{color:var(--text-primary);font-size:clamp(22px,2.5vw,28px);font-weight:750;letter-spacing:-.02em;line-height:1}.users-table-summary-label{color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.users-table-wrap{border-color:#dbe5f8;border-radius:var(--radius-md);box-shadow:inset 0 1px #fffc}.users-table{min-width:760px}.users-table th{background:#f3f7ff;padding-top:13px;padding-bottom:13px}.users-table td{vertical-align:middle;padding-top:14px;padding-bottom:14px}.users-table tbody tr{transition:background-color var(--transition-base),box-shadow var(--transition-base)}.users-table tbody tr:hover{background:#f5f9ff;box-shadow:inset 3px 0 #93c5fd}.users-table tbody tr:nth-child(2n){background:#f9fbff}.users-table tbody tr:nth-child(2n):hover{background:#f5f9ff}.users-table-row-inactive{opacity:.82}.users-table-row-inactive:hover{opacity:1}.users-table-identity{display:flex;align-items:center;gap:var(--space-3);min-width:0}.users-table-avatar{flex-shrink:0;width:40px;height:40px;border-radius:var(--radius-pill);display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;letter-spacing:.02em;border:1px solid rgba(255,255,255,.7);box-shadow:0 4px 10px #0f172a14}.users-table-identity-copy{display:grid;gap:2px;min-width:0}.users-table-identity-copy .table-cell-primary{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:280px}.users-table-status{display:inline-flex;align-items:center;gap:var(--space-2)}.users-table-status-dot{width:8px;height:8px;border-radius:var(--radius-pill);flex-shrink:0}.users-table-status-dot.is-active{background:#22c55e;box-shadow:0 0 0 3px #22c55e33}.users-table-status-dot.is-inactive{background:#f59e0b;box-shadow:0 0 0 3px #f59e0b2e}.users-table-role-field{display:grid;gap:4px;min-width:0}.users-table-role-select{width:100%;min-width:148px;max-width:190px;border:1px solid #cbd5e1;border-radius:var(--radius-xs);background:#fff;color:var(--text-primary);padding:8px 10px;font-size:13px;font-weight:600;cursor:pointer;transition:border-color var(--transition-base),box-shadow var(--transition-base),background-color var(--transition-base)}.users-table-role-select:hover:not(:disabled){border-color:#93c5fd;background:#f8fbff}.users-table-role-select:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px color-mix(in srgb,var(--border-focus) 18%,transparent);outline:none}.users-table-role-select:disabled{background:#f1f5f9;color:var(--text-muted);cursor:not-allowed}.users-table-role-saving{color:var(--text-muted);font-size:11px;font-weight:600}.users-table-dates{display:grid;gap:2px}.users-table-dates .table-cell-primary{font-size:13px}.users-table-actions-header,.users-table-actions-cell{text-align:right}.users-table-actions-cell{white-space:nowrap}.users-deactivate-btn{width:auto;border:1px solid #fecaca;border-radius:var(--radius-xs);background:#fef2f2;color:#b91c1c;padding:7px 12px;font-size:12px;font-weight:700;cursor:pointer;transition:background-color var(--transition-base),border-color var(--transition-base),transform var(--transition-base),box-shadow var(--transition-base)}.users-deactivate-btn:hover:not(:disabled){background:#fee2e2;border-color:#fca5a5;transform:translateY(-1px);box-shadow:0 4px 12px #b91c1c1f}.users-deactivate-btn:disabled{opacity:.6;cursor:not-allowed}.users-table-reinvite-hint{color:var(--text-muted);font-size:12px;font-style:italic}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.auth-page{max-width:500px;margin:clamp(36px,8vh,84px) auto;padding:0 var(--space-4)}.page-header{display:flex;justify-content:space-between;align-items:start;gap:var(--space-4)}.page-header-content{min-width:0}.page-title{margin:0;font-size:clamp(26px,3.2vw,34px);line-height:1.15;letter-spacing:-.015em}.page-subtitle{margin:var(--space-2) 0 0;color:var(--text-muted);font-size:14px;max-width:780px}.page-header-actions{display:inline-flex;align-items:center}.page-header-actions a{display:inline-flex;align-items:center;justify-content:center;padding:9px 13px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--text-secondary);font-weight:600;font-size:13px;transition:border-color var(--transition-base),box-shadow var(--transition-base),transform var(--transition-base),background-color var(--transition-base)}.page-header-actions a:hover{color:var(--text-primary);border-color:var(--border-focus);background:#eff6ff;box-shadow:var(--shadow-sm);transform:translateY(-1px)}.card{background:var(--bg-surface);border:1px solid var(--border-soft);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.card-header{padding:var(--space-5) var(--space-6) 0}.card-title{margin:0;font-size:18px;letter-spacing:-.01em}.card-subtitle{margin:var(--space-1) 0 0;color:var(--text-muted);font-size:13px}.card-body{padding:var(--space-6);display:grid;gap:var(--space-4)}.auth-card{box-shadow:var(--shadow-lg)}.month-create-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-3);align-items:end}.month-list,.activity-list{display:grid;gap:var(--space-3)}.month-row,.activity-item{display:grid;gap:var(--space-2);padding:var(--space-4);border:1px solid var(--border-soft);border-radius:var(--radius-md);background:var(--bg-surface-muted);transition:border-color var(--transition-base),transform var(--transition-base),box-shadow var(--transition-base)}.month-row:hover,.activity-item:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.month-row h3,.activity-item p,.kpi-support-item h4{margin:0}.month-row p{margin:0;color:var(--text-muted)}.badge-row{display:flex;flex-wrap:wrap;gap:var(--space-2)}.rms-status-block,.upload-block{display:grid;gap:var(--space-3)}.upload-block p{margin:0}.diagnostics-grid{margin-top:var(--space-2);display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-2) var(--space-4);padding:var(--space-3);border:1px solid var(--border-soft);border-radius:var(--radius-sm);background:var(--bg-surface-subtle)}.diagnostics-grid p{margin:0;color:var(--text-secondary);font-size:13px}.btn{width:100%;border:1px solid transparent;border-radius:var(--radius-sm);padding:10px 14px;font-size:14px;font-weight:650;letter-spacing:.01em;cursor:pointer;transition:background-color var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base),transform var(--transition-base),color var(--transition-base)}.btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn:disabled{opacity:.56;cursor:not-allowed}.btn-primary{background:var(--bg-primary);color:var(--text-on-primary)}.btn-primary:hover:not(:disabled){background:var(--bg-primary-hover)}.btn-secondary{background:var(--bg-secondary);color:var(--text-on-primary)}.btn-secondary:hover:not(:disabled){background:var(--bg-secondary-hover)}.btn-ghost{background:var(--bg-ghost);border-color:var(--border-soft);color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--bg-ghost-hover);border-color:var(--border-strong);color:var(--text-primary)}.form-stack{display:grid;gap:var(--space-4)}.form-field{display:grid;gap:var(--space-2);font-weight:600;color:var(--text-secondary);font-size:13px}.form-field input,.form-field select,.form-field textarea{width:100%;border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:10px 12px;font-size:14px;color:var(--text-primary);background:#fff;transition:border-color var(--transition-base),box-shadow var(--transition-base),background-color var(--transition-base)}.form-field input::placeholder{color:#94a3b8}.form-field input:disabled,.form-field select:disabled,.form-field textarea:disabled{background:#f8fafc;cursor:not-allowed}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px color-mix(in srgb,var(--border-focus) 20%,transparent)}.form-error,.form-success{margin:0;font-size:13px;font-weight:600}.form-error{color:#b91c1c}.form-success{color:#166534}.auth-footer{padding-top:var(--space-2);border-top:1px solid var(--border-soft);color:var(--text-muted);font-size:13px}.status-badge{display:inline-flex;align-items:center;border-radius:var(--radius-pill);padding:5px 10px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.status-neutral{color:#0f172a;background:#e2e8f0}.status-success{color:#166534;background:#dcfce7;border:1px solid var(--border-success)}.status-warning{color:#854d0e;background:#fef3c7;border:1px solid #fcd34d}.status-danger{color:#991b1b;background:#fee2e2;border:1px solid var(--border-danger)}.state-box{border:1px dashed var(--border-strong);border-radius:var(--radius-md);background:var(--bg-surface-muted);padding:var(--space-4);display:grid;gap:var(--space-1)}.state-box h3{margin:0;font-size:16px}.state-box p{margin:0;color:var(--text-muted);font-size:13px}.state-box-error{border-color:var(--border-danger);background:var(--bg-danger-soft)}.section-header{display:grid;gap:var(--space-1);margin-top:var(--space-2)}.section-title{margin:0;font-size:21px;letter-spacing:-.01em}.section-description{margin:0;color:var(--text-muted);font-size:13px}.filter-bar{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-items:end;padding:var(--space-4);border:1px solid var(--border-soft);border-radius:var(--radius-md);background:var(--bg-surface);box-shadow:var(--shadow-sm)}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-3)}.metric-card{display:grid;gap:var(--space-1)}.metric-card-primary{padding:var(--space-3);border-radius:var(--radius-md);border:1px solid #bfdbfe;background:linear-gradient(160deg,#dbeafe,#eff6ff 65%,#fff)}.metric-label{margin:0;color:var(--text-muted);font-size:12px;text-transform:uppercase;letter-spacing:.04em}.metric-value{margin:0;color:var(--text-primary);font-size:clamp(24px,2.4vw,30px);line-height:1.1;font-weight:750}.metric-card-primary .metric-value{font-size:clamp(28px,2.9vw,36px)}.metric-hint{margin:0;color:var(--text-muted);font-size:12px}.charts-grid{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.tables-grid{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(360px,1fr))}.chart-card-content{display:grid;gap:var(--space-3)}.mini-bars{display:grid;gap:var(--space-2)}.mini-bar-row{display:grid;grid-template-columns:minmax(90px,1fr) minmax(180px,4fr) auto;align-items:center;gap:var(--space-3)}.mini-bar-row span,.mini-bar-row strong{color:var(--text-secondary);font-size:12px}.mini-bar-track{border-radius:var(--radius-pill);background:#dbe4ef;overflow:hidden;height:10px}.mini-bar-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#2563eb,#0284c7)}.summary-list,.table-details-list{margin:0;padding-left:18px;display:grid;gap:var(--space-2)}.summary-list li,.table-details-list li{color:var(--text-secondary);font-size:13px}.kpi-support-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:var(--space-2)}.kpi-support-item{padding:var(--space-3);border:1px solid var(--border-soft);border-radius:var(--radius-sm);background:var(--bg-surface-muted);display:grid;gap:var(--space-1)}.kpi-support-item p{margin:0;color:var(--text-secondary);font-size:13px}.kpi-support-target{color:var(--text-primary);font-weight:700}.kpi-support-meta{color:var(--text-muted)}.table-wrap{overflow-x:auto;border:1px solid var(--border-soft);border-radius:var(--radius-sm)}.data-table{width:100%;border-collapse:collapse;font-size:13px;min-width:620px}.data-table caption{padding:10px 12px;text-align:left;font-size:12px;color:var(--text-muted)}.data-table th,.data-table td{text-align:left;padding:11px 12px;border-bottom:1px solid var(--border-soft);vertical-align:top}.data-table th{background:var(--bg-surface-subtle);color:var(--text-muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.data-table tbody tr:last-child td{border-bottom:0}.data-table tbody tr:nth-child(2n){background:#fcfdff}.table-empty{margin:0;color:var(--text-muted);font-size:13px}.table-cell-stack{display:grid;gap:var(--space-1)}.table-cell-primary{color:var(--text-primary);font-weight:600;line-height:1.3;word-break:break-word}.table-cell-secondary{color:var(--text-muted);font-size:12px}.table-details{margin-top:2px}.table-details summary{cursor:pointer;color:var(--bg-primary);font-size:12px}.table-details p{margin:var(--space-1) 0 0;color:var(--text-muted);font-size:12px;white-space:normal;overflow-wrap:anywhere}.issue-chip-list{display:flex;flex-wrap:wrap;gap:6px}.issue-chip{display:inline-flex;align-items:center;border-radius:var(--radius-pill);border:1px solid #c7dbff;background:#edf4ff;color:#1e3a8a;padding:3px 8px;font-size:11px;line-height:1.25}.pillars-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-2)}.pillar-option{display:flex;align-items:center;gap:var(--space-2);border:1px solid #d6e4fa;border-radius:var(--radius-sm);background:#f8fbff;color:var(--text-secondary);padding:var(--space-3);font-size:13px;font-weight:600}.pillar-option input{width:16px;height:16px}.wizard-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-4)}.wizard-actions .btn{width:auto}.custom-sections{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(360px,1fr))}.multi-filter-grid{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.multi-select{border:1px solid var(--border-soft);border-radius:var(--radius-md);background:var(--bg-surface);box-shadow:var(--shadow-sm)}.multi-select-summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4)}.multi-select-summary::-webkit-details-marker{display:none}.multi-select-summary span{color:var(--text-muted);font-size:12px}.multi-select-panel{border-top:1px solid var(--border-soft);padding:var(--space-4);display:grid;gap:var(--space-3)}.multi-select-actions{display:flex;gap:var(--space-2)}.multi-select-actions button{border:1px solid var(--border-strong);border-radius:var(--radius-xs);background:var(--bg-surface-subtle);color:var(--text-secondary);padding:7px 10px;font-size:12px;font-weight:600;cursor:pointer;transition:background-color var(--transition-base),border-color var(--transition-base),transform var(--transition-base)}.multi-select-actions button:hover{background:#e8f1ff;border-color:var(--border-focus);transform:translateY(-1px)}.multi-select-list{max-height:250px;overflow:auto;border:1px solid var(--border-soft);border-radius:var(--radius-xs);padding:var(--space-3);display:grid;gap:var(--space-2)}.multi-select-item{display:flex;align-items:center;gap:var(--space-2);color:var(--text-secondary);font-size:13px}@media(max-width:1200px){.app-shell{grid-template-columns:240px minmax(0,1fr)}.page-shell{padding-inline:var(--space-4)}}@media(max-width:1024px){.app-shell{grid-template-columns:1fr}.app-shell-sidebar{display:none}.app-shell-menu-btn{display:inline-flex;width:auto}.app-shell-mobile-nav{display:none;margin:0 var(--space-4) var(--space-3);padding:var(--space-3);border:1px solid var(--border-soft);border-radius:var(--radius-md);background:var(--bg-surface);box-shadow:var(--shadow-sm)}.app-shell-mobile-nav .app-shell-nav{gap:var(--space-1)}.app-shell-mobile-nav .app-shell-nav-link{color:var(--text-secondary)}.app-shell-mobile-nav .app-shell-nav-link:hover,.app-shell-mobile-nav .app-shell-nav-link-active{color:var(--text-primary);background:#eaf2ff}.app-shell-nav-open .app-shell-mobile-nav{display:block;animation:fade-slide-in var(--transition-slow)}.app-shell-content{padding-top:0}.page-shell,.analytics-page{width:100%}}@media(max-width:768px){.app-shell-header{align-items:start;flex-direction:column;padding:var(--space-4)}.app-shell-header-main{width:100%}.app-shell-header-actions{width:100%;justify-content:end}.page-header{flex-direction:column;align-items:start}.card-header,.card-body{padding-left:var(--space-4);padding-right:var(--space-4)}.month-create-form{grid-template-columns:1fr}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.tables-grid,.custom-sections{grid-template-columns:1fr}.dashboard-hero{padding:var(--space-5);grid-template-columns:1fr}.dashboard-content-grid,.basic-analytics-hero{grid-template-columns:1fr}.basic-analytics-status-list{justify-content:start}.advanced-analytics-hero{grid-template-columns:1fr}.advanced-analytics-status-list{justify-content:start}.agent-team-analytics-hero{grid-template-columns:1fr}.agent-team-analytics-status-list{justify-content:start}.custom-analytics-hero{grid-template-columns:1fr}.custom-analytics-status-list{justify-content:start}.report-wizard-hero{grid-template-columns:1fr}.report-wizard-stepper{grid-template-columns:repeat(2,minmax(0,1fr))}.report-wizard-status-list{justify-content:start}.report-wizard-step-actions{display:grid;grid-template-columns:1fr}.report-wizard-step-actions .btn,.report-wizard-format-field{width:100%;max-width:none}.company-mapping-hero{grid-template-columns:1fr}.company-mapping-status-list{justify-content:start}.users-table-summary{grid-template-columns:1fr}.users-table-identity-copy .table-cell-primary{max-width:none;white-space:normal}.wizard-actions{display:grid;grid-template-columns:1fr}.wizard-actions .btn{width:100%}.multi-select-actions{display:grid;grid-template-columns:1fr}}@media(max-width:640px){.page-shell{padding-inline:var(--space-3);gap:var(--space-4)}.dashboard-hero-actions{width:100%;display:grid;grid-template-columns:1fr}.dashboard-month-head{flex-direction:column;align-items:start}.filter-bar,.charts-grid{grid-template-columns:1fr}.mini-bar-row{grid-template-columns:1fr;gap:var(--space-2)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@keyframes fade-slide-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}