@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{color:#d8e3ef;font-synthesis:none;--bg:#07111f;--panel:#0b1827;--panel2:#102136;--line:#1c3349;--muted:#7d93a8;--text:#d8e3ef;--cyan:#45d7d1;--cyan-glow:#45d7d140;--green:#5cdf9a;--amber:#f2bd70;--red:#f47783;--blue:#7da8ff;background:#07111f;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 85% -15%, #142d45 0, transparent 34%), var(--bg);min-width:320px;margin:0}button,input,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--line);z-index:70;background:#091624;flex-direction:column;width:260px;display:flex;position:fixed;inset:0 auto 0 0}.sidebar-close,.sidebar-backdrop{display:none}.side-brand{align-items:center;gap:11px;padding:24px 20px 18px;display:flex}.side-brand strong{color:#f2f7fb;letter-spacing:-.3px;font-family:Space Grotesk;font-size:18px;display:block}.side-brand span{letter-spacing:1.8px;color:var(--cyan);margin-top:3px;font-size:8px;font-weight:700;display:block}.brand-mark{width:40px;height:40px;color:var(--cyan);background:linear-gradient(145deg,#1d5967,#102939);border-radius:12px;place-items:center;display:grid;box-shadow:0 0 24px #2cd6d21c}.side-action-wrap{padding:0 16px 16px}.side-start-btn{letter-spacing:.5px;box-shadow:0 0 18px #45d7d147;color:#041920!important;background:linear-gradient(135deg,#45d7d1,#25a8a3)!important;border-radius:8px!important;font-weight:700!important}.side-start-btn:hover{background:linear-gradient(135deg,#62e7e2,#32b8b3)!important}.sidebar-nav-scroll{flex:1;gap:16px;padding:0 12px;display:grid;overflow-y:auto}.nav-section{gap:3px;display:grid}.nav-label{letter-spacing:1.5px;color:#63798e;text-transform:uppercase;padding:4px 10px;font-size:9px;font-weight:700}.sidebar nav{gap:2px;display:grid}.sidebar nav a{color:#8da0b3;border-radius:8px;align-items:center;gap:12px;height:40px;padding:0 12px;font-size:13px;text-decoration:none;transition:all .15s;display:flex}.sidebar nav a:hover{color:#dcecff;background:#102338}.sidebar nav a.active{color:#63ded6;box-shadow:inset 3px 0 var(--cyan);background:#123044;font-weight:600}.sidebar nav a em{color:#ffb8bd;background:#692b3a;border-radius:10px;margin-left:auto;padding:2px 6px;font-size:10px;font-style:normal}.side-footer{border-top:1px solid var(--line);background:#081320;gap:6px;margin-top:auto;padding:16px 18px;display:grid}.online-pill{color:#94abbd;align-items:center;font-size:11px;display:flex}.online-pill i,.realtime i{background:var(--green);width:7px;height:7px;box-shadow:0 0 8px var(--green);border-radius:99px;margin-right:7px;display:inline-block}.side-footer small{color:#536c82;font-size:10px}.content{width:calc(100% - 260px);min-height:100vh;margin-left:260px}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:40;background:#081421e6;justify-content:space-between;align-items:center;height:74px;padding:0 34px;display:flex;position:sticky;top:0}.topbar h2{text-transform:capitalize;color:#eef5fb;margin:3px 0 0;font-family:Space Grotesk;font-size:16px}.topbar .eyebrow{letter-spacing:1.5px;color:#6e849a;margin:0;font-size:9px;font-weight:700}.top-actions{color:#91a5b8;align-items:center;gap:16px;font-size:12px;display:flex}.top-start-live-btn{height:32px!important;padding:0 12px!important;font-size:11px!important}.top-health,.realtime{align-items:center;gap:7px;display:flex}.top-health{color:#9bb4aa}.realtime{color:#72889d}.realtime.connected{color:var(--cyan)}.alert-count{color:#e9abb0;align-items:center;gap:6px;text-decoration:none;display:flex}.user-menu{color:#c4d2df;background:0 0;border:0;align-items:center;gap:8px;font-size:12px;display:flex}.user-menu span{width:27px;height:27px;color:var(--cyan);background:#21445a;border-radius:50%;place-items:center;font-weight:700;display:grid}.menu-button{color:#bcd0de;background:0 0;border:0;padding:6px;display:none}.page-wrap{max-width:1640px;margin:auto;padding:30px 36px 60px}.hero-row,.page-header{justify-content:space-between;align-items:flex-end;margin-bottom:24px;display:flex}.hero-row h1,.page-header h1{letter-spacing:-.6px;color:#edf4f9;margin:6px 0 4px;font-family:Space Grotesk;font-size:28px}.muted{color:var(--muted);font-size:13px}.header-btn-row{gap:8px;display:flex}.metric-grid{grid-template-columns:repeat(5,1fr);gap:13px;margin-bottom:20px;display:grid}.metric{border:1px solid var(--line);background:linear-gradient(145deg,#0e1d2e,#0b1827);border-radius:10px;min-height:104px;padding:16px}.metric.accent{background:linear-gradient(145deg,#102b37,#0b1927);border-color:#1d5b65}.metric.warning{border-color:#6c4a32}.metric.green{border-color:#1e5a40}.metric-top{color:#7790a4;letter-spacing:1px;justify-content:space-between;font-size:9px;font-weight:700;display:flex}.metric strong{color:#eff5f8;margin:8px 0 4px;font-family:Space Grotesk;font-size:24px;display:block}.metric small{color:#71879a;font-size:10px}.grid-2{grid-template-columns:1.35fr 1fr;gap:18px;display:grid}.panel{border:1px solid var(--line);background:#0b1827;border-radius:10px;min-width:0;padding:20px}.panel-heading{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.panel-heading h3{color:#e2edf3;letter-spacing:.3px;margin:0;font-family:Space Grotesk;font-size:14px}.panel-heading a{color:var(--cyan);align-items:center;gap:3px;font-size:11px;text-decoration:none;display:flex}.primary{color:#062129;background:#4dd4cf;border:0;border-radius:7px;align-items:center;gap:7px;height:36px;padding:0 15px;font-size:12px;font-weight:700;text-decoration:none;transition:all .15s;display:inline-flex}.primary:hover{background:#74e6df}.primary.wide{justify-content:center;width:100%;height:42px}.secondary{color:#9bb1c0;background:#0d1e30;border:1px solid #294159;border-radius:7px;align-items:center;gap:6px;height:36px;padding:0 14px;font-size:12px;text-decoration:none;transition:all .15s;display:inline-flex}.secondary:hover{border-color:var(--cyan);color:var(--cyan)}.danger{color:#ffe6e8;background:#872836;border:0;border-radius:7px;align-items:center;gap:7px;height:36px;padding:0 16px;font-size:12px;font-weight:700;transition:all .15s;display:inline-flex}.danger:hover{background:#a63143}.danger.wide{justify-content:center;width:100%;height:44px}.status-dot{background:#728495;border-radius:99px;width:7px;height:7px;margin-right:6px;display:inline-block}.status-dot.running,.status-dot.online,.status-dot.connected{background:var(--green);box-shadow:0 0 7px #5cdf9a99}.status-dot.paused,.status-dot.degraded,.status-dot.warning{background:var(--amber)}.status-dot.error,.status-dot.offline,.status-dot.critical{background:var(--red)}.status-dot.starting,.status-dot.resuming,.status-dot.switching{background:var(--blue)}.badge{text-transform:uppercase;letter-spacing:.7px;color:#97acbc;align-items:center;font-size:9px;font-weight:700;display:inline-flex}.badge.running,.badge.online{color:#73dfa4}.badge.paused,.badge.degraded,.badge.warning{color:#edbd75}.badge.error,.badge.offline,.badge.critical{color:#f4868e}.badge.starting{color:#8ab1ff}.badge.fallback{color:var(--amber)}.live-pulsing-badge{color:#63e3a1;letter-spacing:.5px;background:#5cdf9a1f;border:1px solid #5cdf9a66;border-radius:6px;align-items:center;gap:7px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.live-pulsing-badge i{background:#5cdf9a;border-radius:99px;width:8px;height:8px;animation:1.8s infinite pulse;box-shadow:0 0 10px #5cdf9a}.live-pulsing-badge.table-badge{padding:2px 7px;font-size:10px}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.camera-preview-box{aspect-ratio:16/9;background:#040c17;border-radius:8px 8px 0 0;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.camera-preview-box.modal{border-radius:8px;max-height:480px}.camera-preview-box.live{border:1px solid #1c3650;border-radius:10px;box-shadow:0 0 30px #00000080}.camera-video-element{object-fit:cover;background:#030a13;width:100%;height:100%;display:block}.preview-top-badge{pointer-events:none;z-index:5;justify-content:space-between;align-items:center;display:flex;position:absolute;top:10px;left:10px;right:10px}.live-pill{letter-spacing:.6px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#b7cddf;background:#08121ecc;border:1px solid #23415c;border-radius:4px;align-items:center;gap:5px;padding:3px 8px;font-size:9px;font-weight:700;display:inline-flex}.live-pill.online{color:#5cdf9a;border-color:#5cdf9a66}.live-pill.online i{background:#5cdf9a;border-radius:99px;width:6px;height:6px;box-shadow:0 0 6px #5cdf9a}.live-pill.offline{color:#f47783;border-color:#f4778366}.preview-spec-badge{color:#8da4b8;background:#08121ecc;border:1px solid #23415c;border-radius:4px;padding:3px 7px;font-family:monospace;font-size:9px}.preview-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:4;color:#8da3b5;text-align:center;background:#050d17e0;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:20px;display:flex;position:absolute;inset:0}.preview-overlay.offline svg{color:var(--amber)}.preview-overlay.error svg{color:var(--red)}.preview-overlay strong{color:#e5f0f8;font-size:14px}.preview-overlay small{color:#72899d;max-width:280px;font-size:11px}.retry-btn{color:#c0d5e6;background:#0f2338;border:1px solid #2d4c6a;border-radius:5px;align-items:center;gap:5px;margin-top:6px;padding:4px 12px;font-size:11px;display:inline-flex}.retry-btn:hover{border-color:var(--cyan);color:var(--cyan)}.preview-spinner{border:3px solid #1c3650;border-top-color:var(--cyan);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:1s linear infinite spin}.preview-bottom-bar{z-index:5;background:linear-gradient(#0000,#040b14d9 60%);justify-content:space-between;align-items:flex-end;padding:8px 12px;display:flex;position:absolute;bottom:0;left:0;right:0}.preview-meta strong{color:#f1f7fc;text-shadow:0 1px 3px #000c;font-size:12px;display:block}.preview-loc{color:#92a9bc;font-size:10px}.ctrl-btn{color:#c4d7e6;background:#0e1d2dbf;border:1px solid #294764;border-radius:5px;place-items:center;width:28px;height:28px;display:grid}.ctrl-btn:hover{color:var(--cyan);border-color:var(--cyan)}.catalog-toolbar{border:1px solid var(--line);background:#0b1827;border-radius:10px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:14px;padding:14px 18px;display:flex}.search-wrap{flex:1;align-items:center;min-width:260px;display:flex;position:relative}.search-icon{color:#637c92;pointer-events:none;position:absolute;left:12px}.search-wrap input{color:#e5f0f6;background:#07121f;border:1px solid #243d54;border-radius:7px;outline:0;width:100%;height:38px;padding:0 34px 0 36px;font-size:13px}.search-wrap input:focus{border-color:var(--cyan);box-shadow:0 0 0 2px var(--cyan-glow)}.clear-search{color:#71899c;background:0 0;border:0;place-items:center;padding:4px;display:grid;position:absolute;right:8px}.filter-group{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.filter-group select{color:#c9dbe8;background:#0f2133;border:1px solid #294159;border-radius:7px;outline:0;height:38px;padding:0 10px;font-size:12px}.filter-group select:focus{border-color:var(--cyan)}.checkbox-toggle{color:#92a9bd;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;padding:0 6px;font-size:12px;display:flex}.text-btn{color:var(--cyan);background:0 0;border:0;font-size:11px;text-decoration:underline}.catalog-stats-line{color:#7890a3;align-items:center;gap:12px;margin-bottom:16px;padding:0 4px;font-size:12px;display:flex}.stat-pill{background:#112338;border:1px solid #233e58;border-radius:12px;padding:2px 7px;font-size:10px}.stat-pill.online{color:#5cdf9a;background:#5cdf9a1a;border-color:#5cdf9a4d}.cameras-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:20px;display:grid}.camera-card{border:1px solid var(--line);background:#0b1827;border-radius:10px;flex-direction:column;transition:transform .18s,border-color .18s;display:flex;overflow:hidden}.camera-card:hover{border-color:#274765;transform:translateY(-2px)}.camera-card-info{flex-direction:column;flex:1;gap:12px;padding:16px;display:flex}.card-info-top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.camera-title{color:#edf5fa;margin:0 0 3px;font-family:Space Grotesk;font-size:15px;line-height:1.3}.camera-location{color:var(--muted);margin:0;font-size:11px}.camera-tech-pills{flex-wrap:wrap;gap:6px;display:flex}.tech-pill{color:#8fa5b8;background:#0f2134;border:1px solid #1e364e;border-radius:4px;padding:3px 7px;font-size:10px}.tech-pill b{color:#b7cbdb;font-weight:600}.tech-pill.provider{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.camera-card-actions{grid-template-columns:1fr 1.6fr;gap:8px;margin-top:auto;padding-top:6px;display:grid}.view-action-btn{justify-content:center}.use-live-action-btn{color:#031b22;background:linear-gradient(135deg,#4dd4cf,#27adab);justify-content:center}.stream-detail-topbar{background:#0a1829;border:1px solid #1f3952;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin:12px 0 20px;padding:16px 20px;display:flex}.stream-status-headline{align-items:center;gap:12px;display:flex}.stream-id-tag{color:#8da4b7;font-size:12px}.stream-topbar-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.action-start-live{box-shadow:0 0 16px #5cdf9a59;color:#032011!important;background:linear-gradient(135deg,#5cdf9a,#2eb36c)!important;height:40px!important;padding:0 18px!important;font-size:13px!important}.action-start-live:hover{background:linear-gradient(135deg,#74efa9,#36c579)!important}.action-stop-live{height:40px!important;padding:0 18px!important;font-size:13px!important}.live-control-center-panel{background:#081423;border:1px solid #1c3650;border-radius:12px;margin-bottom:22px;padding:22px;box-shadow:0 10px 40px #00000059}.live-preview-grid{grid-template-columns:1.45fr 1fr;gap:22px;display:grid}.live-player-pane{flex-direction:column;gap:12px;display:flex}.live-tagline{background:#0c1a2c;border:1px solid #1b354e;border-radius:8px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.live-status-chip{color:#5cdf9a;align-items:center;gap:6px;font-size:12px;font-weight:700;display:flex}.live-status-chip i{background:#5cdf9a;border-radius:99px;width:8px;height:8px;animation:1.8s infinite pulse;box-shadow:0 0 10px #5cdf9a}.live-cam-label strong{color:#edf5fa;font-size:13px;display:block}.live-cam-label span{color:#7a93a8;font-size:10px}.live-timer-box{text-align:right}.live-timer-box small{letter-spacing:1px;color:#6a8296;font-size:8px;display:block}.live-timer-box strong{color:#5cdf9a;font-family:monospace;font-size:16px}.live-pipeline-pane{background:#0a1727;border:1px solid #1c344d;border-radius:10px;flex-direction:column;gap:14px;padding:18px;display:flex}.pipeline-steps-vertical{gap:10px;display:grid}.pipeline-vstep{background:#0f2134;border:1px solid #1c354e;border-radius:7px;align-items:flex-start;gap:12px;padding:10px 12px;display:flex}.pipeline-vstep.ok{background:#5cdf9a0d;border-color:#5cdf9a59}.pipeline-vstep.ok .vstep-icon{color:#5cdf9a}.pipeline-vstep.err{background:#f4778314;border-color:#f4778366}.pipeline-vstep.err .vstep-icon{color:#f47783}.vstep-body strong{color:#e5f0f6;font-size:12px;display:block}.vstep-body p{color:#9ab0c2;margin:2px 0 0;font-size:11px}.vstep-body small{color:#6f869a;margin-top:2px;font-size:10px;display:block}.yt-confirmation-box{color:#92a9bd;background:#0c1c2e;border:1px solid #203e5a;border-radius:6px;align-items:center;gap:10px;padding:10px 12px;font-size:11px;display:flex}.yt-confirmation-box svg{color:var(--cyan);flex-shrink:0}.yt-confirmation-box strong{color:#ddeaf4;font-size:11px;display:block}.yt-confirmation-box p{color:#758e9f;margin:1px 0 0;font-size:10px}.stop-prominent-btn{margin-top:auto}.starting-state-card{margin-bottom:20px;background:linear-gradient(145deg,#0f253a,#0b1827)!important;border-color:#275276!important}.starting-card-header{align-items:center;gap:16px;margin-bottom:20px;display:flex}.starting-card-header h2{color:#63ded6;margin:0;font-family:Space Grotesk;font-size:20px}.starting-checklist{gap:10px;display:grid}.chk-item{color:#a0b6c7;background:#091726;border:1px solid #1a3249;border-radius:6px;align-items:center;gap:10px;padding:8px 12px;font-size:13px;display:flex}.chk-item.ok{color:#71dfa3;border-color:#5cdf9a4d}.chk-item.wait{color:#859eb2}.pulse-dot{background:var(--blue);border-radius:99px;width:10px;height:10px;animation:1.5s infinite pulse}.failure-state-card{margin-bottom:20px;background:#25131b!important;border-color:#7d3441!important}.failure-banner{color:#ff9da6;align-items:center;gap:14px;margin-bottom:16px;display:flex}.failure-banner h3{color:#ffa8b0;margin:0;font-family:Space Grotesk}.failure-banner p{color:#ffc4c8;margin:4px 0 0;font-size:12px}.failure-breakdown-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.fail-metric{background:#341a25;border:1px solid #5b2834;border-radius:6px;padding:10px 12px}.fail-metric span{letter-spacing:1px;color:#d18d96;font-size:9px;display:block}.fail-metric b{color:#ffd0d5;margin-top:4px;font-size:13px;display:block}.fallback-alert-banner{margin-bottom:20px;background:#241912!important;border-color:#694a28!important}.fallback-header{color:#f2bd70;align-items:center;gap:12px;margin-bottom:12px;display:flex}.fallback-header strong{font-size:14px}.fallback-header span{color:#caa26a;margin-left:6px;font-size:11px}.fallback-meta-grid{background:#17100b;border-radius:6px;grid-template-columns:repeat(4,1fr);gap:10px;padding:10px 14px;font-size:11px;display:grid}.fallback-meta-grid span{color:#8e775a}.fallback-meta-grid b{color:#f2d09c}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#040a12d9;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-dialog{background:#0b1827;border:1px solid #233e58;border-radius:12px;width:min(640px,100%);max-height:90vh;overflow-y:auto;box-shadow:0 20px 80px #000000b3}.modal-dialog.start-live-modal{width:min(720px,100%)}.modal-dialog.view-camera-modal{width:min(800px,100%)}.modal-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;padding:20px 24px;display:flex}.modal-title-wrap h2{color:#eef6fc;margin:3px 0 0;font-family:Space Grotesk;font-size:18px}.modal-eyebrow{letter-spacing:1.5px;color:var(--cyan);font-size:9px;font-weight:700}.modal-close{color:#7e94a8;background:0 0;border:0;padding:4px}.modal-close:hover{color:#edf5fa}.modal-actions{border-top:1px solid var(--line);background:#081320;justify-content:flex-end;gap:10px;padding:16px 24px;display:flex}.start-live-body,.crud-form-body{gap:14px;padding:20px 24px;display:grid}.start-camera-banner{background:#102438;border:1px solid #1e4566;border-radius:8px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.banner-kicker{letter-spacing:1.2px;color:var(--cyan);font-size:9px;font-weight:700;display:block}.banner-cam-info strong{color:#f1f8fc;margin:2px 0;font-size:15px;display:block}.banner-location{color:#8da4b8;align-items:center;gap:8px;font-size:11px;display:flex}.banner-cam-specs{gap:6px;display:flex}.banner-cam-specs span{color:#7997b0;background:#081624;border:1px solid #1c3750;border-radius:4px;padding:3px 8px;font-family:monospace;font-size:10px}.form-group-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}label{color:#92a7b8;gap:6px;font-size:12px;display:grid}input,select{color:#e5f0f6;background:#07121f;border:1px solid #243d54;border-radius:7px;outline:0;height:38px;padding:0 12px;font-size:13px}input:focus,select:focus{border-color:var(--cyan);box-shadow:0 0 0 2px var(--cyan-glow)}.checkbox-row{color:#a4b9c9;cursor:pointer;align-items:center;gap:8px;font-size:12px;display:flex}.checkbox-row input{height:auto}.start-pipeline-preview{background:#091726;border:1px solid #1a3248;border-radius:8px;justify-content:space-between;margin-top:4px;padding:10px 16px;display:flex}.pipeline-step{color:#637b8f;align-items:center;gap:7px;font-size:11px;display:flex}.pipeline-step i{background:#37536d;border-radius:99px;width:7px;height:7px}.pipeline-step.done{color:var(--cyan)}.pipeline-step.done i{background:var(--cyan);box-shadow:0 0 6px var(--cyan)}.launch-btn{height:42px!important;padding:0 22px!important;font-size:13px!important}.modal-body-preview{padding:20px 24px}.view-modal-details{margin-top:18px;display:grid}.table-wrap{margin:0 -20px;overflow:auto}.table-wrap table{border-collapse:collapse;width:100%;min-width:800px}.table-wrap th{text-align:left;text-transform:uppercase;letter-spacing:1px;color:#678096;white-space:nowrap;padding:0 20px 12px;font-size:9px;font-weight:700}.table-wrap td{color:#b9c8d5;white-space:nowrap;border-top:1px solid #142a3e;padding:13px 20px;font-size:12px}.table-wrap tr:hover td{background:#0e2034}.table-wrap td strong{color:#e4edf3}.block{display:block}.mono{font-family:monospace;color:#7b98b0!important;font-size:11px!important}.source-line{align-items:center;gap:2px;display:inline-flex}.err-line{color:#f4868e;font-size:10px}.table-stream-actions{align-items:center;gap:6px;display:flex}.ctrl-btn-start{color:#5cdf9a;background:#5cdf9a26;border:1px solid #5cdf9a66;border-radius:5px;align-items:center;gap:4px;height:28px;padding:0 10px;font-size:11px;font-weight:700;display:inline-flex}.ctrl-btn-start:hover{color:#032011;background:#5cdf9a}.ctrl-btn-stop{color:#f47783;background:#f4778326;border:1px solid #f4778366;border-radius:5px;align-items:center;gap:4px;height:28px;padding:0 10px;font-size:11px;font-weight:700;display:inline-flex}.ctrl-btn-stop:hover{color:#220306;background:#f47783}.icon-button{color:#98b2c2;background:#112337;border:1px solid #294159;border-radius:6px;place-items:center;width:28px;height:28px;text-decoration:none;display:grid}.icon-button:hover{color:var(--cyan);border-color:#3d8186}.health-list{gap:18px;padding:4px 0 12px;display:grid}.health-line{gap:6px;display:grid}.health-line>div:first-child{color:#92a5b5;justify-content:space-between;font-size:11px;display:flex}.health-line b{color:#dce9ef;font-size:11px}.health-line b small{color:#627c90;font-weight:400}.progress{background:#192c3e;border-radius:8px;height:5px;overflow:hidden}.progress i{background:var(--cyan);border-radius:8px;height:100%;display:block}.progress i.green{background:var(--green)}.progress i.amber{background:var(--amber)}.progress i.cyan{background:var(--cyan)}.server-note{color:#839aab;border-top:1px solid #172b3e;align-items:center;gap:9px;padding-top:14px;font-size:11px;display:flex}.server-note svg{color:var(--cyan)}.server-note b{color:#dce9ef;margin-left:5px}.cards-3{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.worker-card{min-height:230px}.worker-title{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.worker-title h3{color:#dbe8ef;margin:10px 0 0;font-family:monospace;font-size:13px}.worker-stats{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:18px;display:grid}.worker-stats .metric{min-height:66px;padding:10px}.worker-stats .metric strong{margin:6px 0 0;font-size:16px}.worker-stats .metric-top{font-size:8px}.resource-row{color:#71899b;justify-content:space-between;margin-top:14px;font-size:10px;display:flex}.setting-row{color:#8ea5b7;border-top:1px solid #152c42;justify-content:space-between;align-items:center;padding:13px 0;font-size:12px;display:flex}.setting-row b{color:#d6e5eb}.safe{color:var(--green)!important}.timeline{gap:16px;display:grid}.timeline-item{gap:12px;display:flex;position:relative}.timeline-item:not(:last-child):after{content:"";background:#244158;width:1px;position:absolute;top:12px;bottom:-17px;left:4px}.timeline-item>i{background:var(--cyan);z-index:1;border-radius:50%;width:9px;height:9px;margin-top:4px;box-shadow:0 0 8px #45d7d199}.timeline-item strong,.timeline-item small{display:block}.timeline-item strong{color:#d9e8ed;font-size:12px}.timeline-item small{color:#71899d;margin-top:3px;font-size:10px}.empty{color:#647b8d;flex-direction:column;justify-content:center;align-items:center;gap:8px;height:140px;font-size:12px;display:flex}.empty svg{color:#34546b}.form-error{color:#ff9ca4;background:#3b1c28;border:1px solid #753540;border-radius:6px;margin:10px 0;padding:10px 14px;font-size:12px}.banner{color:#ffb5bb;background:#3b1c28;border:1px solid #6c323d;border-radius:7px;align-items:center;gap:9px;margin:18px 36px 0;padding:11px 14px;font-size:12px;display:flex}.banner button{color:inherit;background:0 0;border:0;margin-left:auto}.login-shell{background:radial-gradient(circle at 50% 5%, #153a4c, transparent 35%), var(--bg);place-items:center;min-height:100vh;padding:20px;display:grid}.login-card{background:#0b1928;border:1px solid #1d3448;border-radius:14px;width:min(420px,100%);padding:38px;box-shadow:0 20px 80px #00000080}.login-card .brand-mark{margin-bottom:24px}.login-card h1{color:#eef7fb;margin:5px 0 8px;font-family:Space Grotesk;font-size:28px}.login-card form{gap:16px;margin-top:26px;display:grid}.login-card label{color:#91a7b9;gap:7px;font-size:11px;display:grid}.login-card input{color:#e3f0f4;background:#07121f;border:1px solid #274055;border-radius:7px;outline:0;height:42px;padding:0 12px}.login-card input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #45d7d11c}.crud-form,.yt-form{border:1px solid var(--line);background:#091726;border-radius:8px;margin-top:14px;padding:16px}.crud-form form,.yt-form form{gap:12px;display:grid}.crud-form .form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.day-pills{flex-wrap:wrap;gap:6px;display:flex}.day-pills button{color:#9bb1c0;background:#0f2133;border:1px solid #294159;border-radius:16px;height:30px;padding:0 10px;font-size:11px}.day-pills button.on{border-color:var(--cyan);color:#63ded6;background:#123044}.profile-list{gap:6px;display:grid}.profile-list button{text-align:left;color:#9fb2c0;background:#0f2133;border:1px solid #0000;border-radius:7px;justify-content:space-between;align-items:center;padding:12px;display:flex}.profile-list button.selected{color:#e4f4f3;background:#123044;border-color:#2d777b}.profile-list strong,.profile-list small{display:block}.profile-list strong{font-size:12px}.profile-list small{color:#718b9d;margin-top:3px;font-size:10px}.overlay-preview{background:linear-gradient(145deg,#142a3b,#07121e 70%);border:1px solid #29455b;border-radius:8px;height:280px;position:relative;overflow:hidden}.overlay-preview:before{content:"LIVE FEED";color:#34566e;letter-spacing:4px;place-items:center;font:700 22px Space Grotesk;display:grid;position:absolute;inset:0}.overlay-preview span{z-index:1;white-space:nowrap;border-radius:2px;padding:2px 5px;position:absolute}.overlay-preview>small{color:#617f92;z-index:2;font-size:9px;position:absolute;bottom:10px;right:11px}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{color:#a8bdc9;background:#102337;border:1px solid #284258;border-radius:20px;align-items:center;padding:6px 10px;font-size:11px;display:inline-flex}.chip b{color:#6f899c;margin-left:7px;font-size:9px}.filter-row{align-items:center;gap:8px;margin-bottom:12px;display:flex}.filter-row select{height:34px}.alert-list{gap:10px;display:grid}.alert-item{border:1px solid var(--line);background:#0e1d2e;border-left:3px solid #f2bd70;border-radius:8px;padding:12px 15px}.alert-item.sev-error,.alert-item.sev-critical{border-left-color:#f47783}.alert-item.sev-warning{border-left-color:#f2bd70}.alert-item.sev-info{border-left-color:#7da8ff}.alert-item-top{align-items:center;gap:10px;margin-bottom:5px;display:flex}.alert-item-top strong{color:#dbe8ef;font-size:12px}.alert-item p{color:#a8bdc9;margin:0 0 5px;font-size:12px}.alert-item small{color:#71899d;font-size:10px}@media (width<=1100px){.metric-grid{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:1fr}.cards-3{grid-template-columns:repeat(2,1fr)}.live-preview-grid{grid-template-columns:1fr}.top-health{display:none}}@media (width<=760px){.sidebar{z-index:80;width:280px;box-shadow:none;transition:transform .24s cubic-bezier(.16,1,.3,1);transform:translate(-100%)}.nav-open .sidebar{transform:translate(0);box-shadow:10px 0 50px #000000b3}.sidebar-close{color:#cfe1ef;z-index:85;background:#102438;border:1px solid #2d4760;border-radius:8px;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:18px;right:14px}.sidebar-close:active{background:#18334e}.sidebar-backdrop{z-index:75;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);touch-action:none;background:#000000bf;display:block;position:fixed;inset:0}.content{width:100%;margin-left:0}.topbar{gap:12px;height:66px;padding:0 16px}.menu-button{display:block}.top-actions{gap:10px}.top-start-live-btn{display:none}.user-menu{font-size:0}.user-menu span{font-size:12px}.alert-count{font-size:11px}.page-wrap{padding:20px 14px 45px}.hero-row,.page-header{flex-direction:column;align-items:flex-start;gap:14px;margin-bottom:18px}.hero-row h1,.page-header h1{font-size:24px}.header-btn-row{width:100%}.header-btn-row button{flex:1;justify-content:center}.metric-grid{grid-template-columns:repeat(2,1fr);gap:9px}.metric{min-height:94px;padding:13px}.metric strong{font-size:20px}.metric-grid .metric:last-child{grid-column:span 2}.cameras-grid{grid-template-columns:1fr}.catalog-toolbar{padding:12px}.filter-group{width:100%}.filter-group select{flex:1;min-width:130px}.form-group-grid,.failure-breakdown-grid{grid-template-columns:1fr}.fallback-meta-grid{grid-template-columns:1fr 1fr;gap:8px}.stream-detail-topbar{flex-direction:column;align-items:stretch;padding:14px}.stream-topbar-actions{grid-template-columns:1fr;gap:8px;width:100%;display:grid}.stream-topbar-actions button{justify-content:center;width:100%}.table-wrap{margin:0 -14px}.table-wrap th,.table-wrap td{padding-left:14px;padding-right:14px}.panel{padding:15px}.cards-3{grid-template-columns:1fr}}@media (width<=420px){.metric-grid{grid-template-columns:1fr 1fr}.fallback-meta-grid{grid-template-columns:1fr}}.ctrl-btn-delete{color:#f87171;cursor:pointer;background:#ef444426;border:1px solid #ef444466;border-radius:5px;align-items:center;gap:4px;height:28px;padding:0 10px;font-size:11px;font-weight:700;transition:all .2s;display:inline-flex}.ctrl-btn-delete:hover{color:#fff;background:#ef4444}.danger-btn{color:#fff;cursor:pointer;background:#dc2626;border:1px solid #ef4444;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-weight:700;display:inline-flex}.danger-btn:hover{background:#b91c1c}.danger-btn:disabled{opacity:.6;cursor:not-allowed}.modal-dialog-delete{max-width:480px}.modal-body-delete{padding:16px 20px}.delete-warning-box{color:#e2e8f0;background:#ef444414;border:1px solid #ef44444d;border-radius:8px;align-items:flex-start;gap:14px;padding:16px;font-size:13px;line-height:1.5;display:flex}.delete-warning-box .delete-icon{color:#ef4444;flex-shrink:0;margin-top:2px}.delete-subtext{color:#94a3b8;margin-top:8px;font-size:12px}.catalog-tabs{gap:10px;margin-bottom:16px;display:flex}.catalog-tab{color:#8da4be;letter-spacing:.5px;cursor:pointer;background:#0d1e31;border:1px solid #1f374e;border-radius:8px;align-items:center;gap:7px;padding:10px 18px;font-size:12px;font-weight:700;transition:all .2s;display:inline-flex}.catalog-tab:hover{color:#fff;border-color:var(--cyan)}.catalog-tab.active{border-color:var(--cyan);color:#38bdf8;background:#38bdf826;box-shadow:0 0 12px #38bdf826}.in-my-cams-btn{color:#5cdf9a!important;cursor:default!important;background:#5cdf9a1f!important;border:1px solid #5cdf9a59!important}.add-cams-btn{color:#38bdf8!important;background:#38bdf81f!important;border:1px solid #38bdf866!important}.add-cams-btn:hover{background:#38bdf840!important}.remove-cams-btn{color:#f87171!important;background:#ef44441f!important;border:1px solid #ef444459!important}.remove-cams-btn:hover{background:#ef444440!important}.validation-result-box{border-radius:6px;align-items:flex-start;gap:8px;margin-top:10px;padding:10px 14px;font-size:12px;line-height:1.4;display:flex}.validation-result-box.valid{color:#5cdf9a;background:#5cdf9a1f;border:1px solid #5cdf9a66}.validation-result-box.invalid{color:#f47783;background:#f477831f;border:1px solid #f4778366}.validation-result-box.testing{color:#38bdf8;background:#38bdf81f;border:1px solid #38bdf866}.import-summary-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0;display:grid}.import-stat-card{text-align:center;background:#0a1624;border:1px solid #1c3349;border-radius:6px;padding:10px}.import-stat-card .val{font-size:20px;font-weight:800}.import-stat-card .lbl{color:#8da4be;text-transform:uppercase;font-size:11px}.import-items-list{background:#08121d;border:1px solid #1c3349;border-radius:6px;max-height:220px;margin:12px 0;overflow-y:auto}.import-item-row{border-bottom:1px solid #142436;justify-content:space-between;align-items:center;padding:8px 12px;font-size:12px;display:flex}.import-item-row:last-child{border-bottom:none}.pagination-bar{background:#0a1624;border:1px solid #1c3349;border-radius:8px;justify-content:space-between;align-items:center;margin-top:20px;padding:12px 18px;display:flex}.pagination-info{color:#8da4be;font-size:12px}.pagination-controls{align-items:center;gap:8px;display:flex}.pagination-btn{color:#dce9ef;cursor:pointer;background:#112337;border:1px solid #294159;border-radius:6px;align-items:center;gap:6px;height:30px;padding:0 12px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.pagination-btn:hover:not(:disabled){color:#38bdf8;background:#1a3554;border-color:#38bdf8}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.page-indicator{color:#dce9ef;padding:0 8px;font-size:12px;font-weight:600}.form-grid-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-grid-3{grid-template-columns:1fr 1fr 1fr;gap:12px;display:grid}.sync-time-badge{color:#64748b;align-items:center;gap:4px;font-size:11px;display:inline-flex}.catalog-preview-box{background:#08121d;border:1px solid #1e3a57;border-radius:6px;margin:12px 0;padding:12px}.edit-cam-btn{color:#facc15!important;background:#eab3081f!important;border:1px solid #eab30859!important}.edit-cam-btn:hover{background:#eab30840!important}.streams-toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}.streams-status-filter-pills{background:#0a1829;border:1px solid #1c3550;border-radius:8px;gap:4px;padding:4px;display:flex}.streams-status-pill{color:#8da4be;cursor:pointer;text-transform:uppercase;background:0 0;border:none;border-radius:5px;padding:5px 10px;font-size:11px;font-weight:700;transition:all .15s}.streams-status-pill:hover{color:#dce9ef;background:#ffffff0d}.streams-status-pill.active{color:#38bdf8;background:#1e3a58;box-shadow:0 1px 4px #0003}.live-now-section{margin-bottom:28px}.live-now-heading{text-transform:uppercase;letter-spacing:.8px;color:#5cdf9a;align-items:center;gap:8px;margin-bottom:12px;font-size:13px;font-weight:800;display:flex}.live-now-heading .pulse-led{background:#5cdf9a;border-radius:50%;width:9px;height:9px;animation:1.4s infinite alternate live-pulse-dot;box-shadow:0 0 10px #5cdf9a}@keyframes live-pulse-dot{0%{opacity:.4;transform:scale(.85)}to{opacity:1;transform:scale(1.15)}}.live-active-card{background:#081423;border:1px solid #1c3650;border-left:4px solid #5cdf9a;border-radius:10px;margin-bottom:16px;padding:18px 20px;transition:border-color .2s;box-shadow:0 8px 24px #00000059}.live-active-card.starting{border-left-color:#38bdf8}.live-active-card.stopping{border-left-color:#f59e0b}.live-active-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.live-active-cam-title{color:#f1f5f9;margin:0;font-size:16px;font-weight:700}.live-active-cam-sub{color:#94a3b8;margin-top:2px;font-size:12px}.live-badge-group{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.live-ch-pill{color:#38bdf8;background:#38bdf81f;border:1px solid #38bdf859;border-radius:5px;align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.pipeline-compact-row{background:#0c1b2c;border:1px solid #172f48;border-radius:8px;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0;padding:12px 14px;display:grid}.pipeline-step-item{align-items:flex-start;gap:8px;font-size:12px;display:flex}.pipeline-step-item .icon-ok{color:#5cdf9a;flex-shrink:0;margin-top:2px}.pipeline-step-item .icon-wait{color:#facc15;flex-shrink:0;margin-top:2px}.pipeline-step-item .icon-err{color:#f47783;flex-shrink:0;margin-top:2px}.pipeline-step-text strong{text-transform:uppercase;letter-spacing:.5px;color:#94a3b8;font-size:11px;display:block}.pipeline-step-text span{color:#e2e8f0;font-size:12px;font-weight:600}.pipeline-step-text small{color:#64748b;margin-top:1px;font-size:10px;display:block}.stream-metrics-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;margin:12px 0;display:grid}.stream-metric-tile{background:#091624;border:1px solid #172c42;border-radius:6px;padding:8px 10px}.stream-metric-tile .m-lbl{text-transform:uppercase;color:#7b94ad;font-size:10px;font-weight:700}.stream-metric-tile .m-val{color:#dce9ef;margin-top:2px;font-size:13px;font-weight:700}.stream-metric-tile .m-sub{color:#526b82;margin-top:1px;font-size:10px}.live-card-footer{border-top:1px solid #15293d;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:14px;padding-top:12px;display:flex}.live-footer-note{color:#64748b;align-items:center;gap:5px;font-size:11px;display:flex}.live-footer-actions{align-items:center;gap:8px;display:flex}.empty-live-card{text-align:center;background:#081320;border:1px dashed #1e3852;border-radius:10px;margin-bottom:24px;padding:36px 20px}.empty-live-icon{color:#3b556e;margin-bottom:12px}.empty-live-card h3{color:#cbd5e1;margin:0 0 6px;font-size:16px;font-weight:700}.empty-live-card p{color:#64748b;margin:0 0 16px;font-size:13px}.history-section-header{justify-content:space-between;align-items:center;margin:24px 0 12px;display:flex}.history-section-title{text-transform:uppercase;letter-spacing:.8px;color:#8da4be;font-size:13px;font-weight:800}.history-cards-list{flex-direction:column;gap:10px;display:flex}.history-row-card{background:#0a1625;border:1px solid #1a3048;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;transition:all .15s;display:flex}.history-row-card:hover{background:#0d1b2e;border-color:#244160}.history-row-left{flex-direction:column;gap:4px;min-width:200px;display:flex}.history-title-line{align-items:center;gap:8px;display:flex}.history-cam-name{color:#e2e8f0;font-size:14px;font-weight:700}.history-meta-line{color:#7890a8;flex-wrap:wrap;gap:12px;font-size:11px;display:flex}.history-meta-line span b{color:#cbd5e1}.history-row-actions{align-items:center;gap:6px;display:flex}@media (width<=768px){.pipeline-compact-row{grid-template-columns:1fr 1fr;gap:12px}.stream-metrics-grid{grid-template-columns:1fr 1fr}.live-active-top{flex-direction:column;align-items:stretch}.live-footer-actions{justify-content:space-between;width:100%}.live-footer-actions button{flex:1;justify-content:center;min-height:40px}.history-row-card{flex-direction:column;align-items:stretch}.history-row-actions{border-top:1px solid #142436;justify-content:flex-end;width:100%;margin-top:6px;padding-top:10px}.history-row-actions button,.history-row-actions a{min-height:38px;padding:0 12px}}.channels-cards-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:16px;display:grid}.channel-card{background:#0d1726;border:1px solid #192a3e;border-radius:8px;flex-direction:column;justify-content:space-between;padding:18px;transition:border-color .2s;display:flex}.channel-card:hover{border-color:#2b4562}.channel-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:14px;display:flex}.channel-id-tag{color:#64748b;margin-top:2px;font-size:11px;font-weight:600;display:inline-block}.status-badge-ready{color:#2dd4bf;letter-spacing:.05em;background:#0d948833;border:1px solid #0d948866;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:700}.status-badge-disabled{color:#94a3b8;letter-spacing:.05em;background:#64748b33;border:1px solid #64748b66;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:700}.status-badge-error{color:#f87171;letter-spacing:.05em;background:#ef444433;border:1px solid #ef444466;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:700}.channel-specs-grid{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px;display:grid}.channel-spec-tile{background:#09111c;border:1px solid #162436;border-radius:6px;flex-direction:column;gap:2px;padding:8px 10px;display:flex}.spec-tile-label{color:#64748b;letter-spacing:.05em;font-size:10px;font-weight:700}.spec-tile-value{color:#cbd5e1;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.masked-key-chip{letter-spacing:.15em;color:#94a3b8;font-family:monospace;font-size:12px}.channel-readiness-banner{border-radius:4px;align-items:center;gap:6px;margin-bottom:14px;padding:6px 10px;font-size:11px;font-weight:600;display:flex}.readiness-ready{color:#5eead4;background:#0d948826;border:1px solid #0d94884d}.readiness-active{color:#86efac;background:#22c55e26;border:1px solid #22c55e4d}.readiness-disabled{color:#cbd5e1;background:#94a3b826;border:1px solid #94a3b84d}.readiness-configuration-error{color:#fca5a5;background:#ef444426;border:1px solid #ef44444d}.channel-card-footer{border-top:1px solid #142232;flex-wrap:wrap;align-items:center;gap:8px;padding-top:12px;display:flex}.channel-card-footer button{min-height:34px;padding:6px 10px;font-size:12px}.channel-card-footer .icon-btn{padding:6px 8px}@media (width<=768px){.channels-cards-grid{grid-template-columns:1fr}.channel-card-footer{justify-content:stretch}.channel-card-footer button{flex:1;justify-content:center;min-height:40px}.channel-card-footer .icon-btn{flex:0 0 40px}}.overlay-profile-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px;margin-top:14px;display:grid}.overlay-profile-card{background:var(--card-bg,#0b1825);border:1px solid var(--line,#182e44);border-radius:8px;flex-direction:column;gap:12px;padding:16px;transition:border-color .15s;display:flex}.overlay-profile-card:hover{border-color:#275276}.overlay-profile-card.disabled{opacity:.7}.overlay-profile-card-header{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.overlay-profile-card-header h3{color:#e5f0f8;margin:0 0 4px;font-size:15px}.overlay-profile-card-meta{color:#72899d;flex-wrap:wrap;gap:8px;font-size:11px;display:flex}.overlay-profile-card-desc{color:#9ab4c7;min-height:32px;font-size:12px;line-height:1.4}.overlay-profile-card-stats{background:#08121e99;border:1px solid #162b3f;border-radius:6px;gap:12px;padding:8px 12px;font-size:11px;display:flex}.overlay-profile-card-stats span{color:#648097}.overlay-profile-card-stats b{color:#c6d9e8;margin-left:4px}.overlay-profile-card-actions{border-top:1px solid #142232;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:12px;display:flex}.overlay-profile-card-actions button{min-height:32px;padding:6px 10px;font-size:11px}.overlay-workspace-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px;display:flex}.overlay-workspace-grid{grid-template-columns:380px 1fr;align-items:start;gap:18px;display:grid}@media (width<=1080px){.overlay-workspace-grid{grid-template-columns:1fr}}.overlay-quick-add-bar{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.overlay-quick-add-bar button{color:#9ec3de;cursor:pointer;background:#112638;border:1px solid #1f3b54;border-radius:5px;align-items:center;gap:4px;padding:5px 9px;font-size:11px;display:flex}.overlay-quick-add-bar button:hover{color:#fff;background:#193852;border-color:#2b567d}.overlay-layers-list{flex-direction:column;gap:8px;max-height:600px;display:flex;overflow-y:auto}.overlay-layer-item{background:#0d1e2e;border:1px solid #182f46;border-radius:6px;align-items:center;gap:10px;padding:10px 12px;transition:all .15s;display:flex}.overlay-layer-item:hover{border-color:#264a6c}.overlay-layer-item.disabled{opacity:.5;background:#091522}.overlay-layer-drag-order{flex-direction:column;gap:2px;display:flex}.overlay-layer-drag-order button{color:#5c7991;cursor:pointer;background:0 0;border:none;padding:2px;line-height:1}.overlay-layer-drag-order button:hover:not(:disabled){color:#0fc}.overlay-layer-drag-order button:disabled{opacity:.2;cursor:not-allowed}.overlay-layer-info{flex:1;min-width:0}.overlay-layer-type-tag{text-transform:uppercase;border-radius:3px;align-items:center;gap:4px;margin-bottom:2px;padding:2px 6px;font-size:10px;font-weight:700;display:inline-flex}.tag-camera_name{color:#0fc;background:#00ffcc26}.tag-location{color:#38bdf8;background:#38bdf826}.tag-timestamp{color:#facc15;background:#facc1526}.tag-text{color:#c084fc;background:#a855f726}.tag-logo{color:#f472b6;background:#f472b626}.tag-ticker{color:#34d399;background:#34d39926}.overlay-layer-title{color:#d2e4f2;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.overlay-layer-meta{color:#627d94;margin-top:2px;font-size:10px}.overlay-layer-actions{align-items:center;gap:4px;display:flex}.overlay-layer-actions button{color:#7b96ac;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;padding:5px}.overlay-layer-actions button:hover{color:#fff;background:#142a3e;border-color:#244260}.overlay-canvas-wrapper{flex-direction:column;gap:10px;display:flex}.overlay-canvas-toolbar{background:#0d1e2e;border:1px solid #1a3248;border-radius:6px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;font-size:12px;display:flex}.overlay-canvas-toolbar select{height:30px;padding:2px 8px;font-size:11px}.overlay-canvas-screen{aspect-ratio:16/9;background:radial-gradient(circle,#132738 0%,#060e17 85%);border:1px solid #224360;border-radius:8px;width:100%;position:relative;overflow:hidden;box-shadow:0 8px 24px #00000080}.overlay-canvas-grid-lines{pointer-events:none;background-image:linear-gradient(90deg,#ffffff08 1px,#0000 1px),linear-gradient(#ffffff08 1px,#0000 1px);background-size:10% 10%;position:absolute;inset:0}.overlay-canvas-safe-area{pointer-events:none;border:1px dashed #00ffcc26;position:absolute;inset:5%}.overlay-canvas-center-mark{color:#ffffff0f;letter-spacing:8px;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:40px;font-weight:900;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.overlay-canvas-element{-webkit-user-select:none;user-select:none;pointer-events:none;white-space:nowrap;border-radius:3px;padding:2px 6px;line-height:1.2;position:absolute}.overlay-canvas-disclaimer{color:#648097;background:#0a1622b3;border-radius:4px;justify-content:space-between;align-items:center;padding:6px 10px;font-size:11px;display:flex}.overlay-preset-grid{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:4px;display:grid}.overlay-preset-grid button{color:#92b0c6;cursor:pointer;background:#102336;border:1px solid #1c364e;border-radius:4px;padding:6px 4px;font-size:10px}.overlay-preset-grid button:hover{color:#fff;background:#183754;border-color:#295175}.scene-studio-root{flex-direction:column;gap:16px;display:flex}.scene-studio-topbar{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.studio-kicker{letter-spacing:1.5px;color:var(--cyan);text-transform:uppercase;align-items:center;gap:6px;margin-bottom:4px;font-size:11px;font-weight:700;display:inline-flex}.studio-title{color:#f1f6fb;letter-spacing:-.4px;margin:0 0 6px;font-family:Space Grotesk,sans-serif;font-size:24px;font-weight:700}.studio-subtitle{color:var(--muted);max-width:680px;margin:0;font-size:13px;line-height:1.4}.studio-topbar-actions{align-items:center;gap:10px;display:flex}.scene-profiles-bar{border:1px solid var(--line);background:#091726;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:8px 14px;display:flex}.scene-profiles-scroll{align-items:center;gap:8px;padding:2px 0;display:flex;overflow-x:auto}.bar-label{letter-spacing:1px;color:#648097;white-space:nowrap;font-size:10px;font-weight:700}.scene-pill-btn{color:#9dbbd4;cursor:pointer;white-space:nowrap;background:#0d2134;border:1px solid #1a3954;border-radius:20px;align-items:center;gap:6px;padding:5px 12px;font-size:12px;transition:all .15s;display:inline-flex}.scene-pill-btn:hover{color:#fff;background:#14324f;border-color:#2b577d}.scene-pill-btn.active{border-color:var(--cyan);color:#fff;background:linear-gradient(135deg,#184457,#0e293a);box-shadow:0 0 12px #45d7d133}.pill-dot{border-radius:50%;width:6px;height:6px;display:inline-block}.pill-dot.rain{background:#38bdf8}.pill-dot.snow{background:#fff}.pill-dot.fog{background:#94a3b8}.pill-dot.spec{background:#a855f7}.scene-presets-quick{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.preset-quick-btn{color:#c0d8ec;cursor:pointer;background:#0f2336;border:1px solid #1b3852;border-radius:6px;padding:4px 10px;font-size:11px;transition:all .15s}.preset-quick-btn:hover{color:#fff;background:#193a5a;border-color:#2f5f8a}.scene-studio-grid{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:start;gap:16px;display:grid}@media (width<=1080px){.scene-studio-grid{grid-template-columns:1fr}}.studio-canvas-panel{flex-direction:column;padding:0;display:flex;overflow:hidden}.studio-canvas-header{border-bottom:1px solid var(--line);background:#081522;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.canvas-badge{letter-spacing:.8px;color:var(--cyan);align-items:center;gap:7px;font-size:11px;font-weight:700;display:inline-flex}.canvas-cam-select{color:var(--muted);align-items:center;gap:6px;font-size:11px;display:inline-flex}.canvas-cam-select select{color:#d8e3ef;background:#0c1f32;border:1px solid #193650;border-radius:4px;padding:3px 8px;font-size:11px}.canvas-wrapper{aspect-ratio:16/9;background:#030810;width:100%;display:flex;position:relative}.scene-studio-canvas{width:100%;height:100%;display:block}.canvas-audio-bar{border-top:1px solid var(--line);background:#071320;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.audio-audition-left{align-items:center;gap:12px;display:flex}.audition-play-btn{color:#fff;cursor:pointer;background:#10263c;border:1px solid #1f4264;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.audition-play-btn:hover{border-color:var(--cyan);background:#173858}.audition-play-btn.playing{border-color:var(--cyan);color:var(--cyan);background:#11424a}.audio-playing-info{flex-direction:column;display:flex}.audio-playing-info strong{color:#e2edf7;font-family:monospace;font-size:12px}.audio-playing-info span{color:var(--muted);font-size:10px}.audio-audition-right{align-items:center;gap:8px;display:flex}.audition-vol-label{color:var(--muted);font-size:11px}.scene-action-panel{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;padding:12px 16px;display:flex}.action-panel-meta{align-items:center;gap:20px;display:flex}.meta-label{letter-spacing:1px;color:var(--muted);margin-bottom:2px;font-size:9px;font-weight:700;display:block}.action-panel-btns{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.studio-controls-panel{padding:16px}.studio-tabs{border-bottom:1px solid var(--line);align-items:center;gap:4px;margin-bottom:14px;padding-bottom:10px;display:flex;overflow-x:auto}.studio-tab-btn{color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.studio-tab-btn:hover{color:#fff;background:#0f2236}.studio-tab-btn.active{color:var(--cyan);box-shadow:inset 0 -2px 0 var(--cyan);background:#0d2437}.studio-section-intro{margin-bottom:14px}.studio-section-intro h4{color:#f1f6fb;margin:0 0 4px;font-size:14px}.studio-section-intro p{color:var(--muted);margin:0;font-size:12px;line-height:1.4}.effect-card{border:1px solid var(--line);background:#091624;border-radius:8px;margin-bottom:10px;padding:12px 14px}.effect-header{justify-content:space-between;align-items:center;display:flex}.effect-title-wrap{align-items:center;gap:10px;display:flex}.effect-icon{color:var(--cyan)}.effect-title-wrap strong{color:#e5f0fb;font-size:13px;display:block}.effect-title-wrap span{color:var(--muted);font-size:11px;display:block}.effect-sliders{border-top:1px solid #142a3e;margin-top:12px;padding-top:10px}.slider-row{color:#bad3e8;justify-content:space-between;align-items:center;gap:12px;font-size:12px;display:flex}.slider-row input[type=range]{flex:1}.toggle-switch{width:38px;height:20px;margin:0;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-switch .slider{cursor:pointer;background-color:#172c40;border-radius:20px;transition:all .2s;position:absolute;inset:0}.toggle-switch .slider:before{content:"";background-color:#fff;border-radius:50%;width:14px;height:14px;transition:all .2s;position:absolute;bottom:3px;left:3px}.toggle-switch input:checked+.slider{background-color:var(--cyan)}.toggle-switch input:checked+.slider:before{background-color:#041920;transform:translate(18px)}.setting-card{border:1px solid var(--line);background:#091624;border-radius:8px;margin-bottom:12px;padding:12px 14px}.setting-label{color:#cfdeee;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.spectrum-style-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.style-card-btn{text-align:center;color:#bad2e6;cursor:pointer;background:#0c1e30;border:1px solid #1a3b58;border-radius:6px;flex-direction:column;align-items:center;padding:10px 8px;transition:all .15s;display:flex}.style-card-btn:hover{color:#fff;background:#14324f;border-color:#2a557b}.style-card-btn.active{border-color:var(--cyan);color:#fff;background:#0f3044}.style-icon{color:var(--cyan);margin-bottom:4px;font-size:16px}.style-card-btn strong{font-size:11px}.style-card-btn small{color:var(--muted);margin-top:2px;font-size:9px}.position-preset-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.pos-btn{color:#bad2e6;cursor:pointer;background:#0c1e30;border:1px solid #1a3b58;border-radius:6px;padding:8px;font-size:11px}.pos-btn:hover{background:#14324f;border-color:#2a557b}.pos-btn.active{border-color:var(--cyan);color:#fff;background:#0f3044}.secondary-sm{color:#bad2e6;cursor:pointer;background:#102538;border:1px solid #1c3d5a;border-radius:4px;align-items:center;gap:4px;padding:4px 8px;font-size:11px;display:inline-flex}.secondary-sm:hover{color:#fff;background:#163755}.danger-sm{color:#f87171;cursor:pointer;background:#38141c;border:1px solid #541d27;border-radius:4px;padding:4px 8px}.danger-sm:hover{background:#501c26}.analytics-container{flex-direction:column;gap:20px;padding-bottom:60px;display:flex}.analytics-toolbar{background:#0b1928;border:1px solid #16324d;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;display:flex}.analytics-period-group{background:#06101c;border:1px solid #16324d;border-radius:6px;display:flex;overflow:hidden}.analytics-period-btn{color:#7b9cb8;cursor:pointer;background:0 0;border:none;padding:6px 14px;font-size:12px;font-weight:600;transition:all .15s}.analytics-period-btn:hover{color:#cde4f7;background:#0f2740}.analytics-period-btn.active{color:#00f2fe;background:#00d2ff22;box-shadow:inset 0 0 0 1px #00f2fe44}.analytics-tabs{border-bottom:1px solid #183756;gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.analytics-tab{color:#8da4be;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.analytics-tab:hover{color:#e2effa;background:#0e243a;border-radius:6px 6px 0 0}.analytics-tab.active{color:#00f2fe;background:#0a2034;border-bottom-color:#00f2fe;border-radius:6px 6px 0 0}.analytics-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.analytics-kpi-card{background:#0a1827;border:1px solid #15324e;border-radius:8px;flex-direction:column;gap:8px;padding:16px 20px;display:flex;position:relative;overflow:hidden}.analytics-kpi-card:before{content:"";background:#1c456c;height:2px;position:absolute;top:0;left:0;right:0}.analytics-kpi-card.live:before{background:#10b981}.analytics-kpi-card.warn:before{background:#f59e0b}.analytics-kpi-card.err:before{background:#ef4444}.analytics-kpi-card.cyan:before{background:#00f2fe}.analytics-kpi-card.purple:before{background:#a855f7}.analytics-kpi-header{color:#7b9cb8;text-transform:uppercase;letter-spacing:.5px;justify-content:space-between;align-items:center;font-size:11px;font-weight:700;display:flex}.analytics-kpi-val{color:#f1f8fc;font-family:monospace;font-size:26px;font-weight:800;line-height:1.1}.analytics-kpi-sub{color:#6385a4;align-items:center;gap:4px;font-size:11px;display:flex}.analytics-chart-box{background:#0a1827;border:1px solid #15324e;border-radius:8px;flex-direction:column;gap:16px;padding:20px;display:flex}.analytics-chart-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.analytics-chart-title{color:#e2effa;align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.analytics-chart-legend{color:#8da4be;gap:16px;font-size:12px;display:flex}.analytics-legend-item{align-items:center;gap:6px;display:flex}.analytics-legend-dot{border-radius:2px;width:10px;height:10px}.analytics-filter-row{background:#0a1827;border:1px solid #15324e;border-radius:8px;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 16px;display:flex}.analytics-input{color:#e2effa;background:#06101c;border:1px solid #1a3b5c;border-radius:6px;outline:none;padding:6px 12px;font-size:12px}.analytics-input:focus{border-color:#00f2fe}.analytics-select{color:#e2effa;cursor:pointer;background:#06101c;border:1px solid #1a3b5c;border-radius:6px;outline:none;padding:6px 12px;font-size:12px}.analytics-select:focus{border-color:#00f2fe}.analytics-table-card{background:#0a1827;border:1px solid #15324e;border-radius:8px;overflow:hidden}.analytics-table-wrap{overflow-x:auto}.analytics-table{border-collapse:collapse;text-align:left;width:100%;font-size:12px}.analytics-table th{color:#7b9cb8;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;background:#071321;border-bottom:1px solid #183858;padding:10px 14px;font-size:11px;font-weight:700}.analytics-table td{color:#bad2e6;white-space:nowrap;border-bottom:1px solid #0f2438;padding:12px 14px}.analytics-table tr:hover td{color:#f1f8fc;cursor:pointer;background:#0d2136}.analytics-badge{text-transform:uppercase;letter-spacing:.4px;border-radius:4px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:700;display:inline-flex}.analytics-badge.live{color:#34d399;background:#064e3b;border:1px solid #059669}.analytics-badge.stopped{color:#94a3b8;background:#1e293b;border:1px solid #334155}.analytics-badge.error{color:#f87171;background:#450a0a;border:1px solid #991b1b}.analytics-badge.online{color:#34d399;background:#064e3b}.analytics-badge.degraded{color:#fbbf24;background:#451a03;border:1px solid #b45309}.analytics-badge.offline{color:#f87171;background:#450a0a}.analytics-timeline{flex-direction:column;gap:0;padding-left:20px;display:flex;position:relative}.analytics-timeline:before{content:"";background:#193856;width:2px;position:absolute;top:10px;bottom:10px;left:6px}.analytics-timeline-item{padding:12px 0 12px 16px;position:relative}.analytics-timeline-dot{background:#091929;border:2px solid #00f2fe;border-radius:50%;width:14px;height:14px;position:absolute;top:16px;left:-20px}.analytics-timeline-dot.error{background:#450a0a;border-color:#ef4444}.analytics-timeline-dot.warning{background:#451a03;border-color:#f59e0b}.analytics-timeline-dot.success{background:#064e3b;border-color:#10b981}.analytics-timeline-dot.info{background:#0c4a6e;border-color:#38bdf8}.analytics-timeline-time{color:#6385a4;font-family:monospace;font-size:11px}.analytics-timeline-title{color:#e2effa;margin-top:2px;font-size:13px;font-weight:700}.analytics-timeline-desc{color:#8da4be;margin-top:2px;font-size:12px}.analytics-drawer-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1000;background:#000000bf;justify-content:flex-end;display:flex;position:fixed;inset:0}.analytics-drawer{background:#081523;border-left:1px solid #1c456c;flex-direction:column;width:100%;max-width:640px;height:100%;animation:.2s ease-out slideInRight;display:flex;overflow-y:auto;box-shadow:-10px 0 30px #00000080}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.analytics-drawer-header{z-index:10;background:#0a1a2b;border-bottom:1px solid #163452;justify-content:space-between;align-items:center;padding:18px 24px;display:flex;position:sticky;top:0}.analytics-drawer-body{flex-direction:column;gap:20px;padding:24px;display:flex}.analytics-card-section{background:#0a1827;border:1px solid #15324e;border-radius:8px;flex-direction:column;gap:12px;padding:16px;display:flex}.analytics-section-title{color:#00f2fe;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:6px;font-size:13px;font-weight:700;display:flex}.analytics-grid-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.analytics-kv{flex-direction:column;gap:2px;display:flex}.analytics-k{color:#6385a4;text-transform:uppercase;font-size:11px;font-weight:600}.analytics-v{color:#e2effa;word-break:break-all;font-size:13px;font-weight:600}.analytics-pagination{background:#071321;border-top:1px solid #15324e;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.analytics-page-btn{color:#bad2e6;cursor:pointer;background:#0f253a;border:1px solid #1b3d5e;border-radius:4px;padding:6px 12px;font-size:12px}.analytics-page-btn:hover:not(:disabled){color:#fff;background:#173b5c}.analytics-page-btn:disabled{opacity:.4;cursor:not-allowed}.alert-center-container{flex-direction:column;gap:20px;padding-bottom:60px;display:flex}.alert-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;display:grid}.alert-kpi-card{background:#0a1827;border:1px solid #15324e;border-radius:8px;flex-direction:column;gap:6px;padding:14px 18px;display:flex;position:relative;overflow:hidden}.alert-kpi-card:before{content:"";background:#1c456c;height:2px;position:absolute;top:0;left:0;right:0}.alert-kpi-card.crit:before{background:#ef4444}.alert-kpi-card.warn:before{background:#f59e0b}.alert-kpi-card.info:before{background:#38bdf8}.alert-kpi-card.open:before{background:#f43f5e}.alert-kpi-card.ack:before{background:#8b5cf6}.alert-kpi-card.res:before{background:#10b981}.alert-kpi-title{text-transform:uppercase;letter-spacing:.5px;color:#7b9cb8;justify-content:space-between;align-items:center;font-size:11px;font-weight:700;display:flex}.alert-kpi-num{color:#f1f8fc;font-family:monospace;font-size:24px;font-weight:800}.alert-badge-crit{color:#f87171;text-transform:uppercase;background:#450a0a;border:1px solid #991b1b;border-radius:4px;align-items:center;gap:4px;padding:3px 8px;font-size:10px;font-weight:700;display:inline-flex}.alert-badge-warn{color:#fbbf24;text-transform:uppercase;background:#451a03;border:1px solid #b45309;border-radius:4px;align-items:center;gap:4px;padding:3px 8px;font-size:10px;font-weight:700;display:inline-flex}.alert-badge-info{color:#38bdf8;text-transform:uppercase;background:#082f49;border:1px solid #0369a1;border-radius:4px;align-items:center;gap:4px;padding:3px 8px;font-size:10px;font-weight:700;display:inline-flex}.alert-status-open{color:#fb7185;text-transform:uppercase;background:#4c0519;border:1px solid #be123c;border-radius:4px;padding:3px 8px;font-size:10px;font-weight:700}.alert-status-ack{color:#c084fc;text-transform:uppercase;background:#2e1065;border:1px solid #7e22ce;border-radius:4px;padding:3px 8px;font-size:10px;font-weight:700}.alert-status-res{color:#34d399;text-transform:uppercase;background:#064e3b;border:1px solid #059669;border-radius:4px;padding:3px 8px;font-size:10px;font-weight:700}.alert-occurrence-tag{color:#7dd3fc;background:#102a45;border:1px solid #1c456c;border-radius:10px;padding:2px 6px;font-family:monospace;font-size:10px;font-weight:700}.cluster-summary-row{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;margin-bottom:18px;display:grid}.cluster-summary-row .metric{background:#0d1b2a;border:1px solid #1b354f;border-radius:6px;padding:12px 14px}.cluster-summary-row .metric strong{color:#dbe8ef;font-size:17px}.assign-dist-bar{background:#091522;border:1px solid #1b354f;border-radius:4px;height:28px;display:flex;overflow:hidden}.assign-dist-seg{color:#fff;background:#1a568a;border-right:1px solid #0d1b2a;justify-content:space-between;align-items:center;padding:0 10px;font-size:11px;font-weight:600;transition:opacity .2s;display:flex}.assign-dist-seg:nth-child(2n){background:#207373}.assign-dist-seg:nth-child(3n){background:#6b4c9a}.worker-actions{border-top:1px solid #152c42;gap:8px;margin-top:14px;padding-top:10px;display:flex}.btn-warn{color:#f5a623;cursor:pointer;background:#f5a62326;border:1px solid #f5a623;border-radius:4px;padding:4px 10px;font-size:11px;font-weight:600}.btn-warn:hover{background:#f5a6234d}.btn-ok{color:#00e5a0;cursor:pointer;background:#00e5a026;border:1px solid #00e5a0;border-radius:4px;padding:4px 10px;font-size:11px;font-weight:600}.btn-ok:hover{background:#00e5a04d}.drawer-grid{grid-template-columns:repeat(2,1fr);gap:10px 14px;margin-top:8px;display:grid}.drawer-label{color:#71899b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px;font-size:10px;display:block}.drawer-val{color:#dbe8ef;font-size:12px;font-weight:500;display:block}.mini-table{border-collapse:collapse;margin-top:6px;font-size:12px}.mini-table th,.mini-table td{text-align:left;border-bottom:1px solid #152c42;padding:6px 8px}.mini-table th{color:#71899b;text-transform:uppercase;font-size:10px}.event-list{flex-direction:column;gap:6px;max-height:180px;display:flex;overflow-y:auto}.event-item{border-bottom:1px solid #123;align-items:center;gap:8px;padding:4px 0;font-size:11px;display:flex}.event-time{color:#71899b;white-space:nowrap;font-size:10px}.event-action{color:#00e5a0;font-family:monospace}.event-detail{color:#8ea5b7;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.start-template-selector{border:1px solid var(--line);background:#0e1d2e;border-radius:8px;margin-bottom:16px;padding:12px 14px}.start-template-selector label{color:var(--muted);gap:6px;font-size:12px;display:grid}.start-template-selector select{height:36px;color:var(--text);background:#0f2133;border:1px solid #294159;border-radius:7px;padding:0 11px}.template-resolved-note{gap:4px;margin-top:10px;display:grid}.template-resolved-note small{color:#71899d;font-size:11px}