:root{--bg:#EDF1EB;--card:#fff;--line:#E2E8DE;--in:#DCE4D7;--lime:#A6E36A;--lime-ink:#15240B;--pill:#EAF7DC;--pill-line:#C6E6A6;--ink:#1f1f1f;--mute:#595959;--red:#b3261e;--green:#1a7f37}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,sans-serif;font-size:14px;-webkit-tap-highlight-color:transparent}#app{max-width:520px;margin:0 auto;min-height:100vh;padding-bottom:96px}header.top{padding:18px 18px 8px;display:flex;justify-content:space-between;align-items:center;gap:8px;position:sticky;top:0;background:var(--bg);z-index:5}header.top h1{font-size:20px;margin:0}.sub{font-size:12px;color:var(--mute)}main{padding:6px 18px 18px;display:flex;flex-direction:column;gap:10px}.card{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:14px;display:flex;flex-direction:column;gap:6px}.card.hero{background:var(--lime);color:var(--lime-ink);border:0}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.big{font-size:28px;font-weight:700}.row{display:flex;justify-content:space-between;align-items:center;gap:8px}.pill{font-size:11px;font-weight:600;padding:3px 8px;border-radius:99px;background:var(--pill);border:1px solid var(--pill-line);white-space:nowrap}.pill.warn{background:#fdecea;border-color:#f3b8b2;color:var(--red)}.pill.gray{background:#eee;border-color:#ddd}button,.btn{font:inherit;min-height:44px;border-radius:16px;border:1px solid var(--in);background:#fff;padding:0 14px;cursor:pointer;color:inherit;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px}button.pri,.btn.pri{background:var(--lime);color:var(--lime-ink);border:0;font-weight:700}button.dark{background:var(--ink);color:#fff;border:0;font-weight:600}button.danger{color:var(--red);border-color:#f3b8b2}button:disabled{opacity:.5}input,select,textarea{font:inherit;width:100%;min-height:44px;border-radius:14px;border:1px solid var(--in);padding:8px 12px;background:#fff;color:inherit}textarea{min-height:90px}label{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:600;color:#404040}.tabs{display:flex;gap:6px;overflow-x:auto}.tabs button{flex:1;min-width:max-content;font-size:13px}.tabs button.on{background:var(--ink);color:#fff;border:0;font-weight:600}nav.bottom{position:fixed;left:50%;transform:translate(-50%);bottom:14px;width:min(484px,calc(100% - 36px));height:60px;border-radius:30px;background:#fff;box-shadow:0 8px 24px #283c1e24;display:grid;grid-template-columns:repeat(5,1fr);align-items:center;padding:0 6px;z-index:10}nav.bottom a{text-align:center;font-size:11px;text-decoration:none;color:var(--ink);padding:14px 0;border-radius:22px}nav.bottom a.on{background:var(--ink);color:#fff;font-weight:700}.fab{position:fixed;right:max(18px,calc(50% - 242px));bottom:90px;width:56px;height:56px;border-radius:28px;background:var(--lime);color:var(--lime-ink);font-size:28px;border:0;z-index:10;box-shadow:0 6px 18px #283c1e33}.list{display:flex;flex-direction:column;gap:10px}.muted{color:var(--mute)}.red{color:var(--red)}.green{color:var(--green)}.toast{position:fixed;left:50%;transform:translate(-50%);top:14px;background:var(--ink);color:#fff;padding:10px 16px;border-radius:14px;z-index:99;font-size:13px}.sync{font-size:11px;padding:4px 8px;border-radius:99px;background:#fff;border:1px solid var(--line)}.sync.off{background:#fff4cc}.sugg{background:#fff;border:1px solid var(--in);border-radius:14px;overflow:hidden}.sugg button{width:100%;justify-content:flex-start;border:0;border-bottom:1px solid var(--line);border-radius:0;flex-direction:column;align-items:flex-start;padding:8px 12px}.items .it{display:flex;justify-content:space-between;gap:8px;align-items:center;border:1px solid var(--in);border-radius:14px;padding:8px 12px}.check{display:flex;gap:10px;align-items:center;font-size:14px;font-weight:400;color:inherit;flex-direction:row}.check input{width:22px;min-height:22px}.thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.thumbs img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:12px}.login{max-width:360px;margin:12vh auto;padding:24px;display:flex;flex-direction:column;gap:12px;text-align:center}#print{display:none}@media print{body *{visibility:hidden}#app,nav,.fab{display:none!important}#print,#print *{visibility:visible}#print{display:block;position:absolute;left:0;top:0}}.label{width:100mm;height:150mm;padding:5mm;box-sizing:border-box;font-family:Inter,Arial,sans-serif;color:#000;display:flex;flex-direction:column;gap:3mm;page-break-after:always;overflow:hidden}.label .hd{display:flex;justify-content:space-between;align-items:center;border-bottom:.6mm solid #000;padding-bottom:2mm}.label .svc{border:.8mm solid #000;padding:1mm 3mm;text-align:center;font-weight:800;font-size:5mm;line-height:1}.label .nm{font-size:6mm;font-weight:800}.label .ph{font-size:4.5mm;font-weight:700}.label .ad{font-size:3.6mm;line-height:1.35}.label .box{border:.4mm dashed #000;padding:2mm;font-size:3.8mm}.label .ft{margin-top:auto;border-top:.6mm solid #000;padding-top:2mm;display:flex;justify-content:space-between;align-items:flex-end;font-size:3.4mm}.inv{width:190mm;padding:10mm;font-family:Inter,Arial,sans-serif;color:#000;font-size:11pt}.inv table{width:100%;border-collapse:collapse;margin:6mm 0}.inv td,.inv th{border-bottom:1px solid #ccc;padding:2mm;text-align:left}.inv .r{text-align:right}