@layer base,primitives,components,utilities;@layer base{@font-face{font-family:Plus Jakarta Sans;src:url(/fonts/plus-jakarta-sans-latin.woff2) format("woff2");font-style:normal;font-weight:400 700;font-display:swap}}@layer primitives{.interview-console{margin:1rem 0;padding:1.15rem;border:1px solid color-mix(in srgb,var(--accent) 28%,var(--line));border-radius:var(--radius-lg);background:var(--interview-console-surface);box-shadow:var(--shadow-sm)}.interview-console>header,.interview-control-row,.question-heading,.question-guide>footer{display:flex;align-items:center;justify-content:space-between;gap:1rem}.interview-console>header h2{margin:.15rem 0}.interview-console>header p:last-child,.question-heading p{margin:.2rem 0;color:var(--muted);font-size:var(--text-2xs)}.interview-live{display:flex;align-items:center;gap:.4rem;padding:.3rem .55rem;border-radius:999px;background:var(--green-100);color:var(--success-ink);font-size:var(--text-2xs);font-weight:750;white-space:nowrap}.interview-live i{width:.45rem;height:.45rem;border-radius:50%;background:currentColor}.interview-control-row{margin-top:1rem;padding:1rem;border-radius:var(--radius);background:var(--control-inverse);color:var(--control-inverse-ink)}.interview-actions{display:flex;gap:.5rem;flex-wrap:wrap}.start-interview{min-height:3rem;font-weight:750}.danger-outline{border-color:color-mix(in srgb,var(--red-700) 38%,var(--line));color:var(--red-700)}.ready-reminder{display:flex;align-items:center;gap:.6rem;margin:.75rem 0 0;padding:.75rem;border-radius:var(--radius);background:var(--amber-100);color:var(--ink)}.question-guide{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--line)}.question-heading h3{margin:0}.question-heading>small{color:var(--muted)}.question-guide ol{display:grid;margin:.75rem 0;padding:0;gap:.45rem;list-style:none}.question-guide li{display:grid;padding:.7rem;grid-template-columns:2rem minmax(0,1fr) auto;align-items:center;gap:.65rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--field-surface)}.question-guide li.active{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 10%,transparent)}.question-guide li>span{display:grid;width:1.8rem;height:1.8rem;place-items:center;border-radius:var(--radius-sm);background:var(--surface-2);font-size:var(--text-2xs);font-weight:800}.question-guide li.active>span{background:var(--accent);color:var(--accent-contrast)}.question-guide li p{margin:.15rem 0;font-size:var(--text-base);line-height:1.4}.question-guide li small{color:var(--accent-text);font-size:var(--text-2xs);font-weight:750;letter-spacing:.05em}.question-guide>footer{align-items:flex-start}.question-guide>footer p{margin:.25rem 0;color:var(--muted);font-size:var(--text-2xs)}}@layer base{:root{color-scheme:light;--brand-blue: #0b2f6b;--brand-blue-hover: #124781;--brand-yellow: #ffc91b;--canvas: #fafafa;--surface: #ffffff;--surface-2: #f2f3f7;--surface-3: #e7e9f1;--surface-raised: #ffffff;--ink: #1b1f4d;--heading: #212c5f;--muted: #666a85;--muted-strong: #4d5169;--line: rgba(33, 44, 95, .22);--line-weak: rgba(33, 44, 95, .08);--line-strong: rgba(33, 44, 95, .3);--accent: var(--brand-blue);--accent-hover: var(--brand-blue-hover);--accent-soft: #fff8dc;--accent-contrast: #ffffff;--accent-text: var(--accent);--accent-on-soft: var(--accent);--status-contrast: #ffffff;--ink-contrast: #ffffff;--danger-contrast: #ffffff;--accent-ink: #1668a8;--gold: var(--brand-yellow);--green-700: #146f41;--green-900: #0b4526;--green-100: #edf8ef;--amber-700: #8a6500;--amber-100: #fff8df;--red-700: #c62234;--red-100: #fff0f2;--field-surface: var(--surface);--field-inset-shadow: inset 0 1px 1px rgb(15 23 42 / 2%);--floating-surface: color-mix(in srgb, var(--surface) 94%, transparent);--floating-surface-strong: color-mix( in srgb, var(--surface) 96%, transparent );--floating-island-surface: color-mix( in srgb, var(--surface) 82%, transparent );--floating-login-theme-surface: color-mix( in srgb, var(--surface) 88%, transparent );--floating-toast-surface: color-mix( in srgb, var(--surface-raised) 92%, transparent );--backdrop-filter: blur(16px);--backdrop-filter-subtle: blur(2px);--backdrop-filter-control: blur(12px);--backdrop-filter-toolbar: blur(14px);--backdrop-filter-actionbar: blur(18px);--backdrop-filter-island: blur(20px);--scrim: rgb(15 23 42 / 38%);--confirm-scrim: color-mix(in srgb, var(--ink) 32%, transparent);--preview-scrim: rgb(15 23 42 / 72%);--provenance-scrim: #0f172a70;--overlay-shadow: -1.25rem 0 3rem rgb(15 23 42 / 18%);--provenance-shadow: -1rem 0 3rem #0f172a35;--control-inverse: #172033;--control-inverse-ink: #ffffff;--code-surface: #111827;--code-ink: #e5e7eb;--feature-surface: linear-gradient( 145deg, var(--surface), color-mix(in srgb, var(--accent-soft) 35%, var(--surface)) );--interview-console-surface: linear-gradient( 135deg, var(--surface), color-mix(in srgb, var(--accent-soft) 35%, var(--surface)) );--feature-surface-strong: linear-gradient( 135deg, var(--surface), color-mix(in srgb, var(--accent-soft) 42%, var(--surface)) );--focus-surface: linear-gradient( 135deg, color-mix(in srgb, var(--accent-soft) 40%, var(--surface)), var(--surface) );--focus-overdue-surface: linear-gradient( 135deg, color-mix(in srgb, var(--amber-100) 45%, var(--surface)), var(--surface) );--interview-stage-surface: linear-gradient(145deg, #f8fbff, var(--surface));--info-surface: linear-gradient(145deg, var(--surface), var(--accent-soft));--success-surface: linear-gradient( 145deg, var(--surface), var(--green-100) );--calibration-ready-surface: linear-gradient( 135deg, var(--surface), var(--green-100) );--warning-surface: linear-gradient( 145deg, var(--surface), var(--amber-100) );--now-urgent-surface: linear-gradient( 135deg, var(--surface), var(--amber-100) );--instrument-surface: linear-gradient( 135deg, var(--console), var(--console-2) );--instrument-urgent-surface: linear-gradient(135deg, #3a2a12, #4a3316);--instrument-critical-surface: linear-gradient(135deg, #43181c, #591d23);--action-success: var(--green-700);--success-ink: var(--green-700);--portal-interview-ink: #e5e7eb;--portal-connected: #4ade80;--portal-connected-shadow: 0 0 0 .25rem rgb(74 222 128 / 12%);--portal-waiting: #fbbf24;--portal-paused: #fb923c;--nav-active-surface: transparent;--focus-border: var(--gold);--brand-art-shadow: drop-shadow(0 5px 10px #1018281f);--login-brand-shadow: drop-shadow(0 8px 14px rgba(11, 47, 107, .18));--login-account-hover-border: rgb(37 99 235 / 22%);--brand-tile-surface: #1b1f4d;--brand-tile-border: color-mix(in srgb, #fff 24%, transparent);--brand-tile-shadow: 0 6px 16px #212c5f2e;--action-shadow: 0 8px 20px rgba(33, 44, 95, .16);--action-hover-shadow: 0 10px 24px rgba(33, 44, 95, .22);--login-action-hover-shadow: 0 8px 20px color-mix(in srgb, var(--accent) 24%, transparent);--action-success-shadow: 0 8px 20px color-mix(in srgb, var(--action-success) 24%, transparent);--sidebar-toggle-shadow: 0 3px 12px #0f172a1a;--preview-modal-shadow: 0 24px 80px rgb(0 0 0 / 35%);--space-1: .5rem;--space-2: 1rem;--space-3: 1.5rem;--space-4: 2rem;--space-5: 2.5rem;--space-6: 3rem;--space-8: 4rem;--space-10: 5rem;--app-text-scale: 1;--text-2xs: calc(.75rem * var(--app-text-scale));--text-xs: calc(.8125rem * var(--app-text-scale));--text-sm: calc(.875rem * var(--app-text-scale));--text-base: calc(1rem * var(--app-text-scale));--text-lg: calc(1.125rem * var(--app-text-scale));--text-xl: calc(1.375rem * var(--app-text-scale));--text-2xl: calc(1.75rem * var(--app-text-scale));--text-3xl: calc(clamp(2rem, 2.6vw, 2.5rem) * var(--app-text-scale));--page-header-eyebrow-size: var(--text-2xs);--page-header-title-size: var(--text-2xl);--page-header-subtitle-size: var(--text-sm);--page-header-top-space: 0;--page-header-bottom-space: 1.5rem;--question-scale: 1;--radius-sm: .5rem;--radius: .5rem;--radius-lg: 1.125rem;--radius-xl: 1.125rem;--shadow-xs: 0 1px 2px rgba(33, 44, 95, .05);--shadow-sm: 0 15px 30px rgba(33, 44, 95, .08);--shadow-md: 0 18px 38px rgba(33, 44, 95, .11);--shadow: 0 15px 30px rgba(33, 44, 95, .08);--shadow-lg: 0 20px 48px rgba(33, 44, 95, .13);--shadow-card: 0 15px 30px rgba(33, 44, 95, .08);--glass-shadow: 0 8px 28px rgba(33, 44, 95, .1), inset 0 1px 0 rgba(255, 255, 255, .85);--focus: 0 0 0 2px #ffffff, 0 0 0 4px rgba(27, 31, 77, .62);--duration-fast: .18s;--duration: .22s;--ease: cubic-bezier(.2, .8, .2, 1);--font-body: "Plus Jakarta Sans", system-ui, Arial, sans-serif;--font-display: var(--font-body);--font-mono: ui-monospace, "SF Mono", "Cascadia Mono", Consolas, monospace;--console: #12173a;--console-2: #1b2150;--console-3: #2a3170;--console-ink: #f2f3fb;--console-muted: #9aa1c4;--console-line: rgba(220, 224, 255, .16);--console-line-strong: rgba(220, 224, 255, .32);--console-accent: var(--brand-yellow);--console-accent-soft: rgba(255, 201, 27, .35);--console-accent-contrast: #1b1f4d;--console-ok: #6ee7a8;--console-ok-ink: var(--console-ok);--console-ok-soft: rgba(110, 231, 168, .16);--console-warn: #f8c555;--console-warn-soft: rgba(248, 197, 85, .16);--console-bad: #fda29b;--console-bad-soft: rgba(180, 35, 24, .16);--density-gap: 1rem;--density-pad: 1.15rem;--console-text: var(--text-base);--console-lead: var(--text-2xl);--console-clock: var(--text-3xl);--etos-gap: var(--space-5);--etos-pad: var(--space-4);--etos-drawer-pad: var(--space-5);--etos-cell-pad: .75rem;font-family:var(--font-body);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}html[data-theme=dark]{color-scheme:dark;--canvas: #111318;--surface: #1c2027;--surface-2: #252a33;--surface-3: #252a33;--surface-raised: #252a33;--ink: #f4f6f8;--heading: #f4f6f8;--muted: #a7afba;--muted-strong: #cdd2d8;--line: #343a46;--line-weak: rgb(52 58 70 / 55%);--line-strong: #687484;--accent: #4c78a8;--accent-hover: #456f9d;--accent-soft: rgb(76 120 168 / 16%);--accent-contrast: #ffffff;--accent-text: var(--accent-ink);--accent-on-soft: var(--accent-ink);--status-contrast: #111318;--ink-contrast: #111318;--danger-contrast: #111318;--accent-ink: #7da4cc;--gold: #ddb83a;--green-700: #3f9d6a;--green-900: #c3f5da;--green-100: rgb(63 157 106 / 16%);--amber-700: #ddb83a;--amber-100: rgb(221 184 58 / 14%);--red-700: #fda29b;--red-100: rgb(180 35 24 / 18%);--field-surface: var(--canvas);--field-inset-shadow: none;--floating-surface: var(--surface);--floating-surface-strong: var(--surface);--floating-island-surface: var(--surface);--floating-login-theme-surface: var(--surface);--floating-toast-surface: var(--surface);--backdrop-filter: none;--backdrop-filter-subtle: none;--backdrop-filter-control: none;--backdrop-filter-toolbar: none;--backdrop-filter-actionbar: none;--backdrop-filter-island: none;--scrim: rgb(17 19 24 / 72%);--confirm-scrim: var(--scrim);--preview-scrim: var(--scrim);--provenance-scrim: var(--scrim);--overlay-shadow: -.5rem 0 1.5rem rgb(0 0 0 / 24%);--provenance-shadow: var(--overlay-shadow);--control-inverse: var(--surface-raised);--control-inverse-ink: var(--ink);--code-surface: var(--surface-raised);--code-ink: var(--ink);--feature-surface: var(--surface);--interview-console-surface: var(--surface);--feature-surface-strong: var(--surface);--focus-surface: var(--surface);--focus-overdue-surface: var(--surface);--interview-stage-surface: var(--surface);--info-surface: var(--surface);--success-surface: var(--surface);--calibration-ready-surface: var(--surface);--warning-surface: var(--surface);--now-urgent-surface: var(--surface);--instrument-surface: var(--surface);--instrument-urgent-surface: color-mix( in srgb, var(--amber-100) 42%, var(--surface) );--instrument-critical-surface: color-mix( in srgb, var(--red-100) 42%, var(--surface) );--action-success: #3f9d6a;--success-ink: color-mix(in srgb, var(--green-700) 75%, var(--ink));--portal-interview-ink: var(--ink);--portal-connected: var(--action-success);--portal-connected-shadow: none;--portal-waiting: var(--amber-700);--portal-paused: var(--red-700);--nav-active-surface: var(--surface-2);--focus-border: var(--accent);--brand-art-shadow: none;--login-brand-shadow: none;--login-account-hover-border: color-mix( in srgb, var(--accent) 35%, var(--line) );--brand-tile-surface: var(--surface-raised);--brand-tile-border: var(--line);--brand-tile-shadow: var(--shadow-xs);--action-shadow: var(--shadow-xs);--action-hover-shadow: var(--shadow-sm);--login-action-hover-shadow: var(--shadow-sm);--action-success-shadow: var(--shadow-sm);--sidebar-toggle-shadow: var(--shadow-xs);--preview-modal-shadow: var(--shadow-lg);--shadow-xs: 0 1px 2px rgb(0 0 0 / 18%);--shadow-sm: 0 2px 8px rgb(0 0 0 / 18%);--shadow-md: 0 8px 20px rgb(0 0 0 / 24%);--shadow: 0 4px 12px rgb(0 0 0 / 20%);--shadow-lg: 0 16px 36px rgb(0 0 0 / 28%);--shadow-card: 0 1px 2px rgb(0 0 0 / 16%);--glass-shadow: 0 12px 28px rgb(0 0 0 / 28%);--focus: 0 0 0 2px #4c78a8;--console: #111318;--console-2: #1c2027;--console-3: #252a33;--console-ink: #f4f6f8;--console-muted: #a7afba;--console-line: #343a46;--console-line-strong: #687484;--console-accent: #ddb83a;--console-accent-soft: rgb(221 184 58 / 16%);--console-accent-contrast: #111318;--console-ok: #3f9d6a;--console-ok-ink: var(--success-ink);--console-ok-soft: rgb(63 157 106 / 16%);--console-warn: #ddb83a;--console-warn-soft: rgb(221 184 58 / 16%)}@media(min-width:68.75rem)and (max-width:119.999rem){:root{--text-3xl: calc(clamp(1.75rem, 2.1vw, 2rem) * var(--app-text-scale));--density-gap: .75rem;--density-pad: .9rem;--console-text: var(--text-sm);--console-lead: var(--text-xl);--console-clock: var(--text-3xl);--etos-gap: var(--space-4);--etos-pad: var(--space-3);--etos-drawer-pad: var(--space-4);--etos-cell-pad: .625rem}}@media(min-width:60.001rem)and (max-width:68.749rem){:root{--text-3xl: calc( clamp(1.75rem, 2.05vw, 1.875rem) * var(--app-text-scale) );--density-gap: .65rem;--density-pad: .8rem;--console-text: var(--text-sm);--console-lead: var(--text-xl);--console-clock: var(--text-3xl);--etos-gap: var(--space-3);--etos-pad: var(--space-3);--etos-drawer-pad: var(--space-3);--etos-cell-pad: .5rem}}@media(min-width:60.001rem)and (max-height:48rem){:root{--etos-gap: var(--space-3);--etos-pad: var(--space-3);--etos-drawer-pad: var(--space-3)}}html[data-density=rapat]{--text-3xl: calc(clamp(1.75rem, 2.05vw, 1.875rem) * var(--app-text-scale));--density-gap: .65rem;--density-pad: .8rem;--console-text: var(--text-sm);--console-lead: var(--text-xl);--console-clock: var(--text-3xl);--etos-gap: var(--space-3);--etos-pad: var(--space-3);--etos-drawer-pad: var(--space-3);--etos-cell-pad: .5rem}html[data-density=normal]{--text-3xl: calc(clamp(2rem, 2.6vw, 2.5rem) * var(--app-text-scale));--density-gap: 1rem;--density-pad: 1.15rem;--console-text: var(--text-base);--console-lead: var(--text-2xl);--console-clock: var(--text-3xl);--etos-gap: var(--space-5);--etos-pad: var(--space-4);--etos-drawer-pad: var(--space-5);--etos-cell-pad: .75rem}html[data-density=panitia]{--density-gap: 1.65rem;--density-pad: 1.75rem;--console-text: var(--text-xl);--console-lead: calc(var(--text-3xl) * 1.15);--console-clock: calc(var(--text-3xl) * 1.75);--etos-gap: var(--space-6);--etos-pad: var(--space-5);--etos-drawer-pad: var(--space-5);--etos-cell-pad: 1rem}html[data-density=panitia] .console-detail{display:none}*{box-sizing:border-box}html{min-width:20rem;min-height:100%;background:var(--canvas);overflow-x:clip}body{min-width:0;min-height:100dvh;margin:0;background:var(--canvas);color:var(--ink);font-size:var(--text-base);line-height:1.6;overflow-x:clip}button,input,textarea,select{color:inherit;font:inherit}a{color:var(--accent-ink);text-underline-offset:.2em;text-decoration-thickness:1px}a:hover{color:var(--accent-text)}h1,h2,h3{margin-block:0 var(--space-1);color:var(--heading);line-height:1.18;letter-spacing:-.025em;text-wrap:balance}h1,h2{font-family:var(--font-display);letter-spacing:-.015em}h1{position:relative;width:fit-content;padding-bottom:.45rem;font-size:var(--text-3xl);font-weight:600}h1:after{position:absolute;bottom:0;left:0;width:3.25rem;height:.2rem;border-radius:999px;background:var(--gold);content:""}h2{font-size:var(--text-xl);font-weight:650}h3{font-size:var(--text-base);font-weight:650}p{margin-block:.375rem var(--space-2)}small{line-height:1.45}.mono{font-family:Cascadia Mono,Consolas,monospace;font-variant-numeric:tabular-nums}button{min-height:2.75rem;padding:.625rem var(--space-2);border:1px solid var(--line-strong);border-radius:999px;background:var(--field-surface);box-shadow:var(--shadow-xs);color:var(--ink);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:transform var(--duration-fast) var(--ease),box-shadow var(--duration) var(--ease),border-color var(--duration) var(--ease),background var(--duration) var(--ease)}button:hover:not(:disabled){border-color:var(--line-strong);background:var(--surface-raised);box-shadow:var(--shadow-sm)}button:active:not(:disabled){box-shadow:var(--shadow-xs);transform:translateY(0) scale(.99)}button.primary{border-color:transparent;border-radius:999px;background:var(--accent);box-shadow:var(--action-shadow);color:var(--accent-contrast)}button.primary:hover:not(:disabled){border-color:transparent;background:var(--accent-hover);box-shadow:var(--action-hover-shadow)}button.decision-action{border-color:transparent;background:var(--amber-700);color:var(--status-contrast)}button.decision-action:hover:not(:disabled){border-color:transparent;background:color-mix(in srgb,var(--amber-700) 88%,var(--ink))}button.run-action{border-color:transparent;background:var(--action-success);color:var(--status-contrast)}button.run-action:hover:not(:disabled){border-color:transparent;background:color-mix(in srgb,var(--action-success) 88%,var(--ink))}button[disabled]{cursor:not-allowed;opacity:.48}.button-quiet{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:2.75rem;padding:.5rem var(--space-2);border:1px solid transparent;border-radius:999px;background:transparent;box-shadow:none;color:var(--ink);font-size:var(--text-sm);font-weight:600;text-decoration:none;cursor:pointer}.button-quiet:hover:not(:disabled){border-color:var(--line);background:var(--surface-2);box-shadow:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid transparent;box-shadow:var(--focus)}input,textarea,select{width:100%;min-height:2.75rem;padding:.625rem .875rem;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);box-shadow:var(--field-inset-shadow);font-size:var(--text-sm);font-weight:500;transition:border-color var(--duration-fast),box-shadow var(--duration-fast),background var(--duration-fast)}input[type=checkbox],input[type=radio]{width:1.125rem;min-width:1.125rem;height:1.125rem;min-height:1.125rem;margin:0;padding:0;border-radius:var(--radius-sm);box-shadow:none;accent-color:var(--accent);cursor:pointer}input[type=radio]{border-radius:50%}input[type=file]{min-height:3rem;padding:.45rem;cursor:pointer}input[type=file]::file-selector-button{min-height:2.75rem;margin-right:.75rem;padding:.35rem .7rem;border:0;border-radius:var(--radius-sm);background:var(--surface-2);color:var(--muted-strong);font:inherit;font-weight:650;cursor:pointer}input::placeholder,textarea::placeholder{color:color-mix(in srgb,var(--muted) 75%,transparent)}textarea{resize:vertical}input:hover,textarea:hover,select:hover{border-color:color-mix(in srgb,var(--muted) 45%,transparent)}input:focus,textarea:focus,select:focus{border-color:var(--accent);outline:0;box-shadow:var(--focus)}label{color:var(--muted-strong);font-size:var(--text-xs);font-weight:600}main{min-width:0;width:min(calc(100% - var(--space-6)),90rem);margin-inline:auto;padding:2.25rem 0 var(--space-10);overflow:visible;animation:page-in var(--duration) var(--ease) both}main>header:first-child,.page-header{margin-bottom:var(--space-4)}.page-title{margin-bottom:var(--space-3)}.page-title>div>p:last-child,.page-header>p:last-child,header>p:last-child{max-width:46rem;color:var(--muted)}.eyebrow{margin:0 0 var(--space-1);color:var(--accent-ink);font-size:var(--text-2xs);font-weight:720;letter-spacing:.12em;text-transform:uppercase}}@layer primitives{.panel,.kartu,.metric,.ruang,.komp,.insiden,.event-card,.formats article,.etos-panel,.action-grid a{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm)}.panel{padding:var(--space-3)}.panel>h2:first-child,.kartu>h2:first-child{letter-spacing:-.02em}.panel+.panel{margin-top:var(--space-2)}.event-card,.action-grid a,.formats article{transition:transform var(--duration) var(--ease),box-shadow var(--duration) var(--ease),border-color var(--duration) var(--ease)}.event-card:hover,.action-grid a:hover{border-color:var(--line-strong);box-shadow:var(--shadow);transform:translateY(-2px)}.formats article:hover{border-color:var(--line-strong);box-shadow:var(--shadow-sm)}.alert,.peringatan,.molor,.galat,.success{border:1px solid transparent;border-radius:var(--radius);padding:.75rem var(--space-2)}.alert,.galat{border-color:color-mix(in srgb,var(--red-700) 16%,transparent);background:var(--red-100);color:var(--red-700)}.peringatan,.molor{border-color:color-mix(in srgb,var(--amber-700) 16%,transparent);background:var(--amber-100);color:var(--amber-700)}.success{border-color:color-mix(in srgb,var(--green-700) 16%,transparent);background:var(--green-100);color:var(--success-ink)}.status{display:inline-flex;align-items:center;gap:.375rem;border-radius:999px;font-size:var(--text-2xs);font-weight:680;letter-spacing:.02em}table{width:100%;max-width:100%;border:1px solid var(--line);border-collapse:separate;border-spacing:0;border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm);overflow:hidden}table.rapat{--tabel-pad-y: .5rem;--tabel-pad-x: .75rem}thead{background:var(--surface-2)}th{color:var(--muted);font-size:var(--text-2xs);font-weight:650;letter-spacing:.065em;text-transform:uppercase}th,td{padding:var(--tabel-pad-y, .875rem) var(--tabel-pad-x, var(--space-2));border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}tbody tr:last-child td{border-bottom:0}tbody tr{transition:background var(--duration-fast)}tbody tr:hover{background:var(--surface-2)}.table-wrap,.pilot-table{width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-gutter:stable}.table-wrap>table{min-width:46rem}.table-wrap thead th,.pilot-table thead th{position:sticky;z-index:1;top:0;background:var(--surface-2)}.table-wrap:focus-visible,.pilot-table:focus-visible{border-radius:var(--radius-lg);box-shadow:var(--focus)}.status-badge{max-width:100%;overflow-wrap:anywhere;white-space:normal}.empty,.kosong{padding:var(--space-5);color:var(--muted);text-align:center}.skeleton{min-height:5rem;border-radius:var(--radius-lg);background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface) 50%,var(--surface-2) 75%);background-size:200% 100%;animation:shimmer 1.3s infinite}.search{display:grid;max-width:32rem;margin:var(--space-3) 0 var(--space-1);gap:.375rem}.search span{font-size:var(--text-2xs)}.continue{margin-left:auto;color:var(--accent-ink)}.helper{color:var(--muted);font-size:var(--text-xs)}.method details summary{cursor:pointer;color:var(--muted);font-size:var(--text-2xs);font-weight:620}.method details label{margin-top:var(--space-1)}.back-link{display:inline-flex;align-items:center;gap:var(--space-1);margin-bottom:var(--space-2);color:var(--muted-strong);font-size:var(--text-xs);font-weight:600;text-decoration:none}.back-link:hover{color:var(--ink)}.skip-link{position:fixed;z-index:100;top:.75rem;left:.75rem;transform:translateY(-180%);padding:.65rem .9rem;border-radius:var(--radius-sm);background:var(--surface);box-shadow:var(--shadow);color:var(--ink);font-weight:650;text-decoration:none}.skip-link:focus{transform:translateY(0)}.login-theme{position:fixed;z-index:30;top:1rem;right:1rem;display:grid;width:2.75rem;min-height:2.75rem;padding:0;place-items:center;border-color:var(--line);border-radius:var(--radius-lg);background:var(--floating-login-theme-surface);box-shadow:var(--shadow-sm);color:var(--muted-strong);-webkit-backdrop-filter:var(--backdrop-filter);backdrop-filter:var(--backdrop-filter)}.back-button{display:inline-flex;margin-bottom:1rem;align-items:center;gap:.5rem;border-color:transparent;background:transparent;box-shadow:none;color:var(--muted-strong)}.assessment-context{display:flex;margin-bottom:1rem;padding:1.5rem;align-items:flex-end;justify-content:space-between;gap:2rem;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm)}.assessment-context h2{margin:.15rem 0 .3rem;font-size:var(--text-2xl)}.assessment-context p:last-child{margin:0;color:var(--muted)}.assessment-context dl{display:flex;margin:0;gap:1.5rem}.assessment-context dl>div{min-width:6rem}.assessment-context dt{color:var(--muted);font-size:var(--text-2xs);font-weight:700;text-transform:uppercase}.assessment-context dd{margin:.2rem 0 0;font-size:var(--text-xs);font-weight:650}.work-summary,.calibration-summary{display:flex;margin-bottom:var(--space-3);padding:.65rem .8rem;flex-wrap:wrap;align-items:center;gap:.45rem 1rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--muted);font-size:var(--text-2xs);box-shadow:var(--shadow-xs)}.work-summary span,.calibration-summary span{display:inline-flex;align-items:baseline;gap:.3rem}.work-summary span+span,.calibration-summary span+span{padding-left:1rem;border-left:1px solid var(--line)}.work-summary b,.calibration-summary b{color:var(--ink);font-size:var(--text-sm)}.work-summary .urgent b,.calibration-summary .urgent b{color:var(--amber-700)}.work-summary .ok b,.calibration-summary .ok b{color:var(--success-ink)}.focus-zone{margin-bottom:var(--space-3);padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--shadow)}.focus-zone .section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:var(--space-2)}.focus-zone .section-heading h2{margin:0}.live-indicator{display:inline-flex;align-items:center;gap:.4rem;color:var(--muted);font-size:var(--text-2xs);font-weight:650}.live-indicator i{width:.45rem;height:.45rem;border-radius:50%;background:var(--green-700);box-shadow:0 0 0 4px var(--green-100)}.focus-card{display:grid;min-height:11rem;padding:1.25rem;grid-template-columns:7rem minmax(0,1fr) auto;align-items:center;gap:1.25rem;border:1px solid color-mix(in srgb,var(--accent) 18%,var(--line));border-radius:var(--radius-lg);background:var(--focus-surface)}.focus-card.overdue{border-color:color-mix(in srgb,var(--amber-700) 24%,var(--line));background:var(--focus-overdue-surface)}.focus-time{display:flex;align-self:stretch;padding-right:1.25rem;flex-direction:column;justify-content:center;border-right:1px solid var(--line)}.focus-time>span{font-size:var(--text-2xl);font-weight:700;letter-spacing:-.04em}.focus-time small{color:var(--muted);font-size:var(--text-2xs)}.focus-copy h3{margin:.45rem 0 .15rem;font-size:var(--text-lg)}.focus-copy>p{margin:0;color:var(--muted);font-size:var(--text-2xs)}.draft-progress{display:flex;max-width:25rem;align-items:center;gap:.65rem;margin-top:.9rem}.draft-progress>span{height:.35rem;flex:1;overflow:hidden;border-radius:999px;background:var(--line)}.draft-progress i{display:block;height:100%;border-radius:inherit;background:var(--accent)}.draft-progress small{color:var(--muted);font-size:var(--text-2xs);white-space:nowrap}.focus-action{display:inline-flex;align-items:center;gap:.5rem;white-space:nowrap}.secondary-tasks,.session-list{display:grid;gap:.5rem;margin-top:var(--space-2)}.task-row{display:grid;width:100%;min-height:4.5rem;padding:.7rem .8rem;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:.8rem;border-color:var(--line);box-shadow:none;text-align:left}.task-row:hover:not(:disabled){border-color:color-mix(in srgb,var(--accent) 22%,var(--line))}.method-mark{display:grid;width:2.5rem;height:2.5rem;place-items:center;border-radius:var(--radius);background:var(--surface-2);color:var(--muted)}.method-mark.success{background:var(--green-100);color:var(--success-ink)}.task-copy,.task-meta,.schedule{display:flex;min-width:0;flex-direction:column}.task-copy b{overflow:hidden;font-size:var(--text-2xs);text-overflow:ellipsis;white-space:nowrap}.task-copy small,.task-meta small,.schedule small{margin-top:.15rem;color:var(--muted);font-size:var(--text-2xs)}.task-meta,.schedule{color:var(--muted-strong);font-size:var(--text-2xs)}.row-action{display:inline-flex;align-items:center;gap:.35rem;color:var(--accent-ink);font-size:var(--text-2xs);font-weight:650;white-space:nowrap}.session-group{margin-top:var(--space-2);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm);overflow:hidden}.session-group>summary{display:flex;min-height:5rem;padding:1rem 1.25rem;align-items:center;justify-content:space-between;gap:1rem;cursor:pointer;list-style:none}.session-group>summary::-webkit-details-marker{display:none}.session-group>summary>span:first-child{display:flex;flex-direction:column}.session-group>summary small{margin-top:.2rem;color:var(--muted);font-size:var(--text-2xs);font-weight:450}.session-group .count{display:grid;width:2rem;height:2rem;place-items:center;border-radius:var(--radius);background:var(--surface-2);color:var(--muted-strong);font-size:var(--text-2xs);font-weight:700}.session-group .session-list{margin:0;padding:0 1rem 1rem;border-top:1px solid var(--line)}.task-row.upcoming{grid-template-columns:5rem minmax(0,1fr) auto auto}.task-duration{color:var(--muted);font-size:var(--text-2xs)}.empty-inline{margin:1rem 0 0;color:var(--muted);font-size:var(--text-2xs);text-align:center}.all-done{display:flex;min-height:8rem;align-items:center;justify-content:center;gap:.8rem;border:1px dashed var(--line-strong);border-radius:var(--radius-lg);background:var(--surface-2)}.all-done>span{display:grid;width:2.5rem;height:2.5rem;place-items:center;border-radius:50%;background:var(--green-100);color:var(--success-ink)}.all-done h3,.all-done p{margin:0}.all-done p{color:var(--muted);font-size:var(--text-2xs)}.calibration-title{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem}.decision-rule{display:inline-flex;min-height:2.5rem;padding:.55rem .8rem;align-items:center;gap:.45rem;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);color:var(--muted-strong);font-size:var(--text-2xs);font-weight:650;white-space:nowrap}.calibration-workspace{display:grid;grid-template-columns:19rem minmax(0,1fr);align-items:start;gap:var(--space-2)}.participant-rail{position:sticky;top:1rem;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm);overflow:hidden}.participant-rail>header{padding:1rem 1rem .75rem;border-bottom:1px solid var(--line)}.participant-rail h2,.participant-rail p{margin:0}.participant-rail p{margin-top:.15rem;color:var(--muted);font-size:var(--text-2xs)}.participant-list{display:grid;padding:.5rem;gap:.25rem}.participant-item{display:grid;width:100%;min-height:4.5rem;padding:.65rem;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.65rem;border-color:transparent;background:transparent;box-shadow:none;text-align:left}.participant-item:hover,.participant-item.active{border-color:transparent;background:var(--surface-2);box-shadow:none;transform:none}.participant-item.active{background:var(--accent-soft)}.participant-avatar{display:grid;width:2.25rem;height:2.25rem;place-items:center;border-radius:var(--radius);background:var(--surface-2);color:var(--muted-strong);font-size:var(--text-2xs);font-weight:750}.participant-item.active .participant-avatar{background:var(--surface);color:var(--accent-ink)}.participant-copy{display:flex;min-width:0;flex-direction:column}.participant-copy b{overflow:hidden;font-size:var(--text-2xs);text-overflow:ellipsis;white-space:nowrap}.participant-copy small{color:var(--muted);font-size:var(--text-2xs)}.mini-progress{height:.2rem;margin-top:.4rem;overflow:hidden;border-radius:999px;background:var(--line)}.mini-progress i{display:block;height:100%;background:var(--accent)}.calibration-readiness{display:block;white-space:nowrap}.calibration-stage{min-width:0}.calibration-skeleton{min-height:26rem}.participant-header{display:flex;min-height:7.5rem;padding:1.25rem 1.5rem;align-items:center;justify-content:space-between;gap:1rem;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm)}.participant-header h2,.participant-header p{margin:0}.participant-header h2{margin-top:.25rem;font-size:var(--text-2xl)}.participant-header p{margin-top:.25rem;color:var(--muted);font-size:var(--text-2xs)}.participant-code{color:var(--accent-ink);font-size:var(--text-2xs);font-weight:720;letter-spacing:.08em;text-transform:uppercase}.participant-progress{display:flex;min-width:6rem;flex-direction:column;align-items:flex-end}.participant-progress strong{font-size:var(--text-2xl);line-height:1}.participant-progress span{margin-top:.3rem;color:var(--muted);font-size:var(--text-2xs)}.discussion-progress{display:flex;margin:.75rem 0;padding:.8rem 1rem;align-items:center;gap:1rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.discussion-progress>div{display:flex;flex-direction:column}.discussion-progress b{font-size:var(--text-2xs)}.discussion-progress small{color:var(--muted);font-size:var(--text-2xs)}.discussion-progress>span{height:.4rem;flex:1;overflow:hidden;border-radius:999px;background:var(--line)}.discussion-progress i{display:block;height:100%;background:var(--accent)}.competency-stack{display:grid;gap:.75rem}.calibration-competency header{display:flex;align-items:center;gap:.75rem}.competency-number{display:grid;width:2rem;height:2rem;flex:none;place-items:center;border-radius:var(--radius);background:var(--surface-2);color:var(--muted);font-size:var(--text-2xs);font-weight:720}.calibration-competency header>div:nth-child(2){min-width:0}.calibration-competency header p,.calibration-competency header h3{margin:0}.calibration-competency header p{color:var(--muted);font-size:var(--text-2xs);font-weight:650;text-transform:uppercase}.calibration-competency header h3{margin-top:.15rem}.competency-badges{display:flex;margin-left:auto;gap:.35rem}.evidence-comparison{display:grid;margin-top:1rem;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;border:1px solid var(--line);border-radius:var(--radius);background:var(--line);overflow:hidden}.evidence-card{padding:1rem;background:var(--surface)}.evidence-card>header{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.55rem;padding-bottom:.7rem;border-bottom:1px solid var(--line-weak)}.evidence-card>header>span{display:grid;width:1.8rem;height:1.8rem;place-items:center;border-radius:var(--radius-sm);background:var(--surface-2);color:var(--muted);font-size:var(--text-2xs);font-weight:720}.evidence-card>header>div{display:flex;min-width:0;flex-direction:column}.evidence-card header b{overflow:hidden;font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap}.evidence-card header small{color:var(--muted);font-size:var(--text-2xs)}.evidence-card header strong{grid-column:1 / -1;margin-top:.35rem;font-family:var(--font-mono);font-size:var(--text-3xl);font-variant-numeric:tabular-nums;letter-spacing:-.04em;line-height:1}.evidence-card>p{margin:.75rem 0 0;color:var(--ink);font-size:var(--text-sm);line-height:1.6}.decision-panel{margin-top:1rem;padding:1rem;border-radius:var(--radius);background:var(--surface-2)}.decision-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem}.decision-heading h4,.decision-heading p{margin:0}.decision-heading small{color:var(--muted);font-size:var(--text-2xs)}.decision-panel fieldset{min-width:0;margin:.8rem 0;padding:0;border:0}.decision-panel legend{margin-bottom:.4rem;color:var(--muted-strong);font-size:var(--text-2xs);font-weight:650}.calibration-rating{display:grid;grid-template-columns:repeat(5,1fr);gap:.4rem}.calibration-rating button{display:flex;min-width:0;padding:.5rem .25rem;flex-direction:column;align-items:center;box-shadow:none}.calibration-rating button small{color:var(--muted);font-size:var(--text-2xs)}.calibration-rating button.selected{border-color:var(--accent);background:var(--accent);color:var(--accent-contrast)}.calibration-rating button.selected small{color:inherit}.decision-panel>label{display:flex;justify-content:space-between}.decision-panel>label b{color:var(--red-700);font-size:var(--text-2xs);text-transform:uppercase}.decision-panel textarea{margin-top:.3rem}.decision-actions{display:flex;margin-top:.75rem;align-items:center;justify-content:space-between;gap:1rem}.decision-actions>span{max-width:30rem;color:var(--muted);font-size:var(--text-2xs)}.decision-actions button,.calibration-complete button,.close-calibration button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem}.final-decision{display:flex;margin-top:1rem;padding:.85rem;gap:.65rem;border-radius:var(--radius);background:var(--green-100);color:var(--success-ink)}.final-decision>span{display:grid;width:2rem;height:2rem;flex:none;place-items:center;border-radius:var(--radius);background:var(--surface)}.final-decision p{margin:.2rem 0 0;font-size:var(--text-2xs)}.missing-evidence{display:flex;margin:1rem 0 0;padding:.75rem;align-items:center;justify-content:center;gap:.5rem;border-radius:var(--radius-sm);background:var(--surface-2);color:var(--muted);font-size:var(--text-2xs)}.not-ready-state{display:flex;min-height:17rem;margin-top:.75rem;padding:2rem;align-items:center;justify-content:center;gap:1rem;border:1px dashed var(--line-strong);border-radius:var(--radius-lg);background:var(--surface)}.not-ready-state>span{display:grid;width:3rem;height:3rem;flex:none;place-items:center;border-radius:var(--radius);background:var(--amber-100);color:var(--amber-700);font-size:var(--text-xl)}.not-ready-state h3,.not-ready-state p{margin:0}.not-ready-state p:last-child{max-width:32rem;margin-top:.3rem;color:var(--muted);font-size:var(--text-2xs)}.not-ready-state>a{display:inline-flex;margin-left:auto;align-items:center;gap:.4rem;font-size:var(--text-2xs);font-weight:650;text-decoration:none;white-space:nowrap}.close-calibration{display:flex;margin-top:.75rem;padding:1rem 1.25rem;align-items:center;justify-content:space-between;gap:1rem;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm)}.close-calibration.ready{border-color:color-mix(in srgb,var(--green-700) 24%,var(--line));background:var(--calibration-ready-surface)}.close-calibration h3,.close-calibration p{margin:0}.close-calibration p:last-child{margin-top:.2rem;color:var(--muted);font-size:var(--text-2xs)}.calibration-complete{display:flex;margin-top:.75rem;padding:1rem;align-items:center;gap:.75rem;border:1px solid color-mix(in srgb,var(--green-700) 20%,var(--line));border-radius:var(--radius-lg);background:var(--green-100);color:var(--success-ink)}.calibration-complete>span{display:grid;width:2.5rem;height:2.5rem;place-items:center;border-radius:var(--radius);background:var(--surface)}.calibration-complete h3,.calibration-complete p{margin:0}.calibration-complete p{font-size:var(--text-2xs)}.calibration-complete>div:last-child{display:flex;margin-left:auto;gap:.4rem}@keyframes shimmer{to{background-position:-200% 0}}@keyframes page-in{0%{transform:translateY(5px)}to{transform:translateY(0)}}@media(min-width:120rem){main{width:min(calc(100% - 8rem),100rem)}}@media(max-width:68.749rem){main{width:min(calc(100% - var(--space-4)),90rem);padding-top:var(--space-4)}main>header:first-child,.page-header{margin-bottom:var(--space-3)}.page-header,.page-title,.pilot-page-header,.calibration-title{min-width:0;flex-wrap:wrap}.page-header>*,.page-title>*,.pilot-page-header>*,.calibration-title>*{min-width:0}.focus-card{grid-template-columns:5.5rem minmax(0,1fr)}.focus-action{grid-column:1 / -1;justify-content:center}.task-row,.task-row.upcoming{grid-template-columns:auto minmax(0,1fr) auto}.task-row .row-action{grid-column:2;justify-self:start}.assessment-context{align-items:flex-start;flex-direction:column;gap:1rem}.assessment-context dl{flex-wrap:wrap;gap:.75rem 1.25rem}.pilot-page-header{align-items:flex-start}.pilot-filter{flex-wrap:wrap;gap:.5rem 1rem}}@media(min-width:68.75rem)and (max-width:119.999rem){main{width:min(calc(100% - var(--space-4)),90rem);padding-top:var(--space-4);padding-bottom:var(--space-8)}main>header:first-child,.page-header{margin-bottom:var(--space-3)}.page-title{margin-bottom:var(--space-2)}}@media(min-width:60.001rem)and (max-height:48rem){main{padding-top:var(--space-3);padding-bottom:var(--space-6)}main>header:first-child,.page-header,.page-title{margin-bottom:var(--space-2)}}@media(max-height:40.625rem){main{padding-top:var(--space-3);padding-bottom:var(--space-8)}main>header:first-child,.page-header,.page-title{margin-bottom:var(--space-2)}.empty,.kosong{padding-block:var(--space-3)}.pilot-empty,.pilot-error{min-height:7rem;padding:1.25rem}.pilot-skeleton{min-height:15rem}}@media(max-width:48rem){main{width:min(calc(100% - var(--space-3)),90rem);padding:var(--space-3) 0 var(--space-8)}h1{font-size:var(--text-2xl)}.metrics,.metric-grid,.action-grid,.ruang-grid,.banding{grid-template-columns:1fr}.atas,.hero,.page-title{align-items:stretch;flex-direction:column}.atas a{margin-left:0}.table-wrap{margin-inline:calc(var(--space-3) * -.5);padding-inline:calc(var(--space-3) * .5);overflow-x:auto}table{min-width:42rem}.cockpit-view{display:flex;flex-direction:column}.cockpit-view .focus-zone{order:-1}.focus-zone{padding:var(--space-2)}.focus-card{grid-template-columns:1fr}.focus-time{padding:0 0 .75rem;border-right:0;border-bottom:1px solid var(--line)}.focus-action{width:100%;justify-content:center}.task-row,.task-row.upcoming{grid-template-columns:auto minmax(0,1fr) auto}.task-meta,.task-duration,.schedule{display:none}.row-action{width:1.25rem;overflow:hidden;gap:0;color:transparent;font-size:var(--text-2xs)}.row-action ui-icon{flex:0 0 auto;color:var(--accent-ink);font-size:var(--text-sm)}.assessment-context{align-items:flex-start;flex-direction:column}.assessment-context dl{width:100%;flex-wrap:wrap}.calibration-title{align-items:stretch;flex-direction:column}.calibration-workspace{grid-template-columns:1fr}.participant-rail{position:static}.participant-list{display:flex;overflow-x:auto}.participant-item{min-width:15rem}.evidence-comparison{grid-template-columns:1fr}.participant-header,.not-ready-state,.close-calibration,.calibration-complete{align-items:flex-start;flex-direction:column}.participant-progress{align-items:flex-start}.not-ready-state>a,.calibration-complete>div:last-child{width:100%;margin-left:0}.calibration-complete>div:last-child{flex-direction:column}.calibration-complete button,.close-calibration button{width:100%}.decision-actions{align-items:stretch;flex-direction:column}.decision-actions button{width:100%}}@media(max-width:30rem){.work-summary span+span,.calibration-summary span+span{padding-left:0;border-left:0}.focus-zone .section-heading{align-items:flex-start;flex-direction:column;gap:.6rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.route-stage>*:not(router-outlet):not(.offline-banner){animation:halaman-masuk .32s cubic-bezier(.2,.8,.2,1) both}@keyframes halaman-masuk{0%{transform:translateY(.5rem)}to{transform:translateY(0)}}button:not(:disabled):active{transform:translateY(1px) scale(.985)}button{transition:transform var(--duration-fast),box-shadow var(--duration-fast),background var(--duration-fast),color var(--duration-fast),border-color var(--duration-fast)}@media(prefers-reduced-motion:reduce){.route-stage>*{animation:none}button:not(:disabled):active{transform:none}}.pilot-page-header{display:flex;min-width:0;align-items:flex-end;justify-content:space-between;gap:1rem;margin:0 0 var(--page-header-bottom-space);padding:var(--page-header-top-space) 0 0}.pilot-page-header>div{min-width:0}.pilot-page-header .eyebrow{display:block;margin:0;color:var(--accent-text);font-size:var(--text-2xs);font-weight:750;letter-spacing:.1em;line-height:1.25;text-transform:uppercase}.pilot-page-header h1{max-width:28ch;margin:.4rem 0 .5rem;padding-bottom:.5rem;font-size:var(--text-2xl);line-height:1.08}.pilot-page-header h1:after{width:3.25rem;height:3px}.pilot-page-header p{max-width:62ch;margin:0;color:var(--muted);font-size:var(--text-sm);line-height:1.4}.pilot-page-header.is-default{--page-header-top-space: 1.5rem;--page-header-bottom-space: 2rem}.pilot-page-header:not(.is-default){--page-header-bottom-space: .35rem;padding-top:.25rem}.pilot-page-header:not(.is-default) h1{margin:.25rem 0 .3rem;padding-bottom:.35rem;font-size:var(--text-2xl)}.status-badge{display:inline-flex;width:max-content;align-items:center;gap:.4rem;padding:.28rem .55rem;border-radius:999px;background:var(--surface-2);color:var(--muted-strong);font-size:var(--text-2xs);font-weight:700}.status-badge[data-size=md]{min-height:2rem;padding:.4rem .7rem;font-size:var(--text-xs)}.status-badge[data-tone=ok]{background:var(--green-100);color:var(--success-ink)}.status-badge[data-tone=warn]{background:var(--amber-100);color:var(--amber-700)}.status-badge[data-tone=bad]{background:var(--red-100);color:var(--red-700)}.status-badge[data-tone=info]{background:var(--accent-soft);color:var(--accent-ink)}.progress-wrap{display:grid;gap:.4rem;margin:.9rem 0}.progress-label{display:flex;justify-content:space-between;color:var(--muted);font-size:var(--text-2xs)}.progress-label strong{color:var(--ink)}.progress-track{height:.48rem;overflow:hidden;border-radius:999px;background:var(--surface-2)}.progress-track i{display:block;height:100%;border-radius:inherit;background:var(--accent)}.deadline-indicator{display:grid;margin-top:.75rem;padding:.65rem .75rem;grid-template-columns:auto 1fr;gap:.05rem .6rem;border-left:3px solid var(--amber-700);background:var(--amber-100);font-size:var(--text-2xs)}.deadline-indicator strong{text-align:right}.deadline-indicator small{grid-column:1/-1;color:var(--amber-700)}.pilot-loading,.pilot-empty,.pilot-error{min-height:10rem;padding:2rem;display:grid;place-content:center;border:1px dashed var(--line-strong);border-radius:var(--radius-lg);color:var(--muted);text-align:center}.pilot-loading{gap:.5rem}.pilot-loading__indicator{width:2rem;height:2rem;margin-inline:auto;border:.2rem solid var(--line);border-top-color:var(--accent);border-radius:999px;animation:pilot-loading-spin .8s linear infinite}@keyframes pilot-loading-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.pilot-loading__indicator{animation:none}}.pilot-error{border-style:solid;border-color:color-mix(in srgb,var(--red-700) 25%,var(--line));background:var(--red-100);color:var(--red-700)}.pilot-empty p,.pilot-error p,.pilot-loading p{margin:.2rem 0 0}.pilot-error button{margin:.8rem auto 0;border-color:color-mix(in srgb,var(--red-700) 35%,var(--line));background:var(--surface);color:var(--ink)}.connection-state{display:inline-flex;min-width:11rem;padding:.6rem .75rem;align-items:center;gap:.6rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-2);color:var(--muted)}.connection-state>span{width:.55rem;height:.55rem;flex:0 0 auto;border-radius:50%;background:currentColor}.connection-state>div{display:grid}.connection-state strong,.connection-state small{font-size:var(--text-2xs)}.connection-state[data-state=connected]{border-color:color-mix(in srgb,var(--green-700) 25%,var(--line));background:var(--green-100);color:var(--success-ink)}.connection-state[data-state=reconnecting]{border-color:color-mix(in srgb,var(--amber-700) 30%,var(--line));background:var(--amber-100);color:var(--amber-700)}.pilot-filter{display:flex;min-width:0;min-height:3rem;padding:.6rem .8rem;align-items:center;justify-content:space-between;gap:.5rem 1rem;border:1px solid var(--line);border-radius:var(--radius) var(--radius) 0 0;background:var(--surface)}.pilot-table{overflow:auto;border:1px solid var(--line);border-top:0;border-radius:0 0 var(--radius) var(--radius);background:var(--surface)}.pilot-table table{width:100%;--tabel-pad-y: .75rem;--tabel-pad-x: .75rem}.pilot-table th,.pilot-table td{font-size:var(--text-2xs)}.pilot-table th{color:var(--muted);font-size:var(--text-2xs);text-transform:uppercase}.pilot-approval,.pilot-evidence,.pilot-drawer{padding:1.2rem;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm)}.pilot-timeline,.pilot-audit{display:grid;gap:.65rem;padding:0;list-style:none}.pilot-timeline li,.pilot-audit li{display:grid;padding-left:1rem;border-left:2px solid var(--accent);font-size:var(--text-2xs)}.pilot-timeline span,.pilot-audit span{color:var(--muted)}.etos-page{display:grid;min-width:0;gap:var(--etos-gap)}.etos-page>*{min-width:0;max-width:100%}.etos-stat-grid,.etos-score-grid,.etos-definition{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(12rem,1fr))}.etos-definition,.etos-definition dd{margin:0}.etos-form-grid{display:grid;gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr))}.etos-table{width:100%;min-width:46rem;border-collapse:collapse;--tabel-pad-y: var(--etos-cell-pad);--tabel-pad-x: var(--etos-cell-pad)}.etos-table th,.etos-table td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}.etos-table th strong,.etos-table th small{display:block}.etos-table small,.etos-definition dt,.etos-note span,.etos-note small,.etos-score-grid small,.etos-locked{color:var(--muted)}.etos-panel{display:grid;gap:var(--etos-pad);padding:var(--etos-pad)}.etos-panel-heading,.etos-section-heading,.etos-drawer-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.etos-section-heading p,.etos-drawer-header p{margin:0;color:var(--muted)}.etos-drawer-header{padding:var(--etos-drawer-pad);border-bottom:1px solid var(--line)}.etos-drawer-content{display:grid;gap:var(--etos-gap);padding:var(--etos-drawer-pad)}.etos-action{display:inline-flex;min-height:44px;align-items:center;gap:var(--space-2)}.etos-actions,.etos-header-actions,.etos-row-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.etos-definition div,.etos-note,.etos-score-grid label{display:grid;gap:var(--space-2)}.etos-score-grid input,.etos-note textarea{width:100%}.etos-slot-list{display:grid;gap:var(--space-2);margin:0;padding:0;list-style:none}.etos-slot-list li{gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--line)}.etos-slot-list li div{display:grid;gap:var(--space-2)}.etos-inline-error{margin:0;color:var(--red-700)}@media(max-width:48rem){.etos-stat-grid,.etos-score-grid,.etos-definition,.etos-form-grid{grid-template-columns:minmax(0,1fr)}.etos-section-heading{flex-direction:column;align-items:stretch}}app-ui-card,app-ui-stat-tile,app-ui-timer{display:block;min-width:0}app-ui-page-header,app-ui-data-table{display:block;min-width:0;max-width:100%}.sr-only{position:absolute;overflow:hidden;width:1px;height:1px;margin:-1px;padding:0;border:0;clip-path:inset(50%);white-space:nowrap}.ui-card{overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm)}.ui-card[data-tone=info]{border-color:color-mix(in srgb,var(--accent) 28%,var(--line));background:var(--info-surface)}.ui-card[data-tone=ok]{border-color:color-mix(in srgb,var(--green-700) 24%,var(--line))}.ui-card[data-tone=warn]{border-color:color-mix(in srgb,var(--amber-700) 24%,var(--line))}.ui-card[data-tone=bad]{border-color:color-mix(in srgb,var(--red-700) 24%,var(--line))}.ui-card__header,.ui-card__body,.ui-card__footer{padding:1rem 1.2rem}.ui-card__header{border-bottom:1px solid var(--line)}.ui-card__footer{border-top:1px solid var(--line)}.ui-card__header:empty,.ui-card__body:empty,.ui-card__footer:empty{display:none}.ui-stat-tile{display:flex;min-height:6.5rem;padding:1rem;flex-direction:column;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm)}.ui-stat-tile[data-tone=urgent]{border-color:color-mix(in srgb,var(--amber-700) 22%,var(--line));background:var(--warning-surface)}.ui-stat-tile[data-tone=ok]{border-color:color-mix(in srgb,var(--green-700) 22%,var(--line));background:var(--success-surface)}.ui-stat-tile>span{color:var(--muted);font-size:var(--text-2xs);font-weight:650}.ui-stat-tile>strong{margin-top:auto;font-size:var(--text-2xl);line-height:1}.ui-stat-tile>small{margin-top:.3rem;color:var(--muted);font-size:var(--text-2xs)}.ui-drawer-layer{position:fixed;z-index:80;inset:0}.ui-drawer-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:0;background:var(--scrim);-webkit-backdrop-filter:var(--backdrop-filter-subtle);backdrop-filter:var(--backdrop-filter-subtle)}.ui-drawer-panel{position:absolute;inset:0 0 0 auto;display:flex;width:min(34rem,94vw);flex-direction:column;background:var(--surface);box-shadow:var(--overlay-shadow);overflow:auto;animation:ui-drawer-in var(--duration) ease-out}.ui-drawer-panel:focus{outline:none;box-shadow:var(--focus),var(--overlay-shadow)}.ui-drawer-panel>header{display:flex;padding:1.25rem 1.35rem;align-items:flex-start;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--line)}.ui-drawer-close{width:2.75rem;min-height:2.75rem;padding:0;border-radius:999px;font-size:var(--text-xl)}@keyframes ui-drawer-in{0%{opacity:.65;transform:translate(2rem)}to{opacity:1;transform:none}}.ui-drawer-panel[data-size=sm]{width:min(24rem,100vw)}.ui-timer{display:grid;padding:.8rem 1rem;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.15rem .7rem;border-radius:var(--radius);background:var(--instrument-surface);box-shadow:var(--shadow-sm);color:var(--console-ink)}.ui-timer__indicator{grid-row:1/3;width:.55rem;height:.55rem;border-radius:50%;background:var(--console-ok);box-shadow:0 0 0 .25rem var(--console-ok-soft)}.ui-timer>div{display:flex;min-width:0;align-items:baseline;gap:.65rem}.ui-timer small,.ui-timer__detail{color:var(--console-muted);font-size:var(--text-2xs)}.ui-timer strong{font-family:var(--font-mono);font-size:var(--text-2xl);font-variant-numeric:tabular-nums;letter-spacing:.04em}.ui-timer__detail{grid-column:2}.ui-timer__status{grid-row:1/3;grid-column:3;padding:.25rem .55rem;border-radius:999px;background:#4ade8024;color:var(--console-ok-ink);font-size:var(--text-2xs);font-weight:700}.ui-timer[data-state=paused] .ui-timer__indicator,.ui-timer[data-state=urgent] .ui-timer__indicator{background:var(--console-warn)}.ui-timer[data-state=paused] .ui-timer__status,.ui-timer[data-state=urgent] .ui-timer__status{background:var(--console-warn-soft);color:var(--console-warn)}.ui-timer[data-state=urgent]{background:var(--instrument-urgent-surface)}.ui-timer[data-state=critical]{background:var(--instrument-critical-surface)}.ui-timer[data-state=critical] .ui-timer__indicator{background:var(--console-bad);box-shadow:0 0 0 .25rem var(--console-bad-soft);animation:ui-timer-denyut 1.4s ease-in-out infinite}.ui-timer[data-state=critical] .ui-timer__status{background:var(--console-bad-soft);color:var(--console-bad)}@keyframes ui-timer-denyut{50%{opacity:.45}}@media(prefers-reduced-motion:reduce){.ui-timer[data-state=critical] .ui-timer__indicator{animation:none}}.ui-timer[data-size=sm]{display:inline-grid;padding:.35rem .65rem;grid-template-columns:auto auto;box-shadow:none}.ui-timer[data-size=sm] .ui-timer__indicator{grid-row:1/3}.ui-timer[data-size=sm]>div{display:grid;gap:0}.ui-timer[data-size=sm] strong{font-size:var(--text-base)}.ui-timer[data-size=sm] .ui-timer__detail{grid-column:2}.ui-timer[data-size=sm] .ui-timer__status{display:none}@media(max-width:36rem){.ui-drawer-panel{inset:auto 0 0;width:100%;max-height:82dvh;border-radius:var(--radius-lg) var(--radius-lg) 0 0;animation:ui-sheet-in var(--duration) ease-out}.ui-timer{grid-template-columns:auto minmax(0,1fr)}.ui-timer__status{grid-row:auto;grid-column:2;justify-self:start}@keyframes ui-sheet-in{0%{opacity:.7;transform:translateY(1.5rem)}to{opacity:1;transform:none}}}@media(prefers-reduced-motion:reduce){.ui-drawer-panel{animation:none}}@media print{button{display:none}.talent-card,.pilot-approval,.pilot-evidence{break-inside:avoid}.pilot-approval,.pilot-evidence{box-shadow:none}body{background:#fff}}@media(max-width:68.75rem){.pilot-page-header{--page-header-bottom-space: 1rem}.pilot-page-header.is-default{--page-header-top-space: 1rem;--page-header-bottom-space: 1.25rem}.pilot-page-header h1{margin:.35rem 0 .4rem;font-size:var(--text-2xl)}.pilot-page-header p{font-size:var(--text-sm)}}.nav-group{display:grid;gap:.125rem}.nav-children{display:grid;gap:.125rem;margin:.1875rem 0 .4375rem 1.375rem;padding-left:.55rem;border-left:1px solid var(--line)}.app-nav .nav-child{font-size:var(--text-2xs)}.nav-child-dot{width:.35rem;height:.35rem;flex:none;border-radius:50%;background:var(--line-strong)}.app-nav .nav-child.aktif{box-shadow:none}.nav-child.aktif .nav-child-dot{background:var(--gold);box-shadow:none}.nav-child.disabled{display:flex;align-items:center;border-radius:var(--radius);color:var(--muted);cursor:not-allowed;font-size:var(--text-2xs)}.collapsed .nav-children{display:none}@media(max-width:60rem){.nav-group{display:flex;flex:none;align-items:center}.nav-children{display:flex;margin:0;padding:0;border:0}.app-nav .nav-child,.nav-child.disabled{white-space:nowrap}}.app-header.island .nav-group{display:grid}.app-header.island .nav-children{display:grid;margin:0 0 .25rem 1.5rem;padding-left:.5rem;border-left:1px solid var(--line)}}@layer components{.console-surface{border:1px solid var(--line);background:var(--surface);color:var(--ink);--console: var(--surface);--console-2: var(--surface-2);--console-3: var(--surface-3);--console-ink: var(--ink);--console-muted: var(--muted);--console-line: var(--line);--console-line-strong: var(--line-strong);--console-ok: var(--green-700);--console-ok-ink: var(--success-ink);--console-ok-soft: var(--green-100);--console-warn: var(--amber-700);--console-warn-soft: var(--amber-100);--console-bad: var(--red-700);--console-bad-soft: var(--red-100)}.ui-stamp{color:var(--muted);font-family:var(--font-mono);font-size:var(--text-2xs);font-variant-numeric:tabular-nums;letter-spacing:.02em;white-space:nowrap}.ui-stamp[data-tone=accent]{color:var(--console-accent)}.ui-drift{display:inline-flex;align-items:baseline;gap:.3rem;padding:.15rem .5rem;border-radius:999px;font-family:var(--font-mono);font-size:var(--text-2xs);font-variant-numeric:tabular-nums;font-weight:700}.ui-drift[data-arah=molor]{background:var(--amber-100);color:var(--amber-700)}.ui-drift[data-arah=cepat]{background:var(--green-100);color:var(--success-ink)}.ui-drift[data-arah=tepat]{background:var(--surface-2);color:var(--muted)}.ui-drift[data-size=lg]{padding:0;background:none;font-size:var(--text-2xl);letter-spacing:-.03em}.ui-countdown{display:grid;gap:.15rem}.ui-countdown b{display:block;color:var(--heading);font-family:var(--font-mono);font-size:var(--console-clock);font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:-.045em;line-height:1}.ui-countdown small{color:var(--muted);font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.12em;text-transform:uppercase}.ui-countdown[data-state=urgent] b{color:var(--amber-700)}.ui-countdown[data-state=critical] b{color:var(--red-700)}.ui-countdown[data-state=paused] b{color:var(--muted)}.ui-ribbon-scroll{overflow-x:auto;overscroll-behavior-inline:contain;padding-bottom:.4rem;scrollbar-color:var(--accent) var(--surface-2);scrollbar-width:thin;cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none}.ui-ribbon-scroll.is-dragging{cursor:grabbing}.ui-ribbon{--pita-penggaris: 1.4rem;--pita-jarak: 1.5rem;--pita-rel: 2.7rem;position:relative;min-width:44rem}.ui-ribbon__ruler{position:relative;height:var(--pita-penggaris);border-bottom:1px solid var(--line);color:var(--muted);font-family:var(--font-mono);font-size:var(--text-2xs);font-variant-numeric:tabular-nums}.ui-ribbon__tick{position:absolute;bottom:0;width:1px;height:.3rem;background:var(--line)}.ui-ribbon__tick.is-major{height:.48rem;background:var(--line-strong)}.ui-ribbon__tick b{position:absolute;bottom:.48rem;left:0;transform:translate(-50%);font-weight:500;white-space:nowrap}.ui-ribbon__tick b.is-first{transform:none}.ui-ribbon__tick b.is-last{transform:translate(-100%)}.ui-ribbon__lane{position:relative;height:var(--pita-rel);margin-top:var(--pita-jarak)}.ui-ribbon__lane-tag{position:absolute;top:-1.05rem;left:0;color:var(--muted);font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.14em;text-transform:uppercase}.ui-ribbon__blok{position:absolute;top:0;display:block;height:2.5rem;padding:.28rem .5rem;border:1px solid var(--line);border-radius:5px;overflow:hidden;font-size:var(--text-2xs);line-height:1.25;text-align:left;white-space:nowrap}.ui-ribbon__blok b{display:block;overflow:hidden;font-weight:650;text-overflow:ellipsis}.ui-ribbon__blok small{display:block;overflow:hidden;color:var(--muted);font-family:var(--font-mono);font-size:var(--text-2xs);font-variant-numeric:tabular-nums;line-height:1.15;text-overflow:ellipsis}.ui-ribbon__blok[data-rel=rencana]{border-style:dashed;background:none;color:var(--muted)}.ui-ribbon__blok[data-rel=realisasi]{background:var(--surface-2);color:var(--ink)}.ui-ribbon__blok[data-status=SELESAI],.ui-ribbon__blok[data-status=DILEWATI]{border-color:var(--line-weak);color:var(--muted-strong)}.ui-ribbon__blok[data-status=SELESAI] small,.ui-ribbon__blok[data-status=DILEWATI] small,.ui-ribbon__blok[data-status=BERJALAN] small{color:var(--muted-strong)}.ui-ribbon__blok[data-status=BERJALAN]{border-color:var(--console-accent);background:var(--surface-3);box-shadow:0 0 0 1px var(--console-accent-soft)}.ui-ribbon__blok[data-status=BERJALAN]>b{color:var(--ink)}.ui-ribbon__blok[data-status=RENCANA][data-rel=realisasi]{background:none;color:var(--muted)}button.ui-ribbon__blok{cursor:pointer;font-family:inherit}.ui-ribbon-scroll.is-dragging .ui-ribbon__blok{cursor:grabbing}button.ui-ribbon__blok:hover{border-color:var(--line-strong)}.ui-ribbon__blok.is-selected{z-index:2;border-color:var(--accent);border-style:solid;box-shadow:0 0 0 2px var(--surface),0 0 0 4px color-mix(in srgb,var(--accent) 42%,transparent)}.ui-ribbon__marker{position:absolute;top:var(--pita-penggaris);bottom:0;z-index:3;width:2px;background:var(--accent)}.ui-ribbon__marker:before{content:"";position:absolute;top:-4px;left:50%;width:9px;height:9px;transform:translate(-50%);border-radius:50%;background:var(--accent)}.ui-ribbon__slip{position:absolute;top:calc(var(--pita-penggaris) + var(--pita-jarak) * 2 + var(--pita-rel));z-index:2;height:0;border-top:2px dotted var(--amber-700)}.ui-ribbon__slip span{position:absolute;top:-1.15rem;left:50%;transform:translate(-50%);white-space:nowrap}@media(min-width:68.75rem)and (max-width:119.999rem){.ui-drift[data-size=lg]{font-size:var(--text-xl);font-weight:650;letter-spacing:0}.ui-ribbon-scroll{padding-bottom:.25rem}.ui-ribbon{--pita-penggaris: 1rem;--pita-jarak: .85rem;--pita-rel: 2.2rem;min-width:48rem}.ui-ribbon__lane-tag{top:-.8rem;letter-spacing:.1em}.ui-ribbon__blok{height:2.05rem;padding:.2rem .4rem;line-height:1.1}.ui-ribbon__blok small{display:none}.ui-ribbon__slip span{top:-1rem}}@media(max-width:48rem){.ui-ribbon{min-width:34rem}}}