:root{--bg:#f4f7fb;--card:#fff;--ink:#0f172a;--muted:#64748b;--line:#dbe4ef;--blue:#2563eb;--navy:#0b1f3a;--green:#16a34a;--amber:#d97706;--rose:#e11d48;--violet:#7c3aed;--shadow:0 12px 35px rgba(15,23,42,.07)}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--ink)}a{text-decoration:none;color:inherit}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:270px;background:#fff;border-right:1px solid var(--line);padding:18px 14px;overflow:auto;transition:.2s;z-index:30}.brand{display:flex;align-items:center;gap:12px;padding:7px 9px 20px}.brand-mark{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--blue),#0ea5e9);color:#fff;font-size:19px;box-shadow:0 8px 18px rgba(37,99,235,.25)}.brand strong,.brand span{display:block}.brand span{font-size:12px;color:var(--muted);margin-top:2px}.nav{display:grid;gap:5px}.nav-item{display:flex;gap:12px;align-items:center;padding:10px 12px;border-radius:12px;font-weight:750;font-size:13px;color:#475569}.nav-item i{width:20px;text-align:center}.nav-item:hover{background:#f1f5f9}.nav-item.active{background:#eaf2ff;color:#1d4ed8}.main{margin-left:270px;min-width:0;transition:.2s}.topbar{position:sticky;top:0;z-index:20;background:rgba(244,247,251,.94);backdrop-filter:blur(12px);display:flex;align-items:center;gap:14px;padding:16px 24px;border-bottom:1px solid rgba(219,228,239,.8)}.topbar h1{margin:0;font-size:20px}.topbar p{margin:2px 0 0;font-size:12px;color:var(--muted)}.top-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.icon-btn,.avatar{border:1px solid var(--line);background:#fff;border-radius:12px;height:40px;min-width:40px}.avatar{font-weight:900;color:#fff;background:var(--navy)}#languageSelect{height:40px;border:1px solid var(--line);border-radius:12px;background:#fff;padding:0 10px;font-weight:850}.health-mini{display:flex;gap:6px;background:#fff;border:1px solid var(--line);padding:10px;border-radius:12px}.health-dot{width:9px;height:9px;border-radius:50%;background:#94a3b8}.health-dot.online{background:#22c55e}.health-dot.offline{background:#ef4444}.content{padding:24px;display:grid;gap:20px}.card,.hero,.module-card{background:var(--card);border:1px solid rgba(219,228,239,.9);border-radius:18px;box-shadow:var(--shadow)}.toolbar-card{padding:12px}.toolbar{display:flex;flex-wrap:wrap;gap:9px}.btn{border:1px solid var(--line);background:#fff;border-radius:11px;padding:10px 13px;font-weight:850;color:#334155;display:inline-flex;align-items:center;gap:8px}.btn.primary{background:var(--blue);border-color:var(--blue);color:#fff}.btn.green{background:var(--green);border-color:var(--green);color:#fff}.btn.sm{padding:7px 10px;font-size:12px}.hero{padding:28px;background:linear-gradient(120deg,#fff,#eef6ff)}.hero-pill{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:7px 11px;background:#dbeafe;color:#1d4ed8;font-size:12px;font-weight:900}.hero h2{font-size:30px;max-width:880px;margin:16px 0 8px}.hero p{max-width:920px;color:#475569;line-height:1.7;margin:0}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.stat{background:#fff;border:1px solid var(--line);border-radius:16px;padding:17px;display:flex;align-items:center;gap:14px;box-shadow:var(--shadow)}.stat-ic,.module-icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center}.st-blue{background:#dbeafe;color:#2563eb}.st-green{background:#dcfce7;color:#16a34a}.st-amber{background:#fef3c7;color:#d97706}.st-rose{background:#ffe4e6;color:#e11d48}.st-violet{background:#ede9fe;color:#7c3aed}.label{font-size:12px;color:var(--muted);font-weight:800}.value{font-size:22px;font-weight:950;margin:2px 0}.sub{font-size:11px;color:#94a3b8}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.card-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--line)}.card-head h2,.section-title h2{font-size:16px;margin:0}.card-body{padding:18px}.module-card{padding:18px;transition:.18s}.module-card:hover{transform:translateY(-2px);border-color:#bfdbfe}.module-card h3{margin:13px 0 7px;font-size:15px}.module-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.55;min-height:38px}.module-link{display:inline-flex;gap:7px;align-items:center;margin-top:14px;color:var(--blue);font-size:12px;font-weight:900}.badge{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.03em}.badge.ok{background:#dcfce7;color:#15803d}.badge.warn{background:#fef3c7;color:#b45309}.badge.bad{background:#fee2e2;color:#b91c1c}.badge.info{background:#dbeafe;color:#1d4ed8}.badge.neutral{background:#e2e8f0;color:#475569}.health-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid #edf2f7}.health-row:last-child{border:0}.health-row span:first-child{display:flex;align-items:center;gap:9px;text-transform:capitalize;font-size:13px;font-weight:800}.health-row i{font-size:8px;color:#94a3b8}.city-map{height:280px;position:relative;overflow:hidden;border-radius:0 0 18px 18px;background:linear-gradient(135deg,#dbeafe,#ecfeff)}.map-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(37,99,235,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(37,99,235,.08) 1px,transparent 1px);background-size:28px 28px}.map-label{position:absolute;left:48%;top:43%;background:#fff;border-radius:999px;padding:9px 12px;box-shadow:var(--shadow);font-weight:900;font-size:12px;color:#1d4ed8}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:13px 16px;border-bottom:1px solid var(--line);font-size:12px}th{color:#64748b;background:#f8fafc}.sidebar-collapsed .sidebar{width:82px}.sidebar-collapsed .sidebar .brand div:last-child,.sidebar-collapsed .nav-item span{display:none}.sidebar-collapsed .main{margin-left:82px}@media(max-width:1000px){.stats,.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.sidebar{transform:translateX(-100%)}.main{margin-left:0}.sidebar-collapsed .sidebar{transform:translateX(0);width:270px}.sidebar-collapsed .sidebar .brand div:last-child,.sidebar-collapsed .nav-item span{display:block}.sidebar-collapsed .main{margin-left:0}.content{padding:15px}.stats,.grid-2,.grid-3{grid-template-columns:1fr}.topbar{padding:13px 15px}.topbar p,.health-mini{display:none}.hero h2{font-size:23px}}