.pending{background-color:#ffc107!important;color:#fff}.placed{background-color:#007bff!important;color:#fff}.preparing{background-color:#17a2b8!important;color:#fff}.ready-to-serve{background-color:#28a745!important;color:#fff;text-wrap:nowrap}body,html{margin:0;padding:0;height:100%;overflow:hidden}.pos-container{display:flex;height:100vh;width:100%;overflow:hidden}.products-panel{flex:1;overflow-y:auto;padding:20px}.products-panel h2{margin:0 0 20px;color:#fff;font-size:28px;font-weight:700;border-bottom:3px solid #3498db;padding-bottom:10px}.subcategory-section{margin-bottom:30px}.subcategory-section h5{color:#fff;font-size:20px;margin-bottom:15px;padding:12px 15px;border-radius:8px;font-weight:600}.breadcrumb-nav{display:flex;align-items:center;margin-bottom:20px;padding:12px 15px;border-radius:8px;box-shadow:0 2px 8px #0000001a}.breadcrumb-nav .back-btn{padding:8px 16px;background:#3498db;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s;display:flex;align-items:center;gap:5px}.breadcrumb-nav .back-btn:hover{background:#2980b9;transform:translate(-2px)}.breadcrumb-nav .breadcrumb-text{margin-left:15px;color:#7f8c8d;font-size:14px}.breadcrumb-nav .breadcrumb-text .current{color:#fff;font-weight:600}.category-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 3px 8px #0000001f;transition:all .15s ease;cursor:pointer;-webkit-user-select:none;user-select:none;border:3px solid transparent;min-height:80px;display:flex;flex-direction:column}.category-card:hover{transform:scale(1.02);box-shadow:0 6px 20px #3498db4d;border-color:#3498db}.category-card:active{transform:scale(.98)}.category-card img{width:100%;height:180px;object-fit:cover;pointer-events:none}.category-card-body{padding:20px;flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center}.category-card-body h5{margin:0;font-size:20px;font-weight:700;color:#2c3e50;pointer-events:none}.category-card-body p{font-size:14px;color:#7f8c8d;margin-top:10px;margin-bottom:0;pointer-events:none;line-height:1.4}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;padding:10px}@media(min-width:1400px){.products-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}.product-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 3px 8px #0000001f;transition:all .15s ease;display:flex;flex-direction:column;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;border:3px solid transparent}.product-card:hover{transform:scale(1.02);box-shadow:0 6px 20px #3498db4d;border-color:#3498db}.product-card:active{transform:scale(.98);box-shadow:0 2px 8px #0003}.product-card.adding{animation:addPulse .4s ease;border-color:#27ae60;background:#d5f4e6}@keyframes addPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.product-card img{width:100%;height:200px;object-fit:cover;pointer-events:none}.product-card-body{padding:20px;flex:1;display:flex;flex-direction:column;align-items:center;text-align:center}.product-card-body h5{margin:0 0 10px;font-size:18px;font-weight:700;color:#2c3e50;pointer-events:none}.product-card-body p{font-size:14px;color:#7f8c8d;margin-bottom:0;flex:1;pointer-events:none;line-height:1.4}.product-card:after{content:"+";position:absolute;top:10px;right:10px;width:40px;height:40px;background:#3498db;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;opacity:0;transition:opacity .2s;pointer-events:none}.product-card:hover:after{opacity:1}.cart-panel{width:350px;background:#fff;border-left:3px solid #bdc3c7;overflow-y:auto;flex-shrink:0;display:flex;flex-direction:column;position:relative}.cart-header{background:#3498db;color:#fff;padding:10px 5px;font-size:16px;font-weight:700;text-align:center;border-bottom:3px solid #2980b9;flex-shrink:0}.cart-body{flex:1;overflow-y:auto;padding:15px 15px 80px}.cart-footer{position:absolute;bottom:0;left:0;right:0;background:#fff;border-top:3px solid #3498db;padding:10px 15px;box-shadow:0 -4px 12px #0000001a;z-index:10}.cart-footer .summary-row{display:flex;justify-content:space-between;padding:4px 0;font-size:13px}.cart-footer .summary-row.total{border-top:2px solid #2c3e50;margin-top:4px;padding-top:5px;font-size:15px;font-weight:700;color:#2c3e50}.cart-footer .summary-row.subtotal{color:#7f8c8d}.cart-footer .summary-row.tax{color:#e74c3c}.loading-overlay{position:absolute;inset:0;background:#ffffffe6;display:none;justify-content:center;align-items:center;z-index:1000}.loading-overlay.active{display:flex}.info-bar{background:#34495e;color:#fff;padding:10px 20px;display:flex;justify-content:space-between;align-items:center;font-size:14px}.info-bar strong{margin-right:10px}.toast-notification{position:fixed;top:20px;right:20px;min-width:300px;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;padding:15px 20px;display:none;z-index:9999;animation:slideIn .3s ease-out}.toast-notification.show{display:block}.toast-notification.success{border-left:4px solid #27ae60}.toast-notification.error{border-left:4px solid #e74c3c}@keyframes slideIn{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}