body {
    font-family: 'Vazirmatn', sans-serif;
    background-color: #050814;
    background-image: 
        radial-gradient(circle at 10% 10%, rgba(16, 185, 129, 0.08) 0%, transparent 45%),
        radial-gradient(circle at 90% 90%, rgba(249, 115, 22, 0.08) 0%, transparent 45%),
        radial-gradient(circle at 50% 50%, rgba(139, 92, 246, 0.05) 0%, transparent 60%);
    color: #f8fafc;
    min-height: 100vh;
    -webkit-tap-highlight-color: transparent;
}
.glass-panel {
    background: rgba(15, 23, 42, 0.88);
    backdrop-filter: blur(28px);
    -webkit-backdrop-filter: blur(28px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.8);
}
.glass-card {
    background: rgba(30, 41, 59, 0.5);
    backdrop-filter: blur(16px);
    border: 1px solid rgba(255, 255, 255, 0.07);
}
.dropdown-menu-glass {
    background: rgba(11, 19, 38, 0.98) !important;
    backdrop-filter: blur(28px) !important;
    border: 1px solid rgba(255, 255, 255, 0.18) !important;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.9) !important;
}
::-webkit-scrollbar { width: 4px; }
::-webkit-scrollbar-track { background: #050814; }
::-webkit-scrollbar-thumb { background: #334155; border-radius: 4px; }
@keyframes pulseGlow {
    0%, 100% { box-shadow: 0 0 30px rgba(244, 63, 94, 0.4); border-color: rgba(244, 63, 94, 0.6); }
    50% { box-shadow: 0 0 60px rgba(244, 63, 94, 0.9); border-color: rgba(244, 63, 94, 1); }
}
.alarm-crisis { animation: pulseGlow 1.2s infinite; }
.heatmap-cell { width: 14px; height: 14px; border-radius: 4px; background: rgba(30, 41, 59, 0.8); transition: all 0.2s; }
.heatmap-cell.level-1 { background: rgba(16, 185, 129, 0.35); }
.heatmap-cell.level-2 { background: rgba(16, 185, 129, 0.65); }
.heatmap-cell.level-3 { background: rgba(16, 185, 129, 0.95); }