:root{--primary-color: #4a6fa5;--secondary-color: #ff6b6b;--accent-color: #ffd166;--dark-color: #2c3e50;--light-color: #f8f9fa;--success-color: #06d6a0;--danger-color: #ef476f;--text-color: #333;--border-radius: 8px;--box-shadow: 0 4px 12px rgba(0, 0, 0, .1);--transition: all .3s ease;--header-height: 70px}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height) + 20px)}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#f5f7fa;color:var(--text-color);line-height:1.6}section[id]{scroll-margin-top:calc(var(--header-height) + 20px)}.app{display:flex;flex-direction:column;min-height:100vh}.app-header{background-color:var(--primary-color);box-shadow:0 2px 10px #0000001a;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:1000}.logo a{font-size:1.8rem;font-weight:700;color:#fff;text-decoration:none;display:flex;align-items:center;transition:var(--transition)}.logo a:hover{transform:scale(1.05);text-shadow:0 0 10px rgba(255,255,255,.5)}nav ul{display:flex;gap:1.5rem;margin:0;padding:0;list-style:none;align-items:center}nav ul li{display:flex;align-items:center}nav a{color:#fff;font-weight:500;text-decoration:none;padding:.5rem 1rem;border-radius:var(--border-radius);transition:var(--transition);display:inline-flex;align-items:center;height:100%}nav a:hover{background-color:#fff3;transform:translateY(-2px)}.admin-dropdown{position:relative}.admin-dropdown-toggle{background:none;border:none;color:#fff;font-weight:500;padding:.5rem 1rem;border-radius:var(--border-radius);transition:var(--transition);display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:inherit}.admin-dropdown-toggle:hover{background-color:#fff3;transform:translateY(-2px)}.dropdown-arrow{transition:transform .3s ease}.dropdown-arrow.open{transform:rotate(180deg)}.admin-dropdown-menu{position:absolute;top:100%;right:0;background-color:#fff;border-radius:var(--border-radius);box-shadow:0 4px 12px #00000026;min-width:180px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;z-index:1000;list-style:none;padding:.5rem 0;margin:.5rem 0 0;display:block!important;flex-direction:column}.admin-dropdown-menu.open{opacity:1;visibility:visible;transform:translateY(0)}.admin-dropdown-menu li{margin:0;display:block!important}.admin-dropdown-menu a,.admin-dropdown-menu button{display:block;width:100%;padding:.75rem 1rem;color:var(--dark-color);text-decoration:none;transition:var(--transition);border-radius:0;background:none;border:none;text-align:left;cursor:pointer;font-size:inherit;font-family:inherit;font-weight:500}.admin-dropdown-menu a:hover,.admin-dropdown-menu button:hover{background-color:var(--light-color);color:var(--primary-color);transform:none}.admin-dropdown-menu .menu-section{font-size:.85rem;text-transform:uppercase;letter-spacing:.06em;color:#6c757d;padding:.5rem 1rem .25rem;cursor:default}.admin-dropdown-menu .menu-separator{height:1px;margin:.25rem .5rem;background:#e9ecef}.admin-logout-btn{border-top:1px solid #e5e5e5!important;margin-top:.25rem;padding-top:1rem}.cart-link{display:flex;align-items:flex-end;gap:.5rem;background-color:var(--accent-color);color:var(--dark-color)!important;padding:.5rem .8rem;border-radius:var(--border-radius);font-weight:700;line-height:normal;box-shadow:0 2px 4px #0000001a}.cart-link:hover{background-color:#ffc233!important;transform:translateY(-2px);box-shadow:0 4px 8px #00000026;color:var(--dark-color)!important}.cart-count{font-size:.9rem;font-weight:600;padding-bottom:5px}main{flex:1;padding:2rem;max-width:1200px;margin:0 auto;width:100%}footer{background-color:var(--dark-color);color:#fff;padding:1.5rem;text-align:center;margin-top:2rem}.welcome-section{text-align:center;margin-bottom:3rem;padding:2rem;background-color:#fff;border-radius:var(--border-radius);box-shadow:var(--box-shadow)}.welcome-section h1{color:var(--primary-color);font-size:2.5rem;margin-bottom:1rem}.welcome-section p{font-size:1.2rem;color:#666;max-width:800px;margin:0 auto}.home-page{max-width:1200px;margin:0 auto;padding:0 1rem}.hero-section{display:flex;flex-direction:column;gap:2rem;margin-bottom:4rem;padding:3rem 2rem;background-color:#fff;border-radius:var(--border-radius);box-shadow:var(--box-shadow);text-align:center;position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:8px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color))}.hero-content h1{font-size:2.8rem;color:var(--primary-color);margin-bottom:1rem;animation:fadeInUp .8s ease}.hero-subtitle{font-size:1.4rem;color:#666;margin-bottom:2rem;max-width:700px;margin-left:auto;margin-right:auto;animation:fadeInUp 1s ease}.hero-buttons{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem;animation:fadeInUp 1.2s ease}.hero-buttons .btn{padding:.8rem 1.8rem;font-size:1.1rem;min-width:180px;display:flex;align-items:center;justify-content:center;gap:.75rem}.btn-secondary{background-color:var(--secondary-color);color:#fff}.btn-outline{background-color:transparent;color:var(--primary-color);border:2px solid var(--primary-color)}.btn-outline:hover{background-color:#4a6fa51a;color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.btn-accent{background-color:var(--accent-color);color:var(--dark-color)}.btn-accent:hover{background-color:#ffc233}.hero-features{display:flex;justify-content:center;gap:2rem;margin-top:1rem;flex-wrap:wrap}.feature{display:flex;align-items:center;gap:1rem;background-color:#f8f9fa;padding:1rem 1.5rem;border-radius:var(--border-radius);max-width:300px;transition:all .3s ease;animation:fadeInUp 1.4s ease}.feature:hover{transform:translateY(-5px);box-shadow:0 8px 15px #0000001a}.feature-icon{display:flex;align-items:center;justify-content:center;width:50px;height:50px;background-color:#4a6fa51a;border-radius:50%;color:var(--primary-color);flex-shrink:0}.feature-text h3{margin:0 0 .3rem;font-size:1.1rem;color:var(--dark-color)}.feature-text p{margin:0;font-size:.9rem;color:#666}.products-section{margin-bottom:4rem;position:relative;padding-top:1rem}.products-section:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:100px;height:4px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));border-radius:2px}.section-header{text-align:center;margin-bottom:2rem;position:relative}.section-description{color:#666;font-size:1.2rem;margin-top:.5rem;max-width:700px;margin-left:auto;margin-right:auto}.empty-products{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;background-color:#fff;border-radius:var(--border-radius);box-shadow:var(--box-shadow);text-align:center}.empty-icon{color:#ccc;margin-bottom:1rem}.product-card{position:relative;overflow:visible;padding-top:1rem}.product-badge{position:absolute;top:0;left:1rem;background-color:var(--primary-color);color:#fff;padding:.4rem 1.2rem;border-radius:0 0 20px 20px;font-size:.85rem;font-weight:500;z-index:1;box-shadow:0 2px 4px #0000001a;letter-spacing:.5px;text-transform:uppercase}.free-badge,.tool-card .product-badge{background-color:var(--success-color)}.product-card:not(.tool-card) .product-badge{background-color:var(--primary-color)}.product-actions{display:flex;gap:.8rem;margin-top:auto;padding-top:1rem}.product-actions .btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1rem;font-size:.95rem}.tool-card{border-top:4px solid var(--success-color)}.product-card:not(.tool-card){border-top:4px solid var(--primary-color)}.product-type{margin-top:.5rem}.tool-type{display:inline-block;padding:.2rem .6rem;border-radius:4px;font-size:.8rem;font-weight:500}.web-tool{background-color:#e3f2fd;color:#0277bd}.desktop-tool{background-color:#e8f5e9;color:#2e7d32}.view-all-container{text-align:center;margin-top:2rem;padding:1.5rem}.view-all-container .view-all-btn{padding:.8rem 2rem!important;font-size:1.1rem!important;font-weight:600!important;min-width:200px;display:inline-flex!important;align-items:center;justify-content:center;gap:.5rem;transition:all .3s ease!important;border:2px solid var(--primary-color)!important;background-color:transparent!important;color:var(--primary-color)!important;text-decoration:none!important}.view-all-container .view-all-btn:hover{background-color:var(--primary-color)!important;color:#fff!important;transform:translateY(-3px)!important;box-shadow:0 6px 20px #4a6fa54d!important}.cta-section{background-color:#fff;border-radius:var(--border-radius);box-shadow:var(--box-shadow);padding:3rem 2rem;text-align:center;margin-bottom:4rem;background-image:linear-gradient(135deg,#4a6fa51a,#ff6b6b1a)}.cta-content h2{color:var(--dark-color);font-size:2rem;margin-bottom:1rem}.cta-content h2:after{margin:0 auto;left:0;right:0}.cta-content p{color:#666;font-size:1.2rem;margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto}.cta-content .btn{padding:.8rem 2rem;font-size:1.1rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(min-width:768px){.hero-section{flex-direction:row;text-align:left;align-items:center}.hero-content{flex:1}.hero-subtitle{margin-left:0}.hero-buttons{justify-content:flex-start}.hero-features{flex:1;flex-direction:column;align-items:flex-start}.feature{width:100%}}@media(max-width:768px){.hero-section{padding:2rem 1rem}.hero-content h1{font-size:2.2rem}.hero-subtitle{font-size:1.1rem}.hero-buttons{flex-direction:column;gap:.8rem}.hero-buttons .btn{width:100%}.feature{width:100%;max-width:none}.product-actions{flex-direction:column}}h2{color:var(--primary-color);font-size:2rem;margin-bottom:1.5rem;position:relative;padding-bottom:.5rem}h2:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:4px;background-color:var(--secondary-color);border-radius:2px}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;margin-top:2rem;margin-bottom:2rem}.product-card{background-color:#fff;border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--box-shadow);transition:var(--transition);position:relative;display:flex;flex-direction:column;height:100%}.product-card:hover{transform:translateY(-10px);box-shadow:0 15px 30px #00000026}.product-image{width:100%;height:250px;object-fit:cover;transition:var(--transition);cursor:pointer}.product-card:hover .product-image{transform:scale(1.05);box-shadow:0 5px 15px #0000001a}.product-info{padding:1.5rem;display:flex;flex-direction:column;flex-grow:1}.product-title{font-size:1.3rem;margin-bottom:.5rem;color:var(--dark-color)}.product-price{font-weight:700;color:var(--secondary-color);margin-bottom:1rem;font-size:1.2rem}.btn{display:inline-block;background-color:var(--primary-color);color:#fff;padding:.75rem 1.5rem;border:none;border-radius:var(--border-radius);cursor:pointer;font-weight:600;text-align:center;transition:var(--transition);text-decoration:none}.cart-page{max-width:1100px;margin:0 auto;padding:0 1rem}.cart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1.5rem;background-color:#fff;border-radius:var(--border-radius);box-shadow:var(--box-shadow)}.cart-title{display:flex;align-items:center;gap:1rem}.cart-title h1{margin:0;color:var(--primary-color);font-size:1.8rem}.cart-icon{color:var(--primary-color)}.cart-steps,.step{display:flex;align-items:center;gap:.5rem}.step-number{width:30px;height:30px;border-radius:50%;background-color:#e9ecef;color:#6c757d;display:flex;align-items:center;justify-content:center;font-weight:700}.step.active .step-number{background-color:var(--primary-color);color:#fff}.step-label{font-size:.9rem;color:#6c757d}.step.active .step-label{color:var(--primary-color);font-weight:600}.step-connector{width:40px;height:2px;background-color:#e9ecef}.cart-content.desktop{display:grid;grid-template-columns:1fr 350px;gap:1.5rem}.cart-content.mobile{display:flex;flex-direction:column;gap:1rem}.cart-items-container{background-color:#fff;border-radius:var(--border-radius);box-shadow:var(--box-shadow);overflow:hidden}.cart-items-header{display:grid;grid-template-columns:3fr 1fr 1fr 1fr .5fr;padding:1rem 1.5rem;background-color:#f8f9fa;border-bottom:1px solid #e9ecef;font-weight:600;color:#495057;align-items:center}.cart-items{display:flex;flex-direction:column}.cart-item{display:grid;grid-template-columns:3fr 1fr 1fr 1fr .5fr;padding:1.2rem 1.5rem;border-bottom:1px solid #e9ecef;align-items:center;gap:.5rem}.cart-item:last-child{border-bottom:none}.item-product{display:flex;align-items:center;gap:1rem}.cart-item-image{width:80px;height:80px;object-fit:cover;border-radius:8px;flex-shrink:0}.item-details{display:flex;flex-direction:column;gap:.5rem;justify-content:flex-start}.item-name{margin:0;font-size:1.1rem;font-weight:600;color:var(--dark-color);line-height:1.3}.item-size,.item-product-type,.item-color,.item-design-placement,.item-quality{margin:0;font-size:.85rem;color:#6c757d;line-height:1.2}.item-attributes{display:flex;flex-direction:column;gap:.4rem}.item-price,.item-quantity,.item-subtotal{font-size:1rem;color:var(--dark-color);text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.25rem;padding:.25rem}.cart-items-header .item-header,.cart-items-header .price-header,.cart-items-header .quantity-header,.cart-items-header .total-header,.cart-items-header .actions-header{text-align:center}.cart-items-header .item-header{text-align:left}.item-subtotal{font-weight:600;color:var(--primary-color)}.item-actions{display:flex;justify-content:center}.btn-remove{background:none;border:none;color:#dc3545;cursor:pointer;padding:.5rem;border-radius:50%;transition:all .2s ease}.btn-remove:hover{background-color:#dc35451a;transform:scale(1.1)}.cart-sidebar{display:flex;flex-direction:column;gap:1rem}@media(max-width:768px){.cart-sidebar{gap:1.5rem}.cart-summary{padding:2rem 1.5rem;border-radius:12px}.cart-summary h2{font-size:1.8rem;margin-bottom:2rem}.summary-row{padding:.8rem 0;font-size:1.1rem}.summary-row.total{font-size:1.4rem;padding:1.2rem 0}.btn-order{padding:1.2rem 1.5rem;font-size:1.2rem;border-radius:12px;margin:2rem 0 1.5rem}.continue-shopping{padding:1.5rem;border-radius:12px}}.cart-summary{background-color:#fff;border-radius:var(--border-radius);box-shadow:var(--box-shadow);padding:1.5rem}.cart-summary h2{font-size:1.5rem;margin-bottom:1.5rem;color:var(--dark-color);border-bottom:2px solid var(--primary-color);padding-bottom:.5rem;position:relative}.summary-row{display:flex;justify-content:space-between;margin-bottom:.8rem;font-size:1rem;color:#495057}.summary-row.subtotal{padding-bottom:.8rem;border-bottom:1px solid #e9ecef}.summary-row.total{margin-top:.8rem;font-size:1.2rem;font-weight:600;color:var(--primary-color)}.btn-order{width:100%;padding:.8rem 1rem;margin:1.5rem 0 1rem;display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:1.1rem;background-color:var(--primary-color);transition:all .3s ease}.btn-order:hover{background-color:#3a5a80;transform:translateY(-2px)}.spinner{width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s linear infinite;margin-right:.5rem}.cart-disclaimer{margin-top:1rem;font-size:.9rem;color:#6c757d;text-align:center}.continue-shopping{background-color:#fff;border-radius:var(--border-radius);box-shadow:var(--box-shadow);padding:1rem;text-align:center}.btn-continue{display:flex;align-items:center;justify-content:center;gap:.5rem;color:var(--primary-color);text-decoration:none;font-weight:500;transition:all .2s ease}.btn-continue:hover{color:#3a5a80;transform:translate(-5px)}@media(max-width:900px){.cart-content.desktop{grid-template-columns:1fr}.cart-header{flex-direction:column;gap:1rem}.cart-steps{width:100%;justify-content:center}}@media(max-width:768px){.cart-page{padding:0 1rem}.cart-content.mobile .cart-items-container{background-color:transparent;box-shadow:none;padding:0}.cart-content.mobile .cart-items{gap:0}.cart-content.mobile .cart-items-header{display:none}.cart-content.mobile .cart-item{display:flex;flex-direction:column;gap:1.2rem;padding:1.5rem;background-color:#fff;border-radius:12px;margin-bottom:1.2rem;box-shadow:0 2px 8px #0000001a}.cart-content.mobile .item-product{display:flex;flex-direction:column;gap:1rem;margin:0;width:100%}.cart-content.mobile .cart-item-image{width:200px;height:200px;border-radius:12px;object-fit:cover;align-self:center}.cart-content.mobile .item-details{display:flex;flex-direction:column;gap:1.2rem;flex:1;width:100%}.cart-content.mobile .item-name{font-size:1.3rem;margin:0;font-weight:700;line-height:1.3;color:var(--dark-color);text-align:center;width:100%}.cart-content.mobile .item-attributes{background-color:#f8f9fa;padding:1.2rem;border-radius:10px;gap:.8rem;margin:0;border:1px solid #e9ecef}.cart-content.mobile .item-size,.cart-content.mobile .item-product-type,.cart-content.mobile .item-color,.cart-content.mobile .item-design-placement,.cart-content.mobile .item-gender-model,.cart-content.mobile .item-quality{font-size:.9rem;margin:0;padding:0;color:#666;line-height:1.4}.cart-content.mobile .mobile-item-info{background-color:#fff;border:1px solid #e9ecef;border-radius:10px;margin:0}.cart-content.mobile .item-price,.cart-content.mobile .item-quantity,.cart-content.mobile .item-subtotal{display:flex;justify-content:space-between;align-items:center;padding:.8rem 0;border-bottom:1px dashed #e9ecef;margin:0;font-size:1.1rem}.cart-content.mobile .item-price:before{content:"Prijs:";font-weight:600;color:#495057;font-size:1rem}.cart-content.mobile .item-quantity:before{content:"Aantal:";font-weight:600;color:#495057;font-size:1rem}.cart-content.mobile .item-subtotal:before{content:"Subtotaal:";font-weight:600;color:#495057;font-size:1rem}.cart-content.mobile .item-subtotal{border-bottom:none;padding-bottom:.8rem;font-weight:700;color:var(--primary-color);font-size:1.2rem}.cart-content.mobile .item-actions{justify-content:center;padding:0;border:none;margin:0;width:100%}.cart-content.mobile .btn-remove{padding:1rem;font-size:1rem;background-color:#dc35451a;border-radius:8px;color:#dc3545;transition:all .2s ease;width:100%}.cart-content.mobile .btn-remove:hover{background-color:#dc354533;transform:scale(1.05)}}.product-management-page h1{margin-bottom:1.5rem;color:#333;text-align:center}.product-management-section{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:1.5rem;margin-bottom:2rem}.product-management-form{background-color:#f8f9fa;padding:20px;border-radius:5px;width:100%;display:grid;gap:1.5rem}.form-actions{display:flex;align-items:center;margin-top:10px}.form-actions button{margin-right:10px}.form-actions button:last-child{margin-right:0}.button-group{display:flex;align-items:center;gap:10px}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:600;color:var(--dark-color)}.form-group input,.form-group select{padding:.75rem;border:1px solid #ced4da;border-radius:var(--border-radius);font-size:1rem;transition:var(--transition)}.form-group input:focus,.form-group select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #4a6fa533;outline:none}.form-group textarea{padding:.75rem;border:1px solid #ced4da;border-radius:var(--border-radius);font-size:1rem;transition:var(--transition);resize:vertical}.form-group textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #4a6fa533;outline:none}.checkbox-group{display:flex;gap:1rem;flex-wrap:wrap;margin-top:.5rem}.size-selection-controls{display:flex;gap:.5rem;margin-bottom:.75rem}.checkbox-item{display:flex;align-items:center;gap:.5rem;background-color:#f8f9fa;padding:.5rem 1rem;border-radius:var(--border-radius);transition:var(--transition)}.checkbox-item:hover{background-color:#e9ecef}.products-table-container{background-color:#fff;border-radius:var(--border-radius);box-shadow:var(--box-shadow);overflow:hidden;margin-top:1rem}.products-table{width:100%;border-collapse:separate;border-spacing:0;overflow:hidden}.products-table th,.products-table td{padding:1.2rem;text-align:left;vertical-align:middle}.products-table th{background-color:var(--primary-color);color:#fff;font-weight:600}.products-table tr:nth-child(2n){background-color:#f8f9fa}.products-table tr:nth-child(odd){background-color:#fff}.products-table tr:hover{background-color:#e9ecef}.products-table td{border-bottom:1px solid #dee2e6}.prices-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.price-card{background:#fff;border-radius:10px;box-shadow:var(--box-shadow);overflow:hidden;display:flex;flex-direction:column}.price-card-image{background:#f5f7fa;display:flex;align-items:center;justify-content:center;padding:12px}.price-card-image img{width:100%;height:120px;object-fit:contain}.price-card-body{padding:12px}.price-card-title{font-weight:600;margin-bottom:8px}.price-input-row{display:flex;align-items:center;gap:6px;width:100%}.price-input-row .price-prefix{color:#6c757d;font-weight:600}.price-input-row .price-input{width:100%;flex:1 1 auto;box-sizing:border-box;text-align:right;padding:.6rem .75rem;border:1px solid #ced4da;border-radius:var(--border-radius);font-size:1rem}.prices-actions{margin-top:16px;display:flex;justify-content:flex-end;padding:0 4px;grid-column:1 / -1}@media(max-width:1100px){.prices-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:820px){.prices-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.prices-cards{grid-template-columns:1fr}}.product-thumbnail{width:60px;height:60px;object-fit:cover;border-radius:4px;border:1px solid #dee2e6}.image-placeholder{width:60px;height:60px;display:flex;align-items:center;justify-content:center;background-color:#f0f0f0;border-radius:4px;border:1px dashed #ced4da;color:#6c757d;font-size:.7rem;text-align:center;line-height:1.2;padding:4px}.btn-danger{background-color:var(--danger-color);color:#fff}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover{background-color:#5a6268}.btn-sm{padding:.4rem .8rem;font-size:.875rem;border-radius:4px}.file-name{margin:8px 0;font-size:.9rem;color:#666;font-style:italic}.or-text{margin:15px 0;text-align:center;font-weight:700;color:#666;position:relative}.or-text:before,.or-text:after{content:"";position:absolute;top:50%;width:40%;height:1px;background-color:#dee2e6}.or-text:before{left:0}.or-text:after{right:0}.success{background-color:#d1f7e9;color:#0c6b58;padding:15px;border-radius:var(--border-radius);margin-bottom:20px;border-left:4px solid var(--success-color);animation:fadeIn .5s ease}.error{background-color:#fde8ec;color:#a71d2a;padding:15px;border-radius:var(--border-radius);margin-bottom:20px;border-left:4px solid var(--danger-color);animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.loading{text-align:center;padding:30px;font-size:1.2rem;color:var(--primary-color);display:flex;flex-direction:column;align-items:center;gap:1rem}.loading:after{content:"";width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.product-detail-image{width:100%;max-height:500px;object-fit:contain;border-radius:var(--border-radius);box-shadow:var(--box-shadow);background-color:#fff;padding:1rem}.placeholder{display:flex;align-items:center;justify-content:center;background-color:#f8f9fa;color:#6c757d;font-size:1rem;height:300px;border-radius:var(--border-radius)}.back-link{display:inline-flex;align-items:center;margin-bottom:1.5rem;color:var(--primary-color);text-decoration:none;font-weight:500;transition:var(--transition)}.back-link:before{content:"←";margin-right:.5rem}.back-link:hover{color:var(--secondary-color);transform:translate(-5px)}.product-details{display:grid;gap:2rem;background-color:#fff;border-radius:var(--border-radius);overflow:visible;box-shadow:var(--box-shadow)}.design-layout{grid-template-columns:1fr}@media(min-width:768px){.design-layout{grid-template-columns:1fr 1fr}}.design-layout .product-image-container{display:flex;flex-direction:column;align-items:flex-start;padding:2rem;background-color:#fff}.tool-layout{grid-template-columns:1fr 1fr}.tool-layout .product-image-container{padding:2rem;background-color:#fff}.product-type-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;margin-top:.5rem}.product-type-btn{background:#fff;border:2px solid #e9ecef;border-radius:var(--border-radius);padding:1rem .5rem;cursor:pointer;transition:var(--transition);display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center}.product-type-btn:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.product-type-btn.active{border-color:var(--primary-color);background-color:#f0f7ff;box-shadow:0 0 0 2px #4a6fa533}.product-type-image{width:60px;height:60px;object-fit:cover;border-radius:6px;border:1px solid #ddd}.product-type-label{font-weight:500;color:var(--dark-color);font-size:.9rem}.quality-popular-tag-inline{position:absolute;top:0;left:0;background:linear-gradient(135deg,#4ecdc4,#44a08d);color:#fff;font-size:.6rem;font-weight:600;padding:.2rem .5rem;border-radius:0 0 8px;box-shadow:0 2px 4px #4ecdc44d;text-shadow:0 1px 2px rgba(0,0,0,.2);z-index:10}.quality-selector{display:grid;grid-template-columns:1fr;gap:.75rem;margin-top:.5rem}.quality-btn{background:#fff;border:2px solid #e9ecef;border-radius:var(--border-radius);padding:.5rem 1rem 1rem;cursor:pointer;transition:var(--transition);text-align:left;position:relative;overflow:hidden}.quality-btn:hover{border-color:var(--primary-color);transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.quality-btn.active{border-color:var(--primary-color);background-color:#f0f7ff;box-shadow:0 0 0 2px #4a6fa533}.quality-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.quality-badge-corner{position:absolute;top:-12px;right:-12px;background:linear-gradient(135deg,#4ecdc4,#44a08d);color:#fff;font-size:.6rem;font-weight:700;padding:.3rem .5rem;border-radius:0 5px;transform:rotate(12deg);box-shadow:0 3px 8px #4ecdc466;z-index:20;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.3);border:2px solid white}.quality-label{font-weight:600;color:var(--dark-color);font-size:1rem;margin-top:.8rem}.quality-price{font-weight:700;color:var(--secondary-color);font-size:1.1rem}.quality-description{font-size:.85rem;color:#666;line-height:1.4}.quality-prices{display:flex;flex-direction:column;gap:.75rem}.quality-price-row{display:flex;flex-direction:column;gap:.5rem}.quality-label{font-size:.9rem;font-weight:500;color:var(--dark-color)}@media(max-width:768px){.quality-selector{gap:.5rem}.quality-btn{padding:.75rem}.quality-label{font-size:.9rem}.quality-price{font-size:1rem}.quality-description{font-size:.8rem}}.feature-link-btn{background:none;border:none;color:var(--primary-color);font-size:.9rem;cursor:pointer;padding:.5rem 0;margin-top:.5rem;text-decoration:underline;transition:var(--transition)}.feature-link-btn:hover{color:var(--secondary-color);transform:translate(3px)}.products-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;padding:1rem}.products-modal{background:#fff;border-radius:var(--border-radius);max-width:900px;width:100%;max-height:90vh;overflow-y:auto;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.products-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid #e9ecef}.products-modal-header h2{margin:0;color:var(--primary-color)}.modal-close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666;transition:var(--transition);width:32px;height:32px;display:flex;align-items:center;justify-content:center}.modal-close-btn:hover{color:var(--primary-color);background-color:#f8f9fa;border-radius:50%}.products-modal-content{padding:2rem}.modal-intro{text-align:center;font-size:1.1rem;color:#666;margin-bottom:2rem}.products-showcase{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.product-showcase-item{display:flex;gap:1rem;padding:1rem;border:1px solid #e9ecef;border-radius:var(--border-radius);transition:var(--transition)}.product-showcase-item:hover{border-color:var(--primary-color);box-shadow:0 2px 8px #0000001a}.product-showcase-image{width:80px;height:80px;object-fit:cover;border-radius:6px;border:1px solid #ddd;flex-shrink:0}.product-showcase-info h3{margin:0 0 .5rem;color:var(--primary-color);font-size:1.1rem}.product-showcase-info p{margin:0;font-size:.9rem;color:#666;line-height:1.4}.modal-footer{padding:1.5rem 2rem;border-top:1px solid #e5e5e5;background-color:#f8f9fa;flex-shrink:0;justify-content:flex-end;display:flex}.modal-footer .form-actions{display:flex;gap:1rem;justify-content:flex-end;margin:0}.modal-footer .form-actions button{margin:0}@media(max-width:768px){.product-details,.tool-layout,.design-layout{grid-template-columns:1fr}.product-image-container{border-radius:var(--border-radius) var(--border-radius) 0 0;padding:1rem}.product-type-buttons{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:.75rem}.product-type-btn{padding:.75rem .5rem}.product-type-image{width:50px;height:50px}.product-type-label{font-size:.8rem}.product-type-price{font-size:.9rem}.products-modal{margin:.5rem;max-height:95vh}.products-modal-header,.products-modal-content{padding:1rem}.products-showcase{grid-template-columns:1fr;gap:1rem}.product-showcase-item{flex-direction:column;text-align:center}.product-showcase-image{align-self:center}}.product-details-info{padding:2rem;overflow:visible}.product-details-title{font-size:2rem;color:var(--dark-color);margin-bottom:1rem}.product-details-price{font-size:1.5rem;color:var(--secondary-color);font-weight:700;margin-bottom:1.5rem;padding-left:1rem}.product-details-description{margin-bottom:2rem;color:#555;line-height:1.8;background-color:#f9f9f9;padding-top:1.5rem;padding-right:1.5rem;padding-bottom:1.5rem;padding-left:calc(1rem - 4px);border-radius:var(--border-radius);border-left:4px solid var(--primary-color)}.product-details-description h3{color:var(--primary-color);margin-bottom:1rem;font-size:1.3rem}.product-actions{display:flex;flex-direction:column;gap:1.5rem;overflow:visible}.product-actions .form-group{margin-bottom:.5rem;overflow:visible}.product-actions label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--dark-color)}.product-actions select,.product-actions input{width:100%;padding:.75rem;border:1px solid #ced4da;border-radius:var(--border-radius);font-size:1rem}.size-select{height:45px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232c3e50' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:1rem;padding-right:2.5rem;font-size:1rem;color:var(--dark-color);background-color:#fff;border:1px solid #ced4da;width:100%;display:block}.size-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #4a6fa533;outline:none}.size-select option{padding:10px;font-size:1rem;background-color:#fff;color:var(--dark-color)}.button-container{margin-top:1.5rem}.button-container .btn{width:100%;padding:1rem;font-size:1.1rem}@media(max-width:768px){.product-details{grid-template-columns:1fr}.product-image-container{border-radius:var(--border-radius) var(--border-radius) 0 0;padding:1rem}.app-header{flex-direction:row;padding:.7rem .9rem;justify-content:space-between;align-items:center}.logo a{font-size:1.3rem}.menu-toggle{display:flex!important;align-items:center;justify-content:center;background-color:var(--accent-color);color:var(--dark-color);padding:8px 16px;border-radius:var(--border-radius);border:none;cursor:pointer;box-shadow:0 2px 4px #0000001a;transition:all .2s ease;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:40px;width:auto;min-width:80px}.menu-toggle:hover{background-color:#ffc233;transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.menu-toggle:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}.menu-text{display:inline-block;color:var(--dark-color);letter-spacing:.5px;line-height:1;font-weight:600;font-size:15px;margin-left:10px}.hamburger-icon{position:relative;width:18px;height:2px;margin-right:5px;background-color:var(--dark-color);transition:var(--transition);border-radius:2px}.nav-menu{position:fixed;top:0;right:-100%;width:80%;max-width:320px;height:100vh;background-color:var(--primary-color);padding:80px 20px 20px;transition:right .3s ease;z-index:1000;box-shadow:-5px 0 15px #0003;overflow-y:auto}.nav-menu.open{right:0}.nav-menu ul{display:flex;flex-direction:column;gap:1.5rem;margin-top:0!important;width:100%}.nav-menu li{width:100%}.nav-menu .cart-link{position:absolute!important;top:11px;left:20px;display:flex!important;align-items:normal;justify-content:center;background-color:var(--accent-color);color:var(--dark-color)!important;padding:12px;border-radius:var(--border-radius);font-weight:600;font-size:12px;box-shadow:0 2px 4px #0000001a;z-index:1002;width:60px;height:40px;gap:.25rem}.nav-menu .cart-link .cart-count{display:inline!important;font-size:11px;font-weight:700}.nav-menu .cart-link:hover{background-color:#ffc233!important;color:var(--dark-color)!important;transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.nav-menu a{display:block;width:100%;padding:.8rem 1rem;font-size:1.1rem;border-radius:var(--border-radius)}.close-menu-btn{display:none}.product-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.cart-item{flex-direction:column}.cart-item-image{width:100%;height:200px;margin-right:0;margin-bottom:1rem}}.product-image-container{display:flex;flex-direction:column;align-items:flex-start;padding:2rem;background-color:#fff}.product-details-price{font-size:1.5rem;color:var(--secondary-color);font-weight:700;margin:1.5rem 0;padding:0}.product-details-description{width:100%;margin-bottom:2rem;color:#555;line-height:1.8;background-color:#f9f9f9;padding:1.5rem;border-radius:var(--border-radius);border-left:4px solid var(--primary-color)}.no-sizes-message{padding:.75rem;background-color:#f8f9fa;border:1px solid #ced4da;border-radius:var(--border-radius);color:#6c757d;font-style:italic}.dialog-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease}.dialog-content{background-color:#fff;border-radius:var(--border-radius);box-shadow:0 10px 30px #0000004d;padding:2rem;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;position:relative;animation:slideIn .3s ease}.dialog-content h2{margin-top:0;margin-bottom:1rem;color:var(--dark-color);font-size:1.5rem}.dialog-content p{margin-bottom:2rem;color:#666;line-height:1.6}.dialog-actions{display:flex;justify-content:flex-end;gap:1rem}.dialog-actions .btn{min-width:120px;justify-content:center}@keyframes slideIn{0%{opacity:0;transform:translateY(-30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:768px){.dialog-content{padding:1.5rem;width:95%}.dialog-actions{flex-direction:column-reverse}.dialog-actions .btn{width:100%}}.toast-container{position:fixed;bottom:30px;right:30px;z-index:9999;display:flex;flex-direction:column;gap:10px;max-width:350px}.toast{padding:1rem;margin-bottom:1rem;border-radius:4px;display:flex;align-items:center;justify-content:space-between;animation:slideIn .3s ease-out;max-width:100%;position:relative;z-index:1000;box-shadow:0 2px 5px #0003;color:#fff}.toast.success{background-color:#28a745}.toast.error{background-color:#dc3545}.toast.info{background-color:#2c3e50}.toast.warning{background-color:#ffc107;color:#333}.toast .toast-content{display:flex;align-items:center;gap:.75rem;flex:1}.toast .toast-icon{font-size:1.2rem}.toast .toast-close{background:none;border:none;cursor:pointer;padding:.25rem;margin-left:1rem;color:inherit;opacity:.8;transition:opacity .2s;font-size:1.5rem;line-height:1}.toast .toast-close:hover{opacity:1}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0;transform:translateY(-10px)}}@keyframes shrink{0%{width:100%}to{width:0%}}.product-not-found{text-align:center;padding:40px 20px;margin:20px auto;max-width:600px;background-color:#f8f9fa;border-radius:var(--border-radius);box-shadow:var(--box-shadow)}.product-not-found h2{margin-bottom:20px;color:var(--primary-color)}.product-management-page{padding:20px;max-width:1200px;margin:0 auto}.product-management-section{margin-bottom:3rem;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:2rem}.product-category{margin-bottom:3rem}.product-category:last-child{margin-bottom:0}.product-category h3{color:var(--primary-color);font-size:1.5rem;margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:2px solid var(--primary-color)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #e9ecef}.clickable-header{cursor:pointer;transition:var(--transition);display:flex;align-items:center;gap:10px;color:var(--primary-color)}.clickable-header:hover{color:#3a5a84}.btn-toggle{background-color:var(--primary-color);color:#fff;border:none;padding:8px 15px;border-radius:var(--border-radius);cursor:pointer;transition:var(--transition)}.btn-toggle:hover{background-color:#3a5a84;transform:translateY(-2px)}@media(max-width:768px){.product-management-page{padding:10px;width:100%;box-sizing:border-box}.product-management-section{padding:12px;margin-bottom:20px;width:100%;box-sizing:border-box}.product-management-form{padding:15px;width:100%;box-sizing:border-box}.products-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%}.products-table{min-width:650px}}@media(max-width:480px){.product-management-page{padding:5px}.product-management-section{padding:10px;margin-bottom:15px;border-radius:4px}.product-management-form{padding:10px}.form-group{gap:.3rem}.form-group label{font-size:.9rem}.form-group input,.form-group select,.form-group textarea{padding:.6rem;font-size:.9rem}.checkbox-group{gap:.5rem}.checkbox-item{padding:.4rem .8rem;font-size:.85rem}.products-table-container{width:100%}.products-table{min-width:auto;box-shadow:none;border-radius:0;background:transparent}.products-table thead{display:none}.products-table,.products-table tbody,.products-table tr,.products-table td{display:block;width:100%;box-sizing:border-box;border:none}.products-table tr{margin-bottom:15px;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden;position:relative}.products-table td[data-label=Afbeelding]{padding:0;height:120px;background-color:#f5f7fa;display:flex;justify-content:center;align-items:center;border-bottom:1px solid #eee}.products-table td[data-label=Afbeelding]:before{display:none}.products-table td[data-label=Afbeelding] img,.products-table td[data-label=Afbeelding] .image-placeholder{width:100px;height:100px;object-fit:contain}.products-table td[data-label=Naam]{font-weight:700;font-size:1.1rem;padding:12px 15px 5px;color:var(--primary-color);border:none;display:block;text-align:left}.products-table td[data-label=Naam]:before{display:none}.products-table td:not([data-label=Afbeelding]):not([data-label=Naam]):not([data-label=Acties]){padding:8px 15px;display:flex;justify-content:space-between;align-items:center;border:none;font-size:.9rem}.products-table td:before{content:attr(data-label);font-weight:600;color:#666;margin-right:10px}.products-table td[data-label=Details] a{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;color:var(--primary-color);text-decoration:none}.products-table td[data-label=Acties]{padding:12px 15px;background-color:#f8f9fa;border-top:1px solid #eee}.products-table .button-group{display:flex;flex-direction:row;justify-content:space-between;width:100%;gap:10px}.products-table .btn-sm{flex:1;padding:8px 0;font-size:.9rem;width:auto;text-align:center}.form-actions{display:flex;flex-direction:column;gap:10px;width:100%}.form-actions button{width:100%;margin-left:0!important}.size-selection-controls{display:flex;flex-direction:column;gap:8px;width:100%}.size-selection-controls button{width:100%}.products-table td[data-label=Acties]:before{display:none}.products-table td[data-label=Acties]{padding-top:15px;padding-bottom:15px;display:flex;justify-content:center}.products-table .button-group{max-width:280px;margin:0 auto}}.menu-toggle{display:none;position:relative;background:none;border:none;cursor:pointer;padding:10px;z-index:1001;outline:none}.hamburger-icon{display:block;position:relative;width:24px;height:3px;background-color:#fff;transition:var(--transition);border-radius:2px}.hamburger-icon:before,.hamburger-icon:after{content:"";position:absolute;width:18px;height:2px;background-color:var(--dark-color);transition:var(--transition);border-radius:2px}.hamburger-icon:before{top:-6px}.hamburger-icon:after{bottom:-6px}.menu-toggle.active{background-color:#e6b800;transform:translateY(0);box-shadow:0 2px 4px #0000001a}.menu-toggle.active .hamburger-icon{background-color:transparent}.menu-toggle.active .hamburger-icon:before{transform:rotate(45deg);top:0}.menu-toggle.active .hamburger-icon:after{transform:rotate(-45deg);bottom:0}.menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:999;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mobile-menu-button{display:none}.menu-text{display:none;margin-left:8px;font-size:14px;font-weight:600}@media(max-width:768px){.mobile-menu-button{display:block}.menu-toggle{display:flex!important;align-items:center;justify-content:center;background-color:var(--accent-color);color:var(--dark-color);padding:8px 16px;border-radius:var(--border-radius);border:none;cursor:pointer;box-shadow:0 2px 4px #0000001a;transition:all .2s ease;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:40px;width:auto;min-width:80px}.admin-dropdown-menu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;background-color:#ffffff1a;border-radius:var(--border-radius);margin:.5rem 0;min-width:auto}.admin-dropdown-menu li{margin:1.5rem 0 0}.admin-dropdown-menu li:first-child:before{content:"Beheer";display:block;color:#ffffffb3;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:1rem;margin-top:1.5rem;padding-left:1rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.2);margin-right:1rem}.admin-dropdown-menu a,.admin-dropdown-menu button{color:#fff;padding:.8rem 1rem;margin:0;text-align:left;width:100%;border:0!important;font-size:1.1rem}.admin-dropdown-menu a:hover,.admin-dropdown-menu button:hover{background-color:#fff3;color:#fff}.admin-logout-btn{border-top:1px solid rgba(255,255,255,.2)!important;margin-top:.25rem;padding-top:1rem}.admin-dropdown-toggle{display:none!important}.admin-dropdown-menu{position:static!important;opacity:1!important;visibility:visible!important;transform:none!important;box-shadow:none!important;background-color:transparent!important;margin:0!important;padding:0!important}.menu-toggle:hover{background-color:#e6b800;transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.menu-toggle:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}.menu-text{display:inline-block;color:var(--dark-color);letter-spacing:.5px;line-height:1;font-weight:600;font-size:15px;margin-left:10px}.hamburger-icon{position:relative;width:18px;height:2px;background-color:var(--dark-color);transition:var(--transition);border-radius:2px}.hamburger-icon:before,.hamburger-icon:after{content:"";position:absolute;width:18px;height:2px;background-color:var(--dark-color);transition:var(--transition);border-radius:2px}.hamburger-icon:before{top:-6px}.hamburger-icon:after{bottom:-6px}.menu-toggle.active{background-color:#e6b800}.menu-toggle.active .hamburger-icon{background-color:transparent}.menu-toggle.active .hamburger-icon:before{transform:rotate(45deg);top:0}.menu-toggle.active .hamburger-icon:after{transform:rotate(-45deg);bottom:0}}.mobile-menu-btn{display:none;background-color:var(--accent-color);color:var(--dark-color);border:none;border-radius:var(--border-radius);padding:8px 16px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000001a}.mobile-menu-btn:hover{background-color:#ffc233;transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.mobile-menu-btn.active{background-color:#e6b800}@media(max-width:768px){.mobile-menu-btn{display:block}}.login-page{display:flex;justify-content:center;align-items:center;min-height:80vh;padding:20px}.login-container{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;padding:30px;width:100%;max-width:400px}.login-container h1{margin-bottom:24px;text-align:center;color:#333;font-size:1.8rem}.login-container .form-group{margin-bottom:20px}.login-container label{display:block;margin-bottom:8px;font-weight:500}.login-container input{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:4px;font-size:16px}.login-container button{width:100%;padding:12px;background-color:#4a6cf7;color:#fff;border:none;border-radius:4px;font-size:16px;cursor:pointer;transition:background-color .3s}.login-container button:hover{background-color:#3a5ce5}.login-container button:disabled{background-color:#a0a0a0;cursor:not-allowed}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #eee}.admin-header h1{margin:0}.admin-header button{padding:8px 16px;background-color:#f44336;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s}.admin-header button:hover{background-color:#d32f2f}.loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:60vh}.loading-spinner{width:40px;height:40px;border:4px solid rgba(0,0,0,.1);border-radius:50%;border-top-color:#4a6cf7;animation:spin 1s ease-in-out infinite;margin-bottom:16px}@keyframes spin{to{transform:rotate(360deg)}}.close-menu-btn{display:none}@media(max-width:768px){.close-menu-btn{position:absolute;top:20px;right:20px;background:none;border:none;color:#fff;font-size:28px;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.close-menu-btn:hover{background-color:#fff3}}.empty-cart-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;background-color:#fff;border-radius:var(--border-radius);box-shadow:var(--box-shadow);text-align:center;margin:2rem auto;max-width:600px;animation:fadeIn .5s ease}.empty-cart-icon{margin-bottom:1.5rem;opacity:.8;transform-origin:center;animation:float 3s ease-in-out infinite}.empty-cart-container h1{color:var(--primary-color);font-size:1.8rem;margin-bottom:1rem}.empty-cart-container p{color:#666;margin-bottom:2rem;font-size:1.1rem;max-width:400px}.empty-cart-container .btn{padding:.8rem 2rem;font-size:1.1rem;transition:all .3s ease}.empty-cart-container .btn:hover{transform:translateY(-3px);box-shadow:0 6px 15px #00000026}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.email-form{margin:1.5rem 0;padding:1rem;background-color:#f8f9fa;border-radius:var(--border-radius);border:1px solid #e9ecef}.email-form label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--dark-color)}.email-form input{width:100%;padding:.75rem;border:1px solid #ced4da;border-radius:var(--border-radius);font-size:1rem;transition:var(--transition)}@media(max-width:768px){.email-form input{padding:1rem;font-size:1.1rem;border-radius:10px}.email-form label{font-size:1.1rem;margin-bottom:.8rem}}.email-form input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #4a6fa533}.email-form input.error{border-color:var(--danger-color)}.error-message{color:var(--danger-color);font-size:.875rem;margin-top:.5rem}.order-process-info{margin:1.5rem 0;padding:1rem;background-color:#f0f4f8;border-radius:var(--border-radius);border-left:4px solid var(--primary-color)}.order-process-info h3{font-size:1.1rem;margin-bottom:.75rem;color:var(--primary-color)}.order-process-info ol{margin:0;padding-left:1.5rem}.order-process-info li{margin-bottom:.5rem;line-height:1.4}.order-process-info li:last-child{margin-bottom:0}.orders-page{max-width:1200px;margin:0 auto;padding:20px}.verification-page{display:flex;justify-content:center;padding:2rem 1rem}.verification-card{width:100%;max-width:900px;background-color:#fff;border-radius:var(--border-radius);box-shadow:0 4px 12px #00000014;padding:2rem 2.5rem}.verification-card h1{color:var(--primary-color);font-size:2rem;margin:0 0 1rem}.verification-card p{color:#333;line-height:1.7}.verification-meta{margin:1rem 0 1.25rem}.verification-meta .meta-label{font-weight:700;margin-right:.25rem}.verification-meta .meta-value{font-weight:500}.verification-help h3{margin-top:1.5rem;margin-bottom:.5rem}.verification-help ul{margin:0 0 1.5rem 1rem}.verification-actions{margin-top:1.5rem}@media(max-width:640px){.verification-card{padding:1.5rem}.verification-card h1{font-size:1.6rem}}.orders-page h1{margin-bottom:30px;color:#333;font-size:2rem}.no-orders{background-color:#f8f9fa;padding:30px;text-align:center;border-radius:8px;box-shadow:0 2px 4px #0000001a}.orders-list{display:flex;flex-direction:column;gap:20px}.order-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden;transition:box-shadow .2s ease}.order-card:hover{box-shadow:0 4px 12px #00000026}.order-header{display:flex;justify-content:space-between;align-items:flex-start;padding:15px 20px;background-color:#f8f9fa;border-bottom:1px solid #e9ecef;transition:background-color .2s ease;position:relative}.order-header.clickable{cursor:pointer}.order-header.clickable:hover{background-color:#e9ecef}.order-info h3{margin:0 0 5px;font-size:1.2rem;color:#333}.order-date{margin:0;font-size:.9rem;color:#6c757d}.order-email{margin:5px 0 0;font-size:.9rem;color:#6c757d}.order-email a{color:var(--primary-color);text-decoration:none;transition:color .2s ease}.order-email a:hover{color:var(--secondary-color);text-decoration:underline}.order-total{margin:5px 0 0;font-size:.95rem;font-weight:600;color:var(--primary-color)}.order-status{display:flex;flex-direction:row;gap:10px;align-items:center;position:relative}.status-badges-group{display:flex;flex-direction:row;gap:6px;align-items:center}.order-delete-btn{background:#fff;border:1px solid #dee2e6;color:#dc3545;border-radius:6px;height:36px;padding:0 14px;cursor:pointer;transition:all .2s ease}.order-delete-btn:hover{background-color:#dc3545;color:#fff;border-color:#dc3545}.order-delete-btn:disabled{opacity:.6;cursor:not-allowed}.expand-icon{margin-left:8px;font-size:1.2rem;color:var(--primary-color);-webkit-user-select:none;user-select:none}.status-badge,.payment-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:.8rem;font-weight:500}.status-badge.pending{background-color:#fff3cd;color:#856404}.status-badge.processing{background-color:#cce5ff;color:#004085}.status-badge.shipped{background-color:#d4edda;color:#155724}.status-badge.delivered{background-color:#d1e7dd;color:#0f5132}.status-badge.cancelled{background-color:#f8d7da;color:#721c24}.payment-badge.awaiting_payment{background-color:#e2e3e5;color:#383d41}.payment-badge.paid{background-color:#d1e7dd;color:#0f5132}.payment-badge.refunded{background-color:#d1ecf1;color:#0c5460}.payment-badge.failed{background-color:#f8d7da;color:#721c24}.order-items{padding:20px;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;max-height:0;padding-top:0;padding-bottom:0}to{opacity:1;max-height:1000px;padding-top:20px;padding-bottom:20px}}.order-items h4{margin-top:0;margin-bottom:15px;font-size:1.1rem;color:#333}.order-items table{width:100%;border-collapse:collapse}.order-items th,.order-items td{padding:10px;text-align:left;border-bottom:1px solid #e9ecef}.order-items th{font-weight:600;color:#495057;background-color:#f8f9fa}.order-items tbody tr:last-child td{border-bottom:2px solid #dee2e6}.order-items tfoot{font-weight:600}.total-label{text-align:right}.total-value{font-size:1.1rem;color:#212529}.order-actions{margin-top:30px;padding-top:20px;border-top:1px dashed #e9ecef}.order-actions h4{margin-bottom:15px;font-size:1.1rem;color:#333}.status-row{display:flex;justify-content:space-between;align-items:center;gap:10px}.status-buttons{display:flex;gap:10px;flex-wrap:wrap}.btn-status{padding:8px 16px;font-size:.9rem;border-radius:4px;cursor:pointer;transition:all .2s ease;border:none;font-weight:500;min-width:140px}.btn-status:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.btn-status:disabled{opacity:.7;cursor:not-allowed;transform:none;box-shadow:none}.btn-status.awaiting-payment{background-color:#e2e3e5;color:#383d41}.btn-status.awaiting-payment:hover{background-color:#d6d8db}.btn-status.processing{background-color:#cce5ff;color:#004085}.btn-status.processing:hover{background-color:#b8daff}.btn-status.delivered{background-color:#d1e7dd;color:#0f5132}.btn-status.delivered:hover{background-color:#badbcc}.btn-status.delete{background-color:#f8d7da;color:#721c24}.btn-status.delete:hover{background-color:#f5c6cb}@media(max-width:768px){.order-header{flex-direction:column;gap:10px}.order-status{align-items:flex-start;flex-direction:row;justify-content:space-between;width:100%}.expand-icon{margin-top:0}.order-items table{display:block;overflow-x:auto}.status-buttons{flex-direction:column;width:100%}.btn-status{width:100%}}.active-orders-section,.completed-orders-section{margin-bottom:2rem}.active-orders-section h2,.completed-orders-section h2{color:var(--primary-color);margin-bottom:1rem;padding:1rem 1.5rem;background-color:#f0f4f8;border-radius:var(--border-radius)}.completed-orders-section h2{cursor:pointer;display:flex;align-items:center;justify-content:space-between}.completed-orders-section h2:hover{background-color:#e1e8f0}.completed-orders-section .toggle-icon{margin-left:auto}.toggle-icon{font-size:1.2rem;color:var(--primary-color);-webkit-user-select:none;user-select:none}.search-container{margin-bottom:2.5rem;position:relative;max-width:600px}.search-input-container{position:relative;width:100%}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#6c757d;pointer-events:none;z-index:1}.search-input{width:100%;padding:.8rem 1rem .8rem 3rem;padding-right:40px;border:1px solid #ced4da;border-radius:var(--border-radius);font-size:1rem;transition:all .2s}.search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #4a6fa533}.search-clear-btn{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;color:#6c757d;font-size:1.5rem;line-height:1;cursor:pointer;padding:0 5px;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;transition:all .2s}.search-clear-btn:hover{color:var(--danger-color);background-color:#ef476f1a}.search-results-info{font-size:.9rem;color:#666;margin-top:.5rem;font-style:italic}.no-search-results{text-align:center;padding:3rem 2rem;background-color:#f8f9fa;border-radius:var(--border-radius);margin-bottom:2rem;border:2px dashed #dee2e6}.no-search-results p{margin-bottom:1rem;font-size:1.1rem;color:#6c757d}.no-search-results .btn{padding:.5rem 1rem;font-size:.9rem}@media(max-width:768px){.active-orders-section h2{padding:.8rem 1rem}.search-container{max-width:100%}.search-input{padding:.7rem}}.product-link{color:var(--primary-color);text-decoration:none;display:flex;flex-direction:column;gap:.2rem}.product-link:hover{text-decoration:underline}.product-id{font-size:.8rem;color:#6c757d}.custom-color-select{position:relative;width:100%}.genderModel-select{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;background-color:#fff;font-size:14px;cursor:pointer}.genderModel-select:focus{border-color:#007bff;outline:none;box-shadow:0 0 0 2px #007bff40}.item-gender-model{margin:0;font-size:.85rem;color:#6c757d;line-height:1.2}.color-select-trigger{display:flex;justify-content:space-between;align-items:center;padding:.75rem;border:1px solid #ced4da;border-radius:var(--border-radius);background-color:#fff;cursor:pointer;transition:var(--transition);font-size:1rem}.color-select-trigger:hover{border-color:var(--primary-color)}.color-select-trigger:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #4a6fa533;outline:none}.selected-color{display:flex;align-items:center;gap:.75rem}.color-block{width:20px;height:20px;border-radius:4px;border:1px solid #ddd;flex-shrink:0}.dropdown-arrow{color:#666;font-size:.8rem;transition:var(--transition)}.color-dropdown{position:absolute;top:100%;left:0;right:0;background-color:#fff;border:1px solid #ced4da;border-top:none;border-radius:0 0 var(--border-radius) var(--border-radius);box-shadow:0 4px 12px #0000001a;z-index:1000;max-height:260px;overflow-y:auto}.color-option{display:flex;align-items:center;gap:.75rem;padding:.75rem;cursor:pointer;transition:var(--transition);border-bottom:1px solid #f0f0f0}.color-option:hover{background-color:#f8f9fa}.color-option.selected{background-color:var(--primary-color);color:#fff}.color-option.selected .color-block{border-color:#fff}.color-option:last-child{border-bottom:none}@media(max-width:768px){.color-block{width:18px;height:18px}.color-option{padding:.6rem;gap:.6rem}.selected-color{gap:.6rem}}.color-display{display:inline-flex;align-items:baseline;gap:.5rem;margin-left:.5rem}.color-block-small{width:16px;height:16px;border-radius:3px;border:1px solid #ddd;flex-shrink:0;align-self:center}@media(max-width:768px){.color-block{width:18px;height:18px}.color-block-small{width:14px;height:14px}.color-option{padding:.6rem;gap:.6rem}.selected-color{gap:.6rem}.color-display{gap:.4rem;margin-left:.4rem}}.designs-page,.tools-page{max-width:1200px;margin:0 auto;padding:0 1rem}.page-header{margin-bottom:2rem;padding:2rem;background-color:#fff;border-radius:var(--border-radius);box-shadow:var(--box-shadow)}.breadcrumb{font-size:.9rem;color:#666;margin-bottom:1rem}.breadcrumb a{color:var(--primary-color);text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.separator{margin:0 .5rem;color:#ccc}.page-header h1{color:var(--primary-color);font-size:2.5rem;margin-bottom:.5rem}.page-description{font-size:1.1rem;color:#666;margin:0}.filters-section{background-color:#fff;padding:1.5rem;margin-bottom:2rem;border-radius:var(--border-radius);box-shadow:var(--box-shadow);display:flex;gap:1rem;align-items:end;flex-wrap:wrap}.search-bar{margin-bottom:0;width:100%}.search-input-container{position:relative;flex-shrink:0;width:100%}@media(min-width:769px){.search-bar{max-width:400px}}.search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#666;pointer-events:none}.search-input{padding:.5rem .75rem .5rem 2.5rem;border:1px solid #e1e8ed;border-radius:var(--border-radius);font-size:.9rem;transition:var(--transition)}.search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #4a6fa51a}.filter-controls{display:flex;gap:.75rem;align-items:end;flex-wrap:nowrap;flex:1}.filter-group{display:flex;flex-direction:column;gap:.3rem}.filter-group label{font-weight:600;color:var(--text-color);font-size:.8rem}.filter-select{padding:.5rem .75rem;border:1px solid #e1e8ed;border-radius:var(--border-radius);font-size:.9rem;background-color:#fff;cursor:pointer;transition:var(--transition);min-width:120px}.filter-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #4a6fa51a}.clear-filters-btn{padding:.5rem 1rem;background-color:#f8f9fa;color:#666;border:1px solid #e1e8ed;border-radius:var(--border-radius);font-size:.9rem;cursor:pointer;transition:var(--transition);white-space:nowrap}.clear-filters-btn:hover{background-color:#e9ecef;color:var(--text-color)}.results-info{width:100%;margin-top:1rem;padding-top:1rem;border-top:1px solid #e1e8ed;order:10}.results-count{color:#666;font-size:.9rem}.designs-grid,.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;margin-bottom:2rem}.empty-results{grid-column:1 / -1;text-align:center;padding:3rem 2rem;background-color:#fff;border-radius:var(--border-radius);box-shadow:var(--box-shadow)}.empty-results .empty-icon{width:64px;height:64px;margin:0 auto 1rem;color:#ccc}.empty-results h3{color:var(--text-color);margin-bottom:.5rem}.empty-results p{color:#666;margin-bottom:1.5rem}.view-all-link{color:var(--primary-color);text-decoration:none;font-weight:600;font-size:.9rem;transition:var(--transition)}.view-all-link:hover{text-decoration:underline;color:var(--secondary-color)}.section-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:1.5rem}.product-description{font-size:.9rem;color:#666;margin-bottom:1rem;line-height:1.4;max-height:3.6em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical}@media(max-width:768px){.page-header{padding:1.5rem}.page-header h1{font-size:2rem}.filters-section{padding:1.5rem;flex-direction:column;gap:1rem}.filter-controls{flex-direction:column;align-items:stretch;gap:1rem;width:100%}.filter-group{width:100%;display:flex;flex-direction:column}.filter-group label{width:100%}.filter-select{min-width:auto;width:100%!important;box-sizing:border-box}.clear-filters-btn{width:100%!important;box-sizing:border-box}.designs-grid,.tools-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}.section-header{flex-direction:column;align-items:flex-start;gap:1rem}.filters-section .search-input-container{flex-shrink:1!important}.filters-section .search-input{box-sizing:border-box}}.voucher-management-page{max-width:1400px;margin:0 auto;padding:2rem}.voucher-management-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--primary-color)}.voucher-management-header h1{margin:0;color:var(--dark-color);font-size:2rem}.voucher-form-section{background-color:#fff;border-radius:var(--border-radius);box-shadow:var(--box-shadow);padding:2rem;margin-bottom:2rem}.voucher-form-section h2{margin-top:0;margin-bottom:1.5rem;color:var(--dark-color);font-size:1.5rem}.voucher-form{display:grid;gap:1.5rem;max-width:600px}.vouchers-section{margin-bottom:3rem}.vouchers-section h2{margin-bottom:1.5rem;color:var(--dark-color);font-size:1.5rem;display:flex;align-items:center;gap:.5rem}.no-vouchers{text-align:center;color:#6c757d;font-style:italic;padding:2rem;background-color:#f8f9fa;border-radius:var(--border-radius)}.vouchers-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));max-width:100%;gap:2rem}@media(min-width:1400px){.vouchers-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:992px)and (max-width:1399px){.vouchers-grid{grid-template-columns:repeat(2,1fr)}}.voucher-card{background-color:#fff;border-radius:var(--border-radius);box-shadow:var(--box-shadow);padding:1.5rem;transition:transform .2s ease,box-shadow .2s ease;border:1px solid #e9ecef;display:flex;flex-direction:column;min-height:400px}.voucher-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.voucher-header{display:flex;justify-content:center;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #e9ecef}.voucher-code{display:flex;align-items:center;justify-content:center;gap:.75rem;flex:1;background-color:#f8f9fa!important;padding:.75rem 1rem;border-radius:6px;border:1px solid #dee2e6;position:relative}.code-text{font-family:Courier New,monospace;font-size:1.1rem;font-weight:600;color:var(--primary-color);background:none;padding:0;border:none;border-radius:0;word-break:break-all;text-align:center}.btn-copy{background:none;border:none;cursor:pointer;padding:.5rem;border-radius:6px;transition:all .2s ease;flex-shrink:0;color:#6c757d;display:flex;align-items:center;justify-content:center}.btn-copy:hover{background-color:#f8f9fa;color:var(--primary-color);transform:scale(1.05)}.voucher-status-badge{margin-bottom:1rem;display:flex;justify-content:flex-start}.voucher-status{padding:.4rem .8rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;white-space:nowrap;display:inline-block}.voucher-status.unused{background-color:#d1e7dd;color:#0f5132}.voucher-status.used{background-color:#f8d7da;color:#721c24}.used-voucher{opacity:.8;border-left:4px solid #f8d7da}.voucher-details{display:grid;gap:1rem;margin-bottom:1.5rem;flex-grow:1}.voucher-details>div{font-size:.9rem;color:#495057;display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;background-color:#f8f9fa;border-radius:6px;border:1px solid #e9ecef}.voucher-details strong{color:var(--dark-color);font-weight:600;margin-right:.5rem}.voucher-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:auto;padding-top:1rem;border-top:1px solid #f8f9fa}.voucher-form .form-group{margin-bottom:0}.voucher-form .form-actions{display:flex;gap:1rem;justify-content:flex-start;margin-top:1rem}@media(max-width:768px){.voucher-management-header{flex-direction:column;gap:1rem;align-items:stretch}.vouchers-grid{grid-template-columns:1fr}.voucher-header{flex-direction:column;gap:1rem;align-items:stretch}.voucher-code{justify-content:center}.voucher-form .form-actions{flex-direction:column}}.voucher-section{margin:1rem 0;padding:1rem 0;border-top:1px solid #e9ecef;border-bottom:1px solid #e9ecef}.voucher-input{position:relative}.voucher-input label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--dark-color)}.voucher-error-container{height:1.5rem;margin-top:.5rem}.voucher-error-container .error-message{margin:0;padding:0;font-size:.875rem;color:var(--danger-color);line-height:1.25rem}.voucher-input-group{display:flex;gap:.5rem;align-items:flex-start}.voucher-input-group input{flex:1;padding:.75rem;border:1px solid #ced4da;border-radius:4px;font-family:Courier New,monospace;font-weight:600;text-transform:uppercase;height:48px;box-sizing:border-box}.voucher-input-group input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #4a6fa533}.voucher-input-group input.error{border-color:var(--danger-color)}.voucher-input-group .btn{height:48px;box-sizing:border-box;white-space:nowrap;flex-shrink:0}.btn-remove-voucher-x{background:none;border:none;color:#6c757d;cursor:pointer;font-size:1.2rem;padding:.25rem;border-radius:50%;transition:all .2s ease;font-weight:400;display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;line-height:1}.btn-remove-voucher-x:hover{background-color:#6c757d1a;color:#495057;transform:scale(1.1)}.applied-voucher{background:linear-gradient(135deg,#d1e7dd,#e8f5e8);border:1px solid #badbcc;border-radius:8px;padding:1.25rem;box-shadow:0 2px 4px #00000014}.voucher-info{display:flex;flex-direction:column;align-items:stretch;gap:.8rem}.voucher-code-row{display:flex;justify-content:space-between;align-items:center;width:100%;gap:.75rem}.voucher-code{font-family:Courier New,monospace;font-weight:700;color:var(--primary-color);background-color:#fff;padding:.5rem .75rem;border-radius:6px;border:2px solid #0f5132;font-size:.95rem;letter-spacing:.5px;box-shadow:0 1px 3px #0000001a;flex:1;min-width:0;display:flex;justify-content:space-between;align-items:center}.voucher-type{font-size:.75rem;color:#0f5132;font-weight:700;text-transform:uppercase;background-color:#0f51321a;padding:.25rem .5rem;border-radius:12px;border:1px solid rgba(15,81,50,.2);letter-spacing:.5px;align-self:flex-end}.voucher-discount,.voucher-free-product{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;margin-bottom:.75rem;font-size:.95rem;color:#0f5132;font-weight:500;background-color:#ffffffb3;padding:.5rem .75rem;border-radius:6px;border:1px solid rgba(15,81,50,.15)}.discount-amount{font-weight:700;color:#0f5132;font-size:1rem}@media(max-width:768px){.voucher-section{margin:1.5rem 0;padding:1.5rem 0;border-top:2px solid #e9ecef;border-bottom:2px solid #e9ecef}.voucher-input label{font-size:1.2rem;margin-bottom:.8rem;font-weight:700}.voucher-input-group{flex-direction:column;gap:1rem;align-items:stretch}.voucher-input-group input{padding:1.2rem;font-size:1.1rem;border-radius:12px;border:2px solid #ced4da;height:auto;font-weight:700;letter-spacing:1px;text-align:center}.voucher-input-group .btn{padding:1.2rem 2rem;font-size:1.2rem;border-radius:12px;height:auto;font-weight:700;width:100%}.voucher-error-container{height:auto;margin-top:.8rem}.voucher-error-container .error-message{font-size:1rem;font-weight:600;line-height:1.4;padding:.8rem;background-color:#dc35451a;border-radius:8px;border-left:4px solid var(--danger-color);margin:0}.voucher-info{flex-direction:column;gap:1rem;align-items:stretch;padding:1.5rem}.voucher-code-row{flex-direction:column;gap:1rem;align-items:stretch}.voucher-code{font-size:1.1rem;padding:1rem;text-align:center;border-radius:10px;letter-spacing:1.5px}.voucher-type{font-size:.9rem;padding:.5rem 1rem;align-self:center;border-radius:20px}.voucher-discount,.voucher-free-product{font-size:1.1rem;padding:1rem;border-radius:10px;margin:.5rem 0}.discount-amount{font-size:1.3rem}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease}.modal-content{background:#fff;border-radius:var(--border-radius);box-shadow:0 10px 30px #0000004d;max-width:90vw;max-height:90vh;width:800px;overflow:hidden;animation:slideInModal .3s ease;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:1px solid #e5e5e5;background-color:var(--light-color)}.modal-header h2{margin:0;color:var(--primary-color);font-size:1.5rem}.modal-close-btn{background:none;border:none;font-size:2rem;color:#999;cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:var(--transition)}.modal-close-btn:hover{background-color:#f0f0f0;color:var(--danger-color)}.modal-body{padding:2rem;flex:1;overflow-y:auto;min-height:0}@keyframes slideInModal{0%{opacity:0;transform:translateY(-50px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:768px){.modal-content{width:95vw;max-height:95vh;margin:20px}.modal-header{padding:1rem 1.5rem}.modal-body{padding:1.5rem}.modal-footer{padding:1rem 1.5rem}.modal-footer .form-actions{flex-direction:column;gap:.75rem}.modal-footer .form-actions button{width:100%}.modal-header h2{font-size:1.25rem}}.section-header-with-button{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.btn-add-product-header{font-size:.9rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--primary-color) 0%,#5a7db8 100%);border:none;border-radius:var(--border-radius);box-shadow:0 2px 8px #4a6fa533;transition:all .3s ease;font-weight:600;white-space:nowrap}.btn-add-product-header:hover{transform:translateY(-1px);box-shadow:0 4px 12px #4a6fa54d;background:linear-gradient(135deg,#5a7db8 0%,var(--primary-color) 100%)}@media(max-width:768px){.section-header-with-button{flex-direction:column;align-items:flex-start;gap:1rem}.section-header-with-button h2{margin-bottom:0}.btn-add-product-header{font-size:.875rem;padding:.625rem 1.25rem;align-self:stretch;text-align:center}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:#333;background-color:#f5f7fa;margin:0;padding:0}a{text-decoration:none;color:#4a6fa5;transition:all .3s ease}a:hover{color:#ff6b6b}ul{list-style:none}button{cursor:pointer;font-family:inherit}img{max-width:100%;height:auto}input,select,textarea,button{font-family:inherit}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem;font-weight:600;line-height:1.2}p{margin-top:0;margin-bottom:1rem}.container{max-width:1200px;margin:0 auto;padding:0 15px}.btn{display:inline-block;padding:8px 16px;background-color:#4a6fa5;color:#fff;border:none;border-radius:8px;font-size:16px;transition:all .3s ease}.btn:hover{background-color:#3a5a80;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.btn-secondary{background-color:#ff6b6b}.btn-secondary:hover{background-color:#ff5252}.btn-danger{background-color:#ef476f}.btn-danger:hover{background-color:#d64161}.btn-success{background-color:#06d6a0;color:#fff}.btn-success:hover{background-color:#05c091}.price-modifiers{display:flex;gap:1.5rem;align-items:flex-end;flex-wrap:wrap}.modifier-item{display:flex;flex-direction:column;min-width:120px}.modifier-item label{font-weight:400}@media(max-width:600px){main{padding:.5rem}.price-modifiers{flex-direction:column;gap:.5rem}.modifier-item{min-width:0;width:100%}.modifier-item input{width:100%;box-sizing:border-box;margin-left:0;margin-right:0}.container,.product-management-page,.product-management-section{padding-left:.5rem;padding-right:.5rem}.product-management-form,.form-group{width:100%;max-width:100%;min-width:0;box-sizing:border-box;margin:0;padding-left:5px;padding-right:5px;overflow-x:visible}}