:root{--green:#166534;--green2:#22c55e;--red:#dc2626;--blue:#2563eb;--ink:#17202a;--muted:#64748b;--bg:#f4f7f5;--card:#fff}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif}
header{height:64px;background:var(--green);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 max(18px,calc((100% - 1050px)/2));position:sticky;top:0;z-index:4;box-shadow:0 2px 10px #0002}
header div{display:flex;align-items:center;gap:10px;font-size:20px}.logo{font-size:28px}.icon{border:0;background:#ffffff20;color:#fff;border-radius:10px;width:42px;height:42px;font-size:25px}
main{max-width:1050px;margin:auto;padding:24px 18px 60px}.view{display:none}.view.active{display:block}h1{font-size:26px;margin:4px 0 22px}
.actions{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.big{border:0;border-radius:16px;background:#fff;min-height:132px;padding:18px 10px;font-weight:700;font-size:16px;box-shadow:0 3px 14px #17352112;color:var(--ink)}
.big span{display:flex;width:54px;height:54px;border-radius:50%;align-items:center;justify-content:center;margin:0 auto 12px;color:#fff;font-size:32px}.sale span{background:var(--red)}.entry span{background:var(--green2)}.consult span{background:var(--blue)}.inventory span{background:#7c3aed}.new span{background:#ea580c}.big:active{transform:scale(.98)}
.summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:22px}.stat{background:#fff;padding:16px;border-radius:13px}.stat b{display:block;font-size:23px;margin-top:4px}.stat small{color:var(--muted)}
.card{max-width:620px;background:#fff;padding:22px;border-radius:16px;box-shadow:0 3px 14px #17352112}.scan-card{margin:auto}label{font-size:14px;font-weight:700;display:block;margin:13px 0 7px}
input{width:100%;border:1px solid #cbd5e1;border-radius:10px;padding:13px;font-size:18px;background:#fff}input:focus{outline:3px solid #22c55e33;border-color:var(--green2)}
.qty{display:grid;grid-template-columns:55px 1fr 55px;gap:8px}.qty button{border:0;border-radius:10px;font-size:28px}.qty input{text-align:center}.primary{width:100%;border:0;border-radius:11px;background:var(--green);color:#fff;padding:15px;margin-top:20px;font-weight:700;font-size:17px}
.back{border:0;background:transparent;color:var(--green);font-weight:700;padding:5px 0;margin-bottom:14px}.search{margin-bottom:16px}.product-list{display:grid;gap:9px}
.product-row{background:#fff;border-radius:12px;padding:14px;display:grid;grid-template-columns:1fr auto auto;gap:18px;align-items:center}.product-row small{display:block;color:var(--muted);margin-top:4px}.price{font-weight:700}.stock{min-width:76px;text-align:center;padding:8px;border-radius:9px;background:#dcfce7;color:#166534;font-weight:700}.stock.low{background:#fee2e2;color:#991b1b}
.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.result{max-width:620px;margin:14px auto;background:#fff;padding:18px;border-radius:13px;border-left:6px solid var(--green2)}.result.error{border-color:var(--red)}
#toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,120px);background:#17202a;color:#fff;padding:13px 20px;border-radius:10px;transition:.25s;z-index:10;text-align:center}#toast.show{transform:translate(-50%,0)}
@media(max-width:780px){.actions{grid-template-columns:1fr 1fr}.big{min-height:118px}.actions .new{grid-column:1/-1}.summary{grid-template-columns:1fr 1fr}.product-row{grid-template-columns:1fr auto}.price{display:none}}
@media(max-width:430px){main{padding:18px 12px 45px}h1{font-size:23px}.big{font-size:15px;padding:14px 5px}.summary{grid-template-columns:1fr 1fr}.stat b{font-size:18px}.two{grid-template-columns:1fr}.product-row{padding:12px}}