*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.App{display:flex;flex-direction:column;min-height:100vh}.header{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 10px #0000001a;color:#fff;padding:1rem 2rem}.header h1{font-size:1.8rem;font-weight:600;text-align:center}.container{flex:1 1;margin:0 auto;max-width:1200px;padding:2rem;width:100%}.pos-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:2fr 1fr;height:calc(100vh - 200px)}.product-section{overflow-y:auto}.cashier-section,.product-section{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:1.5rem}.cashier-section{display:flex;flex-direction:column}.product-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:2rem}.product-card{background:#fff;border:2px solid #e1e5e9;border-radius:8px;cursor:pointer;padding:1rem;transition:all .3s ease}.product-card:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea26;transform:translateY(-2px)}.product-card.selected{background:#f8f9ff;border-color:#667eea}.product-name{color:#2d3748;font-weight:600;margin-bottom:.5rem}.product-price{color:#667eea;font-size:1.1rem;font-weight:600}.cart-section{display:flex;flex:1 1;flex-direction:column}.cart-header{align-items:center;border-bottom:2px solid #e1e5e9;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.5rem}.cart-items{flex:1 1;margin-bottom:1rem;overflow-y:auto}.cart-item{align-items:center;background:#f8f9fa;border-bottom:1px solid #e1e5e9;border-radius:6px;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:.75rem}.cart-item-info{flex:1 1}.cart-item-name{color:#2d3748;font-weight:500}.cart-item-details{color:#718096;font-size:.9rem}.cart-item-controls{align-items:center;display:flex;gap:.5rem}.quantity-btn{align-items:center;background:#fff;border:1px solid #cbd5e0;border-radius:4px;cursor:pointer;display:flex;font-weight:600;height:30px;justify-content:center;width:30px}.quantity-btn:hover{background:#f7fafc}.quantity-input{border:1px solid #cbd5e0;border-radius:4px;padding:.25rem;text-align:center;width:50px}.remove-btn{background:#e53e3e;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.8rem;padding:.25rem .5rem}.remove-btn:hover{background:#c53030}.cart-summary{border-top:2px solid #e1e5e9;padding-top:1rem}.summary-row{display:flex;justify-content:space-between;margin-bottom:.5rem}.summary-total{border-top:2px solid #e1e5e9;color:#2d3748;font-size:1.2rem;font-weight:600;margin-top:.5rem;padding-top:.5rem}.payment-section{border-top:2px solid #e1e5e9;margin-top:1rem;padding-top:1rem}.payment-input{border:2px solid #e1e5e9;border-radius:8px;font-size:1.1rem;margin-bottom:.5rem;padding:.75rem;width:100%}.payment-input:focus{border-color:#667eea;outline:none}.change-display{background:#f0fff4;border:2px solid #68d391;border-radius:8px;margin-bottom:1rem;padding:1rem;text-align:center}.change-amount{color:#2f855a;font-size:1.5rem;font-weight:600}.action-buttons{display:flex;gap:1rem}.btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:1.1rem;font-weight:600;padding:1rem;transition:all .3s ease}.btn-primary{background:#667eea;color:#fff}.btn-primary:hover{background:#5a67d8;transform:translateY(-1px)}.btn-secondary{background:#e2e8f0;color:#4a5568}.btn-secondary:hover{background:#cbd5e0}.btn-success{background:#48bb78;color:#fff}.btn-success:hover{background:#38a169}.btn-danger{background:#e53e3e;color:#fff}.btn-danger:hover{background:#c53030}@media (max-width:768px){.pos-container{grid-template-columns:1fr;height:auto}.product-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.container{padding:1rem}}.loading{align-items:center;color:#718096;display:flex;font-size:1.1rem;height:200px;justify-content:center}.error{background:#fed7d7;border:1px solid #feb2b2;border-radius:8px;color:#c53030}.error,.success{margin:1rem 0;padding:1rem}.success{background:#c6f6d5;border:1px solid #9ae6b4;border-radius:8px;color:#2f855a}.virtual-keypad{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-rows:repeat(4,1fr);margin-top:1rem}.keypad-row{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(3,1fr)}.keypad-btn{background:#fff;border:2px solid #e1e5e9;border-radius:8px;color:#2d3748;cursor:pointer;font-size:1.2rem;font-weight:600;padding:1rem;transition:all .2s ease}.keypad-btn:hover{background:#f7fafc;border-color:#667eea;transform:translateY(-1px)}.keypad-btn:active{background:#e2e8f0;transform:translateY(0)}.keypad-btn-clear{background:#fed7d7;border-color:#feb2b2;color:#c53030}.keypad-btn-clear:hover{background:#feb2b2;border-color:#fc8181}.keypad-btn-backspace{background:#e2e8f0;border-color:#cbd5e0;color:#4a5568}.keypad-btn-backspace:hover{background:#cbd5e0;border-color:#a0aec0}.product-card.out-of-stock{background:#fef5e7;border-color:#fed7d7}.product-card.out-of-stock:hover{border-color:#fed7d7;box-shadow:none;transform:none}