@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap";:root{color:#132a36;font-synthesis:none;--navy:#102a36;--blue:#3155d9;--mint:#12a877;--line:#e3eaed;background:#f4f7f8;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:flex}.sidebar{z-index:20;color:#dce7eb;background:#102b38;flex-direction:column;width:250px;height:100vh;padding:24px 16px 18px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:11px;padding:0 8px 27px;display:flex}.brand-mark{color:#fff;background:#25b587;border-radius:12px 12px 5px;place-items:center;width:41px;height:41px;display:grid}.brand strong{letter-spacing:1.8px;color:#fff;font:800 17px Manrope;display:block}.brand span{letter-spacing:1.1px;color:#91a8b2;margin-top:1px;font-size:10px;display:block}.nav-caption{letter-spacing:1.6px;color:#728d98;margin:0 0 9px;padding:0 12px;font-size:10px}.nav-item{color:#a9bdc5;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:13px;width:100%;height:45px;margin-bottom:3px;padding:0 13px;font-size:13px;font-weight:500;display:flex}.nav-item:hover{color:#fff;background:#183946}.nav-item.active{color:#fff;background:#1c4650;box-shadow:inset 3px 0 #24b789}.site-card{background:#173946;border:1px solid #244c59;border-radius:11px;align-items:center;gap:9px;margin-top:auto;padding:12px;display:flex}.site-icon{color:#39c99c;background:#21515e;border-radius:8px;place-items:center;min-width:33px;height:33px;display:grid}.site-card div:nth-child(2){flex:1;min-width:0}.site-card span,.site-card small{color:#76929c;letter-spacing:.6px;font-size:8px;display:block}.site-card strong{color:#fff;margin:3px 0;font-size:11px;display:block}.sidebar-footer{color:#7e98a2;align-items:center;padding:17px 5px 0;font-size:10px;display:flex}.sidebar-footer small{margin-left:auto}.online-dot,.ok-dot{background:#27c98e;border-radius:50%;width:7px;height:7px;margin-right:7px;box-shadow:0 0 0 3px #1d4b47}.main-content{width:calc(100% - 250px);min-height:100vh;margin-left:250px}.topbar{border-bottom:1px solid var(--line);z-index:10;background:#fff;align-items:center;height:68px;padding:0 30px;display:flex;position:sticky;top:0}.search-box{color:#8b9da5;background:#f4f7f8;border:1px solid #edf1f2;border-radius:9px;align-items:center;gap:9px;width:min(370px,40vw);height:38px;padding:0 12px;display:flex}.search-box input{color:#18333e;background:0 0;border:0;outline:0;width:100%;font-size:12px}.header-actions{align-items:center;gap:12px;margin-left:auto;display:flex}.connection{color:#399477;background:#effaf6;border:1px solid #dbf2ea;border-radius:20px;align-items:center;gap:6px;padding:7px 10px;font-size:10px;display:flex}.icon-button{color:#4c626c;background:0 0;border:0;border-radius:8px;place-items:center;padding:7px;display:grid;position:relative}.icon-button:hover{background:#eef3f5}.notification i{background:#ef6c55;border:1px solid #fff;border-radius:50%;width:6px;height:6px;position:absolute;top:5px;right:5px}.avatar{color:#fff;background:#183946;border-radius:9px;place-items:center;width:34px;height:34px;font-size:11px;font-weight:700;display:grid}.menu-button,.close-menu{display:none}.page{max-width:1540px;margin:auto;padding:31px clamp(20px,3vw,43px) 45px}.page-heading{justify-content:space-between;align-items:end;margin-bottom:25px;display:flex}.eyebrow{color:#78909a;letter-spacing:1.5px;margin:0 0 6px;font-size:9px;font-weight:700}.page-heading h1{color:#102b38;letter-spacing:-.7px;margin:0 0 4px;font:700 clamp(23px,2.3vw,31px) Manrope}.page-heading>div>p:last-child{color:#7d9098;margin:0;font-size:12px}.gate-button{color:#fff;background:#173b47;border:0;border-radius:9px;align-items:center;gap:8px;padding:11px 17px;font-size:11px;font-weight:600;display:flex;box-shadow:0 5px 13px #173b4726}.gate-button:hover,.gate-button.opened{background:#15966e}.toast{z-index:40;color:#fff;background:#113b36;border-radius:9px;align-items:center;gap:9px;padding:13px 17px;font-size:12px;animation:.25s slide;display:flex;position:fixed;top:80px;right:30px;box-shadow:0 10px 30px #163b3740}@keyframes slide{0%{opacity:0;transform:translateY(-12px)}}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:17px;display:grid}.stat-card{border:1px solid var(--line);background:#fff;border-radius:12px;align-items:center;gap:14px;min-height:104px;padding:18px;display:flex;box-shadow:0 4px 15px #16364007}.stat-icon{border-radius:11px;place-items:center;min-width:45px;height:45px;display:grid}.stat-icon svg{width:21px}.stat-icon.blue{color:#4161d5;background:#edf1ff}.stat-icon.green{color:#18a879;background:#eaf9f3}.stat-icon.orange{color:#e37d3c;background:#fff3e9}.stat-icon.violet{color:#7d5fc5;background:#f2edfd}.stat-card span{color:#7a8d96;margin-bottom:3px;font-size:10px;display:block}.stat-card strong{color:#16313d;font:700 23px Manrope;display:block}.stat-card strong em{color:#9aabb2;font-size:11px;font-style:normal;font-weight:500}.stat-card small{color:#9aabb2;margin-top:5px;font-size:8.5px;display:block}.stat-card small b{color:#19a778}.content-grid{grid-template-columns:minmax(0,2fr) minmax(260px,.8fr);gap:17px;margin-bottom:17px;display:grid}.panel{border:1px solid var(--line);background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 15px #16364007}.panel-header{border-bottom:1px solid #edf1f2;justify-content:space-between;align-items:center;min-height:65px;padding:14px 18px;display:flex}.panel-header h2{color:#16313d;margin:2px 0 0;font:700 15px Manrope}.live-dot{background:#e55751;border-radius:50%;width:6px;height:6px;margin-right:5px;display:inline-block;box-shadow:0 0 0 3px #fde8e7}.live-dot+text{font-size:9px}.panel-header>div:first-child>span:first-child{letter-spacing:1.2px;color:#e55751;font-size:8px;font-weight:700}.text-button{color:#3155d9;background:0 0;border:0;align-items:center;gap:3px;font-size:10px;font-weight:600;display:flex}.camera-view{color:#fff;background:radial-gradient(circle at 50% 70%,#36515c,#112b37 65%);height:268px;position:relative;overflow:hidden}.camera-grid{opacity:.16;transform-origin:bottom;background-image:linear-gradient(#a5bdc533 1px,#0000 1px),linear-gradient(90deg,#a5bdc533 1px,#0000 1px);background-size:55px 55px;position:absolute;inset:0;transform:perspective(400px)rotateX(52deg)scale(1.5)}.camera-placeholder{color:#d2e0e5;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex;position:absolute;inset:0}.camera-placeholder svg{opacity:.55}.camera-placeholder strong{font-size:12px}.camera-placeholder span{opacity:.6;font-size:9px}.camera-meta{color:#c4d2d7;justify-content:space-between;font-size:8px;display:flex;position:absolute;top:12px;left:13px;right:13px}.camera-meta i{background:#21ca8f;border-radius:50%;width:6px;height:6px;margin-right:5px;display:inline-block}.detection-box{border:2px solid #25da9e;width:180px;height:56px;position:absolute;top:58%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 15px #25da9e33}.detection-box:before,.detection-box:after{content:"";background:#25da9e;position:absolute}.detection-box span{white-space:nowrap;background:#25b786;padding:3px 6px;font-size:8px;position:absolute;top:-19px;left:-2px}.recognition-result{align-items:center;gap:16px;min-height:76px;padding:12px 17px;display:flex}.vehicle-swatch{background:linear-gradient(145deg,#5c7480,#c5d0d4);border-radius:6px;width:51px;height:42px;position:relative}.vehicle-swatch:after{content:"";background:#fff;border:2px solid #1d3038;width:27px;height:8px;position:absolute;bottom:5px;left:12px}.plate-block{min-width:132px}.plate-block span,.result-info span{color:#97a7ad;letter-spacing:.8px;margin-bottom:5px;font-size:7px;display:block}.plate-block strong{letter-spacing:1px;font:700 16px Manrope}.plate-block b{color:#3155d9}.result-info{border-left:1px solid #e7edef;padding-left:16px}.result-info strong{font-size:10px}.result-info .confidence{color:#159d72}.recognition-result .status-pill{margin-left:auto}.occupancy-panel{padding-bottom:14px}.occupancy-panel .panel-header{border:0}.occupancy-panel .panel-header svg{color:#8ca0a8}.donut{aspect-ratio:1;background:conic-gradient(#22b587 var(--value), #e8eff1 0);border-radius:50%;place-items:center;width:132px;margin:3px auto 15px;display:grid;position:relative}.donut:after{content:"";background:#fff;border-radius:50%;position:absolute;inset:14px}.donut div{z-index:1;text-align:center;position:relative}.donut strong{font:700 25px Manrope;display:block}.donut span{color:#8498a0;letter-spacing:1px;font-size:8px}.capacity-line{border:1px solid #edf1f2;border-radius:8px;grid-template-columns:1fr 1fr;margin:0 22px 16px;display:grid}.capacity-line div{color:#82959d;padding:9px 11px;font-size:9px}.capacity-line div+div{border-left:1px solid #edf1f2}.capacity-line strong{float:right;color:#183440;font-size:12px}.legend{border-radius:2px;width:7px;height:7px;margin-right:5px;display:inline-block}.legend.occupied{background:#22b587}.legend.empty{background:#dfe8eb}.zone-list{border-top:1px solid #edf1f2;margin:0 22px;padding-top:12px}.zone-list>div{color:#6f858e;grid-template-columns:55px 1fr 34px;align-items:center;gap:8px;margin-bottom:9px;font-size:8px;display:grid}.zone-list strong{text-align:right;color:#536b75;font-size:8px}.bar{background:#e8eff1;border-radius:8px;height:5px;overflow:hidden}.bar i{border-radius:inherit;background:#24b589;height:100%;display:block}.passages-panel{margin-bottom:17px}.passages-panel .panel-header{min-height:67px}.table-actions{align-items:center;gap:14px;display:flex}.filter-button{color:#607680;background:#fff;border:1px solid #dfe7ea;border-radius:7px;align-items:center;gap:5px;padding:7px 10px;font-size:9px;display:flex}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:850px}th{text-align:left;color:#91a1a8;letter-spacing:.8px;background:#f8fafb;padding:9px 15px;font-size:7.5px}td{color:#526a74;white-space:nowrap;border-top:1px solid #edf1f2;padding:10px 15px;font-size:9px}tbody tr:hover{background:#fbfcfd}.car-dot{color:#fff;border-radius:6px;place-items:center;width:30px;height:26px;display:grid}.table-plate{color:#18323e;letter-spacing:.8px;font:700 11px Manrope}.direction{padding-left:9px;position:relative}.direction:before{content:"";border-radius:50%;width:5px;height:5px;position:absolute;top:4px;left:0}.direction.in:before{background:#20b182}.direction.out:before{background:#ef7b5d}.status-pill{border-radius:20px;padding:5px 8px;font-size:8px;font-weight:600;display:inline-block}.status-pill.success{color:#138460;background:#e9f8f2}.status-pill.warning{color:#ab731a;background:#fff4df}.status-pill.danger{color:#b34b45;background:#fdeceb}.low-confidence{color:#d08724}.empty-state{text-align:center;color:#83969e;padding:25px;font-size:11px}.system-strip{color:#fff;background:#102d39;border-radius:11px;grid-template-columns:repeat(4,1fr);align-items:center;min-height:68px;padding:10px 4px;display:grid}.system-strip>div{border-right:1px solid #25434e;align-items:center;gap:10px;padding:0 18px;display:flex}.system-strip>div:last-child{border:0}.system-icon{color:#6fc5aa;background:#1d424e;border-radius:8px;place-items:center;width:33px;height:33px;display:grid}.system-strip p{flex:1;margin:0}.system-strip strong{font-size:9px;display:block}.system-strip small{color:#7f9aa4;margin-top:3px;font-size:7.5px;display:block}.system-strip .ok-dot{box-shadow:none;margin:0}.warning-dot{background:#e7a54d;border-radius:50%;width:7px;height:7px}.warning-item .system-icon{color:#e9ad5c}.overlay{display:none}@media (width<=1100px){.stats-grid{grid-template-columns:repeat(2,1fr)}.content-grid{grid-template-columns:1fr}.occupancy-panel{grid-template-columns:1fr 150px 1fr;align-items:center;display:grid}.occupancy-panel .panel-header{align-self:start}.occupancy-panel .donut{grid-area:1/2/span 2}.capacity-line,.zone-list{margin-left:12px;margin-right:18px}.system-strip{grid-template-columns:repeat(2,1fr);row-gap:15px;padding:15px 4px}.system-strip>div:nth-child(2){border-right:0}}@media (width<=760px){.sidebar{transition:transform .25s;transform:translate(-100%)}.sidebar.open{transform:translate(0);box-shadow:10px 0 40px #0e27385e}.close-menu{color:#b9cbd1;margin-left:auto;display:grid}.overlay{z-index:15;background:#0b202b99;border:0;display:block;position:fixed;inset:0}.main-content{width:100%;margin:0}.topbar{padding:0 14px}.menu-button{margin-right:7px;display:grid}.search-box{flex:1;width:auto}.connection{display:none}.page{padding:22px 14px 35px}.page-heading{align-items:center}.page-heading>div>p:last-child{display:none}.gate-button{padding:10px;font-size:0}.gate-button svg{margin:0}.stats-grid{grid-template-columns:1fr 1fr;gap:10px}.stat-card{gap:10px;min-height:88px;padding:13px}.stat-icon{min-width:37px;height:37px}.stat-card strong{font-size:18px}.stat-card small{display:none}.camera-view{height:230px}.recognition-result{flex-wrap:wrap}.recognition-result .result-info{display:none}.recognition-result .status-pill{margin-left:auto}.occupancy-panel{display:block}.capacity-line{margin:0 18px 14px}.zone-list{margin:0 18px}.system-strip{grid-template-columns:1fr 1fr}.system-strip>div{padding:0 12px}.system-strip .system-icon{display:none}}@media (width<=470px){.stats-grid{grid-template-columns:1fr}.stat-card{min-height:76px}.header-actions{gap:4px}.avatar{display:none}.page-heading h1{font-size:21px}.camera-placeholder span{text-align:center;padding:0 35px}.system-strip{grid-template-columns:1fr}.system-strip>div,.system-strip>div:nth-child(2){border-bottom:1px solid #25434e;border-right:0;padding:8px 16px}.system-strip>div:last-child{border-bottom:0}}.operations-mode{background:#071421}.operations-mode .topbar{background:#091827;border-color:#203247}.operations-mode .search-box{color:#7488a2;background:#122238;border-color:#263a53}.operations-mode .search-box input{color:#dce8f6}.operations-mode .icon-button{color:#9eb1c9}.operations-mode .avatar{background:#16a893}.operations-center{color:#eaf2fd;background:radial-gradient(circle at 50% 10%,#10233a 0,#081522 44%,#06121e 100%);min-height:calc(100vh - 68px);padding:20px 18px 25px}.ops-header{justify-content:space-between;align-items:center;min-height:53px;padding:0 5px 14px;display:flex}.ops-kicker{color:#16d5b7;letter-spacing:1.8px;margin:0 0 3px;font-size:8px;font-weight:700}.ops-header h1{margin:0;font:700 23px Manrope}.ops-context{color:#d3dfef;align-items:center;gap:18px;display:flex}.ops-context>span{align-items:center;gap:8px;font-size:11px;display:flex}.ops-context svg{color:#aebdd3;width:19px}.ops-context small{color:#879ab2;font-size:8px;display:block}.ops-context i{background:#2b3c52;width:1px;height:28px}.ops-layout{grid-template-columns:minmax(670px,1fr) 310px;gap:11px;display:grid}.ops-main{min-width:0}.ops-metrics{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:9px;display:grid}.ops-metric{background:linear-gradient(145deg,#16253d,#101d31);border:1px solid #2d4059;border-radius:10px;justify-content:space-between;align-items:center;min-height:103px;padding:14px 15px;display:flex;box-shadow:inset 0 1px #ffffff08,0 6px 18px #02091340}.ops-metric span{margin-bottom:6px;font-size:10px;display:block}.ops-metric strong{font:700 30px/1 Manrope;display:block}.ops-metric strong.mint{color:#28d1b4}.ops-metric strong.amber{color:#ffb33f}.ops-metric small{color:#a7b7ca;margin-top:8px;font-size:9px;display:block}.mini-ring{--ring:65%;background:conic-gradient(#29d0b4 var(--ring), #46556e 0);border-radius:50%;place-items:center;width:55px;height:55px;display:grid;position:relative}.mini-ring.amber{background:conic-gradient(#ffb33f var(--ring), #46556e 0)}.mini-ring:after{content:"";background:#142238;border-radius:50%;position:absolute;inset:8px}.mini-ring svg{z-index:1;position:relative}.parking-map{background:radial-gradient(circle at 50% 20%,#415066,#29374a 58%,#202e3e);border:1px solid #2b4059;border-radius:10px;min-height:658px;padding:55px 75px;position:relative;overflow:hidden;box-shadow:inset 0 0 60px #06101d99}.parking-map:before,.parking-map:after{content:"";background:repeating-linear-gradient(90deg,#1d473b 0 28px,#32614b 29px 48px,#183b34 49px 70px);border-radius:60%;height:26px;position:absolute;left:3%;right:3%;box-shadow:0 0 14px #0b1c18aa}.parking-map:before{top:7px}.parking-map:after{bottom:8px}.map-road{color:#aeb9c9;opacity:.7;justify-content:space-evenly;font-size:20px;display:flex;position:absolute}.top-road{top:35px;left:22%;right:22%}.parking-area{z-index:2;background:#26334599;border:1px solid #71809355;border-radius:40px 40px 12px 12px;width:min(92%,760px);margin:15px auto 34px;padding:24px 19px 17px;position:relative;box-shadow:inset 0 0 25px #101b28aa}.parking-area:nth-of-type(5){margin-top:37px}.area-label{color:#fff;background:linear-gradient(#24bda7,#138779);border:1px solid #55e0cc;border-radius:7px;padding:5px 26px;font:700 11px Manrope;position:absolute;top:-17px;left:50%;transform:translate(-50%)}.parking-area:first-of-type .area-label{background:linear-gradient(#e59d2c,#b77311);border-color:#ffbd57}.parking-row{grid-template-columns:repeat(12,minmax(24px,1fr));gap:4px;margin-bottom:5px;display:grid}.parking-row:has(.parking-space:nth-child(10):last-child){grid-template-columns:repeat(10,minmax(27px,1fr))}.parking-space{color:#fff;background:#202d3d99;border:2px solid #2dcdb5;border-radius:4px;height:47px;padding:0;position:relative;overflow:hidden}.parking-space:hover{filter:brightness(1.25);transform:translateY(-2px)}.parking-space.occupied{background:#3c3428;border-color:#f1a52b}.parking-space.charging{background:#27532c;border-color:#71c465}.parking-space.accessible{background:#29558a;border-color:#5d9df1}.parking-space svg,.accessible-mark{width:21px;height:21px;margin:auto;position:absolute;inset:0}.accessible-mark{font-size:20px}.top-car{background:#151c24;border:1px solid #0a0e13;border-radius:9px 9px 5px 5px;position:absolute;inset:4px 8px;box-shadow:0 3px 6px #0008}.top-car.white{background:#d9e0e3}.top-car.graphite{background:#58616c}.top-car.blue{background:#184b83}.top-car.orange{background:#df8418}.top-car.red{background:#bf4036}.top-car.black{background:#121820}.top-car i{background:#172633aa;border-radius:4px;height:10px;position:absolute;top:6px;left:4px;right:4px}.top-car b{background:#edf1f3aa;height:2px;position:absolute;bottom:5px;left:3px;right:3px}.map-divider{color:#b6c1d0;opacity:.7;justify-content:space-evenly;font-size:18px;display:flex;position:absolute;top:48.5%;left:24%;right:24%}.map-gate{z-index:3;color:#b9c8d8;place-items:center;gap:5px;display:grid;position:absolute;top:33%}.map-gate.entrance{left:15px}.map-gate.exit{right:15px}.map-gate strong{color:#70e1cf;background:#163d44;border:1px solid #2ed0b8;border-radius:5px;padding:4px 8px;font-size:9px}.map-gate.exit strong{color:#ff8e86;background:#522c35;border-color:#f06a62}.map-gate svg{width:23px}.map-gate small{font-size:7px}.barrier-arm{background:repeating-linear-gradient(90deg,#fff 0 8px,#e34038 8px 16px);width:55px;height:5px;transform:rotate(20deg)}.exit .barrier-arm{transform:rotate(-20deg)}.map-landscape{opacity:.8;background:radial-gradient(circle at 20% 30%,#37694f 0 13%,#0000 14%),radial-gradient(circle at 70% 60%,#285640 0 16%,#0000 17%),#172f29;border-radius:50%;width:75px;height:70px;position:absolute}.map-landscape.top-left{top:30px;left:4px}.map-landscape.top-right{top:30px;right:4px}.map-landscape.bottom-left{bottom:30px;left:4px}.map-landscape.bottom-right{bottom:30px;right:4px}.map-legend{z-index:5;background:#11233aee;border-radius:10px 10px 0 0;justify-content:center;align-items:center;gap:24px;min-height:40px;font-size:8px;display:flex;position:absolute;bottom:0;left:10%;right:10%}.map-legend span{align-items:center;gap:6px;display:flex}.map-legend i{border-radius:2px;width:10px;height:10px}.map-legend i.available{background:#27c7b1}.map-legend i.occupied{background:#efa22b}.map-legend i.charging{background:#65b95c}.map-legend i.accessible{background:#4d8bd7}.entry-arrow{color:#39d3bc}.exit-arrow{color:#ff746b}.ops-side{flex-direction:column;gap:9px;display:flex}.ops-panel{background:linear-gradient(150deg,#13243a,#0d1b2e);border:1px solid #2b4059;border-radius:10px;overflow:hidden;box-shadow:0 7px 20px #02091455}.ops-panel-title{justify-content:space-between;align-items:center;padding:13px 14px 9px;display:flex}.ops-panel-title h2{margin:0;font:600 12px Manrope}.ops-panel-title button{color:#26bddd;background:0 0;border:0;font-size:8px}.flow-tabs{background:#1a2a41;border-radius:6px;grid-template-columns:1fr 1fr;margin:0 12px 8px;display:grid;overflow:hidden}.flow-tabs button{color:#a8b7ca;background:0 0;border:0;border-bottom:2px solid #0000;padding:8px;font-size:9px}.flow-tabs button.active{color:#35d0b8;background:#293b58;border-bottom-color:#25c7ae}.passage-cards{padding:0 11px 10px}.passage-cards article{background:#172840;border:1px solid #2b3f58;border-radius:6px;align-items:center;gap:9px;min-height:50px;margin-bottom:5px;padding:6px 8px;display:flex}.side-car{background:#47586b;border-radius:5px;place-items:center;width:50px;height:34px;display:grid}.side-car.white{color:#263747;background:#d4dce3}.side-car.black{background:#151c25}.side-car.blue{background:#1f5693}.side-car svg{width:29px}.passage-cards article>div{flex:1}.passage-cards strong{color:#151d29;background:#fff;border-radius:3px;padding:2px 5px;font:700 10px Manrope;display:inline-block}.passage-cards small{margin-top:4px;font-size:8px;display:block}.entry-text{color:#29c897}.exit-text{color:#ef726b}.passage-cards time{color:#9aaec4;font-size:8px}.device-health{grid-template-columns:repeat(4,1fr);min-height:104px;padding:10px 7px;display:grid}.device-health>div{border-right:1px solid #2a3e55;flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex;position:relative}.device-health>div:last-child{border:0}.device-health svg{color:#b7c5d8;width:26px}.device-health span{font-size:8px}.device-health small{color:#28d1b1;font-size:7px}.device-health div>svg+span+svg{background:#35c880;border-radius:50%;width:13px;height:13px;padding:2px;position:absolute;top:21px;right:8px}.all-active strong{font-size:8px}.all-active b{color:#29d0b4;font:700 15px Manrope}.all-active svg{color:#29d0b4}.notifications-panel{flex:1;min-height:236px}.notification-list{padding:0 11px 11px}.notification-list article{background:#14253b;border:1px solid #293d55;border-radius:6px;align-items:center;gap:9px;min-height:48px;margin-bottom:5px;padding:7px 8px;display:flex}.notification-list article>svg{color:#fff;border-radius:50%;width:22px;height:22px;padding:5px}.notification-list article>div{flex:1}.notification-list strong{font-size:8px;display:block}.notification-list small{color:#94a7bc;margin-top:3px;font-size:7px;display:block}.notification-list time{color:#8fa2b8;font-size:7px}.notification-list .warn>svg{background:#eda834}.notification-list .warn strong{color:#efb145}.notification-list .info>svg{background:#3484dd}.notification-list .info strong{color:#49a0ed}.notification-list .good>svg{background:#43be81}.notification-list .good strong{color:#4bd298}.notification-list .charge>svg{background:#e8952d}.notification-list .charge strong{color:#f2aa3f}@media (width<=1200px){.ops-layout{grid-template-columns:1fr}.ops-side{grid-template-columns:1.2fr 1fr;display:grid}.live-passages{grid-row:span 2}.parking-map{min-height:620px}}@media (width<=850px){.ops-context{display:none}.ops-metrics{grid-template-columns:1fr 1fr}.parking-map{min-height:590px;padding-left:48px;padding-right:48px}.ops-side{grid-template-columns:1fr}.live-passages{grid-row:auto}.parking-row{gap:2px}.parking-space{height:40px}.top-car{inset:4px 5px}.map-legend{gap:10px;left:3%;right:3%}.map-gate{display:none}}@media (width<=560px){.operations-center{padding:15px 10px}.ops-metric{min-height:86px;padding:11px}.ops-metric strong{font-size:23px}.mini-ring{width:43px;height:43px}.parking-map{min-height:480px;padding:42px 17px}.parking-area{width:100%;margin-bottom:25px;padding:18px 7px 10px}.parking-space{border-width:1px;height:30px}.top-car{inset:3px}.map-divider,.map-landscape{display:none}.map-legend{justify-content:flex-start;padding:0 10px;overflow-x:auto}.map-legend span{white-space:nowrap}}.analytics-center{color:#e8eef7;background:linear-gradient(145deg,#07111d,#0a1420 50%,#07101a);min-height:calc(100vh - 68px);padding:14px 15px 0}.analytics-metrics{grid-template-columns:1.15fr 1fr 1fr 1.05fr;gap:10px;margin-bottom:10px;display:grid}.analytics-metric{background:linear-gradient(145deg,#111e2c,#0a1521);border:1px solid #243447;border-radius:8px;align-items:center;gap:15px;min-height:103px;padding:14px 18px;display:flex;box-shadow:inset 0 1px #ffffff05}.analytics-metric-icon{color:#aab7c8;background:#1a2736;border-radius:7px;place-items:center;width:57px;height:57px;display:grid}.analytics-metric-icon svg{width:29px}.analytics-metric.revenue .analytics-metric-icon,.analytics-metric.alarm .analytics-metric-icon{color:#ff555b;background:#481c24}.analytics-metric>div{flex:1}.analytics-metric small{color:#9caabd;letter-spacing:.4px;font-size:8px;display:block}.analytics-metric strong{margin:8px 0 5px;font:700 24px Manrope;display:block}.analytics-metric p{color:#9dabbc;white-space:pre;margin:0;font-size:9px}.analytics-metric p:first-letter{color:#25ce80}.analytics-metric.alarm strong{color:#ff474d}.occupancy-analytics{gap:18px}.analytics-donut{background:conic-gradient(#fa4747 65%, #263344 0);border-radius:50%;place-items:center;width:72px;height:72px;display:grid;position:relative}.analytics-donut:after{content:"";background:#111d2a;border-radius:50%;position:absolute;inset:9px}.analytics-donut svg{z-index:1;color:#c4cfdd;width:25px;position:relative}.occupancy-analytics strong{margin:6px 0 0;font-size:19px}.occupancy-analytics strong em{color:#9eacbd;font-size:13px;font-style:normal;font-weight:400}.occupancy-analytics b{color:#33d47e;font:700 18px Manrope}.occupancy-analytics p{margin-top:2px}.analytics-primary-grid{grid-template-columns:1fr 1.06fr;gap:10px;margin-bottom:10px;display:grid}.analytics-panel{background:linear-gradient(145deg,#0e1b29,#091521);border:1px solid #253648;border-radius:8px;overflow:hidden}.analytics-panel-heading{justify-content:space-between;align-items:center;min-height:39px;padding:8px 10px;display:flex}.analytics-panel-heading h2{margin:0;font:700 10px Manrope}.analytics-panel-heading>button{color:#38a9ef;background:0 0;border:0;align-items:center;gap:2px;font-size:8px;display:flex}.analytics-panel-heading>button svg{width:12px}.period-tabs{border:1px solid #26384b;border-radius:5px;display:flex;overflow:hidden}.period-tabs button{color:#9cabbc;background:#101d2b;border:0;border-right:1px solid #26384b;padding:6px 12px;font-size:8px}.period-tabs button:last-child{border:0}.period-tabs button.active{color:#fff;background:#263447}.chart-legend{gap:25px;height:23px;padding-left:25px;font-size:8px;display:flex}.chart-legend .today{color:#ff4b4b}.chart-legend .yesterday{color:#3298ea}.trend-chart{background-image:linear-gradient(#2c3b4d55 1px,#0000 1px),linear-gradient(90deg,#2c3b4d55 1px,#0000 1px);background-size:100% 25%,12.5% 100%;border-bottom:1px solid #293a4b;border-left:1px solid #293a4b;height:174px;margin:0 15px 0 28px;position:relative}.trend-chart svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.y-labels{color:#91a1b2;flex-direction:column;justify-content:space-between;font-size:7px;display:flex;position:absolute;top:-4px;bottom:-4px;right:calc(100% + 8px)}.x-labels{color:#91a1b2;justify-content:space-between;font-size:7px;display:flex;position:absolute;top:calc(100% + 6px);left:-6px;right:-8px}.chart-current{border-radius:3px;padding:3px 5px;font-size:7px;position:absolute;right:-2px}.chart-current.red{background:#f34446;top:31%}.chart-current.blue{background:#267fc6;top:43%}.chart-note{color:#8595a7;margin:20px 14px 9px;font-size:7px}.analytics-panel-heading select{color:#d3ddea;background:#101c29;border:1px solid #2d3e51;border-radius:5px;padding:5px 9px;font-size:8px}.zone-map{background:linear-gradient(125deg,#15243388,#0b1824);border:1px solid #203142;height:242px;margin:0 9px 9px;padding:5px 74px 5px 55px;position:relative}.zones{background-image:linear-gradient(90deg,#0000 49%,#8092a219 50%,#0000 51%);grid-template-columns:repeat(3,1fr);align-items:center;gap:13px;height:100%;display:grid}.zone{color:#fff;border-radius:3px;flex-direction:column;justify-content:center;align-items:center;min-height:52px;font-size:8px;display:flex;box-shadow:0 4px 12px #0005}.zone strong{font-size:9px}.zone span{margin:2px 0;font-weight:700}.zone.good{background:#246a42cc;border:1px solid #45d577}.zone.medium{background:#896411cc;border:1px solid #f4b823}.zone.critical{background:#90282ecc;border:1px solid #ff5151}.zone.closed{background:#253241dd;border:1px solid #69798b}.map-tools{z-index:2;flex-direction:column;display:flex;position:absolute;top:7px;left:6px}.map-tools button{color:#fff;background:#101d2a;border:1px solid #34485d;place-items:center;width:25px;height:25px;display:grid}.map-tools svg{width:13px}.zone-legend{background:#0e1a27dd;border:1px solid #2b3e52;border-radius:4px;flex-direction:column;gap:6px;width:65px;padding:7px;display:flex;position:absolute;bottom:5px;right:5px}.zone-legend span{color:#b2bfd0;align-items:center;gap:5px;font-size:6.5px;display:flex}.zone-legend i{border-radius:50%;width:7px;height:7px}.zone-legend i.good{background:#48c878}.zone-legend i.medium{background:#f2b921}.zone-legend i.critical{background:#f74b4d}.zone-legend i.closed{background:#778596}.analytics-bottom-grid{grid-template-columns:.9fr .86fr 1.12fr;gap:10px;display:grid}.passage-table-panel{min-height:303px}.analytics-table{padding:0 9px 7px}.analytics-tr{border-bottom:1px solid #253445;grid-template-columns:63px 78px 1fr 68px;align-items:center;gap:5px;min-height:45px;font-size:7.5px;display:grid}.analytics-tr:last-child{border:0}.analytics-tr.analytics-th{color:#9babbc;min-height:27px}.analytics-tr strong{color:#18212c;letter-spacing:.2px;background:#fff;border-radius:2px;width:max-content;padding:3px 5px;font-size:8px}.analytics-tr span{min-width:0;line-height:1.3;overflow:hidden}.analytics-tr span small{color:#a2b0c1;margin-top:2px;display:block}.analytics-tr .up,.analytics-tr .down{align-items:center;gap:4px;display:flex}.analytics-tr .up svg,.analytics-tr .down svg{width:10px}.analytics-tr .up svg{color:#33ce83}.analytics-tr .down svg{color:#ff454b}.analytics-tr b{font-size:8px}.passage-table-panel:has(.analytics-tr>b) .analytics-tr{grid-template-columns:61px 76px 1fr 60px 45px}.analytics-side-stack{grid-template-rows:132px 161px;gap:10px;display:grid}.health-cards{grid-template-columns:repeat(4,1fr);gap:6px;padding:0 8px 8px;display:grid}.health-cards>div{border:1px solid #2a3c4e;border-radius:5px;min-height:82px;padding:7px;position:relative}.health-cards svg{color:#91a2b5;float:left;width:20px;margin-right:6px}.health-cards span{color:#a8b5c4;white-space:nowrap;font-size:6.5px;display:block}.health-cards strong{margin:8px 0 4px;font:700 16px Manrope;display:block}.health-cards strong small{color:#8f9dae;font-size:8px}.health-cards b{font-size:6.5px;font-weight:500;display:block}.health-cards .ok{color:#35cb79}.health-cards .attention{color:#f2bb25}.health-cards .offline{color:#f3484d}.payment-rows{padding:0 9px 8px}.payment-rows>div{border-bottom:1px solid #253445;grid-template-columns:50px 1.2fr 75px 53px 45px;align-items:center;gap:5px;min-height:22px;font-size:7px;display:grid}.payment-rows .payment-head{color:#91a1b2}.payment-rows strong{color:#37cd7c;font-size:7px}.payment-rows b{font-weight:500}.analytics-footer{color:#8f9eaf;border-top:1px solid #263648;justify-content:space-between;align-items:center;min-height:37px;margin:10px -15px 0;padding:0 16px;font-size:7px;display:flex}.analytics-footer span{align-items:center;gap:6px;display:flex}.analytics-footer svg{width:12px}@media (width<=1250px){.analytics-metrics{grid-template-columns:1fr 1fr}.analytics-primary-grid{grid-template-columns:1fr}.analytics-bottom-grid{grid-template-columns:1fr 1fr}.analytics-side-stack{grid-column:span 2;grid-template-rows:auto;grid-template-columns:1fr 1fr}}@media (width<=800px){.analytics-metrics,.analytics-bottom-grid{grid-template-columns:1fr}.analytics-side-stack{grid-column:auto;grid-template-columns:1fr}.analytics-primary-grid{min-width:0}.zone-map{padding-left:40px;padding-right:10px}.zone-legend{display:none}.period-tabs button{padding:6px}.analytics-table{overflow-x:auto}.analytics-tr{min-width:400px}.health-cards{grid-template-columns:1fr 1fr}.analytics-side-stack{grid-template-rows:auto}.payment-rows{overflow-x:auto}.payment-rows>div{min-width:400px}}@media (width<=480px){.analytics-center{padding:10px 8px 0}.analytics-metric{min-height:88px}.analytics-metric strong{font-size:20px}.analytics-primary-grid{gap:8px}.zones{gap:5px}.zone{min-height:44px}.trend-chart{margin-left:26px}.analytics-footer{margin-left:-8px;margin-right:-8px}}