:root{--primary-color: #000000;--accent-color: #989898;--bg-color: #ffffff;--text-color: #333333;--sidebar-bg: #323232;--card-bg: #ffffff;--success-color: #5f8961;--danger-color: #7e4945;--closed-color: #a7834f;--primary-text-color: #ffffff;--accent-text-color: #000000;--sidebar-text-color: #ffffff;--success-text-color: #ffffff;--danger-text-color: #ffffff;--closed-text-color: #ffffff;--subtitle-color: color-mix(in srgb, var(--text-color), var(--card-bg) 40%);--border-radius: 8px;--header-height: 60px;--ui-space-1: 4px;--ui-space-2: 8px;--ui-space-3: 12px;--ui-space-4: 16px;--ui-space-5: 20px;--ui-space-6: 24px;--ui-radius-sm: 6px;--ui-radius-md: 8px;--ui-radius-lg: 12px;--ui-radius-pill: 999px;--ui-border-color: color-mix(in srgb, var(--accent-color) 55%, transparent);--ui-border: 1px solid var(--ui-border-color);--ui-shadow-sm: 0 2px 5px color-mix(in srgb, var(--text-color) 6%, transparent);--ui-shadow-md: 0 6px 18px color-mix(in srgb, var(--text-color) 14%, transparent);--ui-shadow-modal: 0 12px 32px color-mix(in srgb, var(--text-color) 24%, transparent);--ui-overlay: color-mix(in srgb, var(--text-color) 42%, transparent);--ui-delete-bg: color-mix(in srgb, var(--danger-color) 10%, white);--ui-cancel-bg: color-mix(in srgb, var(--closed-color) 10%, transparent);--ui-control-height: 40px;--ui-icon-button-size: 40px;--ui-page-width: 1440px;--ui-header-height: 56px;--ui-placeholder-font-size: .8rem;--ui-transition-fast: .12s ease}*,*:before,*:after{box-sizing:border-box}html,body{width:100%;min-height:100%;margin:0;padding:0;overflow-x:hidden;color:var(--text-color);background:var(--bg-color);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body,button,input,select,textarea{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Noto Sans TC,sans-serif}:where(input[type=text],input[type=number],input[type=tel],input[type=email],input[type=url],input[type=search],input[type=password],textarea,select){font-size:var(--ui-placeholder-font-size)}:where(input,textarea)::placeholder{font-size:var(--ui-placeholder-font-size)}.ui-page{min-height:100dvh;margin:0;color:var(--text-color);background:var(--bg-color);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Noto Sans TC,sans-serif}.ui-page-shell{width:min(100%,var(--ui-page-width));margin-inline:auto;padding:var(--ui-space-4)}.mobile-menu-btn{position:fixed;top:15px;left:15px;z-index:1002;width:45px;height:45px;padding:0;display:flex;align-items:center;justify-content:center;color:var(--accent-color);background:var(--card-bg);border:1px solid var(--accent-color);border-radius:var(--ui-radius-md);box-shadow:var(--ui-shadow-sm);cursor:pointer}.mobile-menu-btn:active{transform:scale(.95);background:color-mix(in srgb,var(--accent-color) 10%,var(--card-bg))}.sidebar{position:fixed;inset:0 auto 0 0;z-index:1003;width:250px;height:100dvh;padding:20px;display:flex;flex-direction:column;overflow:hidden;color:var(--sidebar-text-color);background:var(--sidebar-bg);border-right:1px solid var(--accent-color);box-shadow:none;transform:translate3d(-100%,0,0);transition:transform .3s cubic-bezier(.25,.46,.45,.94)}.sidebar .menu-list{min-height:0;flex:1 1 auto;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--card-bg) transparent}.sidebar .menu-list::-webkit-scrollbar{width:8px;height:8px}.sidebar .menu-list::-webkit-scrollbar-track{background:transparent;border-radius:4px}.sidebar .menu-list::-webkit-scrollbar-thumb{background-color:var(--card-bg);border:2px solid transparent;border-radius:4px;background-clip:content-box}.sidebar .menu-list::-webkit-scrollbar-thumb:hover{background-color:var(--card-bg)}.sidebar.open{transform:translateZ(0)}.sidebar h2{margin:0 0 30px;padding-left:10px;border-left:4px solid var(--accent-color);font-size:1.5rem}.nav-link{display:flex;align-items:center;margin-bottom:9px;padding:6px 12px;color:var(--sidebar-text-color);border-radius:var(--ui-radius-md);text-decoration:none;opacity:.8}.nav-link:hover{background:color-mix(in srgb,var(--sidebar-text-color) 15%,transparent);opacity:1}.nav-link.active{color:var(--primary-text-color);background:var(--primary-color);opacity:1;box-shadow:var(--ui-shadow-sm)}.menu-overlay{position:fixed;inset:0;z-index:999;display:none;background:color-mix(in srgb,var(--text-color) 50%,transparent);opacity:0;transition:opacity .3s ease}.menu-overlay.show{display:block;opacity:1}.ui-page-header{min-height:var(--ui-header-height);padding:var(--ui-space-2) var(--ui-space-4);display:flex;align-items:center;justify-content:space-between;gap:var(--ui-space-3);color:var(--text-color);background:var(--card-bg);border-bottom:var(--ui-border)}.ui-page-header__start,.ui-page-header__end{display:flex;align-items:center;gap:var(--ui-space-2);min-width:0}.ui-page-title{margin:0;overflow:hidden;font-size:1.125rem;font-weight:700;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.ui-section{display:grid;gap:var(--ui-space-3)}.ui-section+.ui-section{margin-top:var(--ui-space-5)}.ui-section-title{margin:0;color:var(--text-color);font-size:1rem;font-weight:700}.ui-muted{color:var(--subtitle-color)}.ui-panel{color:var(--text-color);background:var(--card-bg);border:var(--ui-border);border-radius:var(--ui-radius-lg);box-shadow:var(--ui-shadow-sm)}.ui-panel__header,.ui-panel__body,.ui-panel__footer{padding:var(--ui-space-3) var(--ui-space-4)}.ui-panel__header{display:flex;align-items:center;justify-content:space-between;gap:var(--ui-space-3);border-bottom:var(--ui-border)}.ui-panel__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--ui-space-2);border-top:var(--ui-border)}.ui-button{min-height:var(--ui-control-height);padding:var(--ui-space-2) var(--ui-space-4);display:inline-flex;align-items:center;justify-content:center;gap:var(--ui-space-2);color:var(--text-color);background:var(--card-bg);border:var(--ui-border);border-radius:var(--ui-radius-md);cursor:pointer;font:inherit;font-weight:700;line-height:1.2;transition:opacity var(--ui-transition-fast),transform var(--ui-transition-fast),background-color var(--ui-transition-fast)}.ui-button--primary{color:var(--primary-text-color);background:var(--primary-color);border-color:var(--primary-color)}.ui-button--secondary{color:var(--text-color);background:color-mix(in srgb,var(--accent-color) 10%,var(--card-bg))}.ui-button--success{color:var(--success-text-color);background:var(--success-color);border-color:var(--success-color)}.ui-button--closed{color:var(--closed-color);background:var(--ui-cancel-bg);border-color:var(--closed-color)}.ui-button--danger{color:var(--danger-color);background:var(--ui-delete-bg);border-color:var(--danger-color)}.ui-icon-button{width:var(--ui-icon-button-size);height:var(--ui-icon-button-size);padding:0;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;color:var(--text-color);background:var(--card-bg);border:var(--ui-border);border-radius:var(--ui-radius-md);cursor:pointer;box-shadow:none}.ui-action-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--ui-space-2)}.ui-semantic-cancel{color:var(--closed-color)!important;background:var(--ui-cancel-bg)!important;border:1px solid var(--closed-color)!important}.ui-semantic-confirm{color:var(--primary-text-color)!important;background:var(--primary-color)!important}.ui-semantic-delete{color:var(--danger-color)!important;background:var(--ui-delete-bg)!important}.ui-semantic-cancel,.ui-semantic-confirm,.ui-semantic-delete{border-color:color-mix(in srgb,var(--accent-color) 52%,transparent)!important}.ui-semantic-cancel{border-color:var(--closed-color)!important}.ui-semantic-delete{border-color:var(--danger-color)!important}.ui-button:hover:not(:disabled),.ui-icon-button:hover:not(:disabled){background-color:color-mix(in srgb,var(--accent-color) 16%,var(--card-bg))}.ui-button--primary:hover:not(:disabled){background-color:color-mix(in srgb,var(--primary-color) 88%,var(--card-bg))}.ui-button:active{transform:translateY(1px)}.ui-button:disabled,.ui-icon-button:disabled{cursor:not-allowed;opacity:.55}.ui-chip{min-height:32px;padding:var(--ui-space-1) var(--ui-space-3);display:inline-flex;align-items:center;border:var(--ui-border);border-radius:var(--ui-radius-pill);font-size:.85rem;font-weight:700}.ui-filter-tabs{display:flex;align-items:center;gap:6px;padding:8px 16px;overflow-x:auto}.ui-filter-tab{min-height:34px;padding:6px 14px;flex:0 0 auto;color:var(--text-color);background:color-mix(in srgb,var(--accent-color) 18%,var(--card-bg));border:1px solid transparent;border-radius:var(--ui-radius-pill);cursor:pointer;font:inherit;font-size:15px;font-weight:650;white-space:nowrap}.ui-filter-tab.active{color:var(--primary-text-color);background:var(--primary-color);border-color:var(--primary-color)}.ui-page-tabs{display:flex;align-items:stretch;gap:6px;margin-bottom:14px;overflow-x:auto;border-bottom:var(--ui-border)}.ui-page-tab{min-height:38px;margin-bottom:-1px;padding:8px 12px;flex:0 0 auto;color:var(--subtitle-color);background:transparent;border:0;border-bottom:2px solid transparent;border-radius:0;box-shadow:none;cursor:pointer;font:inherit;font-size:.9rem;font-weight:650;white-space:nowrap}.ui-page-tab.active{color:var(--primary-color);background:transparent;border-bottom-color:var(--primary-color)}.ui-product-tabs{display:flex;align-items:center;gap:6px;padding:8px 16px;overflow-x:auto}.ui-product-tab{min-height:34px;padding:6px 14px;flex:0 0 auto;color:var(--text-color);background:color-mix(in srgb,var(--accent-color) 18%,var(--card-bg));border:1px solid transparent;border-radius:var(--ui-radius-pill);cursor:pointer;font:inherit;font-size:15px;font-weight:650;white-space:nowrap}.ui-product-tab.active{color:var(--primary-text-color);background:var(--primary-color);border-color:var(--primary-color)}.ui-row-icon-action{width:34px!important;min-width:34px;height:34px!important;min-height:34px;padding:0!important;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--ui-radius-md)}.ui-row-icon-action:before{width:17px;height:17px}.ui-row-edit{color:var(--primary-color)!important;background:var(--primary-text-color)!important;border:1px solid var(--primary-color)!important}.ui-row-delete{color:var(--danger-color)!important;background:var(--ui-delete-bg)!important;border:1px solid var(--danger-color)!important}.ui-drag-handle{width:34px;min-width:34px;height:34px;min-height:34px;padding:0;display:inline-flex;align-items:center;justify-content:center;color:var(--subtitle-color);background:transparent;border:1px solid transparent;border-radius:var(--ui-radius-md);cursor:grab;touch-action:none}.ui-drag-handle:hover{color:var(--text-color);background:color-mix(in srgb,var(--accent-color) 12%,var(--card-bg));border-color:var(--ui-border-color)}.ui-drag-handle:active{cursor:grabbing}.ui-drag-handle:before{width:19px;height:19px}.ui-field-group{display:grid;gap:var(--ui-space-1)}.ui-label{color:var(--text-color);font-size:.875rem;font-weight:700}.ui-hint{color:var(--subtitle-color);font-size:.75rem;line-height:1.4}.ui-field{width:100%;min-height:var(--ui-control-height);padding:var(--ui-space-2) var(--ui-space-3);color:var(--text-color);background:var(--card-bg);border:var(--ui-border);border-radius:var(--ui-radius-md);font:inherit;font-size:var(--ui-placeholder-font-size)}textarea.ui-field{min-height:88px;resize:vertical}.ui-field::placeholder{color:var(--subtitle-color);font-size:var(--ui-placeholder-font-size);opacity:.8}.ui-field:focus{border-color:var(--primary-color);outline:2px solid color-mix(in srgb,var(--primary-color) 18%,transparent);outline-offset:0}.ui-field:disabled{cursor:not-allowed;opacity:.6}.ui-check{display:inline-flex;align-items:center;gap:var(--ui-space-2);color:var(--text-color);cursor:pointer}.ui-check input{width:16px;height:16px;margin:0;accent-color:var(--primary-color)}.ui-tabs{display:flex;align-items:center;gap:var(--ui-space-2)}.ui-tab{min-height:var(--ui-control-height);padding:var(--ui-space-2) var(--ui-space-4);color:var(--text-color);background:var(--card-bg);border:var(--ui-border);border-radius:var(--ui-radius-md);cursor:pointer}.ui-tab.active{color:var(--primary-text-color);background:var(--primary-color);border-color:var(--primary-color)}.ui-table-wrap{overflow:auto;background:var(--card-bg);border:var(--ui-border);border-radius:var(--ui-radius-lg)}.ui-table{width:100%;border-collapse:collapse;color:var(--text-color);background:var(--card-bg)}.ui-table th,.ui-table td{padding:var(--ui-space-3);text-align:left;border-bottom:var(--ui-border)}.ui-table th{background:color-mix(in srgb,var(--accent-color) 10%,var(--card-bg));font-size:.875rem;font-weight:700}.ui-table tr:last-child td{border-bottom:0}.ui-dialog{color:var(--text-color);background:var(--card-bg);border:var(--ui-border);border-radius:var(--ui-radius-lg);box-shadow:var(--ui-shadow-modal);overflow:hidden}.ui-dialog__header,.ui-dialog__footer{display:flex;align-items:center;gap:var(--ui-space-2);padding:var(--ui-space-3) var(--ui-space-4);background:var(--card-bg)}.ui-dialog__header{justify-content:space-between;border-bottom:var(--ui-border)}.ui-dialog__body{padding:var(--ui-space-4);background:var(--bg-color)}.ui-dialog__footer{justify-content:flex-end;border-top:var(--ui-border)}.ui-overlay{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:var(--ui-space-4);background:var(--ui-overlay)}.ui-sidebar{position:fixed;inset-block:0;inset-inline-end:0;z-index:1010;width:min(420px,100%);display:flex;flex-direction:column;color:var(--text-color);background:var(--card-bg);border-inline-start:var(--ui-border);box-shadow:var(--ui-shadow-md)}.ui-sidebar__header,.ui-sidebar__footer{flex:0 0 auto;padding:var(--ui-space-3) var(--ui-space-4);display:flex;align-items:center;gap:var(--ui-space-2)}.ui-sidebar__header{justify-content:space-between;border-bottom:var(--ui-border)}.ui-sidebar__body{min-height:0;padding:var(--ui-space-4);flex:1 1 auto;overflow:auto;background:var(--bg-color)}.ui-sidebar__footer{justify-content:flex-end;border-top:var(--ui-border)}.ui-empty-state,.ui-loading-state{min-height:160px;padding:var(--ui-space-6);display:grid;place-items:center;color:var(--subtitle-color);text-align:center}.ui-alert{padding:var(--ui-space-3);color:var(--text-color);background:color-mix(in srgb,var(--accent-color) 12%,var(--card-bg));border:var(--ui-border);border-radius:var(--ui-radius-md)}.ui-alert--success{color:var(--success-color);background:color-mix(in srgb,var(--success-color) 14%,var(--card-bg))}.ui-alert--danger{color:var(--danger-color);background:color-mix(in srgb,var(--danger-color) 14%,var(--card-bg))}#custom-dialog-overlay{position:fixed;inset:0;z-index:10000;display:none;align-items:center;justify-content:center;padding:16px;opacity:0;background:var(--ui-overlay);transition:opacity .2s ease-out}#custom-dialog-overlay.open{display:flex;opacity:1}.custom-dialog-box{width:min(400px,100%);padding:20px;color:var(--text-color);background:var(--card-bg);border:var(--ui-border);border-radius:var(--ui-radius-lg);box-shadow:var(--ui-shadow-modal);text-align:center;transform:scale(.96);transition:transform .2s ease-out}#custom-dialog-overlay.open #custom-dialog-panel{transform:scale(1)}#custom-dialog-title{margin-bottom:8px;color:var(--text-color);font-size:1.1rem;font-weight:800}#custom-dialog-message{margin-bottom:20px;color:var(--text-color);font-size:.9rem;line-height:1.5;white-space:pre-wrap}#custom-dialog-buttons{display:flex;justify-content:center;gap:10px}.dialog-btn{min-height:38px;padding:8px 13px;flex:1;border:var(--ui-border);border-radius:var(--ui-radius-md);font:inherit;font-size:.9rem;font-weight:700;cursor:pointer;touch-action:manipulation}.dialog-btn.cancel{color:var(--closed-color)!important;background:var(--ui-cancel-bg)!important;border-color:var(--closed-color)!important}.dialog-btn.confirm{color:var(--primary-text-color);background:var(--primary-color);border-color:var(--primary-color)}.custom-dialog-input{width:100%;min-height:40px;margin-top:12px;padding:8px 10px;color:var(--text-color);background:var(--card-bg);border:var(--ui-border);border-radius:var(--ui-radius-md);font:inherit;font-size:var(--ui-placeholder-font-size)}.ui-toast{position:fixed;inset-inline:var(--ui-space-4);inset-block-end:calc(var(--ui-space-5) + env(safe-area-inset-bottom));z-index:1100;width:fit-content;max-width:min(420px,calc(100% - 32px));margin-inline:auto;padding:var(--ui-space-3) var(--ui-space-4);color:var(--primary-text-color);background:color-mix(in srgb,var(--primary-color) 84%,transparent);border:1px solid color-mix(in srgb,var(--primary-color) 45%,transparent);border-radius:var(--ui-radius-md);box-shadow:var(--ui-shadow-md);text-align:center;pointer-events:none}:where(.ui-button,.ui-icon-button,.ui-tab,.ui-field):focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}@media(max-width:640px){.ui-page-shell{padding:var(--ui-space-2)}.ui-page-header{padding-block:var(--ui-space-2);padding-inline:max(var(--ui-space-3),env(safe-area-inset-left)) max(var(--ui-space-3),env(safe-area-inset-right))}.ui-dialog{width:100%;max-height:calc(100dvh - (2 * var(--ui-space-3)))}.ui-dialog__body{min-height:0;overflow:auto}.ui-sidebar__footer{padding-bottom:max(var(--ui-space-3),env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:reduce){.ui-button,.ui-icon-button{transition:none}}[data-ui-icon]:before{content:"";width:20px;height:20px;display:inline-block;flex:0 0 auto;background:currentColor;-webkit-mask:var(--ui-icon) center / contain no-repeat;mask:var(--ui-icon) center / contain no-repeat}body.ingredients-page .ingredient-editor-dialog{gap:12px;padding:16px}body.ingredients-page .ingredient-editor-dialog>.form-group,body.ingredients-page .ingredient-editor-dialog>.form-grid{margin:0}body.ingredients-page .ingredient-editor-dialog .form-grid{gap:12px}body.ingredients-page .ingredient-modal-header{align-items:center;margin-bottom:0!important}body.ingredients-page .ingredient-links-section{padding:12px!important}body.ingredients-page .ingredient-modal-actions{margin-top:0!important}body.ingredients-page .ingredient-import-dialog,body.ingredients-page .ingredient-import-body{min-height:0}body.discount-page #edit-modal{box-sizing:border-box;padding:12px}body.discount-page #edit-modal .discount-editor-dialog{width:min(600px,100%)!important;max-width:100%!important;max-height:calc(100dvh - 24px)}body.discount-page .rule-header{width:100%}body.discount-page .rule-header .ui-semantic-delete{flex:0 0 auto;margin-left:auto}body.oocheck-page .online-discount-actions{margin-left:auto;justify-content:flex-end}body.oocheck-page .order-detail-icon-btn[data-ui-icon=pencil]{font-size:0}body.oocheck-page #view-settings .online-settings-card{display:grid;gap:12px}body.oocheck-page #view-settings .online-settings-card>h3{margin:0 0 2px}body.oocheck-page #view-settings .online-settings-section{overflow:hidden;color:var(--text-color);background:var(--card-bg);border:var(--ui-border);border-radius:var(--ui-radius-lg)}body.oocheck-page #view-settings .online-settings-section-summary{min-height:48px;padding:10px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--text-color);background:color-mix(in srgb,var(--accent-color) 9%,var(--card-bg));cursor:pointer;font-size:.95rem;font-weight:700;list-style:none;-webkit-user-select:none;user-select:none}body.oocheck-page #view-settings .online-settings-section-summary::-webkit-details-marker{display:none}body.oocheck-page #view-settings .online-settings-section-summary:after{content:"";width:9px;height:9px;flex:0 0 auto;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translate(-2px,-2px);transition:transform var(--ui-transition-fast)}body.oocheck-page #view-settings .online-settings-section[open]>.online-settings-section-summary{border-bottom:var(--ui-border)}body.oocheck-page #view-settings .online-settings-section[open]>.online-settings-section-summary:after{transform:rotate(225deg) translate(-2px,-2px)}body.oocheck-page #view-settings .online-settings-section-body{padding:14px}body.oocheck-page #view-settings .lalamove-settings-panel{margin-top:14px;padding:14px;color:var(--text-color);background:color-mix(in srgb,var(--accent-color) 7%,var(--card-bg));border:var(--ui-border);border-radius:var(--ui-radius-md)}body.oocheck-page #view-settings .lalamove-settings-heading{margin-bottom:3px;font-weight:700}body.oocheck-page #view-settings .lalamove-settings-hint{display:block;margin-bottom:12px;color:var(--subtitle-color)}body.oocheck-page #view-settings .lalamove-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}body.oocheck-page #view-settings .lalamove-grid--four{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:0}body.oocheck-page #view-settings .lalamove-field{min-width:0;margin-top:12px;display:flex;flex-direction:column;align-items:stretch;gap:5px}body.oocheck-page #view-settings .lalamove-grid>.lalamove-field{margin-top:0}body.oocheck-page #view-settings .lalamove-field>label{min-height:1.4em;color:var(--subtitle-color);font-size:.82rem;line-height:1.4}body.oocheck-page #view-settings .lalamove-field :is(input,select,textarea){width:100%;min-width:0;margin:0;box-sizing:border-box}body.oocheck-page #view-settings .lalamove-field textarea{min-height:72px;resize:vertical}body.oocheck-page #view-settings .lalamove-check-row{min-height:40px;align-self:end;display:flex;align-items:center;gap:8px;cursor:pointer}body.oocheck-page #view-settings .lalamove-check-row input{flex:0 0 auto}body.oocheck-page #view-settings :is(.online-closed-dates-field,.online-notes-field){width:100%;display:flex;flex-direction:column;align-items:stretch;gap:6px}body.oocheck-page #view-settings :is(.online-closed-dates-field,.online-notes-field)>:is(label,textarea,small){width:100%;max-width:100%;margin-inline:0;box-sizing:border-box}body.oocheck-page #view-settings .online-closed-dates-field>label{order:1}body.oocheck-page #view-settings .online-closed-dates-field>small{order:2}body.oocheck-page #view-settings .online-closed-dates-field>textarea{order:3}body.oocheck-page #view-settings .online-notes-field>label{order:1}body.oocheck-page #view-settings .online-notes-field>textarea{order:2}body.oocheck-page #view-settings :is(.online-closed-dates-field,.online-notes-field)>.touch-textarea-resizer{order:99;margin-top:-7px}body.oocheck-page #view-settings textarea[data-ui-autogrow]{field-sizing:content;min-height:72px;max-height:50dvh;overflow-y:auto}body.oocheck-page #view-settings .touch-textarea-resizer{width:100%;min-height:28px;margin-top:-1px;display:none;align-items:center;justify-content:center;color:var(--subtitle-color);background:color-mix(in srgb,var(--accent-color) 8%,var(--card-bg));border:var(--ui-border);border-radius:0 0 var(--ui-radius-md) var(--ui-radius-md);cursor:ns-resize;touch-action:none}body.oocheck-page #view-settings .touch-textarea-resizer:before{width:18px;height:18px}body.oocheck-page #view-settings .touch-textarea-resizer.is-resizing{color:var(--primary-color)}@media(any-pointer:coarse),(max-width:1024px){body.oocheck-page #view-settings [data-ui-autogrow]{min-height:72px;max-height:50dvh;resize:none;border-radius:var(--ui-radius-md) var(--ui-radius-md) 0 0}body.oocheck-page #view-settings #conf-terms-editor[data-ui-autogrow]{min-height:150px}body.oocheck-page #view-settings .touch-textarea-resizer{display:inline-flex}}@media(max-width:768px){body.ingredients-page :is(#inv-modal,#import-products-modal){box-sizing:border-box;padding:12px}body.ingredients-page .ingredient-editor-dialog,body.ingredients-page .ingredient-import-dialog{width:100%!important;max-width:100%!important;max-height:calc(100dvh - 24px)!important;border-radius:var(--ui-radius-lg)}body.ingredients-page .ingredient-editor-dialog{padding:14px;overflow-y:auto}body.ingredients-page .ingredient-editor-dialog .form-grid{grid-template-columns:1fr}body.ingredients-page .ingredient-import-body{flex-direction:column;gap:12px!important;padding:12px!important;overflow-y:auto!important}body.ingredients-page .ingredient-import-categories{flex:0 0 auto!important;padding:0 0 12px!important;border-right:0!important;border-bottom:1px dashed var(--accent-color)}body.ingredients-page #import-cat-list{flex-direction:row!important;overflow-x:auto;padding-bottom:2px}body.ingredients-page #import-cat-list>*{flex:0 0 auto}body.ingredients-page .ingredient-import-products{min-height:0}body.ingredients-page .ingredient-import-header,body.ingredients-page .ingredient-import-actions{padding:12px!important}body.ingredients-page .ingredient-import-actions>.btn{flex:1}body.discount-page #edit-modal .discount-editor-dialog{height:calc(100dvh - 24px)!important;border-radius:var(--ui-radius-lg)}body.oocheck-page #view-settings .online-settings-card{padding:14px;overflow:hidden}body.oocheck-page #view-settings .online-settings-section-summary{min-height:44px;padding:9px 11px}body.oocheck-page #view-settings .online-settings-section-body{padding:11px}body.oocheck-page #view-settings :is(.lalamove-grid,.lalamove-grid--four){grid-template-columns:1fr}body.oocheck-page #view-settings .lalamove-check-row{align-self:stretch}body.oocheck-page #view-settings :is(input,select,textarea){max-width:100%}body.oocheck-page #view-settings .loc-row{align-items:stretch;flex-wrap:wrap}body.oocheck-page #view-settings .loc-row :is(.loc-name,.loc-addr){flex:1 1 100%;min-width:0}body.oocheck-page #view-settings div[style*="display:flex"]{max-width:100%}body.oocheck-page #view-settings div[style*="display:flex"][style*="gap:5px"]{flex-wrap:wrap}body.oocheck-page #view-settings input[type=time]{flex:1 1 120px;min-width:0}body.oocheck-page #view-settings .editor-toolbar{flex-wrap:wrap}body.oocheck-page #online-discount-modal{box-sizing:border-box;padding:12px}body.oocheck-page #online-discount-modal .online-discount-dialog{width:100%!important;max-width:100%!important;max-height:calc(100dvh - 24px);border-radius:var(--ui-radius-lg)}body.oocheck-page #online-discount-modal .modal-scroll{min-height:0;padding:14px}body.oocheck-page #online-discount-modal .modal-scroll>div[style*="display:grid"]{grid-template-columns:1fr!important}body.oocheck-page #online-discount-modal #od-date-type-container>div{display:flex!important;flex-direction:column;gap:8px!important}body.oocheck-page #online-discount-modal #od-date-range>div{grid-template-columns:1fr!important}body.oocheck-page .online-discount-card>div{align-items:flex-start!important}body.oocheck-page .online-discount-actions{width:100%}}[data-ui-icon]>svg{display:none}.ui-modal-action{gap:0}.ui-modal-action:before{content:none!important;display:none!important}.ui-modal-actions{display:flex;gap:10px}.ui-modal-actions>.ui-modal-action{flex:1}[data-ui-icon=arrow-left]{--ui-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m15 19-7-7 7-7'/%3E%3C/svg%3E")}[data-ui-icon=refresh]{--ui-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M21 12a9 9 0 0 1-9 9c-2.52 0-4.93-1.06-6.64-2.92L3 15.5M3 21v-5.5h5.5M3 12a9 9 0 0 1 9-9c2.52 0 4.93 1.06 6.64 2.92L21 8.5M21 3v5.5h-5.5'/%3E%3C/svg%3E")}[data-ui-icon=refresh-cw]{--ui-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M21 12a9 9 0 0 1-15.17 6.55L3 16'/%3E%3Cpath d='M3 21v-5h5'/%3E%3Cpath d='M3 12A9 9 0 0 1 18.17 5.45L21 8'/%3E%3Cpath d='M21 3v5h-5'/%3E%3C/svg%3E")}[data-ui-icon=search]{--ui-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3C/svg%3E")}[data-ui-icon=chevron-left]{--ui-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m15 18-6-6 6-6'/%3E%3C/svg%3E")}[data-ui-icon=chevron-right]{--ui-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E")}[data-ui-icon=list]{--ui-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M8 6h13M8 12h13M8 18h13M3 6h.01M3 12h.01M3 18h.01'/%3E%3C/svg%3E")}[data-ui-icon=receipt]{--ui-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M13 16H8M14 8H8M16 12H8M20 5a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v15.793a.707.707 0 0 0 1.207.5l.94-.94a1.207 1.207 0 0 1 1.707 0l.792.793a1.207 1.207 0 0 0 1.708 0l.792-.792a1.207 1.207 0 0 1 1.708 0l.792.792a1.207 1.207 0 0 0 1.708 0l.792-.792a1.207 1.207 0 0 1 1.708 0l.939.939a.707.707 0 0 0 1.207-.5V5Z'/%3E%3C/svg%3E")}[data-ui-icon=cash-register]{--ui-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M4 10h16v10H4V10Zm3-6h10v6H7V4Zm1 10h.01M12 14h4m-8 3h8'/%3E%3C/svg%3E")}[data-ui-icon=trash-2]{--ui-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M3 6h18M19 6l-1 14H6L5 6m3 0V4h8v2m-6 5v6m4-6v6'/%3E%3C/svg%3E")}[data-ui-icon=x]{--ui-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M18 6 6 18M6 6l12 12'/%3E%3C/svg%3E")}[data-ui-icon=close]{--ui-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M6 6l12 12M18 6 6 18'/%3E%3C/svg%3E")}[data-ui-icon=minus]{--ui-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-linecap='round' stroke-width='2'%3E%3Cpath d='M5 12h14'/%3E%3C/svg%3E")}[data-ui-icon=plus]{--ui-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-linecap='round' stroke-width='2'%3E%3Cpath d='M5 12h14M12 5v14'/%3E%3C/svg%3E")}[data-ui-icon=tag]{--ui-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M4 4h6l10 10-6 6L4 10V4Zm4 4h.01'/%3E%3C/svg%3E")}[data-ui-icon=chevron-down]{--ui-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}[data-ui-icon=chevron-up]{--ui-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m18 15-6-6-6 6'/%3E%3C/svg%3E")}[data-ui-icon=confirm]{--ui-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M8.5 11.5 11 14l4-4m6 2a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z'/%3E%3C/svg%3E")}[data-ui-icon=pay]{--ui-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M3 9h18M5 5h14a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2Zm2 10h4'/%3E%3C/svg%3E")}[data-ui-icon=sparkle]{--ui-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.937A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .962 0L14.063 8.5a2 2 0 0 0 1.437 1.437l6.135 1.582a.5.5 0 0 1 0 .962L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.962 0L9.937 15.5Z'/%3E%3C/svg%3E")}[data-ui-icon=sparkles]{--ui-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M9.937 15.5A2 2 0 0 0 8.5 14.063l-6.135-1.582a.5.5 0 0 1 0-.962L8.5 9.937A2 2 0 0 0 9.937 8.5l1.582-6.135a.5.5 0 0 1 .962 0L14.063 8.5a2 2 0 0 0 1.437 1.437l6.135 1.582a.5.5 0 0 1 0 .962L15.5 14.063a2 2 0 0 0-1.437 1.437l-1.582 6.135a.5.5 0 0 1-.962 0L9.937 15.5Z'/%3E%3Cpath d='M20 3v4M22 5h-4M4 17v2M5 18H3'/%3E%3C/svg%3E")}[data-ui-icon=shopping-cart]{--ui-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currtentColor' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='8' cy='21' r='1'/%3E%3Ccircle cx='19' cy='21' r='1'/%3E%3Cpath d='M2.05 2.05h2l2.66 12.42a2 2 0 0 0 2 1.58h9.78a2 2 0 0 0 1.95-1.57L22 6H5.12'/%3E%3C/svg%3E")}[data-ui-icon=brush-cleaning]{--ui-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='m16 22-1-4'/%3E%3Cpath d='M19 14a1 1 0 0 0 1-1v-1a2 2 0 0 0-2-2h-3a1 1 0 0 1-1-1V4a2 2 0 0 0-4 0v5a1 1 0 0 1-1 1H6a2 2 0 0 0-2 2v1a1 1 0 0 0 1 1'/%3E%3Cpath d='M19 14H5l-1.973 6.767A1 1 0 0 0 4 22h16a1 1 0 0 0 .973-1.233z'/%3E%3Cpath d='m8 22 1-4'/%3E%3C/svg%3E")}[data-ui-icon=undo-2]{--ui-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'%3E%3Cpath d='M9 14 4 9l5-5'/%3E%3Cpath d='M4 9h10.5a5.5 5.5 0 0 1 5.5 5.5A5.5 5.5 0 0 1 14.5 20H11'/%3E%3C/svg%3E")}[data-ui-icon=pencil]{--ui-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M21.174 6.812a1 1 0 0 0-3.986-3.986L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.623l4.353-1.32a2 2 0 0 0 .83-.497z'/%3E%3Cpath d='m15 5 4 4'/%3E%3C/svg%3E")}[data-ui-icon=grip]{--ui-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='12' cy='5' r='1'/%3E%3Ccircle cx='19' cy='5' r='1'/%3E%3Ccircle cx='5' cy='5' r='1'/%3E%3Ccircle cx='12' cy='12' r='1'/%3E%3Ccircle cx='19' cy='12' r='1'/%3E%3Ccircle cx='5' cy='12' r='1'/%3E%3Ccircle cx='12' cy='19' r='1'/%3E%3Ccircle cx='19' cy='19' r='1'/%3E%3Ccircle cx='5' cy='19' r='1'/%3E%3C/svg%3E")}[data-ui-icon=image-up]{--ui-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M10.3 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v8.3'/%3E%3Cpath d='m21 15-3.1-3.1a2 2 0 0 0-2.814.014L6 21'/%3E%3Cpath d='m3 16 5-5c.928-.893 2.072-.893 3 0l3 3'/%3E%3Ccircle cx='14' cy='7' r='2'/%3E%3Cpath d='M19 22v-6'/%3E%3Cpath d='m22 19-3-3-3 3'/%3E%3C/svg%3E")}[data-ui-icon=settings]{--ui-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.38a2 2 0 0 0-.73-2.73l-.15-.09a2 2 0 0 1-1-1.74v-.51a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2Z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E")}[data-ui-icon=copy]{--ui-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Crect width='14' height='14' x='8' y='8' rx='2' ry='2'/%3E%3Cpath d='M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2'/%3E%3C/svg%3E")}[data-ui-icon=check]{--ui-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E")}[data-ui-icon=grip-horizontal]{--ui-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Ccircle cx='12' cy='9' r='1'/%3E%3Ccircle cx='19' cy='9' r='1'/%3E%3Ccircle cx='5' cy='9' r='1'/%3E%3Ccircle cx='12' cy='15' r='1'/%3E%3Ccircle cx='19' cy='15' r='1'/%3E%3Ccircle cx='5' cy='15' r='1'/%3E%3C/svg%3E")}[data-ui-icon=save]{--ui-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M15.2 3a2 2 0 0 1 1.4.6l3.8 3.8a2 2 0 0 1 .6 1.4V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2Z'/%3E%3Cpath d='M17 21v-8H7v8M7 3v5h8'/%3E%3C/svg%3E")}:root{--ui-zoom: 1}body.order-page{--line: var(--accent-color);--subtitle-color: color-mix(in srgb, var(--text-color), var(--card-bg) 40%);--shadow: rgba(0,0,0,.08);--vh: 100dvh;--header-h: 56px;margin:0;background:var(--bg-color);color:var(--text-color);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Noto Sans TC,sans-serif;overflow:hidden}html,body.order-page{height:100%}.order-page #receipt-template{display:none!important;position:fixed;top:0;left:-9999px}.order-page input[type=checkbox],.order-page input[type=radio]{width:15px!important;height:15px;min-width:15px;min-height:15px;position:relative;transform:none;margin-right:8px;cursor:pointer;flex-shrink:0;accent-color:var(--primary-color);touch-action:manipulation}.order-page input[type=checkbox]:before,.order-page input[type=radio]:before{content:"";position:absolute;inset:-6px;border-radius:6px;pointer-events:auto;z-index:1}.order-page header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--accent-color);background:var(--card-bg);position:sticky;top:0;z-index:10}.order-page header .title{font-weight:700;color:var(--text-color)}.order-page header .left{display:flex;gap:8px;align-items:center}.order-page header .right{display:flex;gap:8px;align-items:center}.order-page .printer-status-indicator{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:6px 10px;border-radius:var(--ui-radius-pill);font-size:12px;font-weight:700;line-height:1;white-space:nowrap;border:1px solid transparent;cursor:pointer}.order-page .printer-status-indicator.connected{background:var(--success-color);color:var(--success-text-color);border-color:color-mix(in srgb,var(--success-color),#000 8%)}.order-page .printer-status-indicator.disconnected{background:var(--danger-color);color:var(--danger-text-color);border-color:color-mix(in srgb,var(--danger-color),#000 8%)}.order-page .printer-status-indicator.checking{background:var(--card-bg);color:var(--text-color);border-color:var(--accent-color)}@media(max-width:900px){.order-page .printer-status-indicator{font-size:11px;padding:5px 8px;min-height:28px}.order-page .zoom-switch{display:none}.order-page main{grid-template-columns:1fr;padding:8px;gap:0}.order-page header{padding:8px 12px}.order-page .subgrid{grid-template-columns:repeat(2,1fr);gap:8px}.order-page .card{padding:10px}.order-page .cart{top:65px;bottom:0;left:3px;width:calc(100vw - 6px);max-height:calc(100dvh - 65px);background:var(--card-bg);border-radius:16px;box-shadow:var(--ui-shadow-modal);border:1px solid var(--accent-color);z-index:1001;margin:0;height:100%;display:flex;flex-direction:column;min-height:0;overflow:hidden;position:relative}.order-page .cart.show-mobile{display:flex!important;animation:slideInUp .3s ease}.order-page .cart-mobile-header{display:flex!important;justify-content:space-between;align-items:center;padding:12px 16px!important;background:var(--primary-color)!important;color:var(--primary-text-color)!important;font-size:18px!important;border-bottom:1px solid var(--line);flex-shrink:0}.order-page .cart-body{flex:1;overflow-y:auto;padding-bottom:20px;min-height:0}.order-page .cart-footer{flex-shrink:0;background:var(--card-bg);padding-bottom:max(20px,env(safe-area-inset-bottom));box-shadow:0 -2px 10px #0000000d;margin-bottom:10px}.order-page .cart-close-btn{display:block!important;background:transparent;border:none;color:var(--primary-text-color);font-size:24px;font-weight:700;cursor:pointer;padding:5px 10px;line-height:1}.order-page .mobile-cart-bar{display:flex;position:fixed;bottom:20px;left:15px;right:15px;height:64px;background:var(--primary-color);color:var(--primary-text-color);border-radius:32px;align-items:center;justify-content:space-between;padding:0 25px;box-shadow:var(--ui-shadow-md);z-index:999;cursor:pointer}body.order-page.mobile-cart-open .mobile-cart-bar{display:none!important}.order-page .cart-icon-box{position:relative!important;display:flex!important;align-items:center;justify-content:center;width:fit-content;color:var(--primary-text-color);margin:0}.order-page .cart-badge{position:absolute!important;top:-4px;right:-6px;background:var(--danger-color);color:var(--danger-text-color);font-size:11px;font-weight:700;min-width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0;border:2px solid var(--primary-color);z-index:10;line-height:1}.order-page #subitems-overlay{position:fixed;inset:0;z-index:2200;pointer-events:none}.order-page .cash-panel{width:90vw!important}.order-page #tab-cash-view .cash-body{grid-template-columns:1fr!important;max-height:70vh!important;gap:12px}.order-page .cash-left,.order-page .cash-right{overflow-y:auto!important;max-height:none}.order-page .cash-panel.two-column{width:90vw!important}.order-page .cash-panel.two-column .cash-body{grid-template-columns:1fr!important;max-height:70vh!important;gap:12px}.order-page .bank-info-left,.order-page .payment-right,.order-page .invoice-right{overflow-y:auto!important;max-height:none}.order-page .numpad{gap:6px!important;margin:8px 0!important}.order-page .numpad .num{padding:6px 0!important;font-size:18px!important;border-radius:6px!important}.order-page .quick{margin-top:8px!important;gap:4px!important}.order-page .qbtn{padding:6px!important;font-size:12px!important}.order-page .cash-foot{padding:8px 12px!important}.order-page .cash-foot .btn{padding:8px!important;font-size:14px!important}.order-page .ctab{padding:8px!important;font-size:.9rem!important}.order-page #cart-panel.cart{top:calc(48px + env(safe-area-inset-top,0px));bottom:0;left:4px;right:4px;width:auto;height:calc(100dvh - 48px - env(safe-area-inset-top,0px));min-height:0;max-height:calc(100dvh - 48px - env(safe-area-inset-top,0px));margin:0;box-sizing:border-box;border-radius:var(--ui-radius-lg) var(--ui-radius-lg) 0 0}.order-page #cart-panel>h2{flex:0 0 auto;min-height:48px;padding:7px 10px!important}.order-page #cart-panel.cart.show-mobile{display:grid!important;grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr)}.order-page #cart-panel .cart-close-btn{display:inline-flex!important;width:36px;min-width:36px;height:36px;padding:0;color:var(--text-color)!important;background:var(--card-bg)!important;border:0px solid color-mix(in srgb,var(--text-color) 35%,transparent)!important;border-radius:var(--ui-radius-md);box-shadow:var(--ui-shadow-sm)}.order-page #cart-panel .cart-close-btn:before{width:19px;height:19px}.order-page #cart-panel .cart-body{grid-row:2;min-height:0;max-height:none;padding-bottom:8px;overflow-y:auto;overscroll-behavior:contain}.order-page #cart-panel .cart-footer{grid-row:3;align-self:end;width:100%;max-height:48dvh;margin:0;padding:10px 10px calc(10px + env(safe-area-inset-bottom,0px));overflow-y:auto;box-sizing:border-box;z-index:2}.order-page #cart-panel .cart-actions{flex:0 0 auto;margin-bottom:0}}.order-page .printer-diag-mask{position:fixed;inset:0;background:#00000073;display:none;align-items:center;justify-content:center;z-index:2600;padding:14px}.order-page .printer-diag-mask.open{display:flex}.order-page .printer-diag-panel{width:min(560px,94vw);background:var(--card-bg);border-radius:var(--ui-radius-lg);border:1px solid var(--accent-color);box-shadow:var(--ui-shadow-modal);overflow:hidden}.order-page .printer-diag-head{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background:var(--primary-color);color:var(--primary-text-color);font-weight:700}.order-page .printer-diag-body{padding:14px;display:grid;gap:10px}.order-page .printer-diag-item{border:1px solid var(--accent-color);border-radius:var(--ui-radius-md);padding:10px;background:var(--card-bg)}.order-page .printer-diag-item.clickable{cursor:pointer}.order-page .printer-diag-row{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:14px;color:var(--text-color)}.order-page .printer-diag-chip{display:inline-flex;align-items:center;min-height:28px;padding:4px 10px;border-radius:var(--ui-radius-pill);font-size:12px;font-weight:700;border:1px solid transparent}.order-page .printer-diag-chip.success{background:var(--success-color);color:var(--success-text-color);border-color:color-mix(in srgb,var(--success-color),#000 8%)}.order-page .printer-diag-chip.danger{background:var(--danger-color);color:var(--danger-text-color);border-color:color-mix(in srgb,var(--danger-color),#000 8%)}.order-page .printer-diag-help{margin-top:8px;padding:10px;border-radius:8px;border:1px dashed var(--accent-color);background:color-mix(in srgb,var(--accent-color) 12%,var(--card-bg));color:var(--text-color);font-size:13px;line-height:1.5;display:none}.order-page .printer-diag-help.open{display:block}.order-page .printer-diag-help a{color:var(--primary-color);font-weight:700;word-break:break-all}html.zoom-mode-zoom .order-page main{height:calc((var(--vh) - var(--header-h)) / var(--ui-zoom));zoom:var(--ui-zoom);transform-origin:top left}html.zoom-mode-transform .order-page main{height:calc((var(--vh) - var(--header-h)) / var(--ui-zoom));width:calc(100% / var(--ui-zoom));transform:scale(var(--ui-zoom));transform-origin:top left}.order-page .panel h2{margin:0;padding:10px 12px;border-bottom:1px solid var(--line);background:var(--primary-color);color:var(--primary-text-color);font-size:16px}.order-page .card:active{border-color:var(--primary-color);transform:scale(.98);box-shadow:none}.order-page .cart-body ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.order-page .cart-item.selected{background-color:color-mix(in srgb,var(--primary-color) 10%,white)}.order-page .qty-btn:active{background:var(--card-color)}.order-page .qty-val:hover{background-color:color-mix(in srgb,var(--accent-color) 10%,transparent)}.order-page .del-btn{background:none;border:none;color:var(--text-color);cursor:pointer;font-size:20px;padding:0 5px;align-self:center}.order-page .del-btn:hover{color:var(--danger-color)}.order-page .total-row{display:flex;justify-content:space-between;align-items:center}.order-page .act-btn{min-height:var(--ui-control-height);padding:12px 0;border-radius:var(--ui-radius-md);font-weight:700;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;background:var(--card-bg);color:var(--text-color);border:none}.order-page .act-btn:disabled{cursor:not-allowed;opacity:.65;filter:grayscale(.1)}.order-page .act-btn.loading-init{gap:8px}.order-page .act-btn .loading-spinner{width:12px;height:12px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;display:inline-block;animation:loading-spin .8s linear infinite}@keyframes loading-spin{to{transform:rotate(360deg)}}.order-page .act-btn:active{transform:translateY(1px);opacity:.9}.order-page .act-btn.primary{background:var(--primary-color);color:var(--primary-text-color);border:none}.order-page .act-btn.primary2{background:var(--primary-text-color);color:var(--primary-color);border-color:var(--primary-text-color);border:.5px solid}.order-page .act-btn.closed{background:var(--closed-color);color:var(--closed-text-color)}.order-page .scanner-modal{position:fixed;inset:0;display:none;justify-content:center;align-items:center;background:#000000d1;z-index:9999;padding:16px}.order-page .scanner-card{width:min(92vw,760px);background:#111;color:#fff;border-radius:18px;padding:16px;box-shadow:var(--ui-shadow-modal);display:flex;flex-direction:column;gap:12px}.order-page .scanner-card h3{margin:0;text-align:center;font-size:18px}.order-page .scanner-hint{margin:0;text-align:center;font-size:14px;line-height:1.5;color:#ffffffd9}.order-page .scanner-reader{width:100%;min-height:320px;border-radius:14px;overflow:hidden;background:#000}.order-page .numpad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:15px 0;z-index:2500}.order-page .numpad .num{padding:10px 0;font-size:20px;border:1px solid var(--accent-color);background:var(--accent-color);color:var(--accent-text-color);border-radius:var(--ui-radius-md);cursor:pointer;transition:background .1s;box-shadow:var(--ui-shadow-sm)}.order-page .numpad .num:active{background:color-mix(in srgb,var(--accent-color) 10%,white);transform:scale(.98)}.order-page #subitems-overlay{position:fixed;inset:0;z-index:2200;pointer-events:none}.order-page #subitems-overlay.open{pointer-events:auto}.order-page .sb-head{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--accent-color);background:var(--primary-color);font-weight:700;color:var(--primary-text-color)}.order-page .sb-body{padding:15px;overflow:auto}.order-page .group{border:1px solid var(--accent-color);border-radius:8px;margin-bottom:15px;overflow:hidden}.order-page .group .opt:last-child{border-bottom:none}.order-page .price-delta{color:var(--text-color);margin-left:auto;font-size:13px}.order-page .mod-price-input{width:60px!important;text-align:right;border:1px solid;background:transparent;color:var(--primary-color);font-weight:700;font-size:14px;padding:2px 4px!important;border-radius:4px;transition:.2s;appearance:textfield;-moz-appearance:textfield}.order-page .mod-price-input::-webkit-outer-spin-button,.order-page .mod-price-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.order-page .mod-price-input.editing,.order-page .mod-price-input:focus{background:var(--card-bg);border:1px solid var(--accent-color);outline:2px solid var(--primary-color);color:var(--text-color)}.order-page .ds-mask{position:fixed;inset:0;background:var(--ui-overlay);opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:1400}.order-page .ds-mask.open{opacity:1;pointer-events:auto}.order-page .ds-panel.open{transform:translateZ(0)}.order-page .ds-header{display:flex;align-items:center;justify-content:space-between;padding:15px;border-bottom:1px solid var(--accent-color);background:var(--primary-color);font-weight:700;color:var(--primary-text-color)}.order-page .ds-body{padding:20px;overflow:auto;flex:1 1 auto;min-height:0;-webkit-overflow-scrolling:touch;padding-bottom:calc(20px + env(safe-area-inset-bottom,0px))}.order-page .ds-payline{margin-top:10px;font-weight:700;color:var(--text-color);font-size:1.2rem;text-align:right}.order-page #discount-sidebar .ds-header{font-size:16px}.order-page #discount-sidebar .ds-title{font-size:14px;line-height:1.4}.order-page #discount-sidebar .ds-input{font-size:16px}.order-page #discount-sidebar .ds-input::placeholder{font-size:var(--ui-placeholder-font-size);color:var(--subtitle-color);opacity:1}.order-page #discount-sidebar .act-btn{font-size:14px!important}.order-page #discount-sidebar .discount-hint{margin-bottom:8px;color:var(--subtitle-color);font-size:12px;line-height:1.4}.order-page #discount-sidebar .ds-breakdown{font-size:14px;line-height:1.5}.order-page #discount-sidebar .ds-payline{font-size:18px}.order-page .cash-mask{position:fixed;inset:0;background:var(--ui-overlay);display:none;align-items:center;justify-content:center;z-index:2400}.order-page .cash-mask.open{display:flex}.order-page .cash-mask.behind-sidebar{background:transparent}.order-page .cash-panel{width:700px;max-width:90vw;background:var(--card-bg);border-radius:var(--ui-radius-lg);box-shadow:var(--ui-shadow-modal);overflow:hidden;display:flex;flex-direction:column}body.order-page.no-tw-invoice .cash-panel{width:400px}.order-page .cash-panel.two-column{width:850px;max-width:95vw}body.order-page.no-tw-invoice .cash-panel.two-column{width:650px}.order-page .cash-head{padding:12px;font-weight:700;background:var(--card-bg);border-bottom:1px solid var(--accent-color);text-align:center;font-size:1rem}.order-page .cash-body{padding:15px}.order-page #tab-cash-view .cash-body{display:grid;grid-template-columns:.7fr .3fr;gap:15px;max-height:75vh;overflow-y:auto}.order-page #tab-cash-view .cash-left{display:flex;flex-direction:column;overflow-y:auto}.order-page #tab-cash-view .cash-right{display:flex;flex-direction:column;overflow-y:auto;background:var(--subtitle-color);border-radius:5px}body.order-page.no-tw-invoice #tab-cash-view .cash-body{grid-template-columns:1fr}.order-page .cash-panel.two-column .cash-body{display:grid;grid-template-columns:.8fr .8fr .5fr;gap:15px;max-height:80vh}.order-page .bank-info-left,.order-page .payment-right{display:flex;flex-direction:column;overflow-y:auto}.order-page .invoice-right{display:flex;flex-direction:column;overflow-y:auto;background:var(--subtitle-color);border-radius:5px}html.zoom-mode-zoom .order-page #subitems-overlay .subitems-sidebar,html.zoom-mode-zoom .order-page .ds-panel,html.zoom-mode-zoom .order-page .cash-panel{zoom:var(--ui-zoom)}html.zoom-mode-zoom .order-page #subitems-overlay .subitems-sidebar{max-height:calc(90vh / var(--ui-zoom))}html.zoom-mode-zoom .order-page .ds-panel{height:calc(var(--vh) / var(--ui-zoom))}html.zoom-mode-zoom .order-page .cash-panel{max-height:calc(95vh / var(--ui-zoom))}html.zoom-mode-transform .order-page #subitems-overlay .subitems-sidebar{scale:var(--ui-zoom);transform-origin:top left;max-height:calc(90vh / var(--ui-zoom))}html.zoom-mode-transform .order-page .ds-panel{scale:var(--ui-zoom);transform-origin:top right;height:calc(var(--vh) / var(--ui-zoom))}html.zoom-mode-transform .order-page .cash-panel{scale:var(--ui-zoom);transform-origin:center center;max-height:calc(95vh / var(--ui-zoom))}body.order-page.no-tw-invoice .cash-panel.two-column .cash-body{grid-template-columns:1fr 1fr}.order-page .cash-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px;font-size:1rem;color:var(--text-color)}.order-page .cash-display{width:100%;font-size:28px;font-weight:700;text-align:right;padding:5px;margin-bottom:10px;background:transparent;cursor:default;border-bottom:2px solid var(--primary-color);color:var(--primary-color)}.order-page .cash-foot{display:flex;gap:10px;padding:12px 15px;border-top:1px solid var(--accent-color);background:var(--card-bg)}.order-page .cash-foot .btn{flex:1;padding:10px;border-radius:8px;font-size:15px;cursor:pointer;font-weight:700;border:none}.order-page .cash-foot .btn.ghost{background:var(--closed-color);color:var(--closed-text-color)}.order-page .cash-foot .btn.primary{background:var(--primary-color);color:var(--primary-text-color);border:var(--primary-text-color)}.order-page .quick{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:12px}.order-page .qbtn:active{background:var(--card-bg)}.order-page .qbtn.exact{background:color-mix(in srgb,var(--accent-color) 20%,#ffffff);color:var(--accent-text-color);border-color:var(--accent-text-color)}.order-page .note-display-box{background-color:var(--card-bg);color:var(--text-color);padding:10px 12px;margin:12px;border-radius:8px;font-size:.95rem;line-height:1.5;border:1px dashed var(--accent-color);cursor:pointer;transition:.2s;min-height:40px;white-space:pre-wrap}.order-page .note-display-box:hover{transform:translateY(-1px);box-shadow:0 2px 5px #0000001a;background-color:var(--card-bg);color:var(--text-color);border:1px dashed var(--accent-color)}.order-page .note-placeholder{color:var(--subtitle-color);font-style:italic}.order-page .cash-tabs{display:flex;background:var(--primary-color);padding:4px;border-radius:12px 12px 0 0}.order-page .ctab{flex:1;padding:12px;border:none;background:transparent;font-weight:700;color:var(--primary-text-color);cursor:pointer;border-radius:8px;font-size:1rem;transition:.2s}.order-page .ctab.active{background:var(--accent-color);color:var(--accent-text-color);box-shadow:0 2px 5px #0000001a}.order-page .pay-view{flex:1;display:flex;flex-direction:column;overflow-y:auto}.order-page .pay-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.order-page .p-btn{border:2px solid var(--accent-color);background:var(--accent-color);border-radius:10px;font-weight:700;color:var(--accent-text-color);cursor:pointer;font-size:1rem;transition:.1s;text-align:center;position:relative;overflow:visible;padding:15px 10px}.order-page .p-btn.selected{border-color:var(--accent-color);background:color-mix(in srgb,var(--accent-color) 20%,white);color:var(--accent-text-color)}.order-page .p-del{position:absolute;top:2px;right:2px;width:24px;height:24px;border-radius:50%;background:var(--accent-color);color:var(--accent-text-color);border:var(--accent-text-color);font-size:14px;line-height:24px;text-align:center;box-shadow:0 2px 4px #0003;z-index:10;display:block!important;opacity:1!important}.order-page .p-del:hover{transform:scale(.9);background:var(--danger-color)}.order-page .p-btn:hover .p-del,.order-page .p-btn.selected .p-del{opacity:1;top:-8px;right:-8px}.order-page .other-note-input{width:100%;padding:12px;margin-top:15px;border:1px solid var(--accent-color);border-radius:8px;font-size:1rem;color:var(--text-color);box-sizing:border-box;background:var(--card-bg)}.order-page .other-note-input:focus{background:var(--card-bg);border-color:var(--accent-2);outline:none}.order-page #product-grid,.order-page .cart-body{max-height:calc(100vh - 120px);overflow:auto}@media(max-height:740px){.order-page .cash-head{padding:8px!important;font-size:.9rem!important}.order-page .cash-body{padding:8px 12px!important}.order-page .cash-row{margin-bottom:2px!important;font-size:.9rem!important}.order-page .cash-display{font-size:22px!important;margin-bottom:5px!important;padding:2px!important}.order-page .cash-panel.two-column .cash-body{max-height:60vh!important}}@keyframes slideInUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media(min-width:901px){.order-page .mobile-cart-bar,.order-page .cart-close-btn{display:none!important}}@media(max-height:700px){body.order-page.is-pos-app main{padding:5px!important;gap:5px!important}body.order-page.is-pos-app .card{min-height:60px!important;padding:8px!important}body.order-page.is-pos-app .cart-footer{padding:8px!important}body.order-page.is-pos-app .cart-actions{margin-top:5px!important}body.order-page.is-pos-app .act-btn{padding:8px 0!important}}.order-page .invoice-section{padding:15px}.order-page .section-title{font-size:20px;font-weight:700;color:var(--text-color);margin-bottom:8px;display:block}.order-page .invoice-options{display:flex;flex-direction:column;gap:8px;margin-bottom:10px}.order-page .invoice-btn{width:100%;padding:10px;border:1px solid var(--closed-color);color:var(--text-color);background:var(--card-bg);border-radius:4px;font-size:14px;cursor:pointer}.order-page .invoice-btn.active{background:var(--closed-color);color:var(--closed-text-color)}.order-page .invoice-input-group input{width:100%;padding:10px;border:2px solid var(--closed-color);border-radius:4px;font-size:16px;margin-top:5px}.order-page .invoice-preview-overlay{position:fixed;inset:0;background:#0009;z-index:9999;display:none;align-items:center;justify-content:center;padding:20px}.order-page .invoice-preview-overlay.show{display:flex}.order-page .invoice-preview-modal{background:#fff;border-radius:12px;max-width:280px;width:100%;max-height:95vh;display:flex;flex-direction:column;box-shadow:var(--ui-shadow-modal)}.order-page .invoice-preview-header{padding:15px 20px;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center}.order-page .invoice-preview-header h3{margin:0;font-size:18px;color:#333}.order-page .invoice-preview-close{background:none;border:none;font-size:24px;cursor:pointer;color:var(--text-color);padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.order-page .invoice-preview-body{padding:0;overflow-y:auto;flex:1 1 auto}.order-page .invoice-preview-footer{padding:15px 20px;border-top:1px solid #eee;display:flex;gap:10px}.order-page .invoice-preview-footer button{flex:1;padding:12px;border:none;border-radius:6px;font-size:15px;font-weight:700;cursor:pointer;transition:all .2s}.order-page .invoice-preview-footer button.print-btn{background:var(--primary-color);color:var(--primary-text-color)}.order-page .invoice-preview-footer button.close-btn{background:var(--closed-color);color:var(--closed-text-color)}.order-page .invoice-receipt{background:#fff;padding:0 10px;font-family:Microsoft JhengHei,Noto Sans TC,Arial,sans-serif;color:#000;width:57mm;min-height:90mm;margin:0 auto;line-height:1.1}.order-page .invoice-header{text-align:center;padding-bottom:0;margin-bottom:0}.order-page .invoice-header .company-logo{font-size:25px;font-weight:700;margin-bottom:0;color:#000}.order-page .invoice-header .invoice-title{font-size:19px;font-weight:400;margin:0;color:#000}.order-page .invoice-period{font-size:25px;font-weight:700;text-align:center;margin:0;color:#000}.order-page .invoice-number{font-size:25px;font-weight:700;text-align:center;margin:0;letter-spacing:2px;color:#000}.order-page .invoice-row{display:flex;justify-content:space-between;margin:0;font-size:15px;padding:1px 0}.order-page .invoice-row.bold{font-weight:700;font-size:15px}.order-page .invoice-divider{border-top:1px dashed #999;margin:6px 0}.order-page .invoice-barcode{text-align:center;margin:2px 0;display:flex;justify-content:center;align-items:center;padding:0}.order-page .invoice-barcode svg{max-width:100%;height:10mm}.order-page .invoice-qrcode{display:flex;justify-content:center;align-items:flex-start;margin:0;gap:8px;padding:0}.order-page .invoice-qrcode-item{text-align:center;flex:0 0 auto}.order-page .invoice-qrcode-item>div:first-child{width:104px;height:104px;display:flex;align-items:center;justify-content:center;border:0px solid #ddd;border-radius:4px;background:#fff;padding:0}.order-page .invoice-qrcode img{width:100px!important;height:100px!important;max-width:100%;max-height:100%;display:block;object-fit:contain}.order-page .invoice-items{margin:10px 0}.order-page .invoice-items-header{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;font-weight:700;border-bottom:1px solid #333;padding-bottom:3px;margin-bottom:3px;font-size:15px}.order-page .invoice-item-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;padding:2px 0;font-size:20px;border-bottom:1px solid #eee}.order-page .invoice-footer{text-align:center;border-top:2px solid #000;padding-top:6px;margin-top:10px;font-size:15px;color:#555}.order-page .transaction-detail{margin-top:15px;padding-top:12px}.order-page .custom-note-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--ui-overlay);display:flex;justify-content:center;align-items:center;z-index:9999;opacity:0;transition:opacity .2s ease}.order-page .custom-note-overlay.show{opacity:1}.order-page .custom-note-box{background:var(--card-bg);color:var(--text-color);padding:24px;border-radius:12px;width:85%;max-width:400px;box-shadow:var(--ui-shadow-md);box-sizing:border-box;transform:scale(.9);transition:transform .2s ease}.order-page .custom-note-overlay.show .custom-note-box{transform:scale(1)}.order-page .custom-note-textarea{width:100%;box-sizing:border-box;padding:10px;margin:15px 0;border:1px solid var(--accent-color);border-radius:6px;resize:none;font-size:1rem;font-family:inherit}.order-page .custom-note-textarea:focus{outline:none;border-color:var(--accent-color)}.order-page .custom-note-actions{display:flex;justify-content:flex-end;gap:12px}.order-page .custom-note-btn{padding:8px 16px;border-radius:6px;border:none;cursor:pointer;font-size:.95rem;font-weight:500}.order-page .custom-note-btn-cancel:hover{filter:brightness(.9)}.order-page .custom-note-btn-confirm{background:var(--primary-color);color:var(--primary-text-color)}.order-page .custom-note-btn-confirm:hover{filter:brightness(.9)}@media print{body.order-page *{visibility:hidden}.order-page .invoice-preview-overlay,.order-page .invoice-preview-overlay *{visibility:visible}.order-page .invoice-preview-overlay{position:absolute;left:0;top:0;background:#fff}.order-page .invoice-preview-modal{box-shadow:none;max-width:100%;border-radius:0}.order-page .invoice-preview-header,.order-page .invoice-preview-footer{display:none}.order-page .transaction-detail{page-break-before:avoid}.order-page .invoice-receipt{padding:0}}.order-page{background:var(--bg-color)}.order-page>header{background:var(--bg-color);border-bottom:0;min-height:48px;padding:5px 14px}.order-page>header .left{gap:9px}.order-page>header .title{font-size:18px}.order-page .ui-icon-button{width:var(--ui-icon-button-size);height:var(--ui-icon-button-size);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;min-width:var(--ui-icon-button-size);min-height:var(--ui-icon-button-size);margin-right:8px;padding:0!important;color:var(--text-color);background:var(--card-bg);border:var(--ui-border);border-radius:var(--ui-radius-md);box-shadow:var(--ui-shadow-sm)}.order-page #btn-back{margin-right:2px;background:transparent;border-color:transparent;box-shadow:none;font-size:22px;padding:10px}.order-page #btn-clear-cache{margin-right:0;margin-left:10px;font-size:16px;background:transparent;border:0;box-shadow:none}.order-page .zoom-btn{border:1px solid var(--line);color:var(--text-color);cursor:pointer;font-size:13px;line-height:1;border-radius:var(--ui-radius-md);background:var(--card-bg);min-height:34px;padding:6px 10px}.order-page main{display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,42%);height:calc(var(--vh) - 48px);gap:12px;padding:8px 14px 12px}.order-page .panel{background:var(--card-bg);border:1px solid color-mix(in srgb,var(--accent-color) 55%,transparent);border-radius:var(--ui-radius-lg);overflow:hidden;display:flex;flex-direction:column;height:100%;box-shadow:var(--ui-shadow-sm)}.order-page .panel>h2{color:var(--text-color);background:var(--card-bg);border-bottom-color:color-mix(in srgb,var(--accent-color) 45%,transparent);font-size:18px;min-height:50px;padding:13px 16px!important}.order-page .tabs{display:flex;align-items:center;background:var(--card-bg);overflow-x:auto;flex:0 0 auto;border-bottom:0;gap:6px;padding:8px 16px}.order-page .tab{border:1px solid var(--line);border-radius:var(--ui-radius-pill);cursor:pointer;font-size:15px;white-space:nowrap;transition:.2s;color:var(--text-color);background:color-mix(in srgb,var(--accent-color) 18%,var(--card-bg));border-color:transparent;font-weight:650;min-height:34px;padding:6px 14px}.order-page .tab.active{color:var(--primary-text-color);background:var(--primary-color);border-color:var(--primary-color)}.order-page #product-grid{flex:1 1 auto;overflow:auto;background:var(--card-bg);padding:12px}.order-page .subcat-block{margin-bottom:30px}.order-page .subcat-title{margin:2px 0;padding-left:10px;color:var(--text-color);border-left:4px solid var(--primary-color);font-size:15px;font-weight:700}.order-page .subgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));grid-auto-rows:88px;row-gap:8px!important;column-gap:8px!important}.order-page .card{background:var(--card-bg);border:1px solid color-mix(in srgb,var(--accent-color) 45%,transparent);border-radius:var(--ui-radius-md);display:flex;flex-direction:column;justify-content:space-between;position:relative;margin-bottom:0;cursor:pointer;width:100%;height:100%;box-sizing:border-box;align-self:stretch;box-shadow:var(--ui-shadow-sm);min-height:88px;padding:11px 12px;gap:3px}.order-page .card .name{font-weight:700;color:var(--text-color);line-height:1.3;font-size:15px;min-height:39px;overflow:hidden}.order-page .card .price{font-weight:700;color:var(--text-color);font-size:15px;margin-top:auto}.order-page .card.soldout{background:var(--bg-color);opacity:.72}.order-page .cart-body{flex:1 1 auto;overflow:auto;padding:0 14px}.order-page .cart-item{align-items:center;display:grid;background:transparent;border-bottom:1px dashed color-mix(in srgb,var(--accent-color) 45%,transparent);grid-template-columns:22px minmax(0,1fr) 96px minmax(68px,auto) 26px;gap:8px;min-height:54px;padding:7px 2px}.order-page .cart-info{flex:1;cursor:pointer;min-width:0;margin-left:4px}.order-page .cart-name{font-weight:600;color:var(--text-color);font-size:15px}.order-page .cart-mods{font-size:13px;display:inline-block;color:var(--text-color);background:color-mix(in srgb,var(--success-color) 20%,transparent);border:0;border-radius:var(--ui-radius-sm);margin-top:5px;padding:3px 7px}.order-page .cart-discount-label{color:var(--text-color);display:inline-flex;align-items:center;gap:3px;font-weight:400}.order-page .qty-box{border:1px solid var(--accent-color);border-radius:var(--ui-radius-sm);overflow:hidden;align-self:center;display:grid;border-color:color-mix(in srgb,var(--accent-color) 55%,transparent);width:96px;height:34px;grid-template-columns:32px 32px 32px}.order-page .qty-btn,.order-page .qty-val{margin:0;padding:0;width:32px;height:32px}.order-page .qty-btn{width:30px;height:30px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-color);background:transparent;font-size:18px}.order-page .qty-val{width:32px;display:flex;align-items:center;justify-content:center;font-weight:700;border-left:1px solid var(--accent-color);border-right:1px solid var(--accent-color);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s;font-size:14px}.order-page .cart-price{font-weight:700;font-size:15px;color:var(--text-color);min-width:74px;margin:0;text-align:right;white-space:nowrap}.order-page .cart-item>.del-btn{padding:0;font-size:18px;width:26px;height:34px}.order-page .cart-footer{flex:0 0 auto;background:var(--card-bg);border-top:1px solid var(--line);box-shadow:none;padding:12px 14px calc(env(safe-area-inset-bottom,0px) + 12px)}.order-page .totals{font-size:14px;display:flex;flex-direction:column;color:var(--text-color);gap:8px}.order-page .final-total{display:flex;align-items:center;font-weight:700;color:var(--text-color);border-top-color:color-mix(in srgb,var(--accent-color) 45%,transparent);font-size:16px;justify-content:flex-end!important;text-align:right}.order-page #selected-total{color:var(--primary-color);line-height:1;display:inline!important;margin:0!important;font-size:25px}.order-page .discount-tag{border-radius:4px;cursor:pointer;font-weight:400;vertical-align:bottom;margin-left:10px;color:var(--text-color);background:color-mix(in srgb,var(--success-color) 20%,transparent);border:1px solid color-mix(in srgb,var(--accent-color) 52%,transparent);font-size:12px;min-height:34px;padding:5px 9px}.order-page .cart-actions{display:grid;grid-template-columns:1fr 1fr 1fr 1.5fr;gap:7px;margin-top:10px}.order-page .cart-actions .act-btn{border:var(--ui-border);min-height:58px}.order-page .cart-actions .primary2{color:var(--text-color);background:color-mix(in srgb,var(--accent-color) 16%,var(--card-bg));border-color:color-mix(in srgb,var(--accent-color) 45%,transparent)}.order-page #subitems-overlay .backdrop{position:absolute;inset:0;background:var(--ui-overlay);opacity:0;transition:opacity var(--ui-transition-fast)}.order-page #subitems-overlay.open .backdrop{opacity:1}.order-page #subitems-overlay .subitems-sidebar,.order-page .ds-panel{background:var(--card-bg);border-color:color-mix(in srgb,var(--accent-color) 55%,transparent);box-shadow:var(--ui-shadow-modal)}.order-page .sb-head,.order-page .ds-header{color:var(--text-color);background:var(--card-bg);border-bottom-color:color-mix(in srgb,var(--accent-color) 45%,transparent);font-size:17px;min-height:50px;padding:12px 15px}.order-page .sb-head .del-btn,.order-page .ds-header .del-btn{color:var(--text-color)!important}.order-page .sb-body,.order-page .ds-body{padding:12px}.order-page .group,.order-page .ds-block{border-color:color-mix(in srgb,var(--accent-color) 45%,transparent);border-radius:var(--ui-radius-lg);margin-bottom:10px}.order-page .group-title{font-weight:700;font-size:14px;color:var(--text-color)!important;background:color-mix(in srgb,var(--accent-color) 30%,var(--card-bg))!important;border-bottom-color:color-mix(in srgb,var(--accent-color) 45%,transparent);border-bottom:1px solid color-mix(in srgb,var(--accent-color) 28%,transparent);padding:8px 11px}.order-page .group .opt{display:flex;gap:10px;align-items:center;border-bottom:1px solid var(--accent-color);cursor:pointer;border-bottom-color:color-mix(in srgb,var(--accent-color) 35%,transparent);color:var(--text-color);background:var(--card-bg);border:1px solid color-mix(in srgb,var(--accent-color) 32%,transparent);border-radius:var(--ui-radius-md);min-height:40px;padding:8px 10px}.order-page .group .opt.selected{color:var(--primary-text-color);background:var(--primary-color);border-color:var(--primary-color)}.order-page .group .opt.selected .price-delta{color:var(--primary-text-color)}.order-page .ds-input{flex:1;border:1px solid var(--text-color);border-radius:6px;text-align:center;color:var(--text-color);background:var(--card-bg);border-color:color-mix(in srgb,var(--accent-color) 65%,transparent);min-height:38px;padding:7px}.order-page .qbtn{font-size:13px;border:1px solid var(--text-color);border-radius:6px;cursor:pointer;color:var(--text-color);background:color-mix(in srgb,var(--accent-color) 14%,var(--card-bg));border-color:color-mix(in srgb,var(--accent-color) 45%,transparent);min-height:32px;padding:6px}.order-page .sb-foot{border-top:1px solid var(--accent-color);display:flex;justify-content:space-between;align-items:center;background:var(--card-bg);border-top-color:color-mix(in srgb,var(--accent-color) 45%,transparent);padding:10px 13px}@media(max-width:900px){.order-page main{grid-template-columns:1fr;padding:6px}.order-page .cart-item{grid-template-columns:20px minmax(0,1fr) 90px minmax(62px,auto) 24px;gap:6px}.order-page .qty-box{width:90px;grid-template-columns:30px 30px 30px}.order-page .qty-btn,.order-page .qty-val{width:30px}}.order-page .cart-item.has-tags{min-height:70px;padding-top:9px;padding-bottom:9px}.order-page #subitems-overlay .subitems-sidebar,.order-page #discount-sidebar,.order-page #cash-modal .cash-panel{color:var(--text-color);background:var(--card-bg);border:1px solid color-mix(in srgb,var(--accent-color) 48%,transparent);border-radius:var(--ui-radius-lg);box-shadow:var(--ui-shadow-modal)}.order-page #subitems-overlay .subitems-sidebar,.order-page #discount-sidebar{margin:8px;height:calc(100% - 16px);overflow:hidden}.order-page #subitems-overlay .subitems-sidebar{position:absolute;left:0;top:50%;transform:translate3d(-120%,-50%,0);max-width:90vw;max-height:90vh;background:var(--card-bg);border:1px solid var(--accent-color);border-radius:12px;transition:transform .25s cubic-bezier(.25,.46,.45,.94);display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--ui-shadow-md);border-right-width:1px;width:360px}.order-page #subitems-overlay.open .subitems-sidebar{transform:translate3d(50px,-50%,0)}@media(max-width:768px){.order-page #subitems-overlay.open .subitems-sidebar{transform:translate3d(10px,-50%,0)}}.order-page #discount-sidebar{font-size:14px;border-left-width:1px}.order-page #discount-sidebar:not(.open){transform:translate3d(calc(100% + 12px),0,0);visibility:hidden}.order-page #discount-sidebar.open{transform:translateZ(0);visibility:visible}.order-page :is(.sb-head,.ds-header){color:var(--text-color);background:var(--card-bg);border-bottom:1px solid color-mix(in srgb,var(--accent-color) 35%,transparent)}.order-page :is(.sb-body,.ds-body){background:var(--bg-color)}.order-page :is(.group,.ds-block),.order-page #sb-itemdisc{background:color-mix(in srgb,var(--accent-color) 9%,var(--card-bg))!important;border:1px solid color-mix(in srgb,var(--accent-color) 38%,transparent)!important;border-radius:var(--ui-radius-lg);box-shadow:none}.order-page .group .opt:hover{background:color-mix(in srgb,var(--accent-color) 12%,var(--card-bg))}.order-page :is(.ds-input,.mod-price-input),.order-page #cash-modal :is(input,textarea,select){color:var(--text-color);background:var(--card-bg);border:1px solid color-mix(in srgb,var(--accent-color) 42%,transparent);border-radius:var(--ui-radius-md);box-shadow:none}.order-page :is(.ds-input,.mod-price-input):focus,.order-page #cash-modal :is(input,textarea,select):focus{border-color:var(--primary-color);outline:2px solid color-mix(in srgb,var(--primary-color) 18%,transparent);outline-offset:0}.order-page :is(.sb-foot,.ds-payline),.order-page #cash-modal .cash-foot{background:var(--card-bg);border-top:1px solid color-mix(in srgb,var(--accent-color) 35%,transparent)}.order-page #subitems-overlay .quick,.order-page #discount-sidebar :is(.qbtn,.quick),.order-page #cash-modal :is(.qbtn,.quick,.numpad .num,.invoice-btn,.p-btn){color:var(--text-color);border-radius:var(--ui-radius-md);box-shadow:none}.order-page #cash-modal :is(.invoice-btn.active,.p-btn.selected){color:var(--primary-text-color)!important;background:var(--primary-color)!important;border-color:var(--primary-color)!important}.order-page #discount-sidebar :is(#dsc-tab-batch,#dsc-tab-order){min-height:36px;color:var(--text-color);background:color-mix(in srgb,var(--accent-color) 10%,var(--card-bg));border:1px solid color-mix(in srgb,var(--accent-color) 36%,transparent);border-radius:var(--ui-radius-md);box-shadow:none}.order-page #discount-sidebar :is(#dsc-tab-batch,#dsc-tab-order):is(.active,.primary){color:var(--primary-text-color);background:var(--primary-color);border-color:var(--primary-color)}.order-page #subitems-overlay .act-btn,.order-page #discount-sidebar .act-btn,.order-page #cash-modal .cash-foot .btn{min-height:40px;padding:8px 12px;border:1px solid color-mix(in srgb,var(--accent-color) 40%,transparent);border-radius:var(--ui-radius-md);font-weight:600;box-shadow:none}.order-page #subitems-overlay .act-btn.primary,.order-page #discount-sidebar .act-btn.primary,.order-page #cash-modal .cash-foot .btn.primary{color:var(--primary-text-color);background:var(--primary-color);border-color:var(--primary-color)}.order-page #subitems-overlay .act-btn:not(.primary):not(.ui-semantic-cancel):not(.ui-semantic-delete){color:var(--danger-color)!important;background:color-mix(in srgb,var(--danger-color) 9%,var(--card-bg))!important;border-color:color-mix(in srgb,var(--danger-color) 48%,transparent)!important}.order-page #cash-modal .cash-panel{overflow:hidden}.order-page #cash-modal .cash-tabs{gap:6px;padding:7px;background:var(--card-bg);border-bottom:1px solid color-mix(in srgb,var(--accent-color) 35%,transparent)}.order-page #cash-modal .ctab{min-height:38px;color:var(--text-color);background:color-mix(in srgb,var(--accent-color) 10%,var(--card-bg));border:1px solid color-mix(in srgb,var(--accent-color) 34%,transparent);border-radius:var(--ui-radius-md)}.order-page #cash-modal .ctab.active{color:var(--primary-text-color);background:var(--primary-color);border-color:var(--primary-color)}.order-page #cash-modal .cash-body{gap:12px;padding:12px;background:var(--background-color)}.order-page #cash-modal :is(.cash-left,.cash-right,.payment-right,.invoice-right,.invoice-section){color:var(--text-color);border-radius:var(--ui-radius-lg);box-shadow:none}.order-page #cash-modal :is(.p-btn,.invoice-btn){min-height:38px}.order-page #cash-modal .numpad .num{min-height:42px}.order-page #cash-modal .cash-foot{gap:8px;padding:10px 12px}.order-page :is(header .title,#table-id){color:var(--text-color)}.order-page .panel-close-button{color:var(--primary-text-color)}.order-page .printer-diag-note{font-size:12px;color:var(--subtitle-color);margin-top:6px}.order-page .cart-panel-title{display:flex;justify-content:space-between;align-items:center;padding:10px 12px}.order-page :is(.cart-title-group,.cart-title-actions,.mobile-cart-summary,.cart-icon-box){display:flex;align-items:center}.order-page .cart-title-group{gap:8px}.order-page .cart-close-btn{margin-left:4px}.order-page #paid-section{margin-top:20px;padding:10px}.order-page .paid-items-title{margin:6px 0;padding-top:10px;color:var(--text-color);border-top:1px dashed var(--accent-color);font-size:12px;font-weight:700;text-align:center}.order-page .paid-return-button{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:2px 6px;font-size:14px}.order-page .paid-return-button:before{width:14px;height:14px}.order-page #discount-total{color:var(--closed-color)}.order-page .mobile-cart-summary{gap:12px}.order-page .cart-icon-box{position:relative}.order-page .mobile-cart-label{font-size:1.1rem;font-weight:700}.order-page #mobile-total-price{font-size:1.2rem;font-weight:700}.order-page #sb-itemdisc{margin-top:10px;background:color-mix(in srgb,var(--accent-color) 9%,var(--card-bg))!important}.order-page .manual-discount-content{padding:10px}.order-page .manual-discount-row{display:flex;align-items:center;gap:10px;margin-bottom:15px}.order-page .manual-discount-row:last-of-type{margin-bottom:0}.order-page .manual-discount-input{flex:none;width:100px}.order-page #sb-itemdisc .manual-discount-input{font-size:1rem}.order-page .manual-discount-quick{display:flex;flex:1;flex-wrap:wrap;gap:5px;margin:0}.order-page .sidebar-subtotal{font-size:1.1rem;font-weight:700}.order-page #sb-currency{color:var(--primary-color)}.order-page #sb-apply{padding:10px 20px}.order-page .discount-mode-tabs{display:flex;gap:8px;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid var(--accent-color)}.order-page .discount-mode-tabs .act-btn{flex:1;padding:8px}.order-page .discount-form-actions{display:flex;gap:10px;padding:15px;background:var(--card-bg);border-top:1px solid var(--accent-color)}.order-page #btn-clear-disc{flex:1}.order-page #btn-apply-disc{flex:2}.order-page .auto-discount-block{background:var(--card-bg);border-color:var(--accent-color)}.order-page .auto-discount-title{margin-bottom:2px}.order-page .check-option{display:flex;align-items:center;gap:10px;margin-bottom:6px;cursor:pointer;font-size:.95rem;font-weight:700}.order-page #discount-breakdown{color:var(--danger-color);text-align:right}.order-page .item-discount-clear{width:100%;margin-top:15px;padding:8px;font-size:14px;font-weight:700}.order-page :is(#cash-due,#cash-received){color:var(--text-color);font-size:1.1rem}.order-page #cash-change{color:var(--success-color);font-size:1.3rem}.order-page .checkout-numpad{margin:10px 0}.order-page .num-symbol{padding-bottom:10px;font-size:1.5rem;font-weight:700}.order-page #cash-quick-adds{display:contents}.order-page .quick-grid-span{grid-column:span 2}.order-page .invoice-check-list{display:grid;gap:8px;margin:0 0 10px}.order-page .checkout-check-option{display:flex;align-items:center;justify-content:flex-start;gap:8px;width:100%;padding:10px 12px;cursor:pointer}.order-page .checkout-check-option.centered{justify-content:center;height:100%}.order-page input[type=checkbox].checkout-checkbox{appearance:auto;-webkit-appearance:checkbox;display:inline-block;width:18px!important;height:18px;margin:0;padding:0;background:initial;border:initial;border-radius:initial;accent-color:var(--primary-color)}.order-page input[type=checkbox].checkout-checkbox:after{content:none;display:none}.order-page input[type=checkbox].checkout-checkbox:checked{background:initial;border:initial}.order-page input[type=checkbox].checkout-checkbox:checked:after{content:none;display:none}.order-page .checkout-check-option>span{display:inline-flex;align-items:center;min-height:18px;line-height:18px}.order-page .other-print-option{grid-column:span 2;margin-top:5px;min-height:18px!important}.order-page .scanner-trigger{margin-top:5px}.order-page .scanner-cancel{width:100%;margin-top:4px;padding:10px;border:0;border-radius:var(--ui-radius-md)}.order-page .numpad-panel{width:320px}.order-page #subitems-overlay button,.order-page #discount-sidebar button,.order-page #cash-modal button{border-color:color-mix(in srgb,var(--accent-color) 52%,transparent)}.order-page #subitems-overlay :is(.quick .qbtn,.quick button),.order-page #discount-sidebar :is(.quick .qbtn,.quick button){color:var(--text-color)!important;background:color-mix(in srgb,var(--success-color) 20%,transparent)!important;border-color:color-mix(in srgb,var(--accent-color) 52%,transparent)!important;font-weight:400}.order-page #sb-itemdisc .group-title{color:var(--text-color);background:color-mix(in srgb,var(--success-color) 20%,transparent)!important}.order-page #discount-breakdown,.order-page #discount-breakdown>div{font-weight:400!important}.order-page #discount-breakdown>div:last-child,.order-page .ds-payline{font-weight:700!important}.order-page :is(.ui-semantic-cancel,.ui-semantic-confirm,.ui-semantic-delete)[data-ui-icon]{display:inline-flex;align-items:center;justify-content:center;gap:8px}.order-page :is(.ui-semantic-cancel,.ui-semantic-confirm,.ui-semantic-delete)[data-ui-icon]:before{flex:0 0 18px;width:18px;height:18px}.order-page .ui-semantic-confirm{color:var(--primary-text-color)!important;background:var(--primary-color)!important}.order-page .final-total>span{display:inline-flex;align-items:baseline;gap:6px;white-space:nowrap}.order-page .cart-tag-icon,.order-page .cart-chevron-icon{display:inline-flex;align-items:center}.order-page .cart-tag-icon:before{width:14px;height:14px}.order-page .cart-chevron-icon:before{width:13px;height:13px}.order-page .ui-action-button{flex-direction:column;min-height:58px;padding:7px 6px;text-align:center;display:grid;grid-template-rows:20px minmax(30px,auto);place-items:center;align-content:center;gap:3px;line-height:1.15}.order-page .ui-action-button:before{width:18px;height:18px;grid-row:1;align-self:center}.order-page input[type=checkbox]{appearance:none;-webkit-appearance:none;display:inline-grid;place-content:center;padding:0;color:var(--primary-text-color);background:var(--card-bg);border:1px solid color-mix(in srgb,var(--text-color) 45%,transparent);border-radius:3px}.order-page input[type=checkbox]:after{content:"";display:none;width:4px;height:8px;margin-top:-1px;border:solid var(--primary-text-color);border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}.order-page input[type=checkbox]:checked{background:var(--primary-color);border-color:var(--primary-color)}.order-page input[type=checkbox]:checked:after{display:block}.order-page input[type=checkbox]:focus-visible{outline:2px solid color-mix(in srgb,var(--primary-color) 24%,transparent);outline-offset:2px}.order-page input[type=checkbox]:disabled{cursor:not-allowed;opacity:.55}.order-page .zoom-switch{display:flex;align-items:center;gap:4px}.order-page .zoom-btn.active{color:var(--primary-text-color);background:var(--primary-color);border-color:var(--primary-color)}.order-page #btn-clear-cache:hover{background:color-mix(in srgb,var(--accent-color) 14%,transparent)}.order-page .panel-title,.order-page .panel-title>span,.order-page .panel-title-icon{display:inline-flex;align-items:center}.order-page .panel-title{gap:9px}.order-page .panel-title-logo{width:24px;height:24px;object-fit:contain;flex:0 0 24px}.order-page .panel-title-icon{color:var(--text-color)}.order-page .panel-title-icon:before{width:21px;height:21px}.order-page .badge-soldout{background:var(--danger-color);color:var(--danger-text-color);position:absolute;font-size:12px;font-weight:700;padding:2px 6px;border-radius:4px;top:6px;right:6px}.order-page .qty-btn:before{width:16px;height:16px}.order-page .cart-item>.del-btn:before{width:17px;height:17px}.order-page .ds-panel{position:fixed;top:0;right:0;max-width:85vw;height:var(--vh);background:var(--card-bg);z-index:1500;display:flex;flex-direction:column;transform:translate3d(100%,0,0);transition:transform .25s cubic-bezier(.25,.46,.45,.94);box-shadow:none;border-left:1px solid var(--accent-color);width:350px}.order-page .ds-block{border:1px solid var(--accent-color);border-radius:8px;margin-bottom:15px;background:var(--card-bg);padding:11px}.order-page .ds-title{font-weight:700;color:var(--text-color);margin-bottom:7px}.order-page .ds-row{display:flex;align-items:center;gap:7px;margin-bottom:7px}@media(max-width:900px){.order-page .zoom-switch{display:none!important}.order-page #cart-panel .cart-title-group>[data-i18n="section.cart"]{display:none!important}.order-page #cart-panel.cart{display:none!important;position:fixed;inset:calc(48px + env(safe-area-inset-top,0px)) 4px 0;width:auto;height:auto;min-height:0;max-height:none;margin:0;overflow:hidden;box-sizing:border-box}.order-page #cart-panel.cart.show-mobile{display:grid!important;grid-template:auto minmax(0,1fr) auto / minmax(0,1fr)}.order-page #cart-panel .cart-body{min-height:0;max-height:none;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.order-page #cart-panel .cart-footer{width:100%;max-height:none;margin:0;overflow:visible;box-sizing:border-box;padding:10px 10px max(10px,env(safe-area-inset-bottom,0px))}.order-page #cart-panel .cart-close-btn{display:inline-flex!important;color:var(--text-color)!important;background:var(--card-bg)!important}}body.ui-management-page{--subtitle-color: color-mix(in srgb, var(--text-color), var(--card-bg) 40%);margin:0;color:var(--text-color);background:var(--bg-color);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Noto Sans TC,sans-serif}.ui-management-page::-webkit-scrollbar,.ui-management-page *::-webkit-scrollbar{width:8px;height:8px}.ui-management-page::-webkit-scrollbar-track,.ui-management-page *::-webkit-scrollbar-track{background:transparent;border-radius:4px}.ui-management-page::-webkit-scrollbar-thumb,.ui-management-page *::-webkit-scrollbar-thumb{background-color:var(--card-bg);border:2px solid transparent;border-radius:4px;background-clip:content-box}.ui-management-page::-webkit-scrollbar-thumb:hover,.ui-management-page *::-webkit-scrollbar-thumb:hover{background-color:var(--card-bg)}.ui-management-page .main-content{width:min(100%,1200px);max-width:1200px;min-height:100dvh;margin-inline:auto;padding:24px 20px 32px 72px;overflow-y:auto;touch-action:pan-y;-webkit-overflow-scrolling:touch}.ui-management-page .ui-management-heading{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px}.ui-management-page .ui-management-heading>h2{margin:0;color:var(--text-color);font-size:1.25rem;line-height:1.3}.ui-management-page input[type=checkbox]{appearance:none;-webkit-appearance:none;width:15px!important;height:15px!important;min-width:15px;display:inline-grid;place-content:center;flex:0 0 15px;margin:0 8px 0 0!important;padding:0!important;color:var(--primary-text-color);background:var(--card-bg);border:1px solid color-mix(in srgb,var(--text-color) 45%,transparent);border-radius:3px;cursor:pointer}.ui-management-page input[type=checkbox]:after{content:"";display:none;width:4px;height:8px;margin-top:-1px;border:solid var(--primary-text-color);border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}.ui-management-page input[type=checkbox]:checked{background:var(--primary-color);border-color:var(--primary-color)}.ui-management-page input[type=checkbox]:checked:after{display:block}.ui-management-page input[type=checkbox]:focus-visible{outline:2px solid color-mix(in srgb,var(--primary-color) 24%,transparent);outline-offset:2px}.ui-management-page input[type=checkbox]:disabled{cursor:not-allowed;opacity:.55}.ui-management-page :is(#product-modal,#edit-modal,.custom-modal){font-size:.9rem}.ui-management-page :is(#product-modal,#edit-modal,.custom-modal) :is(h2,h3){font-size:1.1rem!important;line-height:1.35}.ui-management-page :is(#product-modal,#edit-modal,.custom-modal) :is(label,.input-label){font-size:.85rem!important;line-height:1.4}.ui-management-page :is(#product-modal,#edit-modal,.custom-modal) :is(input,select,textarea){font-size:var(--ui-placeholder-font-size)!important}@media(max-width:768px){.ui-management-page .main-content{width:100%;padding:70px 10px calc(24px + env(safe-area-inset-bottom))}}body.product-page{margin:0;color:var(--text-color);background:var(--bg-color)}.product-page .tab-content{display:none}.product-page .tab-content.active{display:block;animation:none}.product-page .category-filter-bar{margin-bottom:10px}.product-page .product-list-card{padding:0}.product-page .product-empty-state{margin:0;padding:20px;color:var(--subtitle-color)}.product-page .category-create-grid{grid-template-columns:1fr 1fr auto}.product-page .card{margin-block:12px;padding:16px;color:var(--text-color);background:var(--card-bg);border:var(--ui-border);border-radius:var(--ui-radius-lg);box-shadow:var(--ui-shadow-sm)}.product-page #tab-product>.card{overflow:hidden}.product-page .product-group-header{margin:10px 0 0;padding:10px 12px;color:var(--text-color);background:color-mix(in srgb,var(--accent-color) 14%,var(--card-bg));border-bottom:var(--ui-border);font-size:.9rem;font-weight:700;border-radius:8px}.product-page #product-list-container table{width:100%!important;border-collapse:collapse!important}.product-page #product-list-container thead tr{color:var(--text-color)!important;background:color-mix(in srgb,var(--accent-color) 8%,var(--card-bg))!important}.product-page #product-list-container tbody tr{background:var(--card-bg)!important;border-bottom:var(--ui-border)!important}.product-page #product-list-container tbody tr:last-child{border-bottom:0!important}.product-page #product-list-container :is(th,td){padding:9px 10px;vertical-align:middle}.product-page #product-list-container th{color:var(--subtitle-color);font-size:.8rem;font-weight:700}.product-page #product-list-container td{font-size:.9rem}.product-page .product-table-centered{text-align:center}.product-page .product-row-name{color:var(--text-color);font-size:1.1rem;font-weight:700}.product-page .product-row-alt-name{color:var(--text-color);font-size:.85rem}.product-page .product-row-price{color:var(--text-color)}.sales-page .product-sales-panel .category-filter-bar{margin-bottom:10px}.sales-page .product-sales-list-card{padding:0;overflow:hidden}.sales-page #product-sales-list{overflow-x:auto}.sales-page #product-sales-list .product-group-header{margin:10px 0 0;padding:10px 12px;color:var(--text-color);background:color-mix(in srgb,var(--accent-color) 14%,var(--card-bg));border-bottom:var(--ui-border);font-size:.9rem;font-weight:700}.sales-page #product-sales-list table{width:100%;border-collapse:collapse}.sales-page #product-sales-list thead tr{color:var(--text-color);background:color-mix(in srgb,var(--accent-color) 8%,var(--card-bg))}.sales-page #product-sales-list tbody tr{background:var(--card-bg);border-bottom:var(--ui-border)}.sales-page #product-sales-list tbody tr:last-child{border-bottom:0}.sales-page #product-sales-list :is(th,td){padding:10px 12px;vertical-align:middle}.sales-page #product-sales-list th{color:var(--subtitle-color);font-size:.8rem;font-weight:700}.sales-page #product-sales-list .product-sales-name{color:var(--text-color);font-size:1rem;font-weight:700}.sales-page #product-sales-list .product-sales-alt-name{color:var(--subtitle-color);font-size:.85rem}.sales-page #product-sales-list .product-sales-quantity{color:var(--text-color);text-align:right;font-size:1.05rem;font-weight:800}.sales-page #product-sales-list .product-sales-summary-row{cursor:default}.sales-page #product-sales-list .product-sales-expand{padding:4px 0 4px 10px;display:inline-flex;align-items:center;justify-content:flex-end;gap:7px;color:var(--text-color);background:transparent;border:0;cursor:pointer;font:inherit;font-weight:800}.sales-page #product-sales-list .product-sales-expand:hover{color:var(--primary-color)}.sales-page #product-sales-list .product-sales-chevron{width:18px;height:18px;display:inline-flex;color:var(--primary-color);transition:transform .18s ease}.sales-page #product-sales-list .product-sales-chevron:before{width:18px;height:18px}.sales-page #product-sales-list .product-sales-expand[aria-expanded=true] .product-sales-chevron{transform:rotate(180deg)}.sales-page #product-sales-list .product-sales-detail-row>td{padding:0 12px 12px;background:transparent}.sales-page #product-sales-list .product-sales-detail{padding:12px 0}.sales-page #product-sales-list .product-sales-detail-title{margin-bottom:10px;color:var(--text-color);font-size:.88rem;font-weight:750}.sales-page #product-sales-list .product-sales-detail-grid{max-height:360px;display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:8px;overflow-y:auto}.sales-page #product-sales-list .product-sales-detail-item{min-height:42px;padding:8px 10px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--subtitle-color);background:color-mix(in srgb,var(--accent-color) 9%,var(--card-bg));border:0;border-radius:var(--ui-radius-sm);font-size:.8rem}.sales-page #product-sales-list .product-sales-detail-item strong{color:var(--text-color);font-size:.95rem}.product-page .btn{min-height:38px;padding:8px 13px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:var(--ui-border);border-radius:var(--ui-radius-md);box-shadow:none;font:inherit;font-size:.9rem;font-weight:700}.product-page .btn-sm{min-height:32px;padding:6px 10px;font-size:.8rem}.product-page .btn-primary{color:var(--primary-text-color);background:var(--primary-color);border-color:var(--primary-color)}.product-page .btn:hover{box-shadow:none;transform:none;opacity:.9}.product-page .sort-btn{width:30px;height:30px;padding:0;color:var(--text-color);background:var(--card-bg);border:var(--ui-border);border-radius:var(--ui-radius-sm);box-shadow:none}.product-page .sort-btn-group{gap:4px}.product-page tr.is-dragging{position:relative;z-index:2;opacity:.72;outline:2px solid var(--primary-color);outline-offset:-2px;pointer-events:none}.product-page :is(.category-sort-item,.subcategory-sort-item).is-dragging{position:relative;z-index:2;opacity:.72;outline:2px solid var(--primary-color);outline-offset:-2px;pointer-events:none}.product-page .category-sort-header{cursor:default}.product-page .subcategory-sort-list{min-height:4px}.product-page .product-sort-group{min-height:44px}.product-page .product-sort-group:empty:after{content:"";display:table-row;height:44px}.product-page .product-sort-group.is-drag-target{outline:2px dashed var(--primary-color);outline-offset:-3px;background:color-mix(in srgb,var(--primary-color) 6%,var(--card-bg))}body.product-reordering{-webkit-user-select:none;user-select:none;cursor:grabbing}.product-page :is(input[type=text],input[type=number],input[type=tel],select,textarea,.form-control){width:100%;max-width:100%;min-height:40px;padding:8px 10px;box-sizing:border-box;color:var(--text-color);background:var(--card-bg);border:var(--ui-border);border-radius:var(--ui-radius-md);font:inherit;font-size:var(--ui-placeholder-font-size)}.product-page textarea{resize:vertical}.product-page :is(input,select,textarea):focus{border-color:var(--primary-color);outline:2px solid color-mix(in srgb,var(--primary-color) 18%,transparent);outline-offset:0;box-shadow:none}.product-page .form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}.product-page .form-group{margin-bottom:12px}.product-page .form-group>label{display:block;margin-bottom:5px;color:var(--text-color);font-size:.85rem;font-weight:700}.product-page .product-form-divider{margin:15px 0;border:0;border-top:1px dashed var(--accent-color)}.product-page .product-media-section{padding:10px;background:var(--card-bg);border-radius:var(--ui-radius-md)}.product-page .product-album-section{margin-top:10px}.product-page .product-media-heading{display:flex;justify-content:space-between}.product-page .product-media-label{color:var(--text-color);font-size:.9rem}.product-page .product-media-note{color:var(--danger-color);font-size:.8rem}.product-page .product-media-controls{display:flex;gap:5px;margin-bottom:5px}.product-page .product-album-controls{margin-top:10px}.product-page .product-media-input{flex:1;min-width:0}.product-page .product-secondary-action{color:var(--primary-color);background:var(--primary-text-color);border-color:var(--primary-color)}.product-page .product-upload-status{color:var(--text-color);font-size:.8rem}.product-page .product-visibility-options{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin:15px 0}.product-page .product-visibility-options label,.product-page .category-visibility-options label{display:inline-flex;align-items:center;color:var(--text-color);font-size:.9rem;cursor:pointer}.product-page .product-lead-time{display:block;margin-bottom:15px;padding:15px;background:var(--card-bg);border:1px dotted var(--subtitle-color);border-radius:var(--ui-radius-md)}.product-page .product-lead-time-title{display:block;margin-bottom:8px;color:var(--text-color);font-size:.9rem;font-weight:700}.product-page .product-lead-time-fields{display:flex;align-items:center;gap:15px}.product-page .product-lead-time-field{display:flex;align-items:center;gap:5px}.product-page .product-duration-input{width:60px}.product-page .product-duration-unit{font-size:.85rem}.product-page .product-form-guide{margin-top:12px;padding:10px;color:var(--text-color);background:color-mix(in srgb,var(--primary-color),transparent 90%);border-left:3px solid var(--primary-color);border-radius:6px;font-size:.8rem;line-height:1.5}.product-page .subcategory-sort-item{display:flex;align-items:center;gap:8px;margin-top:8px;padding:5px 0}.product-page .category-name-field{flex:1;min-width:0}.product-page .category-name-field input{width:100%;min-width:0}.product-page .category-sort-header{display:flex;align-items:center;gap:10px;margin-bottom:10px;padding-bottom:10px;border-bottom:2px solid var(--bg-color)}.product-page .category-name-fields{flex:1;display:flex;gap:10px;min-width:0}.product-page .category-name-fields input{flex:1;min-width:0}.product-page .category-visibility-options{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin-bottom:15px;padding-left:10px}.product-page .subcategory-panel{padding:15px;background:var(--card-color);border-radius:var(--ui-radius-md)}.product-page .subcategory-panel-title{margin-bottom:10px;color:var(--text-color);font-weight:700}.product-page .subcategory-add-action{margin-top:15px}.product-page .subcategory-add-action .btn{width:100%;padding:10px}.product-page #product-modal,.product-page .custom-modal{position:fixed;inset:0;z-index:1000;padding:16px;align-items:center;justify-content:center;background:var(--ui-overlay)!important}.product-page #product-modal>.card,.product-page .modal-content{width:min(500px,100%);max-height:calc(100dvh - 32px);margin:0;padding:16px;overflow-y:auto;color:var(--text-color);background:var(--card-bg);border:var(--ui-border);border-radius:var(--ui-radius-lg);box-shadow:var(--ui-shadow-modal)}.product-page .modal-content{text-align:left}.product-page :is(.modal-content>h2,#product-modal h3){margin-top:0;font-size:1.1rem}.product-page .modal-actions{margin-top:16px;display:flex;justify-content:flex-end;gap:8px}.product-page .modal-actions button{min-height:38px;margin:0;padding:8px 14px;border:var(--ui-border);border-radius:var(--ui-radius-md);cursor:pointer;font:inherit;font-weight:700}.product-page #confirm-add-subcategory{color:var(--primary-text-color);background:var(--primary-color);border-color:var(--primary-color)}.product-page .album-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.product-page .album-item{position:relative;width:72px;height:72px;overflow:hidden;border:var(--ui-border);border-radius:var(--ui-radius-md)}.product-page .album-item img{width:100%;height:100%;object-fit:cover}.product-page .album-remove{position:absolute;inset:3px 3px auto auto;width:24px;height:24px;padding:0;display:grid;place-items:center;border-radius:var(--ui-radius-sm);cursor:pointer;line-height:1}.product-page .album-remove:before{width:13px;height:13px}.product-page .preview-box{display:none;max-width:100%;max-height:100px;margin-top:6px;border:var(--ui-border);border-radius:var(--ui-radius-md)}@media(max-width:640px){.product-page .form-grid{grid-template-columns:1fr!important}.product-page .category-create-grid{grid-template-columns:1fr}.product-page .product-media-controls,.product-page .product-lead-time-fields,.product-page .category-name-fields{flex-wrap:wrap}.product-page #product-list-container{overflow-x:auto}.product-page #product-list-container table{min-width:560px}.product-page #product-modal,.product-page .custom-modal{padding:8px}.product-page #product-modal>.card,.product-page .modal-content{max-width:100%!important;max-height:calc(100dvh - 16px)}.product-page #subcategory-name{width:100%!important}}body.modifier-page{margin:0;color:var(--text-color);background:var(--bg-color)}.modifier-page .modifier-page-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.modifier-page #modifier-list{display:flex;flex-direction:column;gap:10px}.modifier-page .modifier-card{padding:14px;display:flex;flex-direction:column;gap:9px;color:var(--text-color);background:var(--card-bg);border:var(--ui-border);border-radius:var(--ui-radius-lg);box-shadow:var(--ui-shadow-sm)}.modifier-page .card-actions{margin-top:4px;padding-top:9px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:var(--ui-border)}.modifier-page .modifier-status{display:inline-flex;align-items:center;gap:5px}.modifier-page .modifier-status:before{content:"";width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:currentColor}.modifier-page .modifier-status-required{color:var(--danger-color)}.modifier-page .modifier-status-optional{color:var(--success-color)}.modifier-page .btn{min-height:38px;padding:8px 13px;display:inline-flex;align-items:center;justify-content:center;gap:7px;color:var(--text-color);background:var(--card-bg);border:var(--ui-border);border-radius:var(--ui-radius-md);box-shadow:none;font:inherit;font-size:.9rem;font-weight:700;cursor:pointer}.modifier-page .btn-sm{min-height:32px;padding:6px 10px;font-size:.8rem}.modifier-page .btn-primary{color:var(--primary-text-color);background:var(--primary-color);border-color:var(--primary-color)}.modifier-page .modifier-card.is-dragging{position:relative;z-index:2;opacity:.72;outline:2px solid var(--primary-color);outline-offset:-2px;pointer-events:none}body.modifier-reordering{-webkit-user-select:none;user-select:none;cursor:grabbing}body.ui-migrated-page{--subtitle-color: color-mix(in srgb, var(--text-color), var(--card-bg) 40%);margin:0;color:var(--text-color);background:var(--bg-color);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Noto Sans TC,sans-serif}.ui-migrated-page :is(.card,.info-card,.overview-card,.modal-card,.modal-content){margin-block:12px;padding:16px;color:var(--text-color);background:var(--card-bg);border:var(--ui-border);border-radius:var(--ui-radius-lg);box-shadow:var(--ui-shadow-sm)}.ui-migrated-page :is(.btn,button.btn){min-height:34px;padding:8px 13px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:var(--ui-border);border-radius:var(--ui-radius-md);box-shadow:none;font:inherit;font-size:.9rem;font-weight:700;cursor:pointer}body.customer-order-ui{--bg: var(--bg-color);--card: var(--card-bg);--line: var(--accent-color);--text: var(--text-color);--muted: var(--accent-color);--accent: var(--primary);--accent-light: var(--accent-color);--primary: var(--primary-color);--danger: var(--danger-color);--header-h: 60px;--bottom-h: 70px;--subtitle: color-mix(in srgb, var(--text-color), var(--card-bg) 50%)}body:is(.shop-page,.orderguest-page){margin:0;padding-bottom:0;color:var(--text);background:var(--bg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-tap-highlight-color:transparent}body:is(.shop-page,.orderguest-page) header{position:sticky;top:0;z-index:100;height:var(--header-h);padding:0 15px;display:flex;align-items:center;justify-content:space-between;background:var(--card);box-shadow:0 2px 10px #0000000d}body:is(.shop-page,.orderguest-page) .brand{font-weight:800;font-size:1.2rem;letter-spacing:1px}body:is(.shop-page,.orderguest-page) .cat-nav{position:sticky;top:var(--header-h);z-index:90;padding:10px 15px;overflow-x:auto;color:inherit;background:var(--bg);scrollbar-width:none;white-space:nowrap}body:is(.shop-page,.orderguest-page) .cat-nav::-webkit-scrollbar{display:none}body:is(.shop-page,.orderguest-page) .cat-btn.active{color:var(--primary-text-color);background:var(--accent);box-shadow:0 4px 10px #0003;font-weight:700}body.shop-page .table-badge{display:none}body.shop-page .cat-btn{display:inline-block;padding:8px 18px;margin-right:8px;border-radius:20px;background:none;color:var(--primary-color);font-size:.95rem;font-weight:500;transition:.2s;border:1px solid;box-shadow:0 2px 5px #0000000d;text-decoration:none;text-align:center}body.shop-page .cat-en{display:block;font-size:.75rem;font-weight:400;color:var(--muted-color);margin-top:2px}body.shop-page .menu-container{padding:5px 15px 15px;padding-bottom:calc(var(--bottom-h) + 12px);min-height:calc(100vh - 200px)}body.shop-page .product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,220px));gap:10px;align-items:stretch}@media(max-width:480px){body.shop-page .product-grid{grid-template-columns:repeat(2,minmax(155px,1fr))}}@media(max-width:320px){body.shop-page .product-grid{grid-template-columns:repeat(1,minmax(155px,1fr))}}body.shop-page .menu-container.has-images{background:var(--card);border:1px solid var(--line);margin:10px;padding:8px 16px 16px;padding-bottom:calc(var(--bottom-h) + 12px);border-radius:12px}body.shop-page .menu-container.has-images .prod-card{background:transparent;border:none;box-shadow:none}body.shop-page .menu-container.has-images .prod-img-box{background:transparent}body.shop-page .prod-placeholder{display:block;width:100%;height:100%;background:color-mix(in srgb,var(--card-bg) 70%,var(--accent-color));border:1px solid color-mix(in srgb,var(--accent-color) 35%,var(--card-bg));border-radius:8px}body.shop-page .prod-card{background:var(--card);border-radius:12px;padding:10px;display:flex;flex-direction:column;justify-content:flex-start;box-shadow:0 2px 5px #00000008;border:1px solid var(--line);height:100%;min-height:0;position:relative;overflow:hidden;max-width:220px;box-sizing:border-box}body.shop-page .prod-info{width:100%;margin-bottom:8px;flex:1 1 auto}body.shop-page .prod-name{font-weight:700;font-size:.95rem;margin-bottom:2px;line-height:1.3;word-wrap:break-word}body.shop-page .prod-en{font-size:.75rem;color:var(--text);margin-bottom:4px;display:block;line-height:1.2;word-wrap:break-word}body.shop-page .prod-price{font-weight:700;color:var(--accent);font-size:1rem}body.shop-page .prod-action{display:flex;justify-content:flex-end;width:100%;margin-top:auto;padding-top:5px}body.shop-page .add-btn{width:28px;height:28px;border-radius:50%;background:var(--accent);color:var(--primary-text-color);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 5px #00000026;border:none;cursor:pointer;padding:0 0 2px;font-size:1.2rem;line-height:1}body.shop-page .add-btn.has-qty{background:var(--danger);width:auto;padding:0 10px;border-radius:20px;font-size:.85rem;font-weight:700;gap:4px}body.shop-page .bottom-bar{position:fixed;bottom:0;right:0;max-width:350px;height:var(--bottom-h);background:var(--card);border:1px solid var(--line);border-radius:12px 0 0;display:flex;align-items:center;justify-content:space-between;padding:0 20px;box-shadow:0 -5px 20px #0000000d;z-index:500;cursor:pointer}body.shop-page .cart-trigger{display:flex;align-items:center;gap:10px;flex:1}body.shop-page .cart-icon-box{position:relative}body.shop-page .cart-badge{position:absolute;top:-5px;right:-5px;background:var(--danger);color:var(--danger-text-color);font-size:.75rem;padding:2px 6px;border-radius:10px;font-weight:700;display:none}body.shop-page .cart-total-price{font-weight:800;font-size:1.2rem}body.shop-page .cart-label{font-size:.8rem;color:var(--text);margin-left:5px}body.shop-page .modal-overlay{position:fixed;inset:0;background:#00000080;z-index:1000;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s,visibility 0s linear .3s}body.shop-page .modal-overlay.open{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}body.shop-page .modal-panel{position:absolute;bottom:0;right:0;width:100%;max-width:400px;max-height:80vh;background:var(--card);border-radius:20px 20px 0 0;transform:translateY(100%);transition:.3s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column;overflow:hidden}body.shop-page .modal-overlay.open .modal-panel{transform:translateY(0)}body.shop-page .modal-header{padding:15px 20px;background:var(--card);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}body.shop-page .modal-title{font-weight:800;font-size:1.1rem}body.shop-page .modal-body{overflow-y:auto;padding:15px 15px 20px;flex:1}body.shop-page .modal-footer{padding:15px 20px;background:var(--card);border-top:1px solid var(--line);padding-bottom:calc(15px + env(safe-area-inset-bottom))}body.shop-page .btn-submit{width:100%;background:var(--accent);color:var(--primary-text-color);border:none;padding:12px;border-radius:12px;font-weight:700;font-size:1.1rem;opacity:.5;pointer-events:none;transition:.3s}body.shop-page .btn-submit.active{opacity:1;box-shadow:0 4px 15px #0003}body.shop-page .modal-overlay.open .btn-submit.active{pointer-events:auto}body.shop-page .cart-section-title{font-size:.9rem;color:var(--text);margin:10px 0 5px;border-bottom:1px dashed var(--line);padding-bottom:5px}body.shop-page .c-item{background:var(--card);padding:12px;border-radius:10px;margin-bottom:10px;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line)}body.shop-page .c-info{flex:1}body.shop-page .c-name{font-weight:700;font-size:1rem}body.shop-page .c-mods{font-size:.8rem;color:var(--accent-text-color);background:var(--accent-light);padding:2px 6px;border-radius:4px;display:inline-block;margin-top:4px}body.shop-page .c-price{font-weight:700;margin-left:10px}body.shop-page .c-ctrl{display:flex;align-items:center;gap:10px;margin-left:10px}body.shop-page .qty-btn{width:28px;height:28px;border-radius:50%;border:1px solid var(--accent-light);background:var(--card);display:flex;align-items:center;justify-content:center;font-weight:700}body.shop-page .confirmed-item{background:var(--card);border-left:4px solid var(--accent-light);color:color-mix(in srgb,var(--text),transparent 50%);pointer-events:none}body.shop-page .c-item{cursor:pointer;transition:.2s}body.shop-page .c-item:active{background-color:color-mix(in srgb,var(--card),transparent 50%)}body.shop-page .cart-custom-text{background:color-mix(in srgb,var(--accent-light),transparent 90%);color:var(--text);padding:10px;margin:10px 0;border-radius:8px;font-size:.9rem;line-height:1.4;border:.5px dashed var(--accent-text-color);white-space:pre-wrap}body.shop-page .sb-panel{height:80vh;border-radius:16px 16px 0 0}body.shop-page .sb-group{background:var(--card);border-radius:12px;margin-bottom:15px;overflow:hidden;border:1px solid var(--line)}body.shop-page .sb-group-head{background:var(--accent);color:var(--primary-text-color);padding:10px 15px;font-weight:700;font-size:.95rem;display:flex;justify-content:space-between}body.shop-page .sb-req-tag{background:var(--danger);color:var(--danger-text-color);font-size:.7rem;padding:2px 6px;border-radius:4px}body.shop-page .sb-opt{padding:12px 15px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}body.shop-page .sb-opt:last-child{border-bottom:none}body.shop-page input[type=checkbox],body.shop-page input[type=radio]{accent-color:var(--accent);width:20px;height:20px}body.shop-page .prod-card.soldout{opacity:.5;background:color-mix(in srgb,var(--card),transparent 50%);pointer-events:none}body.shop-page .badge-soldout{position:absolute;top:0;right:0;background:var(--accent-light);color:var(--accent-text-color);font-size:.7rem;padding:4px 10px;border-radius:0 0 0 10px;font-weight:700;z-index:10}body.shop-page .add-btn:disabled,body.shop-page .add-btn.disabled{background:var(--accent-light)!important;color:var(--accent-text-color)!important;cursor:not-allowed;box-shadow:none}body.shop-page .cart-note-input{width:100%;margin-top:6px;padding:6px 8px;border:1px solid var(--line);background:var(--card);border-radius:6px;font-size:.9rem;color:var(--text);outline:none;transition:.2s}body.shop-page .cart-note-input:focus{background:var(--card);border-color:var(--accent)}body.shop-page .prod-img-box{aspect-ratio:1 / 1;max-width:200px;background:var(--card);border-radius:8px;overflow:hidden;margin-bottom:8px;display:none;align-items:center;justify-content:center}body.shop-page .menu-container.has-images .prod-img-box{display:flex}body.shop-page .prod-img{width:100%;height:100%;object-fit:cover;display:block}body.shop-page .modal-prod-info{margin-bottom:15px;background:var(--card)}body.shop-page .modal-prod-img{width:100%;height:auto;max-height:250px;object-fit:contain;background:var(--card);border-radius:8px;margin-bottom:10px}body.shop-page .modal-prod-desc{font-size:.95rem;color:var(--text);line-height:1.6;margin-bottom:10px;white-space:pre-wrap}body.shop-page .modal-prod-carousel{position:relative;display:block;width:100%;overflow:hidden;border-radius:8px;margin-bottom:10px}body.shop-page .modal-prod-carousel .carousel-track{width:100%}body.shop-page .modal-prod-carousel .carousel-slide{display:none;width:100%}body.shop-page .modal-prod-carousel .carousel-slide.active{display:block}body.shop-page .modal-prod-carousel .carousel-slide img{width:100%;height:auto;max-height:250px;object-fit:contain;display:block;background:var(--card);border-radius:8px}body.shop-page .modal-prod-carousel .carousel-btn{position:absolute;top:50%;transform:translateY(-50%);background:#00000059;color:#fff;border:none;width:36px;height:36px;border-radius:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:20px}body.shop-page .modal-prod-carousel .carousel-btn.prev{left:8px}body.shop-page .modal-prod-carousel .carousel-btn.next{right:8px}@media(min-width:400px){body.shop-page #sub-modal .modal-panel.sb-panel{position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:90%;max-width:400px;border-radius:12px;max-height:85vh}body.shop-page #sub-modal .modal-panel{transition:.3s cubic-bezier(.2,.8,.2,1)}}body.shop-page #custom-dialog-overlay{display:none;align-items:center;justify-content:center;position:fixed;top:0;left:0;right:0;height:100dvh;background:#00000080;z-index:10000;opacity:0;transition:.2s ease-out}body.shop-page #custom-dialog-overlay.open{opacity:1}body.shop-page #custom-dialog-panel{background:var(--card);border-radius:16px;width:80%;max-width:320px;padding:24px;text-align:center;transform:scale(.9);transition:.2s cubic-bezier(.2,.8,.2,1);box-shadow:0 10px 30px #00000026}body.shop-page #custom-dialog-overlay.open #custom-dialog-panel{transform:scale(1)}body.shop-page #custom-dialog-title{font-weight:800;font-size:1.15rem;margin-bottom:8px;color:var(--text)}body.shop-page #custom-dialog-message{color:var(--subtitle);font-size:.95rem;margin-bottom:24px;line-height:1.5}body.shop-page #custom-dialog-buttons{display:flex;gap:12px;justify-content:center}body.shop-page .dialog-btn{flex:1;padding:12px;border-radius:12px;font-weight:700;font-size:1rem;border:none;cursor:pointer;touch-action:manipulation}body.shop-page .dialog-btn.cancel{background:transparent;color:var(--text);border:1px solid var(--line)}body.shop-page .dialog-btn.confirm{background:var(--accent);color:var(--primary-text-color)}body.shop-page .menu-loading-overlay{position:fixed;inset:0;z-index:1200;display:none;align-items:center;justify-content:center;background:color-mix(in srgb,var(--bg),transparent 20%)}body.shop-page .menu-loading-overlay.show{display:flex}body.shop-page .menu-loading-spinner{width:44px;height:44px;border:4px solid color-mix(in srgb,var(--line),transparent 35%);border-top-color:var(--primary-color);border-radius:50%;animation:menu-spin .9s linear infinite}@keyframes menu-spin{to{transform:rotate(360deg)}}body.shop-page #discount-row{display:flex;flex-direction:column;justify-content:space-between;font-size:.9rem;color:var(--danger-color);margin-bottom:5px}body.orderguest-page .loader{width:40px;height:40px;border:4px solid var(--accent-color);border-top-color:var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}body.orderguest-page .table-badge{background:var(--accent);color:var(--primary-text-color);padding:4px 10px;border-radius:20px;font-size:.85rem;font-weight:700}body.orderguest-page .cat-btn{display:inline-block;padding:8px 18px;margin-right:8px;border-radius:20px;background:none;color:var(--primary-color);font-size:.95rem;font-weight:500;transition:.2s;border:1px solid;box-shadow:0 2px 5px #0000000d}body.orderguest-page .cat-en{display:block;font-size:.75rem;font-weight:400;color:var(--muted-color);margin-top:2px}body.orderguest-page .menu-container{padding:5px 15px 15px;padding-bottom:calc(var(--bottom-h) + 12px);min-height:calc(100vh - 200px)}body.orderguest-page .product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,220px));gap:10px;align-items:stretch;justify-content:start}@media(max-width:480px){body.orderguest-page .product-grid{grid-template-columns:repeat(2,minmax(155px,1fr))}}@media(max-width:320px){body.orderguest-page .product-grid{grid-template-columns:repeat(1,minmax(155px,1fr))}}body.orderguest-page .menu-container.has-images{background:var(--card);border:1px solid var(--line);margin:10px;padding:8px 16px 16px;padding-bottom:calc(var(--bottom-h) + 12px);border-radius:12px}body.orderguest-page .menu-container.has-images .prod-card{background:transparent;border:none;box-shadow:none}body.orderguest-page .menu-container.has-images .prod-img-box{background:transparent}body.orderguest-page .prod-placeholder{display:block;width:100%;height:100%;background:color-mix(in srgb,var(--card-bg) 70%,var(--accent-color));border:1px solid color-mix(in srgb,var(--accent-color) 35%,var(--card-bg));border-radius:8px}body.orderguest-page .prod-card{background:var(--card);border-radius:12px;padding:10px;display:flex;flex-direction:column;justify-content:flex-start;box-shadow:0 2px 5px #00000008;border:1px solid var(--line);height:100%;min-height:0;position:relative;overflow:hidden;max-width:220px;box-sizing:border-box}body.orderguest-page .prod-info{width:100%;margin-bottom:8px;flex:1 1 auto}body.orderguest-page .prod-name{font-weight:700;font-size:.95rem;margin-bottom:2px;line-height:1.3;word-wrap:break-word}body.orderguest-page .prod-en{font-size:.75rem;color:var(--text);margin-bottom:4px;display:block;line-height:1.2;word-wrap:break-word}body.orderguest-page .prod-price{font-weight:700;color:var(--accent);font-size:1rem}body.orderguest-page .prod-action{display:flex;justify-content:flex-end;width:100%;margin-top:auto;padding-top:5px}body.orderguest-page .add-btn{width:28px;height:28px;border-radius:50%;background:var(--accent);color:var(--primary-text-color);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 5px #00000026;border:none;cursor:pointer;padding:0 0 2px;font-size:1.2rem;line-height:1}body.orderguest-page .add-btn.has-qty{background:var(--danger);width:auto;padding:0 10px;border-radius:20px;font-size:.85rem;font-weight:700;gap:4px}body.orderguest-page .bottom-bar{position:fixed;bottom:0;right:0;max-width:350px;height:var(--bottom-h);background:var(--card);border:1px solid var(--line);border-radius:12px 0 0;display:flex;align-items:center;justify-content:space-between;padding:0 20px;box-shadow:0 -5px 20px #0000000d;z-index:500;cursor:pointer}body.orderguest-page .cart-trigger{display:flex;align-items:center;gap:10px;flex:1}body.orderguest-page .cart-icon-box{position:relative}body.orderguest-page .cart-badge{position:absolute;top:-5px;right:-5px;background:var(--danger);color:var(--danger-text-color);font-size:.75rem;padding:2px 6px;border-radius:10px;font-weight:700;display:none}body.orderguest-page .cart-total-price{font-weight:800;font-size:1.2rem}body.orderguest-page .cart-label{font-size:.8rem;color:var(--text);margin-left:5px}body.orderguest-page .modal-overlay{position:fixed;inset:0;background:#00000080;z-index:1000;opacity:0;pointer-events:none;transition:.3s}body.orderguest-page .modal-overlay.open{opacity:1;pointer-events:auto}body.orderguest-page .modal-panel{position:absolute;bottom:0;left:0;width:100%;max-height:80vh;background:var(--card);border-radius:20px 20px 0 0;transform:translateY(100%);transition:.3s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column;overflow:hidden}body.orderguest-page .modal-overlay.open .modal-panel{transform:translateY(0)}body.orderguest-page .modal-header{padding:15px 20px;background:var(--card);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}body.orderguest-page .modal-title{font-weight:800;font-size:1.1rem}body.orderguest-page .modal-body{overflow-y:auto;padding:15px 15px 20px;flex:1}body.orderguest-page .modal-footer{padding:15px 20px;background:var(--card);border-top:1px solid var(--line);padding-bottom:calc(15px + env(safe-area-inset-bottom));position:relative;z-index:9999;transform:translateZ(0)}body.orderguest-page .btn-submit{width:100%;background:var(--accent);color:var(--primary-text-color);border:none;padding:12px;border-radius:12px;font-weight:700;font-size:1.1rem;opacity:.5;pointer-events:none;transition:.3s;touch-action:manipulation;pointer-events:auto!important}body.orderguest-page .btn-submit.active{opacity:1;pointer-events:auto;box-shadow:0 4px 15px #0003}body.orderguest-page .cart-section-title{font-size:.9rem;color:var(--text);margin:10px 0 5px;border-bottom:1px dashed var(--line);padding-bottom:5px}body.orderguest-page .c-item{background:var(--card);padding:12px;border-radius:10px;margin-bottom:10px;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line)}body.orderguest-page .c-info{flex:1}body.orderguest-page .c-name{font-weight:700;font-size:1rem}body.orderguest-page .c-mods{font-size:.8rem;color:var(--accent-text-color);background:var(--accent-light);padding:2px 6px;border-radius:4px;display:inline-block;margin-top:4px}body.orderguest-page .c-price{font-weight:700;margin-left:10px}body.orderguest-page .c-ctrl{display:flex;align-items:center;gap:10px;margin-left:10px}body.orderguest-page .qty-btn{width:28px;height:28px;border-radius:50%;border:1px solid var(--accent-light);background:var(--card);display:flex;align-items:center;justify-content:center;font-weight:700}body.orderguest-page .confirmed-item{background:var(--card);border-left:4px solid var(--accent-light);color:color-mix(in srgb,var(--text),transparent 50%);pointer-events:none}body.orderguest-page .c-item{cursor:pointer;transition:.2s}body.orderguest-page .c-item:active{background-color:color-mix(in srgb,var(--card),transparent 50%)}body.orderguest-page .cart-custom-text{background:color-mix(in srgb,var(--accent-light),transparent 90%);color:var(--text);padding:10px;margin:10px 0;border-radius:8px;font-size:.9rem;line-height:1.4;border:.5px dashed var(--accent-text-color);white-space:pre-wrap}body.orderguest-page .sb-panel{height:80vh;border-radius:16px 16px 0 0}body.orderguest-page .sb-group{background:var(--card);border-radius:12px;margin-bottom:15px;overflow:hidden;border:1px solid var(--line)}body.orderguest-page .sb-group-head{background:var(--accent);color:var(--primary-text-color);padding:10px 15px;font-weight:700;font-size:.95rem;display:flex;justify-content:space-between}body.orderguest-page .sb-req-tag{background:var(--danger);color:var(--danger-text-color);font-size:.7rem;padding:2px 6px;border-radius:4px}body.orderguest-page .sb-opt{padding:12px 15px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}body.orderguest-page .sb-opt:last-child{border-bottom:none}body.orderguest-page input[type=checkbox],body.orderguest-page input[type=radio]{accent-color:var(--accent);width:20px;height:20px}body.orderguest-page .prod-card.soldout{opacity:.5;background:color-mix(in srgb,var(--card),transparent 50%);pointer-events:none}body.orderguest-page .badge-soldout{position:absolute;top:0;right:0;background:var(--accent-light);color:var(--accent-text-color);font-size:.7rem;padding:4px 10px;border-radius:0 0 0 10px;font-weight:700;z-index:10}body.orderguest-page .add-btn:disabled,body.orderguest-page .add-btn.disabled{background:var(--accent-light)!important;color:var(--accent-text-color)!important;cursor:not-allowed;box-shadow:none}body.orderguest-page .cart-note-input{width:100%;margin-top:6px;padding:6px 8px;border:1px solid var(--line);background:var(--card);border-radius:6px;font-size:.9rem;color:var(--text);outline:none;transition:.2s}body.orderguest-page .cart-note-input:focus{background:var(--card);border-color:var(--accent)}body.orderguest-page .prod-img-box{aspect-ratio:1 / 1;max-width:200px;background:var(--card);border-radius:8px;overflow:hidden;margin-bottom:8px;display:none;align-items:center;justify-content:center}body.orderguest-page .menu-container.has-images .prod-img-box{display:flex}body.orderguest-page .prod-img{width:100%;height:100%;object-fit:cover;display:block}body.orderguest-page .modal-prod-info{margin-bottom:15px;background:var(--card)}body.orderguest-page .modal-prod-img{width:100%;height:auto;max-height:250px;object-fit:contain;background:var(--card);border-radius:8px;margin-bottom:10px}body.orderguest-page .modal-prod-desc{font-size:.95rem;color:var(--text);line-height:1.6;margin-bottom:10px;white-space:pre-wrap}body.orderguest-page .modal-prod-carousel{position:relative;display:block;width:100%;overflow:hidden;border-radius:8px;margin-bottom:10px}body.orderguest-page .modal-prod-carousel .carousel-track{width:100%}body.orderguest-page .modal-prod-carousel .carousel-slide{display:none;width:100%}body.orderguest-page .modal-prod-carousel .carousel-slide.active{display:block}body.orderguest-page .modal-prod-carousel .carousel-slide img{width:100%;height:auto;max-height:250px;object-fit:contain;display:block;background:var(--card);border-radius:8px}body.orderguest-page .modal-prod-carousel .carousel-btn{position:absolute;top:50%;transform:translateY(-50%);background:#00000059;color:#fff;border:none;width:36px;height:36px;border-radius:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:20px}body.orderguest-page .modal-prod-carousel .carousel-btn.prev{left:8px}body.orderguest-page .modal-prod-carousel .carousel-btn.next{right:8px}@media(min-width:400px){body.orderguest-page #sub-modal .modal-panel.sb-panel{position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:90%;max-width:400px;border-radius:12px;max-height:85vh}body.orderguest-page #sub-modal .modal-panel{transition:.3s cubic-bezier(.2,.8,.2,1)}}body.orderguest-page #custom-dialog-overlay{display:none;align-items:center;justify-content:center;position:fixed;top:0;left:0;right:0;height:100dvh;background:#00000080;z-index:10000;opacity:0;transition:.2s ease-out}body.orderguest-page #custom-dialog-overlay.open{opacity:1}body.orderguest-page #custom-dialog-panel{background:var(--card);border-radius:16px;width:80%;max-width:320px;padding:24px;text-align:center;transform:scale(.9);transition:.2s cubic-bezier(.2,.8,.2,1);box-shadow:0 10px 30px #00000026}body.orderguest-page #custom-dialog-overlay.open #custom-dialog-panel{transform:scale(1)}body.orderguest-page #custom-dialog-title{font-weight:800;font-size:1.15rem;margin-bottom:8px;color:var(--text)}body.orderguest-page #custom-dialog-message{color:var(--subtitle);font-size:.95rem;margin-bottom:24px;line-height:1.5}body.orderguest-page #custom-dialog-buttons{display:flex;gap:12px;justify-content:center}body.orderguest-page .dialog-btn{flex:1;padding:12px;border-radius:12px;font-weight:700;font-size:1rem;border:none;cursor:pointer;touch-action:manipulation}body.orderguest-page .dialog-btn.cancel{background:transparent;color:var(--text);border:1px solid var(--line)}body.orderguest-page .dialog-btn.confirm{background:var(--accent);color:var(--primary-text-color)}html.is-loading body.checkout-page>*:not(#router-loader),html.is-routing body.checkout-page>*:not(#router-loader){display:none!important}body.checkout-page #router-loader{display:none;position:fixed;inset:0;background:var(--bg-color, #f8f9fa);flex-direction:column;align-items:center;justify-content:center;z-index:999999}html.is-loading body.checkout-page #router-loader,html.is-routing body.checkout-page #router-loader{display:flex!important}body.checkout-page .r-spinner{width:45px;height:45px;border:4px solid #ddd;border-top-color:#06c755;border-radius:50%;animation:r-spin 1s linear infinite;margin-bottom:15px}@keyframes r-spin{to{transform:rotate(360deg)}}body.checkout-page{--bg:var(--bg-color);--card:var(--card-bg);--line:var(--accent-color);--text:var(--text-color);--muted:var(--accent-color);--accent:var(--primary);--accent-light:var(--accent-color);--primary:var(--primary-color);--danger:var(--danger-color);--header-h: 60px;--bottom-h: 70px;--subtitle: color-mix(in srgb, var(--text-color), var(--card-bg) 50%) }body.checkout-page{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;padding-bottom:var(--bottom-h);-webkit-tap-highlight-color:transparent}body.checkout-page header{position:sticky;top:0;z-index:100;background:var(--card);box-shadow:0 2px 10px #0000000d;padding:0 15px;height:var(--header-h);display:flex;align-items:center;justify-content:center}body.checkout-page .brand{font-weight:800;font-size:1.2rem}body.checkout-page .back-btn{position:absolute;left:15px;font-size:1.5rem;cursor:pointer;color:var(--accent);text-decoration:none}body.checkout-page .container{padding:20px;max-width:600px;margin:0 auto}body.checkout-page .section-title{font-size:1rem;font-weight:700;margin-bottom:10px;border-left:4px solid var(--accent);padding-left:10px;color:var(--text)}body.checkout-page .info-card{background:var(--card);border-radius:12px;padding:15px;margin-bottom:20px;border:1px solid var(--line);box-shadow:0 2px 5px #00000008}body.checkout-page .order-item-edit{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:10px;border-bottom:1px dashed var(--line)}body.checkout-page .order-item-edit:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}body.checkout-page .item-name{font-weight:700}body.checkout-page .item-mods{font-size:.8rem;color:var(--subtitle)}body.checkout-page .qty-controls{display:flex;align-items:center;gap:8px}body.checkout-page .qty-btn{width:28px;height:28px;border-radius:50%;border:1px solid var(--accent-light);background:var(--card);display:flex;align-items:center;justify-content:center;font-weight:700;cursor:pointer;transition:.2s}body.checkout-page .delete-btn{width:28px;height:28px;border-radius:50%;border:1px solid var(--danger);background:var(--card);color:var(--danger);display:flex;align-items:center;justify-content:center;font-weight:700;cursor:pointer;transition:.2s}body.checkout-page .form-group{margin-bottom:15px}body.checkout-page .form-label{display:block;font-size:.9rem;margin-bottom:5px;color:var(--text)}body.checkout-page .form-input{width:100%;padding:10px;border-radius:8px;border:1px solid var(--line);background:var(--card-bg);color:var(--text);font-size:1rem;box-sizing:border-box;outline:none;transition:.2s}body.checkout-page .form-input:focus{border-color:var(--accent)}body.checkout-page #gmp-autocomplete-del-address{display:block!important;width:100%!important;margin-bottom:10px!important}body.checkout-page .form-group gmp-places-autocomplete{display:block!important;width:100%!important;min-height:44px!important;height:auto!important}body.checkout-page .form-group gmp-places-autocomplete input{width:100%!important;min-height:44px!important;padding:10px!important;border:1px solid var(--line)!important;border-radius:8px!important;background:var(--card-bg)!important;color:var(--text)!important;font-size:1rem!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;box-sizing:border-box!important;cursor:text!important;outline:none!important}body.checkout-page .form-group gmp-places-autocomplete input:focus{border-color:var(--accent)!important}body.checkout-page .checkbox-group{display:flex;align-items:center;gap:8px;margin-bottom:15px;cursor:pointer}body.checkout-page .checkbox-group input{transform:scale(1.2);accent-color:var(--accent);cursor:pointer}body.checkout-page .qr-box{text-align:center;margin:10px 0}body.checkout-page .qr-img{max-width:200px;border-radius:8px;border:2px solid white}body.checkout-page .bank-info{text-align:left;font-size:.9rem;margin-bottom:10px;line-height:1.5;color:var(--text)}body.checkout-page .upload-btn-wrapper{position:relative;overflow:hidden;display:inline-block;width:100%}body.checkout-page .btn-upload{border:1px dashed var(--accent);color:var(--accent);background:var(--card);padding:10px;border-radius:8px;font-size:1rem;font-weight:700;width:100%;cursor:pointer;text-align:center}body.checkout-page .upload-btn-wrapper input[type=file]{font-size:100px;position:absolute;left:0;top:0;opacity:0;cursor:pointer;height:100%;width:100%}body.checkout-page #preview-box{margin-top:10px;text-align:center;display:none}body.checkout-page #preview-img{max-height:150px;border-radius:8px;border:1px solid var(--line)}body.checkout-page .bottom-bar{position:fixed;bottom:0;right:0;width:100%;max-width:350px;padding:15px 20px;background:var(--card);border-top:1px solid var(--line);box-shadow:0 -5px 20px #0000000d;display:flex;gap:10px;box-sizing:border-box;z-index:100;border-radius:12px 0 0;padding-bottom:calc(15px + env(safe-area-inset-bottom))}body.checkout-page .btn-submit{width:100%;flex:1;background:var(--accent);color:var(--primary-text-color);border:none;padding:12px;border-radius:12px;font-weight:700;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center}body.checkout-page .btn-submit:disabled{opacity:.5;cursor:not-allowed}body.checkout-page .loading-overlay{position:fixed;inset:0;background:#000000b3;z-index:999;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;font-weight:700;opacity:0;pointer-events:none;transition:.3s}body.checkout-page .loading-overlay.show{opacity:1;pointer-events:auto}body.checkout-page .spinner{width:40px;height:40px;border:4px solid var(--accent-color);border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:10px}@keyframes spin{to{transform:rotate(360deg)}}body.checkout-page .btn-action{width:100%;padding:10px;border-radius:8px;border:none;font-weight:700;cursor:pointer;transition:.2s;background:var(--accent-light);color:var(--accent-text-color)}body.checkout-page .method-tabs{display:flex;gap:10px;margin-bottom:15px}body.checkout-page .method-btn{flex:1;text-align:center;padding:10px;border:1px solid var(--line);border-radius:8px;cursor:pointer;font-weight:700;color:var(--subtitle);transition:.2s;display:none}body.checkout-page .method-btn.visible{display:block}body.checkout-page .method-btn.active{background-color:var(--accent);color:var(--primary-text-color);border-color:var(--accent)}body.checkout-page .loc-option{display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid var(--line);border-radius:8px;margin-bottom:8px;cursor:pointer;transition:.2s;background:var(--bg)}body.checkout-page .loc-option:hover{border-color:var(--primary)}body.checkout-page .loc-option.selected{border-color:var(--primary);background:color-mix(in srgb,var(--primary),transparent 95%)}body.checkout-page .loc-radio{margin-top:4px;accent-color:var(--primary)}body.checkout-page .loc-info{display:flex;flex-direction:column}body.checkout-page .loc-name{font-weight:700;font-size:1rem;color:var(--text)}body.checkout-page .loc-addr{font-size:.85rem;color:var(--subtitle);margin-top:2px}body.checkout-page .datetime-picker{display:flex;flex-direction:column;gap:14px}body.checkout-page .slot-panel{display:flex;flex-direction:column;gap:8px}body.checkout-page .slot-panel-title{font-size:.78rem;font-weight:700;color:var(--subtitle);text-transform:uppercase;letter-spacing:.04em}body.checkout-page .slot-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px}body.checkout-page .slot-grid.empty{grid-template-columns:1fr}body.checkout-page .calendar-shell{border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--card),var(--bg) 22%);padding:10px}body.checkout-page .calendar-header{display:grid;grid-template-columns:34px 1fr 34px;align-items:center;gap:8px;margin-bottom:8px}body.checkout-page .calendar-nav{width:34px;height:34px;border-radius:10px;border:1px solid var(--line);background:var(--card);color:var(--text);cursor:pointer;font-size:1rem;font-weight:700}body.checkout-page .calendar-nav:disabled{opacity:.4;cursor:not-allowed}body.checkout-page .calendar-month-label{text-align:center;font-weight:700}body.checkout-page .calendar-weekdays{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));margin-bottom:6px}body.checkout-page .calendar-weekday{text-align:center;color:var(--subtitle);font-size:.78rem;font-weight:700;padding:4px 0}body.checkout-page .calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}body.checkout-page .calendar-day{min-height:42px;border:1px solid transparent;background:transparent;border-radius:10px;color:var(--text);font:inherit;font-size:.92rem;cursor:pointer;text-align:center}body.checkout-page .calendar-day.other-month{opacity:.45}body.checkout-page .calendar-day.available{border-color:var(--line);background:var(--card)}body.checkout-page .calendar-day.available:hover{border-color:var(--accent)}body.checkout-page .calendar-day.selected{border-color:var(--accent);background:color-mix(in srgb,var(--accent),white 86%);box-shadow:0 6px 14px #0000000f;font-weight:700}body.checkout-page .calendar-day.disabled{color:var(--subtitle);cursor:default}body.checkout-page .slot-chip{width:100%;border:1px solid var(--line);border-radius:12px;background:var(--card);color:var(--text);padding:12px;text-align:left;cursor:pointer;transition:.2s;display:flex;flex-direction:column;gap:4px;min-height:64px;justify-content:center;font:inherit}body.checkout-page .slot-chip:hover{border-color:var(--accent);transform:translateY(-1px)}body.checkout-page .slot-chip.active{border-color:var(--accent);background:color-mix(in srgb,var(--accent),white 88%);box-shadow:0 8px 18px #0000000f}body.checkout-page .slot-chip-time{min-height:40px;padding:8px 6px;border-radius:10px;justify-content:center;text-align:center}body.checkout-page .slot-chip-main{font-weight:700;line-height:1.2}body.checkout-page .slot-chip-sub{font-size:.82rem;color:var(--subtitle);line-height:1.2}body.checkout-page .slot-empty{padding:14px;border:1px dashed var(--line);border-radius:12px;color:var(--subtitle);background:color-mix(in srgb,var(--card),var(--bg) 45%);font-size:.92rem}@media(max-width:480px){body.checkout-page .slot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}body.checkout-page #custom-dialog-overlay{display:none;align-items:center;justify-content:center;position:fixed;top:0;left:0;right:0;height:100dvh;background:#00000080;z-index:10000;opacity:0;transition:.2s ease-out}body.checkout-page #custom-dialog-overlay.open{opacity:1}body.checkout-page #custom-dialog-panel{background:var(--card);border-radius:16px;width:80%;max-width:320px;padding:24px;text-align:center;transform:scale(.9);transition:.2s cubic-bezier(.2,.8,.2,1);box-shadow:0 10px 30px #00000026}body.checkout-page #custom-dialog-overlay.open #custom-dialog-panel{transform:scale(1)}body.checkout-page #custom-dialog-title{font-weight:800;font-size:1.15rem;margin-bottom:8px;color:var(--text)}body.checkout-page #custom-dialog-message{color:var(--subtitle);font-size:.95rem;margin-bottom:24px;line-height:1.5}body.checkout-page #custom-dialog-buttons{display:flex;gap:12px;justify-content:center}body.checkout-page .dialog-btn{flex:1;padding:12px;border-radius:12px;font-weight:700;font-size:1rem;border:none;cursor:pointer;touch-action:manipulation}body.checkout-page .dialog-btn.cancel{background:transparent;color:var(--text);border:1px solid var(--line)}body.checkout-page .dialog-btn.confirm{background:var(--accent);color:var(--primary-text-color)}body.checkout-page gmp-places-autocomplete{display:block;width:100%}.ui-migrated-page :is(.btn,button.btn):disabled{cursor:not-allowed;opacity:.48;filter:saturate(.45);box-shadow:none}.ui-migrated-page :is(.btn-primary,.btn.primary){color:var(--primary-text-color);background:var(--primary-color);border-color:var(--primary-color)}.ui-migrated-page :is(.btn-primary2,.btn-secondary){color:var(--primary-color);background:var(--card-bg);border-color:var(--ui-border-color)}.ui-migrated-page .btn-success{color:var(--success-text-color);background:var(--success-color);border-color:var(--success-color)}.ui-migrated-page .btn-sm{min-height:32px;padding:6px 10px;font-size:.8rem}.ui-migrated-page .btn-danger{color:var(--danger-color)!important;background:var(--ui-delete-bg)!important;border:1px solid var(--danger-color)!important}.ui-migrated-page .btn-closed{color:var(--closed-color)!important;background:var(--ui-cancel-bg)!important;border:1px solid var(--closed-color)!important}.ui-migrated-page :is(input[type=text],input[type=number],input[type=tel],input[type=email],input[type=url],input[type=search],input[type=password],select,textarea,.form-control,.form-input){width:100%;min-height:40px;padding:8px 10px;color:var(--text-color);background:var(--card-bg);border:var(--ui-border);border-radius:var(--ui-radius-md);box-shadow:none;font:inherit;font-size:var(--ui-placeholder-font-size)}.ui-migrated-page .form-group{margin-bottom:15px}.ui-migrated-page .form-group>label{display:block;margin-bottom:6px;color:var(--text-color);font-size:.95rem;font-weight:700}.ui-migrated-page :is(input,select,textarea):focus{border-color:var(--primary-color);outline:2px solid color-mix(in srgb,var(--primary-color) 18%,transparent)!important;outline-offset:0;box-shadow:none}.ui-migrated-page input[type=checkbox]{appearance:none;-webkit-appearance:none;width:15px!important;height:15px!important;min-width:15px;display:inline-grid;place-content:center;flex:0 0 15px;margin:0 8px 0 0!important;padding:0!important;position:relative;background:var(--card-bg);border:1px solid color-mix(in srgb,var(--text-color) 45%,transparent);border-radius:3px;cursor:pointer;touch-action:manipulation}.ui-migrated-page input[type=checkbox]:before{content:"";position:absolute;inset:-6px;border-radius:6px;pointer-events:auto;z-index:1}.ui-migrated-page input[type=checkbox]:after{content:"";display:none;width:4px;height:8px;margin-top:-1px;border:solid var(--primary-text-color);border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}.ui-migrated-page input[type=checkbox]:checked{background:var(--primary-color);border-color:var(--primary-color)}.ui-migrated-page input[type=checkbox]:checked:after{display:block}.ui-migrated-page input[type=radio]{accent-color:var(--primary-color)}.ui-migrated-page :is(.overlay,.modal-overlay,.selector-overlay){background:var(--ui-overlay)}.ui-migrated-page :is(.tab-container,.tabs){gap:6px;border-color:var(--ui-border-color)}.ui-migrated-page :is(.tab-btn,.filter-chip){box-shadow:none}.ui-migrated-page .tab-content{display:none}.ui-migrated-page .tab-content.active{display:block}.ui-migrated-page .form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}.ui-migrated-page :is(.ui-filter-tab,.ui-product-tab).active{color:var(--primary-text-color);background:var(--primary-color);border-color:var(--primary-color)}.ui-migrated-page :is(.status-message,.toast,.notification-toast){position:fixed;inset:auto auto max(20px,env(safe-area-inset-bottom)) 50%;z-index:5000;transform:translate(-50%);color:var(--primary-text-color);background:color-mix(in srgb,var(--primary-color) 88%,transparent)}.ui-migrated-page::-webkit-scrollbar,.ui-migrated-page *::-webkit-scrollbar{width:8px;height:8px}.ui-migrated-page::-webkit-scrollbar-track,.ui-migrated-page *::-webkit-scrollbar-track{background:transparent}.ui-migrated-page::-webkit-scrollbar-thumb,.ui-migrated-page *::-webkit-scrollbar-thumb{background:var(--card-bg);border:2px solid transparent;border-radius:4px;background-clip:content-box}@media(max-width:768px){.ui-migrated-page.ui-management-page .main-content{width:100%;padding:70px 10px calc(24px + env(safe-area-inset-bottom))}.ui-migrated-page :is(.card,.info-card,.overview-card){border-radius:var(--ui-radius-md)}.ui-migrated-page .form-grid{grid-template-columns:1fr!important}.ui-migrated-page :is(.tab-container,.tabs){flex-wrap:nowrap;overflow-x:auto}}.modifier-page #edit-modal{position:fixed;inset:0;z-index:2000;padding:16px;align-items:center;justify-content:center;background:var(--ui-overlay)!important}.modifier-page #edit-modal>.card{width:min(600px,100%)!important;max-width:100%!important;height:min(90dvh,820px)!important;max-height:calc(100dvh - 32px);margin:0;padding:0!important;display:flex;flex-direction:column;overflow:hidden;color:var(--text-color);background:var(--card-bg);border:var(--ui-border);border-radius:var(--ui-radius-lg);box-shadow:var(--ui-shadow-modal)}.modifier-page #edit-modal>.card>:first-child{min-height:54px;padding:10px 14px!important;border-bottom:var(--ui-border)!important}.modifier-page #modal-title{color:var(--text-color)!important;font-size:1.1rem}.modifier-page .modifier-modal-header{padding:15px;display:flex;align-items:center;justify-content:space-between;background:var(--card-bg);border-bottom:var(--ui-border)}.modifier-page .modifier-modal-header h3{margin:0}.modifier-page .modifier-modal-body{flex:1;padding:20px;overflow-y:auto;background:var(--card-bg)}.modifier-page #edit-modal .tabs{margin:0;padding:8px 14px;flex:0 0 auto;border-bottom:var(--ui-border)}.modifier-page #edit-modal .tab-btn{flex:0 0 auto}.modifier-page .tab-content{display:none;padding-bottom:12px}.modifier-page .tab-content.active{display:block;animation:none}.modifier-page #edit-modal>.card>:nth-last-child(2){padding:14px!important;background:var(--card-bg)!important}.modifier-page #edit-modal>.card>:last-child{padding:10px 14px!important;border-top:var(--ui-border)!important;gap:8px!important}.modifier-page :is(input[type=text],input[type=number],input[type=tel],select,textarea,.form-control){min-height:40px;padding:8px 10px;color:var(--text-color);background:var(--card-bg);border:var(--ui-border);border-radius:var(--ui-radius-md);font:inherit;font-size:var(--ui-placeholder-font-size)}.modifier-page :is(input,select,textarea):focus{border-color:var(--primary-color);outline:2px solid color-mix(in srgb,var(--primary-color) 18%,transparent);outline-offset:0;box-shadow:none}.modifier-page input[type=radio]{accent-color:var(--primary-color)}.modifier-page .form-group{margin-bottom:12px}.modifier-page .form-group>label,.modifier-page .input-label{display:block;margin-bottom:5px;color:var(--text-color);font-weight:700}.modifier-page #tab-basic>.card{margin:0 0 10px!important;padding:12px!important;border:var(--ui-border);box-shadow:none}.modifier-page .modifier-setting-card{margin:0;padding:15px}.modifier-page .modifier-required-card{margin-bottom:15px}.modifier-page .modifier-limit-card{margin-top:15px}.modifier-page .modifier-setting-title{display:block;margin-bottom:10px}.modifier-page .modifier-choice-row{display:flex;flex-wrap:wrap;gap:20px}.modifier-page .modifier-choice-column{display:flex;flex-direction:column;gap:15px}.modifier-page .modifier-choice-label{display:flex;align-items:center;margin:0;cursor:pointer}.modifier-page input[type=radio]{width:20px;height:20px;margin:0 8px 0 0;cursor:pointer}.modifier-page #limit-inputs{color:var(--text-color)!important;background:color-mix(in srgb,var(--accent-color) 12%,var(--card-bg))!important;border:var(--ui-border)}.modifier-page #limit-inputs{gap:15px;padding:15px;border-radius:6px}.modifier-page #limit-inputs input{border:var(--ui-border)!important}.modifier-page .modifier-limit-field{flex:1}.modifier-page .modifier-limit-field small{color:inherit}.modifier-page .modifier-limit-field>input{width:100%}.modifier-page .modifier-limit-max-row{display:flex;align-items:center;gap:10px}.modifier-page .modifier-limit-max-row>input{flex:1}.modifier-page .modifier-unlimited-label{font-size:.9em!important}.modifier-page .option-row{margin-bottom:8px;padding:10px;display:flex;align-items:flex-start;gap:8px;flex-wrap:wrap;color:var(--text-color);background:var(--card-bg);border:var(--ui-border);border-radius:var(--ui-radius-md)}.modifier-page .option-row>div{min-width:100px}.modifier-page .option-row .btn-remove{margin-top:23px}.modifier-page #tip-text{color:var(--text-color);border:var(--ui-border)}.modifier-page .modifier-add-option{width:100%;margin-top:15px;padding:12px;color:var(--text-color);background:transparent;border:2px dashed var(--accent-color)}.modifier-page #tip-text{margin-top:20px;padding:15px;background:color-mix(in srgb,var(--primary-color),transparent 90%);border-radius:var(--ui-radius-md);font-size:.9rem;line-height:1.5}.modifier-page #tip-text strong{color:var(--primary-color)}.modifier-page .modifier-product-filter{display:flex;gap:10px;margin-bottom:10px}.modifier-page .modifier-product-filter>select{flex:2}.modifier-page .modifier-select-all{flex:1}.modifier-page .modifier-modal-actions{padding:15px;background:var(--card-bg);border-top:var(--ui-border)}.modifier-page .product-select-grid{max-height:300px;padding:4px;display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;overflow-y:auto}.modifier-page .product-checkbox-card{min-height:42px;padding:9px;display:flex;align-items:center;gap:8px;color:var(--text-color);background:var(--card-bg);border:var(--ui-border);border-radius:var(--ui-radius-md);cursor:pointer}.modifier-page .product-checkbox-card.checked{color:var(--primary-text-color);background:var(--primary-color);border-color:var(--primary-color)}.modifier-page .product-checkbox-card input{width:auto;margin:0;accent-color:var(--primary-color)}.modifier-page .modifier-product-checkbox{pointer-events:none}.modifier-page .modifier-linked-label{color:var(--text-color);font-weight:700}.modifier-page .modifier-option-preview{margin-right:5px;padding:2px 6px;color:var(--text-color);border-radius:var(--ui-radius-sm);font-size:.85em}.modifier-page .modifier-card-title{color:var(--text-color);font-size:1.1rem;font-weight:700}.modifier-page .modifier-card-meta{margin-top:4px;color:var(--subtitle-color);font-size:.85rem}.modifier-page .modifier-options-preview{color:var(--text-color);line-height:1.5}.modifier-page .modifier-card-buttons{display:flex;gap:10px}.modifier-page .modifier-option-name-field,.modifier-page .modifier-option-product-field{flex:2;min-width:140px}.modifier-page .modifier-option-price-field{flex:1;min-width:80px}.modifier-page .opt-linkedProduct{width:100%}.modifier-page .modifier-empty-state{padding:20px;color:var(--text-color);text-align:center}.modifier-page .modifier-reload-button{width:40px;min-width:40px;padding:0}.modifier-page .modifier-reload-button:before{width:18px;height:18px}@media(max-width:640px){.modifier-page .modifier-page-heading{align-items:flex-start}.modifier-page #edit-modal{padding:12px}.modifier-page #edit-modal>.card{width:min(100%,560px)!important;height:auto!important;max-height:calc(100dvh - 24px);border:1px solid var(--accent-color);border-radius:var(--ui-radius-lg)}.modifier-page #edit-modal .tabs{overflow-x:auto}.modifier-page .option-row{position:relative;padding-top:48px;flex-direction:column;align-items:stretch}.modifier-page .option-row>div{width:100%;min-width:0!important}.modifier-page .option-row .btn-remove{position:absolute;inset:8px 8px auto auto;margin:0}.modifier-page .product-select-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.modifier-page #edit-modal>.card>:last-child{padding-bottom:max(10px,env(safe-area-inset-bottom))!important}}body.setting-page .color-row{display:flex;align-items:center;justify-content:space-between;padding:12px;border:1px solid var(--accent-color);border-radius:8px;margin-bottom:10px;background:var(--card-color);color:var(--text-color);font-weight:700}body.setting-page .color-picker-group{display:flex;align-items:center;gap:10px}body.setting-page input[type=color]{-webkit-appearance:none;border:none;width:40px;height:40px;padding:0;background:none;cursor:pointer;border-radius:50%;overflow:hidden;box-shadow:0 2px 5px #0000001a;flex-shrink:0}body.setting-page input[type=color]::-webkit-color-swatch-wrapper{padding:0}body.setting-page input[type=color]::-webkit-color-swatch{border:1px solid rgba(0,0,0,.1);border-radius:50%}body.setting-page .preview-text{padding:4px 12px;border-radius:4px;font-size:.85rem;font-weight:700;transition:.2s;border:none;width:120px;text-align:center;height:50px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-left:10px}body.setting-page .template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px;margin-bottom:25px}body.setting-page .template-btn{border:2px solid transparent;border-radius:8px;cursor:pointer;overflow:hidden;text-align:center;background:#fffefe;box-shadow:0 2px 5px #0000000d;transition:.2s}body.setting-page .template-btn:hover{transform:translateY(-3px);box-shadow:0 5px 15px #0000001a}body.setting-page .template-btn.active{border-color:var(--primary-color);transform:scale(.98)}body.setting-page .tpl-preview{height:60px;display:flex}body.setting-page .tpl-side{width:30%;height:100%}body.setting-page .tpl-main{width:70%;height:100%;position:relative}body.setting-page .tpl-btn{position:absolute;bottom:10px;right:10px;width:20px;height:20px;border-radius:4px}body.setting-page .tpl-name{padding:8px;font-size:.85rem;color:var(--text-color)}body.setting-page .form-group{margin-bottom:15px}body.setting-page .form-group label{display:block;margin-bottom:5px;font-size:.9rem;color:var(--text-color)}body.setting-page .form-group input,body.setting-page .form-group select{width:100%;padding:10px;border:1px solid var(--accent-color);border-radius:8px;background:var(--card-color);color:var(--text-color)}body.setting-page .printer-list{list-style:none;padding:0;margin:0}body.setting-page .printer-item{background:var(--bg-color);padding:15px;border-radius:8px;margin-bottom:10px;border:1px solid var(--accent-color);display:flex;justify-content:space-between;align-items:center}body.setting-page .printer-info strong{color:var(--text-color);font-size:1rem}body.setting-page .printer-info small{color:var(--text-color);opacity:.7;display:block}body.setting-page .printer-tags{margin-top:5px;display:flex;flex-wrap:wrap;gap:5px}body.setting-page .p-tag{font-size:.75rem;background:var(--accent-color);color:var(--accent-text-color);padding:2px 8px;border-radius:4px;display:inline-flex;align-items:center;gap:4px}body.setting-page .p-tag[data-ui-icon]:before{width:13px;height:13px}body.setting-page .p-tag.receipt{background:var(--success-color);color:var(--success-text-color)}body.setting-page .target-categories-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:5px}body.setting-page .target-categories-select-all{display:inline-flex;align-items:center;gap:6px;font-size:.82rem;color:var(--text-color);cursor:pointer;white-space:nowrap}body.setting-page .categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,max-content));gap:10px;align-items:start;background:var(--bg-color);padding:10px;border-radius:8px;border:1px solid var(--accent-color);margin-top:5px}body.setting-page .cat-checkbox{display:flex;align-items:center;gap:6px;min-width:0;max-width:max-content;font-size:.9rem;color:var(--text-color);cursor:pointer;line-height:1.3;white-space:nowrap}body.setting-page .cat-checkbox span{display:inline-block;min-width:0;max-width:max-content;overflow:visible;white-space:nowrap}body.setting-page .cat-checkbox input{width:16px;height:16px;min-width:16px;margin:0;accent-color:var(--primary-color, #0a84ff);-webkit-appearance:checkbox;appearance:checkbox;border-radius:0;transform:translateY(1px)}body.setting-page .btn-delete{background:var(--danger-color);color:#fff;border:none;padding:5px 10px;border-radius:4px;cursor:pointer}body.access-page{--subtitle-color:color-mix(in srgb, var(--text-color),var(--card-bg) 40%)}body.access-page .perm-table{width:100%;border-collapse:collapse;min-width:600px}body.access-page .perm-table th,body.access-page .perm-table td{padding:15px;text-align:center;border-bottom:1px solid var(--accent-color)}body.access-page .perm-table th:first-child,body.access-page .perm-table td:first-child{text-align:left;font-weight:700;color:var(--text-color)}body.access-page .perm-table th{background-color:color-mix(in srgb,var(--card-bg),var(--accent-color) 10%);color:var(--text-color);position:sticky;top:0;z-index:10}body.access-page .role-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:.8rem;background:var(--accent-color);color:var(--accent-text-color);margin-left:5px;opacity:.8;text-transform:uppercase}body.access-page .table-responsive{overflow-x:auto;border:1px solid var(--accent-color);border-radius:var(--border-radius);background:var(--card-bg)}body.access-page .passcode-mask{font-family:monospace;letter-spacing:2px}body.access-page .role-input-wrapper{position:relative;display:flex;align-items:center}body.access-page .role-input-wrapper>input{width:100%;padding-right:38px}body.access-page .role-dropdown-btn{position:absolute;top:50%;right:8px;width:28px;height:28px;min-width:28px;display:inline-flex;align-items:center;justify-content:center;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:0;color:var(--text-color)}body.access-page .role-dropdown-btn:before{width:16px;height:16px}body.access-page .role-dropdown-menu{position:absolute;top:100%;left:0;right:0;background:var(--card-bg);border:1px solid var(--accent-color);border-radius:var(--border-radius);max-height:200px;overflow-y:auto;z-index:1000;display:none;margin-top:2px;box-shadow:0 4px 6px #0000001a}body.access-page .role-dropdown-menu.show{display:block}body.access-page .role-dropdown-item{padding:10px 15px;cursor:pointer;color:var(--text-color);transition:background .2s}body.access-page .role-dropdown-item:hover{background:var(--accent-color)}body.attendance-page{--subtitle-color:color-mix(in srgb, var(--text-color),var(--card-bg) 70%)}body.attendance-page .time-display{font-family:monospace;font-size:1.1rem;font-weight:700;color:var(--text-color);cursor:pointer;padding:5px 10px;border-radius:4px;border:1px dashed transparent;transition:.2s}body.attendance-page .time-display:hover{border-color:var(--accent-color);background-color:color-mix(in srgb,var(--accent-color),transparent 90%)}body.attendance-page .time-display.empty{color:var(--subtitle-color);font-size:.9rem;font-weight:400}body.attendance-page .duration-badge{display:inline-block;padding:4px 8px;background-color:var(--card-bg);border:1px solid var(--accent-color);border-radius:12px;font-size:.9rem;font-weight:700;color:var(--primary-color)}body.attendance-page .attendance-table th,body.attendance-page .attendance-table td{vertical-align:middle;text-align:center}body.attendance-page .attendance-table td:first-child{text-align:left;font-weight:700}body.attendance-page .filter-bar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:15px;background:var(--card-bg);border-radius:8px;border:1px solid var(--accent-color);margin-bottom:20px}body.attendance-page .summary-card{background:var(--primary-color);color:var(--primary-text-color);padding:20px;border-radius:8px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center}body.attendance-page .filter-bar input[type=date]{font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:1rem;color:var(--text-color);background-color:var(--card-bg);border:1px solid var(--accent-color);padding:8px 12px;border-radius:8px;outline:none;cursor:pointer;transition:.2s}body.customer-page :root{--subtitle-color:color-mix(in srgb, var(--text-color),var(--card-bg) 40%)}body.customer-page .controls-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px;margin-bottom:20px}body.customer-page .search-bar{flex:1;max-width:400px;display:flex;gap:10px}body.customer-page .search-input{width:100%;padding:10px 15px;border:1px solid var(--accent-color);border-radius:20px;background:var(--card-bg);color:var(--text-color);outline:none;transition:.2s}body.customer-page .search-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #0000000d}body.customer-page .customer-table{width:100%;border-collapse:collapse;background:var(--card-bg);border-radius:8px;overflow:hidden;box-shadow:0 2px 5px #0000000d}body.customer-page .customer-table th{background:color-mix(in srgb,var(--card-bg),var(--accent-color) 20%);padding:15px;text-align:left;color:var(--text-color);font-weight:700}body.customer-page .customer-table td{padding:15px;border-bottom:1px solid var(--accent-color);color:var(--text-color)}body.customer-page .customer-table tr:hover{background:color-mix(in srgb,var(--card-bg),var(--accent-color) 10%);cursor:pointer}body.customer-page .tag{display:inline-block;padding:2px 8px;border-radius:4px;font-size:.8rem;margin-right:5px}body.customer-page .tag-vip{background:var(--primary-color);color:var(--primary-text-color)}body.customer-page .modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:2000;display:none;justify-content:center;align-items:center}body.customer-page .modal-card{background:var(--card-bg);width:800px;max-width:95%;max-height:90vh;border-radius:12px;display:flex;flex-direction:column;border:1px solid var(--accent-color);color:var(--text-color);box-shadow:0 10px 40px #0000004d}body.customer-page .profile-header{padding:20px;background:var(--primary-color);color:var(--primary-text-color);border-radius:11px 11px 0 0;display:flex;justify-content:space-between;align-items:flex-start}body.customer-page .edit-group{display:none;width:98%}body.customer-page .view-group,body.customer-page .modal-card.editing .edit-group{display:block}body.customer-page .modal-card.editing .view-group{display:none}body.customer-page .edit-input{width:100%;padding:8px;margin-bottom:5px;border-radius:4px;border:none;font-size:1rem;color:var(--text-color)}body.customer-page .profile-info h2{margin:0 0 5px;font-size:1.8rem;display:flex;align-items:center;gap:10px}body.customer-page .profile-stats{display:flex;gap:20px;margin-top:15px}body.customer-page .p-stat-box{background:#fff3;padding:8px 15px;border-radius:8px;text-align:center}body.customer-page .p-stat-val{font-size:1.2rem;font-weight:700;display:block}body.customer-page .p-stat-label{font-size:.8rem;opacity:.9}body.customer-page .modal-body{display:flex;flex:1;overflow:hidden}body.customer-page .modal-col{flex:1;padding:20px;overflow-y:auto}body.customer-page .modal-col.left{border-right:1px solid var(--accent-color);flex:.8}body.customer-page .section-title{font-size:1.1rem;font-weight:700;margin-bottom:15px;border-left:4px solid var(--primary-color);padding-left:10px;color:var(--text-color)}body.customer-page .history-item{display:flex;justify-content:space-between;align-items:center;padding:10px;border-bottom:1px dashed var(--accent-color)}body.customer-page .item-stat-row{display:flex;justify-content:space-between;margin-bottom:8px;font-size:.9rem;align-items:center}body.customer-page .progress-bg{flex:1;height:8px;background:color-mix(in srgb,var(--accent-color),white 50%);border-radius:4px;margin:0 10px;overflow:hidden}body.customer-page .progress-bar{height:100%;background:var(--primary-color)}@media screen and (max-width:768px){body.customer-page .customer-table thead{display:none}body.customer-page .customer-table tr{display:block;border:1px solid var(--accent-color);margin-bottom:10px;border-radius:8px;padding:10px}body.customer-page .customer-table td{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px dashed var(--accent-color)}body.customer-page .customer-table td:before{content:attr(data-label);font-weight:700;color:var(--subtitle-color)}body.customer-page .modal-overlay{box-sizing:border-box;padding:12px;align-items:center}body.customer-page .modal-card{width:100%;max-width:100%;max-height:calc(100dvh - 24px);overflow:hidden;border-radius:var(--ui-radius-lg);box-shadow:var(--ui-shadow-modal)}body.customer-page .profile-header{flex:0 0 auto;padding:14px;border-radius:var(--ui-radius-lg) var(--ui-radius-lg) 0 0}body.customer-page .profile-info{min-width:0}body.customer-page .profile-info h2{min-width:0;font-size:1.3rem}body.customer-page #txt-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body.customer-page .edit-group{width:100%}body.customer-page .profile-stats{gap:8px;margin-top:0}body.customer-page .customer-stats-band{flex:0 0 auto;padding:0 14px 14px!important}body.customer-page .p-stat-box{min-width:0;padding:8px 5px;flex:1}body.customer-page .p-stat-val{overflow-wrap:anywhere;font-size:1rem}body.customer-page .modal-body{min-height:0;flex-direction:column;overflow-y:auto}body.customer-page .modal-col{flex:0 0 auto;padding:14px;overflow:visible}body.customer-page .modal-col.left{border-right:none;border-bottom:1px solid var(--accent-color);max-height:none}body.customer-page .history-item{gap:10px;align-items:flex-start}}body.qrcode-page{margin:0;background:var(--bg-color);color:var(--text-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}body.qrcode-page .controls-card{background:var(--card-bg);padding:20px;border-radius:8px;border:var(--ui-border);box-shadow:0 1px 3px #0000001a;margin-bottom:20px}body.qrcode-page .check-group{display:flex;align-items:center;gap:8px;font-weight:700;cursor:pointer}body.qrcode-page input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary-color);cursor:pointer}body.qrcode-page .qr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:15px}body.qrcode-page .qr-card{background:var(--card-bg);border:var(--ui-border);border-radius:12px;padding:15px;display:flex;align-items:center;gap:15px;box-shadow:0 2px 5px #00000008;transition:.2s;cursor:pointer;position:relative;overflow:hidden}body.qrcode-page .qr-card:hover{border-color:var(--card-bg);box-shadow:0 4px 10px #000c}body.qrcode-page .qr-card.selected{background:var(--card-bg);border-color:var(--primary-color);box-shadow:0 4px 10px #000c}body.qrcode-page .card-check{pointer-events:none}body.qrcode-page .qr-preview{width:80px;height:80px;background:#f0f0f0;flex-shrink:0;display:flex;align-items:center;justify-content:center}body.qrcode-page .qr-preview img{width:100%;height:100%;display:block}body.qrcode-page .info{flex:1;overflow:hidden}body.qrcode-page .t-name{font-weight:700;font-size:1.1rem;margin-bottom:5px;color:var(--text-color)}body.qrcode-page .t-link{font-size:.8rem;color:var(--text-color);word-break:break-all;line-height:1.2}body.qrcode-page #hidden-qr-container{position:absolute;top:-9999px;left:-9999px}body.qrcode-page #loading{position:fixed;inset:0;background:#fffc;z-index:999;align-items:center;justify-content:center;flex-direction:column;font-weight:700;color:var(--text-color);display:none}body.qrcode-page *{box-sizing:border-box}body.guide-page .guide-shell{width:min(1180px,calc(100% - 36px));margin:0 auto;padding:54px 0 90px}body.guide-page .guide-toolbar{display:flex;align-items:center;justify-content:flex-end;margin-bottom:24px}body.guide-page .guide-language{display:inline-block;width:auto!important;min-width:118px;max-width:150px;flex:0 0 auto;padding:7px 34px 7px 11px;border:1px solid var(--accent-color);border-radius:7px;background:var(--card-bg);color:var(--text-color);cursor:pointer;font:inherit;font-size:.88rem}body.guide-page .guide-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding-bottom:28px;margin-bottom:34px;border-bottom:1px solid var(--accent-color)}body.guide-page .guide-kicker{margin:0 0 8px;color:var(--subtitle-color);font-size:.78rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}body.guide-page .guide-header h1{margin:0;color:var(--text-color);font-size:clamp(2rem,5vw,4.4rem);line-height:.98;letter-spacing:-.05em}body.guide-page .guide-header p{max-width:470px;margin:0;color:var(--subtitle-color);line-height:1.7}body.guide-page .guide-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:clamp(32px,6vw,80px);align-items:start}body.guide-page .guide-nav{position:sticky;top:28px;display:flex;flex-direction:column;gap:2px}body.guide-page .guide-nav-label{margin:0 0 12px;color:var(--subtitle-color);font-size:.75rem;font-weight:700;letter-spacing:.12em}body.guide-page .guide-nav button{appearance:none;width:100%;padding:9px 0;border:0;border-bottom:1px solid transparent;background:transparent;color:var(--subtitle-color);cursor:pointer;font:inherit;font-size:1rem;text-align:left;transition:color .2s,border-color .2s,padding-left .2s}body.guide-page .guide-nav button:hover{color:var(--text-color);padding-left:5px}body.guide-page .guide-nav button.active{color:var(--text-color);border-bottom-color:var(--text-color);font-weight:700}body.guide-page .guide-panel{display:none}body.guide-page .guide-panel.active{display:block}body.guide-page .panel-heading{margin-bottom:20px}body.guide-page .panel-heading h2{margin:0 0 8px;color:var(--text-color);font-size:clamp(1.65rem,3vw,2.6rem);letter-spacing:-.035em}body.guide-page .panel-heading p{margin:0;color:var(--subtitle-color);line-height:1.65}body.guide-page .guide-item{border-top:1px solid var(--accent-color)}body.guide-page .guide-item:last-child{border-bottom:1px solid var(--accent-color)}body.guide-page .guide-item summary{position:relative;display:flex;align-items:center;min-height:66px;padding:16px 48px 16px 0;color:var(--text-color);cursor:pointer;font-size:1.03rem;font-weight:650;line-height:1.45;list-style:none}body.guide-page .guide-item summary::-webkit-details-marker{display:none}body.guide-page .guide-item summary:before,body.guide-page .guide-item summary:after{content:"";position:absolute;right:8px;width:16px;height:2px;border-radius:2px;background:var(--text-color);transition:transform .22s ease}body.guide-page .guide-item summary:after{transform:rotate(90deg)}body.guide-page .guide-item[open] summary:after{transform:rotate(0)}body.guide-page .guide-answer{max-width:790px;padding:0 42px 28px 0;color:var(--text-color);font-size:.96rem;line-height:1.85}body.guide-page .guide-answer p{margin:0 0 14px}body.guide-page .guide-answer p:last-child{margin-bottom:0}body.guide-page .guide-answer ul,body.guide-page .guide-answer ol{margin:8px 0 18px;padding-left:1.35rem}body.guide-page .guide-answer li{margin:5px 0}body.guide-page .guide-answer a{color:var(--text-color);font-weight:700;text-decoration-color:var(--primary-color);text-underline-offset:3px}body.guide-page .guide-answer code{padding:2px 6px;border-radius:4px;background:var(--bg-color);border:1px solid var(--accent-color);color:var(--text-color)}body.guide-page .guide-note{margin:18px 0;padding:14px 16px;border-left:3px solid var(--primary-color);background:color-mix(in srgb,var(--primary-color),transparent 92%);border-radius:0 7px 7px 0}body.guide-page .empty-panel{padding:52px 0;border-top:1px solid var(--accent-color);border-bottom:1px solid var(--accent-color);color:var(--subtitle-color)}@media(max-width:800px){body.guide-page .guide-shell{width:min(100% - 28px,720px);padding-top:78px}body.guide-page .guide-header{display:block;margin-bottom:24px}body.guide-page .guide-header p{margin-top:18px}body.guide-page .guide-layout{display:block}body.guide-page .guide-nav{position:static;flex-direction:row;gap:8px;overflow-x:auto;margin:0 -14px 28px;padding:0 14px 10px;scrollbar-width:none}body.guide-page .guide-nav::-webkit-scrollbar{display:none}body.guide-page .guide-nav-label{display:none}body.guide-page .guide-nav button{flex:0 0 auto;width:auto;padding:9px 14px;border:1px solid var(--accent-color);border-radius:999px;white-space:nowrap}body.guide-page .guide-nav button:hover{padding-left:14px}body.guide-page .guide-nav button.active{background:var(--primary-color);border-color:var(--primary-color);color:var(--primary-text-color)}body.guide-page .guide-answer{padding-right:0}}.sales-page .sales-history-date-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px}.sales-page .expense-preset-item{min-height:28px;padding:2px 3px 2px 8px;display:inline-flex;align-items:center;gap:5px;color:var(--text-color);background:color-mix(in srgb,var(--accent-color) 12%,var(--card-bg));border:var(--ui-border);border-radius:var(--ui-radius-pill)}.sales-page .expense-item-remove{width:22px;height:22px;padding:0;display:inline-flex;align-items:center;justify-content:center;color:var(--danger-color);background:var(--ui-delete-bg);border:1px solid var(--danger-color);border-radius:50%;cursor:pointer}.sales-page .expense-item-remove:before{width:12px;height:12px}body.ingredients-page{--subtitle-color: color-mix(in srgb, var(--text-color), var(--card-bg) 40%)}body.ingredients-page .inv-card{background:var(--card-bg);border:1px solid var(--accent-color);border-radius:8px;padding:15px;margin-bottom:10px;display:flex;justify-content:space-between;align-items:center;transition:.1s;max-width:400px}body.ingredients-page .inv-card:active{transform:scale(.98);background:var(--bg-color)}body.ingredients-page .inv-card.sortable-card{max-width:none;gap:12px}body.ingredients-page .inv-card.sortable-card.dragging{opacity:.55;transform:scale(.99)}body.ingredients-page .inv-card.sortable-card.drop-target{outline:2px dashed var(--primary-color);outline-offset:2px}body.ingredients-page .sort-handle{flex:0 0 auto;width:34px;min-height:34px;display:flex;align-items:center;justify-content:center;border-radius:8px;border:1px solid var(--accent-color);background:var(--bg-color);color:var(--muted-color);cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none}body.ingredients-page .sort-handle:active{cursor:grabbing}body.ingredients-page .sort-hint{font-size:.85rem;color:var(--muted-color);margin:8px 0 12px}body.ingredients-page .qu-card{background:var(--card-bg);padding:20px;border-radius:var(--border-radius);box-shadow:0 2px 10px #00000008;margin-top:10px;margin-bottom:20px;border:1px solid var(--accent-color)}body.ingredients-page .stock-badge{font-size:1.2rem;font-weight:700;padding:5px 10px;border-radius:6px;min-width:60px;text-align:center;margin:5px}body.ingredients-page .stock-normal{background:color-mix(in srgb,var(--success-color),transparent 85%);color:var(--success-color)}body.ingredients-page .stock-low{background:color-mix(in srgb,var(--closed-color),transparent 85%);color:var(--closed-color)}body.ingredients-page .stock-empty{background:color-mix(in srgb,var(--danger-color),transparent 85%);color:var(--danger-color)}body.ingredients-page .stock-shelved{background:var(--card-color);color:var(--subtitle-color);border:1px dashed var(--subtitle-color)}body.ingredients-page .alert-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:10px;margin-bottom:20px}body.ingredients-page .alert-box{display:none;background:var(--card-bg);border-radius:8px;padding:15px;margin-bottom:20px;border:1px solid var(--subtitle-color);box-shadow:0 1px 3px #0000001a}body.ingredients-page .alert-box h4{margin:0 0 10px;font-size:.95rem;opacity:.9}body.ingredients-page .box-empty{background:color-mix(in srgb,var(--danger-color),transparent 90%);border:1px solid var(--danger-color);color:var(--danger-color);margin-bottom:5px}body.ingredients-page .box-low{background:color-mix(in srgb,var(--closed-color),transparent 90%);border:1px solid var(--closed-color);color:var(--closed-color);margin-bottom:5px}body.ingredients-page .box-shelved{background:var(--bg-color);border:1px dashed var(--accent-color);color:var(--text-color);opacity:.8;margin-bottom:5px}body.ingredients-page .alert-btn{background:var(--card-color);border:1px solid var(--accent-color);color:var(--text-color);padding:8px 14px;border-radius:50px;margin-bottom:3px;font-size:.95rem;cursor:pointer;display:flex;align-items:center;gap:6px;transition:.2s;-webkit-user-select:none;user-select:none;font-weight:500}body.ingredients-page .alert-btn-name{font-size:.9rem;font-weight:700;display:block}body.ingredients-page .alert-btn-val{font-size:.8rem;font-weight:800}body.ingredients-page .filter-bar{display:flex;gap:8px;overflow-x:auto;padding-bottom:10px;margin-bottom:10px;scrollbar-width:none}body.ingredients-page .filter-chip{padding:6px 14px;border-radius:20px;background:var(--card-bg);border:1px solid var(--accent-color);color:var(--text-color);white-space:nowrap;cursor:pointer;font-size:.9rem}body.ingredients-page .filter-chip.active{background:var(--primary-color);color:var(--primary-text-color);border-color:var(--primary-color)}body.ingredients-page .link-row{display:flex;gap:5px;margin-bottom:8px;align-items:center;background:var(--bg-color);padding:8px;border-radius:6px}body.ingredients-page .link-row select{flex:1;min-width:0}body.ingredients-page .link-row input{width:70px;text-align:center}body.ingredients-page .cat-manage-box{background:var(--card-bg);padding:15px;border-radius:8px;border:1px solid var(--accent-color);margin-bottom:20px}body.ingredients-page .cat-item-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px dashed var(--bg-color)}body.ingredients-page .link-row{gap:4px!important;padding:6px!important}body.ingredients-page .link-row input.link-qty{width:50px!important;min-width:50px!important;padding:4px!important;font-size:.9rem}body.ingredients-page .link-row select.link-pid{flex:1!important;width:auto!important;min-width:0!important;font-size:.9rem}body.ingredients-page .link-row .btn-danger{padding:2px 8px!important;width:30px!important;display:flex;justify-content:center;align-items:center}body.ingredients-page .numpad .num{padding:10px 0;font-size:20px;border:1px solid var(--accent-color);background:var(--accent-color);color:var(--accent-text-color);border-radius:10px;cursor:pointer;transition:background .1s;box-shadow:0 2px 5px #00000008}body.ingredients-page .numpad .num:active{background:color-mix(in srgb,var(--accent-color) 10%,white);transform:scale(.98)}body.ingredients-page .selector-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:2500;display:none;justify-content:center;align-items:flex-end}body.ingredients-page .selector-panel{background:var(--card-bg);width:100%;max-width:600px;height:80vh;border-radius:16px 16px 0 0;padding:20px;display:flex;flex-direction:column;animation:slideUp .3s ease-out}@media(min-width:600px){body.ingredients-page .selector-overlay{align-items:center}body.ingredients-page .selector-panel{height:70vh;border-radius:12px}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}body.ingredients-page .select-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;overflow-y:auto;flex:1;padding:10px 0}body.ingredients-page .select-item{border:1px solid var(--accent-color);padding:10px;border-radius:8px;cursor:pointer;text-align:center;font-size:.9rem;background:var(--card-bg);color:var(--text-color);display:flex;flex-direction:column;justify-content:center;min-height:60px}body.ingredients-page .select-item.selected{background:var(--accent-color);border-color:var(--accent-color);color:var(--accent-text-color);font-weight:700}body.ingredients-page .selector-tabs{display:flex;gap:8px;overflow-x:auto;margin-bottom:10px}body.ingredients-page .selector-tabs .btn-tab{padding:8px 12px;border-radius:20px}body.oocheck-page{--subtitle-color: color-mix(in srgb, var(--text-color), var(--card-bg) 40%)}body.oocheck-page .controls-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px;margin-bottom:14px}body.oocheck-page .tab-count{background:var(--danger-color);color:var(--danger-text-color);border-radius:10px;padding:2px 6px;font-size:.8rem;vertical-align:top;margin-left:5px;display:inline-flex;align-items:center;justify-content:center;line-height:1}body.oocheck-page .view-section{display:none;animation:fadeIn .3s}body.oocheck-page .view-section.active{display:block}body.oocheck-page .order-table{width:100%;border-collapse:collapse;background:var(--card-bg);border-radius:8px;overflow:hidden;box-shadow:0 2px 5px #0000000d}body.oocheck-page .order-table th{background:color-mix(in srgb,var(--card-bg),var(--accent-color) 20%);padding:12px;text-align:left}body.oocheck-page .order-table td{padding:12px;border-bottom:1px solid var(--accent-color);color:var(--text-color)}body.oocheck-page .order-table tr:hover{background:color-mix(in srgb,var(--card-bg),var(--accent-color) 10%);cursor:pointer}body.oocheck-page .custom-checkbox{width:20px;height:20px;cursor:pointer;accent-color:var(--success-color)}body.oocheck-page .order-detail-icon-btn{width:42px;height:42px;padding:0;border:none;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:transform .15s,opacity .15s}body.oocheck-page .order-detail-icon-btn:hover{transform:translateY(-1px);opacity:.9}body.oocheck-page .order-detail-icon-btn:disabled{cursor:wait;opacity:.55;transform:none}body.oocheck-page .order-detail-icon-btn svg{width:21px;height:21px;fill:currentColor}body.oocheck-page .order-detail-icon-btn.danger{background:var(--danger-color);color:var(--danger-text-color)}body.oocheck-page .order-detail-icon-btn.primary{background:var(--primary-color)}body.oocheck-page .order-detail-icon-btn.primary2{background:var(--primary-text-color);color:var(--primary-color);border:1px solid var(--primary-color)}body.oocheck-page .sub-controls{display:flex;justify-content:space-between;align-items:center;background:var(--card-bg);padding:10px 15px;border-radius:8px;border:1px solid var(--accent-color);margin-bottom:15px}body.oocheck-page .date-picker-group{display:flex;align-items:center;gap:15px;flex-wrap:nowrap}body.oocheck-page .confirmed-list-layout{display:flex;align-items:flex-start;gap:15px;width:100%}body.oocheck-page .horizontal-scroll-container{display:flex;flex-wrap:nowrap;gap:15px;overflow-x:scroll;padding-bottom:20px;align-items:flex-start;overscroll-behavior-x:contain;scroll-behavior:smooth;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--accent-color) var(--card-bg)}body.oocheck-page .horizontal-scroll-container::-webkit-scrollbar{height:12px}body.oocheck-page .horizontal-scroll-container::-webkit-scrollbar-track{background:var(--card-bg);border-radius:999px}body.oocheck-page .horizontal-scroll-container::-webkit-scrollbar-thumb{background:var(--accent-color);border-radius:999px;border:3px solid var(--card-bg)}body.oocheck-page .stats-card{background:var(--card-bg);border:2px solid var(--primary-color);border-radius:12px;padding:15px;min-width:250px;max-width:250px;display:flex;flex-direction:column;gap:8px;box-shadow:0 2px 8px #0000001a;position:sticky;left:0;z-index:10}body.oocheck-page .order-card{background:var(--card-bg);border:1px solid var(--accent-color);border-radius:12px;padding:15px;min-width:300px;max-width:300px;display:flex;flex-direction:column;gap:8px;box-shadow:0 2px 8px #0000000d;transition:.2s;position:relative;height:auto}body.oocheck-page .order-card:hover{transform:translateY(-3px);box-shadow:0 5px 15px #0000001a;border-color:var(--primary-color)}body.oocheck-page .order-card.completed{background-color:color-mix(in srgb,var(--success-color),var(--card-bg) 90%);border-color:var(--success-color)}body.oocheck-page .card-header{display:flex;justify-content:space-between;border-bottom:1px dashed var(--accent-color);padding-bottom:8px;margin-bottom:5px}body.oocheck-page .card-id{font-weight:700;font-size:1.1rem;color:var(--primary-color)}body.oocheck-page .card-time{font-size:.9rem;color:var(--subtitle-color)}body.oocheck-page .card-items{flex:1;font-size:.95rem;color:var(--text-color);overflow-y:visible}body.oocheck-page .card-footer{border-top:1px solid var(--accent-color);padding-top:10px;margin-top:5px;display:flex;justify-content:space-between;align-items:center}body.oocheck-page .btn-complete{background:var(--bg-color);border:1px solid var(--primary-color);color:var(--primary-color);padding:5px 12px;border-radius:20px;cursor:pointer;font-size:.9rem;transition:.2s}body.oocheck-page .btn-complete:hover{background:var(--primary-color);color:var(--primary-text-color)}body.oocheck-page .btn-complete.done{background:var(--success-color);border-color:var(--success-color);color:var(--success-text-color);cursor:default}body.oocheck-page .btn-whatsapp{background-color:var(--success-color);color:var(--success-text-color);border:none;padding:8px 15px;border-radius:20px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:5px}body.oocheck-page .calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:10px}body.oocheck-page .cal-day{background:var(--card-bg);border:1px solid var(--accent-color);min-height:150px;padding:10px;border-radius:8px;cursor:pointer;transition:.2s;display:flex;flex-direction:column}body.oocheck-page .cal-day:hover{border-color:var(--primary-color);box-shadow:inset 0 0 0 2px var(--primary-color)}body.oocheck-page .cal-day.today{border-width:3px;border-color:var(--primary-color)}body.oocheck-page .cal-header{text-align:center;font-weight:700;padding:10px;background:color-mix(in srgb,var(--card-bg),var(--accent-color) 20%);border-radius:4px}body.oocheck-page .cal-date{font-weight:700;margin-bottom:5px;display:block}body.oocheck-page .cal-full-list{font-size:.8rem;overflow-y:auto;max-height:200px}body.oocheck-page .cal-item-row{display:flex;justify-content:space-between;border-bottom:1px dotted var(--accent-color);margin-bottom:2px}body.oocheck-page .modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:2000;display:none;justify-content:center;align-items:center}body.oocheck-page .modal-content{background:var(--card-bg);width:500px;max-width:95%;max-height:90vh;border-radius:12px;padding:0;display:flex;flex-direction:column;border:1px solid var(--accent-color);color:var(--text-color)}body.oocheck-page .modal-scroll{padding:20px;overflow-y:auto;flex:1}body.oocheck-page .detail-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px dashed var(--accent-color)}body.oocheck-page #edit-modal{box-sizing:border-box;padding:16px}body.oocheck-page #edit-modal .order-edit-dialog{width:min(760px,calc(100vw - 32px));max-width:calc(100vw - 32px);height:min(90dvh,860px);max-height:calc(100dvh - 32px);margin:0;padding:0;overflow:hidden}body.oocheck-page #edit-modal .order-edit-header{min-height:54px;padding:10px 14px!important;flex:0 0 auto;background:var(--card-bg)}body.oocheck-page #edit-modal .order-edit-body{min-width:0;min-height:0;padding:16px;flex:1 1 auto;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}body.oocheck-page #edit-modal .order-edit-body :is(input,select,textarea){max-width:100%;box-sizing:border-box}body.oocheck-page #edit-modal .order-edit-customer-grid>*,body.oocheck-page #edit-modal .order-edit-recipient-grid>*{min-width:0}body.oocheck-page #edit-modal .order-edit-datetime{display:block;width:100%!important;min-width:0;max-width:100%;padding-inline:8px;font-size:16px}body.oocheck-page #edit-modal .order-edit-panel{min-width:0;padding:12px!important;border:var(--ui-border);border-radius:var(--ui-radius-md)!important}body.oocheck-page #edit-modal .order-edit-item-row{min-width:0;display:grid!important;grid-template-columns:34px 34px minmax(0,1fr) auto;grid-template-areas:"item item item quantity" "delete edit price price";align-items:center;gap:8px!important}body.oocheck-page #edit-modal .order-edit-item-row>:nth-child(1){grid-area:delete}body.oocheck-page #edit-modal .order-edit-item-row>:nth-child(2){grid-area:edit}body.oocheck-page #edit-modal .order-edit-item-row>:nth-child(3){grid-area:item;min-width:0;overflow-wrap:anywhere}body.oocheck-page #edit-modal .order-edit-item-row>:nth-child(4){grid-area:quantity;white-space:nowrap;justify-self:end}body.oocheck-page #edit-modal .order-edit-item-row>:last-child{grid-area:price;width:auto!important;min-width:64px;justify-self:end;text-align:right}body.oocheck-page #edit-modal .order-edit-product-row>select{min-width:0}body.oocheck-page #edit-modal .order-edit-custom-row>input{min-width:0}body.oocheck-page #edit-modal .order-edit-totals>div{gap:12px}body.oocheck-page #edit-modal .order-edit-totals input{flex:0 0 110px;width:110px!important;min-width:0}body.oocheck-page #edit-modal .order-edit-actions{min-height:58px;padding:10px 14px max(10px,env(safe-area-inset-bottom))!important;display:flex;justify-content:flex-end;gap:8px;flex:0 0 auto;background:var(--card-bg)}body.oocheck-page .pdf-page{width:297mm;height:210mm;padding:10mm;background:#fff;color:#000;box-sizing:border-box;page-break-after:always;position:relative}body.oocheck-page .pdf-header{text-align:center;font-weight:700;font-size:1.2rem;margin-bottom:5mm;border-bottom:2px solid #000;padding-bottom:5px}body.oocheck-page .pdf-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:10mm;align-content:start}body.oocheck-page .pdf-card{border:1px solid #000;border-radius:8px;padding:4mm;height:80mm;display:flex;flex-direction:column;overflow:hidden;background:#fff}body.oocheck-page .pdf-card-head{border-bottom:1px solid #ccc;padding-bottom:5px;margin-bottom:5px;display:flex;justify-content:space-between;font-weight:700;font-size:.95rem}body.oocheck-page .pdf-card-info{font-size:.85rem;margin-bottom:5px;line-height:1.3}body.oocheck-page .pdf-items-box{flex:1;border:1px dashed #eee;padding:5px;font-size:.85rem;overflow:hidden}body.oocheck-page .pdf-item-row{display:flex;justify-content:space-between;margin-bottom:2px}body.oocheck-page .pdf-footer{margin-top:5px;border-top:1px solid #000;padding-top:5px;text-align:right;font-weight:700;font-size:1rem}body.oocheck-page .day-selector{display:flex;gap:8px;flex-wrap:wrap;margin-top:5px}body.oocheck-page .day-label{display:flex;align-items:center;gap:5px;background:var(--bg-color);padding:6px 12px;border-radius:20px;border:1px solid var(--accent-color);font-size:.85rem;cursor:pointer;-webkit-user-select:none;user-select:none}body.oocheck-page .day-label:hover{border-color:var(--primary-color)}body.oocheck-page .day-label input{margin:0}body.oocheck-page .loc-row{display:flex;gap:5px;align-items:center}body.oocheck-page .loc-row input,body.oocheck-page .loc-name{flex:1}body.oocheck-page .loc-addr{flex:2}body.oocheck-page .editor-toolbar{display:flex;align-items:center;gap:5px;background:#f1f1f1;padding:5px;border:1px solid var(--accent-color);border-bottom:none;border-radius:8px 8px 0 0}body.oocheck-page .btn-tool{background:#fff;border:1px solid #ccc;cursor:pointer;width:30px;height:30px;border-radius:4px;display:flex;justify-content:center;align-items:center}body.oocheck-page .btn-tool:hover{background:#e0e0e0}body.oocheck-page .tool-select{padding:4px;border-radius:4px;border:1px solid #ccc}body.oocheck-page .rich-editor{min-height:150px;max-height:300px;overflow-y:auto;border:1px solid var(--accent-color);border-radius:0 0 8px 8px;padding:15px;background:var(--card-bg);line-height:1.5;outline:none}body.oocheck-page .rich-editor:focus{border-color:var(--primary-color)}body.oocheck-page #conf-whatsapp-message{display:block;width:100%;max-width:100%;box-sizing:border-box}body.oocheck-page .rich-editor b{font-weight:800}@media screen and (max-width:768px){body.oocheck-page #edit-modal{padding:12px;align-items:center}body.oocheck-page #edit-modal .order-edit-dialog{width:100%;max-width:100%;height:calc(100dvh - 24px);max-height:calc(100dvh - 24px);border-radius:var(--ui-radius-lg)}body.oocheck-page #edit-modal .order-edit-body{padding:12px}body.oocheck-page #edit-modal :is(.order-edit-customer-grid,.order-edit-recipient-grid){grid-template-columns:minmax(0,1fr)!important}body.oocheck-page #edit-modal :is(.order-edit-customer-grid,.order-edit-recipient-grid)>*{grid-column:1!important;min-width:0}body.oocheck-page #edit-modal .order-edit-item-row{grid-template-columns:34px 34px minmax(0,1fr) auto}body.oocheck-page #edit-modal .order-edit-product-row,body.oocheck-page #edit-modal .order-edit-custom-row{align-items:stretch!important;flex-wrap:wrap}body.oocheck-page #edit-modal .order-edit-product-row>select{flex:1 1 100%!important}body.oocheck-page #edit-modal .order-edit-product-row>.btn{margin-left:auto}body.oocheck-page #edit-modal .order-edit-custom-row>input{flex:1 1 calc(50% - 4px)!important;width:calc(50% - 4px)}body.oocheck-page #edit-modal .order-edit-custom-row>.btn{width:100%;flex:1 1 100%}body.oocheck-page #edit-modal .order-edit-totals input{flex-basis:100px;width:100px!important}body.oocheck-page #edit-modal .order-edit-actions>.btn{flex:1}body.oocheck-page .whatsapp-message-header{align-items:stretch!important;flex-direction:column}body.oocheck-page .whatsapp-message-actions{width:100%;flex-wrap:wrap}body.oocheck-page .whatsapp-message-actions>.btn{flex:1 1 auto}body.oocheck-page .order-table thead{display:none}body.oocheck-page .order-table tr{display:block;border:1px solid var(--accent-color);margin-bottom:10px;border-radius:8px;padding:10px}body.oocheck-page .order-table td{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px dashed var(--accent-color)}body.oocheck-page .order-table td:before{content:attr(data-label);font-weight:700;color:var(--subtitle-color)}body.oocheck-page .confirmed-list-layout{flex-direction:column}body.oocheck-page .calendar-grid{grid-template-columns:repeat(2,1fr)}body.oocheck-page .horizontal-scroll-container{flex-wrap:wrap;overflow-x:visible}body.oocheck-page .stats-card{position:relative;width:100%;max-width:100%}body.oocheck-page .order-card{width:100%;max-width:100%}body.oocheck-page .sub-controls{flex-direction:column;align-items:stretch;gap:15px;height:auto}body.oocheck-page .date-picker-group{width:100%;flex-direction:column;align-items:stretch;gap:10px}body.oocheck-page #list-controls{width:100%;justify-content:space-between;flex-wrap:wrap}body.oocheck-page #list-controls input[type=date]{flex:1;min-width:120px}body.oocheck-page #calendar-controls{width:100%;justify-content:space-between;flex-wrap:wrap;margin-top:5px}body.oocheck-page .btn-group{width:100%;justify-content:flex-end;padding-top:10px;border-top:1px dashed var(--accent-color)}}body.sales-page .tab-content{display:none}body.sales-page .tab-content.active{display:block;animation:fadeIn .3s}body.sales-page .stats-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:15px;margin-bottom:20px}body.sales-page .stat-card{background:var(--card-bg);padding:15px;border-radius:8px;border:1px solid var(--accent-color);box-shadow:0 2px 5px #0000000d;text-align:center;color:var(--text-color);cursor:default;transition:.2s}body.sales-page .stat-card.clickable{cursor:pointer}body.sales-page .stat-card.clickable:hover{transform:translateY(-3px);box-shadow:0 5px 15px #0000001a;border-color:var(--primary-color)}body.sales-page .stat-label{font-size:.9rem;opacity:.8;margin-bottom:5px}body.sales-page .stat-value{font-size:1.4rem;font-weight:700}body.sales-page .stat-value.money{color:var(--primary-color)}body.sales-page .history-table{width:100%;border-collapse:collapse;background:var(--card-bg);border-radius:8px;overflow:hidden;color:var(--text-color)}body.sales-page .history-table th,body.sales-page .history-table td{padding:12px;text-align:left;border-bottom:1px solid var(--accent-color)}body.sales-page .history-table th{background:color-mix(in srgb,var(--card-bg),var(--accent-color) 20%);font-weight:700;cursor:pointer;-webkit-user-select:none;user-select:none;transition:.2s}body.sales-page .history-table th:hover{background:var(--accent-color);color:var(--accent-text-color)}body.sales-page .sort-icon{display:inline-block;width:12px;text-align:center;margin-left:5px;opacity:.5}body.sales-page .sort-active .sort-icon{opacity:1;font-weight:700}body.sales-page .history-table tr:hover{background:color-mix(in srgb,var(--card-bg),var(--accent-color) 10%)}body.sales-page .row-void{background:color-mix(in srgb,var(--danger-color),transparent 90%)!important;color:var(--muted-color)}body.sales-page .row-void td{text-decoration:line-through}body.sales-page .row-void .actions{text-decoration:none}body.sales-page .badge-void{background:var(--danger-color);color:#fff;padding:2px 6px;border-radius:4px;font-size:.8rem;margin-right:5px;text-decoration:none;display:inline-block}body.sales-page .filter-bar{display:flex;gap:10px;margin-bottom:20px;flex-wrap:wrap;align-items:center;background:var(--card-bg);padding:15px;border-radius:8px;border:1px solid var(--accent-color);color:var(--text-color)}body.sales-page .search-box{flex:1;min-width:200px;display:flex;gap:5px}body.sales-page .overlay{position:fixed;inset:0;background:#00000080;z-index:2000;display:none;justify-content:center;align-items:center}body.sales-page .backdrop{position:absolute;inset:0}body.sales-page .modal-card{position:relative;z-index:2001;background:#fff!important;color:#000!important;width:500px;max-width:90%;max-height:90vh;border-radius:12px;box-shadow:0 10px 40px #00000080;display:flex;flex-direction:column;border:1px solid #000000}body.sales-page .modal-header{padding:15px;border-bottom:2px solid #000000;display:flex;justify-content:space-between;align-items:center;font-size:1.2rem;font-weight:700;background:#fff!important;color:#000!important;border-radius:12px 12px 0 0}body.sales-page .modal-footer{padding:15px;border-top:1px solid #000000;display:flex;justify-content:flex-end;gap:10px;background:#fff!important;border-radius:0 0 12px 12px}body.sales-page .detail-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px dashed #000000;color:#000!important}body.sales-page .detail-items{background:#fff!important;color:#000!important;padding:10px;border-radius:6px;margin:10px 0;border:1px solid #000000}body.sales-page #v-order-note,body.sales-page #v-pay-note{background:#fff!important;border:1px solid #000000!important;color:#000!important;padding:5px;font-size:.9rem;border-radius:4px}body.sales-page #v-total,body.sales-page #v-disc{color:#000!important}body.sales-page .modal-body-scroll{padding:20px;overflow-y:auto;flex:1}body.sales-page .print-header{display:none;text-align:center;margin-bottom:20px}body.sales-page .edit-item-row{display:flex;gap:5px;margin-bottom:5px;align-items:center}body.sales-page .print-mode .print-header{display:block}body.sales-page .pay-stat-row{display:flex;justify-content:space-between;padding:12px;border-bottom:1px solid var(--accent-color);font-size:1.1rem}body.sales-page .pay-stat-row:last-child{border-bottom:none}body.sales-page .print-mode{width:260px!important;min-width:260px!important;max-width:260px!important;height:auto!important;padding:0!important;background:#fff!important}body.sales-page .print-mode .print-header{margin-top:0!important;padding-top:0!important}body.sales-page .print-mode #print-logo{height:35px!important;margin-bottom:5px!important;max-width:100%}body.sales-page .print-mode .detail-row{padding:4px 0!important;font-size:.85rem!important;border-bottom:1px dashed #000!important}body.sales-page .print-mode .detail-row span{white-space:normal!important;overflow:visible!important}body.sales-page .print-mode .detail-row,body.sales-page .print-mode .detail-items,body.sales-page .print-mode #v-notes-area{page-break-inside:avoid}body.sales-page .date-group input[type=date]{font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:1rem;color:var(--text-color);background-color:var(--card-bg);border:1px solid var(--accent-color);padding:8px 12px;border-radius:8px;outline:none;cursor:pointer;transition:.2s;box-sizing:border-box}body.sales-page .date-group input[type=date]:hover,body.sales-page .date-group input[type=date]:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #0000000d}@media screen and (max-width:768px){body.sales-page .main-content{padding-left:15px;padding-right:15px;padding-top:60px}body.sales-page .filter-bar{flex-direction:column;align-items:stretch;gap:15px}body.sales-page .date-group{display:flex;flex-direction:column;align-items:stretch;width:100%;min-width:0;box-sizing:border-box}body.sales-page .date-group input[type=date]{width:100%;max-width:100%;min-width:0;margin:5px 0;display:block}body.sales-page .date-group span{text-align:center;display:block;padding:2px 0}body.sales-page .search-box{width:100%}body.sales-page .stats-container{grid-template-columns:1fr 1fr}body.sales-page .stat-card{padding:10px}body.sales-page .stat-value{font-size:1.2rem}body.sales-page .history-table thead{display:none}body.sales-page .history-table tbody tr{display:block;background:var(--card-bg);border:1px solid var(--accent-color);border-radius:12px;margin-bottom:15px;box-shadow:0 2px 8px #0000000d;padding:10px}body.sales-page .history-table td{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px dashed var(--accent-color);text-align:right}body.sales-page .history-table td:last-child{border-bottom:none;justify-content:flex-end;padding-top:15px;gap:8px}body.sales-page .history-table td:before{content:attr(data-label);font-weight:700;color:var(--muted-color);margin-right:15px;text-align:left}body.sales-page .history-table td[data-label=品項摘要]{flex-direction:column;align-items:flex-start;gap:5px}body.sales-page .history-table td[data-label=品項摘要]:before{margin-bottom:5px}body.sales-page .modal-card{width:95%!important;max-height:90vh}body.sales-page .form-grid{grid-template-columns:1fr}body.sales-page #tab-journal .date-group{flex-direction:column!important;align-items:stretch!important;gap:8px!important;width:100%!important}body.sales-page #tab-journal .date-group span{text-align:left!important;font-size:.9rem!important;margin:0!important}body.sales-page #tab-journal .date-group input[type=date]{width:-webkit-fill-available!important;width:stretch!important;max-width:100%!important;min-width:0!important;padding:8px 12px!important;font-size:1rem!important;border-radius:6px!important;box-sizing:border-box!important;-webkit-appearance:none;appearance:none}body.sales-page #tab-journal .date-group{overflow:hidden}body.sales-page #date-picker-container{display:contents}body.sales-page #daterange-picker,body.sales-page #week-picker,body.sales-page #month-picker,body.sales-page #year-picker{display:none}body.sales-page #daterange-picker,body.sales-page #week-picker{flex-wrap:wrap;align-items:stretch;gap:8px}body.sales-page #daterange-picker span,body.sales-page #week-picker span,body.sales-page #week-picker small{width:100%}body.sales-page #daterange-picker input[type=date],body.sales-page #week-picker input[type=date]{width:100%;min-width:0}body.sales-page #tab-analytics .date-group{flex-direction:column!important;align-items:stretch!important;gap:10px!important}body.sales-page #tab-analytics .date-group input[type=date]{width:100%!important}body.sales-page #tab-analytics .filter-bar{flex-direction:column!important;gap:15px!important}body.sales-page #tab-analytics .filter-bar>button{width:100%!important}body.sales-page #tab-analytics .period-filter-bar>div:first-child{display:flex!important;flex-wrap:wrap!important;gap:8px!important}body.sales-page #tab-analytics .period-filter-bar>div:first-child button{flex:1!important;min-width:80px!important;padding:8px 12px!important;font-size:.85rem!important}body.sales-page #tab-analytics .card>div[style*="height: 250px"]{height:250px!important;overflow:hidden!important}body.sales-page #tab-analytics canvas{max-height:250px!important;height:100%!important}body.sales-page #tab-analytics>div>div:first-of-type{grid-template-columns:1fr!important;gap:15px}body.sales-page #tab-analytics .card{margin-bottom:20px}body.sales-page #top-products-list>div>div{padding:12px;margin-bottom:8px}body.sales-page #top-products-list>div>div>div:first-child{flex-direction:column;align-items:flex-start;gap:5px}body.sales-page #analytics-content{display:none}body.sales-page .analytics-control-group{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px;align-items:center}body.sales-page .analytics-control-group button{padding:8px 16px;border:1px solid var(--accent-color);border-radius:6px;background:var(--card-bg);color:var(--text-color);cursor:pointer;font-size:14px;font-weight:500;transition:all .3s ease}body.sales-page .analytics-control-group button:hover{background:var(--accent-color);color:var(--card-bg)}body.sales-page .analytics-control-group button.active{background:var(--primary-color);color:var(--primary-text-color)}body.sales-page .analytics-picker{display:none;gap:10px;align-items:center}body.sales-page .analytics-picker input{padding:8px 12px;border:1px solid var(--accent-color);border-radius:6px;background:var(--input-bg, var(--card-bg));color:var(--text-color);font-size:14px}body.sales-page .metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;margin-bottom:25px}body.sales-page .metric-card{background:var(--card-bg);border:1px solid var(--accent-color);border-radius:8px;padding:15px;text-align:center}body.sales-page .metric-card .metric-label{color:var(--muted-color);font-size:12px;text-transform:uppercase;margin-bottom:8px}body.sales-page .metric-card .metric-value{font-size:24px;font-weight:700;color:var(--primary-color)}body.sales-page .chart-section{background:var(--card-bg);border:1px solid var(--accent-color);border-radius:8px;padding:15px;margin-bottom:20px}body.sales-page .chart-section h3{margin-top:0;margin-bottom:15px;color:var(--text-color);font-size:16px}body.sales-page .chart-container{position:relative;height:250px;overflow:hidden;border-radius:6px;background:var(--input-bg, #f8f9fa)}body.sales-page .chart-container canvas{max-height:250px!important}body.sales-page .products-list-container{max-height:300px;overflow-y:auto}@media(max-width:768px){body.sales-page .analytics-control-group{flex-direction:column}body.sales-page .analytics-control-group button{width:100%}body.sales-page .metrics-grid{grid-template-columns:repeat(2,1fr)}body.sales-page .chart-container{height:200px}body.sales-page .chart-container canvas{max-height:200px!important}}@media(max-width:480px){body.sales-page .metrics-grid{grid-template-columns:1fr}body.sales-page .metric-card .metric-value{font-size:18px}body.sales-page .chart-section h3{font-size:14px}}}.custom-dropdown-container{position:relative;width:100%}.custom-dropdown-input{width:100%;padding:8px 12px!important;border:1px solid var(--accent-color)!important;border-radius:6px!important;background:var(--card-bg)!important;color:var(--text-color)!important;font-size:1rem!important;box-sizing:border-box}.custom-dropdown-input:focus{outline:none;border-color:var(--primary-color)!important;box-shadow:0 0 0 3px #0000000d!important}.custom-dropdown-menu{position:absolute;top:100%;left:0;right:0;background:var(--card-bg);border:1px solid var(--accent-color);border-top:none;border-radius:0 0 6px 6px;max-height:200px;overflow-y:auto;z-index:2100;display:none;box-shadow:0 4px 12px #00000026;padding:5px 0}.custom-dropdown-menu.visible{display:block}.custom-dropdown-option{padding:5px 12px;cursor:pointer;border-bottom:0px solid var(--accent-color);color:var(--text-color);transition:background .2s}.custom-dropdown-option:hover,.custom-dropdown-option.selected{background:color-mix(in srgb,var(--primary-color),transparent 80%);color:var(--primary-color)}.custom-dropdown-option:last-child{border-bottom:none}.custom-dropdown-empty{padding:10px 12px;color:var(--muted-color);text-align:center}.monthly-expenses-table{width:100%;border-collapse:collapse;margin-top:5px;text-align:left}.monthly-expenses-table th,.monthly-expenses-table td{padding:12px 10px;border:1px solid var(--accent-color)}.monthly-expenses-table thead th{background-color:var(--primary-color)!important;color:var(--primary-text-color)!important}.monthly-expenses-table tbody tr:hover{background-color:#8080800d}.monthly-expenses-table .month-col{width:23%}@media screen and (max-width:768px){.monthly-expenses-table .hide-on-mobile{display:none!important}.monthly-expenses-table .current-month-col{width:27%!important}.monthly-expenses-table th,.monthly-expenses-table td{padding:10px 8px!important;font-size:.95rem}.monthly-expenses-table .item-name-cell{padding-left:15px!important}}body.index-page{overscroll-behavior:none;touch-action:pan-y}body.index-page .toolbar-container{display:none;position:fixed;top:0;left:80px;width:calc(100% - 80px);z-index:900;border-bottom:2px solid var(--line-color);box-shadow:0 2px 5px #0000001a}body.index-page .toolbar-tools{display:flex;gap:10px;padding:10px 15px;background:var(--card-bg);color:var(--subtitle-color);overflow-x:auto;align-items:center}@media(max-width:1280px){body.index-page .toolbar-container{left:70px;width:calc(100% - 70px)}}body.index-page #zones-wrapper{width:100%;max-width:1100px;margin:0 auto;padding:20px 20px 8px;background-color:var(--bg-color)}body.index-page .zone-block{background:var(--primary-color);border-radius:12px;margin-bottom:10px;box-shadow:0 1px 3px #0000001a;overflow:hidden;display:flex;flex-direction:column}body.index-page .zone-header{padding:8px 15px;background:transparent;color:var(--primary-text-color);border-bottom:1px solid var(--accent-color);display:flex;justify-content:space-between;align-items:center}body.index-page .zone-title{font-weight:700;font-size:1.1rem;padding-left:8px}body.index-page .map-scroll-container{width:100%;overflow:auto;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y!important;background:var(--card-bg);position:relative;padding-bottom:10px}body.index-page .map-canvas{position:relative;width:1000px;margin:0;background-color:var(--card-bg);overflow:hidden;box-shadow:0 4px 10px #0000001a}body.index-page .map-canvas.edit-mode{background-image:radial-gradient(var(--subtitle-color) 1px,transparent 1px);background-size:20px 20px}@media(min-width:1020px){body.index-page .map-canvas{margin:0 auto}}body.index-page .table-item{position:absolute;display:flex;justify-content:center;align-items:center;background:var(--card-bg);border:2px solid var(--closed-color);box-sizing:border-box;color:var(--text-color);font-weight:700;cursor:grab;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;box-shadow:2px 2px 5px #0000001a;z-index:10;touch-action:none;white-space:pre-wrap;text-align:center;line-height:1.2;width:80px;height:80px;transition:border-color .3s,background-color .3s}body.index-page .table-item.selected{border-color:var(--primary-color)!important;background-color:var(--primary-color)!important;color:var(--primary-text-color)!important;z-index:20}body.index-page .shape-circle{border-radius:50%}body.index-page .shape-rect{border-radius:8px}body.index-page .resize-grip{position:absolute;right:0;bottom:0;width:30px;height:30px;background:#0000000d;border-radius:50% 0 8px;cursor:nwse-resize;display:none;z-index:30}body.index-page .resize-grip:after{content:"⌟";position:absolute;right:5px;bottom:5px;color:var(--primary-text-color);font-size:18px;font-weight:700}body.index-page .table-item.selected .resize-grip{display:block}body.index-page .shape-circle .resize-grip{border-radius:50%;right:2px;bottom:2px}body.index-page .guide-line{position:absolute;background-color:var(--danger-color);z-index:30;pointer-events:none;display:none}body.index-page .guide-x{height:100%;width:1px;top:0;border-left:1px dashed var(--danger-color);background:none}body.index-page .guide-y{width:100%;height:1px;left:0;border-top:1px dashed var(--danger-color);background:none}body.index-page .resize-handle-zone{height:50px;width:100%;background:transparent;cursor:ns-resize;display:flex;justify-content:center;align-items:center;margin-top:-25px;position:relative;z-index:50;touch-action:none}body.index-page .resize-handle-zone:after{content:"";width:60px;height:6px;background-color:var(--line-color);border-radius:10px;box-shadow:0 1px 2px #0000001a}body.index-page .resize-handle-zone:active:after{background-color:var(--muted-color);transform:scale(1.1)}body.index-page #bottom-action-area{text-align:center;padding:30px 20px}body.index-page .btn-enter-edit{background-color:var(--card-bg);color:var(--text-color);border:1px solid var(--line-color);padding:12px 30px;border-radius:50px;font-size:1rem;font-weight:700;cursor:pointer;box-shadow:0 2px 5px #0000001a;transition:.2s}body.index-page .btn-enter-edit:hover{background-color:var(--line-color)}body.index-page .btn-exit-edit{background-color:var(--success-color);color:var(--success-text-color);border:none;padding:8px 15px;border-radius:20px;font-weight:700;cursor:pointer;white-space:nowrap}body.index-page .fab-container{position:fixed;top:70px;left:15px;z-index:1001;display:flex;flex-direction:column;gap:10px}body.index-page .fab-btn{width:45px;height:45px;border-radius:50%;box-shadow:0 4px 10px #0000004d;cursor:pointer;display:flex;justify-content:center;align-items:center;font-weight:700;font-size:1.2rem;transition:.2s;border:none;position:relative}body.index-page .fab-btn:active{transform:scale(.95)}body.index-page .bell-status-btn{background-color:var(--danger-color);color:var(--danger-text-color);font-size:1.5rem}body.index-page .bell-status-btn.active{color:var(--success-text-color);background-color:var(--success-color)}body.index-page .clock-btn{background-color:var(--accent-text-color);color:var(--accent-color);padding-top:4px;animation:bounce-in .5s}body.index-page .soldout-btn{background-color:var(--primary-color);color:var(--primary-text-color)}body.index-page .inv-alert-btn{background-color:var(--closed-color);color:var(--closed-text-color)}body.index-page .notification-btn{background-color:var(--danger-color);color:var(--danger-text-color);animation:bounce-in .5s}body.index-page .notification-count,body.index-page .inv-badge{position:absolute;top:-5px;right:-5px;background:var(--danger-text-color);color:var(--danger-color);border:2px solid var(--danger-color);border-radius:10px;padding:2px 6px;font-size:.75rem;font-weight:700}body.index-page .so-list-item{padding:12px;border-bottom:1px dashed var(--accent-color);display:flex;justify-content:space-between;align-items:center}body.index-page .so-badge{background:var(--subtitle-color);color:var(--card-bg);padding:5px 8px;border-radius:4px;font-size:.8rem;height:28px;min-width:55px}body.index-page .inv-list-item{display:flex;justify-content:space-between;align-items:center;padding:10px;border-bottom:1px solid var(--accent-color);font-size:.95rem}body.index-page .inv-list-item:last-child{border-bottom:none}body.index-page .inv-status-empty{color:var(--danger-color);font-weight:700}body.index-page .inv-status-low{color:var(--closed-color);font-weight:700}body.index-page .oos-suggest{position:fixed;right:16px;bottom:16px;width:360px;max-width:calc(100% - 32px);max-height:55vh;background:var(--card-bg);border:1px solid var(--accent-color);border-radius:12px;box-shadow:0 6px 20px #0003;z-index:2300;display:none;flex-direction:column;overflow:hidden}body.index-page .oos-suggest-header{padding:10px 12px;border-bottom:1px solid var(--accent-color);display:flex;justify-content:space-between;align-items:center;background:var(--card-bg)}body.index-page .oos-suggest-body{padding:10px 12px;overflow-y:auto}body.index-page .oos-section{border:1px dashed var(--accent-color);border-radius:10px;padding:10px;margin-bottom:10px}body.index-page .oos-products{display:flex;flex-direction:column;gap:6px;margin-top:6px}body.index-page .oos-footer{padding:10px 12px;border-top:1px solid var(--accent-color);display:flex;gap:8px;background:var(--card-bg)}body.index-page .oos-checkall{display:flex;align-items:center;gap:6px;margin-bottom:8px}body.index-page .btn-inactive{background-color:var(--subtitle-color)!important;color:color-mix(in srgb,var(--subtitle-color),var(--bg-color)80%)!important;cursor:default!important;pointer-events:none;box-shadow:none!important}body.index-page .table-item.drag-over{border-color:var(--closed-color)!important;box-shadow:0 0 15px var(--closed-color)!important;transform:scale(1.1);background-color:var(--closed-text-color);z-index:100}body.index-page .table-item.dragging{opacity:.5}body.index-page .horizontal-scroll-container{display:flex;flex-wrap:nowrap;gap:15px;overflow-x:auto;padding:10px 5px 20px;align-items:flex-start;scrollbar-width:thin}body.index-page .order-card{background:var(--card-bg);border:1px solid var(--accent-color);border-radius:12px;padding:15px;min-width:280px;max-width:280px;display:flex;flex-direction:column;gap:8px;box-shadow:0 2px 8px #0000000d;transition:.2s;position:relative;flex-shrink:0;cursor:pointer}body.index-page .order-card:hover{transform:translateY(-3px);box-shadow:0 5px 15px #0000001a;border-color:var(--primary-color)}body.index-page .order-card.status-paid{border-left:5px solid var(--danger-color)}body.index-page .order-card.status-new{border-left:5px solid var(--success-color)}body.index-page .card-header{display:flex;justify-content:space-between;border-bottom:1px dashed var(--accent-color);padding-bottom:8px;margin-bottom:5px}body.index-page .card-id{font-weight:700;font-size:1.1rem;color:var(--primary-color)}body.index-page .card-time{font-size:.9rem;color:var(--subtitle-color)}body.index-page .card-items{flex:1;font-size:.95rem;color:var(--text-color);margin-bottom:10px;max-height:150px;overflow-y:hidden}body.index-page .card-footer{border-top:1px solid var(--accent-color);padding-top:10px;margin-top:auto;display:flex;justify-content:space-between;align-items:center}body.index-page .btn-card-action{background:var(--bg-color);border:1px solid var(--primary-color);color:var(--primary-color);padding:5px 12px;border-radius:20px;cursor:pointer;font-size:.9rem;transition:.2s}body.index-page .btn-card-action:hover{background:var(--primary-color);color:#fff}body.index-page .detail-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px dashed var(--accent-color)}body.index-page #drag-ghost{position:fixed;pointer-events:none;z-index:9999;opacity:.8;background:var(--closed-text-color);border:2px solid var(--closed-color);border-radius:8px;display:none;width:80px;height:80px;justify-content:center;align-items:center;font-weight:700;color:var(--text-color);box-shadow:0 5px 15px #0000004d;transform:translate(-50%,-50%)}body.index-page .in-app-notification{position:fixed;top:-100px;left:50%;transform:translate(-50%);width:90%;max-width:400px;background-color:#333;color:#fff;padding:15px 20px;border-radius:8px;box-shadow:0 4px 15px #0006;z-index:9999;display:flex;align-items:center;gap:15px;transition:top .4s cubic-bezier(.175,.885,.32,1.275);cursor:pointer}body.index-page .in-app-notification.show{top:20px}body.index-page .in-app-notification .icon{font-size:1.5rem}body.index-page .in-app-notification .content{flex:1}body.index-page .in-app-notification .title{font-weight:700;font-size:1rem;margin-bottom:2px}body.index-page .in-app-notification .body{font-size:.9rem;opacity:.9}@keyframes bounce-in{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 color-mix(in srgb,var(--danger-color),transparent 30%)}70%{transform:scale(1.05);box-shadow:0 0 0 10px color-mix(in srgb,var(--danger-color),transparent 100%)}to{transform:scale(1);box-shadow:0 0 color-mix(in srgb,var(--danger-color),transparent 100%)}}body.index-page [data-require-feature]{display:none}body.index-page.features-loaded [data-require-feature].feature-active{display:flex}body.index-page.features-loaded button[data-require-feature].feature-active{display:block}body.index-page{margin:0;width:100%;height:auto;min-height:100dvh;overflow-x:hidden;overflow-y:auto;color:var(--text-color);background:var(--bg-color);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Noto Sans TC,sans-serif}body.index-page .toolbar-container{left:calc(72px + max(0px,(100vw - 72px - 1120px) / 2));width:min(calc(100vw - 72px),1120px);padding-top:8px;background:var(--card-bg);border:0;border-radius:0;box-shadow:none}body.index-page .toolbar-tools{gap:7px;padding:7px 16px;color:var(--text-color);background:transparent}body.index-page .toolbar-divider{width:1px;height:24px;flex:0 0 1px;background:var(--ui-border-color)}body.index-page .toolbar-tools .btn,body.index-page .zone-actions .btn,body.index-page .btn-enter-edit{min-height:36px;padding:7px 11px;border:var(--ui-border);border-radius:var(--ui-radius-md);box-shadow:none}body.index-page .map-default-button{color:var(--text-color);background:var(--card-bg)}body.index-page .map-reset-button{color:var(--primary-text-color);background:var(--primary-color);border-color:var(--primary-color)}body.index-page .main-content{width:100%;padding:0 0 0 72px;box-sizing:border-box}body.index-page #zones-wrapper,body.index-page #online-orders-section{width:100%;max-width:1120px;margin-inline:auto;padding-inline:16px;box-sizing:border-box}body.index-page #zones-wrapper{padding-block:16px 8px;background:var(--bg-color)}body.index-page #online-orders-section{margin-top:20px;padding-bottom:16px}body.index-page.features-loaded #online-orders-section.feature-active{display:block}body.index-page .zone-block{margin-bottom:12px;color:var(--text-color);background:var(--card-bg);border:var(--ui-border);border-radius:var(--ui-radius-lg);box-shadow:var(--ui-shadow-sm)}body.index-page .zone-header{min-height:52px;padding:0 12px 0 0;color:var(--primary-text-color);background:var(--primary-color);border-bottom:0;overflow:hidden}body.index-page .zone-title{position:relative;align-self:stretch;min-width:240px;max-width:520px;flex:1 1 420px;min-height:52px;margin:0;padding:18px 42px 8px 100px;display:flex;align-items:center;gap:6px;color:var(--text-color);background:transparent;border:0!important;border-bottom:0!important;outline:0;box-shadow:none;box-sizing:border-box;isolation:isolate}body.index-page .zone-title-shape{position:absolute;inset:0 0 -1px;z-index:-1;width:100%;height:calc(100% + 1px);display:block;color:var(--card-bg);pointer-events:none}body.index-page .zone-title-shape path{fill:currentColor}body.index-page .zone-title-mark{position:absolute;left:14px;top:12px;width:28px;height:28px;display:block;background:var(--card-bg);border:0;border-radius:50%;box-sizing:border-box}body.index-page .zone-title-delete.ui-icon-button{width:28px;min-width:28px;max-width:28px;height:28px;min-height:28px;margin:0;padding:0;appearance:none;color:var(--danger-color)!important;background:color-mix(in srgb,var(--danger-color) 10%,white)!important;border:1px solid var(--danger-color)!important;border-radius:50%;box-shadow:none;cursor:pointer}body.index-page .zone-title-delete:before{width:15px;height:15px}body.index-page .zone-name-text{position:relative;z-index:1;font-weight:700;white-space:nowrap}body.index-page .zone-title small{color:var(--subtitle-color)!important}body.index-page .zone-rename-icon{position:relative;z-index:1;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;color:var(--primary-color);border-radius:50%}body.index-page .zone-rename-icon:before{width:15px;height:15px}body.index-page .zone-actions{display:flex;align-items:center;gap:6px}body.index-page .zone-actions .btn{min-height:34px;color:var(--text-color);background:var(--card-bg);border-color:var(--ui-border);border-radius:20px;padding:7px 15px}body.index-page .map-scroll-container{margin-top:-.5px;padding-bottom:0;overflow-x:auto;overflow-y:hidden;background:var(--card-bg)}body.index-page .map-scroll-container.is-table-dragging{overflow:hidden;touch-action:none!important;overscroll-behavior:none}body.index-page .map-canvas{box-shadow:none}body.index-page .resize-handle-zone{height:34px;margin-top:0;color:var(--subtitle-color);background:color-mix(in srgb,var(--accent-color) 10%,var(--card-bg));border-top:var(--ui-border)}body.index-page .resize-handle-zone:before{width:24px;height:24px}body.index-page .resize-handle-zone:after{content:none;display:none}body.index-page .btn-enter-edit{color:var(--text-color);background:var(--card-bg);border-color:var(--ui-border-color)}body.index-page .table-selection-overlay{position:absolute;inset:0;z-index:15;background:color-mix(in srgb,var(--bg-color) 68%,transparent);cursor:default}body.index-page .table-context-actions{position:absolute;top:50%;left:calc(100% + 8px);z-index:60;display:flex;flex-direction:column;gap:5px;transform:translateY(-50%)}body.index-page .table-context-button.ui-icon-button{width:32px;min-width:32px;height:32px;padding:0;color:var(--text-color);background:var(--card-bg);border:var(--ui-border);border-radius:50%;box-shadow:var(--ui-shadow-sm)}body.index-page .table-context-button:before{width:16px;height:16px}body.index-page .table-context-button.edit{color:var(--primary-color)}body.index-page .table-context-button.delete{color:var(--danger-color);background:color-mix(in srgb,var(--danger-color) 10%,white);border-color:var(--danger-color)}body.index-page .table-item.status-empty{color:var(--primary-color);background:var(--primary-text-color);border-color:var(--primary-color)}body.index-page .table-item.status-dining{color:var(--success-text-color);background:var(--success-color);border-color:var(--success-color);border-width:3px}body.index-page .table-item.status-paid{color:var(--danger-text-color);background:var(--danger-color);border-color:var(--danger-color);border-width:3px}body.index-page .table-item.status-draft{color:var(--closed-text-color);background:var(--closed-color);border-color:var(--closed-color);border-width:3px}body.index-page .table-item.has-pending-order{color:var(--success-text-color)!important;background:color-mix(in srgb,var(--success-color) 35%,var(--card-bg) 65%);border-color:var(--success-color)!important;box-shadow:none;animation:index-pending-order-flash 1s ease-in-out infinite}@keyframes index-pending-order-flash{0%,to{background-color:color-mix(in srgb,var(--success-color) 35%,var(--card-bg) 65%)}50%{background-color:color-mix(in srgb,var(--success-color) 85%,var(--card-bg) 15%)}}@media(max-width:1280px){body.index-page .toolbar-container{left:72px;width:calc(100vw - 72px)}}@media(max-width:550px){body.index-page .zone-title-shape{padding-left:25px}body.index-page .zone-title{padding-left:64px}}@media(max-width:600px){body.index-page .zone-header{width:100%;min-width:0;padding-right:8px;padding-left:0}body.index-page .zone-title{width:calc(100% - 50px);min-width:180px;padding-right:20px;padding-left:74px;flex:0 1 calc(100% - 50px)}body.index-page .zone-title-mark{left:10px;flex:0 0 28px}body.index-page .zone-name-text{min-width:0;max-width:80%;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis}}@media(max-width:768px){body.index-page .toolbar-container{width:auto;margin:0 16px}body.index-page .toolbar-tools{width:100%;padding:6px 0;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-inline:contain}body.index-page .toolbar-tools .btn,body.index-page .toolbar-divider{flex:0 0 auto}body.index-page .zone-rename-icon{display:none}body.index-page .zone-actions .btn{width:34px;min-width:34px;padding:0;gap:0;overflow:hidden;font-size:0}body.index-page .zone-actions .btn:before{width:17px;height:17px}}body.index-page .btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--ui-space-2);min-height:var(--ui-control-height);padding:var(--ui-space-2) var(--ui-space-3);color:var(--text-color);background:var(--card-bg);border:var(--ui-border);border-radius:var(--ui-radius-md);font:inherit;font-weight:650;cursor:pointer}body.index-page .btn-primary{color:var(--primary-text-color);background:var(--primary-color);border-color:var(--primary-color)}body.index-page .btn-success{color:var(--success-text-color);background:var(--success-color);border-color:var(--success-color)}body.index-page .btn-primary2{color:var(--primary-color);background:var(--card-bg);border-color:var(--primary-color)}body.index-page .index-table-modal{display:none;position:fixed;inset:0;z-index:2400;align-items:center;justify-content:center;padding:16px;background:var(--ui-overlay)}body.index-page .index-table-dialog{width:min(360px,100%);max-height:calc(100dvh - 32px);padding:18px;overflow-y:auto;color:var(--text-color);background:var(--card-bg);border:var(--ui-border);border-radius:var(--ui-radius-lg);box-shadow:var(--ui-shadow-modal)}body.index-page .index-table-dialog h3{margin:0 0 16px;font-size:1.1rem}body.index-page .index-table-dialog .form-group{margin-bottom:13px}body.index-page .index-table-dialog label:not(.index-check-option){display:block;margin-bottom:6px;color:var(--text-color);font-size:.875rem;font-weight:700}body.index-page .index-table-dialog :is(input[type=text],select){width:100%;min-height:var(--ui-control-height);padding:var(--ui-space-2) var(--ui-space-3);color:var(--text-color);background:var(--card-bg);border:var(--ui-border);border-radius:var(--ui-radius-md);box-sizing:border-box;font:inherit;font-size:var(--ui-placeholder-font-size)}body.index-page .index-table-dialog :is(input[type=text],select):focus{outline:2px solid color-mix(in srgb,var(--primary-color) 24%,transparent);outline-offset:1px;border-color:var(--primary-color)}body.index-page .takeaway-field{margin-top:10px}body.index-page .index-check-option{display:flex;align-items:center;gap:8px;cursor:pointer}body.index-page .index-check-option input[type=checkbox]{appearance:none;width:17px;height:17px;margin:0;display:grid;place-content:center;flex:0 0 17px;background:var(--card-bg);border:1px solid var(--accent-color);border-radius:3px;cursor:pointer}body.index-page .index-check-option input[type=checkbox]:after{content:"";display:none;width:4px;height:8px;margin-top:-1px;border:solid var(--primary-text-color);border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}body.index-page .index-check-option input[type=checkbox]:checked{background:var(--primary-color);border-color:var(--primary-color)}body.index-page .index-check-option input[type=checkbox]:checked:after{display:block}body.index-page .index-table-dialog-actions{margin-top:18px}body.index-page .index-fab-modal{position:fixed!important;inset:0!important;z-index:2100!important;align-items:center;justify-content:center;padding:16px;background:var(--ui-overlay)!important;box-sizing:border-box}body.index-page .index-fab-dialog{margin:0;padding:0!important;display:flex;flex-direction:column;overflow:hidden;color:var(--text-color);background:var(--card-bg);border:var(--ui-border);border-radius:var(--ui-radius-lg);box-shadow:var(--ui-shadow-modal);box-sizing:border-box}body.index-page .index-fab-dialog-header{min-height:52px;padding:10px 14px;display:flex;align-items:center;justify-content:space-between;gap:10px;flex:0 0 auto;background:var(--card-bg);border-bottom:var(--ui-border)}body.index-page .index-fab-dialog-header h3{margin:0!important;color:var(--text-color);font-size:1.05rem}body.index-page .index-fab-dialog-header .ui-icon-button{margin:0;background:transparent;box-shadow:none}body.index-page .index-fab-dialog-body{min-height:0;padding:14px;flex:1 1 auto;overflow-y:auto;color:var(--text-color);background:var(--card-bg)}body.index-page .index-fab-dialog-body.flush{padding:0}body.index-page .index-fab-dialog-footer{padding:12px 14px;flex:0 0 auto;background:var(--card-bg);border-top:var(--ui-border)}body.index-page .index-order-note{margin:6px 0;padding:7px 9px;color:var(--text-color);background:color-mix(in srgb,var(--closed-color) 12%,var(--card-bg));border:0px solid color-mix(in srgb,var(--closed-color) 42%,transparent);border-radius:var(--ui-radius-md);font-size:.85rem;line-height:1.4}body.index-page .incoming-order-note{margin-top:0;margin-bottom:8px}body.index-page .order-card-note{margin-top:6px;margin-bottom:0}body.sales-page :is(input[type=date],input[type=month]){min-height:var(--ui-control-height);padding:var(--ui-space-2) var(--ui-space-3);color:var(--text-color);background:var(--card-bg);border:var(--ui-border);border-radius:var(--ui-radius-md);box-shadow:none;font:inherit;font-size:var(--ui-placeholder-font-size);cursor:pointer}body.sales-page :is(input[type=date],input[type=month]):is(:hover,:focus){border-color:var(--primary-color);outline:2px solid color-mix(in srgb,var(--primary-color) 20%,transparent);outline-offset:1px;box-shadow:none}body.sales-page #expense-modal .modal-card{color:var(--text-color)!important;background:var(--card-bg)!important;border:var(--ui-border);border-radius:var(--ui-radius-lg);box-shadow:var(--ui-shadow-modal);overflow:hidden}body.sales-page #expense-modal .modal-header{min-height:52px;padding:10px 14px;color:var(--text-color)!important;background:var(--card-bg)!important;border-bottom:var(--ui-border);border-radius:0;font-size:1.05rem}body.sales-page #expense-modal .modal-body-scroll{padding:14px;background:var(--card-bg)}body.sales-page #expense-modal .ui-page-tabs{margin:-2px 0 14px}body.sales-page #expense-modal .form-grid{gap:10px}body.sales-page #expense-modal .form-group{margin-bottom:10px}body.sales-page #expense-modal .form-group label{display:block;margin-bottom:5px;color:var(--text-color);font-size:.875rem;font-weight:650}body.sales-page #expense-modal :is(input[type=text],input[type=date],textarea){width:100%;min-height:var(--ui-control-height);padding:var(--ui-space-2) var(--ui-space-3);color:var(--text-color);background:var(--card-bg);border:var(--ui-border);border-radius:var(--ui-radius-md);box-shadow:none;font:inherit;font-size:var(--ui-placeholder-font-size)!important}body.sales-page #expense-modal textarea{min-height:72px;resize:vertical}body.sales-page #expense-modal #expense-save-btn{width:100%;margin-top:2px}body.sales-page #shift-range-text{white-space:pre-line;text-align:right;line-height:1.5}body.sales-page #shift-range-text .shift-range-part{display:block;white-space:nowrap}body.sales-page #shift-range-text .shift-range-part+.shift-range-part:before{content:"– ";color:var(--subtitle-color)}body.sales-page #tab-analytics .period-filter-bar .btn{min-height:38px;height:38px;display:inline-flex;align-items:center;justify-content:center}body.sales-page #tab-analytics .analytics-export-actions{display:flex;flex-wrap:wrap;gap:8px}body.sales-page #tab-analytics .chart-legend{margin-top:8px!important;row-gap:6px!important;font-size:.8rem}body.sales-page #tab-analytics .analytics-chart-canvas{position:relative;width:100%;height:280px;min-width:0}body.sales-page #tab-analytics .analytics-chart-canvas-wide{height:300px}body.sales-page #tab-analytics .analytics-doughnut-frame{display:grid;grid-template-rows:280px auto;gap:10px;min-width:0}body.sales-page #tab-analytics .analytics-doughnut-frame .analytics-chart-canvas{height:280px!important}body.sales-page #tab-analytics .chart-legend{align-items:flex-start;align-content:flex-start;padding:0 8px 4px}body.sales-page #tab-analytics .chart-legend-item{min-width:0;display:inline-flex;align-items:center;gap:6px;color:var(--text-color);font-size:.8rem;line-height:1.3}body.sales-page #tab-analytics .chart-legend-swatch{width:10px;height:10px;display:inline-block;flex:0 0 10px;border:var(--ui-border);border-radius:2px}body.sales-page #tab-analytics .chart-legend-label{min-width:0;overflow-wrap:anywhere}body.sales-page #tab-analytics .chart-legend>div{min-width:0;max-width:220px;display:inline-flex!important;align-items:center!important;gap:8px!important;color:var(--text-color);font-size:.8rem!important;line-height:1.3}body.sales-page #tab-analytics .chart-legend>div>span:first-child{width:10px!important;height:10px!important;flex:0 0 10px;border:var(--ui-border)!important;border-radius:50%!important}body.sales-page #tab-analytics .chart-legend>div>span:last-child{min-width:0;overflow-wrap:anywhere}@media(max-width:768px){body.sales-page :is(input[type=date],input[type=month]){width:100%!important;max-width:100%!important;min-width:0!important;min-height:var(--ui-control-height)!important;margin:0!important;padding:8px 12px!important;border:var(--ui-border)!important;border-radius:var(--ui-radius-md)!important;font-size:1rem!important;box-sizing:border-box}body.sales-page #expense-modal{align-items:flex-end}body.sales-page #expense-modal .modal-card{width:100%!important;max-width:100%!important;max-height:calc(100dvh - 12px);margin:0;border-radius:var(--ui-radius-lg) var(--ui-radius-lg) 0 0;border-bottom:0}body.sales-page #expense-modal .modal-header{position:sticky;top:0;z-index:2;flex:0 0 auto}body.sales-page #expense-modal .modal-body-scroll{min-height:0;padding:12px;padding-bottom:max(12px,env(safe-area-inset-bottom))}body.sales-page #expense-modal .form-grid{grid-template-columns:1fr}body.sales-page #expense-modal :is(input,textarea){font-size:var(--ui-placeholder-font-size)!important}body.sales-page #shift-summary-page-1>.detail-row:first-child{align-items:flex-start;gap:8px}body.sales-page #shift-range-text{flex:0 1 auto}body.sales-page #tab-analytics .period-filter-bar>div:first-child{width:100%;flex-wrap:wrap!important;overflow:visible;padding-bottom:2px}body.sales-page #tab-analytics .period-filter-bar>div:first-child>span{flex:0 0 100%}body.sales-page #tab-analytics .period-filter-bar>div:first-child button{height:38px!important;min-height:38px!important;min-width:80px!important;flex:1 1 calc(33.333% - 6px)!important}body.sales-page #tab-analytics .analytics-chart-canvas,body.sales-page #tab-analytics .analytics-chart-canvas-wide{height:230px}body.sales-page #tab-analytics .analytics-doughnut-frame{grid-template-rows:230px auto}body.sales-page #tab-analytics .analytics-doughnut-frame .analytics-chart-canvas{height:230px!important}body.sales-page #tab-analytics .card>div[style*="justify-content: space-between"]{align-items:flex-start!important;gap:10px;margin-bottom:16px!important;flex-direction:column}body.sales-page #tab-analytics .card>div[style*="justify-content: space-between"]>div{max-width:100%;overflow-x:auto}}