:root{--teal: #0F4C4A;--teal-light: #E7F1F0;--teal-border: #BFDAD8;--teal-hover: #0B3B39;--amber: #D97706;--amber-light: #FEF3E2;--amber-border: #FBD9A5;--coral: #E8604C;--coral-light: #FBEAE7;--coral-border: #F2C2B8;--slate: #475569;--slate-light: #EEF1F4;--slate-border: #CBD5E1;--bg: #F8FAFC;--bg-surface: #FFFFFF;--bg-sidebar: #0F4C4A;--sidebar-text: #FFFFFF;--sidebar-muted: rgba(255, 255, 255, .65);--sidebar-hover: rgba(255, 255, 255, .12);--sidebar-active: rgba(255, 255, 255, .2);--header-bg: #FFFFFF;--header-border: #E2E8F0;--ink: #0F172A;--text-secondary: #475569;--muted: #94A3B8;--card: #FFFFFF;--card-border: #E2E8F0;--card-shadow: 0 1px 3px 0 rgba(0, 0, 0, .05), 0 1px 2px -1px rgba(0, 0, 0, .05);--card-shadow-hover: 0 4px 12px -2px rgba(0, 0, 0, .08), 0 2px 4px -1px rgba(0, 0, 0, .04);--radius: 12px;--radius-sm: 8px;--radius-lg: 16px;--status-success-bg: #ECFDF5;--status-success-text: #047857;--status-success-border: #A7F3D0;--status-pending-bg: #FFFBEB;--status-pending-text: #B45309;--status-pending-border: #FDE68A;--status-critical-bg: #FEF2F2;--status-critical-text: #B91C1C;--status-critical-border: #FECACA;--status-info-bg: #EFF6FF;--status-info-text: #1D4ED8;--status-info-border: #BFDBFE;--input-bg: #FFFFFF;--input-border: #CBD5E1;--input-focus-ring: rgba(15, 76, 74, .25)}[data-theme=dark]{--bg: #0B0F17;--bg-surface: #151C28;--bg-sidebar: #09131C;--sidebar-text: #E2E8F0;--sidebar-muted: #64748B;--sidebar-hover: rgba(255, 255, 255, .06);--sidebar-active: rgba(255, 255, 255, .12);--header-bg: #151C28;--header-border: #1E293B;--ink: #F8FAFC;--text-secondary: #CBD5E1;--muted: #64748B;--card: #151C28;--card-border: #1E293B;--card-shadow: 0 1px 3px 0 rgba(0, 0, 0, .3);--card-shadow-hover: 0 4px 12px 0 rgba(0, 0, 0, .4);--status-success-bg: rgba(16, 185, 129, .15);--status-success-text: #34D399;--status-success-border: rgba(52, 211, 153, .3);--status-pending-bg: rgba(245, 158, 11, .15);--status-pending-text: #FBBF24;--status-pending-border: rgba(251, 191, 36, .3);--status-critical-bg: rgba(239, 68, 68, .15);--status-critical-text: #F87171;--status-critical-border: rgba(248, 113, 113, .3);--status-info-bg: rgba(59, 130, 246, .15);--status-info-text: #60A5FA;--status-info-border: rgba(96, 165, 250, .3);--input-bg: #1E293B;--input-border: #334155;--input-focus-ring: rgba(56, 189, 248, .25)}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;transition:background-color .2s ease,color .2s ease}#root{min-height:100vh}h1,h2,h3,h4,h5,h6{margin:0;font-weight:700;color:var(--ink);letter-spacing:-.015em}p{margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;font-size:13.5px;font-weight:600;border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none;white-space:nowrap}.btn-primary{background:var(--teal);color:#fff;border-color:var(--teal)}.btn-primary:hover{background:var(--teal-hover);border-color:var(--teal-hover)}.btn-secondary{background:var(--bg-surface);color:var(--ink);border-color:var(--card-border)}.btn-secondary:hover{background:var(--bg);border-color:var(--input-border)}.btn-danger{background:var(--status-critical-bg);color:var(--status-critical-text);border-color:var(--status-critical-border)}.btn-danger:hover{opacity:.9}.btn-success{background:var(--status-success-bg);color:var(--status-success-text);border-color:var(--status-success-border)}.btn-sm{padding:5px 10px;font-size:12.5px}.btn-lg{padding:11px 22px;font-size:15px}.input{width:100%;padding:8px 12px;font-size:13.5px;background:var(--input-bg);color:var(--ink);border:1px solid var(--input-border);border-radius:var(--radius-sm);outline:none;transition:border-color .15s ease,box-shadow .15s ease}.input:focus{border-color:var(--teal);box-shadow:0 0 0 3px var(--input-focus-ring)}.card-panel{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);box-shadow:var(--card-shadow);transition:box-shadow .2s ease,border-color .2s ease}.card-panel:hover{box-shadow:var(--card-shadow-hover)}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;font-size:12px;font-weight:600;border-radius:9999px;border:1px solid transparent}.badge-success{background:var(--status-success-bg);color:var(--status-success-text);border-color:var(--status-success-border)}.badge-pending{background:var(--status-pending-bg);color:var(--status-pending-text);border-color:var(--status-pending-border)}.badge-critical{background:var(--status-critical-bg);color:var(--status-critical-text);border-color:var(--status-critical-border)}.badge-info{background:var(--status-info-bg);color:var(--status-info-text);border-color:var(--status-info-border)}@keyframes skeleton-pulse{0%{opacity:.6}50%{opacity:.3}to{opacity:.6}}.skeleton{animation:skeleton-pulse 1.5s infinite ease-in-out;background:var(--card-border);border-radius:6px}.scrollbar-thin::-webkit-scrollbar{width:6px;height:6px}.scrollbar-thin::-webkit-scrollbar-track{background:transparent}.scrollbar-thin::-webkit-scrollbar-thumb{background:var(--card-border);border-radius:3px}.scrollbar-thin::-webkit-scrollbar-thumb:hover{background:var(--muted)}:focus-visible{outline:2px solid var(--teal);outline-offset:2px}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}