:root{--bg:#07111d;--panel:#0c1b2b;--panel2:#10243a;--line:#24425d;--cyan:#38e5ff;--teal:#3de2bd;--amber:#ffbf4b;--red:#ff5b64;--muted:#8aa4ba;--text:#edf7ff}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 15% 0%,#123653 0%,transparent 30%),var(--bg);color:var(--text);font-family:Inter,Microsoft YaHei,Arial,sans-serif}.shell{max-width:1680px;margin:auto;padding:18px 22px 28px}.topbar,.panel-heading,.video-toolbar,.timeline-row,.top-status,.brand,.tag-row,.legend{display:flex;align-items:center}.topbar{justify-content:space-between;border-bottom:1px solid var(--line);padding:3px 0 18px}.brand{gap:12px}.brand strong{font-size:20px;letter-spacing:.04em}.brand small{display:block;color:var(--muted);font-size:10px;letter-spacing:.13em;margin-top:5px}.pulse{height:14px;width:14px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 6px #3de2bd22,0 0 22px var(--teal);animation:pulse 1.7s infinite}.top-status{gap:12px;color:var(--muted);font-size:12px}.mode-chip,.live-chip,.source-status,.geometry-badge{padding:7px 10px;border:1px solid var(--line);border-radius:5px;font-size:11px}.mode-chip{color:var(--cyan);background:#38e5ff12}.live-chip{color:var(--teal)}.pipeline-wrap{padding:16px 0 12px}.pipeline-rail{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.stage-button{border:1px solid var(--line);background:#0b1928;color:var(--muted);padding:10px 8px;border-radius:6px;cursor:pointer;text-align:left;font-size:12px;transition:.2s}.stage-button b{display:block;color:var(--text);font-size:12px;margin-bottom:3px}.stage-button.active{border-color:var(--cyan);background:#38e5ff15;color:var(--cyan);box-shadow:inset 0 0 20px #38e5ff10}.stage-description{height:20px;margin:8px 2px 0;color:var(--muted);font-size:13px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,.58fr);gap:14px}.panel{background:linear-gradient(135deg,#0d2034dd,#081725dd);border:1px solid var(--line);border-radius:10px;box-shadow:0 18px 36px #0004;overflow:hidden}.viewport-card{min-height:515px}.panel-heading{justify-content:space-between;padding:15px 17px 12px}.panel-heading h1,.panel-heading h2{font-size:17px;margin:3px 0 0}.eyebrow{color:var(--cyan);font-size:10px;letter-spacing:.14em}.monitor-stage{height:386px;margin:0 14px;position:relative;border:1px solid #284661;background:#07121f;overflow:hidden}.monitor-stage video,.grid-backdrop,#monitor-canvas,.video-empty,.overlay-caption{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.monitor-stage video{object-fit:cover;opacity:.55}.grid-backdrop{background:linear-gradient(#ffffff03 1px,transparent 1px),linear-gradient(90deg,#ffffff03 1px,transparent 1px);background-size:34px 34px;pointer-events:none}.video-empty{display:grid;place-content:center;text-align:center;color:#6d879b;letter-spacing:.14em;font-size:12px;pointer-events:none}.video-empty small{font-size:11px;letter-spacing:0;color:#517087;margin-top:8px}.overlay-caption{inset:auto 12px 12px;width:auto;height:auto;background:#07111ddd;border-left:3px solid var(--cyan);padding:8px 10px;color:#dffaff;font-size:12px;max-width:68%}.video-toolbar{gap:8px;padding:12px 14px}.upload-button,.icon-button,.speed-button,.mode-toggle{border:1px solid #2c4d68;background:#102842;color:var(--text);border-radius:5px;padding:8px 10px;cursor:pointer;font:inherit;font-size:12px}.upload-button{background:#0e5b70;border-color:#41d8ee}.upload-button input{display:none}.icon-button{font-size:14px}.speed-button.active{border-color:var(--cyan);color:var(--cyan)}.local-note{margin-left:auto;color:var(--muted);font-size:11px}.timeline-row{gap:9px;padding:0 14px 14px;color:var(--muted);font-size:11px}.timeline-row input{flex:1;accent-color:var(--cyan)}.risk-panel{padding-bottom:10px}.geometry-badge{color:var(--teal);font-size:9px}.risk-orb{height:112px;width:112px;margin:5px auto 14px;border:1px solid var(--teal);border-radius:50%;display:grid;place-content:center;text-align:center;background:#3de2bd12;box-shadow:0 0 32px #3de2bd25}.risk-orb strong{font-size:40px;line-height:.9}.risk-orb span{font-size:11px;margin-top:6px}.risk-orb.D1{border-color:var(--amber);background:#ffbf4b16}.risk-orb.D2,.risk-orb.D3{border-color:var(--red);background:#ff5b6418}.risk-ladder{margin:0 16px 14px;border:1px solid #27445d}.risk-ladder div{padding:8px 10px;border-bottom:1px solid #27445d;font-size:12px;display:flex;gap:10px;opacity:.45}.risk-ladder div:last-child{border-bottom:0}.risk-ladder .active{opacity:1;background:#38e5ff13}.risk-ladder .D3{color:#ff9399}.risk-ladder .D2{color:#ffc668}.risk-ladder .D1{color:#ffe2a0}.risk-ladder .D0{color:#77efd4}.action-card,.reason-block{margin:10px 16px;padding:10px;background:#06121f;border-left:2px solid var(--cyan);font-size:12px}.action-card span,.reason-block>span{display:block;color:var(--muted);font-size:10px;margin-bottom:5px}.action-card strong{line-height:1.45}.tag-row{gap:5px;flex-wrap:wrap}.tag{background:#1d4562;color:#dffaff;border-radius:4px;padding:4px 7px;font-size:10px}.telemetry,.analytics{grid-column:1}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:0 16px 16px}.metric{padding:10px;background:#071625;border:1px solid #1b3b55;min-height:74px}.metric span{display:block;color:var(--muted);font-size:10px}.metric strong{font-size:20px;display:block;margin:7px 0 2px}.metric small{color:#69889f;font-size:10px}.telemetry select{background:#102842;color:var(--text);border:1px solid var(--line);border-radius:4px;padding:7px;max-width:150px}.analytics{min-height:214px}.analytics #trend-canvas{height:135px;width:calc(100% - 32px);margin:0 16px;display:block;background:#06121f}.legend{gap:7px;justify-content:flex-end;padding:8px 16px;color:var(--muted);font-size:10px}.legend-line{display:inline-block;width:17px;border-top:2px solid}.clearance{border-color:var(--cyan)}.threshold{border-color:var(--amber);border-top-style:dashed}.boundary{border-color:var(--red)}.mode-toggle{background:#163d5c}.controls p{color:var(--muted);font-size:12px;margin:0 17px 13px}.slider-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;padding:0 17px 17px}.slider-grid label{font-size:12px;color:#b7cad9}.slider-grid output{float:right;color:var(--cyan)}.slider-grid input{display:block;width:100%;margin-top:9px;accent-color:var(--cyan)}.slider-grid input:disabled{opacity:.35}@keyframes pulse{50%{transform:scale(.82);opacity:.55}}@media(max-width:1050px){.dashboard-grid{grid-template-columns:1fr}.risk-panel{grid-column:1}.pipeline-rail{grid-template-columns:repeat(4,1fr)}.slider-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:680px){.shell{padding:12px}.topbar{align-items:flex-start;gap:10px}.top-status{flex-wrap:wrap;justify-content:flex-end}.pipeline-rail{grid-template-columns:repeat(2,1fr)}.stage-description{height:auto}.metrics-grid{grid-template-columns:repeat(2,1fr)}.slider-grid{grid-template-columns:1fr}.viewport-card{min-height:450px}.monitor-stage{height:300px}.local-note{display:none}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.timeline-panel{display:flex;align-items:center;gap:10px;padding:12px 16px;margin-top:14px;color:var(--muted);font-size:12px}.timeline-panel input{flex:1;accent-color:var(--cyan)}.trend-shell{height:130px;display:flex;align-items:flex-end;gap:8px;padding:10px 18px;position:relative;background:#06121f;margin:0 16px}.trend-dot{flex:1;min-width:7px;background:linear-gradient(#38e5ff,#176b8b);border-radius:4px 4px 0 0;opacity:.72;transition:height .25s}.trend-dot.current{background:linear-gradient(#fff,#38e5ff);box-shadow:0 0 15px #38e5ff}.base-line{position:absolute;left:18px;right:18px;bottom:20%;border-top:2px solid #ff5b64aa}.legend span{color:var(--amber)}.legend .red{color:var(--red)}.science-evidence{grid-column:1;padding-bottom:14px}.evidence-note{margin:0 17px 12px;color:var(--muted);font-size:12px;line-height:1.55}.detection-grid,.audit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 17px}.detection-row,.audit-grid>div{border:1px solid #1b3b55;background:#071625;padding:9px;font-size:11px}.detection-row b,.audit-grid span{display:block;color:var(--teal);margin-bottom:4px}.detection-row span,.audit-grid strong{display:block;color:var(--text);font-size:13px}.detection-row small,.audit-grid small{display:block;margin-top:4px;color:var(--muted)}.pending{display:block;margin:0 17px;color:var(--amber);font-size:12px}@media(max-width:680px){.detection-grid,.audit-grid{grid-template-columns:1fr 1fr}}.video-toolbar button:disabled{opacity:.42;cursor:not-allowed}.video-error{margin:-4px 14px 12px;color:#ff9da2;font-size:12px}.geometry-twin-wrap{margin:14px 17px 0;border:1px solid #24506d;background:#04101d;box-shadow:inset 0 0 50px #1385b01c}.geometry-twin-heading{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid #1d405b}.geometry-twin-heading h3{margin:3px 0 0;font-size:15px}.geometry-twin-actions{display:flex;gap:7px}.geometry-twin-actions button{border:1px solid #2d5b79;background:#0a263c;color:#dffaff;border-radius:4px;padding:6px 8px;font-size:11px;cursor:pointer}#geometry-twin{width:100%;height:330px;display:block;cursor:grab;touch-action:none}#geometry-twin:active{cursor:grabbing}.geometry-twin-footer{display:flex;flex-wrap:wrap;gap:8px;padding:9px 12px;border-top:1px solid #1d405b;color:#7f9db3;font-size:10px}.geometry-twin-footer span{border-left:2px solid #24709a;padding-left:7px}@media(max-width:680px){.geometry-twin-heading{align-items:flex-start;gap:10px;flex-direction:column}#geometry-twin{height:270px}}.cockpit-shell{max-width:1820px;padding:14px 18px 28px}.enterprise-header{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px 4px 16px;border-bottom:1px solid #26465f}.enterprise-brand,.enterprise-context,.enterprise-actions{display:flex;align-items:center}.enterprise-brand{gap:10px;min-width:280px}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid #39dff2;border-radius:7px;color:#47e9ff;background:linear-gradient(135deg,#11597b,#08263d);font-size:24px;font-weight:700;box-shadow:0 0 22px #38e5ff2c}.enterprise-brand strong{font-size:17px;letter-spacing:.05em}.enterprise-brand small{display:block;margin-top:3px;color:#83a2b8;font-size:9px;letter-spacing:.14em}.enterprise-context{gap:10px;color:#dcebf4;font-size:12px}.context-label{color:#7492a7;font-size:10px;letter-spacing:.1em}.context-divider{width:1px;height:16px;background:#31536b}.enterprise-actions{justify-content:flex-end;gap:8px;min-width:320px}.header-action{border:1px solid #36cee3;background:#10546a;color:#e9fbff;border-radius:5px;padding:8px 10px;font-size:11px;cursor:pointer}.cockpit-layout{display:grid;grid-template-columns:238px minmax(0,1fr) 310px;gap:14px;margin-top:14px;align-items:start}.asset-rail,.decision-rail{min-width:0;background:linear-gradient(160deg,#0d2135,#071524)}.asset-rail{padding:12px;position:sticky;top:14px}.asset-context{padding:10px 11px;border-left:3px solid var(--cyan);background:#061727}.asset-context strong,.asset-context small{display:block}.asset-context strong{margin:5px 0 6px;font-size:13px}.asset-context small{color:#83a2b8;font-size:10px;line-height:1.45}.asset-kpis{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:10px 0}.asset-kpis div{padding:8px;border:1px solid #1b3c55;background:#081a2a}.asset-kpis span{display:block;color:#7f9db1;font-size:9px;letter-spacing:.08em}.asset-kpis strong{display:block;margin-top:4px;color:#e8f8ff;font-size:12px}.scenario-select{display:block;margin:12px 0;color:#8ca8ba;font-size:10px}.scenario-select select{width:100%;margin-top:6px;padding:8px;border:1px solid #2b516b;border-radius:4px;background:#0c263b;color:#e7f5fb;font-size:11px}.rail-heading{padding:8px 3px 2px}.rail-heading strong{display:block;margin-top:3px;font-size:13px}.asset-rail .pipeline-wrap{padding:4px 0 0}.asset-rail .pipeline-rail{grid-template-columns:1fr;gap:5px}.asset-rail .stage-button{padding:8px 9px;font-size:10px}.asset-rail .stage-button b{font-size:11px}.asset-rail .stage-description{height:auto;margin:7px 2px;color:#7899ad;font-size:11px;line-height:1.45}.rail-protocol{margin-top:12px;padding:10px;border-top:1px solid #24455d;color:#7897aa;font-size:10px;line-height:1.5}.rail-protocol span{color:#36d8ee;font-size:9px;letter-spacing:.1em}.rail-protocol p{margin:5px 0 0}.active-workspace{min-height:592px;overflow:hidden}.workspace-header,.decision-heading,.operations-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.workspace-header{padding:17px 18px 12px;border-bottom:1px solid #1c3b52}.workspace-header h1{margin:4px 0 5px;font-size:21px}.workspace-header p{max-width:680px;margin:0;color:#8ba7b9;font-size:12px;line-height:1.55}.workspace-tabs{display:flex;gap:3px;padding:8px 12px;background:#071523;border-bottom:1px solid #1c3b52}.workspace-tabs button{border:1px solid transparent;background:transparent;color:#82a1b5;border-radius:4px;padding:7px 10px;font-size:11px;cursor:pointer}.workspace-tabs button.active{border-color:#27718a;background:#123349;color:#dcfaff}.workspace-body{min-height:474px;background:#061422}.workspace-body .viewport-card{min-height:0;border:0;border-radius:0;box-shadow:none;background:transparent}.workspace-body .viewport-card>.panel-heading{display:none}.workspace-body .monitor-stage{height:418px;margin:0;border:0}.workspace-body .video-toolbar{border-top:1px solid #1c3b52}.workspace-body .geometry-twin-wrap{margin:0;border:0;box-shadow:none}.workspace-body #geometry-twin{height:432px}.workspace-empty{min-height:474px;display:grid;place-content:center;gap:9px;padding:30px;text-align:center;color:#8ba7b9}.workspace-empty strong{color:#ecfaff;font-size:16px}.workspace-empty span{max-width:430px;font-size:12px;line-height:1.6}.decision-rail{padding:15px;position:sticky;top:14px}.decision-heading h2{margin:4px 0 0;font-size:17px}.clearance-readout{margin:0 0 12px;padding:11px 12px;border:1px solid #234b62;background:linear-gradient(135deg,#092237,#061522)}.clearance-readout span,.policy-lock span{display:block;color:#7e9eb2;font-size:9px;letter-spacing:.1em}.clearance-readout strong{display:block;margin:4px 0;color:#e9fbff;font-size:28px}.clearance-readout strong small{font-size:13px;color:#7fddeb}.clearance-readout i{color:#ffcc76;font-size:10px;font-style:normal}.decision-rail .risk-orb{margin:12px auto}.decision-rail .risk-ladder{margin:0 0 12px}.decision-rail .action-card,.decision-rail .reason-block{margin:10px 0}.policy-lock{padding:10px 0 0;border-top:1px solid #28475f}.policy-lock p{margin:5px 0 0;color:#87a4b7;font-size:10px;line-height:1.55}.operations-evidence{margin-top:14px;padding-bottom:12px}.operations-heading{padding:15px 17px 8px}.operations-heading h2{margin:4px 0 0;font-size:16px}.operations-heading>span{padding-top:7px;color:#7f9daf;font-size:11px}.operations-evidence .timeline-panel{margin:0 16px;padding:9px 0 13px;border-bottom:1px solid #1c3d55}.ops-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:0}.ops-grid .telemetry,.ops-grid .analytics{grid-column:auto;min-height:0}.ops-grid .analytics{border-left:1px solid #1c3d55}.compact-heading{padding:12px 16px 7px}.compact-heading span{display:block;color:#38e5ff;font-size:9px;letter-spacing:.11em}.compact-heading strong{display:block;margin-top:3px;font-size:13px}.ops-grid .metrics-grid{padding:0 16px 14px;grid-template-columns:repeat(4,1fr)}.ops-grid .metric{min-height:62px;padding:8px}.ops-grid .metric strong{margin:5px 0 1px;font-size:16px}.ops-grid .trend-shell{height:115px;margin:0 16px}.science-evidence{grid-column:auto;margin:0 16px;padding:0 0 14px;border-top:1px solid #1d4058}.science-evidence .compact-heading{padding-left:0}.science-evidence .evidence-note{margin-left:0;margin-right:0}.science-evidence .detection-grid,.science-evidence .audit-grid{margin:0}.science-evidence .geometry-twin-wrap{margin-left:0;margin-right:0}.controls{margin-top:14px}.controls .panel-heading{padding:14px 17px 9px}@media(max-width:1250px){.enterprise-context{display:none}.enterprise-brand{min-width:auto}.cockpit-layout{grid-template-columns:220px minmax(0,1fr) 282px}.workspace-body .monitor-stage{height:380px}.workspace-body #geometry-twin{height:394px}}@media(max-width:1050px){.cockpit-layout{grid-template-columns:1fr}.asset-rail,.decision-rail{position:static}.asset-rail .pipeline-rail{grid-template-columns:repeat(4,1fr)}.decision-rail{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.decision-heading{grid-column:1/-1}.decision-rail .risk-orb{margin:auto}.decision-rail .risk-ladder,.decision-rail .action-card,.decision-rail .reason-block,.decision-rail .policy-lock{margin:0}.ops-grid{grid-template-columns:1fr}.ops-grid .analytics{border-left:0;border-top:1px solid #1c3d55}}@media(max-width:680px){.cockpit-shell{padding:10px}.enterprise-header{align-items:flex-start;flex-wrap:wrap}.enterprise-actions{width:100%;min-width:0;justify-content:space-between}.enterprise-brand small{font-size:8px}.asset-rail .pipeline-rail{grid-template-columns:repeat(2,1fr)}.workspace-header{flex-direction:column}.workspace-body .monitor-stage,.workspace-body #geometry-twin{height:300px}.decision-rail{grid-template-columns:1fr}.ops-grid .metrics-grid{grid-template-columns:repeat(2,1fr)}.operations-heading{flex-direction:column}.operations-heading>span{padding-top:0}}