:root{--bg:#07101d;--bg-2:#0b1729;--panel:#0a1424d1;--panel-2:#101d34e0;--border:#ffffff14;--text:#edf4ff;--muted:#91a4c4;--green:#33d17a;--blue:#5ea6ff;--violet:#9c7dff;--gold:#f3b74f;--company-primary:#33d17a;--company-secondary:#5ea6ff;--shadow:0 24px 60px #00000059}*{box-sizing:border-box}html,body{background:radial-gradient(circle at top right, #33d17a24, transparent 20%), radial-gradient(circle at top left, #5ea6ff26, transparent 24%), linear-gradient(180deg, var(--bg) 0%, var(--bg-2) 100%);min-height:100%;color:var(--text);margin:0;font-family:Inter,Arial,Helvetica,sans-serif}body{min-width:320px}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}.demoShell{min-height:100vh}.authShell{place-items:center;min-height:100vh;padding:24px;display:grid}.authCard{border-radius:28px;gap:24px;width:min(840px,100%);padding:32px;display:grid}.authIntro{gap:10px;display:grid}.authActionsStack{flex-wrap:wrap}.authCardWide{width:min(1180px,100%)}.authActionsInline{align-items:stretch}.loginCompanyGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.loginCompanyCard{border-radius:24px;gap:18px;padding:22px;display:grid}.loginCompanyHead{align-items:center;gap:14px;display:flex}.loginCompanyHead h3{margin:0 0 4px}.loginCredentials{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.loginCredentials strong,.loginCredentials small{display:block}.loginCredentials small{color:var(--muted);margin-top:4px}.tenantBanner{border:1px solid var(--border);width:min(1280px,100% - 48px);box-shadow:var(--shadow);background:linear-gradient(#0e1a2deb 0%,#0a1424db 100%);border-radius:22px;justify-content:space-between;align-items:center;gap:16px;margin:24px auto 0;padding:18px 22px;display:flex}.tenantBanner h2{margin:4px 0}.tenantBannerActions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.roleSummary{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;width:min(1280px,100% - 48px);margin:16px auto 0;display:grid}.roleSummaryCard{border-radius:22px;padding:20px}.roleSummaryCard h3{margin:6px 0 14px}.roleSummaryCard ul{color:var(--muted);gap:8px;margin:0;padding-left:18px;display:grid}.adminShell{grid-template-columns:300px minmax(0,1fr);gap:18px;min-height:100vh;padding:18px;display:grid}.adminSidebar{border-radius:28px;align-content:start;gap:24px;min-height:calc(100vh - 36px);padding:22px;display:grid;position:sticky;top:18px}.adminNav{gap:10px;display:grid}.adminNavItem{border:1px solid var(--border);background:#ffffff0a;border-radius:16px;padding:14px 16px;transition:all .2s}.adminNavItem:hover,.adminNavItem.active{background:#33d17a1f;border-color:#33d17a38}.adminSidebarFooter{gap:14px;margin-top:auto;display:grid}.adminSidebarActions{gap:10px;display:grid}.adminContext{border-radius:18px;gap:6px;padding:16px;display:grid}.adminContent{min-width:0}.adminDashboard{gap:18px;display:grid}.adminHeader,.adminPanel,.adminStatCard{border-radius:24px}.adminHeader,.adminPanel{padding:22px}.adminHeader{justify-content:space-between;align-items:center;gap:16px;display:flex}.adminHeader h2,.adminPanel h3{margin:6px 0 8px}.adminHeaderActions{flex-wrap:wrap;gap:12px;display:flex}.adminStats{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.adminStatCard{gap:10px;padding:18px;display:grid}.adminStatCard strong{font-size:28px}.adminGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.adminGrid.single{grid-template-columns:1fr}.adminList{color:var(--muted);gap:8px;margin:0;padding-left:18px;display:grid}.adminTagRow{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.adminTableWrap{overflow-x:auto}.adminTableWrap table{border-collapse:collapse;width:100%}.adminTableWrap th,.adminTableWrap td{text-align:left;vertical-align:top;border-bottom:1px solid #ffffff0f;padding:14px 10px}.adminColorRow{align-items:center;gap:8px;display:flex}.adminColorDot{border:1px solid #ffffff2e;border-radius:999px;width:16px;height:16px}.glass{border:1px solid var(--border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(#0e1a2deb 0%,#0a1424db 100%)}.brandSurface{position:relative;overflow:hidden}.brandSurface:before{content:"";pointer-events:none;background:radial-gradient(circle at top left, color-mix(in srgb, var(--company-primary) 16%, transparent) 0%, transparent 30%), radial-gradient(circle at top right, color-mix(in srgb, var(--company-secondary) 18%, transparent) 0%, transparent 32%);position:absolute;inset:0}.brandSurface>*{z-index:1;position:relative}.loginView,.libraryView{place-items:center;min-height:100vh;padding:24px;display:grid}.loginPanel,.libraryHeader,.reportGrid,.workspaceView{width:min(1280px,100%)}.loginPanel{border-radius:28px;gap:28px;padding:32px;display:grid}.brandLockup{align-items:center;gap:16px;display:flex}.brandLockup.compact p,.brandLockup p{color:var(--green);letter-spacing:.18em;margin:0 0 4px;font-size:12px;font-weight:700}.brandLockup h1,.loginPanel h2,.topHeader h2,.panelHead h3,.reportCard h3,.filtersHeader h3{margin:0}.brandGlyph{color:#fff;background:linear-gradient(135deg,#33d17a59,#5ea6ff61);border-radius:18px;place-items:center;width:52px;height:52px;font-size:24px;font-weight:800;display:grid}.companyBrandGlyph{background:linear-gradient(135deg, var(--company-primary), var(--company-secondary))}.sectionKicker,.headerLabel,.kpiLabel,.selectField span,.tableWrap th,.inlineNote,.miniBadge{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:12px}.mutedText,.reportCard p,.sideFooter small,.productBadge small,.kpiTile small,.trendCol small{color:var(--muted)}.formGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.formGrid label,.selectField{gap:8px;font-weight:600;display:grid}.formGrid input,.selectField select{border:1px solid var(--border);width:100%;color:var(--text);background:#ffffff0a;border-radius:16px;padding:14px 16px}.ctaRow,.topActions,.topLeft,.panelHead,.filtersHeader,.sideTop{justify-content:space-between;align-items:center;gap:16px;display:flex}.primaryCta,.secondaryCta,.filterButton,.ghostText,.ghostIcon,.navButton{border:1px solid #0000;border-radius:16px;transition:all .2s}.primaryCta{background:linear-gradient(135deg, var(--green), #67e5e8);color:#04150d;padding:14px 18px;font-weight:800}.secondaryCta,.filterButton,.ghostText,.ghostIcon,.navButton{border-color:var(--border);color:var(--text);background:#ffffff0a}.secondaryCta,.filterButton,.ghostText{padding:12px 16px}.ghostIcon{width:44px;height:44px}.ghostText{background:0 0}.secondaryCta.full{width:100%}.libraryView{align-content:start;gap:24px}.libraryHeader{border-radius:24px;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.reportGrid{grid-template-columns:1.2fr .8fr;gap:18px;display:grid}.reportCard{border:1px solid var(--border);border-radius:24px;padding:24px}.reportCard ul{color:var(--muted);margin:16px 0 24px;padding-left:18px}.reportPill,.statusBadge,.miniBadge{background:#ffffff0d;border-radius:999px;align-items:center;padding:8px 12px;display:inline-flex}.activeCard{background:linear-gradient(#0f1e36fa,#091221f2)}.disabledCard{opacity:.72}.workspaceView{grid-template-columns:290px 1fr;gap:16px;margin:0 auto;padding:16px;display:grid}.sidePanel{border-radius:28px;align-content:start;gap:24px;min-height:calc(100vh - 32px);padding:20px;display:grid;position:sticky;top:16px}.navTabs{gap:10px;display:grid}.navButton{text-align:left;padding:14px 16px}.navButton.active,.navButton:hover,.filterButton:hover,.secondaryCta:hover,.ghostIcon:hover{background:#33d17a1f;border-color:#33d17a38}.sideFooter{gap:12px;display:grid}.workspaceContent{gap:16px;display:grid}.topHeader,.filtersBar,.kpiTile,.panelCard{border-radius:24px}.topHeader,.filtersBar,.panelCard{padding:20px}.filtersBar{gap:18px;display:none}.filtersBar.open{display:grid}.filtersGrid,.kpiStrip{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.kpiTile{grid-template-columns:1fr 120px;align-items:center;gap:12px;padding:18px;display:grid}.kpiTile strong{margin:8px 0 6px;font-size:clamp(24px,2vw,34px);display:block}.sparkline{width:100%;height:56px}.sparkline polyline{stroke:var(--green)}.sparkline.blue polyline{stroke:var(--blue)}.sparkline.violet polyline{stroke:var(--violet)}.contentGrid{gap:16px;display:grid}.contentGrid.twoCols{grid-template-columns:1.2fr .8fr}.trendChart{grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;gap:12px;min-height:280px;display:grid}.trendCol{justify-items:center;gap:10px;display:grid}.trendBar{border:1px solid var(--border);background:#ffffff08;border-radius:18px;align-items:end;width:100%;height:200px;padding:10px;display:flex}.trendBar span,.rankBar span,.monthValue span{background:linear-gradient(180deg, var(--blue), var(--green));border-radius:999px;width:100%;display:block}.donutGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.donutWrap{border:1px solid var(--border);background:#ffffff08;border-radius:20px;justify-items:center;gap:12px;padding:16px;display:grid}.donut{width:92px;height:92px;transform:rotate(-90deg)}.donutTrack,.donutValue{fill:none;stroke-width:10px}.donutTrack{stroke:#ffffff14}.donutValue{stroke:var(--green);stroke-linecap:round}.provinceList,.rankList,.productGrid,.funnelStack{gap:12px;display:grid}.provinceRow,.rankRow,.productCard,.funnelRow{border:1px solid var(--border);background:#ffffff08;border-radius:18px}.provinceRow,.rankRow,.productCard{padding:14px 16px}.rankRow{gap:10px;display:grid}.rankBar{background:#ffffff0f;border-radius:999px;height:10px;overflow:hidden}.productGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.productCard,.productBadge{align-items:center;gap:12px;display:flex}.productBadge{flex:1}.productMark{color:#fff;background:linear-gradient(135deg,#fff3,#ffffff0f);border-radius:14px;place-items:center;width:42px;height:42px;font-weight:900;display:grid}.productBadge.green .productMark{background:linear-gradient(135deg,#3acb7c,#1c7c63)}.productBadge.blue .productMark{background:linear-gradient(135deg,#49a7ff,#3267f0)}.productBadge.cyan .productMark{background:linear-gradient(135deg,#56d9e2,#238da6)}.productBadge.gold .productMark{background:linear-gradient(135deg,#ffcf5c,#b28311)}.productBadge.violet .productMark{background:linear-gradient(135deg,#a879ff,#6241d8)}.productBadge.orange .productMark{background:linear-gradient(135deg,#ff9f5c,#cc5a2b)}.productBadge.red .productMark{background:linear-gradient(135deg,#ff7171,#ad3648)}.productBadge.teal .productMark{background:linear-gradient(135deg,#2fd0bf,#1f8e93)}.productBadge.indigo .productMark{background:linear-gradient(135deg,#7084ff,#4250cc)}.productBadge.silver .productMark{background:linear-gradient(135deg,#b9c4d5,#73829a)}.productBadge.pink .productMark{background:linear-gradient(135deg,#ff7fb1,#af4ea8)}.productMeta{justify-items:end;gap:4px;display:grid}.tableWrap{overflow-x:auto}.tableWrap table{border-collapse:collapse;width:100%}.tableWrap th,.tableWrap td{text-align:left;border-bottom:1px solid #ffffff0f;padding:14px 0}.linePanel{gap:18px;display:grid}.trendLegend{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;display:grid}.trendLegend div{border:1px solid var(--border);background:#ffffff08;border-radius:16px;padding:12px 14px}.funnelRow{background:linear-gradient(90deg,#5ea6ff3d,#33d17a3d);justify-content:space-between;padding:16px;display:flex}.onlyMobile{display:none}@media (max-width:1180px){.filtersGrid,.kpiStrip,.contentGrid.twoCols,.reportGrid,.formGrid,.productGrid,.donutGrid,.trendLegend,.loginCompanyGrid,.loginCredentials{grid-template-columns:1fr 1fr}}@media (max-width:920px){.workspaceView{grid-template-columns:1fr}.tenantBanner{flex-direction:column;align-items:flex-start;width:calc(100% - 24px);margin-top:12px}.roleSummary{grid-template-columns:1fr;width:calc(100% - 24px)}.adminShell{grid-template-columns:1fr;padding:12px}.adminSidebar{min-height:auto;position:static}.adminHeader,.adminStats,.adminGrid{grid-template-columns:1fr}.adminHeader{flex-direction:column;align-items:flex-start}.sidePanel{z-index:20;border-radius:0 28px 28px 0;width:min(320px,86vw);min-height:100vh;transition:transform .2s;position:fixed;inset:0 auto 0 0;transform:translate(-105%)}.sidePanel.open{transform:translate(0)}.onlyMobile{place-items:center;display:inline-grid}.filtersGrid,.kpiStrip,.contentGrid.twoCols,.reportGrid,.formGrid,.productGrid,.donutGrid,.trendLegend,.trendChart,.loginCompanyGrid,.loginCredentials,.kpiTile{grid-template-columns:1fr}.trendBar{height:120px}}