:root{--color-primary-900: #051b61;--color-primary-700: #0b2f8f;--color-primary-hover: #0a2a8a;--color-accent-500: #2f80ed;--color-accent-600: #1e6fdd;--color-accent-hover: #56a3f3;--color-success-500: #16a34a;--color-success-hover: #22c55e;--color-success-50: #dcfce7;--color-danger-500: #dc2626;--color-danger-600: #b91c1c;--color-danger-hover: #f87171;--color-danger-50: #fee2e2;--color-warning-500: #f59e0b;--color-warning-hover: #fbbf24;--color-warning-50: #fef3c7;--color-text-primary: #111827;--color-text-secondary: #6b7280;--color-text-muted: #9ca3af;--color-surface: #ffffff;--color-background: #f4f6fb;--color-bg-card: #ffffff;--color-bg-input: #f0f3f9;--color-bg-row: rgba(47, 128, 237, .02);--color-bg-row-hover: rgba(47, 128, 237, .04);--color-border: #e5e7eb;--color-border-card: rgba(5, 27, 97, .08);--color-border-sidebar: rgba(5, 27, 97, .06);--gradient-primary: linear-gradient(135deg, #051b61 0%, #2f80ed 100%);--gradient-deep: linear-gradient(135deg, #051b61 0%, #0a2a8a 40%, #2f80ed 100%);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--shadow-md: 0 4px 16px rgba(0, 0, 0, .08);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .12);--shadow-card: 0 1px 4px rgba(0, 0, 0, .04), 0 4px 16px rgba(0, 0, 0, .04);--shadow-glow-accent: 0 4px 20px rgba(47, 128, 237, .18);--shadow-glow-success: 0 4px 20px rgba(22, 163, 74, .14);--shadow-glow-danger: 0 4px 20px rgba(220, 38, 38, .14);--shadow-glow-warning: 0 4px 20px rgba(245, 158, 11, .14);--font-family-display: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-family-body: "Inter", system-ui, -apple-system, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--sidebar-width: 260px;--header-height: 64px;--motion-fast: .12s cubic-bezier(.4, 0, .2, 1);--motion-normal: .2s cubic-bezier(.4, 0, .2, 1);--motion-slow: .35s cubic-bezier(.22, 1, .36, 1);--motion-spring: cubic-bezier(.22, 1, .36, 1);--sidebar-bg: var(--color-surface);--sidebar-text: var(--color-text-secondary);--sidebar-text-active: var(--color-primary-900);--sidebar-icon-opacity: .6;--logo-text-color: var(--color-primary-900);--header-bg: rgba(244, 246, 251, .85)}[data-theme=dark]{--color-background: #050E2B;--color-surface: #0B1D4E;--color-bg-card: rgba(47, 128, 237, .06);--color-bg-input: rgba(47, 128, 237, .08);--color-bg-row: rgba(5, 27, 97, .2);--color-bg-row-hover: rgba(47, 128, 237, .06);--color-success-50: rgba(22, 163, 74, .15);--color-danger-50: rgba(220, 38, 38, .15);--color-warning-50: rgba(245, 158, 11, .15);--color-text-primary: #E8ECF4;--color-text-secondary: #8A9ABF;--color-text-muted: #5A6A8A;--color-border: rgba(47, 128, 237, .15);--color-border-card: rgba(47, 128, 237, .15);--color-border-sidebar: rgba(47, 128, 237, .12);--header-bg: rgba(5, 14, 43, .6);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .25);--shadow-md: 0 4px 24px rgba(0, 0, 0, .35);--shadow-card: 0 2px 12px rgba(0, 0, 0, .2);--shadow-glow-accent: 0 0 30px rgba(47, 128, 237, .15);--shadow-glow-success: 0 0 20px rgba(22, 163, 74, .15);--shadow-glow-danger: 0 0 20px rgba(220, 38, 38, .15);--shadow-glow-warning: 0 0 20px rgba(245, 158, 11, .15);--sidebar-bg: rgba(5, 14, 43, .7);--sidebar-text: #8A9ABF;--sidebar-text-active: #FFFFFF;--sidebar-icon-opacity: .7;--logo-text-color: #FFFFFF}*,*:before,*:after{box-sizing:border-box;transition:background-color var(--motion-normal),border-color var(--motion-normal),color var(--motion-normal),opacity var(--motion-normal),box-shadow var(--motion-normal),transform var(--motion-normal)}*{margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;line-height:1.5;overflow-x:hidden;background:var(--color-background);color:var(--color-text-primary);font-family:var(--font-family-body);transition:background .4s ease,color .4s ease}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}ul,ol{list-style:none}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none}::selection{background:var(--color-accent-500);color:#fff}:focus-visible{outline:2px solid var(--color-accent-500);outline-offset:2px;border-radius:var(--radius-sm)}.display-lg{font-family:var(--font-family-display);font-size:var(--font-size-4xl);font-weight:800;line-height:1.1;letter-spacing:-.02em;color:var(--color-text-primary)}.display-md{font-family:var(--font-family-display);font-size:var(--font-size-3xl);font-weight:700;line-height:1.2;letter-spacing:-.01em;color:var(--color-text-primary)}.heading-lg{font-family:var(--font-family-display);font-size:var(--font-size-xl);font-weight:600;line-height:1.3;color:var(--color-text-primary)}.heading-md{font-family:var(--font-family-display);font-size:var(--font-size-lg);font-weight:600;line-height:1.4;color:var(--color-text-primary)}.body-md{font-family:var(--font-family-body);font-size:var(--font-size-md);font-weight:400;line-height:1.6;color:var(--color-text-primary)}.body-sm{font-family:var(--font-family-body);font-size:var(--font-size-sm);font-weight:400;line-height:1.5;color:var(--color-text-secondary)}.label{font-family:var(--font-family-body);font-size:var(--font-size-xs);font-weight:500;line-height:1.4;letter-spacing:.02em;text-transform:uppercase;color:var(--color-text-secondary)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.w-full{width:100%}.text-success{color:var(--color-success-500)}.text-danger{color:var(--color-danger-500)}.text-warning{color:var(--color-warning-500)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes pulseBadge{0%,to{box-shadow:0 0 #dc262666}50%{box-shadow:0 0 0 6px #dc262600}}@keyframes spin{to{transform:rotate(360deg)}}.animate-up{animation:fadeUp .6s var(--motion-spring) both}.animate-fade{animation:fadeIn .5s ease both}.animate-slide{animation:slideInRight .5s var(--motion-spring) both}.delay-1{animation-delay:.08s}.delay-2{animation-delay:.16s}.delay-3{animation-delay:.24s}.delay-4{animation-delay:.32s}.delay-5{animation-delay:.4s}.delay-6{animation-delay:.48s}*{scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}*::-webkit-scrollbar{width:6px;height:6px}*::-webkit-scrollbar-track{background:transparent;border-radius:999px}*::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:999px;border:2px solid transparent;transition:background .2s}*::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}.tabs-bar{scrollbar-width:none}.tabs-bar::-webkit-scrollbar{display:none}html,body{height:100%;background-color:var(--color-background);font-family:var(--font-family-body);font-size:var(--font-size-md);color:var(--color-text-primary)}app-root{display:flex;flex-direction:column;min-height:100vh}