:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#ecf3fa;background:#101e30;font-synthesis:none;--muted:#9cadc0;--border:#dfe7ef;--ink:#172c43;--blue:#287ce5;--amber:#df9a25;--cyan:#148dba;--green:#21976b}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.4}button,a{transition:background .16s,transform .16s,color .16s}button:active:not(:disabled),a:active{transform:scale(.96)}button:focus-visible,a:focus-visible{outline:3px solid #3c9ef6;outline-offset:3px}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}h1,h2,p{margin:0}.dashboard{height:100dvh;min-height:690px;padding:22px 28px 12px;display:grid;grid-template-rows:66px 110px minmax(0,1fr) 24px;gap:17px;max-width:2400px;margin:auto}.topbar,.brand,.header-tools,.panel-heading,.detail-controls,footer{display:flex;align-items:center;justify-content:space-between;gap:14px}.brand{justify-content:flex-start;gap:13px}.brand img{width:45px;height:55px;object-fit:contain}.eyebrow{font-size:10px;font-weight:750;letter-spacing:1.7px;color:#7d91a8;display:block;margin-bottom:5px}h1{font-size:27px;letter-spacing:-.8px;line-height:1.1;font-weight:650}.brand .eyebrow{color:#a4b8cf}.title-dot{color:#52c5da}.demo-pill{border:1px solid #45556a;border-radius:6px;padding:8px 12px;font-size:11px;color:#bbcadb}.clock{border-left:1px solid #3a4a5d;padding-left:18px;display:flex;flex-direction:column;align-items:flex-end;gap:2px}.clock strong{font-size:24px;font-variant-numeric:tabular-nums;font-weight:550;letter-spacing:1px}.clock span{font-size:11px;color:#9aadc2}.icon-button{border:1px solid #41526a;background:#203148;color:#c4d5e7;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;text-decoration:none;flex-shrink:0}.icon-button:hover{background:#304762}.icon-button svg{width:19px;height:19px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.metric{background:#1a2c42;border:1px solid #304258;border-radius:12px;padding:17px 18px;display:flex;align-items:center;gap:15px;position:relative;overflow:hidden}.metric-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;flex-shrink:0}.blue{color:#83b6ff;background:#284668}.amber{color:var(--amber);background:#fff2d9}.cyan{color:var(--cyan);background:#def3fc}.green{color:var(--green);background:#def3e9}.metric .amber{background:#504332;color:#f3bb62}.metric .cyan{background:#244857;color:#68d2e9}.metric .green{background:#224a43;color:#76deae}.metric-label{font-size:13px;color:#c1cede;display:block}.metric strong{display:block;font-size:35px;line-height:1.16;font-weight:600;letter-spacing:-1px;font-variant-numeric:tabular-nums}.metric small{font-size:10px;color:#95a9bf}.metric-note{position:absolute;right:14px;top:15px;font-size:8px;color:#8eaac9;letter-spacing:1px}.workspace{min-height:0;display:grid;grid-template-columns:minmax(0,1.75fr) minmax(340px,1fr);gap:17px}.map-column,.detail-column{min-height:0;display:grid;gap:17px}.map-column{grid-template-rows:minmax(0,1fr) 151px}.detail-column{grid-template-rows:minmax(0,1.55fr) minmax(0,1fr)}.panel{background:#fafdff;color:var(--ink);border-radius:13px;overflow:hidden;box-shadow:0 4px 16px #06122213;min-height:0}.panel-heading{padding:17px 19px;min-height:62px}.panel-heading h2{font-size:16px;font-weight:680;letter-spacing:-.3px}.panel-heading .eyebrow{font-size:9px;letter-spacing:1.5px;margin-bottom:4px}.map-panel{display:grid;grid-template-rows:auto minmax(0,1fr) auto}.filters{display:flex;background:#eaf0f5;padding:3px;border-radius:7px;gap:1px}.filters button{border:0;background:transparent;color:#60748a;padding:7px 10px;border-radius:5px;font-size:11px;font-weight:650;white-space:nowrap}.filters button[aria-pressed=true]{background:white;color:#1b5fae;box-shadow:0 1px 4px #12345615}.filters button:hover{color:#1a5ead}.map-wrap{position:relative;min-height:0;background:#e4ecec}#city-map{width:100%;height:100%;background:#e5edee}.map-caption{position:absolute;z-index:500;bottom:26px;left:14px;display:flex;align-items:center;gap:7px;background:#ffffffed;box-shadow:0 2px 10px #14283f18;padding:8px 10px;border-radius:7px;font-size:11px;color:#29465f}.map-caption button{border:0;background:none;color:#246daf;padding:2px 5px;margin-left:5px;border-left:1px solid #d5dfe8;font-size:11px}.small-dot{width:6px;height:6px;border-radius:50%;background:#287ce5}.map-warning{position:absolute;z-index:500;top:12px;left:50%;transform:translateX(-50%);background:#fff6db;color:#735412;padding:10px;border-radius:7px;font-size:12px;width:max-content;max-width:75%}.map-legend{display:flex;align-items:center;gap:16px;padding:11px 16px;font-size:10px;color:#5b7187;flex-wrap:wrap}.map-legend span{display:flex;align-items:center;gap:5px}.legend-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:currentColor}.map-legend small{font-size:9px;margin-left:auto;color:#8192a3}.quiet{font-size:10px;color:#8292a4}.flow-panel .panel-heading{padding-bottom:10px;min-height:46px}.flow-panel h2{font-size:14px}.flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:15px;padding:0 20px 16px}.flow-item strong{font-size:24px;font-weight:650}.flow-item span{display:block;font-size:10px;color:#667b8f;margin:3px 0 9px;white-space:nowrap}.bar-track{height:5px;background:#e4ecf3;border-radius:8px;overflow:hidden}.bar-fill{height:100%;background:var(--bar);border-radius:8px;transition:width .4s}.detail-panel{display:flex;flex-direction:column}.detail-panel .panel-heading{padding-bottom:13px;flex-shrink:0}.detail-controls{gap:6px}.detail-controls .icon-button{background:#f1f5f9;color:#49667f;border-color:#e0e8ef;width:27px;height:29px;border-radius:5px}.detail-controls .icon-button:hover{background:#e0ebf5}.detail-controls svg{width:16px;height:16px}.detail{min-height:0;overflow:auto;padding:0 19px 16px;scrollbar-width:thin}.evidence{height:clamp(90px,14vh,170px);border-radius:9px;background:#eaf0f5;overflow:hidden;position:relative;margin-bottom:13px}.evidence img{width:100%;height:100%;object-fit:contain;background:#e1e9ef}.no-photo{display:flex;align-items:center;justify-content:center;gap:14px;height:100%;background:radial-gradient(ellipse at 20% 30%,#d6e5ed,transparent 70%),repeating-linear-gradient(45deg,transparent,transparent 15px,#dbe5ed50 16px,#dbe5ed50 17px);color:#7992a7}.no-photo>svg{width:40px;height:40px;stroke-width:1.2}.no-photo strong{font-size:13px;display:block;font-weight:550}.no-photo small{font-size:10px;display:block;margin-top:3px}.evidence-badge{position:absolute;top:9px;left:9px;padding:4px 7px;background:#ffffffec;border-radius:4px;font-size:9px;letter-spacing:.4px;color:#627b90}.detail-title-row{display:flex;align-items:center;gap:8px;justify-content:space-between;margin-bottom:8px}.detail h3{font-size:19px;line-height:1.2;letter-spacing:-.4px;margin:0}.status{display:inline-flex;padding:5px 7px;border-radius:5px;font-size:10px;font-weight:650;white-space:nowrap}.location{font-size:12px;color:#586e84;line-height:1.45;display:flex;gap:5px;align-items:flex-start}.location svg{width:14px;height:17px;flex-shrink:0}.description{font-size:12px;line-height:1.5;margin:8px 0;color:#63788d}.detail-meta{display:flex;align-items:center;gap:7px;font-size:10px;color:#8093a4;flex-wrap:wrap}.priority{color:#926316;background:#fff1d5;border-radius:4px;padding:3px 6px;font-weight:600}.responsible{margin-top:10px;padding-top:10px;border-top:1px solid #e4ebf1;display:flex;gap:8px;align-items:center;color:#516c84;font-size:11px}.responsible svg{width:17px;height:17px}.activity-panel{display:flex;flex-direction:column}.activity-panel .panel-heading{flex-shrink:0}.activity{min-height:0;overflow:auto;padding:0 18px 10px;scrollbar-width:thin}.activity-row{border:0;border-top:1px solid #e7edf2;width:100%;background:transparent;display:flex;text-align:left;padding:11px 0;gap:11px;align-items:flex-start;color:var(--ink)}.activity-row:hover{background:#edf4fa}.activity-row .activity-dot{border-radius:50%;width:9px;height:9px;margin-top:5px;flex-shrink:0;background:var(--dot)}.activity-copy{min-width:0;flex:1}.activity-copy strong{font-size:11px;display:block;font-weight:650}.activity-copy span{font-size:10px;color:#7b8da0;display:block;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-time{font-size:9px;color:#7c8e9f;white-space:nowrap;margin-top:2px}.count-pill{font-size:10px;border-radius:5px;background:#eaf1f8;color:#64829d;padding:4px 7px}footer{font-size:10px;color:#8fa4bb;gap:15px}.sync{display:flex;align-items:center;gap:6px}.sync i{background:#63c5a0;display:inline-block;width:6px;height:6px;border-radius:50%}.notice{position:fixed;bottom:45px;left:50%;transform:translateX(-50%);background:#20364e;color:white;padding:13px 22px;border:1px solid #4c6680;border-radius:9px;z-index:2000;font-size:13px}.empty{padding:24px 10px;color:#71869c;font-size:13px;line-height:1.6}.map-marker{display:grid;place-items:center;width:30px;height:30px;border:3px solid white;border-radius:50%;background:var(--pin);color:white;font-size:11px;font-weight:750;box-shadow:0 2px 8px #142c4866;transition:transform .18s}.map-marker.selected{transform:scale(1.2);box-shadow:0 0 0 5px #ffffff80,0 3px 10px #142c4866}.leaflet-control-attribution{font-size:9px!important}.leaflet-container{font-family:inherit}.leaflet-popup-content{font-size:12px}.leaflet-popup-content strong{display:block;margin-bottom:4px}@media(min-width:1800px){.dashboard{padding:28px 38px 16px;grid-template-rows:84px 142px minmax(0,1fr) 28px;gap:22px}.metric-label{font-size:18px}.metric strong{font-size:44px}.metric small{font-size:13px}.metric-icon{width:58px;height:58px}.metric-icon svg{width:28px;height:28px}h1{font-size:34px}.panel-heading h2{font-size:20px}.panel-heading .eyebrow,.eyebrow{font-size:12px}.panel-heading{padding:22px 25px}.map-column{grid-template-rows:minmax(0,1fr) 180px}.flow-item span{font-size:13px}.flow-item strong{font-size:30px}.flow{padding:4px 25px 24px}.detail h3{font-size:25px}.detail{padding:0 25px 20px}.location,.description{font-size:16px}.status,.responsible{font-size:14px}.detail-meta{font-size:12px}.activity-copy strong{font-size:15px}.activity-copy span{font-size:13px}.activity-time{font-size:12px}.activity-row{padding:15px 0}.filters button{font-size:13px}.map-legend,footer{font-size:12px}.map-legend small{font-size:11px}}
@media(max-width:1100px){.dashboard{padding:14px;gap:12px}.workspace{grid-template-columns:minmax(0,1.4fr) minmax(300px,1fr);gap:12px}.panel-heading{padding:13px}.filters button{padding:6px;font-size:10px}.map-panel>.panel-heading{align-items:flex-start;flex-direction:column;gap:8px}.metric{padding:12px;gap:10px}.metric-note{display:none}.metric-icon{width:35px;height:35px}.metric small{font-size:9px}.map-legend{gap:10px}.flow{gap:8px;padding:0 13px}.flow-item span{font-size:9px}.detail{padding:0 13px 13px}.demo-pill{font-size:10px}.detail h3{font-size:17px}}
@media(max-width:760px){.dashboard{height:auto;min-height:100dvh;display:flex;flex-direction:column}.topbar{flex-wrap:wrap;gap:16px}.header-tools{width:100%}.clock{margin-left:auto}.metrics{grid-template-columns:1fr 1fr}.metric{min-height:105px}.workspace{display:flex;flex-direction:column}.map-column{display:flex;flex-direction:column}.map-panel{height:450px}.flow-panel{min-height:140px}.detail-column{display:flex;flex-direction:column}.detail-panel{min-height:340px}.detail{overflow:visible}.activity{max-height:340px}.evidence{height:200px}footer{flex-wrap:wrap;padding:8px 0}.map-legend small{width:100%;margin:0}.metric small{font-size:10px}.panel-heading h2{font-size:17px}.filters button{font-size:12px}.description,.location{font-size:14px}.activity-copy strong{font-size:13px}.activity-copy span{font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}