:root{--primary:#004aad;--primary-dark:#003a8c;--primary-light:#eef3ff;--primary-glow:#004aad1f;--accent:#66b0ff;--text-dark:#1a2634;--text-muted:#5a6e8a;--text-light:#8a99b0;--bg-light:#fbfdff;--border-light:#e5e7eb;--danger:#e53e3e;--danger-light:#e53e3e14;--success:#10b981;--warning:#f59e0b;--shadow-sm:0 2px 8px #0000000a;--shadow-md:0 8px 24px #004aad14;--shadow-lg:0 16px 32px #004aad1f;--transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}.sidebar{z-index:1000}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-track{background:#0000}.sidebar::-webkit-scrollbar-thumb{background:#e5e7eb;background:var(--border-light);border-radius:4px}.sidebar::-webkit-scrollbar-thumb:hover{background:#8a99b0;background:var(--text-light)}.sidebar-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:20px 24px 32px;position:relative}.logo-container{align-items:center;display:flex;justify-content:center;width:100%}.logo{height:auto;object-fit:contain;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:160px}.logo:hover{transform:scale(1.02)}.sidebar-menu{flex:1 1;padding:16px 16px 24px}.menu-items{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}.menu-item{margin:0}.menu-item:not(:last-child){margin-bottom:8px}.menu-item.dropdown{margin-bottom:12px}.menu-item.dropdown:not(:last-child){margin-bottom:14px}.submenu{animation:slideDown .25s ease-out;display:flex;flex-direction:column;gap:6px;list-style:none;margin:0;padding:12px 0 8px}.submenu li{margin:0}.submenu li:not(:last-child){margin-bottom:4px}.menu-link{align-items:center;border-radius:12px;color:#1a2634;color:var(--text-dark);cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:14px;padding:14px 16px;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.menu-link.active{background:#eef3ff;background:var(--primary-light);border-left:4px solid #004aad;border-left:4px solid var(--primary);border-radius:12px}.menu-link.active,.menu-link.active .menu-icon,.menu-link:hover{color:#004aad;color:var(--primary)}.menu-link:hover{background:#eef3ff;background:var(--primary-light);transform:translateX(3px)}.menu-link:hover .menu-icon{color:#004aad;color:var(--primary)}.menu-icon{color:#5a6e8a;color:var(--text-muted);flex-shrink:0;font-size:1.2rem;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:24px}.menu-link span:not(.dropdown-arrow){flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-toggle{justify-content:space-between;padding:14px 16px}.menu-link-content{align-items:center;display:flex;gap:14px}.dropdown-arrow{color:#5a6e8a;color:var(--text-muted);flex-shrink:0;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.dropdown-toggle:hover .dropdown-arrow{color:#004aad;color:var(--primary)}.submenu-link{align-items:center;border-radius:8px;color:#5a6e8a;color:var(--text-muted);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:14px;padding:12px 16px 12px 52px;position:relative;text-decoration:none}.submenu-icon,.submenu-link{transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.submenu-icon{color:#8a99b0;color:var(--text-light);flex-shrink:0;font-size:1rem;text-align:center;width:20px}.submenu-link:hover{background:#eef3ff;background:var(--primary-light);transform:translateX(3px)}.submenu-link.active,.submenu-link:hover,.submenu-link:hover .submenu-icon{color:#004aad;color:var(--primary)}.submenu-link.active{background:#eef3ff;background:var(--primary-light);border-left:3px solid #004aad;border-left:3px solid var(--primary);border-radius:8px}.submenu-link.active .submenu-icon{color:#004aad;color:var(--primary)}.sidebar-footer{background:#fff;border-top:2px solid #e5e7eb;border-top:2px solid var(--border-light);flex-shrink:0;margin-top:auto;padding:16px 16px 20px}.sidebar-footer .logout-item{margin:0;padding:0}.sidebar-footer .logout-link{border-radius:12px;padding:14px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.sidebar-footer .logout-link,.sidebar-footer .logout-link .menu-icon,.sidebar-footer .logout-link:hover{color:#e53e3e!important;color:var(--danger)!important}.sidebar-footer .logout-link:hover{background:#e53e3e14!important;background:var(--danger-light)!important;transform:translateX(3px)}.sidebar-footer .logout-link:hover .menu-icon{color:#e53e3e!important;color:var(--danger)!important}.mobile-toggle-btn{background:var(--primary);box-shadow:0 8px 24px #004aad14;box-shadow:var(--shadow-md);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);z-index:2000}.mobile-toggle-btn:hover{background:#003a8c;background:var(--primary-dark);transform:scale(1.05)}.sidebar-overlay{animation:fadeIn .3s ease;background:#00000080;bottom:0;display:none;left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:1}.sidebar-overlay.active{display:block;pointer-events:auto}.sidebar{border-right:1px solid #e5e7eb;border-right:1px solid var(--border-light);box-shadow:0 8px 24px #004aad14;box-shadow:var(--shadow-md);display:flex;flex-direction:column;height:100vh;padding-top:70px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);z-index:9999}.sidebar.mobile-open{transform:translateX(0)}.mobile-toggle-btn{display:flex}.mobile-close-btn{background:#0000;border:none;border-radius:8px;color:#5a6e8a;color:var(--text-muted);cursor:pointer;display:flex;font-size:1.5rem;padding:4px 8px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.mobile-close-btn:hover{background:#e53e3e14;background:var(--danger-light);color:#e53e3e;color:var(--danger)}.sidebar-header{padding:24px 20px}.logo{width:140px}.sidebar-menu{padding:14px 12px 20px}.menu-items{gap:8px}.menu-item:not(:last-child){margin-bottom:6px}.menu-item.dropdown{margin-bottom:10px}.menu-item.dropdown:not(:last-child){margin-bottom:12px}.menu-link{border-radius:10px;font-size:.9rem;padding:12px 14px}.menu-icon{font-size:1.1rem}.submenu{gap:5px;padding:10px 0 6px}.submenu li:not(:last-child){margin-bottom:3px}.submenu-link{font-size:.85rem;padding:10px 16px 10px 48px}.sidebar-footer{padding:12px 12px 16px}.sidebar-footer .logout-link{padding:12px 14px}@media (max-width:768px){.sidebar{width:280px}.mobile-toggle-btn{font-size:1rem;height:40px;left:16px;top:16px;width:40px}.sidebar-header{padding:20px 16px}.logo{width:120px}.menu-link{padding:10px 12px}.menu-icon{font-size:1rem}.submenu-link{padding:8px 16px 8px 44px}.sidebar-footer{padding:10px 12px 14px}.sidebar-footer .logout-link{padding:10px 12px}}@media (max-width:375px){.sidebar{width:260px}.mobile-toggle-btn{height:38px;left:14px;top:14px;width:38px}.sidebar-header{padding:18px 14px}.logo{width:110px}.menu-link{font-size:.88rem;padding:9px 12px}.submenu-link{padding:7px 16px 7px 42px}.sidebar-footer{padding:8px 10px 12px}.sidebar-footer .logout-link{font-size:.88rem;padding:8px 10px}}@media (max-width:280px){.sidebar{max-width:280px;width:100%}.mobile-toggle-btn{font-size:.9rem;height:36px;left:12px;top:12px;width:36px}.sidebar-header{padding:16px 12px}.logo{width:100px}.menu-link{font-size:.85rem;padding:8px 10px}.menu-icon{font-size:.9rem;width:20px}.submenu-link{font-size:.8rem;padding:6px 12px 6px 36px}.submenu-icon{font-size:.85rem;width:18px}.dropdown-arrow{font-size:.6rem}.sidebar-footer{padding:6px 8px 10px}.sidebar-footer .logout-link{font-size:.8rem;padding:6px 8px}.sidebar-footer .menu-icon{font-size:.8rem;width:18px}}.menu-link,.mobile-close-btn,.mobile-toggle-btn,.submenu-link,button{cursor:pointer;-webkit-user-select:none;user-select:none}.menu-link:focus-visible,.submenu-link:focus-visible,button:focus-visible{outline:2px solid #004aad;outline:2px solid var(--primary);outline-offset:2px}::selection{background:#004aad26;color:#004aad;color:var(--primary)}[data-tooltip]{cursor:pointer;position:relative}[data-tooltip]:before{background:#1a2634;background:var(--text-dark);border-radius:8px;bottom:100%;color:#fff;content:attr(data-tooltip);font-size:.75rem;left:50%;opacity:0;padding:6px 12px;pointer-events:none;position:absolute;transform:translateX(-50%);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);white-space:nowrap;z-index:1000}[data-tooltip]:hover:before{opacity:1;transform:translateX(-50%) translateY(-8px)}.disabled-dropdown{cursor:default;opacity:.7}.disabled-link{cursor:not-allowed!important;opacity:.6}.disabled-link:hover{background:#0000!important;color:#1a2634!important;color:var(--text-dark)!important;transform:none!important}.disabled-link:hover .menu-icon{color:#5a6e8a!important;color:var(--text-muted)!important}.disabled-arrow,.disabled-arrow.arrow-active{opacity:.4}.disabled-link:after{content:"🔒";font-size:.8rem;margin-left:auto;opacity:.5}.shop-tabs-container{background:#fff;border-bottom:1px solid #e0e0e0;box-shadow:0 1px 2px #0000000d;left:0;margin-bottom:0;margin-left:-3px;margin-right:-50px;padding:0 20px;position:relative;right:0;width:100%}.shop-tabs{background:#0000;display:flex;gap:4px;overflow-x:auto;scrollbar-width:thin}.shop-tabs::-webkit-scrollbar{height:3px}.shop-tabs::-webkit-scrollbar-track{background:#f1f1f1}.shop-tabs::-webkit-scrollbar-thumb{background:#888;border-radius:3px}.shop-tab:first-child{display:none}.shop-tab{background:#0000;border:none;color:#666;cursor:pointer;font-family:inherit;font-size:14px;font-weight:500;padding:12px 20px;position:relative;transition:all .3s ease;white-space:nowrap}.shop-tab:hover{background:#004aad0d;color:#004aad}.shop-tab.active{color:#004aad;font-weight:600}.shop-tab.active:after{background-color:#004aad;bottom:-1px;content:"";height:2px;left:0;position:absolute;right:0}.shop-tabs-loading{align-items:center;color:#666;display:flex;font-size:14px;gap:8px;padding:10px 20px}.spinner-small{animation:spin .6s linear infinite;border:2px solid #e0e0e0;border-radius:50%;border-top-color:#004aad;height:16px;width:16px}@media (max-width:768px){.shop-tabs-container{padding:0 12px}.shop-tab{font-size:13px;padding:10px 16px}}.currency-settings-main-container{background:#fff;box-sizing:border-box;margin:0;min-height:100vh;padding:0;width:100%}.currency-settings-wrapper{background:#fff;box-sizing:border-box;margin:0;max-width:100%;min-height:90vh;padding:20px 40px;width:100%}.currency-cards-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr;margin-bottom:2rem}.currency-cards-grid,.currency-settings-card{box-sizing:border-box;max-width:100%;width:100%}.currency-settings-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 4px 16px #00000014;display:flex;flex-direction:column;min-height:550px;overflow:hidden;padding:0}.currency-card-title{align-items:center;background:#f8f9fa;border-bottom:2px solid #e0e0e0;color:#004aad;display:flex;font-family:Arial,Helvetica,sans-serif;font-size:1.5rem;font-weight:700;gap:16px;margin:0;padding:1.5rem 2rem}.currency-card-description{border-bottom:1px solid #f5f5f5;color:#666;font-family:Arial,Helvetica,sans-serif;font-size:1rem;line-height:1.6;margin:0;padding:1rem 2rem}.currency-card-content{background:#fff;box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;gap:2rem;padding:2.5rem;width:100%}.currency-select-label{color:#004aad;font-family:Arial,Helvetica,sans-serif;font-size:1.1rem;font-weight:700;letter-spacing:.5px;margin-bottom:.35rem;text-transform:uppercase}.currency-custom-dropdown{box-sizing:border-box;position:relative;width:50%;z-index:100}.currency-dropdown-selector{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:10px;box-sizing:border-box;cursor:pointer;display:flex;font-size:1.1rem;justify-content:space-between;padding:1.2rem 1.5rem;position:relative;transition:all .2s ease;width:100%;z-index:101}.currency-dropdown-selector:hover{background:#fafafa;border-color:#004aad}.currency-selected-option{align-items:center;display:flex;flex:1 1;gap:1rem}.currency-flag{font-size:1.5rem}.currency-symbol{color:#333;font-size:1.2rem;font-weight:700}.currency-name{color:#333;flex:1 1;font-size:1.1rem;font-weight:500}.currency-dropdown-arrow{color:#666;font-size:1rem;transition:transform .3s ease}.currency-dropdown-menu{background:#fff;border:2px solid #e0e0e0;border-radius:0 0 10px 10px;border-top:none;box-shadow:0 8px 24px #00000026;left:0;margin-top:0;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.currency-dropdown-menu.show{display:block}.currency-dropdown-item{align-items:center;cursor:pointer;display:flex;font-family:Arial,Helvetica,sans-serif;font-size:1rem;gap:1rem;padding:1.2rem 1.5rem;transition:background .2s ease}.currency-dropdown-item:hover{background:#f0f7ff}.currency-current-selection-box{background:#f8f9fa;border:2px solid #e0e0e0;border-radius:10px;box-sizing:border-box;margin-top:.5rem;padding:1.5rem 2rem;transition:all .2s ease;width:100%}.currency-current-selection-box:hover{background:#f0f7ff;border-color:#004aad}.currency-current-selection-label{color:#555;font-family:Arial,Helvetica,sans-serif;font-size:1rem;font-weight:700;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.currency-current-selection-value{color:#004aad;font-family:Arial,Helvetica,sans-serif;font-size:1.3rem;font-weight:700}.currency-settings-header{align-items:center;background:#fff;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem;width:100%}.currency-main-title{color:#004aad;font-family:Arial,Helvetica,sans-serif;font-size:2rem;font-weight:700;margin:0}.currency-refresh-btn{align-items:center;background:#004aad;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;font-weight:500;gap:.5rem;margin-left:auto;padding:.6rem 1.8rem;transition:all .3s ease}.currency-refresh-btn:hover{background:#003380;transform:translateY(-1px)}.currency-refresh-icon{font-size:1.2rem}.currency-action-buttons{background:#fff;box-sizing:border-box;display:flex;gap:1.5rem;justify-content:flex-end;margin-top:2rem;padding:0;width:100%}.currency-reset-btn{background:#0000;border:2px solid #004aad;border-radius:8px;color:#004aad;cursor:pointer;font-family:Arial,Helvetica,sans-serif;font-size:1rem;font-weight:600;padding:.8rem 2.5rem;transition:all .3s ease}.currency-reset-btn:hover{background:#f0f7ff;transform:translateY(-2px)}.currency-save-btn{background:#004aad;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Arial,Helvetica,sans-serif;font-size:1rem;font-weight:600;padding:.8rem 2.5rem;transition:all .3s ease}.currency-save-btn:hover{background:#003380;transform:translateY(-2px)}.currency-shop-info{background:#f0f7ff;border-left:4px solid #004aad;border-radius:8px;box-sizing:border-box;margin-bottom:20px;padding:15px 20px;width:100%}.currency-shop-info h2{color:#004aad;margin:0}.currency-loading-overlay{align-items:center;background:#fffc;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.currency-loading-spinner{color:#004aad;font-size:1.2rem;font-weight:600}.currency-error-message,.currency-success-message{align-items:center;border-radius:8px;box-sizing:border-box;display:flex;gap:10px;margin-bottom:20px;padding:12px 20px;width:100%}.currency-error-message{background:#fde8e8;border:1px solid #f5c6c6;color:#721c24}.currency-success-message{background:#d4edda;border:1px solid #c3e6cb;color:#155724}@media (max-width:1200px){.currency-settings-wrapper{padding:15px 30px}.currency-card-content{padding:2rem}}@media (max-width:992px){.currency-settings-wrapper{padding:15px 25px}.currency-card-content{padding:1.5rem}.currency-card-title{font-size:1.3rem;padding:1.2rem 1.5rem}}@media (max-width:768px){.currency-settings-wrapper{padding:10px 15px}.currency-settings-header{align-items:flex-start;flex-direction:column}.currency-main-title{font-size:1.5rem}.currency-refresh-btn{justify-content:center;margin-left:0;width:100%}.currency-card-title{font-size:1.1rem;padding:1rem 1.2rem}.currency-card-description{font-size:.9rem;padding:.8rem 1.2rem}.currency-card-content{padding:1.2rem}.currency-dropdown-selector{font-size:1rem;padding:1rem 1.2rem}.currency-current-selection-box{padding:1rem 1.2rem}.currency-action-buttons{flex-direction:column}.currency-reset-btn,.currency-save-btn{width:100%}}@media (max-width:480px){.currency-settings-wrapper{padding:8px 10px}.currency-main-title{font-size:1.2rem}.currency-card-title{font-size:1rem;padding:.8rem 1rem}.currency-card-description{font-size:.8rem;padding:.6rem 1rem}.currency-card-content{padding:1rem}.currency-dropdown-selector{font-size:.9rem;padding:.8rem 1rem}.currency-current-selection-box{padding:.8rem 1rem}.currency-current-selection-value{font-size:1.1rem}}.place-order-main-container{background-color:#fff;box-sizing:border-box;margin:0;max-width:100%;min-height:100vh;overflow-x:hidden;padding:20px;width:100%}.place-order-container{background:#fff;box-sizing:border-box;margin:0 auto;max-width:100%;padding:0 20px;text-align:left;width:100%}.place-order-content{background:#fff;padding:0;text-align:left;width:100%}.order-title{border-bottom:2px solid #004aad;color:#004aad!important;font-family:Arial,Helvetica,sans-serif;font-size:2rem;margin:0 0 2rem;padding-bottom:1rem;text-align:left}.order-field{margin-bottom:1.5rem;text-align:left}.order-label{color:#666;display:block;font-family:Arial,Helvetica,sans-serif;font-size:.85rem;font-weight:600;letter-spacing:.5px;margin-bottom:.5rem;text-align:left;text-transform:uppercase}.order-value-box{background:#fff;border:1px solid #e0e0e0;border-radius:4px;padding:.8rem;text-align:left;transition:all .2s ease}.order-value-box:hover{border-color:#004aad}.order-input,.order-select{background:#fff;border:1px solid #e0e0e0;border-radius:4px;box-sizing:border-box;color:#333;font-family:Arial,Helvetica,sans-serif;font-size:1rem;padding:.5rem;text-align:left;transition:all .2s ease;width:100%}.order-input:focus,.order-select:focus{border-color:#004aad;box-shadow:0 0 0 2px #004aad1a;outline:none}.order-hint{color:#999;display:block;font-size:.8rem;font-style:italic;margin-top:.5rem;text-align:left}.ordered-products-section{border-top:2px solid #e0e0e0;margin-top:2rem;padding-top:2rem;text-align:left}.section-header-reset{align-items:center;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:4px;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem;padding:1rem 1.5rem;text-align:left}.section-title{font-size:1.1rem;margin:0;text-align:left}.reset-filters-btn,.section-title{font-family:Arial,Helvetica,sans-serif}.reset-filters-btn{background:#999;border:1px solid #999;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:.6rem 1.8rem;transition:all .3s ease}.product-filters-row{background:#fff;border:1px solid #e0e0e0;border-radius:4px;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;padding:1rem;text-align:left;transition:all .2s ease}.filter-group{gap:.5rem;min-width:180px}.filter-select{font-size:.9rem;padding:.6rem}.filter-select:hover{background:#fafafa}.product-detail-row{background:#fff;border:1px solid #e0e0e0;border-radius:4px;margin-bottom:1.5rem;padding:1rem;text-align:left;transition:all .2s ease}.product-detail-row:hover{background-color:#fafafa;border-color:#004aad}.product-search-group{display:flex;flex-direction:column;gap:.5rem;text-align:left}.product-search-group label{color:#666;font-size:.85rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.product-search-group label,.product-search-input{font-family:Arial,Helvetica,sans-serif;text-align:left}.product-search-input{background:#fff;border:1px solid #e0e0e0;border-radius:4px;box-sizing:border-box;font-size:1rem;padding:.8rem;transition:all .2s ease;width:100%}.product-search-input:focus{border-color:#004aad;box-shadow:0 0 0 2px #004aad1a;outline:none}.product-search-input:hover{background:#fafafa;border-color:#004aad}.quantity-price-row{display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:1.5rem;text-align:left}.price-group,.quantity-group{background:#fff;border:1px solid #e0e0e0;border-radius:4px;display:flex;flex:1 1;flex-direction:column;gap:.5rem;min-width:200px;padding:1rem;text-align:left;transition:all .2s ease}.price-group:hover,.quantity-group:hover{background-color:#fafafa;border-color:#004aad}.price-group label,.quantity-group label{color:#666;font-family:Arial,Helvetica,sans-serif;font-size:.85rem;font-weight:600;letter-spacing:.5px;text-align:left;text-transform:uppercase}.price-input,.quantity-input{background:#fff;border:1px solid #e0e0e0;border-radius:4px;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif;font-size:1rem;padding:.8rem;text-align:left;transition:all .2s ease;width:100%}.price-input:focus,.quantity-input:focus{border-color:#004aad;box-shadow:0 0 0 2px #004aad1a;outline:none}.price-input:hover,.quantity-input:hover{background:#fafafa;border-color:#004aad}.add-product-btn-container{margin-bottom:1.5rem;text-align:left}.add-another-product-btn{background:#004aad;border:1px solid #004aad;border-radius:6px;color:#fff;cursor:pointer;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;font-weight:500;padding:.6rem 1.8rem;transition:all .3s ease}.products-table-container{border:1px solid #e0e0e0;border-radius:4px;margin-bottom:1.5rem;text-align:left;width:100%}.products-table{background:#fff;min-width:600px;text-align:left}.products-table thead{background:#f8f9fa}.products-table th{border-bottom:2px solid #e0e0e0;font-size:.85rem}.products-table td,.products-table th{font-family:Arial,Helvetica,sans-serif;padding:1rem}.products-table td{border-bottom:1px solid #f0f0f0;color:#333;font-size:.9rem;text-align:left}.products-table tr:hover{background:#fafafa}.remove-btn{background:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:Arial,Helvetica,sans-serif;font-size:.85rem;padding:.4rem 1rem;transition:all .3s ease}.remove-btn:hover{background:#c82333;transform:translateY(-1px)}.order-totals-section{background:#fff;border:1px solid #e0e0e0;border-radius:4px;margin-bottom:2rem;overflow:hidden;text-align:left;width:100%}.total-item-row{border-bottom:1px solid #f0f0f0;padding:1rem;text-align:left;transition:all .2s ease}.total-item-row:hover{background-color:#fafafa}.total-item{align-items:center;display:flex;justify-content:space-between;width:100%}.total-label{color:#666;font-family:Arial,Helvetica,sans-serif;font-size:.85rem;font-weight:600;letter-spacing:.5px;text-align:left;text-transform:uppercase}.total-value{color:#004aad;font-size:1rem;font-weight:700}.delivery-input,.discount-input,.total-value{font-family:Arial,Helvetica,sans-serif;text-align:right}.delivery-input,.discount-input{background:#fff;border:1px solid #e0e0e0;border-radius:4px;padding:.5rem .8rem;transition:all .2s ease;width:180px}.checkbox-row{background:#fff;border-bottom:1px solid #f0f0f0;display:flex;flex-wrap:wrap;gap:2rem;padding:1rem;text-align:left}.checkbox-group{align-items:center}.checkbox-group label{color:#333;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;font-weight:500;text-align:left}.subtotal-row{align-items:center;background:#f8f9fa;border-top:1px solid #e0e0e0;display:flex;flex-wrap:wrap;gap:2rem;justify-content:flex-end;padding:1rem;text-align:right}.subtotal-label{font-size:1rem;font-weight:700}.subtotal-label,.subtotal-value{color:#004aad;font-family:Arial,Helvetica,sans-serif}.subtotal-value{font-size:1.2rem;font-weight:800}.additional-fields-section{background:#fff;border:1px solid #e0e0e0;border-radius:4px;margin-top:2rem;overflow:hidden;text-align:left;width:100%}.field-row{border-bottom:1px solid #f0f0f0;padding:1rem;text-align:left;transition:all .2s ease}.field-row:hover{background-color:#fafafa}.field-row:last-child{border-bottom:none}.field-label{color:#666;display:block;font-family:Arial,Helvetica,sans-serif;font-size:.85rem;font-weight:600;letter-spacing:.5px;margin-bottom:.5rem;text-align:left;text-transform:uppercase}.field-input,.field-select,.field-textarea{background:#fff;border:1px solid #e0e0e0;border-radius:4px;box-sizing:border-box;color:#333;font-family:Arial,Helvetica,sans-serif;font-size:1rem;padding:.8rem;text-align:left;transition:all .2s ease;width:100%}.field-textarea{min-height:80px;resize:vertical}.field-input:focus,.field-select:focus,.field-textarea:focus{border-color:#004aad;box-shadow:0 0 0 2px #004aad1a;outline:none}.order-actions{background:#fff;display:flex;flex-wrap:wrap;gap:1rem;justify-content:flex-end;margin-top:1.5rem;text-align:right}.submit-order-btn{background:#004aad;border:none;border-radius:6px;color:#fff;cursor:pointer;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;font-weight:500;padding:.6rem 1.8rem;transition:all .3s ease}.submit-order-btn:hover{background:#003380;transform:translateY(-1px)}@media (max-width:1200px){.filter-group{min-width:200px}}@media (max-width:992px){.product-filters-row{gap:.8rem}.filter-group{flex-basis:calc(50% - 0.8rem);flex-grow:1;flex-shrink:1;min-width:calc(50% - .8rem)}.price-group,.quantity-group{min-width:100%}.order-title{font-size:1.5rem}}@media (max-width:768px){.place-order-main-container{padding:10px}.place-order-container{padding:0 10px}.filter-group{min-width:100%}.section-header-reset{align-items:flex-start;flex-direction:column}.reset-filters-btn{width:100%}.total-item{align-items:flex-start;flex-direction:column;gap:.5rem}.delivery-input,.discount-input{width:100%}.checkbox-row{flex-direction:column;gap:.8rem}.subtotal-row{justify-content:space-between}.order-actions{flex-direction:column}.add-another-product-btn,.submit-order-btn{width:100%}.products-table td,.products-table th{padding:.75rem}}@media (max-width:480px){.order-title{font-size:1.2rem}.section-title{font-size:1rem}.filter-group label{font-size:.75rem}.filter-select{font-size:.85rem;padding:.5rem}.price-input,.product-search-input,.quantity-input{font-size:.9rem;padding:.6rem}.products-table td,.products-table th{font-size:.8rem;padding:.5rem}.total-label,.total-value{font-size:.85rem}.subtotal-label{font-size:.9rem}.subtotal-value{font-size:1rem}}.products-table-container::-webkit-scrollbar{height:8px}.products-table-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.products-table-container::-webkit-scrollbar-thumb{background:#004aad;border-radius:4px}.products-table-container::-webkit-scrollbar-thumb:hover{background:#003380}button:disabled,input:disabled,select:disabled{cursor:not-allowed;opacity:.6}.header-actions{gap:1rem}.filter-label{align-items:center;color:#666;display:flex;font-family:Arial,Helvetica,sans-serif;font-size:.85rem;margin-bottom:.5rem}@media (max-width:768px){.header-actions{flex-direction:column;width:100%}.reset-filters-btn{width:100%}}.shop-info-badge{box-shadow:none!important;display:inline-block;margin:0!important}.shop-info-badge,.shop-name-display{background:#0000!important;border:none!important;padding:0!important}.shop-name-display{font-size:18px;font-weight:600}.city-badge{background:#004aad;color:#fff;gap:.3rem;margin-left:.5rem;padding:4px 12px}.city-icon{font-size:.8rem}.order-field .order-label{align-items:center;display:flex;gap:.5rem}@media (max-width:768px){.shop-info-badge{align-items:flex-start;flex-direction:column}.city-badge{margin-left:0}}.orders-container{background-color:#fff;margin-left:-3px;margin-right:-50px;min-height:100vh;padding:20px;width:100%}.orders-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px}.orders-header h1{color:#004aad;font-size:24px;font-weight:600;margin:0}.shop-indicator{color:#666;display:flex;font-size:14px;gap:8px;margin-top:4px}.shop-indicator-icon{color:#004aad;font-size:16px}.currency-indicator{background:linear-gradient(135deg,#004aad,#00337c);border-radius:30px;box-shadow:0 2px 8px #004aad33;color:#fff;font-size:14px;font-weight:500;padding:8px 16px;white-space:nowrap}.total-amount-cell{color:#004aad;font-weight:600}.search-bar-container{margin-bottom:24px;max-width:100%}.search-input-wrapper{max-width:400px;position:relative;width:100%}.search-icon{font-size:18px;pointer-events:none}.search-input{padding:10px 16px 10px 40px}.search-input::placeholder{color:#999;font-size:14px}.filters-container{align-items:flex-end;background-color:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px;padding:16px}.filter-group{flex:1 1;flex-direction:column;gap:6px;min-width:140px}.filter-group label{font-size:12px;font-weight:500}.date-input,.filter-select{background-color:#fff;border:1px solid #e0e0e0;border-radius:6px;box-sizing:border-box;font-size:14px;padding:10px 12px;width:100%}.filter-select{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px}.date-input:focus,.filter-select:focus{border-color:#004aad;box-shadow:0 0 0 2px #004aad1a;outline:none}.table-wrapper{background-color:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a}.orders-table{border-collapse:collapse;font-size:14px;min-width:1200px;width:100%}.orders-table thead{background-color:#004aad}.orders-table th{color:#fff;font-size:14px;font-weight:600;letter-spacing:.5px;padding:16px 12px;text-align:left;text-transform:uppercase;white-space:nowrap}.orders-table td{color:#555;padding:16px 12px;vertical-align:middle}.orders-table tbody tr,.orders-table td{border-bottom:1px solid #e0e0e0}.orders-table tbody tr:hover{background-color:#fafafa}.city-name{align-items:center;display:inline-flex;font-size:14px;gap:6px}.city-icon{color:#004aad;font-size:14px}.status-badge.processing{background-color:#e3f2fd;color:#1976d2}.status-badge.in-process{background-color:#fff3e0;color:#f57c00}.status-badge.shipped{background-color:#e8f5e9;color:#388e3c}.status-badge.pending{background-color:#fff3e0;color:#f57c00}.status-badge.delivered{background-color:#e8f5e9;color:#2e7d32}.status-badge.canceled{background-color:#f5f5f5;color:#757575}.status-badge.returned{background-color:#fce4ec;color:#d32f2f}.action-icons,.icon{align-items:center}.icon{cursor:pointer;display:inline-flex;font-size:18px;justify-content:center;opacity:.7;transition:transform .2s ease}.icon:hover{opacity:1;transform:scale(1.1)}.edit-icon{color:#004aad}.edit-icon:hover{color:#003380}.delete-icon{color:#d32f2f}.delete-icon:hover{color:#b71c1c}.no-orders{color:#757575;font-size:16px;padding:40px;text-align:center}.pagination{gap:16px;margin-top:24px;padding:16px 0}.page-btn{background-color:#004aad;border:2px solid #004aad;color:#fff;font-size:14px;font-weight:600;min-width:100px;padding:8px 20px;transition:background-color .3s ease}.page-btn:hover:not(.disabled){background-color:#003380;border-color:#003380}.page-btn.disabled{background-color:#f5f5f5;border-color:#ccc;color:#999;cursor:not-allowed;opacity:.5}.page-info{color:#666;font-size:14px;font-weight:500}@media (max-width:768px){.orders-container{margin:0;padding:16px}.orders-header{align-items:stretch;flex-direction:column}.search-bar-container{width:100%}.search-input,.search-input-wrapper{max-width:100%}.filters-container{flex-direction:column}.filter-group{min-width:auto;width:100%}.date-input,.filter-select{width:100%}.orders-table{font-size:13px;min-width:800px}.orders-table td,.orders-table th{padding:12px 10px}.pagination{flex-wrap:wrap;justify-content:center}.page-btn{min-width:80px;padding:8px 16px}}.table-wrapper::-webkit-scrollbar{height:8px}.table-wrapper::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.table-wrapper::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.table-wrapper::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.statements-main-container{background:#fff;margin-left:-150px;min-height:100vh;padding:24px 32px;width:calc(100vw - 280px)}.statements-tabs{background:#fff;border-bottom:1px solid #e0e0e0;display:flex;gap:1rem;margin-bottom:2rem;padding-bottom:.5rem;padding-left:0;position:relative}.statements-tabs:after{background:linear-gradient(90deg,#004aad,#66b0ff);border-radius:2px;bottom:0;content:"";height:3px;left:0;position:absolute;width:100%}.statements-tab{background:#0000;border:none;border-radius:8px 8px 0 0;color:#004aad;cursor:pointer;font-family:Arial,Helvetica,sans-serif;font-size:1rem;font-weight:600;margin-bottom:17px;padding:.8rem 2rem;position:relative;transition:all .3s ease}.statements-tab:first-child{margin-left:0}.statements-tab:hover{background-color:#004aad14}.statements-tab.active{background-color:#004aad1f;color:#004aad;font-weight:700}.statements-tab.active:after{background:linear-gradient(90deg,#004aad,#66b0ff);border-radius:2px;bottom:-2px;content:"";height:3px;left:0;position:absolute;width:100%}.statements-tab-content{animation:fadeIn .3s ease;background:#fff;padding-left:0}.statements-container{margin:0;max-width:100%}.statements-container,.statements-content{background:#fff;padding:0;text-align:left;width:100%}.statements-title{border-bottom:2px solid #004aad;color:#004aad;font-family:Arial,Helvetica,sans-serif;font-size:2rem;font-weight:700;margin:0 0 2rem;padding-bottom:1rem;text-align:left}.summary-cards{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(2,1fr);margin-bottom:2rem;text-align:left}.summary-card{background:#fff;padding:1.5rem;text-align:left;transition:all .2s ease}.summary-card:hover{background:#fafafa}.card-month{color:#666;font-size:.85rem;font-weight:600;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.card-amount,.card-month{font-family:Arial,Helvetica,sans-serif;text-align:left}.card-amount{color:#004aad;font-size:1.2rem;font-weight:700}.filters-section{border:none;margin-bottom:2rem;overflow:hidden;text-align:left}.filters-left{background:#f8f9fa;border-bottom:1px solid #e0e0e0;flex-wrap:wrap;gap:1rem;padding:1rem 1.5rem}.filter-group,.filters-left{align-items:center;display:flex;text-align:left}.filter-group{gap:12px}.filter-group label{color:#666;font-size:.85rem;font-weight:600;letter-spacing:.5px}.filter-group label,.filter-select{font-family:Arial,Helvetica,sans-serif;text-align:left}.filter-select{background:#fff;border:1px solid #e0e0e0;border-radius:4px;color:#333;font-size:1rem;padding:.5rem;transition:all .2s ease}.filter-select:hover{border-color:#004aad}.filter-select:focus{border-color:#004aad;box-shadow:0 0 0 2px #004aad1a}.filters-right{align-items:center;background:#fff;border-top:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:1rem 1.5rem;text-align:left}.update-selected-btn-left{background:#004aad;border:none;border-radius:6px;color:#fff;cursor:pointer;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;font-weight:500;padding:.6rem 1.8rem;transition:all .3s ease}.update-selected-btn-left:hover{background:#003380;transform:translateY(-1px)}.filter-modal-btn-right{align-items:center;background:#fff;border:1px solid #004aad;border-radius:6px;color:#004aad;cursor:pointer;display:inline-flex;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;font-weight:500;gap:8px;padding:.6rem 1.8rem;transition:all .3s ease}.filter-modal-btn-right:hover{background:#f0f0f0;transform:translateY(-1px)}.table-info{color:#666;font-family:Arial,Helvetica,sans-serif;font-size:.85rem;margin-bottom:1rem;padding:0 .5rem}.statements-table-container{background:#fff;border:1px solid #e0e0e0;border-radius:4px;margin-bottom:1.5rem;overflow-x:auto;text-align:left;width:100%}.statements-table{border-collapse:collapse;width:100%}.statements-table thead{background:#004aad}.statements-table th{background:#0000;color:#fff;font-size:.85rem;font-weight:600;height:52px;letter-spacing:.5px;line-height:1.1;padding:.9rem 1.5rem;text-align:left;text-transform:uppercase;vertical-align:middle}.statements-table td{border-bottom:none;color:#333;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;height:52px;padding:.8rem 1rem;text-align:left}.statements-table tbody tr{border-bottom:1px solid #e0e0e0}.statements-table tbody tr:last-child td{border-bottom:none}.statements-table tr{height:52px}.statements-table tr.selected{background:#004aad0d}.statements-table input[type=checkbox]{accent-color:#004aad;cursor:pointer;display:inline-block;height:18px;margin:0;vertical-align:middle;width:18px}.status-badge{font-family:Arial,Helvetica,sans-serif;line-height:1.4;text-align:center;vertical-align:middle}.status-badge.pending{background:#fef3c7;color:#d97706}.status-badge.paid{color:#28a745}.status-badge.processing{background:#e0f2fe;color:#0284c7}.status-badge.completed{color:#28a745}.status-badge.shipped{background:#d4edda;color:#28a745}.status-badge.cancelled{background:#fee2e2;color:#dc2626}.payment-due-header{gap:8px;white-space:nowrap}.payment-due-header,.payment-due-icon{align-items:center;cursor:pointer;display:inline-flex;vertical-align:middle}.payment-due-icon{color:#004aad;font-size:1rem;transition:all .3s ease}.payment-due-icon:hover{filter:drop-shadow(0 2px 4px rgba(0,74,173,.3));transform:translateX(3px)}.payment-due-cell{align-items:center;display:flex;gap:8px;justify-content:space-between;width:100%}.payment-due-cell span{align-items:center;display:inline-flex;white-space:nowrap}.payment-due-icon-small{align-items:center;color:#004aad;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:.9rem;opacity:.7;transition:all .3s ease;vertical-align:middle}.payment-due-icon-small:hover{filter:drop-shadow(0 2px 4px rgba(0,74,173,.3));opacity:1;transform:translateX(3px)}.statements-table td:nth-child(7){vertical-align:middle}.statements-table td:nth-child(7) span{display:inline-block;vertical-align:middle}.statements-table td{line-height:1.4}.statements-table td,.statements-table td>*{vertical-align:middle}@keyframes iconPulse{0%{transform:translateX(0)}50%{transform:translateX(3px)}to{transform:translateX(0)}}.payment-due-icon-small:hover,.payment-due-icon:hover{animation:iconPulse .5s ease}.statements-filter-modal{max-width:500px;width:90%}.filter-modal-content{max-height:60vh;overflow-y:auto}.current-filters-section{border-bottom:1px solid #eef2f6;margin-bottom:24px;padding-bottom:16px}.current-filters-section h3{color:#1e293b;font-size:.875rem;font-weight:600;margin:0 0 12px}.current-filters-list{display:flex;flex-direction:column;gap:8px}.current-filter-item{background:#f8fafc;border-left:3px solid #004aad;border-radius:8px;color:#64748b;font-size:.875rem;padding:6px 12px}.filter-section{border-bottom:1px solid #eef2f6;padding-bottom:16px}.filter-section h4{color:#004aad;font-size:.75rem;font-weight:700;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.filter-option{background:#f8fafc;border-radius:8px;padding:8px 12px}.filter-option-label{color:#1e293b;display:block;font-size:.875rem;font-weight:600;margin-bottom:8px}.filter-option-sub{color:#64748b;display:flex;font-size:.75rem;gap:16px}.filter-field-row{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.filter-field-row label{color:#64748b;font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.filter-field-row input,.filter-field-row select{background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-sizing:border-box;font-family:inherit;font-size:.875rem;padding:10px 12px;transition:all .2s ease;width:100%}.filter-field-row input:focus,.filter-field-row select:focus{border-color:#004aad;box-shadow:0 0 0 3px #004aad1a;outline:none}.filter-field-row input:hover,.filter-field-row select:hover{border-color:#cbd5e1}.apply-filter-btn,.cancel-filter-btn,.reset-filter-btn{border:none;border-radius:8px;cursor:pointer;font-family:inherit;font-size:.875rem;font-weight:500;padding:8px 20px;transition:all .2s ease}.reset-filter-btn{background:#fff;border:1px solid #e2e8f0;color:#64748b}.reset-filter-btn:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px)}.pagination{flex-wrap:wrap;gap:1rem;justify-content:flex-end;margin-top:1.5rem;padding:0;text-align:right}.page-btn{background:#0000;border:1px solid #004aad;border-radius:6px;color:#004aad;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;font-weight:500;padding:.6rem 1.8rem;transition:all .3s ease}.page-btn:hover:not(:disabled){background:#f0f0f0}.page-btn.active{background:#004aad;border:none;color:#fff}.page-btn.active:hover{background:#003380}.page-btn:disabled{border-color:#ccc;color:#999}@media (max-width:992px){.summary-cards{gap:1rem;grid-template-columns:1fr}.statements-table td,.statements-table th{padding:.7rem}.statements-table{min-width:700px}.statements-table td,.statements-table th,.statements-table tr{height:48px}}@media (max-width:768px){.statements-tabs{border-bottom:none;flex-direction:column;gap:.5rem}.statements-tab{border-radius:8px;margin-left:0!important;padding:.8rem 1rem;text-align:left;width:100%}.statements-tab.active:after{bottom:-2px}.statements-content{padding:0}.statements-title{font-size:1.5rem;text-align:left}.filters-left{gap:.8rem}.filter-group,.filters-left{align-items:stretch;flex-direction:column}.filter-group{gap:.5rem}.filter-select{width:100%}.filters-right{flex-direction:column;gap:12px}.filter-modal-btn-right,.update-selected-btn-left{justify-content:center;width:100%}.filter-modal-btn-right{margin-left:0}.statements-table td,.statements-table th{font-size:.75rem;padding:.6rem}.statements-table{min-width:600px}.statements-table td,.statements-table th,.statements-table tr{height:44px}.status-badge{font-size:.65rem;padding:.15rem .5rem;white-space:nowrap}.payment-due-header{gap:4px}.payment-due-icon{font-size:.9rem}.payment-due-icon-small{font-size:.8rem}.payment-due-cell{gap:6px}.pagination{flex-direction:column;gap:.5rem}.page-btn{text-align:center;width:100%}.statements-filter-modal{margin:16px;width:95%}.filter-modal-content{max-height:70vh;padding:20px}.filter-modal-header{padding:16px 20px}.filter-modal-footer{padding:12px 20px}.apply-filter-btn,.cancel-filter-btn,.reset-filter-btn{flex:1 1;text-align:center}}@media (max-width:480px){.statements-title{font-size:1.2rem}.card-month{font-size:.7rem}.card-amount{font-size:.9rem}.statements-table td,.statements-table th{font-size:.7rem;padding:.5rem}.statements-table{min-width:500px}.statements-table td,.statements-table th,.statements-table tr{height:40px}.status-badge{font-size:.6rem;padding:.12rem .4rem}.table-info{font-size:.7rem}.payment-due-header{gap:3px}.payment-due-icon{font-size:.8rem}.payment-due-icon-small{font-size:.7rem}.payment-due-cell{gap:5px}.current-filter-item{font-size:.75rem;padding:5px 10px}.filter-option{padding:6px 10px}.filter-option-label{font-size:.8rem}.filter-option-sub{font-size:.7rem;gap:12px}.filter-field-row{margin-bottom:16px}.filter-field-row label{font-size:.7rem}.filter-field-row input,.filter-field-row select{font-size:.8rem;padding:8px 10px}.apply-filter-btn,.cancel-filter-btn,.reset-filter-btn{font-size:.8rem;padding:6px 14px}}@media print{.statements-container{margin:0;padding:0}.filter-modal-btn-right,.filter-modal-overlay,.filters-right,.pagination,.statements-tabs,.update-selected-btn-left{display:none}.statements-table{break-inside:avoid;page-break-inside:avoid}.payment-due-icon,.payment-due-icon-small{display:none}}.statements-table-container::-webkit-scrollbar{height:8px}.statements-table-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.statements-table-container::-webkit-scrollbar-thumb{background:#004aad;border-radius:4px}.statements-table-container::-webkit-scrollbar-thumb:hover{background:#003380}.filter-modal-content::-webkit-scrollbar{width:6px}.filter-modal-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.filter-modal-content::-webkit-scrollbar-thumb{background:#004aad;border-radius:3px}.filter-modal-content::-webkit-scrollbar-thumb:hover{background:#003380}.page-btn:disabled,button:disabled{opacity:.6}.postings-main-container{background:#f8fafc;font-family:Inter,Segoe UI,system-ui,sans-serif;margin-left:-170px;min-height:100vh;padding:24px 32px;width:calc(100vw - 280px)}.postings-tabs{background:#f8fafc;border-bottom:none;display:flex;gap:1rem;margin-bottom:2rem;padding-bottom:.5rem;padding-left:0;position:relative}.postings-tabs:after{background:linear-gradient(90deg,#004aad,#66b0ff);border-radius:2px;bottom:0;content:"";height:3px;left:0;position:absolute;width:100%}.postings-tab{background:#0000;border:none;border-radius:8px 8px 0 0;color:#004aad;cursor:pointer;font-family:Arial,Helvetica,sans-serif;font-size:1rem;font-weight:600;margin-bottom:17px;padding:.8rem 2rem;position:relative;transition:all .3s ease}.postings-tab:first-child{margin-left:0}.postings-tab:hover{background-color:#004aad14}.postings-tab.active{background-color:#004aad1f;color:#004aad;font-weight:700}.postings-tab.active:after{background:linear-gradient(90deg,#004aad,#66b0ff);border-radius:2px;bottom:-2px;content:"";height:3px;left:0;position:absolute;width:100%}.postings-tab-content{animation:fadeIn .3s ease;background:#f8fafc;padding-left:0}.postings-page{background:#f8fafc;font-family:Inter,Segoe UI,system-ui,sans-serif;min-height:100vh;padding:0;width:100%}.postings-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.postings-header h1{color:#004aad;font-size:1.875rem;font-weight:700;letter-spacing:-.02em;margin:0}.header-buttons{display:flex;gap:12px}.filter-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#1e293b;cursor:pointer;display:flex;font-family:inherit;font-size:.875rem;font-weight:500;gap:8px;padding:8px 20px;transition:all .2s ease}.filter-btn:hover{background:#f1f5f9;transform:translateY(-1px)}.create-dropdown{display:inline-block;position:relative}.create-btn{align-items:center;background:#004aad;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:.875rem;font-weight:500;gap:8px;padding:8px 20px;transition:all .2s ease}.create-btn:hover{background:#003e94;transform:translateY(-1px)}.create-btn svg:last-child{margin-left:4px}.create-dropdown-menu{animation:dropdownFadeIn .2s ease;background:#fff;border:1px solid #eef2f6;border-radius:12px;box-shadow:0 10px 25px #0000001a;min-width:160px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:100}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{color:#1e293b;font-family:inherit;font-size:.875rem}.dropdown-item:hover{background:#f8fafc;color:#004aad;padding-left:20px}.search-bar{margin-bottom:20px}.table-info{color:#64748b;margin-bottom:16px;text-align:left}.postings-table{background:#fff;border-collapse:collapse;table-layout:fixed;width:100%}.postings-table thead{background:#f8fafc}.postings-table th{background:#004aad;border-bottom:2px solid #e2e8f0;color:#fff;font-size:.8125rem;font-weight:600;letter-spacing:.5px;padding:16px 12px;text-align:left;text-transform:uppercase;vertical-align:middle}.postings-table td{border-bottom:1px solid #f1f5f9;color:#334155;font-size:.875rem;padding:14px 12px;text-align:left;vertical-align:middle}.postings-table tr:hover{background:#fafcff}.postings-table td:first-child,.postings-table th:first-child{text-align:center;width:40px}.postings-table td:nth-child(2),.postings-table th:nth-child(2){width:100px}.postings-table td:nth-child(3),.postings-table th:nth-child(3){width:90px}.postings-table td:nth-child(4),.postings-table th:nth-child(4){width:180px}.postings-table td:nth-child(5),.postings-table th:nth-child(5){width:100px}.postings-table td:nth-child(6),.postings-table th:nth-child(6){width:120px}.postings-table td:nth-child(7),.postings-table th:nth-child(7){width:100px}.postings-table td:nth-child(8),.postings-table th:nth-child(8){width:110px}.postings-table input[type=checkbox]{accent-color:#004aad;cursor:pointer;height:18px;margin:0;vertical-align:middle;width:18px}.type-badge{border-radius:20px;display:inline-block;font-size:.75rem;font-weight:600;padding:4px 12px}.type-badge.payment{background:#d4edda;color:#28a745}.type-badge.invoice{background:#e0f2fe;color:#0369a1}.type-badge.refund{background:#fee2e2;color:#dc2626}.amount-cell{color:#0f172a;font-weight:600}.page-btn{gap:6px;padding:6px 16px}.filter-modal-overlay{animation:fadeInOverlay .2s ease;background:#00000080;z-index:1000}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.filter-modal{border-radius:20px;box-shadow:0 20px 60px #0003;max-width:600px}.filter-modal-header{border-bottom:1px solid #eef2f6}.filter-modal-header h2{color:#0f172a;font-size:1.25rem;font-weight:600;margin:0}.close-modal-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:1.25rem;justify-content:center;padding:4px;transition:all .2s ease}.close-modal-btn:hover{background:#f1f5f9;color:#1e293b;transform:rotate(90deg)}.filter-modal-content{display:flex;flex-direction:column;gap:20px;padding:24px}.filter-field{display:flex;flex-direction:column;gap:8px;text-align:left}.filter-field label{color:#64748b;display:block;font-size:.75rem;font-weight:600;letter-spacing:.5px;margin-bottom:0;text-align:left;text-transform:uppercase}.filter-field input,.filter-field select{background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-sizing:border-box;font-family:inherit;font-size:.875rem;padding:10px 12px;text-align:left;transition:all .2s ease;width:100%}.filter-field input:focus,.filter-field select:focus{border-color:#004aad;box-shadow:0 0 0 3px #004aad1a;outline:none}.filter-field input:hover,.filter-field select:hover{border-color:#cbd5e1}.filter-field input[type=date]{color:#334155}.filter-field input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6}.filter-field input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}.filter-modal-footer{border-top:1px solid #eef2f6}.apply-filter-btn,.cancel-filter-btn{border:none;border-radius:8px;cursor:pointer;font-family:inherit;font-size:.875rem;font-weight:500;padding:8px 20px;transition:all .2s ease}.cancel-filter-btn{background:#fff;border:1px solid #e2e8f0;color:#64748b}.cancel-filter-btn:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px)}.apply-filter-btn{background:#004aad}.apply-filter-btn:hover{background:#003e94}.payment-modal{animation:slideUp .3s ease;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0003;max-width:600px;width:90%}.payment-modal-header{align-items:center;border-bottom:1px solid #eef2f6;display:flex;justify-content:space-between;padding:20px 24px}.payment-modal-header h2{color:#0f172a;font-size:1.25rem;font-weight:600;margin:0}.payment-modal-content{padding:24px}.payment-modal-content h3{border-bottom:2px solid #004aad;color:#1e293b;display:inline-block;font-size:1rem;font-weight:600;margin:0 0 20px;padding-bottom:8px}.payment-field{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.payment-field label{color:#64748b;display:block;font-size:.75rem;font-weight:600;letter-spacing:.5px;text-align:left;text-transform:uppercase}.payment-field input,.payment-field select{background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-sizing:border-box;font-family:inherit;font-size:.875rem;padding:10px 12px;transition:all .2s ease;width:100%}.payment-field input:focus,.payment-field select:focus{border-color:#004aad;box-shadow:0 0 0 3px #004aad1a;outline:none}.payment-field input:hover,.payment-field select:hover{border-color:#cbd5e1}.payment-field input[type=number]{-moz-appearance:textfield}.payment-field input[type=number]::-webkit-inner-spin-button,.payment-field input[type=number]::-webkit-outer-spin-button{opacity:.5}.payment-field input[type=number]:hover::-webkit-inner-spin-button,.payment-field input[type=number]:hover::-webkit-outer-spin-button{opacity:1}.payment-field input[type=date]{color:#334155}.payment-field input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6}.payment-field input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}.payment-modal-footer{border-top:1px solid #eef2f6;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.cancel-payment-btn,.save-payment-btn{border:none;border-radius:8px;cursor:pointer;font-family:inherit;font-size:.875rem;font-weight:500;padding:8px 20px;transition:all .2s ease}.cancel-payment-btn{background:#fff;border:1px solid #e2e8f0;color:#64748b}.cancel-payment-btn:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px)}.save-payment-btn{background:#004aad;color:#fff}.save-payment-btn:hover{background:#003e94;transform:translateY(-1px)}.invoice-modal{animation:slideUp .3s ease;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0003;max-width:600px;width:90%}.invoice-modal-header{align-items:center;border-bottom:1px solid #eef2f6;display:flex;justify-content:space-between;padding:20px 24px}.invoice-modal-header h2{color:#0f172a;font-size:1.25rem;font-weight:600;margin:0}.invoice-modal-content{padding:24px}.invoice-field{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.invoice-field label{color:#64748b;display:block;font-size:.75rem;font-weight:600;letter-spacing:.5px;text-align:left;text-transform:uppercase}.invoice-field input,.invoice-field select,.invoice-field textarea{background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-sizing:border-box;font-family:inherit;font-size:.875rem;padding:10px 12px;transition:all .2s ease;width:100%}.invoice-field input:focus,.invoice-field select:focus,.invoice-field textarea:focus{border-color:#004aad;box-shadow:0 0 0 3px #004aad1a;outline:none}.invoice-field input:hover,.invoice-field select:hover,.invoice-field textarea:hover{border-color:#cbd5e1}.invoice-field textarea{font-family:inherit;min-height:80px;resize:vertical}.note-hint{color:#64748b;font-size:.7rem;font-style:italic;margin-top:4px}.invoice-totals{border-top:1px solid #eef2f6;margin-top:24px;padding-top:16px}.total-row{align-items:center;display:flex;justify-content:space-between;padding:8px 0}.total-label{color:#64748b;font-size:.875rem;font-weight:500}.total-value{color:#1e293b;font-size:.875rem;font-weight:600}.grand-total{border-top:1px solid #eef2f6;margin-top:8px;padding-top:8px}.grand-total .total-label,.grand-total .total-value{color:#004aad;font-size:1rem;font-weight:700}.invoice-modal-footer{border-top:1px solid #eef2f6;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.cancel-invoice-btn,.save-invoice-btn{border:none;border-radius:8px;cursor:pointer;font-family:inherit;font-size:.875rem;font-weight:500;padding:8px 20px;transition:all .2s ease}.cancel-invoice-btn{background:#fff;border:1px solid #e2e8f0;color:#64748b}.cancel-invoice-btn:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px)}.save-invoice-btn{background:#004aad;color:#fff}.save-invoice-btn:hover{background:#003e94;transform:translateY(-1px)}.credit-modal{animation:slideUp .3s ease;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0003;max-width:600px;width:90%}.credit-modal-header{align-items:center;border-bottom:1px solid #eef2f6;display:flex;justify-content:space-between;padding:20px 24px}.credit-modal-header h2{color:#0f172a;font-size:1.25rem;font-weight:600;margin:0}.credit-modal-content{padding:24px}.credit-modal-content h3{border-bottom:2px solid #004aad;color:#1e293b;display:inline-block;font-size:1rem;font-weight:600;margin:0 0 20px;padding-bottom:8px}.credit-field{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.credit-field label{color:#64748b;display:block;font-size:.75rem;font-weight:600;letter-spacing:.5px;text-align:left;text-transform:uppercase}.credit-field input,.credit-field select,.credit-field textarea{background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-sizing:border-box;font-family:inherit;font-size:.875rem;padding:10px 12px;transition:all .2s ease;width:100%}.credit-field input:focus,.credit-field select:focus,.credit-field textarea:focus{border-color:#004aad;box-shadow:0 0 0 3px #004aad1a;outline:none}.credit-field input:hover,.credit-field select:hover,.credit-field textarea:hover{border-color:#cbd5e1}.credit-field textarea{font-family:inherit;min-height:80px;resize:vertical}.credit-totals{border-top:1px solid #eef2f6;margin-top:24px;padding-top:16px}.credit-totals .total-row{align-items:center;display:flex;justify-content:space-between;padding:8px 0}.credit-totals .total-label{color:#64748b;font-size:.875rem;font-weight:500}.credit-totals .total-value{color:#1e293b;font-size:.875rem;font-weight:600}.credit-totals .grand-total{border-top:1px solid #eef2f6;margin-top:8px;padding-top:8px}.credit-totals .grand-total .total-label,.credit-totals .grand-total .total-value{color:#004aad;font-size:1rem;font-weight:700}.credit-modal-footer{border-top:1px solid #eef2f6;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.cancel-credit-btn,.save-credit-btn{border:none;border-radius:8px;cursor:pointer;font-family:inherit;font-size:.875rem;font-weight:500;padding:8px 20px;transition:all .2s ease}.cancel-credit-btn{background:#fff;border:1px solid #e2e8f0;color:#64748b}.cancel-credit-btn:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px)}.save-credit-btn{background:#004aad;color:#fff}.save-credit-btn:hover{background:#003e94;transform:translateY(-1px)}.active-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.filter-tag{background:#eef2ff;border-radius:20px;display:inline-flex;font-weight:500;gap:6px;padding:4px 10px}.filter-tag,.filter-tag button{align-items:center;color:#004aad;font-size:.75rem}.filter-tag button{background:#0000;border:none;cursor:pointer;display:flex;margin-left:4px;padding:0}.filter-tag button:hover{color:#dc2626}@media (max-width:1200px){.postings-table{min-width:1000px}}@media (max-width:1024px){.postings-main-container{padding:20px}.postings-header h1{font-size:1.5rem}}@media (max-width:768px){.postings-main-container{margin-left:0;padding:16px;width:100%}.postings-tabs{flex-direction:column;gap:.5rem}.postings-tab{border-radius:8px;padding:.8rem 1rem;text-align:left;width:100%}.postings-tab.active:after{bottom:-2px}.postings-header{align-items:flex-start;flex-direction:column}.header-buttons{width:100%}.create-btn,.filter-btn{flex:1 1;justify-content:center}.pagination-section{align-items:center;flex-direction:column}.pagination-controls,.pagination-info,.rows-per-page{justify-content:center;width:100%}.postings-table td,.postings-table th{font-size:.75rem;padding:10px 8px}.delete-btn,.edit-btn,.view-btn{font-size:.8rem;height:26px;width:26px}.action-cell{gap:4px}.credit-modal,.filter-modal,.invoice-modal,.payment-modal{margin:16px;width:95%}.credit-modal-content,.filter-modal-content,.invoice-modal-content,.payment-modal-content{padding:20px}.credit-modal-header,.filter-modal-header,.invoice-modal-header,.payment-modal-header{padding:16px 20px}.credit-modal-footer,.filter-modal-footer,.invoice-modal-footer,.payment-modal-footer{padding:12px 20px}.create-dropdown-menu{left:0;right:auto}.credit-totals,.invoice-totals{margin-top:20px}.total-row{padding:6px 0}.grand-total{margin-top:6px;padding-top:6px}}@media (max-width:480px){.postings-main-container{padding:12px}.postings-header h1{font-size:1.25rem}.search-input{font-size:.875rem}.postings-table td,.postings-table th{font-size:.7rem;padding:8px 6px}.no-data-cell{font-size:.875rem;padding:30px!important}.type-badge{font-size:.65rem;padding:2px 8px}.delete-btn,.edit-btn,.view-btn{font-size:.75rem;height:24px;width:24px}.credit-field label,.filter-field label,.invoice-field label,.payment-field label{font-size:.7rem}.credit-field input,.credit-field select,.credit-field textarea,.filter-field input,.filter-field select,.invoice-field input,.invoice-field select,.invoice-field textarea,.payment-field input,.payment-field select{font-size:.8rem;padding:8px 10px}.apply-filter-btn,.cancel-credit-btn,.cancel-filter-btn,.cancel-invoice-btn,.cancel-payment-btn,.save-credit-btn,.save-invoice-btn,.save-payment-btn{font-size:.8rem;padding:6px 16px}.dropdown-item{font-size:.8rem;padding:8px 14px}.credit-modal-content h3,.invoice-modal-content h3,.payment-modal-content h3{font-size:.9rem;margin-bottom:16px}.credit-field,.invoice-field,.payment-field{margin-bottom:16px}.credit-totals,.invoice-totals{margin-top:16px}.total-label,.total-value{font-size:.8rem}.grand-total .total-label,.grand-total .total-value{font-size:.9rem}.note-hint{font-size:.65rem}}@media print{.postings-main-container{margin:0;padding:0;width:100%}.action-cell,.create-dropdown,.filter-modal-overlay,.header-buttons,.pagination-section,.postings-tabs,.search-bar{display:none}.postings-table{break-inside:avoid;page-break-inside:avoid}.table-container{border:1px solid #e2e8f0;box-shadow:none}}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #004aad;outline-offset:2px}.page-btn:disabled,button:disabled{cursor:not-allowed;opacity:.5}.postings-table tr.selected{background:#004aad0d}.postings-table tbody tr:hover{background:#fafcff;cursor:pointer}.customers-main-container{margin-left:-80px;width:calc(100vw - 320px)}.customers-header h1{color:#0f172a}.customers-table th{background:#f8fafc;color:#475569}.staff-container{font-family:Segoe UI,Roboto,Inter,-apple-system,BlinkMacSystemFont,sans-serif;margin:0 auto;max-width:1400px;padding:20px}.tabs{background:#fff;border-bottom:2px solid #e0e0e0;gap:10px;margin-bottom:24px;padding:0 20px}.tab-button{background:none;color:#666;font-size:16px;letter-spacing:.3px;padding:14px 28px}.tab-button.active:after{background:#004aad;right:0}.tab-button:hover{background:#f8f9fa;color:#004aad}.staff-members{animation:fadeInUp .4s ease;background:#fff;border:1px solid #e0e0e0;border-radius:4px;box-shadow:0 1px 3px #0000001a;overflow:hidden}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.header{align-items:center;background:#fff;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:24px 28px}.header h2{font-size:22px;letter-spacing:-.3px}.add-button,.header h2{color:#004aad;font-weight:700;margin:0}.add-button{align-items:center;background:none;border:none;cursor:pointer;display:inline-flex;font-size:16px;gap:6px;padding:0;transition:all .3s ease}.add-button:before{content:"+";font-size:18px;font-weight:700;margin-right:2px}.add-button:hover{background:none;color:#003380;transform:translateY(-1px)}.staff-table-container{background:#fff;overflow-x:auto}.staff-table{border-collapse:collapse;width:100%}.staff-table thead{background:#004aad;border-bottom:2px solid #e0e0e0}.staff-table th{color:#fff;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.staff-table td,.staff-table th{font-size:14px;padding:16px 20px;text-align:left}.staff-table td{border-bottom:1px solid #f0f0f0;color:#333}.staff-table tbody tr{transition:all .2s ease}.staff-table tbody tr:hover{background:#fafafa}.staff-badge{background:#28a745;color:#fff;display:inline-block;font-size:12px;letter-spacing:.3px;padding:5px 12px}.delete-button{background:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:6px 14px;transition:all .2s ease}.delete-button:hover{background:#c82333;box-shadow:0 2px 4px #dc35454d;transform:translateY(-1px)}.pagination-controls{background:#fff;border-top:1px solid #e0e0e0;justify-content:space-between;padding:18px 24px}.rows-per-page{color:#666;font-size:14px;gap:10px}.rows-per-page select{border:1px solid #e0e0e0;border-radius:4px;font-size:13px;transition:all .2s}.rows-per-page select:hover{border-color:#004aad}.pagination span{color:#666;font-size:14px}.pagination button{border:1px solid #e0e0e0;border-radius:4px;color:#666;font-size:13px;padding:6px 14px;transition:all .2s}.pagination button:hover:not(:disabled){background:#004aad;border-color:#004aad;color:#fff}@media (max-width:768px){.staff-container{padding:10px}.tabs{padding:0 10px}.tab-button{font-size:14px;padding:10px 16px}.header{flex-direction:column;gap:15px;padding:20px;text-align:center}.header h2{font-size:18px}.add-button{background:none;font-size:15px;justify-content:center;padding:0;width:auto}.add-button:before{font-size:16px}.pagination-controls{flex-direction:column;gap:15px}.staff-table td,.staff-table th{font-size:12px;padding:12px 15px}.staff-badge{border-radius:4px;font-size:10px;padding:3px 8px}.delete-button{border-radius:4px;font-size:11px;padding:4px 10px}}.header-actions{align-items:center;gap:15px}.shop-select-header{border:1px solid #e0e0e0;border-radius:4px;font-size:14px;min-width:200px;padding:10px 16px;transition:all .2s}.shop-select-header:focus{box-shadow:0 0 0 2px #004aad1a}.stats-bar{border-bottom:1px solid #e0e0e0;gap:20px;padding:12px 24px}.stat-item{color:#666;font-size:13px;font-weight:500}.search-container{border-bottom:1px solid #e0e0e0;padding:16px 24px}.search-input{padding:10px 16px}.staff-name{gap:10px}.staff-avatar,.staff-name{align-items:center;display:flex}.staff-avatar{background:#004aad;border-radius:50%;color:#fff;font-size:12px;font-weight:600;height:32px;justify-content:center;width:32px}.staff-badge{border-radius:4px;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.badge-super-admin{background:#dc3545;color:#fff}.badge-admin{background:#004aad;color:#fff}.badge-staff{background:#28a745;color:#fff}.badge-delivery{background:#ffc107;color:#333}.shop-name-cell{background:#004aad1a;border-radius:12px;font-size:12px;padding:3px 8px}.address-text{color:#666;font-size:13px;line-height:1.4}.action-buttons{gap:6px}.delete-btn,.edit-btn,.view-btn{border-radius:4px;font-size:14px;transition:all .2s}.view-btn{background:#e3f2fd}.edit-btn{background:#e8f5e9;color:#28a745}.edit-btn:hover{background:#28a745;transform:translateY(-1px)}.delete-btn{background:#ffebee;color:#dc3545}.delete-btn:hover{background:#dc3545;transform:translateY(-1px)}.no-data-cell{color:#666}.no-data-hint{color:#999;font-size:12px;margin-top:8px}.error-container,.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:40px}.loading-container h2{margin-bottom:10px}.retry-btn{border-radius:4px;font-size:14px}.retry-btn:hover{background:#003380}.loading-spinner{border:3px solid #f3f3f3;margin-bottom:20px}.current-page{color:#333;font-size:14px;margin:0 10px}@media (max-width:768px){.header-actions{flex-direction:column;width:100%}.shop-select-header{width:100%}.stats-bar{flex-direction:column;gap:8px}.action-buttons{flex-direction:column;gap:4px}.delete-btn,.edit-btn,.view-btn{width:100%}}.header-left{align-items:center;display:flex;gap:15px}.shop-badge{background-color:#f0f0f0;font-size:14px;gap:8px;margin-left:10px;padding:6px 12px}.staff-heading{color:#004aad}.add-staff-tab{background-color:#004aad;border-radius:25px;color:#fff;cursor:pointer;display:inline-block;font-size:14px;font-weight:500;padding:8px 20px;text-align:center;transition:all .3s ease}.add-staff-tab:hover{background-color:#003a8a;box-shadow:0 2px 8px #004aad4d;transform:translateY(-2px)}.add-staff-tab:active{transform:translateY(0)}.brands-main-container{background:#fff;box-sizing:border-box;margin:0;max-width:100%;padding:20px;width:100%}.brands-header-section{background:#fff;border:1px solid #e0e0e0;border-radius:4px;margin-bottom:2rem;padding:1.5rem}.brands-header-content{align-items:center;display:flex;gap:1rem;margin-bottom:.5rem}.brands-header-icon{background:#004aad1a;border-radius:8px;color:#004aad;font-size:2rem;padding:.75rem}.brands-header-section h2{color:#004aad;font-size:1.75rem;font-weight:700;margin:0}.brands-header-subtitle{color:#666;font-size:.9rem;margin:0;padding-left:3.5rem}.brands-content{background:#fff;box-sizing:border-box;padding:0;text-align:left;width:100%}.brands-action-section{align-items:right;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:4px;display:flex;flex-wrap:wrap;gap:55%;margin-bottom:1.5rem;padding:1rem 1.5rem}.brands-search-wrapper{flex:1 1;min-width:300px;position:relative}.brands-search-icon{color:#999;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.brands-search-input{border:1px solid #e0e0e0;border-radius:4px;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;padding:.6rem 1rem .6rem 2.5rem;width:100%}.brands-search-input:focus{border-color:#004aad;box-shadow:0 0 0 2px #004aad1a;outline:none}.brands-action-buttons{display:flex;gap:.8rem}.brands-add-btn,.brands-select-all-btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;font-weight:500;gap:.5rem;padding:.6rem 1.5rem;transition:all .3s ease}.brands-select-all-btn{background:#fff;border:1px solid #004aad;color:#004aad}.brands-select-all-btn:hover{background:#f0f0f0;transform:translateY(-1px)}.brands-add-btn{background:#004aad;color:#fff}.brands-add-btn:hover{background:#003380;transform:translateY(-1px)}.brands-selected-summary{background:#004aad0d;border:1px solid #004aad;border-radius:4px;margin-bottom:1.5rem;padding:.8rem 1rem}.brands-summary-content{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.brands-summary-icon{align-items:center;background:#004aad;border-radius:50%;color:#fff;display:inline-flex;font-size:.8rem;font-weight:700;height:24px;justify-content:center;width:24px}.brands-summary-text{color:#004aad;flex:1 1;font-weight:500}.brands-clear-selection{background:#0000;border:none;border-radius:4px;color:#dc3545;cursor:pointer;font-size:.85rem;padding:.25rem .75rem;transition:all .3s}.brands-clear-selection:hover{background:#dc35451a}.brands-delete-selected-btn{align-items:center;background:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:.85rem;gap:.5rem;padding:.4rem 1rem;transition:all .3s}.brands-delete-selected-btn:hover{background:#c82333}.brands-table-container{background:#fff;border:1px solid #e0e0e0;border-radius:4px;margin-bottom:1.5rem;overflow-x:auto}.brands-table-wrapper{overflow-x:auto;width:100%}.brands-table{background:#fff;border-collapse:collapse;min-width:400px;width:100%}.brands-table thead{background:#004aad}.brands-table th{color:#fff;font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:1rem;text-align:left;text-transform:uppercase}.brands-table td,.brands-table th{font-family:Arial,Helvetica,sans-serif}.brands-table td{border-bottom:none;color:#333;font-size:.9rem;padding:.8rem 1rem}.brands-table tbody tr{border-bottom:1px solid #e0e0e0}.brands-table tbody tr:last-child td{border-bottom:none}.brands-table tbody tr:hover{background:#fafafa}.brands-table tbody tr.brands-selected-row{background:#004aad0d}.brands-table input[type=checkbox]{accent-color:#004aad;cursor:pointer;height:18px;width:18px}.brands-name-cell{align-items:center;display:flex;gap:.5rem}.brands-name{color:#004aad;font-size:.9rem;font-weight:500}.brands-shop-cell{color:#333}.brands-shop-badge{align-items:center;background:#004aad14;border-radius:20px;color:#004aad;display:inline-flex;font-size:.85rem;padding:4px 10px}.brands-city-cell{color:#555;font-size:.9rem}.brands-city-badge{background:#dcfce7;border-radius:12px;color:#16a34a;display:inline-block;font-size:13px;font-weight:500;padding:2px 12px}.brands-actions-cell{align-items:center;display:flex;gap:8px;white-space:nowrap}.brands-delete-btn,.brands-edit-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#004aad;cursor:pointer;display:inline-flex;font-size:1rem;justify-content:center;padding:.4rem .8rem;transition:all .3s}.brands-delete-btn:hover,.brands-edit-btn:hover{background:#004aad1a;color:#004aad;transform:scale(1.05)}.brands-no-data{color:#666;padding:3rem;text-align:center}.brands-no-data-icon{color:#ccc;font-size:3rem;margin-bottom:1rem}.brands-add-first-btn{align-items:center;background:#004aad;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;gap:.5rem;margin-top:1rem;padding:.6rem 1.5rem}.brands-add-first-btn:hover{background:#003380}.brands-modal-overlay{align-items:center;animation:brandsFadeIn .3s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.brands-modal-content{animation:brandsSlideUp .3s ease;background:#fff;border-radius:8px;box-shadow:0 4px 20px #0003;max-height:90vh;max-width:550px;overflow-y:auto;position:relative;width:90%;z-index:10000}@keyframes brandsSlideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes brandsFadeIn{0%{opacity:0}to{opacity:1}}.brands-modal-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:1.5rem}.brands-modal-header h3{color:#004aad;font-size:1.25rem;font-weight:600;margin:0}.brands-modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;font-size:1.5rem;height:30px;justify-content:center;padding:0;transition:all .3s;width:30px}.brands-modal-close:hover{background:#e0e0e0;color:#333}.brands-modal-body{padding:1.5rem}.brands-modal-footer{border-top:1px solid #e0e0e0;display:flex;gap:1rem;justify-content:flex-end;padding:1rem 1.5rem}.brands-form{gap:1.5rem}.brands-form,.brands-form-row{display:flex;flex-direction:column}.brands-form-row{gap:.5rem}.brands-form-label{align-items:center;color:#333;display:flex;font-size:.85rem;font-weight:600;gap:.5rem;letter-spacing:.5px;text-transform:uppercase}.brands-form-icon{color:#004aad;font-size:.9rem}.brands-input{border:1px solid #e0e0e0;border-radius:4px;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;padding:.6rem;width:100%}.brands-input:focus{border-color:#004aad;box-shadow:0 0 0 2px #004aad1a;outline:none}.brands-checkbox-cell{text-align:center;width:50px}.brands-checkbox-cell input{cursor:pointer;height:18px;width:18px}.brands-btn-cancel,.brands-btn-delete,.brands-btn-save{border:none;border-radius:4px;cursor:pointer;font-size:.9rem;font-weight:500;padding:.6rem 1.5rem;transition:all .3s ease}.brands-btn-cancel{background:#f8f9fa;border:1px solid #e0e0e0;color:#666}.brands-btn-cancel:hover{background:#e9ecef}.brands-btn-save{background:#004aad;color:#fff}.brands-btn-save:hover{background:#003380}.brands-btn-delete{background:#dc3545;color:#fff}.brands-btn-delete:hover{background:#c82333}.brands-shop-select-dropdown{background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;cursor:pointer;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;padding:.75rem;width:100%}.brands-shop-select-dropdown:focus{border-color:#004aad;box-shadow:0 0 0 2px #004aad1a;outline:none}.brands-city-select-dropdown{background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;cursor:pointer;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;padding:.75rem;width:100%}.brands-city-select-dropdown:focus{border-color:#004aad;box-shadow:0 0 0 2px #004aad1a;outline:none}.brands-city-select-dropdown:disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:.7}.brands-shop-info-display{align-items:center;background:linear-gradient(135deg,#e8f0fe,#d4e4fc);border:1px solid #004aad;border-radius:8px;color:#004aad;display:flex;font-weight:500;gap:10px;padding:.75rem}.brands-shop-display-icon,.brands-shop-display-name{color:#004aad;font-size:1rem}.brands-shop-display-name{font-weight:600}.brands-shop-display-under{align-items:center;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:4px;color:#004aad;display:flex;font-size:.85rem;gap:.5rem;margin-top:4px;padding:.4rem .6rem}.brands-input-wrapper{position:relative;width:100%}.brands-company-dropdown-outside{background:#fff;border:1px solid #e0e0e0;border-radius:4px;box-shadow:0 4px 12px #00000026;max-height:200px;overflow-y:auto}.brands-company-dropdown-list{padding:4px}.brands-company-dropdown-item{align-items:center;background:#fff;border:none;color:#333;cursor:pointer;display:flex;font-size:.9rem;gap:8px;padding:8px 12px;text-align:left;transition:all .2s ease;width:100%}.brands-company-dropdown-item:hover{background:#f1f5ff}.brands-company-icon{color:#004aad}.brands-company-shop-tag{background:#f0f0f0;border-radius:4px;color:#666;font-size:.75rem;margin-left:auto;padding:2px 6px}.brands-no-companies-message{color:#666;font-size:.9rem;padding:12px;text-align:center}.brands-clear-company-btn{background:#0000;border:none;color:#999;cursor:pointer;font-size:14px;position:absolute;right:40px;top:50%;transform:translateY(-50%)}.brands-clear-company-btn:hover{color:#dc3545}.brands-dropdown-toggle-btn{background:#0000;border:none;color:#666;cursor:pointer;padding:4px;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.brands-dropdown-arrow{transition:transform .3s ease}.brands-dropdown-arrow.brands-rotated{transform:rotate(180deg)}.brands-no-data-row{padding:2rem;text-align:center}@media (min-width:1920px){.brands-main-container{padding:30px}.brands-table{min-width:800px}.brands-table td,.brands-table th{font-size:1rem;padding:1.2rem}.brands-name{font-size:1rem}}@media (max-width:1024px){.brands-main-container{padding:15px}}@media (max-width:768px){.brands-main-container{padding:10px}.brands-action-section{flex-direction:column}.brands-search-wrapper{min-width:auto;width:100%}.brands-action-buttons{flex-direction:column;width:100%}.brands-add-btn,.brands-select-all-btn{justify-content:center;width:100%}.brands-header-content{flex-direction:column;text-align:center}.brands-header-subtitle{padding-left:0;text-align:center}.brands-table td,.brands-table th{font-size:.8rem;padding:.6rem}.brands-table{min-width:400px}.brands-summary-content{align-items:stretch;flex-direction:column}.brands-modal-content{margin:1rem;max-width:95%;width:95%}.brands-city-select-dropdown{font-size:14px;padding:8px}.brands-city-badge{font-size:11px;padding:2px 8px}.brands-city-cell{padding:8px 4px}}@media (max-width:480px){.brands-header-section h2{font-size:1.3rem}.brands-header-icon{font-size:1.5rem;padding:.5rem}.brands-table td,.brands-table th{font-size:.7rem;padding:.4rem}.brands-name{font-size:.75rem}.brands-delete-btn,.brands-edit-btn{font-size:.8rem;padding:.3rem .5rem}.brands-modal-header h3{font-size:1rem}.brands-form-label{font-size:.75rem}.brands-input{font-size:.85rem;padding:.5rem}.brands-btn-cancel,.brands-btn-delete,.brands-btn-save{font-size:.85rem;padding:.5rem 1rem}}.types-main-container{background:#fff;box-sizing:border-box;margin:0;max-width:100%;padding:20px;width:100%}.types-header-section{background:#fff;border:1px solid #e0e0e0;border-radius:4px;margin-bottom:2rem;padding:1.5rem}.types-header-content{align-items:center;display:flex;gap:1rem;margin-bottom:.5rem}.types-header-icon{background:#004aad1a;border-radius:8px;color:#004aad;font-size:2rem;padding:.75rem}.types-header-section h2{color:#004aad;font-size:1.75rem;font-weight:700;margin:0}.types-header-subtitle{color:#666;font-size:.9rem;margin:0;padding-left:3.5rem}.types-content{background:#fff;box-sizing:border-box;padding:0;text-align:left;width:100%}.types-action-section{align-items:right;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:4px;display:flex;flex-wrap:wrap;gap:55%;margin-bottom:1.5rem;padding:1rem 1.5rem}.types-search-wrapper{flex:1 1;min-width:300px;position:relative}.types-search-icon{color:#999;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.types-search-input{border:1px solid #e0e0e0;border-radius:4px;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;padding:.6rem 1rem .6rem 2.5rem;width:100%}.types-search-input:focus{border-color:#004aad;box-shadow:0 0 0 2px #004aad1a;outline:none}.types-action-buttons{display:flex;gap:.8rem}.types-add-btn,.types-select-all-btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;font-weight:500;gap:.5rem;padding:.6rem 1.5rem;transition:all .3s ease}.types-select-all-btn{background:#fff;border:1px solid #004aad;color:#004aad}.types-select-all-btn:hover{background:#f0f0f0;transform:translateY(-1px)}.types-add-btn{background:#004aad;color:#fff}.types-add-btn:hover{background:#003380;transform:translateY(-1px)}.types-selected-summary{background:#004aad0d;border:1px solid #004aad;border-radius:4px;margin-bottom:1.5rem;padding:.8rem 1rem}.types-summary-content{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.types-summary-icon{align-items:center;background:#004aad;border-radius:50%;color:#fff;display:inline-flex;font-size:.8rem;font-weight:700;height:24px;justify-content:center;width:24px}.types-summary-text{color:#004aad;flex:1 1;font-weight:500}.types-clear-selection{background:#0000;border:none;border-radius:4px;color:#dc3545;cursor:pointer;font-size:.85rem;padding:.25rem .75rem;transition:all .3s}.types-clear-selection:hover{background:#dc35451a}.types-action-dropdown-container{display:inline-block;position:relative}.types-action-dropdown-btn{align-items:center;background:#004aad;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:8px;padding:.5rem 1rem;transition:all .3s ease}.types-action-dropdown-btn:hover{background:#003380;transform:translateY(-1px)}.types-action-dropdown-menu{animation:typesDropdownSlide .2s ease;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #00000026;margin-top:8px;min-width:200px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}@keyframes typesDropdownSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.types-dropdown-item{align-items:center;background:#fff;border:none;color:#333;cursor:pointer;display:flex;font-size:.9rem;gap:10px;padding:.75rem 1rem;text-align:left;transition:all .2s ease;width:100%}.types-dropdown-item:hover{background:#f8f9fa}.types-dropdown-item.types-delete-item{color:#dc3545}.types-dropdown-item.types-delete-item:hover{background:#fee2e2}.types-table-container{background:#fff;border:1px solid #e0e0e0;border-radius:4px;margin-bottom:1.5rem;overflow-x:auto}.types-table-wrapper{overflow-x:auto;width:100%}.types-table{background:#fff;border-collapse:collapse;min-width:400px;width:100%}.types-table thead{background:#004aad}.types-table th{color:#fff;font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:1rem;text-align:left;text-transform:uppercase}.types-table td,.types-table th{font-family:Arial,Helvetica,sans-serif}.types-table td{border-bottom:none;color:#333;font-size:.9rem;padding:.8rem 1rem}.types-table tbody tr{border-bottom:1px solid #e0e0e0}.types-table tbody tr:last-child td{border-bottom:none}.types-table tbody tr:hover{background:#fafafa}.types-table tbody tr.types-selected-row{background:#004aad0d}.types-table input[type=checkbox]{accent-color:#004aad;cursor:pointer;height:18px;width:18px}.types-name-cell{align-items:center;display:flex;gap:.5rem}.types-name{color:#004aad;font-size:.9rem;font-weight:500}.types-shop-cell{color:#333}.types-shop-badge{align-items:center;background:#004aad14;border-radius:20px;color:#004aad;display:inline-flex;font-size:.85rem;padding:4px 10px}.types-actions-cell{align-items:center;display:flex;gap:8px;white-space:nowrap}.types-delete-btn,.types-edit-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#004aad;cursor:pointer;display:inline-flex;font-size:1rem;justify-content:center;padding:.4rem .8rem;transition:all .3s}.types-delete-btn:hover,.types-edit-btn:hover{background:#004aad1a;color:#004aad;transform:scale(1.05)}.types-no-data{color:#666;padding:3rem;text-align:center}.types-no-data-icon{color:#ccc;font-size:3rem;margin-bottom:1rem}.types-add-first-btn{align-items:center;background:#004aad;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;gap:.5rem;margin-top:1rem;padding:.6rem 1.5rem}.types-add-first-btn:hover{background:#003380}.types-modal-overlay{align-items:center;animation:typesFadeIn .3s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.types-modal-content{animation:typesSlideUp .3s ease;background:#fff;border-radius:8px;box-shadow:0 4px 20px #0003;max-height:90vh;max-width:550px;overflow-y:auto;position:relative;width:90%;z-index:10000}@keyframes typesSlideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes typesFadeIn{0%{opacity:0}to{opacity:1}}.types-modal-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:1.5rem}.types-modal-header h3{color:#004aad;font-size:1.25rem;font-weight:600;margin:0}.types-modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;font-size:1.5rem;height:30px;justify-content:center;padding:0;transition:all .3s;width:30px}.types-modal-close:hover{background:#e0e0e0;color:#333}.types-modal-body{padding:1.5rem}.types-modal-footer{border-top:1px solid #e0e0e0;display:flex;gap:1rem;justify-content:flex-end;padding:1rem 1.5rem}.types-form{gap:1.5rem}.types-form,.types-form-row{display:flex;flex-direction:column}.types-form-row{gap:.5rem}.types-form-label{align-items:center;color:#333;display:flex;font-size:.85rem;font-weight:600;gap:.5rem;letter-spacing:.5px;text-transform:uppercase}.types-form-icon{color:#004aad;font-size:.9rem}.types-input{border:1px solid #e0e0e0;border-radius:4px;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;padding:.6rem;width:100%}.types-input:focus{border-color:#004aad;box-shadow:0 0 0 2px #004aad1a;outline:none}.types-checkbox-cell{text-align:center;width:50px}.types-checkbox-cell input{cursor:pointer;height:18px;width:18px}.types-btn-cancel,.types-btn-delete,.types-btn-save{border:none;border-radius:4px;cursor:pointer;font-size:.9rem;font-weight:500;padding:.6rem 1.5rem;transition:all .3s ease}.types-btn-cancel{background:#f8f9fa;border:1px solid #e0e0e0;color:#666}.types-btn-cancel:hover{background:#e9ecef}.types-btn-save{background:#004aad;color:#fff}.types-btn-save:hover{background:#003380}.types-btn-delete{background:#dc3545;color:#fff}.types-btn-delete:hover{background:#c82333}.types-shop-select-dropdown{background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;cursor:pointer;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;padding:.75rem;width:100%}.types-shop-select-dropdown:focus{border-color:#004aad;box-shadow:0 0 0 2px #004aad1a;outline:none}.types-shop-info-display{align-items:center;background:linear-gradient(135deg,#e8f0fe,#d4e4fc);border:1px solid #004aad;border-radius:8px;color:#004aad;display:flex;font-weight:500;gap:10px;padding:.75rem}.types-shop-display-icon,.types-shop-display-name{color:#004aad;font-size:1rem}.types-shop-display-name{font-weight:600}.types-loading-spinner{color:#004aad;font-size:1.2rem;padding:3rem;text-align:center}@keyframes typesSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.types-no-data-row{padding:2rem;text-align:center}@media (min-width:1920px){.types-main-container{padding:30px}.types-table{min-width:800px}.types-table td,.types-table th{font-size:1rem;padding:1.2rem}.types-name{font-size:1rem}}@media (max-width:1024px){.types-main-container{padding:15px}}@media (max-width:768px){.types-main-container{padding:10px}.types-action-section{flex-direction:column}.types-search-wrapper{min-width:auto;width:100%}.types-action-buttons{flex-direction:column;width:100%}.types-add-btn,.types-select-all-btn{justify-content:center;width:100%}.types-header-content{flex-direction:column;text-align:center}.types-header-subtitle{padding-left:0;text-align:center}.types-table td,.types-table th{font-size:.8rem;padding:.6rem}.types-table{min-width:400px}.types-summary-content{align-items:stretch;flex-direction:column}.types-action-dropdown-container{width:100%}.types-action-dropdown-btn{justify-content:center;width:100%}.types-action-dropdown-menu{margin-top:8px;position:static;width:100%}.types-modal-content{margin:1rem;max-width:95%;width:95%}}@media (max-width:480px){.types-header-section h2{font-size:1.3rem}.types-header-icon{font-size:1.5rem;padding:.5rem}.types-table td,.types-table th{font-size:.7rem;padding:.4rem}.types-name{font-size:.75rem}.types-delete-btn,.types-edit-btn{font-size:.8rem;padding:.3rem .5rem}.types-modal-header h3{font-size:1rem}.types-form-label{font-size:.75rem}.types-input{font-size:.85rem;padding:.5rem}.types-btn-cancel,.types-btn-delete,.types-btn-save{font-size:.85rem;padding:.5rem 1rem}}.types-city-select-dropdown,.types-shop-select-dropdown{background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;cursor:pointer;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;padding:.75rem;width:100%}.types-city-select-dropdown:focus,.types-shop-select-dropdown:focus{border-color:#004aad;box-shadow:0 0 0 2px #004aad1a;outline:none}.types-city-select-dropdown:disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:.7}.types-table th:nth-child(4){width:150px}@media (max-width:768px){.types-table td:nth-child(4),.types-table th:nth-child(4){display:none}}.types-city-filter-wrapper{align-items:center;display:flex;gap:8px}.types-city-filter-dropdown{background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;cursor:pointer;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;min-width:150px;padding:.6rem 1rem}.types-city-filter-dropdown:focus{border-color:#004aad;box-shadow:0 0 0 2px #004aad1a;outline:none}.types-city-cell{color:#555;font-size:.9rem}@media (max-width:768px){.types-city-filter-dropdown,.types-city-filter-wrapper{width:100%}.types-table td:nth-child(4),.types-table th:nth-child(4){display:none}}.variations-main-container{background:#fff;box-sizing:border-box;margin:0;max-width:100%;padding:20px;width:100%}.variations-header-section{background:#fff;border:1px solid #e0e0e0;border-radius:4px;margin-bottom:2rem;padding:1.5rem}.variations-header-section h2{color:#004aad;font-size:1.75rem;font-weight:700;margin:0}.variations-content{background:#fff;box-sizing:border-box;padding:0;text-align:left;width:100%}.variations-action-section{align-items:right;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:4px;display:flex;flex-wrap:wrap;gap:55%;margin-bottom:1.5rem;padding:1rem 1.5rem}.add-variation-btn,.select-all-btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;font-weight:500;gap:.5rem;padding:.6rem 1.5rem;transition:all .3s ease}.add-variation-btn{background:#004aad;color:#fff}.add-variation-btn:hover{background:#003380;transform:translateY(-1px)}.variations-table-container{background:#fff;border:1px solid #e0e0e0;border-radius:4px;margin-bottom:1.5rem;overflow-x:auto}.variations-table-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:1rem 1.5rem}.variations-table-header h3{color:#004aad;font-size:1rem;font-weight:600;margin:0}.variations-count{background:#fff;border:1px solid #e0e0e0;border-radius:20px;color:#666;font-size:.85rem;padding:.25rem .75rem}.variations-table-wrapper{overflow-x:auto;width:100%}.variations-table{background:#fff;border-collapse:collapse;min-width:400px;width:100%}.variations-table thead{background:#004aad}.variations-table th{border-bottom:2px solid #e0e0e0;color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:1rem;text-align:left;text-transform:uppercase}.variations-table td{border-bottom:none;color:#333;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;padding:.8rem 1rem}.variations-table tbody tr{border-bottom:1px solid #e0e0e0}.variations-table tbody tr:last-child{border-bottom:none}.variations-table tbody tr:hover{background:#fafafa}.variations-table tbody tr.selected{background:#004aad0d}.variations-table input[type=checkbox]{accent-color:#004aad;cursor:pointer;height:18px;width:18px}.variation-icon{color:#004aad;font-size:.9rem}.edit-variation-btn{background:#0000;border:none;border-radius:4px;color:#004aad;cursor:pointer;font-size:1rem;padding:.4rem .8rem;transition:all .3s}.edit-variation-btn:hover{background:#004aad1a;transform:scale(1.05)}.no-variations{color:#666;padding:3rem;text-align:center}.variation-form{display:flex;flex-direction:column;gap:1.5rem}.variation-input{border:1px solid #e0e0e0;border-radius:4px;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;padding:.6rem;width:100%}.variation-input:focus{border-color:#004aad;box-shadow:0 0 0 2px #004aad1a;outline:none}@media (min-width:1920px){.variations-main-container{padding:30px}.variations-table{min-width:800px}.variations-table td,.variations-table th{font-size:1rem;padding:1.2rem}.variation-name{font-size:1rem}}@media (max-width:1024px){.variations-main-container{padding:15px}}@media (max-width:768px){.variations-main-container{padding:10px}.variations-action-section{flex-direction:column}.search-wrapper{min-width:auto;width:100%}.action-buttons{flex-direction:column;width:100%}.add-variation-btn,.select-all-btn{justify-content:center;width:100%}.header-content{flex-direction:column;text-align:center}.header-subtitle{padding-left:0;text-align:center}.variations-table td,.variations-table th{font-size:.8rem;padding:.6rem}.variations-table{min-width:400px}.summary-content{align-items:stretch;flex-direction:column}.action-dropdown-container{width:100%}.action-dropdown-btn{justify-content:center;width:100%}.action-dropdown-menu{margin-top:8px;position:static;width:100%}.modal-content{margin:1rem;max-width:95%;width:95%}}@media (max-width:480px){.variations-header-section h2{font-size:1.3rem}.header-icon{font-size:1.5rem;padding:.5rem}.variations-table td,.variations-table th{font-size:.7rem;padding:.4rem}.variation-name{font-size:.75rem}.edit-variation-btn{font-size:.8rem;padding:.3rem .5rem}.modal-header h3{font-size:1rem}.form-label{font-size:.75rem}.variation-input{font-size:.85rem;padding:.5rem}.btn-cancel,.btn-delete,.btn-save{font-size:.85rem;padding:.5rem 1rem}}.variation-name-cell{align-items:center;display:flex;gap:.5rem}.variation-name{color:#004aad;font-size:.9rem;font-weight:500}.shop-name-cell{display:flex;gap:.5rem}.shop-icon{font-size:.9rem}.city-cell{align-items:center;display:flex;gap:8px;padding:12px 15px}.city-icon{color:#17a2b8;font-size:.9rem}.city-name{color:#333;font-weight:500}.city-badge{align-items:center;background:#17a2b81a;color:#17a2b8;display:inline-flex;padding:4px 10px}.city-select-dropdown{border:1px solid #e0e0e0;border-radius:4px;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;padding:.6rem}.city-select-dropdown:focus{border-color:#17a2b8;box-shadow:0 0 0 2px #17a2b81a}.variations-table th.city-column-header{background:#004aad;color:#fff;font-size:.85rem;letter-spacing:.5px;padding:12px 15px;text-transform:uppercase}@media (max-width:768px){.city-cell{padding:.6rem}.city-badge{font-size:.75rem;padding:2px 8px}}@media (max-width:480px){.city-cell{font-size:.7rem;padding:.4rem}.city-badge{font-size:.65rem;padding:2px 6px}}.questions-main-container{background:#fff;box-sizing:border-box;margin:0;max-width:100%;padding:20px;width:100%}.questions-header-section{background:#fff;border:1px solid #e0e0e0;border-radius:4px;margin-bottom:2rem;padding:1.5rem}.questions-header-section h2{color:#004aad;font-size:1.75rem;font-weight:700;margin:0}.questions-content{background:#fff;box-sizing:border-box;padding:0;text-align:left;width:100%}.questions-action-section{align-items:right;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:4px;display:flex;flex-wrap:wrap;gap:55%;margin-bottom:1.5rem;padding:1rem 1.5rem}.add-question-btn,.select-all-btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;font-weight:500;gap:.5rem;padding:.6rem 1.5rem;transition:all .3s ease}.add-question-btn{background:#004aad;color:#fff}.add-question-btn:hover{background:#003380;transform:translateY(-1px)}.questions-table-container{background:#fff;border:1px solid #e0e0e0;border-radius:4px;margin-bottom:1.5rem;overflow-x:auto}.questions-table-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:1rem 1.5rem}.questions-table-header h3{color:#004aad;font-size:1rem;font-weight:600;margin:0}.questions-count{background:#fff;border:1px solid #e0e0e0;border-radius:20px;color:#666;font-size:.85rem;padding:.25rem .75rem}.questions-table-wrapper{overflow-x:auto;width:100%}.questions-table{background:#fff;border-collapse:collapse;min-width:400px;width:100%}.questions-table thead{background:#004aad}.questions-table th{border-bottom:2px solid #e0e0e0;color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:1rem;text-align:left;text-transform:uppercase}.questions-table td{border-bottom:none;color:#333;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;padding:.8rem 1rem}.questions-table tbody tr{border-bottom:1px solid #e0e0e0}.questions-table tbody tr:last-child td{border-bottom:none}.questions-table tbody tr:hover{background:#fafafa}.questions-table tbody tr.selected{background:#004aad0d}.questions-table input[type=checkbox]{accent-color:#004aad;cursor:pointer;height:18px;width:18px}.question-cell{align-items:center;display:flex;gap:.5rem}.question-icon,.question-text{color:#004aad;font-size:.9rem}.question-text{font-weight:500}.edit-question-btn{background:#0000;border:none;border-radius:4px;color:#004aad;cursor:pointer;font-size:1rem;padding:.4rem .8rem;transition:all .3s}.edit-question-btn:hover{background:#004aad1a;transform:scale(1.05)}.no-questions{color:#666;padding:3rem;text-align:center}.question-form{display:flex;flex-direction:column;gap:1.5rem}.question-input,.question-textarea{border:1px solid #e0e0e0;border-radius:4px;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;padding:.6rem;width:100%}.question-textarea{min-height:80px;resize:vertical}.question-input:focus,.question-textarea:focus{border-color:#004aad;box-shadow:0 0 0 2px #004aad1a;outline:none}@media (min-width:1920px){.questions-main-container{padding:30px}.questions-table{min-width:800px}.questions-table td,.questions-table th{font-size:1rem;padding:1.2rem}.question-text{font-size:1rem}}@media (max-width:1024px){.questions-main-container{padding:15px}}@media (max-width:768px){.questions-main-container{padding:10px}.questions-action-section{flex-direction:column}.search-wrapper{min-width:auto;width:100%}.action-buttons{flex-direction:column;width:100%}.add-question-btn,.select-all-btn{justify-content:center;width:100%}.header-content{flex-direction:column;text-align:center}.header-subtitle{padding-left:0;text-align:center}.questions-table td,.questions-table th{font-size:.8rem;padding:.6rem}.questions-table{min-width:400px}.summary-content{align-items:stretch;flex-direction:column}.action-dropdown-container{width:100%}.action-dropdown-btn{justify-content:center;width:100%}.action-dropdown-menu{margin-top:8px;position:static;width:100%}.modal-content{margin:1rem;max-width:95%;width:95%}}@media (max-width:480px){.questions-header-section h2{font-size:1.3rem}.header-icon{font-size:1.5rem;padding:.5rem}.questions-table td,.questions-table th{font-size:.7rem;padding:.4rem}.question-text{font-size:.75rem}.edit-question-btn{font-size:.8rem;padding:.3rem .5rem}.modal-header h3{font-size:1rem}.form-label{font-size:.75rem}.question-input,.question-textarea{font-size:.85rem;padding:.5rem}.btn-cancel,.btn-delete,.btn-save{font-size:.85rem;padding:.5rem 1rem}}.payments-main-container{background:#fff;box-sizing:border-box;margin:0;max-width:100%;padding:20px;width:100%}.payments-header-section{background:#fff;border:1px solid #e0e0e0;border-radius:4px;margin-bottom:2rem;padding:1.5rem}.payments-header-section h2{color:#004aad;font-size:1.75rem;font-weight:700;margin:0}.payments-content{background:#fff;box-sizing:border-box;padding:0;text-align:left;width:100%}.payments-action-section{align-items:right;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:4px;display:flex;flex-wrap:wrap;gap:55%;margin-bottom:1.5rem;padding:1rem 1.5rem}.add-payment-btn,.select-all-btn{display:flex}.payments-table-container{background:#fff;border:1px solid #e0e0e0;border-radius:4px;margin-bottom:1.5rem;overflow-x:auto}.payments-table-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:1rem 1.5rem}.payments-table-header h3{color:#004aad;font-size:1rem;font-weight:600;margin:0}.payments-count{background:#fff;border:1px solid #e0e0e0;border-radius:20px;color:#666;font-size:.85rem;padding:.25rem .75rem}.payments-table-wrapper{overflow-x:auto;width:100%}.payments-table{background:#fff;border-collapse:collapse;min-width:400px;width:100%}.payments-table thead{background:#004aad}.payments-table th{border-bottom:2px solid #e0e0e0;color:#fff;font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:1rem;text-align:left;text-transform:uppercase}.payments-table td,.payments-table th{font-family:Arial,Helvetica,sans-serif}.payments-table td{border-bottom:1px solid #f0f0f0;color:#333;font-size:.9rem;padding:.8rem 1rem}.payments-table tbody tr:last-child td{border-bottom:none}.payments-table tbody tr:hover{background:#fafafa}.payments-table tbody tr.selected{background:#004aad0d}.payments-table input[type=checkbox]{accent-color:#004aad;cursor:pointer;height:18px;width:18px}.payment-status-cell{align-items:center;display:flex;gap:.5rem}.payment-icon{color:#004aad;font-size:.9rem}.status-badge{text-transform:uppercase}.status-badge.completed{background:#d4edda;color:#155724}.status-badge.failed{background:#f8d7da;color:#721c24}.status-badge.refunded{background:#d1ecf1;color:#0c5460}.status-badge.processing{background:#cce5ff;color:#004085}.edit-payment-btn{border-radius:4px;padding:.4rem .8rem}.edit-payment-btn:hover{transform:scale(1.05)}.payment-form{display:flex;flex-direction:column;gap:1.5rem}.payment-input,.payment-select{border:1px solid #e0e0e0;border-radius:4px;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;padding:.6rem;width:100%}.payment-input:focus,.payment-select:focus{border-color:#004aad;box-shadow:0 0 0 2px #004aad1a;outline:none}@media (min-width:1920px){.payments-main-container{padding:30px}.payments-table{min-width:800px}.payments-table td,.payments-table th{font-size:1rem;padding:1.2rem}}@media (max-width:1024px){.payments-main-container{padding:15px}}@media (max-width:768px){.payments-main-container{padding:10px}.payments-action-section{flex-direction:column}.search-wrapper{min-width:auto;width:100%}.action-buttons{flex-direction:column;width:100%}.add-payment-btn,.select-all-btn{justify-content:center;width:100%}.header-content{flex-direction:column;text-align:center}.header-subtitle{padding-left:0;text-align:center}.payments-table td,.payments-table th{font-size:.8rem;padding:.6rem}.payments-table{min-width:400px}.summary-content{align-items:stretch;flex-direction:column}.action-dropdown-container{width:100%}.action-dropdown-btn{justify-content:center;width:100%}.action-dropdown-menu{margin-top:8px;position:static;width:100%}.modal-content{margin:1rem;max-width:95%;width:95%}}@media (max-width:480px){.payments-header-section h2{font-size:1.3rem}.header-icon{font-size:1.5rem;padding:.5rem}.payments-table td,.payments-table th{font-size:.7rem;padding:.4rem}.edit-payment-btn{font-size:.8rem;padding:.3rem .5rem}.modal-header h3{font-size:1rem}.form-label{font-size:.75rem}.payment-input,.payment-select{font-size:.85rem;padding:.5rem}.btn-cancel,.btn-delete,.btn-save{font-size:.85rem;padding:.5rem 1rem}.status-badge{font-size:.65rem;padding:.2rem .5rem}}.input-with-dropdown{width:100%}.dropdown-toggle-btn{right:10px;top:50%;transform:translateY(-50%)}.order-dropdown-outside{animation:dropdownSlide .2s ease;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 20px #00000040;overflow:hidden;z-index:10001}.order-dropdown-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e0e0e0;color:#004aad;display:flex;font-size:.85rem;font-weight:600;gap:.5rem;padding:.75rem 1rem;position:sticky;top:0;z-index:1}.order-dropdown-list{max-height:300px;overflow-y:auto}.order-dropdown-item{align-items:center;background:#fff;border:none;border-bottom:1px solid #f0f0f0;color:#333;cursor:pointer;display:flex;font-size:.85rem;gap:.75rem;padding:.75rem 1rem;text-align:left;transition:all .2s ease;width:100%}.order-dropdown-item:last-child{border-bottom:none}.order-dropdown-item:hover{background:#f0f7ff}.order-icon{color:#004aad;flex-shrink:0;font-size:.9rem}.order-dropdown-item span{flex:1 1;word-break:break-word}.order-dropdown-list::-webkit-scrollbar{width:6px}.order-dropdown-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.order-dropdown-list::-webkit-scrollbar-thumb{background:#004aad;border-radius:3px}.order-dropdown-list::-webkit-scrollbar-thumb:hover{background:#003380}.status-badge.pending{background:#fff3cd;color:#856404}@media (max-width:768px){.order-dropdown-outside{left:50%!important;margin:0;max-width:350px;position:fixed!important;top:50%!important;transform:translate(-50%,-50%)!important;width:90%}}.shop-selector-container{background:linear-gradient(135deg,#f0f7ff,#e8f0fe);border:1px solid #004aad;border-radius:8px;margin-bottom:1.5rem;padding:1rem 1.5rem}.shop-selector-label{align-items:center;color:#004aad;display:flex;font-size:.9rem;font-weight:600;gap:.5rem}.shop-selector-icon{font-size:1.1rem}.shop-selector-dropdown{background:#fff;border:1px solid #004aad;border-radius:6px;cursor:pointer;flex:1 1;font-size:.9rem;max-width:300px;padding:.6rem 1rem;transition:all .3s ease}.shop-selector-dropdown:hover{border-color:#003380;box-shadow:0 2px 4px #004aad1a}.shop-selector-dropdown:focus{border-color:#004aad;box-shadow:0 0 0 2px #004aad33;outline:none}.payment-amount-cell,.payment-paid-cell{color:#2c3e50;font-weight:500}.payment-amount{color:#e67e22}.payment-paid{color:#27ae60}@media (max-width:768px){.shop-selector-container{align-items:stretch;flex-direction:column}.shop-selector-dropdown{max-width:100%}}.manufacturing-main-container{background:#fff;box-sizing:border-box;margin:0;max-width:100%;padding:20px;width:100%}.manufacturing-header-section{background:#fff;border:1px solid #e0e0e0;border-radius:4px;box-sizing:border-box;margin-bottom:2rem;padding:1.5rem;width:100%}.manufacturing-header-section h2{color:#004aad;font-size:1.75rem;font-weight:700;margin:0}.manufacturing-content{background:#fff;box-sizing:border-box;padding:0;text-align:left;width:100%}.manufacturing-action-section{align-items:center;background:#f8f9fa;display:flex;flex-wrap:wrap;justify-content:space-between;padding:1rem 1.5rem}.manufacturing-action-section,.manufacturing-table-container{border:1px solid #e0e0e0;border-radius:4px;box-sizing:border-box;margin-bottom:1.5rem;width:100%}.manufacturing-table-container{background:#fff;overflow-x:auto}.manufacturing-table-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:1rem 1.5rem}.manufacturing-table-header h3{color:#004aad;font-size:1rem;font-weight:600;margin:0}.manufacturing-table-wrapper{overflow-x:auto;width:100%}.manufacturing-table{background:#fff;border-collapse:collapse;min-width:1200px;width:100%}.manufacturing-table thead{background:#004aad}.manufacturing-table th{background:#004aad;border-right:1px solid #5a9bd5;color:#fff;font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:12px;text-align:left;text-transform:uppercase}.manufacturing-table th:last-child{border-right:none}.manufacturing-table td{border-bottom:1px solid #e0e0e0;border-right:1px solid #f0f0f0;color:#333;font-size:.9rem;padding:12px;text-align:left}.manufacturing-table td:last-child{border-right:none}.manufacturing-table td:first-child,.manufacturing-table th:first-child{text-align:center;width:50px}.manufacturing-table td:last-child,.manufacturing-table th:last-child{text-align:center;width:100px}.manufacturing-table tbody tr:hover{background-color:#f1f5ff}.manufacturing-table tbody tr:hover td{border-bottom-color:#004aad}.manufacturing-table tbody tr:last-child td{border-bottom:none}.manufacturing-table tbody tr.selected{background:#004aad0d}.manufacturing-table input[type=checkbox]{accent-color:#004aad;cursor:pointer;height:16px;margin:0;width:16px}.part-name-cell{color:#004aad;font-weight:500}.inspection-badge{border-radius:4px;display:inline-block;font-size:.75rem;font-weight:600;padding:.25rem .75rem;text-transform:uppercase}.inspection-badge.passed{background:#d4edda;color:#155724}.inspection-badge.failed{background:#f8d7da;color:#721c24}.inspection-badge.pending{background:#fff3cd;color:#856404}.edit-item-btn{align-items:center;background:#0000;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:1rem;justify-content:center;padding:6px;transition:all .3s}.modal-content{max-width:800px}.manufacturing-form{display:flex;flex-direction:column;gap:1rem}.form-group{min-width:calc(50% - .5rem)}.manufacturing-modal-large{max-width:1000px!important;width:95%!important}.form-section{margin-bottom:1.5rem;padding-bottom:1rem}.form-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.section-title{font-size:.9rem;margin:0 0 1rem}@media (max-width:1200px){.manufacturing-main-container{padding:15px}.manufacturing-table{min-width:1100px}}@media (max-width:992px){.manufacturing-main-container{padding:12px}.manufacturing-action-section{flex-direction:column;gap:1rem}.search-wrapper{max-width:none;width:100%}.action-buttons{justify-content:center;width:100%}.add-item-btn,.select-all-btn{flex:1 1;justify-content:center}.manufacturing-table{min-width:1000px}}@media (max-width:768px){.manufacturing-main-container{padding:10px}.manufacturing-action-section{flex-direction:column;padding:1rem}.search-wrapper{min-width:auto;width:100%}.action-buttons{flex-direction:column;width:100%}.add-item-btn,.select-all-btn{justify-content:center;width:100%}.header-content{flex-direction:column;text-align:center}.header-subtitle{padding-left:0;text-align:center}.form-row{flex-direction:column;gap:.8rem}.form-group{min-width:auto}.modal-content{margin:1rem;width:95%}.summary-content{align-items:stretch;flex-direction:column}.action-dropdown-container{width:100%}.action-dropdown-btn{justify-content:center;width:100%}.action-dropdown-menu{margin-top:8px;position:static;width:100%}.manufacturing-table td,.manufacturing-table th{font-size:12px;padding:8px 4px}.edit-item-btn{padding:4px}.manufacturing-modal-large{max-width:95%!important}.section-title{font-size:.8rem}}@media (max-width:480px){.manufacturing-main-container{padding:8px}.manufacturing-header-section{padding:1rem}.manufacturing-header-section h2{font-size:1.3rem}.header-icon{font-size:1.5rem;padding:.5rem}.header-subtitle{font-size:.8rem}.manufacturing-table td,.manufacturing-table th{font-size:.7rem;padding:.5rem}.checkbox-cell{width:40px}.checkbox-cell input{height:14px;width:14px}.edit-item-btn{font-size:.8rem;padding:.3rem .5rem}.btn-cancel,.btn-delete,.btn-save{font-size:.8rem;padding:.5rem 1rem}.manufacturing-modal-large{width:98%!important}}@media print{.manufacturing-main-container{margin:0;padding:0}.actions-cell,.checkbox-cell,.manufacturing-action-section,.selected-summary{display:none}.manufacturing-table{width:100%}.manufacturing-table td,.manufacturing-table th{border:1px solid #ddd}}.city-filter-wrapper{display:inline-block;min-width:150px;position:relative}.city-filter-icon{color:#6c757d;font-size:14px;left:10px;position:absolute;top:50%;transform:translateY(-50%)}.city-filter-select{appearance:none;-webkit-appearance:none;background:#fff;border:1px solid #e0e0e0;border-radius:4px;color:#333;cursor:pointer;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;min-width:150px;padding:.6rem 1rem .6rem 2.5rem;width:100%}.city-filter-select:focus{border-color:#004aad;box-shadow:0 0 0 2px #004aad1a;outline:none}.city-filter-select:hover{border-color:#004aad}.city-filter-select:disabled{background:#f8f9fa;cursor:not-allowed;opacity:.7}@media (max-width:768px){.city-filter-wrapper{min-width:100%;width:100%}.city-filter-select{min-width:100%}}.add-manufacturing-container{background:#f5f7fa;margin:0 auto;max-width:1400px;min-height:100vh;padding:20px;width:100%}.form-header-section{background:linear-gradient(135deg,#004aad,#003380);border-radius:12px;box-shadow:0 4px 15px #004aad33;padding:1.5rem 2rem}.header-icon{background:#fff3;border-radius:12px;color:#fff;font-size:2.5rem}.form-header-section h2{color:#fff}.header-subtitle{color:#ffffffe6;margin-top:.25rem}.back-button{background:#fff3;border:1px solid #ffffff4d}.back-button:hover{background:#ffffff4d}.manufacturing-form-container{background:#fff;border-radius:12px;box-shadow:0 2px 10px #00000014;padding:2rem}.form-section{border-bottom:2px solid #e0e0e0}.section-title{border-bottom:3px solid #004aad;font-size:1.2rem}.form-group input,.form-group select{border:1.5px solid #e0e0e0;border-radius:8px;padding:.7rem 1rem}.form-group input:focus,.form-group select:focus{box-shadow:0 0 0 3px #004aad1a}.form-group input::placeholder{color:#aaa;font-size:.85rem}.btn-cancel,.btn-reset,.btn-save{border-radius:8px;display:flex;font-weight:600;padding:.7rem 1.5rem}.btn-reset:hover{transform:translateY(-2px)}.btn-save{background:linear-gradient(135deg,#004aad,#003380)}.btn-save:hover{box-shadow:0 4px 12px #004aad4d}.notes-content{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:12px;margin-top:2rem;padding:1.5rem}.notes-container{background:#fff;border-radius:12px;padding:1.5rem}.notes-title{border-bottom:2px solid #004aad;font-size:1.2rem;margin-bottom:1.5rem;padding-bottom:.5rem}.notes-display{margin-bottom:1.5rem;max-height:400px;overflow-y:auto}.notes-list{gap:1rem}.note-item{background:#f8f9fa;padding:1rem;transition:all .3s ease}.note-item:hover{box-shadow:0 2px 8px #0000001a}.note-text{color:#333;font-size:.95rem;line-height:1.4;margin-bottom:.5rem}.note-meta{align-items:center;color:#666;display:flex;font-size:.7rem;justify-content:space-between}.note-author,.note-date{align-items:center;display:flex;gap:.3rem}.note-author{font-weight:500}.delete-note-btn{border-radius:4px;font-size:1rem;padding:.2rem .5rem;transition:all .3s ease}.no-notes-message{background:#f8f9fa;border:1px dashed #e0e0e0;border-radius:8px;padding:2rem;text-align:left}.notes-input-section{border-top:1px solid #e0e0e0;margin-top:1rem;padding-top:1rem}.notes-textarea-new{border:1.5px solid #e0e0e0}.add-note-btn,.notes-textarea-new{font-size:.9rem;transition:all .3s ease}.add-note-btn{background:linear-gradient(135deg,#004aad,#003380);margin-top:.8rem;padding:.6rem 1.2rem}.add-note-btn:hover{transform:translateY(-2px)}.notes-display::-webkit-scrollbar{width:8px}.notes-display::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.notes-display::-webkit-scrollbar-thumb{background:#004aad;border-radius:4px}.notes-display::-webkit-scrollbar-thumb:hover{background:#003380}@media (max-width:768px){.file-card-vertical{flex-wrap:wrap;gap:.8rem}.file-thumbnail-vertical{height:50px;width:50px}.file-name-vertical{flex:1 1 100%;order:1}.file-icons-vertical{order:2}.file-meta-vertical{flex:1 1 100%;order:3}.details-header{flex-direction:column;gap:1rem}.note-meta{align-items:flex-start;flex-direction:column;gap:.5rem}.no-notes-message{padding:1.5rem;text-align:left}}@media (max-width:480px){.file-card-vertical{padding:.8rem}.file-thumbnail-vertical{height:40px;width:40px}.file-icon-large-vertical{font-size:1.5rem}.file-action-icon-vertical{font-size:1rem}.note-text{font-size:.85rem}.details-content,.file-category,.notes-container,.notes-content{padding:1rem}.no-notes-message{font-size:.85rem;padding:1rem}}@media (max-width:1024px){.add-manufacturing-container{padding:15px}.manufacturing-form-container{padding:1.5rem}}@media (max-width:768px){.add-manufacturing-container{padding:10px}.form-header-section{padding:1.2rem}.form-header-section,.header-content{flex-direction:column;text-align:center}.form-row{flex-direction:column;gap:1rem}.form-group{min-width:100%}.section-title{font-size:1rem}.form-actions{flex-direction:column}.btn-cancel,.btn-reset,.btn-save{justify-content:center;width:100%}.manufacturing-form-container{padding:1rem}}@media (max-width:480px){.add-manufacturing-container{padding:8px}.form-header-section h2{font-size:1.3rem}.header-icon{font-size:1.8rem;padding:.5rem}.header-subtitle{font-size:.8rem}.form-group label{font-size:.75rem}.form-group input,.form-group select{font-size:.85rem;padding:.6rem .8rem}.btn-cancel,.btn-reset,.btn-save{font-size:.85rem;padding:.6rem 1rem}}@media print{.add-manufacturing-container{background:#fff;padding:0}.back-button,.details-content,.form-actions,.form-header-section,.notes-content{display:none}.manufacturing-form-container{box-shadow:none;padding:0}.form-group input,.form-group select{background:#0000;border:1px solid #ddd}}.details-content,.manufacturing-form-container,.notes-content{animation:fadeIn .5s ease}.staff-form{background:#fff;box-shadow:0 1px 3px #0000001a;font-family:Segoe UI,Roboto,Inter,-apple-system,BlinkMacSystemFont,sans-serif;padding:32px}.staff-form.page-form{background:#0000;box-shadow:none;padding:0}.add-staff-page{animation:fadeIn .4s ease;font-family:Segoe UI,Roboto,Inter,-apple-system,BlinkMacSystemFont,sans-serif;margin:0 auto;max-width:1200px;padding:20px}.page-header{align-items:center;background:#fff;border:1px solid #e0e0e0;box-shadow:0 1px 3px #0000001a;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:30px;padding:20px 24px}.back-button{background:#666;box-shadow:0 1px 2px #0000000d;font-weight:600}.back-button:before{content:"←";font-size:18px;font-weight:700}.back-button:hover{background:#555;box-shadow:0 4px 8px #0000001a;transform:translateX(-3px)}.back-button:active{transform:translateX(-1px)}.page-header h1{color:#004aad;font-size:26px;letter-spacing:-.5px}.form-tabs{background:#fff;border:1px solid #e0e0e0;box-shadow:0 1px 3px #0000001a;display:flex;gap:12px;margin-bottom:30px;padding:8px}.form-tab{background:none;border:none;color:#666;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:14px 24px;position:relative;text-align:center;transition:all .3s ease}.form-tab.active{background:#004aad;box-shadow:0 2px 4px #004aad4d;color:#fff}.form-tab:hover:not(.active){background:#f8f9fa;color:#004aad;transform:translateY(-2px)}.form-tab:active{transform:translateY(0)}.form-container{animation:slideUp .4s ease;background:#fff;border:1px solid #e0e0e0;box-shadow:0 1px 3px #0000001a;overflow:hidden}.form-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:28px;padding-bottom:20px}.form-header h2{color:#004aad;letter-spacing:-.3px;margin:0}.close-button,.form-header h2{font-size:24px;font-weight:700}.close-button{align-items:center;background:#f8f9fa;border:1px solid #e0e0e0;color:#666;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .3s ease;width:36px}.close-button:hover{background:#e0e0e0;color:#dc3545;transform:rotate(90deg)}.close-button:active{transform:rotate(90deg) scale(.95)}form{width:100%}.form-row{grid-gap:24px}.form-row,.form-row-full{gap:24px;margin-bottom:24px}.form-row-full{grid-gap:24px;display:grid;grid-template-columns:1fr}.form-group{position:relative}.form-group label{font-size:12px;margin-bottom:8px}.form-group label:after{color:#dc3545;content:"*";margin-left:4px}.form-group input,.form-group select{background:#fff;color:#333;font-family:inherit;font-size:14px;padding:12px 14px;transition:all .3s ease}.form-group input::placeholder{color:#999;font-size:13px}.form-group input:hover,.form-group select:hover{border-color:#004aad}.form-group input:focus,.form-group select:focus{transform:translateY(-1px)}.form-group input.error{animation:shake .3s ease}.form-group input.error:focus{box-shadow:0 0 0 2px #dc35451a}.error-message{animation:slideDown .2s ease;font-size:12px;font-weight:500;margin-top:6px}.helper-text{color:#999;display:block;font-size:11px;font-style:italic;margin-top:6px}.form-actions{gap:16px;margin-top:32px;padding-top:24px}.cancel-button{background:#f8f9fa;border:1px solid #e0e0e0;color:#666;cursor:pointer;font-size:14px;font-weight:600;padding:12px 28px;transition:all .3s ease}.cancel-button:hover{background:#e0e0e0;transform:translateY(-2px)}.cancel-button:active{transform:translateY(0)}.submit-button{background:#004aad;border:none;box-shadow:0 1px 2px #004aad33;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 32px;transition:all .3s ease}.submit-button:hover{background:#003380;box-shadow:0 2px 4px #004aad4d;transform:translateY(-2px)}.submit-button:active{transform:translateY(0)}.submit-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.modal-form{max-height:90vh;overflow-y:auto;position:relative}.modal-form .form-header{background:#fff;border-bottom:1px solid #e0e0e0;margin-bottom:0;padding:20px 24px;position:sticky;top:0;z-index:10}.modal-form form{padding:0 24px 24px}.submit-button.loading{animation:pulse 1.5s ease-in-out infinite;cursor:not-allowed;position:relative}.submit-button.loading:after{animation:spin .6s linear infinite;border:2px solid #fff;border-radius:50%;border-top-color:#0000;content:"";height:16px;margin-top:-8px;position:absolute;right:12px;top:50%;width:16px}.success-message{animation:slideInRight .3s ease;background:#28a745;box-shadow:0 4px 12px #00000026;color:#fff;font-weight:500;gap:10px;position:fixed;right:20px;top:20px;z-index:2000}.success-message:before{content:"✓";font-size:18px;font-weight:700}@media (max-width:768px){.add-staff-page{padding:10px}.page-header{align-items:flex-start;flex-direction:column;gap:15px;padding:15px 20px}.page-header h1{font-size:20px}.back-button{font-size:13px;padding:8px 16px}.form-tabs{flex-direction:column;gap:8px;padding:6px}.form-tab{font-size:14px;padding:12px 20px;text-align:center}.staff-form{padding:20px}.form-row{gap:20px;grid-template-columns:1fr;margin-bottom:20px}.form-header{margin-bottom:20px;padding-bottom:16px}.form-header h2{font-size:20px}.form-actions{flex-direction:column-reverse;gap:12px;margin-top:24px;padding-top:20px}.cancel-button,.submit-button{padding:12px 20px;width:100%}.form-group input,.form-group select{padding:10px 12px}.modal-form .form-header{padding:16px 20px}.modal-form form{padding:0 20px 20px}.close-button{font-size:20px;height:32px;width:32px}}@media (min-width:769px) and (max-width:1024px){.form-row{gap:20px}.staff-form{padding:28px}.form-header h2{font-size:22px}.page-header h1{font-size:24px}}@media (prefers-color-scheme:dark){.staff-form{background:#1e293b}.form-container,.form-tabs,.page-header{background:#1e293b;border-color:#334155}.form-header{border-bottom-color:#334155}.form-header h2{color:#f1f5f9}.form-group label{color:#cbd5e1}.form-group input,.form-group select{background:#0f172a;border-color:#334155;color:#f1f5f9}.form-group input::placeholder{color:#64748b}.form-group input:hover,.form-group select:hover{border-color:#475569}.helper-text{color:#64748b}.cancel-button{background:#334155;border-color:#475569;color:#e2e8f0}.cancel-button:hover{background:#475569}.modal-form .form-header{background:#1e293b}.close-button{background:#334155;border-color:#475569;color:#cbd5e1}.back-button,.close-button:hover{background:#475569}.back-button:hover,.form-tab:hover:not(.active){background:#334155}}@media print{.staff-form{background:#fff;padding:0}.back-button,.close-button,.form-actions,.form-tabs{display:none}.form-group input,.form-group select{background:#fff;border:1px solid #ddd}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:focus-visible{outline:2px solid #004aad;outline-offset:2px}::selection{background:#004aad;color:#fff}.form-container::-webkit-scrollbar,.modal-form::-webkit-scrollbar{width:8px}.form-container::-webkit-scrollbar-track,.modal-form::-webkit-scrollbar-track{background:#f1f1f1}.form-container::-webkit-scrollbar-thumb,.modal-form::-webkit-scrollbar-thumb{background:#004aad}.form-container::-webkit-scrollbar-thumb:hover,.modal-form::-webkit-scrollbar-thumb:hover{background:#003380}.tooltip{display:inline-block;position:relative}.tooltip .tooltip-text{background-color:#333;bottom:125%;color:#fff;font-size:12px;left:50%;opacity:0;padding:5px 10px;position:absolute;text-align:center;transform:translateX(-50%);transition:opacity .3s;visibility:hidden;white-space:nowrap;z-index:1}.tooltip:hover .tooltip-text{opacity:1;visibility:visible}.required-field:after{color:#dc3545;content:"*";margin-left:4px}.form-group input:disabled,.form-group select:disabled{background:#f8f9fa;cursor:not-allowed;opacity:.7}.form-group input:read-only{background:#f8f9fa;border-color:#e0e0e0;cursor:default}.form-section{margin-bottom:30px;padding-bottom:20px}.form-section-title{border-bottom:2px solid #004aad;color:#666;display:inline-block;font-size:16px;font-weight:600;margin-bottom:20px;padding-bottom:8px}.phone-input-group{position:relative}.country-code{color:#666;font-size:14px;font-weight:500;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.phone-input-group input{padding-left:45px}select{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}.form-grid{grid-gap:24px;gap:24px;grid-template-columns:repeat(2,1fr)}@media (max-width:768px){.form-grid{gap:20px;grid-template-columns:1fr}}.form-card{background:#fff;border:1px solid #e0e0e0;box-shadow:0 1px 3px #0000001a;overflow:hidden}.form-card-header{background:#f8f9fa;border-bottom:1px solid #e0e0e0;padding:20px 24px}.form-card-body{padding:24px}.form-card-footer{background:#f8f9fa;border-top:1px solid #e0e0e0;padding:16px 24px}.back-button,.cancel-button,.form-tab,.submit-button{cursor:pointer;-webkit-user-select:none;user-select:none}@keyframes glow{0%{box-shadow:0 0 0 0 #004aad66}70%{box-shadow:0 0 0 10px #004aad00}to{box-shadow:0 0 0 0 #004aad00}}.submit-button:focus{animation:glow 1s ease-in-out}.categories-main-container{background:#fff;box-sizing:border-box;margin:0;max-width:100%;padding:20px;width:100%}.categories-header-section{background:#fff;border:1px solid #e0e0e0;border-radius:4px;margin-bottom:2rem;padding:1.5rem}.categories-header-section .header-content{align-items:center;display:flex;gap:1rem;margin-bottom:.5rem}.categories-header-section h2{color:#004aad;font-size:1.75rem;font-weight:700;margin:0}.categories-header-section .header-subtitle{color:#666;font-size:.9rem;margin:0;padding-left:0}.categories-content{background:#fff;box-sizing:border-box;padding:0;text-align:left;width:100%}.categories-action-section{align-items:center;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:4px;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;padding:1rem 1.5rem}.add-category-btn,.select-all-btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;font-weight:500;gap:.5rem;padding:.6rem 1.5rem;transition:all .3s ease}.add-category-btn{background:#004aad;color:#fff}.add-category-btn:hover{background:#003380;transform:translateY(-1px)}.delete-selected-btn{border-radius:6px;font-weight:500;padding:6px 16px;transition:all .3s ease}.delete-selected-btn:hover{background:#c82333}.cards-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(4,1fr);margin-top:20px;padding-top:10px}.category-card{background:#fff;border:1px solid #eef2f6;border-radius:16px;box-shadow:0 2px 8px #00000014;overflow:hidden;position:relative;transition:all .3s ease}.category-card:hover{box-shadow:0 12px 24px #0000001a;transform:translateY(-4px)}.card-checkbox{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fffffff2;border-radius:8px;left:12px;padding:4px 8px;position:absolute;top:12px;z-index:10}.card-checkbox input{accent-color:#004aad;cursor:pointer;height:18px;width:18px}.card-image-container{aspect-ratio:1/1;background:#f1f5f9;overflow:hidden;position:relative;width:100%}.card-image{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.category-card:hover .card-image{transform:scale(1.05)}.card-content{padding:16px}.view-mode{display:flex;flex-direction:column;gap:8px}.card-title{color:#004aad;font-size:1.125rem;font-weight:700;line-height:1.3;margin:0}.card-meta{font-size:.75rem;margin-top:6px}.meta-label{color:#333;display:block;font-weight:600;margin-bottom:4px}.meta-tags{display:flex;flex-wrap:wrap;gap:6px}.meta-tag{background:#eef2ff;border-radius:12px;color:#004aad;font-size:.7rem;font-weight:500;padding:2px 8px}.card-actions{display:flex;gap:8px;margin-top:12px}.edit-card-btn{align-items:center;background:#004aad;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:.75rem;font-weight:500;gap:4px;justify-content:center;padding:6px 12px;transition:all .2s ease}.edit-card-btn:hover{background:#003380}.delete-card-btn{align-items:center;background:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:.75rem;font-weight:500;gap:4px;justify-content:center;padding:6px 12px;transition:all .2s ease}.delete-card-btn:hover{background:#c82333}.modal-content{border-radius:16px;box-shadow:0 20px 60px #0000004d}.modal-body{padding:24px}.modal-image-section{background-color:#fff;border-radius:12px;margin-bottom:1.5rem;padding:1.25rem}.image-preview-container{align-items:center;display:flex;flex-direction:column;gap:1rem;width:100%}.add-modal-image .image-preview-container{max-width:100%;width:100%}.add-image-preview{align-items:center;display:flex;flex-direction:column;gap:1rem;width:100%}.add-image-preview-img{background-image:linear-gradient(45deg,#f1f5f9 25%,#0000 0),linear-gradient(-45deg,#f1f5f9 25%,#0000 0),linear-gradient(45deg,#0000 75%,#f1f5f9 0),linear-gradient(-45deg,#0000 75%,#f1f5f9 0);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;border:2px solid #e2e8f0}.add-image-preview-img,.image-preview{background-color:#fff;border-radius:10px;box-shadow:0 4px 12px #0000001a;display:block!important;margin:0 auto!important;object-fit:contain!important;object-position:center!important;padding:5px}.add-image-placeholder,.add-image-preview-img,.image-preview{height:300px!important;max-width:400px!important;width:100%!important}.add-image-placeholder{align-items:center!important;background-color:#f8fafc!important;border:2px dashed #cbd5e1!important;border-radius:10px!important;display:flex!important;flex-direction:column!important;gap:.5rem!important;justify-content:center!important}.add-image-placeholder span{color:#94a3b8;font-size:5rem;opacity:.4}.add-image-placeholder:after{color:#64748b;content:"Click button below to upload image";font-size:.875rem;font-weight:500}.add-upload-btn{background:linear-gradient(135deg,#3b82f6,#2563eb)!important;border:none!important;border-radius:8px!important;box-shadow:0 4px 12px #2563eb4d!important;color:#fff!important;cursor:pointer!important;display:inline-block!important;font-size:1rem!important;font-weight:600!important;letter-spacing:.5px!important;padding:.75rem 2rem!important;text-align:center!important;text-transform:uppercase!important;transition:all .3s ease!important}.add-upload-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;box-shadow:0 6px 16px #2563eb66!important;transform:translateY(-2px)!important}.add-upload-btn:active{transform:translateY(0)!important}.edit-modal-image .image-preview-container{max-width:100%;width:100%}.edit-image-preview{align-items:center;display:flex;flex-direction:column;gap:1rem;width:100%}.edit-image-preview-img{background-color:#fff!important;border:2px solid #e2e8f0!important;border-radius:10px!important;box-shadow:0 4px 12px #0000001a!important;display:block!important;margin:0 auto!important;object-fit:contain!important;object-position:center!important;padding:5px!important}.edit-image-placeholder,.edit-image-preview-img{height:300px!important;max-width:400px!important;width:100%!important}.edit-image-placeholder{align-items:center!important;background-color:#f8fafc!important;border:2px dashed #cbd5e1!important;border-radius:10px!important;display:flex!important;flex-direction:column!important;gap:.5rem!important;justify-content:center!important}.edit-upload-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed)!important;border:none!important;border-radius:8px!important;box-shadow:0 4px 12px #7c3aed4d!important;color:#fff!important;cursor:pointer!important;display:inline-block!important;font-size:1rem!important;font-weight:600!important;letter-spacing:.5px!important;padding:.75rem 2rem!important;text-align:center!important;text-transform:uppercase!important;transition:all .3s ease!important}.edit-upload-btn:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9)!important;box-shadow:0 6px 16px #7c3aed66!important;transform:translateY(-2px)!important}.modal-content{border-radius:16px!important;max-height:90vh!important;max-width:600px!important;overflow-y:auto!important;width:95%!important}.modal-body{padding:1.5rem!important}@media screen and (max-width:768px){.add-image-placeholder,.add-image-preview-img,.edit-image-placeholder,.edit-image-preview-img,.image-preview{height:250px!important;max-width:100%!important}.modal-content{max-width:95%!important}}@media screen and (max-width:480px){.add-image-placeholder,.add-image-preview-img,.edit-image-placeholder,.edit-image-preview-img,.image-preview{height:200px!important}.add-upload-btn,.edit-upload-btn{font-size:.875rem!important;padding:.625rem 1.25rem!important}}img{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.add-image-preview-img,.edit-image-preview-img{transition:all .3s ease!important}.edit-upload-btn{background:#004aad;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 20px;transition:all .3s ease}.edit-upload-btn:hover{background:#003380;transform:translateY(-1px)}.modal-form-group{margin-bottom:20px}.modal-form-group label{color:#004aad;display:block;font-size:.875rem;font-weight:700;margin-bottom:8px}.dropdown-label{align-items:center;display:flex;gap:6px}.modal-input,.modal-select,.modal-textarea{border:1px solid #e0e0e0;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:.9rem;padding:10px 12px;transition:all .3s ease;width:100%}.modal-input:focus,.modal-select:focus,.modal-textarea:focus{border-color:#004aad;box-shadow:0 0 0 2px #004aad1a;outline:none}.modal-select{background:#fff;cursor:pointer}.modal-select option:checked{background:#004aad linear-gradient(0deg,#004aad,#004aad);color:#fff}.selected-options{background:#eef2ff;border-radius:6px;color:#004aad;font-size:.75rem;margin-top:8px;padding:6px 10px;word-break:break-word}.form-hint{color:#6c757d;display:block;font-size:.7rem;font-style:italic;margin-top:5px}.modal-footer{gap:12px;padding:16px 24px}.modal-cancel-btn{border-radius:8px}.modal-cancel-btn,.modal-save-btn{cursor:pointer;font-weight:500;padding:8px 20px;transition:all .3s ease}.modal-save-btn{background:#28a745;border:none;border-radius:8px;color:#fff}.modal-save-btn:hover{background:#218838;transform:translateY(-1px)}.empty-state{background:#fff;border:1px solid #eef2f6;border-radius:16px;margin-top:20px}.empty-icon{font-size:4rem;margin-bottom:16px}.empty-state h3{color:#004aad;font-size:1.25rem;margin-bottom:8px}.empty-state p{color:#64748b;margin-bottom:20px}.add-first-btn{border-radius:8px;padding:10px 24px}@media (max-width:1400px){.cards-grid{gap:20px;grid-template-columns:repeat(3,1fr)}}@media (max-width:1024px){.cards-grid{gap:20px;grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.categories-main-container{padding:10px}.cards-grid{gap:16px;grid-template-columns:1fr;margin-top:15px}.action-buttons,.categories-action-section{flex-direction:column}.action-buttons{width:100%}.add-category-btn,.select-all-btn{justify-content:center;width:100%}.summary-content{align-items:stretch;flex-direction:column}.delete-selected-btn{text-align:center;width:100%}.card-image-container{aspect-ratio:1/1}.add-image-preview,.edit-image-preview{max-width:250px}.add-image-placeholder,.add-image-preview-img,.edit-image-placeholder,.edit-image-preview-img{height:180px}}@media (max-width:480px){.categories-header-section h2{font-size:1.3rem}.card-title{font-size:1rem}.modal-body{padding:16px}.add-image-preview,.edit-image-preview{max-width:200px}.add-image-placeholder,.add-image-preview-img,.edit-image-placeholder,.edit-image-preview-img{height:150px}.add-image-placeholder span,.edit-image-placeholder span{font-size:2rem}}@media print{.add-category-btn,.card-actions,.card-checkbox,.modal-overlay,.select-all-btn,.selected-summary{display:none}.category-card{border:1px solid #ddd;box-shadow:none;break-inside:avoid;page-break-inside:avoid}.cards-grid{grid-template-columns:repeat(2,1fr)}}.card-shop-badge{align-items:center;background:#eef2ff;border-radius:12px;color:#004aad;display:flex;font-size:.75rem;font-weight:500;margin-bottom:8px;padding:4px 10px;width:fit-content}.shop-info-display{border-radius:8px;gap:10px;margin-bottom:8px;padding:12px 16px}.shop-display-icon{font-size:1.2rem}.shop-display-name{font-size:.9rem}.loading-indicator{background:#eef2ff;border-radius:4px;color:#004aad;display:inline-block;font-size:.8rem;font-weight:500;margin-left:10px;padding:4px 12px}.error-message{background:#fff3f3;border:1px solid #fcc;border-radius:4px;color:#c00;font-size:.9rem;margin-top:10px;padding:8px 12px}.refresh-btn{align-items:center;background:#fff;border:1px solid #6c757d;border-radius:4px;color:#6c757d;cursor:pointer;display:flex;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;font-weight:500;gap:.5rem;padding:.6rem 1.5rem;transition:all .3s ease}.refresh-btn:hover:not(:disabled){background:#f8f9fa;color:#495057;transform:translateY(-1px)}.add-category-btn:disabled,.delete-card-btn:disabled,.delete-selected-btn:disabled,.edit-card-btn:disabled,.refresh-btn:disabled,.select-all-btn:disabled{cursor:not-allowed;opacity:.6}.card-city-badge{align-items:center;background:#17a2b81a;border-radius:12px;color:#17a2b8;display:flex;font-size:.75rem;font-weight:500;margin-bottom:8px;padding:4px 10px;width:fit-content}.city-select{border:1px solid #e0e0e0;box-sizing:border-box;font-size:.9rem;padding:10px 12px;transition:all .3s ease}.city-select:focus{border-color:#17a2b8;box-shadow:0 0 0 2px #17a2b81a}.city-select option:checked{background:#17a2b8 linear-gradient(0deg,#17a2b8,#17a2b8);color:#fff}.product-container{box-sizing:border-box;flex-direction:column;font-family:Inter,Segoe UI,Roboto,system-ui,sans-serif;max-width:1480px;overflow:hidden;padding:0;width:100%}.product-container,.tabs{background:#f8fafc;display:flex;margin:0}.tabs{border-bottom:none;flex-shrink:0;gap:1rem;padding-bottom:.5rem;padding-left:24px;padding-top:20px;position:relative}.tabs:after{background:linear-gradient(90deg,#004aad,#66b0ff);border-radius:2px;bottom:0;content:"";height:3px;left:0;position:absolute;width:100%}.tab-button{background:#0000;border:none;border-radius:8px 8px 0 0;color:#004aad;cursor:pointer;font-family:Arial,Helvetica,Inter,sans-serif;font-size:1rem;font-weight:600;margin-bottom:17px;padding:.8rem 2rem;position:relative;transition:all .3s ease}.tab-button:first-child{margin-left:0}.tab-button:hover{background-color:#004aad14}.tab-button.active{background-color:#004aad1f;color:#004aad;font-weight:700}.tab-button.active:after{background:linear-gradient(90deg,#004aad,#66b0ff);border-radius:2px;bottom:-2px;content:"";height:3px;left:0;position:absolute;width:100%}.products-management{background:#fff;border-radius:0;box-shadow:none;display:flex;flex:1 1;flex-direction:column;margin:0;min-height:0;overflow:hidden;padding:0}.products-header{flex-wrap:wrap;gap:12px;justify-content:space-between}.current-shop-info,.products-header{align-items:center;display:flex}.shop-indicator{align-items:center;background:#e0f2fe;border:1px solid #bae6fd;border-radius:20px;color:#0369a1;display:inline-flex;font-size:.8125rem;font-weight:600;gap:6px;padding:6px 14px;white-space:nowrap}@media (max-width:768px){.products-header{align-items:flex-start;flex-direction:column}.shop-indicator{font-size:.75rem;padding:5px 12px}}.products-header h2{color:#004aad;font-size:1.875rem;font-weight:700;letter-spacing:-.02em;margin:0}.search-section{flex-shrink:0;padding:12px 24px 0}.search-input{font-size:.875rem;max-width:350px;padding:8px 12px}.filters-section{background:#fff;border-bottom:1px solid #eef2f6;flex-shrink:0;padding:16px 24px}.filters-label{color:#334155;font-size:.875rem;font-weight:600;margin-bottom:12px}.filters-row{gap:12px;margin-bottom:12px}.filters-row select{background:#fff;border:1px solid #e2e8f0;border-radius:12px;color:#334155;cursor:pointer;flex:1 1;font-family:inherit;font-size:.875rem;min-width:130px;padding:10px 14px;transition:all .2s}.filters-row select:hover{border-color:#004aad}.clear-all-btn-container{display:flex;justify-content:flex-end}.clear-filters-btn{background:#ef4444;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:.8125rem;font-weight:500;padding:8px 20px;transition:all .2s}.clear-filters-btn:hover{background:#dc2626;transform:translateY(-1px)}.table-actions{align-items:center;background:#fff;border-bottom:1px solid #eef2f6;display:flex;flex-shrink:0;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:12px 24px}.table-info{color:#475569;font-size:.875rem;font-weight:500}.rows-per-page select{border-radius:10px;padding:8px 12px}.price-update-section{align-items:center;background:#fafbfc;border-bottom:1px solid #e2e8f0;display:flex;flex-shrink:0;gap:12px;padding:12px 24px}.price-input{border:1px solid #e2e8f0;border-radius:10px;font-size:.875rem;padding:10px 14px;transition:all .2s;width:200px}.price-input:focus{border-color:#004aad;outline:none}.update-prices-btn{background:#10b981;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:10px 20px;transition:all .2s}.update-prices-btn:hover:not(:disabled){background:#059669;transform:translateY(-1px)}.update-prices-btn:disabled{cursor:not-allowed;opacity:.5}.products-table-container{background:#fff;flex:1 1;margin:0 24px;overflow-y:auto;padding:0;scroll-behavior:smooth}.products-table{font-size:.875rem;min-width:100%;table-layout:auto}.products-table thead{position:sticky;top:0;z-index:10}.products-table th{background:#004aad;border-bottom:1px solid #e2e8f0;color:#fff!important;font-size:.8125rem;padding:14px 12px;white-space:nowrap}.products-table td{border-bottom:1px solid #f1f5f9;padding:14px 12px}.products-table tbody tr:hover{background:#fafcff}.products-table tbody tr.selected{background:#eef2ff}.products-table input[type=checkbox]{accent-color:#004aad;cursor:pointer;height:16px;width:16px}.product-image{border:1px solid #eef2f6;border-radius:10px;cursor:pointer;height:44px;transition:all .2s;width:44px}.product-image:hover{box-shadow:0 2px 8px #0000001a;transform:scale(1.05)}.product-name{color:#0f172a;font-size:.875rem;font-weight:500}.price-cell{color:#059669;font-size:.875rem;font-weight:600}.pagination{align-items:center;background:#fff;border-top:1px solid #e2e8f0;display:flex;flex-shrink:0;gap:12px;justify-content:center;padding:16px 24px}.pagination button{background:#fff;border:1px solid #e2e8f0;border-radius:10px;color:#1e293b;cursor:pointer;font-size:.875rem;font-weight:500;padding:8px 18px;transition:all .2s ease}.pagination button:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px)}.pagination button:disabled{cursor:not-allowed;opacity:.5}.pagination button.active{background:#004aad;border-color:#004aad;color:#fff}.image-modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.image-modal-content{animation:zoomIn .2s ease;background:#fff;border-radius:12px;max-height:85vh;max-width:85vw;padding:12px;position:relative}.image-modal-close{align-items:center;background:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:22px;height:32px;justify-content:center;position:absolute;right:-35px;top:-35px;transition:all .2s;width:32px}.image-modal-close:hover{background:#ef4444;color:#fff;transform:rotate(90deg)}.image-modal-img{border-radius:8px;max-height:75vh;max-width:75vw;object-fit:contain}@keyframes zoomIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.no-data-cell{color:#94a3b8;font-size:.875rem;padding:60px!important}@media (max-width:1200px){.products-table-container{margin:0 16px}.products-table td,.products-table th{padding:12px 10px}}@media (max-width:1024px){.tabs{padding-left:20px;padding-top:16px}.tab-button{font-size:.875rem;padding:.6rem 1.5rem}.products-header{padding:16px 20px 0}.products-header h2{font-size:1.5rem}.search-section{padding:10px 20px 0}.search-input{font-size:.8125rem;max-width:300px;padding:7px 10px}.filters-section{padding:12px 20px}.price-update-section,.table-actions{padding:10px 20px}.pagination{padding:14px 20px}.products-table-container{margin:0 20px}}@media (max-width:768px){.tabs{flex-direction:column;gap:.5rem;padding-left:16px;padding-top:12px}.tabs:after{bottom:-6px}.tab-button{border-radius:8px;margin-bottom:0;padding:.6rem 1rem;width:auto}.tab-button.active:after{bottom:-2px}.products-header h2{font-size:1.25rem}.search-section{padding:8px 16px 0}.search-input{max-width:100%;padding:8px 12px;width:100%}.filters-row{flex-direction:column}.filters-row select{width:100%}.clear-all-btn-container{justify-content:stretch}.clear-filters-btn{width:100%}.table-actions{align-items:flex-start;flex-direction:column}.price-update-section{align-items:stretch;flex-direction:column}.price-input,.update-prices-btn{width:100%}.products-table-container{margin:0 16px}.products-table td,.products-table th{font-size:.75rem;padding:10px 8px}.product-image{height:32px;width:32px}.status-badge{font-size:.65rem;padding:3px 8px}.pagination{flex-direction:column;gap:10px}.pagination button{font-size:.75rem;padding:6px 14px}}@media print{.filters-section,.image-modal-overlay,.pagination,.price-update-section,.search-section,.tabs{display:none}.product-container{height:auto;overflow:visible}.products-management{overflow:visible}.products-table-container{margin:0;overflow:visible}.products-table,.products-table td,.products-table th{border:1px solid #ddd}}.loading-container{color:#64748b;font-size:1rem}.loading-spinner{animation:spin .8s linear infinite;border:4px solid #e2e8f0;height:40px;margin-bottom:16px;width:40px}.error-container{padding:60px 20px}.error-message{color:#ef4444;font-size:1rem;margin-bottom:16px}.retry-btn{background:#004aad;font-size:.875rem;transition:all .2s}.retry-btn:hover{background:#003d8f}.stock-cell{min-width:120px;padding:8px 12px!important}.stock-control-right{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:6px;display:flex;gap:0;justify-content:flex-start;overflow:hidden;transition:all .2s ease;width:fit-content}.stock-control-right:hover{border-color:#004aad;box-shadow:0 0 0 2px #004aad0d}.stock-control-right:focus-within{border-color:#004aad;box-shadow:0 0 0 3px #004aad1a}.stock-value-container{align-items:center;display:flex;justify-content:center;min-width:40px}.stock-value-display{color:#1f2937;cursor:pointer;font-size:.875rem;font-weight:600;min-width:30px;padding:6px 8px;text-align:center;transition:all .2s ease;-webkit-user-select:none;user-select:none}.stock-value-display:hover{background:#f3f4f6;color:#004aad}.stock-input-inline{background:#f0f9ff;border:none;color:#1f2937;font-size:.875rem;font-weight:600;outline:none;padding:6px 4px;text-align:center;width:45px}.stock-input-inline:focus{background:#e0f2fe}.spinner-arrow{align-items:center;background:#0000;border:none;color:#6b7280;cursor:pointer;display:flex;height:16px;justify-content:center;line-height:1;padding:0;transition:all .15s ease;width:24px}.spinner-arrow:hover:not(:disabled){background:#f3f4f6;color:#004aad}.spinner-arrow:active:not(:disabled){background:#e5e7eb;transform:scale(.95)}.spinner-arrow:disabled{color:#d1d5db;cursor:not-allowed;opacity:.3}.status-badge{border-radius:30px;padding:4px 12px;white-space:nowrap}.status-badge.in-stock{background:#d1fae5;color:#065f46}.status-badge.low-stock{background:#fed7aa;color:#9b2c1d}.status-badge.out-of-stock{background:#fee2e2;color:#991b1b}@media (max-width:768px){.stock-cell{min-width:100px}.stock-value-display{font-size:.75rem;padding:4px 6px}.stock-input-inline{font-size:.75rem;padding:4px 2px;width:35px}.spinner-arrow{height:14px;width:20px}.spinner-arrow svg{height:8px;width:8px}}.toast-notification{align-items:center;animation:slideInRight .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;box-shadow:0 10px 25px #00000026;display:flex;font-family:Inter,Segoe UI,system-ui,sans-serif;gap:12px;max-width:450px;min-width:300px;padding:16px 20px;position:fixed;right:20px;top:20px;z-index:9999}.toast-notification.toast-success{background:linear-gradient(135deg,#10b981,#059669);border-left:4px solid #047857;color:#fff}.toast-notification.toast-error{background:linear-gradient(135deg,#ef4444,#dc2626);border-left:4px solid #b91c1c;color:#fff}.toast-icon{align-items:center;background:#fff3;border-radius:50%;display:flex;flex-shrink:0;font-size:20px;font-weight:700;height:28px;justify-content:center;width:28px}.toast-message{flex:1 1;font-size:.9375rem;font-weight:500;line-height:1.4}.toast-close{align-items:center;background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:24px;height:28px;justify-content:center;margin:0;opacity:.7;padding:0;transition:all .2s ease;width:28px}.toast-close:hover{background:#fff3;opacity:1;transform:rotate(90deg)}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideOutRight{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}@media (max-width:768px){.toast-notification{border-radius:10px;left:16px;max-width:calc(100% - 32px);min-width:auto;padding:12px 16px;right:16px;top:10px}.toast-message{font-size:.875rem}.toast-icon{font-size:16px;height:24px;width:24px}}.shop-badge{background:#e0f2fe;border:1px solid #bae6fd;border-radius:6px;color:#0369a1;cursor:default;font-size:.75rem}.shop-badge:hover{background:#bae6fd;border-color:#7dd3fc}.reviews-container{background:#fff;box-sizing:border-box;display:flex;flex-direction:column;font-family:Inter,Segoe UI,Roboto,system-ui,sans-serif;height:100vh;margin:0;overflow:hidden;padding:0;width:100%}.reviews-tabs{background:#fff;border-bottom:2px solid #e0e0e0;display:flex;flex-shrink:0;gap:1rem;margin-bottom:-2px;padding-bottom:.5rem;padding-left:24px;padding-top:24px;position:relative}.reviews-tabs:after{background:linear-gradient(90deg,#004aad,#66b0ff);bottom:-2px;content:"";height:2px;left:0;position:absolute;width:100%}.reviews-tab-btn{background:#0000;border:none;color:#004aad;cursor:pointer;font-family:inherit;font-size:1rem;font-weight:600;margin-bottom:17px;padding:12px 28px;position:relative;transition:all .3s ease}.reviews-tab-btn:hover{background-color:#004aad0d;color:#004aad}.reviews-tab-btn.active{background-color:#004aad14;color:#004aad;font-weight:700}.reviews-tab-btn.active:after{background:linear-gradient(90deg,#004aad,#66b0ff);bottom:-2px;content:"";height:3px;left:0;position:absolute;width:100%}.reviews-content{background:#fff;flex:1 1;overflow:auto;padding:24px}.reviews-pk-container,.reviews-uk-container{background:#fff;border:1px solid #e0e0e0;border-radius:4px;box-shadow:0 1px 3px #0000001a;min-height:100%;overflow:hidden;padding:0}.reviews-header{background:#fff;border-bottom:1px solid #e0e0e0;padding:24px 24px 16px;text-align:left}.reviews-header h2{color:#004aad;font-size:1.75rem;font-weight:700;letter-spacing:-.02em;margin:0 0 8px;text-align:left}.reviews-subtitle{color:#666;font-size:.875rem;margin:0;text-align:left}.reviews-grid{background:#fff;display:flex;flex-wrap:wrap;gap:28px;padding:24px}.review-card{background:#fff;border:1px solid #e0e0e0;border-radius:4px;box-shadow:0 1px 3px #0000001a;flex:1 1;max-width:calc(50% - 14px);min-width:380px;overflow:hidden;transition:all .3s ease}.review-card:hover{border-color:#004aad;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.review-card-header{align-items:center;background:#fff;border-bottom:1px solid #e0e0e0;display:flex;flex-direction:column;padding:20px 20px 12px}.review-avatar{align-items:center;background:#004aad;border-radius:4px;color:#fff;display:flex;flex-shrink:0;font-size:24px;font-weight:600;height:60px;justify-content:center;margin-bottom:12px;width:60px}.review-user-info{margin-bottom:8px;text-align:center;width:100%}.review-user-name{color:#333;font-size:1.125rem;font-weight:700;margin:0 0 4px;text-align:center}.review-user-email{color:#666;font-size:.875rem;margin:0;text-align:center;word-break:break-all}.review-date{color:#999;font-size:.75rem;gap:4px;margin:0;padding-top:8px;text-align:center;width:100%}.review-date,.star-rating{align-items:center;display:flex;justify-content:center}.star-rating{gap:8px;margin-top:12px}.star{cursor:pointer;font-size:24px;transition:all .2s ease}.star.filled{color:#ffc107}.star.empty{color:#e0e0e0}.star:hover{transform:scale(1.1)}.review-content{padding:20px}.review-text{background:#f8f9fa;border-left:3px solid #004aad;color:#333;font-size:.9375rem;line-height:1.6;margin:0 0 16px;padding:16px}.review-actions{border-top:1px solid #e0e0e0;display:flex;gap:12px;margin-top:8px;padding-top:8px}.review-delete-btn,.review-reply-btn{align-items:center;border:1px solid #0000;border-radius:4px;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s ease}.review-reply-btn{background:#004aad;border-color:#004aad;color:#fff}.review-delete-btn{background:#dc3545;border-color:#dc3545;color:#fff}@media (max-width:1024px){.reviews-grid{gap:20px;padding:20px}.review-card{min-width:320px}}@media (max-width:768px){.reviews-tabs{border-bottom:none;flex-direction:column;gap:.5rem;margin-bottom:0;padding-left:16px;padding-top:12px}.reviews-tabs:after{display:none}.reviews-tab-btn{margin-bottom:0;padding:10px 20px;text-align:left;width:100%}.reviews-tab-btn.active:after{display:none}.reviews-content{padding:16px}.reviews-header{padding:16px 16px 12px}.reviews-header h2{font-size:1.5rem}.reviews-grid{flex-direction:column;gap:20px;padding:16px}.review-card{max-width:100%;min-width:auto}.review-avatar{border-radius:4px;font-size:20px;height:50px;width:50px}.review-user-name{font-size:1rem}.review-user-email{font-size:.75rem}.star{font-size:20px}.star-rating{gap:6px}}@media (max-width:480px){.reviews-header h2{font-size:1.25rem}.review-card-header,.review-content{padding:16px}.review-text{font-size:.875rem;padding:12px}.review-delete-btn,.review-reply-btn{font-size:.75rem;padding:6px 12px}.star{font-size:18px}.star-rating{gap:5px}}.messages-container{background:#fff;box-sizing:border-box;display:flex;flex-direction:column;font-family:Inter,Segoe UI,Roboto,system-ui,sans-serif;height:100vh;margin:0;overflow:hidden;padding:0;width:100%}.messages-tabs{background:#fff;border-bottom:2px solid #e0e0e0;display:flex;flex-shrink:0;gap:1rem;margin-bottom:-2px;padding-bottom:.5rem;padding-left:24px;padding-top:24px;position:relative}.messages-tabs:after{background:linear-gradient(90deg,#004aad,#66b0ff);bottom:-2px;content:"";height:2px;left:0;position:absolute;width:100%}.messages-tab-btn{background:#0000;border:none;color:#004aad;cursor:pointer;font-family:inherit;font-size:1rem;font-weight:600;margin-bottom:17px;padding:12px 28px;position:relative;transition:all .3s ease}.messages-tab-btn:hover{background-color:#004aad0d;color:#004aad}.messages-tab-btn.active{background-color:#004aad14;color:#004aad;font-weight:700}.messages-tab-btn.active:after{background:linear-gradient(90deg,#004aad,#66b0ff);bottom:-2px;content:"";height:3px;left:0;position:absolute;width:100%}.messages-content{background:#fff;flex:1 1;overflow:auto;padding:24px}.messages-pk-container,.messages-uk-container{background:#fff;border:1px solid #e0e0e0;border-radius:4px;box-shadow:0 1px 3px #0000001a;min-height:100%;overflow:hidden;padding:0}.messages-header{background:#fff;border-bottom:1px solid #e0e0e0;padding:24px 24px 16px}.messages-header h2{color:#004aad;font-size:1.75rem;font-weight:700;letter-spacing:-.02em;margin:0 0 8px;text-align:left}.messages-subtitle{color:#666;font-size:.875rem;margin:0;text-align:left}.messages-grid{background:#fff;display:flex;flex-wrap:wrap;gap:28px;padding:24px}.message-card{background:#fff;border:1px solid #e0e0e0;border-radius:4px;box-shadow:0 1px 3px #0000001a;flex:1 1;max-width:calc(50% - 14px);min-width:380px;overflow:hidden;transition:all .3s ease}.message-card:hover{border-color:#004aad;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.message-card-header{align-items:center;background:#fff;border-bottom:1px solid #e0e0e0;display:flex;flex-direction:column;padding:20px 20px 12px}.message-avatar{align-items:center;background:#004aad;border-radius:4px;color:#fff;display:flex;flex-shrink:0;font-size:24px;font-weight:600;height:60px;justify-content:center;margin-bottom:12px;width:60px}.message-user-info{margin-bottom:8px;text-align:center;width:100%}.message-user-name{color:#333;font-size:1.125rem;font-weight:700;margin:0 0 4px;text-align:center}.message-user-email{color:#666;font-size:.875rem;margin:0;text-align:center;word-break:break-all}.message-date{align-items:center;color:#999;display:flex;font-size:.75rem;gap:4px;justify-content:flex-start;margin:0;padding-top:8px;text-align:left;width:100%}.message-content{padding:20px}.message-text{background:#f8f9fa;border-left:3px solid #004aad;color:#333;font-size:.9375rem;line-height:1.6;margin:0 0 16px;padding:16px}.message-actions{border-top:1px solid #e0e0e0;display:flex;gap:12px;margin-top:8px;padding-top:8px}.message-delete-btn,.message-reply-btn{align-items:center;border:1px solid #0000;border-radius:4px;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s ease}.message-reply-btn{background:#004aad;border-color:#004aad;color:#fff}.message-delete-btn{background:#dc2626;border-color:#dc3545;color:#fff}.empty-state{color:#999;padding:60px 20px}.empty-state-icon{font-size:64px}.empty-state-text{font-size:1rem;margin:0}.modal-content{border:1px solid #e0e0e0;border-radius:4px;box-shadow:0 4px 12px #00000026}.modal-content h3{color:#004aad;font-size:1.5rem;margin:0 0 8px}.modal-subject{color:#666;font-size:.875rem;margin:0 0 20px}.modal-textarea{border:1px solid #e0e0e0;border-radius:4px;font-family:inherit;font-size:.9375rem;margin-bottom:20px;padding:12px;resize:vertical;width:100%}.modal-textarea:focus{border-color:#004aad;box-shadow:0 0 0 2px #004aad1a;outline:none}.modal-buttons{display:flex;gap:12px;justify-content:flex-end}.modal-cancel-btn,.modal-send-btn{border:none;border-radius:4px;cursor:pointer;font-size:.875rem;font-weight:500;padding:10px 20px;transition:all .2s ease}.modal-send-btn{background:#004aad;color:#fff}.modal-send-btn:hover{background:#003380;transform:translateY(-1px)}.modal-cancel-btn{background:#f0f0f0}.modal-cancel-btn:hover{background:#e0e0e0}@media (max-width:1024px){.messages-grid{gap:20px;padding:20px}.message-card{min-width:320px}}@media (max-width:768px){.messages-tabs{border-bottom:none;flex-direction:column;gap:.5rem;margin-bottom:0;padding-left:16px;padding-top:12px}.messages-tabs:after{display:none}.messages-tab-btn{margin-bottom:0;padding:10px 20px;text-align:left;width:100%}.messages-tab-btn.active:after{display:none}.messages-content{padding:16px}.messages-header{padding:16px 16px 12px}.messages-header h2{font-size:1.5rem}.messages-grid{flex-direction:column;gap:20px;padding:16px}.message-card{max-width:100%;min-width:auto}.message-avatar{border-radius:4px;font-size:20px;height:50px;width:50px}.message-user-name{font-size:1rem}.message-user-email{font-size:.75rem}}@media (max-width:480px){.messages-header h2{font-size:1.25rem}.message-card-header,.message-content{padding:16px}.message-text{font-size:.875rem;padding:12px}.message-delete-btn,.message-reply-btn{font-size:.75rem;padding:6px 12px}}.expenses-main{background-color:#fff;margin-left:-3px;min-height:100vh;padding:20px;width:100%}.expenses-header{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px;padding:0}.expenses-nav{border-bottom:1px solid #e5e7eb;display:flex;gap:0;padding:0 24px}.expenses-content-wrapper{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px}.expenses-header-section{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.expenses-title-section h2{color:#004aad;font-size:24px;font-weight:600;margin:0}.expenses-actions{display:flex;gap:12px}.feedback-btn-header{align-items:center;background-color:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .3s ease}.feedback-btn-header:hover{background-color:#e5e7eb;transform:translateY(-1px)}.expenses-content{position:relative}.expenses-action-buttons{display:flex;gap:1rem;justify-content:flex-end;margin-bottom:1.5rem;padding:0;position:relative}.newtransaction-btn{background-color:#004aad;color:#fff}.newtransaction-btn:hover{background-color:#003a8c;box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.transaction-dropdown{right:0}.expenses-filters{margin-bottom:24px}.filter-left{flex-wrap:wrap;gap:12px}.filter-dropdown,.filter-left{align-items:center;display:flex;position:relative}.filter-dropdown{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;gap:8px;padding:8px 12px;transition:all .3s ease}.filter-dropdown:hover{background-color:#f9fafb;border-color:#3b82f6}.filter-icon{color:#6b7280}.date-filter{align-items:center;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 12px;position:relative;transition:all .3s ease}.date-filter:hover{background-color:#f9fafb;border-color:#3b82f6}.calendar-icon{color:#6b7280}.dropdown-icon{font-size:16px;margin-left:4px}.dropdown-menu{min-width:180px}.date-dropdown,.filter-type-dropdown{min-width:160px!important}.date-dropdown .dropdown-item,.dropdown-item,.filter-type-dropdown .dropdown-item{font-size:13px;padding:8px 12px}.transaction-list{max-height:400px;overflow-y:auto;padding:8px 0}.transaction-list-item{border-bottom:1px solid #f3f4f6;cursor:pointer;padding:12px 16px;transition:all .3s ease}.transaction-list-item:last-child{border-bottom:none}.transaction-list-item:hover{background-color:#f9fafb;padding-left:20px}.transaction-list-name{color:#374151;font-size:14px;font-weight:500}.settings-dropdown-list::-webkit-scrollbar,.transaction-list::-webkit-scrollbar{width:6px}.settings-dropdown-list::-webkit-scrollbar-track,.transaction-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.settings-dropdown-list::-webkit-scrollbar-thumb,.transaction-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.settings-dropdown-list::-webkit-scrollbar-thumb:hover,.transaction-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.filter-modal{max-width:450px}.filter-label{color:#374151;font-size:13px;font-weight:500}.expenses-table-container{margin-bottom:24px;overflow-x:auto}.expenses-table{border-collapse:collapse;font-size:14px;width:100%}.expenses-table thead{background-color:#004aad;border-bottom:2px solid #e5e7eb}.expenses-table th{color:#fff;font-size:13px;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase}.expenses-table td{border-bottom:1px solid #f3f4f6;color:#6b7280;padding:12px 16px}.expenses-table tr:hover{background-color:#f9fafb}.transaction-type{border-radius:4px;display:inline-block;font-size:12px;font-weight:500;padding:4px 8px}.transaction-type.expense{background-color:#fee2e2;color:#dc2626}.transaction-type.bill{background-color:#ffedd5;color:#b76e0e}.transaction-type.cheque{background-color:#dbeafe;color:#2563eb}.status-badge{font-size:12px;padding:4px 8px}.status-badge.paid{background-color:#d1fae5;color:#065f46}.status-badge.pending{background-color:#fed7aa;color:#92400e}.positive{color:#10b981;font-weight:500}.negative{color:#ef4444;font-weight:500}.view-btn{align-items:center;background-color:#f3f4f6;border:none;border-radius:4px;color:#374151;cursor:pointer;display:inline-flex;font-size:12px;gap:4px;padding:4px 12px;transition:all .3s ease}.view-btn:hover{background-color:#e5e7eb;transform:translateY(-1px)}.view-icon{font-size:12px}.expenses-pagination{display:flex;gap:12px;justify-content:center;margin-top:24px}@media print{.action-btn,.expenses-action-buttons,.expenses-filters,.expenses-pagination,.feedback-btn,.feedback-btn-header,.filter-modal-overlay,.icon-btn,.region-tabs-container .region-tabs-right,.region-tabs-right,.settings-wrapper{display:none!important}.expenses-table-container{overflow:visible!important}.expenses-table{border-collapse:collapse!important;width:100%!important}.expenses-table td,.expenses-table th{border:1px solid #ddd!important;padding:8px!important}.expenses-main{background-color:#fff!important;padding:0!important;width:100%!important}.expenses-content-wrapper{box-shadow:none!important;padding:0!important}.status-badge,.transaction-type{background:none!important;border:1px solid #ddd;color:#000!important}.negative,.positive{color:#000!important}.expenses-header{border:1px solid #ddd!important;box-shadow:none!important}.region-tabs-container{border-bottom:1px solid #ddd!important}.tab-btn.active{background-color:#f0f0f0!important;color:#000!important}}@media (max-width:768px){.expenses-main{margin-left:0;padding:12px;width:100%}.expenses-content-wrapper{padding:16px}.expenses-header-section{align-items:flex-start;flex-direction:column}.expenses-actions{justify-content:space-between;width:100%}.region-tabs-container{align-items:flex-start;flex-direction:column;gap:12px}.region-tabs-right{justify-content:flex-start;width:100%}.expenses-action-buttons{align-items:flex-end;flex-direction:column;gap:.75rem}.button-wrapper{display:flex;justify-content:flex-end;width:100%}.action-btn{min-width:160px;width:auto}.action-dropdown{left:auto;min-width:260px;right:0}.filter-left{align-items:stretch;flex-direction:column}.date-filter,.filter-dropdown{justify-content:space-between}.dropdown-menu{margin-top:4px;position:static;width:100%}.expenses-table td,.expenses-table th{padding:8px 12px}.transaction-list{max-height:300px}.transaction-list-item{padding:10px 12px}.transaction-list-name{font-size:13px}.settings-dropdown{left:auto;min-width:220px;right:0}.filter-modal{margin:16px;width:95%}}@media (max-width:480px){.expenses-nav{padding:0 12px}.nav-btn{font-size:14px;padding:12px 16px}.expenses-table{font-size:12px}.expenses-table td,.expenses-table th{padding:8px}.view-btn{font-size:10px;padding:2px 8px}.action-btn{font-size:12px;min-width:140px;padding:.6rem 1rem}.dropdown-header{font-size:13px;padding:10px 12px}.transaction-list-item{padding:8px 12px}.action-dropdown,.settings-dropdown{left:0;min-width:auto;right:0;width:100%}.settings-option{padding:8px 12px}.settings-label{font-size:13px}.filter-modal-body{padding:16px}.filter-section{margin-bottom:16px}.filter-modal-header{padding:16px}.filter-modal-footer{padding:12px 16px}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.loading{animation:shimmer 2s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:1000px 100%}[title]{position:relative}[title]:hover:after{background-color:#1f2937;border-radius:4px;bottom:100%;color:#fff;content:attr(title);font-size:12px;left:50%;margin-bottom:8px;padding:4px 8px;pointer-events:none;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:1000}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}button:focus{outline:none}button:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.empty-state{padding:48px}.empty-state-icon{color:#9ca3af;font-size:48px;margin-bottom:16px}.empty-state-title{color:#374151;font-size:18px;font-weight:500;margin-bottom:8px}.empty-state-description{color:#6b7280;font-size:14px}.transaction-list-item:hover{background-color:#f3f4f6;transform:translateX(4px)}.transaction-list-item:active{background-color:#e5e7eb}.action-dropdown,.settings-dropdown{animation:fadeIn .2s ease-out}*{font-family:system-ui,Segoe UI,Inter,Roboto,-apple-system,BlinkMacSystemFont,sans-serif}.lot-tracking-main{background:#fff;box-shadow:0 1px 3px #00000014;margin-left:0;overflow-x:auto;width:100%}.lot-tracking-header{background:#fff;border-bottom:1px solid #e0e0e0;padding:1.5rem 1.5rem 1rem}.header-title h1{font-size:1.5rem;font-weight:600}.summary-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin:20px 20px 0}.summary-card{background:linear-gradient(135deg,#f8fafd,#fff);border:1px solid #e0e0e0;border-radius:4px;padding:16px;text-align:center;transition:all .3s ease}.summary-card:hover{border-color:#004aad;box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.summary-card-title{color:#666;font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.summary-card-value{color:#004aad;font-size:28px;font-weight:700}.lot-tracking-content{padding:0}.search-section{background:#fff;border-bottom:1px solid #e0e0e0;padding:1.25rem 1.5rem}.search-row{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.search-input-group{flex:1 1;min-width:200px}.search-input-group input{background:#fff;border:1px solid #e0e0e0;border-radius:4px;font-size:.85rem;outline:none;padding:.6rem 1rem;transition:all .2s;width:100%}.search-input-group input:focus{background:#fff;border-color:#004aad;box-shadow:0 0 0 2px #004aad1a}.date-row{display:flex;flex-wrap:wrap;gap:1rem}.date-input-group{flex:1 1;min-width:180px}.date-input-group input{background:#fff;border:1px solid #e0e0e0;border-radius:4px;cursor:pointer;font-size:.85rem;outline:none;padding:.6rem 1rem;transition:all .2s;width:100%}.date-input-group input:focus{background:#fff;border-color:#004aad;box-shadow:0 0 0 2px #004aad1a}.table-container{margin:0;padding:0 1.5rem 1.5rem}.parts-table{border-collapse:collapse;font-size:.8rem;min-width:800px;width:100%}.parts-table th{background-color:#004aad;border-bottom:2px solid #e0e0e0;color:#fff;font-size:.8rem;font-weight:600;padding:.9rem .8rem;text-align:left;white-space:nowrap}.parts-table td{border-bottom:1px solid #f0f0f0;color:#333;padding:.8rem;vertical-align:middle}.parts-table tr:hover td{background-color:#fafafa}.badge-pending{background:#fef3c7;color:#b76e0e;padding:3px 8px;white-space:nowrap}.badge-pending,.quantity-badge{border-radius:4px;display:inline-block;font-size:.7rem;font-weight:600}.quantity-badge{background:#e8f3ed;color:#1c6e43;padding:2px 8px}.machine-chip{background:#eef2fa;border-radius:4px;display:inline-block;font-size:.7rem;font-weight:500;padding:3px 8px}.no-data{font-style:italic;padding:2rem 1rem;text-align:center}.detail-icon{cursor:pointer;transition:transform .2s ease,color .2s ease}.detail-icon:hover{color:#004aad!important;transform:scale(1.1)}@media (max-width:1024px){.summary-cards{gap:12px;margin:16px 16px 0}.summary-card-value{font-size:24px}.table-container{padding:0 1rem 1rem}.parts-table td,.parts-table th{font-size:.75rem;padding:.7rem .6rem}}@media (max-width:768px){.lot-tracking-header{padding:1rem 1rem .8rem}.header-title h1{font-size:1.2rem}.summary-cards{gap:10px;grid-template-columns:repeat(3,1fr);margin:12px 12px 0}.summary-card{padding:12px}.summary-card-title{font-size:10px}.summary-card-value{font-size:18px}.search-section{padding:1rem}.date-row,.search-row{flex-direction:column;gap:.8rem}.date-input-group,.search-input-group{min-width:100%}.table-container{padding:0 .8rem .8rem}.parts-table td,.parts-table th{font-size:.7rem;padding:.6rem .4rem}.badge-pending,.machine-chip,.quantity-badge{font-size:.6rem;padding:2px 6px}}@media (max-width:480px){.summary-cards{gap:10px;grid-template-columns:1fr;margin:12px}.summary-card{align-items:center;display:flex;justify-content:space-between;padding:10px 15px;text-align:left}.summary-card-title{font-size:12px;margin-bottom:0}.summary-card-value{font-size:20px}.parts-table td,.parts-table th{font-size:.65rem;padding:.5rem .3rem}.badge-pending,.machine-chip,.quantity-badge{font-size:.55rem;padding:2px 5px}}.lot-tracking-detail-main{background:#fff;box-shadow:0 1px 3px #00000014;margin-left:0;overflow:hidden;width:100%}.detail-header-section{background:#fff;border-bottom:2px solid #004aad;padding:1.25rem 1.5rem}.title-button-section{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.title-button-section h1{color:#004aad;font-size:1.3rem;font-weight:600;margin:0}.download-pdf-btn{align-items:center;background:#004aad;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:.8rem;font-weight:600;gap:.5rem;padding:.5rem 1.2rem;transition:all .3s ease}.download-pdf-btn:hover{background:#003380;transform:translateY(-1px)}.detail-container{margin:0 auto;max-width:1800px;padding:1.5rem}.detail-header{align-items:center;display:flex;margin-bottom:1.5rem}.back-icon{cursor:pointer;transition:transform .2s ease}.back-icon:hover{transform:translateX(-5px)}.detail-grid-two-column{grid-gap:1.2rem;display:grid;gap:1.2rem;grid-template-columns:1fr 1fr}.left-column,.right-column{display:flex;flex-direction:column;gap:1.2rem}.detail-box{background:#fff;border:1px solid #e0e0e0;border-radius:4px;overflow:hidden}.detail-box-header{background:#f8f9fa;border-bottom:1px solid #e0e0e0;padding:.8rem 1rem}.detail-box-header h3{color:#004aad;font-size:.85rem;font-weight:700;margin:0}.detail-box-content{padding:.8rem 1rem}.detail-field-row{align-items:baseline;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:.5rem 0}.detail-field-row:last-child{border-bottom:none}.detail-field-row label{color:#666;font-size:.75rem;font-weight:600}.detail-field-row span{color:#333;font-size:.8rem;font-weight:500;text-align:right}.details-notes-section{border-top:1px solid #e0e0e0;margin-top:1.5rem;padding-top:1.2rem}.details-notes-tabs{border-bottom:2px solid #e0e0e0;display:flex;gap:.8rem;margin-bottom:1rem}.details-notes-tab{background:#0000;border:none;color:#666;cursor:pointer;font-size:.85rem;font-weight:600;padding:.5rem 1.2rem;position:relative;transition:all .3s ease}.details-notes-tab.active,.details-notes-tab:hover{color:#004aad}.details-notes-tab.active:after{background:#004aad;bottom:-2px;content:"";height:2px;left:0;position:absolute;width:100%}.details-notes-content{background:#fff;border:1px solid #e0e0e0;border-radius:4px;padding:1rem}.details-header{flex-wrap:wrap;gap:.8rem;margin-bottom:1rem}.details-header h4{font-size:.9rem;font-weight:600}.add-file-btn{background:#004aad;border-radius:4px;font-size:.75rem;font-weight:500;gap:.4rem;padding:.4rem .8rem}.file-categories{gap:1rem}.file-category{background:#fff;border:1px solid #e0e0e0;border-radius:4px;padding:.8rem}.file-category h5{border-bottom:1px solid #e0e0e0;font-size:.8rem;margin-bottom:.8rem;padding-bottom:.3rem}.file-list-vertical{flex-wrap:wrap;gap:.8rem}.file-card-vertical{border:1px solid #e0e0e0;border-radius:4px;flex-direction:column;gap:.5rem;min-width:160px;padding:.8rem;text-align:center;width:calc(25% - .6rem)}.file-thumbnail-vertical{background:#f8f9fc;border-radius:4px;height:80px;width:80px}.file-thumbnail-img-vertical{border-radius:4px}.file-icon-large-vertical{font-size:2.5rem}.file-name-vertical{color:#004aad;font-size:.7rem;font-weight:600;word-break:break-all}.file-icons-vertical{border-bottom:1px solid #e0e0e0;border-top:1px solid #e0e0e0;gap:.6rem;justify-content:center;padding:.3rem 0;width:100%}.file-action-icon-vertical{color:#666;font-size:.9rem}.file-meta-vertical{color:#999;font-size:.6rem}.no-files{color:#999;font-size:.75rem;padding:1rem}.no-files,.notes-container{width:100%}.notes-title{font-weight:600}.notes-display{border-radius:4px;margin-bottom:.1rem;padding:1rem}.no-notes-message{color:#999;font-size:.8rem}.notes-input-section{display:flex;flex-direction:column;gap:.8rem}.notes-textarea-new{border:1px solid #e0e0e0;border-radius:4px;font-size:.8rem;padding:.8rem}.add-note-btn{align-self:flex-start;border-radius:4px;font-size:.75rem;font-weight:500;padding:.4rem 1rem}.preview-modal{align-items:center;background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.preview-modal-content{background:#fff;border-radius:4px;max-height:90%;max-width:90%;overflow:auto}.preview-modal-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:.8rem 1rem}.preview-modal-header h3{color:#004aad;font-size:.9rem;font-weight:600;margin:0}.close-modal{font-size:1.2rem}.preview-modal-body{align-items:center;display:flex;justify-content:center;padding:1rem}.preview-image{max-height:70vh;max-width:100%;object-fit:contain}.table-container::-webkit-scrollbar{height:6px}@media (max-width:768px){.detail-container{padding:1rem}.detail-grid-two-column{gap:1rem;grid-template-columns:1fr}.title-button-section h1{font-size:1.1rem}.download-pdf-btn{font-size:.7rem;padding:.4rem 1rem}.file-card-vertical{min-width:140px;width:calc(50% - .4rem)}.file-thumbnail-vertical{height:70px;width:70px}.file-icon-large-vertical{font-size:2rem}}@media (max-width:480px){.detail-header-section{padding:1rem}.title-button-section{align-items:flex-start;flex-direction:column}.file-card-vertical{width:100%}.details-notes-tabs{flex-wrap:wrap}.details-notes-tab{font-size:.75rem;padding:.4rem .8rem}}@media print{.add-file-btn,.back-icon,.detail-icon,.details-notes-section,.download-pdf-btn,.file-action-icon-vertical,.preview-modal,.search-section,.summary-cards{display:none!important}.detail-box{background:#fff!important;border:1px solid #ddd!important;break-inside:avoid;page-break-inside:avoid}.detail-grid-two-column{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}}.implant-companies-main-container{background:#fff;box-sizing:border-box;margin:0;max-width:100%;padding:20px;width:100%}.implant-companies-header-section{background:#fff;border:1px solid #e0e0e0;border-radius:4px;margin-bottom:2rem;padding:1.5rem}.implant-companies-header-section h2{color:#004aad;font-size:1.75rem;font-weight:700;margin:0}.implant-companies-content{background:#fff;box-sizing:border-box;padding:0;text-align:left;width:100%}.implant-companies-action-section{align-items:right;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:4px;display:flex;flex-wrap:wrap;gap:55%;margin-bottom:1.5rem;padding:1rem 1.5rem}.add-company-btn,.select-all-btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;font-weight:500;gap:.5rem;padding:.6rem 1.5rem;transition:all .3s ease}.add-company-btn{background:#004aad;color:#fff}.add-company-btn:hover{background:#003380;transform:translateY(-1px)}.implant-companies-table-container{background:#fff;border:1px solid #e0e0e0;border-radius:4px;margin-bottom:1.5rem;overflow-x:auto}.implant-companies-table-wrapper{overflow-x:auto;width:100%}.implant-companies-table{background:#fff;border-collapse:collapse;min-width:600px;width:100%}.implant-companies-table thead{background:#004aad}.implant-companies-table th{border-bottom:2px solid #e0e0e0;color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:1rem;text-align:left;text-transform:uppercase}.implant-companies-table td{border-bottom:none;color:#333;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;padding:.8rem 1rem}.implant-companies-table tbody tr{border-bottom:1px solid #e0e0e0}.implant-companies-table tbody tr:last-child{border-bottom:none}.implant-companies-table tbody tr:hover{background:#fafafa}.implant-companies-table tbody tr.selected{background:#004aad0d}.implant-companies-table input[type=checkbox]{accent-color:#004aad;cursor:pointer;height:18px;width:18px}.company-name-cell{gap:.5rem}.company-name{color:#004aad;font-size:.9rem;font-weight:500}.edit-company-btn{background:#0000;border:none;border-radius:4px;color:#004aad;cursor:pointer;font-size:1rem;padding:.4rem .8rem;transition:all .3s}.edit-company-btn:hover{background:#004aad1a;transform:scale(1.05)}.no-companies{color:#666;padding:3rem;text-align:center}.modal-content{max-width:550px}.company-form{display:flex;flex-direction:column;gap:1.5rem}.form-row{flex-direction:column;gap:.5rem}.form-label{align-items:center;color:#333;display:flex;font-size:.85rem;gap:.5rem}.company-input{border:1px solid #e0e0e0;border-radius:4px;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;padding:.6rem;width:100%}.company-input:focus{border-color:#004aad;box-shadow:0 0 0 2px #004aad1a;outline:none}.shop-select-dropdown{box-sizing:border-box}.shop-info-display{color:#333}.btn-cancel:disabled,.btn-delete:disabled,.btn-save:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.implant-companies-main-container{padding:10px}.implant-companies-action-section{flex-direction:column;gap:1rem}.search-wrapper{min-width:auto;width:100%}.action-buttons{flex-direction:column;width:100%}.add-company-btn,.select-all-btn{justify-content:center;width:100%}.header-content{flex-direction:column;text-align:center}.header-subtitle{padding-left:0;text-align:center}.implant-companies-table td,.implant-companies-table th{font-size:.8rem;padding:.6rem}.summary-content{align-items:stretch;flex-direction:column}.action-dropdown-container{width:100%}.action-dropdown-btn{justify-content:center;width:100%}.action-dropdown-menu{margin-top:8px;position:static;width:100%}.modal-content{margin:1rem;max-width:95%;width:95%}}.city-badge{background:#dcfce7;border-radius:12px;color:#16a34a;font-size:13px;padding:2px 12px}.city-select-dropdown{background:#fff;border:1px solid #ddd;border-radius:5px;box-sizing:border-box;font-size:14px;padding:10px;width:100%}.city-select-dropdown:focus{border-color:#004aad;box-shadow:0 0 0 2px #004aad1a;outline:none}.city-select-dropdown:disabled{cursor:not-allowed;opacity:.6}.form-label .form-icon{color:#004aad;margin-right:8px}.city-info-display{align-items:center;background:#f0f9ff;border:1px solid #cce5ff;border-radius:5px;color:#004aad;display:flex;font-size:14px;gap:8px;padding:8px 12px}.implant-companies-table td:last-child,.implant-companies-table th:last-child{text-align:center}@media (max-width:768px){.city-select-dropdown{font-size:14px;padding:8px}.city-badge{font-size:11px;padding:2px 8px}}body{background-color:#f5f7fb;color:#1a1f36;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.dashboard{margin:0 auto;max-width:1400px;padding:2rem 1.5rem}.dashboard-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.dashboard-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1a1f36,#2d3a5e);-webkit-background-clip:text;background-clip:text;font-size:1.75rem;font-weight:600}.header-date{background:#fff;border-radius:40px;box-shadow:0 1px 2px #0000000d;color:#4a5568;font-size:.875rem;font-weight:500;padding:.5rem 1rem}.kpi-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(4,1fr);margin-bottom:2rem}.kpi-card{align-items:flex-start;background:#f4f4f4;border-radius:20px;display:flex;gap:1.25rem;padding:1.75rem 1.5rem;transition:transform .2s ease,box-shadow .2s ease}.kpi-card:hover{box-shadow:0 10px 25px #004aad;transform:translateY(-4px)}.kpi-icon{align-items:center;background:#004aad;border-radius:14px;color:#fff;display:flex;flex-shrink:0;font-size:1.75rem;height:56px;justify-content:center;width:56px}.kpi-content{flex:1 1}.kpi-title{color:#6b7280;font-size:.875rem;font-weight:500;letter-spacing:.5px;margin-bottom:.4rem;text-transform:uppercase}.kpi-value{color:#1a1f36;font-size:2.1rem;font-weight:700;line-height:1;margin-bottom:.5rem}.kpi-trend{font-size:.8rem;font-weight:500}.kpi-trend.positive{color:#004aad}@media (max-width:1024px){.kpi-row{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.kpi-row{gap:1rem;grid-template-columns:1fr}.kpi-card{padding:1.5rem}}.section{margin-bottom:2rem}.section-title{border-bottom:2px solid #e5e7eb;color:#1a1f36;font-size:1.25rem;margin-bottom:1rem}.chart-container{background:#fff;border-radius:20px;box-shadow:0 4px 12px #0000000d;padding:1rem;transition:all .3s ease-in-out}.chart-container:hover{box-shadow:0 20px 35px #004aad;transform:translateY(-6px)}.two-columns{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.column{background:#fff;border-radius:20px;box-shadow:0 4px 12px #0000000d;padding:1.25rem;transition:all .3s ease-in-out}.column:hover{box-shadow:0 20px 35px #004aad;transform:translateY(-6px)}.column:hover .section-title{color:#004aad;transition:color .3s ease}.column:hover .data-table tr:hover td{background-color:#f0f7ff}.column .section-title{border-bottom:1px solid #e5e7eb;color:#1a1f36;margin-bottom:1rem;margin-top:0;transition:color .3s ease}.table-wrapper{overflow-x:auto}.data-table{border-collapse:collapse;font-size:.875rem;width:100%}.data-table th{background-color:#f9fafb;border-bottom:1px solid #e5e7eb;color:#4b5563;font-weight:600;padding:.75rem .5rem;text-align:left}.data-table td{border-bottom:1px solid #f0f2f5;color:#1f2937;padding:.75rem .5rem;transition:background-color .2s ease}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background-color:#f9fafb}.status-badge{background-color:#e0f2fe;border-radius:40px;color:#0369a1;transition:all .2s ease}.data-table tr:hover .status-badge{background-color:#004aad;color:#fff;transform:scale(1.05)}.customer-cell{align-items:center;display:flex;gap:12px}.customer-avatar{align-items:center;background:#eef2ff;border-radius:40px;color:#004aad;display:flex;flex-shrink:0;font-size:.9rem;font-weight:600;height:40px;justify-content:center;transition:all .2s ease;width:40px}.data-table tr:hover .customer-avatar{background:#004aad;color:#fff;transform:scale(1.05)}.customer-info{display:flex;flex-direction:column}.customer-name{color:#1e293b;font-size:.9rem;font-weight:600;transition:color .2s ease}.data-table tr:hover .customer-name{color:#004aad}.customer-email{color:#6c757d;font-size:.7rem;letter-spacing:.2px;margin-top:2px}.join-badge{background-color:#f3f4f6;border-radius:30px;color:#2c3e66;display:inline-block;font-size:.7rem;font-weight:500;padding:4px 10px;transition:all .2s ease;white-space:nowrap}.data-table tr:hover .join-badge{background-color:#004aad;color:#fff;transform:translateX(3px)}.data-table td:first-child,.data-table th:first-child{padding-left:.75rem}.data-table td:last-child,.data-table th:last-child{padding-right:.75rem}@media (max-width:1024px){.kpi-row{grid-template-columns:repeat(2,1fr)}.two-columns{grid-template-columns:1fr}}@media (max-width:640px){.dashboard{padding:1rem}.kpi-row{gap:1rem;grid-template-columns:1fr}.dashboard-header{align-items:flex-start;flex-direction:column;gap:.5rem}.column:hover{transform:translateY(-3px)}}.carts-main-container{background:#fff;box-sizing:border-box;margin:0;max-width:100%;padding:20px;width:100%}.loading-container{font-size:1.2rem;padding:50px}.loading-container .spinner{height:40px;margin:0 auto 20px;width:40px}.carts-header-section{background:#fff;border:1px solid #e0e0e0;border-radius:4px;margin-bottom:2rem;padding:1.5rem}.carts-header-section h2{color:#004aad;font-size:1.75rem;font-weight:700;margin:0}.carts-content{background:#fff;box-sizing:border-box;padding:0;text-align:left;width:100%}.carts-action-section{align-items:center;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:4px;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;padding:1rem 1.5rem}.search-wrapper{min-width:200px}.action-buttons{flex-wrap:wrap}.add-cart-btn,.select-all-btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;font-weight:500;gap:.5rem;padding:.6rem 1.5rem;transition:all .3s ease}.add-cart-btn{background:#004aad;color:#fff}.add-cart-btn:hover{background:#003380;transform:translateY(-1px)}.carts-table-container{background:#fff;border:1px solid #e0e0e0;border-radius:4px;margin-bottom:1.5rem;overflow-x:auto}.carts-table-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:1rem 1.5rem}.carts-table-header h3{color:#004aad;font-size:1rem;font-weight:600;margin:0}.carts-count{background:#fff;border:1px solid #e0e0e0;border-radius:20px;color:#666;font-size:.85rem;padding:.25rem .75rem}.carts-table-wrapper{overflow-x:auto;width:100%}.carts-table{background:#fff;border-collapse:collapse;min-width:600px;width:100%}.carts-table thead{background:#004aad}.carts-table th{color:#fff;font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:1rem;text-align:left;text-transform:uppercase}.carts-table td,.carts-table th{font-family:Arial,Helvetica,sans-serif}.carts-table td{border-bottom:none;color:#333;font-size:.9rem;padding:.8rem 1rem}.carts-table tbody tr{border-bottom:1px solid #e0e0e0}.carts-table tbody tr:last-child td{border-bottom:none}.carts-table tbody tr:hover{background:#fafafa}.carts-table tbody tr.selected{background:#004aad0d}.carts-table input[type=checkbox]{accent-color:#004aad;cursor:pointer;height:18px;width:18px}.shop-badge{background:#004aad1a;display:inline-block;font-size:.8rem}.cart-id-cell{align-items:center;display:flex;gap:.5rem}.cart-icon,.cart-id{color:#004aad;font-size:.9rem}.cart-id{font-weight:500;word-break:break-all}.edit-cart-btn{background:#0000;border:none;border-radius:4px;color:#004aad;cursor:pointer;font-size:1rem;padding:.4rem .8rem;transition:all .3s}.edit-cart-btn:hover{background:#004aad1a;transform:scale(1.05)}.no-carts{color:#666;padding:3rem;text-align:center}.modal-overlay{z-index:9999}.modal-content{max-width:650px;position:relative;z-index:10000}.cart-form{display:flex;flex-direction:column;gap:1rem}.form-label-with-icon{gap:.5rem}.cart-input{border:1px solid #e0e0e0;border-radius:4px;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;padding:.6rem;width:100%}.cart-input:focus{border-color:#004aad;box-shadow:0 0 0 2px #004aad1a;outline:none}.input-with-dropdown{align-items:center;display:flex;position:relative}.dropdown-toggle-btn{align-items:center;background:#0000;border:none;color:#666;cursor:pointer;display:flex;height:24px;justify-content:center;padding:0;position:absolute;right:8px;width:24px;z-index:5}.dropdown-toggle-btn:hover{color:#004aad}.dropdown-arrow{font-size:.8rem}.dropdown-arrow.rotated{transform:rotate(180deg)}.summary-preview{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:4px;margin-top:1rem;padding:1rem}.summary-preview h4{color:#004aad;font-size:.9rem;margin:0 0 .5rem}.preview-row{display:flex;font-size:.85rem;justify-content:space-between;padding:.25rem 0}.preview-row.total{border-top:1px solid #e0e0e0;color:#004aad;font-size:1rem;font-weight:700;margin-top:.5rem;padding-top:.5rem}.customer-dropdown-outside{animation:dropdownSlide .2s ease;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 20px #00000040;overflow:hidden;z-index:10001}.customer-dropdown-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e0e0e0;color:#004aad;display:flex;font-size:.85rem;font-weight:600;gap:.5rem;padding:.75rem 1rem;position:sticky;top:0;z-index:1}.customer-search-input{border-bottom:1px solid #e0e0e0;padding:.5rem}.customer-search-field{border:1px solid #e0e0e0;border-radius:4px;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif;font-size:.85rem;padding:.5rem;width:100%}.customer-search-field:focus{border-color:#004aad;box-shadow:0 0 0 2px #004aad1a;outline:none}.customer-dropdown-list{max-height:250px;overflow-y:auto}.customer-dropdown-item{align-items:center;background:#fff;border:none;border-bottom:1px solid #f0f0f0;color:#333;cursor:pointer;display:flex;font-size:.85rem;gap:.75rem;padding:.75rem 1rem;text-align:left;transition:all .2s ease;width:100%}.customer-dropdown-item:last-child{border-bottom:none}.customer-dropdown-item:hover{background:#f0f7ff}.customer-icon{color:#004aad;flex-shrink:0;font-size:.9rem}.customer-email{color:#004aad;font-weight:500;padding-left:0;text-align:left;width:100%;word-break:break-all}.customer-dropdown-no-data{color:#999;font-size:.85rem;padding:1.5rem;text-align:center}.customer-dropdown-list::-webkit-scrollbar{width:6px}.customer-dropdown-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.customer-dropdown-list::-webkit-scrollbar-thumb{background:#004aad;border-radius:3px}.customer-dropdown-list::-webkit-scrollbar-thumb:hover{background:#003380}.shop-select-dropdown{padding:.6rem}.shop-info-display{border-radius:4px;gap:.5rem;padding:.6rem}.shop-display-icon{font-size:.9rem}.shop-display-name{color:#004aad}.no-shops-warning{margin-top:.3rem}@media (max-width:768px){.carts-main-container{padding:10px}.carts-action-section{flex-direction:column}.search-wrapper{min-width:auto;width:100%}.action-buttons{flex-direction:column;width:100%}.add-cart-btn,.select-all-btn{justify-content:center;width:100%}.header-content{flex-direction:column;text-align:center}.header-subtitle{padding-left:0;text-align:center}.carts-table td,.carts-table th{font-size:.8rem;padding:.6rem}.carts-table{min-width:500px}.summary-content{align-items:stretch;flex-direction:column}.action-dropdown-container{width:100%}.action-dropdown-btn{justify-content:center;width:100%}.action-dropdown-menu{margin-top:8px;position:static;width:100%}.modal-content{margin:1rem;max-width:95%;width:95%}.customer-dropdown-outside{left:50%!important;margin:0;max-width:350px;position:fixed!important;top:50%!important;transform:translate(-50%,-50%)!important;width:90%}}@media (max-width:480px){.carts-header-section h2{font-size:1.3rem}.header-icon{font-size:1.5rem;padding:.5rem}.carts-table td,.carts-table th{font-size:.7rem;padding:.4rem}.cart-id{font-size:.75rem}.edit-cart-btn{font-size:.8rem;padding:.3rem .5rem}.modal-header h3{font-size:1rem}.form-label-with-icon{font-size:.75rem}.cart-input{font-size:.85rem;padding:.5rem}.btn-cancel,.btn-delete,.btn-save{font-size:.85rem;padding:.5rem 1rem}}.App{background-color:#fff;display:flex;min-height:100vh;overflow-x:hidden;width:100%}.main-content{background:#f8fafd;flex:1 1;margin-left:280px;min-height:100vh;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:calc(100% - 280px)}.main-content.full-width{margin-left:0;width:100%}.main-content.with-sidebar{margin-left:280px;width:calc(100% - 280px)}.content-wrapper{box-sizing:border-box;margin:0 auto;max-width:1400px;padding:20px 32px;width:100%}@media (min-width:1600px){.content-wrapper{max-width:1600px;padding:24px 48px}}@media (min-width:1900px){.content-wrapper{max-width:1800px;padding:24px 64px}}@media (max-width:768px){.content-wrapper{padding:16px 20px}}@media (max-width:480px){.content-wrapper{padding:12px 16px}}.page-with-ukpk-tabs{animation:fadeIn .3s ease-in-out;width:100%}.page-header{border-bottom:2px solid #e5e7eb;margin-bottom:24px;padding-bottom:16px}.page-header h1{color:#1a2634;font-size:1.75rem;font-weight:700;letter-spacing:-.3px;margin:0}.ukpk-tabs-container{margin-bottom:24px}.ukpk-tabs{border-bottom:2px solid #e5e7eb;display:flex;gap:8px;padding-bottom:0}.ukpk-tab{background:#0000;border:none;border-radius:8px 8px 0 0;color:#6b7280;cursor:pointer;font-size:15px;font-weight:600;padding:12px 28px;position:relative;transition:all .3s ease}.ukpk-tab:hover{background:#f9fafb;color:#004aad}.ukpk-tab.active{background:#fff;border-bottom:3px solid #004aad;color:#004aad}@media (max-width:1024px){.main-content,.main-content.with-sidebar{margin-left:0;width:100%}.content-wrapper{padding:20px 24px}.ukpk-tab{font-size:14px;padding:10px 20px}.page-content{padding:20px}}@media (max-width:768px){.content-wrapper{padding:16px 20px}.page-header h1{font-size:1.5rem}.ukpk-tab{font-size:13px;padding:8px 16px}.page-content{padding:16px}}@media (max-width:480px){.content-wrapper{padding:12px 16px}.page-header h1{font-size:1.25rem}.ukpk-tab{font-size:12px;padding:6px 12px}.page-content{padding:12px}.ukpk-tabs{gap:4px}}.mobile-toggle-btn{align-items:center;background:#004aad;border:none;border-radius:12px;box-shadow:0 2px 8px #0000001a;color:#fff;cursor:pointer;display:none;font-size:1.2rem;height:45px;justify-content:center;left:20px;position:fixed;top:20px;transition:all .3s;width:45px;z-index:1001}@media (max-width:1024px){.mobile-toggle-btn{display:flex}}html{scroll-behavior:smooth}.navbar{box-shadow:0 2px 4px #00000014;height:60px;left:280px;z-index:100}.sidebar{background:#fff;bottom:0;box-shadow:2px 0 8px #0000000d;left:0;overflow-y:auto;position:fixed;top:0;width:280px;z-index:99}.main-content.with-sidebar{margin-top:60px;min-height:calc(100vh - 60px)}.main-content.full-width{margin-top:0}body{margin:0;overflow-x:hidden;padding:0}::-webkit-scrollbar-thumb{background:#c1c1c1}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:1rem}.mt-4{margin-top:1.5rem}.mt-5{margin-top:2rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}.mb-5{margin-bottom:2rem}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:1rem}.p-4{padding:1.5rem}.p-5{padding:2rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:1rem;padding-right:1rem}.px-4{padding-left:1.5rem;padding-right:1.5rem}.px-5{padding-left:2rem;padding-right:2rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-3{padding-bottom:1rem;padding-top:1rem}.py-4{padding-bottom:1.5rem;padding-top:1.5rem}.py-5{padding-bottom:2rem;padding-top:2rem}.auth-container{align-items:center;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.auth-container:before{content:"";height:300px;position:absolute;right:-150px;top:-150px;width:300px}.auth-container:after{background:radial-gradient(circle,#004aad0d 0,#0000 70%);bottom:-200px;content:"";height:400px;left:-200px;position:absolute;width:400px}.auth-card{animation:slideUp .5s ease;background:#fff;border-radius:24px;box-shadow:0 20px 60px #0000001a;max-width:450px;overflow:hidden;position:relative;width:100%;z-index:1}.auth-header{background:linear-gradient(135deg,#fff,#fafcff);padding:32px 40px 20px;text-align:center}.logo-container{margin-bottom:20px}.auth-logo{height:auto;object-fit:contain;width:100px}.auth-header h2{color:#1a2634;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:1.75rem;font-weight:700;margin-bottom:8px}.auth-header p{color:#5a6e8a;font-size:.9rem;margin:0}.auth-form{padding:0 40px 40px}.form-group{margin-bottom:20px}.input-wrapper{align-items:center;display:flex}.input-icon{color:#8a99b0;font-size:1rem;left:16px;pointer-events:none;position:absolute;transition:color .3s ease;z-index:2}.input-wrapper input{background:#fff;border:1.5px solid #e5e7eb;border-radius:16px;color:#1a2634;font-family:Inter,system-ui,-apple-system,sans-serif;outline:none;padding:14px 16px 14px 48px}.input-wrapper input:focus+.input-icon,.input-wrapper input:not(:placeholder-shown)+.input-icon{color:#004aad}.input-wrapper input::placeholder{color:#b9c1d0;font-size:.9rem}.input-wrapper input:-webkit-autofill,.input-wrapper input:-webkit-autofill:active,.input-wrapper input:-webkit-autofill:focus,.input-wrapper input:-webkit-autofill:hover{-webkit-text-fill-color:#1a2634!important;-webkit-box-shadow:inset 0 0 0 30px #fff!important;box-shadow:inset 0 0 0 30px #fff!important}.password-toggle{align-items:center;background:#0000;border:none;color:#8a99b0;cursor:pointer;display:flex;justify-content:center;padding:0;position:absolute;right:16px;transition:all .2s ease;z-index:2}.password-toggle:hover{color:#004aad}.form-options{align-items:center;display:flex;font-size:.85rem;justify-content:space-between;margin-bottom:28px}.checkbox-label{color:#5a6e8a;gap:8px}.checkbox-label input[type=checkbox]{height:16px;width:16px}.checkbox-label span{color:#5a6e8a}.forgot-link{color:#004aad;font-weight:500;text-decoration:none;transition:all .2s ease}.forgot-link:hover{color:#003d8a;text-decoration:underline}.auth-btn{background:linear-gradient(135deg,#004aad,#06c);border:none;border-radius:40px;color:#fff;cursor:pointer;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:1rem;font-weight:600;margin-bottom:24px;padding:14px;transition:all .3s ease;width:100%}.auth-btn:hover:not(:disabled){box-shadow:0 10px 20px #004aad4d;transform:translateY(-2px)}.auth-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.auth-footer{color:#5a6e8a;font-size:.9rem;text-align:center}.auth-link{color:#004aad;font-weight:600;text-decoration:none;transition:all .2s ease}.auth-link:hover{color:#003d8a;text-decoration:underline}.auth-error{animation:shake .5s ease;background:#fff5f5;border-left:3px solid #e53e3e;border-radius:12px;color:#e53e3e;font-size:.85rem;margin:0 40px 20px;padding:12px 16px}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}@media (max-width:768px){.auth-container{padding:16px}.auth-card{max-width:100%}.auth-header{padding:24px 24px 16px}.auth-form{padding:0 24px 24px}.auth-error{margin:0 24px 16px}.auth-logo{width:80px}.auth-header h2{font-size:1.5rem}}@media (max-width:480px){.auth-header h2{font-size:1.35rem}.form-options{align-items:flex-start;flex-direction:column;gap:12px}.input-wrapper input{font-size:.9rem;padding:12px 16px 12px 44px}.input-icon{font-size:.9rem;left:14px}}.navbar{background:linear-gradient(135deg,#004aad,#06c);box-shadow:0 2px 10px #0000001a;height:70px;left:0;position:fixed;right:0;top:0;transition:all .3s cubic-bezier(.25,.46,.45,.94);z-index:999}.navbar-container{align-items:center;display:flex;height:100%;justify-content:space-between;margin-left:280px;padding:0 32px;transition:margin-left .3s ease}.navbar-left{flex:1 1}.navbar-right{align-items:center;display:flex;gap:20px}.shops-dropdown-wrapper{position:relative}.shops-btn{align-items:center;background:#fff3;border:2px solid #ffffff4d;border-radius:40px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:8px;justify-content:center;min-width:150px;padding:8px 20px;transition:all .3s ease}.shops-btn:hover{background:#ffffff4d;border-color:#ffffff80;box-shadow:0 4px 15px #0003;transform:translateY(-2px)}.shops-icon{font-size:1.1rem}.shops-text{letter-spacing:.5px;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shops-arrow{font-size:.7rem;transition:transform .3s ease}.shops-arrow.rotate{transform:rotate(180deg)}.shops-dropdown{animation:slideDown .3s ease;background:#fff;border-radius:16px;box-shadow:0 10px 40px #0003;max-width:90vw;overflow:hidden;position:absolute;right:0;top:55px;width:320px;z-index:1000}.shops-dropdown-header{border-bottom:1px solid #e5e7eb;padding:20px 24px 16px}.header-top-row{align-items:flex-start;display:flex;gap:14px;margin-bottom:14px}.header-avatar{align-items:center;background:#eef2ff;border-radius:50%;color:#4f46e5;display:flex;flex-shrink:0;font-size:1.3rem;font-weight:700;height:44px;justify-content:center;width:44px}.header-title-group{flex:1 1}.shops-main-title{color:#004aad;font-size:1.1rem;font-weight:700;line-height:1.2;margin:0 0 4px}.shops-subtitle{color:#004aad;font-size:.8rem;margin:0}.switch-shop-label-top{color:#004aad;font-size:.7rem;font-weight:700;letter-spacing:1.5px;margin-bottom:8px}.switch-shop-bottom-row{align-items:center;background:#004aad;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;padding:10px 14px;transition:all .2s ease}.switch-shop-bottom-row.clickable:hover{background:#003d91;box-shadow:0 2px 8px #004aad4d;transform:translateY(-1px)}.switch-shop-bottom-row.clickable:active{transform:translateY(0)}.switch-desc-text{color:#fff;font-size:.8rem;font-weight:500}.options-count-badge{align-items:center;background:#fff;border-radius:10px;color:#004aad;display:flex;font-size:.7rem;font-weight:600;gap:4px;padding:3px 10px}.toggle-arrow{font-size:.6rem;transition:transform .3s ease}.toggle-arrow.up{transform:rotate(180deg)}.shops-vertical-list{background:#fff;display:flex;flex-direction:column;max-height:320px;overflow-y:auto}.shops-vertical-list::-webkit-scrollbar{width:4px}.shops-vertical-list::-webkit-scrollbar-track{background:#0000}.shops-vertical-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:10px}.shop-list-item{align-items:center;background:#fff;border:none;border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;justify-content:space-between;padding:14px 20px;text-align:left;transition:all .2s ease;width:100%}.shop-list-item:last-child{border-bottom:none}.shop-list-item:hover{background:#f8fafd}.shop-list-item.selected{background:#eff6ff}.shop-list-left{align-items:center;display:flex;flex:1 1;gap:14px}.shop-list-letter{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:1.1rem;font-weight:700;height:40px;justify-content:center;width:40px}.letter-color-0{background:#eef2ff;color:#4f46e5}.letter-color-1{background:#eff6ff;color:#3b82f6}.letter-color-2{background:#ecfdf5;color:#10b981}.letter-color-3{background:#fdf2f8;color:#ec4899}.shop-list-name{color:#374151;font-size:.9rem;font-weight:500;word-break:break-word}.shop-list-item.selected .shop-list-name{color:#2563eb;font-weight:600}.check-icon-list{background:#2563eb;border-radius:50%;color:#fff;flex-shrink:0;font-size:.65rem;height:20px;width:20px}.check-icon-list,.shops-loading{align-items:center;display:flex;justify-content:center}.shops-loading{color:#6b7280;font-size:.85rem;gap:8px;padding:30px}.spinner-tiny{animation:spin .6s linear infinite;border:2px solid #e5e7eb;border-radius:50%;border-top-color:#004aad;height:16px;width:16px}.notification-wrapper{position:relative}.notification-btn{align-items:center;background:#ffffff26;border:none;border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;position:relative;transition:all .3s ease;width:40px}.notification-btn:hover{background:#ffffff40;transform:scale(1.05)}.notification-icon{color:#fff;font-size:1.2rem}.notification-badge{align-items:center;background:#e53e3e;border-radius:50%;color:#fff;display:flex;font-size:.7rem;font-weight:600;height:18px;justify-content:center;position:absolute;right:-5px;top:-5px;width:18px}.notification-dropdown{animation:slideDown .3s ease;background:#fff;border-radius:16px;box-shadow:0 10px 40px #00000026;overflow:hidden;position:absolute;right:0;top:50px;width:350px;z-index:1000}.notification-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:16px 20px}.notification-header h3{color:#1a2634;font-size:1rem;font-weight:600;margin:0}.mark-all-btn{background:#0000;border:none;color:#004aad;cursor:pointer;font-size:.8rem;font-weight:500}.mark-all-btn:hover{text-decoration:underline}.notification-list{max-height:400px;overflow-y:auto}.notification-item{border-bottom:1px solid #f0f0f0;cursor:pointer;padding:12px 20px;transition:all .2s ease}.notification-item:hover{background:#f8fafd}.notification-item.unread{background:#eef3ff}.notification-title{color:#1a2634;font-size:.9rem;font-weight:500;margin-bottom:4px}.notification-time{color:#8a99b0;font-size:.7rem}.profile-wrapper{position:relative}.profile-btn{align-items:center;background:#ffffff26;border:none;border-radius:40px;cursor:pointer;display:flex;gap:10px;padding:6px 16px 6px 12px;transition:all .3s ease}.profile-btn:hover{background:#ffffff40;transform:translateY(-2px)}.profile-icon{color:#fff;font-size:1.5rem}.profile-avatar{height:32px;object-fit:cover;width:32px}.profile-name{color:#fff;font-size:.9rem;font-weight:500}.dropdown-arrow{color:#fff;font-size:.7rem;transition:transform .3s ease}.profile-btn:hover .dropdown-arrow{transform:rotate(180deg)}.profile-dropdown{animation:slideDown .3s ease;background:#fff;border-radius:16px;box-shadow:0 10px 40px #00000026;overflow:hidden;position:absolute;right:0;top:50px;width:280px;z-index:1000}.profile-dropdown-header{align-items:center;background:linear-gradient(135deg,#f8fafd,#fff);border-bottom:1px solid #e5e7eb;display:flex;gap:12px;padding:20px}.profile-dropdown-avatar{align-items:center;background:linear-gradient(135deg,#004aad,#06c);border-radius:50%;display:flex;height:50px;justify-content:center;width:50px}.profile-dropdown-avatar svg{color:#fff;font-size:2rem}.profile-dropdown-avatar img{border-radius:50%;height:100%;object-fit:cover;width:100%}.profile-dropdown-info h4{color:#1a2634;font-size:.95rem;font-weight:600;margin-bottom:4px}.profile-dropdown-info p{color:#8a99b0;font-size:.8rem;margin:0}.profile-dropdown-menu{padding:8px 0}.dropdown-item{background:#0000;color:#1a2634;gap:12px;padding:10px 20px}.dropdown-item:hover{background:#f8fafd}.dropdown-item svg{color:#8a99b0}.dropdown-item:hover svg{color:#004aad}.dropdown-divider{background:#e5e7eb;height:1px;margin:8px 0}.dropdown-item.logout-item,.dropdown-item.logout-item svg{color:#e53e3e}.dropdown-item.logout-item:hover{background:#e53e3e14}@media (max-width:1024px){.navbar{left:0}.shops-dropdown{width:300px}.navbar-container{margin-left:0}.navbar-right{gap:12px}.profile-name,.shops-text{display:none}.shops-btn{border-radius:50%;height:40px;min-width:0;min-width:auto;padding:10px;width:40px}.shops-arrow{display:none}.shops-icon{font-size:1.2rem;margin:0}.profile-btn{padding:6px 12px}.notification-dropdown,.profile-dropdown,.shops-dropdown{right:-60px;width:280px}.shops-vertical-list{max-height:280px}}.product-details-container{background:#fff;margin:2rem auto;max-width:1450px;padding:0 1.5rem}.product-tabs-header{background:#fff;border-bottom:none;display:flex;gap:1rem;margin-bottom:2rem;padding-bottom:.5rem;padding-left:0;position:relative}.product-tabs-header:after{background:linear-gradient(90deg,#004aad,#66b0ff);border-radius:2px;bottom:0;content:"";height:3px;left:0;position:absolute;width:100%}.product-tab-button{background:#0000;border:none;border-radius:8px 8px 0 0;color:#004aad;cursor:pointer;font-size:1rem;font-weight:600;margin-bottom:17px;padding:.8rem 2rem;position:relative;transition:all .3s ease}.product-tab-button:first-child{margin-left:0}.product-tab-button:hover{background-color:#004aad14}.product-tab-button.active{background-color:#004aad1f;color:#004aad;font-weight:700}.product-tab-button.active:after{background:linear-gradient(90deg,#004aad,#66b0ff);border-radius:2px;bottom:-2px;content:"";height:3px;left:0;position:absolute;width:100%}.product-tab-content{animation:fadeIn .3s ease;background:#fff;padding-left:0}.product-header-section{margin-bottom:1.8rem}.product-header-section h2{color:#004aad;font-size:1.95rem;font-weight:700;margin:0 0 .4rem}.product-header-section p{color:#666;margin:0}.product-top-bar{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.search-wrapper{min-width:280px}.search-icon{color:#94a3b8;font-size:1rem}.search-input{background:#f8fafc;border:2px solid #e2e8f0;font-size:.96rem;padding:.85rem 1rem .85rem 3rem;transition:all .3s ease}.search-input:focus{background:#fff;box-shadow:0 0 0 4px #004aad1a}.btn-new-product{align-items:center;background:linear-gradient(135deg,#004aad,#06c);border:none;border-radius:12px;box-shadow:0 4px 15px #004aad4d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:700;padding:.85rem 2rem;transition:all .3s ease;white-space:nowrap}.btn-new-product:hover{background:linear-gradient(135deg,#003380,#004aad);box-shadow:0 8px 25px #004aad66;transform:translateY(-2px)}.products-main{display:flex;gap:2rem}.filters-sidebar{align-self:flex-start;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 20px #0000000a;flex-shrink:0;padding:1.5rem;position:sticky;top:20px;width:280px}.filters-sidebar .filters-header{align-items:center;border-bottom:2px solid #f1f5f9;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.filters-sidebar h3{align-items:center;color:#1e293b;display:flex;font-size:1.15rem;font-weight:700;gap:.5rem;margin:0}.filters-sidebar h3:before{background:linear-gradient(180deg,#004aad,#66b0ff);border-radius:2px;content:"";height:20px;width:4px}.btn-clear-filters{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#ef4444;cursor:pointer;display:flex;font-size:.75rem;font-weight:600;gap:5px;padding:.4rem .8rem;transition:all .3s ease}.btn-clear-filters:hover{background:#fef2f2;border-color:#ef4444;color:#dc2626}.filters-grid{gap:1.2rem}.filters-grid,.filters-grid .filter-group{display:flex;flex-direction:column}.filter-group label{color:#64748b;font-size:.7rem;font-weight:700;letter-spacing:1px;margin-bottom:8px;text-transform:uppercase}.filter-group select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#f8fafc;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:18px;border:2px solid #e2e8f0;border-radius:10px;color:#334155;cursor:pointer;font-size:.85rem;font-weight:500;padding:.7rem 1rem;transition:all .3s ease;width:100%}.filter-group select:hover{background:#fff;border-color:#cbd5e1}.filter-group select:focus{background:#fff;border-color:#004aad;box-shadow:0 0 0 4px #004aad1a;outline:none}.products-grid{grid-gap:1.5rem;flex:1 1;gap:1.5rem;grid-template-columns:repeat(3,1fr);margin-top:.5rem}.product-card{border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 1px 3px #0000000a;display:flex;flex-direction:column;height:100%;max-height:650px;max-width:100%;min-width:0;padding:0;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.product-card:hover{border-color:#004aad;box-shadow:0 20px 40px #0000001f;transform:translateY(-8px)}.product-image-container{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);display:flex;flex-shrink:0;height:220px;justify-content:center;margin:0;max-height:220px;min-height:220px;overflow:hidden;padding:0;position:relative;width:100%}.product-image{background:#0000;display:block;height:100%;margin:0;object-fit:cover;transition:transform .5s cubic-bezier(.4,0,.2,1);width:100%}.product-card:hover .product-image{transform:scale(1.08)}.product-image-placeholder{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:none;color:#94a3b8;display:flex;font-size:.9rem;font-weight:500;height:100%;justify-content:center;width:100%}.product-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffffa;border:1px solid #004aad33;border-radius:25px;box-shadow:0 4px 12px #0000001a;color:#004aad;display:flex;font-size:.7rem;font-weight:700;gap:5px;letter-spacing:.3px;padding:.35rem .9rem;position:absolute;right:1rem;top:1rem;z-index:2}.badge-icon{color:#004aad;font-size:.65rem}.product-card-content{background:#fff;display:flex;flex:1 1;flex-direction:column;max-height:430px;overflow-x:hidden;overflow-y:auto;padding:1.2rem}.product-card-content::-webkit-scrollbar{width:5px}.product-card-content::-webkit-scrollbar-track{background:#0000;border-radius:10px}.product-card-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#cbd5e1,#94a3b8);border-radius:10px}.product-card-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#94a3b8,#64748b)}.product-card-content{scrollbar-color:#cbd5e1 #0000;scrollbar-width:thin}.product-name{word-wrap:break-word;border-bottom:2px solid #f1f5f9;color:#004aad;font-size:1.05rem;font-weight:700;letter-spacing:-.01em;line-height:1.3;margin:0 0 .5rem;padding-bottom:.6rem;padding-left:.5rem;position:relative;text-align:left;transition:color .3s ease;word-break:break-word}.product-name:before{background:linear-gradient(180deg,#004aad,#66b0ff);border-radius:2px;content:"";height:70%;left:0;opacity:0;position:absolute;top:.15rem;transition:opacity .3s ease;width:3px}.product-card:hover .product-name:before{opacity:1}.product-description{word-wrap:break-word;color:#004aad;flex-grow:0;font-size:.78rem;line-height:1.5;margin:.6rem 0;padding-left:.5rem;text-align:left;word-break:break-word}.product-info-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin:.5rem 0;overflow:hidden}.product-info-row{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;gap:.8rem;min-width:0;padding:.55rem .9rem;position:relative;transition:all .3s ease}.product-info-row:last-child{border-bottom:none}.product-info-row:before{background:#004aad;border-radius:0 3px 3px 0;content:"";height:0;left:0;position:absolute;top:50%;transform:translateY(-50%);transition:height .3s ease;width:3px}.product-info-row:hover{background:#f1f5f9;padding-left:1.1rem}.product-info-row:hover:before{height:60%}.info-label{color:#004aad;flex-shrink:0;font-size:.6rem;font-weight:700;letter-spacing:1px;min-width:65px;padding-top:1px;text-transform:uppercase}.info-value{color:#334155;flex:1 1;font-size:.82rem;font-weight:600;line-height:1.4;overflow-wrap:break-word;text-align:left;word-break:break-word}.info-value.price{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#004aad,#06c);-webkit-background-clip:text;background-clip:text;color:#004aad;font-size:.9rem;font-weight:700;letter-spacing:-.01em}.info-value.stock{color:#16a34a;font-weight:700}.info-value.stock.low-stock{animation:pulse 2s infinite;color:#ef4444}.product-actions{grid-gap:.5rem;border-top:2px solid #f1f5f9;display:grid;gap:.5rem;grid-template-columns:1fr 1fr;margin-top:auto;padding-top:.8rem}.btn-edit-product,.btn-open-label,.btn-print-label,.btn-read-more{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:.7rem;font-weight:700;gap:5px;justify-content:center;letter-spacing:.3px;overflow:hidden;padding:.55rem .5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.btn-edit-product:before,.btn-open-label:before,.btn-print-label:before,.btn-read-more:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.btn-edit-product:active:before,.btn-open-label:active:before,.btn-print-label:active:before,.btn-read-more:active:before{height:300px;width:300px}.btn-read-more{background:#f1f5f9;border:1px solid #e2e8f0;color:#475569}.btn-read-more:hover{background:#e2e8f0;box-shadow:0 4px 12px #00000014;color:#1e293b;transform:translateY(-2px)}.btn-edit-product{background:linear-gradient(135deg,#004aad,#06c);box-shadow:0 4px 12px #004aad33;color:#fff}.btn-edit-product:hover{background:linear-gradient(135deg,#003380,#004aad);box-shadow:0 6px 20px #004aad4d;transform:translateY(-2px)}.btn-open-label{background:linear-gradient(135deg,#16a34a,#22c55e);box-shadow:0 4px 12px #22c55e33;color:#fff}.btn-open-label:hover{background:linear-gradient(135deg,#15803d,#16a34a);box-shadow:0 6px 20px #22c55e4d;transform:translateY(-2px)}.btn-print-label{background:linear-gradient(135deg,#d97706,#f59e0b);box-shadow:0 4px 12px #f59e0b33;color:#fff}.btn-print-label:hover{background:linear-gradient(135deg,#b45309,#d97706);box-shadow:0 6px 20px #f59e0b4d;transform:translateY(-2px)}.no-products{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:2px dashed #cbd5e1;border-radius:20px;grid-column:1/-1;padding:4rem 2rem}.no-products-icon{animation:float 3s ease-in-out infinite;color:#cbd5e1;font-size:4rem;margin-bottom:1.5rem}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.no-products p{color:#64748b;font-size:1.1rem;font-weight:500;margin-bottom:1.5rem}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009}.modal-container{animation:slideUp .4s cubic-bezier(.4,0,.2,1);border-radius:20px;box-shadow:0 25px 80px #00000040}.modal-header{background:#fff;border-bottom:2px solid #f1f5f9;border-radius:20px 20px 0 0;padding:1.5rem 2rem}.modal-header h2{color:#0f172a;font-size:1.5rem;font-weight:700;margin:0}.modal-close{background:#f1f5f9;border-radius:12px;color:#64748b;font-size:1.2rem;height:40px;padding:.6rem;transition:all .3s ease;width:40px}.modal-close:hover{background:#fee2e2;color:#ef4444}.modal-body{max-height:calc(90vh - 140px);padding:2rem}.image-previews-section{border-bottom:2px solid #f1f5f9;margin-bottom:2rem;padding-bottom:1.5rem}.image-previews-section h3{align-items:center;color:#0f172a;display:flex;font-size:1.15rem;font-weight:700;gap:.5rem;margin-bottom:1.2rem;text-align:left}.image-previews-section h3:before{background:linear-gradient(180deg,#004aad,#66b0ff);border-radius:2px;content:"";height:20px;width:4px}.image-previews-grid{grid-gap:1.2rem;display:grid;gap:1.2rem;grid-template-columns:repeat(4,1fr)}.image-preview-card{align-items:center;display:flex;flex-direction:column;text-align:center}.image-preview-label{color:#64748b;font-size:.8rem;font-weight:700;letter-spacing:.5px;margin-bottom:.8rem;text-align:center;text-transform:uppercase;width:100%}.image-preview{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;display:block;height:200px;margin-bottom:.8rem;object-fit:cover;transition:all .3s ease;width:100%}.image-preview:hover{border-color:#004aad;box-shadow:0 8px 25px #0000001f;transform:scale(1.05)}.image-preview-placeholder{background:#f8fafc;border:2px dashed #cbd5e1;border-radius:12px;color:#94a3b8;display:flex;font-size:.85rem;height:200px;margin-bottom:.8rem}.image-preview-placeholder,.image-upload-btn{align-items:center;justify-content:center;width:100%}.image-upload-btn{background:linear-gradient(135deg,#004aad,#06c);border:none;border-radius:10px;box-shadow:0 4px 12px #004aad33;color:#fff;cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:700;gap:6px;padding:.7rem 1.2rem;transition:all .3s ease}.image-upload-btn:hover{background:linear-gradient(135deg,#003380,#004aad);box-shadow:0 6px 20px #004aad4d;transform:translateY(-2px)}.product-form{display:flex;flex-direction:column;gap:1rem}.form-row{grid-template-columns:repeat(2,1fr)}.form-group{gap:.5rem;text-align:left}.form-group label{color:#64748b;font-size:.78rem;font-weight:700;letter-spacing:.8px;text-align:left}.form-group input,.form-group select,.form-group textarea{background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;box-sizing:border-box;color:#334155;font-family:inherit;font-size:.9rem;padding:.75rem 1rem;text-align:left;transition:all .3s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#fff;box-shadow:0 0 0 4px #004aad1a}.form-group input::placeholder,.form-group textarea::placeholder{color:#94a3b8;font-weight:400}.form-group textarea{min-height:80px}.modal-footer{background:#fff;border-radius:0 0 20px 20px;border-top:2px solid #f1f5f9;padding:1.5rem 2rem}.btn-cancel{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;color:#64748b;font-size:.9rem;font-weight:700;padding:.75rem 1.5rem;transition:all .3s ease}.btn-cancel:hover{background:#e2e8f0;transform:translateY(-2px)}.btn-submit{align-items:center;background:linear-gradient(135deg,#004aad,#06c);border:none;border-radius:10px;box-shadow:0 4px 15px #004aad4d;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:700;gap:8px;padding:.75rem 1.5rem;transition:all .3s ease}.btn-submit:hover{background:linear-gradient(135deg,#003380,#004aad);box-shadow:0 8px 25px #004aad66;transform:translateY(-2px)}@media (max-width:1400px){.products-grid{grid-template-columns:repeat(2,1fr)}.product-image-container{height:200px;max-height:200px;min-height:200px}.product-card-content{max-height:400px}}@media (max-width:1100px){.products-grid{grid-template-columns:repeat(2,1fr)}.product-image-container{height:180px;max-height:180px;min-height:180px}.product-card-content{max-height:350px}.image-previews-grid{grid-template-columns:repeat(2,1fr)}.image-preview,.image-preview-placeholder{height:220px}}@media (max-width:992px){.products-main{flex-direction:column}.filters-sidebar{position:static;width:100%}.filters-grid{display:grid;grid-template-columns:repeat(3,1fr)}.form-row{grid-template-columns:1fr}.form-group.full-width{grid-column:span 1}}@media (max-width:768px){.product-top-bar{flex-direction:column}.btn-new-product{justify-content:center;width:100%}.products-grid{grid-template-columns:1fr}.product-image-container{height:240px;max-height:240px;min-height:240px}.product-card-content{max-height:380px}.product-actions{grid-template-columns:repeat(2,1fr)}.modal-body{padding:1.5rem}.image-previews-grid{grid-template-columns:1fr 1fr}.image-preview,.image-preview-placeholder{height:180px}.modal-header h2{font-size:1.3rem}.modal-footer{flex-direction:column}.btn-cancel,.btn-submit{justify-content:center;width:100%}.filters-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.products-grid{grid-template-columns:1fr}.product-image-container{height:260px;max-height:260px;min-height:260px}.product-card-content{max-height:350px}.image-previews-grid{grid-template-columns:1fr}.image-preview,.image-preview-placeholder{height:200px}.filters-grid{grid-template-columns:1fr}}.product-info-list{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin:.5rem 0;overflow:hidden}.info-item{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:.5rem .9rem;position:relative;transition:all .3s ease}.info-item:last-child{border-bottom:none}.info-item:before{background:#004aad;border-radius:0 3px 3px 0;content:"";height:0;left:0;position:absolute;top:50%;transform:translateY(-50%);transition:height .3s ease;width:3px}.info-item:hover{background:#f1f5f9;padding-left:1.1rem;padding-right:.7rem}.info-item:hover:before{height:60%}.info-item-label{color:#004aad;flex-shrink:0;font-size:.65rem;font-weight:700;letter-spacing:.8px;text-align:left;text-transform:uppercase}.info-item-value{color:#334155;flex:1 1;font-size:.82rem;font-weight:600;line-height:1.4;max-width:60%;overflow-wrap:break-word;padding-left:1rem;text-align:right;word-break:break-word}.info-item-value.price-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#004aad,#06c);-webkit-background-clip:text;background-clip:text;color:#004aad;font-size:.9rem;font-weight:700;letter-spacing:-.01em}.info-item-value.stock-value{color:#16a34a;font-weight:700}.info-item-value.stock-value.low-stock{animation:pulse 2s infinite;color:#ef4444}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.stats-bar{background:#f8f9fa;border-radius:8px;display:flex;flex-wrap:wrap;gap:24px;margin-top:16px;padding:12px 16px}.stat-item{color:#555;font-size:14px}.stat-item strong{color:#004aad;font-size:18px;margin-right:6px}.loading-spinner{border:4px solid #f3f3f3;border-radius:50%;border-top-color:#004aad;height:50px;margin:0 auto 20px;width:50px}.shop-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-bottom:32px;overflow:hidden}.shop-header{background:linear-gradient(135deg,#004aad,#002b66);padding:16px 24px}.shop-title{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.shop-icon{color:#fff;font-size:24px}.shop-title h3{color:#fff;font-size:18px;font-weight:600;margin:0}.product-count{background:#fff3;border-radius:20px;color:#fff;font-size:13px;margin-left:auto;padding:4px 12px}.products-container{background:#f5f7fa;flex:1 1;overflow-y:auto;padding:20px}.products-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));padding:20px}@media (max-width:768px){.products-grid{grid-template-columns:1fr;padding:16px}.stats-bar{gap:16px}.shop-title{align-items:flex-start;flex-direction:column}.product-count{margin-left:0}}.product-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden;transition:transform .2s,box-shadow .2s}.product-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.product-description{color:#666;font-size:13px;line-height:1.4;margin-bottom:12px}.no-products{background:#fff;border-radius:12px;padding:60px 20px;text-align:center}.no-products-icon{color:#ccc;font-size:64px;margin-bottom:20px}.filter-group select option{padding:8px}.filter-group select option:checked{background-color:#004aad;color:#fff}.filter-group small{color:#94a3b8;display:block;font-size:.7rem;margin-top:4px}.info-item-value[style*="color: #004aad"]{font-weight:600}@media (max-width:768px){.filter-group select{font-size:.8rem}}.payment-main-container{margin:0;max-width:100%;padding:20px}.payment-header-section,.payment-main-container{background:#fff;box-sizing:border-box;width:100%}.payment-header-section{border:1px solid #e0e0e0;border-radius:4px;margin-bottom:2rem;padding:1.5rem}.payment-header-section h2{color:#004aad;font-size:1.75rem;font-weight:700;margin:0}.payment-content{background:#fff;box-sizing:border-box;padding:0;text-align:left;width:100%}.payment-action-section{align-items:center;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:4px;box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:1.5rem;padding:1rem 1.5rem;width:100%}.add-payment-btn,.select-all-btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:inline-flex;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;font-weight:500;gap:.5rem;justify-content:center;line-height:1;margin:0;padding:.6rem 1.5rem;transition:all .3s ease;vertical-align:middle;white-space:nowrap}.add-payment-btn{background:#004aad;color:#fff}.add-payment-btn:hover{background:#003380;transform:translateY(-1px)}.payment-table-container{background:#fff;border:1px solid #e0e0e0;border-radius:4px;box-sizing:border-box;margin-bottom:1.5rem;overflow-x:auto;width:100%}.payment-table-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:1rem 1.5rem}.payment-table-header h3{color:#004aad;font-size:1rem;font-weight:600;margin:0}.payment-count{background:#fff;border:1px solid #e0e0e0;border-radius:20px;color:#666;font-size:.85rem;padding:.25rem .75rem}.payment-table-wrapper{overflow-x:auto;width:100%}.payment-table{background:#fff;border-collapse:collapse;min-width:700px;width:100%}.payment-table th,.payment-table thead tr{background:#004aad}.payment-table th{border:none;color:#fff;font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:12px;text-align:left;text-transform:uppercase}.payment-table tbody tr{border-bottom:1px solid #e0e0e0}.payment-table tbody tr:last-child{border-bottom:none}.payment-table td{border:none;color:#333;font-size:.9rem;padding:12px;text-align:left}.payment-table td:first-child,.payment-table th:first-child{text-align:center;width:50px}.payment-table td:last-child,.payment-table th:last-child{text-align:center;width:100px}.payment-table tbody tr:hover{background-color:#f1f5ff}.payment-table tbody tr.selected{background:#004aad0d}.payment-table input[type=checkbox]{accent-color:#004aad;cursor:pointer;height:16px;margin:0;width:16px}.date-cell{white-space:nowrap}.reference-cell{font-family:monospace;font-size:.85rem}.edit-payment-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#004aad;cursor:pointer;display:inline-flex;font-size:1rem;justify-content:center;padding:6px;transition:all .3s}.edit-payment-btn:hover{background:#004aad1a;transform:scale(1.1)}.no-payments{color:#666;padding:3rem;text-align:center}.form-group{margin-bottom:1.5rem}.form-group input,.form-group select{border:1px solid #e0e0e0;border-radius:4px;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;padding:.6rem;transition:all .2s;width:100%}.form-group input:focus,.form-group select:focus{border-color:#004aad;box-shadow:0 0 0 2px #004aad1a;outline:none}.form-group input[type=date]{font-family:Arial,Helvetica,sans-serif}.payment-method-select{background-color:#fff;box-sizing:border-box;cursor:pointer;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;padding:.6rem;width:100%}.payment-method-select,.shop-name-display{border:1px solid #e0e0e0;border-radius:4px}.shop-name-display{align-items:center;background:#f8f9fa;color:#004aad;display:flex;font-size:1rem;gap:10px;padding:10px 15px}.shop-name-display .shop-icon{color:#004aad;font-size:1.2rem}.shop-name-display strong{color:#333}.shop-icon-small{margin-right:5px}.shop-cell{gap:5px}.form-select{cursor:pointer}.btn-cancel,.btn-delete,.btn-save{gap:.5rem;justify-content:center;line-height:1;vertical-align:middle}.btn-delete:hover{transform:translateY(-1px)}@media (max-width:992px){.payment-main-container{padding:15px}.payment-action-section{flex-direction:column;gap:1rem}.search-wrapper{max-width:none;width:100%}.action-buttons{justify-content:center;width:100%}.add-payment-btn,.select-all-btn{flex:1 1;justify-content:center}.payment-table{min-width:600px}}@media (max-width:768px){.payment-main-container{padding:10px}.payment-action-section{flex-direction:column;padding:1rem}.search-wrapper{min-width:auto;width:100%}.action-buttons{flex-direction:column;width:100%}.add-payment-btn,.select-all-btn{justify-content:center;width:100%}.header-content{flex-direction:column;text-align:center}.header-subtitle{padding-left:0;text-align:center}.payment-table td,.payment-table th{font-size:12px;padding:8px 4px}.payment-table{min-width:500px}.modal-content{margin:1rem;width:95%}.summary-content{align-items:stretch;flex-direction:column}.action-dropdown-container{width:100%}.action-dropdown-btn{justify-content:center;width:100%}.action-dropdown-menu{margin-top:8px;position:static;width:100%}}@media (max-width:480px){.payment-main-container{padding:8px}.payment-header-section{padding:1rem}.payment-header-section h2{font-size:1.3rem}.header-icon{font-size:1.5rem;padding:.5rem}.header-subtitle{font-size:.8rem}.payment-table td,.payment-table th{font-size:.7rem;padding:.5rem}.checkbox-cell{width:40px}.checkbox-cell input{height:14px;width:14px}.edit-payment-btn{font-size:.8rem;padding:.3rem .5rem}.btn-cancel,.btn-delete,.btn-save{font-size:.8rem;padding:.5rem 1rem}}@media print{.payment-main-container{background:#fff;padding:0}.action-dropdown-container,.actions-cell,.checkbox-cell,.payment-action-section,.payment-header-section,.selected-summary{display:none}.payment-table-container{border:1px solid #ddd;box-shadow:none}.payment-table{width:100%}.payment-table td,.payment-table th{border:1px solid #ddd}}.gallery-main-container{background:#fff;box-sizing:border-box;margin:0;max-width:100%;padding:20px;width:100%}.gallery-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.spinner{color:#004aad;font-size:2.5rem}.spinner-small{margin-right:5px}.error-message{background:#fee2e2;border:1px solid #dc3545;margin:20px;padding:20px}.error-message button{background:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 16px}.error-message button:hover{background:#c82333}.gallery-header-section{background:#fff;border:1px solid #e0e0e0;border-radius:4px;box-sizing:border-box;margin-bottom:2rem;padding:1.5rem;width:100%}.gallery-header-section h2{color:#004aad;font-size:1.75rem;font-weight:700;margin:0}.gallery-action-section{align-items:center;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:4px;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:55%;justify-content:space-between;margin-bottom:1.5rem;padding:1rem 1.5rem;width:100%}.add-image-btn,.select-all-btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.6rem 1.5rem;transition:all .3s ease}.add-image-btn{background:#004aad;color:#fff}.add-image-btn:hover{background:#003380}.gallery-table-container{background:#fff;border:1px solid #e0e0e0;border-radius:4px;box-sizing:border-box;margin-bottom:1.5rem;overflow-x:auto;width:100%}.gallery-table-header{align-items:center;background:#f8faf8;display:flex;justify-content:space-between;padding:1rem 1.5rem}.gallery-table-header h3{color:#004aad;font-size:1rem;font-weight:600;margin:0}.image-count{background:#fff;border:1px solid #e0e0e0;border-radius:20px;color:#666;font-size:.85rem;padding:.25rem .75rem}.gallery-table{background:#fff;border-collapse:collapse;min-width:700px;width:100%}.gallery-table thead{background:#004aad}.gallery-table th{color:#fff;font-size:.85rem;font-weight:600;padding:1rem;text-align:left}.gallery-table td{border-bottom:1px solid #f0f0f0;color:#333;font-size:.9rem;padding:.8rem 1rem}.gallery-table tbody tr:hover{background:#fafafa}.gallery-table tbody tr.selected{background:#004aad0d}.gallery-table input[type=checkbox]{accent-color:#004aad;cursor:pointer;height:18px;width:18px}.id-cell{width:80px}.id-badge{align-items:center;background:#004aad;border-radius:6px;color:#fff;display:inline-flex;font-size:.85rem;font-weight:600;height:32px;justify-content:center;min-width:40px;padding:0 10px}.images-preview-cell{width:150px}.images-preview{display:flex;flex-wrap:wrap;gap:4px}.mini-preview{border:1px solid #e0e0e0;border-radius:4px;height:35px;object-fit:cover;width:35px}.no-images-text{color:#999;font-size:.75rem}.date-cell{color:#666;font-size:.8rem;width:100px}.delete-image-btn,.edit-image-btn{background:#0000;border:none;border-radius:4px;cursor:pointer;font-size:1rem;padding:.4rem .6rem;transition:all .2s ease}.edit-image-btn{color:#004aad}.edit-image-btn:hover{background:#004aad1a;transform:scale(1.05)}.delete-image-btn{color:#dc3545}.delete-image-btn:hover{background:#dc35451a;transform:scale(1.05)}.gallery-title-wrapper{gap:.75rem}.gallery-title{color:#333;font-weight:500}.no-images{color:#666;padding:3rem;text-align:center}.modal-footer{background:#f8f9fa;bottom:0;position:sticky}.image-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{border-bottom:1px solid #f0f0f0;padding-bottom:1rem}.form-group:last-child{border-bottom:none;padding-bottom:0}.form-group label{color:#004aad;font-size:.9rem;margin-bottom:.75rem}.title-input{border:1px solid #e0e0e0;border-radius:4px;box-sizing:border-box;font-size:.9rem;padding:.6rem 1rem;width:100%}.title-input:focus{border-color:#004aad;box-shadow:0 0 0 2px #004aad1a;outline:none}.image-upload-container{gap:1rem}.image-upload-label{color:#333;font-size:.9rem;padding:.6rem 1.2rem;transition:all .2s ease}.image-upload-label:hover{color:#004aad;transform:translateY(-1px)}.file-name-display{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:4px;color:#666;font-family:monospace;font-size:.85rem;padding:.25rem .75rem}.file-name{color:#333;font-weight:500}.file-type{color:#004aad;font-weight:600;margin-left:.25rem}.remove-file-btn{align-items:center;background:#dc3545;border:none;border-radius:50%;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;height:22px;justify-content:center;transition:all .2s ease;width:22px}.remove-file-btn:hover{background:#c82333;transform:scale(1.1)}.preview-image-modal{transition:transform .2s ease}.preview-image-modal:hover{transform:scale(1.05)}.remove-image-modal{transition:all .2s ease}.btn-cancel,.btn-delete,.btn-save{align-items:center;display:inline-flex;gap:5px}.btn-save:hover:not(:disabled){background:#003380;box-shadow:0 2px 8px #004aad4d;transform:translateY(-1px)}.btn-delete:hover:not(:disabled){background:#c82333;box-shadow:0 2px 8px #dc35454d;transform:translateY(-1px)}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.modal-content::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.modal-content::-webkit-scrollbar-thumb:hover{background:#555}@media (max-width:1024px){.gallery-action-section{gap:2rem}}@media (max-width:768px){.gallery-main-container{padding:10px}.gallery-action-section{align-items:stretch;flex-direction:column;gap:1rem}.search-wrapper{max-width:none}.action-buttons{flex-direction:column}.add-image-btn,.select-all-btn{justify-content:center}.header-content{flex-direction:column;text-align:center}.header-subtitle{padding-left:0;text-align:center}.summary-content{align-items:stretch;flex-direction:column}.action-dropdown-container{width:100%}.action-dropdown-btn{justify-content:center;width:100%}.action-dropdown-menu{margin-top:8px;position:static;width:100%}.modal-content{margin:1rem;width:95%}.gallery-table td,.gallery-table th{padding:.6rem}.images-preview{flex-direction:column}.mini-preview{height:30px;width:30px}}.success-message{background:#d4edda;border:1px solid #c3e6cb;color:#155724;margin-bottom:20px;padding:10px 15px}.delete-selected-btn{align-items:center;background:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;gap:5px;padding:5px 12px}.file-upload-area{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.shop-info-text{background:#f0f0f0;border-radius:4px;color:#666;font-size:12px;margin-top:8px;padding:8px}.auto-title-info{background:#e3f2fd;border-radius:6px;margin-bottom:15px;padding:10px}.auto-title-text{color:#004aad;font-size:13px;margin:0}.current-image-info{align-items:center;background:#f0f0f0;border-radius:4px;display:flex;font-size:12px;gap:8px;margin-bottom:10px;padding:6px}.current-label{color:#666;font-weight:700}.current-file-name{color:#004aad;font-family:monospace}.clear-current-btn{background:#dc3545;border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:11px;padding:2px 8px}.clear-current-btn:hover{background:#c82333}.change-label{color:#666;font-size:13px;font-weight:500}.shop-tag{background:#e0e0e0;border-radius:12px;color:#666;display:inline-block;font-size:11px;margin-left:10px;padding:2px 8px}button:disabled{cursor:not-allowed;opacity:.5}.gallery-title-wrapper{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.loading-container .spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#004aad;height:50px;margin-bottom:20px;width:50px}.banner-content{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between}.sync-buttons{display:flex;gap:10px}.export-btn,.sync-btn{align-items:center;background:#fff3;border:1px solid #ffffff4d;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:13px;gap:8px;padding:6px 12px;transition:all .3s ease}.export-btn:hover,.sync-btn:hover{background:#ffffff4d;transform:translateY(-1px)}.sync-btn:disabled{cursor:not-allowed;opacity:.6}.spinning{animation:spin 1s linear infinite}.sync-message{border-radius:6px;font-size:13px;margin-top:10px;padding:8px 15px;text-align:center}.sync-message.success{background:#28a74533;border:1px solid #28a745;color:#28a745}.sync-message.error{background:#dc354533;border:1px solid #dc3545;color:#dc3545}@media (max-width:768px){.banner-content{flex-direction:column;text-align:center}.sync-buttons{justify-content:center}}.shop-selector-warning{background:#fff3cd;border:1px solid #ffc107;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.warning-banner{align-items:center;border-bottom:1px solid #ffc1074d;display:flex;gap:.75rem;margin-bottom:1rem;padding-bottom:.75rem}.warning-icon{font-size:1.5rem}.warning-text{color:#856404;flex:1 1;font-size:.9rem}.shop-selector-container{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.shop-selector-container label{color:#856404;font-weight:600}.shop-select-dropdown{background:#fff;border:1px solid #ffc107;min-width:250px;padding:.6rem 1rem}.add-image-btn:disabled{cursor:not-allowed;opacity:.5}.add-image-btn:disabled:hover{background:#004aad;transform:none}.customers-main-container{background:#f8fafc;font-family:Inter,Segoe UI,system-ui,sans-serif;margin-left:-170px;min-height:100vh;padding:24px 32px;width:calc(100vw - 280px)}.customers-tabs{background:#f8fafc;border-bottom:none;display:flex;gap:1rem;margin-bottom:2rem;padding-bottom:.5rem;padding-left:0;position:relative}.customers-tabs:after{background:linear-gradient(90deg,#004aad,#66b0ff);border-radius:2px;bottom:0;content:"";height:3px;left:0;position:absolute;width:100%}.customers-tab{background:#0000;border:none;border-radius:8px 8px 0 0;color:#004aad;cursor:pointer;font-family:Arial,Helvetica,sans-serif;font-size:1rem;font-weight:600;margin-bottom:17px;padding:.8rem 2rem;position:relative;transition:all .3s ease}.customers-tab:first-child{margin-left:0}.customers-tab:hover{background-color:#004aad14}.customers-tab.active{background-color:#004aad1f;color:#004aad;font-weight:700}.customers-tab.active:after{background:linear-gradient(90deg,#004aad,#66b0ff);border-radius:2px;bottom:-2px;content:"";height:3px;left:0;position:absolute;width:100%}.customers-tab-content{animation:fadeIn .3s ease;background:#f8fafc;padding-left:0}.customers-page{background:#f8fafc;font-family:Inter,Segoe UI,system-ui,sans-serif;min-height:100vh;padding:0;width:100%}.customers-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:28px}.customers-header h1{color:#004aad;font-size:1.875rem;font-weight:700;letter-spacing:-.02em;margin:0}.header-stats{display:flex;flex-wrap:wrap;gap:12px}.stat-badge{background:#fff;border:1px solid #e2e8f0;border-radius:40px;color:#1e293b;font-size:.875rem;font-weight:500;padding:6px 14px}.customers-filters{background:#fff;border:1px solid #eef2f6;border-radius:16px;box-shadow:0 1px 3px #0000000d;margin-bottom:24px;padding:20px 24px}.search-wrapper{margin-bottom:0}.search-input{background:#fff;border:1px solid #e2e8f0;border-radius:12px;font-family:inherit;font-size:.9375rem;padding:12px 16px 12px 44px;transition:all .2s ease}.search-input:focus{box-shadow:0 0 0 3px #004aad1a}.search-icon{font-size:1.125rem;left:16px;opacity:.6}.table-container{background:#fff;border:1px solid #eef2f6;border-radius:20px;box-shadow:0 1px 3px #0000000d;margin-bottom:24px;max-width:100%;overflow-x:auto;width:100%}.customers-table{background:#fff;border-collapse:collapse;margin:0;padding:0;table-layout:fixed;width:100%}.customers-table thead{background:#f8fafc}.customers-table th{background:#004aad;border-bottom:2px solid #e2e8f0;color:#fff;font-size:.8125rem;font-weight:600;letter-spacing:.5px;padding:16px 12px;text-align:left;text-transform:uppercase;vertical-align:middle}.customers-table td{border-bottom:1px solid #f1f5f9;color:#334155;font-size:.875rem;padding:14px 12px;text-align:left;vertical-align:middle}.customers-table td:first-child,.customers-table th:first-child{text-align:center!important;width:40px!important}.customers-table td:nth-child(2),.customers-table th:nth-child(2){width:50px!important}.customers-table td:nth-child(3),.customers-table td:nth-child(4),.customers-table th:nth-child(3),.customers-table th:nth-child(4){width:130px!important}.customers-table td:nth-child(5),.customers-table th:nth-child(5){width:220px!important}.customers-table td:nth-child(6),.customers-table th:nth-child(6){width:150px!important}.customers-table td:nth-child(7),.customers-table th:nth-child(7){width:110px!important}.customers-table input[type=checkbox]{accent-color:#004aad;cursor:pointer;height:18px;margin:0;vertical-align:middle;width:18px}.action-cell{align-items:center;display:flex;gap:6px;justify-content:flex-start}.delete-btn,.edit-btn,.view-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:.9rem;height:30px;justify-content:center;transition:all .2s ease;width:30px}.view-btn{background:#eef2ff}.view-btn:hover{background:#004aad;color:#fff;transform:translateY(-2px)}.edit-btn{background:#d3e9fd;color:#0e4285}.edit-btn:hover{background:#087dea;color:#fff;transform:translateY(-2px)}.delete-btn{background:#fee2e2;color:#dc2626}.delete-btn:hover{background:#dc2626;color:#fff;transform:translateY(-2px)}.no-data-cell{color:#64748b;font-size:1rem;padding:40px!important;text-align:center}.pagination-section{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-top:20px;padding:16px 0}.rows-per-page{align-items:center;color:#64748b;display:flex;font-size:.875rem;gap:8px}.rows-per-page select{background:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;font-family:inherit;font-size:.875rem;padding:6px 10px}.rows-per-page select:focus{border-color:#004aad;outline:none}.pagination-info{color:#64748b;font-size:.875rem}.pagination-controls{align-items:center;display:flex;gap:12px}.page-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#1e293b;cursor:pointer;display:inline-flex;font-size:.875rem;height:32px;justify-content:center;transition:all .2s ease;width:32px}.page-btn:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px)}.page-btn:disabled{cursor:not-allowed;opacity:.5}.current-page{color:#1e293b;font-size:.875rem;font-weight:500;min-width:32px;text-align:center}@media (max-width:1200px){.customers-table{min-width:850px;table-layout:auto}}@media (max-width:1024px){.customers-main-container{padding:20px}.customers-header h1{font-size:1.5rem}}@media (max-width:768px){.customers-main-container{margin-left:0;padding:16px;width:100%}.customers-tabs{flex-direction:column;gap:.5rem}.customers-tab{border-radius:8px;padding:.8rem 1rem;text-align:left;width:100%}.customers-tab.active:after{bottom:-2px}.customers-header{align-items:flex-start;flex-direction:column}.header-stats{width:100%}.stat-badge{flex:1 1;text-align:center}.pagination-section{align-items:center;flex-direction:column}.pagination-controls,.pagination-info,.rows-per-page{justify-content:center;width:100%}.customers-table td,.customers-table th{font-size:.75rem;padding:10px 8px}.delete-btn,.edit-btn,.view-btn{font-size:.8rem;height:26px;width:26px}.action-cell{gap:4px}}@media (max-width:480px){.customers-main-container{padding:12px}.customers-header h1{font-size:1.25rem}.stat-badge{font-size:.75rem;padding:4px 10px}.search-input{font-size:.875rem}.customers-table td,.customers-table th{font-size:.7rem;padding:8px 6px}.no-data-cell{font-size:.875rem;padding:30px!important}.delete-btn,.edit-btn,.view-btn{font-size:.75rem;height:24px;width:24px}}@media print{.customers-main-container{margin:0;padding:0;width:100%}.action-cell,.customers-filters,.customers-tabs,.pagination-section{display:none}.customers-table{break-inside:avoid;page-break-inside:avoid}}.table-container::-webkit-scrollbar{height:8px}.table-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.table-container::-webkit-scrollbar-thumb{background:#004aad;border-radius:4px}.table-container::-webkit-scrollbar-thumb:hover{background:#003380}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #004aad;outline-offset:2px}::placeholder{color:#999;opacity:1;text-align:left}.retry-btn:active{transform:translateY(0)}.filters-row{align-items:flex-end;display:flex;flex-wrap:wrap;gap:20px}.shop-selector-wrapper{display:flex;flex:1 1;flex-direction:column;gap:8px;min-width:300px}.shop-selector-wrapper label{align-items:center;color:#1e293b;display:flex;font-size:.875rem;font-weight:600}.shop-select{appearance:auto;-webkit-appearance:auto;-moz-appearance:auto;background:#fff;border:1px solid #e2e8f0;border-radius:12px;font-family:inherit;font-size:.9375rem;min-width:300px;padding:12px 16px;transition:all .2s ease}.shop-select:focus{box-shadow:0 0 0 3px #004aad1a}.shop-select:disabled{background:#f1f5f9;cursor:not-allowed;opacity:.7}.shop-select option{font-family:inherit;padding:10px}.shop-hint{color:#64748b;margin:0}.shop-hint strong{color:#004aad}.shop-badge svg{font-size:.9rem}.shop-name-cell{align-items:center;display:inline-flex;gap:6px}@media (max-width:768px){.filters-row{flex-direction:column;gap:16px}.shop-select,.shop-selector-wrapper{min-width:100%;width:100%}}.shop-select-header{appearance:auto;-webkit-appearance:auto;-moz-appearance:auto;background:#fff;border:1px solid #e2e8f0;border-radius:40px;color:#1e293b;cursor:pointer;font-family:Inter,Segoe UI,system-ui,sans-serif;font-size:.875rem;font-weight:500;min-width:180px;padding:6px 14px;transition:all .2s ease}.shop-select-header:hover{border-color:#004aad;box-shadow:0 2px 4px #004aad1a}.shop-select-header:focus{border-color:#004aad;box-shadow:0 0 0 3px #004aad1a;outline:none}.shop-select-header option{font-family:inherit;padding:8px}.shop-name-cell{background:#004aad14;border-radius:20px;display:inline-block;font-size:.8rem;padding:4px 10px}.loading-container{background:#fff;border:1px solid #eef2f6;border-radius:20px;box-shadow:0 1px 3px #0000000d;padding:40px}.loading-container h2{color:#004aad;font-size:1.25rem;font-weight:600;margin-bottom:12px}.loading-container p{color:#64748b;font-size:.9375rem}.error-container{background:#fff;border:1px solid #eef2f6;border-radius:20px;box-shadow:0 1px 3px #0000000d;flex-direction:column;padding:40px}.error-container h2{color:#dc2626;font-size:1.25rem;font-weight:600;margin-bottom:12px}.error-container p{color:#64748b;font-size:.9375rem;margin-bottom:20px;max-width:500px;text-align:center}.retry-btn{background-color:#004aad;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:inherit;font-size:.9375rem;font-weight:500;padding:10px 24px;transition:all .2s ease}.retry-btn:hover{background-color:#003380;transform:translateY(-1px)}.customers-table tr.selected{background-color:#004aad0d}.customers-table tbody tr:hover{background-color:#f8fafc}.profile-container{background-color:#fff;margin-left:-3px;margin-right:-50px;min-height:100vh;padding:20px;width:100%}.profile-tabs{background:#f8fafc;border-bottom:2px solid #e2e8f0;display:flex;flex-shrink:0;gap:1rem;margin-bottom:-2px;padding-bottom:.5rem;padding-left:24px;padding-top:24px;position:relative}.profile-tabs:after{background:linear-gradient(90deg,#004aad,#66b0ff);border-radius:2px;bottom:-2px;content:"";height:2px;left:0;position:absolute;width:100%}.profile-tab-btn{background:#0000;border:none;border-radius:8px 8px 0 0;color:#004aad;cursor:pointer;font-family:inherit;font-size:1rem;font-weight:600;margin-bottom:17px;padding:12px 28px;position:relative;transition:none}.profile-tab-btn:active,.profile-tab-btn:focus{background:#0000;color:#004aad!important}.profile-tab-btn:focus{outline:none}.profile-tab-btn.active{background-color:#004aad14;color:#004aad;font-weight:700}.profile-tab-btn.active:after{background:linear-gradient(90deg,#004aad,#66b0ff);border-radius:2px;bottom:-2px;content:"";height:3px;left:0;position:absolute;width:100%}.profile-content{background:#f8fafc;flex:1 1;overflow:auto;padding:24px}.profile-pk-container,.profile-uk-container{background:#fff;border-radius:20px;box-shadow:0 1px 3px #0000001a;min-height:100%;overflow:hidden;padding:0;position:relative;transition:none}.profile-pk-container:hover,.profile-uk-container:hover{box-shadow:0 1px 3px #0000001a;transform:none}.profile-header-wrapper{align-items:center;border-bottom:1px solid #eef2f6;display:flex;justify-content:space-between;padding:32px 32px 20px}.profile-header h2{color:#004aad;font-size:28px;font-weight:700;margin:0}.profile-header h2:active,.profile-header h2:focus{color:#004aad!important}.edit-profile-btn{align-items:center;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:6px;padding:8px 24px;transition:none}.edit-profile-btn,.edit-profile-btn:hover{background:#004aad}.edit-profile-btn:active,.edit-profile-btn:focus{background:#004aad;color:#fff}.edit-profile-btn:focus{outline:none}.user-id-section{align-items:center;background:#fff;border-bottom:1px solid #eef2f6;display:flex;gap:20px;padding:20px 32px}.user-id-label{color:#004aad;font-size:14px;font-weight:600;margin:0;min-width:80px}.user-id-label:active,.user-id-label:focus{color:#004aad!important}.user-id-value{flex:1 1}.user-id-value input{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#1e293b;font-family:inherit;font-size:14px;max-width:400px;padding:10px 12px;transition:none;width:100%}.user-id-value input:focus{border-color:#004aad;box-shadow:0 0 0 3px #004aad1a;color:#1e293b;outline:none}.user-id-value input:active{color:#1e293b}.user-id-text{color:#334155;font-size:16px;font-weight:500}.user-id-text:active,.user-id-text:focus{color:#334155}.section-headers{background:#fff;border-bottom:1px solid #eef2f6;display:flex;gap:220px;padding:24px 32px 16px}.section-header{color:#004aad;font-size:16px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.section-header:active,.section-header:focus{color:#004aad!important}.rows-container{background:#fff;padding:0 32px}.row-group{border-bottom:1px solid #eef2f6;display:flex;gap:60px;padding:20px 0}.row-group:last-child{border-bottom:none}.section-headers .section-header:nth-child(3){margin-left:8%}.row-column{flex:1 1;min-width:0}.row-label{color:#004aad;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.row-label:active,.row-label:focus{color:#004aad!important}.row-value{font-size:14px;font-weight:500}.row-value,.row-value:active,.row-value:focus{color:#1e293b}.row-value input,.row-value select{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#1e293b;font-family:inherit;font-size:14px;padding:8px 12px;transition:none;width:100%}.row-value input:focus,.row-value select:focus{border-color:#004aad;box-shadow:0 0 0 3px #004aad1a;color:#1e293b;outline:none}.row-value input:active,.row-value select:active{color:#1e293b}.city-select,.row-value select{color:#1e293b;cursor:pointer}.city-select{background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-family:inherit;font-size:14px;padding:8px 12px;transition:none;width:100%}.city-select:focus{border-color:#004aad;box-shadow:0 0 0 3px #004aad1a;color:#1e293b;outline:none}.city-select:active{color:#1e293b}.edit-actions{background:#f8fafc;border-top:1px solid #eef2f6;display:flex;gap:12px;justify-content:flex-end;margin-top:20px;padding:20px 32px}.cancel-btn,.save-btn{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:none}.save-btn{background:#004aad}.save-btn:active,.save-btn:focus,.save-btn:hover{background:#004aad;color:#fff}.save-btn:focus{outline:none}.cancel-btn{background:#e2e8f0;color:#086af3}.cancel-btn:active,.cancel-btn:focus{background:#e2e8f0;color:#475569}.cancel-btn:focus{outline:none}.profile-container [style*="color: #004aad"],.profile-header h2,.profile-header h2:active,.profile-header h2:focus,.profile-pk-container [style*="color: #004aad"],.profile-tab-btn,.profile-tab-btn.active,.profile-tab-btn.active:active,.profile-tab-btn.active:focus,.profile-tab-btn:active,.profile-tab-btn:focus,.profile-uk-container [style*="color: #004aad"],.row-label,.row-label:active,.row-label:focus,.section-header,.section-header:active,.section-header:focus,.user-id-label,.user-id-label:active,.user-id-label:focus{color:#004aad!important}*{-webkit-tap-highlight-color:transparent}:focus{outline:none}input:active,input:focus,select:active,select:focus,textarea:active,textarea:focus{color:#1e293b!important}::selection{background:#004aad33;color:#1e293b}::-moz-selection{background:#004aad33;color:#1e293b}@media (max-width:1024px){.row-group,.section-headers{gap:40px}}@media (max-width:768px){.profile-tabs{border-bottom:none;flex-direction:column;gap:.5rem;margin-bottom:0;padding-left:16px;padding-top:12px}.profile-tabs:after{display:none}.profile-tab-btn{border-radius:8px;margin-bottom:0;padding:10px 20px;text-align:left;width:100%}.profile-tab-btn.active{background:#004aad1f}.profile-tab-btn.active:after{display:none}.profile-content{padding:16px}.profile-header-wrapper{align-items:flex-start;flex-direction:column;gap:16px;padding:24px}.profile-header h2{font-size:24px}.user-id-section{align-items:flex-start;flex-direction:column;gap:8px;padding:16px 24px}.user-id-label{min-width:auto}.section-headers{flex-direction:column;gap:12px;padding:20px 24px}.rows-container{padding:0 24px}.row-group{flex-direction:column;gap:20px;padding:20px 0}.edit-actions{padding:16px 24px}}@media (max-width:480px){.profile-header h2{font-size:20px}.edit-profile-btn{font-size:12px;padding:6px 16px}.section-header{font-size:14px}.row-label{font-size:11px}.row-value{font-size:13px}}.error-message{background-color:#fee2e2;border-left:4px solid #dc2626;color:#dc2626}.error-message,.success-message{align-items:center;border-radius:8px;display:flex;justify-content:space-between;margin:16px 32px;padding:12px 20px}.success-message{background-color:#dcfce7;border-left:4px solid #16a34a;color:#16a34a}.close-error,.close-success{background:none;border:none;color:inherit;cursor:pointer;font-size:20px;padding:0 8px}.profile-avatar{align-items:center;background:linear-gradient(135deg,#004aad,#66b0ff);border-radius:50%;display:flex;height:60px;justify-content:center;margin-right:16px;width:60px}.avatar-initials{color:#fff;font-size:24px;font-weight:600}.profile-header{align-items:center;display:flex}.profile-title{display:flex;flex-direction:column}.user-type-badge{background:#e8f0fe;border-radius:20px;color:#004aad;display:inline-block;font-size:12px;font-weight:600;margin-top:4px;padding:4px 12px}@media (max-width:768px){.profile-avatar{height:48px;width:48px}.avatar-initials{font-size:18px}.error-message,.success-message{font-size:14px;margin:12px 16px;padding:10px 16px}}.users-main-container{background:#fff;max-width:1480px;width:100%}.users-tabs{background:#fff;border-bottom:1px solid #e0e0e0;display:flex;gap:1rem;margin-bottom:2rem;padding-bottom:.5rem;padding-left:0;position:relative}.users-tabs:after{background:linear-gradient(90deg,#004aad,#66b0ff);border-radius:2px;bottom:0;content:"";height:3px;left:0;position:absolute;width:100%}.users-tab{background:#0000;border:none;border-radius:8px 8px 0 0;color:#004aad;cursor:pointer;font-family:Arial,Helvetica,sans-serif;font-size:1rem;font-weight:600;margin-bottom:17px;padding:.8rem 2rem;position:relative;transition:all .3s ease}.users-tab:first-child{margin-left:0}.users-tab:hover{background-color:#004aad14}.users-tab.active{background-color:#004aad1f;color:#004aad;font-weight:700}.users-tab.active:after{background:linear-gradient(90deg,#004aad,#66b0ff);border-radius:2px;bottom:-2px;content:"";height:3px;left:0;position:absolute;width:100%}.users-tab-content{animation:fadeIn .3s ease;background:#fff;padding-left:0}.users-container{background:#fff;margin:0 auto;max-width:1400px;padding:0;text-align:left;width:100%}.users-header-section{background:#fff;border:1px solid #e0e0e0;border-radius:4px;margin-bottom:2rem;padding:1.5rem}.users-header-section h2{color:#004aad;font-size:1.75rem;font-weight:700;margin:0}.users-content{background:#fff;padding:0;text-align:left;width:100%}.users-action-section{align-items:center;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:4px;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;padding:1rem 1.5rem}.add-user-btn,.select-all-btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;font-weight:500;gap:.5rem;padding:.6rem 1.5rem;transition:all .3s ease}.add-user-btn{background:#004aad;color:#fff}.add-user-btn:hover{background:#003380;transform:translateY(-1px)}.add-user-form{background:#fff;border:1px solid #e0e0e0;border-radius:4px;margin-bottom:1.5rem;padding:1.5rem}.add-user-form h3{border-bottom:2px solid #004aad;color:#004aad;font-size:1.1rem;font-weight:600;margin-bottom:1rem;padding-bottom:.5rem}.form-group label{color:#666}.form-actions{margin-top:1rem}.cancel-btn,.submit-btn{border-radius:4px;font-weight:500;padding:.6rem 1.5rem}.submit-btn:hover{background:#218838}.users-table-container{background:#fff;border:1px solid #e0e0e0;border-radius:4px;margin-bottom:1.5rem}.users-table-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:1rem 1.5rem}.users-table-header h3{color:#004aad;font-size:1rem;font-weight:600;margin:0}.user-count{background:#fff;border:1px solid #e0e0e0;border-radius:20px;color:#666;font-size:.85rem;padding:.25rem .75rem}.users-table-wrapper{overflow-x:auto}.users-table{background:#fff;border-collapse:collapse;min-width:800px;width:100%}.users-table thead{background:#f8f9fa}.users-table th{border-bottom:2px solid #e0e0e0;color:#004aad;font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:1rem;text-align:left;text-transform:uppercase}.users-table td,.users-table th{font-family:Arial,Helvetica,sans-serif}.users-table td{border-bottom:1px solid #f0f0f0;color:#333;font-size:.9rem;padding:.8rem 1rem}.users-table tbody tr:last-child td{border-bottom:none}.users-table tbody tr:hover{background:#fafafa}.users-table tbody tr.selected{background:#004aad0d}.users-table input[type=checkbox]{accent-color:#004aad;cursor:pointer;height:18px;width:18px}.user-name-cell{align-items:center;display:flex;gap:.8rem}.user-avatar-small{align-items:center;background:linear-gradient(135deg,#004aad,#003a8c);border-radius:8px;color:#fff;display:inline-flex;font-size:.9rem;font-weight:700;height:32px;justify-content:center;width:32px}.remove-user-btn-table{background:#0000;border:none;border-radius:4px;color:#dc3545;cursor:pointer;font-size:1rem;padding:.4rem .8rem;transition:all .3s}.remove-user-btn-table:hover{background:#dc35451a;transform:scale(1.05)}.no-users{color:#666;padding:3rem;text-align:center}.users-action-buttons-bottom{border-top:1px solid #e0e0e0;margin-top:0;padding-top:1.5rem}.proceed-btn{background:#004aad;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.8rem;transition:all .3s ease;width:100%}.proceed-btn:hover:not(:disabled){background:#003380;transform:translateY(-1px)}.proceed-btn:disabled{background:#ccc;cursor:not-allowed}@media (max-width:768px){.users-tabs{border-bottom:none;flex-direction:column;gap:.5rem}.users-tab{border-radius:8px;margin-left:0!important;padding:.8rem 1rem;text-align:left;width:100%}.users-tab.active:after{bottom:-2px}.users-action-section{flex-direction:column}.search-wrapper{width:100%}.action-buttons{flex-direction:column;width:100%}.add-user-btn,.select-all-btn{justify-content:center;width:100%}.header-content{flex-direction:column;text-align:center}.header-subtitle{padding-left:0;text-align:center}.users-table td,.users-table th{font-size:.8rem;padding:.6rem}.users-table{min-width:600px}.user-avatar-small{font-size:.8rem;height:28px;width:28px}.status-badge{font-size:.7rem;padding:.2rem .6rem}.summary-content{align-items:stretch;flex-direction:column}.action-dropdown-container{width:100%}.action-dropdown-btn{justify-content:center;width:100%}.action-dropdown-menu{margin-top:8px;position:static;width:100%}.dropdown-item{justify-content:center}}.add-user-page{background:#fff;margin:0 auto;max-width:1400px;min-height:100vh;padding:2rem}.add-user-header{border-bottom:2px solid #e0e0e0;margin-bottom:2rem;padding-bottom:1.5rem}.header-title .header-icon{background:#004aad1a;border-radius:8px;color:#004aad;font-size:2rem;padding:.75rem}.add-user-header .header-subtitle{color:#666;font-size:.9rem;margin:0;padding-left:3.5rem}.shop-selection-section{margin-bottom:2rem}.shop-selection-card{align-items:center;background:linear-gradient(135deg,#f8f9fa,#fff);border:2px solid #004aad;border-radius:8px;box-shadow:0 2px 8px #004aad1a;display:flex;gap:1.5rem;padding:1.5rem}.shop-icon{color:#004aad;font-size:2.5rem}.shop-selection-content{flex:1 1}.shop-selection-content label{color:#004aad;display:block;font-size:1rem;font-weight:700;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.shop-select{border:2px solid #e0e0e0;border-radius:4px;cursor:pointer;font-family:Arial,Helvetica,sans-serif;font-size:1rem;max-width:300px;padding:.75rem;transition:all .3s ease}.shop-select:focus{border-color:#004aad;box-shadow:0 0 0 2px #004aad1a;outline:none}.shop-hint{color:#666;font-size:.8rem;font-style:italic;margin-top:.5rem}.add-user-form-full{background:#fff}.form-two-columns{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin-bottom:2rem}.form-column{display:flex;flex-direction:column;gap:2rem}.form-group.half{margin-bottom:0}.form-group input[type=email],.form-group input[type=password],.form-group input[type=tel],.form-group input[type=text],.form-group select,.form-group textarea{border-radius:4px;font-family:Arial,Helvetica,sans-serif}.form-group textarea{min-height:60px}.checkbox-group{display:flex;flex-direction:column;gap:.5rem}.checkbox-group label{align-items:center;cursor:pointer;display:flex;font-weight:400;gap:.5rem;letter-spacing:normal;text-transform:none}.multi-select{border:1px solid #e0e0e0;border-radius:4px;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;padding:.5rem;width:100%}.multi-select:focus{border-color:#004aad;outline:none}.form-actions-full{border-top:2px solid #e0e0e0;display:flex;gap:1rem;justify-content:flex-end;padding-top:1.5rem}.btn-save,.btn-save-add,.btn-save-continue{border:none;border-radius:4px;cursor:pointer;font-size:.9rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.btn-save{background:#28a745}.btn-save:hover{background:#218838;transform:translateY(-2px)}.btn-save-add{background:#ffc107;color:#333}.btn-save-add:hover{background:#e0a800;transform:translateY(-2px)}.btn-save-continue{background:#004aad;color:#fff}.btn-save-continue:hover{background:#003380;transform:translateY(-2px)}@media (max-width:1024px){.form-two-columns{gap:1rem;grid-template-columns:1fr}.add-user-page{padding:1rem}.form-row{gap:1rem;grid-template-columns:1fr}.shop-select{max-width:100%}.form-actions-full{flex-direction:column}.btn-save,.btn-save-add,.btn-save-continue{width:100%}.header-title,.shop-selection-card{flex-direction:column;text-align:center}.add-user-header .header-subtitle{padding-left:0;text-align:center}}.address-mode-toggle{background-color:#f5f5f5;border-radius:8px;display:flex;gap:10px;margin-bottom:15px;padding:5px}.mode-btn{align-items:center;background-color:#fff;border:2px solid #0000;border-radius:6px;color:#666;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:10px 15px;transition:all .3s ease}.mode-btn:hover:not(:disabled){background-color:#e8f5e9;color:#4caf50}.mode-btn.active{background-color:#4caf50;border-color:#4caf50;box-shadow:0 2px 8px #4caf504d;color:#fff}.mode-btn:disabled{background-color:#f0f0f0;color:#ccc;cursor:not-allowed}.mode-btn svg{font-size:16px}.manual-address-container{animation:fadeIn .3s ease}.manual-address-textarea{border:1px solid #ddd;border-radius:6px;font-family:inherit;font-size:14px;min-height:80px;padding:12px;resize:vertical;transition:border-color .3s ease;width:100%}.manual-address-textarea:focus{border-color:#4caf50;box-shadow:0 0 0 2px #4caf501a;outline:none}.dropdown-address-container{animation:fadeIn .3s ease}.selected-address-preview{background-color:#e8f5e9;border:1px solid #c8e6c9;border-radius:6px;margin-top:10px;padding:10px}.selected-address-preview strong{color:#2e7d32;font-size:13px}.selected-address-preview p{color:#333;font-size:14px;margin:5px 0 0}.address-select-container{width:100%}.address-select-row{align-items:center;display:flex;gap:10px;margin-bottom:10px}.address-select-row select{flex:1 1}.btn-add-address{align-items:center;background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:5px;padding:8px 16px;transition:background-color .3s ease;white-space:nowrap}.btn-add-address:hover:not(:disabled){background-color:#45a049}.btn-add-address:disabled{background-color:#ccc;cursor:not-allowed}.inline-address-form{animation:slideDown .3s ease;background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;margin-top:15px;padding:20px}.inline-form-header{border-bottom:1px solid #e0e0e0;margin-bottom:15px;padding-bottom:10px}.inline-form-header h4{align-items:center;color:#333;display:flex;font-size:16px;gap:8px;margin:0}.inline-form-header h4 svg{color:#4caf50}.inline-address-form .form-row{display:flex;gap:15px;margin-bottom:15px}.inline-address-form .form-group{margin-bottom:15px}.inline-address-form .form-group.half{flex:1 1}.inline-address-form label{color:#555;display:block;font-size:14px;font-weight:500;margin-bottom:5px}.inline-address-form input[type=text]{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px 12px;transition:border-color .3s ease;width:100%}.inline-address-form input[type=text]:focus{border-color:#4caf50;box-shadow:0 0 0 2px #4caf501a;outline:none}.inline-address-form .required{color:#f44336}.inline-address-form .checkbox-group label{align-items:center;cursor:pointer;display:flex;gap:8px}.inline-address-form .checkbox-label{font-weight:400}.inline-form-actions{border-top:1px solid #e0e0e0;display:flex;gap:10px;margin-top:20px;padding-top:15px}.btn-save-address{align-items:center;background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:5px;padding:8px 20px;transition:background-color .3s ease}.btn-save-address:hover:not(:disabled){background-color:#45a049}.btn-save-address:disabled{background-color:#ccc;cursor:not-allowed}.btn-cancel-address{align-items:center;background-color:#f44336;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:5px;padding:8px 20px;transition:background-color .3s ease}.btn-cancel-address:hover{background-color:#d32f2f}.field-hint.success-hint{color:#4caf50;font-size:13px;margin-top:5px}.field-hint.warning-hint{color:#ff9800;font-size:13px;margin-top:5px}.field-hint.info-hint{color:#2196f3;font-size:13px;margin-top:5px}.link-button{color:#2196f3;font-size:inherit;padding:0}.link-button:hover{color:#1976d2}.company-addresses-main-container{background:#fff;box-sizing:border-box;margin:0;max-width:100%;padding:20px;width:100%}.company-addresses-tabs{background:#fff;border-bottom:1px solid #e0e0e0;display:flex;gap:1rem;margin-bottom:2rem;padding-bottom:.5rem;padding-left:0;position:relative}.company-addresses-tabs:after{background:linear-gradient(90deg,#004aad,#66b0ff);border-radius:2px;bottom:0;content:"";height:3px;left:0;position:absolute;width:100%}.company-addresses-tab{background:#0000;border:none;border-radius:8px 8px 0 0;color:#004aad;cursor:pointer;font-family:Arial,Helvetica,sans-serif;font-size:1rem;font-weight:600;margin-bottom:17px;padding:.8rem 2rem;position:relative;transition:all .3s ease}.company-addresses-tab:first-child{margin-left:0}.company-addresses-tab:hover{background-color:#004aad14}.company-addresses-tab.active{background-color:#004aad1f;color:#004aad;font-weight:700}.company-addresses-tab.active:after{background:linear-gradient(90deg,#004aad,#66b0ff);border-radius:2px;bottom:-2px;content:"";height:3px;left:0;position:absolute;width:100%}.company-addresses-tab-content{animation:fadeIn .3s ease;background:#fff;padding-left:0}.company-addresses-container{background:#fff;box-sizing:border-box;margin:0 auto;max-width:100%;padding:0;text-align:left;width:100%}.addresses-header-section{background:#fff;border:1px solid #e0e0e0;border-radius:4px;margin-bottom:2rem;padding:1.5rem}.addresses-header-section h2{color:#004aad;font-size:1.75rem;font-weight:700;margin:0}.addresses-content{background:#fff;box-sizing:border-box;padding:0;text-align:left;width:100%}.addresses-action-section{align-items:center;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:4px;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;padding:1rem 1.5rem}.add-address-btn,.select-all-btn{display:flex}.addresses-table-container{background:#fff;border:1px solid #e0e0e0;border-radius:4px;margin-bottom:1.5rem;overflow-x:auto}.addresses-table-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:1rem 1.5rem}.addresses-table-header h3{color:#004aad;font-size:1rem;font-weight:600;margin:0}.addresses-table-wrapper{overflow-x:auto;width:100%}.addresses-table{background:#fff;border-collapse:collapse;min-width:1000px;width:100%}.addresses-table thead{background:#f8f9fa}.addresses-table th{border-bottom:2px solid #e0e0e0;color:#004aad;font-family:Arial,Helvetica,sans-serif;font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:1rem;text-align:left;text-transform:uppercase}.addresses-table td{border-bottom:1px solid #f0f0f0;color:#333;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;padding:.8rem 1rem}.addresses-table tbody tr:last-child td{border-bottom:none}.addresses-table tbody tr:hover{background:#fafafa}.addresses-table tbody tr.selected{background:#004aad0d}.addresses-table input[type=checkbox]{accent-color:#004aad;cursor:pointer;height:18px;width:18px}.company-name-cell{align-items:center;display:flex;gap:.8rem}.company-avatar-small{align-items:center;background:linear-gradient(135deg,#004aad,#003a8c);border-radius:8px;color:#fff;display:inline-flex;flex-shrink:0;font-size:1.1rem;font-weight:700;height:40px;justify-content:center;width:40px}.default-badge{background:#28a745;border-radius:12px;color:#fff;font-size:.7rem;font-weight:400;margin-left:.5rem;padding:.2rem .5rem}.address-cell{align-items:flex-start;display:flex;gap:.5rem}.address-icon{color:#004aad;flex-shrink:0;font-size:.8rem;margin-top:.2rem}.address-cell span{line-height:1.4}.county-text,.province-text{color:#666;font-size:.85rem}.postalcode-cell,.postcode-cell{color:#004aad;font-weight:500}.contact-cell{max-width:200px}.contact-item{align-items:center;display:flex;font-size:.85rem;gap:.5rem;margin-bottom:.25rem}.contact-item:last-child{margin-bottom:0}.contact-icon{color:#666;flex-shrink:0;font-size:.7rem}.edit-address-btn{background:#0000;color:#004aad;font-size:1rem;padding:.4rem .8rem;transition:all .3s}.edit-address-btn:hover{background:#004aad1a;transform:scale(1.05)}.modal-content{max-width:700px}.address-form{display:flex;flex-direction:column;gap:1rem}.form-group.full-width{grid-column:span 2}.form-group input{border:1px solid #e0e0e0;border-radius:4px;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;padding:.6rem;width:100%}.checkbox-label{font-weight:400!important;letter-spacing:normal!important;text-transform:none!important}.checkbox-label input{width:auto}.street-number-cell{align-items:flex-start;display:flex;gap:.5rem}.street-number-cell .address-icon{color:#004aad;flex-shrink:0;font-size:.8rem;margin-top:.2rem}.street-number-cell span{line-height:1.4;word-break:break-word}.no-contact{color:#999;font-size:.85rem;font-style:italic}.addresses-table td{max-width:200px;word-break:break-word}.modal-body{max-height:calc(90vh - 120px)}.form-row{margin-bottom:.5rem}.form-group input[type=email],.form-group input[type=tel],.form-group input[type=text]{border:1px solid #e0e0e0;border-radius:4px;box-sizing:border-box;font-size:.9rem;padding:.6rem;transition:all .3s ease;width:100%}.form-group input:focus{border-color:#004aad;box-shadow:0 0 0 2px #004aad1a;outline:none}.shop-badge{background:#f0f0f0}.default-badge{background:#d4edda;border-radius:20px;color:#28a745;display:inline-block;font-size:12px;font-weight:500;padding:4px 10px}.not-default-badge{color:#999}.shop-select{border:1px solid #e0e0e0;box-sizing:border-box;font-size:14px;width:100%}.shop-info,.shop-select{border-radius:6px;padding:10px}.shop-info{align-items:center;background:#f8f9fa;color:#004aad;display:flex;font-weight:500;gap:8px}.info-group{margin-bottom:20px}.info-group label{color:#666;font-size:12px}@media (max-width:1024px){.form-row{grid-template-columns:1fr}.form-group.full-width{grid-column:span 1}}@media (max-width:768px){.company-addresses-main-container{padding:10px}.company-addresses-tabs{border-bottom:none;flex-direction:column;gap:.5rem}.company-addresses-tab{border-radius:8px;margin-left:0!important;padding:.8rem 1rem;text-align:left;width:100%}.company-addresses-tab.active:after{bottom:-2px}.addresses-action-section{flex-direction:column}.search-wrapper{width:100%}.action-buttons{flex-direction:column;width:100%}.add-address-btn,.select-all-btn{justify-content:center;width:100%}.header-content{flex-direction:column;text-align:center}.header-subtitle{padding-left:0;text-align:center}.addresses-table td,.addresses-table th{font-size:.8rem;padding:.6rem}.addresses-table{min-width:800px}.company-avatar-small{font-size:.9rem;height:32px;width:32px}.modal-content{margin:1rem;width:95%}.summary-content{align-items:stretch;flex-direction:column}.action-dropdown-container{width:100%}.action-dropdown-btn{justify-content:center;width:100%}.action-dropdown-menu{margin-top:8px;position:static;width:100%}}@media (max-width:480px){.addresses-header-section h2{font-size:1.3rem}.header-icon{font-size:1.5rem;padding:.5rem}.addresses-table td,.addresses-table th{font-size:.7rem;padding:.4rem}.company-avatar-small{font-size:.8rem;height:28px;width:28px}.modal-header h3{font-size:1rem}.form-group label{font-size:.75rem}.form-group input{font-size:.85rem;padding:.5rem}.btn-cancel,.btn-save{font-size:.85rem;padding:.5rem 1rem}}.required{font-weight:700;margin-left:4px}.form-select{background:#fff;font-size:14px;min-height:42px;padding:10px 12px;transition:all .3s ease}.form-select:focus{border-color:#004aad;box-shadow:0 0 0 2px #004aad1a;outline:none}.form-select:disabled{background:#f3f4f6;cursor:not-allowed;opacity:.7}.loading-select{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:4px;color:#6b7280;display:flex;font-size:14px;gap:8px;padding:10px 12px}.loading-select .spinner{animation:spin 1s linear infinite}.field-hint{align-items:center;display:flex;font-size:12px;gap:4px;margin-top:6px}.warning-hint{color:#d97706}.success-hint{color:#10b981}.error-hint{color:#dc3545}.link-button{background:none;border:none;color:#004aad;cursor:pointer;font-size:12px;padding:0 4px;text-decoration:underline}.link-button:hover{color:#003d91}.bills-main{background-color:#fff;margin-left:-3px;min-height:100vh;padding:20px;width:100%}.bills-header{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px;padding:0}.bills-nav{border-bottom:1px solid #e5e7eb;display:flex;gap:0;padding:0 24px}.nav-btn{background:none;border:none;color:#6b7280;cursor:pointer;font-size:16px;font-weight:500;padding:16px 24px;position:relative;transition:all .3s ease}.nav-btn.active,.nav-btn:hover{color:#3b82f6}.nav-btn.active:after{background-color:#3b82f6;bottom:0;content:"";height:2px;left:0;position:absolute;right:0}.bills-content-wrapper{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-left:0;padding:24px;width:100%}.bills-header-section{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.bills-title-section h2{color:#004aad;font-size:24px;font-weight:600;margin:0}.region-tabs-container{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:12px}.region-tabs-left{display:flex;gap:8px}.tab-btn{border-radius:6px;color:#6b7280;font-size:14px;font-weight:500;padding:8px 20px;transition:all .3s ease}.tab-btn:hover{background-color:#f3f4f6;color:#374151}.tab-btn.active{background-color:#3b82f6;color:#fff}.tab-text{position:relative}.region-tabs-right{display:flex;gap:8px;position:relative}.icon-btn{align-items:center;background:none;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .3s ease}.icon-btn:hover{background-color:#f3f4f6;color:#374151;transform:translateY(-1px)}.settings-wrapper{display:inline-block;position:relative}.settings-btn{align-items:center;display:flex;gap:4px}.settings-dropdown-icon{font-size:14px;margin-left:2px}.settings-dropdown{animation:slideDown .2s ease;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;margin-top:8px;min-width:240px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.settings-dropdown-header{background-color:#f9fafb;border-bottom:1px solid #e5e7eb;color:#111827;font-size:14px;font-weight:600;padding:12px 16px}.settings-dropdown-list{max-height:320px;overflow-y:auto;padding:8px 0}.settings-option{align-items:center;cursor:pointer;display:flex;gap:12px;margin:0;padding:10px 16px;transition:all .3s ease}.settings-option:hover{background-color:#f9fafb}.settings-checkbox{accent-color:#3b82f6;cursor:pointer;height:16px;width:16px}.settings-label{color:#374151;cursor:pointer;flex:1 1;font-size:14px}.tab-content{margin-top:20px}.bills-content{margin-left:0;position:relative;width:100%}.bill-dropdown,.paybills-dropdown{right:0}.dropdown-header{background-color:#f9fafb;border-bottom:1px solid #e5e7eb;color:#111827;font-size:14px;font-weight:600;padding:12px 16px}.dropdown-item-content{flex:1 1}.dropdown-item-desc{color:#6b7280;font-size:12px}.batch-action-item:last-child,.bill-list-item:last-child{border-bottom:none}.close-modal:hover{color:#6b7280}.filter-select:hover{border-color:#3b82f6}.filter-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.amount-range{margin-bottom:16px}.amount-select{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;padding:10px 12px;width:100%}.amount-label{color:#6b7280;display:block;font-size:11px;font-weight:500;margin-bottom:4px}.amount-input:focus{border-color:#3b82f6;outline:none}.reset-filter-btn:hover{background-color:#f3f4f6;border-color:#d1d5db}.apply-filter-btn:hover{background-color:#2563eb;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.bills-table thead{background-color:#f9fafb}.bills-table th{color:#374151}.dropdown-menu{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px #0000001a;left:0;margin-top:8px;min-width:200px;overflow:hidden;position:absolute;top:100%;z-index:1000}.dropdown-item{color:#374151;padding:10px 16px;transition:all .3s ease}.dropdown-item:hover{background-color:#f3f4f6;color:#3b82f6}.modal-overlay{z-index:2000}.modal-container{box-shadow:0 10px 40px #0003;max-width:650px}.modal-header{background-color:#fff;border-bottom:1px solid #e5e7eb}.modal-header h3{color:#111827;font-size:18px}.modal-close-btn{align-items:center;background:none;color:#6b7280;display:flex;font-size:18px;justify-content:center;padding:4px;transition:all .3s ease}.modal-close-btn:hover{color:#ef4444;transform:rotate(90deg)}.modal-content{padding:24px}.pdf-section{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:24px;padding:12px 16px}.pdf-label{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.pdf-value{color:#374151;font-size:13px;word-break:break-word}.form-section h4{border-bottom:1px solid #e5e7eb;color:#374151;font-size:14px;font-weight:500;margin:0 0 20px;padding-bottom:8px}.form-grid{display:flex;flex-direction:column;gap:16px}.form-group{gap:6px}.form-label{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.form-input{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;font-family:inherit;font-size:14px;padding:10px 12px;transition:all .3s ease}.form-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-input-disabled{background-color:#f9fafb;color:#9ca3af;cursor:not-allowed}.form-input-disabled,.form-textarea{border:1px solid #e5e7eb;border-radius:8px;font-family:inherit;font-size:14px;padding:10px 12px}.form-textarea{color:#374151;transition:all .3s ease}.form-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-value{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;color:#111827;font-size:14px;font-weight:500;padding:10px 12px;word-break:break-word}.form-value.amount-value{background-color:#eff6ff;border-color:#dbeafe;color:#3b82f6;font-size:16px;font-weight:700}.memo-value{background-color:#fef9e3;border-color:#fde68a;color:#92400e;font-style:italic}.modal-action-buttons{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;margin-top:28px;padding-top:20px}.action-btn-primary{align-items:center;background-color:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 24px;transition:all .3s ease}.action-btn-primary:hover{background-color:#2563eb;box-shadow:0 2px 8px #3b82f64d;transform:translateY(-1px)}.action-btn-secondary{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;font-size:14px;font-weight:500;padding:10px 24px;transition:all .3s ease}.action-btn-secondary:hover{background-color:#f3f4f6;border-color:#d1d5db;transform:translateY(-1px)}.bills-table-container{margin-bottom:24px;margin-left:0;overflow-x:auto;width:100%}.bills-table{border-collapse:collapse;font-size:14px;margin-left:0;min-width:1000px;width:100%}.bills-table thead{background-color:#004aad;border-bottom:2px solid #e5e7eb}.bills-table th{color:#fff;font-size:13px;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase}.bills-table td{border-bottom:1px solid #f3f4f6;color:#6b7280;padding:12px 16px}.bills-table tr:hover{background-color:#f9fafb}.checkbox-col{text-align:center;width:40px}.bill-checkbox,.select-all-checkbox{accent-color:#3b82f6;cursor:pointer;height:18px;width:18px}.bill-type{align-items:center;display:flex;gap:8px}.bill-icon{color:#6b7280;font-size:14px}.bill-amount{color:#111827;font-weight:600}.overdue{color:#ef4444;font-weight:500}.bill-row.unpaid{background-color:#fff9f0}.bill-row.paid{background-color:#f0fdf4}.action-buttons{gap:8px}.icon-action-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;transition:all .3s ease;width:32px}.icon-action-btn.view{background-color:#dbeafe;color:#2563eb}.icon-action-btn.view:hover{background-color:#2563eb;color:#fff;transform:translateY(-2px)}.icon-action-btn.edit{background-color:#fed7aa;color:#b76e0e}.icon-action-btn.edit:hover{background-color:#b76e0e;color:#fff;transform:translateY(-2px)}.icon-action-btn.delete{background-color:#fee2e2;color:#dc2626}.icon-action-btn.delete:hover{background-color:#dc2626;color:#fff;transform:translateY(-2px)}.bills-pagination{display:flex;gap:12px;justify-content:center;margin-top:24px}.pagination-btn{align-items:center;background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#374151;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .3s ease}.pagination-btn:hover:not(:disabled){background-color:#f3f4f6;border-color:#3b82f6;color:#3b82f6;transform:translateY(-1px)}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.bills-status-tabs{border-bottom:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-start;margin-bottom:24px;margin-left:0;padding-bottom:12px}.status-tab{align-items:center;background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 20px;position:relative;transition:all .3s ease}.status-tab:hover{background-color:#f3f4f6;color:#374151}.status-tab.active{color:#3b82f6}.status-tab.active:after{background-color:#3b82f6;bottom:-13px;content:"";height:2px;left:0;position:absolute;right:0}.status-tab.unpaid.active{color:#f59e0b}.status-tab.unpaid.active:after{background-color:#f59e0b}.status-tab.paid.active{color:#10b981}.status-tab.paid.active:after{background-color:#10b981}.status-icon{font-size:14px}.bills-action-buttons{display:flex;gap:1rem;justify-content:flex-end;margin-bottom:1.5rem;padding:0;position:relative}.button-wrapper{display:inline-block;position:relative}.action-btn{box-shadow:0 2px 4px #0000001a;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;white-space:nowrap}.feedback-btn{background-color:#10b981;color:#fff}.feedback-btn:hover{background-color:#059669;box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.paybills-btn{background-color:#004aad;color:#fff}.paybills-btn:hover{background-color:#003a8c;box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.newbill-btn{background-color:#004aad;color:#fff}.newbill-btn:hover{background-color:#003a8c;box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.bills-batch-filters{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-start;margin-bottom:20px;margin-left:0;padding:12px 0}.batch-actions-wrapper,.date-filter-wrapper,.filter-actions-wrapper{position:relative}.batch-actions-btn,.date-filter-btn,.filter-actions-btn{align-items:center;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .3s ease}.batch-actions-btn:hover,.date-filter-btn:hover,.filter-actions-btn:hover{background-color:#f9fafb;border-color:#3b82f6}.action-dropdown{animation:slideDown .2s ease;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;margin-top:8px;min-width:280px;overflow:hidden;position:absolute;top:100%;z-index:1000}.bill-dropdown,.paybills-dropdown{right:0}.dropdown-item-action{cursor:pointer;padding:12px 16px;transition:all .3s ease}.dropdown-item-action:hover{background-color:#f3f4f6}.dropdown-item-title{color:#111827;font-size:14px;font-weight:500;margin-bottom:4px}.bill-list{max-height:400px;overflow-y:auto;padding:8px 0}.bill-list-item{border-bottom:1px solid #f3f4f6;cursor:pointer;padding:12px 16px;transition:all .3s ease}.bill-list-item:hover{background-color:#f9fafb;padding-left:20px}.bill-list-name{color:#374151;font-size:14px;font-weight:500}.batch-actions-dropdown{animation:slideDown .2s ease;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;left:0;margin-top:8px;min-width:200px;overflow:hidden;position:absolute;top:100%;z-index:1000}.batch-action-item{border-bottom:1px solid #f3f4f6;color:#374151;cursor:pointer;font-size:14px;padding:12px 16px;transition:all .3s ease}.batch-action-item:hover{background-color:#f9fafb;color:#3b82f6;padding-left:20px}.filter-modal-overlay{align-items:center;animation:fadeIn .2s ease;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.filter-modal{animation:slideUp .3s ease;background:#fff;border-radius:16px;max-height:90vh;max-width:700px;overflow-y:auto;width:90%}.filter-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.filter-modal-header h3{color:#111827;font-size:18px;font-weight:600;margin:0}.close-modal{background:none;border:none;color:#6b7280;cursor:pointer;font-size:20px;padding:4px;transition:all .3s ease}.close-modal:hover{color:#ef4444;transform:rotate(90deg)}.filter-modal-body{padding:24px}.filter-section{margin-bottom:24px}.filter-label{color:#6b7280;display:block;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.filter-select{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;padding:10px 12px;transition:all .3s ease;width:100%}.amount-inputs{display:flex;gap:16px;margin-top:12px}.amount-input-group{flex:1 1}.amount-input{border:1px solid #e5e7eb;border-radius:6px;color:#374151;font-size:14px;padding:8px 12px;width:100%}.filter-modal-footer{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.apply-filter-btn,.reset-filter-btn{border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 20px;transition:all .3s ease}.reset-filter-btn{background-color:#fff;border:1px solid #e5e7eb;color:#6b7280}.apply-filter-btn{background-color:#3b82f6;border:none;color:#fff}@media (max-width:768px){.modal-container{margin:16px;width:95%}.modal-header{padding:16px 20px}.modal-header h3{font-size:16px}.modal-content{padding:20px}.form-row{gap:12px;grid-template-columns:1fr}.form-group{gap:4px}.form-label{font-size:11px}.form-input,.form-input-disabled,.form-textarea,.form-value{font-size:13px;padding:8px 12px}.form-section h4{font-size:13px;margin-bottom:16px}.modal-action-buttons{margin-top:20px;padding-top:16px}.action-btn-primary,.action-btn-secondary{font-size:13px;padding:8px 16px}.pdf-section{margin-bottom:20px;padding:10px 12px}.pdf-label{font-size:11px}.pdf-value{font-size:12px}.bills-action-buttons{align-items:flex-end;flex-direction:column;gap:.75rem}.button-wrapper{display:flex;justify-content:flex-end;width:100%}.bills-batch-filters{align-items:stretch;flex-direction:column}.batch-actions-wrapper,.filter-actions-wrapper{width:100%}.batch-actions-btn,.filter-actions-btn{justify-content:space-between;width:100%}}@media (max-width:480px){.action-btn{font-size:12px;min-width:140px;padding:.6rem 1rem}.icon-action-btn{font-size:12px;height:28px;width:28px}.form-value.amount-value{font-size:14px}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.action-dropdown,.batch-actions-dropdown,.settings-dropdown{animation:slideDown .2s ease-out}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.suppliers-container{background-color:#fff;margin-left:-3px;min-height:100vh;padding:20px;width:100%}.top-navbar{align-items:center;background-color:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 2px 0 #0000000d;display:flex;height:60px;justify-content:space-between;padding:0 24px;width:100%}.nav-links{display:flex;gap:32px;height:100%}.nav-link{background:none;border:none;color:#004aad;cursor:pointer;font-size:14px;font-weight:500;height:100%;padding:0 8px;position:relative;transition:color .2s}.nav-link:hover{color:#374151}.nav-link.active{color:#2563eb}.nav-link.active:after{background-color:#2563eb;bottom:0;content:"";height:2px;left:0;position:absolute;right:0}.nav-icons{align-items:center;display:flex;gap:20px}.nav-icon{color:#6b8076;cursor:pointer;font-size:20px;transition:color .2s}.nav-icon:hover{color:#374151}.suppliers-wrapper{margin:0 auto;max-width:1600px;padding:24px;width:100%}.suppliers-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.suppliers-title{color:#004aad;font-size:24px;font-weight:700;margin:0}.header-actions{display:flex;gap:12px}.btn-feedback{align-items:center;background-color:#fff;border:1px solid #d1d5db;border-radius:8px;color:#4b5563;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s}.btn-feedback:hover{background-color:#f9fafb;box-shadow:0 2px 4px #0000000d;transform:translateY(-1px)}.btn-new-supplier{align-items:center;background-color:#2563eb;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:8px 16px;transition:all .2s}.btn-new-supplier:hover{background-color:#1d4ed8;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.stats-container{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:32px}.stat-card{background-color:#fff;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a;cursor:pointer;padding:24px;transition:transform .2s,box-shadow .2s}.stat-card:hover{box-shadow:0 4px 6px -1px #0000001a;transform:translateY(-2px)}.total-suppliers-card{background:linear-gradient(135deg,#fff,#3b82f6);border-left:4px solid #3b82f6}.overdue-card{background:linear-gradient(135deg,#fff,#ef4444);border-left:4px solid #ef4444}.openbalance-card{background:linear-gradient(135deg,#fff,#f59e0b);border-left:4px solid #f59e0b}.totalpaid-card{background:linear-gradient(135deg,#fff,#10b981);border-left:4px solid #10b981}.stat-label{color:#6b7280;font-size:14px;font-weight:500;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.stat-value{color:#111827;font-size:28px;font-weight:700}.search-section{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.search-wrapper{max-width:200px}.search-icon{color:#9ca3af}.search-input{background-color:#fff;border:1px solid #d1d5db;border-radius:8px;font-size:14px;outline:none;padding:12px 12px 12px 36px;transition:all .2s}.search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.suppliers-table-container{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a;overflow-x:auto}.suppliers-table{border-collapse:collapse;min-width:1000px;width:100%}.suppliers-table thead{background-color:#004aad;border-bottom:1px solid #e5e7eb}.suppliers-table th{color:#fff;font-size:14px;font-weight:600;letter-spacing:.05em;padding:16px 24px;text-align:left;text-transform:uppercase}.suppliers-table td{border-bottom:1px solid #f1f5f9;color:#475569;font-size:14px;padding:18px 24px}.suppliers-table tbody tr{transition:background-color .2s}.suppliers-table tbody tr:hover{background-color:#f8fafc}.balance-amount,.supplier-name{color:#0f172a;font-weight:600}.action-icons{display:flex;gap:12px}.action-btn{background:none;border:none;font-size:18px;opacity:.7;padding:6px;transition:all .2s}.action-btn:hover{opacity:1;transform:scale(1.1)}.edit-btn:hover{color:#2563eb}.delete-btn:hover{color:#dc2626}.empty-state{color:#6b7280;font-size:14px;padding:48px 0;text-align:center}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080}.modal-container{animation:slideUp .3s ease;background-color:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:1000px}.modal-header{background-color:#f8fafc;border-bottom:2px solid #e5e7eb;padding:20px 24px;position:sticky;top:0;z-index:10}.modal-title{color:#1f2937;font-size:24px;font-weight:700;margin:0}.modal-close{border-radius:8px;color:#6b7280;font-size:32px;height:32px;line-height:1;transition:color .2s;width:32px}.modal-close:hover{background-color:#fef2f2;color:#dc2626}.modal-form{padding:24px}.form-section{border-bottom:1px solid #e5e7eb;margin-bottom:32px;padding-bottom:24px}.form-section:last-of-type{margin-bottom:0}.section-title{border-bottom:2px solid #dbeafe;color:#2563eb;font-size:18px;font-weight:600;margin-bottom:20px;padding-bottom:8px}.form-row{grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:16px}.form-group{display:flex;flex-direction:column}.form-group.full-width{grid-column:1/-1}.form-group label{color:#6b7280;font-size:11px;margin-bottom:6px}.form-group input{border:1px solid #d1d5db;border-radius:8px;font-size:14px;outline:none;padding:10px 12px;transition:all .2s}.form-group input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.form-group input::placeholder{color:#9ca3af}.modal-actions{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;margin-top:32px;padding-top:20px}.btn-cancel{background-color:#fff;border:1px solid #d1d5db;border-radius:8px;color:#4b5563;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.btn-cancel:hover{background-color:#f9fafb}.btn-save{background-color:#2563eb;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 24px;transition:all .2s}.btn-save:hover{background-color:#1d4ed8;box-shadow:0 4px 6px -1px #0000001a}.preview-address-section{margin-bottom:20px;margin-top:20px;text-align:left}.btn-preview-address{background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;color:#4b5563;cursor:pointer;font-size:14px;font-weight:500;padding:8px 20px;transition:all .2s}.btn-preview-address:hover{background-color:#e5e7eb;transform:translateY(-1px)}.modal-container::-webkit-scrollbar{width:8px}.modal-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.modal-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.modal-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-width:768px){.top-navbar{padding:0 16px}.nav-links{gap:20px}.suppliers-wrapper{padding:16px;width:100%}.suppliers-header{align-items:flex-start;flex-direction:column}.stats-container{gap:12px;grid-template-columns:1fr}.search-section{align-items:stretch;flex-direction:column}.search-wrapper{max-width:100%}.suppliers-table-container{overflow-x:auto}.suppliers-table{min-width:700px}.suppliers-table td,.suppliers-table th{padding:12px 16px}.modal-container{max-height:95vh;width:95%}.form-row{gap:12px;grid-template-columns:1fr}.modal-header{padding:16px 20px}.modal-title{font-size:20px}.modal-form{padding:16px}.section-title{font-size:16px}.modal-actions{flex-direction:column-reverse}.btn-cancel,.btn-save{width:100%}}@media (min-width:769px) and (max-width:1024px){.stats-container{grid-template-columns:repeat(2,1fr)}.suppliers-wrapper{width:98%}}@media (min-width:1440px){.suppliers-wrapper{max-width:1800px;width:90%}.stats-container{grid-template-columns:repeat(4,1fr)}.suppliers-table td,.suppliers-table th{padding:20px 28px}}.shop-container{background:#fff;margin:0 auto;max-width:1400px;min-height:100vh;padding:2rem}.shop-header-section{background:#fff;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.shop-header-section h2{color:#004aad;font-size:1.75rem;font-weight:700;margin:0}.shop-content{background:#fff;width:100%}.shop-action-section{align-items:center;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;padding:1rem 1.5rem}.search-input{border-radius:6px}.add-shop-btn,.select-all-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.6rem 1.5rem;transition:all .3s ease}.add-shop-btn{background:#004aad;color:#fff}.add-shop-btn:hover{background:#003380;transform:translateY(-1px)}.selected-summary{border-radius:8px}.action-dropdown-btn{border-radius:6px}.shop-table-container{background:#fff;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:1.5rem;overflow:hidden}.shop-table-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:1rem 1.5rem}.shop-table-header h3{color:#004aad;font-size:1rem;font-weight:600;margin:0}.shop-count{background:#fff;border:1px solid #e0e0e0;border-radius:20px;color:#666;font-size:.85rem;padding:.25rem .75rem}.shop-table-wrapper{overflow-x:auto}.shop-table{background:#fff;border-collapse:collapse;min-width:1000px;width:100%}.shop-table thead{background:#f8f9fa}.shop-table th{border-bottom:2px solid #e0e0e0;color:#004aad;font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:1rem;text-align:left;text-transform:uppercase}.shop-table td{border-bottom:1px solid #f0f0f0;color:#333;font-size:.9rem;padding:.8rem 1rem}.shop-table tbody tr:hover{background:#fafafa}.shop-table tbody tr.selected{background:#004aad0d}.shop-table input[type=checkbox]{accent-color:#004aad;cursor:pointer;height:18px;width:18px}.shop-logo-cell{width:50px}.shop-logo-small{object-fit:cover}.shop-logo-placeholder,.shop-logo-small{border-radius:8px;height:40px;width:40px}.shop-logo-placeholder{align-items:center;background:linear-gradient(135deg,#004aad,#003a8c);color:#fff;display:flex;font-size:1.2rem;font-weight:700;justify-content:center}.shop-name-cell{color:#004aad;font-weight:500}.status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.8rem;font-weight:500;gap:.4rem}.status-badge.active{background:#d4edda;color:#28a745}.status-badge.inactive{background:#fee2e2;color:#dc2626}.status-badge svg{font-size:.7rem}.action-buttons-cell{display:flex;gap:.5rem}.action-icon-btn{background:#0000;border:none;border-radius:4px;cursor:pointer;font-size:1rem;padding:.4rem;transition:all .3s}.view-btn{color:#004aad}.view-btn:hover{background:#004aad1a;transform:scale(1.05)}.edit-btn{color:#ffc107}.edit-btn:hover{background:#ffc1071a;transform:scale(1.05)}.error-state,.loading-state,.no-shops{color:#666;padding:3rem;text-align:center}.spinner{border:3px solid #f3f3f3;border-radius:50%;border-top-color:#004aad;height:40px;margin:0 auto 1rem;width:40px}.back-to-shops,.retry-btn{background:#004aad;border:none;border-radius:6px;color:#fff;cursor:pointer;margin-top:1rem;padding:.5rem 1rem}.add-shop-page,.edit-shop-container{background:#fff;margin:0 auto;max-width:1200px;min-height:100vh;padding:2rem}.add-shop-header,.edit-shop-header{border-bottom:2px solid #e0e0e0;margin-bottom:2rem;padding-bottom:1.5rem}.back-button{background:#0000;border:1px solid #004aad;border-radius:6px;font-size:.9rem;margin-bottom:1rem;padding:.5rem 1rem}.back-button:hover{background:#004aad;color:#fff}.header-title{align-items:center;display:flex;gap:1rem;margin-bottom:.5rem}.header-title h1{color:#004aad;font-size:2rem;font-weight:700;margin:0}.add-shop-header .header-subtitle,.edit-shop-header .header-subtitle{color:#666;font-size:.9rem;margin:0;padding-left:3.5rem}.add-shop-form,.edit-shop-form{background:#fff}.form-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:2rem}.form-section{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:1.5rem;transition:box-shadow .3s ease}.form-section:hover{box-shadow:0 4px 12px #0000001a}.form-section h3{align-items:center;border-bottom:2px solid #004aad;color:#004aad;display:flex;font-size:1.1rem;font-weight:700;gap:.5rem;margin-bottom:1.5rem;padding-bottom:.5rem}.section-icon{color:#004aad;font-size:1.2rem}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1rem}.form-group input[type=email],.form-group input[type=password],.form-group input[type=tel],.form-group input[type=text],.form-group select,.form-group textarea{border:1px solid #e0e0e0;border-radius:6px;font-size:.9rem;padding:.6rem;transition:all .3s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#004aad;box-shadow:0 0 0 2px #004aad1a;outline:none}.form-group input.error{border-color:#dc3545}.error-message{color:#dc3545;display:block}.error-message,.field-hint{font-size:.75rem;margin-top:.25rem}.field-hint{color:#666;font-style:italic}.checkbox-group{align-items:flex-start!important;display:flex!important;flex-direction:column!important;text-align:left!important}.checkbox-group label{align-items:center!important;display:flex!important;gap:.75rem!important;justify-content:flex-start!important;width:100%!important}.checkbox-group input[type=checkbox]{accent-color:#004aad;cursor:pointer;height:18px;width:18px}.checkbox-label{color:#333;font-weight:500}.logo-upload-container{align-items:flex-start;display:flex;flex-wrap:wrap;gap:2rem}.logo-preview{align-items:center;background:#f8f9fa;border:2px solid #e0e0e0;border-radius:8px;display:flex;height:150px;justify-content:center;overflow:hidden;width:150px}.logo-preview-image{height:100%;object-fit:cover;width:100%}.logo-placeholder{align-items:center;color:#999;display:flex;flex-direction:column;gap:.5rem}.placeholder-icon{color:#ccc;font-size:3rem}.logo-upload-controls{flex:1 1}.upload-button{align-items:center;background:#f8f9fa;border:1px solid #004aad;border-radius:6px;color:#004aad;cursor:pointer;display:inline-flex;gap:.5rem;padding:.6rem 1.5rem;transition:all .3s ease}.upload-button:hover{background:#004aad;color:#fff}.url-preview-section{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:2rem;padding:1rem}.url-preview-section h4{color:#004aad;font-size:.9rem;margin-bottom:.5rem}.url-preview{color:#28a745;font-family:monospace;font-size:1rem;gap:.5rem}.url-icon{color:#004aad}.form-actions{border-top:2px solid #e0e0e0}.cancel-btn,.submit-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.cancel-btn{background:#f8f9fa;border:1px solid #e0e0e0;color:#666}.cancel-btn:hover{background:#e9ecef}.submit-btn{background:#28a745;color:#fff}.submit-btn:hover:not(:disabled){background:#218838;transform:translateY(-2px)}.submit-btn:disabled{background:#ccc;cursor:not-allowed}.btn-icon{font-size:.9rem}.shop-details-container{background:#fff;margin:0 auto;max-width:1200px;min-height:100vh;padding:2rem}.shop-details-header{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.edit-button{align-items:center;background:#ffc107;color:#333;display:inline-flex;gap:.5rem;padding:.6rem 1.5rem;transition:all .3s ease}.edit-button:hover{background:#e0a800}.shop-details-content{background:#fff}.shop-details-title{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;gap:2rem;margin-bottom:2rem;padding:1.5rem}.shop-logo-large{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:12px;display:flex;height:100px;justify-content:center;overflow:hidden;width:100px}.shop-logo-large img{height:100%;object-fit:cover;width:100%}.logo-placeholder-large{color:#ccc;font-size:3rem}.shop-title-info{flex:1 1}.shop-title-info h1{color:#004aad;font-size:2rem;margin-bottom:.5rem}.shop-subdomain{align-items:center;color:#666;display:flex;gap:.5rem;margin-bottom:.5rem}.status-badge-large{align-items:center;border-radius:20px;display:inline-flex;font-weight:600;gap:.5rem;padding:.4rem 1rem}.status-badge-large.active{background:#d4edda;color:#28a745}.status-badge-large.inactive{background:#fee2e2;color:#dc2626}.details-grid{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.detail-card{border:1px solid #e0e0e0;border-radius:8px;padding:1.5rem}.detail-card h3{align-items:center;border-bottom:2px solid #004aad;color:#004aad;display:flex;gap:.5rem;margin-bottom:1rem;padding-bottom:.5rem}.card-icon{font-size:1.2rem}.detail-item{border-bottom:1px solid #f0f0f0;justify-content:space-between;padding:.75rem 0}.detail-item:last-child{border-bottom:none}.detail-item strong{color:#666;font-weight:600}.detail-item span{color:#333;max-width:60%;text-align:right}@media (max-width:768px){.add-shop-page,.edit-shop-container,.shop-container,.shop-details-container{padding:1rem}.shop-action-section{flex-direction:column}.search-wrapper{width:100%}.action-buttons{flex-direction:column;width:100%}.add-shop-btn,.select-all-btn{justify-content:center;width:100%}.header-content{flex-direction:column;text-align:center}.header-subtitle{padding-left:0;text-align:center}.form-grid,.form-row{grid-template-columns:1fr}.shop-details-title{flex-direction:column;text-align:center}.shop-subdomain{justify-content:center}.detail-item{flex-direction:column;gap:.5rem}.detail-item span{max-width:100%;text-align:left}.shop-details-header{gap:1rem}.form-actions,.shop-details-header{flex-direction:column}.cancel-btn,.submit-btn{justify-content:center;width:100%}}.field-icon{color:#6b7280;font-size:14px;margin-right:8px}.form-group select{background-color:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;font-family:inherit;font-size:14px;padding:12px 16px;transition:all .3s ease;width:100%}.form-group select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.form-group select:disabled{background-color:#f9fafb;cursor:not-allowed;opacity:.7}.form-group select.error{border-color:#ef4444}.form-group .field-hint{align-items:center;color:#6b7280;display:flex;font-size:12px;gap:8px;margin-top:6px}.url-preview-section{background:linear-gradient(135deg,#f0fdf4,#f3e8ff);border:1px solid #e5e7eb;border-radius:16px;margin-top:32px;padding:20px}.url-preview-section h4{color:#374151;font-weight:600;gap:8px;margin-bottom:12px}.url-preview,.url-preview-section h4{align-items:center;display:flex;font-size:14px}.url-preview{background:#fff;border-radius:12px;color:#4b5563;font-family:Courier New,monospace;gap:12px;padding:12px;word-break:break-all}.url-icon{color:#6366f1;flex-shrink:0;font-size:18px}@media (max-width:768px){.form-group select{font-size:13px;padding:10px 14px}.url-preview-section{padding:16px}.url-preview{font-size:12px}}.city-select-wrapper{position:relative;width:100%}.city-dropdown-toggle{align-items:center;background-color:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;display:flex;font-family:inherit;font-size:14px;justify-content:space-between;padding:12px 16px;transition:all .3s ease;width:100%}.city-dropdown-toggle:hover:not(:disabled){border-color:#6366f1}.city-dropdown-toggle:disabled{background-color:#f9fafb;cursor:not-allowed;opacity:.7}.city-dropdown-toggle.error{border-color:#ef4444}.city-dropdown-text{color:#374151;font-weight:500}.city-dropdown-menu{animation:dropdownSlide .2s ease;background:#fff;border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 25px #0000001a;display:flex;flex-direction:column;left:0;max-height:320px;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}.city-search{border-bottom:1px solid #f0f0f0;padding:12px}.city-search-input{border:1px solid #e5e7eb;border-radius:8px;font-size:14px;outline:none;padding:8px 12px;transition:all .3s ease;width:100%}.city-search-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.city-dropdown-list{flex:1 1;max-height:220px;overflow-y:auto;padding:8px}.city-dropdown-item{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:10px 12px;transition:all .2s ease}.city-dropdown-item:hover{background:#f3f4f6}.city-dropdown-item.selected{background:#0000}.city-dropdown-item .city-checkbox{accent-color:#6366f1;cursor:pointer;flex-shrink:0;height:18px;pointer-events:none;width:18px}.city-dropdown-item .city-name{color:#374151;flex:1 1;font-size:14px}.city-dropdown-item .city-check-icon{display:none}.city-dropdown-empty{color:#9ca3af;font-size:14px;padding:20px;text-align:center}.city-dropdown-footer{border-top:1px solid #f0f0f0;display:flex;justify-content:flex-end;padding:12px}.city-dropdown-close{background:#004aad;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 20px;transition:all .2s ease}.selected-cities-container{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.city-tag{background:#004aad;border-radius:20px;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:6px 12px}.city-tag,.city-tag-remove{align-items:center;color:#fff}.city-tag-remove{background:#0000;border:none;border-radius:50%;cursor:pointer;display:flex;justify-content:center;padding:2px;transition:all .2s ease}.city-tag-remove:hover{background:#4338ca1a;transform:scale(1.1)}.city-tag-remove svg{font-size:12px}.active-status-wrapper{align-items:flex-start;display:flex;flex-direction:column;gap:.5rem;padding:.5rem 0}.active-status-wrapper label{align-items:center;color:#333;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:.75rem;letter-spacing:normal;text-transform:none}.active-status-wrapper input[type=checkbox]{accent-color:#004aad;cursor:pointer;height:20px;margin:0;width:20px}.active-status-wrapper .checkbox-label{color:#333;font-weight:500}.active-status-wrapper .field-hint{color:#666;font-size:.75rem;margin:0;padding-left:0}.notes-main-container{margin:0;max-width:100%;padding:20px}.notes-header-section,.notes-main-container{background:#fff;box-sizing:border-box;width:100%}.notes-header-section{border:1px solid #e0e0e0;border-radius:4px;margin-bottom:2rem;padding:1.5rem}.notes-header-section h2{color:#004aad;font-size:1.75rem;font-weight:700;margin:0}.notes-content{background:#fff;box-sizing:border-box;padding:0;text-align:left;width:100%}.notes-action-section{align-items:right;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:4px;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:55%;margin-bottom:1.5rem;padding:1rem 1.5rem;width:100%}.search-wrapper{flex:2 1;min-width:300px}.action-buttons{flex:1 1;justify-content:flex-end}.add-note-btn,.select-all-btn{display:flex}.select-all-btn:hover{background:#f0f0f0}.action-dropdown-btn{display:flex}.notes-table-container{background:#fff;border:1px solid #e0e0e0;border-radius:4px;box-sizing:border-box;margin-bottom:1.5rem;overflow-x:auto;width:100%}.notes-table-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:1rem 1.5rem}.notes-table-header h3{color:#004aad;font-size:1rem;font-weight:600;margin:0}.notes-count{background:#fff;border:1px solid #e0e0e0;border-radius:20px;color:#666;font-size:.85rem;padding:.25rem .75rem}.notes-table-wrapper{overflow-x:auto;width:100%}.notes-table{background:#fff;border-collapse:collapse;min-width:800px;width:100%}.notes-table th{background:#004aad;border-bottom:1px solid #e0e0e0;border-bottom:2px solid #e0e0e0;border-right:1px solid #5a9bd5;color:#fff;font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:1rem;text-align:left;text-transform:uppercase}.notes-table td,.notes-table th{font-family:Arial,Helvetica,sans-serif}.notes-table td{border-bottom:none;border-right:1px solid #f0f0f0;color:#333;font-size:.9rem;padding:.8rem 1rem}.notes-table tbody tr{border-bottom:1px solid #e0e0e0}.notes-table th:last-child{border-right:none}.notes-table tbody tr:hover{background:#fafafa}.notes-table tbody tr.selected{background:#004aad0d}.notes-table input[type=checkbox]{accent-color:#004aad;cursor:pointer;height:18px;width:18px}.checkbox-cell input{height:18px;width:18px}.manufacturing-data-cell{align-items:center;display:flex;font-weight:500;gap:.8rem}.data-icon{color:#004aad;font-size:.9rem}.note-content-cell{color:#555;line-height:1.4;max-width:400px;white-space:normal;word-break:break-word}.created-at-cell{align-items:center;color:#666;display:flex;font-size:.85rem;gap:.5rem;white-space:nowrap}.date-icon{color:#999;font-size:.8rem}.edit-note-btn{background:#0000;border:none;border-radius:4px;cursor:pointer;font-size:1rem;padding:.4rem .8rem;transition:all .3s}.edit-note-btn:hover{transform:scale(1.05)}.form-group{margin-bottom:1rem}.form-group input,.form-group textarea{border:1px solid #e0e0e0;border-radius:4px;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;padding:.6rem;width:100%}.form-group textarea{min-height:100px}.form-group input:focus,.form-group textarea:focus{border-color:#004aad;box-shadow:0 0 0 2px #004aad1a;outline:none}.disabled-field{background-color:#f5f5f5;color:#888;cursor:not-allowed}.btn-cancel,.btn-delete,.btn-save{border:none;border-radius:4px;cursor:pointer;font-size:.9rem;font-weight:500;padding:.6rem 1.5rem;transition:all .3s ease}.btn-delete{background:#dc3545;color:#fff}.btn-delete:hover{background:#c82333}@media (max-width:1200px){.notes-main-container{padding:15px}.notes-table{min-width:700px}}@media (max-width:992px){.notes-main-container{padding:12px}.action-buttons{flex:auto;justify-content:stretch;width:100%}.add-note-btn,.select-all-btn{flex:1 1;justify-content:center}.notes-table{min-width:650px}}@media (max-width:768px){.notes-main-container{padding:10px}.notes-action-section{flex-direction:column;padding:1rem}.search-wrapper{min-width:auto;width:100%}.action-buttons{flex-direction:column;width:100%}.add-note-btn,.select-all-btn{justify-content:center;width:100%}.header-content{flex-direction:column;text-align:center}.header-subtitle{padding-left:0;text-align:center}.notes-table td,.notes-table th{font-size:.8rem;padding:.6rem}.notes-table{min-width:550px}.modal-content{margin:1rem;width:95%}.summary-content{align-items:stretch;flex-direction:column}.action-dropdown-container{width:100%}.action-dropdown-btn{justify-content:center;width:100%}.action-dropdown-menu{margin-top:8px;position:static;width:100%}}@media (max-width:480px){.notes-main-container{padding:8px}.notes-header-section{padding:1rem}.notes-header-section h2{font-size:1.3rem}.header-icon{font-size:1.5rem;padding:.5rem}.header-subtitle{font-size:.8rem}.notes-table td,.notes-table th{font-size:.7rem;padding:.5rem}.checkbox-cell{width:40px}.checkbox-cell input{height:14px;width:14px}.edit-note-btn{font-size:.8rem;padding:.3rem .6rem}.btn-cancel,.btn-delete,.btn-save{font-size:.8rem;padding:.5rem 1rem}.manufacturing-data-cell{gap:.4rem}.created-at-cell{font-size:.7rem;gap:.3rem}}@media print{.notes-main-container{margin:0;padding:0}.actions-cell,.checkbox-cell,.notes-action-section,.selected-summary{display:none}.notes-table{width:100%}}.manufacturing-dropdown-container{position:relative}.dropdown-wrapper{position:relative;width:100%}.dropdown-input{align-items:center;display:flex;position:relative}.manufacturing-input{border:1px solid #e0e0e0;border-radius:4px;box-sizing:border-box;cursor:pointer;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;padding:.6rem 2rem .6rem .6rem;width:100%}.manufacturing-input:focus{border-color:#004aad;box-shadow:0 0 0 2px #004aad1a;outline:none}.dropdown-icon{color:#999;pointer-events:none;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:transform .3s ease}.dropdown-icon.rotated{transform:translateY(-50%) rotate(180deg)}.manufacturing-dropdown{animation:dropdownSlide .2s ease;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #00000026;display:flex;flex-direction:column;left:0;margin-top:5px;max-height:300px;position:absolute;right:0;top:100%;z-index:1000}.dropdown-search{border-bottom:1px solid #e0e0e0;padding:10px;position:relative}.dropdown-search-icon{color:#999;font-size:.8rem;left:18px;position:absolute;top:50%;transform:translateY(-50%)}.dropdown-search-input{border:1px solid #e0e0e0;border-radius:4px;box-sizing:border-box;font-size:.85rem;padding:.5rem 1rem .5rem 2rem;width:100%}.dropdown-search-input:focus{border-color:#004aad;box-shadow:0 0 0 2px #004aad1a;outline:none}.dropdown-list{max-height:250px;overflow-y:auto;padding:5px 0}.dropdown-list .dropdown-item{align-items:center;color:#333;cursor:pointer;display:flex;font-size:.9rem;gap:10px;padding:.6rem 1rem;transition:all .2s ease}.dropdown-list .dropdown-item:hover{background:#f8f9fa}.dropdown-item-icon{color:#004aad;font-size:.8rem}.dropdown-no-data{color:#999;font-size:.85rem;padding:1rem;text-align:center}.note-textarea{border:1px solid #e0e0e0;border-radius:4px;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;min-height:120px;padding:.6rem;resize:vertical;width:100%}.note-textarea:focus{border-color:#004aad;box-shadow:0 0 0 2px #004aad1a;outline:none}@media (max-width:768px){.manufacturing-dropdown{left:5%;max-height:60vh;position:fixed;right:5%;top:auto;width:90%}.dropdown-list{max-height:40vh}}.shop-select-dropdown{background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;cursor:pointer;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;padding:.75rem;transition:all .3s ease;width:100%}.shop-select-dropdown:focus{border-color:#004aad;box-shadow:0 0 0 2px #004aad1a;outline:none}.shop-select-dropdown:disabled{background-color:#f5f5f5;cursor:not-allowed}.form-icon{font-size:.9rem}.form-help-text{color:#dc3545;display:block;font-size:.75rem;margin-top:5px}.no-notes-cell{padding:40px!important}.loading-container,.no-notes-cell{text-align:center}.dropdown-item.selected{background-color:#004aad1a}button:disabled{cursor:not-allowed!important;opacity:.6;transform:none!important}.note-form .form-group{margin-bottom:1.5rem}.note-form label{align-items:center;color:#333;display:flex;font-size:.85rem;font-weight:600;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}@media (max-width:768px){.shop-select-dropdown{font-size:.85rem;padding:.6rem}.form-icon{font-size:.8rem}.note-form .form-group{margin-bottom:1rem}}.form-label-with-icon{align-items:center;color:#333;display:flex;font-size:.85rem;font-weight:600;gap:8px;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.selected-shop-info{background:#004aad0d;border-radius:4px;font-size:.85rem}.shop-info-icon{font-size:.9rem}.current-shop-display{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:4px;font-size:.9rem;gap:10px;padding:10px 12px}.shop-display-icon{color:#28a745;font-size:1rem}.manufacturing-shop-info{align-items:center;background:#28a7450d;border-left:3px solid #28a745;border-radius:4px;color:#28a745;display:flex;font-size:.85rem;gap:8px;padding:8px 12px}.dropdown-item-content{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.item-part-name{color:#333;font-weight:500}.item-lot-number{color:#666;font-size:.8rem}.item-shop-name{color:#004aad;font-size:.75rem;margin-left:auto}@media (max-width:768px){.dropdown-item-content{align-items:flex-start;flex-direction:column;gap:4px}.item-shop-name{margin-left:0}.current-shop-display,.manufacturing-shop-info,.selected-shop-info{font-size:.75rem;padding:6px 10px}}.issuestock-main-container{background:#fff;margin:0 auto;max-width:1800px;min-height:100vh;padding:20px;width:100%}.issuestock-header-section{background:#fff;border:1px solid #e0e0e0;border-radius:4px;box-sizing:border-box;margin-bottom:2rem;padding:1.5rem;width:100%}.issuestock-header-section h2{color:#004aad;font-size:1.75rem;font-weight:700;margin:0}.issuestock-content{background:#fff;box-sizing:border-box;padding:0;text-align:left;width:100%}.issuestock-action-section{align-items:center;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:4px;box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:1.5rem;padding:1rem 1.5rem;width:100%}.add-item-btn,.select-all-btn{font-family:Arial,Helvetica,sans-serif}.issuestock-table-container{background:#fff;border:1px solid #e0e0e0;border-radius:4px;box-sizing:border-box;margin-bottom:1.5rem;overflow-x:auto;width:100%}.issuestock-table-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:1rem 1.5rem}.issuestock-table-header h3{color:#004aad;font-size:1rem;font-weight:600;margin:0}.issuestock-table-wrapper{overflow-x:auto;width:100%}.issuestock-table{background:#fff;border-collapse:collapse;min-width:1000px;width:100%}.issuestock-table thead{background:#004aad}.issuestock-table th{background:#004aad;border-right:1px solid #5a9bd5;color:#fff;font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:12px;text-align:left;text-transform:uppercase}.issuestock-table th:last-child{border-right:none}.issuestock-table td{border-bottom:1px solid #e0e0e0;border-right:1px solid #f0f0f0;color:#333;font-size:.9rem;padding:12px;text-align:left}.issuestock-table td:last-child{border-right:none}.issuestock-table td:first-child,.issuestock-table th:first-child{text-align:center;width:50px}.issuestock-table td:last-child,.issuestock-table th:last-child{text-align:center;width:100px}.issuestock-table tbody tr:hover{background-color:#f1f5ff}.issuestock-table tbody tr:hover td{border-bottom-color:#004aad}.issuestock-table tbody tr:last-child td{border-bottom:none}.issuestock-table tbody tr.selected{background:#004aad0d}.issuestock-table input[type=checkbox]{accent-color:#004aad;cursor:pointer;height:16px;margin:0;width:16px}.stock-badge{border-radius:4px;display:inline-block;font-size:.75rem;font-weight:600;padding:.25rem .75rem}.stock-badge.good-stock{background:#d4edda;color:#155724}.status-pending,.stock-badge.low-stock{background:#fff3cd;color:#856404}.status-in-progress{background:#cce5ff;color:#004085}.status-completed{background:#d4edda;color:#155724}.delete-item-btn,.edit-item-btn{transition:all .3s}.delete-item-btn{margin-left:4px}.add-issuestock-container{background:#fff;margin:0 auto;max-width:1400px;min-height:100vh;padding:20px;width:100%}.form-header-section{align-items:center;background:#fff;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem;padding:1.5rem;width:100%}.back-button,.form-header-section{border:1px solid #e0e0e0;border-radius:4px}.back-button{background:#f8f9fa;color:#004aad;display:inline-flex;gap:.5rem;justify-content:center;line-height:1;padding:.6rem 1.2rem;transition:all .3s ease}.back-button:hover{background:#e9ecef;transform:translateY(-1px)}.form-header-section .header-content{align-items:center;display:flex;gap:1rem;margin:0}.form-header-section .header-icon{background:#004aad1a;border-radius:8px;color:#004aad;font-size:2rem;padding:.75rem}.form-header-section h2{color:#004aad;font-size:1.75rem;font-weight:700;margin:0}.issuestock-form-container{background:#fff;border:1px solid #e0e0e0;border-radius:4px;padding:2rem}.form-section{border-bottom:1px solid #e0e0e0;margin-bottom:2rem;padding-bottom:1.5rem}.form-section:last-of-type{border-bottom:none;margin-bottom:1rem;padding-bottom:0}.section-title{border-bottom:2px solid #004aad;color:#004aad;display:inline-block;font-size:1rem;font-weight:700;margin-bottom:1.5rem;padding-bottom:.5rem}.form-row{display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:1.25rem}.form-group{flex:1 1;min-width:calc(50% - .75rem)}.required{color:#dc3545;font-size:1rem;margin-left:2px}.form-group select,.form-input,.form-textarea{background:#fff;border:1px solid #e0e0e0;border-radius:4px;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;padding:.6rem;transition:all .3s ease;width:100%}.form-textarea{min-height:80px;resize:vertical}.form-group select:focus,.form-input:focus,.form-textarea:focus{border-color:#004aad;box-shadow:0 0 0 2px #004aad1a;outline:none}.form-group select:hover,.form-input:hover,.form-textarea:hover{border-color:#004aad}.form-input::placeholder,.form-textarea::placeholder{color:#aaa;font-size:.85rem}.form-input.remaining-stock{background:#f8f9fa;border-color:#004aad;color:#004aad;font-weight:600}.form-actions{border-top:1px solid #e0e0e0;display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem}.btn-cancel,.btn-reset,.btn-save{align-items:center;border:none;border-radius:4px;cursor:pointer;display:inline-flex;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;font-weight:500;gap:.5rem;justify-content:center;line-height:1;padding:.6rem 1.5rem;transition:all .3s ease;vertical-align:middle}.btn-reset{background:#f8f9fa;border:1px solid #e0e0e0;color:#666}.btn-reset:hover{background:#e9ecef;transform:translateY(-1px)}.btn-cancel{background:#fee2e2;border:1px solid #dc3545;color:#dc3545}.btn-cancel:hover{background:#dc3545;color:#fff}.btn-cancel:active,.btn-reset:active,.btn-save:active{transform:translateY(0)}@media (max-width:1200px){.add-issuestock-container,.issuestock-main-container{padding:15px}.issuestock-table{min-width:900px}}@media (max-width:992px){.issuestock-action-section{flex-direction:column;gap:1rem}.search-wrapper{max-width:none;width:100%}.action-buttons{justify-content:center;width:100%}.add-item-btn,.select-all-btn{flex:1 1;justify-content:center}.issuestock-table{min-width:800px}.form-header-section,.form-header-section .header-content{flex-direction:column;text-align:center}}@media (max-width:768px){.add-issuestock-container,.issuestock-main-container{padding:10px}.form-header-section,.issuestock-header-section{padding:1rem}.form-header-section h2,.issuestock-header-section h2{font-size:1.3rem}.header-icon{font-size:1.5rem;padding:.5rem}.header-subtitle{padding-left:0;text-align:center}.issuestock-action-section{flex-direction:column;padding:1rem}.search-wrapper{min-width:auto;width:100%}.action-buttons{flex-direction:column;width:100%}.add-item-btn,.select-all-btn{justify-content:center;width:100%}.summary-content{align-items:stretch;flex-direction:column}.action-dropdown-container{width:100%}.action-dropdown-btn{justify-content:center;width:100%}.action-dropdown-menu{margin-top:8px;position:static;width:100%}.issuestock-table td,.issuestock-table th{font-size:12px;padding:8px 4px}.form-row{flex-direction:column;gap:1rem}.form-group{min-width:100%}.section-title{font-size:1rem}.form-actions{flex-direction:column}.btn-cancel,.btn-reset,.btn-save{justify-content:center;width:100%}.issuestock-form-container{padding:1rem}.delete-item-btn,.edit-item-btn{padding:4px}}@media (max-width:480px){.add-issuestock-container,.issuestock-main-container{padding:8px}.form-header-section h2,.issuestock-header-section h2{font-size:1.1rem}.header-icon{font-size:1.5rem;padding:.5rem}.header-subtitle{font-size:.75rem}.issuestock-table td,.issuestock-table th{font-size:.7rem;padding:.5rem}.checkbox-cell{width:40px}.checkbox-cell input{height:14px;width:14px}.delete-item-btn,.edit-item-btn{font-size:.8rem;padding:.3rem .5rem}.form-group label{font-size:.75rem}.form-group select,.form-input,.form-textarea{font-size:.85rem;padding:.5rem .8rem}.btn-cancel,.btn-reset,.btn-save{font-size:.8rem;padding:.5rem 1rem}.status-badge,.stock-badge{font-size:.65rem;padding:.2rem .5rem}}@media print{.add-issuestock-container,.issuestock-main-container{background:#fff;padding:0}.action-dropdown-container,.actions-cell,.back-button,.btn-cancel,.btn-reset,.btn-save,.checkbox-cell,.form-actions,.form-header-section,.issuestock-action-section,.issuestock-header-section,.selected-summary{display:none}.issuestock-form-container,.issuestock-table-container{border:1px solid #ddd;box-shadow:none}.issuestock-table{width:100%}.issuestock-table td,.issuestock-table th{border:1px solid #ddd}.form-group select,.form-input,.form-textarea{background:#0000;border:1px solid #ddd}}.orderstatus-main-container{background:#fff;margin:0 auto;max-width:1600px;min-height:100vh;padding:20px;width:100%}.orderstatus-header-section{background:#fff;border:1px solid #e0e0e0;border-radius:4px;box-sizing:border-box;margin-bottom:2rem;padding:1.5rem;width:100%}.orderstatus-header-section h2{color:#004aad;font-size:1.75rem;font-weight:700;margin:0}.orderstatus-content{background:#fff;box-sizing:border-box;padding:0;text-align:left;width:100%}.orderstatus-action-section{align-items:center;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:4px;box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:1.5rem;padding:1rem 1.5rem;width:100%}.add-item-btn,.select-all-btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:.5rem;justify-content:center;line-height:1;margin:0;padding:.6rem 1.5rem;transition:all .3s ease;vertical-align:middle;white-space:nowrap}.add-item-btn{background:#004aad;color:#fff}.add-item-btn:hover{background:#003380;transform:translateY(-1px)}.orderstatus-table-container{background:#fff;border:1px solid #e0e0e0;border-radius:4px;box-sizing:border-box;margin-bottom:1.5rem;overflow-x:auto;width:100%}.orderstatus-table-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:1rem 1.5rem}.orderstatus-table-header h3{color:#004aad;font-size:1rem;font-weight:600;margin:0}.item-count{background:#fff;border:1px solid #e0e0e0;border-radius:20px;color:#666;font-size:.85rem;padding:.25rem .75rem}.orderstatus-table{background:#fff;border-collapse:collapse;min-width:700px;width:100%}.orderstatus-table thead tr{background:#004aad}.orderstatus-table th{background:#004aad;border:none;color:#fff;font-size:.85rem;font-weight:600;padding:12px;text-align:left}.orderstatus-table tbody tr{border-bottom:1px solid #e0e0e0}.orderstatus-table tbody tr:last-child{border-bottom:none}.orderstatus-table td{border:none;color:#333;font-size:.9rem;padding:12px;text-align:left}.orderstatus-table td:first-child,.orderstatus-table th:first-child{text-align:center;width:50px}.orderstatus-table td:last-child,.orderstatus-table th:last-child{text-align:center;width:100px}.orderstatus-table tbody tr:hover{background-color:#f1f5ff}.orderstatus-table tbody tr.selected{background:#004aad0d}.orderstatus-table input[type=checkbox]{accent-color:#004aad;cursor:pointer;height:16px;margin:0;width:16px}.order-cell strong{font-weight:500}.status-badge{border-radius:4px;display:inline-block;font-size:.75rem;font-weight:600;padding:.25rem .75rem}.status-order-placed,.status-processing{background:#cce5ff;color:#004085}.status-shipped{background:#d4edda;color:#155724}.status-delivered{background:#d1ecf1;color:#0c5460}.status-cancelled{background:#f8d7da;color:#721c24}.image-cell{text-align:left}.order-image{border:1px solid #e0e0e0;border-radius:4px;cursor:pointer;height:50px;object-fit:cover;transition:transform .2s;width:50px}.order-image:hover{transform:scale(1.05)}.no-image-icon{color:#ccc;font-size:1.5rem}.delete-item-btn,.edit-item-btn{align-items:center;background:#0000;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:1rem;justify-content:center;padding:6px;transition:all .2s ease}.edit-item-btn{color:#004aad}.edit-item-btn:hover{background:#004aad1a;transform:scale(1.1)}.delete-item-btn{color:#dc3545}.delete-item-btn:hover{background:#dc35451a;transform:scale(1.1)}.no-items{color:#666;padding:3rem;text-align:center}.modal-overlay{animation:fadeIn .2s ease}.modal-content{animation:slideIn .3s ease;max-width:600px}.modal-close{transition:all .2s ease}.modal-close:hover{transform:rotate(90deg)}.orderstatus-form{display:flex;flex-direction:column;gap:1rem}.form-group{margin-bottom:.5rem}.form-input{border:1px solid #e0e0e0;border-radius:4px;box-sizing:border-box;font-size:.9rem;padding:.6rem;transition:all .3s;width:100%}.form-input:focus{border-color:#004aad;box-shadow:0 0 0 2px #004aad1a;outline:none}.view-field{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:4px;color:#333;font-size:.9rem;padding:.6rem}.form-row-modal{display:flex;gap:1rem}.form-row-modal .form-group{flex:1 1}.image-upload-container{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.image-input{display:none}.image-upload-label{align-items:center;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:4px;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .3s}.image-upload-label:hover{background:#e9ecef;border-color:#004aad}.file-name{color:#666;font-size:.85rem}.image-preview-modal{display:inline-block;margin-top:.75rem;position:relative}.preview-image-modal{border:1px solid #e0e0e0;border-radius:4px;height:100px;object-fit:cover;width:100px}.remove-image-modal{align-items:center;background:#dc3545;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;height:24px;justify-content:center;position:absolute;right:-8px;top:-8px;transition:all .3s;width:24px}.remove-image-modal:hover{background:#c82333;transform:scale(1.1)}.image-view-container{background:#f8f9fa;border-radius:4px;padding:1rem;text-align:center}.modal-image{border-radius:4px;max-height:300px;max-width:100%;object-fit:contain}.btn-save:hover{box-shadow:0 2px 8px #004aad4d}@media (max-width:1024px){.orderstatus-main-container{padding:15px}.orderstatus-action-section{gap:2rem}}@media (max-width:992px){.orderstatus-action-section{flex-direction:column;gap:1rem}.search-wrapper{max-width:none;width:100%}.action-buttons{justify-content:center;width:100%}.add-item-btn,.select-all-btn{flex:1 1;justify-content:center}}@media (max-width:768px){.orderstatus-main-container{padding:10px}.orderstatus-header-section{padding:1rem}.header-icon{font-size:1.5rem;padding:.5rem}.orderstatus-header-section h2{font-size:1.3rem}.header-subtitle{padding-left:0}.orderstatus-action-section{align-items:stretch;flex-direction:column;gap:1rem}.search-wrapper{max-width:none}.action-buttons{flex-direction:column}.add-item-btn,.select-all-btn{justify-content:center;width:100%}.orderstatus-table{min-width:600px}.orderstatus-table td,.orderstatus-table th{font-size:12px;padding:8px 4px}.form-row-modal{flex-direction:column;gap:.8rem}.modal-content{margin:1rem;width:95%}.summary-content{align-items:stretch;flex-direction:column}.action-dropdown-container{width:100%}.action-dropdown-btn{justify-content:center;width:100%}.action-dropdown-menu{margin-top:8px;position:static;width:100%}.delete-item-btn,.edit-item-btn{padding:4px}}@media (max-width:480px){.orderstatus-table-container{overflow-x:scroll}.orderstatus-table{min-width:500px}.modal-header h3{font-size:1rem}.btn-cancel,.btn-save{font-size:.8rem;padding:.5rem 1rem}}@media print{.orderstatus-main-container{margin:0;padding:0}.actions-cell,.checkbox-cell,.orderstatus-action-section,.selected-summary{display:none}.orderstatus-table td,.orderstatus-table th{border:1px solid #ddd}}.loading-container{min-height:400px}.loading-spinner{animation:spin 1s linear infinite;font-size:3rem}.error-container{align-items:center;color:#dc3545;display:flex;justify-content:center;min-height:400px;text-align:center}.error-container svg{font-size:3rem;margin-bottom:1rem}.error-container button{background:#004aad;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:1rem;padding:.5rem 1.5rem}.header-subtitle{align-items:center;display:flex}.header-subtitle strong{color:#004aad}.address-main-container{background:#fff;box-sizing:border-box;margin:0;max-width:100%;padding:20px;width:100%}.address-tabs{background:#fff;border-bottom:1px solid #e0e0e0;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem;padding-bottom:.5rem;padding-left:0;position:relative}.address-tabs:after{background:linear-gradient(90deg,#004aad,#66b0ff);border-radius:2px;bottom:0;content:"";height:3px;left:0;position:absolute;width:100%}.address-tab{align-items:center;background:#0000;border:none;border-radius:8px 8px 0 0;color:#004aad;cursor:pointer;display:flex;font-family:Arial,Helvetica,sans-serif;font-size:1rem;font-weight:600;gap:.5rem;margin-bottom:17px;padding:.8rem 2rem;position:relative;transition:all .3s ease}.address-tab:first-child{margin-left:0}.address-tab:hover{background-color:#004aad14}.address-tab.active{background-color:#004aad1f;color:#004aad;font-weight:700}.address-tab.active:after{background:linear-gradient(90deg,#004aad,#66b0ff);border-radius:2px;bottom:-2px;content:"";height:3px;left:0;position:absolute;width:100%}.tab-count{background:#e0e0e0;border-radius:20px;color:#666;font-size:.75rem;font-weight:600;padding:.2rem .6rem}.address-tab.active .tab-count{background:#004aad;color:#fff}.address-tab-content{animation:fadeIn .3s ease;background:#fff;padding-left:0}.address-container{background:#fff;box-sizing:border-box;margin:0 auto;max-width:100%;padding:0;text-align:left;width:100%}.address-header-section{background:#fff;border:1px solid #e0e0e0;border-radius:4px;margin-bottom:2rem;padding:1.5rem}.address-header-section h2{color:#004aad;font-size:1.75rem;font-weight:700;margin:0}.address-content{background:#fff;box-sizing:border-box;padding:0;text-align:left;width:100%}.address-action-section{align-items:center;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:4px;box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:1.5rem;padding:1rem 1.5rem;width:100%}.add-address-btn,.select-all-btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:inline-flex;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;font-weight:500;gap:.5rem;justify-content:center;line-height:1;margin:0;padding:.6rem 1.5rem;transition:all .3s ease;vertical-align:middle;white-space:nowrap}.add-address-btn{background:#004aad;color:#fff}.add-address-btn:hover{background:#003380;transform:translateY(-1px)}.dropdown-item svg{font-size:1rem}.address-table-container{background:#fff;border:1px solid #e0e0e0;border-radius:4px;box-sizing:border-box;margin-bottom:1.5rem;overflow-x:auto;width:100%}.address-table-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:1rem 1.5rem}.address-count{background:#fff;border:1px solid #e0e0e0;border-radius:20px;color:#666;font-size:.85rem;padding:.25rem .75rem}.address-table-wrapper{overflow-x:auto;width:100%}.address-table{background:#fff;border-collapse:collapse;min-width:700px;width:100%}.address-table th,.address-table thead{background:#004aad}.address-table th{border-right:1px solid #5a9bd5;color:#fff;font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:12px;text-align:left;text-transform:uppercase}.address-table th:last-child{border-right:none}.address-table td{border-bottom:1px solid #e0e0e0;border-right:1px solid #f0f0f0;color:#333;font-size:.9rem;padding:12px;text-align:left}.address-table td:last-child{border-right:none}.address-table td:first-child,.address-table th:first-child{text-align:center;width:50px}.address-table td:last-child,.address-table th:last-child{text-align:center;width:100px}.address-table tbody tr:hover{background-color:#f1f5ff}.address-table tbody tr:hover td{border-bottom-color:#004aad}.address-table tbody tr:last-child td{border-bottom:none}.address-table tbody tr.selected{background:#004aad0d}.address-table input[type=checkbox]{accent-color:#004aad;cursor:pointer;height:16px;margin:0;width:16px}.address-id-cell{color:#004aad;font-weight:600}.city-badge{background:#004aad1a;border-radius:20px;color:#004aad;display:inline-block;font-size:.85rem;font-weight:500;padding:.25rem .75rem}.no-addresses{color:#666;padding:3rem;text-align:center}.add-first-btn{font-weight:500;transition:all .3s}.modal-container{animation:slideIn .3s ease;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.modal-header{border-bottom:2px solid #004aad;border-radius:12px 12px 0 0}.modal-header h3{align-items:center;display:flex;font-weight:700;gap:.75rem}.modal-header-icon{color:#004aad;font-size:1.3rem}.modal-close-btn{background:#0000;border:none;border-radius:4px;color:#666;cursor:pointer;font-size:1.2rem;padding:.5rem;transition:all .3s}.modal-close-btn:hover{background:#dc35451a;color:#dc3545;transform:scale(1.1)}.modal-form{padding:1.5rem}.modal-form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1rem}.modal-form-group{display:flex;flex-direction:column;gap:.5rem}.modal-form-group label{color:#666;font-size:.85rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.input-wrapper{position:relative}.input-wrapper input{border:1px solid #e0e0e0;border-radius:6px;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif;font-size:.95rem;padding:.75rem;transition:all .3s ease;width:100%}.input-wrapper input:focus{border-color:#004aad;box-shadow:0 0 0 3px #004aad1a;outline:none}.input-wrapper input:hover{border-color:#004aad}.modal-form-actions{border-top:1px solid #e0e0e0;display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1rem}.modal-cancel-btn,.modal-submit-btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:.5rem;justify-content:center;line-height:1;padding:.6rem 1.5rem;transition:all .3s ease}.modal-cancel-btn{background:#f8f9fa;border:1px solid #e0e0e0;color:#666}.modal-cancel-btn:hover{background:#e9ecef;transform:translateY(-1px)}.modal-submit-btn{background:#28a745;color:#fff}.modal-submit-btn:hover{background:#218838;transform:translateY(-1px)}@keyframes slideIn{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.address-simple-header{border-bottom:2px solid #004aad;margin-bottom:20px;padding:20px 0;text-align:left}.address-simple-header span{color:#004aad;font-family:Arial,Helvetica,sans-serif;font-size:24px;font-weight:700}@media (max-width:1024px){.modal-form-row{gap:1rem;grid-template-columns:1fr}.address-table{min-width:650px}}@media (max-width:992px){.address-action-section{flex-direction:column;gap:1rem}.search-wrapper{max-width:none;width:100%}.action-buttons{justify-content:center;width:100%}.add-address-btn,.select-all-btn{flex:1 1;justify-content:center}}@media (max-width:768px){.address-main-container{padding:10px}.address-tabs{border-bottom:none;flex-direction:column;gap:.5rem}.address-tab{border-radius:8px;justify-content:space-between;margin-left:0!important;padding:.8rem 1rem;text-align:left;width:100%}.address-tab.active:after{bottom:-2px}.address-action-section{flex-direction:column;padding:1rem}.search-wrapper{min-width:auto;width:100%}.action-buttons{flex-direction:column;width:100%}.add-address-btn,.select-all-btn{justify-content:center;width:100%}.header-content{flex-direction:column;text-align:center}.header-subtitle{padding-left:0;text-align:center}.address-table td,.address-table th{font-size:12px;padding:8px 4px}.address-table{min-width:600px}.city-badge{font-size:.75rem;padding:.2rem .6rem}.summary-content{align-items:stretch;flex-direction:column}.action-dropdown-container{width:100%}.action-dropdown-btn{justify-content:center;width:100%}.action-dropdown-menu{margin-top:8px;position:static;width:100%}.dropdown-item{justify-content:center}.modal-container{margin:1rem;width:95%}.modal-form-actions{flex-direction:column}.modal-cancel-btn,.modal-submit-btn{justify-content:center;width:100%}.modal-form,.modal-header{padding:1rem}}@media (max-width:480px){.address-header-section h2{font-size:1.3rem}.header-icon{font-size:1.5rem;padding:.5rem}.address-table td,.address-table th{font-size:.7rem;padding:.5rem}.address-table input[type=checkbox]{height:14px;width:14px}.modal-cancel-btn,.modal-submit-btn{font-size:.8rem;padding:.5rem 1rem}}@media print{.address-main-container{margin:0;padding:0}.actions-cell,.address-action-section,.checkbox-cell,.modal-overlay,.selected-summary{display:none}.address-table td,.address-table th{border:1px solid #ddd}}.loading-spinner{align-items:center;display:flex;font-size:1.2rem;height:200px;justify-content:center}.edit-address-btn{background:#004aad;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem .75rem;transition:all .3s ease}.edit-address-btn:hover{background:#003380;transform:translateY(-1px)}.shop-info-display{align-items:center;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;display:flex;font-size:.95rem;gap:.75rem;padding:.75rem}.shop-display-icon{font-size:1.1rem}.shop-display-name{color:#333;font-weight:500}.shop-select-input{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;border:1px solid #e0e0e0;border-radius:6px;box-sizing:border-box;cursor:pointer;font-family:Arial,Helvetica,sans-serif;font-size:.95rem;padding:.75rem;transition:all .3s ease;width:100%}.shop-select-input:focus{border-color:#004aad;box-shadow:0 0 0 3px #004aad1a;outline:none}.shop-badge{background:#28a7451a;gap:.5rem;padding:.25rem .75rem}.shop-badge,.shop-badge-icon{color:#28a745}.modal-delete-btn{align-items:center;background:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:.5rem;justify-content:center;line-height:1;padding:.6rem 1.5rem;transition:all .3s ease}.modal-delete-btn:hover{background:#c82333;transform:translateY(-1px)}.actions-cell,.no-data-row{text-align:center}.shop-filter-section{align-items:center;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:4px;display:flex;gap:1rem;margin-bottom:1.5rem;padding:1rem 1.5rem}.shop-filter-section label{color:#004aad;font-weight:600;min-width:100px}.shop-filter-select{background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;cursor:pointer;font-size:.9rem;min-width:200px;padding:.6rem 1rem}.shop-filter-select:focus{border-color:#004aad;box-shadow:0 0 0 2px #004aad1a;outline:none}.current-shop-display{align-items:center;background:linear-gradient(135deg,#004aad,#0056c4);border-radius:8px;box-shadow:0 2px 8px #004aad33;color:#fff;display:flex;gap:1rem;margin-bottom:1.5rem;padding:1rem 1.5rem}.shop-display-icon{background:#fff3;border-radius:8px;font-size:1.5rem;padding:.5rem}.shop-display-info{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.shop-display-label{font-size:.85rem;opacity:.9}.shop-display-name{font-size:1.1rem;font-weight:700}.shop-display-id{background:#fff3;border-radius:20px;font-size:.8rem;padding:.25rem .75rem}.modal-shop-info-box{align-items:center;background:linear-gradient(135deg,#e8f0fe,#d4e4fd);border:2px solid #004aad;border-radius:8px;display:flex;gap:1rem;margin-bottom:1.5rem;padding:1rem}.shop-info-icon{background:#004aad1a;border-radius:8px;font-size:1.5rem;padding:.5rem}.shop-info-details{display:flex;flex-direction:column;gap:.25rem}.shop-info-label{color:#666;font-size:.8rem;letter-spacing:.5px;text-transform:uppercase}.shop-info-name{color:#004aad;font-size:1.1rem;font-weight:700}.shop-info-id{color:#666;font-size:.85rem}.shop-badge-icon{font-size:.8rem;margin-right:.5rem}.address-table-header h3{align-items:center;color:#004aad;display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin:0}.order-detail-page{padding:24px}.order-title{color:#0f172a;font-size:30px;font-weight:700;margin-bottom:20px}.order-progress{align-items:center;background:#eef2f7;border-radius:16px;display:flex;justify-content:space-between;margin-bottom:30px;padding:20px}.progress-step{flex:1 1;text-align:center}.circle{align-items:center;background:#dbeafe;border-radius:50%;display:flex;font-size:22px;height:55px;justify-content:center;margin:0 auto 8px;width:55px}.progress-step.active .circle{background:linear-gradient(135deg,#004aad,#66b0ff);color:#fff}.progress-line{background:#cbd5e1;flex:1 1;height:4px}.detail-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.detail-card{background:#fff;border:2px solid #b6d4fe;border-radius:12px;box-shadow:0 4px 12px #0000000d;padding:20px;transition:.3s ease}.detail-card:hover{box-shadow:0 6px 18px #004aad;transform:translateY(-2px)}.detail-card h3{border-bottom:2px solid #dbeafe;color:#0f172a;font-size:16px;font-weight:600;margin-bottom:16px;padding-bottom:8px}.info-row{align-items:center;display:flex;font-size:14px;justify-content:space-between;margin-bottom:10px}.info-row span{color:#64748b;font-weight:500}.info-row strong{color:#0f172a;font-weight:600}.info-row.total strong{color:#004aad;font-size:15px}.info-row.address{align-items:flex-start;flex-direction:column;gap:4px}.total-edit-container{align-items:center;display:flex;gap:12px}.total-edit-container strong{color:#004aad;font-size:18px;font-weight:700;margin:0}.edit-button{background:#004aad;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:6px 16px;transition:all .2s ease}.edit-button:hover{background:#17a2b8;transform:translateY(-1px)}.edit-mode{align-items:center;display:flex;gap:10px}.edit-mode input{border:1px solid #ccc;border-radius:6px;padding:6px;width:100px}.save-btn{background:#17a2b8;color:#fff}.cancel-btn,.save-btn{border:none;border-radius:6px;cursor:pointer;padding:6px 14px}.cancel-btn{background:#e5e7eb}.products-section{background:#fff;border:2px solid #b6d4fe;border-radius:12px;box-shadow:0 4px 12px #0000000d;margin-top:30px;overflow:hidden}.products-title{color:#0f172a;font-size:18px;font-weight:600;margin-bottom:0;padding:20px 20px 0}.products-table-container{overflow-x:auto;padding:20px}.products-table{border-collapse:collapse;font-size:14px}.products-table thead{background:#f8fafc;border-bottom:2px solid #e2e8f0}.products-table th{color:#1e293b;padding:12px 16px}.products-table td{border-bottom:1px solid #e2e8f0;vertical-align:middle}.products-table tr:hover{background:#f8fafc}.product-image{width:80px}.image-placeholder{align-items:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;display:flex;font-size:12px;height:60px;justify-content:center;width:60px}.product-name{line-height:1.4;max-width:300px}.qr-code-cell{text-align:center;width:100px}.qr-code-image{background:#fff;border:1px solid #e2e8f0;border-radius:8px;height:60px;object-fit:contain;padding:4px;width:60px}.action-cell{text-align:center;width:100px}.open-label-btn{background:#004aad;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.open-label-btn:hover{background:#17a2b8;transform:translateY(-1px)}.back-button{background:#f1f5f9;color:#334155;margin-bottom:20px;padding:8px 20px;transition:all .2s ease}.back-button:hover{background:#e2e8f0;transform:translateX(-2px)}@media (max-width:1024px){.products-table{font-size:12px}.products-table td,.products-table th{padding:10px 12px}.product-name{max-width:200px}.qr-code-image{height:50px;width:50px}.open-label-btn{font-size:11px;padding:6px 12px}}@media (max-width:768px){.products-section{margin-top:20px}.products-table-container{padding:12px}.products-table td,.products-table th{font-size:11px;padding:8px 10px}.image-placeholder{font-size:10px}.image-placeholder,.qr-code-image{height:40px;width:40px}.open-label-btn{font-size:10px;padding:4px 8px}.detail-grid{grid-template-columns:1fr}.order-progress{flex-direction:column;gap:20px}.progress-line{height:3px;width:100%}}.tabs-section{background:#fff;border:2px solid #b6d4fe;border-radius:12px;box-shadow:0 4px 12px #0000000d;margin-top:30px;overflow:hidden}.tabs-header{background:#f8fafc;border-bottom:2px solid #e2e8f0;display:flex;gap:0}.tab-btn{align-items:center;background:none;border:none;color:#004aad;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:14px 24px;position:relative;transition:all .2s ease}.tab-btn:hover{background:#f1f5f9;color:#004aad}.tab-btn.active{background:#fff;color:#004aad}.tab-btn.active:after{background:#004aad;bottom:-2px;content:"";height:3px;left:0;position:absolute;right:0}.tab-icon{font-size:16px}.tabs-content{padding:24px}.details-content{animation:fadeIn .3s ease}.details-header{align-items:center;border-bottom:2px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.details-header h4{color:#004aad;font-size:18px;font-weight:700;margin:0}.add-file-btn{align-items:center;background:linear-gradient(135deg,#004aad,#06c);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:8px 20px;transition:all .2s ease}.add-file-btn:hover{background:linear-gradient(135deg,#003d8a,#05a);box-shadow:0 4px 12px #004aad4d;transform:translateY(-1px)}.file-categories{display:flex;flex-direction:column;gap:32px}.file-category{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:20px}.file-category h5{border-bottom:2px solid #dbeafe;color:#004aad;font-size:16px;font-weight:600;margin-bottom:16px;padding-bottom:8px}.file-list-vertical{display:flex;flex-direction:column;gap:16px;max-height:400px;overflow-y:auto;padding-right:8px}.file-list-vertical::-webkit-scrollbar{width:6px}.file-list-vertical::-webkit-scrollbar-track{background:#e2e8f0;border-radius:3px}.file-list-vertical::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:3px}.file-card-vertical{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:16px;padding:16px;transition:all .2s ease}.file-card-vertical:hover{border-color:#b6d4fe;box-shadow:0 4px 12px #004aad1a;transform:translateX(4px)}.file-thumbnail-vertical{align-items:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;height:60px;justify-content:center;overflow:hidden;width:60px}.file-icon-large-vertical{font-size:32px}.file-thumbnail-img-vertical{height:100%;object-fit:cover;width:100%}.file-name-vertical{color:#1e293b;flex:1 1;font-size:14px;font-weight:500;word-break:break-word}.file-icons-vertical{display:flex;gap:12px}.file-action-icon-vertical{color:#64748b;cursor:pointer;font-size:18px;transition:all .2s ease}.file-action-icon-vertical:hover{color:#004aad;transform:scale(1.1)}.delete-icon-vertical:hover{color:#dc2626}.file-meta-vertical{display:flex;flex-direction:column;gap:4px;min-width:180px}.meta-line-vertical{color:#64748b;font-size:11px}.no-files{color:#94a3b8;font-size:13px;font-style:italic;padding:30px;text-align:center}@media (max-width:768px){.details-header{align-items:flex-start;flex-direction:column;gap:12px}.add-file-btn{justify-content:center;width:100%}.file-card-vertical{flex-direction:column;text-align:center}.file-icons-vertical{justify-content:center}.file-meta-vertical{min-width:auto;text-align:center}.file-name-vertical{text-align:center}}.notes-content{animation:fadeIn .3s ease}.notes-title{border-bottom:2px solid #e2e8f0;color:#004aad;font-size:18px;font-weight:700}.notes-display::-webkit-scrollbar-track{background:#e2e8f0;border-radius:3px}.notes-display::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:3px}.no-notes-message{color:#94a3b8;font-size:14px;font-style:italic;padding:50px;text-align:center}.notes-list{display:flex;flex-direction:column;gap:16px}.note-item{background:#f8fafc;border-left:4px solid #004aad;border-radius:8px;padding:16px;transition:all .2s ease}.note-item:hover{background:#f1f5f9;transform:translateX(4px)}.note-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:12px}.note-date{color:#64748b;font-size:12px;font-weight:500}.note-author{background:#dbeafe;border-radius:12px;color:#004aad;font-size:12px;font-weight:600;padding:4px 10px}.delete-note-btn{background:none;border:none;border-radius:6px;cursor:pointer;font-size:16px;opacity:.6;padding:4px 8px;transition:all .2s ease}.delete-note-btn:hover{background:#fee2e2;opacity:1;transform:scale(1.05)}.note-text{word-wrap:break-word;color:#334155;font-size:14px;line-height:1.5;white-space:pre-wrap}.notes-input-section{border-top:1px solid #e2e8f0;margin-top:20px;padding-top:20px}.notes-textarea-new{background:#fff;border:1px solid #cbd5e1;border-radius:8px;font-family:inherit;font-size:14px;padding:12px;resize:vertical;transition:all .2s ease;width:100%}.notes-textarea-new:focus{border-color:#004aad;box-shadow:0 0 0 3px #004aad1a;outline:none}.add-note-btn{background:linear-gradient(135deg,#004aad,#06c);border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;margin-top:12px;padding:10px 24px;transition:all .2s ease}.add-note-btn:hover{background:linear-gradient(135deg,#003d8a,#05a);box-shadow:0 4px 12px #004aad4d}@media (max-width:768px){.note-header{align-items:flex-start;flex-direction:column}.delete-note-btn{align-self:flex-end}.notes-title{font-size:16px}.note-text{font-size:13px}}.customer-action{border-top:1px solid #e0e0e0;margin-top:15px;padding-top:15px}.view-customer-btn{align-items:center;background-color:#004aad;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:10px 20px;transition:background-color .3s ease;width:100%}.view-customer-btn:hover{background-color:#003380}.btn-icon{font-size:16px}.loading-spinner{color:#004aad;font-size:18px;padding:50px;text-align:center}.ordernotes-main-container{background:#fff;box-sizing:border-box;margin:0;max-width:100%;padding:20px;width:100%}.ordernotes-header-section{background:#fff;border:1px solid #e0e0e0;border-radius:4px;box-sizing:border-box;margin-bottom:2rem;padding:1.5rem;width:100%}.header-content{gap:1rem;margin-bottom:.5rem}.header-icon{background:#004aad1a;border-radius:8px;font-size:2rem;padding:.75rem}.ordernotes-header-section h2{color:#004aad;font-size:1.75rem;font-weight:700;margin:0}.header-subtitle{color:#666;font-size:.9rem;margin:0;padding-left:3.5rem}.header-icon-small{color:#004aad;font-size:1rem;margin-right:.5rem;vertical-align:middle}.ordernotes-content{background:#fff;box-sizing:border-box;padding:0;text-align:left;width:100%}.ordernotes-action-section{align-items:center;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:4px;box-sizing:border-box;display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:1.5rem;padding:1rem 1.5rem;width:100%}.search-wrapper{max-width:400px}.search-input{border:1px solid #e0e0e0;border-radius:4px;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;padding:.6rem 1rem .6rem 2.5rem;width:100%}.search-input:focus{border-color:#004aad;box-shadow:0 0 0 2px #004aad1a;outline:none}.action-buttons{align-items:center;display:flex;flex-shrink:0;gap:.8rem}.add-note-btn,.select-all-btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:inline-flex;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;font-weight:500;gap:.5rem;justify-content:center;line-height:1;margin:0;padding:.6rem 1.5rem;transition:all .3s ease;vertical-align:middle;white-space:nowrap}.select-all-btn{background:#fff;border:1px solid #004aad;color:#004aad}.select-all-btn:hover{transform:translateY(-1px)}.add-note-btn,.select-all-btn:hover{background:#004aad;color:#fff}.add-note-btn:hover{background:#003380;transform:translateY(-1px)}.selected-summary{background:#004aad0d;border:1px solid #004aad;border-radius:4px;box-sizing:border-box;margin-bottom:1.5rem;padding:.8rem 1rem;width:100%}.summary-content{gap:1rem}.summary-icon{align-items:center;background:#004aad;border-radius:50%;color:#fff;display:inline-flex;font-size:.8rem;height:24px;justify-content:center;width:24px}.summary-text{flex:1 1;font-weight:500}.clear-selection{background:#0000;border:none;border-radius:4px;color:#dc3545;cursor:pointer;font-size:.85rem;padding:.25rem .75rem;transition:all .3s}.clear-selection:hover{background:#dc35451a}.action-dropdown-container{display:inline-block}.action-dropdown-btn{align-items:center;background:#004aad;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:8px;justify-content:center;line-height:1;padding:.5rem 1rem;transition:all .3s ease}.action-dropdown-btn:hover{background:#003380;transform:translateY(-1px)}.action-dropdown-menu{animation:dropdownSlide .2s ease;box-shadow:0 4px 12px #00000026;margin-top:8px;min-width:200px;top:100%}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{color:#333;font-size:.9rem;padding:.75rem 1rem;transition:all .2s ease}.dropdown-item:hover{background:#f8f9fa}.dropdown-item.delete-item{color:#dc3545}.dropdown-item.delete-item:hover{background:#fee2e2}.ordernotes-table-container{background:#fff;border:1px solid #e0e0e0;border-radius:4px;box-sizing:border-box;margin-bottom:1.5rem;overflow-x:auto;width:100%}.ordernotes-table-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:1rem 1.5rem}.ordernotes-table-header h3{color:#004aad;font-size:1rem;font-weight:600;margin:0}.note-count{background:#fff;border:1px solid #e0e0e0;border-radius:20px;color:#666;font-size:.85rem;padding:.25rem .75rem}.ordernotes-table-wrapper{overflow-x:auto;width:100%}.ordernotes-table{background:#fff;border-collapse:collapse!important;min-width:600px;width:100%}.ordernotes-table thead{background:#004aad}.ordernotes-table th{background:#004aad;border:1px solid #5a9bd5;color:#fff;font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:12px;text-align:left;text-transform:uppercase}.ordernotes-table td{border:1px solid #e0e0e0;color:#333;font-size:.9rem;padding:12px;text-align:left;vertical-align:middle}.ordernotes-table tbody tr:hover{background-color:#f1f5ff}.ordernotes-table tbody tr.selected{background:#004aad14}.ordernotes-table tbody tr.selected td{border-color:#004aad}.ordernotes-table input[type=checkbox]{accent-color:#004aad;cursor:pointer;height:16px;margin:0;width:16px}.checkbox-cell{text-align:center;width:50px}.checkbox-cell input{cursor:pointer;height:16px;margin:0;width:16px}.order-cell strong{color:#004aad}.order-cell{font-weight:500}.note-cell{max-width:400px;word-break:break-word}.required-cell{text-align:center}.required-badge{background-color:#dc3545}.not-required-badge,.required-badge{border-radius:4px;color:#fff;display:inline-block;font-size:.75rem;font-weight:600;min-width:70px;padding:.25rem .5rem;text-align:center}.not-required-badge{background-color:#6c757d}.shop-cell{align-items:center;color:#333;display:flex;font-size:.85rem;gap:.5rem}.shop-badge{background:#004aad14;font-size:.85rem}.shop-name-text{color:#333;font-weight:500}.shop-icon-small{font-size:.9rem;margin-right:4px}.actions-cell{white-space:nowrap}.delete-note-btn,.edit-note-btn{align-items:center;background:#0000;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:1rem;justify-content:center;padding:6px;transition:all .3s}.edit-note-btn{color:#004aad}.edit-note-btn:hover{background:#004aad1a;transform:scale(1.1)}.delete-note-btn{color:#dc3545;margin-left:4px}.delete-note-btn:hover{background:#dc35451a;transform:scale(1.1)}.no-notes{color:#666;padding:3rem;text-align:center}.no-data-icon{font-size:3rem;margin-bottom:1rem}.add-first-btn{background:#004aad;border-radius:4px;font-size:.9rem;gap:.5rem;line-height:1;margin-top:1rem;padding:.6rem 1.5rem}.add-first-btn:hover{background:#003380}.loading-state{color:#666}.error-state,.loading-state{padding:2rem;text-align:center}.error-state{color:#dc3545}.error-state button{background:#004aad;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:1rem;padding:.5rem 1.5rem}.error-state button:hover{background:#003380}.modal-overlay{align-items:center;animation:fadeIn .3s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:slideUp .3s ease;background:#fff;border-radius:8px;box-shadow:0 4px 20px #0003;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-header{background:#f8f9fa;border-bottom:1px solid #e0e0e0;padding:1.5rem}.modal-header h3{font-size:1.25rem}.modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;font-size:1.5rem;height:30px;justify-content:center;padding:0;transition:all .3s;width:30px}.modal-close:hover{background:#e0e0e0;color:#333}.modal-body{padding:1.5rem}.modal-footer{border-top:1px solid #e0e0e0;display:flex;gap:1rem;justify-content:flex-end;padding:1rem 1.5rem}.note-form{display:flex;flex-direction:column;gap:1rem}.form-group{margin-bottom:0}.form-group label{color:#333;display:block;font-size:.85rem;font-weight:600;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.form-group input,.form-group textarea,.form-select{border:1px solid #e0e0e0;border-radius:4px;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;padding:.6rem;width:100%}.form-group textarea{resize:vertical}.form-group input:focus,.form-group textarea:focus,.form-select:focus{border-color:#004aad;box-shadow:0 0 0 2px #004aad1a;outline:none}.form-select{background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;padding:.6rem;width:100%}.checkbox-group{margin-top:.5rem}.checkbox-label{align-items:center;cursor:pointer;display:flex;font-weight:400;gap:.5rem;letter-spacing:normal;text-transform:none}.checkbox-label input[type=checkbox]{accent-color:#004aad;cursor:pointer;height:18px;width:18px}.checkbox-label span{color:#333;font-size:.9rem}.btn-cancel,.btn-save{align-items:center;border:none;border-radius:4px;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;justify-content:center;line-height:1;padding:.6rem 1.5rem;transition:all .3s ease;vertical-align:middle}.btn-cancel{background:#f8f9fa;border:1px solid #e0e0e0;color:#666}.btn-cancel:hover{background:#e9ecef;transform:translateY(-1px)}.btn-save{background:#004aad;color:#fff}.btn-save:hover{background:#003380;transform:translateY(-1px)}@media (max-width:992px){.ordernotes-action-section{flex-direction:column;gap:1rem}.search-wrapper{max-width:none;width:100%}.action-buttons{justify-content:center;width:100%}.add-note-btn,.select-all-btn{flex:1 1;justify-content:center}}@media (max-width:768px){.ordernotes-main-container{padding:10px}.ordernotes-action-section{flex-direction:column;padding:1rem}.search-wrapper{min-width:auto;width:100%}.action-buttons{flex-direction:column;width:100%}.add-note-btn,.select-all-btn{justify-content:center;width:100%}.header-content{flex-direction:column;text-align:center}.header-subtitle{padding-left:0;text-align:center}.ordernotes-table td,.ordernotes-table th{font-size:12px;padding:8px 4px}.summary-content{align-items:stretch;flex-direction:column}.action-dropdown-container{width:100%}.action-dropdown-btn{justify-content:center;width:100%}.action-dropdown-menu{margin-top:8px;position:static;width:100%}.not-required-badge,.required-badge{font-size:.7rem;min-width:60px;padding:.2rem .4rem}.delete-note-btn,.edit-note-btn{padding:4px}}@media (max-width:480px){.ordernotes-main-container{padding:8px}.ordernotes-header-section{padding:1rem}.ordernotes-header-section h2{font-size:1.3rem}.header-icon{font-size:1.5rem;padding:.5rem}.header-subtitle{font-size:.8rem}.ordernotes-table td,.ordernotes-table th{font-size:.7rem;padding:.5rem}.delete-note-btn,.edit-note-btn{font-size:.8rem;padding:.3rem .5rem}.btn-cancel,.btn-save{font-size:.8rem;padding:.5rem 1rem}}@media print{.ordernotes-main-container{margin:0;padding:0}.actions-cell,.checkbox-cell,.ordernotes-action-section,.selected-summary{display:none}.ordernotes-table{width:100%}.ordernotes-table td,.ordernotes-table th{border:1px solid #ddd}}.invoice-details-container{min-height:100vh;padding:24px}.invoice-details-content{margin:0 auto;max-width:1200px}.invoice-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.back-button{align-items:center;background:#004aad;border:none;border-radius:8px;box-shadow:0 2px 4px #004aad33;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.back-button:hover{background:#003a8a;box-shadow:0 4px 12px #004aad4d;transform:translateY(-2px)}.invoice-actions{display:flex;gap:12px}.action-btn{align-items:center;background:#fff;border:1px solid #004aad;border-radius:8px;box-shadow:0 1px 2px #0000000d;color:#004aad;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .3s ease}.action-btn:hover{background:#004aad;box-shadow:0 4px 6px #004aad33;color:#fff;transform:translateY(-1px)}.action-btn:active{transform:translateY(0)}.invoice-card{background:#fff;border-radius:16px;box-shadow:0 10px 40px #004aad1a;padding:40px;transition:transform .3s ease,box-shadow .3s ease}.invoice-card:hover{box-shadow:0 20px 60px #004aad26}.invoice-header{align-items:center;border-bottom:2px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:32px;padding-bottom:24px}.invoice-title-section h1{color:#004aad;font-size:32px;font-weight:700;letter-spacing:-.5px;margin:0}.invoice-number{color:#5a6e8a;font-size:16px;font-weight:500;margin-top:8px}.invoice-status .status-badge{border-radius:20px;font-size:13px;font-weight:600;letter-spacing:.3px;padding:8px 16px}.status-badge.pending{background:#e6f0ff;border:1px solid #b8d4ff;color:#004aad}.status-badge.paid{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.status-badge.processing{background:#e6f0ff;border:1px solid #b8d4ff;color:#004aad}.status-badge.completed{background:#d1e7ff;border:1px solid #a3c9ff;color:#004aad}.customer-info-section{grid-gap:20px;background:linear-gradient(135deg,#f8faff,#f0f5ff);border:1px solid #d6e4ff;border-radius:12px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:32px;padding:24px}.info-group label{color:#004aad;display:block;font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.info-group p{color:#1e293b;font-size:16px;font-weight:500;margin:0}.order-details-section{margin-bottom:40px}.order-details-section h3{color:#004aad;font-size:18px;font-weight:600;letter-spacing:-.3px;margin-bottom:20px;padding-left:12px;position:relative}.order-details-section h3:before{background:#004aad;border-radius:2px;bottom:0;content:"";left:0;position:absolute;top:0;width:3px}.details-grid{grid-gap:20px;background:#fafcff;border:1px solid #d6e4ff;border-radius:12px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));padding:24px}.detail-item{display:flex;flex-direction:column}.detail-item label{color:#004aad;font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.detail-item span{color:#1e293b;font-size:14px;font-weight:500}.products-section{margin-bottom:40px}.products-section h3{color:#004aad;font-size:18px;font-weight:600;letter-spacing:-.3px;margin-bottom:20px;padding-left:12px;position:relative}.products-section h3:before{background:#004aad;border-radius:2px;bottom:0;content:"";left:0;position:absolute;top:0;width:3px}.products-table{border-collapse:initial;border-radius:12px;border-spacing:0;box-shadow:0 1px 3px #004aad1a;margin-top:12px;overflow:hidden;width:100%}.products-table thead tr{background:linear-gradient(135deg,#f8faff,#f0f5ff)}.products-table th{border-bottom:2px solid #d6e4ff;color:#004aad;font-size:13px;font-weight:600;letter-spacing:.5px;padding:16px;text-align:left;text-transform:uppercase}.products-table td{border-bottom:1px solid #e6edf6;color:#334155;font-size:14px;padding:16px}.products-table tbody tr{transition:background-color .2s ease}.products-table tbody tr:hover{background-color:#f8faff}.products-table tbody tr:last-child td{border-bottom:none}.amount-summary{background:linear-gradient(135deg,#f8faff,#f0f5ff);border:1px solid #d6e4ff;border-radius:12px;margin-bottom:32px;margin-left:auto;max-width:450px;padding:24px}.summary-row{color:#475569;display:flex;font-size:14px;justify-content:space-between;padding:10px 0}.summary-row:not(:last-child){border-bottom:1px solid #d6e4ff}.summary-row.grand-total{border-bottom:none;border-top:2px solid #b8d4ff;color:#004aad;font-size:18px;font-weight:700;margin-top:8px;padding-top:16px}.summary-row.payment-due{border-bottom:none;color:#dc2626;font-size:18px;font-weight:700;padding-top:8px}.payment-status{border-top:1px solid #d6e4ff;margin-top:24px;padding-top:24px;text-align:right}.status-indicator{background:#e6f0ff;border:1px solid #b8d4ff;border-radius:20px;color:#004aad;display:inline-block;font-size:13px;font-style:normal;font-weight:600;letter-spacing:.3px;padding:8px 20px}.error,.loading{background:#fff;border-radius:12px;box-shadow:0 10px 40px #004aad1a;color:#004aad;font-size:16px;margin:100px auto;max-width:500px;padding:60px;text-align:center}.loading:before{animation:spin 1s linear infinite;content:"⟳"}.error:before,.loading:before{color:#004aad;display:block;font-size:48px;margin-bottom:20px}.error:before{content:"⚠"}@media print{.action-btn,.back-button,.invoice-actions,.invoice-header-actions{display:none}.invoice-details-container{background:#fff;padding:0}.invoice-card{padding:20px}.invoice-card,.invoice-card:hover{box-shadow:none}.status-badge,.status-indicator{background:#f9f9f9;border:1px solid #ddd}}@media (max-width:768px){.invoice-details-container{padding:16px}.invoice-header-actions{align-items:stretch;flex-direction:column}.invoice-actions{justify-content:space-between}.invoice-card{padding:20px}.invoice-title-section h1{font-size:24px}.customer-info-section,.details-grid{gap:16px;grid-template-columns:1fr}.products-table{display:block;font-size:12px;overflow-x:auto}.products-table td,.products-table th{padding:12px 8px;white-space:nowrap}.amount-summary{margin-top:20px;max-width:100%}.summary-row.grand-total,.summary-row.payment-due{font-size:16px}}@media (max-width:480px){.invoice-card{padding:16px}.invoice-header{align-items:flex-start;flex-direction:column;gap:12px}.products-table td,.products-table th{font-size:11px;padding:10px 6px}}*{box-sizing:border-box;margin:0;padding:0}.op-orders-container{background-color:#f4f6f9;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;padding:20px;width:100%}.op-header-section{background-color:#fff;border:1px solid #d3d3d3;border-radius:6px;margin-bottom:15px;padding:15px}.op-heading{color:#004aad;margin-bottom:5px}.op-description{color:gray;font-size:14px}.op-action-section{align-items:center;background-color:#eee;border:1px solid silver;border-radius:6px;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:15px;padding:15px}.op-search-bar{border:1px solid #ccc;border-radius:5px;font-size:14px;padding:8px 12px;width:250px}.op-search-bar:focus{border-color:#004aad;box-shadow:0 0 5px #004aad4d;outline:none}.op-buttons{display:flex;flex-shrink:0;gap:10px}button{align-items:center;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:6px;justify-content:center;transition:all .2s ease;white-space:nowrap}.op-select-btn{background-color:#fff;border:1px solid #004aad;border-radius:5px;color:#004aad;min-width:100px;padding:8px 16px}.op-select-btn:hover{transform:translateY(-1px)}.op-add-btn,.op-select-btn:hover{background-color:#004aad;color:#fff}.op-add-btn{border:none;border-radius:5px;min-width:140px;padding:8px 18px}.op-add-btn:hover{background-color:#003080;transform:translateY(-1px)}.op-table-container{background:#fff;border:1px solid #ddd;border-radius:8px;overflow-x:auto;padding:0;width:100%}.op-table{border-collapse:collapse;width:100%}.op-table th{background:#004aad;border-right:1px solid #5a9bd5;color:#fff;font-weight:600;padding:12px;text-align:left}.op-table th:last-child{border-right:none}.op-table td{border-bottom:1px solid #e0e0e0;border-right:1px solid #f0f0f0;padding:12px;text-align:left}.op-table td:last-child{border-right:none}.op-table td:first-child,.op-table th:first-child{text-align:center;width:50px}.op-table td:last-child,.op-table th:last-child{text-align:center;width:100px}.op-table tbody tr:hover{background-color:#f1f5ff}.op-table tbody tr:hover td{border-bottom-color:#004aad}.op-table input[type=checkbox]{cursor:pointer;height:16px;margin:0;width:16px}.op-action-buttons{display:flex;gap:12px}.op-action-buttons,.op-edit-icon-btn{align-items:center;justify-content:center}.op-edit-icon-btn{background:none;border:none;border-radius:6px;color:#004aad;cursor:pointer;display:inline-flex;padding:6px;transition:all .2s ease}.op-edit-icon-btn:hover{background-color:#e8f0fe;transform:scale(1.1)}.op-edit-icon-btn:active{transform:scale(.95)}.op-edit-icon{stroke:#004aad;stroke-width:2;fill:none}.op-delete-icon-btn{align-items:center;background:none;border:none;border-radius:6px;color:#dc3545;cursor:pointer;display:inline-flex;justify-content:center;padding:6px;transition:all .2s ease}.op-delete-icon-btn:hover{background-color:#ffe5e5;transform:scale(1.1)}.op-delete-icon-btn:active{transform:scale(.95)}.op-delete-icon{stroke:#dc3545;stroke-width:2;fill:none}.op-selection-bar{align-items:center;background:#eaf2ff;border:1px solid #004aad;border-radius:6px;color:#004aad;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:12px;padding:12px 15px}.op-selection-bar .op-left{flex-shrink:0;font-size:14px;font-weight:600}.op-selection-bar .op-right{display:flex;flex-shrink:0;gap:10px;position:relative}.op-selection-bar .op-action-btn{background:#004aad;border:none;border-radius:5px;color:#fff;cursor:pointer;min-width:100px;padding:8px 20px;white-space:nowrap}.op-selection-bar .op-action-btn:hover{background:#003080;transform:translateY(-1px)}.op-selection-bar .op-clear-btn{background:#0000;border:1px solid #dc3545;border-radius:5px;color:#dc3545;cursor:pointer;min-width:100px;padding:8px 20px;white-space:nowrap}.op-selection-bar .op-clear-btn:hover{background:#dc3545;color:#fff;transform:translateY(-1px)}.op-action-dropdown{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #00000026;overflow:hidden;position:absolute;right:0;top:45px;width:200px;z-index:1000}.op-delete-option{background:#fff;border:none;color:#dc3545;cursor:pointer;font-size:14px;font-weight:600;padding:12px 16px;text-align:left;white-space:nowrap;width:100%}.op-delete-option:hover{background:#ffe5e5}.op-modal-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:2000}.op-modal-box{animation:opSmoothPop .2s ease;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-width:90%;padding:30px 28px;position:relative;width:550px}.op-close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#999;cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;position:absolute;right:18px;top:12px;transition:all .2s ease;width:32px}.op-close-btn:hover{background:#f5f5f5;color:#dc3545}.op-modal-title-left{border-bottom:2px solid #e8eef5;color:#004aad;font-size:22px;font-weight:600;margin-bottom:12px;margin-top:0;padding-bottom:8px;text-align:left}.op-modal-paragraph{background-color:#f8f9fa;border-left:3px solid #004aad;border-radius:6px;color:#1a2a3a;font-size:14px;margin-bottom:24px;margin-top:8px;padding:8px 12px;text-align:left}.op-modal-paragraph strong{color:#004aad;font-weight:700}.op-form-row{align-items:center;display:flex;flex-direction:row;gap:15px;justify-content:space-between;margin-bottom:20px}.op-form-label{color:#1a2a3a;flex-shrink:0;font-size:14px;font-weight:600;line-height:36px;margin:0;text-align:left;width:130px}.op-form-control-wrapper{flex:1 1;min-width:0}.op-form-select{background-color:#fff;border:1px solid #d0d7de;border-radius:8px;color:#1a2a3a;cursor:pointer;font-family:inherit;font-size:14px;padding:10px 12px;transition:all .2s ease;width:100%}.op-form-select:hover{border-color:#004aad}.op-form-select:focus{border-color:#004aad;box-shadow:0 0 0 3px #004aad1a;outline:none}.op-input-wrapper{display:inline-block;position:relative;width:100%}.op-editable-input{background-color:#fff;border:1px solid #d0d7de;border-radius:8px;color:#1a2a3a;font-family:inherit;font-size:14px;padding:10px 40px 10px 12px;transition:all .2s ease;width:100%}.op-editable-input:hover{border-color:#004aad}.op-editable-input:focus{border-color:#004aad;box-shadow:0 0 0 3px #004aad1a;outline:none}.op-editable-input::-webkit-inner-spin-button,.op-editable-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.op-input-buttons{display:flex;flex-direction:column;gap:2px;opacity:0;position:absolute;right:5px;top:50%;transform:translateY(-50%);transition:all .2s ease;visibility:hidden}.op-input-wrapper:hover .op-input-buttons{opacity:1;visibility:visible}.op-input-down-btn,.op-input-up-btn{align-items:center;background:#f0f2f5;border:1px solid #d0d7de;border-radius:4px;color:#1a2a3a;cursor:pointer;display:flex;font-size:10px;height:16px;justify-content:center;line-height:1;padding:0;transition:all .2s ease;width:24px}.op-input-down-btn:hover,.op-input-up-btn:hover{background:#e4e8ed;transform:scale(1.05)}.op-input-down-btn:active,.op-input-up-btn:active{transform:scale(.95)}.op-modal-buttons-horizontal{border-top:1px solid #e8eef5;display:flex;flex-wrap:wrap;gap:15px;justify-content:flex-end;margin-top:30px;padding-top:10px}.op-modal-buttons-horizontal button{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;height:42px;line-height:normal;min-width:100px;padding:10px 24px;transition:all .2s ease;white-space:nowrap}.op-save-btn{background:#004aad;color:#fff}.op-save-btn:hover{background:#003182;transform:translateY(-1px)}.op-cancel-btn{background:#e0e0e0;color:#333}.op-cancel-btn:hover{background:#cfcfcf;transform:translateY(-1px)}.op-delete-btn{background:#dc3545;color:#fff}.op-delete-btn:hover{background:#bb2d3b;transform:translateY(-1px)}@keyframes opSmoothPop{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.op-orders-container{padding:10px}.op-action-section{align-items:stretch;flex-direction:column}.op-search-bar{width:100%}.op-buttons{justify-content:center}.op-selection-bar{flex-direction:column;text-align:center}.op-selection-bar .op-right{justify-content:center;width:100%}.op-modal-box{margin:10px;padding:20px;width:95%}.op-form-row{align-items:stretch;flex-direction:column;gap:8px}.op-form-label{line-height:normal;width:100%}.op-form-control-wrapper,.op-input-wrapper{width:100%}.op-modal-buttons-horizontal{align-items:stretch;flex-direction:column}.op-modal-buttons-horizontal button{min-width:0;min-width:auto;width:100%}.op-table-container{border-radius:4px}.op-table td,.op-table th{font-size:12px;padding:8px 4px}.op-action-buttons{gap:8px}.op-delete-icon-btn,.op-edit-icon-btn{padding:4px}}.loading-container{padding:60px 20px}.spinner{font-size:40px;margin-bottom:15px}.header-icon{font-size:24px}.search-icon{left:12px}.search-wrapper .op-search-bar,.search-wrapper .search-input{padding-left:40px;width:100%}.form-icon{margin-right:8px}.selected-shop-info{background-color:#f0f7ff;border:1px solid #b3d9ff;color:#004aad;margin-top:8px;padding:8px 12px}.shop-info-icon{color:#004aad;font-size:14px}.shop-badge{gap:5px;padding:4px 10px}.table-header-section{background-color:#f8f9fa;border-bottom:1px solid #e0e0e0;padding:15px}.count-badge{font-size:12px;padding:4px 12px}.summary-content{gap:10px}.summary-icon{font-size:16px}.no-data-cell{padding:40px 20px!important}.no-data{gap:10px}.no-data-icon{color:#ccc;font-size:40px}.no-data p{font-size:14px}.add-first-btn{border-radius:5px;padding:8px 16px;transition:all .2s ease}.add-first-btn:hover{transform:translateY(-1px)}@media (max-width:768px){.header-content,.table-header-section{align-items:flex-start;flex-direction:column}.table-header-section{gap:10px}.summary-content{align-items:flex-start;flex-direction:column}.shop-badge{font-size:10px;padding:2px 8px}}.shop-display-box{align-items:center;background-color:#f0f7ff;border:2px solid #004aad;border-radius:8px;color:#004aad;display:flex;font-size:15px;font-weight:500;gap:10px;padding:12px 15px}.shop-display-icon{color:#004aad;flex-shrink:0;font-size:18px}.shop-display-name{color:#1a2a3a;font-weight:600}.selected-shop-info{align-items:center;background-color:#e8f5e9;border:1px solid #4caf50;border-radius:6px;color:#2e7d32;display:flex;font-size:13px;gap:8px;margin-top:10px;padding:10px 14px}.selected-shop-info .shop-info-icon{color:#4caf50;font-size:16px}.selected-shop-info strong{color:#1b5e20}.loading-container{align-items:center;color:#004aad;display:flex;flex-direction:column;justify-content:center;padding:80px 20px}.spinner{animation:spin 1s linear infinite;font-size:48px;margin-bottom:20px}.loading-container p{color:#666;font-size:16px}.header-content{align-items:center;display:flex;gap:12px}.header-icon{color:#004aad;font-size:28px}.search-wrapper{flex:1 1;min-width:250px;position:relative}.search-icon{color:#999;font-size:16px;left:14px;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.search-wrapper .op-search-bar{padding-left:42px!important;width:100%}.table-header-section{align-items:center;background:linear-gradient(135deg,#f8f9fa,#fff);border-bottom:2px solid #e0e0e0;display:flex;justify-content:space-between;padding:15px 20px}.table-header-section h3{color:#1a2a3a;font-size:16px;font-weight:600;margin:0}.count-badge{background-color:#004aad;border-radius:20px;color:#fff;font-size:13px;font-weight:600;letter-spacing:.5px;padding:5px 14px}.selected-row{background-color:#f0f7ff!important}.selected-row td{border-bottom-color:#b3d9ff!important}.summary-content{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.summary-icon{color:#28a745;font-size:18px;font-weight:700}.summary-text{color:#004aad;font-size:14px;font-weight:600}.action-dropdown-container{position:relative}.action-dropdown-menu{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 20px #00000026;min-width:220px;overflow:hidden;position:absolute;right:0;top:45px;z-index:1000}.dropdown-item{align-items:center;background:#fff;border:none;cursor:pointer;display:flex;font-size:14px;gap:10px;padding:12px 16px;text-align:left;transition:background-color .2s ease;width:100%}.dropdown-item:hover{background-color:#f5f5f5}.delete-item{color:#dc3545}.delete-item:hover{background-color:#ffe5e5}.no-data-cell{padding:60px 20px!important;text-align:center!important}.no-data{align-items:center;color:#999;display:flex;flex-direction:column;gap:12px}.no-data-icon{color:#d0d0d0;font-size:48px}.no-data p{color:#888;font-size:15px;margin:0}.add-first-btn{align-items:center;background-color:#004aad;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;gap:8px;margin-top:10px;padding:10px 20px;transition:all .3s ease}.add-first-btn:hover{background-color:#003080;box-shadow:0 4px 12px #004aad4d;transform:translateY(-2px)}.shop-badge{align-items:center;background-color:#f0f7ff;border:1px solid #b3d9ff;border-radius:20px;display:inline-flex;font-weight:500;gap:6px;padding:5px 12px;white-space:nowrap}.shop-badge,.shop-icon-small{color:#004aad;font-size:12px}.modal-header{align-items:center;border-bottom:2px solid #e8eef5;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.modal-header h3{color:#004aad;font-size:20px;font-weight:600;margin:0}.form-icon{color:#004aad;font-size:14px;margin-right:6px}.modal-body{max-height:60vh;overflow-y:auto;padding-right:5px}.op-content{background:#fff;border:1px solid #ddd;border-radius:8px;overflow:hidden}@media (max-width:768px){.header-content,.table-header-section{align-items:flex-start;flex-direction:column}.table-header-section{gap:10px}.summary-content{align-items:flex-start;flex-direction:column;gap:8px}.shop-badge{font-size:11px;padding:3px 8px}.shop-display-box{font-size:13px;padding:10px 12px}.action-dropdown-menu{left:0;min-width:180px;right:auto}}.loading-shops{align-items:center;background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;color:#6c757d;display:flex;gap:10px;padding:10px}.spinner-small{animation:spin 1s linear infinite;font-size:16px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.2e7919cd.css.map*/