:root{--font-sans:"Outfit", "Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--bg-app:#070913;--bg-sidebar:#0d1122;--bg-card:#101426a6;--bg-card-hover:#181e38cc;--bg-input:#12182d;--bg-input-focus:#18203c;--border-color:#ffffff14;--border-color-hover:#ffffff29;--border-focus:#6366f1;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#4b5563;--color-primary:#6366f1;--color-primary-hover:#4f46e5;--color-accent:#a855f7;--color-accent-hover:#9333ea;--color-success:#10b981;--color-success-bg:#10b9811a;--color-success-border:#10b98140;--color-success-text:#34d399;--color-warning:#f59e0b;--color-warning-bg:#f59e0b1a;--color-warning-border:#f59e0b40;--color-warning-text:#fbbf24;--color-danger:#ef4444;--color-danger-bg:#ef44441a;--color-danger-border:#ef444440;--color-danger-text:#f87171;--color-info:#3b82f6;--color-info-bg:#3b82f61a;--color-info-border:#3b82f640;--color-info-text:#60a5fa;--shadow-sm:0 1px 2px 0 #00000080;--shadow-md:0 4px 6px -1px #0009, 0 2px 4px -1px #00000080;--shadow-lg:0 10px 15px -3px #000c, 0 4px 6px -2px #000000b3;--shadow-glow:0 0 20px #6366f126;--shadow-glow-success:0 0 20px #10b98126;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--bg-button-secondary:#ffffff0d;--bg-button-secondary-hover:#ffffff1a;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.4, 0, .2, 1)}.light-theme{--bg-app:#f8fafc;--bg-sidebar:#f1f5f9;--bg-card:#ffffffd9;--bg-card-hover:#fffffffa;--bg-input:#fff;--bg-input-focus:#f8fafc;--border-color:#0f172a14;--border-color-hover:#0f172a29;--border-focus:#4f46e5;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--color-primary:#4f46e5;--color-primary-hover:#3730a3;--color-accent:#7c3aed;--color-accent-hover:#6d28d9;--color-success:#059669;--color-success-bg:#0596691a;--color-success-border:#05966940;--color-success-text:#047857;--color-warning:#d97706;--color-warning-bg:#d977061a;--color-warning-border:#d9770640;--color-warning-text:#b45309;--color-danger:#dc2626;--color-danger-bg:#dc26261a;--color-danger-border:#dc262640;--color-danger-text:#b91c1c;--color-info:#2563eb;--color-info-bg:#2563eb1a;--color-info-border:#2563eb40;--color-info-text:#1d4ed8;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000000d, 0 2px 4px -1px #00000008;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -2px #0000000a;--shadow-glow:0 0 20px #4f46e51a;--shadow-glow-success:0 0 20px #0596691a;--bg-button-secondary:#0f172a0d;--bg-button-secondary-hover:#0f172a14}.light-theme .scrollbar-custom::-webkit-scrollbar-thumb{background:#0f172a26!important}.light-theme ::-webkit-scrollbar-thumb{background:#0f172a26!important}.light-theme .scrollbar-custom::-webkit-scrollbar-thumb:hover{background:#0f172a4d!important}.light-theme ::-webkit-scrollbar-thumb:hover{background:#0f172a4d!important}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);color:var(--text-primary);background-color:var(--bg-app);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-width:0;min-height:100vh;font-weight:400;line-height:1.5;overflow:hidden}#root{width:100vw;height:100vh}.scrollbar-custom::-webkit-scrollbar{width:6px;height:6px}.scrollbar-custom::-webkit-scrollbar-track{background:0 0}.scrollbar-custom::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.scrollbar-custom::-webkit-scrollbar-thumb:hover{background:#ffffff4d}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-md);transition:border-color var(--transition-fast), background-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);padding:20px}.card-interactive{cursor:pointer}.card-interactive:hover{background:var(--bg-card-hover);border-color:var(--border-color-hover);box-shadow:var(--shadow-lg), var(--shadow-glow);transform:translateY(-1px)}.card-glow-success:hover{box-shadow:var(--shadow-lg), var(--shadow-glow-success)}.btn{border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);font-size:13px;font-weight:600;font-family:var(--font-sans);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:8px 16px;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none!important;transform:none!important}.btn-primary{background:linear-gradient(135deg, var(--color-primary), var(--color-accent));color:#fff;box-shadow:0 2px 8px #6366f14d}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #6366f180, var(--shadow-glow);transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:var(--bg-button-secondary);border:1px solid var(--border-color);color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background:var(--bg-button-secondary-hover);border-color:var(--border-color-hover)}.btn-danger{background:var(--color-danger-bg);border:1px solid var(--color-danger-border);color:var(--color-danger-text)}.btn-danger:hover:not(:disabled){border-color:var(--color-danger);background:#ef444433;box-shadow:0 0 10px #ef444433}.btn-success{background:var(--color-success-bg);border:1px solid var(--color-success-border);color:var(--color-success-text)}.btn-success:hover:not(:disabled){border-color:var(--color-success);background:#10b98133;box-shadow:0 0 10px #10b98133}.input-field{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);font-size:13px;font-family:var(--font-sans);transition:all var(--transition-fast);outline:none;padding:8px 12px}.input-field:focus{border-color:var(--border-focus);background:var(--bg-input-focus);box-shadow:0 0 0 2px #6366f133}.input-field::placeholder{color:var(--text-muted)}.select-field{appearance:none;background:var(--bg-input) 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='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:13px;font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);background-size:16px;outline:none;padding:8px 32px 8px 12px}.select-field:focus{border-color:var(--border-focus);box-shadow:0 0 0 2px #6366f133}.badge{border-radius:4px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:600;line-height:1.2;display:inline-flex}.badge-success{background:var(--color-success-bg);border:1px solid var(--color-success-border);color:var(--color-success-text)}.badge-warning{background:var(--color-warning-bg);border:1px solid var(--color-warning-border);color:var(--color-warning-text)}.badge-danger{background:var(--color-danger-bg);border:1px solid var(--color-danger-border);color:var(--color-danger-text)}.badge-info{background:var(--color-info-bg);border:1px solid var(--color-info-border);color:var(--color-info-text)}.badge-neutral{border:1px solid var(--border-color);color:var(--text-secondary);background:#ffffff0d}.custom-table{border-collapse:collapse;text-align:left;width:100%}.custom-table th{color:var(--text-secondary);border-bottom:1px solid var(--border-color);background:#ffffff05;padding:12px 16px;font-size:12px;font-weight:600}.custom-table td{color:var(--text-primary);border-bottom:1px solid var(--border-color);transition:background-color var(--transition-fast);padding:12px 16px;font-size:13px}.table-row-interactive{cursor:pointer}.table-row-interactive:hover td{background:#ffffff08}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes pulseGlow{0%,to{opacity:.6;box-shadow:0 0 10px #6366f11a}50%{opacity:1;box-shadow:0 0 20px #6366f14d}}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fade-in{animation:fadeIn var(--transition-normal) forwards}.slide-in-right{animation:slideInRight var(--transition-normal) cubic-bezier(.16, 1, .3, 1) forwards}.pulse-glow{animation:2s ease-in-out infinite pulseGlow}.spin-slow{animation:8s linear infinite spinSlow}.settings-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (width<=1050px){.settings-grid{grid-template-columns:1fr}}