:root{--bg:#faf5e9;--surface:#fefbf6;--surface-alt:#f3eadb;--ink:#2c1a14;--ink-soft:#604e46;--ink-faint:#8a7d75;--border:#e4d9cd;--pine:#115531;--pine-strong:#004121;--pine-soft:#ceeed8;--terracotta:#b85c37;--terracotta-soft:#ffe0d5;--amber:#a56d00;--amber-soft:#f7e6c3;--rust:#af3c3a;--rust-soft:#ffdad6;--cream:#fefcf7;--shadow-sm:0 1px 2px #2c1a140f, 0 3px 10px #2c1a140f;--shadow-md:0 10px 30px #2c1a141f;--font-heading:"Bricolage Grotesque", ui-sans-serif, system-ui, sans-serif;--font-body:"Public Sans", ui-sans-serif, system-ui, -apple-system, sans-serif}@supports (color:lab(0% 0 0)){:root{--bg:lab(96.5825% .487745 6.12093);--surface:lab(98.8724% .224233 3.04723);--surface-alt:lab(93.0882% 1.61532 8.30371);--ink:lab(11.6283% 8.17153 7.81879);--ink-soft:lab(34.8815% 6.91274 7.82392);--ink-faint:lab(53.5352% 3.96672 6.37218);--border:lab(87.247% 2.36833 7.25625);--pine:lab(31.5643% -28.8166 14.8753);--pine-strong:lab(23.4323% -29.1235 15.0817);--pine-soft:lab(91.3259% -13.971 7.1606);--terracotta:lab(50.3211% 35.9836 39.0082);--terracotta-soft:lab(91.5706% 12.8381 13.153);--amber:lab(51.1068% 18.2028 64.1227);--amber-soft:lab(92.0448% 2.05305 19.5569);--rust:lab(42.8238% 47.2713 28.1132);--rust-soft:lab(90.2547% 15.3759 8.32906);--cream:lab(98.8645% .164628 2.28311);--shadow-sm:0 1px 2px lab(11.6283% 8.17153 7.81879/.06), 0 3px 10px lab(11.6283% 8.17153 7.81879/.06);--shadow-md:0 10px 30px lab(11.6283% 8.17153 7.81879/.12)}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;min-height:100vh}h1,h2,h3{font-family:var(--font-heading);color:var(--ink);letter-spacing:-.01em;margin:0 0 .4em;font-weight:800}h1{font-size:24px}h2{margin-top:1.4em;font-size:17px}h3{font-size:15px}p{margin:0 0 .6em;line-height:1.5}a{color:var(--pine-strong);font-weight:700;text-decoration:none}a:hover{color:var(--terracotta)}.app-screen{flex-direction:column;max-width:480px;min-height:100vh;margin:0 auto;padding-bottom:96px;display:flex;position:relative}.app-screen.no-nav{padding-bottom:0}.app-topbar{flex-direction:column;gap:6px;padding:24px 22px 14px;display:flex}.app-topbar .brand-row{align-items:center;gap:8px;display:flex}.app-topbar h1{margin:0;font-size:24px}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--terracotta);font-size:12px;font-weight:700}.subtitle{color:var(--ink-soft);margin:0;font-size:14px;font-weight:500}.sync-pill{background:var(--pine-soft);color:var(--pine-strong);border-radius:999px;align-items:center;gap:6px;width:fit-content;padding:5px 10px 5px 8px;font-size:11px;font-weight:700;display:inline-flex}.sync-pill.issue{background:var(--rust-soft);color:var(--rust)}.sync-pill.connecting{background:var(--surface-alt);color:var(--ink-faint)}.sync-dot{background:currentColor;border-radius:50%;width:7px;height:7px;display:inline-block}.app-content{flex-direction:column;flex:1;gap:24px;padding:6px 22px 24px;display:flex}.section{flex-direction:column;gap:12px;display:flex}.section-head{justify-content:space-between;align-items:baseline;display:flex}.count{color:var(--ink-faint);font-size:12.5px;font-weight:600}.bottomnav{background:var(--surface);border-top:1px solid var(--border);z-index:10;justify-content:space-around;max-width:480px;margin:0 auto;padding:10px 8px 18px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -6px 20px #2c1a140f;box-shadow:0 -6px 20px lab(11.6283% 8.17153 7.81879/.06)}.navitem{color:var(--ink-faint);border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:7px 12px;font-size:10.5px;font-weight:700;display:flex}.navitem svg{width:22px;height:22px}.navitem.active{background:var(--pine-soft);color:var(--pine-strong)}.icon{flex-shrink:0;width:20px;height:20px}.card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:20px;flex-direction:column;gap:14px;padding:18px;display:flex}.list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.row{background:var(--surface);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:10px;padding:14px 16px;display:flex}.row-top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.row-main{flex-direction:column;gap:3px;min-width:0;display:flex}.row-cat{color:var(--ink-faint);text-transform:uppercase;letter-spacing:.04em;font-size:10.5px;font-weight:700}.row-name{color:var(--ink);font-size:15px;font-weight:700}.row-qty{color:var(--ink-soft);font-size:13px}.row-progress{color:var(--ink-faint);font-size:12px;font-weight:600}.row-actions,.buy-line{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.badge{white-space:nowrap;border-radius:999px;flex-shrink:0;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.badge-neutral{background:var(--surface-alt);color:var(--ink-soft)}.badge-amber{background:var(--amber-soft);color:#633f00;color:lab(30.2342% 14.5298 50.2812)}.badge-green{background:var(--pine-soft);color:var(--pine-strong)}.badge-rust{background:var(--rust-soft);color:var(--rust)}button{font-family:var(--font-body)}.btn{cursor:pointer;white-space:nowrap;border:none;border-radius:11px;justify-content:center;align-items:center;gap:6px;height:36px;padding:0 14px;font-size:13.5px;font-weight:700;display:inline-flex}.btn svg{width:15px;height:15px}.btn-lg{border-radius:14px;width:100%;height:48px;font-size:15px}.btn-primary{background:var(--pine);color:var(--cream)}.btn-terracotta{background:var(--terracotta);color:var(--cream)}.btn-secondary{background:var(--surface-alt);color:var(--ink-soft)}.btn-outline{background:var(--surface);color:var(--pine-strong);border:1.5px solid var(--pine-soft)}.btn:disabled{opacity:.55;cursor:default}.icon-btn-sm{cursor:pointer;border:none;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.icon-btn-sm svg{width:17px;height:17px}.icon-btn-sm.terracotta{background:var(--terracotta);color:var(--cream)}.icon-btn-sm.primary{background:var(--pine);color:var(--cream)}.icon-btn-sm.secondary{background:var(--surface-alt);color:var(--ink-soft);border:1.5px solid var(--border)}.icon-btn{background:var(--terracotta);width:44px;height:44px;color:var(--cream);cursor:pointer;border:none;border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.icon-btn svg{width:19px;height:19px}.add-btn{background:var(--terracotta);width:40px;height:40px;color:var(--cream);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;display:flex}.add-btn svg{width:20px;height:20px}.btn-edit{border:1.5px solid var(--border);background:var(--surface);width:36px;height:36px;color:var(--ink-soft);cursor:pointer;border-radius:11px;justify-content:center;align-items:center;padding:0;display:inline-flex}.field{flex-direction:column;gap:6px;display:flex}.field-label{color:var(--ink-soft);font-size:12.5px;font-weight:700}.field>label{color:var(--ink-soft);flex-direction:column;gap:6px;font-size:12.5px;font-weight:700;display:flex}.role-autocomplete{position:relative}.role-suggestions{z-index:20;background:var(--surface);border:1.5px solid var(--border);box-shadow:var(--shadow-sm);border-radius:13px;max-height:220px;margin-top:4px;padding:6px;list-style:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.role-suggestions li{color:var(--ink);cursor:pointer;border-radius:9px;padding:8px 10px;font-size:14px;font-weight:400}.role-suggestions li.highlighted{background:var(--surface-alt)}.field-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}input,select,textarea{font-family:var(--font-body);color:var(--ink);border:1.5px solid var(--border);background:var(--surface-alt);border-radius:11px;height:40px;padding:0 12px;font-size:15px}input[type=checkbox],input[type=radio]{background:0 0;border:none;height:auto;padding:0}.field input,.field select{border-radius:13px;width:100%;height:46px;padding:0 14px}input:focus,select:focus{border-color:var(--pine);outline:none}input::placeholder{color:var(--ink-faint)}.inline-field{color:var(--ink-soft);white-space:nowrap;align-items:center;gap:8px;font-size:12.5px;font-weight:600;display:flex}.inline-field input[type=number]{border:1.5px solid var(--border);background:var(--surface-alt);border-radius:9px;width:64px;height:34px;padding:0 8px;font-size:13.5px}.proposal-qty-input{width:84px}.proposal-unit-select{width:110px}fieldset{border:none;margin:0;padding:0}legend{color:var(--ink-soft);margin-bottom:6px;padding:0;font-size:13px;font-weight:700}.segmented{background:var(--surface-alt);border-radius:14px;gap:4px;padding:4px;display:flex}.seg-option{flex:1;position:relative}.seg-option input{z-index:1;opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.seg-option label{text-align:center;color:var(--ink-soft);cursor:pointer;border-radius:11px;padding:12px 8px;font-size:13.5px;font-weight:700;display:block}.seg-option input:checked+label{background:var(--surface);color:var(--pine-strong);box-shadow:var(--shadow-sm)}.message{border-radius:13px;align-items:center;gap:8px;padding:12px 14px;font-size:13.5px;font-weight:700;display:flex}.message.success,[role=status]{background:var(--pine-soft);color:var(--pine-strong)}.message.error,[role=alert]{background:var(--rust-soft);color:var(--rust)}p[role=status],p[role=alert],span[role=status],span[role=alert]{border-radius:12px;align-items:center;gap:8px;margin:0;padding:10px 14px;font-size:13.5px;font-weight:700;display:inline-flex}.claim-banner{background:var(--surface-alt);border-radius:14px;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;display:flex}.claim-banner span{color:var(--ink-soft);font-size:12.5px;font-weight:600}.claim-who{align-items:center;gap:6px;display:flex}.claim-avatar{background:var(--pine-soft);width:20px;height:20px;color:var(--pine-strong);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:10px;font-weight:800;display:inline-flex}.claim-btn{color:var(--pine-strong);background:var(--surface);border:1.5px solid var(--pine-soft);white-space:nowrap;cursor:pointer;border-radius:999px;padding:7px 13px;font-size:12.5px;font-weight:700}.callout{background:var(--terracotta-soft);border-radius:16px;flex-direction:column;gap:10px;padding:14px 16px;display:flex}.callout-head{color:var(--terracotta);align-items:center;gap:8px;font-size:15px;font-weight:800;display:flex}.callout-head svg{width:18px;height:18px}.callout .hint{color:#824025;color:lab(35.4637% 27.6606 29.9345);margin:0;font-size:12.5px}.nav-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.nav-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);color:inherit;border-radius:20px;flex-direction:column;gap:10px;padding:18px 16px;text-decoration:none;display:flex}.nav-icon{border-radius:12px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.nav-icon svg{width:20px;height:20px}.nav-icon.pine{background:var(--pine-soft);color:var(--pine-strong)}.nav-icon.terracotta{background:var(--terracotta-soft);color:var(--terracotta)}.nav-card-label{font-family:var(--font-heading);color:var(--ink);font-size:16px;font-weight:700}.nav-card-desc{color:var(--ink-faint);font-size:12.5px}.chip-link-row{flex-wrap:wrap;gap:8px;display:flex}.chip-link{color:var(--pine-strong);background:var(--surface);border:1px solid var(--border);border-radius:999px;align-items:center;gap:6px;padding:9px 15px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.chip-link svg{width:15px;height:15px}.hero{text-align:center;flex-direction:column;align-items:center;gap:14px;display:flex}.hero .mark{background:var(--pine-soft);width:64px;height:64px;color:var(--pine-strong);border-radius:20px;justify-content:center;align-items:center;display:flex}.hero .mark svg{width:34px;height:34px}.hero .lede{color:var(--ink-soft);max-width:290px;margin:0;font-size:14.5px;line-height:1.5}.footnote{text-align:center;color:var(--ink-faint);font-size:13px}.scan-card{border:2px dashed var(--border);text-align:center;background:var(--surface-alt);border-radius:20px;flex-direction:column;align-items:center;gap:12px;padding:26px 20px;display:flex}.scan-card video{background:var(--ink);aspect-ratio:4/3;object-fit:cover;border-radius:14px;width:100%}.scan-card p{color:var(--ink-soft);margin:0;font-size:12.5px}.search-row{align-items:center;gap:10px;display:flex}.search-input{background:var(--surface);border:1.5px solid var(--border);border-radius:13px;flex:1;align-items:center;gap:8px;height:46px;padding:0 14px;display:flex}.search-input svg{width:18px;height:18px;color:var(--ink-faint);flex-shrink:0}.search-input input{background:0 0;border:none;flex:1;min-width:0;height:100%;padding:0}.search-input input:focus{outline:none}.match-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.match-item{background:var(--pine-soft);border-radius:16px;justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;display:flex}.match-main{flex-direction:column;gap:2px;min-width:0;display:flex}.match-eyebrow{color:var(--pine-strong);opacity:.75;text-transform:uppercase;letter-spacing:.04em;font-size:10.5px;font-weight:700}.match-name{color:var(--pine-strong);font-size:14px;font-weight:700}.modal-scrim{z-index:20;background:#1e130f66;background:lab(7.09833% 5.23533 4.18398/.4);justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.modal-sheet{background:var(--surface);border-radius:26px 26px 0 0;flex-direction:column;gap:18px;width:100%;max-width:480px;max-height:88vh;padding:22px 22px 28px;display:flex;overflow-y:auto;box-shadow:0 -24px 60px #22110b47;box-shadow:0 -24px 60px lab(7.02592% 8.06919 5.96581/.28)}.modal-handle{background:var(--border);border-radius:999px;width:40px;height:4px;margin:0 auto}.modal-head{justify-content:space-between;align-items:center;display:flex}.modal-head h2{margin:0;font-size:19px}.close-btn{background:var(--surface-alt);width:34px;height:34px;color:var(--ink-soft);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.close-btn svg{width:16px;height:16px}.table-wrap{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:20px;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:420px}th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-faint);background:var(--surface-alt);border-bottom:1px solid var(--border);padding:14px 18px;font-size:11.5px;font-weight:700}td{color:var(--ink);border-bottom:1px solid var(--border);vertical-align:middle;padding:14px 18px;font-size:14.5px}tr:last-child td{border-bottom:none}.name-cell{align-items:center;gap:12px;font-weight:700;display:flex}.avatar{background:var(--pine-soft);width:32px;height:32px;color:var(--pine-strong);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12.5px;font-weight:800;display:flex}.pill{border-radius:999px;align-items:center;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.pill-yes{background:var(--pine-soft);color:var(--pine-strong)}.pill-no{background:var(--surface-alt);color:var(--ink-faint)}input.switch-checkbox{appearance:none;background:var(--surface-alt);border:1.5px solid var(--border);cursor:pointer;border-radius:999px;flex-shrink:0;width:42px;height:24px;margin:0;padding:0;position:relative}.switch-checkbox:before{content:"";background:var(--surface);width:18px;height:18px;box-shadow:var(--shadow-sm);border-radius:50%;transition:left .15s;position:absolute;top:2px;left:2px}.switch-checkbox:checked{background:var(--pine);border-color:var(--pine)}.switch-checkbox:checked:before{background:var(--cream);left:20px}.switch-checkbox:focus-visible{outline:2px solid var(--pine);outline-offset:2px}.tab-row{flex-wrap:wrap;gap:8px;display:flex}.tab-link{color:var(--ink-soft);background:var(--surface);border:1px solid var(--border);white-space:nowrap;border-radius:999px;align-items:center;gap:7px;padding:9px 15px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}