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