:root{--bg:#f6f4ef;--panel:#ffffff;--panel2:#f0ece3;--line:#e4ddcf;--ink:#231f1e;--dim:#7a7268;--gold:#cda433;--gold2:#e2bd55;--goldink:#8a6d1d}*{box-sizing:border-box}button{cursor:pointer}html,body,#root{margin:0;min-height:100%}body{background:var(--bg);color:var(--ink);font-family:Lato,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-tap-highlight-color:transparent}.app{max-width:560px;margin:0 auto;padding:0 16px 130px}.top{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:12px;background:var(--ink);border-radius:0 0 22px 22px;margin:0 -16px;padding:12px 22px;box-shadow:0 6px 22px #231f1e26}.top b{display:block;font-size:19px;letter-spacing:.3px;color:#fff}.top span{color:var(--gold2);font-size:13px}.top>div:nth-child(2){flex:1}.logo{background:#fff;border-radius:12px;padding:4px 8px;height:46px;display:flex;align-items:center;box-shadow:0 2px 8px #0002}.logo img{height:36px;display:block}.reset{background:transparent;color:#fff;border:1px solid #ffffff4d;border-radius:999px;padding:9px 16px;font-size:14px}.hero{margin:14px 0 4px;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px #231f1e1f;border:1px solid var(--line);position:relative}.hero img{width:100%;height:150px;object-fit:cover;display:block}.hero figcaption{position:absolute;left:0;right:0;bottom:0;padding:22px 14px 8px;font-size:12px;color:#fff;background:linear-gradient(transparent,#231f1ecc);letter-spacing:.4px}.seg{display:grid;grid-template-columns:1fr 1fr;background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:4px;margin-top:12px}.seg button{border:0;background:transparent;color:var(--dim);font-size:17px;font-weight:600;padding:13px;border-radius:999px}.seg button.on{background:linear-gradient(135deg,var(--gold),var(--gold2));color:var(--ink);box-shadow:0 4px 14px #cda43355}.addr{color:var(--dim);font-size:13px;text-align:center;margin:8px 0 14px}.card{background:var(--panel);border:1px solid var(--line);border-radius:20px;margin-bottom:12px;overflow:hidden;box-shadow:0 2px 10px #231f1e0d}.card.open{border-color:var(--gold)}.card-head{width:100%;display:flex;align-items:center;gap:12px;background:none;border:0;color:var(--ink);padding:16px;font-size:17px;font-weight:650;text-align:left}.ico{width:38px;height:38px;border-radius:12px;background:var(--panel2);display:grid;place-items:center;font-size:19px}.ct{flex:1}.chev{color:var(--gold);font-size:24px;line-height:1}.card-body{padding:2px 16px 18px}h4{margin:18px 0 8px;font-size:12px;letter-spacing:1.2px;text-transform:uppercase;color:var(--dim)}h4 small{text-transform:none;letter-spacing:0;color:var(--goldink);font-size:12px;margin-left:4px}.field{display:block;margin-top:12px}.field span{display:block;font-size:12px;color:var(--dim);margin-bottom:5px}.field input,.field textarea{width:100%;background:#fff;border:1px solid var(--line);color:var(--ink);border-radius:13px;padding:14px;font-size:17px;font-family:inherit;outline:none}.field input:focus,.field textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px #cda4332e}.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.four{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.field.small input{padding:12px 6px;text-align:center}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{background:var(--panel2);border:1px solid var(--line);color:var(--ink);border-radius:999px;padding:11px 15px;font-size:15px}.chip.on{background:linear-gradient(135deg,var(--gold),var(--gold2));color:var(--ink);border-color:transparent;font-weight:700}.switch{display:flex;align-items:center;gap:12px;width:100%;margin-top:12px;background:#fff;border:1px solid var(--line);color:var(--ink);border-radius:14px;padding:13px;font-size:16px;text-align:left}.switch i{width:44px;height:26px;border-radius:99px;background:#d8d2c4;position:relative;flex:none;transition:.15s}.switch i:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:.15s;box-shadow:0 1px 3px #0003}.switch.on i{background:var(--gold)}.switch.on i:after{left:21px}.switch b{margin-left:auto;color:var(--goldink);font-weight:600}.note{color:var(--dim);font-size:13px;margin:8px 0 0}.note.c{text-align:center}.dock{position:fixed;left:0;right:0;bottom:0;padding:14px 16px calc(14px + env(safe-area-inset-bottom));background:linear-gradient(transparent,var(--bg) 40%);max-width:560px;margin:0 auto;display:flex;gap:10px;z-index:6}.sheet-screen .dock .go{padding:16px 6px;font-size:16px}.go{flex:1;border:0;border-radius:999px;padding:18px;font-size:18px;font-weight:750;background:linear-gradient(135deg,var(--gold),var(--gold2));color:var(--ink);box-shadow:0 8px 24px #cda43366}.go.alt{background:var(--ink);color:#fff;border:1px solid var(--ink);box-shadow:none}.back{background:none;border:0;color:var(--goldink);font-size:17px;padding:8px 0}.sheet{background:#fff;border-radius:10px;padding:6px;box-shadow:0 14px 40px #231f1e2b;margin-top:6px}.sheet canvas{width:100%;height:auto;display:block;border-radius:6px}.link{display:block;margin-top:12px;color:var(--goldink);font-size:14px;text-decoration:none;background:var(--panel2);border:1px dashed var(--gold);border-radius:12px;padding:11px 13px}.lines{margin-top:10px}.ln{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--line);font-size:15px}.ln em{display:block;font-style:normal;color:var(--goldink);font-size:12px;margin-top:2px}.total{display:flex;justify-content:space-between;align-items:center;margin:12px 0;padding:14px;border-radius:14px;background:var(--panel2);font-size:17px}.total b{font-size:22px;color:var(--goldink)}.total.gain b{color:#2e7d4f}.ptable{margin-top:10px}.ph,.pr,.pt{display:grid;grid-template-columns:1fr 82px 82px;gap:8px;align-items:center}.ph{font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--dim);padding:0 0 6px}.pr{padding:8px 0;border-bottom:1px solid var(--line)}.pl{font-size:14px;line-height:1.25}.pl em{display:block;font-style:normal;color:var(--goldink);font-size:11px;margin-top:2px}.pr input{width:100%;background:#fff;border:1px solid var(--line);color:var(--ink);border-radius:10px;padding:10px 8px;font-size:15px;text-align:right;outline:none;font-family:inherit}.pr input:focus{border-color:var(--gold)}.pt{margin-top:12px;padding:14px 0;font-size:16px}.pt b{text-align:right;color:var(--goldink);font-size:17px}.hbtns{margin-left:auto;display:flex;gap:8px}.hbtns .reset{margin-left:0}.p3 .ph,.p3 .pr{grid-template-columns:1fr 62px 62px 62px;gap:6px}.p3 .pr input{padding:10px 4px;text-align:center}.printsheet{margin:12px 0;background:#fff}.printbar{max-width:1150px;margin:0 auto;display:flex;align-items:baseline;gap:14px}.printbar .note{margin:2px 0 6px}.print-screen .sheet{max-width:1150px;margin-top:0}.app:has(.print-screen) .top{display:none}.app:has(.print-screen){padding-bottom:16px}@media print{html,body{background:#fff!important}.top,.back,.printbar,.sheet-screen .note,.sheet-screen .dock,.savehelp,.printsheet,.codebox{display:none!important}.printboth img{width:100%;display:block;page-break-after:always}.app{max-width:none!important;padding:0!important}.sheet{max-width:none!important;margin:0 auto!important;padding:0!important;border-radius:0!important;box-shadow:none!important;background:#fff!important;width:min(100%,1150px)!important}.sheet canvas{width:100%!important;height:auto!important;border-radius:0!important;display:block}}.printboth img{width:100%;display:block;margin-bottom:14px;border-radius:6px;box-shadow:0 14px 40px #231f1e2b}.savehelp,.codebox{margin:14px auto 0;max-width:640px;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:12px 16px}.codebox .go{width:100%;margin-top:10px;padding:14px;font-size:16px}.codebox .note{margin:6px 0}.codetext{width:100%;margin-top:10px;background:var(--panel2);border:1px solid var(--line);color:var(--ink);border-radius:12px;padding:10px;font:500 11px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;word-break:break-all;resize:none;outline:none}.codetext:focus{border-color:var(--gold)}.loadrow{display:flex;gap:8px;margin-top:10px}.loadrow .codetext{margin-top:0;flex:1;font-size:13px}.loadrow .go{flex:0 0 auto;width:auto;margin-top:0;padding:10px 16px;font-size:15px;border-radius:999px}.savehelp .note{margin:6px 0}@media (min-width:900px){.app{max-width:1080px;padding:0 24px 48px}.top{margin:0 -24px;padding-left:30px;padding-right:30px;border-radius:0 0 26px 26px}.form-screen{columns:2;column-gap:16px}.form-screen .card{break-inside:avoid;margin-bottom:16px}.form-screen .seg,.form-screen .addr,.form-screen .dock,.hero{column-span:all}.hero img{height:210px}.dock{position:static;max-width:none;padding:18px 0 0;background:none}.dock .go{max-width:none}.go:hover,.chip:hover,.reset:hover,.switch:hover{filter:brightness(1.05)}.sheet{max-width:980px;margin:10px auto 0}.sheet-screen .dock{max-width:980px;margin:0 auto}.sheet-screen>.note.c{max-width:980px}}.pics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:4px}.pic{background:#fff;border:2px solid var(--line);border-radius:16px;padding:0 0 10px;overflow:hidden;display:flex;flex-direction:column;gap:8px;color:var(--ink)}.pic img{width:100%;height:88px;object-fit:cover;display:block}.pic .nopic{height:88px;display:grid;place-items:center;color:var(--dim);font-size:13px;background:var(--panel2)}.pic b{font-size:15px;font-weight:650;padding:0 6px}.pic.on{border-color:var(--gold);box-shadow:0 4px 16px #cda4334d}.seg.sheetpick{margin:10px 0 6px}@media print{.sheetpick{display:none!important}}@media print{.print-screen{padding:100px 0 0!important}.print-screen .sheet{width:650px!important;max-width:100%!important;margin:0 auto!important;page:auto!important;box-shadow:none!important}.print-screen canvas{width:100%!important;height:auto!important;max-height:800px!important;object-fit:contain!important}.printbar{display:none!important}}.print-screen{padding-top:100px!important}.print-screen .sheet{width:650px!important;max-width:100%!important}.print-screen canvas{width:100%!important;height:auto!important;max-height:800px!important;object-fit:contain!important}.supplier-continuation{background:#fff;color:#111;padding:28px;margin:20px auto;width:650px;max-width:100%;font:14px/1.6 Arial,sans-serif;overflow-wrap:anywhere}.supplier-continuation h2{font-size:21px;margin:0 0 18px}.supplier-continuation .full-notes{white-space:pre-wrap}@media print{.supplier-continuation{break-before:page;page-break-before:always;padding:30px 20px;margin:0 auto;width:650px;max-width:100%;font-size:14px;line-height:1.6}.supplier-continuation p{orphans:3;widows:3}}.print-screen .ps canvas{max-height:520px!important}@media print{.print-screen .ps canvas{max-height:520px!important}}.field select{width:100%;min-height:46px;padding:12px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);font:inherit}.codebox summary{min-height:44px;cursor:pointer;padding:10px 0}@page{size:letter portrait;margin:0}@media print{html,body,#root{margin:0!important;padding:0!important;background:#fff!important}.app{padding:0!important}.print-screen{padding:30px 20px!important}.print-screen .sheet{box-shadow:none!important}.supplier-continuation{break-before:auto!important;page-break-before:auto!important;padding:12px 0!important;margin:0 auto!important}.print-screen .ps canvas{max-height:490px!important}.top{display:none!important}}@media print{.print-screen.supplier-print{padding:.2in!important}.print-screen.supplier-print .sheet.pl{width:10.35in!important;max-width:100%!important;margin:0 auto!important}.print-screen.supplier-print .pl canvas{width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important}.supplier-print .supplier-continuation{break-before:page!important;page-break-before:always!important;width:10.35in!important;max-width:100%!important;padding:.15in 0!important;font-size:14px!important;line-height:1.6!important}}@media print{.print-screen.confirmation-print{padding:.25in!important}.print-screen.confirmation-print .sheet.ps{width:7.85in!important;max-width:100%!important;margin:0 auto!important}.print-screen.confirmation-print .ps canvas{width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important}.confirmation-print .supplier-continuation{break-before:page!important;page-break-before:always!important;width:7.85in!important;max-width:100%!important;padding:.15in 0!important;font-size:14px!important;line-height:1.6!important}}