:root{font-family:Segoe UI,Arial,sans-serif;color:#172033;background:#f5f7fb;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#root{margin:0;padding:0;width:100%;min-width:100%;min-height:100vh}body{margin:0;background:#f5f7fb}.sales-page{width:100%;min-height:100%;box-sizing:border-box;padding:24px;background:#f8fafc}.sales-layout{display:flex;flex-direction:column;gap:20px;width:100%}.products-panel{background:#fff;border:1px solid #e5e7eb;border-radius:12px 12px 0 0;padding:18px 18px 6px;margin-bottom:0}.products-panel .search-input{width:100%;height:46px;padding:0 14px;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:9px;background:#fff;color:#0f172a;font-size:14px;font-weight:500;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.products-panel .search-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.product-list{display:flex;flex-direction:column;gap:10px;margin-top:16px}.product-card{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:94px;padding:15px 16px;border:1px solid #e2e8f0;border-radius:11px;background:#fff;box-sizing:border-box;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.product-card:hover{border-color:#bfdbfe;box-shadow:0 5px 16px #2563eb14;transform:translateY(-1px)}.product-card>div{min-width:0}.product-card strong{color:#0f172a;font-size:14px;font-weight:800}.product-card p{margin:4px 0 0;color:#64748b;font-size:12px}.product-card small{display:block;margin-top:7px;color:#475569;font-size:11px;font-weight:700}.product-card button{flex-shrink:0;min-width:72px;height:38px;padding:0 14px;border:0;border-radius:8px;background:#2563eb;color:#fff;font-size:13px;font-weight:800;cursor:pointer;transition:background .2s ease,transform .2s ease}.product-card button:hover:not(:disabled){background:#1d4ed8;transform:translateY(-1px)}.product-card button:disabled{background:#cbd5e1;cursor:not-allowed}.cart-panel{min-width:0;padding:20px;border:1px solid #e2e8f0;border-radius:14px;background:#fff;box-shadow:0 4px 18px #0f172a0d;box-sizing:border-box}.cart-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #eef2f7}.cart-header h2{margin:0;color:#0f172a;font-size:20px;font-weight:800}.cart-header span{padding:6px 10px;border-radius:20px;background:#eff6ff;color:#2563eb;font-size:11px;font-weight:800}.cart-panel>.checkout-field{margin-top:0;margin-bottom:18px}.cart-panel>.checkout-field label{display:block;margin-bottom:7px;color:#334155;font-size:12px;font-weight:800}.cart-panel>.checkout-field select{width:100%;min-height:44px;padding:9px 12px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#172033;font-size:13px;font-weight:600;box-sizing:border-box;outline:none}.cart-panel>.checkout-field select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.cart-panel>div[style]{padding:11px 13px!important;margin-bottom:16px!important;border:1px solid #e2e8f0;border-radius:9px!important;background:#f8fafc!important;color:#64748b;font-size:12px;line-height:1.6}.cart-item{width:100%;margin-bottom:13px;padding:16px;border:1px solid #e2e8f0;border-radius:11px;background:#fff;box-sizing:border-box}.cart-item-header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding-bottom:13px;border-bottom:1px solid #eef2f7}.cart-item-header h4{margin:0 0 5px;color:#172033;font-size:14px;font-weight:800}.cart-sku{color:#64748b;font-size:11px;font-weight:600}.cart-item-total{flex-shrink:0;color:#0f172a;font-size:15px;font-weight:900}.cart-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.cart-field label{margin-bottom:8px;font-size:13px;font-weight:700;color:#475569}.cart-field .quantity-input{display:block!important;width:100%!important;height:43px!important;min-height:43px!important;padding:8px 10px;border:1px solid #cbd5e1!important;border-radius:8px!important;background:#fff!important;color:#172033!important;font-size:15px;font-weight:800;box-sizing:border-box}.cart-field .quantity-input::-webkit-inner-spin-button,.cart-field .quantity-input::-webkit-outer-spin-button{opacity:1;margin:0}.cart-field .manual-input{box-sizing:border-box}.price-input-wrapper{display:flex;align-items:center;width:100%;height:43px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;overflow:hidden;box-sizing:border-box}.price-input-wrapper:focus-within{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.price-input-wrapper span{display:flex;align-items:center;height:100%;padding:0 9px;border-right:1px solid #e2e8f0;color:#64748b;font-size:11px;font-weight:800}.price-input-wrapper .manual-input{flex:1;width:100%;height:41px;border:0!important;border-radius:0!important;box-shadow:none!important;padding:8px 10px}.cart-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #edf2f7;padding-top:14px;margin-top:6px}.minimum-price-note{font-size:13px;color:#64748b}.remove-btn{background:#ef4444;color:#fff;border:none;border-radius:8px;padding:8px 16px;cursor:pointer;font-weight:600;transition:.2s}.checkout-summary-grid{display:flex;justify-content:flex-start;gap:12px;margin-bottom:18px;flex-wrap:wrap}.summary-box,.grand-total{width:160px;min-height:72px;padding:12px 14px;background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;display:flex;flex-direction:column;justify-content:center}.summary-box span,.grand-total span{font-size:12px;font-weight:600;color:#64748b;margin-bottom:4px}.summary-box strong,.grand-total strong{font-size:22px;font-weight:700;color:#0f172a;line-height:1.1}@media(max-width:768px){.checkout-summary-grid{justify-content:stretch}.summary-box,.grand-total{flex:1;min-width:140px}}.grand-total{margin-top:7px;padding:14px!important;border:1px solid #dbeafe;border-radius:10px;background:#eff6ff}.grand-total span{color:#1e3a8a;font-size:11px;font-weight:900}.grand-total strong{color:#0f172a;font-size:21px;font-weight:900}.checkout-field{display:block;width:340px;max-width:100%;margin-bottom:20px}.checkout-field label,.checkout-field{font-size:15px;font-weight:600;color:#334155}.checkout-field select,.checkout-field input{width:100%;padding:12px 14px;border:1px solid #d1d5db;border-radius:10px;font-size:15px;box-sizing:border-box}@media(max-width:768px){.checkout-field{width:100%}}.payment-result{margin-top:20px;padding:16px;border:1px solid #e2e8f0;border-radius:12px;background:#f8fafc}.payment-result-row{display:flex;align-items:center;justify-content:flex-start;gap:6px;padding:8px 0;flex-wrap:wrap}.payment-result-row span{color:#475569;font-size:15px;font-weight:600}.payment-result-row strong{color:#172033;font-size:16px;font-weight:700}.change-value{color:#16a34a}.complete-sale-btn{width:340px;max-width:100%;min-height:50px;margin-top:18px;border:0;border-radius:12px;background:#2563eb;color:#fff;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease;box-sizing:border-box}.complete-sale-btn:hover:not(:disabled){background:#1d4ed8}.complete-sale-btn:disabled{opacity:.55;cursor:not-allowed}@media(max-width:768px){.payment-result,.complete-sale-btn{width:100%}}@media(max-width:1000px){.cart-panel{width:100%}}@media(max-width:600px){.sales-page{padding:12px}.products-panel,.cart-panel{padding:14px;border-radius:11px}.product-card{align-items:flex-start}.cart-fields{grid-template-columns:1fr}.cart-item-header{flex-direction:column}.cart-item-total{align-self:flex-start}}.cart-panel{overflow:visible!important}.checkout-section{position:relative!important;bottom:auto!important;z-index:2;width:100%;box-sizing:border-box;overflow:visible!important}.checkout-section>*{max-width:100%;box-sizing:border-box}.checkout-section .checkout-field{width:100%;box-sizing:border-box}.checkout-section .checkout-field select,.checkout-section .checkout-field input{width:100%;max-width:100%;box-sizing:border-box}.payment-result{width:100%;box-sizing:border-box}.checkout-btn{display:block;width:100%;box-sizing:border-box}@media(max-width:1000px){.checkout-section{position:relative!important}}.cart-item-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;width:100%;box-sizing:border-box;min-width:0}.cart-item-header>div:first-child{flex:1 1 auto;min-width:0}.cart-item-header h4{display:block;width:100%;max-width:100%;margin:0 0 5px;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;line-height:1.35}.cart-item-total{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:6px;background:#eef4ff;color:#1557b0;font-size:13px;font-weight:600;white-space:nowrap}.cart-item{width:100%!important;max-width:100%!important;box-sizing:border-box!important;overflow:visible!important}.cart-item-header{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:start!important;gap:20px!important;width:100%!important;min-width:0!important;box-sizing:border-box!important;overflow:visible!important}.cart-item-header>div:first-child{width:auto!important;min-width:0!important;overflow:visible!important}.cart-item-header h4{width:auto!important;max-width:none!important;margin:0 0 5px!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;color:#172033!important;font-size:14px!important;line-height:1.4!important}.cart-sku{display:block!important;white-space:normal!important;overflow:visible!important}.cart-item-total{flex-shrink:0!important;font-size:20px!important;font-weight:800!important;color:#1557b0!important;line-height:1.2!important;white-space:nowrap!important}.products-panel{display:flex;flex-direction:column;min-height:0}.product-list{flex:1;overflow-y:auto;padding-right:10px}.cart-panel{display:flex;flex-direction:column;background:#fff;border-radius:16px;border:1px solid #e2e8f0;box-shadow:0 10px 30px #0f172a0f;padding:20px;min-height:0;height:100%}.cart-items{flex:1;overflow-y:auto;padding-right:8px}.checkout-section{border-top:1px solid #e2e8f0;padding-top:18px;margin-top:18px}.products-panel,.cart-panel{overflow:hidden}.product-list,.cart-items{overflow-y:auto;overflow-x:hidden}.product-list::-webkit-scrollbar,.cart-items::-webkit-scrollbar{width:8px}.product-list::-webkit-scrollbar-thumb,.cart-items::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}.cart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid #edf2f7}.cart-header h2{margin:0;font-size:22px}.cart-header span{background:#2563eb;color:#fff;padding:6px 12px;border-radius:999px;font-size:13px;font-weight:700}.cart-item{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:18px;margin-bottom:16px;box-shadow:0 4px 12px #0f172a0d}.cart-item-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px}.cart-item-header h4{margin:0;font-size:18px;font-weight:700;color:#0f172a}.cart-sku{display:block;margin-top:4px;font-size:13px;color:#64748b}.cart-item-total{text-align:right;font-size:20px;font-weight:700;color:#2563eb;white-space:nowrap}.current-sale-closed{display:none}.current-sale-open{display:block}.sales-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.refresh-btn{background:#2563eb;color:#fff;border:none;padding:10px 16px;border-radius:8px;cursor:pointer;font-weight:600}.refresh-btn:hover{background:#1d4ed8}.current-sale-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.current-sale-header h2{margin:0;font-size:22px;font-weight:700}.current-sale-table-wrapper{overflow-x:auto}.current-sale-table{width:100%;border-collapse:collapse}.current-sale-table th{background:#f8fafc;padding:14px 12px;text-align:left;border-bottom:2px solid #e5e7eb}.current-sale-table td{padding:14px 12px;border-bottom:1px solid #eef2f7}.qty-table-input,.price-table-input{width:80px;padding:8px;border:1px solid #d1d5db;border-radius:6px}.remove-table-btn{background:#dc2626;color:#fff;border:none;padding:8px 12px;border-radius:6px;cursor:pointer}.remove-table-btn:hover{background:#b91c1c}.empty-cart-row{text-align:center;color:#6b7280;padding:20px}.search-input{width:100%;padding:12px 14px;border:1px solid #d1d5db;border-radius:10px;margin-bottom:16px;font-size:15px}.search-results{margin-top:14px;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;background:#fff}.search-results{margin-top:12px;border:1px solid #e5e7eb;border-radius:12px;background:#fff;overflow:hidden}.search-result-item{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid #eef2f7}.search-result-item:last-child{border-bottom:none}.search-result-info{display:flex;flex-direction:column;gap:4px}.search-result-info small{color:#64748b}.search-empty{padding:18px;text-align:center;color:#64748b}.header-customer select{min-width:240px;padding:10px 12px;border:1px solid #d1d5db;border-radius:10px}.current-sale-card{background:#fff;border:1px solid #e5e7eb;border-top:none;border-radius:0 0 12px 12px;margin-top:0;padding:0}.current-sale-table-wrapper{margin-top:0;padding-top:0}.cart-hidden{display:none}.cart-visible{display:block}.checkout-card .checkout-field{display:block;width:340px;max-width:100%;margin-bottom:18px}.checkout-card .checkout-field select,.checkout-card .checkout-field input{width:100%;height:46px;padding:0 14px;border:1px solid #d1d5db;border-radius:10px;box-sizing:border-box}.checkout-card .payment-result{width:340px;max-width:100%;margin:18px 0;padding:14px;border:1px solid #e2e8f0;border-radius:12px;background:#f8fafc;box-sizing:border-box}.checkout-card .payment-result-row{display:flex;align-items:center;gap:6px;padding:7px 0}.checkout-card .complete-sale-btn{width:340px;max-width:100%;height:48px;margin-top:18px;border:none;border-radius:12px;background:#2563eb;color:#fff;font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer}.checkout-card .complete-sale-btn:hover:not(:disabled){background:#1d4ed8}.checkout-card .complete-sale-btn:disabled{opacity:.55;cursor:not-allowed}@media(max-width:768px){.checkout-card .checkout-field,.checkout-card .payment-result,.checkout-card .complete-sale-btn{width:100%;max-width:100%}}.receipt-center h1{margin:0;font-size:22px;font-weight:700}.receipt-center h2{margin:4px 0 10px;font-size:16px;font-weight:600}.receipt-divider{border-top:1px dashed #94a3b8;margin:16px 0}.receipt-overlay{position:fixed;inset:72px 20px 8px 270px;background:#0f172a40;display:flex;align-items:flex-start;justify-content:flex-start;padding:0;z-index:9999}.receipt-window{width:300px;max-width:300px;max-height:calc(100vh - 80px);background:#fff;border-radius:10px;box-shadow:0 10px 30px #0003;overflow:hidden;display:flex;flex-direction:column-reverse}.printable-receipt{flex:1;overflow-y:auto;background:#fff;padding:18px 16px;font-family:Courier New,monospace;color:#111827;box-sizing:border-box}.receipt-center{text-align:center}.receipt-center h1{margin:0;font-size:20px;font-weight:700;line-height:1.2}.receipt-center h2{margin:3px 0 8px;font-size:14px;font-weight:600;line-height:1.2}.receipt-center p{margin:3px 0;font-size:12px}.receipt-divider{border-top:1px dashed #94a3b8;margin:12px 0}.receipt-table{width:100%;border-collapse:collapse;table-layout:fixed}.receipt-table th,.receipt-table td{padding:5px 2px;font-size:11px;word-break:break-word}.receipt-table th{font-weight:700}.receipt-info div,.receipt-payment-row,.receipt-totals div{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin:4px 0;font-size:11px}.receipt-info strong,.receipt-payment-row strong,.receipt-totals strong{white-space:nowrap}.receipt-grand-total{border-top:1px dashed #94a3b8;padding-top:8px;margin-top:8px}.receipt-grand-total span,.receipt-grand-total strong{font-size:13px;font-weight:700}.receipt-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;padding:8px;border-top:1px solid #e5e7eb;background:#fff}.receipt-actions button{width:100%;height:30px;padding:0 6px;border:none;border-radius:7px;font-size:10px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease,transform .15s ease}.receipt-actions button:hover{transform:translateY(-1px)}.receipt-actions button:first-child{background:#2563eb;color:#fff}.receipt-actions button:last-child{background:#f1f5f9;color:#334155}@media(max-width:768px){.receipt-actions button{height:34px;font-size:11px}}@media(max-width:768px){.receipt-overlay{inset:12px;justify-content:center}.receipt-window{width:100%;max-width:340px;max-height:95vh}.printable-receipt{padding:16px 14px}.receipt-actions button{height:36px;font-size:12px}}.receipt-window .printable-receipt{padding:16px!important;font-family:Courier New,monospace!important;font-size:12px!important;line-height:1.35!important}.receipt-window .receipt-center h1{font-size:18px!important;margin:0!important;line-height:1.15!important}.receipt-window .receipt-center h2{font-size:13px!important;margin:2px 0 6px!important}.receipt-window .receipt-center p{font-size:11px!important;margin:2px 0!important}.receipt-window .receipt-divider{margin:10px 0!important}.receipt-window .receipt-info div,.receipt-window .receipt-totals div,.receipt-window .receipt-payment-row{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:8px!important;font-size:11px!important;margin:4px 0!important}.receipt-window .receipt-table{width:100%!important;border-collapse:collapse!important;table-layout:fixed!important}.receipt-window .receipt-table th,.receipt-window .receipt-table td{font-size:11px!important;padding:4px 2px!important;word-break:break-word!important}.receipt-window .receipt-grand-total{border-top:1px dashed #94a3b8!important;margin-top:8px!important;padding-top:8px!important}.receipt-window .receipt-grand-total span,.receipt-window .receipt-grand-total strong{font-size:13px!important;font-weight:700!important}.summary-box.active{background:#1557b0;color:#fff;border-color:#1557b0}.summary-box.active span,.summary-box.active strong{color:#fff}.summary-box{cursor:pointer;transition:all .2s ease}.summary-box:hover{transform:translateY(-1px)}.receipt-barcode{width:100%;display:flex;justify-content:center;align-items:center;margin:8px 0 6px;overflow:hidden}.receipt-barcode svg{display:block;width:auto;max-width:100%;height:auto}*{font-family:Segoe UI,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100%}body{font-family:Segoe UI,Arial,sans-serif;background:#f5f7fb;color:#172033}button,input,select,textarea{font-family:inherit}button{cursor:pointer}.app-layout{display:flex;height:100vh;overflow:hidden}.main-content{flex:1;min-width:0;background:#f5f7fb}.page-content{padding:28px}.sidebar{position:fixed;top:0;left:0;width:260px;height:100vh;display:flex;flex-direction:column;background:#1557b0;color:#fff;overflow:hidden;z-index:1000;box-shadow:2px 0 14px #0f172a1f;transition:width .3s ease}.sidebar.collapsed{width:0;min-width:0;overflow:hidden;box-shadow:none}.sidebar-brand{padding:16px 14px 20px;border-bottom:1px solid rgba(255,255,255,.16);margin-bottom:18px}.brand-row{display:flex;align-items:center;gap:12px;min-width:0}.brand-text{min-width:0;overflow:hidden;white-space:nowrap}.sidebar-brand h2{margin:0;font-size:21px;line-height:1.15;font-weight:800;letter-spacing:-.3px;white-space:nowrap}.sidebar-brand span{display:block;margin-top:4px;font-size:12px;line-height:1.2;font-weight:500;color:#ffffffb8;white-space:nowrap}.sidebar-toggle{flex:0 0 38px;width:38px;height:38px;display:flex;align-items:center;justify-content:center;border:none;border-radius:8px;background:#ffffff1f;color:#fff;cursor:pointer;font-size:18px;line-height:1;transition:background .2s ease,transform .2s ease}.sidebar-toggle:hover{background:#fff3;transform:translateY(-1px)}.collapsed-header-brand{position:fixed;top:0;left:14px;height:58px;display:flex;align-items:center;gap:12px;z-index:1100}.sidebar-open-btn{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border:none;border-radius:8px;background:#ffffff1f;color:#fff;font-size:20px;line-height:1;cursor:pointer;flex-shrink:0}.sidebar-open-btn:hover{background:#fff3}.collapsed-brand-text{display:flex;flex-direction:column;justify-content:center;line-height:1.1;white-space:nowrap;color:#fff}.collapsed-brand-text strong{font-size:15px;font-weight:700}.collapsed-brand-text span{margin-top:3px;font-size:11px;font-weight:500;color:#ffffffc7}.sidebar-nav{display:flex;flex-direction:column;gap:3px;padding:0 10px 20px;flex:1;overflow-y:auto;overflow-x:hidden}.sidebar-nav button{width:100%;min-height:42px;display:flex;align-items:center;gap:12px;border:none;border-radius:10px;padding:11px 14px;background:transparent;color:#ffffffe6;font-size:14px;font-weight:600;letter-spacing:.1px;text-align:left;cursor:pointer;white-space:nowrap;overflow:hidden;transition:background .2s ease,color .2s ease,transform .2s ease}.sidebar-nav button:hover{background:#ffffff1f;color:#fff;transform:translate(2px)}.sidebar-nav button.active{background:#fff;color:#1557b0;font-weight:700;box-shadow:0 4px 12px #0f172a24}.sidebar.collapsed .sidebar-brand{padding:16px 14px 20px}.sidebar.collapsed .brand-row{justify-content:center}.sidebar.collapsed .sidebar-nav button{justify-content:center;padding:11px 0;font-size:21px;text-align:center}.sidebar.collapsed .sidebar-nav button:hover{transform:none}.sidebar-nav::-webkit-scrollbar{width:5px}.sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff40;border-radius:10px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.main-content{margin-left:260px;margin-top:58px;height:calc(100vh - 58px);overflow-y:auto;overflow-x:hidden;background:#f5f7fb;box-sizing:border-box;transition:margin-left .3s ease}.sidebar.collapsed~.main-content{margin-left:0}.main-header{position:fixed;top:0;left:260px;right:0;height:58px;background:#1557b0;display:flex;justify-content:space-between;align-items:center;padding:0 22px;z-index:999;border-left:1px solid rgba(255,255,255,.15);border-bottom:1px solid rgba(255,255,255,.18);transition:left .3s ease}.sidebar.collapsed+.main-content .main-header{left:0}.header-right{margin-left:auto;display:flex;align-items:center}.sidebar.collapsed~.main-content .main-header{left:0}.user-profile{display:flex;align-items:center;gap:10px;color:#fff}.user-details{display:flex;flex-direction:column;align-items:flex-end;line-height:1.1}.user-details strong{color:#fff;font-size:14px;font-weight:600}.user-details span{color:#ffffffd1;font-size:11px}.profile-arrow{color:#fff;font-size:11px}.main-content>header h2{color:#172033;font-size:20px!important;font-weight:700}.main-content>header small{color:#7a8496!important}.main-content>header>div:last-child{background:#1557b0!important;border-radius:9px!important;padding:9px 16px!important;font-size:14px}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.page-heading h1{margin:0 0 5px;font-size:27px;font-weight:750;color:#172033}.page-heading p{margin:0;color:#7a8496;font-size:14px}.dashboard-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.dashboard-card{position:relative;background:#fff;padding:21px;border:1px solid #e7ebf2;border-radius:12px;box-shadow:0 3px 12px #1420370d;overflow:hidden}.dashboard-card:before{content:"";position:absolute;left:0;top:0;width:4px;height:100%;background:#1557b0}.dashboard-card h3{margin:0 0 12px;color:#7a8496;font-size:13px;font-weight:600}.dashboard-card h1{margin:0;color:#172033;font-size:28px;font-weight:750}.recent-sales{margin-top:22px;background:#fff;padding:22px;border:1px solid #e7ebf2;border-radius:12px;box-shadow:0 3px 12px #1420370d}.recent-sales h3{margin:0 0 8px;font-size:17px}.recent-sales p{margin:0;color:#7a8496;font-size:14px}.dashboard-content{width:100%}.dashboard-content>h2{margin:0 0 20px;font-size:26px;color:#172033}.add-product-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;background:#fff;padding:22px;margin-bottom:24px;border:1px solid #e7ebf2;border-radius:12px;box-shadow:0 3px 12px #1420370d}.form-field{display:flex;flex-direction:column;gap:7px}.form-field label{font-size:13px;font-weight:650;color:#4b5568}.add-product-form input{width:100%;padding:11px 12px;border:1px solid #d9dfe9;border-radius:8px;background:#fff;color:#172033;font-size:14px;outline:none;transition:border-color .15s,box-shadow .15s}.add-product-form input:focus{border-color:#1557b0;box-shadow:0 0 0 3px #1557b01a}.add-product-form>button{grid-column:1 / -1;border:none;border-radius:8px;padding:12px 18px;background:#1557b0;color:#fff;font-size:14px;font-weight:700;transition:background .15s}.add-product-form>button:hover{background:#10488f}.add-product-form>button:disabled{opacity:.65;cursor:not-allowed}.product-table{width:100%;overflow-x:auto;background:#fff;border:1px solid #e7ebf2;border-radius:12px;box-shadow:0 3px 12px #1420370d}.product-table table{width:100%;min-width:850px;border-collapse:collapse}.product-table th{padding:14px 16px;background:#f8fafc;color:#667085;border-bottom:1px solid #e7ebf2;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.35px;text-align:left}.product-table td{padding:15px 16px;border-bottom:1px solid #edf0f4;color:#344054;font-size:14px;vertical-align:middle}.product-table tbody tr:last-child td{border-bottom:none}.product-table tbody tr:hover{background:#fafcff}.product-table td strong{color:#172033;font-weight:600}.empty-inventory{text-align:center!important;padding:45px!important;color:#8a94a6!important}.status-badge{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap}.status-badge.in-stock{background:#e8f7ef;color:#17834b}.status-badge.low-stock{background:#fff4df;color:#b86a00}.status-badge.out-of-stock{background:#fdecec;color:#c73535}.delete-product-btn{border:1px solid #d9dfe9;background:#fff;color:#667085;padding:7px 11px;border-radius:7px;font-size:12px;font-weight:600}.delete-product-btn:hover{background:#fff2f2;border-color:#f0b8b8;color:#c73535}@media(max-width:1100px){.dashboard-cards,.add-product-form{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:850px){.sidebar{width:210px;min-width:210px}}@media(max-width:650px){.app-layout{flex-direction:column}.sidebar{width:100%;min-width:100%;min-height:auto;padding:15px}.sidebar-brand{padding:18px 18px 22px;margin-bottom:20px}.sidebar-nav{display:grid;grid-template-columns:repeat(2,1fr)}.page-content{padding:24px}.dashboard-cards,.add-product-form{grid-template-columns:1fr}.inventory-heading{align-items:flex-start;gap:10px}.main-content>header{padding:14px 16px!important}}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;appearance:textfield}.edit-btn{background:#2563eb;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-weight:600;transition:.2s}.edit-btn:hover{background:#1d4ed8}.recent-transactions-table{width:100%;margin-top:18px;overflow-x:auto;border:1px solid #e7ebf2;border-radius:10px}.recent-transactions-table table{width:100%;min-width:1050px;border-collapse:collapse}.recent-transactions-table th{padding:13px 14px;background:#f8fafc;color:#667085;border-bottom:1px solid #e7ebf2;font-size:15px;font-weight:700;text-transform:uppercase;letter-spacing:.35px;text-align:left;white-space:nowrap}.recent-transactions-table td{padding:14px;border-bottom:1px solid #edf0f4;color:#475467;font-size:13px;vertical-align:middle}.recent-transactions-table tbody tr:last-child td{border-bottom:none}.recent-transactions-table tbody tr:hover{background:#fafcff}.recent-transactions-table td strong{color:#172033;font-weight:700}.transaction-customer{color:#344054;font-weight:600}.transaction-items{display:flex;flex-direction:column;gap:3px;min-width:150px;max-width:220px}.transaction-items span{color:#344054;font-weight:500}.transaction-items small{color:#1557b0;font-weight:700}.payment-badge{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;background:#eef4ff;color:#1557b0;font-size:11px;font-weight:700;white-space:nowrap}.transaction-total{white-space:nowrap}.transaction-status{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:750;white-space:nowrap}.transaction-status.completed{background:#e8f7ef;color:#17834b}@media(max-width:850px){.recent-transactions-table{border-radius:8px}.recent-transactions-table table{min-width:950px}}.reminder-list{display:flex;flex-direction:column;gap:12px}.reminder-item{display:flex;align-items:flex-start;gap:12px;padding:12px;border-radius:8px;background:#f8f9fa}.reminder-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.reminder-item strong{display:block;margin-bottom:4px}.reminder-item small{display:block;color:#666}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000073;display:flex;justify-content:center;align-items:center;z-index:9999;overflow:hidden}.product-modal{background:#fff;width:95%;max-width:650px;max-height:90vh;overflow-y:auto;border-radius:12px;padding:24px;box-shadow:0 20px 60px #00000040}.status-badge{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:135px;padding:8px 14px;border-radius:999px;font-size:13px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;transition:.25s}.status-dot{width:10px;height:10px;border-radius:50%}.status-in-stock{background:#e9f9ef;color:#0f8a43;border:1px solid #bde5c8}.status-in-stock .status-dot{background:#0f8a43;box-shadow:0 0 10px #0f8a43}.status-low-stock{background:#fff7e6;color:#d97706;border:1px solid #ffd58a}.status-low-stock .status-dot{background:#f59e0b;box-shadow:0 0 10px #f59e0b}.status-out-of-stock{background:#fdecec;color:#dc2626;border:1px solid #f5b5b5}.status-out-of-stock .status-dot{background:#dc2626;box-shadow:0 0 10px #dc2626}.status-badge:hover{transform:scale(1.04)}.quantity-badge{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:32px;padding:0 12px;border-radius:999px;font-weight:700;font-size:14px;color:#fff}.quantity-good{background-color:#16a34a}.quantity-low{background-color:#f59e0b}.quantity-out{background-color:#dc2626}.inventory-page{width:100%;max-width:1400px;margin:0 auto;padding:28px 32px 40px;box-sizing:border-box}.inventory-page .page-heading{width:100%;margin-bottom:20px}.inventory-page .inventory-actions{width:100%;display:flex;justify-content:flex-end;align-items:center;margin-bottom:20px}.inventory-page .table-container{width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;box-sizing:border-box;-webkit-overflow-scrolling:touch;scrollbar-width:auto;cursor:grab}.inventory-page .table-container{width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;box-sizing:border-box;cursor:grab;user-select:none;-webkit-user-select:none;-webkit-overflow-scrolling:touch}.inventory-page .table-container:active{cursor:grabbing}.inventory-page .table-container::-webkit-scrollbar{height:14px}.inventory-page .table-container::-webkit-scrollbar-track{background:#e5e7eb;border-radius:8px}.inventory-page .table-container::-webkit-scrollbar-thumb{background:#1557b0;border-radius:8px;border:3px solid #e5e7eb}.inventory-page .table-container::-webkit-scrollbar-thumb:hover{background:#10488f}.inventory-page .table-container{scrollbar-width:auto;scrollbar-color:#1557b0 #e5e7eb}.inventory-page .product-table{width:max-content;min-width:1100px;border-collapse:collapse}@media(max-width:900px){.inventory-page{padding:24px 20px 35px}}@media(max-width:600px){.inventory-page{padding:20px 14px 30px}}.stock-status-badge{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:6px 10px;border-radius:999px;font-size:11px;font-weight:750;white-space:nowrap}.stock-status-in{background:#e8f7ef;color:#17834b}.stock-status-low{background:#fff4df;color:#b86a00}.stock-status-out{background:#fdecec;color:#c73535}.inventory-table-header{width:100%;margin-bottom:14px}.inventory-search{width:100%;max-width:520px;padding:12px 15px;box-sizing:border-box;border:1px solid #d9dfe9;border-radius:9px;background:#fff;color:#172033;font-size:14px;outline:none;transition:border-color .15s,box-shadow .15s}.inventory-search::placeholder{color:#98a2b3}.inventory-search:focus{border-color:#1557b0;box-shadow:0 0 0 3px #1557b01a}.inventory-expand{display:flex;justify-content:center;margin-top:16px}.inventory-expand-btn{border:1px solid #d9dfe9;background:#fff;color:#1557b0;padding:9px 18px;border-radius:8px;font-size:13px;font-weight:700;cursor:pointer;transition:background .15s,border-color .15s}.inventory-expand-btn:hover{background:#f1f6ff;border-color:#1557b0}.inventory-floating-scroll{width:100%;overflow-x:auto;overflow-y:hidden;height:16px;margin:10px 0 8px;position:sticky;top:70px;z-index:20;background:transparent;border-radius:8px;opacity:0;pointer-events:none;transition:opacity .25s ease;scrollbar-width:auto;scrollbar-color:#b8bec8 #eef0f3}.inventory-floating-scroll.is-visible{opacity:1;pointer-events:auto}.inventory-floating-scroll::-webkit-scrollbar{height:14px}.inventory-floating-scroll::-webkit-scrollbar-track{background:#eef0f3;border-radius:8px}.inventory-floating-scroll::-webkit-scrollbar-thumb{background:#b8bec8;border-radius:8px;border:3px solid #eef0f3}.inventory-floating-scroll::-webkit-scrollbar-thumb:hover{background:#9da5b1}.inventory-floating-scroll-content{height:1px;min-width:1100px}.inventory-page .table-container{cursor:grab;-webkit-user-select:none;user-select:none;overflow-x:auto;overflow-y:hidden}.inventory-page .table-container.dragging{cursor:grabbing}.inventory-page .table-container *{-webkit-user-select:none;user-select:none}.dashboard{width:100%;max-width:1500px;margin:0 auto;padding:4px 0 40px}.dashboard-welcome{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:22px;padding:4px 0}.dashboard-welcome>div:first-child{min-width:0}.dashboard-welcome h1{margin:0 0 5px;color:#172033;font-size:28px;line-height:1.2;font-weight:750;letter-spacing:-.4px}.dashboard-welcome p{margin:0;color:#7a8496;font-size:14px;line-height:1.5}.dashboard-header-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;justify-content:flex-end}.dashboard-header-actions button{border:1px solid #d9e0eb;background:#fff;color:#344054;padding:9px 13px;border-radius:8px;font-size:13px;font-weight:650;white-space:nowrap;transition:.18s ease}.dashboard-header-actions button:hover{border-color:#1557b0;color:#1557b0;background:#f4f8ff}.dashboard-header-actions .primary-action{background:#1557b0;border-color:#1557b0;color:#fff}.dashboard-header-actions .primary-action:hover{background:#10488f;border-color:#10488f;color:#fff}.dashboard-date{display:flex;flex-direction:column;align-items:flex-end;margin-bottom:4px}.dashboard-date strong{color:#344054;font-size:13px;font-weight:700}.dashboard-date span{color:#98a2b3;font-size:12px;margin-top:2px}.dashboard>.dashboard-cards{margin-top:0}.dashboard>.sales-error{margin-bottom:18px}@media(max-width:900px){.dashboard-welcome{align-items:flex-start;flex-direction:column}.dashboard-header-actions{width:100%;justify-content:flex-start}.dashboard-date{align-items:flex-start}}@media(max-width:600px){.dashboard{padding-bottom:25px}.dashboard-welcome{margin-bottom:18px}.dashboard-welcome h1{font-size:24px}.dashboard-header-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.dashboard-header-actions button{width:100%}}.dashboard-page{width:100%;max-width:1500px;margin:0 auto;padding:24px 32px 50px;box-sizing:border-box}.dashboard-page .dashboard-cards,.dashboard-page .dashboard-panel{width:100%}.dashboard-page>section{margin-top:22px}.dashboard-page>.dashboard-cards{margin-top:0}@media(min-width:1500px){.dashboard-page{padding-left:40px;padding-right:40px}}@media(max-width:900px){.dashboard-page{padding:20px 24px 40px}}@media(max-width:600px){.dashboard-page{padding:18px 16px 30px}}.dashboard-page .dashboard-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.dashboard-page .dashboard-card{position:relative;min-height:158px;padding:20px 21px;background:#fff;border:1px solid #e5eaf1;border-radius:14px;box-shadow:0 4px 16px #0f172a0b;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease}.dashboard-page .dashboard-card:before{content:"";position:absolute;left:-1px;top:12px;bottom:12px;width:2px;border-radius:2px}.dashboard-page .dashboard-card:hover{transform:translateY(-6px);box-shadow:0 14px 30px #0f172a1f;border-color:#d6e4ff}.dashboard-page .dashboard-card:hover .dashboard-card-icon{transform:scale(1.08) rotate(-5deg)}.dashboard-page .dashboard-card-top{display:flex;align-items:center;justify-content:flex-start;gap:12px;width:100%}.dashboard-page .dashboard-card-icon{transition:transform .25s ease;width:46px;height:46px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:12px;background:#eef4ff;color:#1557b0;font-size:24px;transition:all .2s ease}.dashboard-page .dashboard-card-sales .dashboard-card-icon{background:#e8f1ff;color:#1557b0}.dashboard-page .dashboard-card-cogs .dashboard-card-icon{background:#f3e8ff;color:#7c3aed}.dashboard-page .dashboard-card-profit .dashboard-card-icon{background:#dcfce7;color:#16a34a}.dashboard-page .dashboard-card-expenses .dashboard-card-icon{background:#fef3c7;color:#f59e0b}.dashboard-page .dashboard-card-net-profit .dashboard-card-icon{background:#d1fae5;color:#059669}.dashboard-page .dashboard-card-customers .dashboard-card-icon{background:#cffafe;color:#0891b2}.dashboard-page .dashboard-card-low-stock .dashboard-card-icon{background:#fee2e2;color:#dc2626}.dashboard-page .dashboard-card-stock-value .dashboard-card-icon{background:#e2e8f0;color:#475569}.dashboard-page .dashboard-card-label{margin-left:0;color:#667085;font-size:12px;font-weight:700;text-align:left;white-space:nowrap}.dashboard-page .dashboard-card-value{margin-top:13px;font-size:21px;line-height:1.15;font-weight:700;letter-spacing:-.15px;white-space:nowrap}.dashboard-page .dashboard-card-subtitle{margin-top:8px;color:#98a2b3;font-size:12px;line-height:1.4;font-weight:500}.dashboard-page .dashboard-card-sales:before{background:#1557b0}.dashboard-page .dashboard-card-cogs:before{background:#7c3aed}.dashboard-page .dashboard-card-profit:before{background:#16a34a}.dashboard-page .dashboard-card-expenses:before{background:#f59e0b}.dashboard-page .dashboard-card-net-profit:before{background:#059669}.dashboard-page .dashboard-card-customers:before{background:#0891b2}.dashboard-page .dashboard-card-low-stock:before{background:#dc2626}.dashboard-page .dashboard-card-stock-value:before{background:#475569}.dashboard-page .dashboard-card-net-profit .dashboard-card-value{color:#166534}.dashboard-page .dashboard-card-low-stock .dashboard-card-value{color:#dc2626}@media(max-width:1100px){.dashboard-page .dashboard-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.dashboard-page .dashboard-cards{grid-template-columns:1fr;gap:14px}.dashboard-page .dashboard-card{min-height:145px}}.dashboard-page .recent-sales{margin-top:22px;padding:0;background:#fff;border:1px solid #e5eaf1;border-radius:14px;box-shadow:0 4px 16px #0f172a0b;overflow:hidden}.dashboard-page .recent-sales .panel-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 22px;border-bottom:1px solid #edf0f4}.dashboard-page .recent-sales .panel-header h2{margin:0;color:#172033;font-size:17px;font-weight:750}.dashboard-page .recent-sales .panel-header p{margin:5px 0 0;color:#98a2b3;font-size:12px}.dashboard-page .recent-sales .panel-header button{border:1px solid #d9e0eb;background:#fff;color:#1557b0;padding:8px 13px;border-radius:8px;font-size:12px;font-weight:700;transition:.18s ease}.dashboard-page .recent-sales .panel-header button:hover{background:#eef4ff;border-color:#1557b0}.dashboard-page .recent-transactions-table{width:100%;margin-top:0;overflow-x:auto;border:none;border-radius:0}.dashboard-page .recent-transactions-table table{width:100%;min-width:1050px;border-collapse:collapse}.dashboard-page .recent-transactions-table th{padding:12px 14px;background:#f8fafc;color:#667085;border-bottom:1px solid #e5eaf1;font-size:15px;font-weight:700;text-transform:uppercase;letter-spacing:.45px;text-align:left;white-space:nowrap}.dashboard-page .recent-transactions-table td{padding:14px;color:#475467;border-bottom:1px solid #edf0f4;font-size:13px;vertical-align:middle;white-space:nowrap}.dashboard-page .recent-transactions-table tbody tr{transition:background .15s ease}.dashboard-page .recent-transactions-table tbody tr:hover{background:#fafcff}.dashboard-page .recent-transactions-table tbody tr:last-child td{border-bottom:none}.dashboard-page .recent-transactions-table td strong{color:#172033;font-weight:700}.dashboard-page .recent-transactions-table td:nth-child(4){color:#344054;font-weight:600}.dashboard-page .recent-transactions-table td:nth-child(5){color:#172033;font-weight:700}.dashboard-page .recent-transactions-table .transaction-total{color:#1557b0;font-weight:800}.dashboard-page .recent-transactions-table .payment-badge{display:inline-flex;align-items:center;padding:5px 10px;border-radius:999px;background:#eef4ff;border:1px solid #dbe7ff;color:#1557b0;font-size:10px;font-weight:800;white-space:nowrap}.dashboard-page .recent-sales .empty-state{padding:45px 20px;text-align:center}.dashboard-page .recent-sales .empty-state-icon{margin-bottom:10px;color:#98a2b3;font-size:26px}.dashboard-page .recent-sales .empty-state h3{margin:0;color:#344054;font-size:15px}.dashboard-page .recent-sales .empty-state p{margin:6px 0 0;color:#98a2b3;font-size:12px}@media(max-width:600px){.dashboard-page .recent-sales .panel-header{padding:17px}.dashboard-page .recent-transactions-table td{padding:12px}}.dashboard-page .quick-reminders{margin-top:22px;padding:0;background:#fff;border:1px solid #e5eaf1;border-radius:14px;box-shadow:0 4px 16px #0f172a0b;overflow:hidden}.dashboard-page .quick-reminders .panel-header,.dashboard-page .low-stock-alert .panel-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 22px;border-bottom:1px solid #edf0f4}.dashboard-page .quick-reminders .panel-header h2,.dashboard-page .low-stock-alert .panel-header h2{margin:0;color:#172033;font-size:17px;font-weight:750}.dashboard-page .quick-reminders .panel-header p,.dashboard-page .low-stock-alert .panel-header p{margin:5px 0 0;color:#98a2b3;font-size:12px}.dashboard-page .quick-reminders .panel-header button,.dashboard-page .low-stock-alert .panel-header button{border:1px solid #d9e0eb;background:#fff;color:#1557b0;padding:8px 13px;border-radius:8px;font-size:12px;font-weight:700;transition:.18s ease}.dashboard-page .quick-reminders .panel-header button:hover,.dashboard-page .low-stock-alert .panel-header button:hover{background:#eef4ff;border-color:#1557b0}.dashboard-page .quick-reminders .reminder-list{display:flex;flex-direction:column;gap:10px;padding:18px 22px 22px}.dashboard-page .quick-reminders .reminder-item{display:flex;align-items:center;gap:13px;padding:13px 14px;border:1px solid #edf0f4;border-radius:10px;background:#fafbfd;transition:.18s ease}.dashboard-page .quick-reminders .reminder-item:hover{background:#f7faff;border-color:#dfe7f2}.dashboard-page .quick-reminders .reminder-icon{width:34px;height:34px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#eef4ff;color:#1557b0;font-size:15px;font-weight:800}.dashboard-page .quick-reminders .reminder-item strong{display:block;margin-bottom:3px;color:#344054;font-size:13px;font-weight:750}.dashboard-page .quick-reminders .reminder-item small{display:block;color:#98a2b3;font-size:12px;line-height:1.4}.dashboard-page .quick-reminders .reminder-warning{background:#fffaf0;border-color:#f8e5b8}.dashboard-page .quick-reminders .reminder-warning .reminder-icon{background:#fff1cc;color:#c77700}.dashboard-page .quick-reminders .reminder-success{background:#f4fbf7;border-color:#d7efdf}.dashboard-page .quick-reminders .reminder-success .reminder-icon{background:#e4f7eb;color:#16834b}.dashboard-page .low-stock-alert{margin-top:22px;padding:0;background:#fff;border:1px solid #e5eaf1;border-radius:14px;box-shadow:0 4px 16px #0f172a0b;overflow:hidden}.dashboard-page .low-stock-alert .low-stock-list{display:flex;flex-direction:column;padding:6px 22px 22px}.dashboard-page .low-stock-alert .low-stock-item{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 4px;border-bottom:1px solid #edf0f4}.dashboard-page .low-stock-alert .low-stock-item:last-child{border-bottom:none}.dashboard-page .low-stock-alert .low-stock-item strong{display:block;color:#344054;font-size:13px;font-weight:750}.dashboard-page .low-stock-alert .low-stock-item small{display:block;margin-top:4px;color:#98a2b3;font-size:11px}.dashboard-page .low-stock-alert .low-stock-item>span{display:inline-flex;align-items:center;justify-content:center;min-width:68px;padding:6px 10px;border-radius:999px;background:#fff4df;border:1px solid #f6dca8;color:#b86a00;font-size:11px;font-weight:800;white-space:nowrap}.dashboard-page .low-stock-alert .empty-state{padding:30px 20px;text-align:center}.dashboard-page .low-stock-alert .empty-state strong{display:block;color:#344054;font-size:14px}.dashboard-page .low-stock-alert .empty-state p{margin:6px 0 0;color:#98a2b3;font-size:12px}@media(max-width:600px){.dashboard-page .quick-reminders .panel-header,.dashboard-page .low-stock-alert .panel-header{padding:17px}.dashboard-page .quick-reminders .reminder-list{padding:15px 17px 18px}.dashboard-page .low-stock-alert .low-stock-list{padding:4px 17px 18px}}.dashboard-page .business-summary{margin-top:22px;padding:0;background:#fff;border:1px solid #e5eaf1;border-radius:14px;box-shadow:0 4px 16px #0f172a0b;overflow:hidden}.dashboard-page .business-summary .panel-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 22px;border-bottom:1px solid #edf0f4}.dashboard-page .business-summary .panel-header h2{margin:0;color:#172033;font-size:17px;font-weight:750}.dashboard-page .business-summary .panel-header p{margin:5px 0 0;color:#98a2b3;font-size:12px}.dashboard-page .business-summary .panel-header button{border:1px solid #d9e0eb;background:#fff;color:#1557b0;padding:8px 13px;border-radius:8px;font-size:12px;font-weight:700;transition:.18s ease}.dashboard-page .business-summary .panel-header button:hover{background:#eef4ff;border-color:#1557b0}.dashboard-page .business-summary-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}.dashboard-page .summary-item{position:relative;padding:22px 20px;border-right:1px solid #edf0f4}.dashboard-page .summary-item:last-child{border-right:none}.dashboard-page .summary-item span{display:block;margin-bottom:9px;color:#667085;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.35px}.dashboard-page .summary-item strong{display:block;color:#172033;font-size:19px;line-height:1.2;font-weight:800;white-space:nowrap}.dashboard-page .summary-item:nth-child(1) strong{color:#1557b0}.dashboard-page .summary-item:nth-child(2) strong{color:#16834b}.dashboard-page .summary-item:nth-child(3) strong{color:#c77700}.dashboard-page .summary-item:nth-child(4) strong{color:#07834f}.dashboard-page .summary-item:nth-child(5) strong{color:#475569}.dashboard-page .summary-item{transition:background .18s ease}.dashboard-page .summary-item:hover{background:#fafcff}@media(max-width:1100px){.dashboard-page .business-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-page .summary-item:nth-child(3){border-right:none}}@media(max-width:700px){.dashboard-page .business-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-page .summary-item{border-bottom:1px solid #edf0f4}.dashboard-page .summary-item:nth-child(2),.dashboard-page .summary-item:nth-child(4){border-right:none}.dashboard-page .summary-item:last-child{grid-column:1 / -1;border-bottom:none}}@media(max-width:600px){.dashboard-page .business-summary .panel-header{padding:17px}.dashboard-page .summary-item{padding:18px 15px}.dashboard-page .summary-item strong{font-size:17px}}.dashboard-page .quick-actions{margin-top:22px;padding:0;background:#fff;border:1px solid #e5eaf1;border-radius:14px;box-shadow:0 4px 16px #0f172a0b;overflow:hidden}.dashboard-page .quick-actions .panel-header{padding:20px 22px;border-bottom:1px solid #edf0f4}.dashboard-page .quick-actions .panel-header h2{margin:0;color:#172033;font-size:17px;font-weight:750}.dashboard-page .quick-actions .panel-header p{margin:5px 0 0;color:#98a2b3;font-size:12px}.dashboard-page .quick-action-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:18px 22px 22px}.dashboard-page .quick-action-list button{display:flex;align-items:center;gap:13px;width:100%;min-height:72px;padding:13px 14px;border:1px solid #e5eaf1;border-radius:11px;background:#fafbfd;color:#344054;text-align:left;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}.dashboard-page .quick-action-list button:hover{transform:translateY(-2px);background:#fff;border-color:#cbd9ee;box-shadow:0 5px 15px #0f172a12}.dashboard-page .quick-action-list .action-icon{width:40px;height:40px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#eef4ff;color:#1557b0;font-size:18px;font-weight:800}.dashboard-page .quick-action-list button>span:nth-child(2){display:flex;flex-direction:column;min-width:0;flex:1}.dashboard-page .quick-action-list button strong{color:#344054;font-size:13px;font-weight:750}.dashboard-page .quick-action-list button small{margin-top:4px;color:#98a2b3;font-size:11px;line-height:1.3}.dashboard-page .quick-action-list .action-arrow{flex-shrink:0;color:#98a2b3;font-size:18px;font-weight:600;transition:transform .18s ease,color .18s ease}.dashboard-page .quick-action-list button:hover .action-arrow{color:#1557b0;transform:translate(3px)}.dashboard-page .quick-action-list button:first-child{border-color:#cfe0fb;background:#f5f9ff}.dashboard-page .quick-action-list button:first-child .action-icon{background:#1557b0;color:#fff}.dashboard-page .quick-action-list button:first-child:hover{border-color:#1557b0;background:#f1f6ff}@media(max-width:900px){.dashboard-page .quick-action-list{grid-template-columns:1fr}}@media(max-width:600px){.dashboard-page .quick-actions .panel-header{padding:17px}.dashboard-page .quick-action-list{padding:15px 17px 18px}}.dashboard-page .system-status{margin-top:22px;margin-bottom:10px;padding:0;background:#fff;border:1px solid #e5eaf1;border-radius:14px;box-shadow:0 4px 16px #0f172a0b;overflow:hidden}.dashboard-page .system-status .panel-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 22px;border-bottom:1px solid #edf0f4}.dashboard-page .system-status .panel-header h2{margin:0;color:#172033;font-size:17px;font-weight:750}.dashboard-page .system-status .panel-header p{margin:5px 0 0;color:#98a2b3;font-size:12px}.dashboard-page .system-status .panel-header button{border:1px solid #d9e0eb;background:#fff;color:#1557b0;padding:8px 13px;border-radius:8px;font-size:12px;font-weight:700;transition:.18s ease}.dashboard-page .system-status .panel-header button:hover{background:#eef4ff;border-color:#1557b0}.dashboard-page .system-status-list{display:flex;flex-direction:column}.dashboard-page .system-status-item{display:flex;align-items:center;gap:13px;padding:16px 22px;border-bottom:1px solid #edf0f4}.dashboard-page .system-status-item:last-child{border-bottom:none}.dashboard-page .system-status-item .status-indicator{width:10px;height:10px;flex-shrink:0;border-radius:50%;color:#16a34a;font-size:0;background:#16a34a;box-shadow:0 0 0 4px #e9f9ef}.dashboard-page .system-status-item>div{display:flex;flex-direction:column;flex:1;min-width:0}.dashboard-page .system-status-item strong{color:#344054;font-size:13px;font-weight:750}.dashboard-page .system-status-item small{margin-top:3px;color:#98a2b3;font-size:11px}.dashboard-page .system-status-item .status-text{padding:5px 10px;border-radius:999px;background:#e9f9ef;color:#16834b;border:1px solid #ccebd7;font-size:10px;font-weight:800;white-space:nowrap}@media(max-width:600px){.dashboard-page .system-status .panel-header{padding:17px}.dashboard-page .system-status-item{padding:14px 17px;gap:11px}.dashboard-page .system-status-item small{line-height:1.35}}.sidebar .sidebar-toggle{width:36px;height:36px;flex:0 0 36px;font-size:17px;border-radius:8px}.inventory-page .add-product-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border:1px solid #cfe0fb;border-radius:11px;background:#f5f9ff;color:#1557b0;font-size:14px;font-weight:700;cursor:pointer;box-shadow:0 3px 10px #0f172a0d;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}.inventory-page .add-product-btn:hover{transform:translateY(-2px);background:#fff;border-color:#1557b0;box-shadow:0 5px 15px #0f172a14}.buying-price{color:#1557b0!important;font-weight:600}.product-form-page{width:100%;max-width:100%;margin:0 0 24px;padding:24px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-sizing:border-box}.form-field{margin-bottom:18px}.form-field label{display:block;margin-bottom:7px;font-size:14px;font-weight:600;color:#374151}.form-field input{width:100%;height:42px;padding:0 12px;border:1px solid #d1d5db;border-radius:8px;outline:none;box-sizing:border-box;font-size:14px;background:#fff}.form-field input:focus{border-color:#1557b0;box-shadow:0 0 0 3px #1557b014}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:8px}.cancel-btn,.save-product-btn{height:40px;padding:0 18px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer}.cancel-btn{border:1px solid #d1d5db;background:#fff;color:#374151}.save-product-btn{border:none;background:#1557b0;color:#fff}.save-product-btn:disabled{opacity:.6;cursor:not-allowed}.product-form-page{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}.product-form-page .form-field{margin-bottom:18px}.product-form-page .modal-actions{grid-column:1 / -1}.archived-product-row{opacity:.65;background:#f8fafc}.archived-product-row td{color:#64748b}.archived-product-row .activate-btn{border:1px solid #1557b0;background:#fff;color:#1557b0;padding:7px 14px;border-radius:7px;font-size:13px;font-weight:600;cursor:pointer}.recent-sales{width:100%;overflow:hidden}.transactions-toolbar{width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 20px;box-sizing:border-box;border-top:1px solid #edf1f7;border-bottom:1px solid #edf1f7;background:#fff;flex-wrap:wrap}.transactions-search{position:relative;flex:1;min-width:280px;max-width:560px}.transactions-search .search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:14px;pointer-events:none;opacity:.5}.transactions-search input{width:100%;height:42px;box-sizing:border-box;border:1px solid #dfe5ee;border-radius:8px;background:#f9fafc;color:#172033;padding:0 14px 0 40px;font-size:13px;font-weight:500;outline:none;transition:all .2s ease}.transactions-search input::placeholder{color:#98a2b3;font-weight:400}.transactions-search input:hover{border-color:#c8d2df;background:#fff}.transactions-search input:focus{background:#fff;border-color:#1557b0;box-shadow:0 0 0 3px #1557b014}.transaction-filter-group{display:flex;align-items:center;gap:8px}.transaction-filter-group select{height:42px;min-width:150px;padding:0 34px 0 13px;border:1px solid #dfe5ee;border-radius:8px;background:#f9fafc;color:#344054;font-size:13px;font-weight:600;cursor:pointer;outline:none;transition:all .2s ease}.transaction-filter-group select:hover{border-color:#c8d2df;background:#fff}.transaction-filter-group select:focus{border-color:#1557b0;background:#fff;box-shadow:0 0 0 3px #1557b014}.reset-filter-btn{height:42px;padding:0 16px;border:1px solid #dfe5ee;border-radius:8px;background:#fff;color:#1557b0;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.reset-filter-btn:hover{background:#f5f8fc;border-color:#1557b0}.reset-filter-btn:active{transform:translateY(1px)}.custom-date-toolbar{display:flex;align-items:flex-end;gap:12px;padding:15px 20px;background:#fafbfd;border-bottom:1px solid #edf1f7;box-sizing:border-box}.custom-date-toolbar>div{display:flex;flex-direction:column;gap:5px}.custom-date-toolbar label{font-size:10px;font-weight:700;color:#667085;text-transform:uppercase;letter-spacing:.06em}.custom-date-toolbar input{height:40px;padding:0 11px;border:1px solid #dfe5ee;border-radius:8px;background:#fff;color:#344054;font-size:13px;outline:none;transition:all .2s ease}.custom-date-toolbar input:focus{border-color:#1557b0;box-shadow:0 0 0 3px #1557b014}.apply-filter-btn{height:40px;padding:0 18px;border:none;border-radius:8px;background:#1557b0;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.apply-filter-btn:hover{background:#104895;box-shadow:0 3px 8px #1557b02e}.apply-filter-btn:active{transform:translateY(1px)}.apply-filter-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.transactions-table-wrapper{width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;box-sizing:border-box;background:#fff;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#c5cedb #f3f5f8}.transactions-table-wrapper::-webkit-scrollbar{height:8px}.transactions-table-wrapper::-webkit-scrollbar-track{background:#f3f5f8}.transactions-table-wrapper::-webkit-scrollbar-thumb{background:#c5cedb;border-radius:10px}.transactions-table-wrapper::-webkit-scrollbar-thumb:hover{background:#aeb9c8}.transactions-table{width:max-content;min-width:1350px;border-collapse:separate;border-spacing:0;font-size:13px;color:#263247;background:#fff}.transactions-table thead th{position:sticky;top:0;z-index:2;background:#f7f9fc;color:#667085;font-size:10px;font-weight:800;letter-spacing:.07em;text-align:left;padding:13px 18px;border-bottom:1px solid #e2e7ef;white-space:nowrap}.transactions-table thead th:first-child{padding-left:20px}.transactions-table th:nth-child(1),.transactions-table td:nth-child(1){min-width:135px;width:135px}.transactions-table th:nth-child(2),.transactions-table td:nth-child(2){min-width:175px;width:175px}.transactions-table td:nth-child(3),.transactions-table th:nth-child(3){min-width:180px;width:180px}.transactions-table td:nth-child(4),.transactions-table th:nth-child(4){width:120px;min-width:120px}.transactions-table th:nth-child(5),.transactions-table td:nth-child(5){min-width:115px;width:115px}.transactions-table th:nth-child(6),.transactions-table td:nth-child(6){min-width:260px;width:260px}.transactions-table th:nth-child(7),.transactions-table td:nth-child(7){min-width:150px;width:150px}.transactions-table th:nth-child(8),.transactions-table td:nth-child(8){min-width:160px;width:160px}.transactions-table tbody td{padding:16px 18px;border-bottom:1px solid #eef1f5;vertical-align:middle;line-height:1.45;background:#fff}.transactions-table tbody tr{background:#fff;transition:background .15s ease}.transactions-table tbody tr:hover td{background:#f8fbff}.transactions-table tbody td.transaction-date-cell{white-space:nowrap}.transactions-table tbody td.transaction-date-cell strong{display:block;color:#344054;font-size:12px;font-weight:700}.transactions-table tbody td.transaction-date-cell small{display:block;margin-top:4px;color:#98a2b3;font-size:11px;font-weight:500}.transactions-table tbody td.receipt-cell{white-space:nowrap}.transactions-table tbody td.receipt-cell strong{display:inline-flex;align-items:center;min-height:26px;padding:0 9px;border-radius:6px;background:#eef5ff;color:#1557b0;font-size:12px;font-weight:700;white-space:nowrap}.transactions-table tbody td.product-cell{color:#1f2937;font-size:13px;font-weight:600;white-space:normal;overflow-wrap:anywhere}.transactions-table tbody td.sku-cell{color:#667085;font-family:Courier New,monospace;font-size:12px;font-weight:600;white-space:nowrap}.transactions-table tbody td.quantity-cell{color:#344054;font-size:12px;font-weight:700;white-space:nowrap}.transactions-table tbody td.payment-cell{color:#475467;font-size:12px;font-weight:500;line-height:1.7;white-space:normal;max-width:300px}.transactions-table tbody td.amount-cell{white-space:nowrap}.transactions-table tbody td.amount-cell strong{color:#172033;font-size:13px;font-weight:800;white-space:nowrap}.transactions-table tbody td.cashier-cell{color:#475467;font-size:13px;font-weight:600;white-space:nowrap}.transactions-table .no-transactions{text-align:center!important;padding:50px 20px!important;color:#98a2b3!important;font-size:13px;font-weight:500;background:#fff}.transactions-toggle{display:flex;justify-content:center;align-items:center;width:100%;padding:17px 20px 20px;background:#fff;border-top:1px solid #f1f3f6}.transactions-toggle button{width:auto;min-width:150px;height:auto;border:1px solid #d9e1eb;border-radius:8px;background:#fff;color:#1557b0;padding:10px 18px;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s ease}.transactions-toggle button:hover{background:#f4f8fd;border-color:#1557b0;box-shadow:0 3px 8px #1557b014}.transactions-toggle button:active{transform:translateY(1px)}@media(max-width:768px){.transactions-toolbar{align-items:stretch;flex-direction:column;padding:14px}.transactions-search{width:100%;max-width:none;min-width:0}.transaction-filter-group{width:100%}.transaction-filter-group select{flex:1;min-width:0}.custom-date-toolbar{flex-wrap:wrap;padding:14px}.custom-date-toolbar>div{flex:1;min-width:140px}.transactions-table{min-width:1350px}}.cart-item-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px}.cart-sku{display:block;margin-top:6px;color:#64748b;font-size:14px}.cart-item-total{font-size:30px;font-weight:800;color:#1557b0;white-space:nowrap;flex-shrink:0}.cart-fields{display:grid;grid-template-columns:repeat(2,minmax(140px,1fr));gap:18px;margin-top:18px}.cart-field{display:flex;flex-direction:column}.cart-field label{margin-bottom:6px;font-size:13px;font-weight:700;color:#475569}.cart-footer{margin-top:18px;display:flex;justify-content:space-between;align-items:center}.remove-btn{background:#ef4444;color:#fff;border:none;border-radius:8px;padding:10px 18px;cursor:pointer;font-weight:600}.remove-btn:hover{background:#dc2626}.products-panel{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;margin-bottom:20px}.products-header h2{margin:0;font-size:22px;font-weight:700}.products-header span{background:#eef2ff;color:#2563eb;padding:6px 10px;border-radius:999px;font-size:14px;font-weight:600}.search-input{width:100%;padding:12px 16px;border:1px solid #d1d5db;border-radius:10px;font-size:15px;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.search-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.products-table{width:100%;border-collapse:collapse}.products-table th{background:#f8fafc;padding:14px 12px;text-align:left;border-bottom:2px solid #e5e7eb}.products-table td{padding:14px 12px;border-bottom:1px solid #eef2f7}.add-product-btn{background:#2563eb;color:#fff;border:none;padding:8px 14px;border-radius:8px;cursor:pointer;font-weight:600}.add-product-btn:hover:not(:disabled){background:#1d4ed8}.add-product-btn:disabled{background:#cbd5e1;cursor:not-allowed}.products-table-wrapper,.current-sale-table-wrapper{overflow-x:auto}.products-table,.current-sale-table{min-width:700px}.products-panel,.current-sale-card,.checkout-card{margin-bottom:20px}@media(max-width:992px){.products-header,.current-sale-header{flex-wrap:wrap;gap:10px}.checkout-summary-grid{grid-template-columns:1fr}}@media(max-width:768px){.products-panel,.current-sale-card,.checkout-card{padding:14px}.search-input{font-size:16px}.qty-table-input,.price-table-input{width:70px}}@media(max-width:480px){.sales-header h2{font-size:22px}.products-header h2,.current-sale-header h2{font-size:20px}}.dashboard-page .dashboard-kpi-section{width:100%;margin:0}.dashboard-page .dashboard-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;width:100%}.dashboard-page .dashboard-card-icon{width:22px;height:22px;flex:0 0 22px;display:flex;align-items:center;justify-content:center;font-size:18px}.dashboard-page .dashboard-card-top{display:flex;align-items:center;gap:8px;width:100%}.dashboard-page .dashboard-card-icon{width:24px;height:24px;flex:0 0 24px;display:flex;align-items:center;justify-content:center;font-size:18px;background:transparent}.dashboard-page .dashboard-card-label{font-size:13px;font-weight:400;color:#5b6473}.dashboard-page .dashboard-card-value{margin-top:14px;font-size:22px;line-height:1.1;font-weight:700;letter-spacing:-.2px}.dashboard-page .dashboard-card-subtitle{margin-top:7px;font-size:11px;font-weight:400;color:#8b93a3}.dashboard-page .dashboard-card-gross-sales{border-color:#4a86e8}.dashboard-page .dashboard-card-gross-sales .dashboard-card-icon,.dashboard-page .dashboard-card-gross-sales .dashboard-card-value{color:#2f6fce}.dashboard-page .dashboard-card-refunds{border-color:#bd765e}.dashboard-page .dashboard-card-refunds .dashboard-card-icon,.dashboard-page .dashboard-card-refunds .dashboard-card-value{color:#a85f49}.dashboard-page .dashboard-card-net-sales{border-color:#4fa878}.dashboard-page .dashboard-card-net-sales .dashboard-card-icon,.dashboard-page .dashboard-card-net-sales .dashboard-card-value{color:#2f8b57}.dashboard-page .dashboard-card-cogs{border-color:#9b6ddd}.dashboard-page .dashboard-card-cogs .dashboard-card-icon,.dashboard-page .dashboard-card-cogs .dashboard-card-value{color:#7446b5}.dashboard-page .dashboard-card-gross-profit{border-color:#4fa878}.dashboard-page .dashboard-card-gross-profit .dashboard-card-icon,.dashboard-page .dashboard-card-gross-profit .dashboard-card-value{color:#2f8b57}.dashboard-page .dashboard-card-expenses{border-color:#d08a68}.dashboard-page .dashboard-card-expenses .dashboard-card-icon,.dashboard-page .dashboard-card-expenses .dashboard-card-value{color:#b66a4b}.dashboard-page .dashboard-card-net-profit{border-color:#4fa878}.dashboard-page .dashboard-card-net-profit .dashboard-card-icon,.dashboard-page .dashboard-card-net-profit .dashboard-card-value{color:#2f8b57}.dashboard-page .dashboard-card-customers-served{border-color:#4d9fc1}.dashboard-page .dashboard-card-customers-served .dashboard-card-icon,.dashboard-page .dashboard-card-customers-served .dashboard-card-value{color:#287da3}.dashboard-page .dashboard-card-low-stock{border-color:#db6b6b}.dashboard-page .dashboard-card-low-stock .dashboard-card-icon,.dashboard-page .dashboard-card-low-stock .dashboard-card-value{color:#c84242}.dashboard-page .dashboard-card-stock-value{border-color:#aab2bc}.dashboard-page .dashboard-card-stock-value .dashboard-card-icon,.dashboard-page .dashboard-card-stock-value .dashboard-card-value{color:#4e5966}.dashboard-page .dashboard-card-transactions{border-color:#4a86e8}.dashboard-page .dashboard-card-transactions .dashboard-card-icon,.dashboard-page .dashboard-card-transactions .dashboard-card-value{color:#2f6fce}.dashboard-page .dashboard-card-items-returned{border-color:#9b6ddd}.dashboard-page .dashboard-card-items-returned .dashboard-card-icon,.dashboard-page .dashboard-card-items-returned .dashboard-card-value{color:#7446b5}.suppliers-page{width:100%;max-width:1500px;margin:0 auto;padding:24px 32px 50px;box-sizing:border-box}.suppliers-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.suppliers-header h1{margin:0;color:#172033;font-size:27px;line-height:1.25;font-weight:700;letter-spacing:-.3px}.suppliers-header p{margin:5px 0 0;color:#7a8496;font-size:13px;line-height:1.5}.supplier-add-top-btn{min-height:40px;padding:9px 16px;border:1px solid #1557b0;border-radius:8px;background:#1557b0;color:#fff;font-family:Segoe UI,Arial,sans-serif;font-size:13px;font-weight:700;white-space:nowrap;cursor:pointer;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease}.supplier-add-top-btn:hover{background:#10488f;border-color:#10488f;box-shadow:0 3px 8px #1557b02e}.supplier-dropdown-card{width:100%;margin-bottom:20px;background:#fff;border:1px solid #dfe5ee;border-radius:12px;box-shadow:0 5px 18px #0f172a12;overflow:hidden;animation:supplierDropdownOpen .18s ease}@keyframes supplierDropdownOpen{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.supplier-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:17px 20px;border-bottom:1px solid #edf0f4;background:#fff}.supplier-dropdown-header h2{margin:0;color:#172033;font-size:16px;line-height:1.3;font-weight:700}.supplier-dropdown-header p{margin:4px 0 0;color:#8a94a6;font-size:12px}.supplier-dropdown-form{width:100%;padding:18px 20px 20px;box-sizing:border-box}.supplier-table-form-wrapper{width:100%;overflow-x:auto}.supplier-form-table{width:100%;min-width:760px;border-collapse:separate;border-spacing:0;border:1px solid #e1e6ee;border-radius:9px;overflow:hidden}.supplier-form-table th{padding:11px 13px;background:#f7f9fc;color:#667085;border-bottom:1px solid #e1e6ee;font-size:11px;font-weight:700;letter-spacing:.35px;text-align:left;white-space:nowrap}.supplier-form-table td{padding:10px;background:#fff;border-right:1px solid #edf0f4}.supplier-form-table td:last-child{border-right:none}.supplier-form-table input{width:100%;height:40px;padding:0 11px;border:1px solid #d7dee9;border-radius:7px;background:#fff;color:#172033;font-family:Segoe UI,Arial,sans-serif;font-size:13px;outline:none;box-sizing:border-box;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.supplier-form-table input::placeholder{color:#a0a9b8}.supplier-form-table input:hover{border-color:#c5cfdd}.supplier-form-table input:focus{border-color:#1557b0;background:#fff;box-shadow:0 0 0 3px #1557b014}.supplier-dropdown-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;margin-top:15px}.supplier-save-btn,.supplier-cancel-btn{min-height:38px;padding:8px 15px;border-radius:7px;font-family:Segoe UI,Arial,sans-serif;font-size:12px;font-weight:700;cursor:pointer;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease}.supplier-save-btn{border:1px solid #1557b0;background:#1557b0;color:#fff}.supplier-save-btn:hover{background:#10488f;border-color:#10488f;box-shadow:0 3px 8px #1557b029}.supplier-cancel-btn{border:1px solid #d5dce7;background:#fff;color:#475467}.supplier-cancel-btn:hover{background:#f7f9fc;border-color:#c5cedb}.supplier-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:18px}.supplier-summary-card{display:flex;align-items:center;gap:11px;min-height:62px;padding:10px 14px;background:#fff;border:1px solid #e1e6ee;border-radius:10px;box-shadow:0 2px 8px #0f172a08}.supplier-summary-icon{width:34px;height:34px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:8px;background:#eef4ff;color:#1557b0;font-size:16px}.supplier-summary-card span{display:block;color:#667085;font-size:10px;font-weight:600;line-height:1.2}.supplier-summary-card strong{display:block;margin-top:3px;color:#172033;font-size:17px;line-height:1.1;font-weight:700}.supplier-list-card{width:100%;background:#fff;border:1px solid #e1e6ee;border-radius:12px;box-shadow:0 3px 12px #0f172a09;overflow:hidden}.supplier-list-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 20px;border-bottom:1px solid #edf0f4}.supplier-list-header h2{margin:0;color:#172033;font-size:16px;line-height:1.3;font-weight:700}.supplier-list-header p{margin:4px 0 0;color:#8a94a6;font-size:12px}.supplier-search-box{position:relative;width:320px;max-width:100%;display:flex;align-items:center}.supplier-search-box>span{position:absolute;left:12px;color:#98a2b3;font-size:13px;pointer-events:none}.supplier-search-box input{width:100%;height:39px;padding:0 38px 0 34px;border:1px solid #d7dee9;border-radius:8px;background:#fff;color:#172033;font-family:Segoe UI,Arial,sans-serif;font-size:12px;outline:none;transition:border-color .18s ease,box-shadow .18s ease}.supplier-search-box input::placeholder{color:#9aa4b3}.supplier-search-box input:focus{border-color:#1557b0;box-shadow:0 0 0 3px #1557b012}.supplier-search-clear{position:absolute;right:7px;width:25px;height:25px;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:#eef1f5;color:#667085;font-size:16px;line-height:1;cursor:pointer}.supplier-search-clear:hover{background:#e3e8ef;color:#172033}.supplier-table-wrapper{width:100%;overflow-x:auto}.supplier-table{width:100%;min-width:850px;border-collapse:collapse}.supplier-table th{padding:11px 16px;background:#f7f9fc;color:#667085;border-bottom:1px solid #e1e6ee;font-size:11px;font-weight:700;letter-spacing:.4px;text-align:left;white-space:nowrap}.supplier-table td{padding:13px 16px;color:#475467;border-bottom:1px solid #edf0f4;font-size:12px;vertical-align:middle}.supplier-table tbody tr{transition:background .15s ease}.supplier-table tbody tr:hover{background:#fafcff}.supplier-table tbody tr:last-child td{border-bottom:none}.supplier-name-cell{display:flex;align-items:center;gap:10px;min-width:180px}.supplier-avatar{width:34px;height:34px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:9px;background:#eef4ff;color:#1557b0;font-size:13px;font-weight:800}.supplier-name-cell strong{color:#172033;font-size:12px;font-weight:700}.supplier-actions{display:flex;align-items:center;gap:7px}.supplier-edit-btn,.supplier-delete-btn{min-height:30px;padding:6px 10px;border-radius:6px;font-family:Segoe UI,Arial,sans-serif;font-size:11px;font-weight:700;cursor:pointer;transition:background .15s ease,border-color .15s ease}.supplier-edit-btn{border:1px solid #cfe0ff;background:#eef4ff;color:#1557b0}.supplier-edit-btn:hover{background:#dfeaff;border-color:#1557b0}.supplier-delete-btn{border:1px solid #f3c5c5;background:#fff5f5;color:#dc2626}.supplier-delete-btn:hover{background:#feecec;border-color:#dc2626}.supplier-empty{padding:48px 20px!important;text-align:center}.supplier-empty div{display:flex;flex-direction:column;align-items:center;gap:5px}.supplier-empty strong{color:#344054;font-size:13px;font-weight:700}.supplier-empty span{color:#98a2b3;font-size:11px}@media(max-width:900px){.suppliers-page{padding:20px 24px 40px}.suppliers-header{align-items:flex-start;flex-direction:column}.supplier-add-top-btn{align-self:flex-start}.supplier-list-header{align-items:flex-start;flex-direction:column}.supplier-search-box{width:100%}}@media(max-width:650px){.suppliers-page{padding:18px 16px 30px}.suppliers-header{margin-bottom:16px}.suppliers-header h1{font-size:23px}.suppliers-header p{font-size:12px}.supplier-add-top-btn{width:100%}.supplier-summary{grid-template-columns:1fr;gap:10px}.supplier-summary-card{min-height:76px}.supplier-dropdown-header{padding:15px 16px}.supplier-dropdown-form{padding:15px 16px 17px}.supplier-form-table{min-width:720px}.supplier-dropdown-actions{justify-content:stretch}.supplier-save-btn,.supplier-cancel-btn{flex:1}.supplier-list-header{padding:15px 16px}.supplier-table th,.supplier-table td{padding:11px 12px}}.supplier-profile-card{width:100%;background:#fff;border:1px solid #e1e6ee;border-radius:12px;box-shadow:0 3px 12px #0f172a09;overflow:hidden}.supplier-profile-header{padding:14px 20px;border-bottom:1px solid #edf0f4;background:#f8fafc}.supplier-profile-back-btn{border:none;background:transparent;color:#1557b0;padding:4px 0;font-family:Segoe UI,Arial,sans-serif;font-size:12px;font-weight:700;cursor:pointer}.supplier-profile-back-btn:hover{color:#10488f}.supplier-profile-identity{display:flex;align-items:center;gap:14px;padding:24px 22px;border-bottom:1px solid #edf0f4}.supplier-profile-avatar{width:58px;height:58px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:14px;background:#eef4ff;color:#1557b0;font-size:22px;font-weight:800}.supplier-profile-name h2{margin:0;color:#172033;font-size:21px;font-weight:700}.supplier-profile-name span{display:block;margin-top:4px;color:#8a94a6;font-size:12px}.supplier-profile-section{padding:22px;border-bottom:1px solid #edf0f4}.supplier-profile-section-title h3{margin:0;color:#172033;font-size:15px;font-weight:700}.supplier-profile-section-title p{margin:4px 0 0;color:#8a94a6;font-size:12px}.supplier-profile-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}.supplier-profile-detail{padding:14px;border:1px solid #e5eaf1;border-radius:9px;background:#fafbfc}.supplier-profile-detail span{display:block;margin-bottom:6px;color:#8a94a6;font-size:10px;font-weight:700;letter-spacing:.35px}.supplier-profile-detail strong{display:block;color:#344054;font-size:13px;font-weight:600;word-break:break-word}.supplier-profile-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}.supplier-profile-stat{padding:15px;border:1px solid #e5eaf1;border-radius:9px;background:#fafbfc}.supplier-profile-stat span{display:block;color:#667085;font-size:11px;font-weight:600}.supplier-profile-stat strong{display:block;margin-top:6px;color:#172033;font-size:18px;font-weight:700}.supplier-profile-stat small{display:block;margin-top:4px;color:#98a2b3;font-size:10px}.supplier-profile-actions{display:flex;align-items:center;gap:9px;padding:18px 22px}.supplier-view-btn{min-height:30px;padding:6px 10px;border:1px solid #d8e2f2;border-radius:6px;background:#f4f7fb;color:#475467;font-family:Segoe UI,Arial,sans-serif;font-size:11px;font-weight:700;cursor:pointer;transition:background .15s ease,border-color .15s ease}.supplier-view-btn:hover{background:#eaf0f8;border-color:#b9c7da}@media(max-width:650px){.supplier-profile-identity{padding:20px 16px}.supplier-profile-section{padding:18px 16px}.supplier-profile-details,.supplier-profile-stats{grid-template-columns:1fr}.supplier-profile-actions{padding:16px}.supplier-profile-actions button{flex:1}}.supplier-purchase-history{padding-bottom:22px}.supplier-purchase-toolbar{display:flex;align-items:flex-end;flex-wrap:wrap;gap:14px;margin-top:18px;padding:13px 14px;background:#f8fafc;border:1px solid #e4e9f0;border-radius:10px}.supplier-purchase-filter-group{display:flex;flex-direction:column;gap:5px}.supplier-purchase-filter-label{color:#667085;font-size:10px;font-weight:700;letter-spacing:.35px}.supplier-purchase-filter{height:36px;min-width:150px;padding:0 34px 0 11px;border:1px solid #d8dee8;border-radius:7px;background:#fff;color:#344054;font-family:Segoe UI,Arial,sans-serif;font-size:12px;font-weight:600;outline:none;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.supplier-purchase-filter:focus{border-color:#1557b0;box-shadow:0 0 0 3px #1557b014}.supplier-purchase-date-range{display:flex;align-items:flex-end;gap:10px}.supplier-purchase-date-field{display:flex;flex-direction:column;gap:5px}.supplier-purchase-date-field label{color:#667085;font-size:10px;font-weight:700;letter-spacing:.35px}.supplier-purchase-date-field input{width:145px;height:36px;box-sizing:border-box;padding:0 10px;border:1px solid #d8dee8;border-radius:7px;background:#fff;color:#344054;font-family:Segoe UI,Arial,sans-serif;font-size:12px;font-weight:600;outline:none;cursor:pointer}.supplier-purchase-date-field input:focus{border-color:#1557b0;box-shadow:0 0 0 3px #1557b014}.supplier-purchase-date-separator{height:36px;display:flex;align-items:center;justify-content:center;color:#98a2b3;font-size:15px;font-weight:600}.supplier-purchase-table-wrapper{width:100%;margin-top:14px;overflow-x:auto;border:1px solid #e1e6ee;border-radius:10px;background:#fff}.supplier-purchase-table{width:100%;min-width:620px;border-collapse:collapse;font-family:Segoe UI,Arial,sans-serif}.supplier-purchase-table thead{background:#f7f9fc}.supplier-purchase-table th{padding:11px 14px;border-bottom:1px solid #e1e6ee;color:#667085;font-size:10px;font-weight:800;letter-spacing:.45px;text-align:left;white-space:nowrap}.supplier-purchase-table td{padding:13px 14px;border-bottom:1px solid #edf0f4;color:#475467;font-size:12px;font-weight:500;white-space:nowrap}.supplier-purchase-table tbody tr{transition:background .15s ease}.supplier-purchase-table tbody tr:hover{background:#f8fbff}.supplier-purchase-table tbody tr:last-child td{border-bottom:none}.supplier-purchase-date{color:#344054;font-weight:600}.supplier-purchase-invoice{display:inline-flex;align-items:center;min-height:24px;padding:3px 7px;border-radius:5px;background:#f1f5f9;color:#475467;font-size:11px;font-weight:700}.supplier-purchase-items{color:#667085;font-weight:600}.supplier-purchase-total{color:#172033;font-size:12px;font-weight:700}.supplier-purchase-empty{height:110px;text-align:center!important}.supplier-purchase-empty-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;height:100%}.supplier-purchase-empty-content strong{color:#475467;font-size:12px}.supplier-purchase-empty-content span{color:#98a2b3;font-size:11px}@media(max-width:650px){.supplier-purchase-toolbar{align-items:stretch;flex-direction:column}.supplier-purchase-filter{width:100%}.supplier-purchase-date-range{align-items:flex-end;width:100%}.supplier-purchase-date-field{flex:1;min-width:0}.supplier-purchase-date-field input{width:100%}.supplier-purchase-date-separator{flex-shrink:0}.supplier-purchase-table-wrapper{margin-top:12px}}.purchases-page{width:100%;max-width:1500px;margin:0 auto;padding:28px;box-sizing:border-box;font-family:Segoe UI,sans-serif}.purchases-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.purchases-header h1{margin:0;font-size:28px;font-weight:700;color:#172033}.purchases-header p{margin:6px 0 0;color:#64748b;font-size:14px}.purchase-header-actions,.purchase-bottom-actions{display:flex;align-items:center;gap:10px}.purchase-primary-btn,.purchase-secondary-btn{border:none;border-radius:8px;padding:11px 18px;font-size:14px;font-weight:700;cursor:pointer;transition:.2s ease}.purchase-primary-btn{background:#1557b0;color:#fff}.purchase-primary-btn:hover{background:#104995}.purchase-secondary-btn{background:#fff;color:#334155;border:1px solid #d8dee8}.purchase-secondary-btn:hover{background:#f8fafc}.purchase-primary-btn:disabled,.purchase-secondary-btn:disabled{opacity:.6;cursor:not-allowed}.purchase-section{background:#fff;border:1px solid #e5eaf1;border-radius:12px;margin-bottom:22px;padding:22px;box-shadow:0 2px 8px #0f172a0a}.purchase-section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.purchase-section-heading h2{margin:0;font-size:18px;color:#172033}.purchase-section-heading p{margin:5px 0 0;font-size:13px;color:#64748b}.stock-alert-count,.purchase-order-count{background:#f1f5f9;color:#475569;border-radius:20px;padding:6px 11px;font-size:12px;font-weight:700;white-space:nowrap}.stock-alert-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.stock-alert-card{border:1px solid #e4e9f0;border-radius:10px;padding:16px;background:#fff}.stock-alert-card.out-of-stock{border-left:4px solid #dc2626}.stock-alert-card.low-stock{border-left:4px solid #f59e0b}.stock-alert-card-top{display:flex;justify-content:space-between;gap:12px}.stock-alert-card h3{margin:0;font-size:14px;color:#1e293b}.stock-alert-card-top span{display:block;margin-top:4px;font-size:11px;color:#64748b}.stock-alert-badge{height:fit-content;padding:5px 8px;border-radius:6px;font-size:10px!important;font-weight:700;white-space:nowrap}.stock-alert-badge.out{background:#fee2e2;color:#b91c1c}.stock-alert-badge.low{background:#fef3c7;color:#92400e}.stock-alert-details{display:flex;gap:30px;margin:17px 0}.stock-alert-details div{display:flex;flex-direction:column;gap:3px}.stock-alert-details small{font-size:11px;color:#64748b}.stock-alert-details strong{font-size:14px;color:#1e293b}.add-to-order-btn{width:100%;border:1px solid #cbd5e1;background:#f8fafc;color:#1557b0;border-radius:7px;padding:9px;font-size:12px;font-weight:700;cursor:pointer}.add-to-order-btn:hover{background:#eff6ff;border-color:#1557b0}.no-stock-alerts{display:flex;align-items:center;gap:12px;padding:18px;background:#f8fafc;border-radius:9px}.stock-alert-icon{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#dcfce7;color:#15803d;font-weight:800}.no-stock-alerts strong{font-size:14px;color:#1e293b}.no-stock-alerts p{margin:3px 0 0;color:#64748b;font-size:12px}.purchase-order-details{display:grid;grid-template-columns:minmax(220px,1.5fr) minmax(180px,1fr) minmax(180px,1fr);gap:15px;margin-bottom:22px}.purchase-field{display:flex;flex-direction:column;gap:7px}.purchase-field label,.purchase-product-search label{font-size:12px;font-weight:700;color:#334155}.purchase-field input,.purchase-field select,.purchase-product-search input{width:100%;box-sizing:border-box;min-height:42px;border:1px solid #d7dee8;border-radius:7px;background:#fff;padding:0 12px;font-size:13px;color:#1e293b;outline:none}.purchase-field input:focus,.purchase-field select:focus,.purchase-product-search input:focus{border-color:#1557b0;box-shadow:0 0 0 3px #1557b014}.purchase-product-search{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:12px}.purchase-product-search>div{flex:1}.purchase-product-search p{margin:4px 0 0;color:#64748b;font-size:12px}.purchase-product-search input{max-width:400px}.purchase-search-results{border:1px solid #e1e7ef;border-radius:8px;overflow:hidden;margin-bottom:16px}.purchase-search-result{width:100%;display:flex;align-items:center;justify-content:space-between;gap:15px;border:none;border-bottom:1px solid #edf1f5;background:#fff;padding:12px 14px;text-align:left;cursor:pointer}.purchase-search-result:last-child{border-bottom:none}.purchase-search-result:hover{background:#f8fbff}.purchase-search-result strong{color:#1e293b;font-size:13px}.purchase-search-result span{color:#64748b;font-size:11px}.purchase-search-result>div:last-child strong{color:#1557b0}.purchase-no-results{padding:15px;text-align:center;color:#64748b;font-size:13px}.purchase-order-table-wrap,.purchase-history-wrap{width:100%;overflow-x:auto}.purchase-order-table,.purchase-history-table{width:100%;border-collapse:collapse;min-width:850px}.purchase-order-table th,.purchase-history-table th{background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:12px;text-align:left;font-size:10px;font-weight:800;color:#64748b;letter-spacing:.04em}.purchase-order-table td,.purchase-history-table td{padding:13px 12px;border-bottom:1px solid #edf1f5;font-size:12px;color:#334155;vertical-align:middle}.purchase-order-table select,.purchase-order-table input{height:38px;border:1px solid #d7dee8;border-radius:6px;padding:0 9px;font-size:12px;color:#334155;background:#fff;outline:none;box-sizing:border-box}.purchase-order-table select{min-width:220px}.purchase-order-table input:focus,.purchase-order-table select:focus{border-color:#1557b0}.quantity-input{width:85px}.price-input-wrap{display:flex;align-items:center;gap:6px}.price-input-wrap span{color:#64748b;font-size:11px}.price-input-wrap input{width:120px}.sku-cell{color:#64748b!important;font-family:monospace}.subtotal-cell{font-weight:700;color:#1e293b!important;white-space:nowrap}.remove-item-btn{border:none;background:transparent;color:#dc2626;font-size:11px;font-weight:700;cursor:pointer}.remove-item-btn:hover{text-decoration:underline}.purchase-empty-row td{padding:35px 20px;text-align:center}.purchase-empty-row div{display:flex;flex-direction:column;gap:5px}.purchase-empty-row strong{color:#334155;font-size:13px}.purchase-empty-row span{color:#94a3b8;font-size:12px}.add-product-row-btn{margin-top:14px;border:1px dashed #b9c5d5;background:#f8fafc;color:#1557b0;border-radius:7px;padding:9px 14px;font-size:12px;font-weight:700;cursor:pointer}.add-product-row-btn:hover{background:#eff6ff;border-color:#1557b0}.purchase-summary{display:flex;justify-content:flex-end;gap:35px;margin-top:24px;padding-top:20px;border-top:1px solid #e8edf3}.purchase-summary-fields{display:flex;gap:12px;align-items:flex-start}.purchase-summary-fields .purchase-field{width:130px}.purchase-total-box{width:280px}.purchase-total-box>div{display:flex;justify-content:space-between;gap:20px;padding:6px 0;color:#64748b;font-size:12px}.purchase-total-box strong{color:#334155}.purchase-total-box .grand-total{margin-top:8px;padding-top:12px;border-top:1px solid #dfe5ec;font-size:15px;color:#172033}.purchase-total-box .grand-total strong{color:#1557b0;font-size:19px}.purchase-bottom-actions{justify-content:flex-end;margin-top:22px}.purchase-history-table tbody tr:hover{background:#fafcff}.purchase-number{color:#1557b0!important;font-weight:700}.purchase-history-total{font-weight:700;color:#1e293b!important;white-space:nowrap}.purchase-status{display:inline-flex;align-items:center;padding:5px 9px;border-radius:6px;font-size:10px;font-weight:800;white-space:nowrap}.purchase-status.draft{background:#f1f5f9;color:#475569}.purchase-status.ordered{background:#dbeafe;color:#1d4ed8}.purchase-status.partial{background:#fef3c7;color:#92400e}.purchase-status.received{background:#dcfce7;color:#15803d}.purchase-status.cancelled{background:#fee2e2;color:#b91c1c}.purchase-empty-history{text-align:center;padding:35px!important;color:#94a3b8!important}@media(max-width:800px){.purchases-page{padding:16px}.purchases-header{align-items:flex-start;flex-direction:column}.purchase-header-actions{width:100%}.purchase-header-actions button{flex:1}.purchase-order-details{grid-template-columns:1fr}.purchase-product-search{align-items:stretch;flex-direction:column}.purchase-product-search input{max-width:none}.purchase-summary{flex-direction:column;align-items:stretch;gap:20px}.purchase-total-box{width:100%}.purchase-bottom-actions{justify-content:stretch}.purchase-bottom-actions button{flex:1}.stock-alert-grid{grid-template-columns:1fr}}@media(max-width:480px){.purchases-page{padding:12px}.purchase-section{padding:15px}.purchases-header h1{font-size:23px}.purchase-section-heading{align-items:flex-start;flex-direction:column}.purchase-header-actions,.purchase-bottom-actions{flex-direction:column}.purchase-header-actions button,.purchase-bottom-actions button{width:100%}.purchase-summary-fields{flex-direction:column}.purchase-summary-fields .purchase-field{width:100%}}.purchase-product-entry-grid{display:grid;grid-template-columns:3fr 1fr;gap:12px;align-items:end}.purchase-product-entry-grid .purchase-field:nth-child(3),.purchase-product-entry-grid .purchase-field:nth-child(4),.purchase-product-entry-grid .purchase-field:nth-child(5){grid-column:span 1}.purchase-product-entry-grid .purchase-field:nth-child(3){grid-column:1}.purchase-product-entry-grid .purchase-field:nth-child(4){grid-column:2}.purchase-product-entry-grid .purchase-field:nth-child(5){grid-column:3}.purchase-product-entry-action{grid-column:1 / -1}.purchase-product-entry-grid{grid-template-columns:repeat(12,1fr)}.purchase-product-entry-grid .purchase-field:nth-child(1){grid-column:span 9}.purchase-product-entry-grid .purchase-field:nth-child(2){grid-column:span 3}.purchase-product-entry-grid .purchase-field:nth-child(3),.purchase-product-entry-grid .purchase-field:nth-child(4),.purchase-product-entry-grid .purchase-field:nth-child(5){grid-column:span 4}.purchase-product-entry-action{grid-column:1 / -1;display:flex;justify-content:flex-start}.purchase-product-entry-action .purchase-primary-btn{width:auto;min-width:120px}.purchase-product-entry{padding:16px 18px}.purchase-product-entry-grid .purchase-field input,.purchase-product-entry-grid .purchase-field select{height:40px}.purchase-summary{display:flex;justify-content:flex-start;align-items:flex-start;width:fit-content;margin-top:18px}.purchase-total-box{width:250px;max-width:100%}.purchase-total-box>div{display:flex;justify-content:space-between;align-items:center;gap:20px}.purchase-bottom-actions{display:flex;justify-content:flex-start;margin-top:14px}@media(max-width:768px){.purchase-summary{width:100%}.purchase-total-box{width:100%;max-width:100%}.purchase-total-box>div{padding:7px 0}.purchase-bottom-actions{width:100%}.purchase-bottom-actions button{width:100%;min-height:42px}}.purchase-search-results{margin-top:8px;padding:8px;border-radius:8px;overflow:hidden;border:1px solid #cbd5e1;background:#e2e8f0}.purchase-search-result{width:100%;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:11px 14px;margin-bottom:6px;border:1px solid #dbe3ee;border-radius:6px;background:#fff;color:#1e293b;text-align:left;cursor:pointer}.purchase-search-result:last-child{margin-bottom:0}.purchase-search-result:hover{background:#dceaff}.purchase-search-result>div{display:flex;flex-direction:column;gap:3px}.purchase-search-result>div:last-child{align-items:flex-end}.purchase-search-result strong{font-size:14px}.purchase-search-result span{font-size:12px;color:#64748b}.purchase-search-result.already-added{background:#f1f5f9;opacity:.65;cursor:not-allowed}.purchase-selected-product{margin-top:10px;padding:10px 14px;border:1px solid #1557b0;border-left:4px solid #1557b0;border-radius:8px;background:#e8f1ff;color:#1557b0;font-size:13px;font-weight:600}.stock-alert-table-wrap{width:100%;overflow-x:auto;border:1px solid #e5eaf1;border-radius:10px;background:#fff}.stock-alert-table{width:100%;min-width:900px;border-collapse:collapse;table-layout:auto}.stock-alert-table thead th{padding:13px 16px;background:#f8fafc;color:#667085;border-bottom:1px solid #e5eaf1;font-size:11px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;text-align:left;white-space:nowrap}.stock-alert-table tbody tr{background:#fff;transition:background .18s ease}.stock-alert-table tbody tr:hover{background:#fafcff}.stock-alert-table tbody td{padding:15px 16px;color:#475467;border-bottom:1px solid #edf0f4;font-size:13px;vertical-align:middle;white-space:nowrap}.stock-alert-table tbody tr:last-child td{border-bottom:none}.stock-alert-table td:first-child strong{color:#172033;font-size:13px;font-weight:750}.stock-alert-table td:nth-child(2){color:#667085;font-size:12px;font-weight:600}.stock-alert-table td:nth-child(3){min-width:125px}.stock-alert-table td:nth-child(4){color:#475467;font-weight:650}.stock-danger-text,.stock-warning-text{display:inline-flex;align-items:center;justify-content:center;min-width:76px;padding:6px 11px;border-radius:999px;font-size:12px;font-weight:800}.stock-danger-text{background:#fdecec;color:#dc2626;border:1px solid #f5c2c2}.stock-warning-text{background:#fff7e6;color:#b86a00;border:1px solid #f3d79f}.stock-alert-table td:nth-child(4){font-weight:700}.stock-alert-table td:nth-child(4):first-line{color:#344054}.stock-alert-badge,.stock-pending-badge{display:inline-flex;align-items:center;justify-content:center;min-width:92px;padding:6px 11px;border-radius:999px;font-size:11px;font-weight:800;white-space:nowrap}.stock-alert-badge.out{background:#fdecec;color:#c73535;border:1px solid #f3c2c2}.stock-alert-badge.low{background:#fff4df;color:#b86a00;border:1px solid #f2d49a}.stock-pending-badge{background:#eef4ff;color:#1557b0;border:1px solid #d7e5ff}.add-to-order-btn{display:inline-flex;align-items:center;justify-content:center;min-width:130px;padding:8px 14px;border:1px solid #1557b0;border-radius:8px;background:#1557b0;color:#fff;font-size:12px;font-weight:750;cursor:pointer;white-space:nowrap;transition:background .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease}.add-to-order-btn:hover{background:#10488f;border-color:#10488f;transform:translateY(-1px);box-shadow:0 4px 10px #1557b02e}.add-to-order-btn:active{transform:translateY(0)}.add-to-order-btn.pending{background:#f1f5f9;color:#64748b;border-color:#dbe2ea;cursor:not-allowed;box-shadow:none}.add-to-order-btn.pending:hover{background:#f1f5f9;border-color:#dbe2ea;color:#64748b;transform:none;box-shadow:none}.stock-show-more-btn{display:block;margin:16px auto 2px;padding:9px 18px;border:1px solid #d9e0eb;border-radius:8px;background:#fff;color:#1557b0;font-size:12px;font-weight:750;cursor:pointer;transition:background .18s ease,border-color .18s ease,color .18s ease}.stock-show-more-btn:hover{background:#f1f6ff;border-color:#1557b0;color:#10488f}.stock-alert-count{display:inline-flex;align-items:center;justify-content:center;min-width:64px;padding:6px 10px;border-radius:999px;background:#fff4df;border:1px solid #f2d49a;color:#b86a00;font-size:11px;font-weight:800;white-space:nowrap}.no-stock-alerts{display:flex;align-items:center;gap:14px;margin-top:2px;padding:18px 20px;border:1px solid #dcefe3;border-radius:10px;background:#f5fbf7}.stock-alert-icon{width:38px;height:38px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#dcfce7;color:#16834b;font-size:18px;font-weight:800}.no-stock-alerts strong{display:block;color:#344054;font-size:13px;font-weight:750}.no-stock-alerts p{margin:4px 0 0;color:#98a2b3;font-size:12px}@media(max-width:700px){.stock-alert-table-wrap{border-radius:8px}.stock-alert-table{min-width:850px}.stock-alert-table thead th{padding:12px 13px}.stock-alert-table tbody td{padding:13px}.add-to-order-btn{min-width:120px}}.supplier-draft-expanded-row{background:#f1f9f3}.draft-items-expanded-cell{padding:20px 24px 22px!important;background:#f1f9f3!important;border-top:0!important;border-bottom:1px solid #dcefe1}.draft-items-table{width:50%;min-width:680px;border-collapse:separate;border-spacing:0;background:#fff;border:1px solid #d9e8dc;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0f172a0a}.draft-items-table thead th{padding:12px 14px;background:#f7faf8;border-bottom:1px solid #e1ebe3;color:#64748b;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;text-align:left;white-space:nowrap}.draft-items-table tbody td{padding:13px 14px;border-bottom:1px solid #edf3ee;color:#334155;font-size:13px;vertical-align:middle}.draft-items-table tbody tr:last-child td{border-bottom:0}.draft-items-table tbody tr:hover{background:#fbfefb}.draft-items-expanded-cell{border-left:3px solid #79b88a!important}.draft-expand-btn{display:inline-flex;align-items:center;gap:9px;min-width:190px;padding:8px 12px;border:1px solid #dbe3ec;border-radius:9px;background:#fff;color:#1e293b;font:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}.draft-expand-btn:hover{background:#f8fafc;border-color:#b9c7d8;box-shadow:0 2px 7px #0f172a0f}.draft-expand-btn.expanded{background:#f5f8fc;border-color:#c7d4e3}.draft-expand-arrow{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:5px;background:#eef3f8;color:#1557b0;font-size:18px;font-weight:700;line-height:1}.draft-expand-supplier{color:#1e293b;font-weight:700}.draft-expand-label{margin-left:auto;color:#64748b;font-size:11px;font-weight:500}.draft-action-buttons{display:flex;align-items:center;gap:7px;white-space:nowrap}.draft-edit-btn,.draft-delete-btn{min-width:66px;height:32px;padding:0 11px;border-radius:7px;font-size:12px;font-weight:600;cursor:pointer;transition:background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease}.draft-edit-btn{border:1px solid #cbd8e6;background:#fff;color:#1557b0}.draft-edit-btn:hover{background:#f3f7fc;border-color:#aebfd2;box-shadow:0 2px 5px #0f172a0d}.draft-delete-btn{border:1px solid #e1c8c8;background:#fff;color:#b42318}.draft-delete-btn:hover{background:#fff7f7;border-color:#d9a9a9;box-shadow:0 2px 5px #0f172a0d}.draft-edit-btn:disabled,.draft-delete-btn:disabled{opacity:.55;cursor:not-allowed}@media(max-width:900px){.draft-items-expanded-cell{padding:14px!important;overflow-x:auto}.draft-items-table{width:100%;min-width:680px}.draft-expand-btn{min-width:165px}.draft-expand-label{display:none}}.add-to-order-btn{min-width:128px;height:34px;padding:0 13px;border:1px solid #c8d7e8;border-radius:8px;background:#fff;color:#1557b0;font-size:12px;font-weight:700;cursor:pointer;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}.add-to-order-btn:hover{background:#f3f7fc;border-color:#aebfd2;box-shadow:0 3px 8px #1557b01a}.add-to-order-btn.pending{border-color:#dce3ea;background:#f5f7f9;color:#7a8796;cursor:default;box-shadow:none}.add-to-order-btn:disabled{opacity:.8}.draft-place-order-area{width:50%;min-width:680px;display:flex;justify-content:flex-end;align-items:center;padding:14px 2px 2px}.draft-place-order-btn{min-width:145px;height:40px;padding:0 18px;border:1px solid #1557b0;border-radius:9px;background:#1557b0;color:#fff;font-size:12px;font-weight:700;letter-spacing:.02em;cursor:pointer;box-shadow:0 3px 8px #1557b029;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}.draft-place-order-btn:hover{background:#124a96;border-color:#124a96;box-shadow:0 5px 12px #1557b038;transform:translateY(-1px)}.draft-place-order-btn:active{transform:translateY(0);box-shadow:0 2px 5px #1557b029}.draft-place-order-btn:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}@media(max-width:900px){.draft-place-order-area{width:100%;min-width:0;justify-content:flex-end}}.purchase-search-box{width:25%;max-width:25%;margin-bottom:16px}.purchase-search-box label{display:block;margin-bottom:7px;color:#475569;font-size:12px;font-weight:700}.purchase-search-box input{width:100%;height:42px;padding:0 14px;border:1px solid #d5dee8;border-radius:9px;background:#fff;color:#1e293b;font-size:13px;outline:none;box-sizing:border-box;transition:border-color .18s ease,box-shadow .18s ease}.purchase-search-box input:focus{border-color:#1557b0;box-shadow:0 0 0 3px #1557b014}@media(max-width:800px){.purchase-search-box{width:100%;max-width:100%}}.purchase-close-btn{min-width:88px;height:38px;padding:0 16px;border:1px solid #d5dce5;border-radius:9px;background:#fff;color:#475569;font-family:Segoe UI,Arial,sans-serif;font-size:13px;font-weight:700;cursor:pointer;box-shadow:0 2px 5px #0f172a0d;transition:background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease}.purchase-close-btn:hover{background:#f8fafc;border-color:#b8c3d1;color:#1e293b;box-shadow:0 4px 10px #0f172a17;transform:translateY(-1px)}.purchase-close-btn:active{transform:translateY(0);box-shadow:0 2px 5px #0f172a0d}.purchase-order-overlay{align-items:flex-start;justify-content:center;padding:30px 20px;overflow-y:auto;background:#00000073}.purchase-order-modal{width:100%;max-width:950px;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 20px 60px #00000040}.purchase-order-print-area{width:100%;background:#fff;padding:42px 48px;color:#111;font-family:Arial,Helvetica,sans-serif}.po-template-header{display:flex;justify-content:space-between;align-items:flex-start;gap:30px;margin-bottom:35px}.po-template-title h1{margin:0;font-size:56px;line-height:1;font-weight:800;color:#000;text-transform:none}.po-company-details{display:flex;flex-direction:column;align-items:flex-start;min-width:220px;font-size:14px;line-height:1.25;color:#111}.po-company-details strong{font-size:15px;line-height:1.15}.po-company-details span{display:block}.po-template-meta{display:grid;grid-template-columns:1fr 1fr;gap:100px;margin-bottom:18px;padding:0 8px}.po-meta-field{display:flex;align-items:center;gap:12px;min-height:30px;border-bottom:1px solid #777777}.po-meta-field strong{white-space:nowrap;font-size:14px;color:#111}.po-meta-field span{flex:1;font-size:14px;font-weight:600;color:#111}.po-two-column-section{display:grid;grid-template-columns:1fr 1fr;margin-bottom:18px}.po-party-box{border:1px solid #555555;min-height:110px}.po-party-box+.po-party-box{border-left:none}.po-black-heading{background:#000;color:#fff;padding:8px 10px;font-size:15px;font-weight:700;letter-spacing:.8px}.po-party-content{display:flex;flex-direction:column;gap:2px;padding:8px 10px 10px;font-size:13px;line-height:1.3;color:#111}.po-party-content strong{font-size:14px}.po-products-heading{background:#000;color:#fff;padding:9px 10px;margin-bottom:16px;font-size:15px;font-weight:700;letter-spacing:.8px}.po-products-table-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.po-template-items-table{width:100%;border-collapse:collapse;table-layout:fixed}.po-template-items-table th,.po-template-items-table td{border:1px solid #777777;padding:8px;color:#111}.po-template-items-table th{background:#f8f8f8;font-size:13px;font-weight:700;text-align:left}.po-template-items-table td{height:30px;font-size:13px;vertical-align:middle}.po-template-items-table th:nth-child(1),.po-template-items-table td:nth-child(1){width:48%;text-align:left}.po-template-items-table th:nth-child(2),.po-template-items-table td:nth-child(2){width:16%;text-align:center}.po-template-items-table th:nth-child(3),.po-template-items-table td:nth-child(3){width:17%;text-align:center}.po-template-items-table th:nth-child(4),.po-template-items-table td:nth-child(4){width:19%;text-align:right}.po-template-items-table td strong{font-weight:600}.po-blank-row td{height:28px;padding:0}.po-empty-cell{text-align:center!important;color:#777!important;height:50px!important}.po-template-bottom{display:grid;grid-template-columns:1.3fr .7fr;gap:45px;margin-top:18px;align-items:start}.po-template-notes{border:1px solid #777777;min-height:96px}.po-notes-label{padding:7px;font-size:13px;font-weight:700}.po-notes-content{padding:4px 7px 8px;font-size:12px;line-height:1.4;min-height:60px;white-space:pre-wrap}.po-template-totals{padding-top:2px}.po-total-line{display:flex;justify-content:flex-end;align-items:center;gap:20px;min-height:28px;font-size:14px}.po-total-line span{min-width:75px;text-align:right}.po-total-line strong{min-width:125px;text-align:right;border-bottom:1px solid #777777;padding-bottom:4px}.po-grand-total-line{margin-top:3px;font-weight:700}.po-grand-total-line strong{font-size:15px;font-weight:800}.purchase-order-modal-actions{background:#f7f7f7;border-top:1px solid #dddddd;padding:15px 20px;display:flex;justify-content:flex-end;gap:10px}@page{size:A4 portrait;margin:8mm}@media print{html,body{margin:0!important;padding:0!important;background:#fff!important}body.printing-purchase-order .purchases-page>*{display:none!important}body.printing-purchase-order .purchases-page .purchase-order-overlay{display:block!important;position:static!important;width:100%!important;height:auto!important;margin:0!important;padding:0!important;background:#fff!important;overflow:visible!important}body.printing-purchase-order .purchase-order-modal{display:block!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;background:#fff!important;border:none!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important}body.printing-purchase-order .purchase-order-print-area{display:block!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;background:#fff!important;color:#111!important;overflow:visible!important}body.printing-purchase-order .purchase-order-print-area *{visibility:visible!important}body.printing-purchase-order .no-print,body.printing-purchase-order .modal-footer,body.printing-purchase-order .purchase-order-modal-actions{display:none!important}body.printing-purchase-order .po-template-header,body.printing-purchase-order .po-template-meta,body.printing-purchase-order .po-two-column-section,body.printing-purchase-order .po-template-bottom{break-inside:avoid!important;page-break-inside:avoid!important}body.printing-purchase-order .po-products-table-wrapper{width:100%!important;overflow:visible!important}body.printing-purchase-order .po-template-items-table{width:100%!important;min-width:0!important;border-collapse:collapse!important}body.printing-purchase-order .po-template-items-table thead{display:table-header-group!important}body.printing-purchase-order .po-template-items-table tbody{display:table-row-group!important}body.printing-purchase-order .po-template-items-table tr{break-inside:avoid!important;page-break-inside:avoid!important}body.printing-grn .purchases-page>*{display:none!important}body.printing-grn .purchases-page .grn-print-overlay{display:block!important;position:static!important;width:100%!important;height:auto!important;margin:0!important;padding:0!important;background:#fff!important;overflow:visible!important}body.printing-grn .grn-modal{display:block!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;background:#fff!important;border:none!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important}body.printing-grn .grn-document{display:block!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;background:#fff!important;color:#111!important;overflow:visible!important}body.printing-grn .grn-document *{visibility:visible!important}body.printing-grn .no-print,body.printing-grn .modal-footer,body.printing-grn .grn-actions{display:none!important}body.printing-grn .grn-document .table-responsive{width:100%!important;overflow:visible!important}body.printing-grn .grn-items-table{width:100%!important;min-width:0!important;border-collapse:collapse!important}body.printing-grn .grn-items-table thead{display:table-header-group!important}body.printing-grn .grn-items-table tbody{display:table-row-group!important}body.printing-grn .grn-items-table tr,body.printing-grn .grn-header,body.printing-grn .grn-details-grid,body.printing-grn .grn-total-box,body.printing-grn .grn-notes,body.printing-grn .grn-signatures{break-inside:avoid!important;page-break-inside:avoid!important}body.printing-purchase-order *,body.printing-grn *{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}}@media(max-width:700px){.purchase-order-overlay{padding:10px}.purchase-order-print-area{padding:25px 18px}.po-template-header{flex-direction:column}.po-template-title h1{font-size:38px}.po-company-details{min-width:0}.po-template-meta{grid-template-columns:1fr;gap:12px}.po-two-column-section{grid-template-columns:1fr}.po-party-box+.po-party-box{border-left:1px solid #555555;border-top:none}.po-template-bottom{grid-template-columns:1fr;gap:20px}.po-template-items-table{min-width:650px}.po-products-table-wrapper{overflow-x:auto}}.grn-print-overlay{display:flex;align-items:flex-start;justify-content:center;padding:30px 20px;overflow-y:auto}.grn-modal{width:100%;max-width:950px;margin:20px auto;background:#fff;border-radius:10px;box-shadow:0 12px 40px #0000002e;overflow:hidden}.grn-document{width:100%;background:#fff;padding:42px 48px;color:#111827;font-family:Arial,Helvetica,sans-serif;box-sizing:border-box}.grn-header{display:flex;justify-content:space-between;align-items:flex-start;gap:30px;padding-bottom:22px;border-bottom:3px solid #111827}.grn-header h1{margin:0;font-size:28px;font-weight:800;letter-spacing:.3px;color:#111827}.grn-company-subtitle{margin-top:2px;font-size:16px;font-weight:600;color:#4b5563}.grn-header p{margin:12px 0 0;font-size:19px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;color:#1f2937}.grn-meta{min-width:230px;border:1px solid #d1d5db;border-radius:6px;overflow:hidden}.grn-meta>div{display:flex;justify-content:space-between;gap:20px;padding:11px 13px;border-bottom:1px solid #e5e7eb}.grn-meta>div:last-child{border-bottom:none}.grn-meta span{font-size:12px;color:#6b7280;font-weight:600}.grn-meta strong{font-size:13px;color:#111827;text-align:right}.grn-details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:25px 0}.grn-details-grid>div{min-height:58px;padding:12px 14px;border:1px solid #d1d5db;border-radius:6px;background:#f9fafb;box-sizing:border-box}.grn-details-grid span{display:block;margin-bottom:6px;font-size:11px;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.grn-details-grid strong{display:block;font-size:14px;color:#111827}.grn-print-overlay .table-responsive{width:100%;overflow-x:auto;margin-top:20px}.grn-items-table{width:100%;min-width:780px;border-collapse:collapse;background:#fff}.grn-items-table th{padding:12px 10px;background:#111827;color:#fff;border:1px solid #111827;font-size:11px;font-weight:700;text-align:left;text-transform:uppercase;letter-spacing:.4px}.grn-items-table td{padding:12px 10px;border:1px solid #d1d5db;font-size:13px;color:#1f2937;vertical-align:middle}.grn-items-table tbody tr:nth-child(2n){background:#f9fafb}.grn-items-table td:first-child,.grn-items-table th:first-child{width:45px;text-align:center}.grn-items-table td:nth-child(4),.grn-items-table td:nth-child(5),.grn-items-table td:nth-child(7){text-align:right}.grn-items-table th:nth-child(4),.grn-items-table th:nth-child(5),.grn-items-table th:nth-child(7){text-align:right}.grn-condition-badge{display:inline-block;padding:5px 9px;border-radius:12px;font-size:10px;font-weight:700;text-transform:uppercase;white-space:nowrap}.grn-condition-badge.good{background:#dcfce7;color:#166534}.grn-condition-badge.damaged{background:#fee2e2;color:#991b1b}.grn-condition-badge.partial{background:#fef3c7;color:#92400e}.grn-total-box{display:flex;justify-content:flex-end;align-items:center;gap:25px;margin-top:22px;padding:16px 18px;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px}.grn-total-box span{font-size:14px;font-weight:700;color:#374151}.grn-total-box strong{min-width:150px;text-align:right;font-size:20px;color:#111827}.grn-notes{margin-top:24px;padding:15px 17px;border-left:4px solid #111827;background:#f9fafb}.grn-notes strong{display:block;margin-bottom:7px;font-size:13px;text-transform:uppercase;color:#374151}.grn-notes p{margin:0;font-size:13px;line-height:1.6;color:#4b5563}.grn-signatures{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:55px}.grn-signatures>div{text-align:center}.grn-signatures span{display:block;height:1px;background:#374151;margin-bottom:8px}.grn-signatures strong{font-size:11px;color:#4b5563;font-weight:600}.grn-footer{display:flex;justify-content:space-between;gap:20px;margin-top:35px;padding-top:13px;border-top:1px solid #d1d5db;font-size:10px;color:#6b7280}.grn-actions{display:flex;justify-content:flex-end;gap:10px;padding:16px 22px;border-top:1px solid #e5e7eb;background:#f9fafb}@media(max-width:700px){.grn-print-overlay{padding:10px;align-items:flex-start}.grn-modal{margin:5px auto;border-radius:8px}.grn-document{padding:25px 18px}.grn-header{flex-direction:column;gap:20px}.grn-header h1{font-size:23px}.grn-header p{font-size:16px}.grn-meta{width:100%;min-width:0}.grn-details-grid{grid-template-columns:1fr;gap:10px}.grn-total-box{justify-content:space-between;gap:10px}.grn-total-box strong{min-width:0}.grn-signatures{grid-template-columns:1fr;gap:35px;margin-top:40px}.grn-footer{flex-direction:column;gap:6px}.grn-actions{flex-direction:column}.grn-actions button{width:100%}}.receive-purchase-modal{width:min(1100px,95vw);max-height:90vh;margin:auto;background:#fff;border-radius:12px;box-shadow:0 20px 60px #00000040;overflow:hidden;display:flex;flex-direction:column;position:relative;z-index:1001}.receive-purchase-modal .modal-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:22px 26px;background:#fff;border-bottom:1px solid #e5e7eb}.receive-purchase-modal .modal-header h2{margin:0;font-size:21px;font-weight:800;color:#111827}.receive-purchase-modal .modal-header p{margin:6px 0 0;font-size:13px;color:#6b7280}.receive-purchase-modal .close-btn{flex-shrink:0}.receive-purchase-modal .receive-order-details{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:20px 26px;background:#f9fafb;border-bottom:1px solid #e5e7eb}.receive-purchase-modal .receive-order-details>div{padding:12px 14px;background:#fff;border:1px solid #e5e7eb;border-radius:7px}.receive-purchase-modal .receive-order-details span{display:block;margin-bottom:5px;font-size:11px;font-weight:700;color:#6b7280;text-transform:uppercase}.receive-purchase-modal .receive-order-details strong{display:block;font-size:14px;color:#111827}.receive-purchase-modal .table-responsive{width:100%;overflow-x:auto;padding:20px 26px;box-sizing:border-box}.receive-purchase-modal table{width:100%;min-width:850px;border-collapse:collapse;background:#fff}.receive-purchase-modal th{padding:11px 10px;background:#111827;color:#fff;border:1px solid #111827;font-size:11px;font-weight:700;text-align:left;white-space:nowrap}.receive-purchase-modal td{padding:10px;border:1px solid #d1d5db;background:#fff;color:#1f2937;font-size:13px;vertical-align:middle}.receive-purchase-modal tbody tr:nth-child(2n) td{background:#f9fafb}.receive-purchase-modal td strong{color:#111827;font-weight:700}.receive-purchase-modal input,.receive-purchase-modal select,.receive-purchase-modal textarea{box-sizing:border-box;font-family:inherit}.receive-purchase-modal input[type=number]{width:90px;min-height:38px;padding:7px 9px;border:1px solid #cbd5e1;border-radius:6px;background:#fff;color:#111827;font-size:13px}.receive-purchase-modal input[type=number]:focus,.receive-purchase-modal select:focus,.receive-purchase-modal textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1f}.receive-purchase-modal select{min-width:130px;min-height:38px;padding:7px 30px 7px 9px;border:1px solid #cbd5e1;border-radius:6px;background:#fff;color:#111827;font-size:13px}.receive-purchase-modal .receive-notes{padding:0 26px 20px}.receive-purchase-modal .receive-notes label{display:block;margin-bottom:7px;font-size:12px;font-weight:700;color:#374151}.receive-purchase-modal .receive-notes textarea{width:100%;min-height:80px;padding:10px 12px;border:1px solid #cbd5e1;border-radius:7px;resize:vertical}.receive-purchase-modal .modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 26px;background:#f9fafb;border-top:1px solid #e5e7eb}.modal-overlay:has(.receive-purchase-modal){background:#0f172aa6;z-index:1000}@media(max-width:700px){.receive-purchase-modal{width:96vw;max-height:94vh;border-radius:9px}.receive-purchase-modal .modal-header{padding:17px}.receive-purchase-modal .receive-order-details{grid-template-columns:1fr;padding:15px 17px}.receive-purchase-modal .table-responsive{padding:15px 17px}.receive-purchase-modal .receive-notes{padding:0 17px 15px}.receive-purchase-modal .modal-footer{padding:13px 17px;flex-direction:column}.receive-purchase-modal .modal-footer button{width:100%}}.purchase-receiving-modal{width:95%;max-width:1200px;max-height:none;margin:auto;background:#fff!important;color:#111827;border-radius:12px;box-shadow:0 20px 60px #0000004d;overflow:hidden;position:relative;z-index:1001;display:flex;flex-direction:column}.purchase-receiving-modal .modal-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:22px 26px;background:#fff!important;border-bottom:1px solid #e5e7eb;flex-shrink:0}.purchase-receiving-modal .modal-header h2{margin:0;color:#111827;font-size:22px;font-weight:800}.purchase-receiving-modal .modal-header p{margin:6px 0 0;color:#6b7280;font-size:13px}.purchase-receiving-modal .modal-close-btn{width:34px;height:34px;flex-shrink:0;border:none;border-radius:6px;background:#f3f4f6;color:#374151;font-size:24px;line-height:1;cursor:pointer}.purchase-receiving-modal .modal-close-btn:hover{background:#e5e7eb}.purchase-receiving-modal .receiving-info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:18px 26px;background:#f8fafc!important;border-bottom:1px solid #e5e7eb;flex-shrink:0}.purchase-receiving-modal .receiving-info-grid>div{padding:12px 14px;background:#fff!important;border:1px solid #dfe3e8;border-radius:7px}.purchase-receiving-modal .receiving-info-grid span{display:block;margin-bottom:5px;color:#6b7280;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.purchase-receiving-modal .receiving-info-grid strong{display:block;color:#111827;font-size:13px;font-weight:700}.purchase-receiving-modal .receiving-table-wrapper{width:100%;max-height:55vh;padding:0 26px 20px;margin-top:-20px;box-sizing:border-box;overflow-x:auto!important;overflow-y:auto!important;background:#fff!important}.purchase-receiving-modal .receiving-table{width:100%;min-width:0;border-collapse:collapse;background:#fff!important;table-layout:auto}.purchase-receiving-modal .receiving-table th{padding:11px 10px;background:#111827!important;color:#fff!important;border:1px solid #111827;font-size:10px;font-weight:700;text-align:left;white-space:nowrap}.purchase-receiving-modal .receiving-table thead th{position:sticky;top:0;z-index:5}.purchase-receiving-modal .receiving-table td{padding:10px;background:#fff!important;color:#1f2937!important;border:1px solid #d1d5db;font-size:13px;vertical-align:middle;white-space:nowrap}.purchase-receiving-modal .receiving-table tbody tr:nth-child(2n) td{background:#f9fafb!important}.purchase-receiving-modal .receiving-table td strong{color:#111827!important;font-weight:700}.purchase-receiving-modal .receiving-table td:nth-child(2){min-width:130px}.purchase-receiving-modal .receiving-table th:nth-child(3),.purchase-receiving-modal .receiving-table th:nth-child(4),.purchase-receiving-modal .receiving-table th:nth-child(5){text-align:center}.purchase-receiving-modal .receiving-table td:nth-child(3),.purchase-receiving-modal .receiving-table td:nth-child(4),.purchase-receiving-modal .receiving-table td:nth-child(5){text-align:center}.purchase-receiving-modal .receiving-table input{width:100%;min-width:90px;max-width:130px;height:38px;padding:7px 9px;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:6px;background:#fff!important;color:#111827!important;font-size:13px}.purchase-receiving-modal .receiving-table input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1f}.purchase-receiving-modal .receiving-table select{min-width:125px;height:38px;padding:7px 28px 7px 9px;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:6px;background:#fff!important;color:#111827!important;font-size:12px}.purchase-receiving-modal .receiving-table select:focus{outline:none;border-color:#2563eb}.purchase-receiving-modal .empty-cell{padding:30px!important;text-align:center;color:#6b7280!important;background:#fff!important}.purchase-receiving-modal .receiving-notes{padding:0 26px 18px;background:#fff!important;flex-shrink:0}.purchase-receiving-modal .receiving-notes label{display:block;margin-bottom:7px;color:#374151;font-size:12px;font-weight:700}.purchase-receiving-modal .receiving-notes textarea{width:100%;min-height:75px;padding:10px 12px;box-sizing:border-box;border:1px solid #cbd5e1;border-radius:7px;background:#fff!important;color:#111827!important;font-family:inherit;font-size:13px;resize:vertical}.purchase-receiving-modal .receiving-notes textarea:focus{outline:none;border-color:#2563eb}.purchase-receiving-modal .modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 26px;background:#f8fafc!important;border-top:1px solid #e5e7eb;flex-shrink:0}.purchase-receiving-overlay{align-items:flex-start!important;justify-content:center!important;width:100%!important;min-height:100vh!important;height:100vh!important;padding:25px 20px!important;box-sizing:border-box!important;overflow-x:hidden!important;overflow-y:auto!important}.purchase-receiving-modal{width:100%!important;max-width:1100px!important;height:auto!important;max-height:none!important;min-height:0!important;margin:0 auto 30px!important;overflow:visible!important;box-sizing:border-box!important}.purchase-receiving-modal .receiving-table-wrapper{width:100%!important;max-width:100%!important;overflow-x:auto!important;overflow-y:visible!important;box-sizing:border-box!important}.purchase-receiving-modal .modal-footer{position:static!important;width:100%!important;box-sizing:border-box!important}@media(max-width:800px){.purchase-receiving-modal{width:96%;max-height:94vh}.purchase-receiving-modal .receiving-info-grid{grid-template-columns:repeat(2,1fr);padding:15px 17px}.purchase-receiving-modal .receiving-table-wrapper{padding:15px 17px}.purchase-receiving-modal .receiving-notes{padding:0 17px 15px}.purchase-receiving-modal .modal-footer{padding:13px 17px}}@media(max-width:500px){.purchase-receiving-modal .receiving-info-grid{grid-template-columns:1fr}.purchase-receiving-modal .modal-header{padding:17px}.purchase-receiving-modal .modal-header h2{font-size:18px}.purchase-receiving-modal .modal-footer{flex-direction:column}.purchase-receiving-modal .modal-footer button{width:100%}}.purchase-order-print-area table tr,.grn-document table tr,.purchase-order-print-area .po-template-bottom,.purchase-order-print-area .po-template-notes,.purchase-order-print-area .po-template-totals,.grn-document .grn-total-box,.grn-document .grn-notes,.grn-document .grn-signatures{break-inside:avoid;page-break-inside:avoid}.purchase-order-print-area,.grn-document{background:#fff}.purchase-order-print-area,.grn-document{overflow:visible}@media print{html,body{margin:0!important;padding:0!important;width:auto!important;height:auto!important;min-height:0!important;overflow:visible!important;background:#fff!important}body.printing-purchase-order .app-layout,body.printing-grn .app-layout{display:block!important;width:100%!important;height:auto!important;min-height:0!important;overflow:visible!important}body.printing-purchase-order .main-content,body.printing-grn .main-content{display:block!important;width:100%!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;overflow:visible!important}body.printing-purchase-order .purchases-page,body.printing-grn .purchases-page{display:block!important;width:100%!important;max-width:none!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;overflow:visible!important}body.printing-purchase-order .purchase-order-overlay{position:static!important;display:block!important;width:100%!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;overflow:visible!important;background:#fff!important}body.printing-purchase-order .purchase-order-modal{display:block!important;width:100%!important;max-width:none!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;padding:0!important;overflow:visible!important;background:#fff!important;border:none!important;border-radius:0!important;box-shadow:none!important}body.printing-purchase-order .purchase-order-print-area{display:block!important;width:100%!important;max-width:none!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;padding:0!important;overflow:visible!important;background:#fff!important}body.printing-purchase-order .po-products-table-wrapper{width:100%!important;height:auto!important;max-height:none!important;overflow:visible!important}body.printing-purchase-order .po-template-items-table{width:100%!important;height:auto!important;min-width:0!important;border-collapse:collapse!important}body.printing-purchase-order .po-template-items-table thead{display:table-header-group!important}body.printing-purchase-order .po-template-items-table tbody{display:table-row-group!important}body.printing-purchase-order .po-template-items-table tr{break-inside:avoid!important;page-break-inside:avoid!important}body.printing-grn .grn-print-overlay{position:static!important;display:block!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;padding:0!important;overflow:visible!important;background:#fff!important}body.printing-grn .grn-modal{display:block!important;width:100%!important;max-width:none!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;padding:0!important;overflow:visible!important;background:#fff!important;border:none!important;border-radius:0!important;box-shadow:none!important}body.printing-grn .grn-document{display:block!important;width:100%!important;max-width:none!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;padding:0!important;overflow:visible!important;background:#fff!important}body.printing-grn .grn-document .table-responsive{width:100%!important;height:auto!important;max-height:none!important;margin:20px 0 0!important;padding:0!important;overflow:visible!important}body.printing-grn .grn-items-table{width:100%!important;height:auto!important;min-width:0!important;border-collapse:collapse!important}body.printing-grn .grn-items-table thead{display:table-header-group!important}body.printing-grn .grn-items-table tbody{display:table-row-group!important}body.printing-grn .grn-items-table tr,body.printing-grn .grn-header,body.printing-grn .grn-details-grid,body.printing-grn .grn-total-box,body.printing-grn .grn-notes,body.printing-grn .grn-signatures{break-inside:avoid!important;page-break-inside:avoid!important}body.printing-purchase-order .no-print,body.printing-purchase-order .modal-footer,body.printing-purchase-order .purchase-order-modal-actions,body.printing-grn .no-print,body.printing-grn .modal-footer,body.printing-grn .grn-actions{display:none!important}body.printing-purchase-order *,body.printing-grn *{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}}.po-clean-header{display:flex;justify-content:space-between;align-items:flex-start;gap:30px;padding-bottom:22px;border-bottom:2px solid #111827}.po-clean-header h1{margin:0;font-size:25px;font-weight:800;line-height:1.05;color:#111827}.po-company-subtitle{font-size:17px;font-weight:700;color:#111827;margin-top:2px}.po-clean-header p{margin:9px 0 0;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:#4b5563}.po-clean-meta{min-width:190px;text-align:right}.po-clean-meta>div{margin-bottom:9px}.po-clean-meta>div:last-child{margin-bottom:0}.po-clean-meta span,.po-clean-details span{display:block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:#6b7280;margin-bottom:3px}.po-clean-meta strong{display:block;font-size:13px;color:#111827}.po-clean-details{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:20px 0;border-bottom:1px solid #d1d5db}.po-clean-details strong{display:block;font-size:13px;color:#111827}.po-clean-table-wrapper{width:100%;overflow-x:auto;margin-top:22px}.po-clean-items-table{width:100%;border-collapse:collapse;table-layout:fixed}.po-clean-items-table th{padding:10px 9px;background:#111827;color:#fff;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;text-align:left}.po-clean-items-table td{padding:10px 9px;border-bottom:1px solid #e5e7eb;font-size:12px;color:#111827;vertical-align:middle}.po-clean-items-table th:first-child,.po-clean-items-table td:first-child{width:38px;text-align:center}.po-clean-items-table th:nth-child(3),.po-clean-items-table td:nth-child(3){width:65px;text-align:center}.po-clean-items-table th:nth-child(4),.po-clean-items-table td:nth-child(4){width:115px;text-align:right}.po-clean-items-table th:nth-child(5),.po-clean-items-table td:nth-child(5){width:125px;text-align:right}.po-clean-items-table td strong{font-weight:700}.po-empty-cell{text-align:center!important;padding:20px!important;color:#6b7280!important}.po-clean-bottom{display:grid;grid-template-columns:1fr 280px;gap:45px;margin-top:25px;align-items:start}.po-clean-notes{font-size:12px}.po-clean-notes strong{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.6px;margin-bottom:7px;color:#374151}.po-clean-notes p{margin:0;color:#4b5563;line-height:1.5}.po-clean-totals{width:100%}.po-clean-total-row,.po-clean-grand-total{display:flex;justify-content:space-between;align-items:center;gap:20px}.po-clean-total-row{padding:7px 0;font-size:12px}.po-clean-total-row span,.po-clean-total-row strong{color:#111827}.po-clean-grand-total{margin-top:8px;padding:11px 0;border-top:2px solid #111827;font-size:14px}.po-clean-grand-total span,.po-clean-grand-total strong{font-weight:800;color:#111827}.po-clean-signatures{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:55px}.po-clean-signatures>div{text-align:center}.po-clean-signatures span{display:block;height:1px;background:#111827;margin-bottom:8px}.po-clean-signatures strong{font-size:10px;color:#374151;text-transform:uppercase;letter-spacing:.4px}.po-clean-footer{display:flex;justify-content:space-between;gap:20px;margin-top:35px;padding-top:10px;border-top:1px solid #d1d5db;font-size:9px;color:#6b7280}@media print{body.printing-purchase-order .po-clean-header,body.printing-purchase-order .po-clean-details,body.printing-purchase-order .po-clean-bottom,body.printing-purchase-order .po-clean-signatures,body.printing-purchase-order .po-clean-footer{break-inside:avoid!important;page-break-inside:avoid!important}body.printing-purchase-order .po-clean-table-wrapper{width:100%!important;overflow:visible!important}body.printing-purchase-order .po-clean-items-table{width:100%!important;min-width:0!important;border-collapse:collapse!important}body.printing-purchase-order .po-clean-items-table thead{display:table-header-group!important}body.printing-purchase-order .po-clean-items-table tbody{display:table-row-group!important}body.printing-purchase-order .po-clean-items-table tr{break-inside:avoid!important;page-break-inside:avoid!important}body.printing-purchase-order .po-clean-items-table th{background:#111827!important;color:#fff!important}}.po-items-table{width:100%;border-collapse:collapse!important;table-layout:fixed;background:#fff;border:1px solid #aeb5bf!important}.po-items-table thead th{padding:11px 10px;background:#eef1f5;color:#1f2937;border-top:1px solid #aeb5bf!important;border-bottom:2px solid #9da5b0!important;border-left:1px solid #aeb5bf!important;border-right:1px solid #aeb5bf!important;font-family:Arial,Helvetica,sans-serif;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.3px;box-sizing:border-box}.po-items-table tbody td{padding:12px 10px;border-top:1px solid #d0d5dc!important;border-bottom:1px solid #d0d5dc!important;border-left:1px solid #d0d5dc!important;border-right:1px solid #d0d5dc!important;font-family:Arial,Helvetica,sans-serif;font-size:12px;color:#111827;vertical-align:middle;box-sizing:border-box}.po-items-table tbody tr:nth-child(odd) td{background:#fff}.po-items-table tbody tr:nth-child(2n) td{background:#f3f5f8}.po-items-table th:nth-child(1),.po-items-table td:nth-child(1){width:45px;text-align:center}.po-items-table th:nth-child(2),.po-items-table td:nth-child(2){width:34%;text-align:left}.po-items-table th:nth-child(3),.po-items-table td:nth-child(3){width:16%;text-align:left}.po-items-table th:nth-child(4),.po-items-table td:nth-child(4){width:9%;text-align:center}.po-items-table th:nth-child(5),.po-items-table td:nth-child(5){width:17%;text-align:right}.po-items-table th:nth-child(6),.po-items-table td:nth-child(6){width:18%;text-align:right}@media print{body.printing-purchase-order .app-header,body.printing-purchase-order .top-header,body.printing-purchase-order .header,body.printing-purchase-order .sidebar,body.printing-grn .app-header,body.printing-grn .top-header,body.printing-grn .header,body.printing-grn .sidebar{display:none!important}body.printing-purchase-order .main-header,body.printing-grn .main-header{display:none!important;box-shadow:none!important;border:none!important}body.printing-purchase-order .app-layout,body.printing-purchase-order .main-content,body.printing-purchase-order .purchases-page,body.printing-grn .app-layout,body.printing-grn .main-content,body.printing-grn .purchases-page{box-shadow:none!important}body.printing-purchase-order .purchase-order-overlay,body.printing-purchase-order .purchase-order-modal,body.printing-purchase-order .purchase-order-print-area{box-shadow:none!important;border:none!important}body.printing-purchase-order .purchase-order-print-area *{box-shadow:none!important}body.printing-purchase-order .po-items-table{border-collapse:collapse!important;border:1px solid #aeb5bf!important;table-layout:fixed!important}body.printing-purchase-order .po-items-table th,body.printing-purchase-order .po-items-table td{border:1px solid #b8bec7!important}body.printing-purchase-order .po-items-table thead th{background:#eef1f5!important;color:#1f2937!important;border:1px solid #aeb5bf!important}body.printing-purchase-order .po-items-table tbody tr:nth-child(2n) td{background:#f3f5f8!important}}@media print{body.printing-purchase-order *{visibility:hidden!important}body.printing-purchase-order .purchase-order-overlay,body.printing-purchase-order .purchase-order-overlay *,body.printing-purchase-order .purchase-order-modal,body.printing-purchase-order .purchase-order-modal *,body.printing-purchase-order .purchase-order-print-area,body.printing-purchase-order .purchase-order-print-area *{visibility:visible!important}body.printing-grn *{visibility:hidden!important}body.printing-grn .grn-print-overlay,body.printing-grn .grn-print-overlay *,body.printing-grn .grn-modal,body.printing-grn .grn-modal *,body.printing-grn .grn-document,body.printing-grn .grn-document *{visibility:visible!important}body.printing-purchase-order .no-print,body.printing-purchase-order .modal-footer,body.printing-purchase-order .purchase-order-modal-actions,body.printing-grn .no-print,body.printing-grn .modal-footer,body.printing-grn .grn-actions{display:none!important;visibility:hidden!important}body.printing-purchase-order .app-layout,body.printing-purchase-order .main-content,body.printing-purchase-order .purchases-page,body.printing-grn .app-layout,body.printing-grn .main-content,body.printing-grn .purchases-page{box-shadow:none!important}body.printing-purchase-order .purchase-order-print-area,body.printing-grn .grn-document{box-shadow:none!important;border:none!important}}.purchases-page{width:100%;min-height:100vh;padding:24px 28px 40px;background:#f5f7fa;color:#1f2937;font-family:Arial,Helvetica,sans-serif;box-sizing:border-box}.purchases-page *,.purchases-page *:before,.purchases-page *:after{box-sizing:border-box}.purchases-page .purchases-header{width:100%;margin:0 0 24px;padding:0;display:flex;align-items:center;justify-content:space-between;gap:20px;background:transparent;border:none;box-shadow:none}.purchases-page .purchases-header .header-left{flex:1;min-width:0}.purchases-page .purchases-header h1{margin:0 0 6px;padding:0;font-size:26px;line-height:1.25;font-weight:700;color:#111827;letter-spacing:-.3px}.purchases-page .purchases-header p{margin:0;font-size:13px;line-height:1.5;color:#6b7280}.purchases-page button{font-family:Arial,Helvetica,sans-serif;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,transform .1s ease}.purchases-page button:active{transform:translateY(1px)}.purchases-page button:disabled{cursor:not-allowed;opacity:.55}.purchases-page .new-purchase-btn,.purchases-page .primary-btn{min-height:40px;padding:0 16px;border:1px solid #1557b0!important;border-radius:6px;background:#1557b0!important;color:#fff!important;font-size:13px;font-weight:700;line-height:1;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:7px;box-shadow:0 1px 2px #0000000f}.purchases-page .new-purchase-btn:hover,.purchases-page .primary-btn:hover{background:#124d9c!important;border-color:#124d9c!important}.purchases-page .new-purchase-btn:active,.purchases-page .primary-btn:active{background:#0f4387!important;border-color:#0f4387!important}.purchases-page .secondary-btn{min-height:38px;padding:0 14px;border:1px solid #cbd5e1;border-radius:6px;background:#fff;color:#374151;font-size:13px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:6px}.purchases-page .secondary-btn:hover{background:#f8fafc;border-color:#94a3b8}.purchases-page .save-draft-btn{min-height:40px;padding:0 18px;border:1px solid #2563eb;border-radius:6px;background:#2563eb;color:#fff;font-size:13px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:7px}.purchases-page .save-draft-btn:hover{background:#1d4ed8}.purchases-page .add-item-btn{min-height:40px;padding:0 15px;border:1px solid #16a34a;border-radius:6px;background:#16a34a;color:#fff;font-size:13px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}.purchases-page .add-item-btn:hover{background:#15803d;border-color:#15803d}.purchases-page .purchase-section{width:100%;margin:0 0 22px;background:#fff;border:1px solid #dfe3e8;border-radius:9px;box-shadow:0 2px 8px #0f172a0d}.purchases-page .purchase-order-builder{overflow:visible}.purchases-page .purchase-order-builder>.section-header{min-height:62px;padding:15px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #e5e7eb;background:#fff;border-radius:9px 9px 0 0}.purchases-page .section-header .section-title{min-width:0}.purchases-page .section-header h2{margin:0 0 3px;font-size:17px;line-height:1.3;font-weight:700;color:#111827}.purchases-page .section-header p{margin:0;font-size:12px;color:#6b7280;line-height:1.4}.purchases-page .section-header .hide-btn{min-height:34px;padding:0 12px;border:1px solid #d1d5db;border-radius:5px;background:#fff;color:#4b5563;font-size:12px;font-weight:600}.purchases-page .section-header .hide-btn:hover{background:#f9fafb;border-color:#9ca3af}.purchases-page .purchase-form-grid{width:100%;padding:20px;display:grid;grid-template-columns:minmax(260px,2fr) minmax(180px,1fr) minmax(180px,1fr);gap:16px;border-bottom:1px solid #e5e7eb}.purchases-page .form-group{min-width:0}.purchases-page .form-group label{display:block;margin:0 0 7px;color:#374151;font-size:12px;font-weight:700;line-height:1.3}.purchases-page .form-group input,.purchases-page .form-group select,.purchases-page .form-group textarea{width:100%;min-height:40px;margin:0;padding:9px 11px;border:1px solid #cbd5e1;border-radius:6px;outline:none;background:#fff;color:#111827;font-family:Arial,Helvetica,sans-serif;font-size:13px;line-height:20px}.purchases-page .form-group select{appearance:auto}.purchases-page .form-group input::placeholder,.purchases-page .form-group textarea::placeholder{color:#9ca3af}.purchases-page .form-group input:hover,.purchases-page .form-group select:hover,.purchases-page .form-group textarea:hover{border-color:#94a3b8}.purchases-page .form-group input:focus,.purchases-page .form-group select:focus,.purchases-page .form-group textarea:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a}.purchases-page .product-entry-area{margin:20px;padding:18px;background:#f8fafc;border:1px solid #dfe5ec;border-radius:8px}.purchases-page .product-search-group{position:relative;width:100%;margin-bottom:17px}.purchases-page .product-search-group input{background:#fff}.purchases-page .product-search-results{position:absolute;z-index:50;top:calc(100% + 4px);left:0;right:0;max-height:250px;overflow-y:auto;background:#fff;border:1px solid #cbd5e1;border-radius:6px;box-shadow:0 8px 20px #0f172a1f}.purchases-page .product-search-results>div,.purchases-page .product-search-results button{width:100%;padding:10px 12px;border:none;border-bottom:1px solid #eef2f7;background:#fff;color:#1f2937;text-align:left;font-size:12px}.purchases-page .product-search-results>div:last-child,.purchases-page .product-search-results button:last-child{border-bottom:none}.purchases-page .product-search-results>div:hover,.purchases-page .product-search-results button:hover{background:#f1f5f9}.purchases-page .entry-grid{width:100%;display:grid;grid-template-columns:minmax(190px,2fr) minmax(110px,1fr) minmax(130px,1.2fr) minmax(90px,.7fr) minmax(130px,1fr) auto;gap:12px;align-items:end}.purchases-page .entry-grid .form-group{min-width:0}.purchases-page .selected-product-indicator{margin-top:12px;padding:9px 12px;border:1px solid #bfdbfe;border-radius:6px;background:#eff6ff;color:#1e40af;font-size:12px;line-height:1.4}.purchases-page .purchase-items-section{width:100%;padding:0 20px 20px}.purchases-page .section-subheading{min-height:48px;padding:13px 0;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #e5e7eb}.purchases-page .section-subheading h3{margin:0;font-size:14px;font-weight:700;color:#1f2937}.purchases-page .section-subheading span{font-size:12px;color:#6b7280}.purchases-page .empty-order-state{min-height:130px;padding:28px 20px;display:flex;align-items:center;justify-content:center;text-align:center;border:1px dashed #cbd5e1;border-top:none;background:#fff;color:#6b7280;font-size:13px}.purchases-page .purchase-items-table-wrapper,.purchases-page .purchase-items-section .table-responsive{width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;border:1px solid #dfe4ea;border-radius:8px;background:#fff}.purchases-page .purchase-items-table{width:100%;min-width:900px;border-collapse:separate;border-spacing:0;table-layout:fixed}.purchases-page .purchase-items-table th{padding:12px 13px;background:#f4f6f8;color:#52606d;border-right:1px solid #e1e5ea;border-bottom:1px solid #dfe4ea;font-size:11px;font-weight:700;text-align:left;white-space:nowrap;text-transform:uppercase;letter-spacing:.35px}.purchases-page .purchase-items-table th:last-child{border-right:none}.purchases-page .purchase-items-table td{padding:12px 13px;background:#fff;color:#374151;border-right:1px solid #e8ebef;border-bottom:1px solid #e8ebef;font-size:12px;vertical-align:middle}.purchases-page .purchase-items-table td:last-child{border-right:none}.purchases-page .purchase-items-table tbody tr:last-child td{border-bottom:none}.purchases-page .purchase-items-table tbody tr:hover td{background:#fafbfc}.purchases-page .purchase-items-table td strong{color:#1f2937;font-weight:650}.purchases-page .purchase-items-table input,.purchases-page .purchase-items-table select{width:100%;min-width:0;height:34px;padding:6px 9px;border:1px solid #d5dbe2;border-radius:5px;background:#fff;color:#263238;font-size:12px;outline:none;box-sizing:border-box}.purchases-page .purchase-items-table input:focus,.purchases-page .purchase-items-table select:focus{border-color:#1557b0;box-shadow:0 0 0 2px #1557b014}.purchases-page .purchase-summary{width:100%;max-width:100%;margin:16px 0 0;padding:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(220px,300px);gap:12px;align-items:stretch;border:1px solid #dfe4ea;border-radius:8px;overflow:hidden;background:#fff;box-sizing:border-box}.purchases-page .purchase-summary-fields{min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px;box-sizing:border-box}.purchases-page .purchase-summary-fields .purchase-field{width:100%;min-width:0}.purchases-page .purchase-total-box{width:100%;min-width:0;padding:12px 14px;border-left:1px solid #e3e7ec;box-sizing:border-box}.purchases-page .purchase-total-box>div{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;padding:7px 0;color:#667085;font-size:12px}.purchases-page .purchase-total-box>div span{min-width:0}.purchases-page .purchase-total-box>div strong{white-space:nowrap;color:#344054}.purchases-page .purchase-total-box .grand-total{margin-top:7px;padding:11px 0 2px;border-top:1px solid #dfe4ea;font-size:14px;color:#344054}.purchases-page .purchase-total-box .grand-total strong{color:#1557b0;font-size:18px;font-weight:750;white-space:nowrap}.purchases-page .purchase-summary .summary-row{background:#fff;border-bottom:1px solid #e5e7eb}.purchases-page .purchase-summary .summary-row span:first-child{color:#667085;font-weight:500}.purchases-page .purchase-summary .summary-row span:last-child{color:#344054;font-weight:650}.purchases-page .purchase-summary .total-row{background:#f5f7fa;border-top:1px solid #dfe4ea}.purchases-page .purchase-summary .total-row span:first-child{color:#344054;font-weight:700}.purchases-page .purchase-summary .total-row span:last-child{color:#1557b0;font-weight:750}.purchases-page .purchase-summary input{border:1px solid #d5dbe2;border-radius:5px;background:#fff;height:34px;padding:6px 9px;box-sizing:border-box;outline:none}.purchases-page .purchase-summary input:focus{border-color:#1557b0;box-shadow:0 0 0 2px #1557b014}.purchases-page .purchase-items-table button{border-radius:5px}.purchases-page .purchase-items-table .remove-btn{min-width:72px;height:30px;padding:0 14px;border:1px solid #f04438;border-radius:999px;background:#fff1f0;color:#d92d20;font-size:11px;font-weight:700;cursor:pointer;transition:all .15s ease}.purchases-page .purchase-items-table .remove-btn:hover{background:#d92d20;border-color:#d92d20;color:#fff}.purchases-page .purchase-items-table .remove-btn:active{transform:translateY(1px)}.purchases-page .purchase-summary .purchase-field label{display:block;margin-bottom:6px;color:#52606d;font-size:11px;font-weight:700}.purchases-page .purchase-summary .purchase-field input,.purchases-page .purchase-summary .purchase-field select{width:100%;height:36px;padding:7px 9px;border:1px solid #d5dbe2;border-radius:5px;background:#fff;color:#263238;font-size:12px;outline:none;box-sizing:border-box}.purchases-page .purchase-summary .purchase-field input:focus,.purchases-page .purchase-summary .purchase-field select:focus{border-color:#1557b0;box-shadow:0 0 0 2px #1557b014}.purchases-page .purchase-items-table td:last-child button{appearance:none!important;-webkit-appearance:none!important;min-width:78px!important;height:32px!important;padding:0 16px!important;border:1px solid #f04438!important;border-radius:999px!important;background:#fff1f0!important;color:#d92d20!important;font-family:inherit!important;font-size:12px!important;font-weight:700!important;line-height:1!important;cursor:pointer!important;box-shadow:none!important;transition:background-color .15s ease,color .15s ease,border-color .15s ease,transform .15s ease!important}.purchases-page .purchase-items-table td:last-child button:hover{background:#d92d20!important;border-color:#d92d20!important;color:#fff!important}.purchases-page .purchase-items-table td:last-child button:active{transform:scale(.97)}@media(max-width:900px){.purchases-page .purchase-summary{grid-template-columns:1fr}.purchases-page .purchase-summary-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.purchases-page .purchase-total-box{border-left:none;border-top:1px solid #e3e7ec}}@media(max-width:560px){.purchases-page .purchase-summary-fields{grid-template-columns:1fr}}.purchases-page .purchase-form-actions{width:100%;margin-top:16px;padding-top:16px;display:flex;align-items:center;justify-content:flex-end;gap:10px;border-top:1px solid #e5e7eb}@media(max-width:1100px){.purchases-page .entry-grid{grid-template-columns:minmax(180px,2fr) minmax(110px,1fr) minmax(120px,1fr)}.purchases-page .entry-grid .add-item-btn{width:100%}}@media(max-width:800px){.purchases-page{padding:18px 16px 30px}.purchases-page .purchases-header{align-items:flex-start;flex-direction:column}.purchases-page .purchases-header .new-purchase-btn{width:100%}.purchases-page .purchase-form-grid{grid-template-columns:1fr}.purchases-page .entry-grid{grid-template-columns:1fr 1fr}.purchases-page .entry-grid .add-item-btn{width:100%}}@media(max-width:560px){.purchases-page{padding:14px 10px 24px}.purchases-page .purchases-header h1{font-size:22px}.purchases-page .purchase-order-builder>.section-header{padding:14px;align-items:flex-start}.purchases-page .purchase-form-grid{padding:14px;gap:12px}.purchases-page .product-entry-area{margin:14px;padding:14px}.purchases-page .purchase-items-section{padding:0 14px 14px}.purchases-page .entry-grid{grid-template-columns:1fr}.purchases-page .purchase-summary{width:100%}.purchases-page .purchase-form-actions{flex-direction:column;align-items:stretch}.purchases-page .purchase-form-actions button{width:100%}}.purchases-page .low-stock-section{overflow:hidden}.purchases-page .low-stock-section .section-header{min-height:62px;padding:15px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #e5e7eb;background:#fff}.purchases-page .low-stock-section .section-header h2,.purchases-page .low-stock-section .section-header h3{margin:0 0 4px;color:#111827;font-size:17px;font-weight:700}.purchases-page .low-stock-section .section-header p{margin:0;color:#6b7280;font-size:12px}.purchases-page .show-all-btn{min-height:34px;padding:0 12px;border:1px solid #cbd5e1;border-radius:5px;background:#fff;color:#374151;font-size:12px;font-weight:700;white-space:nowrap}.purchases-page .show-all-btn:hover{background:#f8fafc;border-color:#94a3b8}.purchases-page .low-stock-section .table-responsive{width:100%;overflow-x:auto;background:#fff}.purchases-page .low-stock-table{width:100%;min-width:820px;border-collapse:separate;border-spacing:0;table-layout:fixed}.purchases-page .low-stock-table th{height:42px;padding:10px 12px;background:#374151;color:#fff;border-right:1px solid #4b5563;border-bottom:1px solid #374151;font-size:11px;font-weight:700;text-align:left;white-space:nowrap;text-transform:uppercase}.purchases-page .low-stock-table th:last-child{border-right:none}.purchases-page .low-stock-table td{min-height:48px;padding:11px 12px;background:#fff;color:#374151;border-right:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;font-size:12px;vertical-align:middle}.purchases-page .low-stock-table td:last-child{border-right:none}.purchases-page .low-stock-table tbody tr:last-child td{border-bottom:none}.purchases-page .low-stock-table tbody tr:hover td{background:#f8fafc}.purchases-page .low-stock-table td:first-child{color:#111827;font-weight:700}.purchases-page .low-stock-table td:nth-child(3){font-weight:700;color:#dc2626}.purchases-page .low-stock-table td:nth-child(4){font-weight:600;color:#374151}.purchases-page .low-stock-table td:nth-child(5){font-weight:600;color:#111827;white-space:nowrap}.purchases-page .low-stock-table .add-to-order-btn{min-height:32px;padding:0 11px;border:1px solid #2563eb;border-radius:5px;background:#fff;color:#2563eb;font-size:11px;font-weight:700;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center}.purchases-page .low-stock-table .add-to-order-btn:hover{background:#2563eb;color:#fff}.purchases-page .purchase-orders-section{overflow:hidden}.purchases-page .purchase-orders-section .section-header{min-height:62px;padding:15px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #e5e7eb;background:#fff}.purchases-page .purchase-orders-section .section-header h2,.purchases-page .purchase-orders-section .section-header h3{margin:0 0 4px;color:#111827;font-size:17px;font-weight:700}.purchases-page .purchase-orders-section .section-header p{margin:0;color:#6b7280;font-size:12px}.purchases-page .purchase-orders-section .table-responsive{width:100%;overflow-x:auto;background:#fff}.purchases-page .purchase-orders-table{width:100%;min-width:1180px;border-collapse:separate;border-spacing:0;table-layout:fixed}.purchases-page .purchase-orders-table th{height:43px;padding:10px 11px;background:#374151;color:#fff;border-right:1px solid #4b5563;border-bottom:1px solid #374151;font-size:10.5px;font-weight:700;text-align:left;white-space:nowrap;text-transform:uppercase;letter-spacing:.15px}.purchases-page .purchase-orders-table th:last-child{border-right:none}.purchases-page .purchase-orders-table td{min-height:50px;padding:10px 11px;background:#fff;color:#374151;border-right:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;font-size:12px;line-height:1.4;vertical-align:middle}.purchases-page .purchase-orders-table td:last-child{border-right:none}.purchases-page .purchase-orders-table tbody tr:last-child td{border-bottom:none}.purchases-page .purchase-orders-table tbody tr:hover td{background:#f8fafc}.purchases-page .purchase-orders-table td:first-child{white-space:nowrap;color:#4b5563}.purchases-page .purchase-orders-table td:nth-child(2){color:#111827;font-weight:700;white-space:nowrap}.purchases-page .purchase-orders-table td:nth-child(3){color:#374151;font-weight:600}.purchases-page .purchase-orders-table td:nth-child(4){text-align:center;font-weight:600}.purchases-page .purchase-orders-table td:nth-child(5){white-space:nowrap;color:#4b5563}.purchases-page .purchase-orders-table td:nth-child(6){color:#111827;font-weight:700;white-space:nowrap}.purchases-page .purchase-status-badge,.purchases-page .status-badge{min-height:24px;padding:4px 8px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid transparent;font-size:10px;font-weight:700;line-height:1;white-space:nowrap;text-transform:uppercase}.purchases-page .status-ordered,.purchases-page .purchase-status-ordered{background:#eff6ff;color:#1d4ed8;border-color:#bfdbfe}.purchases-page .status-received,.purchases-page .purchase-status-received{background:#ecfdf5;color:#047857;border-color:#a7f3d0}.purchases-page .status-partial,.purchases-page .purchase-status-partial{background:#fffbeb;color:#b45309;border-color:#fde68a}.purchases-page .status-draft,.purchases-page .purchase-status-draft{background:#f3f4f6;color:#4b5563;border-color:#d1d5db}.purchases-page .status-cancelled,.purchases-page .purchase-status-cancelled{background:#fef2f2;color:#b91c1c;border-color:#fecaca}.purchases-page .purchase-order-actions{min-width:250px;display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:6px}.purchases-page .purchase-order-actions button{min-height:30px;padding:0 9px;border-radius:5px;background:#fff;font-size:10.5px;font-weight:700;line-height:1;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center}.purchases-page .purchase-order-actions .view-po-btn,.purchases-page .purchase-order-actions .secondary-text-btn{border:1px solid #cbd5e1;color:#374151;background:#fff}.purchases-page .purchase-order-actions .view-po-btn:hover,.purchases-page .purchase-order-actions .secondary-text-btn:hover{background:#f8fafc;border-color:#94a3b8}.purchases-page .purchase-order-actions .print-po-btn{border:1px solid #7c3aed;color:#7c3aed;background:#fff}.purchases-page .purchase-order-actions .print-po-btn:hover{background:#7c3aed;color:#fff}.purchases-page .purchase-order-actions .receive-order-btn{border:1px solid #16a34a;color:#15803d;background:#fff}.purchases-page .purchase-order-actions .receive-order-btn:hover{background:#16a34a;color:#fff}.purchases-page .purchase-order-actions .view-grn-btn{border:1px solid #2563eb;color:#2563eb;background:#fff}.purchases-page .purchase-order-actions .view-grn-btn:hover{background:#2563eb;color:#fff}.purchases-page .purchase-orders-table th:nth-child(1),.purchases-page .purchase-orders-table td:nth-child(1){width:105px}.purchases-page .purchase-orders-table th:nth-child(2),.purchases-page .purchase-orders-table td:nth-child(2){width:165px}.purchases-page .purchase-orders-table th:nth-child(3),.purchases-page .purchase-orders-table td:nth-child(3){width:180px}.purchases-page .purchase-orders-table th:nth-child(4),.purchases-page .purchase-orders-table td:nth-child(4){width:65px}.purchases-page .purchase-orders-table th:nth-child(5),.purchases-page .purchase-orders-table td:nth-child(5){width:125px}.purchases-page .purchase-orders-table th:nth-child(6),.purchases-page .purchase-orders-table td:nth-child(6){width:135px}.purchases-page .purchase-orders-table th:nth-child(7),.purchases-page .purchase-orders-table td:nth-child(7){width:95px}.purchases-page .purchase-orders-table th:nth-child(8),.purchases-page .purchase-orders-table td:nth-child(8){width:270px}@media(max-width:900px){.purchases-page .low-stock-section .section-header,.purchases-page .purchase-orders-section .section-header{align-items:flex-start;flex-direction:column}.purchases-page .low-stock-section .show-all-btn{width:auto}}@media(max-width:600px){.purchases-page .low-stock-section .section-header,.purchases-page .purchase-orders-section .section-header{padding:14px}.purchases-page .low-stock-table,.purchases-page .purchase-orders-table{min-width:800px}}.purchases-page .clear-selected-product-btn{min-width:72px;height:32px;padding:0 11px;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#4b5563;font-family:Arial,Helvetica,sans-serif;font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:4px;cursor:pointer;transition:all .15s ease}.purchases-page .clear-selected-product-btn:hover{background:#fef2f2;border-color:#fca5a5;color:#dc2626}.purchases-page .clear-selected-product-btn:active{transform:scale(.97)}.purchases-page .draft-items-expanded-cell{padding:0!important;background:#f8fafc!important;border-top:2px solid #d1d5db!important}.purchases-page .draft-expanded-panel{width:100%;margin:0;padding:18px 20px 20px;background:#f8fafc;border-left:4px solid #d1d5db;box-sizing:border-box}.purchases-page .draft-panel-header{width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:14px;padding:12px 14px;background:#fff;border:1px solid #d1d5db;border-radius:0;box-shadow:none}.purchases-page .draft-panel-header h3{margin:0;color:#111827;font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:700;line-height:1.3}.purchases-page .draft-panel-header p{margin:3px 0 0;color:#6b7280;font-family:Arial,Helvetica,sans-serif;font-size:11px;line-height:1.4}.purchases-page .draft-expanded-panel .table-responsive{width:100%;overflow-x:auto;overflow-y:visible;border:1px solid #b6bec8;border-radius:0;background:#fff;box-shadow:none}.purchases-page .draft-expanded-panel .draft-items-table{width:100%;min-width:900px;border:none;border-collapse:collapse;table-layout:fixed;background:#fff;font-family:Arial,Helvetica,sans-serif;font-size:12px}.purchases-page .draft-expanded-panel .draft-items-table thead th{height:40px;padding:10px 11px;background:#374151;color:#fff;border:1px solid #4b5563;font-size:10px;font-weight:700;line-height:1.25;text-align:left;vertical-align:middle;white-space:nowrap}.purchases-page .draft-expanded-panel .draft-items-table tbody td{min-height:50px;padding:12px 11px;background:#fff;color:#1f2937;border:1px solid #cbd5e1;font-size:12px;line-height:1.45;vertical-align:middle;overflow:visible;white-space:normal}.purchases-page .draft-expanded-panel .draft-items-table tbody tr:nth-child(2n) td{background:#f9fafb}.purchases-page .draft-expanded-panel .draft-items-table tbody tr:hover td{background:#f3f4f6}.purchases-page .draft-expanded-panel .draft-items-table th:nth-child(1),.purchases-page .draft-expanded-panel .draft-items-table td:nth-child(1){width:25%}.purchases-page .draft-expanded-panel .draft-items-table th:nth-child(2),.purchases-page .draft-expanded-panel .draft-items-table td:nth-child(2){width:12%}.purchases-page .draft-expanded-panel .draft-items-table th:nth-child(3),.purchases-page .draft-expanded-panel .draft-items-table td:nth-child(3){width:13%}.purchases-page .draft-expanded-panel .draft-items-table th:nth-child(4),.purchases-page .draft-expanded-panel .draft-items-table td:nth-child(4){width:8%;text-align:center}.purchases-page .draft-expanded-panel .draft-items-table th:nth-child(5),.purchases-page .draft-expanded-panel .draft-items-table td:nth-child(5){width:13%;text-align:right}.purchases-page .draft-expanded-panel .draft-items-table th:nth-child(6),.purchases-page .draft-expanded-panel .draft-items-table td:nth-child(6){width:13%;text-align:right}.purchases-page .draft-expanded-panel .draft-items-table th:nth-child(7),.purchases-page .draft-expanded-panel .draft-items-table td:nth-child(7){width:16%;text-align:center}.purchases-page .draft-expanded-panel .draft-items-table td:first-child strong{display:block;max-width:100%;color:#111827;font-size:12px;font-weight:700;line-height:1.4;overflow-wrap:anywhere;word-break:break-word}.purchases-page .draft-expanded-panel .money-cell{text-align:right!important;white-space:nowrap;font-weight:600;color:#111827}.purchases-page .draft-expanded-panel .table-number-input{width:90px;height:34px;padding:6px 9px;border:1px solid #cbd5e1;border-radius:0;background:#fff;color:#111827;font-family:Arial,Helvetica,sans-serif;font-size:12px;outline:none;box-sizing:border-box}.purchases-page .draft-expanded-panel .table-number-input:hover{border-color:#9ca3af}.purchases-page .draft-expanded-panel .table-number-input:focus{border-color:#6b7280;box-shadow:none}.purchases-page .draft-expanded-panel .table-actions{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:nowrap}.purchases-page .draft-expanded-panel .table-actions button{height:31px;min-width:60px;padding:0 10px;border-radius:0!important;font-family:Arial,Helvetica,sans-serif;font-size:10px;font-weight:700;line-height:1;white-space:nowrap;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.purchases-page .draft-expanded-panel .table-actions .text-btn{border:1px solid #cbd5e1;background:#fff;color:#374151}.purchases-page .draft-expanded-panel .table-actions .text-btn:hover{background:#f3f4f6;border-color:#9ca3af;color:#111827}.purchases-page .draft-expanded-panel .table-actions .success-text-btn{border:1px solid #86efac;background:#f0fdf4;color:#15803d}.purchases-page .draft-expanded-panel .table-actions .success-text-btn:hover{background:#dcfce7;border-color:#4ade80;color:#166534}.purchases-page .draft-expanded-panel .table-actions .secondary-text-btn{border:1px solid #cbd5e1;background:#fff;color:#4b5563}.purchases-page .draft-expanded-panel .table-actions .secondary-text-btn:hover{background:#f3f4f6;border-color:#9ca3af}.purchases-page .draft-expanded-panel .table-actions .danger-text-btn{border:1px solid #fecaca;background:#fff;color:#dc2626}.purchases-page .draft-expanded-panel .table-actions .danger-text-btn:hover{background:#fef2f2;border-color:#fca5a5;color:#b91c1c}.purchases-page .draft-expanded-panel .draft-panel-footer{width:100%;min-height:58px;margin-top:14px;padding:10px 14px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fff;border:1px solid #d1d5db;border-radius:0;box-shadow:none}.purchases-page .draft-expanded-panel .draft-total{display:flex;align-items:center;gap:12px}.purchases-page .draft-expanded-panel .draft-total span{color:#6b7280;font-size:11px;font-weight:600}.purchases-page .draft-expanded-panel .draft-total strong{color:#111827;font-size:15px;font-weight:700;white-space:nowrap}.purchases-page .draft-expanded-panel .draft-panel-footer .primary-btn{min-width:125px;height:36px;padding:0 16px;border:1px solid #1557b0!important;border-radius:0!important;background:#1557b0!important;color:#fff!important;font-family:Arial,Helvetica,sans-serif;font-size:11px;font-weight:700;cursor:pointer;box-shadow:none!important}.purchases-page .draft-expanded-panel .draft-panel-footer .primary-btn:hover{background:#124d9c!important;border-color:#124d9c!important}.purchases-page .draft-expanded-panel .draft-panel-footer .primary-btn:active{background:#0f4387!important;border-color:#0f4387!important}.purchases-page .draft-expanded-panel .draft-panel-footer .primary-btn:disabled{opacity:.55;cursor:not-allowed}.purchases-page .draft-expanded-panel,.purchases-page .draft-expanded-panel *,.purchases-page .draft-expanded-panel button,.purchases-page .draft-expanded-panel input,.purchases-page .draft-expanded-panel .table-responsive{border-radius:0!important}@media(max-width:900px){.purchases-page .draft-expanded-panel{padding:14px;border-left-width:3px}.purchases-page .draft-panel-header{align-items:flex-start;flex-direction:column}.purchases-page .draft-expanded-panel .draft-panel-footer{align-items:stretch;flex-direction:column}.purchases-page .draft-expanded-panel .draft-total{justify-content:space-between}.purchases-page .draft-expanded-panel .draft-panel-footer .primary-btn{width:100%}}.purchases-page .draft-expanded-panel .draft-items-table,.purchases-page .low-stock-section .low-stock-table,.purchases-page .purchase-orders-section .purchase-orders-table{width:100%;border-collapse:collapse;font-family:Arial,Helvetica,sans-serif;background:#fff}.purchases-page .draft-expanded-panel .draft-items-table thead th,.purchases-page .low-stock-section .low-stock-table thead th,.purchases-page .purchase-orders-section .purchase-orders-table thead th{height:40px;padding:10px 11px;background:#fff!important;color:#374151!important;border:1px solid #d1d5db!important;border-bottom:2px solid #cbd5e1!important;font-family:Arial,Helvetica,sans-serif!important;font-size:10px!important;font-weight:700!important;line-height:1.25;text-align:left;vertical-align:middle;white-space:nowrap}.purchases-page .draft-expanded-panel .draft-items-table tbody td,.purchases-page .low-stock-section .low-stock-table tbody td,.purchases-page .purchase-orders-section .purchase-orders-table tbody td{min-height:50px;padding:11px;background:#fff;color:#1f2937;border:1px solid #e2e5e9;font-family:Arial,Helvetica,sans-serif!important;font-size:12px!important;font-weight:400;line-height:1.45;vertical-align:middle}.purchases-page .draft-expanded-panel .draft-items-table tbody tr:nth-child(2n) td,.purchases-page .low-stock-section .low-stock-table tbody tr:nth-child(2n) td,.purchases-page .purchase-orders-section .purchase-orders-table tbody tr:nth-child(2n) td{background:#fafafa}.purchases-page .draft-expanded-panel .draft-items-table tbody tr:hover td,.purchases-page .low-stock-section .low-stock-table tbody tr:hover td,.purchases-page .purchase-orders-section .purchase-orders-table tbody tr:hover td{background:#f5f7f7}.purchases-page .draft-expanded-panel .table-responsive,.purchases-page .low-stock-section .table-responsive,.purchases-page .purchase-orders-section .table-responsive{width:100%;overflow-x:auto;overflow-y:visible;background:#fff;border:1px solid #d1d5db!important;border-radius:0!important;box-shadow:none!important}.purchases-page .draft-expanded-panel .draft-items-table,.purchases-page .draft-expanded-panel .draft-items-table th,.purchases-page .draft-expanded-panel .draft-items-table td,.purchases-page .low-stock-section .low-stock-table,.purchases-page .low-stock-section .low-stock-table th,.purchases-page .low-stock-section .low-stock-table td,.purchases-page .purchase-orders-section .purchase-orders-table,.purchases-page .purchase-orders-section .purchase-orders-table th,.purchases-page .purchase-orders-section .purchase-orders-table td{border-radius:0!important}.purchases-page .draft-expanded-panel .draft-items-table strong,.purchases-page .low-stock-section .low-stock-table strong,.purchases-page .purchase-orders-section .purchase-orders-table strong{font-family:Arial,Helvetica,sans-serif!important;font-size:12px!important;font-weight:700!important;color:#111827}.purchases-page .draft-expanded-panel .money-cell,.purchases-page .low-stock-section .money-cell,.purchases-page .purchase-orders-section .money-cell{font-family:Arial,Helvetica,sans-serif!important;font-size:12px!important;font-weight:600;color:#111827}.purchases-page .draft-expanded-panel .table-actions,.purchases-page .low-stock-section td:last-child,.purchases-page .purchase-orders-section td:last-child{font-family:Arial,Helvetica,sans-serif}.purchases-page .draft-expanded-panel .draft-items-table thead th,.purchases-page .low-stock-section .low-stock-table thead th,.purchases-page .purchase-orders-section .purchase-orders-table thead th{letter-spacing:.15px;text-transform:uppercase}.purchases-page .draft-expanded-panel .draft-items-table tbody td,.purchases-page .low-stock-section .low-stock-table tbody td,.purchases-page .purchase-orders-section .purchase-orders-table tbody td{box-sizing:border-box}@media(max-width:900px){.purchases-page .draft-expanded-panel .draft-items-table,.purchases-page .low-stock-section .low-stock-table,.purchases-page .purchase-orders-section .purchase-orders-table{min-width:850px}}.purchases-page .draft-items-table,.purchases-page .low-stock-table,.purchases-page .purchase-orders-table{width:100%;border-collapse:collapse;border-spacing:0;border:1px solid #cfd4da;border-radius:0!important;overflow:hidden;background:#fff;table-layout:fixed}.purchases-page .draft-items-table thead th,.purchases-page .low-stock-table thead th,.purchases-page .purchase-orders-table thead th{background:#f3f4f6;color:#374151;font-family:Arial,Helvetica,sans-serif;font-size:10px;font-weight:700;text-align:left;padding:11px 12px;border:1px solid #cfd4da;border-top:0;white-space:nowrap;vertical-align:middle}.purchases-page .draft-items-table tbody td,.purchases-page .low-stock-table tbody td,.purchases-page .purchase-orders-table tbody td{background:#fff;color:#374151;font-family:Arial,Helvetica,sans-serif;font-size:12px;padding:12px;border:1px solid #d9dde2;vertical-align:middle;line-height:1.4}.purchases-page .draft-items-table tbody tr,.purchases-page .low-stock-table tbody tr,.purchases-page .purchase-orders-table tbody tr{border-bottom:1px solid #d9dde2}.purchases-page .draft-items-table tbody tr+tr td,.purchases-page .low-stock-table tbody tr+tr td,.purchases-page .purchase-orders-table tbody tr+tr td{border-top:1px solid #d9dde2}.purchases-page .draft-items-table th+th,.purchases-page .draft-items-table td+td,.purchases-page .low-stock-table th+th,.purchases-page .low-stock-table td+td,.purchases-page .purchase-orders-table th+th,.purchases-page .purchase-orders-table td+td{border-left:1px solid #d9dde2}.purchases-page .draft-items-table th:first-child,.purchases-page .draft-items-table td:first-child,.purchases-page .low-stock-table th:first-child,.purchases-page .low-stock-table td:first-child,.purchases-page .purchase-orders-table th:first-child,.purchases-page .purchase-orders-table td:first-child{border-left:1px solid #cfd4da}.purchases-page .draft-items-table th:last-child,.purchases-page .draft-items-table td:last-child,.purchases-page .low-stock-table th:last-child,.purchases-page .low-stock-table td:last-child,.purchases-page .purchase-orders-table th:last-child,.purchases-page .purchase-orders-table td:last-child{border-right:1px solid #cfd4da}.purchases-page .draft-items-table tbody tr:last-child td,.purchases-page .low-stock-table tbody tr:last-child td,.purchases-page .purchase-orders-table tbody tr:last-child td{border-bottom:1px solid #cfd4da}.purchases-page .draft-items-table tbody tr:hover td,.purchases-page .low-stock-table tbody tr:hover td,.purchases-page .purchase-orders-table tbody tr:hover td{background:#fafafa}.purchases-page .draft-items-table,.purchases-page .draft-items-table *,.purchases-page .low-stock-table,.purchases-page .low-stock-table *,.purchases-page .purchase-orders-table,.purchases-page .purchase-orders-table *,.purchases-page .purchase-drafts-section,.purchases-page .drafts-section,.purchases-page .purchase-drafts,.purchases-page .purchase-section{border-radius:0!important}.purchases-page .purchase-drafts-section .section-header,.purchases-page .drafts-section .section-header,.purchases-page .purchase-drafts .section-header{border-radius:0!important;background:#fff!important;border:1px solid #d1d5db!important;box-shadow:none!important}.purchases-page .purchase-drafts-section .section-header h2,.purchases-page .drafts-section .section-header h2,.purchases-page .purchase-drafts .section-header h2{color:#1f2937!important;font-family:Arial,Helvetica,sans-serif!important;font-size:15px!important;font-weight:700!important}.purchases-page .purchase-drafts-section .section-header p,.purchases-page .drafts-section .section-header p,.purchases-page .purchase-drafts .section-header p{color:#6b7280!important;font-family:Arial,Helvetica,sans-serif!important}.purchases-page .draft-card,.purchases-page .supplier-draft-card,.purchases-page .draft-item,.purchases-page .draft-row{border-radius:0!important;box-shadow:none!important}.purchases-page .draft-expanded-panel{border-radius:0!important;border:1px solid #d1d5db!important;box-shadow:none!important}.purchases-page .draft-panel-header{border-radius:0!important;border:1px solid #d1d5db!important;border-bottom:0!important;background:#f3f4f6!important;color:#374151!important}.purchases-page .draft-expanded-panel .table-responsive{border-radius:0!important;border:0!important}.purchases-page .draft-panel-footer{border-radius:0!important;border:1px solid #d1d5db!important;box-shadow:none!important}.purchases-page .draft-expanded-panel .draft-items-table{width:100%!important;border-collapse:collapse!important;border-spacing:0!important;border:1px solid #cfd4da!important;background:#fff!important;table-layout:fixed}.purchases-page .draft-expanded-panel .draft-items-table thead th{background:#fff!important;border-top:1px solid #cfd4da!important;border-bottom:1px solid #cfd4da!important;border-left:1px solid #cfd4da!important;border-right:1px solid #cfd4da!important;padding:10px 11px!important;font-family:Arial,Helvetica,sans-serif!important;font-size:10px!important;font-weight:700!important;color:#374151!important}.purchases-page .draft-expanded-panel .draft-items-table tbody td{background:#fff!important;border-top:1px solid #e2e5e9!important;border-bottom:1px solid #e2e5e9!important;border-left:1px solid #e2e5e9!important;border-right:1px solid #e2e5e9!important;padding:11px!important;font-family:Arial,Helvetica,sans-serif!important;font-size:12px!important;color:#1f2937!important}.purchases-page .draft-expanded-panel .draft-items-table th+th,.purchases-page .draft-expanded-panel .draft-items-table td+td{border-left:1px solid #cfd4da!important}.purchases-page .draft-expanded-panel .draft-items-table tbody tr+tr td{border-top:1px solid #d9dde2!important}.purchases-page .draft-expanded-panel .draft-items-table tbody tr:nth-child(2n) td{background:#fafafa!important}.purchases-page .draft-expanded-panel .draft-items-table tbody tr:hover td{background:#f5f7f7!important}.purchases-page .draft-expanded-panel .draft-items-table,.purchases-page .draft-expanded-panel .draft-items-table th,.purchases-page .draft-expanded-panel .draft-items-table td{border-radius:0!important}.purchases-page .low-stock-section .add-to-order-btn{min-width:108px;height:34px;padding:0 13px;display:inline-flex;align-items:center;justify-content:center;gap:6px;background:#076!important;color:#fff!important;border:1px solid #006b5c!important;border-radius:0!important;font-family:Arial,Helvetica,sans-serif!important;font-size:11px!important;font-weight:700!important;line-height:1;cursor:pointer;box-shadow:none!important;transition:background .15s ease,border-color .15s ease,transform .1s ease}.purchases-page .low-stock-section .add-to-order-btn:before{content:"+";display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;background:#ffffff29;border:1px solid rgba(255,255,255,.35);font-size:13px;font-weight:700;line-height:1}.purchases-page .low-stock-section .add-to-order-btn:hover{background:#005f52!important;border-color:#005447!important}.purchases-page .low-stock-section .add-to-order-btn:active{transform:translateY(1px)}.purchases-page .low-stock-section .add-to-order-btn:focus-visible{outline:2px solid #99d5cb;outline-offset:2px}.purchases-page .low-stock-section .add-to-order-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.purchases-page .table-expand-btn{width:32px!important;height:32px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0!important;margin:0!important;background:#1557b0!important;color:#fff!important;border:1px solid #1557b0!important;border-radius:0!important;font-family:Arial,Helvetica,sans-serif!important;font-size:19px!important;font-weight:800!important;line-height:1!important;cursor:pointer!important;box-shadow:none!important;transition:background-color .15s ease,border-color .15s ease,transform .1s ease!important}.purchases-page .table-expand-btn:hover{background:#124d9c!important;border-color:#124d9c!important;transform:translateY(-1px)}.purchases-page .table-expand-btn:active{background:#0f4387!important;border-color:#0f4387!important;transform:translateY(1px)}.purchases-page .table-expand-btn:focus-visible{outline:2px solid #6fa3df!important;outline-offset:2px!important}.purchases-page .table-expand-btn,.purchases-page .table-expand-btn:before,.purchases-page .table-expand-btn:after{border-radius:0!important}.purchases-page .draft-expanded-panel,.purchases-page .draft-items-expanded-cell{border-left:none!important;border-left-color:transparent!important;box-shadow:none!important}.purchases-page .draft-items-expanded-cell:before,.purchases-page .draft-expanded-panel:before{display:none!important;content:none!important}.purchases-page .draft-expanded-panel .draft-panel-header .secondary-btn{background:#1557b0!important;color:#fff!important;border:1px solid #1557b0!important;border-radius:0!important;font-family:Arial,Helvetica,sans-serif!important;font-size:12px!important;font-weight:700!important;box-shadow:none!important}.purchases-page .draft-expanded-panel .draft-panel-header .secondary-btn:hover{background:#124d9c!important;border-color:#124d9c!important}.purchases-page .draft-expanded-panel .draft-panel-header .secondary-btn:active{background:#0f4387!important;border-color:#0f4387!important}.purchases-page .draft-expanded-panel .text-btn{background:#fff!important;color:#374151!important;border:1px solid #dfe5ee!important;border-radius:0!important;box-shadow:none!important;font-family:Arial,Helvetica,sans-serif!important;font-size:12px!important;font-weight:700!important;padding:7px 14px!important}.purchases-page .draft-expanded-panel .text-btn:hover{background:#f8fafc!important;color:#1557b0!important;border:1px solid #dfe5ee!important}.purchases-page .low-stock-section .secondary-btn{display:inline-block!important;margin-top:6px!important;margin-bottom:18px!important;margin-left:0!important;width:auto!important;min-width:90px!important;padding:5px 9px!important;background:#fff!important;color:#1557b0!important;border:1px solid #dfe5ee!important;border-radius:0!important;box-shadow:none!important;font-family:Arial,Helvetica,sans-serif!important;font-size:11px!important;font-weight:700!important;cursor:pointer!important}.purchases-page .low-stock-section .secondary-btn:hover{background:#f5f8fc!important;color:#124d9c!important;border-color:#cbd5e1!important}.purchases-page .low-stock-section .primary-outline-btn{background:#1557b0!important;color:#fff!important;border:1px solid #1557b0!important;border-radius:0!important;box-shadow:none!important;font-family:Arial,Helvetica,sans-serif!important;font-size:12px!important;font-weight:700!important;padding:7px 12px!important;cursor:pointer!important}.purchases-page .low-stock-section .primary-outline-btn:hover{background:#124d9c!important;color:#fff!important;border-color:#124d9c!important}.purchases-page .low-stock-section .primary-outline-btn:active{background:#0f4387!important;border-color:#0f4387!important}.purchases-page .purchase-order-actions{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:6px!important;flex-wrap:wrap!important}.purchases-page .purchase-order-actions .secondary-text-btn{background:#1557b0!important;color:#fff!important;border:1px solid #1557b0!important;border-radius:0!important;box-shadow:none!important;font-family:Arial,Helvetica,sans-serif!important;font-size:11px!important;font-weight:700!important;padding:7px 10px!important;cursor:pointer!important}.purchases-page .purchase-order-actions .secondary-text-btn:hover{background:#124d9c!important;border-color:#124d9c!important}.purchases-page .purchase-order-actions .primary-text-btn{background:#008c95!important;color:#fff!important;border:1px solid #008c95!important;border-radius:0!important;box-shadow:none!important;font-family:Arial,Helvetica,sans-serif!important;font-size:11px!important;font-weight:700!important;padding:7px 10px!important;cursor:pointer!important}.purchases-page .purchase-order-actions .primary-text-btn:hover{background:#00737a!important;border-color:#00737a!important}.purchases-page .purchase-order-actions .success-text-btn{background:#238636!important;color:#fff!important;border:1px solid #238636!important;border-radius:0!important;box-shadow:none!important;font-family:Arial,Helvetica,sans-serif!important;font-size:11px!important;font-weight:700!important;padding:7px 10px!important;cursor:pointer!important}.purchases-page .purchase-order-actions .success-text-btn:hover{background:#1b6f2c!important;border-color:#1b6f2c!important}.purchases-page .purchase-order-actions .secondary-text-btn:last-child{background:#6256a8!important;color:#fff!important;border-color:#6256a8!important}.purchases-page .purchase-order-actions .secondary-text-btn:last-child:hover{background:#51478d!important;border-color:#51478d!important}.purchases-page .purchase-orders-show-btn{display:inline-block!important;margin-top:6px!important;margin-bottom:18px!important;padding:5px 10px!important;background:#fff!important;color:#1557b0!important;border:1px solid #dfe5ee!important;border-radius:0!important;box-shadow:none!important;font-family:Arial,Helvetica,sans-serif!important;font-size:11px!important;font-weight:700!important;cursor:pointer!important}.purchases-page .purchase-orders-show-btn:hover{background:#f5f8fc!important;color:#124d9c!important;border-color:#cbd5e1!important}.purchase-orders-section .purchase-orders-table{table-layout:auto;width:100%}.purchase-orders-section .purchase-orders-table th:nth-child(7),.purchase-orders-section .purchase-orders-table td:nth-child(7){min-width:170px!important;width:170px!important;white-space:nowrap!important;overflow:visible!important}.purchase-orders-section .purchase-orders-table th:nth-child(8),.purchase-orders-section .purchase-orders-table td:nth-child(8){min-width:280px!important;width:280px!important}.purchase-orders-section .purchase-orders-table .purchase-status-badge{display:inline-flex!important;align-items:center;justify-content:center;width:auto!important;min-width:145px!important;white-space:nowrap!important;overflow:visible!important;flex-shrink:0;box-sizing:border-box}@media print{body.printing-receipt *{visibility:hidden!important}body.printing-receipt .receipt-overlay,body.printing-receipt .receipt-window,body.printing-receipt .printable-receipt,body.printing-receipt .printable-receipt *{visibility:visible!important}body.printing-receipt .sales-page>*{display:none!important;visibility:hidden!important}body.printing-receipt .sales-page>.receipt-overlay,body.printing-receipt .sales-page>.receipt-overlay .receipt-window,body.printing-receipt .sales-page>.receipt-overlay .printable-receipt{visibility:visible!important}body.printing-receipt .sales-page>.receipt-overlay{display:block!important;position:static!important;width:80mm!important;min-width:80mm!important;max-width:80mm!important;height:auto!important;margin:0!important;padding:0!important;background:#fff!important;border:none!important;box-shadow:none!important;overflow:visible!important;transform:none!important}body.printing-receipt .receipt-window{display:block!important;position:static!important;width:80mm!important;min-width:80mm!important;max-width:80mm!important;height:auto!important;margin:0!important;padding:0!important;background:#fff!important;border:none!important;box-shadow:none!important;border-radius:0!important;overflow:visible!important;transform:none!important}body.printing-receipt .receipt-actions,body.printing-receipt .receipt-actions *{display:none!important;visibility:hidden!important}body.printing-receipt .printable-receipt{display:block!important;width:80mm!important;min-width:80mm!important;max-width:80mm!important;margin:0!important;padding:4mm!important;box-sizing:border-box!important;background:#fff!important;color:#000!important;border:none!important;box-shadow:none!important}body.printing-receipt .printable-receipt *{color:#000!important;text-shadow:none!important}body.printing-receipt .receipt-overlay:before,body.printing-receipt .receipt-overlay:after,body.printing-receipt .receipt-window:before,body.printing-receipt .receipt-window:after{display:none!important;content:none!important}body.printing-receipt .receipt-table tr,body.printing-receipt .receipt-info>div,body.printing-receipt .receipt-totals>div{break-inside:avoid!important;page-break-inside:avoid!important}body.printing-receipt .receipt-table{width:100%!important;border-collapse:collapse!important}@page{size:80mm auto;margin:0}html,body{margin:0!important;padding:0!important;background:#fff!important}}@media print{body.printing-receipt .app-header,body.printing-receipt .app-header *,body.printing-receipt .app-navbar,body.printing-receipt .app-navbar *,body.printing-receipt .top-header,body.printing-receipt .top-header *,body.printing-receipt .main-header,body.printing-receipt .main-header *,body.printing-receipt .header,body.printing-receipt .header *,body.printing-receipt header,body.printing-receipt header *{display:none!important;visibility:hidden!important}body.printing-receipt .receipt-actions,body.printing-receipt .receipt-actions *{display:none!important;visibility:hidden!important}body.printing-receipt .receipt-overlay{display:block!important;position:static!important;width:80mm!important;min-width:80mm!important;max-width:80mm!important;height:auto!important;margin:0!important;padding:0!important;background:#fff!important;box-shadow:none!important;border:none!important;overflow:visible!important}body.printing-receipt .receipt-window{display:block!important;position:static!important;width:80mm!important;min-width:80mm!important;max-width:80mm!important;height:auto!important;margin:0!important;padding:0!important;background:#fff!important;border:none!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important}body.printing-receipt .printable-receipt{display:block!important;width:80mm!important;min-width:80mm!important;max-width:80mm!important;height:auto!important;margin:0!important;padding:4mm!important;box-sizing:border-box!important;background:#fff!important;color:#000!important;border:none!important;box-shadow:none!important}body.printing-receipt .printable-receipt *{color:#000!important;text-shadow:none!important;box-shadow:none!important}body.printing-receipt{page:sales-receipt}body.printing-purchase-order{page:purchase-order}body.printing-grn{page:goods-received-note}}@page sales-receipt{size:80mm auto;margin:0}@page purchase-order{size:A4 portrait;margin:0}@page goods-received-note{size:A4 portrait;margin:0}.expenses-page{padding:24px;background:#f5f7fb}.expenses-page .page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.expenses-page .page-header h2{margin:0;font-size:25px;font-weight:700;color:#172033;letter-spacing:-.4px}.expenses-page .page-header p{margin:6px 0 0;font-size:14px;color:#718096}.expenses-page .page-header .btn-primary{display:inline-flex;align-items:center;justify-content:center;height:42px;padding:0 18px;border:0;border-radius:8px;background:#2563eb;color:#fff;font-size:14px;font-weight:600;box-shadow:0 4px 10px #2563eb2e;cursor:pointer;transition:all .18s ease}.expenses-page .page-header .btn-primary:hover{background:#1d4ed8;box-shadow:0 6px 14px #2563eb3b;transform:translateY(-1px)}.expenses-page>div:nth-of-type(2){margin-top:0!important;gap:16px!important}.expenses-page .expenses-summary-card{position:relative;min-height:0;height:auto;padding:16px 18px;border:1px solid #e5e7eb;border-radius:9px;background:#fff;box-shadow:none;overflow:hidden}.expenses-page .expenses-summary-card:before{display:none!important}.expenses-page .expenses-summary-card h4{margin:0 0 7px;color:#64748b;font-size:12px;font-weight:600}.expenses-page .expenses-summary-card h2{margin:0;color:#172033;font-size:19px;line-height:1.25;font-weight:650;letter-spacing:0}.expenses-page .expenses-summary-card:nth-child(2):before{display:none!important}.expenses-page .expenses-form-card{margin-top:22px!important;padding:22px;border:1px solid #e3e8ef;border-radius:12px;background:#fff;box-shadow:0 3px 12px #0f172a0b}.expenses-page .expenses-form-card h3{margin:0;padding-bottom:15px;border-bottom:1px solid #edf1f5;color:#172033;font-size:17px;font-weight:700}.expenses-page .expenses-form-card label{display:block;margin-bottom:6px;color:#475569;font-size:13px;font-weight:600}.expenses-page .expenses-form-card input,.expenses-page .expenses-form-card select,.expenses-page .expenses-form-card textarea{box-sizing:border-box;border:1px solid #d9e0e8!important;border-radius:7px!important;background:#fff!important;color:#1e293b;font-size:14px;outline:none;transition:all .16s ease}.expenses-page .expenses-form-card input:hover,.expenses-page .expenses-form-card select:hover,.expenses-page .expenses-form-card textarea:hover{border-color:#b9c4d1!important}.expenses-page .expenses-form-card input:focus,.expenses-page .expenses-form-card select:focus,.expenses-page .expenses-form-card textarea:focus{border-color:#2563eb!important;box-shadow:0 0 0 3px #2563eb14}.expenses-page .expenses-form-card form>div:last-child{padding-top:2px;border-top:1px solid #edf1f5}.expenses-page .expenses-records-card{margin-top:22px!important;padding:0;border:1px solid #e2e8f0;border-radius:12px;background:#fff;box-shadow:0 3px 12px #0f172a0b;overflow:hidden}.expenses-page .expenses-records-card h3{margin:0;padding:19px 22px;border-bottom:1px solid #e8edf3;color:#172033;font-size:16px;font-weight:700}.expenses-page .expenses-records-card>div{margin-top:0!important}.expenses-page .expenses-table{width:100%;border-collapse:separate;border-spacing:0;background:#fff}.expenses-page .expenses-table thead th{height:45px;padding:0 16px;border-bottom:1px solid #dfe5ec;background:#f8fafc;color:#64748b;font-size:11px;font-weight:700;letter-spacing:.055em;text-transform:uppercase;text-align:left;white-space:nowrap}.expenses-page .expenses-table tbody td{padding:15px 16px;border-bottom:1px solid #edf1f5;color:#334155;font-size:13.5px;background:#fff;vertical-align:middle}.expenses-page .expenses-table tbody tr:last-child td{border-bottom:0}.expenses-page .expenses-table tbody tr{transition:background .14s ease}.expenses-page .expenses-table tbody tr:hover td{background:#f8fbff}.expenses-page .expenses-table tbody td:first-child{color:#64748b;font-size:12.5px;white-space:nowrap}.expenses-page .expenses-table tbody td:nth-child(2){color:#172033;font-weight:600}.expenses-page .expenses-table tbody td:nth-child(3){color:#2563eb;font-weight:600}.expenses-page .expenses-table tbody td:nth-child(4){color:#64748b;max-width:260px}.expenses-page .expenses-table tbody td:nth-child(5){color:#172033;font-weight:700;white-space:nowrap}.expenses-page .expenses-table tbody td:last-child>div{display:flex;align-items:center;gap:6px!important}.expenses-page .expenses-table tbody td:last-child button{height:31px;padding:0 10px!important;border-radius:6px!important;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s ease}.expenses-page .expenses-table tbody td:last-child button:first-child{border:1px solid #d6dee8!important;background:#fff!important;color:#475569!important}.expenses-page .expenses-table tbody td:last-child button:first-child:hover{border-color:#2563eb!important;background:#eff6ff!important;color:#2563eb!important}.expenses-page .expenses-table tbody td:last-child button:last-child{border:1px solid #fecaca!important;background:#fff!important;color:#dc2626!important}.expenses-page .expenses-table tbody td:last-child button:last-child:hover{background:#fff1f2!important;border-color:#fca5a5!important}.expenses-page .expenses-records-card>p{margin:0!important;padding:35px 22px;color:#94a3b8;font-size:14px}@media(max-width:800px){.expenses-page{padding:16px}.expenses-page .page-header{align-items:flex-start;flex-direction:column}.expenses-page .page-header .btn-primary{width:100%}.expenses-page .expenses-table{min-width:850px}}.expenses-page .expenses-filter-bar{display:flex;align-items:flex-end;gap:10px;padding:14px 22px;border-bottom:1px solid #edf1f5;background:#fff}.expenses-page .expenses-date-filter{display:flex;flex-direction:column;gap:5px}.expenses-page .expenses-date-filter label{color:#64748b;font-size:11px;font-weight:600}.expenses-page .expenses-date-filter input{height:34px;min-width:155px;padding:0 9px;border:1px solid #d9e0e8;border-radius:6px;background:#fff;color:#334155;font-size:13px;outline:none;box-sizing:border-box}.expenses-page .expenses-date-filter input:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb14}.expenses-page .expenses-reset-filter{height:34px;padding:0 12px;border:1px solid #d9e0e8;border-radius:6px;background:#fff;color:#475569;font-size:12px;font-weight:600;cursor:pointer}.expenses-page .expenses-reset-filter:hover{background:#f8fafc;border-color:#cbd5e1}.expenses-page .expenses-show-more{display:flex;justify-content:center;padding:14px 20px;border-top:1px solid #edf1f5;background:#fff}.expenses-page .expenses-show-more button{height:34px;padding:0 16px;border:1px solid #d7dee8;border-radius:6px;background:#fff;color:#2563eb;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s ease}.expenses-page .expenses-show-more button:hover{background:#f8fbff;border-color:#2563eb}.customers-page{width:100%;min-height:100vh;padding:24px 28px 40px;background:#f5f7fb;color:#172033;box-sizing:border-box}.customers-page>.page-header,.customers-page .page-header{width:100%;margin:0 0 22px;display:flex;align-items:center;justify-content:space-between;gap:18px}.customers-page .page-header h2{margin:0;color:#172033;font-size:25px;line-height:1.25;font-weight:700;letter-spacing:-.3px}.customers-page .page-header p{margin:5px 0 0;color:#718096;font-size:13px;line-height:1.5}.customers-page .page-header button,.customers-page .add-customer-btn{min-height:40px;padding:0 16px;border:1px solid #1557b0;border-radius:6px;background:#1557b0;color:#fff;font-size:13px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease,transform .1s ease}.customers-page .page-header button:hover,.customers-page .add-customer-btn:hover{background:#124d9c;border-color:#124d9c}.customers-page .page-header button:active,.customers-page .add-customer-btn:active{transform:translateY(1px)}.customers-page .customer-search,.customers-page .search-box,.customers-page .customers-search{width:100%;margin-bottom:18px;padding:0}.customers-page .customer-search input,.customers-page .search-box input,.customers-page .customers-search input{width:100%;height:40px;padding:0 12px;border:1px solid #d9e0e8;border-radius:6px;outline:none;background:#fff;color:#1e293b;font-size:13px;box-sizing:border-box;transition:border-color .15s ease,box-shadow .15s ease}.customers-page .customer-search input:hover,.customers-page .search-box input:hover,.customers-page .customers-search input:hover{border-color:#b9c4d1}.customers-page .customer-search input:focus,.customers-page .search-box input:focus,.customers-page .customers-search input:focus{border-color:#1557b0;box-shadow:0 0 0 2px #1557b014}.customers-page .customer-form,.customers-page .add-customer-form,.customers-page .edit-customer-form{margin-bottom:20px;padding:20px;border:1px solid #e1e7ef;border-radius:9px;background:#fff;box-shadow:0 2px 8px #0f172a0a}.customers-page .customer-form h3,.customers-page .add-customer-form h3,.customers-page .edit-customer-form h3{margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid #edf1f5;color:#172033;font-size:16px;font-weight:700}.customers-page .customer-form label,.customers-page .add-customer-form label,.customers-page .edit-customer-form label{display:block;margin-bottom:6px;color:#475569;font-size:12px;font-weight:700}.customers-page .customer-form input,.customers-page .customer-form textarea,.customers-page .add-customer-form input,.customers-page .add-customer-form textarea,.customers-page .edit-customer-form input,.customers-page .edit-customer-form textarea{width:100%;min-height:38px;padding:8px 10px;border:1px solid #d5dce5;border-radius:6px;background:#fff;color:#1e293b;font-size:13px;outline:none;box-sizing:border-box}.customers-page .customer-form input:focus,.customers-page .customer-form textarea:focus,.customers-page .add-customer-form input:focus,.customers-page .add-customer-form textarea:focus,.customers-page .edit-customer-form input:focus,.customers-page .edit-customer-form textarea:focus{border-color:#1557b0;box-shadow:0 0 0 2px #1557b014}.customers-page .customers-list,.customers-page .customer-list,.customers-page .customers-card{width:100%;border:1px solid #e1e7ef;border-radius:9px;background:#fff;box-shadow:0 2px 8px #0f172a0a;overflow:hidden}.customers-page table{width:100%;border-collapse:separate;border-spacing:0;background:#fff}.customers-page table thead th{height:43px;padding:0 14px;border-bottom:1px solid #dfe5ec;background:#f8fafc;color:#64748b;font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;text-align:left;white-space:nowrap}.customers-page table tbody td{padding:13px 14px;border-bottom:1px solid #edf1f5;background:#fff;color:#334155;font-size:13px;vertical-align:middle}.customers-page table tbody tr:last-child td{border-bottom:none}.customers-page table tbody tr{transition:background-color .14s ease}.customers-page table tbody tr:hover td{background:#f8fbff}.customers-page table tbody td:first-child{color:#172033;font-weight:650}.customers-page table tbody td:first-child button,.customers-page .customer-name-btn{padding:0;border:none;background:transparent;color:#1557b0;font:inherit;font-weight:700;text-align:left;cursor:pointer}.customers-page table tbody td:first-child button:hover,.customers-page .customer-name-btn:hover{color:#124d9c;text-decoration:underline}.customers-page table tbody td:nth-child(2),.customers-page table tbody td:nth-child(3){color:#475569}.customers-page table tbody td:nth-child(3){word-break:break-word}.customers-page table tbody td:nth-child(4){color:#475569;font-weight:600;text-align:center}.customers-page table tbody td:nth-child(5){color:#172033;font-weight:700;white-space:nowrap}.customers-page table tbody td:last-child{white-space:nowrap}.customers-page table tbody td:last-child button{min-height:30px;padding:0 10px;margin-right:5px;border-radius:6px;background:#fff;font-size:11px;font-weight:650;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.customers-page table tbody td:last-child button:last-child{margin-right:0}.customers-page table tbody td:last-child button:first-child{border:1px solid #cbd8e6;color:#1557b0}.customers-page table tbody td:last-child button:first-child:hover{background:#eff6ff;border-color:#9db8d7}.customers-page table tbody td:last-child button:nth-child(2){border:1px solid #d6dee8;color:#475569}.customers-page table tbody td:last-child button:nth-child(2):hover{background:#f8fafc;border-color:#aebbc9;color:#1e293b}.customers-page table tbody td:last-child button:last-child{border:1px solid #fecaca;color:#dc2626}.customers-page table tbody td:last-child button:last-child:hover{background:#fff1f2;border-color:#fca5a5}.customers-page .empty-state,.customers-page .no-customers,.customers-page>p{color:#94a3b8;font-size:13px}.customers-page .customer-profile,.customers-page .customer-profile-card{width:100%;border:1px solid #e1e7ef;border-radius:10px;background:#fff;box-shadow:0 3px 12px #0f172a0d;overflow:hidden}.customers-page .customer-profile-header{padding:18px 20px;display:flex;align-items:center;gap:14px;border-bottom:1px solid #e8edf3;background:#fff}.customers-page .customer-profile-header h2{margin:0;color:#172033;font-size:20px;font-weight:700}.customers-page .customer-profile-header p{margin:4px 0 0;color:#718096;font-size:12px}.customers-page .customer-profile-back,.customers-page .back-btn{min-height:34px;padding:0 11px;border:1px solid #d5dde7;border-radius:6px;background:#fff;color:#475569;font-size:12px;font-weight:650;cursor:pointer}.customers-page .customer-profile-back:hover,.customers-page .back-btn:hover{background:#f8fafc;border-color:#b9c4d1}.customers-page .customer-profile-details{padding:20px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.customers-page .customer-profile-detail{padding:13px;border:1px solid #e3e8ef;border-radius:7px;background:#f8fafc}.customers-page .customer-profile-detail span{display:block;margin-bottom:5px;color:#718096;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.customers-page .customer-profile-detail strong{display:block;color:#172033;font-size:13px;font-weight:650;word-break:break-word}.customers-page .customer-profile-stats{padding:0 20px 20px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.customers-page .customer-profile-stat{padding:14px 16px;border:1px solid #e1e7ef;border-radius:7px;background:#fff}.customers-page .customer-profile-stat span{display:block;margin-bottom:5px;color:#718096;font-size:11px;font-weight:600}.customers-page .customer-profile-stat strong{color:#172033;font-size:18px;font-weight:700}.customers-page .customer-history{margin:0 20px 20px;border:1px solid #e1e7ef;border-radius:8px;overflow:hidden;background:#fff}.customers-page .customer-history h3{margin:0;padding:14px 16px;border-bottom:1px solid #e8edf3;background:#f8fafc;color:#172033;font-size:14px;font-weight:700}.customers-page .customer-history table{min-width:650px}.customers-page .customer-history-wrap{width:100%;overflow-x:auto}.customers-page .customer-profile-actions{padding:14px 20px 20px;display:flex;justify-content:flex-end;gap:8px;border-top:1px solid #edf1f5}.customers-page .customer-profile-actions button{min-height:34px;padding:0 13px;border-radius:6px;font-size:12px;font-weight:650;cursor:pointer}.customers-page .customer-profile-actions button:first-child{border:1px solid #cbd8e6;background:#fff;color:#1557b0}.customers-page .customer-profile-actions button:first-child:hover{background:#eff6ff}.customers-page .customer-profile-actions button:last-child{border:1px solid #fecaca;background:#fff;color:#dc2626}.customers-page .customer-profile-actions button:last-child:hover{background:#fff1f2}@media(max-width:900px){.customers-page{padding:18px 16px 30px}.customers-page .customer-profile-details{grid-template-columns:repeat(2,minmax(0,1fr))}.customers-page table{min-width:780px}}@media(max-width:650px){.customers-page{padding:14px 10px 24px}.customers-page .page-header{align-items:flex-start;flex-direction:column}.customers-page .page-header button,.customers-page .add-customer-btn{width:100%}.customers-page .customer-profile-details,.customers-page .customer-profile-stats{grid-template-columns:1fr}.customers-page .customer-profile-header{align-items:flex-start;flex-direction:column}.customers-page .customer-profile-actions{align-items:stretch;flex-direction:column}.customers-page .customer-profile-actions button{width:100%}}.customers-page{background:#f5f7fb!important;padding:24px!important}.customers-page table{background:#fff!important;border:1px solid #dfe5ec!important;border-radius:8px!important}.page{box-sizing:border-box}.page .page-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.page .page-header h2{margin:0;color:#172033;font-size:24px;font-weight:700}.page .page-header p{margin:5px 0 0;color:#718096;font-size:13px}.page .btn-primary{min-height:40px;padding:0 16px;border:1px solid #1557b0;border-radius:6px;background:#1557b0;color:#fff;font-size:13px;font-weight:700;cursor:pointer;box-shadow:none}.page .btn-primary:hover{background:#124d9c;border-color:#124d9c}.page .card{border:1px solid #e1e7ef;border-radius:9px;background:#fff;box-shadow:0 2px 8px #0f172a0a}.page .card.expenses-summary-card{padding:20px;margin-bottom:20px}.page .card label{color:#475569;font-size:12px;font-weight:700}.page .card input,.page .card textarea,.page .card select{border:1px solid #d5dce5;border-radius:6px;background:#fff;color:#172033;outline:none}.page .card input:focus,.page .card textarea:focus,.page .card select:focus{border-color:#1557b0;box-shadow:0 0 0 2px #1557b014}.page .table thead th{background:#f8fafc;color:#64748b;border-bottom:1px solid #dfe5ec;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:13px 14px;white-space:nowrap}.page .table button{min-height:30px;padding:0 10px;margin-right:5px;border:1px solid #d5dde7;border-radius:6px;background:#fff;color:#475569;font-size:11px;font-weight:650;cursor:pointer}.page .table button:hover{background:#f8fafc;border-color:#b9c4d1}.page .table button:last-child{color:#dc2626;border-color:#fecaca}.page .table button:last-child:hover{background:#fff1f2;border-color:#fca5a5}@media(max-width:700px){.page .page-header{align-items:flex-start;flex-direction:column}.page .page-header .btn-primary{width:100%}.page .table{min-width:760px}}.page .customer-profile-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:24px;background:#0f172a6b;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.page .customer-profile-modal{width:min(760px,100%);max-height:calc(100vh - 48px);overflow-y:auto;background:#fff;border:1px solid #e1e7ef;border-radius:12px;box-shadow:0 18px 50px #0f172a2e}.page .customer-profile-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 22px;border-bottom:1px solid #e8edf3;background:#fff}.page .customer-profile-header h3{margin:0;color:#172033;font-size:19px;font-weight:700}.page .customer-profile-header p{margin:4px 0 0;color:#718096;font-size:12px}.page .customer-profile-close{width:34px;height:34px;padding:0;border:1px solid #d9e0e8;border-radius:6px;background:#fff;color:#64748b;font-size:18px;line-height:1;cursor:pointer}.page .customer-profile-close:hover{background:#f8fafc;border-color:#bfc9d5;color:#172033}.page .customer-profile-modal>div{box-sizing:border-box}.page .customer-profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:20px 22px}.page .customer-profile-grid>div{padding:14px 15px;border:1px solid #e4e9ef;border-radius:8px;background:#f8fafc}.page .customer-profile-grid strong{display:block;margin-bottom:5px;color:#64748b;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.page .customer-profile-grid span,.page .customer-profile-grid p{margin:0;color:#172033;font-size:13px;font-weight:600}.page .customer-profile-stat{padding:16px;border:1px solid #e1e7ef;border-radius:8px;background:#fff}.page .customer-profile-stat strong{display:block;margin-bottom:6px;color:#64748b;font-size:10px;text-transform:uppercase;letter-spacing:.05em}.page .customer-profile-stat span{color:#1557b0;font-size:20px;font-weight:750}.page .customer-purchase-history{margin:0 22px 20px;border:1px solid #e1e7ef;border-radius:8px;overflow:hidden;background:#fff}.page .customer-purchase-history h4{margin:0;padding:13px 15px;border-bottom:1px solid #e5eaf0;background:#f8fafc;color:#334155;font-size:12px;font-weight:700}.page .customer-purchase-history table{width:100%;border-collapse:collapse}.page .customer-purchase-history th{padding:10px 12px;background:#fff;border-bottom:1px solid #e8edf3;color:#64748b;font-size:10px;font-weight:700;text-align:left;text-transform:uppercase;letter-spacing:.04em}.page .customer-purchase-history td{padding:11px 12px;border-bottom:1px solid #edf1f5;color:#475569;font-size:12px}.page .customer-purchase-history tr:last-child td{border-bottom:none}.page .customer-purchase-history tbody tr:hover td{background:#f8fbff}.page .customer-profile-actions{display:flex;justify-content:flex-end;gap:8px;padding:16px 22px 20px;border-top:1px solid #e8edf3}.page .customer-profile-actions button{min-height:36px;padding:0 14px;border-radius:6px;font-size:12px;font-weight:700;cursor:pointer}.page .customer-profile-actions button:first-child{border:1px solid #1557b0;background:#1557b0;color:#fff}.page .customer-profile-actions button:first-child:hover{background:#124d9c}.page .customer-profile-actions button:last-child{border:1px solid #d5dde7;background:#fff;color:#475569}.page .customer-profile-actions button:last-child:hover{background:#f8fafc}@media(max-width:650px){.page .customer-profile-overlay{padding:12px}.page .customer-profile-modal{max-height:calc(100vh - 24px);border-radius:9px}.page .customer-profile-grid{grid-template-columns:1fr;padding:15px}.page .customer-purchase-history{margin:0 15px 15px;overflow-x:auto}.page .customer-profile-actions{padding:14px 15px}}.page{width:100%;box-sizing:border-box}.page .card{box-sizing:border-box}.page .card input,.page .card select,.page .card textarea{min-height:42px;padding:0 12px;border:1px solid #d5dce5;border-radius:7px;background:#fff;color:#172033;font-size:13px;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.page .card textarea{min-height:78px;padding-top:10px;padding-bottom:10px;resize:vertical}.page .card input::placeholder,.page .card textarea::placeholder{color:#9aa5b3}.page .card input:hover,.page .card select:hover,.page .card textarea:hover{border-color:#b8c3d0}.page .card input:focus,.page .card select:focus,.page .card textarea:focus{border-color:#1557b0;outline:none;background:#fff;box-shadow:0 0 0 3px #1557b014}.page .card label{display:block;margin-bottom:6px;color:#475569;font-size:11px;font-weight:700;letter-spacing:.01em}.page button{font-family:inherit;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,transform .08s ease}.page button:active{transform:translateY(1px)}.page .btn-primary,.page .customer-profile-actions button:first-child{min-height:38px;padding:0 15px;border:1px solid #1557b0;border-radius:7px;background:#1557b0;color:#fff;font-size:12px;font-weight:700;box-shadow:0 1px 2px #0f172a14}.page .btn-primary:hover,.page .customer-profile-actions button:first-child:hover{background:#124d9c;border-color:#124d9c;box-shadow:0 3px 8px #1557b029}.page .btn-secondary,.page .customer-profile-actions button:last-child{min-height:38px;padding:0 15px;border:1px solid #d5dde7;border-radius:7px;background:#fff;color:#475569;font-size:12px;font-weight:700}.page .btn-secondary:hover,.page .customer-profile-actions button:last-child:hover{background:#f8fafc;border-color:#bcc7d4;color:#334155}.page .table button{min-height:32px;padding:0 11px;margin:0 3px 0 0;border:1px solid #d5dde7;border-radius:6px;background:#fff;color:#475569;font-size:11px;font-weight:700;line-height:1;box-shadow:none}.page .table button:hover{background:#f8fafc;border-color:#b8c3d0;color:#1557b0}.page .table button:first-child{border-color:#cbd9ea;background:#f7faff;color:#1557b0}.page .table button:first-child:hover{background:#edf4ff;border-color:#a9c1df}.page .table button:nth-child(2){border-color:#d5dde7;background:#fff;color:#475569}.page .table button:nth-child(2):hover{background:#f5f7fa;color:#172033}.page .table button:last-child{border-color:#f1c7cc;background:snow;color:#dc2626}.page .table button:last-child:hover{background:#fff1f2;border-color:#e9a5ac;color:#b91c1c}.page .table tbody td:first-child{color:#1557b0;font-weight:700}.page .customer-profile-modal{width:min(720px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow-y:auto;border:1px solid #dfe5ec;border-radius:12px;background:#fff;box-shadow:0 20px 55px #0f172a2e}.page .customer-profile-header{min-height:64px;padding:15px 18px;border-bottom:1px solid #e8edf3}.page .customer-profile-header h3{font-size:18px;line-height:1.25}.page .customer-profile-close{flex:0 0 32px;width:32px;height:32px;border:1px solid #d5dde7;border-radius:7px;background:#fff;color:#64748b;font-size:17px}.page .customer-profile-close:hover{background:#f8fafc;border-color:#b9c4d1;color:#172033}.page .customer-profile-grid{gap:10px;padding:16px 18px}.page .customer-profile-grid>div{min-height:58px;padding:11px 13px;border:1px solid #e2e8ef;border-radius:8px;background:#f8fafc}.page .customer-profile-stat{min-height:70px;padding:13px 14px;border:1px solid #e1e7ef;border-radius:8px;background:#fff}.page .customer-profile-stat span{font-size:18px}.page .customer-purchase-history{margin:0 18px 16px;border-radius:8px}.page .customer-purchase-history h4{padding:11px 13px}.page .customer-purchase-history th{padding:9px 10px}.page .customer-purchase-history td{padding:10px}.page .customer-profile-actions{padding:13px 18px 16px;gap:7px;background:#fff}@media(max-width:700px){.page{padding:14px!important}.page .page-header{gap:12px;margin-bottom:14px}.page .page-header h2{font-size:20px}.page .card{border-radius:8px}.page .card input,.page .card select,.page .card textarea{min-height:40px;font-size:13px}.page .btn-primary,.page .btn-secondary{min-height:38px}.page .table{min-width:720px}.page .customer-profile-overlay{padding:10px}.page .customer-profile-modal{width:100%;max-height:calc(100vh - 20px);border-radius:10px}.page .customer-profile-header{padding:13px 15px}.page .customer-profile-grid{grid-template-columns:1fr;padding:13px 15px;gap:8px}.page .customer-profile-grid>div{min-height:52px}.page .customer-profile-stat{min-height:62px}.page .customer-purchase-history{margin:0 15px 13px;overflow-x:auto}.page .customer-purchase-history table{min-width:580px}.page .customer-profile-actions{padding:12px 15px 14px}}@media(max-width:420px){.page{padding:10px!important}.page .page-header h2{font-size:18px}.page .page-header{margin-bottom:12px}.page .card input,.page .card select,.page .card textarea{min-height:39px}.page .customer-profile-overlay{padding:6px}.page .customer-profile-modal{max-height:calc(100vh - 12px);border-radius:8px}.page .customer-profile-header,.page .customer-profile-grid{padding:12px}.page .customer-purchase-history{margin-left:12px;margin-right:12px}.page .customer-profile-actions{padding-left:12px;padding-right:12px}.page .customer-profile-actions button{flex:1}}.page{padding-left:42px!important;padding-right:42px!important;box-sizing:border-box}@media(min-width:1400px){.page{padding-left:60px!important;padding-right:60px!important}}@media(max-width:1100px){.page{padding-left:30px!important;padding-right:30px!important}}@media(max-width:700px){.page{padding-left:16px!important;padding-right:16px!important}}@media(max-width:420px){.page{padding-left:10px!important;padding-right:10px!important}}.page .customer-profile-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.page .customer-profile-actions .edit-btn,.page .customer-profile-actions button.edit-btn{min-height:36px;padding:0 15px;border:1px solid #c9d8eb;border-radius:7px;background:#f7faff;color:#1557b0;font-size:12px;font-weight:700;box-shadow:none}.page .customer-profile-actions .edit-btn:hover,.page .customer-profile-actions button.edit-btn:hover{background:#edf4ff;border-color:#a9c1df;color:#124d9c}.page .customer-profile-actions .delete-btn,.page .customer-profile-actions button.delete-btn{min-height:36px;padding:0 15px;border:1px solid #f0c4c9;border-radius:7px;background:#fff8f8;color:#dc2626;font-size:12px;font-weight:700;box-shadow:none}.page .customer-profile-actions .delete-btn:hover,.page .customer-profile-actions button.delete-btn:hover{background:#fff0f1;border-color:#e9a5ac;color:#b91c1c}@media(max-width:500px){.page .customer-profile-actions .edit-btn,.page .customer-profile-actions .delete-btn,.page .customer-profile-actions button.edit-btn,.page .customer-profile-actions button.delete-btn{flex:1;min-height:38px;padding:0 12px}}.page>div[style*="position: fixed"] .card>div:last-child{display:flex!important;justify-content:flex-end!important;align-items:center!important;gap:8px!important}.page>div[style*="position: fixed"] .card>div:last-child>button{min-height:38px!important;padding:0 16px!important;border-radius:7px!important;font-family:inherit!important;font-size:12px!important;font-weight:700!important;line-height:1!important;cursor:pointer!important;box-shadow:none!important;transition:background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease!important}.page>div[style*="position: fixed"] .card>div:last-child>button:first-child{background:#f7faff!important;border:1px solid #c5d6eb!important;color:#1557b0!important}.page>div[style*="position: fixed"] .card>div:last-child>button:first-child:hover{background:#edf4ff!important;border-color:#a8bfdd!important;color:#124d9c!important;box-shadow:0 2px 6px #1557b01a!important}.page>div[style*="position: fixed"] .card>div:last-child>button:last-child{background:#fff8f8!important;border:1px solid #efc3c8!important;color:#dc2626!important}.page>div[style*="position: fixed"] .card>div:last-child>button:last-child:hover{background:#fff0f1!important;border-color:#e6a3aa!important;color:#b91c1c!important;box-shadow:0 2px 6px #dc262614!important}@media(max-width:520px){.page>div[style*="position: fixed"] .card>div:last-child{justify-content:stretch!important}.page>div[style*="position: fixed"] .card>div:last-child>button{flex:1!important;min-height:40px!important}}.page:has(.page-header h2){box-sizing:border-box}.page-header h2{color:#172033;font-size:24px;font-weight:750;letter-spacing:-.3px}.page-header p{color:#64748b;font-size:13px;margin-top:4px}.page .card{background:#fff;border:1px solid #e7ebf0;border-radius:10px;box-shadow:0 3px 12px #0f172a0b}.page .card:has(select){padding:20px 22px;border-radius:10px;background:#fff}.page .card:has(select) h3{margin:0;color:#172033;font-size:15px;font-weight:700}.page label{display:block;margin-bottom:6px;color:#475569;font-size:12px;font-weight:650}.page select,.page input[type=date]{min-height:42px;padding:0 12px!important;border:1px solid #d6dde7;border-radius:7px;background:#fff;color:#1f2937;font-family:inherit;font-size:13px;outline:none;box-sizing:border-box;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.page select:hover,.page input[type=date]:hover{border-color:#b8c5d5}.page select:focus,.page input[type=date]:focus{border-color:#1557b0;box-shadow:0 0 0 3px #1557b014}.page .btn-primary{min-height:42px;padding:0 18px!important;border-radius:7px;font-size:13px;font-weight:700;box-shadow:0 2px 5px #1557b01f}.page>div>h3{color:#1f2937;font-size:15px;font-weight:750;letter-spacing:-.1px}.page>div[style*="color: #666"]{display:inline-flex;align-items:center;gap:5px;margin-top:18px!important;padding:7px 11px;border:1px solid #e4e9ef;border-radius:6px;background:#f8fafc;color:#64748b!important;font-size:12px}.page>div[style*="color: #666"] strong{color:#1f2937;font-weight:700}.page .card h4{margin:0;color:#64748b;font-size:11px;font-weight:750;text-transform:uppercase;letter-spacing:.45px}.page .card h2{margin:10px 0 0;color:#172033;font-size:24px;font-weight:750;letter-spacing:-.4px;line-height:1.15}.page .card:has(h4){transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.page .card:has(h4):hover{transform:translateY(-1px);border-color:#d7e1ec;box-shadow:0 5px 16px #0f172a12}.page .card h4:has(+h2){position:relative}.page .card h4{margin:0;color:#64748b;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.4px}.page .card h2{margin:9px 0 0;color:#26364a;font-size:20px;font-weight:600;letter-spacing:-.2px;line-height:1.2}.page .card:has(h4){position:relative;box-sizing:border-box;min-height:104px;border:1px solid #dce3eb;border-radius:9px;background:#fff;overflow:hidden;transition:transform .15s ease,box-shadow .15s ease}.page .card:has(h4):nth-child(1){border-color:#9dbbe0}.page .card:has(h4):nth-child(1) h2{color:#1557b0}.page .card:has(h4):nth-child(2){border-color:#e3c98f}.page .card:has(h4):nth-child(2) h2{color:#a66f16}.page .card:has(h4):nth-child(3){border-color:#9bc9b5}.page .card:has(h4):nth-child(3) h2{color:#28704f}.page .card:has(h4):nth-child(4){border-color:#b8c3d0}.page .card:has(h4):nth-child(4) h2{color:#475569}.page .card:has(h4):nth-child(5){border-color:#aebfd4}.page .card:has(h4):nth-child(5) h2{color:#416188}.page .card:has(h4):nth-child(6){border-color:#bfc9d4}.page .card:has(h4):nth-child(6) h2{color:#53657a}.page .card:has(h4):nth-child(7){border-color:#8fc4a9}.page .card:has(h4):nth-child(7) h2{color:#28704f}.page .card:has(h4):hover{transform:translateY(-1px);box-shadow:0 5px 16px #0f172a12}@media(max-width:700px){.page .card:has(h4){min-height:96px}.page .card h2{font-size:19px}}.page .table{width:100%;border-collapse:separate;border-spacing:0;background:#fff}.page .table thead th{padding:12px 14px;background:#f8fafc;border-bottom:1px solid #dfe5ec;color:#475569;font-size:10.5px;font-weight:750;text-transform:uppercase;letter-spacing:.45px;white-space:nowrap}.page .table tbody td{padding:13px 14px;border-bottom:1px solid #edf1f5;color:#334155;font-size:13px;background:#fff;vertical-align:middle}.page .table tbody tr:last-child td{border-bottom:none}.page .table tbody tr:hover td{background:#f8fbff}.page .card:has(.table) .table tbody td:nth-child(1){color:#64748b;white-space:nowrap}.page .card:has(.table) .table tbody td:nth-child(2){color:#1557b0;font-weight:650}.page .card:has(.table) .table tbody td:nth-child(4){color:#172033;font-weight:700;white-space:nowrap}.page .card:has(h4){text-align:center}.page .card:has(h4) h4{text-align:center}.page .card:has(h4) h2{text-align:center}.page .card:has(h4){text-align:center;padding-top:20px!important;padding-bottom:14px!important}.page .card:has(h4) h4{text-align:center;margin-top:2px;margin-bottom:0}.page .card:has(h4) h2{text-align:center;margin-top:9px}@media(max-width:700px){.page-header h2{font-size:21px}.page .card{border-radius:8px}.page .card h2{font-size:21px}.page .table{min-width:720px}}.page .card:has(.table) .table thead th{text-align:center!important;vertical-align:middle!important;padding:13px 12px!important;line-height:1.25;white-space:nowrap}.page .card:has(.table) .table tbody td{vertical-align:middle!important}.page .card:has(.table) .table tbody td{text-align:center}.page .card:has(.table) .table thead tr{height:44px}.page .card:has(.table) .table thead th{height:44px;box-sizing:border-box}.page-container:has(form.card){max-width:1050px}.page-container:has(form.card)>h1{margin-bottom:6px;color:#172033;font-size:24px;font-weight:700}.page-container:has(form.card)>.page-subtitle{margin-bottom:24px;color:#64748b;font-size:13px}.page-container:has(form.card)>button:first-child{border:1px solid #d8e0ea;border-radius:7px;background:#fff;color:#475569;padding:9px 14px;font-size:13px;font-weight:600;cursor:pointer}.page-container:has(form.card)>button:first-child:hover{border-color:#1557b0;color:#1557b0}.page-container:has(form.card) form.card{padding:28px;border:1px solid #e1e7ee;border-radius:10px;background:#fff;box-shadow:0 4px 16px #0f172a0d}.page-container:has(form.card) form.card h2{margin:0 0 20px;color:#1f2937;font-size:16px;font-weight:700}.page-container:has(form.card) .form-group{margin-bottom:18px}.page-container:has(form.card) .form-group label{display:block;margin-bottom:7px;color:#475569;font-size:12px;font-weight:650}.page-container:has(form.card) .form-group input,.page-container:has(form.card) .form-group textarea{width:100%;box-sizing:border-box;border:1px solid #d6dde7;border-radius:7px;background:#fff;color:#1f2937;font-family:inherit;font-size:13px;padding:11px 12px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.page-container:has(form.card) .form-group input{min-height:42px}.page-container:has(form.card) .form-group textarea{min-height:90px;resize:vertical}.page-container:has(form.card) .form-group input:focus,.page-container:has(form.card) .form-group textarea:focus{border-color:#1557b0;box-shadow:0 0 0 3px #1557b014}.page-container:has(form.card) form.card hr{margin:28px 0;border:0;border-top:1px solid #e8edf2}.page-container:has(form.card) form.card>div[style*=background]{border:1px solid #d7e4f2;color:#31516f;background:#f5f9fd!important}.page-container:has(form.card) form.card button[type=submit]{min-height:42px;padding:0 20px;border:0;border-radius:7px;background:#1557b0;color:#fff;font-size:13px;font-weight:700;cursor:pointer;transition:background .15s ease,transform .15s ease}.page-container:has(form.card) form.card button[type=submit]:hover{background:#124b99;transform:translateY(-1px)}.page-container:has(form.card) form.card button[type=submit]:disabled{opacity:.65;cursor:not-allowed;transform:none}.page-container:has(.settings-grid){padding-left:28px;padding-right:28px;padding-bottom:32px;box-sizing:border-box}.settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:22px;margin-right:8px}.settings-card{background:#fff;border:1px solid #e1e7ee;border-radius:9px;padding:18px;min-height:158px;box-sizing:border-box}.settings-icon{width:34px;height:34px;display:flex;align-items:center;justify-content:center;margin-bottom:12px;border-radius:7px;background:#eef4fb;color:#1557b0;font-size:11px;font-weight:700}.settings-card h3{margin:0 0 6px;color:#1f2937;font-size:14px;font-weight:700}.settings-card p{margin:0 0 15px;color:#64748b;font-size:12px;line-height:1.45}.settings-card button{min-height:34px;padding:0 14px;border:1px solid #d6dde7;border-radius:6px;background:#fff;color:#1557b0;font-size:12px;font-weight:600;cursor:pointer}.settings-card button:hover:not(:disabled){border-color:#1557b0;background:#f5f9fd}.settings-card button:disabled{color:#94a3b8;background:#f8fafc;cursor:default}@media(max-width:1000px){.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.settings-grid{grid-template-columns:1fr}.page-container:has(.settings-grid){padding-right:16px}}.page-container:has(.user-management-page){padding-left:28px;padding-right:28px;padding-bottom:32px;box-sizing:border-box}.user-management-page{max-width:1150px}.user-management-page .card{background:#fff;border:1px solid #e1e7ee;border-radius:9px;padding:22px;box-sizing:border-box;margin-bottom:18px}.user-management-page .card h2{margin:0 0 20px;color:#1f2937;font-size:16px;font-weight:700}.user-management-page form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px;row-gap:2px}.user-management-page .form-group{margin-bottom:16px}.user-management-page .form-group label{display:block;margin-bottom:7px;color:#475569;font-size:12px;font-weight:600}.user-management-page .form-group input,.user-management-page .form-group select{width:100%;min-height:40px;box-sizing:border-box;padding:9px 11px;border:1px solid #d6dde7;border-radius:6px;background:#fff;color:#1f2937;font-family:inherit;font-size:13px;outline:none}.user-management-page .form-group input:focus,.user-management-page .form-group select:focus{border-color:#1557b0;box-shadow:0 0 0 3px #1557b014}.user-management-page form>button[type=submit]{grid-column:1 / -1;justify-self:start;min-height:38px;padding:0 18px;border:0;border-radius:6px;background:#1557b0;color:#fff;font-size:12px;font-weight:700;cursor:pointer}.user-management-page form>button[type=submit]:hover{background:#124b99}.user-management-page .data-table{width:100%;border-collapse:collapse}.user-management-page .data-table th{background:#f8fafc;color:#475569;border-bottom:1px solid #dfe5ec;padding:12px;text-align:left;font-size:11px;font-weight:700;text-transform:uppercase}.user-management-page .data-table td{padding:12px;border-bottom:1px solid #edf1f5;color:#334155;font-size:13px;vertical-align:middle}.user-management-page .data-table tbody tr:last-child td{border-bottom:0}.user-management-page .data-table button{min-height:32px;padding:0 12px;border:1px solid #d6dde7;border-radius:6px;background:#fff;color:#1557b0;font-size:11px;font-weight:600;cursor:pointer}.user-management-page .data-table button:hover{border-color:#1557b0;background:#f5f9fd}@media(max-width:750px){.page-container:has(.user-management-page){padding-left:16px;padding-right:16px}.user-management-page form{grid-template-columns:1fr}}.security-settings-page{max-width:1050px;padding-left:28px;padding-right:28px;padding-bottom:32px;box-sizing:border-box}.security-settings-page>h1{margin-bottom:6px;color:#1f2937;font-size:24px;font-weight:700}.security-settings-page>.page-subtitle{margin-bottom:22px;color:#64748b;font-size:13px}.security-settings-page>.card{margin-top:0!important;margin-bottom:18px;padding:22px;border:1px solid #e1e7ee;border-radius:9px;background:#fff;box-sizing:border-box}.security-settings-page>.card h2{margin:0 0 20px;color:#1f2937;font-size:16px;font-weight:700}.security-settings-page .form-group{margin-bottom:16px}.security-settings-page .form-group label{display:block;margin-bottom:7px;color:#475569;font-size:12px;font-weight:600}.security-settings-page .form-group input{width:100%;min-height:40px;box-sizing:border-box;padding:9px 11px;border:1px solid #d6dde7;border-radius:6px;background:#fff;color:#1f2937;font-family:inherit;font-size:13px;outline:none}.security-settings-page .form-group input:focus{border-color:#1557b0;box-shadow:0 0 0 3px #1557b014}.security-settings-page>.card label{display:flex;align-items:flex-start;gap:10px;margin-bottom:14px;color:#475569;font-size:13px;line-height:1.45;cursor:pointer}.security-settings-page>.card label input[type=checkbox]{flex:0 0 auto;width:16px;height:16px;margin:1px 0 0;accent-color:#1557b0;cursor:pointer}.security-settings-page>.card br{display:none}.security-settings-page>.card button{min-height:38px;padding:0 18px;border:0;border-radius:6px;background:#1557b0;color:#fff;font-size:12px;font-weight:700;cursor:pointer}.security-settings-page>.card button:hover:not(:disabled){background:#124b99}.security-settings-page>.card button:disabled{opacity:.65;cursor:not-allowed}.security-settings-page>.card>div[style*=background]{border:1px solid #d7e4f2;background:#f5f9fd!important;color:#31516f}@media(max-width:650px){.security-settings-page{padding-left:16px;padding-right:16px}}.backup-restore-page{width:100%}.backup-restore-actions{display:flex;align-items:center;gap:12px;margin-top:20px}.backup-restore-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:24px;margin-top:20px;box-shadow:0 1px 3px #0f172a0d}.backup-restore-card h2{margin:0 0 8px;color:#1e293b;font-size:18px;font-weight:600}.backup-restore-card>p{margin:0;color:#64748b;font-size:14px;line-height:1.6}.backup-create-button{background:#1557b0!important;color:#fff!important;border:1px solid #1557b0!important;border-radius:6px!important;padding:10px 18px!important;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s ease,border-color .2s ease,opacity .2s ease}.backup-create-button:hover:not(:disabled){background:#11458f!important;border-color:#11458f!important}.backup-create-button:disabled{opacity:.65;cursor:not-allowed}.backup-message{margin-top:20px;padding:12px 15px;border:1px solid #bfdbfe;border-radius:6px;background:#eff6ff;color:#1e40af;font-size:14px}.backup-error{margin-top:20px;padding:12px 15px;border:1px solid #fecaca;border-radius:6px;background:#fef2f2;color:#991b1b;font-size:14px}.backup-table-wrapper{width:100%;overflow-x:auto;margin-top:18px}.backup-table{width:100%;border-collapse:collapse;min-width:760px}.backup-table th{padding:13px 14px;background:#f8fafc;border:1px solid #e2e8f0;color:#475569;text-align:left;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.backup-table td{padding:13px 14px;border:1px solid #e2e8f0;color:#334155;font-size:14px;vertical-align:middle}.backup-table tbody tr:hover{background:#f8fafc}.backup-file-name{color:#1e293b;font-weight:600;word-break:break-all}.backup-action-buttons{display:flex;align-items:center;gap:8px;white-space:nowrap}.backup-download-button,.backup-restore-button{border-radius:5px!important;padding:8px 13px!important;font-size:13px;font-weight:600;cursor:pointer}.backup-download-button{background:#fff!important;color:#1557b0!important;border:1px solid #1557b0!important}.backup-download-button:hover:not(:disabled){background:#eff6ff!important}.backup-restore-button{background:#1557b0!important;color:#fff!important;border:1px solid #1557b0!important}.backup-restore-button:hover:not(:disabled){background:#11458f!important;border-color:#11458f!important}.backup-download-button:disabled,.backup-restore-button:disabled{opacity:.6;cursor:not-allowed}.backup-empty-state{padding:30px 15px;text-align:center;color:#64748b;font-size:14px}.backup-loading{padding:20px 0;color:#64748b;font-size:14px}@media(max-width:768px){.backup-restore-card{padding:18px}.backup-restore-actions{flex-direction:column;align-items:stretch}.backup-create-button{width:100%}.backup-action-buttons{flex-wrap:wrap}}.backup-back-button{display:inline-flex;align-items:center;gap:7px;background:#fff!important;color:#1557b0!important;border:1px solid #cbd5e1!important;border-radius:6px!important;padding:9px 14px!important;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease}.backup-back-button:hover{background:#f8fafc!important;border-color:#1557b0!important;color:#11458f!important}.security-settings-page .security-back-button{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;height:38px!important;padding:0 15px!important;background:#fff!important;color:#1557b0!important;border:1px solid #cbd5e1!important;border-radius:6px!important;font-size:13px!important;font-weight:600!important;line-height:1!important;cursor:pointer!important;box-shadow:0 1px 2px #0f172a0d!important;transition:background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease,transform .1s ease!important}.security-settings-page .security-back-button:hover{background:#f8fafc!important;color:#11458f!important;border-color:#1557b0!important;box-shadow:0 2px 5px #0f172a14!important}.security-settings-page .security-back-button:active{background:#f1f5f9!important;transform:translateY(1px);box-shadow:none!important}.page,.page-container,.user-management-page,.security-settings-page,.backup-restore-page{width:auto;max-width:none;margin-left:1cm;margin-right:1cm;box-sizing:border-box}.page,.page-container,.user-management-page,.security-settings-page,.backup-restore-page{font-family:inherit}.page .table,.page-container .table,.user-management-page .table,.security-settings-page .table,.backup-restore-page .table{width:100%;box-sizing:border-box}.page>.card,.page-container>.card,.user-management-page>.card,.security-settings-page>.card,.backup-restore-page>.card{width:100%;box-sizing:border-box}.page h1,.page h2,.page h3,.page h4,.page-container h1,.page-container h2,.page-container h3,.page-container h4{letter-spacing:-.2px;line-height:1.3}.page p,.page label,.page td,.page th,.page-container p,.page-container label,.page-container td,.page-container th{line-height:1.45}@media(max-width:768px){.page,.page-container,.user-management-page,.security-settings-page,.backup-restore-page{margin-left:12px;margin-right:12px}}.appearance-page{width:auto;max-width:none;margin-left:1cm;margin-right:1cm;padding-top:22px;padding-bottom:35px;box-sizing:border-box;color:#172033}.appearance-page-header{display:flex;align-items:flex-start;justify-content:space-between;width:100%;margin-bottom:22px}.appearance-page-header h2{margin:0 0 5px;color:#172033;font-size:24px;font-weight:700;line-height:1.25;letter-spacing:-.25px}.appearance-page-header p{margin:0;color:#64748b;font-size:13px;line-height:1.45}.appearance-section{width:100%;margin-bottom:18px;padding:20px;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-sizing:border-box}.appearance-section-heading{margin-bottom:16px}.appearance-section-heading h3{margin:0 0 4px;color:#1f2937;font-size:15px;font-weight:700;line-height:1.3}.appearance-section-heading p{margin:0;color:#64748b;font-size:13px;line-height:1.45}.appearance-option-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%}.appearance-option-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.appearance-option{position:relative;display:flex;align-items:center;gap:12px;min-height:78px;width:100%;padding:14px;border:1px solid #dbe3ec;border-radius:7px;background:#fff;color:#334155;text-align:left;cursor:pointer;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}.appearance-option:hover{border-color:#b8c7d9;background:#f8fafc}.appearance-option.selected{border-color:#1557b0;background:#f5f9ff;box-shadow:0 0 0 1px #1557b014}.appearance-option-icon{display:flex;align-items:center;justify-content:center;flex:0 0 38px;width:38px;height:38px;border-radius:6px;background:#eef4fb;color:#1557b0;font-size:21px}.appearance-option-content{display:flex;flex-direction:column;min-width:0;padding-right:22px}.appearance-option-content strong{color:#1f2937;font-size:13px;font-weight:700;line-height:1.3}.appearance-option-content span{margin-top:3px;color:#64748b;font-size:12px;font-weight:400;line-height:1.4}.appearance-check{position:absolute;top:13px;right:13px;color:#1557b0;font-size:18px}.appearance-color-options{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.appearance-color{display:flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;border:2px solid transparent;border-radius:50%;color:#fff;font-size:18px;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.appearance-color:hover{transform:scale(1.06)}.appearance-color.selected{border-color:#172033;box-shadow:0 0 0 3px #fff,0 0 0 5px #1557b0}.appearance-color.blue{background:#1557b0}.appearance-color.navy{background:#123b6d}.appearance-color.green{background:#16805c}.appearance-color.purple{background:#6b4bb5}.appearance-segmented{display:inline-flex;align-items:center;gap:4px;padding:4px;border:1px solid #dbe3ec;border-radius:7px;background:#f8fafc}.appearance-segmented button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:120px;min-height:36px;padding:7px 14px;border:0;border-radius:5px;background:transparent;color:#64748b;font-family:inherit;font-size:12px;font-weight:600;line-height:1.2;cursor:pointer;transition:background .18s ease,color .18s ease,box-shadow .18s ease}.appearance-segmented button:hover{color:#1f2937}.appearance-segmented button.active{background:#fff;color:#1557b0;box-shadow:0 1px 3px #0f172a14}.appearance-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;width:100%;margin-top:4px}.appearance-reset-button,.appearance-save-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:8px 16px;border-radius:6px;font-family:inherit;font-size:12px;font-weight:600;line-height:1.2;cursor:pointer;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease}.appearance-reset-button{border:1px solid #d5dde7;background:#fff;color:#475569}.appearance-reset-button:hover{background:#f8fafc;border-color:#c3cedb}.appearance-save-button{border:1px solid #1557b0;background:#1557b0;color:#fff}.appearance-save-button:hover{background:#124b99;border-color:#124b99;box-shadow:0 2px 5px #1557b02e}@media(max-width:900px){.appearance-page{margin-left:16px;margin-right:16px;padding-top:18px}.appearance-option-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.appearance-page{margin-left:12px;margin-right:12px;padding-top:15px;padding-bottom:25px}.appearance-page-header{margin-bottom:17px}.appearance-page-header h2{font-size:20px}.appearance-page-header p{font-size:13px}.appearance-section{margin-bottom:14px;padding:16px;border-radius:7px}.appearance-section-heading{margin-bottom:13px}.appearance-option-grid,.appearance-option-grid.two{grid-template-columns:1fr;gap:9px}.appearance-option{min-height:70px;padding:12px}.appearance-option-icon{flex-basis:35px;width:35px;height:35px;font-size:19px}.appearance-segmented{width:100%}.appearance-segmented button{flex:1;min-width:0;padding-left:10px;padding-right:10px}.appearance-actions{justify-content:stretch;flex-direction:column-reverse;gap:8px}.appearance-reset-button,.appearance-save-button{width:100%}}@media(max-width:420px){.appearance-page{margin-left:10px;margin-right:10px}.appearance-section{padding:14px}.appearance-option-content strong{font-size:13px}.appearance-option-content span{font-size:12px}}.appearance-theme-colors{display:flex;align-items:center;flex-wrap:wrap;gap:16px}.appearance-theme-color{position:relative;display:flex;align-items:center;justify-content:center;width:42px;height:42px;padding:0;border:3px solid #ffffff;border-radius:50%;background:var(--theme-color);color:#fff;cursor:pointer;box-shadow:0 0 0 1px #d6dee8,0 2px 5px #0f172a1a;transition:transform .18s ease,box-shadow .18s ease}.appearance-theme-color:hover{transform:scale(1.08);box-shadow:0 0 0 1px #b8c4d2,0 3px 7px #0f172a26}.appearance-theme-color svg{font-size:21px}@media(max-width:600px){.appearance-theme-colors{gap:14px}.appearance-theme-color{width:40px;height:40px}}:root{--pos-accent: #1557b0}.sidebar .active,.sidebar-nav .active,.nav-item.active,.sidebar-item.active{color:var(--pos-accent)!important}.sidebar .active svg,.sidebar-nav .active svg,.nav-item.active svg,.sidebar-item.active svg{color:var(--pos-accent)!important}button.primary,.btn-primary,.primary-button,button[type=submit]{background-color:var(--pos-accent);border-color:var(--pos-accent)}a{color:var(--pos-accent)}input:focus,select:focus,textarea:focus{border-color:var(--pos-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--pos-accent) 12%,transparent)}.appearance-option.selected{border-color:var(--pos-accent)}.appearance-option.selected .appearance-option-icon{color:var(--pos-accent);background:color-mix(in srgb,var(--pos-accent) 10%,#ffffff)}.appearance-check,.appearance-segmented button.active{color:var(--pos-accent)}.appearance-save-button{background-color:var(--pos-accent);border-color:var(--pos-accent)}@media(max-width:600px){.appearance-save-button{background-color:var(--pos-accent);border-color:var(--pos-accent)}}button.primary,.btn-primary,.primary-button,.primary-btn,.save-button,.add-button,.submit-button,button[type=submit]{background-color:var(--pos-accent)!important;border-color:var(--pos-accent)!important}button.primary:hover,.btn-primary:hover,.primary-button:hover,.primary-btn:hover,.save-button:hover,.add-button:hover,.submit-button:hover,button[type=submit]:hover{background-color:color-mix(in srgb,var(--pos-accent) 88%,#000000)!important;border-color:color-mix(in srgb,var(--pos-accent) 88%,#000000)!important}input:focus,select:focus,textarea:focus{border-color:var(--pos-accent)!important}input[type=checkbox],input[type=radio]{accent-color:var(--pos-accent)}a:hover{color:var(--pos-accent)}.appearance-theme-color.selected{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--theme-color),0 3px 7px #0f172a24}.sidebar-nav>button.active{color:var(--pos-accent)!important;background-color:color-mix(in srgb,var(--pos-accent) 9%,#ffffff)!important}.sidebar-nav>button.active svg{color:var(--pos-accent)!important;fill:var(--pos-accent)!important}.sidebar-nav>button:hover{color:#fff!important}.sidebar-nav>button.active:before,.sidebar-nav>button.active:after{background-color:var(--pos-accent)!important;border-color:var(--pos-accent)!important}.sidebar-brand,.sidebar-brand h2,.sidebar-brand span{color:inherit}.appearance-back-button{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 14px;margin:0 0 20px;border:1px solid #e4e7ec;border-radius:8px;background:#fff;color:#344054;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;box-shadow:0 1px 2px #1018280a;transition:border-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease}.appearance-back-button svg{width:18px;height:18px;color:#667085;transition:color .18s ease,transform .18s ease}.appearance-back-button:hover{background:#fff;border-color:#cbd5e1;color:#1557b0;box-shadow:0 3px 8px #10182812;transform:translateY(-1px)}.appearance-back-button:hover svg{color:#1557b0;transform:translate(-2px)}.appearance-back-button:active{transform:translateY(0);box-shadow:0 1px 3px #1018280d}.appearance-back-button:focus-visible{outline:none;border-color:#1557b0;box-shadow:0 0 0 3px #1557b01a}@media(max-width:768px){.appearance-back-button{height:36px;padding:0 12px;margin-bottom:16px;font-size:12px}.appearance-back-button svg{width:17px;height:17px}}.login-page{min-height:100vh;min-height:100dvh;width:100%;display:flex;align-items:center;justify-content:center;padding:24px;box-sizing:border-box;background:#f4f7fb}.login-shell{width:100%;max-width:920px;min-height:560px;display:grid;grid-template-columns:42% 58%;overflow:hidden;background:#fff;border:1px solid #e4e9f0;border-radius:18px;box-shadow:0 18px 45px #1018281a}.login-brand-panel{display:flex;flex-direction:column;justify-content:space-between;padding:48px 42px;box-sizing:border-box;color:#fff;background:linear-gradient(145deg,#1557b0,#0f448e)}.login-brand-content{margin-top:25px}.login-brand-mark{width:58px;height:58px;display:flex;align-items:center;justify-content:center;margin-bottom:25px;border:1px solid rgba(255,255,255,.25);border-radius:13px;background:#ffffff1f;color:#fff;font-size:19px;font-weight:800;letter-spacing:1px}.login-brand-panel h1{margin:0;color:#fff;font-size:27px;font-weight:700;line-height:1.2}.login-brand-line{width:38px;height:3px;margin:15px 0 11px;border-radius:10px;background:#ffffffbf}.login-brand-subtitle{margin:0;color:#ffffffe6;font-size:15px}.login-brand-description{max-width:260px;margin:24px 0 0;color:#ffffffad;font-size:12px;line-height:1.7}.login-brand-status{display:flex;align-items:center;gap:8px;width:fit-content;margin-top:28px;padding:8px 11px;border:1px solid rgba(255,255,255,.15);border-radius:7px;background:#ffffff14;color:#ffffffc7;font-size:10px}.login-status-dot{width:7px;height:7px;border-radius:50%;background:#fff}.login-brand-footer{color:#ffffff7a;font-size:10px}.login-card{display:flex;flex-direction:column;justify-content:center;padding:55px 65px;box-sizing:border-box;background:#fff}.login-heading{margin-bottom:28px}.login-mobile-mark{display:none}.login-welcome{display:block;margin-bottom:8px;color:#1557b0;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.3px}.login-heading h2{margin:0;color:#172033;font-size:26px;font-weight:700;line-height:1.25}.login-heading p{margin:9px 0 0;color:#7a8496;font-size:12px;line-height:1.6}.login-error{display:flex;align-items:flex-start;gap:8px;margin-bottom:18px;padding:10px 11px;border:1px solid #f0caca;border-radius:7px;background:#fff6f6;color:#b42318;font-size:11px;line-height:1.5}.login-error svg{width:16px;height:16px;flex-shrink:0}.login-field{margin-bottom:18px}.login-field label{display:block;margin-bottom:7px;color:#344054;font-size:11px;font-weight:600}.login-input-wrapper{position:relative}.login-input-icon{position:absolute;left:13px;top:50%;width:18px;height:18px;color:#98a2b3;transform:translateY(-50%);pointer-events:none}.login-input-wrapper input{width:100%;height:46px;box-sizing:border-box;padding:0 43px 0 40px;border:1px solid #d9dee7;border-radius:8px;outline:none;background:#fff;color:#172033;font-family:inherit;font-size:12px;transition:.18s ease}.login-input-wrapper input::placeholder{color:#a0a8b6}.login-input-wrapper input:hover{border-color:#c5ccd8}.login-input-wrapper input:focus{border-color:#1557b0;box-shadow:0 0 0 3px #1557b017}.login-input-wrapper:focus-within .login-input-icon{color:#1557b0}.login-password-toggle{position:absolute;right:4px;top:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:6px;background:transparent;color:#98a2b3;cursor:pointer;transform:translateY(-50%)}.login-password-toggle:hover{background:#f2f5f9;color:#475467}.login-password-toggle svg{width:18px;height:18px}.login-submit-button{width:100%;height:46px;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:5px;border:1px solid #1557b0;border-radius:8px;background:#1557b0;color:#fff;font-family:inherit;font-size:12px;font-weight:600;cursor:pointer;box-shadow:0 4px 10px #1557b02e;transition:.18s ease}.login-submit-button:hover:not(:disabled){background:#124d9d;border-color:#124d9d;transform:translateY(-1px);box-shadow:0 6px 14px #1557b038}.login-submit-button:active:not(:disabled){transform:translateY(0)}.login-submit-button:disabled{opacity:.7;cursor:not-allowed}.login-submit-button svg{width:17px;height:17px}.login-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:login-spin .7s linear infinite}@keyframes login-spin{to{transform:rotate(360deg)}}.login-security-note{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:24px;color:#98a2b3;font-size:10px}.login-security-note svg{width:13px;height:13px}@media(max-width:800px){.login-page{padding:20px}.login-shell{max-width:680px;grid-template-columns:1fr 1.15fr}.login-brand-panel{padding:38px 30px}.login-brand-panel h1{font-size:23px}.login-card{padding:42px 36px}}@media(max-width:620px){.login-page{padding:14px;align-items:center;background:#f4f7fb}.login-shell{display:block;width:100%;min-height:0;max-width:430px;border-radius:14px}.login-brand-panel{display:none}.login-card{display:block;padding:32px 23px 25px;border-radius:14px}.login-heading{margin-bottom:25px;text-align:center}.login-mobile-mark{width:50px;height:50px;display:flex;align-items:center;justify-content:center;margin:0 auto 18px;border-radius:12px;background:#1557b0;color:#fff;font-size:16px;font-weight:800;box-shadow:0 6px 15px #1557b033}.login-welcome{font-size:10px}.login-heading h2{font-size:21px}.login-heading p{font-size:11px}.login-field{margin-bottom:16px}.login-field label{font-size:11px}.login-input-wrapper input{height:45px;font-size:12px}.login-submit-button{height:45px}.login-security-note{margin-top:21px}}@media(max-width:380px){.login-page{padding:10px}.login-card{padding:27px 18px 22px}.login-heading h2{font-size:20px}.login-heading p{font-size:10px}.login-input-wrapper input,.login-submit-button{height:44px}}.sidebar-nav button:hover,.sidebar-nav button:focus,.sidebar-nav button:focus-visible{outline:none!important;box-shadow:none!important;border-color:transparent!important}.sidebar-nav button:hover{background:#ffffff1f!important}.sidebar-nav button:focus-visible{outline:none!important}.print-barcode-btn{background:#1557b0;color:#fff;border:1px solid #1557b0;padding:7px 12px;min-height:34px;font-size:13px;font-weight:600;cursor:pointer;border-radius:4px;white-space:nowrap;transition:background .15s ease}.print-barcode-btn:hover:not(:disabled){background:#0f438a;border-color:#0f438a}.print-barcode-btn:disabled{background:#e5e7eb;color:#9ca3af;border-color:#d1d5db;cursor:not-allowed}.archive-btn,.activate-btn{min-width:92px!important;height:34px!important;padding:0 14px!important;border-radius:7px!important;border:1px solid!important;font-family:inherit!important;font-size:12px!important;font-weight:700!important;line-height:1!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important;cursor:pointer!important;box-sizing:border-box!important;transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease!important}.archive-btn{background:#fffaf0!important;color:#b45309!important;border-color:#f2c46d!important;box-shadow:0 1px 2px #b4530914!important}.archive-btn:hover{background:#fff3d6!important;color:#92400e!important;border-color:#e8a92e!important;box-shadow:0 5px 12px #b4530924!important;transform:translateY(-1px)!important}.archive-btn:active{transform:translateY(0)!important;box-shadow:0 2px 4px #b453091a!important}.activate-btn{background:#1557b0!important;color:#fff!important;border-color:#1557b0!important;box-shadow:0 2px 5px #1557b02e!important}.activate-btn:hover{background:#0f478f!important;border-color:#0f478f!important;box-shadow:0 5px 12px #1557b038!important;transform:translateY(-1px)!important}.activate-btn:active{transform:translateY(0)!important;box-shadow:0 2px 5px #1557b02e!important}.archive-btn:focus-visible,.activate-btn:focus-visible{outline:3px solid rgba(37,99,235,.18)!important;outline-offset:2px!important}.notebook-page{padding:24px;height:calc(100vh - 58px);overflow:hidden;background:#f5f7fb;box-sizing:border-box}.notebook-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.notebook-header h1{margin:0;font-size:25px;font-weight:700;color:#172033}.notebook-header p{margin:5px 0 0;color:#6b7280;font-size:13px}.notebook-primary-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:40px;padding:0 16px;border:1px solid #1557b0;background:#1557b0;color:#fff;font-size:13px;font-weight:600;cursor:pointer}.notebook-primary-btn:hover{background:#10478f}.notebook-primary-btn:disabled{opacity:.6;cursor:not-allowed}.notebook-toolbar{display:flex;align-items:center;gap:10px;min-height:52px;padding:8px 10px;margin-bottom:14px;border:1px solid #dfe4ec;background:#fff;box-sizing:border-box}.notebook-tabs{display:flex;align-self:stretch;border-right:1px solid #e3e7ed;padding-right:10px}.notebook-tabs button{border:0;background:transparent;padding:0 14px;color:#64748b;font-size:13px;font-weight:600;cursor:pointer}.notebook-tabs button.active{color:#1557b0;border-bottom:2px solid #1557b0}.notebook-search{display:flex;align-items:center;gap:8px;flex:1;max-width:430px;height:36px;padding:0 10px;border:1px solid #d8dee8;background:#fff}.notebook-search svg{color:#7b8798;font-size:18px;flex-shrink:0}.notebook-search input{width:100%;border:0;outline:0;background:transparent;color:#1f2937;font-size:13px}.notebook-toolbar select{height:36px;min-width:140px;padding:0 10px;border:1px solid #d8dee8;background:#fff;color:#374151;font-size:13px;outline:none}.notebook-filter-btn,.notebook-icon-btn{height:36px;border:1px solid #d8dee8;background:#fff;color:#4b5563;font-size:13px;cursor:pointer}.notebook-filter-btn{padding:0 13px}.notebook-filter-btn.active{border-color:#1557b0;color:#1557b0;background:#f3f7fd}.notebook-icon-btn{width:36px;display:inline-flex;align-items:center;justify-content:center;font-size:18px}.notebook-icon-btn:hover,.notebook-filter-btn:hover{border-color:#1557b0;color:#1557b0}.notebook-layout{display:grid;grid-template-columns:minmax(320px,390px) minmax(0,1fr);gap:14px;height:calc(100% - 132px);min-height:0}.notebook-list,.notebook-detail{min-height:0;border:1px solid #dfe4ec;background:#fff}.notebook-list{overflow-y:auto}.notebook-card{padding:16px;border-bottom:1px solid #e8ebf0;cursor:pointer;transition:background .15s ease}.notebook-card:hover{background:#f8fafc}.notebook-card.selected{background:#f1f6fd;box-shadow:inset 3px 0 #1557b0}.notebook-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.notebook-card-top h3{margin:0;color:#172033;font-size:14px;font-weight:700}.notebook-card p{margin:9px 0;color:#667085;font-size:12px;line-height:1.55}.notebook-category{display:inline-block;margin-top:6px;padding:3px 7px;background:#edf3fb;color:#1557b0;font-size:10px;font-weight:600}.notebook-pinned{color:#1557b0;flex-shrink:0}.notebook-card-bottom{display:flex;justify-content:space-between;gap:10px;color:#8a94a3;font-size:10px}.notebook-detail{display:flex;flex-direction:column;overflow:hidden}.notebook-detail-empty{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:30px;color:#8a94a3}.notebook-detail-empty svg{margin-bottom:10px;font-size:34px;color:#c7d0dd}.notebook-detail-empty h2{margin:0 0 6px;color:#344054;font-size:17px}.notebook-detail-empty p{margin:0;font-size:12px}.notebook-detail-header{display:flex;justify-content:space-between;gap:20px;padding:20px;border-bottom:1px solid #e5e9ef}.notebook-detail-title-row{display:flex;align-items:center;gap:8px}.notebook-detail-title-row h2{margin:0;color:#172033;font-size:20px}.notebook-detail-title-row svg{color:#1557b0}.notebook-detail-meta{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px;color:#7b8798;font-size:11px}.notebook-actions{display:flex;gap:4px}.notebook-actions button{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #d8dee8;background:#fff;color:#5d6878;cursor:pointer}.notebook-actions button:hover{border-color:#1557b0;color:#1557b0}.notebook-detail-content{flex:1;overflow-y:auto;padding:22px}.notebook-detail-content p{margin:0;color:#344054;font-size:14px;line-height:1.75;white-space:pre-wrap}.notebook-replies{padding:18px 22px;border-top:1px solid #e5e9ef;background:#fafbfd;max-height:300px;overflow-y:auto}.notebook-replies h3{margin:0 0 12px;color:#344054;font-size:13px}.notebook-reply{padding:11px 12px;margin-bottom:9px;border-left:3px solid #1557b0;background:#fff}.notebook-reply-meta{display:flex;justify-content:space-between;gap:10px;margin-bottom:5px;font-size:10px}.notebook-reply-meta strong{color:#344054}.notebook-reply-meta span{color:#8a94a3}.notebook-reply p{margin:0;color:#475467;font-size:12px;line-height:1.5;white-space:pre-wrap}.notebook-reply-form{display:flex;gap:9px;margin-top:12px}.notebook-reply-form textarea{flex:1;min-height:60px;resize:vertical;padding:9px;border:1px solid #d8dee8;outline:none;background:#fff;font-family:inherit;font-size:12px}.notebook-reply-form textarea:focus{border-color:#1557b0}.notebook-reply-form button{align-self:flex-end;height:36px;display:inline-flex;align-items:center;gap:6px;padding:0 13px;border:1px solid #1557b0;background:#1557b0;color:#fff;font-size:12px;font-weight:600;cursor:pointer}.notebook-reply-form button:disabled{opacity:.5;cursor:not-allowed}.notebook-empty{min-height:220px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;color:#8a94a3;font-size:12px}.notebook-empty strong{color:#475467;font-size:14px}.notebook-modal-overlay{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center;padding:24px;background:#0f172a73}.notebook-modal{width:min(620px,100%);max-height:90vh;overflow-y:auto;background:#fff;border:1px solid #dfe4ec;box-shadow:0 20px 50px #0f172a2e}.notebook-modal-header{display:flex;align-items:center;justify-content:space-between;padding:17px 20px;border-bottom:1px solid #e5e9ef}.notebook-modal-header h2{margin:0;color:#172033;font-size:18px}.notebook-modal-header button{width:30px;height:30px;border:0;background:transparent;color:#667085;font-size:24px;line-height:1;cursor:pointer}.notebook-modal form{padding:20px}.notebook-modal label{display:flex;flex-direction:column;gap:7px;margin-bottom:15px;color:#344054;font-size:12px;font-weight:600}.notebook-modal input,.notebook-modal textarea{width:100%;box-sizing:border-box;padding:10px 11px;border:1px solid #d8dee8;outline:none;background:#fff;color:#1f2937;font-family:inherit;font-size:13px}.notebook-modal input:focus,.notebook-modal textarea:focus{border-color:#1557b0}.notebook-modal textarea{resize:vertical;min-height:150px}.notebook-modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}.notebook-cancel-btn{min-height:40px;padding:0 16px;border:1px solid #d8dee8;background:#fff;color:#475467;font-size:13px;font-weight:600;cursor:pointer}.notebook-cancel-btn:hover{border-color:#9aa5b5}@media(max-width:900px){.notebook-page{padding:16px}.notebook-layout{grid-template-columns:1fr;height:auto}.notebook-list{max-height:380px}.notebook-detail{min-height:500px}.notebook-toolbar{flex-wrap:wrap;height:auto}.notebook-search{max-width:none;order:5;flex-basis:100%}}.notebook-notification-badge{display:inline-flex;align-items:center;justify-content:center;min-width:17px;height:17px;padding:0 4px;margin-left:auto;border-radius:9px;background:#e8f0fe;color:#1557b0;border:1px solid #c9dbf5;font-size:10px;font-weight:700;line-height:1;box-sizing:border-box}@media(max-width:768px){html,body,#root{width:100%;max-width:100%;min-width:0!important;margin:0;padding:0;overflow-x:hidden!important}*,*:before,*:after{box-sizing:border-box}.app-layout{width:100%!important;max-width:100%!important;min-width:0!important;overflow:hidden!important}.main-content{width:100%!important;max-width:100%!important;min-width:0!important;margin-left:0!important;margin-top:58px!important;height:calc(100vh - 58px)!important;overflow-y:auto!important;overflow-x:hidden!important;box-sizing:border-box}.main-header{left:0!important;right:0!important;width:100%!important;max-width:100%!important;padding-left:12px!important;padding-right:12px!important;box-sizing:border-box}.sidebar{position:fixed!important;top:0!important;left:0!important;bottom:0!important;width:260px!important;min-width:260px!important;max-width:260px!important;height:100vh!important;z-index:2000!important;transform:translate(0);transition:transform .25s ease,width .25s ease!important;box-shadow:4px 0 18px #0000002e;overflow:hidden!important}.sidebar.collapsed{width:260px!important;min-width:260px!important;max-width:260px!important;transform:translate(-100%);overflow:hidden!important}.page-content{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box}.main-content>*{max-width:100%!important;min-width:0!important}.page,.page-container,.content,.content-container,.container,.section,.section-container,.dashboard-page,.products-page,.sales-page,.customers-page,.suppliers-page,.purchases-page,.expenses-page,.reports-page,.returns-page,.notebook-page,.settings-page{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box}.card,.panel,.box,.dashboard-card,.stat-card,.kpi-card,.summary-card,.info-card,.form-card,.settings-card{max-width:100%!important;min-width:0!important;box-sizing:border-box}.grid,.cards-grid,.card-grid,.dashboard-grid,.stats-grid,.kpi-grid,.summary-grid{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box}.page-header,.section-header,.toolbar,.actions,.filters,.filter-row,.form-row,.button-row,.summary-row{width:100%!important;max-width:100%!important;min-width:0!important;flex-wrap:wrap!important}input,select,textarea{max-width:100%!important;min-width:0!important;box-sizing:border-box}button{max-width:100%}img,svg,canvas,video{max-width:100%}.modal,.modal-content,.dialog,.dialog-content{width:calc(100% - 24px)!important;max-width:calc(100% - 24px)!important;min-width:0!important;box-sizing:border-box}.table-container,.table-wrapper,.table-responsive,.responsive-table,.data-table-container,.purchase-table-container,.inventory-table-container,.report-table-container{width:100%!important;max-width:100%!important;min-width:0!important;overflow-x:auto!important;overflow-y:visible;-webkit-overflow-scrolling:touch;box-sizing:border-box}table{max-width:none}h1,h2,h3,h4,h5,h6,p,span,label{max-width:100%}}@media(max-width:480px){.grid,.cards-grid,.card-grid,.dashboard-grid,.stats-grid,.kpi-grid,.summary-grid{grid-template-columns:1fr!important}.page-header,.section-header,.toolbar,.filters,.filter-row,.form-row,.button-row,.summary-row{width:100%!important}.modal,.modal-content,.dialog,.dialog-content{width:calc(100% - 16px)!important;max-width:calc(100% - 16px)!important}.main-header{padding-left:10px!important;padding-right:10px!important}}@media(max-width:768px){.dashboard-page .dashboard-cards{width:100%!important;max-width:100%!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;overflow:visible!important}.dashboard-page .dashboard-card{width:100%!important;min-width:0!important;max-width:100%!important;padding:16px 14px!important;box-sizing:border-box!important;overflow:hidden!important}.dashboard-page .dashboard-card .card-label{width:100%!important;max-width:100%!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;line-height:1.25!important;font-size:12px!important}.dashboard-page .dashboard-card .card-value{width:100%!important;max-width:100%!important;min-width:0!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;word-break:normal!important;overflow-wrap:anywhere!important;font-size:20px!important;line-height:1.2!important;margin-top:6px!important}}@media(max-width:480px){.dashboard-page .dashboard-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.dashboard-page .dashboard-card{padding:14px 10px!important}.dashboard-page .dashboard-card .card-label{font-size:11px!important}.dashboard-page .dashboard-card .card-value{font-size:17px!important}}@media(max-width:768px){.expenses-page{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;padding-left:16px!important;padding-right:16px!important;text-align:left!important}.expenses-page>*,.expenses-page .expenses-header,.expenses-page .expenses-summary,.expenses-page .expenses-content,.expenses-page .expenses-form,.expenses-page .expenses-list,.expenses-page .expenses-table-container{margin-left:0!important;margin-right:0!important;text-align:left!important}.expenses-page input,.expenses-page select,.expenses-page textarea{text-align:left!important}.expenses-page button{text-align:center!important}}@media(max-width:768px){.page-container:has(.settings-grid){width:100%!important;max-width:100%!important;min-width:0!important;margin-left:0!important;margin-right:0!important;padding-left:16px!important;padding-right:16px!important;text-align:left!important}.settings-grid{width:100%!important;max-width:100%!important;min-width:0!important;margin-left:0!important;margin-right:0!important;grid-template-columns:1fr!important;justify-items:stretch!important}.settings-card{width:100%!important;max-width:100%!important;min-width:0!important;margin-left:0!important;margin-right:0!important;text-align:left!important}.settings-card h3,.settings-card p{text-align:left!important}.settings-card button{text-align:center!important}}@media(max-width:768px){.user-management-page{width:100%!important;max-width:100%!important;min-width:0!important;margin-left:0!important;margin-right:0!important;padding-left:16px!important;padding-right:16px!important;text-align:left!important}.user-management-page>.card{width:100%!important;max-width:100%!important;min-width:0!important;margin-left:0!important;margin-right:0!important;text-align:left!important}.user-management-page .data-table{width:100%!important;min-width:0!important;table-layout:auto!important}.user-management-page .data-table th,.user-management-page .data-table td{white-space:normal!important;word-break:break-word!important;overflow-wrap:anywhere!important;padding:8px 6px!important;font-size:13px!important;text-align:left!important;vertical-align:middle!important}.user-management-page .data-table td:last-child{white-space:normal!important}.user-management-page .data-table td:last-child button{margin:2px 0!important;white-space:nowrap!important}}@media(max-width:768px){.page:has(.table){width:100%!important;max-width:100%!important;min-width:0!important;margin-left:0!important;margin-right:0!important;padding-left:16px!important;padding-right:16px!important;box-sizing:border-box!important;text-align:left!important}.page:has(.table)>.card{width:100%!important;max-width:100%!important;min-width:0!important;margin-left:0!important;margin-right:0!important;box-sizing:border-box!important;text-align:left!important}.page:has(.table) .card input{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}.page:has(.table) .card button{box-sizing:border-box!important}.page:has(.table) .card>div{max-width:100%!important;box-sizing:border-box!important}.page:has(.table) .card input[placeholder="Search customer..."]{width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important}.page:has(.table) .table{width:100%!important;max-width:100%!important;min-width:0!important;table-layout:fixed!important}.page:has(.table) .table th,.page:has(.table) .table td{padding:8px 5px!important;font-size:12px!important;line-height:1.3!important;white-space:normal!important;word-break:break-word!important;overflow-wrap:anywhere!important;text-align:left!important;vertical-align:middle!important}.page:has(.table) .table th:nth-child(4),.page:has(.table) .table td:nth-child(4),.page:has(.table) .table th:nth-child(5),.page:has(.table) .table td:nth-child(5){text-align:right!important}.page:has(.table) .table td:first-child button{max-width:100%!important;white-space:normal!important;word-break:break-word!important;overflow-wrap:anywhere!important}.page:has(.table) .table td:last-child>div{display:flex!important;flex-wrap:wrap!important;gap:5px!important}.page:has(.table) .table td:last-child button{margin:0!important;white-space:nowrap!important}}@media(max-width:768px){.page:has(.table){width:100%!important;max-width:100%!important;min-width:0!important;margin-left:0!important;margin-right:0!important;padding-left:16px!important;padding-right:16px!important;box-sizing:border-box!important;text-align:left!important;overflow-x:hidden!important}.page:has(.table)>.card{width:100%!important;max-width:100%!important;min-width:0!important;margin-left:0!important;margin-right:0!important;box-sizing:border-box!important;text-align:left!important}.page:has(.table) .card input{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}.page:has(.table) .card button{box-sizing:border-box!important}.page:has(.table) .card>div{max-width:100%!important;box-sizing:border-box!important}.page:has(.table) .card input[placeholder="Search customer..."]{width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important}.page:has(.table) .card{overflow-x:auto!important;overflow-y:visible!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior-x:contain!important;scrollbar-width:auto!important;box-sizing:border-box!important}.page:has(.table) .table{width:max-content!important;min-width:680px!important;max-width:none!important;table-layout:auto!important;border-collapse:collapse!important}.page:has(.table) .table th,.page:has(.table) .table td{padding:9px 10px!important;font-size:12px!important;line-height:1.35!important;white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important;text-align:left!important;vertical-align:middle!important}.page:has(.table) .table td:first-child button{max-width:none!important;white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important}.page:has(.table) .table th:nth-child(4),.page:has(.table) .table td:nth-child(4),.page:has(.table) .table th:nth-child(5),.page:has(.table) .table td:nth-child(5){text-align:right!important}.page:has(.table) .table td:last-child>div{display:flex!important;flex-wrap:nowrap!important;gap:6px!important;white-space:nowrap!important}.page:has(.table) .table td:last-child button{margin:0!important;flex-shrink:0!important;white-space:nowrap!important}.page:has(.table) .card::-webkit-scrollbar{height:10px!important}.page:has(.table) .card::-webkit-scrollbar-track{background:#f1f1f1!important}.page:has(.table) .card::-webkit-scrollbar-thumb{background:#a8a8a8!important;border-radius:6px!important}.page:has(.table) .card::-webkit-scrollbar-thumb:hover{background:#777!important}}