.onboarding-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.onboarding-modal{background:#fff;border-radius:16px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040;position:relative;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.onboarding-header{padding:32px 32px 24px;text-align:center;border-bottom:1px solid #f3f4f6}.onboarding-progress{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:24px}.progress-step{width:32px;height:32px;border-radius:50%;background:#f3f4f6;color:#9ca3af;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;transition:all .3s ease}.progress-step.active{background:#4f46e5;color:#fff;transform:scale(1.1)}.progress-line{width:40px;height:2px;background:#f3f4f6;transition:all .3s ease}.progress-line.active{background:#4f46e5}.onboarding-header h2{margin:0 0 12px;font-size:24px;font-weight:700;color:#111827;line-height:1.2}.onboarding-subtitle{margin:0;font-size:16px;color:#6b7280;line-height:1.5}.onboarding-content{padding:32px}.onboarding-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:12px 16px;border-radius:8px;margin-bottom:24px;font-size:14px;display:flex;align-items:center;gap:8px}.onboarding-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group label{font-weight:600;color:#374151;font-size:14px}.form-input,.form-select,.form-textarea{padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:15px;transition:all .2s ease}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.form-textarea{resize:vertical;min-height:80px}.checkbox-label{display:flex;align-items:center;gap:8px;font-weight:500;color:#374151;cursor:pointer}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:#4f46e5}.onboarding-actions{display:flex;justify-content:flex-end;align-items:center;gap:16px;margin-top:32px;padding-top:24px;border-top:1px solid #f3f4f6}.btn{padding:12px 24px;border-radius:8px;font-weight:600;font-size:15px;cursor:pointer;transition:all .2s ease;border:none;display:inline-flex;align-items:center;gap:8px}.btn-primary{background:#4f46e5;color:#fff}.btn-primary:hover:not(:disabled){background:#4338ca;transform:translateY(-1px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{background:#f3f4f6;color:#374151}.btn-secondary:hover{background:#e5e7eb}.onboarding-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border-radius:50%;background:#f3f4f6;border:none;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all .2s ease}.onboarding-close:hover{background:#e5e7eb;color:#374151}@media(max-width:640px){.onboarding-modal{max-width:100%;margin:0;border-radius:16px 16px 0 0;max-height:100vh}.onboarding-overlay{padding:0;align-items:flex-end}.form-row{grid-template-columns:1fr}.onboarding-actions{flex-direction:column}.btn{width:100%;justify-content:center}}.message-content{font-family:inherit;color:inherit;line-height:inherit}.message-content h1:not([style]){font-size:2rem;font-weight:700;margin:1.5rem 0 1rem;color:#1f2937;line-height:1.2}.message-content h2:not([style]){font-size:1.5rem;font-weight:600;margin:1.25rem 0 .75rem;color:#1f2937;line-height:1.3}.message-content h3:not([style]){font-size:1.25rem;font-weight:600;margin:1rem 0 .5rem;color:#1f2937;line-height:1.4}.message-content p:not([style]){margin:.75rem 0}.message-content ul:not([style]),.message-content ol:not([style]){margin:.75rem 0;padding-left:1.5rem}.message-content li:not([style]){margin:.25rem 0}.message-content strong:not([style]){font-weight:600;color:#1f2937}.message-content em:not([style]){font-style:italic}.message-content a:not([style]){color:#3b82f6;text-decoration:underline}.message-content a:not([style]):hover{color:#2563eb}