:root{--ink:#241a17;--muted:#7c6d63;--line:#eaded1;--paper:#fffaf3;--card:#fff;--brand:#9d651c;--brand2:#c9964b;--dark:#2e1911;--ok:#eaf5e6;--danger:#fff0ee}*{box-sizing:border-box}body,html{margin:0;background:#f7f2ea;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.shell{min-height:100dvh;padding-bottom:92px}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:rgba(46,25,17,.97);color:#fff;border-bottom:1px solid hsla(0,0%,100%,.12)}.brand{font-weight:800;letter-spacing:.08em;font-size:14px}.topbar small{opacity:.72}.top-actions{display:flex;gap:8px;align-items:center}.ghost-btn,.icon-btn{border:1px solid hsla(0,0%,100%,.25);background:transparent;color:inherit;border-radius:12px;padding:9px 12px}.page{width:min(1180px,100%);margin:auto;padding:18px 16px}.hero{display:grid;grid-gap:8px;gap:8px;margin-bottom:16px}.eyebrow{font-size:12px;letter-spacing:.18em;font-weight:800;color:var(--brand)}h1,h2,h3,p{margin-top:0}.hero h1{font-size:clamp(28px,7vw,48px);line-height:1;margin-bottom:4px}.muted{color:var(--muted)}.quick-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.quick{display:flex;min-height:112px;flex-direction:column;justify-content:space-between;text-decoration:none;color:inherit;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:16px;box-shadow:0 12px 28px rgba(55,36,22,.05)}.quick b{font-size:18px}.quick span{font-size:28px}.quick small{color:var(--muted)}.panel{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:14px;box-shadow:0 10px 30px rgba(55,36,22,.05)}.toolbar{display:grid;grid-template-columns:1fr;grid-gap:10px;gap:10px;margin-bottom:12px}.input,.select,.textarea{width:100%;border:1px solid #d9c8b8;border-radius:14px;background:#fff;padding:13px 14px;outline:none}.input:focus,.select:focus,.textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(157,101,28,.12)}.btn{border:0;border-radius:14px;padding:13px 16px;font-weight:800;background:var(--dark);color:#fff}.btn.brand{background:linear-gradient(135deg,#a86b19,#d2a459);color:#21170f}.btn.secondary{background:#f3ebe1;color:var(--ink);border:1px solid var(--line)}.btn.danger{background:#8a2f28}.btn:disabled{opacity:.45;cursor:not-allowed}.status{padding:10px 12px;border-radius:12px;background:#fff6df;border:1px solid #ecd6a3;margin-bottom:10px}.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.product-card{position:relative;display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;text-align:left}.image-placeholder,.product-card img{width:100%;aspect-ratio:1/1;object-fit:cover;background:#eee3d4}.image-placeholder{display:grid;place-items:center;color:#a8917f;font-size:34px}.product-info{padding:12px;display:grid;grid-gap:6px;gap:6px}.product-info b{font-size:15px;line-height:1.2}.product-info small{color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stock{font-size:12px;color:#725d4e}.price{font-size:16px;font-weight:900}.add{position:absolute;right:10px;top:calc(100% - 52px);width:38px;height:38px;border-radius:50%;border:0;background:var(--dark);color:#fff;font-size:22px}.sales-list{display:grid;grid-gap:8px;gap:8px}.sales-row{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:10px;gap:10px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:16px;background:#fff}.sales-row b{display:block;font-size:16px}.sales-row small{color:var(--muted)}.cart-drawer{position:fixed;left:0;right:0;bottom:0;z-index:30;background:#26150f;color:#fff;border-radius:20px 20px 0 0;box-shadow:0 -8px 34px rgba(0,0,0,.2)}.cart-summary{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;min-height:68px}.cart-panel{max-height:68dvh;overflow:auto;padding:0 16px 18px}.cart-item{display:grid;grid-template-columns:1fr auto;grid-gap:8px;gap:8px;padding:10px 0;border-bottom:1px solid hsla(0,0%,100%,.12)}.qty{display:flex;gap:8px;align-items:center}.qty button{width:34px;height:34px;border-radius:50%;border:1px solid hsla(0,0%,100%,.25);background:transparent;color:#fff}.pay-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px}.cart-panel .input,.pay-grid .select{background:#fff;color:#21170f}.section-title{display:flex;align-items:end;justify-content:space-between;gap:10px}.chips{display:flex;gap:8px;overflow:auto;padding-bottom:4px;scrollbar-width:none}.chip{white-space:nowrap;border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 12px}.chip.active{background:var(--dark);color:#fff}.load-more{width:100%;margin-top:12px}.form-grid{display:grid;grid-template-columns:1fr;grid-gap:10px;gap:10px}.check-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px}.check{display:flex;gap:8px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:10px}.product-manage-row{display:grid;grid-template-columns:72px 1fr;grid-gap:12px;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.product-manage-row img{width:72px;height:72px;object-fit:cover;border-radius:14px}.transfer-item{grid-template-columns:1fr 100px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.transfer-history,.transfer-item{display:grid;grid-gap:8px;gap:8px}.transfer-card{padding:12px;border:1px solid var(--line);border-radius:14px;background:#fff}.badge{display:inline-flex;border-radius:999px;background:#f0e8de;padding:5px 8px;font-size:11px;font-weight:800}.login{min-height:100dvh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at top,#5a321f,#1e110d 68%)}.login-card{width:min(430px,100%);background:#fffaf3;border-radius:28px;padding:24px;box-shadow:0 30px 80px rgba(0,0,0,.35)}.login-card h1{font-size:36px;margin-bottom:8px}.login-card form{display:grid;grid-gap:10px;gap:10px}.nav-bottom{position:fixed;bottom:0;left:50%;transform:translateX(-50%);z-index:22;width:min(760px,100%);display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-top:1px solid var(--line);padding:7px max(8px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom));box-shadow:0 -4px 20px rgba(0,0,0,.08)}.nav-bottom a{text-decoration:none;color:#5e514a;text-align:center;padding:7px 4px;border-radius:10px;font-size:11px;font-weight:700}.nav-bottom a span{display:block;font-size:20px;margin-bottom:2px}.desktop-cart{display:none}@media(min-width:760px){.page{padding:24px}.quick-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.toolbar{grid-template-columns:minmax(260px,1fr) auto}.product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.pos-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;grid-gap:14px;gap:14px}.desktop-cart{display:block;position:-webkit-sticky;position:sticky;top:78px;height:-moz-fit-content;height:fit-content}.cart-drawer.mobile,.nav-bottom{display:none}.shell{padding-bottom:0}.sales-list{grid-template-columns:repeat(2,minmax(0,1fr))}}