:root{--bg: #FAFAF9;--surface: #FFFFFF;--surface-elevated: #FFFFFF;--surface-sunken: #F5F5F4;--text: #1C1917;--text-secondary: #57534E;--text-muted: #A8A29E;--text-inverse: #FFFFFF;--primary: #4F46E5;--primary-hover: #4338CA;--primary-light: #EEF2FF;--primary-gradient: linear-gradient(135deg, #4F46E5, #7C3AED);--card-bg: #FFFFFF;--border: #E7E5E4;--border-light: #F5F5F4;--ring: rgba(79, 70, 229, .15);--hover-bg: #F5F5F4;--active-bg: #E7E5E4;--button-bg: #4F46E5;--button-text: #FFFFFF;--success: #059669;--success-light: #ECFDF5;--success-border: #A7F3D0;--warning: #D97706;--warning-light: #FFFBEB;--warning-border: #FDE68A;--error: #DC2626;--error-light: #FEF2F2;--error-border: #FECACA;--shadow-sm: 0 1px 2px rgba(28, 25, 23, .04);--shadow: 0 1px 3px rgba(28, 25, 23, .06), 0 1px 2px rgba(28, 25, 23, .04);--shadow-md: 0 4px 6px -1px rgba(28, 25, 23, .06), 0 2px 4px -2px rgba(28, 25, 23, .04);--shadow-lg: 0 10px 15px -3px rgba(28, 25, 23, .06), 0 4px 6px -4px rgba(28, 25, 23, .04);--shadow-xl: 0 20px 25px -5px rgba(28, 25, 23, .08), 0 8px 10px -6px rgba(28, 25, 23, .04);--gradient-start: #FAFAF9;--gradient-end: #F5F5F4;--gradient-brand: linear-gradient(135deg, #4F46E5 0%, #7C3AED 50%, #DB2777 100%);--gradient-brand-subtle: linear-gradient(135deg, #EEF2FF 0%, #F5F3FF 50%, #FDF2F8 100%);--backdrop: rgba(28, 25, 23, .4);--overlay-blur: blur(8px)}[data-theme=dark]{--bg: #18181B;--surface: #27272A;--surface-elevated: #3F3F46;--surface-sunken: #09090B;--text: #FAFAFA;--text-secondary: #D4D4D8;--text-muted: #71717A;--text-inverse: #18181B;--primary: #818CF8;--primary-hover: #A5B4FC;--primary-light: rgba(129, 140, 248, .12);--primary-gradient: linear-gradient(135deg, #818CF8, #A78BFA);--card-bg: #27272A;--border: #3F3F46;--border-light: #27272A;--ring: rgba(129, 140, 248, .2);--hover-bg: #3F3F46;--active-bg: #52525B;--button-bg: #818CF8;--button-text: #18181B;--success: #34D399;--success-light: rgba(52, 211, 153, .1);--success-border: rgba(52, 211, 153, .25);--warning: #FBBF24;--warning-light: rgba(251, 191, 36, .1);--warning-border: rgba(251, 191, 36, .25);--error: #FB7185;--error-light: rgba(251, 113, 133, .1);--error-border: rgba(251, 113, 133, .25);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow: 0 1px 3px rgba(0, 0, 0, .25), 0 1px 2px rgba(0, 0, 0, .15);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .25), 0 2px 4px -2px rgba(0, 0, 0, .15);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .25), 0 4px 6px -4px rgba(0, 0, 0, .15);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .3), 0 8px 10px -6px rgba(0, 0, 0, .15);--gradient-start: #18181B;--gradient-end: #27272A;--gradient-brand: linear-gradient(135deg, #818CF8 0%, #A78BFA 50%, #F472B6 100%);--gradient-brand-subtle: linear-gradient(135deg, rgba(129, 140, 248, .1) 0%, rgba(167, 139, 250, .1) 50%, rgba(244, 114, 182, .1) 100%);--backdrop: rgba(0, 0, 0, .6);--overlay-blur: blur(12px)}body{background:var(--bg);color:var(--text);transition:background-color .3s ease,color .3s ease;min-height:100vh}.card{background:var(--card-bg);color:var(--text);box-shadow:var(--shadow);border:1px solid var(--border);border-radius:1rem;transition:background .3s ease,box-shadow .25s ease,transform .2s ease}.card:hover{box-shadow:var(--shadow-md)}.button{background:var(--button-bg);color:var(--button-text);border:none;border-radius:.75rem;font-weight:500;transition:all .2s ease}.button:hover{opacity:.92;transform:translateY(-1px);box-shadow:var(--shadow-md)}.button:active{transform:scale(.97);box-shadow:var(--shadow-sm)}.theme-toggle{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:.75rem;transition:all .3s ease}.theme-toggle:hover{background:var(--hover-bg);border-color:var(--primary)}.header{background:#fffc;border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}[data-theme=dark] .header{background:#27272acc}.footer{background:var(--surface);border-top:1px solid var(--border);color:var(--text-muted)}.toast{background:var(--surface-elevated);color:var(--text);border:1px solid var(--border);box-shadow:var(--shadow-lg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.modal-overlay{background:var(--backdrop);backdrop-filter:var(--overlay-blur);-webkit-backdrop-filter:var(--overlay-blur)}.modal-content{background:var(--surface);color:var(--text);border:1px solid var(--border);box-shadow:var(--shadow-xl);border-radius:1.25rem}.input{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:.75rem;transition:border-color .2s ease,box-shadow .2s ease}.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--ring);outline:none}.dropdown{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-lg);border-radius:1rem}.dropdown-item:hover{background:var(--hover-bg)}.success{background:var(--success);color:#fff}.warning{background:var(--warning);color:#fff}.error{background:var(--error);color:#fff}.fade-in{animation:fadeIn .3s ease-in-out}.slide-up{animation:slideUp .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}html{scroll-behavior:smooth}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--primary);outline-offset:2px}[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3,[data-theme=dark] h4,[data-theme=dark] h5,[data-theme=dark] h6,[data-theme=dark] p,[data-theme=dark] span,[data-theme=dark] div,[data-theme=dark] .text-gray-900,[data-theme=dark] .text-gray-800,[data-theme=dark] .text-gray-700{color:var(--text)!important}[data-theme=dark] .text-gray-600{color:var(--text-secondary)!important}[data-theme=dark] .text-gray-500,[data-theme=dark] .text-gray-400{color:var(--text-muted)!important}[data-theme=dark] .text-slate-800,[data-theme=dark] .text-slate-700{color:var(--text)!important}[data-theme=dark] .text-slate-500,[data-theme=dark] .text-slate-400{color:var(--text-muted)!important}[data-theme=dark] .bg-white{background-color:var(--card-bg)!important}[data-theme=dark] .bg-gray-50,[data-theme=dark] .bg-slate-50{background-color:var(--bg)!important}[data-theme=dark] .bg-gray-100{background-color:var(--surface)!important}[data-theme=dark] .border-gray-200,[data-theme=dark] .border-gray-100,[data-theme=dark] .border-slate-200,[data-theme=dark] .border-slate-100{border-color:var(--border)!important}.dark-text{color:var(--text)!important}.dark-text-muted,.dark-text-light{color:var(--text-muted)!important}@media (max-width: 768px){.card{margin-bottom:.75rem}.button{padding:.75rem 1.5rem;font-size:1rem}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.6;background:var(--bg);color:var(--text);transition:background-color .3s ease,color .3s ease;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;display:flex;flex-direction:column}::selection{background-color:#4f46e526;color:inherit}[data-theme=dark] ::selection{background-color:#818cf840}