#root{min-height:100vh}:root{--font-family-primary: "IBM Plex Sans", "Segoe UI", system-ui, -apple-system, sans-serif;--font-family-mono: "IBM Plex Sans", "Segoe UI", system-ui, sans-serif;--font-size-xs: .75rem;--font-size-sm: .8125rem;--font-size-base: .875rem;--font-size-md: .9375rem;--font-size-lg: 1rem;--font-size-xl: 1.125rem;--font-size-2xl: 1.25rem;--font-size-3xl: 1.5rem;--font-size-4xl: 1.875rem;--font-weight-light: 400;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 600;--font-weight-extrabold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.65;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: .75rem;--spacing-lg: 1rem;--spacing-xl: 1.25rem;--spacing-2xl: 1.5rem;--spacing-3xl: 2rem;--spacing-4xl: 2.5rem;--spacing-5xl: 3rem;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 10px;--radius-2xl: 12px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(21, 24, 29, .05);--shadow-md: 0 1px 3px rgba(21, 24, 29, .08);--shadow-lg: 0 8px 24px rgba(21, 24, 29, .1);--shadow-xl: 0 16px 40px rgba(21, 24, 29, .14);--shadow-2xl: 0 24px 60px rgba(21, 24, 29, .18);--transition-fast: .12s ease;--transition-normal: .18s ease;--transition-slow: .26s ease;--ink: #15181d;--ink-soft: #2b3038;--text: #2f3540;--muted: #6b7380;--faint: #9aa1ac;--canvas: #f4f5f7;--surface: #ffffff;--surface-2: #f9fafb;--line: #e3e6ea;--line-strong: #cdd2d9;--brand: #e1251b;--brand-dark: #b81d15;--brand-soft: #fdeceb;--accent: #f57c00;--accent-dark: #d26a00;--accent-soft: #fff1e3;--success: #13795b;--success-soft: #e7f4ee;--warning: #c25e00;--warning-soft: #fff1e3;--danger: #c0352b;--danger-soft: #fdecea;--info: #2457c5;--info-soft: #eaf0fc;--color-primary-50: #f4f5f7;--color-primary-100: #eceef1;--color-primary-200: #dfe2e6;--color-primary-300: #c4c9d0;--color-primary-400: #6b7380;--color-primary-500: #15181d;--color-primary-600: #15181d;--color-primary-700: #0d0f12;--color-primary-800: #0d0f12;--color-primary-900: #0d0f12;--color-secondary-50: #f9fafb;--color-secondary-100: #f4f5f7;--color-secondary-200: #e3e6ea;--color-secondary-300: #cdd2d9;--color-secondary-400: #9aa1ac;--color-secondary-500: #6b7380;--color-secondary-600: #4a515c;--color-secondary-700: #2f3540;--color-secondary-800: #1f242b;--color-secondary-900: #15181d;--color-success-50: #f1f9f5;--color-success-100: #e7f4ee;--color-success-200: #c8e6d8;--color-success-300: #93ccb2;--color-success-400: #3f9c78;--color-success-500: #13795b;--color-success-600: #13795b;--color-success-700: #0e5f47;--color-success-800: #0b4a37;--color-success-900: #08382a;--color-warning-50: #fff9ef;--color-warning-100: #fff3df;--color-warning-200: #ffe2b3;--color-warning-300: #f5c372;--color-warning-400: #d98a17;--color-warning-500: #a35a00;--color-warning-600: #a35a00;--color-warning-700: #7f4600;--color-warning-800: #613500;--color-warning-900: #4a2900;--color-error-50: #fef5f4;--color-error-100: #fdecea;--color-error-200: #f8cfcb;--color-error-300: #ef9f98;--color-error-400: #dd5f55;--color-error-500: #c0352b;--color-error-600: #c0352b;--color-error-700: #9c2a22;--color-error-800: #7a211b;--color-error-900: #5c1914;--color-info-50: #f4f7fd;--color-info-100: #eaf0fc;--color-info-200: #cbd9f6;--color-info-300: #96b2ec;--color-info-400: #4f7bd8;--color-info-500: #2457c5;--color-info-600: #2457c5;--color-info-700: #1c459c;--color-info-800: #163577;--color-info-900: #10285a;--color-bg-primary: #ffffff;--color-bg-secondary: #f9fafb;--color-bg-tertiary: #f4f5f7;--color-bg-hover: #eef0f3;--color-bg-accent: #15181d;--color-text-primary: #2f3540;--color-text-secondary: #6b7380;--color-text-tertiary: #9aa1ac;--color-text-title: #15181d;--color-text-muted: #9aa1ac;--color-text-inverse: #ffffff;--color-border-primary: #e3e6ea;--color-border-secondary: #cdd2d9;--color-border-focus: #15181d;--color-border-error: #c0352b;--color-border-success: #13795b;--color-card-bg: #ffffff;--color-card-border: #e3e6ea;--color-card-hover: #f9fafb;--color-input-bg: #ffffff;--color-input-border: #cdd2d9;--color-input-focus: #15181d;--color-input-text: #15181d;--color-input-placeholder: #9aa1ac;--color-button-primary: #15181d;--color-button-primary-hover: #2b3038;--color-button-primary-active: #0d0f12;--color-button-secondary: #ffffff;--color-button-secondary-hover: #f4f5f7;--color-button-success: #e1251b;--color-button-success-hover: #b81d15;--color-button-danger: #c0352b;--color-button-danger-hover: #9c2a22;--color-button-warning: #a35a00;--color-button-warning-hover: #7f4600;--color-header-bg: #ffffff;--color-header-text: #15181d;--color-header-border: #e3e6ea;--color-sidebar-bg: #15181d;--color-sidebar-text: #c9ccd1;--color-sidebar-hover: #23272e;--color-sidebar-active: #e1251b;--z-index-dropdown: 1000;--z-index-sticky: 1020;--z-index-fixed: 1030;--z-index-modal-backdrop: 1040;--z-index-modal: 1050;--z-index-popover: 1060;--z-index-tooltip: 1070;color-scheme:light}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font-family-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--text);background:var(--canvas);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}h1,h2,h3,h4,h5,h6{color:var(--ink);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);letter-spacing:-.01em}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-lg)}h4{font-size:var(--font-size-md)}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:var(--ink)}:focus-visible{outline:2px solid var(--ink);outline-offset:2px}input[type=checkbox],input[type=radio]{width:16px;height:16px;flex:0 0 auto;accent-color:var(--ink);cursor:pointer}.material-icons{font-family:Material Icons;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;direction:ltr;-webkit-font-feature-settings:"liga";font-feature-settings:"liga";-webkit-font-smoothing:antialiased}.icon-sm{font-size:18px!important}.icon-md{font-size:20px}.icon-lg{font-size:24px}.icon-xl{font-size:32px}*{scrollbar-width:thin;scrollbar-color:#cdd2d9 transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cdd2d9;border-radius:8px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:#9aa1ac;background-clip:padding-box}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.section-title{margin-bottom:var(--spacing-md);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--ink)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.stat-card{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-xl);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg)}.stat-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;flex:0 0 36px;border-radius:var(--radius-md);background:var(--canvas);color:var(--ink)}.stat-content{min-width:0}.stat-label{font-size:var(--font-size-sm);color:var(--muted)}.stat-value{margin-top:2px;font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--ink)}.search-input{position:relative}.search-input input{width:100%;padding-left:36px}.search-input .material-icons{position:absolute;z-index:1;left:10px;top:50%;transform:translateY(-50%);font-size:20px;color:var(--faint);pointer-events:none}.loading-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#ffffffb3;z-index:var(--z-index-modal)}.mt-xs{margin-top:var(--spacing-xs)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mb-xs{margin-bottom:var(--spacing-xs)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.pt-xs{padding-top:var(--spacing-xs)}.pt-sm{padding-top:var(--spacing-sm)}.pt-md{padding-top:var(--spacing-md)}.pt-lg{padding-top:var(--spacing-lg)}.pt-xl{padding-top:var(--spacing-xl)}.pb-xs{padding-bottom:var(--spacing-xs)}.pb-sm{padding-bottom:var(--spacing-sm)}.pb-md{padding-bottom:var(--spacing-md)}.pb-lg{padding-bottom:var(--spacing-lg)}.pb-xl{padding-bottom:var(--spacing-xl)}.btn,.btn-primary,.btn-secondary,.btn-success,.btn-danger,.btn-warning,.btn-outline-primary,.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:0 16px;border:1px solid transparent;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:1;white-space:nowrap;text-decoration:none;cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.btn .material-icons,.btn-primary .material-icons,.btn-secondary .material-icons,.btn-success .material-icons,.btn-danger .material-icons,.btn-warning .material-icons{font-size:18px}.btn:disabled,.btn-primary:disabled,.btn-secondary:disabled,.btn-success:disabled,.btn-danger:disabled,.btn-warning:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--ink);border-color:var(--ink);color:#fff}.btn-primary:hover:not(:disabled){background:var(--ink-soft);border-color:var(--ink-soft)}.btn-secondary{background:var(--surface);border-color:var(--line-strong);color:var(--ink)}.btn-secondary:hover:not(:disabled){background:var(--canvas)}.btn-success{background:var(--brand);border-color:var(--brand);color:#fff}.btn-success:hover:not(:disabled){background:var(--brand-dark);border-color:var(--brand-dark)}.btn-danger{background:var(--surface);border-color:#efc2be;color:var(--danger)}.btn-danger:hover:not(:disabled){background:var(--danger);border-color:var(--danger);color:#fff}.btn-warning{background:var(--accent);border-color:var(--accent);color:#fff}.btn-warning:hover:not(:disabled){background:var(--accent-dark);border-color:var(--accent-dark)}.btn-outline-primary{background:transparent;border-color:var(--ink);color:var(--ink)}.btn-outline-primary:hover:not(:disabled){background:var(--ink);color:#fff}.btn-ghost{background:transparent;color:var(--text)}.btn-ghost:hover:not(:disabled){background:var(--canvas)}.btn-sm{min-height:32px;padding:0 12px;font-size:var(--font-size-sm)}.btn-md{min-height:38px}.btn-lg{min-height:46px;padding:0 22px;font-size:var(--font-size-md)}.btn-full-width{width:100%}.btn-icon{width:38px;padding:0}.btn-icon-sm{width:32px;min-height:32px;padding:0}.btn-group{display:inline-flex;gap:var(--spacing-sm)}.btn-group-vertical{display:flex;flex-direction:column;gap:var(--spacing-sm)}.btn-action{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;min-height:32px;padding:0;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);color:var(--muted);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.btn-action .material-icons{font-size:18px}.btn-action:hover:not(:disabled){background:var(--canvas);border-color:var(--line-strong);color:var(--ink)}.btn-action.btn-primary{color:var(--ink)}.btn-action.btn-success{color:var(--ink);background:var(--surface);border-color:var(--line)}.btn-action.btn-success:hover:not(:disabled){background:var(--ink);border-color:var(--ink);color:#fff}.btn-action.btn-danger{color:var(--danger);background:var(--surface);border-color:var(--line)}.btn-action.btn-danger:hover:not(:disabled){background:var(--danger-soft);border-color:#f8cfcb;color:var(--danger)}.btn-action.btn-warning{color:var(--accent);background:var(--surface);border-color:var(--line)}.btn-action.btn-warning:hover:not(:disabled){background:var(--accent);border-color:var(--accent);color:#fff}button.loading{position:relative;color:transparent!important;pointer-events:none}button.loading:after{content:"";position:absolute;width:16px;height:16px;border:2px solid currentColor;border-color:#fff #fff transparent transparent;border-radius:50%;animation:spin .7s linear infinite}:where(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),select,textarea){width:100%;min-height:38px;padding:8px 12px;border:1px solid var(--line-strong);border-radius:var(--radius-md);background:var(--surface);color:var(--ink);font-size:var(--font-size-base);line-height:1.4;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}:where(textarea){min-height:80px;resize:vertical}:where(select){appearance:none;padding-right:34px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7380' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;cursor:pointer}:where(input,select,textarea)::placeholder{color:var(--faint)}:where(input:not([type=checkbox]):not([type=radio]),select,textarea):focus{outline:none;border-color:var(--ink);box-shadow:0 0 0 3px #15181d14}:where(input,select,textarea):disabled{background:var(--canvas);color:var(--muted);cursor:not-allowed}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:var(--spacing-lg)}.form-group label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--ink)}.form-group .required{color:var(--danger)}.form-group .optional{color:var(--faint);font-weight:var(--font-weight-normal)}.form-help-text{font-size:var(--font-size-xs);color:var(--muted)}.checkbox-label{display:inline-flex!important;flex-direction:row!important;align-items:center;gap:8px;font-weight:var(--font-weight-medium);cursor:pointer}.error-message{padding:10px 12px;border:1px solid #f8cfcb;border-radius:var(--radius-md);background:var(--danger-soft);color:var(--danger);font-size:var(--font-size-sm)}.page-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.page-header h1{font-size:var(--font-size-3xl)}.header-actions{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}:where(table){width:100%;border-collapse:collapse;background:var(--surface)}:where(thead th){padding:10px 14px;border-bottom:1px solid var(--line);background:var(--surface-2);color:var(--muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-align:left;white-space:nowrap}:where(tbody td){padding:12px 14px;border-bottom:1px solid var(--line);color:var(--text);font-size:var(--font-size-base);vertical-align:middle}:where(tbody tr:last-child td){border-bottom:none}:where(tbody tr:hover){background:var(--surface-2)}.table-container,.customers-table,.users-table,.expenses-table,.tables-table,.categories-table,.order-history-table{overflow-x:auto;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg)}.actions{display:flex;gap:6px;align-items:center}.card{padding:var(--spacing-xl);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg)}.empty-state{padding:var(--spacing-4xl) var(--spacing-xl);text-align:center;color:var(--muted)}.empty-state h3{margin-bottom:var(--spacing-xs);color:var(--ink)}.empty-state .material-icons{font-size:40px;color:var(--faint);margin-bottom:var(--spacing-sm)}.loading,.loading-state{padding:var(--spacing-4xl);text-align:center;color:var(--muted)}.modal-overlay{position:fixed;inset:0;z-index:var(--z-index-modal);display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);background:#15181d73;animation:overlayIn .14s ease}.modal-content{position:relative;width:100%;max-width:520px;max-height:calc(100vh - 32px);overflow-y:auto;background:var(--surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);animation:dialogIn .16s ease}.modal-content>form,.modal-content>.modal-body-content{padding:var(--spacing-xl)}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:16px 20px;border-bottom:1px solid var(--line)}.modal-header h2{font-size:var(--font-size-xl)}.modal-close,.close-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:var(--radius-md);background:transparent;color:var(--muted);font-size:22px;line-height:1;cursor:pointer}.modal-close:hover,.close-btn:hover{background:var(--canvas);color:var(--ink)}.modal-actions,.form-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--line)}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}@keyframes dialogIn{0%{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:none}}.search-filters,.filters{margin-bottom:var(--spacing-lg);padding:var(--spacing-lg);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg)}.search-filters>h3,.filters>h3{margin-bottom:12px;font-size:var(--font-size-base)}.search-row,.filter-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--spacing-md)}.search-row+.search-row,.filter-row+.filter-row{margin-top:var(--spacing-md)}.search-field,.filter-group{display:flex;flex-direction:column;gap:6px;flex:1 1 180px;min-width:0}.search-field label,.filter-group label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--ink)}.search-actions,.filter-actions{display:flex;align-items:flex-end;gap:var(--spacing-sm)}.clear-all-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:0 12px;border:1px solid var(--line-strong);border-radius:var(--radius-md);background:var(--surface);color:var(--muted);font-weight:var(--font-weight-medium);cursor:pointer}.clear-all-btn:hover{background:var(--canvas);color:var(--ink)}.clear-all-btn .material-icons{font-size:18px}.pagination-controls{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-md);margin-top:var(--spacing-lg);color:var(--muted);font-size:var(--font-size-sm)}.pagination-left{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-lg)}.items-per-page-selector{display:flex;align-items:center;gap:var(--spacing-sm)}.items-per-page-selector label{white-space:nowrap}.items-per-page-filter{width:auto!important;min-height:32px!important;padding:4px 30px 4px 10px!important;font-size:var(--font-size-sm)!important}.pagination-buttons{display:flex;align-items:center;gap:6px}.pagination-buttons .btn,.pagination-buttons .btn-secondary{min-width:32px;min-height:32px;padding:0 10px}.page-info{padding:0 var(--spacing-sm);color:var(--ink);font-weight:var(--font-weight-medium)}.badge,.status-badge,.role-badge,.payment-method-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--radius-full);background:var(--canvas);color:var(--text);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:1.6;white-space:nowrap}.badge-primary{background:var(--canvas);color:var(--ink)}.badge-success,.status-badge.completed,.status-badge.success,.status-badge.open{background:var(--success-soft);color:var(--success)}.badge-warning,.status-badge.hold,.status-badge.pending,.status-badge.warning{background:var(--warning-soft);color:var(--warning)}.badge-error,.status-badge.cancelled,.status-badge.danger,.status-badge.closed{background:var(--danger-soft);color:var(--danger)}.role-badge.super-admin{background:var(--ink);color:#fff}.role-badge.admin{background:var(--info-soft);color:var(--info)}.role-badge.cashier{background:var(--canvas);color:var(--text)}.toggle-switch{position:relative;display:inline-block;width:38px;height:22px;flex:0 0 38px}.toggle-switch input{position:absolute;opacity:0;width:0;height:0}.toggle-slider{position:absolute;inset:0;border-radius:var(--radius-full);background:var(--line-strong);cursor:pointer;transition:background-color var(--transition-fast)}.toggle-slider:before{content:"";position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:var(--shadow-sm);transition:transform var(--transition-fast)}.toggle-switch input:checked+.toggle-slider{background:var(--success)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(16px)}.toggle-switch input:focus-visible+.toggle-slider{outline:2px solid var(--ink);outline-offset:2px}.tabs{display:flex;gap:2px;margin-bottom:var(--spacing-lg);border-bottom:1px solid var(--line);overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tabs .tab{position:relative;padding:10px 14px;border:none;background:transparent;color:var(--muted);font-weight:var(--font-weight-medium);white-space:nowrap;cursor:pointer}.tabs .tab:hover,.tabs .tab.active{color:var(--ink)}.tabs .tab.active:after{content:"";position:absolute;left:10px;right:10px;bottom:-1px;height:2px;border-radius:2px;background:var(--brand)}@media (max-width: 768px){.page-header h1{font-size:var(--font-size-2xl)}.modal-content{max-width:100%}.pagination-controls{justify-content:center}}.toast-container{position:fixed;top:68px;right:16px;z-index:10000;display:flex;flex-direction:column;align-items:flex-end;gap:8px;pointer-events:none}.toast{display:flex;align-items:flex-start;gap:10px;width:360px;max-width:calc(100vw - 32px);padding:12px 10px 12px 14px;border:1px solid var(--line);border-left:3px solid var(--ink);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-lg);pointer-events:auto;animation:toastIn .16s ease}@keyframes toastIn{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:none}}.toast-icon{font-size:20px!important;color:var(--ink)}.toast-message{flex:1;padding-top:1px;color:var(--ink);font-size:var(--font-size-sm);line-height:1.45}.toast-close{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--faint);cursor:pointer}.toast-close .material-icons{font-size:18px}.toast-close:hover{background:var(--canvas);color:var(--ink)}.toast-success{border-left-color:var(--success)}.toast-success .toast-icon{color:var(--success)}.toast-error{border-left-color:var(--danger)}.toast-error .toast-icon{color:var(--danger)}.toast-warning{border-left-color:#d98a17}.toast-warning .toast-icon{color:var(--warning)}.toast-info{border-left-color:var(--info)}.toast-info .toast-icon{color:var(--info)}.layout{--header-h: 56px;--sidebar-w: 232px;--sidebar-w-collapsed: 64px;min-height:100vh;background:var(--canvas)}.header{position:fixed;box-shadow:inset 0 -3px 0 var(--brand);top:0;left:0;right:0;z-index:var(--z-index-fixed);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:var(--header-h);padding:0 16px;background:var(--surface)}.header-left{display:flex;align-items:center;gap:10px;min-width:0}.sidebar-toggle-btn,.mobile-menu-btn,.logout-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid transparent;border-radius:var(--radius-md);background:transparent;color:var(--muted);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.sidebar-toggle-btn:hover,.mobile-menu-btn:hover,.logout-btn:hover{background:var(--canvas);color:var(--ink)}.sidebar-toggle-btn .material-icons,.mobile-menu-btn .material-icons,.logout-btn .material-icons{font-size:22px}.mobile-menu-btn{display:none}.header-branding{display:flex;align-items:baseline;gap:8px;min-width:0}.brand-mark{align-self:center;width:12px;height:12px;border-radius:3px;background:linear-gradient(135deg,var(--brand) 50%,var(--accent) 50%);transform:rotate(45deg)}.header-branding h1{margin:0;font-size:1.125rem;font-weight:700;letter-spacing:-.02em;color:var(--ink)}.header-tagline{font-size:var(--font-size-sm);color:var(--faint);white-space:nowrap}.header-center{display:flex;justify-content:center}.clock-display{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:var(--font-size-sm);white-space:nowrap}.clock-display .material-icons{font-size:16px!important;color:var(--faint)}.user-info{display:flex;align-items:center;justify-content:flex-end;gap:8px}.user-chip{display:flex;align-items:center;gap:10px;padding:4px 10px 4px 4px}.user-avatar{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--brand);color:#fff;font-size:var(--font-size-sm);font-weight:600}.user-meta{display:flex;flex-direction:column;line-height:1.2}.user-name{color:var(--ink);font-weight:600;font-size:var(--font-size-sm)}.user-role{color:var(--muted);font-size:var(--font-size-xs)}.sidebar{position:fixed;top:var(--header-h);bottom:0;left:0;z-index:var(--z-index-sticky);width:var(--sidebar-w);padding:12px 10px;overflow-y:auto;overflow-x:hidden;background:var(--ink);border-right:1px solid var(--ink);transition:width var(--transition-normal)}.sidebar ul{display:flex;flex-direction:column;gap:2px;list-style:none}.nav-button{position:relative;display:flex;align-items:center;gap:12px;width:100%;height:40px;padding:0 12px;border:none;border-radius:var(--radius-md);background:transparent;color:#c9ccd1;font-size:var(--font-size-base);font-weight:500;text-align:left;white-space:nowrap;cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.nav-button .material-icons{font-size:20px!important;color:#7d838d}.nav-button:hover{background:#23272e;color:#fff}.nav-button:hover .material-icons{color:#c9ccd1}.nav-button.active{background:var(--brand);color:#fff;font-weight:600}.nav-button.active .material-icons{color:#fff}.nav-button.active:before{content:"";position:absolute;left:-10px;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:var(--accent)}.sidebar.collapsed{width:var(--sidebar-w-collapsed)}.sidebar.collapsed .nav-text{display:none}.sidebar.collapsed .nav-button{justify-content:center;padding:0}.main-content{display:flex;flex-direction:column;min-height:100vh;margin-left:var(--sidebar-w);padding:calc(var(--header-h) + 24px) 28px 0;transition:margin-left var(--transition-normal)}.layout.sidebar-collapsed .main-content{margin-left:var(--sidebar-w-collapsed)}.layout.cashier-only .main-content{margin-left:0}.main-content>*:first-child{flex:1 0 auto}.app-footer{margin:32px -28px 0;padding:14px 28px;border-top:1px solid var(--line);color:var(--faint);font-size:var(--font-size-xs)}.footer-content{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}.footer-branding strong{color:var(--muted);font-weight:600}.footer-tagline{color:var(--faint)}.footer-contact{display:flex;gap:16px}.mobile-overlay{display:none}@media (max-width: 1100px){.header-tagline,.user-meta{display:none}}@media (max-width: 900px){.sidebar-toggle-btn{display:none}.mobile-menu-btn{display:inline-flex}.sidebar,.sidebar.collapsed{width:260px;transform:translate(-100%);transition:transform var(--transition-normal);box-shadow:var(--shadow-xl)}.sidebar.collapsed .nav-text{display:inline}.sidebar.collapsed .nav-button{justify-content:flex-start;padding:0 12px}.sidebar.mobile-open{transform:translate(0)}.mobile-overlay{display:block;position:fixed;inset:var(--header-h) 0 0 0;z-index:calc(var(--z-index-sticky) - 1);background:#15181d59}.main-content,.layout.sidebar-collapsed .main-content{margin-left:0;padding:calc(var(--header-h) + 16px) 16px 0}.app-footer{margin:24px -16px 0;padding:12px 16px}.header{grid-template-columns:1fr auto}.header-center{display:none}}.login-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;min-height:100vh;padding:24px 16px;background:var(--canvas)}.login-card{border-top:4px solid var(--brand)!important;width:100%;max-width:380px;padding:32px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}.login-header{display:flex;align-items:center;gap:14px;margin-bottom:28px}.login-header .brand-mark{width:18px;height:18px;border-radius:4px;background:linear-gradient(135deg,var(--brand) 50%,var(--accent) 50%);transform:rotate(45deg);flex:0 0 auto}.login-header h1{font-size:var(--font-size-2xl);font-weight:700;letter-spacing:-.02em}.login-header .tagline{margin-top:2px;color:var(--muted);font-size:var(--font-size-sm)}.login-form .form-group input{min-height:42px;font-size:var(--font-size-md)}.login-form .error-message{margin-bottom:16px}.login-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:44px;margin-top:4px;border:none;border-radius:var(--radius-md);background:var(--brand);color:#fff;font-size:var(--font-size-md);font-weight:600;cursor:pointer}.login-button:hover:not(:disabled){background:var(--brand-dark)}.login-button:disabled{opacity:.7;cursor:wait}.login-button .spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.login-footer{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 16px;color:var(--faint);font-size:var(--font-size-xs)}.login-footer strong{color:var(--muted);font-weight:600}.login-footer .footer-link{color:var(--faint);text-decoration:none}.login-footer .footer-link:hover{color:var(--ink)}.spinner{display:inline-flex;align-items:center;justify-content:center}.spinner-circle{width:28px;height:28px;border:3px solid var(--line);border-top-color:var(--ink);border-radius:50%;animation:spin .7s linear infinite}.spinner-small .spinner-circle{width:18px;height:18px;border-width:2px}.spinner-large .spinner-circle{width:40px;height:40px}@keyframes spin{to{transform:rotate(360deg)}}.spinner-overlay{position:fixed;inset:0;z-index:9000;display:flex;align-items:center;justify-content:center;background:#fff9}.spinner-overlay .spinner-circle{width:36px;height:36px}.dashboard{display:flex;flex-direction:column;gap:20px}.dashboard-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}.dashboard-header .header-left{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.dashboard .status-badge.status-open{align-self:flex-start;background:var(--success-soft);color:var(--success)}.dashboard .status-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.dashboard-header h1{font-size:var(--font-size-3xl)}.session-meta{display:flex;flex-wrap:wrap;gap:4px 18px;color:var(--muted);font-size:var(--font-size-sm)}.meta-item{display:inline-flex;align-items:center;gap:4px}.meta-item .material-icons{font-size:16px;color:var(--faint)}.refresh-btn,.action-btn,.primary-action-btn,.secondary-action-btn{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:0 14px;border:1px solid var(--line-strong);border-radius:var(--radius-md);background:var(--surface);color:var(--ink);font-weight:500;cursor:pointer}.refresh-btn .material-icons,.action-btn .material-icons,.primary-action-btn .material-icons,.secondary-action-btn .material-icons{font-size:18px}.refresh-btn:hover,.action-btn:hover,.secondary-action-btn:hover{background:var(--canvas)}.primary-action-btn{border-color:var(--brand);background:var(--brand);color:#fff}.primary-action-btn:hover{background:var(--brand-dark)}.dashboard .stats-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:0}.dashboard .stat-card{display:flex;flex-direction:column;gap:8px;padding:16px 18px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg)}.dashboard .stat-card .card-header{display:flex;align-items:center;gap:8px}.dashboard .stat-card .card-header .material-icons{font-size:18px;color:var(--faint)}.dashboard .stat-card .card-header h3{font-size:var(--font-size-sm);font-weight:500;color:var(--muted)}.dashboard .card-value{color:var(--ink);font-size:var(--font-size-2xl);font-weight:700;letter-spacing:-.01em}.dashboard .card-footer{display:flex;align-items:center;gap:4px;color:var(--muted);font-size:var(--font-size-xs)}.dashboard .card-footer .material-icons{font-size:14px}.dashboard .stat-card.sales-card{grid-column:1 / -1;display:grid;grid-template-columns:1fr auto;grid-template-areas:"head value" "foot value";align-items:center;padding:20px 24px;background:var(--ink);border-color:var(--ink)}.dashboard .sales-card .card-header{grid-area:head}.dashboard .sales-card .card-footer{grid-area:foot}.dashboard .stat-card.sales-card{border-left:6px solid var(--brand)}.dashboard .sales-card .card-value{grid-area:value}.dashboard .sales-card .card-header h3,.dashboard .sales-card .card-header .material-icons,.dashboard .sales-card .card-footer{color:#ffffffb3}.dashboard .sales-card .card-value{color:#fff;font-size:2.75rem;letter-spacing:-.03em}.dashboard .pending-card .card-value{color:var(--accent)}.dashboard .expenses-card .card-value{color:var(--danger)}.top-items,.quick-actions{padding:18px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg)}.top-items h2,.quick-actions h2{display:flex;align-items:center;gap:6px;margin-bottom:12px;font-size:var(--font-size-lg)}.top-items h2 .material-icons{display:none}.top-items .items-list{display:flex;flex-direction:column;border:none}.item-row{display:grid;grid-template-columns:32px minmax(0,1fr) minmax(120px,40%);align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}.item-row:last-child{border-bottom:none}.item-rank{color:var(--faint);font-weight:600}.item-details{display:flex;flex-direction:column;min-width:0}.item-name{color:var(--ink);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-stats{color:var(--muted);font-size:var(--font-size-xs)}.item-chart{height:6px;border-radius:var(--radius-full);background:var(--canvas);overflow:hidden}.chart-bar{height:100%;border-radius:var(--radius-full);background:linear-gradient(90deg,var(--brand),var(--accent))}.action-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.quick-action-card{display:flex;align-items:center;gap:10px;min-height:52px;padding:0 14px;border:1px solid var(--line-strong);border-radius:var(--radius-md);background:var(--surface);color:var(--ink);font-weight:600;cursor:pointer}.quick-action-card .material-icons{color:var(--accent);font-size:20px}.quick-action-card:hover{border-color:var(--brand);background:var(--brand-soft)}.quick-action-card:hover .material-icons{color:var(--brand)}.day-not-started,.error-state,.day-closed{max-width:640px;margin:40px auto;padding:32px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-xl)}.day-not-started,.error-state{text-align:center}.empty-state-icon .material-icons,.error-state>.material-icons,.closed-header .material-icons{font-size:36px;color:var(--faint)}.day-not-started h1,.closed-header h1{margin:10px 0 6px;font-size:var(--font-size-2xl)}.error-state h2{margin:10px 0 16px}.day-not-started p,.closed-date{color:var(--muted)}.empty-actions{display:flex;justify-content:center;gap:8px;margin-top:22px}.closed-summary{margin-top:22px}.closed-summary h2{margin-bottom:10px;font-size:var(--font-size-base)}.closed-summary .summary-grid{border:1px solid var(--line);border-radius:var(--radius-lg);padding:4px 14px}.closed-summary .summary-item{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--line);font-size:var(--font-size-sm)}.closed-summary .summary-item:last-child{border-bottom:none}.closed-summary .summary-item .label{color:var(--muted)}.closed-summary .summary-item .value{color:var(--ink);font-weight:500;text-align:right}.closed-summary .summary-item.highlight .value{font-size:var(--font-size-lg);font-weight:700}@media (max-width: 1100px){.dashboard .stats-grid,.action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 560px){.dashboard .stats-grid{grid-template-columns:1fr}.dashboard .stat-card.sales-card{grid-template-columns:1fr;grid-template-areas:"head" "value" "foot"}.item-row{grid-template-columns:24px 1fr}.item-chart{grid-column:2}}.modal-content.modal-large{max-width:760px}.modal-content.modal-xl{max-width:960px}.modal-body{padding:20px}.modal-body .form-group:last-child{margin-bottom:0}.modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding:14px 20px;border-top:1px solid var(--line)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}@media (max-width: 768px){.modal-overlay{padding:0;align-items:flex-end}.modal-content{max-height:92vh;border-radius:var(--radius-xl) var(--radius-xl) 0 0}.form-row{grid-template-columns:1fr}}.confirm-modal-overlay{position:fixed;inset:0;z-index:calc(var(--z-index-modal) + 10);display:flex;align-items:center;justify-content:center;padding:16px;background:#15181d73;animation:overlayIn .14s ease}.confirm-modal-content{width:100%;max-width:400px;padding:24px;background:var(--surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);animation:dialogIn .16s ease}.confirm-modal-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin-bottom:14px;border-radius:50%}.confirm-modal-icon .material-icons{font-size:22px}.confirm-modal-icon.danger{background:var(--danger-soft);color:var(--danger)}.confirm-modal-icon.warning{background:var(--warning-soft);color:var(--warning)}.confirm-modal-icon.info{background:var(--info-soft);color:var(--info)}.confirm-modal-title{margin-bottom:6px;font-size:var(--font-size-lg);color:var(--ink)}.confirm-modal-message{color:var(--muted);font-size:var(--font-size-base);line-height:1.55}.confirm-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:24px}.confirm-modal-btn{min-height:38px;padding:0 16px;border:1px solid transparent;border-radius:var(--radius-md);font-weight:500;cursor:pointer}.confirm-modal-btn.cancel-btn{background:var(--surface);border-color:var(--line-strong);color:var(--ink)}.confirm-modal-btn.cancel-btn:hover{background:var(--canvas)}.confirm-modal-btn.confirm-btn{color:#fff}.confirm-modal-btn.confirm-btn.danger{background:var(--danger)}.confirm-modal-btn.confirm-btn.danger:hover{background:#9c2a22}.confirm-modal-btn.confirm-btn.warning{background:var(--ink)}.confirm-modal-btn.confirm-btn.warning:hover{background:var(--ink-soft)}.confirm-modal-btn.confirm-btn.info{background:var(--ink)}.confirm-modal-btn.confirm-btn.info:hover{background:var(--ink-soft)}.cash-transaction-form .form-group small{color:var(--muted);font-size:var(--font-size-xs);line-height:1.5}.cash-transaction-form .form-group .error-message{padding:0;border:none;background:none;font-size:var(--font-size-xs)}.cash-transaction-form input.error{border-color:var(--danger)}.cash-transaction-form .disabled-input{background:var(--canvas);color:var(--muted)}.edit-mode-notice,.warning-message{margin-bottom:16px;padding:10px 12px;border-radius:var(--radius-md);font-size:var(--font-size-sm);line-height:1.5}.edit-mode-notice{border:1px solid #cbd9f6;background:var(--info-soft);color:var(--info)}.warning-message{margin:16px 0 0;border:1px solid #ffe2b3;background:var(--warning-soft);color:var(--warning)}.drawer-summary{margin-bottom:18px;padding:14px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-2)}.drawer-summary h4{margin-bottom:8px;font-size:var(--font-size-sm)}.drawer-summary .summary-item{display:flex;justify-content:space-between;gap:12px;padding:5px 0;font-size:var(--font-size-sm)}.drawer-summary .summary-item .label{color:var(--muted)}.drawer-summary .summary-item .value{color:var(--ink);font-weight:500}.drawer-summary .value.negative{color:var(--danger)}.drawer-summary .summary-item.highlight{margin-top:4px;padding-top:9px;border-top:1px dashed var(--line-strong)}.drawer-summary .summary-item.highlight .value{font-size:var(--font-size-lg);font-weight:700}.calculation-note{margin-top:10px;color:var(--muted);line-height:1.5}.amount-info{color:var(--ink)!important;font-weight:500}.print-confirm-overlay{position:fixed;inset:0;z-index:calc(var(--z-index-modal) + 20);display:flex;align-items:center;justify-content:center;padding:16px;background:#15181d73}.print-confirm-box{width:100%;max-width:380px;padding:24px;background:var(--surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl)}.print-confirm-box h3{margin-bottom:6px}.print-confirm-box p{color:var(--muted)}.print-confirm-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.orders-page{display:flex;flex-direction:column;min-height:0}.orders-page>.tabs{margin-bottom:16px}.orders-page .start-order-section{display:flex;flex-direction:column;align-items:center;gap:16px;padding:48px 16px}.orders-page .start-order-panel{width:100%;max-width:760px;padding:32px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-xl)}.orders-page .start-order-panel h2{font-size:var(--font-size-3xl)}.orders-page .start-order-hint{margin-top:6px;color:var(--muted)}.orders-page .order-type-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(128px,1fr));gap:10px;margin-top:24px}.orders-page .start-order-btn{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:18px;min-height:108px;padding:16px;border:1px solid var(--line-strong);border-radius:var(--radius-lg);background:var(--surface);color:var(--ink);font-size:var(--font-size-md);font-weight:600;text-align:left;cursor:pointer;transition:border-color var(--transition-fast),background-color var(--transition-fast)}.orders-page .start-order-btn .material-icons{font-size:26px;color:var(--accent)}.orders-page .start-order-btn:hover:not(:disabled){border-color:var(--brand);background:var(--brand-soft)}.orders-page .start-order-btn:hover:not(:disabled) .material-icons{color:var(--brand)}.orders-page .start-order-btn:disabled{opacity:.45;cursor:not-allowed}.orders-page .cash-in-required-notice{display:flex;align-items:center;gap:14px;width:100%;max-width:760px;padding:14px 16px;border:1px solid #ffe2b3;border-radius:var(--radius-lg);background:var(--warning-soft)}.orders-page .cash-in-required-notice .notice-icon{font-size:22px;color:var(--warning)}.orders-page .notice-content{flex:1}.orders-page .notice-content h3{font-size:var(--font-size-base);color:var(--ink)}.orders-page .notice-content p{color:var(--text);font-size:var(--font-size-sm)}.orders-page .open-cash-in-btn{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 14px;border:none;border-radius:var(--radius-md);background:var(--ink);color:#fff;font-weight:500;white-space:nowrap;cursor:pointer}.orders-page .open-cash-in-btn .material-icons{font-size:18px}.orders-page .open-cash-in-btn:hover{background:var(--ink-soft)}.orders-page .order-type-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px}.orders-page .order-type-btn{min-height:52px;border:1px solid var(--line-strong);border-radius:var(--radius-md);background:var(--surface);color:var(--ink);font-weight:600;cursor:pointer}.orders-page .order-type-btn:hover{border-color:var(--ink)}.orders-page .order-interface{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:20px;align-items:start}.orders-page .menu-section{min-width:0}.orders-page .pos-search{position:relative;max-width:420px;margin-bottom:12px}.orders-page .pos-search>.material-icons{position:absolute;z-index:1;left:11px;top:50%;transform:translateY(-50%);font-size:20px;color:var(--faint);pointer-events:none}.orders-page .pos-search .search-input{min-height:42px;padding-left:38px;padding-right:38px;font-size:var(--font-size-md)}.orders-page .pos-search-clear{position:absolute;right:6px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--muted);cursor:pointer}.orders-page .pos-search-clear:hover{background:var(--canvas);color:var(--ink)}.orders-page .pos-search-clear .material-icons{font-size:18px}.orders-page .categories-section{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.orders-page .category-btn{flex:0 0 auto;height:34px;padding:0 14px;border:1px solid var(--line-strong);border-radius:var(--radius-full);background:var(--surface);color:var(--text);font-weight:500;white-space:nowrap;cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.orders-page .category-btn:hover{border-color:var(--brand);color:var(--brand)}.orders-page .category-btn.active{background:var(--brand);border-color:var(--brand);color:#fff}.orders-page .menu-items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.orders-page .menu-item-card{position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:10px;min-height:92px;padding:12px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);color:var(--ink);text-align:left;cursor:pointer;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.orders-page .menu-item-card:hover{border-color:var(--line-strong);box-shadow:var(--shadow-md)}.orders-page .menu-item-card:active{transform:scale(.99)}.orders-page .menu-item-card.in-cart{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);background:#fffaf4}.orders-page .menu-item-card .item-image{display:block;margin:-12px -12px 0;aspect-ratio:16 / 10;overflow:hidden;border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--canvas)}.orders-page .menu-item-card .item-image img{width:100%;height:100%;object-fit:cover;display:block}.orders-page .menu-item-name{font-size:var(--font-size-base);font-weight:600;line-height:1.3}.orders-page .menu-item-price{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:var(--font-size-sm)}.orders-page .menu-item-offer{padding:0 6px;border-radius:var(--radius-full);background:var(--success-soft);color:var(--success);font-size:var(--font-size-xs);font-weight:600}.orders-page .menu-item-qty{position:absolute;top:8px;right:8px;display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:var(--radius-full);background:var(--accent);color:#fff;font-size:var(--font-size-xs);font-weight:700}.orders-page .menu-empty{grid-column:1 / -1;padding:32px;text-align:center;color:var(--muted)}.orders-page .ticket{position:sticky;top:72px;display:flex;flex-direction:column;max-height:calc(100vh - 88px);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}.orders-page .ticket-head{padding:16px 18px 14px;border-top:4px solid var(--brand);border-radius:var(--radius-xl) var(--radius-xl) 0 0;border-bottom:1px dashed var(--line-strong)}.orders-page .ticket-title-row{display:flex;align-items:center;gap:10px}.orders-page .ticket-type{font-size:var(--font-size-lg);font-weight:700;color:var(--ink)}.orders-page .ticket-number{color:var(--muted);font-size:var(--font-size-sm)}.orders-page .edit-details-btn{display:inline-flex;align-items:center;gap:4px;margin-left:auto;height:30px;padding:0 10px;border:1px solid var(--line-strong);border-radius:var(--radius-md);background:var(--surface);color:var(--text);font-size:var(--font-size-sm);font-weight:500;cursor:pointer}.orders-page .edit-details-btn .material-icons{font-size:16px}.orders-page .edit-details-btn:hover{border-color:var(--ink);color:var(--ink)}.orders-page .ticket-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;margin-top:6px;color:var(--muted);font-size:var(--font-size-sm)}.orders-page .ticket-meta:empty{display:none}.orders-page .ticket-customer{color:var(--ink);font-weight:500}.orders-page .customer-visit-badge{padding:1px 8px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600}.orders-page .customer-visit-badge.new-customer{background:var(--info-soft);color:var(--info)}.orders-page .customer-visit-badge.returning-customer{background:var(--success-soft);color:var(--success)}.orders-page .ticket-lines{flex:1 1 auto;min-height:120px;overflow-y:auto;padding:4px 18px}.orders-page .ticket-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:40px 12px;text-align:center;color:var(--muted)}.orders-page .ticket-empty .material-icons{font-size:30px;color:var(--faint)}.orders-page .cart-item{padding:12px 0;border-bottom:1px dashed var(--line)}.orders-page .cart-item:last-child{border-bottom:none}.orders-page .cart-item .item-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.orders-page .cart-item .item-info h4{font-size:var(--font-size-base);font-weight:600;line-height:1.3}.orders-page .cart-item .item-info p{margin-top:2px;color:var(--muted);font-size:var(--font-size-xs)}.orders-page .cart-item .item-total{color:var(--ink);font-weight:600;white-space:nowrap}.orders-page .item-controls{display:flex;align-items:center;gap:8px;margin-top:8px}.orders-page .quantity-controls{display:inline-flex;align-items:center;flex:0 0 auto;height:32px;border:1px solid var(--line-strong);border-radius:var(--radius-md);overflow:hidden}.orders-page .quantity-controls button{display:inline-flex;align-items:center;justify-content:center;width:32px;height:100%;border:none;background:var(--surface);color:var(--ink);cursor:pointer}.orders-page .quantity-controls button:hover{background:var(--canvas)}.orders-page .quantity-controls button .material-icons{font-size:18px}.orders-page .quantity-controls span{min-width:30px;text-align:center;font-weight:600;color:var(--ink)}.orders-page .notes-input{flex:1;min-width:0;min-height:32px!important;padding:4px 10px!important;border-color:var(--line)!important;font-size:var(--font-size-sm)!important}.orders-page .ticket-foot{padding:14px 18px 18px;border-top:1px dashed var(--line-strong);background:var(--surface-2);border-radius:0 0 var(--radius-xl) var(--radius-xl)}.orders-page .cart-total{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:14px}.orders-page .cart-total span{display:flex;flex-direction:column;color:var(--ink);font-weight:600}.orders-page .cart-total small{color:var(--muted);font-size:var(--font-size-xs);font-weight:400}.orders-page .cart-total strong{font-size:var(--font-size-3xl);font-weight:700;color:var(--ink);letter-spacing:-.02em}.orders-page .cart-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.orders-page .cart-actions button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:42px;border:1px solid var(--line-strong);border-radius:var(--radius-md);background:var(--surface);color:var(--ink);font-weight:600;cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast)}.orders-page .cart-actions button .material-icons{font-size:19px}.orders-page .cart-actions button:disabled{opacity:.45;cursor:not-allowed}.orders-page .cart-actions .cart-complete-btn{grid-column:1 / -1;min-height:52px;border-color:var(--brand);background:var(--brand);color:#fff;font-size:var(--font-size-md)}.orders-page .cart-actions .cart-complete-btn:hover:not(:disabled){background:var(--brand-dark);border-color:var(--brand-dark)}.orders-page .cart-actions .hold-btn{border-color:var(--accent);background:var(--accent);color:#fff}.orders-page .cart-actions .hold-btn:hover:not(:disabled){background:var(--accent-dark);border-color:var(--accent-dark)}.orders-page .cart-actions .print-invoice-order-btn{border-color:var(--ink);background:var(--ink);color:#fff}.orders-page .cart-actions .print-invoice-order-btn:hover:not(:disabled){background:var(--ink-soft);border-color:var(--ink-soft)}.orders-page .cart-actions .cancel-order-btn{grid-column:1 / -1;min-height:34px;border-color:transparent;background:transparent;color:var(--muted);font-weight:500}.orders-page .cart-actions .cancel-order-btn:hover{color:var(--danger);background:var(--danger-soft)}.orders-page .order-filters-container{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px}.orders-page .order-search-container{display:flex;align-items:center;gap:8px;flex:1 1 320px}.orders-page .order-search-wrapper{position:relative;flex:1}.orders-page .order-search-icon{position:absolute;z-index:1;left:11px;top:50%;transform:translateY(-50%);font-size:20px;color:var(--faint);pointer-events:none}.orders-page .order-search-input{padding-left:38px!important}.orders-page .order-search-clear-btn,.orders-page .date-clear-btn{display:inline-flex;align-items:center;gap:4px;min-height:38px;padding:0 10px;border:1px solid var(--line-strong);border-radius:var(--radius-md);background:var(--surface);color:var(--muted);cursor:pointer}.orders-page .order-search-clear-btn:hover,.orders-page .date-clear-btn:hover{color:var(--ink);background:var(--canvas)}.orders-page .order-search-clear-btn .material-icons,.orders-page .date-clear-btn .material-icons{font-size:18px}.orders-page .date-range-filter{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.orders-page .date-input-group{display:flex;align-items:center;gap:6px}.orders-page .date-input-group label{display:inline-flex;align-items:center;gap:4px;color:var(--muted);font-size:var(--font-size-sm);white-space:nowrap}.orders-page .date-input-group label .material-icons{display:none}.orders-page .date-filter-input{width:auto!important}.orders-page .orders-section{margin-bottom:28px}.orders-page .section-header{display:flex;align-items:baseline;gap:10px;margin-bottom:10px}.orders-page .section-header h2{font-size:var(--font-size-xl)}.orders-page .order-count{color:var(--muted);font-size:var(--font-size-sm)}.orders-page .orders-list{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden}.orders-page .orders-list:empty:before{content:"No orders here.";display:block;padding:24px;text-align:center;color:var(--muted)}.orders-page .order-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border-bottom:1px solid var(--line)}.orders-page .order-card:last-child{border-bottom:none}.orders-page .order-card:hover{background:var(--surface-2)}.orders-page .order-card .order-info{display:grid;grid-template-columns:minmax(200px,1.4fr) minmax(140px,1fr) minmax(150px,1fr);grid-template-areas:"title total created" "customer extra created";align-items:start;gap:2px 20px;flex:1;min-width:0}.orders-page .order-card .order-info h4{grid-area:title;font-size:var(--font-size-base);font-weight:600}.orders-page .order-card .order-info>p:nth-of-type(1){grid-area:customer;color:var(--muted);font-size:var(--font-size-sm)}.orders-page .order-card .order-card-total{grid-area:total;color:var(--ink);font-weight:600}.orders-page .order-card-discount{display:block;color:var(--muted);font-size:var(--font-size-xs);font-weight:400}.orders-page .order-card-delivery{grid-area:extra;color:var(--muted);font-size:var(--font-size-xs)}.orders-page .order-card .order-info>p:last-child{grid-area:created;color:var(--muted);font-size:var(--font-size-sm);text-align:right}.orders-page .order-actions{display:flex;gap:6px;flex:0 0 auto}.orders-page .order-actions button{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);color:var(--muted);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.orders-page .order-actions button .material-icons{font-size:18px!important}.orders-page .order-actions button:hover:not(:disabled){border-color:var(--line-strong);background:var(--canvas);color:var(--ink)}.orders-page .order-actions button:disabled{opacity:.35;cursor:not-allowed}.orders-page .order-actions .complete-btn{color:var(--brand)}.orders-page .order-actions .complete-btn:hover:not(:disabled){background:var(--brand);border-color:var(--brand);color:#fff}.orders-page .order-actions .add-items-btn{color:var(--accent)}.orders-page .order-actions .add-items-btn:hover:not(:disabled){background:var(--accent);border-color:var(--accent);color:#fff}.orders-page .order-actions .cancel-btn:hover:not(:disabled){background:var(--danger-soft);border-color:#f8cfcb;color:var(--danger)}.orders-page .pagination-controls-simple{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:12px}.orders-page .pagination-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--line-strong);border-radius:var(--radius-md);background:var(--surface);color:var(--ink);cursor:pointer}.orders-page .pagination-btn:disabled{opacity:.4;cursor:not-allowed}.orders-page .pagination-btn:hover:not(:disabled){background:var(--canvas)}.orders-page .pagination-controls-simple .pagination-info{color:var(--muted);font-size:var(--font-size-sm)}.orders-page .submit-btn,.orders-page .confirm-payment-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:100%;min-height:46px;border:none;border-radius:var(--radius-md);background:var(--ink);color:#fff;font-size:var(--font-size-md);font-weight:600;cursor:pointer}.orders-page .submit-btn:hover{background:var(--ink-soft)}.orders-page .confirm-payment-btn{background:var(--brand)}.orders-page .confirm-payment-btn:hover:not(:disabled){background:var(--brand-dark)}.orders-page .confirm-payment-btn:disabled{opacity:.5;cursor:wait}.orders-page .payment-modal{display:flex;flex-direction:column;gap:14px}.orders-page .payment-modal h4{margin-bottom:8px;font-size:var(--font-size-sm);font-weight:600;color:var(--ink)}.orders-page .payment-modal .order-total{display:flex;flex-direction:column;gap:4px}.orders-page .payment-modal .order-total h3{display:flex;justify-content:space-between;font-size:var(--font-size-base);font-weight:500;color:var(--text)}.orders-page .payment-modal .order-total p{margin:0!important;color:var(--muted)!important;font-size:var(--font-size-xs)!important}.orders-page .discount-section,.orders-page .delivery-charge-section,.orders-page .split-payment-section,.orders-page .cash-payment-section{padding:14px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface)}.orders-page .discount-section>p[style]{margin-bottom:8px!important;color:var(--warning)!important;font-size:var(--font-size-xs)!important}.orders-page .discount-controls{display:flex;align-items:center;gap:8px}.orders-page .discount-type-select{width:46%!important;flex:0 0 auto}.orders-page .discount-input{flex:1}.orders-page .discount-symbol{color:var(--muted);font-weight:600}.orders-page .discount-amount{margin-top:8px;color:var(--accent-dark);font-size:var(--font-size-sm);font-weight:500}.orders-page .final-amount,.orders-page .grand-total{display:flex;align-items:baseline;justify-content:space-between}.orders-page .final-amount{border-left:5px solid var(--accent);padding:14px 16px;border-radius:var(--radius-lg);background:var(--ink)}.orders-page .final-amount h3{width:100%;color:#fff;font-size:var(--font-size-2xl);font-weight:700;letter-spacing:-.01em}.orders-page .delivery-charge-note{margin-top:6px;color:var(--muted);font-size:var(--font-size-xs)}.orders-page .delivery-charge-section .grand-total{margin-top:10px;padding-top:10px;border-top:1px dashed var(--line-strong);font-size:var(--font-size-lg);color:var(--ink)}.orders-page .payment-input{font-size:var(--font-size-md)!important;font-weight:600}.orders-page .payment-methods{display:flex;gap:6px}.orders-page .payment-methods label{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:1;min-height:42px;padding:0 12px;border:1px solid var(--line-strong);border-radius:var(--radius-md);background:var(--surface);color:var(--text);font-weight:500;cursor:pointer;transition:border-color var(--transition-fast),background-color var(--transition-fast)}.orders-page .payment-methods label:hover{border-color:var(--ink)}.orders-page .payment-methods label:has(input:checked){border-color:var(--brand);background:var(--brand);color:#fff}.orders-page .payment-methods label input{position:absolute;opacity:0;pointer-events:none}.orders-page .split-toggle input{accent-color:var(--brand)}.orders-page .split-toggle{display:inline-flex;flex-direction:row;align-items:center;gap:8px;align-self:flex-start;color:var(--ink);font-weight:500;cursor:pointer;-webkit-user-select:none;user-select:none}.orders-page .split-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.orders-page .split-row .discount-type-select{width:40%!important}.orders-page .split-row .payment-input{flex:1;min-width:0}.orders-page .split-fill-btn,.orders-page .split-remove-btn,.orders-page .split-add-btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;flex:0 0 auto;min-width:38px;height:38px;padding:0 8px;border:1px solid var(--line-strong);border-radius:var(--radius-md);background:var(--surface);color:var(--muted);cursor:pointer}.orders-page .split-fill-btn:hover,.orders-page .split-remove-btn:hover,.orders-page .split-add-btn:hover{color:var(--ink);border-color:var(--ink)}.orders-page .split-fill-btn .material-icons,.orders-page .split-remove-btn .material-icons,.orders-page .split-add-btn .material-icons{font-size:18px!important}.orders-page .split-add-btn{height:34px;padding:0 12px;font-size:var(--font-size-sm);font-weight:500}.orders-page .split-payment-section>p{margin-top:10px;font-size:var(--font-size-sm);font-weight:600}.orders-page .split-payment-section>p.delivery-charge-note{font-weight:400}.orders-page .cash-payment-section .form-group{margin-bottom:0}.orders-page .balance-display{margin-top:10px}.orders-page .balance-positive,.orders-page .balance-negative{font-weight:600}.orders-page .balance-positive{color:var(--success)}.orders-page .balance-negative{color:var(--danger)}.orders-page .balance-display p{padding:10px 12px;border-radius:var(--radius-md);background:var(--surface-2);font-size:var(--font-size-lg)}.orders-page .modal-content.order-details-modal{max-width:720px}.orders-page .order-details-content{display:flex;flex-direction:column;gap:16px}.orders-page .order-details-header-section{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.orders-page .order-header-left{display:flex;align-items:center;gap:10px}.orders-page .order-id-large{font-size:var(--font-size-2xl)}.orders-page .order-status-badge{padding:2px 10px;border-radius:var(--radius-full);background:var(--canvas);font-size:var(--font-size-xs);font-weight:600}.orders-page .order-status-badge.status-completed{background:var(--success-soft);color:var(--success)}.orders-page .order-status-badge.status-hold{background:var(--warning-soft);color:var(--warning)}.orders-page .order-status-badge.status-cancelled{background:var(--danger-soft);color:var(--danger)}.orders-page .order-timestamp{display:inline-flex;align-items:center;gap:4px;color:var(--muted);font-size:var(--font-size-sm)}.orders-page .order-timestamp .material-icons{font-size:16px}.orders-page .order-info-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.orders-page .info-card,.orders-page .payment-summary-card{border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden}.orders-page .info-card-header,.orders-page .payment-card-header{display:flex;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid var(--line);background:var(--surface-2)}.orders-page .info-card-header .material-icons,.orders-page .payment-card-header .material-icons{font-size:18px;color:var(--muted)}.orders-page .info-card-header h4,.orders-page .payment-card-header h4{margin:0;font-size:var(--font-size-sm)}.orders-page .info-card-content,.orders-page .payment-card-content{padding:8px 14px}.orders-page .info-row,.orders-page .payment-row{display:flex;justify-content:space-between;gap:12px;padding:6px 0;font-size:var(--font-size-sm)}.orders-page .info-label,.orders-page .payment-label{color:var(--muted)}.orders-page .info-value,.orders-page .payment-value{color:var(--ink);font-weight:500;text-align:right}.orders-page .discount-section-details{padding:4px 0}.orders-page .discount-badge{display:inline-flex;align-items:center;gap:4px;color:var(--success);font-size:var(--font-size-xs);font-weight:600}.orders-page .discount-badge .material-icons{font-size:14px}.orders-page .discount-value-text{margin-left:4px;color:var(--faint)}.orders-page .discount-value{color:var(--success)}.orders-page .payment-total-row{margin-top:4px;padding-top:10px;border-top:1px dashed var(--line-strong)}.orders-page .payment-final{font-size:var(--font-size-lg);font-weight:700}.orders-page .payment-divider{margin:6px 0;border-top:1px solid var(--line)}.orders-page .payment-change{color:var(--success)}.orders-page .order-items h3{margin-bottom:8px;font-size:var(--font-size-base)}.orders-page .items-list{border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden}.orders-page .order-item{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:10px 14px;border-bottom:1px solid var(--line)}.orders-page .order-item:last-child{border-bottom:none}.orders-page .order-item .item-info h4{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:var(--font-size-base)}.orders-page .order-item .item-info p{margin-top:2px;color:var(--muted);font-size:var(--font-size-sm)}.orders-page .order-item .item-notes{display:flex;align-items:center;color:var(--warning)!important}.orders-page .item-offer-badge,.orders-page .no-discount-badge{padding:0 6px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600}.orders-page .item-offer-badge{background:var(--success-soft);color:var(--success)}.orders-page .no-discount-badge{background:var(--canvas);color:var(--muted)}.orders-page .item-total-amount{color:var(--ink);font-weight:600;white-space:nowrap}.orders-page .no-items{padding:16px;color:var(--muted);text-align:center}@media (max-width: 1280px){.orders-page .order-interface{grid-template-columns:minmax(0,1fr) 340px}.orders-page .menu-items-grid{grid-template-columns:repeat(auto-fill,minmax(136px,1fr))}}@media (max-width: 1100px){.orders-page .order-card{flex-direction:column;align-items:stretch}.orders-page .order-card .order-info{grid-template-columns:1fr auto;grid-template-areas:"title total" "customer extra" "created created"}.orders-page .order-card .order-info>p:last-child{text-align:left}}@media (max-width: 900px){.orders-page .order-interface{grid-template-columns:1fr}.orders-page .ticket{position:static;max-height:none}.orders-page .ticket-lines{max-height:none}}@media (max-width: 560px){.orders-page .payment-methods{flex-direction:column}.orders-page .start-order-panel{padding:20px}}.orders-page .kot-prompt-overlay{z-index:calc(var(--z-index-modal) + 30)}.orders-page .kot-prompt-items{max-height:220px;overflow-y:auto;margin:12px 0 0;padding:4px 12px;list-style:none;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-2)}.orders-page .kot-prompt-items li{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px dashed var(--line);color:var(--ink);font-size:var(--font-size-sm)}.orders-page .kot-prompt-items li:last-child{border-bottom:none}.orders-page .kot-prompt-items strong{color:var(--accent-dark)}.orders-page .confirm-modal-btn.kot-print-btn{background:var(--brand);color:#fff}.orders-page .confirm-modal-btn.kot-print-btn:hover{background:var(--brand-dark)}.orders-page .kot-prompt-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}.orders-page .kot-prompt-actions .confirm-modal-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:100%;min-height:46px}.orders-page .kot-prompt-actions .material-icons{font-size:20px}.orders-page .kot-prompt-actions .kot-both-btn{grid-column:1 / -1}.orders-page .confirm-modal-btn.kot-option-btn{background:var(--surface);color:var(--ink);border:1px solid var(--line-strong)}.orders-page .confirm-modal-btn.kot-option-btn:hover{border-color:var(--accent);color:var(--accent-dark)}.menu-management .tabs{gap:2px}.menu-management .tab-button{position:relative;display:inline-flex;align-items:center;gap:6px;padding:10px 14px;border:none;background:transparent;color:var(--muted);font-weight:500;cursor:pointer}.menu-management .tab-button .material-icons{font-size:18px}.menu-management .tab-button:hover,.menu-management .tab-button.active{color:var(--ink)}.menu-management .tab-button.active:after{content:"";position:absolute;left:10px;right:10px;bottom:-1px;height:2px;border-radius:2px;background:var(--brand)}.menu-management .filters{display:flex;align-items:flex-end;gap:12px;padding:0;border:none;background:none}.menu-management .filter-group{flex:0 1 280px}.menu-management .menu-items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}.menu-management .menu-item-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden}.menu-management .menu-item-image-container{position:relative;aspect-ratio:16 / 9;background:var(--canvas)}.menu-management .menu-item-card-image{width:100%;height:100%;object-fit:cover;display:block}.menu-management .no-image{display:flex;align-items:center;justify-content:center;height:100%;color:var(--line-strong)}.menu-management .no-image .material-icons{font-size:32px}.menu-management .menu-item-badge{position:absolute;top:10px;right:10px;display:flex;padding:4px;border-radius:var(--radius-full);background:#ffffffeb;box-shadow:var(--shadow-sm)}.menu-management .menu-item-content{display:flex;flex-direction:column;flex:1;gap:10px;padding:12px 14px 14px}.menu-management .menu-item-header{display:flex;flex-direction:column;gap:4px}.menu-management .menu-item-name{font-size:var(--font-size-base);font-weight:600;line-height:1.3}.menu-management .menu-item-category{display:inline-flex;align-items:center;gap:4px;color:var(--muted);font-size:var(--font-size-xs)}.menu-management .menu-item-description{color:var(--muted);font-size:var(--font-size-sm);line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.menu-management .menu-item-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:10px;border-top:1px solid var(--line)}.menu-management .menu-item-price{color:var(--brand);font-size:var(--font-size-md);font-weight:700}.menu-management .menu-item-actions{display:flex;gap:6px}.menu-management .categories-table .drag-hint{display:flex;align-items:center;gap:6px;margin:0!important;padding:10px 14px;border-bottom:1px solid var(--line);color:var(--muted)!important;font-size:var(--font-size-sm)!important}.menu-management .drag-handle{color:var(--faint);cursor:grab}.menu-management .drag-handle:active{cursor:grabbing}.menu-management td.actions .btn{min-height:30px;padding:0 10px}.menu-management td.actions .btn .material-icons{font-size:16px}.image-upload-container{display:flex;flex-direction:column;gap:10px}.image-upload-input{position:absolute;width:1px;height:1px;opacity:0}.image-upload-btn{display:flex!important;flex-direction:row!important;align-items:center;justify-content:center;gap:8px;min-height:72px;padding:12px;border:1px dashed var(--line-strong);border-radius:var(--radius-md);background:var(--surface-2);color:var(--muted)!important;font-weight:500!important;cursor:pointer}.image-upload-btn:hover{border-color:var(--ink);color:var(--ink)!important}.image-preview-container{display:flex}.image-preview{position:relative;width:160px;aspect-ratio:16 / 10;border:1px solid var(--line);border-radius:var(--radius-md);overflow:hidden}.preview-image{width:100%;height:100%;object-fit:cover}.remove-image-btn{position:absolute;top:6px;right:6px;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border:none;border-radius:50%;background:#15181db3;color:#fff;cursor:pointer}.remove-image-btn .material-icons{font-size:16px}@media (max-width: 560px){.menu-management .menu-items-grid{grid-template-columns:1fr 1fr}}.menu-management .menu-item-image-container:has(.no-image){aspect-ratio:auto;height:44px;background:transparent}.menu-management .menu-item-image-container:has(.no-image) .no-image{display:none}.menu-management .menu-item-image-container:has(.no-image) .menu-item-badge{top:10px;box-shadow:none;background:transparent}.menu-management .menu-item-image-container:has(.no-image)+.menu-item-content{padding-top:0}.table-management .tables-table table td:last-child,.table-management .tables-table table th:last-child{width:120px}.table-management td .btn-action{margin-right:4px}.table-status{display:inline-flex;padding:2px 8px;border-radius:var(--radius-full);background:var(--canvas);color:var(--text);font-size:var(--font-size-xs);font-weight:500}.table-status.available{background:var(--success-soft);color:var(--success)}.table-status.occupied{background:var(--warning-soft);color:var(--warning)}.table-status.reserved{background:var(--info-soft);color:var(--info)}.table-management .modal-content form .form-actions{border-top:none;padding-top:0}.expenses-page .search-section{margin-bottom:16px;padding:16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg)}.expenses-page .search-title{margin-bottom:12px;font-size:var(--font-size-base)}.expenses-page .search-container{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px}.expenses-page .search-field-wrapper{display:flex;flex-direction:column;gap:6px;flex:1 1 200px}.expenses-page .search-field-wrapper label{font-size:var(--font-size-sm);font-weight:500;color:var(--ink)}.expenses-page .search-input-wrapper{position:relative}.expenses-page .search-input-wrapper .search-input{padding-right:36px}.expenses-page .clear-search-btn{position:absolute;right:6px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--faint);cursor:pointer}.expenses-page .clear-search-btn:hover{background:var(--canvas);color:var(--ink)}.expenses-page .clear-search-btn .material-icons{font-size:16px}.expenses-page .expense-summary{margin-bottom:16px}.expenses-page .summary-card{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:16px 18px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg)}.expenses-page .summary-card h3{font-size:var(--font-size-sm);font-weight:500;color:var(--muted)}.expenses-page .total-amount{color:var(--ink);font-size:var(--font-size-2xl);font-weight:700}.expenses-page .total-amount:before{content:"LKR ";color:var(--muted);font-size:var(--font-size-base);font-weight:500}.disabled-date-field{background:var(--canvas)!important;color:var(--muted)!important}.expenses-page form>.btn{width:100%;min-height:42px}.order-history-page h1{margin-bottom:18px}.order-history-page .global-search-container{display:flex;align-items:center;gap:8px;max-width:560px;margin-bottom:14px}.order-history-page .search-wrapper{position:relative;flex:1}.order-history-page .search-icon{position:absolute;z-index:1;left:11px;top:50%;transform:translateY(-50%);font-size:20px;color:var(--faint);pointer-events:none}.order-history-page .global-search-input{padding-left:38px;min-height:40px}.order-history-page .filters h3{margin-bottom:12px;font-size:var(--font-size-base)}.order-history-page .date-range{display:flex;align-items:center;gap:6px}.order-history-page .date-separator{color:var(--muted);font-size:var(--font-size-sm)}.order-history-page .filter-actions .clear-all-btn{width:38px;padding:0}.delivery-charge-summary{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:12px;padding:10px 14px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);color:var(--text);font-size:var(--font-size-sm)}.delivery-charge-summary .material-icons{font-size:18px;color:var(--muted)}.delivery-charge-summary strong{color:var(--ink)}.order-history-table table{min-width:980px}.order-history-table td:first-child,.order-history-table th:first-child{width:48px;color:var(--faint)}.order-history-table .amount-cell{white-space:nowrap}.order-history-table .amount-final{color:var(--ink);font-weight:600}.order-history-table .amount-breakdown,.order-history-table .split-breakdown{display:flex;flex-direction:column;margin-top:2px;color:var(--muted);font-size:var(--font-size-xs)}.order-history-table .amount-discount{color:var(--success)}.order-history-table .date-cell{color:var(--muted);font-size:var(--font-size-sm);white-space:nowrap}.modal-content.order-details-modal-content{max-width:720px}.order-details-modal{display:flex;flex-direction:column;gap:18px}.order-details-modal h3{margin-bottom:10px;font-size:var(--font-size-base)}.order-details-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px 16px}.order-detail-item label{display:block;margin-bottom:2px;color:var(--muted);font-size:var(--font-size-xs)}.order-detail-item .value{color:var(--ink);font-weight:500}.order-summary-grid{border:1px solid var(--line);border-radius:var(--radius-lg);padding:6px 14px}.order-summary-grid .summary-item{display:flex;justify-content:space-between;gap:12px;padding:7px 0;font-size:var(--font-size-sm)}.order-summary-grid .summary-item .label{color:var(--muted)}.order-summary-grid .summary-item .value{color:var(--ink);font-weight:500}.order-summary-grid .discount-amount{color:var(--success)}.order-summary-grid .total-row{margin:4px 0;padding:10px 0;border-top:1px dashed var(--line-strong);border-bottom:1px dashed var(--line-strong)}.order-summary-grid .total-row .value{font-size:var(--font-size-lg);font-weight:700}.order-summary-grid .balance-amount{color:var(--success)}.order-details-modal .items-list{border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden}.order-details-modal .order-item{display:flex;justify-content:space-between;gap:12px;padding:10px 14px;border-bottom:1px solid var(--line)}.order-details-modal .order-item:last-child{border-bottom:none}.order-details-modal .order-item h4{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:var(--font-size-base)}.order-details-modal .order-item p{margin-top:2px;color:var(--muted);font-size:var(--font-size-sm)}.order-details-modal .item-notes{display:flex;align-items:center;color:var(--warning)!important}.order-details-modal .item-total-amount{color:var(--ink);font-weight:600;white-space:nowrap}@media (max-width: 768px){.order-history-page .date-range{flex-wrap:wrap}}.reports-page{display:flex;flex-direction:column;gap:16px}.reports-header h1{font-size:var(--font-size-3xl)}.reports-header-subtitle{margin-top:4px;color:var(--muted)}.reports-controls-card,.report-content-card{padding:18px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg)}.date-controls-wrapper{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--line)}.date-presets{display:inline-flex;flex-wrap:wrap;padding:3px;border:1px solid var(--line-strong);border-radius:var(--radius-md);background:var(--surface-2)}.date-preset-btn{min-height:32px;padding:0 12px;border:none;border-radius:4px;background:transparent;color:var(--muted);font-weight:500;cursor:pointer}.date-preset-btn:hover{color:var(--ink)}.date-preset-btn.active{background:var(--surface);color:var(--brand);box-shadow:var(--shadow-sm),0 0 0 1px var(--line)}.date-reset-btn,.export-pdf-btn{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:0 12px;border:1px solid var(--line-strong);border-radius:var(--radius-md);background:var(--surface);color:var(--ink);font-weight:500;cursor:pointer}.date-reset-btn .material-icons,.export-pdf-btn .material-icons{font-size:18px}.date-reset-btn:hover,.export-pdf-btn:hover:not(:disabled){background:var(--canvas)}.export-pdf-btn:disabled{opacity:.45;cursor:not-allowed}.custom-date-inputs{display:flex;align-items:center;gap:8px}.custom-date-inputs input{width:auto}.reports-page .date-separator{color:var(--muted);font-size:var(--font-size-sm)}.report-types-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px}.report-type-card{display:flex;align-items:center;gap:10px;min-height:48px;padding:0 12px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);color:var(--text);font-weight:500;text-align:left;cursor:pointer;transition:border-color var(--transition-fast),background-color var(--transition-fast)}.report-type-card:hover{border-color:var(--line-strong);background:var(--surface-2)}.report-type-icon{font-size:20px!important;color:var(--report-color, var(--muted))}.report-type-card.active{border-color:var(--brand);background:var(--brand);color:#fff}.report-type-card.active .report-type-icon{color:#fff}.report-content-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid var(--line)}.report-content-title-section{display:flex;align-items:center;gap:10px}.report-content-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--radius-md);background:rgba(var(--report-color-rgb, 21, 24, 29),.1);color:var(--report-color, var(--ink));font-size:20px!important}.report-content-title{font-size:var(--font-size-xl)}.reports-page .loading{display:flex;flex-direction:column;align-items:center;gap:10px}.loading-spinner{width:28px;height:28px;border:3px solid var(--line);border-top-color:var(--ink);border-radius:50%;animation:spin .7s linear infinite}.loading-text{color:var(--muted)}.reports-page .empty-state-icon,.reports-page .empty-state-icon .material-icons{font-size:40px;color:var(--faint)}.report-content-card table{border:1px solid var(--line);border-radius:var(--radius-md);overflow:hidden}@media (max-width: 768px){.date-controls-wrapper{align-items:stretch}.custom-date-inputs{flex-wrap:wrap}}.customer-ranking{margin-bottom:20px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);overflow:hidden}.customer-ranking-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line);border-top:4px solid var(--brand)}.customer-ranking-head h3{font-size:var(--font-size-lg)}.customer-ranking-head p{margin-top:2px;color:var(--muted);font-size:var(--font-size-sm)}.customer-ranking-search{width:260px!important}.customer-ranking-scroll{max-height:560px;overflow:auto}.customer-ranking table{min-width:720px;border:none!important;border-radius:0!important}.customer-ranking thead th{position:sticky;top:0;z-index:1}.customer-ranking .num{text-align:right;white-space:nowrap}.customer-ranking td:last-child{white-space:nowrap}.customer-ranking .customer-name{color:var(--ink);font-weight:600}.customer-ranking td.total{color:var(--ink);font-weight:700}.customer-ranking .walk-in{color:var(--faint);font-size:var(--font-size-sm)}.customer-ranking .rank-badge{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:24px;padding:0 6px;border-radius:var(--radius-full);background:var(--canvas);color:var(--muted);font-size:var(--font-size-xs);font-weight:700}.customer-ranking .rank-1 .rank-badge{background:var(--brand);color:#fff}.customer-ranking .rank-2 .rank-badge{background:var(--accent);color:#fff}.customer-ranking .rank-3 .rank-badge{background:var(--ink);color:#fff}.customer-ranking-empty{padding:28px;text-align:center;color:var(--muted)}@media (max-width: 640px){.customer-ranking-search{width:100%!important}}.cash-management .page-header{flex-direction:column;align-items:flex-start;gap:4px}.cash-management .page-header p{color:var(--muted)}.cash-management .status-card,.cash-management .history-section{margin-bottom:24px}.cash-management .status-card{padding:20px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg)}.cash-management .status-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.cash-management .status-header h2{font-size:var(--font-size-lg)}.cash-management .status-header .status-badge{padding:0;background:none}.cash-management .badge.open{background:var(--success-soft);color:var(--success)}.cash-management .badge.closed{background:var(--canvas);color:var(--muted)}.cash-management .badge.pending{background:var(--warning-soft);color:var(--warning)}.cash-management .badge.loading{background:var(--canvas);color:var(--muted)}.cash-management .message{margin-bottom:14px;color:var(--muted)}.cash-in-required .btn-primary{min-height:42px}.cash-management .stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:16px}.cash-management .stat-card{flex-direction:column;gap:4px;padding:14px 16px;background:var(--surface-2)}.cash-management .stat-value{font-size:var(--font-size-xl)}.cash-management .stat-value.success{color:var(--success)}.cash-management .stat-value.danger{color:var(--danger)}.cash-management .stat-note{color:var(--faint);font-size:var(--font-size-xs)}.cash-management .stat-card.highlight{background:var(--ink);border-color:var(--ink);border-left:5px solid var(--accent)}.cash-management .stat-card.highlight .stat-label,.cash-management .stat-card.highlight .stat-note{color:#ffffffb3}.cash-management .stat-card.highlight .stat-value{color:#fff;font-size:var(--font-size-2xl)}.cash-management .drawer-status .actions{justify-content:flex-end}.btn-cash-out{display:inline-flex;align-items:center;gap:6px;min-height:42px;padding:0 18px;border:1px solid var(--danger);border-radius:var(--radius-md);background:var(--danger);color:#fff;font-weight:600;cursor:pointer}.btn-cash-out .material-icons{font-size:18px}.btn-cash-out:hover{background:#9c2a22}.cash-management .section-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:12px}.cash-management .section-header h2{font-size:var(--font-size-lg)}.cash-management .section-header .filters{display:flex;gap:8px;margin:0;padding:0;border:none;background:none}.cash-management .section-header .filters input,.cash-management .section-header .filters select{width:auto}.history-list{display:flex;flex-direction:column;gap:12px}.cash-management .summary-card{padding:16px 18px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg)}.cash-management .summary-card h3{margin-bottom:10px;font-size:var(--font-size-base)}.summary-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px 20px}.summary-stat{display:flex;flex-direction:column;gap:2px}.summary-stat span:first-child{color:var(--muted);font-size:var(--font-size-xs)}.summary-stat span:last-child{color:var(--ink);font-weight:600}.session-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden}.session-card.open{border-left:3px solid var(--success)}.session-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--line);background:var(--surface-2)}.session-header h3{font-size:var(--font-size-base)}.session-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:0 24px;padding:8px 16px}.detail-row{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px dashed var(--line);font-size:var(--font-size-sm)}.detail-row span:first-child{color:var(--muted)}.detail-row span:last-child{color:var(--ink);font-weight:500;text-align:right}.detail-row.highlight span:last-child{font-weight:700}.transactions{padding:8px 16px 14px;border-top:1px solid var(--line)}.transactions h4{margin:6px 0;font-size:var(--font-size-sm);color:var(--muted);font-weight:500}.transaction-row{display:grid;grid-template-columns:90px 140px 1fr auto auto;align-items:center;gap:12px;padding:6px 0;font-size:var(--font-size-sm)}.txn-type{justify-self:start;padding:1px 8px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600}.txn-type.cash_in{background:var(--success-soft);color:var(--success)}.txn-type.cash_out{background:var(--danger-soft);color:var(--danger)}.txn-amount{color:var(--ink);font-weight:600}.txn-user,.txn-time{color:var(--muted)}.btn-edit-transaction{min-height:28px;padding:0 10px;border:1px solid var(--line-strong);border-radius:var(--radius-md);background:var(--surface);color:var(--ink);font-size:var(--font-size-xs);cursor:pointer}.btn-edit-transaction:hover{background:var(--canvas)}.access-denied{max-width:480px;margin:48px auto;padding:28px;text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg)}.access-denied p{margin-top:6px;color:var(--muted)}@media (max-width: 900px){.cash-management .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.transaction-row{grid-template-columns:1fr 1fr}}.customer-management-page .customers-table table{min-width:720px}.customer-management-page .customers-table td:last-child{white-space:nowrap}.customer-management-page .customers-table td .btn-action+.btn-action{margin-left:4px}.customer-management-page .modal-content form .modal-actions{margin-left:0;margin-right:0}.user-management-page .users-table table{min-width:640px}.user-management-page .users-table td:last-child{white-space:nowrap}.user-management-page .users-table td .btn-action+.btn-action{margin-left:4px}.settings-page h1{margin-bottom:20px}.settings-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:16px;align-items:start}.settings-section{padding:18px 20px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg)}.settings-section h2{margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--line);font-size:var(--font-size-lg)}.settings-section>p{margin-bottom:12px;color:var(--muted);font-size:var(--font-size-sm)}.settings-section .form-group:last-child{margin-bottom:0}.checkbox-group+.checkbox-group{margin-top:10px}.backup-actions{display:flex;flex-direction:column;gap:8px}.backup-btn{justify-content:flex-start}.settings-actions{display:flex;justify-content:flex-end;margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}.settings-actions .btn{min-height:42px;padding:0 22px}.sms-page .sms-subtitle{margin-top:4px;color:var(--muted)}.sms-page .sms-balance{display:flex;align-items:center;gap:10px;padding:8px 10px 8px 14px;border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:var(--radius-lg);background:var(--surface)}.sms-page .sms-balance>.material-icons{color:var(--accent)}.sms-page .sms-balance div{display:flex;flex-direction:column;line-height:1.25}.sms-page .sms-balance-label{color:var(--muted);font-size:var(--font-size-xs)}.sms-page .sms-balance strong{color:var(--ink)}.sms-page .tabs .tab:disabled{opacity:.4;cursor:not-allowed}.sms-page .sms-card{padding:18px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg)}.sms-page .sms-card h2{margin-bottom:12px;font-size:var(--font-size-lg)}.sms-page .sms-send{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);grid-template-areas:"compose audience" "summary audience";gap:16px;align-items:start}.sms-page .sms-compose{grid-area:compose}.sms-page .sms-audience{grid-area:audience}.sms-page .sms-summary{grid-area:summary}.sms-page .sms-compose textarea{min-height:150px;font-size:var(--font-size-md);line-height:1.5}.sms-page .sms-meta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-top:8px}.sms-page .sms-pages{color:var(--muted);font-size:var(--font-size-sm)}.sms-page .sms-pages.multi{color:var(--accent-dark);font-weight:600}.sms-page .sms-hint{margin-top:8px;color:var(--muted);font-size:var(--font-size-sm)}.sms-page .sms-preview{margin-top:16px}.sms-page .sms-preview-label{display:block;margin-bottom:6px;color:var(--muted);font-size:var(--font-size-xs)}.sms-page .sms-bubble{max-width:340px;padding:10px 14px;border-radius:14px 14px 14px 4px;background:var(--canvas);color:var(--ink);font-size:var(--font-size-sm);line-height:1.5;white-space:pre-wrap;word-break:break-word}.sms-page .sms-test{display:flex;gap:8px;margin-top:16px;padding-top:14px;border-top:1px dashed var(--line-strong)}.sms-page .sms-test input{max-width:200px}.sms-page .sms-audience-picker{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px}.sms-page .sms-audience-picker>select{width:auto;min-width:220px}.sms-page .sms-inline-field{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:var(--font-size-sm);white-space:nowrap}.sms-page .sms-inline-field input{width:90px}.sms-page .sms-audience-summary{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin-bottom:8px;color:var(--text)}.sms-page .sms-audience-summary strong{color:var(--brand);font-size:var(--font-size-lg)}.sms-page .sms-skipped{color:var(--muted);font-size:var(--font-size-xs)}.sms-page .sms-search{margin-bottom:8px}.sms-page .sms-recipient-list{max-height:460px;overflow:auto;border:1px solid var(--line);border-radius:var(--radius-md)}.sms-page .sms-recipient-list thead th{position:sticky;top:0;z-index:1}.sms-page .sms-recipient-list th:first-child,.sms-page .sms-recipient-list td:first-child{width:40px}.sms-page .sms-recipient-list tbody tr{cursor:pointer}.sms-page .sms-recipient-list td{padding:8px 12px}.sms-page .sms-name{color:var(--ink);font-weight:500}.sms-page .num{text-align:right;white-space:nowrap}.sms-page .sms-reason{color:var(--danger);font-size:var(--font-size-sm)}.sms-page .sms-empty{padding:28px 12px;text-align:center;color:var(--muted)}.sms-page .sms-summary{border-top:4px solid var(--brand)}.sms-page .sms-summary-figures{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}.sms-page .sms-summary-figures div{display:flex;flex-direction:column;gap:2px}.sms-page .sms-summary-figures span{color:var(--muted);font-size:var(--font-size-xs)}.sms-page .sms-summary-figures strong{color:var(--ink);font-size:var(--font-size-xl)}.sms-page .sms-send-btn{width:100%}.sms-page .sms-progress{margin-top:14px}.sms-page .sms-progress-bar{height:8px;border-radius:var(--radius-full);background:var(--canvas);overflow:hidden}.sms-page .sms-progress-bar span{display:block;height:100%;border-radius:var(--radius-full);background:linear-gradient(90deg,var(--brand),var(--accent));transition:width var(--transition-normal)}.sms-page .sms-progress-text{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px;color:var(--text);font-size:var(--font-size-sm)}.sms-page .sms-progress-error{margin-top:8px;color:var(--danger);font-size:var(--font-size-sm)}.sms-page .sms-progress-done{margin-top:8px;color:var(--success);font-weight:600}.sms-page .sms-history table{min-width:900px}.sms-page .sms-date{color:var(--muted);font-size:var(--font-size-sm);white-space:nowrap}.sms-page .sms-history-message{max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sms-page .sms-audience-label{display:block;color:var(--muted);font-size:var(--font-size-xs)}.sms-page .sms-row-actions{display:flex;gap:6px}.sms-page .badge.sms-status-completed{background:var(--success-soft);color:var(--success)}.sms-page .badge.sms-status-partial,.sms-page .badge.sms-status-sending{background:var(--accent-soft);color:var(--accent-dark)}.sms-page .badge.sms-status-failed{background:var(--danger-soft);color:var(--danger)}.sms-page .sms-setup{max-width:520px}.sms-page .sms-setup .sms-hint{margin:-4px 0 16px}.sms-page .sms-confirm p{margin-bottom:12px;line-height:1.55}.sms-page .sms-detail{display:flex;flex-direction:column;gap:14px}.sms-page .sms-detail h3{font-size:var(--font-size-base)}.sms-page .sms-detail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px 16px}.sms-page .sms-detail-grid div{display:flex;flex-direction:column;gap:2px}.sms-page .sms-detail-grid span{color:var(--muted);font-size:var(--font-size-xs)}.sms-page .sms-detail-grid strong{color:var(--ink)}@media (max-width: 1100px){.sms-page .sms-send{grid-template-columns:1fr;grid-template-areas:"compose" "audience" "summary"}}