:root{--ink:#21362f;--muted:#7b8881;--mint:#15846f;--line:#e5ebe5;--paper:#f5f7f4;--white:#fff;--amber:#c68d2f}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}a,button,input,select{outline-offset:4px}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}a{text-decoration:none}a,button{color:inherit}button{border:0;background:none}h1,h2,h3,p{margin:0}h2{font-size:16px;letter-spacing:-.4px}h3{font-size:20px;font-weight:550;letter-spacing:-.5px}.app-shell{display:flex;min-height:100vh}.sidebar{width:80px;flex-shrink:0;border-right:1px solid var(--line);background:#fff;position:fixed;inset:0 auto 0 0;display:flex;align-items:center;flex-direction:column;z-index:30;padding:24px 0}.brand{width:42px;height:42px;background:#e5f2eb;color:var(--mint);position:relative;display:grid;place-items:center;border-radius:13px}.brand span{position:absolute;font-size:14px;font-weight:800}.sidebar-nav{gap:14px;margin-top:52px}.sidebar-nav,.sidebar-nav button{display:flex;flex-direction:column}.sidebar-nav button{position:relative;width:62px;align-items:center;gap:8px;padding:12px 0;color:#85938b;border-radius:11px}.sidebar-nav button span{font-size:9px;font-weight:550}.sidebar-nav button.active{background:#edf7f1;color:var(--mint)}.sidebar-nav b{position:absolute;right:16px;top:9px;width:5px;height:5px;background:#d6a152;border-radius:100%}.sidebar-bottom{margin-top:auto;display:flex;flex-direction:column;align-items:center;gap:25px;color:#88948d}.avatar{background:#eff2ed;font-size:11px;display:grid;place-items:center;border-radius:50%;width:32px;height:32px}.workspace{width:calc(100% - 80px);margin-left:80px}.topbar{height:82px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 36px;gap:35px}.wordmark{font-weight:720;letter-spacing:-1.2px;font-size:23px;line-height:1}.wordmark span{display:block;font-size:8px;letter-spacing:1.65px;font-weight:600;color:#8a9a91;margin-top:7px}.city-switch{border-left:1px solid var(--line);padding-left:30px;display:flex;align-items:center;gap:9px;font-size:12px;font-weight:550}.city-switch span{font-size:9px;background:#f1f4ef;padding:3px 5px;border-radius:4px;color:#8d978f}.topbar-right{margin-left:auto;gap:24px}.connection,.topbar-right{display:flex;align-items:center}.connection{font-size:11px;color:#59776a;gap:7px}.connection.bad{color:#c57649}.live-dot{display:inline-block;width:6px;height:6px;background:#22977c;border-radius:50%;box-shadow:0 0 0 3px #22977c14}.user-avatar{height:33px;width:33px;border:3px solid #f4f6f2;background:#dfebe2;display:grid;place-items:center;border-radius:50%;font-size:12px;font-weight:600}.icon-button{width:32px;height:32px;display:grid;place-items:center;color:#778a7e;border-radius:8px}.icon-button:hover{background:#edf3ed}main{padding:32px 36px 26px;max-width:1680px;margin:0 auto}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:27px;gap:22px}.eyebrow{font-size:9px;font-weight:650;letter-spacing:1.3px;color:#84988a}.eyebrow span{margin:0 6px;color:#bdc5be}.page-heading h1{font-size:31px;font-weight:540;letter-spacing:-1.1px;margin:10px 0}.page-heading p{font-size:12px;color:var(--muted)}.heading-actions{gap:16px}.heading-actions,.updated{display:flex;align-items:center}.updated{font-size:10px;gap:5px;color:#85938b;white-space:nowrap}.primary,.secondary{border-radius:8px;display:inline-flex;justify-content:center;align-items:center;gap:8px;font-size:11px;font-weight:550;min-height:38px;padding:10px 14px;white-space:nowrap}.primary{background:var(--mint);color:white;box-shadow:0 3px 8px #0d786513}.primary:hover{background:#0d725e}.secondary{background:white;border:1px solid #dce5dc;color:#496454}.secondary:hover{background:#f4f8f3}.full{width:100%}.quiet{font-size:11px;color:#7d8d82;padding:10px}.quiet:hover{color:#16755f}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:25px}.stat-card{background:white;border:1px solid var(--line);border-radius:12px;padding:17px 20px}.stat-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.stat-top span{font-size:11px;color:#738478;font-weight:500}.stat-top i{width:33px;height:33px;border-radius:10px;display:grid;place-items:center}.mint{background:#edf7f0;color:#238b72}.blue{background:#edf5f8;color:#498ea3}.violet{background:#f1eff8;color:#9080b7}.amber{background:#fcf6e9;color:#c29953}.stat-card>strong{display:block;font-size:29px;font-weight:560;letter-spacing:-1px;margin:10px 0 7px}.stat-card>small{font-size:9px;color:#94a093}.overview-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:22px;align-items:start}.map-section{min-width:0}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 13px}.section-heading h2{display:flex;align-items:center;gap:9px;font-weight:570}.section-heading>div>span{display:block;font-size:10px;color:#93a094;margin-top:6px}.count-badge{background:#eaf1e9;padding:3px 6px;border-radius:5px;font-size:9px;color:#769480}.map-section-actions{display:flex;gap:7px}.small-button{border:1px solid #dde6dc;border-radius:7px;background:#fff;padding:7px 9px;display:flex;align-items:center;gap:5px;font-size:9px;white-space:nowrap;color:#6d8374}.small-button.selected{background:#edf7f1;color:var(--mint);border-color:#92c6b0}.city-map{height:475px;border-radius:13px;border:1px solid #dce5da;position:relative;overflow:hidden;background:#e9ede6}.map-canvas{position:absolute;inset:0}.map-loading{height:475px;border:1px solid var(--line);background:#e9eee7;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;border-radius:13px;color:#7c9282}.map-topline{position:absolute;top:17px;left:17px;right:17px;display:flex;justify-content:space-between;pointer-events:none;gap:8px}.map-city,.map-viewlabel{background:#ffffffeb;border:1px solid #e2e9df;padding:9px 11px;border-radius:7px;font-size:8px;font-weight:650;letter-spacing:1px;box-shadow:0 3px 12px #4a604a08}.map-city{display:flex;align-items:center;gap:8px}.map-viewlabel{font-size:7px;color:#6e8575;letter-spacing:.7px}.map-buttons{position:absolute;right:15px;top:80px;background:#fffefc;border:1px solid #e1e7de;border-radius:9px;padding:4px;display:flex;flex-direction:column;box-shadow:0 4px 15px #657c6510}.map-buttons button{display:grid;place-items:center;width:32px;height:32px;color:#6b8072;border-radius:5px}.map-buttons button.active,.map-buttons button:hover{background:#e8f3eb;color:var(--mint)}.map-buttons i{height:1px;background:#e6ece2;margin:3px}.map-legend{position:absolute;left:15px;bottom:38px;background:#ffffffee;border:1px solid #e2e9df;display:flex;gap:12px;padding:10px 12px;border-radius:7px;font-size:8px;color:#718774;flex-wrap:wrap;max-width:calc(100% - 75px)}.chart-legend span,.map-legend span{display:flex;align-items:center;gap:5px}.legend-dot{width:6px;height:6px;border-radius:50%;display:inline-block}.legend-dot.mint{background:#269779}.legend-dot.blue{background:#148b79}.legend-dot.amber{background:#dda344}.legend-dot.violet{background:#ada0c8}.legend-dot.ink{background:#243140}.map-instruction{left:16px;right:63px;top:65px;border:1px solid #aad1bd;background:#e9f7eefe;color:#2c7658;padding:11px;border-radius:8px;gap:7px;font-size:11px;box-shadow:0 3px 12px #3a775410}.map-error,.map-instruction{position:absolute;display:flex;align-items:center}.map-error{inset:0;background:#edf2e9;flex-direction:column;justify-content:center;gap:11px;text-align:center;padding:30px;color:#6f8877}.map-error p,.map-error span{font-size:12px;max-width:300px}.camera-pin{background:#fff;color:var(--mint);width:36px;height:36px;display:grid;place-items:center;border-radius:11px;border:1px solid #96c8ad;box-shadow:0 0 0 5px #188a7214,0 3px 10px #354b3d16;cursor:pointer}.camera-pin.selected{background:var(--mint);color:#fff;border-color:white}.camera-pin.offline{background:#e3e8df;color:#7d8d7c;box-shadow:none;border-color:#c2cfbe}.draft-pin,.landmark-pin{background:#fff;border:2px solid #169a7c;color:#15886d;font-weight:650;width:29px;height:29px;display:grid;place-items:center;border-radius:50%;box-shadow:0 2px 8px #14342825}.draft-pin{background:#1a9278;color:#fff;border-color:white;font-size:22px;width:36px;height:36px}.map-tooltip{font-size:11px;max-width:200px;line-height:1.6}.signal-marker{position:absolute;display:flex;width:max-content;flex-direction:column;gap:2px;background:#242a24;border:1px solid #465145;border-radius:6px;padding:3px;box-shadow:0 2px 8px #14342840}.signal-marker b{width:9px;height:9px;border-radius:50%;background:#4a524a}.signal-marker.dim{opacity:.5}.signal-marker.signal-sel{border-color:#169a7c;box-shadow:0 0 0 3px #169a7c40,0 0 12px #169a7c55,0 2px 8px #14342840}.signal-draft-pin{background:#242a24;color:#ffd60a;border-color:#242a24}.signal-marker .on.red{background:#ff453a;box-shadow:0 0 6px #ff453a}.signal-marker .on.amber{background:#ffd60a;box-shadow:0 0 6px #ffd60a}.signal-marker .on.green{background:#32d74b;box-shadow:0 0 6px #32d74b}.nodes-strip{display:flex;flex-direction:column;gap:8px;margin:12px 0 19px}.node-card{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#fff;border:1px solid var(--line);border-radius:10px;text-align:left}.node-card.selected{border-color:#b7d5c0;background:#fcfefb}.node-card-icon{background:#eaf6ed;color:var(--mint);border-radius:9px;width:35px;height:35px;display:grid;place-items:center}.node-card-icon.offline{background:#f0f2ed;color:#9aab99}.node-card>div:nth-child(2){flex:1 1}.node-card strong{display:block;font-size:11px;font-weight:580}.node-card div span{display:block;font-size:9px;color:#93a193;margin-top:5px}.pill{display:inline-flex;align-items:center;gap:4px;border-radius:5px;padding:4px 6px;font-size:8px;font-weight:550;white-space:nowrap}.pill.live{background:#edf7ed;color:#428657}.pill.live i{width:4px;height:4px;background:#69a57e;border-radius:50%}.pill.neutral{background:#f1f4ee;color:#82937c}.pill.warning{background:#fff5e3;color:#b48537}.activity-card{background:#fff;border:1px solid var(--line);border-radius:11px;padding:17px 18px}.text-button{font-size:10px;gap:7px;color:#719078}.activity-row,.text-button{display:flex;align-items:center}.activity-row{width:100%;gap:11px;text-align:left;padding:12px 0;border-top:1px solid #f0f3ed}.activity-row>span:nth-child(2){flex:1 1}.activity-row strong{font-size:10px;font-weight:500;display:block}.activity-row small{font-size:9px;color:#94a28e;display:block;margin-top:5px}.activity-row time{font-size:9px;color:#93a08f}.event-icon{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;flex-shrink:0}.empty-activity{display:flex;align-items:center;padding:18px 0 9px;gap:10px;color:#8d9d88;font-size:10px}.camera-panel{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}.panel-title{display:flex;align-items:center;justify-content:space-between;padding:16px;gap:8px}.panel-title>span:first-child{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:580}.camera-preview{position:relative;aspect-ratio:820/616;background:#1d2a23;overflow:hidden;isolation:isolate}.camera-preview img{width:100%;height:100%;display:block;object-fit:fill}.preview-empty{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:12px;color:#718b78;font-size:10px}.detection-box{position:absolute;border:1px solid #76e2c6;pointer-events:none}.detection-box.inside{border-color:#ffd086}.detection-box span{position:absolute;left:-1px;top:-15px;white-space:nowrap;background:#174c3fed;color:#bcffeb;padding:3px 4px;font-size:7px;line-height:1}.preview-label{position:absolute;left:12px;bottom:11px;background:#182c25d9;color:#daf1de;padding:6px 7px;border-radius:4px;font-size:6px;letter-spacing:.75px;display:flex;gap:6px;align-items:center}.preview-label>span:last-child{margin-left:6px;color:#a8c3b3}.camera-facts{display:grid;grid-template-columns:1fr 1fr 1fr;padding:16px 13px;border-bottom:1px solid var(--line);gap:4px}.camera-facts>div{padding-left:7px;border-left:1px solid var(--line)}.camera-facts>div:first-child{border-left:0}.camera-facts small{font-size:8px;color:#8b9c8e;display:block}.camera-facts strong{font-size:14px;font-weight:550;display:block;margin-top:6px;white-space:nowrap}.node-behavior{padding:16px;border-bottom:1px solid var(--line)}.node-behavior select{width:100%;margin:9px 0 14px;border:1px solid #dfe8db;padding:10px;border-radius:7px;background:#fbfdf9;color:#4f6e56;font-size:11px}.lighting-state,.stop-state{display:flex;align-items:center;gap:9px;padding:12px 10px;border:1px solid #e4eee0;background:#f7faf3;border-radius:8px}.light-icon{color:#79a361}.lighting-state>div:nth-child(2){flex:1 1}.lighting-state strong,.stop-state strong{font-size:10px;display:block;font-weight:550}.lighting-state span,.stop-state span{font-size:8px;display:block;color:#92a482;margin-top:5px;line-height:1.6}.toggle{flex-shrink:0;width:27px;height:16px;background:#d6e1d2;border-radius:10px;padding:2px;display:flex;align-items:center}.toggle.on{background:#84b895;justify-content:flex-end}.toggle i{display:block;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #32614622}.stop-state{color:#669283}.stop-state.warn{color:#af833a;background:#fef7e7;border-color:#f0d9ac}.command-status{font-size:8px;color:#8aa182;margin-top:9px}.command-status.error{color:#b97345}.map-readiness{padding:17px}.map-readiness>div{display:flex;align-items:center;gap:6px;color:#799c7d}.map-readiness strong{font-size:10px;font-weight:550}.map-readiness p{font-size:10px;line-height:1.75;color:#8b9a8b;margin:9px 0 13px}.map-readiness .secondary{font-size:10px}.setup-form{padding:20px 17px}.setup-form h3{margin:10px 0;font-size:21px}.setup-form p{color:#8b9b8a;font-size:11px;line-height:1.8;margin-bottom:17px}.setup-form label{display:block;font-size:10px;color:#6e856f;margin:15px 0}.setup-form label input:not([type=range]){display:block;width:100%;margin-top:8px;border:1px solid #dfe8db;border-radius:6px;padding:10px;background:#fcfdfb;color:#34533e}.setup-form label input[type=range]{width:100%;display:block;margin-top:12px;accent-color:var(--mint)}.setup-form output{float:right;color:#15846f}.coordinate-readout{display:flex;gap:6px;color:#96a992;font-size:9px;padding:10px 0;margin-bottom:10px}.select-ground{cursor:crosshair}.image-landmark{position:absolute;transform:translate(-50%,-50%);background:white;color:#14856f;border:2px solid #24af8c;border-radius:50%;font-size:11px;width:23px;height:23px;display:grid;place-items:center;font-weight:650;pointer-events:none;z-index:2}.image-landmark.current{background:#14856f;color:#fff;box-shadow:0 0 0 4px #24af8c55}.image-landmark.waiting{opacity:.45}.connect-modal code{font:inherit;font-size:11px;word-break:break-all;color:#126254}.calibrate-patch polygon{fill:#28d4b628;stroke:#14856f;stroke-width:.6}.landmark-progress{display:flex;gap:9px;margin:17px 0 22px}.landmark-progress span{width:40px;height:40px;border:1px solid #e1e8dc;color:#a1ad9a;display:grid;place-items:center;border-radius:8px}.landmark-progress .done{color:#268060;border-color:#a9d4b5;background:#edf7ee}.landmark-progress .current{border-color:#71b292;color:#338566}.error-banner{display:flex;align-items:center;gap:8px;border:1px solid #efd7be;background:#fdf5eb;color:#a16b3d;padding:12px;border-radius:9px;margin-bottom:18px;font-size:11px}.error-banner button{margin-left:auto}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);display:flex;gap:9px;align-items:center;background:#245841;color:#e5f8e8;border-radius:10px;padding:14px 19px;font-size:11px;box-shadow:0 6px 24px #273d252a;z-index:100;max-width:90vw}.events-page,.insights-page{background:white;border:1px solid var(--line);border-radius:12px;padding:25px;min-height:460px}.segmented{display:flex;gap:4px;background:#f5f8f1;padding:4px;border-radius:7px}.segmented button{padding:7px 12px;font-size:10px;color:#8e9d84;border-radius:5px}.segmented button.active{background:white;color:#487851;box-shadow:0 2px 4px #00000005}.event-entry{display:flex;align-items:center;text-align:left;width:100%;padding:16px 8px;gap:14px;border-bottom:1px solid #edf2e9}.event-entry.selected,.event-entry:hover{background:#f8fbf4}.event-entry>span:nth-child(2){flex:1 1}.event-entry strong{display:block;font-size:12px;font-weight:500}.event-entry small{display:block;color:#94a08e;font-size:10px;margin-top:7px}.event-detail{position:relative;border:1px solid #cee0c4;background:#f9fcf5;border-radius:10px;margin-top:20px;padding:24px}.event-detail h3{margin-top:10px}.event-detail>p{font-size:11px;color:#829679;margin:13px 0}.detail-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:15px;margin:22px 0}.detail-grid small{display:block;color:#899d7e;font-size:9px}.detail-grid strong{display:block;font-size:12px;margin-top:8px;font-weight:500}.large-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:300px;gap:14px;color:#93a588}.large-empty h3{font-size:20px;color:#658263}.large-empty p{font-size:12px;max-width:350px;line-height:1.8}.chart-card{border:1px solid #e7eede;border-radius:10px;padding:22px;margin-top:20px}.chart-legend{display:flex;gap:25px;font-size:10px;color:#869c7c}.bar-chart{height:250px;display:flex;align-items:flex-end;gap:4px;border-bottom:1px solid #e1e8d8;margin-top:22px;padding-top:20px;background:repeating-linear-gradient(0deg,transparent,transparent 49px,#f0f4e9 50px)}.bar-column{height:100%;flex:1 1;max-width:32px;display:flex;justify-content:flex-end;flex-direction:column;min-width:3px;gap:1px}.people-bar{background:#8bbfa5;min-height:2px}.people-bar,.vehicle-bar{border-radius:3px 3px 0 0}.vehicle-bar{background:#bcb3d3;min-height:0}.chart-axis{display:flex;justify-content:space-between;font-size:9px;color:#91a17f;margin-top:13px}.insight-bottom{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:30px}.insight-bottom>div{border:1px solid #e7eede;padding:23px;border-radius:10px;color:#7f9a73}.insight-bottom h3{font-size:18px;margin:14px 0;color:#4e7050}.insight-bottom p{font-size:11px;line-height:1.8;color:#92a383}footer{max-width:1680px;margin:0 auto;padding:0 36px 20px;display:flex;justify-content:space-between;gap:15px;color:#a1aea0;font-size:8px;letter-spacing:.5px}footer>span{display:flex;align-items:center;gap:5px}.footer-dot{width:3px;height:3px;background:#a5b59e;border-radius:50%;margin:0 4px}.modal-backdrop{position:fixed;inset:0;z-index:90;display:grid;place-items:center;background:#263e325e;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:20px}.connect-modal{position:relative;background:#fffefc;border-radius:18px;border:1px solid #e7edde;padding:35px;width:440px;max-width:100%;box-shadow:0 25px 80px #233d301f}.close{position:absolute;right:15px;top:15px}.connect-icon{display:grid;place-items:center;width:60px;height:60px;border-radius:16px;color:#408d69;background:#ecf5e8;margin-bottom:25px}.connect-modal h2{font-size:30px;font-weight:550;letter-spacing:-1px;margin:12px 0}.connect-modal>p{font-size:12px;line-height:1.8;color:#8e9e85}.connect-modal ol{list-style:none;padding:0;margin:25px 0;display:flex;flex-direction:column;gap:20px}.connect-modal li{display:flex;gap:12px}.connect-modal li>b{width:25px;height:25px;display:grid;place-items:center;border-radius:7px;border:1px solid #dfeada;color:#6c9561;flex-shrink:0;font-size:10px}.connect-modal li strong{display:block;font-size:12px;font-weight:550}.connect-modal li span{display:block;font-size:10px;line-height:1.7;color:#91a186;margin-top:5px}.connection-guide-status{font-size:11px;padding:13px;border:1px solid #e6eedc;color:#849c73;border-radius:8px;display:flex;align-items:center;gap:8px;margin-bottom:15px}.guide-link{display:flex;justify-content:center;gap:5px;margin-top:16px;font-size:10px;color:#90a082}.help{font-size:11px;line-height:1.8}.spin{animation:spin 2s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@media(min-width:1600px){.city-map{height:580px}.camera-preview{aspect-ratio:4/3}}@media(max-width:1250px){main{padding:27px 25px}.topbar{padding:0 25px}.overview-grid{grid-template-columns:minmax(0,1fr) 300px;gap:17px}.page-heading h1{font-size:27px}.heading-actions{flex-direction:column;align-items:flex-end;gap:10px}.map-section-actions .small-button{font-size:8px;padding:7px}.stats-grid{gap:10px}.stat-card{padding:14px}.stat-card>small{font-size:8px}.map-legend{font-size:7px;gap:7px}.map-viewlabel{display:none}}@media(max-width:1020px){.overview-grid{grid-template-columns:1fr}.camera-panel{display:grid;grid-template-columns:1fr 1fr}.panel-title{grid-column:1/-1}.camera-preview{grid-row:2/5}.camera-facts{padding:12px}.map-readiness,.node-behavior{padding:13px}.setup-form{grid-column:2;grid-row:2/5}.city-map{height:440px}.stats-grid{grid-template-columns:repeat(2,1fr)}.page-heading h1{font-size:29px}.page-heading .updated{display:none}.topbar-right{gap:12px}.city-switch{padding-left:15px}.topbar{gap:18px}.map-viewlabel{display:block}.stat-card>small{font-size:9px}}@media(max-width:650px){.sidebar{width:55px;padding:19px 0}.brand{width:33px;height:33px;border-radius:10px}.brand svg{width:25px}.sidebar-nav{margin-top:36px}.sidebar-nav button{width:45px;border-radius:9px}.sidebar-nav button span{font-size:7px}.sidebar-bottom .avatar{width:27px;height:27px;font-size:8px}.workspace{width:calc(100% - 55px);margin-left:55px}.topbar{height:72px;padding:0 17px;gap:13px}.wordmark{font-size:19px}.wordmark span{font-size:6px;letter-spacing:1.3px}.city-switch{font-size:10px;padding-left:12px;gap:5px}.city-switch svg,.city-switch>span,.city-switch>svg:last-child{display:none}.connection{font-size:0;gap:0}.topbar-right{gap:13px}.user-avatar{display:none}main{padding:24px 15px}.page-heading{align-items:flex-start;margin-bottom:22px;gap:12px}.page-heading h1{font-size:25px;max-width:290px;line-height:1.25;letter-spacing:-.8px}.page-heading p{font-size:10px;line-height:1.6}.eyebrow{font-size:7px;letter-spacing:1px}.heading-actions .primary{font-size:0;width:34px;padding:6px;height:34px;min-height:34px;border-radius:9px}.heading-actions .primary span{font-size:21px}.stat-card{padding:12px;border-radius:10px}.stat-top span{font-size:9px}.stat-top i{width:27px;height:27px;border-radius:8px}.stat-top i svg{width:16px}.stat-card>strong{font-size:25px;margin:8px 0}.stat-card>small{font-size:7px;line-height:1.5;display:block}.stats-grid{margin-bottom:22px}.section-heading h2{font-size:14px}.section-heading>div>span{font-size:8px}.map-section-actions{gap:4px}.map-section-actions .small-button{font-size:7px;padding:6px}.map-section-actions .small-button:last-child{font-size:0;gap:0;padding:6px}.map-section-actions .small-button svg{width:13px}.city-map{height:380px;border-radius:11px}.map-topline{top:12px;left:12px;right:12px}.map-city{font-size:7px;padding:8px}.map-viewlabel{display:none}.map-buttons{right:10px;top:58px}.map-buttons button{width:29px;height:29px}.map-legend{font-size:6px;max-width:calc(100% - 50px);left:10px;bottom:38px;padding:8px;gap:6px}.legend-dot{width:4px;height:4px}.map-instruction{top:57px;left:11px;right:52px;font-size:9px;line-height:1.6;padding:8px}.camera-panel{display:block}.camera-preview{aspect-ratio:820/616}.camera-facts{padding:15px}.camera-facts small{font-size:9px}.map-readiness,.node-behavior{padding:17px}.node-behavior .eyebrow{font-size:8px}.lighting-state strong,.map-readiness strong{font-size:11px}.lighting-state span{font-size:9px}.camera-facts strong{font-size:16px}.node-card{padding:11px 10px;gap:9px}.node-card strong{font-size:10px}.node-card div span{font-size:8px}.node-card .pill{font-size:7px}.node-card>svg{width:12px}.activity-card{padding:14px}.activity-row strong{font-size:9px}.activity-row small,.activity-row time,.text-button{font-size:8px}.events-page,.insights-page{padding:17px}.events-page>.section-heading{align-items:flex-start;flex-direction:column}.segmented button{font-size:9px}.event-entry{gap:10px}.event-entry strong{font-size:10px}.event-entry small{font-size:8px}.event-entry .pill{display:none}.event-detail{padding:20px 15px}.detail-grid{grid-template-columns:1fr 1fr}.insight-bottom{grid-template-columns:1fr;gap:15px}.insights-page .secondary{font-size:8px;padding:7px}.chart-card{padding:15px}.bar-chart{height:190px}.chart-legend{font-size:8px}.connect-modal{padding:28px}.connect-modal h2{font-size:27px}footer{padding:0 15px 18px;font-size:6px}footer>span:last-child{display:none}.image-landmark{width:29px;height:29px;font-size:12px}.detection-box span{font-size:8px;top:-16px}}.zone-editor{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:3}.zone-editor polygon.veh{fill:#24af8c22;stroke:#24af8c;stroke-width:.5}.zone-editor polygon.ped{fill:#dda34422;stroke:#dda344;stroke-width:.5}.zone-editor polygon.draft{fill:#ffffff22;stroke:#fff;stroke-width:.5;stroke-dasharray:2 1}.zones-live{z-index:2;opacity:.85}.zone-modal{position:fixed;inset:0;z-index:80;background:#16211cb0;display:grid;place-items:center;padding:24px}.zone-modal-card{display:flex;gap:16px;max-width:1280px;width:100%;align-items:stretch}.zone-big{flex:1 1;min-width:0;height:min(82vh,760px);border-radius:12px}.zone-side{width:320px;background:#fffefb;border-radius:12px;position:relative;max-height:82vh}.signal-count{position:absolute;left:calc(100% + 6px);top:50%;transform:translateY(-50%);background:#242a24;color:#fff;font-size:14px;font-weight:800;padding:3px 7px;border-radius:6px;box-shadow:0 2px 8px #14342860;letter-spacing:.5px}.camera-zone{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.camera-zone polygon{fill:#28d4b620;stroke:#60ddbb;stroke-width:.35}.camera-zone polygon.occupied{fill:#ffc65a33;stroke:#ffd378}.crossing-explanation{font-size:9px;line-height:1.8;color:#96a88d;margin-top:11px}.crossing-explanation a{color:#618d67;white-space:nowrap}.preview-banner{position:absolute;left:17px;top:60px;background:#fff7e6f2;color:#ab7d35;border:1px solid #ecd39f;border-radius:6px;padding:8px 10px;font-size:8px;font-weight:600;letter-spacing:.5px;max-width:calc(100% - 75px)}.map-provider-note{position:absolute;bottom:15px;left:31px;font-size:6px;color:#7e8a78;background:#ffffffbb;border-radius:3px;padding:2px 4px;pointer-events:none}.stop-link{padding:20px 22px;border-top:1px solid #e9ede7}.stop-link h3{display:flex;align-items:center;gap:8px;font-size:13px}.stop-link p,.transit-card p{font-size:11px;color:#718171;line-height:1.7}.stop-link label{display:block;font-size:11px;color:#657867}.stop-link input{width:100%;margin:7px 0 9px;padding:11px;border:1px solid #dde6dc;border-radius:8px;background:#fff;font:inherit}.stop-results{max-height:230px;overflow:auto;margin-bottom:10px}.stop-results button{display:flex;width:100%;text-align:left;align-items:center;justify-content:space-between;gap:8px;padding:9px 10px;background:white;border:1px solid transparent;border-bottom-color:#eef1ed;border-radius:7px}.stop-results button.selected{background:#eef8f3;border-color:#b5d8c7}.stop-results b{font-size:11px;display:block}.stop-results small{display:block;font-size:9px;color:#7a897e;margin-top:3px}.stop-link .help,.transit-analytics>.help{font-size:10px;line-height:1.8;color:#849385}.transit-analytics{padding:24px;background:#fff;border:1px solid #e6ebe2;border-radius:16px}.transit-card{border:1px solid #e3e9df;border-radius:12px;padding:20px;margin:20px 0;background:#fafcf9}.transit-card h3{font-size:16px}.transit-card h3 small{font-weight:400;color:#849385;font-size:11px}.transit-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:22px 0}.transit-metrics small{font-size:10px;color:#7c8c80;display:block}.transit-metrics strong{font-size:27px;display:block;margin-top:6px;color:#38675a}.transit-cameras{display:flex;gap:8px;flex-wrap:wrap}.transit-hourly{display:flex;gap:8px;align-items:flex-end;height:100px;margin:12px 0}.transit-hourly>div{flex:1 1;max-width:55px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%}.transit-hourly i{display:block;width:100%;background:#73b9a3;border-radius:4px 4px 0 0}.transit-hourly small{font-size:8px;color:#7b897a;margin-top:6px}@media(max-width:680px){.stop-link,.transit-analytics{padding:17px}.transit-card{padding:14px}.transit-metrics{grid-template-columns:1fr 1fr}.map-section-actions{flex-wrap:wrap;justify-content:flex-end}.transit-card .section-heading{gap:8px;align-items:flex-start}.transit-card h3{font-size:13px}}.legend-dot.live-bus{background:#397bd7}.bus-feed-status{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;margin-bottom:10px;background:#eef5fd;border:1px solid #dbe8f7;border-radius:8px;color:#507394;font-size:10px}.bus-feed-status>span{display:flex;align-items:center;gap:7px}.bus-feed-status .text-button{white-space:nowrap;color:#316aad}@media(max-width:680px){.bus-feed-status{font-size:8px;line-height:1.7}.bus-feed-status .text-button{font-size:8px}.map-section-actions{max-width:240px}}.camera-settings{margin-top:15px;border-top:1px solid var(--line);padding:4px 16px 16px}.settings-toggle{display:flex;align-items:center;gap:10px;width:100%;padding:12px 2px;color:#4b6355}.settings-toggle>span{flex:1 1;display:flex;flex-direction:column;gap:4px;text-align:left}.settings-toggle strong{font-size:11px;font-weight:580}.settings-toggle small{font-size:9px;color:#93a193}.settings-toggle>svg:last-child{transition:transform .2s}.settings-toggle[aria-expanded=true]>svg:last-child{transform:rotate(180deg)}.settings-body{display:flex;flex-direction:column;gap:11px;margin-top:6px}.cfg-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cfg-grid label{display:flex;flex-direction:column;gap:6px;font-size:9px;color:#6e856f}.cfg-grid input,.cfg-grid select{border:1px solid #dfe8db;border-radius:7px;padding:8px;background:#fbfdf9;color:#4f6e56;font-size:11px}.cfg-range{display:flex;align-items:center;gap:10px;font-size:9px;color:#6e856f}.cfg-range input{flex:1 1;accent-color:var(--mint)}.cfg-level output,.cfg-range output{color:#15846f;font-size:10px}.cfg-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;border:1px solid #e4eee0;background:#f7faf3;border-radius:9px;padding:9px 10px}.preset-name{font-size:10px;min-width:70px;text-transform:capitalize}.cfg-row input[type=number],.cfg-row select{border:1px solid #dfe8db;border-radius:6px;padding:6px;background:#fff;color:#4f6e56;font-size:10px}.cfg-row select{max-width:170px}.cfg-level{display:flex;align-items:center;gap:6px;font-size:9px;color:#8b9c8e;flex:1 1;min-width:130px}.cfg-level input{flex:1 1;accent-color:var(--mint)}.cfg-mini{display:flex;align-items:center;gap:5px;font-size:8px;color:#93a193}.cfg-mini input{width:48px}.cfg-val{width:56px}.cfg-del{margin-left:auto;color:#a9b7a4;display:grid;place-items:center}.cfg-del:hover{color:#b97345}.cfg-add{display:flex;gap:8px;align-items:center}.cfg-add input{flex:1 1;border:1px dashed #dfe8db;border-radius:7px;padding:8px;background:#fbfdf9;font-size:10px;color:#4f6e56}.cfg-add .quiet{display:flex;align-items:center;gap:6px;border:1px solid #dde6dc;border-radius:7px;background:#fff;padding:8px 11px;font-size:10px;color:#6d8374;white-space:nowrap}.cfg-arrow{color:#9fb19b;font-size:11px}.cfg-raw{font-size:9px;color:#8b9c8e;width:100%;word-break:break-all}.cfg-help{font-size:9px;line-height:1.7;color:#93a193}.cfg-check{display:flex;align-items:center;gap:7px;font-size:10px;color:#4f6e56}.cfg-check input{accent-color:var(--mint);width:15px;height:15px}.zone-counts{display:flex;flex-wrap:wrap;gap:8px;padding:10px 18px;font-size:11px;color:#496753}.zone-counts span{padding:6px 8px;border-radius:7px;background:#edf5ef}.zone-big{align-self:start;cursor:crosshair;-webkit-user-select:none;user-select:none}.zone-big img{width:100%;height:auto;display:block}.zone-side{max-height:85vh;overflow:auto}.zone-modal-card{max-height:94vh;overflow:auto}.zone-side p{line-height:1.6}.zone-side button,.zone-side label,.zone-side p{font-size:12px}.zone-modal{z-index:100}@media(max-width:700px){.zone-modal-card{display:flex;flex-direction:column}.zone-side{max-height:none}.zone-big{width:100%}}.camera-preview.zone-big{height:auto;aspect-ratio:auto;flex:1 1}.camera-preview.zone-big img{position:relative;object-fit:contain;height:auto;width:100%;display:block}.zone-modal-card{background:#fffefb;border-radius:14px;padding:12px;align-items:flex-start}.zone-side{flex-shrink:0}@media(max-width:700px){.zone-side{width:100%}.zone-big{flex:auto!important}.camera-preview.zone-big{flex:none!important;min-height:0}.zone-modal-card{justify-content:flex-start}.zone-side{flex:none;padding:20px}}.area-warning{color:#a56421;font-size:10px;margin-left:6px}.signal-badge{position:absolute;display:flex;align-items:center;gap:5px;width:max-content;padding:5px 7px;border:1px solid #455456;border-radius:7px;background:#1d262be8;color:#e9f0f3;box-shadow:0 3px 10px #17212945;font-size:10px;cursor:pointer}.signal-badge.signal-selected{border-color:#9dc9be}.signal-badge.unknown{opacity:.65}.signal-badge b{font-size:9px;color:#b8c8ce}.signal-lenses{display:flex;flex-direction:column;gap:2px;background:#11191c;border-radius:3px;padding:2px}.signal-lenses i{display:block;width:5px;height:5px;border-radius:50%;background:#29343a}.signal-lenses .red.on{background:#ff4a42;box-shadow:0 0 5px #ff453a}.signal-lenses .amber.on{background:#ffcb44;box-shadow:0 0 5px #ffcb44}.signal-lenses .green.on{background:#39e087;box-shadow:0 0 5px #39e087}.signal-seconds{min-width:17px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:650}.signal-badge.flat .signal-lenses i{width:8px;height:8px}.signal-badge.flat:after{content:"";position:absolute;height:12px;width:3px;background:#748186;left:12px;top:100%}.intersection-risk{background:#fff;border:1px solid #e0e8dd;border-radius:12px;padding:15px 18px;margin-bottom:12px}.risk-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.risk-heading>div{display:flex;flex-direction:column;gap:5px}.risk-heading small{font-size:10px;color:#839082}.risk-heading>strong{font-size:30px;color:#488e78}.risk-heading>strong small{font-size:11px;margin-left:4px;font-weight:400}.risk-meter{height:5px;background:#edf1e9;border-radius:10px;overflow:hidden;margin:10px 0}.risk-meter i{display:block;height:100%;background:#70b59d;transition:width .7s}.risk-details{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:#647b6a}.intersection-risk p{font-size:9px;color:#93a18e;margin:7px 0 0}.intersection-risk details{font-size:10px;color:#7c8d7e;margin-top:8px}.risk-factor{display:flex;justify-content:space-between;padding:4px 0}.intersection-risk.moderate .risk-meter i{background:#ddb65e}.intersection-risk.elevated .risk-meter i{background:#dd8967}.intersection-risk.elevated .risk-heading>strong{color:#b7664b}.legend-link{width:17px;border-top:2px dashed #33b6b0;margin-right:5px}.crash-controls{margin-top:28px;padding:22px;border:1px solid #dce6da;border-radius:14px;background:white;color:#263d32}.crash-heading,.voice-controls>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:14px}.crash-heading .eyebrow{display:flex;align-items:center;gap:6px}.crash-controls h3{font-size:17px;margin:8px 0}.crash-controls p,.crash-controls small{font-size:11px;line-height:1.7;color:#768678}.crash-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:22px 0}.crash-options>label{display:flex;flex-direction:column;gap:7px;font-size:11px}.crash-options>label:first-child{flex-direction:row;align-items:center}.crash-options input:not([type=checkbox]):not([type=range]){padding:10px;border:1px solid #d5e1d4;border-radius:7px;width:100%;font:inherit}.crash-controls input[type=checkbox],.crash-controls input[type=range]{accent-color:#438876}.voice-controls{padding:18px;border-radius:10px;background:#f5f8f1}.voice-controls>div:first-child{justify-content:flex-start;font-size:13px}.voice-controls .fallback-switch{margin:13px 0}.crash-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px}.crash-incident{border-top:1px solid #e1e8dc;margin-top:22px;padding-top:18px}.crash-incident h4{font-size:14px}.crash-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.crash-metrics span{display:flex;flex-direction:column;gap:7px;font-size:11px}.crash-metrics b{font-size:20px}.crash-transcript{padding:14px;background:#f8f7f0;border-radius:8px}.crash-error{color:#ba4f3e!important}.crash-incident audio{width:min(100%,420px)}@media(max-width:750px){.crash-heading{align-items:flex-start;flex-direction:column}.crash-metrics,.crash-options{grid-template-columns:1fr}.voice-controls .fallback-switch{align-items:flex-start}}