.header{position:fixed;top:0;left:0;right:0;background:#fff8f0f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 10px #8b6f471a;z-index:1000;transition:transform .25s ease,background .3s ease,box-shadow .3s ease}.header.hidden{transform:translateY(-110%)}.header.scrolled{background:#fff8f0fa;box-shadow:0 4px 20px #8b6f4726}.header-content{display:flex;justify-content:space-between;align-items:center;padding:20px 0}.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--dark-brown);font-size:24px;font-weight:700;transition:transform .3s ease}.logo:hover{transform:scale(1.05)}.logo-icon{font-size:32px;animation:float 3s ease-in-out infinite}.logo-text{background:linear-gradient(135deg,var(--brown),var(--chocolate));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav{display:flex;gap:30px;align-items:center}.nav-link{text-decoration:none;color:var(--text-dark);font-weight:500;position:relative;transition:color .3s ease}.nav-link:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:var(--brown);transition:width .3s ease}.nav-link:hover{color:var(--brown)}.nav-link:hover:after{width:100%}.user-menu{display:flex;align-items:center;gap:15px}.user-name{color:var(--brown);font-weight:500;font-size:14px}.btn-logout{padding:8px 16px;background:transparent;border:2px solid var(--brown);color:var(--brown);border-radius:20px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;font-family:Poppins,sans-serif}.btn-logout:hover{background:var(--brown);color:var(--white)}.btn-small{padding:8px 20px;font-size:14px}.cart-link{position:relative;display:flex;align-items:center;text-decoration:none;color:var(--text-dark);transition:transform .3s ease}.cart-link:hover{transform:scale(1.1)}.cart-icon{font-size:24px;display:inline-block}.cart-badge{position:absolute;top:-8px;right:-8px;background:var(--brown);color:var(--white);border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media (max-width: 768px){.header.hidden{transform:translateY(-120%)}.header-content{flex-direction:column;gap:15px}.nav{gap:15px;flex-wrap:wrap;justify-content:center;width:100%}.nav-link{font-size:14px}.logo{font-size:20px}.logo-icon{font-size:28px}.user-menu{flex-direction:column;gap:10px;width:100%;align-items:center}.btn-small{width:100%;text-align:center}.btn-logout{width:100%}}.footer{background:linear-gradient(135deg,var(--dark-brown),var(--brown));color:var(--cream);padding:50px 0 20px;margin-top:80px}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;margin-bottom:30px}.footer-section h3,.footer-section h4{margin-bottom:20px;color:var(--white)}.footer-logo{display:flex;align-items:center;gap:10px;font-size:24px}.footer-icon{font-size:32px;animation:float 3s ease-in-out infinite}.footer-tagline{color:var(--beige);font-style:italic;margin-top:10px}.contact-info p{display:flex;align-items:center;gap:10px;margin-bottom:15px;color:var(--beige)}.contact-icon{font-size:20px}.contact-info a{color:var(--beige);text-decoration:none;transition:color .3s ease}.contact-info a:hover{color:var(--white);text-decoration:underline}.social-icons{display:flex;gap:15px}.social-icon{font-size:28px;text-decoration:none;transition:transform .3s ease;display:inline-block}.social-icon:hover{transform:translateY(-5px) scale(1.1)}.footer-bottom{text-align:center;padding-top:20px;border-top:1px solid rgba(255,255,255,.2);color:var(--beige)}@media (max-width: 768px){.footer-content{grid-template-columns:1fr;gap:30px;text-align:center}.contact-info{align-items:center;justify-content:center}.social-icons{justify-content:center}}.hero{position:relative;min-height:600px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--cream) 0%,var(--beige) 100%);overflow:hidden;padding:100px 20px 80px}.hero-background{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden}.floating-cake,.floating-cupcake,.floating-bread{position:absolute;font-size:80px;opacity:.1;animation:float 6s ease-in-out infinite}.floating-cake{top:10%;left:10%;animation-delay:0s}.floating-cupcake{top:20%;right:15%;animation-delay:2s}.floating-bread{bottom:15%;left:20%;animation-delay:4s}.hero-content{position:relative;z-index:1;text-align:center;max-width:800px}.hero-title{font-size:48px;font-weight:700;color:var(--dark-brown);margin-bottom:20px;line-height:1.2}.hero-subtitle{font-size:20px;color:var(--text-light);margin-bottom:30px;line-height:1.6}.hero-cta{font-size:18px;padding:15px 40px}.products-section{padding:80px 20px;background:var(--white)}.section-title{text-align:center;font-size:36px;font-weight:700;color:var(--dark-brown);margin-bottom:50px;position:relative;padding-bottom:20px}.section-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:80px;height:4px;background:linear-gradient(90deg,var(--brown),var(--pink));border-radius:2px}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px;margin-top:50px}.product-card{background:var(--white);border-radius:20px;overflow:hidden;box-shadow:0 5px 20px #8b6f471a;transition:all .3s ease}.product-card:hover{transform:translateY(-10px);box-shadow:0 10px 30px #8b6f4733}.product-image-wrapper{position:relative;width:100%;height:250px;overflow:hidden;background:var(--beige)}.product-image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.product-card:hover .product-image{transform:scale(1.1)}.product-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#8b6f47cc;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.product-card:hover .product-overlay{opacity:1}.product-info{padding:25px}.product-name{font-size:22px;font-weight:600;color:var(--dark-brown);margin-bottom:10px}.product-description{color:var(--text-light);font-size:14px;margin-bottom:20px;line-height:1.6}.product-footer{display:flex;justify-content:center;align-items:center}.product-price{font-size:24px;font-weight:700;color:var(--brown)}.product-footer .btn{padding:10px 20px;font-size:14px}.why-choose-section{padding:80px 20px;background:linear-gradient(135deg,var(--beige) 0%,var(--cream) 100%)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;margin-top:50px}.feature-card{background:var(--white);padding:40px 30px;border-radius:20px;text-align:center;box-shadow:0 5px 20px #8b6f471a;transition:all .3s ease}.feature-card:hover{transform:translateY(-10px);box-shadow:0 10px 30px #8b6f4733}.feature-icon{font-size:60px;margin-bottom:20px;animation:float 3s ease-in-out infinite}.feature-card h3{font-size:20px;font-weight:600;color:var(--dark-brown);margin-bottom:15px}.feature-card p{color:var(--text-light);line-height:1.6}.faq-section{padding:80px 20px;background:var(--white)}.faq-list{max-width:900px;margin:50px auto 0}.faq-item{background:var(--cream);padding:30px;border-radius:15px;margin-bottom:20px;border-left:4px solid var(--brown);transition:all .3s ease}.faq-item:hover{box-shadow:0 5px 20px #8b6f471a;transform:translate(5px)}.faq-question{font-size:18px;font-weight:600;color:var(--dark-brown);margin-bottom:15px}.faq-answer{color:var(--text-light);line-height:1.8}.jar-cakes-section{padding:80px 20px;background:linear-gradient(135deg,var(--beige) 0%,var(--cream) 100%)}.jar-cakes-header{text-align:center;margin-bottom:40px}.jar-cakes-info{margin-top:20px;padding:20px;background:var(--white);border-radius:15px;display:inline-block;box-shadow:0 5px 20px #8b6f471a}.jar-info-text{font-size:16px;color:var(--text-dark);line-height:1.8;margin:0}.jar-info-text strong{color:var(--brown)}.jar-cakes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:30px;margin-top:50px}.jar-cake-card{background:var(--white);border-radius:20px;overflow:hidden;box-shadow:0 5px 20px #8b6f471a;transition:all .3s ease;position:relative;opacity:0;animation-fill-mode:forwards}.jar-cake-card:hover{transform:translateY(-10px);box-shadow:0 10px 30px #8b6f4733}.jar-cake-image-wrapper{position:relative;width:100%;height:250px;overflow:hidden;background:var(--beige)}.jar-cake-image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.jar-cake-card:hover .jar-cake-image{transform:scale(1.1)}.jar-badge{position:absolute;top:15px;right:15px;background:var(--brown);color:var(--white);padding:8px 15px;border-radius:20px;font-size:12px;font-weight:600;z-index:2;box-shadow:0 2px 10px #0003}.jar-cake-info{padding:25px}.jar-cake-name{font-size:20px;font-weight:600;color:var(--dark-brown);margin-bottom:10px}.jar-cake-description{color:var(--text-light);font-size:14px;margin-bottom:20px;line-height:1.6}.jar-cake-footer{display:flex;justify-content:center;align-items:center}.jar-cake-price{font-size:24px;font-weight:700;color:var(--brown)}.jar-cakes-note{margin-top:40px;padding:20px;background:var(--white);border-radius:15px;text-align:center;box-shadow:0 5px 20px #8b6f471a;border-left:4px solid var(--brown)}.jar-cakes-note p{color:var(--text-dark);font-size:16px;line-height:1.8;margin:0}.jar-cakes-note strong{color:var(--brown)}@media (max-width: 768px){.hero{min-height:500px;padding:80px 20px 60px}.hero-title{font-size:32px}.hero-subtitle{font-size:16px}.products-grid,.features-grid{grid-template-columns:1fr;gap:20px}.section-title{font-size:28px}.product-footer{flex-direction:column;gap:15px;align-items:stretch}.product-footer .btn{width:100%}.jar-cakes-grid{grid-template-columns:1fr;gap:20px}.jar-cakes-info{padding:15px}.jar-info-text{font-size:14px}}.product-details{padding:40px 20px 80px;min-height:calc(100vh - 200px)}.product-not-found{text-align:center;padding:100px 20px}.product-details-content{display:grid;grid-template-columns:1fr 1fr;gap:50px;max-width:1200px;margin:0 auto}.product-image-section{position:sticky;top:100px;height:fit-content}.product-large-image{width:100%;height:500px;object-fit:cover;border-radius:20px;box-shadow:0 10px 40px #8b6f4733;transition:transform .3s ease}.product-large-image:hover{transform:scale(1.02)}.product-info-section{display:flex;flex-direction:column;gap:30px}.product-title{font-size:36px;font-weight:700;color:var(--dark-brown);margin-bottom:10px}.product-full-description{font-size:16px;color:var(--text-light);line-height:1.8}.price-section{display:flex;align-items:center;gap:15px;padding:20px;background:var(--beige);border-radius:15px}.price-label{font-size:18px;font-weight:500;color:var(--text-dark)}.price-value{font-size:32px;font-weight:700;color:var(--brown)}.weight-section{padding:25px;background:var(--cream);border-radius:15px;margin-bottom:20px}.weight-options{display:flex;flex-direction:column;gap:12px;margin-bottom:15px}.weight-option{display:flex;align-items:center;gap:12px;padding:12px 15px;background:var(--white);border:2px solid var(--beige);border-radius:10px;cursor:pointer;transition:all .3s ease}.weight-option:hover{border-color:var(--brown);background:var(--beige)}.weight-option input[type=radio]{width:20px;height:20px;cursor:pointer;accent-color:var(--brown)}.weight-option input[type=radio]:checked+span{font-weight:600;color:var(--brown)}.weight-option:has(input[type=radio]:checked){border-color:var(--brown);background:var(--beige)}.weight-option span{font-size:16px;color:var(--text-dark)}.selected-price{font-size:18px;font-weight:600;color:var(--brown);padding-top:15px;border-top:2px solid var(--beige)}.quantity-section{padding:25px;background:var(--cream);border-radius:15px}.section-label{display:block;font-size:18px;font-weight:600;color:var(--dark-brown);margin-bottom:15px}.quantity-controls{display:flex;align-items:center;gap:20px;margin-bottom:15px}.quantity-btn{width:40px;height:40px;border:2px solid var(--brown);background:var(--white);color:var(--brown);border-radius:50%;font-size:24px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.quantity-btn:hover:not(:disabled){background:var(--brown);color:var(--white);transform:scale(1.1)}.quantity-btn:disabled{opacity:.5;cursor:not-allowed}.quantity-value{font-size:24px;font-weight:600;color:var(--dark-brown);min-width:40px;text-align:center}.total-price{font-size:20px;font-weight:600;color:var(--brown);padding-top:15px;border-top:2px solid var(--beige)}.variants-section{display:flex;flex-direction:column;gap:25px;padding:25px;background:var(--cream);border-radius:15px}.variant-group{display:flex;flex-direction:column;gap:15px}.radio-group{display:flex;flex-direction:column;gap:12px}.radio-label{display:flex;align-items:center;gap:12px;padding:12px 15px;background:var(--white);border:2px solid var(--beige);border-radius:10px;cursor:pointer;transition:all .3s ease}.radio-label:hover{border-color:var(--brown);background:var(--beige)}.radio-label input[type=radio]{width:20px;height:20px;cursor:pointer;accent-color:var(--brown)}.radio-label input[type=radio]:checked+span{font-weight:600;color:var(--brown)}.radio-label:has(input[type=radio]:checked){border-color:var(--brown);background:var(--beige)}.action-buttons{display:flex;gap:20px;margin-top:10px}.btn-large{flex:1;padding:18px 30px;font-size:18px}.jar-size-info{margin-top:10px}.jar-size-badge{display:inline-block;padding:6px 15px;background:var(--brown);color:var(--white);border-radius:20px;font-size:12px;font-weight:600}.jar-cake-notice{margin-top:20px}.notice-box{background:#fff3cd;border:2px solid #ffc107;border-radius:15px;padding:20px;color:#856404}.notice-box p{margin-bottom:10px;line-height:1.6}.notice-box p:last-child{margin-bottom:0}.notice-box strong{color:#856404}.min-order-warning{margin-top:10px;font-size:14px;color:#c33;font-weight:500}@media (max-width: 968px){.product-details-content{grid-template-columns:1fr;gap:30px}.product-image-section{position:relative;top:0}.product-large-image{height:400px}.product-title{font-size:28px}.action-buttons{flex-direction:column}.btn-large{width:100%}}.cart-page{padding:40px 20px 80px;min-height:calc(100vh - 200px)}.cart-title{font-size:36px;font-weight:700;color:var(--dark-brown);margin-bottom:40px;text-align:center}.empty-cart{text-align:center;padding:80px 20px;background:var(--white);border-radius:20px;box-shadow:0 5px 20px #8b6f471a}.empty-cart-icon{font-size:100px;margin-bottom:20px;animation:float 3s ease-in-out infinite}.empty-cart h2{font-size:28px;color:var(--dark-brown);margin-bottom:15px}.empty-cart p{color:var(--text-light);font-size:16px;margin-bottom:30px}.cart-content{display:grid;grid-template-columns:1fr 400px;gap:40px;max-width:1200px;margin:0 auto}.cart-items{display:flex;flex-direction:column;gap:20px}.cart-item{background:var(--white);padding:25px;border-radius:15px;box-shadow:0 5px 20px #8b6f471a;display:grid;grid-template-columns:120px 1fr auto auto;gap:20px;align-items:center;transition:all .3s ease}.cart-item:hover{box-shadow:0 8px 30px #8b6f4726;transform:translateY(-2px)}.cart-item-image{width:120px;height:120px;border-radius:15px;overflow:hidden;background:var(--beige)}.cart-item-image img{width:100%;height:100%;object-fit:cover}.cart-item-details{flex:1}.cart-item-details h3{font-size:20px;font-weight:600;color:var(--dark-brown);margin-bottom:8px}.cart-item-description{font-size:14px;color:var(--text-light);margin-bottom:10px;line-height:1.5}.cart-item-variants{display:flex;flex-direction:column;gap:5px;margin-bottom:10px}.cart-item-variants span{font-size:13px;color:var(--text-dark)}.cart-item-variants strong{color:var(--brown);margin-right:5px}.cart-item-price{font-size:16px;color:var(--brown);font-weight:600}.cart-item-quantity{display:flex;align-items:center;gap:15px}.quantity-btn{width:35px;height:35px;border:2px solid var(--brown);background:var(--white);color:var(--brown);border-radius:50%;font-size:20px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.quantity-btn:hover{background:var(--brown);color:var(--white);transform:scale(1.1)}.quantity-value{font-size:18px;font-weight:600;color:var(--dark-brown);min-width:30px;text-align:center}.cart-item-total{display:flex;flex-direction:column;align-items:flex-end;gap:10px}.item-total-price{font-size:22px;font-weight:700;color:var(--brown)}.remove-btn{background:transparent;border:none;font-size:20px;cursor:pointer;padding:5px;transition:transform .3s ease}.remove-btn:hover{transform:scale(1.2)}.cart-summary{background:var(--cream);padding:30px;border-radius:20px;box-shadow:0 5px 20px #8b6f471a;height:fit-content;position:sticky;top:100px}.cart-summary h2{font-size:24px;font-weight:600;color:var(--dark-brown);margin-bottom:25px;padding-bottom:15px;border-bottom:2px solid var(--beige)}.summary-row{display:flex;justify-content:space-between;margin-bottom:15px;font-size:16px;color:var(--text-dark)}.summary-row.free{color:var(--brown);font-weight:600}.summary-row.total{font-size:20px;font-weight:700;color:var(--dark-brown);margin-top:10px}.summary-divider{height:1px;background:var(--beige);margin:20px 0}.btn-checkout{width:100%;padding:18px;font-size:18px;margin-top:20px}.continue-shopping{display:block;text-align:center;margin-top:15px;color:var(--brown);text-decoration:none;font-weight:500;transition:color .3s ease}.continue-shopping:hover{color:var(--chocolate);text-decoration:underline}@media (max-width: 968px){.cart-content{grid-template-columns:1fr;gap:30px}.cart-summary{position:relative;top:0}.cart-item{grid-template-columns:100px 1fr;gap:15px}.cart-item-image{width:100px;height:100px}.cart-item-quantity,.cart-item-total{grid-column:1 / -1;justify-content:flex-start;margin-top:15px}.cart-item-total{flex-direction:row;justify-content:space-between;align-items:center}}.checkout{padding:40px 20px 80px;min-height:calc(100vh - 200px)}.checkout-loading{text-align:center;padding:100px 20px;font-size:20px;color:var(--text-light)}.checkout-title{font-size:36px;font-weight:700;color:var(--dark-brown);text-align:center;margin-bottom:40px}.checkout-content{display:grid;grid-template-columns:1fr 1fr;gap:40px;max-width:1200px;margin:0 auto}.order-summary{background:var(--cream);padding:30px;border-radius:20px;box-shadow:0 5px 20px #8b6f471a;height:fit-content;position:sticky;top:100px}.order-summary h2{font-size:24px;font-weight:600;color:var(--dark-brown);margin-bottom:25px;padding-bottom:15px;border-bottom:2px solid var(--beige)}.summary-items{display:flex;flex-direction:column;gap:20px;max-height:400px;overflow-y:auto;margin-bottom:20px}.summary-item{display:flex;gap:20px;padding-bottom:20px;border-bottom:1px solid var(--beige)}.summary-item:last-child{border-bottom:none}.summary-total{margin-top:20px;padding-top:20px;border-top:2px solid var(--beige)}.summary-image{width:120px;height:120px;flex-shrink:0;border-radius:15px;overflow:hidden}.summary-image img{width:100%;height:100%;object-fit:cover}.summary-details{flex:1}.summary-details h3{font-size:20px;font-weight:600;color:var(--dark-brown);margin-bottom:10px}.summary-description{font-size:14px;color:var(--text-light);margin-bottom:15px;line-height:1.6}.summary-variants{margin-bottom:15px}.summary-variants p{font-size:14px;color:var(--text-dark);margin-bottom:5px}.summary-variants strong{color:var(--brown)}.summary-price{display:flex;justify-content:space-between;align-items:center;padding-top:15px;border-top:2px solid var(--beige);font-size:18px;font-weight:600;color:var(--dark-brown)}.summary-price .price{font-size:24px;color:var(--brown)}.customer-form-section{background:var(--white);padding:30px;border-radius:20px;box-shadow:0 5px 20px #8b6f471a}.customer-form-section h2{font-size:24px;font-weight:600;color:var(--dark-brown);margin-bottom:25px;padding-bottom:15px;border-bottom:2px solid var(--beige)}.checkout-form{display:flex;flex-direction:column;gap:25px}.form-group label{font-size:16px;font-weight:500;color:var(--dark-brown)}.form-group input,.form-group textarea{padding:12px 15px;border:2px solid var(--beige);border-radius:10px;font-size:16px;font-family:Poppins,sans-serif;transition:all .3s ease;background:var(--cream);width:100%}.form-group input[type=date]{cursor:pointer}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--brown);background:var(--white)}.form-group textarea{resize:vertical;min-height:100px}.form-group small{display:block;margin-top:5px}.payment-method{padding:20px;background:var(--cream);border-radius:15px;margin-top:10px}.payment-method h3{font-size:18px;font-weight:600;color:var(--dark-brown);margin-bottom:15px}.payment-option{display:flex;align-items:center;gap:12px}.payment-option input[type=radio]{width:20px;height:20px;accent-color:var(--brown);cursor:pointer}.payment-option label{font-size:16px;color:var(--text-dark);cursor:pointer}.btn-submit{width:100%;padding:18px;font-size:18px;margin-top:10px;display:flex;align-items:center;justify-content:center;gap:10px}.btn-submit:disabled{opacity:.7;cursor:not-allowed}.order-success{min-height:calc(100vh - 200px);display:flex;align-items:center;justify-content:center;padding:40px 20px}.success-content{text-align:center;background:var(--white);padding:60px 40px;border-radius:20px;box-shadow:0 10px 40px #8b6f4733;max-width:500px}.success-icon{font-size:80px;margin-bottom:20px;animation:fadeIn .5s ease}.success-content h2{font-size:28px;font-weight:700;color:var(--dark-brown);margin-bottom:15px}.success-content p{font-size:18px;color:var(--text-light)}@media (max-width: 968px){.checkout-content{grid-template-columns:1fr;gap:30px}.order-summary{position:relative;top:0}.checkout-title{font-size:28px}.summary-item{flex-direction:column}.summary-image{width:100%;height:200px}}.auth-page{min-height:calc(100vh - 200px);display:flex;align-items:center;justify-content:center;padding:40px 20px;background:linear-gradient(135deg,var(--cream) 0%,var(--beige) 100%)}.auth-container{background:var(--white);padding:40px;border-radius:20px;box-shadow:0 10px 40px #8b6f4733;width:100%;max-width:450px}.auth-header{text-align:center;margin-bottom:30px}.auth-header h1{font-size:60px;margin-bottom:15px;animation:float 3s ease-in-out infinite}.auth-header h2{font-size:28px;font-weight:700;color:var(--dark-brown);margin-bottom:10px}.auth-header p{color:var(--text-light);font-size:16px}.auth-form{display:flex;flex-direction:column;gap:20px}.error-message{background:#fee;color:#c33;padding:12px 15px;border-radius:10px;border-left:4px solid #c33;font-size:14px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:500;color:var(--dark-brown)}.form-group input{padding:12px 15px;border:2px solid var(--beige);border-radius:10px;font-size:16px;font-family:Poppins,sans-serif;transition:all .3s ease;background:var(--cream)}.form-group input:focus{outline:none;border-color:var(--brown);background:var(--white)}.btn-auth{width:100%;padding:15px;font-size:18px;margin-top:10px}.btn-auth:disabled{opacity:.7;cursor:not-allowed}.auth-footer{text-align:center;margin-top:25px;padding-top:25px;border-top:1px solid var(--beige)}.auth-footer p{color:var(--text-light);font-size:14px}.auth-footer a{color:var(--brown);text-decoration:none;font-weight:600;transition:color .3s ease}.auth-footer a:hover{color:var(--chocolate);text-decoration:underline}@media (max-width: 768px){.auth-container{padding:30px 20px}.auth-header h1{font-size:50px}.auth-header h2{font-size:24px}}.orders-page{padding:40px 20px 80px;min-height:calc(100vh - 200px)}.orders-loading{text-align:center;padding:100px 20px;font-size:20px;color:var(--text-light)}.orders-title{font-size:36px;font-weight:700;color:var(--dark-brown);margin-bottom:40px;text-align:center}.no-orders{text-align:center;padding:80px 20px;background:var(--white);border-radius:20px;box-shadow:0 5px 20px #8b6f471a}.no-orders-icon{font-size:80px;margin-bottom:20px;animation:float 3s ease-in-out infinite}.no-orders h2{font-size:28px;color:var(--dark-brown);margin-bottom:15px}.no-orders p{color:var(--text-light);font-size:16px;margin-bottom:30px}.orders-list{display:flex;flex-direction:column;gap:30px}.orders-date-group{background:var(--white);padding:30px;border-radius:20px;box-shadow:0 5px 20px #8b6f471a}.date-header{font-size:24px;font-weight:600;color:var(--brown);margin-bottom:25px;padding-bottom:15px;border-bottom:2px solid var(--beige)}.order-card{background:var(--cream);padding:25px;border-radius:15px;margin-bottom:20px;border-left:4px solid var(--brown);transition:all .3s ease}.order-card:last-child{margin-bottom:0}.order-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid var(--beige)}.order-status{margin-top:15px;padding-top:15px;border-top:1px solid var(--beige)}@media (max-width: 768px){.orders-title{font-size:28px}.order-content{flex-direction:column}.order-image{width:100%;height:200px}.order-header{flex-direction:column;align-items:flex-start;gap:10px}}.admin-dashboard{min-height:100vh;background:var(--cream);padding-top:80px}.admin-header{background:linear-gradient(135deg,var(--dark-brown),var(--brown));color:var(--white);padding:30px 0;box-shadow:0 4px 20px #8b6f4733;margin-bottom:40px}.admin-header-content{display:flex;justify-content:space-between;align-items:center}.admin-header h1{font-size:32px;font-weight:700;margin:0}.admin-actions{display:flex;align-items:center;gap:20px}.admin-name{font-size:16px;font-weight:500}.dashboard-content{padding:20px 0 80px}.date-filter-section{background:var(--white);padding:25px;border-radius:15px;box-shadow:0 5px 20px #8b6f471a;margin-bottom:30px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}.date-label{font-size:18px;font-weight:600;color:var(--dark-brown)}.date-input{padding:12px 15px;border:2px solid var(--beige);border-radius:10px;font-size:16px;font-family:Poppins,sans-serif;background:var(--cream);cursor:pointer;transition:all .3s ease}.date-input:focus{outline:none;border-color:var(--brown);background:var(--white)}.loading-state,.error-state{text-align:center;padding:40px;background:var(--white);border-radius:15px;box-shadow:0 5px 20px #8b6f471a}.error-state{background:#fee;color:#c33}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;margin-bottom:40px}.stat-card{background:var(--white);padding:30px;border-radius:15px;box-shadow:0 5px 20px #8b6f471a;display:flex;align-items:center;gap:20px;transition:transform .3s ease}.stat-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px #8b6f4726}.stat-icon{font-size:48px}.stat-content h3{font-size:16px;font-weight:500;color:var(--text-light);margin-bottom:8px}.stat-value{font-size:32px;font-weight:700;color:var(--brown);margin:0}.product-stats-section{background:var(--white);padding:30px;border-radius:15px;box-shadow:0 5px 20px #8b6f471a;margin-bottom:40px}.product-stats-section h2{font-size:24px;font-weight:600;color:var(--dark-brown);margin-bottom:25px}.product-stats-table{overflow-x:auto}.product-stats-table table{width:100%;border-collapse:collapse}.product-stats-table th,.product-stats-table td{padding:15px;text-align:left;border-bottom:1px solid var(--beige)}.product-stats-table th{background:var(--cream);font-weight:600;color:var(--dark-brown)}.product-stats-table tr:hover{background:var(--cream)}.orders-section{background:var(--white);padding:30px;border-radius:15px;box-shadow:0 5px 20px #8b6f471a}.orders-section h2{font-size:24px;font-weight:600;color:var(--dark-brown);margin-bottom:25px}.orders-list{display:flex;flex-direction:column;gap:20px}.order-card{background:var(--cream);padding:25px;border-radius:15px;border-left:4px solid var(--brown);transition:all .3s ease}.order-card:hover{box-shadow:0 5px 20px #8b6f4726;transform:translate(5px)}.order-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid var(--beige);flex-wrap:wrap;gap:10px}.order-id{font-size:14px;color:var(--text-light)}.order-id strong{color:var(--dark-brown)}.order-time{font-size:14px;color:var(--text-light)}.status-badge{display:inline-block;padding:6px 15px;background:var(--brown);color:var(--white);border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase}.order-content{display:flex;gap:20px}.order-image{width:120px;height:120px;flex-shrink:0;border-radius:15px;overflow:hidden;background:var(--beige)}.order-image img{width:100%;height:100%;object-fit:cover}.order-details{flex:1}.order-details h3{font-size:20px;font-weight:600;color:var(--dark-brown);margin-bottom:15px}.order-info{margin-bottom:15px}.order-info p{font-size:14px;color:var(--text-dark);margin-bottom:8px;line-height:1.6}.order-info strong{color:var(--brown);margin-right:8px}.order-price{font-size:18px;font-weight:600;color:var(--dark-brown);padding-top:15px;border-top:1px solid var(--beige)}.order-price .price{font-size:24px;color:var(--brown);margin-left:10px}.no-orders{text-align:center;padding:60px 20px;color:var(--text-light);font-size:18px}@media (max-width: 768px){.admin-header-content{flex-direction:column;gap:15px;text-align:center}.date-filter-section{flex-direction:column;align-items:stretch}.date-input{width:100%}.stats-grid{grid-template-columns:1fr}.order-content{flex-direction:column}.order-image{width:100%;height:200px}.order-header{flex-direction:column;align-items:flex-start}}.App{min-height:100vh;display:flex;flex-direction:column}main{flex:1;padding-top:80px}*{margin:0;padding:0;box-sizing:border-box}:root{--cream: #FFF8F0;--brown: #8B6F47;--dark-brown: #5C4A37;--pink: #F4C2C2;--chocolate: #6B4423;--light-pink: #FFE5E5;--beige: #F5E6D3;--white: #FFFFFF;--text-dark: #333333;--text-light: #666666}body{font-family:Poppins,sans-serif;background-color:var(--cream);color:var(--text-dark);line-height:1.6;overflow-x:hidden}html{scroll-behavior:smooth}.btn{padding:12px 24px;border:none;border-radius:25px;font-size:16px;font-weight:500;cursor:pointer;transition:all .3s ease;font-family:Poppins,sans-serif}.btn-primary{background:linear-gradient(135deg,var(--brown),var(--chocolate));color:var(--white);box-shadow:0 4px 15px #8b6f474d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8b6f4766}.btn-secondary{background:var(--pink);color:var(--dark-brown)}.btn-secondary:hover{background:var(--light-pink);transform:translateY(-2px)}.container{max-width:1200px;margin:0 auto;padding:0 20px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fade-in{animation:fadeIn .6s ease-out}.slide-in{animation:slideIn .6s ease-out forwards;opacity:0}.loading{display:inline-block;width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:var(--white);animation:rotate 1s ease-in-out infinite}