@charset "UTF-8";
:root{--green:#187d66;--green-dark:#11624f;--green-light:#eaf5ef;--ink:#1d2b32;--muted:#879096;--line:#e7eae7;--surface:#fff;--background:#f5f7f5;--sidebar:#13212b;--radius:13px;--font:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--background);font-family:var(--font);font-size:13px;color:var(--ink);-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a,input,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button,a,input,select,summary{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #24a787}input,select{min-width:0;width:100%;height:38px;border:1px solid #dfe5e0;background:#fff;border-radius:7px;padding:0 11px;color:#34433f}input::placeholder{color:#a0a8a3}select{cursor:pointer;padding-right:25px}input[type=checkbox]{width:16px;height:16px;accent-color:var(--green)}input[type=range]{padding:0;height:15px;border:0;accent-color:var(--green);cursor:pointer}input[type=date]{font-size:12px}svg{display:block}i[data-icon]{display:inline-flex;flex-shrink:0;width:18px;height:18px;vertical-align:middle}i[data-icon] svg{width:100%;height:100%;stroke-width:1.7}h1,h2,h3,p{margin:0}h2{font-size:15px;font-weight:650;letter-spacing:.1px}h3{font-size:14px}a{color:inherit;text-decoration:none}.hidden,[hidden]{display:none!important}
.sidebar{position:fixed;inset:0 auto 0 0;width:216px;background:var(--sidebar);color:#a1adb4;display:flex;flex-direction:column;padding:34px 19px 23px;z-index:20}.brand{display:flex;align-items:center;gap:10px;margin-left:11px;color:#f3faf5;font-size:27px;font-weight:650;line-height:1.2;letter-spacing:2px}.brand-icon{height:42px;width:42px;background:#b8edd1;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#183f35}.brand-icon svg{width:31px;height:31px}.brand-en{display:block;font-size:9px;letter-spacing:3px;font-weight:450;color:#9babaf;padding-top:5px}.sidebar-caption{font-size:10px;letter-spacing:2.2px;color:#687c89;margin:35px 13px 19px}.sidebar nav{display:flex;flex-direction:column;gap:7px}.nav-item{border:0;background:transparent;display:flex;align-items:center;gap:11px;border-radius:8px;color:#a2afb9;padding:13px 14px;font-size:13px;position:relative;text-align:left;white-space:nowrap}.nav-item:hover{background:#ffffff06;color:white}.nav-item.active{background:#253d3b;color:#c9f5df}.nav-item i{width:17px;height:17px}.nav-dot{display:none;width:5px;height:5px;background:#8cddb6;border-radius:50%;margin-left:auto}.active .nav-dot{display:block}.nav-count{font-size:10px;margin-left:auto;padding:1px 5px;background:#ffffff0c;border-radius:4px;color:#7e939f}.sidebar-note{margin:60px 12px 0;padding-top:25px;border-top:1px solid #ffffff0c}.tiny-label{font-size:8px;letter-spacing:1.7px;color:#627c86}.sidebar-note h3{color:#bdcbc9;font-size:13px;margin:12px 0 9px;font-weight:500;letter-spacing:1px}.sidebar-note p{font-size:11px;line-height:1.9;color:#687e8c;letter-spacing:.4px}.sidebar-note-art{position:relative;height:75px;overflow:hidden;margin-top:19px;opacity:.7}.sidebar-note-art span{display:block;width:52px;height:68px;border:1px solid #395247;border-bottom:0;transform:skew(-25deg);position:absolute;bottom:-10px;left:16px}.sidebar-note-art span:nth-child(2){left:72px}.sidebar-note-art span:nth-child(3){left:128px}.sidebar-note-art i{position:absolute;left:71px;top:30px;width:32px;height:32px;color:#90bba2;transform:rotate(-15deg)}.sidebar-bottom{margin-top:auto;padding:30px 12px 0}.connection{display:flex;align-items:center;gap:7px;font-size:10px;color:#9badb1}.connection-dot{width:6px;height:6px;border-radius:100%;background:#a2a895;box-shadow:0 0 0 3px #a2a89511}.connection-dot.online{background:#83d3a9;box-shadow:0 0 0 3px #83d3a910}.connection-dot.offline{background:#d0957e}.sidebar-version{display:block;color:#4f6978;font-size:9px;margin-top:10px;letter-spacing:.6px}
.main{margin-left:216px;min-height:100vh}.topbar{height:65px;padding:0 35px;border-bottom:1px solid var(--line);background:#ffffffba;display:flex;align-items:center;justify-content:space-between}.breadcrumb{font-size:11px;color:#8c9795;display:flex;gap:12px}.breadcrumb strong{font-weight:500;color:#52615b}.topbar-right{display:flex;align-items:center;gap:19px}.date-label{font-size:11px;color:#798680}.topbar-separator{height:15px;width:1px;background:var(--line)}.local-badge{font-size:10px;color:#6e8178;display:flex;align-items:center;gap:5px}.local-badge i{width:13px;height:13px}.avatar{width:27px;height:27px;border-radius:50%;background:#e9eee7;display:flex;align-items:center;justify-content:center;color:#72836f;font-size:11px;font-weight:600}.page-content{padding:31px 34px 0;max-width:1830px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:27px}.eyebrow{font-size:9px;letter-spacing:2px;font-weight:650;color:#88988d;margin-bottom:8px}h1{display:flex;align-items:center;gap:12px;font-size:26px;letter-spacing:.3px;font-weight:650;line-height:1.3}.title-live{background:#e5f0e9;color:#3b8064;border:1px solid #dceae0;border-radius:4px;padding:3px 5px;font-weight:650;font-size:8px;letter-spacing:.5px}.page-heading p{color:#8c9691;font-size:11px;margin-top:9px;letter-spacing:.15px}.heading-actions{display:flex;align-items:center;gap:10px}.button{border:1px solid transparent;min-height:36px;border-radius:7px;font-weight:550;font-size:11px;padding:8px 13px;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:background .15s,box-shadow .15s;white-space:nowrap}.button i{width:14px;height:14px}.button-primary{background:var(--green);color:#fff;box-shadow:0 2px 3px #17382906}.button-primary:hover:not(:disabled){background:var(--green-dark)}.button-quiet{background:#fff;border-color:#e0e6df;color:#627168}.button-quiet:hover:not(:disabled){background:#edf2ed}.button-small{min-height:30px;padding:6px 10px;font-size:10px}.button-danger{background:#fff1ed;border-color:#f3dbd4;color:#b7634d}.button-stop{background:#fff0e9;color:#ae6c45;border-color:#f0dfd2}.text-button{background:none;border:0;color:var(--green);display:flex;gap:5px;align-items:center;font-size:10px;padding:5px 0}.text-button i{width:13px;height:13px}.icon-button{border:0;background:transparent;width:30px;height:30px;padding:6px;display:inline-flex;align-items:center;justify-content:center;color:#7e8b84;border-radius:5px}.icon-button:hover{background:#eef2ed}.page{display:none}.page.active{display:block}.alert{border:1px solid #e8c3b4;background:#fff3ed;color:#a75b3c;padding:12px 15px;border-radius:8px;margin-bottom:16px;font-size:12px;line-height:1.7}.alert a{color:var(--green);text-decoration:underline}.warning{background:#fff9ec;border-color:#efe3c3;color:#99752f}
.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:23px}.metric-card{position:relative;border-radius:var(--radius);background:white;border:1px solid var(--line);padding:19px 20px 18px;overflow:hidden;box-shadow:0 2px 3px #2c442402}.metric-top{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1;color:#79877e;font-size:11px}.metric-icon{width:30px;height:30px;border-radius:8px;background:#e8f3ec;color:#3c8467;display:flex;align-items:center;justify-content:center}.metric-icon i{width:17px;height:17px}.metric-icon.green{background:#edf6ef;color:#438c6d}.metric-icon.orange{background:#fff4e9;color:#be8f58}.metric-icon.blue{background:#edf4f7;color:#729dad}.metric-value{font-family:var(--font);font-variant-numeric:tabular-nums;display:flex;align-items:baseline;gap:9px;line-height:1;margin-top:15px;position:relative;z-index:1}.metric-value>span{font-size:36px;font-weight:600;letter-spacing:-1px}.metric-value small{font-size:11px;font-weight:400;color:#8b968d}.metric-bottom{font-size:10px;color:#98a297;margin-top:18px;line-height:1.3;position:relative;z-index:1}.metric-bottom b{font-weight:500;color:#68796b;margin:0 2px}.metric-bottom .dot-sep{display:inline-block;margin:0 7px;color:#cbd2c9}.metric-card.accent{background:#eaf1e8;border-color:#e0e8db}.accent .metric-value>span{color:#2c513d}.accent .metric-icon{background:#dce9d6;color:#4c7353}.accent .metric-top{color:#667e60}.accent .metric-bottom{color:#879a80}.metric-decoration{position:absolute;right:-17px;bottom:-46px;width:135px;height:135px;border:1px solid #8bab7c19;border-radius:50%}.metric-decoration:before,.metric-decoration:after{content:"";position:absolute;inset:15px;border:1px solid #8bab7c19;border-radius:50%}.metric-decoration:after{inset:30px}.capacity-line{margin-top:16px}.capacity-line>div{height:3px;background:#eef2ec;border-radius:3px}.capacity-line>div span{display:block;width:0;height:100%;background:#97b8a5;border-radius:3px;transition:width .5s}.capacity-line small{display:block;font-size:9px;margin-top:7px;color:#9aa597}
.workspace-grid{display:grid;grid-template-columns:minmax(0,1fr) 288px;gap:20px;align-items:start}.panel{background:white;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:0 2px 4px #18381702}.panel-heading{min-height:62px;display:flex;align-items:center;justify-content:space-between;padding:16px 20px;gap:10px;border-bottom:1px solid #eff1ed}.panel-title{display:flex;align-items:center;gap:9px;min-width:0}.panel-title>i,.section-icon i{color:#738d7e;width:17px;height:17px}.section-icon{display:flex}.count-badge{font-size:9px;color:#85927f;border-radius:4px;background:#f0f4ed;padding:3px 6px;font-weight:400;white-space:nowrap}.panel-heading-right{font-size:9px;color:#94a08f;display:flex;align-items:center;gap:5px;white-space:nowrap}.signal-dot{height:5px;width:5px;background:#80ab86;border-radius:50%}.subtle-label{font-size:9px;color:#a0aa9f}.camera-toolbar{display:flex;justify-content:space-between;align-items:center;padding:13px 20px;gap:10px}.camera-selector{display:flex;align-items:center;gap:6px;min-width:0}.camera-selector i{color:#889e8b;width:15px;height:15px}.camera-selector select{border:0;background:transparent;font-size:11px;font-weight:550;height:25px;max-width:290px;padding-left:0;color:#5e7161}.status-badge{font-size:9px;line-height:1.2;padding:5px 7px;background:#f0f3ef;color:#909b8b;border-radius:4px;white-space:nowrap}.status-badge.running{background:#eaf6ee;color:#3c8a5f}.status-badge.error{background:#fff0eb;color:#b0684d}.status-badge.starting,.status-badge.reconnecting{background:#fff7e7;color:#ae8541}.status-badge.completed{background:#eaf1f7;color:#587c9f}.video-outer{margin:0 19px;background:#10191d;border-radius:8px;overflow:hidden}.video-stage{position:relative;width:100%;aspect-ratio:960/544;background:#132128;overflow:hidden}.video-stage>img{width:100%;height:100%;object-fit:fill;display:block}.video-stage>svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}.video-stage.drawing{cursor:crosshair}.video-stage.drawing>img{opacity:.9}.video-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center;background:radial-gradient(ellipse at 50% 40%,#203332,#121f27 75%);color:#829690}.video-empty-icon{display:flex;align-items:center;justify-content:center;border:1px solid #4a615b;width:49px;height:49px;border-radius:14px;background:#334c401e;margin-bottom:17px}.video-empty-icon i{width:24px;height:24px;color:#90b7a2}.video-empty h3{font-size:16px;font-weight:500;color:#c6d6cd;margin-bottom:10px;letter-spacing:.6px}.video-empty p{font-size:10px;color:#81978c;line-height:1.8;margin-bottom:20px}.video-overlay-top{position:absolute;top:0;left:0;right:0;padding:14px 14px 20px;background:linear-gradient(#071319a3,transparent);color:white;display:flex;justify-content:space-between;gap:8px;z-index:3;pointer-events:none}.video-overlay-top>span{display:flex;align-items:center;gap:6px;font-size:9px;text-shadow:0 1px 3px #0005}.video-overlay-top>span:last-child{letter-spacing:1px;font-size:8px}.live-indicator{width:5px;height:5px;background:#98e9af;box-shadow:0 0 0 3px #b4f7cd20;border-radius:50%}.video-legend{display:flex;align-items:center;gap:13px;position:absolute;left:13px;bottom:11px;color:#ecf2ed;font-size:8px;padding:6px 8px;background:#0a1c249e;border:1px solid #ffffff10;border-radius:5px;z-index:3;pointer-events:none}.video-legend span{display:flex;align-items:center;gap:4px}.video-legend b{width:5px;height:5px;border-radius:1px}.legend-car{background:#84c6ad}.legend-motorcycle{background:#f0bd74}.legend-line{background:#f6e27b}.draw-instruction{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:10px 14px;border-radius:6px;background:#122920eb;color:#d6f1df;border:1px solid #8bb8a26b;z-index:4;font-size:11px;text-align:center;pointer-events:none;white-space:nowrap}.video-footer{display:flex;align-items:center;justify-content:space-between;min-height:67px;padding:13px 19px;gap:8px}.feed-stats{display:flex;align-items:center;gap:14px;color:#96a093;font-size:9px;white-space:nowrap}.feed-stats>span:first-child{display:flex;align-items:center;gap:4px}.feed-stats i{width:12px;height:12px;color:#8fbc98}.feed-stats strong{font-size:10px;font-weight:500;color:#607862}.feed-frames{padding-left:12px;border-left:1px solid #e7ece3;font-size:9px}.video-actions{display:flex;gap:7px}.video-progress{display:flex;align-items:center;gap:10px;padding:9px 20px 0}.video-progress>div{height:3px;background:#eef2e9;border-radius:4px;flex:1;overflow:hidden}.video-progress>div>span{height:100%;display:block;background:#85ad91;width:0;transition:width .3s}.video-progress>span{font-size:9px;color:#7f9180;font-variant-numeric:tabular-nums}.camera-error{padding:10px 18px;background:#fff7ef;color:#b87c50;border-top:1px solid #f5e8d7;font-size:11px;line-height:1.6;overflow-wrap:anywhere}
.config-body{padding:18px 19px 19px}.config-group{margin-bottom:18px}.config-group select{height:33px;font-size:10px;color:#73826e;background:#fdfefb;border-color:#e6eae0}.field-label-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;gap:4px}.field-label-row label{font-size:11px;color:#526b54;font-weight:550}.field-hint{font-size:8px;color:#a1ac99}.line-draw-button{display:flex;align-items:center;width:100%;gap:7px;border:1px dashed #bacfba;border-radius:6px;background:#f6faf3;color:#759270;padding:10px 9px;font-size:10px}.line-draw-button>i{width:13px;height:13px}.line-draw-button>i:last-child{margin-left:auto;width:11px;height:11px}.line-draw-button.active{background:#e3f2e4;border-color:#5aa374}.line-coordinates{display:flex;justify-content:center;align-items:center;gap:12px;font-size:9px;color:#9ba890;margin-top:9px;font-variant-numeric:tabular-nums}.line-coordinates span{color:#b2bda6}.small-field-label{font-size:10px;color:#819078;display:block;margin:13px 0 7px}.help-text{font-size:9px;color:#a1ab9a;line-height:1.8;margin-top:8px}.confidence-value{color:#5c9266;font-size:10px;font-weight:550;padding:3px 5px;background:#f0f5ea;border-radius:3px}.range-labels{font-size:8px;display:flex;justify-content:space-between;color:#a6ae9c;margin-top:2px}.toggle-row{display:flex;align-items:center;gap:6px;margin:0 0 16px;cursor:pointer}.toggle-row>span:first-child{flex:1}.toggle-row strong{font-size:10px;font-weight:500;color:#5f7458;display:block}.toggle-row small{font-size:8px;color:#a3ad97;display:block;margin-top:5px}.toggle-row input{position:absolute;opacity:0;width:1px;height:1px}.switch{display:inline-block;position:relative;width:29px;height:16px;border-radius:20px;background:#dce3d7;transition:background .2s;flex-shrink:0}.switch:after{position:absolute;content:"";height:12px;width:12px;top:2px;left:2px;background:white;border-radius:50%;box-shadow:0 1px 2px #0001;transition:transform .2s}.toggle-row input:checked+.switch{background:#709b70}.toggle-row input:checked+.switch:after{transform:translateX(13px)}.toggle-row input:focus-visible+.switch{outline:2px solid var(--green);outline-offset:3px}.inventory-toggle{padding-top:14px;border-top:1px solid #edf0e8;margin-bottom:12px}.info-note{display:flex;align-items:flex-start;gap:6px;background:#f6f8f2;border-radius:5px;padding:8px 9px;margin-bottom:15px}.info-note i{height:11px;width:11px;color:#99ac89;margin-top:2px}.info-note p{font-size:8px;line-height:1.8;color:#9ba88c}.save-config{width:100%;background:#eaf2e3;color:#638853;border-color:#dce8d2;box-shadow:none;min-height:33px;font-size:10px}.save-config:hover:not(:disabled){background:#deebd4}.unsaved-label{font-size:8px;color:#b48b4b}
.bottom-grid{display:grid;grid-template-columns:minmax(0,1fr) 288px;gap:20px;margin-top:21px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap}th{font-size:9px;color:#96a48c;font-weight:450;padding:12px 19px;background:#fafcf7;border-bottom:1px solid #eef2e6}td{font-size:10px;color:#7b8b70;padding:13px 19px;border-bottom:1px solid #f0f3e9}tbody tr:last-child td{border-bottom:0}tbody tr:hover td{background:#fbfcf8}.table-empty{text-align:center!important;color:#a8b29c;height:146px;white-space:normal;line-height:1.9}.vehicle-label{display:inline-flex;align-items:center;gap:5px}.vehicle-label i{width:13px;height:13px;color:#8ba67b}.direction-tag{display:inline-flex;align-items:center;gap:3px;font-size:9px;padding:3px 5px;border-radius:4px;background:#eaf5e6;color:#739661}.direction-tag i{width:10px;height:10px}.direction-tag.out{background:#fff3e5;color:#b4915c}.source-badge{font-size:8px;color:#9ba591;border:1px solid #e8eddf;border-radius:3px;padding:2px 5px;background:#fafbf7}.source-badge.live{color:#74a36b;border-color:#dbe9d3;background:#f1f8ec}.chart-legend{display:flex;gap:13px;font-size:9px;color:#8ea07d;padding:14px 20px 0}.chart-legend>span{display:flex;gap:4px;align-items:center}.chart-legend b{width:6px;height:6px;border-radius:2px}.chart-in{background:#8eb781}.chart-out{background:#dcc9a1}.hourly-chart{height:145px;padding:4px 18px 5px}.hourly-chart svg{width:100%;height:100%;overflow:visible}.video-counter{border-top:1px solid #eef2e7;margin:0 18px;padding:14px 0;display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#96a586}.video-counter>span:first-child{display:flex;align-items:center;gap:5px}.video-counter i{height:12px;width:12px}.video-counter strong{color:#7b9769;font-weight:550;margin:0 3px;font-size:12px}.video-counter em{font-style:normal;color:#c3ccb7;margin:0 5px}.page-footnote{display:flex;align-items:center;gap:5px;margin-top:15px;color:#a4af9b;font-size:9px;line-height:1.8}.page-footnote i{height:11px;width:11px}.app-footer{display:flex;justify-content:space-between;align-items:center;padding:27px 0 18px;color:#b1bbab;font-size:9px}.app-footer>span:first-child{font-size:8px;letter-spacing:1.3px}
.section-summary{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;color:#879780;font-size:12px}.camera-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.camera-card{background:white;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.camera-card-preview{position:relative;aspect-ratio:960/544;background:#16252b;overflow:hidden;display:flex;align-items:center;justify-content:center;color:#6b887a}.camera-card-preview>img{width:100%;height:100%;object-fit:cover}.camera-card-preview>.status-badge{position:absolute;top:12px;left:12px}.camera-card-preview>.source-badge{position:absolute;top:12px;right:12px;background:#142d27ba;border-color:#ffffff2a;color:#d2e8d5}.camera-card-main{padding:18px}.camera-card-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}.camera-card-title h3{font-size:14px;font-weight:600}.camera-card-meta{color:#96a38b;font-size:10px;line-height:1.9;overflow-wrap:anywhere}.camera-card-counts{display:flex;align-items:center;gap:18px;padding:14px 0;color:#91a07f;font-size:10px}.camera-card-counts strong{font-size:17px;color:#698659;margin-left:5px;font-weight:550}.camera-card-actions{display:flex;justify-content:space-between;border-top:1px solid #edf2e5;padding-top:14px;gap:7px}.camera-card-actions>div{display:flex;gap:7px}.camera-grid-empty{grid-column:1/-1;min-height:340px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:13px;background:white;border:1px dashed #cad9bf;border-radius:13px;color:#99aa8a}.camera-grid-empty>i{height:36px;width:36px;color:#9cb789}.camera-grid-empty h3{font-weight:500;color:#6f8862}.camera-grid-empty p{font-size:11px}.event-filters{display:flex;gap:10px;align-items:flex-end;padding:20px;flex-wrap:wrap}.filter-group{min-width:110px;flex:1}.filter-group label{display:block;font-size:10px;color:#8fa07e;margin-bottom:8px}.filter-group select,.filter-group input{height:36px;font-size:11px}.event-filters>.button{margin-top:10px}.full-events-table td,.full-events-table th{padding-left:15px;padding-right:15px}.pagination{display:flex;justify-content:space-between;padding:18px 20px;align-items:center;font-size:10px;color:#94a184;border-top:1px solid #edf2e5}.pagination>div{display:flex;align-items:center;gap:15px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.settings-body{padding:23px}.form-field{display:flex;flex-direction:column;gap:9px;font-size:11px;font-weight:500;color:#647955;margin-bottom:20px}.form-field small{font-size:10px;color:#9eac8f;font-weight:400;line-height:1.6}.form-field input,.form-field select{font-size:12px}.form-columns{display:grid;grid-template-columns:1fr 1fr;gap:15px}.settings-description{font-size:11px;color:#95a685;line-height:1.9;margin-bottom:19px}.counting-notes h3{font-size:12px;font-weight:550;color:#758f66;margin-bottom:8px}.counting-notes p{font-size:11px;color:#97a786;line-height:1.9;margin-bottom:20px}.counting-notes p:last-child{margin:0}
dialog{border:1px solid #dce7d1;padding:0;width:535px;max-width:calc(100vw - 28px);max-height:90vh;border-radius:15px;box-shadow:0 24px 80px #11281d29;color:var(--ink)}dialog::backdrop{background:#0f211e8c;backdrop-filter:blur(3px)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:23px 25px;border-bottom:1px solid #eaf0e1}.modal-header h2{font-size:20px;color:#3b5539}.modal-header .eyebrow{font-size:8px}.modal-body{padding:23px 25px;max-height:calc(90vh - 160px);overflow-y:auto}.modal-footer{border-top:1px solid #eaf0e1;display:flex;justify-content:flex-end;gap:10px;padding:17px 25px;background:#fcfdf9}.source-tabs{display:flex;padding:4px;background:#f0f4ea;border-radius:7px;margin-bottom:15px;gap:5px}.source-tabs button{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;background:none;border:0;border-radius:5px;min-height:32px;color:#97a88a;font-size:11px}.source-tabs button i{height:15px;width:15px}.source-tabs button.active{background:#fff;color:#56884d;box-shadow:0 1px 4px #3558290b}.upload-area{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:155px;border:1px dashed #bdd2ad;background:#f8fbf4;border-radius:8px;cursor:pointer;padding:16px;color:#88a36f}.upload-area input{display:none}.upload-area>i{height:25px;width:25px;color:#83aa6e}.upload-area strong{font-size:12px;font-weight:500;overflow-wrap:anywhere;text-align:center}.upload-area>span{font-size:9px;color:#a7b597}.upload-area.drag-over{background:#e9f4df;border-color:#559543}.upload-area:focus-within{outline:2px solid var(--green)}#videoSourceFields{margin-bottom:20px}.upload-progress{margin-top:10px}.upload-progress>span{height:3px;background:#84b365;width:100%;display:block;animation:uploadPulse 1s infinite alternate;border-radius:5px}.upload-progress p{font-size:10px;color:#8da778;margin-top:7px}@keyframes uploadPulse{from{opacity:.2}to{opacity:1}}.advanced-settings{border:1px solid #e8eedf;border-radius:6px;padding:12px;margin-bottom:18px}.advanced-settings summary{font-size:10px;color:#93a482;cursor:pointer}.advanced-settings .form-columns{margin-top:16px}.advanced-settings .form-field{margin-bottom:3px}.checkbox-field{display:flex;align-items:flex-start;gap:9px;color:#7e966a;font-size:11px}.checkbox-field input{margin:0;flex-shrink:0}.checkbox-field small{display:block;font-size:9px;color:#a6b597;margin-top:6px;line-height:1.6}.form-error{margin-top:18px;padding:10px;background:#fff2eb;border-radius:6px;color:#b8734d;font-size:11px;line-height:1.7;overflow-wrap:anywhere}.toast-stack{position:fixed;right:25px;bottom:25px;z-index:100;display:flex;flex-direction:column;gap:8px;max-width:370px}.toast{background:#203e2d;color:#e6f4dc;box-shadow:0 5px 25px #1e382029;border:1px solid #47613e;border-radius:8px;padding:13px 17px;font-size:12px;line-height:1.7;animation:toastIn .2s ease-out}.toast.error{background:#79503c;border-color:#9d725c;color:#fff2e8}@keyframes toastIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1500px){.sidebar{width:235px;padding-left:25px;padding-right:25px}.main{margin-left:235px}.page-content{padding:36px 42px 0}.topbar{padding:0 42px}.workspace-grid,.bottom-grid{grid-template-columns:minmax(0,1fr) 310px}.metrics{gap:21px}.metric-card{padding:22px 24px}.metric-value>span{font-size:42px}.metric-bottom{margin-top:21px}.config-body{padding:21px 22px}.config-group{margin-bottom:22px}.recognition-panel .panel-heading{min-height:65px}.help-text{font-size:10px}.info-note p{font-size:9px}.toggle-row strong{font-size:11px}.toggle-row small{font-size:9px}.config-group select{font-size:11px}.camera-toolbar{padding:16px 20px}.camera-selector select{font-size:12px}.panel-heading{min-height:65px}.hourly-chart{height:157px}}
@media(max-width:1180px){.sidebar{width:184px;padding:28px 13px 20px}.main{margin-left:184px}.brand{font-size:24px;margin-left:8px}.brand-icon{height:37px;width:37px}.sidebar-caption{font-size:9px;letter-spacing:1px}.nav-item{padding:12px 11px;font-size:12px;gap:9px}.page-content{padding:26px 23px 0}.topbar{padding:0 23px}.workspace-grid,.bottom-grid{gap:15px;grid-template-columns:minmax(0,1fr) 260px}.metrics{gap:12px}.metric-card{padding:16px}.metric-value>span{font-size:33px}.metric-bottom{font-size:9px}.metric-top{font-size:10px}.metric-icon{width:27px;height:27px}.config-body{padding:16px}.panel-heading{padding:15px 16px}h2{font-size:13px}.feed-frames{display:none}.video-actions .button-quiet{font-size:0;gap:0;width:30px;padding:6px}.bottom-grid td,.bottom-grid th{padding-left:13px;padding-right:13px}.bottom-grid th:last-child,.bottom-grid td:last-child{display:none}.panel-heading-right{display:none}.config-group{margin-bottom:16px}.page-heading p{font-size:10px}.heading-actions .button{padding:8px 10px}}
@media(max-width:970px){.workspace-grid{grid-template-columns:minmax(0,1fr)}.recognition-panel .config-body{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.recognition-panel .config-group:nth-child(2){grid-column:2;grid-row:1/4}.recognition-panel .info-note{grid-column:2;grid-row:4/6;align-self:start}.recognition-panel .save-config{grid-column:1/-1}.recognition-panel .inventory-toggle{padding-top:0;border:0}.recognition-panel .toggle-row{margin-bottom:14px}.bottom-grid{grid-template-columns:minmax(0,1fr)}.trend-panel .hourly-chart{height:160px}.camera-grid{grid-template-columns:1fr}.settings-grid{grid-template-columns:1fr}.metric-top{align-items:flex-start;gap:5px;line-height:1.5}.metric-icon{width:23px;height:23px;border-radius:6px}.metric-icon i{width:14px;height:14px}.metric-card{padding:13px}.metric-value>span{font-size:29px}.metric-value{gap:5px;margin-top:14px}.metric-bottom{line-height:1.8;margin-top:14px}.metric-bottom .dot-sep{margin:0 3px}.page-heading h1{font-size:23px}.heading-actions .button-quiet{font-size:0;gap:0}.heading-actions .button-quiet i{height:16px;width:16px}.video-actions .button-quiet{font-size:10px;gap:5px;width:auto}.bottom-grid th:last-child,.bottom-grid td:last-child{display:table-cell}.sidebar-note{margin-top:45px}.date-label{font-size:10px}.topbar-right{gap:12px}}
@media(max-width:720px){.sidebar{width:65px;padding:24px 9px 17px;align-items:center}.brand{margin:0}.brand>span:last-child{display:none}.brand-icon{height:36px;width:36px;border-radius:10px}.sidebar-caption{display:none}.sidebar nav{margin-top:38px;width:100%;gap:12px}.nav-item{height:40px;padding:12px;font-size:0;gap:0;justify-content:center}.nav-item i{width:19px;height:19px}.nav-count,.nav-dot,.active .nav-dot{display:none}.sidebar-note{display:none}.sidebar-bottom{padding:25px 0 0}.connection{font-size:0;gap:0;justify-content:center}.sidebar-version{display:none}.main{margin-left:65px}.topbar{height:56px;padding:0 18px}.topbar-right{gap:9px}.date-label,.local-badge,.topbar-separator{display:none}.page-content{padding:23px 18px 0}.page-heading{align-items:flex-start;gap:8px;margin-bottom:20px}.page-heading h1{font-size:21px;gap:7px}.page-heading p{max-width:210px;font-size:9px;line-height:1.8}.eyebrow{font-size:8px;letter-spacing:1.2px}.title-live{font-size:7px;padding:2px 4px}.heading-actions{gap:5px;margin-top:20px}.heading-actions .button-primary{font-size:0;gap:0;padding:8px 9px}.heading-actions .button-primary i{width:17px;height:17px}.heading-actions .button-quiet{padding:8px 9px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:17px}.metric-card{padding:15px}.metric-value>span{font-size:32px}.metric-top{font-size:10px;align-items:center}.metric-icon{width:26px;height:26px}.metric-bottom{margin-top:14px}.metric-value{margin-top:10px}.panel-heading{min-height:54px;padding:13px 14px}.camera-toolbar{padding:10px 14px}.camera-selector select{max-width:210px}.video-outer{margin:0 12px}.video-footer{padding:12px;min-height:60px}.feed-stats{font-size:8px}.video-actions .button-quiet{font-size:0;gap:0}.video-actions .button{padding:6px 8px}.video-empty{padding:13px}.video-empty-icon{width:37px;height:37px;margin-bottom:10px}.video-empty-icon i{width:19px;height:19px}.video-empty h3{font-size:12px;margin-bottom:7px}.video-empty p{font-size:8px;margin-bottom:10px}.video-empty .button{font-size:9px;min-height:29px;padding:5px 8px}.video-legend{gap:8px;font-size:7px;left:7px;bottom:7px;padding:4px 5px}.video-overlay-top{padding:9px}.video-overlay-top>span{font-size:8px}.recognition-panel .config-body{gap:0 15px;padding:15px}.config-group select{font-size:9px;padding-left:7px;padding-right:15px}.field-hint{display:none}.line-draw-button{font-size:9px;gap:4px;padding:8px 6px}.line-draw-button>i:last-child{display:none}.line-coordinates{gap:4px;font-size:8px}.help-text{font-size:8px}.toggle-row strong{font-size:9px}.toggle-row small{font-size:8px;line-height:1.6}.toggle-row{gap:3px}.switch{width:26px;height:15px}.switch:after{height:11px;width:11px}.toggle-row input:checked+.switch:after{transform:translateX(11px)}.info-note{padding:7px;gap:4px}.info-note p{font-size:8px}.bottom-grid{margin-top:16px;gap:16px}.bottom-grid td,.bottom-grid th{padding:12px 11px}.bottom-grid th:nth-child(4),.bottom-grid td:nth-child(4){display:none}.bottom-grid th:last-child,.bottom-grid td:last-child{display:none}.page-footnote{align-items:flex-start;font-size:8px}.page-footnote i{margin-top:2px}.app-footer{font-size:8px;padding-top:23px}.app-footer>span:first-child{font-size:7px;letter-spacing:.5px}.event-filters{padding:15px;gap:10px}.filter-group{flex-basis:calc(50% - 10px);min-width:100px}.event-filters>.button{flex:1;margin-top:0}.settings-body{padding:18px}.settings-grid{gap:15px}.form-columns{gap:10px}.pagination{padding:15px;gap:10px}.pagination>div{gap:8px}.camera-card-main{padding:15px}.camera-card-actions{flex-wrap:wrap}.camera-card-actions>.button{margin-left:auto}.draw-instruction{font-size:9px;max-width:85%;white-space:normal;width:max-content}.toast-stack{left:80px;right:15px;bottom:15px;max-width:none}.toast{padding:11px 14px;font-size:11px}.modal-header,.modal-body{padding:20px}.modal-footer{padding:15px 20px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
.plate-number{display:inline-block;padding:3px 6px;border:1px solid #d8dfcb;border-radius:4px;background:#f5f5e9;color:#607343;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;font-weight:600;letter-spacing:.5px;white-space:nowrap}.plate-empty{font-size:9px;color:#a3b097}.plate-empty.pending{color:#ad9b63}.events-preview .table-scroll{max-height:355px}.events-preview th,.events-preview td{padding-left:14px;padding-right:14px}

/* Dark operations theme: restrained light, deep surfaces, readable telemetry. */
:root{color-scheme:dark;--green:#22d3ee;--green-dark:#67e8f9;--green-light:#22d3ee12;--ink:#e4edf8;--muted:#8ea2bb;--line:#203149;--surface:#0d1828;--background:#070d18;--sidebar:#08111f}
body{background-color:var(--background);background-image:radial-gradient(ellipse at 85% 0%,#073c5329 0,transparent 48%),linear-gradient(#91c7f703 1px,transparent 1px),linear-gradient(90deg,#91c7f703 1px,transparent 1px);background-size:auto,38px 38px,38px 38px;color:var(--ink)}
::selection{background:#22d3ee42;color:#ecfeff}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:#0a1321}::-webkit-scrollbar-thumb{background:#2a405a;border-radius:8px}::-webkit-scrollbar-thumb:hover{background:#39607e}
input,select{color:#d4e2f1;background:#091423;border-color:#2b405b;box-shadow:inset 0 1px 3px #0002}input:hover,select:hover{border-color:#365977}input:focus,select:focus{border-color:#22d3ee94}input::placeholder{color:#69809c}input[type=range]{background:transparent;box-shadow:none;accent-color:#22d3ee}input[type=checkbox]{accent-color:#22d3ee}select option{background:#0d1c30;color:#d8e6f5}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline-color:#22d3ee}button:disabled{opacity:.42}
.sidebar{background:linear-gradient(175deg,#0b1627,#080f1d 65%);border-right:1px solid #1c2c43;box-shadow:6px 0 30px #00000018;color:#7e94b0}.brand{color:#f0f8ff}.brand-icon{background:linear-gradient(140deg,#7ef4e6,#22d3ee);color:#062334;box-shadow:0 0 24px #22d3ee21,inset 0 1px #ffffffa6}.brand-en{color:#6e95ad}.sidebar-caption{color:#56718d}.nav-item{color:#91a4bd}.nav-item:hover{background:#152638;color:#d7f2ff}.nav-item.active{background:linear-gradient(90deg,#0d3e4b,#11303c);color:#76e6f6;box-shadow:inset 0 0 0 1px #22d3ee25,0 3px 14px #0002}.nav-item.active:before{position:absolute;content:"";height:17px;width:2px;left:0;top:50%;transform:translateY(-50%);border-radius:2px;background:#6deafa;box-shadow:0 0 9px #22d3ee9c}.nav-dot{background:#5eead4;box-shadow:0 0 8px #5eead47a}.nav-count{background:#203047;color:#8ca4c1}.sidebar-note{border-color:#203047}.tiny-label{color:#427c95}.sidebar-note h3{color:#b6d2e1}.sidebar-note p{color:#687f99}.sidebar-note-art{opacity:.85}.sidebar-note-art span{border-color:#2c6b7547;box-shadow:inset 0 2px 10px #22d3ee06}.sidebar-note-art i{color:#54cabf;filter:drop-shadow(0 0 8px #22d3ee30)}.connection{color:#8ba1bb}.connection-dot{background:#d4ae57;box-shadow:0 0 0 3px #d4ae5712}.connection-dot.online{background:#51e8b5;box-shadow:0 0 0 3px #51e8b514,0 0 9px #51e8b549}.connection-dot.offline{background:#fb927e;box-shadow:0 0 8px #fb927e3d}.sidebar-version{color:#536c87}
.topbar{background:#0a1422dc;border-color:#1b2b40;backdrop-filter:blur(18px)}.breadcrumb{color:#667e99}.breadcrumb strong{color:#aec1d8}.topbar-separator{background:#263951}.date-label{color:#849ab6}.local-badge{color:#78a4b7}.local-badge i{color:#59d5c0}.avatar{background:linear-gradient(135deg,#163947,#102a3b);border:1px solid #29536a;color:#7addec}.eyebrow{color:#548a9f;font-size:9px;letter-spacing:2.25px}h1{color:#eef6ff;font-weight:600;letter-spacing:.7px}.page-heading p{color:#7891ad}.title-live{display:inline-flex;align-items:center;gap:4px;background:#0d3531;border-color:#1d6457;color:#70edb9;box-shadow:0 0 15px #2be6a30a}.title-live:before{content:"";width:4px;height:4px;border-radius:50%;background:#6ff3bb;box-shadow:0 0 6px #4df2aa;animation:liveGlow 2.6s infinite}.heading-actions .button-primary{box-shadow:0 3px 16px #22d3ee1b}
.button-primary{background:linear-gradient(130deg,#36dce9,#16b9d7);color:#03232e;border-color:#6ceffc38;box-shadow:0 2px 10px #05afc817;font-weight:650}.button-primary:hover:not(:disabled){background:linear-gradient(130deg,#72eff4,#35d4e8);box-shadow:0 0 18px #22d3ee28}.button-quiet{background:#101e31;border-color:#2b3d55;color:#a4b7ce;box-shadow:inset 0 1px #ffffff03}.button-quiet:hover:not(:disabled){background:#162b40;border-color:#375575;color:#d3e8f6}.button-stop{background:#3a261d;border-color:#755036;color:#f4bf8f}.button-stop:hover:not(:disabled){background:#4a3123;border-color:#a06b45}.button-danger{background:#391f2b;border-color:#6b3044;color:#ffa7b2}.text-button{color:#4acddf}.text-button:hover{color:#99f4fd}.icon-button{color:#7e9bb7}.icon-button:hover{color:#b3f4ff;background:#173149}.alert{background:#361e1fe0;border-color:#6a3640;color:#f1acaa;box-shadow:0 0 15px #ff5d5d07}.alert a{color:#6be6f4}.warning{background:#332b19e0;border-color:#64522d;color:#dfc28a}
.metric-card{background:linear-gradient(140deg,#112034,#0c1728);border-color:#20344d;box-shadow:0 5px 24px #0000001c,inset 0 1px #7dcbff04}.metric-card:after{content:"";position:absolute;left:20px;right:20px;top:0;height:1px;background:linear-gradient(90deg,transparent,#4a839742,transparent);pointer-events:none}.metric-top{color:#8ca4be}.metric-icon{color:#70dddf;background:#123949;border:1px solid #1b5a6b}.metric-icon.green{background:#113a31;border-color:#205d4c;color:#5ae3b1}.metric-icon.orange{background:#382b1f;border-color:#64502e;color:#e9bd78}.metric-icon.blue{background:#192c47;border-color:#31466c;color:#86b8f7}.metric-value>span{color:#f0f7ff;font-weight:550;text-shadow:0 0 20px #9bddff09;letter-spacing:-1.3px}.metric-value small{color:#6c8aa6}.metric-bottom{color:#6e88a5}.metric-bottom b{color:#abbfd0}.metric-bottom .dot-sep{color:#38506a}.metric-card.accent{background:linear-gradient(130deg,#0c3437,#0e2934 62%,#102336);border-color:#23636a;box-shadow:0 6px 28px #042b331d,inset 0 1px #a1fff80a}.accent .metric-value>span{color:#8df8e3;text-shadow:0 0 25px #5ce7cb17}.accent .metric-icon{background:#164d47;border-color:#2b7467;color:#8cf4d5}.accent .metric-top{color:#a4c9c6}.accent .metric-bottom{color:#669a98}.accent .metric-bottom b{color:#98c9c2}.metric-decoration{border-color:#5eead416}.metric-decoration:before,.metric-decoration:after{border-color:#5eead419}.capacity-line>div{background:#1c2d44}.capacity-line>div span{background:linear-gradient(90deg,#1b87ad,#50d9dd);box-shadow:0 0 8px #22d3ee40}.capacity-line small{color:#6c88a6}
.panel{background:linear-gradient(125deg,#0e1a2c,#0c1727 80%);border-color:#203149;box-shadow:0 7px 28px #0000001c,inset 0 1px #a0ddff04}.panel-heading{border-color:#203046;background:linear-gradient(90deg,#1322397a,transparent)}h2{color:#d8e7f7;font-weight:550}.panel-title>i,.section-icon i{color:#55c4d4}.count-badge{background:#143145;border:1px solid #20475a;color:#78b9cb}.panel-heading-right{color:#78a2b5}.signal-dot{background:#4ee1ab;box-shadow:0 0 7px #4ee1ab50}.subtle-label{color:#66849f}.camera-selector i{color:#5db8c9}.camera-selector select{color:#adc7de;background:transparent;box-shadow:none}.camera-selector select:hover{border:0}.status-badge{background:#1d2c42;border:1px solid #2b405b;color:#8da5c1}.status-badge.running{background:#10382e;border-color:#245c47;color:#66e9b3}.status-badge.error{background:#3b2028;border-color:#6f3945;color:#f299a5}.status-badge.starting,.status-badge.reconnecting{background:#342b19;border-color:#5f4f2a;color:#e5be6b}.status-badge.completed{background:#182e4a;border-color:#2e5079;color:#81b9f8}.video-outer{background:#040b14;border:1px solid #25415b;box-shadow:0 0 0 3px #030d171f,inset 0 0 30px #0004}.video-stage{background:#050d18}.video-empty{background:radial-gradient(ellipse at 50% 45%,#13313b,#091423 75%);color:#86a6b7}.video-empty-icon{background:#1438445c;border-color:#2b6877;box-shadow:0 0 35px #12d1db0a}.video-empty-icon i{color:#63ccd9}.video-empty h3{color:#c0e2ea}.video-empty p{color:#698ea5}.video-overlay-top{background:linear-gradient(#061020bb,transparent)}.live-indicator{background:#5ce8b2;box-shadow:0 0 0 3px #5ce8b220,0 0 9px #5ce8b25c}.video-legend{background:#051323cf;border-color:#8acff51f;color:#c8dcea;backdrop-filter:blur(6px)}.legend-car{background:#5eead4}.legend-motorcycle{background:#fbbf75}.legend-line{background:#f6e27b}.draw-instruction{background:#0c2d42ee;border-color:#339bb6;color:#adf3fb;box-shadow:0 0 20px #22d3ee0f}.feed-stats{color:#7390ab}.feed-stats i{color:#45c3d1}.feed-stats strong{color:#85d1df}.feed-frames{border-color:#28405a}.video-progress>div{background:#1c3148}.video-progress>div>span{background:linear-gradient(90deg,#20a3cb,#39dfd3);box-shadow:0 0 8px #22d3ee40}.video-progress>span{color:#739db6}.camera-error{background:#302216;border-color:#614328;color:#dda778}
.config-group select{background:#0a1626;border-color:#263d54;color:#a4bfd3}.field-label-row label{color:#a6bdd3}.field-hint{color:#65839f}.line-draw-button{background:#0c2b39;border-color:#29637a;color:#71c7d9;box-shadow:inset 0 0 20px #22d3ee02}.line-draw-button:hover:not(:disabled){background:#113e4d;border-color:#3a9bad;color:#aaf3f7}.line-draw-button.active{background:#124452;border-color:#54d9e6;color:#9aeeef;box-shadow:0 0 18px #22d3ee0b}.line-coordinates{color:#739bae}.line-coordinates span{color:#3e7088}.small-field-label{color:#7298b2}.help-text{color:#7190ab}.confidence-value{background:#123a45;color:#65d2de;border:1px solid #1d5263}.range-labels{color:#607e9b}.toggle-row strong{color:#9fb8cd}.toggle-row small{color:#64829e}.switch{background:#293b51;box-shadow:inset 0 1px 3px #0003}.switch:after{background:#afc1d5;box-shadow:0 1px 3px #0004}.toggle-row input:checked+.switch{background:#16839a;box-shadow:0 0 10px #22d3ee1f}.toggle-row input:checked+.switch:after{background:#9af7ed}.toggle-row input:focus-visible+.switch{outline-color:#22d3ee}.inventory-toggle{border-color:#20344a}.info-note{background:#111f32;border:1px solid #1d324a}.info-note i{color:#568eaa}.info-note p{color:#6d90aa}.save-config{background:linear-gradient(120deg,#123641,#113344);border-color:#285a6c;color:#80dce7;box-shadow:inset 0 1px #7bdaef08}.save-config:hover:not(:disabled){background:linear-gradient(120deg,#164b54,#15495a);color:#b3f6f5;border-color:#3c8ca0;box-shadow:0 0 17px #22d3ee12}.unsaved-label{color:#e8bc77}
th{background:#101e31;color:#7392ac;border-color:#20334b}td{color:#9bb2c8;border-color:#1a2c42}tbody tr:hover td{background:#122b3c}.table-empty{color:#65839e}.vehicle-label i{color:#79bac8}.direction-tag{background:#113a32;color:#60d6ae;border:1px solid #225547}.direction-tag.out{background:#34291c;color:#dfb273;border-color:#53422c}.source-badge{background:#14253b;border-color:#2a3e58;color:#7e9dbb}.source-badge.live{background:#103329;border-color:#22523e;color:#71ce9f}.chart-legend{color:#87a6bd}.chart-in{background:#22d3ee;box-shadow:0 0 6px #22d3ee28}.chart-out{background:#61dba8;box-shadow:0 0 6px #61dba828}.video-counter{border-color:#22344a;color:#728fa9}.video-counter strong{color:#5fd3d8}.video-counter em{color:#36536c}.page-footnote{color:#587891}.page-footnote i{color:#5187a1}.app-footer{color:#465f7a}.app-footer>span:first-child{color:#416578}.plate-number{background:#102f3f;border-color:#2e6071;color:#b3f1e9;box-shadow:0 0 8px #22d3ee06;text-shadow:0 0 8px #65f0d518}.plate-empty{color:#627e99}.plate-empty.pending{color:#d4b374}
.section-summary{color:#839db6}.camera-card{background:linear-gradient(135deg,#101e32,#0c1727);border-color:#24374f;box-shadow:0 6px 24px #0002}.camera-card-preview{background:#06111e;color:#6b99b1}.camera-card-preview>.source-badge{background:#092638cf;border-color:#45829a50;color:#9bd4e8}.camera-card-title h3{color:#c7dff0;font-weight:550}.camera-card-meta{color:#6b8ba7}.camera-card-counts{color:#7896af}.camera-card-counts strong{color:#77d9dc}.camera-card-actions{border-color:#21364c}.camera-grid-empty{background:radial-gradient(ellipse at center,#13303b,#0c1727 80%);border-color:#286173;color:#719bb2}.camera-grid-empty>i{color:#46c6d2;filter:drop-shadow(0 0 12px #22d3ee20)}.camera-grid-empty h3{color:#b2d4e5}.filter-group label{color:#83a2bd}.pagination{border-color:#22364c;color:#7391ad}.form-field{color:#a5bfd7}.form-field small{color:#6d8ba6}.settings-description{color:#7595ae}.counting-notes h3{color:#8fcbdb}.counting-notes p{color:#7596b0}
dialog{background:#0c1829;border-color:#35546f;box-shadow:0 28px 100px #0008,0 0 45px #22d3ee09}dialog::backdrop{background:#020713bb;backdrop-filter:blur(8px)}.modal-header{background:linear-gradient(120deg,#112b3e,#0e1c31);border-color:#263c55}.modal-header h2{color:#d4eff8}.modal-header .eyebrow{color:#539ab1}.modal-body{background:#0c1829}.modal-footer{background:#0a1423;border-color:#24384e}.source-tabs{background:#091320;border:1px solid #24384c}.source-tabs button{color:#6388a4}.source-tabs button.active{background:#123447;color:#80e0e8;box-shadow:inset 0 0 0 1px #34738a3d,0 2px 9px #0003}.upload-area{background:radial-gradient(ellipse at center,#123144,#0c202f 80%);border-color:#34758b;color:#81c7d8}.upload-area>i{color:#57d4e3;filter:drop-shadow(0 0 8px #22d3ee35)}.upload-area>span{color:#6391aa}.upload-area.drag-over{background:#164253;border-color:#55dce6;box-shadow:0 0 20px #22d3ee12}.upload-progress>span{background:#42d2dc;box-shadow:0 0 10px #22d3ee33}.upload-progress p{color:#68b5ca}.advanced-settings{border-color:#253c53;background:#0b1625}.advanced-settings summary{color:#7499b3}.checkbox-field{color:#93b1c9}.checkbox-field small{color:#6b8ea8}.form-error{background:#35202a;color:#eea2b0;border:1px solid #633143}.toast{background:#10343deF;color:#b8f4ed;border-color:#38768a;box-shadow:0 8px 35px #0005,0 0 20px #22d3ee12;backdrop-filter:blur(14px)}.toast.error{background:#422635f5;border-color:#845065;color:#ffc2cd}
@keyframes liveGlow{0%,100%{opacity:1;box-shadow:0 0 7px #50ebaa8c}50%{opacity:.45;box-shadow:0 0 2px #50ebaa30}}
@media(prefers-reduced-motion:reduce){.title-live:before{animation:none}}
.event-row{cursor:pointer}.event-row:focus-visible{outline:1px solid #42cde4;outline-offset:-2px}.event-row:hover .plate-number{border-color:#4e9aae;box-shadow:0 0 9px #22d3ee13}.event-dialog{width:990px;max-width:calc(100vw - 30px)}.event-detail-body{max-height:calc(90vh - 160px);overflow-y:auto;padding:23px 25px}.event-detail-summary{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px;padding-bottom:20px;border-bottom:1px solid #21394e}.detail-plate{display:flex;align-items:center;gap:14px}.detail-caption{font-size:10px;color:#7799b2}.detail-plate-number{padding:8px 13px;border:1px solid #3f7e8b;border-radius:7px;background:linear-gradient(130deg,#17414c,#102c3d);color:#baf4e9;font:600 22px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:1px;box-shadow:0 0 18px #4adeb309}.detail-plate-placeholder{font-size:16px;color:#8babc1;font-weight:500}.detail-statuses{display:flex;gap:8px;align-items:center}.detail-statuses .direction-tag,.detail-statuses .source-badge{font-size:10px;padding:5px 7px}.event-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 258px;gap:22px}.event-evidence{display:flex;flex-direction:column;gap:17px;min-width:0}.event-evidence-card{border:1px solid #284258;border-radius:8px;overflow:hidden;background:#07121f}.evidence-heading{padding:12px 14px;background:#122338;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #243c52}.evidence-heading h3{font-size:12px;color:#a9cee0;font-weight:550}.evidence-heading .text-button{font-size:9px}.evidence-image-area{display:flex;align-items:center;justify-content:center;min-height:160px;background:repeating-conic-gradient(#091724 0% 25%,#0a1929 0% 50%) 50%/20px 20px}.evidence-image-link{display:block;width:100%;cursor:zoom-in}.evidence-image-link:focus-visible{outline:2px solid #42cde4;outline-offset:-2px}.plate-evidence .evidence-image-link{width:auto;max-width:100%}.evidence-note{padding:10px 14px;border-top:1px solid #243c52;color:#8babc1;font-size:11px;line-height:1.8}.evidence-image{display:block;width:100%;height:auto;max-height:390px;object-fit:contain}.plate-evidence .evidence-image-area{min-height:95px;max-height:245px}.plate-evidence .evidence-image{max-height:245px;width:auto;max-width:100%}.evidence-unavailable{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:11px;min-height:140px;padding:24px;color:#6287a3;font-size:11px;line-height:1.8;text-align:center}.evidence-unavailable i{height:26px;width:26px;color:#3e7e99}.plate-evidence .evidence-unavailable{min-height:95px}.event-metadata{padding:18px;background:#0b1525;border:1px solid #20374d;border-radius:8px;align-self:start}.event-metadata h3{font-size:12px;font-weight:550;color:#94cbdc;margin-bottom:14px}.event-metadata dl{margin:0 0 19px;padding:0 0 16px;border-bottom:1px solid #213448}.event-metadata dl:last-of-type{margin-bottom:10px;border-bottom:0;padding-bottom:0}.event-metadata dl>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px}.event-metadata dl>div:last-child{margin-bottom:0}.event-metadata dt{font-size:10px;color:#688ba7;flex-shrink:0}.event-metadata dd{font-size:10px;color:#b1cadc;text-align:right;margin:0;line-height:1.6;overflow-wrap:anywhere}.event-metadata .metadata-wide{display:block}.event-metadata .metadata-wide dt{margin-bottom:7px}.event-metadata .metadata-wide dd{text-align:left}.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-variant-numeric:tabular-nums}.run-id{padding:7px 8px;border-radius:4px;border:1px solid #223d51;background:#101f31;user-select:all;word-break:break-all}.metadata-help{font-size:9px;color:#597b94;line-height:1.9}.event-detail-note{color:#627f99;font-size:10px;margin-right:auto;align-self:center}
@media(max-width:720px){.event-dialog{max-width:calc(100vw - 24px)}.event-detail-body{padding:16px;max-height:calc(90vh - 155px)}.event-detail-summary{align-items:flex-start;gap:10px;margin-bottom:16px;padding-bottom:15px}.detail-plate{display:flex;align-items:flex-start;flex-direction:column;gap:8px}.detail-plate-number{font-size:19px;padding:7px 10px}.detail-statuses{flex-direction:column;align-items:flex-end;gap:7px}.event-detail-layout{grid-template-columns:1fr;gap:16px}.event-evidence{gap:13px}.evidence-image-area{min-height:120px}.evidence-heading{padding:10px 12px}.evidence-heading h3{font-size:11px}.event-metadata{padding:16px}.event-metadata dl>div{margin-bottom:11px}.event-metadata dd,.event-metadata dt{font-size:11px}.event-detail-note{font-size:9px;max-width:65%;line-height:1.8}.evidence-unavailable{font-size:10px}.event-dialog .modal-header h2{font-size:18px}}
.workspace-grid.monitor-only{grid-template-columns:minmax(0,1fr)}.monitor-only .video-actions .button-quiet{font-size:10px;width:auto;gap:5px}.monitor-only .feed-frames{display:inline}.monitor-only .video-footer{min-height:66px}.monitor-only .camera-panel .panel-heading-right{display:flex}.system-settings-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 19px}.system-settings-heading h2{font-size:17px;color:#cae6f4;font-weight:550}.system-settings-heading p{font-size:11px;line-height:1.9;color:#7294af;margin-top:7px}.system-camera-controls{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px}.system-camera-controls>.camera-selector{background:#0c1e31;border:1px solid #294258;border-radius:7px;padding:5px 8px}.system-camera-controls .camera-selector select{max-width:210px;font-size:11px}.system-camera-grid{display:grid;grid-template-columns:minmax(0,1fr) 328px;align-items:start;gap:20px}.system-camera-grid .recognition-panel .config-body{display:block;padding:19px 21px}.system-camera-grid .recognition-panel .panel-heading{padding-left:19px;padding-right:19px;align-items:flex-start;flex-direction:column;gap:8px}.system-camera-grid .recognition-panel .panel-heading .subtle-label{padding-left:26px}.system-camera-grid .config-group{margin-bottom:21px}.system-camera-grid .config-group select,.system-camera-grid .config-group input:not([type=range]){font-size:11px;height:36px}.system-camera-grid .field-label-row label{font-size:11px}.system-camera-grid .toggle-row strong{font-size:11px}.system-camera-grid .toggle-row small{font-size:9px}.system-camera-grid .help-text{font-size:10px}.system-camera-grid .info-note p{font-size:9px}.system-camera-grid .save-config{font-size:11px;height:37px}.config-double{display:grid;grid-template-columns:1fr 1fr;gap:12px}.config-double .small-field-label{font-size:10px}.calibration-panel{position:sticky;top:22px}.calibration-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 19px}.editor-mode-tabs{display:flex;align-items:center;gap:4px;border-radius:7px;background:#091626;border:1px solid #233a53;padding:3px}.editor-mode-tabs button{border:1px solid transparent;background:none;border-radius:5px;color:#7897af;display:flex;align-items:center;gap:5px;padding:8px 9px;font-size:10px;white-space:nowrap}.editor-mode-tabs button i{width:13px;height:13px}.editor-mode-tabs button.active{background:#123a49;border-color:#276277;color:#84e1eb;box-shadow:0 0 12px #22d3ee08}.editor-mode-tabs button:hover:not(:disabled){background:#153347;color:#b5ecf5}.calibration-outer{margin:0 18px}.calibration-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:15px 19px}.calibration-legend{display:flex;align-items:center;gap:13px;flex-wrap:wrap;font-size:9px;color:#789caf}.calibration-legend>span{display:flex;align-items:center;gap:5px}.calibration-legend b{height:6px;width:6px;border-radius:2px}.legend-roi{background:#43d1e1;box-shadow:0 0 7px #22d3ee28}.calibration-actions{display:flex;gap:7px}.calibration-guide{display:flex;align-items:flex-start;gap:8px;margin:0 19px 19px;padding:12px;border:1px solid #243d51;border-radius:6px;background:#0b1d2d}.calibration-guide i{height:13px;width:13px;color:#559bb3;margin-top:2px}.calibration-guide p{font-size:10px;line-height:1.9;color:#759bb4}.parking-settings-heading{margin-top:32px;padding-top:26px;border-top:1px solid #213449}.source-settings-note{padding:12px;margin-top:4px;margin-bottom:0}.source-settings-note p{font-size:11px;line-height:1.9}.confidence-warning{border:1px solid #725529;border-radius:5px;background:#322617;padding:9px 10px;color:#e2bc78;font-size:10px;line-height:1.8;margin-top:10px}.confidence-value.high{background:#47351b;border-color:#806335;color:#f1cb83}
@media(min-width:1500px){.system-camera-grid{grid-template-columns:minmax(0,1fr) 355px;gap:24px}.system-camera-grid .recognition-panel .config-body{padding:22px 25px}.system-camera-grid .config-group select{font-size:12px}.calibration-toolbar{padding:17px 20px}.editor-mode-tabs button{font-size:11px}}
@media(max-width:1180px){.system-settings-heading{align-items:flex-start;flex-direction:column;gap:13px}.system-camera-controls{justify-content:flex-start}.system-camera-grid{grid-template-columns:minmax(0,1fr) 285px;gap:15px}.system-camera-grid .recognition-panel .config-body{padding:17px}.calibration-toolbar{align-items:flex-start;flex-direction:column;padding:13px}.calibration-outer{margin:0 12px}.calibration-footer{padding:13px}.calibration-guide{margin:0 13px 15px;padding:10px}.config-double{gap:8px}.system-camera-grid .help-text{font-size:9px}.system-camera-grid .toggle-row strong{font-size:10px}.system-camera-grid .config-group select{font-size:10px}}
@media(max-width:970px){.system-camera-grid{grid-template-columns:1fr}.calibration-panel{position:static}.system-camera-grid .recognition-panel .config-body{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.system-camera-grid .recognition-panel .config-group:nth-child(2){grid-column:auto;grid-row:auto}.system-camera-grid .recognition-panel .info-note{grid-column:auto;grid-row:auto}.system-camera-grid .recognition-panel .save-config{grid-column:1/-1}.system-camera-grid .recognition-panel .inventory-toggle{border:0;padding-top:0}.system-camera-grid .config-group:nth-child(4){grid-column:1/-1}.system-camera-grid .recognition-panel .panel-heading{align-items:center;flex-direction:row}.system-camera-grid .recognition-panel .panel-heading .subtle-label{padding-left:0}.calibration-toolbar{align-items:center;flex-direction:row}.system-camera-grid .help-text{font-size:10px}.system-camera-grid .toggle-row strong{font-size:11px}.system-camera-grid .config-group select{font-size:11px}.monitor-only .camera-selector select{max-width:290px}}
@media(max-width:720px){.system-settings-heading h2{font-size:15px}.system-settings-heading p{font-size:10px}.system-camera-controls{gap:7px;width:100%}.system-camera-controls>.camera-selector{flex:1;min-width:0}.system-camera-controls .camera-selector select{max-width:none;min-width:0;width:100%}.system-camera-controls>#settingsEditSourceButton{margin-left:auto}.system-camera-grid .recognition-panel .config-body{display:block;padding:17px}.system-camera-grid .recognition-panel .panel-heading{align-items:flex-start;flex-direction:column}.system-camera-grid .recognition-panel .panel-heading .subtle-label{padding-left:26px}.calibration-toolbar{align-items:flex-start;flex-direction:column;gap:8px;padding:12px}.editor-mode-tabs{width:100%;gap:3px}.editor-mode-tabs button{justify-content:center;padding:8px 6px;flex:1;font-size:9px;gap:4px}.editor-mode-tabs button i{width:12px;height:12px}.calibration-legend{font-size:8px;gap:10px}.calibration-actions{margin-left:auto}.calibration-footer{padding:12px;gap:12px}.calibration-guide p{font-size:9px}.calibration-guide{margin:0 12px 13px}.monitor-only .video-actions .button-quiet{font-size:9px;padding:6px}.monitor-only .feed-frames{display:none}.monitor-only .camera-panel .panel-heading-right{display:none}.monitor-only .camera-selector select{max-width:210px}.parking-settings-heading{margin-top:25px;padding-top:23px}.config-double{gap:12px}}
@media(max-width:720px){.system-camera-controls>.camera-selector{flex:1 1 calc(100% - 82px);min-width:180px}.system-camera-controls>.status-badge{flex:0 0 auto}.system-camera-controls>#settingsEditSourceButton{margin-left:0;flex:1 1 calc(50% - 4px)}.system-camera-controls>#settingsStartStopButton{flex:1 1 calc(50% - 4px)}}
.monitor-section{margin-top:3px}.monitor-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.monitor-section-heading h2{font-size:16px}.monitor-section-heading>.subtle-label{font-size:10px}.monitor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}.monitor-grid:has(>.multi-monitor-card:only-child){grid-template-columns:minmax(0,1fr)}.monitor-grid-empty{grid-column:1/-1}.multi-monitor-card .panel-heading{padding:16px;gap:9px;min-height:61px}.multi-monitor-card .panel-title{flex:1;min-width:0;gap:8px}.multi-monitor-card .panel-title h2{font-size:14px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.multi-monitor-card .panel-title .section-icon i{width:15px;height:15px}.gate-badge{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:4px;padding:4px 6px;background:#163345;border:1px solid #2b576c;color:#8ecedb;font-size:9px;line-height:1}.gate-badge.in_only{background:#113f35;border-color:#236f59;color:#67e4b4}.gate-badge.out_only{background:#3b2e1c;border-color:#685030;color:#ecc183}.monitor-source-row{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;padding:11px 16px}.monitor-source{font-size:9px;color:#769cb5}.monitor-source-row .subtle-label{font-size:8px;color:#587e99}.multi-monitor-card .video-outer{margin:0 14px}.multi-monitor-card .video-empty h3{font-size:14px}.multi-monitor-card .video-empty p{font-size:10px}.multi-monitor-card .video-empty-icon{width:40px;height:40px;margin-bottom:12px}.multi-monitor-card .video-empty-icon i{width:20px;height:20px}.multi-monitor-card .video-overlay-top{padding:10px 12px 18px}.multi-monitor-card .video-legend{bottom:9px;left:9px}.multi-monitor-card .video-progress{padding:10px 15px 0}.monitor-counts{display:grid;grid-template-columns:1fr 1fr;margin:15px 16px 0;padding:0 0 14px;gap:17px;border-bottom:1px solid #23354b}.monitor-count-item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0}.monitor-count-item>span{display:flex;align-items:center;gap:5px;color:#83b9b4;font-size:10px;white-space:nowrap}.monitor-count-item>span i{width:13px;height:13px;color:#56cfa7}.monitor-count-item strong{font-size:27px;font-weight:550;line-height:1;letter-spacing:-.5px;color:#73e2bf;font-variant-numeric:tabular-nums}.monitor-count-item small{grid-column:1/-1;font-size:9px;line-height:1.6;color:#63899f;overflow-wrap:anywhere}.monitor-count-item.outgoing>span{color:#bfaa86}.monitor-count-item.outgoing>span i{color:#d5ab6c}.monitor-count-item.outgoing strong{color:#e8c28b}.multi-monitor-card .video-footer{padding:12px 15px;min-height:59px;gap:8px}.multi-monitor-card .video-actions .button{font-size:10px;padding:6px 9px;gap:5px}.monitor-frames{font-size:9px;color:#64869f;border-left:1px solid #25415a;padding-left:10px}.multi-monitor-card .feed-stats{gap:10px;font-size:9px}.multi-monitor-card .camera-error{font-size:10px}.video-inventory-note strong{display:block;color:#81cbd7;font-size:10px;font-weight:550;margin-bottom:4px}.status-badge.interrupted{background:#3b2b1b;border-color:#6b4b2e;color:#e0b980}.status-badge.unknown{background:#20314b;border-color:#334d6a;color:#8fa9c3}
@media(max-width:1180px){.monitor-grid{gap:16px}.multi-monitor-card .panel-heading{padding:14px}.multi-monitor-card .panel-title h2{font-size:12px}.multi-monitor-card .panel-title{gap:6px}.multi-monitor-card .status-badge{font-size:8px}.multi-monitor-card .video-actions .button{font-size:9px;padding:6px 7px}.monitor-frames{display:none}.monitor-counts{gap:13px}.monitor-count-item small{font-size:8px}.monitor-source-row{padding:10px 14px}.multi-monitor-card .video-empty h3{font-size:12px}.multi-monitor-card .video-empty p{font-size:9px}}
@media(max-width:970px){.monitor-grid{grid-template-columns:minmax(0,1fr)}.multi-monitor-card .panel-title h2{font-size:14px}.multi-monitor-card .video-actions .button{font-size:10px;padding:6px 10px}.monitor-frames{display:inline}.monitor-count-item small{font-size:9px}.monitor-counts{gap:25px}.multi-monitor-card .video-empty h3{font-size:15px}.multi-monitor-card .video-empty p{font-size:10px}}
@media(max-width:720px){.monitor-section-heading{margin-bottom:12px}.monitor-section-heading h2{font-size:14px}.monitor-section-heading>.subtle-label{font-size:8px}.monitor-grid{gap:16px}.multi-monitor-card .panel-heading{padding:13px 12px;min-height:56px;gap:6px}.multi-monitor-card .panel-title h2{font-size:12px}.multi-monitor-card .panel-title{gap:6px}.gate-badge{padding:3px 4px;font-size:8px}.multi-monitor-card .video-outer{margin:0 11px}.monitor-source-row{padding:10px 12px;gap:5px}.monitor-source{font-size:8px}.monitor-source-row .subtle-label{font-size:7px}.multi-monitor-card .video-empty-icon{width:32px;height:32px;margin-bottom:8px}.multi-monitor-card .video-empty-icon i{width:17px;height:17px}.multi-monitor-card .video-empty h3{font-size:11px;margin-bottom:6px}.multi-monitor-card .video-empty p{font-size:8px;margin-bottom:0}.multi-monitor-card .video-overlay-top{padding:8px 9px 15px}.multi-monitor-card .video-legend{bottom:7px;left:7px;font-size:7px;padding:4px 5px}.monitor-counts{margin:12px 13px 0;padding-bottom:12px;gap:14px}.monitor-count-item{gap:7px 5px}.monitor-count-item>span{font-size:9px;gap:4px}.monitor-count-item>span i{width:11px;height:11px}.monitor-count-item strong{font-size:23px}.monitor-count-item small{font-size:8px;line-height:1.7}.multi-monitor-card .video-footer{padding:11px 12px;min-height:56px}.multi-monitor-card .video-actions{gap:6px}.multi-monitor-card .video-actions .button{font-size:9px;padding:6px 7px;gap:4px}.multi-monitor-card .video-actions .button i{width:12px;height:12px}.monitor-frames{display:none}.multi-monitor-card .feed-stats{gap:4px;font-size:8px}.multi-monitor-card .feed-stats strong{font-size:9px}.multi-monitor-card .video-progress{padding:9px 13px 0}.multi-monitor-card .video-progress>span{font-size:8px}.multi-monitor-card .camera-error{padding:9px 12px;font-size:9px}}
.overview-mode-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 19px}.overview-mode-switch{display:flex;align-items:center;flex-shrink:0;gap:4px;border:1px solid #29425a;background:#091726;border-radius:9px;padding:4px}.overview-mode-switch button{display:flex;align-items:center;justify-content:center;gap:7px;padding:8px 15px;border:1px solid transparent;border-radius:6px;background:transparent;color:#7798b3;font-size:11px;font-weight:550;white-space:nowrap}.overview-mode-switch button i{width:14px;height:14px}.overview-mode-switch button.active{color:#a0edf3;background:linear-gradient(130deg,#164754,#123948);border-color:#2c6b7c;box-shadow:0 0 14px #22d3ee09}.overview-mode-switch button:hover:not(.active){background:#152d42;color:#b4d9e9}.overview-mode-bar>p{color:#7896ad;font-size:11px;line-height:1.9;text-align:right}.video-initial-panel{grid-column:1/-1}.video-initial-fields{display:grid;grid-template-columns:1fr 1fr auto;gap:18px;align-items:end}.video-initial-fields>.form-field{margin-bottom:0}.video-initial-fields>.button{height:38px;align-self:end}.video-initial-panel .help-text{margin-top:13px;font-size:10px}.chart-empty{display:flex;align-items:center;justify-content:center;height:100%;text-align:center;color:#62869e;line-height:1.9;font-size:10px;padding:15px}
@media(max-width:970px){.overview-mode-bar{gap:13px;align-items:flex-start;flex-direction:column}.overview-mode-bar>p{text-align:left;font-size:10px}.video-initial-fields{grid-template-columns:1fr 1fr;gap:15px}.video-initial-fields>.button{grid-column:1/-1;justify-self:start}.video-initial-panel .panel-heading{flex-wrap:wrap}}
@media(max-width:720px){.overview-mode-bar{gap:9px;margin-bottom:16px}.overview-mode-switch{width:100%;padding:3px}.overview-mode-switch button{flex:1;font-size:10px;padding:8px 10px;gap:6px}.overview-mode-switch button i{width:13px;height:13px}.overview-mode-bar>p{font-size:9px;line-height:1.8}.video-initial-fields{grid-template-columns:1fr;gap:16px}.video-initial-fields>.button{justify-self:stretch}.video-initial-panel .settings-description{font-size:10px}.video-initial-panel .help-text{font-size:9px}.video-initial-panel .panel-heading .count-badge{font-size:8px}}
/* Customer workflows: event evidence first, maintenance available on demand. */
.customer-settings-heading{margin-bottom:20px}.engineering-settings{margin-top:26px;border:1px solid #24364a;border-radius:11px;background:#0a1422;overflow:hidden}.engineering-settings>summary{display:flex;align-items:center;gap:13px;padding:19px 21px;cursor:pointer;list-style:none;color:#83a4bc}.engineering-settings>summary::-webkit-details-marker{display:none}.engineering-summary-icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid #2a4057;border-radius:8px;background:#102035;color:#6c9eb8;flex-shrink:0}.engineering-summary-icon i{width:17px;height:17px}.engineering-settings>summary strong{display:block;font-size:13px;font-weight:550;color:#aac5d8}.engineering-settings>summary small{display:block;margin-top:5px;font-size:10px;line-height:1.8;color:#66859f}.engineering-chevron{margin-left:auto;flex-shrink:0;display:flex}.engineering-chevron i{width:16px;height:16px;transition:transform .15s}.engineering-settings[open] .engineering-chevron i{transform:rotate(90deg)}.engineering-settings[open]>summary{border-bottom:1px solid #22374b}.engineering-content{padding:23px 20px}.engineering-content .system-settings-heading{align-items:flex-start;flex-direction:column}.engineering-content .system-camera-controls{justify-content:flex-start}.engineering-content .system-settings-heading h2{font-size:15px}.engineering-content .system-camera-grid{gap:17px}.engineering-content .calibration-panel{top:15px}.engineering-settings>summary:focus-visible{outline:2px solid #22d3ee;outline-offset:-3px}
.evidence-table{width:100%;border-collapse:collapse}.evidence-table th{font-size:10px}.evidence-table th,.evidence-table td{padding:12px 15px;vertical-align:middle}.bottom-grid .evidence-table th,.bottom-grid .evidence-table td{display:table-cell}.evidence-table .event-image-cell{width:124px}.event-image-button{display:inline-flex;align-items:stretch;flex-direction:column;gap:7px;width:108px;border:0;padding:0;background:none;color:#75d8e2;cursor:pointer}.event-thumbnail-frame{display:flex;align-items:center;justify-content:center;position:relative;width:108px;height:64px;overflow:hidden;border:1px solid #2c5268;border-radius:6px;background:#081321}.event-thumbnail{display:block;width:100%;height:100%;object-fit:cover}.event-thumbnail-fallback{display:flex;align-items:center;justify-content:center;padding:7px;font-size:9px;line-height:1.7;color:#678da5;width:100%;height:100%;white-space:normal;text-align:center}.event-image-label{display:flex;align-items:center;justify-content:space-between;font-size:9px;font-weight:500;line-height:1.5}.event-image-label i{width:12px;height:12px}.event-image-button:hover .event-thumbnail-frame{border-color:#43bbd3;box-shadow:0 0 12px #22d3ee15}.event-image-button:hover .event-image-label{color:#a5f2ef}.event-image-button:focus-visible{outline:2px solid #22d3ee;outline-offset:4px;border-radius:3px}.evidence-table .plate-number{font-size:13px;letter-spacing:.6px;padding:5px 8px;line-height:1.3}.evidence-table .plate-empty{font-size:11px;color:#8ca4b8}.event-secondary{display:block;margin-top:8px;line-height:1.7}.event-secondary .vehicle-label{font-size:9px;color:#7595ad}.event-secondary .vehicle-label i{width:12px;height:12px}.event-secondary .source-badge{font-size:8px}.event-camera-name{color:#adc8da;font-size:10px}.event-time-cell{font-variant-numeric:tabular-nums;color:#7697b2;line-height:1.8}.events-preview .table-scroll{max-height:640px}.events-preview .panel-heading .count-badge{font-size:8px}.full-events-table .event-image-cell{width:145px}.full-events-table .event-image-button{width:124px}.full-events-table .event-thumbnail-frame{width:124px;height:72px}.full-events-table .event-camera-name{font-size:12px}.full-events-table .event-secondary .vehicle-label{font-size:10px}.full-events-table .event-time-cell{font-size:11px}
@media(max-width:1180px){.evidence-table th,.evidence-table td,.bottom-grid .evidence-table th,.bottom-grid .evidence-table td{padding:11px 10px}.event-image-button,.event-thumbnail-frame{width:94px}.event-thumbnail-frame{height:57px}.evidence-table .event-image-cell{width:110px}.evidence-table .plate-number{font-size:11px;padding:4px 6px}.event-camera-name{font-size:9px}.event-secondary .vehicle-label{font-size:8px}.event-time-cell{font-size:9px}.engineering-content{padding:20px 16px}.engineering-content .system-camera-grid{grid-template-columns:minmax(0,1fr) 285px}}
@media(max-width:970px){.engineering-content .system-camera-grid{grid-template-columns:1fr}.engineering-content .calibration-panel{position:static}.evidence-table .plate-number{font-size:13px}.event-secondary .vehicle-label{font-size:9px}.event-camera-name{font-size:11px}}
@media(max-width:720px){.engineering-settings{margin-top:20px}.engineering-settings>summary{gap:10px;padding:15px 13px}.engineering-summary-icon{width:29px;height:29px}.engineering-summary-icon i{width:15px;height:15px}.engineering-settings>summary strong{font-size:11px;line-height:1.8}.engineering-settings>summary small{font-size:8px;line-height:1.8}.engineering-content{padding:17px 11px}.engineering-content .system-settings-heading h2{font-size:13px}.engineering-content .system-settings-heading p{font-size:9px}.engineering-content .system-camera-controls>.camera-selector{min-width:150px}.engineering-content .calibration-toolbar{padding:10px}.engineering-content .editor-mode-tabs button{font-size:8px;padding:7px 3px}.engineering-content .editor-mode-tabs button i{width:10px;height:10px}.engineering-content .calibration-outer{margin:0 9px}.engineering-content .calibration-guide{margin:0 9px 11px;padding:8px}.engineering-content .calibration-guide p{font-size:8px}.engineering-content .system-camera-grid .recognition-panel .config-body{padding:14px}.evidence-table,.evidence-table tbody{display:block}.evidence-table thead{display:none}.evidence-table tr.event-row{display:grid;grid-template-columns:98px minmax(0,1fr);gap:6px 13px;padding:15px 12px;border-bottom:1px solid #1f344b}.evidence-table tr.event-row:last-child{border-bottom:0}.evidence-table td,.bottom-grid .evidence-table td{border:0;background:none;padding:0;min-width:0;white-space:normal}.evidence-table td.event-image-cell{display:block;grid-column:1;grid-row:1/5;width:auto}.evidence-table td.event-plate-cell{display:block;grid-column:2;grid-row:1}.evidence-table td.event-direction-cell{display:block;grid-column:2;grid-row:2}.evidence-table td.event-camera-cell{display:block;grid-column:2;grid-row:3}.evidence-table td.event-time-cell{display:block;grid-column:2;grid-row:4;font-size:9px}.event-image-button,.event-thumbnail-frame,.full-events-table .event-image-button,.full-events-table .event-thumbnail-frame{width:98px}.event-thumbnail-frame,.full-events-table .event-thumbnail-frame{height:61px}.event-image-label{font-size:9px}.evidence-table .plate-number{font-size:12px;padding:4px 6px;max-width:100%;white-space:normal;overflow-wrap:anywhere}.event-secondary{margin-top:5px}.event-secondary .vehicle-label{font-size:8px;line-height:1.8}.evidence-table .event-direction-cell .direction-tag{font-size:8px;padding:3px 5px}.evidence-table .event-camera-name{font-size:9px;line-height:1.8;overflow-wrap:anywhere}.event-camera-cell .event-secondary{display:inline-block;margin:0 0 0 4px}.event-secondary .source-badge{font-size:7px;padding:2px 4px}.events-preview .table-scroll{max-height:640px}.events-preview .panel-heading{align-items:flex-start;gap:6px}.events-preview .panel-title{align-items:flex-start;flex-direction:column;gap:6px}.events-preview .panel-heading .text-button{font-size:9px;white-space:nowrap}.full-events-table .event-secondary .vehicle-label{font-size:8px}.evidence-table .table-empty{display:block;padding:24px 12px}.full-events-table .event-image-cell{width:auto}}
.event-diagnostics{border-top:1px solid #243b50;margin-top:16px;padding-top:14px}.event-diagnostics>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;list-style:none;cursor:pointer;color:#719bb5;font-size:11px}.event-diagnostics>summary::-webkit-details-marker{display:none}.event-diagnostics>summary i{width:13px;height:13px;transition:transform .15s}.event-diagnostics[open]>summary i{transform:rotate(90deg)}.event-diagnostics-body{padding-top:18px}.event-diagnostics .metadata-help{margin-bottom:0}.event-diagnostics>summary:focus-visible{outline:1px solid #22d3ee;outline-offset:5px}
.event-advanced-filters{flex-basis:100%;padding-top:6px}.event-advanced-filters>summary{display:inline-flex;align-items:center;gap:7px;font-size:10px;color:#6e91ac;list-style:none;cursor:pointer}.event-advanced-filters>summary::-webkit-details-marker{display:none}.event-advanced-filters>summary i{width:12px;height:12px;transition:transform .15s}.event-advanced-filters[open]>summary i{transform:rotate(90deg)}.event-advanced-filters>.filter-group{max-width:340px;margin-top:14px}.event-advanced-filters>summary:focus-visible{outline:1px solid #22d3ee;outline-offset:4px}
.monitor-counts.single-direction{grid-template-columns:minmax(0,1fr)}.camera-card-counts.single-direction>span:first-child{flex:1}.camera-card-counts .camera-count-in strong{color:#73e2bf}.camera-card-counts .camera-count-out strong{color:#e8c28b}
.source-camera-settings{padding:15px 14px 0;margin-bottom:20px;border:1px solid #294157;border-radius:8px;background:#0c1a2b}.source-camera-settings .form-field{margin-bottom:15px}.source-camera-settings .form-field select{width:100%;min-width:0}.source-camera-settings .form-field small{font-size:10px;line-height:1.85;color:#7c9bb3;font-weight:400}@media(max-width:720px){.source-camera-settings{padding:13px 11px 0}.source-camera-settings .form-field{font-size:10px}.source-camera-settings .form-field select{font-size:11px}.source-camera-settings .form-field small{font-size:9px}}
.monitor-grid{grid-template-columns:minmax(0,1fr);gap:25px}.monitor-camera-group,.camera-management-group{min-width:0;grid-column:1/-1}.monitor-group-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;padding:0 2px}.monitor-group-heading>div{display:flex;align-items:center;gap:9px;min-width:0}.monitor-group-heading i{width:15px;height:15px;color:#4bbecb;flex-shrink:0}.monitor-group-heading h3{font-size:13px;font-weight:550;color:#b5d9e8;overflow-wrap:anywhere;line-height:1.6}.monitor-group-heading>.subtle-label{font-size:9px;flex-shrink:0;color:#6a8ba6}.monitor-group-feeds,.camera-group-management-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}.monitor-gate-slot{min-width:0;display:flex;flex-direction:column;gap:15px}.ungrouped .monitor-group-feeds,.ungrouped .camera-group-management-body{grid-template-columns:minmax(0,1fr)}.monitor-side-placeholder{min-height:345px;border:1px dashed #2c455d;border-radius:12px;background:linear-gradient(145deg,#0b1728,#0a1422);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;color:#5e829c}.monitor-side-placeholder>i{width:27px;height:27px;margin-bottom:16px;color:#456b86}.monitor-side-placeholder h3{font-size:13px;font-weight:500;line-height:1.7;color:#789cb3}.monitor-side-placeholder p{font-size:10px;line-height:1.8;margin-top:9px}.camera-management-group{margin-bottom:6px}.camera-group-dialog{width:735px}.camera-group-dialog .modal-body{padding:24px}.camera-group-dialog .modal-header h2{font-size:22px}.group-source-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;margin-bottom:17px}.group-source-side{min-width:0}.group-source-side>h3{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:500;color:#a3c8da;margin-bottom:11px}.group-upload-area{min-height:158px;padding:22px 15px;gap:10px;margin-bottom:0}.group-upload-area>strong{font-size:11px;overflow-wrap:anywhere;max-width:100%;line-height:1.8}.group-upload-area>span{font-size:9px}.group-upload-area>i{width:25px;height:25px}.group-upload-area.has-file{border-style:solid;border-color:#38768b}.group-upload-area:focus-within{outline:2px solid #22d3ee;outline-offset:3px}.group-upload-status{font-size:9px;line-height:1.8;color:#7298b1;padding:8px 2px 0;margin:0;min-height:25px}.group-upload-status.uploaded{color:#65d7b0}#groupRtspFields>.form-field{display:flex;flex-direction:column;align-items:flex-start;gap:9px;margin:0}#groupRtspFields input{width:100%;font-size:10px}.camera-group-dialog .source-settings-note{margin-bottom:4px}.camera-group-dialog .source-settings-note p{font-size:10px}.camera-group-dialog input[type=file]:disabled{cursor:wait}.camera-group-dialog .group-source-columns.hidden{display:none}
@media(max-width:1180px){.monitor-group-feeds,.camera-group-management-body{gap:15px}.monitor-group-heading h3{font-size:12px}.monitor-group-heading>.subtle-label{font-size:8px}}
@media(max-width:720px){.monitor-grid{gap:23px}.monitor-group-feeds,.camera-group-management-body{grid-template-columns:minmax(0,1fr);gap:13px}.monitor-group-heading{align-items:flex-start;margin-bottom:10px;gap:8px}.monitor-group-heading h3{font-size:12px}.monitor-group-heading>.subtle-label{font-size:8px;padding-top:4px}.monitor-side-placeholder{min-height:180px}.monitor-side-placeholder h3{font-size:11px}.monitor-side-placeholder p{font-size:9px}.camera-group-dialog .modal-body{padding:17px}.camera-group-dialog .modal-header h2{font-size:19px}.group-source-columns{gap:15px;grid-template-columns:minmax(0,1fr)}.group-source-side>h3{font-size:11px;margin-bottom:9px}.group-upload-area{min-height:120px;padding:15px 12px}.group-upload-area>i{width:22px;height:22px}.group-upload-status{font-size:9px}.camera-group-dialog .modal-footer .button{font-size:11px}.camera-group-dialog .source-tabs button{font-size:10px;padding:9px 6px;gap:5px}.camera-group-dialog .source-settings-note p{font-size:9px}.camera-group-dialog .form-field>small{font-size:9px}}

.group-upload-area{position:relative}.group-upload-area input[type=file]{display:block;position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:pointer;border:0}

/* UI 11: one camera group and optional passage evidence. */
.monitor-group-selector{display:flex;align-items:center;gap:10px;min-width:0;color:#8db0c6;font-size:11px}.monitor-group-selector select{width:260px;max-width:100%;min-width:0;background:#0d1b2c;color:#c2e8ef;border:1px solid #2a5069;border-radius:7px;padding:10px 32px 10px 12px;font:inherit;outline-offset:3px}.evidence-settings-panel{grid-column:1/-1}.evidence-settings-panel .settings-body{display:grid;grid-template-columns:minmax(220px,1fr) minmax(280px,1.5fr) auto;align-items:center;column-gap:24px}.evidence-settings-panel .evidence-toggle{margin:0;padding:0;border:0}.evidence-settings-panel .settings-description{margin:0;font-size:11px}.evidence-settings-panel .help-text{grid-column:2;grid-row:2;margin:8px 0 0}.evidence-settings-panel button{grid-column:3;grid-row:1/3}.evidence-disabled .event-row{cursor:default}.evidence-disabled .event-type-cell .vehicle-label{font-size:11px}.event-filters input[type=datetime-local]{min-width:0;width:100%;font-family:inherit;color-scheme:dark}.event-filters .filter-group:has(input[type=datetime-local]){min-width:215px}.event-filters .filter-group.hidden{display:none}
@media(max-width:970px){.evidence-settings-panel .settings-body{grid-template-columns:minmax(0,1fr);gap:15px}.evidence-settings-panel .help-text,.evidence-settings-panel button{grid-column:auto;grid-row:auto;margin:0}.evidence-settings-panel button{justify-self:start}}
@media(max-width:720px){.monitor-section-heading{align-items:flex-start;flex-direction:column}.monitor-group-selector{width:100%;font-size:10px;justify-content:space-between}.monitor-group-selector select{flex:1;width:auto;max-width:calc(100% - 76px);font-size:11px}.evidence-settings-panel .evidence-toggle strong{font-size:11px}.evidence-settings-panel .settings-description{font-size:10px}.event-filters .filter-group:has(input[type=datetime-local]){min-width:0;width:100%;flex:1 1 100%}.event-filters input[type=datetime-local]{font-size:12px;max-width:100%}.evidence-disabled tr.event-row{grid-template-columns:minmax(0,1fr) auto;gap:9px 12px}.evidence-disabled td.event-type-cell{display:block;grid-column:1;grid-row:1}.evidence-disabled td.event-direction-cell{grid-column:2;grid-row:1}.evidence-disabled td.event-camera-cell{grid-column:1/-1;grid-row:2}.evidence-disabled td.event-time-cell{grid-column:1/-1;grid-row:3}.evidence-disabled .event-type-cell .vehicle-label{font-size:11px}}

/* UI 12: dedicated parking overview and atomic inventory adjustment. */
.summary-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:19px;padding:15px 18px;border:1px solid #20364b;border-radius:10px;background:linear-gradient(105deg,#0b1828,#0b1524)}.summary-toolbar>div{display:flex;align-items:baseline;gap:13px;min-width:0}.summary-toolbar strong{font-size:14px;color:#c4e9ef;font-weight:600}.summary-toolbar span{font-size:10px;color:#6f92aa}.summary-hero-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px}.summary-vehicle-card{position:relative;overflow:hidden;min-width:0;padding:24px;border:1px solid #24415a;border-radius:13px;background:radial-gradient(circle at 93% 5%,#22d3ee14,transparent 38%),linear-gradient(145deg,#0e1c2f,#0a1525);box-shadow:0 13px 36px #0003}.summary-vehicle-card.motorcycle{background:radial-gradient(circle at 93% 5%,#5eead412,transparent 38%),linear-gradient(145deg,#0e1c2f,#0a1525)}.summary-vehicle-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding-bottom:18px;border-bottom:1px solid #20364a}.summary-kicker{display:block;color:#4e91a7;font-size:8px;letter-spacing:1.7px;margin-bottom:8px}.summary-vehicle-card h2{display:flex;align-items:center;gap:9px;color:#cae5ef;font-size:15px}.summary-vehicle-card h2 i{width:19px;height:19px;color:#5bdeea}.summary-vehicle-card.motorcycle h2 i{color:#70e1b8}.summary-live{display:inline-flex;align-items:center;gap:6px;padding:4px 7px;border:1px solid #205944;border-radius:5px;background:#0d3328;color:#70dbae;font-size:8px}.summary-live b{width:5px;height:5px;border-radius:50%;background:#57e6ac;box-shadow:0 0 7px #57e6ac}.summary-primary{display:flex;align-items:center;justify-content:space-between;gap:23px;padding:24px 0 21px}.summary-primary>div:first-child>span{display:block;margin-bottom:8px;color:#7294ad;font-size:10px}.summary-primary>div:first-child>strong{display:inline-block;color:#7beaf0;font-size:51px;font-weight:560;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-2px}.summary-vehicle-card.motorcycle .summary-primary>div:first-child>strong{color:#75e4be}.summary-primary>div:first-child>strong.negative{color:#fb9a86}.summary-primary>div:first-child>small{margin-left:7px;color:#7896ac;font-size:11px}.summary-capacity-ring{--usage:0%;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;width:86px;height:86px;flex:0 0 86px;border-radius:50%;background:conic-gradient(#22d3ee var(--usage),#1a2a3e 0);box-shadow:0 0 24px #22d3ee0b}.summary-vehicle-card.motorcycle .summary-capacity-ring{background:conic-gradient(#5eead4 var(--usage),#1a2a3e 0)}.summary-capacity-ring:before{content:"";position:absolute;inset:7px;border-radius:50%;background:#0c192a}.summary-capacity-ring span,.summary-capacity-ring small{position:relative;z-index:1}.summary-capacity-ring span{color:#c8e7ef;font-size:14px;font-weight:600}.summary-capacity-ring small{margin-top:3px;color:#60849e;font-size:7px}.summary-stat-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;border:1px solid #20364a;border-radius:8px;overflow:hidden;background:#20364a}.summary-stat-row.two{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-stat-row>div{min-width:0;padding:13px 14px;background:#0b1829}.summary-stat-row span{display:block;margin-bottom:7px;color:#6689a3;font-size:9px;line-height:1.5}.summary-stat-row strong{color:#bed8e7;font-size:17px;font-weight:550;font-variant-numeric:tabular-nums}.summary-card-note{margin-top:13px;color:#6487a1;font-size:9px;line-height:1.8}.summary-flow-section{margin-top:19px;padding:21px;border:1px solid #21384e;border-radius:12px;background:#0b1727}.summary-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:15px;margin-bottom:17px}.summary-section-heading .summary-kicker{margin-bottom:6px}.summary-section-heading h2{font-size:15px;color:#c1dce9}.summary-section-heading>span{color:#62859d;font-size:9px}.summary-flow-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.summary-flow-grid article{display:flex;align-items:center;gap:14px;min-width:0;padding:17px;border:1px solid #213b52;border-radius:9px;background:linear-gradient(140deg,#0e1d30,#0a1626)}.flow-icon{display:flex;align-items:center;justify-content:center;width:39px;height:39px;flex:0 0 39px;border:1px solid #286578;border-radius:9px;background:#103645;color:#66dae8}.flow-icon.out{border-color:#69512e;background:#352817;color:#e7b96f}.flow-icon.current{border-color:#2a6554;background:#12372e;color:#69dfb6}.flow-icon i{width:18px;height:18px}.summary-flow-grid article>div{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:10px;flex:1}.summary-flow-grid article>div>span{color:#7999af;font-size:10px}.summary-flow-grid article strong{color:#d7edf4;font-size:26px;font-weight:550;line-height:1;font-variant-numeric:tabular-nums}.summary-flow-grid article small{grid-column:1/-1;margin-top:8px;color:#60849e;font-size:8px;line-height:1.6}.summary-footnote{margin-top:17px}.occupancy-dialog{width:780px}.occupancy-dialog .modal-header h2{font-size:22px}.occupancy-form-body{padding:22px 25px;max-height:calc(90vh - 145px);overflow:auto}.occupancy-form-section{margin-top:18px;padding:18px;border:1px solid #243e55;border-radius:10px;background:#0a1727}.occupancy-form-heading{display:flex;align-items:center;gap:11px;margin-bottom:17px}.occupancy-form-heading>i{width:22px;height:22px;color:#59d8e5}.occupancy-form-heading.motorcycle>i{color:#65ddb2}.occupancy-form-heading h3{font-size:13px;color:#b8d8e6;font-weight:550}.occupancy-form-heading span{display:block;margin-top:4px;color:#6789a1;font-size:9px}.occupancy-form-section .form-columns{gap:16px}.occupancy-form-section .form-field{margin-bottom:16px}.occupancy-form-section .form-field input{width:100%}.readonly-field output{display:flex;align-items:center;height:38px;margin-top:7px;padding:0 11px;border:1px solid #26435a;border-radius:6px;background:#08131f;color:#83e9dc;font-size:17px;font-weight:600;font-variant-numeric:tabular-nums}.readonly-field output.negative{border-color:#75443d;color:#fb9a86}.occupancy-reserved-toggle{margin:0;padding:15px 0 0;border-top:1px solid #20374b}.occupancy-reserved-toggle strong{font-size:11px}.occupancy-save-note{margin-right:auto;color:#668ba4;font-size:9px}.settings-panel:has(#calibrateForm){display:none}#settingsForm .form-field:has(#settingCapacity){display:none}
@media(max-width:970px){.summary-hero-grid{grid-template-columns:minmax(0,1fr)}.summary-flow-grid{grid-template-columns:minmax(0,1fr)}.summary-flow-grid article>div{grid-template-columns:minmax(0,1fr) auto}.summary-primary{padding:20px 0}.summary-primary>div:first-child>strong{font-size:45px}}
@media(max-width:720px){.summary-toolbar{align-items:flex-start;flex-direction:column;padding:14px;margin-bottom:15px}.summary-toolbar>div{align-items:flex-start;flex-direction:column;gap:6px}.summary-toolbar .button{width:100%}.summary-hero-grid{gap:14px}.summary-vehicle-card{padding:17px}.summary-primary{gap:15px;padding:19px 0}.summary-primary>div:first-child>strong{font-size:39px}.summary-capacity-ring{width:72px;height:72px;flex-basis:72px}.summary-capacity-ring span{font-size:12px}.summary-stat-row{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-stat-row>div:last-child:nth-child(3){grid-column:1/-1}.summary-stat-row>div{padding:11px}.summary-stat-row strong{font-size:15px}.summary-flow-section{padding:15px;margin-top:14px}.summary-section-heading{align-items:flex-start;flex-direction:column;gap:7px}.summary-flow-grid{gap:10px}.summary-flow-grid article{padding:14px}.summary-footnote{margin-top:14px}.occupancy-dialog{max-width:calc(100vw - 22px)}.occupancy-form-body{padding:16px}.occupancy-form-section{padding:14px;margin-top:14px}.occupancy-form-section .form-columns{grid-template-columns:minmax(0,1fr);gap:0}.occupancy-dialog .modal-footer{flex-wrap:wrap}.occupancy-save-note{width:100%;margin-bottom:5px}.occupancy-dialog .modal-footer .button{flex:1;font-size:10px;padding:8px}}
.brand>span:last-child{white-space:nowrap}

/* Cloud status is independent of the last received recognition state. */
.cloud-sync-status{padding:13px 16px;margin-bottom:12px;border:1px solid #9d6e3e;background:#332519;color:#f5d2a9;border-radius:9px;font-size:12px;line-height:1.7}.cloud-sync-status.is-live{border-color:#27695d;background:#102c2d;color:#9de6d2}.cloud-maintenance-note,.cloud-local-hint{color:#8eacc3;font-size:11px;line-height:1.9}.cloud-maintenance-note{margin:0 0 20px}.cloud-mode .video-initial-panel{display:none}.cloud-mode .event-thumbnail-fallback{font-size:10px}
/* Fixed live RTSP pair and honest connection states. */
.rtsp-status-section{margin-bottom:20px;padding:20px;border:1px solid #254159;border-radius:12px;background:#0b1727}.rtsp-status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.rtsp-status-card{min-width:0;padding:16px;border:1px solid #263e54;border-radius:9px;background:#0d1c2d}.rtsp-status-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.rtsp-status-heading>div{display:flex;align-items:center;gap:8px;min-width:0}.rtsp-status-heading strong{font-size:12px;color:#c4e2ed;overflow-wrap:anywhere}.rtsp-status-card>p{margin-top:11px;color:#86a4b9;font-size:10px;line-height:1.8}.rtsp-status-card>p.rtsp-status-error{color:#e5a582;overflow-wrap:anywhere}.rtsp-status-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:14px}.rtsp-status-actions:empty{display:none}.rtsp-status-actions .button{font-size:10px}.rtsp-configuration-note,.rtsp-legacy-notice{margin-top:13px;color:#7d9bb0;font-size:10px;line-height:1.8}.rtsp-legacy-notice{grid-column:1/-1;color:#e6ba80}.rtsp-legacy-notice button{margin-left:9px}.summary-live.paused{border-color:#5b4d35;background:#2c2419;color:#d9b981}.summary-live.paused b{background:#d9b981;box-shadow:none}.title-live.paused{color:#c8aa77;border-color:#655334;background:#302819}.status-badge.stopping{color:#dbbd87;background:#392e20;border-color:#695633}.video-overlay-top.feed-stale .live-indicator{background:#ba9d6d;box-shadow:none;animation:none}.video-overlay-top.feed-stale{color:#dbc497}.camera-preview-fallback{padding:20px;text-align:center;font-size:11px;line-height:1.8;color:#91aabd}.camera-auto-hint{font-size:10px;line-height:1.8;color:#82a2ba;margin-bottom:12px}.source-tabs button:disabled{cursor:default;opacity:.55}.source-tabs button:disabled.active{opacity:1}
@media(max-width:720px){.rtsp-status-section{padding:15px;margin-bottom:15px}.rtsp-status-grid{grid-template-columns:minmax(0,1fr)}.rtsp-status-card{padding:13px}.rtsp-status-heading strong{font-size:11px}.rtsp-status-heading .status-badge{font-size:8px}.rtsp-status-card>p,.rtsp-configuration-note{font-size:9px}.rtsp-status-actions .button{flex:1;justify-content:center;font-size:10px}}

/* Superadmin-only MQTT connection settings on the system settings page. */
.mqtt-settings-panel .mqtt-connection-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.mqtt-settings-panel .mqtt-configuration-source{font-size:10px;color:#a1ab9a}
.mqtt-settings-panel .status-badge.stopped{background:#f7f3e8;color:#a08347}
.mqtt-local-scope{margin:0 0 16px;font-size:10px;color:#a1ab9a;line-height:1.9}
.mqtt-settings-panel .mqtt-connection-error{margin:0 0 16px}
.mqtt-settings-panel .mqtt-result{margin-top:16px;padding:10px;border-radius:6px;background:#eaf6ee;color:#3c8a5f;font-size:11px;line-height:1.7}
.mqtt-settings-panel .mqtt-result.mqtt-error{background:#fff0eb;color:#b0684d}
.mqtt-settings-panel .mqtt-enabled-toggle span:last-child{flex:0}
.mqtt-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.mqtt-actions .button{font-size:11px}
@media(max-width:720px){.mqtt-actions .button{flex:1;justify-content:center}}