:root{--p:#0d6efd;--d:#0f172a;--s:#111827;--bg:#f3f6fb;--t:#1f2937;--m:#6b7280;--b:#e5e7eb}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--t)}a{color:var(--p);text-decoration:none}.header{height:64px;background:var(--d);color:white;display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:3}.header strong{font-size:20px}.header small{display:block;color:#cbd5e1}.header a{color:white}.sidebar{width:260px;background:var(--s);color:white;position:fixed;top:64px;bottom:0;left:0;padding:18px 0;overflow:auto}.sidebar .section{padding:12px 22px;color:#94a3b8;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.sidebar a{display:block;color:#d1d5db;padding:12px 22px;font-size:15px}.sidebar a:hover,.sidebar a.active{background:#1f2937;color:white}.main{margin-left:260px;padding:26px}.card{background:white;border-radius:16px;padding:22px;margin-bottom:20px;box-shadow:0 8px 24px rgba(15,23,42,.08)}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.metric{background:white;border-radius:16px;padding:22px;box-shadow:0 8px 24px rgba(15,23,42,.08)}.metric h2{margin:0;font-size:32px}.metric p{margin:8px 0 0;color:var(--m)}input,select,textarea,button{width:100%;padding:12px;border-radius:10px;border:1px solid #d1d5db;margin:8px 0;font-size:15px}button,.btn{display:inline-block;background:var(--p);color:white;border:0;cursor:pointer;font-weight:bold;border-radius:10px;padding:11px 14px;text-align:center}.btn.light{background:#eef2ff;color:#3730a3}.login{max-width:450px;margin:80px auto;background:white;padding:34px;border-radius:18px;box-shadow:0 8px 28px rgba(15,23,42,.14)}.alert{padding:12px;border-radius:10px;margin-bottom:15px;background:#fee2e2;color:#991b1b}.success{padding:12px;border-radius:10px;margin-bottom:15px;background:#dcfce7;color:#166534}.warning{padding:12px;border-radius:10px;margin-bottom:15px;background:#fef3c7;color:#92400e}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:12px;border-bottom:1px solid var(--b);text-align:left;font-size:14px;vertical-align:top}.table th{color:#475569;background:#f8fafc}.badge{display:inline-block;padding:5px 10px;border-radius:999px;background:#e0f2fe;color:#075985;font-size:12px;font-weight:bold}.badge.ok{background:#dcfce7;color:#166534}.badge.off{background:#fee2e2;color:#991b1b}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.icon{font-size:34px;margin-bottom:10px}.footer-note{color:var(--m);font-size:13px}@media(max-width:1000px){.sidebar{position:static;width:auto}.main{margin-left:0;padding:16px}.grid,.grid3,.form-grid{grid-template-columns:1fr}.header{padding:0 14px}}

.btn.dark{background:#334155}.btn.green{background:#16a34a}.btn.orange{background:#ea580c}.mobile-panel .btn{width:100%;margin:8px 0}.map{height:72vh;border-radius:16px;overflow:hidden;border:1px solid var(--border)}.status-line{font-size:18px;font-weight:bold}