:root{--bg-page:#f3f4f6;--bg-shell:#ffffff;--bg-panel:#ffffff;--bg-subheader:#fafafa;--border-soft:#e5e7eb;--border-strong:#d1d5db;--accent:#e53935;--accent-strong:#c62828;--accent-soft:#fee2e2;--accent-success:#16a34a;--accent-warning:#f59e0b;--accent-danger:#dc2626;--text-main:#111827;--text-muted:#6b7280;--text-soft:#9ca3af;--shadow-soft:0 10px 30px rgba(15,23,42,0.06);--radius-lg:8px;--radius-md:6px;--radius-sm:4px;--radius-pill:999px}*,:after,:before{box-sizing:border-box}body,html{padding:0;margin:0;height:100%;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text-main);background:var(--bg-page)}body{display:block}#__next,.app-root{width:100%}.app-root{max-width:none;margin:0;padding:0}.app-shell{background:var(--bg-shell);border-radius:0;border:none;box-shadow:none;padding:12px 16px 16px;display:flex;flex-direction:column;gap:8px;min-height:100vh}.app-header{justify-content:space-between}.app-brand,.app-header{display:flex;align-items:center;gap:12px}.app-logo{height:40px;width:40px;border-radius:10px;background:#ffffff;border:2px solid var(--accent);display:flex;align-items:center;justify-content:center}.app-logo-inner{font-weight:800;font-size:18px;color:var(--accent)}.app-title-group{display:flex;flex-direction:column;gap:2px}.app-title{font-weight:650;font-size:20px;display:flex;align-items:center;gap:8px}.app-title-pill{font-size:11px;text-transform:uppercase;letter-spacing:.12em;padding:3px 8px;border-radius:var(--radius-pill);border:1px solid var(--border-soft);background:#f3f4f6;color:var(--text-muted)}.app-subtitle{font-size:12px;color:var(--text-soft)}.app-header-right{display:flex;align-items:center;gap:10px}.app-header-main{display:flex;align-items:center;gap:12px;width:100%}.app-mobile-menu-toggle{margin-left:auto;border-radius:var(--radius-pill);border:1px solid var(--border-soft);background:#f9fafb;color:var(--text-main);font-size:12px;padding:6px 10px;cursor:pointer;display:none;align-items:center;gap:6px}.app-mobile-menu-toggle .icon{font-size:16px}.app-mobile-drawer-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.45);z-index:45}.app-mobile-drawer{position:fixed;top:0;bottom:0;left:0;width:min(280px,80%);background:#ffffff;box-shadow:8px 0 24px rgba(15,23,42,.25);padding:12px;display:flex;flex-direction:column;gap:12px;animation:mobile-drawer-in .2s ease-out;z-index:46}@keyframes mobile-drawer-in{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.app-mobile-drawer-section{border-radius:6px;border:1px solid var(--border-soft);background:#f9fafb;padding:8px;display:flex;flex-direction:column;gap:6px}.app-mobile-drawer-title{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--text-soft)}.app-mobile-drawer button{border-radius:var(--radius-pill);border:1px solid transparent;background:#ffffff;color:var(--text-main);font-size:12px;padding:6px 10px;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.app-mobile-drawer button.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-strong)}.app-mobile-drawer-stat{font-size:11px;color:var(--text-soft)}.header-stats{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border-radius:var(--radius-pill);border:1px solid var(--border-soft);background:#f9fafb}.header-dot{width:7px;height:7px;border-radius:999px;background:var(--accent-success)}.header-stat-label{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--text-soft)}.header-stat-value{font-size:13px;font-weight:600}.view-switch{display:inline-flex;padding:2px;border-radius:var(--radius-pill);border:1px solid var(--border-soft);background:#f3f4f6;gap:4px}.view-switch button{border:none;outline:none;font-size:12px;padding:5px 10px;border-radius:var(--radius-pill);background:transparent;color:var(--text-muted);cursor:pointer;display:inline-flex;align-items:center;gap:4px}.view-switch button span.icon{font-size:13px}.view-switch button.active{background:var(--accent);color:#ffffff}.sub-header{justify-content:space-between;gap:10px;padding:8px 10px;border-radius:6px;background:var(--bg-subheader);border:1px solid var(--border-soft);margin-top:4px}.sub-header,.sub-header-left{display:flex;align-items:center}.sub-header-left{gap:8px;flex-wrap:wrap}.sub-header-right{display:flex;align-items:center}.chip-group{display:inline-flex;align-items:center;gap:6px}.chip-label{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--text-soft)}.chip{font-size:11px;padding:4px 9px;border-radius:var(--radius-pill);border:1px solid var(--border-soft);background:#ffffff;color:var(--text-muted)}.chip.highlight{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-strong)}.chip-sub{font-size:11px;color:var(--text-soft)}.chip-toggle{font-size:11px;padding:4px 10px;border-radius:var(--radius-pill);border:1px solid transparent;background:transparent;color:var(--text-muted);cursor:pointer}.chip-toggle.active{background:var(--accent);color:#ffffff;border-color:var(--accent-strong)}.badge{font-size:11px;text-transform:uppercase;letter-spacing:.12em;padding:4px 10px;border-radius:var(--radius-pill);border:1px solid var(--border-soft);background:#f9fafb;color:var(--text-soft)}.table-view-layout{margin-top:10px}.billing-layout{grid-template-columns:minmax(0,1fr)}.billing-layout,.main-layout{display:grid;gap:12px;margin-top:10px;flex:1 1}.main-layout{grid-template-columns:minmax(260px,320px) minmax(0,1.4fr)}.dashboard-layout{display:grid;grid-template-columns:minmax(260px,360px) minmax(0,1.5fr);gap:12px;margin-top:10px;flex:1 1}.panel{background:var(--bg-panel);border-radius:var(--radius-md);border:1px solid var(--border-soft);padding:10px 12px 12px;display:flex;flex-direction:column;gap:8px;min-height:0}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.panel-title{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted)}.panel-subtitle,.panel-tag{font-size:11px;color:var(--text-soft)}.panel-tag{padding:3px 8px;border-radius:var(--radius-pill);border:1px solid var(--border-soft);background:#f9fafb}.panel-header-right{display:inline-flex;align-items:center;gap:6px}.panel-close-button{padding:4px 8px}.area-tabs{display:flex;gap:6px;margin-top:8px;margin-bottom:6px}.area-tab{flex:1 1;border-radius:var(--radius-pill);border:1px solid var(--border-soft);padding:6px 8px;font-size:11px;background:#f9fafb;cursor:pointer;display:flex;flex-direction:column;gap:2px}.area-tab span.name{font-weight:600}.area-tab span.meta{font-size:10px;color:var(--text-soft)}.area-tab.active{border-color:var(--accent);background:#ffe4e6;color:var(--accent-strong)}.area-sections{display:flex;flex-direction:column;gap:14px;margin-top:4px}.area-section-header{display:flex;justify-content:space-between;align-items:flex-end;gap:8px;margin-bottom:4px}.area-section-title{display:flex;flex-direction:column;gap:2px}.area-section-name{font-size:12px;font-weight:600}.area-section-meta{font-size:11px;color:var(--text-soft)}.area-action-button{font-size:10px;padding:3px 8px}.legend{display:flex;flex-wrap:wrap;gap:10px;font-size:10px;color:var(--text-soft);margin-bottom:4px}.legend-item{display:inline-flex;align-items:center;gap:4px}.legend-dot{width:10px;height:10px;border-radius:999px}.legend-dot.empty{background:#d4d4d8}.legend-dot.running{background:#facc15}.legend-dot.billed{background:#22c55e}.table-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.table-card{border-radius:6px;padding:10px 8px;border:1px dashed #d4d4d8;cursor:pointer;display:flex;flex-direction:column;gap:6px;text-align:left;min-height:120px;position:relative}.table-card,.table-card.empty{background:#f9fafb}.table-card.running{background:#fef9c3;border-style:solid;border-color:#facc15}.table-card.billed{background:#e5f9e7;border-style:solid;border-color:#22c55e}.table-card-header{display:flex;align-items:center;justify-content:space-between}.table-card-header-right{display:inline-flex;align-items:center;gap:4px;flex-shrink:0}.table-menu-button{font-size:13px;color:#9ca3af;cursor:pointer;padding:2px 4px;border-radius:999px}.table-menu-button:hover{background:#e5e7eb;color:#111827}.table-menu-popup{position:absolute;top:6px;right:6px;min-width:120px;background:#ffffff;border-radius:6px;border:1px solid var(--border-soft);box-shadow:0 8px 16px rgba(15,23,42,.12);padding:4px 0;z-index:30}.table-menu-popup button{width:100%;text-align:left;border:none;background:transparent;padding:6px 10px;font-size:11px;color:var(--text-main);cursor:pointer}.table-menu-popup button:hover{background:#f3f4f6}.table-qr{font-size:11px;color:var(--accent);cursor:pointer;padding:2px 4px;border-radius:999px}.table-qr:hover{background:#e0f2fe}.table-remove{font-size:11px;color:var(--accent-danger);cursor:pointer;padding:2px 4px;border-radius:999px}.table-remove:hover{background:#fee2e2}.table-name{font-size:13px;font-weight:600}.table-capacity{font-size:10px;color:var(--text-soft)}.table-status-pill{border-radius:var(--radius-pill);border:1px solid var(--border-soft);color:var(--text-soft);background:#ffffff}.table-online-pill,.table-status-pill{font-size:9px;padding:2px 6px;text-transform:uppercase;letter-spacing:.12em}.table-online-pill{border-radius:var(--radius-pill);background:#fee2e2;color:#b91c1c}.table-card.has-online-order{border-style:solid;border-color:#f97316}.table-card-body{display:flex;flex-direction:column;gap:2px}.table-kitchen-row{display:flex;justify-content:flex-end;align-items:center;gap:4px;margin-top:4px}.table-kitchen-pill{font-size:9px;padding:2px 6px;border-radius:var(--radius-pill);border:1px dashed var(--border-soft);background:#f9fafb;color:var(--text-soft)}.table-kitchen-pill.active{border-color:#facc15;background:#fefce8;color:#854d0e}.table-kitchen-pill.billed,.table-kitchen-pill.done{border-color:#22c55e;background:#dcfce7;color:#166534}.table-qr-small{font-size:9px;padding:2px 6px;justify-content:center}.table-qr-button{font-size:10px;padding:3px 8px;justify-content:center}.table-meta-row{display:flex;justify-content:space-between;font-size:10px;color:var(--text-soft)}.table-online-actions{display:flex;flex-direction:column;align-items:stretch;gap:3px;margin-top:4px;font-size:10px}.table-online-accept{font-size:10px;padding:3px 8px;width:100%;justify-content:center}.table-online-count{color:var(--text-soft)}.qr-brand-card{border-radius:12px;padding:10px 10px 9px;background:#ffffff;border:1px solid var(--border-soft);display:flex;flex-direction:column;gap:8px}.qr-brand-header{display:flex;align-items:center;gap:8px}.qr-brand-logo{width:32px;height:32px;border-radius:999px;background:#111827;border:1px solid #111827;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;color:#f9fafb}.qr-brand-title-group{display:flex;flex-direction:column;gap:2px}.qr-brand-title{font-size:14px;font-weight:600;color:#111827}.qr-brand-subtitle{font-size:11px;color:var(--text-soft)}.qr-brand-body{margin-top:4px;display:flex;justify-content:center}.qr-branded-wrapper{position:relative;display:inline-flex;align-items:center;justify-content:center;width:220px;height:220px;overflow:hidden;border-radius:8px;background:#111827;background-size:cover;background-position:50%}.qr-brand-image{width:100%;height:100%;display:block;mix-blend-mode:multiply}.qr-overlay-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:54px;height:54px;border-radius:999px;background:#ffffff;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 4px 10px rgba(15,23,42,.16)}.qr-overlay-logo img{width:100%;height:100%;object-fit:cover}.qr-overlay-logo span{font-size:20px;font-weight:700;color:#111827}.qr-brand-footer{display:flex;flex-direction:column;gap:2px}.qr-brand-url{font-size:10px;color:var(--text-soft);word-break:break-all}.menu-layout{display:grid;grid-template-columns:minmax(260px,6fr) minmax(0,4fr);column-gap:18px;row-gap:8px;margin-top:4px;flex:1 1;min-height:0}.menu-toolbox{display:flex;flex-direction:column;gap:8px;min-height:0}.menu-main-layout{display:grid;grid-template-columns:150px minmax(0,1fr);gap:10px;margin-top:8px;min-height:0}.menu-category-column{display:flex;flex-direction:column;gap:4px}.menu-items-column{display:flex;flex-direction:column;gap:10px;min-height:0;max-height:60vh;overflow-y:auto;padding-right:4px}.menu-category-column .category-pill{width:100%;justify-content:flex-start}.menu-items-empty{font-size:12px;color:var(--text-soft);padding:6px 4px}.menu-search-group{display:flex;flex-direction:column;gap:6px}.input-row{display:flex;align-items:center;gap:6px}.input-label{font-size:11px;color:var(--text-soft);min-width:80px}.select-input,.text-input{flex:1 1;border-radius:var(--radius-pill);border:1px solid var(--border-soft);background:#ffffff;color:var(--text-main);padding:6px 10px;font-size:12px;outline:none}.text-input::placeholder{color:var(--text-soft)}.select-input:focus,.text-input:focus{border-color:var(--accent)}.select-input{padding-right:26px}.menu-category-row{display:flex;flex-wrap:wrap;gap:6px}.category-pill{font-size:11px;padding:4px 9px;border-radius:var(--radius-pill);border:1px solid var(--border-soft);background:#f9fafb;color:var(--text-muted);cursor:pointer;display:inline-flex;align-items:center;gap:4px}.category-pill span.dot{width:6px;height:6px;border-radius:999px;background:var(--accent)}.category-pill.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-strong)}.category-pill.dragging{opacity:.6}.category-name{flex:1 1;text-align:left}.category-remove{font-size:11px;color:var(--text-soft);padding-left:4px}.category-remove:hover{color:#ef4444}.category-add-button{margin-top:6px;width:100%;border-radius:var(--radius-pill);border:1px dashed var(--border-soft);background:transparent;font-size:11px;padding:4px 9px;cursor:pointer;color:var(--accent)}.category-add-button:hover{background:#f9fafb}.menu-favourites{margin-top:4px}.menu-favourites-title{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--text-soft);margin-bottom:4px}.menu-favourites-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.menu-favourites-header .menu-favourites-title{margin-bottom:0}.menu-favourites-add-button{border:none;background:transparent;font-size:11px;color:var(--accent);cursor:pointer;padding:2px 4px}.menu-favourites-add-button:hover{text-decoration:underline}.menu-favourites-sync-row{display:flex;justify-content:flex-end;margin-bottom:4px}.menu-favourites-sync-button{border:none;background:transparent;font-size:10px;color:var(--text-soft);cursor:pointer;padding:0;text-decoration:underline}.menu-favourites-sync-button:disabled{opacity:.6;cursor:default}.menu-items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}.menu-item-card{border-radius:6px;padding:8px;background:#ffffff;border:1px solid var(--border-soft);cursor:pointer;display:flex;flex-direction:column;gap:4px;font-size:11px;position:relative;min-height:72px}.menu-item-card-image{width:100%;aspect-ratio:4/3;border-radius:6px;overflow:hidden;background:#e5e7eb;margin-bottom:4px}.menu-item-card-image img{width:100%;height:100%;object-fit:cover;display:block}.menu-item-row{display:flex;align-items:center;gap:4px}.menu-item-name{font-weight:500;flex:1 1 auto}.menu-item-right{display:inline-flex;align-items:center;gap:4px;flex-wrap:nowrap;flex:0 0 35%;justify-content:flex-end}.menu-item-price{font-weight:600;color:var(--accent-strong)}.menu-item-star{font-size:11px;color:#d1d5db;cursor:pointer}.menu-item-star.active{color:#f59e0b}.menu-item-more{font-size:12px;color:#9ca3af;cursor:pointer;padding-left:2px}.menu-item-more:hover{color:var(--text-main)}.menu-item-addons-indicator{font-size:10px;color:var(--accent-strong);background:var(--accent-soft);border-radius:999px;padding:1px 4px;cursor:pointer}.menu-item-popup{position:absolute;top:4px;right:4px;min-width:120px;background:#ffffff;border-radius:6px;border:1px solid var(--border-soft);box-shadow:0 8px 16px rgba(15,23,42,.12);padding:4px 0;z-index:20}.menu-item-popup button{width:100%;text-align:left;border:none;background:transparent;padding:6px 10px;font-size:11px;color:var(--text-main);cursor:pointer}.menu-item-popup button:hover{background:#f3f4f6}.menu-item-meta{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--text-soft)}.menu-item-meta .veg-label{color:#16a34a;font-weight:500}.addons-list{display:flex;flex-direction:column;gap:6px;margin-bottom:6px}.addons-row{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px}.variant-chip-row{display:flex;flex-wrap:wrap;gap:6px}.addon-chip,.variant-chip{min-width:90px;border-radius:var(--radius-pill);border:1px solid var(--border-soft);background:#f9fafb;padding:6px 10px;font-size:11px;display:flex;flex-direction:column;align-items:flex-start;cursor:pointer}.addon-chip.active,.variant-chip.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-strong)}.variant-chip-name{font-weight:500}.variant-chip-price{font-size:10px;color:var(--text-soft)}.customize-total-row{display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:500;margin-bottom:8px}.veg-dot{width:10px;height:10px;border-radius:2px;border:1px solid #9ca3af;position:relative}.veg-dot:after{content:"";position:absolute;inset:1px;border-radius:1px}.veg-dot.veg:after{background:#22c55e}.veg-dot.egg:after{background:#eab308}.veg-dot.nonveg:after{background:#ef4444}.order-panel{display:flex;flex-direction:column;gap:10px;margin-top:14px;min-height:360px}.order-summary-header{justify-content:space-between}.order-main-meta,.order-summary-header{display:flex;align-items:center;gap:8px}.order-main-meta{flex-wrap:wrap}.meta-pill{font-size:11px;padding:4px 9px;border-radius:var(--radius-pill);border:1px solid var(--border-soft);background:#f9fafb;color:var(--text-soft);display:inline-flex;align-items:center;gap:6px}.guest-input,.meta-pill strong{color:var(--text-main)}.guest-input{width:56px;border-radius:var(--radius-pill);border:1px solid var(--border-soft);background:#ffffff;text-align:center;font-size:12px;padding:3px 4px}.order-status-indicator{font-size:11px;padding:3px 8px;border-radius:var(--radius-pill);border:1px solid var(--accent);color:var(--accent-strong);background:var(--accent-soft)}.order-lines{border-radius:6px;border:1px solid var(--border-soft);background:#f9fafb;padding:6px;display:flex;flex-direction:column;gap:4px;min-height:140px;max-height:none;overflow:visible;flex:0 0 auto}.order-body{display:flex;flex-direction:column;gap:8px;align-items:stretch}.order-right{display:contents}.order-right-main-card,.order-secondary{display:flex;flex-direction:column;gap:8px}.order-right-main-card{border-radius:6px;border:1px solid var(--border-soft);background:#ffffff;padding:6px;width:100%}.order-note-block{display:flex;flex-direction:column}.order-right-main-card .billing-footer{border:none;padding:0;background:transparent}.order-line-row{display:grid;grid-template-columns:minmax(0,2.4fr) 1.1fr;gap:4px;border-radius:6px;padding:5px 6px;background:#ffffff;border:1px solid transparent}.order-line-main{display:flex;flex-direction:column;gap:2px}.order-line-title-row{display:flex;justify-content:space-between;align-items:center}.order-line-name{font-size:12px}.order-line-tags{display:flex;align-items:center;gap:4px;font-size:10px;color:var(--text-soft)}.order-line-qty{display:inline-flex;align-items:center;gap:4px}.qty-button{border-radius:var(--radius-pill);border:1px solid var(--border-soft);background:#f3f4f6;color:var(--text-main);font-size:11px;padding:2px 7px;cursor:pointer}.order-line-instructions{font-size:10px;color:var(--text-soft)}.order-line-price-block{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;gap:2px}.order-line-amount{font-size:12px;font-weight:600}.order-line-base{font-size:10px;color:var(--text-soft)}.order-line-remove{border:none;background:none;color:var(--accent-warning);font-size:10px;cursor:pointer}.kot-actions{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:4px}.button,.kot-buttons{display:inline-flex;gap:6px}.button{border-radius:var(--radius-pill);border:1px solid var(--border-soft);background:#f9fafb;color:var(--text-main);font-size:11px;padding:5px 10px;cursor:pointer;align-items:center}.button.primary{background:var(--accent);border-color:var(--accent-strong);color:#ffffff}.button.success{background:var(--accent-success);border-color:#15803d;color:#ffffff}.button.warning{background:var(--accent-warning);border-color:#d97706;color:#111827}.button.ghost{background:#ffffff}.button.danger{background:var(--accent-danger);border-color:#b91c1c;color:#ffffff}.button.disabled{opacity:.45;cursor:default}.button span.icon{font-size:13px}.billing-footer{border-radius:6px;border:1px solid var(--border-soft);background:#ffffff;padding:6px 8px;gap:4px;font-size:11px}.billing-footer,.billing-summary{display:flex;flex-direction:column}.billing-summary{gap:2px}.billing-row{display:flex;justify-content:space-between;align-items:center}.billing-row .label{color:var(--text-soft)}.billing-row.total{margin-top:2px;padding-top:4px;border-top:1px dashed #e5e7eb}.billing-row.total span.amount{font-size:15px;font-weight:700}.billing-summary-note{font-size:10px;color:var(--text-soft)}.billing-actions{display:flex;flex-direction:column;gap:4px}.billing-actions-row{display:flex;gap:6px;align-items:center}.mobile-cart-summary{position:fixed;left:0;right:0;bottom:0;border-radius:0;border:none;background:#111827;color:#f9fafb;display:none;align-items:center;justify-content:space-between;padding:8px 12px;font-size:12px;box-shadow:0 14px 30px rgba(15,23,42,.45);cursor:pointer;z-index:35}.mobile-cart-summary-main{display:flex;flex-direction:column;gap:2px;align-items:flex-start}.mobile-cart-summary-count{font-size:10px;text-transform:uppercase;letter-spacing:.12em;opacity:.85}.mobile-cart-summary-total{font-size:14px;font-weight:600}.mobile-cart-summary-cta{font-size:12px;font-weight:500;padding:5px 10px;border-radius:var(--radius-pill);background:#f97316;color:#111827}.billing-overlay{position:fixed;inset:0;display:flex;justify-content:center;align-items:center;background:rgba(15,23,42,.45);z-index:40}.billing-overlay-backdrop{position:absolute;inset:0}.billing-overlay-content{position:relative;width:min(460px,100% - 24px);max-height:calc(100vh - 40px);overflow-y:auto}@media (max-width:768px){.billing-overlay{align-items:flex-end}.billing-overlay-content{width:100%;max-height:80vh;border-radius:12px 12px 0 0;margin:0;animation:billing-sheet-in .2s ease-out}}@keyframes billing-sheet-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}.right-panel-sections{display:flex;flex-direction:column;gap:8px}.section-card{border-radius:6px;border:1px solid var(--border-soft);background:#f9fafb;padding:7px 7px 6px;display:flex;flex-direction:column;gap:6px}.section-header{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--text-soft)}.section-header-title{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted)}.section-body{display:flex;flex-direction:column;gap:6px}.inline-input-row{display:flex;align-items:center;gap:5px}.inline-input-row .text-input{flex:1 1}.note-textarea{min-height:56px;border-radius:4px;border:1px solid var(--border-soft);background:#ffffff;color:var(--text-main);font-size:12px;padding:6px 8px;resize:vertical}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}.stat-card{border-radius:6px;padding:7px 8px;border:1px solid var(--border-soft);background:#f9fafb;display:flex;flex-direction:column;gap:2px}.stat-label{font-size:11px;color:var(--text-soft)}.stat-value{font-size:16px;font-weight:700}.stat-sub{font-size:10px;color:var(--text-soft)}.settings-rail{border-radius:6px;border:1px solid var(--border-soft);background:#f9fafb;padding:8px;display:flex;flex-direction:column;gap:4px;font-size:12px;height:fit-content}.settings-rail-title{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--text-soft);margin-bottom:4px}.settings-rail-item{border-radius:var(--radius-pill);border:1px solid transparent;background:transparent;padding:6px 10px;font-size:12px;text-align:left;color:var(--text-main);cursor:default}.settings-rail-item.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-strong)}.settings-rail-item:disabled{color:var(--text-soft)}.order-history-list{border-radius:6px;border:1px solid var(--border-soft);background:#f9fafb;padding:6px;max-height:320px;overflow:auto;font-size:11px}.order-history-row{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1.1fr);gap:4px;padding:5px 5px 4px;border-radius:4px}.order-history-row:nth-child(2n){background:#ffffff}.auth-shell{display:flex;justify-content:center;align-items:center;flex:1 1;margin-top:32px}.auth-card{max-width:420px;width:100%;border-radius:8px;border:1px solid var(--border-soft);background:#ffffff;padding:16px 18px 14px;box-shadow:var(--shadow-soft)}.auth-header{margin-bottom:8px}.auth-title{font-size:18px;font-weight:650;margin-bottom:4px}.auth-subtitle{font-size:12px;color:var(--text-soft)}.auth-form{gap:8px}.auth-field,.auth-form{display:flex;flex-direction:column}.auth-field{gap:3px;font-size:12px}.auth-field label{color:var(--text-soft)}.auth-error{font-size:11px;color:var(--accent-danger);background:#fee2e2;border-radius:4px;padding:6px 8px;border:1px solid #fecaca}.auth-submit{width:100%;justify-content:center;margin-top:4px}.auth-footer{margin-top:8px;font-size:11px;display:flex;justify-content:flex-end}.auth-link{border:none;background:none;color:var(--accent);cursor:pointer;padding:0;font-size:11px;text-decoration:underline}@media (max-width:768px){.menu-layout{grid-template-columns:minmax(0,1fr)}.menu-layout>.order-panel{display:none}.billing-layout{grid-template-columns:minmax(0,1fr)!important}.billing-layout .guest-order-panel{display:none}.mobile-cart-summary{display:flex}}@media (max-width:1180px){.main-layout{grid-template-columns:minmax(0,1.2fr) minmax(0,1.5fr)}.billing-layout{grid-template-columns:minmax(0,1fr)}.dashboard-layout{grid-template-columns:1fr}}@media (max-width:960px){.app-root{padding:0}.app-shell{border-radius:0;padding:10px 10px 12px;min-height:100vh}.app-header{flex-direction:column;align-items:stretch}.app-header-right{display:none}.app-mobile-menu-toggle{display:inline-flex}.billing-layout,.main-layout{grid-template-columns:1fr}}@media (max-width:640px){.sub-header{flex-direction:column;align-items:flex-start}.table-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.app-shell{padding-left:0;padding-right:0}.mobile-cart-summary{left:0;right:0;bottom:0;border-radius:0}}