.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:1rem}.product-price{color:#e74c3c;font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.product-stock{font-size:.875rem;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{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}.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-delete:hover:not(:disabled){background:#c0392b}.btn-action:disabled{opacity:.5;cursor:not-allowed}.no-products{padding:3rem;text-align:center;color:#95a5a6}@media (max-width: 768px){.page-header{flex-direction:column;align-items:flex-start;gap:1rem}.form-row{grid-template-columns:1fr}.products-table-container{overflow-x:auto}.stock-controls,.action-buttons{flex-direction:column}}.sales-page{max-width:1200px}.page-header{margin-bottom:2rem}.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}.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}.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}@media (max-width: 768px){.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}