@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.grow{flex-grow:1}.bg-blue-50{--tw-bg-opacity: 1;background-color:rgb(239 246 255 / var(--tw-bg-opacity, 1))}.bg-lime-50{--tw-bg-opacity: 1;background-color:rgb(247 254 231 / var(--tw-bg-opacity, 1))}.bg-orange-50{--tw-bg-opacity: 1;background-color:rgb(255 247 237 / var(--tw-bg-opacity, 1))}.bg-red-50{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}.text-blue-700{--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity, 1))}.text-lime-700{--tw-text-opacity: 1;color:rgb(77 124 15 / var(--tw-text-opacity, 1))}.text-orange-700{--tw-text-opacity: 1;color:rgb(194 65 12 / var(--tw-text-opacity, 1))}.text-red-700{--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity, 1))}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}:root{font-family:DM Sans,system-ui,sans-serif;color:#25342e;background:#f5f3ed;font-synthesis:none;--ink:#19372b;--green:#275d49;--sage:#dfeadf;--cream:#f5f3ed;--coral:#e77d58}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1,h2,h3,strong,.brand{font-family:Manrope,sans-serif}h1{font-size:clamp(2rem,4vw,3rem);letter-spacing:-.045em;color:var(--ink);margin:4px 0 0}h2{font-size:1.65rem;letter-spacing:-.03em}h3{margin-bottom:5px;letter-spacing:-.02em}small{color:#758079}.app-shell{min-height:100vh}main{margin-left:248px;padding:42px clamp(28px,5vw,76px) 80px;max-width:1500px}.sidebar{position:fixed;inset:0 auto 0 0;width:248px;padding:30px 22px;background:#183c2e;color:#fff;display:flex;flex-direction:column;z-index:20}.brand{border:0;background:none;color:#fff;display:flex;align-items:center;text-align:left;font-size:1.3rem;font-weight:800;gap:12px;padding:5px 8px 30px}.brand>span{width:38px;height:38px;border-radius:13px;background:#e8a27e;display:grid;place-items:center;font-size:25px}.brand small{display:block;color:#9bb4a9;font:500 11px DM Sans;letter-spacing:.06em}.sidebar nav{display:grid;gap:6px}.sidebar nav button{display:flex;align-items:center;gap:13px;border:0;background:transparent;color:#b9ccc4;padding:13px 15px;border-radius:13px;font-weight:600}.sidebar nav button:hover,.sidebar nav button.active{background:#2a5744;color:#fff}.side-note{margin-top:auto;background:#224a39;border:1px solid #35614f;border-radius:15px;padding:13px;display:flex;gap:10px;font-size:12px;color:#b9ccc4}.side-note p{margin:0}.side-note b{color:#fff}.mobile-nav{display:none}.page-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.page-head p,.eyebrow{color:#7f8d85;font-size:11px;font-weight:800;letter-spacing:.12em;margin-bottom:4px}.avatar{width:43px;height:43px;border-radius:50%;border:0;background:#e7ddd1;color:#6d4c3c;font-weight:800}.primary,.secondary{border:0;border-radius:12px;padding:11px 17px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700}.primary{background:var(--green);color:#fff;box-shadow:0 7px 20px #275d4928}.primary:hover{background:#1d4b39}.secondary{background:#fff;color:var(--green);border:1px solid #d7ddd8}.wide{width:100%;margin-top:16px}.hero{min-height:210px;border-radius:25px;padding:38px 40px;margin-bottom:22px;background:linear-gradient(110deg,#e8eee4,#e8eee4 64%,#f0d7bf);display:flex;justify-content:space-between;align-items:end;overflow:hidden;position:relative}.hero:after{content:"♨";font-size:160px;position:absolute;right:17%;bottom:-55px;color:#ffffff60;transform:rotate(-12deg)}.hero h2{font-size:2.15rem;margin:16px 0 7px}.hero p{color:#587064;max-width:520px;margin-bottom:0}.hero button{z-index:1}.card{background:#fff;border:1px solid #e6e7e2;border-radius:18px;padding:22px;box-shadow:0 5px 22px #3e514608}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:18px}.metric-grid .card{position:relative}.metric-grid p{color:#77827c;margin:0 0 7px;font-size:13px}.metric-grid strong{display:block;font-size:1.55rem;color:var(--ink);margin-bottom:5px}.metric-grid small{font-size:12px}.metric-icon{position:absolute;right:18px;top:18px;width:40px;height:40px;display:grid;place-items:center;border-radius:12px}.coral{background:#fde8df;color:#c66240}.amber{background:#fff0cc;color:#a87008}.green{background:#dfede5;color:#2c6b51}.good{color:#39845f!important}.two-col{display:grid;grid-template-columns:1.55fr 1fr;gap:18px;margin-bottom:18px}.section-title{display:flex;justify-content:space-between;align-items:start;margin-bottom:13px}.section-title h3{margin:0}.text-btn{background:none;border:0;color:#39705a;font-weight:700;display:inline-flex;align-items:center;gap:2px;padding:0}.attention-list>div{display:flex;align-items:center;gap:11px;padding:11px 0;border-top:1px solid #eff0ec}.attention-list>div>div{flex:1}.attention-list b,.attention-list small{display:block}.food-dot{width:37px;height:37px;border-radius:11px;background:#edf1e7;color:#4c765f;display:grid;place-items:center;font-weight:800}.food-dot.large{width:47px;height:47px;font-size:19px}.pill{display:inline-flex;align-items:center;border-radius:20px;padding:5px 9px;font-size:10px;font-weight:800;background:#e5eee6;color:#397059;margin-right:5px}.pill-amber{background:#fff0ce;color:#976b12}.pill-rose{background:#fde7e1;color:#af5b41}.pill-gray{background:#eef0ed;color:#66716b}.recipe-feature{text-align:center;background:#fbf9f4}.recipe-emoji{font-size:45px;display:block;margin:5px}.recipe-feature>p:not(.eyebrow){color:#748079;font-size:13px}.recipe-feature .secondary{margin-top:15px;width:100%}.timeline>div{display:flex;align-items:center;gap:12px;border-top:1px solid #eff0ec;padding:13px 0}.timeline>div:last-child{padding-bottom:0}.timeline-icon{width:36px;height:36px;border-radius:11px;display:grid;place-items:center}.timeline-icon svg{width:17px}.timeline p{flex:1;margin:0}.timeline b,.timeline small{display:block}.timeline strong{font-size:13px}.muted{color:#758079}.upload-card{display:flex;align-items:center;gap:18px;background:#e9efe7;border-color:#d9e5d9;margin-bottom:24px}.upload-card>span{width:56px;height:56px;background:#fff;border-radius:15px;display:grid;place-items:center;color:var(--green)}.upload-card div{flex:1}.upload-card h3{margin-bottom:3px}.upload-card p{margin:0;color:#6d7d74;font-size:14px}.toolbar{display:flex;gap:12px;margin-bottom:18px}.toolbar label{background:#fff;border:1px solid #dddeda;border-radius:12px;padding:0 14px;display:flex;align-items:center;gap:9px;flex:1;color:#89928d}.toolbar input{width:100%;padding:12px 0;border:0;outline:0;background:transparent}.toolbar select{border:1px solid #dddeda;border-radius:12px;padding:0 14px;background:#fff;color:#54635b}.purchase-list{display:grid;gap:10px}.purchase-list .card{display:flex;align-items:center;gap:14px;padding:17px 19px}.grow{flex:1}.purchase-list h3,.purchase-list p{margin:0}.purchase-list p{color:#808984;font-size:13px}.store-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;font-weight:800}.pantry-summary{display:flex;align-items:center;margin-bottom:16px}.pantry-summary>span:last-child{margin-left:auto;color:#849088;font-size:12px}.inventory-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.inventory-top{display:flex;align-items:center;gap:12px}.inventory-top>div:nth-child(2){flex:1}.inventory-top p{color:#8a938e;text-transform:uppercase;font-size:9px;letter-spacing:.08em;margin:0}.inventory-top h3{margin:2px 0}.quantity{margin:20px 0 14px;display:flex;align-items:center;justify-content:space-between}.quantity>span{font:800 1.45rem Manrope;color:var(--ink)}.quantity small{font-size:13px}.quantity div,.servings div{display:flex;gap:7px;align-items:center}.quantity button,.servings button{width:33px;height:33px;border-radius:10px;border:1px solid #dfe2df;background:#fafafa;display:grid;place-items:center;color:#496357}.quantity svg,.servings svg{width:15px}.inventory-grid footer{border-top:1px solid #eee;padding-top:12px;display:flex;justify-content:space-between;color:#7b8780;font-size:12px}.recipe-banner{display:flex;align-items:center;justify-content:space-between;background:#e6eee4;padding:18px 20px;border-radius:16px;margin-bottom:18px}.recipe-banner>div{display:flex;align-items:center;gap:12px}.recipe-banner p{margin:0}.recipe-banner label{font-size:13px;font-weight:700}.recipe-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.recipe-card{padding:0;overflow:hidden}.recipe-art{height:130px;background:linear-gradient(135deg,#f2ddc9,#e7eedf);display:grid;place-items:center;font-size:66px;position:relative}.recipe-art>span{position:absolute;right:12px;top:12px;background:#fff;padding:6px 9px;border-radius:15px;font-size:10px;font-weight:800;color:#3f715b}.recipe-body{padding:19px}.recipe-body h3{font-size:1.2rem;margin:9px 0}.recipe-body p{display:flex;align-items:center;gap:5px;color:#737f78;font-size:13px;margin:0 0 8px}.recipe-body small{display:flex;align-items:center;gap:4px;min-height:22px}.ready{color:#397d5a}.missing{color:#a26b24}.recipe-body button{width:100%;margin-top:13px}.recipe-body button:disabled{cursor:default}.shopping-summary{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;background:#e8efe6}.shopping-summary>div{display:flex;gap:12px;align-items:center}.shopping-summary span b,.shopping-summary span small{display:block}.shopping-summary strong{font-size:1.4rem}.check-list{padding:4px 20px}.check-list>button{width:100%;border:0;background:transparent;display:flex;align-items:center;gap:13px;text-align:left;padding:17px 0;border-bottom:1px solid #eceeea}.check-list>button:last-child{border-bottom:0}.check-list b,.check-list small{display:block}.check-list strong{font-size:13px}.checkbox{width:25px;height:25px;border:2px solid #b9c3bc;border-radius:8px;display:grid;place-items:center}.checkbox svg{width:16px}.check-list .done{opacity:.5}.check-list .done .checkbox{background:var(--green);color:#fff;border-color:var(--green)}.check-list .done b{text-decoration:line-through}.hint{text-align:center;color:#849088;font-size:12px;margin-top:12px}.stats h3{margin-bottom:25px}.bars{display:grid;gap:15px}.bars>div{display:grid;grid-template-columns:90px 1fr 82px;gap:10px;align-items:center;font-size:12px}.bars>div>div{height:8px;border-radius:8px;background:#edf0ec;overflow:hidden}.bars i{display:block;height:100%;background:#6a927d;border-radius:8px}.bars b{font-size:11px;text-align:right}.chart{height:220px;border-bottom:1px solid #dfe2dd;display:flex;align-items:end;justify-content:space-around;padding:0 15px}.chart>div{width:15%;background:#b7cbbd;border-radius:9px 9px 0 0;position:relative}.chart .current{background:#39705a}.chart span{position:absolute;bottom:-25px;width:100%;text-align:center;font-size:11px;color:#7c8780}.toast{position:fixed;right:28px;bottom:28px;background:#173b2d;color:#fff;border-radius:13px;padding:13px 18px;display:flex;align-items:center;gap:8px;box-shadow:0 12px 40px #172b2450;z-index:100;animation:slide .25s ease}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#14241d99;display:grid;place-items:center;padding:20px;z-index:90;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal{background:#fff;border-radius:23px;padding:30px;width:min(480px,100%);position:relative;text-align:center;box-shadow:0 25px 80px #0004}.modal>p:not(.eyebrow){color:#6f7d75;font-size:14px;line-height:1.5}.modal-close{position:absolute;right:17px;top:13px;border:0;background:none;font-size:28px;color:#7c8780}.modal-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:15px;background:#e5eee6;color:var(--green);margin:0 auto 12px}.dropzone{border:1.5px dashed #aebdb4;background:#f7f9f5;border-radius:16px;padding:25px;display:flex;align-items:center;flex-direction:column;gap:7px;color:var(--green);cursor:pointer}.dropzone small{display:block}.dropzone input{display:none}.servings{display:flex;align-items:center;justify-content:space-between;background:#f5f6f2;padding:14px;border-radius:13px;margin:20px 0}.servings b{min-width:25px}.notice{text-align:left;display:flex;gap:10px;background:#fff4da;color:#745a20;padding:12px;border-radius:12px;font-size:12px}.notice svg{width:18px;flex:none}@keyframes slide{0%{transform:translateY(12px);opacity:0}}.dashboard-bills{display:flex;align-items:center;gap:18px;margin-bottom:18px;background:#fffbf2}.dashboard-bills>div{display:flex;align-items:center;gap:12px;flex:1}.dashboard-bills p{margin:0}.dashboard-bills b,.dashboard-bills small{display:block}.dashboard-bills>strong{color:#6f5b2d;font-size:13px}.bill-overview{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:16px}.bill-overview .card{position:relative}.bill-overview p{color:#77827c;font-size:13px;margin:0 0 7px}.bill-overview strong{display:block;font-size:1.5rem;margin-bottom:4px}.bill-alert{padding:16px 20px;border:1px solid #f0d79e;background:#fff4d9;border-radius:15px;display:flex;align-items:center;gap:13px;margin-bottom:26px;color:#71541b}.bill-alert>div{flex:1}.bill-alert b,.bill-alert span{display:block}.bill-alert span{font-size:12px;margin-top:2px}.bill-alert button{border:0;background:none;color:#71541b;font-weight:800}.bill-title{align-items:end}.segmented{background:#e9ebe7;padding:3px;border-radius:11px;display:flex}.segmented button{border:0;background:none;padding:8px 12px;border-radius:8px;color:#6f7b74;font-size:12px;font-weight:700}.segmented button.active{background:#fff;color:var(--green);box-shadow:0 2px 7px #34443b15}.bill-list{display:grid;gap:10px}.bill-row{display:flex;align-items:center;gap:14px;padding:16px 18px}.bill-icon{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;flex:none}.bill-icon svg{width:20px}.bill-icon.electricity{background:#fff0c9;color:#9b6a00}.bill-icon.water{background:#e2f1f8;color:#267394}.bill-icon.gas{background:#fde6dc;color:#b65a37}.bill-icon.internet{background:#e9e4f8;color:#6552a0}.bill-icon.insurance{background:#e0eee6;color:#347157}.bill-icon.tax{background:#e8ebed;color:#59656b}.bill-main{flex:1}.bill-main>span{color:#86908b;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.bill-main h3,.bill-main p{margin:0}.bill-main p{color:#7d8781;font-size:12px}.consumption{display:flex;align-items:center;gap:7px;color:#849088;min-width:110px}.consumption svg{width:18px}.consumption b,.consumption small{display:block;font-size:11px}.bill-amount{text-align:right;min-width:110px}.bill-amount strong,.bill-amount span{display:block}.bill-amount strong{font-size:14px}.status{font-size:10px;font-weight:800;margin-top:4px}.status.pending{color:#a86e0c}.status.estimated{color:#6f6a91}.status.paid{color:#3e805e}.status.overdue{color:#b94f3a}.pay-button{border:1px solid #d7ded9;background:#fff;color:var(--green);border-radius:10px;padding:8px 11px;font-weight:700;font-size:11px}.paid-check{color:#438462;margin:0 10px}.annual-callout{width:100%;border:0;background:#e8efe6;color:var(--ink);border-radius:16px;padding:17px 20px;display:flex;align-items:center;justify-content:space-between;margin-top:18px;text-align:left}.annual-callout>div{display:flex;align-items:center;gap:12px}.annual-callout b,.annual-callout small{display:block}.annual-callout small{margin-top:2px}@media(max-width:900px){main{margin-left:0;padding:28px 18px 100px}.sidebar{display:none}.mobile-nav{position:fixed;display:flex;bottom:0;left:0;right:0;height:72px;padding:7px 4px max(7px,env(safe-area-inset-bottom));background:#fff;border-top:1px solid #ddd;z-index:50;justify-content:space-around}.mobile-nav button{border:0;background:transparent;color:#849088;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:8px;padding:2px 5px}.mobile-nav button.active{color:var(--green)}.two-col{grid-template-columns:1fr}.metric-grid{grid-template-columns:1fr 1fr}.metric-grid .card:last-child{grid-column:1/-1}.inventory-grid,.recipe-grid{grid-template-columns:1fr}.hero:after{display:none}.bill-overview{grid-template-columns:1fr 1fr}.bill-overview .card:last-child{grid-column:1/-1}.consumption{display:none}}@media(max-width:560px){h1{font-size:2rem}.page-head{margin-bottom:22px}.page-head .primary,.page-head .secondary{padding:10px}.page-head .primary{font-size:0}.page-head .primary svg{margin:0}.hero{padding:25px;min-height:245px;align-items:flex-start;flex-direction:column}.hero h2{font-size:1.7rem}.hero .primary{width:100%}.metric-grid,.bill-overview{grid-template-columns:1fr}.metric-grid .card:last-child,.bill-overview .card:last-child{grid-column:auto}.toolbar{flex-direction:column}.toolbar select{height:44px}.upload-card{align-items:flex-start;flex-wrap:wrap}.upload-card div{min-width:70%}.upload-card .secondary{width:100%}.pantry-summary>span:last-child{display:none}.recipe-banner{align-items:flex-start;gap:12px;flex-direction:column}.stats .card{overflow:hidden}.bars>div{grid-template-columns:78px 1fr 65px}.shopping-summary{align-items:flex-end}.shopping-summary small{display:none!important}.toast{left:18px;right:18px;bottom:88px}.page-head .avatar{display:none}.dashboard-bills{align-items:flex-start;flex-wrap:wrap}.dashboard-bills>div{min-width:100%}.dashboard-bills .secondary{margin-left:auto}.bill-alert{align-items:flex-start}.bill-alert button{display:none}.bill-title{align-items:flex-start;gap:12px;flex-direction:column}.segmented{width:100%}.segmented button{flex:1}.bill-row{align-items:flex-start;flex-wrap:wrap}.bill-main{min-width:calc(100% - 60px)}.bill-amount{text-align:left;margin-left:58px}.pay-button,.paid-check{margin-left:auto}.annual-callout small{display:none}}.manual-link{border:0;background:none;color:#60736a;font-weight:700;font-size:12px;margin-top:14px}.primary:disabled{opacity:.5;cursor:default}.scan-error{background:#fde8e2;color:#a24b32;padding:10px 12px;border-radius:10px;font-size:12px;margin-top:12px;text-align:left}.spin{animation:spin 1s linear infinite}.scan-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 0}.scan-summary>div{background:#f4f5f1;border-radius:11px;padding:11px 6px}.scan-summary span,.scan-summary b{display:block}.scan-summary span{color:#7c8781;font-size:10px}.scan-summary b{font-size:12px;margin-top:4px}.scan-warning{display:flex;text-align:left;gap:9px;background:#fff2d2;color:#725719;border-radius:11px;padding:11px;font-size:11px}.scan-warning svg{width:17px;flex:none}.scan-warning b,.scan-warning span{display:block}.scan-model{font-size:10px!important;margin:10px 0!important}@keyframes spin{to{transform:rotate(360deg)}}.ingredient-check{display:grid;gap:6px;margin:14px 0;text-align:left;max-height:180px;overflow:auto}.ingredient-check>div{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;border-radius:9px;background:#f3f5f1}.ingredient-check span{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700}.ingredient-check svg{width:15px}.ingredient-check .enough{color:#39755a}.ingredient-check .short{color:#a14f37;background:#fceae4}.toast button{border:0;background:#fff;color:#17402f;padding:6px 9px;border-radius:8px;font-weight:800;margin-left:8px}.modal:has(.purchase-review){width:min(980px,calc(100vw - 32px));max-height:92vh;overflow:auto;text-align:left}.purchase-review .review-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin-bottom:18px}.review-head h2{margin-bottom:5px}.review-head p:not(.eyebrow){color:#718078;font-size:13px;margin:0}.review-meta{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:10px;padding:14px;background:#f1f3ee;border-radius:14px;margin-bottom:16px}.review-meta label,.totals-editor label{color:#7c8781;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.review-meta input,.totals-editor input{display:block;width:100%;margin-top:5px;border:1px solid #d9ddd8;background:#fff;border-radius:8px;padding:9px;color:#27372f}.review-table{border:1px solid #e1e4df;border-radius:14px;overflow:hidden}.review-table-head,.review-row{display:grid;grid-template-columns:minmax(190px,2fr) minmax(145px,.9fr) minmax(100px,.7fr) 80px 34px;gap:10px;align-items:center}.review-table-head{background:#eef1ec;color:#768179;font-size:9px;text-transform:uppercase;font-weight:800;letter-spacing:.07em;padding:9px 13px}.review-row{padding:11px 13px;border-top:1px solid #eceeea}.review-row.needs-review{background:#fff9e9;box-shadow:inset 3px 0 #e6ad38}.review-row input,.review-row select{width:100%;border:1px solid #dce0dc;border-radius:8px;padding:8px;background:#fff;color:#25342e}.review-row>div:first-child input{font-weight:700}.brand-fields{display:grid;grid-template-columns:1.4fr .8fr .8fr;gap:4px;margin-top:5px}.brand-fields input,.brand-fields select{font-size:10px;padding:6px;font-weight:500!important}.review-row small{display:block;margin-top:3px;font-size:9px}.quantity-edit{display:flex;gap:5px}.quantity-edit select{width:60px}.stock-toggle{display:flex;gap:5px;align-items:center;font-size:11px;color:#60736a}.stock-toggle input{width:auto}.remove-row{border:0;background:none;color:#a27669;padding:5px}.remove-row svg{width:17px}.add-row{border:0;background:none;color:#347158;font-weight:700;font-size:12px;display:flex;gap:5px;align-items:center;margin:12px 0}.add-row svg{width:16px}.review-footer{display:grid;grid-template-columns:1.5fr 1fr;gap:14px;align-items:end}.totals-editor{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.reconciliation{border-radius:12px;padding:12px;display:flex;align-items:center;gap:9px}.reconciliation.ok{background:#e5f0e7;color:#347157}.reconciliation.bad{background:#fdeae4;color:#9e5038}.reconciliation svg{width:20px;flex:none}.reconciliation b,.reconciliation small{display:block}.reconciliation small{color:inherit;font-size:9px;margin-top:2px}@media(max-width:720px){.modal:has(.purchase-review){padding:22px 16px}.review-meta{grid-template-columns:1fr 1fr}.review-meta label:first-child{grid-column:1/-1}.review-table{overflow:visible;border:0}.review-table-head{display:none}.review-row{grid-template-columns:1fr 1fr 34px;border:1px solid #e1e4df;border-radius:12px;margin-bottom:9px}.review-row>div:first-child{grid-column:1/-1}.review-row>.quantity-edit{grid-column:1/2}.stock-toggle{grid-column:1/3}.review-footer{grid-template-columns:1fr}.totals-editor{grid-template-columns:1fr 1fr}.purchase-review .review-head{padding-right:20px}.review-head>.pill{display:none}}.data-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px}.backup-card{display:flex;flex-direction:column;align-items:flex-start;gap:14px}.backup-card>div{flex:1}.backup-card p:not(.eyebrow){color:#6f7d75;font-size:13px;line-height:1.5;margin:0}.data-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#e2eee6;color:var(--green)}.data-icon.upload{background:#f8eadf;color:#a75e3e}.backup-card .primary,.backup-card .secondary{width:100%}.file-button input{display:none}.file-button.disabled{opacity:.45;pointer-events:none}.data-error{margin:0 0 18px}.restore-preview{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:24px;border-color:#a9ceb8;background:#f2f8f3}.restore-preview>div{display:flex;align-items:center;gap:11px;color:#357254}.restore-preview b,.restore-preview small{display:block}.data-title{margin:30px 0 14px}.data-title p:last-child{color:#758079;font-size:13px;margin:4px 0 0}.csv-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.csv-grid .card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px}.csv-grid .card>div{display:flex;align-items:center;gap:10px;color:#3d705a}.csv-grid b,.csv-grid small{display:block}.csv-grid small{margin-top:2px}.data-notice{margin-top:18px;background:#edf4ee;color:#416252}@media(max-width:700px){.data-grid,.csv-grid{grid-template-columns:1fr}.restore-preview{align-items:flex-start;flex-direction:column}.restore-preview .primary{width:100%}}.bill-icon:is(button){border:0;cursor:pointer}.paid-action{border:0;background:#e1efe7;color:#438462;width:34px;height:34px;border-radius:50%;display:grid;place-items:center}.paid-action svg{width:18px}.edit-bill{border:0;background:none;color:#39705a;padding:3px 0 0;font-size:10px;font-weight:700}.service-form{display:grid;gap:12px;text-align:left;margin-top:20px}.service-form label{display:grid;gap:5px;color:#65736c;font-size:11px;font-weight:700}.service-form input,.service-form select{width:100%;border:1px solid #d9dfda;border-radius:10px;padding:10px 11px;background:#fff;color:#25342e;outline:none}.service-form input:focus,.service-form select:focus{border-color:#639079;box-shadow:0 0 0 3px #63907920}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.service-form .inline-check{display:flex;align-items:center;gap:8px;background:#f3f6f2;padding:11px;border-radius:10px}.service-form .inline-check input{width:auto}.history-list{display:grid;margin-top:20px;max-height:420px;overflow:auto}.history-list>div{display:flex;align-items:center;justify-content:space-between;text-align:left;border-top:1px solid #eceeea;padding:13px 3px}.history-list>div>span:last-child{text-align:right}.history-list b,.history-list small{display:block}.history-list .rise{color:#bd623f}.annual-bars{display:grid;gap:10px;margin-top:20px;text-align:left}.annual-bars>div{display:grid;grid-template-columns:34px 1fr 90px;gap:9px;align-items:center;font-size:11px}.annual-bars>div>span{text-transform:capitalize;color:#768179}.annual-bars i{height:9px;background:#edf0ec;border-radius:8px;overflow:hidden}.annual-bars i b{display:block;height:100%;background:#4f8169;border-radius:8px}.annual-bars strong{text-align:right;font-size:10px}@media(max-width:560px){.form-pair{grid-template-columns:1fr}.bill-row .bill-icon:is(button){cursor:pointer}.annual-bars>div{grid-template-columns:30px 1fr 75px}}.login-page{margin:0;min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top,#e3eee6,#f5f3ed 55%)}.login-card{width:min(430px,100%);background:#fff;border:1px solid #dfe5df;border-radius:24px;padding:34px;box-shadow:0 24px 80px #25463720;text-align:center}.login-logo{width:58px;height:58px;border-radius:18px;background:#1d4b39;color:#fff;display:grid;place-items:center;margin:0 auto 15px}.login-card h1{font-size:2rem;margin-bottom:8px}.login-card>p:not(.eyebrow){color:#718078;line-height:1.5}.login-card form{display:grid;gap:13px;text-align:left;margin:25px 0 18px}.login-card label{display:grid;gap:6px;color:#52645a;font-size:12px;font-weight:700}.login-card input{border:1px solid #d8dfda;border-radius:11px;padding:12px;outline:none}.login-card input:focus{border-color:#4d8067;box-shadow:0 0 0 3px #4d806720}.app-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;gap:10px;color:#315e49;font-weight:700}.logout-button{margin-top:auto;border:0;background:transparent;color:#b9ccc4;display:flex;align-items:center;gap:10px;padding:12px 15px}.logout-button:hover{color:#fff}.logout-button+.side-note{margin-top:8px}