*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;overscroll-behavior:none}body{font-family:Inter,system-ui,sans-serif;background:#eef2ff;color:#111827;overflow-x:hidden}button,input,textarea,select{font:inherit}button{cursor:pointer}@page{size:4in 6in;margin:0}@media print{html,body,#root{margin:0!important;padding:0!important;width:4in;height:6in;min-width:4in;min-height:6in;max-width:4in;max-height:6in;background:#fff!important;overflow:hidden!important}body{position:fixed!important;inset:0 auto auto 0!important}body *{visibility:hidden!important}.qr-print-page,.qr-print-page *,.qr-print-label,.qr-print-label *{visibility:visible!important}.qr-print-page{position:fixed!important;inset:0 auto auto 0!important;display:block!important;width:4in!important;height:6in!important;min-width:4in!important;min-height:6in!important;max-width:4in!important;max-height:6in!important;margin:0!important;padding:0!important;background:#fff!important;overflow:hidden!important;contain:size layout paint!important}.qr-print-label{position:absolute!important;top:0!important;left:0!important;width:4in!important;height:6in!important;min-width:4in!important;min-height:6in!important;max-width:4in!important;max-height:6in!important;margin:0!important;padding:.25in!important;box-sizing:border-box!important;box-shadow:none!important;background:#fff!important;color:#000!important;overflow:hidden!important;transform:scale(.94)!important;transform-origin:top left!important;page-break-after:avoid!important;page-break-before:avoid!important;page-break-inside:avoid!important;break-inside:avoid!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.qr-print-image{width:2.6in!important;height:2.6in!important;max-width:2.6in!important;max-height:2.6in!important}.qr-print-title{font-size:.36in!important;line-height:1.1!important}.qr-print-button{display:none!important}}.app-shell{min-height:100vh;background:#f7f8fb;color:#111827;padding:1rem}.topbar{margin-bottom:1rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem}.eyebrow{margin:0 0 .25rem;color:#6366f1;font-size:.85rem;font-weight:700}h1{margin:0;font-size:clamp(2.25rem,3vw,3rem)}.toast{margin-bottom:1rem;padding:.95rem 1rem;border-radius:.9rem;background:#eef2ff;color:#1e3a8a;border:1px solid #c7d2fe}main{display:grid;gap:1rem}.panel{background:#fff;border-radius:.7rem;padding:.5rem 1rem;box-shadow:0 20px 60px #0f172a14}.form-grid{display:grid;gap:1rem}label{display:grid;gap:.5rem;font-weight:600}input,select{width:100%;border-radius:.75rem;border:1px solid #d1d5db;padding:.9rem 1rem;font-size:1rem}.primary-button{border:none;background:#6366f1;color:#fff;font-weight:700;padding:1rem;border-radius:.9rem;cursor:pointer}.danger-button{border:none;background:#ef4444;color:#fff;font-weight:700;padding:.9rem 1rem;border-radius:.9rem;cursor:pointer}.status{color:#4b5563}.hint{color:#4b5563;font-size:.95rem;margin:0}.grid-list{display:grid;gap:1rem}.card{border:1px solid #e5e7eb;border-radius:1rem;padding:.3rem 1rem;background-color:#fff}.scanner-video{width:100%;max-width:480px;aspect-ratio:1/1;border-radius:1rem;background:#000;display:block;overflow:hidden;margin-top:1rem;margin-inline:auto}.scanner-video video,.scanner-video canvas{width:100%!important;height:100%!important;object-fit:cover}.scanner-video>div{width:100%!important;height:100%!important}.scanner-footer{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin-top:1rem}.admin-card{border-color:#e0e7ff}.bin-header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.card-title{font-size:1.25rem;font-weight:600}.card-title-button{border:0;background:transparent;color:inherit;cursor:pointer;padding:0;text-align:left}.card-title-button:hover{color:#4f46e5}.qr-code{margin:.45rem 0 0;color:#6b7280;font-size:.95rem}.card-actions{display:flex;flex-wrap:wrap;gap:.5rem}.category-chip{display:inline-flex;align-items:center;border-radius:9999px;background:#eef2ff;color:#3730a3;font-size:.8rem;font-weight:600;padding:.25rem .55rem}.edit-form{margin-top:1rem;display:grid;gap:.75rem}.edit-actions{display:flex;gap:.75rem;flex-wrap:wrap}.small-text{color:#6b7280;font-size:.9rem;margin-top:.75rem}.item-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;margin-top:.75rem;color:#6b7280;font-size:.95rem}@media (min-width: 720px){main{grid-template-columns:1fr 1.25fr}}