:root{--green:#123c2f;--green2:#1b5542;--gold:#c7a53d;--bg:#f4f3ed;--card:#fff;--text:#17221d;--muted:#6d776f;--red:#a83c3c;--orange:#b57b24;--line:#e3e4dd}
*{box-sizing:border-box} body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);padding-bottom:82px}
.topbar{background:linear-gradient(135deg,var(--green),#0e2f25);color:#fff;padding:22px 20px 18px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:3;box-shadow:0 6px 24px #0f291f24}.topbar h1{margin:4px 0 0;font-size:24px}.eyebrow{font-size:11px;letter-spacing:.13em;color:#d9c77e}.badge{font-size:11px;background:var(--gold);color:#193126;padding:7px 9px;border-radius:999px;font-weight:800}
main{max-width:720px;margin:auto;padding:18px}.screen{display:none}.screen.active{display:block}.card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:18px;box-shadow:0 8px 24px #17342810;margin-bottom:16px}.hero{display:flex;justify-content:space-between;gap:18px;align-items:center}.hero h2{margin:4px 0 6px;font-size:22px}.hero p{margin:0;color:var(--muted);font-size:14px}.label{font-size:12px;color:var(--muted);font-weight:700}.grid{display:grid;gap:12px}.two{grid-template-columns:1fr 1fr}.action-card{border:1px solid var(--line);background:#fff;border-radius:20px;padding:20px;text-align:left;min-height:135px;box-shadow:0 8px 24px #1734280d}.action-card .icon{font-size:30px;color:var(--gold);display:block;margin-bottom:16px}.action-card b{display:block;font-size:17px}.action-card small{color:var(--muted);display:block;margin-top:6px}.stats{display:grid;grid-template-columns:repeat(3,1fr);text-align:center}.stats div+div{border-left:1px solid var(--line)}.stats span{display:block;font-size:24px;font-weight:800;color:var(--green)}.stats small{display:block;color:var(--muted);margin-top:5px}.primary,.ghost,.danger-outline{border:0;border-radius:14px;padding:13px 16px;font-weight:800;font-size:15px}.primary{background:var(--green);color:#fff}.ghost{background:#eef1ed;color:var(--green)}.danger-outline{background:transparent;border:1px solid #d7a9a9;color:var(--red);margin-top:14px}.full{width:100%;margin-top:12px}.section-title{display:flex;align-items:center;gap:8px;margin:2px 0 14px}.section-title h2{margin:0}.back{border:0;background:transparent;font-size:34px;color:var(--green);padding:0 8px 2px 0}.card label{display:block;font-size:12px;font-weight:800;color:var(--muted);margin:12px 0 6px}.card input,.card select{width:100%;border:1px solid #d7dbd5;background:#fbfcfa;border-radius:12px;padding:13px 12px;font-size:15px;outline:none}.card input:focus,.card select:focus{border-color:var(--green2);box-shadow:0 0 0 3px #1b554216}.fields{align-items:end}.note{font-size:13px;color:var(--muted);padding:0 6px}.note code{color:var(--green);font-weight:800;word-break:break-all}.active-loc-line{background:#f2f5f1;border-radius:12px;padding:11px 12px;color:var(--muted)}.toolbar{display:grid;grid-template-columns:1fr 140px;gap:10px;padding:12px}.stock-list{display:grid;gap:12px}.stock-item{background:#fff;border:1px solid var(--line);border-radius:18px;padding:15px;box-shadow:0 6px 20px #1734280d}.stock-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.stock-head h3{margin:0;font-size:16px}.pill{font-size:11px;padding:6px 8px;border-radius:999px;font-weight:800;white-space:nowrap}.ok{background:#e6f1e9;color:#24643b}.soon{background:#fff0d8;color:#8d5e14}.expired{background:#f8dddd;color:#8f2b2b}.meta{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;font-size:13px;color:var(--muted)}.meta b{color:var(--text)}.empty{padding:36px 20px;text-align:center;color:var(--muted);background:#fff;border:1px dashed #cfd5cf;border-radius:18px}.bottom-nav{position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:1px solid var(--line);display:flex;justify-content:space-around;padding:8px max(8px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom));z-index:4}.bottom-nav button{border:0;background:transparent;color:var(--green);font-size:22px;min-width:70px}.bottom-nav span{display:block;font-size:10px;margin-top:2px;color:#536159}@media(max-width:520px){.hero{align-items:stretch;flex-direction:column}.hero .primary{width:100%}.toolbar{grid-template-columns:1fr}.two.fields{grid-template-columns:1fr 1fr}.topbar h1{font-size:21px}}