:root{--brand:#635bff;--ink:#172033;--muted:#6f7787;--line:#e7e9ef;--surface:#fff;--canvas:#f5f6f9;--success:#10a76f;--warning:#f59e0b;--danger:#e5484d;--shadow:0 18px 55px #232b4317}*{box-sizing:border-box}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}.app-shell{background:var(--canvas);min-height:100vh;color:var(--ink);grid-template-columns:92px minmax(0,1fr);display:grid}.side-nav{z-index:20;background:#171a23;flex-direction:column;align-items:center;gap:24px;height:100vh;padding:22px 12px;display:flex;position:sticky;top:0}.brand-mark,.serveflow-logo{color:#fff;background:linear-gradient(145deg, var(--brand), #8d87ff);width:48px;height:48px;box-shadow:0 12px 28px color-mix(in srgb, var(--brand) 35%, transparent);border-radius:16px;place-items:center;font-size:24px;font-weight:900;display:grid}.side-nav-items{flex-direction:column;flex:1;gap:8px;display:flex}.nav-button{color:#8e96a9;cursor:pointer;background:0 0;border:0;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:68px;min-height:62px;transition:all .16s;display:flex}.nav-button svg{width:21px;height:21px}.nav-button span{font-size:10px;font-weight:750}.nav-button:hover,.nav-button.active{color:#fff;background:#ffffff1a}.nav-button.active{box-shadow:inset 3px 0 0 var(--brand)}.workspace{min-width:0}.topbar{z-index:15;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff0;justify-content:space-between;align-items:center;gap:20px;height:78px;padding:0 28px;display:flex;position:sticky;top:0}.tenant-identity,.topbar-actions,.staff-chip,.connection,.shift-chip{align-items:center;display:flex}.tenant-identity{gap:12px;min-width:0}.tenant-logo{color:#fff;background:var(--brand);border-radius:13px;flex:none;place-items:center;width:42px;height:42px;font-weight:850;display:grid;overflow:hidden}.tenant-logo img{object-fit:cover;width:100%;height:100%}.tenant-identity div:last-child{min-width:0}.tenant-identity strong,.tenant-identity span{display:block}.tenant-identity strong{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.tenant-identity span{color:var(--muted);margin-top:2px;font-size:12px}.topbar-actions{gap:10px}.connection,.shift-chip{border-radius:999px;gap:7px;padding:8px 11px;font-size:12px;font-weight:750}.connection svg,.shift-chip svg{width:15px;height:15px}.connection.online{color:#087a54;background:#e7f8f1}.connection.offline{color:#a52c32;background:#ffebec}.shift-chip{color:var(--muted);background:#f0f1f4}.shift-chip.open{color:#7a5100;background:#fff3d3}.staff-chip{border:1px solid var(--line);background:#fff;border-radius:14px;gap:9px;margin-left:4px;padding:7px 11px}.staff-chip>svg{width:18px;color:var(--brand)}.staff-chip strong,.staff-chip small{line-height:1.2;display:block}.staff-chip strong{font-size:12px}.staff-chip small{color:var(--muted);margin-top:2px;font-size:10px}.icon-button{border:1px solid var(--line);width:39px;height:39px;color:var(--ink);cursor:pointer;background:#fff;border-radius:12px;place-items:center;display:grid}.icon-button svg{width:18px}.offline-banner{color:#8a3034;background:#fff0f0;justify-content:center;align-items:center;gap:8px;padding:9px 16px;font-size:12px;font-weight:700;display:flex}.offline-banner svg{width:16px}.content-area{min-height:calc(100vh - 78px);padding:26px 28px 36px}.page{max-width:1680px;margin:0 auto}.page-heading{align-items:center;gap:14px;margin-bottom:24px;display:flex}.page-icon{width:48px;height:48px;color:var(--brand);background:color-mix(in srgb, var(--brand) 10%, white);border-radius:15px;flex:none;place-items:center;display:grid}.page-icon svg{width:23px}.page-heading h1{letter-spacing:-.035em;margin:0;font-size:clamp(22px,2.1vw,30px)}.page-heading p{color:var(--muted);margin:4px 0 0;font-size:13px}.filter-tabs,.category-strip{scrollbar-width:none;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.filter-tabs{margin-bottom:20px}.filter-tabs button,.category-strip button{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:#fff;border-radius:999px;flex:none;padding:9px 15px;font-size:12px;font-weight:750}.filter-tabs button.active,.category-strip button.active{border-color:var(--brand);color:#fff;background:var(--brand)}.table-board{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px;display:grid}.table-tile{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;border-radius:22px;flex-direction:column;align-items:flex-start;min-height:155px;padding:17px;transition:all .15s;display:flex;position:relative;box-shadow:0 8px 24px #232b430a}.table-tile:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.table-tile.occupied{background:linear-gradient(145deg,#fffdf7,#fff8e8);border-color:#f3d393}.table-state{color:#087a54;text-transform:uppercase;background:#e8f8f1;border-radius:8px;padding:5px 8px;font-size:10px;font-weight:850}.occupied .table-state{color:#946000;background:#fff0c7}.table-tile strong{margin-top:15px;font-size:21px}.table-tile small{color:var(--muted);margin-top:4px}.table-tile b{margin-top:auto;font-size:16px}.order-layout{grid-template-columns:minmax(0,1fr) 390px;gap:20px;min-height:calc(100vh - 140px);display:grid}.catalog-panel,.cart-panel,.detail-panel,.payment-orders,.payment-terminal,.cash-action-card,.shift-status-card,.settings-card{border:1px solid var(--line);background:#fff;border-radius:22px}.catalog-panel{min-width:0;padding:22px}.catalog-panel .page-heading{margin-bottom:18px}.catalog-toolbar{gap:10px;margin-bottom:14px;display:flex}.search-box{border:1px solid var(--line);background:#f8f9fb;border-radius:13px;flex:1;align-items:center;gap:9px;min-width:180px;padding:0 12px;display:flex}.search-box svg{width:17px;color:var(--muted)}.search-box input{width:100%;height:42px;color:var(--ink);background:0 0;border:0;outline:0}.category-strip{margin-bottom:17px}.product-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;display:grid}.product-grid.compact{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}.product-card{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;border-radius:17px;grid-template-columns:62px minmax(0,1fr);align-items:center;gap:13px;min-height:115px;padding:12px 38px 12px 12px;transition:all .14s;display:grid;position:relative}.product-card:hover{border-color:color-mix(in srgb, var(--brand) 45%, var(--line));box-shadow:0 9px 22px #232b4312}.product-visual{width:62px;height:62px;color:var(--brand);background:color-mix(in srgb, var(--brand) 8%, white);border-radius:13px;place-items:center;display:grid;overflow:hidden}.product-visual img{object-fit:cover;width:100%;height:100%}.product-visual svg{width:24px}.product-card strong,.product-card span,.product-card b{display:block}.product-card strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.product-card span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:10px;overflow:hidden}.product-card b{color:var(--brand);margin-top:9px;font-size:14px}.add-icon{width:19px;color:var(--brand);position:absolute;bottom:12px;right:12px}.cart-panel{flex-direction:column;height:calc(100vh - 130px);display:flex;position:sticky;top:104px;overflow:hidden}.cart-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:20px;display:flex}.cart-heading span,.cart-heading strong{display:block}.cart-heading span{color:var(--muted);font-size:11px}.cart-heading strong{margin-top:3px;font-size:17px}.cart-count{background:var(--brand);border-radius:11px;place-items:center;width:34px;height:34px;font-weight:850;color:#fff!important;display:grid!important}.cart-lines{flex:1;padding:9px 18px;overflow-y:auto}.cart-line{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:13px 0;display:grid}.cart-line>div:first-child strong,.cart-line>div:first-child span{display:block}.cart-line>div:first-child strong{font-size:12px}.cart-line>div:first-child span{color:var(--muted);margin-top:3px;font-size:10px}.cart-line>strong{font-size:12px}.quantity-control{align-items:center;gap:7px;display:flex}.quantity-control button{border:1px solid var(--line);background:#fff;border-radius:9px;place-items:center;width:28px;height:28px;display:grid}.quantity-control svg{width:13px}.quantity-control b{text-align:center;min-width:17px;font-size:12px}.cart-total{border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding:17px 20px;display:flex}.cart-total span{color:var(--muted);font-size:12px;font-weight:700}.cart-total strong{font-size:22px}.checkout-button,.primary-button,.danger-button,.soft-button{cursor:pointer;border:0;border-radius:13px;justify-content:center;align-items:center;gap:9px;font-weight:800;display:flex}.checkout-button{color:#fff;background:var(--brand);min-height:54px;margin:0 16px 16px;padding:0 18px}.checkout-button svg:last-child{margin-left:auto}.primary-button,.danger-button,.soft-button{min-height:46px;padding:0 17px}.primary-button{color:#fff;background:var(--brand)}.danger-button{color:#fff;background:var(--danger)}.soft-button{border:1px solid var(--line);color:var(--ink);background:#fff}button:disabled{cursor:not-allowed;opacity:.48}.split-view{grid-template-columns:minmax(340px,.85fr) minmax(380px,1.15fr);gap:18px;min-height:620px;display:grid}.order-list{flex-direction:column;gap:8px;display:flex}.order-row{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;border-radius:15px;grid-template-columns:10px minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:14px;display:grid}.order-row.selected{border-color:color-mix(in srgb, var(--brand) 50%, var(--line));box-shadow:0 8px 25px color-mix(in srgb, var(--brand) 10%, transparent)}.status-dot{background:#aab0bd;border-radius:50%;width:9px;height:9px}.status-open{background:#f59e0b}.status-accepted,.status-preparing{background:var(--brand)}.status-ready{background:var(--success)}.order-row div strong,.order-row div small{display:block}.order-row div strong{font-size:13px}.order-row div small{color:var(--muted);margin-top:3px;font-size:10px}.status-badge{color:#4f5666;background:#f0f1f4;border-radius:8px;padding:6px 8px;font-size:10px;font-weight:800}.order-row>b{font-size:13px}.detail-panel{min-height:420px;padding:22px}.detail-heading,.detail-total{justify-content:space-between;align-items:center;display:flex}.detail-heading span{color:var(--muted);font-size:11px}.detail-heading h3{margin:4px 0 0;font-size:22px}.detail-lines{border-top:1px solid var(--line);margin:22px 0}.detail-lines>div{border-bottom:1px solid var(--line);justify-content:space-between;gap:20px;padding:14px 0;font-size:13px;display:flex}.detail-lines b{margin-right:8px}.detail-total{margin-bottom:20px}.detail-total span{color:var(--muted);font-weight:700}.detail-total strong{font-size:24px}.detail-panel .primary-button{width:100%}.payment-layout{grid-template-columns:minmax(300px,.75fr) minmax(440px,1.25fr);gap:18px;min-height:590px;display:grid}.payment-orders{padding:12px}.payment-order{text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:14px;justify-content:space-between;align-items:center;gap:14px;width:100%;padding:14px;display:flex}.payment-order+.payment-order{margin-top:5px}.payment-order.selected{border-color:color-mix(in srgb, var(--brand) 30%, var(--line));background:color-mix(in srgb, var(--brand) 6%, white)}.payment-order strong,.payment-order span{display:block}.payment-order strong{font-size:13px}.payment-order span{color:var(--muted);margin-top:3px;font-size:10px}.payment-terminal{flex-direction:column;justify-content:center;align-items:center;padding:30px;display:flex}.payment-label{color:var(--muted);font-size:13px;font-weight:750}.payment-amount{letter-spacing:-.06em;margin:10px 0 28px;font-size:clamp(42px,6vw,72px)}.payment-methods{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;width:100%;display:grid}.payment-methods button{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;border-radius:18px;flex-direction:column;align-items:flex-start;min-height:135px;padding:18px;display:flex}.payment-methods button:hover{border-color:var(--brand)}.payment-methods svg{width:28px;height:28px;color:var(--brand);margin-bottom:18px}.payment-methods strong{font-size:14px}.payment-methods span{color:var(--muted);margin-top:5px;font-size:10px}.payment-hint{color:var(--muted);align-items:center;gap:8px;margin:18px 0 0;font-size:11px;display:flex}.payment-hint svg{width:16px}.cash-layout{grid-template-columns:.85fr 1.15fr;gap:18px;max-width:950px;display:grid}.shift-status-card,.cash-action-card{padding:28px}.shift-status-card{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:360px;display:flex}.shift-status-card.open{background:linear-gradient(145deg,#fff,#effbf7);border-color:#c7eddf}.shift-icon{width:78px;height:78px;color:var(--muted);background:#f0f1f4;border-radius:24px;place-items:center;margin-bottom:20px;display:grid}.open .shift-icon{color:var(--success);background:#e4f8f0}.shift-icon svg{width:34px;height:34px}.shift-status-card span{color:var(--muted);font-size:12px}.shift-status-card strong{margin-top:7px;font-size:22px}.shift-status-card small{color:var(--muted);margin-top:14px}.cash-action-card h3{margin:0;font-size:22px}.cash-action-card p{color:var(--muted);margin:8px 0 24px;font-size:12px;line-height:1.6}.cash-action-card label{color:var(--muted);font-size:11px;font-weight:750;display:block}.money-input{border:1px solid var(--line);border-radius:14px;align-items:center;margin-top:8px;padding:0 14px;display:flex}.money-input input{border:0;outline:0;flex:1;min-width:0;height:52px;font-size:20px}.money-input span{color:var(--muted);font-size:12px;font-weight:800}.cash-action-card>button{width:100%;margin-top:16px}.z-report{background:#f5f6f8;border-radius:13px;align-items:center;gap:10px;margin-top:18px;padding:12px;display:flex}.z-report svg{width:19px;color:var(--brand)}.z-report strong,.z-report small{display:block}.z-report strong{font-size:12px}.z-report small{color:var(--muted);margin-top:2px;font-size:10px}.kds-board{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:15px;display:grid}.kitchen-ticket{border:1px solid var(--line);border-top:5px solid var(--warning);background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 8px 24px #232b430d}.ticket-accepted,.ticket-preparing{border-top-color:var(--brand)}.kitchen-ticket header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;padding:16px;display:flex}.kitchen-ticket header span,.kitchen-ticket header strong{display:block}.kitchen-ticket header span{color:var(--muted);font-size:10px}.kitchen-ticket header strong{margin-top:3px;font-size:18px}.kitchen-ticket time{color:var(--muted);align-items:center;gap:5px;font-size:10px;display:flex}.kitchen-ticket time svg{width:14px}.ticket-items{min-height:150px;padding:9px 16px}.ticket-items>div{border-bottom:1px dashed var(--line);align-items:flex-start;gap:10px;padding:9px 0;display:flex}.ticket-items b{min-width:27px;font-size:15px}.ticket-items span{font-size:13px;font-weight:700}.ticket-items small{color:var(--danger);margin-top:4px;font-size:10px;display:block}.kitchen-ticket>button{color:#fff;background:var(--brand);border:0;border-radius:12px;justify-content:space-between;align-items:center;width:calc(100% - 24px);min-height:44px;margin:0 12px 12px;padding:0 14px;font-weight:800;display:flex}.kitchen-ticket>button svg{width:17px}.hub-board{grid-template-columns:repeat(3,minmax(260px,1fr));gap:14px;display:grid}.hub-column{background:#eceef3;border-radius:18px;min-height:600px;padding:12px}.hub-column>header{justify-content:space-between;align-items:center;padding:4px 5px 14px;display:flex}.hub-column h3{margin:0;font-size:14px}.hub-column>header span{width:27px;height:27px;color:var(--muted);background:#fff;border-radius:9px;place-items:center;font-size:11px;font-weight:850;display:grid}.hub-order{border:1px solid var(--line);background:#fff;border-radius:15px;padding:14px;box-shadow:0 6px 18px #232b430a}.hub-order+.hub-order{margin-top:9px}.hub-order-head,.hub-order footer{justify-content:space-between;align-items:center;display:flex}.hub-order-head{color:var(--muted);text-transform:uppercase;font-size:9px;font-weight:800}.hub-order>strong{margin-top:10px;font-size:15px;display:block}.hub-order p{min-height:38px;color:var(--muted);margin:8px 0 14px;font-size:10px;line-height:1.5}.hub-order footer{border-top:1px solid var(--line);padding-top:11px}.hub-order footer b{font-size:12px}.hub-order footer button{color:#fff;background:var(--brand);border:0;border-radius:9px;align-items:center;gap:4px;padding:7px 9px;font-size:9px;font-weight:800;display:flex}.hub-order footer svg{width:13px}.column-empty{color:#9a9fac;text-align:center;padding:30px 8px;font-size:11px;display:block}.settings-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.settings-card{align-items:center;gap:15px;padding:20px;display:flex}.settings-card>svg{width:26px;color:var(--brand)}.settings-card span,.settings-card strong,.settings-card small{display:block}.settings-card span{color:var(--muted);font-size:10px}.settings-card strong{margin-top:3px;font-size:15px}.settings-card small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:9px;overflow:hidden}.feature-summary{border:1px solid var(--line);background:#fff;border-radius:18px;flex-wrap:wrap;gap:8px;margin-top:18px;padding:20px;display:flex}.feature-summary span{border-radius:10px;align-items:center;gap:6px;padding:8px 10px;font-size:10px;font-weight:750;display:flex}.feature-summary svg{width:13px}.feature-summary .enabled{color:#087a54;background:#e8f8f1}.feature-summary .disabled{color:#8a3034;background:#ffeded}.reset-button{margin-top:20px}.empty-state{min-height:220px;color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:7px;display:flex}.empty-state.compact{min-height:190px}.empty-state>svg{color:#b5bac5;width:30px;height:30px;margin-bottom:4px}.empty-state strong{color:var(--ink);font-size:13px}.empty-state span{max-width:290px;font-size:10px;line-height:1.5}.bottom-nav{display:none}.toast{z-index:100;border:1px solid var(--line);max-width:min(420px,100vw - 32px);color:var(--ink);box-shadow:var(--shadow);background:#fff;border-radius:14px;align-items:center;gap:10px;padding:13px 16px;font-size:12px;font-weight:700;animation:.22s ease-out toast-in;display:flex;position:fixed;bottom:22px;right:22px}.toast svg{width:18px}.toast-success{border-color:#bde8d8}.toast-success svg{color:var(--success)}.toast-error{border-color:#f2c1c3}.toast-error svg{color:var(--danger)}.onboarding-shell{min-height:100vh;color:var(--ink);background:#fff;grid-template-columns:minmax(0,1.15fr) minmax(440px,.85fr);display:grid}.onboarding-visual{color:#fff;background:radial-gradient(circle at 15% 18%,#8d87ff80,#0000 28%),radial-gradient(circle at 85% 80%,#20c99740,#0000 30%),#171a23;align-items:center;padding:8vw;display:flex;position:relative;overflow:hidden}.onboarding-visual:after{content:"";opacity:.2;background-image:linear-gradient(#ffffff14 1px,#0000 1px),linear-gradient(90deg,#ffffff14 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(to bottom right,#000,#0000 75%);mask-image:linear-gradient(to bottom right,#000,#0000 75%)}.visual-content{z-index:1;max-width:680px;position:relative}.kicker{color:#9fa7b9;letter-spacing:.15em;text-transform:uppercase;margin:22px 0 8px;font-size:11px;font-weight:850}.visual-content h1{letter-spacing:-.07em;margin:0;font-size:clamp(48px,7vw,92px);line-height:.98}.visual-content>p:not(.kicker){color:#b8becc;max-width:590px;margin:26px 0;font-size:17px;line-height:1.7}.mode-preview{flex-wrap:wrap;gap:9px;display:flex}.mode-preview span{color:#d7dae3;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:11px;align-items:center;gap:7px;padding:10px 13px;font-size:11px;font-weight:750;display:flex}.mode-preview svg{width:16px}.onboarding-panel,.login-shell,.loading-screen{background:#f7f8fa;justify-content:center;align-items:center;padding:30px;display:flex}.activation-card,.login-card{border:1px solid var(--line);width:min(100%,460px);box-shadow:var(--shadow);background:#fff;border-radius:25px;padding:34px}.activation-icon{width:56px;height:56px;color:var(--brand);background:color-mix(in srgb, var(--brand) 10%, white);border-radius:17px;place-items:center;display:grid}.activation-icon svg{width:26px}.activation-card h2{letter-spacing:-.04em;margin:0;font-size:28px}.muted{color:var(--muted);margin:10px 0 24px;font-size:12px;line-height:1.6}.activation-card label{color:var(--muted);margin-top:14px;font-size:10px;font-weight:800;display:block}.activation-card input{border:1px solid var(--line);border-radius:13px;outline:0;width:100%;height:49px;margin-top:7px;padding:0 13px}.activation-card input:focus{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb, var(--brand) 10%, transparent)}.activation-card .activation-code{letter-spacing:.22em;text-align:center;font-size:20px;font-weight:850}.activation-card .primary-button{width:100%;margin-top:20px}.secure-note{color:var(--muted);align-items:flex-start;gap:7px;margin-top:18px;font-size:9px;line-height:1.5;display:flex}.secure-note svg{flex:none;width:14px}.login-shell{background:radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--brand) 10%, transparent), transparent 35%), #f5f6f9;min-height:100vh}.login-card{width:min(100%,660px)}.login-heading{align-items:center;gap:15px;margin-bottom:25px;display:flex}.login-heading .kicker{margin:0 0 4px}.login-heading h1{letter-spacing:-.04em;margin:0;font-size:25px}.staff-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;display:grid}.staff-card{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:16px;flex-direction:column;align-items:center;padding:16px 10px;display:flex}.staff-card.selected{border-color:var(--brand);background:color-mix(in srgb, var(--brand) 5%, white)}.staff-card>span{color:#fff;background:var(--brand);border-radius:14px;place-items:center;width:43px;height:43px;font-size:13px;font-weight:850;display:grid}.staff-card strong{margin-top:9px;font-size:11px}.staff-card small{color:var(--muted);margin-top:3px;font-size:9px}.pin-panel{max-width:330px;margin:24px auto 0}.pin-display{justify-content:center;gap:11px;margin-bottom:15px;display:flex}.pin-display i{border:2px solid #c6cad3;border-radius:50%;width:11px;height:11px}.pin-display i.filled{border-color:var(--brand);background:var(--brand)}.pin-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.pin-grid button{border:1px solid var(--line);background:#fff;border-radius:13px;place-items:center;min-height:49px;font-size:17px;font-weight:750;display:grid}.pin-grid svg{width:18px}.pin-panel .primary-button{width:100%;margin-top:11px}.loading-screen{min-height:100vh;color:var(--muted);text-align:center;flex-direction:column;gap:12px}.loading-screen>svg{width:30px}.loading-screen strong{color:var(--ink)}.loading-screen span{max-width:420px;font-size:12px}.spin{animation:.85s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)}}@media (width<=1100px){.app-shell{grid-template-columns:76px minmax(0,1fr)}.side-nav{padding-inline:7px}.nav-button{width:60px}.order-layout{grid-template-columns:minmax(0,1fr) 340px}.connection,.shift-chip{padding-inline:9px}.connection{font-size:0}}@media (width<=820px){.app-shell{padding-bottom:70px;display:block}.side-nav{display:none}.topbar{height:68px;padding:0 15px}.content-area{min-height:calc(100vh - 138px);padding:18px 15px 24px}.staff-chip{padding:7px}.staff-chip>span,.shift-chip,.topbar-actions .icon-button:first-of-type{display:none}.bottom-nav{z-index:30;height:70px;padding:6px max(6px, env(safe-area-inset-right)) max(6px, env(safe-area-inset-bottom)) max(6px, env(safe-area-inset-left));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff5;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-nav button{color:#858c9b;background:0 0;border:0;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:9px;font-weight:750;display:flex}.bottom-nav button svg{width:19px;height:19px}.bottom-nav button.active{color:var(--brand);background:color-mix(in srgb, var(--brand) 7%, white)}.order-layout{display:block}.catalog-panel{padding:15px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-card{min-height:122px;padding:10px;display:block}.product-visual{width:45px;height:45px;margin-bottom:8px}.product-card .add-icon{top:14px;right:12px}.cart-panel{height:auto;min-height:280px;margin-top:15px;position:static}.cart-lines{max-height:340px}.split-view,.payment-layout,.cash-layout{grid-template-columns:1fr}.detail-panel{min-height:320px}.payment-terminal{min-height:430px;padding:20px}.payment-amount{font-size:48px}.hub-board{grid-template-columns:1fr}.hub-column{min-height:230px}.settings-grid{grid-template-columns:1fr}.onboarding-shell{background:#f7f8fa;display:block}.onboarding-visual{min-height:310px;padding:34px 25px}.visual-content h1{font-size:48px}.visual-content>p:not(.kicker){margin:18px 0;font-size:13px}.onboarding-panel{padding:18px}.activation-card{margin-top:-45px;padding:25px}}@media (width<=480px){.tenant-identity strong{max-width:150px}.tenant-identity span{text-overflow:ellipsis;white-space:nowrap;max-width:150px;overflow:hidden}.page-heading{align-items:flex-start}.page-icon{width:42px;height:42px}.table-board{grid-template-columns:repeat(2,minmax(0,1fr))}.table-tile{min-height:138px;padding:14px}.catalog-toolbar{display:block}.catalog-toolbar .soft-button{width:100%;margin-top:8px}.product-grid,.product-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.product-card{min-width:0}.cart-line{grid-template-columns:minmax(0,1fr) auto}.cart-line>strong{grid-column:2}.order-row{grid-template-columns:9px minmax(0,1fr) auto}.order-row .status-badge{display:none}.payment-methods{grid-template-columns:1fr 1fr}.payment-methods button{min-height:120px}.toast{bottom:82px;left:12px;right:12px}.mode-preview span:nth-child(n+3){display:none}}