:root{--primary:#d4922a;--primary-dark:#b8781a;--primary-light:#e8a54b;--success:#138f55;--background:#f8faf7;--surface:#fff;--surface-soft:#f1f5ef;--text:#102219;--muted:#647067;--danger:#d64747;--border:#dfe7dd;--shadow:0 18px 45px rgba(16,34,25,.08);--button-text:#211404;--input-background:#fff;--nav-background:hsla(0,0%,100%,.95);--empty-background:hsla(0,0%,100%,.65);--empty-border:#bdcab9;--error-background:#fff3f3;--error-text:#8d2424;--warning-background:#fff3d8;--warning-text:#68420b;--progress-background:#dde8dc;--modal-backdrop:rgba(16,34,25,.42)}:root[data-theme=dark]{color-scheme:dark;--primary:#e6a84a;--primary-dark:#c48228;--primary-light:#f0c37a;--success:#4cc98b;--background:#0d1410;--surface:#162119;--surface-soft:#1e2c22;--text:#edf5ee;--muted:#a7b4aa;--danger:#ff7676;--border:#314137;--shadow:0 18px 45px rgba(0,0,0,.34);--button-text:#211404;--input-background:#101a14;--nav-background:rgba(22,33,25,.95);--empty-background:rgba(22,33,25,.75);--empty-border:#3b4d42;--error-background:#341919;--error-text:#ffb6b6;--warning-background:#342510;--warning-text:#ffd894;--progress-background:#2b3a30;--modal-backdrop:rgba(0,0,0,.62)}*{box-sizing:border-box}html{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--background);color:var(--text)}body{margin:0;min-width:320px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.62}.page{display:grid;gap:18px}.page-header{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:12px}.eyebrow{margin:0 0 4px;color:var(--muted);font-size:.82rem;font-weight:700;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;font-size:clamp(1.8rem,7vw,2.7rem);line-height:1;letter-spacing:0}h2{margin-bottom:10px;font-size:1.2rem}h3{margin-bottom:8px;font-size:1rem}.muted{color:var(--muted)}.grid{display:grid;gap:14px}.grid.two{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.grid.three{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.card{border:1px solid var(--border);border-radius:8px;background:var(--surface);box-shadow:var(--shadow);padding:16px}.soft{background:var(--surface-soft)}.row{display:flex;align-items:center;justify-content:space-between;gap:12px}.row.wrap{flex-wrap:wrap}.stack{display:grid;gap:12px}.actions{display:flex;flex-wrap:wrap;gap:8px}.btn{display:inline-flex;min-height:42px;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:8px;padding:0 14px;background:var(--primary);color:var(--button-text);font-weight:800}.btn.secondary{border-color:var(--border);background:var(--surface);color:var(--text)}.btn.danger{background:var(--danger);color:#fff}.btn.ghost{border-color:transparent;background:transparent;color:var(--text)}.field{display:grid;gap:6px}.field label{color:var(--muted);font-size:.84rem;font-weight:800}.field input,.field select,.field textarea{width:100%;min-height:42px;border:1px solid var(--border);border-radius:8px;background:var(--input-background);color:var(--text);padding:9px 11px}.field textarea{min-height:86px;resize:vertical}.error{border:1px solid rgba(214,71,71,.28);border-radius:8px;background:var(--error-background);color:var(--error-text);padding:10px 12px}.success{color:var(--success)}.danger-text{color:var(--danger)}.progress{overflow:hidden;height:10px;border-radius:999px;background:var(--progress-background)}.progress>span{display:block;height:100%;border-radius:inherit;background:var(--primary)}.progress.danger>span{background:var(--danger)}.empty{border:1px dashed var(--empty-border);border-radius:8px;background:var(--empty-background);padding:22px;text-align:center}.pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;background:var(--surface-soft);padding:6px 10px;color:var(--muted);font-size:.84rem;font-weight:800}.item-list{display:grid;gap:10px}.auth-page{min-height:100vh;display:grid;align-items:center;padding:22px}.auth-panel{width:min(960px,100%);margin:0 auto;display:grid;grid-template-columns:1fr;gap:18px}.auth-brand{display:grid;align-content:end;min-height:260px;border-radius:8px;background:linear-gradient(180deg,#10221914,#102219b8),url(../hero-grocery.svg) 50%/cover;color:#fff;padding:24px}.auth-brand p{max-width:34rem;margin-bottom:0}.modal-backdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:18px;background:var(--modal-backdrop)}.modal{width:min(520px,100%);border-radius:8px;background:var(--surface);padding:18px;box-shadow:0 24px 80px #00000038}@media(min-width:840px){.auth-panel{grid-template-columns:1.05fr .95fr}}