.layout{min-height:100vh;display:flex;flex-direction:column}.navbar{background-color:#2c3e50;color:#fff;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 4px #0000001a}.navbar-brand{font-size:1.5rem;font-weight:700}.navbar-links{display:flex;gap:1rem}.nav-link{color:#fff;text-decoration:none;padding:.5rem 1rem;border-radius:4px;transition:background-color .2s}.nav-link:hover{background-color:#ffffff1a}.nav-link.active{background-color:#3498db}.main-content{flex:1;padding:2rem;max-width:1400px;width:100%;margin:0 auto}@media (max-width: 768px){.navbar{flex-direction:column;gap:1rem}.navbar-links{width:100%;justify-content:center}.main-content{padding:1rem}}.pos-page{display:grid;grid-template-columns:1fr 400px;gap:2rem;height:calc(100vh - 120px)}.pos-products{overflow-y:auto}.pos-products h2{margin-bottom:1rem;color:#2c3e50}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.product-card{background:#fff;border:2px solid #e0e0e0;border-radius:8px;padding:1.5rem 1rem;text-align:center;transition:all .2s;min-height:120px;display:flex;flex-direction:column;justify-content:center}.product-card:hover:not(:disabled){border-color:#3498db;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.product-card:active:not(:disabled){transform:translateY(0)}.product-card.out-of-stock{opacity:.5;cursor:not-allowed;background-color:#f5f5f5}.product-name{font-weight:700;margin-bottom:.5rem;font-size:1.5rem}.product-price{color:#e74c3c;font-size:1.4rem;font-weight:700;margin-bottom:.5rem}.product-stock{font-size:1rem;color:#7f8c8d}.pos-cart{background:#fff;border-radius:8px;padding:1.5rem;display:flex;flex-direction:column;box-shadow:0 2px 4px #0000001a}.pos-cart h2{margin-bottom:1rem;color:#2c3e50}.cart-items{flex:1;overflow-y:auto;margin-bottom:1rem}.cart-empty{text-align:center;color:#95a5a6;padding:2rem}.cart-item{border-bottom:1px solid #e0e0e0;padding:1rem 0}.cart-item:last-child{border-bottom:none}.cart-item-info{display:flex;justify-content:space-between;margin-bottom:.5rem}.cart-item-name{font-weight:700}.cart-item-price{color:#7f8c8d}.cart-item-controls{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.qty-btn{width:30px;height:30px;border:1px solid #bdc3c7;background:#fff;border-radius:4px;font-size:1rem;display:flex;align-items:center;justify-content:center}.qty-btn:hover:not(:disabled){background:#ecf0f1}.qty-btn:disabled{opacity:.5;cursor:not-allowed}.cart-item-quantity{min-width:30px;text-align:center;font-weight:700}.remove-btn{margin-left:auto;padding:.25rem .75rem;background:#e74c3c;color:#fff;border:none;border-radius:4px;font-size:.875rem}.remove-btn:hover{background:#c0392b}.cart-item-total{text-align:right;font-weight:700;color:#2c3e50}.cart-summary{border-top:2px solid #e0e0e0;padding-top:1rem}.cart-total{display:flex;justify-content:space-between;margin-bottom:1rem;font-size:1.25rem;font-weight:700}.total-amount{color:#e74c3c;font-size:1.5rem}.cart-actions{display:flex;gap:.5rem}.btn{padding:.75rem 1.5rem;border:none;border-radius:4px;font-size:1rem;font-weight:700;transition:background-color .2s;flex:1}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:#3498db;color:#fff}.btn-primary:hover:not(:disabled){background:#2980b9}.btn-secondary{background:#95a5a6;color:#fff}.btn-secondary:hover:not(:disabled){background:#7f8c8d}.error-message{background:#ffe6e6;color:#e74c3c;padding:.75rem;border-radius:4px;margin-bottom:1rem;border:1px solid #e74c3c}.success-message{background:#d4edda;color:#155724;padding:.75rem;border-radius:4px;margin-bottom:1rem;border:1px solid #28a745}.pos-loading{text-align:center;padding:2rem;font-size:1.25rem;color:#7f8c8d}@media (max-width: 1024px){.pos-page{grid-template-columns:1fr;height:auto}.pos-cart{max-height:600px}}.products-page{max-width:1200px}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.product-form-container{background:#fff;padding:2rem;border-radius:8px;margin-bottom:2rem;box-shadow:0 2px 4px #0000001a}.product-form-container h2{margin-top:0;margin-bottom:1.5rem;color:#2c3e50}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:700;color:#2c3e50}.form-group input{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}.form-group input:focus{outline:none;border-color:#3498db}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-actions{display:flex;gap:1rem;margin-top:1.5rem}.products-table-container{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a}.products-table{width:100%;border-collapse:collapse}.products-table th{background:#34495e;color:#fff;padding:1rem;text-align:left;font-weight:700}.products-table td{padding:1rem;border-bottom:1px solid #e0e0e0}.products-table tr:last-child td{border-bottom:none}.products-table tbody tr:hover{background:#f8f9fa}.product-name-cell{display:flex;align-items:center;gap:.5rem}.inactive-badge{background:#95a5a6;color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.75rem}.stock-warning{color:#e74c3c;font-weight:700}.stock-controls,.order-controls{display:flex;gap:.5rem}.btn-stock{padding:.25rem .75rem;background:#ecf0f1;border:1px solid #bdc3c7;border-radius:4px;font-size:.875rem;transition:background-color .2s}.btn-stock:hover:not(:disabled){background:#bdc3c7}.btn-stock:disabled{opacity:.5;cursor:not-allowed}.btn-order{padding:.25rem .5rem;background:#ecf0f1;border:1px solid #bdc3c7;border-radius:4px;font-size:.875rem;min-width:32px;transition:background-color .2s}.btn-order:hover:not(:disabled){background:#bdc3c7}.btn-order:disabled{opacity:.5;cursor:not-allowed}.action-buttons{display:flex;gap:.5rem}.btn-action{padding:.5rem 1rem;border:none;border-radius:4px;font-size:.875rem;transition:background-color .2s}.btn-edit{background:#3498db;color:#fff}.btn-edit:hover:not(:disabled){background:#2980b9}.btn-delete{background:#e74c3c;color:#fff}.btn-action:disabled{opacity:.5;cursor:not-allowed}.no-products{padding:3rem;text-align:center;color:#95a5a6}.header-buttons{display:flex;gap:.75rem}.image-analysis-container{background:#fff;padding:2rem;border-radius:8px;margin-bottom:2rem;box-shadow:0 2px 4px #0000001a}.image-analysis-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.image-analysis-header h2{margin:0;color:#2c3e50}.btn-close{background:none;border:none;font-size:1.5rem;color:#95a5a6;cursor:pointer;padding:.25rem .5rem;line-height:1}.btn-close:hover{color:#7f8c8d}.image-input-section{margin-bottom:1.5rem}.file-input{display:none}.file-input-label{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;border:2px dashed #bdc3c7;border-radius:8px;cursor:pointer;transition:all .2s;background:#f8f9fa}.file-input-label:hover{border-color:#3498db;background:#ecf0f1}.camera-icon{font-size:3rem;margin-bottom:.5rem}.file-input-label span:last-child{color:#7f8c8d;font-size:1rem}.image-preview{margin-bottom:1.5rem;text-align:center}.image-preview img{max-width:100%;max-height:300px;border-radius:8px;box-shadow:0 2px 8px #0000001a}.analyzing-indicator{display:flex;align-items:center;justify-content:center;gap:1rem;padding:2rem;color:#7f8c8d}.spinner{width:24px;height:24px;border:3px solid #ecf0f1;border-top-color:#3498db;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.suggestions-section h3{margin-top:0;margin-bottom:1rem;color:#2c3e50}.suggestions-list{display:flex;flex-direction:column;gap:1rem}.suggestion-card{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f8f9fa;border-radius:8px;border:1px solid #e0e0e0}.suggestion-info{flex:1}.suggestion-name{font-weight:700;font-size:1.1rem;color:#2c3e50;margin-bottom:.25rem}.suggestion-price{font-size:1rem;color:#27ae60;margin-bottom:.25rem}.suggestion-confidence{font-size:.875rem;padding:.25rem .5rem;border-radius:4px;display:inline-block}.confidence-high{background:#d5f4e6;color:#27ae60}.confidence-medium{background:#fef3cd;color:#f39c12}.confidence-low{background:#fde2e2;color:#e74c3c}.btn-use{margin-left:1rem;white-space:nowrap}.products-page{font-size:1.125rem}.products-page .page-header h1{font-size:2.1rem}.products-page .product-form-container h2,.products-page .image-analysis-header h2{font-size:1.6rem}.products-page .form-group label,.products-page .form-group input,.products-page .products-table th,.products-page .products-table td{font-size:1.1rem}.products-page .inactive-badge{font-size:.95rem}.products-page .btn-stock,.products-page .btn-order,.products-page .btn-action,.products-page .btn{font-size:1.1rem}.products-page .file-input-label span:last-child{font-size:1.1rem}.products-page .analyzing-indicator{font-size:1.1rem}.products-page .suggestions-section h3,.products-page .suggestion-name{font-size:1.3rem}.products-page .suggestion-price{font-size:1.15rem}.products-page .suggestion-confidence{font-size:1rem}.products-page .no-products{font-size:1.1rem}@media (max-width: 768px){.page-header{flex-direction:column;align-items:flex-start;gap:1rem}.header-buttons{width:100%;flex-direction:column}.header-buttons .btn{width:100%}.form-row{grid-template-columns:1fr}.products-table-container{overflow-x:auto}.stock-controls,.order-controls,.action-buttons{flex-direction:column}.suggestion-card{flex-direction:column;align-items:flex-start;gap:1rem}.btn-use{margin-left:0;width:100%}}.sales-page{max-width:1200px}.page-header{margin-bottom:2rem}.sales-page-header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.page-header h1{color:#2c3e50;margin:0}.sales-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:2rem}.summary-card{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 4px #0000001a}.summary-label{color:#7f8c8d;font-size:.875rem;margin-bottom:.5rem}.summary-value{color:#2c3e50;font-size:2rem;font-weight:700}.transactions-container{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a}.transactions-table{width:100%;border-collapse:collapse}.transactions-table th{background:#34495e;color:#fff;padding:1rem;text-align:left;font-weight:700}.txn-sequence-header,.txn-sequence{text-align:center;width:72px}.txn-sequence{font-weight:600;color:#2c3e50}.transactions-table td{padding:1rem;border-bottom:1px solid #e0e0e0}.transactions-table tr:last-child td{border-bottom:none}.transactions-table tbody tr:hover{background:#f8f9fa}.txn-id{font-family:monospace;font-size:.875rem;color:#7f8c8d}.amount{font-weight:700;color:#27ae60}.btn-detail{padding:.5rem 1rem;background:#3498db;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s}.btn-detail:hover{background:#2980b9}.btn-detail+.btn-delete{margin-left:8px}.btn-delete{padding:.5rem 1rem;background:#e74c3c;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s}.btn-delete:hover:not(:disabled){background:#c0392b}.btn-delete:disabled{background:#95a5a6;cursor:not-allowed}.btn-delete-all{white-space:nowrap}.no-transactions{padding:3rem;text-align:center;color:#95a5a6}.pagination{padding:1rem;text-align:center}.loading{text-align:center;padding:3rem;color:#7f8c8d;font-size:1.25rem}.error-message{background:#ffe6e6;color:#e74c3c;padding:1rem;border-radius:4px;margin-bottom:1rem;border:1px solid #e74c3c}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:8px;width:90%;max-width:600px;max-height:80vh;overflow-y:auto;box-shadow:0 4px 6px #0000001a}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e0e0e0}.modal-header h2{margin:0;color:#2c3e50}.modal-close{background:none;border:none;font-size:1.5rem;color:#7f8c8d;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.modal-close:hover{color:#2c3e50}.modal-body{padding:1.5rem}.detail-row{display:flex;gap:1rem;margin-bottom:1rem}.detail-label{font-weight:700;color:#7f8c8d;min-width:80px}.modal-body h3{margin-top:1.5rem;margin-bottom:1rem;color:#2c3e50}.items-table{width:100%;border-collapse:collapse;margin-bottom:1rem}.items-table th{background:#ecf0f1;padding:.75rem;text-align:left;font-weight:700;color:#2c3e50}.items-table td{padding:.75rem;border-bottom:1px solid #e0e0e0}.items-table tr:last-child td{border-bottom:none}.modal-total{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#ecf0f1;border-radius:4px;font-size:1.25rem;font-weight:700}.modal-total .total-amount{color:#27ae60;font-size:1.5rem}.confirm-text{color:#666;font-size:14px;margin-top:8px}.warning-text{color:#d32f2f;font-size:14px;margin-top:8px}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.sales-page{font-size:1.125rem}.sales-page .page-header h1{font-size:2.1rem}.sales-page .summary-label{font-size:1.05rem}.sales-page .summary-value{font-size:2.3rem}.sales-page .transactions-table th,.sales-page .transactions-table td{font-size:1.1rem}.sales-page .txn-id{font-size:1.05rem}.sales-page .btn-detail,.sales-page .btn-delete,.sales-page .btn{font-size:1.1rem}.sales-page .items-table,.sales-page .detail-label{font-size:1.05rem}.sales-page .confirm-text,.sales-page .warning-text{font-size:1rem}.sales-page .no-transactions{font-size:1.1rem}@media (max-width: 768px){.sales-page-header{flex-direction:column;align-items:flex-start}.transactions-container{overflow-x:auto}.modal-content{width:95%;max-height:90vh}.items-table{font-size:.875rem}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit}