*{box-sizing:border-box}html{font-size:16px}body{color:#eff6ff;background:#06101b;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial}button,select{font:inherit}a{color:#2d95ff;text-decoration:none}.appShell{background:radial-gradient(circle at 35% -10%,#1d7eff38,#0000 32%),linear-gradient(135deg,#07111d,#020811 70%);grid-template-columns:250px 1fr;min-height:100vh;display:grid}.sidebar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#030c16c7;border-right:1px solid #ffffff14;flex-direction:column;gap:24px;height:100vh;padding:24px 18px;display:flex;position:sticky;top:0}.brand{letter-spacing:-.04em;align-items:center;gap:12px;font-size:1.42rem;font-weight:900;display:flex}.brandMark,.metricIcon,.severity,.helmet{place-items:center;display:grid}.brandMark{background:#0b65d8;border-radius:12px;width:34px;height:34px;box-shadow:0 0 28px #1a75ff73}.navList{gap:8px;display:grid}.navItem{color:#c9d7e8;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:13px;width:100%;padding:14px 13px;display:flex;position:relative}.navItem.active,.navItem:hover{color:#fff;background:linear-gradient(135deg,#116dcc,#074989)}.navItem b{color:#fff;background:#ff3131;border-radius:999px;margin-left:auto;padding:2px 7px;font-size:.73rem}.systemCard{background:#ffffff0a;border:1px solid #ffffff17;border-radius:14px;align-items:center;gap:12px;margin-top:auto;padding:15px;display:flex}.systemCard p,.copyright,small{color:#8fa1b6;margin:0}.pulseDot{background:#25dd62;border-radius:50%;width:12px;height:12px;box-shadow:0 0 0 8px #25dd621f}.mainArea{gap:18px;min-width:0;padding:22px;display:grid}.topbar{justify-content:space-between;align-items:center;gap:18px;display:flex}.titleBlock{align-items:center;gap:22px;display:flex}.titleBlock h1{letter-spacing:-.03em;margin:0;font-size:1.45rem}.titleBlock select,.panelHeader button{color:#d9e7f7;background:#0b1725;border:1px solid #ffffff17;border-radius:11px;padding:11px 18px}.topActions{align-items:center;gap:12px;display:flex}.weatherMini,.profile{align-items:center;gap:10px;display:flex}.weatherMini span,.profile span{display:grid}.iconButton{color:#dce8f6;background:#0b1725;border:1px solid #ffffff17;border-radius:12px;place-items:center;width:44px;height:44px;display:grid;position:relative}.iconButton i{color:#fff;background:#ff3131;border-radius:999px;padding:2px 6px;font-size:.7rem;font-style:normal;position:absolute;top:-7px;right:-5px}.avatar{color:#07111d;background:linear-gradient(135deg,#d7e5f6,#734b2b);border-radius:50%;place-items:center;width:42px;height:42px;font-weight:900;display:grid}.metricGrid{grid-template-columns:repeat(6,minmax(145px,1fr));gap:14px;display:grid}.metricCard,.panel{background:linear-gradient(#0f1d2ee0,#08121feb);border:1px solid #ffffff17;border-radius:16px;box-shadow:0 18px 50px #0000003d}.metricCard{justify-content:space-between;gap:12px;min-height:116px;padding:18px;display:flex}.metricCard p{color:#d6e5f7;margin:0 0 8px;font-weight:700}.metricCard h2{margin:0 0 8px;font-size:2rem}.delta{color:#38e56b;font-size:.82rem;font-weight:700}.delta.negative{color:#ff5b5b}.metricIcon{border-radius:20px;width:58px;height:58px}.blue{color:#248dff}.green{color:#2de36a}.amber{color:#ffb51f}.purple{color:#8d4dff}.red{color:#ff463f}.cyan{color:#15d4ff}.metricIcon.blue{background:#248dff26}.metricIcon.green{background:#2de36a26}.metricIcon.amber{background:#ffb51f26}.metricIcon.purple{background:#8d4dff26}.contentGrid{grid-template-columns:minmax(0,1fr) 380px;gap:16px;display:grid}.leftContent{gap:16px;display:grid}.panel{min-width:0;padding:16px}.panelHeader{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.panelHeader h3{margin:0;font-size:1rem}.mapCanvas{isolation:isolate;background:radial-gradient(circle at 48% 38%,#f5ac4a59,#0000 18%),radial-gradient(circle at 75% 35%,#2c71b466,#0000 20%),linear-gradient(28deg,#102033,#111827 45%,#312819);border-radius:14px;min-height:455px;position:relative;overflow:hidden}.mapCanvas:before{content:"";opacity:.42;background:repeating-linear-gradient(26deg,#0000 0 42px,#ffffff14 43px 45px),repeating-linear-gradient(116deg,#0000 0 68px,#ffbf4b1f 69px 72px);position:absolute;inset:0}.roads{background:linear-gradient(18deg,#0000 43%,#1e91ff6b 44%,#0000 46%),linear-gradient(160deg,#0000 44%,#ffc02761 45%,#0000 47%);position:absolute;inset:0}.zone{opacity:.16;background:currentColor;border:2px solid;border-radius:12px;position:absolute}.zone.purple{color:#8d4dff;width:44%;height:43%;top:24%;left:12%;transform:rotate(-10deg)}.zone.yellow{color:#ffc21f;width:34%;height:44%;top:16%;right:12%;transform:rotate(8deg)}.zone.red{color:#ff3838;width:25%;height:26%;bottom:12%;right:4%;transform:rotate(-8deg)}.legend{z-index:3;background:#030a12c7;border:1px solid #ffffff14;border-radius:12px;gap:12px;padding:14px;display:grid;position:absolute;top:68px;left:18px}.legend span{align-items:center;gap:9px;font-size:.88rem;display:flex}.legend i,.legendText i{border-radius:50%;width:11px;height:11px;display:inline-block}.legend .stripe{background:repeating-linear-gradient(135deg,#ff342e 0 3px,#0000 3px 6px);border-radius:2px}.pin{z-index:4;border:2px solid #ffffffa6;border-radius:50% 50% 50% 8px;place-items:center;width:39px;height:39px;display:grid;position:absolute;transform:translate(-50%,-50%)rotate(-45deg);box-shadow:0 8px 24px #00000073}.pin svg{rotate:45deg}.pin.worker{background:#1fd565}.pin.drone{background:#168cff}.pin.alert{background:#ff433d}.pin.sensor{background:#22dca0}.mapTools{z-index:4;gap:10px;display:grid;position:absolute;top:95px;right:16px}.mapTools button{color:#fff;background:#040c14b3;border:1px solid #ffffff24;border-radius:12px;width:42px;height:42px}.liveBadge{z-index:4;background:#030c14cc;border:1px solid #ffffff17;border-radius:12px;align-items:center;gap:12px;padding:12px 14px;display:flex;position:absolute;bottom:18px;left:18px}.rightRail{gap:16px;display:grid}.aiScore{color:#356cff;align-items:center;gap:18px;display:flex}.aiScore p{color:#93a8be;margin:0}.aiScore h2{color:#fff;margin:3px 0;font-size:2.1rem}.aiScore h2 span{color:#8fa1b6;font-size:1rem}.aiScore strong{color:#ffc21f}.chartBox{color:#30e76c;margin-top:10px}.listPanel{gap:9px;display:grid}.listItem{background:#ffffff09;border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:10px;display:grid}.listItem div{display:grid}.listItem small,.listItem em{color:#91a3b8;font-size:.79rem;font-style:normal}.severity{border-radius:12px;width:34px;height:34px}.severity.critical{color:#ff5a53;background:#ff433d26}.severity.warning{color:#ffb51f;background:#ffb51f26}.severity.neutral{color:#d5e5f6;background:#ffffff14}.lowerGrid{grid-template-columns:repeat(12,1fr);gap:16px;display:grid}.cameraPanel,.workersPanel,.dronePanel{grid-column:span 4}.weatherPanel{grid-column:span 3}.statusPanel{grid-column:span 5}.zonesPanel{grid-column:span 4}.cameraGrid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.cameraTile{color:#fff;border-radius:12px;flex-direction:column;justify-content:space-between;min-height:112px;padding:10px;display:flex;position:relative;overflow:hidden}.cameraTile:before{content:"";opacity:.35;background:repeating-linear-gradient(90deg,#ffffff14 0 2px,#0000 2px 20px);position:absolute;inset:0}.cameraTile span,.cameraTile b{position:relative}.cameraTile b{font-size:.82rem}.cameraTile i{background:#2ee66e;border-radius:50%;width:8px;height:8px;margin-right:5px;display:inline-block}.workerRow,.droneRow{border-bottom:1px solid #ffffff0f;grid-template-columns:auto 1fr auto auto;align-items:center;gap:11px;padding:10px 0;display:grid}.workerRow span,.droneRow span{color:#9ab0c6;align-items:center;gap:5px;display:flex}.safe{color:#2ee66e}.danger{color:#ff514b}.helmet{color:#07111d;background:#caa46d;border-radius:50%;width:34px;height:34px}.droneRow{grid-template-columns:auto 1fr auto}.weatherBig{align-items:center;gap:18px;display:flex}.weatherBig h2{margin:0;font-size:2.3rem}.weatherPanel dl{grid-template-columns:1fr 1fr;gap:8px;margin:18px 0 0;display:grid}.weatherPanel dt{color:#91a3b8}.weatherPanel dd{margin:0}.donutWrap{align-items:center;gap:20px;display:flex}.recharts-pie-sector:first-child{fill:#2ee66e}.recharts-pie-sector:nth-child(2){fill:#ffc21f}.recharts-pie-sector:nth-child(3){fill:#7c8795}.legendText{flex:1;gap:12px;display:grid}.legendText p{justify-content:space-between;gap:15px;margin:0;display:flex}.barRow{grid-template-columns:70px 1fr 30px;align-items:center;gap:12px;margin:12px 0;display:grid}.barRow div{background:#ffffff14;border-radius:999px;height:10px;overflow:hidden}.barRow i{background:#248dff;border-radius:999px;height:100%;display:block}.timelineTrack{grid-template-columns:repeat(6,minmax(180px,1fr));gap:14px;padding-bottom:4px;display:grid;overflow:auto}.timeCard{background:#ffffff09;border:1px solid #ffffff14;border-radius:14px;padding:14px;position:relative}.timeCard time{color:#cbd7e6;margin-bottom:13px;display:block}.timeCard div{gap:5px;display:grid}.timeCard small{display:block}.timeCard.blue{border-bottom:3px solid #248dff}.timeCard.red{border-bottom:3px solid #ff433d}.timeCard.green{border-bottom:3px solid #2de36a}.timeCard.amber{border-bottom:3px solid #ffb51f}.mobileOnly,.compactOnly{display:none}@media (width<=1500px){.appShell{grid-template-columns:86px 1fr}.brand span,.navItem span,.systemCard div,.copyright{display:none}.sidebar{align-items:center;padding:22px 12px}.navItem{justify-content:center}.contentGrid{grid-template-columns:minmax(0,1fr) 330px}.metricGrid{grid-template-columns:repeat(3,1fr)}}@media (width<=1100px){.contentGrid{grid-template-columns:1fr}.rightRail{grid-template-columns:repeat(3,1fr)}.compactOnly{display:block}.lowerGrid{grid-template-columns:repeat(6,1fr)}.cameraPanel,.workersPanel,.dronePanel,.weatherPanel,.statusPanel,.zonesPanel{grid-column:span 3}.mapCanvas{min-height:380px}.topActions .profile span,.weatherMini small{display:none}}@media (width<=760px){.appShell{grid-template-columns:1fr}.sidebar{display:none}.mainArea{gap:12px;padding:12px}.mobileOnly{display:grid}.topbar{z-index:10;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#06101bd1;padding:8px 0;position:sticky;top:0}.titleBlock{flex:1;gap:10px}.titleBlock h1{font-size:1.05rem}.titleBlock select{max-width:140px;padding:9px}.topActions{gap:7px}.weatherMini,.profile{display:none}.metricGrid{grid-template-columns:repeat(2,1fr);gap:10px}.metricCard{min-height:92px;padding:13px}.metricCard h2{font-size:1.55rem}.metricIcon{width:44px;height:44px}.contentGrid,.rightRail,.lowerGrid{grid-template-columns:1fr}.cameraPanel,.workersPanel,.dronePanel,.weatherPanel,.statusPanel,.zonesPanel{grid-column:span 1}.mapCanvas{min-height:330px}.legend{width:max-content;position:relative;top:12px;left:12px}.pin{width:31px;height:31px}.mapTools{top:auto;bottom:16px}.liveBadge{font-size:.78rem}.rightRail{gap:12px}.timelineTrack{grid-template-columns:repeat(6,210px)}.cameraGrid{grid-template-columns:1fr 1fr}.workerRow{grid-template-columns:auto 1fr auto}.workerRow em{grid-column:2/4}.donutWrap{align-items:flex-start}.panel{padding:13px}}@media (width<=420px){.metricGrid,.cameraGrid{grid-template-columns:1fr}.titleBlock select{display:none}.mapCanvas{min-height:300px}.lowerGrid{gap:12px}.metricCard{align-items:center}.topActions .badge:nth-child(3){display:none}}.sidebarOverlay{background:0 0;border:0;margin:0;padding:0;display:none}@media (width<=980px){.sidebar{z-index:1000}.sidebar.mobileOpen{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translate(0)!important}.sidebarOverlay.show{z-index:900;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#02060e9e;display:block;position:fixed;inset:0}}@media (width>=981px){.sidebarOverlay,.sidebarOverlay.show{display:none!important}.sidebar{opacity:1!important;visibility:visible!important;transform:none!important}}@media (width<=760px){.sidebar.mobileOpen{z-index:1200!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;background:#030c16f5!important;border-right:1px solid #ffffff1f!important;align-items:stretch!important;width:min(82vw,290px)!important;height:100dvh!important;padding:22px 18px!important;display:flex!important;position:fixed!important;top:0!important;bottom:0!important;left:0!important;transform:translate(0)!important;box-shadow:22px 0 60px #00000073!important}.sidebar.mobileOpen .brand{justify-content:flex-start!important;width:100%!important}.sidebar.mobileOpen .brand span{display:inline!important}.sidebar.mobileOpen .navList{width:100%!important}.sidebar.mobileOpen .navItem{justify-content:flex-start!important;width:100%!important}.sidebar.mobileOpen .navItem span{display:inline!important}.sidebar.mobileOpen .systemCard{align-items:center!important;width:100%!important}.sidebar.mobileOpen .systemCard div,.sidebar.mobileOpen .copyright{display:block!important}.sidebarOverlay.show{z-index:1100!important;-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;background:#02060e9e!important;display:block!important;position:fixed!important;inset:0!important}}.workersPage{gap:20px;display:grid}.workerSummaryGrid{grid-template-columns:repeat(4,minmax(180px,1fr));gap:16px;display:grid}.workerSummaryCard{background:#ffffff09;border:1px solid #ffffff14;border-left:3px solid #2f9bfff2;border-radius:18px;min-height:126px;padding:18px}.workerSummaryCard.green{border-left-color:#22c55ef2}.workerSummaryCard.amber{border-left-color:#f59e0bf2}.workerSummaryCard.red{border-left-color:#ef4444f2}.workerSummaryCard span{color:#9fb3c8;font-size:13px;display:block}.workerSummaryCard strong{color:#f8fbff;margin-top:10px;font-size:clamp(28px,3vw,36px);line-height:1.12;display:block}.workerSummaryCard small{color:#8ea4bb;line-height:1.5}.workersLayout{grid-template-columns:minmax(0,1.45fr) minmax(330px,.78fr);align-items:start;gap:20px;display:grid}.workersRosterPanel,.workerProfilePanel{padding:18px}.workerToolbar{flex-wrap:wrap;align-items:center;gap:12px;margin:16px 0 18px;display:flex}.workerSearch{color:#9fb3c8;background:#ffffff09;border:1px solid #ffffff17;border-radius:14px;flex:280px;align-items:center;gap:10px;padding:10px 12px;display:flex}.workerSearch input{color:#f8fbff;background:0 0;border:0;outline:0;width:100%;font-size:14px}.workerFilters{flex-wrap:wrap;gap:8px;display:flex}.workerFilters button{color:#9fb3c8;cursor:pointer;background:#ffffff09;border:1px solid #ffffff17;border-radius:999px;padding:9px 13px}.workerFilters button.active{color:#f8fbff;background:#2f9bff2e}.workerRows{gap:10px;display:grid}.workerRowCard{text-align:left;color:#f8fbff;cursor:pointer;background:#ffffff07;border:1px solid #ffffff13;border-radius:16px;grid-template-columns:42px minmax(160px,1.1fr) repeat(5,minmax(76px,.65fr));align-items:center;gap:12px;width:100%;padding:12px;display:grid}.workerRowCard.selected{background:#2f9bff1a;border-color:#2f9bff80}.workerAvatar,.workerProfileAvatar{background:#ffffff0f;place-items:center;display:grid}.workerAvatar{border-radius:14px;width:42px;height:42px}.workerAvatar.safe,.workerProfileAvatar.safe{color:#22c55e}.workerAvatar.warning,.workerProfileAvatar.warning{color:#f59e0b}.workerAvatar.critical,.workerProfileAvatar.critical{color:#ef4444}.workerMain strong,.workerRowCard b{color:#f8fbff;display:block}.workerMain small,.workerRowCard small{color:#8ea4bb;font-size:12px;display:block}.okText{color:#22c55e!important}.warnText{color:#f59e0b!important}.statusPill{border-radius:999px;justify-self:end;padding:6px 9px;font-size:12px;font-style:normal;font-weight:800}.statusPill.safe{color:#22c55e;background:#22c55e1a}.statusPill.warning{color:#f59e0b;background:#f59e0b1a}.statusPill.critical{color:#ef4444;background:#ef44441a}.workerProfilePanel{position:sticky;top:16px}.workerProfileHead{border-bottom:1px solid #ffffff13;align-items:center;gap:14px;margin-top:16px;padding-bottom:16px;display:flex}.workerProfileAvatar{background:#2f9bff1f;border-radius:18px;width:58px;height:58px}.workerProfileHead strong{color:#f8fbff;font-size:19px;display:block}.workerProfileHead small{color:#8ea4bb}.profileMetricGrid{grid-template-columns:1fr 1fr;gap:12px;margin-top:16px;display:grid}.profileMetric,.profileInfoBox,.droneObservationBox{background:#ffffff09;border:1px solid #ffffff13;border-radius:16px}.profileMetric{min-height:82px;padding:12px}.profileMetric svg{color:#8abfff}.profileMetric small{color:#8ea4bb;margin-top:8px;display:block}.profileMetric strong{color:#f8fbff;margin-top:4px;font-size:14px;display:block}.profileInfoBox{margin-top:16px;padding:14px}.profileInfoLine{border-bottom:1px solid #ffffff0e;grid-template-columns:22px 96px 1fr;align-items:center;gap:8px;padding:8px 0;display:grid}.profileInfoLine:last-child{border-bottom:0}.profileInfoLine svg{color:#8abfff}.profileInfoLine small{color:#8ea4bb}.profileInfoLine b{color:#f8fbff;font-size:13px}.droneObservationBox{margin-top:16px;padding:14px}.droneObservationBox.warning{background:#f59e0b1a}.droneObservationBox.critical{background:#ef44441a;border-color:#ef444438}.droneObservationBox strong{color:#f8fbff;align-items:center;gap:8px;margin-bottom:8px;display:flex}.droneObservationBox small{color:#c9d7e6;line-height:1.55}.recentWorkerEvents{margin-top:16px}.recentWorkerEvents>strong{color:#f8fbff;margin-bottom:10px;display:block}.recentWorkerEvents p{color:#9fb3c8;align-items:flex-start;gap:9px;margin:0 0 9px;font-size:13px;line-height:1.45;display:flex}.recentWorkerEvents svg{color:#f59e0b;flex:none}@media (width<=1280px){.workerSummaryGrid{grid-template-columns:repeat(2,minmax(180px,1fr))}.workersLayout{grid-template-columns:1fr}.workerProfilePanel{position:static}}@media (width<=900px){.workerRowCard{grid-template-columns:42px 1fr auto}.workerRowCard>span:not(.workerAvatar):not(.workerMain){display:none}}@media (width<=640px){.workerSummaryGrid{grid-template-columns:1fr}.workersRosterPanel,.workerProfilePanel{padding:14px}.profileMetricGrid{grid-template-columns:1fr}.profileInfoLine{grid-template-columns:22px 1fr}.profileInfoLine small{display:none}.workerToolbar{align-items:stretch}.workerSearch,.workerFilters{width:100%}}.liveTelemetryBanner{color:#f8fbff;background:#2f9bff13;border:1px solid #2f9bff2e;border-radius:16px;align-items:center;gap:10px;min-height:46px;padding:10px 14px;display:flex}.liveTelemetryBanner small{color:#9fb3c8;line-height:1.4}.liveTelemetryBanner em{color:#8abfff;margin-left:auto;font-size:12px;font-style:normal}.dangerText{color:#ef4444!important}.profileMetric.safe svg,.profileMetric.safe strong{color:#22c55e}.profileMetric.warning svg,.profileMetric.warning strong{color:#f59e0b}.profileMetric.critical svg,.profileMetric.critical strong{color:#ef4444}.profileMetric.warning{background:#f59e0b13;border-color:#f59e0b2e}.profileMetric.critical{background:#ef444413;border-color:#ef444433}@media (width<=700px){.liveTelemetryBanner{flex-wrap:wrap;align-items:flex-start}.liveTelemetryBanner em{width:100%;margin-left:0}}.liveMapPage{gap:20px;display:grid}.liveMapToolbar{justify-content:space-between;align-items:center;gap:14px;padding:16px 18px;display:flex}.liveMapToolbar strong{color:#f8fbff;font-size:16px;display:block}.liveMapToolbar small{color:#9fb3c8;margin-top:5px;display:block}.mapLayerToggles{flex-wrap:wrap;gap:8px;display:flex}.mapLayerToggles button{color:#9fb3c8;cursor:pointer;text-transform:capitalize;background:#ffffff09;border:1px solid #ffffff17;border-radius:999px;padding:8px 12px}.mapLayerToggles button.active{color:#f8fbff;background:#2f9bff29;border-color:#2f9bff52}.liveMapLayout{grid-template-columns:minmax(0,1.45fr) minmax(330px,.72fr);align-items:start;gap:20px;display:grid}.liveMapPanel,.mapInspector{padding:18px}.opsMapCanvas{background:radial-gradient(circle at 34% 35%,#2f9bff29,#0000 24%),radial-gradient(circle at 74% 56%,#f59e0b21,#0000 26%),linear-gradient(135deg,#0b1827fa,#070f1afa);border:1px solid #ffffff14;border-radius:22px;min-height:clamp(520px,62vh,760px);margin-top:16px;position:relative;overflow:hidden}.opsGrid{opacity:.24;background-image:linear-gradient(#ffffff0f 1px,#0000 1px),linear-gradient(90deg,#ffffff0f 1px,#0000 1px);background-size:54px 54px;position:absolute;inset:0;transform:rotate(-12deg)scale(1.35)}.haulRoad{opacity:.48;filter:blur(.3px);border-radius:999px;height:18px;position:absolute}.haulRoad.primary{background:linear-gradient(90deg,#0000,#f59e0bb8,#0000);width:125%;top:58%;left:-10%;transform:rotate(-16deg)}.haulRoad.secondary{background:linear-gradient(90deg,#0000,#2f9bff8c,#0000);width:130%;top:39%;left:-14%;transform:rotate(14deg)}.craneRadius{background:#ef44440e;border:1px dashed #ef444473;border-radius:50%;width:250px;height:250px;position:absolute;bottom:10%;right:8%}.opsZone{pointer-events:none;background:#ffffff0e;border:1px solid #ffffff1a;border-radius:22px;position:absolute}.opsZone span{color:#f8fbffc7;font-size:12px;font-weight:700;position:absolute;top:12px;left:14px}.opsZone.zoneA{background:#2f9bff1a;width:31%;height:31%;top:24%;left:18%;transform:rotate(-9deg)}.opsZone.zoneB{background:#f59e0b17;width:30%;height:28%;top:50%;left:36%;transform:rotate(8deg)}.opsZone.zoneC{background:#22c55e13;width:28%;height:26%;top:19%;left:61%;transform:rotate(7deg)}.opsZone.liftZone{background:#ef44441a;width:22%;height:24%;top:52%;left:68%;transform:rotate(-6deg)}.droneSweep{pointer-events:none;background:linear-gradient(90deg,#0000,#2f9bff29,#0000);width:140px;transition:left .8s linear;position:absolute;top:0;bottom:0;transform:skew(-18deg)}.mapWorker,.mapDrone,.mapAnchor,.mapIncident{color:#f8fbff;cursor:pointer;z-index:4;border:1px solid #ffffff29;transition:left .8s,top .8s,transform .18s,border-color .18s;position:absolute;transform:translate(-50%,-50%)}.mapWorker:hover,.mapDrone:hover,.mapAnchor:hover,.mapIncident:hover,.mapWorker.selected,.mapDrone.selected,.mapAnchor.selected,.mapIncident.selected{border-color:#ffffff85;transform:translate(-50%,-50%)scale(1.08)}.mapWorker,.mapDrone,.mapAnchor{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#06101cdb;border-radius:999px;align-items:center;gap:6px;min-height:32px;padding:7px 10px;display:flex}.mapWorker span,.mapDrone span,.mapAnchor span{font-size:11px;font-weight:800}.mapWorker.safe{box-shadow:0 0 0 5px #22c55e1a}.mapWorker.warning{box-shadow:0 0 0 5px #f59e0b1f}.mapWorker.critical{box-shadow:0 0 0 6px #ef444424}.mapWorker.safe svg{color:#22c55e}.mapWorker.warning svg{color:#f59e0b}.mapWorker.critical svg{color:#ef4444}.mapDrone{background:#0a2442e0;box-shadow:0 0 0 5px #2f9bff1a}.mapDrone svg{color:#2f9bff}.mapDrone.warning svg{color:#f59e0b}.mapAnchor{background:#082a26db;animation:2.6s ease-in-out infinite anchorPulse}.mapAnchor svg{color:#20e6c1}.mapAnchor.warning{background:#36270ce6}.mapAnchor.warning svg{color:#f59e0b}.mapIncident{border-radius:14px;place-items:center;width:38px;height:38px;animation:1.8s ease-in-out infinite incidentPulse;display:grid}.mapIncident.warning{background:#f59e0b33}.mapIncident.critical{background:#ef44443b}.mapIncident.warning svg{color:#f59e0b}.mapIncident.critical svg{color:#ef4444}.mapScale,.mapLiveBadge{z-index:5;color:#dbeafe;background:#030c16d1;border:1px solid #ffffff17;border-radius:999px;align-items:center;gap:8px;padding:10px 12px;font-size:12px;display:flex;position:absolute}.mapScale{bottom:16px;left:16px}.mapLiveBadge{bottom:16px;right:16px}.mapInspector{position:sticky;top:16px}.mapInspectorHead{border-bottom:1px solid #ffffff13;align-items:center;gap:14px;margin-top:16px;padding-bottom:16px;display:flex}.mapInspectorIcon{color:#2f9bff;background:#2f9bff1f;border-radius:18px;place-items:center;width:58px;height:58px;display:grid}.mapInspectorIcon.safe,.mapInspectorIcon.active{color:#22c55e}.mapInspectorIcon.warning{color:#f59e0b}.mapInspectorIcon.critical{color:#ef4444}.mapInspectorHead strong{color:#f8fbff;font-size:18px;display:block}.mapInspectorHead small{color:#8ea4bb}.mapInspectorRows{gap:10px;margin-top:16px;display:grid}.mapInspectorRows div{background:#ffffff09;border:1px solid #ffffff12;border-radius:14px;padding:12px}.mapInspectorRows small{color:#8ea4bb;margin-bottom:5px;display:block}.mapInspectorRows b{color:#f8fbff;font-size:13px;line-height:1.45}.mapStatusCards{grid-template-columns:1fr 1fr;gap:12px;margin-top:16px;display:grid}.mapStatusCards article{background:#ffffff09;border:1px solid #ffffff13;border-radius:15px;min-height:86px;padding:12px}.mapStatusCards svg{color:#8abfff}.mapStatusCards span{color:#8ea4bb;margin-top:8px;font-size:12px;display:block}.mapStatusCards strong{color:#f8fbff;margin-top:4px;display:block}@keyframes anchorPulse{0%,to{box-shadow:0 0 #20e6c11f}50%{box-shadow:0 0 0 8px #20e6c10d}}@keyframes incidentPulse{0%,to{box-shadow:0 0 #ef444429}50%{box-shadow:0 0 0 9px #ef44440a}}@media (width<=1280px){.liveMapLayout{grid-template-columns:1fr}.mapInspector{position:static}}@media (width<=760px){.liveMapToolbar{flex-direction:column;align-items:flex-start}.opsMapCanvas{min-height:560px}.mapWorker span,.mapDrone span,.mapAnchor span{display:none}.mapWorker,.mapDrone,.mapAnchor{justify-content:center;min-width:36px;padding:9px}.mapStatusCards{grid-template-columns:1fr}.opsZone span{display:none}}