.login-container{min-height:100vh;padding:var(--space-4);background:var(--color-bg-body);transition:background-color var(--duration-normal);justify-content:center;align-items:center;display:flex;position:relative}.login-container.modal{background:0 0;min-height:auto;padding:0}.back-button{top:var(--space-6);left:var(--space-6);align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);color:var(--color-text-main);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--duration-fast);-webkit-backdrop-filter:blur(10px);box-shadow:var(--shadow-sm);z-index:10;display:flex;position:absolute}.back-button:hover{background:var(--color-bg-card);box-shadow:var(--shadow-md);border-color:var(--color-primary);color:var(--color-primary);transform:translate(-2px)}.back-button:active{transform:scale(.96)}.login-card{background:var(--color-bg-card);border-radius:var(--radius-2xl);width:100%;max-width:420px;padding:var(--space-10) var(--space-8);box-shadow:var(--shadow-2xl);transition:background-color var(--duration-normal);border:1px solid var(--color-border-subtle);position:relative;overflow:hidden}.login-card:before{content:"";background:radial-gradient(circle at top right, var(--color-primary-light), transparent 70%);opacity:.3;pointer-events:none;width:100%;height:100%;position:absolute;top:-50%;right:-50%}.login-header{text-align:center;margin-bottom:var(--space-8);z-index:1;position:relative}.login-badge{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);background:var(--color-primary-light);color:var(--color-primary);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium);margin-bottom:var(--space-4);display:inline-flex}.login-header h1{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-text-main);margin:0 0 var(--space-2) 0;letter-spacing:-.5px;transition:color var(--duration-normal)}.login-header p{font-size:var(--text-base);color:var(--color-text-subtle);transition:color var(--duration-normal);margin:0}.login-form{gap:var(--space-5);z-index:1;flex-direction:column;display:flex;position:relative}.input-group{gap:var(--space-2);flex-direction:column;display:flex}.input-group label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-main);transition:color var(--duration-normal)}.phone-input-wrapper{border-radius:var(--radius-md);transition:all var(--duration-fast);background:var(--color-bg-input);border:2px solid var(--color-border-default);align-items:center;display:flex;position:relative}.phone-input-wrapper.focused{border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-light)}.phone-input-wrapper.error{border-color:var(--color-error)}.input-icon{left:var(--space-3);color:var(--color-text-muted);transition:color var(--duration-fast);position:absolute}.phone-input-wrapper.focused .input-icon{color:var(--color-primary)}.phone-input{width:100%;padding:var(--space-3) var(--space-3) var(--space-3) var(--space-10);border-radius:var(--radius-md);font-size:var(--text-base);transition:all var(--duration-fast);color:var(--color-text-main);background:0 0;border:none}.phone-input::placeholder{color:var(--color-text-muted)}.input-hint{align-items:center;gap:var(--space-1);font-size:var(--text-sm);color:var(--color-text-muted);margin:0;display:flex}.input-hint svg{color:var(--color-text-muted)}.error-message{align-items:center;gap:var(--space-2);color:var(--color-error);font-size:var(--text-sm);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);background:#ef444414;border:1px solid #ef444426;margin:0;display:flex}.submit-button{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-6);background:var(--color-primary);color:var(--color-text-inverse);border-radius:var(--radius-lg);font-size:var(--text-base);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--duration-fast);border:none;min-height:56px;display:flex;position:relative;overflow:hidden}.submit-button:after{content:"";pointer-events:none;background:linear-gradient(135deg,#0000 50%,#ffffff1a 100%);position:absolute;inset:0}.submit-button:hover:not(:disabled){background:var(--color-primary-hover);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.submit-button:active:not(:disabled){transform:scale(.98)}.submit-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.loading-spinner{border:3px solid #fff3;border-top-color:var(--color-text-inverse);border-radius:var(--radius-full);width:24px;height:24px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.login-footer{text-align:center;margin-top:var(--space-2)}.login-footer p{font-size:var(--text-sm);color:var(--color-text-muted);margin:0 0 var(--space-1) 0}.footer-links{justify-content:center;align-items:center;gap:var(--space-2);font-size:var(--text-sm);display:flex}.footer-links a{color:var(--color-text-subtle);transition:color var(--duration-fast);text-decoration:none}.footer-links a:hover{color:var(--color-primary)}.footer-links span{color:var(--color-border-default)}.otp-section{gap:var(--space-5);z-index:1;flex-direction:column;display:flex;position:relative}.otp-header{text-align:center}.otp-phone{justify-content:center;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-subtle);margin:0;display:flex}.otp-phone strong{color:var(--color-text-main)}.new-user-badge{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);color:#f59e0b;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium);margin-top:var(--space-2);background:#f59e0b1a;display:inline-flex}.otp-inputs{gap:var(--space-3);margin:var(--space-2) 0;justify-content:center;display:flex}.otp-input{text-align:center;width:52px;height:60px;font-size:var(--text-2xl);font-weight:var(--font-bold);border:2px solid var(--color-border-default);border-radius:var(--radius-lg);background:var(--color-bg-input);color:var(--color-text-main);transition:all var(--duration-fast)}.otp-input:focus{border-color:var(--color-primary);background:var(--color-bg-card);box-shadow:0 0 0 4px var(--color-primary-light);outline:none}.otp-input.filled{border-color:var(--color-primary);background:var(--color-primary-light)}.otp-input.error{border-color:var(--color-error);background:#ef444414}.otp-input:disabled{opacity:.6;cursor:not-allowed}.otp-actions{justify-content:center;display:flex}.resend-button{align-items:center;gap:var(--space-1);color:var(--color-primary);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);transition:all var(--duration-fast);background:0 0;border:none;display:flex}.resend-button:hover:not(:disabled){background:var(--color-primary-light)}.resend-button:disabled{color:var(--color-text-muted);cursor:not-allowed}.otp-timer{margin-top:var(--space-1)}.timer-bar{background:var(--color-border-subtle);border-radius:var(--radius-sm);width:100%;height:3px;overflow:hidden}.timer-fill{background:var(--color-primary);border-radius:var(--radius-sm);height:100%}.timer-text{text-align:center;font-size:var(--text-xs);color:var(--color-text-muted);margin:var(--space-2) 0 0 0}.new-user-name{gap:var(--space-2);flex-direction:column;display:flex}.new-user-name label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-main)}.name-input{width:100%;padding:var(--space-3) var(--space-4);border:2px solid var(--color-border-default);border-radius:var(--radius-lg);font-size:var(--text-base);transition:all var(--duration-fast);background:var(--color-bg-input);color:var(--color-text-main)}.name-input:focus{border-color:var(--color-primary);background:var(--color-bg-card);box-shadow:0 0 0 4px var(--color-primary-light);outline:none}.name-input:disabled{opacity:.6;cursor:not-allowed}.success-container{align-items:center;gap:var(--space-3);padding:var(--space-4) 0;z-index:1;flex-direction:column;display:flex;position:relative}.success-icon{color:var(--color-success);animation:.6s successBounce}.success-container h3{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text-main);margin:0}.success-container p{font-size:var(--text-base);color:var(--color-text-subtle);margin:0}.success-sparkles{gap:var(--space-3);margin-top:var(--space-2);color:#f59e0b;display:flex}.success-sparkles svg{animation:2s ease-in-out infinite sparkleFloat}.success-sparkles svg:nth-child(2){color:var(--color-success);animation-delay:.3s}.success-sparkles svg:nth-child(3){color:#8b5cf6;animation-delay:.6s}.success-dots{gap:var(--space-1);margin-top:var(--space-2);display:flex}.success-dots .dot{border-radius:var(--radius-full);background:var(--color-primary);width:8px;height:8px;animation:1.2s ease-in-out infinite dotPulse}@keyframes successBounce{0%{transform:scale(0)}50%{transform:scale(1.3)}70%{transform:scale(.9)}to{transform:scale(1)}}@keyframes sparkleFloat{0%,to{opacity:1;transform:translateY(0)scale(1)}50%{opacity:.7;transform:translateY(-10px)scale(1.2)}}@keyframes dotPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.5)}}@media (max-width:640px){.login-card{padding:var(--space-6) var(--space-4);border-radius:var(--radius-xl)}.login-header h1{font-size:var(--text-2xl)}.otp-input{width:44px;height:52px;font-size:var(--text-xl)}.otp-inputs{gap:var(--space-2)}.back-button{top:var(--space-4);left:var(--space-4);padding:var(--space-1) var(--space-3);font-size:var(--text-sm)}.submit-button{font-size:var(--text-sm);min-height:50px;padding:var(--space-3) var(--space-4)}.login-container{padding:var(--space-3)}.success-container h3{font-size:var(--text-xl)}}@media (max-width:480px){.login-card{padding:var(--space-4) var(--space-3)}.otp-input{width:40px;height:48px;font-size:var(--text-lg)}.otp-inputs{gap:var(--space-1)}.phone-input{font-size:var(--text-sm);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-8)}.input-icon{left:var(--space-2)}.login-header h1{font-size:var(--text-xl)}.login-badge{padding:2px var(--space-2);font-size:10px}.success-sparkles svg{width:16px;height:16px}}@media (prefers-color-scheme:dark){.login-card{background:var(--color-bg-card);border-color:var(--color-border-dark)}.login-card:before{opacity:.15}.login-header h1{color:var(--color-text-primary-dark)}.login-header p{color:var(--color-text-secondary-dark)}.input-group label{color:var(--color-text-primary-dark)}.phone-input-wrapper{background:var(--color-bg-input-dark);border-color:var(--color-border-dark)}.phone-input{color:var(--color-text-primary-dark)}.otp-input{background:var(--color-bg-input-dark);border-color:var(--color-border-dark);color:var(--color-text-primary-dark)}.otp-input.filled{border-color:var(--color-primary);background:var(--color-primary-light)}.name-input{background:var(--color-bg-input-dark);border-color:var(--color-border-dark);color:var(--color-text-primary-dark)}.name-input:focus{border-color:var(--color-primary);background:var(--color-bg-card-dark)}.back-button{background:var(--color-bg-card-dark);border-color:var(--color-border-dark);color:var(--color-text-primary-dark)}.back-button:hover{border-color:var(--color-primary);color:var(--color-primary)}.login-badge{background:var(--color-primary-light);color:var(--color-primary)}.submit-button{background:var(--color-primary);color:var(--color-text-inverse)}.submit-button:hover:not(:disabled){background:var(--color-primary-hover)}.otp-phone{color:var(--color-text-secondary-dark)}.otp-phone strong{color:var(--color-text-primary-dark)}.error-message{background:#ef44441f;border-color:#ef444433}.success-container h3{color:var(--color-text-primary-dark)}.success-container p{color:var(--color-text-secondary-dark)}.timer-text{color:var(--color-text-muted-dark)}.footer-links a{color:var(--color-text-secondary-dark)}.footer-links a:hover{color:var(--color-primary)}.input-hint{color:var(--color-text-muted-dark)}.new-user-name label{color:var(--color-text-primary-dark)}.timer-bar{background:var(--color-border-dark)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.submit-button:hover:not(:disabled),.back-button:hover{transform:none!important}.otp-input{transition:none!important}}.login-modal-backdrop{-webkit-backdrop-filter:blur(4px);z-index:var(--z-modal-backdrop,1040);background:#00000080;animation:.25s ease-out backdropFadeIn;position:fixed;inset:0}@keyframes backdropFadeIn{0%{opacity:0}to{opacity:1}}.login-modal-slide{background:var(--color-bg-card);width:100%;max-width:480px;height:100dvh;z-index:var(--z-modal,1050);box-shadow:var(--shadow-2xl);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;right:0;overflow:hidden auto}.login-modal-slide::-webkit-scrollbar{width:4px}.login-modal-slide::-webkit-scrollbar-track{background:var(--color-border-subtle)}.login-modal-slide::-webkit-scrollbar-thumb{background:var(--color-border-default);border-radius:var(--radius-sm)}.login-modal-slide::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.login-modal-close{top:var(--space-4,16px);right:var(--space-4,16px);border-radius:var(--radius-full,50%);background:var(--color-border-subtle,#0000000d);width:40px;height:40px;color:var(--color-text-main);cursor:pointer;transition:all var(--duration-fast,.2s);z-index:10;-webkit-backdrop-filter:blur(8px);border:none;justify-content:center;align-items:center;display:flex;position:absolute}.login-modal-close:hover{background:var(--color-border-default,#0000001a);color:var(--color-text-main)}.login-modal-close:active{transform:scale(.9)}.login-modal-slide .login-container{min-height:100dvh;padding:var(--space-6,24px);background:0 0;flex:1;justify-content:center;align-items:center;display:flex}.login-modal-slide .login-card{width:100%;max-width:400px;box-shadow:none;padding:var(--space-8,32px) var(--space-6,24px);background:0 0;border:none;margin:0 auto}.login-modal-slide .login-card:before,.login-modal-slide .back-button{display:none}@media (max-width:640px){.login-modal-slide{max-width:100%}.login-modal-close{top:var(--space-3,12px);right:var(--space-3,12px);width:36px;height:36px}.login-modal-close svg{width:20px;height:20px}.login-modal-slide .login-card{padding:var(--space-6,24px) var(--space-4,16px)}}@media (max-width:480px){.login-modal-slide .login-card{padding:var(--space-4,16px) var(--space-3,12px)}.login-modal-close{top:var(--space-2,8px);right:var(--space-2,8px);width:32px;height:32px}.login-modal-close svg{width:18px;height:18px}}@media (prefers-color-scheme:dark){.login-modal-slide{background:var(--color-bg-card)}.login-modal-close{color:var(--color-text-primary-dark);background:#ffffff14}.login-modal-close:hover{background:#ffffff26}.login-modal-slide::-webkit-scrollbar-track{background:var(--color-border-dark)}.login-modal-slide::-webkit-scrollbar-thumb{background:var(--color-border-dark)}}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}@media (prefers-reduced-motion:reduce){.login-modal-slide,.login-modal-backdrop{animation:none!important}}.phone-input-wrapper{border-radius:var(--radius-md);transition:all var(--duration-fast);background:var(--color-bg-input);border:2px solid var(--color-border-default);align-items:center;padding-left:0;display:flex;position:relative}.country-code-badge{align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-3);border-right:2px solid var(--color-border-default);background:var(--color-bg-input);border-radius:var(--radius-md) 0 0 var(--radius-md);transition:all var(--duration-fast);flex-shrink:0;height:100%;min-height:52px;display:flex}.country-code-badge .flag{font-size:20px;line-height:1}.country-code-badge .code{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-main);transition:color var(--duration-fast)}.phone-input-wrapper.focused .country-code-badge .code{color:var(--color-primary)}.phone-input-wrapper.focused .country-code-badge{border-right-color:var(--color-primary)}.phone-input-wrapper.error .country-code-badge{border-right-color:var(--color-error)}.phone-input{width:100%;padding:var(--space-3) var(--space-3) var(--space-3) var(--space-2);border-radius:0 var(--radius-md) var(--radius-md) 0;font-size:var(--text-base);transition:all var(--duration-fast);color:var(--color-text-main);letter-spacing:.5px;background:0 0;border:none}.phone-input:focus{outline:none}.phone-input::placeholder{color:var(--color-text-muted);letter-spacing:normal}.phone-input:disabled{opacity:.6;cursor:not-allowed}.input-valid-icon{right:var(--space-3);color:var(--color-success);animation:.2s ease-out scaleIn;position:absolute}@keyframes scaleIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.phone-input-wrapper.valid .country-code-badge{border-right-color:var(--color-success)}.phone-input-wrapper.valid .country-code-badge .code{color:var(--color-success)}.input-helper{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-1);justify-content:space-between;align-items:center;display:flex}.helper-text{align-items:center;gap:var(--space-1);display:flex}.helper-preview{font-weight:var(--font-medium);color:var(--color-text-subtle);font-size:var(--text-xs);background:var(--color-border-subtle);padding:2px var(--space-2);border-radius:var(--radius-sm)}@media (max-width:480px){.country-code-badge{padding:var(--space-1) var(--space-1) var(--space-1) var(--space-2);min-height:44px}.country-code-badge .flag{font-size:16px}.country-code-badge .code{font-size:var(--text-xs)}.phone-input{font-size:var(--text-sm);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-1)}.input-helper{align-items:flex-start;gap:var(--space-1);flex-direction:column}.helper-preview{padding:1px var(--space-1);font-size:10px}}@media (prefers-color-scheme:dark){.country-code-badge{background:var(--color-bg-input-dark);border-right-color:var(--color-border-dark)}.country-code-badge .code{color:var(--color-text-primary-dark)}.input-helper{color:var(--color-text-muted-dark)}.helper-preview{background:var(--color-border-dark);color:var(--color-text-secondary-dark)}}
.toast-container{pointer-events:none;flex-direction:column;display:flex;position:fixed;inset:0;z-index:999999!important}.toast-item{opacity:0;-webkit-backdrop-filter:blur(12px);border:1px solid;border-radius:12px;align-items:flex-start;gap:12px;width:90%;max-width:420px;padding:16px 20px;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);display:flex;box-shadow:0 10px 40px #00000026;pointer-events:all!important;z-index:999999!important;position:fixed!important}.toast-top-right{transform-origin:100% 0;top:24px;right:24px;transform:translate(100px)scale(.9)}.toast-top-right.visible{opacity:1!important;transform:translate(0)scale(1)!important}.toast-top-right.exiting{opacity:0!important;transform:translate(100px)scale(.9)!important}.toast-top-left{transform-origin:0 0;top:24px;left:24px;transform:translate(-100px)scale(.9)}.toast-top-left.visible{opacity:1!important;transform:translate(0)scale(1)!important}.toast-top-left.exiting{opacity:0!important;transform:translate(-100px)scale(.9)!important}.toast-top-center{opacity:0;border-radius:16px;width:90%;max-width:480px;box-shadow:0 20px 60px #00000040;top:50%!important;left:50%!important;transform:translate(-50%,-50%)scale(.9)!important}.toast-top-center.visible{opacity:1!important;transform:translate(-50%,-50%)scale(1)!important}.toast-top-center.exiting{opacity:0!important;transition:all .3s!important;transform:translate(-50%,-50%)scale(.8)!important}.toast-bottom-right{transform-origin:100% 100%;bottom:24px;right:24px;transform:translate(100px)scale(.9)}.toast-bottom-right.visible{opacity:1!important;transform:translate(0)scale(1)!important}.toast-bottom-right.exiting{opacity:0!important;transform:translate(100px)scale(.9)!important}.toast-bottom-left{transform-origin:0 100%;bottom:24px;left:24px;transform:translate(-100px)scale(.9)}.toast-bottom-left.visible{opacity:1!important;transform:translate(0)scale(1)!important}.toast-bottom-left.exiting{opacity:0!important;transform:translate(-100px)scale(.9)!important}.toast-bottom-center{bottom:24px;left:50%;transform:translate(-50%)translateY(20px)scale(.9)}.toast-bottom-center.visible{opacity:1!important;transform:translate(-50%)translateY(0)scale(1)!important}.toast-bottom-center.exiting{opacity:0!important;transform:translate(-50%)translateY(20px)scale(.9)!important}.toast-content{flex:1;align-items:flex-start;gap:12px;min-width:0;display:flex}.toast-icon{flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;margin-top:1px;display:flex}.toast-icon .spin{animation:.8s linear infinite toastSpin}@keyframes toastSpin{to{transform:rotate(360deg)}}.toast-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.toast-title{letter-spacing:-.01em;font-size:15px;font-weight:600;line-height:1.4}.toast-message{word-wrap:break-word;opacity:.9;font-size:14px;font-weight:400;line-height:1.5}.toast-action-btn{cursor:pointer;letter-spacing:.01em;border:none;border-radius:8px;align-self:flex-start;margin-top:8px;padding:6px 18px;font-size:13px;font-weight:600;transition:all .2s}.toast-action-btn:hover{opacity:.9;transform:scale(1.02)}.toast-close{cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:all .2s;display:flex}.toast-close:hover{background:#0000000f}.toast-item.toast-warning{border-radius:16px;min-width:380px;padding:20px 24px;box-shadow:0 10px 40px #f59e0b4d;border-left:5px solid #f59e0b!important}.toast-item.toast-warning .toast-title{font-size:17px;font-weight:700}.toast-item.toast-warning .toast-message{font-size:15px}.toast-item.toast-warning .toast-action-btn{border-radius:8px;padding:8px 24px;font-size:14px;font-weight:600;transition:all .2s;box-shadow:0 2px 8px #f59e0b4d;color:#fff!important;background-color:#f59e0b!important}.toast-item.toast-warning .toast-action-btn:hover{transform:scale(1.05);box-shadow:0 4px 16px #f59e0b66}@media (prefers-color-scheme:dark){.toast-item{-webkit-backdrop-filter:blur(16px);background-color:#1e293b!important;border-color:#334155!important}.toast-title{color:#f1f5f9!important}.toast-message{color:#cbd5e1!important}.toast-close{color:#94a3b8}.toast-close:hover{background:#ffffff0f}.toast-item.toast-warning{background-color:#f59e0b26!important;border-color:#f59e0b4d!important}}@media (max-width:640px){.toast-item{width:calc(100% - 32px);max-width:100%;inset:auto 16px 16px!important}.toast-top-right,.toast-top-left,.toast-top-center{top:16px!important;bottom:auto!important}.toast-bottom-right,.toast-bottom-left,.toast-bottom-center{top:auto!important;bottom:16px!important}.toast-top-center{width:calc(100% - 32px);max-width:calc(100% - 32px);top:16px!important;left:50%!important;transform:translate(-50%)translateY(-20px)scale(.9)!important}.toast-top-center.visible{transform:translate(-50%)translateY(0)scale(1)!important}.toast-top-center.exiting{transform:translate(-50%)translateY(-20px)scale(.9)!important}.toast-item.toast-warning{min-width:auto;padding:16px 18px}.toast-item.toast-warning .toast-title{font-size:15px}.toast-item.toast-warning .toast-message{font-size:14px}.toast-item.toast-warning .toast-action-btn{padding:6px 18px;font-size:13px}}@media (prefers-reduced-motion:reduce){.toast-item,.toast-item.visible,.toast-item.exiting{transition:none!important;animation:none!important}}
.user-sheet-backdrop{z-index:var(--z-modal-backdrop);animation:fadeIn var(--duration-normal) var(--ease-out);background:#00000080;position:fixed;inset:0}.user-sheet{background:var(--color-bg-card);width:100%;max-width:400px;height:100vh;z-index:var(--z-modal);transition:right var(--duration-normal) var(--ease-in-out);box-shadow:var(--shadow-xl);flex-direction:column;display:flex;position:fixed;top:0;right:-100%}.user-sheet.open{right:0}.user-sheet-header{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border-subtle);flex-shrink:0;min-height:60px;display:flex}.user-sheet-title{align-items:center;gap:var(--space-2);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-main);flex:1;display:flex}.user-sheet-title-icon{color:var(--color-primary);align-items:center;display:flex}.user-sheet-back-btn{width:32px;height:32px;color:var(--color-text-main);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.user-sheet-back-btn:hover{background:var(--color-border-subtle)}.user-sheet-close{background:var(--color-border-subtle);border-radius:var(--radius-full);width:36px;height:36px;color:var(--color-text-main);cursor:pointer;transition:all var(--transition-fast);border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.user-sheet-close:hover{background:var(--color-border-default)}.user-sheet-body{padding:var(--space-4) var(--space-5) var(--space-6);flex:1;overflow-y:auto}.user-sheet-user-info{align-items:center;gap:var(--space-3);padding:var(--space-2) 0 var(--space-4) 0;display:flex}.user-sheet-avatar{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--color-primary), var(--color-primary-hover));width:48px;height:48px;color:var(--color-text-inverse);font-size:var(--text-lg);font-weight:var(--font-bold);text-transform:uppercase;flex-shrink:0;justify-content:center;align-items:center;display:flex}.user-sheet-avatar-text{font-size:var(--text-lg);font-weight:var(--font-bold)}.user-sheet-user-details{flex-direction:column;flex:1;min-width:0;display:flex}.user-sheet-name{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-main);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.user-sheet-email{font-size:var(--text-sm);color:var(--color-text-subtle);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.user-sheet-divider{background:var(--color-border-subtle);height:1px;margin:var(--space-1) 0}.user-sheet-section{gap:var(--space-1);padding:var(--space-1) 0;flex-direction:column;display:flex}.user-sheet-section h4{align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin:var(--space-2) 0 var(--space-1) 0;display:flex}.user-sheet-section h4 svg{color:var(--color-primary)}.user-sheet-item{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3);border-radius:var(--radius-md);color:var(--color-text-main);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;width:100%;display:flex}.user-sheet-item:hover{background:var(--color-border-subtle)}.user-sheet-item svg:first-child{color:var(--color-text-subtle);flex-shrink:0}.user-sheet-item span{text-align:left;flex:1}.user-sheet-item svg:last-child{color:var(--color-text-muted);flex-shrink:0}.user-sheet-signin-btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);background:var(--color-primary);color:var(--color-text-inverse);border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-fast);width:100%;margin:var(--space-2) 0;border:none;display:flex}.user-sheet-signin-btn:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.user-sheet-guest-message{font-size:var(--text-sm);color:var(--color-text-subtle);text-align:center;margin:var(--space-2) 0}.user-sheet-logout{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);color:var(--color-error);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast);width:100%;margin-top:var(--space-1);background:0 0;border:none;display:flex}.user-sheet-logout:hover{background:#ef444414}.user-sheet-logout svg{flex-shrink:0}.user-sheet-profile-header{align-items:center;gap:var(--space-4);padding:var(--space-2) 0 var(--space-4) 0;display:flex}.user-sheet-profile-avatar{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--color-primary), var(--color-primary-hover));width:64px;height:64px;color:var(--color-text-inverse);font-size:24px;font-weight:var(--font-bold);text-transform:uppercase;box-shadow:var(--shadow-md);transition:box-shadow var(--duration-normal) var(--ease-in-out);flex-shrink:0;justify-content:center;align-items:center;display:flex}.user-sheet-profile-avatar:hover{box-shadow:var(--shadow-lg)}.user-sheet-profile-info{gap:var(--space-1);flex-direction:column;flex:1;min-width:0;display:flex}.user-sheet-profile-name-wrapper{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.user-sheet-profile-name-wrapper .user-sheet-name{min-width:0;font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text-main);flex:1}.user-sheet-profile-meta{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.user-sheet-email{font-size:var(--text-sm);color:var(--color-text-subtle)}.user-sheet-phone{align-items:center;gap:var(--space-1);font-size:var(--text-sm);color:var(--color-text-subtle);display:flex}.user-sheet-phone svg{color:var(--color-text-muted)}.user-sheet-profile-badges{align-items:center;gap:var(--space-1);margin-top:var(--space-1);flex-wrap:wrap;display:flex}.user-sheet-profile-badge{align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-lg);font-size:11px;font-weight:var(--font-semibold);width:fit-content;display:inline-flex}.user-sheet-profile-badge.status{background:var(--color-primary-light);color:var(--color-primary)}.user-sheet-profile-badge.contact{color:var(--color-info);background:#3b82f61a}.user-sheet-edit-toggle{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border:1px solid var(--color-border-default);border-radius:var(--radius-md);color:var(--color-text-subtle);font-size:var(--text-xs);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:0 0;display:flex}.user-sheet-edit-toggle:hover{background:var(--color-border-subtle);border-color:var(--color-primary);color:var(--color-primary)}.user-sheet-edit-toggle.editing{border-color:var(--color-error);color:var(--color-error)}.user-sheet-edit-toggle.editing:hover{border-color:var(--color-error);color:var(--color-error);background:#ef444414}.user-sheet-edit-toggle svg{flex-shrink:0}.user-sheet-profile-field{gap:var(--space-1);flex-direction:column;padding:6px 0;display:flex}.user-sheet-profile-field label{font-size:11px;font-weight:var(--font-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.user-sheet-profile-field label .field-required{color:var(--color-error);margin-left:2px}.user-sheet-profile-field p{font-size:var(--text-sm);color:var(--color-text-main);margin:0}.user-sheet-profile-field-value{align-items:center;gap:var(--space-2);padding:var(--space-1) 0;display:flex}.user-sheet-profile-field-value .field-icon{color:var(--color-text-muted);flex-shrink:0}.user-sheet-profile-field-text{flex-direction:column;gap:1px;display:flex}.user-sheet-profile-field-text p{margin:0}.field-sub-value{font-size:var(--text-xs);color:var(--color-text-muted)}.user-sheet-profile-field.edit-mode{gap:var(--space-1)}.user-sheet-profile-field-input{align-items:center;gap:var(--space-2);display:flex;position:relative}.user-sheet-profile-field-input .field-icon{color:var(--color-text-muted);flex-shrink:0}.user-sheet-profile-field-input input,.user-sheet-profile-field-input select{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-default);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text-main);background:var(--color-bg-input);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);flex:1;min-width:0;font-family:inherit}.user-sheet-profile-field-input input:focus,.user-sheet-profile-field-input select:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #10b9811a}.user-sheet-profile-field-input input.error,.user-sheet-profile-field-input select.error{border-color:var(--color-error)}.user-sheet-profile-field-input input.error:focus,.user-sheet-profile-field-input select.error:focus{box-shadow:0 0 0 3px #ef44441a}.user-sheet-profile-field-input input:disabled{opacity:.6;cursor:not-allowed;background:var(--color-border-subtle)}.field-error{align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--color-error);margin-top:2px;display:flex}.field-error svg{flex-shrink:0}.field-helper{color:var(--color-text-muted);margin-top:2px;font-size:11px}.user-sheet-profile-actions{gap:var(--space-2);margin-top:var(--space-2);padding-top:var(--space-2);display:flex}.user-sheet-save-btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-6);background:var(--color-primary);color:var(--color-text-inverse);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-fast);border:none;flex:1;display:flex}.user-sheet-save-btn:hover:not(:disabled){background:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.user-sheet-save-btn:disabled{opacity:.7;cursor:not-allowed}.user-sheet-save-btn .spinner{border:2px solid #ffffff4d;border-top-color:var(--color-text-inverse);border-radius:var(--radius-full);width:18px;height:18px;animation:.8s linear infinite spin}.user-sheet-save-status{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--font-medium);margin-bottom:var(--space-3);animation:slideDown var(--duration-normal) var(--ease-out);display:flex}.user-sheet-save-status.success{background:var(--color-primary-light);color:var(--color-success);border:1px solid #10b98133}.user-sheet-save-status.error{color:var(--color-error);background:#ef44441a;border:1px solid #ef444433}.user-sheet-save-status svg{flex-shrink:0}.user-sheet-stats-grid{gap:var(--space-2);margin-top:var(--space-1);grid-template-columns:1fr 1fr;display:grid}.user-sheet-stat-item{padding:var(--space-2) var(--space-3);background:var(--color-border-subtle);border-radius:var(--radius-md);flex-direction:column;gap:1px;display:flex}.user-sheet-stat-item .stat-label{font-size:10px;font-weight:var(--font-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.user-sheet-stat-item .stat-value{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-main)}.user-sheet-stats{gap:var(--space-2);margin-bottom:var(--space-4);grid-template-columns:repeat(4,1fr);display:grid}.user-sheet-stat-card{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-bg-card);border-radius:var(--radius-md);border:1px solid var(--color-border-subtle);transition:all var(--transition-fast);display:flex}.user-sheet-stat-card:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.user-sheet-stat-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.user-sheet-stat-icon.total{color:var(--color-info);background:#3b82f61a}.user-sheet-stat-icon.spent{background:var(--color-primary-light);color:var(--color-success)}.user-sheet-stat-icon.pending{color:var(--color-warning);background:#f59e0b1a}.user-sheet-stat-icon.delivered{color:#8b5cf6;background:#8b5cf61a}.user-sheet-stat-info{flex-direction:column;min-width:0;display:flex}.user-sheet-stat-value{font-size:var(--text-base);font-weight:var(--font-bold);color:var(--color-text-main);line-height:var(--line-height-tight)}.user-sheet-stat-label{color:var(--color-text-muted);white-space:nowrap;font-size:11px}.user-sheet-filters{align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.user-sheet-search{min-width:140px;padding:6px var(--space-2);background:var(--color-bg-card);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);transition:border-color var(--transition-fast);flex:1;align-items:center;gap:6px;display:flex}.user-sheet-search:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #10b9811a}.user-sheet-search svg{color:var(--color-text-muted);flex-shrink:0}.user-sheet-search input{font-size:var(--text-sm);color:var(--color-text-main);background:0 0;border:none;outline:none;flex:1;min-width:60px}.user-sheet-search input::placeholder{color:var(--color-text-muted)}.user-sheet-search button{color:var(--color-text-muted);cursor:pointer;transition:color var(--transition-fast);border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;padding:2px;display:flex}.user-sheet-search button:hover{color:var(--color-text-main)}.user-sheet-filter-toggle{border:1px solid var(--color-border-default);border-radius:var(--radius-sm);background:var(--color-bg-card);width:36px;height:36px;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.user-sheet-filter-toggle:hover{border-color:var(--color-text-main);color:var(--color-text-main)}.user-sheet-filter-toggle.active{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-light)}.user-sheet-filter-toggle .filter-dot{border-radius:var(--radius-full);background:var(--color-primary);width:6px;height:6px;position:absolute;top:4px;right:4px}.user-sheet-sort-select{padding:6px var(--space-2);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);background:var(--color-bg-card);color:var(--color-text-main);font-size:var(--text-sm);cursor:pointer;transition:border-color var(--transition-fast);outline:none;flex-shrink:0}.user-sheet-sort-select:focus{border-color:var(--color-primary)}.user-sheet-filter-chips{padding:var(--space-2) 0 var(--space-3) 0;border-bottom:1px solid var(--color-border-subtle);margin-bottom:var(--space-3);flex-wrap:wrap;align-items:center;gap:6px;display:flex}.user-sheet-filter-label{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-right:var(--space-1)}.user-sheet-filter-chip{padding:var(--space-1) var(--space-3);border:1px solid var(--color-border-default);border-radius:var(--radius-full);color:var(--color-text-subtle);font-size:var(--text-xs);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;background:0 0}.user-sheet-filter-chip:hover{border-color:var(--color-text-main);color:var(--color-text-main)}.user-sheet-filter-chip.active{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-text-inverse)}.user-sheet-filter-clear{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);color:var(--color-text-muted);font-size:var(--text-xs);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;display:flex}.user-sheet-filter-clear:hover{color:var(--color-error)}.user-sheet-results-count{font-size:var(--text-xs);color:var(--color-text-muted);margin-bottom:var(--space-2)}.user-sheet-order-card{border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);margin-bottom:var(--space-2);background:var(--color-bg-card);transition:all var(--duration-normal) var(--ease-in-out);overflow:hidden}.user-sheet-order-card.expanded{border-color:var(--color-border-default);box-shadow:var(--shadow-sm)}.user-sheet-order-header{padding:var(--space-3) var(--space-3);cursor:pointer;transition:background var(--transition-fast);justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.user-sheet-order-header:hover{background:var(--color-bg-body)}.user-sheet-order-left{align-items:center;gap:var(--space-2);flex:1;min-width:0;display:flex}.user-sheet-order-status-badge{font-size:var(--text-xs);font-weight:var(--font-semibold);white-space:nowrap;align-items:center;gap:6px;display:flex}.user-sheet-order-status-badge .status-icon{flex-shrink:0;width:16px;height:16px}.user-sheet-order-status-badge .status-icon.pending{color:var(--color-warning)}.user-sheet-order-status-badge .status-icon.processing{color:var(--color-info)}.user-sheet-order-status-badge .status-icon.shipped{color:#8b5cf6}.user-sheet-order-status-badge .status-icon.delivered{color:var(--color-success)}.user-sheet-order-status-badge .status-icon.cancelled{color:var(--color-error)}.user-sheet-order-status-badge .status-icon.refunded{color:var(--color-text-muted)}.user-sheet-order-number{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-main);white-space:nowrap}.user-sheet-order-right{align-items:center;gap:var(--space-3);flex-shrink:0;display:flex}.user-sheet-order-amount{flex-direction:column;align-items:flex-end;gap:1px;display:flex}.user-sheet-order-total{font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--color-text-main)}.user-sheet-order-date-short{color:var(--color-text-muted);font-size:11px}.user-sheet-order-expand-btn{width:28px;height:28px;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.user-sheet-order-expand-btn:hover{background:var(--color-border-subtle);color:var(--color-text-main)}.user-sheet-order-details{padding:0 var(--space-3) var(--space-4) var(--space-3);overflow:hidden}.user-sheet-order-timeline{padding:var(--space-2) 0 var(--space-3) 0;position:relative}.user-sheet-timeline-item{gap:var(--space-3);padding:var(--space-1) 0 var(--space-3) 0;padding-left:6px;display:flex;position:relative}.user-sheet-timeline-item:last-child{padding-bottom:0}.user-sheet-timeline-icon{border-radius:var(--radius-full);background:var(--color-border-subtle);width:28px;height:28px;color:var(--color-text-muted);z-index:1;transition:all var(--duration-normal) var(--ease-in-out);flex-shrink:0;justify-content:center;align-items:center;display:flex}.user-sheet-timeline-item.completed .user-sheet-timeline-icon{background:var(--color-primary-light);color:var(--color-success)}.user-sheet-timeline-item.active .user-sheet-timeline-icon{color:var(--color-info);background:#3b82f61f;animation:2s infinite pulse}.user-sheet-timeline-item.error .user-sheet-timeline-icon{color:var(--color-error);background:#ef44441f}.user-sheet-timeline-item.pending .user-sheet-timeline-icon{color:var(--color-warning);background:#f59e0b1f}.user-sheet-timeline-content{flex:1;min-width:0}.user-sheet-timeline-header{justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.user-sheet-timeline-label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-main)}.user-sheet-timeline-date{color:var(--color-text-muted);font-size:11px}.user-sheet-timeline-description{font-size:var(--text-xs);color:var(--color-text-subtle);margin:2px 0 0}.user-sheet-timeline-line{background:var(--color-border-subtle);width:2px;position:absolute;top:32px;bottom:-6px;left:19px}.user-sheet-order-info-grid{gap:6px var(--space-3);padding:var(--space-2) 0;border-top:1px solid var(--color-border-subtle);border-bottom:1px solid var(--color-border-subtle);grid-template-columns:1fr 1fr;display:grid}.user-sheet-order-info-item{flex-direction:column;gap:1px;display:flex}.user-sheet-order-info-item label{font-size:10px;font-weight:var(--font-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.user-sheet-order-info-item p{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-main);margin:0}.user-sheet-order-total-bold{font-size:15px!important;font-weight:var(--font-bold)!important;color:var(--color-primary)!important}.user-sheet-order-items{padding:var(--space-2) 0}.user-sheet-order-items label{font-size:11px;font-weight:var(--font-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;display:block}.user-sheet-order-item{font-size:var(--text-sm);color:var(--color-text-main);justify-content:space-between;align-items:center;padding:3px 0;display:flex}.user-sheet-order-item-name{padding-right:var(--space-2);font-weight:var(--font-medium);flex:1}.user-sheet-order-item-qty{color:var(--color-text-muted);padding:0 var(--space-2);font-size:var(--text-xs)}.user-sheet-order-item-price{font-weight:var(--font-semibold)}.user-sheet-order-shipping{padding:var(--space-2) 0;border-top:1px solid var(--color-border-subtle)}.user-sheet-order-shipping label{font-size:11px;font-weight:var(--font-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-1);display:block}.user-sheet-order-address{align-items:flex-start;gap:var(--space-2);display:flex}.user-sheet-order-address svg{color:var(--color-text-muted);flex-shrink:0;margin-top:2px}.user-sheet-order-address p{font-size:var(--text-sm);color:var(--color-text-main);line-height:var(--line-height-normal);margin:0}.user-sheet-view-order-btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-border-subtle);border-radius:var(--radius-sm);width:100%;color:var(--color-text-main);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-fast);margin-top:var(--space-2);border:none;display:flex}.user-sheet-view-order-btn:hover{background:var(--color-border-default);color:var(--color-primary)}.user-sheet-view-order-btn svg{flex-shrink:0}.user-sheet-empty-state{padding:var(--space-8) var(--space-5);text-align:center;justify-content:center;align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.user-sheet-empty-icon{color:var(--color-text-muted)}.user-sheet-empty-message{font-size:var(--text-sm);color:var(--color-text-subtle);margin:0}.user-sheet-shop-btn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-6);background:var(--color-primary);color:var(--color-text-inverse);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-fast);border:none;display:flex}.user-sheet-shop-btn:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.user-sheet-no-results{padding:var(--space-10) var(--space-5);text-align:center;justify-content:center;align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.user-sheet-no-results svg{color:var(--color-text-muted)}.user-sheet-no-results p{font-size:var(--text-sm);color:var(--color-text-subtle);margin:0}.user-sheet-no-results button{padding:6px var(--space-4);background:var(--color-primary);color:var(--color-text-inverse);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:background var(--transition-fast);border:none}.user-sheet-no-results button:hover{background:var(--color-primary-hover)}.user-sheet-loading{padding:var(--space-10) var(--space-5);justify-content:center;align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.user-sheet-loading-spinner{border:3px solid var(--color-border-subtle);border-top-color:var(--color-primary);border-radius:var(--radius-full);width:32px;height:32px;animation:.8s linear infinite spin}.user-sheet-loading p{color:var(--color-text-subtle);font-size:var(--text-sm);margin:0}.user-sheet-error{padding:var(--space-10) var(--space-5);text-align:center;justify-content:center;align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.user-sheet-error svg{color:var(--color-error)}.user-sheet-error p{color:var(--color-text-subtle);font-size:var(--text-sm);margin:0}.user-sheet-retry-btn{padding:var(--space-2) var(--space-5);background:var(--color-primary);color:var(--color-text-inverse);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:background var(--transition-fast);border:none}.user-sheet-retry-btn:hover{background:var(--color-primary-hover)}.user-sheet-referral-stats{gap:var(--space-3);padding:var(--space-3) 0;display:flex}.user-sheet-referral-stat{padding:var(--space-4) var(--space-3);background:var(--color-border-subtle);border-radius:var(--radius-md);flex-direction:column;flex:1;align-items:center;display:flex}.user-sheet-referral-stat-value{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text-main)}.user-sheet-referral-stat-label{font-size:var(--text-xs);color:var(--color-text-subtle);margin-top:2px}.user-sheet-referral-code{margin:var(--space-3) 0}.user-sheet-referral-code label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-main);margin-bottom:6px;display:block}.user-sheet-referral-code-box{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-border-subtle);border-radius:var(--radius-md);border:1px dashed var(--color-border-default);display:flex}.user-sheet-referral-code-text{font-size:var(--text-base);font-weight:var(--font-bold);color:var(--color-primary);letter-spacing:1px;flex:1}.user-sheet-referral-copy-btn{padding:6px var(--space-3);background:var(--color-primary);color:var(--color-text-inverse);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);font-size:var(--text-sm);font-weight:var(--font-medium);border:none;justify-content:center;align-items:center;display:flex}.user-sheet-referral-copy-btn:hover{background:var(--color-primary-hover)}.user-sheet-referral-message{font-size:var(--text-sm);color:var(--color-text-subtle);text-align:center;margin:var(--space-2) 0}.user-sheet-setting-item{padding:var(--space-3) 0;border-bottom:1px solid var(--color-border-subtle);justify-content:space-between;align-items:center;display:flex}.user-sheet-setting-item:last-child{border-bottom:none}.user-sheet-setting-left{align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--color-text-main);display:flex}.user-sheet-setting-left svg{color:var(--color-text-subtle)}.user-sheet-setting-value{font-size:var(--text-sm);color:var(--color-text-subtle)}.user-sheet-toggle{flex-shrink:0;width:44px;height:24px;display:inline-block;position:relative}.user-sheet-toggle input{opacity:0;width:0;height:0}.user-sheet-toggle-slider{cursor:pointer;background:var(--color-border-default);transition:var(--duration-normal) var(--ease-in-out);border-radius:var(--radius-full);position:absolute;inset:0}.user-sheet-toggle-slider:before{content:"";background:var(--color-text-inverse);width:18px;height:18px;transition:var(--duration-normal) var(--ease-in-out);border-radius:var(--radius-full);position:absolute;bottom:3px;left:3px}.user-sheet-toggle input:checked+.user-sheet-toggle-slider{background:var(--color-primary)}.user-sheet-toggle input:checked+.user-sheet-toggle-slider:before{transform:translate(20px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:640px){.user-sheet-stats{grid-template-columns:repeat(2,1fr);gap:6px}.user-sheet-stat-card{padding:var(--space-2) var(--space-2)}.user-sheet-stat-value{font-size:var(--text-sm)}.user-sheet-stat-label{font-size:10px}.user-sheet-filters{flex-wrap:wrap}.user-sheet-search{order:1;min-width:100%}.user-sheet-filter-toggle{order:2}.user-sheet-sort-select{flex:1;order:3}.user-sheet-filter-chips{gap:var(--space-1)}.user-sheet-filter-chip{padding:3px var(--space-2);font-size:11px}.user-sheet-order-header{padding:var(--space-2) var(--space-3);flex-wrap:wrap}.user-sheet-order-left{flex-wrap:wrap;width:100%}.user-sheet-order-right{justify-content:space-between;width:100%}.user-sheet-order-date-short{font-size:10px}.user-sheet-order-info-grid{gap:var(--space-1) var(--space-2);grid-template-columns:1fr 1fr}.user-sheet-order-info-item p,.user-sheet-order-item,.user-sheet-order-address p{font-size:var(--text-xs)}.user-sheet-timeline-header{flex-direction:column;align-items:flex-start;gap:2px}.user-sheet-profile-header{text-align:center;flex-direction:column;align-items:center}.user-sheet-profile-info{align-items:center}.user-sheet-profile-name-wrapper,.user-sheet-profile-meta,.user-sheet-profile-badges{justify-content:center}.user-sheet-stats-grid{grid-template-columns:1fr 1fr}.user-sheet{max-width:100%}.user-sheet-header{padding:var(--space-3) var(--space-4);min-height:52px}.user-sheet-body{padding:var(--space-3) var(--space-4) var(--space-5)}.user-sheet-avatar{width:40px;height:40px;font-size:var(--text-base)}.user-sheet-avatar-text{font-size:var(--text-base)}.user-sheet-profile-avatar{width:52px;height:52px;font-size:var(--text-xl)}.user-sheet-profile-name-wrapper{flex-wrap:wrap}.user-sheet-edit-toggle{padding:3px 8px;font-size:11px}.user-sheet-profile-field-input input,.user-sheet-profile-field-input select{font-size:var(--text-sm);padding:6px 10px}.user-sheet-profile-actions{flex-direction:column}}@media (max-width:480px){.user-sheet-stats{grid-template-columns:1fr 1fr}.user-sheet-order-status-badge{font-size:11px}.user-sheet-order-number{font-size:var(--text-xs)}.user-sheet-order-total{font-size:var(--text-sm)}.user-sheet-order-expand-btn{width:24px;height:24px}.user-sheet-order-details{padding:0 var(--space-2) var(--space-3) var(--space-2)}.user-sheet-order-info-grid{grid-template-columns:1fr 1fr}.user-sheet-timeline-item{gap:var(--space-2);padding:var(--space-1) 0 var(--space-2) 0}.user-sheet-timeline-icon{width:24px;height:24px}.user-sheet-timeline-label{font-size:var(--text-xs)}.user-sheet-view-order-btn{font-size:var(--text-xs);padding:6px var(--space-3)}}@media (prefers-color-scheme:dark){.user-sheet{background:var(--color-bg-card)}.user-sheet-header{border-bottom-color:var(--color-border-subtle)}.user-sheet-divider,.user-sheet-item:hover{background:var(--color-border-subtle)}.user-sheet-close{background:var(--color-border-subtle);color:var(--color-text-main)}.user-sheet-close:hover{background:var(--color-border-default)}.user-sheet-referral-stat{background:var(--color-border-subtle)}.user-sheet-referral-code-box{background:var(--color-border-subtle);border-color:var(--color-border-default)}.user-sheet-setting-item{border-bottom-color:var(--color-border-subtle)}.user-sheet-profile-field-input input,.user-sheet-profile-field-input select{background:var(--color-bg-input);color:var(--color-text-main);border-color:var(--color-border-default)}.user-sheet-edit-toggle{border-color:var(--color-border-default);color:var(--color-text-subtle)}.user-sheet-edit-toggle:hover{background:var(--color-border-subtle)}.user-sheet-stat-card{background:var(--color-bg-card);border-color:var(--color-border-subtle)}.user-sheet-stat-value{color:var(--color-text-main)}.user-sheet-stat-label{color:var(--color-text-muted)}.user-sheet-search{background:var(--color-bg-card);border-color:var(--color-border-default)}.user-sheet-search input{color:var(--color-text-main)}.user-sheet-search input::placeholder{color:var(--color-text-muted)}.user-sheet-filter-toggle{background:var(--color-bg-card);border-color:var(--color-border-default);color:var(--color-text-muted)}.user-sheet-filter-toggle:hover{border-color:var(--color-text-main);color:var(--color-text-main)}.user-sheet-sort-select{background:var(--color-bg-card);border-color:var(--color-border-default);color:var(--color-text-main)}.user-sheet-filter-chip{border-color:var(--color-border-default);color:var(--color-text-subtle)}.user-sheet-filter-chip:hover{border-color:var(--color-text-main);color:var(--color-text-main)}.user-sheet-filter-chip.active{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-text-inverse)}.user-sheet-order-card{background:var(--color-bg-card);border-color:var(--color-border-subtle)}.user-sheet-order-card.expanded{border-color:var(--color-border-default)}.user-sheet-order-header:hover{background:var(--color-bg-body)}.user-sheet-order-number,.user-sheet-order-total{color:var(--color-text-main)}.user-sheet-order-total-bold{color:var(--color-primary)!important}.user-sheet-order-date-short,.user-sheet-order-expand-btn{color:var(--color-text-muted)}.user-sheet-order-expand-btn:hover{background:var(--color-border-subtle);color:var(--color-text-main)}.user-sheet-order-info-grid{border-top-color:var(--color-border-subtle);border-bottom-color:var(--color-border-subtle)}.user-sheet-order-info-item label{color:var(--color-text-muted)}.user-sheet-order-info-item p{color:var(--color-text-main)}.user-sheet-order-items label{color:var(--color-text-muted)}.user-sheet-order-item{color:var(--color-text-main)}.user-sheet-order-item-qty{color:var(--color-text-muted)}.user-sheet-order-shipping{border-top-color:var(--color-border-subtle)}.user-sheet-order-shipping label{color:var(--color-text-muted)}.user-sheet-order-address p{color:var(--color-text-main)}.user-sheet-view-order-btn{background:var(--color-border-subtle);color:var(--color-text-main)}.user-sheet-view-order-btn:hover{background:var(--color-border-default);color:var(--color-primary)}.user-sheet-timeline-icon,.user-sheet-timeline-line{background:var(--color-border-subtle)}.user-sheet-timeline-label{color:var(--color-text-main)}.user-sheet-timeline-description{color:var(--color-text-subtle)}.user-sheet-empty-icon{color:var(--color-text-muted)}.user-sheet-empty-message{color:var(--color-text-subtle)}.user-sheet-no-results svg{color:var(--color-text-muted)}.user-sheet-no-results p{color:var(--color-text-subtle)}.user-sheet-loading-spinner{border-color:var(--color-border-subtle);border-top-color:var(--color-primary)}.user-sheet-loading p{color:var(--color-text-subtle)}.user-sheet-error svg{color:var(--color-error)}.user-sheet-error p{color:var(--color-text-subtle)}.user-sheet-filter-label,.user-sheet-filter-clear{color:var(--color-text-muted)}.user-sheet-filter-clear:hover{color:var(--color-error)}.user-sheet-results-count{color:var(--color-text-muted)}.user-sheet-stat-icon.total{color:var(--color-info);background:#3b82f626}.user-sheet-stat-icon.spent{background:var(--color-primary-light);color:var(--color-success)}.user-sheet-stat-icon.pending{color:var(--color-warning);background:#f59e0b26}.user-sheet-stat-icon.delivered{color:#a78bfa;background:#8b5cf626}}
.recently-ordered{border-top:1px solid var(--color-border-subtle,#e2e8f0);margin:24px 0;padding:20px 0}.recently-ordered-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.recently-ordered-title{color:var(--color-text-main,#1e293b);align-items:center;gap:8px;margin:0;font-size:18px;font-weight:600;display:flex}.recently-ordered-title svg{color:var(--color-primary,#10b981)}.recently-ordered-view-all{color:var(--color-primary,#10b981);align-items:center;gap:4px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.recently-ordered-view-all:hover{color:var(--color-primary-hover,#059669);gap:8px}.recently-ordered-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;display:grid}.recently-ordered-item{background:var(--color-bg-card,#fff);border-radius:var(--radius-md,12px);border:1px solid var(--color-border-subtle,#e2e8f0);flex-direction:column;transition:all .3s;display:flex;overflow:hidden}.recently-ordered-item:hover{border-color:var(--color-border-default,#cbd5e1);transform:translateY(-2px);box-shadow:0 8px 24px #00000014}.recently-ordered-item-image{aspect-ratio:1;background:var(--color-bg-page,#f8fafc);position:relative;overflow:hidden}.recently-ordered-item-image img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.recently-ordered-item:hover .recently-ordered-item-image img{transform:scale(1.05)}.recently-ordered-item-placeholder{width:100%;height:100%;color:var(--color-text-muted,#94a3b8);background:var(--color-border-subtle,#f1f5f9);justify-content:center;align-items:center;display:flex}.recently-ordered-item-status{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffe6;border-radius:10px;align-items:center;gap:4px;padding:2px 8px;font-size:10px;font-weight:600;display:flex;position:absolute;top:8px;right:8px;box-shadow:0 2px 8px #0000000f}.recently-ordered-item-info{flex:1;padding:12px 14px}.recently-ordered-item-name{color:var(--color-text-main,#1e293b);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:40px;font-size:14px;font-weight:500;line-height:1.4;text-decoration:none;transition:color .2s;display:-webkit-box;overflow:hidden}.recently-ordered-item-name:hover{color:var(--color-primary,#10b981)}.recently-ordered-item-meta{align-items:center;gap:8px;margin-top:4px;display:flex}.recently-ordered-item-price{color:var(--color-primary,#10b981);font-size:15px;font-weight:700}.recently-ordered-item-qty{color:var(--color-text-muted,#94a3b8);font-size:12px}.recently-ordered-add-btn{background:var(--color-primary,#10b981);color:#fff;border-radius:var(--radius-sm,8px);cursor:pointer;border:none;justify-content:center;align-items:center;gap:6px;margin:0 14px 14px;padding:8px 14px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.recently-ordered-add-btn:hover:not(:disabled){background:var(--color-primary-hover,#059669);transform:scale(1.02)}.recently-ordered-add-btn:disabled{opacity:.7;cursor:not-allowed}.recently-ordered-add-btn .adding-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin}.recently-ordered-empty{background:var(--color-bg-card,#fff);border-radius:var(--radius-md,12px);border:1px dashed var(--color-border-default,#cbd5e1);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:32px 20px;display:flex}.recently-ordered-empty svg{color:var(--color-text-muted,#94a3b8)}.recently-ordered-empty p{color:var(--color-text-subtle,#64748b);margin:0;font-size:14px}.recently-ordered-shop-btn,.recently-ordered-login-btn{background:var(--color-primary,#10b981);color:#fff;border-radius:var(--radius-sm,8px);cursor:pointer;border:none;margin-top:4px;padding:8px 20px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s}.recently-ordered-shop-btn:hover,.recently-ordered-login-btn:hover{background:var(--color-primary-hover,#059669)}.recently-ordered-loading{color:var(--color-text-subtle,#64748b);justify-content:center;align-items:center;gap:12px;padding:32px 20px;font-size:14px;display:flex}.recently-ordered-loading .loading-spinner{border:2px solid var(--color-border-subtle,#e2e8f0);border-top-color:var(--color-primary,#10b981);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:768px){.recently-ordered-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.recently-ordered-header{flex-direction:column;align-items:flex-start;gap:8px}.recently-ordered-title{font-size:16px}.recently-ordered-item-name{min-height:36px;font-size:13px}.recently-ordered-item-price{font-size:14px}.recently-ordered-add-btn{padding:6px 12px;font-size:12px}}@media (max-width:480px){.recently-ordered-grid{grid-template-columns:repeat(2,1fr);gap:10px}.recently-ordered-item-status{padding:1px 6px;font-size:9px}.recently-ordered-item-info{padding:8px 10px}.recently-ordered-add-btn{margin:0 10px 10px;padding:6px 10px;font-size:11px}}@media (prefers-color-scheme:dark){.recently-ordered-item{background:var(--color-bg-card,#1e293b);border-color:var(--color-border-subtle,#334155)}.recently-ordered-item:hover{border-color:var(--color-border-default,#475569)}.recently-ordered-item-placeholder{background:var(--color-border-subtle,#1e293b)}.recently-ordered-item-status{background:#1e293be6}.recently-ordered-empty{background:var(--color-bg-card,#1e293b);border-color:var(--color-border-subtle,#334155)}.recently-ordered-empty svg{color:var(--color-text-muted,#64748b)}}