:root{--primary:#2563eb;--primary-dark:#1d4ed8;--secondary:#64748b;--accent:#f59e0b;--success:#10b981;--danger:#ef4444;--background:#f8fafc;--sidebar:#1e293b;--card-bg:#fffc;--glass-border:#fff3;--shadow:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--glass-shadow:0 8px 32px 0 #1f26871a;--text-primary:#1e293b;--text-secondary:#64748b;--text-muted:#86868b;--surface:#fff;--surface-hover:#f1f5f9;--border:#e2e8f0;--input-bg:#fff;--header-btn-bg:#f1f5f9;--ig-navy:#1a365d;--ig-navy-soft:#ebf0f7;--ig-green:#38a169;--ig-green-soft:#f0fff4;--ig-red:#e53e3e;--ig-red-soft:#fff5f5;--ig-amber:#d69e2e;--ig-amber-soft:#fffaf0;--ig-ai-bg:#eef4ff;--ig-ai-border:#c7d7fe;--ig-ai-label:#3730a3}[data-theme=dark]{--background:#0f172a;--sidebar:#020617;--card-bg:#1e293bd9;--glass-border:#ffffff1a;--shadow:0 4px 6px -1px #0006, 0 2px 4px -2px #0000004d;--glass-shadow:0 8px 32px 0 #0006;--text-primary:#e2e8f0;--text-secondary:#94a3b8;--text-muted:#64748b;--surface:#1e293b;--surface-hover:#ffffff12;--border:#ffffff1f;--input-bg:#0f172a;--header-btn-bg:#ffffff14;--ig-navy:#93c5fd;--ig-navy-soft:#3b82f626;--ig-green:#6ee7b7;--ig-green-soft:#10b9811f;--ig-red:#fca5a5;--ig-red-soft:#ef44441f;--ig-amber:#fbbf24;--ig-amber-soft:#d99e2e1f;--ig-ai-bg:#3b82f614;--ig-ai-border:#6366f14d;--ig-ai-label:#a5b4fc}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--background);color:var(--text-primary);min-height:100vh;font-family:Inter,sans-serif;transition:background .2s,color .2s;overflow-x:hidden}h1,h2,h3,.brand{font-family:Outfit,sans-serif}.glass-card{background:var(--card-bg);-webkit-backdrop-filter:blur(8px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:1rem}.sidebar{background:var(--sidebar);color:#fff;z-index:1100;flex-direction:column;width:260px;height:100vh;padding:2rem 1.5rem;display:flex;position:fixed;top:0;left:0}.main-content{width:calc(100% - 260px);margin-left:260px;padding:2rem}.hamburger-btn{display:none}@media (width<=1024px){.hamburger-btn{display:flex}.sidebar{width:0;padding:0;transition:transform .3s,width .3s;overflow:hidden;transform:translate(-100%)}.sidebar.active{width:260px;padding:1.5rem 1rem;transform:translate(0)}.main-content{width:100%;margin-left:0;padding:1rem}.map-layout{grid-template-columns:1fr!important}.map-layout .map-main{order:2}.map-layout>div:last-child{order:1}.charts-grid{grid-template-columns:1fr!important}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem}}.btn{cursor:pointer;border:none;border-radius:.5rem;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-weight:500;transition:all .2s;display:flex}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-1px)}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.badge{text-transform:uppercase;border-radius:9999px;padding:.25rem .6rem;font-size:.75rem;font-weight:600}.badge-blue{color:#1e40af;background:#dbeafe}.badge-green{color:#166534;background:#dcfce7}.badge-orange{color:#92400e;background:#fef3c7}[data-theme=dark] .badge-blue{color:#93c5fd;background:#2563eb40}[data-theme=dark] .badge-green{color:#6ee7b7;background:#10b98133}[data-theme=dark] .badge-orange{color:#fcd34d;background:#f59e0b33}[data-theme=dark] input,[data-theme=dark] textarea,[data-theme=dark] select{background:var(--input-bg)!important;color:var(--text-primary)!important;border-color:var(--border)!important}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:var(--text-muted)}.glass-card,.contact-table td,.sidebar{transition:background .2s,border-color .2s}.contact-table{border-collapse:separate;border-spacing:0 .5rem;width:100%}.contact-table th{text-align:left;color:var(--text-secondary);padding:1rem;font-size:.875rem;font-weight:500}.contact-table td{background:var(--surface);color:var(--text-primary);padding:1rem}.contact-table tr td:first-child{border-radius:.75rem 0 0 .75rem}.contact-table tr td:last-child{border-radius:0 .75rem .75rem 0}.contact-table tr{transition:transform .2s;box-shadow:0 1px 3px #0000000d}.contact-table tr:hover{box-shadow:var(--shadow);transform:scale(1.002)}
