:root{font-family:Inter,Arial,sans-serif;color:#111;background:#f4f7f9}*{box-sizing:border-box}body{margin:0}.app{max-width:760px;margin:auto;padding:18px}.top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px}.brand{min-width:0}.brand-logo{display:block;max-width:230px;width:100%;height:auto;margin:0 0 12px}.brand h1{margin:0;font-size:28px}.muted{color:#667085}.card{background:#fff;border-radius:16px;padding:18px;margin:14px 0;box-shadow:0 2px 12px #0000000d}.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}label{font-weight:700;font-size:14px;display:block;margin-bottom:6px}input,select,textarea,button{font:inherit}input,select,textarea{width:100%;padding:13px;border:1px solid #cfd4dc;border-radius:10px;background:#fff}textarea{min-height:90px}.row{display:grid;grid-template-columns:1fr 110px 44px;gap:8px;margin:8px 0;align-items:start}.product-select-wrap{min-width:0}.opening-qty{font-size:12px;margin:5px 2px 0}.btn{border:0;border-radius:11px;padding:14px 16px;font-weight:700;cursor:pointer}.primary{background:#111;color:#fff}.secondary{background:#e9edf2;color:#111}.danger{background:#fbe9e9;color:#8b1d1d}.full{width:100%}.pill{font-size:12px;padding:5px 9px;border-radius:999px;background:#eaf7ee;color:#16733b}.offline{background:#fff3cd;color:#7a5a00}.history-item{border-top:1px solid #eee;padding:12px 0}.history-item:first-child{border-top:0}.status{font-size:12px;font-weight:700}.ok{color:#16803c}.pending{color:#9a6700}.footer-note{font-size:12px;color:#777;text-align:center;margin:20px}.hidden{display:none}@media(max-width:600px){.grid{grid-template-columns:1fr}.row{grid-template-columns:1fr 85px 42px}.app{padding:12px}.top{flex-direction:column}.brand-logo{max-width:210px}.brand h1{font-size:24px}}