:root { font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color:#f5fbf9; background:#071818; }
* { box-sizing:border-box; }
body { margin:0; min-height:100vh; background:linear-gradient(180deg,#0d3532 0,#071818 42%); }
header { position:sticky; top:0; z-index:2; display:flex; align-items:center; justify-content:space-between; padding:18px 18px 14px; background:rgba(7,24,24,.92); backdrop-filter:blur(12px); border-bottom:1px solid rgba(255,255,255,.09); }
h1,h2,p { margin-top:0; } h1 { font-size:1.45rem; margin-bottom:0; } h2 { font-size:1.05rem; margin-bottom:8px; }
.eyebrow { margin:0 0 3px; font-size:.7rem; letter-spacing:.18em; color:#7ee0c4; font-weight:800; }
main { max-width:760px; margin:0 auto; padding:16px 14px 48px; }
.card { margin-bottom:14px; padding:16px; background:rgba(16,52,49,.82); border:1px solid rgba(255,255,255,.1); border-radius:18px; box-shadow:0 14px 40px rgba(0,0,0,.2); }
.muted { color:#b9cbc7; font-size:.88rem; }
button,.upload span { min-height:46px; border:0; border-radius:12px; padding:11px 15px; font-weight:800; font-size:.95rem; cursor:pointer; }
button { width:100%; color:#06201c; background:#76e4c3; }
button:disabled { opacity:.45; cursor:not-allowed; }
.ghost { width:auto; min-height:38px; padding:8px 11px; background:rgba(255,255,255,.09); color:#ecfffa; }
.upload { display:block; margin:14px 0 10px; }
.upload input { position:absolute; opacity:0; pointer-events:none; }
.upload span { display:flex; align-items:center; justify-content:center; color:#06201c; background:#fff; }
#preview { width:100%; max-height:330px; object-fit:contain; border-radius:12px; margin:4px 0 12px; background:#041110; }
.status { min-height:20px; margin:10px 0 0; font-size:.88rem; color:#ddf7ef; }
.section-title { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.review-row { display:grid; grid-template-columns:minmax(0,1fr) 72px 110px 38px; gap:7px; margin-bottom:8px; }
input,select { width:100%; min-height:43px; border-radius:10px; border:1px solid rgba(255,255,255,.14); padding:9px 10px; background:#092421; color:#fff; font-size:16px; }
.remove { font-size:1.35rem; padding:0; }
.field { display:block; margin:14px 0; font-size:.82rem; color:#cce0db; }
.field input { margin-top:6px; }
.inventory-list { display:grid; gap:8px; }
.inventory-item { display:grid; grid-template-columns:1fr auto; gap:8px; padding:11px 12px; border-radius:11px; background:rgba(0,0,0,.16); }
.inventory-item strong { display:block; } .inventory-item small { color:#aac2bc; }
.inventory-item .count { font-size:1.1rem; font-weight:900; align-self:center; }
@media (max-width:540px) { .review-row { grid-template-columns:minmax(0,1fr) 64px; } .review-row .unit { grid-column:1/2; } .review-row .remove { grid-column:2/3; grid-row:2; } }