*{box-sizing:border-box}html,body,#root{height:100%}body{color:#0f172a;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f8fafc;margin:0;font-family:Plus Jakarta Sans,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}::-webkit-scrollbar{width:5px;height:0}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#94a3b840;border-radius:999px;transition:background .2s}::-webkit-scrollbar-thumb:hover{background:#64748b80}.show-h-scroll::-webkit-scrollbar{height:5px}.brand{align-items:center;gap:12px;padding:18px 16px 20px;display:flex}.brand-logo{color:#fff;background:linear-gradient(135deg,#10b981 0%,#00a651 100%);border-radius:12px;flex:none;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;transition:transform .2s;display:flex;box-shadow:0 4px 14px #00a65159}.brand-logo:hover{transform:scale(1.05)}.brand-name{letter-spacing:-.02em;color:#0f172a;font-size:16px;font-weight:800;line-height:1.2}.brand-sub{color:#64748b;letter-spacing:.02em;font-size:11px;font-weight:600}.ant-menu .ant-menu-item-group-title{letter-spacing:.08em!important;text-transform:uppercase!important;color:#94a3b8!important;padding-top:14px!important;padding-bottom:4px!important;font-size:10.5px!important;font-weight:700!important}.table-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;display:grid}.table-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;gap:8px;min-height:130px;padding:12px 14px 14px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative;box-shadow:0 1px 3px #00000008}.table-card:hover{transform:translateY(-3px);box-shadow:0 12px 24px -6px #00000014,0 4px 8px -4px #0000000a}.table-card.status-available{background:linear-gradient(#f0fdf4 0%,#fff 45%);border-color:#a7f3d0}.table-card.status-available:hover{border-color:#34d399}.table-card.status-occupied{background:linear-gradient(#fffbeb 0%,#fff 45%);border-color:#fde68a}.table-card.status-occupied:hover{border-color:#fbbf24}.table-card.status-reserved{background:linear-gradient(#f0f9ff 0%,#fff 45%);border-color:#bae6fd}.table-card.status-reserved:hover{border-color:#38bdf8}.table-card-head{justify-content:space-between;align-items:center;gap:6px;display:flex}.table-name{letter-spacing:-.01em;font-size:15.5px;font-weight:700}.status-available .table-name{color:#047857}.status-occupied .table-name{color:#b45309}.status-reserved .table-name{color:#0284c7}.table-meta{color:#64748b;align-items:center;gap:5px;font-size:12px;font-weight:500;display:flex}.table-info{color:#475569;justify-content:space-between;align-items:center;font-size:12.5px;display:flex}.table-amount{color:#059669;letter-spacing:-.01em;margin-top:auto;font-size:14.5px;font-weight:800}.table-note{color:#0284c7;background:#f0f9ff;border:1px dashed #bae6fd;border-radius:6px;padding:4px 8px;font-size:12px;line-height:1.35}.status-dot{border-radius:50%;width:8px;height:8px;display:inline-block;position:relative}.dot-available{background:#10b981;box-shadow:0 0 0 2px #10b98133}.dot-occupied{background:#f59e0b;animation:2s infinite pulse-soft;box-shadow:0 0 0 2px #f59e0b33}.dot-reserved{background:#0ea5e9;box-shadow:0 0 0 2px #0ea5e933}@keyframes pulse-soft{0%{box-shadow:0 0 #f59e0b66}70%{box-shadow:0 0 0 6px #f59e0b00}to{box-shadow:0 0 #f59e0b00}}.takeaway-row{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;transition:all .2s;display:flex}.takeaway-row:hover{border-color:#cbd5e1;box-shadow:0 4px 8px -2px #0000000d}.pane{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;flex:1;min-width:0;height:100%;padding:16px;display:flex;overflow:hidden;box-shadow:0 1px 3px #00000008}.chip-row{scrollbar-width:none;-ms-overflow-style:none;gap:8px;padding-bottom:2px;display:flex;overflow:auto hidden}.chip-row::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}.menu-grid{grid-template-columns:repeat(auto-fill,minmax(158px,1fr));align-content:start;gap:12px;padding-bottom:8px;padding-right:6px;display:grid;overflow:hidden auto}.menu-tile{cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:8px;min-height:98px;padding:12px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 1px 2px #00000005}.menu-tile:hover{border-color:#00a651;transform:translateY(-2px);box-shadow:0 8px 16px -4px #00a6512e}.menu-tile.disabled{opacity:.55;cursor:not-allowed;background:#f8fafc;border-color:#e2e8f0}.menu-tile.disabled:hover{box-shadow:none;border-color:#e2e8f0;transform:none}.menu-tile-name{color:#1e293b;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.menu-tile-price{color:#00a651;justify-content:space-between;align-items:baseline;gap:4px;margin-top:auto;font-size:14px;font-weight:800;display:flex}.order-line{align-items:flex-start;gap:10px;padding:10px 0;transition:background .15s;display:flex}.order-line+.order-line{border-top:1px dashed #e2e8f0}.order-line:hover{background:#f8fafc}.order-line-main{flex:1;min-width:0}.order-line-name{color:#0f172a;font-size:14px;font-weight:600}.order-line-sub{color:#64748b;font-size:12px;line-height:1.4}.order-line-amount{text-align:right;color:#0f172a;min-width:80px;font-weight:700}.pay-row{color:#334155;justify-content:space-between;align-items:center;gap:12px;padding:6px 0;font-size:14px;display:flex}.pay-row-total{color:#0f172a;font-size:18px;font-weight:800}.kitchen-ticket{background:#fff;border:1px solid #e2e8f0;border-radius:12px;transition:all .2s;overflow:hidden;box-shadow:0 2px 4px #00000005}.kitchen-ticket:hover{box-shadow:0 6px 16px -4px #00000014}.kitchen-ticket-head{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:8px;padding:10px 14px;display:flex}.kitchen-ticket-sub{color:#64748b;padding:8px 14px 4px;font-size:12px;font-weight:500}.kitchen-item{border-top:1px dashed #e2e8f0;padding:10px 14px 12px;font-size:13.5px}.kitchen-note{color:#d97706;background:#fffbeb;border-radius:4px;margin-top:4px;padding:2px 6px;font-size:12px;display:inline-block}.stat-card-modern{background:#fff;border:1px solid #e2e8f0;border-radius:14px;justify-content:space-between;align-items:flex-start;padding:18px;transition:all .2s;display:flex;box-shadow:0 1px 3px #00000008}.stat-card-modern:hover{transform:translateY(-2px);box-shadow:0 8px 16px -4px #0000000f}.stat-icon-wrapper{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;display:flex}.stat-icon-emerald{color:#059669;background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%)}.stat-icon-blue{color:#0284c7;background:linear-gradient(135deg,#e0f2fe 0%,#bae6fd 100%)}.stat-icon-violet{color:#7c3aed;background:linear-gradient(135deg,#ede9fe 0%,#ddd6fe 100%)}.stat-icon-amber{color:#d97706;background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%)}.receipt{background:#fff;padding:12px 14px;font-family:Consolas,Courier New,monospace}.receipt-80{width:78mm}.receipt-58{width:56mm}.mobile-page{background:#f8fafc;max-width:560px;min-height:100vh;margin:0 auto}@media print{body *{visibility:hidden}.print-area,.print-area *{visibility:visible}.print-area{background:#fff;width:auto;padding:0;position:fixed;inset:0 auto auto 0}.receipt{padding:0}@page{margin:4mm}}