:root{--bg: #0d0d0d;--bg-card: #1a1a1a;--orange: #e8722c;--orange-light: #f0935a;--text: #f5f2ed;--text-muted: #a8a29a;--border: #2e2b27;--green: #4caf7d;--red: #d9534f;--yellow: #d9a441}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text)}button{font-family:inherit;cursor:pointer;border:none}.header{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--bg);z-index:10}.header img{width:42px;height:42px;border-radius:10px;object-fit:cover}.header h1{font-size:18px;margin:0;letter-spacing:.5px}.header .sub{font-size:12px;color:var(--text-muted);margin:0}.tabs{display:flex;gap:8px;overflow-x:auto;padding:12px 20px;border-bottom:1px solid var(--border)}.tab{flex-shrink:0;padding:8px 16px;border-radius:20px;background:var(--bg-card);color:var(--text-muted);font-size:13px;font-weight:600;white-space:nowrap}.tab.active{background:var(--orange);color:#1a1a1a}.menu-section{padding:16px 20px 100px}.menu-section h2{font-size:15px;color:var(--orange-light);margin:24px 0 12px;text-transform:uppercase;letter-spacing:.5px}.menu-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media (min-width: 700px){.menu-grid{grid-template-columns:repeat(3,1fr)}}.menu-card{background:var(--bg-card);border-radius:14px;overflow:hidden;border:1px solid var(--border)}.menu-card img{width:100%;aspect-ratio:1;object-fit:cover;display:block;background:#000}.menu-card .info{padding:10px 12px}.menu-card .info .name{font-size:13.5px;font-weight:600;margin:0 0 4px;line-height:1.3}.menu-card .info .price{font-size:13px;color:var(--orange-light);margin:0 0 8px;font-weight:600}.qty-control{display:flex;align-items:center;justify-content:space-between;background:var(--bg);border-radius:10px;padding:4px}.qty-control button{width:28px;height:28px;border-radius:8px;background:var(--orange);color:#1a1a1a;font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:center}.qty-control button:disabled{background:var(--border);color:var(--text-muted)}.qty-control .qty-num{font-size:14px;font-weight:700}.add-btn{width:100%;padding:8px;border-radius:10px;background:var(--orange);color:#1a1a1a;font-size:13px;font-weight:700}.cart-bar{position:fixed;bottom:0;left:0;right:0;background:var(--orange);color:#1a1a1a;padding:14px 20px;display:flex;justify-content:space-between;align-items:center;font-weight:700;box-shadow:0 -4px 20px #0006}.cart-bar .cart-info{font-size:13px}.cart-bar .cart-total{font-size:16px}.cart-bar button{background:#1a1a1a;color:var(--orange-light);padding:10px 20px;border-radius:10px;font-weight:700;font-size:13px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:flex-end;z-index:100}.sheet{background:var(--bg-card);width:100%;max-height:85vh;overflow-y:auto;border-radius:20px 20px 0 0;padding:20px}.sheet h2{margin-top:0;font-size:17px}.cart-item{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--border)}.cart-item .name{font-size:13.5px}.cart-item .price{font-size:12px;color:var(--text-muted)}.input-field{width:100%;padding:12px 14px;border-radius:10px;background:var(--bg);border:1px solid var(--border);color:var(--text);font-size:14px;margin:12px 0}.submit-btn{width:100%;padding:14px;border-radius:12px;background:var(--orange);color:#1a1a1a;font-weight:700;font-size:14px;margin-top:10px}.submit-btn:disabled{opacity:.5}.close-btn{background:transparent;color:var(--text-muted);font-size:13px;padding:8px 0}.variant-label{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin:16px 0 8px}.variant-options{display:flex;gap:8px;flex-wrap:wrap}.variant-btn{padding:10px 16px;border-radius:10px;background:var(--bg);border:1px solid var(--border);color:var(--text);font-size:13px;font-weight:600}.variant-btn.active{background:var(--orange);border-color:var(--orange);color:#1a1a1a}.variant-tag{display:inline-block;font-size:11px;color:var(--orange-light);background:#e8722c1f;padding:2px 8px;border-radius:6px;margin:2px 0 4px}.item-line-wrap{padding:3px 0}.item-line-wrap .item-line{padding:0}.item-variant{font-size:11px;color:var(--orange-light);margin-top:1px}.sukses-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px}.sukses-page .queue-number{font-size:64px;font-weight:800;color:var(--orange);margin:10px 0}.sukses-page p{color:var(--text-muted)}.kasir-page{padding:20px;max-width:1100px;margin:0 auto}.kasir-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:10px}.kasir-header h1{font-size:20px;margin:0}.status-filter{display:flex;gap:8px;flex-wrap:wrap}.status-filter button{padding:8px 14px;border-radius:8px;background:var(--bg-card);color:var(--text-muted);font-size:13px;font-weight:600;border:1px solid var(--border)}.status-filter button.active{background:var(--orange);color:#1a1a1a;border-color:var(--orange)}.order-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.order-card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:16px}.order-card .top-row{display:flex;justify-content:space-between;align-items:start;margin-bottom:8px}.order-card .queue{font-size:22px;font-weight:800;color:var(--orange)}.order-card .customer{font-size:13px;color:var(--text-muted)}.order-card .badge{font-size:11px;padding:3px 10px;border-radius:20px;font-weight:700;text-transform:uppercase}.badge.baru{background:var(--yellow);color:#1a1a1a}.badge.diproses{background:#4a90d9;color:#fff}.badge.selesai{background:var(--green);color:#fff}.badge.dibayar{background:var(--border);color:var(--text-muted)}.badge.batal{background:var(--red);color:#fff}.order-card .item-line{display:flex;justify-content:space-between;font-size:13px;padding:3px 0;color:var(--text)}.order-card .item-line .qty{color:var(--text-muted)}.order-card .total-row{display:flex;justify-content:space-between;margin-top:10px;padding-top:10px;border-top:1px solid var(--border);font-weight:700;font-size:14px}.order-card .actions{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.order-card .actions button{flex:1;padding:9px;border-radius:8px;font-size:12.5px;font-weight:700}.btn-proses{background:#4a90d9;color:#fff}.btn-selesai{background:var(--green);color:#fff}.btn-bayar-cash,.btn-bayar-qris{background:var(--orange);color:#1a1a1a}.btn-batal{background:transparent;color:var(--red);border:1px solid var(--red)!important}.empty-state{text-align:center;color:var(--text-muted);padding:60px 20px}.link-laporan{color:var(--orange-light);font-size:13px;text-decoration:none;font-weight:600}.laporan-page{padding:20px;max-width:900px;margin:0 auto}.laporan-filters{display:flex;gap:10px;align-items:end;flex-wrap:wrap;margin-bottom:20px}.laporan-filters label{display:block;font-size:12px;color:var(--text-muted);margin-bottom:4px}.laporan-filters input{padding:9px 12px;border-radius:8px;background:var(--bg-card);border:1px solid var(--border);color:var(--text)}.laporan-filters button{padding:10px 16px;border-radius:8px;background:var(--orange);color:#1a1a1a;font-weight:700;font-size:13px}table{width:100%;border-collapse:collapse;margin-top:10px}th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--border);font-size:13px}th{color:var(--text-muted);font-weight:600;text-transform:uppercase;font-size:11px}.export-btn{display:inline-block;padding:10px 16px;border-radius:8px;background:var(--bg-card);border:1px solid var(--orange);color:var(--orange-light);font-size:13px;font-weight:700;text-decoration:none;margin:6px 6px 6px 0}