.hik-native-player{height:100%;min-height:0;display:flex;flex-direction:column;background:#040c18;color:#dcecff;font:14px/1.5 system-ui,sans-serif}.hik-native-player *{box-sizing:border-box}.hik-native-player [data-player=video]{flex:1;min-height:100px;overflow:hidden}.hik-native-player footer{flex:none;padding:10px 14px;background:#0b1d32;border-top:1px solid #254869}.hik-native-player [data-player=status]{margin:0 0 8px;overflow-wrap:anywhere}.hik-native-player form{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.hik-native-player button{font:inherit;border:1px solid #386080;border-radius:4px;padding:6px 10px;background:#155485;color:#fff;cursor:pointer}.hik-native-player button:disabled{opacity:.55;cursor:wait}.hik-native-player a{color:#79c8ff;text-decoration:none;padding:4px}.hik-native-player a:hover{text-decoration:underline}.hik-native-player small{display:block;color:#91a9c4;margin-top:7px}.hik-video-stage>.hik-native-player{position:absolute;inset:0}/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.block{display:block}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table-row{display:table-row}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}:root{color:#edf5ff;font-synthesis:none;--line:#5c70ff61;--muted:#92a4c7;--cyan:#27d7ff;--violet:#8067ff;--scrollbar-track:#06132b;--scrollbar-thumb:#285c9b;background:#030817;font-family:Microsoft YaHei,PingFang SC,Inter,sans-serif}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb)var(--scrollbar-track)}body{background:radial-gradient(circle at 50% 10%,#13205b 0,#08132e 32%,#030817 72%);min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}button,input{font:inherit}.app-shell{background-image:linear-gradient(#2458b40a 1px,#0000 1px),linear-gradient(90deg,#2458b40a 1px,#0000 1px);background-size:30px 30px;min-height:100vh}.topbar{z-index:50;background:#020616f0;border-bottom:1px solid #2d4ed4;align-items:center;height:72px;padding:0 22px;display:flex;position:sticky;top:0;box-shadow:0 6px 28px #001f7d52}.brand{white-space:nowrap;align-items:center;gap:12px;margin-right:28px;display:flex}.brand strong{letter-spacing:1px;text-shadow:0 0 16px #559cff73;font-size:24px}.brand-mark{color:#39c7ff;clip-path:polygon(50% 0,96% 18%,88% 75%,50% 100%,12% 75%,4% 18%);filter:drop-shadow(0 0 8px #1784ff);background:linear-gradient(145deg,#193688,#071336);place-items:center;width:39px;height:43px;display:grid}.nav{align-self:stretch;gap:4px;display:flex}.nav a{color:#aab8d8;align-items:center;padding:0 22px;font-size:15px;text-decoration:none;display:flex;position:relative}.nav a:hover{color:#fff}.nav a.active{color:#fff;text-shadow:0 0 10px #998aff;background:linear-gradient(#533bdd61,#273ca512)}.nav a.active:after{content:"";background:#7662ff;height:3px;position:absolute;bottom:0;left:8px;right:8px;box-shadow:0 0 14px #7662ff}.top-actions{align-items:center;gap:9px;margin-left:auto;display:flex}.select-button,.date-button,.search{color:#b7c4df;background:#060b20;border:1px solid #5c70ff38;border-radius:5px;height:36px}.select-button,.date-button{align-items:center;gap:26px;padding:0 12px;display:flex}.date-button{gap:18px}.search{width:230px;display:flex}.search input{color:#dbe8ff;background:0 0;border:0;outline:0;flex:1;min-width:0;padding:0 12px}.search button,.icon-button,.quiet-button,.text-button,.range-button{color:#9aa9ca;cursor:pointer;background:0 0;border:0}.search button{padding:0 10px}.icon-button{padding:7px;position:relative}.notification span{color:#fff;background:#e83954;border-radius:20px;padding:1px 5px;font-size:11px;position:absolute;top:-5px;right:1px}.menu-button{color:#fff;background:0 0;border:0;display:none}.dashboard{max-width:1920px;margin:auto;padding:14px}.metrics{grid-template-columns:repeat(5,1fr);gap:13px;margin-bottom:14px;display:grid}.metric-card{border:1px solid var(--line);background:linear-gradient(125deg,#0e1944f5,#081033d1);border-radius:9px;align-items:center;gap:20px;height:100px;padding:16px 20px;display:flex;box-shadow:inset 0 0 25px #2646b51f,0 0 15px #1629702e}.metric-card:hover{border-color:#6984ffad;transform:translateY(-2px)}.metric-icon{background:#0000002b;border:1px solid;border-radius:50%;place-items:center;width:61px;height:61px;display:grid;box-shadow:0 0 24px}.metric-card span{color:#b9c7e1;font-size:14px;display:block}.metric-card strong{letter-spacing:1px;font-size:32px;line-height:1.2}.metric-card small{color:#aab8d4;margin-left:7px;font-size:13px}.metric-card.green{color:#37efba}.metric-card.red{color:#ff546e}.metric-card.blue{color:#2acdfd}.metric-card.violet{color:#d24cff}.metric-card.amber{color:#ffad3c}.main-grid{grid-template-columns:360px minmax(560px,1fr) 360px;gap:12px;height:525px;display:grid}.left-column,.right-column{grid-template-rows:1fr 1.36fr;gap:12px;display:grid}.right-column{grid-template-rows:1.3fr 1fr}.panel,.map-panel{border:1px solid var(--line);background:linear-gradient(155deg,#0a1539f0,#050d2ae6);border-radius:7px;overflow:hidden;box-shadow:inset 0 0 20px #2739851f}.panel-heading{background:linear-gradient(90deg,#253b902e,#0000);border-bottom:1px solid #5b70ef42;align-items:center;height:39px;padding:0 16px;display:flex}.panel-heading h2{letter-spacing:.5px;margin:0;font-size:16px}.panel-heading>:last-child{margin-left:auto}.panel-body{height:calc(100% - 39px)}.status-wrap{align-items:center;height:100%;padding:8px 14px;display:flex}.donut{background:conic-gradient(#12be8c 0 65.4%,#ff9b33 65.4% 89.9%,#7580a4 89.9%);border-radius:50%;place-items:center;width:145px;height:145px;display:grid;position:relative}.donut:after{content:"";background:#07112f;border-radius:50%;position:absolute;inset:26px}.donut div{z-index:1;text-align:center}.donut strong{font-size:28px;display:block}.donut span{color:#aebcda;font-size:13px}.legend{flex:1;gap:17px;padding-left:24px;display:grid}.legend div{grid-template-columns:10px 1fr auto;align-items:center;gap:9px;font-size:13px;display:grid}.legend i,.map-legend i{background:#13cb92;border-radius:50%;width:10px;height:10px;box-shadow:0 0 8px}.legend i.amber,.map-legend i.amber{background:#f89b34}.legend i.slate,.map-legend i.slate{background:#7d86a9}.legend small{color:#8e9ab6;grid-column:3;font-size:11px}.trend-chart{height:100%;padding:6px 13px 12px;position:relative}.trend-chart svg{width:100%;height:68%;overflow:visible}.trend-chart text{fill:#bfc9e1;font-size:9px}.grid-lines{flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:20px 14px 67px}.grid-lines i{border-top:1px solid #5c70b124}.chart-dates{color:#7888aa;justify-content:space-around;font-size:10px;display:flex}.chart-key{color:#8d9dbc;justify-content:center;align-items:center;margin-top:17px;font-size:11px;display:flex}.chart-key i{border-top:2px solid #7968ff;width:24px;margin-right:7px;position:relative}.chart-key i:after{content:"";background:#7968ff;border-radius:50%;width:7px;height:7px;position:absolute;top:-4px;left:8px}.range-button{align-items:center;gap:3px;font-size:11px;display:flex}.map-panel{background:radial-gradient(#142357 0,#081634 48%,#050d25);position:relative;overflow:hidden}.map-grid{transform-origin:50%;transition:transform .25s;position:absolute;inset:0}.map-grid:before{content:"";background-image:linear-gradient(24deg,#0000 47%,#265d8f2e 48% 50%,#0000 51%),linear-gradient(116deg,#0000 48%,#265d8f26 49% 51%,#0000 52%);background-size:73px 58px;position:absolute;inset:0}.ring{border:3px solid #4c63f485;border-radius:48% 52% 43% 57%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-8deg);box-shadow:0 0 12px #6752ff40}.r1{width:29%;height:30%}.r2{border-color:#2a8ada6e;width:55%;height:58%}.r3{border-color:#864be561;width:86%;height:91%}.road{transform-origin:50%;background:linear-gradient(90deg,#0000,#2d72b5 15%,#7750c9 60%,#0000);width:86%;height:3px;position:absolute;top:50%;left:7%;box-shadow:0 0 5px #357fe880}.road-1{transform:rotate(12deg)}.road-2{transform:rotate(-18deg)}.road-3{transform:rotate(38deg)}.road-4{transform:rotate(64deg)}.road-5{transform:rotate(93deg)}.road-6{transform:rotate(128deg)}.road-7{top:28%;transform:rotate(-5deg)}.road-8{top:73%;transform:rotate(8deg)}.road-9{left:25%;transform:rotate(78deg)}.road-10{left:-12%;transform:rotate(45deg)}.road-11{top:16%;left:18%;transform:rotate(24deg)}.road-12{top:82%;left:25%;transform:rotate(-26deg)}.zone{background:#1853a621;border:2px dashed #297cff;width:15%;height:36%;position:absolute;top:28%;right:10%;transform:rotate(15deg);box-shadow:inset 0 0 24px #1964ff1c}.city{text-shadow:0 0 14px #608bff;font-size:23px;font-weight:700;position:absolute;top:38%;left:46%}.district{color:#7f92b8;font-size:13px;position:absolute}.vehicle-marker{color:#47e4a5;cursor:pointer;z-index:3;background:#0a1630;border:2px solid;border-radius:6px;place-items:center;width:31px;height:31px;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 10px}.vehicle-marker.amber{color:#ffac3d}.vehicle-marker.red{color:#ff526c}.vehicle-marker.cyan{color:#2fd4ff}.vehicle-marker.selected{background:currentColor;transform:translate(-50%,-50%)scale(1.17)}.vehicle-marker.selected svg{color:#071126}.map-controls{gap:9px;display:grid;position:absolute;top:15px;right:14px}.map-controls button{color:#dae5ff;cursor:pointer;background:#050c23e0;border:1px solid #7b8fff59;border-radius:5px;place-items:center;width:38px;height:38px;display:grid}.map-controls button:hover{color:#3fd6ff;border-color:#3fd6ff}.vehicle-popup{background:linear-gradient(145deg,#081033fa,#0b1642f5);border:1px solid #7d73ff;border-radius:8px;width:230px;padding:14px;position:absolute;top:12%;right:25%;box-shadow:0 0 22px #4047e038}.popup-title{justify-content:space-between;align-items:center;margin-bottom:11px;display:flex}.popup-title strong{font-size:16px}.popup-title span{color:#8c9ab8;font-size:11px}.popup-title i{background:#20dc9d;border-radius:50%;width:7px;height:7px;display:inline-block}.vehicle-popup p{color:#a3b1ce;margin:7px 0;font-size:11px}.vehicle-popup b{color:#dce7ff}.map-legend{background:#050d25d6;border:1px solid #5371c257;border-radius:5px;gap:9px;padding:11px 13px;font-size:11px;display:grid;position:absolute;bottom:18px;left:16px}.map-legend span{align-items:center;gap:8px;display:flex}.alert-list{display:grid}.alert-list button{text-align:left;color:#e9f1ff;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #4e60af2e;grid-template-columns:31px 1fr auto;align-items:center;padding:7px 12px;display:grid}.alert-list button:hover,.alert-list button.active{background:linear-gradient(90deg,#2f48ae3b,#0000)}.alert-list svg{color:#ff9e36;width:22px}.alert-list svg.red{color:#ff4f69}.alert-list svg.violet{color:#a979ff}.alert-list span strong{font-size:13px;display:block}.alert-list small{color:#71809e;margin-top:2px;font-size:10px;display:block}.alert-list small b{margin:0 7px}.alert-list em{color:#ff9b34;background:#ff9b341a;border:1px solid;border-radius:3px;padding:3px 8px;font-size:11px;font-style:normal}.alert-list em.red{color:#ff526b}.alert-list em.violet{color:#b377ff}.view-more{color:#7289ff;cursor:pointer;background:0 0;border:0;align-items:center;gap:3px;margin:6px auto 0;font-size:11px;display:flex}.text-button{align-items:center;gap:2px;font-size:11px;display:flex}.ranking{gap:10px;padding:11px 14px 0;display:grid}.ranking>div{grid-template-columns:16px 85px 1fr 35px;align-items:center;gap:7px;font-size:11px;display:grid}.ranking>div>b{color:#cfd9ef}.ranking>div>span{color:#a6b3ce}.ranking>div>div{background:#101b43;height:9px}.ranking i{background:linear-gradient(90deg,#5d58ff,#3bc7ff);height:100%;display:block;box-shadow:0 0 8px #4c74ff99}.axis{color:#647492;justify-content:space-between;margin:7px 48px 0 126px;font-size:9px;display:flex}.axis-label{text-align:center;color:#647492;margin:4px 0;font-size:9px}.bottom-grid{grid-template-columns:46% 1fr;gap:12px;height:218px;margin-top:12px;display:grid}.feeds{grid-template-columns:repeat(3,1fr);gap:7px;height:100%;padding:8px;display:grid}.feed{cursor:pointer;background:#06102b;border:1px solid #6f85d859;border-radius:6px;padding:0;position:relative;overflow:hidden}.feed img{object-fit:cover;width:100%;height:100%;display:block}.feed:after{content:"";pointer-events:none;background:linear-gradient(#03071266,#0000 30%,#03071280);position:absolute;inset:0}.feed-label,.feed time,.live-dot,.play-overlay{z-index:2;position:absolute}.feed-label{color:#fff;background:#030816b8;border-radius:3px;padding:2px 6px;font-size:12px;top:5px;left:6px}.feed time{color:#fff;font-size:11px;bottom:5px;right:6px}.live-dot{background:#17df91;border-radius:50%;width:7px;height:7px;bottom:8px;left:8px;box-shadow:0 0 8px #17df91}.play-overlay{color:#fff;background:#03071259;place-items:center;display:grid;inset:0}.process-flow{justify-content:space-around;align-items:center;height:100%;padding:8px 20px;display:flex}.process-step{place-items:center;min-width:82px;display:grid;position:relative}.process-icon{color:#8070ff;border:2px solid;border-radius:50%;place-items:center;width:65px;height:65px;margin-bottom:7px;display:grid;box-shadow:0 0 18px,inset 0 0 18px #7259ff38}.process-icon svg{width:28px}.process-icon.red{color:#ff526b}.process-icon.blue{color:#427eff}.process-icon.cyan{color:#28d4ed}.process-icon.sky{color:#38a4ff}.process-step>strong{font-size:15px}.process-step>b{margin-top:2px;font-size:18px}.process-step>span{color:#8190ad;font-size:11px}.flow-arrow{color:#3cb8ff;border-top:2px solid #4f75ff;width:60px;position:absolute;top:25px;left:88%}.flow-arrow svg{width:21px;position:absolute;top:-13px;right:-11px}.placeholder-page{text-align:center;place-items:center;height:calc(100vh - 72px);display:grid}.placeholder-page>div{border:1px solid var(--line);background:#091233d1;border-radius:12px;padding:70px 100px}.placeholder-page svg{color:#35d4ff;width:58px;height:58px}.placeholder-page h1{font-size:30px}.placeholder-page p{color:#8fa0bf}.placeholder-page a{color:#fff;background:linear-gradient(90deg,#4c58dc,#6338ca);border-radius:5px;margin-top:18px;padding:10px 20px;text-decoration:none;display:inline-block}@media (min-width:1101px){html,body,#root,.app-shell{height:100%;overflow:hidden}.dashboard{grid-template-rows:clamp(76px,10.5vh,100px) minmax(0,1fr);gap:10px;height:calc(100vh - 72px);padding:10px 14px 12px;display:grid;overflow:hidden}.metrics{gap:10px;height:auto;min-height:0;margin:0}.metric-card{height:100%;min-height:0;padding-block:10px}.main-grid,.bottom-grid{height:auto;min-height:0;margin:0}.left-column,.right-column,.panel,.map-panel{min-height:0}.panel-heading{height:34px}.panel-body{height:calc(100% - 34px)}.feeds,.feed{min-height:0}}@media (max-width:1400px) and (min-width:1101px){.nav a{padding:0 8px;font-size:14px}.brand{margin-right:16px}.select-button,.date-button{display:none}.main-grid{grid-template-columns:300px minmax(500px,1fr) 300px}.vehicle-popup{right:18%}.brand strong{font-size:20px}.process-icon{width:52px;height:52px}.flow-arrow{width:36px}.metric-icon{width:52px;height:52px}.metric-card strong{font-size:28px}.metric-card{gap:14px}.status-wrap{padding:5px 11px}.donut{width:118px;height:118px}.donut:after{inset:22px}.legend{gap:9px;padding-left:16px}.alert-list button{padding:5px 10px}.ranking{gap:7px;padding-top:7px}.process-step>strong{font-size:14px}}@media (max-height:820px) and (min-width:1101px){.topbar{height:64px}.dashboard{grid-template-rows:82px minmax(0,1fr);gap:8px;height:calc(100vh - 64px);padding-top:8px}.brand strong{font-size:20px}.brand-mark{width:34px;height:37px}.metric-card{padding-inline:15px}.metric-icon{width:48px;height:48px}.metric-card strong{font-size:27px}.panel-heading{height:31px;padding-inline:12px}.panel-heading h2{font-size:14px}.panel-body{height:calc(100% - 31px)}.left-column,.right-column,.main-grid,.bottom-grid{gap:8px}.donut{width:105px;height:105px}.donut:after{inset:20px}.donut strong{font-size:23px}.legend{gap:6px}.legend div{font-size:11px}.legend small{font-size:9px}.trend-chart{padding-top:2px}.trend-chart svg{height:64%}.chart-key{margin-top:7px}.vehicle-popup{width:220px;padding:10px;top:9%}.vehicle-popup p{margin:5px 0}.map-controls{gap:6px;top:10px}.map-controls button{width:34px;height:34px}.alert-list button{padding:3px 9px}.alert-list span strong{font-size:12px}.alert-list small{font-size:9px}.view-more{margin-top:2px}.ranking{gap:5px;padding-top:6px}.ranking>div{font-size:10px}.axis{margin-top:4px}.axis-label{margin-top:2px}.feeds{padding:6px}.process-flow{padding:4px 14px}.process-icon{width:48px;height:48px;margin-bottom:3px}.process-icon svg{width:23px}.process-step>b{font-size:15px}.process-step>span{font-size:10px}.flow-arrow{top:22px}}@media (max-width:1100px){.topbar{height:64px}.menu-button{display:block}.nav{background:#050b20;border-bottom:1px solid #334bc3;flex-direction:column;height:auto;padding:8px 16px;display:none;position:absolute;top:64px;left:0;right:0}.nav.open{display:flex}.nav a{padding:13px}.metrics{grid-template-columns:repeat(3,1fr)}.main-grid{grid-template-columns:1fr 1fr;height:auto}.map-panel{grid-area:1/1/auto/-1;height:520px}.left-column,.right-column{height:520px}.bottom-grid{grid-template-columns:1fr;height:auto}.video-panel{height:240px}.process-panel{height:220px}}@media (max-width:700px){.topbar{padding:0 12px}.brand strong{font-size:16px}.brand-mark{width:32px;height:36px}.search{display:none}.dashboard{padding:9px}.metrics{grid-template-columns:1fr 1fr;gap:8px}.metric-card{gap:12px;height:82px;padding:10px}.metric-card:nth-child(3){grid-column:1/-1}.metric-icon{width:47px;height:47px}.metric-card strong{font-size:25px}.main-grid{flex-direction:column;display:flex}.map-panel{order:-1;height:480px}.left-column,.right-column{flex-direction:column;height:auto;display:flex}.left-column .panel,.right-column .panel{height:270px}.vehicle-popup{width:215px;top:14px;left:14px;right:auto}.bottom-grid{display:block}.video-panel{height:520px}.feeds{grid-template-columns:1fr}.process-panel{height:auto;margin-top:10px}.process-flow{flex-wrap:wrap;gap:18px;padding:20px}.flow-arrow{display:none}.placeholder-page>div{margin:15px;padding:45px 24px}}.panel-heading h2:first-child:last-child{margin-left:0}.alerts-panel .panel-body{flex-direction:column;min-height:0;display:flex;overflow:hidden}.alerts-panel .alert-list{overscroll-behavior:contain;scrollbar-gutter:stable;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden auto}.alerts-panel .alert-list>button{flex:none;grid-template-columns:26px minmax(0,1fr) auto;column-gap:8px;min-height:62px;padding:9px 12px}.alerts-panel .alert-list>button>svg{flex:none;width:22px;height:22px}.alerts-panel .alert-list>button>span{min-width:0}.alerts-panel .alert-list strong,.alerts-panel .alert-list small{text-overflow:ellipsis;white-space:nowrap;line-height:1.5;overflow:hidden}.alerts-panel .alert-list strong{font-size:13px}.alerts-panel .alert-list small{margin-top:3px;font-size:11px}.alerts-panel .alert-list em{white-space:nowrap;line-height:1.4}.alerts-panel .alert-list>button:focus-visible{outline-offset:-2px;outline:2px solid #55a4ff}.amap-surface{background-color:#071a38;background-image:linear-gradient(28deg,#0000 47%,#2475be47 48% 49%,#0000 50%),linear-gradient(112deg,#0000 47%,#524dcd4d 48% 49%,#0000 50%),radial-gradient(circle at 50% 46%,#102b57 0,#071a38 58%,#041027);background-size:120px 82px,150px 108px,100% 100%;position:absolute;inset:0}.amap-surface:after{content:"";pointer-events:none;background:linear-gradient(#060d251f,#040a1d33);position:absolute;inset:0;box-shadow:inset 0 0 35px #050b23cc}.amap-vehicle-marker{color:#39e8a7;cursor:pointer;background:#071630;border:2px solid;border-radius:7px;place-items:center;width:32px;height:32px;padding:0;transition:transform .18s,filter .18s;display:grid;box-shadow:0 0 8px,0 0 18px}.amap-vehicle-marker:hover,.amap-vehicle-marker:focus-visible{filter:brightness(1.25);outline:none;transform:scale(1.17)}.amap-vehicle-marker.cyan{color:#27d7ff}.amap-vehicle-marker.slate{color:#7d89a5;box-shadow:0 0 5px #7d89a5b3,0 0 12px #7d89a573}.amap-vehicle-marker.red{color:#ff526d;animation:1.3s ease-in-out infinite vehicle-alarm-pulse}.amap-vehicle-marker svg{display:block}@keyframes vehicle-alarm-pulse{0%,to{box-shadow:0 0 8px,0 0 18px}50%{filter:brightness(1.25);box-shadow:0 0 12px,0 0 30px}}.amap-vehicle-marker.selected{filter:brightness(1.3);z-index:1;transform:scale(1.2);box-shadow:0 0 12px,0 0 26px}.amap-vehicle-cluster{color:#fff;cursor:pointer;background:#08234ef0;border:2px solid #54c8ff;border-radius:50%;width:40px;height:40px;font-size:14px;font-weight:700;box-shadow:0 0 0 5px #328ee833,0 0 18px #33c2ffcc}.amap-vehicle-cluster:hover,.amap-vehicle-cluster:focus-visible{outline-offset:2px;background:#15518b;outline:2px solid #b3e9ff}.map-legend i.red{background:#ff526d}.popup-title i.green{background:#25e6a0}.popup-title i.amber{background:#ffab36}.popup-title i.slate{background:#7d89a5}.popup-title i.red{background:#ff526d;box-shadow:0 0 8px #ff526d}.track-playback-marker{background:#071630;border:2px solid #31f0aa;border-radius:50%;place-items:center;width:40px;height:40px;display:grid;position:relative;box-shadow:0 0 10px #31f0aa,0 0 24px #31f0aacc}.track-direction-wrap{place-items:center;width:26px;height:26px;transition:transform .2s linear;display:grid}.track-direction-arrow{filter:drop-shadow(0 0 5px #31f0aa);border-bottom:23px solid #31f0aa;border-left:8px solid #0000;border-right:8px solid #0000;width:0;height:0}.track-direction-arrow:after{content:"";background:#31f0aa;width:6px;height:12px;margin:10px 0 0 -3px;position:absolute}.track-marker-info{color:#dcecff;white-space:pre;text-align:left;pointer-events:none;background:#04112bf0;border:1px solid #37dca8;border-radius:5px;min-width:230px;padding:7px 10px;font-size:11px;line-height:17px;position:absolute;bottom:47px;left:50%;transform:translate(-50%);box-shadow:0 0 14px #31f0aa47}.track-marker-info:after{content:"";border:6px solid #0000;border-top-color:#37dca8;border-bottom:0;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.timebar.draggable{position:relative}.timebar.draggable input[type=range]{opacity:0;cursor:grab;z-index:4;width:100%;height:24px;position:absolute;inset:-8px 0}.timebar.draggable input[type=range]:active{cursor:grabbing}.timebar.draggable em{pointer-events:none;transition:left .18s linear}.timeline-key .offline:before{background:#7d86a9}.map-loading{color:#6edcff;letter-spacing:1px;z-index:4;background:#07132f;place-items:center;font-size:14px;display:grid;position:absolute;inset:0}.map-loading.error{color:#ff6e84}.map-controls,.vehicle-popup,.map-legend{z-index:8}.map-controls button.active{color:#2fd7ff;border-color:#2fd7ff;box-shadow:0 0 12px #2fd7ff4d}.vehicle-popup.anchored{pointer-events:none;width:230px;top:auto;right:auto;transform:translate(-50%,calc(-100% - 28px))}.vehicle-popup.anchored:after{content:"";background:#0a1540;border-bottom:1px solid #7d73ff;border-right:1px solid #7d73ff;width:20px;height:20px;position:absolute;bottom:-11px;left:50%;transform:translate(-50%)rotate(45deg);box-shadow:5px 5px 12px #4047e029}.realtime-page .vehicle-float{display:none}.map-vehicle-popup{z-index:16}.fleet-root,.fleet-team{flex-direction:column;display:flex}.fleet-node{color:#c5d3e8;text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;width:100%;height:43px;padding:0 10px;display:flex}.fleet-node:hover{background:#1f4d8438}.fleet-node span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.fleet-node b{color:#9eb9de;font-size:12px;font-weight:500}.fleet-all{font-weight:600}.fleet-vehicle{color:#d5e1f1;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;grid-template-columns:10px 20px minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;height:52px;padding:0 10px 0 36px;display:grid}.fleet-vehicle:hover,.fleet-vehicle.active{background:linear-gradient(90deg,#173e9b,#102b66);border-color:#326df0}.fleet-vehicle>i{background:#39dda1;border-radius:50%;width:7px;height:7px}.fleet-vehicle>i.stop{background:#ffad35}.fleet-vehicle>svg{color:#a9bad2;width:18px}.fleet-vehicle>strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:14px;font-weight:600;overflow:hidden}.fleet-vehicle>span{color:#a5c7ed;white-space:nowrap;font-size:11px}.fleet-empty{color:#607695;margin:0;padding:8px 16px 10px 64px;font-size:11px}.amap-logo,.amap-copyright{opacity:.45!important}.amap-container{font-family:Microsoft YaHei,PingFang SC,sans-serif}.subpage{color:#dce8ff;height:calc(100vh - 72px);padding:10px 14px 12px;overflow:hidden}.glass,.fleet-tree,.vehicle-side,.query-side,.timeline,.linked-video,.camera-tree,.monitor-work,.ptz,.station-list,.station-main,.station-side,.order-detail,.incident-info,.evidence-center,.verify-side{background:linear-gradient(145deg,#061930f5,#050e27f0);border:1px solid #3f69be61;border-radius:6px;overflow:hidden}.glass-title{border-bottom:1px solid #4566b340;align-items:center;height:34px;padding:0 13px;display:flex}.glass-title h2{margin:0;font-size:15px}.suite-tabs{align-items:center;gap:4px;height:34px;display:flex}.suite-tabs a{color:#91a4c5;border:1px solid #0000;padding:8px 18px;text-decoration:none}.suite-tabs a.active{color:#fff;background:#1567ae4d;border-color:#237bc5;box-shadow:0 0 13px #1f9eff3d}.sub-metrics{grid-auto-columns:1fr;grid-auto-flow:column;gap:10px;min-height:78px;display:grid}.sub-metric{background:#09183fd1;border:1px solid #4163c259;border-radius:6px;align-items:center;gap:14px;padding:12px 20px;display:flex}.sub-metric>svg{color:#28cfff;filter:drop-shadow(0 0 8px);background:#0b2851;border-radius:50%;width:42px;height:42px;padding:8px}.sub-metric span{color:#aebdda;font-size:13px}.sub-metric strong{color:#fff;font-size:27px;display:block}.sub-metric.red>svg,.sub-metric.red strong{color:#ff6376}.sub-metric.green>svg{color:#45df8a}.sub-metric.amber>svg{color:#ffac3e}.filterbar{background:#051430eb;border:1px solid #3c60b059;border-radius:5px;align-items:center;gap:10px;min-height:50px;padding:8px 12px;display:flex}.filterbar label{color:#8fa1c1;align-items:center;gap:8px;font-size:12px;display:flex}.filterbar select,.filterbar button,.filterbar input,.suite-tabs+select,.ptz select,.verify-side select,.verify-side textarea{color:#bcd0ee;background:#07152f;border:1px solid #4f6cb361;border-radius:3px;height:32px;padding:0 12px}.filterbar button{align-items:center;gap:7px;display:flex}.filterbar svg{width:15px}.filter-search{border:1px solid #4f6cb361;height:32px;margin-left:auto;padding:0 10px}.filter-search input{background:0 0;border:0;padding:0}.primary-btn{box-shadow:0 0 12px #3e4aff40;color:#fff!important;background:linear-gradient(90deg,#176eda,#573ee8)!important;border-color:#5a73ff!important}.page-amap{background-color:#071a38;background-image:linear-gradient(25deg,#0000 47%,#2678c44d 48% 49%,#0000 50%),linear-gradient(116deg,#0000 47%,#6f4ddc47 48% 49%,#0000 50%),radial-gradient(circle,#13305d,#07152e 68%);background-size:112px 78px,145px 102px,100% 100%;position:absolute;inset:0}.map-api-warning{z-index:20;color:#ffd09a;white-space:nowrap;background:#49230ae6;border:1px solid #a85b26;border-radius:4px;padding:7px 12px;font-size:12px;position:absolute;top:14px;left:50%;transform:translate(-50%)}.line-chart{width:100%;height:calc(100% - 36px);padding:15px}.mini-table{padding:5px 10px;display:grid}.mini-table>div{border-bottom:1px solid #3d578d38;grid-template-columns:24px 1.1fr 1fr auto;align-items:center;gap:8px;min-height:31px;font-size:11px;display:grid}.mini-table em{color:#44d67f;font-style:normal}.data-table{padding:0 10px}.table-head,.table-row{border-bottom:1px solid #38589147;grid-template-columns:35px 1.35fr 1fr 1fr 1fr .8fr;align-items:center;min-height:37px;font-size:12px;display:grid}.table-head{color:#8fa3c7}.table-row b{color:#dce9ff;font-weight:500}.table-row em{color:#ffc056;font-style:normal}.pagination{align-items:center;gap:8px;padding:8px;display:flex}.pagination button{color:#aabadd;background:#07162f;border:1px solid #244378;width:30px;height:27px}.pagination button:first-of-type{color:#fff;background:#3750e8}.realtime-page{grid-template-columns:275px 1fr 300px;gap:9px;display:grid}.tree-search{border:1px solid #21406d;align-items:center;height:34px;padding:0 9px;display:flex}.tree-search svg{width:16px}.tree-search input{color:#fff;background:0 0;border:0;outline:0;flex:1;min-width:0;padding-left:8px}.status-chips{gap:5px;margin:10px 0;display:flex}.status-chips b{color:#91a5c4;border:1px solid #23427c;padding:6px;font-size:11px}.fleet-tree h3{font-size:13px}.fleet-tree>button{color:#c8d4ea;background:0 0;border:0;align-items:center;gap:8px;width:100%;height:42px;padding:0 10px;display:flex}.fleet-tree>button.active{background:linear-gradient(90deg,#172c85,#102b66);border:1px solid #415cff}.fleet-tree>button svg{width:17px}.fleet-tree>button span{margin-left:auto;font-size:11px}.fleet-tree>p{color:#9cacca;padding:5px 8px;font-size:12px}.live-map{border:1px solid #284f91;position:relative;overflow:hidden}.speed-alert{color:#ff697a;background:#4e0a1bd6;border:1px solid #a52e42;gap:8px;padding:10px 15px;display:flex;position:absolute;top:10px;right:10px}.speed-alert svg{width:17px}.speed-alert small{color:#c6a0a7;display:block}.vehicle-float{background:#051234f2;border:1px solid #6069f4;border-radius:6px;width:210px;padding:14px;position:absolute;top:15%;right:28%}.vehicle-float span{float:right;color:#42df99;font-size:11px}.vehicle-float p{color:#9badc9;font-size:11px}.vehicle-float a{text-align:center;color:#2bb4ff;border:1px solid #2853a6;padding:5px;text-decoration:none;display:block}.side-head{justify-content:space-between;display:flex}.side-head h2{margin:0;font-size:20px}.side-head span{color:#42df99;font-size:12px}.truck-card{grid-template-columns:70px 1fr;margin:20px 0;display:grid}.truck-card svg{grid-row:1/3;width:55px;height:55px}.truck-card small{color:#8da0c0}.tabs-line{border-bottom:1px solid #1c3b70;gap:20px;padding:9px 0;font-size:12px;display:flex}.tabs-line b{color:#39bfff;border-bottom:2px solid #39bfff}.speed-box{justify-content:space-between;margin:25px 0;display:flex}.speed-box strong{color:#36ebae;font-size:34px}.speed-box small{font-size:12px}.info-grid{grid-template-columns:1fr 1fr;display:grid}.info-grid p{color:#8fa1be}.info-grid b{color:#fff;margin-top:8px;display:block}.camera-strip{grid-template-columns:repeat(3,1fr);gap:4px;margin-top:20px;display:grid}.camera-strip img{object-fit:cover;width:100%;height:74px}.realtime-page{grid-template-columns:315px minmax(0,1fr) 335px;gap:10px;position:relative}.fleet-tree{padding:9px 8px}.fleet-tree .tree-search{height:38px}.fleet-tree .tree-search svg:last-child{border-left:1px solid #28476f;margin-left:7px;padding-left:7px}.status-chips{grid-template-columns:repeat(4,1fr);gap:5px;margin:9px 0 13px;display:grid}.status-chips b{text-align:center;padding:7px 3px}.status-chips b:nth-child(2){color:#42d991}.status-chips b:nth-child(3){color:#ffaf3f}.status-chips b:nth-child(4){color:#bac6dc}.fleet-root h3,.fleet-root h4,.fleet-root p{color:#aebed6;align-items:center;margin:0;font-weight:500;display:flex}.fleet-root h3{height:38px;font-size:13px}.fleet-root h4{height:38px;padding-left:17px;font-size:13px}.fleet-root h3 span,.fleet-root h4 span,.fleet-root p span{margin-left:auto}.fleet-root button{color:#c6d3e8;text-align:left;background:0 0;border:0;grid-template-columns:7px 19px 1fr auto;align-items:center;gap:8px;width:calc(100% + 16px);height:43px;margin-left:-8px;padding:0 13px 0 42px;display:grid}.fleet-root button.active{background:linear-gradient(90deg,#1e3284f2,#0d2a60eb);border:1px solid #3a68ff;box-shadow:inset 0 0 18px #2957e133}.fleet-root button>i{background:#37d798;border-radius:50%;width:6px;height:6px}.fleet-root button>i.stop{background:#ffad36}.fleet-root button svg{width:17px}.fleet-root button span{color:#9dafca;font-size:11px}.fleet-root p{height:47px;padding:0 10px 0 17px;font-size:12px}.live-map{border-radius:6px}.speed-alert{align-items:flex-start;width:240px;padding:7px 10px;top:8px;right:8px}.speed-alert div{flex:1}.speed-alert b{font-size:12px;display:block}.speed-alert small{margin-top:3px;font-size:9px}.speed-alert button{color:#be8390;background:0 0;border:0}.vehicle-float{width:225px;padding:13px;top:13%;right:25%}.vehicle-float strong{font-size:15px}.vehicle-float p{margin:7px 0}.map-vehicle-stats{color:#91a4c3;background:linear-gradient(90deg,#040e27f5,#05112dd9,#05112d47);grid-template-rows:48px 20px;grid-template-columns:repeat(4,110px);align-items:start;gap:0 15px;height:105px;padding:18px 24px 8px;font-size:11px;display:grid;position:absolute;bottom:0;left:0;right:0}.map-vehicle-stats span{border-right:1px solid #4c69a438}.map-vehicle-stats b{color:#e4edff;margin-top:7px;font-size:17px;display:block}.map-vehicle-stats span:nth-child(2) b{color:#39dc98}.map-vehicle-stats span:nth-child(3) b{color:#ff6c75}.map-vehicle-stats small{font-size:9px;font-weight:400}.map-vehicle-stats em{color:#7185a7;grid-column:1/4;font-size:10px;font-style:normal}.vehicle-side{padding:11px 12px}.side-head{align-items:center;height:36px}.side-head h2{font-size:18px}.side-head span{margin-left:8px;margin-right:auto}.side-head button{color:#8ea1c0;background:0 0;border:0;font-size:18px}.truck-card{grid-template-rows:1fr 1fr;grid-template-columns:64px 1fr 1fr;gap:8px 12px;margin:12px 0}.truck-card svg{color:#b9c9ec;background:#10244d;grid-row:1/3;width:52px;height:52px;padding:8px}.truck-card span{flex-direction:column;display:flex}.truck-card span:last-child{grid-column:2/4}.truck-card small{font-size:10px}.truck-card b{margin-top:3px;font-size:11px}.vehicle-side .tabs-line{justify-content:space-between;gap:5px;padding:10px 2px}.speed-box{border-bottom:1px solid #2b487c4d;min-height:105px;margin:14px 0;padding:10px 4px}.speed-box>span{flex-direction:column;align-items:flex-start;min-width:45%;display:flex;position:relative}.speed-box strong{font-size:30px}.speed-box strong em{color:#9dacca;font-size:11px;font-style:normal}.speed-box span>i{color:#8497b8;font-size:10px;font-style:normal}.speed-box span>b{color:#ff7380;background:#461522;border:1px solid #7e2635;margin-top:5px;padding:3px 7px;font-size:10px}.speed-box .direction{color:#e3edff;font-size:19px}.speed-box .direction em{color:#dce8fb;font-size:13px;display:block}.info-grid{border-bottom:1px solid #2b487c4d}.info-grid p{border-top:1px solid #2b487c40;border-right:1px solid #2b487c40;min-height:70px;margin:0;padding:10px 5px;font-size:10px}.info-grid b{font-size:14px}.load-line{background:linear-gradient(90deg,#28a9ff 61%,#17294a 61%);width:70%;height:4px;margin-top:9px;display:block}.gps-bars{color:#5fdc76!important}.gps-bars small{color:#91a4c1}.latest-position{grid-template-columns:1fr auto;gap:6px;padding:13px 5px;font-size:10px;display:grid}.latest-position span,.latest-position small{color:#8598b7}.latest-position b{font-size:10px}.latest-position time{color:#aebed5}.vehicle-actions{grid-template-columns:repeat(3,1fr);gap:5px;display:grid}.vehicle-actions a,.vehicle-actions button{color:#9eb1cf;background:#071a38;border:1px solid #28497a;justify-content:center;align-items:center;gap:4px;height:34px;font-size:10px;text-decoration:none;display:flex}.vehicle-actions svg{width:14px}.vehicle-health,.recent-events{border-top:1px solid #2b487c6b;margin-top:11px}.vehicle-health header,.recent-events header{justify-content:space-between;align-items:center;height:34px;font-size:12px;display:flex}.vehicle-health header span{color:#45dc91;border:1px solid #38d79173;border-radius:10px;margin:0;padding:2px 7px;font-size:9px}.health-grid{background:#05142e9e;border:1px solid #2b487c52;grid-template-columns:1fr 1fr;display:grid}.health-grid span{border-bottom:1px solid #2b487c47;border-right:1px solid #2b487c47;min-width:0;margin:0;padding:7px 8px}.health-grid small,.recent-events small{color:#7f94b5;font-size:9px;display:block}.health-grid b{color:#cfe0f6;margin-top:3px;font-size:11px;display:block}.health-grid span:nth-child(-n+2) b{color:#46db94}.recent-events header a{color:#44baff;font-size:9px;text-decoration:none}.recent-events>div{border-top:1px solid #2b487c40;grid-template-columns:8px 1fr auto;align-items:center;gap:8px;min-height:38px;display:grid}.recent-events i{background:#42d892;border-radius:50%;width:7px;height:7px;box-shadow:0 0 7px}.recent-events i.danger{color:#ff6172;background:#ff6172}.recent-events span{margin:0}.recent-events span b{font-size:10px}.recent-events time{color:#8296b5;font-size:9px}.live-video-panel{z-index:12;background:#040e2af7;border:1px solid #31539b;border-radius:7px;width:45%;height:220px;position:absolute;bottom:15px;right:15px;overflow:hidden;box-shadow:0 0 22px #000f3cb3}.live-video-panel header{border-bottom:1px solid #223d70;justify-content:space-between;align-items:center;height:36px;padding:0 12px;font-size:12px;display:flex}.live-video-panel header span{color:#8093b2}.live-feeds{grid-template-columns:repeat(3,1fr) 74px;gap:5px;height:calc(100% - 36px);padding:4px;display:grid}.live-feeds figure{border:1px solid #1d416f;margin:0;position:relative;overflow:hidden}.live-feeds img{object-fit:cover;width:100%;height:100%}.live-feeds figcaption{background:#030c1cbf;padding:2px 5px;font-size:10px;position:absolute;top:4px;left:5px}.live-feeds figure small{color:#47db91;font-size:9px;position:absolute;bottom:4px;left:6px}.video-tools{grid-template-rows:1fr 1fr;gap:5px;display:grid}.video-tools button{color:#b8c9e3;background:#0b2450;border:1px solid #284c87;flex-direction:column;justify-content:center;align-items:center;gap:5px;font-size:10px;display:flex}.video-tools svg{width:21px}.playback-page{grid-template-rows:78px minmax(0,1fr) 175px;grid-template-columns:260px 1fr 330px;gap:9px;display:grid}.query-side{grid-row:1/3;padding:10px}.query-side h2{font-size:15px}.query-side>button{text-align:left;color:#aebbd2;background:#07142f;border:1px solid #1f3868;width:100%;height:34px;margin:7px 0;padding:0 10px;display:block}.recent-row{border-bottom:1px solid #19325e;align-items:center;gap:8px;padding:9px;font-size:11px;display:flex}.recent-row svg{color:#329cff;width:18px}.recent-row span{color:#3de28c;margin-left:auto}.playback-center{grid-area:1/2/3;grid-template-rows:78px 1fr;gap:9px;display:grid}.route-map{border:1px solid #274985;position:relative;overflow:hidden}.route-legend{background:#040f2ae6;padding:10px;font-size:11px;position:absolute;top:12px;left:12px}.playback-right{grid-area:1/3/3;grid-template-rows:1.4fr .8fr;gap:9px;display:grid}.event-stats{justify-content:space-around;padding-top:28px;display:flex}.event-stats b{place-items:center;font-size:25px;display:grid}.event-stats svg{color:#2e9cff}.event-stats small{color:#92a2bf;font-size:11px;display:block}.timeline{grid-column:1/3;padding:10px 16px}.timeline h2,.linked-video h2{margin:0 0 7px;font-size:15px}.play-controls{align-items:center;gap:8px;display:flex}.play-controls button{color:#cce3ff;background:#0a1d48;border:1px solid #285099;min-width:45px;height:31px}.play-controls button.active{background:#2452c5}.play-controls svg{width:17px}.play-controls strong{margin-left:80px;font-size:18px}.timebar{background:linear-gradient(90deg,#36c66c 0 31%,#2e75dc 31% 39%,#ef4054 39% 41%,#31c96b 41% 60%,#e64250 60% 80%,#ffa12b 80% 90%,#3ccd72 90%);height:18px;margin:15px;position:relative}.timebar em{background:#2b8eff;width:2px;height:35px;position:absolute;top:-8px}.timeline-key{color:#9aabc8;font-size:11px}.linked-video{grid-column:3;padding:10px}.linked-video>div{grid-template-columns:1fr 1fr;gap:6px;height:130px;display:grid}.linked-video img{object-fit:cover;width:100%;height:100%}.time-scale{color:#7385a8;justify-content:space-between;margin:8px 15px 4px;font-size:9px;display:flex}.timebar{background:repeating-linear-gradient(90deg,#0000 0 calc(8.333% - 1px),#050f26cc calc(8.333% - 1px) 8.333%),linear-gradient(90deg,#36c66c 0 24%,#2e75dc 24% 31%,#31c96b 31% 38%,#ef4054 38% 40%,#31c96b 40% 58%,#2e75dc 58% 62%,#e64250 62% 79%,#ffa12b 79% 91%,#3ccd72 91%);border-radius:2px;height:12px;margin:0 15px 12px}.timebar em{height:29px;top:-8px;box-shadow:0 0 8px #2b8eff}.timebar em b{color:#fff;white-space:nowrap;background:#1685f5;border-radius:12px;padding:4px 6px;font-size:9px;font-style:normal;position:absolute;bottom:23px;left:50%;transform:translate(-50%);box-shadow:0 0 10px #1d8bffa6}.timebar em b:after{content:"";border:4px solid #0000;border-top-color:#1685f5;border-bottom:0;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)}.timeline-key{color:#9aabc8;align-items:center;gap:24px;margin:0 15px;display:flex}.timeline-key span:before{content:"";background:#36c66c;border-radius:50%;width:8px;height:8px;margin-right:7px;display:inline-block;box-shadow:0 0 7px}.timeline-key .stop:before{background:#2e75dc}.timeline-key .speeding:before{background:#ef4054}.timeline-key .fatigue:before{background:#ffa12b}.playback-page{padding:10px 14px 12px;gap:8px!important}.playback-center{display:contents}.playback-center>.sub-metrics{grid-area:1/2/auto/4;grid-template-columns:repeat(3,minmax(0,1fr)) 330px;grid-auto-flow:row;gap:8px;display:grid}.playback-center>.route-map{grid-area:2/2;min-width:0;min-height:0}.playback-right{grid-area:2/3;gap:8px}.query-side{grid-area:1/1/3}.timeline{grid-area:3/1/auto/3;margin-right:180px}.linked-video{grid-area:3/3;margin-left:-180px}.playback-center>.sub-metrics .sub-metric{height:100%;min-height:0;padding-inline:18px}.playback-center>.sub-metrics .sub-metric strong{white-space:nowrap}.playback-page .event-stats{padding-top:14px}.playback-page .event-stats b{font-size:22px;line-height:1.05}.playback-page .event-stats small{margin-top:4px}.query-side>button.recent-row{text-align:left;color:#c3d0e3;background:#07142f;border:1px solid #1f3868;grid-template-columns:22px minmax(0,1fr) 12px;align-items:center;gap:8px;height:43px;margin:7px 0;padding:0 12px;display:grid}.query-side>button.recent-row:hover,.query-side>button.recent-row.active{background:#0c2047;border-color:#3187e7}.query-side>button.recent-row.active{box-shadow:inset 3px 0 #329cff}.query-side>button.recent-row svg{color:#329cff;width:18px;height:18px}.query-side>button.recent-row b{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;overflow:hidden}.query-side>button.recent-row span{color:#3de28c;justify-self:end;margin:0;font-size:11px}.query-side>button.recent-row.offline span{color:#7d86a9}@media (max-width:1100px){.playback-center>.sub-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.timeline,.linked-video{margin-left:0;margin-right:0}}.play-controls{position:relative}.current-time-card{text-align:center;background:#06102a;border:1px solid #27447d;border-radius:5px;min-width:105px;padding:4px 14px;position:absolute;top:-3px;left:43%;transform:translate(-50%);box-shadow:inset 0 0 12px #1c489c26}.current-time-card b{color:#fff;letter-spacing:1px;font-size:16px;line-height:18px;display:block}.current-time-card small{color:#8497bb;font-size:9px;line-height:11px;display:block}.play-controls .current-time-card{margin-left:0}.time-scale{margin-top:13px}.timebar em{transform:translate(-1px)}.report-page,.alerts-page,.recognition-page{gap:8px;display:grid}.report-page{grid-template-rows:45px 85px 1fr}.report-grid{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr .48fr;gap:8px;min-height:0;display:grid}.trend-large{grid-column:1}.detail-table{grid-area:2/1}.bars{align-items:flex-end;gap:18px;height:calc(100% - 35px);padding:35px 20px 25px;display:flex}.bars>div{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;height:100%;display:flex;position:relative}.bars i{background:linear-gradient(#55d7ff,#1775e5);width:50%;box-shadow:0 0 15px #33a5ff40}.bars span{white-space:nowrap;margin-top:5px;font-size:9px}.bars b{color:#80dfff;font-size:10px;position:absolute;top:0}.big-donut{background:conic-gradient(#25c9ef 0 31%,#52c779 31% 53%,#ffab2f 53% 72%,#5b54e8 72% 90%,#8996b2 90%);border-radius:50%;place-items:center;width:160px;height:160px;margin:25px auto;display:grid}.big-donut:before{content:"";background:#071431;border-radius:50%;width:95px;height:95px;position:absolute}.big-donut b{z-index:1;text-align:center;font-size:20px}.big-donut small{color:#8da0c1;font-size:10px;display:block}.efficiency{padding:15px}.efficiency p{grid-template-columns:90px 1fr 40px;align-items:center;gap:10px;font-size:11px;display:grid}.efficiency i{background:linear-gradient(90deg,#256feb,#4ccfff);height:11px}.alerts-page{grid-template-rows:34px 78px 50px 1fr}.ledger-grid{grid-template-columns:1fr 340px;gap:8px;min-height:0;display:grid}.ledger-table .data-table{height:calc(100% - 72px)}.ledger-grid>aside{grid-template-rows:1fr 1fr;gap:8px;min-height:0;display:grid}.ledger-grid .line-chart{height:calc(100% - 32px)}.big-donut.alert{background:conic-gradient(#25c96b 0 40%,#ff9c25 40% 58%,#5f70ff 58% 78%,#c06cff 78%);width:140px;height:140px;margin:15px auto}.report-grid>.glass:nth-child(2){grid-column:2/4}.report-grid>.glass:nth-child(4){grid-area:2/2}.report-grid>.glass:nth-child(5){grid-area:2/3}.report-grid>.glass,.recognition-grid>*,.recognition-right>*,.recognition-charts>*,.ledger-grid>*{min-width:0;min-height:0}.detail-table,.records,.ledger-table{overflow:auto}.alerts-page{grid-template-rows:88px 82px minmax(0,1fr);gap:10px}.alerts-page .sub-metrics{gap:10px}.alerts-page .sub-metric{padding:10px 17px}.alerts-page .sub-metric>svg{width:45px;height:45px}.alerts-page .sub-metric strong{font-size:27px}.alert-filter{grid-template-columns:repeat(4,minmax(130px,.62fr)) minmax(280px,1.35fr) minmax(220px,1fr) 70px 62px;gap:10px;padding:9px 12px;display:grid}.alert-filter label{grid-template-rows:18px 34px;gap:3px;min-width:0;display:grid}.alert-filter select,.alert-filter>label>button{width:100%;height:34px}.alert-filter .alert-date button{white-space:nowrap;justify-content:flex-start;font-size:11px}.alert-filter .filter-search{grid-template-rows:none;height:34px;margin:21px 0 0;display:flex}.alert-filter>button{height:34px;margin-top:21px}.ledger-grid{grid-template-columns:minmax(0,1fr) 390px;gap:10px}.ledger-table{flex-direction:column;display:flex;overflow:hidden}.ledger-summary{color:#93a6c7;flex:0 0 48px;align-items:center;gap:16px;height:48px;padding:0 14px;font-size:12px;display:flex}.ledger-summary button{color:#b9c9e7;background:#152365;border:1px solid #304ca1;align-items:center;gap:6px;height:29px;padding:0 10px;display:flex}.ledger-summary svg{width:14px}.alert-table{flex:1;min-height:0;padding:0 6px;overflow:hidden}.alert-table-head,.alert-table-row{border-bottom:1px solid #38589147;grid-template-columns:32px 1.25fr .8fr .72fr .78fr .55fr 1fr 1.08fr .72fr 1fr;align-items:center;column-gap:7px;min-width:930px;padding:0 7px;font-size:11px;display:grid}.alert-table-head{color:#93a8ca;background:#121f5473;height:36px}.alert-table-row{color:#aebdd8;height:calc(10% - 3.6px);min-height:33px}.alert-table-row b{color:#dce9ff;font-weight:500}.alert-table-row em,.alert-table-row i{font-style:normal}.alert-table-row>i{color:#ffc66b;background:#4b2b10;border:1px solid #805222;border-radius:3px;justify-self:start;padding:3px 7px}.alert-table-row:nth-child(4n+2)>i{color:#ff8792;background:#491724;border-color:#843540}.level{text-align:center;border-radius:2px;justify-self:start;min-width:42px;padding:3px 6px}.level-严重{color:#ffd1d5;background:#611726;border:1px solid #9a2b3d}.level-较重{color:#ffd49b;background:#5a3010;border:1px solid #92501a}.level-一般{color:#c6e3c0;background:#173b28;border:1px solid #2f7045}.row-actions{color:#278dff;white-space:nowrap}.ledger-table .pagination{border-top:1px solid #3858913d;flex:0 0 45px;height:45px;padding:6px 12px}.ledger-table .pagination>span{color:#9aacca;margin-right:auto}.ledger-table .pagination b{color:#9aacca;font-size:11px;font-weight:400}.ledger-table .pagination small{color:#93a4c1;margin-left:auto}.ledger-grid>aside{grid-template-rows:1fr 1.15fr;gap:10px}.ledger-grid>aside>.glass{position:relative;overflow:hidden}.chart-range{color:#899dbd;background:#091831;border:1px solid #243f72;height:25px;padding:0 9px;font-size:10px;position:absolute;top:5px;right:10px}.alert-trend{color:#9aaac5;height:calc(100% - 34px);padding:10px 16px 7px;font-size:10px}.alert-trend>span{height:17px;display:block}.alert-trend svg{width:100%;height:calc(100% - 38px);overflow:visible}.alert-trend svg text{fill:#dce7ff;font-size:10px}.alert-trend>div{color:#8798b7;justify-content:space-between;display:flex}.alert-distribution{grid-template-columns:44% minmax(0,1fr);align-items:center;gap:10px;height:calc(100% - 34px);min-height:0;padding:10px 12px;display:grid}.big-donut.alert{width:min(140px,12vw);height:min(140px,12vw);margin:auto}.big-donut.alert:before{width:58%;height:58%}.alert-legend p{color:#9daec9;grid-template-columns:9px 1fr auto;align-items:center;gap:7px;margin:8px 0;font-size:11px;display:grid}.alert-legend p>i{background:#25c96b;border-radius:50%;width:8px;height:8px}.alert-legend .dot-1{background:#ff9c25}.alert-legend .dot-2{background:#ff7b28}.alert-legend .dot-3{background:#7381ff}.alert-legend .dot-4{background:#c06cff}.alert-legend .dot-5{background:#347cff}.alert-legend b{color:#c4d0e3;font-weight:400}.more-link{text-align:center;color:#278dff;font-size:11px;position:absolute;bottom:10px;left:0;right:0}.supervision-page{grid-template-rows:34px minmax(0,1fr) 26px;grid-template-columns:245px 1fr 245px;gap:8px;display:grid}.supervision-page:after{content:"提示：视频数据仅供监管使用　　存储状态：正常　●　　云存储：正常";color:#7587a5;white-space:pre;border-top:1px solid #315b9959;grid-area:3/1/auto/-1;justify-content:flex-end;align-items:center;padding:0 12px;font-size:10px;display:flex}.supervision-page>.suite-tabs,.recognition-page>.suite-tabs,.station-page>.suite-tabs,.orders-page>.suite-tabs,.verify-page>.suite-tabs{grid-column:1/-1}.camera-tree{padding:10px}.camera-tree h3{font-size:13px}.camera-tree>button{color:#9fb0cd;background:0 0;border:0;align-items:center;gap:7px;width:100%;padding:7px;font-size:11px;display:flex}.camera-tree>button i{background:#43d476;border-radius:50%;width:7px;height:7px}.camera-tree>button svg{width:14px;margin-left:auto}.monitor-work{padding:8px}.monitor-toolbar{justify-content:space-between;height:39px;display:flex}.monitor-toolbar button{color:#b7c8e5;background:#071b38;border:1px solid #204776;height:31px;margin-right:4px}.monitor-toolbar svg{width:14px}.monitor-toolbar button.active{background:#1755a2}.video-wall{gap:6px;height:calc(100% - 39px);display:grid}.video-wall.cols-3{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(3,1fr)}.video-wall.cols-2{grid-template-rows:repeat(2,1fr);grid-template-columns:repeat(2,1fr)}.wall-feed{border:1px solid #27528b;position:relative;overflow:hidden}.wall-feed img{object-fit:cover;filter:brightness(.75);width:100%;height:100%}.wall-feed span,.wall-feed time,.wall-feed>b{z-index:2;position:absolute}.wall-feed span{background:#030d1eb8;font-size:11px;top:6px;left:8px}.wall-feed span i{background:#3fd27e;border-radius:50%;width:7px;height:7px;display:inline-block}.wall-feed time{top:6px;right:7px}.wall-feed>b{color:#ff6374;border:1px solid #e54b61;padding:3px;top:40px;left:50%;transform:translate(-50%)}.ptz{background:0 0;border:0;grid-template-rows:1fr 1.2fr;gap:8px;display:grid}.ptz .glass{padding:9px}.ptz select{width:100%}.dpad{text-align:center;color:#9bb2d6;margin:15px;font-size:22px;line-height:34px}.ptz-actions{grid-template-columns:repeat(3,1fr);gap:5px;display:grid}.ptz-actions button{color:#d3e1f5;background:#0b2345;border:1px solid #234e85;height:60px}.ptz-actions svg{margin:auto;display:block}.preset{color:#91a5c5;background:#071a37;border:1px solid #1b3b69;justify-content:space-between;width:100%;margin:4px 0;padding:8px;display:flex}.preset svg{width:14px}.monitor-toolbar{align-items:flex-start;gap:8px;height:44px}.monitor-toolbar>span{gap:5px;display:flex}.monitor-toolbar button{white-space:nowrap;justify-content:center;align-items:center;gap:5px;margin:0;padding:0 11px;display:inline-flex}.monitor-toolbar>.primary-btn{min-width:96px}.monitor-filters{gap:7px;margin-left:auto;display:flex}.monitor-filters select{color:#aebfda;background:#071b38;border:1px solid #204776;min-width:112px;height:31px;padding:0 26px 0 10px}.video-wall{gap:8px;height:calc(100% - 44px)}.wall-feed{border-radius:3px}.wall-feed span{white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:5px;max-width:72%;padding:2px 5px;display:flex;overflow:hidden}.wall-feed time{background:#030d1e9e;padding:2px 5px;font-size:11px}.ptz{grid-template-rows:minmax(330px,.95fr) 1.1fr}.ptz .glass{min-height:0}.ptz-control{grid-template-columns:1fr 78px;align-items:center;gap:8px;margin-top:10px;display:grid}.dpad{background:radial-gradient(circle,#102e58 0 20%,#0b2345 21% 62%,#07162f 63%);border:1px solid #244c7e;border-radius:50%;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);place-items:center;width:112px;height:112px;margin:0 auto;display:grid;box-shadow:inset 0 0 15px #265b9a52}.dpad button{color:#9fc2ef;cursor:pointer;background:0 0;border:0;font-size:18px}.dpad button:first-child{grid-column:2}.dpad button:nth-child(2){grid-area:2/1}.dpad i{color:#80ade5;grid-area:2/2;font-style:normal}.dpad button:nth-child(4){grid-area:2/3}.dpad button:last-child{grid-area:3/2}.lens-controls{gap:5px;display:grid}.lens-controls button{color:#9fb5d4;background:#0a1d3b;border:1px solid #244b7d;height:28px;font-size:11px}.speed-control{color:#93a9ca;grid-template-columns:32px 1fr 16px;align-items:center;gap:8px;margin:10px 2px;font-size:11px;display:grid}.speed-control input{accent-color:#3187ff;width:100%}.speed-control b{text-align:right;color:#dbe8ff}.ptz-actions button{height:55px}.ptz-actions button:hover,.lens-controls button:hover,.dpad button:hover{color:#39c9ff;border-color:#3187ff}.preset{align-items:center;height:38px;margin:5px 0;padding:0 10px}.preset:hover{color:#cfe5ff;border-color:#2d84d9}.ptz>.glass:last-child{overflow-y:auto}.ptz .glass-title{height:32px;padding:0 11px}.ptz .glass-title h2{letter-spacing:.2px;font-size:15px;font-weight:600}.ptz select{height:34px;padding:0 10px;font-size:13px}.lens-controls button{font-size:11px;font-weight:400}.speed-control{font-size:10px}.speed-control b{font-size:11px}.ptz-actions button{font-size:13px;line-height:1.2}.ptz-actions svg{width:21px;height:21px;margin-bottom:4px}.preset{font-size:13px;font-weight:400}.preset svg{width:13px;height:13px}.camera-tree{flex-direction:column;padding:9px 10px 0;display:flex}.camera-tree .tree-search{flex:0 0 34px}.tree-scroll{flex:1;min-height:0;padding:2px 3px 8px 0;overflow-y:auto}.tree-section h3{color:#dbe8fa;margin:7px 0 5px;font-size:12px}.tree-root{border-left:1px solid #375c8b59;margin-left:2px;padding-left:9px;position:relative}.tree-root>b,.tree-branch>strong{color:#9fb0ca;white-space:nowrap;font-size:11px;font-weight:500;line-height:23px;display:block}.tree-branch{border-left:1px solid #375c8b4d;margin-left:8px;padding-left:9px;position:relative}.tree-branch:before{content:"";border-top:1px solid #375c8b4d;width:7px;position:absolute;top:11px;left:-1px}.tree-root button{color:#9fb0ca;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:9px minmax(0,1fr) 14px 13px;align-items:center;gap:5px;width:100%;height:23px;padding:0 2px;font-size:10px;display:grid}.tree-root button:hover{color:#d8e8ff;background:#1c498038}.tree-root button i,.tree-status i{background:#43d476;border-radius:50%;width:7px;height:7px;box-shadow:0 0 5px #43d47673}.tree-root button svg{width:13px;height:13px}.tree-root button span{color:#b8c7de}.station-tree{margin-top:7px}.station-tree .tree-root button{width:calc(100% - 8px);margin-left:8px}.tree-status{color:#8fa1be;background:#05162beb;border-top:1px solid #33558952;flex:0 0 30px;align-items:center;gap:26px;margin:0 -10px;padding:0 12px;font-size:10px;display:flex}.tree-status span{align-items:center;gap:7px;display:flex}.tree-status span:last-child i{box-shadow:none;background:#74839a}.tree-root .tree-toggle{color:#9fb0ca;align-items:center;gap:3px;width:100%;height:23px;margin:0;padding:0 2px;font-size:11px;font-weight:500;display:flex}.tree-root .tree-toggle>span{color:#7f96b8;text-align:center;width:13px;transition:transform .18s}.tree-root .root-toggle,.station-tree .tree-root .tree-toggle{width:calc(100% + 8px);margin-left:-8px}.station-tree .tree-root .station-row{width:calc(100% - 8px);margin-left:8px}.tree-section h3{font-size:14px}.tree-root .tree-toggle{height:27px;font-size:13px}.tree-root button.site-row{height:27px;font-size:12px}.tree-status{font-size:12px}.recognition-page{grid-template-rows:34px 78px minmax(0,1fr)}.recognition-grid{grid-template-columns:1.4fr 1fr;gap:8px;min-height:0;display:grid}.recognition-right{grid-template-rows:minmax(0,1fr);gap:8px;display:grid}.hero-truck{object-fit:cover;filter:brightness(.7);width:100%;height:calc(100% - 80px)}.plate-result{justify-content:space-around;align-items:center;height:45px;display:flex}.plate-result b{font-size:20px}.plate-result em{color:#54d682;font-style:normal}.plate-result strong{font-size:20px}.recognition-charts{grid-template-columns:1fr 1fr;gap:8px;min-height:0;display:grid}.recognition-charts .big-donut{width:130px;height:130px;margin:10px auto}.station-page{grid-template-rows:34px 1fr;grid-template-columns:290px 1fr 500px;gap:8px;display:grid}.station-list{padding:10px}.station-list h2{font-size:15px}.station-list button{text-align:left;color:#bdcbe2;background:#071b37;border:1px solid #1e4777;grid-template-columns:25px 1fr auto;align-items:center;width:100%;height:69px;margin:5px 0;padding:7px;display:grid}.station-list button.active{background:#0c2b57;border-color:#268aff}.station-list svg{width:19px}.station-list span{color:#48d382;font-size:10px}.station-list small{grid-column:2/4}.station-main{grid-template-rows:28px 1.1fr 1fr;gap:8px;padding:10px;display:grid}.station-main>h2{margin:0;font-size:15px}.gate-main{grid-template-columns:1fr 220px;gap:8px;min-height:0;display:grid}.gate-main>img{object-fit:cover;width:100%;height:100%}.access-card{text-align:center;border:1px solid #21518d;padding:10px}.access-card svg{color:#43da83}.access-card strong{border:1px solid #2c85d8;padding:8px;font-size:22px;display:block}.access-card h2{color:#42dc83}.station-side{background:0 0;border:0;grid-template-rows:78px 1.2fr 1fr;gap:8px;display:grid}.station-side .sub-metrics{gap:5px}.station-side .sub-metric{padding:7px}.station-side .sub-metric svg{width:30px;height:30px}.station-side .sub-metric strong{font-size:18px}.station-side .line-chart{height:calc(100% - 30px)}.orders-page{grid-template-rows:34px 78px 50px 1fr;grid-template-columns:1fr 360px;gap:8px;display:grid}.orders-page>.sub-metrics,.orders-page>.filterbar{grid-column:1/-1}.kanban{grid-template-columns:repeat(4,1fr);gap:8px;min-height:0;display:grid}.kanban section{background:#061b35;border:1px solid #1f466e;padding:8px;overflow:hidden}.kanban h2{color:#ffc04b;font-size:14px}.kanban button{text-align:left;color:#bfcce1;background:#0a2440;border:1px solid #203c63;border-left:3px solid #ff5a66;width:100%;margin:6px 0;padding:9px;display:block}.kanban button.active{border-color:#397cff}.kanban h3{margin:3px 0;font-size:14px}.kanban em{float:right;color:#ff6372;font-style:normal}.kanban p{font-size:10px}.kanban p svg{width:12px}.order-detail{grid-area:4/2;padding:0}.order-detail .glass{height:100%;padding:12px}.order-detail p{border-bottom:1px solid #183251;padding:7px;font-size:12px}.order-detail b{color:#ff6476}.evidence{grid-template-columns:1fr 1fr;gap:5px;display:grid}.evidence img{object-fit:cover;width:100%;height:80px}.order-actions{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:15px;display:grid}.order-actions button{color:#fff;background:#1266c8;border:0;height:37px}.order-actions button:nth-child(2){background:#d9871e}.order-actions button:last-child{background:#2fa459}.verify-page{grid-template-rows:34px 45px 1fr;grid-template-columns:300px 1fr 310px;gap:8px;display:grid}.stepper{color:#6e809e;border-bottom:1px solid #173e66;grid-column:1/-1;justify-content:center;gap:70px;padding:10px;display:flex}.stepper .active{color:#32bdff}.incident-info,.evidence-center,.verify-side{background:0 0;border:0;gap:8px;display:grid}.incident-info{grid-template-rows:235px 1fr}.incident-info .glass,.verify-side .glass,.evidence-center .glass{padding:10px}.severity{float:right;color:#ff5c6f}.incident-info p{padding:6px;font-size:12px}.confidence{background:#1b3153;height:7px}.confidence i{background:#ff5569;width:96.8%;height:100%;display:block}.incident-info .page-amap{height:calc(100% - 35px);position:relative}.evidence-center{grid-template-rows:1.2fr .7fr}.hero-evidence{height:calc(100% - 35px);position:relative}.hero-evidence img{object-fit:cover;filter:brightness(.55);width:100%;height:100%}.hero-evidence b,.hero-evidence em{color:#ff7481;border:1px solid #ff5368;padding:6px;font-style:normal;position:absolute}.hero-evidence b{top:18%;left:33%}.hero-evidence em{top:54%;left:10%}.evidence-chain{grid-template-columns:repeat(4,1fr);gap:7px;height:calc(100% - 34px);display:grid}.evidence-chain figure{margin:0;position:relative}.evidence-chain img{object-fit:cover;width:100%;height:100%}.evidence-chain figcaption{background:#020a18bf;position:absolute;top:5px;left:5px}.verify-side{grid-template-rows:1.15fr .85fr}.verify-side label{margin:10px;font-size:12px;display:block}.verify-side select,.verify-side textarea{width:100%;margin-top:5px}.verify-side textarea{height:70px;padding:8px}.verify-actions{grid-template-columns:1fr 1.5fr;gap:8px;display:grid}.verify-actions button{color:#bbcbe2;background:#08182e;border:1px solid #254272;height:37px}.audit{padding:7px}.audit p{border-left:2px solid #2677d7;align-items:center;padding:7px;font-size:11px;display:flex}.audit i{background:#34d184;border-radius:50%;width:8px;height:8px}.audit span{color:#7c91b3;margin-left:auto}.fleet-tree,.query-side,.camera-tree,.station-list,.kanban section{overflow-y:auto}.realtime-page>*,.playback-page>*,.supervision-page>*,.station-page>*,.orders-page>*,.verify-page>*{min-width:0;min-height:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:6px}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#397ac0}::-webkit-scrollbar-corner{background:var(--scrollbar-track)}::-webkit-scrollbar-button{width:0;height:0;display:none}@media (max-height:820px) and (min-width:1101px){.subpage{height:calc(100vh - 64px)}.sub-metrics{min-height:68px}.sub-metric{padding:7px 14px}.sub-metric>svg{width:36px;height:36px}.sub-metric strong{font-size:22px}.playback-page{grid-template-rows:68px minmax(0,1fr) 150px}.playback-center{grid-template-rows:68px 1fr}.playback-center .sub-metric strong{white-space:nowrap;font-size:19px}.report-page{grid-template-rows:43px 72px 1fr}.recognition-page{grid-template-rows:34px 68px minmax(0,1fr)}.alerts-page,.orders-page{grid-template-rows:34px 68px 46px 1fr}.station-side{grid-template-rows:68px 1.2fr 1fr}.station-list button{height:61px}.fleet-tree>p{padding:3px}.camera-tree>button{padding:5px}.wall-feed time{font-size:10px}.verify-page{grid-template-rows:34px 38px minmax(0,1fr)}.verify-page .stepper{padding:6px}.verify-page .incident-info{grid-template-rows:205px 1fr}.verify-page .verify-side{grid-template-rows:1.3fr .7fr}.verify-page .verify-side label{margin:5px 8px}.verify-page .verify-side textarea{height:42px}.verify-page .verify-actions button{height:31px}.verify-page .audit p{padding:4px}.verify-page .incident-info p{margin:5px 0;padding:3px}.verify-page .incident-info h3{margin:8px 0}.big-donut{width:125px;height:125px;margin:10px auto}.big-donut:before{width:75px;height:75px}.bars{padding-top:24px}.efficiency{padding:8px 12px}.efficiency p{margin:8px 0}}@media (max-width:1100px){.subpage{height:auto;min-height:calc(100vh - 64px);overflow:auto}.realtime-page,.playback-page,.report-page,.alerts-page,.supervision-page,.recognition-page,.station-page,.orders-page,.verify-page{flex-direction:column;display:flex}.fleet-tree,.vehicle-side,.query-side,.camera-tree,.ptz,.station-list,.station-side,.order-detail,.incident-info,.verify-side{min-height:400px}.live-map,.playback-center,.monitor-work,.station-main,.evidence-center{min-height:600px}.suite-tabs{white-space:nowrap;flex:none;overflow:auto hidden}.sub-metrics{flex:none;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row}.filterbar{flex-wrap:wrap}.filter-search{flex:1;min-width:220px;margin-left:0}.report-grid,.recognition-grid,.ledger-grid{flex-direction:column;display:flex}.report-grid>.glass,.recognition-grid>.glass,.ledger-grid>.glass{min-height:280px}.report-grid>.glass:nth-child(n){grid-area:auto}.kanban{grid-template-columns:1fr 1fr;min-height:650px}.data-table{min-width:620px;overflow-x:auto}}@media (max-width:700px){.sub-metrics{grid-template-columns:1fr}.filterbar>*{width:100%}.filterbar label{justify-content:space-between}.filterbar select{flex:1}.filter-search{min-width:0}.kanban{grid-template-columns:1fr}.stepper{white-space:nowrap;justify-content:flex-start;gap:18px;overflow-x:auto}.evidence-chain{grid-template-columns:1fr 1fr}.gate-main{grid-template-columns:1fr}.station-main{min-height:900px}.orders-page .order-detail{min-height:520px}}@media (max-height:820px) and (min-width:1101px){.alerts-page{grid-template-rows:68px 58px minmax(0,1fr)}.alert-filter{padding-top:4px;padding-bottom:4px}.alert-filter label{grid-template-rows:16px 30px}.alert-filter select,.alert-filter>label>button{height:30px}.alert-filter .filter-search,.alert-filter>button{height:30px;margin-top:19px}.alert-table-head{height:31px}.alert-table-row{height:calc(10% - 3.1px);min-height:27px}.live-video-panel{height:185px}.map-vehicle-stats{height:86px;padding-top:10px}.vehicle-side{padding-top:7px}.truck-card{margin:6px 0}.speed-box{min-height:88px;margin:6px 0;padding:5px 4px}.info-grid p{min-height:57px;padding:6px 5px}.latest-position{padding:7px 5px}}@media (max-width:1100px){.live-video-panel{flex:none;width:100%;height:300px;position:relative;bottom:auto;right:auto}.live-feeds{grid-template-columns:repeat(3,1fr) 90px}}.station-page{background:radial-gradient(circle at 48% 20%,#0b325838,#0000 35%);grid-template-rows:minmax(0,1fr);grid-template-columns:310px minmax(600px,1fr) 540px;gap:10px;height:calc(100vh - 72px);padding:10px 12px 12px;display:grid}.station-page button{font-family:inherit}.station-list{background:#04192df0;border-radius:3px;flex-direction:column;padding:0;display:flex}.station-list>h2,.passage-panel>h2,.permission-panel>h2{letter-spacing:.4px;border-bottom:1px solid #37639147;align-items:center;height:43px;margin:0;padding:0 14px;font-size:16px;display:flex}.station-search{background:#071b31;border:1px solid #254d7873;align-items:center;height:42px;margin:7px 10px 3px;display:flex}.station-search input{color:#d9e7f8;background:0 0;border:0;outline:0;flex:1;min-width:0;height:100%;padding:0 11px}.station-search input::placeholder{color:#627895}.station-search svg{color:#8aa2bd;width:17px;margin-right:10px}.station-scroll{flex:1;min-height:0;padding:0 10px;overflow:auto}.station-list .station-scroll>button{color:#bed0e5;text-align:left;cursor:pointer;background:#061e34db;border:1px solid #214c778c;border-radius:3px;grid-template-rows:27px 29px;grid-template-columns:27px 1fr auto;align-items:center;width:100%;height:78px;margin:6px 0;padding:8px 10px;display:grid}.station-list .station-scroll>button:hover{background:#0b2a49}.station-list .station-scroll>button.active{background:linear-gradient(90deg,#114b7eb8,#072541e6);border-color:#2089e9;box-shadow:inset 0 0 18px #166eb929}.station-list .station-icon{color:#67b9ff;background:#124675;border-radius:4px;place-items:center;width:23px;height:23px;display:grid}.station-list .station-icon svg{width:15px}.station-list .station-icon.告警{color:#ff6a6d;background:#6b2229}.station-list .station-scroll b{color:#e5eefb;font-size:13px}.station-list .station-scroll em{color:#4ad883;font-size:10px;font-style:normal}.station-list .station-scroll em.繁忙{color:#ffb444}.station-list .station-scroll em.告警{color:#ff5f66}.station-list .station-scroll small{color:#9cb0c9;grid-column:1/4;grid-template-columns:repeat(4,1fr);gap:4px;font-size:10px;display:grid}.station-list .station-scroll small span{color:#9cb0c9;white-space:nowrap}.station-list .station-scroll small strong{color:#edf5ff;margin-left:3px;font-weight:500}.all-stations{color:#cbd9e9;background:#071b31;border:1px solid #1f4a758c;align-items:center;gap:10px;height:52px;margin:0 10px 10px;padding:0 13px;font-size:13px;display:flex}.all-stations svg{color:#43a7ff;width:18px}.station-center{grid-template-rows:minmax(340px,1.05fr) minmax(280px,.95fr);gap:10px;min-width:0;display:grid}.station-camera{background:#061a2e;border:1px solid #35619361;border-radius:3px;grid-template-rows:42px 1fr;grid-template-columns:minmax(0,1fr) 224px;padding:0 10px 10px;display:grid;position:relative;overflow:hidden}.station-camera>h2{grid-column:1/3;align-items:center;margin:0;font-size:14px;display:flex}.gate-live{border:1px solid #214c75;min-width:0;position:relative;overflow:hidden}.gate-live>img{object-fit:cover;filter:brightness(.84)saturate(.9);width:100%;height:100%;display:block}.gate-live:after{content:"LIVE";color:#fff;background:#d63844;padding:2px 5px;font-size:9px;position:absolute;top:8px;right:9px}.gate-live time{color:#e9f2ff;background:#01080fb8;padding:3px 6px;font-size:11px;position:absolute;bottom:8px;left:9px}.recognition-card{background:#071d34;border:1px solid #23517c;flex-direction:column;margin-left:8px;display:flex}.plate-capture{background:linear-gradient(155deg,#0b2948,#06172a);border-bottom:1px solid #183f66;height:86px;padding:7px 9px}.plate-capture span{color:#56afff;font-size:11px;display:block}.plate-capture b{color:#10191f;letter-spacing:1px;text-shadow:0 1px #fff;background:linear-gradient(#dbe2e2,#8c989c);border:1px solid #70899e;border-radius:4px;justify-content:center;align-items:center;height:45px;margin-top:5px;font-size:25px;display:flex;box-shadow:inset 0 0 7px #28353c}.pass-result{flex-direction:column;flex:1;min-height:0;padding:8px;display:flex}.pass-result h3{color:#aebfd0;margin:0 0 5px;font-size:12px;font-weight:500}.pass-result>strong{color:#45dd82;justify-content:center;align-items:center;gap:8px;margin:2px 0 7px;font-size:21px;display:flex}.pass-result>strong svg{fill:#45dd82;color:#173c32;width:27px;height:27px}.pass-result dl{grid-template-columns:65px 1fr;gap:6px 4px;margin:0;font-size:10px;display:grid}.pass-result dt{color:#879bb2}.pass-result dd{color:#d9e5f3;white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.pass-result dd.ok{color:#44d984}.pass-result button{color:#fff;cursor:pointer;background:#0874df;border:1px solid #208af1;border-radius:2px;justify-content:center;align-items:center;gap:8px;height:38px;margin-top:auto;font-size:14px;display:flex}.pass-result button:hover{background:#1686ef}.pass-result button svg{width:18px}.passage-panel{background:#061a2e;border:1px solid #35619361;min-height:0;overflow:hidden}.passage-head,.passage-row{grid-template-columns:.9fr 1.05fr .7fr .9fr 1.15fr 1.1fr .9fr;align-items:center;padding:0 12px;display:grid}.passage-head{color:#8096b0;border-bottom:1px solid #3053784d;height:31px;font-size:10px}.passage-row{color:#c1d1e3;border-bottom:1px solid #2a4b6e3b;height:calc(14.2857% - 10.5714px);min-height:28px;font-size:10px}.passage-row>span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.passage-row img{object-fit:cover;border:1px solid #425c70;width:54px;height:25px;display:block}.passage-row .direction{text-align:center;width:24px;padding:2px}.passage-row .direction.in{color:#65aaff;background:#14365c}.passage-row .direction.out{color:#4fdf86;background:#133e36}.passage-row .special{color:#ffbe4a}.passage-row .allowed{color:#44d980}.passage-row .blocked{color:#ff6269}.station-right{grid-template-rows:minmax(0,1fr);gap:10px;min-width:0;display:grid}.station-metrics{grid-template-columns:repeat(4,1fr);gap:5px;display:grid}.station-metrics>div{background:linear-gradient(135deg,#082039,#06162a);border:1px solid #2b57856b;justify-content:center;align-items:center;gap:8px;min-width:0;display:flex}.station-metrics svg{color:#43a9ff;filter:drop-shadow(0 0 8px);width:31px;height:31px;padding:4px}.station-metrics>div:nth-child(2) svg{color:#62dc8c}.station-metrics>div:nth-child(3) svg{color:#aa65ec}.station-metrics>div:nth-child(4) svg{color:#ff5d67}.station-metrics span{color:#9db0c6;white-space:nowrap;font-size:10px}.station-metrics strong{color:#f4f8ff;font-size:22px;display:block}.permission-panel,.trend-panel{background:#061a2e;border:1px solid #35619361;min-height:0;overflow:hidden}.permission-tabs{border-bottom:1px solid #2d507459;gap:16px;height:40px;padding:0 12px;display:flex}.permission-tabs button{color:#879bb6;background:0 0;border:0;border-bottom:2px solid #0000;padding:0 3px}.permission-tabs button.active{color:#60a9ff;border-color:#2c8bf1}.permission-tools{align-items:center;gap:7px;height:42px;padding:0 12px;display:flex}.permission-tools>button{color:#b9c9db;background:#0d2947;border:1px solid #254f7b;align-items:center;gap:4px;height:28px;padding:0 9px;font-size:10px;display:flex}.permission-tools>button:first-child{color:#fff;background:#0d6dcc;border-color:#1579d9}.permission-tools svg{width:13px}.permission-tools label{border:1px solid #244667;align-items:center;height:28px;margin-left:auto;display:flex}.permission-tools input{color:#cbd9e8;background:0 0;border:0;outline:0;width:162px;padding:0 7px;font-size:10px}.permission-tools label svg{color:#7890aa;margin-right:7px}.access-head,.access-row{grid-template-columns:1fr .8fr 1.55fr 1fr .6fr;align-items:center;padding:0 12px;display:grid}.access-head{color:#8398b0;background:#07182b;height:28px;font-size:10px}.access-row{color:#bdccdd;border-bottom:1px solid #2a4b6e3b;height:31px;font-size:9px}.access-row>span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.access-row .plate-color.color-0{color:#62a9ff}.access-row .plate-color.color-1{color:#4ddb80}.access-row .plate-color.color-2{color:#ffc349}.access-row button{color:#97abc1;background:0 0;border:0;padding:2px 5px}.access-row button:last-child{color:#ff5964}.access-row svg{width:13px}.permission-pages{color:#889cb5;justify-content:flex-end;align-items:center;height:30px;padding-right:13px;font-size:10px;display:flex}.permission-pages b{color:#69adf9;background:#0e3561;border:1px solid #245b94;padding:3px 7px}.trend-title{border-bottom:1px solid #2d507459;justify-content:space-between;align-items:center;height:38px;padding:0 10px;display:flex}.trend-title h2{font-size:15px}.trend-title button{color:#8196b0;background:0 0;border:0;width:36px;height:27px}.trend-title button.active{color:#75b8ff;background:#0e3a6b;border:1px solid #24598d}.station-legend{color:#93a8bf;height:18px;font-size:9px}.station-legend span{margin-right:15px}.station-legend i{vertical-align:middle;background:#5a9eff;width:12px;height:2px;margin-right:4px;display:inline-block}.station-legend span:last-child i{background:#5cce7b}.station-trend svg{width:100%;height:calc(100% - 40px);overflow:visible}.trend-grid line{stroke:#173b5b;stroke-width:1px}.station-trend path{fill:none;stroke-width:2px}.incoming-line{stroke:#59a1ff}.outgoing-line{stroke:#62cd7b}.station-axis{color:#7890aa;justify-content:space-between;font-size:8px;display:flex}.intercept-alert{background:linear-gradient(90deg,#4a1219e6,#381117d9);border:1px solid #9b393d;border-radius:3px;grid-template-columns:47px 1fr 83px;align-items:center;gap:9px;padding:11px 12px;display:grid;box-shadow:inset 0 0 20px #e4313b1f}.intercept-alert>svg{color:#ff656d;background:#73232b;border-radius:50%;width:38px;height:38px;padding:7px}.intercept-alert h3{color:#ffdce0;margin:0 0 6px;font-size:14px}.intercept-alert h3 em{color:#ff666d;margin-left:7px;font-size:10px;font-style:normal}.intercept-alert p{color:#f0bbc0;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:10px;overflow:hidden}.intercept-alert button{color:#ffbdc1;background:#7e242b;border:1px solid #b8474e;height:32px;font-size:11px}@media (max-width:1450px) and (min-width:1101px){.station-page{grid-template-columns:250px minmax(500px,1fr) 450px}.station-list .station-scroll small{font-size:9px}.station-camera{grid-template-columns:minmax(0,1fr) 205px}.station-metrics svg{display:none}.permission-tools input{width:130px}}.permission-panel{flex-direction:column;display:flex}.permission-tabs{flex:0 0 40px}.permission-pages{border-top:1px solid #2a4b6e3b;margin-top:auto}.nav a{white-space:nowrap;line-height:1}.station-page{font-size:12px}.station-list>h2,.passage-panel>h2,.permission-panel>h2{font-size:16px;font-weight:600}.station-camera>h2,.trend-title h2{font-size:15px;font-weight:600}.station-search input{font-size:12px}.station-list .station-scroll b{font-size:14px;font-weight:600}.station-list .station-scroll em{font-size:11px}.all-stations{font-size:13px}.plate-capture span,.pass-result h3{font-size:12px}.plate-capture b{font-size:24px}.pass-result>strong{font-size:21px}.pass-result dl{font-size:11px;line-height:1.35}.pass-result button{font-size:13px}.passage-head,.access-head{font-size:11px;font-weight:500}.passage-row,.access-row{font-size:11px}.station-metrics span{font-size:12px;line-height:1.25}.station-metrics strong{font-size:24px;line-height:1.15}.permission-tabs button{font-size:13px}.permission-tools>button,.permission-tools input,.permission-pages{font-size:11px}.trend-title button{font-size:12px}.station-legend,.station-axis{font-size:10px}.intercept-alert h3{font-size:15px}.intercept-alert h3 em,.intercept-alert p,.intercept-alert button{font-size:11px}@media (max-width:1750px) and (min-width:1101px){.topbar{padding-inline:16px}.brand{margin-right:18px}.brand strong{font-size:21px}.nav a{padding-inline:13px;font-size:14px}.top-actions{gap:6px}.search{width:190px}.select-button,.date-button{gap:12px}}@media (max-width:1450px) and (min-width:1101px){.station-list .station-scroll small,.passage-row,.access-row{font-size:10px}.station-metrics span{font-size:11px}.station-metrics strong{font-size:22px}}.station-list .station-scroll small{font-size:13px;line-height:1.5}.station-list .station-scroll small strong{font-size:13px;font-weight:600}.gate-live time{padding:5px 8px;font-size:14px;font-weight:600}.pass-result dl{grid-template-columns:76px 1fr;gap:8px 6px;font-size:14px;line-height:1.4}.pass-result dt,.pass-result dd{font-size:14px}.passage-head{font-size:13px}.passage-row{font-size:14px}.passage-row .direction{width:28px;padding:3px}.access-head{font-size:13px}.access-row{height:36px;font-size:14px}.access-row svg{width:15px;height:15px}.permission-pages{height:36px;font-size:14px;line-height:1}.permission-pages b{text-align:center;min-width:27px;padding:6px 8px;font-size:14px}.intercept-alert p{font-size:14px;line-height:1.45}@media (max-width:1450px) and (min-width:1101px){.station-list .station-scroll small,.station-list .station-scroll small strong,.pass-result dl,.pass-result dt,.pass-result dd,.passage-head,.access-head,.passage-row,.access-row{font-size:13px}}@media (max-width:1600px) and (min-width:1101px){.subpage{padding-inline:10px}.realtime-page{grid-template-columns:280px minmax(0,1fr) 310px}.playback-page{grid-template-columns:230px minmax(0,1fr) 300px}.playback-center>.sub-metrics{grid-template-columns:repeat(3,minmax(0,1fr)) 300px}.ledger-grid{grid-template-columns:minmax(0,1fr) 330px}.verify-page{grid-template-columns:270px minmax(0,1fr) 285px}.orders-page{grid-template-columns:minmax(0,1fr) 320px}.alert-table{overflow:auto}}@media (max-width:1100px){html,body,#root,.app-shell{height:auto;min-height:100%;overflow:hidden auto}.topbar{height:64px;padding:0 14px;position:sticky}.brand{margin-right:auto}.brand strong{font-size:19px}.brand-mark{width:34px;height:38px}.top-actions{margin-left:auto}.select-button,.date-button,.top-actions>.search{display:none}.nav{max-height:calc(100vh - 64px);overflow-y:auto}.nav a{white-space:nowrap;font-size:15px}.dashboard{height:auto;min-height:calc(100vh - 64px);padding:10px;overflow:visible}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-card{min-width:0}.metric-card:nth-child(5){grid-column:1/-1}.main-grid{flex-direction:column;height:auto;display:flex}.map-panel{flex:none;order:-1;width:100%;height:520px}.left-column,.right-column{grid-template-rows:none;grid-template-columns:1fr 1fr;width:100%;height:auto;display:grid}.left-column>.panel,.right-column>.panel{min-height:280px}.bottom-grid{grid-template-columns:1fr;height:auto}.video-panel{height:300px}.process-panel{min-height:230px}.subpage,.realtime-page,.playback-page,.report-page,.alerts-page,.supervision-page,.recognition-page,.station-page,.orders-page,.verify-page{flex-direction:column;gap:10px;width:100%;height:auto;min-height:calc(100vh - 64px);padding:10px;display:flex;overflow:visible}.subpage>*{flex:none;width:100%}.suite-tabs{height:42px;overflow:auto hidden}.suite-tabs a{flex:none}.sub-metrics{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row;min-height:0}.sub-metric{min-height:76px;padding:10px 14px}.filterbar{flex-wrap:wrap;height:auto}.filter-search{flex:1;min-width:220px;margin-left:0}.realtime-page .fleet-tree,.realtime-page .vehicle-side{min-height:520px}.realtime-page .live-map{order:0;height:600px}.live-video-panel{width:100%;height:320px;position:relative;bottom:auto;right:auto}.live-feeds{grid-template-columns:repeat(3,minmax(0,1fr)) 90px}.playback-page .query-side{min-height:430px}.playback-center{flex-direction:column;display:flex!important}.playback-center>.sub-metrics{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.playback-center>.route-map{width:100%;height:580px}.playback-right{grid-template-rows:none;grid-template-columns:1fr 1fr;min-height:330px;display:grid}.timeline,.linked-video{width:100%;margin:0}.timeline{min-height:210px}.linked-video{min-height:250px}.report-grid,.recognition-grid,.ledger-grid{flex-direction:column;gap:10px;display:flex}.report-grid>.glass,.recognition-grid>.glass,.ledger-grid>.glass{min-height:320px}.report-grid>.glass:nth-child(n){grid-area:auto}.detail-table,.records,.ledger-table{overflow-x:auto}.data-table,.alert-table{min-width:720px}.ledger-grid>aside{grid-template-rows:none;grid-template-columns:1fr 1fr;min-height:340px;display:grid}.alert-filter{flex-wrap:wrap;height:auto;display:flex}.alert-filter label{flex:180px}.alert-filter .filter-search{flex:260px}.supervision-page:after{display:none}.camera-tree{min-height:520px}.monitor-work{height:680px}.ptz{grid-template-rows:none;grid-template-columns:1fr 1fr;min-height:650px}.recognition-right{min-height:720px}.recognition-charts{min-height:320px}.station-list{min-height:650px}.station-center{flex-direction:column;gap:10px;display:flex}.station-camera{flex:none;height:590px}.passage-panel{flex:none;height:440px;overflow-x:auto}.passage-panel>h2,.passage-head,.passage-row{min-width:760px}.station-right{flex-direction:column;gap:10px;display:flex}.station-metrics{flex:none;height:90px}.permission-panel{flex:none;height:430px;overflow-x:auto}.permission-panel>h2,.permission-tabs,.permission-tools,.access-head,.access-row,.permission-pages{min-width:680px}.trend-panel{flex:none;height:300px}.intercept-alert{flex:none;min-height:110px}.kanban{grid-template-columns:repeat(2,minmax(0,1fr));min-height:720px}.order-detail{min-height:540px}.incident-info{min-height:620px}.evidence-center{min-height:720px}.verify-side{min-height:650px}}@media (max-width:700px){.topbar{padding-inline:10px}.brand strong{font-size:16px}.brand{gap:7px}.notification{display:none}.menu-button{padding:4px}.metrics,.sub-metrics{grid-template-columns:1fr}.metric-card:nth-child(5){grid-column:auto}.left-column,.right-column{flex-direction:column;display:flex}.left-column>.panel,.right-column>.panel{height:300px}.map-panel{height:460px}.vehicle-popup{width:auto;top:12px;left:10px;right:10px}.feeds{grid-template-columns:1fr}.video-panel{height:720px}.process-flow{justify-content:center}.process-step{min-width:92px}.subpage{padding:8px}.filterbar>*{width:100%}.filterbar label{justify-content:space-between}.filterbar select{flex:1}.sub-metric{min-height:72px}.sub-metric strong{font-size:23px}.playback-center>.sub-metrics{grid-template-columns:1fr}.playback-right,.ledger-grid>aside{flex-direction:column;display:flex}.playback-right>.glass,.ledger-grid>aside>.glass{min-height:300px}.time-scale span:nth-child(2n){display:none}.timeline-key{flex-wrap:wrap;gap:10px 16px}.live-feeds{grid-template-columns:1fr}.live-video-panel{height:760px}.video-tools{grid-template-rows:none;grid-template-columns:1fr 1fr}.video-wall.cols-3,.video-wall.cols-2{grid-template-rows:none;grid-template-columns:1fr;overflow-y:auto}.wall-feed{min-height:220px}.monitor-toolbar{flex-wrap:wrap;height:auto}.monitor-filters{width:100%;margin:0}.monitor-filters select{flex:1;min-width:0}.video-wall{height:calc(100% - 82px)}.ptz{flex-direction:column;display:flex}.ptz>.glass{min-height:310px}.station-list{min-height:660px}.station-camera{flex-direction:column;height:auto;padding-bottom:10px;display:flex}.station-camera>h2{flex:none;height:42px}.gate-live{flex:none;height:330px}.recognition-card{flex:none;height:390px;margin:8px 0 0}.station-metrics{grid-template-columns:repeat(2,1fr);height:auto}.station-metrics>div{min-height:78px}.intercept-alert{grid-template-columns:40px minmax(0,1fr);padding:10px}.intercept-alert>button{grid-column:2;width:100%}.intercept-alert p{white-space:normal}.permission-panel>h2,.permission-tabs,.permission-tools,.access-head,.access-row,.permission-pages{min-width:650px}.kanban{grid-template-columns:1fr;min-height:0}.kanban section{min-height:420px}.stepper{white-space:nowrap;justify-content:flex-start;gap:24px;overflow-x:auto}.evidence-chain{grid-template-columns:1fr 1fr}.placeholder-page>div{width:calc(100% - 20px);padding:40px 18px}}.control-field{color:#91a4c3;align-items:center;gap:8px;min-width:0;font-size:12px;display:flex;position:relative}.control-field>span:first-child{white-space:nowrap}.select-wrap{align-items:center;min-width:120px;display:flex;position:relative}.select-wrap select{appearance:none;color:#c8d6eb;background:#07152f;border:1px solid #4f6cb36b;border-radius:3px;outline:none;width:100%;height:34px;padding:0 31px 0 10px}.select-wrap>svg{pointer-events:none;color:#8195b4;width:14px;position:absolute;right:8px}.searchable-select{min-width:120px;display:block;position:relative}.searchable-select-input{background:#07152f;border:1px solid #4f6cb36b;border-radius:3px;grid-template-columns:17px minmax(0,1fr) 15px;align-items:center;gap:6px;height:34px;padding:0 9px;display:grid}.searchable-select-input svg{color:#8195b4;width:14px}.searchable-select-input input{color:#c8d6eb;background:0 0;border:0;outline:0;min-width:0}.searchable-select-options{z-index:80;background:#06152f;border:1px solid #31558e;max-height:250px;padding:4px;position:absolute;top:38px;left:0;right:0;overflow:auto;box-shadow:0 10px 24px #00000073}.searchable-select-options button{color:#c8d6eb;text-align:left;cursor:pointer;background:0 0;border:0;width:100%;height:31px;padding:0 9px;display:block}.searchable-select-options button:hover,.searchable-select-options button.active{color:#fff;background:#146bd1}.searchable-select-options em{color:#788ba9;text-align:center;padding:12px;font-style:normal;display:block}.query-side .searchable-select{width:100%}.search-control{background:#07152f;border:1px solid #4f6cb36b;border-radius:3px;align-items:center;min-width:210px;height:34px;padding:0 9px;display:flex}.search-control>svg{color:#8397b6;width:15px}.search-control input{color:#d5e1f3;outline:0;flex:1;min-width:0;padding:0 8px;background:0 0!important;border:0!important}.search-control button{color:#7f93b0;width:23px;height:23px;background:0 0!important;border:0!important;padding:3px!important}.search-control button svg{width:13px}.date-control>button{color:#c1d0e5;white-space:nowrap;background:#07152f;border:1px solid #4f6cb36b;border-radius:3px;align-items:center;gap:7px;height:34px;padding:0 10px;display:flex}.date-control>button.active{border-color:#3189e7}.date-control>button svg{width:14px}.date-control>button svg:last-child{margin-left:3px}.date-popover{z-index:100;background:#07182e;border:1px solid #315784;border-radius:5px;width:310px;padding:12px;position:absolute;top:calc(100% + 7px);left:0;box-shadow:0 12px 30px #00000073}.date-popover>label{grid-template-columns:42px 1fr;align-items:center;gap:8px;margin:7px 0;display:grid}.date-popover input,.time-field input{color:#d2deef;color-scheme:dark;background:#061326;border:1px solid #284b76;border-radius:3px;height:34px;padding:0 8px}.date-popover>div{justify-content:flex-end;gap:8px;margin-top:10px;display:flex}.date-popover>div button{color:#b8c8de;background:#0a1e39;border:1px solid #31527d;height:31px;padding:0 13px}.date-popover>div button svg{width:14px}.segmented-control{align-items:center;display:flex}.segmented-control button{color:#8499b5;background:0 0;border:1px solid #0000;height:29px;padding:0 12px}.segmented-control button.active{color:#71b8ff;background:#0e3b69;border-color:#2765a2}.shared-pagination{color:#91a5c2;border-top:1px solid #3858913d;justify-content:flex-end;align-items:center;gap:6px;height:45px;padding:6px 12px;font-size:12px;display:flex}.shared-pagination>span{margin-right:auto}.shared-pagination button{color:#b3c2d8;background:#07162f;border:1px solid #294a77;place-items:center;min-width:29px;height:28px;padding:0 7px;display:grid}.shared-pagination button.active{color:#fff;background:#155b9d;border-color:#3187e7}.shared-pagination button:disabled{opacity:.35;cursor:not-allowed}.shared-pagination button svg{width:14px}.shared-pagination em{font-style:normal}.shared-pagination.compact{height:36px;padding-block:3px}.app-toast{z-index:150;color:#dffff1;background:#08302cf7;border:1px solid #2a9c73;border-radius:5px;align-items:center;gap:9px;min-width:260px;padding:11px 14px;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0000006b}.app-toast>svg{color:#55e3a3;width:18px}.app-toast button{color:#9fc8ba;background:0 0;border:0;margin-left:auto;padding:0}.app-toast button svg{width:15px}.app-toast-error{color:#ffe1e6;background:#411223f7;border-color:#bc5062}.app-toast-error>svg{color:#ff7587}.alert-list svg.green,.alert-list em.green{color:#46d99e}.dialog-mask{z-index:200;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#010712b8;place-items:center;display:grid;position:fixed;inset:0}.confirm-dialog{background:#091a32;border:1px solid #365e91;border-radius:7px;width:min(420px,100vw - 28px);padding:20px;box-shadow:0 20px 60px #0000008c}.confirm-dialog h3{margin:0 0 12px;font-size:18px}.confirm-dialog p{color:#9fb0c8;line-height:1.7}.confirm-dialog>div{justify-content:flex-end;gap:9px;display:flex}.confirm-dialog button{color:#c8d5e8;background:#0a203e;border:1px solid #31547e;height:35px;padding:0 18px}.shared-filterbar .control-field,.shared-filterbar .search-control{flex:none}.shared-filterbar>.search-control{margin-left:auto}.interactive-chart{width:100%;height:calc(100% - 34px);position:relative}.interactive-chart>.segmented-control{z-index:3;position:absolute;top:5px;right:12px}.interactive-chart .line-chart{height:100%;padding-top:34px}.paged-table{flex-direction:column;min-height:0;display:flex}.paged-table .shared-pagination{margin-top:auto}.chart-range-control{z-index:3;position:absolute;top:4px;right:9px}.chart-range-control>span:first-child{display:none}.chart-range-control .select-wrap{min-width:90px}.chart-range-control select{height:27px;font-size:10px}.status-chips button{color:#91a5c4;background:0 0;border:1px solid #23427c;padding:7px 3px;font-size:11px}.status-chips button.active{color:#fff;background:#113866;border-color:#3187e7}.recent-row{color:#c3d0e3;text-align:left;background:0 0;border:0;width:100%}.query-side>.control-field,.query-side>.time-field{color:#8fa2be;grid-template-columns:1fr;gap:5px;width:100%;margin:8px 0;font-size:11px;display:grid}.query-side .select-wrap,.query-side .date-control>button{width:100%}.query-side .date-popover{left:0}.query-side>.primary-btn{text-align:center}.wall-feed{text-align:left;color:#fff;cursor:pointer;padding:0}.preset.active{color:#fff;background:#103965;border-color:#3187e7}.row-actions{font-size:inherit;cursor:pointer;background:0 0;border:0}.top-actions .header-select .select-wrap{width:116px}.top-actions .header-date>button{justify-content:center;min-width:92px;font-size:12px}.top-actions .header-date>button svg:last-child{display:none}.top-actions .header-date .date-popover{left:auto;right:0}.chart-range-control>.select-wrap{display:flex!important}@media (max-width:1400px) and (min-width:1101px){.top-actions .header-select,.top-actions .header-date{display:none}}@media (max-width:1100px){.top-actions .header-select,.top-actions .header-date{display:none}.shared-filterbar .control-field,.shared-filterbar .search-control{flex:260px}.date-popover{left:auto;right:0}.interactive-chart{min-height:250px}.paged-table{min-width:720px}.shared-pagination{min-width:600px}}@media (max-width:700px){.shared-filterbar .control-field,.shared-filterbar .search-control{flex:100%;width:100%}.control-field{flex-direction:column;align-items:stretch}.select-wrap,.date-control>button{width:100%}.date-popover{width:auto;position:fixed;top:50%;left:14px;right:14px;transform:translateY(-50%)}.app-toast{width:calc(100vw - 28px);bottom:14px}.segmented-control{overflow-x:auto}.shared-pagination>span{display:none}}.play-controls>button{justify-content:center;align-items:center;padding:0;line-height:1;display:inline-flex}.play-controls>button svg{margin:0;display:block}.echart{width:100%;min-width:0;height:100%;min-height:0}.dashboard-donut{flex:0 0 145px;width:145px;height:145px}.dashboard-trend{height:100%}.trend-chart{padding:4px 7px 5px}.bars-chart{height:calc(100% - 34px);padding:4px 8px}.report-donut,.recognition-donut{height:calc(100% - 34px);min-height:140px}.alert-donut{width:100%;height:100%;min-height:120px}.alert-distribution>.alert-donut{align-self:stretch}.alert-distribution>.alert-legend{overscroll-behavior:contain;min-height:0;max-height:100%;padding-right:4px;overflow-y:auto}.alert-legend p>span{overflow-wrap:anywhere;min-width:0}.alert-legend-empty{color:#8fa4c6;font-size:12px}.ledger-grid>aside>.live-alarm-card{flex-direction:column;min-height:0;display:flex}.live-alarm-card>.glass-title{flex:none}.live-alarm-summary{color:#93a6c7;flex:none;padding:10px 12px;font-size:12px}.live-alarm-list{overscroll-behavior:contain;flex:1;min-height:0;padding:0 10px 10px;overflow-y:auto}.live-alarm-item{text-align:left;color:#dce9f8;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #3858914d;flex-direction:column;gap:7px;width:100%;padding:12px 8px;display:flex}.live-alarm-item:hover{background:#2559a329}.live-alarm-item:focus-visible,.live-alarm-list:focus-visible,.alert-legend:focus-visible{outline-offset:-1px;outline:1px solid #55a4ff}.live-alarm-heading{justify-content:space-between;align-items:center;gap:10px;width:100%;font-size:13px;display:flex}.live-alarm-heading>b{overflow-wrap:anywhere}.live-alarm-heading>span{color:#278dff;flex:none;font-size:12px}.live-alarm-item>strong{color:#ffad3c;overflow-wrap:anywhere;font-size:13px;font-weight:500}.live-alarm-item>time,.live-alarm-detail{color:#93a6c7;overflow-wrap:anywhere;font-size:12px}@media (max-width:1100px){.ledger-grid>aside>.live-alarm-card,.ledger-grid>aside>.glass:has(.alert-distribution){height:340px}}.ranking-chart{height:100%;padding:2px 5px}.efficiency-chart{height:calc(100% - 34px);padding:2px 5px}.interactive-chart .line-chart{height:100%}.station-trend{height:calc(100% - 38px);padding:2px 5px 3px}.alert-trend{height:calc(100% - 34px);padding:3px 5px 5px}@media (max-width:1400px) and (min-width:1101px){.dashboard-donut{flex-basis:118px;width:118px;height:118px}}@media (max-height:820px) and (min-width:1101px){.dashboard-donut{flex-basis:105px;width:105px;height:105px}}.notice-wrap{position:relative}.notice-popover{z-index:120;background:#07182e;border:1px solid #315784;border-radius:6px;width:260px;padding:10px;position:absolute;top:43px;right:0;box-shadow:0 14px 36px #0000008c}.notice-popover>b,.notice-popover>small{padding:5px 8px;display:block}.notice-popover>small{color:#7186a5}.notice-popover>button{color:#c8d7eb;text-align:left;cursor:pointer;background:0 0;border:0;border-top:1px solid #3d5b8b59;width:100%;padding:9px 8px}.notice-popover>button:hover{color:#fff;background:#102d53}.video-panel.video-expanded{z-index:110;background:#050f27;height:auto;position:fixed;inset:82px 18px 18px;box-shadow:0 0 0 100vmax #00040ec7}.tree-root button.site-row.active{color:#fff;background:linear-gradient(90deg,#103f73,#0d305640);border-color:#3187e7}.camera-tree>.tree-scroll>.site-row{color:#aebfd8;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;grid-template-columns:8px minmax(0,1fr) 18px 34px;align-items:center;gap:7px;width:100%;height:35px;padding:0 7px;font-size:11px;display:grid}.camera-tree>.tree-scroll>.site-row:hover,.camera-tree>.tree-scroll>.site-row.active{color:#fff;background:linear-gradient(90deg,#103f73,#0d305633);border-color:#285b97}.camera-tree>.tree-scroll>.site-row>i{background:#43d476;border-radius:50%;width:7px;height:7px;box-shadow:0 0 5px #43d4768c}.camera-tree>.tree-scroll>.site-row.offline>i{box-shadow:none;background:#74839a}.camera-tree>.tree-scroll>.site-row>svg{color:#8fb5df;width:15px;height:15px}.camera-tree>.tree-scroll>.site-row>span{color:#43d476;justify-self:end;font-size:10px}.camera-tree>.tree-scroll>.site-row.offline>span{color:#7f91aa}.evidence-chain>button{color:#fff;cursor:pointer;background:#07162d;border:1px solid #284b77;min-width:0;padding:0;position:relative;overflow:hidden}.evidence-chain>button:hover{border-color:#39bfff}.evidence-chain>button span{background:#020a18cc;padding:2px 5px;position:absolute;top:5px;left:5px}.tabs-line button{color:#91a3c0;cursor:pointer;background:0 0;border:0;padding:0 0 7px;font-size:12px}.tabs-line button.active{color:#39bfff;border-bottom:2px solid #39bfff}@media (max-width:700px){.notice-popover{width:auto;position:fixed;top:64px;left:10px;right:10px}.video-panel.video-expanded{height:auto;inset:72px 8px 8px}.video-panel.video-expanded .feeds{overflow-y:auto}}.fleet-root button.fleet-node{background:0 0;border:0;grid-template-columns:none;justify-content:space-between;align-items:center;gap:8px;width:100%;height:43px;margin:0;padding:0 10px;display:flex}.fleet-root button.fleet-node>span{color:#c5d3e8;flex:1;margin:0;font-size:13px;display:block}.fleet-root button.fleet-node>b{color:#9eb9de;flex:none;margin:0;font-size:12px;font-weight:500}.fleet-root button.fleet-node:hover{background:#1f4d8438}.fleet-root button.fleet-vehicle{grid-template-columns:7px 18px minmax(0,1fr) auto;gap:8px;width:calc(100% + 16px);height:45px;margin-left:-8px;padding:0 13px 0 42px;display:grid}.fleet-root button.fleet-vehicle>strong{text-overflow:ellipsis;color:#d5e1f1;white-space:nowrap;min-width:0;font-weight:500;line-height:1.2;overflow:hidden;font-size:12px!important}.fleet-root button.fleet-vehicle>span{color:#9dafca;margin:0;font-size:10px}.fleet-root button.fleet-vehicle>svg{width:16px}.vehicle-popup.anchored{pointer-events:auto}.vehicle-popup-actions{grid-template-columns:1fr 1fr;gap:7px;margin-top:11px;display:grid}.vehicle-popup-actions button{color:#a9d4ff;cursor:pointer;background:#0b2b55;border:1px solid #315fa4;border-radius:3px;height:30px}.vehicle-popup-actions button:hover{color:#fff;background:#104477;border-color:#3cc7ff}.vehicle-video-mask{z-index:260;background:#010712c7}.vehicle-video-dialog{background:#06152f;border:1px solid #3867bc;border-radius:8px;width:min(980px,100vw - 34px);overflow:hidden;box-shadow:0 22px 70px #000000a6}.vehicle-video-dialog>header{border-bottom:1px solid #294c8b;justify-content:space-between;align-items:center;height:48px;padding:0 15px;display:flex}.vehicle-video-dialog>header b{font-size:16px}.vehicle-video-dialog>header button{color:#fff;cursor:pointer;background:#154caa;border:0;place-items:center;width:31px;height:31px;display:grid}.vehicle-video-dialog>header svg{width:17px}.vehicle-video-content{grid-template-columns:1fr 92px;gap:7px;padding:7px;display:grid}.vehicle-video-feeds{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.vehicle-video-feeds figure{border:1px solid #315282;height:250px;margin:0;position:relative;overflow:hidden}.vehicle-video-feeds img{object-fit:cover;width:100%;height:100%}.vehicle-video-feeds figcaption{background:#030c1cc2;padding:3px 7px;position:absolute;top:6px;left:6px}.vehicle-video-feeds small{color:#38de91;position:absolute;bottom:6px;left:7px}.vehicle-video-content>aside{grid-template-rows:1fr 1fr;gap:7px;display:grid}.vehicle-video-content>aside button{color:#c2d6ef;cursor:pointer;background:#0b2853;border:1px solid #315894;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.vehicle-video-content>aside svg{width:27px;height:27px}@media (max-width:700px){.vehicle-video-content{grid-template-columns:1fr}.vehicle-video-feeds{grid-template-columns:1fr;max-height:65vh;overflow-y:auto}.vehicle-video-feeds figure{height:210px}.vehicle-video-content>aside{grid-template-rows:none;grid-template-columns:1fr 1fr;height:80px}}.dashboard-source{z-index:20;color:#68f0c1;white-space:nowrap;background:#04182be0;border:1px solid #41dcaf47;border-radius:14px;padding:6px 12px;font-size:12px;position:absolute;top:12px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0003}.dashboard-source.error{color:#ff9d9d;border-color:#ff5a5a59}.dashboard-data-state{color:#8ddcff;letter-spacing:.08em;margin:auto;font-size:16px}.dashboard-mileage-trend{width:100%;height:100%;min-height:150px}.zero-state-icon{color:#355d91;place-content:center;justify-items:center;gap:8px;min-height:150px;display:grid}.zero-state-icon svg{width:38px;height:38px}.zero-state-icon strong{color:#6885a9;font-size:22px}.kanban section>h2 b{float:right;color:#7f95b4}.metric-card{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer}.metric-card.neutral{color:#8ea4c8}.metric-card.active{border-color:currentColor;box-shadow:inset 0 0 25px #2646b533,0 0 16px}.metric-card:focus-visible{outline-offset:2px;outline:2px solid}.metrics{grid-template-columns:repeat(5,minmax(0,1fr))}.metric-card.slate{color:#7d8ca8}@media (max-width:1500px) and (min-width:1101px){.metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-card{height:82px}}.empty-live-data{color:#6d91a7;place-items:center;min-height:210px;font-size:13px;display:grid}.live-video-player{background:#020813;width:100%;height:100%;position:relative}.live-video-player video{object-fit:contain;width:100%;height:100%;display:block}.live-video-error{text-align:center;color:#d6e4f7;background:#020813e0;place-items:center;padding:16px;font-size:12px;display:grid;position:absolute;inset:0}.video-channel-list{color:#bcd0ed;gap:8px;padding:12px;font-size:12px;display:grid}.video-channel-list div{align-items:center;gap:8px;display:flex}.video-channel-list svg{color:#35c9ff;width:15px;height:15px}.wall-feed>.live-video-player{position:absolute;inset:0}@media (min-width:1101px){.playback-page{grid-template-rows:78px minmax(0,1fr) clamp(200px,23vh,270px)}.playback-bottom{grid-area:3/1/auto/4;min-width:0;min-height:0}}.playback-bottom{grid-template-columns:minmax(0,36fr) minmax(0,64fr);gap:8px;display:grid}.playback-bottom>.timeline,.playback-bottom>.linked-video{grid-area:auto;min-width:0;min-height:0;margin:0}.playback-bottom .play-controls .current-time-card{min-width:105px;margin-left:auto;position:static;transform:none}.linked-video{flex-direction:column;display:flex}.linked-video>.linked-video-header{justify-content:space-between;align-items:center;gap:12px;height:auto;padding-bottom:8px;display:flex}.linked-video-heading{flex-wrap:wrap;align-items:baseline;gap:3px 12px;min-width:0;display:flex}.linked-video-header h2{white-space:nowrap;margin:0}.linked-video-header small{color:#ff6376;font-size:12px;line-height:1.35}.query-side>button.playback-recent-row{grid-template-columns:22px minmax(0,1fr);height:54px}.query-side>button.playback-recent-row .playback-recent-details{color:#dce8ff;justify-self:stretch}.playback-recent-details{gap:2px;min-width:0;display:grid}.playback-recent-details b,.playback-recent-details small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.playback-recent-details small{color:#8198b9;font-size:10px}.playback-empty-recent{color:#8297b5;margin:12px 2px;font-size:12px}.playback-right{grid-template-rows:minmax(0,1fr) 140px}.playback-right>.glass{flex-direction:column;min-height:0;display:flex}.playback-right .glass-title{flex:none}.playback-stops-list{flex:1;min-height:0;overflow-y:auto}.playback-stop-row{color:#d9eaff;text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #3d578d40;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:7px;width:100%;min-height:52px;padding:5px 10px;display:grid}.playback-stop-row:hover,.playback-stop-row:focus-visible{background:#0c2850;outline:none}.playback-stop-pin{color:#59a5ff;border:1px solid #3979d0;border-radius:50%;place-items:center;width:27px;height:27px;font-size:11px;font-weight:700;display:grid}.playback-stop-details{gap:3px;min-width:0;display:grid}.playback-stop-details b,.playback-stop-details small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.playback-stop-details b{font-size:11px}.playback-stop-details small{color:#849bbe;font-size:10px}.playback-stop-row strong{color:#bad4f6;white-space:nowrap;font-size:11px}.playback-no-stops{color:#839abb;text-align:center;padding:18px 10px;font-size:12px}.playback-analysis-note{color:#7790b3;border-top:1px solid #3d578d40;flex:none;margin:0;padding:5px 10px;font-size:10px;line-height:1.3}.playback-event-stats{flex:1;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;min-height:0;padding:7px 3px;display:grid}.playback-event-stats span{border-right:1px solid #3d578d40;justify-items:center;gap:2px;min-width:0;display:grid}.playback-event-stats span:last-child{border-right:0}.playback-event-stats svg{color:#3a9cff;width:21px;height:21px}.playback-event-stats span:first-child svg{color:#ff6376}.playback-event-stats b{white-space:nowrap;font-size:17px}.playback-event-stats small{color:#8ea6c9;white-space:nowrap;font-size:10px}@media (max-width:1100px){.playback-right{grid-template-rows:none}}.linked-video-count{color:#9fc4ee;white-space:nowrap;font-size:12px}.linked-video>.linked-video-content{background:#020813;flex:1;grid-template-rows:minmax(0,1fr);grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;height:auto;min-height:0;display:grid}.linked-video-feed{background:#020813;border:1px solid #244777;min-width:0;min-height:0;position:relative;overflow:hidden}.linked-video-feed>span{z-index:2;color:#e1efff;pointer-events:none;background:#020a1ccc;border-radius:3px;padding:2px 6px;font-size:11px;position:absolute;top:5px;left:6px}.linked-video-content .empty-live-data{text-align:center;grid-area:1/1/-1/-1;place-items:center;height:100%;padding:12px;display:grid}.date-popover.date-popover-portal{z-index:10000;box-sizing:border-box;position:fixed;right:auto;transform:none}.date-popover-portal{padding:10px}.date-popover-portal>label{grid-template-columns:32px minmax(0,1fr);gap:5px}.date-popover-portal input{box-sizing:border-box;width:100%;min-width:0;font-size:12px}.date-popover-portal>div button{white-space:nowrap;justify-content:center;align-items:center;gap:5px;min-width:66px;display:inline-flex}@media (max-width:1100px){.playback-bottom{grid-template-columns:1fr;width:100%}.playback-bottom>.timeline{min-height:210px}.playback-bottom>.linked-video{min-height:390px}.linked-video>.linked-video-content{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.playback-bottom>.linked-video{min-height:350px}.vehicle-video-feeds{grid-template-columns:1fr}}.vehicle-video-header-actions{align-items:center;gap:8px;display:flex}.vehicle-video-header-actions form,.monitor-toolbar form{margin:0}.vehicle-video-dialog>header .vehicle-video-header-actions button[type=submit]{background:#1764b8;width:auto;height:30px;padding:0 12px;font-size:12px}.monitor-toolbar form button{align-items:center;gap:5px;display:inline-flex}.vehicle-video-content{display:block}.vehicle-video-feeds{grid-template-columns:repeat(2,minmax(0,1fr))}.video-capture-button{z-index:3;color:#d5e9ff;cursor:pointer;background:#051a3ae0;border:1px solid #3b78c2;border-radius:4px;align-items:center;gap:5px;padding:5px 8px;display:flex;position:absolute;top:7px;right:7px}.video-capture-button svg{width:14px;height:14px}.video-capture-button:disabled{opacity:.6;cursor:wait}.video-capture-error{z-index:4;color:#ff8996;background:#2d040ee6;padding:6px;font-size:12px;position:absolute;bottom:8px;left:7px;right:7px}@media (max-width:700px){.vehicle-video-feeds{grid-template-columns:1fr}}.monitor-work{flex-direction:column;min-height:0;display:flex;overflow:auto}.monitor-work>.monitor-toolbar{flex:none}.monitor-work>.video-wall{flex:1;height:auto;min-height:300px}.vehicle-video-dialog{max-height:calc(100vh - 24px);overflow-y:auto}.talkback-inline{color:#e9f3ff;background:#0b2645;border:1px solid #315986;border-radius:7px;margin:0 0 8px;padding:10px 13px;position:relative}.vehicle-video-dialog>.talkback-inline{margin:8px 7px 0}.talkback-inline-header{align-items:center;gap:9px;font-size:13px;display:flex}.talkback-inline-header strong{color:#fff;font-size:14px}.talkback-inline-header span{color:#9ebbdc}.talkback-inline-header button{color:#d5e8ff;cursor:pointer;background:#102f53;border:1px solid #3d658f;border-radius:4px;margin-left:auto;padding:3px 9px}.talkback-status{color:#c7d9ef;margin:8px 0;font-size:12px}.talkback-inline-actions{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.talkback-inline-actions>span{white-space:nowrap;font-size:12px}.talkback-inline-actions>button{color:#fff;white-space:nowrap;cursor:pointer;background:#1764b8;border:0;border-radius:5px;height:31px;padding:0 12px}.talkback-inline-actions>button:disabled{opacity:.5;cursor:not-allowed}.talkback-sdk-container{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.talkback-warning{color:#ff8e9a;background:#7e162938;border:1px solid #e45d69;border-left:4px solid #ff596b;border-radius:8px;margin:12px 0 16px;padding:14px 16px}.talkback-warning strong{color:#ff6979;font-size:16px;display:block}.talkback-warning p{color:#ff98a3;margin:6px 0 12px;line-height:1.6}.talkback-download-button{color:#fff;white-space:nowrap;background:#d63e52;border-radius:6px;justify-content:center;align-items:center;min-height:36px;padding:8px 14px;font-weight:600;text-decoration:none;display:inline-flex}.talkback-download-button:hover{color:#fff;background:#ed5264}.talkback-download-button:focus-visible{outline-offset:2px;outline:2px solid #fff}.talkback-channel{position:relative}.talkback-channel>button{color:#fff;cursor:pointer;background:#0a2c56;border:1px solid #4a79af;border-radius:5px;justify-content:space-between;align-items:center;gap:10px;min-width:105px;height:31px;padding:0 10px;display:flex}.talkback-channel>button:disabled{opacity:.5;cursor:not-allowed}.talkback-channel-menu{z-index:20;background:#0a203d;border:1px solid #4a79af;border-radius:6px;gap:3px;width:100%;max-height:188px;padding:5px;display:grid;position:absolute;top:calc(100% + 4px);left:0;overflow-y:auto;box-shadow:0 12px 28px #00000073}.talkback-channel-menu button{text-align:left;color:#e9f3ff;background:0 0;border:0;border-radius:4px;width:100%;padding:8px 10px;display:block}.talkback-channel-menu button:hover,.talkback-channel-menu button[aria-selected=true]{background:#1764b8}.vehicle-video-dialog>header b{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.vehicle-video-header-actions{flex-shrink:0}.vehicle-video-dialog>header .vehicle-video-header-actions button:first-child{white-space:nowrap;background:#1764b8;justify-content:center;align-items:center;width:auto;min-width:88px;height:31px;padding:0 10px;font-size:12px;display:inline-flex}.vehicle-video-dialog>header .vehicle-video-header-actions button:last-child{flex:0 0 31px}.alert-detail-mask{z-index:280}.alert-detail-dialog{color:#e7f1ff;background:#0b213d;border:1px solid #3867bc;border-radius:8px;width:min(520px,100vw - 32px);max-height:calc(100vh - 32px);overflow-y:auto;box-shadow:0 22px 70px #000000a6}.alert-detail-dialog>header{border-bottom:1px solid #294c8b;justify-content:space-between;align-items:center;min-height:52px;padding:0 18px;display:flex}.alert-detail-dialog h2{margin:0;font-size:18px}.alert-detail-dialog>header button{color:#fff;cursor:pointer;background:#154caa;border:0;border-radius:4px;width:32px;height:32px;font-size:24px;line-height:1}.alert-detail-dialog dl{margin:0;padding:12px 18px}.alert-detail-dialog dl>div{border-bottom:1px solid #4771a94d;grid-template-columns:90px minmax(0,1fr);gap:12px;padding:10px 0;display:grid}.alert-detail-dialog dt{color:#9cb5d4}.alert-detail-dialog dd{overflow-wrap:anywhere;min-width:0;margin:0}.alert-detail-dialog>p{color:#8ea8ca;margin:0;padding:0 18px 18px;font-size:12px}.ledger-table .alert-table{overflow:auto}.ledger-table .alert-table-head,.ledger-table .alert-table-row{grid-template-columns:38px 165px minmax(100px,.7fr) minmax(135px,.9fr) minmax(190px,1.2fr) minmax(230px,1.6fr) 60px;column-gap:12px;min-width:960px;padding:0 12px;font-size:12px}.ledger-table .alert-table-head{z-index:1;height:42px;position:sticky;top:0}.ledger-table .alert-table-row{height:52px;min-height:52px}.ledger-table .alert-table-row>*{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.ledger-table .alert-table-row>.row-actions{justify-self:start}.alerts-page .alert-source-switch{flex:none}.alerts-page .filterbar>.search-control{flex:1;min-width:200px}.ledger-table>.shared-pagination{flex:none}.alert-table-empty{text-align:center;color:#8fa4c6;padding:32px 12px}.alert-history-error{color:#ff8292}@media (max-width:1400px) and (min-width:1101px){.ledger-table .alert-table-head,.ledger-table .alert-table-row{grid-template-columns:26px 134px 84px 114px 138px minmax(125px,1fr) 38px;column-gap:6px;min-width:0;padding:0 6px;font-size:11px}}.mileage-organizations-content{grid-template-columns:minmax(140px,42%) minmax(0,1fr);align-items:center;gap:16px;height:calc(100% - 34px);min-height:0;padding:14px 18px;display:grid}.mileage-organizations-content>.report-donut{width:100%;height:100%;min-height:0;max-height:240px}.mileage-organization-legend{min-width:0;max-height:100%;overflow-y:auto}.mileage-legend-heading{color:#6e88ab;justify-content:space-between;gap:10px;margin-bottom:14px;font-size:10px;display:flex}.mileage-legend-item{margin-bottom:16px}.mileage-legend-item:last-child{margin-bottom:0}.mileage-legend-values{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 12px;display:grid}.mileage-legend-name{color:#d2e2f8;overflow-wrap:anywhere;align-items:center;gap:8px;min-width:0;font-size:12px;display:flex}.mileage-legend-name i{background:var(--organization-color);border-radius:50%;flex:none;width:8px;height:8px}.mileage-legend-values strong{color:#e4efff;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:13px;font-weight:600}.mileage-legend-values small{color:#8198b7;font-size:10px;font-weight:400}.mileage-legend-values em{text-align:right;color:var(--organization-color);font-variant-numeric:tabular-nums;grid-column:2;font-size:11px;font-style:normal}.mileage-legend-track{background:#476c9e33;border-radius:4px;height:4px;margin-top:8px;overflow:hidden}.mileage-legend-track>span{border-radius:inherit;background:var(--organization-color);height:100%;display:block}.mileage-legend-empty{color:#7e97b8;font-size:12px;line-height:1.6}.mileage-overview-content{flex-direction:column;gap:12px;height:calc(100% - 34px);min-height:0;padding:12px 14px;display:flex;overflow-y:auto}.mileage-overview-range{color:#819cbd;border-bottom:1px solid #3a629a4d;align-items:center;gap:8px;padding-bottom:8px;font-size:10px;line-height:1.6;display:flex}.mileage-overview-range svg{color:#64b9f3;flex:none}.mileage-overview-range b{margin-left:4px;font-weight:400;display:inline}.mileage-overview-total>span{color:#9bb4d4;font-size:11px;display:block}.mileage-overview-total>strong{color:#72d1ff;font-variant-numeric:tabular-nums;white-space:nowrap;margin-top:4px;font-size:26px;font-weight:600;line-height:1.2;display:block}.mileage-overview-total small{color:#879fbd;font-size:11px;font-weight:400}.mileage-overview-metrics{flex:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.mileage-overview-metrics>div{background:#10274866;border:1px solid #395e924d;border-radius:5px;flex-direction:column;justify-content:center;gap:5px;min-width:0;padding:9px;display:flex}.mileage-overview-metrics span{color:#819cbe;white-space:nowrap;font-size:10px}.mileage-overview-metrics strong{color:#dcecff;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:17px;font-weight:600}.mileage-overview-metrics small{color:#819cbd;font-size:9px;font-weight:400}@media (max-width:1400px) and (min-width:1101px){.mileage-organizations-content{gap:10px;padding:12px}.mileage-overview-content{gap:8px;padding:10px}.mileage-overview-total>strong{font-size:23px}.mileage-overview-metrics>div{padding:7px}.mileage-overview-metrics strong{font-size:15px}}@media (max-height:820px) and (min-width:1101px){.mileage-overview-content{gap:6px;padding:9px 10px}.mileage-overview-range{gap:5px;padding-bottom:6px;font-size:9px}.mileage-overview-total>strong{font-size:23px}.mileage-overview-metrics{gap:6px}.mileage-overview-metrics>div{gap:3px;padding:6px}.mileage-overview-metrics strong{font-size:15px}.mileage-overview-metrics span{font-size:9px}}@media (max-width:1100px){.mileage-organizations-content{height:285px}.mileage-overview-content{height:auto;min-height:280px}.mileage-overview-range b{margin-left:6px;display:inline}.mileage-overview-metrics>div{padding:14px}.mileage-overview-metrics strong{font-size:21px}}@media (max-width:480px){.mileage-organizations-content{grid-template-columns:minmax(100px,38%) minmax(0,1fr);gap:10px;padding:12px}.mileage-legend-values{grid-template-columns:1fr}.mileage-legend-values em{text-align:left;grid-column:auto}.mileage-legend-heading span:last-child{display:none}}.track-stop-marker{color:#a9ddff;cursor:pointer;white-space:nowrap;background:#09264c;border:1px solid #57b7ff;border-radius:8px;place-items:center;min-width:34px;height:32px;padding:0 6px;font-size:12px;font-weight:600;display:grid;position:relative;box-shadow:0 2px 12px #0009}.track-stop-marker:after{content:"";background:#09264c;border-bottom:1px solid #57b7ff;border-right:1px solid #57b7ff;width:8px;height:8px;position:absolute;bottom:-5px;left:calc(50% - 4px);transform:rotate(45deg)}.track-stop-marker:hover,.track-stop-marker.selected{color:#fff;background:#1761a7;border-color:#8cdbff;box-shadow:0 0 14px #3ab3ff8c}.track-stop-marker.selected:after,.track-stop-marker:hover:after{background:#1761a7;border-color:#8cdbff}.track-stop-marker:focus-visible{outline-offset:3px;outline:2px solid #fff}.track-stop-info{color:#dcecff;background:#05142bfa;border:1px solid #458fd0;border-radius:8px;width:285px;max-width:calc(100vw - 40px);padding:14px;font-family:Microsoft YaHei,sans-serif;box-shadow:0 8px 28px #00000080}.track-stop-info header{color:#8cd7ff;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:14px;display:flex}.track-stop-info header button{color:#9fb4cf;cursor:pointer;background:0 0;border:0;font-size:20px;line-height:1}.track-stop-info p{grid-template-columns:60px minmax(0,1fr);gap:8px;margin:8px 0;font-size:11px;line-height:1.5;display:grid}.track-stop-info p>span{color:#89a1c0}.track-stop-info p>b{overflow-wrap:anywhere;font-weight:500}.track-stop-info>small{color:#718baa;border-top:1px solid #244263;margin-top:10px;padding-top:9px;font-size:10px;display:block}.playback-stop-row.active{background:#206aad38;box-shadow:inset 3px 0 #62baff}.route-stop-key{color:#85ccff}.vehicle-side .vehicle-detail-tabs button{white-space:nowrap;padding:0 0 5px;font-size:11px}.realtime-page .vehicle-side{flex-direction:column;display:flex}.realtime-page .vehicle-side>:not(.vehicle-detail-content){flex-shrink:0}.realtime-page .vehicle-side .vehicle-detail-content{flex:1;min-height:0;padding:12px 2px;overflow-y:auto}.realtime-page .vehicle-side .vehicle-detail-content.live-details{padding:0}.realtime-page .vehicle-side .vehicle-actions{margin-top:8px}@media (max-width:1100px){.realtime-page .vehicle-side .vehicle-detail-content{flex:none;height:360px}.realtime-page .vehicle-side .vehicle-detail-content.live-details{height:auto;overflow:visible}}.vehicle-detail-content h3{color:#d7e7ff;margin:0 0 12px;font-size:12px;font-weight:500}.vehicle-detail-fields{gap:0;margin:0;display:grid}.vehicle-detail-fields>div{border-bottom:1px solid #2b487c4d;grid-template-columns:82px minmax(0,1fr);gap:8px;padding:9px 4px;font-size:11px;display:grid}.vehicle-detail-fields dt{color:#8199ba}.vehicle-detail-fields dd{color:#d9e7fa;overflow-wrap:anywhere;margin:0}.vehicle-detail-query{align-items:end;gap:8px;margin-bottom:14px;display:flex}.vehicle-detail-query .date-control{color:#8fa7c8;flex:1;gap:5px;min-width:0;font-size:10px;display:grid}.vehicle-detail-query .date-control>button{justify-content:space-between;width:100%;padding:6px;font-size:10px}.date-popover>p{color:#ffa8a8;font-size:11px;line-height:1.5}.date-popover button:disabled{opacity:.4;cursor:not-allowed}.vehicle-detail-query label{color:#8fa7c8;flex:1;gap:5px;min-width:0;font-size:10px;display:grid}.vehicle-detail-query input{color-scheme:dark;color:#d3e3f7;background:#071a38;border:1px solid #28497a;border-radius:3px;width:100%;min-width:0;padding:5px 7px;font-size:11px}.vehicle-detail-query button,.vehicle-detail-pagination button,.vehicle-detail-message button{color:#9bcff5;cursor:pointer;background:#071a38;border:1px solid #28497a;border-radius:3px;padding:6px 10px;font-size:11px}.vehicle-detail-message{color:#8fa7c8;text-align:center;padding:20px 4px;font-size:12px;line-height:1.6}.vehicle-detail-message.error{color:#ff9d9d}.vehicle-detail-message button{margin:8px auto;display:block}.vehicle-driving-summary{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px;display:grid}.vehicle-driving-summary>span{color:#91a8ca;background:#18365f66;border:1px solid #2b487c66;border-radius:4px;padding:10px;font-size:10px}.vehicle-driving-summary strong{color:#71cfff;font-variant-numeric:tabular-nums;margin-top:5px;font-size:19px;display:block}.vehicle-driving-summary small{font-size:10px;font-weight:400}.vehicle-driving-row{margin-bottom:12px}.vehicle-detail-link{color:#65caff;padding:8px 0;font-size:11px;text-decoration:none;display:block}.vehicle-alarm-records{gap:8px;display:grid}.vehicle-alarm-records>button{text-align:left;color:#dce9fb;cursor:pointer;background:#0c1e39b3;border:1px solid #274569;border-radius:4px;padding:10px}.vehicle-alarm-records>button:hover{border-color:#49baff}.vehicle-alarm-records span{justify-content:space-between;gap:8px;display:flex}.vehicle-alarm-records b{overflow-wrap:anywhere;font-size:12px}.vehicle-alarm-records small{color:#90a7c8;white-space:nowrap;font-size:10px}.vehicle-alarm-records time{color:#8fa7c8;margin-top:7px;font-size:11px;display:block}.vehicle-alarm-records em{color:#64c8ff;margin-top:7px;font-size:10px;font-style:normal;display:block}.vehicle-detail-pagination{color:#90a7c8;justify-content:space-between;align-items:center;margin-top:12px;font-size:11px;display:flex}.vehicle-detail-pagination button:disabled{opacity:.4;cursor:not-allowed}.vehicle-detail-tabs button:focus-visible,.vehicle-detail-content button:focus-visible{outline-offset:2px;outline:2px solid #49baff}.fleet-root button.fleet-vehicle>i{background:var(--vehicle-state-color);color:var(--vehicle-state-color)}.realtime-page .vehicle-side .side-head>span,.realtime-page .vehicle-side .vehicle-state-text,.realtime-page .vehicle-side .truck-card>svg{color:var(--vehicle-state-color)}.realtime-page .vehicle-side .terminal-state-text{color:var(--terminal-state-color)}.realtime-page .vehicle-health header>span{color:var(--terminal-state-color);border-color:var(--terminal-state-color);background:var(--terminal-state-color)}@supports (color:color-mix(in lab,red,red)){.realtime-page .vehicle-health header>span{background:color-mix(in srgb,var(--terminal-state-color)8%,transparent)}}.realtime-page .health-grid span:nth-child(2) b{color:#cfe0f6}.realtime-page .map-vehicle-stats span:nth-child(2) b{color:var(--driving-color)}.realtime-page .map-vehicle-stats span:nth-child(3) b{color:var(--parked-color)}.realtime-page .map-vehicle-stats span:nth-child(4) b{color:var(--offline-color)}.realtime-page .map-vehicle-stats{background:linear-gradient(90deg,#040e27f0,#05112ddb);grid-template-rows:38px 14px;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px 20px;height:72px;padding:8px 24px}.realtime-page .map-vehicle-stats>span{text-align:center;min-width:0}.realtime-page .map-vehicle-stats>span:nth-child(4){border-right:0}.realtime-page .map-vehicle-stats b{margin-top:3px;line-height:22px}.realtime-page .map-vehicle-stats em{grid-column:1/-1;line-height:14px}@media (max-width:700px){.realtime-page .map-vehicle-stats{column-gap:12px;padding-left:12px;padding-right:12px}}.amap-vehicle-marker.green{color:#32d194}.amap-vehicle-marker.amber{color:#ffad3c}.amap-vehicle-marker.slate{color:#6d7b9e}.amap-vehicle-marker.red{color:#ff6877}.vehicle-actions .vehicle-video-action{cursor:pointer;color:#8ddcff;background:linear-gradient(110deg,#0d2d50,#0b2141);border-color:#28699a;grid-column:span 2}.vehicle-actions .vehicle-video-action:hover:not(:disabled){color:#fff;background:#12385a;border-color:#49baff}.vehicle-actions .vehicle-video-action:focus-visible{outline-offset:2px;outline:2px solid #49baff}.vehicle-actions .vehicle-video-action:disabled{opacity:.45;cursor:not-allowed}.fleet-status-panel .status-wrap{grid-template-columns:minmax(90px,38%) minmax(0,1fr);align-items:center;gap:16px;padding:16px 18px;display:grid}.fleet-status-panel .dashboard-donut{aspect-ratio:1;justify-self:center;width:100%;min-width:0;max-width:176px;height:auto;max-height:100%}.fleet-status-list{gap:18px;min-width:0;display:grid}.fleet-status-row{min-width:0}.fleet-status-values{grid-template-columns:minmax(0,1fr) auto 52px;align-items:baseline;gap:10px;line-height:1.4;display:grid}.fleet-status-name{color:#c4d3eb;white-space:nowrap;align-items:center;gap:8px;font-size:13px;display:flex}.fleet-status-name i{background:var(--status-color);width:7px;height:7px;box-shadow:0 0 7px var(--status-color);border-radius:50%;flex:none}@supports (color:color-mix(in lab,red,red)){.fleet-status-name i{box-shadow:0 0 7px color-mix(in srgb,var(--status-color)30%,transparent)}}.fleet-status-values strong{color:#edf6ff;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:20px;font-weight:600}.fleet-status-values strong small{color:#7f93b2;margin-left:4px;font-size:10px;font-weight:400}.fleet-status-percent{text-align:right;color:#91a6c5;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px}.fleet-status-track{background:#6d8bb821;border-radius:4px;height:4px;margin-top:8px;overflow:hidden}.fleet-status-track>span{border-radius:inherit;background:var(--status-color);height:100%;transition:width .4s;display:block}@media (max-width:1400px) and (min-width:1101px){.fleet-status-panel .status-wrap{grid-template-columns:minmax(78px,34%) minmax(0,1fr);gap:10px;padding:12px}.fleet-status-values{grid-template-columns:minmax(0,1fr) auto 46px;gap:6px}.fleet-status-values strong{font-size:17px}.fleet-status-name{gap:5px;font-size:12px}.fleet-status-percent{font-size:11px}}@media (max-height:820px) and (min-width:1101px){.fleet-status-panel .status-wrap{padding-top:8px;padding-bottom:8px}.fleet-status-list{gap:10px}.fleet-status-track{margin-top:5px}.fleet-status-panel .dashboard-donut{max-width:130px}}@media (max-width:380px){.fleet-status-panel .status-wrap{gap:10px;padding:12px}.fleet-status-values{grid-template-columns:minmax(0,1fr) auto 46px;gap:6px}.fleet-status-values strong{font-size:17px}.fleet-status-percent{font-size:11px}}.station-empty-page .station-right{grid-template-rows:80px minmax(220px,1.2fr) minmax(180px,1fr) 84px}.station-demo-page .station-right{grid-template-rows:80px minmax(300px,1.2fr) minmax(180px,1fr) 84px}.station-demo-label{color:#7895b5;border:1px solid #25466c;border-radius:3px;margin-left:auto;padding:2px 5px;font-size:10px;font-weight:400}.station-demo-page .recognition-card{overflow-y:auto}.station-demo-page .trend-title button{white-space:nowrap;min-width:38px;padding:0 6px}@media (max-width:1100px){.station-demo-page .station-metrics{min-height:80px}.station-demo-page .permission-panel{min-height:350px}.station-demo-page .trend-panel{height:240px}.station-demo-page .intercept-alert{min-height:84px}}.station-empty-message{text-align:center;color:#8199b6;padding:24px 12px;font-size:12px}.station-empty-page .permission-panel>.station-empty-message{flex:1;margin:0}.station-empty-page .permission-panel>.shared-pagination{flex-shrink:0}.gate-empty{color:#6885a9;background:#051426;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.gate-empty>svg{color:#355d91;width:42px;height:42px}.gate-empty:after{content:none}.pass-result>strong.station-pending{color:#8199b6;font-size:18px}.station-empty-page .recognition-card{overflow-y:auto}@media (min-width:1101px) and (max-width:1500px){.recognition-demo .recognition-type-donut{flex:none;height:58%;min-height:85px}.recognition-demo .recognition-type-legend{flex:none;grid-template-columns:1fr 1fr;gap:6px 8px;font-size:9px;display:grid}.recognition-demo .recognition-type-legend>span{flex-wrap:wrap;gap:3px}.recognition-demo .recognition-type-legend b{width:100%;margin:0;padding-left:10px}.recognition-demo .recognition-type-legend small{font-size:8px}}.recognition-demo{grid-template-rows:34px 78px auto minmax(0,1fr)}.recognition-demo-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.recognition-demo-heading>span{color:#ffbf68;background:#302317;border:1px solid #785632;border-radius:4px;flex:none;padding:4px 9px;font-size:11px}.recognition-demo .recognition-grid{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr)}.recognition-demo-filters{flex-wrap:wrap;gap:8px}.recognition-demo-filters input{max-width:140px}.recognition-demo-filters .select-wrap select{max-width:180px}.recognition-demo-filters .date-control>button{font-size:11px}.recognition-demo-filters>button{cursor:pointer;font-size:12px}.recognition-demo-filters .date-control{margin-left:auto}.recognition-demo-records{flex-direction:column;min-height:0;display:flex}.recognition-demo-records .glass-title{flex:none}.recognition-table-scroll{flex:1;min-height:0;overflow:auto}.recognition-table-scroll table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:11px}.recognition-table-scroll th{z-index:1;text-align:left;color:#91aac8;background:#081b32;border-bottom:1px solid #234064;padding:12px 10px;font-weight:400;position:sticky;top:0}.recognition-table-scroll td{color:#c8d9ed;border-bottom:1px solid #2b487c52;padding:7px 10px}.recognition-table-scroll td:first-child{font-size:10px}.recognition-table-scroll td:nth-child(5){white-space:normal;min-width:115px;max-width:180px;line-height:1.6}.recognition-table-scroll tr.selected td{background:#206cac24}.recognition-table-scroll tr:hover td{background:#206cac33}.demo-plate{letter-spacing:.5px;color:#f3f8ff;white-space:nowrap;background:linear-gradient(#1675dc,#0750a7);border:1px solid #94baf0;border-radius:3px;padding:4px 8px;font-size:14px;font-weight:500;display:inline-block;box-shadow:inset 0 0 0 2px #0c458c}.demo-plate.yellow{color:#172337;background:#ffbd45;border-color:#fbd27a;box-shadow:inset 0 0 0 2px #c89432}.demo-plate.electric{color:#052f1d;background:linear-gradient(#b8ebca,#2d9b63);border-color:#a1dcbb;box-shadow:inset 0 0 0 2px #529e72}.demo-plate.other{color:#172337;background:#d4dce9;border-color:#a5b4ce;box-shadow:inset 0 0 0 2px #9aa9c0}.recognition-plate-button,.recognition-thumb{cursor:pointer;background:0 0;border:0;padding:0}.recognition-thumb img{object-fit:cover;object-position:50% 48%;border:1px solid #2d547e;border-radius:3px;width:68px;height:46px}.recognition-table-scroll .row-actions{color:#54caff;cursor:pointer;padding:6px}.recognition-result{color:var(--result-color);background:var(--result-color);border-radius:3px;padding:3px 7px;display:inline-block}@supports (color:color-mix(in lab,red,red)){.recognition-result{background:color-mix(in srgb,var(--result-color)12%,transparent)}}.recognition-result{white-space:nowrap;font-size:11px}.recognition-pagination{border-top:1px solid #234064;flex:none;align-items:center;gap:8px;padding:5px 10px;display:flex}.recognition-pagination .control-field{white-space:nowrap;font-size:10px}.recognition-pagination select{height:28px}.recognition-pagination .shared-pagination{flex:1;gap:4px;min-width:0;padding:6px 0;font-size:10px}.recognition-pagination .shared-pagination button{min-width:25px;height:27px}.recognition-demo .recognition-right{grid-template-rows:minmax(0,1.35fr) minmax(0,1fr);min-height:0}.recognition-live-preview{flex-direction:column;min-height:0;display:flex}.recognition-live-preview .glass-title{flex:none}.recognition-capture{flex:1;min-height:0;margin:8px 8px 0;position:relative;overflow:hidden}.recognition-capture>img{object-fit:cover;object-position:50% 43%;width:100%;height:100%}.recognition-capture-site{color:#e0eeff;background:#030f1dcc;border-radius:3px;padding:5px 8px;font-size:11px;position:absolute;top:8px;left:8px}.recognition-capture-plate{background:#012c;border:1px solid #41dcff;padding:4px;position:absolute;bottom:14%;left:50%;transform:translate(-50%);box-shadow:0 0 10px #1cbbff}.recognition-capture>small{color:#fff;background:#001122b3;padding:3px;font-size:10px;position:absolute;bottom:5px;right:7px}.recognition-capture-info{flex:none;grid-template-columns:1.2fr 1fr .8fr 1fr;gap:8px;padding:10px 12px;display:grid}.recognition-capture-info>span{color:#849ebb;flex-direction:column;align-items:flex-start;gap:6px;font-size:10px;display:flex}.recognition-capture-info strong{color:#e3edfb;font-size:17px}.recognition-capture-info .demo-plate{padding:3px 5px;font-size:12px}.recognition-demo .recognition-charts{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}.recognition-charts>.glass{min-height:0}.recognition-trend{height:calc(100% - 34px);min-height:0}.recognition-distribution{align-items:center;height:calc(100% - 34px);min-height:0;padding:0 8px;display:flex}.recognition-type-donut{width:48%;min-width:0;height:100%}.recognition-type-legend{flex:1;gap:14px;font-size:10px;display:grid}.recognition-type-legend>span{white-space:nowrap;align-items:center;gap:5px;display:flex}.recognition-type-legend i{border-radius:50%;flex:none;width:7px;height:7px}.recognition-type-legend b{color:#d7e7fa;margin-left:auto;font-weight:400}.recognition-type-legend small{color:#91a7c2;font-size:9px}.recognition-empty{text-align:center;color:#849ebb;padding:35px 10px;font-size:12px}.recognition-detail-dialog{background:#071a32;border:1px solid #345d93;border-radius:8px;width:min(760px,92vw);max-height:90vh;padding:16px;overflow:auto}.recognition-detail-dialog header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.recognition-detail-dialog h2{margin:0;font-size:18px}.recognition-detail-dialog header button{color:#aac4e2;cursor:pointer;background:0 0;border:0}.recognition-detail-dialog>img{object-fit:cover;object-position:50% 42%;border-radius:4px;width:100%;max-height:42vh}.recognition-detail-dialog dl{grid-template-columns:1fr 1fr;gap:12px;display:grid}.recognition-detail-dialog dl>div{grid-template-columns:70px 1fr;font-size:12px;display:grid}.recognition-detail-dialog dt{color:#8fa7c8}.recognition-detail-dialog dd{color:#e0ecfb;margin:0}@media (max-width:1500px) and (min-width:1101px){.recognition-demo .recognition-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}.recognition-demo-filters{padding:6px}.recognition-demo-filters input{max-width:115px}.recognition-demo-filters .control-field{font-size:10px}.recognition-demo-filters .select-wrap select{max-width:120px;padding:0 6px;font-size:10px}.recognition-demo-filters .date-control{margin-left:0}.recognition-demo-filters .date-control>button{font-size:10px}.recognition-table-scroll td,.recognition-table-scroll th{padding-left:6px;padding-right:6px}.recognition-demo .recognition-charts{grid-template-columns:1fr 1fr}.recognition-distribution{flex-direction:column}.recognition-type-donut{width:100%;height:58%}.recognition-type-legend{gap:5px;width:100%;padding-bottom:8px}.recognition-capture-info{gap:4px;padding:8px}.recognition-capture-info strong{font-size:13px}.recognition-capture-info .demo-plate{font-size:10px}.recognition-pagination .shared-pagination{flex-wrap:wrap}}@media (max-width:1100px){.recognition-demo .recognition-grid{flex-direction:column;display:flex}.recognition-demo-heading .suite-tabs{width:auto}.recognition-demo .recognition-demo-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.recognition-demo-filters .date-control{margin-left:0}.recognition-demo-records{height:650px}.recognition-demo .recognition-right{grid-template-rows:420px 300px;min-height:0;display:grid}.recognition-demo .recognition-charts>.glass{min-height:0}.recognition-demo-filters label,.recognition-demo .recognition-pagination,.recognition-pagination .shared-pagination{flex-wrap:wrap}.recognition-detail-dialog dl{grid-template-columns:1fr}}.station-empty-page .plate-capture{flex-shrink:0;height:70px}.station-empty-page .plate-capture b{height:36px}.station-empty-page .pass-result dl{gap:4px;line-height:1.2}.station-empty-page .pass-result button{flex-shrink:0;height:32px;min-height:32px;margin-top:8px}.station-empty-page .trend-title button{white-space:nowrap;min-width:38px;padding:0 6px}.station-empty-page button:disabled{opacity:.5;cursor:default}.station-no-alert{box-shadow:none;background:linear-gradient(90deg,#082039,#06162a);border-color:#284d74}.station-no-alert>svg{color:#6885a9;background:#102c4a}.station-no-alert h3,.station-no-alert h3 em,.station-no-alert p{color:#91a7c2}.station-no-alert button{color:#91a7c2;background:#0d2947;border-color:#284d74}@media (max-width:1100px){.station-empty-page .station-metrics{min-height:80px}.station-empty-page .permission-panel{min-height:280px}.station-empty-page .trend-panel{height:240px}.station-empty-page .intercept-alert{min-height:84px}}.hik-station-page.station-page{grid-template-columns:250px minmax(420px,1fr) 310px;align-items:stretch;gap:14px;padding:16px;overflow:auto}.hik-station-list{flex-direction:column;min-height:620px;display:flex}.hik-station-list h2 small{color:#70b7ec;margin-left:6px;font-size:11px}.hik-station-list .station-scroll{flex:1;min-height:180px}.hik-station-list .station-scroll button{min-height:95px}.hik-station-list .station-scroll em{font-style:normal}.hik-list-foot{color:#c5d8e9;border-top:1px solid #28445e;padding:16px}.hik-list-foot small{color:#819cb5}.hik-muted{color:#8ba7bf;padding:22px 14px;line-height:1.8}.hik-station-main{flex-direction:column;gap:12px;min-width:0;display:flex}.hik-station-header{background:#0d2038;border:1px solid #253e59;justify-content:space-between;align-items:center;gap:12px;padding:16px;display:flex}.hik-station-header h2{margin:0 0 5px;font-size:20px}.hik-station-header p{color:#8ba7bf;margin:0;font-size:12px}.hik-actions{flex-wrap:wrap;gap:8px;display:flex}.hik-actions button,.hik-actions a,.hik-auth-card>a,.hik-video-empty button{color:#cde9ff;cursor:pointer;background:#122f4c;border:1px solid #356084;border-radius:4px;justify-content:center;align-items:center;gap:6px;padding:9px 12px;font-size:12px;text-decoration:none;display:inline-flex}.hik-actions button:disabled{opacity:.55;cursor:wait}.hik-error{color:#ffd9ac;background:#302819;border:1px solid #875e37;align-items:center;gap:9px;padding:12px 14px;line-height:1.7;display:flex}.hik-error>span{flex:1}.hik-error button{color:inherit;cursor:pointer;background:0 0;border:1px solid #986f3e;padding:4px 10px}.hik-auth-card{text-align:center;background:#112b43;border:1px solid #345976;padding:20px}.hik-auth-card>svg{color:#66bcfa;margin:auto}.hik-auth-card h3{margin:8px}.hik-auth-card p{color:#a4bdd1}.hik-auth-card>a{background:#165680}.hik-video-stage{aspect-ratio:16/9;background:#030b16;border:1px solid #29455f;min-height:300px;position:relative;overflow:hidden}.hik-video-stage iframe{background:#000;border:0;width:100%;height:100%;position:absolute;inset:0}.hik-video-empty{text-align:center;color:#8aa7c0;flex-direction:column;justify-content:center;align-items:center;height:100%;min-height:300px;padding:26px;display:flex}.hik-video-empty>svg{color:#47789f}.hik-video-empty h3{color:#d8e9f7;margin:16px 0 0;font-size:20px}.hik-video-empty p{line-height:1.7}.hik-frame-status{pointer-events:none;color:#bad6eb;z-index:1;background:#10243dee;padding:12px;position:absolute;top:12px;left:12px;right:12px}.hik-video-controls{color:#b8d1e7;justify-content:space-between;align-items:center;gap:10px;min-height:42px;display:flex}.hik-player-note{color:#829cb3;margin:0;font-size:12px;line-height:1.7}.hik-passage-empty{background:#0b1d32;border:1px solid #263f58;flex:1;min-height:140px;padding:18px}.hik-passage-empty h3{margin:0 0 16px;font-size:15px}.hik-passage-empty p{color:#8da5bd;font-size:13px;line-height:1.8}.hik-station-side{flex-direction:column;gap:14px;min-width:0;display:flex}.hik-channel-metrics{background:#0c223a;border:1px solid #2d4b65;grid-template-columns:repeat(3,1fr);gap:5px;padding:18px 6px;display:grid}.hik-channel-metrics>div{text-align:center}.hik-channel-metrics b{color:#d0eaff;font-size:27px;display:block}.hik-channel-metrics span{color:#88a9c3;margin-top:8px;font-size:11px;display:block}.hik-channel-panel{background:#0a1c31;border:1px solid #28445f;flex:1;min-height:260px}.hik-channel-panel h3{border-bottom:1px solid #263f58;margin:0;padding:16px;font-size:15px}.hik-channel-panel h3 small{float:right;color:#8ba7bf;font-weight:400}.hik-channel-list{max-height:520px;padding:8px;overflow:auto}.hik-channel-list>button{text-align:left;color:#c8e0f3;cursor:pointer;background:#10263c;border:1px solid #24405b;border-radius:4px;align-items:center;gap:8px;width:100%;margin-bottom:7px;padding:13px 10px;display:flex}.hik-channel-list>button.active{background:#133b5c;border-color:#4aabec;box-shadow:inset 3px 0 #49aeef}.hik-channel-list>button>div{flex:1;min-width:0}.hik-channel-list b{text-overflow:ellipsis;white-space:nowrap;font-size:13px;display:block;overflow:hidden}.hik-channel-list small{color:#82a1b9;overflow-wrap:anywhere;margin-top:5px;font-size:10px;display:block}.hik-channel-list>button>span{font-size:11px}.hik-online,.hik-channel-metrics b.hik-online{color:#65d9b1!important}.hik-offline{color:#8b9aac!important}.hik-updated{color:#7997b0;margin:0;font-size:11px;line-height:1.8}@media (max-width:1250px){.hik-station-page.station-page{grid-template-columns:210px minmax(360px,1fr)}.hik-station-side{grid-column:1/-1;grid-template-columns:220px 1fr;display:grid}.hik-channel-panel{min-height:180px}.hik-channel-list{max-height:240px}.hik-updated{grid-column:1/-1}}@media (max-width:760px){.hik-station-page.station-page{flex-direction:column;display:flex}.hik-station-list{min-height:200px;max-height:360px}.hik-station-side{display:flex}.hik-station-header,.hik-video-controls{flex-direction:column;align-items:flex-start}.hik-video-stage,.hik-video-empty{min-height:240px}}.hik-admin-page{min-height:calc(100vh - 70px);padding:32px 20px}.hik-admin-card{color:#c6def0;background:#0c2139;border:1px solid #315273;border-radius:8px;max-width:820px;margin:auto;padding:28px}.hik-admin-title{justify-content:space-between;align-items:center;gap:16px;display:flex}.hik-admin-title h2{margin:0;font-size:22px}.hik-admin-title a{color:#7ecbff}.hik-admin-card>p{color:#9eb9d0;line-height:1.8}.hik-admin-card form{flex-direction:column;gap:14px;margin-top:28px;display:flex}.hik-admin-card input{color:#e6f4ff;background:#07172a;border:1px solid #3b5c78;border-radius:4px;padding:12px}.hik-admin-card form button{color:#e7f6ff;cursor:pointer;background:#164b72;border:1px solid #468ec1;padding:12px}.hik-admin-card dl{grid-template-columns:120px 1fr;gap:18px;padding:20px 0;display:grid}.hik-admin-card dd{margin:0}.hik-admin-note{margin-top:24px;font-size:12px}.hik-admin-card .hik-error{margin-block:15px}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}