/*! tailwindcss v4.3.3 | 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-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-space-x-reverse:0;--tw-border-style:solid;--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-outline-style:solid;--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-content:""}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-serif:ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-100:oklch(93.6% .032 17.717);--color-red-200:oklch(88.5% .062 18.334);--color-red-300:oklch(80.8% .114 19.571);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-red-800:oklch(44.4% .177 26.899);--color-red-900:oklch(39.6% .141 25.723);--color-red-950:oklch(25.8% .092 26.042);--color-orange-50:oklch(98% .016 73.684);--color-orange-100:oklch(95.4% .038 75.164);--color-orange-200:oklch(90.1% .076 70.697);--color-orange-300:oklch(83.7% .128 66.29);--color-orange-400:oklch(75% .183 55.934);--color-orange-500:oklch(70.5% .213 47.604);--color-orange-600:oklch(64.6% .222 41.116);--color-orange-700:oklch(55.3% .195 38.402);--color-orange-800:oklch(47% .157 37.304);--color-orange-900:oklch(40.8% .123 38.172);--color-orange-950:oklch(26.6% .079 36.259);--color-amber-50:oklch(98.7% .022 95.277);--color-amber-100:oklch(96.2% .059 95.617);--color-amber-200:oklch(92.4% .12 95.746);--color-amber-300:oklch(87.9% .169 91.605);--color-amber-400:oklch(82.8% .189 84.429);--color-amber-500:oklch(76.9% .188 70.08);--color-amber-600:oklch(66.6% .179 58.318);--color-amber-700:oklch(55.5% .163 48.998);--color-amber-800:oklch(47.3% .137 46.201);--color-amber-900:oklch(41.4% .112 45.904);--color-amber-950:oklch(27.9% .077 45.635);--color-yellow-50:oklch(98.7% .026 102.212);--color-yellow-100:oklch(97.3% .071 103.193);--color-yellow-200:oklch(94.5% .129 101.54);--color-yellow-300:oklch(90.5% .182 98.111);--color-yellow-400:oklch(85.2% .199 91.936);--color-yellow-500:oklch(79.5% .184 86.047);--color-yellow-600:oklch(68.1% .162 75.834);--color-yellow-700:oklch(55.4% .135 66.442);--color-yellow-800:oklch(47.6% .114 61.907);--color-yellow-900:oklch(42.1% .095 57.708);--color-yellow-950:oklch(28.6% .066 53.813);--color-lime-50:oklch(98.6% .031 120.757);--color-lime-100:oklch(96.7% .067 122.328);--color-lime-200:oklch(93.8% .127 124.321);--color-lime-300:oklch(89.7% .196 126.665);--color-lime-400:oklch(84.1% .238 128.85);--color-lime-500:oklch(76.8% .233 130.85);--color-lime-600:oklch(64.8% .2 131.684);--color-lime-700:oklch(53.2% .157 131.589);--color-lime-800:oklch(45.3% .124 130.933);--color-lime-900:oklch(40.5% .101 131.063);--color-lime-950:oklch(27.4% .072 132.109);--color-green-50:oklch(98.2% .018 155.826);--color-green-100:oklch(96.2% .044 156.743);--color-green-200:oklch(92.5% .084 155.995);--color-green-300:oklch(87.1% .15 154.449);--color-green-400:oklch(79.2% .209 151.711);--color-green-500:oklch(72.3% .219 149.579);--color-green-600:oklch(62.7% .194 149.214);--color-green-700:oklch(52.7% .154 150.069);--color-green-800:oklch(44.8% .119 151.328);--color-green-900:oklch(39.3% .095 152.535);--color-green-950:oklch(26.6% .065 152.934);--color-emerald-50:oklch(97.9% .021 166.113);--color-emerald-100:oklch(95% .052 163.051);--color-emerald-200:oklch(90.5% .093 164.15);--color-emerald-300:oklch(84.5% .143 164.978);--color-emerald-400:oklch(76.5% .177 163.223);--color-emerald-500:oklch(69.6% .17 162.48);--color-emerald-600:oklch(59.6% .145 163.225);--color-emerald-700:oklch(50.8% .118 165.612);--color-emerald-800:oklch(43.2% .095 166.913);--color-emerald-900:oklch(37.8% .077 168.94);--color-emerald-950:oklch(26.2% .051 172.552);--color-teal-50:oklch(98.4% .014 180.72);--color-teal-100:oklch(95.3% .051 180.801);--color-teal-200:oklch(91% .096 180.426);--color-teal-300:oklch(85.5% .138 181.071);--color-teal-400:oklch(77.7% .152 181.912);--color-teal-500:oklch(70.4% .14 182.503);--color-teal-600:oklch(60% .118 184.704);--color-teal-700:oklch(51.1% .096 186.391);--color-teal-800:oklch(43.7% .078 188.216);--color-teal-900:oklch(38.6% .063 188.416);--color-teal-950:oklch(27.7% .046 192.524);--color-cyan-50:oklch(98.4% .019 200.873);--color-cyan-100:oklch(95.6% .045 203.388);--color-cyan-200:oklch(91.7% .08 205.041);--color-cyan-300:oklch(86.5% .127 207.078);--color-cyan-400:oklch(78.9% .154 211.53);--color-cyan-500:oklch(71.5% .143 215.221);--color-cyan-600:oklch(60.9% .126 221.723);--color-cyan-700:oklch(52% .105 223.128);--color-cyan-800:oklch(45% .085 224.283);--color-cyan-900:oklch(39.8% .07 227.392);--color-cyan-950:oklch(30.2% .056 229.695);--color-sky-50:oklch(97.7% .013 236.62);--color-sky-100:oklch(95.1% .026 236.824);--color-sky-200:oklch(90.1% .058 230.902);--color-sky-300:oklch(82.8% .111 230.318);--color-sky-400:oklch(74.6% .16 232.661);--color-sky-500:oklch(68.5% .169 237.323);--color-sky-600:oklch(58.8% .158 241.966);--color-sky-700:oklch(50% .134 242.749);--color-sky-800:oklch(44.3% .11 240.79);--color-sky-900:oklch(39.1% .09 240.876);--color-sky-950:oklch(29.3% .066 243.157);--color-blue-50:oklch(97% .014 254.604);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-300:oklch(80.9% .105 251.813);--color-blue-400:oklch(70.7% .165 254.624);--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-blue-950:oklch(28.2% .091 267.935);--color-indigo-50:oklch(96.2% .018 272.314);--color-indigo-100:oklch(93% .034 272.788);--color-indigo-200:oklch(87% .065 274.039);--color-indigo-300:oklch(78.5% .115 274.713);--color-indigo-400:oklch(67.3% .182 276.935);--color-indigo-500:oklch(58.5% .233 277.117);--color-indigo-600:oklch(51.1% .262 276.966);--color-indigo-700:oklch(45.7% .24 277.023);--color-indigo-800:oklch(39.8% .195 277.366);--color-indigo-900:oklch(35.9% .144 278.697);--color-indigo-950:oklch(25.7% .09 281.288);--color-violet-50:oklch(96.9% .016 293.756);--color-violet-100:oklch(94.3% .029 294.588);--color-violet-200:oklch(89.4% .057 293.283);--color-violet-300:oklch(81.1% .111 293.571);--color-violet-400:oklch(70.2% .183 293.541);--color-violet-500:oklch(60.6% .25 292.717);--color-violet-600:oklch(54.1% .281 293.009);--color-violet-700:oklch(49.1% .27 292.581);--color-violet-800:oklch(43.2% .232 292.759);--color-violet-900:oklch(38% .189 293.745);--color-violet-950:oklch(28.3% .141 291.089);--color-purple-50:oklch(97.7% .014 308.299);--color-purple-100:oklch(94.6% .033 307.174);--color-purple-200:oklch(90.2% .063 306.703);--color-purple-300:oklch(82.7% .119 306.383);--color-purple-400:oklch(71.4% .203 305.504);--color-purple-500:oklch(62.7% .265 303.9);--color-purple-600:oklch(55.8% .288 302.321);--color-purple-700:oklch(49.6% .265 301.924);--color-purple-800:oklch(43.8% .218 303.724);--color-purple-900:oklch(38.1% .176 304.987);--color-purple-950:oklch(29.1% .149 302.717);--color-fuchsia-50:oklch(97.7% .017 320.058);--color-fuchsia-100:oklch(95.2% .037 318.852);--color-fuchsia-200:oklch(90.3% .076 319.62);--color-fuchsia-300:oklch(83.3% .145 321.434);--color-fuchsia-400:oklch(74% .238 322.16);--color-fuchsia-500:oklch(66.7% .295 322.15);--color-fuchsia-600:oklch(59.1% .293 322.896);--color-fuchsia-700:oklch(51.8% .253 323.949);--color-fuchsia-800:oklch(45.2% .211 324.591);--color-fuchsia-900:oklch(40.1% .17 325.612);--color-fuchsia-950:oklch(29.3% .136 325.661);--color-pink-50:oklch(97.1% .014 343.198);--color-pink-100:oklch(94.8% .028 342.258);--color-pink-200:oklch(89.9% .061 343.231);--color-pink-300:oklch(82.3% .12 346.018);--color-pink-400:oklch(71.8% .202 349.761);--color-pink-500:oklch(65.6% .241 354.308);--color-pink-600:oklch(59.2% .249 .584);--color-pink-700:oklch(52.5% .223 3.958);--color-pink-800:oklch(45.9% .187 3.815);--color-pink-900:oklch(40.8% .153 2.432);--color-pink-950:oklch(28.4% .109 3.907);--color-rose-50:oklch(96.9% .015 12.422);--color-rose-100:oklch(94.1% .03 12.58);--color-rose-200:oklch(89.2% .058 10.001);--color-rose-300:oklch(81% .117 11.638);--color-rose-400:oklch(71.2% .194 13.428);--color-rose-500:oklch(64.5% .246 16.439);--color-rose-600:oklch(58.6% .253 17.585);--color-rose-700:oklch(51.4% .222 16.935);--color-rose-800:oklch(45.5% .188 13.697);--color-rose-900:oklch(41% .159 10.272);--color-rose-950:oklch(27.1% .105 12.094);--color-slate-50:oklch(98.4% .003 247.858);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-600:oklch(44.6% .043 257.281);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-800:oklch(27.9% .041 260.031);--color-slate-900:oklch(20.8% .042 265.755);--color-slate-950:oklch(12.9% .042 264.695);--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-300:oklch(87.2% .01 258.338);--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-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-gray-950:oklch(13% .028 261.692);--color-zinc-50:oklch(98.5% 0 none);--color-zinc-100:oklch(96.7% .001 286.375);--color-zinc-200:oklch(92% .004 286.32);--color-zinc-300:oklch(87.1% .006 286.286);--color-zinc-400:oklch(70.5% .015 286.067);--color-zinc-500:oklch(55.2% .016 285.938);--color-zinc-600:oklch(44.2% .017 285.786);--color-zinc-700:oklch(37% .013 285.805);--color-zinc-800:oklch(27.4% .006 286.033);--color-zinc-900:oklch(21% .006 285.885);--color-zinc-950:oklch(14.1% .005 285.823);--color-neutral-50:oklch(98.5% 0 none);--color-neutral-100:oklch(97% 0 none);--color-neutral-200:oklch(92.2% 0 none);--color-neutral-300:oklch(87% 0 none);--color-neutral-400:oklch(70.8% 0 none);--color-neutral-500:oklch(55.6% 0 none);--color-neutral-600:oklch(43.9% 0 none);--color-neutral-700:oklch(37.1% 0 none);--color-neutral-800:oklch(26.9% 0 none);--color-neutral-900:oklch(20.5% 0 none);--color-neutral-950:oklch(14.5% 0 none);--color-stone-50:oklch(98.5% .001 106.423);--color-stone-100:oklch(97% .001 106.424);--color-stone-200:oklch(92.3% .003 48.717);--color-stone-300:oklch(86.9% .005 56.366);--color-stone-400:oklch(70.9% .01 56.259);--color-stone-500:oklch(55.3% .013 58.071);--color-stone-600:oklch(44.4% .011 73.639);--color-stone-700:oklch(37.4% .01 67.558);--color-stone-800:oklch(26.8% .007 34.298);--color-stone-900:oklch(21.6% .006 56.043);--color-stone-950:oklch(14.7% .004 49.25);--color-black:#000;--color-white:#fff;--spacing:.25rem;--breakpoint-sm:40rem;--breakpoint-md:48rem;--breakpoint-lg:64rem;--breakpoint-xl:80rem;--breakpoint-2xl:96rem;--container-3xs:16rem;--container-2xs:18rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-5xl:64rem;--container-6xl:72rem;--container-7xl:80rem;--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-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--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-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--text-7xl:4.5rem;--text-7xl--line-height:1;--text-8xl:6rem;--text-8xl--line-height:1;--text-9xl:8rem;--text-9xl--line-height:1;--font-weight-thin:100;--font-weight-extralight:200;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--tracking-tighter:-.05em;--tracking-tight:-.025em;--tracking-normal:0em;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--radius-xs:.125rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-4xl:2rem;--shadow-2xs:0 1px #0000000d;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--inset-shadow-2xs:inset 0 1px #0000000d;--inset-shadow-xs:inset 0 1px 1px #0000000d;--inset-shadow-sm:inset 0 2px 4px #0000000d;--drop-shadow-xs:0 1px 1px #0000000d;--drop-shadow-sm:0 1px 2px #00000026;--drop-shadow-md:0 3px 3px #0000001f;--drop-shadow-lg:0 4px 4px #00000026;--drop-shadow-xl:0 9px 7px #0000001a;--drop-shadow-2xl:0 25px 25px #00000026;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--animate-ping:ping 1s cubic-bezier(0, 0, .2, 1) infinite;--animate-pulse:pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--animate-bounce:bounce 1s infinite;--blur-xs:4px;--blur-sm:8px;--blur-md:12px;--blur-lg:16px;--blur-xl:24px;--blur-2xl:40px;--blur-3xl:64px;--perspective-dramatic:100px;--perspective-near:300px;--perspective-normal:500px;--perspective-midrange:800px;--perspective-distant:1200px;--aspect-video:16 / 9;--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)}}@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}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:0}.top-0{top:0}.right-0{right:0}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.-mt-\[6\.6rem\]{margin-top:-6.6rem}.-mt-px{margin-top:-1px}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mr-2{margin-right:calc(var(--spacing) * 2)}.-mb-px{margin-bottom:-1px}.mb-1{margin-bottom:var(--spacing)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.-ml-8{margin-left:calc(var(--spacing) * -8)}.-ml-px{margin-left:-1px}.ml-1{margin-left:var(--spacing)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-4{margin-left:calc(var(--spacing) * 4)}.ml-12{margin-left:calc(var(--spacing) * 12)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.aspect-\[335\/364\]{aspect-ratio:335/364}.h-1{height:var(--spacing)}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-3{height:calc(var(--spacing) * 3)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-5{height:calc(var(--spacing) * 5)}.h-8{height:calc(var(--spacing) * 8)}.h-14{height:calc(var(--spacing) * 14)}.h-14\.5{height:calc(var(--spacing) * 14.5)}.h-16{height:calc(var(--spacing) * 16)}.min-h-screen{min-height:100vh}.w-1{width:var(--spacing)}.w-1\.5{width:calc(var(--spacing) * 1.5)}.w-2{width:calc(var(--spacing) * 2)}.w-2\.5{width:calc(var(--spacing) * 2.5)}.w-3{width:calc(var(--spacing) * 3)}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-5{width:calc(var(--spacing) * 5)}.w-8{width:calc(var(--spacing) * 8)}.w-\[438px\]{width:438px}.w-auto{width:auto}.w-full{width:100%}.max-w-6xl{max-width:var(--container-6xl)}.max-w-\[335px\]{max-width:335px}.max-w-none{max-width:none}.max-w-xl{max-width:var(--container-xl)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.translate-y-0{--tw-translate-y:0px;translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-items-center{justify-items:center}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}:where(.space-x-1>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(var(--spacing) * var(--tw-space-x-reverse));margin-inline-end:calc(var(--spacing) * calc(1 - var(--tw-space-x-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.rounded-full{border-radius:3.40282e38px}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-t-lg{border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}.rounded-l-md{border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}.rounded-r-md{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.rounded-br-lg{border-bottom-right-radius:var(--radius-lg)}.rounded-bl-lg{border-bottom-left-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-\[\#19140035\]{border-color:#19140035}.border-\[\#e3e3e0\]{border-color:#e3e3e0}.border-black{border-color:var(--color-black)}.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-transparent{border-color:#0000}.bg-\[\#1b1b18\]{background-color:#1b1b18}.bg-\[\#FDFDFC\]{background-color:#fdfdfc}.bg-\[\#dbdbd7\]{background-color:#dbdbd7}.bg-\[\#fff2f2\]{background-color:#fff2f2}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-white{background-color:var(--color-white)}.p-6{padding:calc(var(--spacing) * 6)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.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-4{padding-block:calc(var(--spacing) * 4)}.pt-8{padding-top:calc(var(--spacing) * 8)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.pb-12{padding-bottom:calc(var(--spacing) * 12)}.text-center{text-align:center}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-\[13px\]{font-size:13px}.leading-5{--tw-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5)}.leading-7{--tw-leading:calc(var(--spacing) * 7);line-height:calc(var(--spacing) * 7)}.leading-\[20px\]{--tw-leading:20px;line-height:20px}.leading-normal{--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}.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-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.text-\[\#1B1B18\],.text-\[\#1b1b18\]{color:#1b1b18}.text-\[\#706f6c\]{color:#706f6c}.text-\[\#F3BEC7\]{color:#f3bec7}.text-\[\#F8B803\]{color:#f8b803}.text-\[\#F53003\],.text-\[\#f53003\]{color:#f53003}.text-gray-200{color:var(--color-gray-200)}.text-gray-300{color:var(--color-gray-300)}.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-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-100{opacity:1}.mix-blend-color{mix-blend-mode:color}.mix-blend-darken{mix-blend-mode:darken}.mix-blend-hard-light{mix-blend-mode:hard-light}.mix-blend-multiply{mix-blend-mode:multiply}.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-\[0px_0px_1px_0px_rgba\(0\,0\,0\,0\.03\)\,0px_1px_2px_0px_rgba\(0\,0\,0\,0\.06\)\]{--tw-shadow:0px 0px 1px 0px var(--tw-shadow-color,#00000008), 0px 1px 2px 0px var(--tw-shadow-color,#0000000f);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[inset_0px_0px_0px_1px_rgba\(26\,26\,0\,0\.16\)\]{--tw-shadow:inset 0px 0px 0px 1px var(--tw-shadow-color,#1a1a0029);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)}.ring-gray-300{--tw-ring-color:var(--color-gray-300)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);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,)!important}.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-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.delay-200{transition-delay:.2s}.delay-300{transition-delay:.3s}.delay-400{transition-delay:.4s}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-750{--tw-duration:.75s;transition-duration:.75s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.\[--stroke-color\:\#1B1B18\]{--stroke-color:#1b1b18}.not-has-\[nav\]\:hidden:not(:has(:is(nav))){display:none}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:top-0:before{content:var(--tw-content);top:0}.before\:top-1\/2:before{content:var(--tw-content);top:50%}.before\:bottom-0:before{content:var(--tw-content);bottom:0}.before\:bottom-1\/2:before{content:var(--tw-content);bottom:50%}.before\:left-\[0\.4rem\]:before{content:var(--tw-content);left:.4rem}.before\:border-l:before{content:var(--tw-content);border-left-style:var(--tw-border-style);border-left-width:1px}.before\:border-\[\#e3e3e0\]:before{content:var(--tw-content);border-color:#e3e3e0}@media (hover:hover){.hover\:border-\[\#1915014a\]:hover{border-color:#1915014a}.hover\:border-\[\#19140035\]:hover{border-color:#19140035}.hover\:border-black:hover{border-color:var(--color-black)}.hover\:bg-black:hover{background-color:var(--color-black)}}@media (width>=64rem){.lg\:mt-10{margin-top:calc(var(--spacing) * 10)}.lg\:mb-0{margin-bottom:0}.lg\:mb-6{margin-bottom:calc(var(--spacing) * 6)}.lg\:-ml-px{margin-left:-1px}.lg\:ml-0{margin-left:0}.lg\:block{display:block}.lg\:aspect-auto{aspect-ratio:auto}.lg\:w-\[438px\]{width:438px}.lg\:max-w-4xl{max-width:var(--container-4xl)}.lg\:grow{flex-grow:1}.lg\:flex-row{flex-direction:row}.lg\:justify-center{justify-content:center}.lg\:rounded-t-none{border-top-left-radius:0;border-top-right-radius:0}.lg\:rounded-tl-lg{border-top-left-radius:var(--radius-lg)}.lg\:rounded-r-lg{border-top-right-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}.lg\:rounded-br-none{border-bottom-right-radius:0}.lg\:p-8{padding:calc(var(--spacing) * 8)}.lg\:p-20{padding:calc(var(--spacing) * 20)}.lg\:pb-10{padding-bottom:calc(var(--spacing) * 10)}}@media (prefers-color-scheme:dark){.dark\:border-\[\#3E3E3A\]{border-color:#3e3e3a}.dark\:border-\[\#eeeeec\]{border-color:#eeeeec}.dark\:bg-\[\#0a0a0a\]{background-color:#0a0a0a}.dark\:bg-\[\#1D0002\]{background-color:#1d0002}.dark\:bg-\[\#3E3E3A\]{background-color:#3e3e3a}.dark\:bg-\[\#161615\]{background-color:#161615}.dark\:bg-\[\#eeeeec\]{background-color:#eeeeec}.dark\:text-\[\#1C1C1A\]{color:#1c1c1a}.dark\:text-\[\#4B0600\]{color:#4b0600}.dark\:text-\[\#391800\]{color:#391800}.dark\:text-\[\#733000\]{color:#733000}.dark\:text-\[\#A1A09A\]{color:#a1a09a}.dark\:text-\[\#EDEDEC\]{color:#ededec}.dark\:text-\[\#F61500\]{color:#f61500}.dark\:text-\[\#FF4433\]{color:#f43}.dark\:text-black{color:var(--color-black)}.dark\:mix-blend-hard-light{mix-blend-mode:hard-light}.dark\:mix-blend-normal{mix-blend-mode:normal}.dark\:shadow-\[inset_0px_0px_0px_1px_\#fffaed2d\]{--tw-shadow:inset 0px 0px 0px 1px var(--tw-shadow-color,#fffaed2d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.dark\:\[--stroke-color\:\#FF750F\]{--stroke-color:#ff750f}.dark\:before\:border-\[\#3E3E3A\]:before{content:var(--tw-content);border-color:#3e3e3a}@media (hover:hover){.dark\:hover\:border-\[\#3E3E3A\]:hover{border-color:#3e3e3a}.dark\:hover\:border-\[\#62605b\]:hover{border-color:#62605b}.dark\:hover\:border-white:hover{border-color:var(--color-white)}.dark\:hover\:bg-white:hover{background-color:var(--color-white)}}}@starting-style{.starting\:opacity-0{opacity:0}}@media (prefers-reduced-motion:no-preference){@starting-style{.motion-safe\:starting\:-translate-x-\[26px\]{--tw-translate-x:calc(26px * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.motion-safe\:starting\:-translate-x-\[51px\]{--tw-translate-x:calc(51px * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.motion-safe\:starting\:-translate-x-\[78px\]{--tw-translate-x:calc(78px * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.motion-safe\:starting\:-translate-x-\[102px\]{--tw-translate-x:calc(102px * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.motion-safe\:starting\:translate-y-6{--tw-translate-y:calc(var(--spacing) * 6);translate:var(--tw-translate-x) var(--tw-translate-y)}}}}:root{--green-primary:#0b7a25;--green-dark:#05621b;--green-light:#eaf7ec;--yellow-primary:#f5b400;--orange-primary:#f97316;--red-primary:#e11d1d;--text-primary:#111827;--text-secondary:#6b7280;--border-color:#e5e7eb;--bg-page:#f8faf8;--bg-card:#fff;--shadow-card:0 8px 28px #16371e12}*{box-sizing:border-box}html{background:var(--bg-page)}body{min-width:320px;color:var(--text-primary);background:radial-gradient(circle at 70% 0%, #e8f5e840, transparent 30%), var(--bg-page);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,select{font:inherit}.app-shell{align-items:stretch;min-height:100vh;display:flex}.app-main{flex-direction:column;flex:1;min-width:0;display:flex}.sidebar{border-right:1px solid var(--border-color);background:#fff;flex-direction:column;flex-shrink:0;align-self:flex-start;gap:26px;width:236px;height:100vh;padding:26px 18px 22px;display:flex;position:sticky;top:0}.sidebar-brand{align-items:center;gap:12px;padding:4px 8px 2px;display:flex}.sidebar-logo svg{width:40px;height:40px;display:block}.sidebar-brand-text{flex-direction:column;line-height:1.02;display:flex}.sidebar-brand-text strong{color:var(--green-primary);letter-spacing:.2px;font-size:14px;font-weight:800}.sidebar-nav{flex-direction:column;gap:8px;display:flex}.sidebar-nav a{color:#5b6472;border-radius:12px;align-items:center;gap:13px;padding:12px 15px;font-weight:650;transition:all .16s;display:flex}.sidebar-nav a svg{fill:none;stroke:currentColor;stroke-width:1.9px;width:22px;height:22px}.sidebar-nav a:hover{color:var(--green-primary);background:#f1f6f1}.sidebar-nav a.is-active{background:var(--green-primary);color:#fff;box-shadow:0 8px 18px #2e7d3240}.sidebar-nav a.is-active svg{stroke:#fff}.sidebar-logout{color:#6b7280;border:0;border-top:1px solid var(--border-color);width:100%;font:inherit;text-align:left;cursor:pointer;background:0 0;align-items:center;gap:13px;margin-top:auto;padding:18px 15px 12px;font-weight:650;display:flex}.sidebar-logout svg{fill:none;stroke:currentColor;stroke-width:1.8px;width:22px;height:22px}.sidebar-logout:hover{color:var(--green-primary)}.topbar{border-bottom:1px solid var(--border-color);background:#fffffff5;justify-content:space-between;align-items:center;gap:24px;min-height:94px;padding:18px clamp(24px,3vw,52px);display:flex}.brand{color:var(--green-primary);letter-spacing:-.6px;margin:0;font-size:clamp(22px,1.9vw,32px);font-weight:750}.topbar-actions{align-items:center;gap:28px;display:flex}.date-badge,.account-button{height:52px;color:var(--green-primary);background:#fff;border:1px solid #d9e1da;border-radius:12px;align-items:center;gap:12px;padding:0 18px;font-weight:600;display:inline-flex}.date-badge svg,.account-button svg{fill:none;stroke:currentColor;stroke-width:1.7px;width:24px;height:24px}.date-badge{color:#16ad3d;white-space:nowrap;border-color:#31c956;border-radius:7px;gap:11px;height:42px;padding:0 14px;font-size:14px;font-weight:600;line-height:1}.date-badge svg{stroke-width:1.8px;width:18px;height:18px}.account-button{color:#28364d;cursor:pointer}.account-menu{position:relative}.account-chevron{margin-left:2px;transition:transform .2s;width:17px!important;height:17px!important}.account-button[aria-expanded=true] .account-chevron{transform:rotate(180deg)}.account-button:focus-visible,.account-dropdown button:focus-visible{outline-offset:2px;outline:3px solid #0bb84b40}.account-dropdown[hidden]{display:none}.account-dropdown{z-index:50;background:#fff;border:1px solid #dce5df;border-radius:12px;width:170px;padding:7px;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 16px 40px #1b322429}.account-dropdown button{color:#34445d;cursor:pointer;width:100%;min-height:40px;font:inherit;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:8px 11px;font-weight:600;display:flex}.account-dropdown button:hover{color:#087d31;background:#eef9f1}.account-dropdown svg{stroke:currentColor;width:18px;height:18px}.page-shell{width:min(1980px,100%);margin:0 auto;padding:28px clamp(24px,2.6vw,48px) 44px}.filter-card,.content-card,.summary-card{background:var(--bg-card);box-shadow:var(--shadow-card);border:1px solid #dee6dfd9;border-radius:18px}.filter-card{padding:24px 34px}.filter-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:56px;display:grid}.filter-field{gap:10px;display:grid}.filter-label{font-size:16px;font-weight:700}.select-wrap{display:block;position:relative}.select-control{appearance:none;color:#151515;cursor:pointer;background:#fff;border:1px solid #cbd5d0;border-radius:10px;outline:none;width:100%;height:58px;padding:0 48px 0 18px;font-size:17px}.select-control:focus{border-color:var(--green-primary);box-shadow:0 0 0 3px #0b7a251a}.select-wrap:after{content:"⌄";pointer-events:none;color:#111;font-size:20px;position:absolute;top:50%;right:18px;transform:translateY(-58%)}.summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:16px;display:grid}.summary-card{align-items:center;gap:34px;min-height:142px;padding:24px 34px;display:flex}.summary-icon{width:86px;height:86px;color:var(--green-primary);background:linear-gradient(145deg,#f0faf1,#d9f2dc);border-radius:16px;flex:0 0 86px;place-items:center;display:grid}.summary-icon svg{fill:none;stroke:currentColor;stroke-width:2.2px;width:60px;height:60px}.summary-card p{margin:0 0 6px;font-size:17px;font-weight:700}.summary-card strong{color:var(--green-primary);font-size:clamp(31px,2.3vw,43px);line-height:1.1;display:block}.summary-card small{color:var(--text-secondary);margin-top:6px;display:block}.summary-orange .summary-icon{color:var(--orange-primary);background:linear-gradient(145deg,#fff5ed,#ffe1cf)}.summary-orange strong{color:#ed5500}.dashboard-main-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.02fr);gap:16px;margin-top:16px;display:grid}.content-card{padding:22px}.map-card,.ranking-card{min-width:0}.content-card h2{margin:0 0 16px;font-size:19px}.map-stage{min-height:530px;position:relative;overflow:hidden}.leaflet-map{z-index:1;background:#fff;border-radius:12px;width:100%;height:520px}.leaflet-container.leaflet-map{background:#fff}.leaflet-map .leaflet-control-zoom{border:1px solid #d6ded7;border-radius:9px;overflow:hidden;box-shadow:0 5px 18px #1c41251f}.leaflet-map .leaflet-control-zoom a{color:var(--green-primary);border-bottom-color:#e6ece7}.price-map-tooltip{border:1px solid #d8e0d9;border-radius:10px;padding:0;box-shadow:0 10px 28px #00000026}.price-map-tooltip:before{display:none}.province-tooltip{color:#27322a;gap:7px;min-width:220px;padding:13px 15px;font-size:14px;display:grid}.map-error{height:100%;color:var(--text-secondary);place-items:center;margin:0;display:grid}.indonesia-svg{width:100%;height:430px;overflow:visible}.region{stroke:#fff;stroke-width:2px}.region.sumatera{fill:#ffd43b}.region.jawa-bali{fill:#55b947}.region.kalimantan{fill:#ff961a}.region.sulawesi{fill:#f9760d}.region.maluku-papua{fill:#f33a59}.province-shape{fill:#158a27;stroke:#fff;stroke-width:2px;cursor:pointer;transform-origin:50%;transition:filter .2s,transform .2s}.province-shape:hover,.province-shape:focus{filter:brightness(.82);outline:none;transform:scale(1.04)}.map-marker{fill:var(--green-dark);pointer-events:none}.map-tooltip{background:#fffffff7;border:1px solid #d8e0d9;border-radius:10px;gap:7px;min-width:230px;padding:14px 16px;font-size:14px;display:grid;position:absolute;bottom:102px;left:28%;box-shadow:0 8px 24px #00000021}.map-legend{color:#344054;flex-wrap:wrap;align-items:center;gap:6px 16px;font-size:14px;display:flex;position:absolute;bottom:6px;left:0}.map-legend-panel{z-index:500;pointer-events:none;background:#ffffffeb;border:1px solid #e0e7e1;border-radius:9px;padding:9px 14px;bottom:14px;left:14px;box-shadow:0 6px 18px #00000014}.map-legend span{white-space:nowrap;align-items:center;gap:7px;display:inline-flex}.map-legend i{border-radius:3px;width:16px;height:16px;display:inline-block}.map-legend-title{color:#1f2937;margin-right:2px;font-weight:700}.legend-green{background:#43a047}.legend-yellow{background:#fbc02d}.legend-orange{background:#fb8c00}.legend-deep-orange{background:#f4511e}.legend-red{background:#e53935}.table-scroll{width:100%;overflow-x:auto}.data-table{border-collapse:separate;border-spacing:0;width:100%;font-size:16px}.data-table th{color:#171717;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);text-align:left;white-space:nowrap;background:#f8faf8;padding:15px 13px;font-size:15.5px}.data-table th:first-child{border-left:1px solid var(--border-color);border-radius:10px 0 0}.data-table th:last-child{border-right:1px solid var(--border-color);border-radius:0 10px 0 0}.data-table td{border-bottom:1px solid var(--border-color);white-space:nowrap;padding:15px 13px}.data-table tbody tr:hover{background:#fbfdfb}.ranking-table th:first-child,.ranking-table td:first-child{width:36px;padding-right:2px}.trend-up{color:#f31616}.trend-down{color:#079534}.trend-arrow{vertical-align:-1px;font-size:20px;font-weight:700}.detail-button{color:#fff;background:#2e7d32;border:1px solid #2e7d32;border-radius:7px;justify-content:center;min-width:70px;padding:7px 14px;font-size:15px;font-weight:650;transition:all .18s;display:inline-flex}.detail-button:hover{background:#256628;border-color:#256628}.table-note{color:#858d87;margin:16px 0 0;font-size:13px}.page-heading{padding:6px 0 18px}.page-heading h1{color:var(--green-primary);margin:0;font-size:34px}.prediksi-pangan-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.prediksi-pangan-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.prediksi-pangan-summary .summary-card{gap:16px;min-height:126px;padding:18px}.prediksi-pangan-summary .summary-card>div:last-child{min-width:0}.prediksi-pangan-summary .summary-icon{border-radius:50%;flex-basis:54px;width:54px;height:54px}.prediksi-pangan-summary .summary-icon svg{stroke-width:1.8px;width:32px;height:32px}.prediksi-pangan-summary .summary-card p{margin-bottom:5px;font-size:12px}.summary-value-row{flex-wrap:wrap;align-items:baseline;gap:7px;display:flex}.prediksi-pangan-summary .summary-card strong{font-size:clamp(28px,2.2vw,38px)}.summary-denominator{color:var(--text-primary);font-size:13px;font-weight:650}.prediksi-pangan-summary .summary-card small{margin-top:4px;font-size:11px;line-height:1.35}@media (width<=1180px){.prediksi-pangan-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.prediksi-pangan-filters,.prediksi-pangan-summary{grid-template-columns:1fr}}.prediksi-pangan-insight-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:14px;margin-top:14px;display:grid}.prediksi-pangan-chart-card{width:100%;margin-top:0;padding:22px 24px 18px;overflow:hidden}.prediksi-pangan-chart-head{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:18px;display:flex}.prediksi-pangan-chart-head h2{color:var(--text-primary);margin:0 0 4px;font-size:17px;font-weight:750}.prediksi-pangan-chart-head p{color:var(--text-secondary);margin:0;font-size:12px}.prediksi-pangan-chart-legend{color:var(--text-secondary);white-space:nowrap;align-items:center;gap:18px;font-size:12px;font-weight:650;display:flex}.prediksi-pangan-chart-legend span{align-items:center;gap:7px;display:inline-flex}.prediksi-pangan-chart-legend i{border-radius:3px;width:10px;height:10px}.chart-legend-actual{background:#d5e8d5;border:1px solid #87b58b}.chart-legend-prediction{background:#ef2b2d;border:1px solid #d91920}.prediksi-pangan-chart-wrap{width:100%;min-width:0;height:330px;position:relative}.prediksi-pangan-chart-empty{border:1px dashed var(--border-color);background:var(--bg-page);min-height:260px;color:var(--text-secondary);text-align:center;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:30px;display:flex}.prediksi-pangan-chart-empty svg{width:34px;height:34px;color:var(--green-primary);margin-bottom:3px}.prediksi-pangan-chart-empty strong{color:var(--text-primary);font-size:14px}.prediksi-pangan-chart-empty span{max-width:470px;font-size:12px;line-height:1.5}.prediksi-pangan-ews-card{min-width:0;padding:22px 20px 18px}.prediksi-pangan-ews-head{margin-bottom:14px}.prediksi-pangan-ews-head h2{color:var(--text-primary);margin:0 0 4px;font-size:17px;font-weight:750}.prediksi-pangan-ews-head p{color:var(--text-secondary);margin:0;font-size:12px}.prediksi-pangan-ews-list{gap:7px;display:grid}.prediksi-pangan-ews-item{--ews-accent:var(--green-primary);border:1px solid var(--border-color);border-bottom-color:var(--ews-accent)}@supports (color:color-mix(in lab, red, red)){.prediksi-pangan-ews-item{border-bottom-color:color-mix(in srgb, var(--ews-accent) 60%, var(--border-color))}}.prediksi-pangan-ews-item{background:var(--bg-card);border-radius:11px;transition:border-color .16s,box-shadow .16s,transform .16s;overflow:hidden}.prediksi-pangan-ews-item.is-danger{--ews-accent:var(--red-primary)}.prediksi-pangan-ews-item.is-warning{--ews-accent:var(--orange-primary)}.prediksi-pangan-ews-item.is-caution{--ews-accent:var(--yellow-primary)}.prediksi-pangan-ews-item:hover{border-color:var(--ews-accent)}@supports (color:color-mix(in lab, red, red)){.prediksi-pangan-ews-item:hover{border-color:color-mix(in srgb, var(--ews-accent) 48%, var(--border-color))}}.prediksi-pangan-ews-item[open]{box-shadow:0 8px 22px #16371e0f}.prediksi-pangan-ews-item summary{min-height:52px;color:var(--ews-accent);cursor:pointer;grid-template-columns:34px minmax(0,1fr) auto 18px;align-items:center;gap:10px;padding:9px 12px;list-style:none;display:grid}.prediksi-pangan-ews-item summary::-webkit-details-marker{display:none}.prediksi-pangan-ews-item summary:focus-visible{outline:3px solid var(--ews-accent)}@supports (color:color-mix(in lab, red, red)){.prediksi-pangan-ews-item summary:focus-visible{outline:3px solid color-mix(in srgb, var(--ews-accent) 30%, transparent)}}.prediksi-pangan-ews-item summary:focus-visible{outline-offset:-3px}.prediksi-pangan-ews-icon{background:var(--ews-accent);border-radius:9px;place-items:center;width:34px;height:34px;display:grid}@supports (color:color-mix(in lab, red, red)){.prediksi-pangan-ews-icon{background:color-mix(in srgb, var(--ews-accent) 10%, white)}}.prediksi-pangan-ews-icon svg{width:21px;height:21px}.prediksi-pangan-ews-summary{align-items:baseline;gap:5px;min-width:0;display:flex}.prediksi-pangan-ews-summary strong{font-size:13px;font-weight:750}.prediksi-pangan-ews-summary>span{white-space:nowrap;font-size:11px;font-weight:650}.prediksi-pangan-ews-detail-label{color:var(--text-primary);border:1px solid;border-radius:7px;padding:7px 10px;font-size:10px;font-weight:650}.prediksi-pangan-ews-chevron{width:17px;height:17px;color:var(--text-secondary);transition:transform .16s}.prediksi-pangan-ews-item[open] .prediksi-pangan-ews-chevron{transform:rotate(180deg)}.prediksi-pangan-ews-content{color:var(--text-primary);padding:0 13px 12px 56px}.prediksi-pangan-ews-content ul{columns:2;column-gap:24px;margin:0 0 10px;padding-left:17px;font-size:11px;line-height:1.65}.prediksi-pangan-ews-content li{break-inside:avoid}.prediksi-pangan-ews-empty{color:var(--text-secondary);margin:0 0 10px;font-size:11px}.prediksi-pangan-ews-action{border-top:1px solid var(--border-color);grid-template-columns:auto 1fr;gap:10px;margin:0;padding-top:9px;font-size:10px;line-height:1.45;display:grid}.prediksi-pangan-ews-action strong{color:var(--ews-accent)}.prediksi-pangan-ews-action-list{margin:0;padding-left:16px}.prediksi-pangan-ews-action-list li{margin-bottom:3px}.prediksi-pangan-ews-action-list li:last-child{margin-bottom:0}.prediksi-pangan-ews-empty-state{border:1px dashed var(--border-color);color:var(--text-secondary);text-align:center;border-radius:11px;padding:28px;font-size:12px}@media (width<=1100px){.prediksi-pangan-insight-grid{grid-template-columns:1fr}.prediksi-pangan-chart-card{width:100%}}@media (width<=980px){.prediksi-pangan-chart-card{width:100%}}@media (width<=760px){.prediksi-pangan-chart-card{width:100%;padding:18px 16px 14px}.prediksi-pangan-chart-head{flex-direction:column;gap:12px}.prediksi-pangan-chart-legend{white-space:normal;gap:14px}.prediksi-pangan-chart-wrap{height:300px}.prediksi-pangan-ews-card{padding:18px 14px 14px}.prediksi-pangan-ews-item summary{grid-template-columns:32px minmax(0,1fr) 18px}.prediksi-pangan-ews-detail-label{display:none}.prediksi-pangan-ews-summary{flex-direction:column;align-items:flex-start;gap:1px}.prediksi-pangan-ews-content{padding-left:52px}.prediksi-pangan-ews-content ul{columns:1}}.detail-filter-row{flex-wrap:wrap;gap:28px;margin-bottom:24px;display:flex}.inline-filter{color:#3b4350;background:#fff;border:1px solid #d9e1da;border-radius:12px;align-items:center;gap:12px;min-width:315px;height:68px;padding:0 18px;display:flex}.inline-filter select{appearance:none;color:#111;cursor:pointer;background:0 0;border:0;outline:none;flex:1;min-width:120px;padding:8px 28px 8px 4px;font-weight:600}.inline-icon{color:#06a92c;font-size:28px;line-height:1}.static-filter strong{color:#111;font-weight:500}.detail-table-card{padding:26px 24px}.detail-table-card h2{font-size:21px}.province-table{font-size:16px}.province-table th,.province-table td{padding:16px 18px}.commodity-filter-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;display:grid}.commodity-filter-row .inline-filter{width:100%;min-width:0}.chart-card{margin-bottom:20px;padding:24px 30px 18px}.chart-unit{color:#374151;margin:0 0 -10px;font-size:13px}.chart-wrap{height:330px}.commodity-table-card{padding:0 20px 18px}.commodity-table{font-size:16px}.commodity-table th,.commodity-table td{padding:15px 48px}.commodity-table td:first-child strong{min-width:60px;display:inline-block}.commodity-table td:first-child span{color:#242424}.rain-icon{color:#4a6a89;margin-right:8px}@media (width<=1200px){.dashboard-main-grid{grid-template-columns:1fr}.filter-grid{gap:20px}.summary-card{gap:20px;padding:20px}.commodity-filter-row{grid-template-columns:repeat(2,1fr)}}@media (width<=760px){.topbar{flex-direction:column;align-items:flex-start;padding:18px}.topbar-actions{flex-wrap:wrap;gap:8px;width:100%}.date-badge{flex:1;font-size:13px}.account-button{padding:0 12px}.page-shell{padding:18px 12px 32px}.filter-grid,.summary-grid,.commodity-filter-row{grid-template-columns:1fr}.filter-card{padding:18px}.summary-card{min-height:112px}.summary-icon{flex-basis:68px;width:68px;height:68px}.summary-icon svg{width:48px;height:48px}.map-stage{min-height:420px}.indonesia-svg{height:300px}.map-tooltip{transform-origin:0 100%;bottom:90px;left:14%;transform:scale(.88)}.inline-filter{min-width:100%}.content-card{padding:16px 12px}.chart-wrap{min-width:760px;height:300px}.chart-card{overflow-x:auto}.commodity-table th,.commodity-table td{padding:13px 18px}}.prediction-filter-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-bottom:22px;display:grid}.prediction-filter-row .inline-filter{width:100%;min-width:0}.inline-filter input[type=date]{appearance:none;color:#111;cursor:pointer;background:0 0;border:0;outline:none;flex:1;min-width:100px;padding:8px 4px;font-weight:600}.prediction-chart-card{margin-bottom:20px;padding:24px 30px 20px}.prediction-chart-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.prediction-legend{color:#374151;align-items:center;gap:22px;font-size:14px;font-weight:600;display:flex}.prediction-legend span{align-items:center;gap:8px;display:inline-flex}.prediction-legend i{border-radius:3px;width:22px;height:4px;display:inline-block}.prediction-chart-wrap{height:340px;margin-top:6px}.prediction-table-card{padding:6px 24px 20px}.prediction-table th,.prediction-table td{padding:16px 18px;font-size:15.5px}@media (width<=1024px){.app-shell{flex-direction:column}.sidebar{border-right:0;border-bottom:1px solid var(--border-color);flex-direction:row;align-items:center;gap:16px;width:100%;height:auto;padding:12px 16px;position:static}.sidebar-nav{flex-direction:row;gap:6px}.sidebar-brand{padding:0}.sidebar-brand-text{flex-direction:row;gap:4px}.sidebar-logout{border-top:0;margin-top:0;margin-left:auto;padding-top:12px}.prediction-filter-row{grid-template-columns:repeat(2,1fr)}}@media (width<=620px){.prediction-filter-row{grid-template-columns:1fr}.prediction-chart-wrap{min-width:620px;height:300px}.prediction-chart-card{overflow-x:auto}}.prediction-color-legend{color:#344054;flex-wrap:wrap;align-items:center;gap:10px 20px;margin:14px 4px 4px;font-size:14px;display:flex}.prediction-color-legend span{white-space:nowrap;align-items:center;gap:8px;display:inline-flex}.prediction-color-legend i{border-radius:4px;width:16px;height:16px;display:inline-block}.prediction-app-shell{--prediction-green:#08a73a;--prediction-green-dark:#078c32;--prediction-ink:#22314d;--prediction-line:#e8eee9;background:#fbfdfb}.prediction-app-shell .sidebar{z-index:5;border-right-color:#edf1ed;gap:34px;width:220px;padding:30px 18px 24px;box-shadow:7px 0 30px #1f462a09}.prediction-app-shell .sidebar-brand{justify-content:flex-start;min-height:66px;padding:0 14px}.sidebar-logo-image{object-fit:contain;object-position:left center;width:118px;height:auto;max-height:66px;display:block}.prediction-app-shell .sidebar-nav{gap:10px}.prediction-app-shell .sidebar-nav a{color:#34445d;border-radius:7px;min-height:46px;padding:11px 15px;font-size:14px;font-weight:560}.prediction-app-shell .sidebar-nav a svg{stroke-width:1.7px;width:20px;height:20px}.prediction-app-shell .sidebar-nav a.is-active{color:#fff;background:linear-gradient(100deg,#079c36,#0bb84b);box-shadow:0 8px 18px #08a73a33}.prediction-app-shell .sidebar-logout{cursor:pointer;color:#34445d;background:0 0;border:0;width:100%;font-size:14px;transition:color .18s,transform .18s}.prediction-app-shell .sidebar-logout svg{fill:none;stroke:currentColor;stroke-width:1.7px}.prediction-app-shell .sidebar-logout:hover{color:var(--prediction-green);transform:translate(2px)}.prediction-app-shell .topbar{border-bottom-color:#edf1ed;min-height:82px;padding:14px clamp(24px,2.4vw,42px);box-shadow:0 3px 18px #1f462a06}.prediction-app-shell .brand{color:var(--prediction-green);font-size:clamp(22px,1.7vw,29px);font-weight:720}.prediction-app-shell .topbar-actions{gap:18px}.prediction-date-range{min-height:48px;color:var(--prediction-ink);border:1px solid var(--prediction-line);background:#fff;border-radius:9px;align-items:center;gap:14px;padding:8px 16px;display:flex;box-shadow:0 5px 16px #26492e06}.prediction-date-range>svg{fill:none;width:18px;height:18px;stroke:var(--prediction-green);stroke-width:1.8px;flex:0 0 18px}.date-range-item{white-space:nowrap;align-items:center;gap:7px;display:inline-flex}.date-range-item small{color:#46536a;font-size:11px;font-weight:600}.date-range-item strong{color:var(--prediction-green);font-size:12px}.date-range-divider{background:#edf1ed;width:1px;height:22px}.prediction-app-shell .account-button{border-color:var(--prediction-line);border-radius:9px;height:48px;padding:0 16px;font-size:13px;transition:border-color .18s,box-shadow .18s,transform .18s}.prediction-app-shell .account-button:hover{border-color:#cce3d2;transform:translateY(-1px);box-shadow:0 7px 18px #1f462a12}.prediction-app-shell .account-button svg{width:20px;height:20px}.prediction-app-shell .page-shell{padding:16px clamp(22px,2vw,36px) 30px}.prediction-app-shell .prediction-filter-row{border:1px solid var(--prediction-line);background:#fff;border-radius:9px;grid-template-columns:1.15fr 1fr 1fr .92fr .92fr;gap:20px;margin-bottom:14px;padding:18px 20px;box-shadow:0 5px 18px #1a3e2309}.prediction-app-shell .prediction-filter-row .inline-filter{border:0;border-radius:0;align-content:start;gap:7px;height:auto;min-height:58px;padding:0;display:grid}.prediction-app-shell .prediction-filter-row .inline-filter>span:first-child{color:#29374e;font-size:12px;font-weight:700}.prediction-app-shell .prediction-filter-row select,.prediction-date-control{color:#31405a;background:#fff;border:1px solid #dfe6e1;border-radius:7px;width:100%;height:40px;padding:0 12px;font-size:12px;font-weight:500;transition:border-color .18s,box-shadow .18s}.prediction-app-shell .prediction-filter-row select{appearance:auto}.prediction-app-shell .prediction-filter-row select:focus,.prediction-date-control:focus-within{border-color:var(--prediction-green);box-shadow:0 0 0 3px #08a73a17}.prediction-app-shell .filter-error{color:#d14343;font-size:11px;font-weight:650;line-height:1.35;display:block}.prediction-app-shell .inline-filter:has(.filter-error) .prediction-date-control{border-color:#e36a6a;box-shadow:0 0 0 3px #e36a6a1a}.prediction-date-control{align-items:center;gap:8px;display:flex;position:relative;overflow:hidden}.prediction-date-display{color:#31405a;pointer-events:none;font-size:12px;font-weight:500}.prediction-date-control svg{fill:none;stroke:#66758c;stroke-width:1.7px;flex:0 0 17px;width:17px;height:17px}.prediction-app-shell .prediction-date-control input[type=date]{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.prediction-app-shell .content-card{border-color:var(--prediction-line);border-radius:9px;box-shadow:0 5px 18px #1a3e2309}.prediction-app-shell .prediction-chart-card{max-width:100%;margin-bottom:18px;padding:20px 10px 18px;overflow:hidden}.prediction-app-shell .content-card h2{color:#26344d;margin-bottom:14px;font-size:13px}.prediction-app-shell .prediction-legend{font-size:11px}.prediction-app-shell .chart-unit{margin:2px 0 4px}.prediction-app-shell .prediction-chart-wrap{width:100%;min-width:0;max-width:100%;height:395px;margin-top:10px}.prediction-app-shell .prediction-table-card{padding:13px 20px 16px}.prediction-app-shell .prediction-table{font-size:11px}.prediction-app-shell .prediction-table th,.prediction-app-shell .prediction-table td{padding:7px 12px;font-size:11px}.prediction-app-shell .prediction-trend-icon{stroke:currentColor;stroke-width:2.5px;vertical-align:-3px;width:15px;height:15px;margin-right:2px;display:inline-block}.prediction-app-shell .prediction-table th{background:#f8faf8}.prediction-app-shell .prediction-color-legend,.prediction-app-shell .table-note{font-size:10px}.prediction-app-shell .dashboard-filters{border-radius:9px;gap:24px;padding:14px 20px}.prediction-app-shell .dashboard-filters .filter-field{gap:6px}.prediction-app-shell .dashboard-filters .filter-label{font-size:11px}.prediction-app-shell .dashboard-filters .select-control{border-radius:6px;height:36px;padding:0 34px 0 12px;font-size:11px}.prediction-app-shell .dashboard-filters .select-wrap:after{font-size:15px;right:12px}.prediction-app-shell .summary-grid{gap:14px;margin-top:12px}.prediction-app-shell .summary-card{border-radius:9px;gap:16px;min-height:92px;padding:14px 20px}.prediction-app-shell .summary-icon{border-radius:10px;flex-basis:52px;width:52px;height:52px}.prediction-app-shell .summary-icon svg{width:34px;height:34px}.prediction-app-shell .summary-card p{margin-bottom:3px;font-size:11px}.prediction-app-shell .summary-card strong{font-size:clamp(20px,1.8vw,28px)}.prediction-app-shell .summary-card small{margin-top:3px;font-size:10px}.prediction-app-shell .dashboard-main-grid{gap:12px;margin-top:12px}.prediction-app-shell .dashboard-main-grid .content-card{padding:14px}.prediction-app-shell .map-stage{min-height:390px}.prediction-app-shell .leaflet-map{border-radius:8px;height:380px}.prediction-app-shell .map-legend{gap:4px 10px;font-size:10px}.prediction-app-shell .map-legend i{width:11px;height:11px}.prediction-app-shell .ranking-table{font-size:11px}.prediction-app-shell .ranking-table th,.prediction-app-shell .ranking-table td{padding:8px 9px;font-size:11px}.prediction-app-shell .detail-button{min-height:28px;padding:5px 9px;font-size:10px}@media (width<=1180px){.prediction-app-shell .topbar{flex-direction:column;align-items:flex-start}.prediction-app-shell .topbar-actions{justify-content:space-between;width:100%}.prediction-app-shell .prediction-filter-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=1024px){.prediction-app-shell .sidebar{border-right:0;border-bottom:1px solid var(--prediction-line);flex-direction:row;align-items:center;gap:16px;width:100%;height:auto;padding:10px 16px}.prediction-app-shell .sidebar-brand{min-height:48px;padding:0}.prediction-app-shell .sidebar-logo-image{width:92px;max-height:48px}.prediction-app-shell .sidebar-nav{flex-direction:row}.prediction-app-shell .sidebar-logout{width:auto;margin:0 0 0 auto;padding:10px}}@media (width<=720px){.prediction-app-shell .topbar{padding:16px}.prediction-app-shell .topbar-actions{flex-direction:column;align-items:stretch}.prediction-date-range{flex-wrap:wrap;justify-content:center}.prediction-app-shell .account-button{justify-content:center}.prediction-app-shell .prediction-filter-row{grid-template-columns:1fr;padding:16px}.prediction-app-shell .sidebar{flex-wrap:wrap}.prediction-app-shell .sidebar-nav{order:3;width:100%}.prediction-app-shell .sidebar-nav a{flex:1;justify-content:center}.prediction-app-shell .prediction-chart-wrap{min-width:0}}.prediction-app-shell .page-heading{padding:0 0 12px}.prediction-app-shell .page-heading .eyebrow{color:var(--prediction-green);letter-spacing:.12em;margin:0 0 3px;font-size:9px;font-weight:800}.prediction-app-shell .page-heading h1{color:#26344d;margin:0;font-size:20px;line-height:1.2}.prediction-app-shell .page-heading p:last-child{color:#718078;margin:4px 0 0;font-size:11px}.prediction-app-shell .filter-bar{border:1px solid var(--prediction-line);background:#fff;border-radius:9px;flex-wrap:wrap;align-items:end;gap:10px;margin-bottom:12px;padding:14px;display:flex;box-shadow:0 5px 18px #1a3e2309}.prediction-app-shell .search-box,.prediction-app-shell .select-field,.prediction-app-shell .date-field{color:#53615a;gap:5px;font-size:10px;font-weight:700;display:grid}.prediction-app-shell .search-box{min-width:220px;position:relative}.prediction-app-shell .search-box>span{z-index:1;color:#718078;font-size:16px;position:absolute;bottom:8px;left:11px}.prediction-app-shell .search-box input{padding-left:32px}.prediction-app-shell .filter-bar input,.prediction-app-shell .filter-bar select{color:#26344d;min-width:126px;height:34px;font:inherit;background:#fff;border:1px solid #d6dfd9;border-radius:6px;outline:none;padding:0 10px;font-size:11px}.prediction-app-shell .filter-bar input:focus,.prediction-app-shell .filter-bar select:focus{border-color:var(--prediction-green);box-shadow:0 0 0 3px #0bb84b1a}.prediction-app-shell .filter-bar .button{border:1px solid var(--prediction-green);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;min-height:34px;padding:0 14px;font-size:11px;font-weight:700;text-decoration:none;display:inline-flex}.prediction-app-shell .filter-bar .button.primary{color:#fff;background:var(--prediction-green)}.prediction-app-shell .filter-bar .button.ghost{color:var(--prediction-green);background:#fff}.prediction-app-shell .data-card{border:1px solid var(--prediction-line);background:#fff;border-radius:9px;overflow:hidden;box-shadow:0 5px 18px #1a3e2309}.prediction-app-shell .card-head{border-bottom:1px solid var(--prediction-line);justify-content:space-between;align-items:center;padding:13px 16px;display:flex}.prediction-app-shell .card-head .kicker{color:#7a8980;letter-spacing:.12em;font-size:8px;font-weight:800}.prediction-app-shell .card-head h2{color:#26344d;margin:2px 0 0;font-size:14px}.prediction-app-shell .status-pill{color:#087d31;background:#eaf8ee;border-radius:999px;padding:5px 9px;font-size:9px;font-weight:800}.prediction-app-shell .data-card table{border-collapse:collapse;width:100%;font-size:10.5px}.prediction-app-shell .data-card th,.prediction-app-shell .data-card td{text-align:left;white-space:nowrap;border-bottom:1px solid #edf1ee;padding:8px 10px}.prediction-app-shell .data-card th{color:#53615a;text-transform:uppercase;letter-spacing:.03em;background:#f8faf8;font-size:9.5px}.prediction-app-shell .data-card tbody tr:hover{background:#fbfdfb}.prediction-app-shell .data-card .right{text-align:right}.prediction-app-shell .data-card .muted{color:#7b8981}.prediction-app-shell .data-card .price{color:#087d31;font-weight:800}.prediction-app-shell .data-card code,.prediction-app-shell .badge,.prediction-app-shell .day-chip{background:#eef5f0;border-radius:5px;padding:3px 6px;font-size:9px}.prediction-app-shell .date-cell small{color:#829087;margin-top:2px;font-size:8.5px;display:block}.prediction-app-shell .region-dot{background:#0bae49;border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block}.prediction-app-shell .pagination{border-top:1px solid var(--prediction-line);color:#718078;justify-content:space-between;align-items:center;min-height:50px;padding:10px 16px;font-size:10px;display:flex}.prediction-app-shell .pagination p{margin:0}.prediction-app-shell .pagination-links{gap:5px;display:flex}.prediction-app-shell .page-link{color:#425149;border:1px solid #d9e2dc;border-radius:6px;place-items:center;min-width:28px;height:28px;text-decoration:none;display:grid}.prediction-app-shell .page-link.current{color:#fff;border-color:var(--prediction-green);background:var(--prediction-green)}.prediction-app-shell .page-link.disabled{opacity:.42}@media (width<=720px){.prediction-app-shell .filter-bar>*{flex:150px}.prediction-app-shell .search-box{min-width:100%}.prediction-app-shell .pagination{flex-direction:column;align-items:flex-start;gap:9px}}.auth-page{color:#173d24;background:#f9fbf7;min-height:100vh;margin:0}.auth-shell{background:radial-gradient(circle at 50% 32%,#c7dfbe3b,#0000 30%),linear-gradient(135deg,#f0f5ecb8,#0000 30%),#fbfcfa;place-items:center;min-height:100vh;padding:34px 20px 24px;display:grid;position:relative;overflow:hidden}.auth-content{z-index:2;justify-items:center;width:min(500px,100%);display:grid;position:relative}.auth-brand{text-align:center;justify-items:center;margin-bottom:22px;display:grid}.auth-logo{object-fit:contain;mix-blend-mode:multiply;width:112px;height:62px}.auth-brand-kicker{color:#3d7a3a;letter-spacing:.17em;margin:6px 0 7px;font-size:9px;font-weight:850}.auth-brand h1{color:#194f2b;letter-spacing:-.035em;margin:0;font-size:clamp(25px,3vw,31px);line-height:1.16}.auth-brand>p:last-child{color:#7b8a7e;margin:8px 0 0;font-size:11px}.auth-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffe8;border:1px solid #5b845f29;border-radius:17px;width:100%;padding:27px 30px 29px;animation:.55s ease-out both auth-card-enter;box-shadow:0 22px 60px #2b4e2f1f,0 4px 14px #2b4e2f0d}.auth-card-heading{align-items:center;gap:12px;margin-bottom:23px;display:flex}.auth-card-icon{color:#287a37;background:#f2f8ef;border:1px solid #d7e8d5;border-radius:11px;flex:none;place-items:center;width:38px;height:38px;display:grid}.auth-card-icon svg{width:18px}.auth-card-heading h2{color:#174d29;letter-spacing:-.025em;margin:0;font-size:21px}.auth-card-heading p{color:#738077;margin:4px 0 0;font-size:11px}.auth-form{gap:17px;display:grid}.auth-field-group,.auth-captcha-field{gap:7px;display:grid}.auth-field-label{color:#286335;letter-spacing:.045em;text-transform:uppercase;font-size:10px;font-weight:800}.auth-field-label>span{color:#d44848}.auth-input-wrap{display:block;position:relative}.auth-input-wrap>svg{color:#4b9658;pointer-events:none;width:16px;height:16px;position:absolute;top:50%;left:13px;transform:translateY(-50%)}.auth-input-wrap input{color:#243a29;background:#fcfdfc;border:1px solid #cedbd0;border-radius:9px;outline:none;width:100%;height:45px;padding:0 13px 0 40px;font-size:12px;transition:border-color .18s,box-shadow .18s,background .18s}.auth-input-wrap input::placeholder{color:#9ba59e;opacity:1}.auth-input-wrap input:hover{border-color:#a8c1ad}.auth-input-wrap input:focus-visible{background:#fff;border-color:#388847;box-shadow:0 0 0 4px #3384421c}.auth-input-wrap input[aria-invalid=true]{border-color:#cb5757}.auth-error{color:#b43b3b;margin:0;font-size:10px;line-height:1.45}.auth-password-wrap input{padding-right:47px}.auth-password-toggle{color:#6b786f;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:36px;height:36px;padding:0;display:grid;position:absolute;top:50%;right:5px;transform:translateY(-50%)}.auth-password-toggle:hover{color:#217135;background:#eff7ef}.auth-password-toggle:focus-visible,.auth-captcha-refresh:focus-visible,.auth-submit:focus-visible{outline-offset:2px;outline:3px solid #277b373b}.auth-password-toggle svg{width:17px;height:17px}.auth-remember{color:#59685e;cursor:pointer;align-items:center;gap:8px;width:max-content;font-size:11px;display:flex}.auth-remember input{accent-color:#287a37;width:15px;height:15px;margin:0}.auth-captcha-row{grid-template-columns:158px minmax(130px,1fr) auto;align-items:center;gap:8px;display:grid}.auth-captcha-image-wrap{background:#f4f8f1;border:1px solid #cddbcf;border-radius:10px;height:54px;overflow:hidden}.auth-captcha-image-wrap img{width:158px;height:54px;display:block}.auth-captcha-input input{letter-spacing:.09em;text-transform:uppercase;height:45px}.auth-captcha-refresh{color:#34723f;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;gap:1px;min-width:52px;height:42px;padding:0 6px;font-size:9px;font-weight:750;display:grid}.auth-captcha-refresh:hover{background:#eff7ee}.auth-captcha-refresh svg{width:16px;height:16px}.auth-captcha-refresh.is-loading svg{animation:.7s linear infinite auth-spin}.auth-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1d682e,#2e8a3e 62%,#267735);border:0;border-radius:9px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:46px;margin-top:1px;font-size:12px;font-weight:800;transition:transform .18s,box-shadow .18s,filter .18s;display:flex;box-shadow:0 8px 18px #236f3333}.auth-submit:hover{filter:saturate(1.08);transform:translateY(-1px);box-shadow:0 11px 23px #236f3345}.auth-submit:active{transform:translateY(0)}.auth-submit:disabled{cursor:wait;opacity:.72;transform:none}.auth-submit svg{width:15px}.auth-footer{color:#8b968d;text-align:center;margin-top:18px;font-size:9px}.auth-leaf-decoration{pointer-events:none;transform-origin:0;width:272px;height:473px;position:absolute;top:30%;left:-20px;overflow:hidden;transform:translateY(-50%)scale(.8)}.auth-leaf-decoration svg{width:100%;height:100%;display:block}.auth-leaf{fill:#e1e9e1}.auth-leaf-faint{opacity:.45}.auth-leaf-soft{opacity:.34}.auth-leaf-main{opacity:.43}.auth-decoration{isolation:isolate;pointer-events:none;transform-origin:100% 100%;width:292px;height:347px;position:absolute;bottom:0;right:0;overflow:hidden;transform:scale(1.55)}.auth-decoration:before,.auth-decoration:after{content:"";position:absolute;inset:0}.auth-decoration:before{z-index:-2;clip-path:path("M 8 347 C 87 224 139 68 292 24 L 292 347 Z");background:#f2f5f1}.auth-decoration:after{z-index:-1;clip-path:path("M 20 347 C 111 270 180 145 292 108 L 292 347 Z");background:#edf1ec}@keyframes auth-card-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes auth-spin{to{transform:rotate(360deg)}}@media (width<=560px){.auth-leaf-decoration{opacity:.7;transform:translateY(-50%)scale(.72)}.auth-decoration{transform:scale(1.05)}.auth-shell{place-items:start center;padding:24px 14px 20px}.auth-brand{margin-bottom:17px}.auth-logo{width:96px;height:53px}.auth-brand>p:last-child{display:none}.auth-card{border-radius:15px;padding:23px 18px 24px}.auth-captcha-row{grid-template-columns:158px 1fr}.auth-captcha-input{min-width:0}.auth-captcha-refresh{grid-column:1/-1;justify-content:center;gap:6px;width:100%;height:35px;display:flex}}@media (width<=390px){.auth-captcha-row{grid-template-columns:1fr}.auth-captcha-image-wrap,.auth-captcha-image-wrap img{width:100%}}@media (prefers-reduced-motion:reduce){.auth-card,.auth-captcha-refresh svg,.auth-submit{transition:none;animation:none}}.account-dropdown{width:220px}.account-identity{border-bottom:1px solid #edf2ee;gap:3px;margin-bottom:4px;padding:9px 11px 11px;display:grid}.account-identity strong{color:#24382b;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.account-identity small{color:#79867e;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.account-role{color:#087d31;letter-spacing:.04em;background:#eaf7ed;border-radius:999px;width:max-content;margin-top:4px;padding:3px 7px;font-size:9px;font-weight:750}.account-dropdown form{margin:0}.sidebar-nav-group{gap:3px;display:grid}.sidebar-nav-toggle{color:#54645a;cursor:pointer;width:100%;min-height:40px;font:inherit;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:10px;padding:0 11px;font-size:11px;font-weight:750;display:flex}.sidebar-nav-toggle:hover,.sidebar-nav-toggle:focus-visible{color:#087d31;background:#edf7ef}.sidebar-nav-toggle:focus-visible{outline-offset:2px;outline:2px solid #0b7a253d}.sidebar-nav-toggle>svg:first-child{width:17px;height:17px}.sidebar-nav-toggle span{flex:1}.sidebar-nav-chevron{width:14px;height:14px;transition:transform .2s}.sidebar-nav-toggle[aria-expanded=true] .sidebar-nav-chevron{transform:rotate(180deg)}.sidebar-subnav{border-left:1px solid #dce8df;gap:2px;margin:0 0 5px 19px;padding-left:12px;display:grid}.sidebar-subnav[hidden]{display:none}.sidebar-subnav a{color:#728078;border-radius:8px;align-items:center;min-height:32px;padding:8px 9px;font-size:10px;font-weight:650;line-height:1.25;display:flex}.sidebar-subnav a:hover,.sidebar-subnav a:focus-visible{color:#087d31;background:#f1f8f3}.sidebar-subnav a.is-active{color:#fff;background:linear-gradient(135deg,#087d31,#11a149);box-shadow:0 5px 12px #087d3129}.sidebar-logout-form{width:100%;margin-top:auto}.placeholder-dashboard{text-align:center;background:linear-gradient(145deg,#fff,#f4f9f5);border:1px solid #dce8df;border-radius:18px;align-content:center;place-items:center;min-height:420px;display:grid}.placeholder-dashboard-icon{color:#087d31;background:#e7f6eb;border-radius:16px;place-items:center;width:58px;height:58px;margin-bottom:14px;display:grid}.placeholder-dashboard-icon svg{width:26px}.placeholder-dashboard h2{margin:2px 0 8px;font-size:24px}.placeholder-dashboard>p:not(.eyebrow){color:#748078;max-width:460px;margin:0;font-size:12px}.placeholder-dashboard-status{color:#98700a;text-transform:uppercase;letter-spacing:.08em;background:#fff4cf;border-radius:999px;margin-top:18px;padding:6px 11px;font-size:9px;font-weight:800}.prediction-app-shell .sidebar-nav-toggle{color:#42556d;gap:12px;min-height:42px;padding:0 12px;font-size:13px;font-weight:650}.prediction-app-shell .sidebar-nav-toggle>svg:first-child{stroke-width:1.7px;width:20px;height:20px}.prediction-app-shell .sidebar-nav-chevron{width:14px;height:14px}.prediction-app-shell .sidebar-subnav a{font-size:11px}.prediction-table tfoot th,.prediction-table tfoot td{color:#193c24;background:#f5f8f6;border-top:2px solid #cfe0d3;border-bottom:1px solid #cfe0d3;padding:12px 14px;font-weight:800}.prediction-table tfoot th.prediction-table-average-label:first-child{text-align:right;text-transform:uppercase;letter-spacing:.06em;border-left:1px solid #cfe0d3;border-radius:0 0 0 10px;font-size:10px}.prediction-table tfoot td.prediction-table-average-value{font-variant-numeric:tabular-nums}.prediction-table tfoot td.prediction-table-average-last:last-child{border-right:1px solid #cfe0d3;border-radius:0 0 10px}.dashboard-filters{grid-template-columns:repeat(5,minmax(0,1fr));align-items:end;gap:16px}.dashboard-filters .filter-field{min-width:0}.dashboard-filters .select-wrap:has(.select2){position:relative}.dashboard-filters .select-wrap:has(.select2):after{display:none}.dashboard-filters .date-control{color:#151515;width:100%;height:40px;font:inherit;background:#fff;border:1px solid #cbd5d0;border-radius:8px;outline:none;padding:0 12px;font-size:12px}.dashboard-filters .date-control:focus-visible{border-color:var(--green-primary);box-shadow:0 0 0 3px #0b7a251a}.dashboard-filters .select2-container{min-width:0}.dashboard-filters .select2-container .select2-selection--single{border:1px solid #cbd5d0;border-radius:8px;height:40px}.dashboard-filters .select2-container .select2-selection--single .select2-selection__rendered{color:#151515;padding:0 36px 0 12px;font-size:12px;line-height:38px}.dashboard-filters .select2-container .select2-selection--single .select2-selection__arrow{width:32px;height:38px}.dashboard-filters .select2-container--focus .select2-selection--single,.dashboard-filters .select2-container--open .select2-selection--single{border-color:var(--green-primary);box-shadow:0 0 0 3px #0b7a251a}.select2-dropdown{border:1px solid #cbd5d0;border-radius:10px;overflow:hidden;box-shadow:0 16px 38px #1f402a21}.select2-search--dropdown{padding:9px}.select2-search--dropdown .select2-search__field{border-radius:7px;outline:none;height:34px;padding:0 10px;border:1px solid #cbd5d0!important}.select2-search--dropdown .select2-search__field:focus{box-shadow:0 0 0 3px #0b7a2517;border-color:var(--green-primary)!important}.select2-results__option{padding:9px 12px;font-size:13px}.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{color:#fff;background:var(--green-primary)}@media (width<=1180px){.dashboard-filters{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=760px){.dashboard-filters{grid-template-columns:1fr}}.dashboard-summary-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.dashboard-summary-grid .summary-card{gap:14px;min-height:106px;padding:16px}.dashboard-summary-grid .summary-icon{border-radius:12px;flex-basis:52px;width:52px;height:52px}.dashboard-summary-grid .summary-icon svg{width:34px;height:34px}.dashboard-summary-grid .summary-card p{margin-bottom:4px;font-size:12px}.dashboard-summary-grid .summary-card strong{font-size:clamp(18px,1.45vw,26px)}.dashboard-summary-grid .summary-card small{margin-top:4px;font-size:9px}.summary-muted .summary-icon{color:#7b8980;background:linear-gradient(145deg,#f3f6f4,#e7ece9)}.summary-muted strong{color:#7b8980}@media (width<=1280px){.dashboard-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=760px){.dashboard-summary-grid{grid-template-columns:1fr}}.ews-status{border-radius:999px;align-items:center;min-height:24px;padding:3px 9px;font-size:10px;font-weight:750;display:inline-flex}.ews-status-pending{color:#68766d;background:#edf1ee;border:1px solid #d6ded8}.table-empty{color:var(--text-secondary);text-align:center}.ews-status-safe{color:#087332;background:#e8f7ed;border:1px solid #bde5ca}.ews-status-warning{color:#8a5a00;background:#fff5d8;border:1px solid #f0d585}.ews-status-danger{color:#a12e1f;background:#fff0ec;border:1px solid #f2c1b7}.metric-value,.metric-label,.metric-empty{display:block}.metric-value{color:#263b2d;font-variant-numeric:tabular-nums;font-weight:800}.metric-label{color:#68776e;margin-top:2px;font-size:9px;line-height:1.25}.metric-empty{color:#859189;max-width:130px;font-size:9px;line-height:1.3}.summary-safe .summary-icon{color:#087332;background:linear-gradient(145deg,#effaf2,#dff3e5)}.summary-safe strong{color:#087332}.summary-warning .summary-icon{color:#8a5a00;background:linear-gradient(145deg,#fff9e8,#ffefbd)}.summary-warning strong{color:#8a5a00}.summary-danger .summary-icon{color:#b33927;background:linear-gradient(145deg,#fff3ef,#ffdfd7)}.summary-danger strong{color:#b33927}.summary-pending .summary-icon{color:#68766d;background:linear-gradient(145deg,#f3f6f4,#e7ece9)}.summary-pending strong{color:#68766d}.summary-status{min-height:20px;margin-top:6px;padding:2px 8px;font-size:9px}.dashboard-summary-grid .summary-icon,.dashboard-summary-grid .summary-status{border-radius:9px}.metric-tone-safe{color:#087332}.metric-tone-warning{color:#9a6500}.metric-tone-danger{color:#b33927}.metric-tone-pending{color:#68766d}.content-card-heading,.detail-page-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.content-card-heading h2,.detail-page-heading h2{margin:0}.card-action-link,.secondary-action-link{color:#087332;background:#f0faf3;border:1px solid #b9dec4;border-radius:9px;justify-content:center;align-items:center;min-height:34px;padding:7px 12px;font-size:10px;font-weight:750;text-decoration:none;transition:transform .18s,background-color .18s,border-color .18s;display:inline-flex}.card-action-link:hover,.secondary-action-link:hover{background:#e3f5e8;border-color:#8ecba0;transform:translateY(-1px)}.card-action-link:focus-visible,.secondary-action-link:focus-visible{outline-offset:2px;outline:3px solid #15944338}.detail-page-heading{margin-bottom:14px}.detail-page-heading .eyebrow{color:#087332;letter-spacing:.12em;margin:0 0 4px;font-size:9px;font-weight:800}.detail-page-heading p:not(.eyebrow){color:#68776e;margin:5px 0 0;font-size:11px}.ews-detail-card{margin-top:14px;overflow:hidden}.ews-detail-card>.content-card-heading{border-bottom:1px solid var(--prediction-line);padding:14px 16px}.ews-detail-card .table-note{margin:4px 0 0}.ews-detail-table{min-width:1420px}.ews-detail-table th,.ews-detail-table td{white-space:nowrap;text-align:center;font-variant-numeric:tabular-nums}.ews-detail-table th:nth-child(2),.ews-detail-table td:nth-child(2){z-index:2;text-align:left;background:var(--prediction-surface,#fff);min-width:150px;position:sticky;left:0}.ews-detail-table th:nth-child(2){z-index:4}.ews-detail-table .ews-action-cell{min-width:150px}@media (width<=640px){.detail-page-heading{flex-direction:column;align-items:flex-start}}.ranking-card>.content-card-heading{align-items:center;margin-bottom:12px}.ranking-card>.content-card-heading h2,.ranking-card>.content-card-heading .card-action-link{margin-top:0;margin-bottom:0}.card-action-link{gap:6px}.card-action-link svg{stroke-width:2.25px;width:13px;height:13px}.card-action-link:hover svg{transform:translate(2px)}.card-action-link svg{transition:transform .18s}.ews-back-link{color:#fff;background:linear-gradient(135deg,#1d4f3a,#0b7a43);border-color:#17643f;gap:7px;box-shadow:0 7px 16px #0b7a432e}.ews-back-link:hover{color:#fff;background:linear-gradient(135deg,#173f30,#086839);border-color:#0d5232}.ews-back-link svg{stroke-width:2.25px;width:14px;height:14px;transition:transform .18s}.ews-back-link:hover svg{transform:translate(-2px)}.ews-back-link:focus-visible{outline-color:#0b7a4352}.ews-primary-link{color:#fff;background:linear-gradient(135deg,#1d4f3a,#0b7a43);border-color:#17643f;box-shadow:0 7px 16px #0b7a432e}.ews-primary-link:hover{color:#fff;background:linear-gradient(135deg,#173f30,#086839);border-color:#0d5232}.ews-primary-link:focus-visible{outline-color:#0b7a4352}.ews-status-caution{color:#7a5a00;background:#fff9d9;border:1px solid #ead66b}.ews-status-critical{color:#fff;background:linear-gradient(135deg,#262d29,#0d1210);border:1px solid #050807;box-shadow:0 3px 8px #0d121033}.metric-tone-caution{color:#8a6700}.metric-tone-critical{color:#1d2420}.summary-caution .summary-icon{color:#8a6700;background:linear-gradient(145deg,#fffceb,#fff3b5)}.summary-caution strong{color:#8a6700}.summary-critical .summary-icon{color:#fff;background:linear-gradient(145deg,#343d38,#111714)}.summary-critical strong{color:#1d2420}.ews-status-warning{color:#9a3412;background:#ffedd5;border-color:#fb923c}.ews-status-caution{color:#715400;background:#fffbd6;border-color:#e7c928}.ews-status{color:#fff;box-shadow:0 4px 10px #0f171224}.ews-status-safe{color:#fff;background:linear-gradient(135deg,#1d4f3a,#0b7a43);border-color:#17643f}.ews-status-caution{color:#4b3900;background:linear-gradient(135deg,#ffe783,#f4c934);border-color:#d4a817;box-shadow:0 4px 10px #d4a8172e}.ews-status-warning{color:#fff;background:linear-gradient(135deg,#c85a13,#ed7a1f);border-color:#b94c0d;box-shadow:0 4px 10px #c85a1333}.ews-status-danger{color:#fff;background:linear-gradient(135deg,#8f251d,#c63f31);border-color:#7d1f19;box-shadow:0 4px 10px #8f251d33}.ews-status-critical{color:#fff;background:linear-gradient(135deg,#262d29,#0d1210);border-color:#050807;box-shadow:0 4px 10px #0d12103d}.ews-status-pending{color:#fff;background:linear-gradient(135deg,#66736b,#87938c);border-color:#59655e;box-shadow:0 4px 10px #59655e29}.sidebar-nav-link{text-decoration:none}.sidebar-nav-link.is-active{color:#fff;background:linear-gradient(135deg,#1d4f3a,#0b7a43);box-shadow:0 7px 16px #0b7a4329}.sidebar-admin-nav{border-top:1px solid #ffffff1a;margin-top:8px;padding-top:12px}.scheduler-state-card{background:linear-gradient(135deg,#f3fbf5,#e7f6ec);border:1px solid #bddfc8;border-radius:12px;align-items:center;gap:14px;margin:14px 0;padding:16px;display:flex;box-shadow:0 10px 24px #15573114}.scheduler-state-card.is-nonaktif{background:linear-gradient(135deg,#fffdf3,#fff6d8);border-color:#dfc882}.scheduler-state-card.is-offline{background:linear-gradient(135deg,#fff7f5,#fde9e6);border-color:#e5aaa2}.scheduler-state-card>div:nth-child(2){flex:1}.scheduler-state-card h2,.scheduler-state-card p{margin:0}.scheduler-state-card h2{color:#173c2b;font-size:15px}.scheduler-state-card p:last-child{color:#66766d;margin-top:4px;font-size:10px}.scheduler-state-icon{color:#fff;background:linear-gradient(135deg,#1d4f3a,#0b7a43);border-radius:11px;place-items:center;width:40px;height:40px;display:grid}.scheduler-state-icon svg{width:19px;height:19px}.monitor-status{text-transform:capitalize;color:#526058;background:#f0f4f1;border:1px solid #c6d0ca;border-radius:999px;align-items:center;width:max-content;padding:4px 8px;font-size:9px;font-weight:800;display:inline-flex}.monitor-status.is-sehat,.monitor-status.is-idle,.monitor-status.is-terjadwal,.monitor-status.is-succeeded{color:#fff;background:linear-gradient(135deg,#1d4f3a,#0b7a43);border-color:#17643f}.monitor-status.is-sibuk,.monitor-status.is-running{color:#fff;background:linear-gradient(135deg,#235d91,#3083ca);border-color:#1d63a8}.monitor-status.is-nonaktif,.monitor-status.is-queued{color:#624a00;background:linear-gradient(135deg,#fff1a6,#f1cf4d);border-color:#d7b83c}.monitor-status.is-offline,.monitor-status.is-failed,.monitor-status.is-error{color:#fff;background:linear-gradient(135deg,#922b22,#c94a3c);border-color:#85251d}.schedule-panel{margin-bottom:14px;overflow:hidden}.schedule-panel .card-head{padding:14px 16px}.schedule-table td strong,.schedule-table td small{display:block}.schedule-table td small{color:#728078;margin-top:3px;font-size:9px}.monitor-toolbar .button{align-items:center;gap:6px;display:inline-flex}.monitor-toolbar .button svg{width:13px;height:13px}.monitor-empty{text-align:center;color:#78857e;padding:18px;font-size:10px}.monitor-filter{color:#6b7971;align-items:center;gap:7px;font-size:9px;display:flex}.runtime-card,.monitor-metric,.worker-stream,.parent-item,.error-item{background:#fff;border:1px solid #dfe8e2;border-radius:10px}.runtime-card{padding:13px}.runtime-card>div{justify-content:space-between;align-items:center;display:flex}.runtime-card h3{margin:10px 0 4px;font-size:11px}.runtime-card p,.runtime-card small{color:#718078;margin:0;font-size:9px}.monitor-metric{padding:13px}.monitor-metric span,.monitor-metric small{color:#718078;font-size:9px;display:block}.monitor-metric strong{color:#173c2b;margin:4px 0;font-size:20px;display:block}.worker-stream,.parent-item,.error-item{padding:12px}.worker-stream-head,.parent-item>div:first-child,.error-item>div:first-child{justify-content:space-between;align-items:center;gap:10px;display:flex}.worker-stream-head small,.parent-item small,.error-item small{color:#78857e;font-size:9px}.stream-item{border-top:1px solid #edf1ee;align-items:center;gap:9px;margin-top:9px;padding-top:9px;display:flex}.stream-item div strong,.stream-item div small{display:block}.stream-item div small{color:#78857e;font-size:9px}.progress-track{background:#e6eee9;border-radius:99px;height:6px;margin:9px 0;overflow:hidden}.progress-track span{border-radius:inherit;background:linear-gradient(90deg,#1d4f3a,#0b7a43);height:100%;display:block}.error-item+.error-item,.parent-item+.parent-item{margin-top:8px}.error-item p{color:#4c5b53;margin:7px 0;font-size:10px}@media (width<=640px){.scheduler-state-card{flex-wrap:wrap;align-items:flex-start}.scheduler-state-card>.monitor-status{margin-left:54px}}.monitoring-dashboard{--mon-border:var(--border-color);--mon-radius:12px;--mon-shadow:var(--shadow-card);--mon-green:var(--green-primary);--mon-green-bg:var(--green-light);color:var(--text-primary)}.monitoring-page-heading{align-items:flex-end;margin-bottom:16px}.monitoring-page-heading h1{margin:0;font-size:20px;font-weight:700;line-height:1.2}.monitoring-page-heading p{color:var(--text-secondary);margin:2px 0 0;font-size:12px}.monitoring-page-heading .eyebrow,.mon-card-head .eyebrow{color:var(--mon-green);letter-spacing:.12em;margin:0 0 4px;font-size:9px;font-weight:800}.monitor-toolbar{align-items:center;gap:8px;display:flex}.connection-state{border:1px solid var(--mon-border);border-radius:var(--mon-radius);background:var(--bg-card);box-shadow:var(--mon-shadow);align-items:center;gap:6px;padding:8px 12px;display:flex}.connection-state>span{background:var(--mon-green);border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite mon-pulse;box-shadow:0 0 0 4px #0b7a251f}.connection-state strong{font-size:11px}.connection-state small{color:var(--text-secondary);font-size:10px}.connection-state.disconnected>span{background:var(--red-primary);animation:none;box-shadow:0 0 0 4px #e11d1d1f}.monitor-btn{border-radius:var(--mon-radius);font:inherit;cursor:pointer;border:0;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.monitor-btn svg{width:14px;height:14px}.monitor-btn-primary{color:#fff;background:var(--mon-green)}.monitor-btn-primary:hover{background:var(--green-dark)}.monitor-btn-primary:disabled{opacity:.6;cursor:wait}.monitor-btn-outline{color:var(--mon-green);background:var(--mon-green-bg);border:1px solid #bdd8c7}.monitor-btn-outline:hover{color:#fff;border-color:var(--mon-green);background:var(--mon-green)}.mon-scheduler-banner{border:1px solid var(--mon-border);border-radius:var(--mon-radius);background:var(--bg-card);box-shadow:var(--mon-shadow);align-items:center;gap:12px;margin-bottom:16px;padding:14px 18px;display:flex}.mon-scheduler-banner>svg{flex-shrink:0;width:28px;height:28px}.mon-scheduler-banner>div{flex:1}.mon-scheduler-banner strong{font-size:13px;display:block}.mon-scheduler-banner small{color:var(--text-secondary);font-size:11px}.mon-scheduler-banner.is-sehat>svg{color:var(--mon-green)}.mon-scheduler-banner.is-sibuk>svg{color:var(--orange-primary)}.mon-scheduler-banner.is-offline>svg,.mon-scheduler-banner.is-nonaktif>svg{color:var(--text-secondary)}.mon-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px;display:grid}.mon-metric{border:1px solid var(--mon-border);border-radius:var(--mon-radius);background:var(--bg-card);box-shadow:var(--mon-shadow);align-items:center;gap:14px;padding:16px 18px;display:flex}.mon-metric-icon{background:var(--mon-green-bg);width:42px;height:42px;color:var(--mon-green);border-radius:10px;flex-shrink:0;place-items:center;display:grid}.mon-metric-icon svg{width:20px;height:20px}.mon-metric p{color:var(--text-secondary);margin:0;font-size:11px}.mon-metric strong{color:var(--mon-green);margin:2px 0;font-size:22px;display:block}.mon-metric small{color:var(--text-secondary);font-size:10px}.mon-card{border:1px solid var(--mon-border);border-radius:var(--mon-radius);background:var(--bg-card);box-shadow:var(--mon-shadow);overflow:hidden}.mon-card-head{border-bottom:1px solid var(--mon-border);justify-content:space-between;align-items:center;gap:12px;min-height:56px;padding:14px 18px;display:flex}.mon-card-head h2{margin:0;font-size:14px;font-weight:700}.mon-card-body{padding:16px 18px}.mon-badge{background:var(--mon-green-bg);color:var(--mon-green);border-radius:999px;align-items:center;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.mon-badge-danger{color:var(--red-primary);background:#fef2f2}.mon-status{white-space:nowrap;border-radius:999px;align-items:center;padding:3px 10px;font-size:10px;font-weight:700;display:inline-flex}.mon-status.is-sehat,.mon-status.is-terjadwal,.mon-status.is-succeeded,.mon-status.is-done{color:#166534;background:#dcfce7}.mon-status.is-sibuk,.mon-status.is-running{color:#1e40af;background:#dbeafe;animation:2s ease-in-out infinite mon-pulse}.mon-status.is-queued{color:#92400e;background:#fef3c7}.mon-status.is-offline,.mon-status.is-nonaktif{color:#6b7280;background:#f3f4f6}.mon-status.is-failed,.mon-status.is-error,.mon-status.is-cancelled{color:#991b1b;background:#fef2f2}.mon-status.is-warning{color:#92400e;background:#fef3c7}.mon-pipeline-row{grid-template-columns:320px minmax(0,1fr);gap:14px;margin-bottom:16px;display:grid}.mon-run-form{flex-direction:column;gap:12px;display:flex}.mon-run-field{flex-direction:column;gap:6px;display:flex}.mon-run-field label{color:var(--text-secondary);font-size:11px;font-weight:700}.mon-run-field input:not([type=checkbox]),.mon-run-field select{border:1px solid var(--mon-border);background:var(--surface);width:100%;height:40px;color:var(--text-primary);font:inherit;border-radius:8px;outline:none;padding:0 12px;font-size:13px}.mon-run-field input:not([type=checkbox]):focus-visible,.mon-run-field select:focus-visible{border-color:var(--mon-green);box-shadow:0 0 0 3px #0b7a251a}.mon-run-field input:disabled,.mon-run-field select:disabled{cursor:not-allowed;opacity:.55}.mon-run-btn{justify-content:center;width:100%;padding:10px 16px;font-size:13px}.mon-run-feedback{min-height:18px;margin:0;font-size:11px;font-weight:600}.mon-run-feedback.is-success{color:var(--mon-green)}.mon-run-feedback.is-error{color:var(--red-primary)}.mon-backfill-row{margin-top:16px}.mon-run-form-stacked{flex-direction:column;align-items:stretch;display:flex}.mon-run-form-stacked .mon-run-field,.mon-run-form-stacked .mon-check-field{width:100%;min-width:0}.mon-run-form-stacked .mon-run-btn{width:100%}#batch-progress,#backfill-progress{overscroll-behavior-y:contain;scrollbar-gutter:stable;max-height:430px;padding-right:6px;overflow-y:auto}.mon-check-field{border:1px solid var(--mon-border);border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;min-width:190px;margin:0;padding:8px;display:grid}.mon-check-field legend{color:var(--text-secondary);text-transform:uppercase;padding:0 4px;font-size:9px;font-weight:700}.mon-check-field label{border:1px solid var(--mon-border);background:var(--surface);min-height:34px;color:var(--text-secondary);cursor:pointer;border-radius:7px;justify-content:flex-start;align-items:center;gap:7px;margin:0;padding:6px 8px;font-size:11px;font-weight:600;display:flex}.mon-check-field label:hover{background:#0b7a250a;border-color:#0b7a2566}.mon-check-field input[type=checkbox]{width:16px;height:16px;accent-color:var(--mon-green);cursor:pointer;flex:none;margin:0}.mon-check-field input:focus-visible{outline:2px solid var(--mon-green);outline-offset:2px}.mon-batch{border:1px solid var(--mon-border);background:#fafcfb;border-radius:10px;padding:12px 14px}.mon-batch+.mon-batch{margin-top:10px}.mon-batch-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.mon-batch-head strong{font-size:13px}.mon-batch-parameters{flex-wrap:wrap;gap:5px;margin:-2px 0 8px;display:flex}.mon-batch-parameter{border:1px solid var(--mon-green);align-items:baseline;gap:4px;padding:3px 6px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.mon-batch-parameter{border:1px solid color-mix(in srgb, var(--mon-green) 18%, var(--mon-border))}}.mon-batch-parameter{background:var(--mon-green);border-radius:6px}@supports (color:color-mix(in lab, red, red)){.mon-batch-parameter{background:color-mix(in srgb, var(--mon-green) 5%, white)}}.mon-batch-parameter small{color:var(--text-secondary);text-transform:uppercase;font-size:8px;font-weight:700}.mon-batch-parameter strong{color:var(--text-primary);font-size:9px}.mon-batch-detail{color:var(--text-secondary);align-items:center;gap:12px;margin-top:6px;font-size:10px;display:flex}.mon-batch.is-running{background:#eff6ff;border-color:#93c5fd}.mon-progress-track{background:#e5e7eb;border-radius:999px;width:100%;height:8px;overflow:hidden}.mon-progress-bar{background:var(--mon-green);border-radius:999px;height:100%;transition:width .6s}.is-running .mon-progress-bar{background:#3b82f6}.is-warning .mon-progress-bar{background:var(--orange-primary)}.is-cancelled .mon-progress-bar{background:var(--text-secondary)}.mon-card .table-scroll{padding:0 18px 14px}.schedule-table{min-width:1040px}.schedule-table th:first-child,.schedule-table td:first-child{width:34%}.schedule-table .schedule-command{color:var(--text-secondary);font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.schedule-table .schedule-description{max-width:680px;color:var(--text-secondary);margin:4px 0 0;font-size:10px;line-height:1.5}.schedule-parameters{flex-wrap:wrap;gap:5px;min-width:220px;display:flex}.schedule-parameter{border:1px solid var(--mon-border);background:var(--bg-soft);border-radius:7px;flex-direction:column;gap:1px;padding:5px 7px;display:inline-flex}.schedule-parameter small{color:var(--text-secondary);letter-spacing:.04em;text-transform:uppercase;font-size:8px;font-weight:700}.schedule-parameter strong{color:var(--text-primary);font-size:10px;line-height:1.25}.mon-runtime-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:16px 0;display:grid}.mon-runtime-card{border:1px solid var(--mon-border);border-radius:var(--mon-radius);background:var(--bg-card);box-shadow:var(--mon-shadow);padding:16px 18px}.mon-runtime-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.mon-runtime-card h3{margin:0 0 4px;font-size:13px}.mon-runtime-card p{color:var(--text-secondary);margin:0;font-size:11px}.mon-runtime-card>small{color:var(--text-secondary);font-size:10px}.mon-bottom-grid{grid-template-columns:minmax(0,1.4fr) minmax(300px,.6fr);align-items:start;gap:14px;display:grid}.mon-right-stack{gap:14px;display:grid}.mon-stream-section+.mon-stream-section{margin-top:14px}.mon-stream-head{border-bottom:1px solid var(--mon-border);justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:6px;display:flex}.mon-stream-head strong{font-size:12px}.mon-stream-head small{color:var(--text-secondary);font-size:10px}.mon-stream-item{align-items:center;gap:10px;padding:8px 0;display:flex}.mon-stream-item+.mon-stream-item{border-top:1px solid #f3f4f6}.mon-stream-item>div{flex:1;min-width:0}.mon-stream-item strong{font-size:11px;display:block}.mon-stream-item small{color:var(--text-secondary);font-size:10px}.mon-parent{padding:10px 0}.mon-parent+.mon-parent{border-top:1px solid var(--mon-border)}.mon-parent-head{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.mon-parent-head strong{font-size:11px}.mon-parent-head span{color:var(--mon-green);font-size:12px;font-weight:700}.mon-parent>small{color:var(--text-secondary);margin-top:4px;font-size:10px;display:block}.mon-error{padding:10px 0}.mon-error+.mon-error{border-top:1px solid var(--mon-border)}.mon-error-head{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.mon-error-head strong{color:var(--red-primary);font-size:11px}.mon-error-head small{color:var(--text-secondary);font-size:10px}.mon-error p{color:var(--text-secondary);word-break:break-word;margin:0;font-size:11px;line-height:1.5}.mon-empty{border:1px dashed var(--mon-border);color:var(--text-secondary);text-align:center;background:#fafcfb;border-radius:10px;flex-direction:column;align-items:center;gap:8px;padding:24px 16px;font-size:12px;display:flex}.mon-empty svg{opacity:.5;width:24px;height:24px}.mon-filter select{min-width:120px;height:32px;color:var(--text-primary);border:1px solid var(--mon-border);background:var(--bg-card);font:inherit;border-radius:8px;outline:none;padding:0 28px 0 10px;font-size:12px}.mon-filter select:focus-visible{border-color:var(--mon-green);box-shadow:0 0 0 3px #0b7a251a}.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}.scheduler-settings-backdrop{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1123197a;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.scheduler-settings-backdrop[hidden]{display:none}.scheduler-settings-modal{border:1px solid var(--mon-border);background:var(--bg-card);border-radius:16px;width:min(620px,100%);animation:.18s ease-out mon-modal-in;overflow:hidden;box-shadow:0 24px 70px #0c28173d}.scheduler-settings-modal>header{border-bottom:1px solid var(--mon-border);background:linear-gradient(135deg, #f8fcf9, var(--mon-green-bg));justify-content:space-between;align-items:flex-start;gap:18px;padding:20px 22px;display:flex}.scheduler-settings-modal h2{margin:0;font-size:16px}.scheduler-settings-modal p{margin:0}.scheduler-settings-modal header p:last-child{color:var(--text-secondary);margin-top:4px;font-size:11px}.scheduler-settings-modal header button{width:32px;height:32px;color:var(--text-secondary);border:1px solid var(--mon-border);background:var(--bg-card);cursor:pointer;border-radius:8px;place-items:center;display:grid}.scheduler-settings-modal header button svg{width:14px;height:14px}.scheduler-settings-modal form{padding:20px 22px}.scheduler-toggle{border:1px solid var(--mon-border);background:#fafcfb;border-radius:10px;justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px;padding:14px;display:flex}.scheduler-toggle strong,.scheduler-toggle small{display:block}.scheduler-toggle strong{font-size:12px}.scheduler-toggle small{color:var(--text-secondary);margin-top:3px;font-size:10px}.scheduler-toggle input{width:38px;height:22px;accent-color:var(--mon-green);cursor:pointer}.scheduler-time-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.scheduler-time-grid label{color:var(--text-primary);gap:6px;font-size:11px;font-weight:700;display:grid}.scheduler-time-grid input{border:1px solid var(--mon-border);width:100%;height:40px;font:inherit;border-radius:8px;outline:none;padding:0 12px}.scheduler-time-grid input:focus-visible{border-color:var(--mon-green);box-shadow:0 0 0 3px #0b7a251a}.scheduler-proxy-field{gap:7px;margin-top:16px;display:grid}.scheduler-proxy-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.scheduler-proxy-heading label{color:var(--text-primary);font-size:11px;font-weight:750}.scheduler-proxy-heading span{color:var(--mon-green);background:var(--mon-green-bg);border:1px solid #0b7a252e;border-radius:999px;padding:4px 8px;font-size:9px;font-weight:800}.scheduler-proxy-field textarea{resize:vertical;color:#26372d;border:1px solid var(--mon-border);background:#fbfdfb;border-radius:10px;outline:none;width:100%;min-height:156px;padding:12px 14px;font:500 11px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace}.scheduler-proxy-field textarea:focus-visible{border-color:var(--mon-green);box-shadow:0 0 0 3px #0b7a251a}.scheduler-proxy-field textarea:disabled{cursor:wait;opacity:.55}.scheduler-proxy-field>p{color:var(--text-secondary);font-size:10px;line-height:1.5}.scheduler-proxy-field code{color:#28563a;font-size:10px}.scheduler-settings-note{color:#6a5a20;background:#fffbed;border:1px solid #e8dca6;border-radius:8px;padding:12px 14px;font-size:11px;line-height:1.5;margin-top:14px!important}.scheduler-settings-feedback{min-height:18px;font-size:11px;font-weight:600;margin-top:10px!important}.scheduler-settings-feedback.is-success{color:var(--mon-green)}.scheduler-settings-feedback.is-error{color:var(--red-primary)}.scheduler-settings-modal footer{justify-content:flex-end;gap:8px;margin-top:14px;display:flex}.scheduler-settings-modal footer button{cursor:pointer;font-family:inherit}.scheduler-settings-modal button:disabled{cursor:wait;opacity:.6}body.modal-open{overflow:hidden}@keyframes mon-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes mon-modal-in{0%{opacity:0;transform:translateY(8px)scale(.985)}to{opacity:1;transform:none}}@media (width<=1024px){.mon-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.mon-pipeline-row{grid-template-columns:1fr}.mon-runtime-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mon-bottom-grid{grid-template-columns:1fr}}@media (width<=640px){.monitoring-page-heading{align-items:stretch}.monitor-toolbar{justify-content:space-between;width:100%}.connection-state small{display:none}.mon-metrics,.mon-runtime-grid{grid-template-columns:1fr}.mon-card-head{flex-wrap:wrap}.mon-filter{width:100%;margin-top:8px}.mon-filter select{width:100%}.scheduler-time-grid{grid-template-columns:1fr}.scheduler-settings-modal{max-height:calc(100vh - 24px);overflow-y:auto}.monitor-btn span{display:none}}.commodity-detail-toolbar{align-items:center;margin-bottom:.65rem;display:flex}.commodity-back{border:1px solid var(--green-primary);align-items:center;gap:.45rem;padding:.48rem .8rem;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.commodity-back{border:1px solid color-mix(in srgb,var(--green-primary) 55%,transparent)}}.commodity-back{color:var(--green-primary);background:#fff;border-radius:.55rem;font-size:.78rem;font-weight:700;transition:all .2s}.commodity-back:hover{box-shadow:var(--shadow-card);transform:translate(-2px)}.commodity-back svg{width:1rem}.commodity-detail-filters{grid-template-columns:1fr 1fr 1fr;max-width:48rem}.commodity-tabs{border:1px solid var(--border-color);background:#fff;border-radius:.7rem .7rem 0 0;grid-template-columns:repeat(5,minmax(0,1fr));margin-top:.85rem;display:grid;overflow:hidden}.commodity-tab{text-align:center;color:var(--text-primary-muted);border-right:1px solid var(--border-color);padding:.8rem .65rem;font-size:.78rem;font-weight:700;transition:all .2s;position:relative}.commodity-tab:last-child{border-right:0}.commodity-tab:hover{background:var(--bg-page);color:var(--text-primary)}.commodity-tab.is-active{color:var(--red-primary);background:var(--red-primary)}@supports (color:color-mix(in lab, red, red)){.commodity-tab.is-active{background:color-mix(in srgb,var(--red-primary) 4%,#fff)}}.commodity-tab.is-warning.is-active{color:#dd6b20}.commodity-tab.is-caution.is-active{color:#ca8a04}.commodity-tab.is-safe.is-active{color:var(--green-primary)}.commodity-tab.is-active:after{content:"";background:currentColor;height:3px;position:absolute;bottom:0;left:0;right:0}.commodity-guidance-grid{grid-template-columns:.72fr 1.28fr;gap:.75rem;margin-top:.55rem;display:grid}.commodity-guidance-card{border:1px solid var(--border-color);background:linear-gradient(145deg,#fff,var(--bg-page));min-height:7.3rem;box-shadow:var(--shadow-card);border-radius:.7rem;gap:.85rem;padding:1rem;display:flex}.commodity-guidance-card.is-danger{border-color:var(--red-primary)}@supports (color:color-mix(in lab, red, red)){.commodity-guidance-card.is-danger{border-color:color-mix(in srgb,var(--red-primary) 60%,var(--border-color))}}.commodity-guidance-icon{background:var(--bg-page);height:2.4rem;color:var(--text-primary);border-radius:.7rem;flex:0 0 2.4rem;place-items:center;display:grid}.commodity-guidance-card.is-danger .commodity-guidance-icon,.commodity-guidance-card.is-danger h2{color:var(--red-primary)}.commodity-guidance-card h2{margin-bottom:.45rem;font-size:.9rem}.commodity-guidance-card p,.commodity-guidance-card li{color:var(--text-primary-muted);font-size:.72rem;line-height:1.55}.commodity-guidance-card ol{columns:2;column-gap:1.8rem;padding-left:1.15rem}.commodity-guidance-card li{break-inside:avoid;margin-bottom:.25rem}.commodity-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:.75rem;display:grid}.commodity-detail-card{border:1px solid var(--border-color);box-shadow:var(--shadow-card);background:#fff;border-radius:.75rem;grid-template-columns:.8fr 1.42fr;transition:all .2s;display:grid;overflow:hidden}.commodity-detail-card:hover{box-shadow:var(--shadow-card);transform:translateY(-2px)}.commodity-detail-summary{border-right:1px solid var(--border-color);padding:.9rem}.commodity-detail-summary h2{color:var(--green-primary);margin-bottom:.65rem;font-size:.9rem}.commodity-detail-summary dl,.commodity-detail-metrics dl{gap:.35rem;display:grid}.commodity-detail-summary dl>div,.commodity-detail-metrics dl>div{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.commodity-detail-summary dt,.commodity-detail-metrics dt{color:var(--text-primary-muted);font-size:.68rem}.commodity-detail-summary dd,.commodity-detail-metrics dd{font-size:.7rem;font-weight:600}.commodity-detail-summary dd span{margin-left:.35rem}.commodity-card-actions{grid-template-columns:1fr 1fr;gap:.45rem;margin-top:.85rem;display:grid}.commodity-card-actions button{border:1px solid var(--green-primary);justify-content:center;align-items:center;gap:.35rem;padding:.46rem .35rem;display:flex}@supports (color:color-mix(in lab, red, red)){.commodity-card-actions button{border:1px solid color-mix(in srgb,var(--green-primary) 55%,transparent)}}.commodity-card-actions button{color:var(--green-primary);cursor:pointer;background:#fff;border-radius:.45rem;font-size:.65rem;font-weight:700}.commodity-card-actions button:first-child{background:var(--green-primary);color:#fff}.commodity-card-actions button:hover{filter:brightness(.96);transform:translateY(-1px)}.commodity-card-actions svg{width:.8rem}.commodity-detail-metrics{grid-template-rows:1fr 1fr;display:grid}.commodity-detail-metrics section{padding:.75rem .85rem}.commodity-detail-metrics section+section{border-top:1px solid var(--border-color)}.commodity-detail-metrics header{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.commodity-detail-metrics h3{font-size:.72rem}.commodity-detail-metrics dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}.commodity-detail-metrics dl>div{gap:.3rem;display:flex}.status-badge{color:var(--red-primary);background:#fff;border:1px solid;border-radius:.4rem;padding:.25rem .55rem;font-size:.58rem;font-weight:700;display:inline-flex}.status-badge.is-safe{color:var(--green-primary)}.status-badge.is-warning{color:#dd6b20}.status-badge.is-caution{color:#ca8a04}.commodity-empty{text-align:center;border:1px dashed var(--border-color);background:var(--bg-page);min-height:17rem;color:var(--text-primary-muted);border-radius:.75rem;grid-column:1/-1;place-items:center;padding:2rem;display:grid}.commodity-empty svg{width:2.5rem;height:2.5rem;margin-bottom:.6rem}.commodity-empty h2{color:var(--text-primary);font-size:1rem}.commodity-dialog{border:0;border-radius:.8rem;width:min(34rem,100vw - 2rem);max-height:78vh;padding:0;box-shadow:0 24px 80px #0f172a47}.commodity-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a85}.commodity-dialog-head{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1rem;display:flex}.commodity-dialog-head h2{font-size:.9rem}.commodity-dialog-head button{background:var(--bg-page);cursor:pointer;border:0;border-radius:.45rem;place-items:center;width:2rem;height:2rem;display:grid}.commodity-dialog-head svg{width:1rem}.commodity-dialog-body{flex-wrap:wrap;gap:.45rem;padding:1rem;display:flex;overflow:auto}.region-chip{background:var(--green-primary);border-radius:999px;padding:.4rem .65rem}@supports (color:color-mix(in lab, red, red)){.region-chip{background:color-mix(in srgb,var(--green-primary) 10%,#fff)}}.region-chip{color:var(--green-primary);font-size:.7rem;font-weight:700}.commodity-history-list{display:grid}.commodity-history-list>div{border-bottom:1px solid var(--border-color);justify-content:space-between;width:100%;padding:.55rem;font-size:.72rem;display:flex}.commodity-history-list time{color:var(--text-primary-muted)}@media (width<=1180px){.commodity-card-grid{grid-template-columns:1fr}.commodity-detail-card{grid-template-columns:.72fr 1.28fr}}@media (width<=820px){.commodity-detail-filters,.commodity-guidance-grid{grid-template-columns:1fr}.commodity-tabs{display:flex;overflow-x:auto}.commodity-tab{flex:0 0 10rem}.commodity-guidance-card ol{columns:1}.commodity-detail-card{grid-template-columns:1fr}.commodity-detail-summary{border-right:0;border-bottom:1px solid var(--border-color)}}@media (width<=520px){.commodity-detail-metrics dl,.commodity-card-actions{grid-template-columns:1fr}.commodity-detail-metrics header{flex-direction:column;align-items:flex-start}.commodity-detail-summary dl>div{grid-template-columns:.8fr 1.2fr}}.commodity-back:focus-visible,.commodity-tab:focus-visible,.commodity-card-actions button:focus-visible,.commodity-dialog-head button:focus-visible,.prediksi-pangan-ews-detail-label:focus-visible{outline:3px solid var(--green-primary)}@supports (color:color-mix(in lab, red, red)){.commodity-back:focus-visible,.commodity-tab:focus-visible,.commodity-card-actions button:focus-visible,.commodity-dialog-head button:focus-visible,.prediksi-pangan-ews-detail-label:focus-visible{outline:3px solid color-mix(in srgb,var(--green-primary) 35%,transparent)}}.commodity-back:focus-visible,.commodity-tab:focus-visible,.commodity-card-actions button:focus-visible,.commodity-dialog-head button:focus-visible,.prediksi-pangan-ews-detail-label:focus-visible{outline-offset:2px}.commodity-tab.is-danger{color:#b91c1c;background:#fff}.commodity-tab.is-warning{color:#c2410c;background:#fff}.commodity-tab.is-caution{color:#a16207;background:#fff}.commodity-tab.is-safe{color:#047857;background:#fff}.commodity-tab.is-danger:hover{background:#fff1f2}.commodity-tab.is-warning:hover{background:#fff7ed}.commodity-tab.is-caution:hover{background:#fefce8}.commodity-tab.is-safe:hover{background:#ecfdf5}.commodity-tab.is-active{font-weight:800;box-shadow:inset 0 0 0 1px}@supports (color:color-mix(in lab, red, red)){.commodity-tab.is-active{box-shadow:inset 0 0 0 1px color-mix(in srgb,currentColor 18%,transparent)}}.commodity-tab.is-danger.is-active{background:#ffe4e6}.commodity-tab.is-warning.is-active{background:#ffedd5}.commodity-tab.is-caution.is-active{background:#fef9c3}.commodity-tab.is-safe.is-active{background:#d1fae5}.commodity-guidance-card ul{columns:2;column-gap:1.8rem;padding-left:1.15rem;list-style:outside}.commodity-guidance-card ul li{break-inside:avoid;margin-bottom:.25rem}.commodity-guidance-card ul li::marker{color:currentColor}@media (width<=820px){.commodity-guidance-card ul{columns:1}}.commodity-guidance-card ol{columns:2;column-gap:1.8rem;padding-left:1.2rem;list-style:decimal}.commodity-guidance-card ol li{break-inside:avoid;margin-bottom:.25rem}.commodity-card-actions{grid-template-columns:1fr}.commodity-card-actions a{border:1px solid var(--green-primary);justify-content:center;align-items:center;gap:.35rem;padding:.46rem .35rem;display:flex}@supports (color:color-mix(in lab, red, red)){.commodity-card-actions a{border:1px solid color-mix(in srgb,var(--green-primary) 55%,transparent)}}.commodity-card-actions a{color:#fff;background:var(--green-primary);border-radius:.45rem;font-size:.65rem;font-weight:700;transition:all .2s}.commodity-card-actions a:hover{filter:brightness(.96);transform:translateY(-1px)}.commodity-card-actions a svg{width:.8rem}.status-badge[data-status-color=red],.status-badge[data-status-color=black]{color:#b91c1c;background:#fff1f2}.status-badge[data-status-color=orange]{color:#c2410c;background:#fff7ed}.status-badge[data-status-color=yellow]{color:#a16207;background:#fefce8}.status-badge[data-status-color=green]{color:#047857;background:#ecfdf5}.commodity-detail-metrics{grid-template-rows:auto}.commodity-action-row{grid-column:1/-1}.commodity-action-row ul{margin:.45rem 0 0;padding-left:1rem;list-style:outside}.commodity-action-row li{color:var(--text-secondary);margin-bottom:.2rem;font-size:.65rem;line-height:1.45}@media (width<=820px){.commodity-guidance-card ol{columns:1}}@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-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@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-outline-style{syntax:"*";inherits:false;initial-value:solid}@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-content{syntax:"*";inherits:false;initial-value:""}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes pulse{50%{opacity:.5}}@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}}