:root{color-scheme:light;font-family:Courier New,monospace;color:#151515;background:#f4f1e8}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button{border:1px solid #151515;background:#f8f8f8;color:#151515;padding:.65rem .8rem;cursor:pointer;display:inline-flex;align-items:center;gap:.4rem;border-radius:4px}button:hover,button.active{background:#151515;color:#fff}button:disabled{cursor:wait;opacity:.65}button:disabled:hover{background:#f8f8f8;color:#151515}.auth{min-height:100vh;display:grid;place-items:center;padding:1rem}.auth form,.panel,.product,.wallet,.stat,.sale-row{border:1px solid #151515;background:#fffdf6;border-radius:4px}.auth form{width:min(420px,100%);padding:1.25rem}h1,h2,p{margin-top:0}label{display:grid;gap:.35rem;margin:.8rem 0}input{width:100%;border:1px solid #151515;background:#fff;padding:.7rem;border-radius:4px}.ghost{width:100%;justify-content:center;margin-top:.7rem}.header{position:sticky;top:0;z-index:5;border-bottom:1px solid #151515;background:#e7e0cd;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem}.header div{display:grid;gap:.15rem}.header span{font-size:.8rem;overflow-wrap:anywhere}.wrap{width:min(1180px,100%);margin:0 auto;padding:1rem}.notify{position:fixed;top:4.25rem;right:1rem;z-index:10;max-width:min(360px,calc(100vw - 2rem));border:1px solid #151515;background:#fff;padding:.8rem;display:flex;gap:.5rem;align-items:center;animation:notify-in .16s linear}.notify.ok{border-left:8px solid #247a39}.notify.warn{border-left:8px solid #b38700}.notify.bad{border-left:8px solid #b00020}@keyframes notify-in{0%{transform:translateY(-8px);opacity:0}to{transform:translateY(0);opacity:1}}.top-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.stat{padding:.85rem;display:grid;gap:.35rem;min-width:0}.stat b{font-size:clamp(1rem,2vw,1.35rem);overflow-wrap:anywhere}.toolbar{display:flex;gap:.5rem;overflow-x:auto;padding:1rem 0}.toolbar button{white-space:nowrap}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.85rem}.product{padding:1rem;display:grid;gap:.8rem}.row,.actions,.history div{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.row span,.badge{border:1px solid #151515;padding:.25rem .45rem;background:#e7e0cd}.rank{border:1px solid #151515;padding:.25rem .45rem;color:#151515}.rank-s{background:#1ee889}.rank-a{background:#b7f36b}.rank-b{background:#ffe66d}.rank-c{background:#ffb15c}.rank-d{background:#ff7a7a}dl{display:grid;gap:.5rem;margin:0}dl div{display:grid;grid-template-columns:90px 1fr;gap:.5rem}dt{font-weight:700}dd{margin:0;overflow-wrap:anywhere}.actions{flex-wrap:wrap}.wallet{margin-top:1rem;padding:1rem}.wallet h2{display:flex;align-items:center;gap:.5rem}.wallet form{display:grid;grid-template-columns:1fr 160px auto;gap:.6rem}.history{margin-top:1rem;display:grid;gap:.45rem}.verify{padding:2rem;text-align:center}.empty{padding:1rem}.sales-head{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.75rem}.sales-log{display:grid;gap:.6rem}.sale-row{padding:.85rem;display:grid;grid-template-columns:1.2fr 1fr auto;gap:.75rem;align-items:center}.sale-row div{display:grid;gap:.25rem;min-width:0}.sale-row span,.sale-row strong,.sale-row b{overflow-wrap:anywhere}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:#00000059;display:grid;place-items:center;padding:1rem}.modal{width:min(520px,100%);border:1px solid #151515;background:#fffdf6;border-radius:4px;padding:1rem;display:grid;gap:.85rem}.purchase-switch{display:flex;gap:.5rem}.purchase-switch button{flex:1;justify-content:center}.modal form{display:grid;gap:.75rem}.oxxo-box{border:1px solid #151515;background:#f8f8f8;padding:.85rem;display:grid;gap:.5rem}.barcode{height:72px;border:1px solid #151515;background:repeating-linear-gradient(90deg,#151515 0,#151515 2px,#fff 2px,#fff 5px,#151515 5px,#151515 8px,#fff 8px,#fff 12px)}@media(max-width:840px){.top-grid,.grid{grid-template-columns:repeat(2,1fr)}.wallet form,.sale-row{grid-template-columns:1fr}}@media(max-width:560px){.header{align-items:flex-start}.top-grid,.grid{grid-template-columns:1fr}.actions button{flex:1 1 130px;justify-content:center}.sales-head{align-items:stretch;flex-direction:column}}