@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=JetBrains+Mono:wght@400;500;600&display=swap");@tailwind base;@tailwind components;@tailwind utilities;@layer components{.btn-danger,.btn-primary,.btn-secondary,.card,.card-hover,.input-field,.live-indicator,.metric-label,.metric-value,.page-subtitle,.page-title,.section-title,.status-badge,.status-offline,.status-online,.status-pending,.status-warning{@apply flex items-center gap-2 relative}.live-indicator:before{content:"";@apply w-2 h-2 bg-red-500 rounded-full animate-pulse-dot}}:root{--color-primary-900:#1b4332;--color-primary-800:#166534;--color-primary-700:#15803d;--color-primary-600:#16a34a;--color-primary-500:#22c55e;--color-cream-50:#fefdfb;--color-cream-100:#fbf9f5;--color-cream-200:#f5f3ee;--color-cream-300:#e8e5de;--color-status-online:#22c55e;--color-status-warning:#f59e0b;--color-status-critical:#ef4444;--color-status-offline:#6b7280;--app-bg:var(--color-cream-100);--surface-bg:#fff;--surface-muted:var(--color-cream-50);--surface-soft:var(--color-cream-100);--border-soft:var(--color-cream-200);--border-strong:var(--color-cream-300);--text-primary:#111827;--text-secondary:#374151;--text-muted:#6b7280;--input-bg:#fff;--scroll-track:var(--color-cream-200);--scroll-thumb:var(--color-cream-300)}html.theme-dark{--app-bg:#0b1220;--surface-bg:#111827;--surface-muted:#0f172a;--surface-soft:#1f2937;--border-soft:#1f2937;--border-strong:#334155;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--input-bg:#0f172a;--scroll-track:#0f172a;--scroll-thumb:#334155}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--app-bg);color:var(--text-primary);font-family:DM Sans,Inter,system-ui,-apple-system,sans-serif;margin:0;padding:0;transition:background-color .2s ease,color .2s ease}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:var(--scroll-track);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#c5c2bb}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse-dot{animation:pulse-dot 2s ease-in-out infinite}@keyframes slide-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-slide-in{animation:slide-in .3s ease-out forwards}html.theme-dark .card,html.theme-dark .card-hover{background-color:var(--surface-bg)!important;border-color:var(--border-soft)!important}html.theme-dark .input-field{background-color:var(--input-bg)!important;border-color:var(--border-strong)!important;color:var(--text-primary)!important}html.theme-dark .btn-secondary{background-color:var(--surface-bg)!important;border-color:var(--border-strong)!important;color:var(--text-secondary)!important}html.theme-dark .btn-secondary:hover,html.theme-dark .hover\:bg-cream-100:hover,html.theme-dark .hover\:bg-cream-50:hover,html.theme-dark .hover\:bg-gray-100:hover,html.theme-dark .hover\:bg-primary-50:hover{background-color:var(--surface-soft)!important}html.theme-dark .bg-white{background-color:var(--surface-bg)!important}html.theme-dark .bg-white\/80{background-color:rgba(15,23,42,.85)!important}html.theme-dark .bg-cream-50{background-color:var(--surface-muted)!important}html.theme-dark .bg-cream-100,html.theme-dark .bg-cream-200{background-color:var(--surface-soft)!important}html.theme-dark .border-cream-100,html.theme-dark .border-cream-200,html.theme-dark .border-cream-300{border-color:var(--border-strong)!important}html.theme-dark .metric-value,html.theme-dark .page-title,html.theme-dark .section-title,html.theme-dark .text-gray-900{color:var(--text-primary)!important}html.theme-dark .text-gray-600,html.theme-dark .text-gray-700{color:var(--text-secondary)!important}html.theme-dark .metric-label,html.theme-dark .page-subtitle,html.theme-dark .text-gray-400,html.theme-dark .text-gray-500{color:var(--text-muted)!important}html.theme-dark .bg-black\/50{background-color:rgba(2,6,23,.7)!important}html.theme-dark .focus\:bg-white:focus{background-color:var(--surface-bg)!important}@media (max-width:1023px){.card,.card-hover{padding:1rem}}