*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:Inter,system-ui,sans-serif;background:#eef2ff;color:#111827}button,input,textarea,select{font:inherit}button{cursor:pointer}.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)}.page-tabs{display:flex;gap:.5rem}.tab{border:1px solid #e5e7eb;background:#fff;color:#374151;border-radius:9999px;padding:.75rem 1rem;font-weight:700;cursor:pointer}.tab.active{background:#6366f1;color:#fff;border-color:#6366f1}.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}}