:root{--color-bg-primary: #f8fafc;--color-bg-secondary: #ffffff;--color-bg-tertiary: #f1f5f9;--color-bg-quaternary: #fafafa;--color-text-primary: #1f2937;--color-text-secondary: #374151;--color-text-tertiary: #6b7280;--color-border-primary: #e2e8f0;--color-border-secondary: #d1d5db;--color-border-tertiary: #f1f5f9;--color-shadow: rgba(0, 0, 0, .1);--color-shadow-hover: rgba(0, 0, 0, .15);--color-scrollbar-track: #f1f1f1;--color-scrollbar-thumb: #c1c1c1;--color-scrollbar-thumb-hover: #a8a8a8}.dark-theme{--color-bg-primary: #0f172a;--color-bg-secondary: #1e293b;--color-bg-tertiary: #334155;--color-bg-quaternary: #475569;--color-text-primary: #f1f5f9;--color-text-secondary: #e2e8f0;--color-text-tertiary: #cbd5e1;--color-border-primary: #334155;--color-border-secondary: #475569;--color-border-tertiary: #64748b;--color-shadow: rgba(0, 0, 0, .3);--color-shadow-hover: rgba(0, 0, 0, .4);--color-scrollbar-track: #334155;--color-scrollbar-thumb: #64748b;--color-scrollbar-thumb-hover: #94a3b8}@media (prefers-color-scheme: dark){:root:not(.light-theme){--color-bg-primary: #0f172a;--color-bg-secondary: #1e293b;--color-bg-tertiary: #334155;--color-bg-quaternary: #475569;--color-text-primary: #4aa4ff;--color-text-secondary: #e2e8f0;--color-text-tertiary: #cbd5e1;--color-border-primary: #334155;--color-border-secondary: #475569;--color-border-tertiary: #64748b;--color-shadow: rgba(0, 0, 0, .3);--color-shadow-hover: rgba(0, 0, 0, .4);--color-scrollbar-track: #334155;--color-scrollbar-thumb: #64748b;--color-scrollbar-thumb-hover: #94a3b8}}*{box-sizing:border-box}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5;color:var(--color-text-primary);background:var(--color-bg-primary);transition:color .2s ease,background-color .2s ease}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-scrollbar-track);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--color-scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-scrollbar-thumb-hover)}*:focus{outline:2px solid #3b82f6;outline-offset:2px}.fade-in{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.slide-in{animation:slideIn .4s ease-out}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:1rem}.mt-4{margin-top:1.5rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:1rem}.p-4{padding:1.5rem}.dark-theme input[type=text],.dark-theme input[type=email],.dark-theme input[type=password],.dark-theme input[type=number],.dark-theme input[type=search],.dark-theme textarea,.dark-theme select,:root:not(.light-theme) input[type=text],:root:not(.light-theme) input[type=email],:root:not(.light-theme) input[type=password],:root:not(.light-theme) input[type=number],:root:not(.light-theme) input[type=search],:root:not(.light-theme) textarea,:root:not(.light-theme) select{background:var(--color-bg-secondary)!important;color:var(--color-text-primary)!important;border-color:var(--color-border-secondary)!important}@media (prefers-color-scheme: dark){:root:not(.light-theme) input[type=text],:root:not(.light-theme) input[type=email],:root:not(.light-theme) input[type=password],:root:not(.light-theme) input[type=number],:root:not(.light-theme) input[type=search],:root:not(.light-theme) textarea,:root:not(.light-theme) select{background:var(--color-bg-secondary)!important;color:var(--color-text-primary)!important;border-color:var(--color-border-secondary)!important}}