:root{--background-dark: #0D0D0D;--background-light: #1C1C1C;--background-accent: #2D2D2D;--text-primary: #FFFFFF;--text-secondary: #a0a0a0;--primary-color: #00FF85;--primary-color-hover: #FF0099;--secondary-color: #1E90FF;--secondary-color-hover: #1472cc;--error-color: #dc3545;--error-color-light: #f8d7da;--success-color: #00FF85;--warning-color: #ffc107;--border-color: #333333;--font-family: "Inter", sans-serif;--toast-success-bg: #d4edda;--toast-success-text: #155724;--toast-error-bg: var(--error-color-light);--toast-error-text: #58151c;--text-on-primary: #000000;--status-active-fg: #00FF85;--status-active-bg: rgba(0, 255, 133, .15);--status-inactive-fg: #aeb6bf;--status-inactive-bg: rgba(108, 117, 125, .2);--status-review-fg: var(--warning-color);--status-review-bg: rgba(255, 193, 7, .2);--status-primary-fg: #00FF85;--status-primary-bg: rgba(0, 255, 133, .15);--status-error-fg: var(--error-color);--status-error-bg: rgba(220, 53, 69, .2)}body.light-theme{--background-dark: #f0f2f5;--background-light: #ffffff;--background-accent: #e9ecef;--text-primary: #1a1a1a;--text-secondary: #6c757d;--primary-color: #007bff;--primary-color-hover: #0056b3;--secondary-color: #6c757d;--secondary-color-hover: #5a6268;--error-color: #dc3545;--error-color-light: #f8d7da;--success-color: #28a745;--warning-color: #ffc107;--border-color: #dee2e6;--status-active-fg: #198754;--status-active-bg: rgba(25, 135, 84, .15);--status-inactive-fg: #495057;--status-inactive-bg: rgba(73, 80, 87, .15);--status-review-fg: #856404;--status-review-bg: rgba(255, 193, 7, .25);--status-primary-fg: #004085;--status-primary-bg: rgba(0, 123, 255, .2);--status-error-fg: #721c24;--status-error-bg: rgba(220, 53, 69, .2)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;font-family:var(--font-family);background-color:var(--background-dark);color:var(--text-primary);font-size:16px;transition:background-color .2s,color .2s}#root{display:flex;flex-direction:column}.app-container{display:flex;flex-direction:column;height:100vh}main{flex:1;min-height:0;display:flex;padding:1rem 1.5rem 1.5rem}.loading-fullscreen{display:flex;align-items:center;justify-content:center;height:100%;width:100%;font-size:1.5rem;color:var(--text-secondary)}.login-container,.first-run-setup-container{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.login-box,.setup-box{width:100%;max-width:500px;padding:2.5rem;background-color:var(--background-light);border-radius:12px;border:1px solid var(--border-color);box-shadow:0 10px 30px #0000001a}body.dark-theme .login-box,body.dark-theme .setup-box{box-shadow:0 10px 30px #00000080}.login-box h2,.setup-box .modal-header h2{text-align:center;margin-bottom:1rem;color:var(--text-primary);border-bottom:none;padding-bottom:0}.setup-box p{text-align:center;color:var(--text-secondary);margin-bottom:1rem}.login-box form{display:flex;flex-direction:column;gap:1.5rem}.login-btn{margin-top:1rem;padding:.8rem;font-size:1.1rem}.login-help{margin-top:2rem;padding-top:1rem;border-top:1px solid var(--border-color);font-size:.85rem;color:var(--text-secondary);text-align:center}.login-help p{margin-bottom:.5rem}.login-help ul{list-style:none;padding:0}.login-help li{margin-bottom:.25rem}.store-form .modal-body{padding:0}.store-form .modal-footer{padding:0;margin-top:1rem}.pos-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;background-color:var(--background-light);padding:.75rem 1.5rem;border-bottom:1px solid var(--border-color)}.header-left,.header-right{display:flex;align-items:center;gap:1.5rem}.header-logo{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:700;color:var(--text-primary)}.header-logo svg{color:var(--primary-color);width:32px;height:32px}.main-nav{display:flex;gap:.5rem;background-color:var(--background-accent);padding:.25rem;border-radius:6px}.main-nav button{padding:.5rem 1rem;border:none;background-color:transparent;color:var(--text-secondary);font-weight:600;border-radius:4px;cursor:pointer;transition:all .2s}.main-nav button.active{background-color:var(--background-dark);color:var(--text-primary);box-shadow:0 1px 3px #0000001a}body.light-theme .main-nav button.active{background-color:var(--primary-color);color:var(--text-on-primary)}.user-info{display:flex;flex-direction:column;align-items:flex-end;gap:0;text-align:right}.user-info .username{font-weight:600;font-size:1rem}.user-info .store-name{color:var(--text-secondary);font-size:.8rem;font-weight:500}.header-actions{display:flex;align-items:center;gap:.75rem;border-left:1px solid var(--border-color);padding-left:1.5rem}.store-selector{display:flex;align-items:center;gap:.5rem}.store-selector label{font-size:.8rem;font-weight:600;color:var(--text-secondary)}.store-selector select{background-color:var(--background-accent);color:var(--text-primary);border:1px solid var(--border-color);border-radius:6px;padding:.4rem .6rem;font-family:var(--font-family);font-weight:500;cursor:pointer}.btn-header{background-color:var(--background-accent);color:var(--text-secondary);border:1px solid var(--border-color);padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s;display:flex;align-items:center;gap:.5rem}.btn-header:hover{background-color:var(--primary-color);color:var(--text-on-primary);border-color:var(--primary-color)}.btn-header.icon-btn{padding:.5rem;border-radius:50%;width:40px;height:40px;justify-content:center;gap:0}.btn-header svg{width:20px;height:20px}.theme-toggle{display:flex;align-items:center;justify-content:center;padding:.5rem}.theme-toggle svg{width:20px;height:20px;fill:currentColor}.pos-main,.admin-container,.reports-container,.dashboard-container{display:flex;flex-grow:1;gap:1rem;overflow:hidden}.transaction-pane{flex:7;display:flex;flex-direction:column;gap:1rem;background-color:var(--background-light);padding:1.5rem;border-radius:8px;border:1px solid var(--border-color)}.product-input-bar{position:relative}.product-input{width:100%;padding:.9rem 1rem;background-color:var(--background-dark);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:1rem;outline:none;transition:border-color .2s}.product-input:focus{border-color:var(--primary-color)}.search-results{position:absolute;top:100%;left:0;right:0;background-color:var(--background-accent);border:1px solid var(--border-color);border-top:none;border-radius:0 0 8px 8px;z-index:10;max-height:300px;overflow-y:auto;box-shadow:0 8px 16px #0000001a}body.dark-theme .search-results{box-shadow:0 8px 16px #0000004d}.search-result-item{padding:.75rem 1rem;cursor:pointer;display:grid;grid-template-columns:2fr 1fr 1fr;gap:1rem;align-items:center;border-bottom:1px solid var(--border-color)}.search-result-item.disabled{cursor:not-allowed;opacity:.5}.search-result-item.disabled:hover{background-color:transparent}.search-result-item:last-child{border-bottom:none}.search-result-item:not(.disabled):hover{background-color:var(--primary-color);color:var(--text-on-primary)}.search-result-item:not(.disabled):hover .item-sku{color:#fffc}.search-result-item .item-details{display:flex;flex-direction:column}.search-result-item .item-name{font-weight:600}.search-result-item .item-sku{color:var(--text-secondary);font-size:.8rem;font-family:Courier New,Courier,monospace}.search-result-item .item-stock{font-size:.85rem;font-weight:500}.item-stock.stock-in{color:var(--success-color)}.item-stock.stock-low{color:var(--warning-color)}.item-stock.stock-out{color:var(--error-color);font-weight:600}.search-result-item .item-price{font-weight:500;text-align:right}.cart-items-list{flex-grow:1;overflow-y:auto;display:flex;flex-direction:column}.cart-header{display:grid;grid-template-columns:3fr 1.5fr 1fr auto;padding:.75rem 1rem;color:var(--text-secondary);font-size:.8rem;font-weight:600;text-transform:uppercase;border-bottom:1px solid var(--border-color);align-items:center}.cart-item{display:grid;grid-template-columns:3fr 1.5fr 1fr auto;padding:.75rem 1rem;gap:1rem;align-items:center;border-bottom:1px solid var(--background-accent)}.cart-item-details{display:flex;flex-direction:column}.cart-item-name{font-weight:500}.cart-item-variant{color:var(--text-secondary);font-size:.85rem;margin-top:.2rem}.cart-item-sale-badge{background-color:var(--status-active-bg);color:var(--status-active-fg);font-size:.75rem;font-weight:600;padding:.2rem .5rem;border-radius:4px;margin-top:.3rem;align-self:flex-start}.cart-item-serial{font-family:Courier New,Courier,monospace;font-size:.85rem;text-align:center;color:var(--text-secondary)}.remove-item-btn{background:transparent;border:none;color:var(--text-secondary);font-size:1.5rem;cursor:pointer;transition:color .2s ease;padding:0 .5rem;line-height:1}.remove-item-btn:hover{color:var(--error-color)}.cart-item-price{display:flex;flex-direction:column;align-items:flex-end;gap:.1rem;font-weight:500}.original-price{text-decoration:line-through;color:var(--text-secondary);font-size:.85rem}.sale-price{font-weight:600;color:var(--success-color)}.empty-cart{flex-grow:1;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-style:italic}.summary-pane{flex:3;display:flex;flex-direction:column;background-color:var(--background-light);padding:1.5rem;border-radius:8px;border:1px solid var(--border-color)}.salesperson-selector{margin-bottom:1.5rem;display:flex;flex-direction:column;gap:.5rem}.salesperson-selector label{font-size:.9rem;font-weight:600;color:var(--text-secondary)}.salesperson-selector select{width:100%;padding:.75rem;background-color:var(--background-dark);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:1rem;font-family:var(--font-family)}.transaction-summary{flex-grow:1;display:flex;flex-direction:column;gap:1rem}.summary-line{display:flex;justify-content:space-between;font-size:1rem}.summary-line.discount,.summary-line.exchange-credit{color:var(--success-color)}.summary-line.discount .value,.summary-line.exchange-credit .value{font-weight:600}.summary-line.total{margin-top:auto;padding-top:1rem;border-top:1px solid var(--border-color)}.summary-line .label{color:var(--text-secondary)}.summary-line .value{font-weight:600}.summary-line.total .label,.summary-line.total .value{color:var(--text-primary);font-size:2rem;font-weight:700}.inclusive-note{font-size:.85rem!important;font-weight:400!important;color:var(--text-secondary)!important;margin-top:-.5rem}.action-buttons{display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem}.secondary-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:.75rem}.btn{padding:1rem;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;text-align:center}.btn-primary{background-color:var(--primary-color);color:var(--text-on-primary)}.btn-primary:hover:not(:disabled){background-color:var(--primary-color-hover)}.btn-primary:disabled{background-color:var(--background-accent);color:var(--text-secondary);cursor:not-allowed}.btn-secondary{background-color:transparent;border:1px solid var(--secondary-color);color:var(--text-secondary);font-size:.9rem;padding:.75rem}.btn-secondary:hover:not(:disabled){background-color:var(--background-accent);color:var(--text-primary);border-color:var(--text-primary)}.btn-secondary:disabled{opacity:.4;cursor:not-allowed;background-color:transparent;border:1px solid var(--secondary-color);color:var(--text-secondary)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{background-color:var(--background-light);padding:2rem;border-radius:12px;border:1px solid var(--border-color);width:90%;max-width:500px;display:flex;flex-direction:column;gap:1.5rem;box-shadow:0 10px 30px #0003;animation:slideIn .3s ease-out}body.dark-theme .modal-content{box-shadow:0 10px 30px #00000080}@keyframes slideIn{0%{transform:translateY(-30px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color);padding-bottom:1rem}.modal-header h2{font-size:1.5rem;font-weight:600}.close-btn{background:none;border:none;color:var(--text-secondary);font-size:2.5rem;line-height:1;cursor:pointer;transition:color .2s}.close-btn:hover{color:var(--text-primary)}.modal-body{display:flex;flex-direction:column;gap:1.5rem}.modal-body .total-due{display:flex;justify-content:space-between;align-items:baseline;padding:1.5rem;background-color:var(--background-dark);border-radius:8px;margin-bottom:1.5rem}.total-due span{font-size:1.2rem;color:var(--text-secondary)}.total-due .total-amount{font-size:2.5rem;font-weight:700;color:var(--text-primary)}.modal-body p{margin-bottom:1rem;color:var(--text-secondary)}.payment-methods{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem}.payment-methods button{padding:1rem;font-size:1rem;font-weight:600;border-radius:6px;border:1px solid var(--border-color);background-color:var(--background-accent);color:var(--text-primary);cursor:pointer;transition:all .2s}.payment-methods button:hover:not(:disabled){background-color:var(--primary-color);border-color:var(--primary-color);color:var(--text-on-primary)}.payment-methods button.selected{background-color:var(--primary-color);border-color:var(--primary-color);color:var(--text-on-primary);font-weight:600}.payment-methods button:disabled{opacity:.5;cursor:not-allowed}.modal-footer{display:flex;justify-content:flex-end;gap:1rem;margin-top:1rem}.modal-footer .btn-secondary{width:120px}.modal-content.return-modal{max-width:650px}.return-modal .modal-body{display:flex;flex-direction:column;gap:1rem}.transaction-details-summary{background-color:var(--background-dark);padding:1rem;border-radius:8px;border:1px solid var(--border-color)}.transaction-details-summary h3{margin-bottom:.5rem}.transaction-details-summary p{font-size:.9rem;color:var(--text-secondary);margin:0}.return-items-list{display:flex;flex-direction:column;gap:.5rem;max-height:250px;overflow-y:auto;padding:.5rem;background-color:var(--background-dark);border-radius:8px}.return-item{display:flex;align-items:center;gap:1rem}.return-item label{display:flex;justify-content:space-between;align-items:center;width:100%;padding:.75rem;border-radius:6px;cursor:pointer;transition:background-color .2s}.return-item input[type=checkbox]{width:20px;height:20px;accent-color:var(--primary-color)}.return-item input[type=checkbox]:checked+label{background-color:var(--background-accent)}.return-summary{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.modal-content.discount-modal{max-width:550px}.discount-modal .modal-body{display:flex;flex-direction:column;gap:1.5rem}.discount-type-toggle{display:flex;background-color:var(--background-dark);border-radius:6px;padding:.25rem}.discount-type-toggle button{flex:1;padding:.75rem;border:none;background-color:transparent;color:var(--text-secondary);font-weight:600;cursor:pointer;border-radius:4px;transition:all .2s}.discount-type-toggle button.active{background-color:var(--primary-color);color:var(--text-on-primary)}.discount-modal .error-message{color:var(--error-color);font-size:.9rem;text-align:center;margin-top:.5rem}.modal-content.held-sales-modal{max-width:600px}.held-sales-modal .modal-body{padding-top:0}.held-sales-list{display:flex;flex-direction:column;gap:1rem;max-height:400px;overflow-y:auto;padding:.25rem}.held-sale-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:var(--background-dark);border-radius:8px;border:1px solid var(--border-color)}.held-sale-info{display:flex;flex-direction:column;gap:.25rem}.held-sale-info span{font-weight:500}.held-sale-info .held-sale-timestamp{font-size:.8rem;color:var(--text-secondary)}.held-sale-actions{display:flex;gap:.5rem}.btn.btn-sm{padding:.5rem 1rem;font-size:.9rem}.confirmation-modal{max-width:400px}.confirmation-modal .modal-header{border-bottom:none;padding-bottom:0}.confirmation-modal .modal-body p{font-size:1.1rem;text-align:center;color:var(--text-primary);line-height:1.6;margin-bottom:0}.confirmation-modal .modal-footer{justify-content:center}.modal-content.recent-txns-modal{max-width:900px}.txns-filter-bar{display:flex;gap:1rem;align-items:flex-end;margin-bottom:1.5rem}.txns-filter-bar .btn{padding:.75rem 1.5rem}.txns-list{max-height:50vh;overflow-y:auto}.txns-header,.txn-item{display:grid;grid-template-columns:2fr 2fr 1fr auto;gap:1rem;padding:.75rem 1rem;align-items:center;border-bottom:1px solid var(--border-color)}.txns-header{font-weight:600;font-size:.8rem;color:var(--text-secondary);text-transform:uppercase}.txn-id,.txn-timestamp{font-family:Courier New,Courier,monospace;font-size:.9rem}.txn-total{font-weight:600;text-align:right}.txn-actions{display:flex;justify-content:flex-end}.txn-print-btn{color:var(--text-secondary)}.txn-print-btn:hover{color:var(--primary-color)}.sale-success-screen{flex-grow:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background-color:var(--background-light);border-radius:8px;padding:2rem;animation:fadeIn .5s ease-out}.sale-success-screen h2{font-size:2.5rem;color:var(--success-color);margin-bottom:.5rem}.sale-success-screen p{color:var(--text-secondary);margin-bottom:2rem;font-family:Courier New,Courier,monospace}.sale-success-screen .action-buttons{width:100%;max-width:300px}.toast{position:fixed;top:1.5rem;left:50%;transform:translate(-50%);padding:1rem 1.5rem;border-radius:8px;color:var(--background-dark);font-weight:600;display:flex;align-items:center;gap:1rem;z-index:2000;box-shadow:0 4px 12px #00000026;animation:slideDown .3s ease-out,fadeOut .5s ease-out 2.5s forwards}body.dark-theme .toast{box-shadow:0 4px 12px #0006}.toast-error{background-color:var(--toast-error-bg);border:1px solid var(--error-color);color:var(--toast-error-text)}.toast-success{background-color:var(--toast-success-bg);border:1px solid var(--success-color);color:var(--toast-success-text)}.toast-close-btn{background:none;border:none;font-size:1.5rem;line-height:1;cursor:pointer;opacity:.7;transition:opacity .2s}.toast-close-btn:hover{opacity:1}@keyframes slideDown{0%{top:-50px;opacity:0}to{top:1.5rem;opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.admin-sidebar{flex:1;min-width:220px;background-color:var(--background-light);padding:1rem;border-radius:8px;border:1px solid var(--border-color);display:flex;flex-direction:column;overflow-y:auto}.admin-sidebar h2{margin-bottom:1.5rem;font-size:1.2rem;color:var(--text-secondary);padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.admin-sidebar nav{display:flex;flex-direction:column;gap:.5rem;flex:1;overflow-y:auto}.admin-sidebar nav button{width:100%;text-align:left;padding:.75rem 1rem;background-color:transparent;border:none;color:var(--text-secondary);font-size:1rem;font-weight:500;border-radius:6px;cursor:pointer;transition:all .2s}.admin-sidebar nav button:hover{background-color:var(--background-accent);color:var(--text-primary)}.admin-sidebar nav button.active{background-color:var(--primary-color);color:var(--text-on-primary);font-weight:600}.sidebar-divider{font-size:.8rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;padding:1.5rem 1rem .5rem;border-top:1px solid var(--border-color);margin-top:1rem}.admin-content{flex:4;background-color:var(--background-light);padding:1.5rem;border-radius:8px;border:1px solid var(--border-color);overflow-y:auto;display:flex;flex-direction:column;gap:1.5rem}.admin-content-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:1rem;border-bottom:1px solid var(--border-color);margin-bottom:1rem}.admin-content-header h2{margin:0;padding:0;border:none}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--border-color)}.admin-table th{color:var(--text-secondary);font-size:.8rem;text-transform:uppercase}.admin-table tbody tr:hover{background-color:var(--background-accent)}.admin-table .actions-cell{display:flex;gap:.5rem}.audit-log-details{width:50%;word-break:break-word}.master-data-add-form{display:flex;gap:1rem;margin-bottom:1.5rem}.master-data-add-form input{flex-grow:1;padding:.75rem;background-color:var(--background-dark);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:1rem}.master-data-add-form .btn{padding:.75rem 1.5rem}.master-data-list{display:flex;flex-direction:column;gap:.75rem}.master-data-item{display:flex;justify-content:space-between;align-items:center;background-color:var(--background-dark);padding:.75rem 1rem;border-radius:6px;border:1px solid var(--border-color)}.master-data-item span{font-weight:500}.modal-content.product-modal{max-width:800px;max-height:90vh}.modal-content.product-modal form{display:flex;flex-direction:column;flex-grow:1;min-height:0}.product-modal .modal-body{display:flex;flex-direction:column;gap:2rem;overflow-y:auto;flex-grow:1;padding-right:1rem}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group.span-2{grid-column:span 2}.form-group label{font-size:.9rem;font-weight:500;color:var(--text-secondary)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem;background-color:var(--background-dark);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:1rem;font-family:var(--font-family)}.form-group textarea{min-height:80px;resize:vertical}.form-group input:disabled,.form-group input[readonly]{background-color:var(--background-accent);cursor:not-allowed;color:var(--text-secondary)}.form-section{padding-top:1.5rem;border-top:1px solid var(--border-color)}.form-section h3{margin-bottom:1rem}.variant-entry-form{display:grid;grid-template-columns:1.5fr 1fr 1fr .75fr auto;gap:1rem;align-items:flex-end;padding:1rem;margin-bottom:1rem;background-color:var(--background-dark);border-radius:8px}.variant-entry-form.short{grid-template-columns:1.5fr 1fr 1fr auto}.receive-stock-view{display:flex;flex-direction:column;gap:1.5rem}.receive-stock-search{position:relative;max-width:500px}.receive-stock-search input{width:100%;padding:.75rem;background-color:var(--background-dark);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:1rem}.receive-stock-view .search-results{max-height:200px}.receive-stock-view .search-results .search-result-item{grid-template-columns:1fr}.stock-update-form{display:flex;flex-direction:column;gap:1rem;margin-top:1rem;padding:1.5rem;background-color:var(--background-dark);border-radius:8px}.stock-update-form h3{margin-bottom:1rem}.stock-update-form .form-grid{padding-bottom:1rem;border-bottom:1px solid var(--border-color);grid-template-columns:repeat(3,1fr)}.form-group.supplier-dropdown{grid-column:2;grid-row:1}.form-group.location-dropdown{grid-column:3;grid-row:1}.variant-receive-list{display:flex;flex-direction:column}.variant-receive-header,.variant-receive-item{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:1rem;align-items:center;padding:.75rem 1rem;border-bottom:1px solid var(--border-color)}.variant-receive-header{font-weight:600;color:var(--text-secondary);font-size:.8rem;text-transform:uppercase}.variant-receive-item input{width:100px;padding:.5rem;background-color:var(--background-light);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary)}.stock-update-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:1.5rem}.placeholder-text{color:var(--text-secondary);font-style:italic;text-align:center;margin-top:2rem;width:100%}.status-badge{padding:.25rem .6rem;border-radius:12px;font-size:.8rem;font-weight:600;display:inline-block}.status-badge.status-active,.status-badge.status-available,.status-badge.status-sale{background-color:var(--status-active-bg);color:var(--status-active-fg)}.status-badge.status-inactive,.status-badge.status-sold,.status-badge.status-damaged,.status-badge.status-returned,.status-badge.status-scrapped,.status-badge.status-inprogress,.status-badge.status-scheduled,.status-badge.status-return{background-color:var(--status-inactive-bg);color:var(--status-inactive-fg)}.status-badge.status-review{background-color:var(--status-review-bg);color:var(--status-review-fg)}.status-badge.status-completed,.status-badge.status-exchange{background-color:var(--status-primary-bg);color:var(--status-primary-fg)}.status-badge.status-expired{background-color:var(--status-error-bg);color:var(--status-error-fg)}.status-badge.status-sale{background-color:#28a74533;color:var(--status-active-text)}.status-badge.status-exchange{background-color:#007bff33;color:var(--primary-color)}.status-badge.status-return{background-color:#6c757d33;color:var(--status-inactive-text)}.modal-content.label-print-modal{max-width:800px}.label-print-modal .modal-body{max-height:60vh;overflow-y:auto}.modal-content.label-designer-modal{max-width:1100px;max-height:90vh}.label-designer-modal form{display:flex;flex-direction:column;flex-grow:1;min-height:0}.label-designer-modal .modal-body{display:grid;grid-template-columns:1.2fr 1fr;gap:2rem;flex-grow:1;overflow-y:auto;padding-right:1rem}.designer-controls{display:flex;flex-direction:column;gap:1.5rem}.designer-preview-pane{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:2rem;gap:1.5rem;background-color:var(--background-dark);border-radius:8px;position:sticky;top:0}.label-preview-container{background-color:#fff;color:#000;border-radius:2px;box-shadow:0 4px 12px #0000004d}.designer-preview-pane p{margin:0;font-size:.8rem;color:var(--text-secondary)}.dimension-inputs{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.label-fields-editor{display:flex;flex-direction:column;background-color:var(--background-dark);border-radius:6px;border:1px solid var(--border-color)}.label-fields-header,.label-field-row{display:grid;grid-template-columns:2fr .5fr 1fr 1fr 1fr;gap:1rem;align-items:center;padding:.5rem 1rem;border-bottom:1px solid var(--border-color)}.label-fields-header{font-size:.8rem;font-weight:600;color:var(--text-secondary)}.label-field-row:last-child{border-bottom:none}.label-field-row select{padding:.4rem}.field-order-controls{display:flex;gap:.5rem}.field-order-controls button{background-color:var(--background-accent);border:1px solid var(--border-color);border-radius:4px;color:var(--text-primary);cursor:pointer}.field-order-controls button:disabled{opacity:.3;cursor:not-allowed}.label-preview-container .label{padding:8px;display:flex;font-size:8pt;overflow:hidden;height:100%;width:100%;line-height:1.2}.label-preview-container .layout-qrLeft{flex-direction:row;gap:8px}.label-preview-container .layout-qrTop{flex-direction:column;gap:4px;text-align:center}.label-preview-container .label-qr{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0}.label-preview-container .layout-qrLeft .label-qr{justify-content:space-between}.label-preview-container .label-qr img{width:48px;height:48px;display:block}.label-preview-container .layout-qrTop .label-qr img{margin-bottom:4px}.label-preview-container .label-serial{font-family:monospace;font-size:6pt;word-break:break-all;max-width:48px}.label-preview-container .label-details{display:flex;flex-direction:column;flex-grow:1;min-width:0}.label-preview-container .layout-qrLeft .label-details{justify-content:space-between}.label-preview-container .label-field{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.font-size-small{font-size:7pt}.font-size-medium{font-size:9pt}.font-size-large{font-size:14pt}.font-weight-normal{font-weight:400}.font-weight-bold{font-weight:700}.reports-container,.dashboard-container{padding:1.5rem;flex-direction:column;overflow-y:auto;background-color:var(--background-light);border-radius:8px;border:1px solid var(--border-color)}.reports-controls{display:flex;gap:.5rem;background-color:var(--background-accent);padding:.25rem;border-radius:6px;align-self:flex-start}.reports-controls button{padding:.5rem 1rem;border:none;background-color:transparent;color:var(--text-secondary);font-weight:600;border-radius:4px;cursor:pointer;transition:all .2s}.reports-controls button.active{background-color:var(--background-dark);color:var(--text-primary)}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-top:1.5rem;margin-bottom:2.5rem}.kpi-card{background-color:var(--background-dark);padding:1.5rem;border-radius:8px;border:1px solid var(--border-color);text-align:center}.kpi-value{font-size:2.5rem;font-weight:700;color:var(--primary-color);margin-bottom:.5rem}.kpi-label{font-size:1rem;font-weight:500;color:var(--text-secondary)}.kpi-card.kpi-profit .kpi-value{color:var(--success-color)}.reports-grid,.dashboard-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;align-items:start}.report-widget,.dashboard-widget{background-color:var(--background-dark);padding:1.5rem;border-radius:8px;border:1px solid var(--border-color)}.report-widget.full-width{grid-column:span 2}.report-widget h3,.dashboard-widget h3{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.report-controls-inline{display:flex;gap:.5rem;margin-bottom:1rem}.report-controls-inline button{font-size:.8rem;padding:.3rem .6rem;border:1px solid var(--border-color);background:transparent;color:var(--text-secondary);border-radius:4px;cursor:pointer}.report-controls-inline button.active{background-color:var(--primary-color);border-color:var(--primary-color);color:var(--text-on-primary)}.recent-transactions-list{display:flex;flex-direction:column;gap:.75rem}.recent-transaction-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid var(--border-color)}.recent-transaction-item:last-child{border-bottom:none}.recent-transaction-item .details{display:flex;flex-direction:column}.recent-transaction-item .tx-id{font-family:Courier New,Courier,monospace;font-size:.8rem;color:var(--text-secondary)}.recent-transaction-item .total{font-weight:600}.roles-permissions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem}.role-permissions-card{background-color:var(--background-dark);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.role-permissions-card h3{margin:0;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.permission-category h4{font-size:.9rem;color:var(--text-secondary);text-transform:uppercase;font-weight:600;margin-bottom:1rem}.permissions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.permission-checkbox{display:flex;align-items:center;gap:.5rem}.permission-checkbox.disabled label{color:var(--text-secondary);cursor:not-allowed}.permission-checkbox label{font-size:.95rem;text-transform:capitalize}.permission-checkbox input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary-color)}.modal-content.po-details-modal{display:flex;flex-direction:column;max-height:90vh;width:90%;max-width:950px}.po-details-modal .modal-body{flex-grow:1;overflow-y:auto}.po-details-modal .modal-header,.po-details-modal .modal-footer{flex-shrink:0}.modal-content.receive-items-modal{display:flex;flex-direction:column;max-height:90vh;width:90%;max-width:950px}.receive-items-modal .modal-body{flex-grow:1;overflow-y:auto}.receive-items-modal .modal-header,.receive-items-modal .modal-footer{flex-shrink:0}
