/* Neutral workspace. Frosted materials are reserved for content and overlays. */
@media screen {
 :root{--bg:#f5f5f7;--panel:#fff;--line:#e5e5ea;--text:#191a1f;--muted:#787980;--blue:#1322be;--purple:#1322be;--surface-soft:#f2f2f5;--accent-soft:#eef0fc;--accent-border:#dfe2f5;--chart-grid:#ebebef;--chart-current:#1322be;--chart-area:#1322be;--chart-previous:#b4b5be;--donut-track:#f0f0f3;--font:-apple-system,BlinkMacSystemFont,'Inter','Segoe UI',sans-serif}
 body{background:#f5f5f7;color:var(--text)}
 .app-shell{background:none}
 .sidebar{background:#111216;border-right:1px solid #222329;box-shadow:none;padding-top:31px}
 .brand{margin:0 0 42px;padding:0 5px;line-height:0}
 .brand-logo{width:170px;filter:grayscale(1) invert(1) brightness(1.35);mix-blend-mode:screen}
 .nav-label{font-size:8px;letter-spacing:1.5px;color:#777980}
 nav a{color:#a4a5ad;border-radius:10px;margin-bottom:6px;min-height:44px;border:1px solid transparent}
 nav a:hover{color:#fff;background:#ffffff08}
 nav a.active{color:#fff;background:#23242b;border-color:#34353d;box-shadow:none}
 nav a.active>.icon,nav a.active>span:first-child{color:#9aa5ff}
 .nav-dot{background:#8593ff}.nav-count{color:#c6c7cf;background:#2d2e36;border-radius:5px}
 .sidebar .data-nav{color:#9b9da6}.sidebar .data-nav:hover{color:#fff}
 .sidebar .profile{margin:10px -4px 17px;padding:12px 11px;border:1px solid #ffffff20;border-radius:16px;background:#ffffff09;box-shadow:inset 0 1px 0 #ffffff0b,0 8px 22px #0002;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
 .sidebar .profile strong{color:#f4f4f6;font-size:11px;font-weight:550}
 .sidebar .profile span:not(.status-dot){color:#92949f;font-size:9px}
 .sidebar .profile-avatar{color:#d9dce7;background:#ffffff0a;border-color:#ffffff1a}
 .sidebar .icon-button{color:#a7a8b2}.sidebar .icon-button:hover{color:#fff;background:#ffffff0d}
 .topbar{height:73px;background:#fff;border-color:#e9e9ed;backdrop-filter:none;-webkit-backdrop-filter:none}
 .breadcrumb{color:#8b8c93}.breadcrumb strong{color:#3b3c43;font-weight:550}.breadcrumb .slash{color:#d0d0d6}
 .top-avatar{background:#f2f2f5;border-color:#e7e7ec;color:#62636b}
 .demo-badge{color:#73747c;background:#f5f5f7;border-color:#ededf1}.demo-badge i{background:#9699a7}
 main{padding-bottom:42px}
 .page-heading h1{font-weight:620;letter-spacing:-1.3px;color:#15161a}
 h1>span:not(.heading-count){background:none;-webkit-text-fill-color:currentColor;color:#1322be}
 .eyebrow{color:#8a8b92}.tiny-square{background:#1322be}
 .page-heading p,.panel-heading p{color:#83848c}
 .panel,.stat-card,.stat-card.blue,.stat-card.purple,.stat-card.green,.stat-card.orange,.admin-stats>article{background:#fff;border:1px solid #e7e7ec;border-radius:17px;box-shadow:0 2px 5px #18192703;backdrop-filter:none;-webkit-backdrop-filter:none}
 .stat-card:before{display:none}
 .stats{gap:16px;margin-top:22px}.stat-card{padding:23px 22px}
 .stat-top{color:#777880}.stat-value{font-size:34px;letter-spacing:-1.1px;font-weight:600;color:#17181d}
 .stat-icon,.purple .stat-icon,.green .stat-icon,.orange .stat-icon{background:#f5f5f7;color:#8b8d97;border:1px solid #ededf1;border-radius:9px}
 .stat-bottom{white-space:normal}.stat-bottom .comparison-neutral{font-size:9px;color:#95969d}
 .change{color:#1322be}.change.negative{color:#b44b55}.vs,.comparison-neutral{color:#90919a}
 .panel-heading{padding-top:23px}.panel-heading h2{font-weight:600;color:#24252c}
 .chart-layout{gap:20px}.panel-icon{color:#898b97;background:#f5f5f8;border-color:#ededf2;border-radius:9px}
 .button{color:#34353e;background:#fff;border:1px solid #dcdde4;border-radius:10px;box-shadow:0 1px 2px #00000004;backdrop-filter:none;-webkit-backdrop-filter:none;font-weight:500}
 .button:hover{color:#16171d;background:#f8f8fa;border-color:#bfc1cb;box-shadow:none}
 .button.primary{color:#fff;background:#1322be;border-color:#1322be;box-shadow:0 2px 4px #1322be12}
 .button.primary:hover{color:#fff;background:#0e1a9e;border-color:#0e1a9e;box-shadow:0 3px 8px #1322be20}
 .period-select,.select-wrap,.search-box{background:#fff;border:1px solid #dedee6;border-radius:10px;box-shadow:none}
 .period-select select,.select-wrap select{color:#64656e}.search-box input{color:#25262c}.search-box input::placeholder{color:#9697a1}
 .period-select .icon:first-child,.period-select .icon:last-child,.select-wrap>.icon,.search-box>.icon{color:#94959f}
 .segmented{background:#eaeaef;border:1px solid #e5e5eb;padding:3px;border-radius:10px}
 .segmented button{color:#7c7d86;border-radius:7px;font-weight:500}
 .segmented button.active{color:#272832;background:#fff;border-color:#dcdcE4;box-shadow:0 1px 4px #0000000b}
 .segmented button:hover{color:#343641}
 .scope-bar{margin-top:26px;gap:13px}.scope-description{color:#8b8c94}
 .sync-status{display:inline-flex;align-items:center;gap:6px;margin-left:auto;font-size:9px;color:#8b8e96;white-space:nowrap}
 .sync-status i{width:5px;height:5px;border-radius:50%;background:#59a287}.sync-status.delayed{color:#a7834d}.sync-status.delayed i{background:#b58f54}
 .client-context{background:#efeff3;border:1px solid #e5e5ec;border-radius:10px;box-shadow:none;color:#8a8b94}
 .client-context strong{color:#50515c}.client-context a{color:#74757f}
 .insight-strip{background:#efeff4;border:1px solid #e4e4ec;border-radius:13px;box-shadow:none}
 .insight-strip strong{color:#42444f}.insight-strip span{color:#7f808a}.insight-strip b{color:#b1b2bb}
 .insight-icon{background:#e7e8f0;border-color:#dcdde7;color:#686d89;border-radius:10px}
 .text-button{color:#1322be}.text-button:hover{color:#0d188c}
 .subtle-tag,.heading-count{color:#777a87;background:#eeeef3;border-color:#e4e4ec;border-radius:7px}
 .heading-count{font-weight:500}
 .line-chart text{fill:#9899a3}.chart-legend{color:#9698a2}.legend-dot.blue{background:#1322be}
 .chart-tooltip{background:#fffffff0;border-color:#e5e5eb;border-radius:10px;color:#252731;box-shadow:0 6px 22px #00000012;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
 .chart-tooltip b{color:#3b3d49}.chart-tooltip span{color:#848692}
 .donut-center span,.engagement-rows>div>span,.engagement-rows small{color:#858792}.engagement-rows .icon{color:#a3a5af}
 th{color:#8d8e98;background:#fafafb;border-color:#ededf2}td{color:#747681;border-color:#f0f0f4}tbody tr:hover{background:#fafafb}
 .table-views,.table-reel strong{color:#2d2f38}.table-reel strong{font-weight:550}.table-reel small{color:#9698a3}
 .table-scroll{position:relative;border-radius:0 0 17px 17px}
 .rate-pill{background:#eff0f9;color:#4d5789;border-radius:6px}.unknown-rate{background:#f0f0f3!important;color:#9698a2!important}
 .reel-bars{padding-top:25px}.reel-bar-label{color:#8a8c98}.reel-bar-label strong{color:#4d505c}.reel-bar-track{background:#f0f0f5}.reel-bar-track i{background:#1322be}
 .reels-toolbar{border-color:#e7e7ed}.results-caption{margin-bottom:19px;color:#92949f}.results-caption>span:last-child{color:#9698a2}
 .reel-card{position:relative;overflow:hidden;text-align:left;background:#15161b;border:1px solid #30323d;border-radius:19px;box-shadow:0 3px 8px #10121d0a;transition:transform .2s,box-shadow .2s,border-color .2s}
 .reel-card:hover{color:#fff;transform:translateY(-3px);border-color:#616778;box-shadow:0 14px 30px #0c112524}
 .reel-card .reel-thumbnail.large{aspect-ratio:4/5;border-radius:17px 17px 0 0}
 .reel-thumbnail.large:after{background:linear-gradient(0deg,#0b0c1380,transparent 65%)}
 .reel-card .cover-title{display:none}.reel-card .play-icon{bottom:72px;right:13px;background:#ffffff15;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-color:#ffffff45;color:#fff}
 .video-time{color:#fff;background:#1d202b60;border:1px solid #ffffff40;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:7px}
 .reel-card-content{position:relative;z-index:2;margin:-54px 10px 10px;padding:14px 13px 12px;background:#22242db5;border:1px solid #ffffff25;border-radius:13px;box-shadow:inset 0 1px 0 #ffffff0a,0 5px 20px #00000020;backdrop-filter:blur(24px) saturate(120%);-webkit-backdrop-filter:blur(24px) saturate(120%)}
 .reel-card h2{color:#f4f4f7;font-weight:550;font-size:11px;margin:7px 0 12px}
 .reel-card-meta{color:#b1b3bf;font-size:8px}.best-label{color:#c5cafe}
 .reel-main-metric>span:first-child{color:#b4b6c3}.reel-main-metric strong{color:#fff;font-weight:600}.reel-main-metric .icon{color:#b5b7c6}
 .reel-card .rate-pill{background:#ffffff12;color:#d0d4fa}.reel-card .unknown-rate{background:#ffffff0c!important;color:#a4a8bb!important}
 .reel-mini-metrics{border-color:#ffffff13;color:#c3c5d1}.reel-mini-metrics .icon{color:#9398b0}
 dialog{color:#24252d;background:#ffffffe0;border:1px solid #ffffffb0;border-radius:24px;box-shadow:0 30px 100px #12142140,inset 0 1px 0 #ffffff;backdrop-filter:blur(40px) saturate(135%);-webkit-backdrop-filter:blur(40px) saturate(135%)}
 dialog::backdrop{background:#11131d40;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
 .modal-heading h2{color:#22232b;letter-spacing:-.5px;font-weight:600}
 .icon-button{color:#92949e}.icon-button:hover{background:#eaeaef;color:#343641}
 .detail-layout>.reel-thumbnail.large{border-radius:15px}.detail-layout .cover-title{font-weight:600}
 .detail-eyebrow{color:#9497a3}.detail-content h3{color:#23252e}.detail-content>p,.detail-views>span,.detail-period{color:#9395a1}
 .detail-views strong{color:#1e2029;font-weight:600}.detail-period{border-color:#dcdde5}
 .detail-metrics>div{background:#ffffff88;border-color:#dfe0e8;border-radius:11px;box-shadow:inset 0 1px 0 #fff}
 .detail-metrics strong{color:#3c3f4e}.detail-metrics .icon{color:#8d93ab}.detail-metrics span{color:#9398a9}
 .detail-rate{color:#8e91a0;border-color:#e1e2e9}.detail-rate strong{color:#1322be}
 .detail-source,.reel-refresh-note,.metrics-note{background:#eeeef480;border-color:#dfe0e9;border-radius:10px;color:#8b8f9f;box-shadow:none}
 .detail-source strong{color:#707585;font-weight:550}.detail-source{font-size:9px;padding:10px 12px}
 .source-status,.reel-form-preview{background:#f1f1f5;border-color:#e0e1e9;border-radius:12px}
 .source-icon{color:#717891}.source-status p,.reel-form-preview p,.reel-import-info{color:#8e93a2}
 .field-label{color:#777d8e}.field-label input,.reel-fields select,.admin-password-wrap{background:#ffffffb0;color:#343a4d;border-color:#d8dbe6;border-radius:9px}
 .form-divider{border-color:#e0e1e9}.form-divider span,.field-optional{color:#9499a8}
 .export-option{color:#303442;background:#ffffff95;border-color:#e0e1e9;border-radius:13px}.export-option:hover{color:#1322be;background:#fff;border-color:#b9c0e1}.export-option>.icon:first-child{color:#8892ae}
 .export-option small,.modal-copy,.help-content p{color:#9096a5}.help-content strong{color:#51596c}
 .company-initials,.admin-empty-icon{color:#7e879f;background:#eeeef4;border-color:#dfe1ea}.company-cell strong{color:#414859}.company-cell small,.company-status,.username-label{color:#939aaa}
 .admin-stats .icon{color:#8e95a6}.admin-stats>article>span{color:#858b9c}.admin-badge{background:#edf0fb;color:#596caa;border-color:#dce2f5}
 #toast{color:#383e50;background:#ffffffe8;border-color:#fff;border-radius:12px;box-shadow:0 12px 36px #161b301f;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
 .login-page{background:#f5f5f7}.login-side{background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none}.login-story{background:#111216;box-shadow:none}.story-orb{display:none}
 .login-input-wrap{background:#fff;border-color:#dedfe7;border-radius:11px}.login-submit{background:#1322be;box-shadow:0 3px 8px #1322be15}.login-submit:hover{background:#0e1a9e}
 .login-eyebrow{color:#828696}.login-eyebrow i{background:#1322be}.login-form-wrap h1 span{color:#1322be}
 .story-copy h2 span{color:#9ba6ff}.story-pill{background:#ffffff08;border-color:#ffffff20}.story-mark{color:#9ba6ff}.story-visual .visual-card{background:#ffffff06;border-color:#ffffff24;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
 .floating-label,.floating-result{background:#25272f9c;border-color:#ffffff25;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
 button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline-color:#1322be}
 .heading-actions .button{font-size:11px}.scope-description,.sync-status,.results-caption{font-size:10px;color:#7d7f88}.panel-heading p{font-size:11px;color:#7f818a}.stat-top{font-size:11px}.stat-bottom .comparison-neutral{font-size:10px;color:#848690}
 .detail-content>p,.detail-period,.detail-views>span{font-size:10px;color:#7d8290}.detail-metrics strong{font-size:16px}.detail-metrics span{font-size:10px;color:#7f8594}.detail-source{color:#7c8292}.detail-admin-actions .button{font-size:10px}
 .reel-card h2{font-size:12px}.reel-card-meta{font-size:9px}.reel-mini-metrics{font-size:10px}.search-box input,.period-select select,.select-wrap select{font-size:11px}
 @media(max-width:1000px){.stat-card{padding:18px}.stat-value{font-size:29px}.chart-layout{gap:17px}}
 @media(max-width:760px){.sidebar{background:#111216}.sidebar.open{box-shadow:15px 0 60px #0003}.topbar{height:62px}.brand-logo{width:165px}.page-heading h1{letter-spacing:-1px}.stat-card{padding:16px;border-radius:15px}.stat-value{font-size:29px}.panel{border-radius:15px}.sync-status{font-size:8px;margin-left:0}.scope-bar{gap:10px}.scope-description{font-size:8px}.reel-grid{gap:14px}.reel-card{border-radius:16px}.reel-card-content{margin:-42px 7px 7px;padding:11px 9px;border-radius:11px}.reel-card .reel-thumbnail.large{border-radius:14px 14px 0 0}.reel-card h2{font-size:10px}.reel-card-meta{font-size:7px}.reel-mini-metrics{font-size:8px}.reel-card .play-icon{bottom:58px}.detail-source{font-size:8px}.detail-metrics strong{font-size:14px}.detail-metrics span{font-size:9px}.detail-admin-actions .button{font-size:9px}.heading-actions .button{font-size:9px}.scope-description,.sync-status,.results-caption{font-size:8px}.search-box input,.period-select select,.select-wrap select{font-size:10px}.stat-top{font-size:10px}.stat-bottom .comparison-neutral{font-size:9px}.stats{gap:11px}.panel-heading{padding-top:18px}dialog{border-radius:20px}}
 @media(prefers-reduced-motion:reduce){.reel-card{transition:none}.reel-card:hover{transform:none}}
 @supports not (backdrop-filter:blur(1px)){dialog{background:#fafafd}.reel-card-content{background:#252731}.sidebar .profile{background:#202127}}
}