:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#dffaff;background:#03151e}*{box-sizing:border-box}body{margin:0}header{height:72px;padding:12px 22px;display:flex;justify-content:space-between;align-items:center;background:#062534;border-bottom:2px solid #11d6d0}header small{color:#58e4df;font-weight:800;letter-spacing:1.4px}h1{margin:3px 0 0;font-size:24px}nav{display:flex;gap:8px}a,button{color:#eaffff;background:#0a3a4b;border:1px solid #24c9d0;border-radius:8px;padding:10px 14px;text-decoration:none;font-weight:800}main{padding:14px}.controls{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr)) auto minmax(180px,1fr);gap:10px;align-items:end;padding:12px;background:#082734;border:1px solid #176378;border-radius:12px}.controls label{display:grid;gap:5px;color:#91c9d2;font-size:12px;font-weight:800}.controls input,.controls select{height:40px;padding:7px;color:#eaffff;background:#041a25;border:1px solid #256276;border-radius:7px}.controls button{height:40px;background:#087f85}.controls #status{align-self:center;color:#8fdad8;font-size:13px}.summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:10px 0}.summary div{padding:10px 13px;border:1px solid #17566a;border-left:4px solid #19d1be;border-radius:8px;background:#071e29}.summary span{display:block;color:#7cabb5;font-size:11px;text-transform:uppercase}.summary b{display:block;margin-top:3px;font-size:18px}.workspace{display:grid;grid-template-columns:1fr 360px;gap:10px;height:calc(100vh - 230px);min-height:500px}#map{border:1px solid #176378;border-radius:12px;background:#052432}.workspace aside{overflow:auto;padding:13px;background:#071e29;border:1px solid #17566a;border-radius:12px}.workspace aside h2{margin:0}.workspace aside p{color:#89b4bd;font-size:12px}.event{margin:8px 0;padding:9px;border-left:4px solid var(--c,#f6c344);background:#0b2b39}.event b,.event span{display:block}.event span{margin-top:3px;color:#9cc1c8;font-size:12px}@media(max-width:950px){.controls{grid-template-columns:1fr 1fr}.workspace{grid-template-columns:1fr;height:auto}#map{height:60vh}.workspace aside{max-height:360px}}

