.shell{max-width:1480px;margin:0 auto;padding:1rem 1.5rem 3rem;min-height:100vh;display:flex;flex-direction:column}.classification-bar{display:flex;align-items:center;justify-content:center;gap:1rem;background:linear-gradient(90deg,#f59e3a0f,#f59e3a1f,#f59e3a0f);border:1px solid rgba(245,158,58,.28);border-radius:6px;padding:.35rem .9rem;margin:.25rem 0 1.25rem;font-family:var(--display);font-weight:700;font-size:.74rem;letter-spacing:.32em;color:#ffcaa3;text-transform:uppercase;text-shadow:0 0 8px rgba(245,158,58,.25)}.classification-bar .tricolor{display:inline-block;width:72px;height:4px;border-radius:2px;background:linear-gradient(90deg,var(--ind-saffron) 0 33.33%,var(--ind-ivory) 33.33% 66.66%,var(--ind-green) 66.66% 100%);box-shadow:0 0 6px #ffffff2e}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:.85rem}.insignia{width:48px;height:48px;display:grid;place-items:center;background:linear-gradient(160deg,#18202c,#0a0f17);border:1px solid var(--border-strong);border-radius:10px;box-shadow:inset 0 0 16px #f59e3a29,0 0 18px #f59e3a1f;color:var(--accent);position:relative}.insignia:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:10px;border:1px solid rgba(245,158,58,.18);pointer-events:none}.insignia svg{width:28px;height:28px}.brand-text{display:flex;flex-direction:column;gap:.15rem}.brand-title{font-family:var(--display);font-weight:700;letter-spacing:.28em;font-size:1.05rem;text-transform:uppercase;color:var(--text)}.brand-sub{font-size:.78rem;color:var(--muted);letter-spacing:.04em}.brand-sub [lang=hi]{color:var(--ind-saffron);font-weight:600;margin-right:.15rem}.status-cluster{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.meta-block{display:flex;flex-direction:column;align-items:flex-start;gap:.1rem;padding:.32rem .65rem;border:1px solid var(--border);border-radius:6px;background:#0b101999;min-width:108px}.meta-k{font-size:.6rem;letter-spacing:.22em;color:var(--muted);text-transform:uppercase;font-family:var(--display);font-weight:600}.meta-v{font-size:.78rem;color:var(--text)}.pill{display:inline-flex;align-items:center;gap:.45rem;padding:.4rem .75rem;border-radius:6px;border:1px solid var(--border);background:var(--surface);font-size:.72rem;color:var(--muted);font-family:var(--display);font-weight:600;letter-spacing:.14em;text-transform:uppercase}.pill .dot{width:8px;height:8px;border-radius:50%;background:var(--muted)}.pill.ws-open .dot{background:var(--good);box-shadow:0 0 8px var(--good)}.pill.ws-connecting .dot{background:var(--warn)}.pill.ws-closed .dot{background:var(--danger)}.pill.llm-on{color:var(--accent);border-color:#f59e3a59;background:#f59e3a0d}.pill.llm-off{color:var(--muted)}.op-status{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .85rem;border-radius:6px;font-family:var(--display);font-weight:700;font-size:.8rem;letter-spacing:.22em;border:1px solid var(--border-strong);background:var(--surface);color:var(--muted);text-transform:uppercase}.op-status .dot{width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor}.op-nominal{color:var(--good);border-color:#34d39973;background:#34d3990f}.op-elevated{color:var(--warn);border-color:#fbbf2480;background:#fbbf2414}.op-alert{color:#ffb37d;border-color:#f59e3a99;background:#f59e3a1f}.op-critical{color:#ffd1d1;border-color:#ef4444b3;background:#ef444429;animation:pulse-alert 1.4s ease-in-out infinite}@keyframes pulse-alert{0%,to{box-shadow:0 0 #ef444400}50%{box-shadow:0 0 14px #ef44448c}}.stat-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.75rem;margin-bottom:1.25rem}@media (max-width: 1000px){.stat-row{grid-template-columns:repeat(3,minmax(0,1fr))}}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:.9rem 1rem .9rem 1.2rem;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:3px;background:var(--steel);border-radius:0 2px 2px 0}.stat-card.tone-warn:before{background:var(--warn);box-shadow:0 0 8px #fbbf2473}.stat-card.tone-danger:before{background:var(--danger);box-shadow:0 0 10px #ef444480}.stat-card.tone-good:before{background:var(--good)}.stat-label{font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-family:var(--display);font-weight:600}.stat-value{font-size:1.65rem;font-weight:700;margin-top:.25rem;font-family:var(--mono)}.stat-hint{font-size:.7rem;color:var(--muted);margin-top:.15rem;letter-spacing:.06em}.tone-warn .stat-value{color:var(--warn)}.tone-danger .stat-value{color:var(--danger)}.tone-good .stat-value{color:var(--good)}.main-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:1rem;flex:1}@media (max-width: 1100px){.main-grid{grid-template-columns:1fr}}.col-left,.col-right{display:flex;flex-direction:column;gap:1rem;min-height:0}.panel{background:linear-gradient(180deg,rgba(255,255,255,.012),transparent 40%),var(--surface);border:1px solid var(--border);border-radius:12px;padding:1rem 1.1rem 1.1rem;position:relative}.panel:before,.panel:after{content:"";position:absolute;width:14px;height:14px;border:0 solid var(--accent);pointer-events:none;opacity:.6}.panel:before{top:-1px;left:-1px;border-top-width:2px;border-left-width:2px;border-top-left-radius:4px}.panel:after{bottom:-1px;right:-1px;border-bottom-width:2px;border-right-width:2px;border-bottom-right-radius:4px}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.panel-head h2{margin:0;font-size:.85rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--text);font-family:var(--display);position:relative;padding-left:.85rem}.panel-head h2:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:14px;border-radius:2px;background:var(--accent);box-shadow:0 0 8px #f59e3a66}.panel-sub{font-size:.72rem;color:var(--muted);letter-spacing:.06em;text-transform:uppercase}.tabs{display:flex;gap:.35rem;margin:0 0 1rem;padding:.25rem;background:var(--bg-1);border:1px solid var(--border);border-radius:8px}.tabs .tab{flex:1;background:transparent;border:1px solid transparent;color:var(--muted);padding:.45rem .65rem;border-radius:6px;font-size:.78rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;font-family:var(--display);cursor:pointer;transition:background .15s,color .15s,border-color .15s}.tabs .tab:hover{color:var(--text)}.tabs .tab.active{background:var(--surface-2);color:var(--accent);border-color:#f59e3a73;box-shadow:inset 0 0 12px #f59e3a14}.tab-body{display:flex;flex-direction:column;gap:.75rem}.tab-body .row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.field{display:flex;flex-direction:column;gap:.25rem}.field span{font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-family:var(--display);font-weight:600}.field input{padding:.5rem .7rem;border-radius:6px;border:1px solid var(--border);background:var(--bg-1);color:var(--text);font-family:var(--mono);transition:border-color .15s,box-shadow .15s}.field input:focus{outline:none;border-color:#f59e3a8c;box-shadow:0 0 0 3px #f59e3a1a}.dropzone{display:block;border:1.5px dashed var(--border-strong);border-radius:10px;padding:1.3rem 1rem;text-align:center;cursor:pointer;transition:border-color .2s,background .2s;background:linear-gradient(180deg,rgba(245,158,58,.04),transparent)}.dropzone:hover{border-color:var(--accent);background:#f59e3a0f}.dropzone.busy{cursor:progress;opacity:.75}.dropzone input{display:none}.dz-icon{font-size:1.6rem;color:var(--accent);margin-bottom:.3rem}.dz-title{font-weight:700;margin-bottom:.15rem;font-family:var(--display);letter-spacing:.08em;text-transform:uppercase}.dz-sub{font-size:.75rem;color:var(--muted)}.error{color:var(--danger);font-size:.85rem;margin:.75rem 0 0}.job-card{border:1px solid var(--border);border-radius:8px;padding:.6rem .75rem;background:var(--bg-1);display:flex;flex-direction:column;gap:.5rem}.job-head{display:flex;align-items:center;justify-content:space-between}.job-pill{padding:.18rem .55rem;border-radius:999px;font-family:var(--mono);font-size:.7rem;font-weight:600;border:1px solid transparent;letter-spacing:.06em}.job-pending,.job-running{background:#7fb1c91f;color:var(--accent-2);border-color:#7fb1c973}.job-completed{background:#34d3991f;color:var(--good);border-color:#34d39966}.job-failed{background:#f43f5e24;color:#fda4af;border-color:#f43f5e80}.job-id{font-size:.74rem;color:var(--muted)}.job-meta{font-size:.78rem;color:var(--muted)}.progress{height:6px;border-radius:999px;background:var(--surface-2);overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,var(--accent),var(--ind-saffron));transition:width .3s ease;box-shadow:0 0 10px #f59e3a80}.webcam-preview{position:relative;background:#04070b;border:1px solid var(--border);border-radius:8px;overflow:hidden;aspect-ratio:16 / 10;display:grid;place-items:center}.webcam-preview video{width:100%;height:100%;object-fit:cover}.webcam-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--muted);font-size:.85rem}.webcam-live{position:absolute;top:.5rem;left:.5rem;background:#f43f5e2e;color:#fecdd3;border:1px solid rgba(244,63,94,.55);padding:.18rem .55rem;border-radius:999px;font-family:var(--mono);font-size:.72rem;font-weight:600}.webcam-controls{display:flex;gap:.5rem}button.primary,button.danger{padding:.55rem 1rem;border-radius:6px;border:none;cursor:pointer;font-weight:700;font-size:.82rem;letter-spacing:.16em;text-transform:uppercase;font-family:var(--display)}button.primary{background:linear-gradient(135deg,var(--accent),var(--ind-saffron));color:#1a0d04;box-shadow:0 0 18px #f59e3a59}button.danger{background:#f43f5e24;color:#fecdd3;border:1px solid rgba(244,63,94,.5)}button.primary:disabled,button.danger:disabled{opacity:.5;cursor:not-allowed}.incident-list ul{list-style:none;padding:0;margin:0;max-height:520px;overflow-y:auto}.incident-list .row{display:grid;grid-template-columns:auto 1fr auto auto;gap:.55rem;align-items:center;padding:.55rem .5rem;border-radius:6px;cursor:pointer;border:1px solid transparent;position:relative;transition:background .12s,border-color .12s}.incident-list .row:hover{background:var(--surface-2)}.incident-list .row.active{background:var(--surface-2);border-color:#f59e3a73;box-shadow:inset 2px 0 0 var(--accent)}.row-delete{background:transparent;border:1px solid transparent;color:var(--muted);width:24px;height:24px;border-radius:6px;cursor:pointer;font-size:1rem;line-height:1;opacity:0;transition:opacity .15s,color .15s,border-color .15s,background .15s}.incident-list .row:hover .row-delete,.incident-list .row.active .row-delete{opacity:1}.row-delete:hover{color:var(--danger);border-color:#f43f5e73;background:#f43f5e14}.head-actions{display:flex;align-items:center;gap:.6rem}.ghost-btn{background:transparent;border:1px solid var(--border-strong);color:var(--muted);padding:.32rem .7rem;border-radius:6px;font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-family:var(--display);cursor:pointer;transition:color .15s,border-color .15s,background .15s}.ghost-btn:hover:not(:disabled){color:#fecdd3;border-color:#f43f5e80;background:#f43f5e14}.ghost-btn:disabled{opacity:.4;cursor:not-allowed}.row-main{min-width:0}.row-title{font-weight:600;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-sub{font-size:.78rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-time{font-family:var(--mono);font-size:.75rem;color:var(--muted)}.empty{padding:1.2rem .5rem;color:var(--muted);font-size:.9rem;text-align:center}.badge{display:inline-block;padding:.22rem .55rem;font-size:.66rem;font-family:var(--display);font-weight:700;letter-spacing:.22em;border-radius:4px;border:1px solid transparent;text-transform:uppercase}.badge-info{background:#94a3b81f;color:#cbd5e1;border-color:#94a3b859}.badge-low{background:#7fb1c91f;color:var(--accent-2);border-color:#7fb1c973}.badge-medium{background:#fbbf241f;color:var(--warn);border-color:#fbbf2480}.badge-high{background:#f59e3a29;color:#ffb37d;border-color:#f59e3a8c}.badge-critical{background:#f43f5e33;color:#ffd1d1;border-color:#f43f5ea6;box-shadow:0 0 10px #f43f5e4d}.detail.empty-panel{min-height:360px;display:flex;flex-direction:column}.frame-wrap{position:relative;width:100%;background:#04070b;border-radius:8px;border:1px solid var(--border);overflow:hidden;aspect-ratio:16 / 10;display:grid;place-items:center;margin-bottom:.9rem}.frame-wrap:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 4px);mix-blend-mode:overlay}.frame-wrap img{width:100%;height:100%;object-fit:contain}.frame-loading,.frame-placeholder{color:var(--muted);font-size:.85rem}.assess{display:grid;gap:.45rem;margin-bottom:1rem;padding:.75rem .85rem;border-radius:8px;background:#0b10198c;border:1px solid var(--border)}.assess-row{display:grid;grid-template-columns:140px 1fr;gap:.8rem;align-items:baseline}.assess-row .k{font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);font-family:var(--display);font-weight:600}.assess-row .v{font-size:.93rem;line-height:1.5}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem;margin:0 0 .5rem;padding:.75rem;border-radius:8px;background:var(--bg-1);border:1px solid var(--border)}.metrics dt{font-size:.66rem;color:var(--muted);text-transform:uppercase;letter-spacing:.16em;margin:0;font-family:var(--display);font-weight:600}.metrics dd{margin:.2rem 0 0;font-family:var(--mono);font-size:.95rem}.detections{margin-top:1rem}.detections h3{margin:0 0 .5rem;font-size:.74rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);font-weight:700;font-family:var(--display)}.detections ul{list-style:none;padding:0;margin:0;display:grid;gap:.3rem}.detections li{display:grid;grid-template-columns:80px 60px 1fr;align-items:center;gap:.5rem;padding:.4rem .6rem;background:var(--bg-1);border:1px solid var(--border);border-radius:6px;font-size:.85rem}.det-label{font-weight:600;text-transform:capitalize}.det-conf{color:var(--accent);font-family:var(--mono);font-size:.82rem}.det-box{color:var(--muted);font-size:.78rem}.foot{margin-top:1.5rem;padding:.75rem 1rem;border:1px solid var(--border);border-radius:6px;background:#0b10198c;display:flex;justify-content:space-between;font-size:.7rem;color:var(--muted);letter-spacing:.14em;text-transform:uppercase}@media (max-width: 700px){.foot{flex-direction:column;gap:.35rem}}:root{color-scheme:dark;--bg-0: #06080c;--bg-1: #0b1019;--surface: #11161f;--surface-2: #1a2230;--border: #1f2a3a;--border-strong: #2c3a52;--text: #e6ecf5;--muted: #8a99b3;--accent: #f59e3a;--accent-2: #7fb1c9;--accent-glow: rgba(245, 158, 58, .25);--ind-saffron: #ff9933;--ind-ivory: #f5f5f5;--ind-green: #138808;--steel: #5d7290;--warn: #fbbf24;--danger: #ef4444;--good: #34d399;--critical: #ff4d4f;--font: "Inter", "Rajdhani", system-ui, sans-serif;--display: "Rajdhani", "Inter", system-ui, sans-serif;--mono: "JetBrains Mono", ui-monospace, monospace}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;background:repeating-linear-gradient(0deg,rgba(255,255,255,.014) 0 1px,transparent 1px 3px),radial-gradient(1400px 900px at 90% -20%,rgba(245,158,58,.06),transparent 60%),radial-gradient(1200px 800px at -10% 110%,rgba(127,177,201,.05),transparent 60%),linear-gradient(180deg,var(--bg-0),#050709);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;font-feature-settings:"ss01"}#root{min-height:100vh}button,input,select,textarea{font:inherit;color:inherit}.mono{font-family:var(--mono)}.muted{color:var(--muted)}