@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";@tailwind base;@tailwind components;@tailwind utilities;:root{--background:#f1f5f9;--card-bg:#fff;--text-primary:#1e293b;--text-secondary:#64748b;--border:#e2e8f0;--accent:#2563eb;--afn-red:#b5131e;--success:#059669;--warning:#d97706;--danger:#dc2626;--purple:#7c3aed;--gold:#cfa66b}.dark{--background:#0f172a;--card-bg:#1e293b;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--border:#374151;--accent:#cfa66b;--afn-red:#b5131e;--success:#34d399;--warning:#fbbf24;--danger:#f87171;--purple:#a78bfa;--gold:#cfa66b}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--background);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,sans-serif;line-height:1.5}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--text-secondary);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes pulseDanger{0%,to{background-color:var(--danger);opacity:1}50%{opacity:.8;background-color:#ef4444}}.animate-fade-in{animation:.3s ease-out fadeIn}.animate-pulse-danger{animation:2s infinite pulseDanger}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:1.5rem;transition:all .3s;box-shadow:0 1px 3px #00000014}.card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.card-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.875rem;font-weight:600;display:flex}.kpi-card{position:relative;overflow:hidden}.kpi-value{color:var(--text-primary);z-index:2;margin-bottom:.5rem;font-size:1.75rem;font-weight:700;position:relative}.kpi-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem;font-size:.75rem;font-weight:500}.sparkline-bg{opacity:.14;pointer-events:none;z-index:1;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.table-zebra tr:nth-child(2n){background-color:#00000005}.dark .table-zebra tr:nth-child(2n){background-color:#ffffff05}.table-zebra tr:hover{background-color:#2563eb1a}.progress-bar{background-color:var(--border);border-radius:9999px;overflow:hidden}.progress-fill{border-radius:9999px;height:100%;transition:width .3s}.status-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.status-online{background-color:var(--success)}.status-warning{background-color:var(--warning)}.status-error{background-color:var(--danger)}.status-offline{background-color:var(--text-secondary)}