:root{--rouge:#dc2626;--orange:#f59e0b;--vert:#16a34a}*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif;background:#0f172a;color:#f1f5f9}.app{display:flex;flex-direction:column;min-height:100dvh}.app main{flex:1;overflow-y:auto;padding:1rem 1rem 5rem}.app header h1{font-size:1.25rem;padding:1rem;margin:0}.app nav{position:fixed;bottom:0;left:0;right:0;display:flex;background:#1e293b;padding-bottom:env(safe-area-inset-bottom)}.app nav button{flex:1;padding:1rem;font-size:1rem;border:0;background:transparent;color:#94a3b8}.app nav button[aria-current=true]{color:#f1f5f9;border-top:3px solid #3b82f6}.inventaire{list-style:none;margin:0;padding:0}.lot{display:flex;align-items:center;gap:.75rem;padding:.75rem;margin-bottom:.5rem;border-radius:.5rem;background:#1e293b;border-left:5px solid}.lot.rouge{border-color:var(--rouge)}.lot.orange{border-color:var(--orange)}.lot.vert{border-color:var(--vert)}.lot img{width:44px;height:44px;object-fit:contain}.lot .details{display:flex;flex-direction:column;flex:1;font-size:.9rem}.lot .marque,.lot .emplacement{color:#94a3b8;font-size:.8rem}.lot .quantite{font-size:1.25rem;font-weight:600}.lot button{font-size:1.1rem;padding:.5rem .9rem;border-radius:.4rem;border:0;background:#334155;color:#f1f5f9}.scan video{width:100%;height:45vh;object-fit:cover;background:#000;border-radius:.5rem}.scan .consigne{text-align:center;color:#94a3b8}.toast{position:fixed;top:1rem;left:50%;transform:translate(-50%);background:var(--vert);padding:.6rem 1.2rem;border-radius:2rem}.fiche{text-align:center}.fiche img{max-height:120px}.fiche h2{margin:.5rem 0 0}.fiche .marque{color:#94a3b8;margin:.2rem 0 1rem}.fiche .type-date{color:#94a3b8;margin-bottom:.25rem}.fiche .date{font-size:1.6rem;padding:.5rem;text-align:center;border-radius:.5rem;border:0;width:100%;max-width:18rem}.fiche .raccourcis,.fiche .quantite{display:flex;gap:.5rem;justify-content:center;margin:1rem 0;align-items:center}.fiche .raccourcis button,.fiche .quantite button{padding:.6rem 1rem;font-size:1.1rem;border-radius:.5rem;border:0;background:#334155;color:#f1f5f9}.fiche .quantite span{font-size:1.5rem;min-width:2rem}.fiche .principal{width:100%;max-width:18rem;padding:1rem;font-size:1.1rem;background:var(--vert);color:#fff;border:0;border-radius:.5rem;margin-bottom:.5rem}.connexion{padding:2rem 1rem;text-align:center}.connexion .profils{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.connexion .profils button{padding:1.5rem 2rem;font-size:1.2rem;border:0;border-radius:1rem;color:#fff}.connexion form{display:flex;flex-direction:column;gap:.75rem;max-width:18rem;margin:2rem auto}.connexion input{padding:.8rem;font-size:1.1rem;border-radius:.5rem;border:0}.connexion button[type=submit]{padding:.9rem;background:#3b82f6;color:#fff;border:0;border-radius:.5rem;font-size:1rem}[role=alert]{color:var(--rouge)}.scan .secondaire{display:block;margin:1rem auto 0;padding:.7rem 1.2rem;background:transparent;color:#94a3b8;border:1px solid #334155;border-radius:.5rem;font-size:.95rem}.inconnu{display:flex;flex-direction:column;gap:.75rem;max-width:20rem;margin:1rem auto;text-align:center}.inconnu input{padding:.8rem;font-size:1.2rem;text-align:center;border-radius:.5rem;border:0}.inconnu button[type=submit],.inconnu button:first-of-type{padding:.9rem;background:#3b82f6;color:#fff;border:0;border-radius:.5rem;font-size:1rem}.inconnu button[type=button]{background:#334155;color:#f1f5f9;padding:.7rem;border:0;border-radius:.5rem}