@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#07111f;--sidebar:#081421;--surface:#0d1a2b;--surface2:#101f32;--surface3:#13253a;--line:rgba(255,255,255,.075);--line2:rgba(255,255,255,.12);--text:#f5f8fb;--muted:#8196aa;--muted2:#667d93;--accent:#43d6b0;--accentSoft:rgba(67,214,176,.11);--danger:#ff6973;--dangerSoft:rgba(255,105,115,.10);--warning:#f9b868;--blue:#5aa9ff;--radius:18px;--shadow:0 18px 50px rgba(0,0,0,.26)}
*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;overflow:hidden}.svg-sprite{position:absolute;width:0;height:0}.hidden{display:none!important}button,input{font:inherit}.login-screen{height:100%;display:grid;place-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at 20% 15%,#0e2835 0,transparent 32%),radial-gradient(circle at 83% 74%,#0c2842 0,transparent 28%),#07111f}.login-screen:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,black,transparent 86%)}.login-orb{position:absolute;border-radius:50%;filter:blur(1px);opacity:.9}.orb-a{width:420px;height:420px;background:radial-gradient(circle,rgba(67,214,176,.09),transparent 67%);left:-120px;top:-80px}.orb-b{width:560px;height:560px;background:radial-gradient(circle,rgba(90,169,255,.07),transparent 68%);right:-170px;bottom:-180px}.login-brand{position:absolute;left:48px;top:40px;display:flex;align-items:center;gap:12px}.logo-mark{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,#7af0d3,#32c59f);color:#052019;font:800 23px 'Manrope';box-shadow:0 16px 34px rgba(67,214,176,.18)}.login-brand>span:last-child,.app-brand>span:last-child{display:flex;align-items:baseline;gap:7px}.login-brand b,.app-brand b{font:800 19px 'Manrope';letter-spacing:.04em}.login-brand small,.app-brand small{font:700 9px 'Manrope';letter-spacing:.22em;color:var(--muted)}.login-card{width:min(480px,calc(100vw - 40px));padding:42px;border:1px solid var(--line2);border-radius:28px;background:linear-gradient(155deg,rgba(16,31,50,.94),rgba(8,19,32,.95));backdrop-filter:blur(20px);box-shadow:0 35px 90px rgba(0,0,0,.34);position:relative;z-index:2}.login-kicker{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#90a4b7;display:flex;align-items:center;gap:9px}.login-kicker i{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px var(--accentSoft)}.login-card h1{font:750 39px/1.08 'Manrope';letter-spacing:-.045em;margin:19px 0 14px}.login-card>p{color:#8ea2b7;font-size:14px;line-height:1.65;margin:0 0 28px}.login-card form{display:grid;gap:17px}.login-card label{display:grid;gap:8px;font-size:11px;font-weight:600;color:#adbdca}.login-card input{height:48px;width:100%;border:1px solid var(--line2);border-radius:12px;background:#081523;color:white;outline:none;padding:0 14px;font-size:13px}.login-card input:focus{border-color:rgba(67,214,176,.45);box-shadow:0 0 0 3px rgba(67,214,176,.07)}.password{position:relative}.password input{padding-right:80px}.password button{position:absolute;right:10px;top:8px;height:32px;border:0;background:transparent;color:#7f94a8;font-size:10px;cursor:pointer}.login-row{display:flex;align-items:center;justify-content:space-between}.login-row .remember{display:flex;grid-auto-flow:column;align-items:center;gap:7px;color:#7e92a6;font-weight:400}.remember input{width:14px;height:14px;accent-color:var(--accent)}.login-row a{font-size:10px;color:#8aa3b8;text-decoration:none}.login-submit{height:51px;border:0;border-radius:13px;background:var(--accent);color:#062219;font-weight:700;cursor:pointer;box-shadow:0 15px 35px rgba(67,214,176,.15);display:flex;justify-content:center;align-items:center;gap:16px}.demo-note{margin-top:25px;padding:14px 15px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.018)}.demo-note span{font-size:9px;color:var(--warning);text-transform:uppercase;letter-spacing:.1em;font-weight:700}.demo-note p{margin:4px 0 0;color:#73899e;font-size:10px}.login-footer{position:absolute;bottom:28px;color:#61778c;font-size:10px;display:flex;align-items:center;gap:10px}.login-footer i{width:3px;height:3px;border-radius:50%;background:#4d6174}.app-shell{height:100%;display:flex;background:#08111d}.sidebar{width:266px;flex:0 0 266px;background:linear-gradient(180deg,#081522,#07111d);border-right:1px solid var(--line);padding:20px 14px 16px;display:flex;flex-direction:column;min-height:0}.app-brand{height:48px;display:flex;align-items:center;gap:10px;padding:0 8px 6px}.logo-mark.small{width:35px;height:35px;border-radius:11px;font-size:17px}.app-brand b{font-size:16px}.app-brand small{font-size:7px}.org-card{margin:14px 2px 16px;padding:11px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.018);display:grid;grid-template-columns:34px 1fr 20px;align-items:center;gap:9px}.org-avatar{width:34px;height:34px;border-radius:10px;background:#122b38;display:grid;place-items:center;color:#7fe6cd;font:700 10px 'Manrope'}.org-card div:nth-child(2){min-width:0;display:flex;flex-direction:column;gap:2px}.org-card strong{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.org-card span{font-size:7.5px;color:#6d8296;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.org-card button{border:0;background:transparent;color:#6f8497}.nav{overflow-y:auto;padding:3px 2px 10px;scrollbar-width:none}.nav-label{display:block;color:#536a7f;font-size:7.5px;font-weight:700;letter-spacing:.13em;margin:18px 10px 8px}.nav-label:first-child{margin-top:4px}.nav-item{width:100%;height:39px;border:0;border-radius:10px;background:transparent;color:#8094a8;display:flex;align-items:center;gap:11px;padding:0 10px;cursor:pointer;text-align:left;font-size:11px;position:relative}.nav-item svg,.top-actions svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.nav-item span{flex:1}.nav-item:hover{background:rgba(255,255,255,.025);color:#cbd7e0}.nav-item.active{background:linear-gradient(90deg,rgba(67,214,176,.12),rgba(67,214,176,.04));color:#ddfff6}.nav-item.active:before{content:"";position:absolute;left:-2px;width:2px;height:17px;border-radius:2px;background:var(--accent)}.nav-item.active svg{color:var(--accent)}.badge{min-width:19px;height:18px;border-radius:6px;background:rgba(255,255,255,.055);color:#869aad;display:grid;place-items:center;font-size:8px}.badge.danger{background:var(--dangerSoft);color:#ff8990}.sidebar-foot{margin-top:auto;border-top:1px solid var(--line);padding-top:12px}.user{display:grid;grid-template-columns:33px 1fr 24px;gap:9px;align-items:center;padding:7px 6px}.avatar,.profile{border-radius:10px;background:#14283b;display:grid;place-items:center;color:#b6c6d4;font-size:9px;font-weight:700}.avatar{width:33px;height:33px}.user>div:nth-child(2){display:flex;flex-direction:column;gap:2px}.user strong{font-size:9.5px}.user span{font-size:7.5px;color:#657a8e}.user button{border:0;background:transparent;color:#5d7488;cursor:pointer}.demo-status{margin:8px 2px 0;padding:10px;border-radius:11px;background:rgba(67,214,176,.035);display:flex;gap:8px;align-items:center}.demo-status>i{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px rgba(67,214,176,.07)}.demo-status span{display:flex;flex-direction:column;font-size:7.5px;color:#60778c}.demo-status b{font-size:8px;color:#8ca0b2;margin-bottom:2px}.main{flex:1;min-width:0;height:100%;display:flex;flex-direction:column;background:radial-gradient(circle at 80% -10%,rgba(48,111,143,.08),transparent 26%),#0a1320}.topbar{height:84px;flex:0 0 84px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 26px 0 30px;background:rgba(9,19,32,.83);backdrop-filter:blur(16px)}.date-line{display:block;color:#688097;font-size:8.5px;text-transform:uppercase;letter-spacing:.1em;margin-bottom:4px}.topbar h1{font:700 20px 'Manrope';margin:0;letter-spacing:-.02em}.top-actions{display:flex;align-items:center;gap:10px}.search{width:265px;height:38px;border:1px solid var(--line);background:rgba(255,255,255,.02);border-radius:11px;display:flex;align-items:center;gap:9px;padding:0 11px;color:#5f768b}.search input{border:0;outline:0;background:transparent;color:#bdc9d3;width:100%;font-size:10px}.live{height:35px;padding:0 11px;border-radius:10px;border:1px solid rgba(67,214,176,.12);background:rgba(67,214,176,.04);display:flex;align-items:center;gap:7px;color:#91b7ab;font-size:8.5px}.live i{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px rgba(67,214,176,.06)}.icon-button,.profile{width:36px;height:36px;border:1px solid var(--line);background:rgba(255,255,255,.025);color:#758b9f;position:relative}.icon-button{border-radius:10px;display:grid;place-items:center;cursor:pointer}.icon-button b{position:absolute;right:5px;top:4px;width:12px;height:12px;border-radius:50%;background:var(--danger);color:white;font-size:6px;display:grid;place-items:center}.profile{cursor:pointer;color:#a9bac8}.page-content{flex:1;overflow:auto;padding:26px 30px 38px}.page{max-width:1500px;margin:0 auto;display:grid;gap:18px}.hero-panel{min-height:164px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(115deg,#112538,#0c1d2d 55%,#0a1726);padding:28px 30px;display:flex;align-items:flex-end;justify-content:space-between;position:relative;overflow:hidden}.hero-panel:after{content:"";position:absolute;right:-60px;top:-110px;width:340px;height:340px;border-radius:50%;border:1px solid rgba(67,214,176,.07);box-shadow:0 0 0 50px rgba(67,214,176,.02),0 0 0 100px rgba(67,214,176,.012)}.hero-panel>div{position:relative;z-index:2}.kicker{font-size:8px;color:#6f879e;text-transform:uppercase;letter-spacing:.13em}.hero-panel h2{font:700 27px 'Manrope';letter-spacing:-.035em;margin:7px 0 5px}.hero-panel p{font-size:11px;color:#8195a8;margin:0}.primary-btn{height:39px;padding:0 15px;border:0;border-radius:11px;background:var(--accent);color:#062119;font-weight:700;font-size:9px;cursor:pointer;position:relative;z-index:2}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.metric{min-height:112px;border:1px solid var(--line);border-radius:16px;background:#0c1929;padding:17px;display:flex;flex-direction:column;justify-content:space-between}.metric-top{display:flex;justify-content:space-between;align-items:center}.metric-label{font-size:8.5px;color:#73899e;text-transform:uppercase;letter-spacing:.07em}.metric-icon{width:27px;height:27px;border-radius:9px;background:rgba(255,255,255,.035);display:grid;place-items:center;color:#718aa0;font-size:11px}.metric strong{font:700 25px 'Manrope'}.metric small{font-size:8.5px;color:#667c91}.metric.alert{border-color:rgba(255,105,115,.12);background:linear-gradient(140deg,#111b2a,#141a28)}.metric.alert strong{color:#ffd1d4}.dashboard-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:13px}.panel{border:1px solid var(--line);border-radius:17px;background:#0c1929;overflow:hidden}.panel-head{min-height:58px;padding:0 17px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.panel-head>div{display:flex;flex-direction:column;gap:3px}.panel-head span{font-size:7.5px;color:#637a90;text-transform:uppercase;letter-spacing:.12em}.panel-head strong{font:650 12px 'Manrope'}.panel-action{border:0;background:transparent;color:#7190a5;font-size:8.5px;cursor:pointer}.unit-list{padding:4px 0}.unit-row{height:53px;display:grid;grid-template-columns:31px 1.2fr .75fr .7fr 60px;gap:10px;align-items:center;padding:0 16px;border-bottom:1px solid rgba(255,255,255,.045);font-size:9px}.unit-row:last-child{border:0}.unit-icon{width:29px;height:29px;border-radius:9px;background:#11263a;color:#70d7bf;display:grid;place-items:center;font-size:12px}.unit-main{display:flex;flex-direction:column;gap:3px}.unit-main strong{font-size:9.5px}.unit-main span,.sector,.updated{color:#6e8498;font-size:8px}.status{justify-self:start;padding:5px 8px;border-radius:7px;font-size:7.5px;background:rgba(67,214,176,.07);color:#78d8c0;border:1px solid rgba(67,214,176,.08)}.status.busy{background:rgba(90,169,255,.07);color:#80baf1;border-color:rgba(90,169,255,.08)}.status.warn{background:rgba(249,184,104,.07);color:#e0b67e;border-color:rgba(249,184,104,.08)}.timeline{padding:12px 17px 14px}.timeline-row{min-height:52px;display:grid;grid-template-columns:46px 15px 1fr;gap:8px;align-items:start;position:relative}.timeline-row:before{content:"";position:absolute;left:53px;top:23px;bottom:-5px;width:1px;background:var(--line)}.timeline-row:last-child:before{display:none}.timeline-row>span{font-size:8px;color:#687f94;padding-top:2px}.timeline-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);margin-top:4px;box-shadow:0 0 0 4px rgba(67,214,176,.05)}.timeline-copy{display:flex;flex-direction:column;gap:3px}.timeline-copy strong{font-size:9px}.timeline-copy small{font-size:7.8px;color:#647b90}.mission-panel table{width:100%;border-collapse:collapse}.mission-panel th,.mission-panel td{text-align:left;padding:12px 15px;border-bottom:1px solid rgba(255,255,255,.045);font-size:8.5px}.mission-panel th{color:#5e768c;text-transform:uppercase;letter-spacing:.08em;font-size:7px;font-weight:600}.mission-panel td{color:#91a5b8}.mission-panel tr:last-child td{border-bottom:0}.priority{display:inline-grid;place-items:center;width:25px;height:20px;border-radius:6px;font-size:7px;font-weight:700}.p1{background:var(--dangerSoft);color:#ff8f96}.p2{background:rgba(249,184,104,.09);color:#eab776}.p3{background:rgba(90,169,255,.08);color:#80b9f1}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#b8c5d0!important}.alerts{display:grid;grid-template-columns:1fr 1fr;gap:13px}.alert-card{min-height:65px;border:1px solid var(--line);border-radius:14px;background:#0c1929;padding:13px 15px;display:flex;gap:11px;align-items:center}.alert-dot{width:8px;height:8px;border-radius:50%;background:var(--warning);box-shadow:0 0 0 5px rgba(249,184,104,.05)}.alert-dot.ok{background:var(--accent);box-shadow:0 0 0 5px rgba(67,214,176,.05)}.alert-card div{display:flex;flex-direction:column;gap:3px}.alert-card strong{font-size:9px}.alert-card span{font-size:7.8px;color:#6d8499}.module-page{min-height:620px}.module-intro{padding:28px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:end}.module-intro h2{font:700 24px 'Manrope';margin:6px 0 5px}.module-intro p{font-size:10px;color:#748a9e;margin:0}.module-toolbar{display:flex;gap:8px}.outline-btn{height:34px;padding:0 12px;border-radius:9px;border:1px solid var(--line);background:rgba(255,255,255,.02);color:#8196a9;font-size:8px}.placeholder-body{min-height:450px;display:grid;place-items:center;text-align:center;padding:40px}.placeholder-body div{max-width:420px}.placeholder-icon{width:58px;height:58px;border-radius:18px;background:rgba(67,214,176,.05);border:1px solid rgba(67,214,176,.09);display:grid;place-items:center;margin:0 auto 18px;color:var(--accent);font-size:22px}.placeholder-body h3{font:650 18px 'Manrope';margin:0 0 8px}.placeholder-body p{color:#73899e;font-size:10px;line-height:1.65;margin:0}.dispatch-layout{display:grid;grid-template-columns:340px 1fr 330px;gap:13px;min-height:650px}.dispatch-column{border:1px solid var(--line);border-radius:17px;background:#0c1929;overflow:hidden}.dispatch-column .panel-head{height:58px}.dispatch-item{padding:13px 14px;border-bottom:1px solid var(--line);cursor:pointer}.dispatch-item:hover,.dispatch-item.selected{background:rgba(255,255,255,.025)}.dispatch-item.selected{box-shadow:inset 2px 0 var(--accent)}.dispatch-item-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.dispatch-item strong{font-size:9px}.dispatch-item p{font-size:9.5px;color:#a8b7c4;margin:0 0 5px}.dispatch-item small{font-size:7.8px;color:#657c91}.map{height:100%;min-height:650px;position:relative;background:linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px),#081624;background-size:45px 45px}.map:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 42% 47%,rgba(67,214,176,.05),transparent 27%),radial-gradient(circle at 70% 35%,rgba(90,169,255,.04),transparent 20%)}.map-road{position:absolute;height:1px;background:rgba(101,143,177,.12);z-index:1}.map-road.r1{width:75%;left:10%;top:43%;transform:rotate(13deg)}.map-road.r2{width:63%;left:22%;top:58%;transform:rotate(-24deg)}.map-road.r3{width:48%;left:38%;top:35%;transform:rotate(49deg)}.map-label{position:absolute;color:#496176;font-size:8px;z-index:2}.map-label.l1{left:30%;top:36%}.map-label.l2{left:67%;top:50%}.map-label.l3{left:44%;top:69%}.map-point{position:absolute;z-index:3;width:12px;height:12px;border-radius:50%;background:var(--accent);border:3px solid #0a1928;box-shadow:0 0 0 5px rgba(67,214,176,.08)}.map-point.mission{background:var(--danger);box-shadow:0 0 0 7px rgba(255,105,115,.08)}.map-point.a{left:36%;top:52%}.map-point.b{left:63%;top:39%}.map-point.c{left:55%;top:66%}.map-point.d{left:72%;top:59%}.map-legend{position:absolute;z-index:4;left:18px;bottom:18px;display:flex;gap:14px;padding:10px 12px;border:1px solid var(--line);border-radius:11px;background:rgba(8,22,36,.86);backdrop-filter:blur(10px);font-size:7.5px;color:#7890a4}.map-legend span{display:flex;align-items:center;gap:6px}.map-legend i{width:7px;height:7px;border-radius:50%;background:var(--accent)}.map-legend i.red{background:var(--danger)}.detail-content{padding:18px}.detail-kicker{font-size:7px;color:#607990;text-transform:uppercase;letter-spacing:.12em}.detail-content h3{font:650 17px 'Manrope';margin:6px 0}.detail-meta{color:#748a9e;font-size:8.5px;line-height:1.5}.detail-separator{height:1px;background:var(--line);margin:17px 0}.info-pair{display:grid;grid-template-columns:90px 1fr;gap:8px;margin:9px 0;font-size:8.5px}.info-pair span{color:#62798e}.info-pair strong{font-weight:500;color:#a6b5c2}.assign-card{margin-top:18px;padding:13px;border:1px solid rgba(67,214,176,.1);border-radius:12px;background:rgba(67,214,176,.035)}.assign-card span{font-size:7px;color:#6f8a83;text-transform:uppercase;letter-spacing:.1em}.assign-card strong{display:block;font-size:10px;margin:5px 0 2px}.assign-card small{font-size:7.5px;color:#698095}.assign-btn{width:100%;height:35px;border:0;border-radius:9px;background:var(--accent);color:#062119;font-size:8px;font-weight:700;margin-top:10px;cursor:pointer}@media(max-width:1100px){.sidebar{width:220px;flex-basis:220px}.search{width:190px}.metrics{grid-template-columns:repeat(2,1fr)}.dispatch-layout{grid-template-columns:290px 1fr}.dispatch-layout>.dispatch-column:last-child{display:none}}@media(max-width:800px){body{overflow:auto}.app-shell{min-height:100%;height:auto}.sidebar{display:none}.main{min-height:100vh}.topbar{padding:0 18px}.search,.live{display:none}.page-content{padding:18px}.dashboard-grid,.alerts{grid-template-columns:1fr}.dispatch-layout{grid-template-columns:1fr}.dispatch-layout>.map{min-height:480px}.metrics{grid-template-columns:1fr 1fr}.login-brand{left:24px;top:24px}.login-footer{display:none}}@media(max-width:520px){.metrics{grid-template-columns:1fr}.login-card{padding:30px 24px}.login-card h1{font-size:32px}.page-content{padding:13px}.hero-panel{padding:22px}.hero-panel h2{font-size:22px}.hero-panel .primary-btn{display:none}.unit-row{grid-template-columns:30px 1fr auto}.unit-row .sector,.unit-row .updated{display:none}}
.login-error{padding:12px 14px;border-radius:11px;border:1px solid rgba(255,105,115,.22);background:rgba(255,105,115,.07);color:#ffb5ba;font-size:10px;line-height:1.5}.login-submit:disabled{opacity:.62;cursor:wait}.login-submit.loading{box-shadow:none}.connected-banner{min-height:48px;border:1px solid rgba(67,214,176,.12);border-radius:13px;background:rgba(67,214,176,.035);display:flex;align-items:center;justify-content:space-between;padding:0 15px;color:#80998f}.connected-banner>div{display:flex;align-items:center;gap:10px}.connected-banner i{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px rgba(67,214,176,.06)}.connected-banner span{font-size:8.5px}.connected-banner b{color:#a7c8be;margin-right:5px}.connected-banner small{font-size:7.5px;color:#657f76;text-transform:uppercase;letter-spacing:.08em}.development-warning{padding:11px 14px;border:1px solid rgba(249,184,104,.13);border-radius:12px;background:rgba(249,184,104,.04);color:#a98d6a;font-size:8.5px}.demo-status span span{display:block}@media(max-width:700px){.connected-banner{align-items:flex-start;flex-direction:column;gap:7px;padding:12px 14px}}