:root,[data-theme=light]{--bg: #F5F5F5;--bg-2: #ffffff;--bg-3: #f4f4f4;--fg: #1f2328;--fg-2: #57606a;--fg-3: #8c959f;--accent: #441306;--accent-2: #441306;--ok: #1a7f37;--warn: #9a6700;--danger: #cf222e;--border: #d0d7de;--shadow: 0 1px 2px rgba(0,0,0,.04);--radius: .5rem;color-scheme:light;--ok-bg: #dafbe1;--warn-bg: #fff8c5;--danger-bg: #ffebe9;--accent-bg: #ddf4ff}[data-theme=dark]{--bg: #0e1116;--bg-2: #161b22;--bg-3: #1c2128;--fg: #e4e6eb;--fg-2: #adb5bd;--fg-3: #6b7280;--accent: #79b8ff;--accent-2: #1f6feb;--ok: #56d364;--warn: #f0c674;--danger: #f97583;--border: #30363d;--shadow: 0 1px 2px rgba(0,0,0,.4);color-scheme:dark;--ok-bg: rgba(86, 211, 100, .15);--warn-bg: rgba(240, 198, 116, .15);--danger-bg: rgba(249, 117, 131, .15);--accent-bg: rgba(121, 184, 255, .12)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--fg);overscroll-behavior-y:contain}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.app{max-width:720px;margin:0 auto;min-height:100%;display:flex;flex-direction:column}.app-header{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--bg-2);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:10}.app-header h1{margin:0;font-size:1.05rem}.app-header .spacer{flex:1}.app-header .header-logo{width:32px;height:32px;border-radius:.35rem;flex-shrink:0}.menu-wrapper{position:relative}.menu{position:absolute;top:calc(100% + .35rem);right:0;min-width:220px;max-width:90vw;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 6px 18px #00000040;padding:.35rem;z-index:50}.menu-user{padding:.55rem .65rem .45rem;border-bottom:1px solid var(--border);margin-bottom:.25rem;color:var(--fg-2);font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-item{display:flex;align-items:center;gap:.55rem;width:100%;padding:.6rem .65rem;background:transparent;border:0;color:var(--fg);font:inherit;font-size:.9rem;text-align:left;text-decoration:none;border-radius:.35rem;cursor:pointer}.menu-item:hover{background:var(--bg-3)}.menu-item--danger{color:var(--danger)}.menu-ic{width:22px;text-align:center;font-size:1rem}.menu-version{margin-top:.35rem;padding:.45rem .65rem;border-top:1px solid var(--border);color:var(--fg-3);font-size:.75rem;text-align:center;letter-spacing:.5px}.auth-version{margin-top:1.5rem;text-align:center;color:var(--fg-3);font-size:.75rem;letter-spacing:.5px}.app-main{flex:1;padding:1rem 1rem 6rem}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:var(--bg-2);border-top:1px solid var(--border);display:flex;padding-bottom:env(safe-area-inset-bottom);max-width:720px;margin:0 auto}.bottom-nav a{flex:1;text-align:center;padding:.7rem .25rem;color:var(--fg-2);font-size:.8rem}.bottom-nav a.active{color:var(--accent)}.bottom-nav a .ic{display:block;font-size:1.3rem;margin-bottom:.15rem}.card{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;margin-bottom:.75rem}@keyframes flash-added-kf{0%{background:var(--ok-bg, rgba(34,197,94,.28));box-shadow:0 0 0 3px var(--ok, #22c55e) inset}60%{background:var(--ok-bg, rgba(34,197,94,.15));box-shadow:0 0 0 2px var(--ok, #22c55e) inset}to{background:var(--bg-2);box-shadow:none}}.card.flash-added{animation:flash-added-kf 2.4s ease-out both}.item-card{background:var(--bg-2);border:1px solid var(--border);border-left:4px solid var(--fg-3);border-radius:var(--radius);padding:.65rem .8rem;margin-bottom:.5rem;display:flex;flex-direction:column;gap:.55rem}.item-card.expiry-danger{border-left-color:var(--danger)}.item-card.expiry-warn{border-left-color:var(--warn)}.item-card.expiry-soon{border-left-color:#d99a00}.item-card.expiry-ok{border-left-color:var(--ok)}.item-card .item-top{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}.item-card .item-top>.item-actions-inline{flex-basis:100%;display:flex;align-items:center;gap:.4rem;padding-left:calc(48px + .65rem);justify-content:space-between}.item-card .item-img{width:48px;height:48px;border-radius:.4rem;background:var(--bg-3);object-fit:cover;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:1.4rem}.item-card .item-name{font-size:.95rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-card .item-meta{font-size:.78rem;color:var(--fg-2);margin-top:.1rem}.item-card .item-meta .expiry{font-weight:600}.item-card .item-meta .expiry.danger{color:var(--danger)}.item-card .item-meta .expiry.warn{color:var(--warn)}.item-card .item-meta .expiry.soon{color:#d99a00}.item-card .item-meta .expiry.ok{color:var(--ok)}.item-card .item-actions{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.stepper{display:flex;align-items:center;gap:.35rem;flex-shrink:0}.stepper button{width:30px;height:30px;border-radius:50%;border:2px solid currentColor;background:transparent;font-weight:800;font-size:1.05rem;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;line-height:1;flex-shrink:0}.stepper button.minus{color:var(--danger)}.stepper button.plus{color:var(--ok)}.stepper button.minus:hover{background:var(--danger-bg)}.stepper button.plus:hover{background:var(--ok-bg)}.stepper button:disabled{opacity:.35;cursor:default}.stepper button:disabled:hover{background:transparent}.stepper .count{min-width:32px;text-align:center;line-height:1.05;display:flex;flex-direction:column}.stepper .count .n{font-weight:700;font-size:.95rem}.stepper .count .u{font-size:.6rem;color:var(--fg-3)}.stepper .count input.n{width:100%;background:transparent;border:none;outline:none;color:var(--fg);text-align:center;font-weight:800;font-size:.95rem;line-height:1.05;padding:0;margin:0;-moz-appearance:textfield}.stepper .count input.n::-webkit-outer-spin-button,.stepper .count input.n::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.stepper.stepper-lg{gap:.4rem}.stepper.stepper-lg button{width:44px;height:44px;font-size:1.3rem}.stepper.stepper-lg .count{width:5.5em;min-width:72px;padding:0 .35rem;box-sizing:content-box}.stepper.stepper-lg .count input.n{width:100%;min-width:0;font-size:1.6rem;line-height:1.1}.stepper.stepper-lg .count .u{font-size:.8rem;font-weight:700;color:var(--fg-2);text-transform:uppercase;letter-spacing:.04em}.row-icons{display:flex;gap:.1rem;flex-wrap:wrap;justify-content:flex-end;min-width:0}.row-icons .btn-icon{padding:.25rem .35rem;font-size:1rem}.row-icons .btn-icon.shop{color:var(--ok)}.row-icons .btn-icon.edit{color:var(--fg-2)}.row-icons .btn-icon.del{color:var(--danger)}@media (max-width: 480px){.item-card .item-top>.item-actions-inline{padding-left:0;gap:.25rem}.row-icons .btn-icon{padding:.2rem .28rem;font-size:.95rem}}.help-btn{width:32px;height:32px;border-radius:50%;background:#cfe8ff;color:#0b3d91;font-weight:800;font-size:1.05rem;border:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;margin-right:.35rem;line-height:1}.help-btn:hover{filter:brightness(.95)}.help-content{line-height:1.55}.help-content h2{font-size:1.1rem;margin:1.4rem 0 .4rem}.help-content h3{font-size:1rem;margin:1rem 0 .3rem;color:var(--fg-2)}.help-content h4{font-size:.95rem;margin:.8rem 0 .3rem;color:var(--fg-2)}.help-content p{margin:.4rem 0}.help-content ul{margin:.3rem 0 .6rem 1.2rem;padding:0}.help-content li{margin:.2rem 0}.help-content a{color:var(--accent)}.empty-cta{width:100%;background:var(--danger-bg);color:var(--danger);border:1px dashed var(--danger);border-radius:var(--radius);padding:.45rem .6rem;font:inherit;font-weight:600;font-size:.82rem;cursor:pointer;text-align:center}.empty-cta:hover{background:var(--danger);color:#fff}.toast{position:fixed;left:50%;bottom:1.25rem;transform:translate(-50%);background:var(--bg-2);color:var(--fg);border:1px solid var(--border);border-left:4px solid var(--ok);border-radius:var(--radius);padding:.55rem .9rem;box-shadow:0 6px 18px #00000059;font-size:.85rem;z-index:1000;animation:toast-in .18s ease-out;max-width:calc(100vw - 2rem)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,.4rem)}to{opacity:1;transform:translate(-50%)}}@keyframes toast-flash-center{0%{opacity:0;transform:translate(-50%,calc(-50% + .4rem))}10%{opacity:1;transform:translate(-50%,-50%)}75%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,-50%)}}.toast.toast-brief{top:50%;bottom:auto;transform:translate(-50%,-50%);padding:.9rem 1.4rem;font-size:1.05rem;font-weight:600;animation:toast-flash-center 2s ease-out forwards}.card-row{display:flex;align-items:center;gap:.75rem}.card-row .grow{flex:1;min-width:0}.card h3{margin:0 0 .25rem;font-size:1rem}.card .meta{font-size:.8rem;color:var(--fg-2)}.form{display:flex;flex-direction:column;gap:.9rem}.field{display:flex;flex-direction:column;gap:.3rem}.field label{font-size:.8rem;color:var(--fg-2)}.field input,.field select,.field textarea{background:var(--bg-3);color:var(--fg);border:1px solid var(--border);border-radius:var(--radius);padding:.65rem .8rem;font:inherit;width:100%;box-sizing:border-box;min-width:0}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--accent-2);outline-offset:-1px}.field input:-webkit-autofill,.field input:-webkit-autofill:hover,.field input:-webkit-autofill:focus,.field input:-webkit-autofill:active{-webkit-text-fill-color:var(--fg);-webkit-box-shadow:0 0 0 1000px var(--bg-3) inset;caret-color:var(--fg);transition:background-color 5000s ease-in-out 0s}.field-row{display:flex;gap:.5rem}.field-row .field{flex:1 1 0;min-width:0}.btn{background:var(--accent-2);color:#fff;border:0;border-radius:var(--radius);padding:.7rem 1.1rem;font:inherit;font-weight:600;cursor:pointer}.btn:hover{filter:brightness(1.1)}.btn:disabled{opacity:.5;cursor:default}.btn-ghost{background:transparent;color:var(--fg);border:1px solid var(--border)}.btn-danger{background:#b91c1c}.btn-small{padding:.4rem .7rem;font-size:.85rem}.btn-icon{background:transparent;color:var(--fg-2);border:0;cursor:pointer;padding:.35rem;font-size:1.1rem}.btn-icon-round{width:32px;height:32px;padding:0;border:1.5px solid var(--border);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;line-height:1}.btn-icon-round:hover{background:var(--bg-3)}.tabs{display:flex;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;margin-bottom:1rem}.tabs button{flex:1;padding:.65rem;background:transparent;color:var(--fg-2);border:0;font:inherit;cursor:pointer}.tabs button.active{background:var(--accent-2);color:#fff}.location-picker{margin-bottom:.25rem}.location-picker button{padding:.9rem .6rem;font-size:1rem;font-weight:500}.location-picker.missing{border-color:var(--danger);box-shadow:0 0 0 2px var(--danger-bg);animation:location-pulse 1.5s ease-in-out}@keyframes location-pulse{0%,to{box-shadow:0 0 0 2px var(--danger-bg)}50%{box-shadow:0 0 0 4px var(--danger-bg)}}.auth-screen{max-width:380px;margin:3rem auto 0;padding:0 1rem}.auth-screen h1{font-size:1.4rem;margin-bottom:.25rem}.auth-screen p.sub{color:var(--fg-2);margin-top:0;margin-bottom:1.5rem}.auth-hero{text-align:center;margin-bottom:1.5rem}.auth-hero h1{margin-top:.6rem;margin-bottom:.35rem}.auth-hero p.sub{margin-bottom:0}.auth-logo{width:84px;height:84px;border-radius:18px;display:block;margin:0 auto}.auth-screen .form{gap:.85rem}.auth-screen .switch{text-align:center;margin-top:1.2rem;font-size:.9rem;color:var(--fg-2)}.badge{display:inline-block;padding:.15rem .5rem;font-size:.75rem;border-radius:.3rem;background:var(--bg-3);color:var(--fg-2)}.badge.ok{background:var(--ok-bg);color:var(--ok)}.badge.warn{background:var(--warn-bg);color:var(--warn)}.badge.danger{background:var(--danger-bg);color:var(--danger)}.alert{padding:.7rem .9rem;border-radius:var(--radius);background:var(--danger-bg);color:var(--danger);border:1px solid var(--border);margin-bottom:1rem;font-size:.9rem}.alert.info{background:var(--accent-bg);color:var(--accent)}.alert.ok{background:var(--ok-bg);color:var(--ok)}.empty{text-align:center;padding:3rem 1rem;color:var(--fg-3)}.alert-strip{width:100%;border:none;cursor:pointer;background:var(--danger);color:#fff;padding:.55rem .9rem;border-radius:var(--radius);font-size:.85rem;font-weight:700;display:flex;align-items:center;gap:.65rem;margin-bottom:.6rem}.alert-strip__plus{margin-left:auto;width:20px;height:20px;border-radius:50%;border:1.5px solid #fff;display:inline-flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:800;line-height:1}.alert-expanded{position:relative;background:var(--danger-bg);border:1px solid var(--border);border-radius:var(--radius);padding:.65rem .9rem;margin-bottom:.6rem}.alert-expanded__min{position:absolute;top:.3rem;right:.4rem;background:transparent;border:0;cursor:pointer;color:var(--danger);font-size:1.1rem;padding:.1rem .4rem}.alert-expanded__title{font-size:.8rem;font-weight:700;color:var(--danger);margin-bottom:.35rem;padding-right:1.5rem}.alert-expanded__list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.15rem;font-size:.8rem}.alert-expanded__list .expiry.danger{color:var(--danger)}.alert-expanded__list .expiry.soon{color:#d99a00}.alert-expanded__list .expiry.warn{color:var(--warn)}.ingredient-pool{position:relative;margin-bottom:.75rem}.ingredient-pool:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2rem;background:linear-gradient(to bottom,transparent,var(--bg-2));pointer-events:none;border-radius:0 0 var(--radius) var(--radius)}.ingredient-pool__inner{display:flex;flex-wrap:wrap;gap:.35rem;max-height:11rem;overflow-y:scroll;padding-bottom:1.5rem;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.ingredient-pool__inner::-webkit-scrollbar{width:6px}.ingredient-pool__inner::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.ingredient-pool__inner::-webkit-scrollbar-track{background:transparent}.bottom-action-bar{position:fixed;left:50%;bottom:0;transform:translate(-50%);width:100%;max-width:720px;padding:.6rem .8rem calc(.6rem + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-top:1px solid var(--border);z-index:5;display:flex;justify-content:center}.bottom-action-bar .btn{flex:1;padding:.75rem 1rem;font-size:1rem;font-weight:700;background:var(--accent-2);color:#fff;border:0;border-radius:var(--radius);box-shadow:0 2px 6px #00000040;cursor:pointer}.scanner{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000f2;z-index:100;display:flex;flex-direction:column}.scanner video{flex:1;width:100%;object-fit:cover}.scanner .controls{background:var(--bg-2);padding:1rem;display:flex;gap:.5rem}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:50;display:flex;align-items:flex-end;justify-content:center}.modal{background:var(--bg-2);border-radius:var(--radius) var(--radius) 0 0;width:100%;max-width:720px;max-height:92vh;overflow-y:auto;padding:1.25rem 1.25rem calc(1.25rem + env(safe-area-inset-bottom))}.modal h2{margin:0 0 1rem;font-size:1.1rem}@media (min-width: 640px){.modal-overlay{align-items:center}.modal{border-radius:var(--radius);max-width:500px}}.upload-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:100;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.8rem;color:#fff;font-size:.95rem}.spinner{width:44px;height:44px;border:4px solid rgba(255,255,255,.28);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.admin-toolbar{display:flex;align-items:center;gap:.6rem;margin-bottom:1rem}.admin-toolbar .section-name{font-size:1rem;font-weight:600;color:var(--fg)}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:60;animation:sidebar-fade .18s ease-out}.sidebar-panel{position:fixed;top:0;left:0;bottom:0;width:82vw;max-width:300px;background:var(--bg-2);border-right:1px solid var(--border);box-shadow:2px 0 18px #00000059;z-index:61;display:flex;flex-direction:column;padding:calc(.75rem + env(safe-area-inset-top)) 0 env(safe-area-inset-bottom);animation:sidebar-slide .22s ease-out}.sidebar-header{display:flex;align-items:center;gap:.5rem;padding:0 .9rem .75rem;border-bottom:1px solid var(--border);color:var(--fg-2);font-size:.85rem;text-transform:uppercase;letter-spacing:.04em}.sidebar-header .spacer{flex:1}.sidebar-nav{display:flex;flex-direction:column;padding:.4rem 0;overflow-y:auto}.sidebar-nav button{display:flex;align-items:center;gap:.65rem;width:100%;padding:.8rem 1rem;background:transparent;border:0;color:var(--fg);font:inherit;font-size:.95rem;text-align:left;cursor:pointer;border-left:3px solid transparent}.sidebar-nav button:hover{background:var(--bg-3)}.sidebar-nav button.active{background:var(--accent-bg);color:var(--fg);border-left-color:var(--accent);font-weight:600}@keyframes sidebar-slide{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes sidebar-fade{0%{opacity:0}to{opacity:1}}img.icon{display:inline-block;width:1em;height:1em;vertical-align:-.15em;object-fit:contain}.icon-emoji{display:inline-block;line-height:1}.icon-emoji-dark{display:inline-block;line-height:1;filter:brightness(0) invert(1)}.designs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}.design-card{border:1px solid var(--border);border-radius:var(--radius);padding:1rem;background:var(--bg-2);display:flex;flex-direction:column;gap:.75rem}.design-card.active{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-bg)}.design-swatches{display:flex;gap:.3rem;height:22px}.design-swatch{flex:1;border-radius:4px;border:1px solid var(--border)}.design-icons-preview{display:flex;gap:.5rem;font-size:1.3rem;flex-wrap:wrap}.design-icons-preview .icon-preview-oscuro{background:#b91c1c;color:#fff;padding:.2rem .35rem;border-radius:4px;display:inline-flex;align-items:center}.welcome-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:1rem;background:radial-gradient(ellipse at top,color-mix(in oklab,var(--welcome-accent, #FF8904) 20%,transparent),transparent 60%),radial-gradient(ellipse at bottom right,color-mix(in oklab,var(--welcome-accent, #FF8904) 12%,transparent),transparent 60%),#0a0c10d1;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:welcome-fade-in .4s ease-out}@keyframes welcome-fade-in{0%{opacity:0}to{opacity:1}}.welcome-card{position:relative;width:100%;max-width:460px;max-height:92vh;background:var(--bg-2, #171b21);border:1px solid color-mix(in oklab,var(--welcome-accent, #FF8904) 25%,var(--border, #2a2f38));border-radius:22px;box-shadow:0 20px 60px #00000080,0 0 40px color-mix(in oklab,var(--welcome-accent, #FF8904) 15%,transparent);padding:2.2rem 1.6rem 1.4rem;display:flex;flex-direction:column;gap:1.2rem;overflow:hidden}.welcome-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--welcome-accent, #FF8904),color-mix(in oklab,var(--welcome-accent, #FF8904) 30%,#fff))}.welcome-skip{position:absolute;top:.8rem;right:.8rem;background:transparent;border:none;color:var(--fg-2, #99a1ac);font-size:.85rem;font-weight:600;cursor:pointer;padding:.3rem .55rem;border-radius:8px}.welcome-skip:hover{background:#ffffff0f;color:var(--fg, #e6e9ef)}.welcome-slide{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.8rem;animation:welcome-slide-in .4s ease-out;min-height:260px;justify-content:center}@keyframes welcome-slide-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.welcome-emoji{font-size:5.2rem;line-height:1;filter:drop-shadow(0 6px 18px color-mix(in oklab,var(--welcome-accent, #FF8904) 45%,transparent));animation:welcome-pop .5s cubic-bezier(.34,1.56,.64,1)}@keyframes welcome-pop{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.welcome-title{margin:0;font-size:1.5rem;font-weight:800;letter-spacing:-.01em;color:var(--fg, #e6e9ef);line-height:1.2}.welcome-text{margin:0;font-size:.98rem;line-height:1.5;color:var(--fg-2, #99a1ac);max-width:34ch}.welcome-dots{display:flex;justify-content:center;gap:.5rem}.welcome-dot{width:8px;height:8px;border-radius:50%;border:none;padding:0;cursor:pointer;background:color-mix(in oklab,var(--fg-3, #6e7681) 40%,transparent);transition:all .25s ease}.welcome-dot.active{width:24px;border-radius:4px;background:var(--welcome-accent, #FF8904)}.welcome-actions{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.welcome-actions .btn{min-width:100px}.welcome-actions .btn:disabled{opacity:.35;cursor:default}.welcome-cta{background:var(--welcome-accent, #FF8904);color:#fff;border:none;font-weight:700;box-shadow:0 4px 14px color-mix(in oklab,var(--welcome-accent, #FF8904) 45%,transparent);transition:transform .15s ease,box-shadow .15s ease}.welcome-cta:hover{transform:translateY(-1px);box-shadow:0 6px 18px color-mix(in oklab,var(--welcome-accent, #FF8904) 55%,transparent)}.welcome-dismiss-forever{background:transparent;border:none;color:var(--fg-3, #6e7681);font-size:.8rem;font-weight:500;padding:.3rem;cursor:pointer;text-decoration:underline;text-underline-offset:3px;align-self:center}.welcome-dismiss-forever:hover{color:var(--fg-2, #99a1ac)}@media (max-width: 380px){.welcome-card{padding:1.8rem 1.2rem 1.2rem;border-radius:18px}.welcome-emoji{font-size:4.4rem}.welcome-title{font-size:1.3rem}.welcome-slide{min-height:220px}}.impersonation-banner{position:fixed;top:0;left:0;right:0;height:40px;z-index:1000;background:var(--danger, #d1242f);color:#fff;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:0 .75rem;font-size:.85rem;font-weight:600;box-shadow:0 1px 4px #00000040}.impersonation-banner__admin{color:#ffffffd9;font-weight:400;font-size:.78rem}.impersonation-banner__exit{background:#00000040;color:#fff;border:1px solid rgba(255,255,255,.35);border-radius:999px;padding:.2rem .7rem;font:inherit;font-size:.78rem;cursor:pointer}.impersonation-banner__exit:hover{background:#0006}body.impersonating{padding-top:40px}body.impersonating .app-header{top:40px}@media (max-width: 480px){.impersonation-banner{gap:.4rem;padding:0 .5rem;font-size:.78rem}.impersonation-banner__admin{display:none}}.home-actions{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-top:.6rem;padding-top:.5rem;border-top:1px dashed var(--border);flex-wrap:wrap}.home-actions .row-icons{gap:.35rem}.section-switch{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin:.25rem 0 .9rem}.section-switch__btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;padding:.55rem .5rem;border:1.5px solid var(--border);border-radius:var(--radius);background:var(--bg-2);color:var(--fg-2);text-decoration:none;font:inherit;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.section-switch__btn:hover{border-color:var(--accent-2, var(--accent));color:var(--fg)}.section-switch__btn.is-active{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 2px 8px #00000040}.section-switch__icons{font-size:1.35rem;letter-spacing:.1rem;line-height:1}.section-switch__label{font-weight:700;font-size:.9rem;letter-spacing:.3px}.suggest-box{position:absolute;top:calc(100% + 4px);left:0;right:0;max-height:340px;overflow-y:auto;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 8px 24px #00000059;z-index:40}.suggest-empty{padding:.8rem;color:var(--fg-2);font-size:.85rem;text-align:center}.suggest-group+.suggest-group{border-top:1px solid var(--border)}.suggest-title{padding:.35rem .6rem;font-size:.7rem;color:var(--fg-2);text-transform:uppercase;letter-spacing:1px;background:var(--bg-3)}.suggest-item{display:flex;align-items:center;gap:.55rem;width:100%;padding:.5rem .6rem;background:transparent;border:none;color:var(--fg);text-align:left;cursor:pointer;font:inherit}.suggest-item:hover,.suggest-item:focus{background:#ffffff0d;outline:none}.suggest-thumb{width:32px;height:32px;object-fit:cover;border-radius:6px;background:var(--bg-3);flex:0 0 32px}.shop-thumb{width:40px;height:40px;object-fit:cover;border-radius:6px;background:var(--bg-3);flex:0 0 40px}.shop-thumb-empty{display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:var(--fg-2)}.suggest-badge{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;background:var(--bg-3);font-size:1.1rem;flex:0 0 32px}.suggest-body{display:flex;flex-direction:column;min-width:0;flex:1}.suggest-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.suggest-meta{font-size:.78rem;color:var(--fg-2);display:flex;gap:.3rem;flex-wrap:wrap}.stats-controls{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;margin-bottom:1rem}.stats-controls label{display:inline-flex;align-items:center;gap:.3rem;font-size:.85rem}.stats-controls select{background:var(--bg-3);color:var(--fg);border:1px solid var(--border);border-radius:var(--radius);padding:.35rem .5rem;font:inherit}.stats-section{margin-bottom:1.5rem}.stats-section h3{margin:0 0 .5rem;font-size:1rem}.stats-note{margin:0 0 .5rem;font-size:.8rem;color:var(--fg-3)}.stats-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -.25rem}.stats-table-scroll{max-height:420px;overflow-y:auto}.stats-table-scroll .stats-table thead th{position:sticky;top:0;background:var(--bg);z-index:1}.stats-table{width:100%;min-width:480px;border-collapse:collapse;font-size:.88rem}.stats-table thead tr{border-bottom:1px solid var(--border);text-align:left;color:var(--fg-2)}.stats-table th,.stats-table td{padding:.4rem .5rem}.stats-table tbody tr{border-bottom:1px solid var(--border)}.stats-table .stats-num{text-align:right;font-weight:700;white-space:nowrap}.stats-table .stats-barcode{color:var(--fg-3);font-family:monospace;font-size:.78rem}.stats-bars{display:grid;gap:.5rem}.stats-bar-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.3rem .5rem;align-items:center;font-size:.9rem}.stats-bar-row .stats-bar-label{grid-column:1 / 2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.stats-bar-row .stats-bar-count{grid-column:2 / 3;color:var(--fg-2);text-align:right;white-space:nowrap}.stats-bar-row .stats-bar-track{grid-column:1 / -1;height:12px;background:var(--bg-2);border-radius:6px;overflow:hidden}.stats-bar-row .stats-bar-fill{height:100%;background:var(--accent-2, #3B82F6)}.stats-bar-row .stats-bar-fill.stats-bar-fill-food{background:#22c55e}@media (min-width: 640px){.stats-bar-row{grid-template-columns:8rem minmax(0,1fr) 5.5rem}.stats-bar-row .stats-bar-label{grid-column:1 / 2}.stats-bar-row .stats-bar-track{grid-column:2 / 3;height:14px}.stats-bar-row .stats-bar-count{grid-column:3 / 4}}