:root{--bg-color: #f8f9fa;--surface-color: #ffffff;--text-main: #0f172a;--text-muted: #64748b;--text-subtle: #94a3b8;--border-color: #e2e8f0;--border-light: #f1f5f9;--color-primary-50: #eff6ff;--color-primary-100: #dbeafe;--color-primary-200: #bfdbfe;--color-primary-300: #93c5fd;--color-primary-400: #60a5fa;--color-primary-500: #3b82f6;--color-primary-600: #2563eb;--color-primary-700: #1d4ed8;--color-primary-900: #1e3a8a;--neutral-900: #0f172a;--neutral-800: #1f2937;--neutral-700: #374151;--neutral-600: #4b5563;--neutral-500: #6b7280;--neutral-400: #9ca3af;--neutral-300: #d1d5db;--neutral-200: #e5e7eb;--neutral-100: #f3f4f6;--neutral-50: #f9fafb;--success-50: #ecfdf5;--success-100: #d1fae5;--success-600: #16a34a;--success-700: #15803d;--error-50: #fef2f2;--error-100: #fee2e2;--error-600: #dc2626;--error-700: #b91c1c;--warning-50: #fefce8;--warning-600: #ca8a04;--info-50: #f0f9ff;--info-600: #0284c7;--accent-amber-500: #f59e0b;--accent-emerald-500: #10b981;--accent-violet-500: #a855f7;--accent-rose-500: #f43f5e;--radius-md: .5rem;--radius-lg: .75rem;--shadow-sm: 0 6px 18px rgba(15,23,42,.06);--shadow-md: 0 10px 25px rgba(15,23,42,.1);--transition: all .3s cubic-bezier(.4, 0, .2, 1);--scrollbar-track: #e9e9ef;--scrollbar-thumb: #3b82f6;--scrollbar-thumb-hover: #2563eb}.dark{--bg-color: #0f172a;--surface-color: #1a2332;--text-main: #f1f5f9;--text-muted: #cbd5e1;--text-subtle: #94a3b8;--border-color: #2d3e52;--border-light: #3d4f63;--color-primary-50: #1e293b;--color-primary-100: #334155;--color-primary-200: #475569;--color-primary-300: #64748b;--color-primary-400: #60a5fa;--color-primary-500: #3b82f6;--color-primary-600: #2563eb;--color-primary-700: #1d4ed8;--color-primary-900: #1e3a8a;--neutral-900: #f1f5f9;--neutral-800: #f8fafc;--neutral-700: #e2e8f0;--neutral-600: #cbd5e1;--neutral-500: #94a3b8;--neutral-400: #64748b;--neutral-300: #475569;--neutral-200: #334155;--neutral-100: #1a2332;--neutral-50: #0f172a;--success-50: #0c3d2a;--success-100: #1a5a42;--success-600: #4ade80;--success-700: #86efac;--error-50: #3f1f1f;--error-100: #5a2f2f;--error-600: #ff6b6b;--error-700: #ff8787;--warning-50: #4d3a0c;--warning-600: #facc15;--info-50: #082f49;--info-600: #06b6d4;--scrollbar-track: #283244;--scrollbar-thumb: #60a5fa;--scrollbar-thumb-hover: #3b82f6}body{background-color:var(--bg-color);color:var(--text-main);transition:var(--transition)!important}#root{background-color:var(--bg-color);color:var(--text-main);min-height:100vh;transition:var(--transition)}html.dark,.dark,html.dark body,.dark body,html.dark #root,.dark #root{background-color:var(--bg-color)!important;color:var(--text-main)!important}html,body{transition:background-color .3s ease,color .3s ease}*{scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);scrollbar-width:thin}*::-webkit-scrollbar{-webkit-appearance:none;width:8px;height:8px}*::-webkit-scrollbar-track{-webkit-appearance:none;background:var(--scrollbar-track);border-radius:0}*::-webkit-scrollbar-thumb{-webkit-appearance:none;background-color:var(--scrollbar-thumb);border-radius:2px;border:none;min-height:28px}*::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover)}*::-webkit-scrollbar-button{-webkit-appearance:none;display:none;width:0;height:0;background:transparent}*::-webkit-scrollbar-button:single-button,*::-webkit-scrollbar-button:vertical:decrement,*::-webkit-scrollbar-button:vertical:increment,*::-webkit-scrollbar-button:horizontal:decrement,*::-webkit-scrollbar-button:horizontal:increment{-webkit-appearance:none;display:none;width:0;height:0}*::-webkit-scrollbar-button:vertical:start:decrement,*::-webkit-scrollbar-button:vertical:end:increment,*::-webkit-scrollbar-button:horizontal:start:decrement,*::-webkit-scrollbar-button:horizontal:end:increment{-webkit-appearance:none;display:none;width:0;height:0}*::-webkit-scrollbar-corner{background:transparent}*{transition:background-color .3s ease,border-color .3s ease,color .3s ease,box-shadow .3s ease}@media(prefers-reduced-motion:reduce){html,body,*{transition:none!important;animation:none!important}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{transform:translate(-10px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInRight{0%{transform:translate(10px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.shimmer-animated{background:linear-gradient(90deg,#3b82f60f,#3b82f61f,#3b82f60f);background-size:200% 100%;animation:shimmer 1.2s linear infinite}@media(prefers-reduced-motion:reduce){.shimmer-animated{animation:none}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem .75rem;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:var(--transition);border:none;font-size:.875rem}.btn-primary{background:var(--color-primary-600);color:#fff;box-shadow:0 2px 8px #2563eb33}.btn-primary:hover{background:var(--color-primary-500);box-shadow:0 4px 12px #2563eb4d;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--neutral-100);color:var(--text-main);border:1px solid var(--border-color)}.dark .btn-secondary{background:var(--neutral-800);color:var(--text-main);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--neutral-200)}.dark .btn-secondary:hover{background:var(--neutral-700)}.btn-ghost{background:transparent;color:var(--text-main);border:1px solid transparent}.btn-ghost:hover{background:var(--neutral-100)}.dark .btn-ghost:hover{background:var(--neutral-800)}.btn-icon{padding:.5rem;min-width:2.5rem;min-height:2.5rem}.badge{display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:700;transition:var(--transition)}.badge-success{background:var(--success-50);color:var(--success-700);border:1px solid rgba(22,163,74,.2)}.dark .badge-success{background:#4ade801a;color:var(--success-600);border:1px solid rgba(74,222,128,.2)}.badge-error{background:var(--error-50);color:var(--error-700);border:1px solid rgba(220,38,38,.2)}.dark .badge-error{background:#ff6b6b1a;color:var(--error-600);border:1px solid rgba(255,107,107,.2)}.badge-warning{background:var(--warning-50);color:var(--warning-600);border:1px solid rgba(202,138,4,.2)}.dark .badge-warning{background:#facc151a;color:var(--warning-600);border:1px solid rgba(250,204,21,.2)}.badge-info{background:var(--info-50);color:var(--info-600);border:1px solid rgba(2,132,199,.2)}.dark .badge-info{background:#06b6d41a;color:var(--info-600);border:1px solid rgba(6,182,212,.2)}.badge-primary{background:var(--color-primary-600);color:#fff;border:1px solid rgba(255,255,255,.08);box-shadow:0 2px 6px #2563eb33}.badge-primary:hover{background:var(--color-primary-500);box-shadow:0 4px 8px #2563eb4d}.card{background:var(--surface-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:1rem;border:1px solid var(--border-color);transition:var(--transition);color:var(--text-main)}.card:hover{box-shadow:var(--shadow-md);border-color:var(--border-light)}.card-elevated{box-shadow:0 12px 32px #0f172a1f}.dark .card{background:var(--surface-color);border-color:var(--border-color);color:var(--text-main)}.dark .card-elevated{box-shadow:0 12px 32px #0006}input,textarea,select{background-color:var(--surface-color);color:var(--text-main);border-color:var(--border-color);transition:var(--transition)}input::placeholder,textarea::placeholder{color:var(--text-muted)}input:focus,textarea:focus,select:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px #3b82f61a}.dark input,.dark textarea,.dark select{background-color:var(--surface-color);color:var(--text-main);border-color:var(--border-color)}.dark input::placeholder,.dark textarea::placeholder{color:var(--text-muted)}.dark input:focus,.dark textarea:focus,.dark select:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px #3b82f626}:focus{outline:2px solid var(--color-primary-500);outline-offset:2px}:focus:not(:focus-visible){outline:none}.toast-container{position:fixed;top:1rem;right:1rem;z-index:9999;display:flex;flex-direction:column;gap:.75rem}.toast{padding:1rem 1.25rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);font-weight:600;animation:slideInRight .3s ease-out;min-width:300px}.toast-success{background:var(--success-50);color:var(--success-700);border:1px solid rgba(22,163,74,.2)}.dark .toast-success{background:#4ade801a;color:var(--success-600);border:1px solid rgba(74,222,128,.2)}.toast-error{background:var(--error-50);color:var(--error-700);border:1px solid rgba(220,38,38,.2)}.dark .toast-error{background:#ff6b6b1a;color:var(--error-600);border:1px solid rgba(255,107,107,.2)}.toast-warning{background:var(--warning-50);color:var(--warning-600);border:1px solid rgba(202,138,4,.2)}.dark .toast-warning{background:#facc151a;color:var(--warning-600);border:1px solid rgba(250,204,21,.2)}.toast-info{background:var(--info-50);color:var(--info-600);border:1px solid rgba(2,132,199,.2)}.dark .toast-info{background:#06b6d41a;color:var(--info-600);border:1px solid rgba(6,182,212,.2)}.muted{color:var(--text-muted);transition:var(--transition)}.text-subtle{color:var(--text-subtle);transition:var(--transition)}.truncate-1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.truncate-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.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}.skip-to-main{position:absolute;top:-40px;left:0;background:#000;color:#fff;padding:8px;text-decoration:none;z-index:100}.skip-to-main:focus{top:0}.interactive{cursor:pointer;transition:var(--transition)}.interactive:hover{opacity:.9}.interactive:active{opacity:.85}.loading{opacity:.6;pointer-events:none}.spinner{display:inline-block;width:20px;height:20px;border:3px solid rgba(59,130,246,.2);border-radius:50%;border-top-color:var(--color-primary-600);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.dark{color-scheme:dark}.dark *{color:inherit}.dark bg-white{background-color:var(--surface-color)}.dark bg-slate-50{background-color:var(--neutral-100)}.dark bg-slate-100{background-color:var(--neutral-100)}.dark text-white{color:var(--text-main)}.dark text-slate-900{color:var(--text-main)}.dark .bg-blue-50{background-color:#3b82f626}.dark .bg-indigo-50{background-color:#6366f126}.dark .bg-violet-50{background-color:#a855f726}.dark .bg-emerald-50{background-color:#10b98126}.dark .bg-amber-50{background-color:#f59e0b26}.dark .text-blue-600{color:#60a5fa}.dark .text-indigo-600{color:#818cf8}.dark .text-violet-600{color:#c084fc}.dark .text-emerald-600{color:#4ade80}.dark .text-amber-600{color:#fbbf24}.dark .card{background:linear-gradient(135deg,#1e293b,#1a2332);border-color:#3b82f61a}.dark .card:hover{border-color:#3b82f633;box-shadow:0 12px 32px #3b82f614}.dark .btn-secondary{background:#47556966;color:var(--text-main);border:1px solid rgba(71,85,105,.6)}.dark .btn-secondary:hover{background:#47556999;border-color:#3b82f666}.dark .btn-ghost:hover{background:#4755694d}.dark .material-symbols-outlined{color:inherit}.dark .btn-icon{background:#4755694d;border:1px solid rgba(71,85,105,.5)}.dark .btn-icon:hover{background:#47556980;border-color:#3b82f680}.dark .bg-slate-50{background-color:#34446066}.dark .bg-slate-100{background-color:#34446080}.dark .bg-white{background-color:var(--surface-color)}.dark button:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.dark a:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}