:root{--primary-color: #2563eb;--primary-dark: #1d4ed8;--primary-light: #60a5fa;--secondary-color: #475569;--accent-color: #f59e0b;--success-color: #22c55e;--error-color: #ef4444;--warning-color: #f59e0b;--background-color: #f8fafc;--surface-color: #ffffff;--text-primary: #1e293b;--text-secondary: #64748b;--text-tertiary: #94a3b8;--border-color: #e2e8f0;--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 12px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1);--transition-fast: .15s;--transition-normal: .25s;--transition-slow: .35s;--text-color: #1a1a1a;--border-radius: 8px;--transition-speed: .2s}body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background-color);color:var(--text-color);line-height:1.75;letter-spacing:-.01em}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5{margin:0;font-weight:600;line-height:1.3;color:var(--text-color)}h6{margin:0;font-weight:600;line-height:1.3;color:#000}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#c5cae9;border-radius:4px;transition:background var(--transition-speed)}::-webkit-scrollbar-thumb:hover{background:#9fa8da}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a,button,input,select,textarea{transition:all var(--transition-speed) ease}.responsive-container{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}.card{background-color:var(--surface-color);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-normal) ease}.card:hover{box-shadow:var(--shadow-md)}.button{padding:.5rem 1rem;border-radius:var(--border-radius-md);font-weight:500;transition:all var(--transition-normal) ease}.button-primary{background-color:var(--primary-color);color:#fff}.button-primary:hover{background-color:var(--primary-dark);transform:translateY(-1px)}.input{padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:var(--border-radius-md);transition:all var(--transition-normal) ease}.input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px var(--primary-light)}@media (max-width: 640px){body{font-size:14px}.responsive-container{padding:0 .5rem}}@media (min-width: 641px) and (max-width: 1024px){.responsive-container{padding:0 1.5rem}}@media (min-width: 1025px){.responsive-container{padding:0 2rem}}@media (prefers-color-scheme: dark){:root{--background-color: #0f172a;--surface-color: #1e293b;--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-tertiary: #94a3b8;--border-color: #334155;--text-color: #ffffff}body{background-color:var(--background-color);color:var(--text-color)}.card{background-color:var(--surface-color)}.input{background-color:var(--surface-color);color:var(--text-primary)}::-webkit-scrollbar-track{background:var(--surface-color)}::-webkit-scrollbar-thumb{background:var(--primary-color)}::-webkit-scrollbar-thumb:hover{background:var(--primary-dark)}}.css-hpptsb{background:#fff;padding:2.5rem;border-radius:16px;box-shadow:0 4px 6px #0000000d;width:90%;max-width:400px;text-align:center;margin:0 auto;position:relative;z-index:1}.css-1pij576{background-color:#f8f9fa!important}.css-1vscdjh-MuiTypography-root,.css-1xjkcfh,.css-34jo5h-MuiTypography-root-MuiDialogTitle-root{color:#2b2b2b!important}.css-15punjw.Mui-focused{background-color:#fff}