:root{--dash-bg: #F6F4EE;--dash-fg: #FFFFFF;--dash-border: rgba(0,0,0,.08);--dash-text: #1a1614;--dash-text-dim: #6b7280;--oo-red: #C62A2A;--oo-blue: #5475A6;--oo-gold: #DBB157}.dash-page{background:var(--dash-bg);min-height:calc(100vh - 70px);font-family:var(--font-body);color:var(--dash-text)}.dash-banner{display:flex;align-items:center;gap:14px;background:#c62a2a0f;border-bottom:1px solid rgba(198,42,42,.2);padding:10px 24px;font-size:13px;flex-wrap:wrap}.dash-banner-pill{background:var(--oo-red);color:#fff;font-weight:800;letter-spacing:.08em;padding:4px 10px;border-radius:999px;font-size:11px}.dash-banner-msg{color:var(--dash-text);opacity:.85;flex:1;min-width:200px}.tier-switch{display:inline-flex;background:#fff;border-radius:999px;padding:4px;border:1px solid rgba(0,0,0,.08);gap:2px}.tier-switch-btn{border:0;background:transparent;font-family:var(--font-body);font-size:12px;font-weight:700;color:var(--dash-text-dim);padding:6px 14px;border-radius:999px;cursor:pointer;transition:background .12s,color .12s}.tier-switch-btn:hover{color:var(--dash-text)}.tier-switch-btn.is-active{background:var(--oo-red);color:#fff}.app{display:grid;grid-template-columns:260px 1fr;min-height:calc(100vh - 111px)}.sidebar{background:#fff;border-right:1px solid var(--dash-border);padding:22px 16px;display:flex;flex-direction:column;gap:8px;position:sticky;top:0;align-self:stretch}.logo{display:flex;align-items:center;gap:12px;padding:0 8px 18px;border-bottom:1px solid var(--dash-border);margin-bottom:8px;text-decoration:none;color:inherit}.logo-mark{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--oo-red) 0%,var(--oo-blue) 100%);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:800;font-size:14px;letter-spacing:-.04em;flex-shrink:0}.logo-mark .o1{color:#fff;font-style:italic}.logo-mark .o2{color:#fff;font-style:italic;margin-left:-3px;opacity:.85}.logo-text{display:flex;flex-direction:column;line-height:1.2;min-width:0}.logo-text strong{font-family:var(--font-display);font-size:14px;font-weight:700;color:var(--dash-text)}.logo-text span{font-size:10px;letter-spacing:.04em;color:var(--dash-text-dim)}.nav-section{display:flex;flex-direction:column;gap:2px}.nav-section-label{font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--dash-text-dim);padding:12px 12px 6px}.nav-item{display:grid;grid-template-columns:18px 1fr auto auto;gap:12px;align-items:center;padding:8px 12px;border-radius:8px;font-size:13px;font-weight:600;color:var(--dash-text);cursor:pointer;text-decoration:none;transition:background .12s,color .12s,opacity .12s}.nav-item:hover{background:#0000000a}.nav-item.is-active{background:#c62a2a1a;color:var(--oo-red)}.nav-item.is-active .nav-icon{color:var(--oo-red)}.nav-icon{width:18px;height:18px;color:var(--dash-text-dim);flex-shrink:0}.nav-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-tier-flag{font-size:9px;font-weight:800;letter-spacing:.04em;padding:2px 6px;border-radius:4px;color:var(--oo-gold);background:#dbb15729}.nav-tier-flag--3{color:var(--oo-blue);background:#5475a624}.nav-lock{width:13px;height:13px;color:var(--dash-text-dim);display:none;opacity:.55}.nav-item.is-locked{opacity:.45;cursor:not-allowed}.nav-item.is-locked .nav-lock{display:block}.nav-item.is-locked:hover{background:transparent}.nav-item.is-locked .nav-tier-flag{display:none}.sidebar-foot{margin-top:auto;background:var(--dash-bg);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:4px}.sidebar-foot-label{font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--dash-text-dim)}.sidebar-foot-tier strong{font-family:var(--font-display);font-size:16px;font-weight:800;color:var(--oo-red);display:block}.sidebar-foot-tier span{font-size:12px;color:var(--dash-text-dim)}.sidebar-foot-cta{margin-top:6px;font-size:12px;font-weight:700;color:var(--oo-blue);text-decoration:none}.sidebar-foot-cta:hover{text-decoration:underline}.main-col{display:flex;flex-direction:column;min-width:0}.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;background:#fff;border-bottom:1px solid var(--dash-border);position:sticky;top:0;z-index:10}.topbar-title strong{font-family:var(--font-display);font-size:16px;font-weight:700;color:var(--dash-text);display:block}.topbar-title span{font-size:12px;color:var(--dash-text-dim)}.topbar-right{display:flex;align-items:center;gap:14px}.topbar-search{display:inline-flex;align-items:center;gap:8px;background:var(--dash-bg);padding:7px 12px;border-radius:8px;border:1px solid var(--dash-border)}.topbar-icon{width:14px;height:14px;color:var(--dash-text-dim)}.topbar-search input{background:transparent;border:0;font-size:13px;font-family:var(--font-body);width:220px;color:var(--dash-text)}.topbar-search input::placeholder{color:var(--dash-text-dim)}.topbar-bell{position:relative;background:transparent;border:0;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;color:var(--dash-text-dim);cursor:pointer}.topbar-bell svg{width:18px;height:18px}.topbar-bell-dot{position:absolute;top:6px;right:6px;width:7px;height:7px;border-radius:50%;background:var(--oo-red);border:1.5px solid #fff}.avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--oo-red) 0%,var(--oo-blue) 100%);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-body);font-weight:800;font-size:12px}.main{padding:24px;display:flex;flex-direction:column;gap:20px}.page-header{margin-bottom:4px}.page-title{font-family:var(--font-display);font-size:26px;font-weight:700;color:var(--dash-text);letter-spacing:-.01em;margin:0}.page-title span{color:var(--oo-red)}.page-sub{font-size:13px;color:var(--dash-text-dim);margin-top:4px}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{background:#fff;border:1px solid var(--dash-border);border-radius:12px;padding:18px 20px;box-shadow:0 1px 3px #0000000a}.kpi-label{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--dash-text-dim);margin-bottom:6px}.kpi-value{font-family:var(--font-display);font-size:30px;font-weight:800;color:var(--dash-text);line-height:1;letter-spacing:-.02em}.kpi-delta{font-size:12px;font-weight:700;color:#1b6e3a;margin-top:6px}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;gap:12px;flex-wrap:wrap}.card-title{font-family:var(--font-display);font-size:14px;font-weight:800;color:var(--dash-text);letter-spacing:.005em}.chip-row{display:inline-flex;gap:6px;flex-wrap:wrap}.chip,a.chip{font-family:var(--font-body);font-size:11px;font-weight:700;background:transparent;border:1px solid var(--dash-border);color:var(--dash-text-dim);padding:5px 11px;border-radius:999px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center}.chip.is-active{background:var(--oo-red);color:#fff;border-color:var(--oo-red)}a.chip:hover{color:var(--dash-text);border-color:var(--dash-text)}.chart-svg{width:100%;height:220px;display:block}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px}.report-row,.activity-item,.agents-row{display:flex;gap:12px;border-bottom:1px solid var(--dash-border);align-items:flex-start;text-decoration:none;color:inherit;transition:background .12s;border-radius:6px;padding:12px 6px;margin:0 -6px}.report-row:hover,.activity-item:hover,.agents-row:hover{background:#00000006}.report-row:last-of-type,.activity-item:last-of-type,.agents-row:last-of-type{border-bottom:0}.report-row{justify-content:space-between;align-items:center}.report-name{font-size:13px;font-weight:700;color:var(--dash-text)}.report-meta{font-size:12px;color:var(--dash-text-dim);margin-top:2px}.pill{font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:4px 8px;border-radius:4px;display:inline-block}.pill-sent{background:#1b6e3a1f;color:#1b6e3a}.pill-draft{background:#dbb15729;color:#8a6a1f}.pill-paid{background:#1b6e3a1f;color:#1b6e3a}.pill-due{background:#c62a2a1f;color:var(--oo-red)}.activity-dot{width:9px;height:9px;border-radius:50%;margin-top:7px;flex-shrink:0;background:var(--oo-red)}.dot-paid{background:#1b6e3a}.dot-channel{background:var(--oo-blue)}.dot-agent{background:var(--oo-gold)}.dot-flag{background:var(--oo-red)}.activity-text{font-size:13px;color:var(--dash-text);line-height:1.5}.activity-text strong{font-weight:700}.activity-time{font-size:11px;color:var(--dash-text-dim);margin-top:2px}.agents-list{display:flex;flex-direction:column}.agent-badge{width:30px;height:30px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:800;font-size:13px;color:#fff;flex-shrink:0}.agent-mkt{background:var(--oo-red)}.agent-sls{background:var(--oo-blue)}.agent-ops{background:#1b6e3a}.agents-row-body{flex:1}.agents-row-body strong{font-size:13px;font-weight:700;color:var(--dash-text);display:block}.agents-row-body span{font-size:12px;color:var(--dash-text-dim)}.agents-row-stat{font-family:var(--font-display);font-size:18px;font-weight:800;color:var(--dash-text);align-self:center}@media(max-width:1100px){.app{grid-template-columns:220px 1fr}.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.app{grid-template-columns:1fr}.sidebar{position:relative;top:auto}.two-col{grid-template-columns:1fr}.kpi-grid{grid-template-columns:1fr 1fr}}