[hidden]{display:none!important}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:32px;background:radial-gradient(circle at 70% 20%,#16483a,#071713 42%,#04100d 72%);position:relative;overflow:hidden}.auth-shell:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#9cf0bd0a 1px,transparent 1px),linear-gradient(90deg,#9cf0bd0a 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,black,transparent)}.auth-card{position:relative;z-index:1;width:min(520px,100%);padding:42px;border:1px solid #274d40;border-radius:16px;background:#071511eF;box-shadow:0 36px 110px #0009}.auth-brand{margin-bottom:52px}.auth-card h1{font-size:42px;line-height:1.04;letter-spacing:-.05em;margin:13px 0 18px}.auth-copy{color:#8ca098;font-size:12px;line-height:1.7;margin-bottom:28px}.auth-card form{display:grid;gap:16px}.auth-card label,.admin-dialog label{display:grid;gap:7px;color:#789087;font:500 8px DM Mono;letter-spacing:.06em}.auth-card input,.admin-dialog input,.admin-dialog select{border:1px solid #29483e;border-radius:7px;background:#06100d;color:#eef5f1;padding:13px;font:500 12px Manrope;outline:none}.auth-card input:focus,.admin-dialog input:focus,.admin-dialog select:focus{border-color:#91f5b7;box-shadow:0 0 0 3px #91f5b713}.auth-row{display:flex;align-items:center;justify-content:space-between;margin-top:5px}.auth-row a{text-decoration:none}.form-status{min-height:18px;color:#ffb45f;font-size:10px;margin:0}.auth-security{display:flex;gap:12px;margin-top:30px;padding-top:22px;border-top:1px solid #183329;color:#91f5b7}.auth-security p{margin:0}.auth-security strong,.auth-security small{display:block;font-size:9px}.auth-security small{color:#688178;margin-top:4px}.environment{margin:24px 0 6px;padding:9px;border:1px solid #1d3a31;border-radius:6px;color:#6f8a80;font:500 7px DM Mono;letter-spacing:.1em}.environment span{display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%;background:#91f5b7;box-shadow:0 0 8px #91f5b7}.logout-button{margin-top:8px;width:100%;padding:9px;border:1px solid #1d3a31;border-radius:6px;background:transparent;color:#688178;font:600 8px Manrope;cursor:pointer}.logout-button:hover{color:#eef5f1;border-color:#3b5f53}.admin-main{min-width:0}.view{padding:0 35px 45px}.topbar{padding:26px 35px 18px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin:20px 0 30px}.section-heading h2{font-size:32px;margin:6px 0 0}.section-heading>p{max-width:560px;color:#81958e;font-size:11px;line-height:1.7}.data-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.data-card{border:1px solid #1d3830;border-radius:10px;background:#081914;padding:20px;min-height:180px}.data-card header{display:flex;justify-content:space-between;align-items:start}.data-card h3{font-size:16px;margin:0}.data-card header span,.status-pill{border:1px solid #2d5748;border-radius:20px;color:#91f5b7;padding:5px 8px;font:500 7px DM Mono}.data-card header span.attention,.status-pill.attention{border-color:#79542d;color:#ffb45f}.data-card dl{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:25px 0 0}.data-card dt{color:#60786f;font:500 7px DM Mono}.data-card dd{margin:4px 0 0;font-size:11px}.battery-bar{height:5px;background:#132b23;border-radius:4px;margin-top:9px;overflow:hidden}.battery-bar i{display:block;height:100%;background:#91f5b7}.alert-list{display:grid;gap:10px}.alert-row{display:grid;grid-template-columns:110px 1fr 130px 220px;gap:20px;align-items:center;padding:18px;border:1px solid #1e3931;border-radius:9px;background:#081914}.alert-row.critical{border-color:#734b27;background:#1c150e}.alert-row h3{font-size:12px;margin:0 0 4px}.alert-row p{color:#7f948c;font-size:9px;margin:0}.alert-actions{display:flex;gap:7px;justify-content:flex-end}.alert-actions button{padding:7px 9px;border-radius:5px;border:1px solid #34564b;background:#0b211a;color:#aac1b8;font:600 8px Manrope;cursor:pointer}.alert-actions button.resolve{border-color:#72502e;color:#ffbd72}.simple-table{border:1px solid #1e3931;border-radius:9px;overflow:hidden}.simple-row{display:grid;grid-template-columns:1.4fr 1.5fr .7fr .7fr;gap:15px;align-items:center;padding:16px 18px;border-bottom:1px solid #183027;font-size:10px}.simple-row:last-child{border:0}.simple-row.head{color:#5f786f;background:#06130f;font:500 7px DM Mono}.simple-row strong{display:block}.simple-row small{display:block;color:#6b837a;margin-top:3px}.audit-list{border:1px solid #1e3931;border-radius:9px;overflow:hidden}.audit-entry{display:grid;grid-template-columns:160px 1fr 1fr;gap:18px;padding:14px 18px;border-bottom:1px solid #173027;font-size:9px}.audit-entry:last-child{border:0}.audit-entry time{color:#637b72;font:500 8px DM Mono}.audit-entry strong{color:#91f5b7}.admin-dialog{width:min(520px,calc(100vw - 30px));padding:35px;border:1px solid #35594d;border-radius:13px;background:#081713;color:#eef5f1}.admin-dialog::backdrop{background:#020806dc;backdrop-filter:blur(7px)}.admin-dialog form{display:grid;gap:15px}.admin-dialog h2{font-size:28px;margin:4px 0}.fleet-pin{position:absolute}.fleet-pin.attention i{background:#ffb45f}.live-pulse{animation:livepulse 1.5s ease infinite}.empty-state{padding:35px;text-align:center;color:#6f877e;font-size:10px;border:1px dashed #24443a;border-radius:9px}.toast{z-index:100}.operator{cursor:default}@keyframes livepulse{50%{opacity:.35}}@media(max-width:1180px){.data-grid{grid-template-columns:repeat(2,1fr)}.alert-row{grid-template-columns:90px 1fr 120px}.alert-actions{grid-column:2/-1;justify-content:flex-start}}@media(max-width:820px){.app-shell{display:block}.sidebar{position:relative;width:100%;height:auto}.sidebar nav{display:grid;grid-template-columns:repeat(3,1fr)}.admin-main{margin-left:0}.topbar{align-items:flex-start}.data-grid{grid-template-columns:1fr}.view{padding:0 18px 30px}.topbar{padding:22px 18px}.alert-row,.simple-row,.audit-entry{grid-template-columns:1fr}.shore-layout{grid-template-columns:1fr}.fleet-map-card{min-width:0}.auth-card{padding:30px 22px}}
.radio-safety{display:flex;align-items:center;gap:18px;margin:-10px 0 22px;padding:15px 18px;border:1px solid #785128;border-radius:9px;background:#1c150d;color:#ffbf78}.radio-safety strong{white-space:nowrap;font-size:11px}.radio-safety span{color:#c39e72;font-size:9px;line-height:1.6}.radio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.radio-card{padding:19px;border:1px solid #1e3931;border-radius:9px;background:#081914}.radio-card header{display:flex;align-items:start;justify-content:space-between;gap:12px}.radio-card h3{margin:4px 0 0;font-size:13px}.radio-state{padding:5px 8px;border:1px solid #77502c;border-radius:20px;color:#ffb45f;font:500 7px DM Mono}.radio-state.ready{border-color:#2d5748;color:#91f5b7}.radio-card dl{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:22px 0 0}.radio-card dt{color:#60786f;font:500 7px DM Mono}.radio-card dd{margin:4px 0 0;font-size:9px}.section-heading.compact{margin-top:38px;margin-bottom:16px}.escalation-row{grid-template-columns:100px 1fr 220px 260px}@media(max-width:1180px){.radio-grid{grid-template-columns:repeat(2,1fr)}.escalation-row{grid-template-columns:90px 1fr 190px}.escalation-row .alert-actions{grid-column:2/-1}}@media(max-width:820px){.radio-grid{grid-template-columns:1fr}.radio-safety{align-items:flex-start;flex-direction:column}.escalation-row{grid-template-columns:1fr}}
.customer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.customer-card{padding:22px;border:1px solid #1d3830;border-radius:10px;background:#081914}.customer-card header{display:flex;justify-content:space-between;gap:12px}.customer-card h3{margin:6px 0 0;font-size:17px}.customer-card header>span{color:#91f5b7;font:500 7px DM Mono}.customer-stats{display:flex;gap:30px;margin:28px 0}.customer-stats b{font-size:25px}.customer-stats small{display:block;color:#60786f;font:500 7px DM Mono}.customer-card>button{width:100%;padding:10px;border:1px solid #34564b;border-radius:6px;background:#0b211a;color:#b7c9c2;font:600 9px Manrope;cursor:pointer}@media(max-width:1000px){.customer-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.customer-grid{grid-template-columns:1fr}}
.sidebar{overflow-y:auto;overscroll-behavior:contain}.mobile-logout{display:none;border:1px solid #35564b;border-radius:7px;background:#0a1a16;color:#b9cbc5;padding:10px 12px;font:700 9px Manrope;cursor:pointer}@media(max-width:720px){.mobile-logout{display:block}.top-actions{gap:7px}.top-actions .primary{padding:10px}}
.video-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,.55fr);gap:14px}.video-stage{height:520px;position:relative;border:1px solid #29483e;border-radius:11px;overflow:hidden;background:#020806}.video-stage video{width:100%;height:100%;object-fit:cover}.video-label{position:absolute;left:15px;right:15px;top:15px;display:flex;justify-content:space-between;color:white;font:500 8px DM Mono;pointer-events:none}.video-label span,.video-label em{padding:8px 10px;border-radius:5px;background:#06110ddd;font-style:normal}.video-label i,.feed-source i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#91f5b7;box-shadow:0 0 8px #91f5b7;margin-right:6px}.video-layout aside{padding:18px;border:1px solid #1e3931;border-radius:10px;background:#081914}.feed-source{width:100%;display:grid;gap:5px;text-align:left;padding:14px 11px;border:1px solid transparent;border-top-color:#1d3930;background:transparent;color:#b9cac4;cursor:pointer}.feed-source.active{border-color:#38614f;border-radius:7px;background:#10261f}.feed-source span{font:600 8px DM Mono}.feed-source strong{color:#91f5b7;font:500 7px DM Mono}.feed-source small{color:#698078}.media-history{display:grid;gap:8px}.history-item{display:grid;grid-template-columns:40px 1fr 80px 120px;gap:14px;align-items:center;text-align:left;padding:15px;border:1px solid #1e3931;border-radius:8px;background:#081914;color:#dfeae5;cursor:pointer}.history-item:hover,.history-item.active{border-color:#3c6755}.play-mark{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#17382d;color:#91f5b7}.history-item strong,.history-item small{display:block}.history-item small{color:#6d847b;margin-top:4px}.history-item em,.history-item b{color:#80968d;font:500 8px DM Mono;font-style:normal}@media(max-width:1000px){.video-layout{grid-template-columns:1fr}.video-stage{height:440px}}@media(max-width:700px){.video-stage{height:55vw;min-height:270px}.history-item{grid-template-columns:36px 1fr}.history-item em,.history-item b{grid-column:2}}