:root{font-family:'DM Sans',Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:#17243b;background:#f4f7fb;font-synthesis:none;--ink:#17243b;--muted:#75839a;--line:#e5ebf3;--blue:#2674e8;--blue-dark:#185dbd;--pale:#eaf2ff;--green:#0f9f75;--green-pale:#e5f7f0;--amber:#bd7917;--amber-pale:#fff5df;--red:#d14d58;--red-pale:#fff0f1;--card:#fff;--shadow:0 7px 24px #293f620a}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#f4f7fb}button,input,select{font:inherit}button{cursor:pointer;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:9px;padding:9px 13px;font-weight:650;font-size:12px;transition:.15s ease}button:hover{border-color:#9dbbe7;background:#f8fbff}button:disabled{opacity:.45;cursor:not-allowed}.primary{background:var(--blue);border-color:var(--blue);color:#fff}.primary:hover{background:var(--blue-dark);border-color:var(--blue-dark)}
.shell{min-height:100vh;display:flex}.sidebar{position:sticky;top:0;height:100vh;width:226px;flex:0 0 226px;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:21px 13px 15px}.brand{display:flex;align-items:center;gap:11px;padding:2px 8px 26px}.logo{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:var(--pale);font-size:22px}.brand h1{font:800 13px/1.2 Manrope,sans-serif;margin:0;color:#203453}.brand p{color:var(--muted);font-size:10px;margin:5px 0 0}.nav-caption{font-size:9px;letter-spacing:.13em;color:#9aa7b8;font-weight:800;padding:0 12px 8px}.sidebar nav{display:grid;gap:4px}.nav-item{display:flex;align-items:center;gap:11px;text-align:left;background:transparent;border:0;color:#5c6d84;padding:10px 12px;font-size:12px}.nav-item span{font-size:16px;width:17px;color:#7386a2;text-align:center}.nav-item:hover{background:#f5f8fd;color:var(--blue)}.nav-item.active{background:#edf4ff;color:#1769d2;font-weight:750}.nav-item.active span{color:#1769d2}.sidebar-foot{margin-top:auto;padding:13px 9px;color:#74839a;font-size:11px;line-height:1.8;border-top:1px solid var(--line)}.sidebar-foot small{font-size:10px;color:#9ba7b8}.pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);margin-right:5px}
.content{min-width:0;flex:1;max-width:1720px;margin:auto;padding:23px 27px 50px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:21px}.eyebrow,.section-kicker{font-size:9px;letter-spacing:.12em;font-weight:800;color:#8190a6}.topbar h2{font:750 18px Manrope,sans-serif;margin:4px 0 0;color:#1e2e48}.topbar-right{display:flex;align-items:center;gap:9px}.status-pill,.top-model{white-space:nowrap;padding:7px 11px;background:#fff;border:1px solid var(--line);border-radius:999px;font-size:10px;color:#64738a}.top-model{background:#edf4ff;border-color:#d8e7fb;color:#2366ba;font-weight:700}.banner{background:var(--red-pale);border:1px solid #f0c4c8;color:#902d36;padding:11px 14px;border-radius:10px;margin:0 0 15px;font-size:12px}.view{display:none}.view.active{display:block}.welcome{display:flex;align-items:center;gap:9px;margin-bottom:16px}.welcome>div{margin-right:auto}.welcome h1,.page-heading h1{font:800 21px Manrope,sans-serif;letter-spacing:-.03em;margin:0;color:#1d2e48}.welcome p,.page-heading p{font-size:11px;color:var(--muted);margin:5px 0 0}.start-main,.stop-main{font-size:11px;padding:10px 15px}.stop-main{color:var(--red)}
.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.kpi,.panel{background:var(--card);border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow)}.kpi{padding:13px 15px;min-height:99px}.kpi-label{font-size:9px;letter-spacing:.09em;color:#7d8ba0;font-weight:800}.kpi>div{display:flex;align-items:baseline;gap:5px;margin:6px 0 2px}.kpi strong{font:800 24px Manrope,sans-serif;letter-spacing:-.03em;color:#1d3150}.kpi small{font-size:10px;color:#8090a6}.kpi-foot{font-size:10px;color:#8996a9}.kpi-foot b{color:#344b6b}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(310px,.9fr);gap:14px;margin-bottom:14px}.panel{padding:15px 16px;margin-bottom:14px;min-width:0}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.panel-head h3,.panel h3{font:750 14px Manrope,sans-serif;margin:3px 0 0;color:#263a58}.panel-head>div{min-width:0}.live-tag{font-size:10px;color:var(--green);background:var(--green-pale);border-radius:999px;padding:5px 9px}.live-tag::before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;margin:0 5px 1px 0}.video-wrap{position:relative;aspect-ratio:16/8.3;background:#15243a;border-radius:10px;overflow:hidden}.video-wrap video{display:block;width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}#skeletonCanvas{position:absolute;inset:0;width:100%;height:100%;transform:scaleX(-1);pointer-events:none}.overlay{position:absolute;inset:0;display:grid;place-items:center;color:#c3d0e1;font-size:12px;background:#13243a88}.rec-dot{display:none;position:absolute;top:10px;right:10px;background:#dc4b53;color:white;font-size:9px;padding:5px 8px;border-radius:6px}.track-badge{position:absolute;left:9px;bottom:9px;background:#0e1c30d9;color:#e8f2ff;padding:5px 8px;border-radius:6px;font-size:9px}.camera-meta{display:flex;gap:16px;align-items:center;flex-wrap:wrap;padding:10px 1px;color:#7d899a;font-size:10px}.camera-meta b{color:#354a68}.switch-label{margin-left:auto;color:#596b82;display:flex;align-items:center;gap:5px;font-size:10px}.switch-label input{accent-color:var(--blue)}.pipeline{display:flex;align-items:center;justify-content:space-between;gap:5px;border:1px solid #edf0f5;background:#fafbfd;padding:8px;border-radius:8px;overflow:hidden}.pipeline-step{white-space:nowrap;color:#8090a6;font-size:9px}.pipeline-step.done{color:var(--green)}.pipeline-step.active{color:var(--blue);font-weight:800}.pipeline i{font-style:normal;color:#bbc5d3}.microcopy{font-size:10px;line-height:1.5;color:#8290a2;margin:8px 0 0}.camera-panel>.microcopy{margin:9px 0 0}.prediction-panel{display:flex;flex-direction:column}.decision{display:flex;align-items:center;gap:11px;min-height:92px;padding:8px 2px 13px}.decision-symbol{width:45px;height:45px;border-radius:13px;background:#edf4ff;display:grid;place-items:center;font-size:24px}.sign{font:800 27px Manrope,sans-serif;color:#1c3150;letter-spacing:-.04em}.caption{margin-top:4px;font-size:11px;color:#728199}.decision-status{background:var(--amber-pale);color:var(--amber);border-radius:999px;padding:5px 8px;font-size:9px;font-weight:750}.decision-status.status-CONFIDENT{background:var(--green-pale);color:var(--green)}.decision-status.status-UNCERTAIN{background:var(--amber-pale);color:var(--amber)}.decision-status.status-ERROR{background:var(--red-pale);color:var(--red)}.confidence-block{padding:10px 0;border-top:1px solid #edf0f4}.confidence-block>div:first-child{display:flex;justify-content:space-between;font-size:10px;color:#75849a}.confidence-block b{font-size:12px;color:#293e5c}.confidence-track{height:6px;border-radius:99px;background:#ebf0f6;margin:7px 0}.confidence-track i{display:block;height:100%;width:0;background:linear-gradient(90deg,#2fae85,#47c69b);border-radius:inherit;transition:width .2s}.confidence-block small{font-size:9px;color:#96a1b0}.bars{display:grid;gap:5px;margin:3px 0}.bar{display:grid;grid-template-columns:90px 1fr 38px;align-items:center;gap:7px;font-size:9px;color:#687991}.track{height:5px;background:#edf2f9;border-radius:9px;overflow:hidden}.fill{height:100%;background:var(--blue);border-radius:9px}.prediction-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;border-top:1px solid #edf0f4;padding:9px 0;margin-top:auto}.prediction-facts div{display:grid;gap:4px}.prediction-facts span{font-size:9px;color:#8995a6}.prediction-facts b{font-size:10px;color:#3b506e}.speak-btn{width:100%;color:#236dc9;background:#f2f7ff;border-color:#dfebfb;margin-bottom:8px}.feedback{border-top:1px solid #edf0f4;padding-top:8px;color:#8290a2;font-size:10px}.feedback-buttons{display:flex;gap:6px;margin-top:6px}.feedback-buttons button{flex:1;padding:7px 5px;font-size:10px}.good{color:var(--green);border-color:#ccebdd;background:#f7fdf9}.bad{color:var(--red);border-color:#f3d4d7;background:#fffafa}.feedback-status{min-height:13px;margin-top:4px;font-size:9px}.feedback-status.err{color:var(--red)}.feedback-status.ok{color:var(--green)}
.lower-grid,.two-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.text-button{border:0;background:transparent;color:#2872d2;padding:4px;font-size:10px}.model-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.model-card{border:1px solid var(--line);border-radius:9px;padding:10px;background:#fbfcfe;min-width:0}.model-card.selected{border-color:#b9d2f4;background:#f4f8ff}.model-card h4{font:750 11px Manrope,sans-serif;margin:0 0 8px;color:#324966}.model-card .model-score{font:800 20px Manrope,sans-serif;color:#203652}.model-card .model-sub{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px}.model-card .model-sub span{font-size:9px;color:#8895a7}.model-card .model-sub b{display:block;font-size:10px;color:#465c78;margin-top:2px}.model-cards-large{margin:0 0 14px}.model-cards-large .model-card{padding:15px}.model-cards-large .model-score{font-size:25px}.recent-list{display:grid;gap:4px}.recent-row{display:grid;grid-template-columns:1fr auto auto;gap:10px;padding:7px 1px;border-bottom:1px solid #f0f2f6;font-size:10px}.recent-row strong{color:#344a68}.recent-row span{color:#8190a3}.recent-row .reviewed{color:var(--green)}.empty-state{color:#99a5b4;font-size:10px}.home-per-sign{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.sign-tile{border:1px solid #edf0f5;border-radius:8px;padding:8px;background:#fbfcfe;min-width:0}.sign-tile strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px;color:#425774}.sign-tile b{display:block;font:750 15px Manrope,sans-serif;margin-top:5px;color:#203653}.sign-tile small{font-size:8px;color:#8997a8}.home-signs{margin-top:0}
.page-heading{margin:5px 0 17px}.page-heading h1{margin-top:5px}.page-heading p{font-size:11px}.table-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:12px}.table-toolbar h3{margin:0;font:750 14px Manrope,sans-serif}.table-toolbar p{margin:4px 0 0}.table-toolbar input{min-width:210px;border:1px solid var(--line);border-radius:8px;padding:9px 11px;font-size:11px;outline:none}.table-toolbar input:focus{border-color:#86b0e9;box-shadow:0 0 0 3px #2674e81c}.table-wrap{overflow:auto;border:1px solid #edf0f5;border-radius:9px}table{width:100%;border-collapse:collapse;font-size:10px}th,td{text-align:left;white-space:nowrap;padding:9px 10px;border-bottom:1px solid #edf0f4}th{position:sticky;top:0;background:#f7f9fc;color:#687b95;font-weight:750;font-size:9px;z-index:1}td{color:#52657f}tbody tr:hover{background:#f8fbff}.wide-table{min-width:1160px}.wide-table th.model-group{text-align:center;color:#286fc8;background:#edf4ff;border-bottom:1px solid #dce9f9}.wide-table td:first-child{font-weight:750;color:#344a68}.table-footnote{font-size:9px;color:#8b97a8;line-height:1.5;margin:10px 0 0}.metric-placeholder{display:inline-flex;padding:6px 9px;border-radius:6px;margin:11px 0 4px;background:#fff5df;color:#9c6717;font-size:9px;font-weight:800;letter-spacing:.06em}.two-grid .panel h3{margin-bottom:3px}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:9px;margin-top:13px}.stat{padding:12px;background:#f4f7fb;border:1px solid #edf0f5;border-radius:9px}.stat strong{display:block;font:750 17px Manrope,sans-serif;color:#263e5e}.stat span{display:block;font-size:9px;line-height:1.4;color:#8290a3;margin-top:4px}.file-btn{display:inline-flex;align-items:center;background:var(--blue);color:white;border-radius:8px;padding:9px 13px;font-size:11px;font-weight:700;cursor:pointer}.file-btn input{display:none}.upload-result{margin-top:14px}.callout{margin-top:17px;border-radius:9px;background:#f3f7fc;padding:12px;color:#708099;font-size:10px}.controls{display:flex;gap:7px}.doc-list{font-size:11px;line-height:1.8;color:#566981;padding-left:17px}.status-CONFIDENT{color:var(--green)}.status-UNCERTAIN,.status-PENDING,.status-IDLE{color:var(--amber)}.status-ERROR{color:var(--red)}.note{font-size:10px;color:var(--muted);line-height:1.5}
@media(max-width:1100px){.content{padding:18px}.sidebar{width:195px;flex-basis:195px}.hero-grid{grid-template-columns:minmax(0,1.2fr) minmax(285px,.9fr)}.pipeline{gap:3px}.pipeline-step{font-size:8px}.home-per-sign{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:850px){.shell{display:block}.sidebar{position:relative;width:100%;height:auto;padding:10px 12px;border-right:0;border-bottom:1px solid var(--line)}.brand{padding:2px 6px 11px}.nav-caption,.sidebar-foot{display:none}.sidebar nav{display:flex;overflow-x:auto;padding-bottom:2px}.nav-item{white-space:nowrap;padding:8px}.content{padding:16px 12px 35px}.hero-grid{grid-template-columns:1fr}.video-wrap{aspect-ratio:16/9}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lower-grid,.two-grid{grid-template-columns:1fr}.welcome{flex-wrap:wrap}.home-per-sign{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:520px){.topbar{align-items:flex-start}.topbar-right{flex-direction:column;align-items:flex-end}.status-pill{font-size:9px}.kpi{padding:11px}.kpi strong{font-size:20px}.camera-meta{gap:9px}.pipeline{overflow-x:auto;justify-content:flex-start}.pipeline-step{font-size:9px}.pipeline i{padding:0 3px}.model-cards{grid-template-columns:1fr}.table-toolbar{align-items:flex-start;flex-direction:column}.table-toolbar input{width:100%}.home-per-sign{grid-template-columns:repeat(2,minmax(0,1fr))}.sign{font-size:22px}.welcome h1{font-size:19px}}
 .stage-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:8px}.stage-grid div{display:flex;justify-content:space-between;gap:4px;padding:6px 7px;border:1px solid #edf0f5;border-radius:6px;background:#fbfcfe}.stage-grid span{font-size:8px;color:#8492a5}.stage-grid b{font-size:8px;color:#405775;white-space:nowrap}
.setting-row{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;margin:16px 0;color:#52657f;font-size:11px;font-weight:650}.setting-row>span{display:flex;justify-content:space-between;align-items:center;gap:10px}.setting-row input[type=range]{width:100%;margin:4px 0;accent-color:var(--blue)}.setting-row select{width:100%;min-height:38px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);font-size:11px;outline:none}.setting-row select:focus{border-color:#86b0e9;box-shadow:0 0 0 3px #2674e81c}.setting-row b{color:#27466f}.panel>h3+.setting-row{margin-top:17px}