:root{--ink:#18312b;--muted:#6a7974;--paper:#f5f3ec;--card:#fffdf8;--green:#173f35;--mint:#dcebe2;--amber:#f3c96b;--danger:#a33f36;--line:#dfe4df;font-family:"Yu Gothic UI","Hiragino Sans",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 80% 10%,#d9eadf,transparent 35%),var(--paper)}.login-card{width:min(100%,390px);padding:36px 28px;background:var(--card);border-radius:28px;box-shadow:0 18px 60px #173f3520}.brand-mark{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:var(--green);color:white;font-weight:800}.eyebrow{margin:18px 0 3px;color:#527068;font-size:.72rem;font-weight:800;letter-spacing:.16em}.login-card h1,.topbar h1{margin:0}.muted{color:var(--muted)}.stack{display:grid;gap:16px;margin-top:28px}label{display:grid;gap:7px;font-size:.85rem;font-weight:700}input,select{width:100%;padding:13px 14px;border:1px solid var(--line);border-radius:12px;background:white;color:var(--ink);outline:none}input:focus,select:focus{border-color:#4f8474;box-shadow:0 0 0 3px #4f847420}.primary{border:0;border-radius:13px;padding:14px 18px;background:var(--green);color:white;font-weight:800}.compact{padding:11px 16px}.text-button{border:0;background:transparent;color:#386f60;font-weight:800}.error{min-height:1.4em;color:var(--danger)}.app-shell{max-width:760px;min-height:100vh;margin:auto;padding-bottom:86px}.topbar{position:sticky;top:0;z-index:3;display:flex;justify-content:space-between;align-items:center;padding:18px 18px 12px;background:#f5f3ecee;backdrop-filter:blur(12px)}.topbar .eyebrow{margin:0 0 2px}.header-actions{display:flex;align-items:center;gap:9px}.icon-button{width:40px;height:40px;border:0;border-radius:50%;background:var(--card)}.status-dot{font-size:.72rem;color:#35705f}.status-dot.offline{color:var(--danger)}.content{padding:8px 16px}.page{display:none}.page.active{display:block}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.stat-card{padding:18px;background:var(--card);border:1px solid #ffffff;border-radius:18px;box-shadow:0 5px 20px #173f3508}.stat-card strong{display:block;font-size:1.8rem}.stat-card span{color:var(--muted);font-size:.8rem}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-top:25px}.section-heading h2{font-size:1rem}.card-list{display:grid;gap:10px}.item-card{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px;background:var(--card);border:1px solid var(--line);border-radius:16px}.item-card h3{margin:0 0 4px;font-size:.95rem}.item-card p{margin:0;color:var(--muted);font-size:.78rem}.quantity{font-size:1.25rem;font-weight:900;white-space:nowrap}.quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:22px}.action-card{display:flex;align-items:center;gap:10px;padding:18px;border:0;border-radius:18px;background:var(--mint);color:var(--green)}.action-card span{font-size:1.4rem}.toolbar{display:flex;gap:10px;margin-bottom:14px}.toolbar input{flex:1}.inline-form{display:grid;grid-template-columns:1fr 75px auto;gap:8px;margin-bottom:15px}.inline-form button{border:0;border-radius:12px;background:var(--mint);font-weight:800}.item-actions{display:flex;gap:7px}.small-button{border:0;border-radius:10px;padding:8px 10px;background:var(--mint);color:var(--green);font-weight:800}.shopping-done{opacity:.55;text-decoration:line-through}.bottom-nav{position:fixed;z-index:4;bottom:0;left:50%;transform:translateX(-50%);display:grid;grid-template-columns:repeat(3,1fr);width:min(100%,760px);padding:9px 12px calc(9px + env(safe-area-inset-bottom));background:#fffdf8f4;border-top:1px solid var(--line);backdrop-filter:blur(16px)}.bottom-nav button{display:grid;gap:3px;place-items:center;border:0;background:transparent;color:var(--muted);font-size:.7rem}.bottom-nav button span{font-size:1.25rem}.bottom-nav button.active{color:var(--green);font-weight:900}dialog{width:min(calc(100% - 24px),520px);padding:0;border:0;border-radius:22px;background:var(--card);box-shadow:0 20px 80px #0004}dialog::backdrop{background:#142e2870;backdrop-filter:blur(3px)}.dialog-card{display:grid;gap:15px;padding:22px}.dialog-card header{display:flex;justify-content:space-between;align-items:center}.dialog-card h2{margin:0}.close-dialog{border:0;background:transparent;font-size:1.6rem}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:10px}.toast{position:fixed;z-index:9;left:50%;bottom:90px;transform:translateX(-50%);width:max-content;max-width:calc(100% - 30px);padding:12px 18px;border-radius:12px;background:var(--ink);color:white;box-shadow:0 8px 30px #0003}@media(min-width:600px){.stats-grid{grid-template-columns:repeat(4,1fr)}.content{padding-inline:24px}}@media(prefers-reduced-motion:no-preference){.page.active{animation:fade .18s ease-out}@keyframes fade{from{opacity:0;transform:translateY(4px)}}}