html,body{margin:0;padding:0;height:100%;background-color:#f0f2f5}:root{--fh-primary: #3B82F6;--fh-primary-dark: #2563EB;--fh-success: #10B981;--fh-warning: #F59E0B;--fh-danger: #EF4444;--fh-info: #6366F1;--fh-bg: #f0f2f5;--fh-sidebar-bg: #1E293B;--fh-sidebar-text: #94A3B8;--fh-sidebar-active: #3B82F6}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}::-webkit-scrollbar-track{background:transparent}.alert-level-1{color:var(--fh-danger);background:#fef2f2;border-color:#fecaca}.alert-level-2{color:var(--fh-warning);background:#fffbeb;border-color:#fde68a}.alert-level-3{color:var(--fh-info);background:#eef2ff;border-color:#c7d2fe}.status-online{color:var(--fh-success)}.status-offline{color:#9ca3af}.status-alarm{color:var(--fh-danger);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.card-hover{transition:all .3s ease}.card-hover:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.stat-card{background:#fff;border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px}.stat-card .stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px}.stat-card .stat-content .stat-value{font-size:28px;font-weight:600;line-height:1.2}.stat-card .stat-content .stat-label{font-size:13px;color:#9ca3af;margin-top:4px}