: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}@media (max-width:1024px){.sidebar.mobile-sidebar{transform:translateX(-100%)}.sidebar.mobile-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-link:after{content:"🔒";font-size:.8rem;margin-left:auto;opacity:.5}.settings-container{background:#f8fafc;box-sizing:border-box;min-height:100vh;padding:20px;width:100%}.settings-header{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:20px;display:flex;justify-content:space-between;margin-bottom:20px;padding:24px 28px}.settings-header-left{align-items:center;display:flex;gap:16px}.settings-header-icon{align-items:center;background:#004aad1a;border-radius:14px;color:#004aad;display:flex;font-size:24px;height:56px;justify-content:center;width:56px}.settings-header h2{color:#004aad;font-size:28px;font-weight:700;margin:0 0 5px}.settings-header p{color:#64748b;font-size:14px;margin:0}.settings-saved-badge{align-items:center;background:#dcfce7;border-radius:20px;color:#166534;display:inline-flex;font-size:13px;font-weight:600;gap:7px;padding:8px 14px}.settings-shop-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:20px;display:flex;gap:16px;margin-bottom:20px;padding:18px 24px}.settings-shop-icon{align-items:center;background:#004aad1a;border-radius:12px;color:#004aad;display:flex;font-size:20px;height:46px;justify-content:center;width:46px}.settings-shop-info{display:flex;flex:1 1;flex-direction:column;gap:3px}.settings-label{color:#64748b;font-size:12px;font-weight:600;text-transform:uppercase}.settings-shop-info strong{color:#1e293b;font-size:17px;font-weight:700}.settings-shop-id{background:#f8fafc;border-radius:8px;color:#64748b;font-size:13px;padding:8px 12px}.settings-content{display:flex;flex-direction:column;gap:20px}.settings-section{background:#fff;border:1px solid #e2e8f0;border-radius:20px;overflow:hidden}.settings-section-header{align-items:center;border-bottom:1px solid #eef2f6;display:flex;gap:14px;padding:22px 24px}.section-icon{align-items:center;border-radius:12px;display:flex;font-size:18px;height:44px;justify-content:center;width:44px}.notification-icon{background:#004aad1a;color:#004aad}.appearance-icon{background:#7c3aed1a;color:#7c3aed}.regional-icon{background:#0e74901a;color:#0e7490}.settings-section-header h3{color:#1e293b;font-size:18px;font-weight:700;margin:0 0 4px}.settings-section-header p{color:#64748b;font-size:13px;margin:0}.settings-options{padding:0 24px}.settings-row{align-items:center;display:flex;gap:24px;justify-content:space-between;padding:20px 0}.settings-row-text{flex:1 1}.settings-row-text h4{color:#334155;font-size:15px;font-weight:600;margin:0 0 5px}.settings-row-text p{color:#64748b;font-size:13px;line-height:1.5;margin:0}.settings-divider{background:#eef2f6;height:1px}.settings-switch{background:#cbd5e1;border:none;border-radius:20px;cursor:pointer;height:26px;min-width:48px;padding:0;position:relative;transition:background .2s ease;width:48px}.settings-switch span{background:#fff;border-radius:50%;box-shadow:0 1px 3px #0003;height:20px;left:3px;position:absolute;top:3px;transition:transform .2s ease;width:20px}.settings-switch.active{background:#004aad}.settings-switch.active span{transform:translateX(22px)}.theme-selector{display:flex;gap:8px}.theme-option{align-items:center;background:#fff;border:1px solid #dbe2ea;border-radius:8px;color:#64748b;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:7px;padding:9px 14px}.theme-option.selected{background:#004aad14;border-color:#004aad;color:#004aad}.settings-form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,minmax(0,1fr));padding:24px}.settings-field{display:flex;flex-direction:column;gap:8px}.settings-field label{color:#334155;font-size:14px;font-weight:600}.settings-field select{background:#fff;border:1px solid #dbe2ea;border-radius:8px;color:#334155;font-size:14px;outline:none;padding:11px 13px;width:100%}.settings-field select:focus{border-color:#004aad;box-shadow:0 0 0 3px #004aad1a}.settings-info-box{align-items:flex-start;background:#004aad0d;border:1px solid #004aad26;border-radius:14px;color:#004aad;display:flex;gap:12px;padding:18px 20px}.settings-info-box>svg{font-size:17px;margin-top:2px}.settings-info-box strong{display:block;font-size:14px;margin-bottom:3px}.settings-info-box p{color:#64748b;font-size:13px;line-height:1.5;margin:0}.settings-footer{display:flex;gap:12px;justify-content:flex-end;margin-top:20px;padding:20px 0}.settings-reset-btn,.settings-save-btn{align-items:center;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:11px 20px;transition:all .2s ease}.settings-reset-btn{background:#fff;border:1px solid #dbe2ea;color:#64748b}.settings-reset-btn:hover{background:#f8fafc}.settings-save-btn{background:#004aad;border:1px solid #004aad;color:#fff}.settings-save-btn:hover{background:#003380}.settings-save-btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.settings-container{padding:12px}.settings-header{align-items:stretch;flex-direction:column;gap:15px;padding:18px}.settings-header h2{font-size:23px}.settings-saved-badge{align-self:flex-start}.settings-shop-card{flex-wrap:wrap}.settings-shop-id{width:100%}.settings-section-header{padding:18px}.settings-options{padding:0 18px}.settings-row{align-items:flex-start}.settings-form-grid{grid-template-columns:1fr;padding:18px}.theme-selector{flex-direction:column}.theme-option{justify-content:center}.settings-footer{flex-direction:column-reverse}.settings-reset-btn,.settings-save-btn{width:100%}}@media (max-width:480px){.settings-header-left{align-items:flex-start}.settings-header-icon{font-size:20px;height:48px;width:48px}.settings-row{flex-direction:column;gap:14px}.settings-switch{align-self:flex-end}}.currency-settings-main-container{min-height:100vh;padding:0}.currency-settings-main-container,.currency-settings-wrapper{background:#fff;box-sizing:border-box;margin:0;max-width:100%;width:100%}.currency-settings-wrapper{min-height:90vh;padding:1rem 0}.currency-settings-header{align-items:center!important;background:#fff;border:none!important;border-radius:0!important;box-sizing:border-box;display:flex!important;flex-direction:row!important;flex-wrap:nowrap;gap:1rem;justify-content:space-between!important;margin-bottom:1.5rem;padding:.75rem 0;width:100%}.currency-header-left{align-items:center;display:flex;flex-shrink:0;gap:.75rem}.currency-header-icon{align-items:center;color:#004aad;display:inline-flex;flex-shrink:0;font-size:1.5rem;justify-content:center;line-height:1}.currency-main-title{color:#004aad;font-family:Arial,Helvetica,sans-serif;font-size:1.5rem;font-weight:700;line-height:1.2;margin:0;padding:0;white-space:nowrap}.currency-refresh-btn{align-items:center;background:#004aad;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-flex;flex-shrink:0;font-family:Arial,Helvetica,sans-serif;font-size:.85rem;font-weight:600;gap:.4rem;height:40px;justify-content:center;padding:0 1rem;transition:all .2s ease}.currency-refresh-btn:hover{background:#003a8c;transform:none}.currency-refresh-btn:disabled{cursor:not-allowed;opacity:.6}.currency-refresh-icon{font-size:.95rem}.currency-shop-info{background:#f0f7ff;border:1px solid #d0d0d0!important;border-radius:4px!important;box-sizing:border-box;margin-bottom:1.5rem;max-width:100%;padding:1rem 1.5rem;width:100%}.currency-shop-info h2{color:#004aad;font-family:Arial,Helvetica,sans-serif;font-size:1.25rem;font-weight:700;margin:0}.currency-cards-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr;margin-bottom:1.5rem}.currency-cards-grid,.currency-settings-card{box-sizing:border-box;max-width:100%;width:100%}.currency-settings-card{background:#fff;border:1px solid #d0d0d0!important;border-radius:6px!important;box-shadow:0 2px 8px #0000000f;display:flex;flex-direction:column;overflow:hidden;padding:0}.currency-card-title{align-items:center;background:#004aad;border-bottom:none;color:#fff;display:flex;font-size:1.15rem;font-weight:700;gap:1rem}.currency-card-description,.currency-card-title{font-family:Arial,Helvetica,sans-serif;margin:0;padding:1rem 1.5rem}.currency-card-description{border-bottom:1px solid #e8e8e8;color:#666;font-size:.9rem;line-height:1.6}.currency-card-content{background:#fff;box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;gap:1.5rem;padding:1.5rem;width:100%}.currency-select-label{color:#004aad;font-family:Arial,Helvetica,sans-serif;font-size:.85rem;font-weight:700;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.currency-custom-dropdown{box-sizing:border-box;max-width:500px;position:relative;width:100%;z-index:100}.currency-dropdown-selector{align-items:center;background:#fff;border:1px solid #d0d0d0!important;border-radius:4px!important;box-sizing:border-box;cursor:pointer;display:flex;font-size:.9rem;justify-content:space-between;padding:.75rem 1rem;position:relative;transition:all .2s ease;width:100%;z-index:101}.currency-dropdown-selector:hover{background:#fafafa;border-color:#004aad!important}.currency-selected-option{align-items:center;display:flex;flex:1 1;gap:.75rem}.currency-symbol{color:#333;font-size:1.1rem;font-weight:700}.currency-name{color:#333;flex:1 1;font-size:.9rem;font-weight:500}.currency-code,.currency-dropdown-arrow{color:#666;font-size:.85rem}.currency-dropdown-arrow{transition:transform .3s ease}.currency-dropdown-menu{background:#fff;border:1px solid #d0d0d0!important;border-radius:0 0 4px 4px!important;border-top:none;box-shadow:0 8px 24px #0000001f;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;border-bottom:1px solid #f5f5f5;cursor:pointer;display:flex;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;gap:.75rem;padding:.75rem 1rem;transition:background .2s ease}.currency-dropdown-item:last-child{border-bottom:none}.currency-dropdown-item:hover{background:#f0f7ff}.currency-current-selection-box{background:#f8f9fa;border:1px solid #d0d0d0!important;border-radius:4px!important;box-sizing:border-box;margin-top:.5rem;padding:1rem 1.5rem;transition:all .2s ease;width:100%}.currency-current-selection-box:hover{background:#f0f7ff;border-color:#a0a0a0!important}.currency-current-selection-label{color:#555;font-family:Arial,Helvetica,sans-serif;font-size:.8rem;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.1rem;font-weight:700}.currency-action-buttons{background:#fff;box-sizing:border-box;display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem;padding:0;width:100%}.currency-reset-btn{align-items:center;background:#fff;border:1px solid #004aad;border-radius:4px;color:#004aad;cursor:pointer;display:inline-flex;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;font-weight:600;height:42px;justify-content:center;padding:0 1.25rem;transition:all .2s ease}.currency-reset-btn:hover{background:#f0f7ff;transform:none}.currency-reset-btn:disabled{cursor:not-allowed;opacity:.6}.currency-save-btn{align-items:center;background:#004aad;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-flex;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;font-weight:600;height:42px;justify-content:center;padding:0 1.5rem;transition:all .2s ease}.currency-save-btn:hover{background:#003a8c;transform:none}.currency-save-btn:disabled{cursor:not-allowed;opacity:.6}.currency-error-message,.currency-success-message{align-items:center;border-radius:4px;box-sizing:border-box;display:flex;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;gap:.5rem;margin-bottom:1rem;padding:.75rem 1rem;width:100%}.currency-success-message{background:#d4edda;border:1px solid #c8e6c9;color:#155724}.currency-error-message{background:#fde8e8;border:1px solid #f5c6cb;color:#721c24}.currency-error-icon,.currency-success-icon{font-size:1rem}.currency-error-close{background:none;border:none;color:inherit;cursor:pointer;font-size:1.2rem;line-height:1;margin-left:auto;padding:0 .5rem}.currency-loading-overlay{align-items:center;background:#ffffffd9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.currency-loading-spinner{color:#004aad;font-weight:600;text-align:center}.spinner{animation:spin .8s linear infinite;border:4px solid #f3f3f3;margin:0 auto 15px}.currency-header-section{align-items:flex-start;display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem;padding:.75rem 0}.currency-header-section h2{color:#004aad;font-family:Arial,Helvetica,sans-serif;font-size:1.5rem;font-weight:700;margin:0}.currency-header-section p{color:#666;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;margin:0}@media (max-width:992px){.currency-settings-wrapper{padding:1rem 0}.currency-card-content{padding:1.25rem}}@media (max-width:768px){.currency-settings-header{align-items:stretch!important;flex-direction:column!important;gap:.75rem}.currency-refresh-btn{width:100%}.currency-header-icon,.currency-main-title{font-size:1.25rem}.currency-custom-dropdown{max-width:100%}.currency-action-buttons{flex-direction:column}.currency-reset-btn,.currency-save-btn{width:100%}.currency-card-title{font-size:1rem;padding:.85rem 1rem}.currency-card-description{font-size:.85rem;padding:.85rem 1rem}.currency-card-content{padding:1rem}}@media (max-width:480px){.currency-main-title{font-size:1.15rem}.currency-card-content{padding:.85rem}.currency-current-selection-box{padding:.85rem 1rem}.currency-current-selection-value{font-size:1rem}}.invoice-details-container{background:#fff;box-sizing:border-box;margin:0;max-width:100%;padding:0;text-align:left;width:100%}.invoice-header-section{align-items:center!important;background:#fff;border:none!important;border-radius:0!important;box-sizing:border-box;display:flex!important;flex-direction:row!important;flex-wrap:nowrap;gap:1rem;justify-content:space-between!important;margin-bottom:1.5rem;padding:.75rem 0;width:100%}.invoice-header-left{align-items:center;display:flex;flex-shrink:0;gap:.75rem}.invoice-header-icon{align-items:center;color:#004aad;display:inline-flex;flex-shrink:0;font-size:1.5rem;justify-content:center;line-height:1}.invoice-header-title{color:#004aad;font-family:Arial,Helvetica,sans-serif;font-size:1.5rem;font-weight:700;line-height:1.2;margin:0;padding:0;white-space:nowrap}.invoice-header-right{align-items:center;display:flex;flex:1 1;gap:.75rem;justify-content:flex-end;min-width:0}.invoice-header-hint{color:#666;font-family:Arial,Helvetica,sans-serif;font-size:.85rem;font-style:italic;margin:0;white-space:nowrap}.invoice-loading-indicator{color:#004aad;font-family:Arial,Helvetica,sans-serif;font-weight:500;padding:1rem;text-align:center}.invoice-box{background:#fff;border:1px solid #e0e0e0!important;border-radius:0!important;border-top:none!important;box-sizing:border-box;margin-bottom:1.5rem;overflow:hidden;width:100%}.invoice-box-title{align-items:center;background:#004aad!important;border:none!important;color:#fff;display:flex;gap:.6rem;padding:.9rem 1rem}.box-icon{color:#fff;font-size:1rem}.invoice-box-title h3{color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:.85rem;font-weight:700;letter-spacing:.5px;margin:0;text-transform:uppercase}.invoice-box-content{background:#fff;padding:0}.info-row-3col{background:#fff;border-bottom:1px solid #e8e8e8;display:grid;grid-template-columns:1fr 1fr 1fr}.info-row-3col:last-child{border-bottom:none}.info-field{background:#fff;border-right:1px solid #e8e8e8;box-sizing:border-box;min-width:0;padding:.85rem 1rem}.info-field:last-child{border-right:none}.field-label{font-size:.75rem;margin-bottom:.4rem}.invoice-field-value{background:#0000;border:none;border-radius:0;box-sizing:border-box;color:#333;cursor:text;display:block;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;line-height:1.4;min-height:24px;overflow-wrap:break-word;padding:0;text-align:left;transition:all .2s ease;word-break:break-word}.invoice-field-value:hover{background:#0000;border:none;color:#004aad;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.invoice-field-input{background:#fff;border:1px solid #d0d0d0;border-radius:4px;box-sizing:border-box;color:#333;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;min-height:38px;outline:none;padding:.6rem .75rem;transition:all .2s ease;width:100%}.invoice-field-input:focus{border-color:#004aad;box-shadow:0 0 0 3px #004aad1a}.invoice-actions{border-top:1px solid #e0e0e0;gap:1rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1.5rem;width:100%}.cancel-btn,.invoice-actions,.save-btn{align-items:center;box-sizing:border-box}.cancel-btn,.save-btn{border-radius:4px;display:inline-flex;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;height:42px;justify-content:center;min-width:120px;padding:0 1.5rem;transition:all .2s ease}.cancel-btn{background:#fff!important;border:1px solid #d0d0d0!important;color:#666!important}.cancel-btn:hover{background:#f5f5f5!important;border-color:#b0b0b0!important;color:#333!important}.save-btn{background:#004aad!important;border:1px solid #004aad!important;color:#fff!important}.save-btn:hover{background:#003a8c!important;border-color:#003a8c!important}.cancel-btn:active,.save-btn:active{transform:scale(.98)}@media (max-width:1024px){.info-row-3col{grid-template-columns:1fr 1fr}.info-row-3col .info-field:nth-child(3){border-right:none;border-top:1px solid #e8e8e8;grid-column:span 2}}@media (max-width:900px){.invoice-header-section{flex-wrap:wrap!important}.invoice-header-right{flex-wrap:wrap;justify-content:flex-start;width:100%}}@media (max-width:768px){.invoice-header-section{align-items:stretch!important;flex-direction:column!important;gap:.75rem}.invoice-header-icon,.invoice-header-title{font-size:1.25rem}.info-row-3col{grid-template-columns:1fr}.info-field{border-bottom:1px solid #e8e8e8;border-right:none}.info-field:last-child{border-bottom:none}.info-row-3col .info-field:nth-child(3){border-top:none;grid-column:span 1}.invoice-actions{flex-direction:column}.cancel-btn,.save-btn{width:100%}}@media (max-width:480px){.invoice-header-title{font-size:1.15rem}.info-field{padding:.75rem .85rem}.field-label{font-size:.7rem}.invoice-field-input,.invoice-field-value{font-size:.85rem}}@media print{.invoice-actions{display:none}.invoice-box{break-inside:avoid;page-break-inside:avoid}}button:focus-visible,input:focus-visible{outline:2px solid #004aad;outline-offset:2px}.place-order-page-wrapper{min-height:100vh}.place-order-container,.place-order-page-wrapper{background:#fff;box-sizing:border-box;margin:0;max-width:100%;padding:0;text-align:left;width:100%}.place-order-container{border:none!important;border-radius:0}.place-order-content{background:#fff;box-sizing:border-box;max-width:100%;padding:0;text-align:left;width:100%}.order-title-wrapper{align-items:center;display:flex;gap:.75rem}.order-title-icon{color:#004aad;display:block;flex-shrink:0;font-size:1.75rem}.order-title{border:none!important;color:#004aad!important;font-family:Arial,Helvetica,sans-serif;font-size:1.5rem;font-weight:700;line-height:1.2;margin:0;padding:0;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{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:4px;box-sizing:border-box;display:flex;min-height:48px;padding:.4rem .8rem;text-align:left;transition:all .2s ease}.order-value-box:focus-within,.order-value-box:hover{border-color:#004aad}.address-select-box .order-input,.address-select-box .order-select,.order-value-box .order-input,.order-value-box .order-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#0000!important;border:none!important;box-shadow:none!important;box-sizing:border-box;color:#333;font-family:Arial,Helvetica,sans-serif;font-size:1rem;height:auto;outline:none!important;padding:.4rem 0;text-align:left;width:100%}.address-select-box .order-select,.order-value-box .order-select{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")!important;background-position:right 0 center!important;background-repeat:no-repeat!important;background-size:16px!important;cursor:pointer;padding-right:20px!important}.address-select-box .order-input[type=date],.address-select-box .order-input[type=time],.order-value-box .order-input[type=date],.order-value-box .order-input[type=time]{cursor:pointer}.address-select-box .order-input[type=date]::-webkit-calendar-picker-indicator,.address-select-box .order-input[type=time]::-webkit-calendar-picker-indicator,.order-value-box .order-input[type=date]::-webkit-calendar-picker-indicator,.order-value-box .order-input[type=time]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6}.address-select-box .order-input[type=date]::-webkit-calendar-picker-indicator:hover,.address-select-box .order-input[type=time]::-webkit-calendar-picker-indicator:hover,.order-value-box .order-input[type=date]::-webkit-calendar-picker-indicator:hover,.order-value-box .order-input[type=time]::-webkit-calendar-picker-indicator:hover{opacity:1}.order-hint{color:#999;display:block;font-size:.8rem;font-style:italic;margin-top:.5rem;text-align:left}.order-section-box{background:#fff;border:2px solid #e0e0e0;border-radius:6px;box-sizing:border-box;margin-bottom:1.5rem;padding:1.5rem;width:100%}.section-box-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.section-box-header .order-title{border:none;margin:0;padding:0}.additional-fields-box,.products-section-box{background:#fff;border:2px solid #e0e0e0;border-radius:6px;box-sizing:border-box;margin-bottom:1.5rem;padding:1.5rem;width:100%}.order-action-box{background:#0000;border:none;border-radius:0;box-sizing:border-box;display:flex;justify-content:flex-end;margin-bottom:0;margin-top:1.5rem;padding:0;width:100%}.products-section-box .ordered-products-section{border-top:none!important;margin-top:0!important;padding-top:0!important}.additional-fields-box .additional-fields-grid{border:none!important;margin-top:0!important;padding:0!important}.ordered-products-section{border-top:1px solid #e0e0e0;margin-top:2rem;padding-top:2rem;text-align:left}.section-header-reset{align-items:center;background:#0000!important;border:none!important;border-radius:0;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem;padding:0;text-align:left}.section-title{border:none!important;display:block;font-size:1.1rem;margin:0;text-align:left}.reset-filters-btn,.section-title{font-family:Arial,Helvetica,sans-serif}.reset-filters-btn{background:#ee5c43;border:1px solid #ee5c43;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:.6rem 1.8rem;transition:all .3s ease}.reset-filters-btn:hover{background:#d94a32}.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{display:flex;flex:1 1;flex-direction:column;gap:.5rem;min-width:180px;text-align:left}.filter-group label{color:#666;font-family:Arial,Helvetica,sans-serif;font-size:.85rem;font-weight:600;letter-spacing:.5px;text-align:left}.filter-select{padding:.6rem;width:100%}.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-city-row{grid-gap:1.5rem;box-sizing:border-box;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin-bottom:1.5rem;width:100%}.quantity-price-city-row .city-group,.quantity-price-city-row .price-group,.quantity-price-city-row .quantity-group{background:#fff;border:1px solid #e0e0e0;border-radius:4px;box-sizing:border-box;display:flex;flex-direction:column;gap:.5rem;min-width:0;padding:1rem;transition:all .2s ease}.quantity-price-city-row .city-group:hover,.quantity-price-city-row .price-group:hover,.quantity-price-city-row .quantity-group:hover{background-color:#fafafa;border-color:#004aad}.quantity-price-city-row .city-group label,.quantity-price-city-row .price-group label,.quantity-price-city-row .quantity-group label{align-items:center;color:#666;display:flex;font-family:Arial,Helvetica,sans-serif;font-size:.85rem;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.quantity-price-city-row .city-group .filter-select,.quantity-price-city-row .price-input,.quantity-price-city-row .quantity-input{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;transition:all .2s ease;width:100%}.quantity-price-city-row .city-group .filter-select:focus,.quantity-price-city-row .price-input:focus,.quantity-price-city-row .quantity-input:focus{border-color:#004aad;box-shadow:0 0 0 2px #004aad1a;outline:none}.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}.add-another-product-btn:hover{background:#003380;border-color:#003380}.products-table-container{border:1px solid #e0e0e0;border-radius:4px;text-align:left}.products-table{min-width:600px;text-align:left}.products-table thead{background:#f8f9fa}.products-table th{border-bottom:2px solid #e0e0e0;font-size:.85rem;padding:1rem}.products-table td{border-bottom:1px solid #f0f0f0;padding:1rem}.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{align-items:center;color:#333;cursor:pointer;display:flex;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;gap:.5rem;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)}.order-fields-3col{grid-gap:1.5rem;box-sizing:border-box;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr 1fr;margin-bottom:2rem;width:100%}.order-fields-3col .order-field{margin-bottom:0;min-width:0}.order-fields-3col .order-field.order-field-span-3{grid-column:1/-1}.additional-fields-grid{grid-gap:1.5rem;background:#fff;border:1px solid #e0e0e0;border-radius:4px;box-sizing:border-box;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin-top:2rem;padding:1.5rem;width:100%}.additional-fields-grid .field-group-col{display:flex;flex-direction:column;gap:.5rem;min-width:0}.additional-fields-grid .field-group-col:first-child{grid-column:1/2;grid-row:1}.additional-fields-grid .field-group-col:nth-child(4){grid-column:2/3;grid-row:1}.additional-fields-grid .field-group-col:nth-child(2){grid-column:1/2;grid-row:2}.additional-fields-grid .field-group-col:nth-child(3){grid-column:2/3;grid-row:2}.additional-fields-grid .field-group-col.field-group-span-2{grid-column:1/-1;grid-row:3}.additional-fields-grid .field-label{color:#666;font-family:Arial,Helvetica,sans-serif;font-size:.85rem;font-weight:600;letter-spacing:.5px;margin-bottom:0;text-transform:uppercase}.order-action-inside-box{border-top:1px solid #e0e0e0;box-sizing:border-box;display:flex;justify-content:flex-end;margin-top:1.5rem;padding-top:1.25rem;width:100%}.order-action-inside-box .submit-order-btn{background:#004aad;border:none;border-radius:6px;color:#fff;cursor:pointer;font-family:Arial,Helvetica,sans-serif;font-size:.95rem;font-weight:500;padding:.7rem 2rem;transition:all .3s ease}.order-action-inside-box .submit-order-btn:hover:not(:disabled){background:#003380;transform:translateY(-1px)}.order-action-inside-box .submit-order-btn:disabled{cursor:not-allowed;opacity:.6}.address-mode-container{display:flex;flex-direction:column;gap:.5rem}.address-select-wrapper{align-items:center;display:flex;gap:.5rem;width:100%}.address-select-box{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:4px;box-sizing:border-box;display:flex;flex:1 1;min-height:50px;min-width:0;padding:.4rem .8rem}.address-select-box:focus-within,.address-select-box:hover{border-color:#004aad}.address-toggle-btn{align-items:center;background:#004aad;border:1px solid #004aad;border-radius:4px;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;font-family:Arial,Helvetica,sans-serif;font-size:.85rem;font-weight:500;height:50px;justify-content:center;min-width:130px;padding:.6rem 1rem;transition:all .3s ease;white-space:nowrap}.address-toggle-btn:hover{background:#003380;border-color:#003380;color:#fff}.searchable-filter-container{position:relative;width:100%}.searchable-filter-input{padding-right:30px}.search-icon{font-size:.8rem;right:10px}.searchable-dropdown{background:#fff;border:1px solid #e0e0e0;border-radius:4px;box-shadow:0 4px 12px #0000001a;left:0;margin-top:2px;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.searchable-dropdown-item{border-bottom:1px solid #f0f0f0;color:#333;cursor:pointer;font-size:.9rem;padding:.7rem 1rem;transition:all .2s ease}.searchable-dropdown-item:hover{background:#f0f7ff;color:#004aad}.searchable-dropdown-item:last-child{border-bottom:none}.searchable-dropdown-item.custom-value{align-items:center;background:#fff8e1;color:#f57c00;display:flex;font-style:italic}.searchable-dropdown-item.custom-value:hover{background:#ffecb3}.courier-mode-container{display:flex;flex-direction:column;gap:.5rem}.courier-select-wrapper{align-items:center;display:flex;gap:.5rem;width:100%}.courier-select-box{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:4px;box-sizing:border-box;display:flex;flex:1 1;min-height:50px;min-width:0;padding:.4rem .8rem}.courier-select-box:focus-within,.courier-select-box:hover{border-color:#004aad}.courier-search-container{position:relative;width:100%}.courier-search-input{background:#0000!important;border:none!important;box-shadow:none!important;box-sizing:border-box;color:#333;font-family:Arial,Helvetica,sans-serif;font-size:1rem;height:40px;outline:none!important;padding:.5rem 2.5rem .5rem .5rem;transition:all .2s ease;width:100%}.courier-search-input:focus{outline:none}.courier-chevron-icon{color:#666;font-size:.8rem;pointer-events:none;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.courier-dropdown{width:100%}.products-table td:first-child,.products-table th:first-child{min-width:300px;width:45%}.products-table td:nth-child(2),.products-table th:nth-child(2){width:10%}.products-table td:nth-child(3),.products-table td:nth-child(4),.products-table th:nth-child(3),.products-table th:nth-child(4){text-align:right;width:15%}.products-table td:nth-child(5),.products-table th:nth-child(5){width:15%}.products-table td:first-child{line-height:1.4;white-space:normal;word-break:break-word}.products-table td:nth-child(4){color:#004aad;font-weight:600}.header-actions{gap:1rem}.filter-label{align-items:center;color:#666;display:flex;font-family:Arial,Helvetica,sans-serif;font-size:.85rem;font-weight:600;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.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{color:#004aad;font-size:18px;font-weight:600}.city-badge{align-items:center;background:#004aad;border-radius:20px;color:#fff;display:inline-flex;font-size:.85rem;gap:.3rem;margin-left:.5rem;padding:4px 12px}.city-icon{font-size:.8rem}.order-field .order-label{align-items:center;display:flex;gap:.5rem}.note-hint{color:#999;display:block;font-size:.75rem;font-style:italic;margin-top:.25rem}@media (max-width:1200px){.filter-group{min-width:200px}}@media (max-width:1024px){.additional-fields-grid,.order-fields-3col,.quantity-price-city-row{grid-template-columns:1fr 1fr}.additional-fields-grid .field-group-col.field-group-span-2{grid-column:1/-1}}@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-page-wrapper{padding:0}.place-order-container{border-radius:0;padding:0}.additional-fields-grid,.order-fields-3col,.quantity-price-city-row{grid-template-columns:1fr}.additional-fields-grid .field-group-col.field-group-span-2,.additional-fields-grid .field-group-col:first-child,.additional-fields-grid .field-group-col:nth-child(2),.additional-fields-grid .field-group-col:nth-child(3),.additional-fields-grid .field-group-col:nth-child(4){grid-column:1/-1;grid-row:auto}.additional-fields-box,.order-action-box,.order-section-box,.products-section-box{border-radius:4px;padding:1rem}.section-box-header{align-items:flex-start;flex-direction:column;margin-bottom:1rem;padding-bottom:.75rem}.order-action-box{justify-content:stretch}.order-action-box .submit-order-btn{width:100%}.section-header-reset,.total-item{align-items:flex-start;flex-direction:column}.total-item{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}.address-select-wrapper{align-items:stretch;flex-direction:column}.address-toggle-btn{height:auto;padding:.8rem;width:100%}.courier-select-wrapper{align-items:stretch;flex-direction:column}.header-actions{flex-direction:column;width:100%}.reset-filters-btn{width:100%}.order-action-inside-box{justify-content:stretch}.order-action-inside-box .submit-order-btn{width:100%}}@media (max-width:480px){.order-title{font-size:1.2rem}.order-title-icon{font-size:1.4rem}.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:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #004aad;outline-offset:2px}button:disabled,input:disabled,select:disabled{cursor:not-allowed;opacity:.6}.search-container{position:relative;width:100%}.search-loading{color:#999;font-size:.8rem;pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.search-dropdown{background:#fff;border:1px solid #e0e0e0;border-radius:4px;box-shadow:0 4px 12px #0000001f;box-sizing:border-box;left:0;margin-top:2px;max-height:300px;max-width:95vw;min-width:100%;overflow-x:hidden;overflow-y:auto;position:absolute;top:100%;width:max-content;z-index:1000}.search-item{background:#fff;color:#333;cursor:pointer;font-size:.9rem;overflow:hidden;padding:10px 16px;text-align:left;text-overflow:ellipsis;transition:background .15s,color .15s;white-space:nowrap}.search-item:hover{background:#004aad;color:#fff}.search-dropdown::-webkit-scrollbar{width:6px}.search-dropdown::-webkit-scrollbar-track{background:#f1f1f1}.search-dropdown::-webkit-scrollbar-thumb{background:#004aad;border-radius:4px}.orders-main-container{font-family:Arial,Helvetica,sans-serif;margin:0;max-width:100%;min-height:100vh;padding:0;text-align:left}.orders-header-section,.orders-main-container{background:#fff;box-sizing:border-box;width:100%}.orders-header-section{align-items:stretch!important;border:none!important;border-radius:0!important;display:flex!important;flex-direction:column!important;gap:1rem;margin-bottom:1.5rem;padding:.5rem 0}.orders-header-row-1{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;width:100%}.orders-header-left{align-items:center;display:flex;flex-shrink:0;gap:.75rem}.orders-header-icon{color:#004aad;display:block;flex-shrink:0;font-size:1.5rem}.orders-header-title{color:#004aad;font-family:Arial,Helvetica,sans-serif;font-size:1.5rem;font-weight:700;line-height:1.2;margin:0;padding:0;white-space:nowrap}.orders-header-right{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:.5rem;justify-content:flex-end;min-width:0}.orders-header-right .city-dropdown-wrapper{align-items:center;display:flex;flex-shrink:0;min-width:160px;position:relative}.orders-header-right .city-select-dropdown{appearance:none;background:#fff;border:1px solid #ccc!important;border-radius:4px!important;box-sizing:border-box;color:#333;cursor:pointer;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;height:40px;padding:0 2rem 0 .75rem;transition:all .2s ease;width:100%}.orders-header-right .city-select-dropdown:hover:not(:disabled){border-color:#999!important}.orders-header-right .city-select-dropdown:focus{border-color:#004aad!important;box-shadow:0 0 0 2px #004aad1a;outline:none}.orders-header-right .city-select-dropdown:disabled{background:#f5f5f5;color:#999;cursor:not-allowed}.orders-header-right .city-dropdown-icon{color:#333;font-size:1.2rem;pointer-events:none;position:absolute;right:10px;top:50%;transform:translateY(-50%);z-index:1}.orders-header-right .search-wrapper{flex:1 1 200px;max-width:220px;min-width:160px;position:relative}.orders-header-right .search-icon{color:#999;font-size:.85rem;left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.orders-header-right .search-input{background:#fff;border:1px solid #ccc!important;border-radius:4px!important;box-sizing:border-box;color:#333;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;height:40px;padding:0 1rem 0 2.4rem!important;transition:all .2s ease;width:100%}.orders-header-right .search-input::placeholder{color:#aaa}.orders-header-right .search-input:focus{border-color:#004aad!important;box-shadow:0 0 0 2px #004aad1a;outline:none}.orders-header-right .currency-indicator{align-items:center;background:#004aad;border-radius:4px;box-sizing:border-box;color:#fff;display:inline-flex;font-family:Arial,Helvetica,sans-serif;font-size:.85rem;font-weight:600;height:40px;justify-content:center;padding:0 1rem;white-space:nowrap}.orders-filter-bar{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-top:15px;width:100%}.orders-filter-bar .filter-control{background-color:#fff;border:1px solid #d1d5db;border-radius:4px;color:#374151;font-family:inherit;font-size:14px;height:42px;outline:none;padding:0 12px;transition:border-color .2s}.orders-filter-bar .filter-control:focus{border-color:#004aad}.orders-filter-bar .status-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='%23374151' 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;cursor:pointer;flex:1 1 180px;min-width:150px;padding-right:40px}.orders-filter-bar .date-input{cursor:pointer;flex:1 1 150px;min-width:140px}.orders-filter-bar .customer-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='%23374151' 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;cursor:pointer;flex:1 1 200px;min-width:180px;padding-right:40px}.orders-filter-bar .btn-apply-filter{align-items:center;background-color:#004aad;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;height:42px;justify-content:center;padding:0 20px;transition:background-color .2s;white-space:nowrap}.orders-filter-bar .btn-apply-filter:hover{background-color:#003380}.orders-filter-bar .btn-clear-filter{align-items:center;background-color:#6b7280;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;height:42px;justify-content:center;padding:0 20px;transition:background-color .2s;white-space:nowrap}.orders-filter-bar .btn-clear-filter:hover{background-color:#4b5563}.orders-content{background:#fff;padding:0}.orders-content,.orders-main-box{box-sizing:border-box;width:100%}.orders-bulk-bar{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;margin-bottom:14px}.orders-bulk-bar button{align-items:center;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:8px;height:44px;justify-content:center;padding:0 22px;transition:background-color .2s,opacity .2s;white-space:nowrap}.orders-bulk-bar button:disabled{cursor:not-allowed;opacity:.6}.orders-bulk-bar .btn-send-invoice{background-color:#1fa855}.orders-bulk-bar .btn-send-invoice:hover:not(:disabled){background-color:#178a45}.orders-bulk-bar .btn-bulk-delete{background-color:#dc3545}.orders-bulk-bar .btn-bulk-delete:hover:not(:disabled){background-color:#b92b3a}.orders-table-container{background:#fff;border:1px solid #e0e0e0!important;border-radius:0!important;box-sizing:border-box;margin:0 0 1.5rem;max-width:100%;overflow:hidden;width:100%}.orders-table-wrapper{max-width:100%;overflow-x:auto;width:100%}.orders-table{background:#fff;border-collapse:collapse;max-width:100%;min-width:1340px;table-layout:fixed;width:100%}.orders-table th,.orders-table thead{background:#004aad}.orders-table th{word-wrap:break-word;border:1px solid #1c5fbd!important;color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:.72rem;font-weight:700;height:60px;letter-spacing:.4px;line-height:1.3;overflow:hidden;overflow-wrap:break-word;padding:.9rem .6rem;text-align:center;text-transform:uppercase;vertical-align:middle;white-space:normal}.orders-table td:first-child,.orders-table th:first-child{width:44px}.orders-table td:nth-child(2),.orders-table th:nth-child(2){width:110px}.orders-table td:nth-child(3),.orders-table th:nth-child(3){width:150px}.orders-table td:nth-child(4),.orders-table th:nth-child(4){width:130px}.orders-table td:nth-child(5),.orders-table th:nth-child(5){width:150px}.orders-table td:nth-child(6),.orders-table td:nth-child(7),.orders-table th:nth-child(6),.orders-table th:nth-child(7){width:110px}.orders-table td:nth-child(8),.orders-table th:nth-child(8){width:120px}.orders-table td:nth-child(9),.orders-table th:nth-child(9){width:160px}.orders-table td:nth-child(10),.orders-table th:nth-child(10){width:200px}.orders-table td:nth-child(11),.orders-table th:nth-child(11){width:120px}.orders-table td{word-wrap:break-word;border:1px solid #e0e0e0!important;color:#333;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;height:100%;line-height:1.4;overflow-wrap:break-word;padding:.8rem .75rem;text-align:center;vertical-align:middle!important}.orders-table td:nth-child(10),.orders-table td:nth-child(3),.orders-table td:nth-child(5),.orders-table td:nth-child(6),.orders-table td:nth-child(9),.orders-table th:nth-child(10),.orders-table th:nth-child(3),.orders-table th:nth-child(5),.orders-table th:nth-child(6),.orders-table th:nth-child(9){text-align:left}.orders-table tbody tr:hover{background:#fafafa}.orders-table tbody tr.row-selected{background:#eef4ff}.orders-table td.select-cell,.orders-table th.select-col{padding:0!important;text-align:center!important}.order-checkbox{accent-color:#004aad;cursor:pointer;height:18px;vertical-align:middle;width:18px}.order-checkbox:disabled{cursor:not-allowed}.order-tracking-cell{color:#004aad;font-weight:500}.total-amount-cell{color:#004aad;font-weight:700;white-space:nowrap}.address-cell,.orders-table td.note-cell{color:#555;font-size:.85rem;line-height:1.4}.orders-table td.note-cell{cursor:help;max-width:200px;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.orders-table td.note-cell:hover{background:#fafafa;white-space:normal;word-break:break-word}.status-badge{padding:.3rem .75rem}.status-badge.processing{background:#e3f2fd;color:#1976d2}.status-badge.in-process,.status-badge.pending{background:#fff3e0;color:#f57c00}.status-badge.delivered{background:#d4edda;color:#2e7d32}.status-badge.canceled{background:#f5f5f5;color:#757575}.status-badge.returned{background:#fce4ec;color:#d32f2f}.orders-table td.actions-cell{height:100%!important;padding:.8rem .75rem!important;position:relative;text-align:center!important;vertical-align:middle!important;white-space:nowrap}.orders-table td.actions-cell .actions-cell-inner{align-items:center;display:flex;gap:8px;height:100%;justify-content:center;min-height:40px}.orders-table td.actions-cell .edit-order-btn{align-items:center;background:#0000!important;border:none!important;border-radius:4px;color:#004aad!important;cursor:pointer;display:inline-flex!important;font-size:1.15rem;justify-content:center;line-height:1;margin:0!important;padding:4px 6px!important;transition:all .3s}.orders-table td.actions-cell .edit-order-btn:hover{background:#004aad1a!important;transform:scale(1.1)}.orders-table td.actions-cell .delete-order-btn{align-items:center;background:#0000!important;border:none!important;border-radius:4px;color:#dc3545!important;cursor:pointer;display:inline-flex!important;font-size:1.15rem;justify-content:center;line-height:1;margin:0!important;padding:4px 6px!important;transition:all .3s}.orders-table td.actions-cell .delete-order-btn:hover{background:#dc35451a!important;transform:scale(1.1)}.orders-pagination{align-items:center;background:#f5f6f8;border-top:1px solid #e0e0e0;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin:0;padding:.75rem 0}.page-btn{background:#004aad;border-radius:4px;color:#fff;min-width:100px;padding:.6rem 1.5rem}.page-btn:hover:not(.disabled){background:#003380;border-color:#003380}.page-btn.disabled{background-color:#8aa9dc;border-color:#8aa9dc;color:#fff;cursor:not-allowed;opacity:1}.page-info{color:#333;font-size:.9rem;font-weight:500}.orders-table-wrapper::-webkit-scrollbar{height:8px}.orders-table-wrapper::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.orders-table-wrapper::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.orders-table-wrapper::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width:900px){.orders-header-row-1{align-items:stretch;flex-direction:column}.orders-header-right{flex-wrap:wrap;justify-content:flex-start;width:100%}.orders-header-right .search-wrapper{flex:1 1 100%;max-width:100%}.orders-filter-bar{align-items:stretch;flex-direction:column}.orders-filter-bar .btn-apply-filter,.orders-filter-bar .btn-clear-filter,.orders-filter-bar .filter-control{flex:1 1 100%;width:100%}}@media (max-width:768px){.orders-header-title{font-size:1.25rem}.orders-header-right{align-items:stretch;flex-direction:column;gap:.5rem}.city-dropdown-wrapper,.orders-header-right .currency-indicator,.orders-header-right .search-wrapper{max-width:100%;width:100%}.orders-table td,.orders-table th{font-size:.8rem;padding:.6rem}.orders-pagination{flex-wrap:wrap}.page-btn{min-width:80px;padding:.5rem 1rem}}.orders-header-left .shop-city-badge{align-items:center;background:#e8f0fe;border:1px solid #004aad;border-radius:20px;color:#004aad;display:inline-flex;font-size:.85rem;font-weight:600;gap:4px;margin-left:.5rem;padding:4px 12px;white-space:nowrap}.invoice-page-container{background:#fff;box-sizing:border-box;display:flex;flex-direction:column;font-family:Arial,Helvetica,sans-serif;gap:22px;max-width:100%;padding:10px 0;width:100%}.invoice-page-container *,.invoice-page-container :after,.invoice-page-container :before{box-sizing:border-box}.invoice-page-container .invd-nav{width:100%}.invoice-page-container .invd-return{align-items:center;background:#0000;border:none;color:#004aad;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;padding:0}.invoice-page-container .invd-return:hover{color:#003380;text-decoration:underline}.invoice-page-container .invd-header{align-items:flex-start;background:#0000;border:none;border-bottom:1px solid #e2e8f0;display:flex;flex-direction:row;gap:20px;justify-content:space-between;margin:0;padding:0 0 18px;position:relative;width:100%}.invoice-page-container .invd-title{align-items:flex-start;background:#0000;display:flex;flex:1 1 auto;flex-direction:column;gap:12px;margin:0;min-width:0;padding:0}.invoice-page-container .invd-line{display:block;font-size:20px;font-weight:700;line-height:1.3;margin:0;padding:0;white-space:nowrap}.invoice-page-container .invd-line-main{font-size:30px}.invoice-page-container .invd-label,.invoice-page-container .invd-value{display:inline;font-size:inherit;font-weight:700}.invoice-page-container .invd-label{color:#004aad;margin-right:8px}.invoice-page-container .invd-value{color:#1e293b}.invoice-page-container .invd-actions{align-items:center;display:flex;flex:0 0 auto;flex-direction:row;gap:18px;opacity:1;position:relative;visibility:visible;z-index:2}.invoice-page-container .invd-icon{align-items:center;background:#0000;border:none;cursor:pointer;display:inline-flex;font-size:22px;justify-content:center;padding:0;transition:transform .2s}.invoice-page-container .invd-icon:hover{transform:scale(1.15)}.invoice-page-container .invd-email{color:#eab308}.invoice-page-container .invd-print{color:#dc2626}.invoice-page-container .invd-download{color:#004aad}.invoice-page-container .invoice-cards-row{display:flex;gap:22px;width:100%}.invoice-page-container .section-box{background:#f9f9f9;border:none;border-radius:8px;box-shadow:0 2px 10px #0000001a;flex:1 1;padding:20px}.invoice-page-container .section-title{border-bottom:1px solid #d5dbe3;color:#004aad;font-size:20px;font-weight:700;margin:0 0 14px;padding-bottom:12px}.invoice-page-container .details-content{display:flex;flex-direction:column;gap:12px}.invoice-page-container .detail-row{color:#334155;display:block;font-size:16px;line-height:1.5}.invoice-page-container .detail-row .label{color:#1e293b;display:inline;font-weight:700;margin-right:6px}.invoice-page-container .detail-row .value{display:inline;font-weight:400;overflow-wrap:break-word}.invoice-page-container .status-badge-wrapper{margin-top:10px}.invoice-page-container .payment-status{border-radius:4px;display:inline-block;font-size:15px;font-weight:700;letter-spacing:.5px;padding:9px 26px;text-transform:uppercase}.invoice-page-container .payment-status.pending{background:#fff;border:2px solid #16a34a;color:#16a34a}.invoice-page-container .payment-status.paid{background:#16a34a;border:2px solid #16a34a;color:#fff}.invoice-page-container .products-section{background:#0000!important;border:none!important;border-radius:0!important;box-shadow:none!important;padding:0!important}.invoice-page-container .products-section .section-title{border-bottom:none;color:#1e293b;font-size:20px;margin:0 0 14px;padding-bottom:0}.invoice-page-container .product-list-container{background:#0000!important;border:none!important;box-shadow:none!important;display:flex;flex-direction:column;gap:20px;padding:0!important}.invoice-page-container .invoice-product-item{align-items:flex-start;background:#fff!important;border:1px solid #dfe3e8!important;border-radius:10px;box-shadow:0 3px 10px #00000024!important;display:flex;gap:20px;padding:16px}.invoice-page-container .product-image-box{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:4px;display:flex;flex-shrink:0;height:150px;justify-content:center;width:150px}.invoice-page-container .product-image-box img{max-height:100%;max-width:100%;object-fit:contain;padding:5px}.invoice-page-container .no-image{color:#94a3b8;font-size:13px}.invoice-page-container .product-details-box{display:flex;flex:1 1;flex-direction:column;gap:8px;min-width:0}.invoice-page-container .product-details-box p{color:#334155;font-size:16px;line-height:1.5;margin:0;overflow-wrap:break-word}.invoice-page-container .product-details-box strong{color:#1e293b;font-weight:700;margin-right:4px}@media (max-width:768px){.invoice-page-container .invd-header{flex-direction:column}.invoice-page-container .invd-line{font-size:16px;white-space:normal}.invoice-page-container .invd-line-main{font-size:22px}.invoice-page-container .invoice-cards-row{flex-direction:column}.invoice-page-container .products-section .section-title,.invoice-page-container .section-title{font-size:18px}.invoice-page-container .detail-row,.invoice-page-container .product-details-box p{font-size:15px}.invoice-page-container .invoice-product-item{align-items:center;flex-direction:column}.invoice-page-container .product-image-box{height:130px;width:130px}.invoice-page-container .product-details-box{width:100%}}.invoice-page-container .email-sent-badge{align-items:center;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;color:#15803d;display:inline-flex;font-size:13px;font-weight:500;gap:8px;line-height:1.4;margin-top:6px;max-width:100%;padding:6px 12px;word-break:break-word}.invoice-page-container .email-sent-icon{color:#16a34a;flex-shrink:0;font-size:15px}.invoice-page-container .email-sent-badge strong{color:#14532d;font-weight:700}.invoice-page-container .email-sent-time{color:#64748b;font-size:12px;font-weight:400}.invoice-page-container .invd-email.sending{animation:emailPulse 1s ease-in-out infinite}@keyframes emailPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}.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.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-container{margin:0;max-width:100%}.statements-container,.statements-content{background:#fff;padding:0;text-align:left;width:100%}.statements-header-row{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin:0 0 2rem;padding-bottom:1rem}.header-left-group{align-items:center;display:flex;gap:2rem}.statements-header-title{align-items:center;display:flex;gap:12px}.statements-header-title .icon-wrapper{align-items:center;background:#0000!important;border:none!important;border-radius:0!important;box-shadow:none!important;display:flex;justify-content:center;padding:0}.statements-header-title .header-icon{background:#0000!important;box-shadow:none!important;color:#004aad;font-size:3.5rem}.statements-title{color:#004aad;font-family:Arial,Helvetica,sans-serif;font-size:2rem;font-weight:700;margin:0}.header-right-group{flex-wrap:wrap;gap:1.5rem}.header-right-group,.status-filter-wrapper{align-items:center;display:flex}.filter-select{border-radius:6px;box-shadow:0 1px 3px #0000000d;font-size:.95rem;height:44px;min-width:160px;padding:.6rem 1.2rem;text-align:left;transition:all .2s ease}.header-summary-cards{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem}.summary-card{background:#fff;border:1px solid #e0e0e0;border-radius:4px;box-shadow:0 1px 3px #00000005;max-width:260px;min-width:200px;padding:.8rem 1.2rem;text-align:left;transition:all .2s ease}.summary-card:hover{background:#fafafa;border-color:#004aad}.card-month{color:#666;font-size:.75rem;font-weight:600;letter-spacing:.5px;margin-bottom:.4rem;text-transform:uppercase}.card-amount,.card-month{font-family:Arial,Helvetica,sans-serif}.card-amount{color:#004aad;font-size:1.1rem;font-weight:700}.filters-section{background:#fff;border:none;margin-bottom:1.5rem;overflow:hidden;text-align:left}.filters-right{align-items:center;background:#fff;display:flex;justify-content:space-between;text-align:left}.filters-left-group{align-items:center;display:flex;gap:1rem}.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;height:44px;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;height:44px;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;text-align:left}.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;letter-spacing:.5px;line-height:1.1;padding:.9rem 1.5rem;text-transform:uppercase}.statements-table td,.statements-table th{height:52px;text-align:left;vertical-align:middle}.statements-table td{border-bottom:none;color:#333;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;line-height:1.4;padding:.8rem 1rem}.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,.status-badge.shipped{background:#d4edda;color:#28a745}.status-badge.cancelled{background:#fee2e2;color:#dc2626}.payment-due-header{align-items:center;cursor:pointer;display:inline-flex;gap:8px;vertical-align:middle;white-space:nowrap}.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)}.no-data-cell{color:#999;font-family:Arial,Helvetica,sans-serif;font-size:.95rem;padding:3rem 1rem!important}.filter-modal-overlay{align-items:center;animation:fadeInOverlay .2s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.filter-modal{animation:slideUp .3s ease;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0003}.statements-filter-modal{max-width:500px;width:90%}.filter-modal-header{align-items:center;border-bottom:1px solid #eef2f6;display:flex;justify-content:space-between;padding:20px 24px}.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{max-height:60vh;overflow-y:auto;padding:24px}.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}.filter-modal-footer{border-top:1px solid #eef2f6;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.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)}.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;color:#fff}.apply-filter-btn:hover{background:#003e94;transform:translateY(-1px)}.pagination{background:#fff;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;color:#004aad;font-family:Arial,Helvetica,sans-serif;padding:.6rem 1.8rem;transition:all .3s ease}.page-btn:hover:not(:disabled){background:#f0f0f0;transform:translateY(-1px)}.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){.statements-header-row{align-items:flex-start;flex-direction:column}.header-right-group{flex-wrap:wrap}.header-right-group,.header-summary-cards{justify-content:flex-start;width:100%}.filters-right{gap:12px}.filters-left-group,.filters-right{align-items:stretch;flex-direction:column}.filter-modal-btn-right,.filter-select,.filters-left-group,.update-selected-btn-left{width:100%}.statements-table{min-width:700px}}@media (max-width:768px){.header-left-group{align-items:flex-start;flex-direction:column;gap:1rem}.statements-header-title .header-icon{font-size:2rem}.statements-title{font-size:1.5rem}.header-summary-cards{align-items:stretch;flex-direction:column}.summary-card{max-width:100%}.status-filter-wrapper{width:100%}.statements-table td,.statements-table th{font-size:.75rem;padding:.6rem}.statements-table{min-width:600px}.status-badge{font-size:.65rem;padding:.15rem .5rem}.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-footer,.filter-modal-header{padding:16px 20px}.apply-filter-btn,.cancel-filter-btn,.reset-filter-btn{flex:1 1;text-align:center}}@media (max-width:480px){.statements-header-title .header-icon{font-size:1.8rem}.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}.status-badge{font-size:.6rem;padding:.12rem .4rem}.table-info{font-size:.7rem}.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,.status-filter-wrapper,.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}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #004aad;outline-offset:2px}::placeholder{color:#999;opacity:1;text-align:left}.page-btn:disabled,button:disabled{cursor:not-allowed;opacity:.6}.postings-main-container{background:#fff;margin-left:0;min-height:100vh;padding:0;width:100%}.postings-tabs{display:flex;gap:1rem;margin-bottom:2rem;padding-bottom:.5rem;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-size:1rem;font-weight:600;margin-bottom:17px;padding:.8rem 2rem;transition:all .3s ease}.postings-tab:hover{background:#004aad14}.postings-tab.active{background:#004aad1f;font-weight:700}.postings-page,.postings-tab-content{background:#fff}.postings-page{box-sizing:border-box;font-family:Arial,Helvetica,sans-serif;max-width:100%;min-height:100vh;padding:0;text-align:left;width:100%}.postings-page button:focus-visible,.postings-page input:focus-visible,.postings-page select:focus-visible,.postings-page textarea:focus-visible{outline:2px solid #004aad;outline-offset:2px}.postings-page button:disabled{cursor:not-allowed;opacity:.5}.postings-page .postings-header{align-items:center;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:2rem;padding:1rem 0;width:100%}.postings-page .postings-header-left{align-items:center;display:flex;flex-wrap:wrap;gap:14px}.postings-page .postings-header h1{align-items:center;color:#004aad;display:flex;font-size:1.75rem;font-weight:700;gap:10px;letter-spacing:-.02em;line-height:1.2;margin:0;padding:0;white-space:nowrap}.postings-page .postings-title-icon{color:#004aad;flex-shrink:0;font-size:1.5rem}.postings-page .postings-badge{align-items:center;align-self:center;background:#fff;border:1.5px solid #004aad;border-radius:50px;color:#004aad;display:inline-flex;font-size:.8rem;font-weight:600;gap:6px;height:fit-content;line-height:1.4;padding:4px 14px;white-space:nowrap}.postings-page .header-buttons{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:.8rem;justify-content:flex-end;min-width:0}.postings-page .search-wrapper{align-items:center;display:flex;flex:0 1 290px;max-width:290px;min-width:180px;position:relative}.postings-page .search-icon{color:#9aa5b1;font-size:.85rem;left:12px;pointer-events:none;position:absolute}.postings-page .search-input{background:#fff;border:1px solid #004aad;border-radius:4px;box-sizing:border-box;color:#333;font-family:inherit;font-size:.9rem;height:42px;padding:0 14px 0 2.5rem;width:100%}.postings-page .search-input:focus{border-color:#004aad;box-shadow:0 0 0 2px #004aad1a;outline:none}.postings-page .create-btn,.postings-page .filter-btn{align-items:center;border:1px solid #004aad;border-radius:4px;box-sizing:border-box;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.9rem;font-weight:500;gap:8px;height:42px;justify-content:center;line-height:1;padding:0 1.25rem;transition:background .2s ease;white-space:nowrap}.postings-page .filter-btn{background:#fff;color:#004aad}.postings-page .filter-btn:hover{background:#f0f4ff}.postings-page .create-btn{background:#004aad;color:#fff;text-transform:uppercase}.postings-page .create-btn:hover{background:#003380}.postings-page .create-dropdown{display:inline-block;position:relative}.postings-page .create-dropdown-menu{animation:postingsDrop .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 postingsDrop{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.postings-page .dropdown-item{color:#1e293b;cursor:pointer;font-size:.875rem;padding:10px 16px;transition:all .2s ease}.postings-page .dropdown-item:hover{background:#f8fafc;color:#004aad;padding-left:20px}.postings-page .table-info{color:#666;font-size:.85rem;margin-bottom:.75rem;padding:0 .25rem}.postings-page .table-container{background:#fff;border:1px solid #e5e5e5;border-radius:6px;box-sizing:border-box;margin-bottom:1.25rem;max-width:100%;overflow-x:auto;width:100%}.postings-page .postings-table{background:#fff;border-collapse:collapse;max-width:100%;min-width:900px;width:100%}.postings-page .postings-table thead{background:#004aad}.postings-page .postings-table th{border-right:1px solid #5a9bd5;color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:.85rem;font-weight:600;height:56px;letter-spacing:.5px;padding:1rem;text-align:center;text-transform:uppercase;vertical-align:middle}.postings-page .postings-table th:last-child{border-right:none}.postings-page .postings-table td{word-wrap:break-word;border-bottom:1px solid #f0f0f0;border-right:1px solid #f0f0f0;color:#333;font-size:.9rem;height:52px;overflow-wrap:break-word;padding:.8rem 1rem;text-align:center;vertical-align:middle}.postings-page .postings-table td:last-child{border-right:none}.postings-page .postings-table tbody tr:last-child td{border-bottom:none}.postings-page .postings-table tbody tr:hover{background:#fafafa}.postings-page .postings-table tr.selected{background:#004aad0d}.postings-page .postings-table input[type=checkbox]{accent-color:#004aad;cursor:pointer;height:18px;margin:0;vertical-align:middle;width:18px}.postings-page .amount-cell{color:#0f172a;font-weight:600}.postings-page .type-badge{border-radius:20px;display:inline-block;font-size:.75rem;font-weight:600;padding:4px 12px}.postings-page .type-badge.payment{background:#d4edda;color:#28a745}.postings-page .type-badge.invoice{background:#e0f2fe;color:#0369a1}.postings-page .type-badge.refund{background:#fee2e2;color:#dc2626}.postings-page .action-cell{align-items:center;display:flex;gap:6px;justify-content:center}.postings-page .delete-btn,.postings-page .edit-btn,.postings-page .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}.postings-page .view-btn{background:#eef2ff;color:#004aad}.postings-page .view-btn:hover{background:#004aad;color:#fff;transform:translateY(-2px)}.postings-page .edit-btn{background:#d3e9fd;color:#0e4285}.postings-page .edit-btn:hover{background:#087dea;color:#fff;transform:translateY(-2px)}.postings-page .delete-btn{background:#fee2e2;color:#dc2626}.postings-page .delete-btn:hover{background:#dc2626;color:#fff;transform:translateY(-2px)}.postings-page .postings-empty{align-items:center;color:#777;display:flex;flex-direction:column;font-size:.95rem;padding:90px 20px}.postings-page .postings-empty-icon{color:#c4c9cf;font-size:2.6rem;margin-bottom:22px}.postings-page .postings-empty p{margin:0}.postings-page .pagination-section{align-items:center;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:12px 0;width:100%}.postings-page .rows-per-page{align-items:center;color:#64748b;display:flex;font-size:.875rem;gap:8px}.postings-page .rows-per-page select{background:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;font-family:inherit;font-size:.875rem;padding:6px 10px}.postings-page .pagination-info{color:#64748b;font-size:.875rem}.postings-page .pagination-controls{align-items:center;display:flex;gap:12px}.postings-page .page-btn{align-items:center;background:#fff;border:1px solid #004aad;border-radius:4px;color:#004aad;cursor:pointer;display:inline-flex;font-size:.875rem;gap:6px;padding:6px 16px;transition:all .2s ease}.postings-page .page-btn:hover:not(:disabled){background:#eef3ff;transform:translateY(-1px)}.postings-page .current-page{color:#1e293b;font-size:.875rem;font-weight:500;min-width:32px;text-align:center}.postings-page .filter-modal-overlay{align-items:center;animation:postingsFade .2s ease;background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}@keyframes postingsFade{0%{opacity:0}to{opacity:1}}.postings-page .credit-modal,.postings-page .filter-modal,.postings-page .invoice-modal,.postings-page .payment-modal{animation:postingsUp .3s ease;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0003;max-height:92vh;max-width:600px;overflow-y:auto;width:90%}@keyframes postingsUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.postings-page .credit-modal-header,.postings-page .filter-modal-header,.postings-page .invoice-modal-header,.postings-page .payment-modal-header{align-items:center;border-bottom:1px solid #eef2f6;display:flex;justify-content:space-between;padding:20px 24px}.postings-page .credit-modal-header h2,.postings-page .filter-modal-header h2,.postings-page .invoice-modal-header h2,.postings-page .payment-modal-header h2{color:#fff;font-size:1.25rem;font-weight:600;margin:0}.postings-page .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}.postings-page .close-modal-btn:hover{background:#f1f5f9;color:#1e293b;transform:rotate(90deg)}.postings-page .filter-modal-content{display:flex;flex-direction:column;gap:20px;padding:24px}.postings-page .credit-modal-content,.postings-page .invoice-modal-content,.postings-page .payment-modal-content{padding:24px}.postings-page .credit-modal-content h3,.postings-page .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}.postings-page .credit-field,.postings-page .filter-field,.postings-page .invoice-field,.postings-page .payment-field{display:flex;flex-direction:column;gap:8px}.postings-page .credit-field,.postings-page .invoice-field,.postings-page .payment-field{margin-bottom:20px}.postings-page .credit-field label,.postings-page .filter-field label,.postings-page .invoice-field label,.postings-page .payment-field label{color:#64748b;font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.postings-page .credit-field input,.postings-page .credit-field select,.postings-page .credit-field textarea,.postings-page .filter-field input,.postings-page .filter-field select,.postings-page .invoice-field input,.postings-page .invoice-field select,.postings-page .invoice-field textarea,.postings-page .payment-field input,.postings-page .payment-field select{background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-sizing:border-box;color:#334155;font-family:inherit;font-size:.875rem;padding:10px 12px;transition:all .2s ease;width:100%}.postings-page .credit-field input:hover,.postings-page .credit-field select:hover,.postings-page .credit-field textarea:hover,.postings-page .filter-field input:hover,.postings-page .filter-field select:hover,.postings-page .invoice-field input:hover,.postings-page .invoice-field select:hover,.postings-page .invoice-field textarea:hover,.postings-page .payment-field input:hover,.postings-page .payment-field select:hover{border-color:#cbd5e1}.postings-page .credit-field input:focus,.postings-page .credit-field select:focus,.postings-page .credit-field textarea:focus,.postings-page .filter-field input:focus,.postings-page .filter-field select:focus,.postings-page .invoice-field input:focus,.postings-page .invoice-field select:focus,.postings-page .invoice-field textarea:focus,.postings-page .payment-field input:focus,.postings-page .payment-field select:focus{border-color:#004aad;box-shadow:0 0 0 3px #004aad1a;outline:none}.postings-page .credit-field textarea,.postings-page .invoice-field textarea{min-height:80px;resize:vertical}.postings-page .note-hint{color:#64748b;font-size:.7rem;font-style:italic;margin-top:4px}.postings-page .credit-totals,.postings-page .invoice-totals{border-top:1px solid #eef2f6;margin-top:24px;padding-top:16px}.postings-page .total-row{align-items:center;display:flex;justify-content:space-between;padding:8px 0}.postings-page .total-label{color:#64748b;font-size:.875rem;font-weight:500}.postings-page .total-value{color:#1e293b;font-size:.875rem;font-weight:600}.postings-page .grand-total{border-top:1px solid #eef2f6;margin-top:8px;padding-top:8px}.postings-page .grand-total .total-label,.postings-page .grand-total .total-value{color:#004aad;font-size:1rem;font-weight:700}.postings-page .credit-modal-footer,.postings-page .filter-modal-footer,.postings-page .invoice-modal-footer,.postings-page .payment-modal-footer{border-top:1px solid #eef2f6;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.postings-page .apply-filter-btn,.postings-page .cancel-credit-btn,.postings-page .cancel-filter-btn,.postings-page .cancel-invoice-btn,.postings-page .cancel-payment-btn,.postings-page .save-credit-btn,.postings-page .save-invoice-btn,.postings-page .save-payment-btn{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;font-family:inherit;font-size:.875rem;font-weight:500;padding:8px 20px;transition:all .2s ease}.postings-page .cancel-credit-btn:hover,.postings-page .cancel-filter-btn:hover,.postings-page .cancel-invoice-btn:hover,.postings-page .cancel-payment-btn:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px)}.postings-page .apply-filter-btn,.postings-page .save-credit-btn,.postings-page .save-invoice-btn,.postings-page .save-payment-btn{background:#004aad;border-color:#004aad;color:#fff}.postings-page .apply-filter-btn:hover,.postings-page .save-credit-btn:hover,.postings-page .save-invoice-btn:hover,.postings-page .save-payment-btn:hover{background:#003e94;transform:translateY(-1px)}@media (max-width:900px){.postings-main-container{margin-left:0;padding:0;width:100%}.postings-page .header-buttons,.postings-page .postings-header{align-items:stretch;flex-direction:column}.postings-page .header-buttons{justify-content:stretch}.postings-page .search-input,.postings-page .search-wrapper{flex:none;max-width:100%;width:100%}.postings-page .create-btn,.postings-page .create-dropdown,.postings-page .filter-btn{width:100%}.postings-page .create-dropdown-menu{left:0;right:auto;width:100%}}@media (max-width:768px){.postings-tabs{flex-direction:column;gap:.5rem}.postings-tab{padding:.8rem 1rem;text-align:left;width:100%}.postings-page .postings-header h1{font-size:1.4rem}.postings-page .pagination-section{align-items:center;flex-direction:column}.postings-page .postings-table td,.postings-page .postings-table th{font-size:.8rem;padding:10px 8px}.postings-page .credit-modal,.postings-page .filter-modal,.postings-page .invoice-modal,.postings-page .payment-modal{width:95%}.postings-page .credit-modal-content,.postings-page .filter-modal-content,.postings-page .invoice-modal-content,.postings-page .payment-modal-content{padding:20px}.postings-page .credit-modal-footer,.postings-page .credit-modal-header,.postings-page .filter-modal-footer,.postings-page .filter-modal-header,.postings-page .invoice-modal-footer,.postings-page .invoice-modal-header,.postings-page .payment-modal-footer,.postings-page .payment-modal-header{padding:14px 20px}}@media (max-width:480px){.postings-page .postings-header h1,.postings-page .postings-title-icon{font-size:1.2rem}.postings-page .postings-table td,.postings-page .postings-table th{font-size:.72rem;padding:8px 6px}.postings-page .postings-empty{padding:60px 16px}.postings-page .type-badge{font-size:.65rem;padding:2px 8px}.postings-page .delete-btn,.postings-page .edit-btn,.postings-page .view-btn{font-size:.8rem;height:26px;width:26px}}@media print{.postings-page .action-cell,.postings-page .filter-modal-overlay,.postings-page .header-buttons,.postings-page .pagination-section{display:none}}.postings-page .table-container::-webkit-scrollbar{height:8px}.postings-page .table-container::-webkit-scrollbar-thumb{background:#004aad;border-radius:4px}.inactive-customers-page{background:#fff;box-sizing:border-box;margin:0;max-width:100%;min-height:100vh;padding:0;text-align:left;width:100%}.inactive-customers-header-section{align-items:center!important;background:#fff;border:none!important;border-radius:0!important;box-sizing:border-box;display:flex!important;flex-direction:row!important;flex-wrap:nowrap;gap:1rem;justify-content:space-between!important;margin-bottom:1.5rem;padding:.75rem 0;width:100%}.inactive-customers-header-left{align-items:center;display:flex;flex-shrink:0;gap:.75rem}.inactive-customers-header-icon{align-items:center;color:#004aad;display:inline-flex;flex-shrink:0;font-size:1.5rem;justify-content:center;line-height:1}.inactive-customers-header-title{color:#004aad;font-family:Arial,Helvetica,sans-serif;font-size:1.5rem;font-weight:700;line-height:1.2;margin:0;padding:0;white-space:nowrap}.inactive-customers-header-right{align-items:center;display:flex;flex:1 1;gap:.6rem;justify-content:flex-end;min-width:0}.inactive-customers-header-right .search-wrapper{flex:1 1 240px;max-width:280px;min-width:180px;position:relative}.inactive-customers-header-right .search-icon{color:#999;font-size:.85rem;left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.inactive-customers-header-right .search-input{background:#fff;border:1px solid #004aad!important;border-radius:4px!important;box-sizing:border-box;color:#333;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;height:40px;padding:0 1rem 0 2.4rem;transition:all .2s ease;width:100%}.inactive-customers-header-right .search-input::placeholder{color:#aaa}.inactive-customers-header-right .search-input:focus{border-color:#004aad!important;box-shadow:0 0 0 2px #004aad1a;outline:none}.inactive-customers-header-right .select-all-btn{align-items:center;background:#fff;border:1px solid #004aad!important;border-radius:4px;box-sizing:border-box;color:#004aad;cursor:pointer;display:inline-flex;flex-shrink:0;font-family:Arial,Helvetica,sans-serif;font-size:.85rem;font-weight:600;gap:.4rem;height:40px;justify-content:center;padding:0 1rem;transition:all .2s ease;white-space:nowrap}.inactive-customers-header-right .select-all-btn:hover{background:#fff;color:#004aad}.inactive-customers-table-container{background:#fff;border:1px solid #e0e0e0!important;border-radius:0!important;border-top:none!important;box-sizing:border-box;margin:0 0 1.5rem;max-width:100%;overflow:hidden;width:100%}.inactive-customers-table-wrapper{max-width:100%;overflow-x:auto;width:100%}.inactive-customers-table{background:#fff;border-collapse:collapse;max-width:100%;width:100%}.inactive-customers-table thead{background:#004aad}.inactive-customers-table th{background:#004aad;color:#fff;font-size:.8rem;font-weight:700;letter-spacing:.5px;padding:.9rem 1rem;text-transform:uppercase}.inactive-customers-table td,.inactive-customers-table th{border:none!important;font-family:Arial,Helvetica,sans-serif;text-align:left;vertical-align:middle}.inactive-customers-table td{word-wrap:break-word;background:#fff;border-bottom:1px solid #e8e8e8!important;color:#333;font-size:.9rem;overflow-wrap:break-word;padding:.85rem 1rem}.inactive-customers-table tbody tr:last-child td{border-bottom:none!important}.inactive-customers-table tbody tr:hover td{background:#fafafa}.inactive-customers-table tbody tr.selected td{background:#004aad0d}.inactive-customers-table input[type=checkbox]{accent-color:#004aad;cursor:pointer;height:16px;width:16px}.inactive-customers-table td:first-child,.inactive-customers-table th:first-child{max-width:50px;min-width:50px;text-align:center;width:50px}.inactive-customers-table td:nth-child(2),.inactive-customers-table th:nth-child(2){text-align:left;width:20%}.inactive-customers-table td:nth-child(3),.inactive-customers-table th:nth-child(3){text-align:left;width:22%}.inactive-customers-table td:nth-child(4),.inactive-customers-table th:nth-child(4){text-align:left;width:15%}.inactive-customers-table td:nth-child(5),.inactive-customers-table th:nth-child(5){text-align:left;width:12%}.inactive-customers-table td:nth-child(6),.inactive-customers-table th:nth-child(6){text-align:center;width:12%}.inactive-customers-table td:last-child,.inactive-customers-table th:last-child{max-width:120px;min-width:120px;text-align:center!important;width:120px}.modal-body .form-group{margin-bottom:1rem}.modal-body .form-group label{color:#333;display:block;font-size:.85rem;font-weight:600;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.form-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%}.form-input:focus{border-color:#004aad;box-shadow:0 0 0 2px #004aad1a;outline:none}.btn-cancel:hover:not(:disabled){background:#f5f5f5}.btn-save:hover:not(:disabled){background:#003380}.inactive-error-container{align-items:center;background:#fff;border:1px solid #eef2f6;border-radius:8px;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:40px}.inactive-error-container h2{color:#dc2626}.inactive-error-container p{color:#64748b;margin-bottom:20px;max-width:500px;text-align:center}.inactive-retry-btn{background-color:#004aad;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:10px 24px;transition:all .2s}.inactive-retry-btn:hover{background-color:#003380;transform:translateY(-1px)}@media (max-width:1024px){.inactive-customers-table td,.inactive-customers-table th{font-size:.8rem;padding:.6rem}}@media (max-width:900px){.inactive-customers-header-section{flex-wrap:wrap!important}.inactive-customers-header-right{flex-wrap:wrap;justify-content:flex-start;width:100%}.inactive-customers-header-right .search-wrapper{flex:1 1 100%;max-width:100%}}@media (max-width:768px){.inactive-customers-header-section{align-items:stretch!important;flex-direction:column!important;gap:.75rem}.inactive-customers-header-left{justify-content:flex-start}.inactive-customers-header-title{font-size:1.25rem}.inactive-customers-header-right{align-items:stretch;flex-direction:column;gap:.5rem}.city-dropdown-wrapper,.inactive-customers-header-right .search-wrapper,.inactive-customers-header-right .select-all-btn{max-width:100%;width:100%}.inactive-customers-table td,.inactive-customers-table th{font-size:.8rem;padding:.6rem}.inactive-customers-table th{font-size:.7rem}.pagination-wrapper{gap:10px;padding:12px 16px}}@media (max-width:480px){.inactive-customers-header-title{font-size:1.3rem}.inactive-customers-table td,.inactive-customers-table th{font-size:.7rem;padding:.4rem}}.staff-members{margin:0;max-width:100%;min-height:100vh;padding:0;text-align:left}.staff-header-section,.staff-members{background:#fff;box-sizing:border-box;width:100%}.staff-header-section{align-items:center!important;border:none!important;border-radius:0!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap;gap:1rem;justify-content:space-between!important;margin-bottom:1.5rem;padding:.75rem 0}.staff-header-left{align-items:center;display:flex;flex-shrink:0;gap:.75rem}.staff-header-icon{align-items:center;color:#004aad;display:inline-flex;flex-shrink:0;font-size:1.5rem;justify-content:center;line-height:1}.staff-header-title{color:#004aad;font-family:Arial,Helvetica,sans-serif;font-size:1.5rem;font-weight:700;line-height:1.2;margin:0;padding:0;white-space:nowrap}.staff-header-right{align-items:center;display:flex;flex:1 1;gap:.6rem;justify-content:flex-end;min-width:0}.staff-header-right .search-wrapper{flex:1 1 240px;max-width:280px;min-width:180px;position:relative}.staff-header-right .search-icon{color:#999;font-size:.85rem;left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.staff-header-right .search-input{background:#fff;border:1px solid #004aad!important;border-radius:4px!important;box-sizing:border-box;color:#333;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;height:40px;padding:0 1rem 0 2.4rem;transition:all .2s ease;width:100%}.staff-header-right .search-input::placeholder{color:#aaa}.staff-header-right .search-input:focus{border-color:#004aad!important;box-shadow:0 0 0 2px #004aad1a;outline:none}.staff-header-right .add-staff-btn,.staff-header-right .select-all-btn{align-items:center;border-radius:4px;box-sizing:border-box;cursor:pointer;display:inline-flex;flex-shrink:0;font-family:Arial,Helvetica,sans-serif;font-size:.85rem;font-weight:600;gap:.4rem;height:40px;justify-content:center;padding:0 1rem;transition:all .2s ease;white-space:nowrap}.staff-header-right .select-all-btn{background:#fff;border:1px solid #004aad!important;color:#004aad}.staff-header-right .select-all-btn:hover{background:#fff;color:#004aad}.staff-header-right .add-staff-btn{background:#004aad!important;border:none!important;color:#fff!important}.staff-header-right .add-staff-btn:hover{background:#004aad!important}.staff-table-container{background:#fff;border:1px solid #e0e0e0!important;border-radius:0!important;border-top:none!important;box-sizing:border-box;margin:0;max-width:100%;overflow:hidden;width:100%}.staff-table-wrapper{max-width:100%;overflow-x:auto;width:100%}.staff-table{background:#fff;border-collapse:collapse;max-width:100%;width:100%}.staff-table thead{background:#004aad}.staff-table th{background:#004aad;color:#fff;font-size:.8rem;font-weight:700;letter-spacing:.5px;padding:.9rem 1rem;text-transform:uppercase}.staff-table td,.staff-table th{border:none!important;font-family:Arial,Helvetica,sans-serif;text-align:left;vertical-align:middle}.staff-table td{word-wrap:break-word;background:#fff;border-bottom:1px solid #e8e8e8!important;color:#333;font-size:.9rem;overflow-wrap:break-word;padding:.85rem 1rem}.staff-table tbody tr:last-child td{border-bottom:none!important}.staff-table tbody tr:hover td{background:#fafafa}.staff-table td:first-child,.staff-table th:first-child{min-width:60px;text-align:center;width:60px}.staff-table td:nth-child(2),.staff-table th:nth-child(2){text-align:left;width:18%}.staff-table td:nth-child(3),.staff-table th:nth-child(3){text-align:left;width:20%}.staff-table td:nth-child(4),.staff-table th:nth-child(4){text-align:left;width:15%}.staff-table td:nth-child(5),.staff-table td:nth-child(6),.staff-table th:nth-child(5),.staff-table th:nth-child(6){text-align:left;width:12%}.staff-table td:nth-child(7),.staff-table th:nth-child(7){text-align:center;width:12%}.staff-table td:last-child,.staff-table th:last-child{max-width:120px;min-width:120px;text-align:center!important;width:120px}.staff-name{color:#333;display:inline;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;font-weight:400}.user-type-badge{box-shadow:none!important;display:inline!important;font-family:Arial,Helvetica,sans-serif!important;font-size:.9rem!important;font-weight:400!important;margin:0!important;text-transform:none!important}.user-type-badge,.user-type-badge.admin,.user-type-badge.default,.user-type-badge.deliver_boy,.user-type-badge.staff,.user-type-badge.super_admin{background:#0000!important;border:none!important;border-radius:0!important;color:#333!important;padding:0!important}.edit-staff-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#004aad;cursor:pointer;display:inline-flex;font-size:1.05rem;justify-content:center;padding:.35rem .5rem;transition:all .2s}.edit-staff-btn:hover{background:#004aad1a;transform:scale(1.05)}.delete-staff-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#dc3545!important;cursor:pointer;display:inline-flex!important;font-size:1.05rem;justify-content:center;padding:.35rem .5rem;transition:all .2s}.delete-staff-btn:hover{background:#dc35451a;color:#dc3545!important;transform:scale(1.05)}.no-data-cell{color:#666;padding:50px 20px!important}.no-data-cell p{margin:5px 0}.pagination-controls{align-items:center;background:#fff;box-sizing:border-box;display:flex;justify-content:space-between;margin-top:1rem;padding:18px 0}.rows-per-page{color:#666;font-size:14px;gap:10px}.rows-per-page select{background:#fff;border:1px solid #e0e0e0;cursor:pointer;font-size:13px;padding:6px 10px;transition:all .2s}.rows-per-page select:hover{border-color:#004aad}.pagination{gap:12px}.pagination span{color:#666;font-size:14px}.pagination button{align-items:center;background:#fff;border:1px solid #e0e0e0;color:#666;display:inline-flex;font-size:13px;gap:6px;justify-content:center;padding:6px 14px;transition:all .2s}.pagination button:hover:not(:disabled){background:#004aad;border-color:#004aad;color:#fff}.pagination button:disabled{opacity:.5}.current-page{font-size:14px;font-weight:500;margin:0 10px}@media (max-width:900px){.staff-header-section{flex-wrap:wrap!important}.staff-header-right{flex-wrap:wrap;justify-content:flex-start;width:100%}.staff-header-right .search-wrapper{flex:1 1 100%;max-width:100%}}@media (max-width:768px){.staff-header-section{align-items:stretch!important;flex-direction:column!important;gap:.75rem}.staff-header-left{justify-content:flex-start}.staff-header-title{font-size:1.25rem}.staff-header-right{align-items:stretch;flex-direction:column;gap:.5rem}.city-dropdown-wrapper,.staff-header-right .add-staff-btn,.staff-header-right .search-wrapper,.staff-header-right .select-all-btn{max-width:100%;width:100%}.staff-table td,.staff-table th{font-size:.8rem;padding:.6rem}.staff-table th{font-size:.7rem}.pagination-controls{flex-direction:column;gap:15px}.pagination{flex-wrap:wrap;justify-content:center}}@media (max-width:480px){.staff-header-title{font-size:1.3rem}.staff-table td,.staff-table th{font-size:.7rem;padding:.4rem}}.brands-main-container{background:#0000!important;box-sizing:border-box;margin:0;max-width:100%;padding:0 3px;width:100%}.brands-action-section{align-items:center!important;background:#0000!important;border:none!important;border-radius:0!important;box-sizing:border-box!important;display:flex!important;flex-wrap:nowrap!important;gap:1rem!important;justify-content:space-between!important;margin:20px 0 24px!important;padding:0!important;width:100%!important}.brands-heading{flex-shrink:0}.brands-heading h2{align-items:center;color:#004aad;display:flex;font-family:Arial,Helvetica,sans-serif;font-size:1.5rem;font-weight:700;gap:10px;margin:0;white-space:nowrap}.brands-heading-icon{color:#004aad;flex-shrink:0;font-size:1.5rem}.brands-action-right{align-items:center;display:flex;flex-shrink:0;gap:.8rem}.brands-search-wrapper{flex:0 0 auto;max-width:280px;min-width:280px;position:relative;width:280px}.brands-search-icon{color:#9ca3af;font-size:14px;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.brands-search-input{background:#fff;border:1px solid #d1d5db;border-radius:4px;box-sizing:border-box;color:#333;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;height:38px;padding:0 12px 0 36px;width:100%}.brands-search-input:focus{border-color:#004aad;box-shadow:0 0 0 2px #004aad1a;outline:none}.brands-search-input::placeholder{color:#9ca3af}.brands-action-buttons{display:flex;flex-shrink:0;gap:10px}.brands-action-section .brands-select-all-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:4px;box-sizing:border-box;color:#333;cursor:pointer;display:inline-flex;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;font-weight:500;gap:6px;height:38px;justify-content:center;line-height:1;padding:0 16px;transition:all .2s ease;white-space:nowrap}.brands-action-section .brands-select-all-btn:hover{background:#f9fafb;border-color:#9ca3af}.brands-action-section .brands-select-all-btn svg{color:#004aad;flex-shrink:0;font-size:.9rem}.brands-action-section .brands-add-btn{align-items:center;background:#004aad;border:1px solid #004aad;border-radius:4px;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-flex;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;font-weight:500;gap:6px;height:38px;justify-content:center;line-height:1;padding:0 16px;transition:all .2s ease;white-space:nowrap}.brands-action-section .brands-add-btn:hover{background:#003380;border-color:#003380}.brands-action-section .brands-add-btn svg{flex-shrink:0;font-size:.9rem}.brands-table-container{background:#fff;border:1px solid #e5e7eb!important;border-radius:6px;box-sizing:border-box;margin-bottom:1.5rem;overflow:hidden;width:100%}.brands-table-wrapper{overflow-x:auto;width:100%}.brands-table{background:#fff;border-collapse:collapse;min-width:600px;width:100%}.brands-table th,.brands-table thead{background:#004aad}.brands-table th{border:none;border-right:1px solid #5a9bd5;color:#fff!important;font-family:Arial,Helvetica,sans-serif;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:14px 16px;text-align:left;text-transform:uppercase;vertical-align:middle;white-space:nowrap}.brands-table th:last-child{border-right:none}.brands-table th:first-child{border-top-left-radius:6px}.brands-table th:last-child{border-top-right-radius:6px}.brands-table td{border:none;border-bottom:1px solid #e5e7eb;border-right:1px solid #f0f0f0;color:#333;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;padding:14px 16px;text-align:left;vertical-align:middle}.brands-table td:last-child{border-right:none}.brands-table tbody tr:last-child td{border-bottom:none}.brands-table tbody tr:hover{background:#f9fafb}.brands-table tbody tr.brands-selected-row{background:#f0f7ff}.brands-table input[type=checkbox]{accent-color:#004aad;cursor:pointer;display:block;height:16px;margin:0 auto;width:16px}.brands-table td:first-child,.brands-table th:first-child{text-align:center;width:50px}.brands-name,.brands-name-cell{font-weight:500}.brands-name{color:#004aad;font-size:.9rem}.brands-company-cell{color:#333}.brands-company-text{color:#333;font-size:.9rem;font-weight:500}.brands-shop-cell{color:#333}.brands-shop-badge{background:#0000!important;border:none!important;color:#333!important;display:inline;font-size:.9rem;font-weight:500}.brands-actions-cell{text-align:center;white-space:nowrap}.brands-delete-btn,.brands-edit-btn{align-items:center;background:#0000;border:none;border-radius:4px;cursor:pointer;display:inline-flex;font-size:15px;justify-content:center;margin:0 2px;padding:6px 8px;transition:all .2s ease}.brands-edit-btn{color:#004aad}.brands-edit-btn:hover{background:#004aad14;transform:scale(1.1)}.brands-delete-btn{color:#dc3545!important}.brands-delete-btn:hover{background:#dc354514!important;transform:scale(1.1)}.brands-no-data-row{padding:60px 20px;text-align:center}.brands-no-data{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center}.brands-no-data-icon{color:#d1d5db;font-size:2.5rem;margin-bottom:8px}.brands-no-data p{color:#6b7280;font-size:.9rem;margin:0 0 16px}.brands-add-first-btn{align-items:center;background:#004aad;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:500;gap:6px;justify-content:center;padding:8px 16px}.brands-add-first-btn:hover{background:#003380}.brands-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.brands-modal-content{background:#fff;border-radius:8px;box-shadow:0 4px 20px #0003;max-height:90vh;max-width:550px;overflow-y:auto;width:90%}.brands-modal-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.brands-modal-header h3{color:#004aad;font-size:1.15rem;font-weight:600;margin:0}.brands-modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;font-size:1.5rem;height:30px;justify-content:center;width:30px}.brands-modal-close:hover{background:#e5e7eb;color:#333}.brands-modal-body{padding:24px}.brands-form-row{display:flex;flex-direction:column;gap:6px;margin-bottom:1rem}.brands-form-label{color:#333;font-size:.8rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.brands-input,.brands-shop-select-dropdown{background:#fff;border:1px solid #d1d5db;border-radius:4px;box-sizing:border-box;font-size:.9rem;padding:10px 12px;width:100%}.brands-input:focus,.brands-shop-select-dropdown:focus{border-color:#004aad;box-shadow:0 0 0 2px #004aad1a;outline:none}.brands-input-wrapper{align-items:center;display:flex;position:relative}.brands-dropdown-toggle-btn{align-items:center;background:#0000;border:none;color:#9ca3af;cursor:pointer;display:flex;height:20px;justify-content:center;padding:0;position:absolute;right:10px;width:20px;z-index:5}.brands-dropdown-toggle-btn:hover{color:#004aad}.brands-dropdown-arrow{font-size:.8rem;transition:transform .3s ease}.brands-rotated{transform:rotate(180deg)}.brands-clear-company-btn{align-items:center;background:#0000;border:none;color:#9ca3af;cursor:pointer;display:flex;font-size:1rem;height:18px;justify-content:center;padding:0;position:absolute;right:35px;width:18px;z-index:5}.brands-clear-company-btn:hover{color:#dc3545}.brands-modal-footer{background:#fff;border-top:1px solid #e5e7eb;display:flex;gap:10px;justify-content:flex-end;padding:16px 24px}.brands-btn-cancel,.brands-btn-delete,.brands-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:10px 20px}.brands-btn-cancel{background:#fff;border:1px solid #e5e7eb;color:#6b7280}.brands-btn-cancel:hover{background:#fff;border-color:#d1d5db;color:#333}.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-info-display{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:4px;display:flex;gap:10px;padding:10px 12px}.brands-shop-display-name,.brands-shop-display-under{color:#004aad;font-weight:500}.brands-shop-display-under{font-size:.8rem;margin-top:4px}.brands-company-dropdown-outside{background:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 4px 12px #0000001a;overflow:hidden;z-index:10001}.brands-company-dropdown-list{max-height:250px;overflow-y:auto}.brands-company-dropdown-item{align-items:center;background:#fff;border:none;border-bottom:1px solid #f0f0f0;color:#333;cursor:pointer;display:flex;font-size:.85rem;gap:10px;padding:10px 14px;text-align:left;width:100%}.brands-company-dropdown-item:last-child{border-bottom:none}.brands-company-dropdown-item:hover{background:#f0f7ff}.brands-company-shop-tag{color:#9ca3af;font-size:.75rem;margin-left:5px}.brands-no-companies-message{color:#9ca3af;font-size:.85rem;padding:16px;text-align:center}@media (max-width:992px){.brands-action-section{align-items:stretch!important;flex-direction:column!important;gap:12px!important}.brands-heading{text-align:center;width:100%}.brands-heading h2{justify-content:center}.brands-action-right{flex-direction:column;gap:10px;width:100%}.brands-search-wrapper{max-width:100%;min-width:100%;width:100%}.brands-action-buttons{width:100%}.brands-action-section .brands-add-btn,.brands-action-section .brands-select-all-btn{flex:1 1;justify-content:center}}@media (max-width:480px){.brands-main-container{padding:0 12px}.brands-heading h2{font-size:1.2rem}.brands-table td,.brands-table th{font-size:.8rem;padding:10px 8px}}.types-main-container{background:#0000!important;box-sizing:border-box;margin:0;max-width:100%;padding:0 5px;width:100%}.types-action-section{align-items:center!important;background:#0000!important;border:none!important;border-radius:0!important;box-sizing:border-box!important;display:flex!important;flex-wrap:nowrap!important;gap:1rem!important;justify-content:space-between!important;margin:20px 0 24px!important;padding:0!important;width:100%!important}.types-heading{flex-shrink:0}.types-heading h2{align-items:center;color:#004aad;display:flex;font-family:Arial,Helvetica,sans-serif;font-size:1.5rem;font-weight:700;gap:10px;margin:0;white-space:nowrap}.types-heading-icon{color:#004aad;flex-shrink:0;font-size:1.5rem}.types-action-right{align-items:center;display:flex;flex-shrink:0;gap:.8rem}.types-search-wrapper{flex:0 0 auto;max-width:280px;min-width:280px;position:relative;width:280px}.types-search-icon{color:#9ca3af;font-size:14px;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.types-search-input{background:#fff;border:1px solid #d1d5db;border-radius:4px;box-sizing:border-box;color:#333;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;height:38px;padding:0 12px 0 36px;width:100%}.types-search-input:focus{border-color:#004aad;box-shadow:0 0 0 2px #004aad1a;outline:none}.types-search-input::placeholder{color:#9ca3af}.types-action-buttons{display:flex;flex-shrink:0;gap:10px}.types-action-section .types-select-all-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:4px;box-sizing:border-box;color:#333;cursor:pointer;display:inline-flex;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;font-weight:500;gap:6px;height:38px;justify-content:center;line-height:1;padding:0 16px;transition:all .2s ease;white-space:nowrap}.types-action-section .types-select-all-btn:hover{background:#f9fafb;border-color:#9ca3af}.types-action-section .types-select-all-btn svg{color:#004aad;flex-shrink:0;font-size:.9rem}.types-action-section .types-add-btn{align-items:center;background:#004aad;border:1px solid #004aad;border-radius:4px;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-flex;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;font-weight:500;gap:6px;height:38px;justify-content:center;line-height:1;padding:0 16px;transition:all .2s ease;white-space:nowrap}.types-action-section .types-add-btn:hover{background:#003380;border-color:#003380}.types-action-section .types-add-btn svg{flex-shrink:0;font-size:.9rem}.types-table-container{background:#fff;border:1px solid #e5e7eb!important;border-radius:6px;box-sizing:border-box;margin-bottom:1.5rem;overflow:hidden;width:100%}.types-table-wrapper{overflow-x:auto;width:100%}.types-table{background:#fff;border-collapse:collapse;min-width:700px;width:100%}.types-table th,.types-table thead{background:#004aad}.types-table th{border:none;border-right:1px solid #5a9bd5;color:#fff!important;font-family:Arial,Helvetica,sans-serif;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:14px 16px;text-align:left;text-transform:uppercase;vertical-align:middle;white-space:nowrap}.types-table th:last-child{border-right:none}.types-table th:first-child{border-top-left-radius:6px}.types-table th:last-child{border-top-right-radius:6px}.types-table td{border:none;border-bottom:1px solid #e5e7eb;border-right:1px solid #f0f0f0;color:#333;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;padding:14px 16px;text-align:left;vertical-align:middle}.types-table td:last-child{border-right:none}.types-table tbody tr:last-child td{border-bottom:none}.types-table tbody tr:hover{background:#f9fafb}.types-table tbody tr.types-selected-row{background:#f0f7ff}.types-table input[type=checkbox]{accent-color:#004aad;cursor:pointer;display:block;height:16px;margin:0 auto;width:16px}.types-table td:first-child,.types-table th:first-child{text-align:center;width:50px}.types-name,.types-name-cell{font-weight:500}.types-name{color:#004aad;font-size:.9rem}.types-category-cell{color:#333}.types-category-badge{background:#0000!important;border:none!important;color:#333!important;display:inline;font-size:.9rem;font-weight:500}.types-shop-cell{color:#333}.types-shop-badge{background:#0000!important;border:none!important;color:#333!important;display:inline;font-size:.9rem;font-weight:500}.types-actions-cell{text-align:center;white-space:nowrap}.types-delete-btn,.types-edit-btn{align-items:center;background:#0000;border:none;border-radius:4px;cursor:pointer;display:inline-flex;font-size:15px;justify-content:center;margin:0 2px;padding:6px 8px;transition:all .2s ease}.types-edit-btn{color:#004aad}.types-edit-btn:hover{background:#004aad14;transform:scale(1.1)}.types-delete-btn{color:#dc3545!important}.types-delete-btn:hover{background:#dc354514!important;transform:scale(1.1)}.types-no-data-row{padding:60px 20px;text-align:center}.types-no-data{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center}.types-no-data-icon{color:#d1d5db;font-size:2.5rem;margin-bottom:8px}.types-no-data p{color:#6b7280;font-size:.9rem;margin:0 0 16px}.types-add-first-btn{align-items:center;background:#004aad;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:500;gap:6px;justify-content:center;padding:8px 16px}.types-add-first-btn:hover{background:#003380}.types-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.types-modal-content{background:#fff;border-radius:8px;box-shadow:0 4px 20px #0003;max-height:90vh;max-width:550px;overflow-y:auto;width:90%}.types-modal-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.types-modal-header h3{color:#004aad;font-size:1.15rem;font-weight:600;margin:0}.types-modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;font-size:1.5rem;height:30px;justify-content:center;width:30px}.types-modal-close:hover{background:#e5e7eb;color:#333}.types-modal-body{padding:24px}.types-modal-footer{background:#fff;border-top:1px solid #e5e7eb;display:flex;gap:10px;justify-content:flex-end;padding:16px 24px}.types-form{gap:1.25rem}.types-form,.types-form-row{display:flex;flex-direction:column}.types-form-row{gap:6px}.types-form-label{align-items:center;color:#333;display:flex;font-size:.8rem;font-weight:600;gap:6px;letter-spacing:.5px;text-align:left;text-transform:uppercase}.types-form-icon{color:#004aad;font-size:.9rem}.types-city-select-dropdown,.types-input,.types-shop-select-dropdown{background:#fff;border:1px solid #d1d5db;border-radius:4px;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;padding:10px 12px;width:100%}.types-city-select-dropdown:focus,.types-input:focus,.types-shop-select-dropdown:focus{border-color:#004aad;box-shadow:0 0 0 2px #004aad1a;outline:none}.types-btn-cancel,.types-btn-delete,.types-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:10px 20px}.types-btn-cancel{background:#fff;border:1px solid #e5e7eb;color:#6b7280}.types-btn-cancel:hover{background:#fff;border-color:#d1d5db;color:#333}.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}@media (max-width:992px){.types-action-section{align-items:stretch!important;flex-direction:column!important;gap:12px!important}.types-heading{text-align:center;width:100%}.types-heading h2{justify-content:center}.types-action-right{flex-direction:column;gap:10px;width:100%}.types-search-wrapper{max-width:100%;min-width:100%;width:100%}.types-action-buttons{width:100%}.types-action-section .types-add-btn,.types-action-section .types-select-all-btn{flex:1 1;justify-content:center}}@media (max-width:480px){.types-main-container{padding:0 12px}.types-heading h2{font-size:1.2rem}.types-table td,.types-table th{font-size:.8rem;padding:10px 8px}}.variations-main-container{background:#0000!important;box-sizing:border-box;margin:0;max-width:100%;padding:0 5px;width:100%}.variations-action-section{align-items:center!important;background:#0000!important;border:none!important;border-radius:0!important;box-sizing:border-box!important;display:flex!important;flex-wrap:nowrap!important;gap:1rem!important;justify-content:space-between!important;margin:20px 0 24px!important;padding:0!important;width:100%!important}.variations-heading{flex-shrink:0}.variations-heading h2{align-items:center;color:#004aad;display:flex;font-family:Arial,Helvetica,sans-serif;font-size:1.5rem;font-weight:700;gap:10px;margin:0;white-space:nowrap}.variations-heading-icon{color:#004aad;flex-shrink:0;font-size:1.5rem}.variations-action-right{align-items:center;display:flex;flex-shrink:0;gap:.8rem}.variations-search-wrapper{flex:0 0 auto;max-width:280px;min-width:280px;position:relative;width:280px}.variations-search-icon{color:#9ca3af;font-size:14px;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.variations-search-input{background:#fff;border:1px solid #d1d5db;border-radius:4px;box-sizing:border-box;color:#333;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;height:38px;padding:0 12px 0 36px;width:100%}.variations-search-input:focus{border-color:#004aad;box-shadow:0 0 0 2px #004aad1a;outline:none}.variations-search-input::placeholder{color:#9ca3af}.variations-action-buttons{display:flex;flex-shrink:0;gap:10px}.variations-action-section .variations-select-all-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:4px;box-sizing:border-box;color:#333;cursor:pointer;display:inline-flex;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;font-weight:500;gap:6px;height:38px;justify-content:center;line-height:1;padding:0 16px;transition:all .2s ease;white-space:nowrap}.variations-action-section .variations-select-all-btn:hover{background:#f9fafb;border-color:#9ca3af}.variations-action-section .variations-select-all-btn svg{color:#004aad;flex-shrink:0;font-size:.9rem}.variations-action-section .variations-add-btn{align-items:center;background:#004aad;border:1px solid #004aad;border-radius:4px;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-flex;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;font-weight:500;gap:6px;height:38px;justify-content:center;line-height:1;padding:0 16px;transition:all .2s ease;white-space:nowrap}.variations-action-section .variations-add-btn:hover{background:#003380;border-color:#003380}.variations-action-section .variations-add-btn svg{flex-shrink:0;font-size:.9rem}.variations-table-container{background:#fff;border:1px solid #e5e7eb!important;border-radius:6px;box-sizing:border-box;margin-bottom:1.5rem;overflow:hidden;width:100%}.variations-table-wrapper{overflow-x:auto;width:100%}.variations-table{background:#fff;border-collapse:collapse;min-width:900px;width:100%}.variations-table thead{background:#004aad}.variations-table th{background:#004aad;border:none;border-right:1px solid #5a9bd5;color:#fff!important;font-family:Arial,Helvetica,sans-serif;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:14px 16px;text-align:left;text-transform:uppercase;vertical-align:middle;white-space:nowrap}.variations-table th:last-child{border-right:none}.variations-table th:first-child{border-top-left-radius:6px}.variations-table th:last-child{border-top-right-radius:6px}.variations-table td{border:none;border-bottom:1px solid #e5e7eb;border-right:1px solid #f0f0f0;color:#333;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;padding:14px 16px;text-align:left;vertical-align:middle}.variations-table td:last-child{border-right:none}.variations-table tbody tr:last-child td{border-bottom:none}.variations-table tbody tr:hover{background:#f9fafb}.variations-table tbody tr.variations-selected-row{background:#f0f7ff}.variations-table input[type=checkbox]{accent-color:#004aad;cursor:pointer;display:block;height:16px;margin:0 auto;width:16px}.variations-table td:first-child,.variations-table th:first-child{text-align:center;width:50px}.variations-name-cell{font-weight:500}.variations-name{color:#004aad;font-size:.9rem;font-weight:500}.variations-actions-cell{text-align:center;white-space:nowrap}.variations-edit-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#004aad;cursor:pointer;display:inline-flex;font-size:15px;justify-content:center;margin:0 2px;padding:6px 8px;transition:all .2s ease}.variations-edit-btn:hover{background:#004aad14;transform:scale(1.1)}.variations-no-data-row{padding:60px 20px;text-align:center}.variations-no-data{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center}.variations-no-data-icon{color:#d1d5db;font-size:2.5rem;margin-bottom:8px}.variations-no-data p{color:#6b7280;font-size:.9rem;margin:0}.variations-modal-overlay{align-items:center;background-color:#0006;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.variations-modal-content{background:#fff;border-radius:8px;box-shadow:0 10px 30px #00000026;display:flex;flex-direction:column;max-width:550px;overflow:hidden;width:100%}.variations-modal-header{align-items:center;background-color:#fff;border-bottom:1px solid #eaeaea;display:flex;justify-content:space-between;padding:18px 24px}.variations-modal-header h3{color:#1a365d;font-size:18px;font-weight:600;margin:0}.variations-modal-close{background:none;border:none;color:#888;cursor:pointer;font-size:24px;line-height:1}.variations-modal-body{padding:24px}.variations-form-row{align-items:flex-start;display:flex;flex-direction:column;margin-bottom:20px;width:100%}.variations-form-row:last-child{margin-bottom:0}.variations-form-label{align-items:center;color:#4a5568;display:flex;flex-shrink:0;font-size:12px;font-weight:700;gap:8px;justify-content:flex-start;letter-spacing:.5px;margin-bottom:6px;text-align:left;width:100%}.variations-form-icon{color:#1a365d;font-size:14px}.variations-input,.variations-shop-select-dropdown{border:1px solid #cbd5e0;border-radius:4px;box-sizing:border-box;color:#2d3748;font-size:14px;outline:none!important;padding:10px 14px;transition:border-color .2s;width:100%}.variations-input:focus,.variations-shop-select-dropdown:focus{border-color:#004aad;box-shadow:0 0 0 2px #004aad1a;outline:none}.variations-shop-info-display{background-color:#f7fafc;border:1px solid #e2e8f0;border-radius:4px;box-sizing:border-box;color:#2d3748;font-size:14px;padding:10px 14px;width:100%}.variations-shop-display-name{color:#1a365d;font-weight:500}.variations-modal-footer{background-color:#fff;border-top:1px solid #eaeaea;display:flex;gap:10px;justify-content:flex-end;padding:16px 24px}.variations-btn-cancel,.variations-btn-delete,.variations-btn-save{border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background-color .2s}.variations-btn-cancel{background-color:#fff;border:1px solid #cbd5e0;color:#4a5568}.variations-btn-cancel:hover{background-color:#fff;border-color:#a0aec0}.variations-btn-delete{background-color:#e53e3e;color:#fff}.variations-btn-delete:hover{background-color:#c53030}.variations-btn-save{background-color:#004aad;color:#fff}.variations-btn-save:hover{background-color:#003380}.variations-btn-save:disabled{background-color:#a0aec0;cursor:not-allowed}@media (max-width:992px){.variations-action-section{align-items:stretch!important;flex-direction:column!important;gap:12px!important}.variations-heading{text-align:center;width:100%}.variations-heading h2{justify-content:center}.variations-action-right{flex-direction:column;gap:10px;width:100%}.variations-search-wrapper{max-width:100%;min-width:100%;width:100%}.variations-action-buttons{width:100%}.variations-action-section .variations-add-btn,.variations-action-section .variations-select-all-btn{flex:1 1;justify-content:center}}@media (max-width:480px){.variations-main-container{padding:0 12px}.variations-heading h2{font-size:1.2rem}.variations-table td,.variations-table th{font-size:.8rem;padding:10px 8px}}.questions-main-container{flex-direction:column;font-family:Arial,Helvetica,sans-serif;margin:0;max-width:100%;overflow-x:hidden;padding:0;text-align:left}.questions-main-container,.questions-top-bar{background:#fff;box-sizing:border-box;display:flex;width:100%}.questions-top-bar{align-items:center;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:2rem;padding:1rem 0}.questions-main-container .header-content{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.questions-main-container .questions-title-icon{fill:#004aad!important;background:none!important;border:none!important;box-shadow:none!important;color:#004aad!important;display:inline-block!important;flex-shrink:0;height:1.6rem!important;margin:0!important;min-width:1.6rem!important;opacity:1!important;padding:0!important;visibility:visible!important;width:1.6rem!important}.questions-main-container .header-content h2{color:#004aad;font-size:1.75rem;font-weight:700;letter-spacing:.3px;line-height:1.2;margin:0;padding:0;white-space:nowrap}.count-badge{align-items:center;align-self:center;background:#fff;border:1.5px solid #004aad;border-radius:50px;color:#004aad;display:inline-flex;font-size:.8rem;font-weight:600;height:fit-content;line-height:1.4;padding:4px 14px;white-space:nowrap}.questions-content{box-sizing:border-box;flex:1 1;max-width:100%;padding:0;width:100%}.questions-action-section{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:.8rem;justify-content:flex-end;min-width:0}.questions-main-container .search-wrapper{flex:0 1 300px;max-width:300px;min-width:180px;position:relative}.questions-main-container .search-icon{color:#9aa5b1;font-size:.9rem;left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.questions-main-container .search-input{background:#fff;border:1px solid #004aad!important;border-radius:4px;box-shadow:none;box-sizing:border-box;color:#333;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;height:42px;padding:0 1rem 0 2.5rem;width:100%}.questions-main-container .search-input::placeholder{color:#999;opacity:1}.questions-main-container .search-input:focus,.questions-main-container .search-input:hover{border:1px solid #004aad!important;box-shadow:none;outline:none}.add-question-btn,.select-all-btn{align-items:center;border-radius:4px;box-sizing:border-box;cursor:pointer;display:inline-flex;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;font-weight:500;gap:.5rem;height:42px;justify-content:center;line-height:1;min-height:42px;padding:0 1.25rem;transition:background .2s ease;white-space:nowrap}.select-all-btn:hover{background:#f0f4ff}.add-question-btn{background:#004aad;border:1px solid #004aad;color:#fff}.add-question-btn:hover{background:#003380}.action-dropdown-btn{transition:background .3s ease}.dropdown-item{transition:background .2s ease}.questions-table-container{background:#fff;border:1px solid #e5e5e5;border-radius:6px;box-sizing:border-box;margin:0;max-width:100%;overflow:hidden;width:100%}.questions-table-wrapper{max-width:100%;overflow-x:auto;width:100%}.questions-table{background:#fff;border-collapse:collapse;max-width:100%;min-width:100%;table-layout:auto;width:100%}.questions-table thead{background:#004aad}.questions-table th{border-right:1px solid #5a9bd5;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;vertical-align:middle}.questions-table th:last-child{border-right:none}.questions-table th.col-check{text-align:center;width:50px}.questions-table th.col-actions{text-align:center;width:100px}.questions-table td{word-wrap:break-word;border-bottom:1px solid #f0f0f0;border-right:1px solid #f0f0f0;color:#333;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;overflow-wrap:break-word;padding:.8rem 1rem;vertical-align:middle}.questions-table td:last-child{border-right:none}.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{display:table-cell}.question-icon{font-size:.9rem;margin-right:8px}.question-icon,.question-text{color:#004aad;vertical-align:middle}.question-text{font-weight:500}.edit-question-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#004aad;cursor:pointer;display:inline-flex;font-size:1.1rem;justify-content:center;padding:.4rem .5rem;transition:all .3s}.edit-question-btn:hover{background:#004aad1a;transform:scale(1.05)}.no-questions{color:#666;padding:3rem;text-align:center;width:100%}.no-questions p{font-size:.95rem;margin:0 0 1rem}.modal-content{box-sizing:border-box;padding:0 1.5rem}.modal-header{padding:1.25rem 0 1rem}.modal-body{padding:1rem 0 .75rem}.modal-footer{padding:1rem 0 1.25rem}.question-form{display:flex;flex-direction:column;gap:1rem}.form-label,.form-row{gap:.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:100px;resize:vertical}.question-input:focus,.question-textarea:focus{border-color:#004aad;box-shadow:0 0 0 2px #004aad1a;outline:none}.btn-cancel,.btn-delete,.btn-save{align-items:center;border-radius:4px;box-sizing:border-box;display:inline-flex;font-family:Arial,Helvetica,sans-serif;font-weight:500;height:40px;justify-content:center;line-height:1;margin:0;padding:0 1.5rem;white-space:nowrap}.btn-save{border:1px solid #004aad}.btn-delete{border:1px solid #dc3545}@media (max-width:900px){.questions-action-section,.questions-top-bar{align-items:stretch;flex-direction:column}.questions-action-section{justify-content:stretch}.questions-main-container .search-wrapper{flex:none;max-width:100%;width:100%}.action-buttons{flex-direction:column}.add-question-btn,.select-all-btn{width:100%}}@media (max-width:768px){.questions-main-container .header-content h2{font-size:1.4rem}.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%}.questions-table td,.questions-table th{font-size:.8rem;padding:.6rem}.modal-content{margin:1rem;width:95%}}@media (max-width:480px){.questions-main-container .header-content h2{font-size:1.2rem}.questions-main-container .questions-title-icon{height:1.3rem!important;min-width:1.3rem!important;width:1.3rem!important}.questions-table td,.questions-table th{font-size:.72rem;padding:.5rem}.edit-question-btn{font-size:.9rem;padding:.3rem .5rem}.btn-cancel,.btn-delete,.btn-save{font-size:.8rem;padding:0 1rem}}.payments-main-container{background:#fff;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif;margin:0;max-width:100%;padding:0;text-align:left;width:100%}.payments-header-section{align-items:center!important;background:#fff;border:none!important;box-sizing:border-box;display:flex!important;flex-direction:row!important;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem;padding:.5rem 0;width:100%}.payments-header-left{align-items:center;display:flex;flex-shrink:0;flex-wrap:wrap;gap:.75rem}.payments-header-icon{color:#004aad;display:block;flex-shrink:0;font-size:1.5rem}.payments-header-title{font-size:1.5rem;font-weight:700;line-height:1.2;margin:0;padding:0}.payments-header-left .shop-city-badge,.payments-header-title{color:#004aad;font-family:Arial,Helvetica,sans-serif;white-space:nowrap}.payments-header-left .shop-city-badge{align-items:center;background:#e6f0ff;border:none!important;border-radius:20px;display:inline-flex;font-size:.8rem;font-weight:600;gap:.3rem;padding:.25rem .75rem}.payments-header-left .shop-city-icon{color:#004aad;font-size:.8rem}.payments-header-left .shop-city-name{color:#004aad;font-size:.8rem;font-weight:600}.payments-header-right{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:.5rem;justify-content:flex-end;min-width:0}.payments-header-right .city-dropdown-wrapper{align-items:center;display:flex;flex-shrink:0;min-width:170px;position:relative}.payments-header-right .city-select-dropdown{appearance:none;background-color:#fff!important;border:1px solid #ccc!important;border-radius:4px!important;box-sizing:border-box;color:#333;cursor:pointer;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;height:40px;line-height:normal;padding:0 2rem 0 .75rem;transition:all .2s ease;width:100%}.payments-header-right .city-select-dropdown:hover:not(:disabled){border-color:#999!important}.payments-header-right .city-select-dropdown:focus{border-color:#004aad!important;box-shadow:0 0 0 2px #004aad1a;outline:none}.payments-header-right .city-select-dropdown:disabled{background-color:#f5f5f5!important;color:#999;cursor:not-allowed}.payments-header-right .city-dropdown-icon{color:#004aad;font-size:1.2rem;pointer-events:none;position:absolute;right:10px;top:50%;transform:translateY(-50%);z-index:1}.payments-header-right .search-wrapper{flex:1 1 200px;max-width:220px;min-width:160px;position:relative}.payments-header-right .search-icon{color:#999;font-size:.85rem;left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.payments-header-right .search-input{background-color:#fff!important;border:1px solid #ccc!important;border-radius:4px!important;box-sizing:border-box;color:#333;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;height:40px;line-height:normal;padding:0 1rem 0 2.4rem!important;transition:all .2s ease;width:100%}.payments-header-right .search-input::placeholder{color:#aaa}.payments-header-right .search-input:focus{border-color:#004aad!important;box-shadow:0 0 0 2px #004aad1a;outline:none}.payments-header-right .add-payment-btn,.payments-header-right .select-all-btn{align-items:center;border-radius:4px;box-sizing:border-box;cursor:pointer;display:inline-flex;flex-shrink:0;font-family:Arial,Helvetica,sans-serif;font-size:.85rem;font-weight:600;gap:6px;height:40px;justify-content:center;line-height:1;padding:0 12px;transition:all .2s ease;white-space:nowrap}.payments-header-right .add-payment-btn span,.payments-header-right .select-all-btn span{display:inline-block;line-height:1.2;white-space:nowrap}.payments-header-right .select-all-btn{background:#fff;border:1px solid #004aad;color:#004aad}.payments-header-right .select-all-btn:hover{background:#f0f7ff;color:#004aad}.payments-header-right .add-payment-btn{background:#004aad!important;border:1px solid #004aad!important;color:#fff!important}.payments-header-right .add-payment-btn:hover{background:#003a8c!important;border-color:#003a8c!important}.payments-header-right .add-payment-btn svg,.payments-header-right .select-all-btn svg{display:block;flex-shrink:0;height:1em;width:1em}.payments-header-right .add-payment-btn:disabled,.payments-header-right .select-all-btn:disabled{cursor:not-allowed;opacity:.6}.payments-content{background:#fff;box-sizing:border-box;padding:0;width:100%}.selection-summary{background:#004aad0d;border:none!important;border-radius:4px;box-sizing:border-box;margin-bottom:1rem;padding:.6rem 1rem;width:100%}.selection-summary .summary-content{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.selection-summary .summary-icon{align-items:center;background:#004aad;border-radius:50%;color:#fff;display:inline-flex;font-size:.75rem;font-weight:700;height:22px;justify-content:center;width:22px}.selection-summary .summary-text{color:#004aad;flex:1 1;font-size:.9rem;font-weight:500}.selection-summary .clear-selection{background:#0000;border:none;border-radius:4px;color:#dc3545;cursor:pointer;font-size:.85rem;padding:.25rem .5rem;transition:all .2s}.selection-summary .clear-selection:hover{background:#dc35451a}.action-dropdown-menu,.dropdown-item{background-color:#fff!important}.dropdown-item:hover{background-color:#f8f9fa!important}.dropdown-item.delete-item:hover{background-color:#fee2e2!important}.payments-table-container{background:#fff;border:1px solid #e0e0e0!important;border-radius:0!important;border-top:none!important;box-sizing:border-box;margin:0 0 1.5rem;max-width:100%;overflow:hidden;width:100%}.payments-table-wrapper{max-width:100%;overflow-x:auto;width:100%}.payments-table{background:#fff;border-collapse:collapse;max-width:100%;min-width:1300px;table-layout:fixed;width:100%}.payments-table thead{background:#004aad}.payments-table th{background:#004aad;color:#fff;font-size:.8rem;font-weight:700;letter-spacing:.5px;padding:.9rem .75rem;text-transform:uppercase;vertical-align:middle;white-space:nowrap}.payments-table td,.payments-table th{border:none!important;font-family:Arial,Helvetica,sans-serif;text-align:center}.payments-table td{word-wrap:break-word;border-bottom:1px solid #e8e8e8!important;color:#333;font-size:.9rem;line-height:1.4;overflow-wrap:break-word;padding:.85rem .75rem;vertical-align:middle!important}.payments-table td:nth-child(3),.payments-table th:nth-child(3){text-align:left}.payments-table tbody tr:last-child td{border-bottom:none!important}.payments-table tbody tr:hover{background:#fafafa}.payments-table tbody tr.selected{background:#004aad0d}.payments-table input[type=checkbox]{accent-color:#004aad;cursor:pointer;display:block;height:16px;margin:0 auto;width:16px}.payment-order-cell{color:#333;font-weight:500}.payment-total-cell{color:#004aad;font-weight:700}.status-badge{padding:4px 12px}.status-badge.pending{background:#fff3cd;color:#856404}.status-badge.failed{background:#f8d7da;color:#721c24}.status-badge.refunded{background:#d1ecf1;color:#0c5460}.status-badge.partial{background:#cce5ff;color:#004085}.payments-table td.actions-cell{padding:.8rem .75rem!important;text-align:center!important;vertical-align:middle!important;white-space:nowrap}.payments-table td.actions-cell .actions-cell-inner{align-items:center;display:inline-flex;gap:8px;justify-content:center;vertical-align:middle}.payments-table td.actions-cell .edit-payment-btn{align-items:center;background:#0000!important;border:none!important;border-radius:4px;color:#004aad!important;cursor:pointer;display:inline-flex!important;font-size:1.15rem;justify-content:center;line-height:1;margin:0!important;padding:4px 6px!important;transition:all .3s}.payments-table td.actions-cell .edit-payment-btn:hover{background:#004aad1a!important;transform:scale(1.1)}.payments-table td.actions-cell .edit-payment-btn svg{fill:#004aad!important;color:#004aad!important;display:block;height:1em;width:1em}.payments-table td.actions-cell .delete-payment-btn{align-items:center;background:#0000!important;border:none!important;border-radius:4px;color:#dc3545!important;cursor:pointer;display:inline-flex!important;font-size:1.15rem;justify-content:center;line-height:1;margin:0!important;padding:4px 6px!important;transition:all .3s}.payments-table td.actions-cell .delete-payment-btn:hover{background:#dc35451a!important;color:#dc3545!important;transform:scale(1.1)}.payments-table td.actions-cell .delete-payment-btn svg{fill:#dc3545!important;color:#dc3545!important;display:block;height:1em;width:1em}.payments-table td.actions-cell .delete-payment-btn:disabled,.payments-table td.actions-cell .edit-payment-btn:disabled{cursor:not-allowed;opacity:.5}.error-message{background:#fee2e2;border:1px solid #fca5a5;margin-bottom:16px}.modal-content{background-color:#fff!important;border-radius:12px}.modal-header{background-color:#f8f9fa!important}.payment-form{display:flex;flex-direction:column;gap:20px}.form-row{flex-direction:column;gap:8px}.form-label{align-items:center;color:#333;display:flex;font-size:.85rem;font-weight:600;gap:8px;letter-spacing:.5px;text-transform:uppercase}.payment-input,.payment-select{background-color:#fff!important;border:1px solid #e0e0e0;border-radius:6px;box-sizing:border-box;color:#333;font-size:.9rem;line-height:normal;padding:10px 12px;width:100%}.payment-input:focus,.payment-select:focus{border-color:#004aad;box-shadow:0 0 0 3px #004aad1a;outline:none}.btn-cancel,.btn-delete,.btn-save{border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:600;padding:10px 24px;transition:all .3s}.btn-cancel{background:#f8f9fa;border:1px solid #e0e0e0}.btn-cancel:hover{background:#e9ecef}.btn-delete{background:#dc3545;color:#fff}.btn-delete:hover{background:#c82333}.input-with-dropdown{width:100%}.dropdown-toggle-btn{right:10px;top:50%;transform:translateY(-50%)}.order-dropdown-outside{background-color:#fff!important;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-color:#f8f9fa!important;border-bottom:1px solid #e0e0e0;color:#004aad;display:flex;font-size:.85rem;font-weight:600;gap:8px;padding:12px 16px}.order-dropdown-list{max-height:300px;overflow-y:auto}.order-dropdown-item{align-items:center;background-color:#fff!important;border:none;border-bottom:1px solid #f0f0f0;color:#333;cursor:pointer;display:flex;font-size:.85rem;gap:12px;padding:12px 16px;text-align:left;transition:all .2s;width:100%}.order-dropdown-item:last-child{border-bottom:none}.order-dropdown-item:hover{background-color:#f0f7ff!important}.order-icon{color:#004aad;flex-shrink:0;font-size:.9rem}.payments-main-container .payment-form{gap:12px!important}.payments-main-container .payment-form .form-row{gap:4px!important;margin:0!important;padding:0!important}.payments-main-container .payment-input,.payments-main-container .payment-select{box-sizing:border-box!important;margin:0!important}.payments-main-container .payment-form .form-label{line-height:1.2!important;margin:0!important;padding:0!important}.payments-main-container .input-with-dropdown{margin:0!important;padding:0!important}.payments-main-container .payment-form,.payments-main-container .payment-form .form-row>*{box-sizing:border-box}.payments-main-container .modal-section-title{border-top:1px solid #e0e0e0;color:#004aad;font-size:.85rem;font-weight:700;letter-spacing:.5px;margin:12px 0 4px;padding-top:10px;text-transform:uppercase}@media (max-width:900px){.payments-header-section{flex-wrap:wrap!important}.payments-header-right{flex-wrap:wrap;justify-content:flex-start;width:100%}.payments-header-right .search-wrapper{flex:1 1 100%;max-width:100%}}@media (max-width:768px){.payments-header-section{align-items:stretch!important;flex-direction:column!important;gap:.75rem}.payments-header-left{justify-content:flex-start}.payments-header-title{font-size:1.25rem}.payments-header-right{align-items:stretch;flex-direction:column;gap:.5rem}.city-dropdown-wrapper,.payments-header-right .add-payment-btn,.payments-header-right .search-wrapper,.payments-header-right .select-all-btn{max-width:100%;width:100%}.payments-table td,.payments-table th{font-size:.8rem;padding:.6rem}.selection-summary .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%}}.md-orders-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;margin:0;max-width:100%;padding:0;text-align:left}.md-header-section,.md-orders-container{background:#fff;box-sizing:border-box;width:100%}.md-header-section{align-items:center!important;border:none!important;border-radius:0!important;display:flex!important;flex-direction:row!important;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;margin-bottom:2rem;padding:1rem 0}.md-header-left{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.md-header-title{align-items:center;color:#004aad;display:flex;font-family:Arial,Helvetica,sans-serif;font-size:1.75rem;font-weight:700;gap:.6rem;line-height:1.2;margin:0;padding:0;white-space:nowrap}.md-title-icon{flex-shrink:0;font-size:1.6rem}.md-header-right{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:.8rem;justify-content:flex-end;min-width:0}.md-header-right .city-dropdown-wrapper{align-items:center;display:flex;height:42px;min-width:150px;position:relative}.md-header-right .city-dropdown-arrow{color:#004aad;font-size:1.3rem;pointer-events:none;position:absolute;right:10px;top:50%;transform:translateY(-50%);z-index:1}.md-header-right .city-select-dropdown{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#fff;border:1px solid #004aad;border-radius:4px;box-sizing:border-box;cursor:pointer;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;height:42px;padding:0 2.2rem 0 1rem;width:100%}.md-header-right .city-select-dropdown:focus{border-color:#004aad;box-shadow:0 0 0 2px #004aad1a;outline:none}.md-header-right .city-select-dropdown:disabled{background:#f5f5f5;color:#999;cursor:not-allowed}.md-header-right .search-wrapper{align-items:center;display:flex;flex:0 1 280px;height:42px;max-width:280px;min-width:180px;position:relative}.md-header-right .search-icon{color:#999;font-size:.9rem;left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.md-header-right .md-search-bar,.md-header-right .search-input{background:#fff;border:1px solid #004aad;border-radius:4px;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;height:42px;padding:0 1rem 0 2.5rem!important;width:100%}.md-header-right .md-search-bar:focus{border-color:#004aad;box-shadow:0 0 0 2px #004aad1a;outline:none}.md-header-right .md-add-btn,.md-header-right .md-select-btn{align-items:center;border-radius:4px;box-sizing:border-box;cursor:pointer;display:inline-flex;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;font-weight:500;gap:.5rem;height:42px;justify-content:center;line-height:1;padding:0 1.25rem;transition:all .2s ease;white-space:nowrap}.md-header-right .md-select-btn{background:#fff;border:1px solid #004aad;color:#004aad}.md-header-right .md-select-btn:hover{background:#f0f4ff}.md-header-right .md-add-btn{background:#004aad!important;border:none!important;color:#fff!important}.md-header-right .md-add-btn:hover{background:#004aad!important}.md-header-right .md-add-btn:disabled,.md-header-right .md-select-btn:disabled{cursor:not-allowed;opacity:.6}.md-content{background:#fff;border:none;border-radius:0;overflow:visible;padding:0;width:100%}.md-selection-bar{background:#004aad0d;border:1px solid #004aad;border-radius:4px;box-sizing:border-box;flex-wrap:wrap;justify-content:space-between;margin-bottom:1.5rem;padding:.8rem 1rem;width:100%}.md-selection-bar,.md-selection-bar .summary-content{align-items:center;display:flex;gap:1rem}.md-selection-bar .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}.md-selection-bar .summary-text{color:#004aad;font-weight:500}.md-selection-bar .action-dropdown-container{align-items:center;display:flex;gap:.5rem;position:relative}.md-selection-bar .md-action-btn{align-items:center;background:#004aad!important;border:none!important;border-radius:4px;color:#fff!important;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:8px;height:38px;line-height:1;padding:.5rem 1rem}.md-selection-bar .md-action-btn:hover{background:#003380!important}.md-selection-bar .md-action-dropdown{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}.md-selection-bar .md-delete-option{align-items:center;background:#fff;border:none;color:#dc3545;cursor:pointer;display:flex;font-size:.9rem;gap:10px;padding:.75rem 1rem;text-align:left;width:100%}.md-selection-bar .md-delete-option:hover{background:#dc3545;color:#fff}.md-selection-bar .md-clear-btn{background:#0000!important;border:none!important;border-radius:4px;color:#dc3545!important;cursor:pointer;font-size:.85rem;height:38px;padding:.25rem .75rem}.md-selection-bar .md-clear-btn:hover{background:#dc35451a}.md-table-container{border:1px solid #ccc!important;border-radius:6px!important;box-sizing:border-box;margin:0 0 1.5rem;overflow:hidden}.md-table,.md-table-container{background:#fff;max-width:100%;width:100%}.md-table{border-collapse:collapse;table-layout:auto}.md-table th,.md-table thead{background:#004aad}.md-table th{word-wrap:break-word;border-bottom:2px solid #e0e0e0;border-right:1px solid #5a9bd5;color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:.72rem;font-weight:600;letter-spacing:.3px;line-height:1.25;overflow-wrap:break-word;padding:.8rem .5rem;text-align:center;text-transform:uppercase;vertical-align:middle;white-space:normal}.md-table th:last-child{border-right:none}.md-table td{word-wrap:break-word;border-bottom:1px solid #f0f0f0;border-right:1px solid #f0f0f0;color:#333;font-family:Arial,Helvetica,sans-serif;font-size:.82rem;line-height:1.35;overflow-wrap:break-word;padding:.7rem .5rem;text-align:center;vertical-align:middle;white-space:normal}.md-table td:last-child{border-right:none}.md-table td:nth-child(4),.md-table th:nth-child(4){text-align:left}.md-table tbody tr:last-child td{border-bottom:none}.md-table tbody tr:hover{background:#fafafa}.md-table tbody tr.selected,.md-table tbody tr.selected-row{background:#004aad0d!important}.md-table input[type=checkbox]{accent-color:#004aad;cursor:pointer;display:block;height:17px;margin:0 auto;width:17px}.md-table td.md-col-checkbox,.md-table th.md-col-checkbox{min-width:45px;width:45px}.md-table td.md-col-actions,.md-table th.md-col-actions{min-width:85px;width:95px}.md-table .no-data-cell{color:#666!important;padding:60px 20px!important;text-align:center!important}.md-table .no-data{align-items:center;color:#999;display:flex;flex-direction:column;gap:10px}.md-table .no-data-icon{color:#ccc;font-size:3rem;margin-bottom:1rem}.md-table .add-first-btn{align-items:center;background:#004aad;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-flex;gap:.5rem;margin-top:1rem;padding:.6rem 1.5rem}.md-table .add-first-btn:hover{background:#003380}.inspection-badge{border-radius:4px;display:inline-block;font-size:.68rem;font-weight:600;padding:.2rem .55rem;text-transform:uppercase;white-space:nowrap}.inspection-badge.passed{color:#155724}.inspection-badge.failed{background:#f8d7da;color:#721c24}.inspection-badge.pending{background:#fff3cd;color:#856404}.md-table td.md-actions-cell{padding:.7rem .5rem!important;text-align:center!important;vertical-align:middle!important;white-space:nowrap}.md-table td.md-actions-cell .md-actions-cell-inner{align-items:center!important;display:flex!important;gap:6px;height:100%;justify-content:center!important;width:100%}.md-table td.md-actions-cell .md-delete-icon-btn,.md-table td.md-actions-cell .md-edit-icon-btn{align-items:center!important;background:#0000!important;border:none!important;border-radius:4px;cursor:pointer;display:inline-flex!important;font-size:1.05rem;justify-content:center!important;line-height:1!important;margin:0!important;padding:4px 6px!important;transition:all .3s;vertical-align:middle!important}.md-table td.md-actions-cell .md-edit-icon-btn{color:#004aad!important}.md-table td.md-actions-cell .md-delete-icon-btn{color:#dc3545!important}.md-table td.md-actions-cell .md-edit-icon-btn:hover{background:#004aad1a!important;transform:scale(1.1)}.md-table td.md-actions-cell .md-delete-icon-btn:hover{background:#dc35451a!important;transform:scale(1.1)}.md-table td.md-actions-cell .md-delete-icon-btn svg,.md-table td.md-actions-cell .md-edit-icon-btn svg{display:block;height:1em;width:1em}@media (max-width:1200px){.md-orders-container{padding:15px}.md-table th{font-size:.68rem;padding:.7rem .4rem}.md-table td{font-size:.78rem;padding:.65rem .4rem}}@media (max-width:992px){.md-header-section{align-items:stretch!important;flex-direction:column!important}.md-header-title{text-align:left}.md-header-right{align-items:stretch;flex-direction:column;justify-content:stretch}.md-header-right .search-wrapper{max-width:100%;width:100%}.md-header-right .city-dropdown-wrapper,.md-header-right .md-add-btn,.md-header-right .md-select-btn{width:100%}.md-table th{font-size:.65rem;padding:.6rem .35rem}.md-table td{font-size:.74rem;padding:.55rem .35rem}}@media (max-width:768px){.md-orders-container{padding:10px}.md-table th{font-size:.62rem;padding:.55rem .3rem}.md-table td{font-size:.7rem;padding:.5rem .3rem}.md-selection-bar{align-items:stretch;flex-direction:column}.md-selection-bar .action-dropdown-container{justify-content:space-between;width:100%}}@media (max-width:480px){.md-header-title{font-size:1.3rem}.md-title-icon{font-size:1.2rem}}@media print{.md-orders-container{margin:0;padding:0}.md-actions-cell,.md-header-section,.md-selection-bar{display:none}.md-table{width:100%}.md-table td,.md-table th{border:1px solid #ddd}}.md-city-badge{align-items:center;background:#eef4ff;border:1px solid #004aad;border-radius:999px;color:#004aad;display:inline-flex;font-family:Arial,Helvetica,sans-serif;font-size:.78rem;font-weight:700;gap:.35rem;padding:.25rem .8rem;white-space:nowrap}.md-city-badge-icon{color:#004aad;font-size:.75rem}.add-manufacturing-container{background:#fff;border:none!important;box-shadow:none!important;margin:-20px;min-height:100vh;outline:none!important;padding:20px;width:100%;width:calc(100% + 40px)}.form-header-section{border:none!important;gap:.5rem;margin-bottom:.5rem;padding:0 0 .5rem}.form-header-section h2{font-size:1.6rem;line-height:1.2}.back-button{box-shadow:0 2px 6px #004aad40}.back-button:hover{background:#003380}.manufacturing-form-container{animation:fadeIn .5s ease;border:none!important;box-shadow:none!important}.form-section{border:1px solid #e5e7eb;box-shadow:none;margin-bottom:.6rem;margin-top:0;padding:.6rem .9rem .75rem}.section-title{align-items:center;border-bottom:none;display:flex;font-size:.95rem;gap:.5rem;margin:0 0 .45rem;padding:0}.section-icon{font-size:1rem}.form-grid{grid-gap:.5rem 1rem;align-items:start;gap:.5rem 1rem;grid-template-columns:repeat(3,1fr)}.form-group{background:#0000!important;gap:.1rem;margin:0!important;min-width:0;padding:0!important}.form-group,.form-group label,.form-group:after,.form-group:before{border:none!important}.form-group label{background:#0000!important;color:#111827;font-size:.7rem;letter-spacing:.3px;line-height:1.05;margin:0!important;padding:0!important}.required{font-size:.85rem}.form-group input,.form-group select{appearance:none;background:#fff!important;border:1px solid #d1d5db!important;border-radius:6px!important;box-shadow:none;color:#111827!important;font-family:Arial,Helvetica,sans-serif;font-size:.88rem;height:38px;outline:none;padding:.5rem .7rem;transition:all .2s ease}.form-group input:after,.form-group input:before,.form-group select:after,.form-group select:before{content:none!important;display:none!important}.form-group input:focus,.form-group input:hover,.form-group select:focus,.form-group select:hover{background:#fff!important;border-color:#004aad!important}.form-group input:focus,.form-group select:focus{box-shadow:0 0 0 3px #004aad1a!important;outline:none!important}.form-group input::placeholder{color:#6b7280!important;font-size:.85rem;opacity:1!important}.form-group input::-webkit-input-placeholder{color:#6b7280!important;opacity:1!important}.form-group input::-moz-placeholder{color:#6b7280!important;opacity:1!important}.form-group input:-ms-input-placeholder{color:#6b7280!important;opacity:1!important}.form-group select option[value=""],.form-group select:invalid{color:#6b7280!important}.form-group select option{background:#fff!important;color:#111827!important}.form-group input:disabled,.form-group select:disabled{background:#f9fafb!important;color:#6b7280!important;opacity:1!important}.form-group input[type=date]{border:1px solid #d1d5db!important}.form-group input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer}.form-group input[type=number]::-webkit-inner-spin-button,.form-group input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.shop-info-display{background:#fff!important;border:1px solid #d1d5db!important;border-radius:6px;box-sizing:border-box;color:#004aad;font-size:.88rem;font-weight:600;height:38px;overflow:hidden;padding:.5rem .7rem;text-overflow:ellipsis;white-space:nowrap}.form-actions{border-top:1px solid #e5e7eb;gap:.8rem;margin-top:1rem;padding-top:.75rem}.btn-cancel,.btn-reset,.btn-save{border-radius:6px;display:flex;font-size:.85rem;font-weight:600;padding:.6rem 1.3rem}.btn-reset{background:#f3f4f6;border:1px solid #e5e7eb}.btn-reset:hover{background:#e5e7eb}.btn-save:hover{box-shadow:0 4px 12px #004aad4d}.btn-cancel:hover,.btn-reset:hover,.btn-save:hover{transform:translateY(-2px)}.btn-cancel:disabled,.btn-save:disabled{transform:none}.form-actions.form-actions-top{align-items:center;background:#0000;border:none!important;border-radius:0;display:flex;gap:12px;justify-content:flex-end;margin:.5rem 0 1rem;padding:0;position:relative}.form-actions.form-actions-top:after,.form-actions.form-actions-top:before{content:none!important;display:none!important}.details-notes-section{margin-top:1rem}.details-notes-tabs{border-bottom:1px solid #e5e7eb}.details-notes-tab.active,.details-notes-tab:hover{color:#004aad}.details-notes-tab.active:after{bottom:-1px}.details-notes-content{border:1px solid #e5e7eb;border-radius:6px}.details-content,.notes-container{width:100%}.add-file-btn,.save-files-btn{align-items:center;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:.75rem;font-weight:500;gap:.4rem;padding:.4rem .8rem;transition:all .2s ease}.add-file-btn:hover{background:#003380}.file-category{border:1px solid #e5e7eb}.file-category h5{border-bottom:1px solid #e5e7eb}.file-card-vertical{border:1px solid #e5e7eb}.file-card-vertical:hover{box-shadow:0 2px 8px #0000001a}.file-icons-vertical{border-bottom:1px solid #e5e7eb;border-top:1px solid #e5e7eb}.file-meta-vertical{text-align:center}.meta-line-vertical{line-height:1.4}.notes-content{background:#f8f9fa;border:1px solid #e5e7eb;border-radius:12px;margin-top:2rem;padding:1.5rem;width:100%}.notes-title{font-size:.9rem;margin-bottom:1rem}.notes-display{max-height:400px;overflow-y:auto}.note-item{border:1px solid #e5e7eb}.no-notes-message{padding:1.5rem;text-align:left}.notes-textarea-new{border:1px solid #e5e7eb;transition:all .3s ease}.notes-textarea-new:focus{box-shadow:0 0 0 2px #004aad1a}.add-note-btn{margin-top:.8rem;transition:all .3s ease}.add-note-btn:hover:not(:disabled){background:#003380;transform:translateY(-1px)}.add-note-btn:disabled{background:#9ca3af;cursor:not-allowed}.preview-modal{inset:0}.preview-modal-content{animation:fadeIn .3s ease;border-radius:8px}.preview-modal-header{border-bottom:1px solid #e5e7eb}.close-modal{color:#666;transition:color .2s ease}.close-modal:hover{color:#dc2626}.preview-file-info{padding:2rem;text-align:center}.preview-file-icon{display:block;font-size:4rem;margin-bottom:1rem}.preview-file-info p{color:#333;font-size:.85rem;margin:.4rem 0}.add-manufacturing-container{box-sizing:border-box!important;margin:0!important;max-width:100%!important;padding:0!important;width:100%!important}.add-manufacturing-container .form-header-section{background:#0000!important;margin:0 0 .75rem!important;padding:.5rem 0!important}.add-manufacturing-container .form-header-section,.add-manufacturing-container .manufacturing-form-container{border:none!important;box-shadow:none!important;box-sizing:border-box!important;max-width:100%!important;width:100%!important}.add-manufacturing-container .manufacturing-form-container{margin:0!important;padding:0!important}.add-manufacturing-container .form-section{box-sizing:border-box!important;margin-bottom:.6rem!important;max-width:100%!important;padding:.6rem .9rem .75rem!important;width:100%!important}.add-manufacturing-container .form-actions-top{align-items:center!important;background:#0000!important;border:none!important;box-sizing:border-box!important;display:flex!important;gap:12px!important;justify-content:flex-end!important;margin:.5rem 0 1rem!important;max-width:100%!important;padding:0!important;width:100%!important}.add-manufacturing-container .details-notes-section{box-sizing:border-box!important;margin-top:1rem!important;max-width:100%!important;width:100%!important}.add-manufacturing-container .form-group,.add-manufacturing-container .form-group *{border-bottom:none!important}.add-manufacturing-container .form-group .shop-info-display,.add-manufacturing-container .form-group input,.add-manufacturing-container .form-group select{border-bottom:1px solid #d1d5db!important}.add-manufacturing-container .form-group input:focus,.add-manufacturing-container .form-group select:focus{border-bottom:1px solid #004aad!important}@media (max-width:1100px){.form-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.add-manufacturing-container{padding:12px}.form-header-section h2{font-size:1.4rem}.form-section{padding:.75rem}.form-actions{flex-direction:column}.btn-cancel,.btn-reset,.btn-save{justify-content:center;width:100%}.form-actions.form-actions-top{flex-wrap:wrap;padding:0}.details-header{align-items:flex-start;flex-direction:column}.details-header-actions{flex-direction:column;gap:.5rem;width:100%}.file-card-vertical{min-width:140px;width:calc(50% - .4rem)}.file-thumbnail-vertical{height:70px;width:70px}.file-icon-large-vertical{font-size:2rem}.note-meta{align-items:flex-start;flex-direction:column;gap:.5rem}}@media (max-width:600px){.form-grid{grid-template-columns:1fr}.form-group label{font-size:.7rem}.form-group input,.form-group select{font-size:.88rem;height:38px;padding:.5rem .7rem}.file-card-vertical{width:100%}.details-notes-tabs{flex-wrap:wrap}.details-notes-tab{font-size:.75rem;padding:.4rem .8rem}.notes-container,.notes-content{padding:1rem}}@media print{.add-manufacturing-container{padding:0}.details-notes-section,.form-actions,.form-header-section{display:none}.form-section{box-shadow:none}}.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}.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;font-size:24px;font-weight:700;letter-spacing:-.3px;margin:0}.back-button-top{align-items:center;border:none;border-radius:4px;color:#fff;display:flex;font-size:14px;gap:5px;padding:8px 20px;transition:all .3s ease}.back-button-top:hover{transform:translateY(-2px)}.back-button-top:active{transform:translateY(0)}form{width:100%}.form-row{grid-gap:40px;gap:40px;grid-template-columns:1fr 1fr 1fr;margin-bottom:40px}.form-row-full{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr;margin-bottom:24px}.form-group{position:relative}.form-group label{color:#666;margin-bottom:12px}.form-group label:after{color:#dc3545;content:"*";margin-left:4px}.form-group input,.form-group select{background:#fff;border:1px solid #e0e0e0;box-sizing:border-box;color:#333;font-family:inherit;font-size:14px;padding:12px 14px;transition:all .3s ease;width:100%}.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{border-color:#004aad;box-shadow:0 0 0 2px #004aad1a;outline:none;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;font-size:11px}.form-actions{gap:16px;margin-top:32px;padding-top:24px}.cancel-button{background:#fff!important;border:1px solid #d0d0d0;color:#666!important;cursor:pointer;font-size:14px;font-weight:600;padding:12px 28px;transition:all .3s ease}.cancel-button:hover{background:#fff!important;border-color:#b0b0b0;color:#666;transform:translateY(-1px)}.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;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}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.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;grid-template-columns:1fr 1fr 1fr;margin-bottom:28px}.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:#004aad}.form-header h2{color:#004aad}.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-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}.form-group select[name=selectedShopId]{background:#fff;border:1px solid #e0e0e0;box-sizing:border-box;color:#333;font-family:inherit;font-size:14px;padding:12px 14px;transition:all .3s ease;width:100%}.form-group select[name=selectedShopId]:hover{border-color:#004aad}.form-group select[name=selectedShopId]:focus{border-color:#004aad;box-shadow:0 0 0 2px #004aad1a;outline:none}.form-group select[name=selectedShopId].error{border-color:#dc3545}.form-group select[name=city]{background:#fff;border:1px solid #e0e0e0;box-sizing:border-box;color:#333;font-family:inherit;font-size:14px;padding:12px 14px;transition:all .3s ease;width:100%}.form-group select[name=city]:hover{border-color:#004aad}.form-group select[name=city]:focus{border-color:#004aad;box-shadow:0 0 0 2px #004aad1a;outline:none}.form-group select[name=city]:disabled{background:#f8f9fa;cursor:not-allowed;opacity:.7}.form-group select[name=city].error{border-color:#dc3545}.helper-text{color:#888;display:block;font-size:12px;font-style:italic;margin-top:6px}@media (max-width:768px){.form-group select[name=city],.form-group select[name=selectedShopId]{padding:10px 12px}}.staff-form.page-form .form-group,.staff-form.page-form .form-row{border-bottom:none!important}.staff-form.page-form .form-group input,.staff-form.page-form .form-group select{background-color:#fff!important;box-shadow:none!important}.staff-form .form-row{grid-gap:40px!important;display:grid!important;gap:40px!important;grid-template-columns:1fr 1fr 1fr!important;margin-bottom:40px!important}@media (max-width:768px){.staff-form .form-row{gap:20px!important;grid-template-columns:1fr!important;margin-bottom:20px!important}}.staff-form.page-form .form-row{grid-column-gap:25px!important;grid-row-gap:0!important;column-gap:25px!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;margin-bottom:15px!important;padding-bottom:0!important;row-gap:0!important}.staff-form.page-form .form-group{margin-bottom:0!important;padding-bottom:0!important}.staff-form.page-form .form-group label{margin-bottom:6px!important}@media (max-width:768px){.staff-form.page-form .form-row{column-gap:0!important;grid-template-columns:1fr!important;margin-bottom:15px!important;row-gap:0!important}}.staff-form .form-group input,.staff-form .form-group select{display:block!important;font-size:15px!important;height:48px!important;line-height:1.5!important;padding:10px 14px!important}.staff-form .form-group select{background-position:right 14px center!important;padding-right:40px!important}.staff-form .form-group label{display:block!important;margin-bottom:8px!important}.page-access-picker{box-sizing:border-box;margin-bottom:22px;width:100%}.page-access-header{align-items:center;display:flex;gap:20px;justify-content:space-between;margin-bottom:10px}.page-access-title{color:#172033;font-size:16px;font-weight:700}.page-access-subtitle{color:#64748b;font-size:13px;margin-top:3px}.page-access-select-all{background:#004aad;border:1px solid #004aad;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 15px;transition:all .2s ease;white-space:nowrap}.page-access-select-all:hover{background:#003b8f;border-color:#003b8f}.page-access-count{color:#64748b;font-size:12px;margin-bottom:12px}.page-access-count span{color:#004aad;font-weight:700}.page-access-groups{display:flex;flex-direction:column;gap:12px}.page-access-group{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.page-access-group-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;box-sizing:border-box;display:flex;gap:15px;justify-content:space-between;min-height:48px;padding:10px 14px}.page-access-group-heading{align-items:center;display:flex;gap:9px;min-width:0}.page-access-group-title{color:#1e293b;font-size:14px;font-weight:700}.page-access-group-count{align-items:center;background:#e8f1ff;border-radius:20px;color:#004aad;display:inline-flex;font-size:11px;font-weight:700;justify-content:center;min-width:32px;padding:3px 7px}.page-access-group-toggle{background:#0000;border:none;color:#004aad;cursor:pointer;font-size:12px;font-weight:600;padding:5px 2px;white-space:nowrap}.page-access-group-toggle:hover{text-decoration:underline}.page-access-grid{grid-gap:9px;display:grid;gap:9px;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));padding:12px}.page-access-item{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:9px;box-sizing:border-box;cursor:pointer;display:flex;gap:10px;min-height:44px;padding:9px 11px;position:relative;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease}.page-access-item:hover{background:#f8fbff;border-color:#9dbce5}.page-access-item input{opacity:0;pointer-events:none;position:absolute}.page-access-checkbox{align-items:center;background:#fff;border:1.5px solid #cbd5e1;border-radius:5px;box-sizing:border-box;color:#fff;display:flex;flex:0 0 19px;font-size:12px;font-weight:800;height:19px;justify-content:center;transition:background .18s ease,border-color .18s ease;width:19px}.page-access-item-selected{background:#f5f9ff;border-color:#004aad}.page-access-item-selected .page-access-checkbox{background:#004aad;border-color:#004aad}.page-access-label{color:#334155;font-size:13px;font-weight:500;line-height:1.3}.page-access-item-selected .page-access-label{color:#003b8f;font-weight:600}.page-access-profile-note,.page-access-shop-note{align-items:flex-start;border-radius:8px;display:flex;font-size:12px;gap:9px;line-height:1.5;margin-top:12px;padding:10px 12px}.page-access-profile-note{background:#f8fafc;color:#64748b}.page-access-shop-note{background:#f5f9ff;color:#475569}.page-access-info-icon{align-items:center;background:#004aad;border-radius:50%;color:#fff;display:inline-flex;flex:0 0 17px;font-size:10px;font-weight:700;height:17px;justify-content:center;width:17px}@media (max-width:700px){.page-access-header{align-items:flex-start;flex-direction:column}.page-access-select-all{width:100%}.page-access-grid{grid-template-columns:1fr}.page-access-group-header{align-items:flex-start;flex-direction:column}.page-access-group-toggle{padding:0}}.categories-main-container{background:#0000!important;margin:0;max-width:100%;padding:0 5px;width:100%}.categories-action-section{align-items:center!important;background:#0000!important;border:none!important;border-radius:0!important;display:flex!important;flex-wrap:nowrap!important;gap:1rem!important;justify-content:space-between!important;margin:20px 0 24px!important;padding:0!important;width:100%!important}.categories-heading{flex-shrink:0}.categories-heading h2{align-items:center;color:#004aad;display:flex;font-family:Arial,Helvetica,sans-serif;font-size:1.5rem;font-weight:700;gap:10px;margin:0;white-space:nowrap}.categories-heading-icon{color:#004aad;flex-shrink:0;font-size:1.5rem}.categories-action-right{align-items:center;display:flex;flex-shrink:0;gap:.8rem}.categories-search-wrapper{flex:0 0 auto;max-width:280px;min-width:280px;position:relative;width:280px}.categories-search-icon{color:#9ca3af;font-size:14px;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.categories-search-input{background:#fff;border:1px solid #d1d5db;border-radius:4px;box-sizing:border-box;color:#333;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;height:38px;padding:0 12px 0 36px;width:100%}.categories-search-input:focus{border-color:#004aad;box-shadow:0 0 0 2px #004aad1a;outline:none}.categories-search-input::placeholder{color:#9ca3af}.categories-action-buttons{display:flex;flex-shrink:0;gap:10px}.categories-action-section .categories-select-all-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:4px;box-sizing:border-box;color:#333;cursor:pointer;display:inline-flex;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;font-weight:500;gap:6px;height:38px;justify-content:center;line-height:1;padding:0 16px;transition:all .2s ease;white-space:nowrap}.categories-action-section .categories-select-all-btn:hover{background:#f9fafb;border-color:#9ca3af}.categories-action-section .categories-select-all-btn svg{color:#004aad;flex-shrink:0;font-size:.9rem}.categories-action-section .categories-add-btn{align-items:center;background:#004aad;border:1px solid #004aad;border-radius:4px;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-flex;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;font-weight:500;gap:6px;height:38px;justify-content:center;line-height:1;padding:0 16px;transition:all .2s ease;white-space:nowrap}.categories-action-section .categories-add-btn:hover{background:#003380;border-color:#003380}.categories-action-section .categories-add-btn svg{flex-shrink:0;font-size:.9rem}.error-message{background:#fff3f3;border:1px solid #fcc;border-radius:4px;color:#c00;font-size:.9rem;margin-bottom:15px;padding:8px 12px}.categories-cards-wrapper{box-sizing:border-box;margin-bottom:1.5rem;width:100%}.cards-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr)}.category-card{background:#fff;border:1px solid #eef2f6;border-radius:12px;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-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}.print-label-btn{align-items:center;background:#28a745;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}.print-label-btn:hover{background:#218838}.print-label-btn:disabled{cursor:not-allowed;opacity:.6}.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}.categories-empty-state{padding:60px 20px;text-align:center}.empty-icon{font-size:4rem;margin-bottom:16px}.categories-empty-state h3{color:#004aad;font-size:1.25rem;margin-bottom:8px}.categories-empty-state p{color:#64748b;margin-bottom:20px}.add-first-btn{border-radius:8px;padding:10px 24px}.modal-content{border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:600px}.modal-header{padding:20px 24px}.modal-body{padding:24px}.modal-image-section{margin-bottom:1.5rem;padding:1.25rem}.add-image-preview,.edit-image-preview,.image-preview-container{align-items:center;display:flex;flex-direction:column;gap:1rem;width:100%}.add-image-preview-img,.edit-image-preview-img{background-color:#fff;border:2px solid #e2e8f0;border-radius:10px;height:300px!important;max-width:400px!important;object-fit:contain!important;padding:5px;width:100%!important}.add-image-placeholder,.edit-image-placeholder{align-items:center!important;background-color:#f8fafc!important;border:2px dashed #cbd5e1!important;border-radius:10px!important;display:flex!important;height:300px!important;justify-content:center!important;max-width:400px!important;width:100%!important}.add-image-placeholder span,.edit-image-placeholder span{font-size:5rem;opacity:.4}.add-upload-btn,.edit-upload-btn{border:none!important;border-radius:8px!important;color:#fff!important;cursor:pointer!important;display:inline-block!important;font-size:1rem!important;font-weight:600!important;padding:.75rem 2rem!important;text-align:center!important;text-transform:uppercase!important}.add-upload-btn{background:linear-gradient(135deg,#3b82f6,#2563eb)!important}.edit-upload-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed)!important}.add-upload-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;transform:translateY(-2px)!important}.edit-upload-btn:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9)!important;transform:translateY(-2px)!important}.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{border:1px solid #e0e0e0;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:.9rem;padding:10px 12px;width:100%}.modal-input:focus,.modal-select:focus{border-color:#004aad;box-shadow:0 0 0 2px #004aad1a;outline:none}.form-hint{color:#6c757d;display:block;font-size:.7rem;font-style:italic;margin-top:5px}.shop-info-display{border-radius:8px;gap:10px;padding:12px 16px}.shop-display-icon{font-size:1.2rem}.shop-display-name{font-size:.9rem;font-weight:600}.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}.modal-save-btn{background:#28a745;border:none;border-radius:8px;color:#fff}.modal-save-btn:hover{background:#218838}.modal-overlay .modal-content.categories-modal{border-radius:12px!important;max-width:95vw!important;width:440px!important}.categories-modal .modal-header{padding:14px 20px!important}.categories-modal .modal-body{padding:16px 20px!important}.categories-modal .modal-footer{padding:12px 20px!important}.categories-modal .modal-form-group{margin-bottom:14px!important}.categories-modal .modal-image-section{margin:0!important;padding:0!important}.categories-modal .add-image-placeholder,.categories-modal .add-image-preview-img,.categories-modal .edit-image-placeholder,.categories-modal .edit-image-preview-img{max-width:400px!important;width:100%!important}@media (max-width:1400px){.cards-grid{gap:20px;grid-template-columns:repeat(3,1fr)}}@media (max-width:992px){.cards-grid{gap:20px;grid-template-columns:repeat(2,1fr)}.categories-action-section{align-items:stretch!important;flex-direction:column!important;gap:12px!important}.categories-heading{text-align:center;width:100%}.categories-heading h2{justify-content:center}.categories-action-right{flex-direction:column;gap:10px;width:100%}.categories-search-wrapper{max-width:100%;min-width:100%;width:100%}.categories-action-buttons{width:100%}.categories-action-section .categories-add-btn,.categories-action-section .categories-select-all-btn{flex:1 1;justify-content:center}}@media (max-width:768px){.categories-main-container{padding:0 12px}.cards-grid{gap:16px;grid-template-columns:1fr}.categories-cards-wrapper{padding:12px}.modal-content{margin:1rem;width:95%}}@media (max-width:480px){.categories-heading h2{font-size:1.2rem}.card-title{font-size:1rem}.add-image-placeholder,.add-image-preview-img,.edit-image-placeholder,.edit-image-preview-img{height:200px!important}}.products-management{background:#0000;box-sizing:border-box;margin:0;max-width:100%;min-height:100vh;padding:0 3px;width:100%}.products-action-right{gap:.8rem}.products-search-wrapper{max-width:350px;min-width:350px;width:350px}.products-search-icon{color:#999}.products-search-input{border:1px solid #e0e0e0;padding:.6rem 1rem .6rem 2.5rem}.filters-section{background-color:initial;border-radius:0;box-sizing:border-box;margin-bottom:10px;padding:0}.filters-label{color:#004aad;font-size:.85rem;font-weight:700;letter-spacing:.5px;margin-bottom:12px;text-transform:uppercase}.filters-row{display:flex;flex-wrap:wrap;gap:12px}.filters-row select{background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;cursor:pointer;flex:1 1;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;min-width:140px;padding:.6rem;transition:all .3s ease}.filters-row select:focus{box-shadow:0 0 0 2px #004aad1a;outline:none}.clear-all-btn-container{align-items:center;display:flex;gap:12px;justify-content:flex-end;margin-top:8px}.clear-filters-btn{background:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:.6rem 1.5rem;transition:all .3s ease}.clear-filters-btn:hover{background:#c82333}.active-city-label{color:#004aad;font-size:.85rem;font-weight:500}.price-update-section{align-items:center;background:#0000;border-radius:0;box-sizing:border-box;display:flex;gap:10px;margin:0 0 10px;padding:0}.price-input{border:1px solid #e0e0e0;border-radius:4px;box-sizing:border-box;font-size:.9rem;height:38px;padding:0 12px;width:220px}.price-input:focus{border-color:#004aad;box-shadow:0 0 0 2px #004aad1a;outline:none}.update-prices-btn{align-items:center;background:#004aad;border:1px solid #004aad;border-radius:4px;color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;height:38px;justify-content:center;padding:0 16px;transition:all .3s ease}.update-prices-btn:hover:not(:disabled){background:#003380}.update-prices-btn:disabled{cursor:not-allowed;opacity:.5}.price-hint{color:#666;font-size:.75rem}.products-table-container{background:#fff;border-radius:6px;box-sizing:border-box;margin-bottom:1.5rem;margin:0 0 1.5rem!important;overflow:hidden;padding:0!important;width:100%}.products-table-wrapper{border:none!important;overflow-x:auto;width:100%}.products-table,.products-table-wrapper{outline:none!important;padding:0!important}.products-table{background:#fff;border:none!important;border-spacing:0!important;margin:0!important;min-width:1300px}.products-table thead,.products-table thead tr{border:none!important;margin:0!important;padding:0!important}.products-table th{background:#004aad!important;border-right:1px solid #5a9bd5!important;color:#fff!important;font-family:Arial,Helvetica,sans-serif;font-size:.9rem!important;line-height:1.2!important;padding:14px 15px!important}.products-table th:last-child{border-right:none!important}.products-table td{border-bottom:1px solid #e0e0e0;border-right:1px solid #f0f0f0;color:#333;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;padding:12px 15px;text-align:left}.products-table tbody td{border-left:none!important;border-top:none!important}.products-table td:last-child{border-right:none}.products-table tbody tr:hover{background:#fafafa}.products-table tbody tr.products-selected-row{background:#004aad0d}.products-table input[type=checkbox]{accent-color:#004aad;cursor:pointer;display:block;height:16px;margin:0 auto;width:16px}.products-table thead,.products-table thead th,.products-table thead th:first-child,.products-table thead th:last-child,.products-table thead tr{border-radius:0!important}.products-table td:first-child,.products-table th:first-child{max-width:22px;min-width:22px;padding-left:8px;padding-right:8px;text-align:center;width:22px}.products-table td:nth-child(2),.products-table th:nth-child(2){min-width:110px;width:110px}.products-table td:nth-child(3),.products-table th:nth-child(3){min-width:320px;width:320px}.products-table td:nth-child(4),.products-table th:nth-child(4){min-width:120px;text-align:left;width:120px}.products-table td:nth-child(5),.products-table th:nth-child(5){min-width:130px;text-align:left;width:130px}.products-table td:nth-child(6),.products-table th:nth-child(6){text-align:left}.products-table td:nth-child(7),.products-table th:nth-child(7){min-width:120px;padding-right:25px;text-align:right;width:120px}.products-table td:nth-child(9),.products-table th:nth-child(9){min-width:120px;text-align:center;width:120px}.products-table td:nth-child(10),.products-table th:nth-child(10){min-width:130px;text-align:center;width:120px}.products-checkbox-cell,.products-image-cell{text-align:center;vertical-align:middle}.products-name-cell{font-weight:500;text-align:left}.products-name{color:#004aad;font-size:.9rem;font-weight:500}.products-price-cell{color:#004aad;font-size:.9rem;font-weight:600}.products-city-cell{color:#333;font-size:.9rem;font-weight:500}.product-list-image{background:#0000;border-radius:6px;box-sizing:border-box;cursor:pointer;display:block;height:70px;margin:0 auto;object-fit:contain;object-position:center;padding:0;transition:transform .2s ease;width:70px}.product-list-image:hover{transform:scale(1.08)}.status-badge{font-size:11px;padding:5px 12px}.status-badge.in-stock{background:#d4edda;color:#2e7d32}.status-badge.low-stock{background:#fff3e0;color:#f57c00}.status-badge.out-of-stock{background:#fee2e2;color:#dc2626}.stock-cell{min-width:110px;text-align:center}.stock-value-simple{color:#333;font-size:.9rem;font-weight:600}.stock-control-right{background:#fff;border:1px solid #e0e0e0;border-radius:6px;margin:0 auto;overflow:hidden;width:fit-content}.stock-control-right,.stock-value-container{align-items:center;display:flex;justify-content:center}.stock-value-container{min-width:40px}.stock-value-display{color:#333;cursor:pointer;font-weight:600;min-width:30px;padding:6px 8px;text-align:center}.stock-value-display.editable:hover{background:#f3f4f6;color:#004aad}.stock-input-inline{background:#f0f9ff;border:none;color:#333;font-size:13px;font-weight:600;outline:none;padding:6px 4px;text-align:center;width:45px}.stock-spinner-arrows{border-left:1px solid #e0e0e0;display:flex;flex-direction:column}.spinner-arrow{align-items:center;background:#0000;border:none;color:#6b7280;cursor:pointer;display:flex;height:16px;justify-content:center;padding:0;transition:all .15s ease;width:24px}.spinner-arrow:hover:not(:disabled){background:#f3f4f6;color:#004aad}.spinner-arrow:disabled{cursor:not-allowed;opacity:.3}.spinner-up{border-bottom:1px solid #e0e0e0}.no-data-cell{color:#94a3b8;font-size:14px}.pagination{align-items:center;background-color:#fff;border:2px solid #d3d3d3;border-radius:6px;display:flex;gap:10px;justify-content:center;margin:16px auto 0;padding:15px 30px;width:fit-content}.pagination .table-info{color:#666;display:block;font-size:13px;font-weight:500;margin-right:15px;white-space:nowrap}.pagination button{background-color:#004aad;border:1px solid #004aad;border-radius:4px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:500;min-width:50px;padding:8px 20px;transition:background-color .3s ease}.pagination button:hover:not(:disabled){background-color:#003380;border-color:#003380}.pagination button:disabled{background-color:#f5f5f5;border-color:#ccc;color:#999;cursor:not-allowed;opacity:.4}.pagination button.active{background-color:#003380;border-color:#003380}.image-modal-overlay{align-items:center;background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.image-modal-content{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;width:32px}.image-modal-close:hover{background:#ef4444;color:#fff}.image-modal-img{border-radius:8px;max-height:75vh;max-width:75vw;object-fit:contain}.toast-notification{align-items:center;animation:slideInRight .3s ease-out;border-radius:12px;box-shadow:0 10px 25px #00000026;display:flex;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);color:#fff}.toast-notification.toast-error{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.toast-icon{background:#fff3;border-radius:50%;font-size:20px;font-weight:700}.toast-close,.toast-icon{align-items:center;display:flex;height:28px;justify-content:center;width:28px}.toast-close{background:none;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:24px;opacity:.7}.toast-close:hover{background:#fff3;opacity:1}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@media (max-width:992px){.products-action-section{align-items:stretch!important;flex-direction:column!important;gap:1rem!important}.products-heading{text-align:center;width:100%}.products-action-right{flex-direction:column;gap:.8rem;width:100%}.products-search-wrapper{max-width:100%;min-width:100%;width:100%}.filters-row{flex-direction:column}.filters-row select{width:100%}.price-update-section{align-items:stretch;flex-direction:column}.price-input{width:100%}.update-prices-btn{justify-content:center;width:100%}}@media (max-width:480px){.products-management{padding:0 12px}.products-heading h2{font-size:1.2rem}.products-table td,.products-table th{font-size:.75rem;padding:8px 6px}.pagination{flex-wrap:wrap;padding:10px;width:100%}}.products-table td:last-child,.products-table th:last-child{min-width:130px;text-align:center}.products-table td:nth-child(8),.products-table th:nth-child(8){min-width:100px}.stock-city-cell{align-items:center;display:flex;gap:8px;justify-content:center;min-width:70px}.stock-city-actions{display:inline-flex;gap:4px}.product-row-actions button,.stock-city-actions button{align-items:center;background:#fff;border:1px solid #d5dbe5;border-radius:4px;color:#004aad;cursor:pointer;display:inline-flex;height:29px;justify-content:center;width:29px}.product-row-actions button:hover,.stock-city-actions button:hover{background:#004aad;color:#fff}.stock-city-actions button:disabled{cursor:not-allowed;opacity:.4}.product-row-actions{display:flex;gap:6px;justify-content:center}.product-row-actions button:last-child{color:#dc3545}.product-row-actions button:last-child:hover{background:#dc3545;color:#fff}.product-inline-toast{background:#222;border-radius:6px;box-shadow:0 5px 20px #0002;color:#fff;max-width:420px;padding:13px 18px;position:fixed;right:20px;top:20px;z-index:10010}.product-inline-toast button{background:#0000;border:0;color:#fff;cursor:pointer;font-size:18px;margin-left:14px}.products-error{background:#f8d7da;border:1px solid #f5c2c7;border-radius:4px;color:#842029;margin:10px 0;padding:12px}.rows-per-page{align-items:center;display:flex;font-size:13px;gap:6px;white-space:nowrap}.rows-per-page select{border:1px solid #d0d0d0;border-radius:4px;padding:5px}.product-modal-overlay{align-items:center;background:#0000008c;display:flex;inset:0;justify-content:center;padding:18px;position:fixed;z-index:10000}.product-delete-modal{background:#fff;border-radius:8px;box-shadow:0 15px 45px #0003;padding:25px;position:relative;width:min(460px,100%)}.product-delete-modal h3{color:#004aad;margin:0 0 14px}.product-delete-modal p{color:#444;line-height:1.45;margin:10px 0}.product-delete-modal select{background:#fff;border:1px solid #ccc;border-radius:4px;margin:10px 0 18px;padding:11px;width:100%}.product-modal-actions{display:flex;gap:10px;justify-content:flex-end}.product-modal-actions button{align-items:center;border:0;border-radius:4px;cursor:pointer;display:inline-flex;gap:7px;padding:10px 13px}.secondary-btn{background:#e9ecef;color:#222}.danger-btn{background:#dc3545;color:#fff}.danger-btn:disabled{cursor:not-allowed;opacity:.5}.city-filter-inline-arrow{transition:transform .2s}.products-select-all-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:4px;color:#333;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:6px;height:38px;padding:0 16px}.products-select-all-btn svg{color:#004aad}.stock-summary{align-items:center;display:flex;gap:6px;justify-content:center}.stock-total{color:#16a34a;font-size:.95rem;font-weight:700}.stock-cities{color:#64748b;font-size:.75rem;font-weight:500}.action-btn{background:#0000;border:none;border-radius:6px;display:inline-flex;font-size:.85rem;height:32px;justify-content:center;margin:0 2px;transition:all .2s ease;width:32px}.action-btn.view-btn{color:#0ea5e9}.action-btn.view-btn:hover{background:#e0f2fe}.action-btn.edit-btn{color:#004aad}.action-btn.edit-btn:hover{background:#eff6ff}.action-btn.delete-btn{color:#dc2626}.action-btn.delete-btn:hover{background:#fee2e2}@media (max-width:992px){.products-action-section{align-items:stretch;flex-direction:column;gap:12px}.products-action-right{flex-direction:column;gap:8px;width:100%}.city-filter-inline,.products-search-wrapper{width:100%}.city-filter-inline-btn{justify-content:center;width:100%}}.stock-city-block{align-items:flex-start;display:flex;flex-direction:column;gap:4px;min-width:140px}.stock-city-row{align-items:center;display:flex;gap:8px;padding:3px 0;width:100%}.stock-city-name{color:#004aad;flex:1 1;font-size:.85rem;font-weight:600;text-align:left}.stock-city-qty{color:#16a34a;font-size:.85rem;font-weight:700;min-width:30px;text-align:right}.product-view-modal{background:#fff;border-radius:10px;box-shadow:0 20px 60px #00000040;display:flex;flex-direction:column;max-height:90vh;overflow:hidden;position:relative;width:min(720px,95%)}.product-view-header{align-items:center;background:#f9fafb;border-bottom:2px solid #f1f5f9;display:flex;justify-content:space-between;padding:18px 22px}.product-view-header h3{color:#004aad;flex:1 1;font-size:1.15rem;font-weight:700;margin:0}.view-modal-close{align-items:center;background:#0000;border:none;border-radius:6px;color:#64748b;cursor:pointer;display:flex;font-size:1.1rem;height:32px;justify-content:center;width:32px}.view-modal-close:hover{background:#fee2e2;color:#dc2626}.product-view-body{grid-gap:20px;display:grid;gap:20px;grid-template-columns:220px 1fr;overflow-y:auto;padding:22px}.product-view-image{align-items:flex-start;display:flex;justify-content:center}.product-view-image img{background:#fff;border:1px solid #e2e8f0;border-radius:8px;height:220px;max-width:220px;object-fit:contain;padding:6px;width:100%}.product-view-details{display:flex;flex-direction:column;gap:10px}.view-detail-row{grid-gap:10px;align-items:start;border-bottom:1px solid #f1f5f9;display:grid;gap:10px;grid-template-columns:130px 1fr;padding:6px 0}.view-detail-row:last-child{border-bottom:none}.view-label{color:#64748b;font-size:.75rem;font-weight:700;letter-spacing:.4px;padding-top:2px;text-transform:uppercase}.view-value{color:#334155;font-size:.85rem;font-weight:500;word-break:break-word}.view-value.price{color:#004aad;font-size:.95rem;font-weight:700}.view-stock-row{align-items:start;grid-template-columns:130px 1fr}.view-stock-list{display:flex;flex-direction:column;gap:4px}.view-stock-item{align-items:center;background:#f8fafc;border-radius:5px;display:flex;font-size:.82rem;gap:12px;justify-content:space-between;padding:4px 10px}.view-desc-row{grid-template-columns:1fr}.view-desc-row .view-value{background:#f8fafc;border-radius:6px;color:#475569;font-weight:400;line-height:1.5;max-height:140px;overflow-y:auto;padding:8px 12px}.product-view-footer{background:#f9fafb;border-top:1px solid #e2e8f0;display:flex;gap:10px;justify-content:flex-end;padding:14px 22px}.product-view-footer button{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:.88rem;font-weight:600;gap:6px;padding:9px 18px}.product-view-footer .primary-btn{background:#004aad;color:#fff}.product-view-footer .primary-btn:hover{background:#003380}@media (max-width:600px){.product-view-body{grid-template-columns:1fr}.product-view-image img{height:180px;max-width:100%}.view-detail-row{grid-template-columns:100px 1fr}}.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:none;border-radius:0;box-shadow:none;box-sizing:border-box;margin:0;max-width:100%;min-height:100%;padding:0;text-align:left;width:100%}.reviews-header{align-items:center;background:#0000;border:none;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:2rem;padding:1rem 0;text-align:left}.reviews-header-icon{color:#004aad;flex-shrink:0;font-size:1.8rem}.reviews-header h2{font-size:1.75rem;letter-spacing:-.02em;line-height:1.2;margin:0;padding:0}.reviews-count-badge,.reviews-header h2{color:#004aad;font-weight:700;white-space:nowrap}.reviews-count-badge{align-items:center;background:#e3edfb;border:none;border-radius:50px;display:inline-flex;font-size:.75rem;line-height:1.4;padding:4px 14px}.reviews-grid{grid-gap:20px;background:#fff;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));padding:0}.review-card{background:#fff;border:1px solid #e5e5e5;border-radius:6px;box-sizing:border-box;min-width:0;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.review-card:hover{border-color:#004aad;box-shadow:0 4px 12px #00000014}.review-card-header{align-items:center;background:#fff;border-bottom:1px solid #e5e5e5;display:flex;flex-direction:row;gap:14px;padding:16px 20px}.review-avatar{align-items:center;background:#004aad;border-radius:8px;color:#fff;display:flex;flex-shrink:0;font-size:20px;font-weight:600;height:48px;justify-content:center;margin:0;width:48px}.review-user-info{flex:1 1;margin:0;min-width:0;text-align:left}.review-user-name{color:#333;font-size:1rem;font-weight:700;margin:0 0 2px;text-align:left}.review-user-email{color:#666;font-size:.85rem;margin:0;text-align:left;word-break:break-all}.review-date{color:#999;font-size:.75rem;margin:0;padding-top:4px}.review-date,.star-rating{align-items:center;display:flex;gap:4px;justify-content:flex-start}.star-rating{margin-top:6px}.star{cursor:pointer;font-size:20px;line-height:1;transition:transform .2s ease}.star.filled{color:#ffc107}.star.empty{color:#d1d5db}.star:hover{transform:scale(1.15)}.review-content{padding:16px 20px 20px}.review-text{background:#f8f9fa;border-left:3px solid #004aad;color:#333;font-size:.9375rem;line-height:1.6;margin:0 0 16px;padding:14px 16px;word-break:break-word}.review-actions{border-top:1px solid #e5e5e5;display:flex;gap:12px;margin-top:8px;padding-top:14px}.review-delete-btn,.review-reply-btn{align-items:center;border:1px solid #0000;border-radius:4px;color:#fff;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:600;gap:6px;height:38px;justify-content:center;padding:0 18px;transition:background .2s ease}.review-reply-btn{background:#004aad;border-color:#004aad}.review-reply-btn:hover{background:#003380}.review-delete-btn{background:#dc2626;border-color:#dc2626}.review-delete-btn:hover{background:#b91c1c}@media (max-width:1024px){.reviews-grid{gap:16px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}@media (max-width:768px){.reviews-tabs{border-bottom:none;flex-direction:column;gap:.5rem;margin-bottom:0;padding-left:16px;padding-top:12px}.reviews-tab-btn.active:after,.reviews-tabs:after{display:none}.reviews-tab-btn{margin-bottom:0;padding:10px 20px;text-align:left;width:100%}.reviews-content{padding:16px}.reviews-header h2{font-size:1.4rem}.reviews-header-icon{font-size:1.5rem}.reviews-grid{gap:16px;grid-template-columns:1fr}}@media (max-width:480px){.reviews-header h2{font-size:1.2rem}.review-card-header,.review-content{padding:14px}.review-text{font-size:.875rem;padding:12px}.star{font-size:18px}.review-delete-btn,.review-reply-btn{font-size:.75rem;height:34px;padding:0 12px}}@keyframes commPulse{0%{box-shadow:0 0 0 0 #22c55e80}70%{box-shadow:0 0 0 8px #22c55e00}to{box-shadow:0 0 0 0 #22c55e00}}.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:none;border-radius:0;box-shadow:none;box-sizing:border-box;margin:0;max-width:100%;min-height:100%;padding:0;text-align:left;width:100%}.messages-header{align-items:center;background:#0000;border:none;display:flex;flex-wrap:wrap;gap:14px;margin-bottom:2rem;padding:1rem 0}.messages-header h2{align-items:center;color:#004aad;display:flex;font-size:1.75rem;font-weight:700;gap:10px;letter-spacing:-.02em;line-height:1.2;margin:0;padding:0;white-space:nowrap}.messages-title-icon{color:#004aad;flex-shrink:0;font-size:1.6rem}.messages-badge{align-items:center;background:#e3edfb;border-radius:50px;color:#004aad;display:inline-flex;font-size:.75rem;font-weight:700;gap:6px;line-height:1.4;padding:4px 14px;white-space:nowrap}.messages-grid{grid-gap:20px;background:#fff;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));padding:0}.message-card{background:#fff;border:1px solid #e5e5e5;border-radius:6px;box-sizing:border-box;min-width:0;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.message-card:hover{border-color:#004aad;box-shadow:0 4px 12px #00000014}.message-card-header{align-items:center;background:#fff;border-bottom:1px solid #e5e5e5;display:flex;flex-direction:row;gap:14px;padding:16px 20px}.message-avatar{align-items:center;background:#004aad;border-radius:8px;color:#fff;display:flex;flex-shrink:0;font-size:20px;font-weight:600;height:48px;justify-content:center;margin:0;width:48px}.message-user-info{flex:1 1;margin:0;min-width:0;text-align:left}.message-user-name{color:#333;font-size:1rem;font-weight:700;margin:0 0 2px;text-align:left}.message-user-email{color:#666;font-size:.85rem;margin:0;text-align:left;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:4px}.message-content{padding:16px 20px 20px}.message-text{background:#f8f9fa;border-left:3px solid #004aad;color:#333;font-size:.9375rem;line-height:1.6;margin:0 0 16px;padding:14px 16px;word-break:break-word}.message-actions{border-top:1px solid #e5e5e5;display:flex;gap:12px;margin-top:8px;padding-top:14px}.message-delete-btn,.message-reply-btn{align-items:center;border:1px solid #0000;border-radius:4px;color:#fff;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:600;gap:6px;height:38px;justify-content:center;padding:0 18px;transition:background .2s ease}.message-reply-btn{background:#004aad;border-color:#004aad}.message-reply-btn:hover{background:#003380}.message-delete-btn{background:#dc2626;border-color:#dc2626}.message-delete-btn:hover{background:#b91c1c}.empty-state{color:#999;grid-column:1/-1;padding:60px 20px;text-align:center}.empty-state-icon{font-size:64px;margin-bottom:16px}.empty-state-text{font-size:1rem;margin:0}.modal-overlay{inset:0}.modal-content{border:1px solid #e0e0e0;border-radius:4px;box-shadow:0 4px 12px #00000026;padding:24px}.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;box-sizing:border-box;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:16px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}@media (max-width:768px){.messages-tabs{border-bottom:none;flex-direction:column;gap:.5rem;margin-bottom:0;padding-left:16px;padding-top:12px}.messages-tab-btn.active:after,.messages-tabs:after{display:none}.messages-tab-btn{margin-bottom:0;padding:10px 20px;text-align:left;width:100%}.messages-content{padding:16px}.messages-header h2{font-size:1.4rem}.messages-grid{gap:16px;grid-template-columns:1fr}}@media (max-width:480px){.messages-header h2,.messages-title-icon{font-size:1.2rem}.message-card-header,.message-content{padding:14px}.message-text{font-size:.875rem;padding:12px}.message-delete-btn,.message-reply-btn{font-size:.75rem;height:34px;padding:0 12px}}.comm-count-badge{align-items:center;background:#e5484d;border-radius:999px;color:#fff;display:inline-flex;font-size:12px;font-weight:700;height:24px;justify-content:center;margin-left:10px;min-width:24px;padding:0 8px;vertical-align:middle}.comm-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin:0 0 18px}.comm-chip{background:#fff;border:1px solid #cfd8ea;border-radius:999px;color:#004aad;cursor:pointer;font-size:13px;font-weight:600;padding:6px 14px;transition:all .15s}.comm-chip:hover{background:#eef3ff}.comm-chip.active{background:#004aad;border-color:#004aad;color:#fff}.comm-live{align-items:center;color:#7a869a;display:flex;font-size:12px;gap:6px;margin-left:auto}.comm-live-dot{animation:commPulse 1.8s infinite;background:#22c55e;border-radius:50%;height:8px;width:8px}.comm-unread-dot{background:#e5484d;border-radius:50%;display:inline-block;height:9px;margin-right:6px;width:9px}.comm-tags{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 2px}.comm-tag{align-items:center;background:#eef3ff;border-radius:999px;color:#004aad;display:inline-flex;font-size:12px;font-weight:600;gap:4px;padding:3px 10px}.comm-tag.account{background:#fff4e0;color:#b45f06}.comm-tag.shop{background:#eefaf1;color:#1a7f37}.comm-meta{color:#5b6577;display:flex;flex-wrap:wrap;font-size:13px;gap:6px 16px;margin-top:6px}.comm-meta span{align-items:center;display:inline-flex;gap:4px}.comm-address{background:#fff8ec;border:1px dashed #f0c987;border-radius:10px;color:#7a4a00;margin-top:10px}.comm-address,.comm-replied{font-size:13px;padding:10px 12px}.comm-replied{background:#f1f7ff;border-left:3px solid #004aad;border-radius:10px;color:#24324a;margin-top:12px}.comm-replied small{color:#7a869a;display:block;margin-bottom:4px}.comm-error{background:#fdecec;border-radius:10px;color:#b42318;font-size:14px;margin:0 0 16px;padding:12px 14px}.comm-loading{color:#7a869a;padding:40px;text-align:center}.comm-original{background:#f6f7fb;border-radius:10px;color:#4a5568;font-size:13px;margin:0 0 12px;max-height:140px;overflow:auto;padding:10px 12px;white-space:pre-wrap}.message-read-btn{background:#fff;border:1px solid #cfd8ea;border-radius:8px;color:#004aad;cursor:pointer;font-weight:600;padding:8px 12px}.message-read-btn:hover{background:#eef3ff}.modal-send-btn:disabled{cursor:not-allowed;opacity:.6}.comm-star-row{display:flex;gap:2px;margin-top:6px}.comm-star{color:#d5dbe6;font-size:20px;line-height:1}.comm-star.filled{color:#f5b301}.ch-page{padding:24px}.ch-head{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.ch-head h2{color:#004aad;margin:0}.ch-layout{grid-gap:16px;display:grid;gap:16px;grid-template-columns:340px 1fr;height:calc(100vh - 260px);min-height:460px}.ch-list{background:#fff;border:1px solid #e3e8f2;border-radius:14px;overflow:auto}.ch-item{background:#fff;border:0;border-bottom:1px solid #eef1f7;cursor:pointer;display:block;padding:12px 14px;text-align:left;width:100%}.ch-item:hover{background:#f6f9ff}.ch-item.active{background:#eaf1ff}.ch-item-top{color:#0b1b3a;display:flex;font-size:14px;gap:8px;justify-content:space-between}.ch-time{color:#7a869a;font-size:11px;white-space:nowrap}.ch-preview{color:#5b6577;font-size:13px;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ch-item-bottom{align-items:center;display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.ch-status{background:#eef3ff;border-radius:999px;color:#004aad;font-size:11px;font-weight:700;padding:2px 9px}.ch-status.waiting{background:#fdecec;color:#b42318}.ch-status.human{background:#eefaf1;color:#1a7f37}.ch-status.closed{background:#f1f2f5;color:#6b7280}.ch-conv{background:#fff;border:1px solid #e3e8f2;border-radius:14px;display:flex;flex-direction:column;min-width:0}.ch-empty{color:#7a869a;margin:auto}.ch-conv-head{border-bottom:1px solid #eef1f7;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:14px 16px}.ch-conv-sub{color:#7a869a;font-size:12px;margin-top:2px}.ch-actions{display:flex;flex-wrap:wrap;gap:8px}.ch-danger{border-color:#f3c1bd!important;color:#b42318!important}.ch-messages{background:#f7f9fd;display:flex;flex:1 1;flex-direction:column;gap:10px;overflow:auto;padding:16px}.ch-bubble-row{display:flex}.ch-bubble-row.customer{justify-content:flex-start}.ch-bubble-row.agent,.ch-bubble-row.ai{justify-content:flex-end}.ch-bubble{border-radius:14px;font-size:14px;line-height:1.45;max-width:72%;padding:9px 13px;white-space:pre-wrap;word-break:break-word}.ch-bubble.customer{background:#fff;border:1px solid #e3e8f2;color:#0b1b3a}.ch-bubble.ai{background:#eef3ff;color:#24324a}.ch-bubble.agent{background:#004aad;color:#fff}.ch-bubble-who{font-size:11px;font-weight:700;margin-bottom:2px;opacity:.7}.ch-bubble-time{font-size:10px;margin-top:4px;opacity:.6;text-align:right}.ch-reply{border-top:1px solid #eef1f7;display:flex;gap:10px;padding:12px}.ch-reply textarea{border:1px solid #cfd8ea;border-radius:10px;flex:1 1;font:inherit;padding:10px;resize:none}.ch-send{background:#004aad;border:0;border-radius:10px;color:#fff;cursor:pointer;font-weight:700;padding:0 22px}.ch-send:disabled{cursor:not-allowed;opacity:.5}@media(max-width:900px){.ch-layout{grid-template-columns:1fr;height:auto}.ch-list{max-height:300px}.ch-conv{min-height:480px}}.expenses-main{background:#fff;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif;margin:0;max-width:100%;min-height:100vh;padding:0;text-align:left;width:100%}.expenses-main button:focus-visible,.expenses-main input:focus-visible,.expenses-main select:focus-visible{outline:2px solid #004aad;outline-offset:2px}.expenses-main button:disabled{cursor:not-allowed;opacity:.5}.expenses-main .expenses-header-section{align-items:center;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:2rem;padding:1rem 0;width:100%}.expenses-main .expenses-header-left{align-items:center;display:flex;flex-wrap:wrap;gap:14px}.expenses-main .expenses-header-left h2{align-items:center;color:#004aad;display:flex;font-size:1.75rem;font-weight:700;gap:10px;letter-spacing:-.02em;line-height:1.2;margin:0;padding:0;white-space:nowrap}.expenses-main .expenses-title-icon{color:#004aad;flex-shrink:0;font-size:1.5rem}.expenses-main .expenses-header-right{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:.8rem;justify-content:flex-end;min-width:0}.expenses-main .region-tabs-right{align-items:center;display:flex;gap:8px}.expenses-main .icon-btn{align-items:center;background:#fff;border:1px solid #004aad;border-radius:4px;color:#004aad;cursor:pointer;display:inline-flex;height:42px;justify-content:center;min-width:42px;padding:0;transition:background .2s ease}.expenses-main .icon-btn svg{display:block;margin:auto}.expenses-main .icon-btn:hover{background:#f0f4ff}.expenses-main .settings-wrapper{display:inline-flex;position:relative}.expenses-main .settings-btn{gap:2px;padding:0 6px}.expenses-main .settings-dropdown{animation:expFade .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}.expenses-main .settings-dropdown-list{max-height:320px;overflow-y:auto;padding:8px 0}.expenses-main .settings-option{align-items:center;cursor:pointer;display:flex;gap:12px;margin:0;padding:10px 16px;transition:background .2s ease}.expenses-main .settings-option:hover{background:#f9fafb}.expenses-main .settings-checkbox{accent-color:#004aad;cursor:pointer;height:16px;width:16px}.expenses-main .settings-label{color:#374151;cursor:pointer;flex:1 1;font-size:14px}.expenses-main .expenses-action-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:.8rem}.expenses-main .button-wrapper{display:inline-flex;position:relative}.expenses-main .action-btn{align-items:center;border:1px solid #004aad;border-radius:4px;box-sizing:border-box;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.9rem;font-weight:500;gap:8px;height:42px;justify-content:center;line-height:1;padding:0 1.25rem;transition:background .2s ease,color .2s ease;white-space:nowrap}.expenses-main .expenses-action-buttons .button-wrapper>.feedback-btn,.expenses-main .expenses-action-buttons .button-wrapper>.paybills-btn{-webkit-text-fill-color:#004aad!important;background:#fff!important;border-color:#004aad!important;color:#004aad!important;filter:none!important;opacity:1!important}.expenses-main .expenses-action-buttons .button-wrapper>.feedback-btn:hover,.expenses-main .expenses-action-buttons .button-wrapper>.paybills-btn:hover{background:#f0f4ff!important}.expenses-main .expenses-action-buttons .button-wrapper>.newtransaction-btn{-webkit-text-fill-color:#fff!important;background:#004aad!important;border-color:#004aad!important;color:#fff!important;filter:none!important;opacity:1!important;text-transform:uppercase}.expenses-main .expenses-action-buttons .button-wrapper>.newtransaction-btn:hover{background:#003380!important;border-color:#003380!important}.expenses-main .action-btn .btn-icon{fill:currentColor;color:inherit;opacity:1}.expenses-main .action-dropdown{animation:expFade .2s ease;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;margin-top:8px;min-width:280px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}@keyframes expFade{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.expenses-main .dropdown-header{background:#f9fafb;border-bottom:1px solid #e5e7eb;color:#111827;font-size:14px;font-weight:600;padding:12px 16px}.expenses-main .dropdown-item-action{cursor:pointer;padding:12px 16px;transition:background .2s ease}.expenses-main .dropdown-item-action:hover{background:#f3f4f6}.expenses-main .dropdown-item-title{color:#111827;font-size:14px;font-weight:500;margin-bottom:4px}.expenses-main .dropdown-item-desc{color:#6b7280;font-size:12px}.expenses-main .transaction-list{max-height:400px;overflow-y:auto;padding:8px 0}.expenses-main .transaction-list-item{border-bottom:1px solid #f3f4f6;cursor:pointer;padding:12px 16px;transition:all .2s ease}.expenses-main .transaction-list-item:last-child{border-bottom:none}.expenses-main .transaction-list-item:hover{background:#f3f4f6;padding-left:20px}.expenses-main .transaction-list-name{color:#374151;font-size:14px;font-weight:500}.expenses-main .expenses-filters{margin-bottom:20px}.expenses-main .filter-left{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.expenses-main .filter-wrapper{position:relative}.expenses-main .date-filter,.expenses-main .filter-dropdown{align-items:center;background:#fff;border:1px solid #004aad;border-radius:4px;box-sizing:border-box;color:#374151;cursor:pointer;display:flex;font-size:14px;gap:8px;height:42px;padding:0 14px;position:relative;transition:background .2s ease}.expenses-main .date-filter:hover,.expenses-main .filter-dropdown:hover{background:#f0f4ff}.expenses-main .calendar-icon,.expenses-main .filter-icon{color:#004aad}.expenses-main .dropdown-icon{font-size:16px;margin-left:4px;vertical-align:middle}.expenses-main .dropdown-menu{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;left:0;min-width:160px;overflow:hidden;position:absolute;top:calc(100% + 8px);width:max-content;z-index:999}.expenses-main .dropdown-item{color:#374151;cursor:pointer;font-size:13px;padding:8px 12px;transition:all .2s ease;white-space:nowrap}.expenses-main .dropdown-item:hover{background:#f3f4f6;color:#004aad}.expenses-main .expenses-table-container{background:#fff;border:1px solid #e5e5e5;border-radius:6px;box-sizing:border-box;margin-bottom:1.25rem;max-width:100%;overflow-x:auto;width:100%}.expenses-main .expenses-table{background:#fff;border-collapse:collapse;max-width:100%;min-width:800px;width:100%}.expenses-main .expenses-table thead{background:#004aad}.expenses-main .expenses-table th{border-right:1px solid #5a9bd5;color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:.85rem;font-weight:600;height:56px;letter-spacing:.5px;padding:1rem;text-align:center;text-transform:uppercase;vertical-align:middle}.expenses-main .expenses-table th:last-child{border-right:none}.expenses-main .expenses-table td{word-wrap:break-word;border-bottom:1px solid #f0f0f0;border-right:1px solid #f0f0f0;color:#333;font-size:.9rem;height:52px;overflow-wrap:break-word;padding:.8rem 1rem;text-align:center;vertical-align:middle}.expenses-main .expenses-table td:last-child{border-right:none}.expenses-main .expenses-table tbody tr:last-child td{border-bottom:none}.expenses-main .expenses-table tbody tr:hover{background:#fafafa}.expenses-main .status-badge,.expenses-main .transaction-type{border-radius:20px;display:inline-block;font-size:.75rem;font-weight:600;padding:4px 10px}.expenses-main .transaction-type.expense{background:#fee2e2;color:#dc2626}.expenses-main .transaction-type.bill{background:#ffedd5;color:#b76e0e}.expenses-main .transaction-type.cheque{background:#dbeafe;color:#2563eb}.expenses-main .status-badge.paid{background:#d1fae5;color:#065f46}.expenses-main .status-badge.pending{background:#fed7aa;color:#92400e}.expenses-main .positive{color:#10b981;font-weight:600}.expenses-main .negative{color:#ef4444;font-weight:600}.expenses-main .view-btn{align-items:center;background:#eef2ff;border:none;border-radius:6px;color:#004aad;cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:600;gap:6px;padding:6px 14px;transition:all .2s ease}.expenses-main .view-btn:hover{background:#004aad;color:#fff;transform:translateY(-1px)}.expenses-main .expenses-empty{align-items:center;color:#777;display:flex;flex-direction:column;font-size:.95rem;padding:90px 20px}.expenses-main .expenses-empty-icon{color:#c4c9cf;font-size:2.6rem;margin-bottom:22px}.expenses-main .expenses-empty p{margin:0}.expenses-main .expenses-pagination{display:flex;gap:12px;justify-content:flex-end;margin-top:1.25rem}.expenses-main .pagination-btn{align-items:center;background:#fff;border:1px solid #004aad;border-radius:4px;color:#004aad;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:8px;padding:8px 18px;transition:all .2s ease}.expenses-main .pagination-btn:hover:not(:disabled){background:#f0f4ff;transform:translateY(-1px)}.expenses-main .filter-modal-overlay{align-items:center;animation:expFade .2s ease;background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:2000}.expenses-main .filter-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0003;max-height:90vh;max-width:460px;overflow-y:auto;width:90%}.expenses-main .filter-modal-header{align-items:center;background:#004aad;border-top-left-radius:16px;border-top-right-radius:16px;display:flex;justify-content:space-between;padding:18px 24px}.expenses-main .filter-modal-header h3{color:#fff;font-size:18px;font-weight:600;margin:0}.expenses-main .close-modal{background:none;border:none;color:#fff;cursor:pointer;font-size:20px;padding:4px;transition:all .2s ease}.expenses-main .close-modal:hover{color:#ffd6d6;transform:rotate(90deg)}.expenses-main .filter-modal-body{padding:24px}.expenses-main .filter-section{align-items:center;border-bottom:1px solid #eef0f3;display:flex;gap:16px;margin-bottom:20px;padding-bottom:16px}.expenses-main .filter-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.expenses-main .filter-label{color:#374151;flex:0 0 120px;font-size:13px;font-weight:500;margin:0;text-align:left;white-space:nowrap}.expenses-main .filter-select{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;flex:1 1;font-size:14px;min-width:0;padding:10px 12px;transition:all .2s ease}.expenses-main .filter-select:hover{border-color:#004aad}.expenses-main .filter-select:focus{border-color:#004aad;box-shadow:0 0 0 3px #004aad1a;outline:none}.expenses-main .filter-modal-footer{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.expenses-main .apply-filter-btn,.expenses-main .reset-filter-btn{background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;cursor:pointer;font-size:14px;font-weight:500;padding:8px 22px;transition:all .2s ease}.expenses-main .reset-filter-btn:hover{background:#f3f4f6;border-color:#d1d5db}.expenses-main .apply-filter-btn{background:#004aad;border-color:#004aad;color:#fff}.expenses-main .apply-filter-btn:hover{background:#003380;transform:translateY(-1px)}.expenses-main .expense-modal-overlay{align-items:center;animation:expFade .2s ease;background:#0000008c;box-sizing:border-box;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:3000}.expenses-main .expense-modal{background:#fff;border-radius:10px;box-shadow:0 25px 70px #0000004d;display:flex;flex-direction:column;font-family:Arial,Helvetica,sans-serif;max-height:92vh;max-width:760px;overflow-y:auto;width:100%}.expenses-main .expense-modal-header{align-items:center;background:#fff;border-bottom:1px solid #e5e5e5;border-top-left-radius:10px;border-top-right-radius:10px;display:flex;justify-content:space-between;padding:14px 24px;position:sticky;top:0;z-index:10}.expenses-main .expense-modal-title h3{color:#004aad;font-size:17px;font-weight:700;letter-spacing:.2px;margin:0}.expenses-main .expense-modal-header-right{align-items:center;display:flex;gap:18px}.expenses-main .modal-close-btn{align-items:center;background:none;border:none;color:#444;cursor:pointer;display:flex;font-size:18px;justify-content:center;padding:4px}.expenses-main .modal-close-btn:hover{color:#ef4444}.expenses-main .expense-balance-bar{align-items:center;background:#f8fafc;border-bottom:1px solid #e5e5e5;display:flex;gap:12px;justify-content:flex-end;padding:10px 24px}.expenses-main .expense-balance-bar span{color:#64748b;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.expenses-main .expense-balance-bar strong{color:#0f172a;font-size:16px;font-weight:700}.expenses-main .expense-amount-bar{align-items:center;background:#f8fafc;border-bottom:1px solid #e5e5e5;display:flex;gap:12px;justify-content:flex-end;padding:10px 24px}.expenses-main .expense-amount-bar span{color:#64748b;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.expenses-main .expense-amount-bar strong{color:#0f172a;font-size:16px;font-weight:700}.expenses-main .expense-modal-body{background:#fff;flex:1 1;padding:22px 24px}.expenses-main .modal-top-section{border-bottom:1px solid #eaeaea;margin-bottom:24px;padding-bottom:22px}.expenses-main .modal-form-row{align-items:flex-start;display:flex;gap:20px;margin-bottom:16px}.expenses-main .modal-form-row:last-child{margin-bottom:0}.expenses-main .modal-form-group{display:flex;flex:1 1;flex-direction:column;min-width:0}.expenses-main .modal-form-row-4{gap:12px}.expenses-main .modal-form-row-4 .modal-form-group{flex:1 1;min-width:0}.expenses-main .modal-form-row-4 .modal-form-group label{font-size:10.5px;letter-spacing:.3px}.expenses-main .modal-form-row-4 .modal-form-group input,.expenses-main .modal-form-row-4 .modal-form-group select{font-size:12.5px;padding:8px 9px}.expenses-main .modal-form-group label{color:#555;display:block;font-size:11px;font-weight:700;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.expenses-main .modal-form-group input[type=date],.expenses-main .modal-form-group input[type=text],.expenses-main .modal-form-group select,.expenses-main .modal-form-group textarea{background:#fff;border:1px solid #d1d5db;border-radius:5px;box-sizing:border-box;color:#222;font-family:inherit;font-size:13.5px;padding:9px 12px;transition:border-color .2s,box-shadow .2s;width:100%}.expenses-main .modal-form-group input:focus,.expenses-main .modal-form-group select:focus,.expenses-main .modal-form-group textarea:focus{border-color:#004aad;box-shadow:0 0 0 3px #004aad1a;outline:none}.expenses-main .modal-form-group textarea{line-height:1.5;min-height:90px;resize:vertical}.expenses-main .modal-line-items-section{border-bottom:1px solid #eaeaea;margin-bottom:24px;padding-bottom:20px}.expenses-main .modal-line-items-box{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:16px;overflow:hidden}.expenses-main .modal-line-items-table{border-collapse:collapse;width:100%}.expenses-main .modal-line-items-table thead{background:#f9fafb}.expenses-main .modal-line-items-table th{border-bottom:1px solid #e5e7eb;color:#6b7280;font-size:10.5px;font-weight:700;letter-spacing:.5px;padding:10px 14px;text-align:left;text-transform:uppercase}.expenses-main .modal-line-items-table th:nth-child(5),.expenses-main .modal-line-items-table th:nth-child(6){text-align:center}.expenses-main .modal-line-items-table td{border-bottom:1px solid #f0f0f0;padding:8px 10px;vertical-align:middle}.expenses-main .modal-line-items-table tr:last-child td{border-bottom:none}.expenses-main .modal-line-items-table input{background:#0000;border:1px solid #0000;border-radius:4px;box-sizing:border-box;color:#222;font-size:13px;padding:8px 10px;transition:border-color .2s,background .2s;width:100%}.expenses-main .modal-line-items-table input:hover{background:#fafafa}.expenses-main .modal-line-items-table input:focus{background:#fff;border-color:#004aad;box-shadow:0 0 0 2px #004aad1a;outline:none}.expenses-main .modal-line-items-table input[type=number]{text-align:right}.expenses-main .modal-drag-handle{color:#cbd5e1;cursor:grab;font-size:16px;text-align:center;-webkit-user-select:none;user-select:none}.expenses-main .modal-delete-line-btn{color:#ef4444;margin:0 auto}.expenses-main .modal-delete-line-btn:hover{background:#fef2f2}.expenses-main .modal-line-items-actions{align-items:center;display:flex;justify-content:space-between;padding-top:6px}.expenses-main .modal-action-buttons{display:flex;gap:10px}.expenses-main .modal-add-line-btn,.expenses-main .modal-clear-lines-btn{background:#fff;border:1px solid #d1d5db;border-radius:5px;color:#374151;cursor:pointer;font-size:12.5px;font-weight:500;padding:7px 16px;transition:all .2s}.expenses-main .modal-add-line-btn:hover,.expenses-main .modal-clear-lines-btn:hover{background:#f3f4f6;border-color:#9ca3af}.expenses-main .modal-total-section{align-items:center;color:#374151;display:flex;font-size:14px;gap:18px}.expenses-main .modal-total-section span{font-weight:600}.expenses-main .modal-total-section strong{color:#111827;font-size:18px;font-weight:700;min-width:80px;text-align:right}.expenses-main .modal-bottom-section{margin-bottom:10px}.expenses-main .modal-bottom-section .modal-form-row{align-items:stretch;display:flex;gap:20px}.expenses-main .modal-bottom-section .modal-form-group{display:flex;flex:1 1;flex-direction:column}.expenses-main .modal-bottom-section .modal-form-group textarea{flex:1 1;height:100%;min-height:120px;resize:vertical}.expenses-main .modal-attachment-box{align-items:center;background:#fafbfc;border:1.5px dashed #cbd5e1;border-radius:8px;box-sizing:border-box;cursor:pointer;display:flex;flex:1 1;flex-direction:column;height:100%;justify-content:center;margin-top:6px;padding:20px;text-align:center;transition:all .2s}.expenses-main .modal-attachment-box:hover{background:#f0f4ff;border-color:#004aad}.expenses-main .modal-attachment-dropzone .modal-attach-icon{color:#004aad;font-size:22px;margin-bottom:8px}.expenses-main .modal-attachment-dropzone p{color:#004aad;font-size:13px;font-weight:600;margin:0 0 4px;word-break:break-word}.expenses-main .modal-attachment-dropzone span{color:#9ca3af;font-size:11px}.expenses-main .expense-modal-footer{align-items:center;background:#fff;border-bottom-left-radius:10px;border-bottom-right-radius:10px;border-top:1px solid #e5e5e5;bottom:0;box-shadow:0 -2px 10px #0000000a;display:flex;justify-content:space-between;padding:14px 24px;position:sticky;z-index:10}.expenses-main .modal-footer-btn{background:#fff;border:1px solid #d1d5db;border-radius:5px;color:#374151;cursor:pointer;font-family:inherit;font-size:13px;font-weight:500;padding:9px 20px;transition:all .2s}.expenses-main .modal-footer-btn:hover{background:#f3f4f6}.expenses-main .modal-footer-right{display:flex;gap:10px}.expenses-main .modal-save-btn{background:#fff;border-color:#004aad;color:#004aad}.expenses-main .modal-save-btn:hover{background:#f0f4ff}.expenses-main .modal-save-new-btn{align-items:center;background:#004aad;border-color:#004aad;color:#fff;display:flex;gap:8px}.expenses-main .modal-save-new-btn:hover{background:#003380;border-color:#003380}.expenses-main .modal-arrow{font-size:9px}@media (max-width:900px){.expenses-main .expenses-header-section{align-items:stretch;flex-direction:column}.expenses-main .expenses-action-buttons,.expenses-main .expenses-header-right{justify-content:stretch;width:100%}.expenses-main .action-btn{flex:1 1;justify-content:center}.expenses-main .button-wrapper{flex:1 1}.expenses-main .expense-modal{max-width:95%}}@media (max-width:768px){.expenses-main .expenses-header-left h2{font-size:1.4rem}.expenses-main .action-dropdown{min-width:260px;right:0}.expenses-main .filter-left{align-items:stretch;flex-direction:column}.expenses-main .date-filter,.expenses-main .filter-dropdown{justify-content:space-between}.expenses-main .expenses-pagination{justify-content:center}.expenses-main .expenses-table td,.expenses-main .expenses-table th{font-size:.8rem;padding:8px 12px}.expenses-main .filter-modal{width:95%}.expenses-main .expense-modal{max-height:95vh;max-width:98%}.expenses-main .expense-modal-body{padding:16px}.expenses-main .expense-modal-footer,.expenses-main .expense-modal-header{padding:12px 16px}.expenses-main .modal-form-row,.expenses-main .modal-form-row-4{flex-direction:column;gap:12px}.expenses-main .expense-amount-bar,.expenses-main .expense-balance-bar{display:none}}@media (max-width:480px){.expenses-main .expenses-header-left h2,.expenses-main .expenses-title-icon{font-size:1.2rem}.expenses-main .expenses-empty{padding:60px 16px}.expenses-main .action-dropdown,.expenses-main .settings-dropdown{left:0;min-width:auto;right:0;width:100%}.expenses-main .filter-modal-body{padding:16px}.expenses-main .filter-modal-footer,.expenses-main .filter-modal-header{padding:12px 16px}.expenses-main .filter-section{align-items:stretch;flex-direction:column;gap:6px}.expenses-main .filter-label{flex:none}.expenses-main .expense-modal-title h3{font-size:15px}.expenses-main .modal-footer-right{flex-wrap:wrap;gap:6px}.expenses-main .modal-footer-btn{font-size:12px;padding:8px 12px}.expenses-main .modal-line-items-table td,.expenses-main .modal-line-items-table th{font-size:11px;padding:6px}}@media print{.expenses-main .expense-modal-overlay,.expenses-main .expenses-filters,.expenses-main .expenses-header-right,.expenses-main .expenses-pagination,.expenses-main .filter-modal-overlay,.expenses-main .view-btn{display:none!important}.expenses-main{padding:0}.expenses-main .expenses-table-container{border:none;overflow:visible}.expenses-main .expenses-table td,.expenses-main .expenses-table th{background:none;border:1px solid #ddd;color:#000;padding:8px}}.expenses-main .attachment-preview-box{align-items:center;background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;display:flex;flex-direction:column;gap:12px;height:100%;justify-content:center;margin-top:6px;min-height:120px;padding:16px}.expenses-main .attachment-name{color:#374151;font-size:13px;font-weight:600;margin:0;text-align:center;word-break:break-all}.expenses-main .attachment-actions{display:flex;gap:10px}.expenses-main .att-btn{border:1px solid #0000;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;padding:6px 14px;transition:all .2s}.expenses-main .att-btn.view{background:#e0f2fe;border-color:#bae6fd;color:#0284c7}.expenses-main .att-btn.view:hover{background:#bae6fd}.expenses-main .att-btn.replace{background:#fff;border-color:#004aad;color:#004aad}.expenses-main .att-btn.replace:hover{background:#f0f4ff}.expenses-main .modal-delete-line-btn{align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:background .2s}.expenses-main .modal-delete-line-btn:hover{background:#f3f4f6}.lt-orders-container{font-family:Arial,Helvetica,sans-serif;margin:0;max-width:100%;min-height:100vh;padding:0;text-align:left}.lt-header-section,.lt-orders-container{background:#fff;box-sizing:border-box;width:100%}.lt-header-section{align-items:stretch!important;border:none!important;border-radius:0!important;display:flex!important;flex-direction:column!important;gap:.75rem;margin-bottom:0;padding:1rem 1.5rem}.lt-header-row-1{gap:1rem;justify-content:space-between;width:100%}.lt-header-left,.lt-header-row-1{align-items:center;display:flex;flex-wrap:wrap}.lt-header-left{gap:.6rem}.lt-header-icon{color:#004aad;flex-shrink:0;font-size:1.6rem}.lt-header-title{color:#004aad;font-family:Arial,Helvetica,sans-serif;font-size:1.75rem;font-weight:700;line-height:1.2;margin:0;padding:0;white-space:nowrap}.lt-header-right{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:.6rem;justify-content:flex-end;min-width:0}.lt-header-right .city-dropdown-wrapper{align-items:center;display:flex;height:42px;min-width:130px;position:relative}.lt-header-right .city-select-dropdown{background:#fff;border:1px solid #004aad;border-radius:4px;box-sizing:border-box;cursor:pointer;font-family:Arial,Helvetica,sans-serif;font-size:.85rem;height:42px;padding:0 .8rem;width:100%}.lt-header-right .city-select-dropdown:focus{border-color:#004aad;box-shadow:0 0 0 2px #004aad1a;outline:none}.lt-header-right .city-select-dropdown:disabled{background:#f5f5f5;color:#999;cursor:not-allowed}.lt-header-right .filter-group.date-filter-small{box-sizing:border-box;display:flex;flex:0 0 150px;flex-direction:column;height:42px;max-width:150px;min-width:130px}.lt-header-right .date-input{background:#fff;border:1px solid #004aad;border-radius:4px;box-sizing:border-box;color:#333;cursor:pointer;font-family:Arial,Helvetica,sans-serif;font-size:.8rem;height:42px;line-height:42px;padding:0 .6rem;width:100%}.lt-header-right .date-input:focus{border-color:#004aad;box-shadow:0 0 0 2px #004aad1a;outline:none}.lt-header-right .search-wrapper{align-items:center;display:flex;flex:0 1 220px;height:42px;max-width:220px;min-width:170px;position:relative}.lt-header-right .search-icon{color:#999;font-size:.9rem;left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.lt-header-right .search-input{background:#fff;border:1px solid #004aad;border-radius:4px;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif;font-size:.85rem;height:42px;padding:0 1rem 0 2.5rem;width:100%}.lt-header-right .search-input:focus{border-color:#004aad;box-shadow:0 0 0 2px #004aad1a;outline:none}.lt-header-row-2{align-items:center;border-top:1px solid #004aad33;display:flex;flex-wrap:wrap;gap:.8rem;justify-content:flex-end;padding-top:.75rem;width:100%}.lt-header-row-2 .lt-summary-inline{align-items:center;display:inline-flex;flex-wrap:wrap;gap:.5rem;height:42px}.lt-summary-chip{align-items:center;background:#004aad;border-radius:4px;box-sizing:border-box;color:#fff;display:inline-flex;font-family:Arial,Helvetica,sans-serif;font-size:.85rem;font-weight:500;gap:.35rem;height:42px;padding:0 1rem;white-space:nowrap}.lt-summary-chip strong{font-weight:700}.lt-content{background:#fff;padding:0}.lt-content,.lt-main-box,.lt-table-container{box-sizing:border-box;width:100%}.lt-table-container{background:#fff;border:2px solid #ccc!important;border-radius:6px!important;margin:0 0 1.5rem;max-width:100%;overflow:hidden}.lt-table-wrapper{max-width:100%;overflow-x:auto;width:100%}.lt-table{background:#fff;border-collapse:collapse;max-width:100%;min-width:1200px;table-layout:fixed;width:100%}.lt-table th,.lt-table thead{background:#004aad}.lt-table th{word-wrap:break-word;border-bottom:2px solid #e0e0e0;border-right:1px solid #5a9bd5;color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:.72rem;font-weight:600;height:55px;letter-spacing:.4px;line-height:1.3;overflow:hidden;overflow-wrap:break-word;padding:.85rem .6rem;text-align:center;text-transform:uppercase;vertical-align:middle;white-space:normal}.lt-table th:last-child{border-right:none}.lt-table td:first-child,.lt-table th:first-child{width:130px}.lt-table td:nth-child(2),.lt-table th:nth-child(2){width:120px}.lt-table td:nth-child(3),.lt-table th:nth-child(3){width:110px}.lt-table td:nth-child(4),.lt-table th:nth-child(4){width:180px}.lt-table td:nth-child(5),.lt-table th:nth-child(5){width:130px}.lt-table td:nth-child(6),.lt-table th:nth-child(6){width:120px}.lt-table td:nth-child(7),.lt-table th:nth-child(7){width:90px}.lt-table td:nth-child(8),.lt-table th:nth-child(8){width:100px}.lt-table td:nth-child(10),.lt-table td:nth-child(9),.lt-table th:nth-child(10),.lt-table th:nth-child(9){width:110px}.lt-table td:nth-child(11),.lt-table th:nth-child(11){width:130px}.lt-table td{word-wrap:break-word;border-bottom:1px solid #f0f0f0;border-right:1px solid #f0f0f0;color:#333;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;overflow-wrap:break-word;padding:.8rem .75rem;text-align:center;vertical-align:middle}.lt-table td:last-child{border-right:none}.lt-table td:nth-child(4),.lt-table td:nth-child(5),.lt-table th:nth-child(4),.lt-table th:nth-child(5){text-align:left}.lt-table tbody tr:last-child td{border-bottom:none}.lt-table tbody tr:hover{background:#fafafa}.lot-number-cell,.part-name-cell{color:#004aad;font-weight:500}.reference-cell{color:#004aad}.weight-cell{white-space:nowrap}.badge-pending{background:#fef3c7;color:#b76e0e;font-size:.7rem;padding:3px 8px;white-space:nowrap}.badge-pending,.quantity-badge{border-radius:4px;display:inline-block;font-weight:600}.quantity-badge{background:#e8f3ed;color:#1c6e43;font-size:.72rem;padding:2px 8px}.machine-chip{background:#eef2fa;color:#004aad;white-space:nowrap}.city-chip,.machine-chip{border-radius:4px;display:inline-block;font-size:.72rem;font-weight:500;padding:3px 8px}.city-chip{background:#e8f3ed;color:#1c6e43}.no-data-cell{color:#666!important}.no-data-cell p{color:#888;font-size:.95rem}.lt-table td.actions-cell{padding:.8rem .75rem!important;text-align:center!important;vertical-align:middle!important;white-space:nowrap}.lt-table td.actions-cell .actions-cell-inner{align-items:center;display:inline-flex;gap:8px;justify-content:center;vertical-align:middle}.lt-table td.actions-cell .delete-order-btn,.lt-table td.actions-cell .detail-order-btn,.lt-table td.actions-cell .edit-order-btn{align-items:center;background:#0000!important;border:none!important;border-radius:4px;cursor:pointer;display:inline-flex!important;font-size:1.15rem;justify-content:center;line-height:1;margin:0!important;padding:4px 6px!important;transition:all .3s}.lt-table td.actions-cell .detail-order-btn,.lt-table td.actions-cell .edit-order-btn{color:#004aad!important}.lt-table td.actions-cell .delete-order-btn{color:#dc3545!important}.lt-table td.actions-cell .detail-order-btn:hover,.lt-table td.actions-cell .edit-order-btn:hover{background:#004aad1a!important;transform:scale(1.1)}.lt-table td.actions-cell .delete-order-btn:hover{background:#dc35451a!important;transform:scale(1.1)}.lt-table td.actions-cell .detail-order-btn svg,.lt-table td.actions-cell .edit-order-btn svg{fill:#004aad!important;color:#004aad!important;display:block;height:1em;width:1em}.lt-table td.actions-cell .delete-order-btn svg{fill:#dc3545!important;color:#dc3545!important;display:block;height:1em;width:1em}.lt-table-wrapper::-webkit-scrollbar{height:8px}.lt-table-wrapper::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.lt-table-wrapper::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.lt-table-wrapper::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width:1100px){.lt-header-row-1{align-items:stretch;flex-direction:column}.lt-header-right{flex-direction:row;flex-wrap:wrap;justify-content:flex-start}.lt-header-right .filter-group.date-filter-small{flex:1 1 45%;max-width:100%}.lt-header-right .search-wrapper{flex:1 1 100%;max-width:100%}.lt-header-right .city-dropdown-wrapper{flex:1 1 100%}}@media (max-width:900px){.lt-header-right,.lt-header-row-1{align-items:stretch;flex-direction:column}.lt-header-right .search-wrapper{max-width:100%;width:100%}.lt-header-right .city-dropdown-wrapper{width:100%}.lt-header-row-2{justify-content:flex-start}}@media (max-width:600px){.lt-header-right .city-dropdown-wrapper,.lt-header-right .filter-group.date-filter-small,.lt-header-right .search-wrapper{flex:1 1 100%;max-width:100%}.lt-header-row-2{justify-content:flex-start}}@media (max-width:768px){.lt-table td,.lt-table th{font-size:.8rem;padding:.6rem}}.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;background:#004aad;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{cursor:pointer;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}.details-header-actions{gap:.8rem}.save-files-btn{background:#059669;border-radius:4px;font-size:.75rem;font-weight:500;gap:.4rem;padding:.4rem .8rem}.save-files-btn:hover:not(:disabled){background:#047857}.save-files-btn:disabled{background:#9ca3af}.unsaved-files-banner{background:#fef3c7;border:1px solid #f59e0b;border-radius:4px;color:#92400e;font-size:.75rem;margin-bottom:1rem;padding:.6rem 1rem}.unsaved-badge{background:#fee2e2;border-radius:4px;color:#dc2626;display:inline-block;font-size:.55rem;font-weight:600;margin-top:.2rem;padding:2px 6px}.notes-list{gap:.8rem;margin-bottom:1rem}.note-item{border:1px solid #e0e0e0;border-radius:4px;padding:.8rem}.note-content{color:#333;font-size:.8rem;line-height:1.5;margin-bottom:.5rem}.note-meta{align-items:center;color:#999;display:flex;flex-wrap:wrap;font-size:.65rem;gap:.8rem}.note-created-by{color:#004aad;font-weight:600}.note-created-at{color:#666}.note-mirror-badge{background:#dbeafe;border-radius:4px;color:#1e40af;font-size:.6rem;padding:1px 6px}.note-delete-btn{background:#0000;border:none;color:#dc2626;cursor:pointer;font-size:.8rem;margin-left:auto;padding:.2rem;transition:all .2s ease}.note-delete-btn:hover{color:#b91c1c;transform:scale(1.1)}.file-card-vertical.unsaved{background:#fffbeb;border-color:#f59e0b}.header-action-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:.6rem}.edit-record-btn{align-items:center;background:#fff;border:1.5px solid #004aad;border-radius:4px;color:#004aad;cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:600;gap:.4rem;padding:.5rem 1.2rem;transition:all .25s ease}.edit-record-btn:hover{background:#004aad;box-shadow:0 3px 8px #004aad40;color:#fff;transform:translateY(-1px)}.save-record-btn{align-items:center;background:#059669;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:600;gap:.4rem;padding:.5rem 1.2rem;transition:all .25s ease}.save-record-btn:hover:not(:disabled){background:#047857;transform:translateY(-1px)}.save-record-btn:disabled{background:#9ca3af;cursor:not-allowed;opacity:.7}.cancel-edit-btn{align-items:center;background:#fff;border:1.5px solid grey;border-radius:4px;color:grey;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:600;gap:.4rem;padding:.6rem 1.4rem;transition:all .25s ease;white-space:nowrap}.cancel-edit-btn:disabled{cursor:not-allowed;opacity:.6}.detail-field-row.edit-mode{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;gap:.6rem;padding:.4rem 0}.detail-field-row.edit-mode label{color:#555;flex:0 0 45%;font-size:.75rem;font-weight:600;text-align:left}.detail-field-row.edit-mode input,.detail-field-row.edit-mode select{background:#fff;border:1px solid #e0e0e0;border-radius:6px;color:#333;flex:1 1;font-family:inherit;font-size:.8rem;min-width:0;outline:none;padding:.45rem .7rem;transition:all .2s ease;width:100%}.detail-field-row.edit-mode input:focus,.detail-field-row.edit-mode select:focus{background:#f8fafd;border-color:#004aad;box-shadow:0 0 0 2px #004aad1a}.detail-box.edit-mode-active{border-color:#004aad;box-shadow:0 0 0 3px #004aad14}.edit-mode-badge{background:#fef3c7;border:1px solid #f59e0b;border-radius:4px;color:#92400e;display:inline-block;font-size:.65rem;font-weight:700;letter-spacing:1px;margin-left:.8rem;padding:3px 10px;vertical-align:middle}.detail-edit-actions-bar{align-items:center;border:1px solid #f59e0b;border-left-width:4px;border-radius:4px;display:flex;flex-wrap:wrap;gap:1rem;justify-content:flex-end;margin-bottom:1.2rem;padding:.9rem 1.2rem}.detail-edit-actions-bar.detail-edit-actions-bottom{border:none;margin-bottom:1.5rem;margin-top:1.5rem}.edit-actions-info{align-items:center;display:flex;flex:1 1;gap:.6rem;min-width:200px}.edit-actions-icon{font-size:1.2rem}.edit-actions-text{color:#78350f;font-size:.85rem;font-weight:500;line-height:1.4}.edit-actions-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:.6rem}.detail-view-actions-bar{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:4px;display:flex;justify-content:flex-end;margin-bottom:1.5rem;margin-top:1.5rem;padding:.9rem 1.2rem}.pdf-capture-area{width:100%}.pdf-only-footer,.pdf-only-header{display:none}.pdf-capture-area.pdf-mode .pdf-only-footer,.pdf-capture-area.pdf-mode .pdf-only-header{display:block!important}.pdf-capture-area .detail-box{break-inside:avoid;page-break-inside:avoid}@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}.header-action-buttons{justify-content:flex-start;width:100%}.cancel-edit-btn,.download-pdf-btn,.edit-record-btn,.save-record-btn{font-size:.72rem;padding:.4rem .9rem}.detail-field-row.edit-mode{align-items:stretch;flex-direction:column;gap:.3rem}.detail-field-row.edit-mode label{flex:none;text-align:left}.detail-edit-actions-bar{align-items:stretch;flex-direction:column;gap:.8rem;padding:.8rem 1rem}.edit-actions-info{min-width:auto}.edit-actions-buttons{justify-content:stretch;width:100%}.edit-actions-buttons .cancel-edit-btn,.edit-actions-buttons .save-record-btn{flex:1 1;font-size:.8rem;justify-content:center;padding:.55rem 1rem}.detail-view-actions-bar{justify-content:stretch;padding:.8rem 1rem}.detail-view-actions-bar .edit-record-btn{font-size:.8rem;justify-content:center;padding:.55rem 1rem;width:100%}}@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}}.lt-orders-container .lt-city-pill-icon{color:#dc3545}.lt-orders-container .lt-header-right .city-dropdown-wrapper .lt-city-dropdown-arrow{color:#004aad;font-size:1.3rem;pointer-events:none;position:absolute;right:8px;top:50%;transform:translateY(-50%);z-index:1}.lt-orders-container .lt-city-pill{align-items:center;align-self:center;background:#fff;border:1.5px solid #004aad;border-radius:50px;color:#004aad;display:inline-flex;font-family:Arial,Helvetica,sans-serif;font-size:.8rem;font-weight:600;gap:6px;height:fit-content;line-height:1.4;margin-left:.6rem;padding:4px 14px 4px 10px;white-space:nowrap}.lt-orders-container .lt-city-pill-icon{color:#004aad;flex-shrink:0;font-size:.75rem}.lt-orders-container .lt-city-pill-text{color:#004aad;font-weight:600}.implant-companies-main-container{background:#0000!important;box-sizing:border-box;margin:0;max-width:100%;padding:0 5px;width:100%}.implant-companies-action-section{align-items:center!important;background:#0000!important;border:none!important;border-radius:0!important;box-sizing:border-box!important;display:flex!important;flex-wrap:nowrap!important;gap:1rem!important;justify-content:space-between!important;margin:20px 0 24px!important;padding:0!important;width:100%!important}.implant-companies-heading{flex-shrink:0}.implant-companies-heading h2{align-items:center;color:#004aad;display:flex;font-family:Arial,Helvetica,sans-serif;font-size:1.5rem;font-weight:700;gap:10px;margin:0;white-space:nowrap}.implant-companies-heading-icon{color:#004aad;flex-shrink:0;font-size:1.5rem}.implant-companies-action-right{align-items:center;display:flex;flex-shrink:0;gap:.8rem}.implant-companies-search-wrapper{flex:0 0 auto;max-width:280px;min-width:280px;position:relative;width:280px}.implant-companies-search-icon{color:#9ca3af;font-size:14px;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.implant-companies-search-input{background:#fff;border:1px solid #d1d5db;border-radius:4px;box-sizing:border-box;color:#333;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;height:38px;padding:0 12px 0 36px;width:100%}.implant-companies-search-input:focus{border-color:#004aad;box-shadow:0 0 0 2px #004aad1a;outline:none}.implant-companies-search-input::placeholder{color:#9ca3af}.implant-companies-action-buttons{display:flex;flex-shrink:0;gap:10px}.implant-companies-action-section .implant-companies-select-all-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:4px;box-sizing:border-box;color:#333;cursor:pointer;display:inline-flex;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;font-weight:500;gap:6px;height:38px;justify-content:center;line-height:1;padding:0 16px;transition:all .2s ease;white-space:nowrap}.implant-companies-action-section .implant-companies-select-all-btn:hover{background:#f9fafb;border-color:#9ca3af}.implant-companies-action-section .implant-companies-select-all-btn svg{color:#004aad;flex-shrink:0;font-size:.9rem}.implant-companies-action-section .implant-companies-add-btn{align-items:center;background:#004aad;border:1px solid #004aad;border-radius:4px;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-flex;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;font-weight:500;gap:6px;height:38px;justify-content:center;line-height:1;padding:0 16px;transition:all .2s ease;white-space:nowrap}.implant-companies-action-section .implant-companies-add-btn:hover{background:#003380;border-color:#003380}.implant-companies-action-section .implant-companies-add-btn svg{flex-shrink:0;font-size:.9rem}.action-dropdown-menu{min-width:220px}.move-arrow{color:#004aad;flex-shrink:0;font-size:.7rem;transition:transform .2s ease}.move-arrow-open{transform:rotate(90deg)}.move-shops-panel{background:#fff;border-bottom:1px solid #f0f0f0;border-top:1px solid #f0f0f0;padding:6px 0 8px}.move-shops-list{max-height:200px;overflow-y:auto}.move-shop-item{align-items:center;color:#333;display:flex;font-size:.85rem;gap:10px;padding:8px 14px 8px 28px}.move-shop-item:hover{background:#f0f7ff}.move-shop-item input[type=checkbox]{accent-color:#004aad;cursor:pointer;flex-shrink:0;height:15px;width:15px}.move-no-shops{color:#9ca3af;font-size:.8rem;padding:8px 14px 8px 28px}.move-apply-btn{background:#004aad;border:none;border-radius:4px;color:#fff;cursor:pointer;display:block;font-size:.8rem;font-weight:500;margin:8px 14px 0;padding:8px 12px;width:calc(100% - 28px)}.move-apply-btn:hover{background:#003380}.move-apply-btn:disabled{background:#9ca3af;cursor:not-allowed}.implant-companies-table-container{background:#fff;border:1px solid #e5e7eb!important;border-radius:6px;box-sizing:border-box;margin-bottom:1.5rem;overflow:hidden;width:100%}.implant-companies-table-wrapper{overflow-x:auto;width:100%}.implant-companies-table{background:#fff;border-collapse:collapse;min-width:800px;width:100%}.implant-companies-table thead{background:#004aad}.implant-companies-table th{background:#004aad;border:none;border-right:1px solid #5a9bd5;color:#fff!important;font-family:Arial,Helvetica,sans-serif;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:14px 16px;text-align:left;text-transform:uppercase;vertical-align:middle;white-space:nowrap}.implant-companies-table th:last-child{border-right:none}.implant-companies-table th:first-child{border-top-left-radius:6px}.implant-companies-table th:last-child{border-top-right-radius:6px}.implant-companies-table td{border:none;border-bottom:1px solid #e5e7eb;border-right:1px solid #f0f0f0;color:#333;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;padding:14px 16px;text-align:left;vertical-align:middle}.implant-companies-table td:last-child{border-right:none}.implant-companies-table tbody tr:last-child td{border-bottom:none}.implant-companies-table tbody tr:hover{background:#f9fafb}.implant-companies-table tbody tr.implant-companies-selected-row{background:#f0f7ff}.implant-companies-table input[type=checkbox]{accent-color:#004aad;cursor:pointer;display:block;height:16px;margin:0 auto;width:16px}.implant-companies-table td:first-child,.implant-companies-table th:first-child{text-align:center;width:50px}.implant-companies-name-cell{font-weight:500}.implant-companies-name{color:#004aad;font-size:.9rem;font-weight:500}.implant-companies-shop-cell{color:#333}.implant-companies-shop-badge{background:#0000!important;border:none!important;color:#333!important;display:inline;font-size:.9rem;font-weight:500}.implant-companies-city-cell{color:#333;font-size:.9rem}.implant-companies-actions-cell{text-align:center;white-space:nowrap}.implant-companies-delete-btn,.implant-companies-edit-btn{align-items:center;background:#0000;border:none;border-radius:4px;cursor:pointer;display:inline-flex;font-size:15px;justify-content:center;margin:0 2px;padding:6px 8px;transition:all .2s ease}.implant-companies-edit-btn{color:#004aad}.implant-companies-edit-btn:hover{background:#004aad14;transform:scale(1.1)}.implant-companies-delete-btn{color:#dc3545!important}.implant-companies-delete-btn:hover{background:#dc354514!important;transform:scale(1.1)}.implant-companies-no-data-row{padding:60px 20px;text-align:center}.implant-companies-no-data{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center}.implant-companies-no-data-icon{color:#d1d5db;font-size:2.5rem;margin-bottom:8px}.implant-companies-no-data p{color:#6b7280;font-size:.9rem;margin:0 0 16px}.implant-companies-add-first-btn{align-items:center;background:#004aad;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:500;gap:6px;justify-content:center;padding:8px 16px}.implant-companies-add-first-btn:hover{background:#003380}.implant-companies-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.implant-companies-modal-content{background:#fff;border-radius:8px;box-shadow:0 4px 20px #0003;max-height:90vh;max-width:550px;overflow-y:auto;width:90%}.implant-companies-modal-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.implant-companies-modal-header h3{color:#004aad;font-size:1.15rem;font-weight:600;margin:0}.implant-companies-modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;font-size:1.5rem;height:30px;justify-content:center;width:30px}.implant-companies-modal-close:hover{background:#e5e7eb;color:#333}.implant-companies-modal-body{padding:24px}.implant-companies-form{display:flex;flex-direction:column;gap:1.25rem}.implant-companies-form-row{display:flex;flex-direction:column;gap:6px}.implant-companies-form-label{color:#333;font-size:.8rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.implant-companies-city-select-dropdown,.implant-companies-input,.implant-companies-shop-select-dropdown{background:#fff;border:1px solid #d1d5db;border-radius:4px;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;padding:10px 12px;width:100%}.implant-companies-city-select-dropdown:focus,.implant-companies-input:focus,.implant-companies-shop-select-dropdown:focus{border-color:#004aad;box-shadow:0 0 0 2px #004aad1a;outline:none}.implant-companies-form-hint{color:#9ca3af;display:block;font-size:.75rem;margin-top:4px}.implant-companies-modal-footer{background:#fff;border-top:1px solid #e5e7eb;display:flex;gap:10px;justify-content:flex-end;padding:16px 24px}.implant-companies-btn-cancel,.implant-companies-btn-delete,.implant-companies-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:10px 20px}.implant-companies-btn-cancel{background:#fff;border:1px solid #e5e7eb;color:#6b7280}.implant-companies-btn-cancel:hover{background:#fff;border-color:#d1d5db;color:#333}.implant-companies-btn-save{background:#004aad;color:#fff}.implant-companies-btn-save:hover{background:#003380}.implant-companies-btn-delete{background:#dc3545;color:#fff}.implant-companies-btn-delete:hover{background:#c82333}@media (max-width:992px){.implant-companies-action-section{align-items:stretch!important;flex-direction:column!important;gap:12px!important}.implant-companies-heading{text-align:center;width:100%}.implant-companies-heading h2{justify-content:center}.implant-companies-action-right{flex-direction:column;gap:10px;width:100%}.implant-companies-search-wrapper{max-width:100%;min-width:100%;width:100%}.implant-companies-action-buttons{width:100%}.implant-companies-action-section .implant-companies-add-btn,.implant-companies-action-section .implant-companies-select-all-btn{flex:1 1;justify-content:center}}@media (max-width:480px){.implant-companies-main-container{padding:0 12px}.implant-companies-heading h2{font-size:1.2rem}.implant-companies-table td,.implant-companies-table th{font-size:.8rem;padding:10px 8px}}.dashboard{color:#334155;font-size:.875rem;margin:0 auto;max-width:100%;padding:5px}.dashboard *,.dashboard :after,.dashboard :before{box-sizing:border-box}.dash-header{flex-wrap:wrap;gap:.75rem;justify-content:space-between;margin-bottom:1.25rem}.dash-header,.dash-header h1{align-items:center;display:flex}.dash-header h1{color:#004aad;font-size:1.6rem;font-weight:700;gap:.5rem;margin:0}.dash-chips{display:flex;flex-wrap:wrap;gap:.5rem}.dash-chip{align-items:center;background:#fff;border:1px solid #cbd5e1;border-radius:4px;color:#334155;display:inline-flex;font-size:.8rem;gap:.5rem;padding:.45rem .85rem}.dash-chip em{border-left:1px solid #e2e8f0;color:#64748b;font-style:normal;padding-left:.5rem}.dash-kpis{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:1rem}.dash-kpi{background:#fff;border:1px solid #e2e8f0;gap:.9rem;padding:1rem}.dash-kpi,.dash-kpi-icon{align-items:center;border-radius:6px;display:flex}.dash-kpi-icon{background:#eff6ff;color:#004aad;flex-shrink:0;font-size:1.35rem;height:44px;justify-content:center;width:44px}.dash-kpi-title{color:#64748b;font-size:.7rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.dash-kpi-value{color:#1e293b;font-size:1.45rem;font-weight:700;line-height:1.2;margin:.15rem 0;word-break:break-word}.dash-kpi-sub{color:#004aad;font-size:.72rem}.dash-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));margin-bottom:1rem}.dash-row.wide{grid-template-columns:2fr 1fr}.dash-card{background:#fff;border:1px solid #e2e8f0;border-radius:6px;margin-bottom:0;min-width:0;overflow:hidden}.dashboard>.dash-card{margin-bottom:1rem}.dash-card-head{background:#004aad;color:#fff;font-size:.75rem;font-weight:700;letter-spacing:.5px;padding:.8rem 1rem;text-transform:uppercase}.dash-card-body{padding:1rem}.dash-scroll{overflow-x:auto}.dash-table{border-collapse:collapse;width:100%}.dash-table th{background:#f8fafc;color:#475569;font-size:.72rem;font-weight:700;letter-spacing:.4px;text-align:left;text-transform:uppercase;white-space:nowrap}.dash-table td,.dash-table th{border-bottom:1px solid #e2e8f0;padding:.65rem 1rem}.dash-table td{color:#334155}.dash-table tr:last-child td{border-bottom:none}.dash-table tbody tr:hover td{background:#f8fafc}.dashboard .link{color:#004aad;font-weight:500}.pill{background:#eff6ff;border-radius:30px;color:#004aad;display:inline-block;font-size:.7rem;font-weight:600;padding:.2rem .6rem;white-space:nowrap}.pill.pending{background:#fef3c7;color:#b45309}.pill.completed,.pill.delivered{background:#dcfce7;color:#15803d}.pill.canceled,.pill.cancelled,.pill.rejected{background:#fee2e2;color:#b91c1c}.dash-cust{align-items:center;display:flex;gap:.65rem}.dash-cust small{color:#64748b;display:block;font-size:.7rem}.dash-avatar{background:#eff6ff;border-radius:50%;color:#004aad;flex-shrink:0;font-size:.8rem;font-weight:700;height:34px;justify-content:center;width:34px}.dash-avatar,.dash-status{align-items:center;display:flex}.dash-status{gap:.6rem;margin-bottom:.75rem}.dash-status-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:38%}.dash-bar{background:#f1f5f9;border-radius:4px;flex:1 1;height:8px;overflow:hidden}.dash-bar i{background:#004aad;border-radius:4px;display:block;height:100%}.dash-status b{color:#1e293b;min-width:28px;text-align:right}.dash-state{color:#64748b;padding:1.5rem 1rem;text-align:center}.dash-state.err{color:#b91c1c}@media (max-width:1024px){.dash-row.wide{grid-template-columns:1fr}}@media (max-width:640px){.dashboard{padding:0 8px}.dash-row{grid-template-columns:1fr}.dash-header h1{font-size:1.3rem}.dash-kpi-value{font-size:1.25rem}}.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;text-align:center}.loading-container .spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#004aad;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}.select-all-btn:hover{background:#f0f0f0}.add-cart-btn{background:#004aad;color:#fff}.add-cart-btn:hover{background:#004aad;transform:none}.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;border-radius:20px;color:#004aad;display:inline-block;font-size:.8rem;font-weight:500;padding:.25rem .75rem}.cart-id-cell{align-items:center;display:flex;gap:.5rem}.cart-icon,.cart-id{color:#333!important;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{position:relative;z-index:10000}.cart-form{display:flex;flex-direction:column;gap:1rem}.form-label-with-icon{align-items:center;color:#333;display:flex;font-size:.85rem;font-weight:600;gap:.5rem;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.form-icon{color:#004aad;font-size:.9rem}.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{font-size:.85rem;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}.checkbox-cell input{height:18px;width:18px}.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{background:#fff;border:1px solid #e0e0e0;border-radius:4px;cursor:pointer;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;padding:.6rem;width:100%}.shop-select-dropdown:focus{border-color:#004aad;box-shadow:0 0 0 2px #004aad1a;outline:none}.shop-info-display{align-items:center;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:4px;display:flex;gap:.5rem;padding:.6rem}.shop-display-icon{color:#004aad;font-size:.9rem}.shop-display-name{color:#004aad;font-weight:500}.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}}.city-badge{background:#dcfce7;border-radius:12px;color:#16a34a;display:inline-block;font-size:13px;font-weight:500;padding:2px 12px}.no-city{color:#999}.city-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}.city-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}.city-dropdown-search{border-bottom:1px solid #e0e0e0;padding:.5rem 1rem}.city-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%}.city-search-field:focus{border-color:#004aad;box-shadow:0 0 0 2px #004aad1a;outline:none}.city-dropdown-item{background:#fff;border:none;border-bottom:1px solid #f0f0f0;font-size:.85rem;gap:.75rem;padding:.75rem 1rem;text-align:left}.city-dropdown-item:last-child{border-bottom:none}.city-dropdown-item:hover{background:#f0f7ff}.city-icon{color:#16a34a;flex-shrink:0;font-size:.9rem}.city-name{color:#004aad;font-weight:500}.city-dropdown-no-data{color:#999;font-size:.85rem;padding:1.5rem;text-align:center}.city-dropdown-list::-webkit-scrollbar-track{border-radius:3px}.city-dropdown-list::-webkit-scrollbar-thumb{background:#004aad;border-radius:3px}.city-dropdown-list::-webkit-scrollbar-thumb:hover{background:#003380}@media (max-width:768px){.city-dropdown-outside{left:50%!important;margin:0;max-width:350px;position:fixed!important;top:50%!important;transform:translate(-50%,-50%)!important;width:90%}}.simple-select-wrapper{width:100%}.city-select-input{appearance:auto;background:#fff;border:1px solid #e0e0e0;border-radius:4px;box-sizing:border-box;color:#333;cursor:pointer;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;padding:.6rem;width:100%}.city-select-input:focus{border-color:#004aad;box-shadow:0 0 0 2px #004aad1a;outline:none}.city-select-input:disabled{background-color:#f5f5f5;cursor:not-allowed}.App{background-color:#fff;display:flex;min-height:100vh;overflow-x:hidden;width:100%}.main-content{background:#fff;box-sizing:border-box;flex:1 1;margin-left:280px;min-height:100vh;padding:0;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{box-sizing:border-box;margin-left:280px;margin-top:60px;min-height:calc(100vh - 60px);padding:0;width:calc(100% - 280px)}.content-wrapper{box-sizing:border-box;margin:0;max-width:100%;padding:20px;width:100%}@media (min-width:1600px){.content-wrapper{max-width:100%;padding:24px}}@media (min-width:1900px){.content-wrapper{max-width:100%;padding:24px 32px}}@media (max-width:768px){.content-wrapper{padding:16px}}@media (max-width:480px){.content-wrapper{padding:12px}}.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}.ukpk-tab{font-size:14px;padding:10px 20px}.page-content{padding:20px}}@media (max-width:768px){.content-wrapper{padding:16px}.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}.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{background:linear-gradient(135deg,#004aad,#06c);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}body{margin:0;overflow-x:hidden;padding:0}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-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{display:flex;flex-direction:column;gap:20px;padding:0 40px 40px}.form-group{width:100%}.input-wrapper{align-items:center;display:flex;width:100%}.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}.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:flex-start;margin-top:4px}.checkbox-label{color:#5a6e8a;gap:8px}.checkbox-label input[type=checkbox]{height:16px;margin:0;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-top:4px;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{gap:16px;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}.input-icon{font-size:.9rem;left:14px}}.implant-toggle{align-items:center;background:#fff;border:1px solid #d0d5dd;border-radius:8px;color:#344054;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;height:38px;margin-right:12px;padding:0 16px;transition:all .15s ease}.implant-toggle:hover{background:#f2f4f7}.implant-toggle-dot{background:#98a2b3;border-radius:50%;height:9px;width:9px}.implant-toggle.active{background:#1d4ed8;border-color:#1d4ed8;color:#fff}.implant-toggle.active .implant-toggle-dot{background:#4ade80}.navbar{background:#004aad 0;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-details-content{background:#0000!important;box-sizing:border-box;margin:0 auto;max-width:100%;padding:0 3px;width:100%}.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;justify-content:space-between;margin-bottom:2rem}.search-wrapper{flex:0 1 480px;min-width:280px}.btn-new-product{margin-left:auto}.search-icon{color:#94a3b8;font-size:1rem;left:14px}.search-input{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;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{background:linear-gradient(135deg,#004aad,#06c);border-radius:12px;font-size:1rem;font-weight:700;padding:.85rem 2rem}.btn-new-product:hover{background:linear-gradient(135deg,#003380,#004aad);transform:translateY(-2px)}.products-main{display:flex;gap:20px}.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 2.5rem .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:2rem;display:grid;flex:1 1;gap:2rem;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:.5rem;padding:0 20px}.product-card,.products-grid{box-sizing:border-box;min-width:0}.product-card{background:#fff;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%;overflow:hidden;padding:0;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);width:100%}.product-card:hover{border-color:#004aad;box-shadow:0 20px 40px #0000001f;transform:translateY(-8px)}.product-image-container{align-items:center;background:#fff;border-bottom:1px solid #f1f5f9;box-sizing:border-box;display:flex;flex-shrink:0;height:220px;justify-content:center;max-height:220px;min-height:220px;overflow:hidden;padding:0;position:relative;width:100%}.product-image{background:#0000;border:none;display:block;height:100%;margin:0 auto;max-height:100%;max-width:100%;object-fit:contain;object-position:center center;padding:0;transition:transform .4s ease;width:100%}.product-card:hover .product-image{transform:scale(1.08)}.product-image-placeholder{align-items:center;background:#f8fafc;color:#94a3b8;display:flex;font-size:.9rem;font-weight:500;height:100%;justify-content:center;width:100%}.product-city-badge{align-items:center;background:#004aad;border-radius:18px;box-shadow:0 2px 8px #004aad59;box-sizing:border-box;color:#fff;display:inline-flex;font-size:12px;font-weight:600;height:auto;justify-content:center;letter-spacing:.3px;line-height:1.2;max-height:none;min-height:26px;overflow:visible;padding:6px 14px 7px;position:absolute;right:10px;top:10px;white-space:nowrap;z-index:2}.product-card-content{background:#fff;display:flex;flex:1 1;flex-direction:column;max-height:440px;min-width:0;overflow-x:hidden;overflow-y:auto;padding:1rem 1.2rem 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{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:800;line-height:1.3;margin:0 0 .5rem;max-width:100%;min-width:0;overflow-wrap:break-word;padding-bottom:.6rem;padding-left:.5rem;word-break:break-word}.product-description-wrapper{margin:.6rem 0;padding-left:.5rem}.product-description{word-wrap:break-word;color:#333;font-size:.88rem;line-height:1.5;margin:0;overflow-wrap:break-word;text-align:left;word-break:break-word}.product-description.collapsed{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.product-description.expanded{display:block}.read-more-link{background:none;border:none;color:#004aad;cursor:pointer;display:inline-block;font-size:.75rem;font-weight:700;padding:4px 0 0;text-decoration:underline;transition:all .2s ease}.read-more-link:hover{color:#003380;text-decoration:none}.product-info-list{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin:.5rem 0;max-height:200px;min-width:0;overflow-x:hidden;overflow-y:auto}.info-item{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;gap:.8rem;justify-content:space-between;min-width:0;padding:.5rem .9rem}.info-item:last-child{border-bottom:none}.info-item-label{color:#004aad;flex-shrink:0;font-size:.65rem;font-weight:700;letter-spacing:.8px;min-width:0;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%;min-width:0;overflow-wrap:break-word;padding-left:1rem;text-align:right;word-break:break-word}.info-item-value.price-value{color:#004aad;font-size:.9rem;font-weight:700}.info-item-value.stock-value{color:#16a34a;font-weight:700}.info-item-value.stock-value.low-stock{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}.city-stock-select{background:#fff;border:1px solid #cbd5e1;border-radius:6px;color:#0f172a;flex:1 1 auto;font-size:14px;min-width:0;padding:8px 10px}.city-stock-select:focus{border-color:#004aad;box-shadow:0 0 0 2px #004aad26;outline:none}.city-stock-input{background:#fff;border:1px solid #cbd5e1;border-radius:6px;color:#0f172a;flex:0 0 110px;font-size:14px;padding:8px 10px}.city-stock-input:focus{border-color:#004aad;box-shadow:0 0 0 2px #004aad26;outline:none}.btn-city-stock-add,.btn-city-stock-remove{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;flex:0 0 36px;font-size:20px;height:36px;justify-content:center;line-height:1;transition:background .15s ease,transform .05s ease;width:36px}.btn-city-stock-add{background:#004aad;color:#fff}.btn-city-stock-add:hover{background:#003a87}.btn-city-stock-add:active{transform:scale(.96)}.btn-city-stock-remove{background:#fee2e2;color:#dc2626;font-size:18px}.btn-city-stock-remove:hover{background:#fecaca}.btn-city-stock-remove:active{transform:scale(.96)}.btn-delete-product,.btn-edit-product,.btn-open-label,.btn-print-label{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:.7rem;font-weight:700;gap:5px;justify-content:center;padding:.55rem .5rem;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.btn-open-label{background:linear-gradient(135deg,#16a34a,#22c55e);color:#fff;grid-column:1;grid-row:1}.btn-open-label:hover{background:linear-gradient(135deg,#15803d,#16a34a);transform:translateY(-2px)}.btn-print-label{grid-column:2;grid-row:1}.btn-edit-product{background:linear-gradient(135deg,#004aad,#06c);color:#fff;grid-column:1;grid-row:2}.btn-edit-product:hover{background:linear-gradient(135deg,#003380,#004aad);transform:translateY(-2px)}.btn-delete-product{background:linear-gradient(135deg,#dc2626,#ef4444);color:#fff;grid-column:2;grid-row:2}.btn-delete-product:hover{background:linear-gradient(135deg,#b91c1c,#dc2626);transform:translateY(-2px)}.btn-print-label{background:linear-gradient(135deg,#d97706,#f59e0b);color:#fff}.btn-print-label:hover{background:linear-gradient(135deg,#b45309,#d97706);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;text-align:center}.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)}.modal-container{animation:slideUp .4s cubic-bezier(.4,0,.2,1);border-radius:20px;box-shadow:0 25px 80px #00000040;max-width:1000px}.modal-header{background:#fff;border-bottom:2px solid #f1f5f9;border-radius:20px 20px 0 0;padding:1.5rem 2rem;position:sticky;top:0;z-index:10}.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;transform:rotate(90deg)}.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{color:#0f172a;font-size:1.15rem;font-weight:700;margin-bottom:1.2rem;text-align:left}.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;margin-bottom:.8rem;text-align:center;width:100%}.image-preview{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;height:200px;margin-bottom:.8rem;object-fit:cover;transition:all .3s ease;width:100%}.image-preview:hover{border-color:#004aad;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;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);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.full-width{grid-column:span 2}.form-group label{font-size:.78rem;letter-spacing:.8px}.form-group input,.form-group select,.form-group textarea{background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;font-family:inherit;font-size:.9rem;padding:.75rem 1rem;transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#fff;box-shadow:0 0 0 4px #004aad1a}.modal-footer{background:#fff;border-radius:0 0 20px 20px;border-top:2px solid #f1f5f9;bottom:0;padding:1.5rem 2rem;position:sticky}.btn-cancel{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;color:#64748b;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;color:#fff;cursor:pointer;display:flex;font-weight:700;gap:8px;padding:.75rem 1.5rem;transition:all .3s ease}.btn-submit:hover{background:linear-gradient(135deg,#003380,#004aad);transform:translateY(-2px)}@media (max-width:1400px){.products-grid{grid-template-columns:repeat(2,minmax(0,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,minmax(0,1fr))}.product-image-container{height:190px;max-height:190px;min-height:190px}.product-card-content{max-height:350px}.image-previews-grid{grid-template-columns:repeat(2,1fr)}}@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;padding:0 12px}.product-image-container{height:220px;max-height:220px;min-height:220px}.product-card-content{max-height:380px}.image-previews-grid{grid-template-columns:1fr 1fr}.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;padding:0 8px}.product-image-container{height:240px;max-height:240px;min-height:240px}.product-card-content{max-height:350px}.filters-grid,.image-previews-grid{grid-template-columns:1fr}}.top-bar-actions{display:flex;gap:1rem}.btn-select-all{align-items:center;background:#fff;border:1px solid #004aad;border-radius:4px;color:#004aad;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;padding:.6rem 1.5rem;transition:all .3s ease;white-space:nowrap}.btn-select-all:hover{background:#fff;border-color:#004aad;color:#004aad;transform:none}.btn-new-product{align-items:center;background:#004aad;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;padding:.6rem 1.5rem;transition:all .3s ease;white-space:nowrap}.btn-new-product:hover{background:#004aad;transform:none}.product-select-checkbox{align-items:center;background:#fff;border-radius:6px;box-shadow:0 2px 6px #0003;display:flex;justify-content:center;left:10px;padding:4px;position:absolute;top:10px;z-index:3}.product-select-checkbox input[type=checkbox]{accent-color:#004aad;cursor:pointer;height:20px;outline:none;width:20px}.btn-move-to{background:#fff;border:1.5px solid #004aad;border-radius:8px;color:#004aad;cursor:pointer;flex-shrink:0;font-size:.65rem;font-weight:700;padding:.3rem .6rem;transition:all .2s ease;white-space:nowrap}.move-modal-container{background:#fff;border-radius:16px;box-shadow:0 25px 80px #00000040;max-height:80vh;max-width:420px;overflow-y:auto;width:90%}.move-modal-body{display:flex;flex-direction:column;gap:.6rem;padding:1rem}.move-shop-item{background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;color:#004aad;cursor:pointer;font-weight:600;padding:.8rem 1rem;text-align:left;transition:all .2s ease}.move-shop-item:hover:not(:disabled){background:#004aad;border-color:#004aad;color:#fff}.move-shop-item:disabled{cursor:not-allowed;opacity:.5}.current-label{font-size:.75rem;font-weight:500}.product-name-row{align-items:center;border-bottom:2px solid #f1f5f9;display:flex;gap:.5rem;justify-content:space-between;margin-bottom:.5rem;padding-bottom:.6rem}.product-name-row .product-name{border-bottom:none;flex:1 1;margin-bottom:0;min-width:0;padding-bottom:0}.move-dropdown-wrapper{flex-shrink:0;position:relative}.move-dropdown-menu{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 6px 16px #00000026;max-height:140px;min-width:110px;overflow-y:auto;position:absolute;right:0;top:calc(100% + 4px);z-index:30}.move-dropdown-item{background:#fff;border:none;border-bottom:1px solid #f1f5f9;color:#004aad;cursor:pointer;font-size:.7rem;font-weight:600;padding:.4rem .6rem;text-align:left;transition:background .2s ease;width:100%}.move-dropdown-item:last-child{border-bottom:none}.move-dropdown-item:hover:not(:disabled){background:#eff6ff}.move-dropdown-item:disabled{cursor:not-allowed;opacity:.5}.searchable-filter-group{min-width:0;position:relative}.searchable-filter,.searchable-filter-input-wrapper{position:relative;width:100%}.searchable-filter-input{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;box-shadow:none!important;box-sizing:border-box;color:#334155;cursor:text;font-size:.85rem;font-weight:500;height:42px;outline:none!important;padding:.7rem 2.8rem .7rem 1rem;transition:all .2s ease;width:100%}.searchable-filter-input:hover{background:#fff;border:1px solid #cbd5e1}.searchable-filter-input:focus{background:#fff;border:1px solid #004aad!important;box-shadow:none!important;outline:none!important}.searchable-filter-clear{align-items:center;background:#e2e8f0;border:none;border-radius:50%;color:#64748b;cursor:pointer;display:flex;font-size:16px;height:22px;justify-content:center;line-height:20px;padding:0;position:absolute;right:34px;top:50%;transform:translateY(-50%);width:22px;z-index:3}.searchable-filter-clear:hover{background:#fee2e2;color:#ef4444}.searchable-filter-arrow{color:#64748b;font-size:11px;pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:transform .2s ease;z-index:2}.searchable-filter-arrow.open{color:#004aad;transform:translateY(-50%) rotate(180deg)}.searchable-filter-dropdown{background:#fff;border:1px solid #cbd5e1;border-radius:10px;box-shadow:0 10px 30px #0f172a26;left:0;max-height:240px;overflow-y:auto;padding:5px;position:absolute;right:0;top:calc(100% + 5px);z-index:9999}.searchable-filter-dropdown::-webkit-scrollbar{width:6px}.searchable-filter-dropdown::-webkit-scrollbar-track{background:#0000}.searchable-filter-dropdown::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.searchable-filter-option{background:#fff;border-radius:7px;color:#334155;cursor:pointer;font-size:.84rem;font-weight:500;line-height:1.3;padding:9px 11px;transition:all .15s ease;word-break:break-word}.searchable-filter-option:hover{background:#f1f5f9;color:#004aad}.searchable-filter-option.selected{background:#eaf2ff;color:#004aad;font-weight:700}.searchable-filter-option:first-child{border-bottom:1px solid #f1f5f9;color:#64748b;margin-bottom:3px}.searchable-filter-no-results{color:#94a3b8;font-size:.82rem;font-weight:500;padding:12px 10px;text-align:center}.filter-group,.filters-grid,.filters-sidebar{overflow:visible}@media (max-width:992px){.searchable-filter-dropdown{max-height:220px}}@media (max-width:768px){.searchable-filter-input{font-size:.84rem;height:42px}.searchable-filter-dropdown{max-height:220px}}@media (max-width:480px){.searchable-filter-input{font-size:.83rem;height:42px}.searchable-filter-dropdown{max-height:200px}}.products-main{display:flex!important;flex-direction:column!important;gap:30px;padding:0!important}.filters-sidebar{border-radius:8px;box-sizing:border-box;height:auto!important;margin:0!important;max-height:none!important;max-width:none!important;padding:10px 14px!important;position:static!important;width:100%!important}.filters-header{align-items:center;display:flex;justify-content:space-between;margin:0 0 10px!important;padding:0!important}.filters-header h3{font-size:.9rem!important;font-weight:700;margin:0!important}.filters-header .btn-clear-filters{border-radius:6px!important;font-size:.72rem!important;padding:4px 10px!important}.filters-grid{grid-gap:8px!important;align-items:end;display:grid!important;gap:8px!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;margin:0!important}.filters-grid .filter-group{margin:0!important;padding:0!important}.filters-grid .filter-group>label{color:#64748b;display:block;font-size:.62rem!important;font-weight:700!important;letter-spacing:.4px;line-height:1.1;margin:0 0 4px!important;padding:0!important;text-transform:uppercase}.filters-grid .filter-count{color:#94a3b8!important;font-size:.6rem!important;font-weight:500}.filters-grid .searchable-filter,.filters-grid .searchable-filter-input-wrapper{width:100%}.filters-grid .searchable-filter-input{border-radius:5px!important;box-sizing:border-box;font-size:.72rem!important;height:30px!important;padding:5px 8px!important}.filters-grid .searchable-filter-arrow{font-size:.5rem!important;right:8px!important}.filters-grid .searchable-filter-clear{font-size:.85rem!important;right:22px!important}.products-grid{grid-gap:14px!important;display:grid!important;gap:14px!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;margin:20px 0 0!important;padding:0!important;width:100%}@media (max-width:1500px){.products-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}.filters-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}@media (max-width:1250px){.filters-grid,.products-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}@media (max-width:900px){.filters-grid,.products-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (max-width:600px){.filters-grid,.products-grid{grid-template-columns:1fr!important}}.stock-city-select{background:#fff;border:1px solid #cbd5e1;border-radius:6px;color:#0f172a;cursor:pointer;display:block;font-size:.72rem;margin-top:6px;padding:4px 6px;width:100%}.stock-city-select:focus{border-color:#004aad;outline:none}.currency-badge{align-items:center;background:#004aad;border-radius:20px;color:#fff;display:inline-flex;font-size:14px;font-weight:500;gap:5px;letter-spacing:.3px;padding:6px 12px}.currency-badge svg{font-size:12px}.search-and-city-group{align-items:center;display:flex;flex:1 1 auto;flex-wrap:wrap;gap:12px;min-width:0}.search-and-city-group .search-wrapper{flex:0 1 480px;min-width:240px}.city-filter-inline-btn{border:2px solid #e2e8f0;border-radius:12px;color:#334155;gap:8px;height:44px;padding:0 14px}.city-filter-inline-btn:hover{background:#f8fafc;border-color:#cbd5e1}.city-filter-inline-arrow,.city-filter-inline-icon{flex-shrink:0}.city-filter-inline-dropdown{border:1px solid #e2e8f0;border-radius:12px;padding:5px}.city-filter-inline-dropdown::-webkit-scrollbar{width:6px}.city-filter-inline-dropdown::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.city-filter-inline-item{border-radius:6px;padding:9px 12px}@media (max-width:768px){.search-and-city-group{align-items:stretch;flex-direction:column;width:100%}.search-and-city-group .search-wrapper{flex:1 1 auto;width:100%}.city-filter-inline{width:100%}.city-filter-inline-btn{justify-content:center;width:100%}.city-filter-inline-dropdown{left:0;right:0;width:100%}}.products-action-section{align-items:center!important;background:#0000!important;border:none!important;box-sizing:border-box!important;display:flex!important;flex-wrap:nowrap!important;gap:1rem!important;justify-content:space-between!important;margin:20px 0 16px!important;padding:0!important;width:100%!important}.products-heading{align-items:center;display:flex;flex-shrink:0}.products-heading h2{align-items:center;color:#004aad;display:flex;font-family:Arial,Helvetica,sans-serif;font-size:1.5rem;font-weight:700;gap:10px;margin:0;white-space:nowrap}.products-heading-icon{color:#004aad;flex-shrink:0;font-size:1.5rem}.products-shop-name{color:#64748b;font-size:1rem;font-weight:500;margin-left:4px}.products-action-right{align-items:center;display:flex;flex-shrink:0;gap:10px}.products-search-wrapper{flex:0 0 auto;max-width:280px;min-width:280px;position:relative;width:280px}.products-search-icon{color:#9ca3af;font-size:14px;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.products-search-input{background:#fff;border:1px solid #d1d5db;border-radius:4px;box-sizing:border-box;color:#333;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;height:38px;padding:0 12px 0 36px;width:100%}.products-search-input:focus{border-color:#004aad;box-shadow:0 0 0 2px #004aad1a;outline:none}.products-search-input::placeholder{color:#9ca3af}.products-action-buttons{display:flex;flex-shrink:0;gap:10px}.products-action-section .products-select-all-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:4px;box-sizing:border-box;color:#333;cursor:pointer;display:inline-flex;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;font-weight:500;gap:6px;height:38px;justify-content:center;line-height:1;padding:0 16px;transition:all .2s ease;white-space:nowrap}.products-action-section .products-select-all-btn:hover{background:#f9fafb;border-color:#9ca3af}.products-action-section .products-select-all-btn svg{color:#004aad;flex-shrink:0;font-size:.9rem}.products-action-section .products-add-btn{align-items:center;background:#004aad;border:1px solid #004aad;border-radius:4px;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-flex;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;font-weight:500;gap:6px;height:38px;justify-content:center;line-height:1;padding:0 16px;transition:all .2s ease;white-space:nowrap}.products-action-section .products-add-btn:hover{background:#003380;border-color:#003380}.products-action-section .products-add-btn svg{flex-shrink:0;font-size:.9rem}.city-filter-inline{flex-shrink:0;position:relative}.city-filter-inline-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:4px;box-sizing:border-box;color:#333;cursor:pointer;display:inline-flex;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;font-weight:500;gap:6px;height:38px;padding:0 12px;transition:all .2s ease;white-space:nowrap}.city-filter-inline-btn:hover{background:#f9fafb;border-color:#9ca3af}.city-filter-inline-btn.active{background:#eff6ff;border-color:#004aad;color:#004aad}.city-filter-inline-icon{color:#004aad;font-size:.85rem}.city-filter-inline-arrow{color:#64748b;font-size:.7rem;transition:transform .2s ease}.city-filter-inline-arrow.rotated{transform:rotate(180deg)}.city-filter-inline-dropdown{background:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 10px 30px #0f172a26;max-height:280px;min-width:180px;overflow-y:auto;padding:4px;position:absolute;right:0;top:calc(100% + 6px);z-index:200}.city-filter-inline-item{align-items:center;background:#0000;border:none;border-radius:4px;color:#334155;cursor:pointer;display:flex;font-family:Arial,Helvetica,sans-serif;font-size:.85rem;font-weight:500;justify-content:space-between;padding:8px 12px;text-align:left;transition:all .15s ease;width:100%}.city-filter-inline-item:hover{background:#f1f5f9;color:#004aad}.city-filter-inline-item.selected{background:#eff6ff;color:#004aad;font-weight:700}.city-filter-inline-item svg{color:#004aad;font-size:.75rem}.city-filter-inline-empty{color:#94a3b8;font-size:.8rem;padding:12px;text-align:center}@media (max-width:992px){.products-action-section{align-items:stretch!important;flex-direction:column!important;gap:12px!important}.products-heading{justify-content:center;width:100%}.products-action-right{flex-direction:column;gap:10px;width:100%}.products-search-wrapper{max-width:100%;min-width:100%;width:100%}.products-action-buttons{width:100%}.products-add-btn,.products-select-all-btn{flex:1 1;justify-content:center}.city-filter-inline{width:100%}.city-filter-inline-btn{justify-content:center;width:100%}.city-filter-inline-dropdown{left:0;right:0;width:100%}}.btn-order-label{align-items:center;background:#7c3aed;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:.78rem;font-weight:600;gap:6px;justify-content:center;padding:8px 10px;transition:background .2s ease}.btn-order-label:hover{background:#6d28d9}.cp-main-container{font-family:Arial,Helvetica,sans-serif;margin:0;max-width:100%;padding:0;text-align:left}.cp-header-section,.cp-main-container{background:#fff;box-sizing:border-box;width:100%}.cp-header-section{align-items:center!important;border:none!important;border-radius:0!important;display:flex!important;flex-direction:row!important;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem;padding:.5rem 0}.cp-header-left{align-items:center;display:flex;flex-shrink:0;flex-wrap:wrap;gap:.75rem}.cp-header-icon{color:#004aad;display:block;flex-shrink:0;font-size:1.5rem}.cp-header-title{font-size:1.5rem;font-weight:700;line-height:1.2;margin:0;padding:0}.cp-header-left .cp-city-badge,.cp-header-title{color:#004aad;font-family:Arial,Helvetica,sans-serif;white-space:nowrap}.cp-header-left .cp-city-badge{align-items:center;background:#e6f0ff;border:none!important;border-radius:20px;display:inline-flex;font-size:.8rem;font-weight:600;gap:.3rem;padding:.25rem .75rem}.cp-header-left .cp-city-icon{color:#004aad;font-size:.8rem}.cp-header-left .cp-city-name{color:#004aad;font-size:.8rem;font-weight:600}.cp-header-right{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:.5rem;justify-content:flex-end;min-width:0}.cp-city-dropdown-wrapper{align-items:center;display:flex;flex-shrink:0;min-width:170px;position:relative}.cp-city-select-dropdown{appearance:none;background:#fff;border:1px solid #ccc!important;border-radius:4px!important;box-sizing:border-box;color:#333;cursor:pointer;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;height:40px;padding:0 2rem 0 .75rem;transition:all .2s ease;width:100%}.cp-city-select-dropdown:hover:not(:disabled){border-color:#999!important}.cp-city-select-dropdown:focus{border-color:#004aad!important;box-shadow:0 0 0 2px #004aad1a;outline:none}.cp-city-select-dropdown:disabled{background:#f5f5f5;color:#999;cursor:not-allowed}.cp-city-dropdown-icon{color:#004aad;font-size:1.2rem;pointer-events:none;position:absolute;right:10px;top:50%;transform:translateY(-50%);z-index:1}.cp-search-wrapper{flex:1 1 200px;max-width:260px;min-width:160px;position:relative}.cp-search-icon{color:#999;font-size:.85rem;left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.cp-search-input{background:#fff;border:1px solid #ccc!important;border-radius:4px!important;box-sizing:border-box;color:#333;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;height:40px;padding:0 1rem 0 2.4rem!important;transition:all .2s ease;width:100%}.cp-search-input::placeholder{color:#aaa}.cp-search-input:focus{border-color:#004aad!important;box-shadow:0 0 0 2px #004aad1a;outline:none}.cp-add-payment-btn,.cp-select-all-btn{align-items:center;border-radius:4px;box-sizing:border-box;cursor:pointer;display:inline-flex;flex-shrink:0;font-family:Arial,Helvetica,sans-serif;font-size:.85rem;font-weight:600;gap:6px;height:40px;justify-content:center;line-height:1;padding:0 12px;transition:all .2s ease;white-space:nowrap}.cp-add-payment-btn span,.cp-select-all-btn span{display:inline-block;line-height:1.2;white-space:nowrap}.cp-select-all-btn{border:1px solid #004aad}.cp-select-all-btn,.cp-select-all-btn:hover{background:#fff;color:#004aad}.cp-add-payment-btn{background:#004aad!important;border:1px solid #004aad!important;color:#fff!important}.cp-add-payment-btn:hover{background:#004aad!important;border-color:#003a8c!important}.cp-add-payment-btn svg,.cp-select-all-btn svg{display:block;flex-shrink:0;height:1em;width:1em}.cp-content{background:#fff;box-sizing:border-box;padding:0;text-align:left;width:100%}.cp-error-message{color:#dc3545;font-size:.9rem;margin-bottom:1rem}.cp-selected-summary{background:#004aad0d;border:none!important;border-radius:4px;box-sizing:border-box;margin-bottom:1rem;padding:.6rem 1rem;width:100%}.cp-summary-content{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.cp-summary-icon{align-items:center;background:#004aad;border-radius:50%;color:#fff;display:inline-flex;font-size:.75rem;font-weight:700;height:22px;justify-content:center;width:22px}.cp-summary-text{color:#004aad;flex:1 1;font-size:.9rem;font-weight:500}.cp-clear-selection{background:#0000;border:none;border-radius:4px;color:#dc3545;cursor:pointer;font-size:.85rem;padding:.25rem .5rem;transition:all .2s}.cp-clear-selection:hover{background:#dc35451a}.cp-action-dropdown-container{display:inline-block;position:relative}.cp-action-dropdown-btn{align-items:center;background:#004aad;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:8px;padding:.45rem 1rem;transition:all .2s ease}.cp-action-dropdown-btn:hover{background:#003380}.cp-action-dropdown-menu{background:#fff;border:none!important;border-radius:6px;box-shadow:0 4px 12px #00000026;margin-top:6px;min-width:200px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.cp-dropdown-item{align-items:center;background:#fff;border:none;color:#333;cursor:pointer;display:flex;font-size:.9rem;gap:10px;padding:.7rem 1rem;text-align:left;width:100%}.cp-dropdown-item:hover{background:#f8f9fa}.cp-dropdown-item.cp-delete-item{color:#dc3545}.cp-dropdown-item.cp-delete-item:hover{background:#fee2e2}.cp-table-container{background:#fff;border:1px solid #e0e0e0!important;border-radius:0!important;border-top:none!important;box-sizing:border-box;margin:0 0 1.5rem;max-width:100%;overflow:hidden;width:100%}.cp-table-wrapper{max-width:100%;overflow-x:auto;width:100%}.cp-table{background:#fff;border-collapse:collapse;max-width:100%;table-layout:fixed;width:100%}.cp-table thead{background:#004aad}.cp-table th{background:#004aad!important;color:#fff!important;font-size:.8rem;font-weight:700;letter-spacing:.5px;padding:1rem .75rem;text-transform:uppercase;vertical-align:middle;white-space:nowrap}.cp-table td,.cp-table th{border:none!important;font-family:Arial,Helvetica,sans-serif;text-align:center}.cp-table td{word-wrap:break-word;border-bottom:1px solid #e8e8e8!important;color:#333;font-size:.9rem;line-height:1.4;overflow-wrap:break-word;padding:.85rem 1rem;vertical-align:middle!important}.cp-table td:last-child{border-right:none}.cp-table td:nth-child(2),.cp-table td:nth-child(6),.cp-table th:nth-child(2),.cp-table th:nth-child(6){text-align:left}.cp-table tbody tr:last-child td{border-bottom:none!important}.cp-table tbody tr:hover{background:#fafafa}.cp-table tbody tr.cp-selected{background:#004aad0d}.cp-table input[type=checkbox]{accent-color:#004aad;cursor:pointer;display:block;height:18px;margin:0 auto;width:18px}.cp-account-cell{text-align:left}.cp-city-cell{color:#333;font-size:.9rem;font-weight:400}.cp-amount-cell{color:#333;font-weight:500}.cp-no-data-cell{color:#666!important;padding:60px 20px!important;text-align:center!important}.cp-actions-cell{padding:.5rem 1rem!important;text-align:center;vertical-align:middle;white-space:nowrap}.cp-actions-cell-inner{gap:8px}.cp-actions-cell-inner,.cp-edit-payment-btn{align-items:center;display:inline-flex;justify-content:center}.cp-edit-payment-btn{background:#0000;border:none;border-radius:4px;color:#004aad!important;cursor:pointer;font-size:1.15rem;line-height:1;padding:4px 6px;transition:all .3s}.cp-edit-payment-btn:hover{background:#004aad1a;transform:scale(1.1)}.cp-edit-payment-btn svg{fill:#004aad!important;color:#004aad!important;height:1em;width:1em}.cp-delete-payment-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#dc3545!important;cursor:pointer;display:inline-flex!important;font-size:1.15rem;justify-content:center;line-height:1;padding:4px 6px;transition:all .3s}.cp-delete-payment-btn:hover{background:#dc35451a;color:#dc3545!important;transform:scale(1.1)}.cp-delete-payment-btn svg{fill:#dc3545!important;color:#dc3545!important;height:1em;width:1em}.cp-delete-payment-btn:disabled,.cp-edit-payment-btn:disabled{cursor:not-allowed;opacity:.5}.cp-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.cp-modal-content{background:#fff;border-radius:8px;box-shadow:0 4px 20px #0003;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.cp-modal-header{align-items:center;background:#fff;border-bottom:1px solid #e0e0e0;border-radius:8px 8px 0 0;display:flex;justify-content:space-between;padding:1.5rem}.cp-modal-header h3{color:#004aad;font-size:1.25rem;font-weight:600;margin:0}.cp-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;width:30px}.cp-modal-close:hover{background:#e0e0e0;color:#333}.cp-modal-body{max-height:60vh;overflow-y:auto;padding:1.5rem}.cp-modal-footer{border-top:1px solid #e0e0e0;display:flex;gap:1rem;justify-content:flex-end;padding:1rem 1.5rem}.cp-form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.cp-form-group,.cp-form-row{margin-bottom:1.5rem}.cp-form-row .cp-form-group{margin-bottom:0}.cp-form-group label{color:#333;display:block;font-size:.85rem;font-weight:600;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.cp-form-group input,.cp-form-group select{background:#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%}.cp-form-group input:focus,.cp-form-group select:focus{border-color:#004aad;box-shadow:0 0 0 2px #004aad1a;outline:none}.cp-shop-name-display{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:4px;color:#004aad;display:flex;font-size:1rem;gap:10px;padding:10px 15px}.cp-shop-name-display strong{color:#333}.cp-btn-cancel,.cp-btn-delete,.cp-btn-save{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}.cp-btn-cancel{background:#f8f9fa;border:1px solid #e0e0e0;color:#666}.cp-btn-cancel:hover{background:#e9ecef}.cp-btn-save{background:#004aad;color:#fff}.cp-btn-save:hover{background:#003380}.cp-btn-delete{background:#dc3545;color:#fff}.cp-btn-delete:hover{background:#c82333}.cp-invoice-dropdown-container{position:relative}.cp-invoice-dropdown-input{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:4px;cursor:pointer;display:flex}.cp-invoice-input{background:#fff;border:none;cursor:pointer;flex:1 1;outline:none;padding:.6rem}.cp-dropdown-arrow{color:#666;margin-right:10px;transition:transform .2s}.cp-dropdown-arrow.open{transform:rotate(180deg)}.cp-invoice-dropdown-menu{background:#fff;border:1px solid #e0e0e0;border-radius:4px;box-shadow:0 4px 12px #0000001a;left:0;margin-top:4px;position:absolute;right:0;top:100%;z-index:100}.cp-invoice-search{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;gap:8px;padding:8px 12px}.cp-invoice-search-input{background:#fff;border:none;flex:1 1;font-size:.85rem;outline:none;padding:4px}.cp-invoice-list{max-height:200px;overflow-y:auto}.cp-invoice-item{border-bottom:1px solid #f0f0f0;cursor:pointer;font-size:.85rem;padding:10px 15px}.cp-invoice-item:hover{background:#f0f7ff}.cp-invoice-item.selected{background:#004aad;color:#fff}.cp-no-invoices{color:#999;font-size:.85rem;padding:15px;text-align:center}.cp-field-hint{color:#666;font-size:.75rem;margin-top:.25rem}@media (max-width:1024px){.cp-table td,.cp-table th{font-size:.8rem;padding:.6rem}}@media (max-width:900px){.cp-header-section{flex-wrap:wrap!important}.cp-header-right{flex-wrap:wrap;justify-content:flex-start;width:100%}.cp-search-wrapper{flex:1 1 100%;max-width:100%}}@media (max-width:768px){.cp-header-section{align-items:stretch!important;flex-direction:column!important;gap:.75rem}.cp-header-left{justify-content:flex-start}.cp-header-title{font-size:1.25rem}.cp-header-right{align-items:stretch;flex-direction:column;gap:.5rem}.cp-add-payment-btn,.cp-city-dropdown-wrapper,.cp-search-wrapper,.cp-select-all-btn{max-width:100%;width:100%}.cp-table td,.cp-table th{font-size:.8rem;padding:.6rem}.cp-summary-content{align-items:stretch;flex-direction:column}.cp-modal-content{margin:1rem;width:95%}.cp-form-row{grid-template-columns:1fr}}@media (max-width:480px){.cp-header-title{font-size:1.3rem}.cp-table td,.cp-table th{font-size:.7rem;padding:.4rem}}.gallery-main-container{background:#0000!important;box-sizing:border-box;margin:0;max-width:100%;padding:0 3px;width:100%}.gallery-action-section{align-items:center!important;background:#0000!important;border:none!important;border-radius:0!important;box-sizing:border-box!important;display:flex!important;flex-wrap:nowrap!important;gap:1rem!important;justify-content:space-between!important;margin:20px 0 24px!important;padding:0!important;width:100%!important}.gallery-heading{flex-shrink:0}.gallery-heading h2{align-items:center;color:#004aad;display:flex;font-family:Arial,Helvetica,sans-serif;font-size:1.5rem;font-weight:700;gap:10px;margin:0;white-space:nowrap}.gallery-heading-icon{color:#004aad;flex-shrink:0;font-size:1.5rem}.gallery-action-right{align-items:center;display:flex;flex-shrink:0;gap:.8rem}.gallery-search-wrapper{flex:0 0 auto;max-width:280px;min-width:280px;position:relative;width:280px}.gallery-search-icon{color:#9ca3af;font-size:14px;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.gallery-search-input{background:#fff;border:1px solid #d1d5db;border-radius:4px;box-sizing:border-box;color:#333;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;height:38px;padding:0 12px 0 36px;width:100%}.gallery-search-input:focus{border-color:#004aad;box-shadow:0 0 0 2px #004aad1a;outline:none}.gallery-search-input::placeholder{color:#9ca3af}.gallery-action-buttons{display:flex;flex-shrink:0;gap:10px}.gallery-action-section .gallery-select-all-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:4px;box-sizing:border-box;color:#333;cursor:pointer;display:inline-flex;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;font-weight:500;gap:6px;height:38px;justify-content:center;line-height:1;padding:0 16px;transition:all .2s ease;white-space:nowrap}.gallery-action-section .gallery-select-all-btn:hover{background:#f9fafb;border-color:#9ca3af}.gallery-action-section .gallery-select-all-btn svg{color:#004aad;flex-shrink:0;font-size:.9rem}.gallery-action-section .gallery-add-btn{align-items:center;background:#004aad;border:1px solid #004aad;border-radius:4px;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-flex;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;font-weight:500;gap:6px;height:38px;justify-content:center;line-height:1;padding:0 16px;transition:all .2s ease;white-space:nowrap}.gallery-action-section .gallery-add-btn:hover{background:#003380;border-color:#003380}.gallery-action-section .gallery-add-btn svg{flex-shrink:0;font-size:.9rem}.selected-summary{background:#f8fafc;border:1px solid #e5e7eb;border-radius:6px}.clear-selection{padding:4px 10px}.action-dropdown-btn{gap:6px;padding:6px 12px}.action-dropdown-menu{border:1px solid #e5e7eb;box-shadow:0 4px 12px #0000001a;min-width:180px}.dropdown-item{font-size:.85rem;padding:10px 14px}.gallery-table-container{background:#fff;border:1px solid #e5e7eb!important;border-radius:6px;box-sizing:border-box;margin-bottom:1.5rem;overflow:hidden;width:100%}.gallery-table-wrapper{overflow-x:auto;width:100%}.gallery-table{background:#fff;border-collapse:collapse;min-width:500px;width:100%}.gallery-table th,.gallery-table thead{background:#004aad}.gallery-table th{border:none;border-right:1px solid #5a9bd5;color:#fff!important;font-family:Arial,Helvetica,sans-serif;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:14px 16px;text-align:left;text-transform:uppercase;vertical-align:middle;white-space:nowrap}.gallery-table th:last-child{border-right:none}.gallery-table th:first-child{border-top-left-radius:6px}.gallery-table th:last-child{border-top-right-radius:6px}.gallery-table td{border:none;border-bottom:1px solid #e5e7eb;border-right:1px solid #f0f0f0;color:#333;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;padding:14px 16px;text-align:left;vertical-align:middle}.gallery-table td:last-child{border-right:none}.gallery-table tbody tr:last-child td{border-bottom:none}.gallery-table tbody tr:hover{background:#f9fafb}.gallery-table tbody tr.gallery-selected-row{background:#f0f7ff}.gallery-table input[type=checkbox]{accent-color:#004aad;cursor:pointer;display:block;height:16px;margin:0 auto;width:16px}.gallery-table td:first-child,.gallery-table th:first-child{text-align:center;width:50px}.gallery-title,.gallery-title-cell{font-weight:500}.gallery-title{color:#004aad;font-size:.9rem}.gallery-actions-cell{text-align:center;white-space:nowrap}.gallery-delete-btn,.gallery-edit-btn{align-items:center;background:#0000;border:none;border-radius:4px;cursor:pointer;display:inline-flex;font-size:15px;justify-content:center;margin:0 2px;padding:6px 8px;transition:all .2s ease}.gallery-edit-btn{color:#004aad}.gallery-edit-btn:hover{background:#004aad14;transform:scale(1.1)}.gallery-delete-btn{color:#dc3545!important}.gallery-delete-btn:hover{background:#dc354514!important;transform:scale(1.1)}.gallery-no-data-row{padding:60px 20px;text-align:center}.gallery-no-data{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center}.gallery-no-data-icon{color:#d1d5db;font-size:2.5rem;margin-bottom:8px}.gallery-no-data p{color:#6b7280;font-size:.9rem;margin:0 0 16px}.gallery-add-first-btn{align-items:center;background:#004aad;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:500;gap:6px;justify-content:center;padding:8px 16px}.gallery-add-first-btn:hover{background:#003380}.gallery-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.gallery-modal-content{background:#fff;border-radius:8px;box-shadow:0 4px 20px #0003;max-height:90vh;max-width:700px;overflow-y:auto;width:90%}.gallery-modal-header{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.gallery-modal-header h3{color:#004aad;font-size:1.15rem;font-weight:600;margin:0}.gallery-modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;font-size:1.5rem;height:30px;justify-content:center;width:30px}.gallery-modal-close:hover{background:#e5e7eb;color:#333}.gallery-modal-body{padding:24px}.gallery-modal-footer{background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:10px;justify-content:flex-end;padding:16px 24px}.gallery-btn-cancel,.gallery-btn-delete,.gallery-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:10px 20px}.gallery-btn-cancel{background:#f9fafb;border:1px solid #e5e7eb;color:#6b7280}.gallery-btn-cancel:hover{background:#f3f4f6}.gallery-btn-save{background:#004aad;color:#fff}.gallery-btn-save:hover{background:#003380}.gallery-btn-save:disabled{cursor:not-allowed;opacity:.6}.gallery-btn-delete{background:#dc3545;color:#fff}.gallery-btn-delete:hover{background:#c82333}.image-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{gap:6px}.gallery-form-label{color:#333;font-size:.8rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.gallery-shop-info{background:#f9fafb;border:1px solid #e5e7eb;border-radius:4px;color:#004aad;font-weight:500;padding:10px 12px}.gallery-image-form-group{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:1rem}.current-image-info{align-items:center;background:#e8f0fe;border:1px solid #cce5ff;border-radius:5px;display:flex;gap:10px;margin-bottom:10px;padding:8px 12px}.current-label{color:#666;font-size:13px;font-weight:700}.current-file-name{color:#004aad;flex:1 1;font-family:monospace;font-size:13px;font-weight:500}.clear-current-btn{background:#dc3545;border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:4px 10px}.clear-current-btn:hover{background:#c82333}.image-upload-container{flex-wrap:wrap;gap:10px}.image-upload-label{background:#004aad;border-radius:5px;color:#fff;padding:8px 16px}.image-upload-label:hover{background:#003d91}.change-label{color:#666;font-size:13px;font-weight:500;min-width:60px}.file-name-display{color:#666;flex:1 1;font-size:13px;word-break:break-all}.file-name{color:#333;font-weight:500}.file-type{color:#004aad;font-weight:600;margin-left:5px}.remove-file-btn{align-items:center;background:#dc3545;border:none;border-radius:50%;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;height:22px;justify-content:center;padding:4px 10px;width:22px}.remove-file-btn:hover{background:#c82333}.image-preview-modal{display:flex;justify-content:center;margin-top:10px}.preview-image-modal{border:2px solid #ddd;border-radius:5px;max-height:150px;max-width:150px;object-fit:cover}@media (max-width:992px){.gallery-action-section{align-items:stretch!important;flex-direction:column!important;gap:12px!important}.gallery-heading{text-align:center;width:100%}.gallery-heading h2{justify-content:center}.gallery-action-right{flex-direction:column;gap:10px;width:100%}.gallery-search-wrapper{max-width:100%;min-width:100%;width:100%}.gallery-action-buttons{width:100%}.gallery-action-section .gallery-add-btn,.gallery-action-section .gallery-select-all-btn{flex:1 1;justify-content:center}}@media (max-width:480px){.gallery-main-container{padding:0 12px}.gallery-heading h2{font-size:1.2rem}.gallery-table td,.gallery-table th{font-size:.8rem;padding:10px 8px}}.customers-page{margin:0;max-width:100%;min-height:100vh;padding:0;text-align:left}.customers-header-section,.customers-page{background:#fff;box-sizing:border-box;width:100%}.customers-header-section{align-items:center!important;border:none!important;border-radius:0!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap;gap:1rem;justify-content:space-between!important;margin-bottom:1.5rem;padding:.75rem 0}.customers-header-left{align-items:center;display:flex;flex-shrink:0;gap:.75rem}.customers-header-icon{align-items:center;color:#004aad;display:inline-flex;flex-shrink:0;font-size:1.5rem;justify-content:center;line-height:1}.customers-header-title{color:#004aad;font-family:Arial,Helvetica,sans-serif;font-size:1.5rem;font-weight:700;line-height:1.2;margin:0;padding:0;white-space:nowrap}.shop-city-icon{color:#004aad}.shop-city-name{line-height:1}.customers-header-right{align-items:center;display:flex;flex:1 1;gap:.6rem;justify-content:flex-end;min-width:0}.customers-header-right .search-wrapper{flex:1 1 240px;max-width:280px;min-width:180px;position:relative}.customers-header-right .search-icon{color:#999;font-size:.85rem;left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.customers-header-right .search-input{background:#fff;border:1px solid #004aad!important;border-radius:4px!important;box-sizing:border-box;color:#333;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;height:40px;padding:0 1rem 0 2.4rem;transition:all .2s ease;width:100%}.customers-header-right .search-input::placeholder{color:#aaa}.customers-header-right .search-input:focus{border-color:#004aad!important;box-shadow:0 0 0 2px #004aad1a;outline:none}.customers-header-right .add-customer-btn,.customers-header-right .select-all-btn{align-items:center;border-radius:4px;box-sizing:border-box;cursor:pointer;display:inline-flex;flex-shrink:0;font-family:Arial,Helvetica,sans-serif;font-size:.85rem;font-weight:600;gap:.4rem;height:40px;justify-content:center;padding:0 1rem;transition:all .2s ease;white-space:nowrap}.customers-header-right .select-all-btn{background:#fff;border:1px solid #004aad!important;color:#004aad}.customers-header-right .select-all-btn:hover{background:#fff;color:#004aad}.customers-header-right .add-customer-btn{background:#004aad!important;border:none!important;color:#fff!important}.customers-header-right .add-customer-btn:hover{background:#004aad!important}.customers-header-right .add-customer-btn:disabled{cursor:not-allowed;opacity:.5}.customers-table-container{background:#fff;border:1px solid #e0e0e0!important;border-radius:0!important;border-top:none!important;box-sizing:border-box;margin:0 0 1.5rem;max-width:100%;overflow:hidden;width:100%}.customers-table-wrapper{max-width:100%;overflow-x:auto;width:100%}.customers-table{background:#fff;border-collapse:collapse;max-width:100%;width:100%}.customers-table thead{background:#004aad}.customers-table th{background:#004aad;color:#fff;font-size:.8rem;font-weight:700;letter-spacing:.5px;padding:.9rem 1rem;text-transform:uppercase}.customers-table td,.customers-table th{border:none!important;font-family:Arial,Helvetica,sans-serif;text-align:left;vertical-align:middle}.customers-table td{word-wrap:break-word;background:#fff;border-bottom:1px solid #e8e8e8!important;color:#333;font-size:.9rem;overflow-wrap:break-word;padding:.85rem 1rem}.customers-table tbody tr:last-child td{border-bottom:none!important}.customers-table tbody tr:hover td{background:#fafafa}.customers-table tbody tr.selected td{background:#004aad0d}.customers-table input[type=checkbox]{accent-color:#004aad;cursor:pointer;height:16px;width:16px}.customers-table td:first-child,.customers-table th:first-child{max-width:50px;min-width:50px;text-align:center;width:50px}.customers-table td:nth-child(2),.customers-table th:nth-child(2){text-align:left;width:18%}.customers-table td:nth-child(3),.customers-table th:nth-child(3){text-align:left;width:20%}.customers-table td:nth-child(4),.customers-table th:nth-child(4){text-align:left;width:13%}.customers-table td:nth-child(5),.customers-table th:nth-child(5){text-align:left;width:15%}.customers-table td:nth-child(6),.customers-table th:nth-child(6){text-align:left;width:10%}.customers-table td:nth-child(7),.customers-table th:nth-child(7){text-align:center;width:12%}.customers-table td:last-child,.customers-table th:last-child{max-width:120px;min-width:120px;text-align:center!important;width:120px}.customer-name-cell{color:#333;display:inline;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;font-weight:400!important}.company-cell{text-align:left;vertical-align:middle}.company-text{background:#0000!important;border:none!important;border-radius:0!important;box-shadow:none!important;color:#333!important;display:inline;font-family:Arial,Helvetica,sans-serif!important;font-size:.9rem!important;font-weight:400!important;line-height:1.4;margin:0!important;padding:0!important}.company-none{color:#9e9e9e;font-size:.9rem}.user-city-cell{color:#333;display:inline;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;font-weight:400}.billing-cell{text-align:center;vertical-align:middle}.billing-cell-content{align-items:center;display:inline-flex;flex-wrap:wrap;gap:6px;justify-content:center}.billing-badge{border-radius:999px;color:#fff;font-size:11px;font-weight:700;padding:2px 8px}.vat-badge{background:#7b1fa2}.delivery-badge{background:#00897b}.billing-none{color:#9e9e9e}.edit-customer-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#004aad;cursor:pointer;display:inline-flex;font-size:1.05rem;justify-content:center;padding:.35rem .5rem;transition:all .2s}.edit-customer-btn:hover{background:#004aad1a;transform:scale(1.05)}.delete-customer-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#dc3545!important;cursor:pointer;display:inline-flex!important;font-size:1.05rem;justify-content:center;padding:.35rem .5rem;transition:all .2s}.delete-customer-btn:hover{background:#dc35451a;color:#dc3545!important;transform:scale(1.05)}.clear-city-filter-btn{background:#004aad;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;margin-top:10px;padding:8px 16px}.clear-city-filter-btn:hover{background:#003a8c}.pagination-section{display:flex;justify-content:center;padding:10px 0}.pagination-wrapper{align-items:center;background:#fff;border:none;border-radius:8px;display:flex;flex-wrap:wrap;gap:16px;justify-content:center;padding:12px 24px}.pagination-info{color:#333}.page-btn,.pagination-info{font-size:.9rem;font-weight:500}.page-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#6b7280;cursor:pointer;display:inline-flex;gap:6px;padding:8px 16px;transition:all .2s}.page-btn:hover:not(:disabled){background:#004aad;border-color:#004aad;color:#fff}.page-btn:disabled{cursor:not-allowed;opacity:.5}.current-page{background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#333;font-size:.9rem;font-weight:600;padding:8px 16px}.error-container{background:#fff;border:1px solid #eef2f6;border-radius:8px;flex-direction:column;min-height:400px;padding:40px}.error-container h2{color:#dc2626}.error-container p{color:#64748b;margin-bottom:20px;max-width:500px;text-align:center}.retry-btn{background-color:#004aad;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:10px 24px;transition:all .2s}.retry-btn:hover{background-color:#003380;transform:translateY(-1px)}@media (max-width:1024px){.customers-table td,.customers-table th{font-size:.8rem;padding:.6rem}}@media (max-width:900px){.customers-header-section{flex-wrap:wrap!important}.customers-header-right{flex-wrap:wrap;justify-content:flex-start;width:100%}.customers-header-right .search-wrapper{flex:1 1 100%;max-width:100%}}@media (max-width:768px){.customers-header-section{align-items:stretch!important;flex-direction:column!important;gap:.75rem}.customers-header-left{justify-content:flex-start}.customers-header-title{font-size:1.25rem}.customers-header-right{align-items:stretch;flex-direction:column;gap:.5rem}.city-dropdown-wrapper,.customers-header-right .add-customer-btn,.customers-header-right .search-wrapper,.customers-header-right .select-all-btn{max-width:100%;width:100%}.customers-table td,.customers-table th{font-size:.8rem;padding:.6rem}.customers-table th{font-size:.7rem}.pagination-wrapper{gap:10px;padding:12px 16px}}@media (max-width:480px){.customers-header-title{font-size:1.3rem}.customers-table td,.customers-table th{font-size:.7rem;padding:.4rem}}.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,.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-container{margin:0;max-width:100%;padding:0;text-align:left}.users-container,.users-header-section{background:#fff;box-sizing:border-box;width:100%}.users-header-section{align-items:center!important;border:none!important;border-radius:0!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap;gap:1rem;justify-content:space-between!important;margin-bottom:1.5rem;padding:.75rem 0}.users-header-left{align-items:center;display:flex;flex-shrink:0;gap:.75rem}.users-header-icon{align-items:center;color:#004aad;display:inline-flex;flex-shrink:0;font-size:1.5rem;justify-content:center;line-height:1}.users-header-title{color:#004aad;font-family:Arial,Helvetica,sans-serif;font-size:1.5rem;font-weight:700;line-height:1.2;margin:0;padding:0;white-space:nowrap}.users-header-right{align-items:center;display:flex;flex:1 1;gap:.6rem;justify-content:flex-end;min-width:0}.users-header-right .search-wrapper{flex:1 1 240px;max-width:280px;min-width:180px;position:relative}.users-header-right .search-icon{color:#999;font-size:.85rem;left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.users-header-right .search-input{background:#fff;border:1px solid #004aad!important;border-radius:4px!important;box-sizing:border-box;color:#333;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;height:40px;padding:0 1rem 0 2.4rem;transition:all .2s ease;width:100%}.users-header-right .search-input::placeholder{color:#aaa}.users-header-right .search-input:focus{border-color:#004aad!important;box-shadow:0 0 0 2px #004aad1a;outline:none}.users-header-right .add-user-btn,.users-header-right .select-all-btn{align-items:center;border-radius:4px;box-sizing:border-box;cursor:pointer;display:inline-flex;flex-shrink:0;font-family:Arial,Helvetica,sans-serif;font-size:.85rem;font-weight:600;gap:.4rem;height:40px;justify-content:center;padding:0 1rem;transition:all .2s ease;white-space:nowrap}.users-header-right .select-all-btn{background:#fff;border:1px solid #004aad!important;color:#004aad}.users-header-right .select-all-btn:hover{background:#fff;color:#004aad}.users-header-right .add-user-btn{background:#004aad!important;border:none!important;color:#fff!important}.users-header-right .add-user-btn:hover{background:#004aad!important}.users-content{padding:0;text-align:left}.users-content,.users-table-container{background:#fff;box-sizing:border-box;max-width:100%;width:100%}.users-table-container{border:1px solid #e0e0e0!important;border-radius:0!important;border-top:none!important;margin:0;overflow:hidden}.users-table-wrapper{max-width:100%;overflow-x:auto;width:100%}.users-table{background:#fff;border-collapse:collapse;max-width:100%;table-layout:auto;width:100%}.users-table thead{background:#004aad}.users-table th{background:#004aad;color:#fff;font-size:.8rem;font-weight:700;letter-spacing:.5px;padding:.9rem 1rem;text-transform:uppercase}.users-table td,.users-table th{border:none!important;font-family:Arial,Helvetica,sans-serif;text-align:left;vertical-align:middle;white-space:nowrap}.users-table td{background:#fff;border-bottom:1px solid #e8e8e8!important;color:#333;font-size:.9rem;padding:.85rem 1rem}.users-table tbody tr:last-child td{border-bottom:none!important}.users-table tbody tr:hover td{background:#fafafa}.users-table tbody tr.selected td{background:#004aad0d}.users-table input[type=checkbox]{accent-color:#004aad;cursor:pointer;height:16px;width:16px}.user-name-cell{color:#333;display:inline;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;font-weight:400!important;white-space:nowrap}.status-badge{align-items:center;display:inline-flex;font-size:.78rem;gap:.3rem;padding:.2rem .7rem}.status-badge.active{background:#d4edda}.status-badge.inactive{background:#fee2e2}.actions-cell .actions-wrapper{align-items:center;display:inline-flex;gap:6px;justify-content:center}.delete-address-btn{display:none!important}.no-users .no-data-icon{color:#ccc;font-size:2.5rem;margin-bottom:.75rem}.add-first-btn{padding:.5rem 1.25rem;transition:background .2s}.add-first-btn:hover{background:#003a8c}.shop-badge,.user-city-cell,.user-type-badge{box-shadow:none!important;display:inline;font-family:Arial,Helvetica,sans-serif!important;font-size:.9rem!important;font-weight:400!important;margin:0!important;text-transform:none!important}.shop-badge,.user-city-cell,.user-type-badge,.user-type-badge.admin,.user-type-badge.customer,.user-type-badge.default,.user-type-badge.inactive_customer,.user-type-badge.staff{background:#0000!important;border:none!important;border-radius:0!important;color:#333!important;padding:0!important;white-space:nowrap}.add-user-page{background:#0000;box-sizing:border-box;margin:0;max-width:100%;min-height:100vh;padding:1rem 0;width:100%}.add-user-header{align-items:flex-start;border-bottom:1px solid #e8e8e8;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem;width:100%}.add-user-header .header-left{display:flex;flex:1 1;flex-direction:column;gap:.25rem;min-width:0}.header-title{margin:0}.header-title h1{font-family:Arial,Helvetica,sans-serif;font-size:1.75rem;line-height:1.2}.add-user-header .header-subtitle{color:#666;font-size:.9rem;line-height:1.4}.add-user-header .header-subtitle,.back-button{font-family:Arial,Helvetica,sans-serif;margin:0}.back-button{flex-shrink:0;font-size:.85rem;font-weight:600;gap:.4rem;padding:.5rem 1.1rem;transition:all .2s ease;white-space:nowrap}.back-button:hover{background:#004aad!important;border-color:#004aad!important}.add-user-form-full{background:#0000}.form-two-columns{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin-bottom:1.5rem}.form-column{display:flex;flex-direction:column;gap:1.5rem}.form-section{background:#0000;border-radius:6px;padding:1.25rem 1.5rem;transition:box-shadow .2s ease}.form-section:hover{box-shadow:0 2px 8px #0000000f}.form-section h3{font-family:Arial,Helvetica,sans-serif;font-size:1.05rem;gap:.6rem;margin:0 0 1.25rem;padding-bottom:.75rem}.section-icon{font-size:1.15rem}.form-group.half,.form-group:last-child{margin-bottom:0}.form-group label{font-family:Arial,Helvetica,sans-serif;font-size:.8rem;margin-bottom:.4rem}.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,.form-select{background:#fff;border:1px solid #d0d0d0!important;border-radius:4px!important;box-sizing:border-box;color:#333;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;padding:.6rem .75rem;transition:all .2s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus,.form-select:focus{border-color:#004aad!important;box-shadow:0 0 0 3px #004aad1a;outline:none}.form-group input:disabled,.form-group select:disabled,.form-select:disabled{background:#f5f5f5;color:#666;cursor:not-allowed}.form-group textarea{min-height:80px}.checkbox-group{align-items:flex-start;display:flex;flex-direction:column;gap:.4rem}.checkbox-group label,.form-group.checkbox-group>label{align-items:center!important;cursor:pointer;display:inline-flex!important;flex-direction:row!important;font-size:.9rem;font-weight:500;gap:.5rem;justify-content:flex-start!important;letter-spacing:normal;margin:0!important;text-transform:none;white-space:nowrap;width:auto!important}.checkbox-group label:after,.checkbox-group label:before{content:none!important}.checkbox-group input[type=checkbox],.form-group.checkbox-group input[type=checkbox]{accent-color:#004aad;appearance:auto!important;background:#0000!important;border:none!important;box-shadow:none!important;cursor:pointer;flex:0 0 18px!important;height:18px!important;margin:0!important;min-width:18px!important;padding:0!important;width:18px!important}.checkbox-label{display:inline-flex;gap:.3rem}.field-hint{font-family:Arial,Helvetica,sans-serif;font-size:.78rem;margin-top:.35rem}.field-hint.success-hint{color:#4a7fc1;font-style:normal}.field-hint.warning-hint{color:#ff9800;font-style:normal}.field-hint.info-hint{color:#4a7fc1;font-style:normal}.field-hint.error-hint{color:#dc3545;font-style:normal}.info-hint{color:#4a7fc1;font-size:.75rem;font-weight:400;letter-spacing:normal;margin-left:.4rem;text-transform:none}.required-badge{background:#dc3545;border-radius:10px;color:#fff;font-size:.68rem;font-weight:600;letter-spacing:.3px;margin-left:.4rem;padding:2px 8px;text-transform:uppercase}.loading-select{align-items:center;background:#f9f9f9;border-radius:4px;color:#666;display:flex;font-size:.85rem;gap:.5rem;padding:.6rem .75rem}.admin-city-info{background:#e6f0ff;border:1px solid #b8c9e0;border-radius:4px;margin-top:.25rem;padding:.75rem 1rem}.admin-city-message{align-items:center;color:#004aad;display:flex;font-family:Arial,Helvetica,sans-serif;font-size:.85rem;font-weight:500;gap:.5rem;margin:0}.admin-city-message svg{color:#004aad;flex-shrink:0;font-size:1rem}.admin-city-detail{background:#fff;border:1px solid #e0e0e0;border-radius:4px;color:#555;font-size:.82rem;margin:.5rem 0 0;padding:.5rem .75rem}.admin-city-warning{color:#ff9800;font-size:.82rem;font-style:italic;margin:.5rem 0 0}.billing-flags-group{background:#fafbfc;border:1px dashed #cfd8dc;border-radius:6px;margin-top:1rem;padding:.9rem 1rem}.billing-flags-title{align-items:center;color:#37474f;display:flex;font-family:Arial,Helvetica,sans-serif;font-size:.85rem;font-weight:700;gap:.5rem;letter-spacing:.4px;margin-bottom:.75rem;text-transform:uppercase}.billing-flags-group .form-group{margin-bottom:.75rem}.billing-flags-group .form-group:last-child{margin-bottom:0}.billing-flags-group .checkbox-label{align-items:center;display:inline-flex;gap:.4rem}.address-mode-toggle{background-color:#f5f5f5;border-radius:6px;display:flex;gap:.5rem;margin-bottom:.75rem;padding:4px}.mode-btn{align-items:center;border:1px solid #0000;border-radius:4px;cursor:pointer;display:inline-flex;flex:1 1;font-family:Arial,Helvetica,sans-serif;font-size:.82rem;font-weight:600;gap:.4rem;justify-content:center;padding:.5rem .75rem;transition:all .2s ease}.mode-btn,.mode-btn:not(.active):hover:not(:disabled){background-color:#fff;color:#666}.mode-btn.active{border-color:#004aad;box-shadow:0 1px 4px #004aad4d}.mode-btn.active,.mode-btn.active:hover:not(:disabled){background-color:#004aad;color:#fff}.mode-btn:disabled{background-color:#f0f0f0;color:#ccc;cursor:not-allowed}.mode-btn svg{font-size:.85rem}.manual-address-container{animation:fadeIn .25s ease}.manual-address-textarea{border:1px solid #d0d0d0!important;border-radius:4px!important;box-sizing:border-box;color:#333;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;min-height:80px;padding:.7rem .85rem;resize:vertical;transition:all .2s ease;width:100%}.manual-address-textarea:focus{border-color:#004aad!important;box-shadow:0 0 0 3px #004aad1a;outline:none}.dropdown-address-container{animation:fadeIn .25s ease}.address-select-container{width:100%}.address-select-row{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.address-select-row select{flex:1 1}.btn-add-address{align-items:center;background-color:#004aad;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-flex;font-family:Arial,Helvetica,sans-serif;font-size:.82rem;font-weight:600;gap:.35rem;height:38px;justify-content:center;padding:.6rem 1rem;transition:background-color .2s ease;white-space:nowrap}.btn-add-address:hover:not(:disabled){background-color:#4a7fc1}.btn-add-address:disabled{background-color:#ccc;cursor:not-allowed}.selected-address-preview{background-color:#e6f0ff;border:1px solid #b8c9e0;border-radius:4px;margin-top:.5rem;padding:.6rem .85rem}.selected-address-preview strong{color:#004aad;display:block;font-size:.8rem;letter-spacing:.3px;margin-bottom:.25rem;text-transform:uppercase}.selected-address-preview p{color:#333;font-size:.85rem;margin:0}.inline-address-form{animation:slideDown .25s ease;background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:6px;margin-top:.75rem;padding:1rem 1.25rem}.inline-form-header{border-bottom:1px solid #e0e0e0;margin-bottom:.85rem;padding-bottom:.6rem}.inline-form-header h4{align-items:center;color:#004aad;display:flex;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;font-weight:700;gap:.4rem;margin:0}.inline-form-header h4 svg{color:#004aad}.inline-address-form .form-row{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr;margin-bottom:.75rem}.inline-address-form .form-group{margin-bottom:.75rem}.inline-address-form .form-group.half{margin-bottom:0}.inline-address-form label{color:#333;display:block;font-size:.78rem;font-weight:600;letter-spacing:.3px;margin-bottom:.3rem;text-transform:uppercase}.inline-address-form input[type=text]{background:#fff;border:1px solid #d0d0d0!important;border-radius:4px!important;box-sizing:border-box;font-size:.85rem;padding:.5rem .7rem;transition:all .2s ease;width:100%}.inline-address-form input[type=text]:focus{border-color:#004aad!important;box-shadow:0 0 0 3px #004aad1a;outline:none}.inline-form-actions{border-top:1px solid #e0e0e0;display:flex;gap:.5rem;margin-top:.85rem;padding-top:.75rem}.btn-save-address{align-items:center;background-color:#004aad;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-flex;font-family:Arial,Helvetica,sans-serif;font-size:.82rem;font-weight:600;gap:.4rem;padding:.5rem 1rem;transition:background-color .2s ease}.btn-save-address:hover:not(:disabled){background-color:#4a7fc1}.btn-save-address:disabled{background-color:#ccc;cursor:not-allowed}.btn-cancel-address{align-items:center;background-color:#fff;border:1px solid #dc3545;border-radius:4px;color:#dc3545;cursor:pointer;display:inline-flex;font-family:Arial,Helvetica,sans-serif;font-size:.82rem;font-weight:600;gap:.4rem;padding:.5rem 1rem;transition:all .2s ease}.btn-cancel-address:hover{background-color:#dc3545;color:#fff}.form-actions-full{border-top:1px solid #e8e8e8;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:flex-end;padding-top:1.25rem}.btn-save,.btn-save-add,.btn-save-continue{align-items:center;border:none;border-radius:4px;cursor:pointer;display:inline-flex;font-family:Arial,Helvetica,sans-serif;font-size:.85rem;font-weight:600;gap:.4rem;justify-content:center;padding:.65rem 1.5rem;transition:all .2s ease;white-space:nowrap}.btn-save:hover:not(:disabled){background:#004aad;transform:translateY(-1px)}.btn-save:disabled{background:#90a4ae;cursor:not-allowed;transform:none}.btn-save-continue{background:#004aad;color:#fff}.btn-save-continue:hover:not(:disabled){background:#004aad;transform:translateY(-1px)}.btn-save-continue:disabled{background:#90a4ae;cursor:not-allowed;transform:none}.btn-cancel{align-items:center;border-radius:4px;display:inline-flex;font-family:Arial,Helvetica,sans-serif;font-size:.85rem;justify-content:center;padding:.65rem 1.5rem;transition:all .2s ease}.btn-cancel:hover{color:#333}.loading-container{align-items:center;color:#004aad;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:4rem 2rem}.spinner-large{animation:spin 1s linear infinite;color:#004aad;font-size:2.5rem}.error-container{align-items:center;display:flex;justify-content:center;padding:4rem 2rem}.error-content{max-width:400px;text-align:center}.error-content h2{color:#dc3545;font-size:1.5rem;margin-bottom:.75rem}.error-content p{color:#666;margin-bottom:1.5rem}.link-button{background:none;border:none;color:#004aad;cursor:pointer;font-family:inherit;font-size:inherit;padding:0;text-decoration:underline}.link-button:hover{color:#4a7fc1}@media (max-width:1200px){.users-header-right .search-wrapper{max-width:220px}}@media (max-width:992px){.users-header-section{flex-wrap:wrap!important}.users-header-right{flex-wrap:wrap;justify-content:flex-start;width:100%}.users-header-right .search-wrapper{flex:1 1 100%;max-width:100%}.form-two-columns{gap:1.25rem;grid-template-columns:1fr}.add-user-page{padding:1.25rem}}@media (max-width:768px){.users-header-section{align-items:stretch!important;flex-direction:column!important;gap:.75rem}.users-header-left{justify-content:flex-start}.users-header-title{font-size:1.25rem}.users-header-right{align-items:stretch;flex-direction:column;gap:.5rem}.city-dropdown-wrapper,.users-header-right .add-user-btn,.users-header-right .search-wrapper,.users-header-right .select-all-btn{max-width:100%;width:100%}.users-table td,.users-table th{font-size:.8rem;padding:.6rem}.users-table th{font-size:.7rem}.form-row{gap:.75rem}.form-row,.form-two-columns{grid-template-columns:1fr}.form-actions-full{flex-direction:column}.btn-cancel,.btn-save,.btn-save-add,.btn-save-continue{width:100%}.address-mode-toggle{flex-direction:column}.inline-address-form .form-row{grid-template-columns:1fr}.add-user-page,.form-section{padding:1rem}.add-user-header{align-items:stretch;flex-direction:column;gap:1rem}.add-user-header .header-left{width:100%}.back-button{justify-content:center;width:100%}.header-title h1{font-size:1.4rem}}.selected-summary,.users-header-section,.users-table,.users-table td,.users-table th,.users-table-container{box-shadow:none}.add-user-page .form-section{background:#fff!important;border:1px solid #e0e0e0!important;border-radius:8px!important;margin-bottom:25px!important;padding:25px 30px!important}.add-user-page .form-group{display:block!important;margin-bottom:25px!important}.add-user-page .form-section h3{border-bottom:2px solid #004aad!important;margin-bottom:25px!important;padding-bottom:15px!important}.add-user-page .form-row{grid-gap:20px!important;display:grid!important;gap:20px!important;margin-bottom:25px!important}.add-user-page .form-group input,.add-user-page .form-group select,.add-user-page .form-group textarea,.add-user-page .form-select{border:1px solid #ccc!important;border-radius:4px!important;margin-bottom:0!important;min-height:42px!important;padding:10px 14px!important}.add-user-page .form-group label{display:block!important;margin-bottom:8px!important}.add-user-page .address-mode-toggle{margin-bottom:15px!important}.add-user-page .checkbox-group{margin-bottom:20px!important}.add-user-page .form-column{display:flex!important;flex-direction:column!important;gap:25px!important}.add-user-page .form-two-columns{grid-gap:30px!important;display:grid!important;gap:30px!important;grid-template-columns:1fr 1fr!important}@media (max-width:992px){.add-user-page .form-two-columns{gap:20px!important;grid-template-columns:1fr!important}}.user-address-form{background:#fff;border:1px dashed #cfd8dc;border-radius:6px;padding:12px 14px}.user-address-form .form-row{margin-bottom:12px!important}.user-address-form .form-row:last-child{margin-bottom:0!important}.user-address-form .form-group.half label{font-size:.72rem;margin-bottom:6px!important}.user-address-form .selected-address-preview{margin-top:10px}#root .addresses-header-section,#root .company-addresses-container .addresses-header-section,.addresses-header-section,.company-addresses-container>.addresses-header-section,body .addresses-header-section,div.addresses-header-section,html body .addresses-header-section{background:#fff!important;border:0!important;border-radius:0!important;box-shadow:none!important;outline:0!important}#root .addresses-table-container,#root .company-addresses-container .addresses-table-container,.addresses-table-container,.company-addresses-container>.addresses-content>.addresses-table-container,body .addresses-table-container,div.addresses-table-container{border:1px solid #e0e0e0!important;border-radius:0!important;border-top:0 #0000!important;box-shadow:none!important;outline:0!important}.company-addresses-container,.company-addresses-container *{outline:none}.company-addresses-container{background:#fff;box-sizing:border-box;margin:0!important;max-width:100%;min-height:100vh;padding:0!important;text-align:left;width:100%}.addresses-header-section,.company-addresses-container{border:none!important;border-radius:0!important;box-shadow:none!important}.addresses-header-section{background:#fff!important;box-sizing:border-box!important;flex-wrap:nowrap!important;gap:1rem!important;justify-content:space-between!important;margin-bottom:1.5rem!important;margin-top:0!important;outline:none!important;padding:.75rem 0!important;width:100%!important}.addresses-header-left{align-items:center!important;display:flex!important;flex-shrink:0;gap:.75rem!important}.addresses-header-icon{align-items:center!important;display:inline-flex!important;justify-content:center!important;line-height:1!important}.addresses-header-icon,.addresses-header-title{color:#004aad!important;font-size:1.5rem!important;margin:0!important}.addresses-header-title{font-weight:700!important;line-height:1.2!important;padding:0!important}.addresses-header-title,.shop-city-badge{font-family:Arial,Helvetica,sans-serif!important;white-space:nowrap!important}.shop-city-badge{align-items:center!important;background:#e6f0ff!important;border-radius:20px!important;box-shadow:none!important;display:inline-flex!important;font-weight:600!important;gap:.3rem!important;padding:.25rem .75rem!important}.shop-city-badge,.shop-city-icon{color:#004aad!important;font-size:.8rem!important}.shop-city-name{line-height:1!important}.addresses-header-right{align-items:center!important;display:flex!important;gap:.6rem!important;justify-content:flex-end!important}.city-dropdown-wrapper{min-width:130px!important;position:relative!important}.city-select-dropdown{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background:#fff!important;background-image:none!important;box-sizing:border-box!important;color:#333!important;cursor:pointer!important;font-family:Arial,Helvetica,sans-serif!important;font-size:.9rem!important;height:40px!important;padding:0 2.2rem 0 .75rem!important;transition:all .2s ease!important;width:100%!important}.city-select-dropdown::-ms-expand{display:none!important}.city-select-dropdown:hover:not(:disabled){background:#f0f7ff!important}.city-select-dropdown:focus{box-shadow:0 0 0 2px #004aad1a!important;outline:none!important}.city-select-dropdown:disabled{background:#f5f5f5!important;color:#999!important;cursor:not-allowed!important}.city-dropdown-icon{color:#004aad!important;font-size:1.2rem!important;pointer-events:none!important;position:absolute!important;right:8px!important;top:50%!important;transform:translateY(-50%)!important;transition:color .2s ease!important}.city-select-dropdown:disabled+.city-dropdown-icon{color:#999!important;cursor:not-allowed!important}.addresses-header-right .search-wrapper{flex:1 1 240px!important;max-width:280px!important;min-width:180px!important;position:relative!important}.addresses-header-right .search-icon{color:#999!important;font-size:.85rem!important;left:12px!important;pointer-events:none!important;position:absolute!important;top:50%!important;transform:translateY(-50%)!important}.addresses-header-right .search-input{background:#fff!important;border:1px solid #004aad!important;border-radius:4px!important;box-sizing:border-box!important;color:#333!important;font-family:Arial,Helvetica,sans-serif!important;font-size:.9rem!important;height:40px!important;padding:0 1rem 0 2.4rem!important;transition:all .2s ease!important;width:100%!important}.addresses-header-right .search-input::placeholder{color:#aaa!important}.addresses-header-right .search-input:focus{border-color:#004aad!important;box-shadow:0 0 0 2px #004aad1a!important;outline:none!important}.addresses-header-right .add-address-btn,.addresses-header-right .select-all-btn{align-items:center!important;border-radius:4px!important;box-sizing:border-box!important;cursor:pointer!important;display:inline-flex!important;flex-shrink:0;font-family:Arial,Helvetica,sans-serif!important;font-size:.85rem!important;font-weight:600!important;gap:.4rem!important;height:40px!important;justify-content:center!important;padding:0 1rem!important;transition:all .2s ease!important;white-space:nowrap!important}.addresses-header-right .select-all-btn{border:1px solid #004aad!important}.addresses-header-right .select-all-btn,.addresses-header-right .select-all-btn:hover{background:#fff!important;color:#004aad!important}.addresses-content{background:#fff!important;border:none!important;max-width:100%!important;padding:0!important;text-align:left!important}.addresses-content,.selected-summary{box-sizing:border-box!important;width:100%!important}.selected-summary{background:#f0f7ff!important;border-radius:4px!important;margin-bottom:1rem!important;padding:.6rem 1rem!important}.summary-content{align-items:center!important;display:flex!important;flex-wrap:wrap!important;gap:.75rem!important}.summary-icon{align-items:center!important;background:#004aad!important;border-radius:50%!important;color:#fff!important;display:inline-flex!important;font-size:.75rem!important;font-weight:700!important;height:22px!important;justify-content:center!important;width:22px!important}.summary-text{color:#004aad!important;flex:1 1!important;font-size:.9rem!important;font-weight:500!important}.clear-selection{background:#0000!important;border:none!important;border-radius:4px!important;color:#dc3545!important;cursor:pointer!important;font-size:.85rem!important;padding:.25rem .5rem!important;transition:all .2s!important}.clear-selection:hover{background:#dc35451a!important}.addresses-table-container{background:#fff!important;border:1px solid #e0e0e0!important;border-radius:0!important;border-top:none!important;box-shadow:none!important;box-sizing:border-box!important;margin:0!important;max-width:100%!important;overflow:hidden!important;width:100%!important}.addresses-table-wrapper{overflow-x:auto!important}.addresses-table,.addresses-table-wrapper{max-width:100%!important;width:100%!important}.addresses-table{background:#fff!important;border:none!important;border-collapse:collapse!important;table-layout:auto!important}.addresses-table thead{background:#004aad!important}.addresses-table th{background:#004aad!important;color:#fff!important;font-size:.8rem!important;font-weight:700!important;letter-spacing:.5px!important;padding:.9rem 1rem!important;text-transform:uppercase!important}.addresses-table td,.addresses-table th{border:none!important;font-family:Arial,Helvetica,sans-serif!important;text-align:left!important;vertical-align:middle!important}.addresses-table td{word-wrap:break-word!important;background:#fff!important;border-bottom:1px solid #e8e8e8!important;color:#333!important;font-size:.9rem!important;overflow-wrap:break-word!important;padding:.85rem 1rem!important}.addresses-table tbody tr:last-child td{border-bottom:none!important}.addresses-table tbody tr:hover td{background:#fafafa!important}.addresses-table tbody tr.selected td{background:#004aad0d!important}.addresses-table input[type=checkbox]{accent-color:#004aad!important;cursor:pointer!important;height:16px!important;width:16px!important}.addresses-table td:first-child,.addresses-table th:first-child{max-width:50px!important;min-width:50px!important;text-align:center!important;width:50px!important}.addresses-table td:nth-child(2),.addresses-table th:nth-child(2){text-align:left!important;width:15%!important}.addresses-table td:nth-child(3),.addresses-table th:nth-child(3){text-align:left!important;width:18%!important}.addresses-table td:nth-child(4),.addresses-table th:nth-child(4){text-align:center!important;width:15%!important}.addresses-table td:nth-child(5),.addresses-table td:nth-child(6),.addresses-table th:nth-child(5),.addresses-table th:nth-child(6){text-align:center!important;width:12%!important}.addresses-table td:last-child,.addresses-table th:last-child{max-width:120px!important;min-width:120px!important;text-align:center!important;width:120px!important}.street-number-cell{text-align:center!important;vertical-align:middle!important}.street-number-content{align-items:center!important;display:inline-flex!important;gap:.5rem!important;justify-content:center!important;white-space:nowrap!important}.street-number-content span{line-height:1.4!important;word-break:break-word!important}.shop-badge{background:#0000!important;border:none!important;border-radius:0!important;box-shadow:none!important;color:#333!important;display:inline!important;font-family:Arial,Helvetica,sans-serif!important;font-size:.9rem!important;font-weight:400!important;line-height:1.4!important;margin:0!important;padding:0!important}.actions-cell{max-width:120px!important;min-width:120px!important;overflow:hidden!important;white-space:nowrap!important;width:120px!important}.actions-cell-inner{flex-wrap:nowrap!important;gap:8px!important;width:100%!important}.actions-cell-inner,.edit-address-btn{align-items:center!important;display:inline-flex!important;justify-content:center!important}.edit-address-btn{background:#0000!important;border:none!important;border-radius:4px!important;color:#004aad!important;cursor:pointer!important;font-size:1.05rem!important;padding:.35rem .5rem!important;transition:all .2s!important}.edit-address-btn:hover{background:#004aad1a!important;transform:scale(1.05)!important}.delete-address-btn{align-items:center!important;background:#0000!important;border:none!important;border-radius:4px!important;cursor:pointer!important;font-size:1.05rem!important;justify-content:center!important;padding:.35rem .5rem!important;transition:all .2s!important}.delete-address-btn:hover{background:#dc35451a!important;transform:scale(1.05)!important}.no-addresses{color:#666!important;padding:3rem!important;text-align:center!important}.no-data-icon{color:#ccc!important;font-size:2.5rem!important;margin-bottom:.75rem!important}.no-addresses p{font-size:.95rem!important;margin:.5rem 0!important}.add-first-btn{align-items:center!important;background:#004aad!important;border:none!important;border-radius:4px!important;color:#fff!important;cursor:pointer!important;display:inline-flex!important;font-size:.9rem!important;font-weight:500!important;gap:.5rem!important;margin-top:1rem!important;padding:.5rem 1.25rem!important;transition:background .2s!important}.add-first-btn:hover{background:#003a8c!important}.action-dropdown-container{display:inline-block!important;position:relative!important}.action-dropdown-btn{align-items:center!important;background:#004aad!important;border:none!important;border-radius:4px!important;color:#fff!important;cursor:pointer!important;display:flex!important;font-size:.85rem!important;font-weight:500!important;gap:8px!important;padding:.45rem 1rem!important;transition:all .2s ease!important}.action-dropdown-btn:hover{background:#003380!important}.action-dropdown-menu{background:#fff!important;border-radius:6px!important;box-shadow:0 4px 12px #00000026!important;margin-top:6px!important;min-width:200px!important;overflow:hidden!important;position:absolute!important;right:0!important;top:100%!important;z-index:1000!important}.dropdown-item{align-items:center!important;background:#fff!important;border:none!important;color:#333!important;cursor:pointer!important;display:flex!important;font-size:.9rem!important;gap:10px!important;padding:.7rem 1rem!important;text-align:left!important;transition:all .2s ease!important;width:100%!important}.dropdown-item:hover{background:#f8f9fa!important}.dropdown-item.delete-item{color:#dc3545!important}.dropdown-item.delete-item:hover{background:#fee2e2!important}.modal-overlay{align-items:center!important;animation:fadeIn .3s ease!important;background:#00000080!important;bottom:0!important;display:flex!important;justify-content:center!important;left:0!important;position:fixed!important;right:0!important;top:0!important;z-index:1000!important}.modal-content{animation:slideUp .3s ease!important;background:#fff!important;border-radius:8px!important;box-shadow:0 4px 20px #0003!important;max-height:90vh!important;max-width:700px!important;overflow-y:auto!important;width:90%!important}.modal-header{align-items:center!important;background:#f8f9fa!important;border-bottom:1px solid #e0e0e0!important;display:flex!important;justify-content:space-between!important;padding:1.5rem!important}.modal-header h3{color:#004aad!important;font-size:1.25rem!important;font-weight:600!important;margin:0!important}.modal-close{align-items:center!important;background:none!important;border:none!important;border-radius:4px!important;color:#666!important;cursor:pointer!important;display:flex!important;font-size:1.5rem!important;height:30px!important;justify-content:center!important;padding:0!important;transition:all .3s!important;width:30px!important}.modal-close:hover{background:#e0e0e0!important;color:#333!important}.modal-body{max-height:calc(90vh - 120px)!important;overflow-y:auto!important;padding:1.5rem!important}.modal-footer{border-top:1px solid #e0e0e0!important;justify-content:flex-end!important;padding:1rem 1.5rem!important}.address-form,.modal-footer{display:flex!important;gap:1rem!important}.address-form{flex-direction:column!important}.form-row{grid-gap:1rem!important;display:grid!important;gap:1rem!important;grid-template-columns:1fr 1fr!important;margin-bottom:.5rem!important}.form-group{margin-bottom:0!important}.form-group.full-width{grid-column:span 2!important}.form-group label{color:#333!important;display:block!important;font-size:.85rem!important;font-weight:600!important;letter-spacing:.5px!important;margin-bottom:.5rem!important;text-transform:uppercase!important}.form-group input{border:1px solid #e0e0e0!important;border-radius:4px!important;box-sizing:border-box!important;font-family:Arial,Helvetica,sans-serif!important;font-size:.9rem!important;padding:.6rem!important;width:100%!important}.form-group input:focus{border-color:#004aad!important;box-shadow:0 0 0 2px #004aad1a!important;outline:none!important}.checkbox-label{align-items:center!important;cursor:pointer!important;display:flex!important;font-weight:400!important;gap:.5rem!important;letter-spacing:normal!important;text-transform:none!important}.checkbox-label input{width:auto!important}.btn-cancel,.btn-save{border:none!important;border-radius:4px!important;cursor:pointer!important;font-size:.9rem!important;font-weight:500!important;padding:.6rem 1.5rem!important;transition:all .3s ease!important}.btn-cancel{border:1px solid #d0d0d0!important;color:#666!important}.btn-cancel,.btn-cancel:hover{background:#fff!important}.btn-save{color:#fff!important}.btn-save,.btn-save:hover{background:#004aad!important}.shop-select{border:1px solid #e0e0e0!important;box-sizing:border-box!important;font-size:14px!important;width:100%!important}.shop-info,.shop-select{border-radius:6px!important;padding:10px!important}.shop-info{align-items:center!important;background:#f8f9fa!important;color:#004aad!important;display:flex!important;font-weight:500!important;gap:8px!important}.info-group{margin-bottom:20px!important}.info-group label{color:#666!important;display:block!important;font-size:12px!important;font-weight:600!important;margin-bottom:8px!important;text-transform:uppercase!important}.required{color:#dc3545!important;font-weight:700!important;margin-left:4px!important}.field-hint{align-items:center!important;display:flex!important;font-size:12px!important;gap:4px!important;margin-top:6px!important}.info-hint{color:#2196f3!important}.city-combobox-container{position:relative!important;width:100%!important}.city-input-wrapper{align-items:center!important;background:#fff!important;border:1px solid #e0e0e0!important;border-radius:4px!important;display:flex!important;position:relative!important;transition:all .3s ease!important}.city-input-wrapper:focus-within{border-color:#004aad!important;box-shadow:0 0 0 2px #004aad1a!important}.city-combobox-input{background:#0000!important;border-radius:4px 0 0 4px!important;flex:1 1!important;font-family:Arial,Helvetica,sans-serif!important;font-size:14px!important;min-height:42px!important;outline:none!important;padding:10px 12px!important;width:100%!important}.city-combobox-input::placeholder{color:#9ca3af!important}.city-combobox-actions{gap:4px!important;padding-right:8px!important}.city-clear-btn,.city-combobox-actions{align-items:center!important;display:flex!important}.city-clear-btn{background:none!important;border:none!important;border-radius:4px!important;color:#9ca3af!important;cursor:pointer!important;font-size:12px!important;justify-content:center!important;padding:4px 6px!important;transition:all .2s ease!important}.city-clear-btn:hover{background:#dc35451a!important;color:#dc3545!important}.city-dropdown-toggle{align-items:center!important;background:none!important;border:none!important;border-radius:4px!important;color:#6b7280!important;cursor:pointer!important;display:flex!important;justify-content:center!important;padding:4px 6px!important;transition:all .2s ease!important}.city-dropdown-toggle:hover{background:#f3f4f6!important;color:#333!important}.city-dropdown-list{animation:fadeIn .2s ease!important;background:#fff!important;border:1px solid #e0e0e0!important;border-radius:4px!important;box-shadow:0 4px 12px #00000026!important;left:0!important;margin-top:4px!important;max-height:250px!important;overflow-y:auto!important;position:absolute!important;right:0!important;top:100%!important;z-index:1000!important}.city-dropdown-loading{align-items:center!important;color:#6b7280!important;display:flex!important;gap:8px!important;justify-content:center!important;padding:20px!important;text-align:center!important}.spinner-small{animation:spin .8s linear infinite!important;border:2px solid #e5e7eb!important;border-radius:50%!important;border-top-color:#004aad!important;height:16px!important;width:16px!important}.city-dropdown-empty{color:#6b7280!important;font-size:14px!important;padding:20px!important;text-align:center!important}.city-dropdown-item{color:#333!important;cursor:pointer!important;font-size:14px!important;padding:10px 14px!important;transition:all .2s ease!important}.city-dropdown-item:hover{background:#f3f4f6!important;color:#004aad!important}.city-dropdown-item.selected{background:#004aad1a!important;color:#004aad!important;font-weight:500!important}@media (max-width:1024px){.form-row{grid-template-columns:1fr!important}.form-group.full-width{grid-column:span 1!important}}@media (max-width:900px){.addresses-header-right,.addresses-header-section{flex-wrap:wrap!important}.addresses-header-right{justify-content:flex-start!important;width:100%!important}.addresses-header-right .search-wrapper{flex:1 1 100%!important;max-width:100%!important}}@media (max-width:768px){.addresses-header-section{align-items:stretch!important;flex-direction:column!important;gap:.75rem!important}.addresses-header-left{justify-content:flex-start!important}.addresses-header-title{font-size:1.25rem!important}.addresses-header-right{align-items:stretch!important;flex-direction:column!important;gap:.5rem!important}.addresses-header-right .add-address-btn,.addresses-header-right .search-wrapper,.addresses-header-right .select-all-btn,.city-dropdown-wrapper{max-width:100%!important;width:100%!important}.addresses-table td,.addresses-table th{font-size:.8rem!important;padding:.6rem!important}.addresses-table th{font-size:.7rem!important}.modal-content{margin:1rem!important;width:95%!important}}@media (max-width:480px){.addresses-header-title{font-size:1.3rem!important}.addresses-table td,.addresses-table th{font-size:.7rem!important;padding:.4rem!important}.btn-cancel,.btn-save{font-size:.85rem!important;padding:.5rem 1rem!important}}.company-addresses-container .checkbox-label{align-items:center!important;background:#0000!important;border:none!important;box-shadow:none!important;display:flex!important;gap:10px!important;justify-content:flex-start!important;margin:8px 0!important;outline:none!important;padding:0!important}.company-addresses-container .checkbox-label input[type=checkbox]{accent-color:#004aad;appearance:auto!important;-webkit-appearance:checkbox!important;border:none!important;box-shadow:none!important;flex-shrink:0!important;height:16px!important;margin:0!important;min-width:16px!important;outline:none!important;padding:0!important;width:16px!important}.company-addresses-container .form-group.full-width{padding:8px 0!important}.company-addresses-container .form-row{align-items:flex-start;display:flex;gap:20px}.company-addresses-container .form-row .form-group{flex:1 1;min-width:0}.company-addresses-container .form-row .form-group input,.company-addresses-container .form-row .form-group select{box-sizing:border-box;min-height:42px;width:100%}.company-addresses-container .modal-footer,.company-addresses-container .modal-header,.company-addresses-container .shop-info,.company-addresses-container .shop-select{background:#0000!important;box-shadow:none!important}.company-addresses-container .shop-info{border:none!important;color:#004aad!important;padding-left:0!important}.company-addresses-container .shop-name-input{background-color:#fff!important;border:1px solid #e0e0e0!important;border-radius:4px!important;box-sizing:border-box!important;color:#333!important;cursor:default!important;font-family:Arial,Helvetica,sans-serif!important;font-size:.9rem!important;outline:none!important;padding:.6rem!important;width:100%!important}.company-addresses-container .shop-name-input:focus{border-color:#004aad!important;box-shadow:0 0 0 2px #004aad1a!important}.company-addresses-container .form-group label,.company-addresses-container .shop-name-input+label{color:#333!important;display:block!important;font-size:.85rem!important;font-weight:600!important;margin-bottom:.5rem!important;text-transform:uppercase!important}.company-addresses-container .default-address-group{margin-top:10px!important;padding:10px 0!important}.company-addresses-container .default-checkbox-label{align-items:center!important;background:#0000!important;border:none!important;cursor:pointer!important;display:flex!important;gap:12px!important;justify-content:flex-start!important;margin:0!important;padding:0!important}.company-addresses-container .default-checkbox-label input[type=checkbox]{appearance:none!important;-webkit-appearance:none!important;background-color:#fff!important;border:1.5px solid #333!important;border-radius:2px!important;cursor:pointer!important;height:18px!important;margin:0!important;min-width:18px!important;outline:none!important;padding:0!important;position:relative!important;transition:all .2s ease!important;width:18px!important}.company-addresses-container .default-checkbox-label input[type=checkbox]:hover{border-color:#004aad!important}.company-addresses-container .default-checkbox-label input[type=checkbox]:checked{background-color:#004aad!important;border-color:#004aad!important}.company-addresses-container .default-checkbox-label input[type=checkbox]:checked:after{border:solid #fff!important;border-width:0 2px 2px 0!important;content:""!important;height:5px!important;left:5px!important;position:absolute!important;top:2px!important;transform:rotate(45deg)!important;width:5px!important}.company-addresses-container .default-checkbox-text{color:#333!important;font-family:Arial,Helvetica,sans-serif!important;font-size:.85rem!important;font-weight:700!important;letter-spacing:.5px!important;line-height:1.2!important;text-transform:uppercase!important;-webkit-user-select:none!important;user-select:none!important}.company-addresses-container .default-checkbox-text .required{color:#dc3545!important;font-size:.9rem!important;font-weight:700!important;margin-left:4px!important}.company-addresses-container .address-form .form-row .form-group.full-width{align-items:center!important;box-sizing:border-box!important;display:flex!important;justify-content:flex-start!important;margin:0!important;padding:8px 0!important;width:100%!important}.company-addresses-container .address-form .checkbox-label{background:#0000!important;border:none!important;box-shadow:none!important;color:#333!important;cursor:pointer!important;font-family:Arial,Helvetica,sans-serif!important;font-size:14px!important;font-weight:500!important;letter-spacing:normal!important;line-height:1.4!important;margin:0!important;max-width:100%!important;outline:none!important;padding:0!important;text-transform:none!important}.company-addresses-container .address-form .checkbox-label input[type=checkbox]{accent-color:#004aad!important;appearance:auto!important;-webkit-appearance:checkbox!important;border:none!important;box-shadow:none!important;cursor:pointer!important;display:inline-block!important;height:16px!important;max-width:16px!important;min-width:16px!important;outline:none!important;padding:0!important;position:static!important;vertical-align:middle!important;width:16px!important}.company-addresses-container .address-form .checkbox-label{white-space:normal!important}.company-addresses-container .address-form .checkbox-label input[type=checkbox]+span{display:inline-block!important;line-height:1.4!important}.company-addresses-container .address-form .checkbox-label,.company-addresses-container .address-form .form-group.full-width{background-image:none!important;border-bottom:none!important;border-top:none!important;box-shadow:none!important}.company-addresses-container .address-form .form-group.full-width{align-items:center!important;display:flex!important;justify-content:flex-start!important;text-align:left!important;width:100%!important}.company-addresses-container .address-form .checkbox-label{align-items:center!important;display:inline-flex!important;flex-direction:row!important;gap:10px!important;justify-content:flex-start!important;margin-left:0!important;margin-right:auto!important;padding-left:0!important;text-align:left!important;width:auto!important}.company-addresses-container .address-form .checkbox-label input[type=checkbox]{flex:0 0 16px!important;margin:0!important}.bills-main{font-family:Arial,Helvetica,sans-serif;margin:0;min-height:100vh;padding:0;text-align:left}.bills-content-wrapper,.bills-main{background:#fff;box-sizing:border-box;max-width:100%;width:100%}.bills-header-section{align-items:center;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:2rem;padding:1rem 0;width:100%}.bills-title-section h2{align-items:center;color:#004aad;display:flex;font-size:1.75rem;font-weight:700;gap:12px;line-height:1.2;margin:0;padding:0;white-space:nowrap}.title-icon{color:#004aad;flex-shrink:0;font-size:1.5rem}.bills-action-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:.8rem}.action-btn,.button-wrapper{flex-shrink:0}.action-btn{font-size:14px!important;min-width:170px;padding-left:22px!important;padding-right:22px!important}.bills-toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.batch-actions-wrapper,.button-wrapper,.date-filter-wrapper,.filter-actions-wrapper{position:relative}.bills-main .bills-action-buttons .button-wrapper>.action-btn,.bills-main .bills-action-buttons .button-wrapper>.action-btn:active,.bills-main .bills-action-buttons .button-wrapper>.action-btn:disabled,.bills-main .bills-action-buttons .button-wrapper>.action-btn:focus,.bills-main .bills-action-buttons .button-wrapper>.action-btn:hover{-webkit-text-fill-color:#004aad!important;align-items:center!important;background:#fff!important;background-color:#fff!important;border:1px solid #004aad!important;border-radius:4px!important;box-shadow:none!important;box-sizing:border-box!important;color:#004aad!important;cursor:pointer!important;display:flex!important;filter:none!important;font-size:13px!important;font-weight:600!important;gap:8px!important;height:42px!important;justify-content:center!important;line-height:1!important;opacity:1!important;outline:none!important;padding:0 18px!important;transform:none!important;transition:none!important;white-space:nowrap!important}.bills-main .bills-action-buttons .button-wrapper>.action-btn .btn-icon,.bills-main .bills-action-buttons .button-wrapper>.action-btn svg{fill:#004aad!important;color:#004aad!important;opacity:1!important}.batch-actions-btn,.date-filter-btn,.filter-actions-btn{align-items:center;background:#fff;border:1px solid #004aad;border-radius:4px;box-sizing:border-box;color:#004aad;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;height:42px;justify-content:center;line-height:1;padding:0 18px;white-space:nowrap}.date-filter-btn span{align-items:center;color:#333;display:flex;font-weight:500;gap:4px}.dropdown-icon{font-size:20px;margin-right:-4px}.bills-search{align-items:center;background:#fff;border:1px solid #004aad;border-radius:4px;box-sizing:border-box;display:flex;gap:8px;height:42px;padding:0 12px;width:280px}.bills-search .search-icon{color:#6b7280;font-size:13px}.bills-search input{background:#0000;border:none;color:#333;flex:1 1;font-size:13px;min-width:0;outline:none}.bills-search input::placeholder{color:#9ca3af}.bills-filter-bar{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.bills-status-tabs{display:flex;flex-wrap:wrap;gap:10px}.status-tab{align-items:center;background:#fff;border:1px solid #004aad;border-radius:4px;box-sizing:border-box;color:#004aad;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;height:42px;justify-content:center;line-height:1;padding:0 18px;transition:background .2s,color .2s;white-space:nowrap}.status-tab:hover{background:#f0f4ff}.status-tab.active{background:#004aad;color:#fff}.status-tab.unpaid{border-color:#f59e0b;color:#b45309}.status-tab.unpaid:hover{background:#fffbeb}.status-tab.unpaid.active{background:#f59e0b;color:#fff}.status-tab.paid{border-color:#10b981;color:#047857}.status-tab.paid:hover{background:#ecfdf5}.status-tab.paid.active{background:#10b981;color:#fff}.status-icon{font-size:14px}.action-dropdown,.batch-actions-dropdown,.dropdown-menu{animation:slideDown .2s ease;background:#fff;border:1px solid #e5e7eb;border-radius:4px;box-shadow:0 4px 16px #0000001f;margin-top:6px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.action-dropdown{min-width:240px}.batch-actions-dropdown,.dropdown-menu{min-width:190px}.batch-action-item,.bill-list-item,.dropdown-item,.dropdown-item-action{color:#374151;cursor:pointer;font-size:14px;padding:11px 16px;transition:background .2s,color .2s}.batch-action-item:hover,.bill-list-item:hover,.dropdown-item-action:hover,.dropdown-item:hover{background:#eef4ff;color:#004aad}.bill-list-name,.dropdown-item-title{font-size:14px;font-weight:500}.bills-table-container{border:1px solid #e5e5e5;border-radius:6px;box-sizing:border-box;margin-bottom:24px;max-width:100%;overflow-x:auto;width:100%}.bills-table{background:#fff;border-collapse:collapse;font-size:14px;max-width:100%;min-width:1000px;width:100%}.bills-table thead{background:#004aad}.bills-table th{border-right:1px solid #5a9bd5;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;vertical-align:middle}.bills-table th:last-child{border-right:none}.bills-table td{word-wrap:break-word;border-bottom:1px solid #f0f0f0;border-right:1px solid #f0f0f0;color:#333;font-size:.9rem;overflow-wrap:break-word;padding:.8rem 1rem;vertical-align:middle}.bills-table td:last-child{border-right:none}.bills-table tbody tr:last-child td{border-bottom:none}.bills-table tbody tr:hover{background:#fafafa}.checkbox-col{text-align:center!important;width:40px}.bill-checkbox,.select-all-checkbox{accent-color:#004aad;cursor:pointer;height:18px;vertical-align:middle;width:18px}.bill-type{align-items:center;display:flex;gap:8px}.bill-icon{color:#004aad;font-size:14px}.bill-amount{color:#111827;font-weight:600}.overdue{color:#ef4444!important;font-weight:500}.action-buttons{align-items:center;gap:14px}.icon-action-btn{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-size:16px;justify-content:center;padding:2px;transition:transform .2s}.icon-action-btn:hover{transform:scale(1.2)}.icon-action-btn.edit,.icon-action-btn.view{color:#004aad}.icon-action-btn.delete{color:#dc2626}.bills-pagination{display:flex;gap:12px;justify-content:center;margin-top:24px}.pagination-btn{align-items:center;background:#fff;border:1px solid #004aad;border-radius:4px;color:#004aad;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:8px;height:38px;padding:0 16px;transition:background .2s}.pagination-btn:hover:not(:disabled){background:#f0f4ff}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.filter-modal-overlay,.modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:2000}.filter-modal,.modal-container{animation:slideUp .3s ease;background:#fff;border-radius:6px;box-shadow:0 10px 40px #0003;max-height:90vh;overflow-y:auto;width:90%}.filter-modal{max-width:700px}.filter-modal-header,.modal-header{align-items:center;background:#004aad;color:#fff;display:flex;justify-content:space-between;padding:16px 24px;position:sticky;top:0;z-index:10}.filter-modal-header h3,.modal-header h3{color:#fff;font-size:18px;font-weight:600;margin:0}.close-modal,.modal-close-btn{background:none;border:none;color:#fff;cursor:pointer;display:flex;font-size:18px;padding:4px;transition:transform .2s}.close-modal:hover,.modal-close-btn:hover{transform:rotate(90deg)}.filter-modal-body,.modal-content{padding:24px}.filter-section{margin-bottom:24px}.amount-label,.filter-label,.form-label{color:#6b7280;display:block;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.amount-input,.amount-select,.filter-select,.form-input,.form-textarea{background:#fff;border:1px solid #d1d5db;border-radius:4px;box-sizing:border-box;color:#374151;font-family:inherit;font-size:14px;padding:10px 12px;width:100%}.amount-input:focus,.amount-select:focus,.filter-select:focus,.form-input:focus,.form-textarea:focus{border-color:#004aad;box-shadow:0 0 0 3px #004aad1f;outline:none}.filter-modal-footer,.modal-action-buttons{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.modal-action-buttons{margin-top:24px;padding:20px 0 0}.action-btn-primary,.action-btn-secondary,.apply-filter-btn,.reset-filter-btn{align-items:center;border-radius:4px;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;height:40px;padding:0 22px;transition:background .2s}.action-btn-secondary,.reset-filter-btn{background:#fff;border:1px solid #004aad;color:#004aad}.action-btn-secondary:hover,.reset-filter-btn:hover{background:#f0f4ff}.action-btn-primary,.apply-filter-btn{background:#004aad;border:1px solid #004aad;color:#fff}.action-btn-primary:hover,.apply-filter-btn:hover{background:#003a8c}.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-row{grid-gap:16px;gap:16px}.form-value{background:#f9fafb;border:1px solid #e5e7eb;border-radius:4px;color:#111827;font-size:14px;font-weight:500;padding:10px 12px;word-break:break-word}.form-value.amount-value{background:#eef4ff;border-color:#cfe0fb;color:#004aad;font-size:16px;font-weight:700}.memo-value{background:#fef9e3;border-color:#fde68a;color:#92400e;font-style:italic}.amount-row-container{align-items:center;display:flex;gap:12px;margin-top:8px;width:100%}.amount-select-wrapper{flex:0 0 140px;position:relative}.amount-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23004aad%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:10px;border:1px solid #d1d5db;border-radius:4px;box-sizing:border-box;color:#374151;cursor:pointer;font-family:inherit;font-size:13px;height:38px;padding:0 30px 0 10px;width:100%}.amount-select:focus{border-color:#004aad;box-shadow:0 0 0 3px #004aad1f;outline:none}.amount-input-wrapper{flex:1 1}.amount-input{background:#fff;border:1px solid #d1d5db;border-radius:4px;box-sizing:border-box;color:#374151;font-family:inherit;font-size:13px;height:38px;padding:0 10px;width:100%}.amount-input:focus{border-color:#004aad;box-shadow:0 0 0 3px #004aad1f;outline:none}.amount-input::placeholder{color:#9ca3af;font-size:12px}@media (max-width:600px){.amount-row-container{align-items:stretch;flex-direction:column}.amount-select-wrapper{flex:1 1;width:100%}}@media (max-width:900px){.bills-action-buttons,.bills-filter-bar,.bills-header-section,.bills-toolbar{align-items:stretch;flex-direction:column;width:100%}.bills-status-tabs{flex-direction:column}.batch-actions-btn,.bills-search,.bills-toolbar>*,.button-wrapper>button,.date-filter-btn,.filter-actions-btn,.status-tab{justify-content:space-between;width:100%}.action-btn{min-width:0}.action-btn.feedback-btn,.action-btn.newbill-btn,.action-btn.paybills-btn{justify-content:center}.action-dropdown,.batch-actions-dropdown,.dropdown-menu{left:0;right:0}}@media (max-width:768px){.bills-title-section h2{font-size:1.4rem}.title-icon{font-size:1.2rem}.amount-inputs,.form-row{flex-direction:column;gap:12px;grid-template-columns:1fr}.filter-modal-body,.modal-content{padding:18px}}@media (max-width:480px){.bills-title-section h2{font-size:1.2rem}.icon-action-btn{font-size:14px}}@keyframes slideDown{0%{opacity:0}to{opacity:1;transform:translateY(0)}}.bills-main .expense-modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#0000008c;box-sizing:border-box;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:3000}.bills-main .expense-modal{background:#fff;border-radius:10px;box-shadow:0 25px 70px #0000004d;display:flex;flex-direction:column;font-family:Arial,Helvetica,sans-serif;max-height:92vh;max-width:760px;overflow-y:auto;width:100%}.bills-main .expense-modal-header{align-items:center;background:#fff;border-bottom:1px solid #e5e5e5;border-top-left-radius:10px;border-top-right-radius:10px;display:flex;justify-content:space-between;padding:14px 24px;position:sticky;top:0;z-index:10}.bills-main .expense-modal-title h3{color:#004aad;font-size:17px;font-weight:700;letter-spacing:.2px;margin:0}.bills-main .expense-modal-header-right{align-items:center;display:flex;gap:18px}.bills-main .modal-close-btn{align-items:center;background:none;border:none;color:#444;cursor:pointer;display:flex;font-size:18px;justify-content:center;padding:4px}.bills-main .modal-close-btn:hover{color:#ef4444}.bills-main .expense-balance-bar{align-items:center;background:#f8fafc;border-bottom:1px solid #e5e5e5;display:flex;gap:12px;justify-content:flex-end;padding:10px 24px}.bills-main .expense-balance-bar span{color:#64748b;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.bills-main .expense-balance-bar strong{color:#0f172a;font-size:16px;font-weight:700}.bills-main .expense-modal-body{background:#fff;flex:1 1;padding:22px 24px}.bills-main .modal-top-section{border-bottom:1px solid #eaeaea;margin-bottom:24px;padding-bottom:22px}.bills-main .modal-form-row{align-items:flex-start;display:flex;gap:20px;margin-bottom:16px}.bills-main .modal-form-row:last-child{margin-bottom:0}.bills-main .modal-form-group{display:flex;flex:1 1;flex-direction:column;min-width:0}.bills-main .modal-form-row-4{gap:12px}.bills-main .modal-form-row-4 .modal-form-group{flex:1 1;min-width:0}.bills-main .modal-form-row-4 .modal-form-group label{font-size:10.5px;letter-spacing:.3px}.bills-main .modal-form-row-4 .modal-form-group input,.bills-main .modal-form-row-4 .modal-form-group select{font-size:12.5px;padding:8px 9px}.bills-main .modal-form-group label{color:#555;display:block;font-size:11px;font-weight:700;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.bills-main .modal-form-group input[type=date],.bills-main .modal-form-group input[type=text],.bills-main .modal-form-group select,.bills-main .modal-form-group textarea{background:#fff;border:1px solid #d1d5db;border-radius:5px;box-sizing:border-box;color:#222;font-family:inherit;font-size:13.5px;padding:9px 12px;transition:border-color .2s,box-shadow .2s;width:100%}.bills-main .modal-form-group input:focus,.bills-main .modal-form-group select:focus,.bills-main .modal-form-group textarea:focus{border-color:#004aad;box-shadow:0 0 0 3px #004aad1a;outline:none}.bills-main .modal-form-group textarea{line-height:1.5;min-height:90px;resize:vertical}.bills-main .modal-line-items-section{border-bottom:1px solid #eaeaea;margin-bottom:24px;padding-bottom:20px}.bills-main .modal-line-items-box{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:16px;overflow:hidden}.bills-main .modal-line-items-table{border-collapse:collapse;width:100%}.bills-main .modal-line-items-table thead{background:#f9fafb}.bills-main .modal-line-items-table th{border-bottom:1px solid #e5e7eb;color:#6b7280;font-size:10.5px;font-weight:700;letter-spacing:.5px;padding:10px 14px;text-align:left;text-transform:uppercase}.bills-main .modal-line-items-table th:nth-child(5),.bills-main .modal-line-items-table th:nth-child(6){text-align:center}.bills-main .modal-line-items-table td{border-bottom:1px solid #f0f0f0;padding:8px 10px;vertical-align:middle}.bills-main .modal-line-items-table tr:last-child td{border-bottom:none}.bills-main .modal-line-items-table input{background:#0000;border:1px solid #0000;border-radius:4px;box-sizing:border-box;color:#222;font-size:13px;padding:8px 10px;transition:border-color .2s,background .2s;width:100%}.bills-main .modal-line-items-table input:hover{background:#fafafa}.bills-main .modal-line-items-table input:focus{background:#fff;border-color:#004aad;box-shadow:0 0 0 2px #004aad1a;outline:none}.bills-main .modal-line-items-table input[type=number]{text-align:right}.bills-main .modal-drag-handle{color:#cbd5e1;cursor:grab;font-size:16px;text-align:center;-webkit-user-select:none;user-select:none}.bills-main .modal-delete-line-btn{align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;display:flex;justify-content:center;margin:0 auto;padding:6px;transition:background .2s}.bills-main .modal-delete-line-btn:hover{background:#f3f4f6}.bills-main .modal-line-items-actions{align-items:center;display:flex;justify-content:space-between;padding-top:6px}.bills-main .modal-action-buttons{display:flex;gap:10px}.bills-main .modal-add-line-btn,.bills-main .modal-clear-lines-btn{background:#fff;border:1px solid #d1d5db;border-radius:5px;color:#374151;cursor:pointer;font-size:12.5px;font-weight:500;padding:7px 16px;transition:all .2s}.bills-main .modal-add-line-btn:hover,.bills-main .modal-clear-lines-btn:hover{background:#f3f4f6;border-color:#9ca3af}.bills-main .modal-total-section{align-items:center;color:#374151;display:flex;font-size:14px;gap:18px}.bills-main .modal-total-section span{font-weight:600}.bills-main .modal-total-section strong{color:#111827;font-size:18px;font-weight:700;min-width:80px;text-align:right}.bills-main .modal-bottom-section{margin-bottom:10px}.bills-main .modal-bottom-section .modal-form-row{align-items:stretch;display:flex;gap:20px}.bills-main .modal-bottom-section .modal-form-group{display:flex;flex:1 1;flex-direction:column}.bills-main .modal-bottom-section .modal-form-group textarea{flex:1 1;height:100%;min-height:120px;resize:vertical}.bills-main .modal-attachment-box{align-items:center;background:#fafbfc;border:1.5px dashed #cbd5e1;border-radius:8px;box-sizing:border-box;cursor:pointer;display:flex;flex:1 1;flex-direction:column;height:100%;justify-content:center;margin-top:6px;padding:20px;text-align:center;transition:all .2s}.bills-main .modal-attachment-box:hover{background:#f0f4ff;border-color:#004aad}.bills-main .modal-attachment-dropzone .modal-attach-icon{color:#004aad;font-size:22px;margin-bottom:8px}.bills-main .modal-attachment-dropzone p{color:#004aad;font-size:13px;font-weight:600;margin:0 0 4px;word-break:break-word}.bills-main .modal-attachment-dropzone span{color:#9ca3af;font-size:11px}.bills-main .expense-modal-footer{align-items:center;background:#fff;border-bottom-left-radius:10px;border-bottom-right-radius:10px;border-top:1px solid #e5e5e5;bottom:0;box-shadow:0 -2px 10px #0000000a;display:flex;justify-content:space-between;padding:14px 24px;position:sticky;z-index:10}.bills-main .modal-footer-btn{background:#fff;border:1px solid #d1d5db;border-radius:5px;color:#374151;cursor:pointer;font-family:inherit;font-size:13px;font-weight:500;padding:9px 20px;transition:all .2s}.bills-main .modal-footer-btn:hover{background:#f3f4f6}.bills-main .modal-footer-right{display:flex;gap:10px}.bills-main .modal-save-btn{background:#fff;border-color:#004aad;color:#004aad}.bills-main .modal-save-btn:hover{background:#f0f4ff}.bills-main .modal-save-new-btn{align-items:center;background:#004aad;border-color:#004aad;color:#fff;display:flex;gap:8px}.bills-main .modal-save-new-btn:hover{background:#003380;border-color:#003380}.bills-main .modal-arrow{font-size:9px}.bills-main .attachment-preview-box{align-items:center;background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;display:flex;flex-direction:column;gap:12px;height:100%;justify-content:center;margin-top:6px;min-height:120px;padding:16px}.bills-main .attachment-name{color:#374151;font-size:13px;font-weight:600;margin:0;text-align:center;word-break:break-all}.bills-main .attachment-actions{display:flex;gap:10px}.bills-main .att-btn{border:1px solid #0000;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;padding:6px 14px;transition:all .2s}.bills-main .att-btn.replace{background:#fff;border-color:#004aad;color:#004aad}.bills-main .att-btn.replace:hover{background:#f0f4ff}.bills-main .modal-delete-line-btn[title=Delete]:hover{background:#fee2e2}.suppliers-container{background-color:#fff;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif;margin:0!important;max-width:100%!important;min-height:100vh;padding:0!important;text-align:left;width:100%!important}.suppliers-top-row{align-items:center!important;background:#fff;border:none!important;box-sizing:border-box;display:flex!important;flex-wrap:nowrap;gap:1rem;justify-content:space-between!important;margin-bottom:1.5rem;padding:.75rem 0;width:100%}.suppliers-title-area{align-items:center;display:flex;flex-shrink:0;gap:.75rem}.suppliers-header-icon{align-items:center;color:#004aad;display:inline-flex;flex-shrink:0;font-size:1.5rem;justify-content:center;line-height:1}.suppliers-header-title{color:#004aad;font-family:Arial,Helvetica,sans-serif;font-size:1.5rem;font-weight:700;line-height:1.2;margin:0;padding:0;white-space:nowrap}.suppliers-controls-area{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:.6rem;justify-content:flex-end;min-width:0}.city-select-dropdown{outline:none}.search-wrapper{flex:1 1 240px;max-width:280px;min-width:180px}.search-icon{font-size:.85rem;pointer-events:none}.search-input{background:#fff;border:1px solid #004aad!important;border-radius:4px!important;color:#333;height:40px;outline:none;padding:0 1rem 0 2.4rem;transition:all .2s ease}.search-input::placeholder{color:#aaa}.search-input:focus{border-color:#004aad!important}.add-user-btn,.select-all-btn{align-items:center;border-radius:4px;box-sizing:border-box;cursor:pointer;display:inline-flex;flex-shrink:0;font-family:Arial,Helvetica,sans-serif;font-size:.85rem;font-weight:600;gap:.4rem;height:40px;justify-content:center;padding:0 1rem;transition:all .2s ease;white-space:nowrap}.select-all-btn{border:1px solid #004aad!important}.select-all-btn:hover{background:#fff!important;color:#004aad!important}.add-user-btn{border:none!important;color:#fff!important}.add-user-btn,.add-user-btn:hover{background:#004aad!important}.suppliers-nav-row{align-items:center;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:1rem;justify-content:flex-end;margin-bottom:1.5rem;width:100%}.nav-right-area{align-items:flex-end;display:flex;flex-direction:column;gap:16px;width:100%}.stats-container{align-items:stretch;display:flex;gap:16px;width:100%}.stat-card{background-color:#fff;border-left:5px solid #0000;border-radius:8px;box-shadow:0 2px 8px #0000000d;display:flex;flex:1 1;flex-direction:column;justify-content:center;min-height:85px;min-width:0;padding:18px 20px}.total-suppliers-card{background:#f8fafc;border-left-color:#3b82f6}.overdue-card{background:#fef2f2;border-left-color:#ef4444}.openbalance-card{background:#fffbeb;border-left-color:#f59e0b}.totalpaid-card{background:#ecfdf5;border-left-color:#10b981}.stat-label{color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase;white-space:nowrap}.stat-value{color:#111827;font-size:24px;font-weight:700;line-height:1.2;white-space:nowrap}.nav-icons{align-items:center;display:flex;gap:20px}.nav-icon{color:#004aad;cursor:pointer;font-size:18px;transition:transform .2s}.nav-icon:hover{transform:scale(1.1)}.suppliers-content{padding:0;text-align:left}.suppliers-content,.suppliers-table-container{background:#fff;box-sizing:border-box;max-width:100%;width:100%}.suppliers-table-container{border:1px solid #e0e0e0!important;border-radius:0!important;border-top:none!important;margin:0;overflow:hidden}.suppliers-table-wrapper{max-width:100%;overflow-x:auto;width:100%}.suppliers-table{background:#fff;border-collapse:collapse;max-width:100%;table-layout:auto;width:100%}.suppliers-table thead{background:#004aad}.suppliers-table th{background:#004aad;color:#fff;font-size:.8rem;font-weight:700;letter-spacing:.5px;padding:.9rem 1rem;text-transform:uppercase}.suppliers-table td,.suppliers-table th{border:none!important;font-family:Arial,Helvetica,sans-serif;text-align:left;vertical-align:middle;white-space:nowrap}.suppliers-table td{background:#fff;border-bottom:1px solid #e8e8e8!important;color:#333;font-size:.9rem;padding:.85rem 1rem}.suppliers-table tbody tr:last-child td{border-bottom:none!important}.suppliers-table tbody tr:hover td{background:#fafafa}.suppliers-table tbody tr.selected td{background:#004aad0d}.suppliers-table input[type=checkbox]{accent-color:#004aad;cursor:pointer;height:16px;width:16px}.supplier-name-cell{color:#004aad;font-weight:600;white-space:nowrap}.supplier-city-cell{background:#0000!important;border:none!important;border-radius:0!important;box-shadow:none!important;color:#333!important;display:inline;font-family:Arial,Helvetica,sans-serif!important;font-size:.9rem!important;font-weight:400!important;margin:0!important;padding:0!important;text-transform:none!important;white-space:nowrap}.balance-amount{color:#004aad;font-weight:600;white-space:nowrap}.actions-wrapper{gap:6px}.actions-wrapper,.delete-user-btn,.edit-address-btn{align-items:center;display:inline-flex;justify-content:center}.delete-user-btn,.edit-address-btn{background:#0000;border:none;border-radius:4px;cursor:pointer;font-size:1.05rem;padding:.35rem .5rem;transition:all .2s}.edit-address-btn:hover{transform:scale(1.05)}.delete-user-btn{color:#dc3545}.delete-user-btn:hover{background:#dc35451a;transform:scale(1.05)}.no-users{color:#666;padding:3rem;text-align:center}.no-data-icon{font-size:2.5rem;margin-bottom:.75rem}.no-users p{font-size:.95rem;margin:.5rem 0}.modal-overlay{background:#0009;padding:20px}.modal-container{border-radius:8px;box-shadow:0 10px 30px #0003;display:flex;flex-direction:column;max-height:95vh;max-width:1200px;overflow:hidden;width:95%}.modal-header{background:#f8fafc;border-bottom:1px solid #e5e7eb;flex-shrink:0;padding:20px 30px}.modal-title{color:#004aad;font-size:22px;font-weight:700;margin:0}.modal-close{font-size:28px;transition:color .2s}.modal-close:hover{color:#dc3545}.modal-form{flex:1 1;overflow-y:auto;padding:30px}.form-section{border-bottom:1px solid #e5e7eb;margin-bottom:30px;padding-bottom:20px}.form-section:last-of-type{border:none;margin-bottom:0}.section-title{font-size:18px;font-weight:600;margin-bottom:20px}.form-row{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:20px}.form-group label{color:#6b7280;font-size:12px;margin-bottom:6px}.form-group input{background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:14px;height:42px;outline:none;padding:10px 14px;transition:all .2s}.form-group input:focus{border-color:#004aad;box-shadow:0 0 0 3px #004aad1a}.modal-actions{background:#f8fafc;border-top:1px solid #e5e7eb;display:flex;flex-shrink:0;gap:12px;justify-content:flex-end;padding:20px 30px}.btn-cancel{border:1px solid #d1d5db;border-radius:6px;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .2s}.btn-cancel:hover{background:#f1f5f9}.btn-save{border:none;border-radius:6px;cursor:pointer;font-weight:600;padding:10px 24px;transition:all .2s}.btn-save:hover{background:#003a8c}@media (max-width:1200px){.search-wrapper{max-width:220px}.stat-value{font-size:22px}}@media (max-width:992px){.suppliers-top-row{flex-wrap:wrap!important}.suppliers-controls-area{flex-wrap:wrap;justify-content:flex-start;width:100%}.search-wrapper{flex:1 1 100%;max-width:100%}.stats-container{flex-wrap:wrap}.stat-card{flex-basis:calc(50% - 16px);flex-grow:1;flex-shrink:1}.stat-value{font-size:20px}}@media (max-width:768px){.suppliers-top-row{align-items:stretch!important;flex-direction:column!important;gap:.75rem}.suppliers-title-area{justify-content:flex-start}.suppliers-header-title{font-size:1.25rem}.suppliers-controls-area{align-items:stretch;flex-direction:column;gap:.5rem}.add-user-btn,.city-dropdown-wrapper,.search-wrapper,.select-all-btn{max-width:100%;width:100%}.nav-right-area{align-items:flex-start}.stats-container{flex-direction:column}.stat-card{flex:1 1 100%;min-height:auto;padding:14px}.stat-value{font-size:18px}.suppliers-table td,.suppliers-table th{font-size:.8rem;padding:.6rem}.suppliers-table th{font-size:.7rem}}.supplier-modal-select{appearance:auto!important;background-color:#fff!important;border:1px solid #d1d5db!important;border-radius:6px!important;box-sizing:border-box!important;color:#333!important;cursor:pointer!important;font-size:14px!important;height:42px!important;outline:none!important;padding:10px 14px!important;transition:all .2s!important;width:100%!important}.supplier-modal-select:focus{border-color:#004aad!important;box-shadow:0 0 0 3px #004aad1a!important}.supplier-modal-select:disabled{background-color:#f3f4f6!important;color:#9ca3af!important;cursor:not-allowed!important}.qb-style-modal{border-radius:8px!important;width:95%!important}.qb-style-modal .modal-header{background:#fff!important;border-bottom:1px solid #e5e7eb!important;padding:16px 24px!important}.qb-style-modal .modal-title{color:#333!important;font-size:20px!important;font-weight:500!important}.modal-header-actions{align-items:center;display:flex;gap:12px}.icon-btn-header{background:none;border:none;color:#6b7280;cursor:pointer;font-size:16px;transition:color .2s}.icon-btn-header:hover{color:#004aad}.qb-style-modal .modal-form{background:#fff!important;padding:24px!important}.qb-accordion{border-bottom:1px solid #e5e7eb!important;margin-bottom:20px!important;padding-bottom:20px!important}.qb-accordion:last-of-type{border-bottom:none!important}.qb-section-title{align-items:center;color:#333!important;cursor:pointer;display:flex;font-size:16px!important;font-weight:600!important;justify-content:space-between;margin-bottom:20px!important;-webkit-user-select:none;user-select:none}.qb-section-title:hover{color:#004aad}.section-title-left{align-items:center;display:flex;gap:10px}.section-icon{color:#6b7280;font-size:16px}.form-row-5{display:grid;grid-template-columns:80px 1fr 1fr 1fr 80px}.form-row-2,.form-row-5{grid-gap:16px;gap:16px;margin-bottom:16px}.form-row-2.mt-3{margin-top:16px}.qb-style-modal .form-group label{color:#4b5563!important;font-size:13px!important;font-weight:400!important;letter-spacing:normal!important;margin-bottom:6px!important;text-transform:none!important}.qb-style-modal .form-group input,.qb-style-modal .form-group textarea,.qb-style-modal .qb-select{background:#fff!important;border:1px solid #d1d5db!important;border-radius:6px!important;box-sizing:border-box!important;color:#111827!important;font-size:14px!important;height:42px!important;outline:none!important;padding:10px 14px!important;transition:all .2s!important}.qb-style-modal .form-group textarea{height:auto!important;resize:vertical!important}.qb-style-modal .form-group input:focus,.qb-style-modal .form-group textarea:focus,.qb-style-modal .qb-select:focus{border-color:#004aad!important;box-shadow:0 0 0 3px #004aad1a!important}.qb-style-modal .qb-select{appearance:auto!important;cursor:pointer!important}.qb-style-modal .qb-select:disabled{background:#f3f4f6!important;cursor:not-allowed!important}.qb-footer-actions{background:#fff!important;border-top:1px solid #e5e7eb!important;padding:16px 24px!important}.qb-btn-save{background:#007a33!important;color:#fff!important}.qb-btn-save:hover{background:#005c26!important}.qb-accordion.no-title{border:none!important;margin-bottom:0!important;padding-bottom:0!important}.qb-accordion.no-title .section-content{padding-top:10px}.qb-accordion.no-title+.qb-accordion.no-title{border-top:1px solid #e5e7eb!important;margin-top:24px!important;padding-top:24px!important}.qb-style-modal{max-width:700px!important}.shop-container{margin:0;max-width:100%;min-height:100vh;padding:0;text-align:left}.shop-container,.shop-header-section{background:#fff;box-sizing:border-box;width:100%}.shop-header-section{align-items:center!important;border:none!important;border-radius:0!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap;gap:1rem;justify-content:space-between!important;margin-bottom:1.5rem;padding:.75rem 0}.shop-header-left{align-items:center;display:flex;flex-shrink:0;gap:.75rem}.shop-header-icon{align-items:center;color:#004aad;display:inline-flex;flex-shrink:0;font-size:1.5rem;justify-content:center;line-height:1}.shop-header-title{font-size:1.5rem;font-weight:700;line-height:1.2;margin:0;padding:0}.shop-city-badge,.shop-header-title{color:#004aad;font-family:Arial,Helvetica,sans-serif;white-space:nowrap}.shop-city-badge{align-items:center;background:#e6f0ff;border:none!important;border-radius:20px;display:inline-flex;font-size:.8rem;font-weight:600;gap:.3rem;padding:.25rem .75rem}.shop-city-icon{font-size:.8rem}.shop-header-right{align-items:center;display:flex;flex:1 1;gap:.6rem;justify-content:flex-end;min-width:0}.city-dropdown-wrapper{flex-shrink:0;min-width:130px;position:relative}.city-select-dropdown{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#fff;background-image:none;border:1px solid #004aad!important;border-radius:4px!important;box-sizing:border-box;color:#333;cursor:pointer;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;height:40px;padding:0 2.2rem 0 .75rem;transition:all .2s ease;width:100%}.city-select-dropdown::-ms-expand{display:none}.city-select-dropdown:hover:not(:disabled){background:#f0f7ff}.city-select-dropdown:focus{border-color:#004aad!important;box-shadow:0 0 0 2px #004aad1a;outline:none}.city-select-dropdown:disabled{background:#f5f5f5;color:#999;cursor:not-allowed}.city-dropdown-icon{color:#004aad;font-size:1.2rem;pointer-events:none;position:absolute;right:8px;top:50%;transform:translateY(-50%);transition:color .2s ease}.city-select-dropdown:disabled+.city-dropdown-icon{color:#999;cursor:not-allowed}.shop-header-right .search-wrapper{flex:1 1 240px;max-width:280px;min-width:180px;position:relative}.shop-header-right .search-icon{color:#999;font-size:.85rem;left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.shop-header-right .search-input{background:#fff;border:1px solid #004aad!important;border-radius:4px!important;box-sizing:border-box;color:#333;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;height:40px;padding:0 1rem 0 2.4rem;transition:all .2s ease;width:100%}.shop-header-right .search-input::placeholder{color:#aaa}.shop-header-right .search-input:focus{border-color:#004aad!important;box-shadow:0 0 0 2px #004aad1a;outline:none}.shop-header-right .add-shop-btn,.shop-header-right .select-all-btn{align-items:center;border-radius:4px;box-sizing:border-box;cursor:pointer;display:inline-flex;flex-shrink:0;font-family:Arial,Helvetica,sans-serif;font-size:.85rem;font-weight:600;gap:.4rem;height:40px;justify-content:center;padding:0 1rem;transition:all .2s ease;white-space:nowrap}.shop-header-right .select-all-btn{background:#fff;border:1px solid #004aad!important;color:#004aad}.shop-header-right .select-all-btn:hover{background:#fff;color:#004aad}.shop-header-right .add-shop-btn{background:#004aad!important;border:none!important;color:#fff!important}.shop-header-right .add-shop-btn:hover{background:#004aad!important}.shop-content{padding:0;text-align:left}.shop-content,.shop-table-container{background:#fff;box-sizing:border-box;max-width:100%;width:100%}.shop-table-container{border:1px solid #e0e0e0!important;border-radius:0!important;border-top:none!important;margin:0;overflow:hidden}.shop-table-wrapper{max-width:100%;overflow-x:auto;width:100%}.shop-table{background:#fff;border-collapse:collapse;max-width:100%;width:100%}.shop-table thead{background:#004aad}.shop-table th{background:#004aad;color:#fff;font-size:.8rem;font-weight:700;letter-spacing:.5px;padding:.9rem 1rem;text-transform:uppercase}.shop-table td,.shop-table th{border:none!important;font-family:Arial,Helvetica,sans-serif;text-align:left;vertical-align:middle}.shop-table td{word-wrap:break-word;background:#fff;border-bottom:1px solid #e8e8e8!important;color:#333;font-size:.9rem;overflow-wrap:break-word;padding:.85rem 1rem}.shop-table tbody tr:last-child td{border-bottom:none!important}.shop-table tbody tr:hover td{background:#fafafa}.shop-table tbody tr.selected td{background:#004aad0d}.shop-table input[type=checkbox]{accent-color:#004aad;cursor:pointer;height:16px;width:16px}.shop-table td:first-child,.shop-table th:first-child{max-width:50px;min-width:50px;text-align:center;width:50px}.shop-table td:nth-child(2),.shop-table th:nth-child(2){max-width:80px;min-width:80px;text-align:center;width:80px}.shop-table td:nth-child(3),.shop-table th:nth-child(3){min-width:180px;text-align:left;width:22%}.shop-table td:nth-child(4),.shop-table th:nth-child(4){text-align:left;width:22%}.shop-table td:nth-child(5),.shop-table th:nth-child(5){text-align:left;width:15%}.shop-table td:nth-child(6),.shop-table th:nth-child(6){text-align:center;width:12%}.shop-table td:last-child,.shop-table th:last-child{max-width:150px;min-width:150px;text-align:center!important;width:150px}.shop-logo-cell{text-align:center;vertical-align:middle}.shop-logo-small{display:inline-block;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:inline-flex;font-size:1.2rem;font-weight:700;justify-content:center}.shop-name-cell{color:#333;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;font-weight:400}.shop-name-cell,.truncate-cell{text-align:left;white-space:nowrap}.truncate-cell{overflow:hidden;text-overflow:ellipsis}.actions-cell{max-width:150px;min-width:150px;width:150px}.view-shop-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#004aad;cursor:pointer;display:inline-flex;font-size:1.05rem;justify-content:center;padding:.35rem .5rem;transition:all .2s}.view-shop-btn:hover{background:#004aad1a;transform:scale(1.05)}.edit-shop-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#004aad;cursor:pointer;display:inline-flex;font-size:1.05rem;justify-content:center;padding:.35rem .5rem;transition:all .2s}.edit-shop-btn:hover{background:#004aad1a;transform:scale(1.05)}.delete-shop-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#dc3545!important;cursor:pointer;display:inline-flex!important;font-size:1.05rem;justify-content:center;padding:.35rem .5rem;transition:all .2s}.delete-shop-btn:hover{background:#dc35451a;color:#dc3545!important;transform:scale(1.05)}.error-state,.loading-state,.no-shops{color:#666;padding:3rem;text-align:center}.spinner{animation:spin 1s linear infinite;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:#0000;box-sizing:border-box;margin:0;max-width:100%;min-height:100vh;padding:1rem 0;width:100%}.add-shop-header,.edit-shop-header{align-items:stretch;display:flex;flex-direction:column;position:relative}.add-shop-header .back-button,.edit-shop-header .back-button{align-self:flex-end;margin-bottom:1rem;margin-left:auto}.add-shop-header .header-title,.edit-shop-header .header-title{align-self:flex-start}.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-template-columns:1fr 1fr}.form-group,.form-row{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;box-sizing:border-box;font-size:.9rem;padding:.6rem;transition:all .3s ease;width:100%}.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{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;font-weight:500;gap:.75rem!important;justify-content:flex-start!important;letter-spacing:normal;text-transform:none;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{align-items:center;display:flex;font-family:monospace;font-size:1rem;gap:.5rem}.url-icon,.url-preview{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:#004aad;color:#fff}.submit-btn:hover:not(:disabled){background:#004aad;transform:translateY(-2px)}.submit-btn:disabled{background:#ccc;cursor:not-allowed}.btn-icon{font-size:.9rem}.shop-details-container{background:#0000;box-sizing:border-box;margin:0;max-width:100%;min-height:100vh;padding:1rem 0;width:100%}.shop-details-header{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;justify-content:flex-end;margin-bottom:2rem;padding-bottom:1rem;width:100%}.shop-header-actions{align-items:center;display:flex;gap:15px}.shop-header-actions .back-button{align-items:center;display:inline-flex;height:38px;justify-content:center;margin-bottom:0;padding:.5rem 1rem}.details-city-dropdown-wrapper{display:inline-block;position:relative}.details-city-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#f8faff;border:1px solid #004aad;border-radius:4px;color:#333;cursor:pointer;font-family:Arial,Helvetica,sans-serif;font-size:.85rem;font-weight:600;height:38px;min-width:150px;outline:none;padding:0 35px 0 12px;transition:all .2s ease}.details-city-select:hover{background-color:#eef4ff}.details-city-select:focus{box-shadow:0 0 0 2px #004aad33}.details-dropdown-arrow{color:#004aad;font-size:.8rem;pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.edit-button{align-items:center;background:#004aad;border:1px solid #004aad;border-radius:4px;color:#fff;cursor:pointer;display:inline-flex;font-family:Arial,Helvetica,sans-serif;font-size:.85rem;font-weight:600;gap:.5rem;padding:.5rem 1.1rem;transition:all .2s ease}.edit-button:hover{background:#004aad!important;border-color:#004aad!important;color:#fff!important;transform:none!important}.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;background:#0000!important;border:none!important;border-radius:0!important;display:inline-flex;font-size:.9rem;font-weight:600;gap:.4rem;letter-spacing:.3px;padding:0!important;text-transform:uppercase}.status-badge-large.active{background:#0000!important;color:#28a745}.status-badge-large.inactive{background:#0000!important;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:1px solid #e0e0e0;color:#004aad!important;display:flex;font-size:1rem;font-weight:700;gap:.5rem;margin-bottom:1rem;padding-bottom:.5rem}.card-icon{color:#004aad!important;font-size:1.15rem}.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}.city-select-wrapper{position:relative;width:100%}.city-dropdown-toggle{background-color:#fff;border:2px solid #e5e7eb;border-radius:12px;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;padding:8px}.city-dropdown-item{align-items:center;border-radius:8px;box-sizing:border-box;display:flex;gap:8px;justify-content:flex-start;padding:10px 12px;width:100%}.city-dropdown-item.selected{background:#0000}.city-dropdown-item .city-checkbox{accent-color:#004aad;display:inline-block!important;flex-shrink:0;height:16px;margin:0;pointer-events:none;visibility:visible!important;width:16px}.city-dropdown-item .city-name{color:#333!important;display:block!important;flex:1 1;font-size:14px;font-weight:500;overflow:visible!important;text-align:left;visibility:visible!important;white-space:normal!important}.city-dropdown-item .city-check-icon{display:none}.city-dropdown-empty{color:#9ca3af}.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}@media (max-width:1024px){.form-grid,.form-row{grid-template-columns:1fr}}@media (max-width:900px){.shop-header-section{flex-wrap:wrap!important}.shop-header-right{flex-wrap:wrap;justify-content:flex-start;width:100%}.shop-header-right .search-wrapper{flex:1 1 100%;max-width:100%}}@media (max-width:768px){.shop-header-section{align-items:stretch!important;flex-direction:column!important;gap:.75rem}.shop-header-left{justify-content:flex-start}.shop-header-title{font-size:1.25rem}.shop-header-right{align-items:stretch;flex-direction:column;gap:.5rem}.city-dropdown-wrapper,.shop-header-right .add-shop-btn,.shop-header-right .search-wrapper,.shop-header-right .select-all-btn{max-width:100%;width:100%}.shop-table td,.shop-table th{font-size:.8rem;padding:.6rem}.shop-table th{font-size:.7rem}.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%}.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{justify-content:center}.shop-header-actions{align-items:stretch;flex-direction:column;width:100%}.details-city-dropdown-wrapper,.details-city-select,.shop-header-actions .back-button,.shop-header-actions .edit-button{justify-content:center;width:100%}.form-actions{flex-direction:column}.cancel-btn,.submit-btn{justify-content:center;width:100%}}@media (max-width:480px){.shop-header-title{font-size:1.3rem}.shop-table td,.shop-table th{font-size:.7rem;padding:.4rem}}.add-shop-page .form-group input,.add-shop-page .form-group select,.add-shop-page .form-group textarea,.edit-shop-container .form-group input,.edit-shop-container .form-group select,.edit-shop-container .form-group textarea{background-image:none!important;box-shadow:none!important}.add-shop-page .form-group,.edit-shop-container .form-group{border-bottom:none!important}.add-shop-page .form-section{background:#fff!important;border:1px solid #e0e0e0!important;border-radius:8px!important;display:flex!important;flex-direction:column!important;margin-bottom:2rem!important;padding:2rem 1.75rem!important}.add-shop-page .form-section h3{border-bottom:2px solid #004aad!important;margin-bottom:1.5rem!important;padding-bottom:.75rem!important}.add-shop-page .form-group{display:block!important;margin-bottom:1.75rem!important;width:100%!important}.add-shop-page .form-group label{display:block!important;margin-bottom:.75rem!important}.add-shop-page .form-group input[type=email],.add-shop-page .form-group input[type=tel],.add-shop-page .form-group input[type=text],.add-shop-page .form-group select,.add-shop-page .form-group textarea{border:1px solid #dcdcdc!important;border-radius:6px!important;box-sizing:border-box!important;margin-bottom:0!important;min-height:45px!important;padding:.85rem 1rem!important;width:100%!important}.add-shop-page .checkbox-group{margin-bottom:1rem!important;margin-top:.5rem!important}.add-shop-page .checkbox-group label{align-items:center!important;display:flex!important;gap:.75rem!important;margin-bottom:0!important}.add-shop-page .field-hint{display:block!important;margin-top:.5rem!important}.add-shop-page .logo-upload-container{gap:2rem!important;margin-top:1rem!important}.add-shop-page .logo-upload-controls{display:flex!important;flex-direction:column!important;gap:1rem!important;margin-top:1rem!important}.add-shop-page .form-grid{grid-gap:2rem!important;display:grid!important;gap:2rem!important;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))!important;margin-bottom:2rem!important}@media (max-width:1024px){.add-shop-page .form-grid{gap:1.5rem!important;grid-template-columns:1fr!important}}.notes-main-container{background:#fff;box-sizing:border-box;margin:0;max-width:100%;padding:0;text-align:left;width:100%}.notes-main-container .notes-header-section{align-items:center;background:#fff;border:none;border-radius:6px;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;margin-bottom:2rem;padding:1rem 0;width:100%}.notes-main-container .notes-header-left{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.notes-main-container .notes-header-title{align-items:center;color:#004aad;display:flex;font-size:1.75rem;font-weight:700;gap:.6rem;line-height:1.2;margin:0;padding:0;white-space:nowrap}.notes-main-container .notes-title-icon{color:#004aad;flex-shrink:0;font-size:1.5rem}.notes-main-container .notes-header-right{align-items:center;display:flex;flex:1 1;gap:.8rem;justify-content:flex-end;min-width:0}.notes-main-container .notes-city-wrapper{align-items:center;display:flex;flex:0 0 auto;min-width:170px;position:relative}.notes-main-container .notes-city-trigger{align-items:center;background:#fff;border:1px solid #004aad;border-radius:4px;box-sizing:border-box;color:#004aad;cursor:pointer;display:flex;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;font-weight:500;gap:6px;height:42px;padding:0 .5rem 0 .85rem;transition:all .2s ease;-webkit-user-select:none;user-select:none;width:100%}.notes-main-container .notes-city-trigger:hover{background:#f0f4ff}.notes-main-container .notes-city-trigger.open{border-color:#004aad;box-shadow:0 0 0 2px #004aad1a}.notes-main-container .notes-city-pin-icon{color:#dc3545;flex-shrink:0;font-size:.85rem}.notes-main-container .notes-city-trigger-text{flex:1 1;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.notes-main-container .notes-city-dropdown-arrow{color:#004aad;flex-shrink:0;font-size:1.2rem;transition:transform .25s ease}.notes-main-container .notes-city-dropdown-arrow.rotated{transform:rotate(180deg)}.notes-main-container .notes-city-dropdown-menu{animation:notesDropdownSlide .2s ease;background:#fff;border:1px solid #e0e0e0;border-radius:6px;box-shadow:0 4px 12px #00000026;left:0;max-height:280px;min-width:200px;overflow-y:auto;padding:4px 0;position:absolute;right:0;top:calc(100% + 4px);z-index:1000}.notes-main-container .notes-city-option{align-items:center;color:#333;cursor:pointer;display:flex;font-family:Arial,Helvetica,sans-serif;font-size:.88rem;gap:8px;padding:.55rem .9rem;transition:background .15s ease;white-space:nowrap}.notes-main-container .notes-city-option:hover{background:#fff}.notes-main-container .notes-city-option.selected{background:#004aad14;color:#004aad;font-weight:600}.notes-main-container .notes-city-option-pin{color:#dc3545;flex-shrink:0;font-size:.75rem}.notes-main-container .notes-city-option-name{flex:1 1;text-align:left}.notes-main-container .notes-city-option-count{color:#004aad;font-size:.85rem;font-weight:600}.notes-main-container .notes-header-right .search-wrapper{flex:0 1 260px;max-width:260px;min-width:180px;position:relative}.notes-main-container .search-icon{color:#999;font-size:.9rem;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.notes-main-container .notes-header-right .search-input{border:1px solid #004aad;border-radius:4px;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;height:42px;padding:0 1rem 0 2.5rem;width:100%}.notes-main-container .notes-header-right .add-note-btn,.notes-main-container .notes-header-right .select-all-btn{align-items:center;align-self:center!important;border-radius:4px;box-sizing:border-box!important;cursor:pointer;display:inline-flex;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;font-weight:500;gap:.5rem;height:42px!important;justify-content:center;line-height:1!important;margin:0!important;min-height:42px!important;padding:0 1.25rem;position:relative!important;top:0!important;transform:none!important;transition:background .2s ease;vertical-align:middle;white-space:nowrap}.notes-main-container .notes-header-right .select-all-btn,.notes-main-container .notes-header-right .select-all-btn:active,.notes-main-container .notes-header-right .select-all-btn:focus,.notes-main-container .notes-header-right .select-all-btn:hover{background:#fff;border:1px solid #004aad!important;color:#004aad;transform:none!important}.notes-main-container .notes-header-right .select-all-btn:hover{background:#f0f4ff}.notes-main-container .notes-header-right .add-note-btn,.notes-main-container .notes-header-right .add-note-btn:active,.notes-main-container .notes-header-right .add-note-btn:focus,.notes-main-container .notes-header-right .add-note-btn:focus-visible,.notes-main-container .notes-header-right .add-note-btn:hover{background:#004aad!important;background-color:#004aad!important;background-image:none!important;border:1px solid #004aad!important;box-shadow:none!important;color:#fff!important;outline:none!important;transform:none!important}.notes-main-container .notes-content{background:#fff;box-sizing:border-box;max-width:100%;padding:0;text-align:left;width:100%}.notes-main-container .selected-summary{background:#004aad0d;border:1px solid #004aad;border-radius:4px;box-sizing:border-box;margin-bottom:1.5rem;padding:.8rem 1rem;width:100%}.notes-main-container .summary-content{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.notes-main-container .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}.notes-main-container .summary-text{color:#004aad;flex:1 1;font-weight:500}.notes-main-container .clear-selection{background:#0000;border:none;border-radius:4px;color:#dc3545;cursor:pointer;font-size:.85rem;padding:.25rem .75rem;transition:all .3s}.notes-main-container .clear-selection:hover{background:#dc35451a}.notes-main-container .action-dropdown-container{display:inline-block;position:relative}.notes-main-container .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}.notes-main-container .action-dropdown-btn:hover{background:#003380;transform:translateY(-1px)}.notes-main-container .action-dropdown-menu{animation:notesDropdownSlide .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 notesDropdownSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.notes-main-container .action-dropdown-menu .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%}.notes-main-container .action-dropdown-menu .dropdown-item:hover{background:#f8f9fa}.notes-main-container .action-dropdown-menu .dropdown-item.delete-item{color:#dc3545}.notes-main-container .action-dropdown-menu .dropdown-item.delete-item:hover{background:#fee2e2}.notes-main-container .notes-table-container{background:#fff;border:0 solid #e5e5e5!important;border-radius:6px!important;box-sizing:border-box;margin:0;max-width:100%;overflow:hidden;width:100%}.notes-main-container .notes-table-wrapper{max-width:100%;overflow-x:auto;width:100%}.notes-main-container .notes-table{background:#fff;border-collapse:collapse;max-width:100%;min-width:800px;table-layout:fixed;width:100%}.notes-main-container .notes-table thead{background:#004aad}.notes-main-container .notes-table th{background:#004aad;border-bottom:1px solid #e5e5e5;border-right:1px solid #5a9bd5;color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:1rem;text-align:center;text-transform:uppercase;vertical-align:middle}.notes-main-container .notes-table td:last-child,.notes-main-container .notes-table th:last-child{border-right:none}.notes-main-container .notes-table td{word-wrap:break-word;border-bottom:1px solid #f0f0f0;border-right:1px solid #f0f0f0;color:#333;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;font-weight:400;overflow-wrap:break-word;padding:.8rem 1rem;text-align:center;vertical-align:middle}.notes-main-container .notes-table td:nth-child(2),.notes-main-container .notes-table td:nth-child(3),.notes-main-container .notes-table th:nth-child(2),.notes-main-container .notes-table th:nth-child(3){text-align:left}.notes-main-container .notes-table tbody tr:last-child td{border-bottom:none}.notes-main-container .notes-table tbody tr:hover{background:#fafafa}.notes-main-container .notes-table tbody tr.selected{background:#004aad0d}.notes-main-container .notes-table input[type=checkbox]{accent-color:#004aad;cursor:pointer;height:18px;width:18px}.notes-main-container .notes-table td.actions-cell{text-align:center;vertical-align:middle;white-space:nowrap}.notes-main-container .delete-note-btn,.notes-main-container .edit-note-btn{align-items:center;background:#0000;border:none;border-radius:4px;cursor:pointer;display:inline-flex;font-size:1.1rem;justify-content:center;padding:.4rem .5rem;transition:all .3s}.notes-main-container .edit-note-btn{color:#004aad}.notes-main-container .edit-note-btn:hover{background:#004aad1a;transform:scale(1.05)}.notes-main-container .delete-note-btn{color:#dc3545;margin-left:4px}.notes-main-container .delete-note-btn:hover{background:#dc35451a;transform:scale(1.1)}.notes-main-container .edit-note-btn svg{color:#004aad}.notes-main-container .delete-note-btn svg{color:#dc3545}.notes-main-container .no-notes{color:#666;padding:3rem;text-align:center}.notes-main-container .no-data-icon{color:#ccc;font-size:3rem;margin-bottom:1rem}.notes-main-container .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}.notes-main-container .add-first-btn:hover{background:#003380}.notes-main-container button:disabled{cursor:not-allowed!important;opacity:.6;transform:none!important}.notes-main-container .modal-overlay{align-items:center;animation:notesFadeIn .3s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.notes-main-container .modal-content{animation:notesSlideUp .3s ease;background:#fff;border-radius:8px;box-shadow:0 4px 20px #0003;box-sizing:border-box;max-height:90vh;max-width:600px;overflow-y:auto;padding:0 1.5rem;width:90%}@keyframes notesSlideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes notesFadeIn{0%{opacity:0}to{opacity:1}}.notes-main-container .modal-header{align-items:center;background:#0000!important;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:1.25rem 0 1rem}.notes-main-container .modal-header h3{color:#004aad;font-size:1.25rem;font-weight:600;margin:0}.notes-main-container .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}.notes-main-container .modal-close:hover{background:#e0e0e0;color:#333}.notes-main-container .modal-body{padding:1rem 0 .75rem}.notes-main-container .modal-footer{background:#0000!important;border-top:1px solid #e0e0e0;display:flex;gap:1rem;justify-content:flex-end;padding:1rem 0 1.25rem}.notes-main-container .note-form{display:flex;flex-direction:column;gap:1rem}.notes-main-container .note-form .form-group{margin-bottom:0}.notes-main-container .form-group label,.notes-main-container .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}.notes-main-container .form-group input,.notes-main-container .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%}.notes-main-container .city-dropdown:focus,.notes-main-container .form-group input:focus,.notes-main-container .form-group textarea:focus{border-color:#004aad;box-shadow:0 0 0 2px #004aad1a;outline:none}.notes-main-container .note-textarea{min-height:120px;resize:vertical}.notes-main-container .disabled-field{background-color:#f5f5f5;color:#888;cursor:not-allowed}.notes-main-container .form-help-text{color:#dc3545;display:block;font-size:.75rem;margin-top:5px}.notes-main-container .city-dropdown,.notes-main-container .form-group .manufacturing-input{box-sizing:border-box;cursor:pointer;font-size:.9rem;height:40px;line-height:40px;overflow:hidden;padding:0 2.2rem 0 .75rem!important;text-overflow:ellipsis;white-space:nowrap}.notes-main-container .city-dropdown{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='m1 1 5 5 5-5' fill='none' stroke='%23666' stroke-width='2'/%3E%3C/svg%3E") no-repeat right 12px center;border:1px solid #e0e0e0;border-radius:4px;width:100%}.notes-main-container .city-dropdown:disabled{background-color:#f5f5f5;color:#999;cursor:not-allowed}.notes-main-container .city-loading-text{color:#666;font-size:12px;margin-top:4px}.notes-main-container .city-empty-text{color:#dc3545;font-size:12px;margin-top:4px}.notes-main-container .dropdown-input,.notes-main-container .dropdown-wrapper,.notes-main-container .manufacturing-dropdown-container{position:relative}.notes-main-container .dropdown-icon{color:#666;font-size:.75rem;pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:transform .3s ease}.notes-main-container .dropdown-icon.rotated{transform:translateY(-50%) rotate(180deg)}.notes-main-container .manufacturing-dropdown{animation:notesDropdownSlide .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}.notes-main-container .dropdown-list{max-height:250px;overflow-y:auto;padding:5px 0}.notes-main-container .dropdown-list .dropdown-item{align-items:center;background:#fff;color:#333;cursor:pointer;display:flex;font-size:.9rem;gap:10px;padding:.6rem 1rem;transition:all .2s ease}.notes-main-container .dropdown-list .dropdown-item:hover{background:#f8f9fa}.notes-main-container .dropdown-list .dropdown-item.selected{background-color:#004aad1a}.notes-main-container .dropdown-item-icon{color:#004aad;font-size:.8rem}.notes-main-container .dropdown-item-content{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.notes-main-container .item-part-name{color:#333;font-weight:500}.notes-main-container .item-lot-number{color:#666;font-size:.8rem}.notes-main-container .item-shop-name{color:#004aad;font-size:.75rem;margin-left:auto}.notes-main-container .dropdown-no-data{color:#999;font-size:.85rem;padding:1rem;text-align:center}.notes-main-container .btn-cancel,.notes-main-container .btn-delete,.notes-main-container .btn-save{align-items:center;border-radius:4px;box-sizing:border-box;cursor:pointer;display:inline-flex;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;font-weight:500;height:40px;justify-content:center;line-height:1;margin:0;padding:0 1.5rem;transition:none;white-space:nowrap}.notes-main-container .btn-cancel,.notes-main-container .btn-cancel:active,.notes-main-container .btn-cancel:focus,.notes-main-container .btn-cancel:hover{background:#f8f9fa!important;border:1px solid #e0e0e0!important;box-shadow:none!important;color:#666!important;outline:none!important;transform:none!important}.notes-main-container .btn-save,.notes-main-container .btn-save:active,.notes-main-container .btn-save:focus,.notes-main-container .btn-save:hover{background:#004aad!important;background-image:none!important;border:1px solid #004aad!important;box-shadow:none!important;color:#fff!important;outline:none!important;transform:none!important}.notes-main-container .btn-delete,.notes-main-container .btn-delete:active,.notes-main-container .btn-delete:focus,.notes-main-container .btn-delete:hover{background:#dc3545!important;background-image:none!important;border:1px solid #dc3545!important;box-shadow:none!important;color:#fff!important;outline:none!important;transform:none!important}@media (max-width:900px){.notes-main-container .notes-header-section{align-items:stretch;flex-direction:column}.notes-main-container .notes-header-right{align-items:stretch;flex-direction:column;justify-content:stretch}.notes-main-container .notes-header-right .search-wrapper{flex:none;max-width:100%;width:100%}.notes-main-container .notes-city-wrapper,.notes-main-container .notes-header-right .add-note-btn,.notes-main-container .notes-header-right .select-all-btn{width:100%}}@media (max-width:768px){.notes-main-container .notes-table td,.notes-main-container .notes-table th{font-size:.8rem;padding:.6rem}.notes-main-container .modal-content{margin:1rem;width:95%}.notes-main-container .summary-content{align-items:stretch;flex-direction:column}.notes-main-container .action-dropdown-container{width:100%}.notes-main-container .action-dropdown-btn{justify-content:center;width:100%}.notes-main-container .action-dropdown-menu{margin-top:8px;position:static;width:100%}.notes-main-container .manufacturing-dropdown{left:5%;max-height:60vh;position:fixed;right:5%;top:auto;width:90%}.notes-main-container .dropdown-list{max-height:40vh}.notes-main-container .dropdown-item-content{align-items:flex-start;flex-direction:column;gap:4px}.notes-main-container .item-shop-name{margin-left:0}}@media (max-width:480px){.notes-main-container .notes-header-title{font-size:1.3rem}.notes-main-container .notes-title-icon{font-size:1.1rem}.notes-main-container .notes-table td,.notes-main-container .notes-table th{font-size:.7rem;padding:.5rem}.notes-main-container .btn-cancel,.notes-main-container .btn-delete,.notes-main-container .btn-save{font-size:.8rem;padding:0 1rem}}.notes-main-container .notes-city-pill{align-items:center;align-self:center;background:#fff;border:1.5px solid #004aad;border-radius:50px;color:#004aad;display:inline-flex;font-family:Arial,Helvetica,sans-serif;font-size:.8rem;font-weight:600;gap:6px;height:fit-content;line-height:1.4;padding:4px 14px 4px 10px;white-space:nowrap}.notes-main-container .notes-city-pill-icon{color:#004aad;flex-shrink:0;font-size:.75rem}.notes-main-container .notes-city-pill-text{color:#004aad;font-weight:600}.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%}.search-wrapper{flex:1 1;max-width:400px;min-width:250px;position:relative}.search-icon{color:#999;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.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{display:flex;flex-shrink:0;gap:.8rem}.add-item-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-item-btn,.select-all-btn:hover{background:#004aad;color:#fff}.add-item-btn:hover{background:#004aad;transform:none}.action-dropdown-btn{display:inline-flex;justify-content:center;line-height:1}.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}.item-count{background:#fff;border:1px solid #e0e0e0;border-radius:20px;color:#666;font-size:.85rem;padding:.25rem .75rem}.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}.checkbox-cell{text-align:center;width:50px}.checkbox-cell input{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}.stock-badge.low-stock{background:#fff3cd;color:#856404}.status-badge{border-radius:4px;font-size:.75rem}.status-pending{background:#fff3cd;color:#856404}.status-in-progress{background:#cce5ff;color:#004085}.status-completed{background:#d4edda;color:#155724}.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 .3s}.edit-item-btn:hover{transform:scale(1.1)}.delete-item-btn{color:#dc3545;margin-left:4px}.delete-item-btn:hover{transform:scale(1.1)}.no-items{color:#666;padding:3rem;text-align:center}.add-first-btn{font-size:.9rem;transition:all .3s ease}.add-first-btn:hover{transform:translateY(-2px)}.form-header-section .header-content{align-items:center;display:flex;gap:1rem}.form-header-section .header-icon{background:#004aad1a;border-radius:8px;color:#004aad;font-size:2rem;padding:.75rem}@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}}@media (max-width:992px){.filter-section{max-width:100%;width:100%}.filter-select{min-width:80px}}@media (max-width:768px){.filter-section{flex-direction:column;gap:.5rem}.filter-select{width:100%}}button.add-item-btn,button.add-item-btn:active,button.add-item-btn:focus,button.add-item-btn:focus-visible,button.add-item-btn:hover{background:#004aad!important;background-color:#004aad!important;background-image:none!important;border-color:#004aad!important;box-shadow:none!important;color:#fff!important;transform:none!important}.header-content{align-items:center;display:flex;gap:1rem;margin-bottom:.5rem}.header-icon{background:#004aad1a;border-radius:8px;color:#004aad;font-size:2rem;padding:.75rem}.header-subtitle{color:#666;font-size:.9rem;margin:0;padding-left:3.5rem}.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;border:1px solid #e0e0e0;border-radius:4px;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem;padding:1.5rem;width:100%}.form-header-section .header-content{margin:0}.form-header-section h2{color:#004aad;font-size:1.75rem;font-weight:700;margin:0}.back-button{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:4px;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)}.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;transform:translateY(-1px)}.btn-save:hover{box-shadow:0 2px 8px #004aad4d;transform:translateY(-1px)}.btn-cancel:active,.btn-reset:active,.btn-save:active{transform:translateY(0)}.filter-section{align-items:center;display:flex;flex:1 1;gap:1rem;max-width:400px}.filter-select{background:#fff;border:1px solid #e0e0e0;border-radius:4px;color:#333;cursor:pointer;flex:1 1;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;min-width:120px;padding:.6rem 1rem;transition:all .3s ease}.filter-select:focus{border-color:#004aad;box-shadow:0 0 0 2px #004aad1a;outline:none}.filter-select:hover{border-color:#004aad}.filter-select:disabled{background:#f8f9fa;color:#999;cursor:not-allowed}.loading{color:#004aad}.error,.loading{font-size:1.1rem;padding:3rem;text-align:center}.error{color:#dc3545}.issuestocklist-main-container{background:#fff;box-sizing:border-box;margin:0;max-width:100%;padding:0;text-align:left;width:100%}.issuestocklist-main-container .isl-header-section{align-items:center;background:#fff;border:none;border-radius:0;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;margin-bottom:2rem;padding:1rem 0;width:100%}.issuestocklist-main-container .isl-header-left{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.issuestocklist-main-container .isl-header-title{align-items:center;color:#004aad;display:flex;font-size:1.75rem;font-weight:700;gap:.6rem;line-height:1.2;margin:0;padding:0;white-space:nowrap}.issuestocklist-main-container .isl-title-icon{flex-shrink:0;font-size:1.6rem}.issuestocklist-main-container .isl-header-right{align-items:center;display:flex;flex:1 1;gap:.8rem;justify-content:flex-end;min-width:0}.issuestocklist-main-container .isl-city-wrapper{align-items:center;display:flex;flex:0 0 auto;min-width:150px;position:relative}.issuestocklist-main-container .isl-city-dropdown-arrow{color:#004aad;font-size:1.3rem;pointer-events:none;position:absolute;right:10px;top:50%;transform:translateY(-50%);z-index:1}.issuestocklist-main-container .isl-city-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#fff;border:1px solid #004aad;border-radius:4px;box-sizing:border-box;cursor:pointer;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;height:42px;margin:0;padding:0 2.2rem 0 1rem;width:100%}.issuestocklist-main-container .isl-city-select:focus{border-color:#004aad;box-shadow:0 0 0 2px #004aad1a;outline:none}.issuestocklist-main-container .isl-city-select:disabled{background:#f5f5f5;color:#999;cursor:not-allowed}.issuestocklist-main-container .isl-search-wrapper{flex:0 1 260px;max-width:260px;min-width:180px;position:relative}.issuestocklist-main-container .isl-search-icon{color:#999;font-size:.9rem;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.issuestocklist-main-container .isl-search-input{border:1px solid #004aad;border-radius:4px;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;height:42px;padding:0 1rem 0 2.5rem;width:100%}.issuestocklist-main-container .isl-city-select:focus,.issuestocklist-main-container .isl-search-input:focus{border-color:#004aad;box-shadow:0 0 0 2px #004aad1a;outline:none}.issuestocklist-main-container .isl-add-btn,.issuestocklist-main-container .isl-select-all-btn{align-items:center;align-self:center!important;border-radius:4px;box-sizing:border-box!important;cursor:pointer;display:inline-flex;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;font-weight:500;gap:.5rem;height:42px!important;justify-content:center;line-height:1!important;margin:0!important;min-height:42px!important;padding:0 1.25rem;position:relative!important;top:0!important;transform:none!important;transition:background .2s ease;vertical-align:middle;white-space:nowrap}.issuestocklist-main-container .isl-select-all-btn,.issuestocklist-main-container .isl-select-all-btn:focus,.issuestocklist-main-container .isl-select-all-btn:hover{background:#fff;border:1px solid #004aad!important;color:#004aad}.issuestocklist-main-container .isl-select-all-btn:hover{background:#f0f4ff}.issuestocklist-main-container .isl-add-btn,.issuestocklist-main-container .isl-add-btn:active,.issuestocklist-main-container .isl-add-btn:focus,.issuestocklist-main-container .isl-add-btn:hover{background:#004aad!important;background-image:none!important;border:1px solid #004aad!important;box-shadow:none!important;color:#fff!important;outline:none!important}.issuestocklist-main-container .isl-selected-summary{background:#004aad0d;border:1px solid #004aad;border-radius:4px;box-sizing:border-box;margin-bottom:1.5rem;padding:.8rem 1rem;width:100%}.issuestocklist-main-container .isl-summary-content{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.issuestocklist-main-container .isl-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}.issuestocklist-main-container .isl-summary-text{color:#004aad;flex:1 1;font-weight:500}.issuestocklist-main-container .isl-clear-selection{background:#0000;border:none;border-radius:4px;color:#dc3545;cursor:pointer;font-size:.85rem;padding:.25rem .75rem;transition:all .3s}.issuestocklist-main-container .isl-clear-selection:hover{background:#dc35451a}.issuestocklist-main-container .isl-action-dropdown-container{display:inline-block;position:relative}.issuestocklist-main-container .isl-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}.issuestocklist-main-container .isl-action-dropdown-btn:hover{background:#003380}.issuestocklist-main-container .isl-action-dropdown-menu{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}.issuestocklist-main-container .isl-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;width:100%}.issuestocklist-main-container .isl-dropdown-item:hover{background:#f8f9fa}.issuestocklist-main-container .isl-dropdown-item.isl-delete-item{color:#dc3545}.issuestocklist-main-container .isl-dropdown-item.isl-delete-item:hover{background:#fee2e2}.issuestocklist-main-container .isl-table-container{background:#fff;border:1px solid #d0d0d0;border-radius:6px;box-sizing:border-box;overflow:hidden;width:100%}.issuestocklist-main-container .isl-table-wrapper{overflow-x:auto;width:100%}.issuestocklist-main-container .isl-table{background:#fff;border-collapse:collapse;min-width:1000px;width:100%}.issuestocklist-main-container .isl-table th{background:#004aad;border-bottom:2px solid #e0e0e0;border-right:1px solid #5a9bd5;color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:1rem .8rem;text-align:center;text-transform:uppercase;vertical-align:middle}.issuestocklist-main-container .isl-table td{border-bottom:1px solid #f0f0f0;border-right:1px solid #f0f0f0;color:#333;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;font-weight:400;overflow-wrap:break-word;padding:.8rem;text-align:center;vertical-align:middle}.issuestocklist-main-container .isl-table td:last-child,.issuestocklist-main-container .isl-table th:last-child{border-right:none}.issuestocklist-main-container .isl-table td:nth-child(3),.issuestocklist-main-container .isl-table th:nth-child(3){text-align:left}.issuestocklist-main-container .isl-table tbody tr:last-child td{border-bottom:none}.issuestocklist-main-container .isl-table tbody tr:hover{background:#fafafa}.issuestocklist-main-container .isl-table tbody tr.selected{background:#004aad0d}.issuestocklist-main-container .isl-table input[type=checkbox]{accent-color:#004aad;cursor:pointer;height:18px;width:18px}.issuestocklist-main-container .isl-table td.isl-low-stock{color:#b45309;font-weight:600}.issuestocklist-main-container .isl-table td.isl-actions-cell{white-space:nowrap}.issuestocklist-main-container .isl-delete-btn,.issuestocklist-main-container .isl-edit-btn{align-items:center;background:#0000;border:none;border-radius:4px;cursor:pointer;display:inline-flex;font-size:1.1rem;justify-content:center;padding:.4rem .5rem;transition:all .3s}.issuestocklist-main-container .isl-edit-btn,.issuestocklist-main-container .isl-edit-btn svg{color:#004aad}.issuestocklist-main-container .isl-delete-btn,.issuestocklist-main-container .isl-delete-btn svg{color:#dc3545}.issuestocklist-main-container .isl-delete-btn{margin-left:4px}.issuestocklist-main-container .isl-edit-btn:hover{background:#004aad1a;transform:scale(1.05)}.issuestocklist-main-container .isl-delete-btn:hover{background:#dc35451a;transform:scale(1.1)}.issuestocklist-main-container .isl-no-items{color:#666;padding:3rem;text-align:center}.issuestocklist-main-container .isl-no-data-icon{color:#ccc;font-size:3rem;margin-bottom:1rem}.issuestocklist-main-container .isl-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;line-height:1;margin-top:1rem;padding:.6rem 1.5rem}.issuestocklist-main-container .isl-add-first-btn:hover{background:#003380}.issuestocklist-main-container button:disabled{cursor:not-allowed;opacity:.6}@media (max-width:1200px){.add-issuestock-container{padding:15px}}@media (max-width:992px){.form-header-section,.form-header-section .header-content{flex-direction:column;text-align:center}.filter-section{max-width:100%;width:100%}.filter-select{min-width:80px}}@media (max-width:900px){.issuestocklist-main-container .isl-header-section{align-items:stretch;flex-direction:column}.issuestocklist-main-container .isl-header-right{align-items:stretch;flex-direction:column;justify-content:stretch}.issuestocklist-main-container .isl-search-wrapper{flex:none;max-width:100%;width:100%}.issuestocklist-main-container .isl-add-btn,.issuestocklist-main-container .isl-city-wrapper,.issuestocklist-main-container .isl-select-all-btn{width:100%}}@media (max-width:768px){.add-issuestock-container{padding:10px}.form-header-section{padding:1rem}.form-header-section h2{font-size:1.3rem}.header-icon{font-size:1.5rem;padding:.5rem}.header-subtitle{padding-left:0;text-align:center}.form-row{flex-direction:column;gap:1rem}.form-group{min-width:100%}.form-actions{flex-direction:column}.btn-cancel,.btn-reset,.btn-save{justify-content:center;width:100%}.issuestock-form-container{padding:1rem}.filter-section{flex-direction:column;gap:.5rem}.filter-select{width:100%}.issuestocklist-main-container .isl-table td,.issuestocklist-main-container .isl-table th{font-size:.8rem;padding:.6rem}.issuestocklist-main-container .isl-summary-content{align-items:stretch;flex-direction:column}.issuestocklist-main-container .isl-action-dropdown-btn,.issuestocklist-main-container .isl-action-dropdown-container{width:100%}.issuestocklist-main-container .isl-action-dropdown-btn{justify-content:center}.issuestocklist-main-container .isl-action-dropdown-menu{margin-top:8px;position:static;width:100%}}@media (max-width:480px){.add-issuestock-container{padding:8px}.form-header-section h2{font-size:1.1rem}.form-group label,.header-subtitle{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}.issuestocklist-main-container .isl-header-title{font-size:1.3rem}.issuestocklist-main-container .isl-title-icon{font-size:1.2rem}.issuestocklist-main-container .isl-table td,.issuestocklist-main-container .isl-table th{font-size:.72rem;padding:.5rem}}@media print{.add-issuestock-container{background:#fff;padding:0}.back-button,.btn-cancel,.btn-reset,.btn-save,.form-actions,.form-header-section{display:none}.issuestock-form-container{border:1px solid #ddd;box-shadow:none}.form-group select,.form-input,.form-textarea{background:#0000;border:1px solid #ddd}}.add-issuestock-container.add-issue-page{margin:0;padding:0}.add-issue-page .form-header-section,.add-issue-page .issuestock-form-container,.add-issuestock-container.add-issue-page{box-sizing:border-box;max-width:none;width:100%}.add-issue-page .ais-grid,.add-issue-page .form-section{width:100%}.add-issue-page .form-actions{box-sizing:border-box;width:100%}@media (max-width:600px){.add-issuestock-container.add-issue-page{padding:0}.add-issue-page .ais-grid{grid-template-columns:minmax(0,1fr)}.add-issue-page .form-header-section{flex-wrap:wrap}.add-issue-page .form-actions{flex-direction:column}.add-issue-page .form-actions .btn-cancel,.add-issue-page .form-actions .btn-save{width:100%}}.add-issue-page .form-header-section,.add-issue-page .issuestock-form-container{background:#0000;border:none;border-radius:0;box-shadow:none}.add-issue-page .form-header-section{margin-bottom:.75rem;padding:.5rem 0}.add-issue-page .issuestock-form-container{padding:0}.add-issue-page .form-section{margin-bottom:1.25rem;padding-bottom:1rem}.add-issue-page .section-title{margin-bottom:1rem}.add-issue-page .ais-grid{grid-gap:1rem 1.5rem;align-items:start;display:grid;gap:1rem 1.5rem;grid-template-columns:repeat(3,minmax(0,1fr))}.add-issue-page .ais-grid .ais-field{margin:0;min-width:0;width:100%}.add-issue-page .ais-grid .ais-full{grid-column:1/-1}@media (max-width:992px){.add-issue-page .ais-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.add-issue-page .ais-grid{grid-template-columns:1fr}}.add-issue-page input,.add-issue-page select,.add-issue-page textarea,.add-issuestock-container input,.add-issuestock-container select,.add-issuestock-container textarea,.ais-field input,.ais-field select,.ais-field textarea,.form-input,.form-textarea{background-color:#fff!important;border:1px solid #d1d5db!important;color:#111827!important;opacity:1!important}.add-issue-page input::placeholder,.add-issue-page textarea::placeholder,.add-issuestock-container input::placeholder,.add-issuestock-container textarea::placeholder,.form-input::placeholder,.form-textarea::placeholder{color:#6b7280!important;opacity:1!important}.add-issuestock-container select option[value=""],.add-issuestock-container select:invalid,.form-input option[value=""],.form-input:invalid{color:#6b7280!important}.add-issuestock-container select option,.form-input option{background-color:#fff!important;color:#111827!important}.add-issue-page input[readonly],.add-issuestock-container input[readonly],.form-input[readonly],.remaining-stock{background-color:#fff!important;color:#111827!important;cursor:default!important}.add-issue-page input:disabled,.add-issue-page select:disabled,.add-issuestock-container input:disabled,.add-issuestock-container select:disabled,.form-input:disabled{background-color:#fff!important;color:#111827!important;cursor:not-allowed!important;opacity:1!important}.add-issuestock-container input:-webkit-autofill,.add-issuestock-container input:-webkit-autofill:active,.add-issuestock-container input:-webkit-autofill:focus,.add-issuestock-container input:-webkit-autofill:hover,.form-input:-webkit-autofill{-webkit-text-fill-color:#111827!important;background-color:#fff!important;box-shadow:inset 0 0 0 30px #fff!important}.add-issuestock-container input:focus,.add-issuestock-container select:focus,.add-issuestock-container textarea:focus,.form-input:focus,.form-textarea:focus{background-color:#fff!important;border-color:#004aad!important;box-shadow:0 0 0 3px #004aad1a!important;outline:none!important}.add-issue-page .form-actions,.add-issuestock-container .form-actions,.form-actions,.issuestock-form-container .form-actions{border:none!important;box-shadow:none!important;margin-top:1.5rem!important;padding-top:0!important}.add-issue-page .form-actions:after,.add-issue-page .form-actions:before,.add-issuestock-container .form-actions:after,.add-issuestock-container .form-actions:before,.form-actions:after,.form-actions:before,.issuestock-form-container .form-actions:after,.issuestock-form-container .form-actions:before{border:none!important;content:none!important;display:none!important}.add-issue-page .form-section:last-of-type,.add-issuestock-container .form-section:last-of-type,.issuestock-form-container .form-section:last-of-type{border-bottom:none!important;margin-bottom:0!important}.issuestocklist-main-container .isl-city-badge{align-items:center;background:#eef4ff;border:1px solid #004aad;border-radius:999px;color:#004aad;display:inline-flex;font-family:Arial,Helvetica,sans-serif;font-size:.78rem;font-weight:700;gap:.35rem;padding:.25rem .8rem;white-space:nowrap}.issuestocklist-main-container .isl-city-badge-icon{color:#004aad;font-size:.75rem}.orderstatus-main-container{background:#fff;box-sizing:border-box;margin:0;max-width:100%;padding:0;text-align:left;width:100%}.orderstatus-header-section{align-items:center!important;background:#fff;border:none!important;border-radius:0!important;box-sizing:border-box;display:flex!important;flex-direction:row!important;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem;padding:.5rem 0;width:100%}.orderstatus-header-left{align-items:center;display:flex;flex-shrink:0;flex-wrap:wrap;gap:.75rem}.orderstatus-header-icon{color:#004aad;display:block;flex-shrink:0;font-size:1.5rem}.orderstatus-header-title{font-size:1.5rem;font-weight:700;line-height:1.2;margin:0;padding:0}.orderstatus-header-left .shop-city-badge,.orderstatus-header-title{color:#004aad;font-family:Arial,Helvetica,sans-serif;white-space:nowrap}.orderstatus-header-left .shop-city-badge{align-items:center;background:#e6f0ff;border:none!important;border-radius:20px;display:inline-flex;font-size:.8rem;font-weight:600;gap:.3rem;padding:.25rem .75rem}.orderstatus-header-left .shop-city-icon{color:#004aad;font-size:.8rem}.orderstatus-header-left .shop-city-name{color:#004aad;font-size:.8rem;font-weight:600}.orderstatus-header-right{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:.5rem;justify-content:flex-end;min-width:0}.orderstatus-header-right .city-dropdown-wrapper{align-items:center;display:flex;flex-shrink:0;min-width:170px;position:relative}.orderstatus-header-right .city-select-dropdown{appearance:none;background:#fff;border:1px solid #ccc!important;border-radius:4px!important;box-sizing:border-box;color:#333;cursor:pointer;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;height:40px;padding:0 2rem 0 .75rem;transition:all .2s ease;width:100%}.orderstatus-header-right .city-select-dropdown:hover:not(:disabled){border-color:#999!important}.orderstatus-header-right .city-select-dropdown:focus{border-color:#004aad!important;box-shadow:0 0 0 2px #004aad1a;outline:none}.orderstatus-header-right .city-select-dropdown:disabled{background:#f5f5f5;color:#999;cursor:not-allowed}.orderstatus-header-right .city-dropdown-icon{color:#004aad;font-size:1.2rem;pointer-events:none;position:absolute;right:10px;top:50%;transform:translateY(-50%);z-index:1}.orderstatus-header-right .search-wrapper{flex:1 1 200px;max-width:220px;min-width:160px;position:relative}.orderstatus-header-right .search-icon{color:#999;font-size:.85rem;left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.orderstatus-header-right .search-input{background:#fff;border:1px solid #ccc!important;border-radius:4px!important;box-sizing:border-box;color:#333;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;height:40px;padding:0 1rem 0 2.4rem;transition:all .2s ease;width:100%}.orderstatus-header-right .search-input::placeholder{color:#aaa}.orderstatus-header-right .search-input:focus{border-color:#004aad!important;box-shadow:0 0 0 2px #004aad1a;outline:none}.orderstatus-header-right .add-item-btn,.orderstatus-header-right .select-all-btn{align-items:center;border-radius:4px;box-sizing:border-box;cursor:pointer;display:inline-flex;flex-shrink:0;font-family:Arial,Helvetica,sans-serif;font-size:.85rem;font-weight:600;gap:6px;height:40px;justify-content:center;line-height:1;padding:0 12px;transition:all .2s ease;white-space:nowrap}.orderstatus-header-right .add-item-btn span,.orderstatus-header-right .select-all-btn span{display:inline-block;line-height:1.2;white-space:nowrap}.orderstatus-header-right .select-all-btn{background:#fff;border:1px solid #004aad;color:#004aad}.orderstatus-header-right .select-all-btn:hover{background:#fff;color:#004aad}.orderstatus-header-right .add-item-btn{background:#004aad;border:1px solid #004aad;color:#fff}.orderstatus-header-right .add-item-btn:hover{background:#004aad;border-color:#003a8c}.orderstatus-header-right .add-item-btn svg,.orderstatus-header-right .select-all-btn svg{display:block;flex-shrink:0;height:1em;width:1em}.orderstatus-content{padding:0;text-align:left}.orderstatus-content,.orderstatus-table-container{background:#fff;box-sizing:border-box;max-width:100%;width:100%}.orderstatus-table-container{border:1px solid #e0e0e0!important;border-radius:0!important;border-top:none!important;margin:0 0 1.5rem;overflow:hidden}.orderstatus-table-wrapper{max-width:100%;overflow-x:auto;width:100%}.orderstatus-table{background:#fff;border-collapse:collapse;max-width:100%;table-layout:fixed;width:100%}.orderstatus-table thead{background:#004aad}.orderstatus-table th{background:#004aad;color:#fff;font-size:.8rem;font-weight:700;letter-spacing:.5px;padding:.9rem 1rem;text-transform:uppercase;vertical-align:middle}.orderstatus-table td,.orderstatus-table th{border:none!important;font-family:Arial,Helvetica,sans-serif;text-align:left}.orderstatus-table td{word-wrap:break-word;background:#fff;border-bottom:1px solid #e8e8e8!important;color:#333;font-size:.9rem;line-height:1.4;overflow-wrap:break-word;padding:.85rem 1rem;vertical-align:middle!important}.orderstatus-table tbody tr:last-child td{border-bottom:none!important}.orderstatus-table tbody tr:hover td{background:#fafafa}.orderstatus-table tbody tr.selected td{background:#004aad0d}.orderstatus-table input[type=checkbox]{accent-color:#004aad;cursor:pointer;height:16px;width:16px}.orderstatus-table td:first-child,.orderstatus-table th:first-child{max-width:50px;min-width:50px;padding-left:16px!important;text-align:left!important;width:50px}.orderstatus-table td:nth-child(2),.orderstatus-table th:nth-child(2){text-align:left;width:18%}.orderstatus-table td:nth-child(3),.orderstatus-table th:nth-child(3){text-align:center;width:15%}.orderstatus-table td:nth-child(4),.orderstatus-table th:nth-child(4){text-align:center!important;vertical-align:middle!important;width:15%}.orderstatus-table td:nth-child(5),.orderstatus-table th:nth-child(5){text-align:center;width:15%}.orderstatus-table td:last-child,.orderstatus-table th:last-child{max-width:120px;min-width:120px;text-align:center!important;width:120px}.city-cell{height:100%;line-height:1.4;padding:.85rem 1rem!important;text-align:center!important;vertical-align:middle!important;white-space:nowrap}.status-badge{border-radius:20px;display:inline-block;font-size:.8rem;font-weight:500;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:center;vertical-align:middle}.order-image{background:#fff;border:1px solid #e0e0e0;border-radius:4px;cursor:pointer;display:inline-block;height:50px;object-fit:contain;object-position:center;padding:2px;transition:transform .2s;vertical-align:middle;width:50px}.order-image:hover{border-color:#004aad;transform:scale(1.05)}.no-image-icon{color:#ccc;font-size:1.5rem}.actions-cell{vertical-align:middle!important}.edit-item-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#004aad;cursor:pointer;display:inline-flex;font-size:1.05rem;justify-content:center;padding:.35rem .5rem;transition:all .2s}.edit-item-btn:hover{background:#004aad1a;transform:scale(1.05)}.delete-item-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#dc3545!important;cursor:pointer;display:inline-flex!important;font-size:1.05rem;justify-content:center;padding:.35rem .5rem;transition:all .2s}.delete-item-btn:hover{background:#dc35451a;color:#dc3545!important;transform:scale(1.05)}.modal-content{max-width:650px}.modal-footer{border-top:1px solid #e0e0e0}.orderstatus-form{display:flex;flex-direction:column;gap:1rem}.view-field{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:4px;color:#333;font-size:.9rem;padding:.6rem}.form-row-modal{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:0}.form-row-modal .form-group{margin-bottom:0}.image-upload-container{align-items:center;display:flex;flex-wrap:nowrap;gap:8px;justify-content:flex-start;margin-top:5px;width:100%}.image-input{display:none}.image-upload-label{align-items:center;background:#fff;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;color:#333;cursor:pointer;display:inline-flex;font-family:Arial,Helvetica,sans-serif;font-size:13px;font-weight:500;justify-content:center;margin:0;min-height:36px;padding:8px 14px;transition:border-color .2s ease;white-space:nowrap}.image-upload-label:hover{background:#f8f9fa;border-color:#004aad}.file-name{color:#666;display:inline-block;font-family:Arial,Helvetica,sans-serif;font-size:13px;font-weight:400;line-height:1.4;margin:0;padding:0;white-space:nowrap}.image-preview-modal{display:block;flex-basis:100%;margin-top:12px;position:relative;width:100%}.preview-image-modal{background:#fff;border:1px solid #e0e0e0;border-radius:4px;box-sizing:border-box;display:block;height:150px;object-fit:contain;object-position:center;padding:4px;width:200px}.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;left:180px;position:absolute;top:-8px;width:24px;z-index:10}.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}.orderstatus-table tbody tr{height:70px}.orderstatus-table tbody td{height:70px;vertical-align:middle!important}.orderstatus-table tbody td.city-cell{display:table-cell;text-align:center!important;vertical-align:middle!important}#root .image-upload-container .image-upload-label,.image-upload-container label.image-upload-label{align-items:center!important;background-color:#fff!important;border:1px solid #777!important;border-radius:4px!important;box-sizing:border-box!important;color:#333!important;cursor:pointer!important;display:inline-flex!important;font-size:13px!important;font-weight:400!important;justify-content:center!important;margin:0!important;min-height:36px!important;padding:8px 14px!important;text-decoration:none!important}#root .image-upload-container{align-items:center!important;display:flex!important;flex-wrap:wrap!important;gap:8px!important;justify-content:flex-start!important}#root .image-upload-container input.image-input{display:none!important}#root .image-upload-container .file-name{color:#666!important;display:inline-block!important;font-size:13px!important;margin:0!important;padding:0!important;white-space:nowrap!important}@media (max-width:1024px){.orderstatus-table td,.orderstatus-table th{font-size:.8rem;padding:.6rem}}@media (max-width:900px){.orderstatus-header-section{flex-wrap:wrap!important}.orderstatus-header-right{flex-wrap:wrap;justify-content:flex-start;width:100%}.orderstatus-header-right .search-wrapper{flex:1 1 100%;max-width:100%}}@media (max-width:768px){.orderstatus-header-section{align-items:stretch!important;flex-direction:column!important;gap:.75rem}.orderstatus-header-left{justify-content:flex-start}.orderstatus-header-title{font-size:1.25rem}.orderstatus-header-right{align-items:stretch;flex-direction:column;gap:.5rem}.city-dropdown-wrapper,.orderstatus-header-right .add-item-btn,.orderstatus-header-right .search-wrapper,.orderstatus-header-right .select-all-btn{max-width:100%;width:100%}.orderstatus-table td,.orderstatus-table th{font-size:.8rem;padding:.6rem}.orderstatus-table th{font-size:.7rem}.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%}.form-row-modal{grid-template-columns:1fr}}@media (max-width:480px){.orderstatus-header-title{font-size:1.3rem}.orderstatus-table td,.orderstatus-table th{font-size:.7rem;padding:.4rem}}.addresses-container{margin:0;max-width:100%;padding:0;text-align:left}.addresses-container,.addresses-header-section{background:#fff;box-sizing:border-box;width:100%}.addresses-header-section{align-items:center!important;border:2px solid #004aad!important;border-radius:6px!important;display:flex!important;flex-direction:row!important;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;margin-bottom:2rem;padding:1rem 1.5rem}.addresses-header-left{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.addresses-header-title{color:#004aad;font-size:1.75rem;font-weight:700;line-height:1.2;margin:0;padding:0;white-space:nowrap}.addresses-header-right{align-items:center;display:flex;flex:1 1;gap:.8rem;justify-content:flex-end;min-width:0}.customer-dropdown-wrapper{min-width:250px;position:relative}.customer-select-dropdown{background:#fff;border:1px solid #ced4da;border-radius:4px;box-sizing:border-box;color:#333;cursor:pointer;font-family:Arial,Helvetica,sans-serif;font-size:.95rem;height:42px;padding:0 1rem;width:100%}.customer-select-dropdown:focus{border-color:#004aad;box-shadow:0 0 0 2px #004aad1a;outline:none}.customer-select-dropdown:disabled{background:#f5f5f5;color:#999;cursor:not-allowed}.addresses-header-right .city-dropdown-wrapper{min-width:150px;position:relative}.addresses-header-right .city-select-dropdown{background:#fff;border:1px solid #004aad;border-radius:4px;box-sizing:border-box;cursor:pointer;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;height:42px;padding:0 1rem;width:100%}.addresses-header-right .city-select-dropdown:focus{border-color:#004aad;box-shadow:0 0 0 2px #004aad1a;outline:none}.addresses-header-right .city-select-dropdown:disabled{background:#f5f5f5;color:#999;cursor:not-allowed}.addresses-header-right .search-wrapper{flex:0 1 260px;max-width:260px;min-width:180px;position:relative}.addresses-header-right .search-icon{color:#999;font-size:.9rem;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.addresses-header-right .search-input{border:1px solid #004aad;border-radius:4px;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;height:42px;padding:0 1rem 0 2.5rem;width:100%}.addresses-header-right .search-input:focus{border-color:#004aad;box-shadow:0 0 0 2px #004aad1a;outline:none}.addresses-header-right .add-address-btn,.addresses-header-right .select-all-btn{align-items:center;border-radius:4px;box-sizing:border-box;cursor:pointer;display:inline-flex;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;font-weight:500;gap:.5rem;height:42px;justify-content:center;padding:0 1.25rem;transition:all .2s ease;white-space:nowrap}.addresses-header-right .select-all-btn{background:#fff;border:1px solid #004aad;color:#004aad}.addresses-header-right .select-all-btn:hover{background:#f0f4ff}.addresses-header-right .add-address-btn{background:#004aad!important;border:none!important;color:#fff!important}.addresses-header-right .add-address-btn:hover{background:#004aad!important}.addresses-content{background:#fff;box-sizing:border-box;max-width:100%;padding:0;text-align:left;width:100%}.selected-summary{background:#004aad0d;border:1px solid #004aad;margin-bottom:1.5rem;padding:.8rem 1rem}.summary-content{gap:1rem}.summary-icon{font-size:.8rem;height:24px;width:24px}.clear-selection{padding:.25rem .75rem;transition:all .3s}.action-dropdown-btn{font-size:.9rem;padding:.5rem 1rem;transition:all .3s ease}.action-dropdown-btn:hover{transform:translateY(-1px)}.action-dropdown-menu{animation:dropdownSlide .2s ease;border:1px solid #e0e0e0;border-radius:8px;margin-top:8px}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{padding:.75rem 1rem}.dropdown-item svg{font-size:1rem}.addresses-table-container{background:#fff;border:2px solid #004aad!important;border-radius:6px!important;box-sizing:border-box;margin:0;max-width:100%;overflow:hidden;width:100%}.addresses-table-wrapper{max-width:100%;overflow-x:auto;width:100%}.addresses-table{background:#fff;border-collapse:collapse;max-width:100%;table-layout:fixed;width:100%}.addresses-table thead{background:#004aad}.addresses-table th{background:#004aad;border-bottom:2px solid #e0e0e0;border-right:1px solid #5a9bd5;color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:1rem;text-align:center;text-transform:uppercase;vertical-align:middle}.addresses-table th:last-child{border-right:none}.addresses-table td{word-wrap:break-word;border-bottom:1px solid #f0f0f0;border-right:1px solid #f0f0f0;color:#333;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;overflow-wrap:break-word;padding:.8rem 1rem;text-align:center;vertical-align:middle}.addresses-table td:last-child{border-right:none}.addresses-table td:nth-child(2),.addresses-table td:nth-child(3),.addresses-table td:nth-child(4),.addresses-table td:nth-child(7),.addresses-table th:nth-child(2),.addresses-table th:nth-child(3),.addresses-table th:nth-child(4),.addresses-table th:nth-child(7){text-align:left}.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;display:block;height:18px;margin:0 auto;width:18px}.address-id-cell{color:#004aad;font-weight:500}.address-city-cell{color:#333;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;font-weight:400}.address-customer-cell{text-align:left}.customer-text{color:#333;display:inline;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;font-weight:400}.no-customer{color:#9e9e9e;font-size:.9rem;font-style:italic}.actions-cell{padding:.5rem 1rem!important;text-align:center}.edit-address-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#004aad;cursor:pointer;display:inline-flex;font-size:1.15rem;justify-content:center;line-height:1;padding:4px 6px;transition:all .3s}.edit-address-btn:hover{background:#004aad1a;transform:scale(1.1)}.edit-address-btn svg{fill:#004aad!important;color:#004aad!important;height:1em;width:1em}.delete-address-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#dc3545!important;cursor:pointer;display:inline-flex!important;font-size:1.15rem;justify-content:center;line-height:1;opacity:1!important;padding:4px 6px;transition:all .3s;visibility:visible!important}.delete-address-btn:hover{background:#dc35451a;color:#dc3545!important;transform:scale(1.1)}.delete-address-btn svg{fill:#dc3545!important;color:#dc3545!important;height:1em;width:1em}.no-data-cell{font-size:1rem!important;padding:60px!important}.no-data-cell p{margin:8px 0 0}.add-first-btn{line-height:1}.add-first-btn:hover{transform:translateY(-1px)}.modal-container{animation:slideIn .3s ease;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:650px;overflow-y:auto;width:90%}.modal-header{background:#0000!important;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-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.full-width{grid-column:1/-1;margin-bottom:1rem}.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:#004aad;color:#fff}.modal-submit-btn:hover{background:#004aad;transform:translateY(-1px)}@keyframes slideIn{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.modal-shop-section{display:flex;flex-direction:column;gap:6px;margin-bottom:1.5rem}.shop-label{color:#666;font-size:.85rem;font-weight:600;letter-spacing:.5px;text-align:left;text-transform:uppercase}.shop-display-box{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:6px;box-sizing:border-box;display:flex;gap:10px;padding:12px 16px;width:100%}.shop-name-text{color:#333;font-size:1.05rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-select-input{background:#fff;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%}.customer-select-input:focus{border-color:#004aad;box-shadow:0 0 0 3px #004aad1a;outline:none}.customer-select-input:hover{border-color:#004aad}.city-combobox-container{position:relative;width:100%}.city-input-wrapper{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:4px;display:flex;overflow:hidden;position:relative;transition:all .3s ease}.city-input-wrapper:focus-within{border-color:#004aad;box-shadow:0 0 0 2px #004aad1a}.city-combobox-input{background:#0000;border:none!important;border-radius:4px 0 0 4px;box-shadow:none!important;flex:1 1;font-family:Arial,Helvetica,sans-serif;font-size:14px;min-height:42px;outline:none;padding:10px 12px;width:100%}.city-combobox-input:focus{border:none!important;box-shadow:none!important;outline:none!important}.city-combobox-input::placeholder{color:#999}.city-combobox-actions{align-items:center;background:#fff;display:flex;gap:4px;padding-right:8px}.city-clear-btn{align-items:center;background:none;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;display:flex;font-size:12px;justify-content:center;padding:4px 6px;transition:all .2s ease}.city-clear-btn:hover{background:#dc35451a;color:#dc3545}.city-dropdown-toggle{align-items:center;background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:4px 6px;transition:all .2s ease}.city-dropdown-toggle:hover{background:#f3f4f6;color:#333}.city-dropdown-toggle svg{transition:transform .3s ease}.city-dropdown-toggle svg.rotate-up{transform:rotate(180deg)}.city-dropdown-list{animation:dropdownSlide .2s ease;background:#fff;border:1px solid #e0e0e0;border-radius:4px;box-shadow:0 4px 12px #00000026;left:0;margin-top:4px;max-height:250px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.city-dropdown-loading{align-items:center;color:#6b7280;display:flex;gap:8px;justify-content:center;padding:20px;text-align:center}.spinner-small{animation:spin .8s linear infinite;border:2px solid #e5e7eb;border-radius:50%;border-top-color:#004aad;height:16px;width:16px}.city-dropdown-empty{color:#6b7280;font-size:14px;padding:20px;text-align:center}.city-dropdown-item{color:#333;cursor:pointer;font-size:14px;padding:10px 14px;transition:all .2s ease}.city-dropdown-item:hover{background:#f3f4f6;color:#004aad}.city-dropdown-item.selected{background:#004aad1a;color:#004aad;font-weight:500}.city-dropdown-list::-webkit-scrollbar{width:6px}.city-dropdown-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.city-dropdown-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.city-dropdown-list::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.addresses-header-left .shop-city-badge{align-items:center;background:#e6f0ff;border:none!important;border-radius:20px;color:#004aad;display:inline-flex;font-family:Arial,Helvetica,sans-serif;font-size:.8rem;font-weight:600;gap:.3rem;padding:.25rem .75rem;white-space:nowrap}.addresses-header-left .shop-city-icon{color:#004aad;font-size:.8rem}.addresses-header-left .shop-city-name{color:#004aad;font-size:.8rem;font-weight:600}.addresses-header-icon{align-items:center;color:#004aad;display:inline-flex;flex-shrink:0;font-size:1.5rem;justify-content:center;line-height:1}.existing-addresses-list{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;display:flex;flex-direction:column;gap:8px;max-height:220px;overflow-y:auto;padding:10px}.existing-address-item{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:4px;cursor:pointer;display:flex;flex-wrap:wrap;font-size:.9rem;gap:10px;padding:10px 12px;transition:all .2s ease}.existing-address-item:hover{background:#f0f7ff;border-color:#004aad;transform:translateX(2px)}.existing-address-item.current-editing{background:#e6f0ff;border-color:#004aad}.address-badge{background:#004aad;border-radius:10px;color:#fff;flex-shrink:0;font-size:.72rem;font-weight:600;padding:2px 8px;white-space:nowrap}.address-detail-text{color:#333;flex:1 1;font-size:.88rem;min-width:0}.editing-badge{background:#28a745;border-radius:10px;color:#fff;font-size:.7rem;font-weight:600;padding:2px 8px;white-space:nowrap}.existing-address-hint{background:#e6f0ff;border-radius:4px;color:#004aad;font-size:.78rem;font-style:italic;margin:4px 0 0;padding:8px 10px}.no-existing-addresses{border:1px dashed #e5e7eb;border-radius:6px;color:#999;font-style:italic}.loading-customer-addresses,.no-existing-addresses{background:#f9fafb;font-size:.85rem;padding:16px;text-align:center}.loading-customer-addresses{border:1px solid #e5e7eb;border-radius:6px;color:#6b7280}.existing-addresses-list::-webkit-scrollbar{width:6px}.existing-addresses-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.existing-addresses-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.existing-addresses-list::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width:1024px){.modal-form-row{gap:1rem;grid-template-columns:1fr}}@media (max-width:900px){.addresses-header-section{align-items:stretch!important;flex-direction:column!important}.addresses-header-title{text-align:left}.addresses-header-right{align-items:stretch;flex-direction:column;justify-content:stretch}.addresses-header-right .search-wrapper{max-width:100%;width:100%}.addresses-header-right .add-address-btn,.addresses-header-right .city-dropdown-wrapper,.addresses-header-right .select-all-btn{width:100%}}@media (max-width:768px){.addresses-table td,.addresses-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%}.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%}}@media (max-width:480px){.addresses-header-title{font-size:1.3rem}.addresses-table td,.addresses-table th{font-size:.7rem;padding:.4rem}}.order-detail-page{background:#fff;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif;margin:0;max-width:100%;min-height:100vh;padding:0;text-align:left;width:100%}.order-top-header{align-items:center;box-sizing:border-box;display:flex;justify-content:space-between;margin-bottom:15px;padding:15px 0;width:100%}.order-main-title{color:#004aad;font-family:Arial,Helvetica,sans-serif;font-size:22px;font-weight:700;margin:0}.header-actions{align-items:center;display:flex;gap:12px}.download-invoice-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:6px;box-shadow:0 1px 3px #0000001a;color:#4b5563;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:8px 16px;transition:all .2s ease}.download-invoice-btn:hover{background:#fff;border-color:#9ca3af;color:#374151}.back-button-top{background:#004aad;border:1px solid #ccc;border-radius:6px;box-shadow:0 2px 4px #0000000d;color:#f8fafc;cursor:pointer;font-weight:600;padding:8px 16px;transition:all .2s ease}.back-button-top:hover{background:#004aad;border-color:#004aad;color:#f8fafc}.order-status-card-wrapper{box-sizing:border-box;padding:0 0 20px;width:100%}.order-status-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 4px 15px #0000000d;box-sizing:border-box;margin:0;max-width:100%;padding:18px 30px;width:100%}.status-card-title{color:#004aad;font-size:18px;font-weight:700;margin-bottom:20px;margin-top:0;text-align:center}.status-progress-container{align-items:center;display:flex;justify-content:space-between;width:100%}.status-step{align-items:center;display:flex;flex:1 1;flex-direction:column;position:relative}.status-icon-top{color:#004aad;font-size:32px;margin-bottom:10px}.status-circle{align-items:center;background:#d1d5db;border-radius:50%;color:#9ca3af;display:flex;font-size:18px;height:34px;justify-content:center;margin-bottom:8px;transition:all .3s ease;width:34px}.status-label{color:#004aad;font-size:12px;font-weight:600;margin:0;text-align:center;transition:color .3s ease}.status-step.completed .status-circle{background:#28a745;color:#fff}.status-label.completed-title{color:#28a745!important}.status-arrow{align-items:center;color:#9ca3af;display:flex;flex:0.5 1;font-size:20px;justify-content:center;margin-top:-38px}.detail-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:25px;max-width:100%;padding:0}.detail-card,.detail-grid{box-sizing:border-box;width:100%}.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:22px;padding-bottom:10px}.info-row{align-items:center;display:flex;font-size:14px;gap:16px;justify-content:space-between;line-height:1.5;margin-bottom:16px}.info-row span{color:#64748b;flex-shrink:0;font-weight:500}.info-row strong{color:#0f172a;font-weight:600;max-width:65%;text-align:right;word-break:break-word}.info-row.total strong{color:#004aad;font-size:15px}.products-section{background:#fff;border:2px solid #b6d4fe;border-radius:12px;box-shadow:0 4px 12px #0000000d;box-sizing:border-box;margin-left:0;margin-right:0;margin-top:25px;overflow:hidden;width:100%}.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:none;border-collapse:collapse;font-size:14px;table-layout:auto}.products-table thead{background:#004aad}.products-table th{background:#004aad;color:#fff;font-weight:700;letter-spacing:.6px;white-space:nowrap}.products-table td,.products-table th{border:none;padding:14px 18px;text-align:center;vertical-align:middle}.products-table tr:hover td{background:#f8fafc}.products-table th:first-child{min-width:90px;padding:12px 10px;text-align:center;width:90px}.products-table td:nth-child(2),.products-table th:nth-child(2){color:#0f172a;font-weight:600;min-width:120px;text-align:center;white-space:nowrap;width:120px}.products-table td:nth-child(3),.products-table th:nth-child(3){min-width:260px;text-align:left}.products-table td:nth-child(4),.products-table th:nth-child(4){min-width:110px;text-align:center;width:110px}.products-table td:nth-child(5),.products-table th:nth-child(5){min-width:70px;text-align:center;width:70px}.products-table td:nth-child(6),.products-table th:nth-child(6){min-width:130px;text-align:center;width:130px}.products-table td:nth-child(7),.products-table th:nth-child(7){min-width:110px;text-align:center;width:110px}.products-table td:nth-child(8),.products-table th:nth-child(8){min-width:130px;text-align:center;width:130px}.products-table td.product-image{padding:14px 18px!important;text-align:center;vertical-align:middle}.product-thumb{background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:block;object-fit:contain;object-position:center;padding:3px}.image-placeholder-text,.product-thumb{box-sizing:border-box;height:54px;margin:0 auto;width:54px}.image-placeholder-text{align-items:center;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:8px;color:#94a3b8;display:inline-flex;font-size:9px;font-weight:500;justify-content:center;line-height:1.1;text-align:center}.product-name{color:#1e293b;font-weight:500;line-height:1.4;max-width:320px;text-align:left}.qr-code-cell{padding:14px 18px;text-align:center;vertical-align:middle}.qr-code-image{background:#fff;border:1px solid #e2e8f0;border-radius:8px;display:block;height:54px;margin:0 auto;object-fit:contain;padding:3px;width:54px}.action-cell{text-align:center;vertical-align:middle}.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:#003380;transform:translateY(-1px)}.tabs-section{background:#fff;border:2px solid #b6d4fe;border-radius:12px;box-shadow:0 4px 12px #0000000d;box-sizing:border-box;margin:25px 0 30px;overflow:hidden;width:100%}.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}.notes-content{animation:fadeIn .3s ease}.notes-title{border-bottom:2px solid #e2e8f0;color:#004aad;font-size:18px;font-weight:700}.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;max-height:400px;overflow-y:auto;padding-right:8px}.notes-list::-webkit-scrollbar{width:6px}.notes-list::-webkit-scrollbar-track{background:#e2e8f0;border-radius:3px}.notes-list::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:3px}.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-radius:6px;color:#dc2626;font-size:16px;opacity:.6;padding:4px 8px;transition:all .2s ease}.delete-note-btn:hover{background:#fee2e2;opacity:1}.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;color:#fff;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;transform:translateY(-1px)}.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}.loading-spinner,.no-data{padding:50px;text-align:center}.no-data{color:#94a3b8;font-size:16px}.details-header-actions{align-items:center;display:flex;gap:12px}.save-files-btn{align-items:center;background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:8px;box-shadow:0 2px 8px #28a7454d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:8px 20px;transition:all .2s ease}.save-files-btn:hover:not(:disabled){background:linear-gradient(135deg,#218838,#1ba87e);box-shadow:0 4px 12px #28a74566;transform:translateY(-1px)}.save-files-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.pending-badge{color:#ffc107;font-size:11px;font-weight:600;margin-left:4px}.file-card-vertical:has(.pending-badge){background:#fffdf5;border-color:#ffc107}.edit-input-field{background-color:#fff;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;color:#000;font-size:14px;padding:6px 10px;text-align:right;width:60%}.edit-input-field:focus{border-color:#004aad;box-shadow:0 0 0 2px #004aad1a;outline:none}select.edit-input-field,textarea.edit-input-field{text-align:left}@media (max-width:1024px){.products-table{font-size:12px}.products-table td,.products-table th{padding:10px}.product-name{max-width:220px}.image-placeholder-text,.product-thumb,.qr-code-image{height:48px;width:48px}.image-placeholder-text{font-size:8px}.products-table td.product-image,.qr-code-cell{padding:10px!important}.open-label-btn{font-size:11px;padding:6px 12px}.status-progress-container{flex-wrap:wrap;gap:12px}.status-arrow{display:none}.status-step{min-width:45%}}@media (max-width:768px){.order-top-header{align-items:flex-start;flex-direction:column;gap:15px}.order-status-card-wrapper{padding:0 0 20px}.order-status-card{padding:15px 20px}.detail-grid{grid-template-columns:1fr;padding:0;width:100%}.products-section,.tabs-section{margin-left:0;margin-right:0;width:100%}.products-table-container{padding:12px}.products-table td,.products-table th{font-size:11px;padding:8px}.image-placeholder-text,.product-thumb,.qr-code-image{height:42px;width:42px}.image-placeholder-text{font-size:7px}.products-table td.product-image,.qr-code-cell{padding:8px!important}.open-label-btn{font-size:10px;padding:4px 8px}.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}.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}.status-step{min-width:100%}}.ordernotes-main-container{background:#fff;box-sizing:border-box;margin:0;max-width:100%;min-height:100vh;padding:0;text-align:left;width:100%}.ordernotes-header-section{align-items:center!important;background:#fff;border:none!important;border-radius:0!important;box-sizing:border-box;display:flex!important;flex-direction:row!important;flex-wrap:wrap;gap:1rem;justify-content:space-between!important;margin-bottom:1.5rem;padding:.75rem 0;row-gap:.75rem;width:100%}.ordernotes-header-left{align-items:center;display:flex;flex-shrink:0;flex-wrap:wrap;gap:.75rem}.ordernotes-header-icon{align-items:center;color:#004aad;display:inline-flex;flex-shrink:0;font-size:1.5rem;justify-content:center;line-height:1}.ordernotes-header-title{font-size:1.5rem;font-weight:700;line-height:1.2;margin:0;padding:0}.ordernotes-header-left .shop-city-badge,.ordernotes-header-title{color:#004aad;font-family:Arial,Helvetica,sans-serif;white-space:nowrap}.ordernotes-header-left .shop-city-badge{align-items:center;background:#e6f0ff;border:none!important;border-radius:20px;display:inline-flex;font-size:.8rem;font-weight:600;gap:.3rem;padding:.25rem .75rem}.ordernotes-header-left .shop-city-icon{color:#004aad;font-size:.8rem}.ordernotes-header-left .shop-city-name{color:#004aad;font-size:.8rem;font-weight:600}.ordernotes-header-right{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:.5rem;justify-content:flex-end;min-width:0;row-gap:.5rem}.ordernotes-header-right .city-dropdown-wrapper{align-items:center;display:flex;flex-shrink:0;min-width:170px;position:relative}.ordernotes-header-right .city-select-dropdown{appearance:none;background:#fff;border:1px solid #004aad!important;border-radius:4px!important;box-sizing:border-box;color:#333;cursor:pointer;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;height:40px;padding:0 2rem 0 .75rem;transition:all .2s ease;width:100%}.ordernotes-header-right .city-select-dropdown:hover:not(:disabled){background:#f0f7ff}.ordernotes-header-right .city-select-dropdown:focus{border-color:#004aad!important;box-shadow:0 0 0 2px #004aad1a;outline:none}.ordernotes-header-right .city-select-dropdown:disabled{background:#f5f5f5;color:#999;cursor:not-allowed}.ordernotes-header-right .city-dropdown-icon{color:#004aad;font-size:1.2rem;pointer-events:none;position:absolute;right:10px;top:50%;transform:translateY(-50%);z-index:1}.ordernotes-header-right .search-wrapper{flex:1 1 200px;max-width:220px;min-width:160px;position:relative}.ordernotes-header-right .search-icon{color:#999;font-size:.85rem;left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.ordernotes-header-right .search-input{background:#fff;border:1px solid #004aad!important;border-radius:4px!important;box-sizing:border-box;color:#333;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;height:40px;padding:0 1rem 0 2.4rem;transition:all .2s ease;width:100%}.ordernotes-header-right .search-input::placeholder{color:#aaa}.ordernotes-header-right .search-input:focus{border-color:#004aad!important;box-shadow:0 0 0 2px #004aad1a;outline:none}.ordernotes-header-right .add-note-btn,.ordernotes-header-right .select-all-btn{align-items:center;border-radius:4px;box-sizing:border-box;cursor:pointer;display:inline-flex;flex-shrink:0;font-family:Arial,Helvetica,sans-serif;font-size:.85rem;font-weight:600;gap:8px;height:40px;justify-content:center;line-height:1;margin:0;padding:0 16px;transition:all .2s ease;white-space:nowrap}.ordernotes-header-right .add-note-btn span,.ordernotes-header-right .select-all-btn span{align-items:center;display:inline-flex;line-height:1;white-space:nowrap}.ordernotes-header-right .select-all-btn{background:#fff;border:1px solid #004aad;color:#004aad}.ordernotes-header-right .select-all-btn:hover{background:#fff;color:#004aad}.ordernotes-header-right .add-note-btn{background:#004aad;border:1px solid #004aad;color:#fff}.ordernotes-header-right .add-note-btn:hover{background:#004aad;border-color:#003a8c}.ordernotes-header-right .add-note-btn svg,.ordernotes-header-right .select-all-btn svg{display:block;flex-shrink:0;height:14px;width:14px}.ordernotes-content{background:#fff;box-sizing:border-box;max-width:100%;padding:0;text-align:left;width:100%}.selected-summary{background:#f0f7ff;border:none!important;border-radius:4px;box-sizing:border-box;margin-bottom:1rem;padding:.6rem 1rem;width:100%}.summary-content{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.summary-icon{align-items:center;background:#004aad;border-radius:50%;color:#fff;display:inline-flex;font-size:.75rem;font-weight:700;height:22px;justify-content:center;width:22px}.summary-text{color:#004aad;flex:1 1;font-size:.9rem;font-weight:500}.clear-selection{background:#0000;border:none;border-radius:4px;color:#dc3545;cursor:pointer;font-size:.85rem;padding:.25rem .5rem;transition:all .2s}.clear-selection:hover{background:#dc35451a}.action-dropdown-container{display:inline-block;position:relative}.action-dropdown-btn{align-items:center;background:#004aad;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:8px;padding:.45rem 1rem;transition:all .2s ease}.action-dropdown-btn:hover{background:#003380}.action-dropdown-menu{background:#fff;border:none!important;border-radius:6px;box-shadow:0 4px 12px #00000026;margin-top:6px;min-width:200px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.dropdown-item{align-items:center;background:#fff;border:none;color:#333;cursor:pointer;display:flex;font-size:.9rem;gap:10px;padding:.7rem 1rem;text-align:left;transition:all .2s ease;width:100%}.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!important;border-radius:0!important;border-top:none!important;box-sizing:border-box;margin:0 0 1.5rem;max-width:100%;overflow:hidden;width:100%}.ordernotes-table{background:#fff;border-collapse:collapse;max-width:100%;table-layout:fixed;width:100%}.ordernotes-table thead{background:#004aad}.ordernotes-table th{background:#004aad;color:#fff;font-size:.8rem;font-weight:700;letter-spacing:.5px;padding:.9rem 1rem;text-transform:uppercase}.ordernotes-table td,.ordernotes-table th{border:none!important;font-family:Arial,Helvetica,sans-serif;text-align:left;vertical-align:middle}.ordernotes-table td{word-wrap:break-word;background:#fff;border-bottom:1px solid #e8e8e8!important;color:#333;font-size:.9rem;overflow-wrap:break-word;padding:.85rem 1rem}.ordernotes-table tbody tr:last-child td{border-bottom:none!important}.ordernotes-table tbody tr:hover td{background:#fafafa}.ordernotes-table tbody tr.selected td{background:#004aad0d}.ordernotes-table input[type=checkbox]{accent-color:#004aad;cursor:pointer;height:16px;width:16px}.ordernotes-table td:first-child,.ordernotes-table th:first-child{max-width:50px;min-width:50px;text-align:center;width:50px}.ordernotes-table td:nth-child(2),.ordernotes-table th:nth-child(2){text-align:left;width:22%}.ordernotes-table td:nth-child(3),.ordernotes-table th:nth-child(3){text-align:left;width:28%}.ordernotes-table td:nth-child(4),.ordernotes-table th:nth-child(4){text-align:left}.ordernotes-table td:nth-child(5),.ordernotes-table th:nth-child(5){text-align:center;width:15%}.ordernotes-table td:last-child,.ordernotes-table th:last-child{max-width:120px;min-width:120px;text-align:center!important;width:120px}.order-cell{color:#004aad;font-weight:500}.note-cell{word-break:break-word}.city-cell{color:#333;font-size:.9rem}.required-cell{text-align:center}.status-badge{background:#0000!important;border:none!important;border-radius:0!important;display:inline;font-size:.85rem;font-weight:600;letter-spacing:.3px;padding:0!important;text-transform:uppercase;white-space:nowrap}.status-badge.active{background:#0000!important;color:#28a745}.status-badge.inactive{background:#0000!important;color:#dc2626}.actions-cell{max-width:120px;min-width:120px;overflow:hidden;padding:.5rem .75rem!important;text-align:center!important;vertical-align:middle;white-space:nowrap;width:120px}.actions-cell-inner{flex-wrap:nowrap;gap:8px;width:100%}.actions-cell-inner,.edit-note-btn{align-items:center;display:inline-flex;justify-content:center}.edit-note-btn{background:#0000;border:none;border-radius:4px;color:#004aad;cursor:pointer;font-size:1.05rem;padding:.35rem .5rem;transition:all .2s}.edit-note-btn:hover{background:#004aad1a;transform:scale(1.05)}.delete-note-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:#dc3545!important;cursor:pointer;display:inline-flex!important;font-size:1.05rem;justify-content:center;padding:.35rem .5rem;transition:all .2s}.delete-note-btn:hover{background:#dc35451a;color:#dc3545!important;transform:scale(1.05)}.no-data-cell{color:#64748b!important;padding:60px 20px!important;text-align:center!important}.no-data-icon{color:#ccc;display:block;font-size:3rem;margin-bottom:1rem;margin-left:auto;margin-right:auto}.no-data-cell p{margin:8px 0}.add-first-btn{align-items:center;background:#004aad;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-flex;font-weight:500;gap:.5rem;margin-top:1rem;padding:.6rem 1.5rem;transition:all .3s}.add-first-btn:hover{background:#003380}.error-state{color:#dc3545;padding:2rem;text-align:center}.error-state button{background:#004aad;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:1rem;padding:.5rem 1.5rem}.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{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}.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 input:focus,.form-group textarea:focus,.form-select:focus{border-color:#004aad;box-shadow:0 0 0 2px #004aad1a;outline:none}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}.form-row,.form-row .form-group{box-sizing:border-box;margin-bottom:0;width:100%}.form-row .form-group{min-width:0}.form-row .form-group .form-select{box-sizing:border-box;display:block;height:40px;min-width:0;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{border:none;border-radius:4px;cursor:pointer;font-size:.9rem;font-weight:500;padding:.6rem 1.5rem;transition:all .3s ease}.btn-cancel{background:#fff;border:1px solid #d0d0d0;color:#666}.btn-cancel:hover{background:#f5f5f5}.btn-save{background:#004aad;color:#fff}.btn-save:hover{background:#003380}.btn-cancel:disabled,.btn-save:disabled{cursor:not-allowed;opacity:.6}.field-hint{color:#666;font-size:12px;margin-top:6px}.error-hint{color:#dc3545}.ordernotes-table td:nth-child(4),.ordernotes-table th:nth-child(4){box-sizing:border-box;min-width:140px;text-align:left!important;vertical-align:middle;width:18%}.ordernotes-table td.city-cell{color:#333;font-size:.9rem;font-weight:500;line-height:1.5;overflow:visible!important;overflow-wrap:anywhere;text-overflow:clip!important;white-space:normal!important;word-break:normal}.ordernotes-table{table-layout:auto}.ordernotes-table-wrapper{max-width:100%;overflow-x:auto;width:100%}.form-group{border-bottom:none!important;box-shadow:none!important}.form-group:after,.form-group:before{content:none!important;display:none!important}.modal-footer{background:#0000!important;border-top:none!important;box-shadow:none!important}.modal-footer:after,.modal-footer:before{content:none!important;display:none!important}.modal-content{border-bottom:none!important}.modal-content .modal-footer{border-top:0!important;box-shadow:none!important}@media (max-width:1024px){.ordernotes-table td,.ordernotes-table th{font-size:.8rem;padding:.6rem}}@media (max-width:900px){.ordernotes-header-section{flex-wrap:wrap!important}.ordernotes-header-right{flex-wrap:wrap;justify-content:flex-start;width:100%}.ordernotes-header-right .search-wrapper{flex:1 1 100%;max-width:100%}}@media (max-width:768px){.ordernotes-header-section{align-items:stretch!important;flex-direction:column!important;gap:.75rem}.ordernotes-header-left{justify-content:flex-start}.ordernotes-header-title{font-size:1.25rem}.ordernotes-header-right{align-items:stretch;flex-direction:column;gap:.5rem}.city-dropdown-wrapper,.ordernotes-header-right .add-note-btn,.ordernotes-header-right .search-wrapper,.ordernotes-header-right .select-all-btn{max-width:100%;width:100%}.ordernotes-table td,.ordernotes-table th{font-size:.8rem;padding:.6rem}.ordernotes-table th{font-size:.7rem}.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%}.form-row{grid-template-columns:1fr}.ordernotes-table td:nth-child(4),.ordernotes-table th:nth-child(4){min-width:110px}}@media (max-width:480px){.ordernotes-header-title{font-size:1.3rem}.ordernotes-table td,.ordernotes-table th{font-size:.7rem;padding:.4rem}}.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;color:#004aad;content:"⟳";display:block;font-size:48px;margin-bottom:20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error:before{color:#004aad;content:"⚠";display:block;font-size:48px;margin-bottom:20px}@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}}.op-orders-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;margin:0;max-width:100%;padding:0;text-align:left}.op-header-section,.op-orders-container{background:#fff;box-sizing:border-box;width:100%}.op-header-section{align-items:center!important;border:none!important;border-radius:0!important;display:flex!important;flex-direction:row!important;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem;padding:.5rem 0}.op-header-left{align-items:center;display:flex;flex-shrink:0;flex-wrap:wrap;gap:.75rem}.op-header-icon{color:#004aad;display:block;flex-shrink:0;font-size:1.5rem}.op-header-title{font-size:1.5rem;font-weight:700;line-height:1.2;margin:0;padding:0}.op-header-left .shop-city-badge,.op-header-title{color:#004aad;font-family:Arial,Helvetica,sans-serif;white-space:nowrap}.op-header-left .shop-city-badge{align-items:center;background:#e6f0ff;border:none!important;border-radius:20px;display:inline-flex;font-size:.8rem;font-weight:600;gap:.3rem;padding:.25rem .75rem}.op-header-left .shop-city-icon{color:#004aad;font-size:.8rem}.op-header-left .shop-city-name{color:#004aad;font-size:.8rem;font-weight:600}.op-header-right{align-items:center;display:flex;flex:1 1;flex-wrap:wrap;gap:.5rem;justify-content:flex-end;min-width:0}.op-header-right .city-dropdown-wrapper{align-items:center;display:flex;flex-shrink:0;min-width:170px;position:relative}.op-header-right .city-select-dropdown{appearance:none;background:#fff;border:1px solid #ccc!important;border-radius:4px!important;box-sizing:border-box;color:#333;cursor:pointer;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;height:40px;padding:0 2rem 0 .75rem;transition:all .2s ease;width:100%}.op-header-right .city-select-dropdown:hover:not(:disabled){border-color:#999!important}.op-header-right .city-select-dropdown:focus{border-color:#004aad!important;box-shadow:0 0 0 2px #004aad1a;outline:none}.op-header-right .city-select-dropdown:disabled{background:#f5f5f5;color:#999;cursor:not-allowed}.op-header-right .city-dropdown-icon{color:#004aad;font-size:1.2rem;pointer-events:none;position:absolute;right:10px;top:50%;transform:translateY(-50%);z-index:1}.op-header-right .search-wrapper{flex:1 1 200px;max-width:220px;min-width:160px;position:relative}.op-header-right .search-icon{color:#999;font-size:.85rem;left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.op-header-right .op-search-bar,.op-header-right .search-input{background:#fff;border:1px solid #ccc!important;border-radius:4px!important;box-sizing:border-box;color:#333;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;height:40px;padding:0 1rem 0 2.4rem!important;transition:all .2s ease;width:100%}.op-header-right .op-search-bar::placeholder{color:#aaa}.op-header-right .op-search-bar:focus{border-color:#004aad!important;box-shadow:0 0 0 2px #004aad1a;outline:none}.op-header-right .op-add-btn,.op-header-right .op-select-btn{align-items:center;border-radius:4px;box-sizing:border-box;cursor:pointer;display:inline-flex;flex-shrink:0;font-family:Arial,Helvetica,sans-serif;font-size:.85rem;font-weight:600;gap:6px;height:40px;justify-content:center;line-height:1;padding:0 12px;transition:all .2s ease;white-space:nowrap}.op-header-right .op-add-btn span,.op-header-right .op-select-btn span{display:inline-block;line-height:1.2;white-space:nowrap}.op-header-right .op-select-btn{background:#fff;border:1px solid #004aad;color:#004aad}.op-header-right .op-select-btn:hover{background:#fff;color:#004aad}.op-header-right .op-add-btn{background:#004aad!important;border:1px solid #004aad!important;color:#fff!important}.op-header-right .op-add-btn:hover{background:#004aad!important;border-color:#003a8c!important}.op-header-right .op-add-btn svg,.op-header-right .op-select-btn svg{display:block;flex-shrink:0;height:1em;width:1em}.op-header-right .op-add-btn:disabled,.op-header-right .op-select-btn:disabled{cursor:not-allowed;opacity:.6}.op-content{background:#fff;border:none;border-radius:0;overflow:visible;padding:0;width:100%}.op-selection-bar{background:#004aad0d;border:1px solid #004aad;border-radius:4px;box-sizing:border-box;flex-wrap:wrap;justify-content:space-between;margin-bottom:1.5rem;padding:.8rem 1rem;width:100%}.op-selection-bar,.op-selection-bar .summary-content{align-items:center;display:flex;gap:1rem}.op-selection-bar .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}.op-selection-bar .summary-text{color:#004aad;font-weight:500}.op-selection-bar .action-dropdown-container{align-items:center;display:flex;gap:.5rem;position:relative}.op-selection-bar .op-action-btn{align-items:center;background:#004aad!important;border:none!important;border-radius:4px;color:#fff!important;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:8px;height:38px;line-height:1;padding:.5rem 1rem}.op-selection-bar .op-action-btn:hover{background:#003380!important}.op-selection-bar .op-action-dropdown{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}.op-selection-bar .op-delete-option{align-items:center;background:#fff;border:none;color:#dc3545;cursor:pointer;display:flex;font-size:.9rem;gap:10px;padding:.75rem 1rem;text-align:left;width:100%}.op-selection-bar .op-delete-option:hover{background:#fee2e2}.op-selection-bar .op-clear-btn{background:#0000!important;border:none!important;border-radius:4px;color:#dc3545!important;cursor:pointer;font-size:.85rem;height:38px;padding:.25rem .75rem}.op-selection-bar .op-clear-btn:hover{background:#dc35451a}.op-table-container{background:#fff;border:1px solid #e0e0e0!important;border-radius:0!important;border-top:none!important;box-sizing:border-box;margin:0 0 1.5rem;max-width:100%;overflow:hidden;width:100%}.op-table-wrapper{max-width:100%;overflow-x:auto;width:100%}.op-table{background:#fff;border-collapse:collapse;max-width:100%;min-width:1000px;table-layout:fixed;width:100%}.op-table thead{background:#004aad}.op-table th{background:#004aad;color:#fff;font-weight:600;letter-spacing:.5px;padding:.6rem .5rem;text-transform:uppercase;vertical-align:middle;white-space:nowrap}.op-table td,.op-table th{border:none!important;font-family:Arial,Helvetica,sans-serif;font-size:.85rem;text-align:center}.op-table td{word-wrap:break-word;border-bottom:1px solid #e8e8e8!important;color:#333;line-height:1.3;overflow-wrap:break-word;padding:.5rem;vertical-align:middle!important}.op-table td:nth-child(4),.op-table th:nth-child(4){text-align:left}.op-table tbody tr:last-child td{border-bottom:none!important}.op-table tbody tr:hover{background:#fafafa}.op-table tbody tr.selected,.op-table tbody tr.selected-row{background:#004aad0d!important}.op-table input[type=checkbox]{accent-color:#004aad;cursor:pointer;display:block;height:18px;margin:0 auto;width:18px}.op-table td:first-child,.op-table th:first-child{width:50px}.op-table td:nth-child(2),.op-table th:nth-child(2){width:80px}.op-table td:nth-child(3),.op-table th:nth-child(3){width:100px}.op-table td:nth-child(4),.op-table th:nth-child(4){min-width:250px;width:40%}.op-table td:nth-child(5),.op-table th:nth-child(5){width:110px}.op-table td:nth-child(6),.op-table th:nth-child(6){width:90px}.op-table td:nth-child(7),.op-table th:nth-child(7){width:70px}.op-table td:nth-child(8),.op-table th:nth-child(8){width:90px}.op-table td:nth-child(9),.op-table th:nth-child(9){width:100px}.op-table td:nth-child(10),.op-table th:nth-child(10){width:90px}.op-table .no-data-cell{color:#666!important;padding:60px 20px!important;text-align:center!important}.op-table .no-data{align-items:center;color:#999;display:flex;flex-direction:column;gap:10px}.op-table .no-data-icon{color:#ccc;font-size:3rem;margin-bottom:1rem}.op-table .add-first-btn{align-items:center;background:#004aad;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-flex;gap:.5rem;margin-top:1rem;padding:.6rem 1.5rem}.op-table .add-first-btn:hover{background:#003380}.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-height:90vh;max-width:95%;overflow-y:auto;padding:35px 32px;position:relative;width:650px}.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}.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:22px;font-weight:600;margin:0}.modal-body{max-height:60vh;overflow-y:auto;padding-right:5px}.op-form-row{align-items:center;display:flex;gap:15px;justify-content:space-between;margin-bottom:22px}.op-form-label{color:#1a2a3a;flex-shrink:0;font-size:14px;font-weight:600;line-height:36px;margin:0;text-align:left;width:150px}.op-form-control-wrapper{flex:1 1;min-width:0}.custom-dropdown{position:relative;width:100%}.custom-dropdown-selected{align-items:center;background-color:#fff;border:1px solid #d0d7de;border-radius:8px;color:grey;cursor:pointer;display:flex;font-size:14px;justify-content:space-between;min-height:42px;padding:10px 12px;transition:all .2s ease;width:100%}.custom-dropdown-selected:hover{border-color:#004aad}.custom-dropdown-selected .arrow{color:#666;font-size:10px;margin-left:10px}.custom-dropdown-selected .selected-text{word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;line-height:1.4;overflow:hidden;text-align:left;white-space:normal}.custom-dropdown-list{background:#fff;border:1px solid #d0d7de;border-radius:8px;box-shadow:0 4px 12px #0000001a;left:0;margin-top:4px;max-height:250px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.custom-dropdown-item{word-wrap:break-word;background-color:#fff;border-bottom:1px solid #f0f0f0;color:#000;cursor:pointer;font-size:14px;line-height:1.4;padding:10px 12px;transition:background .2s;white-space:normal}.custom-dropdown-item:last-child{border-bottom:none}.custom-dropdown-item:hover{background-color:#f0f7ff;color:#000}.custom-dropdown-item.selected{background-color:#fff;color:#000;font-weight:600}.op-editable-input{background-color:#fff;border:1px solid #d0d7de;border-radius:8px;color:#1a2a3a;font-family:inherit;font-size:14px;padding: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-modal-buttons-horizontal{border-top:none!important;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:#e0e0e0;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)}}.op-table td.op-actions-cell{padding:.8rem .75rem!important;text-align:center!important;vertical-align:middle!important;white-space:nowrap}.op-table td.op-actions-cell .op-actions-cell-inner{align-items:center!important;display:flex!important;gap:8px;height:100%;justify-content:center!important;width:100%}.op-table td.op-actions-cell .op-delete-icon-btn,.op-table td.op-actions-cell .op-edit-icon-btn{align-items:center!important;background:#0000!important;border:none!important;border-radius:4px;cursor:pointer;display:inline-flex!important;font-size:1.15rem;justify-content:center!important;line-height:1!important;margin:0!important;padding:4px 6px!important;transition:all .3s;vertical-align:middle!important}.op-table td.op-actions-cell .op-edit-icon-btn{color:#004aad!important}.op-table td.op-actions-cell .op-delete-icon-btn{color:#dc3545!important}.op-table td.op-actions-cell .op-edit-icon-btn:hover{background:#004aad1a!important;transform:scale(1.1)}.op-table td.op-actions-cell .op-delete-icon-btn:hover{background:#dc35451a!important;transform:scale(1.1)}.op-table td.op-actions-cell .op-delete-icon-btn svg,.op-table td.op-actions-cell .op-edit-icon-btn svg{display:block;height:1em;width:1em}@media (max-width:900px){.op-header-section{flex-wrap:wrap!important}.op-header-right{flex-wrap:wrap;justify-content:flex-start;width:100%}.op-header-right .search-wrapper{flex:1 1 100%;max-width:100%}}@media (max-width:768px){.op-header-section{align-items:stretch!important;flex-direction:column!important;gap:.75rem}.op-header-left{justify-content:flex-start}.op-header-title{font-size:1.25rem}.op-header-right{align-items:stretch;flex-direction:column;gap:.5rem}.city-dropdown-wrapper,.op-header-right .op-add-btn,.op-header-right .op-select-btn,.op-header-right .search-wrapper{max-width:100%;width:100%}.op-table td,.op-table th{font-size:.8rem;padding:.6rem}.op-selection-bar{align-items:stretch;flex-direction:column}.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{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%}}@media (max-width:480px){.op-header-title{font-size:1.15rem}.op-table td,.op-table th{font-size:.7rem;padding:.4rem}}.stock-main-container{margin:-54px 0 0;max-width:100%;padding:20px}.stock-header-section,.stock-main-container{background:#fff;box-sizing:border-box;width:100%}.stock-header-section{border:1px solid #e0e0e0;border-radius:4px;margin-bottom:2rem;padding:1.5rem}.stock-header-content{align-items:center;display:flex;gap:1rem;margin-bottom:.5rem}.stock-header-section h2{color:#004aad;font-size:1.75rem;font-weight:700;margin:0}.stock-shop-info-bar{background:linear-gradient(135deg,#f0f7ff,#e8f0fe);border-left:4px solid #004aad;border-radius:4px;color:#333;display:flex;flex-wrap:wrap;font-size:.9rem;gap:20px;margin-top:10px;padding:10px 14px}.stock-shop-info-item{align-items:center;display:inline-flex;gap:6px}.stock-shop-info-icon{color:#004aad;font-size:1rem}.stock-shop-info-item strong{color:#004aad;font-weight:600}.stock-content{background:#fff;box-sizing:border-box;padding:0;text-align:left;width:100%}.stock-action-section{align-items:center;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:4px;box-sizing:border-box;display:flex;flex-wrap:nowrap;gap:15px;justify-content:space-between;margin-bottom:1.5rem;padding:1rem 1.5rem;width:100%}.stock-search-wrapper{flex:1 1;min-width:200px;position:relative}.stock-search-icon{color:#999;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.stock-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%}.stock-search-input:focus{border-color:#004aad;box-shadow:0 0 0 2px #004aad1a;outline:none}.stock-action-buttons{align-items:center;display:flex;flex-shrink:0;gap:.8rem}.stock-add-btn,.stock-select-all-btn{align-items:center;border-radius:4px;box-sizing:border-box;cursor:pointer;display:inline-flex;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;font-weight:500;gap:.5rem;height:40px;justify-content:center;line-height:1;margin:0;min-height:40px;padding:0 1.5rem;transition:all .3s ease;vertical-align:middle;white-space:nowrap}.stock-select-all-btn{background:#fff;border:1px solid #004aad;color:#004aad}.stock-select-all-btn:hover{background:#004aad;color:#fff;transform:translateY(-1px)}.stock-add-btn,.stock-add-btn:active,.stock-add-btn:focus,.stock-add-btn:focus-visible,.stock-add-btn:hover{background:#004aad!important;background-color:#004aad!important;background-image:none!important;border:1px solid #004aad!important;box-shadow:none!important;color:#fff!important;outline:none!important;transform:none!important}.stock-selected-summary{align-items:center;background:#004aad0d;border:1px solid #004aad;border-radius:4px;box-sizing:border-box;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding:.8rem 1rem;width:100%}.stock-summary-left{align-items:center;display:flex;gap:1rem}.stock-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}.stock-summary-text{color:#004aad;font-weight:500}.stock-summary-right{align-items:center;display:flex;gap:15px}.stock-clear-selection{background:#0000;border:none;border-radius:4px;color:#dc3545;cursor:pointer;font-size:.85rem;padding:.25rem .75rem;transition:all .3s}.stock-clear-selection:hover{background:#dc35451a}.stock-action-dropdown-container{display:inline-block;position:relative}.stock-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}.stock-action-dropdown-btn:hover{background:#003380}.stock-action-dropdown-menu{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}.stock-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%}.stock-dropdown-item:hover{background:#f8f9fa}.stock-dropdown-item.stock-delete-item{color:#dc3545}.stock-dropdown-item.stock-delete-item:hover{background:#fee2e2}.stock-table-container{background:#fff;border:1px solid #e0e0e0;border-radius:4px;box-sizing:border-box;margin-bottom:1.5rem;overflow-x:auto;width:100%}.stock-table-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:1rem 1.5rem}.stock-table-header h3{color:#004aad;font-size:1rem;font-weight:600;margin:0}.stock-count{background:#fff;border:1px solid #e0e0e0;border-radius:20px;color:#666;font-size:.85rem;padding:.25rem .75rem}.stock-table-wrapper{overflow-x:auto;width:100%}.stock-table{background:#fff;border-collapse:collapse;min-width:1200px;width:100%}.stock-table th{background:#004aad;border-bottom:1px solid #e0e0e0;border-right:1px solid #5a9bd5;color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:1rem;text-align:left;text-transform:uppercase;white-space:nowrap}.stock-table th:last-child{border-right:none}.stock-table td{border-bottom:none;border-right:1px solid #f0f0f0;color:#333;font-family:Arial,Helvetica,sans-serif;font-size:.85rem;padding:.8rem 1rem}.stock-table tbody tr{border-bottom:1px solid #e0e0e0}.stock-table tbody tr:hover{background:#fafafa}.stock-table input[type=checkbox]{accent-color:#004aad;cursor:pointer;height:18px;width:18px}.stock-modal-overlay{align-items:center;animation:stockFadeIn .3s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes stockFadeIn{0%{opacity:0}to{opacity:1}}.stock-modal-content{animation:stockSlideUp .3s ease;background:#fff;border-radius:8px;box-shadow:0 4px 20px #0003;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}@keyframes stockSlideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.stock-material-modal{max-width:900px!important;width:95%!important}.stock-modal-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:1.5rem}.stock-modal-header h3{color:#004aad;font-size:1.25rem;font-weight:600;margin:0}.stock-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}.stock-modal-close:hover{background:#e0e0e0;color:#333}.stock-modal-body{padding:1.5rem}.stock-modal-footer{border-top:1px solid #e0e0e0;display:flex;gap:1rem;justify-content:flex-end;padding:1rem 1.5rem}.stock-form{display:flex;flex-direction:column;gap:1rem}.stock-form-group{margin-bottom:1rem}.stock-form-group label{display:block}.stock-form-group label,.stock-form-label{color:#333;font-size:.85rem;font-weight:600;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.stock-form-label{align-items:center;display:flex;gap:8px}.stock-form-group input,.stock-form-group select,.stock-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%}.stock-form-group input:focus,.stock-form-group select:focus,.stock-form-group textarea:focus{border-color:#004aad;box-shadow:0 0 0 2px #004aad1a;outline:none}.stock-form-group textarea{min-height:80px;resize:vertical}.stock-form-grid{grid-gap:1rem 1.5rem;display:grid;gap:1rem 1.5rem;grid-template-columns:1fr 1fr}.stock-form-grid .stock-form-group{margin-bottom:0}.stock-form-grid .stock-full-width{grid-column:1/-1}.stock-auto-calc-field{background-color:#f0fdf4!important;border:1px solid #86efac!important;color:#16a34a!important;cursor:not-allowed!important;font-weight:700!important}.stock-auto-badge{background:#dcfce7;border-radius:10px;color:#16a34a;display:inline-block;font-size:.65rem;font-weight:700;letter-spacing:.5px;margin-left:8px;padding:2px 8px;text-transform:uppercase}.stock-form-help-text{color:#666;display:block;font-size:.72rem;font-style:italic;margin-top:4px}.manufacturing-dropdown-container{position:relative}.stock-dropdown-wrapper{position:relative;width:100%}.stock-dropdown-input{align-items:center;display:flex;position:relative}.stock-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%}.stock-manufacturing-input:focus{border-color:#004aad;box-shadow:0 0 0 2px #004aad1a;outline:none}.stock-dropdown-icon{color:#999;pointer-events:none;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:transform .3s ease}.stock-dropdown-icon.rotated{transform:translateY(-50%) rotate(180deg)}.stock-manufacturing-dropdown{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}.stock-dropdown-list{max-height:250px;overflow-y:auto;padding:5px 0}.stock-dropdown-item-row{align-items:center;color:#333;cursor:pointer;display:flex;font-size:.9rem;gap:10px;padding:.6rem 1rem;transition:all .2s ease}.stock-dropdown-item-row:hover{background:#f8f9fa}.stock-dropdown-item-row.selected{background-color:#004aad1a}.stock-dropdown-item-icon{color:#004aad;font-size:.8rem}.stock-dropdown-item-content{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.stock-item-part-name{color:#333;font-weight:500}.stock-item-lot-number{color:#666;font-size:.8rem}.stock-dropdown-no-data{color:#999;font-size:.85rem;padding:1rem;text-align:center}.stock-btn-cancel,.stock-btn-delete,.stock-btn-save{align-items:center;border-radius:4px;box-sizing:border-box;cursor:pointer;display:inline-flex;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;font-weight:500;height:40px;justify-content:center;line-height:1;margin:0;padding:0 1.5rem;transition:none;white-space:nowrap}.stock-btn-cancel,.stock-btn-cancel:active,.stock-btn-cancel:focus,.stock-btn-cancel:hover{background:#f8f9fa!important;border:1px solid #e0e0e0!important;box-shadow:none!important;color:#666!important;outline:none!important;transform:none!important}.stock-btn-save,.stock-btn-save:active,.stock-btn-save:focus,.stock-btn-save:hover{background:#004aad!important;border:1px solid #004aad!important;box-shadow:none!important;color:#fff!important;outline:none!important;transform:none!important}.stock-btn-delete,.stock-btn-delete:active,.stock-btn-delete:focus,.stock-btn-delete:hover{background:#dc3545!important;border:1px solid #dc3545!important;box-shadow:none!important;color:#fff!important;outline:none!important;transform:none!important}button:disabled{cursor:not-allowed!important;opacity:.6}@media (max-width:992px){.stock-action-buttons{flex:auto;justify-content:stretch;width:100%}.stock-add-btn,.stock-select-all-btn{flex:1 1;justify-content:center}}@media (max-width:768px){.stock-main-container{padding:10px}.stock-action-section{flex-direction:column;padding:1rem}.stock-search-wrapper{min-width:auto;width:100%}.stock-action-buttons{flex-direction:column;width:100%}.stock-add-btn,.stock-select-all-btn{justify-content:center;width:100%}.stock-form-grid{grid-template-columns:1fr}.stock-material-modal{max-height:95vh;max-width:95%!important}.stock-selected-summary{align-items:stretch;flex-direction:column;gap:10px}.stock-summary-right{flex-direction:column;width:100%}.stock-shop-info-bar{flex-direction:column;gap:6px}}@media (max-width:480px){.stock-main-container{padding:8px}.stock-header-section{padding:1rem}.stock-header-section h2{font-size:1.3rem}.stock-table td,.stock-table th{font-size:.75rem;padding:.5rem}}.auto-badge-inline{background:#dcfce7;border-radius:10px;color:#16a34a;display:inline-block;font-size:.65rem;font-weight:700;letter-spacing:.5px;margin-left:8px;padding:2px 8px;text-transform:uppercase;vertical-align:middle}.form-group.full-width{grid-column:1/-1;width:100%}.form-help-text{color:#666;display:block;font-size:.72rem;font-style:italic;margin-top:4px}.stock-tabs-section{background:#fff;border:1px solid #e0e0e0;border-radius:4px;overflow:hidden;padding:0!important}.stock-tabs-header{background:#fff;border-bottom:2px solid #e0e0e0;display:flex;gap:0;margin:0;padding:0 20px}.stock-tab-btn{background:#0000;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;font-family:Arial,Helvetica,sans-serif;font-size:.95rem;font-weight:500;margin-bottom:-2px;outline:none;padding:14px 24px;position:relative;transition:color .2s ease}.stock-tab-btn:hover{color:#004aad}.stock-tab-btn.active{border-bottom:3px solid #004aad;color:#004aad;font-weight:600}.stock-tabs-content{background:#fff;min-height:300px;padding:20px}@media (max-width:768px){.stock-tabs-header{padding:0 10px}.stock-tab-btn{font-size:.85rem;padding:12px 16px}.stock-tabs-content{padding:12px}}.stockmaterial-main-container{background:#fff;box-sizing:border-box;margin:-54px 0 0;max-width:100%;padding:0;text-align:left;width:100%}.stockmaterial-main-container .sm-header-section{align-items:center;background:#fff;border:none;border-radius:0;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;margin-bottom:2rem;padding:1rem 0;width:100%}.stockmaterial-main-container .sm-header-left{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.stockmaterial-main-container .sm-header-title{align-items:center;color:#004aad;display:flex;font-size:1.75rem;font-weight:700;gap:.6rem;line-height:1.2;margin:0;padding:0}.stockmaterial-main-container .sm-title-icon{flex-shrink:0;font-size:1.6rem}.stockmaterial-main-container .sm-header-right{align-items:center;display:flex;flex:1 1;gap:.8rem;justify-content:flex-end;min-width:0}.stockmaterial-main-container .sm-city-wrapper{align-items:center;display:flex;flex:0 0 auto;min-width:150px;position:relative}.stockmaterial-main-container .sm-city-dropdown-arrow{color:#004aad;font-size:1.3rem;pointer-events:none;position:absolute;right:10px;top:50%;transform:translateY(-50%);z-index:1}.stockmaterial-main-container .sm-city-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#fff;border:1px solid #004aad;border-radius:4px;box-sizing:border-box;cursor:pointer;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;height:42px;margin:0;padding:0 2.2rem 0 1rem;width:100%}.stockmaterial-main-container .sm-city-select:focus{border-color:#004aad;box-shadow:0 0 0 2px #004aad1a;outline:none}.stockmaterial-main-container .sm-city-select:disabled{background:#f5f5f5;color:#999;cursor:not-allowed}.stockmaterial-main-container .sm-search-wrapper{flex:0 1 260px;max-width:260px;min-width:180px;position:relative}.stockmaterial-main-container .sm-search-icon{color:#999;font-size:.9rem;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.stockmaterial-main-container .sm-search-input{border:1px solid #004aad;border-radius:4px;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;height:42px;padding:0 1rem 0 2.5rem;width:100%}.stockmaterial-main-container .sm-search-input:focus{border-color:#004aad;box-shadow:0 0 0 2px #004aad1a;outline:none}.stockmaterial-main-container .sm-add-btn,.stockmaterial-main-container .sm-select-all-btn{align-items:center;align-self:center!important;border-radius:4px;box-sizing:border-box!important;cursor:pointer;display:inline-flex;font-family:Arial,Helvetica,sans-serif;font-size:.9rem;font-weight:500;gap:.5rem;height:42px!important;justify-content:center;line-height:1!important;margin:0!important;min-height:42px!important;padding:0 1.25rem;position:relative!important;top:0!important;transform:none!important;transition:background .2s ease;vertical-align:middle;white-space:nowrap}.stockmaterial-main-container .sm-select-all-btn,.stockmaterial-main-container .sm-select-all-btn:active,.stockmaterial-main-container .sm-select-all-btn:focus,.stockmaterial-main-container .sm-select-all-btn:hover{background:#fff;border:1px solid #004aad!important;color:#004aad;transform:none!important}.stockmaterial-main-container .sm-select-all-btn:hover{background:#f0f4ff}.stockmaterial-main-container .sm-add-btn,.stockmaterial-main-container .sm-add-btn:active,.stockmaterial-main-container .sm-add-btn:focus,.stockmaterial-main-container .sm-add-btn:focus-visible,.stockmaterial-main-container .sm-add-btn:hover{background:#004aad!important;background-color:#004aad!important;background-image:none!important;border:1px solid #004aad!important;box-shadow:none!important;color:#fff!important;outline:none!important;transform:none!important}.stockmaterial-main-container .sm-content{background:#fff;box-sizing:border-box;max-width:100%;padding:0;text-align:left;width:100%}.stockmaterial-main-container .sm-selected-summary{background:#004aad0d;border:1px solid #004aad;border-radius:4px;box-sizing:border-box;margin-bottom:1.5rem;padding:.8rem 1rem;width:100%}.stockmaterial-main-container .sm-summary-content{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.stockmaterial-main-container .sm-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}.stockmaterial-main-container .sm-summary-text{color:#004aad;flex:1 1;font-weight:500}.stockmaterial-main-container .sm-clear-selection{background:#0000;border:none;border-radius:4px;color:#dc3545;cursor:pointer;font-size:.85rem;padding:.25rem .75rem;transition:all .3s}.stockmaterial-main-container .sm-clear-selection:hover{background:#dc35451a}.stockmaterial-main-container .sm-action-dropdown-container{display:inline-block;position:relative}.stockmaterial-main-container .sm-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}.stockmaterial-main-container .sm-action-dropdown-btn:hover{background:#003380;transform:translateY(-1px)}.stockmaterial-main-container .sm-action-dropdown-menu{animation:smDropdownSlide .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 smDropdownSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.stockmaterial-main-container .sm-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%}.stockmaterial-main-container .sm-dropdown-item:hover{background:#f8f9fa}.stockmaterial-main-container .sm-dropdown-item.sm-delete-item{color:#dc3545}.stockmaterial-main-container .sm-dropdown-item.sm-delete-item:hover{background:#fee2e2}.stockmaterial-main-container .sm-table-container{background:#fff;border:1px solid #d0d0d0;border-radius:6px;box-sizing:border-box;margin:0;max-width:100%;overflow:hidden;width:100%}.stockmaterial-main-container .sm-table-wrapper{max-width:100%;overflow-x:auto;width:100%}.stockmaterial-main-container .sm-table{background:#fff;border-collapse:collapse;min-width:1300px;width:100%}.stockmaterial-main-container .sm-table thead{background:#004aad}.stockmaterial-main-container .sm-table th{background:#004aad;border-bottom:2px solid #e0e0e0;border-right:1px solid #5a9bd5;color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:1rem .8rem;text-align:center;text-transform:uppercase;vertical-align:middle;white-space:nowrap}.stockmaterial-main-container .sm-table th:last-child{border-right:none}.stockmaterial-main-container .sm-table td{word-wrap:break-word;border-bottom:1px solid #f0f0f0;border-right:1px solid #f0f0f0;color:#333;font-family:Arial,Helvetica,sans-serif;font-size:.85rem;font-weight:400;overflow-wrap:break-word;padding:.8rem;text-align:center;vertical-align:middle}.stockmaterial-main-container .sm-table td:last-child{border-right:none}.stockmaterial-main-container .sm-table td:nth-child(4),.stockmaterial-main-container .sm-table th:nth-child(4){text-align:left}.stockmaterial-main-container .sm-table td:nth-child(4){min-width:240px;white-space:normal}.stockmaterial-main-container .sm-table tbody tr:last-child td{border-bottom:none}.stockmaterial-main-container .sm-table tbody tr:hover{background:#fafafa}.stockmaterial-main-container .sm-table tbody tr.selected{background:#004aad0d}.stockmaterial-main-container .sm-table input[type=checkbox]{accent-color:#004aad;cursor:pointer;height:18px;width:18px}.stockmaterial-main-container .sm-table td.sm-actions-cell{text-align:center;white-space:nowrap}.stockmaterial-main-container .sm-delete-btn,.stockmaterial-main-container .sm-edit-btn{align-items:center;background:#0000;border:none;border-radius:4px;cursor:pointer;display:inline-flex;font-size:1.1rem;justify-content:center;padding:.4rem .5rem;transition:all .3s}.stockmaterial-main-container .sm-edit-btn,.stockmaterial-main-container .sm-edit-btn svg{color:#004aad}.stockmaterial-main-container .sm-edit-btn:hover{background:#004aad1a;transform:scale(1.05)}.stockmaterial-main-container .sm-delete-btn,.stockmaterial-main-container .sm-delete-btn svg{color:#dc3545}.stockmaterial-main-container .sm-delete-btn{margin-left:4px}.stockmaterial-main-container .sm-delete-btn:hover{background:#dc35451a;transform:scale(1.1)}.stockmaterial-main-container .sm-no-items{color:#666;padding:3rem;text-align:center}.stockmaterial-main-container .sm-no-data-icon{color:#ccc;font-size:3rem;margin-bottom:1rem}.stockmaterial-main-container .sm-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}.stockmaterial-main-container .sm-add-first-btn:hover{background:#003380}@media (max-width:900px){.stockmaterial-main-container .sm-header-section{align-items:stretch;flex-direction:column}.stockmaterial-main-container .sm-header-right{align-items:stretch;flex-direction:column;justify-content:stretch}.stockmaterial-main-container .sm-search-wrapper{flex:none;max-width:100%;width:100%}.stockmaterial-main-container .sm-add-btn,.stockmaterial-main-container .sm-city-wrapper,.stockmaterial-main-container .sm-select-all-btn{width:100%}}@media (max-width:768px){.stockmaterial-main-container .sm-table td,.stockmaterial-main-container .sm-table th{font-size:.78rem;padding:.6rem}.stockmaterial-main-container .sm-summary-content{align-items:stretch;flex-direction:column}.stockmaterial-main-container .sm-action-dropdown-container{width:100%}.stockmaterial-main-container .sm-action-dropdown-btn{justify-content:center;width:100%}.stockmaterial-main-container .sm-action-dropdown-menu{margin-top:8px;position:static;width:100%}}@media (max-width:480px){.stockmaterial-main-container .sm-header-title{font-size:1.3rem}.stockmaterial-main-container .sm-title-icon{font-size:1.2rem}.stockmaterial-main-container .sm-table td,.stockmaterial-main-container .sm-table th{font-size:.72rem;padding:.5rem}}.add-stockmaterial-page{box-sizing:border-box;padding:10px 14px!important;width:100%}.add-stockmaterial-page .form-header-section,.add-stockmaterial-page .issuestock-form-container{background:#0000!important;border:none!important;border-radius:0!important;box-shadow:none!important;max-width:100%!important}.add-stockmaterial-page .form-header-section{margin-bottom:.75rem!important;padding:.5rem 0!important}.add-stockmaterial-page .issuestock-form-container{padding:0!important}.add-stockmaterial-page .form-section{margin-bottom:.9rem!important;padding:1rem 1.25rem!important}.add-stockmaterial-page .form-section .section-title{margin:0 0 .8rem!important}.add-stockmaterial-page .asm-grid{grid-gap:.9rem 1.5rem;align-items:start;display:grid;gap:.9rem 1.5rem;grid-template-columns:repeat(3,minmax(0,1fr))}.add-stockmaterial-page .asm-grid .asm-field{border:none!important;margin:0!important;min-width:0;padding:0!important;width:100%!important}.add-stockmaterial-page .asm-field label{display:block;margin-bottom:.35rem!important}.add-stockmaterial-page .asm-field .form-input,.add-stockmaterial-page .asm-field .form-textarea{box-sizing:border-box;width:100%}.add-stockmaterial-page .asm-field .form-textarea{height:38px;min-height:0!important;resize:vertical}@media (max-width:992px){.add-stockmaterial-page .asm-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.add-stockmaterial-page .asm-grid{grid-template-columns:1fr}}.add-stockmaterial-page .form-actions,.add-stockmaterial-page .form-actions-top{background:#0000!important;background-color:initial!important;background-image:none!important;border:none!important;border-radius:0!important;box-shadow:none!important;outline:none!important}.add-stockmaterial-page .form-actions-top:after,.add-stockmaterial-page .form-actions-top:before,.add-stockmaterial-page .form-actions:after,.add-stockmaterial-page .form-actions:before{background:#0000!important;border:none!important;box-shadow:none!important;content:none!important;display:none!important}.add-stockmaterial-page .form-actions-top{align-items:center;box-sizing:border-box;display:flex;gap:12px;justify-content:flex-end;margin:0 0 15px!important;padding:0!important;width:100%}.add-stockmaterial-page .form-actions-top .btn-cancel,.add-stockmaterial-page .form-actions-top .btn-save{box-shadow:none!important;outline:none}.add-stockmaterial-page .form-actions-top>*{background-image:none}.add-stockmaterial-page .details-notes-section{box-sizing:border-box;width:100%}@media (max-width:600px){.add-stockmaterial-page .form-actions-top{flex-wrap:wrap;gap:8px}}.add-stockmaterial-page{box-sizing:border-box!important;margin:-54px 0 0;max-width:100%!important;padding:0!important;width:100%!important}.add-stockmaterial-page .form-header-section,.add-stockmaterial-page .issuestock-form-container{box-sizing:border-box!important;margin-left:0!important;margin-right:0!important;max-width:100%!important;width:100%!important}.add-stockmaterial-page .details-notes-section,.add-stockmaterial-page .form-actions-top,.add-stockmaterial-page .form-section{box-sizing:border-box!important;max-width:100%!important;width:100%!important}.add-stockmaterial-page .asm-empty-field{min-height:1px;pointer-events:none;visibility:hidden}.stockmaterial-main-container .sm-city-badge{align-items:center;background:#eef4ff;border:1px solid #004aad;border-radius:999px;color:#004aad;display:inline-flex;font-family:Arial,Helvetica,sans-serif;font-size:.78rem;font-weight:700;gap:.35rem;padding:.25rem .8rem;white-space:nowrap}.stockmaterial-main-container .sm-city-badge-icon{color:#004aad;font-size:.75rem}*{box-sizing:border-box;margin:0;padding:0}.edit-product-page{background:#f8fafc;min-height:100vh;padding:20px;width:100%}.edit-product-loading{color:#004aad;font-size:1.1rem;padding:60px;text-align:center}.edit-product-header{align-items:center;background:#fff;border:2px solid #004aad;border-radius:6px;display:flex;justify-content:space-between;margin-bottom:20px;padding:16px 24px}.edit-product-header h2{color:#004aad;font-size:1.25rem;font-weight:700;margin:0}.back-btn,.update-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s ease}.back-btn{background:#f1f5f9;color:#334155}.back-btn:hover{background:#e2e8f0}.update-btn{background:#004aad;color:#fff}.update-btn:hover:not(:disabled){background:#003380}.update-btn:disabled{cursor:not-allowed;opacity:.6}.edit-product-layout{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:220px 320px 1fr}.edit-col{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:16px}.images-col{gap:12px}.image-preview-box,.images-col{display:flex;flex-direction:column}.image-preview-box{align-items:center;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:10px;gap:6px;min-height:120px;padding:8px;position:relative}.image-preview-label{color:#94a3b8;font-size:.7rem;font-weight:600;text-transform:uppercase}.image-preview-img{background:#fff;border-radius:6px;height:100px;object-fit:contain;width:100%}.image-preview-empty{color:#cbd5e1;font-size:.75rem;height:100px;width:100%}.image-preview-empty,.image-upload-circle{align-items:center;display:flex;justify-content:center}.image-upload-circle{background:#004aad;border-radius:50%;bottom:8px;color:#fff;cursor:pointer;font-size:.8rem;height:32px;position:absolute;right:8px;transition:all .2s ease;width:32px}.image-upload-circle:hover{background:#003380;transform:scale(1.05)}.preview-col{position:sticky;top:20px}.preview-title{color:#64748b;font-size:.85rem;font-weight:700;margin-bottom:8px;text-transform:uppercase}.preview-name{color:#004aad;font-size:1rem;font-weight:700;line-height:1.4;margin-bottom:16px}.preview-rows{border-bottom:1px solid #e2e8f0;display:flex;flex-direction:column;gap:8px;margin-bottom:12px;padding-bottom:12px}.preview-row{display:flex;font-size:.8rem;gap:10px;justify-content:space-between}.preview-row>span:first-child{color:#64748b;font-weight:600}.preview-row>span:last-child{color:#334155;font-weight:500;text-align:right}.preview-description-title{color:#64748b;font-size:.8rem;font-weight:700;margin-bottom:4px}.preview-description{color:#334155;font-size:.78rem;line-height:1.5;max-height:200px;overflow-y:auto}.form-col{gap:14px}.form-col,.form-group{display:flex;flex-direction:column}.form-group{gap:5px}.form-group label{color:#64748b;font-size:.72rem;font-weight:700;letter-spacing:.4px;text-transform:uppercase}.form-group input,.form-group select,.form-group textarea{background:#fff;border:1px solid #cbd5e1;border-radius:6px;box-sizing:border-box;color:#334155;font-family:Arial,Helvetica,sans-serif;font-size:.85rem;padding:9px 12px;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[readonly]{background:#f1f5f9;cursor:not-allowed}.form-group textarea{min-height:100px;resize:vertical}.form-row-2{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.city-stock-rows{display:flex;flex-direction:column;gap:8px}.city-stock-row{align-items:center;display:flex;gap:8px}.city-stock-row select{background:#fff;flex:1 1 auto}.city-stock-row input,.city-stock-row select{border:1px solid #cbd5e1;border-radius:6px;font-size:.85rem;padding:9px 12px}.city-stock-row input{flex:0 0 90px}.city-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;flex:0 0 34px;font-size:.8rem;height:34px;justify-content:center;width:34px}.city-btn.add{background:#004aad;color:#fff}.city-btn.add:hover{background:#003380}.city-btn.remove{background:#fee2e2;color:#dc2626}.city-btn.remove:hover{background:#fecaca}@media (max-width:1200px){.edit-product-layout{grid-template-columns:180px 260px 1fr}}@media (max-width:992px){.edit-product-layout{grid-template-columns:1fr}.preview-col{position:static}}@media (max-width:600px){.form-row-2{grid-template-columns:1fr}}
/*# sourceMappingURL=main.5cb04690.css.map*/