:root{--teal:#087a70;--ink:#172322;--muted:#687779;--line:#d9e2df;--page:#f5f7f5;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink)}*{box-sizing:border-box}body{margin:0;background:var(--page)}.app{max-width:1400px;margin:auto;padding:28px clamp(16px,4vw,56px)}header,.heading,.receipt-head,footer>div,.cart-row,.history-row{display:flex;align-items:center;justify-content:space-between}header{margin-bottom:30px}.header-actions{display:flex;gap:8px}h1,h2,p{margin:0}h1{font-size:32px}h2{font-size:18px}small{color:var(--teal);font-weight:800;letter-spacing:1.2px}button{cursor:pointer;font:inherit;border:0}header button,.heading button,.receipt-head button{color:var(--teal);background:white;border:1px solid var(--line);border-radius:9px;padding:8px 10px;font-weight:700}.heading{margin:18px 0 11px}.categories{display:flex;gap:9px;overflow-x:auto;padding:3px 1px 9px}.category{white-space:nowrap;background:white;border:1px solid var(--line);border-radius:999px;padding:10px 15px;color:var(--muted);font-weight:700}.category.active{background:var(--teal);color:white;border-color:var(--teal)}main{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:28px}.products{--columns:3;display:grid;grid-template-columns:repeat(var(--columns),minmax(0,1fr));gap:12px;max-height:var(--height);overflow-y:auto;padding-right:3px}.product{min-height:122px;text-align:left;padding:15px;display:flex;flex-direction:column;justify-content:space-between;background:white;border:1px solid var(--line);border-radius:14px;font-weight:700}.product .price{color:var(--teal);font-size:18px}.product .variable{color:#b45309;font-size:14px}.empty{grid-column:1/-1;text-align:center;border:1px dashed var(--line);border-radius:14px;padding:40px;color:var(--muted)}aside{position:sticky;top:20px;background:white;border:1px solid var(--line);border-radius:16px;min-height:430px;display:flex;flex-direction:column;overflow:hidden}.receipt-head{padding:18px;border-bottom:1px solid var(--line)}.receipt-head button{color:#ae3d27;border:0;background:none}.cart{flex:1;padding:8px 18px;min-height:190px}.cart-empty{text-align:center;color:var(--muted);margin-top:60px}.cart-row{gap:8px;padding:12px 0;border-bottom:1px solid #edf1f0}.name{flex:1;font-weight:700}.count button{width:25px;height:25px;color:var(--teal);background:#f1faf8;border:1px solid #b9d7d2;border-radius:7px}.amount{min-width:75px;text-align:right;font-weight:750}footer{padding:17px;background:#f4fbf9;border-top:1px solid #d9eeea}footer strong{font-size:23px}footer button,dialog button{width:100%;margin-top:14px;background:var(--teal);color:white;border-radius:10px;padding:12px;font-weight:800}dialog{border:0;border-radius:16px;width:min(400px,calc(100% - 30px));box-shadow:0 20px 60px #1235}dialog::backdrop{background:#1238}dialog form{display:grid;gap:14px}dialog label{display:grid;gap:6px;font-weight:700;font-size:14px}dialog input,dialog select{padding:10px;border:1px solid var(--line);border-radius:8px;font:inherit}.hint{font-size:12px;color:var(--muted);line-height:1.45}.secondary{background:#eef4f3!important;color:var(--teal)!important}.history-list{max-height:55vh;overflow:auto;border-top:1px solid var(--line)}.history-row{width:100%;margin:0;padding:13px 2px;text-align:left;background:white;color:var(--ink);border-bottom:1px solid #edf1f0;border-radius:0}.history-row small{display:block;color:var(--muted);font-size:12px;letter-spacing:0}.issued-detail{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:8px 0}.issued-line{display:flex;justify-content:space-between;padding:7px 0}.issued-total{font-weight:800;border-top:1px dashed var(--line);margin-top:7px;padding-top:12px}.danger-button{background:#b42318!important}.status{display:inline-block;padding:2px 6px;border-radius:99px;font-size:10px;font-style:normal;text-transform:uppercase;letter-spacing:.4px}.status.stornovana{color:#b42318;background:#fee4e2}.status.storno{color:#b54708;background:#ffefd5}@media(max-width:800px){.app{padding:18px 14px}main{grid-template-columns:1fr;gap:18px}aside{position:static;min-height:0}.products{--columns:2!important}}