:root{--bg:#0b1220;--bg-2:#121a2b;--panel:#111827;--panel-2:#182235;--line:#ffffff14;--text:#e5e7eb;--muted:#94a3b8;--green:#22c55e;--orange:#fb923c;--danger:#ef4444;--radius:22px;--shadow:0 20px 60px #00000059;font-family:Inter,Arial,Helvetica,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{color:var(--text);background:radial-gradient(circle at top,#22c55e14,#0000 28%),linear-gradient(#111827 0%,#0b1220 100%)}button,input{font:inherit}.login-page{place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{border:1px solid var(--line);width:min(100%,460px);box-shadow:var(--shadow);background:#121a2bf0;border-radius:28px;flex-direction:column;gap:12px;padding:32px;display:flex}.login-pill{color:#bbf7d0;background:#22c55e1f;border:1px solid #22c55e3d;border-radius:999px;align-self:flex-start;padding:8px 12px;font-size:13px;font-weight:700}.login-card h1{color:var(--green);margin:8px 0 0;font-size:38px}.login-card p{color:var(--muted);margin:0 0 10px}.login-card label{color:#cbd5e1;margin-top:6px;font-size:14px}.login-card input{border:1px solid var(--line);width:100%;height:48px;color:var(--text);background:#0f172a;border-radius:14px;outline:none;padding:0 14px}.login-card input:focus{border-color:#22c55e73;box-shadow:0 0 0 3px #22c55e1f}.login-card button{background:linear-gradient(135deg, var(--green), #16a34a);color:#fff;cursor:pointer;border:0;border-radius:16px;height:50px;margin-top:10px;font-weight:800}.error-box{color:#fecaca;background:#ef44441f;border:1px solid #ef444440;border-radius:14px;padding:12px 14px}.app-shell{grid-template-columns:260px 1fr;min-height:100vh;display:grid}.app-shell.collapsed{grid-template-columns:84px 1fr}.sidebar{border-right:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#090e1ae0;flex-direction:column;gap:18px;padding:18px 14px;display:flex}.sidebar-top{align-items:center;gap:12px;min-height:44px;display:flex}.brand{color:var(--green);letter-spacing:.4px;font-size:24px;font-weight:900}.icon-btn,.nav-item,.logout-btn{border:1px solid var(--line);color:var(--text);cursor:pointer;background:#0f172a}.icon-btn{border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.nav{flex-direction:column;gap:10px;display:flex}.nav-item{border-radius:14px;align-items:center;gap:12px;height:46px;padding:0 14px;display:flex}.nav-item:hover,.icon-btn:hover,.logout-btn:hover{background:#172033}.main{flex-direction:column;min-width:0;display:flex}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0b122073;justify-content:space-between;align-items:center;height:84px;padding:0 24px;display:flex}.topbar-title{font-size:24px;font-weight:800}.topbar-sub{color:var(--muted);margin-top:4px;font-size:14px}.topbar-right{align-items:center;gap:12px;display:flex}.user-chip{border:1px solid var(--line);background:#0f172a;border-radius:14px;flex-direction:column;align-items:flex-end;padding:10px 14px;display:flex}.user-chip small{color:var(--muted);text-transform:uppercase}.logout-btn{border-radius:12px;align-items:center;gap:8px;height:42px;padding:0 14px;display:flex}.page{padding:24px}.cards-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.stat-card,.panel{border:1px solid var(--line);box-shadow:var(--shadow);background:linear-gradient(#182235f2,#111827fa);border-radius:22px}.stat-card{padding:20px}.stat-label{color:var(--muted);font-size:14px}.stat-value{color:var(--green);margin-top:10px;font-size:36px;font-weight:900}.content-grid{grid-template-columns:1.1fr 1.4fr;gap:16px;margin-top:16px;display:grid}.panel{min-height:280px;padding:20px}.panel-title{margin-bottom:16px;font-size:18px;font-weight:800}.alert-item{border:1px solid var(--line);color:#e2e8f0;background:#0f172a;border-radius:14px;margin-bottom:10px;padding:14px 16px}.map-placeholder{color:#fdba74;background:radial-gradient(circle,#fb923c14,#0000 35%),#0f172a;border:1px dashed #fb923c59;border-radius:18px;place-items:center;height:220px;font-weight:700;display:grid}@media (width<=1100px){.cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid{grid-template-columns:1fr}}@media (width<=760px){.app-shell,.app-shell.collapsed{grid-template-columns:1fr}.sidebar{display:none}.topbar{height:auto;min-height:84px;padding:0 16px}.topbar-right{flex-wrap:wrap;justify-content:flex-end}.page{padding:16px}.cards-grid{grid-template-columns:1fr}}a{color:inherit;text-decoration:none}.nav-item.active{background:#172033;border-color:#22c55e38;box-shadow:inset 0 0 0 1px #22c55e1f}.page-grid{grid-template-columns:1fr;gap:16px;display:grid}.panel-text{color:var(--muted);margin:0;line-height:1.6}.map-placeholder.tall{height:420px}