/* Unified command-center refinement. Existing content and interactions remain. */
:root{
 --bg:#fff;--surface:#fff;--ink:#202b3d;--muted:#5d6c80;--faint:#68768a;
 --line:#e2e7ef;--soft:#f7f9fc;--blue:#405ed8;--blue-soft:#eef2ff;
 --cyan:#067e92;--green:#078066;--violet:#7954bd;--amber:#9b6a13;--coral:#bf4561;
 --radius:14px;--gap:20px;--sidebar:232px;
 --space-panel:22px;--type-body:17px;--type-secondary:15px;--type-title:19px;
}
body{font-size:var(--type-body);line-height:1.55}
main{max-width:1720px;padding:30px 32px 0;margin-inline:auto}
.topbar{height:68px;padding-inline:32px;box-shadow:none}
.brand{height:84px;padding-inline:23px;gap:11px}.brand strong{font-size:23px;font-weight:600;letter-spacing:0}
.workspace{border-radius:12px;background:var(--surface);margin-bottom:22px}.workspace b{font-size:16px}.workspace small{font-size:14px}
.nav-heading{margin-top:24px;margin-bottom:9px;font-size:14px;letter-spacing:0;color:var(--muted)}
.nav-item,.nav-group>button{min-height:42px;font-size:16px;border-radius:8px;transition:background 160ms,color 160ms}
.nav-item:hover,.nav-group>button:hover{background:var(--soft)}.nav-item.active{background:var(--blue-soft);color:var(--blue);font-weight:600}
.nav-children .nav-item{min-height:38px;font-size:15px}.nav-badge{font-size:12px;line-height:1.5}
.search{height:36px;background:var(--soft);border:1px solid var(--line);border-radius:9px;font-size:15px}
.page-title{margin-bottom:24px;align-items:center;gap:20px}.title-line h1{font-size:30px;line-height:1.3;font-weight:600;letter-spacing:-.02em}.page-title p{font-size:16px;margin-top:7px}.title-line{gap:12px}.snapshot{font-size:14px}
.button{height:38px;border-radius:8px;padding-inline:14px;font-size:15px;gap:7px;transition:background 160ms,border-color 160ms,transform 160ms}
.button.primary{background:var(--blue);border-color:var(--blue);color:#fff}.button.primary:hover{background:#334dbd;border-color:#334dbd}.button:not(.primary):hover{background:var(--soft);border-color:#cbd4e3}
.text-button{font-size:15px}.icon-button{border-radius:8px}.icon-button:hover{background:var(--soft)}
.metrics{gap:0;border:1px solid var(--line);border-radius:14px;padding:20px 0;background:var(--surface);margin-bottom:22px;overflow:hidden}
.metric,.compact .metric{border:0;border-radius:0;padding:0 26px;background:transparent;min-width:0}.metric+.metric{border-left:1px solid var(--line)}
.metric-label{font-size:16px;color:var(--muted);font-weight:400}.metric-label .icon-tile{width:24px;height:24px}
.metric-value{font-size:38px;font-weight:600;line-height:1.15;margin-top:10px;letter-spacing:-.025em}.metric-value>span{font-size:15px;margin-left:7px}
.metric-foot{margin-top:10px;font-size:14px;min-height:20px;line-height:1.5}.metric-foot>i{display:none}
.panel{border-color:var(--line);border-radius:var(--radius);box-shadow:none}
.panel-heading,.creation .panel-heading.compact{padding:20px var(--space-panel) 15px;align-items:flex-start}
.panel-heading h2,.compact .panel-heading h2{font-size:var(--type-title);font-weight:600;line-height:24px;gap:10px;letter-spacing:0}.panel-heading p{font-size:var(--type-secondary);line-height:1.5;margin-top:5px}
.section-icon{width:24px;height:24px!important;flex:0 0 24px}.section-icon .icon{width:24px;height:24px}
.subtle-label{font-size:13px;border-radius:5px;padding:3px 7px;line-height:1.5;background:var(--soft)}
.section-band{display:flex;align-items:baseline;gap:12px;margin:27px 0 13px}.section-band h2{font-size:18px;font-weight:600;white-space:nowrap}.section-band>span{font-size:14px;color:var(--muted)}.section-band:after{content:'';height:1px;flex:1;background:var(--line);align-self:center;margin-left:4px}
.analytics-grid{grid-template-columns:minmax(0,1.8fr) minmax(310px,1fr);gap:var(--gap)}
.trend-meta{padding:0 var(--space-panel) 6px}.trend-summary>strong{font-size:28px}.trend-summary>span{font-size:14px}.segmented{padding:3px;border-radius:8px;border-color:var(--line);background:var(--soft)}.segmented button{height:29px;padding-inline:10px;font-size:14px;border-radius:5px}.segmented .selected{background:var(--surface);box-shadow:none;color:var(--blue)}
.chart,.compact .chart{height:230px;padding:4px 16px}.chart text{font-size:14px}.chart .peak-text{font-size:13px}.chart-caption{padding:11px var(--space-panel);font-size:14px;color:var(--muted);background:transparent}
.donut-area{padding:1px 0 13px}.donut{width:180px;height:180px}.donut-hole strong{font-size:32px}.donut-hole small{font-size:14px}.donut-hole em{font-size:13px}
.engagement-legend{padding:0 var(--space-panel) 17px}.engagement-legend button{min-height:29px;font-size:15px}.engagement-legend strong{font-size:16px}.legend-meter{height:3px}
.work-grid{grid-template-columns:minmax(310px,1fr) minmax(0,1.7fr);gap:var(--gap)}.work-operations,.work-content{gap:var(--gap);row-gap:var(--gap)}
.stat-rows{padding-inline:var(--space-panel)}.work-operations .operations .stat-rows{padding-bottom:16px}.stat-row{gap:12px}.stat-row .row-text>b{font-size:17px;line-height:1.5;font-weight:500}.stat-row small{font-size:14px;color:var(--muted);margin-top:3px}.stat-row>strong{font-size:24px;font-weight:500}.stat-row>.icon-tile{width:28px}
.compact-stats{padding:0 var(--space-panel) 20px;gap:17px 24px}.compact-stat span{font-size:15px}.compact-stat b{font-size:19px}
.video-toolbar{margin-inline:var(--space-panel);padding-bottom:10px;font-size:14px}.video-collection{padding-inline:var(--space-panel)}.video-item{padding:20px 0;gap:18px}.cover-placeholder{width:152px;border-radius:10px;background:var(--soft);border:1px solid var(--line);aspect-ratio:16/10}.video-info h3{font-size:17px;line-height:1.6;font-weight:500}.video-info>p{font-size:14px;margin-top:4px}.creator-line{font-size:14px;margin-top:10px}.creator-line time{font-size:13px}.video-numbers{gap:16px;font-size:14px;margin-top:11px}.video-numbers b{font-size:16px}.video-foot{padding:10px var(--space-panel);font-size:14px}.recent-note{margin:0 var(--space-panel) 12px;padding:9px 0 0;background:none;border-radius:0;border-top:1px solid var(--line);font-size:13px;line-height:1.6}
.recommended .panel-heading{padding-bottom:14px}.recommended .panel-heading p{font-size:15px}.recommended-people{padding:0 var(--space-panel) 20px;gap:20px}.recommended-person+.recommended-person{padding-left:20px}.recommended-metrics{gap:12px}.recommended-metrics>div{gap:6px}.recommended-metrics strong{font-size:23px}.recommended-metrics span{font-size:13px}.recommended-identity h3{font-size:16px}
.creators-grid{grid-template-columns:1fr 1fr;gap:var(--gap)}.creator-progress,.ranking{padding-inline:var(--space-panel)}.progress-row{padding-block:13px}.progress-top{font-size:16px}.progress-status{font-size:16px}.progress-detail{font-size:14px;margin-top:7px}.progress-info .track{height:6px;border-radius:3px;margin-top:9px}.progress-info .track>b{height:6px;border-radius:3px}
.ranking .rank-row{padding-block:14px;grid-template-columns:16px var(--creator-avatar-size,44px) minmax(100px,.85fr) minmax(225px,1.6fr);gap:10px}.ranking .rank-name{font-size:16px;line-height:1.5}.rank-metric>strong{font-size:20px}.rank-metric>span{font-size:14px}.rank-metric .icon{width:14px;height:14px}.rank-metrics{gap:14px}
.resources-grid{grid-template-columns:1fr 1.2fr;gap:var(--gap)}.quota-summary{padding:0 var(--space-panel) 19px;gap:20px}.quota-number{font-size:34px}.quota-summary>span:nth-child(2){font-size:15px}.quota-summary small{font-size:14px}.quota-rows{padding:0 var(--space-panel) 22px;gap:19px 24px}.quota-row>div{font-size:15px}.quota-row strong{font-size:14px}.quota-row .track{height:3px;margin-top:10px}
.activity-tags{padding-inline:var(--space-panel);gap:6px}.activity-tags>span{font-size:13px;padding:4px 7px;border-color:var(--line)}.timeline{padding:13px var(--space-panel) 16px}.timeline p{font-size:16px;line-height:1.5}.timeline p small{font-size:14px;margin-top:5px}.timeline>div{padding:10px 0;gap:12px}.timeline>div:not(:last-child):after{left:12px}.timeline-icon{width:24px;height:28px}.timeline-icon .icon{width:20px;height:20px}
.resources-grid>.system-strip{padding:17px var(--space-panel);grid-template-columns:minmax(235px,.8fr) minmax(0,2fr)}.health-heading b{font-size:16px}.health-services{gap:18px}.health-name{font-size:15px}.health-connection{font-size:14px}.health-service strong{font-size:24px}.health-heading small{font-size:13px}
.rank-row,.progress-row,.recommended-person{transition:background 160ms ease-out}.rank-row:hover,.progress-row:hover{background:var(--soft)}
footer{padding:24px 0 30px;font-size:14px}
body.dark{--bg:#141923;--surface:#191f2b;--soft:#202839;--ink:#e5eaf3;--muted:#b0bbcc;--faint:#9cabc1;--line:#303b4e;--blue:#9baeff;--blue-soft:#293459;--cyan:#70cde0;--green:#6bd5b0;--violet:#bfa3f3;--amber:#edc57a;--coral:#f19ab0}
@container(max-width:600px){.ranking .rank-row{grid-template-columns:16px var(--creator-avatar-size,44px) minmax(0,1fr);row-gap:8px}.rank-metrics{grid-column:3}.rank-metric>strong{font-size:18px}}
@container(max-width:560px){.recommended-person+.recommended-person{padding-left:0}.recommended-metrics>div{gap:8px}}
@media(min-width:2000px){.topbar{padding-inline:max(32px,calc((100vw - var(--sidebar) - 1656px)/2))}}
@media(max-width:1400px){:root{--space-panel:18px;--gap:18px}main{padding:26px 24px 0}.topbar{padding-inline:24px}.metric{padding-inline:20px}.work-grid{grid-template-columns:minmax(285px,1fr) minmax(0,1.65fr)}.analytics-grid{grid-template-columns:minmax(0,1.7fr) minmax(300px,1fr)}.video-item{gap:14px}.cover-placeholder{width:130px}.video-numbers{gap:11px}.recommended-people{gap:16px}.recommended-person+.recommended-person{padding-left:16px}.recommended-metrics>div{flex-direction:column;gap:1px}.recommended-person{gap:9px}.recommended-metrics{grid-column:2/-1}}
@media(min-width:1001px) and (max-width:1120px){.work-grid{grid-template-columns:1fr}.resources-grid{grid-template-columns:1fr 1fr}.resources-grid>.system-strip{grid-template-columns:1fr}.creators-grid{grid-template-columns:1fr 1fr}.page-title{flex-wrap:wrap}}
@media(max-width:1000px){main{padding:24px 20px 0}.topbar{padding-inline:20px}.title-line h1{font-size:28px}.work-grid{grid-template-columns:minmax(270px,1fr) minmax(0,1.55fr)}.metric{padding-inline:18px}.metric-value{font-size:34px}.resources-grid>.system-strip{grid-template-columns:1fr}}
@media(max-width:800px){:root{--gap:16px;--space-panel:18px}.analytics-grid,.work-grid,.resources-grid{grid-template-columns:1fr}.creators-grid{grid-template-columns:1fr 1fr}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));padding:0}.metric,.compact .metric{padding:18px 20px}.metric:nth-child(3){border-left:0}.metric:nth-child(n+3){border-top:1px solid var(--line)}.metric-foot{min-height:20px}.engagement{display:grid;grid-template-columns:1fr 1fr}.donut-area{padding:0 0 20px}.donut{width:168px;height:168px}.engagement-legend{padding:0 24px 20px 0}.engagement-legend button{min-height:32px}.page-title{flex-wrap:wrap}.title-actions{margin-left:auto}.recommended-metrics>div{flex-direction:row;gap:8px}.work-operations .operations .stat-rows{gap:0 20px}.resources-grid>.system-strip .health-service{display:flex}.resources-grid>.system-strip .health-heading{border:0;padding:0}}
@media(max-width:600px){:root{--space-panel:16px;--type-title:18px}main{padding:22px 12px 0}.topbar{height:58px;padding-inline:12px}.title-line h1{font-size:26px}.page-title{margin-bottom:20px}.page-title p{font-size:15px;line-height:1.6}.title-actions{width:100%;gap:8px}.title-actions .button{height:40px}.metrics{margin-bottom:18px}.metric,.compact .metric{padding:16px}.metric-label{font-size:15px}.metric-value{font-size:32px;margin-top:9px}.metric-foot{font-size:13px;margin-top:8px;min-height:20px}.metric .icon-tile{width:24px;height:24px}.section-band{margin:23px 0 12px;gap:8px}.section-band h2{font-size:17px}.section-band>span{font-size:13px}.section-band:after{display:none}.panel-heading,.creation .panel-heading.compact{padding:17px 16px 12px}.panel-heading p,.recommended .panel-heading p{font-size:14px}.panel-heading h2{gap:8px}.chart,.compact .chart{height:220px}.chart-caption{font-size:13px;padding:10px 16px}.chart text{font-size:13px}.donut{width:152px;height:152px}.donut-hole strong{font-size:28px}.engagement-legend{padding-right:16px}.engagement-legend button{font-size:14px}.creators-grid{grid-template-columns:1fr}.stat-row small{font-size:13px}.stat-row>strong{font-size:21px}.stat-row .row-text>b{font-size:16px}.compact-stats{gap:13px 16px;padding-bottom:18px}.compact-stat b{font-size:18px}.cover-placeholder{width:112px}.video-item{gap:12px;padding:16px 0}.video-info h3{font-size:16px}.video-numbers{gap:10px;font-size:0}.video-numbers b{font-size:15px}.video-info>p{font-size:13px}.creator-line time{font-size:13px}.recent-note{font-size:13px}.recommended-people{padding:0 16px 18px}.recommended-person+.recommended-person{padding-left:0}.recommended-metrics strong{font-size:22px}.recommended .panel-heading .actions{width:auto;gap:10px}.recommended .panel-heading{row-gap:10px}.ranking .rank-row{padding-block:12px}.progress-detail{font-size:13px}.progress-row{padding-block:12px}.timeline p{font-size:15px}.timeline p small{font-size:13px}.health-services{gap:10px}.health-connection{font-size:13px}.health-service strong{font-size:22px}.resources-grid>.system-strip{padding:16px;gap:14px}.health-heading small{font-size:13px}footer{font-size:13px;padding-bottom:64px}.compact .chart{height:200px}}
@media(prefers-reduced-motion:reduce){.rank-row,.progress-row,.recommended-person,.button,.nav-item,.nav-group>button{transition:none}}