.kpi-card[data-astro-cid-i2aqtsdp]{background:var(--bg-card);border-radius:var(--radius-lg);padding:14px 12px;display:flex;flex-direction:column;gap:4px}.kpi-card[data-astro-cid-i2aqtsdp].warning{background:linear-gradient(135deg,var(--bg-card) 0%,rgba(239,68,68,.1) 100%);border:1px solid rgba(239,68,68,.2)}.kpi-title[data-astro-cid-i2aqtsdp]{color:var(--secondary-text);font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.03em}.kpi-value[data-astro-cid-i2aqtsdp]{font-size:18px;font-weight:700;color:var(--primary-text)}.kds-pin-dot[data-astro-cid-yaytnl2d]{width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,.18);background:transparent;transition:all .15s}.kds-pin-dot[data-astro-cid-yaytnl2d].filled{background:var(--accent-orange);border-color:var(--accent-orange);box-shadow:0 0 10px #f9731680;transform:scale(1.1)}.kds-pin-dot[data-astro-cid-yaytnl2d].error{border-color:var(--warning-red);background:#ef444466;animation:kdsShake .45s}@keyframes kdsShake{0%,to{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}.kds-key[data-astro-cid-yaytnl2d]{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:16px;padding:18px;font-size:20px;font-weight:700;color:var(--primary-text);cursor:pointer;transition:all .15s;font-family:Inter,sans-serif}.kds-key[data-astro-cid-yaytnl2d]:hover{background:#f4662226;border-color:#f4662266}.kds-key[data-astro-cid-yaytnl2d]:active{transform:scale(.91);background:#f4662247}.kds-key-ok[data-astro-cid-yaytnl2d]{background:#22c37326;color:var(--accent-green);border-color:#22c3734d;font-size:16px}.kds-key-ok[data-astro-cid-yaytnl2d]:hover{background:#22c37340}.kds-key-del[data-astro-cid-yaytnl2d]{background:var(--table-row-hover);color:var(--secondary-text);font-size:16px}.kds-key-del[data-astro-cid-yaytnl2d]:hover{color:var(--primary-text)}.kds-split-screen[data-astro-cid-2skkcunx]{display:grid;grid-template-columns:3fr 1fr;gap:20px;align-items:start}@media(max-width:1400px){.kds-split-screen[data-astro-cid-2skkcunx]{grid-template-columns:2fr 1fr}}@media(max-width:950px){.kds-split-screen[data-astro-cid-2skkcunx]{grid-template-columns:1fr}}.kds-pending-section[data-astro-cid-2skkcunx],.kds-inprogress-section[data-astro-cid-2skkcunx]{display:flex;flex-direction:column;gap:14px;background:#0f172a59;padding:16px;border-radius:16px;border:1px solid rgba(255,255,255,.06)}.kds-section-header[data-astro-cid-2skkcunx]{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-radius:10px;font-weight:700;font-size:14px;color:var(--primary-text)}.kds-header-pending[data-astro-cid-2skkcunx]{background:linear-gradient(135deg,#3b82f640,#2563eb40);border:1px solid rgba(59,130,246,.3)}.kds-header-inprogress[data-astro-cid-2skkcunx]{background:linear-gradient(135deg,#f59e0b40,#d9770640);border:1px solid rgba(245,158,11,.3)}.kds-pending-grid[data-astro-cid-2skkcunx]{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;align-content:start}.kds-inprogress-grid[data-astro-cid-2skkcunx]{display:grid;grid-template-columns:1fr;gap:16px;align-content:start}.kds-grid[data-astro-cid-2skkcunx]{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px;align-content:start}@media(min-width:1400px){.kds-grid[data-astro-cid-2skkcunx]{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media(max-width:640px){.kds-grid[data-astro-cid-2skkcunx]{grid-template-columns:1fr}}.modern-dp-wrap[data-astro-cid-2skkcunx]{position:relative;display:inline-flex;align-items:center;gap:6px;z-index:500}.dp-label[data-astro-cid-2skkcunx]{color:var(--secondary-text);font-size:11px;font-weight:700;letter-spacing:.5px}.modern-dp-input[data-astro-cid-2skkcunx]{display:flex;align-items:center;gap:8px;background:var(--input-bg);border:1px solid var(--input-border);border-radius:8px;padding:6px 10px;color:var(--input-text);font-size:12px;font-weight:600;cursor:pointer;user-select:none;transition:all .2s ease}.modern-dp-input[data-astro-cid-2skkcunx]:hover{border-color:var(--accent-orange);box-shadow:0 0 0 3px #f4662226}.modern-dp-input[data-astro-cid-2skkcunx].active{border-color:var(--accent-orange);box-shadow:0 0 0 3px #f4662240}.dp-chevron[data-astro-cid-2skkcunx]{color:var(--secondary-text);transition:transform .2s ease}.modern-dp-input[data-astro-cid-2skkcunx].active .dp-chevron[data-astro-cid-2skkcunx]{transform:rotate(180deg)}.modern-dp-popover[data-astro-cid-2skkcunx]{position:absolute;top:calc(100% + 6px);left:0;z-index:99999;width:270px;background:var(--bg-card);border:1px solid var(--border-color-strong);border-radius:12px;padding:12px;box-shadow:var(--shadow-lg);backdrop-filter:blur(16px)}.dp-pop-header[data-astro-cid-2skkcunx]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.dp-month-selects[data-astro-cid-2skkcunx]{display:flex;gap:6px}.dp-select[data-astro-cid-2skkcunx]{background:var(--bg-surface);border:1px solid var(--border-color);color:var(--primary-text);border-radius:6px;padding:3px 6px;font-size:12px;font-weight:700;cursor:pointer}.dp-select[data-astro-cid-2skkcunx] option[data-astro-cid-2skkcunx]{background:var(--bg-card);color:var(--primary-text)}.dp-nav-btn[data-astro-cid-2skkcunx]{background:var(--bg-surface);border:1px solid var(--border-color);color:var(--primary-text);border-radius:6px;width:26px;height:26px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-weight:700;transition:all .2s}.dp-nav-btn[data-astro-cid-2skkcunx]:hover{background:var(--table-row-hover)}.dp-weekdays-row[data-astro-cid-2skkcunx]{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;font-size:11px;font-weight:700;color:var(--secondary-text);margin-bottom:6px}.dp-days-grid-row[data-astro-cid-2skkcunx]{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.dp-day-cell[data-astro-cid-2skkcunx]{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;border-radius:6px;color:var(--primary-text);cursor:pointer;transition:all .15s}.dp-day-cell[data-astro-cid-2skkcunx]:hover:not(.empty){background:var(--table-row-hover)}.dp-day-cell[data-astro-cid-2skkcunx].empty{opacity:.15;cursor:default}.dp-day-cell[data-astro-cid-2skkcunx].today{border:1px solid var(--accent-blue);color:var(--accent-blue)}.dp-day-cell[data-astro-cid-2skkcunx].selected{background:var(--accent-blue)!important;color:var(--primary-text)!important;font-weight:800}.dp-day-cell:hover:not(.selected){background:var(--table-row-hover)!important}.kds-tabs-carousel[data-astro-cid-2skkcunx]{display:flex;gap:8px;margin-bottom:16px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:14px;padding:6px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none}.kds-tabs-carousel[data-astro-cid-2skkcunx]::-webkit-scrollbar{display:none}.kds-tab[data-astro-cid-2skkcunx]{flex:1 0 auto;min-width:140px;scroll-snap-align:start;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border:2px solid transparent;border-radius:10px;color:var(--primary-text);font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .2s ease;opacity:.7;white-space:nowrap;user-select:none}.kds-tab[data-astro-cid-2skkcunx]:hover{opacity:.95;transform:translateY(-1px)}.kds-tab-active[data-astro-cid-2skkcunx]{opacity:1;box-shadow:0 4px 14px #00000059;border-color:var(--primary-text);transform:translateY(-1px)}.kds-tab-pending[data-astro-cid-2skkcunx]{background:oklch(.55 .22 250)}.kds-tab-inprogress[data-astro-cid-2skkcunx]{background:oklch(.65 .2 75)}.kds-tab-completed[data-astro-cid-2skkcunx]{background:oklch(.58 .2 145)}.kds-tab-cancelled[data-astro-cid-2skkcunx]{background:#d40924}.kds-tab-label[data-astro-cid-2skkcunx]{white-space:nowrap;font-weight:800;color:var(--primary-text)}.kds-tab-badge[data-astro-cid-2skkcunx]{font-size:11px;font-weight:800;padding:2px 8px;border-radius:20px;min-width:22px;text-align:center;background:#ffffff40;color:var(--primary-text);border:1px solid rgba(255,255,255,.3)}.kds-card[data-astro-cid-2skkcunx]{background:var(--card-bg, rgba(30, 41, 59, .7));border:1px solid rgba(255,255,255,.05);border-radius:16px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 10px 25px -5px #0000004d;transition:transform .2s,box-shadow .2s}.kds-card[data-astro-cid-2skkcunx]:hover{transform:translateY(-2px);box-shadow:0 15px 30px -5px #0006}.kds-header[data-astro-cid-2skkcunx]{padding:12px 16px;display:flex;justify-content:space-between;align-items:center;color:#fff;font-weight:700}.kds-card[data-astro-cid-2skkcunx][data-status=Pending] .kds-header[data-astro-cid-2skkcunx]{background:linear-gradient(135deg,oklch(.55 .22 250),oklch(.45 .24 250))}.kds-card[data-astro-cid-2skkcunx][data-status=Cooking] .kds-header[data-astro-cid-2skkcunx]{background:linear-gradient(135deg,oklch(.65 .2 75),oklch(.55 .22 75))}.kds-card[data-astro-cid-2skkcunx][data-status=Completed] .kds-header[data-astro-cid-2skkcunx]{background:linear-gradient(135deg,oklch(.58 .2 145),oklch(.48 .22 145))}.kds-card[data-astro-cid-2skkcunx][data-status=Overdue] .kds-header[data-astro-cid-2skkcunx]{background:linear-gradient(135deg,#be148b,oklch(.44 .24 340))}.kds-card[data-astro-cid-2skkcunx][data-status=Cancelled] .kds-header[data-astro-cid-2skkcunx]{background:linear-gradient(135deg,oklch(.5 .26 27),oklch(.38 .24 25))}.kds-table-badge[data-astro-cid-2skkcunx]{background:#0000004d;padding:4px 10px;border-radius:12px;font-size:14px;letter-spacing:1px}.kds-timer[data-astro-cid-2skkcunx]{font-size:16px;font-weight:700;display:flex;align-items:center;gap:4px;color:var(--primary-text);opacity:1}.kds-body[data-astro-cid-2skkcunx]{padding:16px;flex:1;background:var(--bg-surface)}.kds-meta[data-astro-cid-2skkcunx]{display:flex;justify-content:space-between;font-size:12px;color:var(--secondary-text);margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border-color)}.kds-items[data-astro-cid-2skkcunx]{list-style:none;margin:0;padding:0}.kds-item[data-astro-cid-2skkcunx]{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px dashed var(--border-color);font-size:14px}.kds-item[data-astro-cid-2skkcunx]:last-child{border-bottom:none}.kds-item[data-astro-cid-2skkcunx].voided{text-decoration:line-through;opacity:.5;color:var(--warning-red)}.kds-item-qty[data-astro-cid-2skkcunx]{font-weight:800;font-size:18px;color:var(--accent-orange);margin-right:8px;min-width:26px;display:inline-block}.kds-item-name[data-astro-cid-2skkcunx]{flex:1;font-weight:800;font-size:18px;color:var(--primary-text);text-transform:uppercase}.kds-item-total[data-astro-cid-2skkcunx]{font-family:monospace;color:var(--secondary-text);font-size:13px}.kds-footer[data-astro-cid-2skkcunx]{padding:12px 16px;background:var(--table-row-hover);display:flex;gap:10px}.kds-btn[data-astro-cid-2skkcunx]{flex:1;padding:10px;border:none;border-radius:8px;font-weight:700;font-size:13px;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:.5px}.kds-btn-start[data-astro-cid-2skkcunx]{background:#f59e0b26;color:var(--accent-orange);border:1px solid rgba(245,158,11,.3)}.kds-btn-start[data-astro-cid-2skkcunx]:hover{background:var(--accent-orange);color:var(--primary-text)}.kds-btn-finish[data-astro-cid-2skkcunx]{background:#10b98126;color:var(--accent-green);border:1px solid rgba(16,185,129,.3)}.kds-btn-finish[data-astro-cid-2skkcunx]:hover{background:var(--accent-green);color:var(--primary-text)}@media(max-width:768px){.kds-grid[data-astro-cid-2skkcunx]{grid-template-columns:1fr}}.modal-assign-table{max-width:620px;width:100%}.form-group-assign{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.assign-label{display:flex;align-items:center;gap:4px;font-size:.82rem;font-weight:700;color:var(--secondary-text);text-transform:uppercase;letter-spacing:.04em}.required-indicator{color:var(--warning-red);font-weight:800}.select-wrapper-custom{position:relative;width:100%}.form-select-custom{width:100%;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:10px 14px;color:var(--primary-text);font-size:.9rem;font-weight:600;outline:none;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease;box-sizing:border-box}.form-select-custom:focus{border-color:var(--accent-orange);box-shadow:0 0 0 2px oklch(from var(--accent-orange) l c h / .2)}.station-pill-strip{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;-webkit-overflow-scrolling:touch}.station-pill{padding:7px 14px;border-radius:var(--radius-sm);background:var(--bg-surface);border:1px solid var(--border-color);color:var(--secondary-text);font-size:.82rem;font-weight:700;cursor:pointer;white-space:nowrap;transition:all .2s ease;display:flex;align-items:center;gap:6px}.station-pill:hover{border-color:var(--accent-orange);color:var(--primary-text)}.station-pill.active{background:var(--accent-orange);color:var(--bg-main);border-color:var(--accent-orange);box-shadow:var(--shadow-sm)}.tablegroup-pill-strip{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;-webkit-overflow-scrolling:touch}.tgroup-pill{padding:7px 14px;border-radius:20px;background:var(--bg-surface);border:1px solid var(--border-color);color:var(--secondary-text);font-size:.82rem;font-weight:700;cursor:pointer;white-space:nowrap;transition:all .2s ease}.tgroup-pill:hover{border-color:var(--accent-orange);color:var(--primary-text)}.tgroup-pill.active{background:var(--accent-orange);color:var(--bg-main);border-color:var(--accent-orange);box-shadow:var(--shadow-sm)}.table-grid-header{display:flex;justify-content:space-between;align-items:center}.table-count-label{font-size:.75rem;color:var(--secondary-text);font-weight:600}.tables-tile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px;max-height:220px;overflow-y:auto;padding:2px}.table-tile-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:10px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;transition:all .15s ease;text-align:center;user-select:none}.table-tile-card:hover{border-color:var(--accent-orange);background:oklch(from var(--accent-orange) l c h / .08);transform:translateY(-1px)}.table-tile-card.selected{border-color:var(--accent-orange);background:oklch(from var(--accent-orange) l c h / .15);box-shadow:0 0 0 2px var(--accent-orange)}.table-tile-icon{color:var(--secondary-text);display:flex;align-items:center;justify-content:center}.table-tile-card.selected .table-tile-icon{color:var(--accent-orange)}.table-tile-name{font-size:.95rem;font-weight:800;color:var(--primary-text)}.table-tile-meta{font-size:.7rem;color:var(--secondary-text)}.table-tile-card.selected .table-tile-meta{color:var(--accent-orange);font-weight:700}.tables-empty-notice{padding:24px;text-align:center;color:var(--secondary-text);font-size:.85rem;border:1px dashed var(--border-color);border-radius:var(--radius-sm);grid-column:1 / -1}.assign-summary-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:12px 14px;display:flex;align-items:center;gap:12px;margin-top:8px}.summary-icon{color:var(--accent-orange);display:flex;align-items:center;justify-content:center;flex-shrink:0}.summary-details{display:flex;flex-direction:column;gap:3px;font-size:.85rem}.summary-line{display:flex;gap:6px;align-items:center}.summary-lbl{color:var(--secondary-text)}.summary-val-accent{color:var(--accent-orange)}.summary-val-primary{color:var(--primary-text)}#view-online-orders .online-orders-container{padding:24px;display:flex;flex-direction:column;gap:20px;width:100%;max-width:100%;box-sizing:border-box;min-width:0}#view-online-orders .orders-kpi-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;width:100%;max-width:100%;box-sizing:border-box}#view-online-orders .kpi-mini-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:16px 20px;display:flex;align-items:center;gap:16px;box-shadow:var(--shadow-sm);transition:transform .2s ease,border-color .2s ease;min-width:0;box-sizing:border-box;overflow:hidden}#view-online-orders .kpi-mini-card:hover{transform:translateY(-2px);border-color:var(--border-color-strong)}#view-online-orders .kpi-icon-circle{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--bg-surface);border:1px solid var(--border-color);color:var(--primary-text);flex-shrink:0}#view-online-orders .kpi-icon-total{color:var(--accent-blue);background:color-mix(in srgb,var(--accent-blue) 12%,var(--bg-surface));border-color:color-mix(in srgb,var(--accent-blue) 30%,transparent)}#view-online-orders .kpi-icon-pending{color:var(--warning-amber);background:color-mix(in srgb,var(--warning-amber) 12%,var(--bg-surface));border-color:color-mix(in srgb,var(--warning-amber) 30%,transparent)}#view-online-orders .kpi-icon-confirmed{color:var(--accent-green);background:color-mix(in srgb,var(--accent-green) 12%,var(--bg-surface));border-color:color-mix(in srgb,var(--accent-green) 30%,transparent)}#view-online-orders .kpi-icon-revenue{color:var(--accent-orange);background:color-mix(in srgb,var(--accent-orange) 12%,var(--bg-surface));border-color:color-mix(in srgb,var(--accent-orange) 30%,transparent)}#view-online-orders .kpi-content{display:flex;flex-direction:column;gap:2px;min-width:0;overflow:hidden}#view-online-orders .kpi-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--secondary-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#view-online-orders .kpi-value{font-size:1.4rem;font-weight:700;color:var(--primary-text);line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#view-online-orders .kpi-val-pending{color:var(--warning-amber)}#view-online-orders .kpi-val-revenue{color:var(--accent-orange);font-size:1.25rem}#view-online-orders .kpi-val-row{display:flex;align-items:center;gap:8px}#view-online-orders .live-dot-pulse{width:8px;height:8px;border-radius:50%;background:var(--warning-amber);box-shadow:0 0 color-mix(in srgb,var(--warning-amber) 70%,transparent);animation:pulse-dot 1.8s infinite}@keyframes pulse-dot{0%{transform:scale(.95);box-shadow:0 0 color-mix(in srgb,var(--warning-amber) 70%,transparent)}70%{transform:scale(1);box-shadow:0 0 0 6px transparent}to{transform:scale(.95);box-shadow:0 0 0 0 transparent}}#view-online-orders .online-orders-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;background:var(--bg-card);border:1px solid var(--border-color);padding:16px 20px;border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}#view-online-orders .header-left{display:flex;flex-direction:column;gap:4px}#view-online-orders .title-with-badge{display:flex;align-items:center;gap:12px}#view-online-orders .view-title{font-size:1.25rem;font-weight:700;color:var(--primary-text);margin:0}#view-online-orders .view-subtitle{margin:0;font-size:.85rem;color:var(--secondary-text)}#view-online-orders .orders-count-badge{background:var(--accent-orange);color:var(--bg-main);font-size:.75rem;font-weight:700;padding:3px 10px;border-radius:20px;letter-spacing:.02em}#view-online-orders .header-controls{display:flex;align-items:center;flex-wrap:wrap;gap:12px}#view-online-orders .search-box{display:flex;align-items:center;position:relative;gap:8px}#view-online-orders .search-icon{position:absolute;left:10px;color:var(--secondary-text);pointer-events:none}#view-online-orders .search-input{background:var(--input-bg);border:1px solid var(--input-border);color:var(--primary-text);padding:8px 12px 8px 34px;border-radius:var(--radius-sm);font-size:.875rem;min-width:220px;transition:border-color .2s ease,box-shadow .2s ease}#view-online-orders .search-input:focus{outline:none;border-color:var(--accent-orange);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-orange) 15%,transparent)}#view-online-orders .filter-pills{display:flex;background:var(--bg-main);padding:4px;border-radius:var(--radius-sm);gap:4px;border:1px solid var(--border-color)}#view-online-orders .pill-btn{background:transparent;border:none;color:var(--secondary-text);padding:6px 12px;border-radius:var(--radius-sm);cursor:pointer;font-size:.8rem;font-weight:600;transition:all .2s ease;display:inline-flex;align-items:center;gap:6px}#view-online-orders .pill-btn.active{background:var(--bg-card);color:var(--primary-text);box-shadow:var(--shadow-sm)}#view-online-orders .pill-counter{background:var(--bg-surface);padding:1px 6px;border-radius:10px;font-size:.7rem;color:var(--secondary-text);border:1px solid var(--border-color)}#view-online-orders .pill-btn.active .pill-counter{color:var(--primary-text)}#view-online-orders .pill-cnt-pending{background:color-mix(in srgb,var(--warning-amber) 20%,transparent);color:var(--warning-amber)!important;font-weight:700}#view-online-orders .btn,.custom-modal-content .btn{padding:8px 14px;border-radius:var(--radius-sm);font-weight:600;cursor:pointer;font-size:.875rem;border:none;transition:opacity .2s ease,transform .1s ease;display:inline-flex;align-items:center;justify-content:center;gap:6px;text-decoration:none}#view-online-orders .btn:hover,.custom-modal-content .btn:hover{opacity:.9}#view-online-orders .btn:active,.custom-modal-content .btn:active{transform:scale(.98)}#view-online-orders .btn-primary,.custom-modal-content .btn-primary{background:var(--accent-orange);color:var(--bg-main)}#view-online-orders .btn-secondary,.custom-modal-content .btn-secondary{background:var(--bg-surface);color:var(--primary-text);border:1px solid var(--border-color)}#view-online-orders .btn-danger,.custom-modal-content .btn-danger{background:var(--warning-red);color:var(--primary-text)}#view-online-orders .btn-sm{padding:6px 10px;font-size:.8rem}#view-online-orders .mobile-table-hint{display:none;align-items:center;gap:6px;font-size:.75rem;color:var(--secondary-text);padding:4px 6px}#view-online-orders .orders-table-wrapper{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;box-shadow:var(--shadow-sm);width:100%;max-width:100%;min-width:0;box-sizing:border-box}#view-online-orders .orders-table{width:100%;border-collapse:collapse;text-align:left;font-size:.875rem}#view-online-orders .orders-table th{background:var(--table-header-bg);color:var(--secondary-text);font-weight:700;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;padding:14px 18px;border-bottom:1px solid var(--border-color);white-space:nowrap}#view-online-orders .orders-table td{padding:14px 18px;border-bottom:1px solid var(--border-color);color:var(--primary-text);vertical-align:middle}#view-online-orders .orders-table tbody tr{transition:background .15s ease;cursor:pointer}#view-online-orders .orders-table tbody tr:hover td{background:var(--table-row-hover)}#view-online-orders .orders-table tbody tr:last-child td{border-bottom:none}#view-online-orders .order-number-tag{font-family:monospace;font-size:.9rem;font-weight:700;color:var(--accent-orange);letter-spacing:.02em}#view-online-orders .order-time-col{display:flex;flex-direction:column;gap:2px}#view-online-orders .order-time-main{font-weight:600;color:var(--primary-text)}#view-online-orders .order-time-sub{font-size:.75rem;color:var(--secondary-text)}#view-online-orders .customer-cell{display:flex;align-items:center;gap:10px}#view-online-orders .customer-avatar{width:32px;height:32px;border-radius:50%;background:var(--bg-surface);border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.75rem;color:var(--accent-orange);flex-shrink:0}#view-online-orders .customer-meta{display:flex;flex-direction:column;gap:2px}#view-online-orders .customer-name{font-weight:600;color:var(--primary-text)}#view-online-orders .customer-phone{font-size:.75rem;color:var(--secondary-text);font-family:monospace}#view-online-orders .type-pill{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600}#view-online-orders .type-pickup{background:color-mix(in srgb,var(--accent-purple) 15%,var(--bg-surface));color:var(--accent-purple);border:1px solid color-mix(in srgb,var(--accent-purple) 30%,transparent)}#view-online-orders .type-delivery{background:color-mix(in srgb,var(--accent-blue) 15%,var(--bg-surface));color:var(--accent-blue);border:1px solid color-mix(in srgb,var(--accent-blue) 30%,transparent)}#view-online-orders .schedule-col{display:flex;flex-direction:column;gap:2px}#view-online-orders .schedule-badge{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;font-weight:600;color:var(--secondary-text)}#view-online-orders .schedule-immediate{color:var(--accent-green)}#view-online-orders .items-snippet{display:flex;flex-direction:column;gap:3px;max-width:200px}#view-online-orders .item-chip{font-size:.78rem;color:var(--primary-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#view-online-orders .items-more-tag{font-size:.7rem;color:var(--secondary-text);font-weight:600}#view-online-orders .amount-val{font-weight:700;font-size:.95rem;color:var(--primary-text)}#view-online-orders .amount-currency{font-size:.7rem;font-weight:600;color:var(--secondary-text);margin-left:2px}#view-online-orders .status-badge,.custom-modal-header .status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:700;letter-spacing:.02em}#view-online-orders .status-dot,.custom-modal-header .status-dot{width:6px;height:6px;border-radius:50%}#view-online-orders .status-pending,.custom-modal-header .status-pending{background:color-mix(in srgb,var(--warning-amber) 15%,var(--bg-surface));color:var(--warning-amber);border:1px solid color-mix(in srgb,var(--warning-amber) 40%,transparent)}#view-online-orders .status-pending .status-dot,.custom-modal-header .status-pending .status-dot{background:var(--warning-amber)}#view-online-orders .status-confirmed,.custom-modal-header .status-confirmed{background:color-mix(in srgb,var(--accent-green) 15%,var(--bg-surface));color:var(--accent-green);border:1px solid color-mix(in srgb,var(--accent-green) 40%,transparent)}#view-online-orders .status-confirmed .status-dot,.custom-modal-header .status-confirmed .status-dot{background:var(--accent-green)}#view-online-orders .status-sent,.custom-modal-header .status-sent{background:color-mix(in srgb,var(--accent-blue) 15%,var(--bg-surface));color:var(--accent-blue);border:1px solid color-mix(in srgb,var(--accent-blue) 40%,transparent)}#view-online-orders .status-sent .status-dot,.custom-modal-header .status-sent .status-dot{background:var(--accent-blue)}#view-online-orders .status-rejected,.custom-modal-header .status-rejected{background:color-mix(in srgb,var(--warning-red) 15%,var(--bg-surface));color:var(--warning-red);border:1px solid color-mix(in srgb,var(--warning-red) 40%,transparent)}#view-online-orders .status-rejected .status-dot,.custom-modal-header .status-rejected .status-dot{background:var(--warning-red)}#view-online-orders .loading-cell{text-align:center;padding:48px;color:var(--secondary-text)}#view-online-orders .table-loading-spinner{width:28px;height:28px;border:3px solid var(--border-color);border-top-color:var(--accent-orange);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 12px}#view-online-orders .datatable-pagination-footer{padding:12px 18px;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;background:var(--bg-surface);font-size:.85rem;color:var(--secondary-text);border-radius:0 0 var(--radius-md) var(--radius-md)}#view-online-orders .pagination-info{display:flex;align-items:center;gap:12px}#view-online-orders .page-size-select{background:var(--bg-card);border:1px solid var(--border-color);color:var(--primary-text);padding:4px 8px;border-radius:var(--radius-sm);font-size:.8rem;cursor:pointer;outline:none}#view-online-orders .page-size-select:focus{border-color:var(--accent-orange)}#view-online-orders .pagination-controls{display:flex;align-items:center;gap:6px}#view-online-orders .page-nav-btn{width:32px;height:32px;border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-card);color:var(--primary-text);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}#view-online-orders .page-nav-btn:hover:not(:disabled){background:var(--bg-surface);border-color:var(--accent-orange);color:var(--accent-orange)}#view-online-orders .page-nav-btn:disabled{opacity:.35;cursor:not-allowed}#view-online-orders .page-indicator{padding:0 8px;font-weight:600;color:var(--primary-text);font-size:.85rem}.custom-modal-overlay{position:fixed;inset:0;width:100%;height:100%;background:#000000bf;backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:9999;padding:16px;box-sizing:border-box}.custom-modal-content{background:var(--bg-popup);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:100%;max-width:650px;max-height:90vh;display:flex;flex-direction:column;box-shadow:var(--shadow-lg);overflow:hidden;box-sizing:border-box}.custom-modal-content.modal-small{max-width:460px}.custom-modal-header{padding:16px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color)}.modal-title-wrap{display:flex;align-items:center;gap:12px}.custom-modal-header h3{margin:0;font-size:1.15rem;color:var(--primary-text);font-weight:700}.modal-close-btn{background:transparent;border:none;font-size:1.5rem;color:var(--secondary-text);cursor:pointer;line-height:1;transition:color .15s ease}.modal-close-btn:hover{color:var(--primary-text)}.custom-modal-body{padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.custom-modal-footer{padding:16px 20px;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:12px}.form-label{font-size:.85rem;font-weight:600;color:var(--secondary-text)}.form-textarea{width:100%;min-height:90px;background:var(--input-bg);border:1px solid var(--input-border);color:var(--primary-text);padding:10px 12px;border-radius:var(--radius-sm);font-family:inherit;font-size:.875rem;resize:vertical;margin-top:6px}.form-textarea:focus{outline:none;border-color:var(--accent-orange)}.quick-rejection-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.quick-tag{background:var(--bg-surface);border:1px solid var(--border-color);color:var(--secondary-text);font-size:.75rem;padding:3px 8px;border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease}.quick-tag:hover{color:var(--primary-text);border-color:var(--accent-orange)}.order-details-accordion{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:16px;transition:border-color .2s ease}.order-details-accordion:hover{border-color:var(--border-color-strong)}.details-accordion-btn{width:100%;background:transparent;border:none;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;text-align:left;color:var(--primary-text);transition:background .15s ease;box-sizing:border-box}.details-accordion-btn:hover{background:color-mix(in srgb,var(--primary-text) 4%,transparent)}.accordion-btn-left{display:flex;flex-direction:column;gap:3px;min-width:0}.accordion-title{font-size:.82rem;font-weight:700;color:var(--primary-text);text-transform:uppercase;letter-spacing:.04em}.accordion-sub{font-size:.78rem;color:var(--secondary-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.accordion-btn-right{display:flex;align-items:center;gap:6px;flex-shrink:0}.accordion-status-hint{font-size:.74rem;font-weight:600;color:var(--accent-orange)}.accordion-arrow{color:var(--secondary-text);transition:transform .25s ease}.details-accordion-body{padding:12px 14px 16px;border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:12px;box-sizing:border-box;overflow:visible}.order-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;background:var(--bg-card);padding:14px 16px;border-radius:var(--radius-sm);border:1px solid var(--border-color);box-sizing:border-box}.info-item{display:flex;flex-direction:column;gap:2px}.info-label{font-size:.72rem;color:var(--secondary-text);text-transform:uppercase;font-weight:600;letter-spacing:.04em}.info-value{font-size:.88rem;font-weight:600;color:var(--primary-text);word-break:break-word}.customer-notes-box{background:color-mix(in srgb,var(--accent-orange) 8%,var(--bg-surface));border-left:3px solid var(--accent-orange);padding:10px 14px;border-radius:0 var(--radius-sm) var(--radius-sm) 0}.notes-title{font-size:.72rem;font-weight:700;text-transform:uppercase;color:var(--accent-orange);letter-spacing:.04em}.notes-content{font-size:.875rem;color:var(--primary-text);margin-top:4px;line-height:1.4}.modal-items-list{display:flex;flex-direction:column;gap:8px;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:14px 16px;background:var(--bg-card)}.modal-items-header{font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:.04em;color:var(--secondary-text);border-bottom:1px solid var(--border-color);padding-bottom:8px}.modal-item-row{display:flex;justify-content:space-between;align-items:flex-start;padding:8px 0;border-bottom:1px solid var(--border-color)}.modal-item-row:last-child{border-bottom:none}.modal-item-left{display:flex;flex-direction:column;gap:3px}.modal-item-title{font-weight:600;font-size:.9rem;color:var(--primary-text)}.modal-item-qty{color:var(--accent-orange);font-weight:700;margin-right:4px}.modal-item-special{font-size:.78rem;color:var(--secondary-text)}.modal-item-price{font-weight:700;font-size:.9rem;color:var(--primary-text);white-space:nowrap}.modal-total-summary{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:12px 16px;display:flex;flex-direction:column;gap:6px}.summary-line{display:flex;justify-content:space-between;font-size:.85rem;color:var(--secondary-text)}.summary-total{display:flex;justify-content:space-between;font-size:1.1rem;font-weight:700;color:var(--primary-text);border-top:1px solid var(--border-color);padding-top:8px;margin-top:2px}.total-accent{color:var(--accent-orange)}@media(max-width:768px){#view-online-orders .online-orders-container{padding:14px 10px;gap:14px}#view-online-orders .orders-kpi-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#view-online-orders .kpi-mini-card{padding:12px 10px;gap:10px}#view-online-orders .kpi-icon-circle{width:36px;height:36px}#view-online-orders .kpi-label{font-size:.7rem}#view-online-orders .kpi-value{font-size:1.15rem}#view-online-orders .kpi-val-revenue{font-size:1rem}#view-online-orders .online-orders-header{padding:12px 14px;flex-direction:column;align-items:stretch;gap:12px}#view-online-orders .header-controls{flex-direction:column;align-items:stretch;width:100%;gap:10px}#view-online-orders .search-box{width:100%;max-width:100%;box-sizing:border-box}#view-online-orders .search-input{width:100%;min-width:0;flex:1}#view-online-orders .filter-pills{width:100%;max-width:100%;box-sizing:border-box;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:4px}#view-online-orders .filter-pills::-webkit-scrollbar{display:none}#view-online-orders .pill-btn{flex-shrink:0;padding:6px 10px}#view-online-orders .mobile-table-hint{display:flex}#view-online-orders .orders-table-wrapper{border-radius:var(--radius-sm);overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;width:100%;max-width:100%;box-sizing:border-box}#view-online-orders .orders-table{min-width:780px}#view-online-orders .orders-table th,#view-online-orders .orders-table td{padding:10px 12px}#view-online-orders .orders-table tbody tr{cursor:pointer}#view-online-orders .datatable-pagination-footer{flex-direction:column;align-items:stretch;gap:10px;padding:10px 12px;width:100%;max-width:100%;box-sizing:border-box}#view-online-orders .pagination-info{justify-content:space-between;width:100%}#view-online-orders .pagination-controls{justify-content:center;width:100%}.custom-modal-overlay{padding:8px}.custom-modal-content{max-height:94dvh;border-radius:var(--radius-md);max-width:100%;width:100%}.custom-modal-header,.custom-modal-footer{padding:12px 14px;flex-shrink:0}.modal-title-wrap{flex-wrap:wrap;gap:6px;min-width:0;flex:1}.custom-modal-header h3{font-size:1.05rem}.custom-modal-body{padding:12px;gap:10px;flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;min-width:0}.order-info-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px 12px}.custom-modal-footer{flex-direction:column-reverse;gap:8px}.custom-modal-footer .btn{width:100%;min-height:44px}}@media(max-width:480px){#view-online-orders .online-orders-container{padding:10px 6px;gap:10px}#view-online-orders .orders-kpi-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}#view-online-orders .kpi-mini-card{padding:10px 8px;gap:8px}#view-online-orders .kpi-icon-circle{width:32px;height:32px}#view-online-orders .kpi-icon-circle svg{width:16px;height:16px}#view-online-orders .kpi-label{font-size:.65rem}#view-online-orders .kpi-value{font-size:1.05rem}#view-online-orders .kpi-val-revenue{font-size:.92rem}#view-online-orders .online-orders-header{padding:10px 12px}#view-online-orders .view-title{font-size:1.05rem}#view-online-orders .view-subtitle{font-size:.75rem}.order-info-grid{grid-template-columns:1fr}}#view-menu-management .menu-mgmt-container{padding:24px;display:flex;flex-direction:column;gap:20px;width:100%;max-width:100%;box-sizing:border-box;min-width:0}#view-menu-management .menu-mgmt-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;background:var(--bg-card);border:1px solid var(--border-color);padding:16px 20px;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);width:100%;max-width:100%;box-sizing:border-box;min-width:0}#view-menu-management .header-left{display:flex;flex-direction:column;gap:4px}#view-menu-management .title-row{display:flex;align-items:center;gap:12px}#view-menu-management .view-title{font-size:1.25rem;font-weight:700;color:var(--primary-text);margin:0}#view-menu-management .view-subtitle{margin:0;font-size:.85rem;color:var(--secondary-text)}#view-menu-management .items-count-badge{background:var(--accent-orange);color:var(--bg-main);font-size:.8rem;font-weight:700;padding:4px 10px;border-radius:20px}#view-menu-management .header-controls{display:flex;align-items:center;flex-wrap:wrap;gap:12px}#view-menu-management .filter-pills{display:flex;background:var(--bg-main);padding:4px;border-radius:var(--radius-sm);gap:4px;border:1px solid var(--border-color)}#view-menu-management .pill-btn{background:transparent;border:none;color:var(--secondary-text);padding:6px 12px;border-radius:var(--radius-sm);cursor:pointer;font-size:.8rem;font-weight:600;transition:all .2s ease}#view-menu-management .pill-btn.active{background:var(--bg-card);color:var(--primary-text);box-shadow:var(--shadow-sm)}#view-menu-management .search-box{display:flex;align-items:center;gap:8px;flex-wrap:wrap}#view-menu-management .search-input{background:var(--input-bg);border:1px solid var(--input-border);color:var(--primary-text);padding:8px 12px;border-radius:var(--radius-sm);font-size:.875rem;min-width:200px;transition:border-color .2s ease,box-shadow .2s ease}#view-menu-management .search-input:focus{outline:none;border-color:var(--accent-orange);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-orange) 15%,transparent)}#view-menu-management .select-filter{cursor:pointer;min-width:140px}#view-menu-management .btn,#item-images-modal .btn,#category-image-modal .btn{padding:8px 14px;border-radius:var(--radius-sm);font-weight:600;cursor:pointer;font-size:.875rem;border:none;transition:opacity .2s ease,transform .1s ease;display:inline-flex;align-items:center;justify-content:center;gap:6px}#view-menu-management .btn:hover,#item-images-modal .btn:hover,#category-image-modal .btn:hover{opacity:.9}#view-menu-management .btn:active,#item-images-modal .btn:active,#category-image-modal .btn:active{transform:scale(.98)}#view-menu-management .btn-primary,#item-images-modal .btn-primary,#category-image-modal .btn-primary{background:var(--accent-orange);color:var(--bg-main)}#view-menu-management .btn-secondary,#item-images-modal .btn-secondary,#category-image-modal .btn-secondary{background:var(--bg-surface);color:var(--primary-text);border:1px solid var(--border-color)}#view-menu-management .btn-danger{background:var(--warning-red);color:var(--primary-text)}#view-menu-management .btn-sm{padding:6px 10px;font-size:.8rem}#view-menu-management .mobile-table-hint{display:none;align-items:center;gap:6px;font-size:.75rem;color:var(--secondary-text);padding:4px 6px}#view-menu-management .items-table-wrapper{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;box-shadow:var(--shadow-sm);width:100%;max-width:100%;min-width:0;box-sizing:border-box}#view-menu-management .data-table{width:100%;border-collapse:collapse;text-align:left;font-size:.875rem}#view-menu-management .data-table th{background:var(--table-header-bg);color:var(--secondary-text);font-weight:700;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;padding:14px 18px;border-bottom:1px solid var(--border-color);white-space:nowrap}#view-menu-management .data-table td{padding:14px 18px;border-bottom:1px solid var(--border-color);color:var(--primary-text);vertical-align:middle}#view-menu-management .data-table tbody tr{cursor:pointer;transition:background .15s ease}#view-menu-management .data-table tr:hover td{background:var(--table-row-hover)}#view-menu-management .data-table tr:last-child td{border-bottom:none}#view-menu-management .loading-cell{text-align:center;padding:40px;color:var(--secondary-text)}#view-menu-management .table-thumb-strip{display:flex;align-items:center;gap:6px}#view-menu-management .table-thumb{width:46px;height:46px;border-radius:var(--radius-sm);object-fit:cover;border:1px solid var(--border-color);background:var(--bg-surface);display:block}#view-menu-management .table-thumb.no-img{display:flex;align-items:center;justify-content:center;font-size:.7rem;color:var(--secondary-text);border:1px dashed var(--border-color)}#view-menu-management .thumb-count-pill{font-size:.75rem;font-weight:700;background:var(--bg-surface);color:var(--secondary-text);padding:2px 6px;border-radius:10px;border:1px solid var(--border-color)}#view-menu-management .item-name-cell{display:flex;flex-direction:column;gap:2px}#view-menu-management .item-desc{font-size:.75rem;color:var(--secondary-text);max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#view-menu-management .category-badge{display:inline-block;padding:3px 8px;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;background:var(--bg-surface);border:1px solid var(--border-color);color:var(--secondary-text)}#view-menu-management .group-text{font-size:.8rem;color:var(--secondary-text)}#view-menu-management .price-cell{font-weight:700;color:var(--primary-text)}#view-menu-management .status-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:.75rem;font-weight:700}#view-menu-management .status-in-stock{background:color-mix(in srgb,var(--accent-green) 15%,var(--bg-surface));color:var(--accent-green);border:1px solid color-mix(in srgb,var(--accent-green) 40%,transparent)}#view-menu-management .status-out-of-stock{background:color-mix(in srgb,var(--warning-red) 15%,var(--bg-surface));color:var(--warning-red);border:1px solid color-mix(in srgb,var(--warning-red) 40%,transparent)}#view-menu-management .categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}#view-menu-management .category-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}#view-menu-management .category-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--border-color-strong)}#view-menu-management .category-banner-wrapper{width:100%;height:140px;background:var(--bg-surface);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}#view-menu-management .category-banner-img{width:100%;height:100%;object-fit:cover}#view-menu-management .no-banner-placeholder{display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--secondary-text);font-size:.8rem}#view-menu-management .category-card-body{padding:16px;display:flex;flex-direction:column;gap:12px;flex:1}#view-menu-management .category-card-header{display:flex;justify-content:space-between;align-items:center}#view-menu-management .category-title{margin:0;font-size:1.05rem;font-weight:700;color:var(--primary-text)}#view-menu-management .category-id-badge{font-size:.75rem;color:var(--secondary-text);font-weight:600}#view-menu-management .datatable-pagination-footer{padding:12px 18px;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;background:var(--bg-surface);font-size:.85rem;color:var(--secondary-text);border-radius:0 0 var(--radius-md) var(--radius-md)}#view-menu-management .pagination-info{display:flex;align-items:center;gap:12px}#view-menu-management .page-size-select{background:var(--bg-card);border:1px solid var(--border-color);color:var(--primary-text);padding:4px 8px;border-radius:var(--radius-sm);font-size:.8rem;cursor:pointer;outline:none}#view-menu-management .page-size-select:focus{border-color:var(--accent-orange)}#view-menu-management .pagination-controls{display:flex;align-items:center;gap:6px}#view-menu-management .page-nav-btn{width:32px;height:32px;border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-card);color:var(--primary-text);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease}#view-menu-management .page-nav-btn:hover:not(:disabled){background:var(--bg-surface);border-color:var(--accent-orange);color:var(--accent-orange)}#view-menu-management .page-nav-btn:disabled{opacity:.35;cursor:not-allowed}#view-menu-management .page-indicator{padding:0 8px;font-weight:600;color:var(--primary-text);font-size:.85rem}#item-images-modal .custom-modal-overlay,#category-image-modal .custom-modal-overlay{position:fixed;inset:0;width:100%;height:100%;background:#000000bf;backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:9999;padding:16px;box-sizing:border-box}#item-images-modal .custom-modal-content,#category-image-modal .custom-modal-content{background:var(--bg-popup);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:100%;max-width:650px;max-height:90vh;display:flex;flex-direction:column;box-shadow:var(--shadow-lg);overflow:hidden;box-sizing:border-box}#category-image-modal .custom-modal-content.modal-small{max-width:440px}#item-images-modal .custom-modal-header,#category-image-modal .custom-modal-header{padding:16px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color)}#item-images-modal .custom-modal-header h3,#category-image-modal .custom-modal-header h3{margin:0;font-size:1.15rem;color:var(--primary-text);font-weight:700}#item-images-modal .modal-close-btn,#category-image-modal .modal-close-btn{background:transparent;border:none;font-size:1.5rem;color:var(--secondary-text);cursor:pointer;line-height:1;transition:color .15s ease}#item-images-modal .modal-close-btn:hover,#category-image-modal .modal-close-btn:hover{color:var(--primary-text)}#item-images-modal .custom-modal-body,#category-image-modal .custom-modal-body{padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:16px}#item-images-modal .custom-modal-footer,#category-image-modal .custom-modal-footer{padding:16px 20px;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:12px}#item-images-modal .form-label{font-size:.85rem;font-weight:600;color:var(--secondary-text)}#item-images-modal .upload-dropzone,#category-image-modal .upload-dropzone{border:2px dashed var(--border-color-strong);border-radius:var(--radius-md);padding:24px;text-align:center;cursor:pointer;background:var(--bg-surface);transition:border-color .2s ease,background .2s ease}#item-images-modal .upload-dropzone:hover,#item-images-modal .upload-dropzone.drag-over,#category-image-modal .upload-dropzone:hover,#category-image-modal .upload-dropzone.drag-over{border-color:var(--accent-orange);background:var(--table-row-hover)}#item-images-modal .upload-prompt,#category-image-modal .upload-prompt{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--secondary-text)}#item-images-modal .upload-icon-circle,#category-image-modal .upload-icon-circle{width:44px;height:44px;border-radius:50%;background:var(--bg-card);display:flex;align-items:center;justify-content:center;color:var(--accent-orange);border:1px solid var(--border-color)}#item-images-modal .upload-main-text,#category-image-modal .upload-main-text{font-size:.9rem;font-weight:600;color:var(--primary-text);margin:0}#item-images-modal .upload-hint,#category-image-modal .upload-hint{font-size:.75rem;color:var(--secondary-text)}#item-images-modal .upload-spinner-container,#category-image-modal .upload-spinner-container{text-align:center;padding:12px 0}#item-images-modal .upload-status-text,#category-image-modal .upload-status-text{font-size:.875rem;color:var(--accent-orange);font-weight:600;margin-top:8px}#item-images-modal .spinner-small,#category-image-modal .spinner-small{width:24px;height:24px;border:3px solid var(--border-color);border-top-color:var(--accent-orange);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto}#item-images-modal .gallery-preview-container{display:flex;flex-direction:column;gap:8px}#item-images-modal .gallery-header-row{display:flex;justify-content:space-between;align-items:center}#item-images-modal .gallery-counter-text{font-size:.8rem;color:var(--secondary-text);font-weight:600}#item-images-modal .gallery-thumbs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(105px,1fr));gap:12px;margin-top:4px}#item-images-modal .gallery-thumb-item{position:relative;width:100%;padding-top:100%;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--border-color);background:var(--bg-main)}#item-images-modal .gallery-thumb-item img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}#item-images-modal .gallery-thumb-delete{position:absolute;top:4px;right:4px;background:var(--warning-red);color:var(--primary-text);border:none;width:22px;height:22px;border-radius:50%;cursor:pointer;font-size:.8rem;display:flex;align-items:center;justify-content:center;font-weight:700;transition:transform .15s ease}#item-images-modal .gallery-thumb-delete:hover{transform:scale(1.15)}#item-images-modal .gallery-cover-badge{position:absolute;bottom:4px;left:4px;background:var(--accent-orange);color:var(--bg-main);font-size:.65rem;font-weight:700;padding:1px 5px;border-radius:4px}#category-image-modal .cat-preview-box{margin-top:12px;text-align:center;min-height:60px;display:flex;align-items:center;justify-content:center}@media(max-width:768px){#view-menu-management .menu-mgmt-container{padding:14px 10px;gap:14px}#view-menu-management .menu-mgmt-header{padding:12px 14px;flex-direction:column;align-items:stretch;gap:12px}#view-menu-management .header-controls{flex-direction:column;align-items:stretch;width:100%;gap:10px}#view-menu-management .filter-pills{width:100%;display:flex}#view-menu-management .filter-pills .pill-btn{flex:1;text-align:center;justify-content:center}#view-menu-management .search-box{flex-direction:column;align-items:stretch;width:100%;max-width:100%;box-sizing:border-box;gap:8px}#view-menu-management .select-filter,#view-menu-management .search-input{width:100%;min-width:0;box-sizing:border-box}#view-menu-management .mobile-table-hint{display:flex}#view-menu-management .items-table-wrapper{border-radius:var(--radius-sm);overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;width:100%;max-width:100%;box-sizing:border-box}#view-menu-management .data-table{min-width:500px;width:100%}#view-menu-management .data-table th,#view-menu-management .data-table td{padding:8px;font-size:.82rem}#view-menu-management .table-thumb{width:38px;height:38px}#view-menu-management .category-badge{padding:2px 6px;font-size:.72rem}#view-menu-management .group-text{font-size:.72rem}#view-menu-management .data-table tbody tr{cursor:pointer}#view-menu-management .categories-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;max-width:100%;box-sizing:border-box}#view-menu-management .category-banner-wrapper{height:100px}#view-menu-management .category-card-body{padding:10px;gap:8px}#view-menu-management .category-title{font-size:.95rem}#view-menu-management .datatable-pagination-footer{flex-direction:column;align-items:stretch;gap:10px;padding:10px 12px;width:100%;max-width:100%;box-sizing:border-box}#view-menu-management .pagination-info{justify-content:space-between;width:100%}#view-menu-management .pagination-controls{justify-content:center;width:100%}#item-images-modal .custom-modal-overlay,#category-image-modal .custom-modal-overlay{padding:8px}#item-images-modal .custom-modal-content,#category-image-modal .custom-modal-content{max-height:94dvh;border-radius:var(--radius-md);max-width:100%;width:100%}#item-images-modal .custom-modal-header,#item-images-modal .custom-modal-footer,#category-image-modal .custom-modal-header,#category-image-modal .custom-modal-footer{padding:12px 14px;flex-shrink:0}#item-images-modal .custom-modal-body,#category-image-modal .custom-modal-body{padding:12px;gap:12px;flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;min-width:0}#item-images-modal .custom-modal-footer,#category-image-modal .custom-modal-footer{flex-direction:column-reverse;gap:8px}#item-images-modal .custom-modal-footer .btn,#category-image-modal .custom-modal-footer .btn{width:100%;min-height:44px}}@media(max-width:480px){#view-menu-management .menu-mgmt-container{padding:10px 6px;gap:10px}#view-menu-management .menu-mgmt-header{padding:10px 12px}#view-menu-management .view-title{font-size:1.05rem}#view-menu-management .view-subtitle{font-size:.75rem}#view-menu-management .categories-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}#view-menu-management .category-card-body{padding:8px;gap:6px}#view-menu-management .category-title{font-size:.85rem}#view-menu-management .category-banner-wrapper{height:90px}#view-menu-management .data-table{min-width:440px}#view-menu-management .data-table th,#view-menu-management .data-table td{padding:6px 4px;font-size:.76rem}#view-menu-management .item-desc{display:none}#view-menu-management .btn-sm{padding:4px 6px;font-size:.72rem}}.company-settings-view[data-astro-cid-ju7utvbw]{width:100%;max-width:100%;margin:0 auto;padding-bottom:90px}.mgmt-header-card[data-astro-cid-ju7utvbw]{background:var(--bg-card);border:1px solid var(--border-color);border-radius:14px;padding:22px 24px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.mgmt-header-badge[data-astro-cid-ju7utvbw]{display:inline-flex;align-items:center;gap:6px;background:var(--bg-surface);border:1px solid var(--border-color);padding:4px 10px;border-radius:20px;font-size:.76rem;font-weight:700;color:var(--accent-orange);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.mgmt-title[data-astro-cid-ju7utvbw]{font-size:1.55rem;font-weight:800;color:var(--primary-text);margin:0 0 5px;letter-spacing:-.3px}.mgmt-subtitle[data-astro-cid-ju7utvbw]{font-size:.88rem;color:var(--secondary-text);margin:0;max-width:650px;line-height:1.45}.mgmt-header-actions[data-astro-cid-ju7utvbw]{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.site-indicator-pill[data-astro-cid-ju7utvbw]{display:inline-flex;align-items:center;gap:8px;background:var(--bg-surface);border:1px solid var(--border-color);padding:8px 14px;border-radius:20px;font-size:.84rem;font-weight:700;color:var(--primary-text)}.site-dot[data-astro-cid-ju7utvbw]{width:8px;height:8px;border-radius:50%;background:var(--accent-green);display:inline-block}.btn-refresh[data-astro-cid-ju7utvbw],.btn-secondary[data-astro-cid-ju7utvbw],.btn-primary[data-astro-cid-ju7utvbw]{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;border-radius:10px;font-size:.86rem;font-weight:700;cursor:pointer;transition:all .18s ease}.btn-refresh[data-astro-cid-ju7utvbw]{background:var(--bg-surface);border:1px solid var(--border-color);color:var(--primary-text)}.btn-refresh[data-astro-cid-ju7utvbw]:hover{border-color:var(--accent-orange);color:var(--accent-orange)}.btn-secondary[data-astro-cid-ju7utvbw]{background:var(--bg-surface);border:1px solid var(--border-color);color:var(--primary-text)}.btn-secondary[data-astro-cid-ju7utvbw]:hover{background:var(--bg-card);border-color:var(--accent-orange)}.btn-primary[data-astro-cid-ju7utvbw]{background:var(--accent-orange);border:1px solid var(--accent-orange);color:var(--bg-main)}.btn-primary[data-astro-cid-ju7utvbw]:hover{opacity:.92;transform:translateY(-1px)}.settings-card[data-astro-cid-ju7utvbw]{background:var(--bg-card);border:1px solid var(--border-color);border-radius:14px;padding:24px;margin-bottom:20px}.settings-card-header[data-astro-cid-ju7utvbw]{margin-bottom:20px}.header-icon-title[data-astro-cid-ju7utvbw]{display:flex;align-items:flex-start;gap:14px}.card-icon-wrap[data-astro-cid-ju7utvbw]{width:40px;height:40px;border-radius:10px;background:var(--bg-surface);border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;color:var(--accent-orange);flex-shrink:0}.settings-card-title[data-astro-cid-ju7utvbw]{font-size:1.15rem;font-weight:800;color:var(--primary-text);margin:0 0 4px}.settings-card-sub[data-astro-cid-ju7utvbw]{font-size:.84rem;color:var(--secondary-text);margin:0;line-height:1.45}.logo-grid-layout[data-astro-cid-ju7utvbw]{display:grid;grid-template-columns:320px 1fr;gap:24px;align-items:start}.logo-preview-box[data-astro-cid-ju7utvbw]{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:12px}.preview-label-tag[data-astro-cid-ju7utvbw]{font-size:.76rem;font-weight:700;color:var(--secondary-text);text-transform:uppercase;letter-spacing:.5px}.logo-image-frame[data-astro-cid-ju7utvbw]{width:100%;height:160px;background:var(--bg-card);border:1px dashed var(--border-color);border-radius:8px;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:8px}.logo-img-el[data-astro-cid-ju7utvbw]{max-width:100%;max-height:100%;object-fit:contain}.logo-empty-state[data-astro-cid-ju7utvbw]{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--secondary-text);font-size:.82rem;text-align:center}.logo-path-display[data-astro-cid-ju7utvbw]{display:flex;flex-direction:column;gap:4px}.field-label-small[data-astro-cid-ju7utvbw]{font-size:.74rem;font-weight:700;color:var(--secondary-text)}.logo-upload-dropzone[data-astro-cid-ju7utvbw]{background:var(--bg-surface);border:2px dashed var(--border-color);border-radius:12px;padding:36px 24px;min-height:236px;display:flex;align-items:center;justify-content:center;text-align:center;transition:all .2s ease}.logo-upload-dropzone[data-astro-cid-ju7utvbw].dragover{border-color:var(--accent-orange);background:var(--bg-card)}.dropzone-center-content[data-astro-cid-ju7utvbw]{max-width:440px;display:flex;flex-direction:column;align-items:center;gap:8px}.dropzone-circle-icon[data-astro-cid-ju7utvbw]{width:54px;height:54px;border-radius:50%;background:var(--bg-card);border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;color:var(--accent-orange);margin-bottom:4px}.dropzone-heading[data-astro-cid-ju7utvbw]{font-size:1.05rem;font-weight:800;color:var(--primary-text);margin:0}.dropzone-help[data-astro-cid-ju7utvbw]{font-size:.84rem;color:var(--secondary-text);margin:0;line-height:1.45}.dropzone-file-specs[data-astro-cid-ju7utvbw]{font-size:.74rem;color:var(--secondary-text);margin-bottom:8px}.dropzone-actions-row[data-astro-cid-ju7utvbw]{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.settings-tabs-strip[data-astro-cid-ju7utvbw]{display:flex;gap:8px;margin-bottom:18px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.settings-tabs-strip[data-astro-cid-ju7utvbw]::-webkit-scrollbar{display:none}.settings-tab-btn[data-astro-cid-ju7utvbw]{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:10px;background:var(--bg-card);border:1px solid var(--border-color);color:var(--secondary-text);font-size:.86rem;font-weight:700;cursor:pointer;white-space:nowrap;transition:all .18s ease}.settings-tab-btn[data-astro-cid-ju7utvbw]:hover{color:var(--primary-text);border-color:var(--accent-orange)}.settings-tab-btn[data-astro-cid-ju7utvbw].active{background:var(--accent-orange);border-color:var(--accent-orange);color:var(--bg-main)}.settings-tab-content[data-astro-cid-ju7utvbw]{display:none}.settings-tab-content[data-astro-cid-ju7utvbw].active{display:block;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.card-section-heading[data-astro-cid-ju7utvbw]{font-size:1.05rem;font-weight:800;color:var(--primary-text);margin:0 0 14px}.section-subtext[data-astro-cid-ju7utvbw]{font-size:.84rem;color:var(--secondary-text);margin:-8px 0 16px;line-height:1.45}.section-divider[data-astro-cid-ju7utvbw]{height:1px;background:var(--border-color);margin:22px 0}.form-grid-two[data-astro-cid-ju7utvbw]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.form-grid-three[data-astro-cid-ju7utvbw]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.form-grid-four[data-astro-cid-ju7utvbw]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.form-group[data-astro-cid-ju7utvbw]{display:flex;flex-direction:column;gap:6px}.form-group[data-astro-cid-ju7utvbw].full-width{width:100%}.form-label[data-astro-cid-ju7utvbw]{font-size:.82rem;font-weight:700;color:var(--primary-text)}.field-hint[data-astro-cid-ju7utvbw]{font-size:.74rem;color:var(--secondary-text);line-height:1.35}.form-input[data-astro-cid-ju7utvbw],.form-select[data-astro-cid-ju7utvbw],.form-textarea[data-astro-cid-ju7utvbw]{width:100%;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:9px;padding:10px 14px;color:var(--primary-text);font-size:.88rem;font-family:inherit;box-sizing:border-box;transition:border-color .18s ease}.form-input[data-astro-cid-ju7utvbw]:focus,.form-select[data-astro-cid-ju7utvbw]:focus,.form-textarea[data-astro-cid-ju7utvbw]:focus{outline:none;border-color:var(--accent-orange)}.form-textarea[data-astro-cid-ju7utvbw]{resize:vertical;line-height:1.5}.checkbox-cards-grid[data-astro-cid-ju7utvbw]{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.check-toggle-card[data-astro-cid-ju7utvbw]{display:flex;align-items:flex-start;gap:12px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:10px;padding:14px;cursor:pointer;transition:all .18s ease;user-select:none}.check-toggle-card[data-astro-cid-ju7utvbw]:hover{border-color:var(--accent-orange);background:var(--bg-card)}.check-toggle-card[data-astro-cid-ju7utvbw] input[data-astro-cid-ju7utvbw][type=checkbox]{width:18px;height:18px;margin-top:2px;accent-color:var(--accent-orange);cursor:pointer;flex-shrink:0}.toggle-info[data-astro-cid-ju7utvbw]{display:flex;flex-direction:column;gap:3px}.toggle-title[data-astro-cid-ju7utvbw]{font-size:.88rem;font-weight:700;color:var(--primary-text)}.toggle-desc[data-astro-cid-ju7utvbw]{font-size:.76rem;color:var(--secondary-text);line-height:1.35}.settings-bottom-strip[data-astro-cid-ju7utvbw]{position:fixed;bottom:0;left:0;right:0;background:var(--bg-card);border-top:1px solid var(--border-color);padding:12px 28px;display:flex;justify-content:space-between;align-items:center;z-index:90;box-shadow:0 -4px 16px #0000000f}.strip-info[data-astro-cid-ju7utvbw]{font-size:.82rem;color:var(--secondary-text)}.spinner-small[data-astro-cid-ju7utvbw]{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:currentColor;border-radius:50%;animation:spin .6s linear infinite}@media(max-width:900px){.logo-grid-layout[data-astro-cid-ju7utvbw]{grid-template-columns:1fr}.form-grid-three[data-astro-cid-ju7utvbw],.form-grid-four[data-astro-cid-ju7utvbw]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.mgmt-header-card[data-astro-cid-ju7utvbw]{padding:16px}.form-grid-two[data-astro-cid-ju7utvbw],.form-grid-three[data-astro-cid-ju7utvbw],.form-grid-four[data-astro-cid-ju7utvbw],.checkbox-cards-grid[data-astro-cid-ju7utvbw]{grid-template-columns:1fr}.settings-bottom-strip[data-astro-cid-ju7utvbw]{flex-direction:column;gap:8px;align-items:stretch;padding:10px 16px}.strip-actions[data-astro-cid-ju7utvbw] .btn-primary[data-astro-cid-ju7utvbw]{width:100%;justify-content:center}}.page-header{padding:10px 14px;display:flex;justify-content:space-between;align-items:center;gap:10px;background:var(--bg-card);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:100;backdrop-filter:blur(10px)}.header-left{display:flex;flex-direction:row;align-items:center;gap:8px;flex-shrink:0}.menu-trigger{background:var(--bg-surface);border:1px solid var(--border-color);color:var(--primary-text);width:38px;height:38px;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:10px;transition:all .2s ease;flex-shrink:0}.menu-trigger:hover{background:var(--table-row-hover);border-color:var(--accent-orange)}.theme-toggle-btn{background:var(--bg-surface);border:1px solid var(--border-color);color:var(--secondary-text);width:38px;height:38px;padding:0;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.theme-toggle-btn:hover{color:var(--accent-orange);border-color:var(--accent-orange);background:var(--table-row-hover);transform:scale(1.05)}.lang-toggle-btn{background:var(--bg-surface);border:1px solid var(--border-color);color:var(--secondary-text);height:38px;min-width:42px;padding:0 8px;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;font-family:inherit;letter-spacing:.5px;transition:all .2s ease;flex-shrink:0;user-select:none}.lang-toggle-btn:hover{color:var(--accent-orange);border-color:var(--accent-orange);background:var(--table-row-hover);transform:scale(1.05)}.header-center{flex:1;display:flex;justify-content:center;min-width:0;margin:0 4px}.site-selector-container{position:relative;width:100%;max-width:240px;min-width:0}.site-selector-trigger{width:100%;height:38px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:10px;padding:0 12px;color:var(--primary-text);display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-sm);gap:8px}.site-selector-trigger:hover{border-color:var(--accent-orange)}.site-selector-label{display:flex;align-items:center;gap:8px;font-weight:700;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}#active-site-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.site-icon{color:var(--accent-orange);flex-shrink:0}.chevron-icon{color:var(--secondary-text);transition:transform .3s ease;flex-shrink:0}.site-selector-menu.active+.site-selector-trigger .chevron-icon{transform:rotate(180deg)}.header-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.btn-logout{width:38px;height:38px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#f53c411f;border:1px solid oklch(.64 .22 25 / .25);color:var(--warning-red);cursor:pointer;transition:all .2s ease;flex-shrink:0}.btn-logout:hover{background:#f53c4138;border-color:var(--warning-red);transform:scale(1.05)}.site-selector-menu{position:absolute;top:calc(100% + 8px);left:0;right:0;background:var(--bg-card);border:1px solid var(--border-color-strong);border-radius:16px;padding:8px;display:none;flex-direction:column;gap:4px;z-index:1000;box-shadow:var(--shadow-lg);animation:menuFadeIn .2s ease-out}@keyframes menuFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.site-selector-menu.active{display:flex}.site-option{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-radius:10px;cursor:pointer;transition:all .2s;color:var(--secondary-text)}.site-option:hover{background:var(--table-row-hover);color:var(--primary-text)}.site-option.active{background:#f2673926;color:var(--accent-orange)}.option-content{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:500}.item-row{padding:8px 12px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.03)}.eye-btn,.eye-btn-small{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--secondary-text);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.eye-btn{padding:8px}.eye-btn-small{padding:4px}.eye-btn:hover,.eye-btn-small:hover{background:#f2673933;color:var(--accent-orange);border-color:var(--accent-orange)}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#ffffff08;border-radius:12px;margin-bottom:8px}.detail-info{display:flex;flex-direction:column;gap:2px}.detail-id{font-size:14px;font-weight:600;color:var(--primary-text)}.detail-amt{font-size:12px;color:var(--secondary-text)}.order-list-container{padding:4px;margin:16px 0}.receipt-container{max-height:80vh;overflow-y:auto}.kpi-card{cursor:pointer;transition:transform .2s}.kpi-card:hover{transform:translateY(-2px);background:#ffffff14}.receipt-loading{padding:60px 40px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:20px;background:var(--bg-surface)}.printer-mouth{width:80px;height:10px;background:var(--bg-surface);border-radius:4px;position:relative;box-shadow:0 4px 10px #0000001a}.paper-emerging{position:absolute;top:5px;left:10px;right:10px;height:40px;background:var(--bg-surface);animation:paperSlide 1.5s infinite ease-in-out;z-index:-1}@keyframes paperSlide{0%{transform:translateY(-100%);opacity:0}50%{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}.receipt-loading p{color:var(--secondary-text);font-size:14px;font-weight:500;margin:0}.table-scroll-container{max-height:none;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-surface)}.modern-order-table{width:100%;border-collapse:collapse}.modern-order-table thead th{position:sticky;top:0;background:var(--table-header-bg);padding:12px 8px;color:var(--secondary-text);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--border-color-strong);z-index:10}.order-table-row{border-bottom:1px solid var(--border-color);transition:background .2s}.order-table-row:hover{background:var(--table-row-hover)}.eye-btn-modern{background:#f267391a;border:1px solid rgba(242,103,57,.2);color:var(--accent-orange);padding:6px;border-radius:6px;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center}.eye-btn-modern:hover{background:var(--accent-orange);color:#fff;transform:scale(1.1)}.header-right{display:flex;align-items:center;gap:12px}h1{font-size:18px;font-weight:700;margin:0}.user-badge{display:none;font-size:11px;color:var(--accent-orange);font-weight:500;opacity:.8}.btn-logout{background:#ef44441a;color:var(--warning-red);border:none;border-radius:8px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;margin-left:24px}.btn-logout:hover{background:#ef444433;transform:scale(1.05)}.settings-trigger{display:none;color:var(--secondary-text);padding:4px;background:none;border:none;cursor:pointer}.modal-input-file{width:100%;padding:8px;background:#ffffff08;border:1px dashed rgba(255,255,255,.1);border-radius:8px;color:var(--secondary-text);font-size:13px;cursor:pointer}.modal-input-file:hover{border-color:var(--accent-orange);background:#ffffff0d}.loading-overlay{position:fixed;inset:0;background:#1e1e1e80;display:none;align-items:center;justify-content:center;z-index:50}.loading-overlay.active{display:flex}.spinner{width:30px;height:30px;border:3px solid rgba(255,255,255,.1);border-top-color:var(--accent-orange);border-radius:50%;animation:spin 1s linear infinite}.spinner-small{width:16px;height:16px;border:2px solid rgba(255,255,255,.2);border-top-color:var(--primary-text);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.total-row{margin-top:12px;padding-top:12px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(255,255,255,.1)}.total-label{color:var(--secondary-text);font-size:14px}.total-value{font-weight:700;color:var(--primary-text)}.sort-toggle{display:flex;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:14px;padding:2px;gap:2px}.sort-pill{padding:4px 12px;border-radius:12px;font-size:11px;font-weight:600;color:var(--secondary-text);cursor:pointer;transition:all .2s;border:none;background:transparent}.sort-pill.active{background:var(--bg-card);color:var(--primary-text);box-shadow:var(--shadow-sm)}.group-container{border-bottom:1px solid var(--border-color)}.group-container:last-of-type{border-bottom:none}.group-header{display:flex;justify-content:space-between;align-items:center;padding:10px 0;cursor:pointer}.group-header .label-with-dot{gap:12px}.group-label{font-weight:700;color:var(--primary-text)}.chevron{transition:transform .3s;color:var(--secondary-text);font-size:14px;margin-left:4px}.group-header.active .chevron{transform:rotate(90deg)}.items-list{display:none;padding:0}.group-header.active+.items-list{display:block}.sort-pill-small{padding:4px 10px;border-radius:8px;font-size:10px;font-weight:700;color:var(--secondary-text);cursor:pointer;transition:all .2s;border:1px solid transparent;background:transparent;text-transform:uppercase;letter-spacing:.02em}.sort-pill-small.active{background:#f4662226;color:var(--accent-orange);border-color:#f466224d}.modal-tab{background:none;border:none;color:var(--secondary-text);font-size:13px;font-weight:700;padding:8px 12px;cursor:pointer;position:relative;transition:all .2s ease;border-radius:6px 6px 0 0}.modal-tab:hover{color:var(--primary-text);background:var(--table-row-hover)}.modal-tab.active{color:var(--accent-orange)!important}.modal-tab.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--accent-orange);border-radius:2px;box-shadow:0 0 10px #f4662266}.pay-tag{display:inline-block;font-size:9px;font-weight:900;padding:1px 6px;border-radius:4px;margin-left:8px;letter-spacing:.05em;vertical-align:middle}.pay-tag.momo{background:#fbbf241a;color:var(--accent-orange);border:1px solid rgba(251,191,36,.2)}.pay-tag.cash{background:#10b9811a;color:var(--accent-green);border:1px solid rgba(16,185,129,.2)}.pay-tag.visa{background:#3b82f61a;color:var(--accent-blue);border:1px solid rgba(59,130,246,.2)}.pay-tag.other{background:#94a3b81a;color:var(--secondary-text);border:1px solid rgba(148,163,184,.2)}.item-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;font-size:13px;color:var(--secondary-text);gap:12px;min-width:0}.item-left{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.item-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.item-right{display:flex;gap:12px;flex-shrink:0;text-align:right}.item-amount{font-weight:700;color:var(--primary-text);min-width:80px}.amount-group{display:flex;flex-direction:column;align-items:flex-end;text-align:right}.amount-main{font-weight:700;color:var(--primary-text)}.amount-sub{font-size:12px;color:var(--secondary-text)}.scroll-indicator{position:absolute;bottom:80px;left:50%;transform:translate(-50%);background:transparent;border:1px solid rgba(255,215,0,.4);border-radius:50%;width:38px;height:38px;display:none;align-items:center;justify-content:center;cursor:pointer;z-index:100;animation:bounce 2s infinite;backdrop-filter:blur(8px);box-shadow:0 4px 15px #00000080;transition:all .3s}.scroll-indicator:hover{background:#ffd7001a;border-color:#ffd700cc;transform:translate(-50%) scale(1.1)}.scroll-indicator.visible{display:flex}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%) translateY(0)}40%{transform:translate(-50%) translateY(-6px)}60%{transform:translate(-50%) translateY(-3px)}}.global-scroll-btn{position:fixed;right:20px;width:44px;height:44px;background:#1e293bcc;border:1px solid rgba(255,255,255,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--primary-text);cursor:pointer;z-index:1000;backdrop-filter:blur(8px);opacity:0;pointer-events:none;transition:all .3s ease;box-shadow:0 4px 12px #0000004d}.global-scroll-btn.visible{opacity:1;pointer-events:auto}.global-scroll-btn:hover{background:var(--accent-orange);border-color:var(--accent-orange);transform:translateY(-2px)}#global-scroll-up{bottom:90px}#global-scroll-down{bottom:35px}.menu-trigger{background:none;border:none;color:var(--primary-text);padding:6px;cursor:pointer;display:flex;align-items:center;border-radius:8px;transition:background .2s}.menu-trigger:hover{background:var(--table-row-hover)}.app-sidebar{position:fixed;top:0;left:-280px;width:280px;height:100vh;background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);z-index:9999;transition:left .3s ease;box-shadow:var(--shadow-lg);display:flex;flex-direction:column}.app-sidebar.open{left:0}.sidebar-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;z-index:9998;opacity:0;visibility:hidden;transition:all .3s;backdrop-filter:blur(2px)}.sidebar-overlay.active{opacity:1;visibility:visible}.sidebar-header{padding:20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color)}.sidebar-header h2{margin:0;font-size:18px;color:var(--accent-orange)}.close-sidebar{cursor:pointer}.sidebar-nav{padding:10px 8px;display:flex;flex-direction:column;gap:6px;flex:1;overflow-y:auto}.sidebar-nav>.nav-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;font-size:13px;font-weight:600;color:var(--primary-text);background:var(--bg-surface);border:1px solid var(--border-color);text-decoration:none;transition:all .2s ease}.sidebar-nav>.nav-item:hover{background:var(--table-row-hover);border-color:var(--accent-orange);transform:translate(2px)}.sidebar-nav>.nav-item.active{background:#f973161f;color:var(--accent-orange);border-color:#f9731673;font-weight:700}.nav-group{border-radius:10px;border:1px solid var(--border-color);background:var(--bg-card);overflow:hidden;transition:all .2s ease}.nav-group[open]{background:var(--bg-surface);border-color:var(--border-color-strong);box-shadow:0 2px 8px #00000014}.nav-group[open]>.nav-group-header .nav-group-chevron{transform:rotate(180deg);color:var(--accent-orange)}.nav-group-header{list-style:none;display:flex;justify-content:space-between;align-items:center;padding:9px 12px;font-size:11px;text-transform:uppercase;color:var(--secondary-text);font-weight:700;letter-spacing:.08em;cursor:pointer;user-select:none;background:transparent;transition:all .2s ease}.nav-group-header::-webkit-details-marker,.nav-group-header::marker{display:none}.nav-group-header:hover{color:var(--primary-text);background:var(--table-row-hover)}.nav-group[open]>.nav-group-header{color:var(--accent-orange);background:#f9731614;border-bottom:1px solid var(--border-color);font-weight:800}.nav-group-chevron{color:var(--secondary-text);transition:transform .25s ease,color .2s ease;flex-shrink:0}.nav-group-body{display:flex;flex-direction:column;padding:4px 6px 6px 12px;position:relative}.nav-group-body:before{content:"";position:absolute;top:6px;bottom:10px;left:18px;width:2px;background:#f9731640;border-radius:1px}.nav-group-body .nav-item{display:flex;align-items:center;padding:7px 10px 7px 18px;margin:1px 0;border-radius:6px;font-size:13px;font-weight:500;color:var(--secondary-text);text-decoration:none;position:relative;border:none;border-bottom:1px dashed var(--border-color);transition:all .15s ease}.nav-group-body .nav-item:last-child{border-bottom:none}.nav-group-body .nav-item:before{content:"";position:absolute;left:4px;width:6px;height:6px;border-radius:50%;background:var(--border-color-strong);opacity:.7;transition:all .15s ease}.nav-group-body .nav-item:hover{background:var(--table-row-hover);color:var(--primary-text);transform:translate(3px)}.nav-group-body .nav-item:hover:before{background:var(--accent-orange);opacity:1;transform:scale(1.2)}.nav-group-body .nav-item.active{background:#f9731624;color:var(--accent-orange);font-weight:700}.nav-group-body .nav-item.active:before{background:var(--accent-orange);opacity:1;box-shadow:0 0 6px #f9731699;transform:scale(1.3)}.nav-item-placeholder{padding:10px 14px 10px 22px;font-size:12px;color:var(--secondary-text);font-style:italic;opacity:.7}.sidebar-user-panel{margin-top:auto;padding:16px 20px;border-top:1px solid rgba(255,255,255,.06);display:flex;align-items:center;gap:12px;background:#00000026}.sidebar-user-avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--accent-blue),var(--accent-purple));display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:var(--primary-text);flex-shrink:0;box-shadow:0 0 0 3px #6366f133}.sidebar-user-name{font-size:13px;font-weight:600;color:var(--primary-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-meta{font-size:11px;color:var(--secondary-text);margin-top:2px}.view-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;background:var(--bg-card);padding:16px;border-radius:16px}.view-header h2{margin:0;font-size:16px}.modern-order-table th{padding:12px 4px;font-size:11px;color:var(--secondary-text);border-bottom:1px solid rgba(255,255,255,.1)}.modern-order-table td{padding:12px 4px;font-size:13px;border-bottom:1px solid rgba(255,255,255,.05)}.status-badge{padding:2px 8px;border-radius:12px;font-size:10px;font-weight:700}.status-badge.active{background:#10b9811a;color:var(--accent-green)}.status-badge.inactive{background:#ef44441a;color:var(--warning-red)}