*{box-sizing:border-box;margin:0;padding:0}:root{--deep-maroon:#5a2a2a;--gold:gold;--off-white:#fdf6ec;--soft-glow:#fff2b2;--text-dark:#2c2c2c}body{background-color:#fdf6ec;background-color:var(--off-white);color:#2c2c2c;color:var(--text-dark);font-family:Lato,sans-serif;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:Playfair Display,serif;font-weight:600}.container{margin:0 auto;max-width:1200px;padding:0 20px}.btn{border:none;border-radius:8px;cursor:pointer;display:inline-block;font-size:16px;font-weight:600;padding:12px 24px;text-align:center;text-decoration:none;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#5a2a2a,#7a3a3a);background:linear-gradient(135deg,var(--deep-maroon),#7a3a3a);color:#fff}.btn-primary:hover{box-shadow:0 8px 20px #5a2a2a4d;transform:translateY(-2px)}.btn-gold{background:linear-gradient(135deg,gold,#e6c200);background:linear-gradient(135deg,var(--gold),#e6c200);color:#5a2a2a;color:var(--deep-maroon)}.btn-gold:hover{box-shadow:0 8px 20px #ffd7004d;transform:translateY(-2px)}.section{padding:60px 0}.mb-4{margin-bottom:2rem}.mb-2{margin-bottom:1rem}.grid{grid-gap:2rem;gap:2rem}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}@media (max-width:768px){.container{padding:0 15px}.section{padding:40px 0}}.App{min-height:100vh}.navbar{background:linear-gradient(135deg,var(--deep-maroon),#711414);box-shadow:0 2px 10px #0000001a;padding:1rem 0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.navbar-content{justify-content:space-between}.logo,.navbar-content{align-items:center;display:flex}.logo{color:var(--gold);font-family:Playfair Display,serif;font-size:1.8rem;font-weight:700;gap:.75rem;text-decoration:none;transition:all .3s ease}.logo:hover{transform:scale(1.05)}.logo-image{filter:brightness(0) saturate(100%) invert(84%) sepia(58%) saturate(2500%) hue-rotate(2deg) brightness(104%) contrast(101%);height:40px;transition:all .3s ease;width:auto}.logo-text{color:var(--gold);font-family:Playfair Display,serif;font-size:1.8rem;font-weight:700}.nav-links{display:flex;gap:2rem;list-style:none}.nav-links a{color:#fff;font-weight:500;text-decoration:none;transition:color .3s ease}.nav-links a:hover{color:var(--gold)}.hero{align-items:center;background:linear-gradient(#5a2a2a99,#5a2a2a99),url(/static/media/hero-bg.ac190e44effef5bf6c4d.jpg);background-attachment:fixed;background-position:50%;background-size:cover;color:#fff;display:flex;min-height:100vh;overflow:hidden;position:relative;text-align:center}.hero:before{animation:float 6s ease-in-out infinite;background:radial-gradient(circle at 20% 30%,#ffd7001a 0,#0000 50%),radial-gradient(circle at 80% 70%,#ffd7001a 0,#0000 50%),radial-gradient(circle at 50% 50%,#ffd7000d 0,#0000 70%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.hero-content{position:relative;z-index:10}.hero-logo{animation:logoGlow 3s ease-in-out infinite;margin-bottom:2rem}.hero-logo-image{drop-shadow:0 0 20px #ffd7004d;filter:brightness(0) saturate(100%) invert(84%) sepia(58%) saturate(2500%) hue-rotate(2deg) brightness(104%) contrast(101%);height:120px;width:auto}@keyframes logoGlow{0%,to{filter:brightness(0) saturate(100%) invert(84%) sepia(58%) saturate(2500%) hue-rotate(2deg) brightness(104%) contrast(101%) drop-shadow(0 0 20px rgba(255,215,0,.3))}50%{filter:brightness(0) saturate(100%) invert(84%) sepia(58%) saturate(2500%) hue-rotate(2deg) brightness(104%) contrast(101%) drop-shadow(0 0 30px rgba(255,215,0,.5))}}.hero-content h1{font-size:3.5rem;margin-bottom:1rem;text-shadow:2px 2px 4px #0000004d}.hero-content .subtitle{color:var(--soft-glow);font-size:1.5rem;margin-bottom:1rem}.hero-content .location{color:var(--gold);font-size:1.2rem;font-weight:600;margin-bottom:2rem}.hero-content .description{font-size:1.1rem;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:600px}.product-card{transition:transform .3s ease,box-shadow .3s ease}.product-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-5px)}.product-layout{display:grid;grid-template-columns:1fr 1fr;min-height:300px}.product-images{align-items:center;background:var(--off-white);display:flex;justify-content:center;overflow:hidden;padding:2rem;position:relative}.product-image{border-radius:12px;box-shadow:0 4px 15px #0000001a;height:250px;object-fit:cover;transition:transform .3s ease;width:250px}.product-image:hover{transform:scale(1.05)}.product-placeholder{align-items:center;background:linear-gradient(135deg,var(--gold),#e6c200);border-radius:50%;color:var(--deep-maroon);display:flex;font-size:3rem;height:200px;justify-content:center;width:200px}.product-details{display:flex;flex-direction:column;justify-content:space-between;padding:2rem}.product-id{color:#666;font-size:.9rem;margin-bottom:.5rem}.product-name{color:var(--deep-maroon);font-size:1.4rem;margin-bottom:1rem}.product-price{color:var(--gold);font-size:1.5rem;font-weight:700;margin-bottom:1rem}.product-qualities{margin-bottom:1.5rem}.quality-item{align-items:center;display:flex;font-size:.95rem;margin-bottom:.5rem}.quality-item span{margin-left:.5rem}.form-group{margin-bottom:1.5rem}.form-group label{color:var(--deep-maroon);display:block;font-weight:600;margin-bottom:.5rem}.form-group input{border:2px solid #ddd;border-radius:8px;font-size:16px;padding:12px;transition:border-color .3s ease;width:100%}.form-group input:focus{border-color:var(--gold);outline:none}.order-hero{background:linear-gradient(135deg,var(--deep-maroon),#7a3a3a);color:#fff;padding:4rem 0;text-align:center}.phone-number{border:3px solid var(--gold);border-radius:12px;color:var(--gold);display:inline-block;font-size:2rem;font-weight:700;margin:1rem 0;padding:1rem 2rem;text-decoration:none;transition:all .3s ease}.phone-number:hover{background:var(--gold);color:var(--deep-maroon);transform:scale(1.05)}.coming-soon{background:var(--off-white);padding:3rem 0;text-align:center}.animation-text{color:var(--deep-maroon);font-size:1.2rem;margin-bottom:1rem}.parallax-section{background-attachment:fixed;background-position:50%;background-repeat:no-repeat;background-size:cover;position:relative}.floating-elements{height:100%;overflow:hidden;pointer-events:none;position:absolute;width:100%}.floating-candle{animation:floatUpDown 8s ease-in-out infinite;font-size:2rem;opacity:.1;position:absolute}.floating-candle:first-child{animation-delay:0s;left:10%;top:20%}.floating-candle:nth-child(2){animation-delay:2s;right:15%;top:60%}.floating-candle:nth-child(3){animation-delay:4s;left:80%;top:40%}@keyframes floatUpDown{0%,to{opacity:.1;transform:translateY(0) rotate(0deg)}50%{opacity:.2;transform:translateY(-20px) rotate(5deg)}}.product-card{background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000001a;overflow:hidden;position:relative;transition:all .3s ease}.product-card:before{background:linear-gradient(90deg,#0000,#ffd7001a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.product-card:hover:before{left:100%}.product-card:hover{box-shadow:0 12px 30px #0003;transform:translateY(-8px)}@media (max-width:768px){.hero,.parallax-section{background-attachment:scroll}.hero-content h1{font-size:2.5rem}.product-layout{grid-template-columns:1fr}.nav-links{gap:1rem}.phone-number{font-size:1.5rem;padding:.8rem 1.5rem}.product-image{height:200px;width:200px}.logo-image{height:32px}.logo-text{font-size:1.4rem}.hero-logo-image{height:80px}}.logout-btn{background:none;border:none;color:inherit;cursor:pointer;font-family:inherit;font-size:inherit;padding:0;text-decoration:none}.logout-btn:hover{text-decoration:underline}.min-h-screen{min-height:100vh}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.bg-gray-50{background-color:#f9fafb}.py-12{padding-bottom:3rem;padding-top:3rem}.px-4{padding-left:1rem;padding-right:1rem}.max-w-md{max-width:28rem}.w-full{width:100%}.space-y-8>*+*{margin-top:2rem}.space-y-6>*+*{margin-top:1.5rem}.space-y-4>*+*{margin-top:1rem}.text-center{text-align:center}.text-3xl{font-size:1.875rem}.font-extrabold{font-weight:800}.text-gray-900{color:#111827}.rounded-md{border-radius:.375rem}.shadow-sm{box-shadow:0 1px 2px 0 #0000000d}.border{border-width:1px}.border-gray-300{border-color:#d1d5db}.px-3{padding-left:.75rem;padding-right:.75rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.text-sm{font-size:.875rem}.bg-indigo-600{background-color:#4f46e5}.text-white{color:#fff}.hover\:bg-indigo-700:hover{background-color:#4338ca}.focus\:outline-none:focus{outline:none}.disabled\:opacity-50:disabled{opacity:.5}.text-red-600{color:#dc2626}.text-indigo-600{color:#4f46e5}.hover\:text-indigo-500:hover{color:#6366f1}.font-medium{font-weight:500}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.gap-4{gap:1rem}.block{display:block}.mt-1{margin-top:.25rem}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.rounded-full{border-radius:9999px}.h-32{height:8rem}.w-32{width:8rem}.border-b-2{border-bottom-width:2px}.border-indigo-500{border-color:#6366f1}.auth-page{align-items:center;background:linear-gradient(135deg,var(--deep-maroon),#7a3a3a);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:2rem 1rem;position:relative}.auth-page:before{animation:float 6s ease-in-out infinite;background:radial-gradient(circle at 20% 30%,#ffd7001a 0,#0000 50%),radial-gradient(circle at 80% 70%,#ffd7001a 0,#0000 50%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.auth-container{max-width:480px;position:relative;width:100%;z-index:10}.auth-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border:1px solid #ffd7001a;border-radius:16px;box-shadow:0 20px 40px #0003;padding:3rem 2.5rem}.auth-header{margin-bottom:2.5rem;text-align:center}.auth-logo{align-items:center;display:flex;gap:1rem;justify-content:center;margin-bottom:1.5rem}.auth-logo-image{filter:brightness(0) saturate(100%) invert(84%) sepia(58%) saturate(2500%) hue-rotate(2deg) brightness(104%) contrast(101%);height:48px;width:auto}.auth-brand{font-size:1.8rem;font-weight:700;margin:0}.auth-brand,.auth-title{color:var(--deep-maroon);font-family:Playfair Display,serif}.auth-title{font-size:2rem;font-weight:600;margin:0 0 .5rem}.auth-subtitle{color:#666;font-size:1rem;margin:0}.auth-form{display:flex;flex-direction:column;gap:1.5rem}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.form-group{display:flex;flex-direction:column}.form-label{color:var(--deep-maroon);font-size:.9rem;font-weight:600;margin-bottom:.5rem}.form-input{background:#fff;border:2px solid #e1e5e9;border-radius:8px;font-size:16px;padding:12px 16px;transition:all .3s ease}.form-input:focus{border-color:var(--gold);box-shadow:0 0 0 3px #ffd7001a;outline:none}.form-input::placeholder{color:#999}.radio-group{display:flex;gap:1.5rem;margin-top:.5rem}.radio-option{align-items:center;cursor:pointer;display:flex}.radio-input{accent-color:var(--gold);margin-right:.5rem}.radio-label{color:var(--deep-maroon);font-weight:500}.optional{color:#999;font-size:.8rem;font-weight:400}.error-message{background:#fee;border:1px solid #fed7d7;border-radius:8px;color:#c53030;font-size:.9rem;padding:12px 16px;text-align:center}.auth-submit{font-size:1rem;font-weight:600;margin-top:1rem;padding:14px;width:100%}.auth-footer{margin-top:1.5rem;text-align:center}.auth-footer-text{color:#666;font-size:.9rem}.auth-link{color:var(--deep-maroon);font-weight:600;text-decoration:none;transition:color .3s ease}.auth-link:hover{color:var(--gold)}.dashboard-page{background:var(--off-white);min-height:100vh}.nav-actions{align-items:center;display:flex;gap:1rem}.nav-link{border-radius:6px;color:#fff;font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.nav-link:hover{background:#ffd7001a;color:var(--gold)}.logout-btn{font-size:.9rem;padding:8px 16px}.welcome-card{background:#fff;border:1px solid #ffd7001a;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:2rem;padding:2.5rem}.welcome-content{gap:2rem}.user-avatar,.welcome-content{align-items:center;display:flex}.user-avatar{background:linear-gradient(135deg,var(--deep-maroon),#7a3a3a);border-radius:50%;flex-shrink:0;height:80px;justify-content:center;width:80px}.avatar-text{color:#fff;font-size:1.8rem;font-weight:600}.welcome-info{flex:1 1}.welcome-title{color:var(--deep-maroon);font-family:Playfair Display,serif;font-size:2rem;margin:0 0 .5rem}.welcome-email{color:#666;font-size:1.1rem;margin:0 0 1rem}.role-info{display:flex;flex-direction:column;gap:.5rem}.role-badge{border-radius:20px;display:inline-block;font-size:.8rem;font-weight:600;padding:6px 12px;width:-webkit-fit-content;width:fit-content}.role-admin{background:#fee2e2;color:#991b1b}.role-distributor{background:#dbeafe;color:#1e40af}.role-delivery{background:#dcfce7;color:#166534}.role-user{background:#f3f4f6;color:#374151}.role-description{color:#666;font-size:.9rem;margin:0}.dashboard-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.dashboard-card{background:#fff;border:1px solid #ffd7001a;border-radius:12px;box-shadow:0 4px 15px #00000014;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease}.dashboard-card:before{background:linear-gradient(90deg,#0000,#ffd7000d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.dashboard-card:hover:before{left:100%}.dashboard-card:hover{box-shadow:0 8px 25px #0000001f;transform:translateY(-4px)}.card-icon{align-items:center;border-radius:12px;display:flex;font-size:1.5rem;height:48px;justify-content:center;margin-bottom:1rem;width:48px}.profile-icon{background:linear-gradient(135deg,var(--deep-maroon),#7a3a3a)}.card-content{position:relative;z-index:10}.card-title{color:var(--deep-maroon);font-family:Playfair Display,serif;font-size:1.2rem;margin:0 0 .5rem}.card-description{color:#666;font-size:.9rem;margin:0 0 1rem}.card-link{color:var(--deep-maroon);font-size:.9rem;font-weight:600;text-decoration:none;transition:color .3s ease}.card-link:hover{color:var(--gold)}@media (max-width:768px){.auth-card{padding:2rem 1.5rem}.form-row{grid-template-columns:1fr}.welcome-content{flex-direction:column;gap:1.5rem;text-align:center}.welcome-title{font-size:1.6rem}.dashboard-grid{grid-template-columns:1fr}.nav-actions{flex-direction:column;gap:.5rem}}.profile-page{background:var(--off-white);min-height:100vh;padding-top:2rem}.profile-card{background:#fff;border:1px solid #ffd7001a;border-radius:16px;box-shadow:0 4px 20px #00000014;margin:0 auto;max-width:1000px;padding:2.5rem}.profile-header{align-items:center;border-bottom:2px solid var(--off-white);display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.profile-title{color:var(--deep-maroon);font-family:Playfair Display,serif;font-size:2.2rem;margin:0}.user-info-card{background:var(--off-white);border:1px solid #ffd70033;border-radius:12px;margin-bottom:2rem;padding:2rem}.user-info-content{align-items:center;display:flex;gap:2rem}.user-details{flex:1 1}.user-name{color:var(--deep-maroon);font-family:Playfair Display,serif;font-size:1.5rem;margin:0 0 .5rem}.user-email{color:#666;font-size:1.1rem;margin:0 0 .5rem}.member-since{color:#999;font-size:.9rem;margin:0}.tab-navigation{border-bottom:2px solid var(--off-white);margin-bottom:2rem}.tab-nav{display:flex;gap:2rem;margin-bottom:-2px}.tab-button{background:none;border:none;border-bottom:2px solid #0000;color:#666;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 0;transition:all .3s ease}.tab-button.active{border-bottom-color:var(--gold)}.tab-button.active,.tab-button:hover{color:var(--deep-maroon)}.profile-form{gap:2rem}.form-section,.profile-form{display:flex;flex-direction:column}.form-section{gap:1.5rem}.section-title{border-bottom:1px solid var(--off-white);color:var(--deep-maroon);font-family:Playfair Display,serif;font-size:1.3rem;margin:0 0 1rem;padding-bottom:.5rem}.form-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.form-grid-4{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.form-input[disabled]{background:#f5f5f5;color:#666;cursor:not-allowed}.input-note{color:#999;font-size:.8rem;margin-top:.25rem}.success-message{align-items:center;background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;color:#0369a1;display:flex;gap:.5rem;margin-bottom:1.5rem;padding:1rem 1.5rem}.success-message:before{content:"✓";font-weight:700}.form-actions{border-top:1px solid var(--off-white);display:flex;justify-content:flex-end;padding-top:1rem}.btn-submit{font-size:1rem;padding:12px 24px}@media (max-width:768px){.profile-card{margin:1rem;padding:1.5rem}.profile-header{align-items:flex-start;flex-direction:column;gap:1rem}.user-info-content{flex-direction:column;gap:1.5rem;text-align:center}.tab-nav{gap:1rem}.form-grid,.form-grid-4{grid-template-columns:1fr}.form-actions{justify-content:stretch}.btn-submit{width:100%}}.account-info-card{background:#fff;border:1px solid #ffd7001a;border-radius:12px;box-shadow:0 4px 15px #00000014;margin-top:2rem;padding:2rem}.info-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.info-item{display:flex;flex-direction:column;gap:.5rem}.info-label{color:#666;font-size:.9rem;font-weight:600;margin:0}.info-value{color:var(--deep-maroon);font-size:1rem;font-weight:500;margin:0}@media (max-width:768px){.info-grid{gap:1rem;grid-template-columns:1fr}.account-info-card{margin-top:1.5rem;padding:1.5rem}}.product-image-carousel{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.carousel-container{border-radius:12px;box-shadow:0 4px 15px #0000001a;height:250px;overflow:hidden;position:relative;width:250px}.carousel-container .product-image{height:100%;margin:0;object-fit:cover;transition:transform .3s ease;width:100%}.carousel-container:hover .product-image{transform:scale(1.05)}.carousel-btn{align-items:center;background:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;font-weight:700;height:40px;justify-content:center;opacity:0;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;visibility:hidden;width:40px;z-index:10}.carousel-container:hover .carousel-btn{opacity:1;visibility:visible}.carousel-btn:hover{background:#000c;transform:translateY(-50%) scale(1.1)}.carousel-btn-prev{left:10px}.carousel-btn-next{right:10px}.carousel-indicators{display:flex;gap:8px;justify-content:center;margin-top:12px}.indicator{background:#ccc;border:none;border-radius:50%;cursor:pointer;height:8px;transition:all .3s ease;width:8px}.indicator.active{background:var(--gold);transform:scale(1.2)}.indicator:hover{background:var(--deep-maroon)}@media (max-width:768px){.carousel-container{height:200px;width:200px}.carousel-btn{font-size:1rem;height:32px;width:32px}.carousel-btn-prev{left:8px}.carousel-btn-next{right:8px}.carousel-indicators{margin-top:8px}.indicator{height:6px;width:6px}}.carousel-container .product-image[src=""]{display:none}.carousel-container .product-placeholder{align-items:center;background:linear-gradient(135deg,var(--gold),#e6c200);color:var(--deep-maroon);display:flex;font-size:3rem;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.carousel-container .product-image{opacity:1;transition:opacity .3s ease,transform .3s ease}.carousel-container .product-image.loading{opacity:.7}.product-card:hover .carousel-container{box-shadow:0 8px 25px #00000026}.product-card:hover .carousel-container .product-image{transform:scale(1.02)}.carousel-btn:focus,.indicator:focus{outline:2px solid var(--gold);outline-offset:2px}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.carousel-container .product-image.fade-in{animation:fadeIn .3s ease-out}
/*# sourceMappingURL=main.530dde77.css.map*/