#app{min-height:100vh}:root{--color-brand-primary: #4A90E2;--color-brand-teal: #4AB3B5;--color-brand-orange: #F5A962;--color-neutral-0: #FFFFFF;--color-neutral-50: #F8FAFC;--color-neutral-100: #F1F5F9;--color-neutral-200: #E2E8F0;--color-neutral-300: #CBD5E1;--color-neutral-400: #94A3B8;--color-neutral-500: #64748B;--color-neutral-600: #475569;--color-neutral-700: #334155;--color-neutral-800: #1E293B;--color-neutral-900: #0F172A;--color-neutral-950: #020617;--color-neutral-1000: #000000;--color-zinc-50: #FAFAFA;--color-zinc-100: #F4F4F5;--color-zinc-200: #E4E4E7;--color-zinc-300: #D4D4D8;--color-zinc-400: #A1A1AA;--color-zinc-500: #71717A;--color-zinc-600: #52525B;--color-zinc-700: #3F3F46;--color-zinc-800: #27272A;--color-zinc-900: #18181B;--color-zinc-950: #09090B;--color-zinc-1000: #1D1D1F80;--color-gray-50: #F9FAFB;--color-gray-100: #F3F4F6;--color-gray-200: #E5E7EB;--color-gray-300: #D1D5DB;--color-gray-400: #9CA3AF;--color-gray-500: #6B7280;--color-gray-600: #4B5563;--color-gray-700: #374151;--color-gray-800: #1F2937;--color-gray-900: #111827;--color-gray-950: #030712;--color-success-50: #F0FDF4;--color-success-100: #DCFCE7;--color-success-500: #4CAF50;--color-success-600: #45A049;--color-success-700: #388E3C;--color-warning-50: #FFF7ED;--color-warning-100: #FFEDD5;--color-warning-500: #FFA726;--color-warning-600: #FB8C00;--color-warning-700: #F57C00;--color-error-50: #FEF2F2;--color-error-100: #FEE2E2;--color-error-500: #E53935;--color-error-600: #D32F2F;--color-error-700: #C62828;--color-info-50: #EFF6FF;--color-info-100: #DBEAFE;--color-info-500: #4A90E2;--color-info-600: #3B82F6;--color-info-700: #2563EB;--color-blue-600: #2563EB;--color-blue-600-10: rgba(37, 99, 235, .1);--color-sky-400: #38BDF8;--color-sky-500: #0EA5E9;--color-green-700: #15803D;--color-green-700-10: rgba(21, 128, 61, .1);--color-orange-400: #FB923C;--color-orange-400-10: rgba(251, 146, 60, .1);--color-zinc-900-5: rgba(24, 24, 27, .05);--color-zinc-900-10: rgba(24, 24, 27, .1);--color-zinc-900-20: rgba(24, 24, 27, .2);--color-zinc-900-50: rgba(24, 24, 27, .5);--color-neutral-200-20: rgba(226, 232, 240, .2);--color-background-primary: var(--color-neutral-50);--color-background-secondary: var(--color-gray-50);--color-background-elevated: var(--color-neutral-0);--color-background-overlay: rgba(0, 0, 0, .5);--color-background-hover: var(--color-gray-50);--color-background-active: var(--color-gray-100);--color-background-disabled: var(--color-gray-100);--color-text-primary: var(--color-gray-900);--color-text-secondary: var(--color-zinc-900);--color-text-tertiary: var(--color-gray-500);--color-text-muted: var(--color-zinc-900);--color-text-disabled: var(--color-gray-400);--color-text-inverse: var(--color-neutral-0);--color-text-link: var(--color-brand-primary);--color-text-link-hover: var(--color-info-700);--color-text-error: var(--color-error-600);--color-text-success: var(--color-success-600);--color-text-warning: var(--color-warning-600);--color-border-primary: var(--color-neutral-200);--color-border-secondary: var(--color-gray-200);--color-border-focus: var(--color-gray-400);--color-border-error: var(--color-error-500);--color-border-success: var(--color-success-500);--color-border-disabled: var(--color-gray-200);--color-interactive-primary: var(--color-brand-primary);--color-interactive-primary-hover: #3A7BC8;--color-interactive-primary-active: #2E6AB3;--color-white: var(--color-neutral-0);--color-black: var(--color-neutral-1000);--color-primary: var(--color-brand-primary);--color-surface: var(--color-background-elevated);--color-interactive-primary-disabled: var(--color-neutral-300);--color-interactive-secondary: var(--color-neutral-0);--color-interactive-secondary-hover: var(--color-neutral-100);--color-interactive-secondary-active: var(--color-neutral-200);--color-status-success: var(--color-success-500);--color-status-success-background: var(--color-success-50);--color-status-success-border: var(--color-success-500);--color-status-warning: var(--color-warning-500);--color-status-warning-background: var(--color-warning-50);--color-status-warning-border: var(--color-warning-500);--color-status-error: var(--color-error-500);--color-status-error-background: var(--color-error-50);--color-status-error-border: var(--color-error-500);--color-status-info: var(--color-info-500);--color-status-info-background: var(--color-info-50);--color-status-info-border: var(--color-info-500);--font-family-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--font-family-mono: "SF Pro", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;--font-size-2xs: .625rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 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;--font-size-5xl: 3rem;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-snug: 1.375;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--line-height-loose: 2;--letter-spacing-tighter: -.05em;--letter-spacing-tight: -.025em;--letter-spacing-normal: 0;--letter-spacing-wide: .025em;--letter-spacing-wider: .05em;--spacing-0: 0;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--spacing-20: 5rem;--spacing-24: 6rem;--spacing-component-gap: var(--spacing-4);--spacing-section-gap: var(--spacing-8);--spacing-page-padding: var(--spacing-6);--size-input-sm: 32px;--size-input-md: 40px;--size-input-lg: 48px;--size-button-sm: 32px;--size-button-md: 40px;--size-button-lg: 48px;--size-icon-xs: 12px;--size-icon-sm: 16px;--size-icon-md: 20px;--size-icon-lg: 24px;--size-icon-xl: 32px;--size-sidebar-width: 240px;--size-sidebar-collapsed-width: 64px;--size-content-max-width: 1440px;--sidebar-background: var(--color-background-elevated);--sidebar-item-padding-x: var(--spacing-3);--sidebar-item-padding-y: var(--spacing-2);--sidebar-item-hover-background: var(--color-background-hover);--sidebar-item-active-background: var(--color-background-active);--sidebar-item-active-text: var(--color-brand-primary);--border-width-none: 0;--border-width-thin: 1px;--border-width-medium: 2px;--border-width-thick: 4px;--radius-none: 0;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-20: 20px;--radius-2xl: 24px;--radius-full: 9999px;--shadow-none: none;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-focus: 0 0 0 3px rgba(74, 144, 226, .3);--z-index-dropdown: 1000;--z-index-sticky: 1020;--z-index-fixed: 1030;--z-index-modal-backdrop: 1040;--z-index-modal: 1050;--z-index-popover: 1060;--z-index-tooltip: 1070;--duration-instant: 0ms;--duration-fast: .15s;--duration-normal: .3s;--duration-slow: .5s;--duration-slower: .7s;--easing-linear: linear;--easing-ease: ease;--easing-ease-in: cubic-bezier(.4, 0, 1, 1);--easing-ease-out: cubic-bezier(0, 0, .2, 1);--easing-ease-in-out: cubic-bezier(.4, 0, .2, 1);--easing-bounce: cubic-bezier(.68, -.55, .265, 1.55);--easing-default: var(--easing-ease-in-out);--button-height: var(--size-button-md);--button-padding-x: var(--spacing-4);--button-padding-y: var(--spacing-2);--button-padding-x-sm: var(--spacing-3);--button-padding-x-md: var(--spacing-4);--button-padding-x-lg: var(--spacing-6);--button-padding-y-sm: var(--spacing-1);--button-padding-y-md: var(--spacing-2);--button-padding-y-lg: var(--spacing-3);--button-radius: var(--radius-md);--button-font-weight: var(--font-weight-medium);--button-transition: all var(--duration-fast) var(--easing-ease-in-out);--input-height: var(--size-input-md);--input-padding-x: var(--spacing-3);--input-padding-y: var(--spacing-2);--input-radius: var(--radius-md);--input-border-color: var(--color-border-secondary);--input-border-color-focus: var(--color-border-focus);--input-border-width: var(--border-width-thin);--input-font-size: var(--font-size-sm);--input-transition: border-color var(--duration-fast) var(--easing-ease-in-out), box-shadow var(--duration-fast) var(--easing-ease-in-out);--card-padding: var(--spacing-6);--card-radius: var(--radius-lg);--card-shadow: var(--shadow-sm);--card-shadow-hover: var(--shadow-md);--card-border-width: var(--border-width-thin);--card-background: var(--color-background-elevated);--table-padding-cell-x: var(--spacing-4);--table-padding-cell-y: var(--spacing-3);--table-header-background: var(--color-neutral-50);--table-row-hover-background: var(--color-neutral-100);--table-border-color: var(--color-border-secondary);--sidebar-background: #F5F5F5;--sidebar-width: var(--size-sidebar-width);--sidebar-padding: var(--spacing-4);--sidebar-item-padding-x: var(--spacing-4);--sidebar-item-padding-y: var(--spacing-3);--sidebar-item-radius: var(--radius-md);--sidebar-item-hover-background: #E5E5E5;--sidebar-item-active-background: #FFFFFF;--sidebar-item-active-text: var(--color-zinc-900);--badge-padding-x: var(--spacing-2);--badge-padding-y: var(--spacing-1);--badge-radius: var(--radius-full);--badge-font-size: var(--font-size-xs);--badge-font-weight: var(--font-weight-medium);--modal-padding: var(--spacing-6);--modal-radius: var(--radius-xl);--modal-shadow: var(--shadow-2xl);--modal-max-width: 600px;--tooltip-padding-x: var(--spacing-2);--tooltip-padding-y: var(--spacing-1);--tooltip-radius: var(--radius-sm);--tooltip-background: var(--color-neutral-800);--tooltip-text-color: var(--color-neutral-0);--tooltip-font-size: var(--font-size-xs);--dropdown-padding: var(--spacing-2);--dropdown-radius: var(--radius-md);--dropdown-shadow: var(--shadow-lg);--dropdown-item-padding-x: var(--spacing-3);--dropdown-item-padding-y: var(--spacing-2);--dropdown-item-hover-background: var(--color-background-hover);--tab-padding-x: var(--spacing-4);--tab-padding-y: var(--spacing-3);--tab-border-width: 2px;--tab-active-border-color: var(--color-brand-primary);--tab-active-text-color: var(--color-brand-primary);--breadcrumb-font-size: var(--font-size-sm);--breadcrumb-separator-color: var(--color-text-tertiary);--breadcrumb-link-color: var(--color-text-secondary);--breadcrumb-active-color: var(--color-text-primary)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-background)}button{font-family:inherit}input,textarea,select{font-family:inherit;font-size:inherit}:focus:not(:focus-visible){outline:none}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}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}a{color:inherit;text-decoration:none}ul,ol{list-style:none}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family-sans);font-size:var(--font-size-sm);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-background-primary);min-height:100vh}#app{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--color-text-primary)}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}h5{font-size:var(--font-size-base)}h6{font-size:var(--font-size-sm)}p{margin-bottom:var(--spacing-4)}a{color:var(--color-text-link);text-decoration:none;transition:color var(--duration-fast) var(--easing-ease-out)}a:hover{color:var(--color-text-link-hover)}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}button{cursor:pointer;border:none;background:none}input,select,textarea{outline:none}:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-neutral-100)}::-webkit-scrollbar-thumb{background:var(--color-neutral-400);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-neutral-500)}::selection{background-color:var(--color-brand-primary);color:var(--color-text-inverse)}.container{width:100%;max-width:var(--size-content-max-width);margin:0 auto;padding:0 var(--spacing-page-padding)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.fade-enter-active,.fade-leave-active{transition:opacity var(--duration-normal) var(--easing-ease-in-out)}.fade-enter-from,.fade-leave-to{opacity:0}.slide-up-enter-active,.slide-up-leave-active{transition:all var(--duration-normal) var(--easing-ease-in-out)}.slide-up-enter-from{transform:translateY(20px);opacity:0}.slide-up-leave-to{transform:translateY(-20px);opacity:0}