.kpos{--kp-bg:#f2f4f8;--kp-panel:#fff;--kp-ink:#17202e;--kp-mut:#17202e8c;--kp-green:#14976b;--kp-green-soft:#e2f5ec;--kp-line:#17202e1a;background:var(--kp-bg);min-height:100svh;color:var(--kp-ink);font-family:var(--font-sora), system-ui, sans-serif;flex-direction:column;display:flex}.kp-top{background:var(--kp-panel);border-bottom:1px solid var(--kp-line);z-index:40;justify-content:space-between;align-items:center;gap:14px;padding:14px clamp(14px,3vw,28px);display:flex;position:sticky;top:0}.kp-brand{letter-spacing:-.01em;align-items:center;gap:10px;font-size:17px;font-weight:700;display:flex}.kp-brand__dot{background:var(--kp-green);color:#fff;border-radius:10px;place-items:center;width:34px;height:34px;font-size:15px;font-weight:800;display:grid}.kp-brand small{color:var(--kp-mut);letter-spacing:.06em;font-size:10.5px;font-weight:500;display:block}.kp-top__meta{color:var(--kp-mut);align-items:center;gap:18px;font-size:12.5px;display:flex}.kp-top__meta b{color:var(--kp-ink)}.kp-badge{background:var(--kp-green-soft);color:var(--kp-green);letter-spacing:.08em;border-radius:999px;padding:6px 12px;font-size:11px;font-weight:700}@media (max-width:700px){.kp-top__meta span.kp-hide-m{display:none}}.kp-body{flex:1;grid-template-columns:1fr 360px;gap:0;min-height:0;display:grid}@media (max-width:940px){.kp-body{grid-template-columns:1fr}}.kp-cat{padding:clamp(14px,2.6vw,26px);overflow-y:auto}.kp-tabs{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.kp-tab{border:1px solid var(--kp-line);background:var(--kp-panel);color:var(--kp-mut);cursor:pointer;border-radius:999px;padding:9px 16px;font-family:inherit;font-size:12.5px;font-weight:600;transition:all .2s}.kp-tab:hover{border-color:var(--kp-green);color:var(--kp-green)}.kp-tab[data-on=true]{background:var(--kp-ink);border-color:var(--kp-ink);color:#fff}.kp-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.kp-item{background:var(--kp-panel);border:1px solid var(--kp-line);cursor:pointer;text-align:left;color:inherit;border-radius:14px;padding:16px 14px;font-family:inherit;transition:transform .18s,box-shadow .18s,border-color .18s;position:relative;overflow:hidden}.kp-item:hover{border-color:#14976b73;transform:translateY(-3px);box-shadow:0 12px 28px #17202e1a}.kp-item:active{transform:scale(.97)}.kp-item__icon{color:var(--kp-green);place-items:center;display:inline-grid}.kp-item__name{margin:10px 0 3px;font-size:13.5px;font-weight:600;display:block}.kp-item__unit{color:var(--kp-mut);font-size:11px}.kp-item__price{color:var(--kp-green);margin-top:8px;font-size:14px;font-weight:700;display:block}.kp-item__count{background:var(--kp-green);color:#fff;border-radius:999px;place-items:center;min-width:22px;height:22px;padding:0 6px;font-size:11.5px;font-weight:700;animation:.25s cubic-bezier(.34,1.56,.64,1) kp-pop;display:grid;position:absolute;top:10px;right:10px}@keyframes kp-pop{0%{transform:scale(.4)}to{transform:scale(1)}}.kp-cart{background:var(--kp-panel);border-left:1px solid var(--kp-line);flex-direction:column;min-height:0;display:flex}@media (max-width:940px){.kp-cart{border-left:0;border-top:1px solid var(--kp-line)}}.kp-cart__head{border-bottom:1px solid var(--kp-line);justify-content:space-between;align-items:center;padding:18px 20px 14px;display:flex}.kp-cart__head h2{margin:0;font-size:15px;font-weight:700}.kp-clear{color:var(--kp-mut);cursor:pointer;background:0 0;border:none;font-family:inherit;font-size:12px;text-decoration:underline}.kp-clear:hover{color:#c0392b}.kp-lines{flex:1;min-height:120px;padding:8px 20px;overflow-y:auto}.kp-empty{color:var(--kp-mut);text-align:center;padding:40px 10px;font-size:13px}.kp-line{border-bottom:1px dashed var(--kp-line);align-items:center;gap:10px;padding:11px 0;animation:.22s kp-slide;display:flex}@keyframes kp-slide{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:none}}.kp-line__name{flex:1;font-size:13px;font-weight:600}.kp-line__name small{color:var(--kp-mut);font-size:11px;font-weight:400;display:block}.kp-qty{align-items:center;gap:8px;display:flex}.kp-qty button{border:1px solid var(--kp-line);background:var(--kp-bg);cursor:pointer;width:24px;height:24px;color:var(--kp-ink);border-radius:7px;font-family:inherit;font-size:14px;line-height:1;transition:all .15s}.kp-qty button:hover{background:var(--kp-ink);color:#fff}.kp-qty b{text-align:center;min-width:18px;font-size:13px}.kp-line__amt{text-align:right;min-width:74px;font-size:13px;font-weight:700}.kp-cart__foot{border-top:1px solid var(--kp-line);padding:16px 20px 20px}.kp-row{color:var(--kp-mut);justify-content:space-between;padding:3px 0;font-size:13px;display:flex}.kp-row--total{color:var(--kp-ink);padding-top:10px;font-size:17px;font-weight:800}.kp-pay{background:var(--kp-green);color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;margin-top:14px;padding:15px;font-family:inherit;font-size:14px;font-weight:700;transition:transform .18s,box-shadow .18s,background .18s}.kp-pay:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 28px #14976b59}.kp-pay:disabled{opacity:.45;cursor:not-allowed}.kp-pay[data-paid=true]{background:var(--kp-ink)}.kp-toast{z-index:95;background:var(--kp-ink);color:#fff;border-radius:12px;padding:13px 22px;font-size:13px;font-weight:600;animation:.3s cubic-bezier(.34,1.56,.64,1) kp-toast;position:fixed;bottom:84px;left:50%;transform:translate(-50%);box-shadow:0 16px 44px #00000047}@keyframes kp-toast{0%{opacity:0;transform:translate(-50%,14px)}to{opacity:1;transform:translate(-50%)}}.kp-views{background:var(--kp-bg);border:1px solid var(--kp-line);border-radius:999px;gap:6px;padding:4px;display:flex}.kp-view{color:var(--kp-mut);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:8px 18px;font-family:inherit;font-size:12px;font-weight:700;transition:all .2s}.kp-view[data-on=true]{background:var(--kp-ink);color:#fff}.kp-reports{width:100%;max-width:1100px;margin:0 auto;padding:clamp(14px,2.6vw,26px);overflow-y:auto}.kp-rep-kpis{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px;display:grid}@media (max-width:860px){.kp-rep-kpis{grid-template-columns:1fr 1fr}}.kp-rep-kpi{background:var(--kp-panel);border:1px solid var(--kp-line);border-radius:14px;padding:18px}.kp-rep-kpi b{font-size:clamp(19px,2.6vw,26px);font-weight:800;display:block}.kp-rep-kpi b em{color:var(--kp-green);font-style:normal}.kp-rep-kpi span{letter-spacing:.14em;text-transform:uppercase;color:var(--kp-mut);font-size:11px}.kp-rep-kpi small{color:var(--kp-green);margin-top:6px;font-size:11.5px;font-weight:600;display:block}.kp-rep-cols{grid-template-columns:1.4fr 1fr;gap:12px;display:grid}@media (max-width:860px){.kp-rep-cols{grid-template-columns:1fr}}.kp-rep-panel{background:var(--kp-panel);border:1px solid var(--kp-line);border-radius:14px;padding:18px}.kp-rep-panel h2{letter-spacing:.16em;text-transform:uppercase;color:var(--kp-mut);margin:0 0 16px;font-size:12px;font-weight:700}.kp-chart{align-items:end;gap:8px;height:170px;display:flex}.kp-chart__col{flex-direction:column;flex:1;justify-content:end;align-items:center;gap:7px;height:100%;display:flex}.kp-chart__bar{background:linear-gradient(180deg, #23c68b, var(--kp-green));border-radius:7px 7px 3px 3px;width:100%;min-height:4px;transition:height .6s cubic-bezier(.22,1,.36,1);position:relative}.kp-chart__bar[data-now=true]{background:linear-gradient(#17202e,#33415c)}.kp-chart__bar[data-now=true]:after{content:"NOW";letter-spacing:.1em;color:var(--kp-ink);font-size:8.5px;font-weight:800;position:absolute;top:-18px;left:50%;transform:translate(-50%)}.kp-chart__lbl{color:var(--kp-mut);font-size:10px}.kp-tx{border-bottom:1px dashed var(--kp-line);justify-content:space-between;align-items:center;gap:10px;padding:10px 2px;font-size:12.5px;animation:.22s kp-slide;display:flex}.kp-tx:last-child{border-bottom:0}.kp-tx small{color:var(--kp-mut);font-size:11px;display:block}.kp-tx b{color:var(--kp-green);font-size:13px}.kp-rep-empty{color:var(--kp-mut);text-align:center;padding:22px 8px;font-size:12.5px;line-height:1.7}.kp-top-item{border-bottom:1px dashed var(--kp-line);align-items:center;gap:10px;padding:9px 2px;font-size:12.5px;display:flex}.kp-top-item:last-child{border-bottom:0}.kp-top-item .kp-rank{background:var(--kp-green-soft);width:24px;height:24px;color:var(--kp-green);border-radius:7px;place-items:center;font-size:11px;font-weight:800;display:grid}.kp-top-item i{font-size:16px;font-style:normal}.kp-top-item span{flex:1;font-weight:600}.kp-top-item b{font-weight:700}