*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#5c0f0f;--surface:silver;--surface-dark:#a0a0a0;--text:#fff;--text-dark:#1a1a1a}html,body,#root{height:100%}body{background-color:var(--bg);color:var(--text);min-height:100dvh;font-family:system-ui,sans-serif}.scanner-view{flex-direction:column;align-items:center;min-height:100dvh;padding:2rem 1rem;display:flex}.scanner-prompt{letter-spacing:.1em;margin-bottom:1rem;font-size:1.5rem;font-weight:700}#scanner-viewfinder{border-radius:12px;width:100%;max-width:400px;overflow:hidden}.barcode-graphic{letter-spacing:.05em;color:var(--surface);margin-top:1.5rem;font-size:2rem}.manual-form{align-items:center;gap:.5rem;width:100%;max-width:400px;margin-top:1rem;display:flex}.manual-input{background:var(--surface);min-width:0;color:var(--text-dark);text-align:center;border:none;border-radius:999px;outline:none;flex:1;padding:.85rem 1.25rem;font-size:1rem}.manual-input::placeholder{color:#666}.manual-submit{background:var(--surface);width:3rem;height:3rem;color:var(--text-dark);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.3rem;display:flex}.manual-submit:active{background:var(--surface-dark)}.detail-view{flex-direction:column;align-items:center;gap:.75rem;min-height:100dvh;padding:2rem 1rem;display:flex}.item-name{background:var(--surface);width:100%;max-width:480px;color:var(--text-dark);text-align:center;border-radius:12px;margin-bottom:.5rem;padding:1rem 1.25rem;font-size:1.1rem;font-weight:600}.table-header{opacity:.75;text-transform:uppercase;letter-spacing:.05em;grid-template-columns:1fr 1fr 1fr;width:100%;max-width:480px;padding:0 1.25rem;font-size:.85rem;font-weight:600;display:grid}.table-row{background:var(--surface);width:100%;max-width:480px;color:var(--text-dark);border-radius:999px;grid-template-columns:1fr 1fr 1fr;padding:.9rem 1.25rem;font-size:1rem;font-weight:500;display:grid}.back-btn{background:var(--surface);color:var(--text-dark);letter-spacing:.1em;cursor:pointer;border:none;border-radius:999px;min-width:140px;margin-top:1.5rem;padding:.85rem 2.5rem;font-size:1rem;font-weight:700}.back-btn:active{background:var(--surface-dark)}.status-message{justify-content:center;align-items:center;min-height:100dvh;font-size:1.2rem;display:flex}.error-view{flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;min-height:100dvh;padding:2rem;display:flex}.error-message{color:#fcc;text-align:center;font-size:1.1rem}.branding-placeholder{height:60px;margin-top:auto}