:root{--paper:#f4f5f3;--surface:#ffffff;--surface-2:#eceeea;--ink:#16181a;--ink-2:#545b62;--ink-3:#666d73;--rule:#dcdfda;--rule-strong:#c3c7c1;--accent:#1d4e6f;--accent-ink:#ffffff;--accent-soft:#e2ecf2;--ok:#2e6b47;--ok-soft:#e0ece4;--warn:#8a5a00;--warn-soft:#f6ecd8;--crit:#a32b24;--crit-soft:#f6e3e1;--idle:#666d73;--idle-soft:#e8eae6;--focus:#1d4e6f;--font-display:"Source Serif 4",Georgia,"Times New Roman",serif;--font-ui:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",sans-serif;--font-mono:"IBM Plex Mono",ui-monospace,"SF Mono",Menlo,monospace;--text-xs:0.6875rem;--text-sm:0.8125rem;--text-md:0.9375rem;--text-lg:1.125rem;--text-xl:1.5rem;--text-2xl:2rem;--text-3xl:2.75rem;--space-2xs:2px;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:24px;--space-2xl:32px;--radius:3px;--radius-lg:5px;--dur-fast:120ms;--dur-mid:200ms;--ease-out:cubic-bezier(0.22,1,0.36,1);--ease-in:cubic-bezier(0.55,0,1,0.45);--rail:208px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--paper:#14161a;--surface:#1b1e23;--surface-2:#23272d;--ink:#e9ebe7;--ink-2:#a4aab1;--ink-3:#868e96;--rule:#2b2f36;--rule-strong:#3c424a;--accent:#79b6d8;--accent-ink:#0f1418;--accent-soft:#1e2b34;--ok:#74c193;--ok-soft:#17281e;--warn:#dba646;--warn-soft:#2b2314;--crit:#e57d74;--crit-soft:#2e1a19;--idle:#868e96;--idle-soft:#22262b;--focus:#79b6d8}}:root[data-theme=dark]{--paper:#14161a;--surface:#1b1e23;--surface-2:#23272d;--ink:#e9ebe7;--ink-2:#a4aab1;--ink-3:#868e96;--rule:#2b2f36;--rule-strong:#3c424a;--accent:#79b6d8;--accent-ink:#0f1418;--accent-soft:#1e2b34;--ok:#74c193;--ok-soft:#17281e;--warn:#dba646;--warn-soft:#2b2314;--crit:#e57d74;--crit-soft:#2e1a19;--idle:#868e96;--idle-soft:#22262b;--focus:#79b6d8}body,html{overflow-x:clip}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-ui);font-size:var(--text-md);line-height:1.45;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}h1,h2,h3{margin:0;font-weight:600;text-wrap:balance}p{margin:0}a{text-decoration:none}a,button{color:inherit}button{font:inherit}.num{font-family:var(--font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.right{text-align:right}.nowrap{white-space:nowrap}.redup{color:var(--ink-3)}.kecil{font-size:var(--text-xs)}.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:var(--radius)}.skip{position:absolute;left:-9999px;top:0;z-index:100;background:var(--accent);color:var(--accent-ink);padding:var(--space-sm) var(--space-md)}.skip:focus{left:var(--space-sm);top:var(--space-sm)}.shell{display:grid;grid-template-columns:var(--rail) minmax(0,1fr);min-height:100dvh}.rail{border-right:1px solid var(--rule);background:var(--surface);display:flex;flex-direction:column;position:-webkit-sticky;position:sticky;top:0;height:100dvh}.rail__brand{display:flex;align-items:baseline;gap:var(--space-sm);padding:var(--space-lg) var(--space-lg) var(--space-md);border-bottom:1px solid var(--rule)}.rail__mark{font-family:var(--font-display);font-weight:700;font-size:var(--text-lg);letter-spacing:-.01em}.rail__sub{font-size:var(--text-xs);color:var(--ink-3);letter-spacing:.04em;text-transform:uppercase}.rail__nav{display:flex;flex-direction:column;padding:var(--space-sm);gap:var(--space-2xs)}.navitem{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border:0;border-radius:var(--radius);background:none;text-align:left;cursor:pointer;color:var(--ink-2);font-size:var(--text-sm);font-weight:500;white-space:nowrap;transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.navitem svg{flex:none}.navitem:hover{background:var(--surface-2);color:var(--ink)}.navitem[aria-current=page]{background:var(--accent-soft);color:var(--accent);font-weight:600}.navitem__count{margin-left:auto;font-size:var(--text-xs);color:var(--ink-3);font-family:var(--font-mono)}.navitem[aria-current=page] .navitem__count{color:var(--accent)}.rail__foot{margin-top:auto;padding:var(--space-md) var(--space-lg);border-top:1px solid var(--rule);color:var(--ink-3);display:flex;align-items:center;gap:var(--space-sm)}.avatar,.rail__foot{font-size:var(--text-xs)}.avatar{width:26px;height:26px;border-radius:50%;flex:none;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;font-weight:600}.main{min-width:0;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-lg) var(--space-xl);border-bottom:1px solid var(--rule);background:var(--surface);position:-webkit-sticky;position:sticky;top:0;z-index:5;flex-wrap:wrap}.topbar h1{font-family:var(--font-display);font-size:var(--text-xl);letter-spacing:-.015em;line-height:1.15}.topbar__meta{font-size:var(--text-sm);color:var(--ink-3)}.topbar__spacer{flex:1 1 auto}.isi{padding:var(--space-xl)}.btn{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border:1px solid var(--rule-strong);border-radius:var(--radius);background:var(--surface);cursor:pointer;font-size:var(--text-sm);font-weight:500;white-space:nowrap;transition:background var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.btn:hover{background:var(--surface-2);border-color:var(--ink-3)}.btn:active{transform:translateY(1px)}.btn[aria-disabled=true],.btn[disabled]{opacity:.45;cursor:not-allowed}.btn[disabled]:hover{background:var(--surface);border-color:var(--rule-strong)}.btn--primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn--primary:hover{background:color-mix(in oklab,var(--accent) 86%,var(--ink));border-color:color-mix(in oklab,var(--accent) 86%,var(--ink))}.btn--bahaya{color:var(--crit);border-color:color-mix(in oklab,var(--crit) 40%,var(--rule-strong))}.btn--bahaya:hover{background:var(--crit-soft);border-color:var(--crit)}.btn--sm{padding:var(--space-xs) var(--space-sm)}.btn--sm,.status{font-size:var(--text-xs)}.status{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.status:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;flex:none}.status--ok{color:var(--ok)}.status--warn{color:var(--warn)}.status--crit{color:var(--crit);font-weight:600}.status--idle{color:var(--ink-3)}.chip-sample{font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--warn);background:var(--warn-soft);border:1px solid color-mix(in oklab,var(--warn) 30%,transparent);padding:2px var(--space-sm);border-radius:999px;white-space:nowrap}.stagebar{display:flex;gap:var(--space-xs);overflow-x:auto;padding-bottom:var(--space-sm);margin-bottom:var(--space-lg);scrollbar-width:thin}.stagepill{display:inline-flex;align-items:baseline;gap:6px;padding:6px var(--space-md);border:1px solid var(--rule);border-radius:999px;background:var(--surface);cursor:pointer;font-size:var(--text-xs);font-weight:500;white-space:nowrap;color:var(--ink-2);transition:border-color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.stagepill:hover{border-color:var(--ink-3)}.stagepill[aria-current=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);font-weight:600}.stagepill__n{font-family:var(--font-mono);font-size:10px;color:var(--ink-3)}.stagepill[aria-current=true] .stagepill__n{color:var(--accent)}.board{display:flex;gap:var(--space-lg);overflow-x:auto;padding-bottom:var(--space-md)}.col{flex:0 0 268px;min-width:0}.col__head{display:flex;align-items:baseline;gap:var(--space-sm);padding-bottom:var(--space-sm);margin-bottom:var(--space-sm);border-bottom:2px solid var(--rule-strong)}.col__n{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--ink-3)}.col__name{font-size:var(--text-sm);font-weight:600}.col__count{margin-left:auto;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--ink-3)}.col__list{display:flex;flex-direction:column;gap:1px;background:var(--rule);border:1px solid var(--rule);border-radius:var(--radius);overflow:hidden}.col--empty .col__list{background:none;border-style:dashed}.col__empty{font-size:var(--text-xs);color:var(--ink-3)}.col__empty,.tcard{padding:var(--space-md)}.tcard{display:grid;grid-gap:6px;gap:6px;width:100%;text-align:left;background:var(--surface);border:0;cursor:pointer;transition:background var(--dur-fast) var(--ease-out)}.tcard:hover{background:var(--surface-2)}.tcard__title{font-size:var(--text-sm);font-weight:600;line-height:1.3;overflow-wrap:anywhere}.tcard__org{font-size:var(--text-xs);color:var(--ink-2)}.tcard__foot{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);margin-top:2px}.tcard__val{font-family:var(--font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:500}.tcard__pic,.tcard__val{font-size:var(--text-xs)}.tcard__pic{color:var(--ink-3)}.tablewrap{overflow-x:auto;border:1px solid var(--rule);border-radius:var(--radius);background:var(--surface)}table.dense{width:100%;border-collapse:collapse;font-size:var(--text-sm)}table.dense th{text-align:left;font-size:var(--text-xs);font-weight:600;color:var(--ink-3);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--rule-strong);white-space:nowrap}table.dense td,table.dense th{padding:var(--space-sm) var(--space-md)}table.dense td{border-bottom:1px solid var(--rule);vertical-align:top}table.dense tr:last-child td{border-bottom:0}table.dense tbody tr{transition:background var(--dur-fast) var(--ease-out)}table.dense tbody tr:hover{background:var(--surface-2)}.crumb{display:inline-flex;align-items:center;gap:6px;background:none;border:0;padding:0;cursor:pointer;color:var(--ink-3);font-size:var(--text-sm)}.crumb:hover{color:var(--accent)}.tenderhead{display:grid;grid-gap:var(--space-md);gap:var(--space-md);margin-bottom:var(--space-lg)}.tenderhead__top{display:flex;gap:var(--space-md);align-items:flex-start;flex-wrap:wrap}.tenderhead h2{font-family:var(--font-display);font-size:var(--text-2xl);letter-spacing:-.02em;line-height:1.12}.factgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));grid-gap:1px;gap:1px;background:var(--rule);border:1px solid var(--rule);border-radius:var(--radius);overflow:hidden}.fact{background:var(--surface);padding:var(--space-md);min-width:0}.fact__k{font-size:var(--text-xs);color:var(--ink-3);text-transform:uppercase;letter-spacing:.05em}.fact__v{font-size:var(--text-md);font-weight:600;margin-top:2px;overflow-wrap:anywhere}.tabs{display:flex;gap:var(--space-lg);border-bottom:1px solid var(--rule);margin-bottom:var(--space-lg);overflow-x:auto}.tab{background:none;border:0;padding:var(--space-sm) 0 var(--space-md);cursor:pointer;color:var(--ink-2);font-size:var(--text-sm);font-weight:500;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap;transition:color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.tab:hover{color:var(--ink)}.tab[aria-current=true]{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.steps{display:flex;flex-direction:column}.step{display:grid;grid-template-columns:28px minmax(0,1fr) auto;grid-gap:var(--space-md);gap:var(--space-md);padding:var(--space-md) 0;border-bottom:1px solid var(--rule);align-items:baseline}.step:last-child{border-bottom:0}.step__n{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--ink-3)}.step__name{font-size:var(--text-sm);font-weight:500}.step__note{font-size:var(--text-xs);color:var(--ink-3);margin-top:2px}.step--done .step__name{color:var(--ink-2)}.step--now{background:var(--accent-soft);margin-inline:calc(var(--space-md) * -1);padding-inline:var(--space-md);border-radius:var(--radius)}.step--now .step__n,.step--now .step__name{color:var(--accent);font-weight:600}.moneyrow{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-md);padding:var(--space-sm) 0;border-bottom:1px solid var(--rule);font-size:var(--text-sm)}.moneyrow--total{border-bottom:0;border-top:2px solid var(--rule-strong);margin-top:var(--space-xs);padding-top:var(--space-md);font-weight:600}.moneyrow__v{font-family:var(--font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.tasklist{display:flex;flex-direction:column;gap:1px;background:var(--rule);border:1px solid var(--rule);border-radius:var(--radius);overflow:hidden}.task{background:var(--surface);padding:var(--space-md);display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-gap:var(--space-md);gap:var(--space-md);align-items:start}.task--done{opacity:.55}.task__check{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;margin:2px 0 0;border:1.5px solid var(--rule-strong);border-radius:var(--radius);background:var(--surface);cursor:pointer;display:grid;place-items:center;flex:none;transition:border-color var(--dur-fast) var(--ease-out),background var(--dur-fast) var(--ease-out)}.task__check:checked,.task__check:hover{border-color:var(--accent)}.task__check:checked{background:var(--accent)}.task__check:checked:after{content:"";width:9px;height:5px;border-left:2px solid var(--accent-ink);border-bottom:2px solid var(--accent-ink);transform:rotate(-45deg) translate(1px,-1px)}.task__check:disabled{opacity:.5;cursor:wait}.task__body{min-width:0}.task__title{font-size:var(--text-sm);font-weight:500;overflow-wrap:anywhere}.task--done .task__title{text-decoration:line-through}.task__sub{font-size:var(--text-xs);color:var(--ink-3);margin-top:2px;flex-wrap:wrap}.task__side,.task__sub{display:flex;gap:var(--space-sm);align-items:center}.timer{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--rule-strong);border-radius:var(--radius);background:var(--surface);padding:var(--space-xs) var(--space-sm);font-family:var(--font-mono);font-size:var(--text-xs);cursor:pointer;white-space:nowrap;transition:border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.timer:hover{border-color:var(--accent);color:var(--accent)}.timer[data-running=true]{border-color:var(--ok);color:var(--ok);background:var(--ok-soft);font-weight:600}.timer:disabled{opacity:.5;cursor:wait}.tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:1px;gap:1px;background:var(--rule);border:1px solid var(--rule);border-radius:var(--radius);overflow:hidden;margin-bottom:var(--space-xl)}.tile{background:var(--surface);padding:var(--space-lg);min-width:0}.tile__k{font-size:var(--text-xs);color:var(--ink-3);text-transform:uppercase;letter-spacing:.05em}.tile__v{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:600;line-height:1.05;margin-top:var(--space-sm);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:-.02em}.tile__v--crit{color:var(--crit)}.tile__v--sm{font-size:var(--text-2xl)}.tile__foot{font-size:var(--text-xs);color:var(--ink-3);margin-top:var(--space-xs)}.panels{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:var(--space-xl);gap:var(--space-xl)}.panel{min-width:0}.panel__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-sm);margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--rule-strong)}.panel__title{font-size:var(--text-sm);font-weight:600}.panel__note{font-size:var(--text-xs);color:var(--ink-3)}.bars{display:flex;flex-direction:column}.bar,.bars{gap:var(--space-sm)}.bar{display:grid;grid-template-columns:minmax(84px,128px) minmax(0,1fr) 34px;grid-gap:var(--space-sm);align-items:center;font-size:var(--text-xs)}.bar__k{color:var(--ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar__track{background:var(--surface-2);height:10px}.bar__fill,.bar__track{border-radius:0 4px 4px 0}.bar__fill{background:var(--accent);height:100%;min-width:2px}.bar__fill--crit{background:var(--crit)}.bar__v{font-family:var(--font-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right;color:var(--ink-2)}.recap{margin-top:var(--space-xl);border:1px solid var(--rule);border-radius:var(--radius);background:var(--surface);padding:var(--space-lg)}.recap__head{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap;margin-bottom:var(--space-md)}.recap pre{margin:0;font-family:var(--font-mono);font-size:var(--text-xs);line-height:1.6;background:var(--paper);padding:var(--space-md);overflow-x:auto;color:var(--ink-2);white-space:pre}.cal,.recap pre{border:1px solid var(--rule);border-radius:var(--radius)}.cal{overflow:hidden;background:var(--rule);display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-gap:1px;gap:1px}.cal__dow{background:var(--surface-2);font-size:var(--text-xs);color:var(--ink-3);text-transform:uppercase;letter-spacing:.05em;text-align:center}.cal__day,.cal__dow{padding:var(--space-sm)}.cal__day{background:var(--surface);min-height:84px;display:flex;flex-direction:column;gap:var(--space-xs)}.cal__day--out{background:var(--surface-2)}.cal__n{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--ink-3)}.cal__day--today .cal__n{color:var(--accent-ink);background:var(--accent);border-radius:999px;padding:1px 6px;align-self:flex-start;font-weight:600}.cal__ev{font-size:10px;line-height:1.3;border-left:2px solid var(--accent);padding-left:4px;color:var(--ink-2);overflow:hidden;text-overflow:ellipsis}.cal__ev--crit{border-left-color:var(--crit);color:var(--crit)}.cal__ev--warn{border-left-color:var(--warn);color:var(--warn)}.field{display:grid;grid-gap:var(--space-xs);gap:var(--space-xs);margin-bottom:var(--space-md)}.field label{font-size:var(--text-xs);color:var(--ink-2);font-weight:500}.field input,.field select,.field textarea{font:inherit;font-size:var(--text-sm);color:var(--ink);background:var(--surface);border:1px solid var(--rule-strong);border-radius:var(--radius);padding:var(--space-sm) var(--space-md);min-height:40px;width:100%}.field input:hover,.field select:hover,.field textarea:hover{border-color:var(--ink-3)}.field__bantuan{font-size:var(--text-xs);color:var(--ink-3)}.galat{font-size:var(--text-sm);color:var(--crit);background:var(--crit-soft);border:1px solid color-mix(in oklab,var(--crit) 35%,transparent);border-radius:var(--radius);padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-md)}.loginwrap{min-height:100dvh;display:grid;place-items:center;padding:var(--space-lg)}.loginbox{width:100%;max-width:360px;background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius-lg);padding:var(--space-xl)}.loginbox h1{font-family:var(--font-display);font-size:var(--text-xl);margin-bottom:var(--space-xs)}.kosong{padding:var(--space-2xl) var(--space-lg);text-align:center;border:1px dashed var(--rule-strong);border-radius:var(--radius);color:var(--ink-3);font-size:var(--text-sm)}.tabbar{display:none}@media (max-width:900px){.shell{grid-template-columns:minmax(0,1fr)}.rail{display:none}.isi{padding:var(--space-lg) var(--space-md) 84px}.topbar{padding:var(--space-md)}.topbar h1{font-size:var(--text-lg)}.board{display:none}.tabbar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:fixed;inset:auto 0 0 0;z-index:10;background:var(--surface);border-top:1px solid var(--rule);padding-bottom:env(safe-area-inset-bottom)}.tabbar__item{display:flex;flex-direction:column;align-items:center;gap:3px;padding:var(--space-sm) var(--space-xs);background:none;border:0;cursor:pointer;color:var(--ink-3);font-size:10px;min-height:52px;justify-content:center}.tabbar__item[aria-current=page]{color:var(--accent);font-weight:600}.tile__v{font-size:var(--text-2xl)}.step--now{margin-inline:0}}@media (min-width:901px){.mobile-list{display:none}}@media (prefers-reduced-motion:reduce){*,:after,:before{transition-duration:1ms!important;animation-duration:1ms!important}}