@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-pan-x:initial;--tw-pan-y:initial;--tw-pinch-zoom:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial;--tw-outline-style:solid}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-50:#fef2f2;--color-red-200:#ffcaca;--color-red-500:#fb2c36;--color-red-600:#e40014;--color-red-700:#bf000f;--color-red-800:#9f0712;--color-red-900:#82181a;--color-orange-200:#ffd7a8;--color-orange-900:#7e2a0c;--color-amber-50:#fffbeb;--color-amber-500:#f99c00;--color-amber-600:#dd7400;--color-amber-700:#b75000;--color-amber-800:#953d00;--color-green-500:#00c758;--color-green-600:#00a544;--color-emerald-50:#ecfdf5;--color-emerald-500:#00bb7f;--color-emerald-700:#007956;--color-blue-50:#eff6ff;--color-blue-500:#3080ff;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5dc;--color-gray-400:#99a1af;--color-gray-500:#6a7282;--color-gray-600:#4a5565;--color-gray-700:#364153;--color-gray-800:#1e2939;--color-gray-900:#101828;--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height:calc(1.5/1);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--text-5xl:3rem;--text-5xl--line-height:1;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wide:.025em;--leading-relaxed:1.625;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--ease-out:cubic-bezier(0,0,.2,1);--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}@supports (color:lab(0% 0 0)){:root,:host{--color-red-50:lab(96.5005% 4.18508 1.52328);--color-red-200:lab(86.017% 19.8815 7.75869);--color-red-500:lab(55.4814% 75.0732 48.8528);--color-red-600:lab(48.4493% 77.4328 61.5452);--color-red-700:lab(40.4273% 67.2623 53.7441);--color-red-800:lab(33.7174% 55.8993 41.0293);--color-red-900:lab(28.5139% 44.5539 29.0463);--color-orange-200:lab(88.4871% 9.94918 28.8378);--color-orange-900:lab(30.2951% 36.0434 37.671);--color-amber-50:lab(98.6252% -.635922 8.42309);--color-amber-500:lab(72.7183% 31.8672 97.9407);--color-amber-600:lab(60.3514% 40.5624 87.1228);--color-amber-700:lab(47.2709% 42.9082 69.2966);--color-amber-800:lab(37.8822% 37.1699 52.2718);--color-green-500:lab(70.5521% -66.5147 45.8073);--color-green-600:lab(59.0978% -58.6621 41.2579);--color-emerald-50:lab(97.8462% -6.94966 1.85487);--color-emerald-500:lab(66.9756% -58.27 19.5419);--color-emerald-700:lab(44.4871% -41.0396 11.0361);--color-blue-50:lab(96.492% -1.14644 -5.11479);--color-blue-500:lab(54.1736% 13.3369 -74.6839);--color-gray-50:lab(98.2596% -.247031 -.706708);--color-gray-100:lab(96.1596% -.0823438 -1.13575);--color-gray-200:lab(91.6229% -.159115 -2.26791);--color-gray-300:lab(85.1236% -.612259 -3.7138);--color-gray-400:lab(65.9269% -.832707 -8.17473);--color-gray-500:lab(47.7841% -.393182 -10.0268);--color-gray-600:lab(35.6337% -1.58697 -10.8425);--color-gray-700:lab(27.1134% -.956401 -12.3224);--color-gray-800:lab(16.1051% -1.18239 -11.7533);--color-gray-900:lab(8.11897% .811279 -12.254)}}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.relative{position:relative}.static{position:static}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.top-0{top:calc(var(--spacing)*0)}.top-1\/2{top:50%}.top-full{top:100%}.right-0{right:calc(var(--spacing)*0)}.right-2{right:calc(var(--spacing)*2)}.bottom-0{bottom:calc(var(--spacing)*0)}.left-0{left:calc(var(--spacing)*0)}.isolate{isolation:isolate}.z-50{z-index:50}.z-\[1\]{z-index:1}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-0{margin:calc(var(--spacing)*0)}.m-437{margin:calc(var(--spacing)*437)}.-mx-2{margin-inline:calc(var(--spacing)*-2)}.mx-auto{margin-inline:auto}.my-3{margin-block:calc(var(--spacing)*3)}.my-4{margin-block:calc(var(--spacing)*4)}.mt-0\.5{margin-top:calc(var(--spacing)*.5)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-1\.5{margin-top:calc(var(--spacing)*1.5)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-2\.5{margin-top:calc(var(--spacing)*2.5)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-8{margin-top:calc(var(--spacing)*8)}.mr-1{margin-right:calc(var(--spacing)*1)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-2\.5{margin-bottom:calc(var(--spacing)*2.5)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-5{margin-bottom:calc(var(--spacing)*5)}.ml-0\.5{margin-left:calc(var(--spacing)*.5)}.ml-1{margin-left:calc(var(--spacing)*1)}.ml-2{margin-left:calc(var(--spacing)*2)}.ml-auto{margin-left:auto}.line-clamp-3{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-5{height:calc(var(--spacing)*5)}.h-7{height:calc(var(--spacing)*7)}.h-8{height:calc(var(--spacing)*8)}.h-9{height:calc(var(--spacing)*9)}.max-h-\[200px\]{max-height:200px}.min-h-screen{min-height:100vh}.w-5{width:calc(var(--spacing)*5)}.w-7{width:calc(var(--spacing)*7)}.w-8{width:calc(var(--spacing)*8)}.w-9{width:calc(var(--spacing)*9)}.w-20{width:calc(var(--spacing)*20)}.w-\[100px\]{width:100px}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.max-w-\[400px\]{max-width:400px}.max-w-full{max-width:100%}.min-w-0{min-width:calc(var(--spacing)*0)}.min-w-\[60px\]{min-width:60px}.min-w-\[100px\]{min-width:100px}.flex-1{flex:1}.flex-none{flex:none}.shrink-0{flex-shrink:0}.basis-full{flex-basis:100%}.-translate-y-1\/2{--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.cursor-pointer{cursor:pointer}.touch-pan-y{--tw-pan-y:pan-y;touch-action:var(--tw-pan-x,)var(--tw-pan-y,)var(--tw-pinch-zoom,)}.list-none{list-style-type:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-0\.5{gap:calc(var(--spacing)*.5)}.gap-1{gap:calc(var(--spacing)*1)}.gap-1\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-2\.5{gap:calc(var(--spacing)*2.5)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1.5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1.5)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-r-lg{border-top-right-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l-\[3px\]{border-left-style:var(--tw-border-style);border-left-width:3px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-none{--tw-border-style:none;border-style:none}.border-amber-500{border-color:var(--color-amber-500)}.border-emerald-500{border-color:var(--color-emerald-500)}.border-gray-100{border-color:var(--color-gray-100)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-gray-400{border-color:var(--color-gray-400)}.border-green-500{border-color:var(--color-green-500)}.border-red-200{border-color:var(--color-red-200)}.border-red-500{border-color:var(--color-red-500)}.border-t-blue-500{border-top-color:var(--color-blue-500)}.bg-\[\#345053\]{background-color:#345053}.bg-amber-50{background-color:var(--color-amber-50)}.bg-blue-50{background-color:var(--color-blue-50)}.bg-emerald-50{background-color:var(--color-emerald-50)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-400{background-color:var(--color-gray-400)}.bg-orange-200{background-color:var(--color-orange-200)}.bg-red-50{background-color:var(--color-red-50)}.bg-red-200{background-color:var(--color-red-200)}.bg-red-500{background-color:var(--color-red-500)}.bg-red-600{background-color:var(--color-red-600)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-\[\#345053\]{--tw-gradient-from:#345053;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-\[\#4a6b6e\]{--tw-gradient-to:#4a6b6e;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.p-0{padding:calc(var(--spacing)*0)}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.px-0\.5{padding-inline:calc(var(--spacing)*.5)}.px-1{padding-inline:calc(var(--spacing)*1)}.px-1\.5{padding-inline:calc(var(--spacing)*1.5)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-2\.5{padding-inline:calc(var(--spacing)*2.5)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.py-0\.5{padding-block:calc(var(--spacing)*.5)}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-2\.5{padding-block:calc(var(--spacing)*2.5)}.py-3{padding-block:calc(var(--spacing)*3)}.py-3\.5{padding-block:calc(var(--spacing)*3.5)}.py-8{padding-block:calc(var(--spacing)*8)}.py-12{padding-block:calc(var(--spacing)*12)}.py-16{padding-block:calc(var(--spacing)*16)}.pt-3{padding-top:calc(var(--spacing)*3)}.pb-4{padding-bottom:calc(var(--spacing)*4)}.pb-20{padding-bottom:calc(var(--spacing)*20)}.text-center{text-align:center}.text-left{text-align:left}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[0\.75em\]{font-size:.75em}.text-\[10px\]{font-size:10px}.text-\[13px\]{font-size:13px}.text-\[15px\]{font-size:15px}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.break-words{overflow-wrap:break-word}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.text-\[\#345053\]{color:#345053}.text-amber-500{color:var(--color-amber-500)}.text-amber-600{color:var(--color-amber-600)}.text-amber-700{color:var(--color-amber-700)}.text-amber-800{color:var(--color-amber-800)}.text-current{color:currentColor}.text-emerald-500{color:var(--color-emerald-500)}.text-emerald-700{color:var(--color-emerald-700)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-gray-900{color:var(--color-gray-900)}.text-green-500{color:var(--color-green-500)}.text-green-600{color:var(--color-green-600)}.text-orange-900{color:var(--color-orange-900)}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-red-700{color:var(--color-red-700)}.text-red-800{color:var(--color-red-800)}.text-red-900{color:var(--color-red-900)}.text-white{color:var(--color-white)}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.no-underline{text-decoration-line:none}.underline{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-80{opacity:.8}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.last\:mb-0:last-child{margin-bottom:calc(var(--spacing)*0)}.last\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}@media (hover:hover){.hover\:border-\[\#345053\]:hover{border-color:#345053}.hover\:border-red-500:hover{border-color:var(--color-red-500)}.hover\:bg-\[\#263c3e\]:hover{background-color:#263c3e}.hover\:bg-\[\#345053\]:hover{background-color:#345053}.hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:bg-gray-200:hover{background-color:var(--color-gray-200)}.hover\:bg-red-500:hover{background-color:var(--color-red-500)}.hover\:bg-red-700:hover{background-color:var(--color-red-700)}.hover\:text-white:hover{color:var(--color-white)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}}.focus\:border-\[\#345053\]:focus{border-color:#345053}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-\[\#345053\]\/10:focus{--tw-ring-color:#3450531a}@supports (color:lab(0% 0 0)){.focus\:ring-\[\#345053\]\/10:focus{--tw-ring-color:lab(31.8961% -10.2667 -5.31612/.1)}}.focus\:outline-2:focus{outline-style:var(--tw-outline-style);outline-width:2px}.focus\:outline-offset-2:focus{outline-offset:2px}.focus\:outline-\[\#345053\]:focus{outline-color:#345053}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.active\:translate-y-px:active{--tw-translate-y:1px;translate:var(--tw-translate-x)var(--tw-translate-y)}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-gray-400:disabled{background-color:var(--color-gray-400)}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-70:disabled{opacity:.7}@media (min-width:48rem){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}}html,body{height:100%}body{margin:0}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-pan-x{syntax:"*";inherits:false}@property --tw-pan-y{syntax:"*";inherits:false}@property --tw-pinch-zoom{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@keyframes spin{to{transform:rotate(360deg)}}
body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.AppWrapper{width:100%;height:100vh;position:relative}.App,.AppOverlay{width:100%;height:100%;font-weight:400;position:absolute;top:0;left:0}.AppOverlay{z-index:100;pointer-events:none;justify-content:center;display:flex}.icon.clickable:hover{cursor:pointer}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:focus-visible,[role=button]:focus-visible{outline-offset:2px;outline:2px solid #4a90d9}
:root{--blue:#5f9ea0;--light-blue:#b7cbdb;--green:#90ee90;--light-green:#98fb98;--pink:#e9967a;--light-pink:bisque;--brown:#d2691e;--light-brown:#deb887;--red:#cc2c2c;--light-red:#ffb6c1;--white:#fffaf0;--black:#292727}.dark-mode{--primary:var(--blue)}input{border-radius:5px;outline:none;width:12em;margin-bottom:5px;margin-right:10px;padding:5px}.converter-dlg{width:fit-content}.text-error{color:var(--red);font-size:medium}.form{flex-direction:column;align-items:center;display:flex}.error-icon.fa{color:var(--red);width:0;font-size:medium;position:relative;right:30px}
:root{--nav-bar-icon-size:1.3em;--accent-color:#345053;--accent-color-hover:#263c3e;--secondary-accent-color:lightslategray;--actions-width:25%;--quantity-width:15%;--text-primary:#1a1a1a;--text-secondary:#666;--text-muted:#888;--background-page:#f5f7f8;--background-card:#fff;--background-item:#f5f7f8;--border-color:#e5e7eb;--border-color-light:#e5e7eb;--warning-bg:#fef3c7;--warning-text:#92400e;--warning-border:#fcd34d;--warning-bg-light:#fde68a;--error-bg:#fee2e2;--error-text:#991b1b;--error-border:#fca5a5;--error-border-strong:#ef4444;--success-bg:#d1fae5;--success-text:#065f46;--success-border:#10b981;--neutral-bg:#f3f4f6;--neutral-text:#6b7280;--neutral-border:#9ca3af;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:20px;--border-radius-sm:8px;--border-radius-md:12px;background-color:#eceff1;font-size:16px}@media screen and (max-width:768px){:root{--actions-width:60px}.navigation-item-text{display:none}.results-wrapper{flex-direction:column;flex-grow:1}.mobile-background{z-index:100;background:#00000080;width:100vw;height:100%;position:fixed;top:0;left:0;overflow-y:scroll}.mobile-column>div:nth-of-type(2n){background-color:#f3f3f3}.mobile-background .category-list{background-color:#fff;position:static}.mobile-background.hidding{display:none}i.mobile-button{display:flex}.lists-wrapper{flex-direction:column}.filters .category-list{z-index:20;background-color:#fff;height:fit-content;position:absolute;left:0}div .lists-wrapper>div{width:100%}.navigation .navigation-bar-item{min-height:44px;padding:.75em}.actions-column .icon.fa,.actions-column img.icon{justify-content:center;align-items:center;min-width:44px;min-height:44px;display:flex}button.retry-btn{min-width:44px;min-height:44px;padding:8px 16px}.clickable-text{align-items:center;min-height:44px;display:inline-flex}.filters{width:100%;margin:0 0 10px}.inventory td,.cart td,.results td{word-break:break-word;white-space:normal;overflow-wrap:break-word;padding:8px 6px}th,td{padding:8px 6px}.search.row{box-sizing:border-box}.contents .row:first-child{padding:0 5px}.error-banner,.loading-spinner{margin:10px;padding:10px}.single-result{overflow-wrap:break-word;margin:5px;padding:5px}}@media screen and (max-width:480px){.message.from-user{margin-left:2rem;margin-right:.5rem}.message.from-bot{margin-left:.5rem;margin-right:2rem}.table-label{padding:4px;font-size:medium}.toxic-big-banner{font-size:16px}.alert{margin:5px;padding:8px 8px 8px 12px}.app-wrapper{overflow-x:hidden}.results-wrapper{padding:0 2px}}.app-content{flex-grow:1;padding-top:50px}.nav-language-toggle{border:1px solid var(--border-color,#e5e7eb);border-radius:var(--border-radius-sm,8px);gap:2px;display:flex;overflow:hidden}.nav-language-btn{background:var(--background-card,#fff);cursor:pointer;color:var(--text-secondary,#666);border:none;padding:5px 10px;font-size:13px;font-weight:500;transition:all .2s}.nav-language-btn:hover{background:var(--background-item,#f5f7f8)}.nav-language-btn--active{background:var(--accent-color,#345053);color:#fff}.nav-language-btn--active:hover{background:var(--accent-color-hover,#263c3e)}.hamburger-language{justify-content:center;display:flex}.app-footer{padding:10px}.app-footer.language-toggle{padding:var(--spacing-md,12px)var(--spacing-lg,16px);background:var(--background-card,#fff);border-radius:var(--border-radius-md,8px);margin:var(--spacing-lg,16px);justify-content:space-between;align-items:center;display:flex;box-shadow:0 1px 3px #0000001a}.app-footer .language-label{color:var(--text-secondary,#666);align-items:center;gap:var(--spacing-sm,8px);font-size:13px;display:flex}.app-footer .language-buttons{gap:var(--spacing-xs,4px);display:flex}.app-footer .language-btn{border:1px solid var(--border-color,#ddd);border-radius:var(--border-radius-sm,4px);background:var(--background-card,#fff);cursor:pointer;padding:6px 12px;font-size:13px;font-weight:500;transition:all .2s}.app-footer .language-btn:hover{background:var(--background-item,#f5f5f5)}.app-footer .language-btn.active{background:var(--accent-color,#345053);color:#fff;border-color:var(--accent-color,#345053)}.navigation-item-text{font-size:18px}.mobile-button{display:none}.dialog-content{padding:10px}.clickable-text{cursor:pointer;color:#00f;padding:5px;text-decoration:underline}.row{align-items:center;display:flex}.alert{color:#555;font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;font-weight:.8em;border-radius:10px;margin:10px;padding:10px 10px 10px 36px}.warning{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.success{color:#3c763d;margin:unset;border-radius:unset;background-color:#dff0d8;border-color:#d6e9c6}.error{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.info{color:#31708f;cursor:pointer;background-color:#d9edf7;border-color:#bce8f1}.barcode-scanner-container{justify-content:center;width:100%;display:flex;position:relative}.barcode-scanner-container video{width:100%;display:block}.barcode-scanner-canvas{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.barcode-scanner-guide{pointer-events:none;border:2px dashed #ffffff73;border-radius:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.contents .row:first-child{flex-direction:column;align-items:flex-start}.search.row{background-color:#fff;border-width:2px 2px 1px;border-bottom-style:solid;border-bottom-color:#d3d3d3;border-radius:5px;align-items:center;width:100%}.filters{border:1px solid #d3d3d3;border-radius:5px;width:222px;margin:0 10px}.filters .category-header{margin:0;padding:5px 0}.filter-button{display:none}.filters .category-items{padding-left:0}.filters .category-item{width:fit-content;padding:2px}.filters .category-item>div>div{align-items:flex-end;display:flex}.expiration-row{align-items:center;display:flex}.expiration-row i,.expiration-row img{visibility:hidden}.expiration-row:hover i,.expiration-row:hover img{visibility:visible}.search input::-webkit-calendar-picker-indicator{display:none!important}table:not(.desktop-view) .action-wrapper{align-self:flex-start;padding-top:20px}.actions-column{width:var(--actions-width);align-items:center;display:flex}.cart th.info-column,.cart td.info-column{width:calc((100% - var(--actions-width) - var(--quantity-width))/2)}.cart th.quantity-column,.cart td.quantity-column{width:var(--quantity-width)}.inventory th.info-column,.inventory td.info-column{width:calc((100% - var(--actions-width))/3)}.health-risks .info-column{align-items:center;display:flex}.page-list-cap{align-items:flex-end;display:flex}.page-list-header{padding-right:10px;font-weight:600}.actions-column .icon.fa{font-size:18px}.results-fda .content{flex-direction:column;display:flex}.results-fda .content .recall-item{background-color:#fef7f6;border-left:4px solid #df3f2f;border-radius:5px;margin-bottom:1rem;padding:1rem 1rem 1rem 1.5rem;display:block}.results-fda .content .recall-item.Class.II{background-color:#fef7f6;border-left:4px solid #dfa72f}.toxic-label{color:#000;border:2px solid red;border-radius:50px;justify-content:center;align-items:center;width:1.2em;height:1.2em;margin-bottom:5px;margin-right:10px;font-size:1.5em;font-weight:700;display:flex}.results-wrapper{display:flex}.search .textinput-wrapper{flex-grow:1}.inventory .textinput-wrapper input,.cart .textinput-wrapper input{width:100%}.search.row input,.search.row input:focus{border:none;outline:none;width:100%;line-height:26px}.navigation{z-index:100;background-color:#fff;border-bottom:1px solid #ddd;justify-content:space-around;display:flex;position:fixed;top:0;left:0;right:0}.navigation.nav-bottom{padding-bottom:env(safe-area-inset-bottom,0);border-top:1px solid #ddd;border-bottom:none;top:auto;bottom:0}.app-wrapper.use-bottom-nav .app-content{padding-top:0;padding-bottom:60px}.navigation.nav-bottom .nav-numbers{top:2px;left:50%;transform:translate(-50%)}.navigation .navigation-bar-item{cursor:pointer;flex-grow:1;justify-content:center;align-items:center;width:100%;padding:.5em;display:flex}.navigation-bar-item.nav-selected{background-color:var(--accent-color);color:#fff}.navigation .nav-selected .icon{filter:invert()}.icon{width:var(--nav-bar-icon-size);height:var(--nav-bar-icon-size);padding-right:8px}.icon.disabled{pointer-events:none;opacity:.4;filter:alpha(opacity=40)}.nav-icon-wrap{text-align:center;padding-top:6px;display:inline-block;position:relative}.nav-numbers{text-align:center;color:#fff;z-index:2;background-color:red;border-radius:3px;width:10px;font-size:10px;line-height:12px;position:absolute;left:16px}.health-risks{flex-direction:column;height:100%;display:flex}.health-risk-text{white-space:normal;width:100%}.results td,.results th{word-wrap:break-word;overflow-wrap:break-word;white-space:normal}.single-result div{word-wrap:break-word;overflow-wrap:break-word}.single-result{border:1px solid;margin:10px;padding:0 10px 10px}.toxic-big-banner{align-items:center;font-size:20px;font-weight:700;display:flex}div:not(.single-result) .no-toxic-symbol{font-size:32px}.no-toxic-symbol{color:green;font-size:45px}.app-wrapper{flex-direction:column;width:100%;height:100%;display:flex}.chat-wrapper{flex-direction:column;flex-grow:1;height:100%;font-family:SanFrancisco;font-size:1.25rem;line-height:1.25;display:flex}.chat-hist-wrapper{flex-grow:1;overflow:auto}.write-message{align-items:center;display:flex;position:sticky;bottom:0}.write-message textarea{border-radius:.25rem;width:100%;height:4rem;margin:5px;padding:5px;font-size:1.25rem}.send-button{padding:5px 10px 5px 5px}.message{word-wrap:break-word;background-color:#fff;border:1px solid #e5e5ea;border-radius:1.15rem;flex-direction:column;max-width:75%;margin:0 auto 1rem;padding:.5rem .875rem;display:flex;position:relative}.message.from-user{color:#fff;background-color:#248bf5;align-self:flex-end;margin-left:5rem;margin-right:1rem}.message.from-bot{color:#000;background-color:#e5e5ea;align-items:flex-start;margin-left:1rem;margin-right:5rem}.expired{color:#f44336}.soon-to-expire{color:#ff9800}.lists-wrapper{display:flex}.lists-wrapper>div{width:50%;padding:5px}.inventory,.cart,.results{border-collapse:collapse;table-layout:fixed;width:100%;font-family:sans-serif;font-size:.9em;box-shadow:0 0 20px #00000026}.results{margin:5px;font-size:.75em}.results td{white-space:normal;word-wrap:break-word;overflow-wrap:break-word;max-width:200px}th,td{padding:12px 15px}.inventory td,.cart td{text-align:center}tbody tr{border-bottom:1px solid #ddd}tbody tr:nth-of-type(2n){background-color:#f3f3f3}tbody tr:last-of-type,.inventory .header,.cart .header{border-bottom:2px solid var(--accent-color)}.new-cart-item{align-items:center;padding:5px;display:flex}.category-items .category-item:nth-of-type(odd){background-color:#f3f3f3}.category-items .category-item{border-bottom:1px solid #ddd;width:100%;padding:12px 15px}.pages{justify-content:center;display:flex}.citations{flex-direction:column;font-size:12px;display:flex}.citations div{justify-content:center;display:flex}.table-label{background-color:var(--accent-color);color:#fff;align-items:center;margin-bottom:5px;padding:5px;font-size:large;font-weight:600;display:flex}.table-label img{filter:invert()}.preference-dlg{background-color:#fff}.preference-dlg .dialog-content{padding:5px 10px 10px}.preference-dlg .section:not(:first-child){border-top:1px solid #d3d3d3;margin-top:10px;padding-top:2px}.preference-dlg .option{cursor:pointer}.filters .category-item .preferences{flex-direction:column;align-items:flex-start;display:flex}.dlg-footer{justify-content:flex-end;padding-top:10px;display:flex}.app-content>.hide{display:none}.app-content>.show{display:block}.recall-list{max-width:900px;margin:0 auto;padding:16px}.recall-list h2{color:#333;margin-bottom:8px}.recall-data-source{color:#666;margin-bottom:20px;font-size:12px;font-style:italic}.recall-month-group{margin-bottom:24px}.recall-month-header{color:#444;border-bottom:2px solid #e0e0e0;margin-bottom:12px;padding-bottom:8px;font-size:18px}.recall-item-card{background:#fff;border:1px solid #ddd;border-radius:8px;margin-bottom:12px;padding:16px;box-shadow:0 1px 3px #0000001a}.recall-item-card:hover{box-shadow:0 2px 6px #00000026}.recall-item-card a{color:#1a73e8;font-size:16px;text-decoration:none}.recall-item-card a:hover{text-decoration:underline}.recall-description{color:#555;margin:8px 0;font-size:14px;line-height:1.5}.recall-date{color:#888;font-size:12px}.recall-show-more-btn{color:#1a73e8;cursor:pointer;background:#f5f5f5;border:1px solid #ddd;border-radius:8px;width:100%;margin-top:16px;padding:12px 24px;font-size:14px;transition:background-color .2s;display:block}.recall-show-more-btn:hover{background:#e8e8e8}@keyframes shake{0%{transform:translate(1px,1px)rotate(0)}10%{transform:translate(-1px,-2px)rotate(-1deg)}20%{transform:translate(-3px)rotate(1deg)}30%{transform:translate(3px,2px)rotate(0)}40%{transform:translate(1px,-1px)rotate(1deg)}50%{transform:translate(-1px,2px)rotate(-1deg)}60%{transform:translate(-3px,1px)rotate(0)}70%{transform:translate(3px,1px)rotate(-1deg)}80%{transform:translate(-1px,-1px)rotate(1deg)}90%{transform:translate(1px,2px)rotate(0)}to{transform:translate(1px,-2px)rotate(-1deg)}}.loading-spinner{flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px 20px;display:flex}.loading-spinner .spinner{border:3px solid var(--light-blue);border-top-color:var(--blue);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-spinner .loading-text{color:#555;font-family:Tahoma,Geneva,Arial,sans-serif;font-size:13px}.error-banner{color:#a94442;background-color:#f2dede;border:1px solid #ebccd1;border-radius:10px;flex-direction:column;align-items:center;gap:10px;margin:10px;padding:20px;font-family:Tahoma,Geneva,Arial,sans-serif;font-size:13px;display:flex}.error-banner .error-message{text-align:center}.error-banner .retry-btn{cursor:pointer;color:#a94442;background-color:#fff;border:1px solid #a94442;border-radius:5px;padding:6px 16px;font-family:inherit;font-size:12px;transition:background-color .2s}.error-banner .retry-btn:hover{background-color:#f2dede}
.home-page{flex-direction:column;min-height:calc(100vh - 56px);display:flex}.home-hero{background-color:var(--background-hero,#fff8f0);padding:60px var(--spacing-xl,20px)40px;flex:1;justify-content:center;align-items:center;display:flex}.home-hero__content{align-items:center;gap:60px;width:100%;max-width:1000px;display:flex}.home-hero__text{flex:1}.home-hero__heading{color:var(--accent-color,#345053);margin:0 0 var(--spacing-lg,16px);font-family:Playfair Display,Georgia,Times New Roman,serif;font-size:42px;font-weight:700;line-height:1.2}.home-hero__subtext{color:var(--text-secondary,#666);margin:0 0 var(--spacing-md,12px);font-size:18px;line-height:1.6}.home-hero__detail{color:var(--text-muted,#888);margin:0 0 32px;font-size:15px;line-height:1.6}.home-hero__search{margin-top:var(--spacing-lg,16px)}.home-hero__visual{flex-shrink:0}.home-hero__illustration{justify-content:center;align-items:center;display:flex}.home-summary{justify-content:center;gap:var(--spacing-xl,20px);padding:var(--spacing-xl,20px);background:var(--background-card,#fff);border-top:1px solid var(--border-color,#e5e7eb);display:flex}.home-summary__item{align-items:center;gap:var(--spacing-sm,8px);color:var(--text-secondary,#666);padding:var(--spacing-sm,8px)var(--spacing-lg,16px);border-radius:var(--border-radius-sm,8px);text-decoration:none;transition:background-color .2s;display:flex}.home-summary__item:hover{background-color:var(--background-item,#f5f7f8)}.home-summary__count{color:var(--accent-color,#345053);font-size:24px;font-weight:700}.home-summary__label{font-size:14px}@media screen and (max-width:768px){.home-hero{padding:40px var(--spacing-lg,16px)30px}.home-hero__content{text-align:center;flex-direction:column;gap:30px}.home-hero__heading{font-size:30px}.home-hero__subtext{font-size:16px}.home-hero__detail{font-size:14px}.home-hero__visual{order:-1}.home-hero__illustration svg{width:140px;height:140px}.home-summary{align-items:center;gap:var(--spacing-sm,8px);flex-direction:column}}
.about-page{max-width:720px;padding:var(--spacing-lg)var(--spacing-md);margin:0 auto}.about-hero{margin-bottom:var(--spacing-lg)}.about-hero h1{color:var(--text-primary);margin:0;font-size:28px;font-weight:700}.about-content{gap:var(--spacing-lg);flex-direction:column;display:flex}.about-summary{color:var(--text-primary);margin:0;font-size:16px;line-height:1.7}.about-mission h2{color:var(--text-primary);margin:0 0 var(--spacing-sm)0;font-size:20px;font-weight:600}.about-mission p{color:var(--text-secondary);margin:0;font-size:15px;line-height:1.6}
.recall-page{padding:var(--spacing-lg);background:var(--background-page);min-height:100vh}.recall-page.use-bottom-nav{padding-bottom:80px}.recall-header{margin-bottom:var(--spacing-lg)}.recall-header h1{color:var(--text-primary);margin:0;font-size:24px;font-weight:700}.recall-header p{color:var(--text-secondary);margin-top:var(--spacing-xs);font-size:13px;font-style:italic}.recall-section{background:var(--background-card);border-radius:var(--border-radius-md);overflow:hidden;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.recall-section-header{background:var(--accent-color);color:#fff;padding:14px var(--spacing-lg);align-items:center;gap:var(--spacing-sm);font-size:15px;font-weight:600;line-height:1;display:flex}.recall-section-header .section-icon{flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;padding:0;display:flex}.recall-section-header .section-icon.icon{color:#fff;font-size:16px}.recall-section-header .section-icon img{filter:invert()}.recall-section-content{padding:var(--spacing-md)}.recall-month-group{margin-bottom:var(--spacing-lg)}.recall-month-group:last-child{margin-bottom:0}.recall-month-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);border-bottom:1px solid var(--border-color);margin-bottom:10px;padding-bottom:6px;font-size:12px;font-weight:600}.recall-card{background:var(--background-item);border-radius:var(--border-radius-sm);padding:var(--spacing-md);margin-bottom:10px}.recall-card:last-child{margin-bottom:0}.recall-card-title{color:var(--accent-color);margin-bottom:6px;font-size:14px;font-weight:600;line-height:1.4;text-decoration:underline;display:block}.recall-card-title:hover{color:var(--accent-color-hover)}.recall-card-description{color:#555;margin-bottom:var(--spacing-sm);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.recall-card-date{color:var(--text-muted);align-items:center;gap:var(--spacing-xs);font-size:11px;display:flex}.recall-show-more{width:100%;padding:var(--spacing-md);margin-top:var(--spacing-md);border:2px dashed var(--border-color);border-radius:var(--border-radius-sm);color:var(--accent-color);cursor:pointer;background:0 0;font-size:14px;font-weight:600;transition:all .2s}.recall-show-more:hover{background:var(--background-item);border-color:var(--accent-color)}.recall-show-more:focus{outline:2px solid var(--accent-color);outline-offset:2px}.recall-empty{text-align:center;padding:32px var(--spacing-lg);color:var(--text-secondary)}.recall-empty-icon{margin-bottom:var(--spacing-md);font-size:48px}.fda-recall-dialog{width:500px;max-width:90vw;max-height:80vh}.fda-recall-dialog .dialog-content{max-height:60vh;overflow-y:auto}.results-fda{padding:var(--spacing-sm,8px)}.results-fda .content{gap:var(--spacing-sm,8px);flex-direction:column;display:flex}.recall-item{background:var(--background-item,#f9f9f9);border-radius:var(--border-radius-sm,6px);padding:var(--spacing-md,12px);border-left:4px solid #ccc}.recall-item.Class\ I{background:#fff5f5;border-left-color:#dc3545}.recall-item.Class\ II{background:#fff8f0;border-left-color:#fd7e14}.recall-item.Class\ III{background:#fffdf0;border-left-color:#ffc107}.recall-firm{color:var(--text-primary,#333);margin-bottom:4px;font-weight:600}.recall-description{color:var(--text-secondary,#555);margin-bottom:var(--spacing-sm,8px);font-size:13px;line-height:1.5}.recall-footer{justify-content:space-between;align-items:center;gap:var(--spacing-sm,8px);flex-wrap:wrap;display:flex}.recall-date{color:var(--text-muted,#888);font-size:12px}.recall-number{color:var(--text-muted,#888);font-family:monospace;font-size:11px}.no-recalls{text-align:center;padding:var(--spacing-lg,16px);flex-direction:column;justify-content:center;align-items:center;min-height:120px;display:flex}.no-recalls-icon{margin-bottom:var(--spacing-md,12px);font-size:48px}.no-recalls-title{color:var(--text-primary,#333);margin-bottom:var(--spacing-xs,6px);font-size:16px;font-weight:600}.no-recalls-message{color:var(--text-secondary,#666);max-width:280px;font-size:13px;line-height:1.4}@media (max-width:480px){.recall-page{padding:var(--spacing-md)}.recall-header h1{font-size:20px}.fda-recall-dialog{width:calc(100vw - 20px);max-width:none}}
.health-risks-page{padding:var(--spacing-lg);background:var(--background-page);min-height:100vh;overflow-y:auto}.health-risks-page.use-bottom-nav{padding-bottom:100px}.health-risks-header{margin-bottom:var(--spacing-lg)}.health-risks-header h1{color:var(--text-primary);margin:0;font-size:24px;font-weight:700}.health-risks-header p{color:var(--text-secondary);margin-top:var(--spacing-xs);font-size:13px}.health-risks-banners{gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);flex-direction:column;display:flex}.banner{padding:var(--spacing-md);border-radius:var(--border-radius-sm);font-size:13px;line-height:1.4}.banner-warning{background:var(--warning-bg);color:var(--warning-text);border:1px solid var(--warning-border)}.banner-error{background:var(--error-bg);color:var(--error-text);border:1px solid var(--error-border)}.search-section{background:var(--background-card);border-radius:var(--border-radius-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);box-shadow:0 1px 3px #0000001a}.search-row{gap:var(--spacing-sm);margin-bottom:var(--spacing-md);display:flex}.search-input-wrapper{flex:1;position:relative}.search-input{width:100%;padding:var(--spacing-md)var(--spacing-lg);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);box-sizing:border-box;padding-left:40px;padding-right:36px;font-family:inherit;font-size:16px}.search-input:focus{border-color:var(--accent-color);outline:none;box-shadow:0 0 0 3px #3450531a}.search-input-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-clear-btn{width:32px;height:32px;color:var(--text-muted);cursor:pointer;z-index:1;background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:20px;font-weight:300;line-height:1;display:flex;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.search-clear-btn:hover{color:var(--text-secondary)}.search-btn{height:44px;padding:0 var(--spacing-md);border-radius:var(--border-radius-sm);background:var(--accent-color);color:#fff;cursor:pointer;white-space:nowrap;border:none;flex-shrink:0;font-size:13px;font-weight:600;transition:all .2s}.search-btn:hover:not(:disabled){background:var(--accent-color-hover)}.search-btn:disabled{background:var(--text-muted);cursor:not-allowed}.barcode-btn{border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background:var(--background-card);width:44px;height:44px;color:var(--text-secondary);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.barcode-btn:hover{background:var(--background-item);border-color:var(--accent-color);color:var(--accent-color)}.barcode-btn .icon{font-size:20px}.filter-row{gap:var(--spacing-md);flex-wrap:wrap;align-items:center;display:flex}.filter-group{align-items:center;gap:var(--spacing-xs);display:flex}.filter-label{color:var(--text-secondary);font-size:13px;font-weight:500}.filter-select{border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background:var(--background-card);cursor:pointer;padding:6px 12px;font-family:inherit;font-size:13px}.filter-select:focus{border-color:var(--accent-color);outline:none}.filter-input{border:1px solid var(--border-color);border-radius:var(--border-radius-sm);width:120px;padding:6px 12px;font-family:inherit;font-size:13px}.filter-input:focus{border-color:var(--accent-color);outline:none}.allergens-count{background:#ffffff4d;border-radius:10px;padding:1px 6px;font-size:11px;font-weight:600}.collapsible-toggle:not(.active) .allergens-count{background:var(--accent-color);color:#fff}.allergens-inline{padding:var(--spacing-md);padding-top:var(--spacing-sm)}.allergen-chips{gap:var(--spacing-sm);margin-bottom:var(--spacing-md);flex-wrap:wrap;display:flex}.allergen-chip{background:var(--background-item);color:var(--text-primary);border-radius:16px;align-items:center;gap:6px;padding:6px 10px;font-size:13px;display:flex}.allergen-chip.active{background:var(--accent-color);color:#fff}.allergen-chip-remove{width:16px;height:16px;color:inherit;cursor:pointer;background:#0003;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:10px;display:flex}.allergen-chip-remove:hover{background:#0000004d}.allergen-add{gap:var(--spacing-sm);display:flex}.allergen-add-input{padding:var(--spacing-sm)var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);flex:1;font-family:inherit;font-size:13px}.allergen-add-input:focus{border-color:var(--accent-color);outline:none}.allergen-add-btn{padding:var(--spacing-sm)var(--spacing-md);background:var(--accent-color);color:#fff;border-radius:var(--border-radius-sm);cursor:pointer;border:none;font-size:13px;font-weight:500;transition:background .2s}.allergen-add-btn:hover{background:var(--accent-color-hover)}.allergen-add-btn:disabled{background:var(--text-muted);cursor:not-allowed}.allergen-presets{margin-top:var(--spacing-md)}.allergen-presets-label{color:var(--text-muted);margin-bottom:var(--spacing-sm);font-size:12px;display:block}.allergen-presets-chips{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.allergen-preset-chip{background:var(--background-item);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;border-radius:16px;align-items:center;gap:4px;padding:6px 12px;font-family:inherit;font-size:13px;transition:background .2s,border-color .2s;display:flex}.allergen-preset-chip:hover{border-color:var(--accent-color)}.allergen-preset-chip.active{background:var(--accent-color);border-color:var(--accent-color);color:#fff}.allergen-preset-check{font-size:11px}.results-section{background:var(--background-card);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-lg);overflow:hidden;box-shadow:0 1px 3px #0000001a}.results-header{background:var(--accent-color);color:#fff;padding:14px var(--spacing-lg);justify-content:space-between;align-items:center;font-size:15px;font-weight:600;display:flex}.results-count{opacity:.9;font-size:13px;font-weight:400}.results-collapsible .collapsible-toggle{background:var(--accent-color);color:#fff;padding:14px var(--spacing-lg);border-radius:8px 8px 0 0;width:100%;font-size:15px;font-weight:600}.results-collapsible .collapsible-toggle:not(.active){border-radius:8px}.results-collapsible .collapsible-toggle .results-count{margin-left:8px}.results-collapsible .collapsible-chevron{color:#fff}.results-collapsible .collapsible-content{border-top:none}.results-content{padding:var(--spacing-md)}.results-empty{text-align:center;padding:32px var(--spacing-lg);color:var(--text-secondary)}.result-card{background:var(--background-item);border-radius:var(--border-radius-sm);margin-bottom:var(--spacing-sm);overflow:hidden}.result-card:last-child{margin-bottom:0}.result-card-header{padding:var(--spacing-md);cursor:pointer;align-items:center;gap:var(--spacing-sm);display:flex}.result-card-header:hover{background:var(--background-item)}.result-status{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;display:flex}.result-status.safe{background:var(--success-bg);color:var(--success-text);border:2px solid var(--success-border)}.result-status.toxic{background:var(--error-bg);color:var(--error-text);border:2px solid var(--error-border-strong)}.result-status.unknown{background:var(--border-color-light);color:var(--text-secondary);border:2px solid var(--neutral-border)}.result-name{color:var(--text-primary);flex:1;min-width:0;font-size:14px}.result-expand{color:var(--text-muted);flex-shrink:0;transition:transform .2s}.result-expand.expanded{transform:rotate(180deg)}.result-details{padding:0 var(--spacing-md)var(--spacing-md);border-top:1px solid var(--border-color);display:none}.result-details.expanded{display:block}.result-meta{padding-top:var(--spacing-md)}.result-meta-row{font-size:13px;line-height:1.6;display:flex}.result-meta-label{color:var(--text-primary);flex-shrink:0;min-width:100px;font-weight:600}.result-meta-value{color:var(--text-secondary)}.recall-status-inline{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--border-radius-sm);margin-top:var(--spacing-md);font-size:13px;display:flex}.recall-status-inline.loading{background:var(--neutral-bg);color:var(--text-secondary)}.recall-status-inline.loading .icon{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.recall-status-inline.safe{background:var(--success-bg);color:var(--success-text)}.recall-status-inline.warning{background:var(--warning-bg);color:var(--warning-text);cursor:pointer}.recall-status-inline.warning:hover{background:var(--warning-bg-light)}.recall-status-inline.warning .recall-link{text-decoration:underline}.recall-status-inline.error{background:var(--error-bg);color:var(--error-text)}.result-actions{gap:var(--spacing-sm);margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-color);display:flex}.result-action-btn{padding:var(--spacing-sm)var(--spacing-md);background:var(--background-card);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--accent-color);cursor:pointer;font-size:13px;transition:all .2s}.result-action-btn:hover{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.pagination-wrapper{padding:var(--spacing-lg)0}.pagination{margin-bottom:var(--spacing-md);flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;display:flex}.pagination-btn{border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background:var(--background-card);min-width:32px;height:32px;color:var(--text-secondary);cursor:pointer;justify-content:center;align-items:center;padding:0 6px;font-size:13px;transition:all .2s;display:flex}.pagination-btn:hover:not(:disabled){background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-btn.active{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.pagination-ellipsis{color:var(--text-muted);padding:0 var(--spacing-xs)}.pagination-info{justify-content:center;align-items:center;gap:var(--spacing-lg);display:flex}.results-summary{color:var(--text-secondary);font-size:14px}.language-toggle{padding:var(--spacing-md)var(--spacing-lg);background:var(--background-card);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-lg);justify-content:space-between;align-items:center;display:flex;box-shadow:0 1px 3px #0000001a}.language-label{color:var(--text-secondary);align-items:center;gap:var(--spacing-sm);font-size:13px;display:flex}.language-buttons{gap:var(--spacing-xs);display:flex}.language-btn{border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background:var(--background-card);cursor:pointer;padding:6px 12px;font-size:13px;font-weight:500;transition:all .2s}.language-btn:hover{background:var(--background-item)}.language-btn.active{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.citations{color:var(--text-muted);padding:var(--spacing-md);background:var(--background-item);border-radius:var(--border-radius-sm);font-size:11px;line-height:1.6}.citations a{color:var(--accent-color);text-decoration:underline}.barcode-scanner-container{flex-direction:column;display:flex;position:relative}.barcode-scanner-container video{object-fit:cover;width:100%;max-height:40vh}.barcode-scanner-captured{object-fit:cover;width:100%;max-height:40vh;display:block}.barcode-scanner-guide{border-radius:var(--border-radius-sm);pointer-events:none;border:2px dashed #ffffff80;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.barcode-scanner-controls{padding:var(--spacing-sm)var(--spacing-md);align-items:center;gap:var(--spacing-sm);background:#000000bf;flex-direction:column;display:flex}.barcode-scanner-help{color:#fff9;text-align:center;margin:0;font-size:11px;line-height:1.3}.barcode-scanner-action-row{gap:var(--spacing-sm);align-items:center;width:100%;max-width:320px;display:flex}.barcode-scanner-capture-btn{background:var(--accent-color);color:#fff;border-radius:var(--border-radius-sm);cursor:pointer;white-space:nowrap;border:none;padding:6px 16px;font-size:13px;font-weight:600;transition:background .2s}.barcode-scanner-capture-btn:hover{background:var(--accent-color-hover)}.barcode-scanner-manual{gap:var(--spacing-sm);width:100%;max-width:320px;display:flex}.barcode-scanner-manual-input{padding:6px var(--spacing-sm);border-radius:var(--border-radius-sm);color:#fff;text-align:center;letter-spacing:1px;background:#ffffff1a;border:1px solid #ffffff4d;flex:1;font-family:inherit;font-size:14px}.barcode-scanner-manual-input::placeholder{color:#ffffff80}.barcode-scanner-manual-input:focus{border-color:var(--accent-color);outline:none}.barcode-scanner-submit-btn{padding:var(--spacing-md)var(--spacing-lg);background:var(--accent-color);color:#fff;border-radius:var(--border-radius-sm);cursor:pointer;border:none;font-size:14px;font-weight:600;transition:background .2s}.barcode-scanner-submit-btn:hover:not(:disabled){background:var(--accent-color-hover)}.barcode-scanner-submit-btn:disabled{background:var(--text-muted);cursor:not-allowed}.barcode-scanner-change-camera-btn{color:#fffc;border-radius:var(--border-radius-sm);cursor:pointer;white-space:nowrap;background:#ffffff26;border:1px solid #ffffff4d;padding:6px 12px;font-family:inherit;font-size:12px;transition:background .2s}.barcode-scanner-change-camera-btn:hover{background:#ffffff40}.camera-picker{gap:var(--spacing-md);padding:var(--spacing-sm)0;flex-direction:column;display:flex}.camera-picker-loading{text-align:center;padding:var(--spacing-lg);color:var(--text-muted)}.camera-picker-list{gap:var(--spacing-sm);flex-direction:column;display:flex}.camera-picker-option{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-md);border:1px solid var(--border-color,#ddd);border-radius:var(--border-radius-sm);cursor:pointer;font-size:14px;transition:background .15s;display:flex}.camera-picker-option:hover{background:var(--bg-hover,#0000000a)}.camera-picker-option input[type=radio]{margin:0}.camera-picker-save{align-items:center;gap:var(--spacing-sm);color:var(--text-secondary,#666);cursor:pointer;font-size:13px;display:flex}.camera-picker-save input[type=checkbox]{margin:0}.camera-picker-start-btn{padding:var(--spacing-sm)var(--spacing-lg);background:var(--accent-color);color:#fff;border-radius:var(--border-radius-sm);cursor:pointer;text-align:center;border:none;align-self:stretch;font-size:14px;font-weight:600;transition:background .2s}.camera-picker-start-btn:hover{background:var(--accent-color-hover)}@media (max-width:480px){.health-risks-page{padding:var(--spacing-md)}.health-risks-header h1{font-size:20px}.search-row{gap:var(--spacing-xs)}.search-input{padding-left:36px;font-size:15px}.search-input-icon{font-size:14px;left:10px}.search-clear-btn{width:28px;height:28px;font-size:18px;right:2px}.search-btn{height:40px;padding:0 10px;font-size:12px}.barcode-btn{width:40px;height:40px}.barcode-btn .icon{font-size:16px}.filter-row{flex-direction:column;align-items:stretch}.filter-group,.filter-input{width:100%}.pagination-btn{min-width:28px;height:28px;padding:0 4px;font-size:12px}.pagination{gap:3px}.results-summary{font-size:12px}}.result-status.supplement{background:var(--accent-color,#345053);color:#fff;background:var(--accent-color,#345053);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;display:flex}.result-status.supplement .supplement-icon{filter:brightness(0)invert();width:16px;height:16px}.supplement-header-content{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.supplement-brand{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:12px}.supplement-form{color:var(--text-muted);font-size:12px}.loading-details{padding:20px var(--spacing-md);color:var(--text-secondary);align-items:center;gap:8px;display:flex}.loading-details .spinner{animation:1s linear infinite spin}.result-meta-row.off-market .result-meta-value{color:var(--error-text);font-weight:500}.footer-meta{border-top:1px solid var(--border-color);margin-top:12px;padding-top:12px}.supplement-links{flex-wrap:wrap;gap:12px;margin:12px 0;display:flex}.supplement-link{background:var(--background-item);color:var(--accent-color);border-radius:var(--border-radius-sm);align-items:center;gap:6px;padding:8px 12px;font-size:14px;text-decoration:none;transition:background .2s;display:inline-flex}.supplement-link:hover{background:var(--border-color-light)}.supplement-section{margin:16px 0}.supplement-section-title{color:var(--text-primary);align-items:center;gap:6px;margin:0 0 8px;font-size:14px;font-weight:600;display:flex}.supplement-section.warnings{background:var(--warning-bg);border-radius:var(--border-radius-sm);border-left:3px solid var(--warning-border);padding:12px}.supplement-section.warnings .supplement-section-title{color:var(--warning-text)}.supplement-section.claims{background:var(--success-bg);border-radius:var(--border-radius-sm);border-left:3px solid var(--success-border);padding:12px}.supplement-section.claims .supplement-section-title{color:var(--success-text)}.supplement-statement-list,.supplement-claim-list{margin:0;padding:0;list-style:none}.supplement-statement,.supplement-claim{padding:6px 0;font-size:14px;line-height:1.5}.supplement-statement .statement-type{margin-right:4px;font-weight:500}.supplement-chips{flex-wrap:wrap;gap:6px;display:flex}.supplement-chip{background:var(--background-item);color:var(--text-primary);border-radius:16px;padding:4px 10px;font-size:13px;display:inline-block}.supplement-ingredients-list{flex-direction:column;gap:4px;display:flex}.supplement-ingredient{border-bottom:1px solid var(--border-color-light);flex-wrap:wrap;align-items:flex-start;gap:4px 8px;padding:6px 0;font-size:14px;display:flex}.supplement-ingredient:last-child{border-bottom:none}.supplement-ingredient.toxic{background:var(--error-bg);border-radius:var(--border-radius-sm);margin:0 -8px;padding:6px 8px}.supplement-ingredient .ingredient-name{flex:1}.supplement-ingredient .ingredient-amount{color:var(--text-secondary);font-size:13px}.supplement-ingredient .ingredient-toxicity{word-wrap:break-word;overflow-wrap:break-word;align-items:flex-start;gap:4px;width:100%;display:flex}.supplement-ingredient .ingredient-warning{color:var(--warning-text);flex-shrink:0}.supplement-ingredient .ingredient-toxicity-text{color:var(--error-text,#d32f2f);font-size:12px;font-style:italic}.supplement-show-more{border-top:1px solid var(--border-color);margin:16px 0}.supplement-show-more-btn{width:100%;padding:var(--spacing-sm)var(--spacing-md);color:var(--accent-color);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;gap:6px;font-size:13px;font-weight:500;transition:background .2s;display:flex}.supplement-show-more-btn:hover{background:var(--background-item)}.show-more-chevron{font-size:10px;transition:transform .2s}.show-more-chevron.expanded{transform:rotate(180deg)}.supplement-more-details{padding:var(--spacing-sm)0}.supplements-welcome{text-align:center;color:var(--text-secondary);padding:60px 20px}.supplements-welcome .welcome-icon{color:var(--accent-color);margin-bottom:16px;font-size:48px}.welcome-capsules-icon{font-size:48px}.supplements-welcome h2{color:var(--text-primary);margin:0 0 8px;font-size:24px}.supplements-welcome p{max-width:400px;margin:0 auto;line-height:1.6}.pagination-row{padding:var(--spacing-md)0;justify-content:center;align-items:center;gap:12px;display:flex}@media (max-width:640px){.supplement-links{flex-direction:column}.supplement-link{justify-content:center}}
.health-risks-page{padding:var(--spacing-lg);background:var(--background-page);min-height:100vh;overflow-y:auto}.health-risks-page.use-bottom-nav{padding-bottom:100px}.health-risks-header{margin-bottom:var(--spacing-lg)}.health-risks-header h1{color:var(--text-primary);margin:0;font-size:24px;font-weight:700}.health-risks-header p{color:var(--text-secondary);margin-top:var(--spacing-xs);font-size:13px}.health-risks-banners{gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);flex-direction:column;display:flex}.banner{padding:var(--spacing-md);border-radius:var(--border-radius-sm);font-size:13px;line-height:1.4}.banner-warning{background:var(--warning-bg);color:var(--warning-text);border:1px solid var(--warning-border)}.banner-error{background:var(--error-bg);color:var(--error-text);border:1px solid var(--error-border)}.search-section{background:var(--background-card);border-radius:var(--border-radius-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);box-shadow:0 1px 3px #0000001a}.search-row{gap:var(--spacing-sm);margin-bottom:var(--spacing-md);display:flex}.search-input-wrapper{flex:1;position:relative}.search-input{width:100%;padding:var(--spacing-md)var(--spacing-lg);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);box-sizing:border-box;padding-left:40px;padding-right:36px;font-family:inherit;font-size:16px}.search-input:focus{border-color:var(--accent-color);outline:none;box-shadow:0 0 0 3px #3450531a}.search-input-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-clear-btn{width:32px;height:32px;color:var(--text-muted);cursor:pointer;z-index:1;background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:20px;font-weight:300;line-height:1;display:flex;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.search-clear-btn:hover{color:var(--text-secondary)}.search-btn{height:44px;padding:0 var(--spacing-md);border-radius:var(--border-radius-sm);background:var(--accent-color);color:#fff;cursor:pointer;white-space:nowrap;border:none;flex-shrink:0;font-size:13px;font-weight:600;transition:all .2s}.search-btn:hover:not(:disabled){background:var(--accent-color-hover)}.search-btn:disabled{background:var(--text-muted);cursor:not-allowed}.barcode-btn{border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background:var(--background-card);width:44px;height:44px;color:var(--text-secondary);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.barcode-btn:hover{background:var(--background-item);border-color:var(--accent-color);color:var(--accent-color)}.barcode-btn .icon{font-size:20px}.filter-row{gap:var(--spacing-md);flex-wrap:wrap;align-items:center;display:flex}.filter-group{align-items:center;gap:var(--spacing-xs);display:flex}.filter-label{color:var(--text-secondary);font-size:13px;font-weight:500}.filter-select{border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background:var(--background-card);cursor:pointer;padding:6px 12px;font-family:inherit;font-size:13px}.filter-select:focus{border-color:var(--accent-color);outline:none}.filter-input{border:1px solid var(--border-color);border-radius:var(--border-radius-sm);width:120px;padding:6px 12px;font-family:inherit;font-size:13px}.filter-input:focus{border-color:var(--accent-color);outline:none}.allergens-count{background:#ffffff4d;border-radius:10px;padding:1px 6px;font-size:11px;font-weight:600}.collapsible-toggle:not(.active) .allergens-count{background:var(--accent-color);color:#fff}.allergens-inline{padding:var(--spacing-md);padding-top:var(--spacing-sm)}.allergen-chips{gap:var(--spacing-sm);margin-bottom:var(--spacing-md);flex-wrap:wrap;display:flex}.allergen-chip{background:var(--background-item);color:var(--text-primary);border-radius:16px;align-items:center;gap:6px;padding:6px 10px;font-size:13px;display:flex}.allergen-chip.active{background:var(--accent-color);color:#fff}.allergen-chip-remove{width:16px;height:16px;color:inherit;cursor:pointer;background:#0003;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:10px;display:flex}.allergen-chip-remove:hover{background:#0000004d}.allergen-add{gap:var(--spacing-sm);display:flex}.allergen-add-input{padding:var(--spacing-sm)var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);flex:1;font-family:inherit;font-size:13px}.allergen-add-input:focus{border-color:var(--accent-color);outline:none}.allergen-add-btn{padding:var(--spacing-sm)var(--spacing-md);background:var(--accent-color);color:#fff;border-radius:var(--border-radius-sm);cursor:pointer;border:none;font-size:13px;font-weight:500;transition:background .2s}.allergen-add-btn:hover{background:var(--accent-color-hover)}.allergen-add-btn:disabled{background:var(--text-muted);cursor:not-allowed}.allergen-presets{margin-top:var(--spacing-md)}.allergen-presets-label{color:var(--text-muted);margin-bottom:var(--spacing-sm);font-size:12px;display:block}.allergen-presets-chips{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.allergen-preset-chip{background:var(--background-item);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;border-radius:16px;align-items:center;gap:4px;padding:6px 12px;font-family:inherit;font-size:13px;transition:background .2s,border-color .2s;display:flex}.allergen-preset-chip:hover{border-color:var(--accent-color)}.allergen-preset-chip.active{background:var(--accent-color);border-color:var(--accent-color);color:#fff}.allergen-preset-check{font-size:11px}.results-section{background:var(--background-card);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-lg);overflow:hidden;box-shadow:0 1px 3px #0000001a}.results-header{background:var(--accent-color);color:#fff;padding:14px var(--spacing-lg);justify-content:space-between;align-items:center;font-size:15px;font-weight:600;display:flex}.results-count{opacity:.9;font-size:13px;font-weight:400}.results-collapsible .collapsible-toggle{background:var(--accent-color);color:#fff;padding:14px var(--spacing-lg);border-radius:8px 8px 0 0;width:100%;font-size:15px;font-weight:600}.results-collapsible .collapsible-toggle:not(.active){border-radius:8px}.results-collapsible .collapsible-toggle .results-count{margin-left:8px}.results-collapsible .collapsible-chevron{color:#fff}.results-collapsible .collapsible-content{border-top:none}.results-content{padding:var(--spacing-md)}.results-empty{text-align:center;padding:32px var(--spacing-lg);color:var(--text-secondary)}.result-card{background:var(--background-item);border-radius:var(--border-radius-sm);margin-bottom:var(--spacing-sm);overflow:hidden}.result-card:last-child{margin-bottom:0}.result-card-header{padding:var(--spacing-md);cursor:pointer;align-items:center;gap:var(--spacing-sm);display:flex}.result-card-header:hover{background:var(--background-item)}.result-status{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;display:flex}.result-status.safe{background:var(--success-bg);color:var(--success-text);border:2px solid var(--success-border)}.result-status.toxic{background:var(--error-bg);color:var(--error-text);border:2px solid var(--error-border-strong)}.result-status.unknown{background:var(--border-color-light);color:var(--text-secondary);border:2px solid var(--neutral-border)}.result-name{color:var(--text-primary);flex:1;min-width:0;font-size:14px}.result-expand{color:var(--text-muted);flex-shrink:0;transition:transform .2s}.result-expand.expanded{transform:rotate(180deg)}.result-details{padding:0 var(--spacing-md)var(--spacing-md);border-top:1px solid var(--border-color);display:none}.result-details.expanded{display:block}.result-meta{padding-top:var(--spacing-md)}.result-meta-row{font-size:13px;line-height:1.6;display:flex}.result-meta-label{color:var(--text-primary);flex-shrink:0;min-width:100px;font-weight:600}.result-meta-value{color:var(--text-secondary)}.recall-status-inline{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--border-radius-sm);margin-top:var(--spacing-md);font-size:13px;display:flex}.recall-status-inline.loading{background:var(--neutral-bg);color:var(--text-secondary)}.recall-status-inline.loading .icon{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.recall-status-inline.safe{background:var(--success-bg);color:var(--success-text)}.recall-status-inline.warning{background:var(--warning-bg);color:var(--warning-text);cursor:pointer}.recall-status-inline.warning:hover{background:var(--warning-bg-light)}.recall-status-inline.warning .recall-link{text-decoration:underline}.recall-status-inline.error{background:var(--error-bg);color:var(--error-text)}.result-actions{gap:var(--spacing-sm);margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-color);display:flex}.result-action-btn{padding:var(--spacing-sm)var(--spacing-md);background:var(--background-card);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);color:var(--accent-color);cursor:pointer;font-size:13px;transition:all .2s}.result-action-btn:hover{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.pagination-wrapper{padding:var(--spacing-lg)0}.pagination{margin-bottom:var(--spacing-md);flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;display:flex}.pagination-btn{border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background:var(--background-card);min-width:32px;height:32px;color:var(--text-secondary);cursor:pointer;justify-content:center;align-items:center;padding:0 6px;font-size:13px;transition:all .2s;display:flex}.pagination-btn:hover:not(:disabled){background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-btn.active{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.pagination-ellipsis{color:var(--text-muted);padding:0 var(--spacing-xs)}.pagination-info{justify-content:center;align-items:center;gap:var(--spacing-lg);display:flex}.results-summary{color:var(--text-secondary);font-size:14px}.language-toggle{padding:var(--spacing-md)var(--spacing-lg);background:var(--background-card);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-lg);justify-content:space-between;align-items:center;display:flex;box-shadow:0 1px 3px #0000001a}.language-label{color:var(--text-secondary);align-items:center;gap:var(--spacing-sm);font-size:13px;display:flex}.language-buttons{gap:var(--spacing-xs);display:flex}.language-btn{border:1px solid var(--border-color);border-radius:var(--border-radius-sm);background:var(--background-card);cursor:pointer;padding:6px 12px;font-size:13px;font-weight:500;transition:all .2s}.language-btn:hover{background:var(--background-item)}.language-btn.active{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.citations{color:var(--text-muted);padding:var(--spacing-md);background:var(--background-item);border-radius:var(--border-radius-sm);font-size:11px;line-height:1.6}.citations a{color:var(--accent-color);text-decoration:underline}.barcode-scanner-container{flex-direction:column;display:flex;position:relative}.barcode-scanner-container video{object-fit:cover;width:100%;max-height:40vh}.barcode-scanner-captured{object-fit:cover;width:100%;max-height:40vh;display:block}.barcode-scanner-guide{border-radius:var(--border-radius-sm);pointer-events:none;border:2px dashed #ffffff80;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.barcode-scanner-controls{padding:var(--spacing-sm)var(--spacing-md);align-items:center;gap:var(--spacing-sm);background:#000000bf;flex-direction:column;display:flex}.barcode-scanner-help{color:#fff9;text-align:center;margin:0;font-size:11px;line-height:1.3}.barcode-scanner-action-row{gap:var(--spacing-sm);align-items:center;width:100%;max-width:320px;display:flex}.barcode-scanner-capture-btn{background:var(--accent-color);color:#fff;border-radius:var(--border-radius-sm);cursor:pointer;white-space:nowrap;border:none;padding:6px 16px;font-size:13px;font-weight:600;transition:background .2s}.barcode-scanner-capture-btn:hover{background:var(--accent-color-hover)}.barcode-scanner-manual{gap:var(--spacing-sm);width:100%;max-width:320px;display:flex}.barcode-scanner-manual-input{padding:6px var(--spacing-sm);border-radius:var(--border-radius-sm);color:#fff;text-align:center;letter-spacing:1px;background:#ffffff1a;border:1px solid #ffffff4d;flex:1;font-family:inherit;font-size:14px}.barcode-scanner-manual-input::placeholder{color:#ffffff80}.barcode-scanner-manual-input:focus{border-color:var(--accent-color);outline:none}.barcode-scanner-submit-btn{padding:var(--spacing-md)var(--spacing-lg);background:var(--accent-color);color:#fff;border-radius:var(--border-radius-sm);cursor:pointer;border:none;font-size:14px;font-weight:600;transition:background .2s}.barcode-scanner-submit-btn:hover:not(:disabled){background:var(--accent-color-hover)}.barcode-scanner-submit-btn:disabled{background:var(--text-muted);cursor:not-allowed}.barcode-scanner-change-camera-btn{color:#fffc;border-radius:var(--border-radius-sm);cursor:pointer;white-space:nowrap;background:#ffffff26;border:1px solid #ffffff4d;padding:6px 12px;font-family:inherit;font-size:12px;transition:background .2s}.barcode-scanner-change-camera-btn:hover{background:#ffffff40}.camera-picker{gap:var(--spacing-md);padding:var(--spacing-sm)0;flex-direction:column;display:flex}.camera-picker-loading{text-align:center;padding:var(--spacing-lg);color:var(--text-muted)}.camera-picker-list{gap:var(--spacing-sm);flex-direction:column;display:flex}.camera-picker-option{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-md);border:1px solid var(--border-color,#ddd);border-radius:var(--border-radius-sm);cursor:pointer;font-size:14px;transition:background .15s;display:flex}.camera-picker-option:hover{background:var(--bg-hover,#0000000a)}.camera-picker-option input[type=radio]{margin:0}.camera-picker-save{align-items:center;gap:var(--spacing-sm);color:var(--text-secondary,#666);cursor:pointer;font-size:13px;display:flex}.camera-picker-save input[type=checkbox]{margin:0}.camera-picker-start-btn{padding:var(--spacing-sm)var(--spacing-lg);background:var(--accent-color);color:#fff;border-radius:var(--border-radius-sm);cursor:pointer;text-align:center;border:none;align-self:stretch;font-size:14px;font-weight:600;transition:background .2s}.camera-picker-start-btn:hover{background:var(--accent-color-hover)}@media (max-width:480px){.health-risks-page{padding:var(--spacing-md)}.health-risks-header h1{font-size:20px}.search-row{gap:var(--spacing-xs)}.search-input{padding-left:36px;font-size:15px}.search-input-icon{font-size:14px;left:10px}.search-clear-btn{width:28px;height:28px;font-size:18px;right:2px}.search-btn{height:40px;padding:0 10px;font-size:12px}.barcode-btn{width:40px;height:40px}.barcode-btn .icon{font-size:16px}.filter-row{flex-direction:column;align-items:stretch}.filter-group,.filter-input{width:100%}.pagination-btn{min-width:28px;height:28px;padding:0 4px;font-size:12px}.pagination{gap:3px}.results-summary{font-size:12px}}.result-status.supplement{background:var(--accent-color,#345053);color:#fff;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;display:flex}.supplement-header-content{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.supplement-brand{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:12px}.supplement-form{color:var(--text-muted);font-size:12px}.loading-details{padding:20px var(--spacing-md);color:var(--text-secondary);align-items:center;gap:8px;display:flex}.loading-details .spinner{animation:1s linear infinite spin}
.highlighted-ingredients{word-wrap:break-word;overflow-wrap:break-word;white-space:normal;max-width:100%;line-height:1.5;display:block}.results td .highlighted-ingredients,.single-result .highlighted-ingredients{white-space:normal;word-break:break-word}.highlighted-ingredient{cursor:help;border-radius:3px;padding:1px 3px;font-weight:600}.highlighted-ingredient.toxic{color:#dc2626;background-color:#dc262626;border-bottom:2px solid #dc2626}.highlighted-ingredient.allergen{color:#d97706;background-color:#f59e0b26;border-bottom:2px solid #d97706}
.nutrition-table{flex-direction:column;padding-bottom:10px;display:flex}.nutrition-table-header{border-bottom:3px solid #000;font-size:2em;font-weight:700}.nutrition-table-row{border-bottom:1px solid #000;display:flex}.nutrient-name{padding-right:5px;font-weight:700}
.inventory-section{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.section-header{background:var(--accent-color,#345053);color:#fff;align-items:center;gap:10px;padding:14px 16px;font-size:15px;font-weight:600;display:flex}.section-header .section-icon{filter:invert();width:20px;height:20px;padding:0}.section-content{padding:12px;overflow-x:hidden}.inventory-page-new{background:#f5f7f8;min-height:100vh;padding:16px}.inventory-page-new.use-bottom-nav{padding-bottom:80px}.inventory-header{margin-bottom:16px}.inventory-header h1{color:#1a1a1a;margin:0;font-size:24px;font-weight:700}.inventory-header p{color:#666;margin-top:4px;font-size:14px}.info-banner-new{color:#fff;background:linear-gradient(135deg,#345053,#4a6b6e);border-radius:12px;align-items:center;gap:10px;margin-bottom:20px;padding:12px 16px;font-size:14px;display:flex}.info-banner-new a{color:#fff;font-weight:600;text-decoration:underline}.sections-grid{grid-template-columns:1fr;gap:16px;display:grid}@media (min-width:768px){.sections-grid{grid-template-columns:1fr 1fr}}.language-toggle{color:#666;background:#fff;border-radius:12px;justify-content:space-between;align-items:center;margin-top:16px;padding:12px 16px;font-size:13px;display:flex}.language-toggle button{cursor:pointer;background:0 0;border:1px solid #e5e7eb;border-radius:8px;padding:8px 12px;font-size:13px;transition:background-color .2s}.language-toggle button:hover{background:#f5f7f8}
.top-nav{z-index:100;border-bottom:1px solid var(--border-color,#e5e7eb);background-color:#fff;position:fixed;top:0;left:0;right:0;box-shadow:0 1px 3px #00000014}.top-nav__inner{max-width:1200px;padding:0 var(--spacing-lg,16px);justify-content:space-between;align-items:center;height:56px;margin:0 auto;display:flex}.top-nav__logo{cursor:pointer;color:var(--accent-color,#345053);white-space:nowrap;-webkit-user-select:none;user-select:none;font-family:Playfair Display,Georgia,Times New Roman,serif;font-size:22px;font-weight:700}.top-nav__desktop-links{align-items:center;gap:var(--spacing-xl,20px);display:flex}.top-nav__desktop-links .nav-item{align-items:center;gap:var(--spacing-xs,4px);color:var(--text-secondary,#666);padding:var(--spacing-sm,8px)var(--spacing-md,12px);border-radius:var(--border-radius-sm,8px);white-space:nowrap;font-size:15px;font-weight:500;text-decoration:none;transition:color .2s,background-color .2s;display:flex}.top-nav__desktop-links .nav-item:hover{color:var(--accent-color,#345053);background-color:var(--background-item,#f5f7f8)}.top-nav__desktop-links .nav-item--active{color:var(--accent-color,#345053);font-weight:600}.top-nav__desktop-actions{align-items:center;gap:var(--spacing-md,12px);display:flex}.top-nav__mobile-icons{align-items:center;gap:var(--spacing-xs,4px);display:none}.top-nav__mobile-icon.nav-item{color:var(--text-secondary,#666);border-radius:var(--border-radius-sm,8px);justify-content:center;align-items:center;width:40px;height:40px;text-decoration:none;transition:color .2s,background-color .2s;display:flex;position:relative}.top-nav__mobile-icon.nav-item .nav-item__label{display:none}.top-nav__mobile-icon.nav-item .nav-item__icon{font-size:18px}.top-nav__mobile-icon.nav-item:hover{color:var(--accent-color,#345053);background-color:var(--background-item,#f5f7f8)}.top-nav__mobile-icon.nav-item--active{color:var(--accent-color,#345053)}.nav-item__icon{justify-content:center;align-items:center;display:flex}.nav-item__badge{color:#fff;text-align:center;background-color:#ef4444;border-radius:8px;min-width:16px;height:16px;padding:0 4px;font-size:10px;line-height:16px;position:absolute;top:2px;right:0}.top-nav__hamburger{cursor:pointer;border-radius:var(--border-radius-sm,8px);background:0 0;border:none;justify-content:center;align-items:center;width:40px;height:40px;padding:0;transition:background-color .2s;display:flex}.top-nav__hamburger:hover{background-color:var(--background-item,#f5f7f8)}.hamburger-icon{flex-direction:column;justify-content:center;gap:4px;width:20px;height:20px;display:flex}.hamburger-icon span{background-color:var(--text-primary,#1a1a1a);border-radius:1px;height:2px;transition:transform .3s,opacity .3s;display:block}.hamburger-icon--open span:first-child{transform:translateY(6px)rotate(45deg)}.hamburger-icon--open span:nth-child(2){opacity:0}.hamburger-icon--open span:nth-child(3){transform:translateY(-6px)rotate(-45deg)}@media screen and (max-width:768px){.top-nav__desktop-links,.top-nav__desktop-actions{display:none}.top-nav__mobile-icons{display:flex}}
.hamburger-backdrop{z-index:99;background:#0006;animation:.2s hamburger-fade-in;position:fixed;inset:56px 0 0}@keyframes hamburger-fade-in{0%{opacity:0}to{opacity:1}}.hamburger-menu{background:#fff;flex-direction:column;width:280px;max-width:85vw;max-height:calc(100vh - 56px);animation:.25s hamburger-slide-in;display:flex;position:absolute;top:0;right:0;overflow-y:auto;box-shadow:-2px 0 8px #00000026}@keyframes hamburger-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.hamburger-menu__list{padding:var(--spacing-sm,8px)0;margin:0;list-style:none}.hamburger-menu__item{margin:0}.hamburger-menu__link{align-items:center;gap:var(--spacing-md,12px);padding:var(--spacing-md,12px)var(--spacing-xl,20px);color:var(--text-primary,#1a1a1a);min-height:44px;font-size:16px;font-weight:400;text-decoration:none;transition:background-color .2s;display:flex}.hamburger-menu__link:hover{background-color:var(--background-item,#f5f7f8)}.hamburger-menu__link--active{color:var(--accent-color,#345053);background-color:var(--background-item,#f5f7f8);font-weight:600}.hamburger-menu__icon{width:24px;color:var(--text-secondary,#666);justify-content:center;align-items:center;font-size:18px;display:flex}.hamburger-menu__link--active .hamburger-menu__icon{color:var(--accent-color,#345053)}.hamburger-menu__badge{color:#fff;text-align:center;background-color:#ef4444;border-radius:9px;min-width:18px;height:18px;margin-left:auto;padding:0 5px;font-size:11px;line-height:18px}.hamburger-menu__footer{border-top:1px solid var(--border-color,#e5e7eb);padding:var(--spacing-lg,16px)var(--spacing-xl,20px)}
.hero-search{gap:var(--spacing-sm,8px);width:100%;max-width:560px;display:flex}.hero-search__input-wrapper{border:2px solid var(--border-color,#e5e7eb);border-radius:var(--border-radius-md,12px);padding:0 var(--spacing-md,12px);background:#fff;flex:1;align-items:center;transition:border-color .2s,box-shadow .2s;display:flex;position:relative}.hero-search__input-wrapper:focus-within{border-color:var(--accent-color,#345053);box-shadow:0 0 0 3px #3450531f}.hero-search__icon{color:var(--text-muted,#888);margin-right:var(--spacing-sm,8px);flex-shrink:0}.hero-search__input{color:var(--text-primary,#1a1a1a);background:0 0;border:none;outline:none;flex:1;padding:14px 0;font-size:16px}.hero-search__input::placeholder{color:var(--text-muted,#888)}.hero-search__buttons{gap:var(--spacing-xs,4px);display:flex}.hero-search__btn{border-radius:var(--border-radius-md,12px);cursor:pointer;border:none;justify-content:center;align-items:center;width:48px;height:48px;transition:background-color .2s,opacity .2s;display:flex}.hero-search__btn--search{background-color:var(--accent-color,#345053);color:#fff}.hero-search__btn--search:hover:not(:disabled){background-color:var(--accent-color-hover,#263c3e)}.hero-search__btn--search:disabled{opacity:.5;cursor:default}.hero-search__btn--barcode{background-color:var(--background-item,#f5f7f8);color:var(--text-secondary,#666);border:1px solid var(--border-color,#e5e7eb)}.hero-search__btn--barcode:hover{background-color:var(--border-color,#e5e7eb)}@media screen and (max-width:480px){.hero-search{flex-direction:column}.hero-search__buttons{justify-content:flex-end}}.hero-search__clear{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px 6px;font-size:14px;line-height:1;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.hero-search__clear:hover{color:var(--text-primary);background:var(--bg-hover,#0000000d)}
.status-badge{white-space:nowrap;border-radius:12px;padding:3px 10px;font-size:12px;font-weight:500;display:inline-block}.badge-fresh{color:#10b981;background:#ecfdf5}.badge-soon{color:#f59e0b;background:#fffbeb}.badge-expired{color:#ef4444;background:#fef2f2}
.item-card-wrapper{border-radius:8px;margin-bottom:10px;position:relative;overflow:hidden}.item-card-wrapper:last-child{margin-bottom:0}.item-card-delete-bg{color:#fff;background:#ef4444;border-radius:0 8px 8px 0;justify-content:center;align-items:center;width:100px;font-size:20px;display:flex;position:absolute;top:0;bottom:0;right:0}.item-card-delete-bg.active{background:#dc2626}.item-card-delete-bg .icon{font-size:20px}.item-card{z-index:1;touch-action:pan-y;background:#f5f7f8;border-radius:8px;padding:12px;position:relative}.item-card-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:8px;display:flex}.item-card-name{color:#1a1a1a;word-break:break-word;flex:1;min-width:0;font-size:15px;font-weight:600}.item-card-quantity{color:#fff;background:#345053;border-radius:12px;flex-shrink:0;padding:3px 10px;font-size:12px;font-weight:600}.item-card-meta{color:#666;flex-wrap:wrap;gap:12px;margin-bottom:10px;font-size:12px;display:flex}.item-card-category,.item-card-expiration{align-items:center;gap:4px;display:flex}.item-card-estimated{opacity:.8;font-style:italic}.item-card-estimated-badge{color:var(--color-warning,#b8860b);margin-left:2px;font-size:.75em;font-weight:500}.item-card-actions{justify-content:flex-end;gap:8px;display:flex}.item-card-btn{color:#666;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.item-card-btn:hover{color:#fff;background:#345053;border-color:#345053}.item-card-btn:focus{outline-offset:2px;outline:2px solid #345053}.item-card-btn-danger:hover{background:#ef4444;border-color:#ef4444}.item-card-btn .icon{width:18px;height:18px;font-size:14px}
.barcode-display{align-items:center;gap:8px;display:flex}.barcode-display__toggle{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:6px}.barcode-display__toggle:hover{background:#f3f4f6}.barcode-display__barcode{margin-top:4px}.barcode-display--compact{margin-top:6px}.barcode-display__upc-text{color:#4b5563;font-size:12px}
.auth-sign-in-btn{color:#111827;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;font-weight:500;display:flex}.auth-sign-in-btn:hover{background:#f3f4f6}.user-menu{align-items:center;gap:8px;padding:4px 0;display:flex}.user-avatar{object-fit:cover;border-radius:50%;width:28px;height:28px}.user-name{color:#111827;text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-size:13px;overflow:hidden}.auth-sign-out-btn{color:#374151;cursor:pointer;background:0 0;border:1px solid #d1d5db;border-radius:8px;padding:4px 10px;font-size:12px}.auth-sign-out-btn:hover{background:#f3f4f6}.auth-error{color:#ef4444;margin-bottom:8px;font-size:12px;display:block}.auth-container{flex-direction:column;align-items:flex-start;display:flex}
.dialog{pointer-events:all;background:#fff;border-radius:5px;align-self:center;padding:0;position:absolute;box-shadow:0 4px 8px #0003,0 6px 20px #00000030}.dialog-header{background-color:var(--light-blue);border-bottom:1px solid #d3d3d3;justify-content:space-between;align-items:center;padding:5px 5px 0 10px;display:flex}.dialog-header div{padding-bottom:5px;padding-right:10px;font-weight:500}.dialog-content{padding:0 5px 5px}.btn.close-btn{border:none;border-radius:50px;width:28px;padding:0}button,.btn{text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;user-select:none;color:#333;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;margin:3px;padding:4px 8px;font-size:14px;font-weight:400;line-height:1.42857;display:inline-block}button:hover,.btn:hover{color:#333;background-color:#e6e6e6;border-color:#adadad}button.primary{color:#fff;background-color:#337ab7;border-color:#2e6da4}button.primary:hover{color:#fff;background-color:#286090;border-color:#204d74}@media screen and (max-width:768px){.dialog{max-width:calc(100vw - 20px);max-height:calc(100vh - 20px);overflow-y:auto}button,.btn{min-width:44px;min-height:44px;padding:8px 12px}.btn.close-btn{width:36px;min-width:36px;min-height:36px}}
.add-item-form{box-sizing:border-box;background:#f5f7f8;border:2px dashed #e5e7eb;border-radius:8px;max-width:100%;padding:12px;overflow:hidden}.form-row{flex-wrap:wrap;gap:10px;margin-bottom:10px;display:flex}.form-row:last-of-type{margin-bottom:0}.form-group{flex:calc(50% - 5px);min-width:100px}.form-group-small{flex:0 80px;min-width:60px}.form-group-full{flex:100%}.form-group label{text-transform:uppercase;letter-spacing:.5px;color:#999;margin-bottom:4px;font-size:10px;font-weight:600;display:block}.form-group input,.form-group .textinput-wrapper input{box-sizing:border-box;border:1px solid #e5e7eb;border-radius:8px;width:100%;padding:10px 12px;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group .textinput-wrapper input:focus{border-color:#345053;outline:none;box-shadow:0 0 0 3px #3450531a}.form-group-date{flex:none;width:fit-content;min-width:0}.form-date-input{cursor:pointer;box-sizing:border-box;background:#fff;border:1px solid #e5e7eb;border-radius:8px;width:auto;padding:10px 8px;font-family:inherit;font-size:14px}.form-date-input:focus{border-color:#345053;outline:none;box-shadow:0 0 0 3px #3450531a}.btn-add{color:#fff;cursor:pointer;background:#345053;border:none;border-radius:8px;width:100%;margin-top:10px;padding:12px;font-size:14px;font-weight:600;transition:background-color .2s}.btn-add:hover{background:#263c3e}.btn-add:focus{outline-offset:2px;outline:2px solid #345053}.btn-add:active{transform:translateY(1px)}.btn-add:disabled{cursor:not-allowed;opacity:.7;background:#9ca3af}.btn-add:disabled:hover{background:#9ca3af}@media (max-width:480px){.form-group{flex:100%}.form-group-small{flex:calc(50% - 5px)}}
.autocomplete{width:100%;position:relative}.autocomplete-input{border:1px solid var(--neutral-border,#ccc);background:var(--input-bg,#fff);width:100%;color:var(--text-primary,#333);box-sizing:border-box;border-radius:4px;padding:6px 10px;font-size:.9rem}.autocomplete-input:focus{outline:2px solid var(--primary-color,#4a90d9);outline-offset:-1px;border-color:var(--primary-color,#4a90d9)}.autocomplete-dropdown{background:var(--input-bg,#fff);border:1px solid var(--neutral-border,#ccc);z-index:100;border-radius:4px;max-height:200px;margin:2px 0 0;padding:0;list-style:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #00000026}.autocomplete-option{cursor:pointer;justify-content:space-between;align-items:center;padding:8px 10px;font-size:.85rem;display:flex}.autocomplete-option:hover,.autocomplete-option.highlighted{background:var(--hover-bg,#f0f4ff)}.autocomplete-option-label{color:var(--text-primary,#333)}.autocomplete-option-detail{color:var(--text-secondary,#888);white-space:nowrap;margin-left:8px;font-size:.8rem}
.card{color:#000;background-color:#d1d1d1;border:1px solid #a0a0a0;width:200px;min-height:175px}.floating{box-shadow:2px 2px 10px #888}.card-title{font-size:20px;font-weight:700}.card-desc{background-color:#fff;margin-top:5px;padding:5px;font-size:12px}.card img{width:100%;height:auto}.card-stats{margin-left:20px;font-size:10px}
.category-items{text-align:left;text-overflow:ellipsis;white-space:nowrap;max-width:100%;padding:5px 32px;line-height:1.43em;display:block;overflow:hidden}.category-list .category-wrapper:not(:first-child){border-top:1px solid #dadce0}.category-header{color:#3c4043;align-items:center;margin:0 16px;padding:16px 0;font-weight:600;line-height:1.72em;display:flex}.category-header i{padding:5px}.category-item{width:100%}
.collapsible-section{margin-top:var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);overflow:hidden}.collapsible-toggle{width:100%;padding:var(--spacing-sm)var(--spacing-md);cursor:pointer;color:var(--text-color);text-align:left;background:0 0;border:none;align-items:center;gap:6px;font-size:13px;font-weight:500;display:flex}.collapsible-toggle:hover{background:var(--border-color-light)}.collapsible-toggle.active{background:var(--accent-color);color:#fff}.collapsible-toggle .icon{font-size:12px}.collapsible-chevron{margin-left:auto;font-size:10px;transition:transform .2s}.collapsible-chevron.expanded{transform:rotate(180deg)}.collapsible-content{border-top:1px solid var(--border-color)}
@media screen and (max-width:768px){.desktop-view{display:none}.mobile-view{flex-grow:1;width:100%;display:flex}}@media screen and (min-width:768px){.desktop-view{display:flex}.mobile-view.mobile-column{display:none}}.mobile-row{z-index:2;align-items:center;display:flex;position:relative}.mobile-column{flex-direction:column;display:flex}.line{flex-wrap:wrap;justify-content:space-between}b{padding-right:5px}.contents .mobile-row:not(:first-child){color:gray;font-size:12px}.contents{width:100%;padding:10px}.single-table-item{flex-grow:1;display:flex}.desktop-view .action-wrapper{display:flex}