:root{--bg:#f4f6fa;--panel:#fff;--border:#e3e7ee;--text:#1d2433;--muted:#6b7385;--primary:#2563eb;--primary-dark:#1d4ed8;--danger:#dc2626;--success:#16a34a;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}input,select{border:1px solid var(--border);color:var(--text);background:#fff;border-radius:8px;padding:.55rem .7rem}input:focus,select:focus{outline:2px solid var(--primary);outline-offset:-1px}.app{flex-direction:column;min-height:100vh;display:flex}.topbar{color:#fff;background:#111827;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.8rem 1.5rem;display:flex}.topbar h1{margin:0;font-size:1.3rem}.topbar nav{gap:.4rem;display:flex}.topbar nav button{color:#cbd5e1;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.5rem 1rem}.topbar nav button:hover{background:#1f2937}.topbar nav button.active{background:var(--primary);color:#fff}main{flex:1;padding:1.5rem}h2{margin:0 0 1rem;font-size:1.1rem}.panel{background:var(--panel);border:1px solid var(--border);border-radius:12px;min-width:0;padding:1.2rem}.panel-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.panel-header h2{margin:0}.muted{color:var(--muted)}.small{font-size:.85rem}.negative{color:var(--danger)}.positive{color:var(--success)}.stack{flex-direction:column;gap:1.5rem;display:flex}.two-col{grid-template-columns:minmax(280px,1fr) 2fr;align-items:start;gap:1.5rem;display:grid}.row{justify-content:space-between;align-items:center;gap:1rem;padding:.3rem 0;display:flex}.row.total{font-size:1.2rem;font-weight:700}.actions{justify-content:flex-end;gap:.6rem;margin-top:.8rem;display:flex}.btn{cursor:pointer;border:none;border-radius:8px;padding:.6rem 1.2rem;font-weight:600}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--primary);color:#fff}.btn.primary:hover:not(:disabled){background:var(--primary-dark)}.btn.secondary{color:var(--text);background:#e5e7eb}.btn.danger{background:var(--danger);color:#fff}.link{color:var(--primary);cursor:pointer;background:0 0;border:none;padding:0 .3rem}.link.danger{color:var(--danger)}.pos{grid-template-columns:2fr minmax(320px,1fr);align-items:start;gap:1.5rem;display:grid}.search{width:100%;margin-bottom:1rem}.product-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.8rem;display:grid}.product-card{text-align:left;border:1px solid var(--border);cursor:pointer;background:#f9fafb;border-radius:10px;flex-direction:column;gap:.3rem;padding:1rem;transition:transform .1s,border-color .1s;display:flex}.product-card:hover:not(:disabled){border-color:var(--primary);transform:translateY(-2px)}.product-card.disabled{opacity:.45;cursor:not-allowed}.product-name{font-weight:600}.product-price{color:var(--primary);font-weight:700}.product-stock{color:var(--muted);font-size:.8rem}.product-stock.low{color:var(--danger)}.cart-panel{position:sticky;top:1rem}.cart-list{max-height:45vh;margin:0;padding:0;list-style:none;overflow-y:auto}.cart-list li{border-bottom:1px solid var(--border);grid-template-columns:1fr auto auto;align-items:center;gap:.8rem;padding:.6rem 0;display:grid}.qty{align-items:center;gap:.4rem;display:flex}.qty button{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:6px;width:28px;height:28px}.qty span{text-align:center;min-width:1.5rem}.line-total{text-align:right;min-width:90px;font-weight:600}.cart-footer{border-top:2px dashed var(--border);margin-top:1rem;padding-top:.6rem}.cart-footer input{text-align:right;width:140px}.form{flex-direction:column;gap:.8rem;display:flex}.form label{color:var(--muted);flex-direction:column;gap:.3rem;font-size:.9rem;display:flex}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--border);padding:.6rem .5rem}th{text-transform:uppercase;color:var(--muted);font-size:.8rem}tfoot td{border-bottom:none;font-weight:700}.row-actions{text-align:right;white-space:nowrap}.tag{color:var(--primary);background:#eef2ff;border-radius:999px;padding:.15rem .5rem;font-size:.8rem}.bar-row{margin-bottom:.6rem}.bar{background:#eef2f7;border-radius:999px;height:8px;overflow:hidden}.bar div{background:var(--primary);height:100%}.cards{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;display:grid}.card{background:var(--panel);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:.3rem;padding:1rem 1.2rem;display:flex}.card strong{font-size:1.4rem}.modal-backdrop{z-index:10;background:#00000073;place-items:center;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:12px;width:min(380px,92vw);padding:1.5rem}.receipt h3{text-align:center;margin:0}.receipt p{text-align:center}.receipt ul{border-top:1px dashed var(--border);border-bottom:1px dashed var(--border);margin:1rem 0;padding:0;list-style:none}.receipt li{justify-content:space-between;padding:.4rem 0;display:flex}@media (width<=860px){.pos,.two-col{grid-template-columns:1fr}.cart-panel{position:static}}@media print{body *{visibility:hidden}.receipt,.receipt *{visibility:visible}.receipt{position:absolute;top:0;left:0}.receipt .actions{display:none}}