:root{--bpac-night:#0c1628;--bpac-blue:#315efb;--bpac-signal:#27c2a6;--bpac-warm:#f7f5f0;--bpac-night-soft:#152238;--bpac-night-muted:#26364f;--bpac-blue-hover:#244fe3;--bpac-blue-soft:#eef2ff;--bpac-signal-hover:#20aa91;--bpac-signal-soft:#eaf9f6;--bpac-white:#fff;--bpac-gray-25:#fcfcfd;--bpac-gray-50:#f8f9fb;--bpac-gray-100:#f1f3f6;--bpac-gray-200:#e4e8ee;--bpac-gray-300:#d2d8e1;--bpac-gray-400:#98a2b3;--bpac-gray-500:#667085;--bpac-gray-600:#475467;--bpac-gray-700:#344054;--bpac-gray-800:#1d2939;--bpac-gray-900:#101828;--bpac-success:#16876f;--bpac-success-soft:#eaf9f6;--bpac-warning:#b76e00;--bpac-warning-soft:#fff5df;--bpac-danger:#b42318;--bpac-danger-soft:#fff0ef;--bpac-info:var(--bpac-blue);--bpac-info-soft:var(--bpac-blue-soft);--bpac-page:var(--bpac-gray-50);--bpac-surface:var(--bpac-white);--bpac-surface-secondary:var(--bpac-warm);--bpac-surface-dark:var(--bpac-night);--bpac-text-primary:var(--bpac-night);--bpac-text-secondary:var(--bpac-gray-600);--bpac-text-muted:var(--bpac-gray-500);--bpac-text-inverse:var(--bpac-white);--bpac-text-brand:var(--bpac-blue);--bpac-border:var(--bpac-gray-200);--bpac-border-strong:var(--bpac-gray-300);--bpac-border-brand:var(--bpac-blue);--bpac-font-display:"Manrope", "Inter", Arial, sans-serif;--bpac-font-body:"Inter", Arial, sans-serif;--bpac-weight-regular:400;--bpac-weight-medium:500;--bpac-weight-semibold:600;--bpac-weight-bold:700;--bpac-radius-sm:8px;--bpac-radius-md:12px;--bpac-radius-lg:16px;--bpac-radius-xl:24px;--bpac-radius-pill:999px;--bpac-space-1:4px;--bpac-space-2:8px;--bpac-space-3:12px;--bpac-space-4:16px;--bpac-space-5:20px;--bpac-space-6:24px;--bpac-space-8:32px;--bpac-space-10:40px;--bpac-space-12:48px;--bpac-shadow-xs:0 1px 2px #0c16280d;--bpac-shadow-sm:0 2px 8px #0c16280f;--bpac-shadow-md:0 8px 24px #0c162814;--bpac-shadow-lg:0 16px 40px #0c16281f;--bpac-focus-ring:0 0 0 3px #315efb2e;--bpac-transition-fast:.12s ease;--bpac-transition:.18s ease}
:root{--navy:#071326;--navy-light:#10213c;--background:#f5f6f8;--surface:#fff;--border:#e5e8ee;--text:#111827;--muted:#697386;--green:#1f6f4a;--green-soft:#eaf5ef;--purple:#7758e8;--warning:#b76e:root { --navy: #071326; --navy-light: #10213c; --background: #f5f6f8; --surface: #fff; --border: #e5e8ee; --text: #111827; --muted: #697386; --green: #1f6f4a; --green-soft: #eaf5ef; --purple: #7758e8; --warning: #b76e00; --warning-soft: #fff5df; --danger: #b42318; --danger-soft: #fff0ef; } * { box-sizing: border-box; } html, body { margin: 0; min-height: 100%; background: var(--background); color: var(--text); font-family: Arial, Helvetica, sans-serif; } a { color: inherit; text-decoration: none; } button { font: inherit; } .appShell { display: grid; grid-template-columns: 300px 1fr; min-height: 100vh; } .sidebar { position: sticky; top: 0; height: 100vh; display: flex; flex-direction: column; justify-content: space-between; background: var(--navy); color: white; padding: 24px 18px; } .brand { padding: 4px 10px 24px; font-size: 25px; font-weight: 900; letter-spacing: -1px; } .brand span { color: #9d83ff; } .workspace { display: flex; gap: 12px; align-items: center; padding: 14px 10px 22px; margin-bottom: 12px; border-bottom: 1px solid #ffffff1f; } .workspaceLogo { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 13px; background: #c7f5c2; color: #112117; font-weight: 900; } .workspace strong, .workspace small { display: block; } .workspace small { margin-top: 3px; color: #aeb9c9; font-size: 12px; } .menu { display: grid; gap: 5px; } .menu a, .sidebarFooter a { padding: 12px 13px; border-radius: 11px; color: #cbd5e1; font-size: 14px; font-weight: 700; } .menu a:hover, .sidebarFooter a:hover, .menu a.active, .sidebarFooter a.active { color: white; background: #ffffff1a; } .sidebarFooter { display: grid; gap: 4px; } .version { margin-top: 15px; padding: 14px 12px 0; border-top: 1px solid #ffffff1f; color: #7f8da2; font-size: 11px; } .mainContent { min-width: 0; } .topbar { min-height: 86px; padding: 17px 30px; display: flex; align-items: center; justify-content: space-between; background: var(--surface); border-bottom: 1px solid var(--border); } .breadcrumb { color: #8a93a3; font-size: 11px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; } .topbar h1 { margin: 5px 0 0; font-size: 27px; letter-spacing: -.7px; } .profile { display: flex; align-items: center; gap: 12px; text-align: right; } .profile strong, .profile small { display: block; } .profile small { margin-top: 3px; color: var(--muted); font-size: 12px; } .avatar { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 50%; background: var(--navy); color: white; font-size: 12px; font-weight: 900; } .sidebar { overflow-y: auto; } .sidebarGroup { margin-top: 8px; } .sidebarGroupToggle { width: 100%; display: flex; justify-content: space-between; align-items: center; border: 0; background: transparent; color: #cbd5e1; font-size: 11px; font-weight: 800; letter-spacing: .08em; padding: 10px 2px; text-transform: uppercase; cursor: pointer; } .sidebarGroupItems { display: grid; gap: 2px; margin-left: 3px; } .sidebarGroupItems a { padding: 8px 10px; border-radius: 10px; color: #cbd5e1; font-size: 13px; } .sidebarGroupItems a.active, .sidebarGroupItems a:hover { color: white; background: #ffffff1a; } .brand { display: grid; gap: 4px; line-height: 1.05; } .brand small { color: #9aa8bd; font-size: 11px; font-weight: 600; letter-spacing: .02em; } .content { max-width: 1500px; padding: 30px; } .pagePanel { display: grid; gap: 20px; } .sectionHeaderRow { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; margin-bottom: 4px; } .sectionHeaderRow h2 { margin: 0 0 4px; font-size: 24px; letter-spacing: -.5px; } .sectionHeaderRow p { margin: 0; color: var(--muted); } .sectionHeaderActions { display: flex; gap: 10px; flex-wrap: wrap; } .primaryButton, .secondaryButton { border: 1px solid var(--border); border-radius: 999px; padding: 10px 14px; font-weight: 700; cursor: pointer; } .primaryButton:disabled, .secondaryButton:disabled { opacity: .65; cursor: not-allowed; } .primaryButton { background: var(--navy); color: white; border-color: var(--navy); } .secondaryButton { background: var(--surface); color: var(--text); } .adminGrid, .profileGrid, .settingsGrid { display: grid; gap: 16px; grid-template-columns: repeat(3, minmax(0, 1fr)); } .adminCard, .profileCard, .settingsCard, .panelCard, .tableCard { background: var(--surface); border: 1px solid var(--border); border-radius: 18px; padding: 20px; } .adminCard { display: grid; gap: 14px; color: inherit; } .adminCardTop, .profileCardHeader, .importItem { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; } .adminCardTop h3, .profileCardHeader h3, .panelCard h3, .settingsCard h3 { margin: 0 0 8px; font-size: 18px; } .adminCard p, .profileSummary, .settingsCard p, .panelCard p, .importItem p, .importMeta span, .profileCardHeader p { margin: 0; color: var(--muted); } .adminCardBottom { display: flex; justify-content: space-between; align-items: center; border-top: 1px solid var(--border); padding-top: 12px; } .adminCardBottom strong { font-size: 24px; color: var(--navy); } .adminCardBottom span { color: var(--muted); font-size: 13px; } .statusBadge { display: inline-flex; align-items: center; padding: 6px 10px; border-radius: 999px; font-size: 12px; font-weight: 800; } .statusBadge.success { background: var(--green-soft); color: var(--green); } .statusBadge.warning { background: var(--warning-soft); color: var(--warning); } .statusBadge.danger { background: var(--danger-soft); color: var(--danger); } .statusBadge.neutral { background: #eef2f7; color: var(--muted); } .filterBar { display: flex; gap: 12px; flex-wrap: wrap; margin-bottom: 16px; } .filterBar input, .filterBar select { min-width: 180px; border: 1px solid var(--border); border-radius: 12px; padding: 10px 12px; background: var(--surface); } .tableCard { overflow-x: auto; } .tableCard table { width: 100%; border-collapse: collapse; } .tableCard th, .tableCard td { padding: 12px 10px; border-bottom: 1px solid var(--border); text-align: left; } .tableCard th { color: var(--muted); font-size: 12px; text-transform: uppercase; letter-spacing: .06em; } .rowActions { display: flex; gap: 8px; } .rowActions button { border: 0; background: transparent; color: var(--green); cursor: pointer; font-weight: 700; padding: 0; } .permissionPreview { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; } .permissionPreview span, .chip { border-radius: 999px; border: 1px solid var(--border); background: #f7f8fa; padding: 6px 10px; font-size: 12px; color: var(--muted); } .formGrid { display: grid; gap: 16px; grid-template-columns: repeat(2, minmax(0, 1fr)); } .formField { display: grid; gap: 8px; font-weight: 700; color: var(--text); } .formField span { font-size: 13px; } .formField input, .formField select { border: 1px solid var(--border); border-radius: 12px; padding: 10px 12px; background: white; color: var(--text); } .checkboxField { align-content: start; } .checkboxField input { width: 18px; height: 18px; } .formNotice { border-radius: 12px; padding: 12px 14px; font-weight: 700; } .salesHero { background: linear-gradient(135deg, #071326f5, #10213ceb); color: white; border-radius: 24px; padding: 28px; display: grid; gap: 10px; } .salesHero h2 { margin: 0; font-size: 30px; letter-spacing: -.6px; } .salesHero p { margin: 0; color: #ffffffd1; max-width: 720px; } .salesEyebrow { font-size: 12px; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; color: #b4c4e5; } .salesFilterBar { background: var(--surface); border: 1px solid var(--border); border-radius: 20px; padding: 20px; display: grid; gap: 16px; } .salesFilterFields { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 12px; } .salesFilterField { display: grid; gap: 6px; color: var(--muted); font-size: 12px; font-weight: 700; } .salesFilterField select { border: 1px solid var(--border); border-radius: 10px; padding: 10px 12px; background: #f9fafb; color: var(--text); } .salesFilterActions { display: flex; flex-wrap: wrap; gap: 10px; } .salesKpiGrid, .salesMainGrid, .salesSecondGrid, .salesThirdGrid { display: grid; gap: 16px; } .salesKpiGrid { grid-template-columns: repeat(3, minmax(0, 1fr)); } .salesKpiCard { background: var(--surface); border: 1px solid var(--border); border-radius: 18px; padding: 18px; display: grid; gap: 10px; } .salesKpiHeader, .salesCardHeader, .salesListMeta, .salesListFooter, .salesHourMeta, .salesTrendSummary, .salesModalHeader, .salesModalActions, .salesModalMeta { display: flex; justify-content: space-between; align-items: center; gap: 10px; } .salesKpiLabel { color: var(--muted); font-size: 13px; font-weight: 700; } .salesKpiValue { font-size: 24px; letter-spacing: -.4px; } .salesKpiDescription { margin: 0; color: var(--muted); font-size: 13px; } .salesKpiDelta { display: inline-flex; padding: 6px 10px; border-radius: 999px; font-size: 12px; font-weight: 800; } .salesKpiDelta.positive, .positiveText { background: var(--green-soft); color: var(--green); } .salesKpiDelta.negative, .negativeText { background: var(--danger-soft); color: var(--danger); } .salesKpiDelta.neutral { background: #eef2ff; color: #4338ca; } .salesMainGrid { grid-template-columns: 2fr 1fr; } .salesSecondGrid, .salesThirdGrid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .salesTrendChart { padding: 8px 0 12px; } .salesTrendChart svg { width: 100%; height: 240px; } .graphAxis { stroke: #d9dfeb; stroke-width: .5; } .graphPrevious { fill: none; stroke: #a7b3c8; stroke-width: 2.2; stroke-dasharray: 3 2; } .graphCurrent { fill: none; stroke: #10213c; stroke-width: 3; } .salesTrendLegend, .salesTrendSummary { display: flex; justify-content: space-between; gap: 16px; color: var(--muted); font-size: 13px; } .salesTrendLegend > div, .salesTrendSummary > div { display: flex; align-items: center; gap: 8px; } .dot { width: 10px; height: 10px; border-radius: 50%; display: inline-block; } .dot.previous { background: #a7b3c8; } .dot.current { background: var(--navy); } .salesMetricToggle { display: flex; gap: 8px; flex-wrap: wrap; } .salesMetricToggle button { border: 1px solid var(--border); background: #f7f8fa; color: var(--muted); padding: 8px 10px; border-radius: 999px; cursor: pointer; } .salesMetricToggle button.active { background: var(--navy); color: white; border-color: var(--navy); } .salesList { display: grid; gap: 14px; } .salesListItem { display: grid; gap: 10px; padding: 12px 0; border-bottom: 1px solid var(--border); } .salesListItem:last-child { border-bottom: 0; padding-bottom: 0; } .salesListMeta { align-items: flex-start; } .salesListMeta strong, .salesCardHeader h3, .salesModalHeader h3 { display: block; margin: 0 0 4px; font-size: 18px; } .salesListMeta span, .salesCardHeader p, .salesModalHeader p, .salesModalMeta p, .salesModalHint, .salesListFooter, .salesHourItem small { color: var(--muted); font-size: 13px; } .salesListNumbers { font-size: 13px; font-weight: 700; color: var(--navy); } .salesBarTrack { width: 100%; height: 8px; border-radius: 999px; background: #eef2f7; } .salesBarFill { height: 100%; border-radius: inherit; background: linear-gradient(90deg, #10213c, #2c5ea3); } .salesBarFill.purple { background: linear-gradient(90deg, #7758e8, #8c7ef2); } .salesInsightsList { display: grid; gap: 12px; } .salesInsight { padding: 12px 14px; border-radius: 14px; border: 1px solid var(--border); display: grid; gap: 6px; } .salesInsight.purple { background: #f6f1ff; border-color: #e1d6ff; } .salesInsight.green { background: #f0faf4; border-color: #d4f3e0; } .salesInsight.yellow { background: #fff8eb; border-color: #fce2b1; } .salesInsightButton { margin-top: 10px; } .salesTableWrap { border: 1px solid var(--border); border-radius: 14px; } .salesTable { width: 100%; border-collapse: collapse; } .salesTable th, .salesTable td { padding: 12px 14px; border-bottom: 1px solid var(--border); text-align: left; font-size: 13px; } .salesTable th { color: var(--muted); font-weight: 800; text-transform: uppercase; letter-spacing: .05em; } .salesTable tr:last-child td { border-bottom: 0; } .salesHourItem { display: grid; gap: 8px; } .salesModalOverlay { position: fixed; inset: 0; background: #0713268c; display: grid; place-items: center; padding: 16px; z-index: 1000; } .salesModal { width: min(620px, 100%); background: var(--surface); border-radius: 22px; padding: 20px; display: grid; gap: 16px; } .salesDropzone { display: grid; place-items: center; gap: 6px; padding: 24px; border: 1px dashed var(--border); border-radius: 16px; background: #f8fafc; color: var(--muted); cursor: pointer; } .salesDropzone input { display: none; } .salesDownloadLink { color: var(--navy); font-weight: 800; } @media (max-width: 1200px) { .salesFilterFields { grid-template-columns: repeat(3, minmax(0, 1fr)); } .salesKpiGrid, .salesSecondGrid, .salesThirdGrid, .salesMainGrid { grid-template-columns: 1fr; } } @media (max-width: 768px) { .content { padding: 18px; } .salesFilterFields { grid-template-columns: 1fr; } .salesHero { padding: 20px; } .salesHero h2 { font-size: 24px; } .salesCardHeader, .salesModalHeader { flex-direction: column; align-items: flex-start; } .salesTrendLegend, .salesTrendSummary, .salesModalMeta, .salesListMeta, .salesListFooter, .salesHourMeta { flex-direction: column; align-items: flex-start; } } .formNotice.success { background: var(--green-soft); color: var(--green); } .formNotice.danger { background: var(--danger-soft); color: var(--danger); } .formActions { display: flex; justify-content: flex-end; } .emptyState { padding: 28px; border: 1px dashed var(--border); border-radius: 18px; background: var(--surface); display: grid; gap: 8px; } .emptyState h3 { margin: 0; font-size: 18px; } .emptyState p { margin: 0; color: var(--muted); } .importSections { display: grid; gap: 16px; grid-template-columns: 1.6fr 1fr; } .importList { display: grid; gap: 12px; margin-top: 12px; } .importMeta { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; } .chipList { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 12px; } .settingsPlaceholder { min-height: 62px; border-radius: 12px; background: linear-gradient(90deg, #f7f8fa 0%, #eef2f7 100%); margin-top: 14px; } .profileInfo { display: flex; flex-direction: column; align-items: flex-end; gap: 2px; } .logoutButton { border: 1px solid var(--border); background: var(--surface); color: var(--text); padding: 9px 12px; border-radius: 999px; cursor: pointer; font-weight: 700; } .logoutButton:hover { background: var(--background); } .loginPage { min-height: 100vh; display: grid; place-items: center; padding: 24px; background: linear-gradient(135deg, #f5f6f8 0%, #eef2f7 100%); } .loginCard { width: min(100%, 440px); background: var(--surface); border: 1px solid var(--border); border-radius: 24px; padding: 34px 30px; box-shadow: 0 20px 45px #07132614; } .loginBrand { display: flex; align-items: center; gap: 14px; margin-bottom: 24px; } .loginBrandMark { width: 50px; height: 50px; display: grid; place-items: center; border-radius: 16px; background: var(--navy); color: white; font-weight: 900; font-size: 18px; } .loginBrand h1 { margin: 0 0 4px; font-size: 24px; letter-spacing: -.5px; } .loginBrand p { margin: 0; color: var(--muted); } .loginForm { display: grid; gap: 16px; } .loginForm label { display: grid; gap: 8px; font-weight: 700; color: var(--text); } .loginForm input { width: 100%; padding: 13px 14px; border: 1px solid var(--border); border-radius: 12px; background: #f9fafb; } .loginForm input:focus { outline: 2px solid #7758e833; border-color: var(--purple); } .loginForm button { border: 0; border-radius: 12px; padding: 13px 16px; background: var(--navy); color: white; font-weight: 800; cursor: pointer; } .loginForm button:disabled { opacity: .7; cursor: wait; } .loginError { padding: 12px 14px; border-radius: 12px; background: var(--danger-soft); color: var(--danger); font-size: 14px; } .welcome { display: flex; justify-content: space-between; gap: 30px; padding: 28px 30px; border-radius: 20px; background: var(--surface); border: 1px solid var(--border); } .date, .sectionLabel { color: var(--green); font-size: 11px; font-weight: 900; letter-spacing: .07em; text-transform: uppercase; } .welcome h2 { margin: 8px 0; font-size: 32px; letter-spacing: -1px; } .welcome p { margin: 0; color: var(--muted); } .health { min-width: 180px; padding-left: 28px; display: flex; flex-direction: column; justify-content: center; border-left: 1px solid var(--border); } .health span, .health small { color: var(--muted); font-size: 12px; } .health strong { margin: 4px 0; color: var(--green); font-size: 34px; } .metrics { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-top: 18px; } .metricCard, .panel, .advisor, .moduleCard { background: var(--surface); border: 1px solid var(--border); } .metricCard { padding: 20px; border-radius: 17px; } .metricCard span, .metricCard small { display: block; color: var(--muted); font-size: 12px; } .metricCard strong { display: block; margin: 8px 0 5px; font-size: 28px; } .dashboardGrid { display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(320px, .8fr); gap: 18px; margin-top: 18px; } .panel, .advisor { border-radius: 20px; padding: 23px; } .panelHeader, .sectionHeader { display: flex; justify-content: space-between; align-items: center; } .panelHeader h3, .sectionHeader h3 { margin: 5px 0 0; font-size: 20px; } .panelHeader button { border: 0; background: transparent; color: var(--green); font-weight: 800; cursor: pointer; } .alertList { margin-top: 18px; display: grid; gap: 10px; } .alert { display: grid; grid-template-columns: 38px 1fr auto; gap: 13px; align-items: center; padding: 15px; border-radius: 14px; } .alert.warning { background: var(--warning-soft); } .alert.danger { background: var(--danger-soft); } .alert.neutral { background: #f4f5f7; } .alertIcon { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 50%; background: white; font-weight: 900; } .alert strong { font-size: 14px; } .alert p { margin: 4px 0 0; color: var(--muted); font-size: 12px; } .alert > span { color: var(--muted); font-size: 11px; font-weight: 800; } .advisor { color: white; background: linear-gradient(145deg, #121c33, #0a1122); border: 0; } .advisorTitle { display: flex; align-items: center; gap: 12px; } .advisorMark { width: 43px; height: 43px; display: grid; place-items: center; border-radius: 14px; background: var(--purple); font-weight: 900; } .advisorTitle span, .advisorTitle strong { display: block; } .advisorTitle span { color: #aab5c7; font-size: 11px; } .advisorIntro { margin: 24px 0; color: #c7cfdb; line-height: 1.5; } .recommendation { padding: 17px; border-radius: 15px; background: #ffffff14; } .recommendation span { color: #aab5c7; font-size: 10px; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; } .recommendation strong { display: block; margin: 8px 0; line-height: 1.35; } .recommendation p { margin: 0; color: #bdc6d4; font-size: 13px; line-height: 1.5; } .advisorButton { width: 100%; margin-top: 15px; padding: 12px; border: 0; border-radius: 12px; color: white; background: var(--purple); font-weight: 800; cursor: pointer; } .modulesSection { margin-top: 28px; } .moduleGrid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 13px; margin-top: 15px; } .moduleCard { min-height: 145px; padding: 18px; position: relative; border-radius: 17px; cursor: pointer; transition: .2s ease; } .moduleCard:hover { transform: translateY(-2px); border-color: #c7ccd6; box-shadow: 0 8px 26px #141e3212; } .moduleCode { width: 38px; height: 38px; margin-bottom: 18px; display: grid; place-items: center; border-radius: 11px; background: var(--green-soft); color: var(--green); font-size: 12px; font-weight: 900; } .moduleCard strong { display: block; font-size: 15px; } .moduleCard p { margin: 6px 0 0; color: var(--muted); font-size: 12px; line-height: 1.4; } .arrow { position: absolute; top: 18px; right: 18px; color: #a5adba; } .modulePlaceholderShell { display: flex; justify-content: center; } .modulePlaceholderCard { width: min(100%, 760px); padding: 30px; border-radius: 24px; background: var(--surface); border: 1px solid var(--border); box-shadow: 0 18px 45px #0713260f; } .modulePlaceholderCard h2 { margin: 8px 0 6px; font-size: 28px; letter-spacing: -.7px; } .modulePlaceholderCard p { margin: 0; color: var(--muted); } .placeholderPanel { margin-top: 24px; padding: 20px; border-radius: 16px; background: #f8fafc; border: 1px solid var(--border); } .placeholderPanel strong { display: block; margin-bottom: 6px; } .placeholderPanel p { color: var(--muted); line-height: 1.5; } @media (max-width: 1100px) { .metrics { grid-template-columns: repeat(2, 1fr); } .dashboardGrid { grid-template-columns: 1fr; } .moduleGrid { grid-template-columns: repeat(3, 1fr); } .adminGrid, .profileGrid, .settingsGrid, .importSections { grid-template-columns: 1fr; } } @media (max-width: 760px) { .formGrid { grid-template-columns: 1fr; } .appShell { grid-template-columns: 1fr; } .sidebar { position: static; height: auto; } .menu { grid-template-columns: repeat(2, 1fr); } .topbar, .welcome { align-items: flex-start; } .profile { display: none; } .content { padding: 18px; } .welcome { flex-direction: column; } .health { width: 100%; padding: 18px 0 0; border-left: 0; border-top: 1px solid var(--border); } .metrics, .moduleGrid { grid-template-columns: 1fr; } .sectionHeaderRow { flex-direction: column; } .alert { grid-template-columns: 38px 1fr; } .alert > span { display: none; } } .salesExecutivePage { display: flex; flex-direction: column; gap: 28px; padding-bottom: 32px; } .salesExecutiveHero { position: relative; overflow: hidden; padding: 34px 36px; border: 1px solid #dfe5ec; border-radius: 24px; background: radial-gradient(circle at 90% 10%, #594ef521, transparent 30%), linear-gradient(135deg, #07152c 0%, #10213e 62%, #1a2c4b 100%); color: #fff; box-shadow: 0 18px 46px #09183124; } .salesExecutiveHeroContent { position: relative; z-index: 1; max-width: 900px; } .salesHeroTopline { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 30px; } .salesDataBadge { display: inline-flex; align-items: center; min-height: 32px; padding: 7px 12px; border: 1px solid #ffffff29; border-radius: 999px; background: #ffffff1a; color: #d9e5ff; font-size: 12px; font-weight: 700; letter-spacing: .02em; } .salesDataSource { color: #b6c3d8; font-size: 12px; } .salesExecutiveHero .salesEyebrow { margin: 0 0 8px; color: #9db8ff; font-size: 12px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; } .salesExecutiveHero h2 { max-width: 760px; margin: 0; color: #fff; font-size: clamp(30px, 4vw, 50px); font-weight: 750; line-height: 1.04; letter-spacing: -.04em; } .salesHeroDescription { max-width: 760px; margin: 18px 0 0; color: #ccd6e6; font-size: 16px; line-height: 1.65; } .salesExecutiveSection { display: flex; flex-direction: column; gap: 18px; } .salesSectionHeading { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; padding: 0 4px; } .salesSectionHeading > div { min-width: 0; } .salesSectionHeading > p { max-width: 440px; margin: 0; color: #68758a; font-size: 13px; line-height: 1.5; text-align: right; } .salesSectionNumber { display: inline-block; margin-bottom: 6px; color: #6f7c91; font-size: 11px; font-weight: 800; letter-spacing: .15em; } .salesSectionEyebrow { margin: 0 0 5px; color: #52627b; font-size: 11px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; } .salesSectionHeading h3 { margin: 0; color: #09172f; font-size: 24px; line-height: 1.15; letter-spacing: -.025em; } .salesExecutivePage .salesKpiGrid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; } .salesExecutivePage .panelCard, .salesExecutivePage .salesKpiCard { border: 1px solid #e1e6ed; border-radius: 20px; background: #fff; box-shadow: 0 8px 28px #0f23410e; } .salesExecutivePage .salesKpiCard { min-height: 150px; padding: 22px; transition: transform .16s ease, box-shadow .16s ease; } .salesExecutivePage .salesKpiCard:hover { transform: translateY(-2px); box-shadow: 0 14px 34px #0f234117; } .salesExecutivePage .salesMainGrid { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(340px, .65fr); gap: 18px; } .salesExecutiveInsightsGrid { align-items: stretch; } .salesDataAvailabilityCard { height: 100%; padding: 24px; } .salesExecutivePage .salesCardHeader { margin-bottom: 18px; } .salesExecutivePage .salesCardHeader h3 { margin: 0 0 6px; color: #0a1730; font-size: 20px; letter-spacing: -.02em; } .salesExecutivePage .salesCardHeader p { margin: 0; color: #69778b; font-size: 13px; line-height: 1.55; } .salesExecutivePage .salesInsightsList { display: flex; flex-direction: column; gap: 10px; } .salesExecutivePage .salesInsight { padding: 16px; border: 1px solid #e5e9ef; border-radius: 14px; background: #f8fafc; } .salesExecutivePage .salesInsight strong { display: block; margin-bottom: 5px; color: #101d33; font-size: 14px; } .salesExecutivePage .salesInsight p { margin: 0; color: #6a7688; font-size: 13px; line-height: 1.48; } .salesExecutivePage .salesInsight.yellow { background: #fff9ea; border-color: #f5e7b9; } .salesExecutivePage .salesInsight.purple { background: #f7f3ff; border-color: #e5dafa; } .salesExecutivePage .salesInsight.green { background: #eefaf5; border-color: #d1eee0; } .salesQualitySection .panelCard { padding: 24px; } .salesQualitySummary { display: grid; grid-template-columns: minmax(260px, 1.3fr) repeat(3, minmax(160px, 1fr)); align-items: center; gap: 14px; } .salesQualityStatus { display: flex; align-items: center; gap: 12px; min-width: 0; } .salesQualityStatus > div { display: flex; flex-direction: column; gap: 3px; } .salesQualityStatus strong { color: #0c1a31; font-size: 15px; } .salesQualityStatus span { color: #6c788a; font-size: 12px; } .salesQualityDot { width: 11px; height: 11px; flex: 0 0 auto; border-radius: 50%; } .salesQualityDot.success { background: #1aa56f; box-shadow: 0 0 0 6px #1aa56f1c; } .salesQualityDot.warning { background: #e9a223; box-shadow: 0 0 0 6px #e9a2231f; } .salesQualityMetric { display: flex; min-height: 72px; flex-direction: column; justify-content: center; padding: 12px 16px; border-left: 1px solid #e6eaf0; } .salesQualityMetric span { margin-bottom: 4px; color: #718095; font-size: 11px; font-weight: 700; text-transform: uppercase; } .salesQualityMetric strong { color: #0a1730; font-size: 18px; } .salesQualityMetric small { margin-top: 3px; color: #7a8698; } .warningText { color: #c07a0c !important; } .salesExecutiveFooter { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 22px 4px 2px; border-top: 1px solid #e1e6ed; color: #6e7a8c; font-size: 12px; } .salesExecutiveFooter > div { display: flex; align-items: center; gap: 10px; } .salesExecutiveFooter strong { color: #0a1730; }  .salesExecutivePage .salesSecondGrid, .salesExecutivePage .salesThirdGrid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; } .salesExecutivePage table { width: 100%; border-collapse: collapse; } .salesExecutivePage th { color: #66758b; font-size: 11px; font-weight: 800; letter-spacing: .05em; text-align: left; text-transform: uppercase; } .salesExecutivePage td { color: #18253a; font-size: 13px; } .salesExecutivePage th, .salesExecutivePage td { padding: 13px 10px; border-bottom: 1px solid #edf0f4; } .salesExecutivePage tbody tr:last-child td { border-bottom: 0; } .salesExecutivePage tbody tr:hover { background: #f8fafc; }  @media (max-width: 1180px) { .salesExecutivePage .salesKpiGrid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .salesQualitySummary { grid-template-columns: repeat(2, minmax(0, 1fr)); } .salesQualityMetric { border-left: 0; border-top: 1px solid #e6eaf0; } } @media (max-width: 900px) { .salesExecutiveHero { padding: 28px 24px; } .salesSectionHeading { align-items: flex-start; flex-direction: column; gap: 8px; } .salesSectionHeading > p { max-width: none; text-align: left; } .salesExecutivePage .salesMainGrid, .salesExecutivePage .salesSecondGrid, .salesExecutivePage .salesThirdGrid { grid-template-columns: 1fr; } .salesHeroTopline { align-items: flex-start; flex-direction: column; margin-bottom: 22px; } } @media (max-width: 640px) { .salesExecutivePage { gap: 22px; } .salesExecutiveHero { padding: 24px 20px; border-radius: 18px; } .salesExecutiveHero h2 { font-size: 32px; } .salesExecutivePage .salesKpiGrid, .salesQualitySummary { grid-template-columns: 1fr; } .salesExecutivePage .salesKpiCard { min-height: auto; } .salesQualityMetric { padding-left: 0; padding-right: 0; } .salesExecutiveFooter, .salesExecutiveFooter > div { align-items: flex-start; flex-direction: column; } }.salesPanelFooter { display: flex; justify-content: center; padding: 18px 0 2px; border-top: 1px solid #edf0f4; } .salesShowMoreButton { padding: 10px 18px; border: 1px solid #dbe2ea; border-radius: 999px; background: #fff; color: #0b1b34; font-size: 13px; font-weight: 700; cursor: pointer; transition: background .16s ease, border-color .16s ease, transform .16s ease; } .salesShowMoreButton:hover { transform: translateY(-1px); border-color: #b9c5d4; background: #f6f8fb; }.salesPanelFooter { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 18px 4px 2px; border-top: 1px solid #edf0f4; } .salesPanelFooterText { color: #7a8799; font-size: 12px; } .salesShowMoreButton { padding: 10px 18px; border: 1px solid #dbe2ea; border-radius: 999px; background: #fff; color: #0b1b34; font-size: 13px; font-weight: 700; cursor: pointer; transition: background .16s ease, border-color .16s ease, transform .16s ease; } .salesShowMoreButton:hover { transform: translateY(-1px); border-color: #b9c5d4; background: #f6f8fb; } @media (max-width: 640px) { .salesPanelFooter { align-items: flex-start; flex-direction: column; } } .salesConsumptionPanel { padding: 24px; } .salesEstimateBadge { display: inline-flex; align-items: center; padding: 7px 11px; border: 1px solid #ddd5fb; border-radius: 999px; background: #f6f3ff; color: #6752c9; font-size: 11px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; } .salesConsumptionGrid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; } .salesConsumptionCard { padding: 20px; border: 1px solid #e4e9ef; border-radius: 17px; background: #fbfcfe; } .salesConsumptionHeader { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; } .salesConsumptionHeader > div { display: flex; flex-direction: column; gap: 5px; } .salesConsumptionLabel { color: #5d6b80; font-size: 12px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; } .salesConsumptionValue { color: #0a1830; font-size: 34px; line-height: 1; letter-spacing: -.04em; } .salesConsumptionQuantity { color: #79869a; font-size: 12px; white-space: nowrap; } .salesConsumptionProgress { height: 8px; margin: 18px 0 14px; overflow: hidden; border-radius: 999px; background: #e8edf3; } .salesConsumptionProgress span { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #5b53d7, #8277ef); } .salesConsumptionDescription { min-height: 42px; margin: 0; color: #647187; font-size: 13px; line-height: 1.55; } .salesConsumptionDescription strong { color: #17253b; } .salesConsumptionRevenue { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 16px; padding-top: 14px; border-top: 1px solid #e6eaf0; } .salesConsumptionRevenue span { color: #7a8799; font-size: 11px; font-weight: 700; text-transform: uppercase; } .salesConsumptionRevenue strong { color: #17243a; font-size: 14px; } .salesConsumptionNote { margin: 18px 0 0; padding-top: 16px; border-top: 1px solid #e7ebf0; color: #7b8798; font-size: 11px; line-height: 1.55; } .salesEmptyState { padding: 28px; border: 1px dashed #d8dfe8; border-radius: 14px; color: #718095; font-size: 13px; text-align: center; } @media (max-width: 1000px) { .salesConsumptionGrid { grid-template-columns: 1fr; } } .salesFunctionalFilters { padding: 22px; } .salesFunctionalFiltersGrid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; } .salesFunctionalFiltersGrid label { display: flex; flex-direction: column; gap: 7px; } .salesFunctionalFiltersGrid label > span { color: #637187; font-size: 11px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; } .salesFunctionalFiltersGrid select { width: 100%; min-height: 44px; padding: 0 13px; border: 1px solid #dfe5ec; border-radius: 12px; background: #fff; color: #122039; font-size: 13px; outline: none; } .salesFunctionalFiltersGrid select:focus { border-color: #7066de; box-shadow: 0 0 0 3px #7066de1a; } .salesFunctionalFiltersGrid select:disabled { background: #f5f7fa; color: #8a95a5; cursor: not-allowed; } .salesFunctionalFiltersFooter { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-top: 18px; padding-top: 16px; border-top: 1px solid #e9edf2; } .salesActiveFilterBadge { display: inline-flex; padding: 7px 11px; border-radius: 999px; background: #eef9f4; color: #147c59; font-size: 11px; font-weight: 800; text-transform: uppercase; } .salesInactiveFilterText { color: #7b8798; font-size: 12px; } .salesClearFiltersButton { padding: 9px 16px; border: 1px solid #dce3eb; border-radius: 999px; background: #fff; color: #14223a; font-size: 12px; font-weight: 750; cursor: pointer; } .salesClearFiltersButton:disabled { opacity: .45; cursor: not-allowed; } @media (max-width: 1000px) { .salesFunctionalFiltersGrid { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 640px) { .salesFunctionalFiltersGrid { grid-template-columns: 1fr; } .salesFunctionalFiltersFooter { align-items: flex-start; flex-direction: column; } } .salesMultiSelect { position: relative; min-width: 0; } .salesMultiSelectLabel { display: block; margin-bottom: 7px; color: #637187; font-size: 11px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; } .salesMultiSelectButton { display: flex; width: 100%; min-height: 44px; align-items: center; justify-content: space-between; gap: 10px; padding: 0 13px; border: 1px solid #dfe5ec; border-radius: 12px; background: #fff; color: #122039; font-size: 13px; text-align: left; cursor: pointer; } .salesMultiSelectButton:hover { border-color: #b9c4d2; } .salesMultiSelect.disabled .salesMultiSelectButton { background: #f5f7fa; color: #8a95a5; cursor: not-allowed; } .salesMultiSelectChevron { color: #7d899a; font-size: 9px; } .salesMultiSelectMenu { position: absolute; z-index: 60; top: calc(100% + 7px); left: 0; width: min(340px, 90vw); overflow: hidden; border: 1px solid #dce3eb; border-radius: 14px; background: #fff; box-shadow: 0 18px 44px #0e1f3929; } .salesMultiSelectActions { display: flex; justify-content: space-between; gap: 10px; padding: 11px 12px; border-bottom: 1px solid #e8ecf1; background: #f8fafc; } .salesMultiSelectActions button { padding: 5px 0; border: 0; background: transparent; color: #5546c8; font-size: 11px; font-weight: 800; cursor: pointer; } .salesMultiSelectActions button:disabled { color: #aeb6c2; cursor: not-allowed; } .salesMultiSelectOptions { max-height: 280px; overflow-y: auto; padding: 8px; } .salesMultiSelectOption { display: flex; align-items: center; gap: 10px; padding: 9px 8px; border-radius: 9px; color: #26354b; font-size: 13px; cursor: pointer; } .salesMultiSelectOption:hover { background: #f5f7fb; } .salesMultiSelectOption input { width: 16px; height: 16px; accent-color: #6257d6; } .salesMultiSelectEmpty { margin: 0; padding: 18px 10px; color: #7c899b; font-size: 12px; text-align: center; } @media (max-width: 640px) { .salesMultiSelectMenu { width: 100%; } }  .appShell { position: relative; display: grid; grid-template-columns: 300px minmax(0, 1fr); width: 100%; min-height: 100vh; overflow-x: hidden; } .mainContent { width: 100%; min-width: 0; min-height: 100vh; }  .sidebar { position: sticky; z-index: 100; top: 0; width: 300px; height: 100vh; padding: 24px 18px; overflow-x: hidden; overflow-y: auto; background: var(--navy); color: #fff; transition: transform .22s ease, box-shadow .22s ease; } .sidebarMain { min-width: 0; } .sidebarMobileHeader, .sidebarMobileProfile, .sidebarMobileLogout, .mobileMenuButton, .sidebarOverlay { display: none; } .brandDesktop { display: grid; } .brandMobile { display: none; } .workspaceText { min-width: 0; } .workspaceText strong, .workspaceText small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }  .menu { display: grid; grid-template-columns: 1fr; gap: 5px; width: 100%; } .menu > a, .sidebarGroupItems a { display: flex; width: 100%; min-height: 42px; align-items: center; } .sidebarGroup { width: 100%; } .sidebarGroupToggle { min-height: 40px; } .sidebarGroupItems { grid-template-columns: 1fr; }  .topbar { position: sticky; z-index: 50; top: 0; width: 100%; min-height: 86px; padding: 16px 30px; background: #fffffff5; border-bottom: 1px solid var(--border); backdrop-filter: blur(14px); } .topbarMain { display: flex; min-width: 0; align-items: center; gap: 14px; } .topbarTitle { min-width: 0; } .topbarTitle h1 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .topbarActions { display: flex; flex: 0 0 auto; align-items: center; gap: 10px; } .notificationButton { width: 40px; height: 40px; display: grid; place-items: center; border: 1px solid var(--border); border-radius: 50%; background: var(--surface); color: var(--navy); cursor: pointer; font-size: 13px; font-weight: 900; } .notificationButton:hover { background: var(--background); } .logoutButton:disabled, .sidebarMobileLogout:disabled { opacity: .65; cursor: wait; }  .content { width: 100%; max-width: 1500px; margin: 0 auto; padding: 30px; }  @media (max-width: 900px) { .appShell { display: block; width: 100%; min-height: 100vh; } .mainContent { width: 100%; min-height: 100vh; }  .sidebar { position: fixed; z-index: 1000; inset: 0 auto 0 0; width: min(86vw, 330px); max-width: 330px; height: 100dvh; padding: 18px; transform: translateX(-105%); box-shadow: none; overscroll-behavior: contain; } .sidebar.sidebarOpen { transform: translateX(0); box-shadow: 24px 0 60px #00000047; }  .sidebarOverlay { position: fixed; z-index: 900; inset: 0; width: 100%; height: 100%; display: block; padding: 0; border: 0; background: #030a1894; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .22s ease, visibility .22s ease; } .sidebarOverlay.sidebarOverlayVisible { opacity: 1; visibility: visible; pointer-events: auto; }  .sidebarMobileHeader { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; margin-bottom: 8px; } .brandDesktop { display: none; } .brandMobile { display: grid; min-width: 0; padding: 4px 4px 16px; } .sidebarCloseButton { width: 40px; height: 40px; flex: 0 0 auto; display: grid; place-items: center; border: 1px solid #ffffff24; border-radius: 12px; background: #ffffff14; color: #fff; cursor: pointer; font-size: 27px; line-height: 1; } .sidebarCloseButton:hover { background: #ffffff24; }  .sidebarMobileProfile { display: flex; min-width: 0; align-items: center; gap: 11px; margin-top: 18px; padding: 15px 4px 12px; border-top: 1px solid #ffffff1f; } .sidebarMobileProfileInfo { min-width: 0; } .sidebarMobileProfileInfo strong, .sidebarMobileProfileInfo small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .sidebarMobileProfileInfo strong { font-size: 13px; } .sidebarMobileProfileInfo small { margin-top: 3px; color: #9aa8bd; font-size: 11px; } .sidebarMobileLogout { width: 100%; min-height: 42px; display: block; margin-top: 4px; border: 1px solid #ffffff24; border-radius: 11px; background: #ffffff14; color: #fff; cursor: pointer; font-weight: 800; } .sidebarMobileLogout:hover { background: #ffffff24; }  .topbar { min-height: 74px; padding: 12px 18px; } .mobileMenuButton { width: 42px; height: 42px; flex: 0 0 auto; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px; border: 1px solid var(--border); border-radius: 12px; background: var(--surface); cursor: pointer; } .mobileMenuButton span { width: 18px; height: 2px; display: block; border-radius: 999px; background: var(--navy); } .profile { display: none; } .notificationButton { width: 40px; height: 40px; } .breadcrumb { display: block; max-width: min(48vw, 340px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .topbar h1 { max-width: min(52vw, 420px); margin-top: 3px; font-size: 22px; } .content { max-width: none; padding: 22px; }  .menu, .sidebarGroupItems { grid-template-columns: 1fr; } }  @media (max-width: 640px) { .topbar { min-height: 68px; padding: 10px 12px; } .topbarMain { gap: 10px; } .mobileMenuButton { width: 40px; height: 40px; } .notificationButton { display: none; } .breadcrumb { max-width: calc(100vw - 100px); font-size: 9px; } .topbar h1 { max-width: calc(100vw - 100px); font-size: 19px; letter-spacing: -.35px; } .content { padding: 16px 12px 24px; } .sidebar { width: min(90vw, 320px); padding: 16px; } .workspace { padding-right: 6px; padding-left: 6px; } .welcome { padding: 21px 18px; border-radius: 17px; } .welcome h2 { font-size: 26px; } .metricCard, .panel, .advisor, .adminCard, .profileCard, .settingsCard, .panelCard, .tableCard { padding: 17px; border-radius: 16px; } .sectionHeaderRow h2 { font-size: 21px; } .sectionHeaderActions, .salesFilterActions, .formActions { width: 100%; } .sectionHeaderActions .primaryButton, .sectionHeaderActions .secondaryButton, .salesFilterActions .primaryButton, .salesFilterActions .secondaryButton { flex: 1 1 auto; } .filterBar input, .filterBar select { width: 100%; min-width: 0; } .tableCard, .salesTableWrap { max-width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .tableCard table, .salesTable { min-width: 680px; } .salesExecutiveHero h2 { font-size: clamp(27px, 9vw, 34px); } }  @media (prefers-reduced-motion: reduce) { .sidebar, .sidebarOverlay, .moduleCard, .salesKpiCard, .salesShowMoreButton { transition: none; } }  .executiveDashboard { display: grid; gap: 22px; padding-bottom: 28px; } .executiveHero { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; padding: 30px 34px; border: 1px solid #dde4ec; border-radius: 24px; background: linear-gradient(135deg, #fff 0%, #f5f8fb 100%); } .executiveHero > div:first-child > span, .executivePanelHeader > div > span { display: block; margin-bottom: 8px; color: #0a6b4e; font-size: 12px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; } .executiveHero h2 { margin: 0; color: #071426; font-size: clamp(28px, 4vw, 44px); letter-spacing: -.04em; } .executiveHero p { max-width: 720px; margin: 12px 0 0; color: #667085; font-size: 16px; line-height: 1.55; } .executiveStatus { display: inline-flex; align-items: center; gap: 9px; white-space: nowrap; color: #0a6b4e; font-size: 13px; font-weight: 800; } .executiveStatus i { width: 10px; height: 10px; border-radius: 999px; background: #18a875; box-shadow: 0 0 0 5px #18a8751f; } .executiveFilterBar { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; padding: 18px; border: 1px solid #dde4ec; border-radius: 18px; background: #fff; } .executiveFilterBar label { display: grid; gap: 7px; } .executiveFilterBar label > span { color: #667085; font-size: 12px; font-weight: 800; text-transform: uppercase; } .executiveFilterBar select { width: 100%; min-height: 46px; padding: 0 14px; border: 1px solid #d6dee8; border-radius: 12px; background: #f8fafc; color: #071426; font: inherit; font-weight: 700; } .executiveMetricGrid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; } .executiveMetricCard, .executivePanel { border: 1px solid #dde4ec; border-radius: 20px; background: #fff; box-shadow: 0 12px 30px #0714260a; } .executiveMetricCard { padding: 22px; } .executiveMetricCard > span { color: #667085; font-size: 13px; font-weight: 700; } .executiveMetricCard > strong { display: block; margin: 11px 0 16px; color: #071426; font-size: clamp(24px, 2.5vw, 34px); letter-spacing: -.04em; } .executiveMetricCard > div { display: flex; align-items: center; gap: 8px; } .executiveMetricCard b { padding: 5px 8px; border-radius: 999px; font-size: 12px; } .executiveMetricCard b.isPositive { background: #e9f8f2; color: #087a56; } .executiveMetricCard b.isNegative { background: #fff0f0; color: #c23b3b; } .executiveMetricCard small { color: #8a94a6; font-size: 11px; } .executiveTwoColumns { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; } .executivePanel { min-width: 0; padding: 24px; } .executivePanelHeader { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; margin-bottom: 22px; } .executivePanelHeader h3 { margin: 0; color: #071426; font-size: 20px; letter-spacing: -.025em; } .executiveLegend { display: flex; gap: 13px; color: #667085; font-size: 12px; } .executiveLegend span { display: inline-flex; align-items: center; gap: 6px; } .executiveLegend i { width: 10px; height: 10px; border-radius: 3px; } .executiveLegend i.year2025, .executiveMonthBars i.year2025 { background: #b8c3d1; } .executiveLegend i.year2026, .executiveMonthBars i.year2026 { background: #0a6b4e; } .executiveMonthlyChart { display: grid; grid-template-columns: repeat(6, minmax(42px, 1fr)); align-items: end; gap: 14px; min-height: 290px; padding-top: 16px; border-bottom: 1px solid #d9e0e8; } .executiveMonthGroup { display: grid; align-items: end; height: 100%; gap: 10px; } .executiveMonthBars { display: flex; align-items: flex-end; justify-content: center; gap: 7px; height: 245px; } .executiveMonthBars i { display: block; width: min(28px, 40%); min-height: 3px; border-radius: 7px 7px 2px 2px; } .executiveMonthGroup > span { padding-bottom: 9px; text-align: center; color: #667085; font-size: 12px; font-weight: 700; } .executiveEnvironmentList, .executiveRankingList, .executiveInsightList { display: grid; gap: 15px; } .executiveEnvironmentList > div > div:first-child { display: flex; justify-content: space-between; gap: 12px; margin-bottom: 7px; } .executiveEnvironmentList strong, .executiveRankingContent strong, .executiveInsightList strong { color: #071426; font-size: 13px; } .executiveEnvironmentList span, .executiveRankingContent span { color: #667085; font-size: 12px; font-weight: 700; } .executiveEnvironmentTrack, .executiveRankingTrack { overflow: hidden; height: 7px; border-radius: 999px; background: #edf1f5; } .executiveEnvironmentTrack i, .executiveRankingTrack i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #0a6b4e, #17a578); } .executiveRankingRow { display: flex; align-items: center; gap: 13px; } .executiveRankingPosition { width: 28px; color: #9aa4b2; font-size: 11px; font-weight: 800; } .executiveRankingContent { min-width: 0; flex: 1; } .executiveRankingContent > div:first-child { display: flex; justify-content: space-between; gap: 12px; margin-bottom: 7px; } .executiveRankingContent strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .executiveInsightList > div { display: flex; gap: 14px; padding: 15px; border: 1px solid #e2e8f0; border-radius: 14px; background: #f8fafc; } .executiveInsightList > div > i { display: grid; flex: 0 0 auto; place-items: center; width: 30px; height: 30px; border-radius: 999px; background: #e9f8f2; color: #087a56; font-style: normal; font-weight: 900; } .executiveInsightList p { margin: 5px 0 0; color: #667085; font-size: 13px; line-height: 1.45; } .executiveFooter { display: flex; justify-content: space-between; gap: 20px; padding: 20px 24px; border-radius: 18px; background: #071426; color: #fff; } .executiveFooter > div { display: grid; gap: 4px; } .executiveFooter span { color: #b9c4d3; font-size: 12px; } @media (max-width: 1100px) { .executiveMetricGrid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .executiveTwoColumns { grid-template-columns: 1fr; } } @media (max-width: 720px) { .executiveHero { display: grid; padding: 24px; } .executiveFilterBar, .executiveMetricGrid { grid-template-columns: 1fr; } .executivePanel { padding: 19px; } .executiveMonthlyChart { gap: 7px; } .executiveMonthBars { gap: 3px; } .executiveFooter { display: grid; } }  .multiSelect { position: relative; display: grid; gap: 7px; min-width: 0; } .multiSelectLabel { color: #667085; font-size: 12px; font-weight: 800; letter-spacing: .03em; text-transform: uppercase; } .multiSelectTrigger { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; min-height: 46px; padding: 0 14px; border: 1px solid #d6dee8; border-radius: 12px; background: #f8fafc; color: #071426; font: inherit; font-weight: 700; text-align: left; cursor: pointer; } .multiSelectTrigger:disabled { cursor: not-allowed; opacity: .55; } .multiSelectTrigger > span:first-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .multiSelectIndicator { display: grid; flex: 0 0 auto; place-items: center; min-width: 24px; height: 24px; padding: 0 6px; border-radius: 999px; background: #e9f8f2; color: #087a56; font-size: 11px; font-weight: 900; } .multiSelectMenu { position: absolute; z-index: 200; top: calc(100% + 8px); left: 0; width: max(100%, 300px); overflow: hidden; padding: 12px; border: 1px solid #d6dee8; border-radius: 14px; background: #fff; box-shadow: 0 20px 55px #07142633; } .multiSelectSearch { width: 100%; min-height: 40px; padding: 0 11px; border: 1px solid #d6dee8; border-radius: 9px; background: #fff; color: #071426; font: inherit; } .multiSelectActions { display: flex; justify-content: space-between; gap: 10px; margin: 10px 0; } .multiSelectActions button { border: 0; background: transparent; color: #087a56; font-size: 11px; font-weight: 800; cursor: pointer; } .multiSelectActions button:disabled { cursor: not-allowed; opacity: .45; } .multiSelectOptions { display: grid; gap: 4px; max-height: 260px; overflow-y: auto; } .multiSelectOption { display: flex; align-items: center; gap: 9px; padding: 8px; border-radius: 8px; color: #344054; font-size: 13px; cursor: pointer; } .multiSelectOption:hover { background: #f5f8fb; } .multiSelectOption input { width: 16px; height: 16px; accent-color: #087a56; } .multiSelectEmpty { padding: 18px 8px; color: #8a94a6; font-size: 12px; text-align: center; } .multiSelectFooter { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 10px; padding-top: 10px; border-top: 1px solid #edf1f5; } .multiSelectFooter span { color: #8a94a6; font-size: 11px; } .multiSelectFooter button { min-height: 34px; padding: 0 14px; border: 0; border-radius: 9px; background: #071426; color: #fff; font-size: 12px; font-weight: 800; cursor: pointer; } @media (max-width: 640px) { .multiSelectMenu { width: 100%; } } .executiveAdvancedFilterBar { position: relative; z-index: 30; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; padding: 18px; border: 1px solid #dde4ec; border-radius: 18px; background: #fff; } .executiveActiveFiltersBar { display: flex; align-items: center; gap: 14px; min-height: 58px; padding: 12px 16px; border: 1px solid #dde4ec; border-radius: 16px; background: #fff; } .executiveActiveFiltersHeading { display: grid; flex: 0 0 auto; min-width: 130px; gap: 3px; } .executiveActiveFiltersHeading strong { color: #071426; font-size: 12px; } .executiveActiveFiltersHeading span, .executiveNoFilters { color: #8a94a6; font-size: 11px; } .executiveFilterChips { display: flex; flex: 1; flex-wrap: wrap; align-items: center; gap: 7px; } .executiveFilterChip { display: inline-flex; align-items: center; gap: 7px; min-height: 30px; padding: 0 10px; border: 0; border-radius: 999px; background: #e9f8f2; color: #087a56; font-size: 11px; font-weight: 800; cursor: pointer; } .executiveFilterChip b { font-size: 14px; line-height: 1; } .executiveClearFilters { flex: 0 0 auto; min-height: 34px; padding: 0 13px; border: 0; border-radius: 9px; background: #071426; color: #fff; font-size: 11px; font-weight: 800; cursor: pointer; } .executiveMetricCard.isUnavailable { background: #f8fafc; } .executiveMetricCard b.isNeutral { background: #eef2f6; color: #667085; } .executivePenetrationTable { overflow-x: auto; } .executivePenetrationHeader, .executivePenetrationRow { display: grid; grid-template-columns: minmax(190px, 1.55fr) 130px 100px 120px 95px 95px; align-items: center; gap: 12px; min-width: 830px; } .executivePenetrationHeader { padding: 0 10px 10px; color: #8a94a6; font-size: 11px; font-weight: 800; text-transform: uppercase; } .executivePenetrationHeader span:not(:first-child) { text-align: right; } .executivePenetrationRow { width: 100%; padding: 11px 10px; border: 0; border-top: 1px solid #edf1f5; background: transparent; color: #071426; text-align: left; cursor: pointer; } .executivePenetrationRow:hover { background: #f5faf8; } .executivePenetrationRow strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; } .executivePenetrationRow span { text-align: right; color: #0a6b4e; font-size: 12px; font-weight: 800; } .executiveEmptyState { padding: 24px 12px; color: #8a94a6; font-size: 12px; text-align: center; } .executiveContextSummary { display: grid; gap: 12px; } .executiveContextSummary > div { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 14px; border: 1px solid #e2e8f0; border-radius: 12px; background: #f8fafc; } .executiveContextSummary span { color: #667085; font-size: 12px; } .executiveContextSummary strong { color: #071426; font-size: 13px; text-align: right; } @media (max-width: 960px) { .executiveAdvancedFilterBar { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 640px) { .executiveAdvancedFilterBar { grid-template-columns: 1fr; } .executiveActiveFiltersBar { align-items: flex-start; flex-direction: column; } .executiveActiveFiltersHeading { min-width: 0; } .executiveClearFilters { width: 100%; } }  .executivePanelHeaderWithSearch { align-items: flex-end; gap: 18px; } .executiveInlineSearch { width: min(220px, 100%); min-height: 38px; padding: 0 11px; border: 1px solid #d6dee8; border-radius: 9px; background: #fff; color: #071426; font: inherit; font-size: 12px; } .executiveInlineSearch:focus { border-color: #087a56; outline: 3px solid #087a561a; } .executiveTableToolbar { display: flex; justify-content: flex-end; margin: -2px 0 12px; } .executiveShowMoreButton { display: block; width: 100%; min-height: 42px; margin-top: 12px; border: 1px solid #d6dee8; border-radius: 10px; background: #f8fafc; color: #087a56; font-size: 12px; font-weight: 900; cursor: pointer; transition: background .16s ease, border-color .16s ease, transform .16s ease; } .executiveShowMoreButton:hover { border-color: #9ccfbd; background: #edf9f5; transform: translateY(-1px); } .executivePenetrationRow strong, .executiveRankingContent strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .executivePenetrationTable { overflow: hidden; } @media (max-width: 760px) { .executivePanelHeaderWithSearch { align-items: stretch; flex-direction: column; } .executiveInlineSearch { width: 100%; } .executiveTableToolbar { justify-content: stretch; } }  .executivePenetrationTable { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .executivePenetrationRow .isPositive, .executivePenetrationRow .positiveText { color: var(--green); } .executivePenetrationRow .isNegative, .executivePenetrationRow .negativeText { color: var(--danger); } .executivePenetrationRow .isNeutral, .executivePenetrationRow .neutralText, .executivePenetrationRow .isUnavailable { color: #8a94a6; } @media (max-width: 760px) { .executivePenetrationTable { overflow-x: auto; } .executivePenetrationHeader, .executivePenetrationRow { min-width: 830px; } }  .executivePageV13 { display: grid; gap: 18px; padding-bottom: 32px; } .executivePageV13 .executiveHeroCompact { align-items: center; padding: 24px 28px; border-radius: 20px; } .executivePageV13 .executiveHeroCompact h1 { margin: 0; color: #071426; font-size: clamp(26px, 3vw, 38px); letter-spacing: -.035em; } .executivePageV13 .executiveHeroCompact p { max-width: 760px; margin: 8px 0 0; color: #667085; font-size: 14px; line-height: 1.5; } .executivePageV13 .executiveHeroBadge { display: grid; min-width: 190px; gap: 4px; padding: 12px 14px; border: 1px solid #dce4ec; border-radius: 14px; background: #fff; color: #7b8797; font-size: 11px; } .executivePageV13 .executiveHeroBadge strong { color: #071426; font-size: 12px; } .executiveCompactFilters { position: relative; z-index: 40; display: grid; gap: 12px; padding: 14px 16px 12px; border: 1px solid #dde4ec; border-radius: 16px; background: #fff; box-shadow: 0 8px 24px #07142609; } .executiveCompactFiltersGrid { display: grid; grid-template-columns: .8fr 1fr 1.2fr 1.2fr 1.5fr 1.3fr; gap: 10px; } .executiveCompactFilters .multiSelect { gap: 5px; } .executiveCompactFilters .multiSelectLabel { font-size: 10px; letter-spacing: .05em; } .executiveCompactFilters .multiSelectTrigger { min-height: 38px; padding: 0 10px; border-radius: 10px; background: #fbfcfd; font-size: 12px; } .executiveCompactFilters .multiSelectIndicator { min-width: 21px; height: 21px; font-size: 10px; } .executiveCompactFilterFooter { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding-top: 10px; border-top: 1px solid #edf1f5; } .executiveCompactFilterFooter span { color: #7d8898; font-size: 11px; } .executiveCompactFilterFooter button { border: 0; background: transparent; color: #087a56; font-size: 11px; font-weight: 800; cursor: pointer; } .executivePageV13 .executiveKpiGrid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; } .executivePageV13 .executiveKpiCard { min-height: 132px; padding: 20px; border: 1px solid #dde4ec; border-radius: 18px; background: #fff; box-shadow: 0 10px 26px #0714260b; } .executivePageV13 .executiveKpiCard > span { display: block; color: #667085; font-size: 12px; font-weight: 700; } .executivePageV13 .executiveKpiCard > strong { display: block; margin: 12px 0 8px; color: #071426; font-size: clamp(24px, 2.3vw, 32px); line-height: 1; letter-spacing: -.035em; } .executivePageV13 .executiveKpiCard > small { color: #8a94a6; font-size: 11px; line-height: 1.4; } .executivePageV13 .executivePanel { min-width: 0; padding: 22px; border: 1px solid #dde4ec; border-radius: 18px; background: #fff; box-shadow: 0 10px 26px #0714260a; } .executivePageV13 .executivePanelHeader { margin-bottom: 18px; } .executivePageV13 .executivePanelHeader h3 { margin: 0; font-size: 19px; } .executivePageV13 .executivePanelHeader small { color: #8a94a6; font-size: 11px; } .executivePageV13 .executivePanelDescription { max-width: 560px; margin: 6px 0 0; color: #7a8698; font-size: 11px; line-height: 1.45; } .executivePageV13 .executiveSplitGrid { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(330px, .75fr); gap: 16px; } .executivePageV13 .executiveRankingGrid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .executiveMonthlyPanel { overflow: hidden; } .executiveComparisonLegend { display: flex; align-items: center; gap: 14px; color: #667085; font-size: 11px; } .executiveComparisonLegend span { display: inline-flex; align-items: center; gap: 6px; } .executiveComparisonLegend i { width: 10px; height: 10px; border-radius: 3px; } .executiveComparisonLegend i.previous { background: #b9c4d2; } .executiveComparisonLegend i.current { background: #0a6b4e; } .executiveComparisonChart { display: grid; grid-template-columns: repeat(6, minmax(56px, 1fr)); align-items: end; gap: 16px; min-height: 250px; padding: 10px 10px 0; border-bottom: 1px solid #dce3eb; background: linear-gradient(to top, #e2e8f073 1px, transparent 1px); background-size: 100% 25%; } .executiveComparisonMonth { display: grid; height: 100%; align-items: end; gap: 9px; } .executiveComparisonBars { display: flex; height: 210px; align-items: flex-end; justify-content: center; gap: 7px; } .executiveComparisonBar { width: min(30px, 38%); min-height: 0; border-radius: 7px 7px 2px 2px; transition: opacity .16s ease, transform .16s ease; } .executiveComparisonBar:hover { opacity: .82; transform: translateY(-2px); } .executiveComparisonBar.previous { background: #b9c4d2; } .executiveComparisonBar.current { background: linear-gradient(180deg, #13966c 0%, #087a56 100%); } .executiveComparisonMonth > span { padding-bottom: 10px; color: #667085; font-size: 11px; font-weight: 800; text-align: center; } .executiveEnvironmentBars { display: grid; gap: 14px; } .executiveEnvironmentBarItem { display: grid; gap: 7px; width: 100%; padding: 0; border: 0; background: transparent; text-align: left; cursor: pointer; } .executiveEnvironmentBarMeta { display: flex; justify-content: space-between; gap: 12px; align-items: baseline; } .executiveEnvironmentBarMeta strong { min-width: 0; overflow: hidden; color: #071426; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; } .executiveEnvironmentBarMeta span { flex: 0 0 auto; color: #667085; font-size: 11px; font-weight: 700; } .executiveEnvironmentBarItem .executiveEnvironmentTrack { height: 8px; background: #edf1f5; } .executiveEnvironmentBarItem .executiveEnvironmentTrack i { background: linear-gradient(90deg, #087a56, #18a875); } .executivePageV13 .executiveRankingCard { padding: 22px; border: 1px solid #dde4ec; border-radius: 18px; background: #fff; box-shadow: 0 10px 26px #0714260a; } .executivePageV13 .executiveRankingCardHeader { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; margin-bottom: 14px; } .executivePageV13 .executiveRankingCardHeader span { display: block; margin-bottom: 5px; color: #0a6b4e; font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; } .executivePageV13 .executiveRankingCardHeader h3 { margin: 0; color: #071426; font-size: 17px; } .executivePageV13 .executiveRankingRow { width: 100%; padding: 9px 0; border: 0; background: transparent; text-align: left; cursor: pointer; } .executivePageV13 .executiveRankingRow:hover { background: #f8fafc; } .executivePageV13 .executiveRankingContent > div:first-child { align-items: baseline; } .executivePageV13 .executiveRankingContent span { flex: 0 0 auto; } .executivePageV13 .executivePenetrationTable { overflow-x: auto; border: 1px solid #edf1f5; border-radius: 12px; } .executivePageV13 .executivePenetrationHeader { padding: 10px 12px; background: #f8fafc; } .executivePageV13 .executivePenetrationRow { padding: 11px 12px; } .executivePageV13 .executivePenetrationRow:hover { background: #f7fbf9; } .executivePageV13 .executiveShowMoreButton { min-height: 38px; margin-top: 10px; border-radius: 9px; } @media (max-width: 1180px) { .executiveCompactFiltersGrid { grid-template-columns: repeat(3, minmax(0, 1fr)); } .executivePageV13 .executiveKpiGrid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .executivePageV13 .executiveSplitGrid, .executivePageV13 .executiveRankingGrid { grid-template-columns: 1fr; } } @media (max-width: 760px) { .executivePageV13 { gap: 14px; } .executivePageV13 .executiveHeroCompact { align-items: flex-start; padding: 20px; } .executivePageV13 .executiveHeroBadge { min-width: 0; } .executiveCompactFiltersGrid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .executiveCompactFilterFooter, .executivePageV13 .executivePanelHeader, .executivePageV13 .executiveRankingCardHeader { align-items: flex-start; flex-direction: column; } .executiveComparisonChart { min-width: 680px; } .executiveMonthlyPanel { overflow-x: auto; } } @media (max-width: 520px) { .executiveCompactFiltersGrid, .executivePageV13 .executiveKpiGrid { grid-template-columns: 1fr; } .executivePageV13 .executiveHeroCompact { display: grid; } } 0;--warning-soft:#fff5df;--danger:#b42318;--danger-soft:#fff0ef}*{box-sizing:border-box}html,body{background:var(--background);min-height:100%;color:var(--text);margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.appShell{grid-template-columns:300px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--navy);color:#fff;flex-direction:column;justify-content:space-between;height:100vh;padding:24px 18px;display:flex;position:sticky;top:0}.brand{letter-spacing:-1px;padding:4px 10px 24px;font-size:25px;font-weight:900}.brand span{color:#9d83ff}.workspace{border-bottom:1px solid #ffffff1f;align-items:center;gap:12px;margin-bottom:12px;padding:14px 10px 22px;display:flex}.workspaceLogo{color:#112117;background:#c7f5c2;border-radius:13px;place-items:center;width:42px;height:42px;font-weight:900;display:grid}.workspace strong,.workspace small{display:block}.workspace small{color:#aeb9c9;margin-top:3px;font-size:12px}.menu{gap:5px;display:grid}.menu a,.sidebarFooter a{color:#cbd5e1;border-radius:11px;padding:12px 13px;font-size:14px;font-weight:700}.menu a:hover,.sidebarFooter a:hover,.menu a.active,.sidebarFooter a.active{color:#fff;background:#ffffff1a}.sidebarFooter{gap:4px;display:grid}.version{color:#7f8da2;border-top:1px solid #ffffff1f;margin-top:15px;padding:14px 12px 0;font-size:11px}.mainContent{min-width:0}.topbar{background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;min-height:86px;padding:17px 30px;display:flex}.breadcrumb{color:#8a93a3;letter-spacing:.07em;text-transform:uppercase;font-size:11px;font-weight:800}.topbar h1{letter-spacing:-.7px;margin:5px 0 0;font-size:27px}.profile{text-align:right;align-items:center;gap:12px;display:flex}.profile strong,.profile small{display:block}.profile small{color:var(--muted);margin-top:3px;font-size:12px}.avatar{background:var(--navy);color:#fff;border-radius:50%;place-items:center;width:42px;height:42px;font-size:12px;font-weight:900;display:grid}.sidebar{overflow-y:auto}.sidebarGroup{margin-top:8px}.sidebarGroupToggle{color:#cbd5e1;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;width:100%;padding:10px 2px;font-size:11px;font-weight:800;display:flex}.sidebarGroupItems{gap:2px;margin-left:3px;display:grid}.sidebarGroupItems a{color:#cbd5e1;border-radius:10px;padding:8px 10px;font-size:13px}.sidebarGroupItems a.active,.sidebarGroupItems a:hover{color:#fff;background:#ffffff1a}.brand{gap:4px;line-height:1.05;display:grid}.brand small{color:#9aa8bd;letter-spacing:.02em;font-size:11px;font-weight:600}.content{max-width:1500px;padding:30px}.pagePanel{gap:20px;display:grid}.sectionHeaderRow{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:4px;display:flex}.sectionHeaderRow h2{letter-spacing:-.5px;margin:0 0 4px;font-size:24px}.sectionHeaderRow p{color:var(--muted);margin:0}.sectionHeaderActions{flex-wrap:wrap;gap:10px;display:flex}.primaryButton,.secondaryButton{border:1px solid var(--border);cursor:pointer;border-radius:999px;padding:10px 14px;font-weight:700}.primaryButton:disabled,.secondaryButton:disabled{opacity:.65;cursor:not-allowed}.primaryButton{background:var(--navy);color:#fff;border-color:var(--navy)}.secondaryButton{background:var(--surface);color:var(--text)}.adminGrid,.profileGrid,.settingsGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.adminCard,.profileCard,.settingsCard,.panelCard,.tableCard{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:20px}.adminCard{color:inherit;gap:14px;display:grid}.adminCardTop,.profileCardHeader,.importItem{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.adminCardTop h3,.profileCardHeader h3,.panelCard h3,.settingsCard h3{margin:0 0 8px;font-size:18px}.adminCard p,.profileSummary,.settingsCard p,.panelCard p,.importItem p,.importMeta span,.profileCardHeader p{color:var(--muted);margin:0}.adminCardBottom{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding-top:12px;display:flex}.adminCardBottom strong{color:var(--navy);font-size:24px}.adminCardBottom span{color:var(--muted);font-size:13px}.statusBadge{border-radius:999px;align-items:center;padding:6px 10px;font-size:12px;font-weight:800;display:inline-flex}.statusBadge.success{background:var(--green-soft);color:var(--green)}.statusBadge.warning{background:var(--warning-soft);color:var(--warning)}.statusBadge.danger{background:var(--danger-soft);color:var(--danger)}.statusBadge.neutral{color:var(--muted);background:#eef2f7}.filterBar{flex-wrap:wrap;gap:12px;margin-bottom:16px;display:flex}.filterBar input,.filterBar select{border:1px solid var(--border);background:var(--surface);border-radius:12px;min-width:180px;padding:10px 12px}.tableCard{overflow-x:auto}.tableCard table{border-collapse:collapse;width:100%}.tableCard th,.tableCard td{border-bottom:1px solid var(--border);text-align:left;padding:12px 10px}.tableCard th{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:12px}.rowActions{gap:8px;display:flex}.rowActions button{color:var(--green);cursor:pointer;background:0 0;border:0;padding:0;font-weight:700}.permissionPreview{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.permissionPreview span,.chip{border:1px solid var(--border);color:var(--muted);background:#f7f8fa;border-radius:999px;padding:6px 10px;font-size:12px}.formGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.formField{color:var(--text);gap:8px;font-weight:700;display:grid}.formField span{font-size:13px}.formField input,.formField select{border:1px solid var(--border);color:var(--text);background:#fff;border-radius:12px;padding:10px 12px}.checkboxField{align-content:start}.checkboxField input{width:18px;height:18px}.formNotice{border-radius:12px;padding:12px 14px;font-weight:700}.salesHero{color:#fff;background:linear-gradient(135deg,#071326f5,#10213ceb);border-radius:24px;gap:10px;padding:28px;display:grid}.salesHero h2{letter-spacing:-.6px;margin:0;font-size:30px}.salesHero p{color:#ffffffd1;max-width:720px;margin:0}.salesEyebrow{letter-spacing:.18em;text-transform:uppercase;color:#b4c4e5;font-size:12px;font-weight:800}.salesFilterBar{background:var(--surface);border:1px solid var(--border);border-radius:20px;gap:16px;padding:20px;display:grid}.salesFilterFields{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;display:grid}.salesFilterField{color:var(--muted);gap:6px;font-size:12px;font-weight:700;display:grid}.salesFilterField select{border:1px solid var(--border);color:var(--text);background:#f9fafb;border-radius:10px;padding:10px 12px}.salesFilterActions{flex-wrap:wrap;gap:10px;display:flex}.salesKpiGrid,.salesMainGrid,.salesSecondGrid,.salesThirdGrid{gap:16px;display:grid}.salesKpiGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.salesKpiCard{background:var(--surface);border:1px solid var(--border);border-radius:18px;gap:10px;padding:18px;display:grid}.salesKpiHeader,.salesCardHeader,.salesListMeta,.salesListFooter,.salesHourMeta,.salesTrendSummary,.salesModalHeader,.salesModalActions,.salesModalMeta{justify-content:space-between;align-items:center;gap:10px;display:flex}.salesKpiLabel{color:var(--muted);font-size:13px;font-weight:700}.salesKpiValue{letter-spacing:-.4px;font-size:24px}.salesKpiDescription{color:var(--muted);margin:0;font-size:13px}.salesKpiDelta{border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800;display:inline-flex}.salesKpiDelta.positive,.positiveText{background:var(--green-soft);color:var(--green)}.salesKpiDelta.negative,.negativeText{background:var(--danger-soft);color:var(--danger)}.salesKpiDelta.neutral{color:#4338ca;background:#eef2ff}.salesMainGrid{grid-template-columns:2fr 1fr}.salesSecondGrid,.salesThirdGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.salesTrendChart{padding:8px 0 12px}.salesTrendChart svg{width:100%;height:240px}.graphAxis{stroke:#d9dfeb;stroke-width:.5px}.graphPrevious{fill:none;stroke:#a7b3c8;stroke-width:2.2px;stroke-dasharray:3 2}.graphCurrent{fill:none;stroke:#10213c;stroke-width:3px}.salesTrendLegend,.salesTrendSummary{color:var(--muted);justify-content:space-between;gap:16px;font-size:13px;display:flex}.salesTrendLegend>div,.salesTrendSummary>div{align-items:center;gap:8px;display:flex}.dot{border-radius:50%;width:10px;height:10px;display:inline-block}.dot.previous{background:#a7b3c8}.dot.current{background:var(--navy)}.salesMetricToggle{flex-wrap:wrap;gap:8px;display:flex}.salesMetricToggle button{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:#f7f8fa;border-radius:999px;padding:8px 10px}.salesMetricToggle button.active{background:var(--navy);color:#fff;border-color:var(--navy)}.salesList{gap:14px;display:grid}.salesListItem{border-bottom:1px solid var(--border);gap:10px;padding:12px 0;display:grid}.salesListItem:last-child{border-bottom:0;padding-bottom:0}.salesListMeta{align-items:flex-start}.salesListMeta strong,.salesCardHeader h3,.salesModalHeader h3{margin:0 0 4px;font-size:18px;display:block}.salesListMeta span,.salesCardHeader p,.salesModalHeader p,.salesModalMeta p,.salesModalHint,.salesListFooter,.salesHourItem small{color:var(--muted);font-size:13px}.salesListNumbers{color:var(--navy);font-size:13px;font-weight:700}.salesBarTrack{background:#eef2f7;border-radius:999px;width:100%;height:8px}.salesBarFill{border-radius:inherit;background:linear-gradient(90deg,#10213c,#2c5ea3);height:100%}.salesBarFill.purple{background:linear-gradient(90deg,#7758e8,#8c7ef2)}.salesInsightsList{gap:12px;display:grid}.salesInsight{border:1px solid var(--border);border-radius:14px;gap:6px;padding:12px 14px;display:grid}.salesInsight.purple{background:#f6f1ff;border-color:#e1d6ff}.salesInsight.green{background:#f0faf4;border-color:#d4f3e0}.salesInsight.yellow{background:#fff8eb;border-color:#fce2b1}.salesInsightButton{margin-top:10px}.salesTableWrap{border:1px solid var(--border);border-radius:14px}.salesTable{border-collapse:collapse;width:100%}.salesTable th,.salesTable td{border-bottom:1px solid var(--border);text-align:left;padding:12px 14px;font-size:13px}.salesTable th{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-weight:800}.salesTable tr:last-child td{border-bottom:0}.salesHourItem{gap:8px;display:grid}.salesModalOverlay{z-index:1000;background:#0713268c;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.salesModal{background:var(--surface);border-radius:22px;gap:16px;width:min(620px,100%);padding:20px;display:grid}.salesDropzone{border:1px dashed var(--border);color:var(--muted);cursor:pointer;background:#f8fafc;border-radius:16px;place-items:center;gap:6px;padding:24px;display:grid}.salesDropzone input{display:none}.salesDownloadLink{color:var(--navy);font-weight:800}@media (max-width:1200px){.salesFilterFields{grid-template-columns:repeat(3,minmax(0,1fr))}.salesKpiGrid,.salesSecondGrid,.salesThirdGrid,.salesMainGrid{grid-template-columns:1fr}}@media (max-width:768px){.content{padding:18px}.salesFilterFields{grid-template-columns:1fr}.salesHero{padding:20px}.salesHero h2{font-size:24px}.salesCardHeader,.salesModalHeader,.salesTrendLegend,.salesTrendSummary,.salesModalMeta,.salesListMeta,.salesListFooter,.salesHourMeta{flex-direction:column;align-items:flex-start}}.formNotice.success{background:var(--green-soft);color:var(--green)}.formNotice.danger{background:var(--danger-soft);color:var(--danger)}.formActions{justify-content:flex-end;display:flex}.emptyState{border:1px dashed var(--border);background:var(--surface);border-radius:18px;gap:8px;padding:28px;display:grid}.emptyState h3{margin:0;font-size:18px}.emptyState p{color:var(--muted);margin:0}.importSections{grid-template-columns:1.6fr 1fr;gap:16px;display:grid}.importList{gap:12px;margin-top:12px;display:grid}.importMeta{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.chipList{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.settingsPlaceholder{background:linear-gradient(90deg,#f7f8fa 0%,#eef2f7 100%);border-radius:12px;min-height:62px;margin-top:14px}.profileInfo{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.logoutButton{border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:999px;padding:9px 12px;font-weight:700}.logoutButton:hover{background:var(--background)}.loginPage{background:linear-gradient(135deg,#f5f6f8 0%,#eef2f7 100%);place-items:center;min-height:100vh;padding:24px;display:grid}.loginCard{background:var(--surface);border:1px solid var(--border);border-radius:24px;width:min(100%,440px);padding:34px 30px;box-shadow:0 20px 45px #07132614}.loginBrand{align-items:center;gap:14px;margin-bottom:24px;display:flex}.loginBrandMark{background:var(--navy);color:#fff;border-radius:16px;place-items:center;width:50px;height:50px;font-size:18px;font-weight:900;display:grid}.loginBrand h1{letter-spacing:-.5px;margin:0 0 4px;font-size:24px}.loginBrand p{color:var(--muted);margin:0}.loginForm{gap:16px;display:grid}.loginForm label{color:var(--text);gap:8px;font-weight:700;display:grid}.loginForm input{border:1px solid var(--border);background:#f9fafb;border-radius:12px;width:100%;padding:13px 14px}.loginForm input:focus{border-color:var(--purple);outline:2px solid #7758e833}.loginForm button{background:var(--navy);color:#fff;cursor:pointer;border:0;border-radius:12px;padding:13px 16px;font-weight:800}.loginForm button:disabled{opacity:.7;cursor:wait}.loginError{background:var(--danger-soft);color:var(--danger);border-radius:12px;padding:12px 14px;font-size:14px}.welcome{background:var(--surface);border:1px solid var(--border);border-radius:20px;justify-content:space-between;gap:30px;padding:28px 30px;display:flex}.date,.sectionLabel{color:var(--green);letter-spacing:.07em;text-transform:uppercase;font-size:11px;font-weight:900}.welcome h2{letter-spacing:-1px;margin:8px 0;font-size:32px}.welcome p{color:var(--muted);margin:0}.health{border-left:1px solid var(--border);flex-direction:column;justify-content:center;min-width:180px;padding-left:28px;display:flex}.health span,.health small{color:var(--muted);font-size:12px}.health strong{color:var(--green);margin:4px 0;font-size:34px}.metrics{grid-template-columns:repeat(4,1fr);gap:16px;margin-top:18px;display:grid}.metricCard,.panel,.advisor,.moduleCard{background:var(--surface);border:1px solid var(--border)}.metricCard{border-radius:17px;padding:20px}.metricCard span,.metricCard small{color:var(--muted);font-size:12px;display:block}.metricCard strong{margin:8px 0 5px;font-size:28px;display:block}.dashboardGrid{grid-template-columns:minmax(0,1.7fr) minmax(320px,.8fr);gap:18px;margin-top:18px;display:grid}.panel,.advisor{border-radius:20px;padding:23px}.panelHeader,.sectionHeader{justify-content:space-between;align-items:center;display:flex}.panelHeader h3,.sectionHeader h3{margin:5px 0 0;font-size:20px}.panelHeader button{color:var(--green);cursor:pointer;background:0 0;border:0;font-weight:800}.alertList{gap:10px;margin-top:18px;display:grid}.alert{border-radius:14px;grid-template-columns:38px 1fr auto;align-items:center;gap:13px;padding:15px;display:grid}.alert.warning{background:var(--warning-soft)}.alert.danger{background:var(--danger-soft)}.alert.neutral{background:#f4f5f7}.alertIcon{background:#fff;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:900;display:grid}.alert strong{font-size:14px}.alert p{color:var(--muted);margin:4px 0 0;font-size:12px}.alert>span{color:var(--muted);font-size:11px;font-weight:800}.advisor{color:#fff;background:linear-gradient(145deg,#121c33,#0a1122);border:0}.advisorTitle{align-items:center;gap:12px;display:flex}.advisorMark{background:var(--purple);border-radius:14px;place-items:center;width:43px;height:43px;font-weight:900;display:grid}.advisorTitle span,.advisorTitle strong{display:block}.advisorTitle span{color:#aab5c7;font-size:11px}.advisorIntro{color:#c7cfdb;margin:24px 0;line-height:1.5}.recommendation{background:#ffffff14;border-radius:15px;padding:17px}.recommendation span{color:#aab5c7;letter-spacing:.06em;text-transform:uppercase;font-size:10px;font-weight:900}.recommendation strong{margin:8px 0;line-height:1.35;display:block}.recommendation p{color:#bdc6d4;margin:0;font-size:13px;line-height:1.5}.advisorButton{color:#fff;background:var(--purple);cursor:pointer;border:0;border-radius:12px;width:100%;margin-top:15px;padding:12px;font-weight:800}.modulesSection{margin-top:28px}.moduleGrid{grid-template-columns:repeat(5,1fr);gap:13px;margin-top:15px;display:grid}.moduleCard{cursor:pointer;border-radius:17px;min-height:145px;padding:18px;transition:all .2s;position:relative}.moduleCard:hover{border-color:#c7ccd6;transform:translateY(-2px);box-shadow:0 8px 26px #141e3212}.moduleCode{background:var(--green-soft);width:38px;height:38px;color:var(--green);border-radius:11px;place-items:center;margin-bottom:18px;font-size:12px;font-weight:900;display:grid}.moduleCard strong{font-size:15px;display:block}.moduleCard p{color:var(--muted);margin:6px 0 0;font-size:12px;line-height:1.4}.arrow{color:#a5adba;position:absolute;top:18px;right:18px}.modulePlaceholderShell{justify-content:center;display:flex}.modulePlaceholderCard{background:var(--surface);border:1px solid var(--border);border-radius:24px;width:min(100%,760px);padding:30px;box-shadow:0 18px 45px #0713260f}.modulePlaceholderCard h2{letter-spacing:-.7px;margin:8px 0 6px;font-size:28px}.modulePlaceholderCard p{color:var(--muted);margin:0}.placeholderPanel{border:1px solid var(--border);background:#f8fafc;border-radius:16px;margin-top:24px;padding:20px}.placeholderPanel strong{margin-bottom:6px;display:block}.placeholderPanel p{color:var(--muted);line-height:1.5}@media (max-width:1100px){.metrics{grid-template-columns:repeat(2,1fr)}.dashboardGrid{grid-template-columns:1fr}.moduleGrid{grid-template-columns:repeat(3,1fr)}.adminGrid,.profileGrid,.settingsGrid,.importSections{grid-template-columns:1fr}}@media (max-width:760px){.formGrid,.appShell{grid-template-columns:1fr}.sidebar{height:auto;position:static}.menu{grid-template-columns:repeat(2,1fr)}.topbar,.welcome{align-items:flex-start}.profile{display:none}.content{padding:18px}.welcome{flex-direction:column}.health{border-left:0;border-top:1px solid var(--border);width:100%;padding:18px 0 0}.metrics,.moduleGrid{grid-template-columns:1fr}.sectionHeaderRow{flex-direction:column}.alert{grid-template-columns:38px 1fr}.alert>span{display:none}}.salesExecutivePage{flex-direction:column;gap:28px;padding-bottom:32px;display:flex}.salesExecutiveHero{color:#fff;background:radial-gradient(circle at 90% 10%,#594ef521,#0000 30%),linear-gradient(135deg,#07152c 0%,#10213e 62%,#1a2c4b 100%);border:1px solid #dfe5ec;border-radius:24px;padding:34px 36px;position:relative;overflow:hidden;box-shadow:0 18px 46px #09183124}.salesExecutiveHeroContent{z-index:1;max-width:900px;position:relative}.salesHeroTopline{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:30px;display:flex}.salesDataBadge{color:#d9e5ff;letter-spacing:.02em;background:#ffffff1a;border:1px solid #ffffff29;border-radius:999px;align-items:center;min-height:32px;padding:7px 12px;font-size:12px;font-weight:700;display:inline-flex}.salesDataSource{color:#b6c3d8;font-size:12px}.salesExecutiveHero .salesEyebrow{color:#9db8ff;letter-spacing:.16em;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:800}.salesExecutiveHero h2{color:#fff;letter-spacing:-.04em;max-width:760px;margin:0;font-size:clamp(30px,4vw,50px);font-weight:750;line-height:1.04}.salesHeroDescription{color:#ccd6e6;max-width:760px;margin:18px 0 0;font-size:16px;line-height:1.65}.salesExecutiveSection{flex-direction:column;gap:18px;display:flex}.salesSectionHeading{justify-content:space-between;align-items:flex-end;gap:24px;padding:0 4px;display:flex}.salesSectionHeading>div{min-width:0}.salesSectionHeading>p{color:#68758a;text-align:right;max-width:440px;margin:0;font-size:13px;line-height:1.5}.salesSectionNumber{color:#6f7c91;letter-spacing:.15em;margin-bottom:6px;font-size:11px;font-weight:800;display:inline-block}.salesSectionEyebrow{color:#52627b;letter-spacing:.12em;text-transform:uppercase;margin:0 0 5px;font-size:11px;font-weight:800}.salesSectionHeading h3{color:#09172f;letter-spacing:-.025em;margin:0;font-size:24px;line-height:1.15}.salesExecutivePage .salesKpiGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.salesExecutivePage .panelCard,.salesExecutivePage .salesKpiCard{background:#fff;border:1px solid #e1e6ed;border-radius:20px;box-shadow:0 8px 28px #0f23410e}.salesExecutivePage .salesKpiCard{min-height:150px;padding:22px;transition:transform .16s,box-shadow .16s}.salesExecutivePage .salesKpiCard:hover{transform:translateY(-2px);box-shadow:0 14px 34px #0f234117}.salesExecutivePage .salesMainGrid{grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr);gap:18px;display:grid}.salesExecutiveInsightsGrid{align-items:stretch}.salesDataAvailabilityCard{height:100%;padding:24px}.salesExecutivePage .salesCardHeader{margin-bottom:18px}.salesExecutivePage .salesCardHeader h3{color:#0a1730;letter-spacing:-.02em;margin:0 0 6px;font-size:20px}.salesExecutivePage .salesCardHeader p{color:#69778b;margin:0;font-size:13px;line-height:1.55}.salesExecutivePage .salesInsightsList{flex-direction:column;gap:10px;display:flex}.salesExecutivePage .salesInsight{background:#f8fafc;border:1px solid #e5e9ef;border-radius:14px;padding:16px}.salesExecutivePage .salesInsight strong{color:#101d33;margin-bottom:5px;font-size:14px;display:block}.salesExecutivePage .salesInsight p{color:#6a7688;margin:0;font-size:13px;line-height:1.48}.salesExecutivePage .salesInsight.yellow{background:#fff9ea;border-color:#f5e7b9}.salesExecutivePage .salesInsight.purple{background:#f7f3ff;border-color:#e5dafa}.salesExecutivePage .salesInsight.green{background:#eefaf5;border-color:#d1eee0}.salesQualitySection .panelCard{padding:24px}.salesQualitySummary{grid-template-columns:minmax(260px,1.3fr) repeat(3,minmax(160px,1fr));align-items:center;gap:14px;display:grid}.salesQualityStatus{align-items:center;gap:12px;min-width:0;display:flex}.salesQualityStatus>div{flex-direction:column;gap:3px;display:flex}.salesQualityStatus strong{color:#0c1a31;font-size:15px}.salesQualityStatus span{color:#6c788a;font-size:12px}.salesQualityDot{border-radius:50%;flex:none;width:11px;height:11px}.salesQualityDot.success{background:#1aa56f;box-shadow:0 0 0 6px #1aa56f1c}.salesQualityDot.warning{background:#e9a223;box-shadow:0 0 0 6px #e9a2231f}.salesQualityMetric{border-left:1px solid #e6eaf0;flex-direction:column;justify-content:center;min-height:72px;padding:12px 16px;display:flex}.salesQualityMetric span{color:#718095;text-transform:uppercase;margin-bottom:4px;font-size:11px;font-weight:700}.salesQualityMetric strong{color:#0a1730;font-size:18px}.salesQualityMetric small{color:#7a8698;margin-top:3px}.salesExecutiveFooter{color:#6e7a8c;border-top:1px solid #e1e6ed;justify-content:space-between;align-items:center;gap:20px;padding:22px 4px 2px;font-size:12px;display:flex}.salesExecutiveFooter>div{align-items:center;gap:10px;display:flex}.salesExecutiveFooter strong{color:#0a1730}.salesExecutivePage .salesSecondGrid,.salesExecutivePage .salesThirdGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.salesExecutivePage table{border-collapse:collapse;width:100%}.salesExecutivePage th{color:#66758b;letter-spacing:.05em;text-align:left;text-transform:uppercase;font-size:11px;font-weight:800}.salesExecutivePage td{color:#18253a;font-size:13px}.salesExecutivePage th,.salesExecutivePage td{border-bottom:1px solid #edf0f4;padding:13px 10px}.salesExecutivePage tbody tr:last-child td{border-bottom:0}.salesExecutivePage tbody tr:hover{background:#f8fafc}@media (max-width:1180px){.salesExecutivePage .salesKpiGrid,.salesQualitySummary{grid-template-columns:repeat(2,minmax(0,1fr))}.salesQualityMetric{border-top:1px solid #e6eaf0;border-left:0}}@media (max-width:900px){.salesExecutiveHero{padding:28px 24px}.salesSectionHeading{flex-direction:column;align-items:flex-start;gap:8px}.salesSectionHeading>p{text-align:left;max-width:none}.salesExecutivePage .salesMainGrid,.salesExecutivePage .salesSecondGrid,.salesExecutivePage .salesThirdGrid{grid-template-columns:1fr}.salesHeroTopline{flex-direction:column;align-items:flex-start;margin-bottom:22px}}@media (max-width:640px){.salesExecutivePage{gap:22px}.salesExecutiveHero{border-radius:18px;padding:24px 20px}.salesExecutiveHero h2{font-size:32px}.salesExecutivePage .salesKpiGrid,.salesQualitySummary{grid-template-columns:1fr}.salesExecutivePage .salesKpiCard{min-height:auto}.salesQualityMetric{padding-left:0;padding-right:0}.salesExecutiveFooter,.salesExecutiveFooter>div{flex-direction:column;align-items:flex-start}}.salesPanelFooter{border-top:1px solid #edf0f4;justify-content:center;padding:18px 0 2px;display:flex}.salesPanelFooter{border-top:1px solid #edf0f4;justify-content:space-between;align-items:center;gap:16px;padding:18px 4px 2px;display:flex}.salesPanelFooterText{color:#7a8799;font-size:12px}.salesShowMoreButton{color:#0b1b34;cursor:pointer;background:#fff;border:1px solid #dbe2ea;border-radius:999px;padding:10px 18px;font-size:13px;font-weight:700;transition:background .16s,border-color .16s,transform .16s}.salesShowMoreButton:hover{background:#f6f8fb;border-color:#b9c5d4;transform:translateY(-1px)}@media (max-width:640px){.salesPanelFooter{flex-direction:column;align-items:flex-start}}.salesConsumptionPanel{padding:24px}.salesEstimateBadge{color:#6752c9;letter-spacing:.04em;text-transform:uppercase;background:#f6f3ff;border:1px solid #ddd5fb;border-radius:999px;align-items:center;padding:7px 11px;font-size:11px;font-weight:800;display:inline-flex}.salesConsumptionGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.salesConsumptionCard{background:#fbfcfe;border:1px solid #e4e9ef;border-radius:17px;padding:20px}.salesConsumptionHeader{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.salesConsumptionHeader>div{flex-direction:column;gap:5px;display:flex}.salesConsumptionLabel{color:#5d6b80;letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:800}.salesConsumptionValue{color:#0a1830;letter-spacing:-.04em;font-size:34px;line-height:1}.salesConsumptionQuantity{color:#79869a;white-space:nowrap;font-size:12px}.salesConsumptionProgress{background:#e8edf3;border-radius:999px;height:8px;margin:18px 0 14px;overflow:hidden}.salesConsumptionProgress span{border-radius:inherit;background:linear-gradient(90deg,#5b53d7,#8277ef);height:100%;display:block}.salesConsumptionDescription{color:#647187;min-height:42px;margin:0;font-size:13px;line-height:1.55}.salesConsumptionDescription strong{color:#17253b}.salesConsumptionRevenue{border-top:1px solid #e6eaf0;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;padding-top:14px;display:flex}.salesConsumptionRevenue span{color:#7a8799;text-transform:uppercase;font-size:11px;font-weight:700}.salesConsumptionRevenue strong{color:#17243a;font-size:14px}.salesConsumptionNote{color:#7b8798;border-top:1px solid #e7ebf0;margin:18px 0 0;padding-top:16px;font-size:11px;line-height:1.55}.salesEmptyState{color:#718095;text-align:center;border:1px dashed #d8dfe8;border-radius:14px;padding:28px;font-size:13px}@media (max-width:1000px){.salesConsumptionGrid{grid-template-columns:1fr}}.salesFunctionalFilters{padding:22px}.salesFunctionalFiltersGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.salesFunctionalFiltersGrid label{flex-direction:column;gap:7px;display:flex}.salesFunctionalFiltersGrid label>span{color:#637187;letter-spacing:.05em;text-transform:uppercase;font-size:11px;font-weight:800}.salesFunctionalFiltersGrid select{color:#122039;background:#fff;border:1px solid #dfe5ec;border-radius:12px;outline:none;width:100%;min-height:44px;padding:0 13px;font-size:13px}.salesFunctionalFiltersGrid select:focus{border-color:#7066de;box-shadow:0 0 0 3px #7066de1a}.salesFunctionalFiltersGrid select:disabled{color:#8a95a5;cursor:not-allowed;background:#f5f7fa}.salesFunctionalFiltersFooter{border-top:1px solid #e9edf2;justify-content:space-between;align-items:center;gap:18px;margin-top:18px;padding-top:16px;display:flex}.salesActiveFilterBadge{color:#147c59;text-transform:uppercase;background:#eef9f4;border-radius:999px;padding:7px 11px;font-size:11px;font-weight:800;display:inline-flex}.salesInactiveFilterText{color:#7b8798;font-size:12px}.salesClearFiltersButton{color:#14223a;cursor:pointer;background:#fff;border:1px solid #dce3eb;border-radius:999px;padding:9px 16px;font-size:12px;font-weight:750}.salesClearFiltersButton:disabled{opacity:.45;cursor:not-allowed}@media (max-width:1000px){.salesFunctionalFiltersGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.salesFunctionalFiltersGrid{grid-template-columns:1fr}.salesFunctionalFiltersFooter{flex-direction:column;align-items:flex-start}}.salesMultiSelect{min-width:0;position:relative}.salesMultiSelectLabel{color:#637187;letter-spacing:.05em;text-transform:uppercase;margin-bottom:7px;font-size:11px;font-weight:800;display:block}.salesMultiSelectButton{color:#122039;text-align:left;cursor:pointer;background:#fff;border:1px solid #dfe5ec;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;width:100%;min-height:44px;padding:0 13px;font-size:13px;display:flex}.salesMultiSelectButton:hover{border-color:#b9c4d2}.salesMultiSelect.disabled .salesMultiSelectButton{color:#8a95a5;cursor:not-allowed;background:#f5f7fa}.salesMultiSelectChevron{color:#7d899a;font-size:9px}.salesMultiSelectMenu{z-index:60;background:#fff;border:1px solid #dce3eb;border-radius:14px;width:min(340px,90vw);position:absolute;top:calc(100% + 7px);left:0;overflow:hidden;box-shadow:0 18px 44px #0e1f3929}.salesMultiSelectActions{background:#f8fafc;border-bottom:1px solid #e8ecf1;justify-content:space-between;gap:10px;padding:11px 12px;display:flex}.salesMultiSelectActions button{color:#5546c8;cursor:pointer;background:0 0;border:0;padding:5px 0;font-size:11px;font-weight:800}.salesMultiSelectActions button:disabled{color:#aeb6c2;cursor:not-allowed}.salesMultiSelectOptions{max-height:280px;padding:8px;overflow-y:auto}.salesMultiSelectOption{color:#26354b;cursor:pointer;border-radius:9px;align-items:center;gap:10px;padding:9px 8px;font-size:13px;display:flex}.salesMultiSelectOption:hover{background:#f5f7fb}.salesMultiSelectOption input{accent-color:#6257d6;width:16px;height:16px}.salesMultiSelectEmpty{color:#7c899b;text-align:center;margin:0;padding:18px 10px;font-size:12px}@media (max-width:640px){.salesMultiSelectMenu{width:100%}}.appShell{grid-template-columns:300px minmax(0,1fr);width:100%;min-height:100vh;display:grid;position:relative;overflow-x:hidden}.mainContent{width:100%;min-width:0;min-height:100vh}.sidebar{z-index:100;background:var(--navy);color:#fff;width:300px;height:100vh;padding:24px 18px;transition:transform .22s,box-shadow .22s;position:sticky;top:0;overflow:hidden auto}.sidebarMain{min-width:0}.sidebarMobileHeader,.sidebarMobileProfile,.sidebarMobileLogout,.mobileMenuButton,.sidebarOverlay{display:none}.brandDesktop{display:grid}.brandMobile{display:none}.workspaceText{min-width:0}.workspaceText strong,.workspaceText small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.menu{grid-template-columns:1fr;gap:5px;width:100%;display:grid}.menu>a,.sidebarGroupItems a{align-items:center;width:100%;min-height:42px;display:flex}.sidebarGroup{width:100%}.sidebarGroupToggle{min-height:40px}.sidebarGroupItems{grid-template-columns:1fr}.topbar{z-index:50;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff5;width:100%;min-height:86px;padding:16px 30px;position:sticky;top:0}.topbarMain{align-items:center;gap:14px;min-width:0;display:flex}.topbarTitle{min-width:0}.topbarTitle h1{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.topbarActions{flex:none;align-items:center;gap:10px;display:flex}.notificationButton{border:1px solid var(--border);background:var(--surface);width:40px;height:40px;color:var(--navy);cursor:pointer;border-radius:50%;place-items:center;font-size:13px;font-weight:900;display:grid}.notificationButton:hover{background:var(--background)}.logoutButton:disabled,.sidebarMobileLogout:disabled{opacity:.65;cursor:wait}.content{width:100%;max-width:1500px;margin:0 auto;padding:30px}@media (max-width:900px){.appShell{width:100%;min-height:100vh;display:block}.mainContent{width:100%;min-height:100vh}.sidebar{z-index:1000;width:min(86vw,330px);max-width:330px;height:100dvh;box-shadow:none;overscroll-behavior:contain;padding:18px;position:fixed;inset:0 auto 0 0;transform:translate(-105%)}.sidebar.sidebarOpen{transform:translate(0);box-shadow:24px 0 60px #00000047}.sidebarOverlay{z-index:900;opacity:0;visibility:hidden;pointer-events:none;background:#030a1894;border:0;width:100%;height:100%;padding:0;transition:opacity .22s,visibility .22s;display:block;position:fixed;inset:0}.sidebarOverlay.sidebarOverlayVisible{opacity:1;visibility:visible;pointer-events:auto}.sidebarMobileHeader{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:8px;display:flex}.brandDesktop{display:none}.brandMobile{min-width:0;padding:4px 4px 16px;display:grid}.sidebarCloseButton{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff24;border-radius:12px;flex:none;place-items:center;width:40px;height:40px;font-size:27px;line-height:1;display:grid}.sidebarCloseButton:hover{background:#ffffff24}.sidebarMobileProfile{border-top:1px solid #ffffff1f;align-items:center;gap:11px;min-width:0;margin-top:18px;padding:15px 4px 12px;display:flex}.sidebarMobileProfileInfo{min-width:0}.sidebarMobileProfileInfo strong,.sidebarMobileProfileInfo small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.sidebarMobileProfileInfo strong{font-size:13px}.sidebarMobileProfileInfo small{color:#9aa8bd;margin-top:3px;font-size:11px}.sidebarMobileLogout{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff24;border-radius:11px;width:100%;min-height:42px;margin-top:4px;font-weight:800;display:block}.sidebarMobileLogout:hover{background:#ffffff24}.topbar{min-height:74px;padding:12px 18px}.mobileMenuButton{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:12px;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:5px;width:42px;height:42px;display:flex}.mobileMenuButton span{background:var(--navy);border-radius:999px;width:18px;height:2px;display:block}.profile{display:none}.notificationButton{width:40px;height:40px}.breadcrumb{text-overflow:ellipsis;white-space:nowrap;max-width:min(48vw,340px);display:block;overflow:hidden}.topbar h1{max-width:min(52vw,420px);margin-top:3px;font-size:22px}.content{max-width:none;padding:22px}.menu,.sidebarGroupItems{grid-template-columns:1fr}}@media (max-width:640px){.topbar{min-height:68px;padding:10px 12px}.topbarMain{gap:10px}.mobileMenuButton{width:40px;height:40px}.notificationButton{display:none}.breadcrumb{max-width:calc(100vw - 100px);font-size:9px}.topbar h1{letter-spacing:-.35px;max-width:calc(100vw - 100px);font-size:19px}.content{padding:16px 12px 24px}.sidebar{width:min(90vw,320px);padding:16px}.workspace{padding-left:6px;padding-right:6px}.welcome{border-radius:17px;padding:21px 18px}.welcome h2{font-size:26px}.metricCard,.panel,.advisor,.adminCard,.profileCard,.settingsCard,.panelCard,.tableCard{border-radius:16px;padding:17px}.sectionHeaderRow h2{font-size:21px}.sectionHeaderActions,.salesFilterActions,.formActions{width:100%}.sectionHeaderActions .primaryButton,.sectionHeaderActions .secondaryButton,.salesFilterActions .primaryButton,.salesFilterActions .secondaryButton{flex:auto}.filterBar input,.filterBar select{width:100%;min-width:0}.tableCard,.salesTableWrap{-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto}.tableCard table,.salesTable{min-width:680px}.salesExecutiveHero h2{font-size:clamp(27px,9vw,34px)}}@media (prefers-reduced-motion:reduce){.sidebar,.sidebarOverlay,.moduleCard,.salesKpiCard,.salesShowMoreButton{transition:none}}.executiveDashboard{gap:22px;padding-bottom:28px;display:grid}.executiveHero{background:linear-gradient(135deg,#fff 0%,#f5f8fb 100%);border:1px solid #dde4ec;border-radius:24px;justify-content:space-between;align-items:flex-start;gap:24px;padding:30px 34px;display:flex}.executiveHero>div:first-child>span,.executivePanelHeader>div>span{color:#0a6b4e;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:800;display:block}.executiveHero h2{color:#071426;letter-spacing:-.04em;margin:0;font-size:clamp(28px,4vw,44px)}.executiveHero p{color:#667085;max-width:720px;margin:12px 0 0;font-size:16px;line-height:1.55}.executiveStatus{white-space:nowrap;color:#0a6b4e;align-items:center;gap:9px;font-size:13px;font-weight:800;display:inline-flex}.executiveStatus i{background:#18a875;border-radius:999px;width:10px;height:10px;box-shadow:0 0 0 5px #18a8751f}.executiveFilterBar{background:#fff;border:1px solid #dde4ec;border-radius:18px;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:18px;display:grid}.executiveFilterBar label{gap:7px;display:grid}.executiveFilterBar label>span{color:#667085;text-transform:uppercase;font-size:12px;font-weight:800}.executiveFilterBar select{color:#071426;width:100%;min-height:46px;font:inherit;background:#f8fafc;border:1px solid #d6dee8;border-radius:12px;padding:0 14px;font-weight:700}.executiveMetricGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.executiveMetricCard,.executivePanel{background:#fff;border:1px solid #dde4ec;border-radius:20px;box-shadow:0 12px 30px #0714260a}.executiveMetricCard{padding:22px}.executiveMetricCard>span{color:#667085;font-size:13px;font-weight:700}.executiveMetricCard>strong{color:#071426;letter-spacing:-.04em;margin:11px 0 16px;font-size:clamp(24px,2.5vw,34px);display:block}.executiveMetricCard>div{align-items:center;gap:8px;display:flex}.executiveMetricCard b{border-radius:999px;padding:5px 8px;font-size:12px}.executiveMetricCard b.isPositive{color:#087a56;background:#e9f8f2}.executiveMetricCard b.isNegative{color:#c23b3b;background:#fff0f0}.executiveMetricCard small{color:#8a94a6;font-size:11px}.executiveTwoColumns{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.executivePanel{min-width:0;padding:24px}.executivePanelHeader{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px;display:flex}.executivePanelHeader h3{color:#071426;letter-spacing:-.025em;margin:0;font-size:20px}.executiveLegend{color:#667085;gap:13px;font-size:12px;display:flex}.executiveLegend span{align-items:center;gap:6px;display:inline-flex}.executiveLegend i{border-radius:3px;width:10px;height:10px}.executiveLegend i.year2025,.executiveMonthBars i.year2025{background:#b8c3d1}.executiveLegend i.year2026,.executiveMonthBars i.year2026{background:#0a6b4e}.executiveMonthlyChart{border-bottom:1px solid #d9e0e8;grid-template-columns:repeat(6,minmax(42px,1fr));align-items:end;gap:14px;min-height:290px;padding-top:16px;display:grid}.executiveMonthGroup{align-items:end;gap:10px;height:100%;display:grid}.executiveMonthBars{justify-content:center;align-items:flex-end;gap:7px;height:245px;display:flex}.executiveMonthBars i{border-radius:7px 7px 2px 2px;width:min(28px,40%);min-height:3px;display:block}.executiveMonthGroup>span{text-align:center;color:#667085;padding-bottom:9px;font-size:12px;font-weight:700}.executiveEnvironmentList,.executiveRankingList,.executiveInsightList{gap:15px;display:grid}.executiveEnvironmentList>div>div:first-child{justify-content:space-between;gap:12px;margin-bottom:7px;display:flex}.executiveEnvironmentList strong,.executiveRankingContent strong,.executiveInsightList strong{color:#071426;font-size:13px}.executiveEnvironmentList span,.executiveRankingContent span{color:#667085;font-size:12px;font-weight:700}.executiveEnvironmentTrack,.executiveRankingTrack{background:#edf1f5;border-radius:999px;height:7px;overflow:hidden}.executiveEnvironmentTrack i,.executiveRankingTrack i{border-radius:inherit;background:linear-gradient(90deg,#0a6b4e,#17a578);height:100%;display:block}.executiveRankingRow{align-items:center;gap:13px;display:flex}.executiveRankingPosition{color:#9aa4b2;width:28px;font-size:11px;font-weight:800}.executiveRankingContent{flex:1;min-width:0}.executiveRankingContent>div:first-child{justify-content:space-between;gap:12px;margin-bottom:7px;display:flex}.executiveRankingContent strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.executiveInsightList>div{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;gap:14px;padding:15px;display:flex}.executiveInsightList>div>i{color:#087a56;background:#e9f8f2;border-radius:999px;flex:none;place-items:center;width:30px;height:30px;font-style:normal;font-weight:900;display:grid}.executiveInsightList p{color:#667085;margin:5px 0 0;font-size:13px;line-height:1.45}.executiveFooter{color:#fff;background:#071426;border-radius:18px;justify-content:space-between;gap:20px;padding:20px 24px;display:flex}.executiveFooter>div{gap:4px;display:grid}.executiveFooter span{color:#b9c4d3;font-size:12px}@media (max-width:1100px){.executiveMetricGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.executiveTwoColumns{grid-template-columns:1fr}}@media (max-width:720px){.executiveHero{padding:24px;display:grid}.executiveFilterBar,.executiveMetricGrid{grid-template-columns:1fr}.executivePanel{padding:19px}.executiveMonthlyChart{gap:7px}.executiveMonthBars{gap:3px}.executiveFooter{display:grid}}.multiSelect{gap:7px;min-width:0;display:grid;position:relative}.multiSelectLabel{color:#667085;letter-spacing:.03em;text-transform:uppercase;font-size:12px;font-weight:800}.multiSelectTrigger{color:#071426;width:100%;min-height:46px;font:inherit;text-align:left;cursor:pointer;background:#f8fafc;border:1px solid #d6dee8;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:0 14px;font-weight:700;display:flex}.multiSelectTrigger:disabled{cursor:not-allowed;opacity:.55}.multiSelectTrigger>span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.multiSelectIndicator{color:#087a56;background:#e9f8f2;border-radius:999px;flex:none;place-items:center;min-width:24px;height:24px;padding:0 6px;font-size:11px;font-weight:900;display:grid}.multiSelectMenu{z-index:200;background:#fff;border:1px solid #d6dee8;border-radius:14px;width:max(100%,300px);padding:12px;position:absolute;top:calc(100% + 8px);left:0;overflow:hidden;box-shadow:0 20px 55px #07142633}.multiSelectSearch{color:#071426;width:100%;min-height:40px;font:inherit;background:#fff;border:1px solid #d6dee8;border-radius:9px;padding:0 11px}.multiSelectActions{justify-content:space-between;gap:10px;margin:10px 0;display:flex}.multiSelectActions button{color:#087a56;cursor:pointer;background:0 0;border:0;font-size:11px;font-weight:800}.multiSelectActions button:disabled{cursor:not-allowed;opacity:.45}.multiSelectOptions{gap:4px;max-height:260px;display:grid;overflow-y:auto}.multiSelectOption{color:#344054;cursor:pointer;border-radius:8px;align-items:center;gap:9px;padding:8px;font-size:13px;display:flex}.multiSelectOption:hover{background:#f5f8fb}.multiSelectOption input{accent-color:#087a56;width:16px;height:16px}.multiSelectEmpty{color:#8a94a6;text-align:center;padding:18px 8px;font-size:12px}.multiSelectFooter{border-top:1px solid #edf1f5;justify-content:space-between;align-items:center;gap:12px;margin-top:10px;padding-top:10px;display:flex}.multiSelectFooter span{color:#8a94a6;font-size:11px}.multiSelectFooter button{color:#fff;cursor:pointer;background:#071426;border:0;border-radius:9px;min-height:34px;padding:0 14px;font-size:12px;font-weight:800}@media (max-width:640px){.multiSelectMenu{width:100%}}.executiveAdvancedFilterBar{z-index:30;background:#fff;border:1px solid #dde4ec;border-radius:18px;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:18px;display:grid;position:relative}.executiveActiveFiltersBar{background:#fff;border:1px solid #dde4ec;border-radius:16px;align-items:center;gap:14px;min-height:58px;padding:12px 16px;display:flex}.executiveActiveFiltersHeading{flex:none;gap:3px;min-width:130px;display:grid}.executiveActiveFiltersHeading strong{color:#071426;font-size:12px}.executiveActiveFiltersHeading span,.executiveNoFilters{color:#8a94a6;font-size:11px}.executiveFilterChips{flex-wrap:wrap;flex:1;align-items:center;gap:7px;display:flex}.executiveFilterChip{color:#087a56;cursor:pointer;background:#e9f8f2;border:0;border-radius:999px;align-items:center;gap:7px;min-height:30px;padding:0 10px;font-size:11px;font-weight:800;display:inline-flex}.executiveFilterChip b{font-size:14px;line-height:1}.executiveClearFilters{color:#fff;cursor:pointer;background:#071426;border:0;border-radius:9px;flex:none;min-height:34px;padding:0 13px;font-size:11px;font-weight:800}.executiveMetricCard.isUnavailable{background:#f8fafc}.executiveMetricCard b.isNeutral{color:#667085;background:#eef2f6}.executivePenetrationTable{overflow-x:auto}.executivePenetrationHeader,.executivePenetrationRow{grid-template-columns:minmax(190px,1.55fr) 130px 100px 120px 95px 95px;align-items:center;gap:12px;min-width:830px;display:grid}.executivePenetrationHeader{color:#8a94a6;text-transform:uppercase;padding:0 10px 10px;font-size:11px;font-weight:800}.executivePenetrationHeader span:not(:first-child){text-align:right}.executivePenetrationRow{color:#071426;text-align:left;cursor:pointer;background:0 0;border:0;border-top:1px solid #edf1f5;width:100%;padding:11px 10px}.executivePenetrationRow:hover{background:#f5faf8}.executivePenetrationRow strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.executivePenetrationRow span{text-align:right;color:#0a6b4e;font-size:12px;font-weight:800}.executiveEmptyState{color:#8a94a6;text-align:center;padding:24px 12px;font-size:12px}.executiveContextSummary{gap:12px;display:grid}.executiveContextSummary>div{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;gap:16px;padding:14px;display:flex}.executiveContextSummary span{color:#667085;font-size:12px}.executiveContextSummary strong{color:#071426;text-align:right;font-size:13px}@media (max-width:960px){.executiveAdvancedFilterBar{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.executiveAdvancedFilterBar{grid-template-columns:1fr}.executiveActiveFiltersBar{flex-direction:column;align-items:flex-start}.executiveActiveFiltersHeading{min-width:0}.executiveClearFilters{width:100%}}.executivePanelHeaderWithSearch{align-items:flex-end;gap:18px}.executiveInlineSearch{color:#071426;width:min(220px,100%);min-height:38px;font:inherit;background:#fff;border:1px solid #d6dee8;border-radius:9px;padding:0 11px;font-size:12px}.executiveInlineSearch:focus{border-color:#087a56;outline:3px solid #087a561a}.executiveTableToolbar{justify-content:flex-end;margin:-2px 0 12px;display:flex}.executiveShowMoreButton{color:#087a56;cursor:pointer;background:#f8fafc;border:1px solid #d6dee8;border-radius:10px;width:100%;min-height:42px;margin-top:12px;font-size:12px;font-weight:900;transition:background .16s,border-color .16s,transform .16s;display:block}.executiveShowMoreButton:hover{background:#edf9f5;border-color:#9ccfbd;transform:translateY(-1px)}.executivePenetrationRow strong,.executiveRankingContent strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.executivePenetrationTable{overflow:hidden}@media (max-width:760px){.executivePanelHeaderWithSearch{flex-direction:column;align-items:stretch}.executiveInlineSearch{width:100%}.executiveTableToolbar{justify-content:stretch}}.executivePenetrationTable{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.executivePenetrationRow .isPositive,.executivePenetrationRow .positiveText{color:var(--green)}.executivePenetrationRow .isNegative,.executivePenetrationRow .negativeText{color:var(--danger)}.executivePenetrationRow .isNeutral,.executivePenetrationRow .neutralText,.executivePenetrationRow .isUnavailable{color:#8a94a6}@media (max-width:760px){.executivePenetrationTable{overflow-x:auto}.executivePenetrationHeader,.executivePenetrationRow{min-width:830px}}.appShell{background:var(--bpac-bg,#f7f5f0);color:var(--bpac-text,#111827)}.sidebar{background:linear-gradient(180deg, var(--bpac-night,#0c1628) 0%, #101d33 100%);color:#fff;border-right:1px solid #ffffff14}.brandDesktop,.brandMobile,.workspaceText strong{color:#fff}.workspaceText small{color:#ffffff94}.menu>a,.sidebarGroupItems a,.sidebarGroupToggle{color:#ffffffb8;border-radius:var(--bpac-radius-md,12px);transition:background .16s,color .16s,transform .16s}.menu>a:hover,.sidebarGroupItems a:hover,.sidebarGroupToggle:hover{color:#fff;background:#ffffff12}.menu>a[aria-current=page],.sidebarGroupItems a[aria-current=page]{color:#fff;box-shadow:inset 3px 0 0 var(--bpac-blue,#315efb);background:#315efb2e}.topbar{border-bottom:1px solid var(--bpac-border,#e5e1d8);-webkit-backdrop-filter:blur(16px);background:#f7f5f0f0}.topbarTitle h1{color:var(--bpac-text,#111827);letter-spacing:-.025em}.topbarTitle p{color:var(--bpac-text-muted,#697386)}.notificationButton,.logoutButton,.mobileMenuButton{border-color:var(--bpac-border,#e5e1d8);color:var(--bpac-text,#111827);background:var(--bpac-surface,#fff);border-radius:var(--bpac-radius-md,12px)}.notificationButton:hover,.logoutButton:hover,.mobileMenuButton:hover{background:var(--bpac-surface-soft,#f3f1ec);border-color:#315efb47}.mainContent{background:var(--bpac-bg,#f7f5f0)}.sidebarOverlay{-webkit-backdrop-filter:blur(3px);background:#0c1628a3}@media (max-width:900px){.sidebar{box-shadow:20px 0 50px #0c162838}.topbar{background:#f7f5f0f5}}.salesExecutivePage{color:var(--bpac-text,#111827)}.salesExecutiveSection,.salesExecutivePage .panelCard,.salesExecutivePage .salesKpiCard,.salesDataAvailabilityCard{background:var(--bpac-surface,#fff);border-color:var(--bpac-border,#e5e7eb)}.salesSectionEyebrow,.salesExecutivePage .salesCardHeader>span{color:var(--bpac-blue,#315efb)}.salesSectionHeading h3,.salesExecutivePage .salesCardHeader h3{color:var(--bpac-text,#111827)}.salesSectionHeading p,.salesExecutivePage .salesCardHeader p{color:var(--bpac-text-muted,#6b7280)}.salesExecutivePage .salesKpiCard{box-shadow:var(--bpac-shadow-sm,0 1px 2px #0f172a0a)}.salesExecutivePage .salesKpiCard:hover{border-color:var(--bpac-border-strong,#d1d5db);box-shadow:var(--bpac-shadow-md,0 8px 24px #0f172a14)}.salesExecutivePage .salesInsight{background:var(--bpac-surface-subtle,#f8fafc);border-color:var(--bpac-border,#e5e7eb)}.salesExecutivePage .salesInsight strong{color:var(--bpac-text,#111827)}.salesExecutivePage .salesInsight p{color:var(--bpac-text-muted,#6b7280)}.salesExecutivePage .salesInsight.yellow{border-left-color:var(--bpac-warning,#d97706)}.salesExecutivePage .salesInsight.purple{border-left-color:var(--bpac-blue,#315efb)}.salesExecutivePage .salesInsight.green{border-left-color:var(--bpac-signal,#27c2a6)}.salesQualitySummary,.salesQualitySection,.salesDataAvailabilityCard{border-color:var(--bpac-border,#e5e7eb)}.salesQualityMetric strong{color:var(--bpac-text,#111827)}.salesQualityMetric small{color:var(--bpac-text-muted,#6b7280)}.warningText{color:var(--bpac-warning,#b45309)!important}.salesBarTrack,.salesProgress{background:var(--bpac-surface-muted,#eef2f7)}.salesBarFill,.salesProgress>span{background:var(--bpac-signal,#27c2a6)}.salesListMeta,.salesListSecondary,.salesExecutiveFooter{color:var(--bpac-text-muted,#6b7280)}.salesExecutiveFooter,.salesPanelFooter{border-color:var(--bpac-border,#e5e7eb)}.salesShowMoreButton{background:var(--bpac-surface,#fff);color:var(--bpac-night,#0c1628);border-color:var(--bpac-border-strong,#d1d5db);transition:background .16s,border-color .16s,box-shadow .16s,transform .16s}.salesShowMoreButton:hover{background:var(--bpac-surface-subtle,#f8fafc);border-color:var(--bpac-blue,#315efb);box-shadow:var(--bpac-shadow-sm,0 1px 2px #0f172a0f)}.salesShowMoreButton:active{transform:translateY(1px)}