@charset "UTF-8";:root{--bg:#f7f8fa;--surface:#fff;--surface-2:#f1f5f9;--border:#e2e8f0;--border-strong:#cbd5e1;--text-1:#0f172a;--text-2:#475569;--text-3:#94a3b8;--accent:#16a34a;--accent-dark:#15803d;--accent-light:#f0fdf4;--accent-border:#bbf7d0;--danger:#ef4444;--danger-light:#fef2f2;--warning:#f59e0b;--shadow-sm:0 1px 3px rgba(0,0,0,.08),0 1px 2px rgba(0,0,0,.04);--shadow-md:0 4px 6px -1px rgba(0,0,0,.07),0 2px 4px -2px rgba(0,0,0,.05);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.08),0 4px 6px -4px rgba(0,0,0,.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.09),0 8px 10px -6px rgba(0,0,0,.05);--radius-sm:6px;--radius:10px;--radius-lg:16px;--radius-xl:20px;--radius-full:9999px;--nav-height:64px}*,:after,:before{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.fridgely-nav{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:rgba(3,22,10,.95);border-bottom:1px solid rgba(22,163,74,.3);height:64px;z-index:1030}.fridgely-brand{align-items:center;color:#86efac!important;display:flex;font-family:Inter,-apple-system,sans-serif;font-size:18px;font-weight:800;gap:10px;letter-spacing:-.3px;text-decoration:none}.nav-logo{border:1.5px solid rgba(22,163,74,.5);border-radius:50%;height:32px;object-fit:cover;width:32px}.fridgely-link{align-items:center;border:1px solid transparent;border-radius:10px;color:hsla(0,0%,100%,.92)!important;display:inline-flex;font-family:Inter,-apple-system,sans-serif;font-size:15px;font-weight:600;letter-spacing:.01em;padding:9px 20px!important;position:relative;text-decoration:none;transition:color .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease}.fridgely-link i{font-size:15px;opacity:.8;transition:opacity .2s ease,-webkit-transform .2s ease;transition:opacity .2s ease,transform .2s ease;transition:opacity .2s ease,transform .2s ease,-webkit-transform .2s ease}.fridgely-link:after{background:#86efac;border-radius:2px;bottom:5px;content:"";height:2px;left:20px;position:absolute;right:20px;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:left;transform-origin:left;transition:-webkit-transform .22s cubic-bezier(.4,0,.2,1);transition:transform .22s cubic-bezier(.4,0,.2,1);transition:transform .22s cubic-bezier(.4,0,.2,1),-webkit-transform .22s cubic-bezier(.4,0,.2,1)}.fridgely-link:hover{background:rgba(22,163,74,.12);border-color:rgba(22,163,74,.28);box-shadow:0 0 14px rgba(22,163,74,.15);color:#86efac!important}.fridgely-link:hover i{opacity:1;-webkit-transform:scale(1.15);transform:scale(1.15)}.fridgely-link:hover:after{-webkit-transform:scaleX(1);transform:scaleX(1)}.nav-produce-btn{background:rgba(22,163,74,.12);border:1px solid rgba(22,163,74,.4);border-radius:9999px;color:#86efac;cursor:pointer;font-family:Inter,-apple-system,sans-serif;font-size:13px;font-weight:600;padding:8px 18px;transition:background .16s ease,box-shadow .16s ease;white-space:nowrap}.nav-produce-btn:hover{background:rgba(22,163,74,.24);box-shadow:0 0 0 1px rgba(22,163,74,.5),0 4px 12px rgba(22,163,74,.2)}.fridgely-toggler{background:transparent!important;border:1px solid rgba(22,163,74,.4)!important;border-radius:8px;box-shadow:none!important;display:flex;flex-direction:column;gap:5px;height:40px;justify-content:center;padding:8px 10px;width:42px}.toggler-bar{background:#86efac;border-radius:2px;display:block;height:2px;transition:opacity .25s ease,-webkit-transform .25s ease;transition:transform .25s ease,opacity .25s ease;transition:transform .25s ease,opacity .25s ease,-webkit-transform .25s ease;width:20px}.toggler-bar.open:first-child{-webkit-transform:translateY(7px) rotate(45deg);transform:translateY(7px) rotate(45deg)}.toggler-bar.open:nth-child(2){opacity:0}.toggler-bar.open:nth-child(3){-webkit-transform:translateY(-7px) rotate(-45deg);transform:translateY(-7px) rotate(-45deg)}.fridgely-nav .navbar-collapse{background:rgba(3,18,8,.98);border-top:1px solid rgba(22,163,74,.18);margin:0 -12px;padding:12px 8px 16px}@media (min-width:992px){.fridgely-nav .navbar-collapse{background:transparent;border-top:none;margin:0;padding:0}}@media (max-width:991px){.fridgely-link{border-radius:10px;display:flex;font-size:16px;padding:13px 18px!important}.nav-produce-btn{font-size:14px;margin-top:8px;padding:12px 18px;width:100%}}.nav-popup-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:rgba(0,0,0,.65);display:flex;inset:0;justify-content:center;position:fixed;z-index:2000}.nav-popup{background:#0f172a;border:1px solid rgba(22,163,74,.25);border-radius:16px;box-shadow:0 24px 60px rgba(0,0,0,.6);display:flex;flex-direction:column;gap:16px;max-width:420px;padding:32px 28px;width:100%}.nav-popup h2{color:#fff;font-size:18px;font-weight:700}.nav-popup h2,.nav-popup h3{font-family:Inter,-apple-system,sans-serif;margin:0;text-align:center}.nav-popup h3{color:hsla(0,0%,100%,.6);font-size:14px;font-weight:600}.nav-popup input[type=file]{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.12);border-radius:8px;color:hsla(0,0%,100%,.7);font-size:13px;padding:8px 12px;width:100%}.nav-popup img{border-radius:8px;max-width:100%}.nav-popup-btn{align-self:center;background:#16a34a;border:none;border-radius:9999px;color:#fff;cursor:pointer;font-family:Inter,-apple-system,sans-serif;font-size:14px;font-weight:600;padding:10px 28px;transition:background .16s ease}.nav-popup-btn:hover{background:#15803d}.nav-popup-btn.secondary{background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.14)}.nav-popup-btn.secondary:hover{background:hsla(0,0%,100%,.14)}.nav-popup-result{color:#86efac;font-size:48px;font-weight:800}.nav-popup-result,.nav-popup-result-label{font-family:Inter,-apple-system,sans-serif;text-align:center}.nav-popup-result-label{color:hsla(0,0%,100%,.5);font-size:13px}.landing-root{inset:0;position:fixed;top:64px}.landing-bg{align-items:center;background:linear-gradient(135deg,#0f172a,#0f2318 55%,#14532d);display:flex;height:100%;justify-content:center;overflow:hidden;position:relative;width:100%}.landing-bg:before{background:radial-gradient(ellipse,rgba(22,163,74,.22) 0,transparent 65%);height:70%;right:-5%;top:-10%;width:55%}.landing-bg:after,.landing-bg:before{content:"";pointer-events:none;position:absolute}.landing-bg:after{background:radial-gradient(ellipse,rgba(22,163,74,.1) 0,transparent 65%);bottom:-15%;height:55%;left:-5%;width:40%}.landing-content{align-items:center;display:flex;flex-direction:column;gap:0;max-width:680px;padding:0 24px;position:relative;text-align:center;z-index:2}.landing-brand{background:rgba(22,163,74,.15);border:1px solid rgba(22,163,74,.35);border-radius:9999px;color:#86efac;font-family:Inter,-apple-system,sans-serif;font-size:15px;font-weight:700;letter-spacing:.08em;margin-bottom:32px;padding:6px 16px;text-transform:uppercase}.landing-headline{margin-bottom:20px}.landing-h1-green,.landing-h1-white{font-family:Inter,-apple-system,sans-serif;font-size:clamp(1.8rem,4vw,3rem);font-weight:800;letter-spacing:-1px;line-height:1.1;margin:0 0 6px}.landing-h1-white{color:#fff}.landing-h1-green{color:#86efac}.landing-sub{color:hsla(0,0%,100%,.58);font-family:Inter,-apple-system,sans-serif;font-size:clamp(13px,1.6vw,16px);line-height:1.6;margin:0 0 28px;max-width:440px}.landing-chips{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:44px}.landing-chip{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:hsla(0,0%,100%,.07)!important;border:1px solid hsla(0,0%,100%,.16);border-radius:9999px;color:hsla(0,0%,100%,.8)!important;font-size:12px;font-weight:600;letter-spacing:.02em;padding:7px 14px}.landing-chip,.landing-cta{font-family:Inter,-apple-system,sans-serif}.landing-cta{align-items:center;background:#16a34a;border:none;border-radius:9999px;box-shadow:0 4px 24px rgba(22,163,74,.45),0 0 0 1px rgba(22,163,74,.3);color:#fff;cursor:pointer;display:inline-flex;font-size:15px;font-weight:700;gap:6px;letter-spacing:.2px;padding:14px 40px;text-decoration:none;transition:background .2s ease,box-shadow .2s ease,-webkit-transform .2s ease;transition:background .2s ease,transform .2s ease,box-shadow .2s ease;transition:background .2s ease,transform .2s ease,box-shadow .2s ease,-webkit-transform .2s ease}.landing-cta:hover{background:#15803d;box-shadow:0 10px 32px rgba(22,163,74,.55),0 0 0 1px rgba(22,163,74,.4);color:#fff;text-decoration:none;-webkit-transform:translateY(-3px);transform:translateY(-3px)}.landing-cta:active{-webkit-transform:translateY(-1px);transform:translateY(-1px)}@media (max-width:600px){.landing-h1-green,.landing-h1-white{letter-spacing:-1px}.landing-chips{gap:8px}.landing-cta{padding:16px 36px}}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker-wrapper{border:0;display:inline-block;padding:0}.react-datepicker{background-color:#fff;border:1px solid #aeaeae;border-radius:.3rem;color:#000;display:inline-block;font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;line-height:normal;position:relative}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker-popper{line-height:0;z-index:1}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker__header{background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative;text-align:center}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__year-dropdown-container--select{display:inline-block;margin:0 15px}.react-datepicker-time__header,.react-datepicker-year-header,.react-datepicker__current-month{color:#000;font-size:.944rem;font-weight:700;margin-top:0}.react-datepicker-time__header{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.react-datepicker__navigation{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:32px;justify-content:center;overflow:hidden;padding:0;position:absolute;text-align:center;text-indent:-999em;top:2px;width:32px;z-index:1}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{display:block;margin-left:auto;margin-right:auto;position:relative;top:0}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover :before{border-color:#a6a6a6}.react-datepicker__navigation-icon{font-size:20px;position:relative;top:-1px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{left:-7px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{right:-7px;-webkit-transform:rotate(225deg);transform:rotate(225deg)}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__input-time-container{clear:both;float:left;margin:5px 0 10px 15px;text-align:left;width:100%}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{display:inline-block;margin-left:5px}.react-datepicker__time-container{border-left:1px solid #aeaeae;float:right;width:85px}.react-datepicker__time-container--with-today-button{border:1px solid #aeaeae;border-radius:.3rem;display:inline;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{background:#fff;border-bottom-right-radius:.3rem;position:relative}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{border-bottom-right-radius:.3rem;margin:0 auto;overflow-x:hidden;text-align:center;width:85px}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{box-sizing:initial;height:calc(195px + .85rem);list-style:none;margin:0;overflow-y:scroll;padding-left:0;padding-right:0;width:100%}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{background-color:#f0f0f0;cursor:pointer}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{background-color:initial;cursor:default}.react-datepicker__week-number{color:#ccc;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected,.react-datepicker__week-number--keyboard-selected):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__week-number--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__week-number--keyboard-selected{background-color:#2a87d0;border-radius:.3rem;color:#fff}.react-datepicker__week-number--keyboard-selected:hover{background-color:#1d5d90}.react-datepicker__day-names{margin-bottom:-8px;white-space:nowrap}.react-datepicker__week{white-space:nowrap}.react-datepicker__day,.react-datepicker__day-name,.react-datepicker__time-name{color:#000;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:hover,.react-datepicker__month-text:hover,.react-datepicker__quarter-text:hover,.react-datepicker__year-text:hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{background-color:#3dcc4a;border-radius:.3rem;color:#fff}.react-datepicker__day--highlighted:hover,.react-datepicker__month-text--highlighted:hover,.react-datepicker__quarter-text--highlighted:hover,.react-datepicker__year-text--highlighted:hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{background-color:#ff6803;border-radius:.3rem;color:#fff;position:relative}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{background-color:#333;border-radius:4px;bottom:100%;color:#fff;left:50%;opacity:0;padding:4px;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:visibility 0s,opacity .3s ease-in-out;visibility:hidden;white-space:nowrap}.react-datepicker__day--holidays:hover,.react-datepicker__month-text--holidays:hover,.react-datepicker__quarter-text--holidays:hover,.react-datepicker__year-text--holidays:hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{opacity:1;visibility:visible}.react-datepicker__day--in-range,.react-datepicker__day--in-selecting-range,.react-datepicker__day--selected,.react-datepicker__month-text--in-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--selected,.react-datepicker__quarter-text--in-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--selected,.react-datepicker__year-text--in-range,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__day--in-range:hover,.react-datepicker__day--in-selecting-range:hover,.react-datepicker__day--selected:hover,.react-datepicker__month-text--in-range:hover,.react-datepicker__month-text--in-selecting-range:hover,.react-datepicker__month-text--selected:hover,.react-datepicker__quarter-text--in-range:hover,.react-datepicker__quarter-text--in-selecting-range:hover,.react-datepicker__quarter-text--selected:hover,.react-datepicker__year-text--in-range:hover,.react-datepicker__year-text--in-selecting-range:hover,.react-datepicker__year-text--selected:hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{background-color:#bad9f1;border-radius:.3rem;color:#000}.react-datepicker__day--keyboard-selected:hover,.react-datepicker__month-text--keyboard-selected:hover,.react-datepicker__quarter-text--keyboard-selected:hover,.react-datepicker__year-text--keyboard-selected:hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:rgba(33,107,165,.5)}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{color:#ccc;cursor:default}.react-datepicker__day--disabled:hover,.react-datepicker__month-text--disabled:hover,.react-datepicker__quarter-text--disabled:hover,.react-datepicker__year-text--disabled:hover{background-color:initial}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{background-color:#333;border-radius:4px;bottom:70%;color:#fff;left:50%;opacity:0;padding:4px;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:visibility 0s,opacity .3s ease-in-out;visibility:hidden;white-space:nowrap}.react-datepicker__input-container{display:inline-block;position:relative;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{box-sizing:initial;padding:.5rem;position:absolute}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__month-read-view,.react-datepicker__month-year-read-view,.react-datepicker__year-read-view{border:1px solid transparent;border-radius:.3rem;position:relative}.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover,.react-datepicker__year-read-view:hover{cursor:pointer}.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow{right:-16px;top:0;-webkit-transform:rotate(135deg);transform:rotate(135deg)}.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown,.react-datepicker__year-dropdown{background-color:#f0f0f0;border:1px solid #aeaeae;border-radius:.3rem;left:25%;position:absolute;text-align:center;top:30px;width:50%;z-index:1}.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover,.react-datepicker__year-dropdown:hover{cursor:pointer}.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable,.react-datepicker__year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__month-option,.react-datepicker__month-year-option,.react-datepicker__year-option{display:block;line-height:20px;margin-left:auto;margin-right:auto;width:100%}.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type,.react-datepicker__year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type,.react-datepicker__year-option:last-of-type{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem;-webkit-user-select:none;user-select:none}.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover,.react-datepicker__year-option:hover{background-color:#ccc}.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected,.react-datepicker__year-option--selected{left:15px;position:absolute}.react-datepicker__close-icon{background-color:initial;border:0;cursor:pointer;display:table-cell;height:100%;outline:0;padding:0 6px 0 0;position:absolute;right:0;top:0;vertical-align:middle}.react-datepicker__close-icon:after{background-color:#216ba5;border-radius:50%;color:#fff;content:"×";cursor:pointer;display:table-cell;font-size:12px;height:16px;line-height:1;padding:2px;text-align:center;vertical-align:middle;width:16px}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{background-color:#ccc;cursor:default}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;clear:left;cursor:pointer;font-weight:700;padding:5px 0;text-align:center}.react-datepicker__portal{align-items:center;background-color:rgba(0,0,0,.8);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2147483647}.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:3rem;width:3rem}@media (max-height:550px),(max-width:400px){.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:2rem;width:2rem}}.react-datepicker__portal .react-datepicker-time__header,.react-datepicker__portal .react-datepicker__current-month{font-size:1.44rem}.react-datepicker__children-container{height:auto;margin:.4rem;padding-left:.2rem;padding-right:.2rem;width:13.8rem}.react-datepicker__aria-live{border:0;-webkit-clip-path:circle(0);clip-path:circle(0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.react-datepicker__calendar-icon{height:1em;vertical-align:-.125em;width:1em}.main-content{display:block;width:100%}header{display:none}.App{background:#f7f8fa;background:var(--bg,#f7f8fa);font-family:Inter,-apple-system,sans-serif;margin:0 auto;max-width:1280px;min-height:calc(100vh - 64px);padding:120px 40px 40px}.inv-page-header{align-items:center;background:linear-gradient(135deg,#0f172a,#1e3a2f 55%,#15803d);border-radius:20px;border-radius:var(--radius-xl,20px);display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px;margin-top:32px;overflow:hidden;padding:28px 32px}.inv-page-header:before{background:radial-gradient(ellipse 50% 80% at 100% 0,rgba(22,163,74,.2) 0,transparent 70%);content:"";inset:0;pointer-events:none;position:absolute}.inv-eyebrow{background:rgba(22,163,74,.18);border:1px solid rgba(22,163,74,.35);border-radius:9999px;border-radius:var(--radius-full,9999px);color:#86efac;display:inline-block;font-size:11px;font-weight:700;letter-spacing:.1em;margin-bottom:8px;padding:3px 10px;position:relative;text-transform:uppercase}.inv-header-text{color:#fff;font-family:Inter,-apple-system,sans-serif;font-size:1.75rem;font-weight:800;letter-spacing:-.6px;line-height:1.1;margin:0 0 4px;position:relative}.inv-header-sub{color:hsla(0,0%,100%,.65);font-size:13px;font-weight:400;margin:0;position:relative}.inv-spending-btn{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:hsla(0,0%,100%,.12);border:1px solid hsla(0,0%,100%,.25);border-radius:9999px;border-radius:var(--radius-full,9999px);color:#fff;cursor:pointer;font-family:Inter,-apple-system,sans-serif;font-size:13px;font-weight:600;padding:10px 20px;position:relative;transition:all .15s ease;white-space:nowrap}.inv-spending-btn:hover{background:hsla(0,0%,100%,.22);border-color:hsla(0,0%,100%,.4)}.inv-stats-row{display:flex;gap:12px;margin-bottom:20px}.inv-stat-card{align-items:flex-start;background:#fff;background:var(--surface,#fff);border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:16px;border-radius:var(--radius-lg,16px);box-shadow:var(--shadow-sm);display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:120px;padding:20px 24px;transition:box-shadow .15s ease,-webkit-transform .15s ease;transition:transform .15s ease,box-shadow .15s ease;transition:transform .15s ease,box-shadow .15s ease,-webkit-transform .15s ease}.inv-stat-card:hover{box-shadow:0 6px 18px rgba(0,0,0,.08);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.inv-stat-num{color:#0f172a;color:var(--text-1,#0f172a);font-size:2rem;font-weight:800;letter-spacing:-.8px;line-height:1}.inv-stat-label{color:#94a3b8;color:var(--text-3,#94a3b8);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.inv-stat-warning{background:#fffbeb;border-color:#fde68a}.inv-stat-warning .inv-stat-num{color:#92400e}.inv-stat-warning .inv-stat-label{color:#b45309}.inv-stat-danger{background:#fef2f2;background:var(--danger-light,#fef2f2);border-color:#fecaca}.inv-stat-danger .inv-stat-num{color:#ef4444;color:var(--danger,#ef4444)}.inv-stat-danger .inv-stat-label{color:#b91c1c}.inv-toolbar{display:flex;flex-wrap:wrap;gap:10px}.inv-action-btn{align-items:center;background:#fff;background:var(--surface,#fff);border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:9999px;border-radius:var(--radius-full,9999px);box-shadow:var(--shadow-sm);color:#0f172a;color:var(--text-1,#0f172a);cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,sans-serif;font-weight:600;gap:6px;padding:10px 18px;transition:all .15s ease;white-space:nowrap}.inv-action-btn:hover:not(:disabled){background:#f1f5f9;background:var(--surface-2,#f1f5f9);border-color:#cbd5e1;border-color:var(--border-strong,#cbd5e1);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.inv-action-btn:disabled{cursor:not-allowed;opacity:.45}.inv-action-primary{background:#16a34a;background:var(--accent,#16a34a);border-color:#16a34a;border-color:var(--accent,#16a34a);box-shadow:0 2px 10px rgba(22,163,74,.35);color:#fff}.inv-action-primary:hover:not(:disabled){background:#15803d;background:var(--accent-dark,#15803d);border-color:#15803d;border-color:var(--accent-dark,#15803d);box-shadow:0 4px 14px rgba(22,163,74,.45)}.loading-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:hsla(0,0%,100%,.85);color:#475569;color:var(--text-2,#475569);display:flex;font-family:Inter,-apple-system,sans-serif;font-size:14px;font-weight:600;inset:0;justify-content:center;position:absolute;z-index:10}.inventory-table-container,.loading-overlay{border-radius:16px;border-radius:var(--radius-lg,16px)}.inventory-table-container{background:#fff;background:var(--surface,#fff);border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);box-shadow:var(--shadow-sm);margin-bottom:8px;overflow:hidden}.inventory-table-container table{border-collapse:collapse;font-family:Inter,-apple-system,sans-serif;table-layout:fixed;width:100%}.inventory-table-container th{background:#f1f5f9;background:var(--surface-2,#f1f5f9);color:#475569;color:var(--text-2,#475569);font-size:11px;font-weight:700;letter-spacing:.07em;padding:13px 16px;text-transform:uppercase}.inventory-table-container td,.inventory-table-container th{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border,#e2e8f0);text-align:left;white-space:nowrap}.inventory-table-container td{color:#0f172a;color:var(--text-1,#0f172a);font-size:14px;min-height:56px;overflow:hidden;padding:10px 16px;text-overflow:ellipsis;vertical-align:middle}.inventory-table-container td:first-child{line-height:1.4;overflow:visible;text-overflow:clip;white-space:normal;word-break:break-word}.inventory-table-container tr:last-child td{border-bottom:none}.inventory-table-container tbody tr.row-status-danger td:first-child{box-shadow:inset 8px 0 0 #ef4444,inset 9px 0 0 rgba(239,68,68,.2)}.inventory-table-container tbody tr.row-status-warning td:first-child{box-shadow:inset 8px 0 0 #f59e0b,inset 9px 0 0 rgba(245,158,11,.2)}.inventory-table-container tbody tr.row-status-safe td:first-child{box-shadow:inset 8px 0 0 #16a34a,inset 9px 0 0 rgba(22,163,74,.2)}.inventory-table-container tbody tr.row-status-danger td{background-color:rgba(239,68,68,.18)}.inventory-table-container tbody tr.row-status-warning td{background-color:rgba(245,158,11,.18)}.inventory-table-container tbody tr.row-status-safe td{background-color:rgba(22,163,74,.15)}.inventory-table-container tbody tr{transition:background .12s ease}.inventory-table-container tbody tr:hover td{-webkit-filter:brightness(.97);filter:brightness(.97)}.inventory-table-container tbody tr:hover td:first-child{padding-left:19px}.inventory-table-container tbody tr .row-actions,.inventory-table-container tbody tr.row-editing .row-actions{opacity:1}.inventory-table-container tbody tr.row-editing td{background:#f0fdf4;background:var(--accent-light,#f0fdf4)}.inventory-table-container table td:first-child,.inventory-table-container table th:first-child{width:35%}.inventory-table-container table td:nth-child(2),.inventory-table-container table th:nth-child(2){width:6%}.inventory-table-container table td:nth-child(3),.inventory-table-container table td:nth-child(4),.inventory-table-container table th:nth-child(3),.inventory-table-container table th:nth-child(4){width:13%}.inventory-table-container table td:nth-child(5),.inventory-table-container table th:nth-child(5){width:9%}.inventory-table-container table td:nth-child(6),.inventory-table-container table th:nth-child(6){overflow:visible;width:24%}.edit-cell-input{background:#fff;background:var(--surface,#fff);border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:6px;border-radius:var(--radius-sm,6px);box-sizing:border-box;color:#0f172a;color:var(--text-1,#0f172a);display:block;font-family:Inter,-apple-system,sans-serif;font-size:13px;height:36px;outline:none;padding:0 10px;transition:border-color .15s,box-shadow .15s;width:100%}.edit-cell-input:focus{border-color:#16a34a;border-color:var(--accent,#16a34a);box-shadow:0 0 0 2px rgba(22,163,74,.15)}.edit-cell-input--sm{width:80px}.react-datepicker-wrapper{display:block;width:100%}.date-picker.edit-date-picker{background:#fff;background:var(--surface,#fff);border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:6px;border-radius:var(--radius-sm,6px);box-sizing:border-box;color:#0f172a;color:var(--text-1,#0f172a);cursor:pointer;font-family:Inter,-apple-system,sans-serif;font-size:13px;height:36px;outline:none;padding:0 10px;transition:border-color .15s;width:100%}.date-picker.edit-date-picker:focus{border-color:#16a34a;border-color:var(--accent,#16a34a);box-shadow:0 0 0 2px rgba(22,163,74,.15)}.status-badge{align-items:center;border-radius:9999px;border-radius:var(--radius-full,9999px);display:inline-flex;font-size:11px;font-weight:600;letter-spacing:.02em;padding:4px 10px;white-space:nowrap}.status-safe{background:#f0fdf4;background:var(--accent-light,#f0fdf4);border:1px solid #bbf7d0;border:1px solid var(--accent-border,#bbf7d0);color:#15803d;color:var(--accent-dark,#15803d)}.status-warning{background:#fef3c7;border:1px solid #fde68a;color:#92400e}.status-danger{background:#fef2f2;background:var(--danger-light,#fef2f2);border:1px solid #fecaca;color:#ef4444;color:var(--danger,#ef4444)}.row-actions{align-items:center;display:flex;gap:6px}.row-btn{border:1px solid transparent;border-radius:9999px;border-radius:var(--radius-full,9999px);cursor:pointer;font-family:Inter,-apple-system,sans-serif;font-weight:600;line-height:1.4;padding:5px 12px;transition:all .15s ease;white-space:nowrap}.row-btn:disabled{cursor:not-allowed;opacity:.4}.row-btn-edit{background:#f1f5f9;background:var(--surface-2,#f1f5f9);border-color:#e2e8f0;border-color:var(--border,#e2e8f0);color:#475569;color:var(--text-2,#475569)}.row-btn-edit:hover:not(:disabled){background:#fff;background:var(--surface,#fff);border-color:#cbd5e1;border-color:var(--border-strong,#cbd5e1);color:#0f172a;color:var(--text-1,#0f172a)}.row-btn-scan{background:#f1f5f9;background:var(--surface-2,#f1f5f9);border-color:#e2e8f0;border-color:var(--border,#e2e8f0);color:#475569;color:var(--text-2,#475569)}.row-btn-scan:hover:not(:disabled){background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}.row-btn-delete{background:#fef2f2;background:var(--danger-light,#fef2f2);border-color:#fecaca;color:#ef4444;color:var(--danger,#ef4444)}.row-btn-delete:hover:not(:disabled){background:#ef4444;background:var(--danger,#ef4444);border-color:#ef4444;border-color:var(--danger,#ef4444);color:#fff}.row-btn-save{background:#16a34a;background:var(--accent,#16a34a);border-color:#16a34a;border-color:var(--accent,#16a34a);color:#fff}.row-btn-save:hover{background:#15803d;background:var(--accent-dark,#15803d)}.row-btn-cancel{background:#f1f5f9;background:var(--surface-2,#f1f5f9);border-color:#e2e8f0;border-color:var(--border,#e2e8f0);color:#475569;color:var(--text-2,#475569)}.row-btn-cancel:hover{background:#fef2f2;background:var(--danger-light,#fef2f2);border-color:#fecaca;color:#ef4444;color:var(--danger,#ef4444)}.sort-button{background:none;border:none;border-radius:4px;color:#475569;color:var(--text-2,#475569);cursor:pointer;font-size:12px;font-weight:700;margin-left:4px;padding:2px 5px;transition:all .15s}.sort-button:hover{background:rgba(0,0,0,.06);color:var(--text-1)}.inv-pagination{align-items:center;display:flex;gap:12px;justify-content:center;padding:16px 0 8px}.inv-pagination button{background:#fff;background:var(--surface,#fff);border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:9999px;border-radius:var(--radius-full,9999px);box-shadow:var(--shadow-sm);color:#475569;color:var(--text-2,#475569);cursor:pointer;font-family:Inter,-apple-system,sans-serif;font-size:13px;font-weight:600;padding:8px 18px;transition:all .15s ease}.inv-pagination button:hover:not(:disabled){background:var(--surface-2);border-color:var(--border-strong);color:var(--text-1)}.inv-pagination button:disabled{cursor:not-allowed;opacity:.4}.inv-pagination-info{color:#94a3b8;color:var(--text-3,#94a3b8);font-size:13px;font-weight:500;min-width:100px;text-align:center}.empty-inventory-message{font-family:Inter,-apple-system,sans-serif;padding:48px 20px;text-align:center}.empty-inventory-message h2{color:#0f172a;color:var(--text-1,#0f172a);font-size:18px;font-weight:700;margin:0 0 8px}.empty-inventory-message p{color:#475569;color:var(--text-2,#475569);font-size:14px;margin:0}.empty-cart-image{background-image:url(data:image/jpeg;base64,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);background-position:50%;background-repeat:no-repeat;background-size:contain;height:100px;margin:32px auto 16px;opacity:.45;width:100px}.popup{-webkit-animation:popupIn .2s ease;animation:popupIn .2s ease;background:#fff;background:var(--surface,#fff);border-radius:16px;border-radius:var(--radius-lg,16px);box-shadow:0 20px 48px rgba(0,0,0,.14),0 0 0 1px rgba(0,0,0,.04);left:50%;max-height:88vh;max-width:460px;overflow-y:auto;padding:32px;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:calc(100% - 32px);z-index:1050}@-webkit-keyframes popupIn{0%{opacity:0;-webkit-transform:translate(-50%,-48%) scale(.97);transform:translate(-50%,-48%) scale(.97)}to{opacity:1;-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}}@keyframes popupIn{0%{opacity:0;-webkit-transform:translate(-50%,-48%) scale(.97);transform:translate(-50%,-48%) scale(.97)}to{opacity:1;-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}}.popup h2{color:#0f172a;color:var(--text-1,#0f172a);font-size:1.1rem;font-weight:700;letter-spacing:-.3px;margin:0 0 24px}.popup h2,.popup h3{font-family:Inter,-apple-system,sans-serif}.popup h3{color:#475569;color:var(--text-2,#475569);font-size:13px;font-weight:600;margin:16px 0 8px}.form-group{margin-bottom:16px}.popup label{color:#94a3b8;color:var(--text-3,#94a3b8);display:block;font-family:Inter,-apple-system,sans-serif;font-size:12px;font-weight:600;letter-spacing:.06em;margin-bottom:6px;text-transform:uppercase}.popup input[type=number],.popup input[type=text]{background:#f1f5f9;background:var(--surface-2,#f1f5f9);border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:10px;border-radius:var(--radius,10px);box-sizing:border-box;color:#0f172a;color:var(--text-1,#0f172a);font-family:Inter,-apple-system,sans-serif;font-size:14px;outline:none;padding:11px 14px;transition:border-color .15s,box-shadow .15s;width:100%}.popup input[type=number]:focus,.popup input[type=text]:focus{background:#fff;border-color:#16a34a;border-color:var(--accent,#16a34a);box-shadow:0 0 0 3px rgba(22,163,74,.12)}.popup input[type=file]{border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:8px;color:#475569;color:var(--text-2,#475569);font-size:13px;margin-bottom:8px;padding:10px 14px}.date-picker.add-date-picker,.popup input[type=file]{background:#f1f5f9;background:var(--surface-2,#f1f5f9);box-sizing:border-box;font-family:Inter,-apple-system,sans-serif;width:100%}.date-picker.add-date-picker{border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:10px;border-radius:var(--radius,10px);color:#0f172a;color:var(--text-1,#0f172a);cursor:pointer;font-size:14px;outline:none;padding:11px 14px;transition:border-color .15s}.date-picker.add-date-picker:focus{background:#fff;border-color:#16a34a;border-color:var(--accent,#16a34a);box-shadow:0 0 0 3px rgba(22,163,74,.12)}.popup button:not(.popup-cancel-btn),.popup input[type=submit]{background:#16a34a;background:var(--accent,#16a34a);border:none;border-radius:9999px;border-radius:var(--radius-full,9999px);box-shadow:0 2px 8px rgba(22,163,74,.25);color:#fff;cursor:pointer;display:inline-block;font-family:Inter,-apple-system,sans-serif;font-size:14px;font-weight:600;margin-top:6px;padding:11px 24px;transition:background-color .15s ease}.popup button:not(.popup-cancel-btn):hover,.popup input[type=submit]:hover{background:#15803d;background:var(--accent-dark,#15803d)}.popup-cancel-btn{background:#f1f5f9!important;background:var(--surface-2,#f1f5f9)!important;border:1px solid #e2e8f0!important;border:1px solid var(--border,#e2e8f0)!important;border-radius:9999px!important;border-radius:var(--radius-full,9999px)!important;box-shadow:none!important;color:#475569!important;color:var(--text-2,#475569)!important;cursor:pointer;display:inline-block;font-family:Inter,-apple-system,sans-serif!important;font-size:14px!important;font-weight:500!important;margin-top:6px;padding:11px 24px!important;transition:all .15s ease}.popup-cancel-btn:hover{background:#e2e8f0!important;background:var(--border,#e2e8f0)!important;color:var(--text-1)!important}.form-actions,.popup .scan-options{display:flex;gap:10px;margin-top:8px}.popup .scan-options{align-items:center;flex-direction:column}.delete-confirmation-popup{-webkit-animation:popupIn .2s ease;animation:popupIn .2s ease;background:#fff;background:var(--surface,#fff);border-radius:16px;border-radius:var(--radius-lg,16px);box-shadow:0 20px 48px rgba(0,0,0,.14);font-family:Inter,-apple-system,sans-serif;left:50%;max-width:320px;padding:28px 32px;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:calc(100% - 32px);z-index:1060}.delete-confirmation-popup p{font-size:15px;font-weight:500;line-height:1.5;margin-bottom:20px}.delete-confirmation-popup button{background:#ef4444;background:var(--danger,#ef4444);border:none;border-radius:9999px;border-radius:var(--radius-full,9999px);color:#fff;cursor:pointer;font-family:Inter,-apple-system,sans-serif;font-weight:600;margin:0 5px;padding:9px 20px;transition:all .15s ease}.delete-confirmation-popup button:last-child{background:#f1f5f9;background:var(--surface-2,#f1f5f9);border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);color:#475569;color:var(--text-2,#475569)}.delete-confirmation-popup button:first-child:hover{background:#dc2626}.delete-confirmation-popup button:last-child:hover{background:var(--border)}.congrats-popup{-webkit-animation:slideDown .3s ease;animation:slideDown .3s ease;background:#fff;background:var(--surface,#fff);border-left:4px solid #16a34a;border-left:4px solid var(--accent,#16a34a);border-radius:16px;border-radius:var(--radius-lg,16px);box-shadow:var(--shadow-xl);left:50%;max-width:360px;min-width:260px;padding:16px 24px;position:fixed;text-align:center;top:80px;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:1050}@-webkit-keyframes slideDown{0%{opacity:0;-webkit-transform:translateX(-50%) translateY(-12px);transform:translateX(-50%) translateY(-12px)}to{opacity:1;-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0)}}@keyframes slideDown{0%{opacity:0;-webkit-transform:translateX(-50%) translateY(-12px);transform:translateX(-50%) translateY(-12px)}to{opacity:1;-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0)}}.congrats-popup p{color:#0f172a;color:var(--text-1,#0f172a);font-family:Inter,-apple-system,sans-serif;font-weight:500;line-height:1.5;margin:0}.App:before{background:radial-gradient(ellipse at center top,rgba(22,163,74,.06) 0,transparent 70%);content:"";height:350px;left:50%;pointer-events:none;position:fixed;top:0;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:700px;z-index:0}.inv-page-header{box-shadow:0 8px 40px rgba(0,0,0,.22);position:relative}.inv-page-header:after{background:linear-gradient(90deg,transparent,rgba(22,163,74,.4),transparent);bottom:-1px;content:"";height:1px;left:0;position:absolute;right:0}.inv-stat-card{border-radius:18px;overflow:hidden;padding:22px 26px;position:relative}.inv-stat-card:before{background:radial-gradient(circle,rgba(22,163,74,.08) 0,transparent 70%);content:"";height:80px;pointer-events:none;position:absolute;right:-20px;top:-20px;width:80px}.inv-stat-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.1);-webkit-transform:translateY(-3px);transform:translateY(-3px)}.inv-stat-num{font-size:2.4rem;font-weight:900;letter-spacing:-1px}.inv-stat-warning:before{background:radial-gradient(circle,rgba(245,158,11,.12) 0,transparent 70%)}.inv-stat-danger:before{background:radial-gradient(circle,rgba(239,68,68,.1) 0,transparent 70%)}.inv-toolbar{background:#fff;background:var(--surface,#fff);border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:14px;box-shadow:var(--shadow-sm);margin-bottom:16px;padding:12px 14px}.inv-action-btn{border-radius:10px;font-size:13px;padding:11px 20px;transition:all .16s ease}.inv-action-btn:hover:not(:disabled){box-shadow:0 4px 14px rgba(0,0,0,.1);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.inv-action-primary{box-shadow:0 4px 16px rgba(22,163,74,.35)}.inv-action-primary:hover:not(:disabled){box-shadow:0 6px 20px rgba(22,163,74,.5);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.inventory-table-container{border-radius:18px;box-shadow:0 2px 16px rgba(0,0,0,.06);position:relative}.inventory-table-container:before{background:linear-gradient(90deg,#16a34a,#059669,#0d9488);border-radius:18px 18px 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0;z-index:1}.inventory-table-container th{background:linear-gradient(180deg,#f8fafc,#f1f5f9);font-size:11.5px}.inventory-table-container tbody tr:hover td{background:linear-gradient(90deg,rgba(22,163,74,.03),rgba(22,163,74,.01))}.inventory-table-container tbody tr:hover td:first-child{padding-left:20px}.status-badge{font-size:11.5px;font-weight:700;letter-spacing:.01em;padding:5px 12px}.status-safe{box-shadow:0 1px 6px rgba(22,163,74,.15)}.status-warning{box-shadow:0 1px 6px rgba(245,158,11,.15)}.status-danger{box-shadow:0 1px 6px rgba(239,68,68,.15)}.row-btn{border-radius:8px;font-size:12px;padding:6px 14px;transition:all .16s ease}.row-btn-save:hover{box-shadow:0 3px 10px rgba(22,163,74,.35)}.row-btn-delete:hover:not(:disabled),.row-btn-save:hover{-webkit-transform:translateY(-1px);transform:translateY(-1px)}.row-btn-delete:hover:not(:disabled){box-shadow:0 3px 10px rgba(239,68,68,.35)}.empty-inventory-message{padding:64px 20px}.empty-inventory-message h2{font-size:20px;font-weight:800;letter-spacing:-.4px;margin-bottom:10px}.empty-inventory-message p{color:#94a3b8;color:var(--text-3,#94a3b8);font-size:15px;line-height:1.6}.empty-cart-image{-webkit-filter:grayscale(.3);filter:grayscale(.3);height:120px;opacity:.35;width:120px}.popup{border-radius:20px;box-shadow:0 32px 64px rgba(0,0,0,.18),0 0 0 1px rgba(0,0,0,.04)}.popup h2{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border,#e2e8f0);font-size:1.2rem;font-weight:800;letter-spacing:-.4px;margin-bottom:20px;padding-bottom:20px}.popup label{color:#475569;color:var(--text-2,#475569);font-size:11px;font-weight:700;letter-spacing:.07em}.delete-confirmation-popup{border-radius:20px;box-shadow:0 32px 64px rgba(0,0,0,.2),0 0 0 1px rgba(239,68,68,.08);padding:32px;text-align:center}.delete-confirmation-popup p{color:#0f172a;color:var(--text-1,#0f172a);font-size:16px;font-weight:600}.delete-confirmation-popup p:before{content:"⚠️";display:block;font-size:2rem;margin-bottom:12px}.delete-confirmation-popup button{border-radius:10px;font-size:13px;font-weight:700;padding:11px 24px}.delete-confirmation-popup button:first-child{box-shadow:0 4px 14px rgba(239,68,68,.35)}.congrats-popup{border-left-width:5px;border-radius:18px;box-shadow:0 8px 32px rgba(0,0,0,.14)}.congrats-popup p{font-size:14px;font-weight:600}.congrats-popup p:before{content:"🎉 "}.react-datepicker{background:#fff;background:var(--surface,#fff);border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:16px;border-radius:var(--radius-lg,16px);box-shadow:var(--shadow-lg);font-family:Inter,-apple-system,sans-serif;font-size:13px;padding:12px}.react-datepicker__header{background:#f1f5f9;background:var(--surface-2,#f1f5f9);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border,#e2e8f0);border-radius:10px 10px 0 0;border-radius:var(--radius,10px) var(--radius,10px) 0 0;padding:10px}.react-datepicker__current-month{color:var(--text-1);font-size:13px;font-weight:700}.react-datepicker__day-name{color:#94a3b8;color:var(--text-3,#94a3b8);font-size:12px}.react-datepicker__day{border-radius:6px;color:var(--text-1);transition:background .15s}.react-datepicker__day:hover{background:#f0fdf4;background:var(--accent-light,#f0fdf4)}.react-datepicker__day--selected{background:#16a34a!important;background:var(--accent,#16a34a)!important;color:#fff}.react-datepicker__day--today{font-weight:800}.react-datepicker__day--disabled{color:var(--text-3)}.react-datepicker-popper{z-index:9999!important}#dashboard-section{margin:0 auto;max-width:1280px;padding:0 40px}.dash{font-family:Inter,-apple-system,sans-serif;margin-top:40px;padding-bottom:64px}.dash-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:28px}.dash-eyebrow{color:#16a34a;color:var(--accent,#16a34a);display:block;font-size:11px;font-weight:700;letter-spacing:.1em;margin-bottom:6px;text-transform:uppercase}.dash-title{color:#0f172a;color:var(--text-1,#0f172a);font-size:1.5rem;font-weight:800;letter-spacing:-.5px;margin:0 0 6px}.dash-subtitle{color:#94a3b8;color:var(--text-3,#94a3b8);font-size:13px;line-height:1.5;margin:0;max-width:420px}.dash-header-badge{align-items:center;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #bbf7d0;border:1px solid var(--accent-border,#bbf7d0);border-radius:16px;border-radius:var(--radius-lg,16px);display:flex;flex-direction:column;flex-shrink:0;padding:16px 24px;text-align:center}.dash-rate-num{color:#15803d;color:var(--accent-dark,#15803d);font-size:2rem;font-weight:800;letter-spacing:-1px;line-height:1}.dash-rate-label{color:#16a34a;color:var(--accent,#16a34a);font-size:11px;font-weight:600;letter-spacing:.08em;margin-top:4px;text-transform:uppercase}.dash-cards{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.dash-stat-card{background:#fff;background:var(--surface,#fff);border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:16px;border-radius:var(--radius-lg,16px);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:4px;padding:20px;transition:box-shadow .15s,-webkit-transform .15s;transition:box-shadow .15s,transform .15s;transition:box-shadow .15s,transform .15s,-webkit-transform .15s}.dash-stat-card:hover{box-shadow:var(--shadow-md);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.dash-stat-top{align-items:center;display:flex;gap:8px;margin-bottom:4px}.dash-stat-emoji{font-size:18px;line-height:1}.dash-stat-label{color:#94a3b8;color:var(--text-3,#94a3b8);font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.dash-stat-value{color:#0f172a;color:var(--text-1,#0f172a);font-size:1.8rem;font-weight:800;letter-spacing:-.8px;line-height:1}.dash-stat-sub{color:#94a3b8;color:var(--text-3,#94a3b8);font-size:12px;font-weight:400}.dash-stat-danger{border-left:3px solid #ef4444;border-left:3px solid var(--danger,#ef4444)}.dash-stat-danger .dash-stat-value{color:#ef4444;color:var(--danger,#ef4444)}.dash-stat-warning{border-left:3px solid #f59e0b}.dash-stat-warning .dash-stat-value{color:#b45309}.dash-stat-success{border-left:3px solid #16a34a;border-left:3px solid var(--accent,#16a34a)}.dash-stat-success .dash-stat-value{color:#15803d;color:var(--accent-dark,#15803d)}.dash-main{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.dash-panel{background:#fff;background:var(--surface,#fff);border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:16px;border-radius:var(--radius-lg,16px);box-shadow:var(--shadow-sm);padding:28px}.dash-panel-title{color:#0f172a;color:var(--text-1,#0f172a);font-size:15px;font-weight:700;letter-spacing:-.2px;margin:0 0 4px}.dash-panel-sub{color:#94a3b8;color:var(--text-3,#94a3b8);font-size:12px;font-weight:400;margin:0 0 24px}.dash-donut-wrap{align-items:center;display:flex;flex-direction:column;gap:20px}.dash-donut-canvas{flex-shrink:0;height:200px;position:relative;width:200px}.dash-donut-center{left:50%;pointer-events:none;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.dash-donut-pct{color:#0f172a;color:var(--text-1,#0f172a);display:block;font-size:2rem;font-weight:800;letter-spacing:-1px;line-height:1}.dash-donut-pct--empty{color:#94a3b8;color:var(--text-3,#94a3b8);font-size:1.6rem}.dash-donut-pct-label{color:#94a3b8;color:var(--text-3,#94a3b8);display:block;font-size:11px;font-weight:600;letter-spacing:.08em;margin-top:4px;text-transform:uppercase}.dash-legend{display:flex;flex-direction:column;gap:10px;width:100%}.dash-legend-row{align-items:center;background:#f8fafc;background:var(--leg-bg,#f8fafc);border-radius:10px;border-radius:var(--radius,10px);display:flex;gap:10px;padding:10px 14px}.dash-legend-dot{border-radius:50%;flex-shrink:0;height:10px;width:10px}.dash-legend-name{color:#475569;color:var(--text-2,#475569);flex:1 1;font-size:13px;font-weight:500}.dash-legend-val{font-size:14px;font-weight:700}.dash-empty-hint{color:#94a3b8;color:var(--text-3,#94a3b8);font-size:13px;line-height:1.5;margin:20px 0 0;text-align:center}.dash-top5-list{display:flex;flex-direction:column;gap:16px;margin-top:20px}.dash-top5-row{align-items:center;display:flex;gap:14px}.dash-top5-rank{color:#94a3b8;color:var(--text-3,#94a3b8);flex-shrink:0;font-size:11px;font-weight:800;letter-spacing:.02em;text-align:right;width:24px}.dash-top5-body{flex:1 1;min-width:0}.dash-top5-meta{align-items:baseline;display:flex;justify-content:space-between;margin-bottom:6px}.dash-top5-name{color:#0f172a;color:var(--text-1,#0f172a);font-size:14px;font-weight:600;max-width:80%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dash-top5-qty{color:#ef4444;color:var(--danger,#ef4444);flex-shrink:0;font-size:12px;font-weight:700}.dash-top5-track{background:#f1f5f9;background:var(--surface-2,#f1f5f9);height:6px;overflow:hidden}.dash-top5-fill,.dash-top5-track{border-radius:9999px;border-radius:var(--radius-full,9999px)}.dash-top5-fill{background:linear-gradient(90deg,#ef4444,#f87171);height:100%;min-width:6px;transition:width .6s ease}.dash-empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:20px;padding:40px 20px;text-align:center}.dash-empty-icon{font-size:2.5rem;margin-bottom:12px}.dash-empty-msg{color:#94a3b8;color:var(--text-3,#94a3b8);font-size:14px;line-height:1.5;margin:0}@-webkit-keyframes blink-animation{0%,to{opacity:0}50%{opacity:1}}@keyframes blink-animation{0%,to{opacity:0}50%{opacity:1}}.blink{-webkit-animation:blink-animation 1s linear infinite;animation:blink-animation 1s linear infinite}.recipeheader{color:var(--text-1);font-family:Inter,-apple-system,sans-serif;font-size:14px;font-weight:600}@media (max-width:1000px){.dash-cards{grid-template-columns:repeat(2,1fr)}.dash-main{grid-template-columns:1fr}}@media (max-width:900px){.App{padding:24px 20px 40px}#dashboard-section{padding:0 20px}.dash{margin-top:32px}.inv-stats-row,.inv-toolbar{flex-wrap:wrap}.inventory-table-container table{table-layout:auto}.inventory-table-container table td:nth-child(n),.inventory-table-container table th:nth-child(n){width:auto}}@media (max-width:640px){.App{padding:16px 12px 32px}#dashboard-section{padding:0 12px}.dash{margin-top:24px;padding-bottom:32px}.inv-page-header{align-items:flex-start;flex-direction:column}.inv-stats-row .inv-stat-card{flex:1 1;min-width:80px}.inv-action-btn{font-size:12px;padding:8px 14px}.dash-cards{gap:10px;grid-template-columns:repeat(2,1fr)}.dash-header{flex-direction:column}.inventory-table-container table td:nth-child(5),.inventory-table-container table th:nth-child(5){display:none}}.expired-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:rgba(15,23,42,.45);inset:0;position:fixed;z-index:1100}.expired-modal{align-items:center;background:#fff;background:var(--surface,#fff);border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.18);display:flex;flex-direction:column;left:50%;max-width:400px;padding:32px 28px 28px;position:fixed;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;z-index:1101}.expired-modal-icon{font-size:40px;line-height:1;margin-bottom:12px}.expired-modal-title{color:#0f172a;color:var(--text-1,#0f172a);font-size:20px;font-weight:700;margin:0 0 6px}.expired-modal-subtitle{color:#475569;color:var(--text-2,#475569);font-size:14px;margin:0 0 20px}.expired-modal-list{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0 0 24px;max-height:200px;overflow-y:auto;padding:0;width:100%}.expired-modal-item{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;display:flex;justify-content:space-between;padding:10px 14px}.expired-modal-name{color:#0f172a;color:var(--text-1,#0f172a);font-size:14px;font-weight:600}.expired-modal-badge{background:#fee2e2;border-radius:6px;color:#dc2626;font-size:12px;font-weight:600;padding:3px 8px}.expired-modal-actions{display:flex;flex-direction:column;gap:10px;width:100%}.expired-modal-btn-delete{background:#dc2626;border:none;border-radius:12px;color:#fff;cursor:pointer;font-family:Inter,-apple-system,sans-serif;font-size:14px;font-weight:600;padding:13px 20px;transition:background .15s,-webkit-transform .15s;transition:background .15s,transform .15s;transition:background .15s,transform .15s,-webkit-transform .15s}.expired-modal-btn-delete:hover{background:#b91c1c;-webkit-transform:translateY(-1px);transform:translateY(-1px)}.expired-modal-btn-keep{background:#f1f5f9;background:var(--surface-2,#f1f5f9);border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:12px;color:#475569;color:var(--text-2,#475569);cursor:pointer;font-family:Inter,-apple-system,sans-serif;font-size:14px;font-weight:500;padding:13px 20px;transition:background .15s}.expired-modal-btn-keep:hover{background:#e2e8f0;background:var(--border,#e2e8f0)}.inv-toast{-webkit-animation:toastIn .2s ease;animation:toastIn .2s ease;background:#0f172a;border-radius:12px;bottom:28px;box-shadow:0 8px 24px rgba(0,0,0,.2);color:#fff;font-family:Inter,-apple-system,sans-serif;font-size:14px;font-weight:500;left:50%;padding:12px 22px;position:fixed;-webkit-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap;z-index:1200}@-webkit-keyframes toastIn{0%{opacity:0;-webkit-transform:translateX(-50%) translateY(12px);transform:translateX(-50%) translateY(12px)}to{opacity:1;-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0)}}@keyframes toastIn{0%{opacity:0;-webkit-transform:translateX(-50%) translateY(12px);transform:translateX(-50%) translateY(12px)}to{opacity:1;-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0)}}.recipe-page{background:#f7f8fa;background:var(--bg,#f7f8fa);font-family:Inter,-apple-system,sans-serif;margin:0 auto;max-width:1280px;min-height:calc(100vh - 64px);padding:32px 40px 64px}.recipe-hero{background:linear-gradient(135deg,#0f172a,#1a2e3f 50%,#0e4429);border-radius:20px;border-radius:var(--radius-xl,20px);color:#fff;margin-bottom:20px;overflow:hidden;padding:44px 40px;position:relative}.recipe-hero:before{background:radial-gradient(ellipse 55% 75% at 95% 10%,rgba(22,163,74,.22) 0,transparent 70%);content:"";inset:0;pointer-events:none;position:absolute}.recipe-hero-eyebrow{background:rgba(22,163,74,.18);border:1px solid rgba(22,163,74,.35);border-radius:9999px;border-radius:var(--radius-full,9999px);color:#86efac;display:inline-block;font-size:11px;font-weight:700;letter-spacing:.1em;margin-bottom:14px;padding:4px 12px;position:relative;text-transform:uppercase}.recipe-hero-title{font-size:2.2rem;font-weight:800;letter-spacing:-.7px;line-height:1.1;margin:0 0 12px;position:relative}.recipe-hero-sub{color:hsla(0,0%,100%,.68);font-size:15px;line-height:1.7;margin:0 0 20px;max-width:520px;position:relative}.recipe-hero-tags{align-items:center;display:flex;flex-wrap:wrap;gap:8px;position:relative}.recipe-hero-tags-label{color:hsla(0,0%,100%,.55);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.recipe-hero-tag{background:rgba(22,163,74,.22);border:1px solid rgba(22,163,74,.4);border-radius:9999px;border-radius:var(--radius-full,9999px);color:#86efac;font-size:13px;font-weight:600;padding:5px 12px}.section-eyebrow{color:#16a34a;color:var(--accent,#16a34a);display:block;font-size:11px;font-weight:700;letter-spacing:.1em;margin-bottom:6px;text-transform:uppercase}.suggestion-section{border-radius:16px;border-radius:var(--radius-lg,16px);box-shadow:var(--shadow-sm)}.suggestion-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.suggestion-header-left{flex:1 1;min-width:0}.suggestion-title{color:#0f172a;color:var(--text-1,#0f172a);font-size:1.5rem;font-weight:700;letter-spacing:-.5px;line-height:1.2;margin:0 0 10px}.expiring-row{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.expiring-label{color:#94a3b8;color:var(--text-3,#94a3b8)}.expiring-label,.expiring-tag{font-size:12px;font-weight:500;white-space:nowrap}.expiring-tag{background:#f0fdf4;background:var(--accent-light,#f0fdf4);border:1px solid #bbf7d0;border:1px solid var(--accent-border,#bbf7d0);border-radius:9999px;border-radius:var(--radius-full,9999px);color:#15803d;color:var(--accent-dark,#15803d);padding:3px 10px}.suggestion-nav{flex-shrink:0;gap:8px}.nav-arrow-btn,.suggestion-nav{align-items:center;display:flex}.nav-arrow-btn{background:#fff;background:var(--surface,#fff);border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:9999px;border-radius:var(--radius-full,9999px);box-shadow:var(--shadow-sm);color:#475569;color:var(--text-2,#475569);cursor:pointer;font-size:22px;height:36px;justify-content:center;line-height:1;padding:0;transition:all .15s ease;width:36px}.nav-arrow-btn:hover:not(:disabled){background:#f1f5f9;background:var(--surface-2,#f1f5f9);color:#0f172a;color:var(--text-1,#0f172a)}.nav-arrow-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.35}.nav-page-label{color:#94a3b8;color:var(--text-3,#94a3b8);font-size:13px;font-weight:500;min-width:36px;text-align:center}.srecipes-container{grid-gap:16px;align-items:start;display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}.no-recipes-msg{color:#94a3b8;color:var(--text-3,#94a3b8);font-size:14px;grid-column:1/-1;margin:0;padding:40px 0;text-align:center}.srecipe-container{height:100%}.srecipe-card,.srecipe-container{display:flex;flex-direction:column}.srecipe-card{background:#fff;background:var(--surface,#fff);border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:18px;cursor:pointer;height:260px;overflow:hidden;transition:box-shadow .2s ease,border-color .2s ease,-webkit-transform .2s ease;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,-webkit-transform .2s ease}.srecipe-card:hover{border-color:#bbf7d0;border-color:var(--accent-border,#bbf7d0);box-shadow:0 16px 40px rgba(0,0,0,.12)}.srecipe-img-wrap{background:#f1f5f9;background:var(--surface-2,#f1f5f9);flex-shrink:0;height:160px;overflow:hidden;position:relative;width:100%}.srecipe-img-wrap img{height:100%;object-fit:cover;transition:-webkit-transform .35s ease;transition:transform .35s ease;transition:transform .35s ease,-webkit-transform .35s ease;width:100%}.srecipe-card:hover .srecipe-img-wrap img{-webkit-transform:scale(1.07);transform:scale(1.07)}.srecipe-time{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:rgba(15,23,42,.72);border-radius:999px;bottom:8px;color:#fff;font-size:11px;font-weight:700;letter-spacing:.02em;padding:3px 10px;position:absolute;right:8px}.srecipe-info{display:flex;flex:1 1;flex-direction:column;justify-content:center;min-height:0;padding:12px 14px}.srecipe-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#0f172a;color:var(--text-1,#0f172a);display:-webkit-box;font-size:13px;font-weight:700;letter-spacing:-.1px;line-height:1.45;margin:0;overflow:hidden}.srec-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:rgba(15,23,42,.6);display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1050}.srec-modal{-webkit-animation:modalIn .22s cubic-bezier(.34,1.56,.64,1);animation:modalIn .22s cubic-bezier(.34,1.56,.64,1);background:#fff;background:var(--surface,#fff);border-radius:20px;box-shadow:0 32px 80px rgba(0,0,0,.2),0 0 0 1px rgba(0,0,0,.04);max-height:85vh;max-width:540px;overflow-y:auto;overflow:hidden;padding:0;position:relative;width:100%}@-webkit-keyframes modalIn{0%{opacity:0;-webkit-transform:scale(.93) translateY(12px);transform:scale(.93) translateY(12px)}to{opacity:1;-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}@keyframes modalIn{0%{opacity:0;-webkit-transform:scale(.93) translateY(12px);transform:scale(.93) translateY(12px)}to{opacity:1;-webkit-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}}.srec-modal-close{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:rgba(15,23,42,.5);border:none;border-radius:999px;color:#fff;cursor:pointer;display:flex;font-size:17px;height:32px;justify-content:center;line-height:1;position:absolute;right:14px;top:14px;transition:all .15s ease;width:32px;z-index:2}.srec-modal-close:hover{background:rgba(239,68,68,.85)}.srec-modal-img{border-radius:0;display:block;height:220px;margin:0;object-fit:cover;width:100%}.srec-modal-body{max-height:calc(85vh - 220px);overflow-y:auto;padding:22px 24px 28px}.srec-modal-title{color:#0f172a;color:var(--text-1,#0f172a);font-size:1.15rem;font-weight:800;letter-spacing:-.4px;line-height:1.3;margin:0 0 14px}.srec-modal-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.srec-modal-tag{background:#f0fdf4;background:var(--accent-light,#f0fdf4);border:1px solid #bbf7d0;border:1px solid var(--accent-border,#bbf7d0);border-radius:999px;color:#15803d;color:var(--accent-dark,#15803d);font-size:12px;font-weight:600;padding:5px 13px}.srec-modal-section-label{align-items:center;color:#94a3b8;color:var(--text-3,#94a3b8);display:flex;font-size:10px;font-weight:800;gap:8px;letter-spacing:.1em;margin:0 0 12px;text-transform:uppercase}.srec-modal-section-label:after{background:#e2e8f0;background:var(--border,#e2e8f0);content:"";flex:1 1;height:1px}.srec-modal-steps{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}.srec-modal-steps li{align-items:flex-start;color:#475569;color:var(--text-2,#475569);display:flex;font-size:14px;gap:12px;line-height:1.65}.srec-modal-steps li:before{align-items:center;background:#f0fdf4;background:var(--accent-light,#f0fdf4);border:1px solid #bbf7d0;border:1px solid var(--accent-border,#bbf7d0);border-radius:999px;color:#16a34a;color:var(--accent,#16a34a);content:counter(step);counter-increment:step;display:flex;flex-shrink:0;font-size:11px;font-weight:800;height:22px;justify-content:center;margin-top:2px;min-width:22px}.srec-modal-steps{counter-reset:step}.bridge-cta{align-items:center;display:flex;gap:20px;margin:20px 0 24px}.bridge-line{background:#e2e8f0;background:var(--border,#e2e8f0);flex:1 1;height:1px}.bridge-center{align-items:center;display:flex;flex-shrink:0;gap:12px}.bridge-hint{color:#94a3b8;color:var(--text-3,#94a3b8);font-weight:500}.bridge-hint,.gen-button{font-size:13px;white-space:nowrap}.gen-button{align-items:center;background:#0f172a;background:var(--text-1,#0f172a);border:none;border-radius:9999px;border-radius:var(--radius-full,9999px);color:#fff;cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,sans-serif;font-weight:600;gap:4px;padding:10px 20px;transition:background-color .15s ease,-webkit-transform .15s ease;transition:background-color .15s ease,transform .15s ease;transition:background-color .15s ease,transform .15s ease,-webkit-transform .15s ease}.gen-button:hover{background:#1e293b;-webkit-transform:translateY(-1px);transform:translateY(-1px)}.inventory-container{background:#fff;background:var(--surface,#fff);border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:20px;box-shadow:0 4px 24px rgba(0,0,0,.06);margin-bottom:28px;overflow:hidden;padding:32px;position:relative}.inventory-container:before{background:linear-gradient(90deg,#16a34a,#059669,#0d9488);border-radius:20px 20px 0 0;content:"";height:3px;left:0;pointer-events:none;position:absolute;right:0;top:0}.inventory-container:after{display:none}.inventory-container-header{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border,#e2e8f0);margin-bottom:28px;padding-bottom:24px;position:relative}.inventory-section-title{color:#0f172a;color:var(--text-1,#0f172a);font-size:1.5rem;font-weight:800;letter-spacing:-.5px;margin:8px 0}.inventory-section-sub{color:#475569;color:var(--text-2,#475569);font-size:14px;line-height:1.6;margin:0}.inventory-search-container{align-items:start;display:grid;grid-template-columns:1fr 52px 1fr}.inventory-table-wrapper{background:#fff;background:var(--surface,#fff);border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:14px;box-shadow:var(--shadow-sm);overflow:hidden;width:auto}.table-col-label{background:#f1f5f9;background:var(--surface-2,#f1f5f9);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border,#e2e8f0);color:#94a3b8;color:var(--text-3,#94a3b8);display:block;font-size:11px;font-weight:700;letter-spacing:.1em;margin:0;padding:13px 16px 11px;text-transform:uppercase}.inventory-table{border-collapse:collapse;font-family:Inter,-apple-system,sans-serif;font-size:13px;width:100%}.inventory-table thead tr{background:#f1f5f9;background:var(--surface-2,#f1f5f9)}.inventory-table th{color:#475569;color:var(--text-2,#475569);font-size:10px;font-weight:700;letter-spacing:.08em;padding:9px 14px;text-transform:uppercase}.inventory-table td,.inventory-table th{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border,#e2e8f0);text-align:left}.inventory-table td{color:#0f172a;color:var(--text-1,#0f172a);padding:10px 14px}.inventory-table tr:last-child td{border-bottom:none}.inventory-table tbody tr{transition:background .14s ease}.inventory-table tbody tr:hover td{background:#f0fdf4;background:var(--accent-light,#f0fdf4);color:#15803d;color:var(--accent-dark,#15803d)}.search-arrow-divider{align-items:center;align-self:stretch;color:transparent;display:flex;flex-direction:column;font-size:0;gap:0;justify-content:center;padding:0;position:relative}.search-arrow-divider:before{background:linear-gradient(180deg,transparent 0,#bbf7d0 40%,#bbf7d0 60%,transparent);background:linear-gradient(to bottom,transparent 0,var(--accent-border,#bbf7d0) 40%,var(--accent-border,#bbf7d0) 60%,transparent 100%);content:"";display:block;flex:1 1;min-height:30px;width:1px}.search-arrow-divider:after{-webkit-animation:arrowPulse 2.2s ease-in-out infinite;animation:arrowPulse 2.2s ease-in-out infinite;color:#16a34a;color:var(--accent,#16a34a);content:"→";display:block;flex-shrink:0;font-size:18px;font-weight:800;line-height:1;margin:8px 0;text-shadow:0 0 12px rgba(22,163,74,.35)}@-webkit-keyframes arrowPulse{0%,to{opacity:.5;-webkit-transform:translateX(-2px);transform:translateX(-2px)}50%{opacity:1;-webkit-transform:translateX(3px);transform:translateX(3px)}}@keyframes arrowPulse{0%,to{opacity:.5;-webkit-transform:translateX(-2px);transform:translateX(-2px)}50%{opacity:1;-webkit-transform:translateX(3px);transform:translateX(3px)}}.search-container{background:#fff;background:var(--surface,#fff);border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:14px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:14px;overflow:hidden;padding:0}.selected-items-box{align-items:flex-start;background:#f1f5f9;background:var(--surface-2,#f1f5f9);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border,#e2e8f0);display:flex;flex-wrap:wrap;gap:8px;min-height:56px;padding:14px 16px 12px;position:relative}.selected-items-box:before{color:#16a34a;color:var(--accent,#16a34a);content:"Selected Ingredients";display:block;font-size:10px;font-weight:700;letter-spacing:.1em;margin-bottom:8px;text-transform:uppercase;width:100%}.selected-item{align-items:center;-webkit-animation:chipIn .18s ease;animation:chipIn .18s ease;background:#f0fdf4;background:var(--accent-light,#f0fdf4);border:1px solid #bbf7d0;border:1px solid var(--accent-border,#bbf7d0);border-radius:9999px;border-radius:var(--radius-full,9999px);box-shadow:0 1px 6px rgba(22,163,74,.15);color:#15803d;color:var(--accent-dark,#15803d);display:inline-flex;font-family:Inter,-apple-system,sans-serif;font-size:13px;font-weight:600;gap:6px;padding:5px 13px}@-webkit-keyframes chipIn{0%{opacity:0;-webkit-transform:scale(.82);transform:scale(.82)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes chipIn{0%{opacity:0;-webkit-transform:scale(.82);transform:scale(.82)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.selected-item button{background:none;border:none;color:#16a34a;color:var(--accent,#16a34a);cursor:pointer;font-size:15px;line-height:1;padding:0;transition:color .15s}.selected-item button:hover{color:#ef4444;color:var(--danger,#ef4444)}.search-input{background:#f1f5f9;background:var(--surface-2,#f1f5f9);border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:10px;color:#0f172a;color:var(--text-1,#0f172a);font-family:Inter,-apple-system,sans-serif;font-size:14px;margin:0 16px;outline:none;padding:12px 16px;transition:border-color .18s,box-shadow .18s,background .18s;width:calc(100% - 32px)}.search-input:focus{background:#fff;border-color:#16a34a;border-color:var(--accent,#16a34a);box-shadow:0 0 0 3px rgba(22,163,74,.12)}.search-input::-webkit-input-placeholder{color:#94a3b8;color:var(--text-3,#94a3b8)}.search-input::placeholder{color:#94a3b8;color:var(--text-3,#94a3b8)}.search-button{align-items:center;background:linear-gradient(135deg,#16a34a,#15803d 60%,#059669);border:none;border-radius:0 0 13px 13px;box-shadow:0 8px 28px rgba(22,163,74,.35),inset 0 1px 0 hsla(0,0%,100%,.15);color:#fff;cursor:pointer;display:flex;font-family:Inter,-apple-system,sans-serif;font-size:15px;font-weight:700;gap:8px;justify-content:center;letter-spacing:-.2px;overflow:hidden;padding:16px 28px;position:relative;transition:box-shadow .18s ease,-webkit-filter .18s ease,-webkit-transform .18s ease;transition:filter .18s ease,box-shadow .18s ease,transform .18s ease;transition:filter .18s ease,box-shadow .18s ease,transform .18s ease,-webkit-filter .18s ease,-webkit-transform .18s ease;width:100%}.search-button:before{content:"✦";font-size:13px;opacity:.75}.search-button:after{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.1),transparent);content:"";inset:0;position:absolute;-webkit-transform:translateX(-100%);transform:translateX(-100%);transition:-webkit-transform .55s ease;transition:transform .55s ease;transition:transform .55s ease,-webkit-transform .55s ease}.search-button:hover{box-shadow:0 12px 36px rgba(22,163,74,.5);-webkit-filter:brightness(1.08);filter:brightness(1.08);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.search-button:hover:after{-webkit-transform:translateX(100%);transform:translateX(100%)}.search-button:active{-webkit-filter:brightness(.95);filter:brightness(.95);-webkit-transform:translateY(0);transform:translateY(0)}.add-to-search-button{align-items:center;background:rgba(22,163,74,.15);border:1px solid rgba(22,163,74,.4);border-radius:9999px;border-radius:var(--radius-full,9999px);color:#4ade80;cursor:pointer;display:inline-flex;font-size:16px;font-weight:700;height:28px;justify-content:center;line-height:1;padding:0;transition:all .15s ease;width:28px}.add-to-search-button:hover{background:#16a34a;background:var(--accent,#16a34a);border-color:#16a34a;border-color:var(--accent,#16a34a);box-shadow:0 2px 10px rgba(22,163,74,.4);color:#fff;-webkit-transform:scale(1.1);transform:scale(1.1)}.App{padding:0 0 24px}.recipes-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.recipe-card{cursor:pointer;height:420px;-webkit-perspective:1200px;perspective:1200px;position:relative;width:100%}.card-back,.card-front{backface-visibility:hidden;-webkit-backface-visibility:hidden;background:#fff;background:var(--surface,#fff);border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:18px;box-shadow:0 4px 20px rgba(0,0,0,.07);box-sizing:border-box;inset:0;overflow:hidden;position:absolute;transition:-webkit-transform .55s cubic-bezier(.4,0,.2,1);transition:transform .55s cubic-bezier(.4,0,.2,1);transition:transform .55s cubic-bezier(.4,0,.2,1),-webkit-transform .55s cubic-bezier(.4,0,.2,1)}.card-front{display:flex;flex-direction:column;padding:0}.card-front:hover{border-color:#bbf7d0;border-color:var(--accent-border,#bbf7d0);box-shadow:0 12px 36px rgba(0,0,0,.12)}.recipe-image-placeholder{background:#f1f5f9;background:var(--surface-2,#f1f5f9);flex-shrink:0;height:220px;overflow:hidden;position:relative;width:100%}.recipe-image-placeholder img{height:100%;object-fit:cover;transition:-webkit-transform .35s ease;transition:transform .35s ease;transition:transform .35s ease,-webkit-transform .35s ease;width:100%}.card-front:hover .recipe-image-placeholder img{-webkit-transform:scale(1.05);transform:scale(1.05)}.recipe-minutes{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:rgba(15,23,42,.68);border-radius:999px;color:#fff;font-family:Inter,-apple-system,sans-serif;font-size:11px;font-weight:700;letter-spacing:.01em;padding:4px 11px;position:absolute;right:10px;top:10px;white-space:nowrap;z-index:1}.recipe-minutes-div{display:none}.card-front-body{display:flex;flex:1 1;flex-direction:column;justify-content:space-between;min-height:0;padding:16px 18px 14px}.recipe-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#0f172a;color:var(--text-1,#0f172a);display:-webkit-box;font-size:15px;font-weight:700;letter-spacing:-.2px;line-height:1.4;margin:0 0 8px;overflow:hidden}.card-flip-hint,.recipe-title{font-family:Inter,-apple-system,sans-serif}.card-flip-hint{color:#16a34a;color:var(--accent,#16a34a);font-size:11px;font-weight:600;letter-spacing:.04em;opacity:.7;text-transform:uppercase}.card-back{background:#fff;display:flex;flex-direction:column;overflow:hidden;padding:0;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.card-back-header{background:linear-gradient(180deg,#f8fafc,#fff);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border,#e2e8f0);flex-shrink:0;padding:16px 18px 14px}.card-back-title{-webkit-line-clamp:1;-webkit-box-orient:vertical;color:#0f172a;color:var(--text-1,#0f172a);display:-webkit-box;font-family:Inter,-apple-system,sans-serif;font-size:13px;font-weight:800;letter-spacing:-.2px;line-height:1.3;margin:0 0 8px;overflow:hidden}.card-back-meta{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.card-back-tag{background:#f0fdf4;background:var(--accent-light,#f0fdf4);border:1px solid #bbf7d0;border:1px solid var(--accent-border,#bbf7d0);border-radius:999px;color:#15803d;color:var(--accent-dark,#15803d);font-family:Inter,-apple-system,sans-serif;font-size:11px;font-weight:600;padding:3px 10px}.card-back-tag--time{background:#f1f5f9;background:var(--surface-2,#f1f5f9);border-color:#e2e8f0;border-color:var(--border,#e2e8f0);color:#475569;color:var(--text-2,#475569)}.card-back-scroll{flex:1 1;min-height:0;overflow-y:auto;padding:14px 18px}.card-back-scroll::-webkit-scrollbar{width:3px}.card-back-scroll::-webkit-scrollbar-track{background:transparent}.card-back-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;background:var(--border-strong,#cbd5e1);border-radius:999px}.recipe-instructions{align-items:center;color:#94a3b8;color:var(--text-3,#94a3b8);display:flex;font-family:Inter,-apple-system,sans-serif;font-size:10px;font-weight:800;gap:8px;letter-spacing:.1em;margin:0 0 10px;text-transform:uppercase}.recipe-instructions:after{background:#e2e8f0;background:var(--border,#e2e8f0);content:"";flex:1 1;height:1px}.recipe-ingredients{color:#475569;color:var(--text-2,#475569);font-family:Inter,-apple-system,sans-serif;font-size:13px;margin:0 0 14px}.recipe-ingredients ol{counter-reset:step-back;display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.recipe-ingredients ol li{align-items:flex-start;counter-increment:step-back;display:flex;font-size:12.5px;gap:10px;line-height:1.55}.recipe-ingredients ol li:before{align-items:center;background:#f0fdf4;background:var(--accent-light,#f0fdf4);border:1px solid #bbf7d0;border:1px solid var(--accent-border,#bbf7d0);border-radius:999px;color:#16a34a;color:var(--accent,#16a34a);content:counter(step-back);display:flex;flex-shrink:0;font-size:10px;font-weight:800;height:20px;justify-content:center;margin-top:1px;min-width:20px}.card-back-footer{background:#fff;border-top:1px solid #e2e8f0;border-top:1px solid var(--border,#e2e8f0);flex-shrink:0;padding:12px 18px 16px}.cooking-button{align-items:center;background:linear-gradient(135deg,#16a34a,#059669);border:none;border-radius:12px;box-shadow:0 4px 14px rgba(22,163,74,.35);color:#fff;cursor:pointer;display:flex;font-family:Inter,-apple-system,sans-serif;font-size:13px;font-weight:700;gap:6px;justify-content:center;letter-spacing:-.1px;padding:12px 20px;transition:box-shadow .16s ease,-webkit-filter .16s ease,-webkit-transform .16s ease;transition:filter .16s ease,transform .16s ease,box-shadow .16s ease;transition:filter .16s ease,transform .16s ease,box-shadow .16s ease,-webkit-filter .16s ease,-webkit-transform .16s ease;width:100%}.cooking-button:before{content:"🍳";font-size:14px}.cooking-button:hover{box-shadow:0 8px 20px rgba(22,163,74,.45);-webkit-filter:brightness(1.08);filter:brightness(1.08);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.recipe-card.is-flipped .card-front{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.recipe-card.is-flipped .card-back{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}.rec-popup{background:#fff;background:var(--surface,#fff);border-radius:20px;box-shadow:0 32px 64px rgba(0,0,0,.18),0 0 0 1px rgba(0,0,0,.04);left:50%;max-width:360px;padding:32px;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:calc(100% - 32px);z-index:1100}.rec-popup-content{text-align:center}.rec-popup-content p{color:#0f172a;color:var(--text-1,#0f172a);font-family:Inter,-apple-system,sans-serif;font-size:15px;font-weight:500;line-height:1.6;margin-bottom:20px}.rec-popup-content p:before{content:"🧑‍🍳";display:block;font-size:2rem;margin-bottom:10px}.rec-popup-buttons{display:flex;gap:10px;justify-content:center}.rec-popup-buttons button{background:linear-gradient(135deg,#16a34a,#059669);border:none;border-radius:12px;box-shadow:0 4px 12px rgba(22,163,74,.3);color:#fff;cursor:pointer;font-family:Inter,-apple-system,sans-serif;font-size:14px;font-weight:600;padding:11px 28px;transition:all .15s ease}.rec-popup-buttons button:last-child{background:#f1f5f9;background:var(--surface-2,#f1f5f9);border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);box-shadow:none;color:#475569;color:var(--text-2,#475569)}.rec-popup-buttons button:hover{-webkit-filter:brightness(1.06);filter:brightness(1.06);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.rec-popup-buttons button:last-child:hover{background:var(--border);-webkit-transform:none;transform:none}.suggestion-section{background:#fff;background:var(--surface,#fff);border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:20px;box-shadow:0 2px 16px rgba(0,0,0,.05);margin-bottom:16px;overflow:hidden;padding:28px 28px 24px;position:relative}.suggestion-section:before{background:linear-gradient(90deg,#16a34a,#059669,#0d9488);border-radius:20px 20px 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.srecipe-card{border-radius:14px;box-shadow:0 2px 12px rgba(0,0,0,.06);transition:box-shadow .2s ease,-webkit-transform .2s ease;transition:transform .2s ease,box-shadow .2s ease;transition:transform .2s ease,box-shadow .2s ease,-webkit-transform .2s ease}.srecipe-card:hover{box-shadow:0 16px 36px rgba(0,0,0,.12);-webkit-transform:translateY(-6px);transform:translateY(-6px)}.srecipe-img-wrap img{transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease}.srecipe-card:hover .srecipe-img-wrap img{-webkit-transform:scale(1.08);transform:scale(1.08)}.card-front{border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.08)}.card-back{background:linear-gradient(145deg,#f8fafc,#f1f5f9);border-radius:16px}.card-front:hover{box-shadow:0 12px 32px rgba(0,0,0,.12)}.gen-button{background:linear-gradient(135deg,#0f172a,#1e293b);box-shadow:0 4px 16px rgba(15,23,42,.25);letter-spacing:-.2px}.gen-button:hover{background:linear-gradient(135deg,#1e293b,#334155);box-shadow:0 6px 20px rgba(15,23,42,.35);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.message{color:#475569;color:var(--text-2,#475569);font-size:15px;padding:40px 0;text-align:center}.heading,.message{font-family:Inter,-apple-system,sans-serif}.heading{color:#16a34a;color:var(--accent,#16a34a);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}@media (max-width:1000px){.recipe-page{padding:24px 24px 48px}.srecipes-container{grid-template-columns:repeat(3,1fr)}.recipes-container{grid-template-columns:repeat(2,1fr)}}@media (max-width:760px){.recipe-page{padding:20px 16px 40px}.srecipes-container{grid-template-columns:repeat(2,1fr)}.suggestion-header{gap:12px}.inventory-search-container,.suggestion-header{flex-direction:column}.inventory-table-wrapper{width:100%}.search-arrow-divider{display:none}.bridge-cta{flex-direction:column;gap:10px}.bridge-line{display:none}}@media (max-width:480px){.srecipes-container{gap:10px;grid-template-columns:repeat(2,1fr)}.recipes-container{grid-template-columns:1fr}.recipe-page{padding:16px 12px 40px}}.tips-whole-page{background:#f7f8fa;background:var(--bg,#f7f8fa);display:flex;flex-direction:column;font-family:Inter,-apple-system,sans-serif;gap:24px;margin:0 auto;max-width:1280px;min-height:calc(100vh - 64px);padding:40px 40px 80px}.tips-hero{background:linear-gradient(135deg,#0f172a,#1e3a2f 60%,#15803d);border-radius:20px;border-radius:var(--radius-xl,20px);color:#fff;overflow:hidden;padding:48px 40px}.tips-hero:before{background:radial-gradient(ellipse 60% 80% at 100% 0,rgba(22,163,74,.25) 0,transparent 70%);content:"";inset:0;position:absolute}.tips-hero-title{font-size:2.4rem;font-weight:800;letter-spacing:-.8px;line-height:1.1;margin:10px 0 12px;position:relative}.tips-hero-sub{color:hsla(0,0%,100%,.72);font-size:15px;line-height:1.7;margin:0;max-width:540px;position:relative}.tips-eyebrow{background:#f0fdf4;background:var(--accent-light,#f0fdf4);border:1px solid #bbf7d0;border:1px solid var(--accent-border,#bbf7d0);border-radius:9999px;border-radius:var(--radius-full,9999px);color:#16a34a;color:var(--accent,#16a34a);display:inline-block;font-size:11px;font-weight:700;letter-spacing:.1em;padding:4px 10px;text-transform:uppercase}.tips-hero .tips-eyebrow{background:rgba(22,163,74,.2);border-color:rgba(22,163,74,.4);color:#86efac}.tips-panel{background:#fff;background:var(--surface,#fff);border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:20px;border-radius:var(--radius-xl,20px);box-shadow:0 1px 3px rgba(0,0,0,.06);box-shadow:var(--shadow-sm,0 1px 3px rgba(0,0,0,.06));padding:32px}.tips-panel-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.tips-panel-header--centered{align-items:center;flex-direction:column;text-align:center}.tips-panel-title{color:#0f172a;color:var(--text-1,#0f172a);font-size:1.25rem;font-weight:700;letter-spacing:-.3px;margin:6px 0 0}.tips-panel-sub{align-self:center;color:#94a3b8;color:var(--text-3,#94a3b8);flex-shrink:0;font-size:13px;margin:0}.category-tips-container{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(6,1fr)}.category-tip-wrap{align-items:center;display:flex;flex-direction:column;gap:10px}.category-tip-label{color:#475569;color:var(--text-2,#475569);font-size:12px;font-weight:600;letter-spacing:.01em;text-align:center}.category-tip-item{aspect-ratio:3/4;border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:16px;border-radius:var(--radius-lg,16px);box-shadow:var(--shadow-sm);cursor:pointer;overflow:hidden;transition:box-shadow .2s ease,-webkit-transform .2s ease;transition:transform .2s ease,box-shadow .2s ease;transition:transform .2s ease,box-shadow .2s ease,-webkit-transform .2s ease;width:100%}.category-tip-item:hover{box-shadow:0 12px 28px rgba(0,0,0,.12);-webkit-transform:translateY(-4px);transform:translateY(-4px)}.category-logo-tip{background:#f1f5f9;background:var(--surface-2,#f1f5f9);height:100%;overflow:hidden;position:relative;width:100%}.category-logo-tip img{height:100%;inset:0;object-fit:cover;position:absolute;transition:opacity .35s ease,-webkit-transform .35s ease;transition:opacity .35s ease,transform .35s ease;transition:opacity .35s ease,transform .35s ease,-webkit-transform .35s ease;width:100%}.category-logo-tip .logo-front{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.category-logo-tip .logo-back{opacity:0;-webkit-transform:scale(1.04);transform:scale(1.04)}.category-tip-item:hover .logo-front{opacity:0;-webkit-transform:scale(.96);transform:scale(.96)}.category-tip-item:hover .logo-back{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.inventory-tips-container{display:flex;flex-wrap:wrap;gap:8px;min-height:60px}.inventory-item-button{align-items:center;background:#f1f5f9;background:var(--surface-2,#f1f5f9);border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:9999px;border-radius:var(--radius-full,9999px);color:#475569;color:var(--text-2,#475569);cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,sans-serif;font-weight:500;justify-content:center;padding:8px 16px;transition:all .15s ease}.inventory-item-button:hover{background:#f0fdf4;background:var(--accent-light,#f0fdf4);border-color:#bbf7d0;border-color:var(--accent-border,#bbf7d0);color:#15803d;color:var(--accent-dark,#15803d);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.inventory-item-button.selected{background:#16a34a;background:var(--accent,#16a34a);border-color:#16a34a;border-color:var(--accent,#16a34a);box-shadow:0 2px 8px rgba(22,163,74,.3);color:#fff}.item-text{text-align:center;white-space:normal;word-break:break-word}.tips-search-panel{background:linear-gradient(135deg,#f0fdf4,#f7fee7);border-color:#bbf7d0;border-color:var(--accent-border,#bbf7d0)}.tips-search-area{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.tips-search-area input[type=text]{background:#fff;background:var(--surface,#fff);border:1.5px solid #e2e8f0;border:1.5px solid var(--border,#e2e8f0);border-radius:9999px;border-radius:var(--radius-full,9999px);box-shadow:0 2px 8px rgba(0,0,0,.06);color:#0f172a;color:var(--text-1,#0f172a);font-family:Inter,-apple-system,sans-serif;font-size:15px;max-width:100%;outline:none;padding:13px 20px;transition:border-color .15s,box-shadow .15s;width:400px}.tips-search-area input[type=text]:focus{border-color:#16a34a;border-color:var(--accent,#16a34a);box-shadow:0 0 0 3px rgba(22,163,74,.14)}.tips-search-area input[type=text]::-webkit-input-placeholder{color:#94a3b8;color:var(--text-3,#94a3b8)}.tips-search-area input[type=text]::placeholder{color:#94a3b8;color:var(--text-3,#94a3b8)}.tips-search-button{align-items:center;background:#16a34a;background:var(--accent,#16a34a);border:none;border-radius:9999px;border-radius:var(--radius-full,9999px);box-shadow:0 2px 8px rgba(22,163,74,.35);color:#fff;cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,sans-serif;font-size:14px;font-weight:600;gap:6px;justify-content:center;padding:13px 28px;transition:background-color .15s,box-shadow .15s,-webkit-transform .15s;transition:background-color .15s,transform .15s,box-shadow .15s;transition:background-color .15s,transform .15s,box-shadow .15s,-webkit-transform .15s;white-space:nowrap}.tips-search-button:hover{background:#15803d;background:var(--accent-dark,#15803d);box-shadow:0 4px 14px rgba(22,163,74,.4);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.result-tips-container{align-items:flex-start;display:flex;gap:20px}.tips-results-area{display:flex;flex-direction:column;flex-shrink:0;gap:6px;width:260px}.tips-result-item{background:#fff;background:var(--surface,#fff);border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:16px;border-radius:var(--radius-lg,16px);box-shadow:var(--shadow-sm);cursor:pointer;display:flex;flex-direction:column;font-family:Inter,-apple-system,sans-serif;gap:2px;padding:12px 16px;transition:all .15s ease}.tips-result-item:hover{border-color:#bbf7d0;border-color:var(--accent-border,#bbf7d0);-webkit-transform:translateX(2px);transform:translateX(2px)}.tips-result-item.selected,.tips-result-item:hover{background:#f0fdf4;background:var(--accent-light,#f0fdf4)}.tips-result-item.selected{border-color:#16a34a;border-color:var(--accent,#16a34a);box-shadow:0 0 0 2px rgba(22,163,74,.15)}.tips-result-category{color:#16a34a;color:var(--accent,#16a34a);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.tips-result-name{color:#0f172a;color:var(--text-1,#0f172a);font-size:14px;font-weight:500}.tips-result-item.selected .tips-result-name{color:#15803d;color:var(--accent-dark,#15803d)}.tips-final-content,.tips-initial-placeholder{background:#fff;background:var(--surface,#fff);border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:20px;border-radius:var(--radius-xl,20px);box-shadow:var(--shadow-sm);flex:1 1;min-height:280px;min-width:0;padding:32px}.tips-initial-placeholder{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center;text-align:center}.tips-placeholder-icon{font-size:2rem;opacity:.4}.tips-initial-placeholder p{color:#94a3b8;color:var(--text-3,#94a3b8);font-family:Inter,-apple-system,sans-serif;font-size:15px;margin:0}.tips-result-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.tips-result-food-name{color:#0f172a;color:var(--text-1,#0f172a);font-size:1.4rem;font-weight:800;letter-spacing:-.4px;margin:0}.tips-result-food-category{background:#f0fdf4;background:var(--accent-light,#f0fdf4);border:1px solid #bbf7d0;border:1px solid var(--accent-border,#bbf7d0);border-radius:9999px;color:#16a34a;color:var(--accent,#16a34a);font-size:11px;font-weight:700;letter-spacing:.08em;padding:4px 10px;text-transform:uppercase}.tips-cards-grid{gap:16px}.tips-card,.tips-cards-grid{display:flex;flex-direction:column}.tips-card{-webkit-animation:fadeSlideIn .3s ease both;animation:fadeSlideIn .3s ease both;background:#f8fafc;background:var(--card-bg,#f8fafc);border:1.5px solid #e2e8f0;border:1.5px solid var(--card-border,#e2e8f0);border-radius:16px;gap:12px;overflow:hidden;padding:20px;position:relative;transition:box-shadow .2s ease,-webkit-transform .2s ease;transition:transform .2s ease,box-shadow .2s ease;transition:transform .2s ease,box-shadow .2s ease,-webkit-transform .2s ease}.tips-card:before{background:#16a34a;background:var(--card-color,#16a34a);border-radius:16px 16px 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.tips-card:hover{box-shadow:0 12px 32px rgba(0,0,0,.1);-webkit-transform:translateY(-4px);transform:translateY(-4px)}.tips-card:first-child{-webkit-animation-delay:0ms;animation-delay:0ms}.tips-card:nth-child(2){-webkit-animation-delay:60ms;animation-delay:60ms}.tips-card:nth-child(3){-webkit-animation-delay:.12s;animation-delay:.12s}.tips-card:nth-child(4){-webkit-animation-delay:.18s;animation-delay:.18s}.tips-card-header{align-items:center;display:flex;gap:12px}.tips-card-icon-wrap{align-items:center;background:hsla(0,0%,100%,.8);border:1px solid #e2e8f0;border:1px solid var(--card-border,#e2e8f0);border-radius:12px;display:flex;flex-shrink:0;height:44px;justify-content:center;overflow:hidden;width:44px}.tips-card-logo{height:32px;object-fit:contain;width:32px}.tips-card-title-row{display:flex;flex-direction:column;gap:2px}.tips-card-emoji{font-size:12px;line-height:1}.tips-card-title{color:#0f172a;color:var(--card-color,#0f172a);font-size:13px;font-weight:700;line-height:1.2}.tips-card-body,.tips-card-title{font-family:Inter,-apple-system,sans-serif;margin:0}.tips-card-body{color:#475569;color:var(--text-2,#475569);font-size:13.5px;line-height:1.75}.tips-pagination-controls{display:flex;gap:6px;justify-content:center;margin-top:20px}.page-number-button,.tips-pagination-controls button{background:#f1f5f9;background:var(--surface-2,#f1f5f9);border:1px solid #e2e8f0;border:1px solid var(--border,#e2e8f0);border-radius:9999px;border-radius:var(--radius-full,9999px);color:#475569;color:var(--text-2,#475569);cursor:pointer;font-family:Inter,-apple-system,sans-serif;font-size:13px;font-weight:500;padding:7px 14px;transition:all .15s ease}.page-number-button:hover,.tips-pagination-controls button:hover{background:#fff;background:var(--surface,#fff);border-color:#cbd5e1;border-color:var(--border-strong,#cbd5e1);color:var(--text-1)}.page-number-button.active,.tips-pagination-controls button.active{background:#16a34a;background:var(--accent,#16a34a);border-color:#16a34a;border-color:var(--accent,#16a34a);box-shadow:0 2px 6px rgba(22,163,74,.3);color:#fff}.centered-message-inventory{color:#475569;color:var(--text-2,#475569);font-family:Inter,-apple-system,sans-serif;font-size:14px;line-height:1.6;padding:24px 0;text-align:center;width:100%}.link-style{color:#16a34a;color:var(--accent,#16a34a);font-weight:600;text-decoration:none}.link-style:hover{text-decoration:underline}.initial-content-footer{max-width:100%;text-align:center}.initial-content-footer img{border-radius:16px;border-radius:var(--radius-lg,16px);max-height:120px;object-fit:cover;opacity:.6;width:100%}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:rgba(15,23,42,.5);display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.modal-content{background:#fff;background:var(--surface,#fff);border-radius:20px;border-radius:var(--radius-xl,20px);box-shadow:0 20px 48px rgba(0,0,0,.16);max-width:360px;padding:32px;text-align:center;width:calc(100% - 32px)}.modal-body{color:#475569;color:var(--text-2,#475569);font-size:15px;line-height:1.6;margin-bottom:24px}.modal-body,.modal-button{font-family:Inter,-apple-system,sans-serif}.modal-button{align-items:center;background:#16a34a;background:var(--accent,#16a34a);border:none;border-radius:9999px;border-radius:var(--radius-full,9999px);box-shadow:0 2px 8px rgba(22,163,74,.3);color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;padding:11px 28px;transition:background-color .15s}.modal-button:hover{background:#15803d;background:var(--accent-dark,#15803d)}.tips-panel{overflow:hidden;position:relative}.tips-panel:before{background:linear-gradient(90deg,#16a34a,#059669,#0d9488);border-radius:20px 20px 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.tips-hero{position:relative}.tips-hero:after{background:radial-gradient(circle,hsla(0,0%,100%,.04) 0,transparent 70%);bottom:-40px;content:"";height:200px;left:-40px;pointer-events:none;position:absolute;width:200px}.category-tip-wrap:first-child .category-tip-item{border-color:rgba(239,68,68,.3);box-shadow:0 2px 12px rgba(239,68,68,.1)}.category-tip-wrap:first-child .category-tip-item:hover{border-color:rgba(239,68,68,.5);box-shadow:0 12px 32px rgba(239,68,68,.2)}.category-tip-wrap:first-child .category-tip-label{color:#dc2626;font-weight:700}.category-tip-wrap:nth-child(2) .category-tip-item{border-color:rgba(251,146,60,.3);box-shadow:0 2px 12px rgba(251,146,60,.1)}.category-tip-wrap:nth-child(2) .category-tip-item:hover{border-color:rgba(251,146,60,.5);box-shadow:0 12px 32px rgba(251,146,60,.22)}.category-tip-wrap:nth-child(2) .category-tip-label{color:#ea580c;font-weight:700}.category-tip-wrap:nth-child(3) .category-tip-item{border-color:rgba(22,163,74,.3);box-shadow:0 2px 12px rgba(22,163,74,.1)}.category-tip-wrap:nth-child(3) .category-tip-item:hover{border-color:rgba(22,163,74,.5);box-shadow:0 12px 32px rgba(22,163,74,.22)}.category-tip-wrap:nth-child(3) .category-tip-label{color:#15803d;font-weight:700}.category-tip-wrap:nth-child(4) .category-tip-item{border-color:rgba(59,130,246,.3);box-shadow:0 2px 12px rgba(59,130,246,.1)}.category-tip-wrap:nth-child(4) .category-tip-item:hover{border-color:rgba(59,130,246,.5);box-shadow:0 12px 32px rgba(59,130,246,.22)}.category-tip-wrap:nth-child(4) .category-tip-label{color:#1d4ed8;font-weight:700}.category-tip-wrap:nth-child(5) .category-tip-item{border-color:rgba(234,179,8,.3);box-shadow:0 2px 12px rgba(234,179,8,.1)}.category-tip-wrap:nth-child(5) .category-tip-item:hover{border-color:rgba(234,179,8,.5);box-shadow:0 12px 32px rgba(234,179,8,.22)}.category-tip-wrap:nth-child(5) .category-tip-label{color:#b45309;font-weight:700}.category-tip-wrap:nth-child(6) .category-tip-item{border-color:rgba(139,92,246,.3);box-shadow:0 2px 12px rgba(139,92,246,.1)}.category-tip-wrap:nth-child(6) .category-tip-item:hover{border-color:rgba(139,92,246,.5);box-shadow:0 12px 32px rgba(139,92,246,.22)}.category-tip-wrap:nth-child(6) .category-tip-label{color:#7c3aed;font-weight:700}.category-tip-item{aspect-ratio:2/3;border-radius:18px}.category-tip-item:hover{-webkit-transform:translateY(-6px) scale(1.02);transform:translateY(-6px) scale(1.02)}.inventory-item-button{box-shadow:0 1px 4px rgba(0,0,0,.06);font-size:13px;padding:9px 18px;transition:all .18s ease}.inventory-item-button:hover{box-shadow:0 4px 12px rgba(22,163,74,.18);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.inventory-item-button.selected{box-shadow:0 4px 16px rgba(22,163,74,.35);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.tips-search-panel{background:linear-gradient(135deg,#f0fdf4,#ecfdf5 50%,#f7fee7);border-color:rgba(22,163,74,.25);box-shadow:0 4px 24px rgba(22,163,74,.08)}.tips-search-panel:before{background:linear-gradient(90deg,#16a34a,#059669)}.tips-search-area input[type=text]{border-radius:14px;box-shadow:0 4px 16px rgba(0,0,0,.08);font-size:16px;padding:15px 22px;width:480px}.tips-search-button{border-radius:14px;box-shadow:0 4px 16px rgba(22,163,74,.4);font-size:15px;padding:15px 32px}.tips-result-item{border-radius:12px;overflow:hidden;position:relative;transition:all .16s ease}.tips-result-item:before{background:#16a34a;background:var(--accent,#16a34a);border-radius:0 2px 2px 0;bottom:0;content:"";left:0;opacity:0;position:absolute;top:0;transition:opacity .16s ease;width:3px}.tips-result-item.selected:before,.tips-result-item:hover:before{opacity:1}.tips-result-item:hover{padding-left:20px;-webkit-transform:translateX(4px);transform:translateX(4px)}.tips-result-item.selected{padding-left:20px}@-webkit-keyframes fadeSlideIn{0%{opacity:0;-webkit-transform:translateY(8px);transform:translateY(8px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeSlideIn{0%{opacity:0;-webkit-transform:translateY(8px);transform:translateY(8px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.tips-final-content{background:linear-gradient(145deg,#fff,#fafcff);border-radius:18px;box-shadow:0 4px 24px rgba(0,0,0,.06);padding:28px 32px}.tips-initial-placeholder{background:linear-gradient(145deg,#f8fafc,#f1f5f9);border-radius:18px}.tips-placeholder-icon{font-size:2.5rem;opacity:.35}@media (max-width:1024px){.category-tips-container{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.tips-whole-page{padding:24px 20px 56px}.tips-hero{padding:36px 24px}.tips-hero-title{font-size:1.8rem}.result-tips-container{flex-direction:column}.tips-results-area,.tips-search-area input[type=text]{width:100%}.tips-panel-header{flex-direction:column}}@media (max-width:600px){.tips-whole-page{gap:16px;padding:16px 12px 48px}.category-tips-container{grid-template-columns:repeat(2,1fr)}.tips-hero{padding:28px 20px}.tips-hero-title{font-size:1.5rem}.tips-panel{padding:20px}}
/*# sourceMappingURL=main.8fc9bd43.css.map*/