:root{--brand:oklch(54% 0.155 42);--brand-hi:oklch(62% 0.17 45);--gold:oklch(76% 0.12 78);--forest:oklch(28% 0.05 155);--ink:oklch(22% 0.015 60);--night:oklch(19% 0.022 155);--night-2:oklch(24% 0.028 152);--night-line:oklch(100% 0 0/0.09);--night-text:oklch(96% 0.008 80);--night-dim:oklch(78% 0.012 80);--app-bg:oklch(98.4% 0.004 80);--app-surface:oklch(100% 0 0);--app-sunken:oklch(96.6% 0.006 80);--app-line:oklch(22% 0.015 60/0.10);--app-line-strong:oklch(22% 0.015 60/0.18);--lift-1:0 1px 1px oklch(22% 0.015 60/0.04),0 2px 6px oklch(22% 0.015 60/0.05);--lift-2:0 1px 2px oklch(22% 0.015 60/0.05),0 8px 24px -6px oklch(22% 0.015 60/0.10);--lift-3:0 2px 4px oklch(22% 0.015 60/0.06),0 18px 48px -12px oklch(22% 0.015 60/0.18);--glow-brand:0 0 0 1px oklch(58% 0.15 42/0.35),0 8px 32px -8px oklch(58% 0.15 42/0.45);--app-text-xs:11.5px;--app-text-sm:13px;--app-text:14px;--app-text-lg:16px;--app-h:19px;--app-h-lg:24px;--app-row:40px;--spring:linear(0,.3 8%,.72 18%,.93 26%,1.02 34%,1.04 42%,1 60%,1);--swift:cubic-bezier(.2,.8,.2,1);--t-1:120ms;--t-2:220ms;--t-3:420ms;--in-oklab: }@supports (background:linear-gradient(in oklab,white,black)){:root{--in-oklab:in oklab}}html{color-scheme:light}:where(table,.tabular,[data-numeric],.stat-value,output){font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}:where(h1,h2,h3,.display){text-wrap:balance}:where(p,li){text-wrap:pretty}:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:var(--radius-sm)}@media (pointer:coarse){:where(a,button,[role=button]){min-block-size:40px}}.canvas-night{position:relative;isolation:isolate;background:var(--night);color:var(--night-text);overflow:clip}.canvas-night:before{content:"";position:absolute;inset:-20%;z-index:-2;background:radial-gradient(42% 38% at 18% 12%,oklch(58% .15 42/.42),transparent 70%),radial-gradient(38% 42% at 84% 22%,oklch(76% .12 78/.26),transparent 68%),radial-gradient(52% 44% at 62% 96%,oklch(48% .09 158/.44),transparent 72%);filter:blur(8px)}.canvas-night:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.5;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E")}.canvas-night :where(h1,h2,h3,h4){color:var(--night-text)}.canvas-night :where(p,li){color:var(--night-dim)}.glass{background:oklch(100% 0 0/.055);border:1px solid var(--night-line);border-radius:var(--radius-xl);backdrop-filter:blur(14px) saturate(1.3);box-shadow:inset 0 1px 0 oklch(100% 0 0/.1),0 20px 60px -24px oklch(0 0 0/.6)}@supports (corner-shape:squircle){.btn-2026,.card-2026,.glass{corner-shape:squircle}}.card-2026{background:var(--app-surface);border:1px solid var(--app-line);border-radius:var(--radius-lg);box-shadow:var(--lift-1);transition:box-shadow var(--t-2) var(--swift),translate var(--t-2) var(--swift)}.card-2026:where(:hover){box-shadow:var(--lift-2);translate:0 -2px}.btn-2026{display:inline-flex;align-items:center;justify-content:center;gap:.5em;padding:.72em 1.35em;border-radius:var(--radius-pill);font-weight:600;letter-spacing:-.01em;line-height:1.2;text-decoration:none;background-color:var(--brand);color:oklch(98% .01 80);box-shadow:var(--lift-1);transition:background-color var(--t-1) var(--swift),box-shadow var(--t-2) var(--swift),scale var(--t-2) var(--spring)}.btn-2026:where(:hover:not(:disabled)){background-color:var(--brand-hi);box-shadow:var(--glow-brand)}.btn-2026:where(:active:not(:disabled)){scale:.97}.btn-2026[data-tone=gold]{background-color:var(--gold);color:var(--ink)}.btn-2026[data-tone=ink]{background-color:var(--ink);color:oklch(97% .01 80)}.app-frame{display:grid;gap:var(--space-6)}.app-stats{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.app-split{display:grid;gap:var(--space-6);grid-template-columns:minmax(0,1.9fr) minmax(280px,1fr)}@media (width < 1024px){.app-split{grid-template-columns:1fr}}.row-flag{border-inline-start:3px solid var(--app-line-strong);padding-inline-start:var(--space-3)}.row-flag[data-urgency=tinggi]{border-inline-start-color:oklch(58% .19 28)}.row-flag[data-urgency=sedang]{border-inline-start-color:var(--gold)}.row-flag[data-urgency=rendah]{border-inline-start-color:oklch(58% .1 158)}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-2,.grid-3{display:grid;gap:var(--space-6)}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}@media (width < 900px){.grid-2,.grid-3{grid-template-columns:1fr}}@media (prefers-reduced-motion:no-preference){.rise{transition:opacity var(--t-3) var(--swift),translate var(--t-3) var(--swift);@starting-style{opacity:0;translate:0 14px}}.rise-2{transition-delay:70ms}.rise-3{transition-delay:.14s}.rise-4{transition-delay:.21s}:where(dialog,[popover]){transition:opacity var(--t-2) var(--swift),translate var(--t-2) var(--swift),overlay var(--t-2) allow-discrete,display var(--t-2) allow-discrete;@starting-style{opacity:0;translate:0 8px}}}@supports (animation-timeline:scroll()){@media (prefers-reduced-motion:no-preference){.read-progress{position:fixed;inset-block-start:0;inset-inline:0;block-size:2px;z-index:60;transform-origin:0 50%;background:linear-gradient(to right var(--in-oklab),var(--brand),var(--gold));animation:progress-x linear both;animation-timeline:scroll(root block)}.drift{animation:drift-y linear both;animation-timeline:view();animation-range:entry 0 cover 60%}}}@keyframes progress-x{0%{scale:0 1}to{scale:1 1}}@keyframes drift-y{0%{translate:0 22px}to{translate:0 0}}.lift-hover{transition:translate var(--t-2) var(--swift),box-shadow var(--t-2) var(--swift)}.lift-hover:where(:hover){translate:0 -3px}.shine{background:linear-gradient(100deg var(--in-oklab),var(--gold) 20%,oklch(96% .02 80) 45%,var(--gold) 70%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shine 6s var(--ease-in-out-soft) infinite}@keyframes shine{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.skeleton{background:linear-gradient(90deg var(--in-oklab),var(--app-sunken) 25%,oklch(93% .006 80) 37%,var(--app-sunken) 63%);background-size:400% 100%;animation:skeleton 1.4s ease-in-out infinite;border-radius:var(--radius-sm)}@keyframes skeleton{0%{background-position:100% 50%}to{background-position:0 50%}}@view-transition{navigation:auto}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.shine{color:var(--gold);background:none;-webkit-background-clip:initial;background-clip:initial}}@property --nav-fg{syntax:"<color>";inherits:true;initial-value:#6B5F52}@property --nav-fg-strong{syntax:"<color>";inherits:true;initial-value:#2A2520}@property --nav-hover{syntax:"<color>";inherits:true;initial-value:rgb(42 37 32/.06)}.site-header{position:sticky;inset-block-start:0;z-index:40;background-color:oklch(98.4% .004 80/.88);border-block-end:1px solid var(--app-line);backdrop-filter:blur(12px) saturate(1.4);--nav-fg:oklch(40% 0.012 60);--nav-fg-strong:var(--ink);--nav-hover:oklch(22% 0.015 60/0.06)}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:scroll()){.site-header:where([data-over-dark=true]){animation:header-solidify linear both;animation-timeline:scroll(root block);animation-range:0 200px}}}@keyframes header-solidify{0%{background-color:oklch(19% .022 155/0);border-block-end-color:oklch(100% 0 0/0);--nav-fg:oklch(80% 0.012 80);--nav-fg-strong:oklch(97% 0.008 80);--nav-hover:oklch(100% 0 0/0.12)}to{background-color:oklch(98.4% .004 80/.9);border-block-end-color:oklch(22% .015 60/.1);--nav-fg:oklch(40% 0.012 60);--nav-fg-strong:oklch(22% 0.015 60);--nav-hover:oklch(22% 0.015 60/0.06)}}.site-header[data-over-dark=true]{--header-h:80px;margin-block-end:calc(-1 * var(--header-h))}.site-header[data-over-dark=true]+main .canvas-night:first-child,.site-header[data-over-dark=true]~main .canvas-night:first-of-type{padding-block-start:var(--header-h)}.surface-beras{background:oklch(98.6% .006 78);color:var(--ink)}.surface-card{background:oklch(96.8% .009 78);color:var(--ink)}.surface-bambu{background:oklch(93.5% .018 78);color:var(--ink)}.surface-pandan,.surface-pandan-dark{position:relative;isolation:isolate;background:var(--night);color:var(--night-text);overflow:clip}.surface-pandan-dark:before,.surface-pandan:before{content:"";position:absolute;inset:-30%;z-index:-1;background:radial-gradient(40% 50% at 12% 0,oklch(48% .09 158/.55),transparent 70%),radial-gradient(36% 46% at 88% 100%,oklch(58% .15 42/.3),transparent 72%)}.surface-pandan :where(h1,h2,h3,h4),.surface-pandan-dark :where(h1,h2,h3,h4){color:var(--night-text)}.surface-pandan :where(p,li),.surface-pandan-dark :where(p,li){color:var(--night-dim)}.surface-bakar{position:relative;isolation:isolate;background:oklch(52% .15 40);color:oklch(98% .01 80);overflow:clip}.surface-bakar:before{content:"";position:absolute;inset:-30%;z-index:-1;background:radial-gradient(45% 55% at 20% 0,oklch(66% .17 45/.7),transparent 70%),radial-gradient(40% 50% at 85% 95%,oklch(36% .1 30/.65),transparent 72%)}.surface-bakar :where(h1,h2,h3,h4){color:oklch(99% .008 80)}.surface-bakar :where(p,li){color:oklch(93% .02 60)}.surface-beras :where(.card,[data-card]),.surface-card :where(.card,[data-card]){background:var(--app-surface);border:1px solid var(--app-line);box-shadow:var(--lift-1)}:root{--n-0:oklch(99.2% 0.002 95);--n-25:oklch(97.6% 0.003 95);--n-50:oklch(95.4% 0.004 95);--n-100:oklch(91.5% 0.005 95);--n-200:oklch(85% 0.006 95);--n-400:oklch(62% 0.008 90);--n-600:oklch(46% 0.009 80);--n-800:oklch(28% 0.010 70);--n-900:oklch(19% 0.012 65);--a-brand:oklch(54% 0.165 38);--a-brand-hi:oklch(60% 0.175 40);--a-brand-soft:oklch(94% 0.035 45);--a-gold:oklch(76% 0.135 82);--a-deep:oklch(24% 0.048 160);--a-cool:oklch(52% 0.115 245);--color-beras:rgb(var(--rgb-beras));--color-beras-soft:rgb(var(--rgb-beras-soft));--color-bambu:rgb(var(--rgb-bambu));--color-bambu-dark:rgb(var(--rgb-bambu-dark));--color-sangrai:rgb(var(--rgb-sangrai));--color-sangrai-soft:rgb(var(--rgb-sangrai-soft));--color-sangrai-muted:rgb(var(--rgb-sangrai-muted));--unused-sangrai-muted:var(--n-600);--color-sangrai-light:rgb(var(--rgb-sangrai-light));--unused-sangrai-light:var(--n-400);--color-tanah-bakar:rgb(var(--rgb-tanah-bakar));--color-tanah-bakar-dark:rgb(var(--rgb-tanah-bakar-dark));--color-tanah-bakar-light:rgb(var(--rgb-tanah-bakar-light));--unused-tanah-bakar-light:var(--a-brand-hi);--color-daun-pandan:rgb(var(--rgb-daun-pandan));--color-daun-pandan-dark:rgb(var(--rgb-daun-pandan-dark));--color-daun-pandan-light:rgb(var(--rgb-daun-pandan-light));--unused-daun-pandan-light:oklch(34% 0.055 158);--color-gula-aren:rgb(var(--rgb-gula-aren));--color-gula-aren-dark:rgb(var(--rgb-gula-aren-dark));--color-info:var(--a-cool);--color-success:oklch(52% 0.13 152);--color-warning:oklch(70% 0.14 75);--color-danger:oklch(53% 0.19 27);--color-border-subtle:oklch(19% 0.012 65/0.07);--color-border-default:oklch(19% 0.012 65/0.13);--color-border-strong:oklch(19% 0.012 65/0.22);--background:252 251 249;--foreground:30 28 26;--muted:234 232 229;--muted-foreground:112 108 103;--card:255 255 255;--card-foreground:30 28 26;--border:30 28 26;--input:234 232 229;--primary:186 78 47;--primary-foreground:255 253 251;--accent:214 163 74;--accent-foreground:30 28 26;--secondary:32 62 48;--secondary-foreground:252 251 249;--destructive:178 46 34;--destructive-foreground:255 253 251;--ring:186 78 47;--brand:var(--a-brand);--brand-hi:var(--a-brand-hi);--gold:var(--a-gold);--forest:var(--a-deep);--ink:var(--n-900);--night:oklch(17% 0.02 160);--night-2:oklch(22% 0.026 158);--app-bg:var(--n-25);--app-surface:var(--n-0);--app-sunken:var(--n-50);--app-line:oklch(19% 0.012 65/0.09);--app-line-strong:oklch(19% 0.012 65/0.16)}.surface-beras{background:var(--n-0);color:var(--n-900)}.surface-card{background:var(--n-25);color:var(--n-900)}.surface-bambu{background:var(--n-50);color:var(--n-900)}:root{--lift-1:0 1px 1px oklch(19% 0.012 65/0.04),0 2px 6px oklch(19% 0.012 65/0.05);--lift-2:0 1px 2px oklch(19% 0.012 65/0.05),0 8px 24px -6px oklch(19% 0.012 65/0.10);--lift-3:0 2px 4px oklch(19% 0.012 65/0.06),0 20px 50px -12px oklch(19% 0.012 65/0.20);--rgb-beras:253 252 251;--rgb-beras-soft:248 247 245;--rgb-bambu:228 227 223;--rgb-bambu-dark:207 206 201;--rgb-sangrai:24 19 14;--rgb-sangrai-soft:44 40 36;--rgb-sangrai-muted:91 88 82;--rgb-sangrai-light:136 134 129;--rgb-tanah-bakar:186 65 20;--rgb-tanah-bakar-dark:154 45 10;--rgb-tanah-bakar-light:210 81 26;--rgb-daun-pandan:5 38 23;--rgb-daun-pandan-dark:1 25 13;--rgb-daun-pandan-light:28 65 45;--rgb-gula-aren:220 168 60;--rgb-gula-aren-dark:183 129 15}[data-app=true] :where(h1,h2,h3,h4){font-family:var(--font-body);font-weight:600;letter-spacing:-.015em;color:var(--ink)}[data-app=true] :where(h1){font-size:var(--app-h-lg);line-height:1.25}[data-app=true] :where(h2){font-size:var(--app-h);line-height:1.3}[data-app=true] :where(h3){font-size:var(--app-text-lg);line-height:1.35}[data-app=true] :where(p,td,th,li,label,input,select,textarea,button){font-size:var(--app-text)}[data-app=true] :where(td,th){padding-block:.5rem}[data-app=true] nav details:not([open])>:not(summary){display:none}:where(footer,nav) li>a:only-child,:where(footer,nav) li>button:only-child{display:flex;align-items:center;min-block-size:24px}:where(div,dd,dt)>a{display:inline-flex;align-items:center;min-block-size:24px}:root{--rgb-gula-aren-ink:134 89 0}.text-accent,.text-gula-aren,.text-gula-aren-dark{color:rgb(var(--rgb-gula-aren-ink))}:is(.canvas-night,.surface-pandan,.surface-pandan-dark,.surface-bakar,footer,[class*=bg-daun-pandan]:not([class*="bg-daun-pandan/"]),[class*=bg-sangrai]:not([class*="bg-sangrai/"]),[class*=bg-tanah-bakar]:not([class*="bg-tanah-bakar/"])) :is(.text-accent,.text-gula-aren,.text-gula-aren-dark,.text-tanah-bakar){color:rgb(var(--rgb-gula-aren))}:where(.grid,.flex)>*{min-inline-size:0}