:root{--bg-primary: #f8f9fc;--bg-secondary: #ffffff;--bg-sidebar: #1b1f2e;--text-primary: #1a1d2e;--text-secondary: #6b7280;--text-muted: #9ca3af;--accent-primary: #6366f1;--accent-secondary: #818cf8;--border-color: #e5e7eb;--status-ok: #10b981;--status-warning: #f59e0b;--status-error: #ef4444;--status-inactive: #6b7280;--priority-high: #ef4444;--priority-medium: #f59e0b;--priority-low: #10b981;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--transition-base: all .2s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--bg-primary: #0f1117;--bg-secondary: #1a1d28;--bg-sidebar: #0a0d14;--text-primary: #e4e7ec;--text-secondary: #9ca3af;--text-muted: #6b7280;--accent-primary: #818cf8;--accent-secondary: #6366f1;--border-color: #2d313e;--status-ok: #34d399;--status-warning: #fbbf24;--status-error: #f87171;--status-inactive: #9ca3af;--priority-high: #f87171;--priority-medium: #fbbf24;--priority-low: #34d399;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .5);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .7)}[data-theme=dark] select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.5)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,system-ui,-apple-system,sans-serif}body{background-color:var(--bg-primary);color:var(--text-primary);line-height:1.5;transition:var(--transition-base);min-height:100vh}button{cursor:pointer;border:none;background:none;font:inherit;transition:var(--transition-base)}a{text-decoration:none;color:inherit}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:.75rem 2.5rem .75rem 1rem;font-size:.9rem;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;transition:var(--transition-base);outline:none}select:hover{border-color:var(--accent-primary);background-color:#ffffff0d}select:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px #6366f133}option{background-color:var(--bg-secondary);color:var(--text-primary);padding:12px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.glass{background:rgba(var(--bg-secondary),.7);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-color)}.card{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:1.5rem;border:1px solid var(--border-color);box-shadow:var(--shadow-sm);transition:var(--transition-base)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-4{gap:1rem}.p-4{padding:1rem}.mt-4{margin-top:1rem}.badge{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase}.status-online{background-color:#10b9811a;color:var(--status-ok)}.status-warning{background-color:#f59e0b1a;color:var(--status-warning)}.status-error{background-color:#ef44441a;color:var(--status-error)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .4s ease-out forwards}