@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700&family=Montserrat:wght@400;500&display=swap";.header{background-color:var(--primary-color);color:var(--white-color);padding:10px 0;box-shadow:var(--shadow);position:sticky;top:0;z-index:1000;width:100%;min-height:100px}.header .container{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 20px;height:100%}.logo{font-family:var(--font-heading);font-size:1.8rem;font-weight:700;color:var(--white-color);text-decoration:none;display:flex;align-items:center;gap:15px;height:100%;transition:opacity .3s ease}.logo-image{height:90px;width:auto;filter:brightness(0) invert(1);opacity:1;transition:opacity .3s ease}.logo{transition:color .3s ease}.logo:hover{text-decoration:none;color:#fffc}.logo:hover .logo-image{opacity:.8}.main-nav{display:flex;gap:1.5rem}.main-nav a{color:var(--secondary-color);font-weight:500;padding:8px 12px;border-radius:var(--border-radius);transition:background-color .3s ease,color .3s ease;position:relative;text-decoration:none}.main-nav a:hover,.main-nav a.active{background-color:#ffffff1a;color:var(--white-color);text-decoration:none}.main-nav a.active:after{content:"";position:absolute;bottom:-5px;left:50%;transform:translate(-50%);width:60%;height:3px;background-color:var(--accent-color);border-radius:2px}.hamburger{display:none;cursor:pointer;background:none;border:none}.hamburger .bar{display:block;width:25px;height:3px;margin:5px auto;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;background-color:var(--white-color)}.footer{background-color:var(--primary-color);color:var(--secondary-color);padding:20px 0;text-align:center;margin-top:auto}.footer .container{max-width:1200px;margin:0 auto;padding:0 20px}@media(max-width:768px){.header{min-height:80px}.logo{font-size:1.4rem;gap:10px}.logo-image{height:65px}.main-nav{top:90px}.main-nav{position:absolute;left:-100%;top:110px;flex-direction:column;background-color:var(--primary-color);width:100%;text-align:center;transition:.3s;gap:0;box-shadow:0 10px 20px #0000001a}.main-nav.active{left:0}.main-nav a{padding:1.5rem;width:100%;border-radius:0;border-bottom:1px solid rgba(255,255,255,.1)}.main-nav a.active:after{display:none}.hamburger{display:block}}@media(max-width:480px){.header{min-height:70px;padding:8px 0}.logo{font-size:1.2rem;gap:8px}.logo-image{height:55px}.main-nav{top:78px}}.language-switcher{display:flex;gap:4px;margin-left:20px}.language-btn{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);padding:6px 12px;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.language-btn:hover{background:var(--color-surface-hover);border-color:var(--color-primary)}.language-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.language-btn .flag{font-size:16px}.language-btn .language-code{font-weight:500}@media(max-width:768px){.language-switcher{margin-left:0;margin-top:10px;justify-content:center}.language-btn{padding:6px 10px}.language-btn .flag{font-size:16px}}.product-card{border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;background-color:#fff;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out;display:flex;flex-direction:column;text-decoration:none;color:inherit;height:100%}.product-card:hover{transform:translateY(-5px);box-shadow:0 4px 12px #0000001a}.product-card-main{display:flex;flex-direction:column;flex-grow:1}.product-card-image{width:100%;aspect-ratio:4/3;overflow:hidden;display:flex;align-items:center;justify-content:center;background-color:#f8f8f8}.product-card-image img{width:100%;height:100%;object-fit:contain;display:block;box-shadow:0 2px 6px #0000000d}.product-card-content{padding:15px;flex-grow:1;display:flex;flex-direction:column;justify-content:space-between}.product-card-content h3{font-size:1.2em;margin-top:0;margin-bottom:10px;color:var(--text-color)}.product-details{display:flex;flex-direction:column;gap:2px;margin-bottom:10px;font-size:.75em}.product-details-line{display:flex;flex-wrap:nowrap;gap:2px;white-space:nowrap;overflow:hidden}.product-details span{color:#666;font-weight:500;white-space:nowrap}.product-details .mead-type,.product-details .sweetness,.product-details .abv,.product-details .volume{overflow:hidden;text-overflow:ellipsis;flex-shrink:1;min-width:0}.product-details .mead-type{color:#333;font-weight:600}.product-details .abv,.product-details .volume,.product-details .sweetness{color:#333}.product-details .separator{color:#999;margin:0 1px;flex-shrink:0}.product-card-content .price{font-size:1.1em;font-weight:700;color:var(--color-primary);text-align:right;margin-top:auto}.placeholder-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);color:#666;font-size:1.1em;font-style:italic}.availability{font-size:.85em;text-align:right;margin-top:5px;color:#666}.availability.in-stock{color:#28a745}.availability.low-stock{color:#ffc107}.availability.out-of-stock{color:#dc3545}.home-page{animation:fadeIn .5s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.hero-section{background:radial-gradient(circle at center,#e7e1cb,beige 33%,#ecf0f1);color:var(--text-color);text-align:center;padding:60px 20px 80px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;position:relative;overflow:hidden}.logo-container{position:relative;z-index:1;margin-bottom:.25rem}.hero-logo{width:300px;height:auto;opacity:.8;filter:brightness(1) contrast(1)}.hero-content{margin-top:0;padding-top:0}.hero-content h1{font-size:3.5rem;margin-top:0;margin-bottom:.5em;color:#2c3e50}.hero-content p{font-size:1.2rem;max-width:600px;margin:0 auto 1rem;color:#34495e}.section-title,.teaser-content h2,.featured-content h2{text-align:center;font-size:2.5rem;margin-bottom:2rem;margin-top:0;color:var(--primary-color);background:none;border:none;box-shadow:none;padding:0}.featured-products{background-color:var(--secondary-color);padding:60px 0;text-align:center}.section-content-container{max-width:1200px;margin:0 auto;padding:0 20px;box-sizing:border-box}.product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem;margin-top:2rem}.blog-teaser{background-color:var(--secondary-color);padding:60px 0;text-align:center}.blog-teaser .teaser-content h2{color:var(--primary-color);font-size:2.5rem;margin-bottom:1rem}.blog-teaser .teaser-content p{font-size:1.1rem;margin-bottom:2rem;color:var(--text-color)}.blog-grid{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:3rem;max-width:800px;margin-left:auto;margin-right:auto}.blog-post-card{border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;background-color:#fff;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out;display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit}.blog-post-card:hover{transform:translateY(-5px);box-shadow:0 4px 12px #0000001a}.blog-post-header{padding:15px 15px 0;margin-bottom:10px}.blog-post-title{margin:0 0 10px;font-size:1.2em;color:var(--text-color)}.blog-post-title a{color:var(--text-color);text-decoration:none}.blog-post-title a:hover{color:var(--primary-color)}.blog-post-meta{display:flex;flex-wrap:wrap;gap:10px;font-size:.85em;color:#666;margin-bottom:10px}.blog-post-date,.blog-post-author{display:flex;align-items:center}.blog-post-excerpt{flex-grow:1;padding:0 15px;margin-bottom:15px;color:#444;line-height:1.5;font-size:.95em}.blog-post-actions{padding:0 15px 15px;margin-top:auto}.read-more-btn{display:inline-block;padding:8px 16px;background-color:var(--primary-color);color:#fff;text-decoration:none;border-radius:4px;font-weight:500;font-size:.9em;transition:background-color .2s ease-in-out}.read-more-btn:hover{background-color:#1a252f}.blog-teaser .button-secondary{background-color:var(--primary-color);color:#fff;border:2px solid var(--primary-color)}.blog-teaser .button-secondary:hover{background-color:#1a252f;border-color:#1a252f;color:#fff}.about-teaser{background-color:var(--secondary-color);padding:60px 0;text-align:center}.teaser-content h2,.featured-content h2{font-size:2.5rem}.teaser-content p{font-size:1.1rem;margin-bottom:2rem}@media(max-width:768px){.hero-section{padding:40px 20px 60px;min-height:40vh}.hero-logo{width:180px}.hero-content h1{font-size:2.2rem}.hero-content p{font-size:1rem}.teaser-content h2,.featured-content h2{font-size:2rem;margin-top:1.5rem}.featured-products,.blog-teaser,.about-teaser{padding:40px 0}.blog-grid{gap:1.25rem;max-width:100%}.blog-post-card{padding:1.25rem}.blog-post-title{font-size:1.2rem}.blog-post-meta{font-size:.85rem;gap:.75rem}}.pagination-section{border-top:1px solid #e2e8f0;margin-top:2rem}.pagination{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1rem 0}.pagination-btn{padding:.5rem 1.25rem;border:1px solid var(--primary-color);border-radius:var(--border-radius);background-color:var(--white-color);color:var(--primary-color);font-size:.9rem;cursor:pointer;transition:background-color .2s,color .2s}.pagination-btn:hover:not(:disabled){background-color:var(--primary-color);color:var(--white-color)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-page{font-size:.95rem;color:var(--text-color);min-width:5rem;text-align:center}.shop-page{max-width:1200px;margin:0 auto;padding:20px;animation:fadeIn .5s ease-in-out}.shop-header{text-align:center;margin-bottom:3rem}.shop-header h1{font-size:3rem;margin-bottom:.5rem}.shop-header p{font-size:1.1rem;color:var(--text-color)}.shop-content{display:grid;grid-template-columns:240px 1fr;gap:2rem}.filters-sidebar{background-color:var(--white-color);padding:24px;border-radius:var(--border-radius);box-shadow:var(--shadow);height:fit-content;border:1px solid rgba(0,0,0,.05)}.filters-sidebar h3{margin-top:0;font-size:1.5rem;border-bottom:2px solid var(--secondary-color);padding-bottom:12px;margin-bottom:24px;color:var(--primary-color);font-family:var(--font-heading)}.filter-group{margin-bottom:1.5rem}.filter-group h4{margin-bottom:.8rem;font-size:1.1rem}.checkbox-group{display:flex;align-items:center;gap:10px;margin-top:10px}.checkbox-group input[type=checkbox]{width:20px;height:20px;cursor:pointer;border:2px solid var(--border-color);border-radius:4px;transition:all .2s ease;accent-color:var(--accent-color)}.checkbox-group input[type=checkbox]:hover{border-color:var(--primary-color)}.checkbox-group input[type=checkbox]:checked{background-color:var(--accent-color);border-color:var(--accent-color)}.checkbox-group input[type=checkbox]:focus{outline:none;box-shadow:0 0 0 3px #e67e2233}.checkbox-group label{cursor:pointer;font-size:.95rem;color:var(--text-color);-webkit-user-select:none;user-select:none;display:flex;align-items:center;gap:8px}.clear-filters-btn{width:100%;padding:10px;background-color:var(--secondary-color);color:var(--text-color);border:none;border-radius:var(--border-radius);cursor:pointer;font-size:.95rem;transition:all .2s ease;font-weight:500}.clear-filters-btn:hover{background-color:var(--primary-color);color:#fff}.filter-group .form-group{margin-bottom:0}.filter-group label{display:block;margin-bottom:8px;font-weight:500;color:var(--text-color);font-size:.95rem}.filter-group select{width:100%;padding:10px 36px 10px 12px;border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:var(--white-color);color:var(--text-color);font-family:var(--font-body);font-size:.95rem;cursor:pointer;transition:all .2s ease;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' 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 12px center;background-size:16px}.filter-group select:hover{border-color:var(--primary-color);background-color:#f8fafc}.filter-group select:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #e67e221a}.filter-group select option{padding:8px;background-color:var(--white-color);color:var(--text-color)}.filter-group select option:checked{background-color:var(--accent-color);color:#fff}.filter-group select option:hover{background-color:#f0f7ff}.filter-group .help-text{margin:6px 0 0;font-size:.85rem;color:#666;line-height:1.4}.filter-group .error-message{margin:6px 0 0;font-size:.85rem;color:var(--error-color);line-height:1.4}.product-display{width:100%}.product-display .product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.loader,.error-message{text-align:center;font-size:1.2rem;padding:40px}@media(max-width:992px){.shop-content{grid-template-columns:1fr}.filters-sidebar{margin-bottom:2rem}}@media(max-width:768px){.shop-header h1{font-size:2.5rem}.filter-group select,.clear-filters-btn{padding:12px;font-size:1rem}}.collapsible-section{margin-bottom:1.5rem}.collapsible-header{width:100%;padding:.75rem 0;background:none;border:none;border-bottom:1px solid #e0e0e0;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:1rem;font-weight:500;color:#333;transition:border-color .2s ease}.collapsible-header:hover{border-color:#999;background-color:#f8f9fa}.collapsible-title{flex-grow:1}.collapsible-icon{font-size:.8rem;color:#666;transition:transform .3s ease;margin-left:.5rem}.collapsible-content{padding:0;max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease}.collapsible-content.expanded{padding:1rem 0;max-height:1000px}.collapsible-content.collapsed{max-height:0;padding:0}.collapsible-content>*{opacity:0;transition:opacity .3s ease .1s}.collapsible-content.expanded>*{opacity:1}.collapsible-content.collapsed>*{opacity:0}.product-details-page{max-width:1100px;margin:0 auto;padding:20px;animation:fadeIn .5s ease-in-out}.back-to-shop{margin-bottom:2rem}.back-to-shop a{color:var(--text-color);text-decoration:none;font-weight:500}.product-details-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;background-color:var(--white-color);padding:3rem;border-radius:var(--border-radius);box-shadow:var(--shadow);align-items:start}.product-image-column{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%}.product-detail-image{width:100%;height:auto;max-width:100%;border-radius:12px;border:1px solid rgba(0,0,0,.08);box-shadow:0 4px 12px #00000014;transition:transform .3s ease,box-shadow .3s ease}.product-detail-image:hover{transform:scale(1.01);box-shadow:0 6px 16px #0000001f}.placeholder-image.product-detail-image{width:100%;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);color:#666;font-size:1.2rem;font-style:italic;border-radius:12px}.product-info-section h1{font-size:2.8rem;margin-top:0;margin-bottom:.5rem}.price-large{font-size:2rem;font-weight:700;color:var(--accent-color);margin-bottom:1.5rem}.product-description{line-height:1.7;margin:1.5rem 0}.product-basic-info{display:flex;flex-wrap:wrap;gap:1.5rem;margin:1rem 0}.basic-info-item{display:flex;align-items:center;gap:.5rem;font-size:1rem}.basic-info-label{font-weight:500;color:#666}.basic-info-value{font-weight:500;color:#333}.product-meta{margin-bottom:2rem}.product-meta p{margin:.5rem 0}.add-to-cart-section{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e0e0e0}.cart-availability-info{display:flex;flex-direction:column;gap:1rem}.availability-info{display:flex;align-items:center;gap:.5rem;font-size:1rem}.availability-label{font-weight:500;color:#666}.cart-controls{display:flex;align-items:center;gap:1.5rem}.quantity-selector{display:flex;align-items:center;border:1px solid var(--border-color);border-radius:var(--border-radius)}.quantity-selector button{background:var(--white-color);border:none;padding:10px 15px;cursor:pointer;font-size:1.2rem;color:#999;transition:all .2s ease}.quantity-selector button:hover:not(:disabled){background-color:var(--primary-color);color:#fff}.quantity-selector button:disabled{color:#ddd;cursor:not-allowed}.quantity-selector button:disabled:hover{background-color:var(--white-color)}.quantity-selector span{padding:0 10px;font-weight:500;font-size:1.1rem}.add-to-cart-btn{flex-grow:1}.add-to-cart-btn:disabled{background-color:#ccc;cursor:not-allowed;transform:none}.max-quantity-message{margin-top:.5rem;font-size:.9rem;color:#e74c3c;font-style:italic}@media(max-width:992px){.product-details-content{grid-template-columns:1fr;gap:2.5rem;padding:2rem}.product-detail-image,.placeholder-image.product-detail-image{max-width:500px;margin:0 auto}}@media(max-width:768px){.product-details-content{padding:1.5rem;gap:2rem}.product-info-section h1{font-size:2.2rem}.price-large{font-size:1.8rem}.add-to-cart-section{flex-direction:column;align-items:stretch}.product-detail-image,.placeholder-image.product-detail-image{max-width:100%}}.availability-details{font-weight:700}.availability-details.in-stock-details{color:#28a745}.availability-details.low-stock-details{color:#ffc107}.availability-details.out-of-stock-details{color:#dc3545}.product-info-section>.collapsible-section{margin-bottom:2rem}.product-ingredients{line-height:1.7;white-space:pre-line}.availability-section{margin:1.5rem 0;font-size:1rem}.product-details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem 2rem;margin-top:.5rem}.detail-item{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid #f0f0f0;gap:.5rem}.detail-label{font-weight:500;color:#666}.detail-value{font-weight:500;color:#333}@media(max-width:768px){.product-details-grid{grid-template-columns:1fr;gap:1rem}.detail-item{flex-direction:column;gap:.1rem}}.cart-page{max-width:1200px;margin:0 auto;padding:20px;animation:fadeIn .5s ease-in-out}.cart-header{text-align:center;margin-bottom:3rem}.cart-header h1{font-size:3rem}.cart-warning{background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:var(--border-radius);padding:20px;margin-bottom:2rem;box-shadow:var(--shadow)}.cart-warning h3{color:#856404;margin-top:0;margin-bottom:10px;font-size:1.3rem;display:flex;align-items:center;gap:10px}.cart-warning h3:before{content:"⚠️"}.cart-warning p{color:#856404;margin:0;line-height:1.5}.empty-cart{text-align:center;padding:40px;background-color:var(--white-color);border-radius:var(--border-radius);box-shadow:var(--shadow)}.empty-cart p{font-size:1.2rem;margin-bottom:2rem}.cart-content{display:grid;grid-template-columns:2fr 1fr;gap:2rem;align-items:flex-start}.cart-items-list{display:flex;flex-direction:column;gap:1.5rem}.cart-item{display:flex;justify-content:space-between;align-items:center;background-color:var(--white-color);padding:20px;border-radius:var(--border-radius);box-shadow:var(--shadow)}.cart-item-details h3{margin:0 0 10px;font-size:1.4rem}.cart-item-price{font-size:1.1rem;color:var(--accent-color);font-weight:700;margin-bottom:1rem}.quantity-selector-cart{display:flex;align-items:center;border:1px solid var(--border-color);border-radius:var(--border-radius);width:fit-content;margin-bottom:1rem}.quantity-selector-cart button{background:var(--white-color);border:none;padding:8px 12px;cursor:pointer;font-size:1rem;color:#999;transition:all .2s ease}.quantity-selector-cart button:hover:not(:disabled){background-color:var(--primary-color);color:#fff}.quantity-selector-cart button:disabled{color:#ddd;cursor:not-allowed}.quantity-selector-cart button:disabled:hover{background-color:var(--white-color)}.quantity-selector-cart span{padding:0 10px;font-weight:500}.cart-item-subtotal{font-weight:700}.cart-max-quantity-message{margin-top:.25rem;font-size:.85rem;color:#e74c3c;font-style:italic}.remove-item-btn{background:none;border:none;font-size:1.8rem;color:var(--error-color);cursor:pointer;transition:color .3s}.remove-item-btn:hover{color:#c0392b}.cart-summary{background-color:var(--white-color);padding:20px;border-radius:var(--border-radius);box-shadow:var(--shadow);position:sticky;top:100px}.cart-summary h3{margin-top:0;font-size:1.5rem;border-bottom:2px solid var(--secondary-color);padding-bottom:10px;margin-bottom:20px}.summary-total{display:flex;justify-content:space-between;font-size:1.3rem;font-weight:700;margin-bottom:1.5rem}.checkout-btn,.clear-cart-btn{width:100%;margin-top:10px;text-align:center}@media(max-width:992px){.cart-content{grid-template-columns:1fr}.cart-summary{position:static;margin-top:2rem}}@media(max-width:768px){.cart-header h1{font-size:2.5rem}.cart-item{flex-direction:column;align-items:flex-start}.remove-item-btn{margin-top:1rem;align-self:flex-end}}.about-us-page{animation:fadeIn .5s ease-in-out}.about-hero{background:linear-gradient(#00000080,#00000080),url(https://images.unsplash.com/photo-1516222338279-a7f7e83445e8?q=80&w=2070&auto=format&fit=crop) no-repeat center center/cover;height:50vh;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--white-color)}.about-hero-content h1{font-size:3rem;color:var(--white-color);max-width:800px}.about-content{max-width:800px;margin:3rem auto;padding:0 20px}.about-section{margin-bottom:3rem}.about-section h2{font-size:2.5rem;margin-bottom:1.5rem;text-align:center;position:relative}.about-section h2:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:60px;height:3px;background-color:var(--accent-color)}.about-section p{font-size:1.1rem;line-height:1.8;text-align:justify;margin-bottom:1.5rem}@media(max-width:768px){.about-hero{height:40vh}.about-hero-content h1{font-size:2.2rem}.about-section h2{font-size:2rem}.about-content{margin-top:2rem}}.contact-page{max-width:1100px;margin:0 auto;padding:20px;animation:fadeIn .5s ease-in-out}.contact-header{text-align:center;margin-bottom:3rem}.contact-header h1{font-size:3rem}.contact-header p{max-width:600px;margin:1rem auto 0;font-size:1.1rem}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:3rem;background-color:var(--white-color);padding:2rem;border-radius:var(--border-radius);box-shadow:var(--shadow)}.contact-info h3{font-size:1.8rem;margin-top:0;margin-bottom:1rem;color:var(--primary-color)}.contact-info p{margin-bottom:2rem;line-height:1.6}.contact-info ul{list-style:none;padding:0}.contact-info li{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;font-size:1.1rem}.icon-phone,.icon-email,.icon-location{display:inline-block;width:24px;height:24px;background-color:var(--accent-color);-webkit-mask-size:cover;mask-size:cover}.icon-phone{-webkit-mask-image:url(https://api.iconify.design/material-symbols/phone-in-talk-outline.svg);mask-image:url(https://api.iconify.design/material-symbols/phone-in-talk-outline.svg)}.icon-email{-webkit-mask-image:url(https://api.iconify.design/material-symbols/mail-outline.svg);mask-image:url(https://api.iconify.design/material-symbols/mail-outline.svg)}.icon-location{-webkit-mask-image:url(https://api.iconify.design/material-symbols/location-on-outline.svg);mask-image:url(https://api.iconify.design/material-symbols/location-on-outline.svg)}.contact-form-container{padding-left:2rem;border-left:1px solid var(--secondary-color)}.form-group label{display:block;margin-bottom:8px;font-weight:500}.contact-form .button{width:100%}@media(max-width:992px){.contact-content{grid-template-columns:1fr}.contact-form-container{padding-left:0;border-left:none;padding-top:2rem;border-top:1px solid var(--secondary-color)}}@media(max-width:768px){.contact-header h1{font-size:2.5rem}.contact-content{padding:1.5rem}}.admin-layout{display:flex;min-height:100vh}.admin-sidebar{width:280px;background:linear-gradient(180deg,var(--primary-color) 0%,#2c5282 100%);color:var(--white-color);display:flex;flex-direction:column;box-shadow:2px 0 10px #0000001a;z-index:100}.sidebar-header{padding:2rem 1.5rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.admin-sidebar h2{color:var(--white-color);margin:0 0 .5rem;font-size:1.5rem;font-weight:600}.sidebar-subtitle{color:#ffffffb3;font-size:.9rem;margin:0}.admin-nav{flex:1;padding:1.5rem;display:flex;flex-direction:column;gap:.5rem}.nav-link{display:flex;align-items:center;gap:1rem;color:#fffc;padding:.875rem 1rem;border-radius:var(--border-radius);text-decoration:none;transition:all .2s ease;font-weight:500}.nav-link:hover{background-color:#ffffff1a;color:var(--white-color);transform:translate(5px)}.nav-link.active{background-color:#ffffff26;color:var(--white-color);box-shadow:0 2px 8px #0003}.nav-icon{width:24px;height:24px;background-size:contain;background-repeat:no-repeat;background-position:center}.dashboard-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgba(255,255,255,0.8)'%3E%3Cpath d='M3 13h8V3H3v10zm0 8h8v-6H3v6zm10 0h8V11h-8v10zm0-18v6h8V3h-8z'/%3E%3C/svg%3E")}.nav-link.active .nav-icon{filter:brightness(0) invert(1)}.nav-text{font-size:.95rem}.sidebar-footer{padding:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.logout-button{display:flex;align-items:center;gap:.75rem;width:100%;padding:.875rem 1rem;background-color:#ffffff1a;color:var(--white-color);border:1px solid rgba(255,255,255,.2);border-radius:var(--border-radius);cursor:pointer;font-size:.95rem;font-weight:500;transition:all .2s ease}.logout-button:hover{background-color:#fff3;transform:translateY(-1px)}.logout-icon{font-size:1.1rem}.admin-main-content{flex:1;padding:2rem;background-color:#f8fafc;overflow-y:auto}.admin-login-page{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f8fafc;padding:2rem}.login-container{width:100%;max-width:420px}.login-card{background:var(--white-color);border-radius:16px;box-shadow:0 20px 60px #0000004d;overflow:hidden}.login-card-header{padding:2rem 2rem 1.5rem;text-align:center;background:linear-gradient(135deg,var(--primary-color) 0%,#2c5282 100%);color:#fff}.login-card-header h2{margin:0 0 .5rem;font-size:1.5rem;color:#fff}.login-card-header p{margin:0;opacity:.9;font-size:.95rem;color:#fff}.login-form{padding:2rem}.login-input{width:100%;padding:.875rem 1rem;border:1px solid #e2e8f0;border-radius:8px;font-size:1rem;transition:all .2s ease;background-color:#f8fafc}.login-input:focus{outline:none;border-color:var(--primary-color);background-color:#fff;box-shadow:0 0 0 3px #4299e11a}.login-input::placeholder{color:#94a3b8}.login-error{display:flex;align-items:center;gap:.5rem;padding:.875rem 1rem;background-color:#fee2e2;color:#dc2626;border-radius:8px;margin:1rem 0;font-size:.9rem}.error-icon{width:20px;height:20px;background-size:contain;background-repeat:no-repeat;background-position:center;flex-shrink:0}.warning-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23dc2626'%3E%3Cpath d='M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z'/%3E%3C/svg%3E")}.login-button{width:100%;padding:1rem;font-size:1rem;font-weight:500;justify-content:center;margin-top:1rem}.error-message{color:var(--error-color);background-color:#fdd;padding:10px;border-radius:var(--border-radius);text-align:center;margin-bottom:1rem}.form-group .error-message{background-color:transparent;padding:0;text-align:left;margin-top:5px;font-size:.9rem;color:var(--error-color);margin-bottom:0}.dashboard-header{margin-bottom:2.5rem}.dashboard-header h1{margin:0 0 .5rem;font-size:2rem;color:var(--text-color);font-family:var(--font-heading)}.dashboard-subtitle{color:var(--text-light);font-size:1.1rem;margin:0;font-family:var(--font-body)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:3rem}.stat-card{background:var(--white-color);border-radius:var(--border-radius);padding:1.5rem;box-shadow:var(--shadow);display:flex;align-items:center;gap:1.5rem;transition:transform .2s ease,box-shadow .2s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.stat-icon{width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;border-radius:12px;background-size:28px 28px;background-repeat:no-repeat;background-position:center}.stat-content h3{margin:0 0 .25rem;font-size:1.75rem;color:var(--text-color);font-family:var(--font-body);font-weight:600}.stat-content p{margin:0;color:var(--text-light);font-size:.9rem;font-family:var(--font-body)}.quick-actions{margin-bottom:3rem}.quick-actions h2{margin:0 0 1.5rem;font-size:1.5rem;color:var(--text-color);font-family:var(--font-heading)}.actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.action-card{background:var(--white-color);border-radius:var(--border-radius);padding:1.5rem;box-shadow:var(--shadow);text-decoration:none;color:inherit;display:flex;align-items:center;gap:1.5rem;transition:all .2s ease;border:2px solid transparent}.action-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000001a;border-color:var(--primary-color)}.action-icon{width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:#f0f7ff;color:var(--primary-color);border-radius:12px;background-size:28px 28px;background-repeat:no-repeat;background-position:center}.action-content h3{margin:0 0 .5rem;font-size:1.1rem;color:var(--text-color);font-family:var(--font-body);font-weight:600}.action-content p{margin:0;color:var(--text-light);font-size:.9rem;font-family:var(--font-body)}.recent-products{background:var(--white-color);border-radius:var(--border-radius);padding:1.5rem;box-shadow:var(--shadow)}.recent-products h2{margin:0 0 1.5rem;font-size:1.5rem;color:var(--text-color);font-family:var(--font-heading)}.products-table table{width:100%;border-collapse:collapse}.products-table th{text-align:left;padding:.75rem 1rem;border-bottom:2px solid #e2e8f0;color:var(--text-light);font-weight:600;font-size:.9rem;font-family:var(--font-body)}.products-table td{padding:1rem;border-bottom:1px solid #e2e8f0;font-family:var(--font-body)}.product-info{display:flex;align-items:center;gap:1rem}.product-thumbnail{width:40px;height:40px;border-radius:6px;object-fit:cover}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500}.admin-products-page .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:1rem}.page-subtitle{color:var(--text-light);margin:.5rem 0 0;font-size:1rem;font-family:var(--font-body)}.button-primary{background-color:var(--primary-color);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:var(--border-radius);cursor:pointer;font-size:1rem;font-weight:500;display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;transition:background-color .2s ease}.button-primary:hover{background-color:#2c5282}.button-icon{width:18px;height:18px;background-size:contain;background-repeat:no-repeat;background-position:center;display:inline-block;margin-right:6px;vertical-align:middle}.empty-state{text-align:center;padding:4rem 2rem;background:var(--white-color);border-radius:var(--border-radius);box-shadow:var(--shadow)}.empty-state-icon{font-size:4rem;margin-bottom:1.5rem}.empty-state h3{margin:0 0 .5rem;font-size:1.5rem;color:var(--text-color)}.empty-state p{color:var(--text-light);margin:0 0 1.5rem}.products-table-container{background:var(--white-color);border-radius:var(--border-radius);box-shadow:var(--shadow);overflow:hidden}.table-header{padding:1.5rem;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.table-info{display:flex;gap:1.5rem;font-size:.9rem}.table-count{color:var(--text-color);font-weight:500}.table-total{color:var(--text-light)}.table-responsive{width:100%}.products-table{width:100%;border-collapse:collapse;table-layout:fixed}.products-table th{text-align:left;padding:1rem;background-color:#f8fafc;color:var(--text-light);font-weight:600;font-size:.9rem;border-bottom:2px solid #e2e8f0;white-space:nowrap}.products-table th:nth-child(1){width:28%}.products-table th:nth-child(2){width:14%}.products-table th:nth-child(3){width:10%}.products-table th:nth-child(4){width:10%}.products-table th:nth-child(5){width:13%}.products-table th:nth-child(6){width:25%}.products-table td{padding:1rem;border-bottom:1px solid #e2e8f0;vertical-align:middle;word-wrap:break-word;overflow-wrap:break-word}.admin-table-container{background:var(--white-color);border-radius:var(--border-radius);box-shadow:var(--shadow);overflow:hidden}.admin-table{width:100%;border-collapse:collapse;table-layout:auto}.admin-table th{text-align:left;padding:1rem;background-color:#f8fafc;color:var(--text-light);font-weight:600;font-size:.9rem;border-bottom:2px solid #e2e8f0;white-space:nowrap}.admin-table td{padding:1rem;border-bottom:1px solid #e2e8f0;vertical-align:middle;word-wrap:break-word;overflow-wrap:break-word}.product-cell{display:flex;align-items:center;gap:.75rem;min-width:0}.product-image{width:50px;height:50px;border-radius:8px;object-fit:cover;border:1px solid #e2e8f0}.product-details{display:flex;flex-direction:column;gap:.25rem;min-width:0;flex:1}.product-name{font-weight:500;color:var(--text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-id{font-size:.8rem;color:var(--text-light)}.product-type{display:inline-block;padding:.25rem .75rem;background-color:#f0f7ff;color:var(--primary-color);border-radius:4px;font-size:.85rem;font-weight:500}.product-price{font-weight:600;color:var(--text-color);font-size:1.1rem}.stock-cell{display:flex;align-items:center;gap:.5rem}.stock-count{font-weight:500;color:var(--text-color)}.stock-warning{font-size:.75rem;color:#dc2626;background-color:#fee2e2;padding:.125rem .5rem;border-radius:10px;font-weight:500}.status-badge{display:inline-block;padding:.375rem .875rem;border-radius:20px;font-size:.85rem;font-weight:500;white-space:nowrap}.status-success{background-color:#d1fae5;color:#065f46}.status-warning{background-color:#fef3c7;color:#92400e}.status-error{background-color:#fee2e2;color:#dc2626}.status-active{background-color:#d1fae5;color:#065f46}.status-draft{background-color:#fef3c7;color:#92400e}.action-buttons{display:flex;flex-direction:column;gap:.5rem;min-width:120px;max-width:120px}.button-small{padding:.5rem .875rem;font-size:.85rem;text-align:center;justify-content:center;box-sizing:border-box;display:inline-flex;align-items:center;min-height:36px;text-decoration:none}.button-secondary{background-color:var(--primary-color);color:#fff;border:1px solid var(--primary-color)}.button-secondary:hover{background-color:#2c5282;border-color:#2c5282}.button-danger{background-color:#dc2626;color:#fff;border:1px solid #dc2626}.button-danger:hover{background-color:#b91c1c;border-color:#b91c1c}.admin-images-container{max-width:1400px;margin:0 auto}.images-grid{display:grid;grid-template-columns:1fr 2fr;gap:2rem}@media(max-width:1200px){.images-grid{grid-template-columns:1fr}}.upload-section{padding:1.5rem}.upload-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.upload-header h2{margin:0;font-size:1.25rem;font-family:var(--font-heading)}.upload-icon{font-size:2rem;color:var(--primary-color)}.upload-area{border:2px dashed #cbd5e1;border-radius:var(--border-radius);padding:2rem;text-align:center;cursor:pointer;transition:border-color .2s ease;margin-bottom:1.5rem}.upload-area:hover{border-color:var(--primary-color);background-color:#f8fafc}.upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:.5rem}.upload-placeholder-icon{width:60px;height:60px;margin:0 auto .5rem;background-size:contain;background-repeat:no-repeat;background-position:center}.upload-hint{font-size:.85rem;color:#94a3b8;margin:0}.selected-file{background-color:#f0f7ff;border-radius:var(--border-radius);padding:1rem;margin-bottom:1.5rem}.file-info{display:flex;align-items:center;gap:.5rem}.file-name{font-weight:500;color:var(--text-color)}.file-size{font-size:.85rem;color:var(--text-light)}.upload-button{width:100%;justify-content:center}.message{margin-top:1rem;padding:.75rem 1rem;border-radius:var(--border-radius);font-size:.9rem}.message-success{background-color:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.message-error{background-color:#fee2e2;color:#dc2626;border:1px solid #fecaca}.images-section{padding:1.5rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.section-header h2{margin:0;font-size:1.25rem;font-family:var(--font-heading)}.section-info{display:flex;gap:1rem;font-size:.9rem}.image-count{color:var(--text-color);font-weight:500}.total-size{color:var(--text-light)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;gap:1.5rem;background:var(--white-color);border-radius:var(--border-radius);box-shadow:var(--shadow)}@keyframes spin{to{transform:rotate(360deg)}}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;gap:1.5rem;text-align:center;background:var(--white-color);border-radius:var(--border-radius);box-shadow:var(--shadow)}.error-icon{width:60px;height:60px;background-size:contain;background-repeat:no-repeat;background-position:center;margin:0 auto}.error-message{color:#dc2626;margin:0;font-size:1.1rem;max-width:400px}.images-grid-view{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}.image-card{border:1px solid #e2e8f0;border-radius:var(--border-radius);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.image-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.image-preview{position:relative;height:180px;background-color:#f8fafc;overflow:hidden}.image-thumbnail{width:100%;height:100%;object-fit:cover}.rename-overlay{position:absolute;inset:0;background-color:#fffffff2;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem;gap:1rem}.rename-input{width:100%;padding:.5rem;border:1px solid #cbd5e1;border-radius:4px;font-size:.9rem}.rename-input:focus{outline:none;border-color:var(--primary-color)}.rename-actions{display:flex;gap:.5rem}.button-success{background-color:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.button-success:hover{background-color:#a7f3d0}.image-info{padding:1rem;border-bottom:1px solid #e2e8f0}.image-name{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.renaming-indicator{color:var(--primary-color);font-size:.9rem;font-weight:500}.image-meta{display:flex;justify-content:space-between;font-size:.8rem;color:var(--text-light)}.image-actions{padding:1rem;display:flex;gap:.5rem}.admin-product-form{max-width:900px;margin:0 auto}.form-header{margin-bottom:2.5rem}.form-header h1{margin:0 0 .5rem;font-size:2rem;color:var(--text-color);font-family:var(--font-heading)}.form-subtitle{color:var(--text-light);font-size:1.1rem;margin:0;font-family:var(--font-body)}.form-section{background:var(--white-color);border-radius:var(--border-radius);box-shadow:var(--shadow);margin-bottom:2rem;overflow:hidden}.section-title{margin:0;padding:1.5rem;background-color:#f8fafc;border-bottom:1px solid #e2e8f0;font-size:1.25rem;color:var(--text-color);font-family:var(--font-heading)}.section-content{padding:1.5rem}.form-row{display:flex;gap:1.5rem;margin-bottom:1.5rem}.form-row:last-child{margin-bottom:0}.form-row .form-group{flex:1}.form-group:last-child{margin-bottom:0}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-color)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem;border:1px solid #cbd5e1;border-radius:6px;font-size:1rem;transition:border-color .2s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #4299e11a}.help-text{margin:.5rem 0 0;font-size:.85rem;color:var(--text-light)}.form-alert{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background-color:#fef3c7;border:1px solid #fde68a;border-radius:6px;margin-top:1rem}.alert-icon{width:20px;height:20px;background-size:contain;background-repeat:no-repeat;background-position:center;flex-shrink:0}.alert-content{flex:1}.alert-content p{margin:0 0 .5rem;color:#92400e;font-size:.9rem}.alert-link{color:var(--primary-color);text-decoration:none;font-weight:500;font-size:.9rem}.alert-link:hover{text-decoration:underline}.form-actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:2rem;border-top:1px solid #e2e8f0;margin-top:2rem}.form-actions .button{min-width:120px;justify-content:center}.dashboard-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgba(255,255,255,0.8)'%3E%3Cpath d='M3 13h8V3H3v10zm0 8h8v-6H3v6zm10 0h8V11h-8v10zm0-18v6h8V3h-8z'/%3E%3C/svg%3E")}.products-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgba(255,255,255,0.8)'%3E%3Cpath d='M21 18v1c0 1.1-.9 2-2 2H5c-1.11 0-2-.9-2-2V5c0-1.1.89-2 2-2h14c1.1 0 2 .9 2 2v1h-9c-1.11 0-2 .9-2 2v8c0 1.1.89 2 2 2h9zm-9-2h10V8H12v8zm4-2.5c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5z'/%3E%3C/svg%3E")}.images-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgba(255,255,255,0.8)'%3E%3Cpath d='M21 19V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2zM8.5 13.5l2.5 3.01L14.5 12l4.5 6H5l3.5-4.5z'/%3E%3C/svg%3E")}.blog-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgba(255,255,255,0.8)'%3E%3Cpath d='M4 6h16v2H4zm0 6h16v-2H4zm0 4h10v-2H4zm16 4H4v-2h16z'/%3E%3C/svg%3E")}.blog-action-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%234299e1'%3E%3Cpath d='M4 6h16v2H4zm0 6h16v-2H4zm0 4h10v-2H4zm16 4H4v-2h16z'/%3E%3C/svg%3E")}.stock-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M20 2H4c-1.1 0-1.99.9-1.99 2L2 22l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H5.17L4 17.17V4h16v12z'/%3E%3C/svg%3E")}.warning-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z'/%3E%3C/svg%3E")}.value-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M11.8 10.9c-2.27-.59-3-1.2-3-2.15 0-1.09 1.01-1.85 2.7-1.85 1.78 0 2.44.85 2.5 2.1h2.21c-.07-1.72-1.12-3.3-3.21-3.81V3h-3v2.16c-1.94.42-3.5 1.68-3.5 3.61 0 2.31 1.91 3.46 4.7 4.13 2.5.6 3 1.48 3 2.41 0 .69-.49 1.79-2.7 1.79-2.06 0-2.87-.92-2.98-2.1h-2.2c.12 2.19 1.76 3.42 3.68 3.83V21h3v-2.15c1.95-.37 3.5-1.5 3.5-3.55 0-2.84-2.43-3.81-4.7-4.4z'/%3E%3C/svg%3E")}.add-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%234299e1'%3E%3Cpath d='M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z'/%3E%3C/svg%3E")}.edit-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%234299e1'%3E%3Cpath d='M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z'/%3E%3C/svg%3E")}.images-action-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%234299e1'%3E%3Cpath d='M21 19V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2zM8.5 13.5l2.5 3.01L14.5 12l4.5 6H5l3.5-4.5z'/%3E%3C/svg%3E")}.delete-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4z'/%3E%3C/svg%3E")}.save-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M17 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V7l-4-4zm-5 16c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3zm3-10H5V5h10v4z'/%3E%3C/svg%3E")}.lock-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zm-6 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm3.1-9H8.9V6c0-1.71 1.39-3.1 3.1-3.1 1.71 0 3.1 1.39 3.1 3.1v2z'/%3E%3C/svg%3E")}.upload-icon-symbol{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%234299e1'%3E%3Cpath d='M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96zM14 13v4h-4v-4H7l5-5 5 5h-3z'/%3E%3C/svg%3E")}.image-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2394a3b8'%3E%3Cpath d='M21 19V5c0-1.1-.9-2-2-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2zM8.5 13.5l2.5 3.01L14.5 12l4.5 6H5l3.5-4.5z'/%3E%3C/svg%3E")}.loading-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M12 6v3l4-4-4-4v3c-4.42 0-8 3.58-8 8 0 1.57.46 3.03 1.24 4.26L6.7 14.8c-.45-.83-.7-1.79-.7-2.8 0-3.31 2.69-6 6-6zm6.76 1.74L17.3 9.2c.44.84.7 1.79.7 2.8 0 3.31-2.69 6-6 6v-3l-4 4 4 4v-3c4.42 0 8-3.58 8-8 0-1.57-.46-3.03-1.24-4.26z'/%3E%3C/svg%3E");animation:spin 1s linear infinite}.logout-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M10.09 15.59L11.5 17l5-5-5-5-1.41 1.41L12.67 11H3v2h9.67l-2.58 2.59zM19 3H5c-1.11 0-2 .9-2 2v4h2V5h14v14H5v-4H3v4c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z'/%3E%3C/svg%3E");width:18px;height:18px;background-size:contain;background-repeat:no-repeat;background-position:center}.mead-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z'/%3E%3C/svg%3E")}@media(max-width:992px){.admin-layout{flex-direction:column}.admin-sidebar{width:100%;min-height:auto}.sidebar-header{padding:1.5rem 1rem}.admin-nav{flex-direction:row;padding:1rem;gap:.5rem;overflow-x:auto}.nav-link{flex-direction:column;gap:.5rem;padding:.75rem;min-width:80px;text-align:center}.nav-link:hover{transform:translateY(-2px)}.nav-text{font-size:.8rem}.sidebar-footer{padding:1rem}.logout-button{justify-content:center}}@media(max-width:768px){.admin-main-content{padding:1.5rem 1rem}.admin-nav{flex-wrap:wrap}.nav-link{min-width:70px}.form-row{flex-direction:column;gap:0}.admin-products-page .page-header{flex-direction:column;gap:1rem}.admin-products-page .page-header .button{width:100%}.products-table{table-layout:auto}.products-table th,.products-table td{padding:.75rem .5rem;font-size:.85rem}.admin-table{table-layout:auto}.admin-table th,.admin-table td{padding:.75rem .5rem;font-size:.85rem}.products-table th:nth-child(1),.products-table th:nth-child(2),.products-table th:nth-child(3),.products-table th:nth-child(4),.products-table th:nth-child(5),.products-table th:nth-child(6){width:auto}.product-cell{flex-direction:column;align-items:flex-start;gap:.5rem}.product-image{width:40px;height:40px}.product-name{font-size:.9rem}.product-id{font-size:.75rem}.action-buttons{min-width:100px;max-width:100px}.button-small{padding:.4rem .5rem;font-size:.8rem}}.react-datepicker{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:0 4px 12px #0000001a}.react-datepicker__header{background-color:var(--light-gray-color);border-bottom:1px solid var(--border-color);border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius);padding-top:.5rem}.react-datepicker__current-month{color:var(--text-color);font-weight:600;font-size:1rem}.react-datepicker__day-name{color:var(--text-color);font-weight:500}.react-datepicker__day{color:var(--text-color)}.react-datepicker__day:hover{background-color:var(--light-gray-color);border-radius:var(--border-radius)}.react-datepicker__day--selected{background-color:var(--primary-color)!important;color:var(--white-color)!important;border-radius:var(--border-radius)}.react-datepicker__day--keyboard-selected{background-color:var(--primary-color-light);color:var(--white-color);border-radius:var(--border-radius)}.react-datepicker__day--today{font-weight:600;color:var(--primary-color)}.react-datepicker__navigation{top:.5rem}.react-datepicker__navigation-icon:before{border-color:var(--text-color)}.react-datepicker__year-dropdown-container,.react-datepicker__month-dropdown-container{margin:0 .5rem}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow{border-color:var(--text-color)}.react-datepicker__input-container input{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:1rem;color:var(--text-color);background-color:var(--white-color);transition:border-color .2s,box-shadow .2s}.react-datepicker__input-container input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a}.react-datepicker__input-container input.input-error{border-color:var(--error-color)}.react-datepicker__input-container input.input-error:focus{border-color:var(--error-color);box-shadow:0 0 0 3px #ef44441a}.react-datepicker__close-icon{padding-right:.5rem}.react-datepicker__close-icon:after{background-color:var(--text-color);color:var(--white-color);font-size:1rem;height:1.25rem;width:1.25rem;line-height:1.25rem}.react-datepicker-popper{z-index:1000!important}.admin-tabs{display:flex;gap:.25rem;margin-bottom:1.5rem;border-bottom:2px solid var(--border-color, #e5e7eb)}.admin-tab{padding:.5rem 1.25rem;background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;cursor:pointer;font-size:.9rem;color:var(--text-muted, #6b7280);transition:color .15s,border-color .15s}.admin-tab:hover{color:var(--primary-color, #1e3a5f)}.admin-tab-active{color:var(--primary-color, #1e3a5f);border-bottom-color:var(--primary-color, #1e3a5f);font-weight:600}.product-row-deleted{opacity:.6}.product-row-deleted .product-name,.product-row-deleted .product-type,.product-row-deleted .product-price{text-decoration:line-through;color:var(--text-muted, #6b7280)}.deleted-badge{font-size:.7rem;font-weight:700;color:#dc2626;margin-top:.2rem;letter-spacing:.03em}.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.react-datepicker-wrapper{display:inline-block;padding:0;border:0}.react-datepicker{font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;background-color:#fff;color:#000;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative;line-height:initial}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.375em;border-bottom-right-radius:.375em}.react-datepicker-popper{z-index:1;line-height:0}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,.react-datepicker-popper--header-middle[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper--header-bottom[data-placement^=bottom] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker-popper--header-bottom[data-placement^=top] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select,.react-datepicker__header--middle,.react-datepicker__header--bottom){border-top-right-radius:.3rem}.react-datepicker__header--middle{border-top:1px solid #aeaeae;border-radius:0;margin-top:4px}.react-datepicker__header--bottom{border-bottom:none;border-top:1px solid #aeaeae;border-radius:0 0 .3rem .3rem}.react-datepicker__header-wrapper{position:relative}.react-datepicker__header-wrapper .react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:2px}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{display:inline-block;margin:0 15px}.react-datepicker__month-select,.react-datepicker__year-select,.react-datepicker__month-year-select{background-color:transparent;border:1px solid #aeaeae;border-radius:.3rem;color:inherit;cursor:pointer;font-family:inherit;font-size:inherit;margin-top:5px;padding:2px 5px}.react-datepicker__month-select:focus-visible,.react-datepicker__year-select:focus-visible,.react-datepicker__month-year-select:focus-visible{outline:auto 1px}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{margin-top:0;color:#000;font-weight:700;font-size:.944rem}h2.react-datepicker__current-month{padding:0;margin:0}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{align-items:center;background:none;display:flex;justify-content:center;text-align:center;cursor:pointer;position:absolute;top:2px;padding:0;border:none;z-index:1;height:32px;width:32px;text-indent:-999em;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{position:relative;top:0;display:block;margin-left:auto;margin-right:auto}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover *:before{border-color:#a6a6a6}.react-datepicker__navigation-icon{position:relative;top:-1px;font-size:20px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{transform:rotate(45deg);left:-7px}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{transform:rotate(225deg);right:-7px}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.5em;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;width:5em;margin:2px}.react-datepicker__month{margin:.5em;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;width:5em;margin:2px}.react-datepicker__input-time-container{clear:both;width:100%;float:left;margin:5px 0 10px 15px;text-align:left}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{display:inline;border:1px solid #aeaeae;border-radius:.375em;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{position:relative;background:#fff;border-bottom-right-radius:.375em}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:85px;overflow-x:hidden;margin:0 auto;text-align:center;border-bottom-right-radius:.375em}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{list-style:none;margin:0;height:calc(195px + 1.0625em);overflow-y:scroll;padding-right:0;padding-left:0;width:100%;box-sizing:content-box}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:transparent}.react-datepicker__week-number{color:#ccc;display:inline-block;width:2.125em;line-height:2.125em;text-align:center;margin:.208em}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__week-number--selected{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{text-align:center;white-space:nowrap;margin-bottom:-8px}.react-datepicker__week{white-space:nowrap}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;display:inline-block;width:2.125em;line-height:2.125em;text-align:center;margin:.208em}.react-datepicker__day-name--disabled,.react-datepicker__day--disabled,.react-datepicker__time-name--disabled{cursor:default;color:#ccc}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{border-radius:.3rem;background-color:#3dcc4a;color:#fff}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{position:relative;border-radius:.3rem;background-color:#ff6803;color:#fff}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{visibility:visible;opacity:1}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{border-radius:.3rem;background-color:#bad9f1;color:#000}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:#1d5d90;color:#fff}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{position:absolute;bottom:70%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__input-container{position:relative;display:inline-block;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{position:absolute;padding:.625em;box-sizing:content-box}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid transparent;border-radius:.3rem;position:relative}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{transform:rotate(135deg);right:-16px;top:0}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{background-color:#f0f0f0;position:absolute;width:50%;left:25%;top:30px;z-index:1;text-align:center;border-radius:.3rem;border:1px solid #aeaeae}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{line-height:20px;width:100%;display:block;margin-left:auto;margin-right:auto}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;background-color:transparent;border:0;outline:0;padding:0 6px 0 0;position:absolute;top:0;right:0;height:100%;display:table-cell;vertical-align:middle}.react-datepicker__close-icon:after{cursor:pointer;background-color:#216ba5;color:#fff;border-radius:50%;height:16px;width:16px;padding:2px;font-size:12px;line-height:1;text-align:center;display:table-cell;vertical-align:middle;content:"×"}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{cursor:default;background-color:#ccc}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;cursor:pointer;text-align:center;font-weight:700;padding:5px 0;clear:left}.react-datepicker__portal{position:fixed;width:100vw;height:100vh;background-color:#000c;left:0;top:0;justify-content:center;align-items:center;display:flex;z-index:2147483647}.react-datepicker__children-container{width:17.25em;margin:.5em;padding-right:.25em;padding-left:.25em;height:auto}.react-datepicker__aria-live{position:absolute;clip-path:circle(0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;white-space:nowrap}.react-datepicker__calendar-icon{width:1em;height:1em;vertical-align:-.125em}.react-datepicker-popper-offset{margin-top:-.7em}.blog-page{min-height:100vh;background-color:var(--color-background);color:var(--color-text)}.blog-container{max-width:1200px;margin:0 auto;padding:2rem 1rem}.blog-header{text-align:center;margin-bottom:3rem;padding-bottom:2rem;border-bottom:2px solid var(--color-primary)}.blog-header h1{font-size:2.5rem;margin-bottom:1rem;color:var(--color-primary);font-family:var(--font-heading)}.blog-header p{font-size:1.1rem;color:var(--color-text-light);max-width:600px;margin:0 auto;line-height:1.6}.error-message,.no-posts{text-align:center;padding:3rem;font-size:1.2rem;color:var(--color-text-light)}.error-message{color:var(--color-error)}.blog-content{display:flex;flex-direction:column}.blog-posts{display:flex;flex-direction:column;gap:3rem;isolation:isolate}.blog-post-card{position:relative;background:var(--color-surface);border-radius:12px;padding:2rem;box-shadow:0 4px 6px #0000001a;transition:transform .3s ease,box-shadow .3s ease;border:1px solid var(--color-border)}.blog-post-card:hover{transform:translateY(-4px);box-shadow:0 8px 12px #00000026}.blog-post-header{margin-bottom:1.5rem}.blog-post-title{font-size:1.8rem;margin-bottom:.5rem;color:var(--color-primary);font-family:var(--font-heading)}.blog-post-title a{color:inherit;text-decoration:none;transition:color .2s ease}.blog-post-title a:hover{color:var(--accent-color)}.blog-post-meta{display:flex;gap:1.5rem;font-size:.9rem;color:var(--color-text-light);margin-bottom:1rem}.blog-post-date{display:flex;align-items:center;gap:.5rem}.blog-post-date:before{content:"📅"}.blog-post-author{display:flex;align-items:center;gap:.5rem}.blog-post-author:before{content:"✍️"}.blog-post-excerpt{margin-bottom:1.5rem;line-height:1.7;color:var(--color-text)}.blog-post-excerpt p{margin:0}.blog-post-actions{display:flex;justify-content:flex-end}.read-more-btn{display:inline-block;padding:.75rem 1.5rem;background-color:var(--accent-color);color:#fff;text-decoration:none;border-radius:6px;font-weight:600;transition:background-color .2s ease;border:none;cursor:pointer;font-size:.95rem}.read-more-btn:hover{background-color:#d35400;color:#fff}.blog-post-detail{max-width:800px;margin:0 auto;padding:2rem 1rem}.blog-post-content{line-height:1.8;font-size:1.1rem;color:var(--color-text)}.blog-post-content h1,.blog-post-content h2,.blog-post-content h3,.blog-post-content h4{color:var(--color-primary);margin-top:2rem;margin-bottom:1rem;font-family:var(--font-heading)}.blog-post-content h1{font-size:2.2rem}.blog-post-content h2{font-size:1.8rem}.blog-post-content h3{font-size:1.5rem}.blog-post-content h4{font-size:1.3rem}.blog-post-content p{margin-bottom:1.5rem}.blog-post-content ul,.blog-post-content ol{margin-bottom:1.5rem;padding-left:2rem}.blog-post-content li{margin-bottom:.5rem}.blog-post-content code{background-color:var(--color-surface);padding:.2rem .4rem;border-radius:4px;font-family:Courier New,monospace;font-size:.9em}.blog-post-content pre{background-color:var(--color-surface);padding:1rem;border-radius:8px;overflow-x:auto;margin-bottom:1.5rem}.blog-post-content blockquote{border-left:4px solid var(--color-primary);padding-left:1rem;margin-left:0;margin-right:0;margin-bottom:1.5rem;color:var(--color-text-light);font-style:italic}.blog-post-content a{color:var(--color-primary);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s ease}.blog-post-content a:hover{border-bottom:1px solid var(--color-primary)}.back-to-blog{display:inline-block;margin-top:2rem;padding:.75rem 1.5rem;background-color:var(--color-surface);color:var(--color-text);text-decoration:none;border-radius:6px;font-weight:600;transition:background-color .2s ease;border:1px solid var(--color-border)}.back-to-blog:hover{background-color:var(--color-border)}@media(max-width:768px){.blog-container{padding:1rem}.blog-header h1{font-size:2rem}.blog-post-card{padding:1.5rem}.blog-post-title{font-size:1.5rem}.blog-post-meta{flex-direction:column;gap:.5rem}.blog-post-content h1{font-size:1.8rem}.blog-post-content h2{font-size:1.5rem}.blog-post-content h3{font-size:1.3rem}.blog-post-content h4{font-size:1.2rem}}@media(max-width:480px){.blog-header{margin-bottom:2rem}.blog-header h1{font-size:1.8rem}.blog-post-card{padding:1rem}}.blog-post-content table.blog-table{margin:2rem auto;border-collapse:collapse;width:auto}.blog-post-content table.blog-table td{padding:10px;text-align:center;border:none}.blog-post-content table.blog-table td em{display:block;margin-top:.5rem;font-style:italic;color:#666;font-size:.9rem}.blog-post-content img{max-width:100%;height:auto;border-radius:8px;box-shadow:0 4px 8px #0000001a}:root{--primary-color: #2c3e50;--secondary-color: #ecf0f1;--accent-color: #e67e22;--text-color: #34495e;--background-color: #ffffff;--border-color: #bdc3c7;--white-color: #fff;--error-color: #e74c3c;--success-color: #2ecc71;--font-heading: "Playfair Display", serif;--font-body: "Montserrat", sans-serif;--shadow: 0 4px 6px rgba(0,0,0,.1);--border-radius: 8px}body{font-family:var(--font-body);margin:0;padding:0;background-color:var(--secondary-color);color:var(--text-color);line-height:1.8;font-size:16px}#root{display:flex;flex-direction:column;min-height:100vh}main{flex:1;padding:40px 20px;max-width:1200px;width:100%;margin:0 auto;box-sizing:border-box}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--primary-color);margin-top:1.5em;margin-bottom:.8em}a{color:var(--accent-color);text-decoration:none;transition:color .3s ease}a:hover{color:#d35400}button,.button{background-color:var(--accent-color);color:var(--white-color);border:none;padding:12px 20px;border-radius:var(--border-radius);cursor:pointer;font-size:1rem;font-weight:500;transition:background-color .3s ease,transform .2s ease;display:inline-block;text-align:center;text-decoration:none}button:hover,.button:hover{background-color:#d35400;color:var(--white-color)}.button-secondary{background-color:var(--primary-color)}.button-secondary:hover{background-color:#2c5282}input[type=text],input[type=password],input[type=email],input[type=number],textarea,select{width:100%;padding:12px;margin-top:8px;margin-bottom:16px;border:1px solid var(--border-color);border-radius:var(--border-radius);box-sizing:border-box;font-family:var(--font-body);font-size:1rem;transition:border-color .3s ease,box-shadow .3s ease,background-color .3s ease;background-color:var(--white-color);color:var(--text-color)}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' 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 12px center;background-size:16px;padding-right:36px;cursor:pointer}select:hover{border-color:var(--primary-color);background-color:#f8fafc}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #e67e2233}select option{padding:12px;background-color:var(--white-color);color:var(--text-color)}select option:checked{background-color:var(--accent-color);color:#fff}select option:hover{background-color:#f0f7ff}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:var(--text-color);font-size:.95rem}.form-group .help-text{margin:6px 0 0;font-size:.85rem;color:#666;line-height:1.4}.form-group .error-message{margin:6px 0 0;font-size:.85rem;color:var(--error-color);line-height:1.4}table{width:100%;border-collapse:collapse;margin-top:2rem;background-color:var(--white-color);box-shadow:var(--shadow);border-radius:var(--border-radius);overflow:hidden}th,td{padding:15px 20px;text-align:left;border-bottom:1px solid var(--border-color)}th{background-color:var(--primary-color);color:var(--secondary-color);font-weight:500;text-transform:uppercase;font-size:.85rem}tr:last-child td{border-bottom:none}tr:hover{background-color:#f9f9f9}
