.auth-overlay{background:var(--color-overlay);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:var(--z-modal-backdrop);padding:var(--spacing-lg);animation:fadeIn var(--transition-base)ease;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.auth-container{background:var(--color-background);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);width:100%;max-width:480px;max-height:90vh;animation:scaleIn var(--transition-slow)ease;position:relative;overflow-y:auto}.auth-container::-webkit-scrollbar{display:none}.auth-container{-ms-overflow-style:none;scrollbar-width:none}.auth-back-btn{top:var(--spacing-md);left:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-secondary);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast);z-index:10;background:0 0;align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:500;display:flex;position:absolute}.auth-back-btn:hover{background:var(--color-surface);color:var(--color-primary);border-color:var(--color-primary)}.auth-back-btn svg{transition:transform var(--transition-fast)}.auth-back-btn:hover svg{transform:translate(-3px)}.auth-header{padding:var(--spacing-xl)var(--spacing-xl)var(--spacing-md);padding-top:calc(var(--spacing-xl) + 2.5rem);text-align:center;border-bottom:1px solid var(--color-border-light)}.auth-logo{justify-content:center;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);display:flex}.auth-logo-icon{background:var(--color-primary);border-radius:var(--radius-md);color:#fff;width:40px;height:40px;font-family:var(--font-display);justify-content:center;align-items:center;font-size:20px;font-weight:700;display:flex}.auth-logo-text{font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-text-primary);font-weight:600}.auth-title{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--color-text-primary);margin-bottom:var(--spacing-sm);font-weight:600}.auth-subtitle{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.5}.auth-form{padding:var(--spacing-lg)var(--spacing-xl)var(--spacing-xl)}.auth-error-banner{padding:var(--spacing-md);border:1px solid var(--color-error);border-radius:var(--radius-lg);color:var(--color-error);font-size:var(--text-sm);margin-bottom:var(--spacing-lg);text-align:center;background:#ef44441a}.auth-image-section{margin-bottom:var(--spacing-lg)}.auth-image-grid{gap:var(--spacing-sm);grid-template-columns:repeat(5,1fr);display:grid}.auth-image-slot{aspect-ratio:1;border:2px dashed var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);background:var(--color-surface);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.auth-image-slot:hover{border-color:var(--color-primary);background:#f973160d}.auth-image-slot.primary{grid-area:span 2/span 2}.auth-image-slot.has-image{border-style:solid;border-color:var(--color-primary)}.auth-image-slot img{object-fit:cover;width:100%;height:100%}.auth-upload-icon{color:var(--color-text-muted);transition:color var(--transition-fast)}.auth-image-slot:hover .auth-upload-icon{color:var(--color-primary)}.auth-remove-btn{background:var(--color-error);color:#fff;border-radius:var(--radius-full);opacity:0;width:22px;height:22px;transition:opacity var(--transition-fast);justify-content:center;align-items:center;display:flex;position:absolute;top:4px;right:4px}.auth-image-slot:hover .auth-remove-btn{opacity:1}.auth-field{margin-bottom:var(--spacing-md)}.auth-label{font-size:var(--text-sm);color:var(--color-text-primary);margin-bottom:var(--spacing-xs);font-weight:500;display:block}.auth-hint{font-size:var(--text-xs);color:var(--color-text-muted);margin-bottom:var(--spacing-sm)}.auth-input{width:100%;padding:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--color-text-primary);background:var(--color-background);transition:all var(--transition-fast)}.auth-input::placeholder{color:var(--color-text-muted)}.auth-input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #f973161a}.auth-input.error{border-color:var(--color-error)}.auth-textarea{resize:vertical;min-height:80px}.auth-field-error{font-size:var(--text-xs);color:var(--color-error);margin-top:var(--spacing-xs)}.auth-submit{width:100%;padding:var(--spacing-md)var(--spacing-xl);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff;font-size:var(--text-base);border-radius:var(--radius-lg);justify-content:center;align-items:center;gap:var(--spacing-sm);transition:all var(--transition-fast);margin-top:var(--spacing-lg);font-weight:600;display:flex;box-shadow:0 4px 14px #f9731666}.auth-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #f9731680}.auth-submit:disabled{opacity:.6;cursor:not-allowed}.auth-submit svg{width:20px;height:20px}.auth-toggle{text-align:center;margin-top:var(--spacing-lg);font-size:var(--text-sm);color:var(--color-text-secondary)}.auth-toggle-btn{color:var(--color-primary);margin-left:var(--spacing-xs);transition:color var(--transition-fast);font-weight:600}.auth-toggle-btn:hover{color:var(--color-primary-dark);text-decoration:underline}.auth-input-wrapper{align-items:center;display:flex;position:relative}.auth-input-wrapper .auth-input{padding-right:48px}.auth-password-toggle{cursor:pointer;color:var(--color-text-muted);transition:color var(--transition-fast);border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.auth-password-toggle:hover{color:var(--color-primary);background:#f973161a}.auth-password-toggle:focus{color:var(--color-primary);outline:none}.auth-error-summary{border-radius:var(--radius-lg);padding:var(--spacing-md);margin-bottom:var(--spacing-md);background:linear-gradient(135deg,#ef444414,#dc262614);border:1px solid #ef44444d;animation:.3s slideDown}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.auth-error-summary-header{align-items:center;gap:var(--spacing-sm);color:#dc2626;font-weight:600;font-size:var(--text-sm);margin-bottom:var(--spacing-sm);display:flex}.auth-error-summary-header svg{flex-shrink:0}.auth-error-list{margin:0 0 var(--spacing-sm)0;padding:0;list-style:none}.auth-error-list li{font-size:var(--text-sm);color:var(--color-text-secondary);padding:4px 0;padding-left:var(--spacing-md);position:relative}.auth-error-list li:before{content:"•";color:#ef4444;font-weight:700;position:absolute;left:0}.auth-error-list li strong{color:var(--color-text-primary)}.auth-error-hint{font-size:var(--text-xs);color:var(--color-text-muted);padding:var(--spacing-sm);border-radius:var(--radius-md);margin-top:var(--spacing-sm);background:#ffffff80}.auth-error-hint strong{color:var(--color-text-secondary)}@media (max-width:480px){.auth-container{border-radius:0;flex-direction:column;height:100%;max-height:100%;display:flex}.auth-form{flex:1;overflow-y:auto}.auth-header{flex-shrink:0}.auth-image-grid{grid-template-columns:repeat(3,1fr)}.auth-image-slot.primary{grid-area:span 1/span 3}}
.navbar{z-index:50;background:0 0;max-width:1400px;margin:0 auto;padding:1.5rem 2rem 0;position:relative}.navbar-container{justify-content:space-between;align-items:center;gap:1rem;display:flex}.navbar-logo{color:#2c1810;text-transform:uppercase;letter-spacing:-.5px;flex-shrink:0;align-items:center;height:80px;font-weight:800;display:flex}.navbar-links{flex:1;justify-content:center;align-items:center;gap:2rem;display:flex}.nav-link{color:#555;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;font-size:.875rem;font-weight:700;transition:color .2s}.nav-link:hover,.nav-link.active{color:#2c1810}.nav-link.sale{color:#e53935}.navbar-icons{flex-shrink:0;align-items:center;gap:1rem;padding-right:2rem;display:flex}.icon-btn{color:#fff;background:#2c181066;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;padding:10px;transition:all .2s;display:flex;position:relative}.icon-btn:hover{background:#fff3;border-color:#fff;transform:translateY(-2px)}.icon-btn svg{stroke-width:2px;width:20px;height:20px}.icon-badge{color:#fff;background:#e53935;border:2px solid #2c1810;border-radius:50%;justify-content:center;align-items:center;min-width:18px;height:18px;font-size:.7rem;font-weight:700;display:flex;position:absolute;top:-2px;right:-2px}.icon-btn.has-profile-image{border:2px solid #10b981;padding:0;overflow:hidden}.icon-btn.has-profile-image:hover{border-color:#f97316;box-shadow:0 4px 12px #f973164d}.navbar-profile-image{object-fit:cover;border-radius:50%;width:40px;height:40px}.navbar-hamburger{cursor:pointer;color:#2c1810;z-index:60;background:0 0;border:none;padding:.5rem;display:none}.mobile-menu-overlay{z-index:55;opacity:0;pointer-events:none;background:#00000080;width:100%;height:100vh;transition:opacity .3s;position:fixed;top:0;left:0}.mobile-menu-overlay.open{opacity:1;pointer-events:auto}.mobile-menu-content{z-index:60;background:#fff;flex-direction:column;gap:1.5rem;width:300px;height:100vh;padding:6rem 2rem 2rem;transition:transform .3s ease-out;display:flex;position:fixed;top:0;right:-300px;box-shadow:-5px 0 20px #0000001a}.mobile-menu-content.open{transform:translate(-300px)}.mobile-nav-link{color:#2c1810;text-transform:uppercase;border-bottom:1px solid #f3f4f6;padding-bottom:.5rem;font-size:1.1rem;font-weight:700;text-decoration:none}.mobile-nav-link:hover{color:#f97316}@media (max-width:1024px){.navbar-links{display:none}.navbar-icons{display:flex}.navbar-icons .icon-btn{display:none}.navbar-hamburger{display:block}}.profile-dropdown-container{z-index:60;position:relative}.profile-dropdown-menu{background:#fff;border:1px solid #f3f4f6;border-radius:1rem;width:200px;padding:.5rem;animation:.2s ease-out dropdownFade;position:absolute;top:120%;right:0;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.profile-dropdown-item{color:#4b5563;cursor:pointer;background:0 0;border:none;border-radius:.5rem;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.profile-dropdown-item:hover{color:#2c1810;background-color:#f9fafb;transform:translate(4px)}.profile-dropdown-item.logout{color:#ef4444;border-top:1px solid #f3f4f6;margin-top:.25rem}.profile-dropdown-item.logout:hover{color:#dc2626;background-color:#fef2f2}.profile-dropdown-header{border-bottom:1px solid #f3f4f6;margin-bottom:.5rem;padding:1rem}.profile-dropdown-name{color:#1f2937;margin-bottom:.25rem;font-weight:700;display:block}.profile-dropdown-email{color:#6b7280;text-overflow:ellipsis;font-size:.8rem;display:block;overflow:hidden}
.footer-wrapper{background:linear-gradient(#f8fafc 0%,#eef2ff 100%);margin-top:4rem;padding:2rem 2rem 4rem}.footer-container{color:#4b5563;-webkit-backdrop-filter:blur(14px);background:#ffffffa6;border:1px solid #fff9;border-radius:16px;max-width:1400px;margin:0 auto;padding:3rem 4rem 1.5rem;position:relative;box-shadow:0 20px 50px #0f172a1f}.footer-top{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;margin-bottom:4rem;padding-bottom:2rem;display:flex}.footer-logo{align-items:center;height:120px;display:flex}.footer-logo-image{object-fit:contain;width:auto;height:100%;transition:opacity .3s}.footer-logo-image:hover{opacity:.8}.footer-actions{gap:1rem;display:flex}.action-btn{white-space:nowrap;border-radius:12px;padding:12px 24px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .3s}.action-btn.outline{color:#111827;border:1px solid #11182726}.action-btn.outline:hover{background:var(--primary-gradient);color:#111827;border-color:#0000}.action-btn.primary{background:var(--primary-gradient);color:#111827}.action-btn.primary:hover{transform:translateY(-2px);box-shadow:0 4px 15px #f973164d}.footer-links-grid{text-align:left;flex-wrap:wrap;justify-content:space-between;gap:4rem;margin-bottom:4rem;display:flex}.link-column{min-width:160px}.link-column h4{color:#111827;text-transform:uppercase;letter-spacing:.5px;margin-bottom:1.25rem;font-size:1.1rem;font-weight:700}.link-column a,.link-column p{color:#4b5563;word-break:break-word;margin-bottom:.85rem;font-size:1rem;line-height:1.4;text-decoration:none;transition:color .2s;display:block}.link-column.contact-col{flex-direction:column;align-items:flex-start;display:flex}.link-column a:hover{color:#ea580c}.highlight-text{color:#f97316!important}.footer-bottom-bar{background:#ffffff8c;border:1px solid #11182714;border-radius:16px;justify-content:space-between;align-items:center;margin-top:2rem;margin-bottom:0;padding:1.5rem 2.5rem;display:flex}.legal-links{gap:2rem;display:flex}.legal-links a{color:#111827;font-size:.9rem;font-weight:500;text-decoration:none}.social-links{gap:1.5rem;display:flex}.social-links a{color:#111827;opacity:.7;transition:all .2s}.social-links a svg{width:22px;height:22px}.social-links a:hover{opacity:1;color:#ea580c;transform:translateY(-2px)}.footer-disclaimer p{color:#6b7280;text-align:left;max-width:100%;margin-bottom:1.5rem;font-size:.85rem;line-height:1.6}@media (max-width:768px){.footer-wrapper{margin-top:2rem;padding:0 1rem 2rem}.footer-container{padding:2rem 1.5rem}.footer-top{flex-direction:column;align-items:flex-start;gap:1.5rem;margin-bottom:2rem;padding-bottom:1.5rem}.footer-logo{height:60px;margin-bottom:.5rem}.footer-actions{flex-direction:column;gap:.75rem;width:100%}.action-btn{text-align:center;width:100%;padding:10px 20px}.footer-links-grid{grid-template-columns:repeat(2,1fr);align-items:start;gap:2.5rem 1rem;margin-bottom:2rem;display:grid}.link-column{min-width:0}.link-column h4{margin-bottom:1rem;font-size:.95rem}.link-column a,.link-column p{font-size:.9rem}.footer-bottom-bar{text-align:center;flex-direction:column;gap:1.5rem;padding:1.5rem 1rem}.legal-links{flex-direction:column;gap:.75rem}.social-links{justify-content:center}}