:root{font-family:Segoe UI,Microsoft YaHei UI,Microsoft YaHei,sans-serif;color:#f1f2fb;background:#151a31;font-synthesis:none;text-rendering:optimizeLegibility;--bg: #151a31;--surface: #202642;--surface-2: #272e4d;--surface-3: #303858;--line: #343d61;--line-strong: #4b5680;--text: #f3f4ff;--muted: #b1bad2;--muted-2: #8994b4;--accent: #5ad8c9;--accent-deep: #178f83;--accent-soft: rgba(90, 216, 201, .14);--cyan: #68d7ff;--danger: #ff796f;--warning: #e8b465;--radius: 12px;--mono: "Cascadia Mono", "SFMono-Regular", Consolas, monospace}*{box-sizing:border-box}html,body,#root{margin:0;min-width:320px;min-height:100%;background:var(--bg)}button,input,select{font:inherit}button{color:inherit}body{overflow:hidden}.app-provider{min-height:100dvh;background:var(--bg)}.dashboard-shell{--command-bg: radial-gradient(circle at 18% 0%, rgba(115,235,221,.28), transparent 35%), radial-gradient(circle at 88% 100%, rgba(166,225,139,.18), transparent 38%), linear-gradient(125deg, #123f5c 0%, #0c6f78 43%, #16907c 72%, #3b8d68 100%);--command-shadow: 0 22px 52px rgba(3, 66, 72, .34);--flip-filter: drop-shadow(0 10px 16px rgba(3,48,57,.24));--flip-bg: linear-gradient(180deg, rgba(255,255,255,.23) 0%, rgba(255,255,255,.13) 48.5%, rgba(4,79,82,.32) 50.5%, rgba(4,65,70,.24) 100%);--flip-shadow: 0 10px 20px rgba(2,53,59,.3), inset 0 1px 0 rgba(255,255,255,.34), inset 0 -1px 0 rgba(2,51,56,.24);--flip-seam: rgba(2,55,61,.42);--flip-text-shadow: 0 4px 11px rgba(2,48,53,.32);min-height:100dvh;height:100dvh;overflow:hidden;color:var(--text);background:radial-gradient(circle at 49% -24%,rgba(34,179,164,.14),transparent 38%),radial-gradient(circle at 88% 15%,rgba(66,104,205,.12),transparent 28%),var(--bg)}.dashboard-shell.palette-glacier{--command-bg: radial-gradient(circle at 20% 0%, rgba(137,225,244,.26), transparent 34%), radial-gradient(circle at 88% 100%, rgba(119,198,210,.18), transparent 39%), linear-gradient(125deg, #173b5d 0%, #1e607d 42%, #2f8295 72%, #527d87 100%);--command-shadow: 0 22px 52px rgba(8, 50, 75, .34);--flip-filter: drop-shadow(0 10px 16px rgba(6,42,63,.25));--flip-bg: linear-gradient(180deg, rgba(255,255,255,.23) 0%, rgba(255,255,255,.13) 48.5%, rgba(20,75,101,.34) 50.5%, rgba(17,60,82,.26) 100%);--flip-shadow: 0 10px 20px rgba(7,43,61,.31), inset 0 1px 0 rgba(255,255,255,.34), inset 0 -1px 0 rgba(11,48,67,.25);--flip-seam: rgba(9,48,67,.44);--flip-text-shadow: 0 4px 11px rgba(6,38,57,.34)}.dashboard-shell.palette-amber{--command-bg: radial-gradient(circle at 18% 0%, rgba(255,221,148,.22), transparent 34%), radial-gradient(circle at 88% 100%, rgba(223,187,107,.16), transparent 38%), linear-gradient(125deg, #45351d 0%, #65481d 43%, #805b23 72%, #5f532a 100%);--command-shadow: 0 22px 52px rgba(55, 38, 13, .36);--flip-filter: drop-shadow(0 10px 16px rgba(48,31,8,.26));--flip-bg: linear-gradient(180deg, rgba(255,255,255,.24) 0%, rgba(255,255,255,.13) 48.5%, rgba(94,62,14,.38) 50.5%, rgba(74,49,12,.29) 100%);--flip-shadow: 0 10px 20px rgba(50,32,7,.33), inset 0 1px 0 rgba(255,255,255,.35), inset 0 -1px 0 rgba(58,37,8,.28);--flip-seam: rgba(61,39,8,.48);--flip-text-shadow: 0 4px 11px rgba(48,30,7,.36)}.dashboard-shell.palette-obsidian{--command-bg: radial-gradient(circle at 18% 0%, rgba(201,224,233,.18), transparent 34%), radial-gradient(circle at 88% 100%, rgba(116,202,197,.13), transparent 38%), linear-gradient(125deg, #26384c 0%, #3b5163 43%, #526875 72%, #36555c 100%);--command-shadow: 0 22px 52px rgba(17, 31, 43, .38);--flip-filter: drop-shadow(0 10px 16px rgba(15,28,39,.27));--flip-bg: linear-gradient(180deg, rgba(255,255,255,.22) 0%, rgba(255,255,255,.12) 48.5%, rgba(42,59,70,.38) 50.5%, rgba(32,48,59,.3) 100%);--flip-shadow: 0 10px 20px rgba(17,28,38,.34), inset 0 1px 0 rgba(255,255,255,.32), inset 0 -1px 0 rgba(23,37,47,.27);--flip-seam: rgba(23,37,48,.5);--flip-text-shadow: 0 4px 11px rgba(17,28,37,.36)}.dashboard-shell.palette-electric{--command-bg: radial-gradient(circle at 12% 0%, rgba(51,181,255,.42), transparent 34%), radial-gradient(circle at 92% 100%, rgba(30,220,210,.22), transparent 38%), linear-gradient(120deg, #0d2850 0%, #124f8e 46%, #087f9b 72%, #0e566c 100%);--command-shadow: 0 22px 52px rgba(3, 42, 84, .42);--flip-filter: drop-shadow(0 10px 18px rgba(1,31,67,.34));--flip-bg: linear-gradient(180deg, rgba(172,226,255,.28) 0%, rgba(255,255,255,.14) 48.5%, rgba(6,56,105,.44) 50.5%, rgba(4,42,82,.34) 100%);--flip-shadow: 0 11px 22px rgba(2,28,61,.38), inset 0 1px 0 rgba(255,255,255,.38), inset 0 -1px 0 rgba(3,37,72,.32);--flip-seam: rgba(2,38,76,.58);--flip-text-shadow: 0 4px 12px rgba(1,27,60,.42)}.topbar{height:62px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid var(--line);background:#141930f0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand-lockup,.brand-lockup>div,.topbar-controls,.control-field,.clock-block,.metric-heading,.ticker,.panel-header,.studio-titlebar,.studio-titlebar>div,.selected-stats,.video-meta,.channel-toolbar,.modal-header,.modal-header>div,.modal-stats{display:flex;align-items:center}.brand-lockup{gap:11px}.brand-lockup>div{display:block}.brand-mark{width:40px;height:40px;display:grid;place-items:center;overflow:hidden;border:2px solid rgba(90,216,201,.52);border-radius:50%;background:#fff;box-shadow:0 5px 18px #075b564d;padding:0;cursor:pointer}.brand-mark img{width:100%;height:100%;display:block;border-radius:inherit;object-fit:cover;transform:scale(1.38)}.brand-lockup h1{margin:0;font-size:17px;line-height:1.2;letter-spacing:.02em}.brand-lockup p{margin:4px 0 0;color:var(--muted-2);font:9.5px/1 var(--mono);letter-spacing:.14em}.topbar-controls{gap:17px}.demo-badge{padding:4px 8px;border:1px solid rgba(232,180,101,.32);border-radius:999px;color:var(--warning);background:#e8b46514;font-size:12px}.control-field{gap:8px}.control-field>span{color:var(--muted);font-size:12px}.control-field .fui-Select{min-width:118px;background:var(--surface)}.palette-field .fui-Select{min-width:96px}.connection-state{display:flex;align-items:center;gap:7px;color:#c7d4d1;font-size:12px}.connection-state i,.status-chip i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent)}.connection-state i{background:var(--cyan);box-shadow:0 0 0 4px #68d7ff1a}.clock-block{gap:9px;padding-left:16px;border-left:1px solid var(--line)}.clock-block strong{font:17px/1 var(--mono);color:var(--text)}.clock-block span{color:var(--muted);font-size:11px}.dashboard-main{height:calc(100dvh - 62px);min-height:0;display:grid;grid-template-rows:32px minmax(410px,1fr) minmax(270px,31.5vh);gap:8px;padding:8px 12px 12px}.ticker{min-width:0;border:1px solid rgba(90,216,201,.22);border-radius:9px;background:#262c4bbd;overflow:hidden}.ticker>span{align-self:stretch;display:flex;align-items:center;gap:6px;padding:0 11px;border-right:1px solid var(--line);color:#baf;font-size:12px;font-weight:650}.ticker p{flex:1;margin:0;padding:0 12px;color:#d3dcda;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ticker p strong{color:var(--text);margin-right:6px}.ticker time{color:var(--muted);font:10.5px var(--mono)}.ticker-anomaly{margin-right:12px;padding:3px 7px;border:1px solid rgba(255,121,111,.26);border-radius:999px;color:var(--danger);background:#ff796f12;font-size:10.5px;font-weight:600;white-space:nowrap}.ticker>svg{margin:0 9px 0 4px;color:var(--muted)}.metric-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr)) minmax(310px,1.72fr) repeat(2,minmax(0,1fr));gap:8px;overflow:visible}.metric{position:relative;min-width:0;display:flex;flex-direction:column;justify-content:center;padding:11px 15px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,#2a3152fa,#1f2541fa);box-shadow:0 8px 24px #070a1b26}.metric-heading{justify-content:center;gap:7px;color:var(--muted);font-size:11px}.metric-heading svg{color:var(--muted-2);font-size:15px}.metric-value{margin-top:6px;color:var(--text);font:700 25px/1.12 var(--mono);letter-spacing:-.045em;text-align:center;white-space:nowrap}.metric-value span{margin-left:4px;color:var(--muted);font:11px/1 sans-serif;letter-spacing:0}.metric-value.alert{color:var(--danger)}.metric-delta{margin-top:5px;color:var(--accent);font:9.5px var(--mono);text-align:center}.metric-delta.down{color:var(--danger)}.metric.featured{z-index:1;padding-top:9px;padding-bottom:9px;border-color:#9cebe057;background:linear-gradient(135deg,#176b78,#168c82 52%,#2e9b71);box-shadow:0 16px 38px #075b564d,inset 0 1px #fff3}.metric.featured:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 82% 8%,rgba(255,255,255,.19),transparent 34%)}.metric.featured .metric-heading{color:#ffffffc7}.metric.featured .metric-heading svg{color:#fff}.metric.featured .metric-value{color:#fff;font-size:36px;letter-spacing:-.055em;text-shadow:0 4px 18px rgba(41,28,114,.22)}.metric.featured .metric-value span,.metric.featured .metric-delta{color:#ffffffc7}.metric.featured .metric-delta{margin-top:5px}.analytics-grid{min-height:0;display:grid;grid-template-columns:minmax(235px,.95fr) minmax(430px,2.05fr) minmax(255px,1fr);gap:8px}.analytics-side{min-width:0;min-height:0;display:grid;grid-template-rows:minmax(205px,.78fr) minmax(285px,1.22fr);gap:8px}.center-stack{min-width:0;min-height:0;display:grid;grid-template-rows:minmax(325px,1.48fr) minmax(190px,1fr);gap:8px;margin:0 10px}.panel{min-width:0;min-height:0;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:0 10px 30px #070a1b21;overflow:hidden}.panel-header{justify-content:space-between;min-height:48px;padding:9px 12px;border-bottom:1px solid var(--line)}.panel-header h2,.studio-titlebar h2{margin:0;color:var(--text);font-size:14px;font-weight:650}.panel-header p,.studio-titlebar p{margin:3px 0 0;color:var(--muted-2);font-size:10.5px}.header-unit{color:var(--muted);font:10px var(--mono);letter-spacing:.1em}.ranking-panel{display:flex;flex-direction:column;border-color:var(--line-strong)}.ranking-list{flex:1;min-height:0;display:block;padding:5px 5px 6px 6px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}.ranking-list::-webkit-scrollbar{width:5px}.ranking-list::-webkit-scrollbar-track{background:transparent}.ranking-list::-webkit-scrollbar-thumb{border-radius:999px;background:var(--line-strong)}.ranking-row{position:relative;width:100%;height:42px;min-height:42px;display:grid;grid-template-columns:29px minmax(0,1fr) auto;align-items:center;gap:7px;padding:0 8px;border:0;border-radius:6px;background:transparent;text-align:left;cursor:pointer;transition:background .16s ease}.ranking-row+.ranking-row{margin-top:2px}.ranking-row:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:2px;border-radius:2px;background:var(--accent);opacity:0;transition:opacity .16s ease}.ranking-row:hover,.ranking-row.selected{background:#5ad8c917}.ranking-row.selected:before{opacity:1}.rank-number{color:var(--muted-2);font:12px var(--mono)}.ranking-row:nth-child(-n+3) .rank-number{color:var(--accent);font-weight:700}.rank-account{min-width:0;display:flex;flex-direction:column}.rank-account strong{overflow:hidden;color:#eceeff;font-size:12px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.rank-account small{margin-top:2px;color:var(--muted-2);font:10px var(--mono)}.rank-value{color:#edf1f2;font:11.5px var(--mono)}.side-trend-panel{display:grid;grid-template-rows:48px minmax(0,1fr)}.command-center-panel{display:grid;grid-template-rows:minmax(0,1fr);border-color:transparent;box-shadow:var(--command-shadow)}.command-center-body{min-width:0;min-height:0;display:grid;grid-template-rows:minmax(112px,.78fr) minmax(156px,1.22fr);overflow:hidden;color:#fff;background:var(--command-bg);box-shadow:inset 0 1px #ffffff3d}.command-primary{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6px 14px;text-align:center}.command-primary>span{display:flex;align-items:center;justify-content:center;gap:6px;color:#ffffffe0;font-size:12px}.command-primary>span svg{font-size:15px}.command-primary>small{margin-top:6px;color:#fffc;font-size:10.5px}.command-primary>small b{color:#fff;font-family:var(--mono)}.flip-value{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:7px;perspective:1100px;filter:var(--flip-filter)}.flip-cell{--flip-delay: 0ms;position:relative;min-width:.78em;height:1.18em;display:grid;place-items:center;overflow:hidden;border-radius:8px;color:#fff;background:var(--flip-bg);box-shadow:var(--flip-shadow);transform-origin:50% 50%;font:780 56px/1 var(--mono);letter-spacing:-.07em;text-shadow:var(--flip-text-shadow)}.flip-cell:before{content:"";position:absolute;z-index:2;left:0;right:0;top:50%;height:1px;background:var(--flip-seam);box-shadow:0 1px #ffffff21}.flip-cell:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(100deg,rgba(255,255,255,.12),transparent 28%,transparent 72%,rgba(255,255,255,.05))}.flip-cell b{position:relative;z-index:1;font:inherit}@media(prefers-reduced-motion:no-preference){.flip-cell{animation:flip-reveal .62s cubic-bezier(.2,.78,.24,1) var(--flip-delay) both}}@keyframes flip-reveal{0%{opacity:.35;transform:rotateX(-78deg) translateY(-5px)}to{opacity:1;transform:rotateX(0) translateY(0)}}.command-kpi-grid{width:min(82%,760px);min-width:0;min-height:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));justify-self:center;gap:5px 16px;padding:5px 0 13px}.command-kpi-grid>div{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5px 4px;text-align:center}.command-kpi-grid span{overflow:hidden;max-width:100%;color:#ffffffd1;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.command-kpi-grid strong{margin-top:5px;color:#fff;font:700 18px/1 var(--mono);letter-spacing:-.035em;white-space:nowrap}.command-kpi-grid em{margin-top:4px;color:#ffffffb3;font:normal 9.5px var(--mono);white-space:nowrap}.team-overview-panel{display:grid;grid-template-rows:39px minmax(0,1fr)}.team-overview-panel .panel-header{min-height:39px;padding-top:4px;padding-bottom:4px}.team-overview-grid{min-width:0;min-height:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:6px}.team-overview-grid button{min-width:0;display:grid;grid-template-rows:auto minmax(0,1fr) 4px auto;align-content:stretch;gap:6px;padding:10px 10px 9px;border:0;border-radius:8px;color:var(--text);background:#5ad8c90e;text-align:left;cursor:pointer;transition:background .16s ease,transform .16s ease}.team-overview-grid button:hover,.team-overview-grid button.active{background:#5ad8c924}.team-overview-grid button>span{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:5px}.team-overview-grid button>span strong{overflow:hidden;font-size:11.5px;text-overflow:ellipsis;white-space:nowrap}.team-overview-grid button small{color:var(--muted-2);font-size:9.5px;font-weight:500}.team-overview-grid button>b{align-self:center;color:#f0f2ff;font:700 18px/1 var(--mono)}.team-overview-grid button>i{height:4px;overflow:hidden;border-radius:999px;background:#303858}.team-overview-grid button>i em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent-deep),var(--cyan))}.trend-chart{width:100%;min-height:0}.segmented-control{display:flex;padding:2px;border:1px solid var(--line);border-radius:8px;background:#171c35}.segmented-control button{padding:4px 8px;border:0;border-radius:6px;color:var(--muted);background:transparent;font-size:10.5px;cursor:pointer}.segmented-control button.active{color:#f3efff;background:var(--accent-soft)}.trend-summary{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.trend-summary div{display:flex;align-items:center;justify-content:center;gap:7px;border-right:1px solid var(--line)}.trend-summary div:last-child{border-right:0}.trend-summary span{color:var(--muted-2);font-size:10px}.trend-summary strong{color:#d7d9dd;font:10px var(--mono)}.intelligence-stack{min-width:0;min-height:0;display:grid;grid-template-rows:minmax(270px,1.08fr) minmax(210px,.92fr);gap:8px}.intelligence-panel{display:grid;grid-template-rows:48px 96px minmax(0,1fr)}.distribution-block{display:grid;grid-template-columns:115px 1fr;align-items:center;border-bottom:1px solid var(--line)}.pie-wrap{position:relative;height:100%}.pie-chart{width:100%;height:100%}.pie-center{position:absolute;inset:0;display:grid;place-content:center;text-align:center;pointer-events:none}.pie-center strong{font:16px/1 var(--mono)}.pie-center span{margin-top:4px;color:var(--muted-2);font-size:9.5px}.distribution-copy{display:flex;flex-direction:column;align-items:flex-start}.distribution-copy span,.distribution-copy small{color:var(--muted-2);font-size:10.5px}.distribution-copy strong{margin:5px 0 3px;color:var(--accent);font-size:16px}.alert-list{min-height:0;padding:3px 0}.alert-empty{height:100%;min-height:86px;display:grid;place-content:center;gap:5px;color:var(--muted);text-align:center}.alert-empty span{color:#d8e4e1;font-size:11.5px}.alert-empty small{color:var(--muted-2);font-size:10px}.alert-row{width:100%;height:33.33%;min-height:35px;display:grid;grid-template-columns:23px minmax(0,1fr) auto;align-items:center;gap:5px;padding:0 10px;border:0;background:transparent;text-align:left;cursor:pointer}.alert-row:hover{background:#ffffff06}.alert-row>svg{color:var(--warning)}.alert-row.critical>svg{color:var(--danger)}.alert-row>span{min-width:0;display:flex;flex-direction:column}.alert-row strong{color:#eef1f3;font-size:11px}.alert-row small{margin-top:2px;overflow:hidden;color:var(--muted-2);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.alert-row time{color:var(--muted);font:9.5px var(--mono)}.order-feed-panel{display:grid;grid-template-rows:48px 36px minmax(0,1fr)}.order-feed-panel .panel-header p{font-size:11px}.order-sync{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:11px;white-space:nowrap}.order-sync i{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px #5ad8c917}.order-feed-summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 12px;border-bottom:1px solid var(--line);color:var(--muted);font-size:11.5px}.order-feed-summary b,.order-feed-summary strong{color:var(--text);font:650 12.5px var(--mono)}.order-feed-summary strong{color:var(--accent)}.order-feed-list{min-height:0;overflow:hidden}.order-row{position:relative;min-width:0;height:25%;min-height:33px;display:grid;grid-template-columns:31px minmax(0,1fr) auto;align-items:center;gap:8px;padding:0 11px;transition:background .16s ease}.order-row:hover,.order-row.latest{background:#5ad8c90b}.order-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:7px;color:var(--accent);background:var(--accent-soft);font-size:15px}.order-info,.order-meta{min-width:0;display:flex;flex-direction:column}.order-info strong{overflow:hidden;color:#f0f2f8;font-size:12.5px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.order-info small{margin-top:3px;overflow:hidden;color:var(--muted-2);font:10.5px var(--mono);text-overflow:ellipsis;white-space:nowrap}.order-meta{align-items:flex-end;padding-left:7px}.order-meta strong{color:#d4fbf5;font:700 12.5px var(--mono);white-space:nowrap}.order-meta time{margin-top:3px;color:var(--muted);font:10.5px/1.1 var(--mono);white-space:nowrap}@media(prefers-reduced-motion:no-preference){.order-row.latest{animation:order-arrival .72s cubic-bezier(.16,1,.3,1) both}}@keyframes order-arrival{0%{opacity:.42;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.studio-dock{min-height:0;display:block}.studio-carousel{height:100%;min-height:0;display:grid;grid-template-rows:47px minmax(0,1fr);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:0 12px 32px #070a1b29;overflow:hidden}.studio-carousel-toolbar{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:6px 8px 6px 10px;border-bottom:1px solid var(--line)}.studio-heading,.studio-search-tools,.carousel-actions,.room-card-head,.room-state,.room-card-stats{display:flex;align-items:center}.studio-heading{flex:0 0 auto;gap:8px}.studio-heading h2{margin:0;color:var(--text);font-size:14px;font-weight:650}.studio-heading p{margin:3px 0 0;color:var(--muted-2);font-size:10.5px}.studio-search-tools{min-width:0;justify-content:flex-end;gap:12px}.studio-search-tools .fui-Input{width:260px;min-width:180px;background:#181d36}.studio-search-tools .fui-Input:focus-within{border-color:var(--accent);box-shadow:inset 0 0 0 1px #5ad8c952}.studio-search-tools .fui-Input input:focus-visible{outline:none}.studio-search-tools .fui-Switch{flex:0 0 auto}.room-count{flex:0 0 auto;padding-right:12px;border-right:1px solid var(--line);color:var(--muted);font:10.5px var(--mono)}.carousel-actions{flex:0 0 auto;gap:4px}.carousel-actions .fui-Button{min-width:30px;color:var(--text);background:var(--surface-2);border:1px solid var(--line)}.carousel-actions .fui-Button:hover{color:var(--accent);background:var(--accent-soft)}.live-carousel{min-width:0;min-height:0;display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 32px)/5);gap:8px;padding:8px;overflow-x:auto;overflow-y:hidden;scroll-behavior:auto;scroll-snap-type:x mandatory;scroll-padding-inline:8px;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}.live-carousel.is-programmatic-scroll{scroll-snap-type:none}.live-carousel::-webkit-scrollbar{height:5px}.live-carousel::-webkit-scrollbar-thumb{border-radius:999px;background:var(--line-strong)}.live-room-card{min-width:0;min-height:0;display:grid;grid-template-rows:41px minmax(0,1fr) 36px;scroll-snap-align:start;scroll-snap-stop:always;border:1px solid var(--line);border-radius:9px;background:#191f3a;overflow:hidden;transition:border-color .16s ease,background .16s ease,transform .16s ease}.live-room-card:hover,.live-room-card.selected{border-color:#5ad8c994;background:#1d2c45}.room-card-head{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;padding:5px 8px;border-bottom:1px solid var(--line)}.room-state{gap:5px;color:var(--muted);font-size:9.5px;white-space:nowrap}.room-state i{width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 3px #68d7ff14}.room-state.warning i{background:var(--warning)}.room-state.offline i{background:var(--muted-2)}.room-identity,.room-online{min-width:0;display:flex;flex-direction:column}.room-identity strong{overflow:hidden;color:#edf4f2;font-size:11.5px;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.room-identity small,.room-online small{margin-top:2px;color:var(--muted-2);font-size:10px;line-height:1.15}.room-online{text-align:right}.room-online strong{color:#e0ebe8;font:10.5px/1.15 var(--mono)}.video-stage-compact{margin:0;border-radius:0}.video-stage-compact .video-icon{width:31px;height:31px;font-size:16px}.video-stage-compact .video-center strong{font-size:11px}.video-stage-compact .video-center>span:not(.video-icon){font-size:9.5px}.video-stage-compact .video-center code,.video-stage-compact .video-meta{display:none}.video-stage-compact .expand-button{right:6px;bottom:6px;min-width:28px;width:28px;height:28px}.room-card-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line)}.room-card-stats>span{min-width:0;display:flex;align-items:center;justify-content:center;gap:5px;border-right:1px solid var(--line)}.room-card-stats>span:last-child{border-right:0}.room-card-stats small{color:var(--muted-2);font-size:10px}.room-card-stats strong{color:#e3ecea;font:10px var(--mono);white-space:nowrap}.studio-empty-state{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted-2)}.studio-empty-state>svg{margin-bottom:6px;font-size:25px}.studio-empty-state strong{color:var(--muted);font-size:11px}.studio-empty-state span{margin-top:4px;font-size:10px}.studio-primary,.channel-browser{min-width:0;min-height:0;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);overflow:hidden}.studio-primary{display:grid;grid-template-rows:45px minmax(0,1fr)}.studio-titlebar{justify-content:space-between;padding:6px 10px;border-bottom:1px solid var(--line)}.studio-titlebar>div:first-child{gap:8px}.section-icon{width:27px;height:27px;display:grid;place-items:center;border-radius:8px;color:var(--accent);background:var(--accent-soft)}.selected-stats{align-self:stretch}.selected-stats>span{min-width:82px;padding:0 10px;border-left:1px solid var(--line);text-align:right}.selected-stats small,.selected-stats strong{display:block}.selected-stats small{color:var(--muted-2);font-size:10px}.selected-stats strong{margin-top:2px;color:#e0e2e5;font:10px var(--mono)}.video-stage{position:relative;min-height:0;overflow:hidden;background:#11162b;isolation:isolate}.stream-player{width:100%;height:100%;display:block;object-fit:contain;background:#0d1122}.video-stage iframe.stream-player{border:0}.stream-error{position:absolute;inset:auto 10px 10px;z-index:2;padding:8px 10px;border:1px solid rgba(255,124,117,.34);border-radius:7px;color:#ffd5d2;background:#3a2633eb;font-size:10px;text-align:center}.video-grid{position:absolute;inset:0;opacity:.32;background-image:linear-gradient(rgba(90,216,201,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(104,215,255,.065) 1px,transparent 1px);background-size:36px 36px;-webkit-mask-image:radial-gradient(circle,black 12%,transparent 76%);mask-image:radial-gradient(circle,black 12%,transparent 76%)}.video-scan{position:absolute;inset:-30% 0 auto;height:48%;background:linear-gradient(180deg,transparent,rgba(90,216,201,.06),transparent);transform:translateY(-100%)}@media(prefers-reduced-motion:no-preference){.video-scan{animation:scan 5.6s ease-in-out infinite}}@keyframes scan{0%,20%{transform:translateY(-100%)}70%,to{transform:translateY(310%)}}.video-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.video-icon{width:35px;height:35px;display:grid;place-items:center;margin-bottom:7px;border:1px solid var(--line-strong);border-radius:10px;color:var(--cyan);background:#1f2541e6;font-size:19px}.video-center strong{font-size:12px}.video-center>span:not(.video-icon){margin-top:4px;color:var(--muted);font-size:10px}.video-center code{margin-top:7px;color:var(--muted-2);font:9.5px var(--mono)}.video-meta{position:absolute;left:9px;bottom:8px;gap:8px;color:var(--muted);font-size:9.5px}.status-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border:1px solid var(--line);border-radius:999px;background:#1f2541db}.status-chip.warning i{background:var(--warning)}.status-chip.offline i{background:var(--muted-2)}.expand-button{position:absolute!important;right:8px;bottom:7px;color:var(--text)!important;background:#1f2541db!important}.channel-browser{display:grid;grid-template-rows:45px minmax(0,1fr)}.channel-toolbar{gap:9px;padding:7px 9px;border-bottom:1px solid var(--line)}.channel-toolbar .fui-Input{flex:1;min-width:0;background:#181d36}.channel-toolbar .fui-Switch{flex:0 0 auto}.channel-list{min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}.channel-row{width:100%;min-height:45px;display:grid;grid-template-columns:50px minmax(0,1fr) 55px 15px;align-items:center;gap:8px;padding:5px 8px;border:0;border-left:2px solid transparent;background:transparent;text-align:left;cursor:pointer;transition:background .16s ease,border-color .16s ease}.channel-row:hover,.channel-row.selected{background:#5ad8c913}.channel-row.selected{border-left-color:var(--accent)}.channel-thumb{height:33px;display:grid;place-items:center;border:1px solid var(--line);border-radius:7px;color:var(--accent);background:#181d36}.channel-thumb.warning{color:var(--warning)}.channel-thumb.offline{color:var(--muted-2)}.channel-copy,.channel-data{min-width:0;display:flex;flex-direction:column}.channel-copy strong{overflow:hidden;color:#e0e2e5;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.channel-copy small,.channel-data small{margin-top:2px;color:var(--muted-2);font-size:9.5px}.channel-data{text-align:right}.channel-data strong{color:#c9cdd2;font:9.5px var(--mono)}.channel-row>svg{color:var(--muted-2)}.empty-state{height:100%;min-height:130px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted-2)}.empty-state>svg{margin-bottom:6px;font-size:25px}.empty-state strong{color:var(--muted);font-size:11px}.empty-state span{margin-top:4px;font-size:10px}.video-modal{position:fixed;inset:0;z-index:20;display:grid;grid-template-rows:58px minmax(0,1fr) 84px;padding:12px;background:#05080bfb}.modal-header{justify-content:space-between;padding:0 12px;border:1px solid var(--line);border-radius:var(--radius) var(--radius) 0 0;background:var(--surface)}.modal-header>div{gap:9px}.modal-header>div svg{color:var(--accent)}.modal-header span{color:var(--muted);font:10px var(--mono)}.video-stage-expanded{border-right:1px solid var(--line);border-left:1px solid var(--line)}.video-stage-expanded .video-icon{width:66px;height:66px;font-size:34px}.video-stage-expanded .video-center strong{font-size:22px}.video-stage-expanded .video-center>span:not(.video-icon){font-size:12px}.modal-stats{justify-content:center;border:1px solid var(--line);border-radius:0 0 var(--radius) var(--radius);background:var(--surface)}.modal-stats>span{min-width:150px;padding:5px 25px;border-right:1px solid var(--line);text-align:center}.modal-stats>span:last-child{border-right:0}.modal-stats small,.modal-stats strong{display:block}.modal-stats small{color:var(--muted);font-size:10px}.modal-stats strong{margin-top:5px;font:16px var(--mono)}.loading-screen{min-height:100dvh;display:grid;place-content:center;gap:18px;background:var(--bg);color:var(--text)}.loading-lines{display:flex;gap:5px;justify-content:center}.loading-lines span{width:42px;height:2px;background:var(--line);overflow:hidden}.loading-lines span:after{content:"";display:block;width:40%;height:100%;background:var(--accent)}@media(prefers-reduced-motion:no-preference){.loading-lines span:after{animation:load 1s ease-in-out infinite alternate}.loading-lines span:nth-child(2):after{animation-delay:.16s}.loading-lines span:nth-child(3):after{animation-delay:.32s}}@keyframes load{0%{transform:translate(-110%)}to{transform:translate(250%)}}button:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:active{transform:translateY(1px)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(max-width:1180px),(max-height:760px){body{overflow:auto}.dashboard-shell{height:auto;overflow:visible}.dashboard-main{height:auto;grid-template-rows:auto auto auto}.analytics-grid{grid-template-columns:1fr 1.6fr}.intelligence-stack{grid-column:1 / -1;min-height:500px;grid-template-columns:1fr 1fr;grid-template-rows:minmax(245px,1fr)}.analytics-side{min-height:540px}.command-center-body{grid-template-rows:170px auto}.command-center-panel{min-height:520px}.command-kpi-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(5,78px)}.studio-dock{min-height:330px}.live-carousel{grid-auto-columns:calc((100% - 16px) / 3)}}@media(max-width:820px){.topbar{height:auto;min-height:64px;align-items:flex-start;gap:12px;padding:12px}.topbar-controls{justify-content:flex-end;flex-wrap:wrap}.control-field,.connection-state,.demo-badge{display:none}.dashboard-main{height:auto}.analytics-grid,.studio-dock{grid-template-columns:1fr}.analytics-grid>*,.intelligence-stack{grid-column:auto;min-height:520px}.intelligence-stack{grid-template-columns:1fr;grid-template-rows:minmax(280px,1fr) minmax(230px,.82fr)}.command-center-panel{min-height:620px}.studio-primary{min-height:330px}.channel-browser{min-height:360px}.studio-carousel{min-height:360px;grid-template-rows:auto minmax(0,1fr)}.studio-carousel-toolbar{align-items:flex-start;flex-direction:column;gap:8px;padding:9px}.studio-search-tools{width:100%;justify-content:flex-start;flex-wrap:wrap}.studio-search-tools .fui-Input{flex:1;width:auto}.room-count{display:none}.live-carousel{grid-auto-columns:82%}.selected-stats span:nth-child(n+3){display:none}.video-modal{padding:0;grid-template-rows:58px minmax(0,1fr) auto}.modal-stats{flex-wrap:wrap}.modal-stats>span{min-width:33.33%;border-bottom:1px solid var(--line)}}