.operations-dashboard-page{--ops-navy:#071b39;--ops-blue:#0c2e5b;--ops-blue-light:#16477d;--ops-line:#2b4a70;--ops-text:#eef5ff;--ops-muted:#9cb2d1;min-height:100vh;color:var(--ops-text);background:radial-gradient(ellipse at 74% 3%,#153d70 0,#0a2448 35%,#071a35 78%)}.operations-dashboard-page .sidebar{width:205px;padding:20px 13px 13px;border-right:1px solid #26476f;background:linear-gradient(180deg,#0d2b54,#081c3b 72%,#07172f)}.operations-dashboard-page .brand-mark{width:39px;height:39px;border:1px solid #6387b8;border-radius:12px;color:#fff;background:linear-gradient(145deg,#2c5c96,#112d55);box-shadow:0 6px 18px #020a1c66;font-size:15px}.operations-dashboard-page .brand strong{color:#f3f7ff;font-size:17px}.operations-dashboard-page .brand-period{color:#7ab5ff}.operations-dashboard-page .brand small{color:#91a9c9}.operations-dashboard-page .workspace{border-color:#ffffff20;background:#ffffff0b}.operations-dashboard-page .workspace-icon{color:#9bc5ff;background:#ffffff12}.operations-dashboard-page .workspace strong{color:#eff5ff}.operations-dashboard-page .workspace small,.operations-dashboard-page .nav-caption{color:#8fa7ca}.operations-dashboard-page .nav-link{min-height:37px;color:#becce0;font-size:10px}.operations-dashboard-page .nav-link:hover{color:#fff;background:#ffffff12}.operations-dashboard-page .nav-link.active{color:#fff;background:linear-gradient(90deg,#1765cf,#1677ed);box-shadow:0 5px 16px #0355c755}.operations-dashboard-page .nav-icon,.operations-dashboard-page .active .nav-icon{color:#d8eaff}.operations-dashboard-page .sidebar-footer{border-color:#ffffff20;color:#a6bad6}.operations-dashboard-page .version{color:#879dbd}.operations-dashboard-page .main-column{margin-left:205px}.operations-dashboard-page .topbar{height:62px;padding:0 24px;border-color:#26466e;background:#081d3af2;color:#fff}.operations-dashboard-page .breadcrumb{color:#a7bddb}.operations-dashboard-page .breadcrumb strong{color:#f3f7ff}.operations-dashboard-page .crumb-separator{color:#6883a8}.operations-dashboard-page .account-name{color:#e1ebfa}.operations-dashboard-page .avatar{color:#d9eaff;background:#214978}.operations-dashboard-page .button-light{border-color:#36577e;color:#e5efff;background:#15365f}.operations-dashboard-page .button-light:hover{background:#1c497b}.operations-dashboard-page .preview-tag{border-color:#755d2c;color:#f5d283;background:#342b19}.operations-dashboard-page .preview-tag span{background:#f3b841}.operations-dashboard-page .content{width:100%;max-width:1800px;min-height:calc(100vh - 105px);padding:17px 20px 14px}.operations-dashboard-page .footer{min-height:43px;padding:0 23px;border-color:#26466e;color:#91a9c9;background:#081d3a}.operations-dashboard-page .footer strong{color:#e4edfa}.operations-dashboard-page .ops-dashboard{display:grid;gap:12px}.ops-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:49px}.ops-heading h1{margin:2px 0 3px;color:#f4f7ff;font-size:20px;font-weight:700;letter-spacing:-.4px}.ops-heading p{margin:0;color:#9eb4d2;font-size:10px}.ops-kicker{color:#8ca9d0;font-size:8px;font-weight:800;letter-spacing:1.35px}.ops-demo-tag{display:inline-block;margin-left:8px;padding:3px 6px;border:1px solid #bd8c3d66;border-radius:5px;color:#ffd17b;background:#68491d55;font-size:7px;font-weight:800;letter-spacing:.7px;vertical-align:1px}.ops-live{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid #2c527b;border-radius:20px;color:#d9e8fd;background:#0c2a50;font-size:9px;font-weight:650}.ops-live span{width:8px;height:8px;border-radius:50%;background:#20d47b;box-shadow:0 0 10px #20d47b99}.ops-dashboard .notice{border-color:#755d2c;color:#fff;background:#342b19}.ops-dashboard .notice strong{color:#f5d283}.ops-dashboard .notice p{color:#c7b38c}.ops-dashboard .notice-icon{border-color:#755d2c;color:#f5d283;background:#493719}.ops-dashboard .ops-stat-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.ops-stat-card{display:flex;min-width:0;min-height:74px;align-items:center;gap:10px;padding:11px 12px;border:1px solid #ffffff10;border-radius:10px;color:#fff;background:linear-gradient(135deg,#123c70,#0d2d56);box-shadow:0 7px 18px #020d2030}.ops-stat-icon{display:grid;width:38px;height:38px;flex:0 0 auto;place-items:center;border:1px solid #ffffff25;border-radius:50%;color:#fff;background:#ffffff12;font-size:18px;font-weight:800}.ops-stat-card>div{min-width:0}.ops-stat-card>div>span,.ops-stat-card strong{display:block}.ops-stat-card>div>span{overflow:hidden;color:#d1e0f6;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.ops-stat-card strong{margin-top:2px;color:#fff;font-size:24px;line-height:1.05;letter-spacing:-.6px}.ops-stat-blue{background:linear-gradient(135deg,#145cb0,#073b83)}.ops-stat-orange{background:linear-gradient(135deg,#e87717,#bd4108)}.ops-stat-green{background:linear-gradient(135deg,#15965b,#087342)}.ops-stat-purple{background:linear-gradient(135deg,#843bc0,#55288d)}.ops-stat-cyan{background:linear-gradient(135deg,#119bb5,#08718e)}.ops-stat-orange .ops-stat-icon{color:#fff0d4;background:#ffffff19}.ops-stat-green .ops-stat-icon{color:#d4ffdd;background:#ffffff19}.ops-stat-purple .ops-stat-icon{color:#f2dfff;background:#ffffff19}.ops-stat-cyan .ops-stat-icon{color:#d7fbff;background:#ffffff19}.ops-primary-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(285px,.78fr);gap:12px;align-items:stretch}.ops-panel{min-width:0;overflow:hidden;border:1px solid #ffffff17;border-radius:10px;color:#edf4ff;background:linear-gradient(160deg,#102e55,#0c2445);box-shadow:0 9px 23px #020c1f42}.ops-panel-heading{display:flex;min-height:48px;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;border-bottom:1px solid #ffffff13}.ops-panel-heading h2{margin:0;color:#f2f6ff;font-size:11px;font-weight:700}.ops-panel-heading p{margin:3px 0 0;color:#91a9ca;font-size:8px}.ops-panel-heading>a{color:#87bcff;font-size:8px;font-weight:700;white-space:nowrap}.ops-pin{color:#a8d0ff;font-size:14px}.ops-map-panel{display:flex;flex-direction:column}.ops-map-legend{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;color:#b9cbe3;font-size:7px}.ops-map-legend span{display:inline-flex;align-items:center;gap:4px}.ops-map-legend i{width:7px;height:7px;border-radius:50%}.legend-fire{background:#ff554f}.legend-station{background:#39d981}.legend-unit{background:#43a4ff}.ops-map{position:relative;min-height:270px;flex:1;overflow:hidden;background-color:#c4d6c6;background-image:linear-gradient(25deg,transparent 45%,#e6e5cb 46%,#f7f3dd 48%,#fffdf2 49%,#d1ddc8 50%,transparent 53%),linear-gradient(150deg,transparent 36%,#e3e5d5 37%,#fff9e7 38%,#f6f0dc 39%,transparent 42%),repeating-linear-gradient(0deg,transparent 0 30px,#aebeb0 31px,#f5f2e7 33px,#fffdf4 35px,#aebeb0 37px,transparent 38px),repeating-linear-gradient(90deg,transparent 0 42px,#aebeb0 43px,#f7f3e7 45px,#fffdf5 47px,#aebeb0 49px,transparent 50px),linear-gradient(135deg,#c7dec7,#eadfc2 45%,#b5d3c3 75%,#d7e3c9)}.ops-map:before,.ops-map:after{position:absolute;content:"";pointer-events:none}.ops-map:before{inset:0;background:repeating-linear-gradient(64deg,transparent 0 73px,#ffffffb8 74px,#fff 76px,#f9f8ed 80px,transparent 82px),repeating-linear-gradient(118deg,transparent 0 97px,#ffffffb4 98px,#fff 100px,#f9f8ed 104px,transparent 106px);opacity:.86}.ops-map:after{inset:0;background-image:radial-gradient(ellipse at 20% 28%,#8bcf9b77 0 9%,transparent 10%),radial-gradient(ellipse at 79% 74%,#81c89370 0 12%,transparent 13%),radial-gradient(ellipse at 65% 18%,#9dcf9a80 0 7%,transparent 8%),radial-gradient(ellipse at 38% 79%,#98ce9e77 0 8%,transparent 9%);pointer-events:none}.map-park{position:absolute;z-index:1;border:1px solid #5ba97266;border-radius:46% 54% 60% 40%;background:#92d19b99}.map-park-one{top:12%;left:10%;width:17%;height:14%;transform:rotate(-16deg)}.map-park-two{right:11%;bottom:13%;width:20%;height:17%;transform:rotate(12deg)}.map-river{position:absolute;z-index:1;top:-35%;left:47%;width:9%;height:170%;transform:rotate(26deg);border-right:4px solid #7bb9db99;border-left:3px solid #e2f6e8;background:linear-gradient(90deg,#a5d5e0bb,#c9e8e9cc,#92c6dbbb)}.map-road{position:absolute;z-index:2;display:block;height:4px;border:1px solid #e9c979;border-right:0;border-left:0;background:#fff8df;box-shadow:0 1px 2px #75887866}.road-one{top:33%;left:-5%;width:115%;transform:rotate(-13deg)}.road-two{top:62%;left:-4%;width:112%;transform:rotate(9deg)}.road-three{top:45%;left:3%;width:96%;transform:rotate(-31deg)}.road-four{top:46%;left:6%;width:90%;transform:rotate(39deg)}.road-five{top:19%;left:19%;width:68%;transform:rotate(63deg)}.road-six{top:14%;left:38%;width:70%;transform:rotate(-65deg)}.road-seven{top:79%;left:18%;width:74%;transform:rotate(-19deg)}.road-eight{top:28%;left:31%;width:65%;transform:rotate(16deg)}.road-nine{top:71%;left:7%;width:79%;transform:rotate(-49deg)}.map-city-label{position:absolute;z-index:3;top:51%;left:50%;transform:translate(-50%,-50%);padding:4px 8px;border:1px solid #ffffffc9;border-radius:6px;color:#263f54;background:#ffffffd9;box-shadow:0 2px 9px #29496024;font-size:11px;font-weight:800;white-space:nowrap}.map-marker{position:absolute;z-index:4;display:grid;width:23px;height:23px;place-items:center;transform:translate(-50%,-50%);border:2px solid #fff;border-radius:50%;color:#fff;box-shadow:0 2px 7px #132a4766;font-size:11px;font-weight:900}.map-marker-incident{background:#ed4944;animation:incident-pulse 2s infinite}.map-marker-station{background:#14a865}.map-marker-vehicle{background:#187ada}.map-empty{position:absolute;z-index:5;top:50%;left:50%;transform:translate(-50%,-50%);padding:10px 13px;border:1px solid #ffffffc9;border-radius:8px;color:#34516b;background:#ffffffed;font-size:9px;font-weight:650;text-align:center}.map-scale{position:absolute;z-index:5;right:8px;bottom:7px;padding:4px 6px;border-radius:5px;color:#3b5366;background:#ffffffd9;font-size:7px}.ops-map-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 10px;color:#91a9c8;font-size:7px}.ops-map-footer a{color:#83baff;font-size:8px;font-weight:700;white-space:nowrap}.ops-side-stack{display:grid;grid-template-rows:minmax(0,1fr) minmax(0,1.12fr);gap:12px;min-height:0}.ops-station-panel,.ops-recent-panel{min-height:0}.ops-station-list,.ops-recent-list{padding:0 10px}.ops-station-row{display:flex;min-height:39px;align-items:center;gap:7px;border-bottom:1px solid #ffffff12}.ops-station-row:last-child,.ops-recent-row:last-child{border-bottom:0}.station-state{width:8px;height:8px;flex:0 0 auto;border-radius:50%}.station-state.is-online{background:#35dc84;box-shadow:0 0 8px #35dc8480}.station-state.is-offline{background:#f4a938}.ops-station-name{min-width:0;flex:1}.ops-station-name strong,.ops-station-name small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ops-station-name strong{color:#e7f0ff;font-size:8px}.ops-station-name small{margin-top:2px;color:#8da6c8;font-size:7px}.ops-station-metric{min-width:36px;text-align:center}.ops-station-metric small,.ops-station-metric strong{display:block}.ops-station-metric small{color:#8da6c8;font-size:6px}.ops-station-metric strong{margin-top:2px;color:#e5efff;font-size:9px}.ops-recent-list{padding-bottom:3px}.ops-recent-row{display:flex;min-height:38px;align-items:center;gap:7px;border-bottom:1px solid #ffffff12}.incident-type-icon{display:grid;width:22px;height:22px;flex:0 0 auto;place-items:center;border-radius:7px;color:white;font-size:12px}.incident-fire{background:#e94749}.incident-other{background:#167ada}.ops-recent-copy{min-width:0;flex:1}.ops-recent-copy strong,.ops-recent-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ops-recent-copy strong{color:#e9f1ff;font-size:8px}.ops-recent-copy small{margin-top:2px;color:#91a8c8;font-size:7px}.ops-recent-row time{color:#a9bdd8;font-size:7px}.ops-status{max-width:75px;overflow:hidden;padding:4px 6px;border-radius:12px;color:#d9eaff;background:#255487;font-size:6px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.status-received{color:#ffe0a6;background:#825518}.status-en_route,.status-assigned,.status-arrived,.status-in_progress{color:#d7eaff;background:#185daf}.status-completed{color:#d4ffe5;background:#128353}.status-transferred_to_112{color:#d6fbff;background:#087990}.ops-secondary-grid{display:grid;grid-template-columns:minmax(235px,.78fr) minmax(330px,1.35fr) minmax(165px,.62fr);gap:12px;align-items:stretch}.ops-table-wrap{overflow:auto}.ops-table{width:100%;border-collapse:collapse;text-align:left}.ops-table th{padding:7px 10px;border-color:#ffffff12;color:#a9bdd7;background:#ffffff08;font-size:7px}.ops-table td{padding:7px 10px;border-color:#ffffff10;color:#e1ebfa;background:transparent;font-size:8px}.ops-table td strong{color:#eaf2ff;font-size:8px}.ops-table td small{color:#8ea7c9;font-size:7px}.ops-total-strip{display:flex;align-items:center;justify-content:space-between;margin:5px 9px 9px;padding:7px 9px;border:1px solid #ffffff12;border-radius:6px;color:#e5effe;background:#174477;font-size:8px}.ops-total-strip strong{color:#fff;font-size:12px}.ops-job-detail{display:flex;flex-direction:column}.ops-priority{padding:4px 7px;border:1px solid #ff7b6640;border-radius:12px;color:#ffad98;background:#7d342d55;font-size:7px;font-weight:800;white-space:nowrap}.ops-job-facts{display:grid;grid-template-columns:1fr 1fr;gap:0;padding:5px 11px}.ops-job-facts>div{min-width:0;padding:6px 5px;border-bottom:1px solid #ffffff10}.ops-job-facts>div span,.ops-job-facts>div strong{display:block}.ops-job-facts>div span{margin-bottom:3px;color:#89a3c6;font-size:7px}.ops-job-facts>div strong{overflow:hidden;color:#e8f1ff;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.ops-assignment-list{display:grid;gap:5px;padding:7px 12px}.ops-assignment-list>div{display:flex;align-items:center;gap:6px;color:#dce9fa;font-size:7px}.ops-assignment-list>div strong{max-width:44%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ops-assignment-list>div>span:last-child{overflow:hidden;color:#9cb4d3;text-overflow:ellipsis;white-space:nowrap}.assignment-check{display:grid;width:14px;height:14px;flex:0 0 auto;place-items:center;border-radius:50%;color:#062d20;background:#32d277;font-size:8px;font-weight:900}.assignment-unassigned{color:#c9d6e8;font-size:8px}.ops-timeline{display:flex;justify-content:space-between;gap:5px;margin-top:auto;padding:8px 10px;border-top:1px solid #ffffff14}.ops-timeline>div{position:relative;display:grid;justify-items:center;gap:3px;min-width:0;color:#b6c8df;text-align:center}.timeline-dot{width:12px;height:12px;border:3px solid #87b6f0;border-radius:50%;background:#143c6b}.ops-timeline>div strong{max-width:73px;overflow:hidden;color:#dbe8f9;font-size:6px;text-overflow:ellipsis;text-transform:capitalize;white-space:nowrap}.ops-timeline time{color:#8fa8c8;font-size:6px}.ops-quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:10px}.ops-quick-grid a{display:flex;min-height:42px;align-items:center;gap:7px;padding:7px;border:1px solid #ffffff16;border-radius:7px;color:#e6f0ff;background:#164477;font-size:8px;font-weight:700;transition:background .15s,transform .15s}.ops-quick-grid a:hover{transform:translateY(-1px);background:#1d5792}.ops-quick-grid a span{display:grid;width:23px;height:23px;place-items:center;border-radius:6px;color:#fff;background:#ffffff1a;font-size:13px}.ops-empty{margin:0;padding:14px;color:#a9bdd8;font-size:8px;line-height:1.5}.ops-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:2px 3px;color:#8da6c8;font-size:7px}.ops-footer>span:first-child{display:flex;align-items:center;gap:6px;color:#d7e5f7;font-size:8px;font-weight:700}.ops-footer>span:first-child i{width:8px;height:8px;border-radius:50%;background:#32d277}.ops-footer>a{color:#8fc0fb;font-size:8px;font-weight:700;white-space:nowrap}@keyframes incident-pulse{0%,100%{box-shadow:0 0 0 0 #f24b4b55,0 2px 7px #132a4766}50%{box-shadow:0 0 0 8px #f24b4b00,0 2px 7px #132a4766}}@media(min-width:1450px){.operations-dashboard-page .content{padding-right:26px;padding-left:26px}.ops-dashboard{gap:15px}.ops-map{min-height:330px}.ops-stat-card{min-height:83px}.ops-station-row{min-height:44px}.ops-recent-row{min-height:42px}.ops-panel-heading{min-height:53px}}@media(max-width:1100px){.operations-dashboard-page .sidebar{width:185px}.operations-dashboard-page .main-column{margin-left:185px}.ops-primary-grid{grid-template-columns:minmax(0,1.35fr) minmax(265px,.85fr)}.ops-secondary-grid{grid-template-columns:minmax(220px,.8fr) minmax(300px,1.2fr)}.ops-quick-panel{grid-column:1/-1}.ops-quick-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:760px){.operations-dashboard-page .sidebar{position:static;width:auto;max-height:none;padding:12px}.operations-dashboard-page .sidebar .workspace,.operations-dashboard-page .sidebar-footer{display:none}.operations-dashboard-page .sidebar .brand{margin-bottom:10px}.operations-dashboard-page .navigation{display:flex;gap:8px;overflow-x:auto}.operations-dashboard-page .nav-group{display:flex;flex:0 0 auto;gap:4px;margin:0}.operations-dashboard-page .nav-caption{display:none}.operations-dashboard-page .nav-link{min-height:32px;white-space:nowrap}.operations-dashboard-page .main-column{margin-left:0}.operations-dashboard-page .topbar{position:static;height:48px;padding:0 13px}.operations-dashboard-page .content{min-height:calc(100vh - 125px);padding:13px}.operations-dashboard-page .footer{padding:0 13px}.ops-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ops-stat-card:last-child{grid-column:1/-1}.ops-primary-grid,.ops-secondary-grid{grid-template-columns:1fr}.ops-side-stack{grid-template-rows:auto auto}.ops-map{min-height:245px}.ops-quick-panel{grid-column:auto}.ops-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ops-heading{align-items:flex-start}.ops-heading h1{font-size:18px}.ops-map-legend{max-width:145px}.ops-footer{flex-wrap:wrap}.ops-footer>span:nth-child(2){order:3;flex-basis:100%}}@media(prefers-reduced-motion:reduce){.map-marker-incident{animation:none}.ops-quick-grid a{transition:none}}