:root{--primary-magenta:#b5126d;--primary-gold:#cda34f;--primary-gold-light:#e8c77c;--primary-gradient:linear-gradient(135deg,#e8c77c,#b5126d 50%,#cda34f);--text-primary:#111827;--text-secondary:#6b7280;--text-muted:#9ca3af;--bg-primary:#fff;--bg-secondary:#f9fafb;--bg-tertiary:#f3f4f6;--border-color:#e5e7eb;--border-light:#d1d5db;--error-color:#ef4444;--error-bg:#fee2e2;--success-color:#10b981;--warning-color:#f59e0b;--hover-bg:#b5126d1a;--focus-ring:#b5126d1a;--border-radius-md:0.75rem;--border-radius-xl:0.75rem;--transition-fast:0.2s ease;--transition-medium:0.3s ease}@media (prefers-color-scheme:dark){:root{--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--border-color:#475569;--border-light:#64748b;--error-bg:#451a1a;--hover-bg:#b5126d26;--focus-ring:#b5126d40}}.user-modal-content{animation:modalSlideIn .3s cubic-bezier(.68,-.55,.265,1.55);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:1rem;box-sizing:border-box;margin:0 auto;max-width:26rem;padding:1.5rem;width:100%}@keyframes modalSlideIn{0%{opacity:.5;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.user-info{align-items:center;border-bottom:1px solid #e5e7ebcc;display:flex;gap:1.25rem;margin-bottom:.75rem;padding:1.25rem;position:relative;transition:all .3s ease}@media (prefers-color-scheme:dark){.user-info{border-bottom:1px solid #4b55634d}}.user-info:after{background:linear-gradient(90deg,#0000,#b5126d,#0000);background:linear-gradient(90deg,#0000,var(--primary-magenta),#0000);bottom:-1px;content:"";height:1px;left:1.25rem;opacity:0;position:absolute;right:1.25rem;transition:opacity .3s ease}.user-info:hover:after{opacity:.5}.user-avatar{animation:avatarPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);background:linear-gradient(135deg,var(--bg-tertiary),var(--border-color));box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;color:#6b7280;color:var(--text-secondary);flex-shrink:0;height:56px;transition:transform .3s cubic-bezier(.68,-.55,.265,1.55);width:56px}.user-avatar-wrapper{align-items:center;display:inline-flex;justify-content:center;position:relative}.profile-notification-badge{animation:notificationPulse 2s infinite;background:linear-gradient(135deg,#ef4444,#dc2626);border:2px solid #fff;border:2px solid var(--bg-primary);border-radius:50%;box-shadow:0 2px 4px #ef44444d;height:16px;position:absolute;right:2px;top:2px;width:16px;z-index:10}@keyframes notificationPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}}.profile-picture-alert{animation:alertSlideIn .4s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,#ef44440d,#dc26260d);border:1px solid #ef444433;border-radius:.75rem;border-radius:var(--border-radius-md);margin-bottom:1.5rem;overflow:hidden;padding:1.25rem;position:relative}@media (prefers-color-scheme:dark){.profile-picture-alert{background:linear-gradient(135deg,#ef44441a,#dc26261a);border-color:#ef44444d}}@keyframes alertSlideIn{0%{opacity:.5;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.profile-picture-alert:before{background:linear-gradient(90deg,#ef4444,#dc2626);border-radius:.75rem .75rem 0 0;border-radius:var(--border-radius-md) var(--border-radius-md) 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.alert-header{align-items:center;display:flex;gap:.75rem;margin-bottom:.875rem}.alert-icon{animation:iconBounce 2s ease-in-out infinite;color:#ef4444;flex-shrink:0}@keyframes iconBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.alert-title{color:#111827;color:var(--text-primary);font-size:1rem;font-weight:600;line-height:1.2;margin:0}.alert-message{color:#6b7280;color:var(--text-secondary);font-size:.875rem;font-weight:400;line-height:1.5;margin:0 0 1rem}.alert-action-button{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:.75rem;border-radius:var(--border-radius-xl);box-shadow:0 4px 6px -1px #ef44444d;color:#fff;cursor:pointer;display:inline-flex;font-family:Bellota,sans-serif;font-size:.875rem;font-weight:600;gap:.5rem;overflow:hidden;padding:.75rem 1.25rem;position:relative;transition:all .3s ease;transition:all var(--transition-medium)}.alert-action-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.alert-action-button:hover{background:linear-gradient(135deg,#f87171,#ef4444);box-shadow:0 8px 15px #ef444466;transform:translateY(-2px)}.alert-action-button:hover:before{left:100%}.alert-action-button:active{box-shadow:0 4px 6px -1px #ef44444d;transform:translateY(0)}.alert-action-button:focus-visible{outline:3px solid #ef44444d;outline-offset:2px}.alert-action-button svg{transition:transform .2s ease;transition:transform var(--transition-fast)}.alert-action-button:hover svg{transform:scale(1.1) rotate(-5deg)}@media (max-width:768px){.profile-picture-alert{margin-bottom:1.25rem;padding:1rem}.alert-header{gap:.5rem;margin-bottom:.75rem}.alert-title{font-size:.9375rem}.alert-message{font-size:.8125rem;margin-bottom:.875rem}.alert-action-button{font-size:.8125rem;justify-content:center;padding:.625rem 1rem;width:100%}}@media (max-width:480px){.profile-notification-badge{border-width:1.5px;height:14px;right:1px;top:1px;width:14px}.profile-picture-alert{margin-bottom:1rem;padding:.875rem}.alert-header{margin-bottom:.625rem}.alert-title{font-size:.875rem}.alert-message{font-size:.8rem;margin-bottom:.75rem}}@media (prefers-color-scheme:dark){.user-avatar{background:linear-gradient(135deg,#374151cc,#4b5563cc);box-shadow:0 4px 6px -1px #0000004d;color:#6b7280;color:var(--text-secondary)}}@keyframes avatarPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.user-avatar:hover{transform:scale(1.1) rotate(5deg)}.user-details{flex:1 1;min-width:0}.user-name-container{margin-bottom:.5rem}.name-display-group{align-items:center;animation:fadeIn .2s ease;display:flex;gap:.5rem}.user-name{color:#111827;color:var(--text-primary);font-size:1.125rem;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;transition:color .2s ease;white-space:nowrap}.edit-name-btn{background:#0000;border:none;border-radius:.375rem;color:#6b7280;color:var(--text-secondary);cursor:pointer;opacity:0;padding:.375rem;transform:scale(.8);transition:all .2s ease}.name-display-group:hover .edit-name-btn{opacity:1;transform:scale(1)}.edit-name-btn:hover{background:#b5126d1a;background:var(--hover-bg);color:#b5126d;color:var(--primary-magenta);transform:scale(1.1) rotate(-5deg)}.edit-name-btn:focus-visible{outline:2px solid #b5126d;outline:2px solid var(--primary-magenta);outline-offset:2px}.name-edit-group{align-items:center;animation:slideIn .2s cubic-bezier(.68,-.55,.265,1.55);display:flex;gap:.5rem}@keyframes slideIn{0%{opacity:.5;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.name-input{background:#f9fafbcc;border:2px solid #e5e7eb;border:2px solid var(--border-color);border-radius:.5rem;color:#111827;color:var(--text-primary);flex:1 1;font-size:1.125rem;font-weight:600;outline:none;padding:.5rem .75rem;transition:all .2s ease}@media (prefers-color-scheme:dark){.name-input{background:#1f2937cc;border-color:#4b556399}}.name-input:focus{background:#fff;border-color:#b5126d;border-color:var(--primary-magenta);box-shadow:0 0 0 3px #b5126d1a;box-shadow:0 0 0 3px var(--focus-ring)}@media (prefers-color-scheme:dark){.name-input:focus{background:#1f2937f2}}.name-input:disabled{cursor:not-allowed;opacity:.6}.name-edit-actions{display:flex;gap:.375rem}.name-action-btn{align-items:center;background:#0000;border:none;border-radius:.375rem;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s cubic-bezier(.68,-.55,.265,1.55)}.name-action-btn:hover{transform:scale(1.1)}.name-action-btn:focus-visible{outline:2px solid currentColor;outline-offset:2px}.name-action-btn:active{transform:scale(.95)}.name-action-btn--save{color:#10b981;color:var(--success-color)}.name-action-btn--save:hover{background:#10b9811a}.name-action-btn--cancel{color:#ef4444;color:var(--error-color)}.name-action-btn--cancel:hover{background:#ef44441a}.name-action-btn:disabled{cursor:not-allowed;opacity:.5}.user-email{color:#6b7280;color:var(--text-secondary);font-size:.9375rem;margin:0;overflow:hidden;text-overflow:ellipsis;transition:color .2s ease;white-space:nowrap}.update-status{animation:statusSlideIn .3s ease;border-radius:.375rem;font-size:.875rem;font-weight:500;margin-top:.5rem;padding:.375rem .75rem}@keyframes statusSlideIn{0%{opacity:.5;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.update-status--success{background:#10b9811a;border:1px solid #10b98133;color:#059669}@media (prefers-color-scheme:dark){.update-status--success{background:#10b98126;border-color:#10b9814d;color:#10b981;color:var(--success-color)}}.update-status--error{background:#ef44441a;border:1px solid #ef444433;color:#dc2626}@media (prefers-color-scheme:dark){.update-status--error{background:#ef444426;border-color:#ef44444d;color:#ef4444;color:var(--error-color)}}.user-menu{display:flex;flex-direction:column;gap:.625rem;margin-top:1.25rem}@keyframes fadeIn{0%{opacity:.5}to{opacity:1}}.menu-item{align-items:center;animation:menuItemFadeIn .4s ease forwards;background:#f9fafb80;border:1px solid #0000;border-radius:.75rem;color:#111827;color:var(--text-primary);cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.875rem;min-height:52px;opacity:1;outline:none;overflow:hidden;padding:.875rem 1.125rem;position:relative;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}@media (prefers-color-scheme:dark){.menu-item{background:#1f293780}}.menu-item:first-child{animation-delay:.1s}.menu-item:nth-child(2){animation-delay:.15s}.menu-item:nth-child(3){animation-delay:.2s}.menu-item:nth-child(4){animation-delay:.25s}.menu-item:nth-child(5){animation-delay:.3s}@keyframes menuItemFadeIn{0%{opacity:.5;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.menu-item:before{background:linear-gradient(135deg,#0000,#b5126d1a);background:linear-gradient(135deg,#0000,var(--hover-bg));content:"";inset:0;position:absolute;transform:translateX(-100%);transition:transform .3s ease}.menu-item:hover:before{transform:translateX(0)}.menu-item:focus-visible{border-color:#b5126d;border-color:var(--primary-magenta);box-shadow:0 0 0 3px #b5126d1a;box-shadow:0 0 0 3px var(--focus-ring)}.menu-item svg{color:#6b7280;color:var(--text-secondary);flex-shrink:0;height:24px;min-width:24px;transition:all .3s cubic-bezier(.68,-.55,.265,1.55)}.menu-item span{transition:transform .3s ease}.menu-item--danger{background:#fef2f280;color:#ef4444;color:var(--error-color);margin-top:1rem}@media (prefers-color-scheme:dark){.menu-item--danger{background:#ef44441a}}.menu-item--danger:before{background:linear-gradient(135deg,#0000,#ef44441a)}@media (prefers-color-scheme:dark){.menu-item--danger:before{background:linear-gradient(135deg,#0000,#ef444433)}}.menu-item--danger svg{color:#ef4444;color:var(--error-color)}@media (hover:hover){.menu-item:hover{background:#f9fafbcc;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateX(4px)}.menu-item:hover svg{color:#b5126d;color:var(--primary-magenta);transform:rotate(-5deg) scale(1.1)}.menu-item:hover span{transform:translateX(2px)}.menu-item--danger:hover{background:#fef2f2cc}.menu-item--danger:hover svg{color:#dc2626;transform:rotate(5deg) scale(1.1)}}@media (prefers-color-scheme:dark) and (hover:hover){.menu-item:hover{background:#1f2937cc}.menu-item--danger:hover{background:#ef444426}.menu-item--danger:hover svg{color:#f87171}}.menu-item:active{transform:scale(.98)}.menu-item:disabled{cursor:not-allowed;opacity:.5;transform:none}.menu-item:disabled:hover{background:#f9fafb80;transform:none}.user-avatar-container{display:flex;justify-content:center;margin-bottom:1rem;position:relative}.user-avatar{background:linear-gradient(135deg,#e8c77c,#b5126d 50%,#cda34f);background:var(--primary-gradient);box-shadow:0 4px 12px #b5126d4d;color:#fff;height:64px;width:64px}.user-avatar,.user-role-badge{align-items:center;border-radius:50%;display:flex;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.user-role-badge{border:3px solid #fff;bottom:-2px;box-shadow:0 2px 8px #00000026;height:28px;position:absolute;right:8px;width:28px}@media (prefers-color-scheme:dark){.user-role-badge{border-color:#374151}}.user-role-badge.role-admin{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff}.user-role-badge.role-seller{background:linear-gradient(135deg,#059669,#047857);color:#fff}.user-role-badge.role-user{background:linear-gradient(135deg,#e8c77c,#b5126d 50%,#cda34f);background:var(--primary-gradient);color:#fff}.user-role-info{display:flex;justify-content:center;margin-bottom:.5rem}.user-role-label{align-items:center;border:1px solid;border-radius:20px;display:inline-flex;font-size:.75rem;font-weight:700;gap:.375rem;letter-spacing:.1em;padding:.375rem .875rem;text-transform:uppercase;transition:all .2s ease}.user-role-label.role-admin{background:#dc26261a;border-color:#dc26264d;color:#dc2626}.user-role-label.role-seller{background:#0596691a;border-color:#0596694d;color:#059669}.user-role-label.role-user{background:#b5126d1a;border-color:#b5126d4d;color:#b5126d;color:var(--primary-magenta)}.user-welcome-message{background:linear-gradient(135deg,#e8c77c1a,#b5126d0d);border:1px solid #b5126d1a;border-radius:12px;margin:1rem 0;overflow:hidden;padding:1rem;position:relative;text-align:center}@media (prefers-color-scheme:dark){.user-welcome-message{background:linear-gradient(135deg,#e8c77c1a,#b5126d1a);border-color:#b5126d33}}.user-welcome-message:before{background:linear-gradient(135deg,#e8c77c,#b5126d 50%,#cda34f);background:var(--primary-gradient);content:"";height:2px;left:0;position:absolute;right:0;top:0}.user-welcome-message p{color:#4b5563;font-size:.875rem;font-weight:500;line-height:1.5;margin:0}@media (prefers-color-scheme:dark){.user-welcome-message p{color:#d1d5db}}.menu-item--primary{background:linear-gradient(135deg,#e8c77c,#b5126d 50%,#cda34f);background:var(--primary-gradient);border:2px solid #0000;color:#fff;font-weight:600;overflow:hidden;position:relative}.menu-item--primary:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.menu-item--primary:hover{border-color:#fff3;box-shadow:0 8px 25px #b5126d4d;transform:translateY(-2px)}.menu-item--primary:hover:before{left:100%}.menu-item--primary:active{box-shadow:0 4px 15px #b5126d33;transform:translateY(0)}.menu-item--primary .menu-item-icon{filter:drop-shadow(0 0 4px rgba(255,255,255,.3))}.user-avatar:hover{box-shadow:0 6px 20px #b5126d66;transform:scale(1.05)}.user-role-badge:hover{box-shadow:0 4px 12px #00000040;transform:scale(1.1)}@keyframes roleModalEnter{0%{opacity:.5;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.user-modal-content{animation:roleModalEnter .3s cubic-bezier(.4,0,.2,1)}@keyframes badgeEnter{0%{opacity:.5;transform:scale(0) rotate(-90deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}.user-role-badge{animation:badgeEnter .4s cubic-bezier(.175,.885,.32,1.275) .2s both}@keyframes welcomeEnter{0%{opacity:.5;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.user-welcome-message{animation:welcomeEnter .5s ease-out .3s both}.menu-item--primary:disabled{background:linear-gradient(135deg,#9ca3af,#6b7280);cursor:not-allowed}.menu-item--primary:disabled,.menu-item--primary:disabled:hover{box-shadow:none;transform:none}.role-admin .user-avatar{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 12px #dc26264d}.role-seller .user-avatar{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #0596694d}.role-user .user-avatar{background:linear-gradient(135deg,#e8c77c,#b5126d 50%,#cda34f);background:var(--primary-gradient);box-shadow:0 4px 12px #b5126d4d}.user-details *{transition:all .2s ease}.menu-item--primary:focus{outline:3px solid #ffffff80;outline-offset:2px}@media (max-width:480px){.user-avatar{height:56px;width:56px}.user-role-badge{border-width:2px;bottom:-1px;height:24px;right:4px;width:24px}.user-role-badge svg{height:14px;width:14px}.user-role-label{font-size:.7rem;padding:.25rem .625rem}.user-welcome-message{margin:.75rem 0;padding:.75rem}.user-welcome-message p{font-size:.8rem}.menu-item--primary{font-size:.9rem;padding:.875rem 1rem}}@media (max-width:768px){.user-modal-content{-webkit-overflow-scrolling:touch;max-height:90vh;overflow-y:auto;padding:1.25rem}.user-info{gap:1rem;padding:1rem}.user-avatar{height:48px;width:48px}.user-name{font-size:1.125rem;letter-spacing:-.01em}.user-email{font-size:.9375rem}.edit-name-btn{opacity:1;transform:scale(1)}.menu-item{border-radius:.625rem;gap:1rem;min-height:56px;padding:1rem}.menu-item:active{background:#f9fafbe6;transform:scale(.98)}.menu-item--danger:active{background:#fef2f2e6}}@media (prefers-color-scheme:dark) and (max-width:768px){.menu-item:active{background:#1f2937e6}.menu-item--danger:active{background:#ef444433}}@media (max-width:360px){.user-modal-content{padding:1rem}.user-info{align-items:center;flex-direction:column;padding-bottom:1.5rem;text-align:center}.user-avatar{height:64px;margin-bottom:.75rem;width:64px}.user-details{text-align:center;width:100%}.name-display-group{justify-content:center}.menu-item{font-size:.9375rem;padding:1rem .875rem}}@media (prefers-reduced-motion:reduce){.edit-name-btn,.menu-item,.menu-item span,.menu-item svg,.menu-item:before,.name-action-btn,.name-display-group,.name-edit-group,.update-status,.user-avatar,.user-modal-content,.user-role-badge,.user-welcome-message{animation:none!important;-webkit-animation:none!important;transition-duration:.01ms!important}.menu-item:hover,.user-avatar:hover{transform:none!important}}@supports (-webkit-touch-callout:none){.menu-item{opacity:1!important;transform:translateY(0)!important}.user-modal-content{transform:translateY(0) scale(1)!important}}
/*# sourceMappingURL=main-4d0ecd85.7475c26e.css.map*/