@import"https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;600;700&family=Fira+Sans:wght@300;400;500;600;700&display=swap";:root{--canvas: #f3f6fb;--canvas-elevated: #ffffff;--surface: rgba(255, 255, 255, .86);--surface-strong: rgba(255, 255, 255, .96);--surface-muted: rgba(226, 232, 240, .72);--surface-subtle: rgba(241, 245, 249, .86);--surface-contrast: #0f172a;--sidebar-surface: rgba(255, 255, 255, .9);--sidebar-surface-strong: rgba(248, 250, 252, .96);--accent: #2563eb;--accent-hover: #1d4ed8;--accent-soft: rgba(37, 99, 235, .12);--accent-soft-strong: rgba(37, 99, 235, .18);--accent-contrast: #eff6ff;--success: #059669;--success-soft: rgba(5, 150, 105, .14);--warning: #d97706;--warning-soft: rgba(217, 119, 6, .14);--danger: #dc2626;--danger-soft: rgba(220, 38, 38, .14);--info: #0891b2;--info-soft: rgba(8, 145, 178, .14);--text-primary: #0f172a;--text-secondary: #475569;--text-tertiary: #64748b;--text-muted: #94a3b8;--text-inverse: #f8fafc;--border: rgba(15, 23, 42, .1);--border-strong: rgba(15, 23, 42, .16);--border-subtle: rgba(148, 163, 184, .28);--border-accent: rgba(37, 99, 235, .2);--hairline: rgba(255, 255, 255, .72);--shadow-sm: 0 1px 2px rgba(15, 23, 42, .06);--shadow-md: 0 10px 30px rgba(15, 23, 42, .08);--shadow-lg: 0 18px 42px rgba(15, 23, 42, .12);--shadow-inset: inset 0 1px 0 rgba(255, 255, 255, .72);--ring: 0 0 0 3px rgba(37, 99, 235, .18);--gradient-app: radial-gradient(circle at top left, rgba(96, 165, 250, .12), transparent 34%), radial-gradient(circle at bottom right, rgba(14, 165, 233, .08), transparent 28%), linear-gradient(180deg, #f8fbff 0%, #eef3f9 100%);--gradient-hero: linear-gradient(135deg, rgba(37, 99, 235, .96), rgba(8, 145, 178, .88));--gradient-border: linear-gradient(135deg, rgba(37, 99, 235, .18), rgba(14, 165, 233, .08));--chart-1: #2563eb;--chart-2: #0891b2;--chart-3: #059669;--chart-4: #d97706;--chart-5: #e11d48;--chart-6: #4f46e5;--primary-300: #60a5fa;--primary-400: var(--accent);--primary-500: var(--accent);--primary-600: var(--accent-hover);--primary-700: #1e40af;--secondary-500: #0891b2;--secondary-600: #0e7490;--danger-dark: #b91c1c;--success-light: #d1fae5;--warning-light: #fef3c7;--info-light: #cffafe;--info-dark: #0e7490;--gradient-primary: var(--gradient-hero);--gradient-card: linear-gradient(180deg, color-mix(in srgb, var(--accent-soft) 56%, transparent), transparent);--gradient-sidebar: linear-gradient(180deg, var(--sidebar-surface-strong), var(--sidebar-surface));--shadow-card: var(--shadow-md);--shadow-glow: 0 12px 26px rgba(37, 99, 235, .16);--shadow-glow-strong: 0 18px 38px rgba(37, 99, 235, .22);--bg-primary: var(--canvas);--bg-secondary: var(--surface-subtle);--bg-tertiary: var(--surface-muted);--bg-card: var(--surface);--bg-card-hover: var(--surface-strong);--bg-input: rgba(255, 255, 255, .92);--bg-sidebar: var(--sidebar-surface);--border-color: var(--border);--border-color-light: var(--border-subtle);--border-color-hover: var(--border-accent);--font-sans: "Fira Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "Fira Code", "JetBrains Mono", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.5rem;--spacing-2xs: .25rem;--spacing-xs: .5rem;--spacing-sm: .75rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--radius-2xl: 1.75rem;--radius-full: 999px;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .28s ease;--transition-slower: .42s ease;--z-dropdown: 100;--z-modal: 200;--z-tooltip: 300;--z-notification: 400;--sidebar-width: 268px;--sidebar-width-collapsed: 84px;--header-height: 76px}[data-theme=dark]{--canvas: #09111d;--canvas-elevated: #0f172a;--surface: rgba(15, 23, 42, .84);--surface-strong: rgba(15, 23, 42, .94);--surface-muted: rgba(30, 41, 59, .9);--surface-subtle: rgba(15, 23, 42, .72);--surface-contrast: #f8fafc;--sidebar-surface: rgba(11, 18, 32, .9);--sidebar-surface-strong: rgba(15, 23, 42, .96);--accent: #60a5fa;--accent-hover: #93c5fd;--accent-soft: rgba(96, 165, 250, .18);--accent-soft-strong: rgba(96, 165, 250, .24);--accent-contrast: rgba(8, 47, 73, .84);--success: #34d399;--success-soft: rgba(52, 211, 153, .16);--warning: #f59e0b;--warning-soft: rgba(245, 158, 11, .18);--danger: #f87171;--danger-soft: rgba(248, 113, 113, .18);--info: #22d3ee;--info-soft: rgba(34, 211, 238, .18);--text-primary: #e2e8f0;--text-secondary: #94a3b8;--text-tertiary: #64748b;--text-muted: #475569;--text-inverse: #020617;--border: rgba(148, 163, 184, .16);--border-strong: rgba(148, 163, 184, .24);--border-subtle: rgba(148, 163, 184, .14);--border-accent: rgba(96, 165, 250, .24);--hairline: rgba(255, 255, 255, .06);--shadow-sm: 0 1px 2px rgba(2, 6, 23, .32);--shadow-md: 0 18px 40px rgba(2, 6, 23, .38);--shadow-lg: 0 24px 64px rgba(2, 6, 23, .44);--shadow-inset: inset 0 1px 0 rgba(255, 255, 255, .04);--ring: 0 0 0 3px rgba(96, 165, 250, .18);--gradient-app: radial-gradient(circle at top left, rgba(59, 130, 246, .18), transparent 28%), radial-gradient(circle at bottom right, rgba(6, 182, 212, .14), transparent 24%), linear-gradient(180deg, #08111f 0%, #0b1324 100%);--gradient-hero: linear-gradient(135deg, rgba(37, 99, 235, .96), rgba(6, 182, 212, .82));--gradient-border: linear-gradient(135deg, rgba(96, 165, 250, .2), rgba(34, 211, 238, .06));--chart-1: #60a5fa;--chart-2: #22d3ee;--chart-3: #34d399;--chart-4: #fbbf24;--chart-5: #fb7185;--chart-6: #818cf8;--primary-300: #bfdbfe;--bg-input: rgba(15, 23, 42, .92);--danger-dark: #ef4444;--success-light: rgba(52, 211, 153, .2);--warning-light: rgba(245, 158, 11, .2);--info-light: rgba(34, 211, 238, .2);--info-dark: #06b6d4;--gradient-primary: var(--gradient-hero);--gradient-card: linear-gradient(180deg, rgba(96, 165, 250, .12), rgba(15, 23, 42, 0));--gradient-sidebar: linear-gradient(180deg, var(--sidebar-surface-strong), var(--sidebar-surface));--shadow-card: var(--shadow-md);--shadow-glow: 0 16px 34px rgba(96, 165, 250, .18);--shadow-glow-strong: 0 20px 44px rgba(96, 165, 250, .24)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--canvas)}body{font-family:var(--font-sans);background:var(--gradient-app);color:var(--text-primary);line-height:1.55;min-height:100vh;text-rendering:optimizeLegibility}#app{min-height:100vh}a{color:inherit;text-decoration:none;transition:color var(--transition-fast),opacity var(--transition-fast)}a:hover{color:var(--accent)}button{font-family:inherit;cursor:pointer}input,textarea,select{font-family:inherit}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#64748b66;border-radius:var(--radius-full);border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:#64748b8f}::selection{background:var(--accent);color:var(--text-inverse)}:focus-visible{outline:none;box-shadow:var(--ring)}.preload *{transition:none!important}h1,h2,h3,h4,h5,h6{line-height:1.1;letter-spacing:-.03em}.metric-number,.data-mono,code,pre{font-family:var(--font-mono)}.surface-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm),var(--shadow-inset);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.status-chip{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:0 10px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;letter-spacing:.01em}.status-chip.success{background:var(--success-soft);color:var(--success)}.status-chip.warning{background:var(--warning-soft);color:var(--warning)}.status-chip.danger{background:var(--danger-soft);color:var(--danger)}.status-chip.info{background:var(--info-soft);color:var(--info)}.input-surface,input:not([type=checkbox]):not([type=radio]),textarea,select{width:100%;min-height:44px;padding:0 14px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-input);color:var(--text-primary);transition:border-color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast);box-shadow:var(--shadow-inset)}textarea{padding-top:12px;padding-bottom:12px;resize:vertical}input::placeholder,textarea::placeholder{color:var(--text-muted)}input:hover,textarea:hover,select:hover{border-color:var(--border-strong)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:var(--ring)}label{color:var(--text-secondary)}table{width:100%}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes pulseGlow{0%,to{box-shadow:0 0 #2563eb2e}50%{box-shadow:0 0 18px 4px #2563eb1f}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-fade-in{animation:fadeIn var(--transition-base) ease-out}.animate-fade-in-up{animation:fadeInUp var(--transition-slow) ease-out}.animate-fade-in-down{animation:fadeInDown var(--transition-slow) ease-out}.animate-fade-in-scale{animation:fadeInScale var(--transition-slow) ease-out}.animate-slide-in-right{animation:slideInRight var(--transition-slow) ease-out}.animate-slide-in-left{animation:slideInLeft var(--transition-slow) ease-out}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-spin{animation:spin 1s linear infinite}.animate-bounce{animation:bounce 1s ease-in-out infinite}.stagger-1{animation-delay:50ms}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.stagger-6{animation-delay:.3s}.skeleton{background:linear-gradient(90deg,var(--surface-muted) 25%,var(--surface-strong) 50%,var(--surface-muted) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-md)}.page-enter-active,.page-leave-active{transition:opacity var(--transition-base),transform var(--transition-base)}.page-enter-from{opacity:0;transform:translateY(8px)}.page-leave-to{opacity:0;transform:translateY(-8px)}.modal-enter-active,.modal-leave-active{transition:opacity var(--transition-base)}.modal-enter-active .modal-content,.modal-leave-active .modal-content{transition:transform var(--transition-base),opacity var(--transition-base)}.modal-enter-from,.modal-leave-to{opacity:0}.modal-enter-from .modal-content{transform:scale(.98) translateY(-12px);opacity:0}.modal-leave-to .modal-content{transform:scale(.95) translateY(20px);opacity:0}