.reports-page{--brand: #8b1c1c;--brand-soft: rgba(139, 28, 28, .08);--text: #111827;--muted: #6b7280;--border: #e5e7eb;width:100%;min-height:calc(100vh - 64px);padding:24px;background:#f6f7fb;box-sizing:border-box;color:#1f2937}.reports-page *,.reports-page *:before,.reports-page *:after{box-sizing:border-box}.reports-loading{min-height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;font-size:15px;font-weight:600;color:var(--muted)}.reports-loading p{margin:0}.reports-spinner{width:42px;height:42px;border:4px solid #e5e7eb;border-top-color:var(--brand);border-radius:50%;animation:reports-spin .8s linear infinite}@keyframes reports-spin{to{transform:rotate(360deg)}}.reports-error{max-width:420px;margin:80px auto;padding:32px 24px;text-align:center;background:#fff;border:1px solid #fecaca;border-radius:16px;box-shadow:0 4px 14px #0f172a0d}.reports-error-icon{width:52px;height:52px;margin:0 auto 14px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fef2f2;color:#b91c1c;font-size:26px;font-weight:800}.reports-error h3{margin:0 0 6px;font-size:18px;font-weight:800;color:var(--text)}.reports-error p{margin:0 0 18px;font-size:14px;color:#b91c1c}.reports-retry-btn{padding:10px 22px;border:none;border-radius:10px;background:var(--brand);color:#fff;font-size:14px;font-weight:700;cursor:pointer;transition:background .2s ease,transform .2s ease}.reports-retry-btn:hover{background:#721616;transform:translateY(-1px)}.reports-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-bottom:24px}.reports-title-row{display:flex;align-items:center;gap:14px}.reports-title-icon{width:52px;height:52px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:14px;background:var(--brand-soft);font-size:26px}.reports-title-row h1{margin:0;font-size:28px;font-weight:800;letter-spacing:-.5px;color:var(--text)}.reports-title-row p{margin:3px 0 0;font-size:14px;font-weight:500;color:var(--muted)}.reports-header-actions{display:flex;align-items:center;gap:12px}.reports-date{padding:10px 16px;background:#fff;border:1px solid var(--border);border-radius:10px;font-size:14px;font-weight:600;color:#374151;white-space:nowrap}.reports-refresh-btn{padding:10px 18px;border:none;border-radius:10px;background:var(--brand);color:#fff;font-size:14px;font-weight:700;cursor:pointer;white-space:nowrap;transition:background .2s ease,transform .2s ease}.reports-refresh-btn:hover:not(:disabled){background:#721616;transform:translateY(-1px)}.reports-refresh-btn:disabled{opacity:.65;cursor:not-allowed}.reports-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:20px}.report-card{--accent: var(--brand);--accent-soft: var(--brand-soft);position:relative;min-height:140px;padding:20px;background:#fff;border:1px solid var(--border);border-top:4px solid var(--accent);border-radius:16px;box-shadow:0 4px 14px #0f172a0d;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.report-card:hover{transform:translateY(-2px);box-shadow:0 8px 22px #0f172a17}.report-card:after{content:"";position:absolute;right:-28px;bottom:-38px;width:110px;height:110px;border-radius:50%;background:var(--accent-soft);pointer-events:none}.bills-card{--accent: #2563eb;--accent-soft: rgba(37, 99, 235, .08)}.sales-card{--accent: #16a34a;--accent-soft: rgba(22, 163, 74, .09)}.cash-card{--accent: #0d9488;--accent-soft: rgba(13, 148, 136, .09)}.upi-card{--accent: #7c3aed;--accent-soft: rgba(124, 58, 237, .08)}.expense-card{--accent: #d97706;--accent-soft: rgba(217, 119, 6, .09)}.outstanding-card{--accent: #8b1c1c;--accent-soft: rgba(139, 28, 28, .08)}.report-card-top{position:relative;z-index:1;display:flex;align-items:center;gap:10px;margin-bottom:14px}.report-card-icon{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:var(--accent-soft);font-size:19px}.report-card-label{font-size:13px;font-weight:700;color:var(--muted)}.report-card-value{position:relative;z-index:1;font-size:28px;line-height:1.2;font-weight:800;color:var(--text);word-break:break-word}.report-card-subtext{position:relative;z-index:1;margin-top:8px;font-size:12px;font-weight:500;color:#9ca3af}.reports-secondary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:24px}.secondary-summary-card{display:flex;align-items:center;gap:14px;padding:16px 20px;background:#fff;border:1px solid var(--border);border-radius:14px;box-shadow:0 3px 12px #0f172a0a}.secondary-icon{width:44px;height:44px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:12px;background:var(--brand-soft);font-size:22px}.secondary-summary-card span{display:block;margin-bottom:4px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.4px;color:var(--muted)}.secondary-summary-card strong{font-size:21px;font-weight:800;color:var(--text)}.reports-section{margin-bottom:24px;padding:22px;background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:0 4px 14px #0f172a0d}.reports-section-header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.reports-section-header h2{margin:0;font-size:18px;font-weight:800;color:var(--text)}.reports-section-header p{margin:3px 0 0;font-size:13px;color:var(--muted)}.branch-count{padding:6px 14px;border-radius:999px;background:var(--brand-soft);color:var(--brand);font-size:12px;font-weight:700;white-space:nowrap}.empty-branches{padding:45px 20px;text-align:center}.empty-branches>div{font-size:42px;margin-bottom:8px}.empty-branches h3{margin:0 0 6px;font-size:17px;font-weight:800;color:var(--text)}.empty-branches p{margin:0;font-size:14px;color:#9ca3af}.branch-table-wrapper{width:100%;overflow-x:auto;border:1px solid var(--border);border-radius:12px}.branch-report-table{width:100%;min-width:860px;border-collapse:collapse}.branch-report-table thead{background:#f9fafb}.branch-report-table th{padding:14px 16px;text-align:left;border-bottom:1px solid var(--border);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--muted);white-space:nowrap}.branch-report-table td{padding:14px 16px;border-bottom:1px solid #f1f5f9;font-size:14px;font-weight:500;color:#374151;vertical-align:middle;white-space:nowrap}.branch-report-table tbody tr{transition:background .15s ease}.branch-report-table tbody tr:hover{background:#fafafa}.branch-report-table tbody tr:last-child td{border-bottom:none}.branch-number{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:8px;background:#f3f4f6;font-size:12px;font-weight:700;color:#4b5563}.branch-name-cell{display:flex;align-items:center;gap:12px}.branch-avatar{width:38px;height:38px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:10px;background:var(--brand);color:#fff;font-size:16px;font-weight:800}.branch-name-cell strong{display:block;font-size:14px;font-weight:700;color:var(--text)}.branch-name-cell small{display:block;margin-top:2px;font-size:11px;font-weight:600;color:#16a34a}.bills-value{font-weight:700;color:#2563eb}.sales-value{font-weight:700;color:#166534}.cash-value{font-weight:700;color:#0f766e}.upi-value{font-weight:700;color:#6d28d9}.expense-value{font-weight:700;color:#b45309}.outstanding-value{display:inline-block;padding:4px 10px;border-radius:8px;font-weight:800}.outstanding-value.positive{background:#dcfce7;color:#166534}.outstanding-value.negative{background:#fee2e2;color:#991b1b}.report-modules-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.report-module-card{display:flex;align-items:center;gap:14px;padding:18px;background:#fff;border:1px solid var(--border);border-radius:14px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.report-module-card:hover{transform:translateY(-2px);border-color:var(--brand);box-shadow:0 8px 20px #8b1c1c1a}.module-icon{width:46px;height:46px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:12px;background:var(--brand-soft);font-size:22px}.report-module-card>div:nth-child(2){flex:1;min-width:0}.report-module-card h3{margin:0 0 4px;font-size:14px;font-weight:800;color:var(--text)}.report-module-card p{margin:0;font-size:12px;line-height:1.5;color:var(--muted)}.report-module-card>span{font-size:18px;font-weight:700;color:var(--brand);transition:transform .2s ease}.report-module-card:hover>span{transform:translate(4px)}@media(max-width:1280px){.report-modules-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1000px){.reports-page{padding:20px}.reports-summary-grid,.reports-secondary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.reports-page{padding:14px}.reports-header{flex-direction:column;align-items:flex-start}.reports-header-actions{width:100%;justify-content:space-between}.reports-title-row h1{font-size:22px}.reports-title-row p{font-size:13px}.reports-summary-grid,.reports-secondary-grid,.report-modules-grid{grid-template-columns:1fr;gap:12px}.report-card{min-height:120px}.report-card-value{font-size:25px}.reports-section{padding:16px;border-radius:12px}.reports-section-header{align-items:flex-start;flex-direction:column;gap:10px}}@media(max-width:450px){.reports-page{padding:10px}.reports-title-icon{width:44px;height:44px;font-size:22px}.reports-title-row h1{font-size:20px}.reports-header-actions{flex-direction:column;align-items:stretch}.reports-date,.reports-refresh-btn{text-align:center}.report-card{padding:16px}.report-card-value{font-size:23px}.report-module-clickable{cursor:pointer;transition:all .2s ease}.report-module-clickable:hover{transform:translateY(-4px)}.report-module-clickable:active{transform:translateY(-1px)}}.reports-page{min-height:calc(100vh - 64px);padding:24px;background:#f6f7fb;box-sizing:border-box}.reports-page-header{margin-bottom:22px}.reports-page-header h1{margin:0;font-size:27px;font-weight:800;color:#111827}.reports-page-header p{margin:6px 0 0;color:#6b7280;font-size:14px}.reports-filter-card{display:flex;align-items:flex-end;gap:16px;padding:18px;margin-bottom:20px;background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 3px 12px #0f172a0a}.filter-group{display:flex;flex-direction:column;gap:7px}.filter-group label{font-size:12px;font-weight:700;color:#4b5563}.filter-group input{height:42px;min-width:180px;padding:0 12px;border:1px solid #d1d5db;border-radius:8px;outline:none;font-size:13px;color:#111827;background:#fff;box-sizing:border-box}.filter-group input:focus{border-color:#8b1c1c;box-shadow:0 0 0 3px #8b1c1c14}.filter-actions{display:flex;gap:8px}.report-primary-btn,.report-secondary-btn{height:42px;padding:0 18px;border-radius:8px;border:none;cursor:pointer;font-size:13px;font-weight:700}.report-primary-btn{background:#8b1c1c;color:#fff}.report-primary-btn:hover{background:#741717}.report-primary-btn:disabled{opacity:.6;cursor:not-allowed}.report-secondary-btn{background:#f3f4f6;color:#374151}.report-secondary-btn:hover{background:#e5e7eb}.report-error{padding:13px 16px;margin-bottom:18px;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;color:#b91c1c;font-size:13px;font-weight:600}.report-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px}.report-summary-card{padding:20px;background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 3px 12px #0f172a0a}.report-summary-card span{display:block;margin-bottom:8px;color:#6b7280;font-size:12px;font-weight:700;text-transform:uppercase}.report-summary-card strong{font-size:25px;font-weight:800;color:#111827}.report-table-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;overflow:hidden;box-shadow:0 3px 12px #0f172a0a}.report-table-header{padding:18px 20px;border-bottom:1px solid #e5e7eb}.report-table-header h2{margin:0;font-size:17px;font-weight:800;color:#111827}.report-table-header p{margin:4px 0 0;font-size:12px;color:#9ca3af}.report-table-wrapper{width:100%;overflow-x:auto}.report-table{width:100%;min-width:650px;border-collapse:collapse}.report-table th{padding:13px 18px;text-align:left;background:#f9fafb;border-bottom:1px solid #e5e7eb;color:#6b7280;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.4px}.report-table td{padding:15px 18px;border-bottom:1px solid #f1f5f9;color:#374151;font-size:13px;font-weight:500}.report-table tbody tr:hover{background:#fafafa}.report-table tbody tr:last-child td{border-bottom:none}.food-name{font-weight:700!important;color:#111827!important}.quantity-cell{font-weight:700!important}.amount-cell{font-weight:800!important;color:#166534!important}.report-empty-cell,.report-loading-cell{padding:50px 20px!important;text-align:center!important;color:#9ca3af!important;font-weight:600!important}@media(max-width:800px){.reports-filter-card{flex-wrap:wrap}.filter-actions{width:100%}.report-summary-grid{grid-template-columns:1fr}}@media(max-width:500px){.reports-page{padding:14px}.reports-page-header h1{font-size:22px}.reports-filter-card{flex-direction:column;align-items:stretch}.filter-group input{width:100%;min-width:0}.filter-actions{display:grid;grid-template-columns:1fr 1fr}.report-primary-btn,.report-secondary-btn{width:100%}}.shifts-page{width:100%;min-height:100%;padding-bottom:30px}.shifts-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.shifts-header h1{margin:0;font-size:28px;font-weight:700;color:#1f2937}.shifts-header p{margin:6px 0 0;font-size:14px;color:#6b7280}.shift-add-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 18px;border:none;border-radius:10px;background:#8b1c1c;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s ease,transform .2s ease,box-shadow .2s ease}.shift-add-button span{font-size:20px;line-height:1}.shift-add-button:hover{background:#6f1414;transform:translateY(-1px);box-shadow:0 5px 14px #0000001f}.shift-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:22px}.shift-summary-card{display:flex;align-items:center;gap:14px;min-height:90px;padding:18px;background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 2px 8px #0f172a0a}.shift-summary-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:12px;background:#fef2f2;color:#8b1c1c;font-size:22px;font-weight:700}.shift-summary-icon.active{background:#ecfdf5;color:#047857}.shift-summary-icon.inactive{background:#f3f4f6;color:#6b7280}.shift-summary-card span{display:block;margin-bottom:5px;font-size:13px;color:#6b7280}.shift-summary-card strong{display:block;font-size:24px;line-height:1;color:#111827}.shift-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.shift-search{width:100%;max-width:360px;height:44px;display:flex;align-items:center;gap:10px;padding:0 14px;background:#fff;border:1px solid #e5e7eb;border-radius:10px}.shift-search span{font-size:20px;color:#9ca3af}.shift-search input{width:100%;height:100%;border:none;outline:none;background:transparent;font-size:14px;color:#1f2937}.shift-search input::placeholder{color:#9ca3af}.shift-search:focus-within{border-color:#8b1c1c;box-shadow:0 0 0 3px #8b1c1c14}.shift-result-count{font-size:13px;color:#6b7280}.shift-page-error{margin-bottom:16px;padding:12px 14px;border:1px solid #fecaca;border-radius:10px;background:#fef2f2;color:#b91c1c;font-size:14px}.shift-table-card{overflow:hidden;background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 2px 8px #0f172a0a}.shift-table-wrapper{width:100%;overflow-x:auto}.shift-table{width:100%;min-width:700px;border-collapse:collapse}.shift-table thead{background:#f9fafb}.shift-table th{padding:15px 18px;border-bottom:1px solid #e5e7eb;text-align:left;font-size:11px;font-weight:700;letter-spacing:.05em;color:#6b7280;white-space:nowrap}.shift-table td{padding:17px 18px;border-bottom:1px solid #f1f5f9;font-size:14px;color:#374151;vertical-align:middle}.shift-table tbody tr:last-child td{border-bottom:none}.shift-table tbody tr{transition:background .15s ease}.shift-table tbody tr:hover{background:#fafafa}.shift-name-cell{display:flex;align-items:center;gap:12px}.shift-row-icon{width:38px;height:38px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:10px;background:#fef2f2;color:#8b1c1c;font-size:17px}.shift-name-cell strong{font-size:14px;font-weight:600;color:#111827}.shift-time{display:inline-flex;align-items:center;padding:7px 10px;border-radius:7px;background:#f8fafc;color:#374151;font-size:13px;font-weight:500}.shift-status{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:20px;font-size:12px;font-weight:600}.shift-status.active{background:#ecfdf5;color:#047857}.shift-status.inactive{background:#f3f4f6;color:#6b7280}.status-dot{font-size:8px}.shift-action-heading{text-align:right!important}.shift-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.shift-edit-button,.shift-delete-button{height:34px;padding:0 11px;border-radius:7px;font-size:12px;font-weight:600;cursor:pointer;transition:background .2s ease,border-color .2s ease}.shift-edit-button{border:1px solid #dbeafe;background:#eff6ff;color:#2563eb}.shift-edit-button:hover{background:#dbeafe}.shift-delete-button{border:1px solid #fee2e2;background:#fef2f2;color:#dc2626}.shift-delete-button:hover{background:#fee2e2}.shift-loading{min-height:260px;display:flex;align-items:center;justify-content:center;color:#6b7280;font-size:14px}.shift-empty{min-height:320px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.shift-empty-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;border-radius:18px;background:#fef2f2;color:#8b1c1c;font-size:28px}.shift-empty h3{margin:0 0 7px;font-size:17px;color:#111827}.shift-empty p{margin:0 0 20px;font-size:13px;color:#6b7280}.shift-empty-button{height:40px;padding:0 15px;border:none;border-radius:8px;background:#8b1c1c;color:#fff;font-size:13px;font-weight:600;cursor:pointer}.shift-empty-button:hover{background:#6f1414}.shift-modal-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;background:#0f172a8c;overflow-y:auto}.shift-modal{width:100%;max-width:520px;max-height:calc(100vh - 40px);overflow-y:auto;background:#fff;border-radius:16px;box-shadow:0 20px 50px #0003;animation:shiftModalIn .2s ease}@keyframes shiftModalIn{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.shift-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding:22px 22px 18px;border-bottom:1px solid #f1f5f9}.shift-modal-header h2{margin:0;font-size:20px;font-weight:700;color:#111827}.shift-modal-header p{margin:5px 0 0;font-size:13px;color:#6b7280}.shift-modal-close{width:34px;height:34px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:none;border-radius:8px;background:#f3f4f6;color:#6b7280;font-size:22px;line-height:1;cursor:pointer}.shift-modal-close:hover{background:#e5e7eb;color:#111827}.shift-form{padding:22px}.shift-form-group{margin-bottom:18px}.shift-form-group label{display:block;margin-bottom:7px;font-size:13px;font-weight:600;color:#374151}.shift-form-group label span{margin-left:3px;color:#dc2626}.shift-form-group input{width:100%;height:44px;box-sizing:border-box;padding:0 12px;border:1px solid #d1d5db;border-radius:9px;outline:none;background:#fff;font-family:inherit;font-size:14px;color:#111827;transition:border-color .2s ease,box-shadow .2s ease}.shift-form-group input:focus{border-color:#8b1c1c;box-shadow:0 0 0 3px #8b1c1c14}.shift-form-group input::placeholder{color:#9ca3af}.shift-time-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.shift-active-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:4px;padding:15px;border:1px solid #e5e7eb;border-radius:10px;background:#f9fafb}.shift-active-row strong{display:block;font-size:13px;color:#374151}.shift-active-row p{margin:4px 0 0;font-size:12px;line-height:1.5;color:#6b7280}.shift-switch{position:relative;width:46px;height:26px;flex-shrink:0}.shift-switch input{width:0;height:0;opacity:0}.shift-switch span{position:absolute;inset:0;border-radius:20px;background:#d1d5db;cursor:pointer;transition:background .2s ease}.shift-switch span:before{content:"";position:absolute;width:20px;height:20px;left:3px;top:3px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #0003;transition:transform .2s ease}.shift-switch input:checked+span{background:#8b1c1c}.shift-switch input:checked+span:before{transform:translate(20px)}.shift-form-error{margin-top:16px;padding:11px 12px;border:1px solid #fecaca;border-radius:8px;background:#fef2f2;color:#b91c1c;font-size:13px}.shift-modal-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:22px;padding-top:18px;border-top:1px solid #f1f5f9}.shift-cancel-button,.shift-save-button{height:42px;padding:0 17px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s ease}.shift-cancel-button{border:1px solid #d1d5db;background:#fff;color:#374151}.shift-cancel-button:hover{background:#f9fafb}.shift-save-button{min-width:115px;border:none;background:#8b1c1c;color:#fff}.shift-save-button:hover{background:#6f1414}.shift-cancel-button:disabled,.shift-save-button:disabled{opacity:.6;cursor:not-allowed}@media(max-width:900px){.shifts-header h1{font-size:25px}.shift-summary{gap:12px}.shift-summary-card{padding:15px}.shift-summary-icon{width:44px;height:44px}}@media(max-width:700px){.shifts-page{padding-bottom:20px}.shifts-header{align-items:flex-start;flex-direction:column;gap:14px}.shifts-header h1{font-size:23px}.shift-add-button{width:100%}.shift-summary{grid-template-columns:1fr}.shift-summary-card{min-height:76px}.shift-toolbar{align-items:stretch;flex-direction:column}.shift-search{max-width:none}.shift-result-count{text-align:right}.shift-table-card{border-radius:12px}.shift-table{min-width:680px}.shift-modal-overlay{align-items:flex-end;padding:0}.shift-modal{max-height:92vh;border-radius:18px 18px 0 0}.shift-time-row{grid-template-columns:1fr;gap:0}.shift-form,.shift-modal-header{padding:18px}.shift-modal-footer{flex-direction:column-reverse}.shift-cancel-button,.shift-save-button{width:100%}}@media(max-width:420px){.shifts-header h1{font-size:21px}.shifts-header p{font-size:13px}.shift-summary-card strong{font-size:21px}.shift-active-row{align-items:flex-start}.shift-modal-header h2{font-size:18px}}.food-items-page{width:100%;min-height:100%;padding-bottom:40px}.food-page-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.food-page-header h1{margin:0;font-size:28px;font-weight:700;color:#1f2937}.food-page-header p{margin:6px 0 0;font-size:14px;color:#6b7280}.food-add-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:10px;padding:12px 18px;background:#8b1c1c;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s ease,transform .2s ease,box-shadow .2s ease}.food-add-button span{font-size:20px;line-height:1}.food-add-button:hover{background:#6f1414;transform:translateY(-1px);box-shadow:0 6px 16px #8b1c1c33}.food-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:22px}.food-summary-card{display:flex;align-items:center;gap:14px;min-height:92px;padding:18px;background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 2px 8px #0f172a0a}.food-summary-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:12px;background:#fff1f1;font-size:21px}.food-summary-icon.active{background:#ecfdf5}.food-summary-icon.inactive{background:#f3f4f6}.food-summary-card span{display:block;margin-bottom:5px;font-size:13px;color:#6b7280}.food-summary-card strong{display:block;font-size:24px;font-weight:700;color:#111827}.food-filter-card{display:flex;align-items:center;gap:12px;padding:16px;margin-bottom:22px;background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 2px 8px #0f172a0a}.food-search-box{display:flex;align-items:center;gap:9px;flex:1;min-width:220px;height:42px;padding:0 12px;border:1px solid #d1d5db;border-radius:9px;background:#fff;transition:border-color .2s ease,box-shadow .2s ease}.food-search-box:focus-within{border-color:#8b1c1c;box-shadow:0 0 0 3px #8b1c1c14}.food-search-box span{font-size:15px;opacity:.65}.food-search-box input{width:100%;border:none;outline:none;background:transparent;font-size:14px;color:#111827}.food-search-box input::placeholder{color:#9ca3af}.food-filter-card select{height:42px;min-width:160px;padding:0 12px;border:1px solid #d1d5db;border-radius:9px;background:#fff;color:#374151;font-size:14px;outline:none;cursor:pointer}.food-filter-card select:focus{border-color:#8b1c1c;box-shadow:0 0 0 3px #8b1c1c14}.food-refresh-button{height:42px;padding:0 15px;border:1px solid #d1d5db;border-radius:9px;background:#fff;color:#374151;font-size:14px;font-weight:500;cursor:pointer;white-space:nowrap;transition:background .2s ease,border-color .2s ease}.food-refresh-button:hover{background:#f9fafb;border-color:#9ca3af}.food-table-card{overflow:hidden;background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 2px 8px #0f172a0a}.food-table-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid #e5e7eb}.food-table-header h2{margin:0 0 4px;font-size:17px;font-weight:650;color:#111827}.food-table-header span{font-size:12px;color:#6b7280}.food-table-wrapper{width:100%;overflow-x:auto}.food-table{width:100%;min-width:950px;border-collapse:collapse}.food-table thead{background:#f9fafb}.food-table th{padding:13px 16px;text-align:left;font-size:12px;font-weight:650;color:#6b7280;text-transform:uppercase;letter-spacing:.025em;border-bottom:1px solid #e5e7eb;white-space:nowrap}.food-table td{padding:15px 16px;border-bottom:1px solid #f1f5f9;font-size:14px;color:#374151;vertical-align:middle}.food-table tbody tr{transition:background .15s ease}.food-table tbody tr:hover{background:snow}.food-table tbody tr:last-child td{border-bottom:none}.food-name-cell{display:flex;align-items:center;gap:12px;min-width:220px}.food-name-cell>div:last-child{min-width:0}.food-name-cell strong{display:block;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:650;color:#111827}.food-name-cell small{display:block;max-width:220px;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:#9ca3af}.food-image{width:48px!important;height:48px!important;max-width:48px!important;max-height:48px!important;flex-shrink:0;object-fit:cover;border-radius:10px;border:1px solid #e5e7eb;background:#f9fafb}.food-image-placeholder{width:48px;height:48px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#fff1f1;font-size:20px}.food-category-badge{display:inline-flex;align-items:center;padding:5px 9px;border-radius:7px;background:#f3f4f6;color:#4b5563;font-size:12px;font-weight:550;white-space:nowrap}.food-rate{color:#8b1c1c;font-size:15px;font-weight:700;white-space:nowrap}.food-description{display:block;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#6b7280;font-size:13px}.food-status{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;border-radius:20px;font-size:12px;font-weight:600;white-space:nowrap}.food-status.active{background:#ecfdf5;color:#047857}.food-status.inactive{background:#f3f4f6;color:#6b7280}.food-actions{display:flex;align-items:center;gap:7px}.food-edit-button,.food-delete-button{border:none;padding:7px 10px;border-radius:7px;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .2s ease,transform .15s ease}.food-edit-button{background:#f3f4f6;color:#374151}.food-edit-button:hover{background:#e5e7eb;transform:translateY(-1px)}.food-delete-button{background:#fef2f2;color:#b91c1c}.food-delete-button:hover{background:#fee2e2;transform:translateY(-1px)}.food-empty-state{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:280px;padding:40px 20px;text-align:center}.food-empty-icon{width:65px;height:65px;display:flex;align-items:center;justify-content:center;margin-bottom:14px;border-radius:50%;background:#fff1f1;font-size:28px}.food-empty-state h3{margin:0 0 7px;font-size:16px;font-weight:650;color:#374151}.food-empty-state p{margin:0;font-size:13px;color:#9ca3af}.food-loading{min-height:350px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px}.food-loading p{margin:0;color:#6b7280;font-size:14px}.food-spinner{width:34px;height:34px;border:3px solid #f3f4f6;border-top-color:#8b1c1c;border-radius:50%;animation:foodSpin .8s linear infinite}@keyframes foodSpin{to{transform:rotate(360deg)}}.food-modal-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;background:#0f172a8c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.food-modal{width:100%;max-width:560px;max-height:calc(100vh - 40px);overflow-y:auto;background:#fff;border-radius:16px;box-shadow:0 20px 50px #0f172a33}.food-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding:20px 22px;border-bottom:1px solid #e5e7eb}.food-modal-header h2{margin:0;font-size:20px;font-weight:700;color:#111827}.food-modal-header p{margin:5px 0 0;font-size:13px;color:#6b7280}.food-modal-close{width:34px;height:34px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:none;border-radius:8px;background:#f3f4f6;color:#4b5563;font-size:22px;cursor:pointer;transition:background .2s ease}.food-modal-close:hover{background:#e5e7eb}.food-form{padding:22px}.food-form-group{margin-bottom:18px}.food-form-group label{display:block;margin-bottom:7px;font-size:13px;font-weight:600;color:#374151}.food-form-group label span{margin-left:3px;color:#dc2626}.food-form-group input,.food-form-group select,.food-form-group textarea{width:100%;box-sizing:border-box;border:1px solid #d1d5db;border-radius:9px;outline:none;background:#fff;color:#111827;font-family:inherit;font-size:14px;transition:border-color .2s ease,box-shadow .2s ease}.food-form-group input,.food-form-group select{height:43px;padding:0 12px}.food-form-group textarea{min-height:100px;padding:11px 12px;resize:vertical}.food-form-group input:focus,.food-form-group select:focus,.food-form-group textarea:focus{border-color:#8b1c1c;box-shadow:0 0 0 3px #8b1c1c14}.food-form-group input::placeholder,.food-form-group textarea::placeholder{color:#9ca3af}.food-form-group small{display:block;margin-top:5px;font-size:11px;color:#9ca3af}.food-image-preview{display:flex!important;align-items:center;justify-content:center;width:120px!important;max-width:120px!important;margin-top:12px;padding:8px;border:1px solid #e5e7eb;border-radius:10px;background:#f9fafb;overflow:hidden}.food-image-preview img{width:100px!important;height:100px!important;max-width:100px!important;max-height:100px!important;flex-shrink:0;object-fit:cover;border-radius:8px;border:1px solid #e5e7eb}.food-rate-input{position:relative}.food-rate-input>span{position:absolute;left:13px;top:50%;transform:translateY(-50%);z-index:1;color:#6b7280;font-size:14px;font-weight:600}.food-rate-input input{padding-left:29px}.food-active-toggle{margin-bottom:20px;padding:13px 14px;border:1px solid #e5e7eb;border-radius:9px;background:#f9fafb}.food-active-toggle label{display:flex;align-items:center;gap:9px;cursor:pointer;font-size:13px;font-weight:600;color:#374151}.food-active-toggle input{width:16px;height:16px;accent-color:#8b1c1c;cursor:pointer}.food-form-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding-top:5px}.food-cancel-button,.food-save-button{min-height:42px;padding:0 16px;border-radius:9px;font-size:13px;font-weight:600;cursor:pointer;transition:background .2s ease,transform .15s ease,opacity .2s ease}.food-cancel-button{border:1px solid #d1d5db;background:#fff;color:#374151}.food-cancel-button:hover{background:#f9fafb}.food-save-button{border:1px solid #8b1c1c;background:#8b1c1c;color:#fff}.food-save-button:hover{background:#6f1414;transform:translateY(-1px)}.food-cancel-button:disabled,.food-save-button:disabled{opacity:.6;cursor:not-allowed;transform:none}@media(max-width:900px){.food-summary-grid{grid-template-columns:repeat(2,1fr)}.food-filter-card{flex-wrap:wrap}.food-search-box{flex-basis:100%}.food-filter-card select{flex:1}}@media(max-width:640px){.food-items-page{padding-bottom:25px}.food-page-header{align-items:flex-start;flex-direction:column}.food-page-header h1{font-size:23px}.food-page-header p{font-size:13px;line-height:1.5}.food-add-button{width:100%}.food-summary-grid{grid-template-columns:1fr;gap:12px}.food-summary-card{min-height:78px}.food-filter-card{flex-direction:column;align-items:stretch;gap:10px;padding:13px}.food-search-box{width:100%;min-width:0;flex-basis:auto}.food-filter-card select{width:100%;min-width:0}.food-refresh-button{width:100%}.food-table-header{padding:15px}.food-table th,.food-table td{padding:12px}.food-modal-overlay{padding:10px}.food-modal{max-height:calc(100vh - 20px);border-radius:13px}.food-modal-header,.food-form{padding:17px}.food-modal-header h2{font-size:18px}.food-form-actions{flex-direction:column-reverse}.food-cancel-button,.food-save-button{width:100%}}@media(max-width:400px){.food-page-header h1{font-size:21px}.food-summary-card{padding:14px}.food-summary-icon{width:42px;height:42px}.food-summary-card strong{font-size:21px}.food-image-preview{width:100%!important;max-width:100%!important}.food-image-preview img{width:80px!important;height:80px!important;max-width:80px!important;max-height:80px!important}}#receipt-print-root{position:fixed;top:0;left:-10000px;width:72mm;background:#fff;color:#000;font-family:Arial,sans-serif}.thermal-receipt{width:72mm;box-sizing:border-box;padding:2mm;font-size:10pt;line-height:1.35;overflow-wrap:anywhere}.receipt-header{text-align:center}.receipt-logo{display:block;width:38mm;max-height:22mm;object-fit:contain;margin:0 auto 2mm;filter:grayscale(1) contrast(1.4)}.receipt-header p{font-size:9pt}.receipt-address{white-space:pre-line}.receipt-title{margin-top:4px!important;font-weight:700}.thermal-receipt h2{text-align:center;font-size:13pt;margin:0 0 3px}.thermal-receipt p{margin:3px 0}.thermal-receipt .center{text-align:center}.thermal-receipt hr{border:0;border-top:1px dashed #000;margin:7px 0}.receipt-items{width:100%;border-collapse:collapse;table-layout:fixed;font-size:9pt}.receipt-items th,.receipt-items td{padding:3px 1px;vertical-align:top;overflow-wrap:anywhere}.receipt-items th:first-child,.receipt-items td:first-child{width:48%;text-align:left}.receipt-items th:nth-child(2),.receipt-items td:nth-child(2){width:12%;text-align:center}.receipt-items th:last-child,.receipt-items td:last-child{width:40%;text-align:right}.receipt-row{display:flex;justify-content:space-between;gap:4px;margin:4px 0;font-size:9.5pt}.receipt-row span:last-child{text-align:right}.receipt-grand-total{font-size:11pt}@page{size:80mm auto;margin:2mm}@media print{html,body{width:80mm!important;margin:0!important;padding:0!important;background:#fff!important}body *{visibility:hidden!important}#receipt-print-root,#receipt-print-root *{visibility:visible!important}#receipt-print-root{position:absolute!important;top:0!important;left:0!important;width:72mm!important;margin:0!important;padding:0!important}.thermal-receipt{width:72mm!important;padding:0!important}.receipt-logo{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.receipt-footer{width:100%;text-align:center;margin-top:8px;padding-bottom:5px}.receipt-footer .thank-you{margin:4px 0 8px;white-space:nowrap;font-weight:700;font-size:12px}.receipt-footer .receipt-tamil-message{margin:0;font-size:10px;line-height:1.5;overflow-wrap:anywhere;text-align:center}#receipt-print-root{width:72mm;background:#fff;color:#000}.thermal-receipt{width:72mm;box-sizing:border-box;padding:2mm;background:#fff;color:#000;font-family:Arial,sans-serif;font-size:12px}.receipt-logo{display:block;width:100px;height:auto;object-fit:contain;margin:0 auto 8px}.receipt-header,.center{text-align:center}.receipt-items{width:100%;border-collapse:collapse;table-layout:fixed}.receipt-items th:first-child,.receipt-items td:first-child{width:55%;overflow-wrap:anywhere}.receipt-items th:nth-child(2),.receipt-items td:nth-child(2){width:15%;text-align:center}.receipt-items th:last-child,.receipt-items td:last-child{width:30%;text-align:right;overflow-wrap:anywhere}.receipt-row{display:flex;justify-content:space-between;gap:8px;margin:4px 0}.receipt-grand-total{font-size:14px;font-weight:700}.receipt-footer{margin-top:8px}.receipt-tamil-message{overflow-wrap:anywhere;font-size:12px}.bawa-pos{--primary: #8b1c1c;--primary-dark: #701313;--primary-soft: #fff2f2;--page: #f4f6f8;--panel: #ffffff;--border: #e1e5ea;--text: #20252b;--muted: #7b838d;width:100%;height:100vh;min-height:620px;overflow:hidden;background:var(--page);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif;font-size:13px}.bawa-pos *,.bawa-pos *:before,.bawa-pos *:after{box-sizing:border-box}.bawa-pos button,.bawa-pos input,.bawa-pos textarea{font:inherit}.bawa-pos button{border:0}.bawa-pos button:disabled{opacity:.55;cursor:not-allowed}.bawa-pos .billing-loading{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--page)}.bawa-pos .billing-spinner{width:38px;height:38px;border:4px solid #eadada;border-top-color:var(--primary);border-radius:50%;animation:bawaBillingSpin .8s linear infinite}@keyframes bawaBillingSpin{to{transform:rotate(360deg)}}.bawa-pos .billing-loading h3{margin:14px 0 4px;font-size:17px}.bawa-pos .billing-loading p{margin:0;color:var(--muted);font-size:12px}.bawa-pos .pos-header{height:64px;padding:0 16px;display:flex;align-items:center;gap:14px;background:#fff;border-bottom:1px solid var(--border)}.bawa-pos .pos-logo-area{width:205px;min-width:205px;display:flex;align-items:center;gap:10px}.bawa-pos .pos-logo{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border-radius:9px;background:var(--primary);color:#fff;font-size:19px;font-weight:900}.bawa-pos .pos-logo-area>div:last-child strong{display:block;color:var(--primary);font-size:14px;line-height:1;font-weight:900}.bawa-pos .pos-logo-area>div:last-child span{display:block;margin-top:4px;color:#9aa1aa;font-size:8px;letter-spacing:.45px;font-weight:700}.bawa-pos .pos-header-info{display:flex;align-items:center;gap:7px}.bawa-pos .header-pill,.bawa-pos .held-header-btn{height:32px;display:flex;align-items:center;white-space:nowrap;border-radius:7px;font-size:10px;font-weight:800}.bawa-pos .header-pill{padding:0 10px;border:1px solid var(--border);background:#fafbfc;color:#626a74}.bawa-pos .held-header-btn{padding:0 10px;gap:6px;border:1px solid #ead6d6;background:var(--primary-soft);color:var(--primary);cursor:pointer}.bawa-pos .held-header-btn b{min-width:19px;height:19px;padding:0 5px;display:grid;place-items:center;border-radius:50%;background:var(--primary);color:#fff;font-size:9px}.bawa-pos .pos-header-right{min-width:0;margin-left:auto;display:flex;align-items:center;gap:10px}.bawa-pos .header-search{width:205px;height:34px;padding:0 9px;display:flex;align-items:center;gap:7px;border:1px solid var(--border);border-radius:8px;background:#fafbfc;color:#9299a2}.bawa-pos .header-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--text);font-size:11px}.bawa-pos .header-search kbd{padding:2px 5px;border:1px solid #dfe2e6;border-radius:4px;background:#fff;color:#969ba3;font-size:8px}.bawa-pos .sync-status{height:27px;padding:0 9px;display:flex;align-items:center;gap:5px;border-radius:20px;background:#ebfaee;color:#469254;font-size:8px;font-weight:900}.bawa-pos .sync-status i{width:7px;height:7px;border-radius:50%;background:#59bd69}.bawa-pos .cashier-info{display:flex;align-items:center;gap:8px}.bawa-pos .cashier-info>div:first-child{text-align:right}.bawa-pos .cashier-info strong{display:block;color:#40464e;font-size:10px}.bawa-pos .cashier-info span{display:block;margin-top:2px;color:#9ca2aa;font-size:8px}.bawa-pos .cashier-avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#f8eaea;color:var(--primary);font-size:12px;font-weight:900}.bawa-pos .pos-main{width:100%;height:calc(100% - 64px);padding:12px 12px 72px;display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:12px}.bawa-pos .menu-panel,.bawa-pos .bill-panel{min-width:0;min-height:0;background:var(--panel);border:1px solid var(--border);border-radius:11px;overflow:hidden}.bawa-pos .menu-panel{display:flex;flex-direction:column}.bawa-pos .bill-panel{display:flex;flex-direction:column;box-shadow:0 3px 14px #0f172a0f}.bawa-pos .service-tabs{height:52px;padding:8px;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;flex:0 0 auto}.bawa-pos .service-tabs button{min-height:36px;display:flex;align-items:center;justify-content:center;gap:6px;border-radius:7px;background:#f0f2f5;color:#626a74;cursor:pointer;font-size:11px;font-weight:800}.bawa-pos .service-tabs button.active{background:var(--primary);color:#fff;box-shadow:0 4px 10px #8b1c1c29}.bawa-pos .food-search{height:40px;margin:0 8px 7px;padding:0 10px;display:flex;align-items:center;gap:7px;border:1px solid var(--border);border-radius:8px;background:#fafbfc}.bawa-pos .food-search>span{color:#9299a2;font-size:17px}.bawa-pos .food-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--text);font-size:12px}.bawa-pos .food-search button{width:24px;height:24px;display:grid;place-items:center;background:transparent;color:#8d939b;cursor:pointer;font-size:18px}.bawa-pos .quick-filter-row{min-height:0;padding:0 8px;display:flex;gap:6px}.bawa-pos .quick-filter-row:empty{display:none}.bawa-pos .quick-filter-row button{height:30px;padding:0 10px;border:1px solid #dde1e5;border-radius:7px;background:#f7f8f9;color:#626972;cursor:pointer;font-size:10px;font-weight:800}.bawa-pos .category-row{min-height:42px;padding:0 8px 7px;display:flex;gap:6px;overflow-x:auto;scrollbar-width:thin;flex:0 0 auto}.bawa-pos .category-row::-webkit-scrollbar{height:4px}.bawa-pos .category-row button{flex:0 0 auto;min-height:32px;padding:0 12px;border:1px solid #dfe3e7;border-radius:7px;background:#fff;color:#5f6670;cursor:pointer;font-size:10px;font-weight:800;white-space:nowrap}.bawa-pos .category-row button.active{border-color:var(--primary);background:var(--primary);color:#fff}.bawa-pos .category-row button span{margin-left:5px;opacity:.75}.bawa-pos .food-grid{flex:1 1 auto;min-height:0;padding:0 8px 10px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:max-content;align-content:start;align-items:start;gap:8px;overflow-y:auto;overflow-x:hidden}.bawa-pos .food-card{position:relative;width:100%;min-width:0;height:auto!important;align-self:start;display:flex;flex-direction:column;border:1px solid #e2e5e9;border-radius:8px;background:#fff;overflow:hidden;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.bawa-pos .food-card:hover{border-color:#c48e8e;box-shadow:0 6px 16px #0f172a14}.bawa-pos .food-card-top{position:absolute;top:6px;left:6px;right:6px;height:auto;min-height:0;padding:0;display:flex;justify-content:space-between;z-index:2;pointer-events:none}.bawa-pos .food-card-top span{padding:2px 5px;border-radius:4px;background:#ffffffe6;color:#6b7178;font-size:8px;font-weight:800}.bawa-pos .food-card-top i{width:16px;height:16px;display:grid;place-items:center;border-radius:50%;background:#ffffffe6;color:#43aa56;font-size:8px;font-style:normal}.bawa-pos .food-image{width:100%!important;max-width:100%!important;aspect-ratio:1 / 1;height:auto;margin:0;overflow:hidden;background:#f7f8f9;border-radius:0}.bawa-pos .food-image img{width:100%;height:100%;object-fit:cover;display:block}.bawa-pos .food-placeholder{width:100%;height:100%;display:grid;place-items:center;font-size:30px;opacity:.7}.bawa-pos .cart-count{position:absolute;top:6px;right:6px;min-width:20px;height:20px;padding:0 5px;display:grid;place-items:center;border-radius:20px;background:var(--primary);color:#fff;font-size:9px;font-weight:900;box-shadow:0 2px 6px #00000026;z-index:3}.bawa-pos .food-details{min-width:0;padding:6px 7px 0}.bawa-pos .food-details span{display:block;color:#9299a2;font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bawa-pos .food-details strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:2px;color:#24282d;font-size:11.5px;line-height:1.3;font-weight:700;min-height:28px}.bawa-pos .food-card-bottom{min-height:0;padding:5px 7px 7px;display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:4px}.bawa-pos .food-card-bottom b{color:var(--primary);font-size:13px;font-weight:900}.bawa-pos .food-card-bottom button{min-height:26px;padding:0 10px;border-radius:6px;background:var(--primary);color:#fff;cursor:pointer;font-size:9.5px;font-weight:900}.bawa-pos .food-card-bottom button:hover{background:var(--primary-dark)}.bawa-pos .menu-empty{grid-column:1 / -1;min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.bawa-pos .menu-empty>div{width:64px;height:64px;display:grid;place-items:center;border-radius:50%;background:#f8eaea;font-size:28px}.bawa-pos .menu-empty strong{margin-top:10px;font-size:14px}.bawa-pos .menu-empty span{max-width:300px;margin-top:4px;color:#9ba0a8;font-size:11px}.bawa-pos .bill-header{min-height:64px;padding:11px 13px;display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid #eceef1;flex:0 0 auto}.bawa-pos .bill-header h2{display:inline;margin:0;color:var(--primary);font-size:19px;font-weight:900}.bawa-pos .bill-header>div>span{margin-left:6px;padding:4px 6px;border-radius:4px;background:#fff0f0;color:#9a333b;font-size:8px;font-weight:900}.bawa-pos .bill-header>button{min-height:30px;padding:0 10px;border:1px solid #dfe2e5;border-radius:7px;background:#fff;color:#626a74;cursor:pointer;font-size:10px;font-weight:800}.bawa-pos .bill-items{flex:1 1 auto;min-height:0;padding:9px;overflow-y:auto;overscroll-behavior:contain}.bawa-pos .bill-items::-webkit-scrollbar{width:5px}.bawa-pos .bill-items::-webkit-scrollbar-thumb{background:#d8dce0;border-radius:20px}.bawa-pos .bill-item{margin-bottom:7px;padding:9px;border:1px solid #dfe4ea;border-radius:8px;background:#f4f7fb}.bawa-pos .bill-item:last-child{margin-bottom:0}.bawa-pos .bill-item-main{min-width:0;display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.bawa-pos .bill-item-main>div:first-child{min-width:0;flex:1}.bawa-pos .bill-item-main>div:first-child strong{display:block;color:#30363d;font-size:11px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bawa-pos .bill-item-main>div:first-child span{display:block;margin-top:3px;color:#858d97;font-size:9px}.bawa-pos .bill-item-main>button{width:26px;height:26px;flex:0 0 26px;display:grid;place-items:center;border-radius:6px;background:transparent;color:#9299a2;cursor:pointer;font-size:18px}.bawa-pos .bill-item-main>button:hover{background:#f4dddd;color:#a03e48}.bawa-pos .bill-item-bottom{margin-top:8px;display:flex;align-items:center;justify-content:space-between;gap:8px}.bawa-pos .qty-control{position:relative;z-index:2;height:34px;display:flex;align-items:center;overflow:hidden;border:1px solid #ccd2d9;border-radius:7px;background:#fff}.bawa-pos .qty-control button{width:36px;height:34px;padding:0;display:grid;place-items:center;background:#fff;color:#4d545d;cursor:pointer;font-size:18px;font-weight:700;line-height:1;pointer-events:auto;-webkit-user-select:none;user-select:none;touch-action:manipulation}.bawa-pos .qty-control button:hover{background:#f0f2f4;color:var(--primary)}.bawa-pos .qty-control span{width:34px;min-width:34px;height:34px;display:grid;place-items:center;color:#30353c;font-size:11px;font-weight:900}.bawa-pos .bill-item-bottom>strong{color:#30363d;font-size:11px;white-space:nowrap}.bawa-pos .bill-empty{min-height:240px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.bawa-pos .bill-empty>div{width:66px;height:66px;display:grid;place-items:center;border-radius:50%;background:#f8ebeb;font-size:29px}.bawa-pos .bill-empty strong{margin-top:10px;color:#4e555d;font-size:14px}.bawa-pos .bill-empty span{max-width:230px;margin-top:4px;color:#9ca1a8;font-size:10px}.bawa-pos .bill-summary{flex:0 0 auto;padding:9px 10px 8px;border-top:1px solid #eceef1;background:#fff}.bawa-pos .bill-summary>div:not(.grand-total){min-height:27px;display:flex;align-items:center;justify-content:space-between;gap:8px;color:#737a83;font-size:10px}.bawa-pos .bill-summary>div:not(.grand-total)>strong{color:#3b4148;font-size:10px;white-space:nowrap}.bawa-pos .discount-input{width:90px;height:30px;padding:0 7px;display:flex;align-items:center;border:1px solid #dfe2e6;border-radius:6px;background:#fff;color:#777d85;font-size:10px}.bawa-pos .discount-input input{width:100%;min-width:0;border:0;outline:0;background:transparent;text-align:right;color:#363b42;font-size:11px}.bawa-pos .grand-total{min-height:62px;margin-top:5px;padding:9px 12px;display:flex;align-items:center;justify-content:space-between;border-radius:9px;background:var(--primary);color:#fff}.bawa-pos .grand-total>div strong{display:block;color:#fff;font-size:12px;font-weight:900}.bawa-pos .grand-total>div span{display:block;margin-top:2px;color:#e9bebe;font-size:8px}.bawa-pos .grand-total>b{color:#fff;font-size:20px;font-weight:900}.bawa-pos .bill-actions{flex:0 0 auto;padding:0 10px;display:grid;grid-template-columns:1fr 1fr;gap:6px}.bawa-pos .bill-actions button{min-height:40px;border-radius:8px;cursor:pointer;font-size:10px;font-weight:900}.bawa-pos .secondary-action{background:#edf1f6;color:#59616c}.bawa-pos .hold-action{background:#fff0db;color:#8f6028}.bawa-pos .settle-button{flex:0 0 auto;width:calc(100% - 20px);min-height:48px;margin:7px 10px 0;padding:0 12px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:8px;border-radius:8px;background-color:green;color:#fff;cursor:pointer;font-size:12px;font-weight:900;touch-action:manipulation}.bawa-pos .settle-button:hover:not(:disabled){background-color:green}.bawa-pos .settle-button>span{text-align:left}.bawa-pos .settle-button strong{font-size:12px}.bawa-pos .settle-button kbd{padding:3px 5px;border:1px solid rgba(255,255,255,.18);border-radius:4px;background-color:green;color:#fff;font-size:8px}.bawa-pos .cancel-link{flex:0 0 auto;width:calc(100% - 20px);height:28px;margin:2px 10px 6px;background:transparent;color:#a64a52;cursor:pointer;font-size:10px;font-weight:800}.bawa-pos .today-summary{position:absolute;left:12px;right:12px;bottom:10px;height:52px;z-index:5;padding:5px 7px;display:flex;align-items:center;gap:7px;border:1px solid #dfe3e7;border-radius:9px;background:#fffffffa;box-shadow:0 3px 14px #0000000f}.bawa-pos .summary-title{min-width:45px;padding:0 5px;color:#858b93;font-size:9px;font-weight:900}.bawa-pos .summary-card{min-width:100px;height:40px;padding:5px 9px;display:flex;flex-direction:column;justify-content:center;border:1px solid #e0e3e7;border-radius:7px;background:#fff}.bawa-pos .summary-card span{color:#989da5;font-size:8px;font-weight:800}.bawa-pos .summary-card strong{margin-top:2px;color:#353a40;font-size:11px}.bawa-pos .summary-card.outstanding{border-color:#ecd3d3;background:#fff8f8}.bawa-pos .summary-card.outstanding strong{color:var(--primary)}.bawa-pos .modal-overlay{position:fixed;inset:0;z-index:1000;padding:16px;display:flex;align-items:center;justify-content:center;background:#14181d80;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.bawa-pos .payment-modal,.bawa-pos .held-modal,.bawa-pos .cancel-modal{width:min(480px,100%);max-height:90vh;overflow:hidden;border:1px solid #e1e3e6;border-radius:12px;background:#fff;box-shadow:0 22px 70px #00000038}.bawa-pos .modal-head{min-height:60px;padding:11px 13px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eceef1}.bawa-pos .modal-head h2{margin:0;color:#383d44;font-size:17px}.bawa-pos .modal-head p{margin:3px 0 0;color:#989da5;font-size:10px}.bawa-pos .modal-head>button{width:30px;height:30px;display:grid;place-items:center;border-radius:7px;background:#f0f2f4;color:#686f78;cursor:pointer;font-size:18px}.bawa-pos .modal-total{margin:12px;padding:12px;display:flex;align-items:center;justify-content:space-between;border-radius:8px;background:#faebeb}.bawa-pos .modal-total span{color:#7c828a;font-size:10px;font-weight:900}.bawa-pos .modal-total strong{color:var(--primary);font-size:21px}.bawa-pos .modal-payment-tabs{margin:0 12px 11px;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.bawa-pos .modal-payment-tabs button{min-height:46px;display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid #dfe3e7;border-radius:7px;background:#fafbfc;color:#69717b;cursor:pointer;font-size:14px}.bawa-pos .modal-payment-tabs button strong{font-size:10px}.bawa-pos .modal-payment-tabs button.active{border-color:#bb7478;background:#fff0f1;color:var(--primary)}.bawa-pos .payment-modal .payment-input{margin:0 12px 11px;padding:9px;display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid #e0e4e8;border-radius:7px}.bawa-pos .payment-modal .payment-input label{color:#707780;font-size:10px;font-weight:800}.bawa-pos .payment-modal .payment-input>div{width:150px;height:34px;padding:0 8px;display:flex;align-items:center;gap:4px;border:1px solid #dfe3e7;border-radius:6px;color:#777d85;font-size:11px}.bawa-pos .payment-modal .payment-input input{width:100%;border:0;outline:0;text-align:right;color:#343940;font-size:12px}.bawa-pos .split-inputs{margin:0 12px 11px;display:grid;grid-template-columns:1fr 1fr;gap:7px}.bawa-pos .split-inputs>div{padding:9px;border:1px solid #e0e4e8;border-radius:7px}.bawa-pos .split-inputs label{display:block;margin-bottom:5px;color:#707780;font-size:10px;font-weight:800}.bawa-pos .split-inputs input{width:100%;height:34px;padding:0 8px;border:1px solid #dfe3e7;border-radius:6px;outline:0;text-align:right;font-size:11px}.bawa-pos .modal-actions{padding:0 12px 12px;display:grid;grid-template-columns:1fr 1.4fr;gap:7px}.bawa-pos .modal-actions button{min-height:42px;border-radius:7px;background:#edf0f3;color:#5d6570;cursor:pointer;font-size:10px;font-weight:900}.bawa-pos .modal-actions button:last-child,.bawa-pos .modal-actions .danger{background:var(--primary);color:#fff}.bawa-pos .held-list{max-height:560px;padding:10px;overflow-y:auto}.bawa-pos .held-item{min-height:68px;margin-bottom:7px;padding:9px;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;border:1px solid #e0e4e8;border-radius:8px}.bawa-pos .held-item>div{min-width:0}.bawa-pos .held-item strong{display:block;color:var(--primary);font-size:10px}.bawa-pos .held-item span{display:block;margin-top:3px;color:#969ca4;font-size:8px}.bawa-pos .held-item>div:nth-child(2){text-align:right}.bawa-pos .held-item>button{min-height:34px;padding:0 11px;border-radius:7px;background:var(--primary);color:#fff;cursor:pointer;font-size:9px;font-weight:900}.bawa-pos .held-empty{min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#969ca4;text-align:center}.bawa-pos .held-empty>div{font-size:30px;opacity:.65}.bawa-pos .held-empty strong{margin-top:8px;color:#5b6169;font-size:13px}.bawa-pos .held-empty span{margin-top:3px;font-size:10px}.bawa-pos .cancel-modal{width:min(410px,100%);padding-bottom:12px;text-align:center}.bawa-pos .warning-icon{width:48px;height:48px;margin:17px auto 8px;display:grid;place-items:center;border-radius:50%;background:#fff0d9;color:#a36b22;font-size:22px;font-weight:900}.bawa-pos .cancel-modal h2{margin:0;color:#41464d;font-size:17px}.bawa-pos .cancel-modal>p{margin:5px 0 11px;color:#969ba3;font-size:10px}.bawa-pos .cancel-modal textarea{width:calc(100% - 24px);min-height:90px;padding:9px;resize:vertical;border:1px solid #dfe3e7;border-radius:7px;outline:0;color:#343940;font-size:11px;text-align:left}.bawa-pos input:focus,.bawa-pos textarea:focus{border-color:#bd8585;box-shadow:0 0 0 3px #8b1c1c12}@media(max-width:1180px){.bawa-pos .pos-logo-area{width:170px;min-width:170px}.bawa-pos .header-search{width:165px}.bawa-pos .pos-main{grid-template-columns:minmax(0,1fr) 350px}.bawa-pos .food-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:980px){.bawa-pos .pos-header{padding:0 10px;gap:8px}.bawa-pos .pos-logo-area{width:auto;min-width:auto}.bawa-pos .pos-logo-area>div:last-child,.bawa-pos .header-pill:first-child{display:none}.bawa-pos .header-search{width:150px}.bawa-pos .pos-main{grid-template-columns:minmax(0,1fr) 330px;padding:9px 8px 72px;gap:9px}.bawa-pos .food-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}}@media(max-width:820px)and (min-width:641px){.bawa-pos{min-height:100vh}.bawa-pos .pos-header{height:60px}.bawa-pos .pos-main{height:calc(100% - 60px);grid-template-columns:minmax(0,1fr) 315px;padding:8px 7px 68px;gap:8px}.bawa-pos .header-search{width:125px}.bawa-pos .cashier-info>div:first-child{display:none}.bawa-pos .food-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.bawa-pos .food-card{min-height:175px}.bawa-pos .food-image{height:90px!important;min-height:90px!important;flex-basis:90px}.bawa-pos .today-summary{left:7px;right:7px;bottom:7px}}@media(max-width:640px){.bawa-pos{height:100dvh;min-height:0;overflow:hidden}.bawa-pos .pos-header{height:56px;padding:0 9px;gap:7px}.bawa-pos .pos-logo{width:34px;height:34px;flex-basis:34px;font-size:17px}.bawa-pos .pos-header-info{display:none}.bawa-pos .pos-header-right{gap:6px}.bawa-pos .header-search{width:min(42vw,180px);height:34px}.bawa-pos .header-search kbd,.bawa-pos .sync-status,.bawa-pos .cashier-info>div:first-child{display:none}.bawa-pos .cashier-avatar{width:32px;height:32px}.bawa-pos .pos-main{height:calc(100dvh - 56px);min-height:0;padding:7px 7px 0;display:block;overflow-y:auto;overflow-x:hidden}.bawa-pos .menu-panel{min-height:calc(100dvh - 63px);height:auto;border-radius:10px;overflow:hidden;padding-bottom:43vh}.bawa-pos .service-tabs{height:50px;padding:7px}.bawa-pos .service-tabs button{min-height:36px;font-size:10px}.bawa-pos .food-search{height:40px;margin:0 7px 7px}.bawa-pos .category-row{min-height:41px}.bawa-pos .category-row button{min-height:31px;padding:0 11px}.bawa-pos .food-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 7px 10px;gap:8px;overflow:visible}.bawa-pos .food-card{min-height:172px;border-radius:9px}.bawa-pos .food-card-top{height:25px;min-height:25px;padding:6px 7px 0}.bawa-pos .food-image{width:calc(100% - 10px);height:82px!important;min-height:82px!important;flex-basis:82px;margin:0 5px}.bawa-pos .food-details{padding:7px 7px 2px}.bawa-pos .food-details strong{font-size:11px}.bawa-pos .food-details span{font-size:8px}.bawa-pos .food-card-bottom{min-height:39px;padding:5px 7px 7px}.bawa-pos .food-card-bottom b{font-size:10px}.bawa-pos .food-card-bottom button{min-height:29px;padding:0 9px;font-size:9px}.bawa-pos .bill-panel{position:fixed;left:7px;right:7px;bottom:7px;z-index:50;width:auto;height:min(46dvh,430px);min-height:290px;max-height:46dvh;border-radius:12px;box-shadow:0 -8px 28px #0f172a29}.bawa-pos .bill-header{min-height:50px;padding:8px 10px}.bawa-pos .bill-header h2{font-size:15px}.bawa-pos .bill-header>button{min-height:28px}.bawa-pos .bill-items{padding:7px}.bawa-pos .bill-item{padding:7px;margin-bottom:5px}.bawa-pos .qty-control{height:34px}.bawa-pos .qty-control button{width:38px;height:34px}.bawa-pos .qty-control span{width:32px;min-width:32px;height:34px}.bawa-pos .bill-summary{padding:6px 8px}.bawa-pos .bill-summary>div:not(.grand-total){min-height:21px;font-size:9px}.bawa-pos .grand-total{min-height:48px;padding:7px 9px}.bawa-pos .grand-total>b{font-size:17px}.bawa-pos .bill-actions{padding:0 8px}.bawa-pos .bill-actions button{min-height:36px}.bawa-pos .settle-button{min-height:44px;width:calc(100% - 16px);margin:5px 8px 0}.bawa-pos .cancel-link{width:calc(100% - 16px);margin:1px 8px 4px}.bawa-pos .today-summary{position:fixed;left:7px;right:7px;bottom:calc(min(46dvh,430px) + 14px);width:auto;height:42px;padding:4px;gap:5px;z-index:45;overflow-x:auto}.bawa-pos .summary-title{min-width:38px;font-size:8px}.bawa-pos .summary-card{min-width:82px;height:32px;padding:4px 6px}.bawa-pos .summary-card span{font-size:7px}.bawa-pos .summary-card strong{font-size:9px}.bawa-pos .modal-overlay{padding:8px}.bawa-pos .payment-modal,.bawa-pos .held-modal,.bawa-pos .cancel-modal{max-height:calc(100dvh - 16px);border-radius:12px}.bawa-pos .modal-payment-tabs button{min-height:44px}}@media(max-width:380px){.bawa-pos .food-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.bawa-pos .food-card{min-height:165px}.bawa-pos .food-image{height:75px!important;min-height:75px!important;flex-basis:75px}.bawa-pos .food-card-bottom button{padding:0 7px}.bawa-pos .bill-panel{left:5px;right:5px;bottom:5px}}.bawa-pos .food-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}@media(max-width:640px){.bawa-pos .food-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}.bawa-pos .bill-actions{grid-template-columns:1fr}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{font-family:Arial,sans-serif;background:#f5f5f5;color:#1f2937}button,input,select,textarea{font-family:inherit}button{cursor:pointer}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.login-card{width:100%;max-width:420px;background:#fff;padding:35px;border-radius:16px;box-shadow:0 10px 40px #00000014}.login-header{text-align:center;margin-bottom:30px}.login-header h1{margin:0 0 8px;color:#8b1c1c}.login-header p{margin:0;color:#666}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600}.form-group input{width:100%;padding:13px 14px;border:1px solid #ddd;border-radius:8px;outline:none;font-size:15px;transition:border-color .2s ease}.form-group input:focus{border-color:#8b1c1c}.login-card button{width:100%;padding:14px;border:none;border-radius:8px;background:#8b1c1c;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s ease,opacity .2s ease}.login-card button:hover:not(:disabled){background:#6f1414}.login-card button:disabled{opacity:.6;cursor:not-allowed}.error-message{margin-bottom:15px;padding:10px 12px;border-radius:8px;background:#ffe8e8;color:#b00020;font-size:14px}.app-layout{width:100%;min-height:100vh;background:#f5f6f8}.sidebar{position:fixed;top:0;left:0;bottom:0;width:250px;background:#fff;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;z-index:1000;transform:translate(-100%);transition:transform .25s ease,box-shadow .25s ease}.sidebar-open{transform:translate(0);box-shadow:8px 0 30px #00000014}.sidebar-brand{height:76px;padding:0 18px;display:flex;align-items:center;border-bottom:1px solid #eeeeee;flex-shrink:0}.brand-logo{width:42px;height:42px;flex-shrink:0;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#8b1c1c;color:#fff;font-size:22px;font-weight:800;box-shadow:0 4px 10px #8b1c1c2e}.brand-text{margin-left:11px;min-width:0}.brand-text h2{margin:0;color:#8b1c1c;font-size:20px;font-weight:800;line-height:1.1}.brand-text span{display:block;margin-top:3px;color:#6b7280;font-size:10px;font-weight:600;white-space:nowrap;letter-spacing:.1px}.sidebar-close{display:none;margin-left:auto;width:32px;height:32px;border:none;border-radius:7px;background:transparent;color:#6b7280;font-size:25px;cursor:pointer;align-items:center;justify-content:center}.sidebar-close:hover{background:#f9eeee;color:#8b1c1c}.sidebar-menu{flex:1;padding:20px 12px;overflow-y:auto}.menu-title{margin:0 10px 11px;color:#9ca3af;font-size:10px;font-weight:800;letter-spacing:.1em}.sidebar-link{position:relative;min-height:46px;margin-bottom:5px;padding:0 12px;display:flex;align-items:center;gap:12px;border-radius:9px;color:#4b5563;text-decoration:none;font-size:14px;font-weight:600;transition:background .2s ease,color .2s ease,transform .2s ease}.sidebar-link:hover{background:#f9eeee;color:#8b1c1c}.sidebar-link.active{background:#8b1c1c;color:#fff;font-weight:700;box-shadow:0 4px 10px #8b1c1c29}.sidebar-link.active:before{content:"";position:absolute;left:0;top:9px;bottom:9px;width:3px;border-radius:0 4px 4px 0;background:#fff}.sidebar-icon{width:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:18px;line-height:1}.sidebar-link.active .sidebar-icon{color:#fff}.sidebar-bottom{padding:14px 12px;border-top:1px solid #eeeeee;flex-shrink:0}.logout-button{width:100%;min-height:46px;padding:0 12px;display:flex;align-items:center;gap:12px;border:none;border-radius:9px;background:transparent;color:#dc2626;text-align:left;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s ease,color .2s ease}.logout-button:hover{background:#fef2f2;color:#b91c1c}.sidebar-menu::-webkit-scrollbar{width:4px}.sidebar-menu::-webkit-scrollbar-track{background:transparent}.sidebar-menu::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:10px}.sidebar-menu::-webkit-scrollbar-thumb:hover{background:#d1d5db}.sidebar-overlay{position:fixed;inset:0;background:#00000059;z-index:999}@media(max-width:768px){.sidebar-close{display:flex}.sidebar-brand{height:70px;padding:0 15px}.brand-logo{width:40px;height:40px;font-size:20px}.brand-text h2{font-size:18px}.sidebar-menu{padding:16px 10px}.sidebar-link{min-height:44px;font-size:14px}}.app-main{width:100%;min-height:100vh}.app-main-with-sidebar{margin-left:250px;width:calc(100% - 250px)}.app-header{height:76px;padding:0 28px;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100}.header-left{display:flex;align-items:center;gap:14px}.menu-button{width:40px;height:40px;display:none;align-items:center;justify-content:center;border:1px solid #e5e7eb;border-radius:8px;background:#fff;color:#374151;font-size:20px}.header-title{margin:0;font-size:20px;font-weight:700;color:#111827}.header-subtitle{margin:3px 0 0;color:#9ca3af;font-size:12px}.header-right{display:flex;align-items:center}.header-user{display:flex;align-items:center;gap:10px}.user-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#f9eeee;color:#8b1c1c;font-size:16px;font-weight:700}.user-info{display:flex;flex-direction:column;gap:2px}.user-info strong{color:#1f2937;font-size:13px}.user-info span{color:#9ca3af;font-size:10px}.page-content{width:100%}.page-container{width:100%;max-width:1600px;margin:0 auto;padding:24px 28px}@media(min-width:1025px){.sidebar{transform:translate(0)}.sidebar-overlay{display:none}}@media(min-width:768px)and (max-width:1024px){.sidebar{width:270px;box-shadow:8px 0 30px #0000001f}.sidebar-close{display:block}.menu-button{display:flex}.app-main,.app-main-with-sidebar{width:100%;margin-left:0}.app-header{padding:0 22px}.page-container{padding:22px}}@media(max-width:767px){.sidebar{width:min(280px,85vw);box-shadow:8px 0 30px #0000001f}.sidebar-close{display:block}.menu-button{display:flex}.app-main,.app-main-with-sidebar{width:100%;margin-left:0}.app-header{height:68px;padding:0 14px}.header-title{font-size:17px}.header-subtitle,.user-info{display:none}.user-avatar{width:36px;height:36px}.page-container{padding:16px}.login-card{padding:25px 20px}}.billing-page{width:100%;min-height:calc(100vh - 76px);display:grid;grid-template-columns:minmax(0,1.55fr) minmax(360px,.85fr);gap:18px}.billing-menu-section{min-width:0;padding:2px}.billing-search-wrapper{width:100%;height:46px;display:flex;align-items:center;gap:10px;padding:0 14px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;margin-bottom:14px}.search-icon{font-size:15px}.billing-search-wrapper input{width:100%;border:none;outline:none;background:transparent;font-size:14px;color:#1f2937}.billing-search-wrapper input::placeholder{color:#9ca3af}.billing-categories{width:100%;display:flex;gap:8px;overflow-x:auto;padding-bottom:8px;margin-bottom:8px;scrollbar-width:thin}.category-button{flex-shrink:0;min-height:38px;padding:0 14px;display:flex;align-items:center;gap:7px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;color:#4b5563;font-size:12px;font-weight:600;white-space:nowrap;transition:background .2s ease,color .2s ease,border-color .2s ease}.category-button span{padding:2px 6px;border-radius:10px;background:#f3f4f6;color:#6b7280;font-size:10px}.category-button:hover{border-color:#8b1c1c;color:#8b1c1c}.category-button.active{border-color:#8b1c1c;background:#8b1c1c;color:#fff}.category-button.active span{background:#fff3;color:#fff}.food-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:8px 2px 20px}.food-card{min-width:0;overflow:hidden;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000000a;transition:transform .2s ease,box-shadow .2s ease}.food-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000014}.food-image-wrapper{width:100%;aspect-ratio:1.35 / 1;overflow:hidden;background:#f3f4f6}.food-image{width:100%;height:100%;display:block;object-fit:cover}.food-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#f3f4f6;color:#9ca3af;font-size:40px}.food-card-content{padding:12px}.food-category{margin-bottom:5px;color:#8b1c1c;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.food-card-content h3{margin:0;color:#1f2937;font-size:14px;font-weight:700;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.food-description{margin:5px 0 0;color:#9ca3af;font-size:10px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.food-card-bottom{margin-top:12px;display:flex;align-items:center;justify-content:space-between;gap:8px}.food-card-bottom strong{color:#111827;font-size:15px}.add-food-button{min-height:38px;padding:0 12px;border:none;border-radius:7px;background:#8b1c1c;color:#fff;font-size:11px;font-weight:700}.add-food-button:hover{background:#6f1414}.billing-cart-section{min-width:0;height:calc(100vh - 124px);position:sticky;top:100px;display:flex;flex-direction:column;overflow:hidden;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 14px #0000000d}.cart-header{padding:16px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #eeeeee}.cart-label{display:block;margin-bottom:4px;color:#9ca3af;font-size:9px;font-weight:700;letter-spacing:.08em}.cart-header h2{margin:0;color:#1f2937;font-size:17px;font-weight:700}.cart-user{padding:7px 10px;border-radius:7px;background:#f9eeee;color:#8b1c1c;font-size:10px;font-weight:700}.cart-items{flex:1;min-height:0;padding:12px 14px;overflow-y:auto}.cart-item{padding:12px 0;display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;gap:8px;border-bottom:1px solid #f0f0f0}.cart-item-info{min-width:0}.cart-item-info h4{margin:0 0 4px;color:#1f2937;font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cart-item-info span{color:#9ca3af;font-size:10px}.cart-item-actions{height:32px;display:flex;align-items:center;gap:5px;border:1px solid #e5e7eb;border-radius:7px;padding:2px}.cart-item-actions button{width:27px;height:27px;border:none;border-radius:5px;background:#f9fafb;color:#374151;font-size:16px;display:flex;align-items:center;justify-content:center}.cart-item-actions button:hover{background:#f3f4f6}.cart-item-actions span{min-width:18px;text-align:center;color:#1f2937;font-size:11px;font-weight:700}.cart-item-total{min-width:65px;text-align:right;color:#1f2937;font-size:11px}.remove-item-button{width:26px;height:26px;border:none;background:transparent;color:#9ca3af;font-size:18px}.remove-item-button:hover{color:#dc2626}.empty-cart{height:100%;min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px}.empty-cart-icon{width:58px;height:58px;margin-bottom:12px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#f9eeee;font-size:25px}.empty-cart h3{margin:0 0 5px;color:#374151;font-size:14px}.empty-cart p{max-width:220px;margin:0;color:#9ca3af;font-size:11px;line-height:1.5}.cart-summary{padding:14px 16px;border-top:1px solid #eeeeee;background:#fafafa}.summary-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px;color:#6b7280;font-size:11px}.summary-row span:last-child{color:#374151;font-weight:600}.summary-divider{height:1px;margin:10px 0;background:#e5e7eb}.grand-total-row{display:flex;align-items:center;justify-content:space-between}.grand-total-row span{color:#374151;font-size:11px;font-weight:700}.grand-total-row strong{color:#8b1c1c;font-size:23px;font-weight:800}.payment-section{padding:12px 16px}.payment-label{display:block;margin-bottom:7px;color:#9ca3af;font-size:9px;font-weight:700}.payment-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}.payment-button{min-height:40px;border:1px solid #e5e7eb;border-radius:7px;background:#fff;color:#6b7280;font-size:11px;font-weight:700}.payment-button.active{border-color:#8b1c1c;background:#8b1c1c;color:#fff}.cart-actions{padding:12px 16px 16px;display:grid;grid-template-columns:.8fr 1.2fr;gap:8px}.hold-button,.complete-button{min-height:44px;border:none;border-radius:8px;font-size:11px;font-weight:700}.hold-button{background:#f3f4f6;color:#374151}.complete-button{background:#8b1c1c;color:#fff}.hold-button:hover:not(:disabled){background:#e5e7eb}.complete-button:hover:not(:disabled){background:#6f1414}.hold-button:disabled,.complete-button:disabled{opacity:.45;cursor:not-allowed}.billing-state{min-height:350px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;text-align:center}.billing-state h3{margin:10px 0 5px;color:#374151;font-size:15px}.billing-state p{max-width:350px;margin:0;color:#9ca3af;font-size:12px;line-height:1.5}.state-icon{width:55px;height:55px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#f9eeee;font-size:24px}.billing-loader{width:34px;height:34px;border:3px solid #eeeeee;border-top-color:#8b1c1c;border-radius:50%;animation:billing-spin .8s linear infinite}@keyframes billing-spin{to{transform:rotate(360deg)}}.error-state .state-icon{background:#fef2f2;color:#dc2626}.retry-button{margin-top:15px;min-height:38px;padding:0 16px;border:none;border-radius:7px;background:#8b1c1c;color:#fff;font-size:11px;font-weight:700}@media(min-width:768px)and (max-width:1100px){.billing-page{grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:14px}.food-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.billing-cart-section{height:calc(100vh - 118px);top:94px}.page-container{padding:18px}}@media(max-width:767px){.billing-page{display:flex;flex-direction:column;gap:16px}.food-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.food-card-content{padding:10px}.food-card-content h3{font-size:12px}.food-card-bottom{align-items:stretch;flex-direction:column;gap:8px}.add-food-button{width:100%}.billing-cart-section{position:relative;top:auto;height:auto;min-height:500px}.cart-items{max-height:350px}}.categories-page{width:100%}.category-page-header{margin-bottom:20px;display:flex;align-items:center;justify-content:space-between;gap:16px}.category-page-header h2{margin:0;color:#111827;font-size:24px;font-weight:700}.category-page-header p{margin:5px 0 0;color:#9ca3af;font-size:13px}.primary-action-button{min-height:42px;padding:0 17px;border:none;border-radius:8px;background:#8b1c1c;color:#fff;font-size:12px;font-weight:700;white-space:nowrap;transition:background .2s ease,transform .2s ease}.primary-action-button:hover{background:#6f1414;transform:translateY(-1px)}.primary-action-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.page-alert{margin-bottom:16px;padding:12px 15px;border-radius:8px;font-size:12px;font-weight:600}.page-alert.error{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca}.page-alert.success{background:#ecfdf5;color:#047857;border:1px solid #a7f3d0}.category-toolbar{margin-bottom:14px;display:flex;align-items:center;justify-content:space-between;gap:15px}.category-search{width:min(420px,100%);height:42px;padding:0 13px;display:flex;align-items:center;gap:9px;background:#fff;border:1px solid #e5e7eb;border-radius:8px}.category-search span{font-size:14px}.category-search input{width:100%;border:none;outline:none;background:transparent;color:#374151;font-size:12px}.category-search input::placeholder{color:#9ca3af}.category-count{color:#6b7280;font-size:12px;font-weight:600}.category-card{width:100%;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #00000008;overflow:hidden}.category-table-wrapper{width:100%;overflow-x:auto}.category-table{width:100%;border-collapse:collapse;min-width:760px}.category-table th{height:48px;padding:0 16px;background:#fafafa;border-bottom:1px solid #eeeeee;color:#6b7280;text-align:left;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.category-table td{padding:14px 16px;border-bottom:1px solid #f1f1f1;color:#4b5563;font-size:12px;vertical-align:middle}.category-table tbody tr:last-child td{border-bottom:none}.category-table tbody tr:hover{background:#fcfcfc}.category-name-cell{display:flex;align-items:center;gap:11px}.category-icon{width:38px;height:38px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:9px;background:#f9eeee;font-size:17px}.category-name-cell strong{display:block;margin-bottom:3px;color:#1f2937;font-size:13px}.category-name-cell span{display:block;color:#9ca3af;font-size:9px}.food-count{min-width:30px;height:28px;padding:0 9px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;background:#f3f4f6;color:#374151;font-size:11px;font-weight:700}.status-badge{min-width:75px;height:28px;padding:0 9px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:none;border-radius:20px;font-size:10px;font-weight:700}.status-badge span{width:6px;height:6px;border-radius:50%;background:currentColor}.status-badge.active{background:#ecfdf5;color:#059669}.status-badge.inactive{background:#f3f4f6;color:#6b7280}.category-actions{display:flex;align-items:center;gap:7px}.icon-action{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid #e5e7eb;border-radius:7px;background:#fff;font-size:13px}.icon-action.edit:hover{background:#eff6ff;border-color:#bfdbfe}.icon-action.delete:hover{background:#fef2f2;border-color:#fecaca}.category-loading{min-height:350px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.category-loading p{margin:0;color:#9ca3af;font-size:12px}.category-empty{min-height:380px;padding:40px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.category-empty-icon{width:64px;height:64px;margin-bottom:15px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#f9eeee;font-size:28px}.category-empty h3{margin:0 0 6px;color:#374151;font-size:15px}.category-empty p{margin:0 0 18px;color:#9ca3af;font-size:12px}.category-modal-overlay{position:fixed;inset:0;z-index:2000;padding:20px;display:flex;align-items:center;justify-content:center;background:#11182773}.category-modal{width:100%;max-width:480px;background:#fff;border-radius:14px;box-shadow:0 20px 60px #0003;overflow:hidden}.category-modal-header{padding:20px;display:flex;align-items:flex-start;justify-content:space-between;gap:15px;border-bottom:1px solid #eeeeee}.category-modal-header h3{margin:0;color:#111827;font-size:18px}.category-modal-header p{margin:5px 0 0;color:#9ca3af;font-size:11px}.modal-close-button{width:32px;height:32px;flex-shrink:0;border:none;border-radius:7px;background:#f3f4f6;color:#6b7280;font-size:21px}.modal-close-button:hover{background:#e5e7eb}.category-form{padding:20px}.category-form-group{margin-bottom:20px}.category-form-group label{display:block;margin-bottom:7px;color:#374151;font-size:12px;font-weight:700}.category-form-group input{width:100%;height:44px;padding:0 12px;border:1px solid #d1d5db;border-radius:8px;outline:none;color:#1f2937;font-size:13px}.category-form-group input:focus{border-color:#8b1c1c;box-shadow:0 0 0 3px #8b1c1c14}.category-active-row{padding:13px;margin-bottom:18px;display:flex;align-items:center;justify-content:space-between;gap:15px;border:1px solid #eeeeee;border-radius:9px;background:#fafafa}.category-active-row strong{display:block;margin-bottom:3px;color:#374151;font-size:12px}.category-active-row span{display:block;color:#9ca3af;font-size:10px}.switch{width:42px;height:23px;flex-shrink:0;padding:2px;border:none;border-radius:20px;background:#d1d5db}.switch span{width:19px;height:19px;display:block;border-radius:50%;background:#fff;transition:transform .2s ease}.switch.on{background:#8b1c1c}.switch.on span{transform:translate(19px)}.modal-error{margin-bottom:15px;padding:10px 12px;border-radius:7px;background:#fef2f2;color:#b91c1c;font-size:11px}.category-form-actions{display:flex;justify-content:flex-end;gap:9px}.secondary-button{min-height:42px;padding:0 16px;border:1px solid #d1d5db;border-radius:8px;background:#fff;color:#4b5563;font-size:12px;font-weight:600}.secondary-button:hover{background:#f9fafb}@media(max-width:1024px){.category-page-header h2{font-size:21px}.category-table th,.category-table td{padding-left:12px;padding-right:12px}}@media(max-width:767px){.category-page-header{align-items:flex-start;flex-direction:column}.primary-action-button{width:100%}.category-toolbar{align-items:stretch;flex-direction:column}.category-search{width:100%}.category-count{text-align:right}.category-modal-overlay{padding:12px}.category-modal{max-height:90vh;overflow-y:auto}.category-form-actions{flex-direction:column-reverse}.category-form-actions button{width:100%}}.branches-page{width:100%}.branch-page-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.branch-page-header h2{margin:0;font-size:26px;font-weight:700;color:#222}.branch-page-header p{margin:6px 0 0;color:#777;font-size:14px}.branch-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px}.branch-summary-card{display:flex;align-items:center;gap:14px;padding:18px 20px;background:#fff;border:1px solid #eeeeee;border-radius:14px}.branch-summary-icon{width:46px;height:46px;border-radius:12px;background:#f7f0ff;display:flex;align-items:center;justify-content:center;font-size:21px}.branch-summary-card span{display:block;color:#777;font-size:13px;margin-bottom:4px}.branch-summary-card strong{display:block;color:#222;font-size:22px}.branch-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:16px}.branch-search{position:relative;width:360px}.branch-search>span{position:absolute;left:13px;top:50%;transform:translateY(-50%)}.branch-search input{width:100%;height:44px;border:1px solid #dddddd;border-radius:10px;padding:0 40px;outline:none;font-size:14px;box-sizing:border-box}.branch-search input:focus{border-color:#7b1fa2;box-shadow:0 0 0 3px #7b1fa214}.branch-count{color:#777;font-size:13px}.branch-card{background:#fff;border:1px solid #eeeeee;border-radius:14px;overflow:hidden}.branch-table-wrapper{width:100%;overflow-x:auto}.branch-table{width:100%;border-collapse:collapse;min-width:1100px}.branch-table th{text-align:left;padding:15px 16px;background:#fafafa;border-bottom:1px solid #eeeeee;color:#666;font-size:12px;font-weight:700;text-transform:uppercase}.branch-table td{padding:16px;border-bottom:1px solid #f0f0f0;color:#444;font-size:13px}.branch-table tbody tr:hover{background:#fcfcfc}.branch-table tbody tr:last-child td{border-bottom:none}.branch-name-cell{display:flex;align-items:center;gap:12px;min-width:260px}.branch-icon{width:42px;height:42px;flex-shrink:0;border-radius:10px;background:#f5edfa;display:flex;align-items:center;justify-content:center;font-size:19px}.branch-name-cell strong{display:block;color:#222;font-size:14px;margin-bottom:4px}.branch-name-cell span{display:block;max-width:260px;color:#888;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.branch-contact-cell strong{color:#444;font-size:13px}.branch-username{display:inline-block;padding:6px 9px;border-radius:7px;background:#f6f6f6;color:#555;font-family:monospace;font-size:12px}.status-badge{border:none;cursor:pointer;padding:7px 12px;border-radius:20px;display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:600}.status-badge span{width:7px;height:7px;border-radius:50%;display:block}.status-badge.active{background:#e8f7ef;color:#16834b}.status-badge.active span{background:#20a05a}.status-badge.inactive{background:#f1f1f1;color:#777}.status-badge.inactive span{background:#999}.status-badge:disabled{opacity:.6;cursor:not-allowed}.category-actions{display:flex;align-items:center;gap:8px}.icon-action{width:36px;height:36px;border:1px solid #e5e5e5;border-radius:9px;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}.icon-action:hover{transform:translateY(-1px)}.icon-action.edit:hover{background:#f4efff;border-color:#7b1fa2}.icon-action.delete:hover{background:#fff1f1;border-color:#d32f2f}.icon-action:disabled{opacity:.5;cursor:not-allowed}.branch-loading,.branch-empty{padding:70px 20px;text-align:center}.branch-loading p,.branch-empty p{color:#777;font-size:14px}.branch-empty-icon{font-size:42px;margin-bottom:12px}.branch-empty h3{margin:0 0 6px;color:#333}.branch-modal-overlay{position:fixed;inset:0;z-index:9999;background:#00000073;display:flex;align-items:center;justify-content:center;padding:20px}.branch-modal{width:min(620px,100%);max-height:90vh;overflow-y:auto;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0003}.branch-modal-header{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;padding:22px 24px;border-bottom:1px solid #eeeeee}.branch-modal-header h3{margin:0;color:#222;font-size:20px}.branch-modal-header p{margin:5px 0 0;color:#888;font-size:13px}.modal-close-button{width:34px;height:34px;border:none;border-radius:8px;background:#f5f5f5;color:#555;font-size:22px;cursor:pointer}.branch-form{padding:24px}.branch-form-group{margin-bottom:18px}.branch-form-group label{display:block;margin-bottom:7px;color:#444;font-size:13px;font-weight:600}.branch-form-group label span{color:#d32f2f;margin-left:3px}.branch-form-group input,.branch-form-group textarea{width:100%;box-sizing:border-box;border:1px solid #dddddd;border-radius:9px;padding:11px 12px;outline:none;font-family:inherit;font-size:14px;resize:vertical}.branch-form-group input{height:44px}.branch-form-group input:focus,.branch-form-group textarea:focus{border-color:#7b1fa2;box-shadow:0 0 0 3px #7b1fa214}.branch-form-group small{display:block;margin-top:6px;color:#888;font-size:11px}.branch-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.branch-section-title{margin:25px 0 16px;padding-bottom:8px;border-bottom:1px solid #eeeeee;color:#6a1b9a;font-size:14px;font-weight:700}.branch-switch-row{display:flex!important;align-items:center;gap:10px;cursor:pointer}.branch-switch-row input{display:none}.branch-switch{width:44px;height:24px;border-radius:20px;background:#ccc;position:relative;transition:.2s}.branch-switch:after{content:"";position:absolute;width:18px;height:18px;top:3px;left:3px;border-radius:50%;background:#fff;transition:.2s}.branch-switch-row input:checked+.branch-switch{background:#6a1b9a}.branch-switch-row input:checked+.branch-switch:after{left:23px}.branch-modal-error{margin-bottom:18px;padding:11px 13px;border-radius:8px;background:#fff1f1;color:#c62828;font-size:13px}.branch-modal-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}@media(max-width:900px){.branch-summary{grid-template-columns:1fr}.branch-table{min-width:1100px}}@media(max-width:600px){.branch-page-header,.branch-toolbar{flex-direction:column;align-items:stretch}.branch-search{width:100%}.branch-form-grid{grid-template-columns:1fr}.branch-modal{max-height:95vh}.branch-modal-header,.branch-form{padding:18px}}.bawa-pos .food-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;overflow-y:auto!important;overflow-x:hidden!important;min-height:0!important;align-content:start!important;padding:4px 8px 16px!important}.bawa-pos .food-card{position:relative!important;width:100%!important;min-width:0!important;min-height:250px!important;height:auto!important;display:flex!important;flex-direction:column!important;background:#fff!important;border:1px solid #dedede!important;border-radius:12px!important;overflow:hidden!important;cursor:pointer!important;box-sizing:border-box!important}.bawa-pos .food-image{position:relative!important;width:100%!important;height:145px!important;min-height:145px!important;margin:0!important;padding:0!important;overflow:hidden!important;background:#f3f3f3!important;border-radius:0!important}.bawa-pos .food-image img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important}.bawa-pos .food-image:after{content:none!important}.bawa-pos .food-placeholder{width:100%!important;height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:42px!important}.bawa-pos .food-card-top{position:absolute!important;top:8px!important;left:8px!important;right:8px!important;height:auto!important;min-height:0!important;padding:0!important;display:flex!important;justify-content:space-between!important;align-items:center!important;z-index:10!important;pointer-events:none!important}.bawa-pos .food-card-top span{display:inline-flex!important;align-items:center!important;min-height:24px!important;padding:3px 8px!important;border-radius:6px!important;background:#fffffff2!important;color:#222!important;font-size:12px!important;font-weight:800!important}.bawa-pos .food-card-top i{width:22px!important;height:22px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:50%!important;background:#fff!important;color:#198754!important;font-size:11px!important}.bawa-pos .food-details{display:flex!important;flex-direction:column!important;min-width:0!important;padding:10px 12px 4px!important;background:#fff!important}.bawa-pos .food-details strong{display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;overflow:hidden!important;min-height:40px!important;color:#171717!important;font-size:16px!important;line-height:1.25!important;font-weight:700!important;margin:0!important}.bawa-pos .food-details span{display:block!important;margin-top:4px!important;color:#777!important;font-size:12px!important;line-height:1.2!important;font-weight:600!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.bawa-pos .food-card-bottom{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin-top:auto!important;padding:8px 12px 12px!important;background:#fff!important}.bawa-pos .food-card-bottom b{color:var(--primary, #8b1c1c)!important;font-size:17px!important;line-height:1!important;font-weight:800!important}.bawa-pos .food-card-bottom button{min-width:70px!important;min-height:36px!important;padding:0 12px!important;border:1px solid var(--primary, #8b1c1c)!important;border-radius:7px!important;background:var(--primary, #8b1c1c)!important;color:#fff!important;font-size:13px!important;font-weight:700!important;cursor:pointer!important}.bawa-pos .food-card-bottom button:hover{opacity:.9!important}.bawa-pos .cart-count{position:absolute!important;top:8px!important;right:8px!important;z-index:12!important;min-width:26px!important;height:26px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0 7px!important;border-radius:20px!important;background:var(--primary, #8b1c1c)!important;color:#fff!important;font-size:12px!important;font-weight:800!important}@media(max-width:1100px){.bawa-pos .food-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:640px){.bawa-pos .food-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;padding:4px 7px 12px!important}.bawa-pos .food-card{min-height:220px!important;border-radius:10px!important}.bawa-pos .food-image{height:110px!important;min-height:110px!important}.bawa-pos .food-details{padding:8px 9px 3px!important}.bawa-pos .food-details strong{font-size:13px!important;min-height:33px!important}.bawa-pos .food-details span{font-size:10px!important}.bawa-pos .food-card-bottom{padding:7px 9px 9px!important}.bawa-pos .food-card-bottom b{font-size:14px!important}.bawa-pos .food-card-bottom button{min-width:55px!important;min-height:32px!important;padding:0 8px!important;font-size:11px!important}}.admin-orders-page{padding:24px;min-height:100%;background:#f7f7f8}.orders-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.orders-header h1{margin:0;font-size:28px;font-weight:700;color:#202124}.orders-header p{margin:6px 0 0;color:#737373;font-size:14px}.orders-count{padding:9px 16px;border-radius:10px;background:#fff;border:1px solid #e5e5e5;color:#555;font-size:14px;font-weight:600;white-space:nowrap}.orders-filter-card{background:#fff;border:1px solid #e7e7e7;border-radius:14px;padding:18px;margin-bottom:20px;box-shadow:0 2px 8px #0000000a}.orders-filter-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1fr auto;gap:14px;align-items:end}.filter-field{display:flex;flex-direction:column;gap:7px}.filter-field label{font-size:12px;font-weight:600;color:#555}.filter-field input,.filter-field select{width:100%;height:42px;padding:0 12px;border:1px solid #ddd;border-radius:9px;background:#fff;color:#333;font-size:13px;outline:none;box-sizing:border-box;transition:border-color .2s ease,box-shadow .2s ease}.filter-field input:focus,.filter-field select:focus{border-color:#8b1c1c;box-shadow:0 0 0 3px #8b1c1c14}.orders-filter-actions{display:flex;gap:8px;height:42px}.orders-search-btn,.orders-clear-btn{height:42px;padding:0 16px;border-radius:9px;border:none;cursor:pointer;font-size:13px;font-weight:600;transition:all .2s ease}.orders-search-btn{background:#8b1c1c;color:#fff}.orders-search-btn:hover{opacity:.9}.orders-clear-btn{background:#f1f1f1;color:#555}.orders-clear-btn:hover{background:#e7e7e7}.orders-table-card{background:#fff;border:1px solid #e7e7e7;border-radius:14px;overflow:hidden;box-shadow:0 2px 8px #0000000a}.orders-table-wrapper{width:100%;overflow-x:auto}.orders-table{width:100%;min-width:1050px;border-collapse:collapse}.orders-table thead{background:#fafafa}.orders-table th{padding:14px 16px;text-align:left;border-bottom:1px solid #e8e8e8;color:#666;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap}.orders-table td{padding:15px 16px;border-bottom:1px solid #eeeeee;color:#444;font-size:13px;vertical-align:middle}.orders-table tbody tr{transition:background .15s ease}.orders-table tbody tr:hover{background:#fafafa}.orders-table tbody tr:last-child td{border-bottom:none}.invoice-cell{display:flex;flex-direction:column;gap:4px}.invoice-cell strong{color:#8b1c1c;font-size:13px;font-weight:700}.invoice-cell small{width:fit-content;padding:2px 6px;border-radius:4px;background:#fff4df;color:#a56a00;font-size:9px;font-weight:700}.order-status{display:inline-flex;align-items:center;justify-content:center;padding:5px 9px;border-radius:20px;font-size:10px;font-weight:700;white-space:nowrap}.status-completed{background:#e9f7ef;color:#168447}.status-draft{background:#fff5df;color:#a56a00}.order-view-btn{height:34px;padding:0 13px;border:1px solid #8b1c1c;border-radius:7px;background:#fff;color:#8b1c1c;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.order-view-btn:hover{background:#8b1c1c;color:#fff}.orders-loading{min-height:250px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #e7e7e7;border-radius:14px;color:#777;font-size:14px}.orders-empty{min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;border:1px solid #e7e7e7;border-radius:14px;text-align:center}.orders-empty-icon{width:58px;height:58px;display:flex;align-items:center;justify-content:center;margin-bottom:12px;border-radius:50%;background:#f5eeee;font-size:25px}.orders-empty h3{margin:0;color:#333;font-size:16px}.orders-empty p{margin:6px 0 0;color:#888;font-size:13px}.orders-error{margin-bottom:18px;padding:12px 15px;border:1px solid #f0caca;border-radius:9px;background:#fff1f1;color:#c62828;font-size:13px}@media(max-width:1100px){.orders-filter-grid{grid-template-columns:repeat(3,1fr)}.orders-filter-actions{align-self:end}}@media(max-width:700px){.admin-orders-page{padding:14px}.orders-header{align-items:flex-start;flex-direction:column;gap:10px}.orders-header h1{font-size:23px}.orders-filter-card{padding:14px}.orders-filter-grid{grid-template-columns:1fr}.orders-filter-actions{width:100%}.orders-search-btn,.orders-clear-btn{flex:1}.orders-table-card{border-radius:10px}.orders-table{min-width:1000px}}.admin-order-details-page{width:100%;min-height:100%;padding:24px;box-sizing:border-box;background:#f7f7f8}.order-details-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px}.order-details-header>div:first-child{min-width:0}.order-details-header h1{margin:12px 0 5px;color:#222;font-size:28px;line-height:1.2;font-weight:700}.order-details-header p{margin:0;color:#777;font-size:13px}.order-back-btn{display:inline-flex;align-items:center;gap:5px;padding:0;border:0;background:transparent;color:#8b1c1c;font-size:13px;font-weight:600;cursor:pointer}.order-back-btn:hover{text-decoration:underline}.order-details-status{padding-top:5px}.order-status{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:5px 11px;border-radius:20px;font-size:10px;font-weight:700;letter-spacing:.3px;white-space:nowrap}.status-completed{background:#e8f7ef;color:#168447}.status-draft{background:#fff4df;color:#a56a00}.status-cancelled{background:#fdecec;color:#c62828}.order-info-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:14px}.order-info-card{min-width:0;padding:18px;box-sizing:border-box;background:#fff;border:1px solid #e6e6e6;border-radius:12px;box-shadow:0 2px 7px #00000009}.order-info-card span{display:block;margin-bottom:8px;color:#8a8a8a;font-size:10px;line-height:1.2;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.order-info-card strong{display:block;overflow:hidden;color:#303030;font-size:15px;line-height:1.4;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.order-meta-card{display:flex;align-items:center;flex-wrap:wrap;gap:45px;margin-bottom:20px;padding:16px 18px;box-sizing:border-box;background:#fff;border:1px solid #e6e6e6;border-radius:12px;box-shadow:0 2px 7px #00000009}.order-meta-item{min-width:160px}.order-meta-item span{display:block;margin-bottom:5px;color:#8a8a8a;font-size:10px;font-weight:700;letter-spacing:.4px;text-transform:uppercase}.order-meta-item strong{color:#444;font-size:13px;font-weight:600}.order-details-card{margin-bottom:18px;overflow:hidden;background:#fff;border:1px solid #e6e6e6;border-radius:14px;box-shadow:0 2px 7px #00000009}.order-card-header{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 20px;border-bottom:1px solid #eeeeee}.order-card-header>div{display:flex;align-items:center;gap:10px}.order-card-header h2{margin:0;color:#303030;font-size:16px;line-height:1.3;font-weight:700}.order-card-header span{padding:4px 8px;border-radius:6px;background:#f5f5f5;color:#777;font-size:10px;font-weight:600}.order-items-wrapper{width:100%;overflow-x:auto}.order-items-table{width:100%;min-width:700px;border-collapse:collapse}.order-items-table th{padding:12px 18px;background:#fafafa;border-bottom:1px solid #e8e8e8;color:#777;font-size:10px;font-weight:700;letter-spacing:.35px;text-align:left;text-transform:uppercase;white-space:nowrap}.order-items-table td{padding:14px 18px;border-bottom:1px solid #eeeeee;color:#555;font-size:13px;vertical-align:middle}.order-items-table tbody tr:last-child td{border-bottom:0}.order-items-table tbody tr:hover{background:#fcfcfc}.order-items-table th:first-child,.order-items-table td:first-child{width:45px;color:#999;text-align:center}.order-food-name{color:#333;font-weight:600}.order-items-table td strong{color:#333;font-weight:650}.order-bottom-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}.order-bottom-grid .order-details-card{margin-bottom:0}.payment-detail-list{padding:5px 20px 12px}.payment-detail-list>div{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid #eeeeee}.payment-detail-list>div:last-child{border-bottom:0}.payment-detail-list span{color:#777;font-size:13px}.payment-detail-list strong{color:#333;font-size:13px;font-weight:650}.bill-summary-list{padding:5px 20px 12px}.bill-summary-list>div{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:11px 0;border-bottom:1px solid #eeeeee}.bill-summary-list>div:last-child{border-bottom:0}.bill-summary-list span{color:#777;font-size:13px}.bill-summary-list strong{color:#333;font-size:13px;font-weight:650}.bill-total-row{margin-top:6px;padding-top:15px!important;border-top:2px solid #eeeeee}.bill-total-row span{color:#292929;font-size:15px;font-weight:700}.bill-total-row strong{color:#8b1c1c;font-size:20px;font-weight:750}.order-cancellation-card{margin-top:18px;padding:17px 18px;background:#fff5f5;border:1px solid #f1caca;border-radius:12px}.order-cancellation-card h3{margin:0 0 7px;color:#c62828;font-size:14px;font-weight:700}.order-cancellation-card p{margin:0;color:#666;font-size:13px;line-height:1.5}.order-details-loading{width:100%;min-height:320px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;background:#fff;border:1px solid #e6e6e6;border-radius:14px;color:#777;font-size:14px}.order-details-error{margin-top:20px;padding:14px 16px;background:#fff1f1;border:1px solid #f0caca;border-radius:10px;color:#c62828;font-size:13px}@media(max-width:1100px){.admin-order-details-page{padding:20px}.order-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.order-bottom-grid{grid-template-columns:1fr}.order-bottom-grid .order-details-card{margin-bottom:18px}.order-bottom-grid .order-details-card:last-child{margin-bottom:0}}@media(max-width:650px){.admin-order-details-page{padding:14px}.order-details-header{flex-direction:column;margin-bottom:18px}.order-details-header h1{margin-top:10px;font-size:23px}.order-details-header p{font-size:12px}.order-details-status{padding-top:0}.order-info-grid{grid-template-columns:1fr;gap:10px}.order-info-card{padding:15px}.order-meta-card{align-items:flex-start;flex-direction:column;gap:14px;padding:15px}.order-meta-item{min-width:0;width:100%}.order-details-card{margin-bottom:14px;border-radius:11px}.order-card-header{padding:15px}.order-items-table{min-width:680px}.payment-detail-list,.bill-summary-list{padding-left:15px;padding-right:15px}.order-cancellation-card{margin-top:14px}}.food-rate-page{width:100%;box-sizing:border-box}.food-rate-page .page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.food-rate-page .page-header h1{margin:0;font-size:26px;font-weight:700;color:#1f2937}.food-rate-page .page-header p{margin:6px 0 0;font-size:14px;color:#6b7280}.food-rate-page .card{width:100%;box-sizing:border-box;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;margin-bottom:20px;box-shadow:0 2px 8px #0000000a}.food-rate-page .form-group{display:flex;flex-direction:column;gap:8px}.food-rate-page .form-group label{display:block;margin:0;font-size:13px;font-weight:600;color:#374151}.food-rate-page .form-group select,.food-rate-page .form-group input{width:100%;max-width:420px;height:44px;box-sizing:border-box;padding:0 13px;border:1px solid #d1d5db;border-radius:8px;background:#fff;color:#111827;font-size:14px;font-family:inherit;outline:none;transition:all .2s ease}.food-rate-page .form-group select:hover,.food-rate-page .form-group input:hover{border-color:#9ca3af}.food-rate-page .form-group select:focus,.food-rate-page .form-group input:focus{border-color:#8b1c1c;box-shadow:0 0 0 3px #8b1c1c1a}.food-rate-page .card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.food-rate-page .card-header h2{margin:0;font-size:19px;font-weight:700;color:#1f2937}.food-rate-page .card-header p{margin:5px 0 0;font-size:13px;color:#6b7280}.food-rate-page .table-wrapper{width:100%;overflow-x:auto;border:1px solid #e5e7eb;border-radius:10px}.food-rate-page .data-table{width:100%;min-width:900px;border-collapse:collapse;background:#fff}.food-rate-page .data-table thead{background:#f8fafc}.food-rate-page .data-table thead th{padding:13px 15px;border-bottom:1px solid #e5e7eb;color:#4b5563;font-size:12px;font-weight:700;text-align:left;white-space:nowrap}.food-rate-page .data-table tbody td{padding:15px;border-bottom:1px solid #f0f0f0;color:#374151;font-size:14px;vertical-align:middle}.food-rate-page .data-table tbody tr{transition:background .15s ease}.food-rate-page .data-table tbody tr:hover{background:#fafafa}.food-rate-page .data-table tbody tr:last-child td{border-bottom:none}.food-rate-page .data-table td strong{color:#111827;font-weight:600}.food-rate-page .muted-text{color:#9ca3af}.food-rate-page .status-badge{display:inline-flex;align-items:center;justify-content:center;min-width:70px;padding:5px 10px;border-radius:20px;font-size:11px;font-weight:700;white-space:nowrap}.food-rate-page .status-badge.active{background:#ecfdf3;color:#15803d}.food-rate-page .status-badge.inactive{background:#f3f4f6;color:#6b7280}.food-rate-page .action-buttons{display:flex;align-items:center;gap:8px;white-space:nowrap}.food-rate-page .btn{border:none;border-radius:7px;padding:9px 13px;font-size:12px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .2s ease}.food-rate-page .btn-sm{padding:8px 12px}.food-rate-page .btn-primary{background:#8b1c1c;color:#fff}.food-rate-page .btn-primary:hover{background:#741717;transform:translateY(-1px)}.food-rate-page .btn-danger{background:#fee2e2;color:#b91c1c}.food-rate-page .btn-danger:hover{background:#fecaca}.food-rate-page .btn-secondary{background:#f3f4f6;color:#374151}.food-rate-page .btn-secondary:hover{background:#e5e7eb}.food-rate-page .loading-state,.food-rate-page .empty-state{min-height:180px;display:flex;align-items:center;justify-content:center;color:#6b7280;font-size:14px}.food-rate-page .modal-overlay{position:fixed;inset:0;width:100%;height:100%;background:#0000007a;display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box;z-index:9999}.food-rate-page .modal{width:100%;max-width:500px;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 20px 60px #0003;animation:foodRateModalIn .2s ease-out}@keyframes foodRateModalIn{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.food-rate-page .modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:20px;border-bottom:1px solid #eeeeee}.food-rate-page .modal-header h2{margin:0;font-size:19px;font-weight:700;color:#111827}.food-rate-page .modal-header p{margin:5px 0 0;color:#6b7280;font-size:13px}.food-rate-page .modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:#f3f4f6;color:#374151;font-size:22px;line-height:1;cursor:pointer;transition:.2s ease}.food-rate-page .modal-close:hover{background:#e5e7eb}.food-rate-page .modal-body{padding:20px}.food-rate-page .rate-info{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.food-rate-page .rate-info>div{padding:13px;background:#f8f9fa;border:1px solid #eeeeee;border-radius:8px}.food-rate-page .rate-info span{display:block;margin-bottom:5px;color:#6b7280;font-size:12px}.food-rate-page .rate-info strong{color:#111827;font-size:15px}.food-rate-page .modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}@media(max-width:768px){.food-rate-page .page-header{margin-bottom:18px}.food-rate-page .page-header h1{font-size:22px}.food-rate-page .card{padding:15px}.food-rate-page .rate-info{grid-template-columns:1fr}.food-rate-page .action-buttons{flex-direction:column;align-items:stretch}.food-rate-page .action-buttons .btn{width:100%}.food-rate-page .modal{max-width:100%}.food-rate-page .modal-actions{flex-direction:column-reverse}.food-rate-page .modal-actions .btn{width:100%}}
