:root{color-scheme:dark;--bg-main: oklch(.16 .01 260);--bg-card: oklch(.2 .015 260);--bg-popup: oklch(.2 .015 260);--bg-surface: oklch(.24 .02 260);--primary-text: oklch(.97 .005 260);--secondary-text: oklch(.72 .02 260);--border-color: oklch(1 0 0 / .08);--border-color-strong: oklch(1 0 0 / .16);--accent-orange: oklch(.68 .19 42);--accent-orange-hover: oklch(.72 .2 42);--accent-blue: oklch(.62 .18 250);--accent-green: oklch(.72 .17 155);--accent-purple: oklch(.65 .2 300);--warning-red: oklch(.64 .22 25);--warning-amber: oklch(.78 .16 75);--slate-800: oklch(.18 .015 260);--slate-700: oklch(.28 .02 260);--input-bg: oklch(.18 .015 260);--input-border: oklch(.32 .025 260);--input-text: oklch(.97 .005 260);--sidebar-bg: oklch(.14 .012 260);--sidebar-border: oklch(1 0 0 / .08);--table-header-bg: oklch(.18 .015 260);--table-row-hover: oklch(1 0 0 / .03);--badge-bg: oklch(1 0 0 / .06);--badge-active-bg: oklch(.72 .17 155 / .16);--badge-active-text: oklch(.78 .15 155);--badge-inactive-bg: oklch(.64 .22 25 / .16);--badge-inactive-text: oklch(.72 .18 25);--shadow-sm: 0 1px 3px oklch(0 0 0 / .3);--shadow-md: 0 4px 12px oklch(0 0 0 / .35);--shadow-lg: 0 10px 25px oklch(0 0 0 / .45);--radius-lg: 16px;--radius-md: 12px;--radius-sm: 8px;--font-main: "Inter", system-ui, -apple-system, sans-serif}[data-theme=light]{color-scheme:light;--bg-main: oklch(.96 .01 250);--bg-card: oklch(1 0 0);--bg-popup: oklch(1 0 0);--bg-surface: oklch(.97 .01 250);--primary-text: oklch(.2 .02 260);--secondary-text: oklch(.52 .03 260);--border-color: oklch(0 0 0 / .08);--border-color-strong: oklch(0 0 0 / .16);--accent-orange: oklch(.62 .19 42);--accent-orange-hover: oklch(.58 .19 42);--accent-blue: oklch(.55 .2 250);--accent-green: oklch(.56 .16 155);--accent-purple: oklch(.55 .22 300);--warning-red: oklch(.58 .22 25);--warning-amber: oklch(.68 .16 75);--slate-800: oklch(.97 .01 250);--slate-700: oklch(.9 .015 250);--input-bg: oklch(1 0 0);--input-border: oklch(.84 .02 250);--input-text: oklch(.2 .02 260);--sidebar-bg: oklch(1 0 0);--sidebar-border: oklch(.9 .01 250);--table-header-bg: oklch(.97 .01 250);--table-row-hover: oklch(.95 .01 250);--badge-bg: oklch(.94 .01 250);--badge-active-bg: oklch(.56 .16 155 / .12);--badge-active-text: oklch(.44 .16 155);--badge-inactive-bg: oklch(.58 .22 25 / .12);--badge-inactive-text: oklch(.48 .2 25);--shadow-sm: 0 1px 3px oklch(0 0 0 / .06);--shadow-md: 0 4px 12px oklch(0 0 0 / .06);--shadow-lg: 0 10px 25px oklch(0 0 0 / .08)}*{box-sizing:border-box;margin:0;padding:0}html{overflow-x:hidden;max-width:100vw;width:100%}body{background-color:var(--bg-main);color:var(--primary-text);font-family:var(--font-main);line-height:1.5;-webkit-font-smoothing:antialiased;max-width:500px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;transition:background-color .2s ease,color .2s ease;overflow-x:hidden;width:100%}body.wide-view{max-width:100%!important;width:100%!important;overflow-x:hidden}body.wide-view .sticky-footer{max-width:100%!important}.app-view{width:100%;max-width:100%;min-width:0;box-sizing:border-box}.scroll-container{flex:1;overflow-y:auto;padding:8px 6px 14px}#view-pos .scroll-container,#view-table-order .scroll-container,.has-sticky-footer .scroll-container{padding-bottom:80px}.card{background:var(--bg-card);border-radius:var(--radius-lg);padding:16px;margin-bottom:16px;box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.kpi-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.kpi-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:14px 12px;display:flex;flex-direction:column;gap:4px;border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.kpi-card.warning{background:linear-gradient(135deg,var(--bg-card) 0%,oklch(.64 .22 25 / .15) 100%);border:1px solid oklch(.64 .22 25 / .3)}.kpi-title{color:var(--secondary-text);font-size:12px;text-transform:uppercase;letter-spacing:.05em}.kpi-value{font-size:20px;font-weight:700;color:var(--primary-text)}.data-table{width:100%}.data-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--border-color)}.data-row:last-child{border-bottom:none}.label-with-dot{display:flex;align-items:center;gap:8px}.dot{width:10px;height:10px;border-radius:50%}.amount-group{text-align:right}.amount-main{font-weight:700;display:block;color:var(--primary-text)}.amount-sub{font-size:11px;color:var(--secondary-text)}.chart-container{margin-top:12px}.bar-row{margin-bottom:4px;padding:4px 6px;border-radius:8px;transition:all .2s ease}.bar-row.clickable{cursor:pointer}.bar-row.clickable:hover,.bar-row.active{background:var(--table-row-hover)}.bar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:12px;color:var(--secondary-text)}.order-count-pill{font-size:11px;font-weight:600;padding:1px 8px;border-radius:12px;background:var(--bg-surface);border:1px solid var(--border-color);color:var(--secondary-text);cursor:pointer;transition:all .2s ease;line-height:1.4;outline:none}.order-count-pill:hover{background:var(--table-row-hover);color:var(--accent-orange);border-color:var(--accent-orange)}.hourly-items-dropdown{display:none}.bar-row.active+.hourly-items-dropdown{display:block}.bar-track{height:8px;background:var(--border-color);border-radius:4px;width:100%;overflow:hidden}.bar-fill{height:100%;background:var(--accent-blue);border-radius:4px;transition:width .3s ease}.sticky-footer{position:fixed;bottom:0;left:0;right:0;max-width:500px;margin:0 auto;background:var(--bg-card);border-top:1px solid var(--border-color);padding:12px 16px;display:flex;justify-content:center;align-items:center;gap:8px;box-shadow:var(--shadow-lg);z-index:100;flex-wrap:nowrap}input[type=date]{background:var(--input-bg);border:1px solid var(--input-border);color:var(--input-text);padding:8px;border-radius:var(--radius-sm);font-size:13px;font-family:inherit;width:auto;flex:1;min-width:0;box-shadow:var(--shadow-sm);outline:none;transition:border-color .2s,background-color .2s,color .2s}input[type=date]:focus{border-color:var(--accent-orange)}input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1z'/%3E%3C/svg%3E")!important;opacity:.9!important;filter:none!important}[data-theme=light] input[type=date]::-webkit-calendar-picker-indicator{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%231e293b' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4H1z'/%3E%3C/svg%3E")!important;opacity:.8!important;filter:none!important}.refresh-btn{background:var(--accent-orange);color:#f8f8f8;border:none;padding:8px 14px;border-radius:var(--radius-sm);font-weight:600;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:opacity .2s,transform .2s}.refresh-btn:active{opacity:.8}.modal-input{width:100%;background:var(--input-bg);border:1px solid var(--input-border);color:var(--input-text);padding:12px;border-radius:var(--radius-sm);margin-bottom:20px}.modal-actions{display:flex;justify-content:flex-end;gap:12px}.btn-ghost{background:none;border:1px solid var(--border-color-strong);color:var(--secondary-text);padding:8px 16px;border-radius:var(--radius-sm)}.btn-primary{background:var(--accent-orange);color:#f8f8f8;border:none;padding:8px 16px;border-radius:var(--radius-sm)}.search-dropdown{position:relative;width:auto;flex:1;min-width:0}.search-dropdown:after{content:"";position:absolute;right:12px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid var(--secondary-text);pointer-events:none;transition:transform .15s ease}.search-dropdown.open:after{transform:translateY(-50%) rotate(180deg)}.search-dropdown-input{width:100%;background:var(--input-bg);border:1px solid var(--input-border);color:var(--input-text);padding:10px 28px 10px 12px;border-radius:var(--radius-sm);margin-bottom:0;outline:none;cursor:pointer;box-sizing:border-box}.search-dropdown-input:focus{border-color:var(--accent-orange)}.search-dropdown-menu{position:absolute;top:100%;left:0;right:0;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);max-height:220px;overflow-y:auto;z-index:1000;display:none;margin-top:4px;box-shadow:var(--shadow-md)}.search-dropdown-menu.active{display:block}.search-dropdown-item{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:9px 12px;cursor:pointer;color:var(--primary-text);border-bottom:1px solid var(--border-color);font-size:13px}.search-dropdown-item:last-child{border-bottom:none}.search-dropdown-item:hover{background:var(--table-row-hover)}.search-dropdown-item.selected{background:var(--table-row-hover);color:var(--accent-orange);font-weight:600}.search-dropdown-subtext{font-size:11px;color:var(--secondary-text);font-weight:400;white-space:nowrap}.toast-container{position:fixed;top:calc(env(safe-area-inset-top,0px) + 24px);left:50%;transform:translate(-50%);z-index:10000;display:flex;flex-direction:column;gap:10px;pointer-events:none;align-items:center;width:90%;max-width:420px}.toast{background:var(--bg-surface);color:var(--primary-text);padding:12px 20px;border-radius:30px;box-shadow:var(--shadow-lg);border:1px solid var(--border-color-strong);font-size:14px;font-weight:500;opacity:0;transform:translateY(-20px);transition:all .3s cubic-bezier(.34,1.56,.64,1);pointer-events:auto;display:flex;align-items:center;gap:12px}.toast.show{opacity:1;transform:translateY(0)}.toast.success{border-left:4px solid var(--accent-green)}.toast.error{border-left:4px solid var(--warning-red)}.toast.warning{border-left:4px solid var(--warning-amber)}.toast.info{border-left:4px solid var(--accent-blue)}.confirm-overlay{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(5px);z-index:10001;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all .2s ease}.confirm-overlay.active{opacity:1;visibility:visible}.confirm-box{background:var(--bg-card);border:1px solid var(--border-color-strong);border-radius:16px;padding:24px;width:90%;max-width:320px;transform:scale(.95) translateY(10px);transition:all .3s cubic-bezier(.34,1.56,.64,1);text-align:center;box-shadow:var(--shadow-lg)}.confirm-overlay.active .confirm-box{transform:scale(1) translateY(0)}.confirm-title{font-size:16px;font-weight:500;margin-bottom:24px;color:var(--primary-text);line-height:1.4}.confirm-actions{display:flex;gap:12px}.confirm-actions button{flex:1;padding:10px 0;border-radius:8px;font-weight:600}.modal{position:fixed;inset:0;background:#000c;display:none;align-items:center;justify-content:center;padding:16px;z-index:200;overflow-y:auto;-webkit-overflow-scrolling:touch}@media(max-width:640px){.modal{align-items:flex-start;padding:10px 4px 60px}}.modal.active{display:flex}.modal-content{background:var(--bg-card);padding:16px 14px;border-radius:var(--radius-lg);width:100%;max-width:720px;max-height:90vh;max-height:90dvh;overflow-y:auto;-webkit-overflow-scrolling:touch;box-sizing:border-box;margin:auto 0;border:1px solid var(--border-color);box-shadow:var(--shadow-lg)}@media(max-width:640px){.modal-content{padding:14px 8px;width:99%}}.modal-close-btn-top{width:30px;height:30px;min-width:30px;border-radius:50%;background:#ef444426;border:1px solid rgba(239,68,68,.45);color:var(--warning-red);display:inline-flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;line-height:1;cursor:pointer;flex-shrink:0;transition:background .15s ease,transform .1s ease;font-family:inherit}.modal-close-btn-top:hover{background:#ef444440;transform:scale(1.05)}.modal-title{font-size:18px;margin-bottom:0;color:var(--primary-text)}.kds-split-screen{display:grid!important;grid-template-columns:1fr 1fr!important;gap:20px!important;align-items:start!important;width:100%!important}@media(max-width:1100px){.kds-split-screen{grid-template-columns:1fr!important}}.kds-pending-section,.kds-inprogress-section{display:flex!important;flex-direction:column!important;gap:14px!important;background:var(--bg-surface)!important;padding:16px!important;border-radius:16px!important;border:1px solid var(--border-color)!important;width:100%!important}.kds-section-header{display:flex!important;justify-content:space-between!important;align-items:center!important;padding:10px 14px!important;border-radius:10px!important;font-weight:700!important;font-size:14px!important;color:var(--primary-text)!important}.kds-header-pending{background:linear-gradient(135deg,#3b82f640,#2563eb40)!important;border:1px solid rgba(59,130,246,.3)!important}.kds-header-inprogress{background:linear-gradient(135deg,#f59e0b40,#d9770640)!important;border:1px solid rgba(245,158,11,.3)!important}.kds-pending-grid,.kds-inprogress-grid,.kds-grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))!important;gap:18px!important;align-content:start!important;width:100%!important}@media(max-width:640px){.kds-pending-grid,.kds-inprogress-grid,.kds-grid{grid-template-columns:1fr!important}}