:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e7e5e4;-webkit-font-smoothing:antialiased;background-color:#1c1917;font-family:system-ui,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box}body{min-height:100dvh;margin:0}h1,h2{color:#fafaf9;font-weight:600}p{margin:0}.pf{flex-direction:column;gap:.9rem;display:flex}.pf__notice{text-align:center;color:#a8a29e;margin:0;font-size:.9rem}.pf__notice--ok{color:#86efac}.pf__img{object-fit:contain;background:#fff;border-radius:10px;align-self:center;max-width:60%;max-height:160px;padding:4px}.pf__field{color:#a8a29e;flex-direction:column;gap:.3rem;font-size:.85rem;display:flex}.pf__field input,.pf__field select,.pf__field textarea{color:#f5f5f4;background:#292524;border:1px solid #57534e;border-radius:10px;width:100%;padding:.6rem .7rem;font-size:1rem}.pf__field input:focus,.pf__field select:focus,.pf__field textarea:focus{border-color:#0000;outline:2px solid #b45309}.pf__field select{text-transform:capitalize}.pf__row{grid-template-columns:1fr 1fr .6fr;gap:.6rem;display:grid}.pf__actions{gap:.6rem;margin-top:.4rem;display:flex}.pf__btn{appearance:none;cursor:pointer;border:none;border-radius:12px;flex:1;padding:.8rem;font-size:1rem;font-weight:600}.pf__btn--ghost{color:#e7e5e4;background:#292524;border:1px solid #57534e}.pf__btn--primary{color:#fff;background:#b45309}.pf__btn--primary:disabled{opacity:.5;cursor:not-allowed}.pf__barcode{text-align:center;margin:0;font-size:.8rem}.collection{margin-top:1.5rem}.collection__empty{text-align:center;margin-top:2rem}.collection__head{justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.collection__title{color:#d6d3d1;margin:0;font-size:1rem}.collection__total{color:#a8a29e;font-size:.8rem}.collection__search{color:#f5f5f4;background:#292524;border:1px solid #57534e;border-radius:10px;width:100%;margin:.6rem 0 1rem;padding:.55rem .7rem;font-size:.95rem}.collection__search:focus{border-color:#0000;outline:2px solid #b45309}.group{margin-bottom:.5rem}.group__head{appearance:none;color:#f5f5f4;cursor:pointer;background:#292524;border:none;border-radius:10px;align-items:center;gap:.5rem;width:100%;padding:.6rem .7rem;font-size:.95rem;display:flex}.group__chevron{color:#a8a29e;flex-shrink:0;width:.9rem}.group__label{text-transform:capitalize;text-align:left;flex:1;font-weight:600}.group__count{font-variant-numeric:tabular-nums;color:#fbbf24;background:#1c1917;border-radius:999px;padding:.1rem .6rem;font-size:.85rem}.group__items{flex-direction:column;gap:.4rem;margin:.4rem 0 0;padding:0;list-style:none;display:flex}.item{border:1px solid #44403c;border-radius:10px;align-items:center;gap:.6rem;padding:.5rem .55rem;display:flex}.item__img{object-fit:contain;background:#fff;border-radius:8px;flex-shrink:0;width:38px;height:38px}.item__img--ph{background:#1c1917;justify-content:center;align-items:center;font-size:1.1rem;display:flex}.item__info{flex-direction:column;flex:1;min-width:0;display:flex}.item__name{color:#f5f5f4;white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.item__meta{color:#a8a29e;font-size:.8rem}.item__qty{flex-shrink:0;align-items:center;gap:.35rem;display:flex}.item__qty button{appearance:none;color:#e7e5e4;cursor:pointer;background:#292524;border:1px solid #57534e;border-radius:7px;width:26px;height:26px;font-size:1rem;line-height:1}.item__qty button:disabled{opacity:.4;cursor:not-allowed}.item__qty-n{text-align:center;font-variant-numeric:tabular-nums;min-width:1.1rem}.item__del{appearance:none;color:#78716c;cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0 .2rem;font-size:1.4rem;line-height:1}.item__del:active{color:#fca5a5}.app{max-width:480px;padding:env(safe-area-inset-top) 1rem 1rem;min-height:100dvh;margin:0 auto}.app__header{text-align:center;padding-top:1.5rem}.app__header h1{margin:0;font-size:1.6rem}.app__tagline{color:#a8a29e;margin:.25rem 0 0}.app__header--user{text-align:left;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.app__titles h1{font-size:1.25rem}.app__titles .app__tagline{font-size:.85rem}.app__account{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.app__avatar{object-fit:cover;border-radius:50%;width:32px;height:32px}.app__signout{appearance:none;color:#d6d3d1;cursor:pointer;background:#292524;border:1px solid #57534e;border-radius:999px;padding:.35rem .7rem;font-size:.8rem}.app--login{flex-direction:column;display:flex}.login{flex-direction:column;align-items:center;gap:1.25rem;margin-top:3rem;display:flex}.login__prompt{color:#a8a29e}.gsi{min-height:44px}.app__home{flex-direction:column;gap:1.5rem;margin-top:2rem;display:flex}.app__scan-btn{appearance:none;color:#fff;cursor:pointer;background:#b45309;border:none;border-radius:14px;padding:1rem 1.25rem;font-size:1.15rem;font-weight:600}.app__scan-btn:active{background:#92400e}.app__manual{gap:.5rem;display:flex}.app__manual-input{color:#f5f5f4;background:#292524;border:1px solid #57534e;border-radius:10px;flex:1;padding:.6rem .7rem;font-size:1rem}.app__manual-input:focus{border-color:#0000;outline:2px solid #b45309}.app__manual-btn{appearance:none;color:#e7e5e4;cursor:pointer;background:#292524;border:1px solid #57534e;border-radius:10px;padding:0 1rem;font-size:.95rem}.app__manual-btn:disabled{opacity:.5;cursor:not-allowed}.app__saved{color:#bef264;text-align:center;background:#84cc1614;border:1px solid #3f6212;border-radius:12px;padding:.9rem 1rem;font-size:.92rem}.app__center{flex-direction:column;align-items:center;gap:1rem;margin-top:2.5rem;display:flex}.app__error{color:#fca5a5;text-align:center}.app__error-actions{flex-direction:column;align-items:center;gap:.6rem;width:100%;display:flex}.app__link-btn{appearance:none;color:#fbbf24;cursor:pointer;background:0 0;border:none;font-size:.95rem;text-decoration:underline}.muted{color:#a8a29e}