@import "https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700;800;900&family=Inter:wght@300;400;500;600;700&display=swap";:root{--forest:#0e3d3a;--forest-mid:#1a5550;--forest-light:#2a6b60;--teal:#2c7867;--teal-mid:#3d9b85;--teal-light:#d0ede8;--cream:#f4ede2;--cream-dark:#eae0d0;--cream-deeper:#ddd0ba;--warm-white:#fffdf8;--coral:#ff8a70;--coral-dark:#e06050;--coral-light:#ffeae5;--amber:#ffc87a;--amber-dark:#e0a040;--amber-light:#fff3d6;--sky:#7db7c6;--sky-light:#e0f0f5;--red:#e53935;--red-light:#fdecea;--blue:#2a6db5;--blue-light:#e0edff;--bg:var(--cream);--surface:var(--warm-white);--surface-2:#f9f4ec;--text:var(--forest);--text-muted:#547264;--text-light:#5c7167;--border:#ddd0ba;--border-light:#eae0cc;--serif:"Nunito", system-ui, sans-serif;--font-display:var(--serif);--sans:"Inter", system-ui, sans-serif;--font-body:var(--sans);--text-hero:32px;--text-title:22px;--text-stat:22px;--text-subtitle:20px;--text-card-h:15px;--text-lg:15px;--text-base:14px;--text-sm:13px;--text-xs:12px;--text-2xs:11px;--text-3xs:10px;--fw-light:300;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-extrabold:800;--fw-black:900;--lh-tight:1.2;--lh-snug:1.4;--lh-body:1.6;--tracking-tight:-.5px;--tracking-label:.07em;--space-1:4px;--space-2:6px;--space-3:8px;--space-4:10px;--space-5:12px;--space-6:14px;--space-7:16px;--space-8:20px;--space-9:24px;--space-10:32px;--r-xs:6px;--r-sm:10px;--r:16px;--r-lg:20px;--r-xl:24px;--r-pill:20px;--sidebar-w:220px;--bnav-h:72px;--topbar-h:56px;--shadow-sm:0 1px 3px #0e3d3a0f, 0 1px 2px #0e3d3a0a;--shadow:0 4px 12px #0e3d3a14, 0 2px 6px #0e3d3a0d;--shadow-md:0 8px 24px #0e3d3a1f, 0 4px 10px #0e3d3a12;--shadow-lg:0 16px 48px #0e3d3a29, 0 6px 16px #0e3d3a14;--shadow-coral:0 8px 24px #ff8a7059;--shadow-teal:0 8px 24px #2e7d6b4d}html{scroll-behavior:smooth}body{font-family:var(--sans);background:var(--bg);color:var(--text);font-size:var(--text-base);line-height:var(--lh-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4{font-family:var(--serif);color:var(--forest);letter-spacing:var(--tracking-tight);line-height:var(--lh-tight)}a{color:var(--teal);text-decoration:none}a:hover{text-decoration:underline}::selection{background:var(--teal-light);color:var(--forest)}#appScreen{width:100%;height:100vh;overflow:hidden}:root{--serif:"Nunito", system-ui, sans-serif;--sans:"Inter", system-ui, sans-serif;--sidebar-w:220px;--r:16px;--r-sm:10px;--r-xs:6px;--r-lg:20px;--r-xl:24px;--bnav-h:72px;--shadow-sm:0 1px 3px #0e3d3a0f, 0 1px 2px #0e3d3a0a;--shadow:0 4px 12px #0e3d3a14, 0 2px 6px #0e3d3a0d;--shadow-md:0 8px 24px #0e3d3a1f, 0 4px 10px #0e3d3a12;--shadow-lg:0 16px 48px #0e3d3a29, 0 6px 16px #0e3d3a14;--shadow-coral:0 8px 24px #ff8a7059;--shadow-teal:0 8px 24px #2e7d6b4d}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html{scroll-behavior:smooth;height:100%}body{height:100%;font-family:var(--sans);background:var(--bg);color:var(--text);font-size:var(--text-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none;line-height:1.6}#authScreen{background:radial-gradient(ellipse at 15% 85%, #ff8a702e 0%, transparent 55%), radial-gradient(ellipse at 85% 15%, #2e7d6b26 0%, transparent 55%), var(--cream);z-index:1000;justify-content:center;align-items:flex-start;padding:40px 24px;display:flex;position:fixed;inset:0;overflow-y:auto}.auth-card{background:var(--warm-white);width:100%;max-width:420px;box-shadow:var(--shadow-lg);border:1px solid #ffffffe6;border-radius:28px;margin:auto;padding:48px 40px}.auth-logo-wrap{text-align:center;margin-bottom:20px}.auth-otter-img{object-fit:contain;filter:drop-shadow(0 6px 20px #2e7d6b59);width:80px;height:80px;margin:0 auto;display:block}.auth-logo-img{object-fit:contain;filter:drop-shadow(0 4px 16px #2e7d6b4d);width:72px;height:72px;margin:0 auto 12px;display:block}.auth-logo{font-family:var(--serif);font-size:var(--text-hero);color:var(--forest);text-align:center;letter-spacing:-.5px;margin-bottom:8px;font-weight:800;line-height:1}.auth-logo span{color:var(--coral)}.auth-sub{text-align:center;font-size:var(--text-base);color:var(--text-muted);margin-bottom:32px}.auth-error{background:var(--red-light);border-radius:var(--r-sm);font-size:var(--text-sm);color:var(--red);border:1px solid #e5393533;margin-bottom:16px;padding:10px 14px;display:none}.auth-field{margin-bottom:14px}.auth-field label{font-size:var(--text-2xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px;font-weight:600;display:block}.auth-field input{border:1.5px solid var(--border);border-radius:var(--r-sm);width:100%;font-size:var(--text-base);font-family:var(--sans);background:var(--warm-white);color:var(--text);outline:none;padding:13px 16px;transition:border .15s,box-shadow .15s}.auth-field input:focus{border-color:var(--teal);box-shadow:0 0 0 3px #2e7d6b1f}.btn-auth{background:var(--forest);width:100%;color:var(--cream);border-radius:var(--r-sm);font-size:var(--text-lg);cursor:pointer;font-weight:600;font-family:var(--sans);border:none;margin-bottom:12px;padding:14px;transition:all .2s}.btn-auth:hover{background:var(--forest-mid);box-shadow:var(--shadow-teal);transform:translateY(-1px)}.auth-divider{text-align:center;font-size:var(--text-xs);color:var(--text-muted);margin:12px 0;position:relative}.auth-divider:before,.auth-divider:after{content:"";background:var(--border);width:calc(50% - 18px);height:1px;position:absolute;top:50%}.auth-divider:before{left:0}.auth-divider:after{right:0}.btn-google{background:var(--warm-white);width:100%;color:var(--text);border:1.5px solid var(--border);border-radius:var(--r-sm);font-size:var(--text-base);cursor:pointer;font-weight:500;font-family:var(--sans);justify-content:center;align-items:center;gap:10px;padding:13px;transition:all .2s;display:flex}.btn-google:hover{background:var(--cream);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.layout{width:100%;height:100vh;display:flex;overflow:hidden}.sidebar{width:var(--sidebar-w);background:var(--forest);flex-direction:column;flex-shrink:0;display:flex;overflow-y:auto}.sidebar-logo{border-bottom:1px solid #ffffff14;align-items:center;gap:12px;padding:28px 20px 24px;display:flex}.sidebar-logo-img{object-fit:contain;background:#f0eae0;border-radius:12px;flex-shrink:0;width:56px;height:56px}.logo-text{font-family:var(--serif);font-size:var(--text-subtitle);color:var(--cream);letter-spacing:-.3px;font-weight:800;line-height:1}.logo-text span{color:var(--coral)}.logo-sub{font-size:var(--text-3xs);color:#f4ede2b3;max-width:120px;margin-top:3px;line-height:1.3}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:16px 12px;display:flex}.nav-item{color:#f4ede2a6;font-size:var(--text-sm);font-weight:500;font-family:var(--sans);border-radius:var(--r-sm);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:10px 12px;transition:all .15s;display:flex}.nav-item i{font-size:var(--text-subtitle);text-align:center;flex-shrink:0;width:20px}.nav-item:hover{color:var(--cream);background:#ffffff14}.nav-item.active{background:var(--coral);color:var(--forest);font-weight:600;box-shadow:0 4px 12px #ff8a704d}.nav-badge{background:var(--amber);border-radius:50%;width:7px;height:7px;margin-left:auto}.sidebar-user{border-top:1px solid #ffffff14;padding:16px 12px}.user-row{align-items:center;gap:10px;display:flex}.user-avatar{background:var(--teal);width:34px;height:34px;font-size:var(--text-base);color:var(--cream);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.user-name{font-size:var(--text-sm);color:var(--cream);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.user-email{font-size:var(--text-2xs);color:#f4ede2b3;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.btn-logout{color:#f4ede2b3;cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;padding:6px;transition:all .15s}.btn-logout:hover{color:var(--cream);background:#ffffff1a}.main{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.topbar{background:var(--warm-white);border-bottom:1px solid var(--border-light);z-index:10;flex-shrink:0;justify-content:space-between;align-items:center;height:56px;padding:0 20px;display:flex}.breadcrumb{font-size:var(--text-sm);align-items:center;gap:8px;display:flex}.bc-home{color:var(--text-muted);cursor:pointer;font-size:var(--text-sm);font-family:var(--sans);background:0 0;border:none;border-radius:6px;align-items:center;gap:5px;padding:4px 6px;transition:all .15s;display:flex}.bc-home:hover{background:var(--cream);color:var(--text)}.bc-sep{color:var(--border)}.bc-current{color:var(--text);font-weight:600}.topbar-actions{align-items:center;gap:10px;display:flex}.chip{background:var(--warm-white);border:1.5px solid var(--border);font-family:var(--sans);font-size:var(--text-xs);color:var(--text-muted);cursor:pointer;white-space:nowrap;border-radius:20px;justify-content:center;align-items:center;gap:6px;padding:6px 12px;font-weight:500;transition:all .15s;display:inline-flex}.chip.active{background:var(--teal);border-color:var(--teal);color:#fff}.chip:hover:not(.active){border-color:var(--teal);color:var(--teal)}.chip--day{border-radius:50%;gap:0;width:36px;height:36px;padding:0;font-weight:600}.chip--activity i{font-size:var(--text-base)}.chip--activity.active{background:var(--sky);border-color:var(--sky);color:var(--forest)}.chip--onb{font-size:var(--text-sm);color:var(--text);white-space:normal;border-width:1px;border-radius:999px;padding:9px 14px}.chip--basic{font-size:var(--text-sm);color:var(--text);white-space:normal;text-align:center;border-width:1px;border-radius:12px;padding:12px 8px}.topbar-user-wrap{position:relative}.topbar-user{background:var(--teal);width:34px;height:34px;font-size:var(--text-base);color:var(--cream);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-weight:700;transition:all .15s;display:flex}.topbar-user:hover{background:var(--forest)}.user-dropdown{background:var(--warm-white);border:1px solid var(--border-light);border-radius:var(--r);min-width:200px;box-shadow:var(--shadow-md);z-index:200;padding:8px;position:absolute;top:calc(100% + 8px);right:0}.user-dropdown-info{font-size:var(--text-xs);color:var(--text-muted);padding:8px 10px}.user-dropdown-item{border-radius:var(--r-xs);width:100%;font-size:var(--text-sm);font-family:var(--sans);color:var(--text);cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:9px 10px;transition:background .15s;display:flex}.user-dropdown-item:hover{background:var(--cream)}.sep{background:var(--border-light);height:1px;margin:4px 0}.screens{flex:1;min-width:0;position:relative;overflow:hidden}.screen{-webkit-overflow-scrolling:touch;width:100%;display:none;position:absolute;inset:0;overflow-y:auto}.screen.active{display:block}.page{max-width:100%;padding:24px 20px;padding-bottom:calc(var(--bnav-h) + 24px)}.bottom-nav{height:var(--bnav-h);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border-light);z-index:100;padding:0 4px;padding-bottom:env(safe-area-inset-bottom);background:#fffdf8f2;justify-content:space-around;align-items:center;display:none;position:fixed;bottom:0;left:0;right:0}.bnav-btn{color:var(--text-light);font-size:var(--text-3xs);font-weight:500;font-family:var(--sans);cursor:pointer;border-radius:var(--r-sm);background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;min-width:0;padding:6px 2px;transition:all .15s;display:flex}.bnav-btn i{font-size:var(--text-title);transition:all .2s}.bnav-btn.active{color:var(--forest)}.bnav-btn.active i{color:var(--coral);transform:scale(1.1)}.bnav-btn.bnav-primary{margin-top:-18px}.bnav-btn.bnav-primary i{background:var(--coral);color:#fff;width:50px;height:50px;font-size:var(--text-title);box-shadow:var(--shadow-coral);border-radius:16px;justify-content:center;align-items:center;display:flex;transform:none}.bnav-btn.bnav-primary.active i{background:var(--forest);box-shadow:var(--shadow-teal);transform:scale(1.05)}.serif{font-family:var(--serif)}.section-title{font-family:var(--serif);font-size:var(--text-title);color:var(--forest);letter-spacing:-.5px;margin-bottom:4px;font-weight:800;line-height:1.2}.section-sub{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:20px}.card{background:var(--warm-white);border-radius:var(--r);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);margin-bottom:12px;padding:16px}.card-green{background:var(--forest);border-radius:var(--r);margin-bottom:12px;padding:20px;position:relative;overflow:hidden}.card-green:after{content:"";background:#ffffff0f;border-radius:50%;width:100px;height:100px;position:absolute;top:-30px;right:-30px}.card-amber{background:var(--amber-light);border-radius:var(--r);border:1px solid #ffc87a66;margin-bottom:12px;padding:16px}.stat-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px;display:grid}.stat-card{background:var(--warm-white);border-radius:var(--r-sm);border:1px solid var(--border-light);text-align:center;box-shadow:var(--shadow-sm);padding:14px 12px}.stat-card .num{font-family:var(--serif);font-size:var(--text-title);color:var(--forest);margin-bottom:4px;font-weight:800;line-height:1}.stat-card .lbl{font-size:var(--text-3xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.card-grid{gap:10px;margin-bottom:12px;display:grid}.card-grid.col2{grid-template-columns:1fr 1fr}.card-grid.col4{grid-template-columns:repeat(4,1fr)}.btn--primary{background:var(--coral);color:var(--forest);border-radius:var(--r-sm);font-family:var(--sans);font-size:var(--text-sm);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:7px;padding:10px 16px;font-weight:600;transition:all .15s;display:inline-flex}.btn--primary:hover{box-shadow:var(--shadow-coral);transform:translateY(-1px)}.btn--accent{background:var(--warm-white);color:var(--text);border:1.5px solid var(--coral);border-radius:var(--r-sm);font-family:var(--sans);font-size:var(--text-xs);cursor:pointer;white-space:nowrap;align-items:center;gap:6px;padding:8px 14px;font-weight:500;transition:all .15s;display:inline-flex}.btn--accent:hover{border-color:var(--teal);color:var(--teal);background:var(--teal-light)}.btn--secondary{background:var(--forest);color:var(--cream);border-radius:var(--r-sm);font-size:var(--text-sm);cursor:pointer;font-weight:600;font-family:var(--sans);white-space:nowrap;border:none;align-items:center;gap:7px;padding:10px 16px;transition:all .15s;display:inline-flex}.btn--secondary:hover{background:var(--forest-mid);box-shadow:var(--shadow-teal);transform:translateY(-1px)}.btn-sm{background:var(--warm-white);color:var(--text);border:1.5px solid var(--border);border-radius:var(--r-sm);font-size:var(--text-xs);cursor:pointer;font-weight:500;font-family:var(--sans);white-space:nowrap;align-items:center;gap:6px;padding:8px 14px;transition:all .15s;display:inline-flex}.btn-sm:hover{border-color:var(--teal);color:var(--teal);background:var(--teal-light)}.btn-sm.active-tab{background:var(--forest);color:var(--cream);border-color:var(--forest)}.btn--ghost{color:var(--text-muted);border:1px solid var(--border);border-radius:var(--r-sm);font-size:var(--text-xs);cursor:pointer;font-weight:500;font-family:var(--sans);background:0 0;align-items:center;gap:6px;padding:8px 12px;transition:all .15s;display:inline-flex}.btn--ghost:hover{background:var(--cream);color:var(--text)}.btn--icon{background:var(--warm-white);border:1.5px solid var(--border);border-radius:var(--r-sm);cursor:pointer;width:38px;height:38px;color:var(--text-muted);flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.btn--icon:hover{border-color:var(--teal);color:var(--teal);background:var(--teal-light)}.qty-btn{background:var(--cream);border:1px solid var(--border);width:30px;height:30px;font-size:var(--text-lg);cursor:pointer;color:var(--text);font-family:var(--sans);border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:flex}.qty-btn:hover{background:var(--forest);color:var(--cream);border-color:var(--forest)}.input-f{border:1.5px solid var(--border);border-radius:var(--r-sm);width:100%;font-size:var(--text-sm);font-family:var(--sans);background:var(--warm-white);color:var(--text);outline:none;padding:11px 14px;transition:border .15s,box-shadow .15s;display:block}.input-f:focus{border-color:var(--teal);box-shadow:0 0 0 3px #2e7d6b1a}.input-f::placeholder{color:var(--text-light)}textarea.input-f{resize:vertical;min-height:80px;line-height:1.5}select.input-f{cursor:pointer}.label{font-size:var(--text-2xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em;margin-bottom:6px;font-weight:600;display:block}.badge{font-size:var(--text-2xs);border-radius:20px;align-items:center;padding:3px 9px;font-weight:600;display:inline-flex}.badge.bb{background:var(--blue-light);color:var(--blue)}.badge.bg{background:var(--teal-light);color:var(--forest)}.badge.bo{background:var(--amber-light);color:var(--text)}.badge.br{background:var(--red-light);color:var(--red)}.badge.bm{background:var(--cream-dark);color:var(--text)}.list-row{border-bottom:1px solid var(--border-light);align-items:center;gap:12px;padding:10px 0;display:flex}.list-row:last-child{border-bottom:none}.product-row{gap:10px}.prod-icon{width:36px;height:36px;font-size:var(--text-lg);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.filter-row{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;gap:6px;margin-bottom:12px;padding-bottom:4px;display:flex;overflow-x:auto}.filter-row::-webkit-scrollbar{display:none}.upload-zone{background:var(--cream);border:2px dashed var(--border);border-radius:var(--r-sm);text-align:center;transition:all .2s}.upload-zone:hover{border-color:var(--teal);background:var(--teal-light)}.scan-banner{border-radius:var(--r-sm);font-size:var(--text-sm);align-items:center;gap:8px;margin-bottom:12px;padding:10px 14px;font-weight:500;display:flex}.scan-ok{background:var(--teal-light);color:var(--forest);border:1px solid #2e7d6b33}.scan-warn{background:var(--amber-light);color:var(--amber-dark);border:1px solid #ffc87a4d}.scan-err{background:var(--red-light);color:var(--red);border:1px solid #e5393533}.demo-banner{background:var(--amber-light);border-radius:var(--r-sm);font-size:var(--text-sm);color:var(--amber-dark);border:1px solid #ffc87a66;align-items:center;gap:8px;margin-bottom:14px;padding:10px 14px;display:flex}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:500;background:#0e3d3a80;justify-content:center;align-items:flex-end;display:none;position:fixed;inset:0}.modal-overlay.open{animation:.2s fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--warm-white);border-radius:24px 24px 0 0;width:100%;max-width:600px;max-height:90vh;padding:20px 20px 32px;animation:.25s cubic-bezier(.32,.72,0,1) slideUp;overflow-y:auto}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.modal-handle{background:var(--border);border-radius:2px;width:36px;height:4px;margin:0 auto 20px}.modal-title{font-family:var(--serif);font-size:var(--text-subtitle);color:var(--forest);margin-bottom:16px;font-weight:700}.empty-state{text-align:center;color:var(--text-muted);padding:48px 20px}.empty-state i{font-size:var(--text-hero);opacity:.45;color:var(--teal);margin:0 auto 16px;display:block}.empty-state img{object-fit:contain;height:auto;margin:0 auto 18px;display:block;width:140px!important}.empty-state p{font-size:var(--text-lg);color:var(--text);margin-bottom:6px;font-weight:600}.empty-state span{font-size:var(--text-sm);color:var(--text-muted)}.empty-otter{object-fit:contain;background:#f6f0e6;border-radius:20px;width:140px;height:auto;margin:0 auto 18px;padding:16px;display:block;box-shadow:inset 0 0 0 1px #0000000f}.empty-state img[src*=otter-chef]{width:160px!important}.empty-state span{max-width:280px;margin:0 auto;line-height:1.45;display:block}.empty-state__actions{flex-direction:column;align-items:center;gap:10px;margin-top:22px;display:flex}.es-action{font-family:var(--sans);border-radius:var(--r-sm);cursor:pointer;white-space:nowrap;font-weight:600;font-size:var(--text-base);border:1.5px solid #0000;justify-content:center;align-items:center;gap:7px;padding:11px 18px;transition:all .15s;display:inline-flex}.es-action i{font-size:var(--text-lg)}.es-action--coral{background:var(--coral);color:var(--forest);box-shadow:var(--shadow-coral)}.es-action--coral:hover{background:var(--coral-dark)}.es-action--secondary{background:var(--surface);color:var(--text);border-color:var(--border);font-weight:500;font-size:var(--text-sm);padding:9px 16px}.es-action--secondary:hover{border-color:var(--teal);color:var(--teal);background:var(--teal-light)}.fu-overlay{z-index:1200;background:#0e3d3a57;justify-content:center;align-items:center;padding:20px;animation:.18s fuFade;display:flex;position:fixed;inset:0}@keyframes fuFade{0%{opacity:0}to{opacity:1}}.fu-card{background:var(--surface);border:1px solid var(--border-light);border-radius:24px;width:100%;max-width:375px;animation:.22s fuRise;position:relative;overflow:hidden;box-shadow:0 24px 56px -22px #0e3d3a73}@keyframes fuRise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.fu-card__handle{background:var(--cream-deeper);border-radius:2px;width:40px;height:4px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.fu-card__close{background:var(--cream);cursor:pointer;width:30px;height:30px;color:var(--text-muted);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:16px;right:16px}.fu-card__close:hover{background:var(--cream-dark)}.fu-card__body{padding:30px 24px 24px}.fu-card__head{align-items:center;gap:14px;margin-bottom:16px;display:flex}.fu-card__media{object-fit:cover;border-radius:18px;flex-shrink:0;width:64px;height:64px;box-shadow:inset 0 0 0 1px #0e3d3a0f}.fu-card__iconbox{background:var(--teal-light);border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.fu-card__iconbox i{font-size:var(--text-hero);color:var(--teal)}.fu-card__eyebrow{font-family:var(--sans);font-size:var(--text-2xs);letter-spacing:.09em;text-transform:uppercase;color:var(--text);font-weight:700}.fu-card__title{font-family:var(--serif);font-size:var(--text-title);color:var(--text);letter-spacing:-.3px;margin:3px 0 0;font-weight:800}.fu-card__text{font-size:var(--text-base);color:var(--text-muted);margin:0 0 16px;line-height:1.5}.fu-features{gap:8px;margin-bottom:22px;display:flex}.fu-feature{background:var(--teal-light);border-radius:14px;flex-direction:column;flex:1;align-items:center;gap:6px;padding:12px 6px;display:flex}.fu-feature i{font-size:var(--text-title);color:var(--teal)}.fu-feature span{font-size:var(--text-xs);color:var(--text);font-weight:600}.fu-hintrow{background:var(--surface-2);border:1px solid var(--border-light);border-radius:14px;align-items:center;gap:10px;margin-bottom:22px;padding:13px 14px;display:flex}.fu-hintrow>i{font-size:var(--text-subtitle);color:var(--teal);flex-shrink:0}.fu-hintrow span{font-size:var(--text-sm);color:var(--text-muted);line-height:1.4}.fu-card__cta{width:100%;font-family:var(--sans);font-weight:600;font-size:var(--text-base);border-radius:var(--r-sm);cursor:pointer;background:var(--forest);color:var(--cream);border:none;justify-content:center;align-items:center;gap:7px;padding:13px 16px;transition:background .15s;display:inline-flex}.fu-card__cta:hover{background:var(--forest-mid)}.fu-card__cta i{font-size:var(--text-lg)}.toast{bottom:calc(var(--bnav-h) + 12px);background:var(--forest);color:var(--cream);font-size:var(--text-sm);box-shadow:var(--shadow-md);z-index:1000;opacity:0;white-space:nowrap;text-align:center;border-radius:20px;max-width:calc(100vw - 40px);padding:12px 20px;font-weight:500;transition:all .25s cubic-bezier(.32,.72,0,1);position:fixed;left:50%;transform:translate(-50%)translateY(20px)}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}.stars{gap:8px;margin:8px 0;display:flex}.star{font-size:var(--text-hero);cursor:pointer;color:var(--border);background:0 0;border:none;padding:4px;transition:all .15s}.star.active{color:var(--amber)}.star:hover{transform:scale(1.2)}.menu-day{background:var(--warm-white);border-radius:var(--r);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);margin-bottom:10px;overflow:hidden}.menu-day-header{cursor:pointer;justify-content:space-between;align-items:center;padding:14px 16px;transition:background .15s;display:flex}.menu-day-header:hover{background:var(--cream)}.menu-day-title{font-size:var(--text-base);color:var(--forest);font-weight:700;font-family:var(--serif)}.menu-day-body{border-top:1px solid var(--border-light);padding:0 16px 14px}.menu-meal{border-bottom:1px solid var(--border-light);cursor:pointer;align-items:flex-start;gap:12px;padding:10px 0;display:flex}.menu-meal:last-child{border-bottom:none}.menu-meal:hover .menu-meal-name{color:var(--teal)}.menu-meal-time{font-size:var(--text-3xs);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);min-width:60px;padding-top:2px;font-weight:700}.menu-meal-name{font-size:var(--text-sm);color:var(--text);flex:1;font-weight:500;line-height:1.4;transition:color .15s}.menu-meal-kcal{font-size:var(--text-2xs);color:var(--text-muted);white-space:nowrap}.recipe-card{background:var(--warm-white);border-radius:var(--r);border:1px solid var(--border-light);cursor:pointer;box-shadow:var(--shadow-sm);margin-bottom:10px;padding:16px;transition:all .2s}.recipe-card:hover{border-color:var(--teal);box-shadow:var(--shadow);transform:translateY(-1px)}.recipe-card-title{font-size:var(--text-lg);color:var(--forest);font-weight:700;font-family:var(--serif);margin-bottom:6px;line-height:1.3}.recipe-card-meta{flex-wrap:wrap;gap:12px;display:flex}.recipe-card-meta span{font-size:var(--text-2xs);color:var(--text-muted);align-items:center;gap:4px;display:flex}.shop-check{border:2px solid var(--border);cursor:pointer;background:var(--warm-white);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;transition:all .15s;display:flex}.shop-check.checked{background:var(--teal);border-color:var(--teal);color:#fff}.shop-item.checked .shop-name{color:var(--text-muted);opacity:.6;text-decoration:line-through}.shop-urgent{background:var(--coral);border-radius:50%;flex-shrink:0;width:6px;height:6px}.exercise-log{border-bottom:1px solid var(--border-light);align-items:center;gap:12px;padding:12px 0;display:flex}.exercise-log:last-child{border-bottom:none}.exercise-icon{background:var(--sky-light);width:40px;height:40px;font-size:var(--text-subtitle);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.profile-card{background:var(--warm-white);border-radius:var(--r);border:1px solid var(--border-light);cursor:pointer;box-shadow:var(--shadow-sm);align-items:center;gap:14px;margin-bottom:10px;padding:16px;transition:all .2s;display:flex}.profile-card:hover{border-color:var(--teal);box-shadow:var(--shadow)}.profile-card.active{border-color:var(--teal);background:var(--teal-light)}.profile-avatar{background:var(--teal);width:48px;height:48px;font-size:var(--text-subtitle);color:var(--cream);font-weight:700;font-family:var(--serif);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.goal-btn{background:var(--cream);border:1.5px solid var(--border);border-radius:var(--r-sm);text-align:center;cursor:pointer;flex:1;padding:12px 8px;transition:all .15s}.goal-btn:hover{border-color:var(--teal)}.goal-btn.active{background:var(--forest);border-color:var(--forest);color:var(--cream)}.macro-bar{background:var(--border-light);border-radius:4px;height:8px;margin-bottom:8px;display:flex;overflow:hidden}.macro-bar-fill{height:100%;transition:width .4s}.hist-item{border-bottom:1px solid var(--border-light);align-items:center;gap:12px;padding:12px 0;display:flex}.hist-item:last-child{border-bottom:none}.hist-icon{background:var(--coral-light);width:40px;height:40px;font-size:var(--text-subtitle);color:var(--coral-dark);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.dot-pulse{align-items:center;gap:5px;display:flex}.dot-pulse span{background:var(--teal);border-radius:50%;width:7px;height:7px;animation:1.4s ease-in-out infinite pulse}.dot-pulse span:nth-child(2){animation-delay:.2s}.dot-pulse span:nth-child(3){animation-delay:.4s}@keyframes pulse{0%,80%,to{opacity:.4;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}@media (width<=768px){.sidebar,.topbar{display:none}.bottom-nav{display:flex}.main{height:100vh}.page{padding:20px 16px;padding-bottom:calc(var(--bnav-h) + 20px)}.stat-grid,.card-grid.col4{grid-template-columns:repeat(2,1fr)}.section-title{font-size:var(--text-title)}.modal{border-radius:24px 24px 0 0;max-height:92vh}}@media (width>=769px){.bottom-nav{display:none!important}.toast{bottom:20px}.page{max-width:100%;padding:24px 32px}}@supports (padding-bottom:env(safe-area-inset-bottom)){.bottom-nav{padding-bottom:env(safe-area-inset-bottom);height:calc(var(--bnav-h) + env(safe-area-inset-bottom))}}.km-display{font-family:var(--serif);font-size:var(--text-hero);color:var(--forest);margin-bottom:8px;font-weight:800;line-height:1}.mini-cal{background:var(--warm-white);border-radius:var(--r);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);margin-bottom:16px;padding:14px 16px}.cal-grid{grid-template-columns:repeat(7,1fr);gap:3px;margin-top:8px;display:grid}.cal-hdr{font-size:var(--text-3xs);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);text-align:center;padding:4px 0;font-weight:700}.cal-day{aspect-ratio:1;font-size:var(--text-xs);cursor:pointer;color:var(--text);border-radius:8px;justify-content:center;align-items:center;font-weight:500;transition:all .15s;display:flex}.cal-day:hover:not(.other-month){background:var(--cream)}.cal-day.today{background:var(--forest);color:var(--cream);font-weight:700}.cal-day.has-exercise{background:var(--teal-light);color:var(--forest)}.cal-day.selected{outline:2px solid var(--coral);outline-offset:-1px}.cal-day.other-month{color:var(--border);cursor:default}.exercise-log-item{border-bottom:1px solid var(--border-light);align-items:center;gap:12px;padding:12px 0;display:flex}.exercise-log-item:last-child{border-bottom:none}.day-card{background:var(--warm-white);border-radius:var(--r);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);margin-bottom:10px;overflow:hidden}.day-header{cursor:pointer;justify-content:space-between;align-items:center;padding:14px 16px;transition:background .15s;display:flex}.day-header:hover{background:var(--cream)}.day-meals{border-top:1px solid var(--border-light);padding:0 16px 14px}.meal-row{cursor:pointer;border-radius:8px;transition:background .15s}.meal-row:hover{background:var(--cream);padding-left:8px}.meal-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.recipe-block{background:var(--warm-white);border-radius:var(--r);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);margin-bottom:12px;padding:16px}.radio-group,.check-group{flex-wrap:wrap;gap:6px;display:flex}.radio-pill,.check-pill{border:1.5px solid var(--border);font-size:var(--text-xs);cursor:pointer;color:var(--text-muted);font-weight:500;font-family:var(--sans);-webkit-user-select:none;user-select:none;border-radius:20px;align-items:center;gap:5px;padding:6px 12px;transition:all .15s;display:inline-flex}.radio-pill input,.check-pill input{display:none}.radio-pill.sel,.check-pill.sel{background:var(--forest);border-color:var(--forest);color:var(--cream)}.radio-pill:hover:not(.sel),.check-pill:hover:not(.sel){border-color:var(--teal);color:var(--teal)}.badge.bc{background:var(--coral-light);color:var(--text)}.badge.ba{background:var(--sky-light);color:#1a6b80}.chip--profile .avatar{width:20px;height:20px;font-size:var(--text-3xs);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.topbar-user{cursor:pointer;font-size:var(--text-sm);color:var(--text);align-items:center;gap:6px;font-weight:500;transition:all .15s;border:1.5px solid var(--border)!important;background:var(--warm-white)!important;border-radius:20px!important;width:auto!important;height:auto!important;padding:5px 10px!important;display:flex!important}.topbar-user:hover{border-color:var(--teal)!important}.t-avatar{background:var(--teal);width:26px;height:26px;font-size:var(--text-2xs);color:var(--cream);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.t-name{font-size:var(--text-sm);color:var(--text);text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-weight:500;overflow:hidden}.auth-toggle{text-align:center;font-size:var(--text-sm);color:var(--text-muted);margin-top:16px}.auth-toggle-btn{color:var(--teal);font-size:var(--text-sm);cursor:pointer;font-weight:600;font-family:var(--sans);background:0 0;border:none;margin-left:4px;padding:0;text-decoration:underline}.source-badge{font-size:var(--text-3xs);white-space:nowrap;border-radius:10px;padding:2px 7px;font-weight:500}.source-badge.health{color:#3d7a6b;background:#d6ecea}.source-badge.device{color:#185fa5;background:#eef4ff}.source-badge.manual{background:var(--cream-dark);color:var(--text-muted)}.gusto-btn{border:1.5px solid var(--border);font-size:var(--text-base);cursor:pointer;background:0 0;border-radius:20px;padding:3px 8px;line-height:1;transition:all .15s}.gusto-btn.like{background:var(--teal-light);border-color:var(--teal)}.gusto-btn.dislike{background:var(--coral-light);border-color:var(--coral)}.gusto-btn:hover{transform:scale(1.15)}.mobile-user-fab{z-index:300;display:none;position:fixed;top:14px;right:16px}@media (width<=768px){.mobile-user-fab{display:block}}.mobile-user-btn{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.mobile-user-avatar{background:var(--forest);width:36px;height:36px;color:var(--cream);font-size:var(--text-base);font-weight:700;font-family:var(--serif);border:2px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;transition:transform .15s;display:flex;box-shadow:0 2px 8px #0e3d3a4d}.mobile-user-btn:active .mobile-user-avatar{transform:scale(.92)}.mobile-user-dropdown{background:var(--warm-white);box-shadow:var(--shadow-md);border:1px solid var(--border-light);z-index:400;border-radius:14px;min-width:180px;padding:10px;animation:.15s fadeSlideDown;display:none;position:absolute;top:calc(100% + 8px);right:0}.mobile-user-dropdown.open{display:block}@keyframes fadeSlideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.mobile-user-info{padding:6px 8px 4px}.mud-name{font-size:var(--text-sm);color:var(--forest);font-weight:700}.mud-email{font-size:var(--text-2xs);color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:160px;margin-top:1px;overflow:hidden}.auth-pass-wrap{align-items:center;display:flex;position:relative}.auth-pass-wrap input{width:100%;padding-right:44px!important}.auth-eye-btn{cursor:pointer;color:var(--text-muted);font-size:var(--text-subtitle);background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:4px;transition:color .15s,background .15s;display:flex;position:absolute;right:10px}.auth-eye-btn:hover{color:var(--forest);background:var(--cream-dark)}.pass-req{flex-direction:column;gap:6px;margin:-2px 0 12px;padding:0 2px;display:flex}.req-item{font-size:var(--text-xs);color:var(--text-muted);align-items:center;gap:7px;transition:color .2s;display:flex}.req-item i{font-size:var(--text-lg);color:var(--border);flex-shrink:0;transition:color .2s,transform .2s}.req-item.ok{color:var(--teal)}.req-item.ok i{color:var(--teal);transform:scale(1.15)}.active-mode{background:var(--teal)!important;color:#fff!important;border-color:var(--teal)!important}#topbarProfileChips{flex-direction:row;align-items:center;gap:6px;display:flex}#onboardingScreen{z-index:200;background:var(--warm-white,#fdfaf5);justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0;overflow-y:auto}.onb-card{text-align:center;flex-direction:column;align-items:center;width:100%;max-width:440px;display:flex}.onb-otter{object-fit:contain;width:96px;height:96px;margin-bottom:16px}.onb-title{font-family:var(--serif,serif);font-size:var(--text-hero);color:var(--text);margin-bottom:28px;font-weight:700;line-height:1.25}.onb-h2{font-family:var(--serif,serif);font-size:var(--text-title);color:var(--text);margin-bottom:14px;font-weight:700}.onb-sub{font-size:var(--text-base);color:var(--text-muted);margin-bottom:14px}.onb-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;align-self:flex-start;margin-bottom:8px;font-weight:600}.onb-cta{width:100%;font-size:var(--text-lg);justify-content:center;margin-top:8px;padding:13px}.onb-think{font-size:var(--text-sm);color:var(--teal);min-height:18px;margin-bottom:12px;font-style:italic}.onb-chips,.onb-grid{flex-wrap:wrap;gap:8px;width:100%;margin-bottom:18px;display:flex}.onb-grid{grid-template-columns:repeat(3,1fr);display:grid}.onb-secondary{justify-content:center;gap:18px;margin-top:14px;display:flex}.onb-link{color:var(--text-muted);font-size:var(--text-sm);cursor:pointer;background:0 0;border:none;text-decoration:underline}.onb-link:hover{color:var(--teal)}.onb-meta{flex-wrap:wrap;justify-content:center;gap:6px;margin-bottom:20px;display:flex}