.cs-auth-layout{justify-content:center;align-items:center;min-height:100dvh;padding:2rem;display:flex;position:relative;overflow:hidden}.cs-auth-background{z-index:-2;background:radial-gradient(80% 50% at 50% -20%,#6366f14d 0%,#0000 50%),radial-gradient(60% 40% at 90% 100%,#8b5cf640 0%,#0000 50%),radial-gradient(50% 30% at 10% 80%,#d946ef33 0%,#0000 50%),linear-gradient(#0a0a0f 0%,#0d0d14 50%,#0a0a10 100%);position:fixed;inset:0}.cs-auth-glow{filter:blur(80px);opacity:.6;z-index:-1;border-radius:50%;animation:20s ease-in-out infinite float;position:absolute}.cs-auth-glow-1{background:linear-gradient(135deg,#6366f180 0%,#8b5cf666 100%);width:600px;height:600px;animation-delay:0s;top:-10%;right:-5%}.cs-auth-glow-2{background:linear-gradient(135deg,#d946ef66 0%,#f472b64d 100%);width:500px;height:500px;animation-delay:-10s;bottom:-10%;left:-5%}.cs-auth-background:before{content:"";filter:blur(100px);opacity:.5;background:linear-gradient(135deg,#22d3ee26 0%,#6366f133 100%);border-radius:50%;width:800px;height:400px;animation:15s ease-in-out infinite pulse;position:absolute;top:30%;left:50%;transform:translate(-50%)}.cs-auth-background:after{content:"";opacity:.03;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");position:absolute;inset:0}@keyframes float{0%,to{transform:translate(0)scale(1)}33%{transform:translate(30px,-30px)scale(1.05)}66%{transform:translate(-20px,20px)scale(.95)}}@keyframes pulse{0%,to{opacity:.3;transform:translate(-50%,-50%)scale(1)}50%{opacity:.4;transform:translate(-50%,-50%)scale(1.1)}}.cs-auth-container{z-index:1;flex-direction:column;align-items:center;gap:2rem;width:100%;max-width:460px;display:flex;position:relative}.cs-auth-logo{color:var(--color-text);font-family:var(--font-heading);transition:transform var(--transition-base),opacity var(--transition-base);align-items:center;gap:.75rem;font-size:1.5rem;font-weight:700;text-decoration:none;display:flex}.cs-auth-logo:hover{opacity:.9;transform:scale(1.02)}.cs-auth-logo .cs-logo{width:44px;height:44px;font-size:1.375rem}.cs-auth-card{-webkit-backdrop-filter:blur(40px);border-radius:var(--radius-lg);background:#111113cc;border:1px solid #ffffff14;width:100%;padding:2.5rem;animation:.5s ease-out cardAppear;box-shadow:inset 0 0 0 1px #ffffff0d,0 25px 50px -12px #00000080,0 0 100px #6366f11a}@keyframes cardAppear{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.cs-auth-content{width:100%}.cs-auth-content-wide{max-width:560px}.cs-auth-header{text-align:center;margin-bottom:2rem}.cs-auth-back{color:var(--color-text-muted);border-radius:var(--radius-full);transition:all var(--transition-fast);align-items:center;gap:.5rem;margin-bottom:1.25rem;padding:.5rem 1rem;font-size:.875rem;text-decoration:none;display:inline-flex}.cs-auth-back:hover{color:var(--color-text);background:#ffffff0d}.cs-auth-back svg{transition:transform var(--transition-fast)}.cs-auth-back:hover svg{transform:translate(-3px)}.cs-auth-title{font-family:var(--font-heading);color:var(--color-text);background:linear-gradient(135deg,var(--color-text)0%,var(--color-text-muted)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:1.75rem;font-weight:700}.cs-auth-subtitle{color:var(--color-text-muted);font-size:1rem;line-height:1.6}.cs-auth-icon{justify-content:center;align-items:center;margin-bottom:1.25rem;display:flex}.cs-auth-icon svg{width:56px;height:56px;color:var(--color-primary);filter:drop-shadow(0 0 20px var(--color-primary-glow))}.cs-auth-footer{color:var(--color-text-subtle);justify-content:center;align-items:center;gap:1.25rem;font-size:.875rem;display:flex}.cs-auth-footer span{opacity:.3}.cs-auth-footer a{color:var(--color-text-subtle);transition:all var(--transition-fast);border-radius:var(--radius-sm);padding:.25rem .5rem;text-decoration:none}.cs-auth-footer a:hover{color:var(--color-text);background:#ffffff0d}.cs-auth-social{flex-direction:column;gap:.875rem;margin-bottom:1.75rem;display:flex}.cs-auth-social-btn{border-radius:var(--radius-md);width:100%;color:var(--color-text);cursor:pointer;transition:all var(--transition-base);background:#ffffff08;border:1px solid #ffffff1a;justify-content:center;align-items:center;gap:.875rem;padding:1rem 1.5rem;font-size:.9375rem;font-weight:500;display:flex;position:relative;overflow:hidden}.cs-auth-social-btn:before{content:"";opacity:0;transition:opacity var(--transition-base);background:linear-gradient(135deg,#ffffff1a 0%,#0000 50%);position:absolute;inset:0}.cs-auth-social-btn:hover:before{opacity:1}.cs-auth-social-btn:hover:not(:disabled){border-color:#fff3;transform:translateY(-2px);box-shadow:0 8px 25px #0000004d}.cs-auth-social-btn:active:not(:disabled){transform:translateY(0)}.cs-auth-social-btn:disabled{opacity:.5;cursor:not-allowed}.cs-auth-social-btn-google:hover:not(:disabled),.cs-auth-social-btn-apple:hover:not(:disabled){background:#ffffff14;border-color:#fff3}.cs-auth-social-btn svg{transition:transform var(--transition-fast);flex-shrink:0}.cs-auth-social-btn:hover svg{transform:scale(1.1)}.cs-auth-divider{align-items:center;gap:1.25rem;margin-bottom:1.75rem;display:flex}.cs-auth-divider:before,.cs-auth-divider:after{content:"";background:linear-gradient(90deg,transparent,var(--color-border),transparent);flex:1;height:1px}.cs-auth-divider span{color:var(--color-text-subtle);text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;font-weight:500}.cs-auth-form{flex-direction:column;gap:1.5rem;display:flex}.cs-form-group{flex-direction:column;gap:.625rem;display:flex}.cs-form-group-center{align-items:center}.cs-form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.cs-form-row-3{grid-template-columns:2fr 1fr 1fr}@media (max-width:480px){.cs-form-row,.cs-form-row-3{grid-template-columns:1fr}}.cs-form-label{color:var(--color-text);align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;display:flex}.cs-form-label-optional{color:var(--color-text-subtle);font-size:.75rem;font-weight:400}.cs-form-label-row{justify-content:space-between;align-items:center;display:flex}.cs-form-link{color:var(--color-primary);transition:all var(--transition-fast);font-size:.8125rem;font-weight:500;text-decoration:none}.cs-form-link:hover{color:var(--color-primary-hover);text-decoration:underline}.cs-form-input{border-radius:var(--radius-md);width:100%;color:var(--color-text);transition:all var(--transition-base);background:#ffffff08;border:1px solid #ffffff1a;padding:1rem 1.25rem;font-family:inherit;font-size:.9375rem}.cs-form-input::placeholder{color:var(--color-text-subtle)}.cs-form-input:hover:not(:focus):not(:disabled){background:#ffffff0d;border-color:#ffffff26}.cs-form-input:focus{border-color:var(--color-primary);background:#6366f10d;outline:none;box-shadow:0 0 0 4px #6366f126,0 0 20px #6366f11a}.cs-form-input:disabled{opacity:.5;cursor:not-allowed}.cs-form-input-wrapper{position:relative}.cs-form-input-wrapper .cs-form-input{padding-right:3.5rem}.cs-form-input-toggle{color:var(--color-text-subtle);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;padding:.5rem;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.cs-form-input-toggle:hover{color:var(--color-text);background:#ffffff0d}.cs-form-input-time{width:auto;padding:.625rem .875rem}.cs-form-select{border-radius:var(--radius-md);width:100%;color:var(--color-text);cursor:pointer;transition:all var(--transition-base);appearance:none;background:#ffffff08 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23a1a1aa' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") right 1rem center no-repeat;border:1px solid #ffffff1a;padding:1rem 3rem 1rem 1.25rem;font-family:inherit;font-size:.9375rem}.cs-form-select:hover:not(:focus){background-color:#ffffff0d;border-color:#ffffff26}.cs-form-select:focus{border-color:var(--color-primary);background-color:#6366f10d;outline:none;box-shadow:0 0 0 4px #6366f126,0 0 20px #6366f11a}.cs-form-select option{background:var(--color-bg-elevated);color:var(--color-text)}.cs-form-textarea{border-radius:var(--radius-md);width:100%;color:var(--color-text);resize:vertical;min-height:120px;transition:all var(--transition-base);background:#ffffff08;border:1px solid #ffffff1a;padding:1rem 1.25rem;font-family:inherit;font-size:.9375rem}.cs-form-textarea::placeholder{color:var(--color-text-subtle)}.cs-form-textarea:focus{border-color:var(--color-primary);background:#6366f10d;outline:none;box-shadow:0 0 0 4px #6366f126,0 0 20px #6366f11a}.cs-form-hint{color:var(--color-text-subtle);align-items:center;gap:.375rem;font-size:.8125rem;display:flex}.cs-form-checkbox-group{flex-direction:column;gap:1rem;display:flex}.cs-form-checkbox{cursor:pointer;color:var(--color-text-muted);transition:color var(--transition-fast);align-items:flex-start;gap:.875rem;font-size:.875rem;line-height:1.5;display:flex}.cs-form-checkbox:hover{color:var(--color-text)}.cs-form-checkbox input{display:none}.cs-form-checkbox-mark{border-radius:var(--radius-sm);width:20px;height:20px;transition:all var(--transition-base);background:#ffffff08;border:2px solid #fff3;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;display:flex}.cs-form-checkbox:hover .cs-form-checkbox-mark{background:#ffffff0d;border-color:#ffffff4d}.cs-form-checkbox input:checked+.cs-form-checkbox-mark{background:var(--color-primary);border-color:var(--color-primary);box-shadow:0 0 15px #6366f166}.cs-form-checkbox input:checked+.cs-form-checkbox-mark:after{content:"";border:2px solid #fff;border-top:none;border-left:none;width:5px;height:9px;animation:.2s ease-out checkPop;transform:rotate(45deg)translateY(-1px)}@keyframes checkPop{0%{transform:rotate(45deg)translateY(-1px)scale(0)}50%{transform:rotate(45deg)translateY(-1px)scale(1.2)}to{transform:rotate(45deg)translateY(-1px)scale(1)}}.cs-form-checkbox a{color:var(--color-primary);transition:color var(--transition-fast);font-weight:500;text-decoration:none}.cs-form-checkbox a:hover{color:var(--color-primary-hover);text-decoration:underline}.cs-password-strength{flex-direction:column;gap:.5rem;display:flex}.cs-password-strength-bars{gap:4px;display:flex}.cs-password-strength-bar{border-radius:var(--radius-full);height:4px;transition:all var(--transition-base);background:#ffffff1a;flex:1;overflow:hidden}.cs-password-strength-bar-fill{border-radius:var(--radius-full);width:0;height:100%;transition:all var(--transition-base)}.cs-password-strength[data-strength="1"] .cs-password-strength-bar:first-child .cs-password-strength-bar-fill{background:linear-gradient(90deg,#ef4444,#f87171);width:100%}.cs-password-strength[data-strength="2"] .cs-password-strength-bar:nth-child(-n+2) .cs-password-strength-bar-fill{background:linear-gradient(90deg,#f97316,#fb923c);width:100%}.cs-password-strength[data-strength="3"] .cs-password-strength-bar:nth-child(-n+3) .cs-password-strength-bar-fill{background:linear-gradient(90deg,#eab308,#facc15);width:100%}.cs-password-strength[data-strength="4"] .cs-password-strength-bar:nth-child(-n+4) .cs-password-strength-bar-fill{background:linear-gradient(90deg,#22c55e,#4ade80);width:100%}.cs-password-strength-text{text-align:right;transition:color var(--transition-base);font-size:.75rem;font-weight:500}.cs-password-strength[data-strength="1"] .cs-password-strength-text{color:#ef4444}.cs-password-strength[data-strength="2"] .cs-password-strength-text{color:#f97316}.cs-password-strength[data-strength="3"] .cs-password-strength-text{color:#eab308}.cs-password-strength[data-strength="4"] .cs-password-strength-text{color:#22c55e}.cs-auth-form-footer{text-align:center;border-radius:var(--radius-md);background:linear-gradient(135deg,#6366f10f 0%,#8b5cf608 100%);border:1px solid #6366f11a;margin-top:1.5rem;padding:1.25rem 1.5rem}.cs-auth-form-footer p{color:var(--color-text-muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;margin:0;font-size:.9375rem;display:flex}.cs-auth-form-footer a{color:var(--color-primary);border-radius:var(--radius-sm);transition:all var(--transition-fast);align-items:center;gap:.375rem;margin:-.25rem;padding:.25rem .5rem;font-weight:600;text-decoration:none;display:inline-flex}.cs-auth-form-footer a:hover{color:var(--color-primary-hover);background:#6366f11a}.cs-auth-form-footer a svg{width:16px;height:16px;transition:transform var(--transition-fast)}.cs-auth-form-footer a:hover svg{transform:translate(3px)}.cs-auth-link{color:var(--color-primary);transition:color var(--transition-fast);font-weight:600}.cs-auth-link:hover{color:var(--color-primary-hover)}.cs-auth-resend-btn{color:var(--color-text-muted);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;padding:.5rem;font-size:.875rem}.cs-auth-resend-btn:hover{color:var(--color-text)}.cs-auth-resend-btn .cs-auth-link{margin-left:.25rem}.cs-auth-form-footer-card{border-radius:var(--radius-md);background:linear-gradient(135deg,#6366f114 0%,#8b5cf60d 100%);border:1px solid #6366f126;justify-content:center;align-items:center;gap:.5rem;margin-top:1.5rem;padding:1.25rem 1.5rem;display:flex}.cs-auth-form-footer-card p{color:var(--color-text-muted);margin:0;font-size:.9375rem}.cs-auth-form-footer-card a{color:var(--color-primary);border-radius:var(--radius-sm);transition:all var(--transition-fast);align-items:center;gap:.375rem;padding:.375rem .75rem;font-weight:600;text-decoration:none;display:inline-flex}.cs-auth-form-footer-card a:hover{color:var(--color-primary-hover);background:#6366f126}.cs-auth-form-footer-card a svg{width:16px;height:16px;transition:transform var(--transition-fast)}.cs-auth-form-footer-card a:hover svg{transform:translate(3px)}.cs-auth-btn{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);border:none;justify-content:center;align-items:center;gap:.625rem;padding:1rem 2rem;font-family:inherit;font-size:.9375rem;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.cs-auth-btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 15px #6366f166}.cs-auth-btn-primary:before{content:"";opacity:0;transition:opacity var(--transition-base);background:linear-gradient(135deg,#fff3 0%,#0000 50%);position:absolute;inset:0}.cs-auth-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #6366f180,0 0 40px #6366f14d}.cs-auth-btn-primary:hover:before{opacity:1}.cs-auth-btn-primary:active:not(:disabled){transform:translateY(0)}.cs-auth-btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.cs-auth-btn-secondary{color:var(--color-text);background:#ffffff0d;border:1px solid #ffffff1a}.cs-auth-btn-secondary:hover:not(:disabled){background:#ffffff1a;border-color:#fff3}.cs-auth-btn-ghost{color:var(--color-text-muted);background:0 0;border:none;padding:.75rem 1rem}.cs-auth-btn-ghost:hover:not(:disabled){color:var(--color-text);background:#ffffff0d}.cs-auth-btn-full{width:100%}.cs-auth-btn .cs-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.cs-auth-message{border-radius:var(--radius-md);align-items:flex-start;gap:.875rem;padding:1rem 1.25rem;font-size:.875rem;line-height:1.5;animation:.3s ease-out messageAppear;display:flex}@keyframes messageAppear{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.cs-auth-message svg{flex-shrink:0;margin-top:1px}.cs-auth-message-error{color:#fca5a5;background:#ef44441a;border:1px solid #ef444433}.cs-auth-message-error svg{color:#ef4444}.cs-auth-message-success{color:#86efac;background:#22c55e1a;border:1px solid #22c55e33}.cs-auth-message-success svg{color:#22c55e}.cs-auth-message-info{color:#a5b4fc;background:#6366f11a;border:1px solid #6366f133}.cs-auth-message-info svg{color:var(--color-primary)}.cs-auth-instructions{flex-direction:column;gap:1rem;margin-bottom:1.5rem;display:flex}.cs-auth-instruction-item{align-items:flex-start;gap:1rem;display:flex}.cs-auth-instruction-number{background:var(--gradient-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.8125rem;font-weight:600;display:flex;box-shadow:0 2px 10px #6366f14d}.cs-auth-instruction-item p{color:var(--color-text-muted);padding-top:3px;font-size:.9375rem;line-height:1.6}.cs-auth-resend{text-align:center;border-radius:var(--radius-md);background:#ffffff05;border:1px solid #ffffff0d;margin-bottom:1.5rem;padding:1.5rem}.cs-auth-resend-text{color:var(--color-text-muted);margin-bottom:1rem;font-size:.875rem}.cs-auth-help{text-align:center;color:var(--color-text-subtle);margin-bottom:1rem;font-size:.875rem}.cs-auth-help p{margin-bottom:.25rem}.cs-auth-help a{color:var(--color-primary);font-weight:500;text-decoration:none}.cs-auth-help a:hover{text-decoration:underline}.cs-auth-role-selection{flex-direction:column;gap:1rem;margin-bottom:1.5rem;display:flex}.cs-auth-role-card{border-radius:var(--radius-lg);color:var(--color-text);transition:all var(--transition-base);background:#ffffff05;border:1px solid #ffffff14;align-items:flex-start;gap:1.25rem;padding:1.5rem;text-decoration:none;display:flex;position:relative;overflow:hidden}.cs-auth-role-card:before{content:"";opacity:0;transition:opacity var(--transition-base);background:linear-gradient(135deg,#6366f11a 0%,#0000 50%);position:absolute;inset:0}.cs-auth-role-card:hover{border-color:var(--color-primary);transform:translateY(-4px);box-shadow:0 15px 40px #0000004d,0 0 30px #6366f126}.cs-auth-role-card:hover:before{opacity:1}.cs-auth-role-card-supplier:before{background:linear-gradient(135deg,#8b5cf61a 0%,#0000 50%)}.cs-auth-role-card-supplier:hover{border-color:#8b5cf6;box-shadow:0 15px 40px #0000004d,0 0 30px #8b5cf626}.cs-auth-role-icon{border-radius:var(--radius-md);width:56px;height:56px;color:var(--color-primary);transition:all var(--transition-base);background:#6366f126;flex-shrink:0;justify-content:center;align-items:center;display:flex}.cs-auth-role-card:hover .cs-auth-role-icon{transform:scale(1.1);box-shadow:0 0 20px #6366f14d}.cs-auth-role-icon-supplier{color:#8b5cf6;background:#8b5cf626}.cs-auth-role-card-supplier:hover .cs-auth-role-icon-supplier{box-shadow:0 0 20px #8b5cf64d}.cs-auth-role-content{z-index:1;flex:1;position:relative}.cs-auth-role-title{font-family:var(--font-heading);margin-bottom:.375rem;font-size:1.125rem;font-weight:600}.cs-auth-role-description{color:var(--color-text-muted);margin-bottom:1rem;font-size:.875rem;line-height:1.5}.cs-auth-role-features{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.cs-auth-role-features li{color:var(--color-text-muted);align-items:center;gap:.625rem;font-size:.8125rem;display:flex}.cs-auth-role-features svg{color:#22c55e;flex-shrink:0}.cs-auth-role-arrow{color:var(--color-text-subtle);transition:all var(--transition-base);z-index:1;flex-shrink:0;position:relative}.cs-auth-role-card:hover .cs-auth-role-arrow{color:var(--color-primary);transform:translate(6px)}.cs-auth-role-card-supplier:hover .cs-auth-role-arrow{color:#8b5cf6}.cs-auth-steps{justify-content:center;align-items:center;gap:.5rem;margin-bottom:2rem;display:flex}.cs-auth-step{color:var(--color-text-subtle);align-items:center;gap:.5rem;font-size:.8125rem;font-weight:500;display:flex}.cs-auth-step.active{color:var(--color-text)}.cs-auth-step.completed{color:#22c55e}.cs-auth-step-number{width:28px;height:28px;transition:all var(--transition-base);background:#ffffff0d;border:2px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;font-size:.75rem;font-weight:600;display:flex}.cs-auth-step.active .cs-auth-step-number{background:var(--gradient-primary);color:#fff;border-color:#0000;box-shadow:0 0 15px #6366f166}.cs-auth-step.completed .cs-auth-step-number{color:#fff;background:#22c55e;border-color:#0000}.cs-auth-step.completed .cs-auth-step-number:before{content:"✓"}.cs-auth-step-line{border-radius:var(--radius-full);background:#ffffff1a;width:50px;height:2px;overflow:hidden}.cs-auth-step-line.active{background:var(--gradient-primary)}.cs-onboarding-progress{align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.cs-onboarding-progress-bar{border-radius:var(--radius-full);background:#ffffff1a;flex:1;height:6px;overflow:hidden}.cs-onboarding-progress-fill{background:var(--gradient-primary);border-radius:var(--radius-full);height:100%;transition:width .5s;position:relative}.cs-onboarding-progress-fill:after{content:"";background:#fff;border-radius:50%;width:12px;height:12px;position:absolute;top:50%;right:0;transform:translateY(-50%);box-shadow:0 0 10px #6366f180}.cs-onboarding-progress-text{color:var(--color-text-muted);white-space:nowrap;font-size:.8125rem;font-weight:500}.cs-onboarding-step{margin-bottom:1.5rem}.cs-onboarding-step-title{font-family:var(--font-heading);color:var(--color-text);margin-bottom:.375rem;font-size:1.25rem;font-weight:600}.cs-onboarding-step-subtitle{color:var(--color-text-muted);margin-bottom:1.75rem;font-size:.9375rem}.cs-onboarding-actions{gap:1rem;margin-top:2rem;display:flex}.cs-onboarding-actions .cs-auth-btn:last-child{flex:1}.cs-avatar-upload,.cs-logo-upload{flex-direction:column;align-items:center;gap:1rem;display:flex}.cs-avatar-preview,.cs-logo-preview{width:100px;height:100px;color:var(--color-text-subtle);transition:all var(--transition-base);cursor:pointer;background:#ffffff08;border:2px dashed #ffffff26;border-radius:50%;justify-content:center;align-items:center;display:flex;overflow:hidden}.cs-avatar-preview:hover,.cs-logo-preview:hover{border-color:var(--color-primary);background:#6366f10d}.cs-logo-preview{border-radius:var(--radius-md);width:120px}.cs-avatar-preview img,.cs-logo-preview img{object-fit:cover;width:100%;height:100%}.cs-avatar-upload-btn,.cs-logo-upload-btn{color:var(--color-primary);cursor:pointer;transition:all var(--transition-fast);border-radius:var(--radius-full);padding:.5rem 1rem;font-size:.875rem;font-weight:500}.cs-avatar-upload-btn:hover,.cs-logo-upload-btn:hover{color:var(--color-primary-hover);background:#6366f11a}.cs-interest-tags{flex-wrap:wrap;gap:.625rem;display:flex}.cs-interest-tag{border-radius:var(--radius-full);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-base);background:#ffffff08;border:1px solid #ffffff1a;padding:.625rem 1.25rem;font-size:.875rem}.cs-interest-tag:hover{border-color:var(--color-primary);color:var(--color-text);background:#6366f10d}.cs-interest-tag.active{background:var(--gradient-primary);color:#fff;border-color:#0000;box-shadow:0 2px 10px #6366f14d}.cs-operating-hours{flex-direction:column;gap:.875rem;display:flex}.cs-hours-row{border-radius:var(--radius-md);transition:background var(--transition-fast);background:#ffffff05;align-items:center;gap:1rem;padding:.75rem;display:flex}.cs-hours-row:hover{background:#ffffff0a}.cs-hours-day{width:100px;color:var(--color-text);font-size:.875rem;font-weight:500}.cs-hours-inputs{flex:1;align-items:center;gap:.625rem;display:flex}.cs-hours-separator{color:var(--color-text-subtle)}.cs-hours-closed{color:var(--color-text-subtle);font-size:.875rem;font-style:italic}.cs-payout-options{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.cs-payout-option{cursor:pointer;position:relative}.cs-payout-option input{opacity:0;position:absolute}.cs-payout-option-content{border-radius:var(--radius-md);color:var(--color-text-muted);transition:all var(--transition-base);background:#ffffff05;border:2px solid #ffffff14;flex-direction:column;align-items:center;gap:.75rem;padding:1.5rem;display:flex}.cs-payout-option:hover .cs-payout-option-content{background:#ffffff0a;border-color:#ffffff26}.cs-payout-option.active .cs-payout-option-content{border-color:var(--color-primary);color:var(--color-text);background:#6366f114;box-shadow:0 0 20px #6366f126}.cs-payout-option.active .cs-payout-option-content svg{color:var(--color-primary)}.cs-payout-notice{border-radius:var(--radius-md);color:#a5b4fc;background:#6366f114;border:1px solid #6366f126;align-items:flex-start;gap:.875rem;margin-top:1.25rem;padding:1.25rem;font-size:.8125rem;line-height:1.5;display:flex}.cs-payout-notice svg{color:var(--color-primary);flex-shrink:0;margin-top:1px}.cs-auth-loading{flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:3rem;display:flex}.cs-auth-loading-spinner{border:3px solid #ffffff1a;border-top-color:var(--color-primary);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@media (max-width:480px){.cs-auth-layout{align-items:flex-start;padding:2rem 1rem 1rem}.cs-auth-card{border-radius:var(--radius-md);padding:1.75rem 1.5rem}.cs-auth-title{font-size:1.5rem}.cs-auth-steps{gap:.25rem}.cs-auth-step span{display:none}.cs-auth-step-line{width:30px}.cs-hours-row{flex-wrap:wrap}.cs-hours-day{width:100%;margin-bottom:.25rem}.cs-payout-options{grid-template-columns:1fr}.cs-auth-role-card{padding:1.25rem}.cs-auth-role-icon{width:48px;height:48px}.cs-auth-footer{flex-wrap:wrap;gap:.75rem}}.cs-auth-card ::-webkit-scrollbar{width:6px}.cs-auth-card ::-webkit-scrollbar-track{border-radius:var(--radius-full);background:#ffffff0d}.cs-auth-card ::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#ffffff1a}.cs-auth-card ::-webkit-scrollbar-thumb:hover{background:#ffffff26}