.onboarding-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:30px}.onboarding-card h2{font-weight:700;color:#333;margin-top:0;margin-bottom:10px;font-size:1.5rem}.onboarding-card p{color:#555;font-size:15px;margin-bottom:24px}.wizard-progress{display:flex;justify-content:space-between;gap:10px;margin-bottom:20px;position:relative;padding:0}.wizard-progress:before{content:"";position:absolute;top:14px;left:16px;right:16px;height:2px;background:#e0e0e0;z-index:0}.progress-step{position:relative;z-index:1;background:#fff;padding:6px 10px;font-weight:700;font-size:13px;border-radius:999px;border:1px solid #e0e0e0;text-align:center;flex:1}.progress-step.active{color:#fff;border-color:transparent;background:linear-gradient(135deg,#007bff,#0056b3)}.progress-step.inactive{color:#666}.form-group label{font-weight:600;font-size:14px;color:#495057;margin-bottom:8px;display:block}.onboarding-input{width:100%;padding:12px 14px;font-size:15px;border:1px solid #ddd;border-radius:8px;background:#fff;box-sizing:border-box;transition:border-color .2s ease,box-shadow .2s ease}.onboarding-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff26}.btn-onboarding{padding:14px 28px;font-size:18px;font-weight:700;border-radius:10px;border:none;cursor:pointer;transition:background .3s,box-shadow .2s,transform .2s;display:inline-flex;align-items:center;justify-content:center;text-align:center;gap:8px;min-width:200px}.btn-onboarding-primary{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;box-shadow:0 2px 8px #007bff1a}.btn-onboarding-primary:hover:not(:disabled){background:linear-gradient(135deg,#0056b3,#007bff);box-shadow:0 4px 16px #007bff2e;transform:translateY(-2px) scale(1.04)}.btn-onboarding-primary:disabled{background:#9abde9;cursor:not-allowed;box-shadow:none;transform:none}.btn-onboarding-secondary{background:linear-gradient(135deg,#6c757d,#5a6268);color:#fff;box-shadow:0 2px 8px #6c757d1a}.btn-onboarding-secondary:hover{background:linear-gradient(135deg,#5a6268,#6c757d);box-shadow:0 4px 16px #6c757d2e;transform:translateY(-2px) scale(1.04)}.next-steps-box{background:#fff;border:1px solid #e0e0e0;padding:18px;border-radius:8px;margin-bottom:20px;text-align:left;box-shadow:0 1px 3px #00000014}.next-steps-box h4{margin:0 0 15px;font-size:16px;color:#212529;display:flex;align-items:center;gap:8px}.next-steps-box ul{margin:0;padding-left:24px;color:#495057;font-size:15px;line-height:1.6}.next-steps-box li{margin-bottom:10px}.next-steps-box li:last-child{margin-bottom:0}.onboarding-routine-preview{margin:0;max-height:320px;overflow:auto;white-space:pre-wrap;background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:14px;font-size:13px;line-height:1.45}.onboarding-loading{margin-top:14px;display:flex;align-items:center;gap:10px;color:#555;font-size:14px}.onboarding-spinner{width:16px;height:16px;border:2px solid #d9e7fa;border-top-color:#007bff;border-radius:50%;display:inline-block;animation:onboarding-spin .8s linear infinite}@media (max-width: 600px){.onboarding-card{padding:20px}.btn-onboarding{font-size:15px;padding:10px 16px;min-width:auto}.wizard-progress{flex-direction:column}.wizard-progress:before{display:none}}@keyframes onboarding-spin{to{transform:rotate(360deg)}}#root{min-height:100vh;width:100%}