.shell{min-height:100vh}.topbar{background:var(--green-900);color:#fff;z-index:30;align-items:center;gap:.75rem;padding:.7rem 1rem;display:none;position:sticky;top:0}.burger{color:#fff;cursor:pointer;background:0 0;border:none;padding:.1rem .3rem;font-size:1.4rem;line-height:1}.topbar-title{font-family:var(--font-display);font-size:1.05rem;font-weight:600}.sidebar{background:var(--green-50);border-right:1px solid var(--line);z-index:40;flex-direction:column;width:260px;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-head{align-items:center;padding:1.1rem 1.1rem .6rem;display:flex}.sidebar-brand{font-family:var(--font-display);color:var(--green-900);font-size:1.15rem;font-weight:600}.sidebar-close{cursor:pointer;color:var(--ink-soft);background:0 0;border:none;margin-left:auto;font-size:1.1rem;display:none}.nav{flex:1;padding:.5rem .6rem;overflow-y:auto}.nav-item{border-radius:var(--radius);color:var(--ink);align-items:center;gap:.65rem;margin-bottom:.15rem;padding:.6rem .7rem;font-size:.92rem;font-weight:500;text-decoration:none;transition:background .12s,color .12s;display:flex}.nav-item:hover{background:var(--green-100)}.nav-item-active{background:var(--green-700);color:#fff}.nav-item-active:hover{background:var(--green-700)}.nav-icon{text-align:center;width:1.4rem;font-size:1.05rem}.sidebar-foot{border-top:1px solid var(--line);padding:.8rem 1rem 1.1rem}.scrim{z-index:35;background:#1b3a2466;position:fixed;inset:0}.content{max-width:1180px;margin-left:260px;padding:1.6rem 1.8rem 3rem}@media (width<=860px){.topbar{display:flex}.content{margin-left:0;padding:1.1rem 1rem 3rem}.sidebar{box-shadow:var(--shadow-md);transition:transform .22s;transform:translate(-100%)}.sidebar-open{transform:translate(0)}.sidebar-close,.scrim{display:block}}@media (width>=861px){.scrim{display:none}}.hero{background:linear-gradient(100deg, var(--green-900) 0%, var(--green-700) 60%, var(--green-600) 100%);color:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:1.3rem;padding:1.1rem 1.3rem}.hero h1{color:#fff;font-size:1.5rem}.hero p{color:#fff;opacity:.92;margin-top:.25rem;font-size:.9rem}.filters{grid-template-columns:2fr 1fr;gap:.75rem;display:grid}@media (width<=640px){.filters{grid-template-columns:1fr}}.table-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}:root{--green-900:#1b3a24;--green-700:#2e6b3f;--green-600:#368049;--green-500:#4a9c5d;--green-100:#e4f0e5;--green-50:#f0f6ef;--apricot:#e8935b;--apricot-dark:#c56f38;--cream:#faf7f0;--paper:#fff;--ink:#22312a;--ink-soft:#5c6b60;--ink-faint:#8a978c;--line:#e5e2d8;--line-soft:#eeece4;--danger:#b23b3b;--danger-bg:#f8ebe8;--amber-bg:#fbf0dc;--amber-ink:#8a5a12;--radius:10px;--radius-lg:14px;--shadow-sm:0 1px 3px #1b3a240f;--shadow-md:0 4px 16px #1b3a241a;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display:"Fraunces", "Georgia", serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-body);background:var(--cream);color:var(--ink);-webkit-font-smoothing:antialiased;line-height:1.55}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.01em;font-weight:600;line-height:1.15}h1{font-size:1.8rem}h2{font-size:1.35rem}h3{font-size:1.1rem}a{color:var(--green-700)}input,select,textarea,button{font-family:inherit;font-size:1rem}input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],select,textarea{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);width:100%;color:var(--ink);padding:.6rem .75rem;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:var(--green-500);box-shadow:0 0 0 3px var(--green-100);outline:none}label{color:var(--ink-soft);margin-bottom:.3rem;font-size:.85rem;font-weight:500;display:block}label.field{color:var(--ink-soft);flex-direction:column;gap:.3rem;margin-bottom:0;font-size:.85rem;font-weight:500;display:flex}label.field>input,label.field>select,label.field>textarea{color:var(--ink);font-size:1rem;font-weight:400}.field-caption{color:var(--ink-soft);margin-bottom:.3rem;font-size:.85rem;font-weight:500;display:block}.btn{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);color:var(--ink);cursor:pointer;justify-content:center;align-items:center;gap:.4rem;padding:.55rem 1rem;font-weight:500;text-decoration:none;transition:all .15s;display:inline-flex}.btn:hover{border-color:var(--green-500);color:var(--green-700)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--green-700);border-color:var(--green-700);color:#fff}.btn-primary:hover{background:var(--green-900);border-color:var(--green-900);color:#fff}.btn-danger{color:var(--danger);border-color:var(--line)}.btn-danger:hover{background:var(--danger-bg);border-color:var(--danger);color:var(--danger)}.btn-sm{padding:.35rem .6rem;font-size:.85rem}.btn-icon{padding:.4rem .55rem}.btn-block{width:100%}.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:1.1rem 1.25rem}.pill{border-radius:999px;padding:.15rem .6rem;font-size:.78rem;font-weight:500;display:inline-block}.pill-green{background:var(--green-100);color:var(--green-700)}.pill-amber{background:var(--amber-bg);color:var(--amber-ink)}.pill-grey{background:var(--line-soft);color:var(--ink-soft)}.muted{color:var(--ink-soft);font-size:.85rem}.faint{color:var(--ink-faint);font-size:.82rem}.stack>*+*{margin-top:.75rem}.row{align-items:center;gap:.75rem;display:flex}.row-wrap{flex-wrap:wrap;gap:.75rem;display:flex}.grow{flex:1}.right{margin-left:auto}.center{text-align:center}.metrics{grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:.6rem;display:grid}.metric{background:var(--green-50);border:1px solid var(--line-soft);border-radius:var(--radius);padding:.6rem .7rem}.metric-label{text-transform:uppercase;letter-spacing:.04em;color:var(--ink-soft);font-size:.7rem}.metric-value{color:var(--green-900);font-size:1.2rem;font-weight:600;font-family:var(--font-display)}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--line-soft);padding:.55rem .6rem;font-size:.9rem}th{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.03em;font-size:.78rem;font-weight:500}.alert{border-radius:var(--radius);padding:.7rem .9rem;font-size:.9rem}.alert-info{background:var(--green-50);color:var(--green-700);border:1px solid var(--green-100)}.alert-warn{background:var(--amber-bg);color:var(--amber-ink)}.alert-error{background:var(--danger-bg);color:var(--danger)}.alert-success{background:var(--green-100);color:var(--green-700)}.chip-grid{flex-wrap:wrap;gap:.4rem;max-height:320px;padding:.2rem;display:flex;overflow-y:auto}.chip{border:1px solid var(--line);background:var(--paper);color:var(--ink);cursor:pointer;border-radius:999px;padding:.35rem .7rem;font-size:.85rem;transition:all .12s}.chip:hover{border-color:var(--green-500)}.chip-on{background:var(--green-700);border-color:var(--green-700);color:#fff}.grocery-item{border-radius:var(--radius);padding:.35rem .2rem;transition:background .12s}.grocery-item:hover{background:var(--green-50)}.grocery-check{width:20px;height:20px;accent-color:var(--green-700);cursor:pointer;flex:none}.grocery-item-bought span{color:var(--ink-faint);text-decoration:line-through}.filters-3{grid-template-columns:2fr 1fr 1fr;gap:.75rem;display:grid}@media (width<=720px){.filters-3{grid-template-columns:1fr}}