:root{color:#102033;--navy:#0b1f35;--blue:#0866c6;--cyan:#0ea5e9;--line:#cbd5e1;--paper:#fff;background:#e8eef4;font-family:Inter,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}.pos{background:#e8eef4;grid-template-rows:72px 1fr 34px;min-height:100vh;display:grid}.topbar{background:var(--navy);color:#fff;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding:0 18px;display:grid}.brand{align-items:baseline;gap:14px;display:flex}.brand span{letter-spacing:.16em;color:#76c8ff;font-size:11px}.brand strong{font-size:20px}.register{text-align:center;font-size:12px;display:grid}.status{justify-content:flex-end;align-items:center;gap:8px;display:flex}.status button,.status span,.status select{color:#fff;background:#112b47;border:1px solid #34506d;align-items:center;gap:6px;height:34px;padding:0 10px;display:flex}.status svg{width:16px}.status .online{border-color:#16a34a}.status .offline{border-color:#f59e0b}.workspace{grid-template-columns:minmax(0,1fr) 440px;min-height:0;display:grid}.catalog{padding:16px;overflow:auto}.search{border:1px solid var(--line);background:#fff;grid-template-columns:44px 1fr 52px;align-items:center;height:52px;display:grid}.search svg{justify-self:center}.search input{border:0;outline:none;height:100%;font-size:16px}.search button{border:0;border-inline-start:1px solid var(--line);background:#f8fafc;height:100%}.categories{gap:8px;padding:14px 0;display:flex;overflow:auto}.categories button{white-space:nowrap;background:#f8fafc;border:1px solid #aab8c7;padding:10px 16px;font-weight:700}.categories button.active{background:var(--blue);border-color:var(--blue);color:#fff}.tiles{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.tile{text-align:start;background:#fff;border:1px solid #b8c5d3;min-height:178px;padding:0 0 12px;display:grid;box-shadow:0 2px 5px #10203312}.tile-image{color:#fff;place-items:center;height:94px;font-size:38px;font-weight:900;display:grid}.tile strong,.tile>span:not(.tile-image),.tile small{margin:8px 12px 0}.tile>span:not(.tile-image){font-size:17px;font-weight:800}.tile small{color:#64748b}.cart{background:var(--paper);border-inline-start:1px solid #aebccc;grid-template-rows:auto auto 1fr auto auto;min-height:0;display:grid}.cart-title,.customer{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.cart-title>div{align-items:center;gap:10px;font-size:20px;display:flex}.customer{background:#f1f5f9}.line-list{overflow:auto}.empty{color:#64748b;place-content:center;justify-items:center;height:100%;display:grid}.empty svg{width:50px;height:50px}.line{border:0;text-align:start;background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;width:100%;padding:14px 16px;display:flex}.line span{display:grid}.line small{color:#64748b;margin-top:5px}.summary{border-top:1px solid var(--line);gap:8px;padding:12px 16px;display:grid}.summary span{justify-content:space-between;display:flex}.summary .grand{border-top:2px solid var(--navy);padding-top:10px;font-size:24px}.actions{grid-template-columns:1fr 1fr;gap:8px;padding:0 16px 16px;display:grid}.actions button{background:#f8fafc;border:1px solid #aebccc;justify-content:center;align-items:center;gap:8px;min-height:52px;font-weight:800;display:flex}.actions .pay{background:var(--blue);color:#fff;border-color:var(--blue);grid-column:1/-1;font-size:18px}.actions .pay strong{margin-inline-start:auto}.actions .pay:disabled{background:#94a3b8}.payment-shortcuts{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:8px;display:grid}.payment-shortcuts button{background:#e6f3ff;border-color:#88bdeb}footer{background:#dbe4ed;border-top:1px solid #b6c3d0;align-items:center;gap:22px;padding:0 16px;font-size:12px;display:flex}.dot{border-radius:50%;width:8px;height:8px;margin-inline-end:6px;display:inline-block}.good{background:#16a34a}.warn{background:#f59e0b}.help-bear{color:#091727;background:0 0;border:0;position:fixed;bottom:48px;right:18px}.help-bear svg{width:44px;height:44px}.help-panel{z-index:5;background:#fff;border-left:1px solid #94a3b8;width:390px;padding:24px;position:fixed;top:72px;bottom:34px;right:0;box-shadow:-10px 0 30px #0f172a33}.help-panel>button{float:right;background:0 0;border:0;font-size:28px}.help-panel h2{color:var(--blue)}[dir=rtl] .help-bear{left:18px;right:auto}[dir=rtl] .help-panel{border-left:0;border-right:1px solid #94a3b8;left:0;right:auto}@media (max-width:900px){.topbar{grid-template-columns:1fr auto}.register{display:none}.workspace{grid-template-columns:1fr}.catalog{max-height:45vh}.cart{border-inline-start:0;border-top:1px solid #aebccc}.help-panel{width:100%;top:0;bottom:0}.status span{display:none}}@media (max-width:560px){.pos{grid-template-rows:auto 1fr 34px}.topbar{padding:10px}.brand span{display:none}.status{gap:4px}.status button{padding:0 6px}.tiles{grid-template-columns:repeat(2,1fr)}.workspace{display:block}.cart{min-height:55vh}.categories{padding-block:8px}footer span:nth-child(n+3){display:none}}.line{grid-template-columns:minmax(110px,1fr) auto auto;align-items:center;gap:12px;display:grid}.line-controls{align-items:center;gap:5px;display:flex}.line-controls button{background:#f8fafc;border:1px solid #aebccc;place-items:center;width:40px;height:40px;display:grid}.line-controls svg{width:17px}.line-controls .remove{color:#b42318;border-color:#f2b8b5;margin-inline-start:5px}.actions button:disabled{opacity:.55;cursor:not-allowed}.payment-title{background:#eff6ff;grid-column:1/-1;margin:0;padding:10px}.advanced-toggle{grid-column:1/-1;background:#fff!important;justify-content:space-between!important}.advanced{background:#eef2f6;border:1px solid #cbd5e1;grid-column:1/-1;grid-template-columns:repeat(3,1fr);gap:8px;padding:10px;display:grid}.advanced small{color:#475569;grid-column:1/-1}.completion{text-align:center;align-content:center;justify-items:center;gap:12px;height:100%;padding:24px;display:grid}.completion svg{color:#16803c;width:58px;height:58px}.completion button{background:#fff;border:1px solid #94a3b8;min-height:48px;padding:0 18px;font-weight:700}.completion .primary{background:var(--blue);color:#fff;border-color:var(--blue)}.toast{color:#fff;z-index:10;background:#102033;place-items:center;min-height:0;padding:0 18px;display:grid;position:fixed;bottom:48px;left:50%;transform:translate(-50%)}.toast:not(:empty){min-height:44px}.connection-toggle{background:0 0;border:0;margin-inline-start:auto;text-decoration:underline}.empty strong{text-align:center;color:#334155;max-width:280px}.status>span{white-space:nowrap}@media (max-width:560px){.line{grid-template-columns:1fr auto}.line>strong{text-align:end;grid-column:1/-1}.advanced{grid-template-columns:1fr 1fr}.toast{width:calc(100% - 24px);bottom:42px}}