:root{--bg:#07111d;--panel:#0d1b2a;--panel2:#112438;--text:#edf6ff;--muted:#91a6bb;--border:#1c3852;--accent:#45a3ff;--ok:#2ed684;--off:#7a8794;--air:#52b7ff;--svc:#ffd166;--emg:#ff6b6b;--other:#caa8ff}
*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
header{display:flex;gap:18px;align-items:center;justify-content:space-between;padding:12px 18px;background:#091827;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:1000}
.brand{font-weight:800;letter-spacing:.4px}.brand small{display:block;color:var(--muted);font-weight:500}
nav{display:flex;gap:6px;flex-wrap:wrap}nav a{color:var(--muted);text-decoration:none;padding:8px 11px;border-radius:8px}nav a.active,nav a:hover{background:var(--panel2);color:var(--text)}
.layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;min-height:calc(100vh - 62px)}
#map{min-height:calc(100vh - 62px);background:#0b1927}
.side{border-left:1px solid var(--border);background:var(--panel);padding:14px;overflow:auto}
.card{background:var(--panel2);border:1px solid var(--border);border-radius:12px;padding:12px;margin-bottom:10px}
.row{display:flex;align-items:center;justify-content:space-between;gap:12px}.muted{color:var(--muted)}.big{font-size:1.5rem;font-weight:800}
.dot{width:9px;height:9px;border-radius:50%;display:inline-block;margin-right:6px}.online{background:var(--ok)}.offline{background:var(--off)}
.badge{display:inline-block;padding:3px 7px;border-radius:999px;background:#17324b;color:#bdd8ee;font-size:12px;margin-right:4px}
.list{font-size:13px}.item{padding:8px 0;border-bottom:1px solid rgba(255,255,255,.06)}.item:last-child{border-bottom:0}
.marker-station{width:18px;height:18px;border-radius:50%;border:3px solid white;box-shadow:0 0 0 2px rgba(0,0,0,.35)}.marker-station.on{background:var(--ok)}.marker-station.off{background:var(--off)}
.marker-air{font-size:19px;transform:translate(-5px,-8px);text-shadow:0 1px 3px #000}.marker-svc{font-size:17px}.marker-emg{font-size:17px}.marker-other{font-size:17px}
.controls{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:12px}.controls button{background:#132b41;color:var(--text);border:1px solid var(--border);border-radius:8px;padding:7px 9px;cursor:pointer}.controls button.on{background:#1d4d72;border-color:#397eb0}
table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:9px;border-bottom:1px solid var(--border);font-size:13px}th{color:var(--muted)}
.page{padding:18px;max-width:1200px;margin:auto}
@media(max-width:850px){.layout{grid-template-columns:1fr}.side{border-left:0;border-top:1px solid var(--border)}#map{min-height:62vh}header{align-items:flex-start;flex-direction:column}}

.marker-ship{font-size:19px;transform:translate(-6px,-7px);text-shadow:0 1px 3px #000}
.marker-pilot{font-size:18px;transform:translate(-5px,-7px);text-shadow:0 1px 3px #000}
.marker-sar{font-size:18px;transform:translate(-5px,-7px);text-shadow:0 1px 3px #000}