.pos{-webkit-user-select:none;user-select:none;flex-direction:column;height:100dvh;display:flex}.pos.is-offline{padding-top:44px}.pos-top{background:var(--surface);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.logo{letter-spacing:.04em;background:var(--accent);color:#fff;border-radius:10px;padding:6px 10px;font-size:22px;font-weight:900}.clock{color:var(--muted);margin-left:6px;font-size:20px;font-weight:700}.shift-pill{border:none;border-radius:999px;min-height:44px;padding:0 18px;font-weight:700}.shift-pill.open{background:var(--accent-soft);color:var(--accent)}.shift-pill.closed{background:var(--warn-soft);color:var(--warn)}.pos-main{flex:1;grid-template-columns:minmax(0,1fr) 400px;min-height:0;display:grid}.catalog{flex-direction:column;min-width:0;min-height:0;display:flex}.tabs{scrollbar-width:none;gap:8px;padding:12px 16px;display:flex;overflow-x:auto}.tab{border:1px solid var(--line);background:var(--surface);border-radius:14px;flex:none;min-height:56px;padding:0 22px;font-size:18px;font-weight:700}.tab.on{background:var(--text);border-color:var(--text);color:#fff}.tiles{flex:1;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-auto-rows:132px;align-content:start;gap:12px;padding:4px 16px 16px;display:grid;overflow-y:auto}.tile{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);text-align:left;flex-direction:column;align-items:flex-start;padding:14px;transition:transform 50ms;display:flex}.tile:active{background:var(--accent-soft);transform:scale(.97)}.tile.out{opacity:.55;background:var(--surface-2);box-shadow:none}.tile-name{font-size:19px;font-weight:800;line-height:1.2}.tile-kind{color:var(--muted);margin-top:2px;font-weight:600}.tile-foot{justify-content:space-between;align-items:center;gap:6px;width:100%;margin-top:auto;display:flex}.tile-price{color:var(--accent);font-size:18px;font-weight:800}.empty{text-align:center;color:var(--muted);grid-column:1/-1;padding:40px}.variants{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.variant{border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);min-height:110px;box-shadow:var(--shadow);text-align:left;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:6px;padding:14px;display:flex}.variant:active:not(:disabled){background:var(--accent-soft)}.variant.out{opacity:.5;box-shadow:none}.v-name{font-size:18px;font-weight:800}.v-price{color:var(--accent);font-size:18px;font-weight:800}.cart{background:var(--surface);border-left:1px solid var(--line);flex-direction:column;min-height:0;display:flex}.cart-head{padding:14px 16px 6px}.cart-head h2{margin:0;font-size:20px}.cart-lines{flex:1;padding:0 12px;overflow-y:auto}.cart-empty{color:var(--muted);text-align:center;padding:40px 10px}.cart-line{border-bottom:1px solid var(--line);grid-template-columns:1fr auto;grid-template-areas:"info del""qty sum";align-items:center;gap:8px 10px;padding:12px 4px;display:grid}.cl-info{grid-area:info;min-width:0}.cl-name{font-weight:700}.cl-sum{text-align:right;grid-area:sum;font-size:17px;font-weight:800}.cl-del{background:var(--danger-soft);width:40px;height:40px;color:var(--danger);border:none;border-radius:10px;grid-area:del;justify-self:end;font-size:22px}.qty{grid-area:qty;align-items:center;gap:4px;display:flex}.qty button{border:1px solid var(--line);background:var(--surface-2);border-radius:10px;width:48px;height:44px;font-size:24px;font-weight:700}.qty span{text-align:center;min-width:36px;font-size:19px;font-weight:800}.cart-foot{border-top:1px solid var(--line);flex-direction:column;gap:10px;padding:12px 16px 16px;display:flex}.total-row{font-size:26px;font-weight:900}.pay-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.pay-grid .mixed{grid-column:1/-1;min-height:52px}.pay-grid .btn.lg{min-height:72px;font-size:21px}.warn-btn{background:var(--warn-soft);color:var(--warn);border-color:#0000}.paid{z-index:800;color:#fff;background:#1f7a4df5;justify-content:center;align-items:center;animation:.15s ease-out fadein;display:flex;position:fixed;inset:0}.paid-card{text-align:center}.paid-card .muted{color:#ffffffd9;font-size:20px}.paid-check{width:120px;height:120px;color:var(--accent);background:#fff;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 16px;font-size:72px;font-weight:900;display:flex}.paid-title{font-size:44px;font-weight:900}.paid-sum{margin:6px 0;font-size:64px;font-weight:900}@keyframes fadein{0%{opacity:0}}.diff{text-align:center;border-radius:12px;padding:12px 14px;font-size:18px;font-weight:800}.diff.zero{background:var(--accent-soft);color:var(--accent)}.diff.neg{background:var(--danger-soft);color:var(--danger)}.diff.pos{background:var(--warn-soft);color:var(--warn)}.v.neg{color:var(--danger)}.receipts{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;display:grid}.receipt{text-align:left;border:1px solid var(--line);background:var(--surface);border-radius:12px;flex-direction:column;gap:6px;padding:12px;display:flex}.receipt.refunded{opacity:.6;background:var(--surface-2)}.receipt-lines{text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.pair{justify-content:center;align-items:center;min-height:100dvh;padding:16px;display:flex}.pair-card{background:var(--surface);width:min(440px,100%);box-shadow:var(--shadow);text-align:center;border-radius:20px;flex-direction:column;align-items:center;gap:14px;padding:24px;display:flex}.pair-card h1{margin:0;font-size:26px}.pair-card p{margin:0}.pair-code{gap:8px;display:flex}.pair-code span{border:2px solid var(--line);border-radius:12px;justify-content:center;align-items:center;width:48px;height:60px;font-size:30px;font-weight:900;display:flex}.pair-code span.on{border-color:var(--accent)}.keypad{grid-template-columns:repeat(3,1fr);gap:10px;width:100%;display:grid}.keypad button{border:1px solid var(--line);background:var(--surface-2);border-radius:14px;min-height:64px;font-size:28px;font-weight:800}.keypad button.blank{visibility:hidden}.keypad button:disabled{opacity:.5}.keypad button:active{background:var(--accent-soft)}@media (width<=860px){.pos-main{grid-template-rows:1fr auto;grid-template-columns:minmax(0,1fr)}.cart{border-left:none;border-top:1px solid var(--line);max-height:48dvh}.tiles{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-auto-rows:116px}.pos-top .btn{padding:0 12px}.clock{display:none}}.hist-sum{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;display:grid}.hist-sum>div{background:var(--surface-2);border-radius:12px;gap:2px;padding:10px 12px;display:grid}.hist-sum span{color:var(--muted);font-size:13px}.hist-sum b{font-size:18px}.hist-sum .neg{color:var(--danger)}.hist-lines{gap:2px;display:grid}.receipt .num{white-space:nowrap}