:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--bg: #edf6ff;--surface: #ffffff;--surface-soft: #f7fbff;--surface-blue: #eef7ff;--line: #d7e9fb;--line-strong: #a8d3fa;--text: #102033;--muted: #6d7f95;--muted-strong: #425873;--blue: #2078df;--blue-2: #3aa6ff;--cyan: #16b6d8;--green: #16a34a;--amber: #f59e0b;--red: #dc2626;--purple: #7c3aed;--shadow: 0 22px 60px rgba(24, 90, 150, .12);--shadow-soft: 0 10px 28px rgba(24, 90, 150, .09);--radius: 22px}*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{margin:0;min-height:100vh;color:var(--text);background:radial-gradient(circle at 10% -10%,rgba(58,166,255,.28),transparent 32%),radial-gradient(circle at 88% 2%,rgba(32,120,223,.14),transparent 30%),linear-gradient(180deg,#f7fbff,#edf6ff 48%,#f8fbff)}button,input,select{font:inherit}button{border:0;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}img,video{max-width:100%;display:block}.app-shell{position:relative;min-height:100vh;padding:14px}.grid-background{pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(32,120,223,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(32,120,223,.075) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.8),transparent 86%);mask-image:linear-gradient(180deg,rgba(0,0,0,.8),transparent 86%)}.panel-card{position:relative;border:1px solid rgba(201,226,249,.9);background:#ffffffeb;border-radius:var(--radius);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.topbar{position:sticky;top:12px;z-index:50;display:grid;grid-template-columns:minmax(260px,auto) 1fr minmax(420px,auto);gap:14px;align-items:center;min-height:70px;padding:10px 14px;border:1px solid rgba(201,226,249,.9);border-radius:23px;background:#ffffffdb;box-shadow:0 18px 50px #0f41731a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.brand-block,.top-actions,.clock-block,.section-title,.range-header,.preview-toolbar,.decision-footer,.panel-heading,.selected-file,.error-box,.wide-meta,.dual-actions{display:flex;align-items:center}.brand-block{gap:12px;min-width:0}.menu-button,.icon-action{width:46px;height:46px;display:grid;place-items:center;border-radius:16px;color:#1e6fd9;background:#f0f8ff;border:1px solid #cde7ff}.brand-mark{color:#1674d7;font-weight:950;letter-spacing:.45em;font-size:21px;white-space:nowrap}.brand-block span{color:#263d56;font-weight:900;white-space:nowrap}.runway-tabs{display:flex;justify-content:center;gap:10px;min-width:0;overflow-x:auto;scrollbar-width:none}.runway-tabs button{min-width:126px;height:46px;border-radius:15px;color:#50667d;background:transparent;font-weight:950;letter-spacing:.08em;text-transform:uppercase;border:1px solid transparent}.runway-tabs button.active{color:#0a64b8;background:#eef7ff;border-color:#bfe1ff;box-shadow:inset 0 0 0 1px #ffffffb3}.top-actions{justify-content:flex-end;gap:10px}.clock-block{gap:6px;padding:0 4px}.clock-block strong{color:#102033;font-size:16px}.clock-block span{color:var(--muted);font-size:11px;font-weight:950;letter-spacing:.12em}.status-pill{display:inline-flex;align-items:center;justify-content:center;min-height:30px;gap:7px;padding:0 12px;border-radius:999px;font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;border:1px solid var(--line);color:#426078;background:#f7fbff}.status-pill.safe{color:#0f8647;background:#ecfdf3;border-color:#bce8cf}.status-pill.danger{color:#c51e33;background:#fff0f2;border-color:#ffc1ca}.status-pill.warning{color:#a46100;background:#fff8e9;border-color:#f5d891}.status-pill.blue{color:#0e65ba;background:#eef7ff;border-color:#bddfff}.status-pill.purple{color:#6d39d1;background:#f6f1ff;border-color:#dfd4ff}.status-pill.neutral{color:#51667e;background:#f6f8fb;border-color:#dbe5ef}.layout-shell{position:relative;z-index:1;display:grid;grid-template-columns:285px minmax(0,1fr);gap:16px;margin-top:16px}.left-rail{min-height:calc(100vh - 114px);padding:18px;border:1px solid rgba(201,226,249,.9);border-radius:24px;background:#ffffffe0;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.rail-section-title,.section-kicker,.section-title span{color:#1f78d1;font-size:12px;font-weight:950;letter-spacing:.24em;text-transform:uppercase}.rail-nav,.sensor-stack{display:grid;gap:9px;margin-top:13px}.rail-item,.sensor-row{width:100%;min-height:58px;display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:10px;padding:8px 9px;border-radius:17px;text-align:left;color:#4e6378;background:transparent;font-weight:900}.rail-item:hover,.sensor-row:hover{background:#f4faff}.rail-item.active{color:#0c63b3;background:linear-gradient(135deg,#f0f8ff,#e8f4ff);box-shadow:inset 4px 0 #2b93ee}.rail-icon{width:42px;height:42px;display:grid;place-items:center;border:1px solid #cae5ff;border-radius:15px;color:#2078df;background:#fff}.rail-item em{min-width:26px;height:26px;display:grid;place-items:center;border-radius:999px;font-style:normal;font-size:11px;color:#fff;background:linear-gradient(135deg,#ffb224,#f59e0b)}.rail-divider{height:1px;margin:22px -18px;background:var(--line)}.sensor-row{grid-template-columns:18px 1fr auto;min-height:36px;padding:5px 0;font-size:13px}.sensor-row strong{color:#273d55}.sensor-dot{width:10px;height:10px;border-radius:999px;background:var(--green);box-shadow:0 0 0 4px #16a34a17}.sensor-dot.warning{background:var(--amber);box-shadow:0 0 0 4px #f59e0b1a}.sensor-dot.offline{background:#9aa8b7;box-shadow:none}.rail-footer-card{margin-top:22px;padding:16px;border-radius:18px;border:1px solid var(--line);background:#f7fbff}.rail-footer-card span{color:var(--muted);font-size:11px;font-weight:950;text-transform:uppercase}.rail-footer-card strong{display:block;margin-top:6px;color:#0c9b54;font-weight:950}.rail-footer-card small{display:block;margin-top:3px;color:var(--muted)}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:16px}.main-zone,.page-zone{min-width:0;display:grid;gap:16px}.mission-hero,.page-header{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:22px;align-items:center;padding:32px 36px;overflow:hidden;background:radial-gradient(circle at 92% 14%,rgba(58,166,255,.22),transparent 26%),linear-gradient(135deg,#fffffffa,#f5fbfff2)}.page-header{grid-template-columns:minmax(0,1fr) auto}.mission-hero:after,.page-header:after{content:"";position:absolute;right:-90px;bottom:-150px;width:420px;height:260px;border:1px solid rgba(32,120,223,.14);border-radius:999px;transform:rotate(-12deg)}h1{margin:8px 0 12px;max-width:860px;color:#102033;font-size:clamp(34px,4.2vw,62px);line-height:.98;letter-spacing:-.06em}h2{margin:0;font-size:19px;color:#1a3047;letter-spacing:-.02em}h3{margin:0;color:#17304b}p{margin:0}.mission-hero p,.page-header p{max-width:820px;color:var(--muted);font-size:16px;line-height:1.7}.hero-status-card{position:relative;z-index:2;padding:18px;border:1px solid #cfe6fb;border-radius:20px;background:#ffffffd1;box-shadow:0 18px 40px #2078df1a}.hero-status-card svg{color:#1aa3dc}.hero-status-card span{display:block;margin-top:10px;color:var(--muted);font-size:12px;font-weight:950;text-transform:uppercase}.hero-status-card strong{display:block;margin-top:4px;font-size:17px;color:#17304c}.hero-status-card small{display:block;margin-top:5px;color:var(--muted)}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.metric-card{display:flex;align-items:center;gap:14px;min-height:106px;padding:18px;border-radius:20px;border:1px solid var(--line);background:#fffffff0;box-shadow:var(--shadow-soft)}.metric-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:17px;color:#2078df;background:#edf7ff;border:1px solid #cae7ff;flex:0 0 auto}.metric-card span{display:block;color:var(--muted);font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.08em}.metric-card strong{display:block;margin-top:4px;color:#102033;font-size:28px;line-height:1;letter-spacing:-.03em}.metric-card small{display:block;margin-top:8px;color:var(--muted);font-weight:650}.metric-card.safe .metric-icon,.metric-card.green .metric-icon{color:#0c9b54;background:#edf9f2;border-color:#bdebd1}.metric-card.warning .metric-icon{color:#bc7308;background:#fff8e9;border-color:#f3d695}.metric-card.danger .metric-icon{color:#dc2626;background:#fff0f2;border-color:#ffc7cf}.metric-card.purple .metric-icon{color:#7c3aed;background:#f5f0ff;border-color:#dfd4ff}.mission-grid{display:grid;grid-template-columns:300px minmax(0,1fr);gap:16px}.control-card{padding:18px}.section-title{justify-content:space-between;gap:14px;margin-bottom:16px}.section-title svg{color:#2a78c7}.segmented{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:6px;border-radius:16px;background:#edf6ff;border:1px solid var(--line)}.segmented button{min-height:42px;color:#5b7088;font-weight:950;border-radius:12px;background:transparent}.segmented button.active{color:#075ea8;background:#fff;box-shadow:0 10px 22px #2078df1a}.range-card{margin-top:14px;padding:15px;border:1px solid var(--line);border-radius:16px;background:#f9fcff}.range-card.large{padding:20px}.range-header{justify-content:space-between;margin-bottom:12px}.range-header span,.check-row span{color:#4f657c;font-size:13px;font-weight:850}.range-header strong{color:#0f68cc}input[type=range]{width:100%;accent-color:#2078df}.check-row{gap:9px;margin:15px 0}.check-row.big{padding:14px 0}.check-row input{width:17px;height:17px;accent-color:#2078df}.upload-area{display:grid;place-items:center;text-align:center;gap:8px;min-height:150px;padding:18px;border-radius:18px;color:#38536d;background:linear-gradient(135deg,#f5fbfff5,#ebf7fff5);border:1px dashed #9bd3ff}.upload-area input{display:none}.upload-icon{width:56px;height:56px;display:grid;place-items:center;color:#2078df;border-radius:19px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-soft)}.upload-area strong{font-weight:950}.upload-area span{color:var(--muted);font-size:12px;font-weight:750}.selected-file,.error-box{margin-top:12px;gap:10px;padding:12px;border-radius:14px;background:#f7fbff;border:1px solid var(--line)}.selected-file svg{color:#2078df}.selected-file span{display:block;color:var(--muted);font-size:11px;font-weight:850;text-transform:uppercase}.selected-file strong{display:block;margin-top:2px;font-size:12px;color:#1b3046;overflow-wrap:anywhere}.error-box{color:#be1d2c;background:#fff0f2;border-color:#ffc7cf;font-size:13px;font-weight:760}.run-button{min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:10px;color:#fff;font-weight:950;border-radius:16px;background:linear-gradient(135deg,#2078df,#31a9ff);box-shadow:0 18px 30px #2078df3d}.control-card .run-button{width:100%;margin-top:14px}.run-button.compact{min-height:44px;padding:0 18px;white-space:nowrap}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.viewer-grid{min-width:0;display:grid;grid-template-columns:1fr 1fr;gap:16px}.preview-shell{min-width:0;overflow:hidden}.preview-toolbar{justify-content:space-between;gap:14px;padding:16px 16px 0}.preview-toolbar span{display:block;color:#2a78c7;font-size:11px;font-weight:950;letter-spacing:.13em;text-transform:uppercase}.preview-toolbar strong{display:block;margin-top:4px;color:#162b41;font-size:18px}.image-stage{position:relative;min-height:360px;margin:14px;overflow:hidden;border-radius:18px;background:#f4faff;border:1px solid var(--line)}.image-stage:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(135deg,rgba(32,120,223,.04) 25%,transparent 25%,transparent 50%,rgba(32,120,223,.04) 50%,rgba(32,120,223,.04) 75%,transparent 75%,transparent);background-size:26px 26px}.image-stage img,.image-stage video{position:relative;z-index:1;width:100%;height:360px;object-fit:cover}.empty-state{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:grid;place-items:center;align-content:center;gap:10px;padding:24px;color:#5c7087;text-align:center}.empty-state svg{color:#2078df}.empty-state strong{color:#243a53;font-size:17px}.empty-state span{max-width:300px;line-height:1.5}.result-hud{position:absolute;z-index:3;padding:8px 12px;border-radius:999px;background:#ffffffe0;border:1px solid var(--line);color:#23435f;font-size:12px;font-weight:900;box-shadow:var(--shadow-soft)}.result-hud.top-left{left:16px;top:16px}.result-hud.bottom-right{right:16px;bottom:16px}.bottom-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:16px}.decision-card{padding:18px 20px;border-left:5px solid #2078df}.decision-card.safe{border-left-color:#16a34a}.decision-card.warning{border-left-color:#f59e0b}.decision-card.danger{border-left-color:#dc2626}.decision-card p{color:#4f657c;line-height:1.65;font-weight:650}.decision-footer{margin-top:14px;padding-top:13px;border-top:1px solid var(--line);gap:12px}.decision-footer span{color:var(--muted);font-size:12px;font-weight:850;text-transform:uppercase}.decision-footer strong{margin-right:auto;color:#102033}.download-button,.danger-button,.link-button,.wide-actions button,.alert-actions button,.assignment-buttons button,.team-card button{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 13px;border-radius:12px;color:#075ea8;background:#edf7ff;border:1px solid #c9e7ff;font-weight:900}.danger-button{color:#be1d2c;background:#fff0f2;border-color:#ffc7cf}.link-button{width:100%;margin-top:auto;background:#fff}.config-card{padding:18px}.config-list{display:grid;gap:10px}.config-list div{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px;border-radius:13px;background:#f8fbff;border:1px solid var(--line)}.config-list span{color:var(--muted);font-weight:800}.config-list strong{color:#243a53;text-align:right;overflow-wrap:anywhere}.config-list strong.ok{color:#0c9b54}.config-list strong.bad{color:#dc2626}.right-panel{min-height:calc(100vh - 112px);padding:16px;display:flex;flex-direction:column;gap:14px}.alert-stack{display:grid;gap:10px}.alert-card{padding:14px;border-radius:17px;border:1px solid var(--line);background:linear-gradient(135deg,#fff,#f8fbff)}.alert-card.critical,.wide-alert-card.critical{border-color:#ffc1ca;box-shadow:inset 4px 0 #dc2626}.alert-card.moderate,.wide-alert-card.moderate{border-color:#f5d891;box-shadow:inset 4px 0 #f59e0b}.alert-card.information,.wide-alert-card.information{border-color:#b9dcff;box-shadow:inset 4px 0 #2078df}.alert-card.resolved,.wide-alert-card.resolved{border-color:#bce8cf;box-shadow:inset 4px 0 #16a34a;opacity:.75}.alert-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:9px}.alert-top span:last-child{color:var(--muted);font-size:12px;font-weight:800}.alert-card strong{display:block;color:#162d46;margin-bottom:5px}.alert-card p{color:#66778b;line-height:1.45;font-size:13px}.progress{height:5px;margin:12px 0;border-radius:999px;background:#e8f1fb;overflow:hidden}.progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2078df,#31a9ff)}.alert-actions{display:flex;gap:8px}.alert-actions button{flex:1;font-size:12px}.table-card{position:relative;z-index:1;padding:18px;margin:16px 0 0 301px;overflow:hidden}.table-wrap{overflow-x:auto;border-radius:16px;border:1px solid var(--line)}table{width:100%;border-collapse:collapse;min-width:920px;background:#fff}th,td{padding:14px 15px;text-align:left;border-bottom:1px solid var(--line)}th{color:#2a78c7;font-size:11px;font-weight:950;letter-spacing:.12em;text-transform:uppercase;background:#f4faff}td{color:#4f657c;font-size:13px}td strong{color:#102033}.empty-row{text-align:center;color:var(--muted);padding:28px}.severity{display:inline-flex;min-height:26px;align-items:center;padding:0 9px;border-radius:999px;font-size:11px;font-weight:950;text-transform:uppercase}.severity.safe{color:#0c9b54;background:#edf9f2}.severity.warning{color:#b76b00;background:#fff8e9}.severity.danger{color:#be1d2c;background:#fff0f2}.severity.blue{color:#0e65ba;background:#eef7ff}.severity.neutral{color:#52697f;background:#f4f7fb}.page-zone{grid-column:auto}.camera-control-grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:16px}.camera-board,.camera-detail,.alerts-list,.filter-row,.report-viewer,.report-history,.teams-grid>.panel-card,.assignment-card,.settings-grid>.panel-card{padding:18px}.camera-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.camera-tile{padding:0;overflow:hidden;border-radius:19px;border:1px solid var(--line);background:#fff;text-align:left;box-shadow:var(--shadow-soft)}.camera-tile.selected{outline:3px solid rgba(32,120,223,.2);border-color:#8ac8ff}.camera-tile.flagged{border-color:#ffc1ca}.camera-head{height:46px;display:flex;justify-content:space-between;align-items:center;padding:0 13px;gap:10px}.camera-head strong{color:#152c44;font-size:13px}.camera-feed{position:relative;height:220px;overflow:hidden;background:#eaf4ff}.camera-feed img{width:100%;height:100%;object-fit:cover;filter:saturate(.98) contrast(1.02)}.runway-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:linear-gradient(90deg,transparent 49%,rgba(32,120,223,.23) 50%,transparent 51%),linear-gradient(180deg,#ffffffa6,#cce4f9a6),repeating-linear-gradient(45deg,rgba(32,120,223,.06),rgba(32,120,223,.06) 8px,transparent 8px,transparent 18px)}.runway-placeholder span{padding:8px 12px;border-radius:12px;color:#0e65ba;background:#fff;border:1px solid #cae7ff;font-weight:950}.runway-placeholder.large{position:relative;min-height:250px;border-radius:18px;border:1px solid var(--line)}.fod-badge{position:absolute;left:14px;bottom:14px;padding:8px 12px;border-radius:999px;color:#be1d2c;background:#fff0f2;border:1px solid #ffc1ca;font-weight:950;font-size:12px}.camera-confidence{position:absolute;right:14px;bottom:14px;padding:8px 12px;border-radius:999px;color:#17304b;background:#ffffffe0;border:1px solid var(--line);font-weight:900;font-size:12px}.detail-screen{margin-bottom:14px;overflow:hidden;border-radius:18px;border:1px solid var(--line);background:#f7fbff}.detail-screen img{width:100%;height:250px;object-fit:cover}.dual-actions{gap:10px;margin-top:14px}.dual-actions>*{flex:1}.dual-actions.standalone{margin:0}.filter-row{display:flex;gap:10px;overflow-x:auto}.filter-row button{height:40px;padding:0 15px;border-radius:999px;color:#55708a;font-weight:950;background:#f7fbff;border:1px solid var(--line);text-transform:capitalize}.filter-row button.active{color:#0e65ba;background:#eef7ff;border-color:#aad7ff}.cards-list{display:grid;gap:12px}.wide-alert-card{display:grid;grid-template-columns:1fr auto;gap:16px;padding:16px;border-radius:18px;border:1px solid var(--line);background:#fff}.wide-alert-main h3{margin:10px 0 6px}.wide-alert-main p{color:#62758b;line-height:1.5}.wide-meta{flex-wrap:wrap;gap:12px;margin-top:12px;color:var(--muted);font-size:13px;font-weight:800}.wide-meta span{display:inline-flex;align-items:center;gap:5px}.wide-actions{display:grid;gap:8px;min-width:150px}.report-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:16px}.report-viewer pre{min-height:420px;max-height:560px;overflow:auto;margin:0 0 14px;padding:18px;border-radius:18px;color:#263d56;background:#f7fbff;border:1px solid var(--line);white-space:pre-wrap;line-height:1.55;font-family:Cascadia Code,Courier New,monospace}.history-list{display:grid;gap:10px}.history-list button,.empty-card{padding:14px;text-align:left;border-radius:15px;border:1px solid var(--line);background:#f8fbff}.history-list button.active{border-color:#98ceff;background:#eef7ff}.history-list strong{display:block;color:#17304b;overflow-wrap:anywhere}.history-list span,.empty-card{color:var(--muted);font-weight:750;font-size:13px}.teams-grid,.settings-grid{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:16px}.team-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.team-card{display:grid;gap:12px;padding:16px;border-radius:18px;border:1px solid var(--line);background:#fff}.team-card p{margin-top:5px;color:#51677e;font-weight:800}.team-card div>span{display:block;margin-top:7px;color:var(--muted);font-size:13px;font-weight:750}.select-label{display:grid;gap:8px;margin-bottom:14px}.select-label span{color:#51677e;font-size:13px;font-weight:900}.select-label select{height:46px;padding:0 12px;border-radius:14px;border:1px solid var(--line);color:#17304b;background:#fff;font-weight:850}.assignment-buttons{display:grid;gap:10px;margin-bottom:14px}.assignment-buttons button{justify-content:flex-start;min-height:44px}@media (max-width: 1480px){.topbar{grid-template-columns:1fr;position:relative;top:0}.top-actions,.runway-tabs{justify-content:flex-start}.dashboard-grid,.camera-control-grid,.bottom-grid,.report-grid,.teams-grid,.settings-grid{grid-template-columns:1fr}.right-panel{min-height:auto}.table-card{margin-left:0}}@media (max-width: 1080px){.layout-shell{grid-template-columns:1fr}.left-rail{min-height:auto}.mission-grid,.viewer-grid,.metric-grid,.camera-grid,.team-list{grid-template-columns:1fr}.mission-hero,.page-header{grid-template-columns:1fr;padding:24px}}@media (max-width: 720px){.app-shell{padding:8px}.brand-mark{letter-spacing:.2em;font-size:17px}.top-actions{flex-wrap:wrap}.runway-tabs button{min-width:110px}h1{font-size:35px}.wide-alert-card{grid-template-columns:1fr}}