:root{font-family:Arial,sans-serif;color:#172033;background:#f2f0f5}*{box-sizing:border-box}body{margin:0}.app{max-width:620px;min-height:100vh;margin:auto;padding:20px;background:#fff}header{display:grid;grid-template-columns:1fr auto;align-items:end;border-bottom:4px solid #6d1ca7;padding:8px 0 18px}header p,.eyebrow{margin:0;color:#7b1fa2;font-weight:900;letter-spacing:.08em;font-size:12px}h1,h2{margin:4px 0 10px}header h1{grid-column:1;font-size:28px}header span{grid-column:2;grid-row:1/3;border-radius:20px;background:#f1e9f6;padding:8px 11px;font-size:12px;font-weight:800}.config{grid-column:2;grid-row:1;justify-self:end;min-height:34px;width:38px;padding:0;border-radius:50%;font-size:18px}.screen{display:none;padding-top:24px}.screen.active{display:block}.screen>p{color:#52606c;line-height:1.45}.categories{display:grid;gap:14px;margin:24px 0}.categories button,.quick button{border:2px solid #d8c7e4;border-radius:16px;background:#fcfaff;color:#531381}.categories button{min-height:105px;padding:18px;text-align:left;font-size:35px}.categories strong{display:block;margin-top:8px;font-size:22px}button{min-height:58px;border:0;border-radius:12px;background:#6e1ba7;color:#fff;padding:0 18px;font-size:16px;font-weight:900}button.secondary,.back{background:#fff;color:#354151;border:2px solid #cfd5dc}.back{min-height:46px;margin-bottom:16px}.camera{position:relative;min-height:245px;overflow:hidden;border-radius:18px;background:#18212a}.camera video{width:100%;height:300px;object-fit:cover}.camera p{position:absolute;inset:auto 12px 12px;margin:0;padding:10px;border-radius:8px;background:#000b;color:#fff;font-size:13px}label{display:grid;gap:8px;margin:20px 0;font-size:14px;font-weight:900}input{width:100%;min-height:62px;border:2px solid #bfc6ce;border-radius:12px;padding:0 16px;font-size:20px;font-weight:800}.actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.quick button{min-height:52px;background:#f2eafb;color:#5f168f}.barcode-value{font-family:monospace;font-size:19px;font-weight:800}.line-list{display:grid;gap:10px;margin:18px 0}.line{padding:14px;border-radius:12px;background:#f5f2f7;border-left:6px solid #6e1ba7}.line strong,.line span{display:block}.line span{margin-top:4px;color:#53606d}.danger{width:100%;background:#b3192c}@media(max-width:390px){.app{padding:15px}.actions{grid-template-columns:1fr}.quick{grid-template-columns:repeat(3,1fr)}}
.hidden{display:none!important}#scannerFallback{min-height:300px;background:#111}#scannerFallback video{width:100%!important;height:300px!important;object-fit:cover}