/*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */
@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-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-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-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}}}@layer theme{:root,:host{--font-sans:"Be Vietnam Pro", "Noto Sans Thai", "Outfit", sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-orange-100:oklch(95.4% .038 75.164);--color-orange-600:oklch(64.6% .222 41.116);--color-green-600:oklch(62.7% .194 149.214);--color-cyan-100:oklch(95.6% .045 203.388);--color-cyan-600:oklch(60.9% .126 221.723);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-blue-800:oklch(42.4% .199 265.638);--color-blue-900:oklch(37.9% .146 265.522);--color-purple-100:oklch(94.6% .033 307.174);--color-purple-600:oklch(55.8% .288 302.321);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-600:oklch(44.6% .043 257.281);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-white:#fff;--spacing:.25rem;--container-5xl:64rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-black:900;--tracking-tight:-.025em;--tracking-wider:.05em;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--animate-ping:ping 1s cubic-bezier(0, 0, .2, 1) infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--blur-sm:8px;--blur-md:12px;--blur-lg:16px;--blur-xl:24px;--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);--color-on-background:#191c1d;--color-primary:#0f5238;--color-primary-container:#2d6a4f;--color-on-surface-variant:#404943;--color-on-surface:#191c1d;--spacing-card-padding:20px;--spacing-section-gap:32px;--font-headline-lg:"Be Vietnam Pro", sans-serif;--font-label-md:"Be Vietnam Pro", sans-serif;--text-headline-lg:32px;--text-headline-lg--line-height:40px;--text-headline-lg--font-weight:700;--text-headline-lg--letter-spacing:-.01em;--text-title-lg:20px;--text-title-lg--line-height:28px;--text-title-lg--font-weight:600;--text-label-sm:12px;--text-label-sm--line-height:16px;--text-label-sm--font-weight:600;--text-label-md:14px;--text-label-md--line-height:20px;--text-label-md--font-weight:500;--text-label-md--letter-spacing:.01em;--text-headline-md:24px;--text-headline-md--line-height:32px;--text-headline-md--font-weight:600}}@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{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.inset-2{inset:calc(var(--spacing) * 2)}.inset-4{inset:calc(var(--spacing) * 4)}.top-0{top:0}.right-4{right:calc(var(--spacing) * 4)}.z-0{z-index:0}.z-10{z-index:10}.mx-auto{margin-inline:auto}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-section-gap{margin-top:var(--spacing-section-gap)}.mb-0\.5{margin-bottom:calc(var(--spacing) * .5)}.mb-1{margin-bottom:var(--spacing)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-12{margin-bottom:calc(var(--spacing) * 12)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-6{height:calc(var(--spacing) * 6)}.h-8{height:calc(var(--spacing) * 8)}.h-10{height:calc(var(--spacing) * 10)}.h-12{height:calc(var(--spacing) * 12)}.h-24{height:calc(var(--spacing) * 24)}.h-\[120px\]{height:120px}.h-\[300px\]{height:300px}.h-\[350px\]{height:350px}.h-\[600px\]{height:600px}.h-full{height:100%}.w-1\.5{width:calc(var(--spacing) * 1.5)}.w-2{width:calc(var(--spacing) * 2)}.w-6{width:calc(var(--spacing) * 6)}.w-8{width:calc(var(--spacing) * 8)}.w-10{width:calc(var(--spacing) * 10)}.w-12{width:calc(var(--spacing) * 12)}.w-24{width:calc(var(--spacing) * 24)}.w-48{width:calc(var(--spacing) * 48)}.w-\[120px\]{width:120px}.w-full{width:100%}.max-w-5xl{max-width:var(--container-5xl)}.max-w-\[200px\]{max-width:200px}.flex-1{flex:1}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-ping{animation:var(--animate-ping)}.animate-pulse{animation:var(--animate-pulse)}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.appearance-none{appearance: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}.justify-start{justify-content:flex-start}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-section-gap{gap:var(--spacing-section-gap)}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-x-4>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-6>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * 6) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-x-reverse)))}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.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-\[\#3b82f6\]\/20{border-color:oklab(62.3083% -.0332476 -.185052/.2)}.border-\[\#3b82f6\]\/40{border-color:oklab(62.3083% -.0332476 -.185052/.4)}.border-\[\#e0f2fe\]{border-color:#e0f2fe}.border-\[\#fde68a\]{border-color:#fde68a}.border-\[\#fecaca\]{border-color:#fecaca}.border-\[\#fee2e2\]{border-color:#fee2e2}.border-\[\#fef3c7\]{border-color:#fef3c7}.border-gray-100{border-color:var(--color-gray-100)}.border-gray-200{border-color:var(--color-gray-200)}.border-primary{border-color:var(--color-primary)}.border-slate-200{border-color:var(--color-slate-200)}.border-white{border-color:var(--color-white)}.border-white\/40{border-color:#fff6}@supports (color:color-mix(in lab, red, red)){.border-white\/40{border-color:color-mix(in oklab, var(--color-white) 40%, transparent)}}.border-white\/50{border-color:#ffffff80}@supports (color:color-mix(in lab, red, red)){.border-white\/50{border-color:color-mix(in oklab, var(--color-white) 50%, transparent)}}.border-white\/60{border-color:#fff9}@supports (color:color-mix(in lab, red, red)){.border-white\/60{border-color:color-mix(in oklab, var(--color-white) 60%, transparent)}}.bg-\[\#22c55e\]{background-color:#22c55e}.bg-\[\#dcfce7\]{background-color:#dcfce7}.bg-\[\#e0f2fe\]{background-color:#e0f2fe}.bg-\[\#eef2ff\]\/90{background-color:oklab(96.1905% .000724435 -.0179189/.9)}.bg-\[\#f0fdf4\]\/90{background-color:oklab(98.1926% -.0164768 .0073958/.9)}.bg-\[\#f3e8ff\]{background-color:#f3e8ff}.bg-\[\#f3f4f6\]{background-color:#f3f4f6}.bg-\[\#fbf4e6\]\/90{background-color:oklab(96.8814% .00188109 .0198625/.9)}.bg-\[\#fee2e2\]{background-color:#fee2e2}.bg-\[\#fef2f2\]{background-color:#fef2f2}.bg-\[\#fef2f2\]\/80{background-color:oklab(97.0528% .0123559 .00386727/.8)}.bg-\[\#fffbeb\]\/80{background-color:oklab(98.6879% -.00196859 .0213122/.8)}.bg-blue-100{background-color:var(--color-blue-100)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-cyan-100{background-color:var(--color-cyan-100)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-400{background-color:var(--color-gray-400)}.bg-orange-100{background-color:var(--color-orange-100)}.bg-primary{background-color:var(--color-primary)}.bg-purple-100{background-color:var(--color-purple-100)}.bg-slate-100{background-color:var(--color-slate-100)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-white\/40{background-color:#fff6}@supports (color:color-mix(in lab, red, red)){.bg-white\/40{background-color:color-mix(in oklab, var(--color-white) 40%, transparent)}}.bg-white\/50{background-color:#ffffff80}@supports (color:color-mix(in lab, red, red)){.bg-white\/50{background-color:color-mix(in oklab, var(--color-white) 50%, transparent)}}.bg-white\/60{background-color:#fff9}@supports (color:color-mix(in lab, red, red)){.bg-white\/60{background-color:color-mix(in oklab, var(--color-white) 60%, transparent)}}.bg-white\/80{background-color:#fffc}@supports (color:color-mix(in lab, red, red)){.bg-white\/80{background-color:color-mix(in oklab, var(--color-white) 80%, transparent)}}.bg-white\/90{background-color:#ffffffe6}@supports (color:color-mix(in lab, red, red)){.bg-white\/90{background-color:color-mix(in oklab, var(--color-white) 90%, transparent)}}.bg-white\/95{background-color:#fffffff2}@supports (color:color-mix(in lab, red, red)){.bg-white\/95{background-color:color-mix(in oklab, var(--color-white) 95%, transparent)}}.bg-gradient-to-t{--tw-gradient-position:to top in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-white\/90{--tw-gradient-from:#ffffffe6}@supports (color:color-mix(in lab, red, red)){.from-white\/90{--tw-gradient-from:color-mix(in oklab, var(--color-white) 90%, transparent)}}.from-white\/90{--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))}.via-white\/20{--tw-gradient-via:#fff3}@supports (color:color-mix(in lab, red, red)){.via-white\/20{--tw-gradient-via:color-mix(in oklab, var(--color-white) 20%, transparent)}}.via-white\/20{--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-transparent{--tw-gradient-to:transparent;--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))}.object-cover{object-fit:cover}.object-center{object-position:center}.p-1{padding:var(--spacing)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.p-card-padding{padding:var(--spacing-card-padding)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-12{padding-inline:calc(var(--spacing) * 12)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.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-4{padding-block:calc(var(--spacing) * 4)}.py-12{padding-block:calc(var(--spacing) * 12)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-16{padding-top:calc(var(--spacing) * 16)}.pr-3{padding-right:calc(var(--spacing) * 3)}.pr-6{padding-right:calc(var(--spacing) * 6)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-8{padding-bottom:calc(var(--spacing) * 8)}.pl-4{padding-left:calc(var(--spacing) * 4)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-headline-lg{font-family:var(--font-headline-lg)}.font-label-md{font-family:var(--font-label-md)}.text-headline-lg{font-size:var(--text-headline-lg);line-height:var(--tw-leading,var(--text-headline-lg--line-height));letter-spacing:var(--tw-tracking,var(--text-headline-lg--letter-spacing));font-weight:var(--tw-font-weight,var(--text-headline-lg--font-weight))}.text-label-md{font-size:var(--text-label-md);line-height:var(--tw-leading,var(--text-label-md--line-height));letter-spacing:var(--tw-tracking,var(--text-label-md--letter-spacing));font-weight:var(--tw-font-weight,var(--text-label-md--font-weight))}.text-headline-md{font-size:var(--text-headline-md);line-height:var(--tw-leading,var(--text-headline-md--line-height));font-weight:var(--tw-font-weight,var(--text-headline-md--font-weight))}.text-label-sm{font-size:var(--text-label-sm);line-height:var(--tw-leading,var(--text-label-sm--line-height));font-weight:var(--tw-font-weight,var(--text-label-sm--font-weight))}.text-title-lg{font-size:var(--text-title-lg);line-height:var(--tw-leading,var(--text-title-lg--line-height));font-weight:var(--tw-font-weight,var(--text-title-lg--font-weight))}.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-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.leading-none{--tw-leading:1;line-height:1}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.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-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.text-\[\#0ea5e9\]{color:#0ea5e9}.text-\[\#3b82f6\]{color:#3b82f6}.text-\[\#6b21a8\]{color:#6b21a8}.text-\[\#16a34a\]{color:#16a34a}.text-\[\#94a3b8\]{color:#94a3b8}.text-\[\#0284c7\]{color:#0284c7}.text-\[\#854d0e\]{color:#854d0e}.text-\[\#991b1b\]{color:#991b1b}.text-\[\#9333ea\]{color:#9333ea}.text-\[\#78350f\]{color:#78350f}.text-\[\#92400e\]{color:#92400e}.text-\[\#166534\]{color:#166534}.text-\[\#b91c1c\]{color:#b91c1c}.text-\[\#b45309\]{color:#b45309}.text-\[\#d97706\]{color:#d97706}.text-\[\#ef4444\]{color:#ef4444}.text-blue-500{color:var(--color-blue-500)}.text-blue-600{color:var(--color-blue-600)}.text-blue-700{color:var(--color-blue-700)}.text-blue-800{color:var(--color-blue-800)}.text-blue-900{color:var(--color-blue-900)}.text-cyan-600{color:var(--color-cyan-600)}.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-green-600{color:var(--color-green-600)}.text-on-background{color:var(--color-on-background)}.text-on-surface{color:var(--color-on-surface)}.text-on-surface-variant{color:var(--color-on-surface-variant)}.text-orange-600{color:var(--color-orange-600)}.text-primary{color:var(--color-primary)}.text-purple-600{color:var(--color-purple-600)}.text-slate-500{color:var(--color-slate-500)}.text-slate-600{color:var(--color-slate-600)}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.opacity-90{opacity:.9}.mix-blend-overlay{mix-blend-mode:overlay}.shadow{--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)}.shadow-inner{--tw-shadow:inset 0 2px 4px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.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)}.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,)}.backdrop-blur-lg{--tw-backdrop-blur:blur(var(--blur-lg));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-md{--tw-backdrop-blur:blur(var(--blur-md));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-xl{--tw-backdrop-blur:blur(var(--blur-xl));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.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-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))}.outline-none{--tw-outline-style:none;outline-style:none}.last\:border-0:last-child{border-style:var(--tw-border-style);border-width:0}@media (hover:hover){.hover\:-translate-y-1:hover{--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.hover\:bg-\[\#fee2e2\]:hover{background-color:#fee2e2}.hover\:bg-gray-50\/50:hover{background-color:#f9fafb80}@supports (color:color-mix(in lab, red, red)){.hover\:bg-gray-50\/50:hover{background-color:color-mix(in oklab, var(--color-gray-50) 50%, transparent)}}.hover\:bg-primary-container:hover{background-color:var(--color-primary-container)}.hover\:bg-slate-200:hover{background-color:var(--color-slate-200)}.hover\:bg-white:hover{background-color:var(--color-white)}.hover\:text-blue-600:hover{color:var(--color-blue-600)}.hover\:text-on-surface:hover{color:var(--color-on-surface)}}@media (width>=40rem){.sm\:block{display:block}}@media (width>=48rem){.md\:block{display:block}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=80rem){.xl\:w-\[340px\]{width:340px}.xl\:flex-row{flex-direction:row}}}:root{color:#24372d;font-synthesis:none;text-rendering:optimizelegibility;--forest:#24543b;--forest-dark:#173b29;--leaf:#6faf5f;--leaf-soft:#e7f2dd;--cream:#fff9ed;--paper:#fffef9;--soil:#8b6544;--sun:#f3c969;--sky:#bfe3e7;--ink:#24372d;--muted:#6f7f74;--line:#dfe8db;--danger:#cb5d4c;--shadow:0 18px 50px #314f391a;background:#f7f5eb;font-family:Noto Sans Thai,Outfit,sans-serif}*{box-sizing:border-box}html{background:#f7f5eb}body{min-width:320px;min-height:100vh;color:var(--ink);background:radial-gradient(circle at 8% 2%,#bfe3e780,#0000 28rem),radial-gradient(circle at 92% 92%,#f3c96933,#0000 25rem),#f7f5eb;margin:0}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}::selection{color:var(--forest-dark);background:#cfe6bf}.app-shell,.app-main{min-height:100vh}.app-main--signed-in{padding:0 0 6.75rem}.page-wrap{width:min(1180px,100%);margin:0 auto;padding:1.25rem 1rem 2rem;animation:.5s both rise-in}.page-header{flex-direction:column;gap:1rem;margin:.5rem 0 1.25rem;display:flex}.eyebrow{color:var(--forest);letter-spacing:.04em;align-items:center;gap:.45rem;font-size:.86rem;font-weight:800;display:inline-flex}.eyebrow-dot{background:#56a85f;border-radius:999px;width:.58rem;height:.58rem;box-shadow:0 0 0 5px #56a85f21}.page-title{color:var(--forest-dark);letter-spacing:-.035em;margin:.35rem 0 .15rem;font-size:clamp(1.75rem,4vw,2.65rem);font-weight:900;line-height:1.2}.page-subtitle{color:var(--muted);margin:0;font-size:.96rem}.panel{box-shadow:var(--shadow);background:#fffef9f0;border:1px solid #24543b1c;border-radius:1.5rem}.field-label{color:#3c5345;margin-bottom:.48rem;font-size:.89rem;font-weight:800;display:block}.field-input,.field-select{width:100%;min-height:3.25rem;color:var(--ink);background:#fbfcf7;border:1.5px solid #dbe5d7;border-radius:1rem;outline:none;padding:.8rem 1rem;transition:border-color .2s,box-shadow .2s,background .2s}.field-input:focus,.field-select:focus{border-color:var(--leaf);background:#fff;box-shadow:0 0 0 4px #6faf5f24}.field-select{appearance:none;padding-left:2.65rem;padding-right:2.65rem;font-weight:700}.primary-button,.secondary-button,.danger-button{border:0;border-radius:1rem;justify-content:center;align-items:center;gap:.55rem;min-height:3.15rem;padding:.75rem 1.15rem;font-weight:800;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex}.primary-button{background:var(--forest);color:#fff;box-shadow:0 10px 20px #24543b33}.primary-button:hover{background:var(--forest-dark);transform:translateY(-1px)}.secondary-button{background:var(--leaf-soft);color:var(--forest);border:1px solid #cfe3c6}.secondary-button:hover{background:#dcefd3}.danger-button{color:var(--danger);background:#fff0ec;border:1px solid #f5d4cc}.primary-button:disabled,.secondary-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.status-message{border-radius:1rem;padding:.85rem 1rem;font-size:.89rem;font-weight:700}.status-message--error{color:#a74639;background:#fff0ec;border:1px solid #f5d4cc}.status-message--success{color:var(--forest);background:#edf7e7;border:1px solid #d5eaca}.brand-mark{width:2.75rem;height:2.75rem;color:var(--forest);background:linear-gradient(145deg,#f5d77f,#f0bd55);border-radius:1rem;place-items:center;font-size:1.35rem;display:grid;box-shadow:inset 0 1px #ffffffb3,0 9px 22px #78571f29}.brand-mark--large{border-radius:1.5rem;width:4.5rem;height:4.5rem;font-size:2rem}.app-loading{min-height:100vh;color:var(--forest);place-content:center;justify-items:center;gap:.9rem;font-weight:800;display:grid}.app-loading p{margin:0}.loading-dots{gap:.3rem;display:flex}.loading-dots i{background:var(--leaf);border-radius:50%;width:.45rem;height:.45rem;animation:1s infinite alternate bounce}.loading-dots i:nth-child(2){animation-delay:.2s}.loading-dots i:nth-child(3){animation-delay:.4s}@keyframes rise-in{0%{opacity:0;transform:translateY(10px)}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}@media (width>=768px){.app-main--signed-in{margin-left:17rem;padding-bottom:0}.page-wrap{padding:2.25rem 2rem 3rem}.page-header{flex-direction:row;justify-content:space-between;align-items:flex-end;margin-bottom:1.75rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@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-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-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-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@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}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes pulse{50%{opacity:.5}}.desktop-sidebar{display:none}.mobile-header{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:30;background:#fffef9e0;justify-content:space-between;align-items:center;height:4.5rem;padding:.75rem 1rem;display:flex;position:sticky;top:0}.mobile-brand,.sidebar-brand{color:var(--forest-dark);align-items:center;gap:.7rem;text-decoration:none;display:flex}.mobile-brand strong{letter-spacing:-.04em;font-size:1.35rem}.mobile-online{color:var(--forest);background:#edf7e7;border-radius:999px;align-items:center;gap:.4rem;padding:.4rem .7rem;font-size:.85rem;font-weight:800;display:inline-flex}.mobile-online i{background:#55a95d;border-radius:50%;width:.45rem;height:.45rem}.mobile-nav{z-index:50;left:.75rem;right:.75rem;bottom:calc(.7rem + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffef9f5;border:1px solid #24543b21;border-radius:1.4rem;grid-template-columns:repeat(6,1fr);gap:.1rem;min-height:4.75rem;padding:.4rem;display:grid;position:fixed;box-shadow:0 18px 45px #1f3f2b33}.mobile-nav-link{color:#7c8b80;background:0 0;border:0;border-radius:1rem;flex-direction:column;justify-content:center;align-items:center;gap:.2rem;min-width:0;font-size:.7rem;font-weight:800;text-decoration:none;display:flex}.mobile-nav-link.is-active{background:var(--leaf-soft);color:var(--forest)}@media (width>=768px){.mobile-header,.mobile-nav{display:none}.desktop-sidebar{z-index:40;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffef9e6;border-right:1px solid #24543b1a;flex-direction:column;width:17rem;padding:1.4rem;display:flex;position:fixed;inset:0 auto 0 0}.sidebar-brand{padding:.2rem .35rem 1.4rem}.sidebar-brand>span:last-child{flex-direction:column;display:flex}.sidebar-brand strong{letter-spacing:-.05em;font-size:1.55rem;line-height:1.1}.sidebar-brand small{color:var(--muted);margin-top:.25rem;font-size:.84rem;font-weight:700}.sidebar-farm-card{background:linear-gradient(135deg,#edf7e7,#fff8df);border:1px solid #dce9d3;border-radius:1.1rem;align-items:center;gap:.75rem;padding:.85rem;display:flex}.sidebar-mascot{background:#fff;border-radius:.85rem;place-items:center;width:2.65rem;height:2.65rem;font-size:1.4rem;display:grid;box-shadow:0 5px 14px #465d411a}.sidebar-farm-card div{flex-direction:column;min-width:0;display:flex}.sidebar-farm-card strong{color:var(--forest-dark);font-size:.88rem}.sidebar-farm-card small{color:var(--muted);margin-top:.12rem;font-size:.83rem}.sidebar-nav{flex-direction:column;flex:1;gap:.4rem;margin-top:1.65rem;display:flex}.sidebar-section-label{color:#9aa69e;margin:0 .75rem .4rem;font-size:.83rem;font-weight:800}.sidebar-link{color:#65766b;border-radius:1rem;align-items:center;gap:.8rem;padding:.85rem 1rem;font-size:.91rem;font-weight:750;text-decoration:none;transition:all .18s;display:flex}.sidebar-link:hover{color:var(--forest);background:#f2f6ee}.sidebar-link.is-active{color:var(--forest);background:var(--leaf-soft);box-shadow:inset 3px 0 var(--leaf)}.sidebar-footer{border-top:1px solid var(--line);padding-top:1rem}.sidebar-account{flex-direction:column;min-width:0;padding:0 .65rem .85rem;display:flex}.sidebar-account small{color:#99a39c;font-size:.82rem;font-weight:800}.sidebar-account strong{color:#55675b;text-overflow:ellipsis;white-space:nowrap;margin-top:.2rem;font-size:.86rem;overflow:hidden}.sidebar-logout{color:#a85849;background:#fff8f5;border:1px solid #eddad4;border-radius:.9rem;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.72rem;font-weight:750;display:flex}}.login-page{background-image:linear-gradient(90deg,#fffcf040,#fffcf005),url(/capyf-login-background-clean.png);background-position:50%;background-repeat:no-repeat;background-size:cover;min-height:100vh;display:grid}.login-form-side{place-items:center;padding:1rem;display:grid}.login-form-wrap{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffcf2eb;border:1px solid #ffffffb3;border-radius:1.5rem;width:min(29rem,100%);padding:1.5rem;box-shadow:0 24px 60px #1f422833}.login-heading{margin-bottom:1.65rem}.login-wave{background:#fff1c5;border-radius:.9rem;place-items:center;width:2.7rem;height:2.7rem;margin-bottom:.9rem;font-size:1.35rem;display:grid}.login-heading .login-product-name{color:var(--forest);letter-spacing:-.06em;margin:0 0 .3rem;font-size:clamp(2.5rem,7vw,3.4rem);font-weight:900;line-height:.95}.login-heading h1{color:var(--forest-dark);letter-spacing:-.025em;margin:.65rem 0 0;font-size:clamp(1.25rem,3.5vw,1.6rem);font-weight:850}.login-heading p{color:var(--muted);margin:.55rem 0 0}.login-form{gap:1.15rem;margin-top:1.2rem;display:grid}.input-with-icon{display:block;position:relative}.input-with-icon>svg{color:#8a998e;z-index:1;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.input-with-icon .field-input{padding-left:3rem;padding-right:3rem}.input-with-icon button{color:#86938a;background:0 0;border:0;border-radius:.7rem;place-items:center;width:2.2rem;height:2.2rem;display:grid;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.input-with-icon button:hover{background:var(--leaf-soft);color:var(--forest)}.login-submit{width:100%;margin-top:.5rem}.login-switch{text-align:center;color:var(--muted);margin:1.35rem 0;font-size:.88rem}.login-switch button{color:var(--forest);background:0 0;border:0;font-weight:900}.login-note{border-top:1px solid var(--line);color:#89958d;text-align:center;margin:2rem 0 0;padding-top:1.4rem;font-size:.85rem;line-height:1.7}@media (width>=900px){.login-page{background-position:50%;place-items:center start;height:100vh}.login-form-side{width:min(37rem,44vw);margin-left:clamp(5rem,10vw,11rem);padding:3rem}.login-form-wrap{width:min(27rem,100%);padding:2.25rem}}@media (width<=899px){.login-page{background-position:68%}.login-form-side{align-items:end;padding:1rem}.login-form-wrap{padding:1.35rem}.login-note{display:none}}.dashboard-spinner{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.dashboard-page{isolation:isolate;max-width:1380px;position:relative}.dashboard-page:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(135deg,#eff7ead6,#fff9e2c7),url(/capyf-dashboard-background.png) 50%/cover no-repeat;position:fixed;inset:0}.dashboard-header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffef9d6;border:1px solid #ffffffbf;border-radius:1.5rem;padding:1.1rem;box-shadow:0 14px 36px #2b4f3417}.dashboard-header-actions{gap:.6rem;display:flex}.zone-picker{border:1px solid var(--line);background:var(--paper);min-width:0;min-height:3.2rem;color:var(--forest);border-radius:1rem;align-items:center;gap:.5rem;padding:0 .8rem;display:flex}.zone-picker select{appearance:none;min-width:0;max-width:15rem;color:var(--ink);background:0 0;border:0;outline:0;flex:1;font-size:.87rem;font-weight:800}.refresh-button{border:1px solid var(--line);background:var(--paper);min-width:3.2rem;color:var(--forest);border-radius:1rem;justify-content:center;align-items:center;gap:.45rem;font-size:.86rem;font-weight:800;display:flex}.refresh-button span{display:none}.refresh-button:disabled{opacity:.55}.dashboard-error{align-items:center;gap:.55rem;margin-bottom:1rem;display:flex}.farm-overview{background:linear-gradient(115deg,#e6f4dcf5,#fff9ddf5);border:1px solid #d2e6ca;border-radius:1.4rem;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.85rem;padding:1.05rem 1.15rem;display:flex;box-shadow:0 10px 30px #3e5b4012}.farm-overview--warning{background:linear-gradient(115deg,#fff1d5,#fffaf0);border-color:#efd5a2}.farm-score{align-items:center;gap:.85rem;min-width:0;display:flex}.farm-score>span{width:3.3rem;height:3.3rem;color:var(--forest);background:#fffc;border-radius:1rem;flex:none;place-items:center;display:grid;box-shadow:0 7px 20px #31503617}.farm-overview--warning .farm-score>span{color:#b9752f}.farm-score div{flex-direction:column;min-width:0;display:flex}.farm-score small{color:#6b8b70;letter-spacing:.11em;font-size:.81rem;font-weight:900}.farm-score strong{color:var(--forest-dark);margin:.12rem 0;font-size:.96rem}.farm-score p{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.84rem;overflow:hidden}.farm-overview-meta{color:#7b897f;align-items:center;gap:.5rem;font-size:.83rem;display:none}.farm-overview-meta span{flex-direction:column;display:flex}.farm-overview-meta strong{color:#4a5e50;margin-top:.1rem;font-size:.84rem}.overview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin-bottom:.9rem;display:grid}.overview-card{background:#fffef9f0;border:1px solid #24543b1a;border-radius:1.25rem;align-items:flex-start;gap:.75rem;min-height:7.7rem;padding:1rem;display:flex;position:relative;overflow:hidden;box-shadow:0 9px 27px #334e390f}.overview-card:after{content:"";background:var(--wash);opacity:.62;border-radius:50%;width:7rem;height:7rem;position:absolute;bottom:-3rem;right:-2.5rem}.overview-card--green{--accent:#4f9560;--wash:#dff0d8}.overview-card--blue{--accent:#3a8995;--wash:#d9eff1}.overview-card--orange{--accent:#c4813c;--wash:#fae8cc}.overview-card--purple{--accent:#876c9c;--wash:#ece2f3}.overview-card--teal{--accent:#2e8f82;--wash:#d7f0ec}.overview-card--brown{--accent:#8a5a3c;--wash:#ecdfd2}.overview-card--sky{--accent:#3574b8;--wash:#dbe9fb}.overview-card--lime{--accent:#6a9134;--wash:#e6f0d4}.overview-card--amber{--accent:#c98f1e;--wash:#faedcc}.overview-card--rose{--accent:#b8506b;--wash:#f6dde3}.nutrient-panel{margin-bottom:.9rem;padding:1.05rem}.nutrient-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin-top:.9rem;display:grid}.overview-icon{z-index:1;width:2.6rem;height:2.6rem;color:var(--accent);background:var(--wash);border-radius:.85rem;flex:none;place-items:center;display:grid;position:relative}.overview-card>div{z-index:1;min-width:0;position:relative}.overview-card p{color:var(--muted);margin:0;font-size:.84rem;font-weight:750}.overview-card strong{color:var(--forest-dark);letter-spacing:-.03em;margin:.18rem 0;font-family:Outfit,Noto Sans Thai,sans-serif;font-size:1.75rem;line-height:1.15;display:block}.overview-card strong small{color:#819087;letter-spacing:0;margin-left:.25rem;font-family:Noto Sans Thai,sans-serif;font-size:.82rem}.overview-card div>span{color:var(--accent);font-size:.82rem;font-weight:800;display:block}.dashboard-main-grid,.dashboard-lower-grid{gap:.9rem;margin-top:.9rem;display:grid}.chart-panel,.ai-panel,.devices-panel,.pump-panel{min-width:0;padding:1.05rem}.panel-heading h2{color:var(--forest-dark);margin:.15rem 0 0;font-size:1.02rem}.panel-heading p{color:var(--muted);margin:.18rem 0 0;font-size:.83rem}.chart-heading,.devices-heading{justify-content:space-between;align-items:flex-start;gap:.8rem;display:flex}.range-tabs{background:#f0f3ec;border-radius:.72rem;padding:.22rem;display:flex}.range-tabs button{color:#78867c;background:0 0;border:0;border-radius:.55rem;min-height:2rem;padding:0 .65rem;font-size:.83rem;font-weight:800}.range-tabs button.is-active{color:var(--forest);background:#fff;box-shadow:0 3px 10px #2b453117}.chart-wrap{height:17rem;margin:1rem -.25rem 0}.chart-summary{color:#7c8a80;border-top:1px solid #edf0e9;flex-wrap:wrap;gap:.45rem 1rem;padding-top:.75rem;font-size:.83rem;display:flex}.chart-summary span{align-items:center;gap:.3rem;display:flex}.chart-summary strong{color:#42584a}.chart-tooltip{background:#fffef9f7;border:1px solid #dfe8db;border-radius:.8rem;min-width:10rem;padding:.7rem;box-shadow:0 9px 25px #263f2c21}.chart-tooltip>strong{color:var(--forest-dark);margin-bottom:.45rem;font-size:.84rem;display:block}.chart-tooltip>span{color:#708077;grid-template-columns:.4rem 1fr auto;align-items:center;gap:.35rem;margin:.25rem 0;font-size:.83rem;display:grid}.chart-tooltip i{border-radius:50%;width:.4rem;height:.4rem}.chart-tooltip b{color:var(--ink)}.ai-panel{background:linear-gradient(160deg,#f9f7fff5,#fffef9f5);border-color:#dfd7e8;flex-direction:column;display:flex}.ai-heading{align-items:center;gap:.75rem;display:flex}.ai-icon{color:#785c91;background:#eee5f5;border-radius:.9rem;flex:none;place-items:center;width:2.8rem;height:2.8rem;display:grid}.ai-heading .section-kicker{color:#876c9c}.insight-list{gap:.55rem;margin-top:.9rem;display:grid}.insight-card{background:#f3f6f0;border:1px solid #0000;border-radius:.9rem;gap:.65rem;padding:.75rem;display:flex}.insight-card>span{color:#66856d;background:#fff;border-radius:.7rem;flex:none;place-items:center;width:2.15rem;height:2.15rem;display:grid}.insight-card>div{min-width:0}.insight-card strong{color:var(--ink);font-size:.85rem;display:block}.insight-card p{color:var(--muted);margin:.16rem 0;font-size:.82rem;line-height:1.45}.insight-card small{color:#62776a;align-items:flex-start;gap:.3rem;font-size:.81rem;font-weight:750;line-height:1.4;display:flex}.insight-card small svg{flex:none;margin-top:.05rem}.insight-card--critical{background:#fff0ec;border-color:#f0c7bd}.insight-card--critical>span{color:#bd5444}.insight-card--warning{background:#fff7e7;border-color:#efd8ac}.insight-card--warning>span{color:#b5782d}.insight-card--info{background:#edf7f8;border-color:#cfe3e5}.insight-card--info>span{color:#3e8993}.ai-all-good{text-align:center;color:#599361;justify-items:center;padding:2.2rem 1rem;display:grid}.ai-all-good strong{color:var(--forest-dark);margin-top:.65rem;font-size:.88rem}.ai-all-good p{color:var(--muted);margin:.25rem 0 0;font-size:.83rem}.ai-footnote{color:#90889a;align-items:flex-start;gap:.35rem;margin-top:auto;padding-top:.8rem;font-size:.8rem;line-height:1.45;display:flex}.devices-heading{align-items:center}.device-count{color:#4f8657;white-space:nowrap;background:#edf7e7;border-radius:999px;padding:.4rem .65rem;font-size:.82rem;font-weight:850}.device-table-wrap{margin-top:.8rem;overflow-x:auto}.device-table{border-collapse:collapse;width:100%;min-width:42rem}.device-table th{color:#89948d;text-align:left;border-bottom:1px solid #e6ebe3;padding:.55rem .65rem;font-size:.81rem;font-weight:850}.device-table td{color:#415548;border-bottom:1px solid #eff2ed;padding:.72rem .65rem;font-size:.84rem;font-weight:750}.device-table tbody tr:last-child td{border-bottom:0}.device-name{align-items:center;gap:.55rem;display:flex}.device-name>span{width:2rem;height:2rem;color:var(--forest);background:#e8f3e1;border-radius:.65rem;place-items:center;font-size:.83rem;font-weight:900;display:grid}.device-name div{flex-direction:column;display:flex}.device-name strong{font-size:.85rem}.device-name small{color:#89958d;font-family:Outfit,monospace;font-size:.81rem}.device-status{color:#9b6b62;align-items:center;gap:.35rem;display:inline-flex}.device-status i{background:#cc7767;border-radius:50%;width:.42rem;height:.42rem}.device-status.is-online{color:#4f8657}.device-status.is-online i{background:#57a75d;box-shadow:0 0 0 4px #57a75d1c}.device-updated{color:#849087!important;font-weight:650!important}.pump-panel{background:linear-gradient(155deg,#e9f6f7,#fffef9);border-color:#cee3e5;position:relative;overflow:hidden}.pump-panel.is-on{background:linear-gradient(155deg,#dff3f5,#f3fbf5)}.pump-heading{align-items:center;gap:.75rem;display:flex}.pump-heading>span{color:#3d8b95;background:#d9eff1;border-radius:.9rem;place-items:center;width:2.7rem;height:2.7rem;display:grid}.pump-heading h2{color:var(--forest-dark);margin:0;font-size:1rem}.pump-heading p{color:var(--muted);margin:.15rem 0 0;font-size:.83rem}.pump-status-visual{flex-direction:column;justify-content:center;align-items:center;height:9rem;display:flex}.pump-ring{color:#4c9aa4;background:#fff;border:9px solid #5ea3ad29;border-radius:50%;place-items:center;width:4.3rem;height:4.3rem;display:grid;box-shadow:0 8px 25px #3b80891f}.pump-panel.is-on .pump-ring{animation:1.8s ease-in-out infinite pump-pulse}@keyframes pump-pulse{50%{box-shadow:0 0 0 12px #4e9ca51c}}.pump-status-visual strong{color:#376f76;margin-top:.5rem;font-size:.86rem}.pump-status-visual small{color:#859397;margin-top:.12rem;font-size:.82rem}.pump-button{color:#fff;background:#3e8993;border:0;border-radius:.9rem;justify-content:center;align-items:center;gap:.5rem;width:100%;min-height:3rem;font-size:.86rem;font-weight:900;display:flex;box-shadow:0 10px 20px #3e899333}.pump-button.is-on{color:#b34f42;box-shadow:none;background:#fff0ec;border:1px solid #f3d2c9}.pump-button:disabled{opacity:.5;cursor:not-allowed}.pump-note{color:#89978e;justify-content:center;align-items:center;gap:.3rem;margin-top:.65rem;font-size:.8rem;display:flex}.dashboard-empty{text-align:center;color:#78907c;flex-direction:column;justify-content:center;align-items:center;height:100%;min-height:10rem;padding:1rem;display:flex}.dashboard-empty>span{background:#edf4e9;border-radius:1rem;place-items:center;width:3rem;height:3rem;display:grid}.dashboard-empty strong{color:var(--forest-dark);margin-top:.65rem;font-size:.86rem}.dashboard-empty p{max-width:22rem;color:var(--muted);margin:.2rem 0 0;font-size:.82rem;line-height:1.5}@media (width>=640px){.refresh-button span{display:inline}.overview-grid,.nutrient-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.overview-card{flex-direction:column;min-height:8.4rem}.farm-overview-meta{display:flex}}@media (width>=960px){.overview-grid,.nutrient-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.dashboard-main-grid{grid-template-columns:minmax(0,1.55fr) minmax(18rem,.72fr)}.dashboard-lower-grid{grid-template-columns:minmax(0,1.65fr) minmax(17rem,.55fr)}.chart-panel,.ai-panel,.devices-panel,.pump-panel{padding:1.25rem}.chart-wrap{height:19rem}}@media (width>=1200px){.overview-card{flex-direction:row;align-items:center}.overview-card strong{font-size:1.9rem}.chart-wrap{height:21rem}}@media (width<=420px){.dashboard-header-actions{width:100%}.zone-picker{flex:1}.overview-card{gap:.55rem;padding:.85rem}.overview-icon{width:2.35rem;height:2.35rem}.overview-card strong{font-size:1.5rem}.farm-score p{max-width:13rem}}.watering-plan{background:linear-gradient(155deg,#eef8e4,#fbfdf9e6);border:1.5px solid #cfe2ca;border-radius:1.2rem;margin-top:.9rem;padding:.9rem}.watering-plan.is-idle{background:linear-gradient(155deg,#eef4f6,#fbfdfee6);border-color:#d3e0e7}.watering-plan-hero{align-items:center;gap:.6rem;display:flex}.watering-plan-icon{background:var(--forest);color:#fff;border-radius:.9rem;flex-shrink:0;place-items:center;width:2.6rem;height:2.6rem;display:grid;box-shadow:0 5px 14px #24543b33}.watering-plan.is-idle .watering-plan-icon{background:#5a94a0;box-shadow:0 5px 14px #5a94a033}.watering-plan-main{flex-direction:column;flex:1;min-width:0;display:flex}.watering-plan-main small{color:#7c8b80;white-space:nowrap;text-overflow:ellipsis;font-size:.74rem;overflow:hidden}.watering-plan-main strong{color:var(--forest-dark);letter-spacing:-.02em;font-size:1.45rem;line-height:1.1}.watering-plan-chips{flex-wrap:wrap;gap:.4rem;margin-top:.7rem;display:flex}.watering-plan-chips span{color:#5c6b60;background:#ffffffd9;border-radius:.65rem;align-items:center;gap:.28rem;padding:.35rem .55rem;font-size:.78rem;display:inline-flex}.watering-plan-chips svg{color:var(--leaf)}.watering-plan-chips b{color:var(--forest-dark);font-weight:800}.watering-plan-idle{color:#5a6b76;margin:.6rem 0 0;font-size:.82rem;line-height:1.55}.watering-plan-link{color:var(--forest);margin-top:.75rem;font-size:.78rem;font-weight:800;text-decoration:none;display:inline-block}.watering-plan-link:hover{text-decoration:underline}.live-sensor-map{background:url(/capyf-sensor-map-bg.svg) 50%/cover no-repeat;border-radius:1.4rem;flex-direction:column;justify-content:space-between;height:380px;margin-bottom:.9rem;padding:1.2rem;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #3e5b4012}.live-sensor-map:before{content:"";pointer-events:none;background:linear-gradient(#ffffff1f 0%,#ffffff0a 45%,#ffffff52 100%);position:absolute;inset:0}.map-header{z-index:1;justify-content:space-between;align-items:center;margin-bottom:.8rem;display:flex;position:relative}.map-header h2{color:#2b4531;margin:0;font-size:1.1rem;font-weight:900}.map-header .live-indicator{color:#4a5e50;align-items:center;gap:.4rem;font-size:.75rem;font-weight:800;display:flex}.map-header .live-indicator:before{content:"";background:#4caf50;border-radius:50%;width:6px;height:6px;display:block;box-shadow:0 0 0 2px #4caf504d}.sensor-air-container{z-index:1;justify-content:space-between;align-items:flex-start;padding:0 1rem;display:flex;position:relative}.sensor-soil-container{z-index:1;scrollbar-width:none;gap:.6rem;padding-bottom:.2rem;display:flex;position:relative;overflow-x:auto}.sensor-soil-container::-webkit-scrollbar{display:none}.map-metric-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fffc;border-radius:1rem;flex-direction:column;justify-content:center;align-items:center;min-width:105px;padding:.8rem .5rem;display:flex;box-shadow:0 4px 15px #0000000d}.map-metric-card.air-card{flex-direction:row;gap:.7rem;min-width:auto;padding:.5rem 1rem}.map-metric-icon{border-radius:50%;justify-content:center;align-items:center;width:2rem;height:2rem;margin-bottom:.4rem;display:flex}.air-card .map-metric-icon{margin-bottom:0}.map-metric-card p{color:#6b8b70;text-align:center;margin:0;font-size:.7rem;font-weight:800}.map-metric-card strong{color:#2b4531;align-items:baseline;gap:.15rem;margin:.1rem 0;font-family:Outfit,sans-serif;font-size:1.25rem;display:flex}.map-metric-card strong small{color:#819087;font-family:Noto Sans Thai,sans-serif;font-size:.7rem}.map-metric-card span{color:#819087;margin-top:.15rem;font-size:.6rem}.device-layout{gap:1rem;display:grid}.device-form{padding:1.2rem}.form-step{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.form-step>span{background:var(--forest);color:#fff;border-radius:.8rem;flex:none;place-items:center;width:2.3rem;height:2.3rem;font-weight:900;display:grid}.form-step h2{color:var(--forest-dark);margin:0;font-size:1rem}.form-step p{color:var(--muted);margin:.15rem 0 0;font-size:.85rem}.zone-form-row,.new-zone-row{flex-wrap:wrap;gap:.55rem;display:flex}.select-wrap{flex:1;align-items:center;min-width:12rem;display:flex;position:relative}.select-wrap>svg:first-child{z-index:1;color:var(--forest);position:absolute;left:.9rem}.select-wrap>svg:last-child{color:var(--forest);position:absolute;right:.9rem}.compact-button{flex:1}.icon-button{width:3.2rem;padding:0}.icon-button:disabled{opacity:.4}.new-zone-row{margin-top:.65rem}.new-zone-row .field-input{flex:1;min-width:12rem}.form-divider{background:var(--line);height:1px;margin:1.5rem 0}.mac-input{display:block;position:relative}.mac-input svg{z-index:1;color:#7b8e81;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.mac-input input{letter-spacing:.08em;text-transform:uppercase;padding-left:3rem;font-family:Outfit,monospace}.device-tip{color:#43808a;background:#eaf5f6;border-radius:1rem;gap:.65rem;margin:1rem 0;padding:.8rem;font-size:.85rem;display:flex}.device-tip span{color:var(--muted)}.device-tip strong{color:#3c747c}.submit-device{width:100%;margin-top:1rem}.device-side{gap:1rem;display:grid}.device-help-card{background:linear-gradient(145deg,#fff0be,#fff9e7);border:1px solid #ecd99d;border-radius:1.5rem;padding:1.25rem;box-shadow:0 12px 30px #6a562c14}.device-help-card>span{font-size:2rem}.device-help-card h2{color:var(--forest-dark);margin:.55rem 0 .35rem;font-size:1rem}.device-help-card p{color:#716d56;margin:0;font-size:.86rem;line-height:1.7}.device-list{padding:1.1rem}.device-list-title{justify-content:space-between;align-items:center;display:flex}.device-list-title h2{margin:0;font-size:1rem}.device-list-title span{background:var(--leaf-soft);color:var(--forest);border-radius:999px;padding:.3rem .55rem;font-size:.83rem;font-weight:800}.empty-device{color:#9aa69e;justify-content:center;align-items:center;gap:.8rem;min-height:8rem;display:flex}.empty-device p{font-size:.86rem;font-weight:800}.empty-device small{font-weight:500}.device-row{border-bottom:1px solid #edf1ea;grid-template-columns:auto 1fr auto;align-items:center;gap:.65rem;padding:.75rem 0;display:grid}.device-row:last-child{border:0}.device-row>span{width:2.3rem;height:2.3rem;color:var(--forest);background:#edf7e8;border-radius:.75rem;place-items:center;display:grid}.device-row div{flex-direction:column;min-width:0;display:flex}.device-row strong{font-size:.86rem}.device-row small{color:var(--muted);font-family:Outfit,monospace;font-size:.83rem}.device-row i{background:#56a85f;border-radius:50%;width:.5rem;height:.5rem;box-shadow:0 0 0 4px #56a85f21}@media (width>=850px){.device-layout{grid-template-columns:minmax(0,1.5fr) minmax(16rem,.65fr);align-items:start}.device-form{padding:1.6rem}.compact-button{flex:none}}.config-success{align-items:center;gap:.55rem;margin-bottom:1rem;display:flex}.config-layout,.config-main{gap:1rem;display:grid}.config-card{padding:1.15rem}.config-card-heading{border-bottom:1px solid var(--line);align-items:center;gap:.75rem;padding-bottom:1rem;display:flex}.config-icon{border-radius:.9rem;place-items:center;width:2.75rem;height:2.75rem;display:grid}.config-icon--yellow{color:#a67727;background:#fff0bd}.config-icon--blue{color:#40828b;background:#dff1f3}.config-card-heading h2{color:var(--forest-dark);margin:0;font-size:1.05rem}.config-card-heading p{color:var(--muted);margin:.18rem 0 0;font-size:.85rem}.range-grid{gap:.7rem;margin-top:1rem;display:grid}.range-setting{background:#fbfcf7;border:1px solid #e7ede3;border-radius:1rem;padding:.9rem}.range-label{grid-template-columns:auto 1fr auto;align-items:center;gap:.6rem;display:grid}.range-label>span{width:2.2rem;height:2.2rem;color:var(--forest);background:#eef5e9;border-radius:.7rem;place-items:center;display:grid}.range-label div{flex-direction:column;display:flex}.range-label strong{font-size:.86rem}.range-label small{color:var(--muted);font-size:.82rem}.range-label b{color:var(--forest);font-size:.89rem}.range-setting input,.automation-range input{width:100%;height:.35rem;accent-color:var(--leaf);margin-top:.85rem}.ph-setting{background:#f3edf7;border-radius:1rem;flex-wrap:wrap;align-items:flex-end;gap:.65rem;margin-top:.8rem;padding:.9rem;display:flex}.ph-setting>div{flex-direction:column;flex:1;min-width:11rem;display:flex}.ph-setting strong{font-size:.86rem}.ph-setting small{color:var(--muted);font-size:.82rem}.ph-setting label{color:var(--muted);font-size:.82rem;font-weight:800}.ph-setting input{width:5rem;color:var(--ink);background:#fff;border:1px solid #dcd1e4;border-radius:.65rem;margin-top:.3rem;padding:.55rem;font-weight:800;display:block}.ph-setting>span{color:#9279a2;padding-bottom:.6rem;font-size:.84rem}.logic-picker{background:#f3f6f1;border-radius:1rem;flex-direction:column;gap:.75rem;margin:1rem 0;padding:.9rem;display:flex}.logic-picker>div{flex-direction:column;display:flex}.logic-picker strong{font-size:.86rem}.logic-picker small{color:var(--muted);font-size:.82rem}.logic-picker>span{background:#e5ebe2;border-radius:.75rem;grid-template-columns:1fr 1fr;padding:.25rem;display:grid}.logic-picker button{color:#7c8980;background:0 0;border:0;border-radius:.6rem;padding:.55rem;font-size:.83rem;font-weight:800}.logic-picker button.is-active{color:var(--forest);background:#fff;box-shadow:0 3px 10px #364f3a1a}.automation-rule{opacity:.65;border:1px solid #e4e9e1;border-radius:1rem;margin-top:.7rem;padding:.9rem}.automation-rule.is-enabled{opacity:1;background:#fbfdf9;border-color:#cfe2ca}.automation-heading{grid-template-columns:auto 1fr auto;align-items:center;gap:.65rem;display:grid}.automation-heading>span{width:2.2rem;height:2.2rem;color:var(--forest);background:#e7f2dd;border-radius:.7rem;place-items:center;display:grid}.automation-heading div{flex-direction:column;display:flex}.automation-heading strong{font-size:.87rem}.automation-heading small{color:var(--muted);font-size:.82rem}.automation-heading button{color:var(--leaf);background:0 0;border:0;padding:0}.automation-rule:not(.is-enabled) .automation-heading button{color:#aeb8b0}.automation-range{grid-template-columns:1fr auto;align-items:center;gap:.75rem;display:grid}.automation-range b{background:var(--leaf-soft);color:var(--forest);border-radius:.6rem;padding:.35rem .55rem;font-size:.85rem}.config-side{align-content:start;gap:1rem;display:grid}.config-note{background:linear-gradient(145deg,#fff0bd,#fff9e8);border:1px solid #ead99f;border-radius:1.5rem;padding:1.2rem}.config-note>span{font-size:1.8rem}.config-note h2{color:var(--forest-dark);margin:.45rem 0 .25rem;font-size:1rem}.config-note p{color:#746d52;margin:0;font-size:.85rem;line-height:1.7}.save-config{width:100%;position:sticky;bottom:6.5rem}.soil-snapshot{background:linear-gradient(145deg,#eef6e7,#f7fbf3);border:1px solid #d7e5cf;border-radius:1.5rem;padding:1.2rem}.soil-snapshot h2{color:var(--forest-dark);align-items:center;gap:.4rem;margin:.2rem 0 .7rem;font-size:1rem;display:flex}.soil-snapshot-grid{grid-template-columns:1fr 1fr;gap:.6rem;display:grid}.soil-snapshot-item{background:#ffffffb3;border-radius:1rem;align-items:center;gap:.5rem;padding:.6rem;display:flex}.soil-snapshot-item svg{color:var(--forest);flex-shrink:0}.soil-snapshot-item div{flex-direction:column;min-width:0;display:flex}.soil-snapshot-item small{color:var(--muted);font-size:.72rem}.soil-snapshot-item strong{color:var(--forest-dark);font-size:.92rem}.soil-snapshot-empty{color:var(--muted);margin:0;font-size:.83rem;line-height:1.6}.config-icon--green{color:#4f9560;background:#e2f2da}.config-step-label{color:var(--forest);margin:1.15rem 0 .55rem;font-size:.8rem;font-weight:800;display:block}.plant-picker{grid-template-columns:1fr 1fr;gap:.6rem;display:grid}.plant-option{cursor:pointer;background:#fbfcf7;border:1.5px solid #e4e9e1;border-radius:1.15rem;flex-direction:column;justify-content:center;align-items:center;gap:.2rem;min-height:6.4rem;padding:1.05rem .6rem;transition:border-color .15s,background .15s,box-shadow .15s;display:flex;position:relative}.plant-option.is-active{border-color:var(--leaf);background:#f2f9ec;box-shadow:0 4px 14px #4f956029}.plant-check{color:var(--leaf);line-height:0;position:absolute;top:.5rem;right:.5rem}.plant-emoji{font-size:2rem;line-height:1}.plant-option strong{color:var(--forest-dark);font-size:1rem}.plant-option small{color:var(--muted);text-align:center;font-size:.76rem}.stepper-grid{gap:.7rem;display:grid}.stepper-field{background:#fbfcf7;border:1px solid #e7ede3;border-radius:1.15rem;flex-direction:column;gap:.5rem;padding:.9rem;display:flex}.stepper-label{color:var(--forest-dark);align-items:center;gap:.4rem;font-size:.88rem;font-weight:800;display:flex}.stepper-label svg{color:var(--leaf)}.stepper-control{grid-template-columns:3rem 1fr 3rem;align-items:center;gap:.5rem;display:grid}.stepper-btn{height:3rem;color:var(--forest);background:#fff;border:1.5px solid #cfe0c6;border-radius:.85rem;place-items:center;font-size:1.5rem;font-weight:700;line-height:1;transition:background .12s;display:grid}.stepper-btn:active{background:#eef7e7}.stepper-btn:disabled{opacity:.4;cursor:not-allowed}.stepper-value{background:#fff;border:1.5px solid #dbe5d7;border-radius:.85rem;justify-content:center;align-items:baseline;gap:.3rem;height:3rem;padding:0 .4rem;display:flex}.stepper-value input{text-align:center;width:100%;min-width:0;color:var(--forest-dark);-moz-appearance:textfield;background:0 0;border:0;outline:none;font-size:1.35rem;font-weight:900}.stepper-value input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.stepper-value input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.stepper-value b{color:var(--muted);white-space:nowrap;font-size:.8rem;font-weight:800}.stepper-help{color:var(--muted);font-size:.76rem}.watering-result{background:linear-gradient(155deg,#eef8e4,#fbfdf9);border:1.5px solid #cfe2ca;border-radius:1.35rem;margin-top:1.15rem;padding:1rem}.watering-result.is-idle{background:linear-gradient(155deg,#eef4f6,#fbfdfe);border-color:#d3e0e7}.watering-hero{align-items:center;gap:.75rem;display:flex}.watering-hero-icon{background:var(--forest);color:#fff;border-radius:1rem;flex-shrink:0;place-items:center;width:3rem;height:3rem;display:grid;box-shadow:0 6px 16px #24543b38}.watering-result.is-idle .watering-hero-icon{background:#5a94a0;box-shadow:0 6px 16px #5a94a038}.watering-hero-main{flex-direction:column;flex:1;min-width:0;display:flex}.watering-hero-main small{color:var(--muted);font-size:.78rem}.watering-hero-main strong{color:var(--forest-dark);letter-spacing:-.02em;font-size:1.65rem;line-height:1.1}.watering-badge{color:var(--forest);white-space:nowrap;background:#dff0d3;border-radius:999px;flex-shrink:0;align-self:flex-start;padding:.3rem .55rem;font-size:.73rem;font-weight:800}.watering-chips{flex-wrap:wrap;gap:.45rem;margin-top:.85rem;display:flex}.watering-chips span{color:#5c6b60;background:#ffffffd9;border-radius:.7rem;align-items:center;gap:.3rem;padding:.4rem .6rem;font-size:.8rem;display:inline-flex}.watering-chips svg{color:var(--leaf)}.watering-chips b{color:var(--forest-dark);font-weight:800}.watering-idle-text{color:#5a6b76;margin:.75rem 0 0;font-size:.84rem;line-height:1.6}.watering-source{color:var(--muted);margin-top:.8rem;font-size:.75rem;line-height:1.5;display:block}.plant-advice{color:#4c6b52;background:#f2f9ec;border-radius:.9rem;align-items:flex-start;gap:.45rem;margin:.9rem 0 0;padding:.75rem .85rem;font-size:.82rem;line-height:1.6;display:flex}.plant-advice svg{color:var(--leaf);flex-shrink:0;margin-top:.15rem}@media (width>=780px){.config-layout{grid-template-columns:minmax(0,1.6fr) minmax(15rem,.55fr);align-items:start}.config-card{padding:1.5rem}.range-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.logic-picker{flex-direction:row;justify-content:space-between;align-items:center}.logic-picker>span{width:17rem}.save-config{bottom:1rem}.stepper-grid{grid-template-columns:1fr 1fr}}.line-layout{gap:1rem;display:grid}.line-main{padding:1.3rem}.line-status{border:1px solid var(--line);background:#f4f7f2;border-radius:1.2rem;align-items:center;gap:.85rem;padding:1rem;display:flex}.line-status>span{width:3rem;height:3rem;color:var(--muted);background:#e9eee6;border-radius:1rem;flex:none;place-items:center;display:grid}.line-status div{flex-direction:column;min-width:0;display:flex}.line-status strong{color:var(--forest-dark);font-size:1.02rem}.line-status small{color:var(--muted);font-size:.86rem}.line-status.is-linked{background:#edf7e7;border-color:#d5eaca}.line-status.is-linked>span{color:#fff;background:#06c755;box-shadow:0 8px 18px #06c75547}.line-status.is-linked strong{color:var(--forest)}.line-steps{gap:1.1rem;margin:1.2rem 0 0;padding:0;list-style:none;display:grid}.line-steps li{gap:.8rem;display:flex}.line-steps>li>span{background:var(--forest);color:#fff;border-radius:.75rem;flex:none;place-items:center;width:2.1rem;height:2.1rem;font-size:.9rem;font-weight:900;display:grid}.line-steps li div{flex-direction:column;align-items:flex-start;gap:.55rem;min-width:0;display:flex}.line-steps strong{color:var(--forest-dark);font-size:.96rem}.line-steps p{color:var(--muted);margin:0;font-size:.87rem;line-height:1.65}.line-add-friend{padding:.55rem .9rem;font-size:.88rem;text-decoration:none}.line-code-box{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.line-code-box code{background:var(--leaf-soft);color:var(--forest-dark);letter-spacing:.22em;border:1px dashed #b9d6ab;border-radius:.9rem;padding:.6rem 1rem;font-family:Outfit,monospace;font-size:1.5rem;font-weight:900}.line-code-box .compact-button{padding:.5rem .8rem;font-size:.85rem}.line-code-box small{color:var(--muted);flex-basis:100%;font-size:.83rem}.line-alert-toggle{border:1px solid var(--line);border-radius:1.2rem;align-items:center;gap:.8rem;margin-top:1.1rem;padding:.95rem;display:flex}.line-alert-toggle>span{color:#9aa69e;background:#f0f2ee;border-radius:.85rem;flex:none;place-items:center;width:2.6rem;height:2.6rem;display:grid}.line-alert-toggle>span.is-on{color:#b8862a;background:#fff4d6}.line-alert-toggle div{flex-direction:column;flex:1;min-width:0;display:flex}.line-alert-toggle strong{color:var(--forest-dark);font-size:.94rem}.line-alert-toggle small{color:var(--muted);font-size:.83rem;line-height:1.5}.toggle-pill{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:#f4f6f2;border-radius:999px;flex:none;padding:.45rem .85rem;font-size:.84rem;font-weight:800}.toggle-pill.is-on{color:#fff;background:#06c755;border-color:#06c755}.toggle-pill:disabled{opacity:.55;cursor:default}.line-unlink{width:100%;margin-top:1.1rem}.line-side{align-content:start;gap:1rem;display:grid}.line-help-card{background:linear-gradient(145deg,#fff0be,#fff9e7);border:1px solid #ecd99d;border-radius:1.5rem;padding:1.25rem;box-shadow:0 12px 30px #6a562c14}.line-help-card>span{font-size:2rem}.line-help-card h2{color:var(--forest-dark);margin:.55rem 0 .6rem;font-size:1rem}.line-help-card ul{color:#716d56;gap:.4rem;margin:0;padding-left:1.05rem;font-size:.86rem;line-height:1.6;display:grid}.line-help-card b{color:var(--forest-dark)}.line-note{background:#eaf5f6;border:1px solid #cfe6e9;border-radius:1.4rem;padding:1.05rem}.line-note strong{color:#3c747c;margin-bottom:.35rem;font-size:.92rem;display:block}.line-note p{color:#5b8087;margin:0;font-size:.85rem;line-height:1.65}@media (width>=850px){.line-layout{grid-template-columns:minmax(0,1.5fr) minmax(16rem,.65fr);align-items:start}.line-main{padding:1.7rem}}.help-page{scroll-behavior:smooth}.help-header-action{width:100%}.help-hero{color:#fff;background:linear-gradient(130deg,#1f5138 0%,#2f6c4b 55%,#79af68 100%);border:1px solid #24543b1f;border-radius:1.75rem;min-height:22rem;margin-bottom:1rem;display:grid;position:relative;overflow:hidden;box-shadow:0 22px 55px #24543b2e}.help-hero-copy{z-index:2;padding:1.6rem 1.35rem 1.2rem;position:relative}.help-pill{background:#ffffff1f;border:1px solid #ffffff38;border-radius:999px;align-items:center;gap:.4rem;padding:.38rem .7rem;font-size:.78rem;font-weight:800;display:inline-flex}.help-hero-copy h2{letter-spacing:-.04em;margin:1rem 0 .55rem;font-size:clamp(1.8rem,7vw,3rem);line-height:1.18}.help-hero-copy>p{color:#fffc;max-width:32rem;margin:0;font-size:.91rem;line-height:1.7}.help-hero-checks{gap:.42rem;margin-top:1.05rem;display:grid}.help-hero-checks span{align-items:center;gap:.45rem;font-size:.83rem;font-weight:750;display:flex}.help-hero-checks svg{color:#d7ef9a}.help-hero-visual{background:linear-gradient(#b9dfe1 0%,#dbefdd 62%,#8eb86e 63%);min-height:12rem;position:relative;overflow:hidden}.hero-sun{background:#f4cc69;border-radius:50%;width:3rem;height:3rem;position:absolute;top:13%;right:12%;box-shadow:0 0 0 .8rem #f4cc692e}.hero-cloud,.hero-cloud:before,.hero-cloud:after{background:#ffffffbf;border-radius:999px;height:.65rem;position:absolute}.hero-cloud{width:2.8rem;top:18%;left:12%}.hero-cloud:before,.hero-cloud:after{content:"";bottom:0}.hero-cloud:before{width:1rem;height:1rem;left:.5rem}.hero-cloud:after{width:1.35rem;height:1.25rem;right:.45rem}.hero-cloud--two{top:31%;left:48%;transform:scale(.7)}.hero-soil{background:#8b6544;border-top:.55rem solid #619050;height:37%;position:absolute;inset:auto 0 0}.hero-soil:after{content:"";background-color:#0000;background-image:radial-gradient(circle at 20% 20%,#ffffff1a 0 .16rem,#0000 .18rem),radial-gradient(circle at 70% 65%,#331d0e21 0 .13rem,#0000 .16rem);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:2rem 1.7rem;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:1.1rem 0 0}.hero-capy{z-index:2;background:#be895e;border-radius:48% 48% 42% 42%;place-items:center;width:7.2rem;height:6.7rem;display:grid;position:absolute;bottom:24%;left:50%;box-shadow:inset 0 -9px #6840281f,0 10px 24px #41472c33}.hero-capy>span{filter:saturate(.75);font-size:4.3rem}.hero-capy>i{font-size:2.4rem;font-style:normal;position:absolute;top:-.7rem;right:-.35rem;transform:rotate(17deg)}.hero-plant{z-index:2;font-size:2rem;position:absolute;bottom:70%}.hero-plant--one{left:12%}.hero-plant--two{font-size:1.7rem;right:11%}.hero-plant--three{font-size:1.35rem;right:28%}.hero-reading{z-index:3;color:#2d6648;background:#ffffffe6;border:1px solid #ffffffb3;border-radius:.85rem;grid-template-columns:auto auto;align-items:center;gap:0 .35rem;padding:.55rem .7rem;display:grid;position:absolute;bottom:10%;left:5%;box-shadow:0 8px 20px #324d3c2e}.hero-reading svg{grid-row:1/3}.hero-reading strong{font-size:.95rem;line-height:1}.hero-reading small{color:#6d7d72;font-size:.65rem}.quick-guide{gap:.65rem;margin:1rem 0 2.5rem;display:grid}.quick-guide-card{color:var(--ink);background:#fffef9f2;border:1px solid #dde8d9;border-radius:1.15rem;grid-template-rows:auto auto;grid-template-columns:auto 1fr auto;gap:.1rem .7rem;padding:1rem;text-decoration:none;transition:all .18s;display:grid;position:relative;box-shadow:0 8px 20px #314f390f}.quick-guide-card:hover{border-color:#bcd7b2;transform:translateY(-2px);box-shadow:0 13px 26px #314f391a}.quick-guide-icon{background:var(--leaf-soft);width:2.65rem;height:2.65rem;color:var(--forest);border-radius:.85rem;grid-row:1/3;align-self:center;place-items:center;display:grid}.quick-guide-number{color:#b1bdb4;letter-spacing:.08em;font-size:.69rem;font-weight:900;position:absolute;top:1rem;right:2.65rem}.quick-guide-card strong{font-size:.89rem}.quick-guide-card small{color:var(--muted);font-size:.76rem}.quick-guide-arrow{color:#a2aea6;grid-area:1/3/3;align-self:center}.guide-section-heading{margin-bottom:1.15rem}.section-kicker{color:var(--leaf);letter-spacing:.03em;align-items:center;gap:.4rem;font-size:.79rem;font-weight:900;display:flex}.guide-section-heading h2{color:var(--forest-dark);letter-spacing:-.025em;margin:.3rem 0 .2rem;font-size:clamp(1.35rem,4vw,1.85rem)}.guide-section-heading p{color:var(--muted);margin:0;font-size:.88rem}.guide-sections{gap:1rem;display:grid}.guide-step{box-shadow:var(--shadow);background:#fffef9f2;border:1px solid #24543b1a;border-radius:1.5rem;scroll-margin-top:1rem;display:grid;overflow:hidden}.guide-step-visual{background:linear-gradient(145deg,#edf6e8,#f8f4dd);min-width:0;padding:2.5rem .7rem .7rem;position:relative}.guide-step-badge{z-index:2;background:var(--forest);color:#fff;border-radius:999px;padding:.35rem .65rem;font-size:.71rem;font-weight:850;position:absolute;top:.8rem;left:1rem}.guide-step-visual img{filter:drop-shadow(0 12px 18px #37543b24);border-radius:1rem;width:100%;height:auto;display:block}.guide-step-copy{padding:1.25rem}.guide-step-icon{background:var(--leaf-soft);width:2.8rem;height:2.8rem;color:var(--forest);border-radius:.9rem;place-items:center;display:grid}.guide-step-copy h3{color:var(--forest-dark);letter-spacing:-.02em;margin:.75rem 0 .25rem;font-size:1.2rem}.guide-step-copy>p{color:var(--muted);margin:0;font-size:.86rem;line-height:1.65}.guide-step-copy ol{gap:.7rem;margin:1rem 0;padding:0;list-style:none;display:grid}.guide-step-copy li{color:#405448;grid-template-columns:auto 1fr;align-items:start;gap:.55rem;font-size:.84rem;line-height:1.55;display:grid}.guide-step-copy li>span{width:1.35rem;height:1.35rem;color:var(--forest);background:#e5f2dd;border-radius:50%;place-items:center;margin-top:.05rem;display:grid}.guide-note{color:#71643b;background:#fff8de;border:1px solid #eadcaa;border-radius:.9rem;align-items:flex-start;gap:.55rem;margin-top:1rem;padding:.8rem;display:flex}.guide-note>svg{color:#a98525;flex-shrink:0;margin-top:.1rem}.guide-note p{margin:0;font-size:.78rem;line-height:1.55}.guide-note strong{color:#7b651d;display:block}.guide-note--warning{color:#835e51;background:#fff3ee;border-color:#f0d1c6}.guide-note--warning>svg{color:#bb6951}.guide-note--warning strong{color:#9a4f3a}.guide-step-link{width:100%;margin-top:1rem}.status-guide,.help-faq{margin-top:2.8rem}.status-guide-grid{gap:.7rem;display:grid}.status-guide-card{background:#fffef9f0;border:1px solid #e1e9de;border-radius:1.1rem;grid-template-columns:auto 1fr;align-items:start;gap:.75rem;padding:1rem;display:grid}.status-guide-card>span{border-radius:.85rem;place-items:center;width:2.6rem;height:2.6rem;display:grid}.status-guide-card strong{font-size:.9rem}.status-guide-card p{color:var(--muted);margin:.18rem 0 0;font-size:.79rem;line-height:1.5}.status-guide-card--online>span{color:#4e9655;background:#e4f3dd}.status-guide-card--warning>span{color:#af8128;background:#fff0c9}.status-guide-card--offline>span{color:#a46450;background:#f2eae6}.faq-list{gap:.6rem;display:grid}.faq-list details{background:#fffef9f2;border:1px solid #e0e8dc;border-radius:1rem;transition:border-color .18s}.faq-list details[open]{border-color:#c5dabb;box-shadow:0 8px 22px #314f390f}.faq-list summary{cursor:pointer;color:var(--forest-dark);justify-content:space-between;align-items:center;gap:1rem;padding:1rem;font-size:.85rem;font-weight:850;list-style:none;display:flex}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{background:var(--leaf-soft);width:1.6rem;height:1.6rem;color:var(--forest);border-radius:50%;flex-shrink:0;place-items:center;font-size:1.1rem;transition:transform .18s;display:grid}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{color:var(--muted);margin:0;padding:0 1rem 1rem;font-size:.82rem;line-height:1.7}.help-finish{text-align:center;background:linear-gradient(135deg,#dff0d5,#fff4cb);border:1px solid #cfdfbd;border-radius:1.5rem;justify-items:center;gap:.8rem;margin:2.8rem 0 1rem;padding:1.35rem;display:grid}.help-finish-icon{background:var(--forest);color:#fff;border-radius:1.05rem;place-items:center;width:3.4rem;height:3.4rem;display:grid;box-shadow:0 8px 20px #24543b38}.help-finish span{color:var(--leaf);letter-spacing:.08em;font-size:.75rem;font-weight:900}.help-finish h2{color:var(--forest-dark);margin:.2rem 0;font-size:1.25rem}.help-finish p{color:#607063;margin:0;font-size:.82rem;line-height:1.55}.help-finish .primary-button{width:100%}@media (width>=600px){.help-header-action{width:auto}.quick-guide{grid-template-columns:1fr 1fr}.status-guide-grid{grid-template-columns:repeat(3,1fr)}.help-finish{text-align:left;grid-template-columns:auto 1fr auto;place-items:center start}.help-finish .primary-button{width:auto}}@media (width>=900px){.help-hero{grid-template-columns:1.1fr .9fr;min-height:24rem}.help-hero-copy{align-self:center;padding:2.6rem}.help-hero-copy>p{font-size:.98rem}.help-hero-checks{grid-template-columns:auto auto;gap:.55rem 1rem}.help-hero-visual{min-height:100%}.hero-capy{width:8.5rem;height:8rem;bottom:24%;left:45%}.hero-capy>span{font-size:5rem}.quick-guide{grid-template-columns:repeat(4,1fr);margin:1.2rem 0 3.5rem}.quick-guide-card{grid-template-columns:auto 1fr;padding:1rem .85rem}.quick-guide-arrow{display:none}.quick-guide-number{right:.8rem}.guide-sections{gap:1.5rem}.guide-step{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch}.guide-step--reverse .guide-step-visual{grid-column:2}.guide-step--reverse .guide-step-copy{grid-area:1/1}.guide-step-visual{align-items:center;padding:3.3rem 1.4rem 1.4rem;display:flex}.guide-step-copy{padding:1.8rem}.guide-step-link{width:auto}.status-guide-card{padding:1.15rem}.help-finish{padding:1.6rem 1.8rem}}