:root{--primary-color: #1976d2;--primary-dark: #1565c0;--primary-light: #42a5f5;--accent-color: #ff4081;--accent-light: #ff80ab;--success-color: #4caf50;--warning-color: #ff9800;--danger-color: #f44336;--info-color: #2196f3;--text-primary: #212121;--text-secondary: #757575;--text-disabled: #bdbdbd;--bg-primary: #ffffff;--bg-secondary: #f5f5f5;--border-color: #e0e0e0;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px}*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:14px;line-height:1.5;color:var(--text-primary);background-color:var(--bg-primary);height:100%}h1{font-size:32px;font-weight:500;margin-bottom:var(--spacing-md)}h2{font-size:24px;font-weight:500;margin-bottom:var(--spacing-md)}h3{font-size:20px;font-weight:500;margin-bottom:var(--spacing-sm)}button{cursor:pointer;border:none;border-radius:4px;padding:8px 16px;font-size:14px;transition:all .2s ease}button:hover{opacity:.9}button:disabled{cursor:not-allowed;opacity:.5}input,textarea,select{font-family:inherit;font-size:14px;border:1px solid var(--border-color);border-radius:4px;padding:8px 12px;transition:border-color .2s ease}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #1976d21a}.text-center{text-align:center}.mt-1{margin-top:var(--spacing-xs)}.mt-2{margin-top:var(--spacing-sm)}.mt-3{margin-top:var(--spacing-md)}.mt-4{margin-top:var(--spacing-lg)}.mb-1{margin-bottom:var(--spacing-xs)}.mb-2{margin-bottom:var(--spacing-sm)}.mb-3{margin-bottom:var(--spacing-md)}.mb-4{margin-bottom:var(--spacing-lg)}.p-2{padding:var(--spacing-sm)}.p-3{padding:var(--spacing-md)}.p-4{padding:var(--spacing-lg)}