:root{color:#fff;font-synthesis:none;background:#08080b;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:focus-visible{outline-offset:2px;outline:2px solid #fff}.psops-shell{background:radial-gradient(at 80% 0,#330509 0%,#090a10 45%,#060609 100%);grid-template-columns:278px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:linear-gradient(#1a070a,#08080b 70%,#380408);border-right:1px solid #b5222c;height:100vh;padding:12px 10px;position:sticky;top:0;overflow-y:auto;box-shadow:inset -2px 0 15px #8e111a44}.brand{min-height:100px;padding:0 10px}.brand-line{align-items:center;gap:14px;display:flex}.brand strong{letter-spacing:-4px;text-shadow:0 0 14px #b90014;font-size:48px;font-style:italic}.version{background:linear-gradient(#fa2525,#8e0005);border:1px solid #ff3b3b;border-radius:12px;padding:7px 12px;font-size:25px;font-weight:800}.brand small{font-size:15px}.sidebar nav{background:linear-gradient(#16090c,#0a080b);border:1px solid #7f2028;border-radius:18px;min-height:calc(100vh - 122px);padding:12px 0}.nav-item{color:#fff;text-align:left;background:0 0;border:0;align-items:center;gap:15px;width:100%;padding:11px 16px;font-size:16px;display:flex}.nav-item:hover{background:#78111c}.nav-item.selected{background:linear-gradient(#f51616,#aa0009);border:1px solid #ff4141;border-radius:13px;box-shadow:0 0 16px #ef000077}.nav-icon{text-align:center;width:34px;font-size:27px;line-height:1}.nav-chevron{margin-left:auto;font-size:27px}.dashboard{min-width:0;padding:0 12px 22px 18px}.hero{background:radial-gradient(at 72% 35%,#850f19 0%,#25070c 35%,#0000 65%),linear-gradient(115deg,#080c16,#13070c 60%,#080910);min-height:205px;position:relative}.hero-top{justify-content:flex-end;height:72px;display:flex}.hero-actions{align-items:flex-start;gap:8px;padding-top:12px;display:flex}.hero-actions button{color:#fff;background:#151217d9;border:1px solid #564047;border-radius:12px;min-height:45px;padding:7px 13px;font-size:24px;position:relative}.hero-actions .profile{align-items:center;gap:10px;font-size:14px;display:flex}.avatar{background:#d3131e;border-radius:50%;padding:9px;font-weight:700}.notification-dot{background:red;border-radius:50%;width:8px;height:8px;position:absolute;top:6px;right:9px}.hero-title{padding:4px 0 16px 30px}.hero h1{letter-spacing:-1px;margin:0;font-size:clamp(28px,3vw,42px)}.hero h1 em{color:#f32c35}.hero h2{margin:0 0 8px;font-size:25px;font-weight:400}.hero p{margin:0;font-size:17px}.hero p span{color:#b7b7b7;padding:0 8px}.preview-banner{color:#e1b6b6;text-align:center;letter-spacing:.4px;background:#350d12;margin-bottom:8px;padding:5px 12px;font-size:11px}.metrics{grid-template-columns:repeat(6,minmax(0,1fr));gap:13px;margin-bottom:13px;display:grid}.metric{border:1px solid var(--accent);background:linear-gradient(130deg,var(--shade),#0b0d12);border-radius:15px;gap:12px;min-height:108px;padding:12px;display:flex;box-shadow:inset 0 0 20px #ffffff0b,0 0 12px #000}.metric.red{--accent:#ff1a22;--shade:#820009}.metric.blue{--accent:#168fff;--shade:#003f91}.metric.green{--accent:#03d963;--shade:#005a25}.metric.orange{--accent:#ff9000;--shade:#894000}.metric.gray{--accent:#a6a6a6;--shade:#34383d}.metric.purple{--accent:#c044ff;--shade:#590d88}.metric-icon{background:var(--accent);border-radius:50%;flex:0 0 48px;place-items:center;width:48px;height:48px;font-size:31px;display:grid}.metric-info{min-width:0}.metric-title{white-space:nowrap;font-size:13px}.metric-value{font-size:40px;font-weight:800;line-height:1.1}.metric-note{font-size:13px}.middle-grid{grid-template-columns:1.4fr 1fr;gap:14px;margin-bottom:13px;display:grid}.lower-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:13px;display:grid}.panel{background:linear-gradient(155deg,#251319,#121317 40%,#0c0d11 90%,#2b0b10);border:1px solid #aa5b61;border-radius:17px;min-width:0;overflow:hidden;box-shadow:inset 0 -2px 12px #b60b1644,0 4px 15px #0008}.panel-title{border-bottom:1px solid #4e3a3e;justify-content:space-between;align-items:center;gap:10px;min-height:45px;padding:8px 17px;display:flex}.panel-title h3{margin:0;font-size:21px}.red-text{color:#ff2734;margin-right:8px}.text-link{color:#ff4650;background:0 0;border:0}.incident-table-wrap{padding:0 12px 12px;overflow-x:auto}table{border-collapse:separate;border-spacing:0 5px;width:100%;font-size:14px}th{text-align:left;color:#ddd;padding:4px 8px;font-weight:400}td{white-space:nowrap;background:#242126;padding:8px}tbody tr{cursor:pointer}tbody tr:hover td{background:#433039}tbody tr.red td:first-child{border-left:8px solid #ff232a}tbody tr.blue td:first-child{border-left:8px solid #128dff}tbody tr.orange td:first-child{border-left:8px solid #ff9a00}.incident-icon{color:#f43b3b;margin-right:8px;font-size:20px}.elapsed{color:#ff9b00;font-weight:700}.map-placeholder{background:radial-gradient(#1c422b,#081a17 70%);border-radius:12px;height:155px;margin:4px 8px 8px;position:relative;overflow:hidden}.map-grid{opacity:.55;background:repeating-linear-gradient(90deg,#0000 0 38px,#28ab5e77 39px 41px,#0000 42px 90px);position:absolute;inset:-50%;transform:rotate(-25deg)}.map-pin{color:#fff;border-radius:50%;padding:7px 12px;font-size:27px;position:absolute}.pin-fire{background:#e00;top:16%;left:30%}.pin-medical{background:#0875ee;top:30%;left:62%}.pin-rescue{background:#f80;top:47%;left:77%}.map-caption{background:#000b;padding:3px;font-size:10px;position:absolute;bottom:3px;left:7px}.unit-content{justify-content:space-around;align-items:center;gap:12px;padding:15px;display:flex}.donut{background:conic-gradient(#00d948 0 75%,#ffcd00 75% 87.5%,#0084ff 87.5% 95.8%,#aaa 95.8%);border-radius:50%;place-items:center;width:145px;height:145px;display:grid}.donut>div{background:#080c12;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:100px;height:100px;display:flex}.donut strong{font-size:35px}.donut small{font-size:16px}.legend{flex:1}.legend>div{align-items:center;gap:8px;margin:10px 0;font-size:14px;display:flex}.legend b{margin-left:auto}.dot{border-radius:50%;width:16px;height:16px}.green-dot{background:#00d948}.yellow-dot{background:#ffcd00}.blue-dot{background:#0084ff}.gray-dot{background:#aaa}.schedule-row{border-bottom:1px solid #484348;align-items:center;gap:12px;padding:13px;font-size:15px;display:flex}.schedule-row b{background:#3d3e45;border-radius:5px;padding:5px 9px}.schedule-row span:nth-last-child(2){margin-left:auto}.alert-row{color:#fff;text-align:left;background:0 0;border:0;border-bottom:1px solid #484348;align-items:center;gap:10px;width:100%;padding:14px;display:flex}.alert-row span:first-child{color:#ff9a00;font-size:21px}.alert-row span:last-child{margin-left:auto;font-size:24px}.alert-row:hover{background:#4b2027}.quick-panel{padding-bottom:14px}.quick-grid{grid-template-columns:repeat(9,minmax(0,1fr));gap:12px;padding:5px 18px;display:grid}.quick-grid button{color:#fff;background:linear-gradient(#3c3c42,#201418);border:1px solid #aaa;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:90px;font-size:13px;display:flex}.quick-grid button.primary{background:linear-gradient(#f71919,#a00008);border-color:#ff3b3b}.quick-grid button span{font-size:31px}.quick-grid button:hover{border-color:#ff3030}.search-panel,.notifications-panel{z-index:5;background:#18191f;border:1px solid #b5353d;border-radius:10px;width:300px;max-height:350px;padding:12px;position:absolute;top:65px;right:10px;overflow:auto;box-shadow:0 10px 30px #000}.search-panel input{color:#fff;background:#09090d;border:1px solid #555;width:100%;padding:10px}.search-panel button,.notifications-panel button{color:#fff;text-align:left;background:0 0;border:0;width:100%;padding:10px;display:block}.search-panel button:hover,.notifications-panel button:hover{background:#5b1720}.dialog-backdrop{z-index:20;background:#000b;place-items:center;display:grid;position:fixed;inset:0}.dialog{background:#19191e;border:1px solid #f33;border-radius:14px;width:min(440px,90vw);padding:25px;box-shadow:0 10px 40px #000}.dialog button{color:#fff;background:#bc111e;border:1px solid #ff4545;border-radius:8px;padding:10px 20px}@media (width<=1350px){.metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.quick-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (width<=1050px){.middle-grid,.lower-grid{grid-template-columns:1fr}}@media (width<=700px){.psops-shell{grid-template-columns:1fr}.sidebar{height:auto;position:relative}.sidebar nav{min-height:auto;display:flex;overflow-x:auto}.nav-item{flex:none;width:auto}.nav-item span:not(.nav-icon){display:none}.dashboard{padding:0 8px 15px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-title{padding-left:10px}.metric-icon{display:none}}.official-wordmark{object-fit:contain;object-position:left center;width:185px;max-width:100%;height:56px;display:block}.hero{background-image:linear-gradient(90deg,#05070efa 0%,#05070ee0 25%,#05070e26 65%,#05070e0d 100%),url(/psops-v4-fire-truck.png);background-position:50% 42%;background-repeat:no-repeat;background-size:cover}.hero-title{z-index:1;position:relative}.hero-actions{z-index:2;position:relative}.hero{background-color:#070910;background-position:50% 28%;background-size:100%}@media (width<=1100px){.hero{background-position:62%;background-size:auto 100%}}