.overview-shell{color:#e8edf2;background:#0b1116;min-height:100vh;display:flex}.overview-sidebar{background:#0b1319;border-right:1px solid #26313a;flex-direction:column;width:220px;padding:22px 12px 14px;display:flex;position:fixed;inset:0 auto 0 0}.overview-brand{letter-spacing:-.02em;align-items:center;gap:9px;padding:0 10px 27px;font-size:15px;font-weight:650;display:flex}.overview-mark{width:17px;height:18px;display:inline-block;position:relative}.overview-mark span{border-radius:4px;width:4px;height:15px;position:absolute;transform:rotate(28deg)}.overview-mark span:first-child{background:#f18bcd;top:2px;left:1px}.overview-mark span:nth-child(2){background:#81aaff;top:0;left:7px}.overview-mark span:last-child{background:#77d4b1;top:3px;right:0}.overview-nav{gap:3px;display:grid}.nav-item{color:#9ba8b5;border-radius:5px;align-items:center;gap:10px;min-height:32px;padding:0 10px;font-size:12px;display:flex}.nav-item:hover{color:#e8edf2;background:#16212a}.nav-item-active{color:#edf3f8;background:#1b355d}.nav-item b{color:#fff;background:#f04d5e;border-radius:4px;place-items:center;width:16px;height:16px;margin-left:auto;font-size:10px;display:grid}.sidebar-bottom{gap:14px;margin-top:auto;display:grid}.workspace-switcher{color:#dce4eb;text-align:left;background:0 0;border-top:1px solid #26313a;align-items:center;gap:9px;padding:9px 8px;display:flex}.workspace-switcher>svg{color:#81909d;margin-left:auto}.avatar,.top-avatar{color:#fff;background:#7196dc;border-radius:50%;place-items:center;font-size:10px;font-weight:700;display:grid}.avatar{width:24px;height:24px}.workspace-copy{gap:1px;display:grid}.workspace-copy strong{font-size:11px;font-weight:550}.workspace-copy small{color:#8794a0;font-size:10px}.overview-main{width:calc(100% - 220px);min-width:0;margin-left:220px}.overview-topbar{border-bottom:1px solid #26313a;justify-content:space-between;align-items:center;height:62px;padding:0 28px;display:flex;position:relative}.search-trigger,.agency-button,.filter-button{color:#9daab5;background:#101a21;border:1px solid #25323c;border-radius:5px;align-items:center;gap:9px;display:flex}.search-trigger{text-align:left;width:268px;height:28px;padding:0 9px;font-size:11px}.search-trigger svg{color:#a5b4c2}.search-trigger kbd{color:#8e9aa6;border:1px solid #2b3944;border-radius:3px;margin-left:auto;padding:2px 5px;font-size:10px}.topbar-actions{align-items:center;gap:14px;display:flex}.icon-button{color:#c0cad2;background:0 0;place-items:center;width:25px;height:25px;display:grid;position:relative}.notification i{background:#79d1af;border-radius:50%;width:4px;height:4px;position:absolute;top:3px;right:2px}.top-avatar{width:24px;height:24px}.agency-button{color:#c7d0d8;height:28px;padding:0 9px;font-size:10px}.search-popover{z-index:5;color:#8897a4;background:#121c23;border:1px solid #32414c;border-radius:6px;gap:8px;width:320px;padding:12px;font-size:11px;display:flex;position:absolute;top:48px;left:28px;box-shadow:0 16px 30px #0005}.overview-content{max-width:1160px;margin:0 auto;padding:37px 28px 28px}.page-header{justify-content:space-between;align-items:flex-start;margin-bottom:22px;display:flex}.page-header h1{letter-spacing:-.03em;font-size:20px;font-weight:620;line-height:1.1}.portfolio-status{color:#a5b1bb;align-items:center;gap:7px;margin-top:7px;font-size:12px;display:flex}.pulse-dot,.footer-dot{background:#53d4a1;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #53d4a11c}.header-filters{gap:7px;display:flex}.filter-button{color:#c5ced7;height:29px;padding:0 9px;font-size:10px}.filter-button svg{color:#8393a1}.metric-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.metric{background:#111c23;border:1px solid #26343d;border-radius:6px;min-height:79px;padding:13px 14px;position:relative}.metric span{color:#a1adb7;font-size:11px;display:block}.metric strong{letter-spacing:-.04em;margin-top:4px;font-size:22px;font-weight:620;display:block}.metric em{font-size:10px;font-style:normal;position:absolute;bottom:14px;right:12px}.trend-positive{color:#52d5a4}.metric-attention{border-color:#33404a}.trend-attention{color:#e5a35f}.attention-panel{background:#171b1e;border:1px solid #4b382b;border-radius:6px;align-items:center;gap:12px;min-height:70px;margin-top:10px;padding:13px 15px;display:flex}.attention-icon{color:#edb15b;background:#edb15b18;border-radius:50%;place-items:center;width:29px;height:29px;display:grid}.attention-copy{flex:1;min-width:0}.attention-title{align-items:center;gap:9px;display:flex}.attention-title h2{font-size:12px;font-weight:620}.attention-copy p{align-items:center;gap:12px;margin-top:5px;font-size:11px;display:flex}.attention-copy p span{color:#8997a3}.attention-copy p b{color:#d4dce2;font-weight:450}.attention-time{color:#84919d;justify-items:end;gap:6px;font-size:10px;display:grid}.attention-time a,.panel-heading a{color:#82adff;align-items:center;gap:2px;display:flex}.visual-grid,.lower-grid{grid-template-columns:1.35fr 1fr;gap:10px;margin-top:10px;display:grid}.lower-grid{grid-template-columns:1.35fr 1fr}.panel{background:#111b22;border:1px solid #26343d;border-radius:6px;min-width:0;overflow:hidden}.panel-heading{border-bottom:1px solid #26343d;justify-content:space-between;align-items:center;min-height:43px;padding:0 13px;display:flex}.panel-heading h2{font-size:12px;font-weight:620}.panel-heading a{font-size:10px}.chart-meta{color:#8795a1;align-items:baseline;gap:7px;padding:12px 13px 0;font-size:10px;display:flex}.chart-meta strong{color:#d8e0e6;font-size:14px;font-weight:600}.line-chart{height:172px;padding:8px 12px 29px 42px;position:relative}.line-chart:before{content:"";opacity:.7;background:repeating-linear-gradient(#2a3740 0 1px,#0000 1px 32px);position:absolute;inset:10px 12px 29px 42px}.line-chart svg{width:100%;height:130px;position:relative;overflow:visible}.chart-area{fill:url(#chart-fill)}.chart-line{fill:none;stroke:#75a4ff;stroke-width:2px;vector-effect:non-scaling-stroke}.y-labels{z-index:1;color:#778692;font:9px var(--mono);flex-direction:column;justify-content:space-between;display:flex;position:absolute;top:3px;bottom:32px;left:13px}.x-labels{color:#778692;font:9px var(--mono);justify-content:space-between;display:flex;position:absolute;bottom:7px;left:42px;right:12px}.delivery-body{justify-content:center;align-items:center;gap:30px;min-height:192px;padding:10px 20px;display:flex}.donut{background:conic-gradient(#45d5a3 0 97.4%, #e0a549 97.4% 98.8%, #ed6d73 98.8% 99.7%, #718297 99.7%);border-radius:50%;place-items:center;width:116px;height:116px;display:grid}.donut:before{content:"";background:#111b22;border-radius:50%;width:88px;height:88px;position:absolute}.donut>div{justify-items:center;display:grid;position:relative}.donut strong{font-size:16px}.donut span{color:#8795a1;font-size:10px}.legend{gap:10px;min-width:138px;padding:0;list-style:none;display:grid}.legend li{color:#b4bfc8;grid-template-columns:9px 1fr auto;align-items:center;gap:7px;font-size:10px;display:grid}.legend i{border-radius:50%;width:8px;height:8px}.legend b{color:#dce4e9;font-weight:500}.legend-green{background:#45d5a3}.legend-amber{background:#e0a549}.legend-red{background:#ed6d73}.legend-slate{background:#718297}.activity-list,.site-list{display:grid}.activity-row,.site-row{border-bottom:1px solid #202c34;align-items:center;min-height:45px;padding:0 13px;font-size:10px;display:flex}.activity-row:last-child,.site-row:last-child{border-bottom:0}.activity-row:hover,.site-row:hover{background:#17232b}.event-icon{border-radius:50%;place-items:center;width:20px;height:20px;margin-right:9px;display:grid}.event-good{color:#56d5a7;background:#56d5a71c}.event-warn{color:#ecb05b;background:#ecb05b1c}.event-bad{color:#ef7077;background:#ef70771c}.activity-row time{color:#7d8b96;width:39px;font:10px var(--mono)}.event-copy{flex:1;gap:1px;min-width:0;display:grid}.event-copy strong{color:#cdd6dc;font-size:10px;font-weight:530}.event-copy small{color:#7f8d98;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.status{white-space:nowrap;border-radius:4px;align-items:center;gap:5px;width:fit-content;padding:3px 6px;font-size:9px;display:inline-flex}.status-dot{border-radius:50%;width:5px;height:5px}.status-good{color:#54d3a4;background:#54d3a414}.status-good .status-dot{background:#54d3a4}.status-warn{color:#edb15b;background:#edb15b16}.status-warn .status-dot{background:#edb15b}.status-bad{color:#ef7077;background:#ef707716}.status-bad .status-dot{background:#ef7077}.status-neutral{color:#a8b3bd;background:#a8b3bd16}.site-row{min-height:42px}.site-icon{color:#a5b7c7;background:#24323c;border-radius:4px;place-items:center;width:23px;height:23px;margin-right:9px;display:grid}.site-copy{flex:1;gap:1px;min-width:0;display:grid}.site-copy strong{font-weight:530}.site-copy small{color:#7f8c97;font:9px var(--mono)}.site-leads{color:#778792;font:9px var(--mono);margin-right:12px}.overview-footer{color:#6f7d88;justify-content:space-between;padding:17px 1px 0;font-size:10px;display:flex}.overview-footer span:first-child{align-items:center;gap:7px;display:flex}.footer-dot{width:5px;height:5px;box-shadow:none}.site-rate{color:#778792;font:9px var(--mono);margin-right:12px}@media (max-width:1120px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric{min-width:0}.metric em{margin-top:5px;line-height:1.3;display:block;position:static}}@media (max-width:1100px){.overview-sidebar{width:188px}.overview-main{width:calc(100% - 188px);margin-left:188px}.overview-content{padding-inline:18px}.visual-grid,.lower-grid{grid-template-columns:1fr}.delivery-body{min-height:176px}.site-row{min-width:0}}@media (max-width:900px){.overview-topbar{padding-inline:18px}.header-filters .filter-button:last-child{display:none}}@media (max-width:720px){.overview-sidebar{width:56px;padding:18px 8px;position:static}.overview-brand{padding:0 10px 24px}.overview-brand>span:last-child,.nav-item span,.nav-item b,.nav-section-label,.sidebar-bottom .nav-item,.workspace-copy,.workspace-switcher>svg{display:none}.nav-item,.workspace-switcher{justify-content:center;padding-inline:0}.overview-main{width:calc(100% - 56px);margin-left:0}.overview-topbar{padding:0 15px}.search-trigger{width:150px}.topbar-actions{gap:8px}.agency-button{display:none}.overview-content{padding:26px 14px}.page-header{flex-direction:column;gap:15px}.metric-grid{grid-template-columns:1fr}.metric strong{font-size:21px}.delivery-body{flex-direction:column;gap:18px;min-height:250px;padding-block:18px}.donut{flex:0 0 116px}.legend{width:min(100%,220px);min-width:0}.site-row{padding-inline:11px}.site-copy{min-width:0}.site-copy strong,.site-copy small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.site-leads,.site-rate{display:none}.overview-footer{padding-bottom:10px}}.activity-row,.site-row{border-bottom-color:#1c272d}.overview-shell{background:var(--bg);color:var(--text-primary)}.overview-sidebar{background:var(--sidebar);border-color:var(--border)}.overview-main,.panel,.metric{border-color:var(--border)}.panel,.metric{background:var(--surface)}.overview-nav .nav-item:hover,.activity-row:hover,.site-row:hover{background:var(--surface-hover)}.overview-sidebar,.panel-heading,.overview-topbar{border-color:var(--border-subtle)}.overview-brand,.page-header h1,.panel-heading h2,.metric strong{color:var(--text-primary)}.portfolio-status,.metric span,.chart-meta,.site-leads,.site-rate{color:var(--text-secondary)}.pulse-dot,.footer-dot{background:var(--success)}.trend-positive,.status-good{color:var(--success)}.trend-attention,.status-warn{color:var(--warning)}.status-bad{color:var(--danger)}