:root{color:#16212b;font-synthesis:none;text-rendering:optimizelegibility;background:#eef2f6;font-family:Inter,Segoe UI,Microsoft YaHei,PingFang SC,system-ui,sans-serif}*{box-sizing:border-box}body{background:#eef2f6;min-width:320px;margin:0;overflow-x:hidden}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a{color:#155e75;text-decoration:none}p,h1{margin:0}.ops-shell{grid-template-columns:232px minmax(0,1fr);min-height:100vh;display:grid}.side-nav{color:#f7fafc;background:#121b23;border-right:1px solid #23303a;align-content:start;gap:18px;height:100vh;padding:18px 14px;display:grid;position:sticky;top:0}.brand{grid-template-columns:42px minmax(0,1fr);align-items:center;gap:10px;display:grid}.brand>span{color:#12312c;background:#86d8c5;border-radius:8px;place-items:center;width:42px;height:42px;display:grid}.brand strong,.brand small,.connection-card b,.connection-card small,.connection-card em,.panel-head strong,.panel-head span,.detail-head strong,.detail-head span,.detail-head p{display:block}.brand strong{font-size:15px}.brand small{color:#9fb0bc;margin-top:2px;font-size:12px;font-weight:750}.nav-list{gap:6px;display:grid}.nav-list button{color:#b8c4cd;text-align:left;background:0 0;border:0;border-radius:8px;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:10px;min-height:42px;padding:0 10px;font-weight:850;display:grid}.nav-list button:hover,.nav-list button.active{color:#fff;background:#24323d}.nav-list button.active{box-shadow:inset 3px 0 #86d8c5}.connection-card{background:#172530;border:1px solid #ffffff1c;border-radius:8px;gap:7px;padding:12px;display:grid}.connection-card .pulse{background:#ef6b57;border-radius:999px;width:9px;height:9px}.connection-card.good .pulse{background:#55c7a8}.connection-card.warn .pulse{background:#e1aa46}.connection-card b{font-size:13px}.connection-card small{color:#9fb0bc;text-overflow:ellipsis;font-size:12px;overflow:hidden}.connection-card em{color:#12312c;background:#dff6ef;border-radius:999px;width:max-content;padding:4px 8px;font-size:11px;font-style:normal;font-weight:900}.main-board{min-width:0;padding:18px}.topbar,.panel,.metric-card,.list-pane,.detail-pane{background:#fff;border:1px solid #dbe4eb;border-radius:8px;box-shadow:0 8px 24px #121b230e}.topbar{grid-template-columns:minmax(280px,1fr) minmax(420px,auto);align-items:center;gap:16px;min-height:96px;margin-bottom:14px;padding:18px;display:grid}.page-title p,.detail-head p{color:#607080;font-size:12px;font-weight:950}.page-title h1{max-width:820px;margin-top:4px;font-size:24px;line-height:1.18}.page-title span,.panel-head span,.detail-head span,.metric-card small,.metric-card span,.pane-meta,.customer-list span,.customer-list small,.table-list small,.schema-grid span{color:#667789}.page-title span{margin-top:7px;line-height:1.42;display:block}.toolbar,.table-tools,.search-box{align-items:center;gap:8px;display:grid}.toolbar{grid-template-columns:minmax(160px,1fr) 96px auto}.table-tools{grid-template-columns:minmax(150px,1fr) minmax(150px,1fr) auto}.search-box{grid-template-columns:auto minmax(0,1fr) auto}.toolbar input,.toolbar select,.table-tools input,.search-box input{color:#16212b;background:#f9fbfc;border:1px solid #ccd8e1;border-radius:8px;outline:none;min-width:0;height:38px;padding:0 10px}.primary-action,.panel-head button,.detail-head button,.table-tools button,.search-box button,.pager button{border:0;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-height:38px;padding:0 12px;font-weight:950;display:inline-flex}.primary-action{color:#fff;background:#17658b}.panel-head button,.detail-head button,.table-tools button,.search-box button,.pager button{color:#14514a;background:#e4f5f0}.error-banner{color:#8b3b30;background:#fff3ef;border:1px solid #efb8ad;border-radius:8px;margin-bottom:14px;padding:10px 12px;font-weight:850}.view-stack{gap:14px;display:grid}.today-strip,.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.metric-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.metric-card{border-top:4px solid #607080;grid-template-columns:28px minmax(0,1fr);gap:8px 10px;min-height:118px;padding:14px;display:grid}.metric-card svg{color:#50606f;grid-row:span 3}.metric-card span{font-size:13px;font-weight:950}.metric-card strong{overflow-wrap:anywhere;font-size:25px;line-height:1.08}.metric-card.blue{border-top-color:#17658b}.metric-card.green{border-top-color:#42a389}.metric-card.amber{border-top-color:#c28a2b}.metric-card.rose{border-top-color:#c85d70}.metric-card.purple{border-top-color:#7a6ab7}.metric-card.slate{border-top-color:#607080}.decision-grid,.board-grid{grid-template-columns:minmax(360px,.92fr) minmax(0,1.08fr);gap:14px;display:grid}.panel{align-content:start;gap:12px;min-width:0;padding:14px;display:grid}.panel-head,.detail-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.panel-head strong,.detail-head strong{font-size:15px}.narrative-list,.funnel,.timeline,.customer-rank,.risk-list,.source-list,.system-readout{gap:8px;display:grid}.narrative-list p{color:#28424c;background:#f7fbfc;border:1px solid #dce8ee;border-radius:8px;grid-template-columns:20px minmax(0,1fr);align-items:start;gap:9px;padding:11px;font-weight:820;line-height:1.45;display:grid}.funnel-step{background:#f8fbfc;border:1px solid #dce8ee;border-radius:8px;grid-template-columns:22px minmax(90px,1fr) auto;align-items:center;gap:7px 10px;padding:10px;display:grid}.funnel-step b{color:#17658b;font-size:18px}.funnel-step span{font-weight:950}.funnel-step small,.funnel-step i{grid-column:2/-1}.funnel-step small{color:#667789;font-weight:750}.funnel-step i,.source-list i{background:#86d8c5;border-radius:999px;max-width:100%;height:7px;display:block}.dual-chart{grid-template-columns:repeat(auto-fit,minmax(14px,1fr));align-items:end;gap:7px;min-height:260px;padding-top:8px;display:grid}.chart-day{grid-template-rows:1fr auto;grid-template-columns:1fr 1fr;align-items:end;gap:0 3px;height:250px;display:grid}.chart-day .bar{border-radius:5px 5px 2px 2px;min-height:2px;display:block}.chart-day .visits{background:#7bcdbb}.chart-day .generated{background:#17658b}.chart-day em{color:#718091;text-align:center;grid-column:1/-1;margin-top:6px;font-size:10px;font-style:normal;overflow:hidden}.timeline-item{background:#f8fbfc;border:1px solid #dce8ee;border-left:4px solid #607080;border-radius:8px;grid-template-columns:54px minmax(0,1fr);gap:4px 10px;padding:10px;display:grid}.timeline-item.good{border-left-color:#42a389}.timeline-item.warn{border-left-color:#c28a2b}.timeline-item.bad{border-left-color:#c85d70}.timeline-item b{color:#667789}.timeline-item span{text-overflow:ellipsis;white-space:nowrap;font-weight:950;overflow:hidden}.timeline-item small{color:#667789;text-overflow:ellipsis;white-space:nowrap;grid-column:2;overflow:hidden}.customer-rank button,.customer-list button,.table-list button{color:#16212b;text-align:left;background:#fff;border:1px solid #dce8ee;border-radius:8px;min-width:0;padding:10px;display:grid}.customer-rank button{grid-template-columns:minmax(0,1fr) auto;gap:4px 10px}.customer-rank small{color:#667789;grid-column:1/-1}.customer-rank button:hover,.customer-list button:hover,.customer-list button.selected,.table-list button:hover,.table-list button.selected{border-color:#86d8c5;box-shadow:0 0 0 3px #42a38921}.risk-list p{color:#745019;background:#fff8e9;border:1px solid #efd8aa;border-radius:8px;grid-template-columns:18px auto minmax(0,1fr);align-items:center;gap:8px;padding:10px;display:grid}.risk-list p.warn,.risk-list p.bad{color:#8b3b30;background:#fff3ef;border-color:#efb8ad}.risk-list p.good{color:#14514a;background:#eff9f5;border-color:#bfe5d8}.split-layout{grid-template-columns:340px minmax(0,1fr);gap:14px;display:grid}.list-pane,.detail-pane{min-height:calc(100vh - 128px);padding:14px}.list-pane{align-content:start;gap:10px;display:grid}.pane-meta{justify-content:space-between;gap:10px;font-size:12px;font-weight:850;display:flex}.customer-list,.table-list{align-content:start;gap:8px;max-height:calc(100vh - 230px);display:grid;overflow:auto}.customer-list strong,.customer-list span,.customer-list small,.table-list span,.table-list small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.detail-pane{align-content:start;gap:14px;min-width:0;display:grid}.detail-summary{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;display:grid}.detail-summary article{background:#f8fbfc;border:1px solid #dce8ee;border-left:4px solid #17658b;border-radius:8px;gap:6px;min-height:86px;padding:12px;display:grid}.detail-summary span,.detail-summary small{color:#667789;font-size:12px;font-weight:850}.detail-summary b{overflow-wrap:anywhere;font-size:16px}.related-stack{gap:12px;display:grid}.table-list header{color:#314151;align-items:center;gap:8px;margin:4px 0 2px;display:flex}.source-list div{background:#f8fbfc;border:1px solid #dce8ee;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:5px 10px;padding:10px;display:grid}.source-list span{text-overflow:ellipsis;white-space:nowrap;font-weight:950;overflow:hidden}.source-list b{color:#17658b}.source-list i,.source-list small{grid-column:1/-1}.source-list small{color:#667789;font-size:12px;font-weight:800}.usage-days{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;display:grid}.usage-days article{background:#f8fbfc;border:1px solid #dce8ee;border-radius:8px;gap:5px;padding:11px;display:grid}.usage-days span{color:#667789;font-weight:800}.upload-toolbar{background:#f7fbfc;border:1px solid #dce8ee;border-radius:8px;grid-template-columns:minmax(220px,1fr) minmax(260px,auto);align-items:center;gap:12px;padding:12px;display:grid}.upload-toolbar>div:first-child{grid-template-columns:22px minmax(0,1fr);align-items:center;gap:4px 8px;display:grid}.upload-toolbar strong{font-size:15px}.upload-toolbar span{color:#667789;grid-column:2;font-size:12px;font-weight:850}.mini-tools{grid-template-columns:minmax(180px,1fr) auto;gap:8px;display:grid}.mini-tools input{background:#fff;border:1px solid #ccd8e1;border-radius:8px;outline:none;min-width:0;height:38px;padding:0 10px}.mini-tools button,.upload-card footer a,.upload-card footer button{color:#14514a;background:#e4f5f0;border:0;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-height:34px;padding:0 10px;font-weight:950;display:inline-flex}.upload-gallery{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;display:grid}.upload-gallery.compact{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.upload-card{background:#fff;border:1px solid #dce8ee;border-radius:8px;gap:10px;min-width:0;padding:12px;display:grid}.upload-card header{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px;display:grid}.upload-card header strong,.upload-card header span,.script-preview{text-overflow:ellipsis;overflow:hidden}.upload-card header strong{white-space:nowrap;display:block}.upload-card header span{color:#667789;white-space:nowrap;margin-top:3px;font-size:12px;font-weight:800;display:block}.status-chip{color:#4d5b67;background:#e8eef2;border-radius:999px;padding:4px 8px;font-size:11px;line-height:1}.status-chip.good{color:#14514a;background:#dff3ed}.status-chip.warn{color:#7b4d13;background:#fff3dc}.status-chip.bad{color:#8b3b30;background:#fff3ef}.script-preview{color:#3d4f5e;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:38px;font-size:12px;line-height:1.45;display:-webkit-box}.thumb-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.thumb-strip a,.thumb-strip>img,.thumb-strip>span{aspect-ratio:1;color:#667789;background:#f2f6f8;border:1px solid #dce8ee;border-radius:8px;place-items:center;font-size:12px;font-weight:850;display:grid;overflow:hidden}.thumb-strip img{object-fit:cover;width:100%;height:100%}.audio-stack{gap:7px;display:grid}.audio-stack p{color:#536575;align-items:center;gap:6px;font-size:12px;font-weight:850;display:inline-flex}.upload-card audio{width:100%;height:36px}.upload-card footer{flex-wrap:wrap;gap:8px;display:flex}.system-readout p,.status-grid div{background:#f8fbfc;border:1px solid #dce8ee;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:10px;display:flex}.status-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;display:grid}.status-grid span{color:#667789;font-weight:850}.status-grid b{color:#17658b}.schema-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px;display:grid}.schema-grid article{background:#f8fbfc;border:1px solid #dce8ee;border-radius:8px;gap:7px;padding:11px;display:grid}.schema-grid p{flex-wrap:wrap;gap:5px;display:flex}.schema-grid b{color:#4d5b67;background:#e8eef2;border-radius:6px;padding:3px 6px;font-size:11px}.schema-grid b.pk{color:#14514a;background:#dff3ed}.pager{justify-content:flex-end;align-items:center;gap:10px;display:flex}.empty-state{color:#667789;text-align:center;place-items:center;gap:12px;min-height:420px;display:grid}.empty-note{color:#667789;background:#fbfcfd;border:1px dashed #ccd8e1;border-radius:8px;padding:12px;font-weight:850}.react-table-shell{background:#fff;border:1px solid #dce8ee;border-radius:8px;max-width:100%;overflow:auto}.record-table{border-collapse:collapse;width:100%;min-width:980px;font-size:12px}.record-table th,.record-table td{text-align:left;vertical-align:top;border-bottom:1px solid #e7edf1;max-width:360px;padding:8px 9px}.react-table-shell.compact .record-table th,.react-table-shell.compact .record-table td{padding:7px 8px}.record-table th{z-index:1;color:#27333a;background:#eef4f7;position:sticky;top:0}.record-table th span,.record-table th small{display:block}.record-table th small{color:#718091;margin-top:2px;font-weight:700}.record-table tr:hover td{background:#fbfcfd}.record-table pre{white-space:pre-wrap;word-break:break-word;max-height:210px;margin:0;overflow:auto}.numeric{font-variant-numeric:tabular-nums}.muted{color:#87929a}.pill{border-radius:999px;align-items:center;min-height:22px;padding:0 8px;font-weight:900;display:inline-flex}.pill.ok{color:#14514a;background:#e4f5f0}.pill.off{color:#7b4d13;background:#fff3dc}.inline-link{color:#17658b;background:0 0;border:0;padding:0;font-weight:900}.empty-cell{color:#667789;text-align:center!important}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1280px){.ops-shell{grid-template-columns:1fr}.side-nav{grid-template-columns:minmax(180px,auto) minmax(0,1fr) minmax(200px,.7fr);height:auto;position:static}.nav-list{grid-template-columns:repeat(5,minmax(0,1fr))}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.topbar,.decision-grid,.board-grid,.split-layout{grid-template-columns:1fr}.list-pane,.detail-pane{min-height:auto}}@media (width<=760px){.main-board{padding:12px}.side-nav,.toolbar,.table-tools,.search-box,.upload-toolbar,.mini-tools,.detail-summary{grid-template-columns:1fr}.side-nav{gap:10px;padding:12px}.brand{grid-template-columns:36px minmax(0,1fr)}.brand>span{width:36px;height:36px}.nav-list{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.nav-list button{text-align:center;grid-template-columns:1fr;justify-items:center;gap:4px;min-height:54px;padding:6px 4px;font-size:12px}.connection-card{grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:6px 8px}.connection-card small{grid-column:2/-1}.today-strip,.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.panel-head,.detail-head{flex-direction:column;align-items:flex-start}.page-title h1{font-size:21px}}