:root{--primary:#232ca8;--accent:#b8480f;--ink:#0e1116;--muted:#3d4753;--ground:#f6f7f9;--surface:#fff;--hairline:#dee2e7;--divider:#c9cfd6;--on-primary:#fff;--focus:#232ca8;--tone-netral-fg:#39424e;--tone-netral-bg:#e6e9ed;--tone-info-fg:#232ca8;--tone-info-bg:#dfe4ff;--tone-perhatian-fg:#5a3b00;--tone-perhatian-bg:#ffedc2;--tone-peringatan-fg:#6b3410;--tone-peringatan-bg:#ffe2cc;--tone-selesai-fg:#0c4a3e;--tone-selesai-bg:#d6f2e7;--tone-kritis-fg:#8a1020;--tone-kritis-bg:#ffdce1;--space-0:0px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-pip:2px;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:999px;--size-tap-target:48px;--size-pip:8px;--size-badge-height:24px;--size-row-height:72px;--size-rate-row:56px;--size-icon-sm:20px;--size-icon:24px;--size-focus-ring:2px;--size-focus-offset:2px;--size-hairline:1px;--duration-state:.15s;--duration-sheet:.2s;--shadow-raised:0px 1px 2px #0e11160f, 0px 4px 12px #0e111614;--shadow-overlay:0px 8px 32px #0e111629;--font-sans:"Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace}[data-theme=dark]{--primary:#98a6ff;--accent:#ff9b63;--ink:#f2f4f7;--muted:#a3adbb;--ground:#0e1116;--surface:#171b22;--hairline:#272d38;--divider:#333a45;--on-primary:#0e1116;--focus:#98a6ff;--tone-netral-fg:#d5d9df;--tone-netral-bg:#333a45;--tone-info-fg:#c7ceff;--tone-info-bg:#242a5e;--tone-perhatian-fg:#f6ddae;--tone-perhatian-bg:#453515;--tone-peringatan-fg:#fad9c2;--tone-peringatan-bg:#4c2d14;--tone-selesai-fg:#a8e8d4;--tone-selesai-bg:#124034;--tone-kritis-fg:#ffcfd6;--tone-kritis-bg:#511a23}@media (prefers-color-scheme:dark){:root:not([data-theme]){--primary:#98a6ff;--accent:#ff9b63;--ink:#f2f4f7;--muted:#a3adbb;--ground:#0e1116;--surface:#171b22;--hairline:#272d38;--divider:#333a45;--on-primary:#0e1116;--focus:#98a6ff;--tone-netral-fg:#d5d9df;--tone-netral-bg:#333a45;--tone-info-fg:#c7ceff;--tone-info-bg:#242a5e;--tone-perhatian-fg:#f6ddae;--tone-perhatian-bg:#453515;--tone-peringatan-fg:#fad9c2;--tone-peringatan-bg:#4c2d14;--tone-selesai-fg:#a8e8d4;--tone-selesai-bg:#124034;--tone-kritis-fg:#ffcfd6;--tone-kritis-bg:#511a23}}:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:var(--size-focus-ring) solid var(--focus);outline-offset:var(--size-focus-offset)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.pip{box-sizing:border-box;-webkit-print-color-adjust:exact;print-color-adjust:exact;background:0 0;border:1.5px solid;border-radius:2px;flex:none;block-size:8px;inline-size:8px;display:inline-block;position:relative}.pip--half:before,.pip--solid:before{content:"";border-radius:inherit;position:absolute;inset:-1.5px}.pip--half:before{background:linear-gradient(135deg,#0000 0 50%,currentColor 50% 100%)}.pip--solid:before{background:currentColor}@media print{.pip--solid:before{background:0 0;box-shadow:inset 0 0 0 100px}.pip--half:before{background:0 0;border:5.5px solid #0000;border-color:#0000 #0000 currentColor currentColor;border-radius:0}}.num{font-variant-numeric:tabular-nums lining-nums;font-feature-settings:"tnum" 1, "lnum" 1;text-align:right;font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,monospace}
@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:200 800;font-display:swap;src:url(/fonts/plus-jakarta-sans-latin-var.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/ibm-plex-mono-latin-500.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
*,:before,:after{box-sizing:border-box}body{background:var(--ground);color:var(--ink);font-family:var(--font-sans);margin:0;font-size:13px;font-weight:500;line-height:18px}a{color:var(--primary)}.num,.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums lining-nums;font-feature-settings:"tnum" 1, "lnum" 1;font-weight:500}.num{text-align:right}.shell{flex-direction:column;min-block-size:100vh;display:flex}.topbar{align-items:center;gap:var(--space-5);padding:var(--space-3) var(--space-5);background:var(--surface);border-block-end:1px solid var(--hairline);z-index:2;display:flex;position:sticky;inset-block-start:0}.topbar__mark{block-size:auto;inline-size:24px;display:block}.topbar__nav{gap:var(--space-4);margin-inline-end:auto;display:flex}.topbar__link{color:var(--muted);padding-block:var(--space-1);border-block-end:2px solid #0000;font-weight:600;text-decoration:none}.topbar__link[data-active=true]{color:var(--ink);border-block-end-color:var(--primary)}.topbar__who{color:var(--muted)}.main{padding:var(--space-6) var(--space-5);flex:1}.page-title{margin:0 0 var(--space-5);letter-spacing:-.005em;font-size:20px;font-weight:700;line-height:26px}.section-title{margin:var(--space-8) 0 var(--space-3);font-size:15px;font-weight:700;line-height:22px}.btn{min-block-size:32px;padding-inline:var(--space-4);border:1px solid var(--hairline);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);font:inherit;cursor:pointer;justify-content:center;align-items:center;font-weight:600;text-decoration:none;display:inline-flex}.btn[data-variant=primary]{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.btn[disabled]{opacity:.5;cursor:not-allowed}.btn:focus-visible,.input:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.input{min-block-size:32px;inline-size:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--hairline);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);font:inherit}.field{margin-block-end:var(--space-4);display:block}.field__label{color:var(--muted);margin-block-end:var(--space-1);font-size:12px;font-weight:600;display:block}.field__hint{margin:var(--space-1) 0 0;color:var(--muted);font-size:11px;line-height:14px}.grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));display:grid}.toolbar{gap:var(--space-2);flex-wrap:wrap;align-items:center;margin-block-end:var(--space-4);display:flex}.card{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius-lg);overflow:hidden}.table-scroll{overflow-x:auto}table{border-collapse:collapse;inline-size:100%}th{text-align:start;color:var(--muted);padding:var(--space-3) var(--space-4);border-block-end:1px solid var(--hairline);white-space:nowrap;font-size:12px;font-weight:600}td{padding:var(--space-3) var(--space-4);border-block-end:1px solid var(--hairline);vertical-align:top}tbody tr:last-child td{border-block-end:0}th.num,td.num{text-align:end}.chip{align-items:center;gap:var(--space-2);padding:2px var(--space-2);border-radius:var(--radius-sm);font-family:var(--font-mono);white-space:nowrap;font-size:11px;font-weight:500;line-height:16px;display:inline-flex}.chip[data-tone=netral]{color:var(--tone-netral-fg);background:var(--tone-netral-bg)}.chip[data-tone=info]{color:var(--tone-info-fg);background:var(--tone-info-bg)}.chip[data-tone=perhatian]{color:var(--tone-perhatian-fg);background:var(--tone-perhatian-bg)}.chip[data-tone=peringatan]{color:var(--tone-peringatan-fg);background:var(--tone-peringatan-bg)}.chip[data-tone=selesai]{color:var(--tone-selesai-fg);background:var(--tone-selesai-bg)}.chip[data-tone=kritis]{color:var(--tone-kritis-fg);background:var(--tone-kritis-bg)}.pip{box-sizing:border-box;border-radius:var(--radius-pip);background:0 0;border:1.5px solid;flex:none;block-size:8px;inline-size:8px;display:inline-block;position:relative}.pip--half:before,.pip--solid:before{content:"";border-radius:inherit;position:absolute;inset:-1.5px}.pip--half:before{background:linear-gradient(135deg,#0000 0 50%,currentColor 50% 100%)}.pip--solid:before{background:currentColor}.notice{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);margin-block-end:var(--space-4)}.notice[data-tone=kritis]{color:var(--tone-kritis-fg);background:var(--tone-kritis-bg)}.notice[data-tone=selesai]{color:var(--tone-selesai-fg);background:var(--tone-selesai-bg)}.notice[data-tone=perhatian]{color:var(--tone-perhatian-fg);background:var(--tone-perhatian-bg)}.muted{color:var(--muted)}.inert{color:var(--muted);font-size:11px;line-height:14px}.signin{min-block-size:100vh;padding:var(--space-5);place-items:center;display:grid}.signin__card{background:var(--surface);border:1px solid var(--hairline);border-radius:var(--radius-xl);inline-size:100%;max-inline-size:22rem;padding:var(--space-6)}.signin__title{margin:var(--space-4) 0 var(--space-5);font-size:17px;font-weight:700;line-height:24px}