:root{--available:#2e9e44;--occupied:#e0a800;--paying:#d9342b;--reserved:#9aa0a6;font-family:system-ui,sans-serif}*{box-sizing:border-box}body{color:#222;background:#f5f4f0;margin:0}.app header{color:#fff;background:#263238;justify-content:space-between;align-items:center;padding:.6rem 1.2rem;display:flex}.app header h1{cursor:pointer;margin:0;font-size:1.2rem}.app header nav button{color:#fff;cursor:pointer;background:#455a64;border:none;border-radius:6px;margin-left:.5rem;padding:.5rem 1rem;font-size:1rem}main{max-width:1100px;margin:0 auto;padding:1.2rem}.table-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;display:grid}.table-card{color:#fff;cursor:pointer;border:none;border-radius:12px;flex-direction:column;align-items:center;gap:.3rem;padding:1.2rem .5rem;font-size:1rem;display:flex}.table-card.available{background:var(--available)}.table-card.occupied{background:var(--occupied)}.table-card.paying{background:var(--paying)}.table-card.reserved{background:var(--reserved)}.table-number{font-size:1.3rem;font-weight:700}.legend{color:#555;align-items:center;gap:.6rem;margin-top:1.2rem;display:flex}.dot{border-radius:50%;width:14px;height:14px;display:inline-block}.dot.available{background:var(--available)}.dot.occupied{background:var(--occupied)}.dot.paying{background:var(--paying)}.dot.reserved{background:var(--reserved)}.toast{color:#fff;background:#263238;border-radius:8px;padding:.8rem 1.4rem;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%)}button:disabled{opacity:.5;cursor:not-allowed}.row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}table.data{border-collapse:collapse;width:100%;margin-top:.8rem}table.data th,table.data td{text-align:left;border-bottom:1px solid #ddd;padding:.5rem}input,select{border:1px solid #bbb;border-radius:6px;padding:.45rem;font-size:1rem}.btn{cursor:pointer;border:none;border-radius:6px;padding:.5rem 1rem;font-size:1rem}.btn.primary{color:#fff;background:#1565c0}.btn.success{background:var(--available);color:#fff}.btn.danger{background:var(--paying);color:#fff}.btn.ghost{background:#e0e0e0}.category-block h3{margin:1rem 0 .4rem}.product-btn{cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:8px;margin:.2rem;padding:.6rem .9rem;font-size:.95rem}.product-btn.special{border-color:var(--occupied);background:#fff8e1}.total-bar{margin:1rem 0;font-size:1.3rem;font-weight:700}.pay-methods{gap:.8rem;margin:1rem 0;display:flex}.pay-methods button{flex:1;padding:1.2rem;font-size:1.05rem}.pay-methods button.selected{outline:3px solid #1565c0}@media print{.no-print,header nav{display:none}}.auth-box{flex-direction:column;gap:.6rem;max-width:360px;margin:3rem auto;display:flex}.auth-box input{font-size:1.1rem}.user-chip{color:#cfd8dc;margin-left:.8rem;font-size:.9rem}.kitchen-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;display:grid}.kitchen-card{background:#fff;border:2px solid #ccc;border-radius:10px;padding:.8rem}.kitchen-card.pending{border-color:var(--occupied)}.kitchen-card.cooking{border-color:#1565c0}.kitchen-card ul{margin:.5rem 0;padding-left:1.1rem}.kitchen-chip{color:#334;background:#eef;border-radius:6px;align-self:center;padding:.2rem .6rem}.ready-bell{margin-left:.3rem}.warn-banner{background:#fff8e1;border:1px solid #e0a800;border-radius:8px;padding:.6rem .9rem}
