:root{color-scheme:light;--bg:#f4f7fb;--surface:#ffffff;--surface-soft:#f8fafc;--panel:#ffffff;--panel-2:#f1f5f9;--sidebar:#0b1730;--sidebar-soft:#12223f;--line:#dce4ef;--line-soft:#eef2f7;--text:#122033;--muted:#6b778c;--brand:#1f5eff;--brand-deep:#163fbe;--teal:#0f9f8f;--amber:#b7791f;--red:#d14343;--green:#0b8f5a;--shadow:0 18px 45px rgba(21,36,67,0.08)}*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,rgba(235,241,250,.9),rgba(244,247,251,1) 320px),var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif}button,input,select{font:inherit}.shell{display:grid;grid-template-columns:268px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;border-right:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(31,94,255,.14),transparent 260px),var(--sidebar);padding:22px 16px}.brand{display:flex;align-items:center;gap:12px;min-height:60px;margin-bottom:22px;color:#f8fbff}.brandMark{display:grid;place-items:center;width:44px;height:44px;border-radius:8px;background:linear-gradient(135deg,#f8fbff,#b9c9ff);color:#102557;font-weight:800;box-shadow:0 12px 30px rgba(31,94,255,.28)}.brandMark.large{width:62px;height:62px;font-size:22px}.brand span,.brand strong{display:block}.brand span{margin-top:4px;color:#8fa3c6;font-size:12px}.nav{display:grid;gap:5px}.navItem{display:flex;align-items:center;gap:11px;width:100%;min-height:42px;border:1px solid transparent;border-radius:8px;background:transparent;color:#aab8d4;padding:0 11px;text-align:left;cursor:pointer}.navItem.active{border-color:rgba(255,255,255,.12);background:linear-gradient(90deg,rgba(31,94,255,.24),rgba(15,159,143,.08));color:#ffffff;box-shadow:inset 3px 0 0 #6ea8ff}.navItem:hover{background:rgba(255,255,255,.07);color:#ffffff}.workspace{min-width:0}.topbar{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;min-height:68px;border-bottom:1px solid var(--line-soft);background:rgba(255,255,255,.86);backdrop-filter:blur(16px);padding:0 28px}.compactActions,.heroActions,.providerTabs,.topActions{display:flex;align-items:center;gap:10px}.topbarTitle{display:grid;gap:3px}.topbarTitle strong{color:#122033}.topbarTitle span{color:var(--muted);font-size:12px}.iconButton,.primaryButton,.profile,.providerTabs button,.quietButton,.secondaryButton{min-height:38px;border:1px solid var(--line);border-radius:8px;background:#ffffff;color:var(--text);padding:0 13px;cursor:pointer}.providerTabs button{color:#44546a;background:#f8fafc}.providerTabs button:hover,.quietButton:hover,.secondaryButton:hover{border-color:rgba(31,94,255,.35);color:var(--brand)}.points{display:grid;place-items:center;min-height:38px;border:1px solid rgba(31,94,255,.16);border-radius:8px;background:#eff5ff;color:var(--brand-deep);padding:0 14px;font-weight:700}.primaryButton,.profile,.quietButton,.secondaryButton{display:inline-flex;align-items:center;gap:8px}.primaryButton{border-color:transparent;background:linear-gradient(135deg,var(--brand),#3b82f6);color:#ffffff;font-weight:700;box-shadow:0 10px 24px rgba(31,94,255,.2)}.secondaryButton{background:#f8fafc}.content{padding:28px}.heroBand{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:148px;border:1px solid #d7e2f2;border-radius:8px;background:linear-gradient(135deg,rgba(31,94,255,.1),rgba(15,159,143,.06)),#ffffff;box-shadow:var(--shadow);padding:26px;margin-bottom:18px}.heroSub{max-width:720px;margin:12px 0 0;color:var(--muted)}.messageBar{border:1px solid rgba(183,121,31,.25);border-radius:8px;background:#fff8e8;color:#8a5a10;padding:12px 14px;margin-bottom:16px}.eyebrow{margin:0 0 8px;color:var(--brand);font-weight:800;text-transform:uppercase;font-size:12px}h1,h2,p{margin-top:0}h1{max-width:800px;font-size:32px;line-height:1.16;letter-spacing:0}h1,h2{margin-bottom:0}h2{font-size:18px}.statsGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.metricCard,.panel{border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:0 10px 28px rgba(21,36,67,.05)}.metricCard{display:grid;gap:8px;padding:18px}.metricCard span{color:var(--muted)}.metricCard strong{color:#102033;font-size:28px}.metricCard small,.noticePanel p,.surveyCard span,.warningPanel p,td span{color:var(--muted)}.twoColumn{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px}.workspaceGrid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(320px,.8fr);gap:18px}.commandPanel{border:1px solid #d7e2f2;border-radius:8px;background:linear-gradient(135deg,rgba(16,42,86,.94),rgba(31,94,255,.82)),#102a56;color:#ffffff;padding:22px;box-shadow:var(--shadow)}.commandPanel .channelTile span,.commandPanel .eyebrow,.commandPanel .surveyCard span{color:#c8d8ff}.channelRail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.channelTile{display:grid;gap:14px;min-height:150px;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:rgba(255,255,255,.1);padding:16px}.channelTile .surveyLogo{background:rgba(255,255,255,.92);color:#102a56}.operationsStack{display:grid;gap:18px;align-content:start}.fullSpan{grid-column:1/-1}.groupedMatrix{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.matrixColumn{display:grid;gap:10px;border:1px solid var(--line-soft);border-radius:8px;background:#f8fafc;padding:14px}.matrixColumn button{display:flex;justify-content:space-between;align-items:center;min-height:38px;border:0;border-radius:8px;background:#ffffff;color:var(--text);padding:0 10px;cursor:pointer}.matrixColumn small{color:var(--muted)}.timelineList{display:grid;gap:12px}.timelineRow{display:grid;grid-template-columns:14px minmax(0,1fr) auto;gap:10px;align-items:center}.timelineRow i{width:9px;height:9px;border-radius:50%;background:var(--brand);box-shadow:0 0 0 4px #e8f0ff}.timelineRow span{display:block;color:var(--muted);font-size:12px}.analyticsLayout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px}.analyticsHero{grid-column:1/-1;padding:22px}.analyticsNumbers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}.analyticsNumbers div{border:1px solid var(--line-soft);border-radius:8px;background:#f8fafc;padding:14px}.analyticsNumbers span{display:block;color:var(--muted);font-size:12px}.analyticsNumbers strong{display:block;margin-top:8px;font-size:24px}.analyticsMain{min-height:420px}.insightSide{align-self:start}.filterDock{display:grid;grid-template-columns:minmax(260px,1fr) 180px 180px 180px auto;gap:10px;align-items:center;border:1px solid var(--line-soft);border-radius:8px;background:#f8fafc;padding:12px;margin-bottom:16px}.filterDock select{min-height:38px;border:1px solid var(--line);border-radius:8px;background:#ffffff;color:var(--text);padding:0 10px}.peopleLayout,.reconcileLayout{display:grid;grid-template-columns:290px minmax(0,1fr);gap:18px}.peopleAside,.processPanel{align-self:start;position:sticky;top:88px}.stepList{display:grid;gap:10px;margin:18px 0}.stepList span{border:1px solid var(--line-soft);border-radius:8px;background:#f8fafc;padding:12px;color:#344054}.mainColumn,.sideColumn{display:grid;gap:18px;align-content:start}.panel{padding:18px}.panelHeader{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.surveyGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(168px,1fr));gap:14px}.surveyCard{display:grid;align-content:space-between;min-height:154px;border:1px solid #dfe7f2;border-radius:8px;padding:16px;background:#ffffff}.surveyCard.emerald,.surveyCard.green,.surveyCard.teal{background:linear-gradient(145deg,#ffffff,#eefbf7)}.surveyCard.blue,.surveyCard.cyan,.surveyCard.sky{background:linear-gradient(145deg,#ffffff,#eef5ff)}.surveyCard.fuchsia,.surveyCard.indigo,.surveyCard.violet{background:linear-gradient(145deg,#ffffff,#f3f0ff)}.surveyCard.amber,.surveyCard.orange,.surveyCard.rose{background:linear-gradient(145deg,#ffffff,#fff7ed)}.surveyLogo{display:grid;place-items:center;width:54px;height:54px;border-radius:8px;background:#102a56;color:#ffffff;font-weight:800}.surveyCard span,.surveyCard strong{display:block}.stars{color:var(--amber)}.tableWrap{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:880px}td,th{border-bottom:1px solid var(--line-soft);padding:12px;text-align:left;white-space:nowrap}th{color:#718096;background:#f8fafc}td span,th{font-size:12px}td span{display:block}.status{display:inline-flex;border-radius:999px;padding:4px 9px;font-size:12px}.status.good{background:#eaf8f1;color:var(--green)}.status.bad{background:#fff1f1;color:var(--red)}.ruleList{display:grid;gap:12px}.ruleList div{display:flex;gap:10px;color:#344054}.ruleList svg{flex:0 0 auto;color:var(--brand)}.warningPanel{background:#fff7f7}.noticePanel{background:#f3f8ff}.pagePanel{min-height:520px}.formGrid{display:grid;gap:14px;max-width:620px}.formGrid input,.formGrid select{min-height:42px;border:1px solid var(--line);border-radius:8px;background:#ffffff;color:var(--text);padding:0 12px;font:inherit}.formGrid input:disabled{color:#718096;background:#f1f5f9}.searchBox{display:inline-flex;align-items:center;gap:8px;min-height:38px;border:1px solid var(--line);border-radius:8px;background:#ffffff;padding:0 10px;color:var(--muted)}.searchBox input{width:240px;border:0;outline:0;background:transparent;color:var(--text);font:inherit}.summaryStrip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.summaryStrip.vertical{grid-template-columns:1fr}.barCard,.previewBox,.quotaCard,.riskCard,.summaryStrip span{border:1px solid var(--line);border-radius:8px;background:#ffffff}.summaryStrip span{padding:14px;color:#344054}.previewBox{display:grid;gap:10px;padding:14px;color:var(--muted);background:#f8fafc}.chartGrid,.quotaGrid,.riskGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}.barCard,.quotaCard,.riskCard{display:grid;gap:12px;padding:16px}.barCard span,.quotaCard span,.riskCard span{color:var(--muted)}.barTrack{height:8px;overflow:hidden;border-radius:999px;background:#e6edf6}.barTrack i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--brand),var(--teal))}.listStack,.rankList{display:grid;gap:10px}.rankRow{display:grid;grid-template-columns:52px 1.3fr 1fr 1fr 1fr;gap:12px;align-items:center;border:1px solid var(--line);border-radius:8px;background:#ffffff;padding:14px}.rankRow b:first-child{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:#edf4ff;color:var(--brand)}.listRow span,.rankRow span{color:var(--muted)}.listRow{grid-template-columns:1fr 1fr auto;gap:10px;border:1px solid var(--line);border-radius:8px;background:#ffffff;padding:12px}.listRow,.profileGrid{display:grid;align-items:center}.profileGrid{grid-template-columns:150px minmax(0,1fr);gap:14px}.profileGrid span{color:var(--muted)}.tableButton{min-height:32px;border:1px solid var(--line);border-radius:8px;background:#ffffff;color:#334155;padding:0 10px;cursor:pointer}.tableButton:hover{border-color:rgba(31,94,255,.35);color:var(--brand)}.tableActions{display:flex;flex-wrap:wrap;gap:8px}.miniTable{display:grid;grid-template-columns:1fr 1fr 120px 80px;gap:12px;align-items:center;padding:12px}.miniTable,.miniTable button{border:1px solid var(--line);border-radius:8px;background:#ffffff}.miniTable button{min-height:34px;color:var(--text)}.modalBackdrop{position:fixed;inset:0;z-index:50;display:grid;place-items:center;background:rgba(9,21,43,.48);padding:20px}.modal{width:min(560px,100%);border:1px solid var(--line);border-radius:8px;background:#ffffff;padding:20px;box-shadow:0 24px 80px rgba(9,21,43,.22)}@media (max-width:1120px){.statsGrid,.twoColumn{grid-template-columns:1fr 1fr}}@media (max-width:820px){.shell{grid-template-columns:1fr}.sidebar{position:static;height:auto}.heroBand,.topbar{align-items:flex-start;flex-direction:column;height:auto}.providerTabs{flex-wrap:wrap}.compactActions{align-items:stretch;flex-direction:column;width:100%}.searchBox,.searchBox input{width:100%}.analyticsLayout,.analyticsNumbers,.channelRail,.filterDock,.groupedMatrix,.peopleLayout,.profileGrid,.rankRow,.reconcileLayout,.statsGrid,.summaryStrip,.surveyGrid,.twoColumn,.workspaceGrid{grid-template-columns:1fr}.fullSpan{grid-column:auto}.peopleAside,.processPanel{position:static}}@keyframes spin{to{transform:rotate(1turn)}}