:root{--primary-gradient:linear-gradient(135deg,#e8c77c,#b5126d 50%,#cda34f);--primary-gradient-hover:linear-gradient(135deg,#f0d08a,#c91478 50%,#d8b05c);--primary-color:#b5126d;--primary-light:#e8c77c;--primary-dark:#cda34f;--primary-shadow:#b5126d40;--text-primary:#222;--text-secondary:#6b7280;--text-muted:#9ca3af;--text-placeholder:#9ca3af;--bg-primary:#fff;--bg-secondary:#f9fafb;--bg-tertiary:#f3f4f6;--bg-hover:#fefcf9;--bg-readonly:#fafafa;--border-color:#e5e7eb;--border-light:#d1d5db;--border-focus:#b5126d;--error-color:#ef4444;--error-bg:#fee2e2;--error-shadow:#ef444433;--success-color:#10b981;--success-bg:#d1fae5;--success-shadow:#10b98133;--warning-color:#f59e0b;--warning-bg:#fef3c7;--warning-shadow:#f59e0b33;--info-color:#3b82f6;--info-bg:#dbeafe;--shadow-xs:0 1px 2px #0000000d;--shadow-sm:0 2px 4px #0000000f;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 24px #0000001f;--shadow-xl:0 12px 36px #00000029;--shadow-2xl:0 24px 48px #0000002e;--backdrop-blur:#ffffffe6;--backdrop-border:#fff3;--glass-effect:#ffffff1a;--glass-shimmer:linear-gradient(90deg,#0000,#e8c77c4d,#0000);--hover-bg:#b5126d1a;--focus-bg:#fefdf8;--focus-ring:#b5126d1a;--transition-base:cubic-bezier(0.4,0,0.2,1);--transition-bounce:cubic-bezier(0.68,-0.55,0.265,1.55);--transition-smooth:cubic-bezier(0.25,0.1,0.25,1);--animation-duration:0.3s;--animation-duration-fast:0.2s;--animation-duration-slow:0.5s;--radius-sm:6px;--radius-md:10px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-full:9999px;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:0.75rem;--spacing-lg:1rem;--spacing-xl:1.5rem;--spacing-2xl:2rem;--spacing-3xl:3rem}@media (prefers-color-scheme:dark){:root{--primary-gradient:linear-gradient(135deg,#e8c77c,#b5126d 50%,#cda34f);--primary-gradient-hover:linear-gradient(135deg,#f0d08a,#c91478 50%,#d8b05c);--primary-color:#b5126d;--primary-light:#e8c77c;--primary-dark:#cda34f;--primary-shadow:#e8c77c59;--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-muted:#94a3b8;--text-placeholder:#64748b;--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--bg-hover:#1a2438;--bg-readonly:#1a1f2e;--border-color:#475569;--border-light:#64748b;--border-focus:#e8c77c;--error-color:#f87171;--error-bg:#451a1a;--error-shadow:#f8717140;--success-color:#34d399;--success-bg:#064e3b;--success-shadow:#34d39940;--warning-color:#fbbf24;--warning-bg:#451a03;--warning-shadow:#fbbf2440;--info-color:#60a5fa;--info-bg:#1e3a8a;--shadow-xs:0 1px 2px #0003;--shadow-sm:0 2px 4px #00000040;--shadow-md:0 4px 12px #00000059;--shadow-lg:0 8px 24px #00000073;--shadow-xl:0 12px 36px #0000008c;--shadow-2xl:0 24px 48px #000000a6;--backdrop-blur:#0f172ad9;--backdrop-border:#e8c77c26;--glass-effect:#ffffff0d;--glass-shimmer:linear-gradient(90deg,#0000,#e8c77c33,#0000);--hover-bg:#b5126d26;--focus-bg:#1a2332;--focus-ring:#b5126d40}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}@keyframes shimmer{0%{left:-100%}to{left:100%}}@keyframes progressPulse{0%,to{box-shadow:0 2px 8px #b5126d40;box-shadow:0 2px 8px var(--primary-shadow)}50%{box-shadow:0 2px 16px #b5126d40;box-shadow:0 2px 16px var(--primary-shadow)}}@keyframes progressGlow{0%,to{opacity:0;transform:scaleX(1)}50%{opacity:1;transform:scaleX(1.2)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes ripple{0%{opacity:1;transform:scale(0)}to{opacity:0;transform:scale(2)}}@keyframes glowPulse{0%,to{box-shadow:0 0 20px #b5126d40,0 0 40px #b5126d40;box-shadow:0 0 20px var(--primary-shadow),0 0 40px var(--primary-shadow)}50%{box-shadow:0 0 30px #b5126d40,0 0 60px #b5126d40;box-shadow:0 0 30px var(--primary-shadow),0 0 60px var(--primary-shadow)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes confettiFall{0%{opacity:1;transform:translateY(-100vh) rotate(0deg)}to{opacity:0;transform:translateY(100vh) rotate(2turn)}}.birthday-confetti-container{bottom:0;contain:layout style paint;left:0;overflow:hidden;pointer-events:none;position:fixed;right:0;top:0;transform:translateZ(0);-webkit-transform:translateZ(0);will-change:contents;z-index:9999}.confetti{animation:confettiFall linear forwards;contain:layout style paint;height:10px;opacity:0;perspective:1000px;-webkit-perspective:1000px;top:-10px;transform:translateZ(0);-webkit-transform:translateZ(0);transform-origin:center;width:10px;will-change:transform,opacity}.confetti,.confetti:before{backface-visibility:hidden;-webkit-backface-visibility:hidden;position:absolute}.confetti:before{background:inherit;content:"";height:100%;transform:rotate(45deg);width:100%}.birthday-badge{align-items:center;animation:gradientShift 5s ease infinite;background:linear-gradient(135deg,#e8c77c,#b5126d 50%,#cda34f);background-size:200% 200%;border-radius:9999px;border-radius:var(--radius-full);box-shadow:0 4px 12px #b5126d4d;color:#fff;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;letter-spacing:.05em;margin-left:1rem;padding:.5rem 1rem;text-transform:uppercase;transform:translateZ(0);-webkit-transform:translateZ(0)}.birthday-badge-icon{display:inline-block;font-size:1.25rem}.birthday-badge-text{font-weight:700}.user-page-container{animation:fadeIn .6s ease-out;margin:0 auto;max-width:1200px;min-height:calc(100vh - 200px);padding:2rem;padding:var(--spacing-2xl);position:relative}.user-page-container:before{background:radial-gradient(ellipse at top,#e8c77c26,#0000 70%);content:"";height:300px;left:0;pointer-events:none;position:fixed;right:0;top:0}.user-page-menu-wrapper{animation:fadeIn .7s ease-out .2s both;display:flex;justify-content:center;margin-bottom:3rem;margin-bottom:var(--spacing-3xl);position:-webkit-sticky;position:sticky;top:20px}.user-page-menu{backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:#ffffffe6;background:var(--backdrop-blur);border:1px solid #fff3;border:1px solid var(--backdrop-border);border-radius:20px;border-radius:var(--radius-2xl);box-shadow:0 8px 24px #0000001f,0 0 0 1px #fff3;box-shadow:var(--shadow-lg),0 0 0 1px var(--backdrop-border);display:flex;gap:.5rem;gap:var(--spacing-sm);justify-content:center;max-width:600px;padding:.75rem;padding:var(--spacing-md);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--animation-duration) var(--transition-base);width:auto}.user-page-menu:before{background:linear-gradient(135deg,#e8c77c,#b5126d 50%,#cda34f);background:var(--primary-gradient);border-radius:20px;border-radius:var(--radius-2xl);content:"";inset:-2px;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;padding:2px;position:absolute;transition:opacity .3s cubic-bezier(.4,0,.2,1);transition:opacity var(--animation-duration) var(--transition-base)}.user-page-menu:hover:before{opacity:.5}.user-page-menu:hover{box-shadow:0 12px 36px #00000029,0 0 0 1px #fff3;box-shadow:var(--shadow-xl),0 0 0 1px var(--backdrop-border);transform:translateY(-2px)}.user-page-menu-item{-webkit-tap-highlight-color:transparent;align-items:center;background:#0000;border:none;border-radius:12px;border-radius:var(--radius-lg);color:#6b7280;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.75rem;gap:var(--spacing-md);overflow:hidden;padding:1rem 1.75rem;position:relative;transition:all .3s ease;transition:all var(--animation-duration) var(--transition-smooth);white-space:nowrap}.user-page-menu-item:before{background:linear-gradient(135deg,#e8c77c,#b5126d 50%,#cda34f);background:var(--primary-gradient);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s cubic-bezier(.4,0,.2,1);transition:opacity var(--animation-duration) var(--transition-base)}.user-page-menu-item:after{background:radial-gradient(circle at center,#ffffff4d,#0000 70%);content:"";inset:0;opacity:0;position:absolute;transform:scale(0);transition:all .6s ease;transition:all .6s var(--transition-smooth)}.user-page-menu-item:hover:not(.active){background:#b5126d1a;background:var(--hover-bg);color:#b5126d;color:var(--primary-color);transform:translateY(-2px)}.user-page-menu-item:hover:not(.active):after{opacity:1;transform:scale(1)}.user-page-menu-item.active{background:#0000;color:#fff;transform:scale(1.05)}.user-page-menu-item.active:before{opacity:1}.user-page-menu-item.active:after{animation:ripple 2s infinite;background:radial-gradient(circle at center,#fff3,#0000 70%);opacity:1;transform:scale(1)}.user-page-menu-item svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.1));flex-shrink:0;height:20px;position:relative;transition:transform .3s cubic-bezier(.68,-.55,.265,1.55);transition:transform var(--animation-duration) var(--transition-bounce);width:20px}.user-page-menu-item span{position:relative}.user-page-menu-item:hover svg{transform:scale(1.15) rotate(-5deg)}.user-page-content{animation:slideInRight .5s ease-out;animation:slideInRight var(--animation-duration-slow) ease-out;position:relative;width:100%}.user-page-error,.user-page-loading{align-items:center;animation:fadeIn .3s ease-out;animation:fadeIn var(--animation-duration) ease-out;color:#6b7280;color:var(--text-secondary);display:flex;flex-direction:column;gap:1.5rem;gap:var(--spacing-xl);justify-content:center;min-height:300px}.user-page-loading:before{animation:spin 1s linear infinite;border:3px solid #e5e7eb;border-top-color:#b5126d;border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);content:"";height:60px;width:60px}.user-page-empty{align-items:center;color:#6b7280;color:var(--text-secondary);display:flex;flex-direction:column;gap:1.5rem;gap:var(--spacing-xl);justify-content:center;min-height:300px;padding:2rem;padding:var(--spacing-2xl);text-align:center}.user-page-empty button{-webkit-tap-highlight-color:transparent;background:linear-gradient(135deg,#e8c77c,#b5126d 50%,#cda34f);background:var(--primary-gradient);background-size:200% 200%;border:none;border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 4px 12px #00000014;box-shadow:var(--shadow-md);color:#fff;cursor:pointer;font-weight:600;overflow:hidden;padding:1rem 2.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--animation-duration) var(--transition-base)}.user-page-empty button:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";inset:0;position:absolute;transform:translateX(-100%);transition:transform .6s ease}.user-page-empty button:hover:before{transform:translateX(100%)}.user-page-empty button:hover{animation:gradientShift 3s ease infinite;box-shadow:0 8px 24px #0000001f;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.user-page-info{animation:slideInRight .5s ease-out;animation:slideInRight var(--animation-duration-slow) ease-out;padding:1rem;padding:var(--spacing-lg)}.user-page-info-content{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fff;background:var(--bg-primary);border:1px solid #fff3;border:1px solid var(--backdrop-border);border-radius:16px;border-radius:var(--radius-xl);box-shadow:0 4px 12px #00000014;box-shadow:var(--shadow-md);overflow:hidden;padding:2rem;padding:var(--spacing-2xl);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--animation-duration) var(--transition-base)}.user-page-info-content:before{background:linear-gradient(135deg,#e8c77c,#b5126d 50%,#cda34f);background:var(--primary-gradient);content:"";height:2px;left:-100%;pointer-events:none;position:absolute;top:0;transition:left .6s ease;width:100%}.user-page-info-content:after{background:radial-gradient(circle,#e8c77c1a,#0000 70%);border-radius:50%;content:"";height:200px;pointer-events:none;position:absolute;right:-50%;top:-50%;width:200px}.user-page-info-content:hover:before{left:100%}.user-page-info-content:hover{box-shadow:0 8px 24px #0000001f,0 0 0 1px #fff3;box-shadow:var(--shadow-lg),0 0 0 1px var(--backdrop-border);transform:translateY(-4px)}.user-page-info-content h2{align-items:center;animation:slideInLeft .6s ease-out;color:#222;color:var(--text-primary);display:flex;font-size:1.75rem;font-weight:700;gap:.5rem;gap:var(--spacing-sm);letter-spacing:-.5px;position:relative}.user-page-info-content h2,.user-page-info-grid{margin-bottom:2rem;margin-bottom:var(--spacing-2xl)}.user-page-info-grid{grid-gap:1.5rem;grid-gap:var(--spacing-xl);display:grid;gap:1.5rem;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.info-section{animation:slideUp .5s ease-out;animation:slideUp var(--animation-duration-slow) ease-out;margin-bottom:3rem;margin-bottom:var(--spacing-3xl)}.info-section:last-child{margin-bottom:0}.info-section h2{align-items:center;border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--border-color);color:#222;color:var(--text-primary);display:flex;flex-wrap:wrap;font-size:1.25rem;font-weight:600;gap:.5rem;gap:var(--spacing-sm);margin-bottom:1.5rem;margin-bottom:var(--spacing-xl);padding-bottom:.5rem;padding-bottom:var(--spacing-sm);position:relative}.info-section h2:after{background:linear-gradient(135deg,#e8c77c,#b5126d 50%,#cda34f);background:var(--primary-gradient);bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .3s cubic-bezier(.4,0,.2,1);transition:width var(--animation-duration) var(--transition-base);width:60px}.info-section:hover h2:after{width:120px}.info-item{animation:fadeIn .5s ease-out;animation:fadeIn var(--animation-duration-slow) ease-out;background:#f9fafb;background:var(--bg-secondary);border:1px solid #0000;border-radius:12px;border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:.5rem;gap:var(--spacing-sm);margin-bottom:1.5rem;margin-bottom:var(--spacing-xl);margin-top:1.5rem;margin-top:var(--spacing-xl);overflow:hidden;padding:1.5rem;padding:var(--spacing-xl);position:relative;transition:all .3s ease;transition:all var(--animation-duration) var(--transition-smooth)}.info-item:before{background:linear-gradient(135deg,#e8c77c,#b5126d 50%,#cda34f);background:var(--primary-gradient);content:"";height:2px;left:-100%;position:absolute;top:0;transition:left .4s ease;width:100%}.info-item:after{background:radial-gradient(circle at 50% 50%,#e8c77c1a,#0000 50%);background:radial-gradient(circle at var(--mouse-x,50%) var(--mouse-y,50%),#e8c77c1a,#0000 50%);border-radius:12px;border-radius:var(--radius-lg);content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .3s cubic-bezier(.4,0,.2,1);transition:opacity var(--animation-duration) var(--transition-base)}.info-item:hover:before{left:0}.info-item:hover:after{opacity:1}.info-item:hover{background:#fefcf9;background:var(--bg-hover);border-color:#b5126d;border-color:var(--border-focus);box-shadow:0 4px 12px #00000014,0 0 0 1px #b5126d;box-shadow:var(--shadow-md),0 0 0 1px var(--border-focus);transform:translateX(5px) translateY(-2px)}.info-item--readonly{background:#fafafa;background:var(--bg-readonly);cursor:default;pointer-events:none}.info-item--readonly:after,.info-item--readonly:before{display:none}.info-item--readonly:hover{background:#fafafa;background:var(--bg-readonly);border-color:#0000;box-shadow:none;transform:none}.info-header{align-items:center;display:flex;justify-content:space-between;min-height:28px;position:relative;width:100%}.info-label-wrapper{align-items:center;display:flex;flex:1 1;gap:.5rem;gap:var(--spacing-sm)}.info-label-icon{align-items:center;color:#b5126d;color:var(--primary-color);display:flex;flex-shrink:0;justify-content:center;opacity:.8;transition:all .3s ease;transition:all var(--animation-duration) var(--transition-smooth)}.info-item:hover .info-label-icon{opacity:1;transform:scale(1.15) rotate(-5deg)}.info-item--readonly .info-label-icon{opacity:.6}.info-item--readonly:hover .info-label-icon{opacity:.6;transform:none}.info-label{color:#6b7280;color:var(--text-secondary);flex:1 1;font-size:.875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.info-actions{gap:.5rem;gap:var(--spacing-sm)}.info-actions,.info-toggle{align-items:center;display:flex}.info-toggle{-webkit-tap-highlight-color:transparent;background:#0000;border:none;color:#6b7280;color:var(--text-secondary);cursor:pointer;justify-content:center;min-height:36px;min-width:36px;padding:.5rem;padding:var(--spacing-sm);position:relative;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);transition:all var(--animation-duration) var(--transition-bounce)}.info-toggle,.info-toggle:after{border-radius:10px;border-radius:var(--radius-md)}.info-toggle:after{background:#b5126d1a;background:var(--hover-bg);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s cubic-bezier(.4,0,.2,1);transition:opacity var(--animation-duration) var(--transition-base)}.info-toggle:hover{color:#b5126d;color:var(--primary-color);transform:scale(1.1) rotate(-5deg)}.info-toggle:hover:after{opacity:1}.info-toggle.active{color:#b5126d;color:var(--primary-color);transform:rotate(180deg)}.info-toggle.primary{background:linear-gradient(135deg,#e8c77c,#b5126d 50%,#cda34f);background:var(--primary-gradient);box-shadow:0 2px 4px #0000000f;box-shadow:var(--shadow-sm);color:#fff}.info-toggle.primary:hover{background:linear-gradient(135deg,#f0d08a,#c91478 50%,#d8b05c);background:var(--primary-gradient-hover);box-shadow:0 4px 12px #00000014;box-shadow:var(--shadow-md);transform:scale(1.15) rotate(-5deg)}.info-toggle.danger{background:#ef4444;background:var(--error-color);box-shadow:0 2px 4px #0000000f;box-shadow:var(--shadow-sm);color:#fff}.info-toggle.danger:hover{background:#dc2626;box-shadow:0 4px 12px #00000014;box-shadow:var(--shadow-md);transform:scale(1.15)}.info-toggle:disabled{color:#d1d5db;color:var(--border-light);cursor:not-allowed;opacity:.5;transform:none}.info-toggle svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.1));height:18px;position:relative;width:18px}.info-value{color:#222;color:var(--text-primary);font-size:1rem;font-weight:500;line-height:1.5;padding:.5rem 0;padding:var(--spacing-sm) 0;position:relative;word-break:break-word}.info-value--empty{color:#9ca3af;color:var(--text-placeholder);font-style:italic;opacity:.7}.status-badge{align-items:center;animation:bounceIn .5s ease-out;background:#f3f4f6;background:var(--bg-tertiary);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:9999px;border-radius:var(--radius-full);color:#6b7280;color:var(--text-secondary);display:inline-flex;font-size:.8125rem;font-weight:600;gap:.25rem;gap:var(--spacing-xs);letter-spacing:.05em;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-lg);text-transform:uppercase;transition:all .3s ease;transition:all var(--animation-duration) var(--transition-smooth)}.status-badge svg{flex-shrink:0}.status-badge--success{background:#d1fae5;background:var(--success-bg);border-color:#10b981;border-color:var(--success-color);box-shadow:0 0 15px #10b98133;box-shadow:0 0 15px var(--success-shadow);color:#10b981;color:var(--success-color)}.status-badge--error{background:#fee2e2;background:var(--error-bg);border-color:#ef4444;border-color:var(--error-color);box-shadow:0 0 15px #ef444433;box-shadow:0 0 15px var(--error-shadow);color:#ef4444;color:var(--error-color)}.status-badge--warning{background:#fef3c7;background:var(--warning-bg);border-color:#f59e0b;border-color:var(--warning-color);box-shadow:0 0 15px #f59e0b33;box-shadow:0 0 15px var(--warning-shadow);color:#f59e0b;color:var(--warning-color)}.status-badge--info{background:#dbeafe;background:var(--info-bg);border-color:#3b82f6;border-color:var(--info-color);color:#3b82f6;color:var(--info-color)}.leader-badge{align-items:center;animation:glowPulse 3s infinite,gradientShift 5s ease infinite;background:linear-gradient(135deg,#e8c77c,#b5126d 50%,#cda34f);background:var(--primary-gradient);background-size:200% 200%;border-radius:9999px;border-radius:var(--radius-full);box-shadow:0 2px 4px #0000000f,0 0 20px #b5126d4d;box-shadow:var(--shadow-sm),0 0 20px #b5126d4d;color:#fff;display:inline-flex;font-size:.75rem;font-weight:600;gap:.25rem;gap:var(--spacing-xs);letter-spacing:.05em;margin-left:.75rem;margin-left:var(--spacing-md);padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-lg);text-transform:uppercase}.leader-badge svg{flex-shrink:0}.button-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:16px;width:16px}.button-become-seller,.button-change-password{-webkit-tap-highlight-color:transparent;align-items:center;background:linear-gradient(135deg,#e8c77c,#b5126d 50%,#cda34f);background:var(--primary-gradient);background-size:200% 200%;border:none;border-radius:10px;border-radius:var(--radius-md);box-shadow:0 2px 4px #0000000f,0 0 20px #b5126d00;box-shadow:var(--shadow-sm),0 0 20px #b5126d00;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.75rem;gap:var(--spacing-md);justify-content:center;letter-spacing:.05em;overflow:hidden;padding:1rem 1.5rem;padding:var(--spacing-lg) var(--spacing-xl);position:relative;text-transform:uppercase;transition:all .3s ease;transition:all var(--animation-duration) var(--transition-smooth);width:100%}.button-become-seller:before,.button-change-password:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";inset:0;position:absolute;transform:translateX(-100%);transition:transform .6s ease}.button-become-seller:hover:not(:disabled),.button-change-password:hover:not(:disabled){animation:gradientShift 3s ease infinite;box-shadow:0 4px 12px #00000014,0 0 30px #b5126d66;box-shadow:var(--shadow-md),0 0 30px #b5126d66;transform:translateY(-3px) scale(1.02)}.button-become-seller:hover:not(:disabled):before,.button-change-password:hover:not(:disabled):before{transform:translateX(100%)}.button-become-seller:active:not(:disabled),.button-change-password:active:not(:disabled){box-shadow:0 2px 4px #0000000f;box-shadow:var(--shadow-sm);transform:translateY(-1px) scale(1)}.button-become-seller:disabled,.button-change-password:disabled{cursor:not-allowed;opacity:.6;transform:none}.button-become-seller svg,.button-change-password svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.2));flex-shrink:0;transition:transform .3s cubic-bezier(.68,-.55,.265,1.55);transition:transform var(--animation-duration) var(--transition-bounce)}.button-become-seller:hover:not(:disabled) svg,.button-change-password:hover:not(:disabled) svg{transform:rotate(-15deg) scale(1.2)}.button-become-seller{background:linear-gradient(135deg,#c2185b,#d81b60);background-size:200% 200%;min-width:200px;width:-webkit-fit-content;width:fit-content}.password-change-form{display:flex;flex-direction:column;gap:1.5rem;gap:var(--spacing-xl);padding:.5rem;padding:var(--spacing-sm)}.form-error-message,.form-success-message{align-items:center;animation:shake .4s ease,fadeIn .3s ease;border-radius:10px;border-radius:var(--radius-md);display:flex;font-size:.875rem;font-weight:500;gap:.5rem;gap:var(--spacing-sm);line-height:1.5;padding:1rem 1.25rem;padding:var(--spacing-lg) 1.25rem}.form-error-message{background:#fee2e2;background:var(--error-bg);border:1px solid #ef4444;border:1px solid var(--error-color);color:#ef4444;color:var(--error-color)}.form-success-message{background:#d1fae5;background:var(--success-bg);border:1px solid #10b981;border:1px solid var(--success-color);color:#10b981;color:var(--success-color)}.form-field{display:flex;flex-direction:column;gap:.5rem;gap:var(--spacing-sm)}.form-field label{font-size:.875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.form-field input,.form-field label{color:#222;color:var(--text-primary)}.form-field input{-webkit-appearance:none;appearance:none;background:#fff;background:var(--bg-primary);border:2px solid #e5e7eb;border:2px solid var(--border-color);border-radius:10px;border-radius:var(--radius-md);font-size:1rem;padding:1rem;padding:var(--spacing-lg);transition:all .3s ease;transition:all var(--animation-duration) var(--transition-smooth);width:100%}.form-field input:focus{background:#fefdf8;background:var(--focus-bg);border-color:#b5126d;border-color:var(--border-focus);box-shadow:0 0 0 4px #b5126d1a,0 4px 12px #b5126d1a;box-shadow:0 0 0 4px var(--focus-ring),0 4px 12px #b5126d1a;outline:none;transform:translateY(-2px)}.form-field input:disabled{background:#f3f4f6;background:var(--bg-tertiary);cursor:not-allowed;opacity:.6}.password-divider{align-items:center;color:#6b7280;color:var(--text-secondary);display:flex;font-size:.875rem;font-weight:600;gap:1rem;gap:var(--spacing-lg);letter-spacing:.05em;margin:.5rem 0;margin:var(--spacing-sm) 0;text-transform:uppercase}.password-divider:after,.password-divider:before{background:linear-gradient(90deg,#0000,#e5e7eb,#0000);background:linear-gradient(90deg,#0000,var(--border-color),#0000);content:"";flex:1 1;height:2px}.password-strength{animation:fadeIn .3s ease;display:flex;flex-direction:column;gap:.5rem;gap:var(--spacing-sm);margin-top:.75rem;margin-top:var(--spacing-md)}.password-strength-bar{background:#f3f4f6;background:var(--bg-tertiary);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:9999px;border-radius:var(--radius-full);height:8px;overflow:hidden;position:relative;width:100%}.password-strength-fill{border-radius:9999px;border-radius:var(--radius-full);height:100%;position:relative;transition:width .5s ease,background-color .3s cubic-bezier(.4,0,.2,1);transition:width .5s var(--transition-smooth),background-color .3s var(--transition-base)}.password-strength-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";inset:0;position:absolute}.password-strength--weak .password-strength-fill{background:#ef4444;background:var(--error-color);width:33%}.password-strength--medium .password-strength-fill{background:#f59e0b;background:var(--warning-color);width:66%}.password-strength--strong .password-strength-fill{background:#10b981;background:var(--success-color);width:100%}.password-strength-label{font-size:.75rem;font-weight:600;letter-spacing:.05em;text-align:right;text-transform:uppercase}.password-strength--weak .password-strength-label{color:#ef4444;color:var(--error-color)}.password-strength--medium .password-strength-label{color:#f59e0b;color:var(--warning-color)}.password-strength--strong .password-strength-label{color:#10b981;color:var(--success-color)}.form-actions{display:flex;gap:1rem;gap:var(--spacing-lg);justify-content:flex-end;margin-top:.5rem;margin-top:var(--spacing-sm)}.button-primary,.button-secondary{-webkit-tap-highlight-color:transparent;align-items:center;border:none;border-radius:10px;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:.5rem;gap:var(--spacing-sm);justify-content:center;letter-spacing:.05em;min-width:120px;overflow:hidden;padding:1rem 1.5rem;padding:var(--spacing-lg) var(--spacing-xl);position:relative;text-transform:uppercase;transition:all .3s ease;transition:all var(--animation-duration) var(--transition-smooth)}.button-primary{background:linear-gradient(135deg,#e8c77c,#b5126d 50%,#cda34f);background:var(--primary-gradient);background-size:200% 200%;box-shadow:0 2px 4px #0000000f;box-shadow:var(--shadow-sm);color:#fff}.button-primary:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";inset:0;position:absolute;transform:translateX(-100%);transition:transform .6s ease}.button-primary:hover:not(:disabled){animation:gradientShift 3s ease infinite;box-shadow:0 4px 12px #00000014,0 0 20px #b5126d4d;box-shadow:var(--shadow-md),0 0 20px #b5126d4d;transform:translateY(-2px)}.button-primary:hover:not(:disabled):before{transform:translateX(100%)}.button-primary:active:not(:disabled){transform:translateY(0)}.button-primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.button-secondary{background:#f3f4f6;background:var(--bg-tertiary);border:2px solid #e5e7eb;border:2px solid var(--border-color);color:#6b7280;color:var(--text-secondary)}.button-secondary:hover:not(:disabled){background:#f9fafb;background:var(--bg-secondary);border-color:#b5126d;border-color:var(--border-focus);box-shadow:0 2px 4px #0000000f;box-shadow:var(--shadow-sm);color:#222;color:var(--text-primary);transform:translateY(-2px)}.button-secondary:active:not(:disabled){transform:translateY(0)}.button-secondary:disabled{cursor:not-allowed;opacity:.6;transform:none}.info-input{-webkit-appearance:none;appearance:none;background:#fff;background:var(--bg-primary);border:2px solid #e5e7eb;border:2px solid var(--border-color);border-radius:10px;border-radius:var(--radius-md);color:#222;color:var(--text-primary);font-size:1rem;font-weight:500;padding:1rem;padding:var(--spacing-lg);transition:all .3s ease;transition:all var(--animation-duration) var(--transition-smooth);width:100%}.info-input:focus{background:#fefdf8;background:var(--focus-bg);border-color:#b5126d;border-color:var(--border-focus);box-shadow:0 0 0 4px #b5126d1a,0 4px 12px #b5126d1a;box-shadow:0 0 0 4px var(--focus-ring),0 4px 12px #b5126d1a;outline:none;transform:translateY(-2px)}.info-input.error{animation:shake .4s ease;border-color:#ef4444;border-color:var(--error-color)}.info-input.error:focus{box-shadow:0 0 0 4px #ef444433;box-shadow:0 0 0 4px var(--error-shadow)}.edit-actions{align-items:center;display:flex;gap:.5rem;gap:var(--spacing-sm);width:100%}.edit-actions .info-input{flex:1 1;margin-right:.5rem;margin-right:var(--spacing-sm)}.edit-actions select.info-input{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%236B7280' d='M6 9 2 5h8z'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;cursor:pointer;padding-right:40px}.profile-picture-upload{animation:fadeIn .6s ease-out;background:#f9fafb;background:var(--bg-secondary);border:2px dashed #e5e7eb;border:2px dashed var(--border-color);border-radius:16px;border-radius:var(--radius-xl);overflow:hidden;padding:2rem;padding:var(--spacing-2xl);position:relative;transition:all .3s ease;transition:all var(--animation-duration) var(--transition-smooth)}.profile-picture-upload:before{animation:float 6s ease-in-out infinite;background:radial-gradient(circle,#e8c77c0d,#0000 70%);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%}.profile-picture-upload:hover{background:#fefcf9;background:var(--bg-hover);border-color:#b5126d;border-color:var(--primary-color);box-shadow:0 4px 12px #00000014,0 0 0 1px #b5126d;box-shadow:var(--shadow-md),0 0 0 1px var(--primary-color);transform:translateY(-2px)}.profile-picture-title{color:#222;color:var(--text-primary);font-size:1.5rem;font-weight:700;text-align:center}.profile-picture-container,.profile-picture-title{margin-bottom:1.5rem;margin-bottom:var(--spacing-xl);position:relative}.profile-picture-container{align-items:flex-start;display:flex;gap:2rem;gap:var(--spacing-2xl);justify-content:center}.current-avatar{flex-shrink:0;position:relative}.profile-picture-avatar{border:3px solid #e5e7eb!important;border:3px solid var(--border-color)!important;box-shadow:0 4px 12px #00000014,0 0 0 2px #fff;box-shadow:var(--shadow-md),0 0 0 2px var(--bg-primary);transition:all .3s ease;transition:all var(--animation-duration) var(--transition-smooth)}.profile-picture-avatar:hover{border-color:#b5126d!important;border-color:var(--primary-color)!important;box-shadow:0 8px 24px #0000001f,0 0 20px #b5126d4d;box-shadow:var(--shadow-lg),0 0 20px #b5126d4d;transform:scale(1.05) rotate(2deg)}.preview-badge{animation:glowPulse 2s infinite;background:linear-gradient(135deg,#e8c77c,#b5126d 50%,#cda34f);background:var(--primary-gradient);box-shadow:0 4px 12px #00000014,0 0 20px #b5126d80;box-shadow:var(--shadow-md),0 0 20px #b5126d80;color:#fff;height:32px;right:-8px;top:-8px;width:32px}.preview-badge,.processing-overlay{align-items:center;border-radius:50%;display:flex;justify-content:center;position:absolute}.processing-overlay{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#000000b3;bottom:0;left:0;right:0;top:0}.processing-spinner{animation:spin .8s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:40px;width:40px}.upload-zone{-webkit-tap-highlight-color:transparent;align-items:center;background:#fff;background:var(--bg-primary);border:2px dashed #d1d5db;border:2px dashed var(--border-light);border-radius:12px;border-radius:var(--radius-lg);cursor:pointer;display:flex;flex:1 1;justify-content:center;min-height:140px;overflow:hidden;position:relative;transition:all .3s ease;transition:all var(--animation-duration) var(--transition-smooth)}.upload-zone:before{background:radial-gradient(circle at center,#e8c77c1a,#0000 70%);content:"";inset:0;opacity:0;position:absolute;transition:opacity .3s cubic-bezier(.4,0,.2,1);transition:opacity var(--animation-duration) var(--transition-base)}.upload-zone:hover{background:#fefdf8;background:var(--focus-bg);border-color:#b5126d;border-color:var(--primary-color);box-shadow:0 2px 4px #0000000f,0 0 0 1px #b5126d;box-shadow:var(--shadow-sm),0 0 0 1px var(--primary-color);transform:translateY(-2px)}.upload-zone:hover:before{opacity:1}.upload-zone.dragging{background:#b5126d1a;background:var(--hover-bg);border-color:#b5126d;border-color:var(--primary-color);box-shadow:0 4px 12px #00000014,0 0 20px #b5126d33;box-shadow:var(--shadow-md),0 0 20px #b5126d33;transform:scale(1.02)}.upload-zone.dragging:before{opacity:1}.upload-zone.disabled{background:#f3f4f6;background:var(--bg-tertiary);cursor:not-allowed;opacity:.6}.upload-input{cursor:pointer;height:100%;opacity:0;position:absolute;width:100%}.upload-input:disabled{cursor:not-allowed}.upload-content{align-items:center;color:#6b7280;color:var(--text-secondary);display:flex;flex-direction:column;gap:.75rem;gap:var(--spacing-md);padding:1rem;padding:var(--spacing-lg);pointer-events:none;text-align:center;width:100%}.upload-content span{font-size:1rem;font-weight:600;line-height:1.4}.upload-content small{color:#9ca3af;color:var(--text-muted);font-size:.875rem}.upload-spinner{animation:spin 1s linear infinite;border:2px solid #d1d5db;border-top-color:#b5126d;border:2px solid var(--border-light);border-radius:50%;border-top-color:var(--primary-color);height:24px;width:24px}.upload-progress{background:#f3f4f6;background:var(--bg-tertiary);border:1px solid #d1d5db;border:1px solid var(--border-light);border-radius:9999px;border-radius:var(--radius-full);box-shadow:inset 0 2px 4px #0000001a;height:10px;margin-top:.75rem;margin-top:var(--spacing-md);max-width:300px;overflow:hidden;position:relative;width:90%}.upload-progress:before{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#e8c77c4d,#0000);background:var(--glass-shimmer);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.upload-progress-bar{animation:progressPulse 2s ease-in-out infinite,gradientShift 3s ease infinite;background:linear-gradient(135deg,#e8c77c,#b5126d 50%,#cda34f);background:var(--primary-gradient);background-size:200% 200%;box-shadow:0 2px 8px #b5126d40;box-shadow:0 2px 8px var(--primary-shadow);position:relative;transition:width .5s ease;transition:width .5s var(--transition-smooth)}.upload-progress-bar,.upload-progress-bar:after{border-radius:9999px;border-radius:var(--radius-full);height:100%}.upload-progress-bar:after{animation:progressGlow 1.5s ease-in-out infinite;background:linear-gradient(90deg,#0000,#fff9);content:"";position:absolute;right:0;top:0;width:30px}.upload-error{align-items:center;animation:shake .4s ease;background:#fee2e2;background:var(--error-bg);border:1px solid #ef4444;border:1px solid var(--error-color);border-radius:10px;border-radius:var(--radius-md);color:#ef4444;color:var(--error-color);font-size:.875rem;font-weight:500;gap:.5rem;gap:var(--spacing-sm);margin-bottom:1rem;margin-bottom:var(--spacing-lg);padding:1rem;padding:var(--spacing-lg);text-align:center}.upload-actions,.upload-error{display:flex;justify-content:center}.upload-actions{flex-wrap:wrap;gap:1rem;gap:var(--spacing-lg);position:relative}.upload-btn{-webkit-tap-highlight-color:transparent;align-items:center;border:none;border-radius:10px;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;gap:var(--spacing-sm);justify-content:center;letter-spacing:.05em;min-width:140px;overflow:hidden;padding:1rem 1.5rem;padding:var(--spacing-lg) var(--spacing-xl);position:relative;text-transform:uppercase;transition:all .3s ease;transition:all var(--animation-duration) var(--transition-smooth)}.upload-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";inset:0;position:absolute;transform:translateX(-100%);transition:transform .6s ease}.upload-btn:hover:not(:disabled):before{transform:translateX(100%)}.upload-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.upload-btn--save{background:#10b981;background:var(--success-color);box-shadow:0 2px 4px #0000000f;box-shadow:var(--shadow-sm);color:#fff}.upload-btn--save:hover:not(:disabled){background:#059669;box-shadow:0 4px 12px #00000014,0 0 20px #10b9814d;box-shadow:var(--shadow-md),0 0 20px #10b9814d;transform:translateY(-2px)}.upload-btn--cancel{background:#f3f4f6;background:var(--bg-tertiary);border:2px solid #e5e7eb;border:2px solid var(--border-color);color:#6b7280;color:var(--text-secondary)}.upload-btn--cancel:hover:not(:disabled){background:#f9fafb;background:var(--bg-secondary);border-color:#b5126d;border-color:var(--border-focus);color:#222;color:var(--text-primary);transform:translateY(-2px)}.upload-btn--change{background:linear-gradient(135deg,#e8c77c,#b5126d 50%,#cda34f);background:var(--primary-gradient);background-size:200% 200%;box-shadow:0 2px 4px #0000000f;box-shadow:var(--shadow-sm);color:#fff}.upload-btn--change:hover:not(:disabled){animation:gradientShift 3s ease infinite;box-shadow:0 4px 12px #00000014,0 0 20px #b5126d4d;box-shadow:var(--shadow-md),0 0 20px #b5126d4d;transform:translateY(-2px)}.upload-btn--remove{background:#ef4444;background:var(--error-color);box-shadow:0 2px 4px #0000000f;box-shadow:var(--shadow-sm);color:#fff}.upload-btn--remove:hover:not(:disabled){background:#dc2626;box-shadow:0 4px 12px #00000014,0 0 20px #ef44444d;box-shadow:var(--shadow-md),0 0 20px #ef44444d;transform:translateY(-2px)}.confirm-delete-modal{margin:0 auto;max-width:400px;padding:0;width:100%}.confirm-delete-header{align-items:center;display:flex;flex-direction:column;gap:1rem;gap:var(--spacing-lg);padding:2rem 2rem 1rem;padding:var(--spacing-2xl) var(--spacing-2xl) var(--spacing-lg) var(--spacing-2xl);text-align:center}.confirm-delete-icon{align-items:center;animation:glowPulse 2s infinite;background:#fee2e2;background:var(--error-bg);border-radius:50%;box-shadow:0 0 0 4px #ef44441a;color:#ef4444;color:var(--error-color);display:flex;height:64px;justify-content:center;width:64px}.confirm-delete-title{color:#222;color:var(--text-primary);font-size:1.25rem;font-weight:700;margin:0}.confirm-delete-content{padding:0 2rem 1.5rem;padding:0 var(--spacing-2xl) var(--spacing-xl) var(--spacing-2xl);text-align:center}.confirm-delete-message{color:#6b7280;color:var(--text-secondary);font-size:.95rem;line-height:1.5;margin:0}.confirm-delete-actions{display:flex;gap:1rem;gap:var(--spacing-lg);justify-content:center;padding:1.5rem 2rem 2rem;padding:var(--spacing-xl) var(--spacing-2xl) var(--spacing-2xl) var(--spacing-2xl)}.confirm-btn{-webkit-tap-highlight-color:transparent;align-items:center;border:none;border-radius:10px;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;gap:var(--spacing-sm);justify-content:center;letter-spacing:.05em;min-width:120px;overflow:hidden;padding:1rem 1.5rem;padding:var(--spacing-lg) var(--spacing-xl);position:relative;text-transform:uppercase;transition:all .3s ease;transition:all var(--animation-duration) var(--transition-smooth)}.confirm-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";inset:0;position:absolute;transform:translateX(-100%);transition:transform .6s ease}.confirm-btn:hover:not(:disabled):before{transform:translateX(100%)}.confirm-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.confirm-btn--cancel{background:#f3f4f6;background:var(--bg-tertiary);border:2px solid #e5e7eb;border:2px solid var(--border-color);color:#6b7280;color:var(--text-secondary)}.confirm-btn--cancel:hover:not(:disabled){background:#f9fafb;background:var(--bg-secondary);border-color:#b5126d;border-color:var(--border-focus);box-shadow:0 2px 4px #0000000f;box-shadow:var(--shadow-sm);color:#222;color:var(--text-primary);transform:translateY(-2px)}.confirm-btn--delete{background:#ef4444;background:var(--error-color);box-shadow:0 2px 4px #0000000f;box-shadow:var(--shadow-sm);color:#fff}.confirm-btn--delete:hover:not(:disabled){background:#dc2626;box-shadow:0 4px 12px #00000014,0 0 20px #ef44444d;box-shadow:var(--shadow-md),0 0 20px #ef44444d;transform:translateY(-2px)}.confirm-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.service-checkbox-item{background:#fefcf9!important;background:var(--bg-hover)!important;border:2px dashed #e5e7eb!important;border:2px dashed var(--border-color)!important;grid-column:1/-1;padding:1.5rem!important;padding:var(--spacing-xl)!important}.service-checkbox-label{align-items:center;cursor:pointer;display:flex;gap:.75rem;gap:var(--spacing-md);-webkit-user-select:none;user-select:none}.service-checkbox-input{appearance:none;-webkit-appearance:none;background-color:#fff;background-color:var(--bg-primary);border:2px solid #e5e7eb;border:2px solid var(--border-color);border-radius:4px;cursor:pointer;flex-shrink:0;height:20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:20px}.service-checkbox-input:hover{border-color:#b5126d;border-color:var(--primary-color);transform:scale(1.05)}.service-checkbox-input:checked{animation:checkboxBounce .3s ease-out;background-color:#b5126d;background-color:var(--primary-color);border-color:#b5126d;border-color:var(--primary-color)}@keyframes checkboxBounce{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.service-checkbox-input:checked:after{animation:checkmarkAppear .2s ease-out .1s backwards;border:solid #fff;border-width:0 2px 2px 0;content:"";height:8px;left:50%;position:absolute;top:45%;transform:translate(-50%,-50%) rotate(45deg);width:4px}@keyframes checkmarkAppear{0%{opacity:0;transform:translate(-50%,-50%) rotate(45deg) scale(0)}to{opacity:1;transform:translate(-50%,-50%) rotate(45deg) scale(1)}}.service-checkbox-input:focus{box-shadow:0 0 0 3px #b5126d1a;box-shadow:0 0 0 3px var(--focus-ring);outline:none}.service-checkbox-input:disabled{cursor:not-allowed;opacity:.5}.service-checkbox-text{color:#222;color:var(--text-primary);font-size:1rem;font-weight:600}.service-region-select-wrapper{animation:slideInUp .3s ease-out;border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:.5rem;gap:var(--spacing-sm);margin-top:1rem;margin-top:var(--spacing-lg);padding-top:1rem;padding-top:var(--spacing-lg)}.service-region-label{color:#6b7280;color:var(--text-secondary);font-size:.875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.service-region-select{-webkit-appearance:none;appearance:none;background:#fff;background:var(--bg-primary);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%236B7280' d='M6 9 2 5h8z'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;border:2px solid #e5e7eb;border:2px solid var(--border-color);border-radius:10px;border-radius:var(--radius-md);color:#222;color:var(--text-primary);cursor:pointer;font-size:1rem;font-weight:500;padding:1rem;padding:var(--spacing-lg);padding-right:40px;transition:all .3s ease;transition:all var(--animation-duration) var(--transition-smooth);width:100%}.service-region-select:focus{background:#fefdf8;background:var(--focus-bg);border-color:#b5126d;border-color:var(--border-focus);box-shadow:0 0 0 4px #b5126d1a,0 4px 12px #b5126d1a;box-shadow:0 0 0 4px var(--focus-ring),0 4px 12px #b5126d1a;outline:none;transform:translateY(-2px)}.service-region-select:disabled{background:#f3f4f6;background:var(--bg-tertiary);cursor:not-allowed;opacity:.6}@media (max-width:1024px){.user-page-info-grid{gap:1rem;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width:768px){.user-page-container{min-height:calc(100vh - 150px);padding:1rem;padding:var(--spacing-lg)}.confetti{height:8px;width:8px}.birthday-badge{font-size:.75rem;margin-left:0;margin-top:.5rem;padding:.4rem .8rem}.birthday-badge-icon{font-size:1rem}.user-page-menu-wrapper{margin-bottom:2rem;margin-bottom:var(--spacing-2xl);position:relative;top:0}.user-page-info-content{border-radius:12px;border-radius:var(--radius-lg);margin:0 -.5rem;margin:0 calc(var(--spacing-sm)*-1);padding:1.5rem;padding:var(--spacing-xl)}.user-page-info-grid{gap:1rem;gap:var(--spacing-lg);grid-template-columns:1fr}.user-page-menu{backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:#ffffffe6;background:var(--backdrop-blur);border-radius:0 0 20px 20px;border-radius:0 0 var(--radius-2xl) var(--radius-2xl);flex-direction:column;margin:0 -1rem;margin:0 calc(var(--spacing-lg)*-1);max-width:none;padding:1rem;padding:var(--spacing-lg);position:-webkit-sticky;position:sticky;top:0;width:100%}.user-page-menu-item{font-size:1rem;justify-content:flex-start;min-height:56px;padding:1rem 1.5rem;padding:var(--spacing-lg) var(--spacing-xl);width:100%}.info-section{margin-bottom:2rem;margin-bottom:var(--spacing-2xl)}.info-section h2{font-size:1.125rem;margin-bottom:1rem;margin-bottom:var(--spacing-lg)}.info-item{margin:.75rem 0;margin:var(--spacing-md) 0;padding:1rem;padding:var(--spacing-lg)}.form-field input,.info-input{font-size:1rem;min-height:48px;padding:1rem;padding:var(--spacing-lg);width:100%}.info-toggle{min-height:44px;min-width:44px;padding:.75rem;padding:var(--spacing-md)}.edit-actions{flex-wrap:wrap;gap:.75rem;gap:var(--spacing-md)}.edit-actions .info-input{flex-basis:100%;margin-bottom:.5rem;margin-bottom:var(--spacing-sm);margin-right:0}.edit-actions .info-toggle{flex:1 1;min-width:auto}.profile-picture-upload{padding:1.5rem;padding:var(--spacing-xl)}.profile-picture-container{align-items:center;flex-direction:column;gap:1.5rem;gap:var(--spacing-xl)}.upload-zone{min-height:160px;width:100%}.upload-content{padding:1.5rem;padding:var(--spacing-xl)}.upload-progress{height:12px;margin-top:1rem;margin-top:var(--spacing-lg);width:95%}.upload-actions{flex-direction:column;gap:.75rem;gap:var(--spacing-md)}.upload-btn{width:100%}.button-become-seller,.button-change-password,.upload-btn{font-size:1rem;min-height:56px;padding:1rem 1.5rem;padding:var(--spacing-lg) var(--spacing-xl)}.button-become-seller{width:100%}.password-change-form{gap:1rem;gap:var(--spacing-lg)}.form-actions{flex-direction:column-reverse;gap:.75rem;gap:var(--spacing-md)}.button-primary,.button-secondary{padding:1rem 1.5rem;padding:var(--spacing-lg) var(--spacing-xl);width:100%}.leader-badge{font-size:.6875rem;margin-left:0;margin-top:.5rem;margin-top:var(--spacing-sm)}.status-badge{font-size:.75rem;padding:.25rem .75rem;padding:var(--spacing-xs) var(--spacing-md)}.service-checkbox-item{padding:1rem!important;padding:var(--spacing-lg)!important}.service-checkbox-input{height:18px;transform:scale(1.1);width:18px}.service-checkbox-input:hover{transform:scale(1.15)}.service-checkbox-input:checked{animation:checkboxBounce .3s ease-out}.service-checkbox-text{font-size:.95rem}.service-region-select{font-size:1rem;padding:1rem;padding:var(--spacing-lg)}.info-label{font-size:.8125rem}.info-value{font-size:.9375rem;line-height:1.5}.info-label-wrapper{gap:.25rem;gap:var(--spacing-xs)}.info-label-icon{display:none}.user-page-info{padding:.5rem;padding:var(--spacing-sm)}.user-page-info-content{padding:1rem;padding:var(--spacing-lg)}.user-page-info-content h2{font-size:1.25rem;margin-bottom:1.5rem;margin-bottom:var(--spacing-xl)}}@media (max-width:480px){:root{--spacing-xs:0.125rem;--spacing-sm:0.375rem;--spacing-md:0.625rem;--spacing-lg:0.875rem;--spacing-xl:1.25rem;--spacing-2xl:1.75rem;--spacing-3xl:2.5rem}.user-page-container{padding:.75rem;padding:var(--spacing-md)}.confetti{height:6px;width:6px}.birthday-badge{font-size:.7rem;gap:.35rem;margin-left:0;margin-top:.5rem;padding:.35rem .7rem}.birthday-badge-icon{font-size:.9rem}.user-page-menu-item{font-size:.9375rem;gap:.5rem;gap:var(--spacing-sm);padding:1rem;padding:var(--spacing-lg) var(--spacing-lg)}.user-page-menu-item svg{height:18px;width:18px}.profile-picture-title{font-size:1.25rem}.profile-picture-upload{padding:1rem;padding:var(--spacing-lg)}.upload-zone{min-height:180px}.upload-content{padding:1rem;padding:var(--spacing-lg)}.upload-content span{font-size:.95rem}.upload-content small{font-size:.8125rem}.upload-progress{height:12px;width:100%}.upload-btn{font-size:.9375rem;min-height:48px;padding:1rem;padding:var(--spacing-lg) var(--spacing-lg)}.password-change-form{gap:1rem;gap:var(--spacing-lg);padding:0}.form-error-message,.form-success-message{font-size:.8125rem;padding:.75rem 1rem;padding:var(--spacing-md) var(--spacing-lg)}.form-field label,.password-divider{font-size:.8125rem}.password-strength-bar{height:6px}.button-become-seller,.button-change-password,.button-primary,.button-secondary{font-size:.875rem;min-height:44px;padding:.75rem 1rem;padding:var(--spacing-md) var(--spacing-lg)}.info-toggle{min-height:40px;min-width:40px;padding:.5rem;padding:var(--spacing-sm)}.info-toggle svg{height:16px;width:16px}.leader-badge{gap:4px;padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm)}.leader-badge svg{height:12px;width:12px}.service-checkbox-item{padding:.75rem!important;padding:var(--spacing-md)!important}.service-checkbox-label{gap:.5rem;gap:var(--spacing-sm)}.service-checkbox-input{height:18px;transform:scale(1.1);width:18px}.service-checkbox-input:hover{transform:scale(1.15)}.service-checkbox-text{font-size:.9375rem}.service-region-select{font-size:.9375rem;padding:.75rem 1rem;padding:var(--spacing-md) var(--spacing-lg)}}@media (hover:hover) and (pointer:fine){.button-become-seller:hover:not(:disabled),.button-change-password:hover:not(:disabled),.button-primary:hover:not(:disabled),.button-secondary:hover:not(:disabled),.confirm-btn:hover:not(:disabled),.info-item:hover,.info-toggle:hover,.upload-btn:hover:not(:disabled),.user-page-menu-item:hover{transition-duration:.2s;transition-duration:var(--animation-duration-fast)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.birthday-confetti-container,.confetti{display:none}.birthday-badge,.confetti{animation:none}}@supports (-webkit-appearance:none){.processing-overlay,.upload-zone,.user-page-menu{backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%)}.confetti{animation:confettiFall linear forwards;-webkit-animation:confettiFall linear forwards;transform:translateY(-100vh) rotate(0deg);-webkit-transform:translateY(-100vh) rotate(0deg)}}@supports not (-webkit-touch-callout:none){button,input,select,textarea{-webkit-appearance:none;appearance:none}}@supports (-webkit-overflow-scrolling:touch){.birthday-confetti-container{-webkit-overflow-scrolling:touch}.birthday-confetti-container,.confetti{transform:translateZ(0);-webkit-transform:translateZ(0)}}@media print{.button-become-seller,.button-change-password,.edit-actions,.form-actions,.info-actions,.upload-actions,.user-page-menu-wrapper{display:none!important}.info-item{page-break-inside:avoid}.user-page-info-content{border:1px solid #ccc;box-shadow:none}}:focus-visible{outline:2px solid #b5126d;outline:2px solid var(--border-focus);outline-offset:2px}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #b5126d;outline:2px solid var(--border-focus);outline-offset:2px}:focus:not(:focus-visible){outline:none}@media (prefers-contrast:high){:root{--border-color:#000;--border-light:#333;--text-secondary:#000;--text-muted:#333}}[aria-disabled=true],[disabled]{cursor:not-allowed;opacity:.6}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}
/*# sourceMappingURL=main-064887ce.db13341c.css.map*/