@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--primary-color: #ff2c85;--primary-hover: #e51772;--secondary-color: #fce4ec;--text-dark: #1f2937;--text-light: #6b7280;--bg-color: #ffffff;--bg-section: #fdf2f8;--border-color: #e5e7eb}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif}body{background-color:var(--bg-color);color:var(--text-dark);line-height:1.6;overflow-x:hidden}a{text-decoration:none;color:inherit}ul{list-style:none}.container{max-width:1200px;margin:0 auto;padding:0 20px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:30px;font-weight:600;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);border:none;position:relative;overflow:hidden}.btn:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,#fff0,#fff6,#fff0);transition:none}.btn:hover:after{left:100%;transition:all .75s ease-in-out}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-2px);box-shadow:0 4px 12px #ff2c854d}.btn-white{background-color:#fff;color:var(--primary-color)}.btn-white:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.section-title{font-size:2.5rem;font-weight:700;margin-bottom:40px}.text-primary{color:var(--primary-color)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#fdf2f8}::-webkit-scrollbar-thumb{background:#ffb2d4;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}.app-container{display:flex;flex-direction:column;min-height:100vh}.header{background:#ffffffbf;backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);color:var(--primary-color);padding:15px 0;position:sticky;top:0;z-index:1000;border-bottom:1px solid rgba(255,44,133,.08);box-shadow:0 4px 30px #00000008}.header-content{display:flex;justify-content:space-between;align-items:center;position:relative}.logo{font-size:1.5rem;font-weight:800;letter-spacing:-.5px;color:var(--primary-color)}.nav-links{display:flex;gap:30px;align-items:center}.nav-links a.nav-link-item{color:var(--primary-color);font-size:.9rem;font-weight:600;transition:all .2s ease-in-out;padding:10px 0;position:relative;letter-spacing:.5px;display:flex;align-items:center;gap:5px}.nav-links a.nav-link-item:hover,.nav-links a.nav-link-item.active-nav{font-weight:700}.nav-links a.nav-link-item.active-nav:after{content:"";position:absolute;bottom:2px;left:0;width:100%;height:2px;background-color:var(--primary-color)}.dropdown.mega-dropdown{position:static;padding:10px 0}.dropdown-trigger{color:var(--primary-color);font-size:.9rem;font-weight:600;padding:10px 0;transition:all .2s ease;letter-spacing:.5px}.mega-dropdown-content{display:block;position:absolute;top:100%;left:0;right:0;background-color:#fff;box-shadow:0 15px 40px #ff2c851f;border-radius:15px;z-index:101;padding:30px 40px;border:1px solid #ffe3ec;margin-top:1px}@keyframes megaFadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.mega-dropdown-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.mega-column{display:flex;flex-direction:column}.mega-column h4{color:var(--primary-color);font-size:1rem;font-weight:700;margin-bottom:15px;text-transform:uppercase;letter-spacing:.5px}.mega-column ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.mega-column ul li a{color:var(--primary-color);font-size:.9rem;font-weight:500;opacity:.85;padding:2px 0;display:inline-block;transition:all .2s ease}.mega-column ul li a:hover{opacity:1;transform:translate(4px)}.mega-column ul li .sub-list{margin-top:6px;margin-bottom:6px;padding-left:20px;display:flex;flex-direction:column;gap:6px}.mega-column ul li .sub-list li{position:relative}.mega-column ul li .sub-list li:before{content:"•";color:var(--primary-color);position:absolute;left:-12px;top:0}.mega-column ul li .sub-list li a{font-size:.85rem;opacity:.75}.mega-column ul li .sub-list li a:hover{opacity:1}.column-footer{margin-top:auto;padding-top:20px}.mega-pill-btn{display:inline-block;background-color:var(--secondary-color);color:var(--primary-color);padding:8px 20px;border-radius:25px;font-size:.8rem;font-weight:700;text-align:center;transition:all .2s ease;width:fit-content}.mega-pill-btn:hover{background-color:#fcd4e4;transform:translateY(-1px)}.header-icons{display:flex;gap:20px}.header-icons span{cursor:pointer;font-size:1.1rem;color:var(--primary-color);transition:transform .2s ease}.header-icons span:hover{transform:scale(1.08)}.hero{background:linear-gradient(135deg,#8a063b,#b80d54 40%,#e51772 75%,#ff2c85);color:#fff;padding:80px 0 100px;border-bottom-left-radius:40px;border-bottom-right-radius:40px;position:relative;overflow:hidden}.hero-blob{position:absolute;border-radius:50%;filter:blur(90px);z-index:1;opacity:.35;pointer-events:none}.blob-1{width:300px;height:300px;background:radial-gradient(circle,#ff2c85,#ff2c8500 70%);top:-50px;left:-50px;animation:float-blob-1 15s infinite alternate ease-in-out}.blob-2{width:400px;height:400px;background:radial-gradient(circle,#ffbd59,#ffbd5900 70%);bottom:-100px;right:-50px;animation:float-blob-2 20s infinite alternate ease-in-out}.blob-3{width:250px;height:250px;background:radial-gradient(circle,#7f00ff,#7f00ff00 70%);top:50%;left:50%;transform:translate(-50%,-50%);animation:float-blob-3 18s infinite alternate ease-in-out}@keyframes float-blob-1{0%{transform:translate(0) scale(1)}to{transform:translate(50px,40px) scale(1.1)}}@keyframes float-blob-2{0%{transform:translate(0) scale(1)}to{transform:translate(-60px,-30px) scale(.95)}}@keyframes float-blob-3{0%{transform:translate(-50%,-50%) translate(0) scale(1)}to{transform:translate(-50%,-50%) translate(-40px,50px) scale(1.15)}}.hero-content{display:flex;align-items:center;justify-content:space-between;gap:50px;position:relative;z-index:2}.hero-text{flex:1}.hero-text h1{font-size:3.5rem;font-weight:800;line-height:1.1;margin-bottom:20px}.hero-text p{font-size:1.1rem;opacity:.9;margin-bottom:40px;max-width:500px}.hero-actions{display:flex;align-items:center;gap:20px}.hero-actions span{font-weight:600;cursor:pointer}.hero-image-wrapper{flex:1;position:relative;display:flex;justify-content:center}.hero-img{width:100%;max-width:450px;border-radius:20px;box-shadow:0 20px 40px #00000026;position:relative;z-index:2}.floating-badge{position:absolute;background:#fff3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;padding:10px 20px;border-radius:30px;font-size:.9rem;font-weight:600;box-shadow:0 8px 32px #ff2c8526;border:1px solid rgba(255,255,255,.35);display:flex;align-items:center;gap:8px;z-index:3;transition:all .3s cubic-bezier(.4,0,.2,1)}.floating-badge:hover{transform:translateY(-5px) scale(1.05);background:#ffffff4d;box-shadow:0 12px 40px #ff2c854d;border:1px solid rgba(255,255,255,.6)}.badge-1{top:20%;left:-20px}.badge-2{top:60%;right:-30px}.badge-3{bottom:20%;left:-10px}.floating-badge i{color:var(--primary-color)}.rating-badge{margin-top:40px;display:flex;align-items:center;gap:15px}.avatar-group{display:flex}.avatar-group img{width:35px;height:35px;border-radius:50%;border:2px solid white;margin-left:-10px}.avatar-group img:first-child{margin-left:0}.feature-section{padding:100px 0}.feature-content{display:flex;align-items:center;gap:60px}.feature-images{flex:1;position:relative;display:flex;align-items:center}.feature-img-main{width:300px;border-radius:120px 120px 20px 20px;object-fit:cover;z-index:1}.feature-img-card{position:absolute;left:-50px;bottom:50px;background:var(--primary-color);color:#fff;padding:30px;border-radius:20px;text-align:center;z-index:2;box-shadow:0 15px 30px #ff2c8533}.feature-img-card h3{font-size:2rem;margin-bottom:5px}.feature-img-card img{width:150px;margin-top:15px;border-radius:10px}.feature-text{flex:1}.feature-text h2{font-size:2.5rem;font-weight:700;margin-bottom:20px;line-height:1.2}.feature-text p{color:var(--text-light);font-size:1.1rem;margin-bottom:30px}.benefits-section{padding:80px 0;background-color:#fafafa;position:relative;overflow:hidden}.benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:50px}.benefit-card{background:#ffffffb3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,44,133,.12);border-radius:20px;padding:40px 30px;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1);opacity:0;animation:fadeInUp .8s cubic-bezier(.4,0,.2,1) forwards}.benefit-card:nth-child(1){animation-delay:.1s}.benefit-card:nth-child(2){animation-delay:.25s}.benefit-card:nth-child(3){animation-delay:.4s}.benefit-card:hover{transform:translateY(-8px) scale(1.02);border-color:#ff2c8559;box-shadow:0 15px 35px #ff2c8514}.benefit-card.active{background:linear-gradient(135deg,#ff2c85,#e51772);color:#fff;border:none;box-shadow:0 10px 30px #ff2c854d}.benefit-card.active p{color:#ffffffe6}.benefit-icon{width:60px;height:60px;background:#ff2c851a;color:var(--primary-color);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:1.5rem;transition:all .3s ease}.benefit-card:hover .benefit-icon{transform:scale(1.1) rotate(5deg)}.benefit-card.active .benefit-icon{background:#fff;color:var(--primary-color)}.benefit-card h3{font-size:1.3rem;margin-bottom:15px}.benefit-card p{color:var(--text-light);font-size:.9rem}.testimonial-section{padding:100px 0;position:relative}.testimonial-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:40px}.testimonial-card{background:#ffffffb3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,44,133,.1);border-radius:15px;padding:25px;display:flex;flex-direction:column;transition:all .4s cubic-bezier(.4,0,.2,1);opacity:0;animation:fadeInUp .8s cubic-bezier(.4,0,.2,1) forwards}.testimonial-card:nth-child(1){animation-delay:.1s}.testimonial-card:nth-child(2){animation-delay:.2s}.testimonial-card:nth-child(3){animation-delay:.3s}.testimonial-card:nth-child(4){animation-delay:.4s}.testimonial-card:hover{transform:translateY(-8px) scale(1.03);border-color:#ff2c8573;box-shadow:0 15px 35px #ff2c851f}.stars{color:#ffc107;margin-bottom:15px;font-size:.9rem;text-shadow:0 0 4px rgba(255,193,7,.2)}.testimonial-text{font-size:.95rem;flex-grow:1;margin-bottom:20px;font-style:italic;color:var(--text-dark)}.testimonial-user{display:flex;align-items:center;gap:10px;margin-top:auto}.testimonial-user img{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,44,133,.2)}.user-info h4{font-size:.9rem;margin:0;color:var(--text-dark)}.user-info span{font-size:.8rem;color:var(--text-light)}.faq-section{padding:80px 0;max-width:800px;margin:0 auto}.faq-list{margin-top:40px;display:flex;flex-direction:column;gap:15px}.faq-item{background:#ffffffb3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,44,133,.1);color:var(--text-dark);padding:20px 25px;border-radius:12px;display:flex;flex-direction:column;cursor:pointer;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #00000003;opacity:0;animation:fadeInUp .8s cubic-bezier(.4,0,.2,1) forwards}.faq-item:nth-child(1){animation-delay:.1s}.faq-item:nth-child(2){animation-delay:.2s}.faq-item:nth-child(3){animation-delay:.3s}.faq-item:nth-child(4){animation-delay:.4s}.faq-item:hover{border-color:#ff2c8559;box-shadow:0 8px 20px #ff2c850d;transform:translateY(-2px)}.faq-item.faq-open{border-color:#ff2c8566;background:#ffffffd9;box-shadow:0 10px 25px #ff2c8514}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.cta-section{padding:0 0 80px}.cta-box{background:var(--primary-color);color:#fff;border-radius:30px;padding:50px;display:flex;justify-content:space-between;align-items:center}.cta-text h2{font-size:2rem;margin-bottom:10px}.cta-form{display:flex;flex-direction:column;gap:15px;width:100%;max-width:400px}.cta-form form{display:flex;gap:10px}.cta-form input{flex:1;padding:12px 20px;border-radius:25px;border:none;outline:none}.cta-form button{background:#fff;color:var(--text-dark);border:none;padding:12px 25px;border-radius:25px;font-weight:600;cursor:pointer}.cta-form span{font-size:.8rem;opacity:.8}.footer{padding:50px 0 30px;border-top:1px solid var(--border-color)}.footer-content{display:flex;justify-content:space-between}.footer-logo{font-size:1.5rem;font-weight:800;color:var(--primary-color)}.footer-links{display:flex;gap:50px}.footer-col h4{margin-bottom:20px;font-weight:600}.footer-col ul{display:flex;flex-direction:column;gap:10px}.footer-col a{color:var(--text-light);font-size:.9rem}.footer-col a:hover{color:var(--primary-color)}.profile-dropdown-menu{position:absolute;top:100%;right:0;background-color:#fff;min-width:180px;box-shadow:0 10px 30px #0000001a;border-radius:12px;padding:15px;z-index:1000;border:1px solid var(--border-color);margin-top:10px;animation:dropdownFadeIn .2s ease}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dropdown-username{font-size:.85rem;color:var(--text-dark);margin-bottom:8px;text-align:left}.dropdown-divider{height:1px;background-color:var(--border-color);margin:8px 0}.profile-dropdown-item{display:block;font-size:.85rem;color:var(--text-dark)!important;font-weight:600;margin-bottom:8px;opacity:1!important;transition:color .2s;text-align:left}.profile-dropdown-item:hover{color:var(--primary-color)!important}.profile-dropdown-logout-btn{background:none;border:none;color:#e53e3e;font-weight:700;font-size:.85rem;cursor:pointer;padding:0;text-align:left;width:100%;transition:color .2s}.profile-dropdown-logout-btn:hover{color:#c53030}.mobile-menu-toggle{display:none}@media (max-width: 768px){.mobile-menu-toggle{display:block!important;background:none;border:none;color:var(--primary-color);cursor:pointer;padding:0;margin-left:10px;z-index:1000}.nav-links{position:absolute;top:100%;left:0;right:0;background-color:#fff;flex-direction:column;gap:0;padding:20px;box-shadow:0 10px 30px #ff2c8514;border-bottom:1px solid #ffe3ec;display:none;z-index:99}.nav-links.mobile-open{display:flex}.nav-links a.nav-link-item{width:100%;padding:15px 0;border-bottom:1px solid #fff5f8;justify-content:center}.nav-links a.nav-link-item.active-nav:after{display:none}.dropdown.mega-dropdown{width:100%}.dropdown-trigger{justify-content:center}.mega-dropdown-content{position:static;box-shadow:none;border:none;padding:10px 0}.mega-dropdown-grid{grid-template-columns:1fr;gap:20px}.hero{padding:50px 0 80px;border-bottom-left-radius:20px;border-bottom-right-radius:20px}.hero-content{flex-direction:column-reverse;text-align:center;gap:40px}.hero-text h1{font-size:2.2rem}.hero-text p{margin:0 auto 30px}.hero-actions{justify-content:center;flex-direction:column;gap:15px}.hero-actions button,.hero-actions span{width:100%;max-width:280px;text-align:center}.rating-badge{justify-content:center;flex-direction:column;gap:10px}.avatar-group{justify-content:center}.floating-badge{padding:8px 15px;font-size:.8rem}.badge-1{top:10%;left:0}.badge-2{top:50%;right:0}.badge-3{bottom:10%;left:10px}.feature-section{padding:60px 0}.feature-content{flex-direction:column;gap:40px;text-align:center}.feature-images{width:100%;justify-content:center}.feature-img-main{width:260px}.feature-img-card{left:20px;bottom:-30px;padding:15px 25px}.feature-img-card h3{font-size:1.5rem}.feature-img-card img{width:100px}.feature-text h2{font-size:2rem}.benefits-section{padding:60px 0}.benefits-grid{grid-template-columns:1fr;gap:20px;margin-top:30px}.testimonial-section{padding:60px 0}.testimonial-grid{grid-template-columns:1fr;gap:20px}.cta-section{padding-bottom:60px}.cta-box{flex-direction:column;padding:30px 20px;gap:30px;text-align:center}.cta-text h2{font-size:1.6rem}.cta-form form{flex-direction:column;width:100%}.cta-form input,.cta-form button{width:100%}.footer{padding:40px 0 20px}.footer-content{flex-direction:column;gap:40px;text-align:center}.footer-links{flex-direction:column;gap:30px}}@media (min-width: 769px) and (max-width: 1024px){.testimonial-grid{grid-template-columns:repeat(2,1fr)}.benefits-grid{grid-template-columns:repeat(3,1fr)}}.petal{position:absolute;background-color:#ffb2d4;border-radius:150% 0 150% 150%;opacity:.3;z-index:1;pointer-events:none;animation:fall-and-sway 12s infinite linear}.petal:nth-child(2n){background-color:#ffdceb;border-radius:50% 50% 0}@keyframes fall-and-sway{0%{top:-10%;transform:translate(0) rotate(0);opacity:0}10%{opacity:.45}90%{opacity:.45}to{top:110%;transform:translate(120px) rotate(360deg);opacity:0}}.petal-1{left:10%;width:16px;height:11px;animation-duration:14s;animation-delay:0s}.petal-2{left:25%;width:12px;height:8px;animation-duration:18s;animation-delay:2s}.petal-3{left:40%;width:20px;height:14px;animation-duration:12s;animation-delay:5s}.petal-4{left:55%;width:14px;height:9px;animation-duration:16s;animation-delay:1s}.petal-5{left:70%;width:18px;height:12px;animation-duration:15s;animation-delay:3s}.petal-6{left:85%;width:11px;height:8px;animation-duration:20s;animation-delay:4s}.petal-7{left:93%;width:15px;height:10px;animation-duration:13s;animation-delay:6s}.catalog-page{padding:40px 0 100px}.catalog-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.catalog-header h2{font-size:2rem;color:var(--primary-color);font-weight:700}.catalog-filter select{padding:10px 20px;border-radius:20px;border:1px solid var(--border-color);color:var(--primary-color);background-color:#fff;font-weight:600;outline:none;cursor:pointer}.catalog-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.product-card{background:#fff;border:1px solid var(--border-color);border-radius:15px;padding:15px;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.product-card:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 20px 40px #ff2c8514;border-color:#ff2c8526}.product-badge{position:absolute;top:25px;left:25px;background:#ffffffe6;color:var(--primary-color);font-size:.75rem;font-weight:600;padding:5px 10px;border-radius:20px;display:flex;align-items:center;gap:5px;z-index:2}.product-img-wrapper{position:relative;width:100%;aspect-ratio:2/3;border-radius:10px;overflow:hidden;margin-bottom:15px}.product-img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.product-card:hover .product-img{transform:scale(1.05)}.product-info h3{font-size:.95rem;font-weight:700;margin-bottom:5px;line-height:1.3}.product-rating{font-size:.8rem;color:var(--text-light);margin-bottom:10px;display:flex;align-items:center;gap:5px}.product-rating .star{color:var(--primary-color)}.product-price-row{margin-bottom:15px}.price-current{font-size:1.2rem;font-weight:700;color:var(--text-dark)}.price-old{font-size:.8rem;color:var(--text-light);text-decoration:line-through;margin-left:5px}.product-actions{display:flex;gap:10px}.btn-buy{flex:1;background:var(--primary-color);color:#fff;border:none;padding:10px;border-radius:25px;font-weight:600;cursor:pointer;transition:background .2s}.btn-buy:hover{background:var(--primary-hover)}.btn-cart{width:40px;height:40px;border:1px solid var(--primary-color);color:var(--primary-color);background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.btn-cart:hover{background:var(--primary-color);color:#fff}@media (max-width: 992px){.catalog-grid{grid-template-columns:repeat(3,1fr);gap:15px}}@media (max-width: 768px){.catalog-header{flex-direction:column;align-items:flex-start;gap:15px}.catalog-grid{grid-template-columns:repeat(2,1fr);gap:15px}.catalog-header h2{font-size:1.6rem}}@media (max-width: 480px){.catalog-grid{grid-template-columns:1fr;max-width:290px;margin:0 auto}}.product-detail-page{padding:40px 0 100px}.product-detail-main{display:flex;gap:50px;margin-bottom:60px}.product-gallery{flex:1;max-width:500px}.main-image-wrapper{width:100%;aspect-ratio:2/3;border-radius:15px;overflow:hidden;margin-bottom:15px}.main-image-wrapper img{width:100%;height:100%;object-fit:cover}.thumbnail-list{display:flex;gap:15px}.thumbnail{width:80px;height:80px;border-radius:10px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:border .2s}.thumbnail.active{border-color:var(--primary-color)}.thumbnail img{width:100%;height:100%;object-fit:cover}.product-info-detail{flex:1}.product-tags{display:flex;gap:10px;margin-bottom:15px}.tag{background:var(--primary-color);color:#fff;padding:5px 15px;border-radius:20px;font-size:.8rem;font-weight:600}.product-title{font-size:2.2rem;font-weight:800;color:var(--text-dark);margin-bottom:20px;line-height:1.2}.product-desc{color:var(--text-light);margin-bottom:30px;line-height:1.6}.product-price-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.product-prices{display:flex;flex-direction:column}.price-old-detail{color:var(--text-light);text-decoration:line-through;font-size:1.1rem}.price-current-detail{color:var(--primary-color);font-size:2.2rem;font-weight:800}.heart-icon{font-size:2rem;color:var(--primary-color);cursor:pointer}.product-quantity-actions{display:flex;flex-direction:column;gap:20px}.quantity-selector{display:flex;align-items:center;gap:20px}.quantity-selector h4{font-size:1.2rem;margin:0}.qty-controls{display:flex;align-items:center;gap:15px;border-bottom:2px solid var(--border-color);padding-bottom:5px;width:100px;justify-content:space-between}.qty-btn{background:none;border:none;font-size:1.2rem;cursor:pointer;color:var(--text-light)}.qty-value{font-weight:700;font-size:1.1rem}.action-buttons{display:flex;gap:15px}.btn-buy-now{background:var(--primary-color);color:#fff;padding:15px 30px;border-radius:30px;font-weight:600;border:none;cursor:pointer;flex:1}.btn-add-cart{color:var(--primary-color);background:#fff;padding:15px 30px;border-radius:30px;font-weight:600;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;flex:1}.reviews-section{display:flex;gap:50px;margin-top:50px;border-top:1px solid var(--border-color);padding-top:50px;align-items:center}.review-summary{display:flex;align-items:center;gap:30px}.review-score{background:#fdf2f8;padding:20px 30px;border-radius:15px;text-align:center}.review-score h2{font-size:2.5rem;color:var(--text-dark);margin-bottom:5px}.review-score span{font-size:.9rem;color:var(--text-light);font-weight:600}.review-bars{display:flex;flex-direction:column;gap:5px}.review-bar-item{display:flex;align-items:center;gap:10px;font-size:.8rem;color:var(--text-light)}.stars-rating{color:var(--primary-color);letter-spacing:2px}.review-images{display:flex;gap:10px;margin-left:auto}.review-images img{width:60px;height:60px;border-radius:10px;object-fit:cover}.btn-write-review{background:var(--primary-color);color:#fff;border:none;padding:10px 20px;border-radius:20px;font-weight:600;cursor:pointer;margin-left:20px}.recommendations-section{margin-top:80px}.recommendations-section h2{font-size:2rem;color:var(--primary-color);margin-bottom:30px}@media (max-width: 768px){.product-detail-main{flex-direction:column;gap:30px}.product-gallery{max-width:100%}.product-title,.price-current-detail{font-size:1.8rem}.action-buttons{flex-direction:column;gap:15px}.btn-buy-now,.btn-add-cart{width:100%;padding:12px}.reviews-section{flex-direction:column;align-items:flex-start;gap:30px;padding-top:30px;margin-top:30px}.review-summary{flex-direction:column;align-items:flex-start;gap:20px;width:100%}.review-score{width:100%;max-width:150px}.review-images{margin-left:0;flex-wrap:wrap}.btn-write-review{margin-left:0;margin-top:10px;width:100%;text-align:center}}.custom-page{padding:40px 0 100px}.custom-header{text-align:center;margin-bottom:50px}.custom-header h1{font-size:2.5rem;color:var(--primary-color);font-weight:800;margin-bottom:10px}.custom-header p{font-size:1.2rem;color:var(--text-light)}.custom-layout{display:flex;gap:60px}.custom-summary{flex:0 0 350px}.preview-circle{width:350px;height:350px;background-color:var(--secondary-color);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:30px;overflow:hidden;position:relative;border:3px dashed transparent;transition:all .3s}.preview-circle.drag-active{border-color:var(--primary-color);background-color:#fdf2f8;transform:scale(1.02)}.drop-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#ff2c851a;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.5rem;color:var(--primary-color);opacity:0;pointer-events:none;transition:opacity .3s;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.preview-circle.drag-active .drop-overlay{opacity:1}.preview-circle img{width:80%;height:80%;object-fit:contain;transition:opacity .3s}.preview-circle.drag-active img{opacity:.5}.summary-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.summary-title h3{color:var(--primary-color);font-size:1.3rem;font-weight:700}.summary-title span{font-size:.8rem;color:var(--text-light)}.flower-summary-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:30px}.flower-summary-item{border:1px solid var(--border-color);border-radius:10px;padding:10px;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative}.flower-summary-item img{width:50px;height:50px;object-fit:cover;margin-bottom:5px}.flower-summary-item span{font-size:.8rem;font-weight:600}.qty-badge{position:absolute;top:-5px;right:-5px;background-color:var(--primary-color);color:#fff;width:20px;height:20px;border-radius:50%;font-size:.7rem;display:flex;align-items:center;justify-content:center;font-weight:700}.order-detail-list{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.order-detail-item{display:flex;justify-content:space-between;font-size:.9rem;color:var(--primary-color)}.order-total{display:flex;justify-content:space-between;align-items:center;font-size:1.5rem;font-weight:800;color:var(--primary-color);margin-top:10px;border-top:2px solid var(--primary-color);padding-top:10px}.custom-selections{flex:1}.selection-section{margin-bottom:40px}.selection-section h3{font-size:1.3rem;color:var(--primary-color);margin-bottom:20px;font-weight:700}.grid-flowers{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.grid-wrapping{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.grid-addons{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.selection-card{border:1px solid var(--border-color);border-radius:10px;padding:15px 10px;display:flex;flex-direction:column;align-items:center;text-align:center;cursor:pointer;transition:all .2s;background:#fff}.selection-card:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0000000d}.selection-card.active{border-color:var(--primary-color);background-color:var(--bg-section)}.selection-card img{width:60px;height:60px;object-fit:cover;margin-bottom:10px;border-radius:5px}.wrapping-card img{width:80px;height:80px;border-radius:50%;background:#fdf2f8}.selection-card span{font-size:.8rem;font-weight:700;color:var(--text-dark)}.selection-price{font-size:.75rem!important;color:var(--text-light)!important;margin-top:5px}.note-input{width:100%;padding:15px 20px;border:1px solid var(--border-color);border-radius:10px;font-size:.95rem;outline:none}.note-input:focus{border-color:var(--primary-color)}@media (max-width: 992px){.custom-layout{flex-direction:column;gap:40px;align-items:center}.custom-summary{flex:1;width:100%;max-width:450px}.preview-circle{margin:0 auto 30px}.custom-selections{width:100%}}@media (max-width: 768px){.grid-flowers,.grid-addons{grid-template-columns:repeat(3,1fr)}}@media (max-width: 576px){.grid-flowers,.grid-addons,.grid-wrapping{grid-template-columns:repeat(2,1fr)}.preview-circle{width:280px;height:280px}.custom-header h1{font-size:2rem}.custom-header p{font-size:1rem}}@media (max-width: 380px){.grid-flowers,.grid-wrapping,.grid-addons{grid-template-columns:1fr;max-width:250px;margin:0 auto;gap:15px}}.about-page{padding:40px 0 100px}.about-hero{display:flex;align-items:center;gap:60px;margin-bottom:100px}.about-hero-text{flex:1}.tag-label{display:inline-block;color:var(--primary-color);border:1px solid var(--primary-color);padding:5px 15px;border-radius:20px;font-size:.85rem;font-weight:600;margin-bottom:20px}.about-hero-text h1{font-size:3rem;color:var(--primary-color);font-weight:800;margin-bottom:20px;line-height:1.2}.about-hero-text p{color:var(--text-light);font-size:1.1rem;margin-bottom:30px;max-width:500px}.about-actions{display:flex;align-items:center;gap:20px;margin-bottom:50px}.btn-primary-about{background:var(--primary-color);color:#fff;padding:15px 30px;border-radius:30px;font-weight:600;border:none;cursor:pointer}.link-catalog{color:var(--primary-color);font-weight:600;cursor:pointer}.about-stats{display:flex;gap:40px}.stat-item{display:flex;flex-direction:column}.stat-item h2{font-size:2.5rem;color:var(--primary-color);font-weight:800;margin:0;line-height:1.1}.stat-item span{color:var(--text-light);font-weight:600}.about-hero-image{flex:1}.about-hero-image img{width:100%;border-radius:30px;object-fit:cover;box-shadow:0 20px 40px #0000001a}.team-section{margin-top:100px;text-align:center}.team-section h2{font-size:2.5rem;color:var(--primary-color);font-weight:800;margin-bottom:15px}.team-section>p{color:var(--text-light);max-width:700px;margin:0 auto 50px}.team-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}.team-card{position:relative;border-radius:20px;overflow:hidden;height:300px;display:flex;align-items:flex-end;background-color:var(--primary-color);box-shadow:0 10px 20px #ff2c8533}.team-card img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center top;z-index:1}.team-info{position:relative;z-index:2;width:100%;padding:20px 15px;background:linear-gradient(to top,rgba(255,44,133,.9),transparent);color:#fff;text-align:left}.team-info h4{font-size:1.1rem;font-weight:800;margin-bottom:5px}.team-info span{font-size:.75rem;opacity:.9}@media (max-width: 768px){.about-hero{flex-direction:column-reverse;gap:40px;text-align:center}.about-hero-text h1{font-size:2.2rem}.about-hero-text p{margin:0 auto 30px}.about-actions{justify-content:center;flex-direction:column;gap:15px}.about-actions button,.about-actions span{width:100%;max-width:280px;text-align:center}.about-stats{justify-content:center;gap:25px}.stat-item h2,.team-section h2{font-size:2rem}.team-grid{grid-template-columns:repeat(2,1fr);gap:15px}}@media (max-width: 480px){.team-grid{grid-template-columns:1fr;max-width:300px;margin:0 auto}.about-stats{flex-direction:column;gap:20px;align-items:center}}.payment-page{padding:60px 0;min-height:70vh;display:flex;justify-content:center;align-items:center}.payment-container{background:#fff;padding:40px;border-radius:20px;box-shadow:0 10px 30px #0000000d;text-align:center;max-width:500px;width:100%}.payment-header h1{font-size:1.8rem;color:var(--text-dark);margin-bottom:10px}.payment-header p{color:var(--text-light);font-size:.95rem;margin-bottom:30px}.qris-wrapper{background:#f9f9f9;padding:20px;border-radius:15px;display:inline-block;margin-bottom:30px;border:1px dashed #ccc}.qris-img{width:250px;height:250px;object-fit:contain;border-radius:10px}.payment-instructions{text-align:left;background:#fdfdfd;padding:20px;border-radius:10px;margin-bottom:30px;border-left:4px solid var(--primary-color)}.payment-instructions h3{font-size:1.1rem;margin-bottom:10px;color:var(--text-dark)}.payment-instructions ol{padding-left:20px;color:var(--text-light);font-size:.9rem;line-height:1.6}.payment-instructions li{margin-bottom:8px}.payment-actions{display:flex;flex-direction:column;gap:15px}.btn-upload{background:var(--primary-color);color:#fff;border:none;padding:15px;border-radius:30px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;width:100%}.btn-upload:hover{background:#e62375;transform:translateY(-2px);box-shadow:0 5px 15px #ff2c854d}.btn-upload.disabled{background:#ccc;cursor:not-allowed;transform:none;box-shadow:none}.btn-back{background:transparent;color:var(--text-light);border:none;font-weight:500;cursor:pointer;text-decoration:underline}.btn-back:hover{color:var(--text-dark)}.upload-section{margin-bottom:30px}.upload-box{background:#fdfdfd;border:2px dashed #ccc;border-radius:10px;padding:30px;cursor:pointer;transition:all .3s ease;color:var(--text-light)}.upload-box:hover{border-color:var(--primary-color);background:#fff8fb;color:var(--primary-color)}.upload-icon{font-size:2rem;margin-bottom:10px}.proof-preview{display:flex;flex-direction:column;align-items:center;gap:15px;background:#fdfdfd;padding:20px;border-radius:10px;border:1px solid #eee}.proof-img{max-width:100%;max-height:200px;border-radius:8px;object-fit:contain}.btn-remove{background:transparent;color:#ff4757;border:1px solid #ff4757;padding:8px 15px;border-radius:20px;font-size:.9rem;cursor:pointer;transition:all .3s ease}.btn-remove:hover{background:#ff4757;color:#fff}@media (max-width: 480px){.payment-container{padding:20px 15px}.payment-header h1{font-size:1.5rem}.qris-img{width:100%;max-width:220px;height:auto}.upload-box{padding:20px 10px}}.cart-page{padding:60px 20px}.cart-container{display:flex;gap:40px;align-items:flex-start}.cart-items{flex:2;display:flex;flex-direction:column;gap:20px}.cart-item{display:flex;align-items:center;gap:20px;background:#ffffffb3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,44,133,.12);padding:20px;border-radius:16px;box-shadow:0 8px 32px #00000008;transition:all .3s cubic-bezier(.4,0,.2,1)}.cart-item:hover{transform:translateY(-3px) scale(1.01);border-color:#ff2c854d;box-shadow:0 12px 40px #ff2c850f}.cart-item-img{width:100px;height:100px;object-fit:contain;border-radius:8px;background-color:#fff6fa}.cart-item-details{flex:1}.cart-item-details h3{font-size:1.1rem;margin-bottom:10px;color:var(--text-dark)}.cart-item-price{font-weight:600;color:var(--primary-color);font-size:1.1rem}.cart-item-actions{display:flex;flex-direction:column;align-items:flex-end;gap:15px}.qty-controls{display:flex;align-items:center;gap:15px;background:var(--bg-light);border-radius:8px;padding:5px 10px}.qty-controls button{background:none;border:none;font-size:1.2rem;cursor:pointer;color:var(--text-dark);padding:0 5px}.btn-remove{background:none;border:none;color:#ff4d4f;cursor:pointer;font-size:.9rem;text-decoration:underline}.cart-summary{flex:1;background:#ffffffbf;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,44,133,.15);padding:30px;border-radius:16px;box-shadow:0 8px 32px #ff2c850d;position:sticky;top:100px;transition:all .3s cubic-bezier(.4,0,.2,1)}.cart-summary:hover{border-color:#ff2c8559;box-shadow:0 12px 40px #ff2c851a}.cart-summary h3{margin-bottom:20px;color:var(--text-dark)}.summary-row{display:flex;justify-content:space-between;margin-bottom:15px;color:var(--text-light)}.summary-row.total{font-weight:700;font-size:1.2rem;color:var(--text-dark);margin-top:15px}hr{border:none;border-top:1px solid #eee;margin:20px 0}@media (max-width: 768px){.cart-container{flex-direction:column}.cart-item{flex-direction:column;text-align:center}.cart-item-actions{align-items:center;width:100%}.cart-summary{width:100%}}.login-container{min-height:90vh;display:flex;justify-content:center;align-items:center;padding:40px 20px;background-color:#fff6fa}.login-wrapper{background:#fff;border-radius:32px;box-shadow:0 20px 50px #ff2c8514;display:grid;grid-template-columns:1.1fr .9fr;width:100%;max-width:1100px;overflow:hidden;animation:slideUp .5s cubic-bezier(.16,1,.3,1);padding:24px;gap:24px}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-form-side{display:flex;flex-direction:column;justify-content:center;padding:30px 40px}.login-logo{font-family:Inter,sans-serif;font-size:1.8rem;font-weight:800;color:var(--primary-color);font-style:italic;margin-bottom:25px;letter-spacing:-1px}.login-title{font-size:2.2rem;font-weight:800;color:var(--primary-color);line-height:1.25;margin-bottom:12px;letter-spacing:-.5px}.login-subtitle{color:var(--text-light);font-size:.95rem;line-height:1.6;margin-bottom:30px;max-width:480px}.login-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:.9rem;font-weight:700;color:var(--text-dark)}.input-with-icon{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:16px;width:20px;height:20px;color:#a0aec0;pointer-events:none}.input-with-icon input{width:100%;padding:14px 16px 14px 48px;border-radius:12px;border:1.5px solid #edf2f7;font-size:.95rem;color:var(--text-dark);background-color:#fcfdfe;transition:all .25s ease;outline:none}.input-with-icon input::placeholder{color:#a0aec0}.input-with-icon input:focus{border-color:var(--primary-color);background-color:#fff;box-shadow:0 0 0 4px #ff2c8514}.btn-toggle-password{position:absolute;right:16px;background:none;border:none;color:#a0aec0;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;transition:color .2s}.btn-toggle-password:hover{color:var(--primary-color)}.login-actions{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;margin-top:5px}.remember-me{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--text-light);font-weight:600}.remember-me input[type=checkbox]{width:18px;height:18px;border-radius:4px;accent-color:var(--primary-color);cursor:pointer}.forgot-password-link{color:var(--primary-color);font-weight:700;transition:color .2s}.forgot-password-link:hover{color:var(--primary-hover);text-decoration:underline}.btn-login-submit{background-color:var(--primary-color);color:#fff;padding:14px;border:none;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .25s ease;box-shadow:0 8px 20px #ff2c8526;margin-top:10px}.btn-login-submit:hover{background-color:var(--primary-hover);transform:translateY(-2px);box-shadow:0 10px 25px #ff2c8540}.btn-login-submit:active{transform:translateY(0)}.btn-google-login{background-color:#fff;color:#2d3748;padding:14px;border:1.5px solid #e2e8f0;border-radius:12px;font-size:.95rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;transition:all .25s ease}.btn-google-login:hover{background-color:#f7fafc;border-color:#cbd5e0;transform:translateY(-2px);box-shadow:0 5px 15px #0000000d}.google-icon{flex-shrink:0}.login-footer{margin-top:25px;text-align:center;font-size:.9rem;color:var(--text-light)}.btn-toggle-mode{background:none;border:none;color:var(--primary-color);font-weight:700;cursor:pointer;padding:2px 5px;transition:color .2s;font-size:.9rem}.btn-toggle-mode:hover{color:var(--primary-hover);text-decoration:underline}.login-banner-side{border-radius:28px;overflow:hidden;height:100%;min-height:500px}.login-banner-image{width:100%;height:100%;object-fit:cover;display:block}@media (max-width: 900px){.login-wrapper{grid-template-columns:1fr;padding:15px}.login-banner-side{display:none}.login-form-side{padding:20px 10px}}.google-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#20212499;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .2s ease-out}.google-modal{background:#fff;border-radius:8px;width:100%;max-width:450px;box-shadow:0 4px 16px #0003;border:1px solid #dadce0;padding:36px;box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#202124;animation:scaleUp .25s cubic-bezier(.1,.8,.25,1);position:relative}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.google-modal-close{position:absolute;top:16px;right:16px;background:none;border:none;font-size:24px;color:#5f6368;cursor:pointer;padding:4px;line-height:1;border-radius:50%;display:flex;align-items:center;justify-content:center;width:32px;height:32px;transition:background-color .2s}.google-modal-close:hover{background-color:#f1f3f4;color:#202124}.google-modal-header{text-align:center;margin-bottom:25px}.google-modal-logo{display:flex;justify-content:center;margin-bottom:16px}.google-modal-title{font-size:24px;font-weight:400;line-height:1.33;margin:0 0 8px;color:#202124}.google-modal-subtitle{font-size:16px;font-weight:400;line-height:1.5;color:#5f6368;margin:0}.google-account-list{border-top:1px solid #dadce0;border-bottom:1px solid #dadce0;max-height:240px;overflow-y:auto;margin-bottom:20px;padding:0}.google-account-item{display:flex;align-items:center;padding:12px 10px;cursor:pointer;background:none;border:none;width:100%;text-align:left;transition:background-color .15s;border-bottom:1px solid #f1f3f4;box-sizing:border-box}.google-account-item:last-child{border-bottom:none}.google-account-item:hover{background-color:#f8f9fa}.google-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:16px;margin-right:12px;flex-shrink:0}.google-account-info{flex-grow:1}.google-account-name{font-size:14px;font-weight:500;color:#3c4043;margin:0}.google-account-email{font-size:12px;color:#5f6368;margin:2px 0 0}.google-add-account{display:flex;align-items:center;padding:14px 12px;cursor:pointer;background:none;border:none;width:100%;text-align:left;font-size:14px;font-weight:500;color:#1a73e8;transition:background-color .15s;border-radius:4px}.google-add-account:hover{background-color:#f4f8fe}.google-add-icon{width:20px;height:20px;margin-right:12px;display:flex;align-items:center;justify-content:center}.google-custom-form{display:flex;flex-direction:column;gap:16px;margin-top:10px}.google-form-group{display:flex;flex-direction:column;gap:6px}.google-form-group label{font-size:13px;font-weight:500;color:#5f6368}.google-form-input{padding:10px 12px;border:1px solid #dadce0;border-radius:4px;font-size:14px;outline:none;transition:border-color .2s;background-color:#fff;color:#202124}.google-form-input:focus{border-color:#1a73e8;box-shadow:0 0 0 1px #1a73e8}.google-form-actions{display:flex;justify-content:space-between;align-items:center;margin-top:15px}.google-btn-back{background:none;border:none;color:#5f6368;font-size:14px;font-weight:500;cursor:pointer;padding:8px 16px;border-radius:4px;transition:background-color .15s}.google-btn-back:hover{background-color:#f1f3f4;color:#202124}.google-btn-submit{background-color:#1a73e8;color:#fff;border:none;font-size:14px;font-weight:500;padding:8px 24px;border-radius:4px;cursor:pointer;transition:background-color .15s,box-shadow .15s}.google-btn-submit:hover{background-color:#1557b0;box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326}.google-modal-footer{margin-top:24px;font-size:11px;line-height:1.5;color:#5f6368}.google-modal-footer a{color:#1a73e8;text-decoration:none}.google-modal-footer a:hover{text-decoration:underline}:root{--admin-sidebar-bg: #fff0f6;--admin-bg: #fafafa;--text-dark: #2d3748;--text-light: #718096;--primary-color: #ff2c85;--primary-hover: #e51772;--border-color: #edf2f7}.admin-dashboard-layout{display:grid;grid-template-columns:260px 1fr;min-height:100vh;background-color:var(--admin-bg);font-family:Inter,sans-serif;color:var(--text-dark)}.admin-sidebar{background-color:var(--admin-sidebar-bg);border-right:1px solid rgba(255,44,133,.1);display:flex;flex-direction:column;padding:30px 20px;position:sticky;top:0;height:100vh}.sidebar-brand{font-size:1.8rem;font-weight:800;color:var(--text-dark);margin-bottom:40px;padding-left:10px}.sidebar-brand span{color:var(--primary-color);font-style:italic}.sidebar-nav{display:flex;flex-direction:column;gap:8px;flex-grow:1}.nav-item{display:flex;align-items:center;gap:15px;background:none;border:none;padding:14px 20px;border-radius:16px;font-size:.95rem;font-weight:700;color:var(--text-light);cursor:pointer;text-align:left;transition:all .25s ease}.nav-item svg{width:20px;height:20px;transition:transform .2s}.nav-item:hover{background-color:#ff2c850d;color:var(--primary-color)}.nav-item:hover svg{transform:translate(3px)}.nav-item.active{background-color:#ff2c8514;color:var(--primary-color);box-shadow:none}.nav-item.active svg{color:var(--primary-color)}.sidebar-logout{display:flex;align-items:center;gap:15px;background:none;border:none;padding:14px 20px;border-radius:16px;font-size:.95rem;font-weight:700;color:#e53e3e;cursor:pointer;text-align:left;transition:all .2s;margin-top:auto}.sidebar-logout svg{width:20px;height:20px}.sidebar-logout:hover{background-color:#fff5f5;transform:translateY(-2px)}.admin-main{padding:30px;overflow-y:auto}.main-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;background-color:#fff;padding:15px 30px;border-radius:20px;box-shadow:0 4px 15px #00000005}.header-search{display:flex;align-items:center;gap:10px;background-color:#f7fafc;padding:10px 18px;border-radius:30px;border:1px solid #edf2f7;width:300px;max-width:100%}.header-search input{border:none;background:none;outline:none;font-size:.9rem;width:100%;color:var(--text-dark)}.header-search input::placeholder{color:#a0aec0}.header-user-side{display:flex;align-items:center;gap:25px}.header-action-btn{background:none;border:none;color:var(--text-light);cursor:pointer;position:relative;padding:5px;display:flex;align-items:center;justify-content:center;transition:color .2s}.header-action-btn:hover{color:var(--primary-color)}.header-action-btn .badge{position:absolute;top:-2px;right:-2px;background-color:var(--primary-color);color:#fff;font-size:.7rem;font-weight:800;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid white}.admin-profile-dropdown{display:flex;align-items:center;gap:12px;border-left:1px solid var(--border-color);padding-left:20px;cursor:pointer}.admin-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid var(--primary-color)}.admin-profile-info{display:flex;flex-direction:column}.admin-name{font-size:.95rem;font-weight:700;color:var(--text-dark);line-height:1.2}.admin-role{font-size:.8rem;color:var(--text-light)}.dropdown-caret{color:var(--text-light)}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:30px}.metric-card{background:#fff;border-radius:20px;padding:24px;box-shadow:0 4px 20px #00000005;display:flex;align-items:center;gap:18px;border:1px solid rgba(255,44,133,.05);transition:transform .3s ease,box-shadow .3s ease}.metric-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #ff2c850d}.metric-icon-box{width:48px;height:48px;border-radius:12px;background-color:#fff0f6;font-size:1.4rem;display:flex;align-items:center;justify-content:center}.metric-data{display:flex;flex-direction:column;gap:2px}.metric-label{font-size:.75rem;font-weight:700;color:var(--text-light);letter-spacing:.5px}.metric-data h3{font-size:1.3rem;font-weight:800;color:var(--text-dark)}.metric-trend{font-size:.8rem;font-weight:700;margin-top:2px}.trend-up{color:#38a169}.trend-down{color:#e53e3e}.trend-neutral{color:var(--text-light)}.charts-flex-row{display:flex;gap:24px;margin-bottom:24px}.flex-2{flex:2}.flex-1{flex:1}.chart-card{background:#fff;border-radius:24px;padding:24px;box-shadow:0 4px 20px #00000005;border:1px solid var(--border-color)}.chart-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.chart-card-header h3{font-size:1.1rem;font-weight:800;color:var(--text-dark)}.chart-filter-select{padding:8px 14px;border-radius:10px;border:1px solid var(--border-color);font-size:.85rem;color:var(--text-light);background-color:#f7fafc;outline:none;cursor:pointer}.dot-menu-btn{background:none;border:none;color:var(--text-light);font-size:1.2rem;cursor:pointer}.svg-chart-container{position:relative;width:100%}.bar-chart-svg{width:100%;height:auto;display:block}.chart-bar-rect{transition:fill .2s,height .3s ease,y .3s ease;cursor:pointer}.chart-bar-rect:hover{fill:var(--primary-color)!important}.chart-label-text{font-size:9px;fill:var(--text-light);font-weight:600}.pie-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 0}.pie-chart-svg{transform:rotate(-90deg);border-radius:50%;margin-bottom:20px}.pie-chart-legend{display:flex;justify-content:center;gap:15px;width:100%}.legend-item{display:flex;align-items:center;gap:6px;font-size:.85rem;font-weight:700;color:var(--text-dark)}.legend-dot{width:10px;height:10px;border-radius:50%}.top-products-table{width:100%;border-collapse:collapse;text-align:left}.top-products-table th{padding:12px 16px;background-color:#fff0f6;color:var(--primary-color);font-weight:700;font-size:.85rem;border-bottom:2px solid rgba(255,44,133,.1)}.top-products-table th:first-child{border-top-left-radius:8px;border-bottom-left-radius:8px}.top-products-table th:last-child{border-top-right-radius:8px;border-bottom-right-radius:8px}.top-products-table td{padding:14px 16px;border-bottom:1px solid var(--border-color);font-size:.9rem;font-weight:600;color:var(--text-dark)}.top-products-table tr:last-child td{border-bottom:none}.recent-orders-list{display:flex;flex-direction:column;gap:16px}.recent-order-row{display:flex;align-items:center;gap:12px;padding-bottom:12px;border-bottom:1px solid #f7fafc}.recent-order-row:last-child{border-bottom:none;padding-bottom:0}.order-initial{width:38px;height:38px;background-color:var(--primary-color);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem}.order-row-details{flex-grow:1}.order-row-details h4{font-size:.9rem;font-weight:700;color:var(--text-dark);margin-bottom:2px}.order-row-details span{font-size:.75rem;color:var(--text-light)}.order-row-price{text-align:right;display:flex;flex-direction:column;align-items:flex-end}.order-row-price strong{font-size:.9rem;color:var(--text-dark);font-weight:800}.order-row-price span{font-size:.75rem;font-weight:700;text-transform:capitalize}.status-text-completed,.status-text-lunas{color:#38a169}.status-text-pending{color:#d69e2e}.view-all-btn{background:none;border:none;color:var(--primary-color);font-weight:700;font-size:.85rem;cursor:pointer}.view-all-btn:hover{text-decoration:underline}.product-tab-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.tab-title{font-size:1.8rem;font-weight:800;color:var(--primary-color)}.btn-add-product{background-color:var(--primary-color);color:#fff;border:none;padding:12px 24px;border-radius:12px;font-weight:700;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px;box-shadow:0 4px 15px #ff2c8533}.btn-add-product:hover{background-color:var(--primary-hover);transform:translateY(-2px);box-shadow:0 6px 20px #ff2c854d}.products-table-container{background-color:#fff;border-radius:20px;padding:20px;box-shadow:0 4px 20px #00000005;border:1px solid var(--border-color)}.products-table{width:100%;border-collapse:collapse;text-align:left}.products-table th{padding:15px;background-color:#f7fafc;color:var(--text-light);font-weight:700;font-size:.9rem;border-bottom:1.5px solid var(--border-color)}.products-table td{padding:15px;border-bottom:1px solid #f7fafc;font-size:.95rem;color:var(--text-dark);font-weight:600;vertical-align:middle}.products-table tr:last-child td{border-bottom:none}.product-thumbnail{width:48px;height:48px;border-radius:8px;object-fit:cover;border:1px solid var(--border-color)}.status-badge-custom{padding:6px 12px;border-radius:20px;font-size:.8rem;font-weight:700;display:inline-block}.status-available{background-color:#e6fffa;color:#319795}.status-low-stock{background-color:#fffaf0;color:#dd6b20}.status-out-of-stock{background-color:#fff5f5;color:#e53e3e}.action-buttons-flex{display:flex;gap:8px}.edit-btn,.delete-btn{background:#fff;border:1.5px solid var(--border-color);padding:6px 12px;border-radius:8px;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .2s;color:var(--text-dark)}.edit-btn:hover{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.delete-btn:hover{background-color:#e53e3e;color:#fff;border-color:#e53e3e}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .25s ease-out}.modal-dialog{background-color:#fff;border-radius:24px;width:100%;max-width:600px;box-shadow:0 20px 60px #00000026;animation:slideUp .3s cubic-bezier(.16,1,.3,1);overflow:hidden}.modal-header{padding:20px 30px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.modal-header h3{font-size:1.2rem;font-weight:800;color:var(--text-dark)}.close-modal-btn{background:none;border:none;font-size:1.8rem;cursor:pointer;color:var(--text-light);line-height:1}.close-modal-btn:hover{color:var(--primary-color)}.modal-form{padding:30px;display:flex;flex-direction:column;gap:20px}.form-group-row{display:flex;gap:20px}.form-group-row .form-group{flex:1}.modal-form label{font-size:.85rem;font-weight:700;color:var(--text-dark);margin-bottom:6px}.modal-form input[type=text],.modal-form input[type=number],.modal-form select{width:100%;padding:12px 16px;border-radius:10px;border:1.5px solid var(--border-color);outline:none;font-size:.95rem;color:var(--text-dark);font-weight:600;transition:border-color .2s}.modal-form input:focus,.modal-form select:focus{border-color:var(--primary-color)}.modal-image-preview{display:flex;align-items:center;gap:15px;background-color:#f7fafc;padding:12px;border-radius:12px;border:1px dashed var(--border-color)}.label-preview{font-size:.85rem;font-weight:700;color:var(--text-light)}.modal-image-preview img{width:60px;height:60px;border-radius:8px;object-fit:cover;border:1px solid var(--border-color)}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:15px}.btn-cancel{background-color:#edf2f7;color:var(--text-dark);border:none;padding:12px 24px;border-radius:10px;font-weight:700;cursor:pointer;transition:background-color .2s}.btn-cancel:hover{background-color:#e2e8f0}.btn-submit{background-color:var(--primary-color);color:#fff;border:none;padding:12px 24px;border-radius:10px;font-weight:700;cursor:pointer;transition:all .2s}.btn-submit:hover{background-color:var(--primary-hover)}.upload-loader{font-size:.8rem;color:var(--primary-color);font-weight:700;margin-top:4px;display:block}.info-tab-placeholder{display:flex;justify-content:center;align-items:center;min-height:60vh}.placeholder-card{background-color:#fff;border-radius:24px;padding:40px;text-align:center;max-width:600px;box-shadow:0 4px 20px #00000005;border:1px solid var(--border-color);display:flex;flex-direction:column;align-items:center}.placeholder-card .icon{font-size:3rem;margin-bottom:20px}.placeholder-card h3{font-size:1.3rem;font-weight:800;color:var(--text-dark);margin-bottom:10px}.placeholder-card p{color:var(--text-light);font-size:.95rem;line-height:1.6}.settings-mock-form{display:flex;flex-direction:column;gap:15px;width:100%;margin-top:25px;text-align:left}.settings-mock-form label{font-size:.85rem;font-weight:700;color:var(--text-dark)}.settings-mock-form input,.settings-mock-form textarea{width:100%;padding:12px;border-radius:10px;border:1.5px solid var(--border-color);background-color:#f7fafc;color:var(--text-light);font-weight:600;outline:none}.btn-save-settings-mock{background-color:var(--primary-color);color:#fff;border:none;padding:12px;border-radius:10px;font-weight:700;cursor:pointer;transition:all .2s;width:100%}.btn-save-settings-mock:hover{background-color:var(--primary-hover)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.sidebar-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0006;z-index:1999;animation:fadeIn .2s ease-out}.admin-menu-toggle{display:none;background:none;border:none;color:var(--primary-color);cursor:pointer;padding:8px;border-radius:8px;align-items:center;justify-content:center;transition:background-color .2s}.admin-menu-toggle:hover{background-color:#fff0f6}@media (max-width: 1024px){.admin-dashboard-layout{grid-template-columns:1fr}.admin-menu-toggle{display:flex}.admin-sidebar{position:fixed;top:0;left:-265px;width:260px;height:100vh;z-index:2000;transition:left .3s cubic-bezier(.4,0,.2,1);box-shadow:10px 0 30px #00000026;background-color:var(--admin-sidebar-bg)}.admin-sidebar.open{left:0}.admin-main{padding:20px 15px}.main-header{padding:15px;gap:15px}.metrics-grid{grid-template-columns:repeat(2,1fr)}.charts-flex-row{flex-direction:column}}@media (max-width: 600px){.metrics-grid{grid-template-columns:1fr}.form-group-row{flex-direction:column;gap:15px}.header-search,.admin-profile-info{display:none}}.admin-dropdown-menu{position:absolute;top:100%;right:0;background-color:#fff;min-width:150px;box-shadow:0 10px 30px #00000014;border-radius:12px;padding:8px;z-index:1000;border:1px solid var(--border-color);margin-top:10px;animation:dropdownFadeIn .2s ease}.admin-dropdown-item{width:100%;background:none;border:none;color:#e53e3e;font-weight:700;font-size:.85rem;cursor:pointer;padding:10px 15px;text-align:left;border-radius:8px;transition:all .2s}.admin-dropdown-item:hover{background-color:#fff5f5;color:#c53030}.product-info-cell{display:flex;align-items:center;gap:12px}.product-title-text{font-size:.95rem;font-weight:700;color:var(--text-dark)}.products-table th{position:relative;background-color:#fff3f7;color:var(--primary-color);font-weight:700;text-align:center}.products-table th:not(:last-child):after{content:"|";position:absolute;right:0;top:50%;transform:translateY(-50%);color:#ff2c8533;font-weight:300}.products-table td{text-align:center}.products-table td:first-child{text-align:left}.status-badge-custom{border-radius:20px;padding:6px 16px;font-weight:700;font-size:.85rem;display:inline-block}.status-available{background-color:#e2f9eb;color:#27ae60}.status-low-stock{background-color:#fffcd6;color:#f39c12}.status-out-of-stock{background-color:#fde8e8;color:#eb5757}.action-buttons-flex{display:flex;gap:10px;justify-content:center;align-items:center}.edit-btn{background-color:var(--primary-color);color:#fff;border:none;padding:6px 16px;border-radius:20px;font-size:.85rem;font-weight:700;cursor:pointer;transition:background-color .2s,transform .1s;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px #ff2c8526}.edit-btn:hover{background-color:var(--primary-hover);transform:scale(1.03)}.delete-btn-icon{background:none;border:none;color:var(--primary-color);cursor:pointer;padding:6px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s,transform .1s}.delete-btn-icon:hover{background-color:#ff2c8514;transform:scale(1.1)}.modal-stepper-header{padding:24px 30px 15px;border-bottom:1px solid var(--border-color)}.modal-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-title-row h3{font-size:1.3rem;font-weight:800;color:var(--text-dark)}.stepper-progress-bar-wrapper{position:relative;margin:10px auto;max-width:80%}.stepper-labels{display:flex;justify-content:space-between;position:relative;z-index:2}.step-num{width:28px;height:28px;border-radius:50%;background-color:#edf2f7;color:#a0aec0;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;border:2px solid #edf2f7;transition:all .3s}.step-num.active{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.stepper-line-bg{position:absolute;top:50%;left:0;right:0;height:4px;background-color:#edf2f7;transform:translateY(-50%);z-index:1}.stepper-line-progress{height:100%;background-color:var(--primary-color);width:0%;transition:width .3s ease-in-out}.modal-step-content-1{padding:30px}.modal-split-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:24px;margin-bottom:24px}.modal-left-pane,.modal-right-pane{display:flex;flex-direction:column;gap:16px}.pane-section-title{font-size:1rem;font-weight:800;color:var(--text-dark);border-bottom:1.5px solid var(--border-color);padding-bottom:8px;margin-bottom:4px}.text-danger{color:#e53e3e;margin-left:2px}.upload-dropzone{border:2px dashed rgba(255,44,133,.2);border-radius:12px;background-color:#fffcfd;height:200px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;transition:border-color .2s,background-color .2s}.upload-placeholder-content{display:flex;flex-direction:column;align-items:center;gap:12px}.upload-text{font-size:.95rem;font-weight:600;color:var(--text-light)}.btn-browse-file{background-color:var(--primary-color);color:#fff;padding:8px 24px;border-radius:20px;font-size:.85rem;font-weight:700;cursor:pointer;transition:background-color .2s;box-shadow:0 4px 10px #ff2c8526}.btn-browse-file:hover{background-color:var(--primary-hover)}.uploaded-image-container{width:100%;height:100%;position:relative}.uploaded-dropzone-img{width:100%;height:100%;object-fit:cover}.btn-delete-photo{position:absolute;top:10px;right:10px;background-color:#fff;border:none;color:var(--primary-color);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px #00000026;transition:transform .1s}.btn-delete-photo:hover{transform:scale(1.1);color:var(--primary-hover)}.thumbnails-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px}.thumbnail-box{border:1px dashed var(--border-color);border-radius:8px;padding:10px 5px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font-size:.75rem;font-weight:700;color:var(--text-light);background-color:#fafafa;cursor:pointer;position:relative;transition:border-color .2s,background-color .2s}.thumbnail-box svg{color:#a0aec0}.thumbnail-box.active-thumb{border-color:var(--primary-color);background-color:#fff8fa;color:var(--primary-color)}.thumbnail-box.active-thumb svg{color:var(--primary-color)}.thumb-delete-dot{position:absolute;top:-4px;right:-4px;background-color:var(--primary-color);color:#fff;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700}.add-thumb-btn{border:1px dashed var(--primary-color);color:var(--primary-color);background-color:#fffdfd}.add-thumb-btn .plus-icon{font-size:1.2rem;font-weight:800;line-height:1}.modal-footer-single{display:flex;justify-content:flex-end;margin-top:15px}.btn-next-step{background-color:var(--primary-color);color:#fff;border:none;padding:12px 28px;border-radius:12px;font-weight:700;font-size:.95rem;cursor:pointer;display:flex;align-items:center;gap:8px;box-shadow:0 4px 15px #ff2c8533;transition:all .2s}.btn-next-step:hover{background-color:var(--primary-hover);transform:translateY(-2px);box-shadow:0 6px 20px #ff2c854d}.modal-step-content-2{padding:30px;display:flex;flex-direction:column;gap:20px}.form-group-full{display:flex;flex-direction:column;gap:6px}.form-group-full label{font-size:.85rem;font-weight:700;color:var(--text-dark)}.input-prefix-wrapper{display:flex;align-items:center;border:1.5px solid var(--border-color);border-radius:10px;overflow:hidden;background-color:#fff;transition:border-color .2s}.input-prefix-wrapper:focus-within{border-color:var(--primary-color)}.input-prefix{padding:0 16px;color:var(--text-light);font-weight:700;font-size:.95rem;background-color:#f7fafc;border-right:1.5px solid var(--border-color);height:45px;display:flex;align-items:center}.input-prefix-wrapper input{flex-grow:1;border:none!important;outline:none!important;padding:12px 16px;font-size:.95rem;font-weight:600;color:var(--text-dark)}.stock-input-wrapper{display:flex;align-items:center;border:1.5px solid var(--border-color);border-radius:10px;padding:4px 12px;background-color:#fff;height:48px}.stock-label{font-size:.85rem;color:var(--text-light);font-weight:700;flex-grow:1}.stock-select-spinner{border:none!important;width:auto!important;padding:4px 8px!important;font-size:.9rem!important;background-color:transparent!important;outline:none!important;cursor:pointer}.modal-actions-step2{display:flex;justify-content:space-between;margin-top:15px;gap:15px}.btn-prev-step-back{background-color:#fff;color:var(--text-light);border:1.5px solid var(--border-color);padding:12px 24px;border-radius:12px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:6px;transition:background-color .2s,color .2s}.btn-prev-step-back:hover{background-color:#f7fafc;color:var(--text-dark)}.btn-save-product-final{background-color:var(--primary-color);color:#fff;border:none;padding:12px 28px;border-radius:12px;font-weight:700;font-size:.95rem;cursor:pointer;display:flex;align-items:center;gap:6px;box-shadow:0 4px 15px #ff2c8533;transition:all .2s}.btn-save-product-final:hover{background-color:var(--primary-hover);transform:translateY(-2px);box-shadow:0 6px 20px #ff2c854d}.modal-header-simple{padding:20px 30px 0;display:flex;justify-content:flex-end}.modal-step-content-3{padding:40px;display:flex;flex-direction:column;align-items:center;text-align:center}.success-icon-wrapper{position:relative;margin-bottom:24px}.success-circle{width:80px;height:80px;background-color:var(--primary-color);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 25px #ff2c8540;position:relative;z-index:2;animation:scaleUpIcon .4s cubic-bezier(.175,.885,.32,1.275) forwards}.success-confetti{position:absolute;top:50%;left:50%;width:120px;height:120px;transform:translate(-50%,-50%);background-image:radial-gradient(circle,var(--primary-color) 10%,transparent 11%),radial-gradient(circle,#fcd4e4 10%,transparent 11%),radial-gradient(circle,#ff2c85 10%,transparent 11%);background-size:15px 15px,20px 20px,12px 12px;background-position:10% 10%,90% 10%,50% 90%;background-repeat:no-repeat;opacity:.8;animation:confettiBlast .6s ease-out forwards}.success-title{font-size:1.4rem;font-weight:800;color:var(--text-dark);margin-bottom:12px}.success-subtitle{color:var(--text-light);font-size:.95rem;max-width:320px;line-height:1.5;margin-bottom:30px}.btn-view-product-success{background-color:var(--primary-color);color:#fff;border:none;padding:12px 36px;border-radius:12px;font-weight:700;font-size:.95rem;cursor:pointer;box-shadow:0 4px 15px #ff2c8533;transition:all .2s}.btn-view-product-success:hover{background-color:var(--primary-hover);transform:translateY(-2px);box-shadow:0 6px 20px #ff2c854d}@keyframes scaleUpIcon{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes confettiBlast{0%{transform:translate(-50%,-50%) scale(.6);opacity:0}to{transform:translate(-50%,-50%) scale(1.2);opacity:1}}@media (max-width: 600px){.modal-split-layout{grid-template-columns:1fr;gap:20px}}.orders-table{width:100%;border-collapse:collapse;text-align:left}.orders-table th{position:relative;padding:15px;background-color:#f7fafc;color:var(--text-light);font-weight:700;font-size:.85rem;border-bottom:1.5px solid var(--border-color);letter-spacing:.5px}.orders-table th:not(:last-child):after{content:"|";position:absolute;right:0;top:50%;transform:translateY(-50%);color:#cbd5e0;font-weight:300}.orders-table td{padding:15px;border-bottom:1px solid #f7fafc;font-size:.95rem;color:var(--text-dark);font-weight:600;vertical-align:middle}.orders-table tr:last-child td{border-bottom:none}.status-capsule{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:20px;font-size:.8rem;font-weight:700}.status-baru{background-color:#ebf8ff;color:#2b6cb0}.status-diproses{background-color:#fffaf0;color:#dd6b20}.status-selesai{background-color:#f0fff4;color:#2f855a}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.dot-blue{background-color:#3182ce}.dot-yellow{background-color:#dd6b20}.dot-green{background-color:#38a169}.edit-btn-capsule{background-color:#fff0f6;color:var(--primary-color);border:1px solid rgba(255,44,133,.25);padding:6px 18px;border-radius:20px;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .2s ease}.edit-btn-capsule:hover{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color);transform:translateY(-1px);box-shadow:0 4px 10px #ff2c8526}.orders-tab-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.orders-header-actions{display:flex;gap:12px}.btn-filter-date{background-color:#fff;color:var(--text-dark);border:1.5px solid var(--border-color);padding:10px 18px;border-radius:12px;font-weight:700;cursor:pointer;transition:all .2s;font-size:.9rem;display:flex;align-items:center}.btn-filter-date:hover{background-color:#f7fafc;border-color:#cbd5e0}.btn-add-order{background-color:var(--primary-color);color:#fff;border:none;padding:10px 22px;border-radius:12px;font-weight:700;cursor:pointer;transition:all .2s;font-size:.9rem;display:flex;align-items:center;gap:6px;box-shadow:0 4px 15px #ff2c8533}.btn-add-order:hover{background-color:var(--primary-hover);transform:translateY(-2px);box-shadow:0 6px 20px #ff2c854d}.order-modal-dialog{max-width:700px}.modal-step-content-order{padding:30px;display:flex;flex-direction:column;gap:20px}.order-select-product,.order-status-select{width:100%;padding:12px 16px;border-radius:10px;border:1.5px solid var(--border-color);outline:none;font-size:.95rem;color:var(--text-dark);font-weight:600;background-color:#fff;cursor:pointer;transition:border-color .2s}.order-select-product:focus,.order-status-select:focus{border-color:var(--primary-color)}.form-group-row-qty{display:flex;gap:20px}.form-group-row-qty .form-group{flex:1}.qty-spinner-control{display:flex;align-items:center;border:1.5px solid var(--border-color);border-radius:10px;background-color:#fff;overflow:hidden;width:140px;height:48px}.qty-btn{background:none;border:none;width:40px;height:100%;font-size:1.2rem;font-weight:700;color:var(--text-light);cursor:pointer;transition:background-color .2s}.qty-btn:hover{background-color:#f7fafc;color:var(--text-dark)}.qty-input{border:none!important;width:60px!important;text-align:center;font-size:1rem;font-weight:700;color:var(--text-dark);padding:0!important;outline:none!important}.qty-input::-webkit-outer-spin-button,.qty-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.order-addons-flex-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-top:8px}.addon-card-horizontal{display:flex;align-items:center;gap:12px;padding:14px 18px;border:1.5px solid var(--border-color);border-radius:12px;cursor:pointer;transition:all .2s ease;background-color:#fff;-webkit-user-select:none;user-select:none}.addon-card-horizontal:hover{border-color:#cbd5e0;background-color:#fff9fb}.addon-card-horizontal.checked{border-color:var(--primary-color);background-color:#fff0f6;box-shadow:0 0 0 1px var(--primary-color)}.addon-checkbox-icon{width:20px;height:20px;border:2px solid #cbd5e0;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s}.addon-card-horizontal.checked .addon-checkbox-icon{border-color:var(--primary-color);background-color:var(--primary-color)}.addon-card-horizontal.checked .addon-checkbox-icon:after{content:"";width:4px;height:8px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg);margin-bottom:2px}.addon-card-info{display:flex;flex-direction:column}.addon-name{font-size:.9rem;font-weight:700;color:var(--text-dark)}.addon-price{font-size:.8rem;color:var(--primary-color);font-weight:700}.stepper-step-container{display:flex;flex-direction:column;align-items:center}.step-label-text{font-size:.75rem;font-weight:700;color:var(--text-light);margin-top:4px}.summary-split-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.summary-pane-left,.summary-pane-right{background-color:#fff9fb;border:1px solid rgba(255,44,133,.08);border-radius:16px;padding:18px 22px}.summary-section-title{font-size:.95rem;font-weight:800;color:var(--primary-color);margin-bottom:12px;letter-spacing:.5px;text-transform:uppercase;border-bottom:1px solid rgba(255,44,133,.1);padding-bottom:6px}.summary-details-list{display:flex;flex-direction:column;gap:10px}.detail-item-summary{display:flex;justify-content:space-between;align-items:flex-start;font-size:.9rem}.detail-label{color:var(--text-light);font-weight:600}.detail-value{color:var(--text-dark);font-weight:700;text-align:right}.address-value,.notes-value{max-width:180px;font-size:.85rem;word-break:break-word}.summary-table-wrapper{margin-top:10px;margin-bottom:20px}.summary-table{width:100%;border-collapse:collapse}.summary-table th{background-color:#f7fafc;color:var(--text-light);font-weight:700;font-size:.85rem;padding:12px;text-align:left;border-bottom:1.5px solid var(--border-color)}.summary-table td{padding:12px;border-bottom:1px solid #edf2f7;font-size:.9rem;font-weight:600;color:var(--text-dark)}.addon-summary-row td{color:var(--text-light);font-size:.85rem}.total-summary-row td{background-color:#fff0f6;border-bottom:none}.text-pink{color:var(--primary-color)!important}.font-weight-bold{font-weight:800!important}.text-right{text-align:right}.text-center{text-align:center}.modal-actions-order{display:flex;justify-content:space-between;margin-top:10px;gap:15px}.btn-save-order-final{background-color:var(--primary-color);color:#fff;border:none;padding:12px 28px;border-radius:12px;font-weight:700;font-size:.95rem;cursor:pointer;box-shadow:0 4px 15px #ff2c8533;transition:all .2s}.btn-save-order-final:hover{background-color:var(--primary-hover);transform:translateY(-2px);box-shadow:0 6px 20px #ff2c854d}.modal-step-content-order-success{padding:40px;display:flex;flex-direction:column;align-items:center;text-align:center}.success-confetti-effect{position:absolute;top:50%;left:50%;width:120px;height:120px;transform:translate(-50%,-50%);background-image:radial-gradient(circle,var(--primary-color) 10%,transparent 11%),radial-gradient(circle,#fcd4e4 10%,transparent 11%),radial-gradient(circle,#38a169 10%,transparent 11%);background-size:15px 15px,20px 20px,12px 12px;background-position:20% 20%,80% 20%,50% 80%;background-repeat:no-repeat;opacity:.8;animation:confettiBlast .6s ease-out forwards}.btn-view-order-success{background-color:var(--primary-color);color:#fff;border:none;padding:12px 36px;border-radius:12px;font-weight:700;font-size:.95rem;cursor:pointer;box-shadow:0 4px 15px #ff2c8533;transition:all .2s;margin-top:10px}.btn-view-order-success:hover{background-color:var(--primary-hover);transform:translateY(-2px);box-shadow:0 6px 20px #ff2c854d}