@import"https://fonts.googleapis.com/css2?family=Merienda:wght@400;700&family=Nunito:wght@400;600;700&display=swap";:root{--z-index-room-modal: 2400;--z-index-cart-overlay: 10070;--z-index-page-header: 3000;--z-index-site-nav: 2950;--z-index-checkout-overlay: 10060;--z-index-checkout-content: 10061;--z-index-receipt-overlay: 10080;--z-index-loader: 10500;--z-index-toast: 11000;--z-index-dropdown: 11500;--z-index-tooltip: 12000;--z-index-checkout-badge: 3;--z-index-global-popup: 100200;--z-index-modal-content: 420;--z-index-modal-front: 430}:root{--z-index-behind: -1;--z-index-base: 1;--z-index-content-back: 5;--z-index-content-mid: 10;--z-index-content-front: 15;--z-index-floating-ui: 20;--z-index-page-header: 100;--z-index-page-footer: 90;--z-index-dropdown: 200;--z-index-tooltip: 15000;--z-index-overlay-backdrop: 300;--z-index-modal-back: 400;--z-index-modal-base: 410;--z-index-modal-content: 420;--z-index-modal-front: 430;--z-overlay: 10050;--z-overlay-content: 10051;--z-admin-overlay: 10100;--z-admin-overlay-content: 10101;--z-index-room-modal: 2400;--z-index-room-modal-header: 2450;--z-index-checkout-overlay: 2500;--z-index-global-notification: 500;--z-index-god-mode: 9999;--z-detailed-item-modal: 100300;--z-global-popup: 100200;--z-index-header-ink: 200;--z-index-nav: 300;--z-inline-popup: 1000;--z-inline-popup-high: 1100;--z-index-toast: 10000;--z-room-base: 1000;--z-room-door: 10060;--z-help-dropdown: 50;--z-badge: 10;--z-badge-high: 15;--z-badge-mid: 9;--z-badge-low: 8;--z-badge-very-low: 7;--z-index-flat: 0;--z-content-2: 2;--z-content-3: 3;--z-admin-nav: 2000;--z-header-over-room-modal: 3000}:root{--z-base: var(--z-index-base);--z-base-elevated: var(--z-index-content-front);--z-modal: var(--z-index-modal-base);--z-notification: var(--z-index-global-notification);--z-tooltip: var(--z-index-tooltip);--z-navigation: var(--z-index-page-header);--z-door-areas: var(--z-index-content-front);--z-room-buttons: var(--z-index-floating-ui);--z-index-overlay: var(--z-index-overlay-backdrop);--wf-overlay-z: var(--z-overlay);--wf-overlay-content-z: var(--z-overlay-content);--wf-admin-overlay-z: var(--z-admin-overlay);--wf-admin-overlay-content-z: var(--z-admin-overlay-content);--z-popups: var(--z-global-popup);--z-index-landing-page: 110;--z-admin-drawer-content: var(--z-index-floating-ui);--z-admin-drawer-header: 25;--z-admin-drawer-meta: 24;--z-admin-drawer-overlay: var(--z-index-base)}body[data-page^=admin]{--wf-admin-overlay-z: var(--z-admin-overlay);--wf-admin-overlay-content-z: var(--z-admin-overlay-content)}.confirmation-modal-overlay.checkout-overlay{z-index:var(--z-index-checkout-overlay, 10060);display:flex;align-items:flex-start;justify-content:center}.confirmation-modal-overlay.checkout-overlay .confirmation-modal{z-index:var(--z-index-checkout-content, 10061)}.confirmation-modal-overlay.checkout-overlay.under-header{z-index:var(--z-index-checkout-overlay, 10060)!important}.confirmation-modal-overlay.checkout-overlay.under-header .confirmation-modal{z-index:var(--z-index-checkout-content, 10061)!important}.confirmation-modal-overlay.checkout-overlay[aria-hidden=false],html body .confirmation-modal-overlay.checkout-overlay[aria-hidden=false],.confirmation-modal-overlay.checkout-overlay[data-force-visible="1"],html body .confirmation-modal-overlay.checkout-overlay[data-force-visible="1"]{opacity:1!important;visibility:visible!important;display:flex!important}.confirmation-modal-overlay.checkout-overlay[aria-hidden=false] .confirmation-modal,html body .confirmation-modal-overlay.checkout-overlay[aria-hidden=false] .confirmation-modal,.confirmation-modal-overlay.checkout-overlay[data-force-visible="1"] .confirmation-modal{transform:scale(1) translateY(0)!important}.confirmation-modal-overlay.receipt-overlay{z-index:var(--z-index-receipt-overlay, 10080)!important;align-items:flex-start!important}.confirmation-modal-overlay.receipt-overlay .confirmation-modal,.confirmation-modal-overlay.checkout-overlay .confirmation-modal.payment-modal{margin-top:calc(var(--wf-header-height, var(--header-height, 80px)) + 8px);transform:none!important}#wf-notification-container{position:fixed;z-index:var(--z-index-toast, 11000)}body[data-checkout-modal-open="1"] main,body[data-checkout-modal-open="1"] .page-content,body[data-checkout-modal-open="1"] #content,body[data-checkout-modal-open="1"] #app,body[data-checkout-modal-open="1"] #root,body[data-checkout-modal-open="1"] #paymentRoot,body[data-checkout-modal-open="1"] .payment-page,body[data-checkout-modal-open="1"] .payment-container{display:none!important}body[data-checkout-modal-open="1"] #paymentPage,body[data-checkout-modal-open="1"] #checkoutRoot{display:none!important}:root{--brand-primary: #87ac3a;--brand-secondary: #BF5700;--primary_color: #87ac3a;--gradient-header: linear-gradient( 180deg, rgba(0, 0, 0, .9) 0%, rgba(0, 0, 0, .6) 55%, rgba(0, 0, 0, 0) 100% );--header-height: 80px;--white: #ffffff;--font-primary: "Merienda", cursive;--font-family-primary: var(--font-primary);--font-secondary: "Nunito", system-ui, -apple-system, "Segoe UI", roboto, helvetica, arial, sans-serif;--font-family-secondary: var(--font-secondary);--code-font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--z-base: 1;--z-base-elevated: 10;--z-header: 1000;--z-navbar: 1010;--z-dropdown: 1020;--z-modal: 1030;--z-overlay: 1040;--z-tooltip: 1050;--z-global-popup: 100200;--header-height: var(--header-height, 80px);--header-offset: 0px;--overlay-offset: calc(var(--header-height, 64px) + 12px);--wf-brand-primary: var(--brand-primary);--wf-brand-secondary: var(--brand-secondary);--wf-overlay-z: var(--z-overlay);--wf-overlay-content-z: var(--z-index-modal-content);--wf-admin-overlay-z: var(--z-admin-overlay);--wf-admin-overlay-content-z: var(--z-admin-overlay-content);--wf-header-height: var(--header-height);--wf-overlay-offset: var(--overlay-offset);--wf-header-offset: var(--header-offset);--button-bg-primary: var(--brand-primary);--button-text-primary: #ffffff;--button-bg-primary-hover: var(--brand-secondary)}body[data-page^=admin]{overflow-x:hidden}html:has(body[data-page^=admin]){overflow-x:clip}body[data-page^=admin] #admin-section-content{width:100%;box-sizing:border-box}body[data-page^=admin] .page-content,body[data-page^=admin] #admin-section-content,html:has(body[data-page^=admin]){background:transparent!important}body[data-page^=admin] #admin-section-content{border:none!important;box-shadow:none!important;background:transparent!important;padding-top:0!important}body[data-page^=admin] .admin-content-container{background:transparent!important;border:none!important;border-radius:0!important;box-shadow:none!important}body[data-page^=admin] .dashboard-container,body[data-page^=admin] .admin-reports-page,body[data-page^=admin] .admin-marketing-page{padding-top:0!important;margin-top:0!important}.dashboard-container,.admin-reports-page,.admin-marketing-page{background:#fff;border-radius:12px;border:1px solid #e5e7eb;box-shadow:0 2px 8px #0000000d;overflow:hidden}body[data-page^=admin] .dashboard-container,body[data-page^=admin] .admin-reports-page,body[data-page^=admin] .admin-marketing-page{background:transparent!important;border:none!important;border-radius:0!important;box-shadow:none!important}body[data-page^=admin] .settings-grid{gap:.5rem;margin-top:.5rem}body[data-page^=admin] .settings-section,body[data-page^=admin] .settings-section-content>div{border:none!important}body[data-page^=admin] .admin-filter-section{background:transparent!important;border:none!important;border-bottom:none!important;box-shadow:none!important;padding:0!important}body[data-page^=admin] .admin-filter-section:before,body[data-page^=admin] .admin-filter-section:after{content:none!important;border:none!important;box-shadow:none!important}body[data-page^=admin] .admin-filters{display:flex!important;justify-content:center!important;align-items:center!important;background:transparent!important}body[data-page^=admin] .admin-filter-form{display:flex!important;flex-wrap:wrap!important;gap:8px!important;justify-content:center!important;align-items:center!important;margin:0 auto!important;width:auto!important;max-width:100%!important;background:transparent!important}.shop-navigation-area{position:fixed;top:var(--header-height, 80px);left:0;right:0;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:var(--z-navigation);padding:1rem 0;border-bottom:1px solid rgba(0,0,0,.1)}.shop-navigation-area .navigation-bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;width:100%;max-width:none;margin:0}.shop-content-area{padding-top:calc(var(--header-height, 80px) + 100px);min-height:100vh}.product-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026}.room-product-icon.out-of-stock:after{content:"Out of Stock";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#ff0000e6;color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:10px;font-weight:700;text-align:center;white-space:nowrap}@media (max-width: 768px){.popup-content{max-width:90%;padding:16px}.popup-body{flex-direction:column;gap:16px}.popup-image{width:100%;height:200px}.main-nav{flex-direction:column;align-items:flex-start}.nav-links{flex-direction:column;width:100%}.nav-links li{width:100%;text-align:center;padding:.5rem 0}.product-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}#shopPage{padding:0}.shop-page main.page-content{padding:0}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}@media (max-width: 480px){.header-logo{height:calc(var(--header-logo-height) * .8)}.product-grid{grid-template-columns:1fr}#shopPage{padding:0 8px}#productsGrid{gap:.75rem}}@media (max-width: 640px){.btn-sm{height:28px;padding:6px 10px;font-size:var(--text-xs)}.modal-room-page{transform:scale(.5);transform-origin:center}.footer-container{padding:0 15px}.footer-social{gap:10px}.footer-social-icon{width:35px;height:35px;font-size:16px}.footer-newsletter-form{flex-direction:column;gap:8px}.footer-nav-horizontal{flex-direction:column;gap:10px;text-align:center}.footer-copyright-links{flex-direction:column;gap:10px}}.no-webp .room-bg-room6{background-image:var(--bg-png)}.mb-0{margin-bottom:var(--space-0)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.ml-1{margin-left:var(--space-1)}.ml-2{margin-left:var(--space-2)}.ml-3{margin-left:var(--space-3)}.ml-6{margin-left:var(--space-6)}.mr-1{margin-right:var(--space-1)}.mr-2{margin-right:var(--space-2)}.mr-3{margin-right:var(--space-3)}.mt-0\.5{margin-top:var(--space-0)}.mt-1{margin-top:var(--space-1)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mt-10{margin-top:var(--space-10)}.pb-2{padding-bottom:var(--space-2)}.pb-3{padding-bottom:var(--space-3)}.pb-6{padding-bottom:var(--space-6)}.pl-3{padding-left:var(--space-3)}.pl-10{padding-left:var(--space-10)}.pr-2{padding-right:var(--space-2)}.pr-3{padding-right:var(--space-3)}.pt-1{padding-top:var(--space-1)}.wf-notification.is-visible{opacity:1;transform:translate(0) scale(1)}.payment-method-btn.card:hover{background:#1976d2}.payment-method-btn.other:hover{background:#7b1fa2}.pt-2{padding-top:var(--space-2)}.pt-3{padding-top:var(--space-3)}.pt-6{padding-top:var(--space-6)}.py-0\.5{padding-top:var(--space-0);padding-bottom:var(--space-0)}.py-1\.5{padding-top:var(--space-1);padding-bottom:var(--space-1)}.py-8{padding-top:var(--space-8);padding-bottom:var(--space-8)}.py-12{padding-top:var(--space-12);padding-bottom:var(--space-12)}.confirmation-modal .modal-body{text-align:center;padding:2rem}.confirmation-modal-buttons{display:flex;justify-content:center;gap:.75rem}@media (max-width: 640px){.modal-content,.admin-modal-content{margin:1rem;max-width:calc(100vw - 2rem);max-height:calc(100vh - 2rem)}.modal-header,.modal-body,.modal-footer{padding-left:1rem;padding-right:1rem}.confirmation-modal-buttons{flex-direction:column}.confirmation-modal-button{width:100%}}.modal-spinner{width:40px;height:40px;border:3px solid #f3f4f6;border-top:3px solid var(--brand-primary, #87ac3a);border-radius:50%;animation:spin 1s linear infinite}@keyframes modal-slide-in{0%{opacity:0;transform:translateY(-50px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.item-popup-legacy.hidden,.item-popup-enhanced.hidden{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-10px)}.popup-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.popup-close-btn{background:none;border:none;font-size:18px;cursor:pointer;color:#999;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.popup-close-btn:hover{background:#f0f0f0;color:#666}.modal-badge.quality{background:#3b82f6}.modal-badge.trending{background:#ef4444}.modal-badge.bestseller{background:#f59e0b}.modal-badge.marketing{background:#10b981}.modal-badge.seasonal{background:#8b5cf6}.modal-badge.limited{background:#ec4899}.popup-badges-container{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:12px}.popup-actions{display:flex;gap:8px;margin-top:15px}.popup-btn{padding:8px 16px;border:none;border-radius:var(--button-border-radius);cursor:pointer;font-weight:500;font-size:12px;transition:all .2s ease;flex:1}.popup-btn-primary{background:var(--button-bg-primary);color:var(--button-text-primary)}.popup-btn-primary:hover{background:var(--button-bg-primary-hover);transform:translateY(-1px)}.popup-btn-secondary{background:#f7fafc;color:#4a5568;border:1px solid rgba(226,232,240,.6)}.popup-btn-secondary:hover{background:#edf2f7;border-color:#cbd5e0}#detailedSalesPitch h4{color:#2d3748;font-size:12px;margin-bottom:6px;font-weight:600}#detailedSalesPitch p{margin-bottom:8px;color:#4a5568}#detailedSalesPitch ul{padding-left:16px;margin-bottom:8px}#detailedSalesPitch li{margin-bottom:4px;color:#4a5568}@media (max-width: 640px){.item-popup,.item-popup-legacy,.item-popup-enhanced{max-width:300px;min-width:250px;font-size:11px}.popup-title{font-size:14px}.popup-price{font-size:16px}.popup-actions{flex-direction:column}.popup-btn{width:100%}}.position-sticky{position:sticky}.padding-05rem{padding:.5rem}.padding-15rem{padding:1.5rem}.margin-bottom-1rem{margin-bottom:1rem}.margin-top-1rem{margin-top:1rem}.height-auto{height:auto}.max-width-100{max-width:100%}.min-height-100vh{min-height:100vh}.text-align-center{text-align:center}.text-align-left{text-align:left}.text-align-right{text-align:right}.font-weight-normal{font-weight:400}.font-size-12px{font-size:12px}.font-size-14px{font-size:14px}.font-size-16px{font-size:16px}.font-size-18px{font-size:18px}.text-transform-uppercase{text-transform:uppercase}.color-black{color:#000}.color-gray{color:#6b7280}.color-red{color:#dc2626}.color-green{color:#16a34a}.color-brand-primary{color:var(--brand-primary, #87ac3a)}.bg-transparent{background-color:transparent}.border-radius-4{border-radius:4px}.border-radius-50{border-radius:50%}.border-none{border:none}.flex-direction-row{flex-direction:row}.align-items-flex-end{align-items:flex-end}.justify-content-flex-start{justify-content:flex-start}.justify-content-flex-end{justify-content:flex-end}.flex-nowrap{flex-wrap:nowrap}.grid-template-columns-repeat-auto-fit{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.grid-gap-1rem{gap:1rem}.grid-gap-15rem{gap:1.5rem}.z-index-1000{z-index:var(--z-inline-popup, 1000)}.z-index-modal{z-index:var(--z-index-modal, 2000)}.opacity-0{opacity:0}.opacity-05{opacity:.5}.opacity-1{opacity:1}.transform-scale-0{transform:scale(0)}.transform-scale-1{transform:scale(1)}.transform-rotate-45{transform:rotate(45deg)}.transform-rotate-90{transform:rotate(90deg)}.transition-opacity{transition:opacity .3s ease}.transition-transform{transition:transform .3s ease}.transition-none{transition:none}.overflow-auto{overflow:auto}.overflow-visible{overflow:visible}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.cursor-not-allowed{cursor:not-allowed}.cursor-default{cursor:default}.visibility-hidden{visibility:hidden}.visibility-visible{visibility:visible}.box-shadow-sm{box-shadow:0 1px 2px #0000000d}.box-shadow-md{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.box-shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.box-shadow-none{box-shadow:none}.modal-open.room-modal-active html,.modal-open.room-modal-active body{width:100%;height:100%;margin:0;padding:0;overflow:hidden;aspect-ratio:1280 / 896}.room-product-icon.positioned{top:var(--icon-top, 0);left:var(--icon-left, 0)}.room-product-icon.size-small{--icon-width: 60px;--icon-height: 60px}.room-product-icon.size-medium{--icon-width: 80px;--icon-height: 80px}.room-product-icon.size-large{--icon-width: 100px;--icon-height: 100px}.room-bg-main .fullscreen-container{background-image:var(--dynamic-room-bg-url, none);background-size:contain;background-position:center;background-repeat:no-repeat}.room-bg-room1 .fullscreen-container,.room-bg-room2 .fullscreen-container,.room-bg-room3 .fullscreen-container,.room-bg-room4 .fullscreen-container,.room-bg-room5 .fullscreen-container,.room-bg-room6 .fullscreen-container,.room-bg-landing .fullscreen-container{background-image:var(--bg-webp);background-size:contain;background-position:center;background-repeat:no-repeat}.no-webp .room-bg-room1 .fullscreen-container,.no-webp .room-bg-room2 .fullscreen-container,.no-webp .room-bg-room3 .fullscreen-container,.no-webp .room-bg-room4 .fullscreen-container,.no-webp .room-bg-room5 .fullscreen-container,.no-webp .room-bg-room6 .fullscreen-container,.no-webp .room-bg-landing .fullscreen-container{background-image:var(--bg-png)}.pr-8{padding-right:var(--space-8)}.no-webp .room-bg-main,.no-webp .room-bg-landing,.no-webp .room-bg-room4,.no-webp .room-bg-room5{background-image:var(--bg-png)}.nowrap{white-space:nowrap}.pos-modal-header-cash{background:#4caf50}.pos-modal-header-credit-card{background:#2196f3}.pos-modal-header-debit-card{background:#ff9800}.pos-modal-header-check{background:#9c27b0}.mx-auto{margin-left:auto;margin-right:auto}.max-w-full{max-width:100%}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.sm\:px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.lg\:px-8{padding-left:var(--space-8);padding-right:var(--space-8)}.flex-grow{flex-grow:1}.container{width:100%;max-width:var(--breakpoint-lg);margin-left:auto;margin-right:auto}.logout-fullscreen-link{position:fixed;top:1rem;right:1rem;z-index:var(--z-index-overlay);background:#87ac3ae6;color:#fff;text-decoration:none;padding:.5rem 1rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:background .3s ease;display:inline-block;box-shadow:var(--shadow-md)}.logout-fullscreen-link:hover{background:#87ac3a}.p-2{padding:var(--space-2)}.md\:p-4{padding:var(--space-4)}.lg\:p-6{padding:var(--space-6)}.m-1{margin:var(--space-1)}.m-2{margin:var(--space-2)}.m-3{margin:var(--space-3)}.m-4{margin:var(--space-4)}.m-5{margin:var(--space-5)}.m-6{margin:var(--space-6)}.m-8{margin:var(--space-8)}.m-10{margin:var(--space-10)}.m-12{margin:var(--space-12)}.m-16{margin:var(--space-16)}.m-20{margin:var(--space-20)}.mx-0{margin-left:0;margin-right:0}.mx-1{margin-left:var(--space-1);margin-right:var(--space-1)}.mx-2{margin-left:var(--space-2);margin-right:var(--space-2)}.mx-3{margin-left:var(--space-3);margin-right:var(--space-3)}.mx-4{margin-left:var(--space-4);margin-right:var(--space-4)}.mx-5{margin-left:var(--space-5);margin-right:var(--space-5)}.mx-6{margin-left:var(--space-6);margin-right:var(--space-6)}.mx-8{margin-left:var(--space-8);margin-right:var(--space-8)}.mx-10{margin-left:var(--space-10);margin-right:var(--space-10)}.mx-12{margin-left:var(--space-12);margin-right:var(--space-12)}.mx-16{margin-left:var(--space-16);margin-right:var(--space-16)}.mx-20{margin-left:var(--space-20);margin-right:var(--space-20)}.my-0{margin-top:0;margin-bottom:0}.my-1{margin-top:var(--space-1);margin-bottom:var(--space-1)}.my-2{margin-top:var(--space-2);margin-bottom:var(--space-2)}.my-3{margin-top:var(--space-3);margin-bottom:var(--space-3)}.my-4{margin-top:var(--space-4);margin-bottom:var(--space-4)}.my-5{margin-top:var(--space-5);margin-bottom:var(--space-5)}.my-6{margin-top:var(--space-6);margin-bottom:var(--space-6)}.my-8{margin-top:var(--space-8);margin-bottom:var(--space-8)}.my-10{margin-top:var(--space-10);margin-bottom:var(--space-10)}.my-12{margin-top:var(--space-12);margin-bottom:var(--space-12)}.my-16{margin-top:var(--space-16);margin-bottom:var(--space-16)}.my-20{margin-top:var(--space-20);margin-bottom:var(--space-20)}.p-0{padding:0}.p-1{padding:var(--space-1)}.p-3{padding:var(--space-3)}.p-4{padding:1rem}.p-5{padding:var(--space-5)}.p-6{padding:1.5rem}.p-8{padding:var(--space-8)}.p-10{padding:var(--space-10)}.p-12{padding:var(--space-12)}.p-16{padding:var(--space-16)}.p-20{padding:var(--space-20)}.px-0{padding-left:0;padding-right:0}.px-1{padding-left:8px;padding-right:8px}.px-2{padding-left:var(--space-2);padding-right:var(--space-2)}.px-3{padding-left:var(--space-3);padding-right:var(--space-3)}.px-5{padding-left:var(--space-5);padding-right:var(--space-5)}.px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.py-0{padding-top:0;padding-bottom:0}.py-1{padding-top:var(--space-1);padding-bottom:var(--space-1)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-3{padding-top:var(--space-3);padding-bottom:var(--space-3)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.py-5{padding-top:var(--space-5);padding-bottom:var(--space-5)}.py-6{padding-top:var(--space-6);padding-bottom:var(--space-6)}.u-scrollbar-color-cbd5e0-f7fafc{scrollbar-color:#cbd5e0 #f7fafc}.u-text-align-center{text-align:center}.u-text-align-left{text-align:left}.u-text-align-right{text-align:right}.u-text-decoration-none{text-decoration:none}.u-top-0{top:0}.u-top-10px{top:10px}.u-top-20px{top:20px}.u-top-2px{top:2px}.u-top-50{top:50%}.u-top-6px{top:6px}.u-transform-translateY-50{transform:translateY(-50%)}.u-transition-background-0-3s{transition:background .3s}.u-transition-background-color-0-2s{transition:background-color .2s}.u-transition-border-color-0-3s{transition:border-color .3s}.u-transition-opacity-0-3s-ease{transition:opacity .3s ease}.u-visibility-visible-important{visibility:visible}.u-width-100{width:100%}.u-width-16px{width:16px}.u-width-40px{width:40px}.u-align-items-center{align-items:center}.u-background-color-6b7280{background-color:#6b7280}.u-background-color-87ac3a,.u-background-color-87ac3a-important{background-color:#87ac3a}.u-background-color-d32f2f{background-color:#d32f2f}.u-background-color-dc2626{background-color:#dc2626}.u-background-color-e8f4e8{background-color:#e8f4e8}.u-background-color-f5f5f5{background-color:#f5f5f5}.u-background-color-f9f9f9{background-color:#f9f9f9}.u-background-color-fff3cd{background-color:#fff3cd}.u-background-color-white{background-color:#fff}.u-background-2196F3{background:#2196f3}.u-background-4CAF50{background:#4caf50}.u-background-e3f2fd{background:#e3f2fd}.u-background-f0f0f0{background:#f0f0f0}.u-background-f8f9fa{background:#f8f9fa}.u-background-FF9800{background:#ff9800}.u-background-linear-gradient-135deg-10b981-3b82f6{background:linear-gradient(135deg,#10b981,#3b82f6)}.u-background-linear-gradient-to-right-3b82f6-1d4ed8{background:linear-gradient(to right,#3b82f6,#1d4ed8)}.u-background-linear-gradient-to-right-87ac3a-6b8e23{background:linear-gradient(to right,#87ac3a,var(--brand-secondary, #BF5700))}.u-background-rgba-0-0-0-0-5{background:#0000007f}.u-background-white{background:#fff}.u-background-rgba-107-142-35-0-9{background:#6b8e23e5}.u-border-radius-20px{border-radius:20px}.u-border-radius-6px{border-radius:6px}.u-border-radius-8px{border-radius:8px}.u-border-top-2px-solid-333{border-top:2px solid #333}.u-border-top-2px-solid-dc3545{border-top:2px solid #dc3545}.u-box-shadow-0-1px-3px-bbb{box-shadow:0 1px 3px #bbb}.u-box-shadow-0-2px-8px-rgba-0-0-0-0-1{box-shadow:0 2px 8px #0000001a}.u-color-333{color:#333}.u-color-666{color:#666}.u-color-87ac3a{color:#87ac3a}.u-color-d32f2f{color:#d32f2f}.u-color-dc2626{color:#dc2626}.u-color-var-primary-color-87ac3a{color:var(--primary-color, #87ac3a)}.u-color-var-primary-color{color:var(--primary-color)}.u-color-6c757d{color:#6c757d}.u-cursor-pointer{cursor:pointer}.u-display-block{display:block}.u-display-flex{display:flex}.u-display-grid{display:grid}.u-display-inline-block{display:inline-block}.u-display-none{display:none}.u-flex-direction-column{flex-direction:column}.u-flex-1{flex:1}.u-font-family-Arial-sans-serif{font-family:Arial,sans-serif}.u-font-size-0-875rem{font-size:.875rem}.u-font-size-0-8rem{font-size:.8rem}.u-font-size-0-9rem{font-size:.9rem}.u-font-size-1-1rem{font-size:1.1rem}.u-font-size-1-4rem{font-size:1.4rem}.u-font-size-1-5rem{font-size:1.5rem}.u-font-size-16px{font-size:16px}.u-font-size-1rem{font-size:1rem}.u-font-size-2rem,.u-font-size-2rem-important{font-size:2rem}.u-font-size-3rem{font-size:3rem}.u-font-weight-bold{font-weight:700}.u-font-weight-500{font-weight:500}.u-height-100{height:100%}.u-height-150px{height:150px}.u-height-192px{height:192px}.u-height-40px{height:40px}.u-justify-content-center{justify-content:center}.u-list-style-none{list-style:none}.u-margin-bottom-0{margin-bottom:0}.u-margin-bottom-1-5rem{margin-bottom:1.5rem}.u-margin-bottom-10px{margin-bottom:10px}.u-margin-bottom-15px{margin-bottom:15px}.u-margin-bottom-2rem{margin-bottom:2rem}.u-margin-bottom-0-5rem{margin-bottom:.5rem}.u-margin-top-0-5rem{margin-top:.5rem}.u-margin-top-30px{margin-top:30px}.u-margin-0{margin:0}.u-margin-0-0-20px-0{margin:0 0 20px}.u-margin-5px-0-0-0{margin:5px 0 0}.u-max-height-100px{max-height:100px}.u-max-height-200px{max-height:200px}.u-max-height-600px{max-height:600px}.u-max-height-70vh{max-height:70vh}.u-max-width-100{max-width:100%}.u-max-width-1100px{max-width:1100px}.u-max-width-400px{max-width:400px}.u-max-width-500px{max-width:500px}.u-max-width-600px{max-width:600px}.u-max-width-700px{max-width:700px}.u-max-width-800px{max-width:800px}.u-max-width-900px{max-width:900px}.u-min-width-100px{min-width:100px}.u-object-fit-cover{-o-object-fit:cover;object-fit:cover}.u-object-position-center{-o-object-position:center;object-position:center}.u-opacity-0-7{opacity:.7}.u-padding-0{padding:0}.u-padding-10px{padding:10px}.u-padding-2rem{padding:2rem}.u-padding-4px-0{padding:4px 0}.u-padding-8px-0{padding:8px 0}.u-padding-8px-16px{padding:8px 16px}.u-padding-6px-12px{padding:6px 12px}.u-position-absolute{position:absolute}.u-position-fixed{position:fixed}.u-position-relative{position:relative}.u-transform-scale-0-6{transform:scale(.6)}.u-transform-scale-0-5{transform:scale(.5)}.u-transform-origin-center{transform-origin:center}.u-top-15px{top:15px}.u-left-15px{left:15px}.u-right-15px{right:15px}.u-width-1250px{width:1250px}.u-gap-0{gap:0}.u-padding-horizontal-0{padding:0}.u-transform-translateY-10px{transform:translateY(10px)}.fixed{position:fixed}.inset-0{inset:0}.bg-black{background-color:#000}.bg-opacity-50{opacity:.5}.bg-opacity-90{opacity:.9}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.h-6{height:1.5rem}.rounded-full{border-radius:9999px}.border-2{border-width:2px}.border{border-width:1px;border:1px solid #e5e7eb}.bg-gray-200{background-color:#e5e7eb}.bg-gray-300{background-color:#d1d5db}.bg-green-500{background-color:#10b981}.bg-red-500{background-color:#ef4444}.bg-blue-50{background-color:#eff6ff}.bg-red-50{background-color:#fef2f2}.text-gray-500{color:#6b7280}.text-gray-600{color:#4b5563}.text-gray-900{color:#111827}.text-green-700{color:#15803d}.text-green-800{color:#166534}.text-red-700{color:#b91c1b}.text-red-800{color:#991b1b}.text-blue-700{color:#1d4ed8}.text-blue-800{color:#1e40af}.space-x-3>*+*{margin-left:.75rem}.space-y-1>*+*{margin-top:.25rem}.space-y-3>*+*{margin-top:.75rem}.font-medium{font-weight:500}.text-sm{font-size:.875rem;line-height:1.25rem}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.transition-all{transition:all .3s ease;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.width_0{width:0%}@keyframes shimmer{0%{transform:scale(1.02);left:-100%;opacity:1;background-color:var(--warning-bg, #fbbf24)}to{transform:scale(1);left:100%;opacity:1;background-color:transparent}}.mt-4{margin-top:1rem}.ml-4{margin-left:1rem}.mr-4{margin-right:1rem}.pt-4{padding-top:1rem}.pb-4{padding-bottom:1rem}.pl-4{padding-left:1rem}.pr-4{padding-right:1rem}.inline-block{display:inline-block}.w-full{width:100%}.h-full{height:100%}.md\\:flex-row{flex-direction:row}.pos-modal-small{max-width:500px}.pos-modal-medium{max-width:600px}.pos-modal-header-warning{background:#ff9800}.pos-modal-header-success{background:#4caf50}.pos-modal-body-scroll{padding:0;max-height:500px;overflow-y:auto}.space-y-6>*+*{margin-top:1.5rem}.rounded-lg{border-radius:.5rem}.shadow-sm{box-shadow:0 1px 2px #0000000d}.text-xl{font-size:1.25rem}.font-bold{font-weight:700}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.gap-3{gap:.75rem}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}code{background-color:#f3f4f6;padding:2px 4px;border-radius:3px;font-family:monospace;font-size:.875rem}.bg-yellow-50{background-color:#fefce8}.bg-green-50{background-color:#f0fdf4}.border-yellow-200{border-color:#fde047}.border-blue-200{border-color:#bfdbfe}.border-green-200{border-color:#bbf7d0}.text-yellow-800{color:#92400e}.text-yellow-700{color:#a16207}.section{margin-bottom:2rem;padding:1rem;border:1px solid #e5e7eb;border-radius:.5rem}.priority-high{color:#dc2626}.priority-medium{color:#d97706}.priority-low{color:#059669}.inventory-table th:nth-child(1){width:60px}.inventory-table td:nth-child(1){width:60px}.inventory-table th:nth-child(2){width:70px}.inventory-table td:nth-child(2){width:70px}.inventory-table th:nth-child(3){width:180px;min-width:120px}.inventory-table td:nth-child(3){width:180px;min-width:120px}.inventory-table th:nth-child(4){width:120px}.inventory-table td:nth-child(4){width:120px}.inventory-table th:nth-child(5){width:100px}.inventory-table td:nth-child(5){width:100px}.inventory-table th:nth-child(6){width:80px;min-width:60px}.inventory-table td:nth-child(6){width:80px;min-width:60px}.inventory-table th:nth-child(7){width:90px;min-width:70px}.inventory-table td:nth-child(7){width:90px;min-width:70px}.inventory-table th:nth-child(8){width:90px}.inventory-table td:nth-child(8){width:90px}.inventory-table th:nth-child(9){width:90px}.inventory-table td:nth-child(9){width:90px}.inventory-table th:nth-child(10){width:120px}.inventory-table td:nth-child(10){width:120px}.modal-form-container::-webkit-scrollbar{width:8px}.modal-form-container::-webkit-scrollbar-track{background:#f7fafc;border-radius:4px}.modal-form-container::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.modal-form-container::-webkit-scrollbar-thumb:hover{background:#a0aec0}to{transform:rotate(360deg);opacity:1}from{opacity:0;transform:rotate(0)}.image-grid-container .grid-cols-2,.image-grid-container .grid-cols-3,.image-grid-container .grid-cols-4{grid-template-columns:1fr}.footer-text-left{text-align:left}.footer-text-center{text-align:center}.footer-text-right{text-align:right}.footer-mb-small{margin-bottom:10px}.footer-mb-medium{margin-bottom:20px}.footer-mb-large{margin-bottom:30px}.footer-mt-small{margin-top:10px}.footer-mt-medium{margin-top:20px}.footer-mt-large{margin-top:30px}.footer-text-primary{color:var(--footer-text-color)}.footer-text-muted{color:var(--footer-copyright-color)}.footer-text-accent{color:var(--footer-link-color)}#restructureModal .max-w-4xl,#structureViewModal .max-w-4xl{max-width:95vw;margin:.5rem}.structure-analysis-section .flex.space-x-2{flex-direction:column;gap:.5rem}.structure-analysis-section .flex.space-x-2>*+*{margin-left:0}.structure-analysis-section .flex.space-x-2 button{width:100%}.room-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.hotspot{position:absolute;cursor:pointer;background-color:#fff3;border:2px solid rgba(255,255,255,.5);border-radius:50%;transition:all .3s ease}.hotspot:hover{background-color:#fff6;transform:scale(1.1)}.cart-container{max-width:1200px;margin:0 auto;padding:20px}.cart-item-image{width:80px;height:80px;-o-object-fit:cover;object-fit:cover;border-radius:4px;margin-right:15px}.cart-item-details{flex-grow:1}.cart-item-title{font-size:1rem;font-weight:600;margin-bottom:5px}.cart-item-price{font-size:.9rem;color:#4a5568}.cart-item-quantity{display:flex;align-items:center;margin:0 20px}.quantity-btn{background-color:#e2e8f0;border:none;width:25px;height:25px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-weight:700}.cart-item-remove{color:#e53e3e;cursor:pointer;font-size:.9rem}.cart-summary{margin-top:30px;padding:20px;background-color:#f7fafc;border-radius:8px}.summary-row{display:flex;justify-content:space-between;margin-bottom:10px}.summary-total{font-weight:600;font-size:1.1rem;margin-top:15px;padding-top:15px;border-top:1px solid #e2e8f0}.admin-sidebar{background-color:#2d3748;color:#fff;padding:20px}.admin-heading{font-size:1.5rem;font-weight:600;margin-bottom:20px;color:#2d3748}.admin-form{max-width:600px}.modal-overlay.active{opacity:1;visibility:visible}.modal{background:#fff;border-radius:8px;max-width:90vw;max-height:90vh;overflow:auto;box-shadow:0 25px 50px -12px #00000040;transform:scale(.9) translateY(20px);transition:all var(--transition-normal)}.modal-overlay.active .modal{transform:scale(1) translateY(0)}.notification{position:fixed;top:20px;right:20px;background:#fff;border-radius:8px;box-shadow:0 10px 25px #00000026;padding:16px 20px;max-width:400px;z-index:var(--z-tooltip);transform:translate(100%);transition:transform var(--transition-normal)}.notification.show{transform:translate(0)}.notification.success{border-left:4px solid var(--success)}.notification.error{border-left:4px solid var(--error)}.notification.warning{border-left:4px solid var(--warning)}.notification.info{border-left:4px solid var(--info)}.dropdown{position:relative;display:inline-block}.dropdown-content{position:absolute;background:#fff;min-width:200px;box-shadow:0 8px 25px #00000026;border-radius:4px;z-index:var(--z-dropdown);opacity:0;visibility:hidden;transform:translateY(-10px);transition:all var(--transition-fast)}.dropdown.active .dropdown-content{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{padding:12px 16px;cursor:pointer;transition:background-color var(--transition-fast)}.dropdown-item:hover{background-color:var(--gray-50)}.admin-header{background:linear-gradient(135deg,var(--brand-primary),var(--brand-secondary));color:#fff;padding:1rem 1.5rem}.admin-content{background-color:#f7fafc;padding:1.5rem}body:has(.admin-modal-overlay:not(.hidden)) .admin-tab-navigation{z-index:var(--z-debug)}.modal-open .admin-tab-navigation{z-index:calc(var(--z-dropdown) + 3)}@media (max-width: 1023px){.dashboard-section-column{min-height:400px}.section-drop-zone{min-height:300px;max-height:350px}}.no-webp .room-bg-room1,.no-webp .room-bg-room2,.no-webp .room-bg-room3{background-image:var(--bg-png)}body.room-bg-main .fullscreen-container,body.room-bg-landing .fullscreen-container{background-image:var(--bg-webp);background-size:cover;background-position:center;background-repeat:no-repeat}.no-webp body.room-bg-main .fullscreen-container,.no-webp body.room-bg-landing .fullscreen-container{background-image:var(--bg-png)}html{width:100%;height:100%;margin:0;padding:0;overflow:visible}body{font-family:Arial,sans-serif;max-width:none;line-height:1.6;width:100%;height:100%;margin:0;padding:0;overflow:visible}.room-product-icon:not([style*=width]){width:var(--icon-width)}.room-product-icon:not([style*=height]){height:var(--icon-height)}.room-modal-content-area{width:100%;height:100%;border:none;background:transparent;opacity:0;transition:opacity .3s ease;position:relative;overflow:hidden}.room-modal-overlay.is-open{display:flex}.room-content-area{position:relative;width:100%;height:100%;background-size:contain;background-position:center;background-repeat:no-repeat}.room-product-icon-img{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.item-popup.in-room-modal{max-height:calc(100% - 2rem);max-width:450px;overflow:auto}.dynamic-room-bg-loaded{background-image:var(--dynamic-room-bg-url, none);background-size:cover;background-position:center;background-repeat:no-repeat}.room-container-size{width:var(--room-container-width);height:var(--room-container-height)}.display-block{display:block}.position-fixed{position:fixed}.position-absolute{position:absolute}.position-relative{position:relative}.margin-0{margin:0}.margin-auto{margin:0 auto}.padding-0{padding:0}.padding-20{padding:20px}.padding-12{padding:12px}.padding-32{padding:32px}.padding-1rem{padding:1rem}.padding-24{padding:24px}.display-none{display:none}.display-flex{display:flex}.display-grid{display:grid}.font-size-3rem{font-size:3rem}.text-left{text-align:left}.text-right{text-align:right}.width-100{width:100%}.width-auto{width:auto}.max-width-600{max-width:600px}.max-width-300{max-width:300px}.height-100{height:100%}.height-192{height:192px}.font-size-2rem{font-size:2rem}.font-size-1125rem{font-size:1.125rem}.font-size-875rem{font-size:.875rem}.font-size-125rem{font-size:1.25rem}.font-size-095rem{font-size:.95rem}.font-size-175rem{font-size:1.75rem}.font-weight-700{font-weight:700}.font-weight-600{font-weight:600}.font-weight-500{font-weight:500}.font-weight-bold{font-weight:700}.color-white{color:#fff}.color-374151{color:#374151}.color-6b7280{color:#6b7280}.color-a0aec0{color:#a0aec0}.color-87ac3a{color:#87ac3a}.color-dc2626{color:#dc2626}.color-333{color:#333}.color-666{color:#666}.color-blue{color:#3b82f6}.bg-white,.bg-f8f9fa{background-color:#fff}.bg-dc2626{background-color:#dc2626}.bg-87ac3a{background-color:var(--brand-primary)}.bg-f9fafb,.bg-f5f5f5{background-color:#fff}.border-radius-8{border-radius:8px}.border-radius-12{border-radius:12px}.border-1-solid-ddd{border:1px solid #ddd}.border-1-solid-e5e7eb{border:1px solid #e5e7eb}.border-2-solid-87ac3a{border:2px solid #87ac3a}.flex-direction-column{flex-direction:column}.align-items-center{align-items:center}.justify-content-center{justify-content:center}.justify-content-space-between{justify-content:space-between}.grid-template-columns-1fr-1fr{grid-template-columns:1fr 1fr}.grid-gap-05rem{gap:.5rem}.z-index-9999{z-index:var(--z-index-toast)}.z-index-1100{z-index:var(--z-inline-popup-high, 1100)}.opacity-09{opacity:.9}.shadow-0-4-6{box-shadow:0 4px 6px -1px #0000001a}.shadow-0-20-40{box-shadow:0 20px 40px #0000004d}.shadow-0-25-50{box-shadow:0 25px 50px -12px #00000040}.overflow-hidden{overflow:hidden}.object-fit-contain{-o-object-fit:contain;object-fit:contain}.object-fit-cover{-o-object-fit:cover;object-fit:cover}.line-height-1{line-height:1}.line-height-14{line-height:1.4}.line-height-125{line-height:1.25}.letter-spacing-neg-025em{letter-spacing:-.025em}.margin-bottom-4{margin-bottom:4px}.margin-bottom-8{margin-bottom:8px}.margin-bottom-12{margin-bottom:12px}.margin-bottom-16{margin-bottom:16px}.margin-bottom-20{margin-bottom:20px}.margin-bottom-30{margin-bottom:30px}.margin-top-10{margin-top:10px}.margin-top-30{margin-top:30px}.padding-top-12{padding-top:12px}.padding-top-16{padding-top:16px}.padding-top-20{padding-top:20px}.padding-right-20{padding-right:20px}.padding-left-20{padding-left:20px}.padding-vertical-12{padding-top:12px;padding-bottom:12px}.padding-horizontal-0{padding-left:0;padding-right:0}.border-top-1-solid-ddd{border-top:1px solid #ddd}.border-top-1-solid-e5e7eb{border-top:1px solid #e5e7eb}.border-top-2-solid-87ac3a{border-top:2px solid #87ac3a}.border-bottom-1-solid-e5e7eb{border-bottom:1px solid #e5e7eb}.vertical-align-top{vertical-align:top}.transform-translateY-neg-1{transform:translateY(-1px)}.transform-translateY-neg-2{transform:translateY(-2px)}.font-family-courier{font-family:Courier New,monospace}.font-family-merienda{font-family:Merienda,cursive}.transition-all-02s{transition:all .2s ease}.transition-all-03s{transition:all .3s ease}.cursor-pointer{cursor:pointer}.user-select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.white-space-nowrap{white-space:nowrap}.focus-shadow-87ac3a{box-shadow:0 0 0 3px #87ac3a4d}.bg-gradient-87ac3a-6b8e23{background:linear-gradient(135deg,#87ac3a 0%,var(--brand-secondary, #BF5700) 100%)}.bg-gradient-87ac3a-a3cc4a{background:linear-gradient(to right,#87ac3a,#a3cc4a)}.outline-none{outline:none}.outline-2-transparent{outline:2px solid transparent}.outline-offset-2{outline-offset:2px}.flex-shrink-0{flex-shrink:0}.flex-1{flex:1}.gap-20{gap:20px}.align-items-flex-start{align-items:flex-start}.display-inline-flex{display:inline-flex}.display-inline-block{display:inline-block}.border-collapse-collapse{border-collapse:collapse}.product-image-container{height:192px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:8px;overflow:hidden}.product-image-container img{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.error-message-fixed{position:fixed;top:20px;right:20px;background:#dc2626;color:#fff;padding:12px;border-radius:8px;z-index:var(--z-index-toast);max-width:300px}.error-message-fixed-left{position:fixed;top:20px;left:20px;background:#dc2626;color:#fff;padding:12px;border-radius:8px;z-index:var(--z-index-toast);max-width:300px}.error-message-fixed-top-40{position:fixed;top:40px;left:20px;background:#dc2626;color:#fff;padding:12px;border-radius:8px;z-index:var(--z-index-toast);max-width:300px}.svg-icon-h4-w4{height:1rem;width:1rem}.svg-icon-color-87ac3a{color:#87ac3a}.product-price-large{font-size:2rem;font-weight:700;color:#000;padding:.75rem}.page-content,.main-content,.content-wrapper{margin-top:calc(var(--header-height, 80px) + 10px);padding-top:10px}.admin-tab-dashboard:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-2px);box-shadow:0 8px 25px #3b82f67f}.admin-tab-dashboard.active{background:linear-gradient(135deg,#1e40af,#1e3a8a);box-shadow:0 6px 20px #3b82f699;transform:translateY(-1px)}.admin-tab-customers:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);transform:translateY(-2px);box-shadow:0 8px 25px #8b5cf67f}.admin-tab-customers.active{background:linear-gradient(135deg,#6d28d9,#5b21b6);box-shadow:0 6px 20px #8b5cf699;transform:translateY(-1px)}.admin-tab-inventory:hover{background:linear-gradient(135deg,var(--brand-secondary, #BF5700) 0%,#A04000 100%);transform:translateY(-2px);box-shadow:0 8px 25px #87ac3a7f}.admin-tab-inventory.active{background:linear-gradient(135deg,#556b2f,#465a20);box-shadow:0 6px 20px #87ac3a99;transform:translateY(-1px)}.admin-tab-orders:hover{background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-2px);box-shadow:0 8px 25px #f59e0b7f}.admin-tab-orders.active{background:linear-gradient(135deg,#b45309,#92400e);box-shadow:0 6px 20px #f59e0b99;transform:translateY(-1px)}.admin-tab-reports:hover{background:linear-gradient(135deg,#0f766e,#0d5a56);transform:translateY(-2px);box-shadow:0 8px 25px #14b8a67f}.admin-tab-reports.active{background:linear-gradient(135deg,#0d5a56,#064e3b);box-shadow:0 6px 20px #14b8a699;transform:translateY(-1px)}.admin-tab-marketing:hover{background:linear-gradient(135deg,#db2777,#be185d);transform:translateY(-2px);box-shadow:0 8px 25px #ec48997f}.admin-tab-marketing.active{background:linear-gradient(135deg,#be185d,#9d174d);box-shadow:0 6px 20px #ec489999;transform:translateY(-1px)}.admin-tab-settings:hover{background:linear-gradient(135deg,#4b5563,#374151);transform:translateY(-2px);box-shadow:0 8px 25px #6b72807f}.admin-tab-settings.active{background:linear-gradient(135deg,#374151,#1f2937);box-shadow:0 6px 20px #6b728099;transform:translateY(-1px)}.admin-nav-tab:not([class*=admin-tab-]):hover{background:#f0f9ff;color:#0369a1;border-color:#bae6fd;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.admin-nav-tab:not([class*=admin-tab-]).active{background:linear-gradient(135deg,var(--brand-primary) 0%,var(--brand-secondary, #BF5700) 100%);color:#fff;border-color:var(--brand-primary);box-shadow:0 6px 20px #87ac3a66;font-weight:600;transform:translateY(-1px)}.admin-content-body{padding:1.5rem}.admin-nav-tab.active{z-index:var(--z-dropdown);position:relative}.admin-nav-tab:not(:last-child){margin-right:.5rem}@media (width <= 768px){.admin-tab-navigation .flex{flex-direction:column;align-items:stretch;gap:.25rem}}.admin-content-container{background:#fff;border-radius:12px;border:1px solid #e5e7eb;box-shadow:0 2px 8px #0000000d;overflow:hidden}.admin-content-header{background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:1.5rem;border-bottom:1px solid #e5e7eb}.admin-content-title{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0 0 .5rem}.admin-content-subtitle{color:#6b7280;font-size:.9rem;margin:0}.admin-filter-section{background:#f9fafb;padding:1.25rem;border-bottom:1px solid #e5e7eb}.admin-filter-form{flex-direction:column;display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.admin-form-select-sm:disabled{opacity:.6;cursor:not-allowed}.admin-filter-button{flex-shrink:0;white-space:nowrap;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.admin-filter-clear{font-size:.875rem;color:var(--brand-primary);text-decoration:underline;font-weight:500;flex-shrink:0;white-space:nowrap}.admin-filter-clear:hover{color:var(--brand-secondary, #BF5700);text-decoration:none}.admin-table-section{padding:.75rem;overflow-x:auto}.admin-data-table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.admin-data-table th{background:#f9fafb;padding:.875rem;text-align:left;font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb;font-size:.875rem;white-space:nowrap}.admin-data-table td{padding:.875rem;border-bottom:1px solid #f3f4f6;color:#6b7280;font-size:.875rem}.admin-data-table tr:hover{background-color:#f9fafb}.admin-data-table tr:last-child td{border-bottom:none}.admin-message{margin:1.5rem;padding:1rem;border-radius:8px;font-weight:500;display:flex;align-items:center;gap:.5rem}.admin-message-success{background-color:#d1fae5;border:1px solid #a7f3d0;color:#065f46}.admin-message-success:before{content:"✓";font-weight:700}.admin-message-error{background-color:#fee2e2;border:1px solid #fca5a5;color:#991b1b}.admin-message-error:before{content:"✗";font-weight:700}@media (width <= 768px){.admin-dashboard{padding:.5rem}.admin-header-card{padding:1rem;margin-bottom:1rem}.admin-content-header{padding:1rem}.admin-content-title{font-size:1.25rem}.admin-filter-section{padding:1rem}.admin-filter-form{flex-direction:column;align-items:stretch}.admin-table-section{padding:.25rem}}.config-section{border:1px solid #e5e7eb;border-radius:8px;padding:1rem;margin-bottom:1rem;background:#fff}.config-section h3{color:#374151;font-weight:600;margin-bottom:.75rem}.config-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem}.loading{opacity:.7;pointer-events:none;position:relative}.loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid #f3f4f6;border-top:2px solid var(--primary-color, #87ac3a);border-radius:50%;animation:spin 1s linear infinite}.admin-card-header{border-bottom:1px solid #e5e7eb;padding-bottom:1rem;margin-bottom:1rem}.badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.badge-success{background-color:#10b981;color:#fff}.badge-error{background-color:#ef4444;color:#fff}.badge-warning{background-color:#f59e0b;color:#fff}.badge-info{background-color:#3b82f6;color:#fff}.badge-neutral{background-color:#6b7280;color:#fff}.admin-tab-navigation{background:transparent!important;border-bottom:none!important;display:block;width:100%!important;max-width:none!important;padding:0!important;margin:0!important;border-radius:0!important;box-shadow:none!important}.admin-nav ul{flex-direction:column;display:flex;gap:2rem;list-style:none;margin:0;padding:0}.admin-nav a{color:#6b7280;text-decoration:none;font-weight:500;transition:color .2s ease}.admin-nav a:hover,.admin-nav a.active{color:var(--primary-color, #87ac3a)}@media (width <= 768px){.config-group{grid-template-columns:1fr}.admin-nav ul{flex-direction:column;gap:1rem}}@media print{.admin-card{box-shadow:none;border:1px solid #000}}.admin-tab-navigation{display:block;flex-direction:column;align-items:center;gap:.5rem;z-index:var(--z-dropdown);position:relative;background:#fff;border-radius:12px;padding:.5rem 16px;box-shadow:none;border:none;margin-bottom:1rem;margin-left:auto;margin-right:auto;width:-moz-max-content;width:max-content;max-width:100%;box-sizing:border-box}.admin-tab-navigation .flex{flex-direction:row;z-index:var(--z-dropdown);display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;justify-content:flex-start;position:relative}.admin-page-title{z-index:var(--z-dropdown);position:relative;margin-top:1rem;padding-top:1rem;border-top:1px solid #f3f4f6;font-size:1.25rem;font-weight:600;color:#1f2937}.admin-nav-tab{margin-bottom:.5rem;text-align:center;justify-content:center;width:100%;min-width:auto;z-index:var(--z-base);display:inline-flex;align-items:center;padding:.875rem 1.5rem;background:transparent;text-decoration:none;border-radius:10px;font-weight:500;font-size:.9rem;transition:all .3s ease;border:1px solid #e2e8f0;position:relative;margin-right:.5rem;color:#fff}.admin-tab-dashboard{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-color:#3b82f6;color:#fff}.admin-tab-inventory{background:linear-gradient(135deg,var(--brand-primary) 0%,var(--brand-secondary, #BF5700) 100%);border-color:var(--brand-primary);color:#fff}.admin-tab-pos{background:linear-gradient(135deg,#eab308,#ca8a04);border-color:#eab308;color:#fff}.admin-tab-reports{background:linear-gradient(135deg,#14b8a6,#0f766e);border-color:#14b8a6;color:#fff}.admin-tab-customers{background:linear-gradient(135deg,#7c3aed,#6d28d9);border-color:#7c3aed;color:#fff}.admin-tab-orders{background:linear-gradient(135deg,#fb923c,#ea580c);border-color:#f59e0b;color:#fff}.admin-tab-marketing{background:linear-gradient(135deg,#ec4899,#db2777);border-color:#ec4899;color:#fff}.admin-tab-settings{--admin-tab-bg: linear-gradient(135deg, #6366f1 0%, #4338ca 100%);--admin-tab-border: #6366f1;--admin-tab-hover-bg: linear-gradient(135deg, #4f46e5 0%, #3730a3 100%);--admin-tab-active-bg: linear-gradient(135deg, #4338ca 0%, #312e81 100%)}.admin-tab-secrets{--admin-tab-bg: linear-gradient(135deg, #0b0f13 0%, #111827 100%);--admin-tab-border: #0b0f13;--admin-tab-hover-bg: linear-gradient(135deg, #111827 0%, #0b0f13 100%);--admin-tab-active-bg: linear-gradient(135deg, #000000 0%, #0b0f13 100%)}.admin-nav-tab,.admin-nav-tab *{color:#fff!important;font-family:var(--brand-font, inherit)}body[data-page^=admin] .admin-nav-tab{background:var(--admin-tab-bg, linear-gradient(135deg, var(--brand-primary, #87ac3a) 0%, var(--brand-secondary, #BF5700) 100%));border-color:var(--admin-tab-border, var(--brand-primary, #87ac3a))}body[data-page^=admin] .admin-nav-tab:hover{background:var(--admin-tab-hover-bg, linear-gradient(135deg, var(--brand-secondary, #BF5700) 0%, #A04000 100%))}body[data-page^=admin] .admin-nav-tab.active{background:var(--admin-tab-active-bg, linear-gradient(135deg, #556b2f 0%, #465a20 100%))}.admin-tab-dashboard{--admin-tab-bg: linear-gradient(135deg, #3b82f6 0%, #1e40af 100%);--admin-tab-border: #3b82f6;--admin-tab-hover-bg: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);--admin-tab-active-bg: linear-gradient(135deg, #1e40af 0%, #1e3a8a 100%)}.admin-tab-customers{--admin-tab-bg: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);--admin-tab-border: #8b5cf6;--admin-tab-hover-bg: linear-gradient(135deg, #7c3aed 0%, #6d28d9 100%);--admin-tab-active-bg: linear-gradient(135deg, #6d28d9 0%, #5b21b6 100%)}.admin-tab-inventory{--admin-tab-bg: linear-gradient(135deg, #10b981 0%, #059669 100%);--admin-tab-border: #10b981;--admin-tab-hover-bg: linear-gradient(135deg, #34d399 0%, #059669 100%);--admin-tab-active-bg: linear-gradient(135deg, #065f46 0%, #047857 100%)}.admin-tab-orders{--admin-tab-bg: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);--admin-tab-border: #f59e0b;--admin-tab-hover-bg: linear-gradient(135deg, #fb923c 0%, #d97706 100%);--admin-tab-active-bg: linear-gradient(135deg, #b45309 0%, #92400e 100%)}.admin-tab-reports{--admin-tab-bg: linear-gradient(135deg, #06b6d4 0%, #0891b2 100%);--admin-tab-border: #06b6d4;--admin-tab-hover-bg: linear-gradient(135deg, #22d3ee 0%, #0891b2 100%);--admin-tab-active-bg: linear-gradient(135deg, #0e7490 0%, #155e75 100%)}.admin-tab-marketing{--admin-tab-bg: linear-gradient(135deg, #ec4899 0%, #db2777 100%);--admin-tab-border: #ec4899;--admin-tab-hover-bg: linear-gradient(135deg, #db2777 0%, #be185d 100%);--admin-tab-active-bg: linear-gradient(135deg, #be185d 0%, #9d174d 100%)}.admin-tab-pos{--admin-tab-bg: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);--admin-tab-border: #ef4444;--admin-tab-hover-bg: linear-gradient(135deg, #f87171 0%, #dc2626 100%);--admin-tab-active-bg: linear-gradient(135deg, #b91c1c 0%, #991b1b 100%)}.admin-tab-dashboard *,.admin-tab-customers *{color:#fff}.admin-tab-inventory *,.admin-tab-orders *,.admin-tab-pos *,.admin-tab-reports *,.admin-tab-marketing *{color:inherit}#admin-section-content{z-index:calc(var(--z-dropdown) + 1);overflow:hidden;position:relative;background:#fff;border-radius:12px;border:1px solid #e5e7eb;box-shadow:0 2px 8px #0000000d;min-height:400px;margin-top:0;clear:both}body[data-page="admin/settings"] #admin-section-content{overflow-y:auto;max-height:calc(100vh - 160px);-webkit-overflow-scrolling:touch;background:transparent!important;border:none!important;box-shadow:none!important}body[data-page="admin/secrets"] #admin-section-content,body[data-page="admin/dashboard"] #admin-section-content,body[data-page="admin/inventory"] #admin-section-content,body[data-page="admin/orders"] #admin-section-content,body[data-page="admin/reports"] #admin-section-content,body[data-page="admin/marketing"] #admin-section-content{overflow-y:auto;max-height:calc(100vh - 160px);-webkit-overflow-scrolling:touch}body[data-page="admin/dashboard"],body[data-page="admin/customers"],body[data-page="admin/inventory"],body[data-page="admin/orders"],body[data-page="admin/reports"],body[data-page="admin/marketing"],body[data-page="admin/settings"]{overflow-y:auto}.admin-filter-section{margin-bottom:.375rem;background:#fff;border:none;border-radius:.375rem;padding:.5rem .75rem}.admin-filter-form{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:flex-start;gap:.5rem .75rem}.admin-filter-form>*{flex:0 1 auto}.admin-filter-form .admin-form-input,.admin-filter-form .admin-form-select{height:34px;padding:0 .5rem;border:1px solid #d1d5db;border-radius:.375rem}.admin-filter-form button,.admin-filter-form .btn,.admin-filter-form [type=submit]{height:34px;line-height:32px;padding:0 .75rem}body[data-page="admin/settings"]{overflow:auto!important}.admin-dashboard:after{z-index:var(--z-base);content:"";display:table;clear:both}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}.gap-2{gap:.5rem}.gap-4{gap:1rem}.mb-1{margin-bottom:.25rem}.mb-4{margin-bottom:1rem}.mt-2{margin-top:.5rem}.md\\:mt-0{margin-top:0}.text-decoration-none{text-decoration:none}.block{display:block}.admin-tab-pos:hover{background:linear-gradient(135deg,#ca8a04,#a16207);transform:translateY(-2px);box-shadow:0 8px 25px #eab3087f}.admin-tab-pos.active{background:linear-gradient(135deg,#a16207,#854d0e);box-shadow:0 6px 20px #eab30899;transform:translateY(-1px)}.form-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.form-section-header .form-section-title{margin:0;font-size:1.125rem;font-weight:600;color:#1f2937}.order-item-actions{display:flex;align-items:center;gap:.5rem}.quantity-input{margin:0 10px;width:60px;padding:.25rem .5rem;border:1px solid #d1d5db;border-radius:4px;text-align:center;font-size:.875rem;background:#fff}.quantity-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.btn-small.btn-primary{background:var(--brand-primary, #87ac3a);color:#fff}.btn-small.btn-primary:hover{background:var(--brand-secondary, #BF5700);transform:translateY(-1px)}.btn-small.btn-secondary{background:var(--brand-primary, #87ac3a);color:#fff}.btn-small.btn-secondary:hover{background:var(--brand-secondary, #BF5700);transform:translateY(-1px)}.address-actions{display:flex;gap:.5rem;flex-wrap:wrap}.order-total{padding:1rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-top:1rem;text-align:right;font-size:1.125rem}.order-total strong{color:#1f2937}.item-card-small{transition:all .2s ease;cursor:pointer}.item-card-small:hover{background-color:#f3f4f6;border-color:#2563eb;transform:translateY(-1px)}.item-card-small .item-name{font-weight:500;color:#1f2937}.item-card-small .item-sku{color:#6b7280;font-size:.875rem;font-family:Monaco,Menlo,monospace}.item-card-small .item-price{font-weight:600;color:#2563eb}.mt-3{margin-top:1rem}.order-item-card:hover{border-color:#d1d5db;box-shadow:0 2px 4px #0000000d}.admin-header-section{justify-content:space-between;align-items:center;text-align:center;display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}@media (width >= 640px){.admin-header-section{flex-direction:row;justify-content:space-between;align-items:center}}.admin-title{margin-bottom:.25rem;font-size:var(--admin-title-size, 1.5rem);font-weight:var(--admin-title-weight, 700);color:var(--admin-title-color, #87ac3a)}.admin-subtitle{margin:0;color:var(--admin-subtitle-color, #6b7280);font-size:var(--admin-subtitle-size, .875rem)}.admin-meta{margin:0;color:var(--admin-meta-color, #9ca3af);font-size:var(--admin-meta-size, .75rem)}.admin-card{background:#fff;border:1px solid #e5e7eb;background-color:var(--admin-card-bg, #fff);border-radius:var(--border-radius-default, 8px);box-shadow:var(--admin-card-shadow, 0 1px 3px 0 rgb(0 0 0 / 10%));padding:1.5rem;overflow-x:auto;margin-bottom:1.5rem}.admin-card-title{margin:0;font-size:var(--admin-card-title-size, 1.125rem);font-weight:600;color:var(--admin-card-title-color, #1f2937);margin-bottom:1rem}.metrics-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem;margin-bottom:1.5rem}@media (width >= 640px){.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width >= 768px){.metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width >= 1024px){.metrics-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}.metric-card.success{border-left-color:var(--success-color, #10b981)}.metric-card.primary{border-left-color:var(--primary-color, #87ac3a)}.metric-card.secondary{border-left-color:var(--secondary-color, #6b7280)}.metric-card.warning{border-left-color:var(--warning-color, #f59e0b)}.metric-card.danger{border-left-color:var(--danger-color, #ef4444)}.metric-label{font-size:.875rem;color:var(--metric-label-color, #6b7280);margin-bottom:.5rem;font-weight:500}.metric-value{font-size:1.5rem;font-weight:700;color:var(--metric-value-color, #1f2937);margin-bottom:.25rem}.metric-meta{font-size:.75rem;color:var(--metric-meta-color, #9ca3af);font-style:italic}.report-filter-form{align-items:flex-end;display:flex;flex-direction:column;gap:1rem}@media (width >= 768px){.report-filter-form{flex-direction:row;align-items:flex-end}}@media (width >= 768px){.filter-group{flex-direction:row;align-items:flex-end;gap:1rem}}.report-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--admin-border-color, #e5e7eb)}.status-badge.success{background-color:#10b981;color:#fff}.status-badge.warning{background-color:#f59e0b;color:#fff}.status-badge.danger{background-color:#ef4444;color:#fff}.status-badge.primary{background-color:#3b82f6;color:#fff}.status-badge.secondary{background-color:#6b7280;color:#fff}.table-container{overflow-x:auto;border-radius:var(--border-radius-default, 8px);border:1px solid var(--admin-table-border, #e5e7eb)}.config-grid{display:flex;flex-direction:column;gap:0}.config-item{flex-direction:column;gap:.5rem;display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--config-border, #f0f0f0)}.config-item:last-child{border-bottom:none}.config-label{font-weight:600;color:var(--config-label-color, #374151);flex:1}.config-value{width:100%;font-family:var(--code-font-family, "Monaco", "Menlo", "Ubuntu Mono", monospace);background-color:var(--config-value-bg, #f9fafb);padding:4px 8px;border-radius:var(--border-radius-small, 4px);flex:2;margin-left:1.25rem;word-break:break-all;font-size:.875rem}.status-indicator{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:8px}.config-instructions{display:flex;flex-direction:column;gap:1rem}.instruction-section{margin-bottom:1rem}.instruction-title{font-weight:500;color:var(--instruction-title-color, #374151);margin-bottom:.5rem;font-size:1rem}.instruction-list{list-style-position:inside;color:var(--instruction-text-color, #6b7280);font-size:.875rem;line-height:1.5}.instruction-list.ordered{list-style-type:decimal}.instruction-list:not(.ordered){list-style-type:disc}.instruction-list li{margin-bottom:.5rem}.instruction-text{color:var(--instruction-text-color, #6b7280);font-size:.875rem;line-height:1.5}.admin-test-card{background-color:var(--test-card-bg, #f0f9ff);border:1px solid var(--test-card-border, #0ea5e9);border-radius:var(--border-radius-default, 8px);padding:1.5rem;margin-bottom:1.5rem}.test-card-title{font-size:var(--admin-card-title-size, 1.125rem);font-weight:600;color:var(--test-card-title-color, #075985);margin-bottom:1rem}.test-description{font-size:.875rem;color:var(--test-description-color, #0c4a6e);margin-bottom:1rem;line-height:1.5}.test-form{margin-bottom:1rem}.test-form-group{display:flex;flex-direction:column;gap:.5rem}.test-form-input-group{flex-direction:column;display:flex;gap:.75rem;align-items:center}.test-info{font-size:.75rem;color:var(--test-info-color, #0369a1)}.test-info-list{list-style-type:disc;list-style-position:inside;margin-top:.25rem}.test-info-list li{margin-bottom:.25rem}.template-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (width >= 768px){.template-grid{grid-template-columns:1fr 1fr}}.template-card{border:1px solid var(--template-card-border, #e5e7eb);border-radius:var(--border-radius-default, 8px);padding:1rem}.template-title{font-weight:500;color:var(--template-title-color, #374151);margin-bottom:.5rem;font-size:1rem}.template-features{list-style:none;color:var(--template-features-color, #6b7280);font-size:.875rem;line-height:1.5}.template-features li{margin-bottom:.25rem}.troubleshooting-section{display:flex;flex-direction:column;gap:1rem}.troubleshooting-group{margin-bottom:1rem}.troubleshooting-title{font-weight:500;color:var(--troubleshooting-title-color, #dc2626);margin-bottom:.5rem;font-size:1rem}.troubleshooting-title:not(:first-of-type){color:var(--troubleshooting-title-alt-color, #374151)}.troubleshooting-list{list-style-type:disc;list-style-position:inside;color:var(--troubleshooting-text-color, #6b7280);font-size:.875rem;line-height:1.5}.troubleshooting-list li{margin-bottom:.5rem}.troubleshooting-text{color:var(--troubleshooting-text-color, #6b7280);font-size:.875rem;line-height:1.5}.admin-table th:first-child{border-top-left-radius:var(--border-radius-default, 8px)}.admin-table th:last-child{border-top-right-radius:var(--border-radius-default, 8px)}.admin-table tr:hover{background-color:var(--admin-table-hover, #f9fafb)}.admin-form-inline{flex-direction:column;display:flex;gap:.5rem;align-items:center}.admin-form-inline .form-input{flex:1}.admin-alert{margin-bottom:1rem;padding:.75rem 1rem;border-radius:var(--border-radius-default, 8px);color:var(--button-text-primary, #fff)}.admin-empty-state{text-align:center;color:var(--admin-meta-color, #6b7280);padding:3rem 1rem}.empty-icon{opacity:.6;font-size:2.5rem;margin-bottom:1rem}.empty-title{color:#374151;font-size:1.125rem;font-weight:500;margin-bottom:.5rem}.empty-subtitle{font-size:.875rem;color:var(--admin-meta-color, #9ca3af)}.code-badge{background-color:var(--code-badge-bg, #f3f4f6);color:var(--code-badge-text, #374151);padding:2px 6px;border-radius:var(--border-radius-small, 4px);font-family:var(--code-font-family, "Monaco", "Menlo", "Ubuntu Mono", monospace);font-size:.75rem;font-weight:600}.category-edit-input{border:2px solid var(--warning-color, #f59e0b);width:100%;background-color:var(--form-input-bg, #fff)}.category-edit-input:focus{border-color:var(--warning-color-dark, #d97706);box-shadow:0 0 0 3px #f59e0b1a}.admin-info-card{background-color:var(--info-card-bg, #f0f9ff);border:1px solid var(--info-card-border, #0ea5e9);border-radius:var(--border-radius-default, 8px);padding:1rem}.info-title{color:var(--info-title-color, #0369a1);font-weight:600;margin-bottom:.5rem;font-size:1rem}.info-text{color:var(--info-text-color, #0c4a6e);font-size:.875rem;margin-bottom:.25rem}.info-meta{color:var(--info-meta-color, #075985);font-size:.875rem;font-style:italic}.text-primary{color:var(--primary-color, #87ac3a)}.text-secondary{color:var(--secondary-color, #6b7280)}.text-success{color:var(--success-color, #10b981)}.text-warning{color:var(--warning-color, #f59e0b)}.text-danger{color:var(--danger-color, #ef4444)}.bg-primary{background-color:var(--primary-color, #87ac3a)}.bg-secondary{background-color:var(--secondary-color, #f8f9fa)}.border-primary{border-color:var(--primary-color, #87ac3a)}.shadow-whimsical{box-shadow:var(--shadow-default, 0 4px 6px -1px rgb(0 0 0 / 10%), 0 2px 4px -1px rgb(0 0 0 / 6%))}@media (width <= 768px){.admin-tab-navigation{padding:.75rem;margin-bottom:1rem;flex-direction:column;gap:.5rem}.admin-nav-tab{margin-right:0;text-align:center;padding:.75rem 1rem;font-size:.8rem;margin-bottom:.5rem;justify-content:center;min-width:auto;width:100%}.admin-form-inline{flex-direction:column;align-items:stretch}.admin-header-section{text-align:center}.admin-card{padding:1rem}.test-form-input-group{flex-direction:column;align-items:stretch}.config-item{flex-direction:column;align-items:flex-start;gap:.5rem}.config-value{margin-left:0;width:100%}.report-actions{justify-content:center}.metrics-grid{grid-template-columns:1fr}}.customer-filter-form{flex-direction:column;display:flex;gap:var(--form-gap, 1rem);align-items:center;flex-wrap:wrap}@media (width <= 768px){.customer-filter-form{flex-direction:column;align-items:stretch}}.customer-row:hover{background-color:var(--table-row-hover-bg, #f8fafc)}.customer-info{display:flex;align-items:center;gap:var(--spacing-sm, .75rem)}.customer-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color, #87ac3a),var(--primary-dark, #BF5700));display:flex;align-items:center;justify-content:center;flex-shrink:0}.avatar-initials{color:#fff;font-weight:var(--font-weight-semibold, 600);font-size:var(--font-size-sm, .875rem);letter-spacing:.5px}.customer-details{min-width:0;flex:1}.customer-username{color:var(--text-secondary, #6b7280);font-size:var(--font-size-xs, .75rem);line-height:1.3}.customer-email{color:var(--text-primary, #1f2937);font-size:var(--font-size-sm, .875rem)}.order-count{color:var(--text-secondary, #6b7280);font-size:var(--font-size-sm, .875rem)}.role-badge{display:inline-flex;align-items:center;padding:var(--badge-padding-y, .25rem) var(--badge-padding-x, .5rem);border-radius:var(--border-radius-full, 9999px);font-size:var(--font-size-xs, .75rem);font-weight:var(--font-weight-semibold, 600);text-transform:capitalize}.role-customer{background-color:var(--success-bg-light, #d1fae5);color:var(--success-text-dark, #065f46)}.role-admin{background-color:var(--primary-bg-light, #e8f5e8);color:var(--primary-text-dark, #2d5a2d)}.marketing-tab-nav{background:linear-gradient(to right,#f8fafc,#e2e8f0);border-radius:12px;padding:6px;margin-bottom:24px;border:1px solid #cbd5e0}.marketing-tab{padding:12px 20px!important;border-radius:8px!important;border:none!important;background:transparent;color:#64748b;font-weight:500;transition:all .3s ease;position:relative;margin:0 4px}.marketing-tab:hover{background:#fff9;color:#334155;transform:translateY(-1px)}.marketing-tab.active{background:linear-gradient(135deg,#87ac3a,var(--brand-secondary, #BF5700))!important;color:#fff!important;box-shadow:0 4px 12px #87ac3a4d;transform:translateY(-2px)}.marketing-tab.active:hover{background:linear-gradient(135deg,var(--brand-secondary, #BF5700),#A04000)!important}#receiptSettingsModal .receipt-tab-content{width:100%!important;box-sizing:border-box;padding:24px}#receiptSettingsModal .receipt-tab-content>div{width:100%!important}#receiptSettingsModal .space-y-4{width:100%!important}#receiptSettingsModal .receipt-message-item{width:100%!important;max-width:none!important;box-sizing:border-box}#receiptSettingsModal .grid{width:100%!important}#receiptSettingsModal .admin-modal-content{max-height:90vh;overflow-y:auto;display:flex;flex-direction:column}#receiptSettingsModal .modal-body{flex:1;overflow:visible}.log-level-badge{padding:.25rem .5rem;display:inline-flex;align-items:center;padding-left:var(--space-2);padding-right:var(--space-2);padding-top:var(--space-1);padding-bottom:var(--space-1);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:500}.level-error,.level-fatal,.level-critical{background:#fee2e2;color:#dc2626}.level-warning,.level-warn{background:#fef3c7;color:#d97706}.level-info,.level-success{background:#dcfce7;color:#16a34a}.level-debug{background:#dbeafe;color:#2563eb}.log-entry{transition:all .2s ease}.log-entry:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.log-message{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;line-height:1.5;white-space:pre-wrap;overflow-wrap:break-word}mark{background:#fef08a!important;padding:.125rem .25rem;border-radius:.25rem}.settings-current-section{margin-bottom:1rem;background:linear-gradient(135deg,#f0f9f4,#ecfdf5);border:1px solid #d1fae5;border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a;transition:all .2s ease}.settings-available-section{margin-bottom:1rem;background:linear-gradient(135deg,#fef3e2,#fef7ed);border:1px solid #fed7aa;border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a;transition:all .2s ease}.settings-current-section:hover,.settings-available-section:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.settings-section-header{padding-bottom:.75rem;margin-bottom:.5rem}body[data-page^=admin] .settings-section-header{border-bottom:none;margin-bottom:.5rem;padding-bottom:.5rem}.settings-section-content{display:flex;flex-direction:column;gap:.75rem;min-height:300px}body[data-page^=admin] .settings-section-content{min-height:auto;gap:.5rem}.settings-section-content>div{padding:1rem;border:none;border-radius:.5rem;background:#ffffffb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .2s ease}.settings-section-content>div:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026;background:#ffffffe6}.settings-current-section .settings-section-content>div{border-color:#d1fae5}.settings-current-section .settings-section-content>div:hover{border-color:#a7f3d0}.settings-available-section .settings-section-content>div{border-color:#fed7aa}.settings-available-section .settings-section-content>div:hover{border-color:#fdba74}.settings-selected-items{margin-bottom:1rem;background:linear-gradient(135deg,#f0f9f4,#ecfdf5);border:1px solid #d1fae5;border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.settings-unselected-items{margin-bottom:1rem;background:linear-gradient(135deg,#fef3e2,#fef7ed);border:1px solid #fed7aa;border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.settings-enabled-section{margin-bottom:1rem;background:linear-gradient(135deg,#eff6ff,#f0f9ff);border:1px solid #bfdbfe;border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.settings-disabled-section{margin-bottom:1rem;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border:1px solid #d1d5db;border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.dashboard-config-modal{max-width:1200px!important;width:95vw!important;max-height:90vh!important;min-height:600px}.dashboard-config-body{overflow-y:auto;max-height:calc(90vh - 120px);padding:1.5rem}.dashboard-config-layout{display:grid;grid-template-columns:1fr 1fr;gap:2rem;min-height:500px}.dashboard-section-column{display:flex;flex-direction:column;min-height:500px;border-radius:.75rem;overflow:hidden}.dashboard-section-column.current-sections{background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border:2px solid #10b981}.dashboard-section-column.available-sections{background:linear-gradient(135deg,#fefbf3,#fef7ed);border:2px solid #f59e0b}.section-column-header{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem;margin-bottom:0;border-bottom:1px solid rgba(0,0,0,.1)}.section-column-title{font-size:1.125rem;font-weight:600;color:#1e293b;margin:0 0 .25rem}.section-column-description{font-size:.875rem;color:#64748b;margin:0 0 .5rem}.section-count-badge{background:#3b82f6;color:#fff;font-size:.75rem;padding:.25rem .5rem;border-radius:1rem;display:inline-block;font-weight:500}.section-drop-zone::-webkit-scrollbar{width:8px}.section-drop-zone::-webkit-scrollbar-track{background:#0000000d;border-radius:4px}.section-drop-zone::-webkit-scrollbar-thumb{background:#0003;border-radius:4px;-webkit-transition:background .2s ease;transition:background .2s ease}.section-drop-zone::-webkit-scrollbar-thumb:hover{background:#0000004d}.current-drop-zone::-webkit-scrollbar-thumb{background:#10b98166}.current-drop-zone::-webkit-scrollbar-thumb:hover{background:#10b98199}.available-drop-zone::-webkit-scrollbar-thumb{background:#f59e0b66}.available-drop-zone::-webkit-scrollbar-thumb:hover{background:#f59e0b99}.section-drop-zone{flex:1;min-height:400px;max-height:500px;height:100%;padding:1rem;background:transparent;transition:all .2s ease;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.2) rgba(0,0,0,.05)}.current-drop-zone{scrollbar-color:rgba(16,185,129,.4) rgba(16,185,129,.1);background:transparent}.available-drop-zone{scrollbar-color:rgba(245,158,11,.4) rgba(245,158,11,.1);background:transparent}.section-drop-zone.drag-over{border-style:solid;border-width:3px;background:#3b82f61a;border-color:#3b82f6}.current-drop-zone.drag-over{background:#10b98126;border-color:#10b981}.available-drop-zone.drag-over{background:#f59e0b26;border-color:#f59e0b}.draggable-section-item{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;padding:1rem;margin-bottom:.75rem;cursor:grab;transition:all .2s ease;position:relative}.draggable-section-item:hover{transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a;border-color:#3b82f6}.draggable-section-item.dragging{z-index:var(--z-inline-popup, 1000);opacity:.5;transform:rotate(2deg);cursor:grabbing}.section-item-content{display:flex;align-items:start;gap:.75rem}.section-item-info{flex:1}.section-item-title{font-weight:600;color:#1f2937;margin-bottom:.25rem}.section-item-description{font-size:.875rem;color:#6b7280;line-height:1.4}.section-item-controls{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.width-selector{font-size:.75rem;padding:.25rem .5rem;border:1px solid #d1d5db;border-radius:.375rem;background:#fff;cursor:pointer}.width-selector:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6}.section-drop-zone-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;min-height:300px;color:#9ca3af;text-align:center}.section-drop-zone-empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.section-drop-zone-empty-text{font-size:.875rem;font-weight:500;margin-bottom:.5rem}.section-drop-zone-empty-hint{font-size:.75rem;opacity:.7}@media (max-width: 1023px){.dashboard-config-layout{grid-template-columns:1fr;gap:1.5rem}.dashboard-config-modal{width:98vw!important;max-width:none!important}}@media (max-width: 640px){.dashboard-section-column{min-height:300px}.section-drop-zone{min-height:250px;max-height:300px}.section-drop-zone::-webkit-scrollbar{width:6px}}#restructureModal .overflow-y-auto::-webkit-scrollbar{width:8px}#restructureModal .overflow-y-auto::-webkit-scrollbar-track{background:#f7fafc;border-radius:4px}#restructureModal .overflow-y-auto::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}#restructureModal .overflow-y-auto::-webkit-scrollbar-thumb:hover{background:#a0aec0}#structureViewModal .overflow-y-auto::-webkit-scrollbar{width:8px}#structureViewModal .overflow-y-auto::-webkit-scrollbar-track{background:#f7fafc;border-radius:4px}#structureViewModal .overflow-y-auto::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}#structureViewModal .overflow-y-auto::-webkit-scrollbar-thumb:hover{background:#a0aec0}.inventory-cell{max-width:150px;font-size:.75rem;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:clip}.order-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;flex-grow:1}@media (width <= 1024px){.order-form-grid{grid-template-columns:1fr;gap:1.5rem}}.order-details-column,.order-items-column{display:flex;flex-direction:column;gap:1.5rem}.order-items-list{display:flex;flex-direction:column;gap:.75rem;max-height:400px;overflow-y:auto;padding-right:.5rem}.order-item-card{background:#fff;margin-bottom:.5rem;transition:all .2s ease;display:flex;justify-content:space-between;align-items:center;padding:.75rem;background-color:#f9fafb;border-radius:.5rem;border:1px solid #e5e7eb}.order-item-details{flex:1;flex-grow:1}.order-item-name{font-weight:600;color:#111827;margin-bottom:.25rem}.order-item-sku{font-size:.75rem;color:#6b7280;font-family:monospace;margin-bottom:.25rem}.order-item-price{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#374151}.order-item-total{margin-right:.5rem;font-weight:700;color:#111827;font-size:1rem;margin-left:1rem}.address-display{background-color:#f9fafb;padding:.75rem;border-radius:.5rem;border:1px solid #e5e7eb;font-size:.875rem;line-height:1.5;color:#374151;white-space:pre-line}.nav-arrow-left:hover,.nav-arrow-right:hover{background:#0009;transform:translateY(-50%) scale(1.1);box-shadow:0 8px 25px #0000004d}.nav-arrow-left:active,.nav-arrow-right:active{transform:translateY(-50%) scale(.95)}.nav-arrow-left svg{width:1.5rem;height:1.5rem;stroke-width:2.5}.nav-arrow-right svg{width:1.5rem;height:1.5rem;stroke-width:2.5}.nav-arrow-left{position:fixed;top:50%;transform:translateY(-50%);background:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;border:none;border-radius:50%;width:3.5rem;height:3.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #0003;text-decoration:none;left:1.5rem}.nav-arrow-right{position:fixed;top:50%;transform:translateY(-50%);background:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;border:none;border-radius:50%;width:3.5rem;height:3.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #0003;text-decoration:none;right:1.5rem}.form-select-inline,.form-input-inline{width:100%;padding:.375rem .75rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;background-color:#fff;transition:border-color .2s ease,box-shadow .2s ease}.form-select-inline:focus{outline:none;border-color:#87ac3a;box-shadow:0 0 0 2px #87ac3a33}.form-input-inline:focus{outline:none;border-color:#87ac3a;box-shadow:0 0 0 2px #87ac3a33}.toast-success{background-color:var(--notification-success-bg, #059669);border-color:#047857}.toast-error{background-color:var(--notification-error-bg, #dc2626);border-color:#b91c1b}.toast-info{background-color:var(--notification-info-bg, #0284c7);border-color:#0369a1}.toast-warning{background-color:var(--notification-warning-bg, #d97706);border-color:#b45309}.delete-confirmation-modal{position:fixed;inset:0;background-color:#0009;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s ease}.delete-confirmation-modal[style*="display: flex"]{opacity:1;pointer-events:auto}@media (width <= 1280px){.filter-form-orders{gap:.5rem;padding:.75rem}.filter-form-orders .filter-group{gap:.375rem}.filter-form-orders .filter-input,.filter-form-orders .filter-select{min-width:100px}}@media (width <= 768px){.filter-form-orders{flex-direction:column;align-items:stretch;gap:.75rem}.filter-form-orders .filter-group{flex-direction:column;align-items:stretch;gap:.25rem}.orders-table{font-size:.75rem}.orders-table th,.orders-table td{padding:.5rem .75rem}.order-modal-content{width:100%;margin:.5rem;max-height:calc(100vh - 1rem)}.order-form-grid{grid-template-columns:1fr;gap:1rem}}@media (width <= 480px){.toast-notification{top:1rem;right:1rem;left:1rem;max-width:none}}.inventory-title{color:var(--primary-color, #87ac3a)}.toast-notification{left:1rem;position:fixed;top:20px;right:20px;padding:16px 20px;border-radius:12px;color:#fff;font-weight:500;opacity:0;transform:translateY(-20px) translate(100px);box-shadow:0 8px 25px #00000026;transition:all .4s cubic-bezier(.175,.885,.32,1.275);max-width:400px;min-width:300px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgb(255 255 255 / 20%);display:flex;align-items:center;gap:12px;font-family:system-ui,-apple-system,sans-serif}.toast-notification.show{opacity:1;transform:translateY(0) translate(0)}.toast-notification.success{background:linear-gradient(135deg,#10b981,#059669);border-color:#10b9814d}.toast-notification.error{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#ef44444d}.toast-notification.info{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#3b82f64d}.toast-notification.warning{background:linear-gradient(135deg,#f59e0b,#d97706);border-color:#f59e0b4d}.toast-icon{font-size:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px}.toast-content{flex:1;font-size:14px;line-height:1.4}.toast-close{background:none;border:none;color:#fffc;cursor:pointer;font-size:18px;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s;flex-shrink:0}.toast-close:hover{background:#fff3;color:#fff}.inventory-table{width:100%;border-collapse:separate;border-spacing:0;margin-bottom:20px;table-layout:fixed}.inventory-table th{width:auto;min-width:60px;background-color:var(--primary-color, #87ac3a);color:#fff;padding:10px 12px;text-align:left;font-weight:600;font-size:.8rem;position:sticky;top:0}.inventory-table td{width:auto;min-width:60px;padding:8px 12px;border-bottom:1px solid #e2e8f0;vertical-align:middle;font-size:.85rem;overflow:hidden;text-overflow:clip}.inventory-table tr:hover{background-color:#f7fafc}.inventory-table th:first-child{border-top-left-radius:6px}.inventory-table th:last-child{border-top-right-radius:6px}@media (width <= 1200px){.inventory-table{table-layout:auto}.inventory-table th:nth-child(3){min-width:120px}.inventory-table td:nth-child(3){min-width:120px}.inventory-table th:nth-child(6){min-width:60px}.inventory-table td:nth-child(6){min-width:60px}.inventory-table th:nth-child(7){min-width:70px}.inventory-table td:nth-child(7){min-width:70px}}.view-btn{background-color:#4299e1;color:#fff}.view-btn:hover{background-color:#3182ce}.edit-btn{background-color:#f59e0b;color:#fff}.marketing-btn{background-color:#8b5cf6;color:#fff}.marketing-btn:hover{background-color:#7c3aed}.delete-btn{background-color:#f56565;color:#fff}.cost-breakdown{background-color:#f9fafb;border-radius:6px;padding:10px;border:1px solid #e2e8f0;height:100%;display:flex;flex-direction:column}.cost-breakdown h3{color:#374151;font-size:1rem;font-weight:600;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid #d1d5db}.cost-breakdown-section h4{color:#4b5563;font-size:.85rem;font-weight:600;margin-bottom:5px}.cost-item{display:flex;justify-content:space-between;align-items:center;padding:4px 0;border-bottom:1px dashed #e5e7eb;font-size:.8rem}.cost-item:last-child{border-bottom:none}.cost-item-name{font-weight:500;color:#374151;flex-grow:1;margin-right:6px;overflow-wrap:break-word}.cost-item-value{font-weight:600;color:#1f2937;white-space:nowrap}.cost-item-actions{display:flex;align-items:center;margin-left:6px;gap:4px}.delete-cost-btn{background:#f56565;color:#fff;border:none;border-radius:3px;width:18px;height:18px;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.delete-cost-btn:hover{background:#e53e3e}@media (width >= 768px){.modal-form-container{flex-direction:row}}@media (width <= 767px){.modal-form-main-column{padding-right:0}}@media (width >= 768px){.modal-form-suggestions-column{flex:0 0 50%;padding-left:.75rem;margin-top:0}}.suggestions-container{display:flex;flex-direction:column;gap:.75rem}@media (width >= 1024px){.suggestions-container{flex-direction:row;gap:.75rem}}.cost-breakdown-wrapper,.price-suggestion-wrapper{flex:1}.modal-form-main-column label{font-size:.8rem;margin-bottom:.1rem}.modal-form-main-column input[type=text],.modal-form-main-column input[type=number],.modal-form-main-column input[type=file],.modal-form-main-column select{font-size:.85rem;padding:.4rem .6rem;border:1px solid #d1d5db;border-radius:.25rem;width:100%}.modal-form-main-column textarea{font-size:.85rem;padding:.4rem .6rem;border:1px solid #d1d5db;border-radius:.25rem;width:100%;min-height:60px}.image-preview{position:relative;width:100%;max-width:150px;margin-top:5px;border-radius:6px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.image-preview img{width:100%;height:auto;display:block}.editable{position:relative;padding:6px 8px;border-radius:4px;cursor:pointer;transition:background-color .2s;white-space:nowrap}.editable:hover{background-color:#edf2f7}.editable:hover:after{content:"✏️";position:absolute;right:5px;top:50%;transform:translateY(-50%);font-size:12px;opacity:.5}.editing{padding:2px;background-color:#ebf8ff}.editing input,.editing select{width:100%;padding:4px 6px;border:1px solid #4299e1;border-radius:4px;font-size:inherit;font-family:inherit;background-color:#fff;box-sizing:border-box;margin:0;min-width:0}.loading-spinner.dark{border:2px solid rgb(0 0 0 / 10%);border-top-color:#333}.loading-spinner.hidden{display:none}.delete-cost-modal-overlay{position:fixed;inset:0;background:#0000007f;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease-out}.delete-cost-modal{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0003;max-width:400px;width:90%;animation:slideIn .3s ease-out}.delete-cost-header{padding:20px 24px 16px;border-bottom:1px solid #e5e7eb}.delete-cost-header h3{margin:0;font-size:1.1rem;font-weight:600;color:#374151;display:flex;align-items:center;gap:8px}.delete-cost-body{padding:20px 24px}.delete-cost-body p{margin:0 0 12px;color:#374151;line-height:1.5}.delete-cost-note{font-size:.9rem;color:#6b7280;font-style:italic}.delete-cost-actions{padding:16px 24px 20px;display:flex;gap:12px;justify-content:flex-end}.delete-cost-cancel{padding:8px 16px;border:1px solid #d1d5db;background:#fff;color:#374151;border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .2s}.delete-cost-cancel:hover{background:#f9fafb;border-color:#9ca3af}.delete-cost-confirm{padding:8px 16px;border:none;background:#ef4444;color:#fff;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s}.delete-cost-confirm:hover{background:#dc2626}.cost-edit-btn svg{width:12px;height:12px}.cost-delete-btn svg{width:12px;height:12px}.cost-edit-btn{padding:1px;margin-left:3px;border:none;background:none;border-radius:3px;cursor:pointer;font-size:10px;opacity:.7;transition:opacity .2s;color:#4299e1}.cost-delete-btn{padding:1px;margin-left:3px;border:none;background:none;border-radius:3px;cursor:pointer;font-size:10px;opacity:.7;transition:opacity .2s;color:#f56565}.cost-edit-btn:hover,.cost-delete-btn:hover{opacity:1}.add-cost-btn{display:inline-flex;align-items:center;padding:3px 6px;background-color:#edf2f7;border:1px dashed #cbd5e0;border-radius:4px;color:#4a5568;font-size:.75rem;cursor:pointer;margin-top:5px;transition:all .2s}.add-cost-btn:hover{background-color:#e2e8f0;border-color:#a0aec0}.add-cost-btn svg{width:10px;height:10px;margin-right:3px}.cost-totals{background-color:#f3f4f6;padding:8px;border-radius:6px;margin-top:auto;font-size:.8rem}.cost-total-row{display:flex;justify-content:space-between;padding:2px 0}.cost-label{font-size:.8rem;color:#6b7280}.cost-modal-content label{font-size:.8rem}.cost-modal-content input{font-size:.85rem;padding:.4rem .6rem}.cost-modal-content button{font-size:.85rem;padding:.4rem .8rem}.images-section-container.full-width-images{width:100%;max-width:none}.image-grid-container{width:100%}.image-item{position:relative;transition:transform .2s ease-in-out}.image-item:hover{transform:translateY(-2px)}#marketingManagerModal{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0000007f;align-items:center;justify-content:center;padding:1rem}#marketingManagerModal.show{display:flex}#marketingManagerModal .modal-content{background:#fff;border-radius:8px;max-width:90vw;max-height:90vh;overflow-y:auto;position:relative}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:#cbd5e0 #f7fafc}.custom-scrollbar::-webkit-scrollbar{width:12px}.custom-scrollbar::-webkit-scrollbar-track{background:#f7fafc;border-radius:6px;border:1px solid #e2e8f0}.custom-scrollbar::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:6px;border:2px solid #f7fafc}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#a0aec0}.custom-scrollbar::-webkit-scrollbar-corner{background:#f7fafc}.room-mapper-clickable-area{position:absolute;border:2px solid red;background:#f003;cursor:pointer;transition:all .2s ease}.room-mapper-clickable-area:hover{background:#f006;transform:scale(1.02)}.room-mapper-container.grid-active .grid-overlay{display:block}.room-mapper-clickable-area.original-map{border:2px solid #10b981;background:#10b98133;box-shadow:0 0 8px #10b9814d}.room-mapper-clickable-area.original-map:hover{background:#10b98166}.room-mapper-clickable-area.active-map{border:2px solid #3b82f6;background:#3b82f633;box-shadow:0 0 6px #3b82f64d}.room-mapper-clickable-area.active-map:hover{background:#3b82f666}.room-mapper-clickable-area.inactive-map{border:2px solid #6b7280;background:#6b728033}.room-mapper-clickable-area.inactive-map:hover{background:#6b728066}#globalCSSScrollContainer::-webkit-scrollbar-thumb:hover{background:#6b7280}#globalCSSContent{min-height:calc(90vh - 100px);padding-bottom:100px}.cleanup-action-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;background:#fff;border:2px solid #e5e7eb;border-radius:.5rem;text-align:center;font-weight:500;color:#374151;transition:all .2s ease;cursor:pointer;min-height:100px;font-size:.875rem}.cleanup-action-btn:hover{border-color:var(--primary-color, #87ac3a);background:#f0fdf4;color:#15803d;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.cleanup-action-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.cleanup-action-btn.cleanup-warning:hover{border-color:#dc2626;background:#fef2f2;color:#dc2626}.cleanup-action-btn .action-desc{font-size:.75rem;font-weight:400;color:#6b7280;margin-top:.5rem;line-height:1.2;display:block}.cleanup-action-btn:hover .action-desc{color:inherit;opacity:.8}.admin-modal-overlay .admin-modal-content{max-height:calc(100vh - 2rem);overflow:hidden;display:flex;flex-direction:column}.admin-modal-overlay .admin-modal-header{flex-shrink:0;position:relative}.admin-modal-overlay .modal-body{flex:1;overflow-y:auto;min-height:0;scrollbar-width:thin;scrollbar-color:#cbd5e0 #f7fafc}.admin-modal-overlay .modal-body::-webkit-scrollbar{width:8px}.admin-modal-overlay .modal-body::-webkit-scrollbar-track{background:#f7fafc;border-radius:4px}.admin-modal-overlay .modal-body::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px;-webkit-transition:background-color .2s ease;transition:background-color .2s ease}.admin-modal-overlay .modal-body::-webkit-scrollbar-thumb:hover{background:#a0aec0}.admin-modal-overlay .modal-close{position:absolute;top:16px;right:20px}.admin-modal-overlay .analytics-tab,.admin-modal-overlay .css-category-tab,.admin-modal-overlay .db-tab,.admin-modal-overlay .receipt-tab,.admin-modal-overlay .tab-button,.admin-modal-overlay .admin-tab{position:relative;margin-right:var(--tab-margin-right, 2px);border-radius:var(--tab-border-radius-top, 8px 8px 0 0);border:1px solid var(--tab-border-color, #d1d5db);border-bottom:none;padding:var(--tab-padding, 8px 16px);background:var(--tab-inactive-bg, #f9fafb);color:var(--tab-inactive-text, #6b7280);font-weight:var(--tab-font-weight, 500);font-size:var(--tab-font-size, 14px);transition:var(--tab-transition, all .2s ease);cursor:pointer;min-width:auto}.admin-modal-overlay .analytics-tab.border-blue-500,.admin-modal-overlay .analytics-tab.border-b-2.border-blue-500,.admin-modal-overlay .css-category-tab.active,.admin-modal-overlay .db-tab.bg-white,.admin-modal-overlay .receipt-tab.active,.admin-modal-overlay .tab-button.active,.admin-modal-overlay .admin-tab.active{background:var(--tab-active-bg, #dcfce7);color:var(--tab-active-text, #166534);border-color:var(--tab-active-border, #87ac3a);border-bottom:1px solid var(--tab-active-bg, #dcfce7);margin-bottom:-1px;font-weight:var(--tab-active-font-weight, 600)}#databaseTablesModal .db-scrollable{scrollbar-width:thin;scrollbar-color:#9ca3af #f3f4f6;overflow:auto scroll}#databaseTablesModal .db-scrollable::-webkit-scrollbar{width:12px;height:12px}#databaseTablesModal .db-scrollable::-webkit-scrollbar-track{background:#f3f4f6;border-radius:6px}#databaseTablesModal .db-scrollable::-webkit-scrollbar-thumb{background:#9ca3af;border-radius:6px;border:2px solid #f3f4f6}#databaseTablesModal .db-scrollable::-webkit-scrollbar-thumb:hover{background:#6b7280}#databaseTablesModal table{border-collapse:collapse}#databaseTablesModal table td{border:1px solid #e5e7eb;white-space:nowrap}#databaseTablesModal table th{border:1px solid #e5e7eb;white-space:nowrap;background-color:#f9fafb;font-weight:600;position:sticky;top:0}#databaseTablesModal .table-item{transition:all .2s ease;border:2px solid transparent}#databaseTablesModal .table-item:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}#databaseTablesModal .table-item.selected{border-color:#3b82f6;background-color:#eff6ff;box-shadow:0 0 0 3px #3b82f61a}.receipt-settings-tabs{display:flex;border-bottom:1px solid #e5e7eb}.receipt-tab{padding:12px 24px;border:none;background:none;cursor:pointer;font-weight:500;color:#6b7280;border-bottom:2px solid transparent;transition:all .2s}.receipt-tab.active{color:#3b82f6;border-bottom-color:#3b82f6}.receipt-tab:hover{color:#3b82f6;background-color:#f9fafb}.btn-sm svg{width:14px;height:14px}.receipt-settings-grid{display:grid;grid-template-columns:1fr 2fr;gap:12px;align-items:start}@media (width <= 768px){.receipt-settings-grid{grid-template-columns:1fr;gap:8px}}.receipt-message-controls button{padding:6px 12px;border:1px solid #d1d5db;border-radius:4px;background:#fff;cursor:pointer;font-size:12px;transition:all .2s}.receipt-message-controls button:hover{background:#f3f4f6}.receipt-message-controls .btn-ai{background:var(--brand-primary, #87ac3a);color:#fff;border-color:var(--brand-primary, #87ac3a)}.receipt-message-controls .btn-ai:hover{background:var(--brand-secondary, #BF5700)}.receipt-message-controls .btn-delete{background:#ef4444;color:#fff;border-color:#ef4444}.receipt-message-controls .btn-delete:hover{background:#dc2626}.modal-display-flex{display:flex}.modal-display-block{display:block}.modal-overlay-dark{background:#0009;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.grid-overlay-pattern{background-image:linear-gradient(rgb(255 255 255 / 10%) 1px,transparent 1px),linear-gradient(90deg,rgb(255 255 255 / 10%) 1px,transparent 1px);background-size:20px 20px}.min-height-400{min-height:400px}.max-height-80vh{max-height:80vh}.height-85vh{height:85vh}.height-70vh{height:70vh}.height-600{height:600px}.bg-contain{background-size:contain}.bg-center{background-position:center}.bg-no-repeat{background-repeat:no-repeat}.delete-modal-header{background:linear-gradient(135deg,#dc2626,#ef4444);color:#fff;padding:24px;text-align:center;position:relative}.delete-modal-icon{font-size:48px;margin-bottom:8px}.delete-modal-subtitle{margin:8px 0 0;opacity:.95;font-size:16px}.delete-modal-text-center{text-align:center;margin-bottom:24px}.delete-modal-item-highlight{background:#fef2f2;border:2px solid #fecaca;border-radius:12px;padding:16px;margin:16px 0}.delete-modal-item-name{font-size:20px;font-weight:700;color:#dc2626;display:block}.delete-modal-warning{font-size:14px;color:#6b7280;margin:12px 0 0;line-height:1.4}.delete-modal-btn{flex:1;padding:12px 20px;border-radius:8px;font-weight:600;font-size:16px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.delete-modal-btn-cancel{border:2px solid #d1d5db;background:#fff;color:#374151}.delete-modal-btn-confirm{border:2px solid #dc2626;background:#dc2626;color:#fff}.delete-modal-btn-icon{font-size:18px}.progress-bar-bg{background-color:#e5e7eb;height:8px;border-radius:4px;overflow:hidden}.progress-bar-fill{background:#3b82f6;height:100%;border-radius:4px;transition:width .3s ease}.color-swatch-small{width:16px;height:16px;border-radius:2px;border:1px solid #d1d5db}.ai-settings-section{background:#fef3c7;border:1px solid #f59e0b;border-radius:8px;padding:16px}.css-preview-button{background-color:var(--button-bg-primary, #87ac3a);color:var(--button-text-primary, #fff)}.css-preview-button-secondary{border-color:var(--button-bg-primary, #87ac3a);color:var(--button-bg-primary, #87ac3a)}.css-preview-text{font-family:var(--font-family-primary, "Merienda", cursive)}.css-preview-input{border-color:var(--input-border-color, #d1d5db)}.css-preview-card{background-color:var(--modal-bg-color, #fff);border-radius:var(--border-radius-default, 8px)}.sales-admin-header{background:var(--admin-modal-sales-header-bg, linear-gradient(to right, #87ac3a, #a3cc4a))}.search-highlight{background-color:#fef08a;padding:1px 2px;border-radius:2px}.content-section{border-left:4px solid #3b82f6}.visual-section{border-left:4px solid #8b5cf6}.business-section{border-left:4px solid #10b981}.communication-section{border-left:4px solid #f59e0b}.technical-section{border-left:4px solid #ef4444}.ai-automation-section{border-left:4px solid #06b6d4}.settings-page{background:transparent;background-color:transparent;border-radius:16px;margin:.5rem;box-shadow:none;padding:1.25rem;min-height:auto}.settings-page .section-title,.settings-page .section-description{color:#fff!important}body[data-page^=admin] .settings-section .section-title,body[data-page^=admin] .settings-section .section-description{color:#fff!important;font-family:var(--brand-font, inherit)}.settings-header{text-align:center;margin-bottom:3rem}.settings-title{background:linear-gradient(135deg,#1e293b,#475569);--webkit-text-fill-color: transparent;-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}.settings-subtitle{font-weight:400;font-size:1.125rem;color:#6b7280;margin-bottom:0}.settings-section:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.section-header:before{pointer-events:none;content:"";position:absolute;inset:0 0 -2px;width:60px;height:2px;background:var(--brand-primary, #87ac3a);border-radius:1px}.section-description{margin:0;line-height:1.4;font-size:.875rem;color:#6b7280}.section-content{display:flex;flex-direction:column;gap:.75rem}.admin-settings-button .button-icon{width:1.25rem;height:1.25rem;flex-shrink:0}.admin-settings-button .button-text{flex:1;text-align:left}.btn-full-width{width:100%}.content-section .section-header{--card-accent-bg: linear-gradient(135deg, #3b82f6, #1e40af);background:var(--card-accent-bg);color:#fff;padding:1.5rem;border-radius:8px 8px 0 0;margin-bottom:1.5rem;border-bottom:none}.content-section .section-header:before{display:none}.visual-section .section-header{--card-accent-bg: linear-gradient(135deg, #8b5cf6, #7c3aed);background:var(--card-accent-bg);color:#fff;padding:1.5rem;border-radius:8px 8px 0 0;margin-bottom:1.5rem;border-bottom:none}.visual-section .section-header:before{display:none}.business-section .section-header{--card-accent-bg: linear-gradient(135deg, #10b981, #059669);background:var(--card-accent-bg);color:#fff;padding:1.5rem;border-radius:8px 8px 0 0;margin-bottom:1.5rem;border-bottom:none}.business-section .section-header:before{display:none}.communication-section .section-header{--card-accent-bg: linear-gradient(135deg, #f59e0b, #d97706);background:var(--card-accent-bg);color:#fff;padding:1.5rem;border-radius:8px 8px 0 0;margin-bottom:1.5rem;border-bottom:none}.communication-section .section-header:before{display:none}.technical-section .section-header{--card-accent-bg: linear-gradient(135deg, #ef4444, #dc2626);background:var(--card-accent-bg);color:#fff;padding:1.5rem;border-radius:8px 8px 0 0;margin-bottom:1.5rem;border-bottom:none}.technical-section .section-header:before{display:none}.ai-automation-section .section-header{--card-accent-bg: linear-gradient(135deg, #06b6d4, #0891b2);background:var(--card-accent-bg);color:#fff;padding:1.5rem;border-radius:8px 8px 0 0;margin-bottom:1.5rem;border-bottom:none}body[data-page^=admin] .settings-section:not([class*=card-theme-]) .section-header{--card-accent-bg: linear-gradient(135deg, var(--brand-primary, #87ac3a), var(--brand-secondary, #BF5700))}body[data-page^=admin] .settings-section .admin-settings-button{background:var(--card-accent-bg, linear-gradient(135deg, var(--brand-primary, #87ac3a), var(--brand-secondary, #BF5700)));color:#fff!important;font-family:var(--font-primary, var(--brand-font, inherit));font-weight:600;font-size:1rem;line-height:1.25;border:none;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border-radius:6px;text-decoration:none}body[data-page^=admin] .settings-section .admin-settings-button:hover{filter:brightness(.95)}body[data-page^=admin] .settings-section .admin-settings-button:visited{color:#fff!important}body[data-page^=admin] .settings-section .admin-settings-button:active{filter:brightness(.9)}.settings-section[class*=card-theme-] .section-header{background:var(--card-accent-bg)!important;color:#fff;border-bottom:none}.settings-section.card-theme-blue{--card-accent-bg: linear-gradient(135deg, #3b82f6, #1e40af)}.settings-section.card-theme-indigo{--card-accent-bg: linear-gradient(135deg, #6366f1, #4338ca)}.settings-section.card-theme-purple{--card-accent-bg: linear-gradient(135deg, #8b5cf6, #7c3aed)}.settings-section.card-theme-teal{--card-accent-bg: linear-gradient(135deg, #06b6d4, #0891b2)}.settings-section.card-theme-emerald{--card-accent-bg: linear-gradient(135deg, #10b981, #059669)}.settings-section.card-theme-orange{--card-accent-bg: linear-gradient(135deg, #f59e0b, #d97706)}.settings-section.card-theme-rose{--card-accent-bg: linear-gradient(135deg, #f43f5e, #e11d48)}.settings-section.card-theme-red{--card-accent-bg: linear-gradient(135deg, #ef4444, #dc2626)}.settings-section.card-theme-pink{--card-accent-bg: linear-gradient(135deg, #ec4899, #db2777)}.settings-section.card-theme-slate{--card-accent-bg: linear-gradient(135deg, #475569, #334155)}.settings-section.card-theme-amber{--card-accent-bg: linear-gradient(135deg, #f59e0b, #b45309)}.settings-section.card-theme-cyan{--card-accent-bg: linear-gradient(135deg, #22d3ee, #06b6d4)}body[data-page="admin/settings"] div:has(#ai-provider-selection-content){display:none!important}.ai-automation-section .section-header:before{display:none}@media (width <= 768px){.settings-page{padding:1rem}.settings-grid{grid-template-columns:1fr;gap:.5rem}.settings-section{padding:1rem}.settings-title{font-size:1.875rem}.admin-settings-button{padding:.75rem;font-size:.8rem}.admin-settings-button .button-icon{width:1rem;height:1rem}}.receipt-tab-content{padding:20px 0;display:none}.receipt-tab-content.active{display:block;animation:receiptFadeIn .3s ease-in}@keyframes receiptFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.receipt-message-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px;transition:all .2s ease;margin-bottom:12px}.receipt-message-item:hover{border-color:#cbd5e0;box-shadow:0 2px 8px #00000014;transform:translateY(-1px)}.receipt-message-item.ai-generated{border-color:#3b82f6;border-left:4px solid #3b82f6;background:linear-gradient(135deg,#f0f9ff,#f8fafc)}.admin-modal-content .admin-tab-bar{border-bottom:2px solid #e5e7eb;background:linear-gradient(to bottom,#f9fafb,#f3f4f6);box-shadow:0 2px 4px #00000005}.admin-modal-content .admin-tab{font-weight:500;padding:14px 24px;margin:0 2px;border-radius:8px 8px 0 0;transition:all .2s ease;position:relative}.admin-modal-content .admin-tab.active{background:#fff;border-bottom:2px solid white;margin-bottom:-2px;box-shadow:0 -2px 8px #00000014;color:#1f2937}.admin-modal-content .admin-tab:not(.active):hover{background:#ffffffb3;color:#374151}.receipt-settings-content{background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.receipt-message-item input[type=text]{background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:8px 12px;font-size:14px;transition:all .2s ease}.receipt-message-item input[type=text]:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.receipt-message-item textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.receipt-message-item textarea{background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:8px 12px;font-size:14px;transition:all .2s ease;min-height:80px;resize:vertical}.receipt-message-controls{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.receipt-message-controls .btn-sm{padding:4px 8px;font-size:11px;border-radius:4px}.receipt-ai-badge{background:linear-gradient(135deg,#3b82f6,#1e40af);color:#fff;padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600;display:inline-flex;align-items:center;gap:4px;box-shadow:0 2px 4px #3b82f64d}.receipt-loading{display:flex;align-items:center;justify-content:center;padding:40px;color:#6b7280;font-style:italic}.receipt-loading:before{content:"";width:20px;height:20px;border:2px solid #e5e7eb;border-top:2px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-right:8px}.receipt-info-callout{background:linear-gradient(135deg,#eff6ff,#f0f9ff);border:1px solid #bfdbfe;border-left:4px solid #3b82f6;border-radius:8px;padding:16px;margin:16px 0}.receipt-info-callout p{margin:0;color:#1e40af;font-size:14px;line-height:1.5}.admin-modal-overlay #orderModal{padding:1rem}.admin-modal-overlay #orderModal .admin-modal-content{background-color:var(--modal-bg-color, white);border-radius:var(--modal-border-radius, 12px);box-shadow:var(--modal-shadow, 0 25px 50px -12px rgb(0 0 0 / 25%));width:100%;max-width:900px;max-height:calc(100vh - 2rem);margin:0 auto;display:flex;flex-direction:column}.admin-modal-overlay #orderModal .admin-modal-header{padding:1.5rem 1.5rem 1rem;border-bottom:1px solid var(--admin-border-color, #e5e7eb);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.admin-modal-overlay #orderModal .modal-title{font-size:var(--heading-font-size, 1.5rem);font-weight:600;color:#111827;margin:0}.admin-modal-overlay #orderModal .modal-close{color:#6b7280;transition:color .2s ease;padding:.5rem;border-radius:6px}.admin-modal-overlay #orderModal .modal-close:hover{color:#374151;background-color:#f3f4f6}.admin-modal-overlay #orderModal .modal-body{flex-grow:1;overflow-y:auto;padding:0}.admin-modal-overlay #orderModal .order-edit-form{padding:1.5rem}.admin-modal-overlay #orderModal .form-section{background-color:var(--order-form-section-bg, #f9fafb);border:1px solid var(--admin-border-color, #e5e7eb);border-radius:var(--border-radius, 8px);padding:1.5rem;margin-bottom:var(--order-form-spacing, 1.5rem)}.admin-modal-overlay #orderModal .form-section:last-child{margin-bottom:0}.admin-modal-overlay #orderModal .form-section-title{font-size:1.125rem;font-weight:600;color:#111827;margin:0 0 1rem;padding-bottom:.5rem;border-bottom:1px solid var(--admin-border-color, #e5e7eb)}.admin-modal-overlay #orderModal .form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.admin-modal-overlay #orderModal .form-group{display:flex;flex-direction:column}.admin-modal-overlay #orderModal .form-label{font-weight:500;color:var(--form-label-color, #374151);margin-bottom:.5rem;font-size:.875rem}.admin-modal-overlay #orderModal .form-input,.admin-modal-overlay #orderModal .form-select,.admin-modal-overlay #orderModal .form-textarea{padding:.75rem;border:1px solid var(--form-input-border, #d1d5db);border-radius:6px;background-color:var(--form-input-bg, white);font-size:.875rem;transition:border-color .2s ease,box-shadow .2s ease}.admin-modal-overlay #orderModal .form-input:focus{outline:none;border-color:var(--form-input-focus, #87ac3a);box-shadow:0 0 0 3px #87ac3a1a}.admin-modal-overlay #orderModal .form-select:focus{outline:none;border-color:var(--form-input-focus, #87ac3a);box-shadow:0 0 0 3px #87ac3a1a}.admin-modal-overlay #orderModal .form-textarea:focus{outline:none;border-color:var(--form-input-focus, #87ac3a);box-shadow:0 0 0 3px #87ac3a1a}.admin-modal-overlay #orderModal .form-input[readonly]{background-color:#f3f4f6;color:#6b7280}.admin-modal-overlay #orderModal .order-items-container{border:1px solid var(--order-item-border, #e5e7eb);border-radius:6px;background-color:#fff;overflow:hidden}.admin-modal-overlay #orderModal .order-item-row{flex-direction:column;gap:.5rem;display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid var(--order-item-border, #e5e7eb);background-color:var(--order-item-row-bg, white)}.admin-modal-overlay #orderModal .order-item-row:last-child{border-bottom:none}.admin-modal-overlay #orderModal .order-item-info{flex-grow:1}.admin-modal-overlay #orderModal .item-name{font-weight:600;color:#111827;margin-bottom:.25rem}.admin-modal-overlay #orderModal .item-sku{font-size:.75rem;color:#6b7280;font-family:monospace}.admin-modal-overlay #orderModal .order-item-pricing{width:100%;text-align:right;margin-left:1rem}.admin-modal-overlay #orderModal .item-price{font-size:.875rem;color:#374151;margin-bottom:.25rem}.admin-modal-overlay #orderModal .item-total{font-weight:700;color:#111827;font-size:1rem}.admin-modal-overlay #orderModal .address-display{background-color:#fff;border:1px solid var(--admin-border-color, #e5e7eb);border-radius:6px;padding:1rem;font-size:.875rem;line-height:1.5;color:#374151;white-space:pre-line}.admin-modal-overlay #orderModal .modal-footer{padding:1rem 1.5rem;border-top:1px solid var(--admin-border-color, #e5e7eb);display:flex;justify-content:flex-end;gap:.75rem;flex-shrink:0;background-color:#f8fafc}.admin-modal-overlay #orderModal .modal-footer .btn-secondary{background-color:var(--button-bg-secondary, #f3f4f6);color:var(--button-text-secondary, #374151);border:1px solid #d1d5db;padding:.75rem 1.5rem;border-radius:var(--button-border-radius, 6px);font-weight:500;transition:all .2s ease;text-decoration:none;display:inline-flex;align-items:center;cursor:pointer}.admin-modal-overlay #orderModal .modal-footer .btn-secondary:hover{background-color:#e5e7eb;border-color:#9ca3af}.admin-modal-overlay #orderModal .modal-footer .btn-primary{background-color:var(--button-bg-primary, #87ac3a);color:var(--button-text-primary, white);border:1px solid var(--button-bg-primary, #87ac3a);padding:.75rem 1.5rem;border-radius:var(--button-border-radius, 6px);font-weight:500;transition:all .2s ease;cursor:pointer}.admin-modal-overlay #orderModal .modal-footer .btn-primary:hover{background-color:var(--brand-secondary, #BF5700);border-color:var(--brand-secondary, #BF5700)}@media (width <= 768px){.admin-modal-overlay #orderModal{padding:.5rem}.admin-modal-overlay #orderModal .admin-modal-content{max-height:calc(100vh - 1rem)}.admin-modal-overlay #orderModal .form-grid{grid-template-columns:1fr}.admin-modal-overlay #orderModal .order-item-row{flex-direction:column;align-items:flex-start;gap:.5rem}.admin-modal-overlay #orderModal .order-item-pricing{margin-left:0;text-align:left;width:100%}}.payment-method-btn.cash{background-color:#4caf50;color:#fff}.payment-method-btn.card{background:#2196f3;background-color:#2196f3;color:#fff}.payment-method-btn.other{background:#9c27b0;background-color:#9c27b0;color:#fff}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-primary);font-weight:500;text-decoration:none;border:1px solid transparent;cursor:pointer;transition:all var(--transition-base);white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;outline:none;position:relative;overflow:hidden;line-height:1.25}.btn:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}.btn:disabled{opacity:.6;cursor:not-allowed;pointer-events:none;transform:none!important;box-shadow:none!important}.btn[disabled]{opacity:.6;cursor:not-allowed;pointer-events:none;transform:none!important;box-shadow:none!important}.btn:active{transform:translateY(1px)}.btn-sm{line-height:1.4;height:var(--button-height-sm);padding:var(--button-padding-sm);font-size:var(--text-sm);border-radius:var(--radius-md)}.btn-md{height:var(--button-height-md);padding:var(--button-padding-md);font-size:var(--text-base);border-radius:var(--radius-lg)}.btn-lg{height:var(--button-height-lg);padding:var(--button-padding-lg);font-size:var(--text-lg);border-radius:var(--radius-xl)}.btn-primary{border:none;padding:.75rem 1.5rem;border-radius:4px;font-weight:500;cursor:pointer;transition:all var(--transition-fast);background:var(--brand-primary);color:var(--white);border-color:var(--brand-primary);box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--brand-secondary);border-color:var(--brand-secondary);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-primary:active{transform:translateY(0);box-shadow:var(--shadow-sm)}body[data-page^=admin] .settings-section .admin-settings-button.btn-primary{background:var(--card-accent-bg, var(--brand-primary))!important;color:#fff!important;border:none!important}body[data-page^=admin] .settings-section .admin-settings-button.btn-primary:hover{filter:brightness(.95)}body[data-page^=admin] .settings-section .admin-settings-button.btn-primary:active{filter:brightness(.9)}body[data-page^=admin] .settings-section .admin-settings-button.btn-secondary{background:var(--card-accent-bg, var(--brand-primary))!important;color:#fff!important;border:none!important}body[data-page^=admin] .settings-section .admin-settings-button.btn-secondary:hover{filter:brightness(.95)}body[data-page^=admin] .settings-section .admin-settings-button.btn-secondary:active{filter:brightness(.9)}.btn-danger{background:var(--error);color:var(--white);border-color:var(--error)}.btn-danger:hover{background:#b91c1c;border-color:#b91c1c}.btn-success{background:var(--success);color:var(--white);border-color:var(--success)}.btn-success:hover{background:#15803d;border-color:#15803d}.btn-warning{background:var(--warning);color:var(--black);border-color:var(--warning)}.btn-warning:hover{background:#d97706;border-color:#d97706}.btn-info{border:1px solid var(--brand-primary, #87ac3a);padding:8px 16px;border-radius:6px;font-weight:500;transition:all .2s;background:var(--info);color:var(--white);border-color:var(--info)}.btn-info:hover{transform:translateY(-1px);background:#1d4ed8;border-color:#1d4ed8}.btn-light{background-color:var(--gray-100);color:var(--gray-800);border-color:var(--gray-300)}.btn-outline{background-color:transparent}.btn-outline:hover{background-color:#0000000d}.btn-outline.btn-primary{color:var(--brand-primary);border-color:var(--brand-primary)}.btn-outline.btn-primary:hover{background-color:var(--brand-primary);color:var(--white)}.btn-outline.btn-danger{color:var(--error);border-color:var(--error)}.btn-outline.btn-danger:hover{background-color:var(--error);color:var(--white)}.btn-outline.btn-success{color:var(--success);border-color:var(--success)}.btn-outline.btn-success:hover{background-color:var(--success);color:var(--white)}.btn-outline.btn-warning{color:var(--warning);border-color:var(--warning)}.btn-outline.btn-warning:hover{background-color:var(--warning);color:var(--black)}.btn-outline.btn-info{color:var(--info);border-color:var(--info)}.btn-outline.btn-info:hover{background-color:var(--info);color:var(--white)}.btn-ghost{background:transparent;color:var(--brand-primary);border-color:transparent}.btn-ghost:hover{background:var(--gray-100)}.btn-link:hover{color:var(--brand-secondary)}.btn-glass{background:#ffffff1a;-webkit-backdrop-filter:var(--backdrop-blur);backdrop-filter:var(--backdrop-blur);border:1px solid rgb(255 255 255 / 20%);color:var(--white)}.btn-glass:hover{background:#fff3;border-color:#ffffff4d}.btn-icon-only{width:var(--button-height-md);height:var(--button-height-md);padding:0;border-radius:var(--radius-lg)}.btn-icon-only.btn-sm{width:var(--button-height-sm);height:var(--button-height-sm)}.btn-icon-only.btn-lg{width:var(--button-height-lg);height:var(--button-height-lg)}.btn>svg{width:1.25em;height:1.25em}.btn-block{width:100%;display:block}.btn-loading{color:transparent!important;pointer-events:none}.btn-loading:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:16px;height:16px;border:2px solid;border-color:currentcolor;border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite}.back-to-main-button:hover{background:var(--brand-secondary);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.back-to-main-button:active{transform:translateY(0);box-shadow:var(--shadow-md)}.back-to-main-button svg{width:16px;height:16px;fill:currentcolor}.card{border-width:2px;-moz-column-break-inside:avoid;break-inside:avoid;background-color:var(--card-bg);border:var(--card-border);border-radius:var(--card-border-radius);box-shadow:var(--card-shadow);padding:var(--card-padding);transition:all .3s ease;position:relative;overflow:hidden;display:flex;flex-direction:column;height:100%}.card:hover{box-shadow:var(--card-shadow-hover);transform:translateY(-2px)}.card-flat{box-shadow:none;border:var(--card-border)}.card-elevated{box-shadow:0 4px 6px #0000001a}.card-elevated:hover{box-shadow:0 10px 15px #0000001a}.card-outline{background-color:transparent;border:2px solid var(--card-border);box-shadow:none}.card-ghost{background-color:transparent;border:none;box-shadow:none}.card-sm{padding:1rem}.card-lg{padding:2rem}.card-xl{padding:2.5rem}.card-header{padding:1rem 1.5rem;margin:-1.5rem -1.5rem 1.5rem;background-color:#f9fafb;border-bottom:1px solid #e5e7eb;border-radius:var(--card-border-radius) var(--card-border-radius) 0 0}.card-header-title{font-size:1.125rem;font-weight:600;color:var(--card-title-color);margin:0}.card-header-subtitle{font-size:.875rem;color:var(--card-text-color);margin:.25rem 0 0}.card-body{flex:1;display:flex;flex-direction:column}.card-title{color:var(--card-title-color);font-size:var(--card-title-size);font-weight:600;line-height:1.4;margin:0 0 .75rem}.card-subtitle{color:var(--card-text-color);font-size:.9375rem;font-weight:500;margin:-.5rem 0 .75rem}.card-text{color:var(--card-text-color);font-size:var(--card-text-size);line-height:1.6;margin:0 0 1rem;flex:1}.card-text:last-child{margin-bottom:0}.card-footer{padding:1rem 1.5rem;margin:1.5rem -1.5rem -1.5rem;background-color:#f9fafb;border-top:1px solid #e5e7eb;border-radius:0 0 var(--card-border-radius) var(--card-border-radius);display:flex;align-items:center;justify-content:space-between}.card-actions{display:flex;gap:.5rem;align-items:center;margin-top:auto}.item-card{background-color:var(--card-bg);border:var(--card-border);border-radius:var(--card-border-radius);box-shadow:var(--card-shadow);transition:all .3s ease;overflow:hidden;display:flex;flex-direction:column;height:100%;position:relative}.cart-item{display:flex;align-items:center;padding:15px 0;border-bottom:1px solid #e2e8f0;position:relative}.thumbnail-container{position:relative}.item-card:hover{box-shadow:var(--card-shadow-hover);transform:translateY(-4px)}.item-card:hover .item-image{transform:scale(1.05)}.item-badge{border:1px solid #000;background:transparent;position:absolute;top:.75rem;right:.75rem;background-color:#87ac3a;color:#fff;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.sale-badge{display:inline-block;position:absolute;top:8px;right:8px;background:#f44;color:#fff;padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:700;text-align:center;line-height:1.2}.sale-badge .sale-text{display:block;font-size:.7rem;margin-bottom:2px}.sale-badge .sale-percentage{display:block;font-size:.65rem;opacity:.9}.item-badge.new{background-color:#059669}.item-badge.featured{background-color:#f59e0b}.item-badge.out-of-stock{background-color:#6b7280}.item-card-body{padding:1.25rem;flex:1;display:flex;flex-direction:column}.item-title{color:var(--card-title-color);font-size:1rem;font-weight:600;line-height:1.4;margin:0 0 .5rem;text-decoration:none}.item-title:hover{color:#87ac3a}.item-description{color:var(--card-text-color);font-size:.875rem;line-height:1.5;margin:0 0 1rem;flex:1;display:-webkit-box;--webkit-line-clamp: 3;--webkit-box-orient: vertical;overflow:hidden}.item-meta{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;font-size:.8125rem;color:var(--card-text-color)}.item-category{background-color:#f3f4f6;color:#374151;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.025em}.item-rating{display:flex;align-items:center;gap:.25rem}.item-stars{display:flex;color:#f59e0b}.item-rating-text{color:var(--card-text-color);font-size:.75rem}.item-pricing{flex-direction:column;display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.item-price{color:var(--item-price-color);font-size:var(--item-price-size);font-weight:var(--item-price-weight);line-height:1.2}.item-price-original{color:var(--card-text-color);font-size:1rem;font-weight:500;text-decoration:line-through}.item-price-sale{color:#dc2626;font-size:var(--item-price-size);font-weight:var(--item-price-weight)}.item-stock{font-size:.8125rem;margin-bottom:.75rem}.item-stock.in-stock{color:#059669}.item-stock.low-stock{color:#f59e0b}.item-stock.out-of-stock{color:#dc2626}.item-actions{flex-direction:column;display:flex;gap:.5rem;margin-top:auto}.item-actions .btn{width:100%;flex:1;font-size:.875rem}.card-grid{display:grid;gap:1.5rem}.card-grid-1{grid-template-columns:1fr}.card-grid-2{grid-template-columns:repeat(2,1fr)}.card-grid-3{grid-template-columns:repeat(3,1fr)}.card-grid-4{grid-template-columns:repeat(4,1fr)}.card-grid-auto{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.card-horizontal{flex-direction:row;align-items:center}.card-horizontal .card-image{margin-bottom:1rem;width:150px;height:150px;flex-shrink:0;margin-right:1.5rem;border-radius:var(--item-image-border-radius);overflow:hidden}.card-horizontal .card-body{flex:1}.card-loading{position:relative;overflow:hidden}.card-loading:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgb(255 255 255 / 40%),transparent);animation:card-loading 1.5s infinite}@keyframes card-loading{0%{left:-100%}to{left:100%}}.card-skeleton{background-color:#f3f4f6;border-radius:.25rem;animation:card-skeleton 1.5s ease-in-out infinite alternate}@keyframes card-skeleton{0%{opacity:1}to{opacity:.5}}.skeleton-title{height:1.25rem;width:80%;margin-bottom:.5rem}.skeleton-text{height:1rem;width:100%;margin-bottom:.25rem}.skeleton-text:last-child{width:60%}.skeleton-image{width:100%;aspect-ratio:1 / 1;margin-bottom:1rem}@media (width <= 1024px){.card-grid-4{grid-template-columns:repeat(3,1fr)}}@media (width <= 768px){.card{padding:1.25rem}.card-horizontal{flex-direction:column}.card-horizontal .card-image{width:100%;height:200px;margin-right:0;margin-bottom:1rem}.item-card-body{padding:1rem}.item-actions{flex-direction:column}.item-actions .btn{width:100%}}@media (width <= 480px){.card{padding:1rem}.card-footer{margin:1rem -1rem -1rem}.item-pricing{flex-direction:column;align-items:flex-start;gap:.25rem}}@media (prefers-reduced-motion: reduce){.card-loading:before{animation:none}.card-skeleton{animation:none}}@media (prefers-contrast: more){.card{border-width:2px}.item-badge{border:2px solid white}}@media print{.card{box-shadow:none;border:1px solid #000;-moz-column-break-inside:avoid;break-inside:avoid}.item-badge{background:transparent;color:#000;border:1px solid #000}}.email-template{--brand-primary: #007bff;--brand-secondary: #6c757d}.email-body{font-family:Arial,sans-serif;line-height:1.6;color:#333;max-width:600px;margin:0 auto;padding:20px}.email-header{background-color:var(--brand-primary);color:#fff;padding:20px;text-align:center;border-radius:8px 8px 0 0}.email-wrapper{background-color:#f9f9f9;padding:30px;border-radius:0 0 8px 8px;border:1px solid #ddd}.email-section{background-color:#fff;padding:20px;border-radius:6px;margin:20px 0;border:1px solid #e0e0e0}.email-order-table{width:100%;border-collapse:collapse;margin-bottom:20px}.email-order-table th,.email-order-table td{padding:8px 0;border-bottom:2px solid var(--brand-primary)}.email-cta-button{display:inline-block;background-color:var(--brand-primary);color:#fff;padding:12px 24px;text-decoration:none;border-radius:6px;font-weight:700;margin-right:10px}.email-info-box{background-color:#e8f4e8;padding:20px;border-radius:6px;margin:20px 0;border-left:4px solid var(--brand-primary)}.email-footer{text-align:center;margin-top:30px;padding-top:20px;border-top:1px solid #ddd;color:#666;font-size:14px}.email-footer p{margin:0}.email-footer p+p{margin:5px 0 0;font-size:12px}.email-admin-header{background-color:#d32f2f;color:#fff;padding:20px;text-align:center;border-radius:8px 8px 0 0}.email-admin-notice{background-color:#fff3cd;border:1px solid #ffeaa7;color:#856404;padding:15px;border-radius:6px;margin-bottom:20px}.email-admin-title{color:#d32f2f;margin-top:0}.email-admin-summary{font-size:16px;margin-bottom:20px}.email-admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:20px 0}.email-section h3{color:var(--brand-primary);margin-top:0}.email-shipping-box{background-color:#e1f5fe;padding:15px;border-radius:6px;margin:20px 0;border-left:4px solid #0288d1}.email-secondary-cta{display:inline-block;background-color:#2196f3;color:#fff;padding:12px 24px;text-decoration:none;border-radius:6px;font-weight:700;margin-left:10px}.email-admin-quick-actions{background-color:#ffebee;padding:15px;border-radius:6px;margin:20px 0;border-left:4px solid #f44336}.email-admin-quick-actions h4{margin-top:0;color:#d32f2f}.email-admin-quick-actions ul{margin:0;padding-left:20px}.email-table-cell{padding:10px;border-bottom:1px solid #eee}.email-table-cell-center{text-align:center}.email-table-cell-right{text-align:right}.email-table-header-cell{padding:10px;border-bottom:2px solid var(--brand-primary);font-weight:700}.email-table-row-alt{background-color:#f0f0f0}.email-table{width:100%;border-collapse:collapse}.email-title{margin:0;font-size:28px}.email-subtitle{margin:5px 0 0;font-size:16px}.email-section-heading{color:var(--brand-primary);margin-top:0}.email-summary-table{width:100%;border-collapse:collapse}.email-list-item{padding:8px 0;border-bottom:1px solid #eee}.email-badge-warning{background-color:#ffeb3b;padding:2px 6px;border-radius:3px}.email-status-received{background-color:#c8e6c9;padding:2px 6px;border-radius:3px}.email-status-pending{background-color:#ffcdd2;padding:2px 6px;border-radius:3px}.email-shipping-heading{color:#0277bd;margin-top:0}.email-summary-label{padding:15px 10px 10px;text-align:right;font-weight:700;font-size:18px;border-top:2px solid var(--brand-primary)}.email-summary-value{padding:15px 10px 10px;text-align:right;font-weight:700;font-size:18px;color:var(--brand-primary);border-top:2px solid var(--brand-primary)}.email-admin-summary-label{padding:15px 10px 10px;text-align:right;font-weight:700;font-size:16px;border-top:2px solid var(--brand-primary)}.email-admin-summary-value{padding:15px 10px 10px;text-align:right;font-weight:700;font-size:16px;color:#d32f2f;border-top:2px solid var(--brand-primary)}.email-next-steps{border-left:4px solid var(--brand-primary);text-align:center;margin:30px 0;padding:20px;background-color:#fff;border-radius:6px;border:1px solid #e0e0e0}.email-next-step{margin-bottom:10px}.email-next-step:last-child{margin-bottom:0}.email-footer-primary{margin:0;font-size:14px}.email-footer-secondary{margin:5px 0 0;font-size:12px}.email-admin-footer{text-align:center;margin-top:30px;padding-top:20px;border-top:1px solid #ddd;color:#666}.footer-container{max-width:1200px;margin:0 auto;padding:0 20px}.footer-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-bottom:30px}.footer-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-bottom:30px}.footer-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;margin-bottom:30px}.footer-single{text-align:center;margin-bottom:30px}.footer-section{margin-bottom:20px}.footer-section:last-child{margin-bottom:0}.footer-heading{color:var(--footer-heading-color);font-size:var(--footer-heading-size);font-weight:600;margin-bottom:15px;text-transform:uppercase;letter-spacing:.5px}.footer-text{color:var(--footer-text-color);font-size:var(--footer-font-size);line-height:1.6;margin-bottom:10px}.footer-text:last-child{margin-bottom:0}.footer-link{border:1px solid currentcolor;color:var(--footer-link-color);text-decoration:none;transition:color .3s ease;font-size:var(--footer-font-size)}.footer-link:hover{color:var(--footer-link-hover-color);text-decoration:underline}.footer-nav{list-style:none;padding:0;margin:0}.footer-nav li{margin-bottom:8px}.footer-nav li:last-child{margin-bottom:0}.footer-nav a{color:var(--footer-link-color);text-decoration:none;transition:color .3s ease;font-size:var(--footer-font-size);display:block;padding:2px 0}.footer-nav a:hover{color:var(--footer-link-hover-color);padding-left:5px}.footer-nav-horizontal{flex-direction:column;text-align:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:center;list-style:none;padding:0;margin:0}.footer-nav-horizontal li{margin:0}.footer-nav-horizontal a{padding:5px 10px;border-radius:4px;transition:all .3s ease}.footer-nav-horizontal a:hover{background-color:#87ac3a1a;padding-left:10px}.footer-social{display:flex;gap:15px;justify-content:center;align-items:center;margin:20px 0}.footer-social-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:transparent;border:2px solid var(--footer-social-icon-color);border-radius:50%;color:var(--footer-social-icon-color);text-decoration:none;transition:all .3s ease;font-size:18px}.footer-social-icon:hover{background-color:var(--footer-social-icon-hover);border-color:var(--footer-social-icon-hover);color:var(--footer-bg-color);transform:translateY(-2px)}.footer-social-square{border-radius:8px}.footer-social-large .footer-social-icon{width:50px;height:50px;font-size:22px}.footer-divider{border:none;border-top:var(--footer-divider-style);margin:30px 0;opacity:.6}.footer-section-divider{border:none;border-top:var(--footer-divider-style);margin:20px 0;opacity:.4}.footer-copyright{border-top:var(--footer-divider-style);padding-top:20px;margin-top:30px;text-align:center}.footer-copyright-text{color:var(--footer-copyright-color);font-size:var(--footer-copyright-size);margin:0;line-height:1.5}.footer-copyright-links{flex-direction:column;display:flex;justify-content:center;gap:20px;margin-top:10px;flex-wrap:wrap}.footer-copyright-links a{color:var(--footer-copyright-color);text-decoration:none;font-size:var(--footer-copyright-size);transition:color .3s ease}.footer-copyright-links a:hover{color:var(--footer-link-hover-color)}.footer-contact{margin-bottom:15px}.footer-contact-item{display:flex;align-items:center;margin-bottom:8px;color:var(--footer-text-color);font-size:var(--footer-font-size)}.footer-contact-item:last-child{margin-bottom:0}.footer-contact-icon{margin-right:10px;color:var(--footer-link-color);width:16px;text-align:center}.footer-contact-link{color:var(--footer-link-color);text-decoration:none;transition:color .3s ease}.footer-contact-link:hover{color:var(--footer-link-hover-color)}.footer-newsletter{margin-bottom:20px}.footer-newsletter-form{flex-direction:column;display:flex;gap:10px;margin-top:15px}.footer-newsletter-input{flex:1;padding:10px 15px;border:1px solid var(--footer-border-color);border-radius:4px;background-color:#ffffff1a;color:var(--footer-text-color);font-size:var(--footer-font-size)}.footer-newsletter-input::-moz-placeholder{color:var(--footer-copyright-color)}.footer-newsletter-input::placeholder{color:var(--footer-copyright-color)}.footer-newsletter-button{padding:10px 20px;background-color:var(--footer-link-color);color:var(--footer-bg-color);border:none;border-radius:4px;font-size:var(--footer-font-size);font-weight:600;cursor:pointer;transition:background-color .3s ease;white-space:nowrap}.footer-newsletter-button:hover{background-color:var(--footer-link-hover-color)}.footer-logo{margin-bottom:15px;text-align:center}.footer-logo img{max-height:60px;width:auto;filter:brightness(0) invert(1)}.footer-brand-text{color:var(--footer-heading-color);font-size:24px;font-weight:700;text-decoration:none;margin-bottom:10px;display:block}.footer-tagline{color:var(--footer-text-color);font-size:var(--footer-font-size);font-style:italic;margin-bottom:15px}@media (width <= 640px){.footer-social{gap:10px}.footer-social-icon{width:35px;height:35px;font-size:16px}.footer-newsletter-form{flex-direction:column;gap:8px}.footer-nav-horizontal{flex-direction:column;gap:10px;text-align:center}.footer-copyright-links{flex-direction:column;gap:10px}}.footer-theme-dark{--footer-bg-color: #2d3748;--footer-text-color: #fff;--footer-copyright-color: #a0aec0}.footer-theme-light{--footer-bg-color: #f7fafc;--footer-text-color: #2d3748;--footer-copyright-color: #718096;--footer-border-color: #e2e8f0}.footer-theme-brand{--footer-bg-color: #87ac3a;--footer-text-color: #fff;--footer-link-color: #fff;--footer-link-hover-color: #f7fafc}.footer-link:focus{outline:2px solid var(--footer-link-color);outline-offset:2px}.footer-social-icon:focus{outline:2px solid var(--footer-link-color);outline-offset:2px}.footer-newsletter-input:focus{border-color:var(--footer-link-color);background-color:#ffffff26;outline:2px solid var(--footer-link-color);outline-offset:2px}.footer-newsletter-button:focus{outline:2px solid var(--footer-link-color);outline-offset:2px}.item-image-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f8f9fa;border-radius:8px;color:#6b7280;height:192px}.item-image-placeholder .placeholder-icon{font-size:3rem;margin-bottom:.5rem}.item-image-placeholder .placeholder-text{font-size:.875rem;font-weight:500}.item-single-image{height:192px;border-radius:8px;overflow:hidden}.item-single-image img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;background:#fff;border-radius:8px}.item-image-carousel{height:192px;position:relative;border-radius:8px;overflow:hidden}.item-image-carousel img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;background:#fff;border-radius:8px;display:none}.item-image-carousel img.active{display:block}.item-image-placeholder.small,.item-single-image.small,.item-image-carousel.small{height:120px}.item-image-placeholder.medium,.item-single-image.medium,.item-image-carousel.medium{height:192px}.item-image-placeholder.large,.item-single-image.large,.item-image-carousel.large{height:300px}.item-image-placeholder.full,.item-single-image.full,.item-image-carousel.full{height:400px}.wf-notification-container{z-index:var(--z-global-popup, 2147483647);position:fixed;top:24px;right:24px;left:auto;pointer-events:none;max-width:420px;width:auto}.wf-notification:hover{transform:translate(0) scale(1.02)}.wf-success-notification{background:var(--brand-primary, #87ac3a);border-color:var(--brand-secondary, #BF5700);color:#fff;box-shadow:0 12px 28px #87ac3a59,0 4px 8px #87ac3a26}.wf-error-notification{background:linear-gradient(135deg,#fee2e2,#fecaca);border-color:#ef4444;color:#7f1d1d;box-shadow:0 12px 28px #ef444459,0 4px 8px #ef444426}.wf-warning-notification{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#f59e0b;color:#92400e;box-shadow:0 12px 28px #f59e0b59,0 4px 8px #f59e0b26}.wf-info-notification{background:var(--brand-secondary, #BF5700);border-color:var(--brand-secondary, #BF5700);color:#fff;box-shadow:0 12px 28px #6b8e2359,0 4px 8px #6b8e2326}.wf-validation-notification{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#f59e0b;color:#92400e;box-shadow:0 12px 28px #f59e0b59,0 4px 8px #f59e0b26}.wf-notification-content{display:flex;align-items:flex-start;gap:12px;position:relative}.wf-notification-icon{font-size:24px;flex-shrink:0;margin-top:1px}.wf-notification-title{font-weight:600;margin-bottom:6px}.wf-notification-message{word-wrap:break-word}.wf-notification-actions{margin-top:12px;display:flex;gap:8px;flex-wrap:wrap}.wf-notification-action{border:1px solid #87ac3a;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.wf-notification-action.primary{background:#87ac3a;color:#fff}.wf-notification-action.secondary{background:transparent;color:#87ac3a}.wf-notification-action:hover{opacity:.8}.wf-notification-close{background:none;border:none;cursor:pointer;font-size:18px;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s;margin-top:1px;flex-shrink:0;opacity:.7}.wf-notification-close:hover{opacity:1;background-color:#fff3}.pulse{animation:pulse .3s ease-in-out}.wf-notification-info,.wf-notification-success,.wf-notification-warning,.wf-notification-error{border-left:none}.wf-notification{border:2px solid;border-radius:16px;padding:20px 24px;margin-bottom:16px;box-shadow:0 12px 28px #00000059,0 4px 8px #00000026;-webkit-backdrop-filter:blur(12px) saturate(180%);backdrop-filter:blur(12px) saturate(180%);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:15px;font-weight:500;line-height:1.5;opacity:0;transform:translate(100%) scale(.9);transition:all .4s cubic-bezier(.175,.885,.32,1.275);pointer-events:auto;position:relative;overflow:hidden;cursor:pointer;background:none}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOut{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.wf-notification.slide-out{animation:slideOut .3s ease-in-out forwards}@media (width <= 768px){.wf-notification-container{top:10px;right:10px;left:auto;max-width:min(94vw,420px)}.wf-notification{margin-bottom:8px;padding:12px;font-size:13px}}@media (width <= 480px){.wf-notification-container{top:5px;right:5px;left:auto}.wf-notification{padding:10px;font-size:12px}}.pos-modal-header.success{background:#4caf50}.pos-modal-header.warning{background:#ff9800}.pos-modal-header.error{background:#f44336}.pos-modal-header.info{background:#2196f3}.pos-modal-header h3{margin:0;color:#fff;display:flex;align-items:center;gap:.5rem}.pos-modal-header .icon{font-size:1.5rem}.pos-modal-content{max-width:500px;padding:2rem}.pos-modal-body{padding:2rem}.pos-modal-body .total-display{text-align:center;margin-bottom:2rem}.pos-modal-body .total-amount{font-size:1.5rem;font-weight:700;color:#333}.payment-method-btn{background:#4caf50;color:#fff;border:none;padding:1rem;border-radius:8px;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;gap:1rem;transition:all .2s ease}.payment-method-btn:hover{background:#45a049;transform:translateY(-2px)}.payment-method-btn.credit-card{background-color:#2196f3;color:#fff;background:#2196f3}.payment-method-btn.credit-card:hover{background:#1976d2}.payment-method-btn.debit-card{background-color:#ff9800;color:#fff;background:#ff9800}.payment-method-btn.debit-card:hover{background:#f57c00}.payment-method-btn.check{background-color:#9c27b0;color:#fff;background:#9c27b0}.payment-method-btn.check:hover{background:#7b1fa2}.payment-method-btn .icon{font-size:1.5rem}.payment-method-btn .details{text-align:left}.payment-method-btn .details .title{font-weight:700}.payment-method-btn .details .subtitle{font-size:.9rem;opacity:.9}.cash-calculator{max-width:600px}.cash-calculator .amounts-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem}.cash-calculator .amount-display{text-align:center;padding:1rem;border-radius:8px}.cash-calculator .amount-display.total-due{background:#f5f5f5}.cash-calculator .amount-display.change-due{background:#e8f5e8}.cash-calculator .amount-label{font-size:1rem;color:#666;margin-bottom:.5rem}.cash-calculator .amount-value{font-size:2rem;font-weight:700}.cash-calculator .amount-value.total{color:#dc3545}.cash-calculator .amount-value.change{color:#4caf50}.cash-calculator .cash-input-section{margin-bottom:2rem}.cash-calculator .cash-input-section label{display:block;margin-bottom:.5rem;font-weight:700}.cash-calculator .cash-input{width:100%;padding:1rem;font-size:1.5rem;border:2px solid #ddd;border-radius:8px;text-align:center}.cash-calculator .cash-input:focus{border-color:#4caf50;outline:none}.cash-calculator .quick-amounts{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin-bottom:2rem}.cash-calculator .quick-amount-btn{padding:.5rem;border:1px solid #ddd;background:#fff;border-radius:4px;cursor:pointer;transition:all .2s ease}.cash-calculator .quick-amount-btn:hover{background:#f0f0f0;border-color:#4caf50}.cash-calculator .insufficient-funds{display:none;background:#ffebee;color:#c62828;padding:1rem;border-radius:8px;text-align:center;margin-bottom:1rem}.cash-calculator .insufficient-funds.show{display:block}.pos-cart-total{color:#dc3545;font-size:2.5rem;font-weight:700;text-shadow:3px 3px 6px rgb(0 0 0 / 30%);display:inline-block;visibility:visible}.pos-test-display{color:#00f;padding:1rem}@media (width <= 768px){.cash-calculator .amounts-grid{grid-template-columns:1fr;gap:1rem}.cash-calculator .quick-amounts{grid-template-columns:repeat(2,1fr)}.payment-methods{grid-template-columns:1fr}.pos-modal-content{max-width:95vw;padding:1rem}.pos-modal-body{padding:1rem}}#searchModal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0000007f;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}#searchModal.show{display:block}@keyframes searchModalSlideIn{0%{opacity:0;transform:translateY(-50px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.search-modal-close:hover{background-color:#f3f4f6;color:#374151}.search-loading .spinner{display:inline-block;width:32px;height:32px;border:3px solid #e5e7eb;border-top:3px solid #87ac3a;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:12px}.search-results-header{margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid #e5e7eb}.search-results-count{font-size:.875rem;color:#6b7280}.search-results-term{font-weight:600;color:#1f2937}.search-results-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.search-result-item:hover{border-color:#87ac3a;box-shadow:0 4px 12px #87ac3a26;transform:translateY(-2px)}.search-result-clickable{position:relative;cursor:pointer;flex:1;display:flex;flex-direction:column}.search-result-image{width:100%;height:160px;-o-object-fit:cover;object-fit:cover;background-color:#f3f4f6}.search-result-content{padding:16px;flex:1;display:flex;flex-direction:column}.search-result-name{font-size:1rem;font-weight:600;color:#1f2937;margin:0 0 8px;line-height:1.4}.search-result-category{font-size:.75rem;color:#6b7280;background:#f3f4f6;padding:2px 8px;border-radius:12px;display:inline-block;margin-bottom:8px;width:-moz-fit-content;width:fit-content}.search-result-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto}.search-result-price{font-size:1.125rem;font-weight:700;color:#87ac3a}.search-result-stock{font-size:.75rem;padding:4px 8px;border-radius:12px;font-weight:500}.search-result-stock.in-stock{background:#dcfce7;color:#166534}.search-result-stock.out-of-stock{background:#fee2e2;color:#991b1b}.search-no-results-icon{font-size:48px;margin-bottom:16px;opacity:.5}.search-no-results-title{font-size:1.125rem;font-weight:600;color:#374151;margin:0 0 8px}.search-no-results-text{font-size:.875rem;margin:0}.search-error{text-align:center;padding:40px 20px;color:#dc2626}.search-error-icon{font-size:48px;margin-bottom:16px;opacity:.7}.search-error-title{font-size:1.125rem;font-weight:600;margin:0 0 8px}.search-error-text{font-size:.875rem;margin:0}@media (width <= 768px){.search-modal-content{width:95%;margin:2% auto;max-height:90vh}.search-results-grid{grid-template-columns:1fr;gap:12px}.search-result-image{height:120px}.search-modal-header{padding:16px 20px}.search-modal-body{padding:20px}}.search-modal-body::-webkit-scrollbar{width:8px}.search-modal-body::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.search-modal-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.search-modal-body::-webkit-scrollbar-thumb:hover{background:#94a3b8}.search-result-actions{padding:12px 16px;border-top:1px solid #e5e7eb;background:#f9fafb;display:flex;gap:8px}.search-add-to-cart-btn{position:relative;flex:1;padding:8px 16px;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;text-align:center;background:var(--brand-primary);color:#fff;font-family:var(--font-primary)}.search-add-to-cart-btn:hover:not(.disabled){background:var(--brand-secondary, #BF5700);transform:translateY(-1px)}.search-add-to-cart-btn.disabled{background:#d1d5db;color:#6b7280;cursor:not-allowed}.search-view-details-btn{flex:1;padding:8px 16px;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:center;background:#fff;color:#374151;border:1px solid #d1d5db}.search-view-details-btn:hover{background:#f3f4f6;border-color:#87ac3a;color:#87ac3a}.search-add-to-cart-success{position:fixed;top:20px;right:20px;background:#87ac3a;color:#fff;padding:12px 20px;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;align-items:center;gap:8px;animation:slideInFromRight .3s ease-out}.search-add-to-cart-success .success-icon{font-size:1.2rem;font-weight:700}.search-add-to-cart-success .success-text{font-size:.875rem;font-weight:500}@keyframes slideInFromRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}#headerSearchInput::-moz-selection{background-color:#ffffff4d;color:#fff}#headerSearchInput::selection{background-color:#ffffff4d;color:#fff}body.modal-open #itemPopup.show,body.modal-open #itemPopup.visible{display:block;visibility:visible;opacity:1;pointer-events:auto;transform:scale(1)}.room-modal-frame{opacity:0;transition:opacity .3s ease;width:100%;height:100%;border:none;border-radius:var(--room-modal-border-radius, 32px);background:transparent;position:absolute;top:0;left:0;overflow:hidden;display:block}.room-title-overlay:hover{background:var(--brand-secondary, #BF5700);transform:translateY(-2px);box-shadow:0 6px 20px #0003}.room-title-overlay h1{margin:0 0 8px;font-size:1.5rem;color:#fff;font-weight:700;text-shadow:0 1px 2px rgb(0 0 0 / 30%)}.room-title-overlay .room-description{margin:0;font-size:.9rem;color:#fff;line-height:1.4;font-weight:500;text-shadow:0 1px 2px rgb(0 0 0 / 20%)}.back-button-container .room-modal-button:focus{border:none;outline:none;box-shadow:0 4px 12px #0003,0 0 0 2px #87ac3a4d}.room-modal-iframe-body{margin:0;padding:0;background:transparent;font-family:Arial,sans-serif;display:flex;justify-content:center;align-items:center;min-height:100vh;overflow:hidden;border-radius:var(--room-modal-border-radius)}.room-modal-iframe-page{width:100%;height:100%;position:relative;overflow:hidden;border-radius:var(--room-modal-border-radius)}.image-zoom-modal{z-index:var(--z-image-zoom-modal)}.quantity-modal{z-index:var(--z-quantity-modal)}.room-modal-loading-spinner{width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid var(--primary-color, #87ac3a);border-radius:50%;animation:spin 1s linear infinite}.item-icon:hover{transform:scale(1.1);box-shadow:0 4px 12px #0000004d}.item-icon img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;border-radius:8px}.room-modal-button{background:var(--primary-color, #87ac3a);color:#fff;border:none;padding:12px 20px;border-radius:12px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .2s ease;box-shadow:0 4px 12px #0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;gap:8px}.room-modal-button:hover{background:var(--brand-secondary);transform:translateY(-2px);box-shadow:0 6px 16px #0000004d}.room-modal-button:active{transform:translateY(-1px);box-shadow:0 4px 12px #0003}.back-button-container .room-modal-button{outline:none;box-shadow:0 4px 12px #0003;background:var(--brand-primary, #87ac3a);color:#fff;border:none!important}.back-button-container .room-modal-button:hover{outline:none;background:var(--brand-secondary);border:none!important}button:hover,input[type=button]:hover,input[type=submit]:hover,.button:hover,[class*=btn]:hover{background:var(--brand-secondary);border-color:var(--brand-secondary);color:#fff}.room-product-icon{background-color:#fff;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);--icon-width: 80px;--icon-height: 80px;border-radius:8px;overflow:hidden;top:var(--icon-top, 0);left:var(--icon-left, 0);width:var(--icon-width, 80px);height:var(--icon-height, 80px);position:absolute;cursor:pointer;transition:all .3s ease;z-index:var(--z-room-elements, 15);background:#fff;border:none!important;padding:0!important;box-shadow:none!important;display:flex;align-items:center;justify-content:center;pointer-events:auto}.room-product-icon:hover{transform:scale(1.05);background:#fffffff2;box-shadow:0 4px 12px #0000004d;z-index:calc(var(--z-room-elements, 15) + 5)}.room-product-icon img{width:100%;height:auto;-o-object-fit:contain;object-fit:contain;border-radius:4px;max-width:100%;display:block}.room-product-icon.out-of-stock{filter:grayscale(50%);opacity:.6;background:#f0f0f0e5;border-color:#ccc}@media (width <= 1400px){.room-modal-container{height:calc(min(90vw,1200px) * 896 / 1280);width:min(90vw,min(90vh * 1.43,1200px));aspect-ratio:1280 / 896}.back-button-container{top:.75rem;left:.75rem}.room-title-overlay{top:.75rem;right:.75rem;max-width:280px;padding:12px}.room-modal-button{padding:10px 16px;font-size:.9rem}}@media (width <= 1024px){.room-modal-container{height:calc(min(95vw,1000px) * 896 / 1280);width:min(95vw,min(95vh * 1.43,1000px));aspect-ratio:1280 / 896}.room-modal-overlay{padding:10px 10px 30px}}@media (width <= 768px){.room-modal-container{height:calc(min(98vw,800px) * 896 / 1280);width:min(98vw,min(98vh * 1.43,800px));aspect-ratio:1280 / 896}.back-button-container{top:.5rem;left:.5rem}.room-title-overlay{top:.5rem;right:.5rem;max-width:220px;padding:10px}.room-title-overlay h1{font-size:1.25rem}.room-title-overlay .room-description{font-size:.8rem}.room-modal-button{padding:8px 12px;font-size:.85rem}}@media (width <= 480px){.room-modal-container{height:calc(min(99vw,600px) * 896 / 1280);width:min(99vw,min(99vh * 1.43,600px));aspect-ratio:1280 / 896;border-radius:16px}.room-modal-overlay{padding:5px 5px 20px}.room-title-overlay{max-width:180px;padding:8px}.room-title-overlay h1{font-size:1.1rem}}@supports not (aspect-ratio: 1280 / 896){.room-modal-container{width:min(95vw,1280px);height:calc(min(95vw,1280px) * 896 / 1280);max-height:896px}@media (width <= 1400px){.room-modal-container{width:min(90vw,1200px);height:calc(min(90vw,1200px) * 896 / 1280)}}@media (width <= 1024px){.room-modal-container{width:min(95vw,1000px);height:calc(min(95vw,1000px) * 896 / 1280)}}@media (width <= 768px){.room-modal-container{width:min(98vw,800px);height:calc(min(98vw,800px) * 896 / 1280)}}@media (width <= 480px){.room-modal-container{width:min(99vw,600px);height:calc(min(99vw,600px) * 896 / 1280)}}}.room-modal-overlay.hide{opacity:0}.room-modal-overlay.hide .room-modal-container{transform:scale(.95)}.detailed-item-modal-container img{width:100%;height:auto;-o-object-fit:contain;object-fit:contain;display:block}.item-popup.show,.item-popup-legacy.show{display:block;opacity:1;visibility:visible;transform:translateY(0)}.item-popup.positioned{position:fixed;z-index:var(--z-popup);left:var(--popup-left, 0);top:var(--popup-top, 0);max-width:var(--popup-max-width, 450px)}.item-popup.measuring{pointer-events:none;display:block;visibility:hidden;opacity:0;position:fixed;z-index:var(--z-popup)}.item-popup.visible{display:block;visibility:visible;opacity:1;position:fixed;z-index:var(--z-popup)}.item-popup.hidden{transform:translateY(-10px);pointer-events:none;display:none;visibility:hidden;opacity:0}.popup-category{text-transform:uppercase;letter-spacing:.5px}.popup-sale-badge{z-index:var(--z-badge, 10);position:absolute;top:8px;pointer-events:none;left:8px}.popup-stock-badge{z-index:var(--z-badge, 10);position:absolute;top:8px;pointer-events:none;right:8px}.popup-marketing-badge{font-size:9px;padding:3px 8px;border-radius:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#a8edea,#fed6e3);color:#2d3748;z-index:var(--z-badge, 10);position:absolute;pointer-events:none;right:8px;top:35px}.popup-image-container .popup-marketing-badge{top:6px;right:6px}.stock-badge{background:#f97316;z-index:var(--z-badge, 10);color:#fff;padding:4px 8px;border-radius:12px;font-size:10px;font-weight:700;display:inline-block}.marketing-badge{background:#3b82f6;color:#fff;padding:4px 8px;border-radius:4px;font-size:10px;font-weight:700;box-shadow:0 2px 4px #0000004d;display:inline-block;border:1px solid white;text-transform:uppercase;letter-spacing:.5px;min-width:45px;text-align:center;position:relative}.marketing-badge.shape-circle{border-radius:50%;width:50px;height:50px;padding:0;display:flex;align-items:center;justify-content:center;font-size:9px;line-height:1}.marketing-badge.shape-diamond{border-radius:0;width:45px;height:45px;padding:0;transform:rotate(45deg);display:flex;align-items:center;justify-content:center}.marketing-badge.shape-diamond span{transform:rotate(-45deg);font-size:8px;line-height:1}.marketing-badge.shape-star{background:transparent;border:none;width:50px;height:50px;padding:0;position:relative;display:flex;align-items:center;justify-content:center}.marketing-badge.shape-star:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:0;height:0;border-left:25px solid transparent;border-right:25px solid transparent;border-bottom:18px solid #3b82f6}.marketing-badge.shape-star:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:0;height:0;border-left:25px solid transparent;border-right:25px solid transparent;border-top:18px solid #3b82f6}.marketing-badge.shape-star span{position:relative;z-index:var(--z-content);background:#3b82f6;padding:6px 10px;border-radius:12px;font-size:8px;line-height:1;border:1px solid white;color:#fff}.marketing-badge.shape-hexagon{background:#3b82f6;width:50px;height:43px;padding:0;position:relative;margin:5px 0;border-radius:0;display:flex;align-items:center;justify-content:center}.marketing-badge.shape-hexagon:before{content:"";position:absolute;width:0;border-left:25px solid transparent;border-right:25px solid transparent;bottom:100%;border-bottom:12px solid #3b82f6}.marketing-badge.shape-hexagon:after{content:"";position:absolute;width:0;border-left:25px solid transparent;border-right:25px solid transparent;top:100%;border-top:12px solid #3b82f6}.marketing-badge.shape-hexagon span{color:#fff;font-size:8px;line-height:1;z-index:var(--z-content);position:relative}.marketing-badge.shape-rounded{border-radius:25px;padding:6px 12px;font-size:9px}.marketing-badge.shape-pill{border-radius:20px;padding:5px 15px;font-size:9px}.modal-badge{font-size:10px;border-radius:3px;padding:2px 6px;margin:2px;color:#fff;background:#666;z-index:var(--z-badge, 10);display:inline-flex;align-items:center;justify-content:center;font-weight:700;text-transform:uppercase;letter-spacing:.5px;position:relative;text-overflow:clip;white-space:nowrap}.modal-badge *{white-space:nowrap}.modal-badge.shape-circle{border-radius:50%;min-width:-moz-max-content;min-width:max-content;width:auto;height:auto;padding:8px 12px;font-size:inherit;line-height:inherit;display:inline-flex;align-items:center;justify-content:center;text-overflow:clip;white-space:nowrap;overflow:visible;max-width:none}.modal-badge.shape-diamond{min-width:-moz-max-content;min-width:max-content;width:auto;height:auto;padding:8px 12px;transform:rotate(45deg);border-radius:0;display:inline-flex;align-items:center;justify-content:center;text-overflow:clip;white-space:nowrap;overflow:visible;max-width:none}.modal-badge.shape-diamond span{display:inline-block;transform:rotate(-45deg);font-size:inherit;line-height:inherit;text-overflow:clip;white-space:nowrap;overflow:visible;max-width:none;min-width:-moz-max-content;min-width:max-content}.modal-badge.shape-star{background:inherit;border:none;min-width:-moz-max-content;min-width:max-content;width:auto;height:auto;padding:8px 12px;position:relative;display:inline-flex;align-items:center;justify-content:center;text-overflow:clip;white-space:nowrap;overflow:visible;max-width:none}.modal-badge.shape-star:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:0;height:0;border-left:25px solid transparent;border-right:25px solid transparent;border-bottom:18px solid #22c55e}.modal-badge.shape-star:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:0;height:0;border-left:25px solid transparent;border-right:25px solid transparent;border-top:18px solid #22c55e}.modal-badge.shape-star span{position:relative;z-index:var(--z-content);background:inherit;padding:inherit;border-radius:inherit;font-size:inherit;line-height:inherit;color:inherit;white-space:nowrap;text-overflow:clip;overflow:visible;max-width:none;min-width:-moz-max-content;min-width:max-content}.bg-green-600 .modal-badge.shape-star:before{border-bottom-color:#16a34a;border-top-color:#16a34a}.bg-green-600 .modal-badge.shape-star:after{border-bottom-color:#16a34a;border-top-color:#16a34a}.bg-green-600 .modal-badge.shape-star span{background:#16a34a;white-space:nowrap;text-overflow:clip}.bg-red-600 .modal-badge.shape-star:before{border-bottom-color:#dc2626;border-top-color:#dc2626}.bg-red-600 .modal-badge.shape-star:after{border-bottom-color:#dc2626;border-top-color:#dc2626}.bg-red-600 .modal-badge.shape-star span{background:#dc2626;white-space:nowrap;text-overflow:clip}.bg-yellow-600 .modal-badge.shape-star:before{border-bottom-color:#92400e;border-top-color:#92400e}.bg-yellow-600 .modal-badge.shape-star:after{border-bottom-color:#92400e;border-top-color:#92400e}.bg-amber-700 .modal-badge.shape-star:before{border-bottom-color:#92400e;border-top-color:#92400e}.bg-amber-700 .modal-badge.shape-star:after{border-bottom-color:#92400e;border-top-color:#92400e}.bg-yellow-600 .modal-badge.shape-star span,.bg-amber-700 .modal-badge.shape-star span{background:#92400e;white-space:nowrap;text-overflow:clip}.modal-badge.shape-hexagon{background:none;border:none;min-width:-moz-max-content;min-width:max-content;width:auto;height:auto;padding:8px 12px;position:relative;margin:5px 0;border-radius:0;display:inline-flex;align-items:center;justify-content:center;text-overflow:clip;white-space:nowrap;overflow:visible;max-width:none}.modal-badge.shape-hexagon:before{border-left:25px solid transparent;border-right:25px solid transparent;content:"";position:absolute;width:100%;height:100%;background:currentcolor;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);z-index:var(--z-index-base, 1);bottom:100%;border-bottom:12px solid #22c55e}.modal-badge.shape-hexagon:after{content:"";position:absolute;width:0;border-left:25px solid transparent;border-right:25px solid transparent;top:100%;border-top:12px solid #22c55e}.bg-green-600 .modal-badge.shape-hexagon{background:#16a34a;border-bottom-color:#16a34a;border-top-color:#16a34a}.bg-green-600 .modal-badge.shape-hexagon:before{background:#16a34a;border-bottom-color:#16a34a;border-top-color:#16a34a}.bg-green-600 .modal-badge.shape-hexagon:after{background:#16a34a;border-bottom-color:#16a34a;border-top-color:#16a34a}.bg-red-600 .modal-badge.shape-hexagon{background:#dc2626;border-bottom-color:#dc2626;border-top-color:#dc2626}.bg-red-600 .modal-badge.shape-hexagon:before{background:#dc2626;border-bottom-color:#dc2626;border-top-color:#dc2626}.bg-red-600 .modal-badge.shape-hexagon:after{background:#dc2626;border-bottom-color:#dc2626;border-top-color:#dc2626}.bg-yellow-600 .modal-badge.shape-hexagon{background:#92400e;border-bottom-color:#92400e;border-top-color:#92400e}.bg-yellow-600 .modal-badge.shape-hexagon:before{background:#92400e;border-bottom-color:#92400e;border-top-color:#92400e}.bg-yellow-600 .modal-badge.shape-hexagon:after{background:#92400e;border-bottom-color:#92400e;border-top-color:#92400e}.bg-amber-700 .modal-badge.shape-hexagon{background:#92400e;border-bottom-color:#92400e;border-top-color:#92400e}.bg-amber-700 .modal-badge.shape-hexagon:before{background:#92400e;border-bottom-color:#92400e;border-top-color:#92400e}.bg-amber-700 .modal-badge.shape-hexagon:after{background:#92400e;border-bottom-color:#92400e;border-top-color:#92400e}.modal-badge.shape-hexagon span{font-size:inherit;line-height:inherit;z-index:var(--z-content);position:relative;text-overflow:clip;white-space:nowrap;overflow:visible;max-width:none;min-width:-moz-max-content;min-width:max-content}.modal-badge.shape-rounded{border-radius:25px;padding:8px 12px;font-size:inherit;min-width:-moz-max-content;min-width:max-content;width:auto;white-space:nowrap;text-overflow:clip;overflow:visible;max-width:none}.modal-badge.shape-pill{border-radius:20px;padding:8px 15px;font-size:inherit;min-width:-moz-max-content;min-width:max-content;width:auto;white-space:nowrap;text-overflow:clip;overflow:visible;max-width:none}.modal-badge.shape-rectangle{border-radius:4px;padding:8px 12px;font-size:inherit;min-width:-moz-max-content;min-width:max-content;width:auto;white-space:nowrap;text-overflow:clip;overflow:visible;max-width:none}.popup-main-sales-pitch{margin-bottom:8px}.popup-main-pitch{font-size:13px;color:var(--brand-primary, #87ac3a);font-weight:600;font-style:italic;line-height:1.3;padding:4px 0}.popup-enhanced-description{margin-bottom:10px;color:#333;font-style:italic}.popup-selling-points,.popup-competitive-advantages{margin-bottom:8px}.popup-selling-points h4,.popup-competitive-advantages h4{margin:0 0 4px;font-size:12px;font-weight:600;color:var(--brand-primary, #87ac3a);text-transform:uppercase}.popup-selling-points ul,.popup-competitive-advantages ul{margin:0;padding:0 0 0 16px;font-size:11px}.popup-selling-points li,.popup-competitive-advantages li{margin:2px 0;color:#555;line-height:1.3}.popup-urgency{margin-top:8px;padding:4px 8px;background:#ff6b6b;color:#fff;border-radius:4px;font-size:11px;text-align:center}.popup-add-btn:hover,.popup-add-to-cart:hover{background:var(--button-bg-primary-hover);color:var(--button-text-primary);box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.item-popup-enhanced.show{opacity:1;visibility:visible;transform:translateY(0)}.popup-content-enhanced{flex-direction:column;display:flex;gap:16px;padding:var(--popup-enhanced-padding);cursor:pointer;transition:all .2s ease;border-radius:12px;position:relative}.popup-content-enhanced:hover{transform:scale(1.02);background:#87ac3a0d}.item-popup-enhanced .popup-sale-badge{position:absolute;top:12px;z-index:var(--z-content);pointer-events:none;left:12px}.item-popup-enhanced .popup-stock-badge{position:absolute;top:12px;z-index:var(--z-content);pointer-events:none;right:12px}.item-popup-enhanced .popup-marketing-badge{position:absolute;z-index:var(--z-content);pointer-events:none;right:12px;top:40px}.popup-image-enhanced{width:200px;max-width:200px;height:auto;max-height:300px;-o-object-fit:contain;object-fit:contain;border-radius:12px;background:#fff;flex-shrink:0}.popup-details-enhanced{flex:1;display:flex;flex-direction:column;gap:8px}.popup-title-enhanced{font-size:18px;font-weight:700;color:#2d3748;margin-bottom:4px;line-height:1.3}.popup-sku{font-size:12px;color:#888;margin-bottom:4px;font-family:Courier New,monospace;background:#fff;padding:2px 6px;border-radius:4px;display:inline-block}.popup-stock{font-size:12px;margin-bottom:8px;font-weight:600}.popup-category-enhanced{margin-bottom:8px;color:var(--popup-category-color);font-size:var(--popup-category-size);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.popup-description-enhanced{color:#4a5568;font-size:14px;line-height:1.4;margin:4px 0;flex-grow:1;word-wrap:break-word;white-space:pre-wrap}.popup-price-enhanced{font-size:20px;font-weight:700;color:var(--button-bg-primary);margin:8px 0}.popup-actions-enhanced{display:flex;gap:8px;margin-top:8px}.popup-add-btn-enhanced{background:var(--button-bg-primary);color:var(--button-text-primary);border:none;padding:10px 16px;border-radius:var(--button-border-radius);font-family:var(--font-primary);font-weight:600;font-size:13px;cursor:pointer;transition:all .2s ease;flex:1}.popup-add-btn-enhanced:hover{background:var(--button-bg-primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #87ac3a4d}.popup-details-btn-enhanced{background:#e2e8f0;color:#4a5568;border:none;padding:10px 16px;border-radius:var(--button-border-radius);font-weight:600;font-size:13px;cursor:pointer;transition:all .2s ease;flex:1}.popup-details-btn-enhanced:hover{background:#cbd5e0;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}div #confirmAddToCart,#confirmAddToCart{background-color:var(--button-bg-primary);color:var(--button-text-primary);border:none;padding:8px 16px;border-radius:var(--button-border-radius);font-family:var(--font-primary);font-weight:500;transition:all .2s ease;box-shadow:0 2px 4px #0000001a}div #confirmAddToCart:hover,#confirmAddToCart:hover{background-color:var(--button-bg-primary-hover);color:var(--button-text-primary);box-shadow:0 4px 8px #00000026;transform:translateY(-1px)}.item-icon.out-of-stock{opacity:.7;filter:grayscale(30%)}.item-icon.out-of-stock:hover{opacity:.9;filter:grayscale(10%)}.out-of-stock-badge{z-index:var(--z-badge, 10);position:absolute;top:5px;right:5px;background-color:#dc2626;color:#000;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:700;border:1px solid rgb(255 255 255 / 30%);box-shadow:0 1px 3px #0000004d}@media (width <= 768px){.item-popup{min-width:250px;max-width:300px;padding:12px}.item-popup-enhanced{min-width:320px;max-width:350px}.popup-content-enhanced{flex-direction:column;padding:16px}.popup-image-enhanced{width:100%;height:auto;max-height:250px}}@keyframes pulse{0%{box-shadow:0 4px 15px #0003;transform:scale(1);opacity:1}50%{box-shadow:0 6px 20px #0000004d;background-color:var(--warning-bg-light, #fef3c7);transform:scale(1.05);opacity:.8}to{box-shadow:0 4px 15px #0003;transform:scale(1);opacity:1}}.popup-container{position:relative}.popup-trigger{cursor:pointer;transition:all .2s ease}.popup-trigger:hover{transform:scale(1.05)}.popup-loading{display:flex;align-items:center;justify-content:center;height:100px;color:var(--popup-description-color)}.popup-error{color:#dc2626;text-align:center;padding:20px;font-size:14px}.popup-quality-badge{font-size:9px;padding:3px 8px;border-radius:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;position:absolute;top:12px;right:15px;z-index:calc(var(--z-content) + 1);transform:translateY(28px)}.quality-badge{background:#28a745;color:#fff;padding:4px 8px;border-radius:12px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.popup-trending-badge{font-size:9px;padding:3px 8px;border-radius:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;position:absolute;top:12px;right:15px;z-index:calc(var(--z-content) + 2);transform:translateY(56px)}.trending-badge{background:#ff6b6b;color:#fff;padding:4px 8px;border-radius:12px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.popup-bestseller-badge{font-size:9px;padding:3px 8px;border-radius:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#ffecd2,#fcb69f);color:#8b4513;position:absolute;top:12px;right:15px;z-index:var(--z-content);transform:translateY(84px)}.bestseller-badge{background:#ffc107;color:#fff;padding:4px 8px;border-radius:12px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.popup-social-proof{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;border-radius:8px;padding:12px;margin:8px 0;box-shadow:0 2px 4px #0000001a}.popup-social-stats{display:flex;flex-direction:column;gap:6px}.social-stat{display:flex;align-items:center;gap:8px;font-size:12px;color:#495057}.stat-text{font-weight:500;color:#212529}.popup-quick-benefits{background:linear-gradient(135deg,#e8f5e8,#d4edda);border:1px solid #c3e6cb;border-radius:8px;padding:12px;margin:8px 0}.popup-benefits-list h4{margin:0 0 8px;font-size:13px;font-weight:700;color:#155724}.popup-benefits-list ul{margin:0;padding:0;list-style:none}.popup-benefits-list li{font-size:12px;color:#155724;margin-bottom:4px;display:flex;align-items:center;gap:6px}.popup-benefits-list li:before{content:"✓";color:#28a745;font-weight:700}.popup-urgency-factors{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border:1px solid #ffeaa7;border-radius:8px;padding:12px;margin:8px 0;animation:pulse 4s infinite}.popup-urgency-list{display:flex;flex-direction:column;gap:6px}.urgency-item{display:flex;align-items:center;gap:8px;font-size:12px;color:#856404;font-weight:500}.urgency-icon{font-size:14px;color:#fd7e14}.urgency-text{color:#856404}.popup-reviews{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;border-radius:8px;padding:12px;margin:8px 0}.popup-review-snippet h4{margin:0 0 8px;font-size:13px;font-weight:700;color:#495057}.review-content{display:flex;flex-direction:column;gap:4px}.review-stars{font-size:12px;color:#ffc107}.review-text{font-size:12px;color:#6c757d;font-style:italic;margin:0;line-height:1.3}.review-author{font-size:11px;color:#868e96;font-weight:500}.popup-final-push{background:#007bff;color:#fff;border-radius:8px;padding:12px;margin:8px 0;text-align:center}.popup-final-push-content{display:flex;align-items:center;justify-content:center}.final-push-text{font-size:13px;font-weight:700;text-shadow:0 1px 2px rgb(0 0 0 / 30%)}.popup-quality-badge .quality-badge,.popup-trending-badge .trending-badge,.popup-bestseller-badge .bestseller-badge,.popup-marketing-badge .marketing-badge,.popup-stock-badge .stock-badge,.popup-sale-badge .sale-badge{position:relative;display:inline-block;padding:8px 12px 8px 20px;border-radius:50px;font-family:Comic Sans MS,cursive,sans-serif;font-weight:700;font-size:10px;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 15px #0003;animation:none}.popup-quality-badge .quality-badge:before{position:absolute;top:50%;left:6px;transform:translateY(-50%);font-size:8px;font-weight:700;opacity:.8;content:"✓";color:#10b981}.popup-trending-badge .trending-badge:before{position:absolute;top:50%;left:6px;transform:translateY(-50%);font-size:8px;font-weight:700;opacity:.8;content:"⚡";color:#f59e0b}.popup-bestseller-badge .bestseller-badge:before{position:absolute;top:50%;left:6px;transform:translateY(-50%);font-size:8px;font-weight:700;opacity:.8;content:"★";color:#fbbf24}.popup-sale-badge .sale-badge:before{position:absolute;top:50%;left:6px;transform:translateY(-50%);font-size:8px;font-weight:700;opacity:.8;content:"%";color:#ef4444}.popup-stock-badge .stock-badge:before{position:absolute;top:50%;left:6px;transform:translateY(-50%);font-size:8px;font-weight:700;opacity:.8;content:"!";color:#f97316}.popup-marketing-badge .marketing-badge:before{position:absolute;top:50%;left:6px;transform:translateY(-50%);font-size:8px;font-weight:700;opacity:.8;content:"◆";color:#8b5cf6}#detailedQualityBadge span,#detailedTrendingBadge span,#detailedBestsellerBadge span{position:relative;font-family:Comic Sans MS,cursive,sans-serif;font-weight:700;font-size:10px;text-transform:uppercase;letter-spacing:.5px;padding:8px 12px 8px 20px;border-radius:50px;box-shadow:0 4px 15px #0003;animation:none}#detailedQualityBadge span:before{position:absolute;top:50%;left:6px;transform:translateY(-50%);font-size:8px;font-weight:700;opacity:.8;content:"✓";color:#10b981}#detailedTrendingBadge span:before{position:absolute;top:50%;left:6px;transform:translateY(-50%);font-size:8px;font-weight:700;opacity:.8;content:"⚡";color:#f59e0b}#detailedBestsellerBadge span:before{position:absolute;top:50%;left:6px;transform:translateY(-50%);font-size:8px;font-weight:700;opacity:.8;content:"★";color:#fbbf24}#detailedSaleBadge span:before{position:absolute;top:50%;left:6px;transform:translateY(-50%);font-size:8px;font-weight:700;opacity:.8;content:"%";color:#ef4444}#detailedStockBadge span:before{position:absolute;top:50%;left:6px;transform:translateY(-50%);font-size:8px;font-weight:700;opacity:.8;content:"!";color:#f97316}.badge-style-2:after{content:"";position:absolute;top:-3px;right:-3px;width:6px;height:6px;border-radius:50%;background:linear-gradient(45deg,#fbbf24,#f59e0b);box-shadow:0 0 8px #fbbf2499}.badge-style-2:before{content:"";position:absolute;bottom:-3px;left:-3px;width:4px;height:4px;border-radius:50%;background:linear-gradient(45deg,#10b981,#059669);box-shadow:0 0 6px #10b98199}.badge-style-3{animation:badgePulse 2s infinite ease-in-out}@keyframes badgePulse{0%{transform:scale(1);box-shadow:0 4px 15px #0003}to{transform:scale(1);box-shadow:0 4px 15px #0003}50%{transform:scale(1.05);box-shadow:0 6px 20px #0000004d}}.badge-style-2{padding:8px 12px}.badge-style-2.popup-quality-badge .quality-badge:before{display:none}.badge-style-2.popup-trending-badge .trending-badge:before{display:none}.badge-style-2.popup-bestseller-badge .bestseller-badge:before{display:none}.badge-style-2.popup-marketing-badge .marketing-badge:before{display:none}.badge-style-2.popup-stock-badge .stock-badge:before{display:none}.badge-style-2.popup-sale-badge .sale-badge:before{display:none}.badge-style-2#detailedQualityBadge span:before{display:none}.badge-style-2#detailedTrendingBadge span:before{display:none}.badge-style-2#detailedBestsellerBadge span:before{display:none}.badge-style-2#detailedSaleBadge span:before{display:none}.badge-style-2#detailedStockBadge span:before{display:none}.popup-sales-pitch{margin-top:12px;border-top:1px solid #e0e0e0;max-height:200px;overflow-y:auto;padding:8px;font-size:11px;line-height:1.3}.popup-sales-pitch h4{font-size:12px;margin-bottom:4px;margin-top:8px}.popup-sales-pitch ul{margin-bottom:8px}.popup-sales-pitch li{margin-bottom:2px}#detailedSalesPitch{background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0;margin-top:10px;max-height:250px;overflow-y:auto;padding:12px;font-size:11px;line-height:1.3}#detailedSalesPitch h3{font-size:12px;margin-bottom:6px}#detailedSalesPitch .space-y-2>*+*{margin-top:6px}#detailedSalesPitch .space-y-3>*+*{margin-top:8px}#detailedSaleBadge,#detailedStockBadge,#detailedQualityBadge,#detailedTrendingBadge,#detailedBestsellerBadge,#detailedSaleBadge *,#detailedStockBadge *,#detailedQualityBadge *,#detailedTrendingBadge *,#detailedBestsellerBadge *,#detailedSaleText,#detailedQualityText,#detailedTrendingText,#detailedBestsellerText,.detailed-item-modal .bg-red-500,.detailed-item-modal .bg-orange-500,.detailed-item-modal .bg-green-600,.detailed-item-modal .bg-red-600,.detailed-item-modal .bg-amber-700,.detailed-item-modal .bg-red-500 *,.detailed-item-modal .bg-orange-500 *,.detailed-item-modal .bg-green-600 *,.detailed-item-modal .bg-red-600 *,.detailed-item-modal .bg-amber-700 *{text-overflow:clip;white-space:nowrap;overflow:visible;max-width:none;width:auto;min-width:-moz-max-content;min-width:max-content;text-align:center}.detailed-item-modal .absolute span,.detailed-item-modal div[class*=absolute] span,#detailedItemModal .absolute span,#detailedItemModal div[class*=absolute] span{text-overflow:clip;white-space:nowrap;overflow:visible;max-width:none;width:auto;min-width:-moz-max-content;min-width:max-content;display:inline-block}.form{width:100%;max-width:100%}.form-container{max-width:600px;margin:0 auto;padding:1.5rem}.form-group{margin-bottom:1.5rem;position:relative}.form-group:last-child{margin-bottom:0}.form-row{display:flex;gap:1rem;margin-bottom:1.5rem}.form-col{flex:1}.form-col-auto{flex:none}.form-label{display:block;color:var(--form-label-color);font-weight:var(--form-label-font-weight);font-size:.875rem;line-height:1.5;margin-bottom:.5rem;cursor:pointer}.form-label.required:after{content:" *";color:var(--form-error-color);font-weight:600}.form-label-inline{display:inline-flex;align-items:center;margin-bottom:0;margin-left:.5rem;cursor:pointer}.form-input{border-width:2px;background:transparent;display:block;width:100%;background-color:var(--form-input-bg);border:var(--form-input-border);color:var(--form-input-color);padding:var(--form-input-padding);border-radius:var(--form-input-border-radius);font-size:.875rem;line-height:1.5;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-input:focus{border-color:var(--button-bg-primary, #87ac3a);border:var(--form-input-border-focus);outline:none;box-shadow:0 0 0 3px #87ac3a1a}.form-input::-moz-placeholder{color:var(--form-input-placeholder);opacity:1}.form-input::placeholder{color:var(--form-input-placeholder);opacity:1}.form-input:disabled{background-color:#f9fafb;border-color:#e5e7eb;color:#9ca3af;cursor:not-allowed}.form-input:-moz-read-only{background-color:#f9fafb;border-color:#e5e7eb}.form-input:read-only{background-color:#f9fafb;border-color:#e5e7eb}.form-input-sm{padding:.375rem .5rem;font-size:.8125rem;border-radius:.25rem}.form-input-lg{padding:.75rem 1rem;font-size:1rem;border-radius:.5rem}.form-textarea{border:1px solid #000;background:transparent;min-height:6rem;resize:vertical}.form-textarea-sm{min-height:4rem}.form-textarea-lg{min-height:8rem}.form-select{border-width:2px;background:transparent;display:block;width:100%;background-color:var(--form-select-bg);border:var(--form-input-border);color:var(--form-input-color);padding:var(--form-input-padding);border-radius:var(--form-input-border-radius);font-size:.875rem;line-height:1.5;background-image:var(--form-select-arrow);background-repeat:no-repeat;background-position:right .75rem center;background-size:12px 8px;padding-right:2.5rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-select:focus{border-color:var(--button-bg-primary, #87ac3a);border:var(--form-input-border-focus);outline:none;box-shadow:0 0 0 3px #87ac3a1a}.form-select:disabled{background-color:#f9fafb;border-color:#e5e7eb;color:#9ca3af;cursor:not-allowed}.form-select[multiple]{background-image:none;padding-right:.75rem;height:auto}.form-check{display:flex;align-items:flex-start;margin-bottom:.75rem}.form-check-input{border-width:2px;width:1rem;height:1rem;margin-top:.25rem;margin-right:.5rem;background-color:var(--form-input-bg);border:var(--form-input-border);border-radius:.25rem;cursor:pointer;transition:all .15s ease-in-out;flex-shrink:0}.form-check-input:checked{background-color:var(--brand-primary);border-color:var(--brand-primary);background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m13.854 3.646-7.5 7.5a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6 10.293l7.146-7.147a.5.5 0 0 1 .708.708z'/%3e%3c/svg%3e");background-size:.75rem;background-position:center;background-repeat:no-repeat}.form-check-input:focus{border-color:#87ac3a;box-shadow:0 0 0 3px #87ac3a1a}.form-check-input[type=radio]{border-radius:50%}.form-check-input[type=radio]:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e")}.form-check-label{color:var(--form-label-color);font-size:.875rem;line-height:1.5;cursor:pointer}.form-switch{position:relative;display:inline-block;width:3rem;height:1.5rem}.form-switch-input{opacity:0;width:0;height:0}.form-switch-slider{position:absolute;cursor:pointer;inset:0;background-color:#d1d5db;transition:.3s;border-radius:1rem}.form-switch-slider:before{position:absolute;content:"";height:1.125rem;width:1.125rem;left:.1875rem;bottom:.1875rem;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 1px 3px #0000001a}.form-switch-input:checked+.form-switch-slider{background-color:var(--brand-primary)}.form-switch-input:checked+.form-switch-slider:before{transform:translate(1.5rem)}.form-switch-input:focus+.form-switch-slider{box-shadow:0 0 0 3px #87ac3a1a}.form-file{position:relative;display:inline-block;width:100%}.form-file-input{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer}.form-file-label{display:block;width:100%;padding:var(--form-input-padding);background-color:var(--form-input-bg);border:var(--form-input-border);border-radius:var(--form-input-border-radius);color:var(--form-input-placeholder);cursor:pointer;transition:border-color .15s ease-in-out;text-align:center}.form-file-label:hover{border-color:var(--brand-primary)}.form-file-label.has-file{color:var(--form-input-color);background-color:#f0f9ff;border-color:var(--brand-primary)}.input-group-prepend,.input-group-append{display:flex}.input-group-text{display:flex;align-items:center;padding:var(--form-input-padding);margin-bottom:0;font-size:.875rem;font-weight:400;line-height:1.5;color:#6b7280;text-align:center;white-space:nowrap;background-color:#f9fafb;border:var(--form-input-border)}.input-group-prepend .input-group-text{border-top-right-radius:0;border-bottom-right-radius:0;border-right:0}.input-group-append .input-group-text{border-top-left-radius:0;border-bottom-left-radius:0;border-left:0}.input-group-prepend+.form-input{border-top-left-radius:0;border-bottom-left-radius:0}.input-group .form-input+.input-group-append .input-group-text{border-top-left-radius:0;border-bottom-left-radius:0}.form-floating{position:relative}.form-floating .form-input{height:calc(3.5rem + 2px);padding:1rem .75rem .25rem}.form-floating .form-label{position:absolute;top:0;left:0;height:100%;padding:1rem .75rem;pointer-events:none;border:1px solid transparent;transform-origin:0 0;transition:opacity .1s ease-in-out,transform .1s ease-in-out;margin-bottom:0;line-height:1.5;color:var(--form-input-placeholder)}.form-floating .form-input:focus~.form-label{opacity:.65;transform:scale(.85) translateY(-.5rem) translate(.15rem);color:var(--form-label-color)}.form-floating .form-input:not(:-moz-placeholder)~.form-label{opacity:.65;transform:scale(.85) translateY(-.5rem) translate(.15rem);color:var(--form-label-color)}.form-floating .form-input:not(:placeholder-shown)~.form-label{opacity:.65;transform:scale(.85) translateY(-.5rem) translate(.15rem);color:var(--form-label-color)}.form-input.is-valid{border-color:var(--form-success-color)}.form-input.is-valid:focus{border-color:var(--form-success-color);box-shadow:0 0 0 3px #0596691a}.form-input.is-invalid{border-color:var(--form-error-color)}.form-input.is-invalid:focus{border-color:var(--form-error-color);box-shadow:0 0 0 3px #dc26261a}.form-feedback{display:block;width:100%;margin-top:.25rem;font-size:.8125rem;line-height:1.4}.form-feedback.valid-feedback{color:var(--form-success-color)}.form-success{color:var(--form-success-color);font-size:.8125rem;margin-top:.25rem;display:block}.form-grid-2{grid-template-columns:repeat(2,1fr)}.form-grid-3{grid-template-columns:repeat(3,1fr)}.form-grid-4{grid-template-columns:repeat(4,1fr)}@media (prefers-contrast: more){.form-check-input{border-width:2px}}.form-errors-visible{display:block}.form-errors-hidden{display:none}.success-message{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0;padding:.5rem .75rem;border-radius:.375rem;margin-bottom:.5rem;font-size:.875rem;line-height:1.25}.warning-message{color:#d97706;background:#fffbeb;border:1px solid #fed7aa;padding:.5rem .75rem;border-radius:.375rem;margin-bottom:.5rem;font-size:.875rem;line-height:1.25}.form-field-error{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.form-field-success{border-color:#059669;box-shadow:0 0 0 3px #0596691a}.orders-table{font-size:.75rem;width:100%;border-collapse:separate;border-spacing:0;margin-bottom:1.5rem;border-radius:var(--table-border-radius, .5rem);overflow:hidden;box-shadow:var(--table-shadow, 0 1px 3px rgb(0 0 0 / 10%))}.modal-overlay.hidden,.admin-modal-overlay.hidden,.fullscreen-modal-overlay.hidden{opacity:0;visibility:hidden;pointer-events:none}.admin-modal-overlay.hidden .admin-modal-content,.modal-overlay.hidden .compact-modal-content{transform:scale(.95)}.modal-overlay [id*=AutoSaveIndicator],.admin-modal-overlay [id*=AutoSaveIndicator],.modal-content [class*=auto-save],.admin-modal-content [class*=auto-save],.modal [class*=saving]{display:none;visibility:hidden;opacity:0;width:0;height:0;position:absolute;left:-9999px;top:-9999px}[class*=modal] [class*=progress]:not(.intentional-progress){display:none;visibility:hidden;opacity:0;width:0;height:0;position:absolute;left:-9999px;top:-9999px}[class*=modal] [class*=loading]:not(.intentional-loading){display:none;visibility:hidden;opacity:0;width:0;height:0;position:absolute;left:-9999px;top:-9999px}.modal-overlay .loading-spinner:not(.modal-loading-spinner){display:none;visibility:hidden;opacity:0;width:0;height:0;position:absolute;left:-9999px;top:-9999px}.admin-modal-overlay .loading-spinner:not(.modal-loading-spinner){display:none;visibility:hidden;opacity:0;width:0;height:0;position:absolute;left:-9999px;top:-9999px}.modal-overlay [id*=progressBar]:not(.intentional-progress){display:none;width:0;height:0}.admin-modal-overlay [id*=progressBar]:not(.intentional-progress){display:none;width:0;height:0}.modal-content [class*=progress-bar]:not(.intentional-progress){display:none;width:0;height:0}.admin-modal-content [class*=progress-bar]:not(.intentional-progress){display:none;width:0;height:0}.modal-overlay:before{display:none;content:none}.admin-modal-overlay:before{display:none;content:none}.modal-content:before{display:none;content:none}.admin-modal-content:before{display:none;content:none}.modal-overlay [style*="position: absolute"][style*="top: 0"]:not(.intentional-overlay){display:none}.admin-modal-overlay [style*="position: absolute"][style*="top: 0"]:not(.intentional-overlay){display:none}.modal-content [style*="position: fixed"][style*=top]:not(.intentional-overlay){display:none}.admin-modal-content [style*="position: fixed"][style*=top]:not(.intentional-overlay){display:none}.admin-modal-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:linear-gradient(135deg,#87ac3a,var(--brand-secondary, #BF5700));color:#fff;border-radius:.5rem .5rem 0 0;margin:-1rem -1rem 1rem;position:relative}.admin-modal-content.content-section .admin-modal-header,.admin-modal-content.visual-section .admin-modal-header,.admin-modal-content.business-section .admin-modal-header,.admin-modal-content.technical-section .admin-modal-header{background:linear-gradient(135deg,var(--brand-primary, #87ac3a),var(--brand-secondary, #BF5700))}.confirmation-modal-header{display:none;padding:24px 24px 16px}.confirmation-modal-icon.success{background:linear-gradient(135deg,#87ac3a,var(--brand-secondary, #BF5700));color:#fff}.confirmation-modal-message{margin-bottom:1.5rem;color:#374151;line-height:1.6;font-size:15px}.confirmation-modal-footer{flex-direction:column;padding:16px 24px 24px;display:flex;gap:12px;justify-content:flex-end}.modal-button,.confirmation-modal-button{width:100%;justify-content:center;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;outline:none;display:flex;align-items:center;gap:8px}.modal-button:focus{outline:2px solid transparent;outline-offset:2px}.confirmation-modal-button:focus{outline:2px solid transparent;outline-offset:2px}.modal-button.btn-primary,.confirmation-modal-button.confirm{background:#87ac3a;color:#fff;border:1px solid #87ac3a}.modal-button.btn-primary:hover,.confirmation-modal-button.confirm:hover{background:var(--brand-secondary, #BF5700);border-color:var(--brand-secondary, #BF5700)}.confirmation-modal-button.confirm:focus{outline:none;box-shadow:0 0 0 2px #87ac3a7f;outline-color:#87ac3a}.modal-button.btn-secondary{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.confirmation-modal-button.cancel{border-color:#d1d5db;background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.modal-button.btn-secondary:hover,.confirmation-modal-button.cancel:hover{background:#e5e7eb}.modal-button.btn-danger,.confirmation-modal-button.danger{background:#ef4444;color:#fff;border:1px solid #ef4444}.modal-button.btn-danger:hover,.confirmation-modal-button.danger:hover{background:#dc2626;border-color:#dc2626}.room-modal-content .modal-footer .btn-primary{flex:2;padding:10px 16px;background:var(--brand-primary, #87ac3a);border:1px solid var(--brand-primary, #87ac3a);color:#fff;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.room-modal-content .modal-footer .btn-primary:hover{background:var(--brand-secondary, #BF5700);border-color:var(--brand-secondary, #BF5700)}.modal-form-container{flex-grow:1;overflow-y:auto;flex-direction:column;padding-right:.5rem;scrollbar-width:thin;scrollbar-color:#cbd5e0 #f7fafc;display:flex;gap:1.5rem}.modal-form-main-column{padding-right:.75rem;display:flex;flex-direction:column;gap:.75rem;flex:1}.modal-form-suggestions-column{flex:0 0 50%;padding-left:0;margin-top:1rem;display:flex;flex-direction:column;gap:.75rem;width:280px}.modal-loading{display:flex;align-items:center;justify-content:center;text-align:center;padding:2rem}@media (width <= 640px){.modal-content{width:95%;padding:16px;margin:10px}.admin-modal-content{width:95%;padding:1rem;margin:.5rem}.confirmation-modal{width:95%;margin:10px}.modal-footer,.confirmation-modal-footer{flex-direction:column;gap:8px}.modal-button,.confirmation-modal-button{width:100%;justify-content:center}.modal-form-container{flex-direction:column}}.modal-content-wrapper{display:flex;flex-direction:column;overflow:hidden;background-color:#fff;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;padding:1.5rem;width:100%;max-width:80rem;max-height:calc(100vh - 2rem);overflow-y:auto}.delete-modal{background:#0009;z-index:var(--z-modal-overlay, 100);visibility:hidden;position:fixed;inset:0;background-color:#0009;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s ease}#globalCSSScrollContainer{overflow-y:scroll;height:calc(90vh - 160px);scrollbar-width:thin;scrollbar-color:#9ca3af #f3f4f6}.fullscreen-modal-overlay{z-index:var(--z-debug);padding:0;background:#0000007f;display:flex;align-items:center;justify-content:center;opacity:1;visibility:visible;transition:all .3s ease;position:fixed;inset:0;width:100%;height:100vh}.confirmation-modal-overlay{background:#0000007f;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all .3s ease;position:fixed;inset:0;width:100%;height:100vh;z-index:var(--z-index-overlay-backdrop)}.confirmation-modal-overlay.under-header{z-index:calc(var(--z-index-page-header) - 1);align-items:flex-start;padding-top:var(--header-height, 80px)}.confirmation-modal-overlay.checkout-overlay{z-index:var(--z-index-checkout-overlay, 2500)}.confirmation-modal.receipt-modal{width:100%;max-width:8.5in;margin:20px}.receipt-modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid rgba(0,0,0,.08);background:#fff;position:sticky;top:0;z-index:var(--z-index-base, 1)}.receipt-modal-header .title{margin:0;font-size:1.125rem}.receipt-modal-content{background:#fff;padding:16px;border-radius:8px;box-shadow:0 10px 30px #0000001f;max-height:calc(100vh - var(--header-height, 80px) - 40px);overflow:auto}.receipt-loading{padding:24px;color:var(--color-text-secondary, #4b5563)}@media print{@page{size:letter portrait;margin:.5in}body *{visibility:hidden!important}.receipt-print-root,.receipt-print-root *{visibility:visible!important}.confirmation-modal-overlay{background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.receipt-modal-header{display:none!important}.confirmation-modal.receipt-modal,.receipt-modal-content,.receipt-print-root{position:static!important;margin:0!important;padding:0!important;box-shadow:none!important;width:auto!important;max-width:100%!important;height:auto!important;overflow:visible!important}}.room-modal-content{position:relative;height:90vh;background:#fff;border-radius:12px;box-shadow:0 25px 50px -12px #00000040;max-width:650px;width:95%;max-height:calc(100vh - 40px);min-height:auto;overflow-y:auto;padding:24px;transform:scale(1);transition:transform .3s ease;-webkit-overflow-scrolling:touch;overflow:hidden auto;--webkit-overflow-scrolling: touch}.compact-modal-content{background-color:#fff;margin:1rem;background:#fff;border-radius:8px;padding:1rem;width:100%;max-width:380px;box-shadow:0 4px 6px #0000001a;transform:scale(1);transition:transform .3s ease;-webkit-overflow-scrolling:touch;overflow:hidden auto;--webkit-overflow-scrolling: touch}.fullscreen-modal-content{border-radius:0;position:relative;background:#fff;box-shadow:0 25px 50px -12px #00000040;width:100%;height:100%;overflow-y:auto;transform:scale(1);transition:transform .3s ease;-webkit-overflow-scrolling:touch;overflow:hidden auto;--webkit-overflow-scrolling: touch}.admin-modal-content{margin:.5rem;min-width:600px;background:#fff;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;width:100%;max-width:80rem;max-height:calc(100vh - 2rem);overflow-y:auto;padding:1.5rem;transform:scale(1);transition:transform .3s ease;scrollbar-width:thin;scrollbar-color:#cbd5e0 #f7fafc;-webkit-overflow-scrolling:touch;overflow:hidden auto;--webkit-overflow-scrolling: touch;animation:modal-slide-in .3s ease-out;position:relative}#restructureModal .grid,#structureViewModal .grid{grid-template-columns:1fr;gap:1.5rem}.inline-stock-editor{min-width:30px;display:inline-block;text-align:center;cursor:pointer;padding:2px 6px;border-radius:4px;transition:all .2s ease;font-weight:500;color:#374151;background-color:transparent;border:1px solid transparent}.inline-stock-editor:hover{box-shadow:0 0 0 1px #87ac3a33;background-color:#f3f4f6;border-color:#d1d5db;color:#111827}.inline-stock-editor.editing{box-shadow:0 0 0 2px #87ac3a33;background-color:#fff;border-color:#3b82f6;padding:0}.inline-stock-input{box-shadow:0 0 0 2px #87ac3a33;width:60px;padding:2px 6px;border:2px solid #3b82f6;border-radius:4px;font-size:.875rem;font-weight:500;text-align:center;outline:none;background-color:#fff}input[type=checkbox].size-checkbox:checked{background-color:#3b82f6;border-color:#3b82f6}input[type=checkbox].color-checkbox:checked{background-color:#3b82f6;border-color:#3b82f6}.modal-overlay>*:first-child:not(.modal-content,.admin-modal-content){display:none;visibility:hidden}.admin-modal-overlay>*:first-child:not(.modal-content,.admin-modal-content){display:none;visibility:hidden}.modal-content>*:first-child[style*="height: 1px"]{display:none;visibility:hidden}.modal-content>*:first-child[style*="height: 2px"]{display:none;visibility:hidden}.modal-content>*:first-child[style*="height: 3px"]{display:none;visibility:hidden}.admin-modal-content>*:first-child[style*="height: 1px"]{display:none;visibility:hidden}.admin-modal-content>*:first-child[style*="height: 2px"]{display:none;visibility:hidden}.admin-modal-content>*:first-child[style*="height: 3px"]{display:none;visibility:hidden}[class*=modal] [style*="width: 100%"][style*="height: 1px"],[class*=modal] [style*="width: 100%"][style*="height: 2px"],[class*=modal] [style*="width: 100%"][style*="height: 3px"],[class*=modal] div[style*="transform-origin: left"],[class*=modal] div[style*=animation][style*=progress]{display:none;visibility:hidden}.detailed-item-modal-container .modal-header>div .modal-title{color:#fff}.detailed-item-modal-container .modal-header>div .modal-subtitle{color:#fff}.modal-header{margin-bottom:20px;padding-bottom:16px;display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg, 1.5rem);border-bottom:1px solid var(--border-color, #e5e7eb);background:var(--bg-subtle, #f9fafb)}.modal-close{top:var(--modal-close-top, 10px);right:var(--modal-close-right, 15px);background:none;border:none;cursor:pointer;padding:0;position:absolute;color:var(--text-secondary, #6b7280);font-size:var(--font-size-2xl, 1.5rem);line-height:1;text-decoration:none;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius, .375rem);transition:all .2s ease}.modal-close:hover{background-color:var(--modal-close-bg-hover, #f3f4f6);color:var(--text-primary, #1f2937);background:var(--bg-hover, #f3f4f6)}.modal-body{overflow-y:auto;flex:1;flex-direction:column;margin-bottom:24px;display:flex;flex-grow:1;overflow:hidden;gap:var(--spacing-lg, 1.5rem);padding:var(--spacing-lg, 1.5rem)}.modal-sidebar{max-height:300px;flex:0 0 320px;min-height:0}.modal-footer{flex-direction:column;padding-top:16px;display:flex;justify-content:flex-end;gap:var(--spacing-sm, .75rem);padding:var(--spacing-lg, 1.5rem);border-top:1px solid var(--border-color, #e5e7eb);background:var(--bg-subtle, #f9fafb)}.delete-modal.show{pointer-events:auto;opacity:1;visibility:visible}.delete-modal-content{background-color:#fff;background:var(--card-bg, white);border-radius:var(--border-radius-lg, .75rem);padding:var(--spacing-lg, 1.5rem);width:100%;max-width:400px;box-shadow:var(--shadow-xl, 0 20px 25px -5px rgb(0 0 0 / 10%));transform:scale(.95);transition:transform .3s ease}.delete-modal-title{text-shadow:0 2px 4px rgb(0 0 0 / 30%);font-size:var(--font-size-lg, 1.125rem);font-weight:var(--font-weight-semibold, 600);color:var(--text-primary, #1f2937);margin:0 0 var(--spacing-md, 1rem) 0}.delete-modal-actions{background:#f9fafb;padding:20px 24px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:var(--spacing-sm, .75rem)}.marketing-filter-form{flex-direction:column;display:flex;gap:var(--form-gap, 1rem);align-items:center;flex-wrap:wrap;padding:var(--card-padding, 1.5rem)}.filter-group{flex-direction:column;width:100%;display:flex;gap:var(--form-gap, 1rem);align-items:center;flex:1;min-width:0}.filter-field{flex-direction:column;display:flex;align-items:center;gap:var(--form-gap, .5rem);flex:1;min-width:200px}.stat-card{flex-direction:column;text-align:center;display:flex;align-items:center;gap:var(--card-gap, 1rem);padding:var(--card-padding, 1.5rem);background:var(--card-bg, white);border-radius:var(--border-radius, 8px);box-shadow:var(--card-shadow, 0 2px 4px rgb(0 0 0 / 10%));transition:var(--transition-all, all .3s ease)}.stat-icon{text-align:center;width:60px;height:60px;display:flex;align-items:center;justify-content:center;font-size:2rem;border-radius:var(--border-radius, 8px);background:linear-gradient(135deg,var(--primary-color, #87ac3a),var(--primary-hover, #BF5700));color:#fff;text-shadow:0 1px 2px rgb(0 0 0 / 20%)}.dashboard-section.full-width{grid-column:1 / -1}.order-id{font-size:var(--font-size-sm, .875rem);margin:0 0 var(--spacing-xs, .5rem) 0;font-family:monospace;font-weight:600;color:var(--primary-color, #87ac3a)}.customer-name{color:var(--text-primary, #1f2937);font-size:var(--font-size-sm, .875rem);line-height:1.4;font-weight:500}.tool-card{flex-direction:column;text-align:center;display:flex;align-items:center;gap:var(--card-gap, 1rem);padding:var(--card-padding, 1.25rem);background:var(--card-bg-secondary, #f8fafc);border-radius:var(--border-radius, 8px);transition:var(--transition-all, all .3s ease);text-decoration:none;color:inherit;border:1px solid var(--border-color, #e5e7eb);cursor:pointer}.section-header{flex-direction:column;gap:.5rem;background:linear-gradient(135deg,#1e293b,#334155);color:#fff;overflow:hidden;padding-bottom:1rem;position:relative;display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg, 1.5rem);padding:0 var(--spacing-md, 1rem) var(--spacing-md, 1rem);border-bottom:2px solid var(--border-color, #e5e7eb)}.section-title{line-height:1.3;margin:0;font-size:1.5rem;font-weight:700;color:var(--text-primary, #1f2937)}.input-group{position:relative;flex-wrap:wrap;align-items:stretch;width:100%;display:flex;gap:var(--form-gap, .5rem)}.input-group .form-input{position:relative;width:1%;min-width:0;flex:1}.subscribers-section{flex-direction:column;gap:var(--spacing-md, 1rem);text-align:center;display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg, 1.5rem);background:var(--card-bg-secondary, #f8fafc);border-radius:var(--border-radius, 8px);margin-top:var(--spacing-lg, 1.5rem);border:1px solid var(--border-color, #e5e7eb)}.social-account-card{flex-direction:column;text-align:center;display:flex;align-items:center;gap:var(--card-gap, 1rem);padding:var(--card-padding, 1.25rem);background:var(--card-bg-secondary, #f8fafc);border-radius:var(--border-radius, 8px);border:1px solid var(--border-color, #e5e7eb);position:relative}.post-header{flex-direction:column;gap:var(--spacing-sm, .75rem);display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md, 1rem);background:var(--card-bg-secondary, #f8fafc);border-bottom:1px solid var(--border-color, #e5e7eb)}.action-btn{padding:5px 8px;margin-right:4px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:4px;background:var(--card-bg-secondary, #f8fafc);color:var(--text-secondary, #6b7280);cursor:pointer;transition:var(--transition-all, all .2s ease);font-size:.875rem}.edit-btn:hover{background-color:#d97706;background:var(--primary-color, #87ac3a);color:#fff}.delete-btn:hover{background-color:#e53e3e;background:var(--text-danger, #ef4444);color:#fff}.status-badge{line-height:1.25;display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.status-sent,.status-posted{background:#d1fae5;color:#065f46}.status-active{background-color:var(--success-color, #10b981);background:#d1fae5;color:#065f46}.status-inactive{background-color:var(--danger-color, #ef4444);background:#fee2e2;color:#991b1b}@media (width <= 768px){.dashboard-stats-grid{grid-template-columns:1fr}.marketing-filter-form{flex-direction:column;align-items:stretch}.filter-group{align-items:stretch;flex-direction:column}.filter-field{min-width:auto}.tool-card,.stat-card{flex-direction:column;text-align:center;gap:var(--spacing-sm, .75rem)}.stat-icon{width:50px;height:50px;font-size:1.5rem}.stat-value{font-size:1.5rem}.subscribers-section{flex-direction:column;gap:var(--spacing-md, 1rem);text-align:center}.social-account-card{flex-direction:column;text-align:center;gap:var(--spacing-sm, .75rem)}.post-header{flex-direction:column;gap:var(--spacing-sm, .75rem)}}.filter-form-orders{flex-direction:column;display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;padding:1rem;background-color:var(--filter-bg, #f8fafc);border-radius:var(--filter-border-radius, .5rem);margin-bottom:1.5rem;border:1px solid var(--filter-border-color, #e2e8f0)}.filter-form-orders .filter-group{flex-direction:column;display:flex;align-items:center;gap:.5rem;min-width:0}.filter-form-orders .filter-input,.filter-form-orders .filter-select{width:100%;border:1px solid var(--form-border-color, #d1d5db);border-radius:var(--form-border-radius, .375rem);padding:var(--form-padding, .375rem .75rem);font-size:var(--form-font-size, .875rem);background-color:var(--form-bg, white);min-width:120px;transition:border-color .2s ease,box-shadow .2s ease}.filter-form-orders .filter-input:focus{outline:none;border-color:var(--form-focus-border, #87ac3a);box-shadow:0 0 0 1px var(--form-focus-border, #87ac3a)}.filter-form-orders .filter-select:focus{outline:none;border-color:var(--form-focus-border, #87ac3a);box-shadow:0 0 0 1px var(--form-focus-border, #87ac3a)}.order-modal{z-index:var(--z-overlay, 10050);position:fixed;inset:0;background-color:#0009;display:flex;align-items:flex-start;justify-content:center;padding:1rem;overflow-y:auto}.order-modal-content{background-color:#fff;border-radius:var(--modal-border-radius, .75rem);box-shadow:var(--modal-shadow, 0 20px 25px -5px rgb(0 0 0 / 10%), 0 10px 10px -5px rgb(0 0 0 / 4%));width:95%;max-width:80rem;margin:2rem auto;max-height:calc(100vh - 4rem);display:flex;flex-direction:column;position:relative;z-index:var(--z-index-modal-content, 10051)}.pos-items-grid{flex:1;background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 2px 8px #0000000d;border:1px solid #e5e7eb;overflow:hidden;display:flex;flex-direction:column}.items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;overflow-y:auto;flex:1;padding:.5rem}.pos-items-grid .item-card{background:#fff;border:2px solid #e5e7eb;border-radius:.75rem;padding:1rem;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;text-align:center;min-height:200px}.pos-items-grid .item-card:hover{border-color:var(--brand-primary, #87ac3a);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.pos-items-grid .item-image{width:80px;height:80px;-o-object-fit:cover;object-fit:cover;border-radius:.5rem;margin-bottom:.75rem;border:1px solid #e5e7eb}.pos-items-grid .item-name{font-size:.875rem;font-weight:600;color:#1f2937;margin-bottom:.25rem;line-height:1.3}.pos-items-grid .item-sku{font-size:.75rem;color:#6b7280;font-family:Monaco,Menlo,monospace;margin-bottom:.5rem}.pos-items-grid .item-price{font-size:1rem;font-weight:700;color:var(--brand-primary, #87ac3a)}.no-items-message{text-align:center;color:#6b7280;font-size:1rem;padding:2rem;background:#f9fafb;border-radius:.5rem;border:2px dashed #d1d5db}[class*=badge],[class*=-badge]{text-overflow:clip!important;white-space:nowrap!important;overflow:visible!important}.truncate{overflow:visible;text-overflow:clip}.cart-hidden{display:none}.cart-visible{display:inline}.indicator-hidden{display:none;visibility:hidden;opacity:0}.indicator-visible{display:block;visibility:visible;opacity:1;transition:opacity var(--transition-normal)}.tooltip-visible{visibility:visible;opacity:1;display:block;transition:opacity var(--transition-normal),visibility var(--transition-normal)}.tooltip-hidden{visibility:hidden;opacity:0;display:none;transition:opacity var(--transition-normal),visibility var(--transition-normal)}.image-viewer-controls-visible{display:flex}.image-viewer-controls-hidden{display:none}.image-viewer-modal-open{display:flex}.image-viewer-modal-closed{display:none}.clickable-icon{pointer-events:auto;cursor:pointer;transition:transform var(--transition-normal)}.clickable-icon:hover{transform:scale(1.05)}.clickable-icon:active{transform:scale(.95)}.loading-state{pointer-events:none;opacity:.6;transition:opacity var(--transition-normal)}.modal-open-overflow-hidden{overflow:hidden}.modal-open-position-fixed{position:fixed;width:100%;height:100%}.popup-measuring{opacity:0;display:block}.popup-positioned{left:var(--popup-left, 0);top:var(--popup-top, 0);opacity:1;display:block}#printBtn{background-color:var(--btn-primary-bg);color:var(--btn-primary-color);border:1px solid var(--btn-primary-bg);border-radius:var(--btn-border-radius);padding:var(--btn-padding);transition:var(--btn-transition)}#printBtn:hover:not(:disabled){background-color:var(--btn-primary-hover-bg);border-color:var(--btn-primary-hover-bg);color:var(--btn-primary-color);transform:translateY(-1px);box-shadow:0 4px 8px #87ac3a4d}#printBtn:active:not(:disabled){background-color:#5a7a1a;transform:translateY(0);box-shadow:0 2px 4px #87ac3a4d}.btn-secondary{background:var(--brand-primary);border-color:var(--brand-primary);background-color:transparent;color:var(--button-bg-primary);padding:var(--button-padding);border-radius:var(--button-border-radius);font-weight:500;transition:all .2s ease;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;box-shadow:0 2px 4px #0000000d}.btn-secondary:hover{background:var(--brand-secondary);border-color:var(--brand-secondary);background-color:var(--button-bg-primary);color:var(--button-text-primary);transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.btn-secondary:active{transform:translateY(0);box-shadow:0 2px 4px #0000000d}.enlarge-tooltip-styled{position:absolute;top:12px;right:12px;background-color:var(--brand-primary);color:#fff;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:500;opacity:0;transition:opacity var(--transition-normal);pointer-events:none;box-shadow:var(--shadow-md);white-space:nowrap}.payment-methods{grid-template-columns:1fr;display:grid;gap:1rem;margin-bottom:2rem}#posCartTotal{color:#dc3545;font-size:2.5rem;font-weight:700;text-shadow:3px 3px 6px rgb(0 0 0 / 30%);display:inline-block;visibility:visible}.quick-amounts{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin-bottom:2rem}#insufficientFunds{background:#ffebee;color:#c62828;padding:1rem;border-radius:8px;text-align:center;margin-bottom:1rem}.pos-modal-header{padding:1rem;border-radius:8px 8px 0 0;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem;margin:0;color:#fff}.pos-modal-title{margin:0;color:#fff;display:flex;align-items:center;gap:.5rem}.pos-modal-icon{font-size:1.5rem}.cart-scrollbar,.scrollbar-thin{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb-color) var(--scrollbar-track-color)}.cart-scrollbar::-webkit-scrollbar{width:var(--scrollbar-width-thin)}.scrollbar-thin::-webkit-scrollbar{width:var(--scrollbar-width-thin)}.cart-scrollbar::-webkit-scrollbar-track{background:var(--scrollbar-track-color);border-radius:var(--scrollbar-border-radius)}.scrollbar-thin::-webkit-scrollbar-track{background:var(--scrollbar-track-color);border-radius:var(--scrollbar-border-radius)}.cart-scrollbar::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb-color);border-radius:var(--scrollbar-border-radius);-webkit-transition:background-color var(--transition-base);transition:background-color var(--transition-base)}.scrollbar-thin::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb-color);border-radius:var(--scrollbar-border-radius);-webkit-transition:background-color var(--transition-base);transition:background-color var(--transition-base)}.cart-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover-color)}.scrollbar-thin::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover-color)}.scrollbar-thick{scrollbar-width:auto;scrollbar-color:var(--scrollbar-thumb-color) var(--scrollbar-track-color)}.scrollbar-thick::-webkit-scrollbar{width:var(--scrollbar-width-thick)}.scrollbar-thick::-webkit-scrollbar-track{background:var(--scrollbar-track-color);border-radius:var(--scrollbar-border-radius)}.scrollbar-thick::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb-color);border-radius:var(--scrollbar-border-radius);-webkit-transition:background-color var(--transition-base);transition:background-color var(--transition-base)}.scrollbar-thick::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover-color)}.m-0{margin:0}.u-cart-fallback{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f8f9fa;color:#6c757d;font-size:.75rem}.u-cart-fallback-icon{font-size:1.5rem;margin-bottom:.25rem}.u-cart-btn-cancel{background-color:#6b7280;color:#fff;transition:background-color .2s}.u-cart-btn-cancel:hover{background-color:#4b5563}.detailed-item-modal-header{border-bottom:1px solid var(--gray-200);padding:var(--space-4);display:flex;align-items:center;justify-content:space-between}.detailed-item-modal-header h2{margin:0;font-size:var(--text-xl);font-weight:700;color:var(--gray-900)}.detailed-item-modal-header p{margin:0;font-size:var(--text-sm);color:var(--gray-500)}.back-button{padding:var(--space-2) var(--space-3);background-color:var(--gray-100);color:var(--gray-700);border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast)}.back-button:hover{background-color:var(--gray-200)}input[type=button],input[type=submit],.button,[class*=btn]{border:none!important}.back-to-main-button{display:flex;background:var(--brand-primary);color:var(--white);border-radius:var(--radius-lg);-webkit-backdrop-filter:var(--backdrop-blur-sm);backdrop-filter:var(--backdrop-blur-sm);box-shadow:var(--shadow-md);min-width:120px;border:none!important}.item-card-image{position:relative;overflow:hidden;aspect-ratio:1 / 1;background-color:transparent!important;border:none!important;box-shadow:none!important;outline:none!important}.card-image{background-color:transparent!important;border:none!important;box-shadow:none!important;outline:none!important}.item-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:var(--item-image-border-radius);transition:transform .3s ease;background-color:transparent!important;border:none!important;box-shadow:none!important;outline:none!important}img{background-color:transparent!important;border:none!important;box-shadow:none!important;outline:none!important}#detailedItemModal .overflow-x-auto>div{border:none!important;box-shadow:none!important}#detailedItemModal .overflow-x-auto img{-o-object-fit:cover!important;object-fit:cover!important}.room-item{cursor:pointer;position:absolute;width:80px;height:80px;border-radius:4px;display:block;background:none!important;border:none!important}.room-item-img{width:100%;height:100%;-o-object-fit:cover!important;object-fit:cover!important}.modal-product-image{width:80px;height:80px;-o-object-fit:cover;object-fit:cover;border-radius:8px;border:none!important;background:#fff;padding:0!important;box-shadow:none!important}.room-modal-content .modal-product-image{width:180px;max-width:180px;height:auto;min-height:120px;max-height:300px;-o-object-fit:contain;object-fit:contain;border-radius:12px;border:none!important;background:#fff;padding:0!important;box-shadow:none!important}.shop-container{padding:1rem}.product-grid{padding:2rem 1rem;max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.product-card{background:#fff;box-shadow:0 2px 8px #0000001a;transition:all .3s ease;border:1px solid #ddd;border-radius:8px;padding:1rem;text-align:center}.product-card img{margin-bottom:1rem;max-width:100%;height:auto;border-radius:4px}.product-card h3{color:var(--color-text-primary);font-size:1.1rem;font-weight:600;margin:.5rem 0}.product-card .price{font-size:1.2rem;margin:.5rem 0;font-weight:700;color:#333}.admin-panel{display:grid;grid-template-columns:250px 1fr;min-height:100vh;background:#fff;border-radius:8px;box-shadow:0 4px 6px #00000012;overflow:hidden;padding:1rem;background-color:#f0f0f0;border:1px solid #ccc}.site-footer{padding-top:var(--footer-padding-top);padding-bottom:var(--footer-padding-bottom);font-size:var(--footer-font-size);line-height:1.6;margin-top:auto;background-color:#333;color:#fff;padding:2rem 1rem;text-align:center}.footer-links{margin-bottom:1rem}.footer-links a{color:#fff;text-decoration:none;margin:0 .5rem}.footer-links a:hover{text-decoration:underline}.text-center{text-align:center}.hidden{display:none}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.room-modal-content-wrapper{aspect-ratio:1280 / 896;position:absolute;top:0;left:0;width:100%;height:100%;z-index:var(--z-content-overlay)}.popup-content{cursor:pointer;transition:all .2s ease;background:#fff;border-radius:12px;padding:24px;max-width:500px;width:100%;position:relative;box-shadow:0 20px 40px #0000004d}.popup-close{position:absolute;top:12px;right:12px;background:none;border:none;font-size:24px;cursor:pointer;color:#666;line-height:1;padding:4px}.popup-close:hover{color:#000}.popup-body{flex-direction:column;display:flex;gap:20px;align-items:flex-start}.popup-image{max-width:100%;max-height:400px;margin-bottom:10px;background:#fff;width:150px;height:150px;-o-object-fit:contain;object-fit:contain;border-radius:8px;flex-shrink:0}.popup-details{display:flex;flex-direction:column;gap:8px;flex:1}.popup-title{line-height:1.2;font-size:1.25rem;font-weight:700;margin:0 0 8px;color:#333}.popup-description{white-space:pre-wrap;word-wrap:break-word;font-size:.9rem;color:#666;margin:0 0 12px;line-height:1.4}.popup-price{font-size:1.1rem;font-weight:700;color:var(--brand-primary, #87ac3a);margin:0 0 16px}.popup-add-to-cart-btn:hover{background:var(--brand-primary-hover, var(--brand-secondary, #BF5700));transform:translateY(-1px)}.popup-add-to-cart-btn:active{transform:translateY(0)}@media (width <= 768px){.popup-content{max-width:90%;padding:16px}.popup-body{flex-direction:column;gap:16px}.popup-image{max-height:300px;width:100%;height:200px}}.room-header.seo-only{display:none}.item-icon{position:absolute;transition:all .3s ease;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#fff;padding:0!important;border-radius:12px;box-shadow:none!important;pointer-events:auto;cursor:pointer}.room-modal-image-container{text-align:center;margin-bottom:15px}.room-modal-product-image{width:120px;height:120px;-o-object-fit:contain;object-fit:contain;border-radius:8px;background:#f8f9fa}.room-modal-product-info{text-align:center;margin-bottom:15px}.room-modal-product-name{font-size:1rem;margin:0 0 5px;color:#333}.room-modal-product-price{font-size:1.1rem;font-weight:700;margin:0;color:#87ac3a}.room-modal-order-summary{background:#f8f9fa;padding:10px;border-radius:6px;margin-bottom:15px}.room-modal-summary-total{display:flex;justify-content:space-between;align-items:center;font-size:1.1rem;font-weight:700}.room-modal-summary-total-price{color:var(--primary-color, #87ac3a)}.room-modal-summary-details{display:flex;justify-content:center;margin-top:5px;font-size:.85rem;color:#666}.room-modal-footer{display:flex;gap:10px}.room-modal-footer .btn{flex:1;padding:10px;border-radius:6px;cursor:pointer}.room-modal-footer .btn-secondary{border:1px solid #ddd;background:#f8f9fa}.room-modal-footer .btn-primary{background:#87ac3a;color:#fff;border:none;font-weight:700}[class*=room-bg-]{background-size:cover;background-position:center;background-repeat:no-repeat}.room-bg-main{background-size:cover;background-position:center;background-repeat:no-repeat;--bg-webp: url(/assets/background-room-main-CD7UiX_S.webp);--bg-png: url(/assets/background-room-main-Cjg0PIo1.png);background-image:var(--bg-webp)}.room-bg-landing{background-size:cover;background-position:center;background-repeat:no-repeat;--bg-webp: url(/assets/background-home-ygUgfduk.webp);--bg-png: url(/assets/background-home-BN2Fr02e.png);background-image:var(--bg-webp)}.room-bg-room1{background-size:cover;background-position:center;background-repeat:no-repeat;--bg-webp: url(/assets/background-room1-BUvmOZSA.webp);--bg-png: url(/assets/background-room1-69zJCyl9.png);background-image:var(--bg-webp)}.room-bg-room2{background-size:cover;background-position:center;background-repeat:no-repeat;--bg-webp: url(/assets/background-room2-BMLkGMLa.webp);--bg-png: url(/assets/background-room2-QYNwRAWI.png);background-image:var(--bg-webp)}.room-bg-room3{background-size:cover;background-position:center;background-repeat:no-repeat;--bg-webp: url(/assets/background-room3-BdYbvP-I.webp);--bg-png: url(/assets/background-room3-BI57Zz5G.png);background-image:var(--bg-webp)}.room-bg-room4{background-size:cover;background-position:center;background-repeat:no-repeat;--bg-webp: url(/assets/background-room4-BBq60N2j.webp);--bg-png: url(/assets/background-room4-CXxMWXs1.png);background-image:var(--bg-webp)}.room-bg-room5{background-size:cover;background-position:center;background-repeat:no-repeat;--bg-webp: url(/assets/background-room5-YLYEOZt2.webp);--bg-png: url(/assets/background-room5-DsaKXC6J.png);background-image:var(--bg-webp)}.modal-overlay{position:fixed;inset:0;background:#0000007f;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;opacity:1;visibility:visible;transition:all .3s ease;padding:20px;box-sizing:border-box;z-index:var(--z-global-popup, var(--z-overlay, 10050))}.modal-overlay.hidden{opacity:0;visibility:hidden;pointer-events:none}.modal-overlay.show{opacity:1;visibility:visible;pointer-events:auto}.admin-modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;padding:1rem;opacity:1;visibility:visible;transition:all .3s ease;z-index:var(--z-global-popup, var(--z-admin-overlay, var(--z-overlay, 10050)))}.admin-modal-overlay.hidden{opacity:0;visibility:hidden;pointer-events:none}.admin-modal-overlay.show{opacity:1;visibility:visible;pointer-events:auto}.fullscreen-modal-overlay{position:fixed;inset:0;background:#0000007f;display:flex;align-items:center;justify-content:center;opacity:1;visibility:visible;transition:all .3s ease;z-index:var(--z-overlay, 10050)}.fullscreen-modal-overlay.hidden{opacity:0;visibility:hidden;pointer-events:none}.modal-content{background:#fff;border-radius:12px;box-shadow:0 25px 50px -12px #00000040;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;padding:24px;transform:scale(1);transition:transform .3s ease;position:relative;z-index:var(--z-index-modal-content, 10051)}#cartPage .modal-content{max-height:none;overflow-y:visible;max-width:none;width:100%;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}body:has(#cartPage){overflow-x:hidden}.room-modal-content{background:#fff;border-radius:12px;box-shadow:0 25px 50px -12px #00000040;max-width:650px;width:95%;max-height:calc(100vh - 40px);min-height:auto;overflow-y:auto;padding:24px;transform:scale(1);transition:transform .3s ease}.modal-overlay.hidden .modal-content,.modal-overlay.hidden .room-modal-content{transform:scale(.95)}.admin-modal-content{background:#fff;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;width:100%;max-width:80rem;max-height:calc(100vh - 2rem);overflow-y:auto;padding:1.5rem;transform:scale(1);transition:transform .3s ease;scrollbar-width:thin;scrollbar-color:#cbd5e0 #f7fafc}.admin-modal-content::-webkit-scrollbar{width:8px}.admin-modal-content::-webkit-scrollbar-track{background:#f7fafc;border-radius:4px}.admin-modal-content::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.admin-modal-content::-webkit-scrollbar-thumb:hover{background:#a0aec0}.admin-modal-overlay.hidden .admin-modal-content{transform:scale(.95)}.compact-modal-content{background:#fff;border-radius:8px;padding:1rem;width:100%;max-width:380px;box-shadow:0 4px 6px #0000001a;transform:scale(1);transition:transform .3s ease}.modal-overlay.hidden .compact-modal-content{transform:scale(.95)}.fullscreen-modal-content{background:#fff;box-shadow:0 25px 50px -12px #00000040;width:100%;height:100%;overflow-y:auto;transform:scale(1);transition:transform .3s ease}.fullscreen-modal-overlay.hidden .fullscreen-modal-content{transform:scale(.98)}.modal-overlay [id*=AutoSaveIndicator],.admin-modal-overlay [id*=AutoSaveIndicator],.modal-content [class*=auto-save],.admin-modal-content [class*=auto-save],.modal [class*=saving],[class*=modal] [class*=progress]:not(.intentional-progress),[class*=modal] [class*=loading]:not(.intentional-loading),.modal-overlay .loading-spinner:not(.modal-loading-spinner),.admin-modal-overlay .loading-spinner:not(.modal-loading-spinner){display:none;visibility:hidden;opacity:0;width:0;height:0;position:absolute;left:-9999px;top:-9999px}.modal-overlay [id*=progressBar]:not(.intentional-progress),.admin-modal-overlay [id*=progressBar]:not(.intentional-progress),.modal-content [class*=progress-bar]:not(.intentional-progress),.admin-modal-content [class*=progress-bar]:not(.intentional-progress){display:none;width:0;height:0}.modal-overlay:before,.admin-modal-overlay:before,.modal-content:before,.admin-modal-content:before{display:none;content:none}.modal-overlay [style*="position: absolute"][style*="top: 0"]:not(.intentional-overlay),.admin-modal-overlay [style*="position: absolute"][style*="top: 0"]:not(.intentional-overlay),.modal-content [style*="position: fixed"][style*=top]:not(.intentional-overlay),.admin-modal-content [style*="position: fixed"][style*=top]:not(.intentional-overlay){display:none}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px}.modal-title{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0}.modal-subtitle{font-size:.875rem;color:#6b7280;margin:4px 0 0}.modal-close{background:none;border:none;font-size:var(--modal-close-font-size, 24px);color:var(--modal-close-color, #6b7280);cursor:pointer;padding:0;width:var(--modal-close-size, 30px);height:var(--modal-close-size, 30px);display:flex;align-items:center;justify-content:center;border-radius:6px;transition:background-color .2s ease,color .2s ease;position:absolute}.modal-close{top:var(--modal-close-top, 10px);right:var(--modal-close-right, 15px)}.modal-close.position-top-left{top:var(--modal-close-top, 10px);left:var(--modal-close-left, 15px);right:auto}.modal-close.position-top-center{top:var(--modal-close-top, 10px);left:50%;right:auto;transform:translate(-50%)}.modal-close.position-bottom-right{top:auto;bottom:var(--modal-close-top, 10px);right:var(--modal-close-right, 15px)}.modal-close.position-bottom-left{inset:auto auto var(--modal-close-top, 10px) var(--modal-close-left, 15px)}.modal-close:hover{background-color:var(--modal-close-bg-hover, #f3f4f6);color:var(--modal-close-hover-color, #374151)}.admin-modal-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:linear-gradient(135deg,var(--brand-primary, #87ac3a),var(--brand-secondary, #BF5700));color:#fff;border-radius:.5rem .5rem 0 0;margin:-1rem -1rem 1rem;position:relative}.admin-modal-header .modal-close-btn{position:absolute;top:12px;right:16px;margin:0}.admin-modal-header h2{position:absolute;left:16px;top:50%;transform:translateY(-50%);margin:0}.admin-modal-content.content-section .admin-modal-header{background:linear-gradient(135deg,#3b82f6,#1e40af)}.admin-modal-content.visual-section .admin-modal-header{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.admin-modal-content.business-section .admin-modal-header{background:linear-gradient(135deg,#10b981,#059669)}.admin-modal-content.technical-section .admin-modal-header{background:linear-gradient(135deg,#ef4444,#dc2626)}.admin-modal-header .modal-title{color:#fff;font-size:1.5rem}.admin-modal-header .modal-close{color:#fff}.admin-modal-header .modal-close:hover{background-color:#ffffff1a;color:#fff}.modal-body{margin-bottom:24px}.modal-footer{display:flex;gap:12px;justify-content:flex-end;padding-top:16px;border-top:1px solid #e5e7eb}.confirmation-modal-overlay{position:fixed;inset:0;background:#0000007f;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all .3s ease;z-index:var(--z-overlay, 10050)}.confirmation-modal-overlay.show{opacity:1;visibility:visible}.confirmation-modal{background:#fff;border-radius:12px;box-shadow:0 25px 50px -12px #00000040;max-width:500px;width:90%;margin:20px;transform:scale(.9) translateY(20px);transition:all .3s ease}.confirmation-modal-overlay.show .confirmation-modal{transform:scale(1) translateY(0)}.confirmation-modal-header{padding:24px 24px 16px}.confirmation-modal-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:24px}.confirmation-modal-icon.warning{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff}.confirmation-modal-icon.danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.confirmation-modal-icon.info{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.confirmation-modal-icon.success{background:linear-gradient(135deg,var(--brand-primary, #87ac3a),var(--brand-secondary, #BF5700));color:#fff}.confirmation-modal-title{font-size:20px;font-weight:600;color:#1f2937;text-align:center;margin-bottom:8px}.confirmation-modal-subtitle{font-size:14px;color:#6b7280;text-align:center}.confirmation-modal-body{padding:16px 24px}.confirmation-modal-message{color:#374151;line-height:1.6;font-size:15px}.confirmation-modal-details{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:12px;margin-top:12px;font-size:14px}.confirmation-modal-details ul{margin:0;padding-left:20px}.confirmation-modal-details li{margin:4px 0;color:#4b5563}.confirmation-modal-footer{padding:16px 24px 24px;display:flex;gap:12px;justify-content:flex-end}.modal-button{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;outline:none;display:flex;align-items:center;gap:8px}.modal-button:focus{outline:2px solid currentcolor;outline-offset:2px}.modal-button.btn-primary{background:#87ac3a;color:#fff;border:1px solid #87ac3a}.modal-button.btn-primary:hover{background:var(--brand-secondary, #BF5700);border-color:var(--brand-secondary, #BF5700)}.modal-button.btn-primary:focus{outline-color:#87ac3a}.modal-button.btn-secondary{background:#f3f4f6;color:#374151;border:none}.modal-button.btn-secondary:hover{background:#e5e7eb}.modal-button.btn-secondary:focus{outline-color:#9ca3af}.modal-button.btn-danger{background:#ef4444;color:#fff;border:1px solid #ef4444}.modal-button.btn-danger:hover{background:#dc2626;border-color:#dc2626}.modal-button.btn-danger:focus{outline-color:#ef4444}.modal-button:disabled{opacity:.5;cursor:not-allowed}.confirmation-modal-button{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;outline:none;display:flex;align-items:center;gap:8px}.confirmation-modal-button:focus{outline:2px solid currentcolor;outline-offset:2px}.confirmation-modal-button.cancel{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.confirmation-modal-button.cancel:hover{background:#e5e7eb}.confirmation-modal-button.cancel:focus{outline-color:#9ca3af}.confirmation-modal-button.confirm{background:#87ac3a;color:#fff}.confirmation-modal-button.confirm:hover{background:var(--brand-secondary, #BF5700)}.confirmation-modal-button.confirm:focus{outline-color:#87ac3a}.confirmation-modal-button.danger{background:#ef4444;color:#fff}.confirmation-modal-button.danger:hover{background:#dc2626}.confirmation-modal-button.danger:focus{outline-color:#ef4444}.confirmation-modal-button:disabled{opacity:.5;cursor:not-allowed}.product-summary{display:flex;align-items:flex-start;gap:16px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #e5e7eb}.modal-product-image{width:80px;height:80px;-o-object-fit:cover;object-fit:cover;border-radius:8px;border:1px solid #e5e7eb}.room-modal-content .modal-product-image{width:180px;max-width:180px;height:auto;min-height:120px;max-height:300px;-o-object-fit:contain;object-fit:contain;border-radius:12px;border:2px solid #e5e7eb;background:#f9fafb;padding:8px}.room-modal-content .product-summary{display:flex;flex-direction:row;align-items:flex-start;text-align:left;gap:20px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #e5e7eb}.room-modal-content .product-info{flex:1;width:auto}.room-modal-content .product-name{font-size:1.2rem;font-weight:600;color:#1f2937;margin:0 0 8px;line-height:1.3}.room-modal-content .product-price{font-size:1.1rem;font-weight:500;color:#059669;margin:0 0 16px}.room-modal-content .quantity-selector{margin-bottom:16px}.room-modal-content .quantity-label{font-size:.9rem;font-weight:500;color:#374151;margin-bottom:8px;display:block;text-align:center}.room-modal-content .quantity-controls{display:flex;align-items:center;justify-content:center;gap:8px}.room-modal-content .qty-btn{width:36px;height:36px;border:1px solid #d1d5db;background:#f9fafb;color:#374151;border-radius:6px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.room-modal-content .qty-btn:hover{background:#e5e7eb;border-color:#9ca3af}.room-modal-content .qty-input{width:60px;height:36px;text-align:center;border:1px solid #d1d5db;border-radius:6px;font-size:1rem;font-weight:500}.room-modal-content .order-summary{background:#f9fafb;border-radius:8px;padding:12px;margin-bottom:16px}.room-modal-content .summary-row{display:flex;justify-content:space-between;align-items:center;font-size:.9rem;margin-bottom:6px}.room-modal-content .summary-row:last-child{margin-bottom:0;padding-top:6px;border-top:1px solid #e5e7eb;font-weight:600;font-size:1rem;color:#059669}.room-modal-content .modal-footer{display:flex;gap:8px;justify-content:center;padding-top:12px;border-top:1px solid #e5e7eb}.room-modal-content .modal-footer .btn-secondary{flex:1;padding:10px 16px;background:#f3f4f6;border:1px solid #d1d5db;color:#374151;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.room-modal-content .modal-footer .btn-secondary:hover{background:#e5e7eb}.room-modal-content .modal-footer .btn-primary{flex:2;padding:10px 16px;background:#059669;border:1px solid #059669;color:#fff;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.room-modal-content .modal-footer .btn-primary:hover{background:#047857;border-color:#047857}.modal-form-container{display:flex;gap:1.5rem}.modal-form-main-column{flex:1}.modal-form-side-column{width:300px}.modal-form-suggestions-column{width:280px}.modal-input{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;transition:border-color .2s ease,box-shadow .2s ease}.modal-input:focus{outline:none;border-color:#059669;box-shadow:0 0 0 3px #0596691a}.modal-textarea{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;resize:vertical;min-height:80px;transition:border-color .2s ease,box-shadow .2s ease}.modal-textarea:focus{outline:none;border-color:#059669;box-shadow:0 0 0 3px #0596691a}.modal-select{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;background-color:#fff;transition:border-color .2s ease,box-shadow .2s ease}.modal-select:focus{outline:none;border-color:#059669;box-shadow:0 0 0 3px #0596691a}.modal-loading{text-align:center;padding:2rem}.modal-loading-spinner{display:inline-block;width:32px;height:32px;border:3px solid #f3f4f6;border-radius:50%;border-top-color:#059669;animation:spin 1s ease-in-out infinite;margin-bottom:1rem}@keyframes spin{to{transform:rotate(360deg)}}.modal-error{background-color:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:12px;border-radius:8px;margin-bottom:16px}.modal-success{background-color:#f0fdf4;border:1px solid #bbf7d0;color:#059669;padding:12px;border-radius:8px;margin-bottom:16px}@media (width <= 640px){.modal-content{width:95%;padding:16px;margin:10px}.admin-modal-content{width:95%;padding:1rem;margin:.5rem}.confirmation-modal{width:95%;margin:10px}.modal-footer,.confirmation-modal-footer{flex-direction:column;gap:8px}.modal-button,.confirmation-modal-button{width:100%;justify-content:center}.modal-form-container{flex-direction:column}.modal-form-side-column,.modal-form-suggestions-column{width:100%}}.modal-visible{display:flex}.modal-no-scroll{overflow:hidden}.modal-scrollable{overflow-y:auto}body.image-viewer-open #imageViewerModal{position:fixed;inset:0;background:#000000e5;display:flex;align-items:center;justify-content:center}.modal-outer{position:fixed;inset:0;background-color:#0009;display:flex;align-items:center;justify-content:center;padding:1rem}.modal-content-wrapper{background-color:#fff;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;padding:1.5rem;width:100%;max-width:80rem;max-height:calc(100vh - 2rem);overflow-y:auto}.cost-modal{position:fixed;inset:0;background-color:#0009;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s ease}.cost-modal.show{opacity:1;pointer-events:auto}.cost-modal-content{background-color:#fff;border-radius:8px;padding:1rem;width:100%;max-width:380px;box-shadow:0 4px 6px #0000001a;transform:scale(.95);transition:transform .3s ease}.cost-modal.show .cost-modal-content{transform:scale(1)}.delete-modal{position:fixed;inset:0;background-color:#0009;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s ease}.delete-modal.show{opacity:1;pointer-events:auto}.delete-modal-content{background-color:#fff;border-radius:.5rem;padding:1.25rem;width:100%;max-width:30rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .3s ease-out}.animate-slide-in-up{animation:fadeInUp .3s ease-out}.admin-tab-bar{display:flex;margin-bottom:1rem}#globalCSSModal{display:flex;align-items:center;justify-content:center}#globalCSSModal.hidden{display:none}.css-category-tab{padding:.75rem 1rem;border-bottom:2px solid transparent;cursor:pointer;transition:all .2s ease}.css-category-tab:hover{background-color:#f3f4f6}.css-category-tab.active{border-bottom-color:#059669;color:#059669}.css-category-content{display:block}.css-category-content.hidden{display:none}.css-rule-input{transition:all .2s ease}.css-rule-input:focus{border-color:#059669;box-shadow:0 0 0 3px #0596691a}.css-rule-input:hover{border-color:#9ca3af}input[type=color]{width:100%;height:40px;border:1px solid #d1d5db;border-radius:6px;cursor:pointer}input[type=color]::-webkit-color-swatch{border:none;border-radius:4px}input[type=color]::-moz-color-swatch{border:none;border-radius:4px}#globalCSSScrollContainer{scrollbar-width:thin;scrollbar-color:#9ca3af #f3f4f6}#globalCSSScrollContainer::-webkit-scrollbar{width:12px}#globalCSSScrollContainer::-webkit-scrollbar-track{background:#f3f4f6;border-radius:6px}#globalCSSScrollContainer::-webkit-scrollbar-thumb{background:#9ca3af;border-radius:6px;border:2px solid #f3f4f6}body.modal-open{overflow:hidden;padding-right:var(--scrollbar-width, 0)}html.modal-open{overflow:hidden}.modal-overlay,.admin-modal-overlay,.fullscreen-modal-overlay,.confirmation-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100vh}.modal-content,.admin-modal-content,.room-modal-content,.compact-modal-content,.fullscreen-modal-content{overflow:hidden auto;--webkit-overflow-scrolling: touch}.modal-hidden{display:none}.modal-content,.admin-modal-content{position:relative}.structure-analysis-section{margin-bottom:1rem}.structure-analysis-section .bg-yellow-50{background-color:#fefce8;border-color:#fbbf24}.structure-analysis-section .text-yellow-800{color:#92400e}.structure-analysis-section .text-yellow-700{color:#a16207}#restructureModal .modal-content,#structureViewModal .modal-content{max-width:90vw;max-height:90vh;overflow-y:auto}#restructureModal .grid,#structureViewModal .grid{gap:1.5rem}#restructureModal .size-checkbox,#restructureModal .color-checkbox{transform:scale(1.2);margin-left:.5rem}#restructureModal .color-stock{width:4rem;padding:.25rem .5rem;border:1px solid #d1d5db;border-radius:.25rem;font-size:.875rem}#structureViewModal .size-badge{background-color:#dbeafe;color:#1e40af;padding:.25rem .5rem;border-radius:.25rem;font-size:.875rem;font-weight:500}.inline-stock-editor{cursor:pointer;padding:2px 6px;border-radius:4px;transition:all .2s ease;font-weight:500;color:#374151;background-color:transparent;border:1px solid transparent}.inline-stock-editor:hover{background-color:#f3f4f6;border-color:#d1d5db;color:#111827}.inline-stock-editor.editing{background-color:#fff;border-color:#3b82f6;padding:0}.inline-stock-input{width:60px;padding:2px 6px;border:2px solid #3b82f6;border-radius:4px;font-size:.875rem;font-weight:500;text-align:center;outline:none;background-color:#fff}.inline-stock-input:focus{border-color:#1d4ed8;box-shadow:0 0 0 3px #3b82f61a}#structureAnalysisResult .bg-white{background-color:#fff;border:1px solid #fbbf24;border-radius:.5rem;padding:.75rem;margin-top:.75rem}#structureAnalysisResult .text-red-700{color:#b91c1c}#structureAnalysisResult .text-red-600{color:#dc2626}#structureAnalysisResult .text-blue-700{color:#1d4ed8}#structureAnalysisResult .text-blue-600{color:#2563eb}@media (width <= 768px){#restructureModal .grid,#structureViewModal .grid{grid-template-columns:1fr;gap:1rem}#restructureModal .max-w-4xl,#structureViewModal .max-w-4xl{max-width:95vw;margin:.5rem}.structure-analysis-section .flex.space-x-2{flex-direction:column;gap:.5rem}.structure-analysis-section .flex.space-x-2 button{width:100%}}.color-swatch{width:2rem;height:2rem;border-radius:50%;border:2px solid #e5e7eb;flex-shrink:0;display:inline-block}.color-swatch.small{width:1.5rem;height:1.5rem}.color-swatch.large{width:2.5rem;height:2.5rem}.size-badge{background-color:#dbeafe;color:#1e40af;padding:.25rem .5rem;border-radius:.25rem;font-size:.875rem;font-weight:500;display:inline-block}.size-badge.small{padding:.125rem .375rem;font-size:.75rem}.size-badge.large{padding:.375rem .75rem;font-size:1rem}.inline-stock-editor.success{background-color:#dcfce7;border-color:#16a34a;color:#166534}.inline-stock-editor.error{background-color:#fef2f2;border-color:#dc2626;color:#991b1b}.inline-stock-editor.loading{opacity:.6;cursor:not-allowed;background-color:#f9fafb}.structure-analysis-section button:hover{transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.structure-analysis-section button:active{transform:translateY(0)}input[type=checkbox].size-checkbox,input[type=checkbox].color-checkbox{width:1.125rem;height:1.125rem;accent-color:#3b82f6;cursor:pointer}input[type=checkbox].size-checkbox:checked,input[type=checkbox].color-checkbox:checked{background-color:#3b82f6;border-color:#3b82f6}.structure-analysis-section [title]{position:relative}.structure-analysis-section [title]:hover:after{content:attr(title);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#1f2937;color:#fff;padding:.5rem;border-radius:.25rem;font-size:.75rem;white-space:nowrap;margin-bottom:.25rem}.structure-analysis-section [title]:hover:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:#1f2937}.modal-overlay>*:first-child:not(.modal-content,.admin-modal-content),.admin-modal-overlay>*:first-child:not(.modal-content,.admin-modal-content),.modal-content>*:first-child[style*="height: 1px"],.modal-content>*:first-child[style*="height: 2px"],.modal-content>*:first-child[style*="height: 3px"],.admin-modal-content>*:first-child[style*="height: 1px"],.admin-modal-content>*:first-child[style*="height: 2px"],.admin-modal-content>*:first-child[style*="height: 3px"],[class*=modal] [style*="width: 100%"][style*="height: 1px"],[class*=modal] [style*="width: 100%"][style*="height: 2px"],[class*=modal] [style*="width: 100%"][style*="height: 3px"],[class*=modal] div[style*="transform-origin: left"],[class*=modal] div[style*=animation][style*=progress]{display:none;visibility:hidden}.step-badge-container{position:relative;display:inline-block}.step-badge{position:absolute;width:var(--step-badge-size, 60px);height:var(--step-badge-size, 60px);background-color:var(--step-badge-bg-color, #ef4444);color:var(--step-badge-text-color, #fff);border-radius:var(--step-badge-border-radius, 50%);display:flex;align-items:center;justify-content:center;font-size:var(--step-badge-font-size, 12px);font-weight:var(--step-badge-font-weight, bold);top:var(--step-badge-position-top, -10px);right:var(--step-badge-position-right, -10px);pointer-events:none;text-align:center;line-height:1.2}.step-badge-1:after{content:var(--step-badge-text-step1, "Step 1")}.step-badge-2:after{content:var(--step-badge-text-step2, "Step 2")}.step-badge-3:after{content:var(--step-badge-text-step3, "Step 3")}.step-badge.hidden{display:none}.button-with-badge{position:relative;display:inline-block}.detailed-item-modal-container .modal-header{flex-direction:row-reverse}.detailed-item-modal-container .modal-header>div{background-color:var(--brand-primary);padding:12px 16px;border-radius:.5rem 0 0 .5rem}.detailed-item-modal-container .modal-header>div .modal-title,.detailed-item-modal-container .modal-header>div .modal-subtitle{color:#fff}.detailed-item-modal-container .modal-button.btn-secondary{background:var(--brand-primary);color:#fff;border:none!important}.detailed-item-modal-container .modal-button.btn-secondary:hover{background:var(--brand-secondary);border:none!important}.customer-modal{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal, 50);padding:var(--spacing-md, 1rem)}.modal-content{background:var(--card-bg, white);border-radius:var(--border-radius-lg, .75rem);box-shadow:var(--shadow-xl, 0 20px 25px -5px rgb(0 0 0 / 10%), 0 10px 10px -5px rgb(0 0 0 / 4%));width:100%;max-width:65rem;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg, 1.5rem);border-bottom:1px solid var(--border-color, #e5e7eb);background:var(--bg-subtle, #f9fafb)}.modal-title{font-size:var(--font-size-lg, 1.125rem);font-weight:var(--font-weight-semibold, 600);color:var(--primary-color, #87ac3a);margin:0}.modal-close{color:var(--text-secondary, #6b7280);font-size:var(--font-size-2xl, 1.5rem);line-height:1;text-decoration:none;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius, .375rem);transition:all .2s ease}.modal-close:hover{color:var(--text-primary, #1f2937);background:var(--bg-hover, #f3f4f6)}.modal-form{display:flex;flex-direction:column;flex-grow:1;overflow:hidden}.modal-body{display:flex;flex-grow:1;overflow:hidden;gap:var(--spacing-lg, 1.5rem);padding:var(--spacing-lg, 1.5rem)}.modal-main{flex:1;overflow-y:auto;min-height:0;padding-right:var(--spacing-xs, .5rem)}.modal-sidebar{flex:0 0 320px;min-height:0}@media (width <= 1024px){.modal-body{flex-direction:column}.modal-sidebar{flex:none;max-height:300px}}.modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-sm, .75rem);padding:var(--spacing-lg, 1.5rem);border-top:1px solid var(--border-color, #e5e7eb);background:var(--bg-subtle, #f9fafb)}.customer-profile-header{display:flex;align-items:center;gap:var(--spacing-md, 1rem);margin-bottom:var(--spacing-lg, 1.5rem);padding-bottom:var(--spacing-md, 1rem);border-bottom:1px solid var(--border-color, #e5e7eb)}.customer-avatar-large{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color, #87ac3a),var(--primary-dark, #BF5700));display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:var(--shadow-md, 0 4px 6px -1px rgb(0 0 0 / 10%))}.avatar-initials-large{color:#fff;font-weight:var(--font-weight-bold, 700);font-size:var(--font-size-xl, 1.25rem);letter-spacing:1px}.profile-info{flex:1;min-width:0}.profile-section-title{font-size:var(--font-size-lg, 1.125rem);font-weight:var(--font-weight-medium, 500);color:var(--text-primary, #1f2937);margin:0}.order-history-panel{background:var(--bg-subtle, #f9fafb);border:1px solid var(--border-color, #e5e7eb);border-radius:var(--border-radius-lg, .75rem);height:100%;display:flex;flex-direction:column;overflow:hidden}.order-history-title{font-size:var(--font-size-base, 1rem);font-weight:var(--font-weight-semibold, 600);color:var(--text-primary, #374151);margin:0;padding:var(--spacing-md, 1rem);border-bottom:1px solid var(--border-color, #e5e7eb);background:var(--card-bg, white)}.order-history-content{flex:1;overflow-y:auto;padding:var(--spacing-md, 1rem);min-height:200px;max-height:500px}.order-history-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--spacing-xl, 2rem);color:var(--text-secondary, #6b7280);height:100%;min-height:200px}.order-history-empty .empty-icon{font-size:var(--font-size-3xl, 2rem);margin-bottom:var(--spacing-sm, .75rem);opacity:.6}.order-history-item{background:var(--card-bg, white);border:1px solid var(--border-light, #f3f4f6);border-radius:var(--border-radius, .375rem);padding:var(--spacing-md, 1rem);margin-bottom:var(--spacing-sm, .75rem);transition:all .2s ease}.order-history-item:hover{border-color:var(--border-color, #e5e7eb);box-shadow:var(--shadow-sm, 0 1px 2px 0 rgb(0 0 0 / 5%))}.order-id{font-weight:var(--font-weight-semibold, 600);color:var(--text-primary, #374151);font-size:var(--font-size-sm, .875rem);margin:0 0 var(--spacing-xs, .5rem) 0}.order-details{display:flex;flex-direction:column;gap:var(--spacing-xs, .25rem)}.order-detail{display:flex;justify-content:space-between;font-size:var(--font-size-xs, .75rem);line-height:1.4}.order-detail span:first-child{color:var(--text-secondary, #6b7280);font-weight:var(--font-weight-medium, 500)}.order-detail span:last-child{color:var(--text-primary, #1f2937);font-weight:var(--font-weight-semibold, 600)}.order-status{padding:2px 6px;border-radius:var(--border-radius-full, 9999px);font-size:var(--font-size-xs, .65rem);font-weight:var(--font-weight-semibold, 600);text-transform:capitalize}.status-pending{background-color:var(--warning-bg-light, #fef3c7);color:var(--warning-text-dark, #92400e)}.status-processing{background-color:var(--info-bg-light, #dbeafe);color:var(--info-text-dark, #1e40af)}.status-shipped{background-color:var(--success-bg-light, #dcfce7);color:var(--success-text-dark, #166534)}.status-delivered{background-color:var(--success-bg, #d1fae5);color:var(--success-text-dark, #065f46)}.status-cancelled{background-color:var(--error-bg-light, #fee2e2);color:var(--error-text-dark, #991b1b)}.nav-arrow{position:fixed;top:50%;transform:translateY(-50%);z-index:var(--z-modal-overlay, 60);background:#0000004d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;border:none;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-lg, 0 10px 15px -3px rgb(0 0 0 / 10%))}.nav-arrow:hover{background:#0000007f;transform:translateY(-50%) scale(1.1);box-shadow:var(--shadow-xl, 0 20px 25px -5px rgb(0 0 0 / 10%))}.nav-arrow:active{transform:translateY(-50%) scale(.95)}.nav-arrow svg{width:24px;height:24px;stroke-width:2.5}.nav-arrow.left{left:20px}.nav-arrow.right{right:20px}@media (width <= 768px){.nav-arrow{display:none}}.delete-modal{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal-overlay, 100);opacity:0;visibility:hidden;transition:all .3s ease}.delete-modal.show{opacity:1;visibility:visible}.delete-modal-content{background:var(--card-bg, white);border-radius:var(--border-radius-lg, .75rem);padding:var(--spacing-lg, 1.5rem);width:100%;max-width:400px;box-shadow:var(--shadow-xl, 0 20px 25px -5px rgb(0 0 0 / 10%));transform:scale(.95);transition:transform .3s ease}.delete-modal.show .delete-modal-content{transform:scale(1)}.delete-modal-title{font-size:var(--font-size-lg, 1.125rem);font-weight:var(--font-weight-semibold, 600);color:var(--text-primary, #1f2937);margin:0 0 var(--spacing-md, 1rem) 0}.delete-modal-message{color:var(--text-secondary, #6b7280);font-size:var(--font-size-sm, .875rem);line-height:1.5;margin:0 0 var(--spacing-lg, 1.5rem) 0}.delete-modal-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm, .75rem)}.highlighted-row{background-color:var(--warning-bg-light, #fef3c7);animation:highlight-fade 3s ease-out}@keyframes highlight-fade{0%{background-color:var(--warning-bg, #fbbf24);transform:scale(1.02)}50%{background-color:var(--warning-bg-light, #fef3c7)}to{background-color:transparent;transform:scale(1)}}.form-section{margin-top:var(--spacing-lg, 1.5rem);padding-top:var(--spacing-lg, 1.5rem);border-top:1px solid var(--border-color, #e5e7eb)}.form-section-title{font-size:var(--font-size-sm, .875rem);font-weight:var(--font-weight-semibold, 600);color:var(--text-primary, #374151);margin:0 0 var(--spacing-sm, .75rem) 0}.form-section-help{font-size:var(--font-size-xs, .75rem);color:var(--text-secondary, #6b7280);margin:0 0 var(--spacing-md, 1rem) 0;line-height:1.4}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--form-gap, 1rem)}.form-grid .full-width{grid-column:1 / -1}@media (width <= 768px){.form-grid{grid-template-columns:1fr}}.form-help{font-size:var(--font-size-xs, .75rem);color:var(--text-secondary, #6b7280);margin-top:var(--spacing-xs, .25rem);line-height:1.3}.field-error-highlight{border-color:var(--error-color, #ef4444);box-shadow:0 0 0 1px var(--error-color, #ef4444)}.loading-spinner{display:inline-block;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.marketing-filter-form{display:flex;gap:var(--form-gap, 1rem);align-items:center;flex-wrap:wrap;padding:var(--card-padding, 1.5rem)}.filter-group{display:flex;gap:var(--form-gap, 1rem);align-items:center;flex:1;min-width:0}.filter-field{display:flex;align-items:center;gap:var(--form-gap, .5rem);flex:1;min-width:200px}.filter-field .form-label{white-space:nowrap;margin-bottom:0;font-weight:500}.dashboard-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--grid-gap, 1.5rem)}.stat-card{display:flex;align-items:center;gap:var(--card-gap, 1rem);padding:var(--card-padding, 1.5rem);background:var(--card-bg, white);border-radius:var(--border-radius, 8px);box-shadow:var(--card-shadow, 0 2px 4px rgb(0 0 0 / 10%));transition:var(--transition-all, all .3s ease)}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--card-shadow-hover, 0 4px 12px rgb(0 0 0 / 15%))}.stat-icon{width:60px;height:60px;display:flex;align-items:center;justify-content:center;font-size:2rem;border-radius:var(--border-radius, 8px);background:linear-gradient(135deg,var(--primary-color, #87ac3a),var(--primary-hover, #BF5700));color:#fff;text-shadow:0 1px 2px rgb(0 0 0 / 20%)}.stat-icon.customers{background:linear-gradient(135deg,#3b82f6,#1e40af)}.stat-icon.orders{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-icon.sales{background:linear-gradient(135deg,#10b981,#059669)}.stat-icon.items{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.stat-icon.payments{background:linear-gradient(135deg,#06b6d4,#0891b2)}.stat-icon.pending{background:linear-gradient(135deg,#ef4444,#dc2626)}.stat-content{flex:1}.stat-label{margin:0;font-size:.875rem;color:var(--text-secondary, #6b7280);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.stat-value{margin:.25rem 0 0;font-size:1.875rem;font-weight:700;color:var(--text-primary, #1f2937);line-height:1}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--grid-gap, 2rem)}.dashboard-column{display:flex;flex-direction:column;gap:var(--grid-gap, 1.5rem)}.chart-container{height:300px;position:relative;padding:var(--spacing-md, 1rem)}.chart-payment-methods{height:350px}.top-products-list{padding:var(--spacing-md, 1rem)}.product-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm, .75rem) 0;border-bottom:1px solid var(--border-color, #e5e7eb)}.product-item:last-child{border-bottom:none}.product-name{font-weight:500;color:var(--text-primary, #1f2937);flex:1}.product-units{color:var(--primary-color, #87ac3a);font-weight:600;font-size:.875rem}.recent-orders-container{padding:var(--spacing-md, 1rem)}.order-id{font-family:monospace;font-weight:600;color:var(--primary-color, #87ac3a)}.customer-name{font-weight:500}.order-amount{color:var(--text-success, #10b981);font-weight:600}.order-date{color:var(--text-secondary, #6b7280);font-size:.875rem}.marketing-tools-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--grid-gap, 1rem);padding:var(--spacing-md, 1rem)}.tool-card{display:flex;align-items:center;gap:var(--card-gap, 1rem);padding:var(--card-padding, 1.25rem);background:var(--card-bg-secondary, #f8fafc);border-radius:var(--border-radius, 8px);transition:var(--transition-all, all .3s ease);text-decoration:none;color:inherit;border:1px solid var(--border-color, #e5e7eb);cursor:pointer}.tool-card:hover{background:var(--card-bg-hover, #f1f5f9);transform:translateY(-2px);box-shadow:var(--card-shadow-hover, 0 4px 12px rgb(0 0 0 / 10%));border-color:var(--primary-color, #87ac3a)}.tool-icon{width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius, 8px);font-size:1.5rem;color:#fff;text-shadow:0 1px 2px rgb(0 0 0 / 20%)}.tool-icon.email{background:linear-gradient(135deg,#3b82f6,#1e40af)}.tool-icon.discount{background:linear-gradient(135deg,#f59e0b,#d97706)}.tool-icon.social{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.tool-icon.analytics{background:linear-gradient(135deg,#10b981,#059669)}.tool-content{flex:1}.tool-title{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary, #1f2937)}.tool-description{margin:.25rem 0 0;font-size:.875rem;color:var(--text-secondary, #6b7280);line-height:1.4}.marketing-tool-section{margin-top:var(--spacing-xl, 2rem)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg, 1.5rem);padding:0 var(--spacing-md, 1rem) var(--spacing-md, 1rem);border-bottom:2px solid var(--border-color, #e5e7eb)}.section-title{margin:0;font-size:1.5rem;font-weight:700;color:var(--text-primary, #1f2937)}.subsection-title{margin:0 0 var(--spacing-md, 1rem);font-size:1.125rem;font-weight:600;color:var(--text-primary, #1f2937)}.marketing-form{padding:var(--spacing-lg, 1.5rem);background:var(--card-bg-secondary, #f8fafc);border-radius:var(--border-radius, 8px);border:1px solid var(--border-color, #e5e7eb)}.form-title{margin:0 0 var(--spacing-lg, 1.5rem);font-size:1.25rem;font-weight:600;color:var(--text-primary, #1f2937)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--grid-gap, 1rem)}.input-group{display:flex;gap:var(--form-gap, .5rem)}.input-group .form-input{flex:1}.input-group .btn-secondary{white-space:nowrap}.campaigns-list,.discount-codes-list{padding:var(--spacing-md, 1rem)}.campaign-name,.campaign-subject{font-weight:500}.campaign-date{color:var(--text-secondary, #6b7280);font-size:.875rem}.discount-code{font-family:monospace;font-weight:600;color:var(--primary-color, #87ac3a);background:var(--card-bg-secondary, #f8fafc);padding:.25rem .5rem;border-radius:4px}.discount-type{text-transform:capitalize}.discount-value{font-weight:600;color:var(--text-success, #10b981)}.discount-usage{font-family:monospace;font-size:.875rem}.discount-expires{color:var(--text-secondary, #6b7280);font-size:.875rem}.subscribers-section{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg, 1.5rem);background:var(--card-bg-secondary, #f8fafc);border-radius:var(--border-radius, 8px);margin-top:var(--spacing-lg, 1.5rem);border:1px solid var(--border-color, #e5e7eb)}.subscribers-info{flex:1}.subscribers-title{margin:0;font-size:1.125rem;font-weight:600;color:var(--text-primary, #1f2937)}.subscribers-count{margin:.25rem 0 0;color:var(--text-secondary, #6b7280);font-size:.875rem}.social-accounts-section{margin-bottom:var(--spacing-xl, 2rem)}.social-accounts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--grid-gap, 1rem)}.social-account-card{display:flex;align-items:center;gap:var(--card-gap, 1rem);padding:var(--card-padding, 1.25rem);background:var(--card-bg-secondary, #f8fafc);border-radius:var(--border-radius, 8px);border:1px solid var(--border-color, #e5e7eb);position:relative}.social-account-card.connected{border-left:4px solid var(--text-success, #10b981);background:#f0fdf4}.social-account-card.disconnected{border-left:4px solid var(--text-danger, #ef4444);background:#fef2f2}.platform-icon{width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius, 8px);font-size:1.5rem}.platform-icon.platform-facebook{background:linear-gradient(135deg,#1877f2,#0d47a1)}.platform-icon.platform-instagram{background:linear-gradient(135deg,#e1306c,#c13584)}.platform-icon.platform-twitter{background:linear-gradient(135deg,#1da1f2,#0277bd)}.platform-icon.platform-linkedin{background:linear-gradient(135deg,#0077b5,#004182)}.account-info{flex:1}.platform-name{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary, #1f2937)}.account-handle{margin:.25rem 0;color:var(--text-secondary, #6b7280);font-size:.875rem}.connection-status{font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.account-actions{margin-left:auto}.social-posts-section{margin-top:var(--spacing-xl, 2rem)}.social-posts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--grid-gap, 1.5rem)}.social-post-card{background:var(--card-bg, white);border-radius:var(--border-radius, 8px);border:1px solid var(--border-color, #e5e7eb);overflow:hidden;transition:var(--transition-all, all .3s ease)}.social-post-card:hover{box-shadow:var(--card-shadow-hover, 0 4px 12px rgb(0 0 0 / 10%));transform:translateY(-2px)}.post-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md, 1rem);background:var(--card-bg-secondary, #f8fafc);border-bottom:1px solid var(--border-color, #e5e7eb)}.post-meta{display:flex;align-items:center;gap:var(--spacing-sm, .5rem)}.post-platform{font-weight:500;color:var(--text-primary, #1f2937)}.post-date{color:var(--text-secondary, #6b7280);font-size:.75rem}.post-content{padding:var(--spacing-md, 1rem);color:var(--text-primary, #1f2937);line-height:1.5;white-space:pre-wrap;word-wrap:break-word}.post-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm, .5rem);padding:var(--spacing-md, 1rem);background:var(--card-bg-secondary, #f8fafc);border-top:1px solid var(--border-color, #e5e7eb)}.setup-notice{text-align:center;padding:var(--spacing-xl, 2rem);background:var(--card-bg-secondary, #f8fafc);border-radius:var(--border-radius, 8px);border:2px dashed var(--border-color, #e5e7eb)}.setup-title{margin:0 0 var(--spacing-md, 1rem);font-size:1.25rem;font-weight:600;color:var(--text-primary, #1f2937)}.setup-description{margin:0 0 var(--spacing-lg, 1.5rem);color:var(--text-secondary, #6b7280);font-size:.875rem}.action-buttons{display:flex;gap:var(--spacing-xs, .25rem)}.action-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:4px;background:var(--card-bg-secondary, #f8fafc);color:var(--text-secondary, #6b7280);cursor:pointer;transition:var(--transition-all, all .2s ease);font-size:.875rem}.action-btn:hover{background:var(--card-bg-hover, #e2e8f0);transform:translateY(-1px)}.edit-btn:hover{background:var(--primary-color, #87ac3a);color:#fff}.delete-btn:hover{background:var(--text-danger, #ef4444);color:#fff}.status-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.status-draft{background:#e5e7eb;color:#6b7280}.status-scheduled{background:#dbeafe;color:#1e40af}.status-sent,.status-posted,.status-active{background:#d1fae5;color:#065f46}.status-inactive{background:#fee2e2;color:#991b1b}@media (width <= 1024px){.dashboard-grid,.marketing-tools-grid,.form-grid,.social-accounts-grid{grid-template-columns:1fr}.section-header{flex-direction:column;gap:var(--spacing-md, 1rem);align-items:stretch}}@media (width <= 768px){.dashboard-stats-grid{grid-template-columns:1fr}.marketing-filter-form{flex-direction:column;align-items:stretch}.filter-group{flex-direction:column}.filter-field{min-width:auto}.tool-card,.stat-card{flex-direction:column;text-align:center;gap:var(--spacing-sm, .75rem)}.stat-icon{width:50px;height:50px;font-size:1.5rem}.stat-value{font-size:1.5rem}.subscribers-section{flex-direction:column;gap:var(--spacing-md, 1rem);text-align:center}.social-account-card{flex-direction:column;text-align:center;gap:var(--spacing-sm, .75rem)}.post-header{flex-direction:column;gap:var(--spacing-sm, .75rem)}}.filter-form-orders{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;padding:1rem;background-color:var(--filter-bg, #f8fafc);border-radius:var(--filter-border-radius, .5rem);margin-bottom:1.5rem;border:1px solid var(--filter-border-color, #e2e8f0)}.filter-form-orders .filter-group{display:flex;align-items:center;gap:.5rem;min-width:0}.filter-form-orders .filter-label{color:var(--filter-label-color, #87ac3a);font-weight:var(--filter-label-font-weight, 600);font-size:var(--filter-label-font-size, .875rem);white-space:nowrap;min-width:-moz-fit-content;min-width:fit-content}.filter-form-orders .filter-input,.filter-form-orders .filter-select{border:1px solid var(--form-border-color, #d1d5db);border-radius:var(--form-border-radius, .375rem);padding:var(--form-padding, .375rem .75rem);font-size:var(--form-font-size, .875rem);background-color:var(--form-bg, white);min-width:120px;transition:border-color .2s ease,box-shadow .2s ease}.filter-form-orders .filter-input:focus,.filter-form-orders .filter-select:focus{outline:none;border-color:var(--form-focus-border, #87ac3a);box-shadow:0 0 0 1px var(--form-focus-border, #87ac3a)}.filter-form-orders .filter-clear-link{color:var(--link-color, #87ac3a);text-decoration:underline;font-size:.875rem;font-weight:500;transition:color .2s ease}.filter-form-orders .filter-clear-link:hover{color:var(--link-hover-color, #BF5700)}.orders-table{width:100%;border-collapse:separate;border-spacing:0;margin-bottom:1.5rem;border-radius:var(--table-border-radius, .5rem);overflow:hidden;box-shadow:var(--table-shadow, 0 1px 3px rgb(0 0 0 / 10%))}.orders-table th{background-color:var(--table-header-bg, #87ac3a);color:var(--table-header-text, white);padding:.75rem 1rem;text-align:left;font-weight:var(--table-header-font-weight, 600);font-size:var(--table-header-font-size, .875rem);position:sticky;top:0;z-index:var(--z-index-base, 1);border-bottom:2px solid var(--table-header-border, var(--brand-secondary, #BF5700))}.orders-table th:first-child{border-top-left-radius:var(--table-border-radius, .5rem)}.orders-table th:last-child{border-top-right-radius:var(--table-border-radius, .5rem)}.orders-table td{padding:.75rem 1rem;border-bottom:1px solid var(--table-border, #e2e8f0);vertical-align:middle;font-size:var(--table-font-size, .875rem);background-color:#fff}.orders-table tr:hover td{background-color:var(--table-row-hover, #f7fafc)}.items-cell{max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:clip;font-size:.8rem}.address-cell{max-width:150px;font-size:.75rem;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:clip}.notes-cell{max-width:120px;font-size:.75rem;line-height:1.3}.notes-cell div{margin-bottom:.25rem}.badge-status-pending{background-color:#fef3c7;color:#92400e;border:1px solid #f59e0b}.badge-status-processing{background-color:#dbeafe;color:#1e40af;border:1px solid #3b82f6}.badge-status-shipped{background-color:#d1fae5;color:#047857;border:1px solid #10b981}.badge-status-delivered{background-color:#dcfce7;color:#166534;border:1px solid #22c55e}.badge-status-cancelled{background-color:#fee2e2;color:#b91c1c;border:1px solid #dc2626}.badge-status-default{background-color:#f3f4f6;color:#374151;border:1px solid #9ca3af}.payment-status-badge{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.badge-payment-pending{background-color:#fef3c7;color:#92400e;border:1px solid #f59e0b}.badge-payment-received{background-color:#dcfce7;color:#166534;border:1px solid #22c55e}.badge-payment-processing{background-color:#dbeafe;color:#1e40af;border:1px solid #3b82f6}.badge-payment-refunded{background-color:#f3f4f6;color:#4b5563;border:1px solid #9ca3af}.badge-payment-failed{background-color:#fee2e2;color:#b91c1c;border:1px solid #dc2626}.badge-payment-default{background-color:#f3f4f6;color:#374151;border:1px solid #9ca3af}.order-modal{z-index:var(--z-overlay, 10050);position:fixed;inset:0;background-color:#0009;display:flex;align-items:center;justify-content:center;padding:1rem;overflow-y:auto}.order-modal-content{background-color:#fff;border-radius:var(--modal-border-radius, .75rem);box-shadow:var(--modal-shadow, 0 20px 25px -5px rgb(0 0 0 / 10%), 0 10px 10px -5px rgb(0 0 0 / 4%));width:100%;margin:.5rem;max-height:calc(100vh - 1rem);position:relative;z-index:var(--z-index-modal-content, 10051);display:flex;flex-direction:column}.main-room-section{position:fixed;inset:0;background-color:transparent;background-image:none;background-size:cover;background-position:center center;background-repeat:no-repeat;z-index:var(--z-room-base, 1000);overflow:hidden;pointer-events:auto}.door-area{position:absolute;cursor:pointer;transition:all .3s ease;z-index:var(--z-room-door, 10060);pointer-events:auto}.door-area:hover{transform:scale(1.05)}.door-picture{width:100%;height:100%;display:block}.door-sign{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;transition:filter .3s ease}.door-area:hover .door-sign{filter:brightness(1.1) drop-shadow(0 0 10px rgb(135 172 58 / 50%))}.door-label{position:absolute;bottom:-30px;left:50%;transform:translate(-50%);background:#000c;color:var(--brand-primary);padding:4px 8px;border-radius:4px;font-size:.8rem;font-weight:600;white-space:nowrap;opacity:0;transition:opacity .3s ease;pointer-events:none}.door-area:hover .door-label{opacity:1}.door-positioned{position:absolute;top:var(--door-top, 0);left:var(--door-left, 0);width:var(--door-width, auto);height:var(--door-height, auto)}.door-area.door-positioned{top:var(--door-top, 0);left:var(--door-left, 0);width:var(--door-width, auto);height:var(--door-height, auto)}.door-area.area-1{top:19.2%;left:2.3%;width:18.3%;height:26%}.door-area.area-2{top:45%;left:30.5%;width:15.8%;height:26.9%}.door-area.area-3{top:30.2%;left:58.8%;width:13.3%;height:26.2%}.door-area.area-4{top:17.5%;left:38%;width:14.8%;height:25.7%}.door-area.area-5{top:32.5%;left:78.2%;width:15.4%;height:28.5%}.door-area.touch-active{transform:scale(1.02);transition:transform .2s ease}.door-area.touch-inactive{transform:scale(1);transition:transform .2s ease}.door-area.loading{pointer-events:none;opacity:.7}.door-area[tabindex="0"]{outline:2px solid transparent;outline-offset:2px}.door-area[tabindex="0"]:focus{outline:2px solid var(--brand-primary);outline-offset:2px}.no-doors-message{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000c;color:var(--brand-primary);padding:20px;border-radius:10px;font-size:18px;text-align:center;z-index:var(--z-notification);font-weight:600;text-shadow:1px 1px 2px rgb(0 0 0 / 80%);box-shadow:0 4px 12px #0000007f}.room-page-header *{color:var(--brand-primary);text-shadow:none!important;z-index:var(--z-index-page-header, 100)!important;position:relative!important}.site-header *,.header-container *,.header-content,.header-content *{z-index:var(--z-index-header-ink, 200)!important;position:relative!important}.nav-links,.nav-links *,.nav-link,.logo-link,.logo-text,.cart-link{z-index:var(--z-index-nav, 300)!important;position:relative!important;text-shadow:none!important}.room-header-overlay{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:10px}.room-title-overlay{margin-left:auto}.room-title-overlay .room-title{display:inline-flex;align-items:center;gap:8px;background:var(--brand-primary);color:#fff;padding:8px 12px;border-radius:9999px;font-weight:700;letter-spacing:.2px;box-shadow:0 2px 8px #0000002e}.room-title-overlay .room-description{margin-top:6px;background:#0000008c;color:var(--brand-primary);padding:6px 10px;border-radius:8px;font-size:.9rem}#universalRoomPage .room-overlay-wrapper{position:relative;width:100%;padding-top:70%;background-size:contain!important;background-position:center center!important;background-repeat:no-repeat!important}#universalRoomPage .room-overlay-wrapper .item-icon{position:absolute}.modal-container.detailed-item-modal-container{overflow-x:hidden!important;overflow-y:auto!important;max-width:75vw!important;width:75vw!important}.btn--qty,.modal-body .btn--qty{width:12px!important;min-width:12px!important;max-width:12px!important;height:12px!important;padding:0!important;margin:0!important;--tw-space-x-reverse: 0 !important;--tw-space-y-reverse: 0 !important;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important;flex-grow:0!important;box-sizing:border-box!important;overflow:hidden!important;border:1px solid #ccc!important;background:#fff!important;cursor:pointer!important;font-size:8px!important;line-height:1!important}.btn--qty svg{width:6px!important;height:6px!important;display:block!important;flex-shrink:0!important}.detailed-item-modal-container .btn--qty svg{width:6px!important;height:6px!important;display:block!important;flex-shrink:0!important}.input--qty,.modal-body .input--qty{width:25px!important;min-width:25px!important;max-width:25px!important;height:12px!important;padding:0 1px!important;margin:0!important;text-align:center!important;font-size:10px!important;line-height:1!important;box-sizing:border-box!important;border:1px solid #ccc!important}.detailed-item-modal .space-y-4,.detailed-item-modal-container .space-y-4,.detailed-item-modal .flex,.detailed-item-modal-container .flex{min-width:0!important}.detailed-item-modal-container *{max-width:100%!important;word-wrap:break-word!important}.site-header.universal-page-header{background:var(--gradient-header);--header-height: 80px;font-family:var(--font-primary, "Merienda", cursive);position:fixed;top:0;left:0;right:0;width:100%;z-index:var(--z-index-page-header, 100);margin:0;padding-right:20px}.site-header.universal-page-header .header-content{display:grid;grid-template-columns:auto 1fr auto;align-items:center;width:100%;min-height:var(--header-height);padding:0}.site-header.universal-page-header .header-container{width:100%;max-width:none;margin:0;padding:0}.site-header.universal-page-header .header-left{display:flex;align-items:center;gap:30px;justify-self:start;padding-left:20px}.site-header.universal-page-header .logo-link{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--brand-primary);transition:opacity .3s ease}.site-header.universal-page-header .logo-link:hover{opacity:.9}.site-header.universal-page-header .header-logo{width:40px;height:40px;-o-object-fit:contain;object-fit:contain}.site-header.universal-page-header .logo-text-container{display:flex;flex-direction:column}.site-header.universal-page-header .logo-text{font-size:1.65rem;font-weight:700;color:var(--brand-primary);line-height:1.2}.site-header.universal-page-header .logo-tagline{font-size:.96rem;color:var(--brand-primary);font-weight:400}.site-header.universal-page-header .nav-links{display:flex;align-items:center;gap:25px}.site-header.universal-page-header .nav-link{color:var(--brand-primary);text-decoration:none;font-weight:500;font-size:1.1rem;padding:8px 12px;border-radius:6px;transition:all .3s ease}.site-header.universal-page-header .nav-link:hover{background:#ffffff26;transform:translateY(-1px)}.site-header.universal-page-header .nav-link.active{background:#fff3;font-weight:600}.site-header.universal-page-header .header-center{justify-self:center;width:100%;max-width:400px;display:flex;justify-content:center}.site-header.universal-page-header .search-container{position:relative;width:100%;max-width:300px}.site-header.universal-page-header .search-input-container{position:relative;display:flex;align-items:center}.site-header.universal-page-header .search-icon{position:absolute;left:26px;top:0;bottom:0;margin:auto 0;transform:none;width:20px;height:20px;color:var(--brand-primary)}.site-header.universal-page-header .search-bar{width:100%;padding:12px 16px 12px 58px;border:2px solid var(--brand-primary);border-radius:25px;background:transparent;color:var(--brand-primary);font-size:1.1rem;transition:all .3s ease;outline:none}.site-header.universal-page-header .search-bar:focus{border-color:var(--brand-primary);background:transparent;box-shadow:0 0 0 3px #87ac3a33}.site-header.universal-page-header .search-bar::-moz-placeholder{color:var(--brand-primary)}.site-header.universal-page-header .search-bar::placeholder{color:var(--brand-primary)}.site-header.universal-page-header .header-right{display:flex;align-items:center;gap:20px;justify-self:end;padding-right:20px}.site-header.universal-page-header .welcome-message{color:var(--brand-primary)}.site-header.universal-page-header .header-right .nav-link{color:var(--brand-primary);text-decoration:none;font-weight:500;font-size:1.1rem;padding:8px 16px;border-radius:6px;transition:all .3s ease}.site-header.universal-page-header .header-right .nav-link:hover{background:#ffffff26}.site-header.universal-page-header .cart-link{display:flex;align-items:center;gap:8px;color:var(--brand-primary);text-decoration:none;padding:8px 12px;border-radius:6px;transition:all .3s ease;font-weight:500}.site-header.universal-page-header .cart-link:hover{background:#ffffff26}.site-header.universal-page-header .cart-icon{width:20px;height:20px}.site-header.universal-page-header .cart-count{font-weight:600;font-size:1.1rem;color:var(--brand-primary)}.site-header.universal-page-header .cart-total{font-size:.99rem;color:var(--brand-primary)}.site-header.universal-page-header .mobile-menu-toggle{display:none;background:none;border:none;color:var(--brand-primary);padding:8px;border-radius:6px;cursor:pointer;transition:background .3s ease}.site-header.universal-page-header .mobile-menu-toggle:hover{background:#ffffff26}.site-header.universal-page-header .mobile-menu-toggle svg{width:24px;height:24px}@media (max-width: 900px){.site-header.universal-page-header .header-left{padding-left:15px}.site-header.universal-page-header .header-right{padding-right:15px}.site-header.universal-page-header .header-center{max-width:250px}.site-header.universal-page-header .nav-links{gap:15px}.site-header.universal-page-header .nav-link{font-size:.9rem;padding:6px 10px}}@media (max-width: 768px){.site-header.universal-page-header{--header-height: 60px}.site-header.universal-page-header .mobile-menu-toggle{display:block}.site-header.universal-page-header .header-content{grid-template-columns:auto 1fr auto}.site-header.universal-page-header .header-left{padding-left:10px}.site-header.universal-page-header .header-right{padding-right:10px}.site-header.universal-page-header .header-center{max-width:200px}.site-header.universal-page-header .logo-text{font-size:1.25rem}.site-header.universal-page-header .logo-tagline{font-size:.75rem}.site-header.universal-page-header .nav-links{display:none}}@media (max-width: 480px){.site-header.universal-page-header .header-left{gap:15px;padding-left:8px}.site-header.universal-page-header .header-right{gap:10px;padding-right:8px}.site-header.universal-page-header .header-center{max-width:150px}.site-header.universal-page-header .logo-text{font-size:1.2rem}.site-header.universal-page-header .search-icon{left:16px}.site-header.universal-page-header .search-bar{padding:10px 14px 10px 44px;font-size:1rem}.site-header.universal-page-header .cart-text{display:none}}.site-header.universal-page-header .mobile-menu{display:none;position:absolute;top:100%;left:0;right:0;background:linear-gradient(180deg,#000000e6,#000c,#000000b3);transition:all .3s ease-in-out}.site-header.universal-page-header .mobile-menu.active{display:block}.site-header.universal-page-header .mobile-nav-links{padding:20px;display:flex;flex-direction:column;gap:15px}.site-header.universal-page-header .mobile-nav-link{color:var(--brand-primary);text-decoration:none;font-weight:500;font-size:var(--text-xl, 1.25rem);padding:12px 16px;transition:opacity .3s ease;display:block}.site-header.universal-page-header .mobile-auth-section{color:var(--brand-primary, #87ac3a);padding-top:15px;margin-top:15px}.site-header.universal-page-header .auth-links,.site-header.universal-page-header .user-menu{align-items:center;display:flex;gap:15px;position:relative}.site-header.universal-page-header .mobile-nav-link:hover,.site-header.universal-page-header .mobile-nav-link.active{opacity:.8}.site-header.universal-page-header .mobile-search{padding:15px 20px;border-top:1px solid rgba(255,255,255,.1)}.site-header.universal-page-header .mobile-search .search-bar{width:100%;padding:12px 16px;border:2px solid var(--brand-primary, #87ac3a);border-radius:25px;background:transparent;color:var(--brand-primary, #87ac3a);font-size:1rem}.header-gradient-brand{background:var(--gradient-header)}.bg-gradient-brand-primary{background:linear-gradient(135deg,var(--brand-primary, #87ac3a) 0%,var(--brand-secondary, #BF5700) 100%)}.bg-gradient-brand-horizontal{background:linear-gradient(to right,var(--brand-primary),var(--brand-light))}.page-header-container{position:relative;width:100%;padding:0;margin:0}.page-content-container{width:100%;max-width:var(--breakpoint-lg);margin-left:auto;margin-right:auto;padding:calc(var(--header-height, 80px) + var(--space-4)) var(--space-4) var(--space-8)}.fullscreen-container{width:100%;margin-left:0;padding:calc(var(--header-height, 80px) + var(--space-4)) 0 var(--space-8)}@media (max-width: 768px){.page-content-container,.fullscreen-container{--header-height: 60px}}.overlay-gradient-top{position:absolute;top:0;left:0;right:0;height:60px;background:linear-gradient(to bottom,rgb(0 0 0 / 60%),transparent);pointer-events:none;z-index:var(--z-base-elevated)}.overlay-gradient-bottom{position:absolute;bottom:0;left:0;right:0;height:60px;background:linear-gradient(to top,rgb(0 0 0 / 60%),transparent);pointer-events:none;z-index:var(--z-base-elevated)}.text-brand-primary{color:var(--brand-primary)}.text-brand-secondary{color:var(--brand-secondary)}.text-shadow-dark{text-shadow:1px 1px 2px rgb(0 0 0 / 70%)}.transition-smooth{transition:all var(--transition-base) ease}.rounded-brand{border-radius:var(--radius-lg)}.shadow-brand{box-shadow:var(--shadow-md)}.shadow-brand-hover{box-shadow:var(--shadow-lg)}.btn-brand{background-color:var(--button-bg-primary);color:var(--button-text-primary);border:none;border-radius:var(--button-border-radius);padding:var(--button-padding);font-weight:500;cursor:pointer;transition:all var(--transition-base) ease}.btn-brand:hover{background-color:var(--button-bg-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.card-standard{background-color:var(--card-bg);border:var(--card-border);border-radius:var(--card-border-radius);box-shadow:var(--card-shadow);padding:var(--card-padding);transition:all var(--transition-base) ease}.card-standard:hover{box-shadow:var(--card-shadow-hover);transform:translateY(-2px)}.admin-modal-overlay:not(.show){display:none!important}.admin-modal-overlay.show{display:flex!important}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;margin-top:1rem;align-items:start}.settings-section{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 1px 2px #0000000d;padding:1rem;display:flex;flex-direction:column;height:auto}.settings-section .section-content{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem;padding-bottom:1rem}body[data-page^=admin] .settings-section{border:none;box-shadow:none;background:#fff}body[data-page^=admin] .settings-section .section-content>*{border:none;box-shadow:none;background:#fff}.admin-settings-button{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.875rem}.settings-section .section-content>*+*{margin-top:.5rem}.settings-section .section-content .admin-settings-button+.admin-settings-button{margin-top:.5rem}.settings-section .section-content .admin-settings-button+.border-t{margin-top:.5rem}.settings-section .section-content .border-t+.admin-settings-button{margin-top:.5rem}.settings-section .section-content .border-t+.border-t{margin-top:.5rem}.logging-status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:20px}.status-section{background:#f8f9fa;border-radius:8px;padding:15px;border:1px solid #e9ecef}.status-section h3{margin:0 0 15px;color:#495057;font-size:1.1rem;font-weight:600}.status-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #e9ecef}.status-item:last-child{border-bottom:none}.status-label{font-weight:500;color:#6c757d}.status-value{font-weight:600}.status-enabled{color:#28a745}.status-disabled{color:#dc3545}.modal-actions{display:flex;gap:10px;justify-content:center;padding-top:20px;border-top:1px solid #e9ecef}.loading-spinner{text-align:center;padding:20px;color:#666}.error-message{color:#dc3545;text-align:center;padding:20px}.wf-text-center{text-align:center}.wf-text-left{text-align:left}.wf-text-right{text-align:right}.wf-text-justify{text-align:justify}.wf-font-light{font-weight:300}.wf-font-normal{font-weight:400}.wf-font-medium{font-weight:500}.wf-font-semibold{font-weight:600}.wf-font-bold{font-weight:700}.wf-text-xs{font-size:.75rem}.wf-text-sm{font-size:.875rem}.wf-text-base{font-size:1rem}.wf-text-lg{font-size:1.125rem}.wf-text-xl{font-size:1.25rem}.wf-text-2xl{font-size:1.5rem}.wf-text-3xl{font-size:1.875rem}.wf-text-4xl{font-size:2.25rem}.wf-main-padding,.wf-footer-padding{padding:2rem}.upload-progress-bar{width:0%}.admin-actions{display:flex;gap:10px}.delete-modal{position:fixed;inset:0;background:#00000080;z-index:var(--z-detailed-item-modal, 100300);display:none;align-items:center;justify-content:center}.delete-modal.show{display:flex}.delete-modal-content{background:#fff;border-radius:8px;padding:24px;max-width:400px;width:90%;box-shadow:0 20px 40px #00000026}.delete-modal-title{font-size:1.25rem;font-weight:700;color:#1f2937;margin:0 0 16px}.delete-modal-message{color:#6b7280;margin:0 0 24px}.delete-modal-actions{display:flex;gap:12px;justify-content:flex-end}.delete-modal-actions .btn-danger,.delete-modal-actions [data-action=confirm-delete-item]{background:var(--brand-primary, #87ac3a)!important;color:#fff!important;border:1px solid var(--brand-primary, #87ac3a)!important;transition:all .2s ease}.delete-modal-actions .btn-danger:hover,.delete-modal-actions [data-action=confirm-delete-item]:hover{background:var(--brand-secondary, #BF5700)!important;border-color:var(--brand-secondary, #BF5700)!important}.modal-close-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:none;color:#6b7280;font-size:24px;font-weight:300;line-height:1;cursor:pointer;border-radius:4px;transition:all .15s ease;text-decoration:none}.modal-close-btn:hover{background:#f3f4f6;color:#374151}.modal-close-btn:active{background:#e5e7eb;color:#1f2937}.admin-data-table{border-collapse:collapse;width:100%}.admin-data-table th,.admin-data-table td{padding:8px 12px;vertical-align:middle;border-bottom:1px solid #e5e7eb}.admin-data-table th{background:#f9fafb;font-weight:600;color:#374151;font-size:.875rem;padding:10px 12px}.admin-data-table tbody tr:hover{background:#f9fafb}.admin-table-section{margin-top:16px}.admin-filter-section{margin-bottom:16px}.admin-filters{padding:12px 16px;background:#f9fafb;border-radius:6px;border:1px solid #e5e7eb}.admin-form-input,.admin-form-select{padding:6px 10px;font-size:.875rem}.admin-filter-button{padding:6px 12px;font-size:.875rem}.modal-header{padding:12px 16px;border-bottom:1px solid #e5e7eb}.modal-header h2,.modal-header h3,.modal-header h4{margin:0;font-size:1.125rem;line-height:1.4}.modal-body{padding:16px}.admin-content-container{padding:0 8px 8px}.admin-data-table .flex{gap:8px}.admin-data-table .font-medium{line-height:1.3;margin-bottom:2px}.admin-data-table .text-sm{line-height:1.2}.admin-data-table .w-8.h-8{width:28px;height:28px;font-size:.75rem}.admin-data-table .inline-flex{padding:2px 8px;font-size:.75rem}.btn-primary{background-color:var(--brand-primary, #87ac3a);color:#fff;border:1px solid var(--brand-primary, #87ac3a);transition:all .2s ease}.btn-primary:hover{background-color:var(--brand-secondary, #BF5700);border-color:var(--brand-secondary, #BF5700)}.visually-hidden-file{position:fixed!important;left:-9999px!important;top:auto!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:auto!important;overflow:hidden!important}.bg-container{background-image:var(--dynamic-bg-url);background-size:cover;background-position:center center;background-repeat:no-repeat}.bg-container.mode-fullscreen{position:fixed;inset:0;z-index:var(--z-base)}.room-container{padding:1rem;border:1px solid #ddd;border-radius:8px;background-color:#f9f9f9}#room-iframe{border:none;width:100%;height:100%}.room-content{padding:1rem}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:var(--z-modal)}.modal-content{background-color:#fff;padding:2rem;border-radius:var(--modal-border-radius, 8px);max-width:var(--modal-max-width, 500px);width:90%}.modal-room-page{width:100%;height:100%;position:relative;overflow:visible;background:transparent;z-index:var(--z-base);transform-origin:top center}.room-modal-iframe-container{width:100%;height:100%}.payment-modal{background:var(--payment-modal-bg, #f5efe6);color:var(--payment-modal-text, var(--brand-primary, #87ac3a));width:100%;max-width:56rem;max-height:90vh;margin:0 auto;border:1px solid rgba(0,0,0,.08);box-shadow:0 10px 30px #00000026;border-radius:12px;overflow:hidden}.payment-modal .payment-header{padding:18px 20px 12px}.payment-modal .payment-title{margin:0;font-size:1.25rem;font-weight:700;color:var(--brand-secondary, #BF5700)}.payment-modal .payment-subtitle{margin:4px 0 0;font-size:.95rem;opacity:.9}.payment-modal .payment-body{padding:16px 20px}.payment-modal .payment-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}@media (max-width: 860px){.payment-modal .payment-grid{grid-template-columns:1fr}}.payment-modal .section-card{background:#fff9;border:1px solid rgba(0,0,0,.08);border-radius:10px;padding:14px}.payment-modal .section-title{margin:0 0 10px;font-weight:700;color:var(--brand-secondary, #BF5700)}.payment-modal .form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.payment-modal .form-row.form-row-3{grid-template-columns:repeat(3,minmax(0,1fr))}.payment-modal label{font-size:.9rem;color:var(--brand-secondary, #BF5700);font-weight:600}.payment-modal input[type=text],.payment-modal input[type=email],.payment-modal input[type=tel],.payment-modal select{height:34px;border-radius:8px;border:1px solid #d1d5db;padding:6px 10px;background:#fff;color:#111}.payment-modal .radio-row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.payment-modal .hint{font-size:.85rem;color:#6b7280}.payment-modal .error{color:#b91c1c;font-weight:600}.payment-modal .summary-lines{display:grid;gap:8px}.payment-modal .summary-line{display:flex;justify-content:space-between;gap:10px}.payment-modal .summary-line .label{color:#374151}.payment-modal .summary-line .value{font-weight:700;color:#111827}.payment-modal .summary-total{border-top:1px dashed #d1d5db;margin-top:8px;padding-top:8px}.payment-modal .summary-total .label{color:var(--brand-secondary, #BF5700)}.payment-modal .summary-total .value{color:var(--brand-secondary, #BF5700);font-weight:800}.payment-modal .payment-footer{padding:14px 20px 18px;border-top:1px solid rgba(0,0,0,.06);display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}.payment-modal .payment-footer .confirmation-modal-button{min-width:140px}.payment-modal .shipping-badges{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.payment-modal .shipping-badge{width:64px!important;height:64px!important;min-width:64px!important;min-height:64px!important;border-radius:8px}.payment-modal .shipping-badge svg{width:100%;height:100%;display:block;transform:scale(1.1);transform-origin:50% 50%}.payment-modal .shipping-badge svg text:first-of-type{font-size:22px!important}.payment-modal .shipping-badge svg text:last-of-type{font-size:16px!important}@media (max-width: 640px){.payment-modal .shipping-badge{width:52px!important;height:52px!important;min-width:52px!important;min-height:52px!important}.payment-modal .shipping-badge svg{width:100%;height:100%;transform:scale(1.08)}.payment-modal .shipping-badge svg text:first-of-type{font-size:18px!important}.payment-modal .shipping-badge svg text:last-of-type{font-size:13px!important}}.btn-link{background-color:transparent;padding:var(--space-4, .5rem)}.btn-light:hover{background-color:var(--gray-200, #e5e7eb)}.btn-dark{background-color:var(--gray-800, #1f2937);color:var(--button-text-primary, #ffffff)}.btn-dark:hover{background-color:var(--gray-900, #111827)}.form-feedback.invalid-feedback{color:var(--form-error-color, #dc2626)!important}.chart-container{height:300px}.css-preview-heading{color:var(--primary_color, #87ac3a)}.mt-14{margin-top:14px}.gap-8{gap:8px}.min-w-140{min-width:140px}.fw-800{font-weight:800}.align-start{align-items:flex-start}.text-green-600{color:#16a34a}.admin-modal-offset-under-header{top:var(--wf-header-height, 64px);height:calc(100vh - var(--wf-header-height, 64px));padding-top:12px}.text-28{font-size:28px}.leading-1{line-height:1}.p-6px{padding:6px}.admin-tab-navigation{--admin-tabs-height: 44px;position:fixed;top:72px!important;left:0;right:0;width:100%;z-index:var(--z-admin-nav, 2000);background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important;border:none!important;outline:none!important;padding:2px 12px!important;margin:0!important;border-bottom:none!important;overflow:visible}.admin-tab-navigation>div{display:flex;flex-wrap:wrap;gap:12px;justify-content:center!important;align-items:center!important;overflow:visible;background:transparent!important;border:none!important;outline:none!important}.admin-tab-navigation>.flex,.admin-tab-navigation>.tabs-row{justify-content:center!important;align-items:center!important;gap:12px}.admin-tab-navigation .admin-nav-tab{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;border-radius:9999px;padding:10px 18px;min-height:36px;line-height:1;font-size:16px;font-weight:700;color:#fff!important;background:var(--tab-bg, var(--brand-primary, #87ac3a));border:1px solid color-mix(in srgb,var(--tab-bg, var(--brand-primary, #87ac3a)) 80%,#000 20%);box-shadow:0 6px 18px color-mix(in srgb,var(--tab-bg, #87ac3a) 20%,transparent);transition:background-color .12s ease,color .12s ease,border-color .12s ease,box-shadow .12s ease,transform 80ms ease,filter .12s ease;position:relative;overflow:visible;z-index:var(--z-index-base, 1)}.admin-tab-navigation .admin-nav-tab:hover{filter:none}.admin-tab-navigation .admin-nav-tab,.admin-tab-navigation .admin-nav-tab:hover,.admin-tab-navigation .admin-nav-tab:active,.admin-tab-navigation .admin-nav-tab:focus,.admin-tab-navigation .admin-nav-tab.active{background:var(--tab-bg, var(--brand-primary, #87ac3a))!important;color:#fff!important;border:1px solid color-mix(in srgb,var(--tab-bg, var(--brand-primary, #87ac3a)) 80%,#000 20%)!important}.admin-tab-navigation .admin-nav-tab:active{transform:translateY(.5px)}.admin-tab-navigation .admin-nav-tab.active{filter:none;box-shadow:0 8px 24px color-mix(in srgb,var(--tab-bg, #87ac3a) 26%,transparent),0 0 0 12px color-mix(in srgb,var(--tab-bg, #87ac3a) 20%,transparent)}.admin-tab-navigation .admin-nav-tab.active:hover{filter:none}.admin-tab-navigation .admin-nav-tab.active:before{content:"";position:absolute;inset:-20px;border-radius:9999px;z-index:var(--z-index-flat, 0);pointer-events:none;background:radial-gradient(closest-side,color-mix(in srgb,var(--tab-bg, #87ac3a) 65%,transparent) 0%,color-mix(in srgb,var(--tab-bg, #87ac3a) 42%,transparent) 52%,transparent 82%)}.admin-tab-dashboard{--tab-bg: #4f46e5}.admin-tab-customers{--tab-bg: #06b6d4}.admin-tab-inventory{--tab-bg: #10b981}.admin-tab-orders{--tab-bg: #f59e0b}.admin-tab-pos{--tab-bg: #ef4444}.admin-tab-reports{--tab-bg: #8b5cf6}.admin-tab-marketing{--tab-bg: #ec4899}.admin-tab-settings{--tab-bg: #000000}.admin-tab-navigation>div{width:100%}.wf-toggle-spacer{display:inline-block;width:20px;height:1px}.help-q[title]:hover:after,.wf-toggle[title]:hover:after{content:attr(title);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#000000e6;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;white-space:nowrap;z-index:var(--z-index-toast, 10000);pointer-events:none;margin-bottom:5px}.admin-tab-navigation .admin-help-container{display:inline-flex;align-items:center;gap:8px}.admin-tab-navigation .admin-help-docs,.admin-tab-navigation .admin-help-toggle{width:36px!important;height:36px!important;border-radius:9999px;display:inline-flex;align-items:center;justify-content:center;padding:0!important;box-sizing:border-box!important}.admin-tab-navigation .admin-help-docs .help-q{font-size:18px;line-height:1;font-weight:700;display:inline-block;transform:translateY(-1px)}.admin-tab-navigation .admin-help-toggle .wf-toggle{width:20px;height:10px}.admin-tab-navigation .admin-help-combo .wf-knob{width:8px;height:8px}.admin-tab-navigation .admin-help-combo[aria-pressed=true] .wf-knob{left:10px}.admin-tab-navigation .admin-tab-help{display:inline-flex;align-items:center;justify-content:center;width:36px!important;height:36px!important;border-radius:9999px;background-color:var(--brand-primary, #22c55e);color:#fff;font-weight:700;text-decoration:none;line-height:1;padding:0!important;box-sizing:border-box!important}.admin-tab-navigation .admin-tab-help:hover{background-color:var(--brand-primary-hover, var(--brand-primary, #16a34a))!important}.admin-tab-navigation .admin-tab-help:focus-visible{outline:none;box-shadow:0 0 0 3px #22c55e59}.admin-tab-navigation .help-q{display:inline-flex!important;align-items:center;justify-content:center;width:36px!important;height:36px!important;border-radius:9999px!important;background-color:var(--brand-primary, #22c55e)!important;color:#fff!important}.admin-tab-navigation .admin-tab-help.admin-nav-tab{padding:0!important;min-height:36px!important;width:36px!important;height:36px!important;background:var(--brand-primary, #22c55e)!important;border:none!important;box-shadow:none!important;font-size:16px}.admin-tab-navigation #adminHelpDocsBtn,.admin-tab-navigation #adminHelpToggleBtn{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;border-radius:9999px!important;padding:0!important;margin:0!important;box-sizing:border-box!important;background-color:var(--brand-primary, #22c55e)!important;color:#fff!important;border:none!important;box-shadow:none!important}.admin-tab-navigation #adminHelpDocsBtn .help-q{font-size:18px;line-height:1;font-weight:700;transform:translateY(-1px)}.admin-tab-navigation #adminHelpToggleBtn .wf-toggle{width:22px;height:12px}.admin-tab-navigation .admin-tab-toggle .wf-toggle,.admin-tab-navigation .admin-help-toggle .wf-toggle{position:relative;display:inline-block;width:22px;height:12px;background:#065f46;border-radius:9999px;transition:background-color .12s ease}.admin-tab-navigation .admin-tab-toggle .wf-knob,.admin-tab-navigation .admin-help-toggle .wf-knob{position:absolute;top:50%;left:1px;width:10px;height:10px;transform:translateY(-50%);background:#fff;border-radius:9999px;box-shadow:0 1px 2px #00000026;transition:left .12s ease}.admin-tab-navigation .admin-tab-toggle[aria-pressed=true] .wf-toggle,.admin-tab-navigation .admin-help-toggle[aria-pressed=true] .wf-toggle{background:#065f46}.admin-tab-navigation .admin-tab-toggle[aria-pressed=true] .wf-knob,.admin-tab-navigation .admin-help-toggle[aria-pressed=true] .wf-knob{left:11px}.admin-tab-navigation .admin-tab-toggle[aria-pressed=false] .wf-knob,.admin-tab-navigation .admin-help-toggle[aria-pressed=false] .wf-knob{background:var(--brand-secondary, #6366f1)}.admin-tab-navigation .admin-tab-toggle[aria-pressed=true] .wf-knob,.admin-tab-navigation .admin-help-toggle[aria-pressed=true] .wf-knob{background:#fff}.wf-tooltip{position:absolute;z-index:var(--z-index-tooltip, 3000);max-width:min(320px,90vw);color:#fff;pointer-events:none}.wf-tooltip__content{background:#111827fa;border-radius:8px;padding:10px 12px;box-shadow:0 10px 25px #00000040;border:1px solid rgba(255,255,255,.08)}.wf-tooltip__title{font-weight:700;color:#c7d2fe;margin-bottom:4px}.wf-tooltip__body{font-size:12px;line-height:1.45}.wf-tooltip__arrow{width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid rgba(17,24,39,.98);margin:0 auto}.wf-tooltip--top .wf-tooltip__arrow{border-top-color:#111827fa}.wf-tooltip--bottom .wf-tooltip__arrow{transform:rotate(180deg)}.wf-tooltip--left .wf-tooltip__arrow,.wf-tooltip--right .wf-tooltip__arrow{display:none}.wf-tooltip{position:relative}.wf-tooltip:where(:hover,:focus-visible):after,.wf-tooltip:where(:hover,:focus-visible):before{opacity:1;transform:translate(-50%,-6px)}.wf-tooltip:after{content:attr(data-tooltip);position:absolute;left:50%;bottom:100%;transform:translate(-50%);white-space:normal;min-width:140px;max-width:280px;padding:6px 8px;border-radius:6px;background:#111827f2;color:#fff;font-size:12px;line-height:1.2;text-align:center;box-shadow:0 8px 18px #00000040;pointer-events:none;opacity:0;transition:opacity .15s ease,transform .15s ease;z-index:var(--z-index-tooltip, 12000)}.wf-tooltip:before{content:"";position:absolute;left:50%;bottom:calc(100% - 2px);transform:translate(-50%) rotate(45deg);width:10px;height:10px;background:#111827f2;box-shadow:-1px -1px 2px #0000001f;pointer-events:none;opacity:0;transition:opacity .15s ease,transform .15s ease;z-index:var(--z-index-tooltip, 12000)}.wf-tooltip.wf-tooltip--light:after{background:#fff;color:#111827;border:1px solid #e5e7eb}.wf-tooltip.wf-tooltip--light:before{background:#fff;box-shadow:-1px -1px 2px #0000000f}.item-popup-legacy{border:none!important;padding:0!important;margin:0!important;box-shadow:none!important;background:var(--popup-bg-color, #ffffff)!important;border-radius:12px!important;overflow:hidden!important}.item-popup .popup-title{text-align:center!important}.item-popup #popupStock{text-align:center!important;display:block!important;margin-left:auto!important;margin-right:auto!important}.item-popup-enhanced{border:none!important;padding:0!important;margin:0!important;box-shadow:none!important;background:var(--popup-bg-color, #ffffff)!important;border-radius:12px!important;overflow:hidden!important}.item-popup .popup-content{padding:0!important;background:var(--popup-bg-color, #ffffff)!important;border-radius:0!important;min-height:auto!important;height:auto!important;max-height:none!important;overflow-y:visible!important;-webkit-overflow-scrolling:auto!important;display:flex!important;flex-direction:column!important}.item-popup-legacy .popup-content,.item-popup-enhanced .popup-content{padding:0!important;background:var(--popup-bg-color, #ffffff)!important;border-radius:0!important;min-height:auto!important;height:auto!important}.popup-content:hover{transform:none!important;background:var(--popup-bg-color, #ffffff)!important;border-radius:0!important}.item-popup *{font-size:15px!important;line-height:1.4!important}.item-popup .popup-title,.item-popup-legacy .popup-title,.item-popup-enhanced .popup-title{font-size:20px!important;font-weight:700!important}.item-popup .popup-price,.item-popup-legacy .popup-price,.item-popup-enhanced .popup-price{font-size:2.5rem!important;line-height:1.1!important;font-weight:700!important;margin-top:4px!important;color:var(--brand-secondary)!important}.item-popup .popup-stock-info.out-of-stock,.item-popup-legacy .popup-stock-info.out-of-stock,.item-popup-enhanced .popup-stock-info.out-of-stock{color:var(--brand-red, #c62828)!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:1px!important;border:2px solid currentcolor!important;padding:2px 6px!important;display:inline-block!important;transform:rotate(-6deg)}.item-popup .popup-image,.item-popup-legacy .popup-image,.item-popup-enhanced .popup-image{width:100%!important;max-width:100%!important;height:auto!important}.item-popup .popup-image-container{position:relative!important;overflow:visible!important}.item-popup .popup-badge-container{position:absolute!important;inset:0!important;pointer-events:none!important}.item-popup .popup-badge{position:absolute!important;pointer-events:none!important;background:#000000bf!important;color:#fff!important;font-family:var(--font-primary, Merienda, cursive)!important;font-weight:800!important;font-size:.875rem!important;line-height:1.1!important;padding:4px 8px!important;border-radius:8px!important;box-shadow:0 2px 6px #00000040!important;text-transform:uppercase!important;letter-spacing:.5px!important}.item-popup .popup-badge.pos-top-left{top:8px!important;left:8px!important}.item-popup .popup-badge.pos-top-right{top:8px!important;right:8px!important}.item-popup .popup-badge.pos-bottom-left{bottom:8px!important;left:8px!important}.item-popup .popup-badge.pos-bottom-right{bottom:8px!important;right:8px!important}.item-popup .popup-image[src=""]{display:none!important}.item-popup .popup-image:not([src]){display:none!important}.item-popup .popup-image[src="about:blank"]{display:none!important}.item-popup .popup-header,.item-popup-legacy .popup-header,.item-popup-enhanced .popup-header{display:flex!important;flex-direction:column!important;align-items:stretch!important}.item-popup .popup-image-container,.item-popup-legacy .popup-image-container,.item-popup-enhanced .popup-image-container{width:100%!important}.item-popup .popup-info,.item-popup-legacy .popup-info,.item-popup-enhanced .popup-info{width:100%!important;padding:12px!important}.item-popup .popup-btn,.item-popup .popup-btn-primary,.item-popup .popup-btn-secondary,.item-popup .popup-add-to-cart,.popup-add-to-cart,.popup-add-btn,.popup-add-to-cart-btn{display:inline-flex!important;width:auto!important;max-width:-moz-max-content!important;max-width:max-content!important}.popup-footer{margin-top:12px!important;margin-bottom:0!important;padding:0 12px 5px!important;background:transparent!important;border:none!important}.item-popup .popup-actions{display:flex!important;justify-content:center!important;align-items:center!important;gap:8px!important;margin-top:auto!important;padding:12px!important}.item-popup .popup-add-btn{background:var(--brand-primary, #87ac3a)!important;color:var(--white, #ffffff)!important;border:none!important;border-radius:10px!important;padding:10px 16px!important;font-weight:700!important;font-family:var(--font-secondary, Nunito, system-ui, -apple-system, "Segoe UI", roboto, helvetica, arial, sans-serif)!important;cursor:pointer!important;width:auto!important;min-width:160px!important;text-align:center!important}.item-popup .popup-add-btn:hover,.item-popup .popup-add-btn:focus{background:var(--brand-secondary, #BF5700)!important;color:var(--white, #ffffff)!important}.item-popup .popup-add-btn.is-disabled,.item-popup .popup-add-btn[aria-disabled=true]{background:#9ca3af!important;color:#fff!important;cursor:not-allowed!important;filter:grayscale(.2) brightness(.95);pointer-events:none!important}.item-popup.oos{overflow:visible!important}.item-popup.oos #popupSaleBadge,.item-popup.oos .popup-badge,.item-popup.oos #popupBadgeContainer,.item-popup.oos [id*=BadgeContainer],.item-popup.oos #popupStockBadge,.item-popup-legacy.oos #popupStockBadge,.item-popup.oos .popup-stock-badge,.item-popup-legacy.oos .popup-stock-badge,.item-popup.oos [id*=StockBadge],.item-popup-legacy.oos [id*=StockBadge],.item-popup.oos .stock-badge,.item-popup-legacy.oos .stock-badge,.item-popup.oos .pos-top-left,.item-popup.oos .pos-top-right,.item-popup.oos .pos-bottom-left,.item-popup.oos .pos-bottom-right{display:none!important}.item-popup.oos .popup-image-container,.item-popup-legacy.oos .popup-image-container{position:relative!important;overflow:visible!important}.item-popup.oos .popup-image-container:after,.item-popup-legacy.oos .popup-image-container:after{content:"OUT OF STOCK";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100500!important;background:#11182799;color:#fff;border-radius:12px;box-shadow:0 8px 28px #00000059;padding:8px 14px;text-transform:uppercase;font-weight:900;font-family:var(--font-secondary, Nunito, system-ui, -apple-system, "Segoe UI", roboto, helvetica, arial, sans-serif);font-size:clamp(.9rem,2vw,1.15rem);line-height:1.2;letter-spacing:1px;text-align:center;white-space:normal;overflow-wrap:anywhere;word-break:break-word;width:auto;min-width:170px;max-width:96%;box-sizing:border-box;pointer-events:none}.item-popup.oos .popup-image-container #popupStockBadge{position:absolute!important;transform:translate(-50%,-50%)!important;inset:auto!important;pointer-events:none!important;z-index:var(--z-index-god-mode, 100001)!important;background:#11182799!important;border-radius:12px!important;box-shadow:0 8px 28px #00000059!important;display:flex!important;align-items:center!important;justify-content:center!important;width:auto!important;min-width:170px!important;max-width:92%!important;text-align:center!important;padding:8px 14px!important;box-sizing:border-box!important;overflow:visible!important;overflow-wrap:anywhere!important;word-break:break-word!important;white-space:normal!important}.item-popup.oos .popup-image-container #popupStockBadge .stock-badge{display:none!important}.item-popup.oos .popup-image-container #popupStockBadge #popupStockText{display:block!important;color:#fff!important;font-weight:900!important;font-family:var(--font-secondary, Nunito, system-ui, -apple-system, "Segoe UI", roboto, helvetica, arial, sans-serif)!important;font-size:clamp(.9rem,2vw,1.15rem)!important;line-height:1.2!important;text-transform:uppercase!important;letter-spacing:1px!important;white-space:normal!important;text-align:center!important;overflow-wrap:anywhere!important;word-break:break-word!important}.item-popup{border:none!important;padding:0!important;margin:0!important;box-shadow:none!important;background:var(--popup-bg-color, #ffffff)!important;border-radius:12px!important;overflow:hidden!important;font-size:15px!important;line-height:1.4!important;min-height:auto!important;height:auto!important;max-width:calc(100vw - 16px)!important;max-height:calc(100vh - 16px)!important;position:absolute;z-index:var(--z-index-global-popup, 2600)}.item-popup.hidden{opacity:0!important;visibility:hidden!important;pointer-events:none!important}.item-popup.visible{opacity:1!important;visibility:visible!important;pointer-events:auto!important}#itemPopup.in-room-modal{z-index:var(--z-index-god-mode, 100001)}.item-popup.measuring{opacity:0!important;visibility:hidden!important;pointer-events:none!important}.room-modal-overlay.popup-active{background-image:linear-gradient(#0006,#0006),var(--dynamic-bg-url)!important;background-size:cover!important;background-color:transparent!important;background-position:center!important;background-repeat:no-repeat!important}.room-overlay-wrapper.no-icon-bg .room-product-icon{background:transparent!important;border-color:transparent!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.site-header.universal-page-header{z-index:var(--z-header-over-room-modal, 3000)!important}.room-page-header{position:relative!important;z-index:var(--z-header-over-room-modal, 3000)!important}input,button,select,textarea{font-family:var(--font-primary, "Merienda", cursive)!important}body.modal-open:has(.room-modal-overlay.show) #detailedItemModal{display:block;visibility:visible;opacity:1;pointer-events:auto;z-index:var(--z-index-god-mode, 100002);transform:none}body.room-modal-open #detailedItemModal{display:block;visibility:visible;opacity:1;pointer-events:auto;z-index:var(--z-index-god-mode, 100002);transform:none}body.modal-open #itemPopup.in-room-modal{z-index:var(--z-global-popup, 100200)!important}.room-modal-overlay{padding-bottom:0!important;position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:var(--z-index-room-modal, 2400);opacity:0;visibility:hidden;transition:all .3s ease}.room-modal-overlay.show{align-items:flex-start!important;padding-top:calc(var(--header-height, 80px) + 5px)!important;opacity:1;visibility:visible}.room-modal-container{margin-bottom:5px!important;position:relative;width:min(95vw,min(95vh * 1.43,1200px));aspect-ratio:1280 / 896;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;transform:scale(.95);transition:transform .3s ease}.room-modal-overlay.show .room-modal-container{transform:scale(1)}.room-modal-iframe{width:100%;height:100%;border:none;border-radius:12px;background:#f8fafc}.room-modal-close{position:absolute;top:1rem;right:1rem;width:40px;height:40px;background:#000000b3;color:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;z-index:var(--z-index-modal-front, 430);transition:all .2s ease}.room-modal-close:hover{background:#000000e6;transform:scale(1.1)}.room-title-overlay h2{margin:0;font-size:1.25rem;font-weight:600}.room-title-overlay p{margin:.25rem 0 0;font-size:.875rem;opacity:.9}.room-title-overlay{position:absolute;top:1rem;left:1rem;max-width:300px;background:#000c;color:#fff;padding:.75rem 1rem;border-radius:8px;z-index:var(--z-index-modal-front, 430);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:none!important}.room-modal-nav{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;background:#000000b3;color:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;z-index:var(--z-index-modal-front, 430);transition:all .2s ease}.room-modal-nav:hover{background:#000000e6;transform:translateY(-50%) scale(1.1)}.room-modal-nav.prev{left:1rem}.room-modal-nav.next{right:1rem}.room-modal-nav:disabled{opacity:.5;cursor:not-allowed}.room-modal-nav:disabled:hover{background:#000000b3;transform:translateY(-50%) scale(1)}.room-modal-loading{position:absolute;inset:0;background:#f8fafc;display:flex;align-items:center;justify-content:center;border-radius:12px;z-index:var(--z-index-modal-content, 420)}.room-modal-loading.hidden,.room-modal-iframe.hidden{display:none!important}.room-modal-spinner{width:50px;height:50px;border:4px solid #e5e7eb;border-top:4px solid var(--brand-primary, #87ac3a);border-radius:50%;animation:room-modal-spin 1s linear infinite}@keyframes room-modal-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.room-modal-loading-text{margin-top:1rem;color:#6b7280;font-size:.875rem}.room-modal-error{position:absolute;inset:0;background:#f8fafc;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:12px;z-index:var(--z-index-modal-content, 420);padding:2rem;text-align:center}.room-modal-error-icon{width:64px;height:64px;background:#fee2e2;color:#dc2626;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;margin-bottom:1rem}.room-modal-error-title{font-size:1.25rem;font-weight:600;color:#1f2937;margin-bottom:.5rem}.room-modal-error-message{color:#6b7280;margin-bottom:1.5rem;line-height:1.5}.room-modal-error-retry{background:var(--brand-primary, #87ac3a);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:500;transition:all .2s ease}.room-modal-error-retry:hover{background:var(--brand-secondary, #BF5700);transform:translateY(-1px)}@media (max-width: 768px){.room-modal-container{width:min(98vw,min(98vh * 1.43,800px));aspect-ratio:1280 / 896}.room-modal-close{width:36px;height:36px;font-size:18px}.room-modal-nav{width:44px;height:44px;font-size:18px}.room-title-overlay{max-width:250px;padding:.5rem .75rem;top:.75rem;left:.75rem}.room-title-overlay h2{font-size:1.125rem}.room-title-overlay p{font-size:.75rem}}@media (max-width: 480px){.room-modal-container{width:min(96vw,min(96vh * 1.43,600px));aspect-ratio:1280 / 896}.room-modal-nav{width:40px;height:40px;font-size:16px}.room-title-overlay{position:static;margin:.5rem;max-width:none}}.config-form-container{display:none;position:absolute;bottom:1rem;left:1rem;right:1rem;background:#fffffff2;border-radius:8px;padding:1rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-index-modal-front, 430)}.config-form-container.show{display:block}.config-form-toggle{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);background:#000000b3;color:#fff;border:none;padding:.5rem 1rem;border-radius:20px;cursor:pointer;font-size:.875rem;z-index:var(--z-index-overlay);transition:all .2s ease}.config-form-toggle:hover{background:#000000e6}.room-modal-header{position:absolute;top:0;left:0;right:0;z-index:var(--z-index-room-modal-header, 2450);pointer-events:none;width:100%;max-width:100%;box-sizing:border-box;overflow:hidden}.back-button-container{position:absolute;top:1rem;left:1rem;pointer-events:auto;z-index:var(--z-room-buttons, 55)}.room-modal-back-btn{width:auto!important;max-width:-moz-max-content!important;max-width:max-content!important;display:flex;align-items:center;gap:8px;background:var(--brand-primary, #87ac3a);color:var(--white, #ffffff);border:none!important;border-radius:var(--radius-lg, 12px);-webkit-backdrop-filter:var(--backdrop-blur-sm, blur(4px));backdrop-filter:var(--backdrop-blur-sm, blur(4px));box-shadow:var(--shadow-md, 0 4px 8px rgba(0,0,0,.1));min-width:120px;padding:8px 16px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;pointer-events:auto;text-decoration:none}.room-modal-back-btn,.room-modal-back-btn:hover,.room-modal-back-btn:focus,.room-modal-back-btn:active,.room-modal-back-btn:visited{border:none!important;outline:none!important;box-shadow:var(--shadow-md, 0 4px 8px rgba(0,0,0,.1))!important}.room-modal-back-btn:hover{background:var(--brand-secondary, #6d8a2e);transform:translateY(-1px);box-shadow:var(--shadow-lg, 0 8px 16px rgba(0,0,0,.15))!important}.room-modal-back-btn:active{transform:translateY(0);box-shadow:var(--shadow-md, 0 4px 8px rgba(0,0,0,.1))!important}.room-overlay-wrapper .room-product-icon{position:absolute;top:var(--icon-top, 0);left:var(--icon-left, 0);width:var(--icon-width, 80px);height:var(--icon-height, 80px);cursor:pointer;z-index:var(--z-badge, 10);transition:transform .2s ease,box-shadow .2s ease;border-radius:8px;overflow:hidden;background:#ffffffe6;border:2px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);box-shadow:0 2px 8px #0003;--original-top: var(--icon-top, 0px);--original-left: var(--icon-left, 0px);--original-width: var(--icon-width, 80px);--original-height: var(--icon-height, 80px)}.room-overlay-wrapper .room-product-icon:hover{transform:scale(1.1);box-shadow:0 4px 16px #0003;z-index:var(--z-badge-high, 15)}.room-overlay-wrapper .room-product-icon-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:8px}.room-overlay-wrapper{position:relative;width:100%;height:100%;background-image:var(--room-bg-image, none);background-size:cover;background-position:center center;background-repeat:no-repeat;min-height:500px}.room-modal-overlay .room-modal-header{position:absolute;top:0;left:0;right:0;background:transparent;color:#fff;padding:15px 20px;border-radius:8px 8px 0 0;z-index:var(--z-index-room-modal-header, 2450);margin-bottom:0;display:flex;align-items:center;justify-content:flex-start;gap:12px;box-shadow:none;min-height:60px}.room-modal-title-container{margin-left:auto;display:inline-flex;align-items:center;padding:6px 12px;border-radius:8px;background:var(--brand-primary, #87ac3a);color:var(--white, #ffffff);box-shadow:var(--shadow-md, 0 4px 8px rgba(0,0,0,.1))}.room-modal-title-container h1,.room-modal-title-container h2,.room-modal-title-container h3,.room-modal-title-container p,.room-modal-title-container span{color:inherit;margin:0}.room-door.disabled{pointer-events:none;opacity:.5}.room-door.highlighted{box-shadow:0 0 20px #87ac3acc;transform:scale(1.05);transition:all .3s ease}.room-door.hover-effect{cursor:pointer;transition:transform .2s ease}.room-door.hover-effect:hover,.room-door.hovered{transform:scale(1.05)}.room-modal-content .room-content-area{margin-top:60px;padding-top:10px}body.modal-open #productModal,body.modal-open #productModal .modal-content,body.modal-open #productModal #modalContent{display:none;opacity:0;pointer-events:none;transform:scale(0);visibility:hidden;z-index:var(--z-index-behind)}body.modal-open .modal:not(.room-modal-overlay,#detailedItemModal){display:none;opacity:0;pointer-events:none;transform:scale(0);visibility:hidden;z-index:var(--z-index-behind)}body.modal-open .modal-content:not(.room-modal-container){display:none;opacity:0;pointer-events:none;transform:scale(0);visibility:hidden;z-index:var(--z-index-behind)}body.modal-open .modal-overlay:not(.room-modal-overlay,#detailedItemModal){display:none;opacity:0;pointer-events:none;transform:scale(0);visibility:hidden;z-index:var(--z-index-behind)}body.modal-open #quantityModal{display:none;opacity:0;pointer-events:none;transform:scale(0);visibility:hidden;z-index:var(--z-index-behind)}.detailed-item-modal.show{top:var(--wf-header-offset, 0)!important;bottom:auto!important;height:calc(100vh - var(--wf-header-offset, 0))!important;padding-top:0!important;display:flex!important;align-items:flex-start!important;justify-content:center!important}.detailed-item-modal #detailedPriceSection #detailedCurrentPrice{font-size:2.5rem!important;line-height:1.1!important;color:var(--brand-secondary)!important}.detailed-item-modal .text-brand-primary{color:var(--brand-primary)!important}.detailed-item-modal .text-brand-secondary{color:var(--brand-secondary)!important}.detailed-item-modal .room-modal-button{width:auto!important;max-width:-moz-max-content!important;max-width:max-content!important;transform:none!important}.detailed-item-modal .wf-add-to-cart-btn,.detailed-item-modal .btn--detailed-add-to-cart{width:auto!important;max-width:none!important;box-sizing:border-box!important;white-space:nowrap!important}.detailed-item-modal .detailed-qty-and-cart-row .wf-add-to-cart-btn,.detailed-item-modal .detailed-qty-and-cart-row .btn--detailed-add-to-cart{width:100%!important;white-space:nowrap!important}.detailed-item-modal .wf-add-to-cart-btn:hover,.detailed-item-modal .btn--detailed-add-to-cart:hover{background-color:var(--brand-secondary)!important;border-color:var(--brand-secondary)!important;color:#fff!important}.detailed-item-modal #additionalInfoToggle{width:100%!important;max-width:100%!important;box-sizing:border-box!important}.detailed-item-modal .modal-content{overflow-x:hidden!important;overflow-y:auto!important;max-width:100%!important;box-sizing:border-box!important;padding-left:1.5rem!important;padding-right:1.5rem!important}.detailed-item-modal .modal-content *{max-width:100%!important;box-sizing:border-box!important}.detailed-item-modal .quantity-selector{display:inline-flex!important;align-items:center!important;gap:2px!important;max-width:180px!important;width:auto!important;flex-wrap:nowrap!important}.detailed-item-modal .btn--qty,.detailed-item-modal .quantity-selector .btn--qty,.detailed-item-modal .flex .btn--qty,.detailed-item-modal-container .btn--qty{width:24px!important;min-width:24px!important;max-width:24px!important;height:24px!important;padding:0!important;margin:0!important;--tw-space-x-reverse: 0 !important;--tw-space-y-reverse: 0 !important;border:1px solid #ccc!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important;flex-grow:0!important;font-size:17px!important;line-height:1!important;box-sizing:border-box!important;overflow:hidden!important;text-align:center!important;vertical-align:middle!important}.detailed-item-modal .btn--qty svg{width:14px!important;height:14px!important;flex-shrink:0!important}.detailed-item-modal .quantity-selector .btn--qty svg{width:14px!important;height:14px!important;flex-shrink:0!important}.detailed-item-modal #detailedMainImage{display:block!important;height:auto!important;width:75%!important;margin:0 auto!important;-o-object-fit:contain!important;object-fit:contain!important;cursor:zoom-in!important;max-height:calc(95vh - var(--wf-header-offset, 0) - 50px)!important}.detailed-item-modal .aspect-square{aspect-ratio:auto!important;max-height:calc(95vh - var(--wf-header-offset, 0) - 50px)!important}.detailed-item-modal{width:100vw!important;max-width:100vw!important;height:auto;margin:0!important;background:#00000059;z-index:var(--z-detailed-item-modal, 100300)!important}.detailed-item-modal .detailed-item-modal-container{max-width:min(90vw,1400px)!important;width:min(90vw,1400px)!important;margin:0 auto!important;overflow-x:hidden!important;overflow-y:auto!important;box-sizing:border-box!important}.detailed-item-modal-container::-webkit-scrollbar-x{display:none!important}.detailed-item-modal::-webkit-scrollbar-x{display:none!important}.detailed-item-modal-container .modal-body{overflow-x:hidden!important;overflow-y:visible!important;width:100%!important;box-sizing:border-box!important}.detailed-item-modal .input--qty{width:52px!important;min-width:52px!important;max-width:52px!important;text-align:center!important;padding:6px 1px!important;margin:0!important;box-sizing:border-box!important;font-size:1.3125rem!important;line-height:1.2!important;min-height:2.25rem!important}.detailed-item-modal .quantity-selector input.input--qty,.detailed-item-modal input.input--qty{width:52px!important;min-width:52px!important;max-width:52px!important;text-align:center!important;padding:1px!important;margin:0!important;box-sizing:border-box!important;font-size:1.3125rem!important;line-height:1.2!important;min-height:2.25rem!important}.detailed-item-modal-container .input--qty{width:52px!important;min-width:52px!important;max-width:52px!important;text-align:center!important;padding:6px 1px!important;margin:0!important;box-sizing:border-box!important;font-size:1.3125rem!important;line-height:1.2!important;min-height:2.25rem!important}.detailed-item-modal input[type=number]::-webkit-outer-spin-button,.detailed-item-modal input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none!important;margin:0!important}.detailed-item-modal input[type=number]{-moz-appearance:textfield!important;-webkit-appearance:textfield!important;appearance:textfield!important}.detailed-item-modal .qty-block{min-width:220px!important}.detailed-item-modal .detailed-qty-and-cart-row{align-items:center!important;justify-content:flex-start!important}.detailed-item-modal .detailed-qty-and-cart-row .wf-add-to-cart-btn,.detailed-item-modal .detailed-qty-and-cart-row .btn--detailed-add-to-cart{padding-top:1.25rem!important;padding-bottom:1.25rem!important;font-size:1.25rem!important;line-height:1.2!important}.image-viewer-overlay{position:fixed!important;inset:0!important;background:#000000d9!important;z-index:var(--z-image-viewer, 100400)!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:zoom-out!important}.image-viewer-overlay img{max-width:95vw!important;max-height:calc(100vh - var(--wf-header-offset, 0) - 20px)!important;width:auto!important;height:auto!important;-o-object-fit:contain!important;object-fit:contain!important;display:block!important;background:transparent!important}.detailed-item-modal .stock-status-text,.detailed-item-modal .qty-label{font-size:1.3125rem!important}.detailed-item-modal .selling-point-pill{display:inline-flex;align-items:center;background-color:var(--button-bg-primary, #87ac3a);color:var(--brand-bg-text-color, #fff);padding:2px 8px;border-radius:8px;line-height:1.2;max-width:100%}.detailed-item-modal .selling-point-icon{width:14px;height:14px;color:var(--brand-bg-text-color, #fff);flex-shrink:0}.detailed-item-modal .selling-point-text{color:var(--brand-bg-text-color, #fff);font-size:1rem;font-weight:600;line-height:1.2;margin:0;white-space:normal}.detailed-item-modal .detailed-select{font-size:1.125rem!important;line-height:1.4!important;padding:.625rem .875rem!important;min-height:2.75rem!important;border:2px solid #d1d5db!important;border-radius:.5rem!important;background-color:#fff!important;color:#111827!important;box-shadow:0 1px 2px #0000000a!important}.detailed-item-modal .detailed-select:focus{outline:none!important;border-color:var(--brand-secondary, #b45309)!important;box-shadow:0 0 0 3px #b4530933!important}.detailed-item-modal .detailed-select option{font-size:1.0625rem!important}.detailed-item-modal .detailed-select option.option-out-of-stock,.detailed-item-modal .detailed-select option:disabled{color:#9ca3af!important}.search-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;z-index:var(--z-overlay, 9998);display:none;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .2s ease}.search-modal.show{display:flex;opacity:1;pointer-events:auto}.search-modal-content{background:#fff;border-radius:8px;max-width:90vw;max-height:90vh;overflow:auto;box-shadow:0 10px 30px #0000004d;min-width:500px}.search-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #eee;background:#f8f9fa;border-radius:8px 8px 0 0}.search-modal-title{margin:0;font-size:18px}.search-modal-close{background:none;border:none;font-size:24px;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.search-modal-body{padding:20px;min-height:200px}.search-result-item{border-bottom:1px solid #eee;padding:15px 0}.search-result-item:last-child{border-bottom:none}.search-result-title{font-weight:700;margin-bottom:5px;color:#007bff;text-decoration:none}.search-result-title:hover{text-decoration:underline}.search-result-description{color:#666;font-size:14px}.search-loading,.search-no-results{text-align:center;padding:40px;color:#666}.sale-price{color:inherit;font-weight:600}.original-price{text-decoration:line-through;color:#999;margin-left:8px}.discount-badge{background:#e74c3c;color:#fff;padding:2px 6px;border-radius:3px;font-size:.8em;margin-left:8px}.has-sale-badge{position:relative}.product-popup{position:absolute;background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px #00000026;padding:15px;max-width:300px;z-index:var(--z-inline-popup, 1000);font-size:14px;display:none}.product-popup.show{display:block}.product-popup .popup-price .original-price{font-size:.9em;margin-left:6px}.product-popup .discount-badge{margin-left:6px}.product-popup .popup-image{max-width:100px;height:auto;margin-bottom:10px;display:block}.product-popup .popup-title{margin:0 0 6px;font-size:1rem;font-weight:700}.product-popup .popup-description{margin-top:8px;color:#555;font-size:.95em}.wf-modal-force-visible{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;z-index:var(--z-global-popup, 2147483600)!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}.modal-overlay{z-index:var(--z-overlay, 10050)}.detailed-item-modal .space-y-2{display:block!important;max-height:none!important;overflow:visible!important}.detailed-item-modal .space-y-2>div{margin-bottom:.5rem;display:block!important}.detailed-item-modal .flex.items-start{display:flex!important;align-items:flex-start!important;margin-bottom:.75rem}.detailed-item-modal .text-gray-700,.detailed-item-modal .text-gray-600{overflow-wrap:break-word!important;word-wrap:break-word!important;-webkit-hyphens:auto!important;hyphens:auto!important;max-width:100%!important}.detailed-item-modal h3{margin-bottom:1rem!important;font-size:1.125rem!important;font-weight:600!important}.detailed-item-modal svg{width:16px!important;height:16px!important;min-width:16px!important;min-height:16px!important;max-width:16px!important;max-height:16px!important}.detailed-item-modal .flex-shrink-0 svg{width:16px!important;height:16px!important;min-width:16px!important;min-height:16px!important;max-width:16px!important;max-height:16px!important}.detailed-item-modal .text-green-500 svg{width:16px!important;height:16px!important;min-width:16px!important;min-height:16px!important;max-width:16px!important;max-height:16px!important}.detailed-item-modal .text-green-600 svg{width:16px!important;height:16px!important;min-width:16px!important;min-height:16px!important;max-width:16px!important;max-height:16px!important}.detailed-item-modal svg.w-3{width:12px!important;height:12px!important}.detailed-item-modal svg.h-3{width:12px!important;height:12px!important}.detailed-item-modal svg.w-4{width:16px!important;height:16px!important}.detailed-item-modal svg.h-4{width:16px!important;height:16px!important}.detailed-item-modal svg.w-5{width:20px!important;height:20px!important}.detailed-item-modal svg.h-5{width:20px!important;height:20px!important}.detailed-item-modal svg.w-6{width:24px!important;height:24px!important}.detailed-item-modal svg.h-6{width:24px!important;height:24px!important}.detailed-item-modal .w-6,.detailed-item-modal .h-6,.detailed-item-modal .w-5,.detailed-item-modal .h-5{width:20px!important;height:20px!important;max-width:20px!important;max-height:20px!important}.detailed-item-modal svg[width]{width:16px!important;height:16px!important}.detailed-item-modal svg[height]{width:16px!important;height:16px!important}.detailed-item-modal svg[style*=width]{width:16px!important;height:16px!important}.detailed-item-modal svg[style*=height]{width:16px!important;height:16px!important}.detailed-item-modal path[d*="M5 13l4 4L19 7"]{transform:scale(1)!important}.detailed-item-modal path[d*="M9 5l7 7-7 7"]{transform:scale(1)!important}.detailed-item-modal .flex-shrink-0{transform:scale(1)!important;margin-right:.75rem;flex-shrink:0!important;width:20px!important;height:20px!important;display:flex!important;align-items:center!important;justify-content:center!important}.detailed-item-modal .mb-6{margin-bottom:1.5rem!important}.detailed-item-modal .text-3xl{font-size:1.875rem!important;line-height:2.25rem!important;font-weight:700!important}.detailed-item-modal .leading-relaxed{line-height:1.625!important}.detailed-item-modal-container{display:flex;flex-direction:column;max-height:90vh;max-width:75vw!important;overflow-x:hidden!important;margin:0 auto}.detailed-item-modal-container .modal-content{flex:1;overflow-y:auto;overflow-x:hidden!important;padding:1.5rem;max-width:100%}.detailed-item-modal .modal-body{max-height:80vh;overflow-y:auto;padding-bottom:2rem;overflow-x:hidden!important;max-width:100%}.detailed-item-modal .grid{max-width:100%}.detailed-item-modal *{max-width:100%;word-wrap:break-word;overflow-wrap:break-word}.customer-modal .admin-modal,.customer-modal .modal-content,.admin-modal.wf-admin-panel-visible,div.admin-modal.wf-admin-panel-visible,div[class*=admin-modal][class*=wf-admin-panel-visible],[class~=admin-modal][class~=wf-admin-panel-visible]{width:90%!important;max-width:none!important;min-width:90%!important}.modal-header{padding:.75rem 1.5rem!important}.modal-title{margin:0!important;font-size:1.125rem!important;line-height:1.25!important}.modal-sidebar{max-height:75vh!important;overflow:hidden!important;display:flex!important;flex-direction:column!important}.order-history-panel{flex:1!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}.order-history-title{flex-shrink:0!important;margin-bottom:.5rem!important;padding:0!important}.order-history-content{flex:1!important;max-height:45vh!important;overflow-y:auto!important;overflow-x:hidden!important}.order-history-item{margin-bottom:.5rem!important;padding:.5rem!important;cursor:pointer!important;border-radius:4px!important;transition:background-color .2s ease!important}.order-history-item:hover{background-color:#f3f4f6!important}.order-history-item:last-child{margin-bottom:0!important}.order-id{margin-bottom:.25rem!important;font-size:.8rem!important}.order-detail{margin-bottom:.125rem!important;font-size:.75rem!important;line-height:1.1!important}.wf-login-overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:var(--z-global-popup, 2147483000)}.wf-login-overlay.show{opacity:1;pointer-events:auto}.wf-login-modal{width:100%;max-width:360px;margin:12px;padding:0}.wf-login-card{background:#fff;border-radius:12px;box-shadow:0 15px 40px #0000002e;padding:18px 16px 16px;position:relative}.wf-login-close{position:absolute;top:8px;right:10px;border:none;background:transparent;color:#667085;font-size:20px;cursor:pointer}.wf-login-title{margin:0 0 10px;font-size:18px;line-height:1.2;color:#111827;font-weight:700}.wf-login-form{display:flex;flex-direction:column;gap:10px}.wf-field{display:flex;flex-direction:column;gap:4px}.wf-label{font-size:12px;color:#6b7280}.wf-input{height:34px;padding:6px 10px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;font-size:14px}.wf-input:focus{outline:none;border-color:#87ac3a;box-shadow:0 0 0 3px #87ac3a2e}.wf-btn-primary:hover{background:var(--brand-secondary, #BF5700)}.login-page-container .login-input{height:36px;padding:6px 10px;border-radius:8px;font-size:14px}.login-page-container .login-form{max-width:380px;margin:0 auto}.login-page-container .login-title{font-size:20px}.wf-notification-container{position:fixed;top:20px;right:20px;z-index:var(--z-global-popup, 100200)!important;pointer-events:none;max-width:400px}.wf-notification{pointer-events:auto;margin-bottom:10px;border-radius:8px;box-shadow:0 4px 12px #00000026;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid;min-width:300px;max-width:400px;position:relative;transform:translate(100%);opacity:0;transition:all .3s ease-out;cursor:pointer;padding:16px;background:linear-gradient(135deg,var(--brand-primary, #87ac3a),var(--brand-secondary, #BF5700));color:#fff;border-color:var(--brand-secondary, #BF5700);z-index:var(--z-global-popup, 100200)!important}.wf-notification.is-visible{transform:translate(0);opacity:1}.wf-notification.slide-out{transform:translate(120%);opacity:0;margin-bottom:0}.wf-notification-content{display:flex;align-items:flex-start;gap:12px}.wf-notification-icon{font-size:20px;line-height:1;flex-shrink:0}.wf-notification-body{flex:1;min-width:0}.wf-notification-message{font-size:14px;line-height:1.4;word-wrap:break-word}.wf-notification-close{position:absolute;top:8px;right:8px;background:none;border:none;color:#fffc;font-size:18px;line-height:1;cursor:pointer;padding:4px;opacity:.7;transition:opacity .2s ease}.wf-notification-close:hover{opacity:1}.wf-success-notification{background:linear-gradient(135deg,var(--brand-primary, #87ac3a),var(--brand-secondary, #BF5700));border-color:var(--brand-secondary, #BF5700);color:#fff}.wf-success-notification .wf-notification-close{color:#fffc}.wf-error-notification{background:linear-gradient(135deg,#dc2626,#b91c1c);border-color:#dc2626;color:#fff}.wf-error-notification .wf-notification-close{color:#fffc}@media (max-width: 480px){.wf-notification-container{left:10px;right:10px;top:10px;max-width:none}.wf-notification{min-width:auto;max-width:none}}.card-standard.has-shipping-badges,.section-card.has-shipping-badges{position:relative}.shipping-badges{position:absolute;top:8px;right:8px;display:inline-flex;align-items:center;gap:6px;z-index:var(--z-index-checkout-badge, 3)}.shipping-badge{width:100px;height:100px;min-width:100px;min-height:100px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;border:1px solid #e5e7eb;box-shadow:0 4px 10px #00000014}.shipping-badge.pickup{background:#ecfdf5;color:#047857;border-color:#a7f3d0}.shipping-badge.local{background:#fffbeb;color:#92400e;border-color:#fde68a}.shipping-badge svg{width:92%;height:92%;display:block}.shipping-badge .label{font-family:Merienda,Nunito,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-weight:700;font-size:12px;line-height:1.05;text-align:center;padding:6px;word-break:break-word}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.shipping-policy-note{margin-top:8px;font-size:.95rem;color:#6b7280}.shipping-policy-note.is-active{color:var(--brand-secondary, #BF5700);font-weight:600}.btn--db-export{background-color:#db2777;color:#fff}.btn--db-export:hover{background-color:#be185d}.btn--db-import-sql,.btn--db-import-csv,.btn--db-import-json{background-color:#7c3aed;color:#fff}.btn--db-import-sql:hover,.btn--db-import-csv:hover,.btn--db-import-json:hover{background-color:#6d28d9}.btn--db-query-execute{background-color:#3b82f6;color:#fff}.btn--db-query-execute:hover{background-color:#2563eb}.btn--db-query-clear{background-color:#6b7280;color:#fff}.btn--db-query-clear:hover{background-color:#4b5563}.btn--db-init{background-color:#d97706;color:#fff}.btn--db-init:hover{background-color:#b45309}.btn--db-optimize{background-color:#2563eb;color:#fff}.btn--db-optimize:hover{background-color:#1d4ed8}.btn--db-analyze-indexes{background-color:#7c3aed;color:#fff}.btn--db-analyze-indexes:hover{background-color:#6d28d9}.btn--db-cleanup{background-color:#16a34a;color:#fff}.btn--db-cleanup:hover{background-color:#15803d}.btn--db-repair{background-color:#dc2626;color:#fff}.btn--db-repair:hover{background-color:#b91c1c}.btn--db-analyze-size{background-color:#4f46e5;color:#fff}.btn--db-analyze-size:hover{background-color:#4338ca}.btn--db-performance{background-color:#ca8a04;color:#111827}.btn--db-performance:hover{background-color:#a16207}.btn--db-foreign-keys{background-color:#0d9488;color:#fff}.btn--db-foreign-keys:hover{background-color:#0f766e}.btn--db-show-export,.btn--db-export-tools{background-color:#db2777;color:#fff}.btn--db-show-export:hover,.btn--db-export-tools:hover{background-color:#be185d}.btn--db-show-import,.btn--db-import-tools{background-color:#7c3aed;color:#fff}.btn--db-show-import:hover,.btn--db-import-tools:hover{background-color:#6d28d9}.btn--db-show-schema,.btn--db-schema-browser{background-color:#0891b2;color:#fff}.btn--db-show-schema:hover,.btn--db-schema-browser:hover{background-color:#0e7490}.panel--narrow{max-width:640px;margin:48px auto}.form-input--narrow{max-width:320px}.grid--two-col-tight{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:end}.actions--tight{margin-top:12px;display:flex;gap:8px;flex-wrap:wrap}.json-output--min{margin-top:12px;min-height:120px}.section--narrow-max{max-width:1000px;margin:0 auto}.notice--spaced{margin-bottom:12px}.pre--nowrap-scroll{white-space:nowrap;overflow-x:auto}.helper--ml-8{margin-left:8px}.wf-access-denied{padding:16px;color:#b91c1c;font-family:sans-serif}.brand-button{background-color:var(--button-bg-primary, #87ac3a);color:var(--brand-bg-text-color, #ffffff);border:1px solid color-mix(in srgb,var(--button-bg-primary, #87ac3a),black 12%);font-weight:600;transition:background-color .15s ease,box-shadow .15s ease,transform .05s ease}.brand-button:hover{background-color:var(--button-bg-primary-hover, #a3cc4a);box-shadow:0 6px 16px #0000002e}.brand-button:active{transform:translateY(0)}.brand-button:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--button-bg-primary, #87ac3a),white 70%)}.brand-button *{color:inherit;fill:currentcolor}.brand-button svg{color:inherit;fill:currentcolor}.nav-arrow{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:9999px;background-color:var(--nav-arrow-bg, rgba(0,0,0,.45));color:var(--nav-arrow-color, #ffffff);border:1px solid color-mix(in srgb,var(--nav-arrow-bg, rgba(0,0,0,.45)),black 15%);cursor:pointer;transition:background-color .15s ease,transform .05s ease,box-shadow .15s ease}.nav-arrow:hover{background-color:var(--nav-arrow-bg-hover, rgba(0,0,0,.6));box-shadow:0 8px 18px #0003}.nav-arrow:active{transform:scale(.96)}.nav-arrow svg{width:20px;height:20px;pointer-events:none}.nav-arrow.left{margin-right:6px}.nav-arrow.right{margin-left:6px}@media (max-width: 480px){.nav-arrow{width:34px;height:34px}.nav-arrow svg{width:18px;height:18px}}.color-swatch,.color-dot{background-color:var(--swatch-color, #000)}.wf-container-badge{display:inline-flex;align-items:center;gap:6px;padding:2px 6px;font-size:10px;border-radius:6px;background:#f3f4f6;color:#374151;border:1px solid #e5e7eb}.wf-folder-icon,.wf-box-icon{width:14px;height:14px;display:inline-block;line-height:0;color:currentColor;fill:currentColor}.wf-size-chip{display:inline-flex;align-items:center;padding:0 6px;height:18px;border-radius:9999px;background:#eef2ff;color:#3730a3;border:1px solid #c7d2fe;font-size:10px;line-height:1}.wf-size-chip+.wf-size-chip{margin-left:6px}.wf-size-chip.more{background:#f3f4f6;color:#4b5563;border-color:#e5e7eb}#nestedInventoryEditor details{border-color:#e5e7eb}#nestedInventoryEditor details>summary{list-style:none}#nestedInventoryEditor details>summary::-webkit-details-marker{display:none}.inv-relative{position:relative}.pricing-tooltip.tt-top-center{top:-10px;left:50%;transform:translate(-50%) translateY(-100%);word-wrap:break-word;line-height:1.4;pointer-events:auto}.pricing-tooltip.tt-left-offset{left:25px;top:-10px;white-space:normal;line-height:1.4;pointer-events:auto}.is-busy{opacity:.6}.flash-highlight-green{background-color:#dcfce7!important}.flash-highlight-green-light{background-color:#f0fdf4!important}.flash-highlight-purple{background-color:#f3e8ff!important}.flash-highlight-blue{background-color:#dbeafe!important}.toast{transition:opacity .5s ease}.toast.fade-out{opacity:0}.editable{cursor:pointer;transition:background-color .2s ease;padding:4px 8px;border-radius:4px}.editable:hover{background-color:var(--editable-hover-bg, #f3f4f6)}.editable input,.editable select{width:100%;padding:4px 8px;border:2px solid var(--editable-border-focus, #3b82f6);border-radius:4px;font-size:inherit;font-family:inherit;background-color:#fff;outline:none}.editable input:focus,.editable select:focus{border-color:var(--editable-border-focus, #3b82f6);box-shadow:0 0 0 3px #3b82f61a}.bg-green-100{background-color:var(--success-highlight-bg, #dcfce7)!important;transition:background-color .3s ease}.admin-filter-section{margin:0}.admin-filters{display:block;padding:4px 12px;background:transparent!important;border:none!important;border-radius:0!important;box-shadow:none!important;overflow-x:auto}.admin-filters .admin-filter-form{display:inline-flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:10px 12px;margin:0;white-space:nowrap}.admin-filter-section .admin-filter-form,.admin-filter-section>.admin-filters>form.admin-filter-form{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:10px 12px}.admin-filter-section .admin-filter-form>*,.admin-filter-section>.admin-filters>form.admin-filter-form>*{flex:0 0 auto}.admin-filter-section .admin-form-input,.admin-filter-section .admin-form-select,.admin-filter-section .admin-filter-button,.admin-filter-section .btn{width:auto;max-width:none}.admin-filters .admin-form-input,.admin-filters .admin-form-select{flex:0 0 auto;height:34px;padding:6px 10px;font-size:.95rem;background:#fff;color:#111;border:1px solid #d1d5db;border-radius:8px}.admin-filters .admin-form-input::-moz-placeholder{color:#6b7280}.admin-filters .admin-form-input::placeholder{color:#6b7280}.admin-filters .admin-filter-button,.admin-filters .btn{flex:0 0 auto;min-height:34px;height:34px;line-height:1;display:inline-flex;align-items:center;gap:6px}.admin-filters .admin-actions{margin-left:12px;display:inline-flex;align-items:center;gap:10px}.admin-filters .btn-icon{width:34px;min-width:34px;justify-content:center;padding:0}@media (max-width: 640px){.admin-filters{padding:8px 10px}}body[data-page^=admin] #attributesModal .admin-modal{width:min(1200px,98vw)!important}body[data-page="admin/settings"] .email-drawer{position:absolute;top:72px;right:16px;width:420px;max-width:calc(100% - 32px);height:60vh;background:#fff;border:1px solid #ddd;box-shadow:0 8px 24px #0000001f;border-radius:6px;display:flex;flex-direction:column;z-index:var(--z-admin-drawer-content);transition:opacity .15s ease,transform .15s ease;opacity:0;transform:translateY(6px)}body[data-page="admin/settings"] .email-drawer.is-open{opacity:1;transform:translateY(0)}body[data-page="admin/settings"] .email-drawer .drawer-header{position:sticky;top:0;background:#fff;z-index:var(--z-admin-drawer-header)}body[data-page="admin/settings"] .email-drawer .drawer-meta{position:sticky;top:40px;background:#fff;z-index:var(--z-admin-drawer-meta)}body[data-page="admin/settings"] .email-drawer-overlay{z-index:var(--z-admin-drawer-overlay);position:absolute;inset:72px 16px auto 0;height:60vh;background:#00000014;transition:opacity .15s ease;opacity:0;pointer-events:none}body[data-page="admin/settings"] .email-drawer-overlay.is-open{opacity:1;pointer-events:auto}body[data-page="admin/settings"] #emailHistoryModal .modal-body{position:relative}body[data-page="admin/settings"]{--header-height: 80px}.settings-page{min-height:auto;max-height:none;overflow:visible;position:static;padding-bottom:0!important}body[data-page="admin/settings"] .admin-dashboard,body[data-page="admin/settings"] .page-content,body[data-page="admin/settings"] #admin-section-content,body[data-page="admin/settings"] .settings-page{min-height:auto!important;height:auto!important;margin-bottom:0!important;padding-bottom:0!important}body[data-page^=admin] .admin-modal .modal-header{position:relative!important;padding-right:40px}body[data-page^=admin] .admin-modal .admin-modal-close{position:absolute!important;top:8px!important;right:10px!important;width:28px;height:28px;line-height:28px;text-align:center;border-radius:9999px;background:transparent;border:none;color:#6b7280;cursor:pointer}body[data-page^=admin] .admin-modal .admin-modal-close:hover{background:#f3f4f6;color:#111827}body[data-page^=admin] .admin-modal .admin-modal-close:focus{outline:none}body[data-page^=admin]{overflow:hidden!important}html:has(body[data-page^=admin]){overflow:hidden!important}body[data-page="admin/settings"]{overflow:auto!important;pointer-events:auto;min-height:auto!important;height:auto!important}html:has(body[data-page="admin/settings"]){overflow:auto!important}body[data-page="admin/settings"]{overflow-x:hidden!important}html:has(body[data-page="admin/settings"]){overflow-x:clip!important}body[data-page="admin/settings"]{min-height:100vh!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;background-attachment:fixed!important}body[data-page^=admin] .admin-modal-overlay{align-items:flex-start!important;padding-top:var(--wf-overlay-offset, calc(var(--wf-header-height, 64px) + 12px))!important;z-index:var(--wf-admin-overlay-z, var(--z-admin-overlay, 10100))!important}body[data-page^=admin] .admin-modal-overlay .admin-modal{margin-top:0!important}body[data-page="admin/settings"] .settings-page,body[data-page="admin/settings"] #adminSettingsRoot,body[data-page="admin/settings"] .settings-grid,body[data-page="admin/settings"] .settings-section{position:static;z-index:auto;overflow:visible!important}body[data-page="admin/settings"] footer,body[data-page="admin/settings"] .site-footer,body[data-page="admin/settings"] .footer,body[data-page="admin/settings"] .footer-container{display:none!important}body[data-page="admin/settings"] .settings-section{position:relative;z-index:var(--z-content-3, 3)}body[data-page^=admin] .overlay-gradient-bottom{display:none!important}body[data-page^=admin] .bg-container.mode-fullscreen{z-index:var(--z-index-flat, 0)!important}body[data-page^=admin] .admin-tab-navigation{margin-top:0}body[data-page^=admin].modal-open,html.modal-open:has(body[data-page^=admin]),body[data-page^=admin].modal-open-overflow-hidden,body[data-page^=admin].modal-open-position-fixed,body[data-page^=admin].wf-no-scroll{overflow:hidden!important;position:static!important}body[data-page="admin/settings"] .admin-tab-navigation{display:flex!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}body[data-page^=admin] #admin-section-content{overflow-y:auto!important;height:auto!important;min-height:calc(100vh - (var(--wf-header-height, var(--header-height, 80px)) + var(--admin-tabs-height, 56px)))!important;box-sizing:border-box;padding-bottom:0!important}body[data-page="admin/settings"] #admin-section-content{min-height:auto!important;height:auto!important;max-height:none!important;padding-bottom:0!important;margin-bottom:0!important;overflow-y:auto!important;overflow-x:visible!important}body[data-page^=admin] .admin-modal-overlay,body[data-page^=admin] .modal-overlay,body[data-page^=admin] .room-modal-overlay{display:none;transition:none!important}body[data-page^=admin] .admin-modal-overlay[aria-hidden=true],body[data-page^=admin] .modal-overlay[aria-hidden=true],body[data-page^=admin] .room-modal-overlay[aria-hidden=true]{display:none!important}body[data-page^=admin] .admin-modal-overlay.show,body[data-page^=admin] .modal-overlay.show,body[data-page^=admin] .room-modal-overlay.show{display:flex!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important}body[data-page^=admin] .admin-modal-overlay.over-header,body[data-page^=admin] #deployManagerModal,body[data-page^=admin] #devStatusModal{padding-top:0!important;align-items:center!important;z-index:var(--z-detailed-item-modal, 100300)!important}body[data-page^=admin] #detailedItemModal:not(.hidden),body[data-page^=admin] .detailed-item-modal.show{display:flex!important;align-items:flex-start!important;justify-content:center!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;z-index:var(--z-detailed-item-modal, 100300)!important}body[data-page^=admin] #orderModal:not(.hidden),body[data-page^=admin] #orderModal.show{display:flex!important;align-items:flex-start!important;justify-content:center!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;z-index:var(--z-admin-overlay, 10100)!important}body[data-page^=admin] #squareSettingsModal.show{display:flex!important}body[data-page^=admin] .admin-modal-overlay:not(.hidden),body[data-page^=admin] .modal-overlay:not(.hidden),body[data-page^=admin] .room-modal-overlay:not(.hidden){display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;position:fixed!important;inset:0!important;z-index:var(--wf-admin-overlay-z, var(--z-admin-overlay, 10100))!important;pointer-events:auto!important}.admin-modal-overlay.hidden,.modal-overlay.hidden,.room-modal-overlay.hidden{display:none!important;visibility:hidden!important;pointer-events:none!important}.admin-modal-overlay,.modal-overlay,.room-modal-overlay{position:fixed;inset:0;width:100vw;height:100vh;box-sizing:border-box}.admin-modal-overlay.show,.modal-overlay.show,.room-modal-overlay.show,.modal-overlay.active,.admin-modal-overlay.active,.room-modal-overlay.is-open,.admin-modal-overlay:not(.hidden),.modal-overlay:not(.hidden),.room-modal-overlay:not(.hidden),.admin-modal-overlay:not(:is(.hidden,[aria-hidden=true])),.modal-overlay:not(:is(.hidden,[aria-hidden=true])),.room-modal-overlay:not(:is(.hidden,[aria-hidden=true])){position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;overflow:auto!important;box-sizing:border-box!important;z-index:var(--wf-admin-overlay-z, var(--z-admin-overlay, 10100))!important;display:flex!important;align-items:center!important;justify-content:center!important}body[data-page^=admin] :is(.admin-modal-overlay,.modal-overlay,.room-modal-overlay).under-header{top:var(--admin-header-height, 64px)!important;height:calc(100vh - var(--admin-header-height, 64px))!important;align-items:flex-start!important;justify-content:center!important}body[data-page^=admin] .admin-modal-overlay,body[data-page^=admin] .modal-overlay,body[data-page^=admin] .room-modal-overlay{background:#0000008c!important}body[data-page^=admin] :is(.admin-modal-overlay,.modal-overlay,.room-modal-overlay){-webkit-backdrop-filter:none!important;backdrop-filter:none!important;transition:none!important}.admin-modal,.modal,.modal-content{margin:0 auto!important}.admin-modal,.modal{margin:0!important;opacity:1!important;background:#fff!important;position:relative!important;z-index:var(--z-index-base, 1)!important;transform:none!important}body[data-page^=admin] .admin-modal-overlay.show .admin-modal,body[data-page^=admin] .modal-overlay.show .admin-modal,body[data-page^=admin] .room-modal-overlay.show .admin-modal,body[data-page^=admin] .admin-modal-overlay.show .admin-modal-content,body[data-page^=admin] .modal-overlay.show .admin-modal-content,body[data-page^=admin] .room-modal-overlay.show .admin-modal-content{opacity:1!important;display:block!important;visibility:visible!important}body[data-page^=admin] .admin-settings-scroll,body[data-page^=admin] #adminSettingsScroll,body[data-page^=admin] #adminSettingsContainer,body[data-page^=admin] main.admin-settings,body[data-page^=admin] #contentWrapper,body[data-page^=admin] #adminContent,body[data-page^=admin] #settingsContent,body[data-page^=admin] .admin-dashboard,body[data-page^=admin] .page-content{overflow:hidden!important;max-height:none!important}.admin-modal-overlay.hidden{display:none!important}.admin-modal-overlay.show{display:flex}.brand-primary-swatch{background-color:var(--brand-primary, #0ea5e9);color:#fff}.brand-secondary-swatch{background-color:var(--brand-secondary, #6366f1);color:#fff}.brand-accent-swatch{background-color:var(--brand-accent, #22c55e);color:#fff}.brand-swatch[data-index="0"]{background-color:var(--palette-0, #f3f4f6)}.brand-swatch[data-index="1"]{background-color:var(--palette-1, #e5e7eb)}.brand-swatch[data-index="2"]{background-color:var(--palette-2, #d1d5db)}.brand-swatch[data-index="3"]{background-color:var(--palette-3, #9ca3af)}.brand-swatch[data-index="4"]{background-color:var(--palette-4, #6b7280)}.brand-swatch[data-index="5"]{background-color:var(--palette-5, #4b5563)}.brand-swatch[data-index="6"]{background-color:var(--palette-6, #374151)}.brand-swatch[data-index="7"]{background-color:var(--palette-7, #1f2937)}.brand-swatch[data-index="8"]{background-color:var(--palette-8, #111827)}.brand-swatch[data-index="9"]{background-color:var(--palette-9, #000000)}.color-chip[data-color]{background-color:attr(data-color)}.help-title{font-size:24px;margin-bottom:16px}:root{--category-system-bg: #DBEAFE;--category-system-fg: #1E40AF;--category-authentication-bg: #FEE2E2;--category-authentication-fg: #991B1B;--category-customization-bg: #EDE9FE;--category-customization-fg: #5B21B6;--category-development-bg: #DCFCE7;--category-development-fg: #166534;--category-documentation-bg: #FEF9C3;--category-documentation-fg: #854D0E;--category-features-bg: #E0E7FF;--category-features-fg: #3730A3;--category-maintenance-bg: #FFEDD5;--category-maintenance-fg: #9A3412;--category-design-bg: #FCE7F3;--category-design-fg: #9D174D;--category-api-bg: #CCFBF1;--category-api-fg: #115E59;--category-general-bg: #F3F4F6;--category-general-fg: #1F2937;--category-default-bg: #F3F4F6;--category-default-fg: #1F2937}.category-badge.category-system{background-color:var(--category-system-bg, var(--category-default-bg));color:var(--category-system-fg, var(--category-default-fg))}.category-badge.category-authentication{background-color:var(--category-authentication-bg, var(--category-default-bg));color:var(--category-authentication-fg, var(--category-default-fg))}.category-badge.category-customization{background-color:var(--category-customization-bg, var(--category-default-bg));color:var(--category-customization-fg, var(--category-default-fg))}.category-badge.category-development{background-color:var(--category-development-bg, var(--category-default-bg));color:var(--category-development-fg, var(--category-default-fg))}.category-badge.category-documentation{background-color:var(--category-documentation-bg, var(--category-default-bg));color:var(--category-documentation-fg, var(--category-default-fg))}.category-badge.category-features{background-color:var(--category-features-bg, var(--category-default-bg));color:var(--category-features-fg, var(--category-default-fg))}.category-badge.category-maintenance{background-color:var(--category-maintenance-bg, var(--category-default-bg));color:var(--category-maintenance-fg, var(--category-default-fg))}.category-badge.category-design{background-color:var(--category-design-bg, var(--category-default-bg));color:var(--category-design-fg, var(--category-default-fg))}.category-badge.category-api{background-color:var(--category-api-bg, var(--category-default-bg));color:var(--category-api-fg, var(--category-default-fg))}.category-badge.category-general{background-color:var(--category-general-bg, var(--category-default-bg));color:var(--category-general-fg, var(--category-default-fg))}body[data-page^=admin] .modal-overlay,body[data-page^=admin] .admin-modal-overlay,body[data-page^=admin] .room-modal-overlay,body[data-page^=admin] [id$=Modal]{pointer-events:none}body[data-page^=admin] .modal-overlay.show,body[data-page^=admin] .admin-modal-overlay.show,body[data-page^=admin] .room-modal-overlay.show,body[data-page^=admin] [id$=Modal].show{pointer-events:auto}#squareSettingsBtn .status-chip{display:inline-flex;align-items:center;justify-content:center;margin-left:.5rem;padding:.125rem .5rem;border-radius:9999px;font-size:.75rem;line-height:1rem;font-weight:600;border:1px solid transparent}#squareSettingsBtn .status-chip.chip-ok{background-color:#ecfdf5;color:#065f46;border-color:#a7f3d0}#squareSettingsBtn .status-chip.chip-off{background-color:#fef2f2;color:#991b1b;border-color:#fecaca}body[data-page^=admin] .btn--square-action[disabled],body[data-page^=admin] .btn--square-action[aria-disabled=true]{opacity:.6;cursor:not-allowed;filter:grayscale(15%);box-shadow:none!important}body[data-page^=admin] #dashboardConfigModal .admin-modal{width:min(960px,96vw)!important;max-height:92vh!important;display:flex!important;flex-direction:column!important}body[data-page^=admin] #dashboardConfigModal .modal-header{flex:0 0 auto!important}body[data-page^=admin] #dashboardConfigModal .modal-body{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;padding-bottom:12px!important}body[data-page^=admin] .admin-modal-overlay .admin-modal{display:flex!important;flex-direction:column!important;max-height:92vh!important;width:min(960px,96vw)!important}body[data-page^=admin] .admin-modal-overlay .modal-body{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important}body[data-page^=admin] #attributesModal .modal-body{display:flex;flex-direction:column;gap:12px;overflow:hidden}body[data-page^=admin] #attributesModal .grid{flex:1 1 auto;min-height:0}body[data-page^=admin] #attributesModal .attr-col{display:flex;flex-direction:column;min-height:0}body[data-page^=admin] #attributesModal .attr-list{flex:1 1 auto;min-height:220px;max-height:40vh;overflow-y:auto;padding-right:6px;border:1px solid #e5e7eb;border-radius:6px;background:#fff}body[data-page^=admin] *::-webkit-scrollbar{width:17px;height:17px}body[data-page^=admin] *::-webkit-scrollbar-track{background:#f1f1f1}body[data-page^=admin] *::-webkit-scrollbar-thumb{background:#c1c1c1;border:1px solid #a6a6a6}body[data-page^=admin] *::-webkit-scrollbar-thumb:hover{background:#a8a8a8}body[data-page^=admin] *::-webkit-scrollbar-corner{background:#f1f1f1}body[data-page^=admin] *{scrollbar-width:auto;scrollbar-color:#c1c1c1 #f1f1f1}body[data-page^=admin] #attributesModal .attr-list::-webkit-scrollbar{width:17px}body[data-page^=admin] #attributesModal .attr-list::-webkit-scrollbar-thumb{background:#c1c1c1;border:1px solid #a6a6a6}body[data-page^=admin] #attributesModal .attr-list:hover::-webkit-scrollbar-thumb{background:#a8a8a8}.wf-admin-embed-frame{width:100%!important;height:70vh!important;border:1px solid #e5e7eb!important;border-radius:.375rem!important}.wf-admin-embed-frame--tall{height:85vh!important}body[data-page^=admin] .btn--square-action[disabled]:focus,body[data-page^=admin] .btn--square-action[aria-disabled=true]:focus{outline-color:#d1d5db;box-shadow:none!important}body[data-page^=admin] #dashboardConfigModal .dash-width{min-width:60px;padding:2px 4px;border:1px solid #d1d5db;border-radius:4px;background:#fff}body[data-page^=admin] #dashboardConfigModal button[data-action=move-up],body[data-page^=admin] #dashboardConfigModal button[data-action=move-down]{border:1px solid #d1d5db;border-radius:3px;background:#f9fafb;color:#6b7280;transition:all .15s ease}body[data-page^=admin] #dashboardConfigModal button[data-action=move-up]:hover,body[data-page^=admin] #dashboardConfigModal button[data-action=move-down]:hover{background:#e5e7eb;color:#374151}body[data-page^=admin] #dashboardConfigModal button[data-action=move-up]:disabled,body[data-page^=admin] #dashboardConfigModal button[data-action=move-down]:disabled{opacity:.4;cursor:not-allowed;background:#f3f4f6;color:#9ca3af}body[data-page^=admin] #dashboardConfigModal #dashboardSectionsTable{border-collapse:collapse}body[data-page^=admin] #dashboardConfigModal #dashboardSectionsTable th,body[data-page^=admin] #dashboardConfigModal #dashboardSectionsTable td{border:1px solid #e5e7eb;vertical-align:middle}body[data-page^=admin]{--admin-tabs-height: 44px;padding-top:20px!important}body[data-page="admin/settings"]{padding-top:calc(var(--wf-header-height, 64px) + var(--admin-tabs-height, 44px) + 48px)!important}body[data-page^=admin] .admin-filter-section,body[data-page^=admin] .admin-filters{margin-top:0!important;margin-bottom:0!important;padding-top:0!important;padding-bottom:2px!important}body[data-page^=admin] .admin-table-section,body[data-page^=admin] .admin-data-table,body[data-page^=admin] .admin-list-section{margin-top:0!important;padding-top:0!important}body[data-page^=admin] .admin-filter-form{margin-bottom:.5rem!important}body[data-page^=admin] .admin-filters,body[data-page^=admin] .page-filters,body[data-page^=admin] .admin-controls{margin-top:0!important;margin-bottom:0!important}body[data-page^=admin] .admin-title,body[data-page^=admin] .page-title,body[data-page^=admin] h1:first-child{margin-top:0!important;margin-bottom:1rem!important;padding-top:.5rem!important}body[data-page^=admin] .admin-modal-overlay{padding-top:var(--wf-overlay-offset, calc(var(--wf-header-height, 64px) + 12px))!important;z-index:var(--z-admin-overlay, 10050)!important}body[data-page^=admin] .admin-tab-navigation{top:72px!important;z-index:var(--z-admin-nav, 2000)!important;margin:0!important}body[data-page="admin/settings"] .admin-tab-navigation{top:76px!important;z-index:var(--z-admin-nav, 2000)!important;margin:0!important}body[data-page^=admin] .admin-header{margin-top:0!important;padding-top:.5rem!important}.wf-loading{display:flex;align-items:center;justify-content:center;padding:20px;gap:10px}.wf-spinner{width:20px;height:20px;border:2px solid var(--spinner-track, #f3f4f6);border-top-color:var(--spinner-color, #87ac3a);border-radius:50%;animation:wf-spin 1s linear infinite}@keyframes wf-spin{to{transform:rotate(360deg)}}.wf-alert{padding:10px;border-radius:6px;margin:10px 0;border:1px solid transparent}.wf-alert--error{background:#fee;border-color:#fcc;color:#a00}.wf-alert--success{background:#efe;border-color:#cfc;color:#060}.wf-toast{position:fixed;top:20px;right:20px;padding:12px 20px;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:var(--z-index-toast, 10000);font-size:14px;max-width:320px;word-wrap:break-word;transition:opacity .3s ease,transform .3s ease;transform:translate(100%);opacity:0}.wf-toast--show{transform:translate(0);opacity:1}.wf-toast--success{background:#4caf50;color:#fff}.wf-toast--error{background:#f44336;color:#fff}.wf-toast--info{background:#2196f3;color:#fff}.wf-toast--warning{background:#ff9800;color:#fff}.wf-overlay{position:fixed;inset:0;background:#00000080;z-index:var(--z-overlay, 10050);display:flex;align-items:center;justify-content:center}.wf-dialog{background:#fff;padding:20px;border-radius:8px;box-shadow:0 4px 20px #0000004d;max-width:420px;width:90%;text-align:center}.wf-dialog-title{margin:0 0 15px;color:#333;font-weight:700;font-size:18px}.wf-dialog-message{margin:0 0 20px;color:#666}.wf-dialog-actions{display:flex;gap:10px;justify-content:center}.wf-btn{border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-weight:600}.wf-btn-primary{background:#2196f3;color:#fff}.wf-btn-muted{background:#999;color:#fff}.wf-brand-font{font-family:var(--font-primary, var(--font-family-primary, "Merienda", cursive))}.wf-brand-font-secondary{font-family:var(--font-secondary, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif)}body[data-page=payment] #paymentPage,body[data-page=payment] #checkoutRoot{position:relative;z-index:var(--z-index-checkout-overlay, 2600)}.product-card .product-image-container{position:relative}.product-card.is-out-of-stock .product-image-container .product-badge:not(.product-badge--oos){display:none!important}.product-card.is-out-of-stock .product-image-container [class*=badge]:not(.product-badge--oos){display:none!important}.product-card.is-out-of-stock [class*=badge]:not(.product-badge--oos){display:none!important}.product-card.is-out-of-stock .sale-badge,.product-card.is-out-of-stock .stock-badge,.product-card.is-out-of-stock .ribbon,.product-card.is-out-of-stock .badge{display:none!important}.product-card .product-image-container .product-badge.product-badge--oos{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:var(--z-index-god-mode, 100001);background:#111827b8;color:#fff;font-weight:900;font-family:var(--font-secondary, Nunito, system-ui, -apple-system, "Segoe UI", roboto, helvetica, arial, sans-serif);font-size:clamp(.9rem,2vw,1.3rem);line-height:1.2;text-transform:uppercase;letter-spacing:1px;padding:clamp(6px,1vw,12px) clamp(12px,2vw,20px);border-radius:12px;box-shadow:0 8px 28px #00000059;pointer-events:none;text-align:center;white-space:normal;max-width:92%;box-sizing:border-box;overflow-wrap:anywhere;word-break:break-word}.product-card.is-out-of-stock{cursor:not-allowed}.product-card.is-out-of-stock .add-to-cart-btn,.add-to-cart-btn.is-disabled{background:#9ca3af!important;color:#fff!important;cursor:not-allowed!important;filter:grayscale(.2) brightness(.95);pointer-events:none}.room-product-icon{position:relative;overflow:visible}.room-product-icon[data-stock-level="0"]:after{content:"OUT OF STOCK";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:var(--z-index-god-mode, 100001);background:#11182780;color:#fff;font-weight:900;font-family:var(--font-secondary, Nunito, system-ui, -apple-system, "Segoe UI", roboto, helvetica, arial, sans-serif);font-size:clamp(.7rem,1.6vw,1.05rem);line-height:1.2;text-transform:uppercase;letter-spacing:1px;padding:clamp(4px,.8vw,8px) clamp(10px,1.4vw,14px);border-radius:12px;box-shadow:0 8px 28px #00000059;pointer-events:none;display:inline-block;text-align:center;white-space:normal;max-width:160%;width:auto;min-width:110px;box-sizing:border-box;overflow-wrap:anywhere;word-break:break-word}body[data-page=contact] .wf-contact-card .content{text-align:center;max-width:68ch;margin-left:auto;margin-right:auto;white-space:normal}body[data-page=contact] .grid{justify-items:center}body[data-page=contact] .wf-contact-card .grid{width:100%}body[data-page=contact] .wf-contact-card .grid>div{width:100%}body[data-page=contact] .wf-contact-form input[type=text],body[data-page=contact] .wf-contact-form input[type=email],body[data-page=contact] .wf-contact-form input[type=tel],body[data-page=contact] .wf-contact-form input[type=subject],body[data-page=contact] .wf-contact-form textarea{text-align:center}body[data-page=contact] .page-content.container{padding-left:0;padding-right:0}*{box-sizing:border-box}*:before{box-sizing:border-box}*:after{box-sizing:border-box}video{max-width:100%;height:auto}canvas{max-width:100%;height:auto}svg{max-width:100%;height:auto}html,body{margin:0;padding:0}body.modal-open-overflow-hidden,html.modal-open-overflow-hidden{overflow:hidden!important}body.modal-open-position-fixed{position:fixed;width:100%}body.mode-fullscreen #landingPage{position:fixed;inset:0;background-size:cover;background-position:center;background-repeat:no-repeat;z-index:var(--z-index-landing-page, 110);overflow:hidden}body.mode-fullscreen .clickable-area{position:absolute;display:block;cursor:pointer}body.mode-fullscreen .clickable-area img{width:100%;height:auto;-o-object-fit:contain;object-fit:contain;display:block}.site-wrapper,.content,.prose{overflow-x:hidden}body[data-page=contact] .page-content{width:min(100%,1260px);margin:0 auto;padding-top:calc(var(--wf-header-height, 120px) + 8px)!important;padding-left:0!important;padding-right:0!important;padding-bottom:0!important;position:relative}body[data-page=contact]{--contact-form-max: min(96vw, 1100px)}@media (min-width: 1024px){body[data-page=contact]{--contact-form-max: 1100px}}@media (max-width: 640px){body[data-page=contact]{--contact-form-max: 92vw}}body[data-page=contact] .wf-reveal-company-wrap{width:min(100%,1100px);margin:20px auto 10px;display:flex;justify-content:center}body[data-page=contact] .wf-contact-card{background:var(--primary_color, #87ac3a);color:#fff;border-radius:12px;padding-left:10px;padding-right:10px;padding-top:clamp(12px,2vw,24px);padding-bottom:clamp(12px,2vw,24px);box-shadow:0 15px 45px #00000040;margin:12px auto 0;width:auto;max-width:calc(var(--contact-form-max) + 20px)!important;box-sizing:border-box}body[data-page=contact] .wf-contact-card h1{text-align:center;color:#fff}body[data-page=contact] .wf-contact-card p,body[data-page=contact] .wf-contact-card label,body[data-page=contact] .wf-contact-card .wf-reveal .wf-reveal-label{color:#fff}body[data-page=contact] .wf-contact-card>.prose{width:var(--contact-form-max)!important;max-width:var(--contact-form-max)!important;margin-left:auto;margin-right:auto;padding-left:0!important;padding-right:0!important}body[data-page=contact] .wf-reveal .wf-reveal-btn{background:#fff;color:#111827;border:2px solid rgba(255,255,255,.6)}body[data-page=contact] .wf-reveal .wf-reveal-btn:hover{filter:none;box-shadow:0 10px 24px #00000040}body[data-page=contact] .wf-reveal-company-btn{display:inline-flex;align-items:center;gap:10px;background:#fff;color:var(--primary_color, #87ac3a);border:2px solid var(--primary_color, #87ac3a);border-radius:9999px;padding:6px 12px;font-weight:700;font-size:.95rem;cursor:pointer;box-shadow:0 12px 28px #00000029;width:-moz-fit-content;width:fit-content;white-space:nowrap}body[data-page=contact] .wf-reveal-company-btn:before{content:"🔒"}body[data-page=contact] .wf-reveal-company-btn:hover{background:var(--primary_color, #87ac3a);color:#fff;box-shadow:0 14px 36px #0000003d;filter:none}body[data-page=contact] .wf-reveal-company-btn:focus-visible{outline:none;box-shadow:0 0 0 3px #87ac3a59,0 12px 28px #00000029}body[data-page=contact] .wf-submit-btn{background:var(--brand_orange, #BF5700);color:#fff;border:2px solid rgba(0,0,0,.04);border-radius:8px;padding:8px 16px;font-weight:700;cursor:pointer;transition:transform .06s ease,box-shadow .2s ease,filter .2s ease;box-shadow:0 10px 24px #0000002e}body[data-page=contact] .wf-submit-btn:hover{transform:translateY(-1px);filter:brightness(.98);box-shadow:0 14px 36px #0000003d}body[data-page=contact] .wf-submit-btn:focus-visible{outline:none;box-shadow:0 0 0 3px #bf570059}body[data-page=contact] .wf-submit-btn:disabled{opacity:.7;cursor:not-allowed;filter:grayscale(.1)}.wf-contact-form .w-full{width:100%}.wf-contact-form label{font-size:.9rem;margin-bottom:.25rem;display:inline-block;text-align:left;width:auto}body.room-bg-main[data-page=about] .page-content{max-width:none!important;padding-left:0;padding-right:0;padding-top:clamp(8px,1.5vh,16px)}body[data-page=about] .page-content .prose{max-width:none;overflow:visible;display:flex;flex-direction:column;align-items:center}body[data-page=about] .page-content{max-width:none!important;padding-left:0;padding-right:0;display:flex;justify-content:center;overflow:visible}body[data-page=about] .page-content .prose>.wf-cloud-card{margin-left:auto!important;margin-right:auto!important}.wf-cloud-card{position:relative;display:block;width:auto;max-width:min(2000px,90vw);margin:clamp(8px,1.5vh,16px) auto 0 auto;padding:clamp(44px,7.5vw,168px) clamp(48px,8.5vw,188px);min-height:clamp(620px,62vh,1100px);background:none;box-shadow:none;overflow:visible;overflow-wrap:anywhere}.wf-cloud-card .content{overflow-wrap:anywhere;position:relative;z-index:var(--z-index-base, 1);max-width:82ch;margin-inline:auto;color:#111;text-align:center}.wf-cloud-card .content p{margin:.35em 0;line-height:1.4}.wf-cloud-card .content>p:first-of-type{margin-top:calc(clamp(24px,4.5vh,56px) + 50px)}.wf-cloud-title{margin:0 0 .25rem;text-align:center;font-size:clamp(1.6rem,3.2vw,2.4rem);font-weight:700;color:#111}.wf-cloud-card:before{content:"";position:absolute;left:5%;right:5%;bottom:-10px;height:20px;background:#ffffff73;filter:blur(14px);border-radius:999px;z-index:-2}.wf-cloud-card:after{content:"";position:absolute;left:50%;top:50%;width:116%;height:124%;transform:translate(-50%,-50%);background:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='800'%20height='500'%20viewBox='0%200%20800%20500'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cdefs%3e%3cfilter%20id='softShadow'%20x='-20%25'%20y='-20%25'%20width='140%25'%20height='140%25'%3e%3cfeGaussianBlur%20in='SourceAlpha'%20stdDeviation='12'/%3e%3cfeOffset%20dx='0'%20dy='6'%20result='offsetblur'/%3e%3cfeComponentTransfer%3e%3cfeFuncA%20type='linear'%20slope='0.25'/%3e%3c/feComponentTransfer%3e%3cfeMerge%3e%3cfeMergeNode/%3e%3cfeMergeNode%20in='SourceGraphic'/%3e%3c/feMerge%3e%3c/filter%3e%3clinearGradient%20id='cloudGrad'%20x1='0'%20y1='0'%20x2='0'%20y2='1'%3e%3cstop%20offset='0%25'%20stop-color='%23FFFFFF'/%3e%3cstop%20offset='100%25'%20stop-color='%23F8FBFF'/%3e%3c/linearGradient%3e%3c/defs%3e%3cg%20filter='url(%23softShadow)'%3e%3cpath%20fill='url(%23cloudGrad)'%20d='M546%20168c-10-59-63-105-126-105-49%200-92%2027-113%2066-12-6-26-9-41-9-44%200-81%2030-92%2071-49%203-88%2042-88%2092%200%2051%2041%2092%2092%2092h408c57%200%20104-46%20104-104s-47-103-104-103c-14%200-28%203-40%209z'/%3e%3cellipse%20cx='280'%20cy='210'%20rx='80'%20ry='60'%20fill='%23FFFFFF'/%3e%3cellipse%20cx='360'%20cy='200'%20rx='100'%20ry='70'%20fill='%23FFFFFF'/%3e%3cellipse%20cx='440'%20cy='210'%20rx='110'%20ry='75'%20fill='%23FFFFFF'/%3e%3cellipse%20cx='520'%20cy='230'%20rx='90'%20ry='65'%20fill='%23FFFFFF'/%3e%3c/g%3e%3c/svg%3e") center/100% 100% no-repeat;z-index:-1;pointer-events:none}@media (max-width: 520px){.wf-cloud-card{max-width:96vw;min-height:clamp(260px,38vh,560px);padding:clamp(22px,6.5vw,68px) clamp(20px,6vw,60px)}.wf-cloud-card:after{width:106%;height:112%}}.pos-receipt{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:16px 14px;box-shadow:0 8px 22px #00000014;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.pos-receipt .pos-title{text-align:center;font-weight:700;font-size:16px;margin-bottom:8px}.pos-receipt .pos-line{display:flex;justify-content:space-between;gap:12px;border-bottom:1px dashed #d1d5db;padding:6px 0;font-size:13px}.pos-receipt .pos-line:last-child{border-bottom:none}.pos-receipt .pos-label{color:#6b7280}.pos-receipt .pos-value{color:#111827;font-weight:600}.wf-contact-form{width:100%;max-width:var(--contact-form-max)!important;margin:0 auto;box-sizing:border-box}.wf-contact-form select{height:36px;font-size:.95rem;background:#fff;color:#111;border:1px solid #d1d5db}.wf-contact-form textarea{min-height:260px;font-size:1rem;background:#fff;color:#111;border:1px solid #d1d5db}.wf-contact-form input[type=text],.wf-contact-form input[type=email],.wf-contact-form input[type=tel],.wf-contact-form input[type=subject]{font-size:.95rem;background:#fff;color:#111;border:1px solid #d1d5db;height:32px}.wf-contact-form input:not([type=submit]){font-size:.95rem;background:#fff;color:#111;border:1px solid #d1d5db;height:32px}.wf-contact-form.space-y-4>*+*{margin-top:.75rem}body[data-page=contact] .content{color:#fff!important}.wf-revealco-overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:var(--z-global-popup, 2147482000)}.wf-revealco-overlay.show{opacity:1;pointer-events:auto}.wf-revealco-modal{width:100%;max-width:520px;margin:12px;padding:0}.wf-revealco-card{background:#fff;border-radius:12px;box-shadow:0 15px 40px #0000002e;padding:18px 16px 16px;position:relative}.wf-revealco-close{position:absolute;top:8px;right:10px;border:none;background:transparent;color:#667085;font-size:20px;cursor:pointer}.wf-revealco-title{margin:0 0 10px;font-size:18px;line-height:1.2;color:#111827;font-weight:700}.wf-revealco-hint{margin:0 0 8px;color:#374151;font-size:14px}.wf-revealco-q{display:flex;align-items:center;gap:10px;margin:8px 0}.wf-revealco-qtext{font-weight:700;color:#111827}.wf-revealco-input{height:34px;padding:6px 10px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;font-size:14px}.wf-revealco-input:focus{outline:none;border-color:#87ac3a;box-shadow:0 0 0 3px #87ac3a2e}.wf-revealco-actions{display:flex;gap:10px;margin-top:8px}.wf-revealco-card .wf-btn{height:36px;border-radius:10px;border:1px solid #d1d5db;background:#fff;font-weight:600;cursor:pointer;padding:0 12px}.wf-revealco-card .wf-btn-primary{background:#87ac3a;color:#fff;border-color:#87ac3a}.wf-revealco-card .wf-btn-primary:hover{background:var(--brand-secondary, #BF5700)}.wf-revealco-status{min-height:18px;color:#b91c1c;font-size:13px;margin-top:6px}.wf-revealco-details{display:grid;gap:10px}.wf-revealco-row{display:flex;gap:10px;align-items:center}.wf-revealco-label{min-width:86px;color:#6b7280;font-weight:600}.wf-revealco-link{color:#1f2937;text-decoration:underline}.wf-reveal-wrap{display:grid;gap:10px;margin-bottom:22px}.wf-reveal{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.wf-reveal .wf-reveal-label{min-width:84px;color:#374151;font-weight:600}.wf-reveal .wf-reveal-btn{display:inline-flex;align-items:center;background:var(--primary_color, #87ac3a);color:#fff;border:none;border-radius:8px;padding:8px 14px;width:auto;white-space:nowrap;cursor:pointer;font-weight:700;box-shadow:0 6px 18px #0003}.wf-reveal .wf-reveal-btn:before{content:"🔒";margin-right:8px}.wf-reveal.is-challenging .wf-reveal-btn:before{content:"🧮"}.wf-reveal .wf-reveal-btn:hover{filter:brightness(.95)}.wf-reveal .wf-reveal-challenge{display:none;align-items:center;gap:6px}.wf-reveal.is-challenging .wf-reveal-challenge{display:inline-flex}.wf-reveal .wf-reveal-input{width:70px;border:1px solid #d1d5db;border-radius:6px;padding:4px 6px}.wf-reveal .wf-reveal-submit{background:#111827;color:#fff;border:none;border-radius:6px;padding:4px 8px;cursor:pointer}.wf-reveal .wf-reveal-value{font-weight:600;color:#111827;overflow-wrap:anywhere}.wf-reveal .wf-reveal-link{color:var(--primary_color, #87ac3a);text-decoration:none}.wf-reveal .wf-reveal-link:hover{text-decoration:underline}.wf-honeypot{position:absolute!important;left:-9999px!important;visibility:hidden!important;height:0!important;width:0!important;pointer-events:none!important}.wf-under-construction{text-align:center;padding:4rem 1rem}.wf-under-construction-title{font-size:clamp(2rem,4vw,2.5rem);margin-bottom:1rem}.wf-under-construction-text{font-size:1.25rem;max-width:600px;margin:0 auto}.receipt-container .header-logo{max-height:28px;width:auto;-o-object-fit:contain;object-fit:contain;margin-right:10px}.receipt-iframe{width:100%;height:100%;border:0;display:block}.receipt-total-label{color:#dc2626;font-weight:700}.receipt-total{color:#dc2626;font-weight:800;font-size:1.25rem}.receipt-message-center{text-align:center}#receiptModal .modal-content{width:90vw!important;max-width:90vw!important;height:90vh!important;max-height:90vh!important;display:flex;flex-direction:column}#receiptModal .modal-body{flex:1 1 auto;overflow:hidden;padding:0;display:flex;min-height:0}#receiptModal #receiptContent{flex:1 1 auto;display:flex;min-height:0}#receiptModal #receiptContent>.receipt-iframe{flex:1 1 auto;width:100%;height:100%}#shopPage .shop-navigation-area{--shop-nav-height: 36px;--shop-nav-gap: 12px;position:fixed;top:calc(var(--wf-header-height, var(--header-height, 80px)) + var(--shop-nav-gap, 12px));left:0;right:0;padding:0;height:calc(var(--shop-nav-height, 36px) + var(--shop-nav-gap, 12px));display:flex;align-items:center;margin:0;width:auto;z-index:var(--z-navigation, 120);background:transparent!important;background-image:none!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border-bottom:none!important}#shopPage .shop-navigation-area:before,#shopPage .shop-navigation-area:after{content:none!important}body[data-page=shop] .page-content#shopPage{padding-left:0!important;padding-right:0!important;margin-left:0!important;margin-right:0!important;max-width:none!important;width:100%!important;margin-top:0!important;padding-top:0!important}body[data-page=shop] #shopPage{--shop-nav-height: 36px;padding-left:0!important;padding-right:0!important;width:100%!important;max-width:none!important;margin-top:0!important;padding-top:0!important}#shopPage .navigation-bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:none!important;gap:6px;margin:0;width:100%;max-width:none;padding:0 0 var(--shop-nav-gap, 12px) 0;box-sizing:border-box;min-height:var(--shop-nav-height, 36px)}body[data-page=shop] #shopPage .container,body[data-page=shop] #shopPage .page-content-container,body[data-page=shop] #shopPage .content,body[data-page=shop] #shopPage .content-wrapper{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important;box-sizing:border-box}#shopPage .room-main-nav-container{justify-self:start}#shopPage .room-main-nav-image{height:60px;width:auto;display:block;-o-object-fit:contain;object-fit:contain}#shopPage .category-navigation{justify-self:center;display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap}.btn-chip{display:inline-flex;align-items:center;justify-content:center;padding:8px 14px;min-height:var(--button-height-sm, 34px);border-radius:9999px;font-family:var(--font-primary, inherit);font-weight:600}.shop-filter-btn{background:var(--button-bg-primary)!important;color:var(--button-text-primary)!important;border:none!important}.shop-filter-btn:hover{background:var(--button-bg-primary-hover)!important}.shop-filter-btn.active{filter:brightness(.95)}#shopPage .category-navigation .category-btn{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;min-height:var(--button-height-sm, 28px);border-radius:9999px;font-family:var(--font-primary, inherit);font-weight:600;background:var(--button-bg-primary)!important;color:var(--button-text-primary)!important;border:none!important}#shopPage .category-navigation .category-btn:hover{background:var(--button-bg-primary-hover)!important}#shopPage .category-navigation .category-btn.active{filter:brightness(.92)}#shopPage .room-main-nav-container .room-main-nav-link{text-decoration:none!important}#shopPage .room-main-nav-container .room-main-nav-link.btn-chip{border-radius:9999px!important}#shopPage .room-main-nav-container .room-main-nav-link.btn-chip{padding:4px 10px;min-height:28px}#shopPage .shop-content-area{margin-top:0;padding-top:calc(var(--shop-nav-height, 36px) + var(--shop-nav-gap, 12px));height:calc(100vh - var(--wf-header-height, var(--header-height, 80px)));min-height:0;overflow-y:auto;width:100%;max-width:none;padding-bottom:0!important}body[data-page=shop] #shopPage .shop-content-area{scrollbar-width:thin;scrollbar-color:var(--brand-secondary) var(--brand-primary)}body[data-page=shop] #shopPage .shop-content-area::-webkit-scrollbar{width:10px;height:10px}body[data-page=shop] #shopPage .shop-content-area::-webkit-scrollbar-track{background:var(--brand-primary);border-radius:10px}body[data-page=shop] #shopPage .shop-content-area::-webkit-scrollbar-thumb{background-color:var(--brand-secondary);border-radius:10px;border:2px solid var(--brand-primary)}body[data-page=shop] #shopPage .shop-content-area::-webkit-scrollbar-thumb:hover{background-color:#a64c00}body[data-page=shop] #shopPage .shop-content-area,body[data-page=shop] #shopPage #productsGrid{padding-left:10px!important;padding-right:10px!important;padding-bottom:0!important;margin:0!important}body[data-page=contact]{scrollbar-color:var(--brand-secondary) var(--brand-primary);scrollbar-gutter:auto}body[data-page=contact]::-webkit-scrollbar{width:10px;height:10px}body[data-page=contact]::-webkit-scrollbar-track{background:var(--brand-primary);border-radius:10px}body[data-page=contact]::-webkit-scrollbar-thumb{background-color:var(--brand-secondary);border-radius:10px;border:2px solid var(--brand-primary)}body[data-page=contact]::-webkit-scrollbar-thumb:hover{background-color:#a64c00}html:has(body[data-page=contact]){scrollbar-width:thin;scrollbar-color:var(--brand-secondary) var(--brand-primary);overflow-y:auto;scrollbar-gutter:auto}html:has(body[data-page=contact])::-webkit-scrollbar{width:10px;height:10px}html:has(body[data-page=contact])::-webkit-scrollbar-track{background:var(--brand-primary);border-radius:10px}html:has(body[data-page=contact])::-webkit-scrollbar-thumb{background-color:var(--brand-secondary);border-radius:10px;border:2px solid var(--brand-primary)}html:has(body[data-page=contact])::-webkit-scrollbar-thumb:hover{background-color:#a64c00}body[data-page=contact]{overflow-y:auto!important;height:auto!important;min-height:100vh}html:has(body[data-page=contact]){height:auto!important}html:has(body[data-page^=admin]){scrollbar-width:thin;scrollbar-color:var(--brand-secondary) var(--brand-primary);overflow-y:auto;scrollbar-gutter:auto}html:has(body[data-page^=admin])::-webkit-scrollbar{width:10px;height:10px}html:has(body[data-page^=admin])::-webkit-scrollbar-track{background:var(--brand-primary);border-radius:10px}html:has(body[data-page^=admin])::-webkit-scrollbar-thumb{background-color:var(--brand-secondary);border-radius:10px;border:2px solid var(--brand-primary)}html:has(body[data-page^=admin])::-webkit-scrollbar-thumb:hover{background-color:#a64c00}body[data-page^=admin] #admin-section-content{scrollbar-width:thin;scrollbar-color:var(--brand-secondary) var(--brand-primary)}body[data-page^=admin] #admin-section-content::-webkit-scrollbar{width:10px;height:10px}body[data-page^=admin] #admin-section-content::-webkit-scrollbar-track{background:var(--brand-primary);border-radius:10px}body[data-page^=admin] #admin-section-content::-webkit-scrollbar-thumb{background-color:var(--brand-secondary);border-radius:10px;border:2px solid var(--brand-primary)}body[data-page^=admin] #admin-section-content::-webkit-scrollbar-thumb:hover{background-color:#a64c00}body[data-page=contact] .page-content{padding-bottom:24px!important}body[data-page=contact] h1{margin-top:0!important;margin-bottom:4px!important}body[data-page=contact] .prose .content{margin-top:0!important;margin-bottom:8px!important}body[data-page=contact] .wf-contact-card{padding-top:8px!important}body[data-page=contact] .wf-contact-card h1{margin-top:0!important;margin-bottom:4px!important}body[data-page=contact] .wf-contact-card .content{margin-top:0!important;margin-bottom:8px!important}body[data-page=contact] #message{min-height:unset;height:auto;resize:vertical}#shopPage #productsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:16px;justify-items:center;justify-content:stretch;width:100%}#shopPage .product-card.hidden{display:none!important}#shopPage .product-card{width:100%;min-width:350px;max-width:500px;margin:0 auto;display:flex;flex-direction:column;border:1px solid #e5e7eb;border-radius:10px;background:#fff;padding:10px}#shopPage .product-image-container{display:flex;align-items:center;justify-content:center;max-height:260px;overflow:hidden}#shopPage .product-image{width:100%;height:auto;max-height:240px;-o-object-fit:contain;object-fit:contain;display:block}#shopPage .product-content{flex:1 1 auto;overflow:visible}#shopPage .product-info{margin-top:8px}#shopPage .product-button{margin-top:10px}#shopPage .product-extra{display:none;margin-top:8px;color:#374151}#shopPage .product-card.is-expanded .product-extra{display:block}#shopPage .product-more-toggle{margin-top:6px;padding:0;background:transparent;border:none;color:var(--brand-primary, #87ac3a);cursor:pointer;font-weight:600}#shopPage .product-more-toggle:hover{text-decoration:underline}