:root{color:#173038;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#ecf4f6;font-family:Space Grotesk,IBM Plex Sans,Segoe UI,sans-serif;font-weight:400;line-height:1.45}*{box-sizing:border-box}body{background:radial-gradient(1200px 420px at 2% -8%,#97d0b657,#0000),radial-gradient(900px 420px at 98% 0,#61a6c942,#0000),#ecf4f6;min-height:100vh;margin:0}#root{min-height:100vh}h1,h2,h3,p{margin:0}button,input,textarea{font:inherit}.app-shell{gap:1rem;max-width:980px;margin:0 auto;padding:2rem 1rem 3rem;display:grid}.hero-panel{color:#f3fbfc;background:linear-gradient(130deg,#093755f2,#295f4aeb);border-radius:18px;padding:1.5rem;box-shadow:0 14px 28px #09242b3d}.hero-panel h1{margin:0;font-size:clamp(1.5rem,2.5vw,2rem)}.hero-panel p{color:#f3fbfce6;margin-top:.5rem}.summary-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.75rem;margin-top:1rem;display:grid}.summary-card{background:#ffffff24;border:1px solid #fff3;border-radius:12px;padding:.75rem}.summary-label{letter-spacing:.04em;text-transform:uppercase;opacity:.85;font-size:.8rem}.summary-value{margin-top:.25rem;font-size:1.35rem;font-weight:700}.panel{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffc7;border:1px solid #d6e3e7;border-radius:16px;padding:1rem;box-shadow:0 8px 20px #1822240f}.panel-title{color:#1e2f35;margin:0 0 .75rem;font-size:1rem}.panel-subtitle{color:#43616d;font-size:.9rem}.composer-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;display:grid}.field{gap:.35rem;display:grid}.field label{color:#2e4a52;font-size:.82rem}.field input,.field textarea,.field select{box-sizing:border-box;width:100%;font:inherit;color:#122128;background:#fff;border:1px solid #b8cfd6;border-radius:10px;padding:.6rem .7rem}.field textarea{resize:vertical;min-height:80px}.inline-actions{justify-content:flex-end;align-items:center;gap:.5rem;display:flex}.mode-toggle{gap:.5rem;margin:.9rem 0;display:flex}.mode-toggle .btn{flex:1}.auth-summary{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.toolbar-panel{gap:.85rem;display:grid}.toolbar-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.75rem;display:grid}.create-shopping-list-form{gap:.5rem;display:grid}.status-row{flex-wrap:wrap;gap:.5rem;display:flex}.tab-panel{padding:.7rem}.tab-actions{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.5rem;display:grid}.catalog-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:.8rem;display:grid}.catalog-card{background:#f9fcfd;border:1px solid #d0e2e7;border-radius:12px;gap:.75rem;padding:.75rem;display:grid}.catalog-title{color:#24444f;margin:0;font-size:.95rem}.catalog-form{gap:.55rem;display:grid}.inline-field-grid{grid-template-columns:1fr 1fr;gap:.55rem;display:grid}.inline-field-grid label{margin-bottom:.35rem;display:block}.catalog-list{gap:.55rem;display:grid}.catalog-toolbar{grid-template-columns:1fr auto;align-items:end;gap:.55rem;display:grid}.catalog-row{background:#fff;border:1px solid #d3e2e7;border-radius:10px;gap:.45rem;padding:.6rem;display:grid}.catalog-row input,.catalog-row select{font:inherit;border:1px solid #bdd1d8;border-radius:8px;padding:.45rem .55rem}.catalog-row-product{grid-template-columns:1fr}.catalog-product-name{color:#1e3b45;font-weight:700}.catalog-row small{display:block}.catalog-group-hint{color:#53707b}.row-actions{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.catalog-empty{color:#4d6772;margin:0}.chip{color:#24454f;background:#f4fbfc;border:1px solid #c9dce1;border-radius:999px;padding:.2rem .65rem;font-size:.82rem}.chip-online{color:#1f5d3f;background:#ebf8f1;border-color:#bde2cc}.chip-offline{color:#874d13;background:#fff3e8;border-color:#f2d2b5}.btn{font:inherit;cursor:pointer;border:none;border-radius:10px;padding:.58rem .9rem;transition:transform .12s,box-shadow .12s}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{color:#f7fffd;background:linear-gradient(130deg,#177d66,#0f6352)}.btn-muted{color:#1d3740;background:#dbe8ec}.btn-danger{color:#fff4f4;background:#a93b42}.btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 14px #142d3329}.status-banner{border:1px solid #0000;border-radius:12px;padding:.75rem .9rem}.status-banner.error{color:#7f2328;background:#fff3f2;border-color:#f7cbc8}.status-banner.success{color:#21543a;background:#effbf5;border-color:#c9efd8}.dialog-backdrop{z-index:40;background:#05141c73;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.dialog-card{background:#fff;border:1px solid #d0e2e7;border-radius:14px;width:min(760px,96vw);max-height:92vh;padding:1rem;overflow:auto;box-shadow:0 22px 44px #08161c38}.list-grid{gap:.65rem;display:grid}.item-card{background:#fbfefe;border:1px solid #d0e2e7;border-radius:12px;gap:.6rem;padding:.8rem;display:grid}.item-card.is-purchased{opacity:.72;background:#f4f8f9}.item-main{align-items:center;gap:.55rem;display:flex}.item-name{color:#173038;font-size:1rem;font-weight:700}.item-name.strike{text-decoration:line-through}.item-detail-meta{color:#4a6873}.meta-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.quantity-control{background:#fff;border:1px solid #c6d9df;border-radius:999px;align-items:center;gap:.4rem;padding:.2rem;display:inline-flex}.qty{text-align:center;color:#1f3e48;min-width:2ch;font-weight:700}.btn-chip{cursor:pointer;color:#1b3c45;background:#d9e8ec;border:none;border-radius:999px;width:28px;height:28px;font-size:1rem;line-height:1}.empty-state{text-align:center;color:#335562;background:#f7fbfc;border:1px dashed #b5ccd3;border-radius:12px;padding:1rem}.foot-note{color:#4f6972;text-align:right;font-size:.82rem}@media (width<=700px){.app-shell{padding:1rem .7rem 2rem}.inline-actions{justify-content:stretch}.inline-actions .btn{flex:1}.auth-summary{flex-direction:column;align-items:flex-start}.inline-field-grid,.catalog-toolbar{grid-template-columns:1fr}}