@font-face{font-family:tabler-icons;font-style:normal;font-weight:400;src:url(/assets/tabler-icons-subset-D7AdBcjY.woff2)format("woff2")}.ti{speak:none;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-style:normal;font-weight:400;line-height:1;font-family:tabler-icons!important}.ti-alert-triangle:before{content:""}.ti-arrow-right:before{content:""}.ti-bell:before{content:""}.ti-blur:before{content:""}.ti-calendar:before{content:""}.ti-camera:before{content:""}.ti-check:before{content:""}.ti-checkbox:before{content:""}.ti-checklist:before{content:""}.ti-checks:before{content:""}.ti-chevron-down:before{content:""}.ti-chevron-left:before{content:""}.ti-chevron-right:before{content:""}.ti-clock:before{content:""}.ti-download:before{content:""}.ti-eye:before{content:""}.ti-eye-off:before{content:""}.ti-file:before{content:""}.ti-file-text:before{content:""}.ti-home:before{content:""}.ti-lock:before{content:""}.ti-logout:before{content:""}.ti-map-pin:before{content:""}.ti-number:before{content:""}.ti-password:before{content:""}.ti-pdf:before{content:""}.ti-pencil:before{content:""}.ti-photo:before{content:""}.ti-plus:before{content:""}.ti-radio:before{content:""}.ti-search:before{content:""}.ti-send:before{content:""}.ti-timeline:before{content:""}.ti-tower:before{content:""}.ti-trash:before{content:""}.ti-user:before{content:""}.ti-users:before{content:""}.ti-x:before{content:""}:root{--c-share-bg:#e8f8ee;--c-share-fg:#128c4a;--c-notifikasi-unread:#f2f6fe;--notifikasi-icon:38px;--notifikasi-icon-mini:16px;--avatar-profil:96px;--avatar-fallback-size:60%;--avatar-camera:32px;--profil-padding:24px;--profil-option-height:56px;--sheet-handle-width:40px;--crop-size:256px;--c-crop-bg:#0e1118;--c-crop-button:#292c34;--c-crop-muted:#c6c9d0;--c-crop-error:#ffb4b4;--crop-mask:0 0 0 100vmax #0000008c;--dur-profil-pop:.5s;--ease-press:cubic-bezier(.4, 0, .2, 1);--dur-page-push:.4s;--dur-rebound-card:.46s;--dur-revisi:1.6s;--opacity-conflict:.65;--opacity-jadwal:.45;--c-danger:var(--c-badge);--c-overdue:#b54708;--segment-count-zero:#dce5f4;--segment-count-active:#ffffff40;--dur-segment:.38s;--dur-segment-color:.25s;--dur-segment-content:.32s;--ease-segment:cubic-bezier(.3, 1.25, .5, 1);--ease-segment-content:cubic-bezier(.2, .8, .2, 1);--segment-offset:18px;--segment-radius:10px;--segment-height:40px;--segment-shadow:0 4px 10px -6px #1d5fd6cc;--segment-sticky-bg:#ffffffeb;--segment-sticky-shadow:0 4px 8px -6px #10182859;--segment-blur:12px;--card-bg-soft:linear-gradient(180deg, #f8faff 0%, #edf2fc 100%);--card-shadow-soft:inset 0 1px 0 #fffffff2, 0 4px 12px -8px #1d5fd659, 0 1px 2px #1018280a;--aurora-bg:conic-gradient(from 0deg, #1d5fd6, #3e8bff, #00b3c7, #1d5fd6, #4b4fe0, #1d5fd6);--aurora-shadow:0 12px 24px -12px #1d5fd680;--aurora-chip:#ffffff30;--c-lampu:#5bffb0;--radius-aurora:26px;--fs-aurora:56px;--c-map-gi:#00a0b4;--c-map-regu:#4285f4;--map-shadow:0 2px 8px #00000030;--map-height:200px;--radius-map:15px;--panel-icon:48px;--panel-on-bg:linear-gradient(180deg, #2bc864, #16a34a);--panel-off-bg:linear-gradient(180deg, #f25c54, #d64036);--panel-on-shadow:inset 0 1px 0 #ffffff80, inset 0 -4px 0 #087b32, 0 10px 20px -10px #16a34aaa;--panel-off-shadow:inset 0 1px 0 #ffffff80, inset 0 -4px 0 #b62d25, 0 10px 20px -10px #d64036aa;--panel-cap-bg:#00000018;--avatar-compact:32px;--fs-nip:11.5px;--panel-height:66px;--c-kerangka:#dce5f4;--kerangka-shine:linear-gradient(90deg, transparent, #ffffffbf, transparent);--dur-kilau:1.2s;--dur-muncul:.35s;--tile-bg-3d:linear-gradient(180deg, #f8faff 0%, #e6eefb 100%);--tile-shadow-3d:inset 0 1px 0 #fffffff2, inset 0 -3px 0 #1d5fd61a, 0 8px 16px -8px #1d5fd673, 0 1px 2px #1018280f;--tile-bg-pressed:linear-gradient(180deg, #e2eaf9 0%, #dae4f7 100%);--tile-shadow-pressed:inset 0 2px 5px #1d5fd633;--tile-icon-shadow:drop-shadow(0 2px 2px #1d5fd62e);--list-bg-3d:linear-gradient(180deg, #f8faff 0%, #e9f0fc 100%);--list-shadow-3d:inset 0 1px 0 #fffffff2, inset 0 -2px 0 #1d5fd614, 0 6px 14px -8px #1d5fd666, 0 1px 2px #1018280d;--radius-list:18px;--line-height-list:1.3;--avatar-dashboard:68px;--avatar-frame:3px;--avatar-bg-3d:linear-gradient(160deg, #fff, #dce6f8);--avatar-shadow-3d:0 10px 20px -8px #1d5fd68c, 0 2px 4px #1018281a;--avatar-inset-shadow:inset 0 2px 6px #10182840;--avatar-shine:linear-gradient(135deg, #fff9, transparent 48%);--nav-indicator-width:28px;--nav-indicator-height:3px;--nav-indicator-radius:3px;--nav-jump:-6px;--press-tile-y:2px;--press-tile-scale:.95;--rebound-tile-y:-1px;--rebound-tile-scale:1.02;--press-card-y:1px;--press-card-scale:.985;--rebound-card-scale:1.008;--dur-press-tile:.2s;--dur-press-card:.18s;--dur-rebound:.48s;--dur-settle-tile:40ms;--dur-settle-card:40ms;--dur-page-pop:.3s;--dur-nav:.38s;--ease-rebound:cubic-bezier(.25, 1.35, .5, 1);--ease-nav:cubic-bezier(.3, 1.35, .5, 1);--ease-page:cubic-bezier(.2, .8, .2, 1);--dur-cepat:.16s;--dur-sedang:.32s;--dur-pop:.34s;--dur-foto:.3s;--dur-tulis:.34s;--dur-success:.42s;--dur-ripple:.9s;--dur-digit:.2s;--dur-exit:.62s;--dur-line:.38s;--timeline-step:.62s;--timeline-line-delay:.28s;--dur-undo:5s;--dur-pulse:2s;--ease-tulis:cubic-bezier(.65, 0, .35, 1);--ease-pop:cubic-bezier(.3, 1.4, .5, 1);--fs-stopwatch:42px;--success-seal:96px;--approval-seal:34px;--c-primary:#1d5fd6;--c-primary-hover:#1449a8;--c-primary-soft:#eef3fc;--c-bg:#fff;--c-card:var(--c-primary-soft);--c-surface:#fff;--c-border:#e3e6ec;--c-divider:#dce6f7;--c-control-border:#9aa3b2;--c-control-disabled-bg:#edeff2;--c-control-disabled-border:#d3d7de;--c-control-focus:#1d5fd659;--c-text:#1a1a1a;--c-text-2:#3d3c38;--c-muted:#5f5e5a;--c-nav-idle:#6b6a64;--c-icon-decor:#8b8f98;--c-pending-bg:#fff3d6;--c-pending-fg:#7a4f00;--c-pending-line:#e5a000;--c-ok-bg:#e3f5ea;--c-ok-fg:#1e6b3a;--c-ok-solid:#1e7a45;--c-bad-bg:#fde7e7;--c-bad-fg:#9f1f1f;--c-bad-line:#e3bdbd;--c-badge:#c62828;--font-family:"Plus Jakarta Sans", system-ui, sans-serif;--font-login:system-ui, "Segoe UI", Roboto, sans-serif;--fs-detail:22px;--fs-page:20px;--fs-heading:17px;--fs-card:16px;--fs-button:15px;--fs-body:14px;--fs-meta:13px;--fs-tile:13.5px;--fs-caption:12px;--fs-nav:11px;--fw-normal:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--radius-detail:var(--radius-card);--radius-card:20px;--radius-tile:24px;--radius-checkbox:7px;--radius-button:14px;--radius-field:12px;--radius-pill:999px;--radius-tag:6px;--radius-round:50%;--s-4:4px;--s-6:6px;--s-8:8px;--s-10:10px;--s-12:12px;--s-14:14px;--s-16:16px;--s-18:18px;--page-padding:16px;--card-padding:12px 14px;--info-padding:7px;--s-2:2px;--gap-list:8px;--gap-detail:10px;--touch:44px;--button-height:48px;--pill-height:36px;--avatar:36px;--timeline-icon:28px;--icon-size:22px;--content-width:480px;--line:1px;--line-strong:2px;--nav-height:72px;--dock-height:80px;--menu-image:56px;--tile-image:50px;--control-size:22px;--control-focus-width:3px;--success-image:150px;--logo-height:42px;--dashboard-header-bottom:88px;--dashboard-overlap:64px}.app-page{max-width:var(--content-width);background:var(--c-bg);min-height:100svh;font:var(--fw-normal) var(--fs-body)/1.5 var(--font-family);color:var(--c-text);margin:0 auto}.app-page *,.app-page :before,.app-page :after{box-sizing:border-box}.app-page h1,.app-page h2,.app-page h3,.app-page p{margin:0}.app-page h1,.app-page h2,.app-page h3{line-height:1.35}.app-page button,.app-page input,.app-page select,.app-page textarea{font:inherit}.app-page button,.app-page a,.app-page label,.app-page [role=button],.app-page summary{-webkit-tap-highlight-color:transparent}.app-page button{cursor:pointer}.app-page a{color:inherit}.app-page :focus-visible{outline:var(--line-strong) solid var(--c-primary);outline-offset:var(--s-4)}.app-page button:disabled{cursor:wait;opacity:.65}.page-content{gap:var(--gap-detail);padding:var(--page-padding);display:grid}.has-nav{padding-bottom:calc(var(--nav-height) + env(safe-area-inset-bottom))}.has-dock{padding-bottom:var(--dock-height)}.has-nav.has-dock{padding-bottom:calc(var(--nav-height) + var(--dock-height) + env(safe-area-inset-bottom))}.page-header{background:var(--c-surface);border-bottom:var(--line) solid var(--c-border);padding:var(--s-16);align-items:center;gap:var(--s-12);display:flex}.page-header h1{font-size:var(--fs-page);font-weight:var(--fw-bold)}.page-header.child h1{font-size:var(--fs-heading)}.page-header p{color:var(--c-muted);font-size:var(--fs-caption);margin-top:var(--s-4)}.page-header>div{flex:1;min-width:0}.header-logo{height:var(--logo-height);width:auto}.back-button{flex:0 0 var(--touch);width:var(--touch);height:var(--touch);border-radius:var(--radius-round);background:var(--c-primary-soft);color:var(--c-primary);border:0;font-size:var(--icon-size)!important}.card{background:var(--card-bg-soft);box-shadow:var(--card-shadow-soft);border-radius:var(--radius-detail);padding:var(--card-padding);border:0;min-width:0}.card-heading{justify-content:space-between;align-items:center;gap:var(--s-8);margin-bottom:var(--s-6);display:flex}.card-heading h2{font-size:var(--fs-body);font-weight:var(--fw-bold);color:var(--c-primary)}.meta{color:var(--c-muted);font-size:var(--fs-meta)}.status-chip{align-items:center;gap:var(--s-6);width:fit-content;max-width:100%;padding:var(--s-4) var(--s-10);border-radius:var(--radius-pill);font-size:var(--fs-caption);font-weight:var(--fw-semibold);display:inline-flex}.status-chip.pending{background:var(--c-pending-bg);color:var(--c-pending-fg)}.status-chip.ok{background:var(--c-ok-bg);color:var(--c-ok-fg)}.status-chip.bad{background:var(--c-bad-bg);color:var(--c-bad-fg)}.list-stack{gap:var(--gap-list);display:grid}.page-content.approval-stack{gap:var(--gap-list)}.list-card{text-align:left;width:100%;padding:var(--s-12) var(--s-14);border-radius:var(--radius-list);background:var(--list-bg-3d);box-shadow:var(--list-shadow-3d);color:var(--c-text);min-width:0;min-height:var(--touch);line-height:var(--line-height-list);border:0;text-decoration:none;display:block}.list-title{align-items:flex-start;gap:var(--s-8);margin-bottom:var(--s-4);display:flex}.list-title strong{min-width:0;font-size:var(--fs-card);font-weight:var(--fw-bold);overflow-wrap:anywhere;flex:1}.list-title .jenis-tag{flex-shrink:0;margin-left:auto}.list-title .ti{color:var(--c-icon-decor);font-size:var(--icon-size);flex-shrink:0}.list-meta{gap:var(--s-4);font-size:var(--fs-meta);color:var(--c-muted);flex-wrap:wrap;display:flex}.list-meta>span{white-space:nowrap}.list-footer{align-items:center;gap:var(--s-4);margin-top:var(--s-4);min-width:0;display:flex}.list-footer>.status-chip{flex-shrink:0;max-width:80%}.list-footer>:not(.status-chip){text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.pdf-ready{color:var(--c-primary);font-size:var(--fs-meta);font-weight:var(--fw-semibold);margin-left:auto}.rejection{color:var(--c-muted);font-size:var(--fs-meta)}.primary-button,.secondary-button{min-height:var(--button-height);border-radius:var(--radius-button);border:var(--line) solid var(--c-primary);justify-content:center;align-items:center;gap:var(--s-8);width:100%;padding:var(--s-10) var(--s-16);text-decoration:none;display:flex;font-size:var(--fs-button)!important;font-weight:var(--fw-semibold)!important}.primary-button{background:var(--c-primary);color:var(--c-surface)}.primary-button:hover{background:var(--c-primary-hover)}.secondary-button{background:var(--c-surface);color:var(--c-primary)}.button-dock{width:100%;max-width:var(--content-width);padding:var(--s-16);background:var(--c-bg);z-index:5;padding-bottom:calc(var(--s-16) + env(safe-area-inset-bottom));position:fixed;bottom:0;left:50%;transform:translate(-50%)}.has-nav .button-dock{bottom:calc(var(--nav-height) + env(safe-area-inset-bottom));padding-bottom:var(--s-16)}.bottom-nav{width:100%;max-width:var(--content-width);min-height:var(--nav-height);background:var(--c-surface);border-top:var(--line) solid var(--c-border);z-index:6;padding:var(--s-6) var(--s-4) calc(var(--s-6) + env(safe-area-inset-bottom));box-sizing:border-box;font:var(--fw-normal) var(--fs-body)/1.5 var(--font-family);display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-nav *,.bottom-nav :before{box-sizing:border-box}.bottom-nav :focus-visible{outline:var(--line-strong) solid var(--c-primary);outline-offset:calc(-1 * var(--s-4))}.nav-indicator-track{top:0;left:var(--s-4);width:calc((100% - 2 * var(--s-4)) / var(--nav-count));height:var(--nav-indicator-height);transform:translateX(calc(var(--nav-index) * 100%));transition:transform var(--dur-nav) var(--ease-nav);pointer-events:none;position:absolute}.nav-indicator{width:var(--nav-indicator-width);background:var(--c-primary);border-radius:0 0 var(--nav-indicator-radius) var(--nav-indicator-radius);height:100%;margin:0 auto;display:block}.bottom-nav a{min-width:0;min-height:var(--touch);justify-content:center;align-items:center;gap:var(--s-4);color:var(--c-nav-idle);font-size:var(--fs-nav);flex-direction:column;flex:1;text-decoration:none;display:flex}.bottom-nav a.active{color:var(--c-primary);font-weight:var(--fw-bold)}.nav-icon{font-size:var(--icon-size);line-height:1;position:relative}.nav-icon>.ti{display:inline-block}.bottom-nav a:active .nav-icon{transform:scale(.88)}.nav-badge{top:calc(-1 * var(--s-8));right:calc(-1 * var(--s-12));min-width:var(--s-18);padding:var(--s-4);background:var(--c-badge);border-radius:var(--radius-pill);color:var(--c-surface);font-size:var(--fs-nav);position:absolute}.filter-pills{width:100%;padding:var(--s-4);gap:var(--s-4);background:var(--c-primary-soft);border-radius:var(--radius-button);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid;position:relative}.filter-pills button{z-index:1;transition:color var(--dur-segment-color);min-width:0;min-height:var(--touch);padding:var(--s-2) 0;color:var(--c-text-2);border-radius:var(--segment-radius);background:0 0;border:0;position:relative}.filter-pills .segmen-label{min-height:var(--segment-height);width:100%;padding-inline:var(--s-4);border-radius:var(--segment-radius);white-space:nowrap;justify-content:center;align-items:center;gap:var(--s-6);font-size:var(--fs-body);display:flex}.filter-pills button[aria-pressed=true]{color:var(--c-surface);font-weight:var(--fw-semibold)}.segmen-indikator{pointer-events:none;top:var(--s-4);bottom:var(--s-4);left:var(--s-4);width:calc((100% - 2 * var(--s-4) - (var(--segmen-jumlah) - 1) * var(--s-4)) / var(--segmen-jumlah));border-radius:var(--segment-radius);background:var(--c-primary);box-shadow:var(--segment-shadow);transform:translateX(calc(var(--segmen-index) * (100% + var(--s-4))));transition:transform var(--dur-segment) var(--ease-segment);position:absolute}.segmen-jumlah{min-width:var(--s-18);min-height:var(--s-18);padding-inline:var(--s-4);border-radius:var(--radius-pill);background:var(--c-danger);color:var(--c-surface);font-size:var(--fs-caption);font-weight:var(--fw-semibold);justify-content:center;align-items:center;display:inline-flex}.segmen-jumlah.is-zero{background:var(--segment-count-zero);color:var(--c-muted)}[aria-pressed=true] .segmen-jumlah{background:var(--segment-count-active);color:var(--c-surface)}@media (prefers-reduced-motion:reduce){.segmen-indikator,.filter-pills button{transition:none}}.segment-sentinel{height:var(--line)}.sticky-segments{z-index:4;gap:var(--s-6);padding:var(--s-4) var(--page-padding);background:var(--segment-sticky-bg);-webkit-backdrop-filter:blur(var(--segment-blur));backdrop-filter:blur(var(--segment-blur));display:grid;position:sticky;top:0}.sticky-segments:not(:has(.filter-pills)){display:none}.sticky-segments.is-stuck{box-shadow:var(--segment-sticky-shadow)}.timeline{margin:0;padding:0;list-style:none}.timeline li{gap:var(--s-12);padding-bottom:var(--s-10);display:flex;position:relative}.timeline li:last-child{padding-bottom:0}.timeline li:not(:last-child):after{content:"";top:var(--timeline-icon);bottom:0;left:calc(var(--timeline-icon) / 2 - var(--line));width:var(--line-strong);background:var(--c-border);position:absolute}.timeline li.done:after{background:var(--c-ok-solid)}.timeline-dot{width:var(--timeline-icon);height:var(--timeline-icon);border:var(--line-strong) solid var(--c-border);border-radius:var(--radius-round);background:var(--c-bg);color:var(--c-icon-decor);flex-shrink:0;justify-content:center;align-items:center;display:flex}.timeline li.done .timeline-dot{color:var(--c-surface);background:var(--c-ok-solid);border-color:var(--c-ok-solid)}.timeline li.waiting .timeline-dot{color:var(--c-pending-fg);background:var(--c-pending-bg);border-color:var(--c-pending-line)}.timeline li.rejected .timeline-dot{color:var(--c-bad-fg);background:var(--c-bad-bg);border-color:var(--c-bad-line)}.timeline strong{font-size:var(--fs-body);font-weight:var(--fw-semibold)}.timeline p{color:var(--c-muted);font-size:var(--fs-caption);margin-top:var(--s-4)}.info-rows{margin:0}.info-row{justify-content:space-between;align-items:flex-start;gap:var(--s-12);padding:var(--info-padding) 0;border-bottom:var(--line) solid var(--c-divider);line-height:1.3;display:flex}.info-row:last-child{border:0;padding-bottom:0}.info-row dt{color:var(--c-muted);flex-shrink:0}.info-row dd{text-align:right;font-weight:var(--fw-semibold);overflow-wrap:anywhere;min-width:0;margin:0}.info-row.full{display:block}.info-row.full dd{text-align:left;font-weight:var(--fw-normal);margin-top:var(--s-2)}.person-row{align-items:center;gap:var(--s-12);padding:var(--s-8) 0;min-height:var(--touch);border-bottom:var(--line) solid var(--c-divider);display:flex}.person-row:last-child{border:0}.person-avatar{width:var(--avatar);height:var(--avatar);border-radius:var(--radius-round);background:var(--c-surface);color:var(--c-primary);font-weight:var(--fw-bold);flex-shrink:0;justify-content:center;align-items:center;display:flex}.person-avatar.owner{background:var(--c-primary);color:var(--c-surface)}.person-copy{flex:1;min-width:0}.person-copy strong{font-weight:var(--fw-semibold);overflow-wrap:anywhere}.person-copy p{font-size:var(--fs-caption);color:var(--c-muted)}.person-tag{background:var(--c-surface);color:var(--c-primary);padding:var(--s-4) var(--s-6);border-radius:var(--radius-tag);font-size:var(--fs-nav);font-weight:var(--fw-semibold)}.person-row.selectable{cursor:pointer}.person-row.selectable:has(input:disabled){cursor:not-allowed}.notice{border-radius:var(--radius-detail);padding:var(--s-18);background:var(--c-card);align-items:flex-start;gap:var(--s-12);border:0;display:flex}.notice>.ti{font-size:var(--icon-size);color:var(--c-muted)}.notice strong{font-weight:var(--fw-semibold)}.notice p{color:var(--c-muted);font-size:var(--fs-meta);margin-top:var(--s-4)}.empty-state{text-align:center;padding:var(--s-18);justify-items:center;gap:var(--s-12);color:var(--c-muted);display:grid}.empty-state>.ti{font-size:var(--touch);color:var(--c-icon-decor)}.field{gap:var(--s-6);min-width:0;display:grid}.field>label{font-size:var(--fs-body);font-weight:var(--fw-semibold)}.field input,.field select,.field textarea,.search-field{width:100%;min-width:0;max-width:100%;min-height:var(--button-height);border:var(--line) solid var(--c-border);border-radius:var(--radius-field);padding:var(--s-12);background:var(--c-surface);color:var(--c-text)}.field input:focus,.field select:focus,.field textarea:focus,.search-field:focus{border-color:var(--c-primary);outline:var(--line) solid var(--c-primary);outline-offset:0}.field textarea{min-height:calc(var(--button-height) * 2);resize:vertical}.field-note{font-size:var(--fs-caption);color:var(--c-muted);margin-top:var(--s-4)!important}.checkbox-row{align-items:center;gap:var(--s-10);min-height:var(--touch);cursor:pointer;display:flex}.error-text{color:var(--c-bad-fg);font-size:var(--fs-meta)}.text-button{color:var(--c-primary);min-height:var(--touch);padding:var(--s-8);background:0 0;border:0;font-weight:var(--fw-semibold)!important}.app-page label.person-row,.app-page label.spkl-person{-webkit-user-select:none;user-select:none}.header-action{flex-shrink:0;max-width:60%}.page-header h1,.page-header p{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.header-action .periode-chip{position:relative}.header-action .periode-chip:after{content:"";inset:calc(-1 * var(--s-4)) 0;position:absolute}.jadwal-sibuk{opacity:var(--opacity-jadwal)}.jadwal-error .notice{color:var(--c-bad-fg);background:var(--c-bad-bg)}.jadwal-toast{padding:var(--s-8) var(--s-12);border-radius:var(--radius-field);background:var(--c-text);color:var(--c-surface)}.approval-wait-note{font-size:var(--fs-caption);color:var(--c-muted);padding:var(--s-6) var(--s-8)}:root{font-family:var(--font-family);color:var(--c-text);background:var(--c-bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-size:16px}body{margin:0}#root{width:100%;min-height:100svh}p{margin:0}#root:has(.login-page){border-inline:var(--line) solid var(--c-border);box-sizing:border-box}.login-page{font-family:var(--font-login);letter-spacing:.18px;line-height:145%}.login-title h1{font-family:var(--font-login);font-weight:500}.dibuat-oleh{align-items:center;gap:var(--s-8);padding:var(--s-6) var(--s-10);margin-block:var(--s-8);border-radius:var(--radius-pill);background:var(--c-surface);color:var(--c-primary);font-size:var(--fs-caption);font-weight:var(--fw-semibold);display:inline-flex}.untuk-petugas-chip{width:fit-content;color:var(--c-primary);font-size:var(--fs-caption);background:var(--c-primary-soft);border-radius:var(--radius-tag);padding:var(--s-4) var(--s-8)}.person-radio{width:var(--control-size);height:var(--control-size);accent-color:var(--c-primary);cursor:pointer;flex-shrink:0}.timeline-automatic{font-size:var(--fs-caption);font-weight:var(--fw-semibold);color:var(--c-primary)}.person-avatar.avatar{width:var(--avatar-size,var(--avatar));height:var(--avatar-size,var(--avatar));flex-shrink:0;overflow:hidden}.avatar,.avatar:hover,.avatar:focus{text-decoration:none}.avatar img{object-fit:cover;border-radius:inherit;width:100%;height:100%;display:block}.avatar img.avatar-fallback-icon{width:var(--avatar-fallback-size);height:var(--avatar-fallback-size);object-fit:contain}.avatar-frame{padding:var(--avatar-frame);border-radius:var(--radius-round);background:var(--avatar-bg-3d);box-shadow:var(--avatar-shadow-3d);place-items:center;display:inline-grid}.avatar-frame .avatar{width:100%;height:100%;box-shadow:var(--avatar-inset-shadow)}.bottom-nav a[aria-current=page] .avatar{outline:var(--line-strong) solid var(--c-primary);outline-offset:var(--line-strong)}.cek{width:var(--control-size);height:var(--control-size);flex-shrink:0;position:relative}.cek input{inset:calc((var(--control-size) - var(--touch)) / 2);width:var(--touch);height:var(--touch);opacity:0;cursor:pointer;z-index:1;margin:0;position:absolute}.cek .kotak{pointer-events:none;box-sizing:border-box;border-radius:var(--radius-checkbox);border:var(--line-strong) solid var(--c-control-border);background:var(--c-surface);transition:background-color .16s,border-color .16s;position:absolute;inset:0}.cek svg{pointer-events:none;width:var(--control-size);height:var(--control-size);position:absolute;inset:0}.cek path{fill:none;stroke:var(--c-surface);stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:22;stroke-dashoffset:22px;transition:stroke-dashoffset .12s ease-in}.cek input:checked~.kotak{background:var(--c-primary);border-color:var(--c-primary);animation:pop var(--dur-sedang) ease-out}.cek input:checked~svg path{stroke-dashoffset:0;animation:tulis var(--dur-tulis) var(--ease-tulis) 80ms both}.cek input:focus-visible~.kotak{outline:var(--control-focus-width) solid var(--c-control-focus);outline-offset:var(--line-strong)}.cek input:disabled~.kotak{background:var(--c-control-disabled-bg);border-color:var(--c-control-disabled-border)}.cek input:disabled{cursor:not-allowed}@media (prefers-reduced-motion:reduce){.cek .kotak,.cek path{transition:none!important;animation:none!important}}.password-form,.password-field{gap:var(--s-8);display:grid}.password-form{gap:var(--s-16)}.password-field label{font-weight:var(--fw-semibold)}.password-input{border:var(--line) solid var(--c-border);border-radius:var(--radius-field);background:var(--c-surface);display:flex}.password-input input{width:100%;min-width:0;min-height:var(--button-height);padding:var(--s-12);border-radius:var(--radius-field);color:var(--c-text);background:0 0;border:0}.password-input button{flex:0 0 var(--touch);min-width:var(--touch);min-height:var(--touch);border-radius:var(--radius-field);color:var(--c-muted);font-size:var(--icon-size);background:0 0;border:0}.password-rules{gap:var(--s-8);color:var(--c-muted);font-size:var(--fs-caption);margin:0;padding:0;list-style:none;display:grid}.password-rules li{align-items:center;gap:var(--s-8);display:flex}.password-rules .met{color:var(--c-ok-fg)}.password-rule-status{width:var(--line);height:var(--line);clip-path:inset(50%);position:absolute;overflow:hidden}.password-error{color:var(--c-bad-fg);overflow-wrap:anywhere}.password-logout{min-width:var(--touch);min-height:var(--touch);color:var(--c-primary);background:0 0;border:0;justify-self:center;text-decoration:underline}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.kerangka-stack{gap:var(--gap-list);width:100%;display:grid}.kerangka{gap:var(--s-12);background:var(--c-card);border-radius:var(--radius-list);padding:var(--s-12) var(--s-14);display:flex;position:relative;overflow:hidden}.kerangka:after{content:"";background:var(--kerangka-shine);animation:kerangka-kilau var(--dur-kilau) ease-in-out infinite;position:absolute;inset:0;transform:translate(-100%)}.kerangka-blok{background:var(--c-kerangka);border-radius:var(--radius-tag);height:var(--s-12);display:block}.kerangka-copy{gap:var(--s-10);flex:1;min-width:0;display:grid}.kerangka-row{justify-content:space-between;align-items:center;gap:var(--s-12);display:flex}.kerangka-title{width:57%;height:var(--s-18)}.kerangka-tag{width:18%;height:var(--icon-size)}.kerangka-line{width:82%}.kerangka-chip{width:38%;height:var(--icon-size);border-radius:var(--radius-pill)}.kerangka:nth-child(2n) .kerangka-title{width:70%}.kerangka:nth-child(2n) .kerangka-line{width:62%}.kerangka-avatar{width:var(--avatar);height:var(--avatar);border-radius:var(--radius-round)}.kerangka-profil .kerangka-avatar{width:var(--avatar-dashboard);height:var(--avatar-dashboard)}.kerangka-detail .kerangka{border-radius:var(--radius-card);padding:var(--card-padding)}.kerangka-timeline{gap:var(--s-14);margin-top:var(--s-12);display:grid}.kerangka-dot{width:var(--timeline-icon);height:var(--timeline-icon);border-radius:var(--radius-round)}.kerangka-actions>span{width:48%;height:var(--touch);border-radius:var(--radius-field)}.data-muncul{animation:data-muncul var(--dur-muncul) var(--ease-page) both;animation-delay:var(--muncul-delay,0s)}@keyframes kerangka-kilau{to{transform:translate(100%)}}@keyframes data-muncul{0%{transform:translateY(var(--s-6));opacity:0}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.kerangka:after{animation:none;display:none}.data-muncul{animation:none}}.approval-card{border-radius:var(--radius-list);padding:var(--s-12) var(--s-14);background:var(--c-card);min-width:0;line-height:var(--line-height-list);border:0}.approval-card-link{color:inherit;min-height:var(--touch);background:var(--list-bg-3d);box-shadow:var(--list-shadow-3d);border-radius:var(--radius-list);padding:var(--s-12) var(--s-14);margin:calc(-1 * var(--s-12)) calc(-1 * var(--s-14)) 0;text-decoration:none;display:block}.approval-person{align-items:center;gap:var(--s-10);margin-bottom:var(--s-4);display:flex}.approval-person-copy{flex:1;min-width:0}.approval-person-copy strong{font-weight:var(--fw-semibold);overflow-wrap:anywhere}.approval-person-copy p,.approval-meta{color:var(--c-muted);font-size:var(--fs-meta)}.approval-level{padding:var(--s-4) var(--s-8);background:var(--c-bg);color:var(--c-muted);border-radius:var(--radius-tag);font-size:var(--fs-nav);font-weight:var(--fw-semibold);flex-shrink:0}.approval-card h2{font-size:var(--fs-heading);overflow-wrap:anywhere;margin-bottom:var(--s-4)}.approval-purpose{color:var(--c-text-2);-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;margin-top:var(--s-4)!important}.approval-warning{align-items:flex-start;gap:var(--s-8);background:var(--c-pending-bg);color:var(--c-pending-fg);padding:var(--s-8) var(--s-10);border-radius:var(--radius-field);font-size:var(--fs-caption);font-weight:var(--fw-semibold);display:flex;margin-bottom:var(--s-4)!important}.approval-buttons{gap:var(--s-8);margin-top:var(--s-8);grid-template-columns:1fr 2fr;display:grid}.approval-buttons button,.reject-button{min-height:var(--touch);padding:var(--s-8);border-radius:var(--radius-field);border:var(--line) solid var(--c-bad-line);font-weight:var(--fw-semibold)!important}.reject-button{background:var(--c-surface);color:var(--c-bad-fg)}.approval-buttons .approve-button{background:var(--c-primary);color:var(--c-surface);border-color:var(--c-primary);justify-content:center;align-items:center;gap:var(--s-6);display:flex}.approval-buttons .approve-button:hover{background:var(--c-primary-hover)}.approval-dock .approval-buttons{margin-top:0}.dashboard-approval-count{min-width:var(--s-18);min-height:var(--s-18);padding:0 var(--s-6);border-radius:var(--radius-pill);background:var(--c-badge);color:var(--c-surface);font-size:var(--fs-caption);margin-left:var(--s-6);justify-content:center;align-items:center;display:inline-flex}.approval-card h2{line-height:var(--line-height-list)}.approval-person>.ti{color:var(--c-icon-decor);flex-shrink:0}.approval-card>.spkl-stack{gap:var(--s-4);margin-top:var(--s-4)}.approval-wait{color:var(--c-muted);font-size:var(--fs-caption);margin-top:var(--s-4)}.approval-wait.is-overdue{color:var(--c-overdue)}.bottom-sheet.app-page{width:100%;max-width:var(--content-width);max-height:calc(100svh - var(--s-16));min-height:0;padding:var(--s-18);padding-bottom:calc(var(--s-18) + env(safe-area-inset-bottom));border:var(--line) solid var(--c-border);border-radius:var(--radius-detail) var(--radius-detail) 0 0;background:var(--c-surface);margin:0 auto;position:fixed;inset:auto 0 0;overflow-y:auto}.bottom-sheet::backdrop{background:var(--c-text);opacity:.4}.bottom-sheet form{gap:var(--s-14);display:grid}.bottom-sheet h2{font-size:var(--fs-heading)}.reject-summary{overflow-wrap:anywhere}.reject-summary p{color:var(--c-muted);font-size:var(--fs-meta)}.reject-sheet-buttons{gap:var(--s-8);grid-template-columns:1fr 2fr;display:grid}.reject-sheet-buttons .reject-submit{background:var(--c-bad-fg);color:var(--c-surface);border-color:var(--c-bad-fg)}.approval-stack{gap:var(--s-12)}.rekap-content,.rekap-controls{gap:var(--s-10);display:grid}.rekap-controls{border:0;min-width:0;margin:0;padding:0}.rekap-label{text-transform:uppercase;font-size:var(--fs-caption);color:var(--c-muted);margin-top:var(--s-4);font-weight:700}.rekap-chips{gap:var(--s-6);flex-wrap:wrap;display:flex}.rekap-chips button,.rekap-trigger{min-height:var(--touch);border:var(--line) solid var(--c-border);border-radius:var(--radius-pill);padding:var(--s-8) var(--s-12);background:var(--c-surface);color:var(--c-text-2);font:inherit;font-size:var(--fs-meta)}.rekap-chips button[aria-pressed=true]{color:var(--c-surface);background:var(--c-primary);border-color:var(--c-primary)}.rekap-trigger{color:var(--c-primary);align-items:center;gap:var(--s-6);font-weight:700;display:flex}.rekap-dates{gap:var(--s-8);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.rekap-dates label{gap:var(--s-4);color:var(--c-muted);font-size:var(--fs-caption);display:grid}.rekap-dates input{width:100%;min-width:0;min-height:var(--touch);padding:var(--s-8);border:var(--line) solid var(--c-border);border-radius:var(--radius-field);background:var(--c-surface);color:var(--c-text);font:inherit;font-size:var(--fs-meta)}.rekap-summary{justify-content:space-between;gap:var(--s-4);padding:var(--s-10);background:var(--c-primary-soft);border-radius:var(--radius-field);font-size:var(--fs-caption);flex-wrap:wrap;display:flex}.rekap-summary strong{color:var(--c-primary)}.rekap-summary.rekap-error{background:var(--c-bad-bg);color:var(--c-bad-fg)}.rekap-error strong{color:inherit}.rekap-spinner{width:var(--icon-size);height:var(--icon-size);border:var(--s-2) solid currentColor;border-radius:var(--radius-round);border-right-color:#0000;animation:1s linear infinite rekap-spin}@keyframes rekap-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.rekap-spinner{animation:none}}.rekap-history-filter{padding:var(--s-8) var(--s-16);display:flex}.periode-chip{align-items:center;gap:var(--s-6);min-height:var(--pill-height);padding:var(--s-6) var(--s-10);border:var(--line) solid var(--c-border);border-radius:var(--radius-list);background:var(--c-surface);color:var(--c-text-2);font-size:var(--fs-caption);white-space:nowrap;margin-left:auto;display:inline-flex}.periode-chip.selected,.periode-months button[aria-pressed=true]{color:var(--c-primary);border-color:var(--c-primary);background:var(--c-primary-soft)}.periode-heading,.periode-year{justify-content:space-between;align-items:center;gap:var(--s-8);display:flex}.periode-heading h3{font-size:var(--fs-body)}.periode-heading button{min-width:var(--touch);min-height:var(--touch);color:var(--c-primary);background:0 0;border:0}.periode-heading button:disabled,.periode-months button:disabled{color:var(--c-icon-decor);background:var(--c-control-disabled-bg);cursor:default}.periode-option{justify-content:space-between;align-items:center;gap:var(--s-12);padding:var(--s-12);border-radius:var(--radius-field);cursor:pointer;-webkit-user-select:none;user-select:none;display:flex}.periode-option strong{font-size:var(--fs-body)}.periode-option small,.periode-months small{color:var(--c-muted);font-size:var(--fs-caption);margin-top:var(--s-4);display:block}.periode-option input{accent-color:var(--c-primary);width:var(--control-size);height:var(--control-size)}.periode-months{gap:var(--s-8);grid-template-columns:repeat(4,1fr);display:grid}.periode-months button{padding:var(--s-10) var(--s-4);min-height:var(--touch);border:var(--line) solid var(--c-border);border-radius:var(--radius-field);background:var(--c-surface);color:var(--c-text);font-size:var(--fs-body)}.periode-group h2{background:var(--c-bg);padding:var(--s-12) 0;font-size:var(--fs-body);color:var(--c-muted);margin:0}.periode-footer{text-align:center;font-size:var(--fs-caption);color:var(--c-muted)}.periode-footer button{min-height:var(--touch)}.periode-option:has(input:checked){background:var(--c-primary-soft)}.periode-months button{background:var(--c-primary-soft);border-color:#0000}.periode-months button:disabled{background:var(--c-surface)}.periode-pending h2{color:var(--c-pending-fg)}.periode-chip{font-weight:var(--fw-semibold);font-size:var(--fs-body);padding-inline:var(--s-10)}.history-tabs{flex-wrap:wrap}.approval-toast.app-page{bottom:calc(var(--nav-height) + var(--s-12) + env(safe-area-inset-bottom));width:calc(100% - var(--page-padding) * 2);max-width:calc(var(--content-width) - var(--page-padding) * 2);z-index:8;pointer-events:none;background:0 0;min-height:0;position:fixed;left:50%;transform:translate(-50%)}.approval-toast-content{justify-content:space-between;align-items:center;gap:var(--s-8);padding:var(--s-8) var(--s-12);border-radius:var(--radius-field);background:var(--c-text);color:var(--c-surface);pointer-events:auto;display:flex}.approval-toast-content span{overflow-wrap:anywhere;min-width:0}.approval-toast-content button{color:var(--c-surface);font-weight:var(--fw-semibold);min-height:var(--touch);padding:var(--s-8);background:0 0;border:0;flex-shrink:0;text-decoration:underline}@keyframes tulis{0%{stroke-dashoffset:22px}to{stroke-dashoffset:0}}@keyframes pop{0%{transform:scale(.85)}55%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes naik{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes keluar{to{opacity:0;transform:translate(108%)}}@keyframes gelombang{0%{opacity:.5;transform:scale(.8)}to{opacity:0;transform:scale(1.9)}}@keyframes radar{0%{opacity:.5;transform:scale(1)}to{opacity:0;transform:scale(2.3)}}@keyframes garis{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes garis-mendatar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes timeline-pop{0%{transform:scale(.6)}55%{transform:scale(1.1)}to{transform:scale(1)}}.approval-horizontal .timeline-enter:not(.future) .timeline-dot{animation:timeline-pop var(--dur-pop) var(--ease-pop) var(--step-delay) both}.approval-horizontal .timeline-enter.done path{stroke-dasharray:22;animation:tulis var(--dur-tulis) var(--ease-tulis) var(--step-delay) both}.approval-horizontal .timeline-enter.done:after{animation:garis-mendatar var(--dur-line) ease-out calc(var(--step-delay) + var(--timeline-line-delay)) both}.approval-horizontal .waiting .timeline-dot:after{animation:radar var(--dur-pulse) ease-out var(--pulse-delay) infinite}@keyframes mundur{0%{stroke-dashoffset:0}to{stroke-dashoffset:1px}}@keyframes digit{0%{opacity:0;transform:translateY(35%)}to{opacity:1;transform:translateY(0)}}.badge-pop{animation:pop var(--dur-foto) var(--ease-pop) both}.digit-roll{animation:digit var(--dur-digit) ease-out both}.gps-searching .gps-radar:before{animation:radar var(--dur-pulse) ease-out infinite}.gps-searching .gps-radar:after{animation:radar var(--dur-pulse) ease-out 1s infinite}.primary-button{transition:transform var(--dur-cepat) var(--ease-pop)}.primary-button:active{transform:scale(.98)}.approval-exiting{animation:keluar var(--dur-exit) ease-in .5s forwards;pointer-events:none}.approval-complete{justify-content:center;align-items:center;gap:var(--s-10);min-height:var(--touch);color:var(--c-ok-fg);margin-top:var(--s-14);font-weight:var(--fw-semibold);display:flex}.approval-complete>span{width:var(--approval-seal);height:var(--approval-seal);background:var(--c-ok-solid);border-radius:var(--radius-round);color:var(--c-surface);animation:pop var(--dur-pop) var(--ease-pop) both;place-items:center;display:grid}.approval-complete svg,.timeline-dot svg{width:var(--icon-size);height:var(--icon-size);stroke:currentColor;stroke-width:2px;fill:none}.approval-complete path{stroke-dasharray:22;animation:tulis var(--dur-tulis) var(--ease-tulis) .12s both}.approval-toast-content{animation:naik var(--dur-foto) ease-out both}.undo-ring{width:var(--icon-size);height:var(--icon-size);vertical-align:middle;margin-right:var(--s-4)}.undo-ring circle{fill:none;stroke:currentColor;stroke-width:2px;transform-origin:50%;transform:rotate(-90deg)}.undo-ring .countdown{animation:mundur var(--dur-undo) linear forwards}.success-seal{width:var(--success-seal);height:var(--success-seal);border-radius:var(--radius-round);color:var(--c-surface);background:var(--c-primary);margin:var(--s-16) auto;animation:pop var(--dur-success) var(--ease-pop) both;place-items:center;display:grid;position:relative}.success-seal:before{content:"";border:var(--line-strong) solid var(--c-primary);border-radius:inherit;animation:gelombang var(--dur-ripple) ease-out .18s both;position:absolute;inset:0}.success-seal svg{fill:none;stroke:currentColor;stroke-width:2px;width:60%;height:60%}.success-seal path{stroke-dasharray:22;animation:tulis var(--dur-tulis) var(--ease-tulis) .3s both}.confirmation-motion .confirmation-heading h2{animation:naik var(--dur-sedang) ease-out .55s both}.confirmation-motion .confirmation-heading>p{animation:naik var(--dur-sedang) ease-out .65s both}.confirmation-motion .page-content>.card{animation:naik var(--dur-sedang) ease-out .78s both}.confirmation-motion .primary-button,.confirmation-motion .secondary-button{animation:naik var(--dur-sedang) ease-out .9s both}.timeline-motion li .timeline-dot{animation:pop var(--dur-pop) var(--ease-pop) both;animation-delay:var(--step-delay)}.timeline-motion li .timeline-dot path{stroke-dasharray:22;animation:tulis var(--dur-tulis) var(--ease-tulis) var(--step-delay) both}.timeline-motion li.done:after{transform-origin:top;animation:garis var(--dur-line) ease-out calc(var(--step-delay) + .28s) both}.timeline li.waiting .timeline-dot{position:relative}.timeline li.waiting .timeline-dot:after{content:"";border:var(--line) solid var(--c-pending-line);border-radius:var(--radius-round);animation:radar var(--dur-pulse) ease-out 1.6s infinite;position:absolute;inset:0}@keyframes kembali-tile{0%{transform:translateY(var(--press-tile-y)) scale(var(--press-tile-scale))}65%{transform:translateY(var(--rebound-tile-y)) scale(var(--rebound-tile-scale))}to{transform:translateY(0)scale(1)}}@keyframes kembali-card{0%{transform:translateY(var(--press-card-y)) scale(var(--press-card-scale))}60%{transform:translateY(0) scale(var(--rebound-card-scale))}to{transform:translateY(0)scale(1)}}.pressable.press-tile:is(:active,.is-pressed){transform:translateY(var(--press-tile-y)) scale(var(--press-tile-scale));background:var(--tile-bg-pressed);box-shadow:var(--tile-shadow-pressed)}.pressable.press-tile:is(:active,.is-pressed) img{transform:scale(.92)}.pressable.press-card:is(:active,.is-pressed){transform:translateY(var(--press-card-y)) scale(var(--press-card-scale));background:var(--tile-bg-pressed);box-shadow:var(--tile-shadow-pressed)}.press-tile.is-returning{animation:kembali-tile var(--dur-rebound) var(--ease-rebound)}.press-card.is-returning{animation:kembali-card var(--dur-rebound) var(--ease-rebound)}@keyframes halaman-maju{0%{opacity:0;transform:translate(36%)}to{opacity:1;transform:translate(0)}}@keyframes halaman-kembali{0%{opacity:.4;transform:translate(-12%)}to{opacity:1;transform:translate(0)}}.page-motion{overflow-x:clip}.page-push>.app-page>:not(.button-dock):not(.approval-dock):not(.segmen-isi):not(.bottom-sheet){animation:halaman-maju var(--dur-page-push) var(--ease-page)}.page-pop>.app-page>:not(.button-dock):not(.approval-dock):not(.segmen-isi):not(.bottom-sheet){animation:halaman-kembali var(--dur-page-pop) var(--ease-page)}@keyframes tab-lompat{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(var(--nav-jump)) scale(1.12)}}.nav-jump{animation:tab-lompat var(--dur-success) var(--ease-rebound)}@media (prefers-reduced-motion:reduce){.hold-button circle[stroke-dasharray]{stroke-dashoffset:1px!important}*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.primary-button:active,.bottom-nav a:active .nav-icon,.pressable.press-tile:is(:active,.is-pressed),.pressable.press-card:is(:active,.is-pressed),.pressable.press-tile:is(:active,.is-pressed) img{transform:none}.success-seal:before,.timeline li.waiting .timeline-dot:after{opacity:0}}.segmen-isi{animation-duration:var(--dur-segment-content);animation-timing-function:var(--ease-segment-content)}.segmen-kanan-0{animation-name:segmen-kanan-a}.segmen-kanan-1{animation-name:segmen-kanan-b}.segmen-kiri-0{animation-name:segmen-kiri-a}.segmen-kiri-1{animation-name:segmen-kiri-b}@keyframes segmen-kanan-a{0%{transform:translateX(var(--segment-offset));opacity:0}to{opacity:1;transform:translate(0)}}@keyframes segmen-kanan-b{0%{transform:translateX(var(--segment-offset));opacity:0}to{opacity:1;transform:translate(0)}}@keyframes segmen-kiri-a{0%{transform:translateX(calc(-1 * var(--segment-offset)));opacity:0}to{opacity:1;transform:translate(0)}}@keyframes segmen-kiri-b{0%{transform:translateX(calc(-1 * var(--segment-offset)));opacity:0}to{opacity:1;transform:translate(0)}}.segmen-isi .data-muncul{animation:none}@media (prefers-reduced-motion:reduce){.segmen-isi{animation:none}.approval-horizontal .timeline-dot,.approval-horizontal .timeline-dot path,.approval-horizontal li:after,.approval-horizontal .timeline-dot:after{animation:none!important}.approval-horizontal .waiting .timeline-dot:after{opacity:0}}.press-tile{transition:transform var(--dur-press-tile) var(--ease-press)}.press-card{--dur-rebound:var(--dur-rebound-card);transition:transform var(--dur-press-card) var(--ease-press)}@keyframes profil-pop{0%{transform:scale(.85)}65%{transform:scale(1.06)}to{transform:scale(1)}}.profil-pop{animation:profil-pop var(--dur-profil-pop) var(--ease-pop)}.notifikasi-page .notifikasi-baca{justify-content:center;align-items:center;gap:var(--s-4);min-height:var(--touch);padding:var(--s-6) var(--s-10);color:var(--c-primary);background:var(--c-surface);border:var(--line) solid var(--c-divider);border-radius:var(--radius-pill);font-size:var(--fs-caption);font-weight:var(--fw-semibold);white-space:nowrap;display:inline-flex}.notifikasi-baca:disabled{opacity:var(--opacity-conflict)}.notifikasi-list,.notifikasi-group{gap:var(--gap-list);display:grid}.notifikasi-group h2{margin:var(--s-8) var(--s-2) var(--s-4);font-size:var(--fs-meta);font-weight:var(--fw-semibold);color:var(--c-muted)}.notifikasi-page .notifikasi-item{align-items:flex-start;gap:var(--s-12);width:100%;min-height:var(--touch);padding:var(--card-padding);text-align:left;border-radius:var(--radius-list);color:var(--c-text);background:var(--list-bg-3d);box-shadow:var(--list-shadow-3d);line-height:var(--line-height-list);border:0;display:flex}.notifikasi-item.belum-dibaca{background:var(--c-notifikasi-unread)}.notifikasi-avatar{width:var(--notifikasi-icon);height:var(--notifikasi-icon);border-radius:var(--radius-field);font-size:var(--icon-size);background:var(--c-primary-soft);color:var(--c-primary);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative}.notifikasi-hijau{background:var(--c-ok-bg);color:var(--c-ok-fg)}.notifikasi-merah{background:var(--c-bad-bg);color:var(--c-bad-fg)}.notifikasi-oranye{background:var(--c-pending-bg);color:var(--c-overdue)}.notifikasi-ikon-mini{bottom:calc(-1 * var(--s-2));right:calc(-1 * var(--s-2));width:var(--notifikasi-icon-mini);height:var(--notifikasi-icon-mini);border-radius:var(--radius-round);background:inherit;font-size:var(--fs-caption);box-shadow:0 0 0 var(--line-strong) var(--c-surface);place-items:center;display:grid;position:absolute}.notifikasi-copy{gap:var(--s-2);flex:1;min-width:0;display:grid}.notifikasi-judul{font-size:var(--fs-body);font-weight:var(--fw-medium);overflow-wrap:anywhere}.belum-dibaca .notifikasi-judul{font-weight:var(--fw-bold)}.notifikasi-isi{-webkit-line-clamp:2;overflow-wrap:anywhere;font-size:var(--fs-meta);color:var(--c-muted);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.notifikasi-meta{justify-content:space-between;align-self:stretch;align-items:flex-end;gap:var(--s-8);font-size:var(--fs-nav);color:var(--c-muted);white-space:nowrap;flex-direction:column;display:flex}.notifikasi-titik{width:var(--s-8);height:var(--s-8);border-radius:var(--radius-round);background:var(--c-primary)}.login-page{background:#fff;flex-direction:column;width:100%;max-width:480px;min-height:100vh;margin:0 auto;display:flex}.login-hero{background-position:50% 75%;background-size:cover;flex-direction:column;min-height:460px;padding:2rem 1.5rem 1.5rem;display:flex;position:relative}.login-header{justify-content:center;margin-bottom:1.5rem;display:flex}.login-logo{width:auto;height:48px}.login-title{text-align:center;margin-top:93px;padding:0 1rem}.login-title h1{letter-spacing:1px;color:#fff;text-shadow:0 2px 8px #0000004d;margin:0;font-size:28px;line-height:1.15}.login-title-sub{margin:2px 0 12px!important;font-size:22px!important}.login-title p{color:#fff;text-shadow:0 1px 4px #00000040;margin:0;font-size:14px}.login-card{z-index:1;background:#fff;border-radius:24px;flex:1;margin:-106px 16px 0;padding:1.5rem 1.5rem 1.25rem;position:relative}.login-field{align-items:center;margin-bottom:14px;display:flex;position:relative}.login-field i{color:#888780;z-index:2;font-size:18px;position:absolute;left:12px}.login-field input{box-sizing:border-box;border:1px solid #d3d1c7;border-radius:8px;width:100%;padding:10px 12px 10px 38px;font-size:15px}.login-toggle-pass{cursor:pointer;z-index:2;background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:absolute;right:2px}.login-toggle-pass i{color:#888780;font-size:18px;position:static}.login-error{color:#e24b4a;min-height:18px;margin:0 0 6px;font-size:13px}.login-remember{color:#2c2c2a;cursor:pointer;align-items:center;gap:8px;margin-bottom:18px;font-size:14px;display:flex}.login-remember input{width:auto;margin:0}.login-submit{color:#fff;cursor:pointer;box-sizing:border-box;background:#1d5fd6;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px;font-size:15px;font-weight:500;display:flex}.login-submit:disabled{opacity:.6;cursor:default}.login-forgot{text-align:center;margin:14px 0 0}.login-forgot a{color:#1d5fd6;font-size:13px;text-decoration:none}.login-footer{text-align:center;border-top:1px solid #eee;margin-top:18px;padding-top:12px}.login-signature{width:auto;height:60px;margin-bottom:4px}.login-footer p{color:#888780;margin:6px 0 0;font-size:11px}*{box-sizing:border-box}html,body,#root{width:100%;margin:0;padding:0}.login-hero:after{content:"";pointer-events:none;background:linear-gradient(#fff0,#fff);height:160px;position:absolute;bottom:0;left:0;right:0}.login-footer{position:relative;overflow:hidden}.login-wave{opacity:.5;z-index:0;pointer-events:none;width:100%;height:auto;position:absolute;top:-65px;left:0}.login-signature,.login-footer p{z-index:1;position:relative}.login-footer{margin:18px -1.5rem 0;padding:12px 1.5rem 0}.login-footer p{color:#1a1a1a;font-weight:700}.login-footer{background-position:50%;background-repeat:no-repeat;background-size:cover}.login-wave{display:none}.login-footer{margin-left:-40px;margin-right:-40px;padding-left:40px;padding-right:40px}.dashboard-header{padding:var(--s-18) var(--page-padding) var(--dashboard-header-bottom);background-color:var(--c-surface);background-position:50%;background-size:cover;justify-content:space-between;align-items:flex-start;display:flex}.dashboard-logo{height:var(--logo-height);width:auto}.dashboard-signature{height:var(--avatar);width:auto}.dashboard-content{z-index:1;margin-top:calc(-1 * var(--dashboard-overlap));position:relative}.dashboard-greeting{align-items:center;gap:var(--s-8);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.dashboard-greeting>div{grid-column:span 2;min-width:0}.dashboard-greeting h2{font-size:var(--fs-heading);margin-bottom:var(--s-4)}.dashboard-greeting h2,.dashboard-greeting .meta{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dashboard-avatar{width:var(--avatar-dashboard);height:var(--avatar-dashboard);padding:var(--avatar-frame);border-radius:var(--radius-round);background:var(--avatar-bg-3d);box-shadow:var(--avatar-shadow-3d);justify-self:center;text-decoration:none;display:block;position:relative}.dashboard-avatar img{border-radius:inherit;object-fit:cover;width:100%;height:100%;display:block}.dashboard-avatar:after{content:"";inset:var(--avatar-frame);border-radius:inherit;background:var(--avatar-shine);box-shadow:var(--avatar-inset-shadow);pointer-events:none;position:absolute}.dashboard-menu{gap:var(--s-8);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.dashboard-menu button{justify-content:center;align-items:center;gap:var(--s-6);aspect-ratio:1;min-width:0;min-height:0;padding:var(--s-10) var(--s-6);background:var(--tile-bg-3d);border-radius:var(--radius-tile);box-shadow:var(--tile-shadow-3d);color:var(--c-text-2);text-align:center;border:0;flex-direction:column;display:flex;position:relative}.dashboard-menu img{width:var(--tile-image);height:var(--tile-image);object-fit:contain;filter:var(--tile-icon-shadow);flex-shrink:0}.dashboard-menu strong{width:100%;font-size:var(--fs-tile);font-weight:var(--fw-medium);flex-shrink:0;line-height:1.25;display:block}.dashboard-menu .dashboard-approval-count{top:var(--s-8);right:var(--s-8);margin:0;position:absolute}.dashboard-section{justify-content:space-between;align-items:center;gap:var(--s-8);display:flex}.dashboard-section h2{font-size:var(--fs-card)}.form-fields{gap:var(--gap-detail);display:grid}.date-fields{gap:var(--gap-detail);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}@media (width<=379px){.date-fields{grid-template-columns:minmax(0,1fr)}}.daftar-tools{gap:var(--s-10);padding:0 var(--page-padding) var(--s-16);background:var(--c-surface);border-bottom:var(--line) solid var(--c-border);display:grid}.pdf-actions{gap:var(--s-8);display:grid}.pdf-actions-row{gap:var(--s-8);grid-template-columns:1fr 1fr;display:grid}.pdf-actions-row button{justify-content:center;align-items:center;gap:var(--s-8);background:var(--c-primary-soft);border-color:#0000;width:100%;display:flex}.pdf-actions-row .pdf-share{background:var(--c-share-bg);color:var(--c-share-fg)}.pdf-share svg{width:var(--icon-size);height:var(--icon-size);flex-shrink:0}.approval-horizontal{margin:0;padding:0;list-style:none;display:flex}.approval-horizontal li{--step-delay:calc(var(--step-index) * var(--timeline-step));align-items:center;gap:var(--s-6);text-align:center;flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.approval-horizontal li:not(:last-child):before,.approval-horizontal li.done:not(:last-child):after{content:"";top:calc(var(--timeline-icon) / 2);left:calc(50% + var(--timeline-icon) / 2);width:calc(100% - var(--timeline-icon));height:var(--line-strong);background:var(--c-divider);position:absolute}.approval-horizontal li.done:not(:last-child):after{background:var(--c-primary);transform-origin:0}.approval-horizontal .timeline-dot{position:relative}.approval-horizontal .done .timeline-dot{background:var(--c-primary);color:var(--c-surface);border-color:var(--c-primary)}.approval-horizontal .waiting .timeline-dot{color:var(--c-pending-fg);background:var(--c-pending-bg);border-color:var(--c-pending-line)}.approval-horizontal .waiting .timeline-dot:after{content:"";border:var(--line) solid var(--c-pending-line);border-radius:var(--radius-round);position:absolute;inset:0}.approval-horizontal .rejected .timeline-dot{border-color:var(--c-bad-line);color:var(--c-bad-fg);background:var(--c-bad-bg)}.approval-horizontal strong{font-size:var(--fs-caption);overflow-wrap:anywhere}.approval-summary{color:var(--c-muted);font-size:var(--fs-meta);margin-top:var(--s-10)!important}.edit-heading{justify-content:space-between;align-items:center;gap:var(--s-8);margin-bottom:var(--s-6);display:flex}.edit-heading h2{color:var(--c-primary);font-size:var(--fs-card)}.edit-button{justify-content:center;align-items:center;gap:var(--s-6);min-height:var(--touch);padding:var(--s-6) var(--s-14);border:var(--line) solid var(--c-divider);border-radius:var(--radius-pill);color:var(--c-primary);background:var(--c-surface);font-weight:var(--fw-semibold);flex-shrink:0;display:inline-flex}.edit-close{min-width:var(--touch);min-height:var(--touch);border-radius:var(--radius-round);background:var(--c-primary-soft);color:var(--c-text);border:0}.edit-fields{gap:var(--s-10);border:0;min-width:0;padding:0;display:grid}.edit-dates{gap:var(--s-8);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.edit-fields input,.edit-fields select{width:100%;min-width:0}.revision-value{isolation:isolate;overflow-wrap:anywhere;display:block;position:relative}.revision-value[data-flash=true]:before{content:"";z-index:-1;border-radius:var(--radius-tag);background:var(--c-pending-bg);opacity:0;animation:revisi-sorot var(--dur-revisi) ease-out;position:absolute;inset:0}.revision-old{margin-top:var(--s-4);color:var(--c-muted);font-size:var(--fs-caption);font-weight:var(--fw-normal);white-space:pre-wrap;display:block}.revision-summary{gap:var(--s-8);overflow-wrap:anywhere;display:grid}.revision-summary>strong{color:var(--c-primary)}.revision-summary summary{min-height:var(--touch);color:var(--c-primary);cursor:pointer;align-items:center;display:flex}.revision-entry{border-top:var(--line) solid var(--c-divider);padding-block:var(--s-8)}.edit-conflict{opacity:var(--opacity-conflict)}.edit-member{align-items:center;gap:var(--s-8);padding-block:var(--s-8);border-bottom:var(--line) solid var(--c-divider);display:flex}.edit-member strong{overflow-wrap:anywhere;flex:1;min-width:0}.edit-member .reject-button,.edit-member .secondary-button{width:auto;padding-inline:var(--s-10);flex-shrink:0}.edit-regu{gap:var(--s-8);display:grid}.edit-lock{color:var(--c-muted);padding:var(--s-8)}.edit-inline{gap:var(--s-10);display:grid}@keyframes revisi-sorot{0%,35%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.revision-value[data-flash=true]:before{animation:none}}.atur-foto[open]{width:100%;max-width:var(--content-width);background:var(--c-crop-bg);height:100dvh;max-height:100dvh;color:var(--c-surface);border:0;flex-direction:column;margin:0 auto;padding:0;display:flex;position:fixed;inset:0;overflow:hidden}.atur-foto::backdrop{background:var(--c-crop-bg)}.atur-foto header{align-items:center;gap:var(--s-16);padding:var(--s-16);padding-top:max(var(--s-16), env(safe-area-inset-top));display:flex}.atur-foto h2{font-size:var(--fs-heading)}.atur-foto header button{min-height:var(--touch);padding:var(--s-8) var(--s-12);border-radius:var(--radius-pill);background:var(--c-crop-button);color:inherit;border:0}.crop-stage{min-height:var(--crop-size);touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;flex:1;place-items:center;display:grid;position:relative;overflow:hidden}.crop-stage:active{cursor:grabbing}.crop-stage img{max-width:none;transform:translate(calc(-50% + var(--crop-x)), calc(-50% + var(--crop-y)));pointer-events:none;position:absolute;top:50%;left:50%}.crop-circle{z-index:1;width:var(--crop-size);height:var(--crop-size);border:var(--line-strong) solid var(--c-surface);border-radius:var(--radius-round);box-shadow:var(--crop-mask);pointer-events:none}.atur-foto footer{gap:var(--s-12);padding:var(--s-16);padding-bottom:max(var(--s-16), env(safe-area-inset-bottom));background:var(--c-crop-bg);display:grid;position:relative}.crop-zoom{gap:var(--s-16);align-items:center;display:flex}.crop-zoom input{min-width:0;min-height:var(--touch);accent-color:var(--c-surface);flex:1}.atur-foto footer p{text-align:center;color:var(--c-crop-muted);font-size:var(--fs-caption)}.atur-foto footer .crop-error{color:var(--c-crop-error)}.atur-foto .primary-button{background:var(--c-surface);color:var(--c-primary)}.profil-identity{text-align:center;padding:var(--profil-padding) var(--s-14)}.profil-photo{cursor:pointer;margin-bottom:var(--s-16);background:0 0;border:0;padding:0;display:inline-flex;position:relative}.profil-photo .avatar-frame{width:var(--avatar-profil);height:var(--avatar-profil)}.profil-camera{width:var(--avatar-camera);height:var(--avatar-camera);background:var(--c-primary);color:var(--c-surface);border:var(--avatar-frame) solid var(--c-surface);border-radius:var(--radius-round);box-shadow:var(--avatar-shadow-3d);place-items:center;display:grid;position:absolute;bottom:0;right:0}.profil-identity h2{font-size:var(--fs-page);margin-bottom:var(--s-8)}.profil-identity p{color:var(--c-muted);font-size:var(--fs-body)}.profil-password{align-items:center;gap:var(--s-14);min-height:var(--button-height);padding:var(--s-12) var(--s-16);border-radius:var(--radius-card);background:var(--list-bg-3d);box-shadow:var(--list-shadow-3d);color:var(--c-text);text-decoration:none;display:flex}.profil-password .ti{color:var(--c-primary);font-size:var(--icon-size)}.profil-password .ti:last-child{color:var(--c-icon-decor);margin-left:auto}.profil-logout{color:var(--c-bad-fg);border-color:var(--c-bad-line);justify-content:start}.profil-sheet{gap:var(--s-10);display:grid}.sheet-handle{width:var(--sheet-handle-width);height:var(--s-4);border-radius:var(--radius-pill);background:var(--c-control-disabled-border);margin:0 auto var(--s-4);display:block}.profil-sheet button{align-items:center;gap:var(--s-16);min-height:var(--profil-option-height);color:var(--c-text);font-weight:var(--fw-semibold);text-align:left;background:0 0;border:0;display:flex}.profil-sheet button .ti{width:var(--avatar);height:var(--avatar);border-radius:var(--radius-field);background:var(--c-primary-soft);color:var(--c-primary);font-size:var(--icon-size);place-items:center;display:grid}.profil-sheet .profil-delete{color:var(--c-bad-fg)}.profil-sheet .profil-delete .ti{background:var(--c-bad-bg);color:var(--c-bad-fg)}.tombol-panel{justify-content:center;align-items:center;gap:var(--s-12);width:100%;min-height:var(--panel-height);padding:var(--s-12) var(--s-14);border-radius:var(--radius-card);background:var(--panel-on-bg);box-shadow:var(--panel-on-shadow);color:var(--c-surface);font:var(--fw-bold) var(--fs-heading) / 1.2 var(--font-family);cursor:pointer;border:0;display:flex}.tombol-panel.panel-off{background:var(--panel-off-bg);box-shadow:var(--panel-off-shadow)}.tombol-panel svg{flex:0 0 var(--panel-icon);width:var(--panel-icon);fill:none;stroke:currentColor}.panel-bezel{stroke-width:2px;opacity:.8}.panel-cap{transform-origin:50%;fill:var(--panel-cap-bg);stroke-width:2px}.panel-shine{stroke-width:6px;stroke-linecap:round;opacity:.25}.panel-symbol{stroke-width:4px;stroke-linecap:round;fill:none}.tombol-panel:not(:disabled):active{transform:translateY(2px)scale(.985)}.tombol-panel:not(:disabled):active .panel-cap{animation:panel-press var(--dur-press-tile) both}.tombol-panel:not(:disabled):active .panel-symbol{filter:drop-shadow(0 0 3px)}.tombol-panel:not(:disabled):active .panel-shine{animation:panel-flash var(--dur-sedang) both}.tombol-panel:disabled{opacity:.65;cursor:default}.tombol-panel:focus-visible{outline:var(--control-focus-width) solid var(--c-primary);outline-offset:4px}@keyframes panel-press{to{transform:scale(.86)}}@keyframes panel-flash{50%{opacity:1}}@media (prefers-reduced-motion:reduce){.tombol-panel:not(:disabled):active{transform:none}.tombol-panel .panel-cap,.tombol-panel .panel-shine{animation:none!important}}.app-page .tombol-panel{font:var(--fw-bold) var(--fs-heading) / 1.2 var(--font-family)}.gps-radar{width:var(--touch);height:var(--touch);place-items:center;display:inline-grid;position:relative}.gps-radar i{font-size:var(--icon-size)}.gps-radar:before,.gps-radar:after{content:"";inset:var(--s-8);border:var(--line) solid currentColor;border-radius:var(--radius-round);opacity:0;position:absolute}.mulai-lembur .page-content{gap:var(--s-12)}.mulai-lembur .card{padding:var(--s-12) var(--s-14)}.mulai-lembur .card-heading{margin-bottom:var(--s-8)}.mulai-lembur .spkl-segment{margin-bottom:var(--s-10)}.mulai-lembur label[for=lokasi-gi]{clip-path:inset(50%);position:absolute}.mulai-lembur .spkl-person{border-bottom:var(--line) solid var(--c-divider)}.mulai-lembur .person-avatar{width:var(--avatar-compact);height:var(--avatar-compact)}.mulai-lembur .spkl-person-copy small{font-size:var(--fs-nip)}.mulai-lembur .spkl-banner{font-weight:var(--fw-normal);color:var(--c-text-2);padding:0}.manual-entry{align-items:center;gap:var(--s-12);min-height:var(--panel-height);display:flex}.manual-entry strong{font-size:var(--fs-heading);flex:1}.manual-icon{width:var(--touch);height:var(--touch);border-radius:var(--radius-field);background:var(--c-surface);color:var(--c-primary);place-items:center;display:grid}.manual-icon svg{width:var(--icon-size);fill:none;stroke:currentColor;stroke-width:2px}.banner-lembur{isolation:isolate;border-radius:var(--radius-aurora);padding:var(--s-16);background:var(--c-primary);color:var(--c-surface);box-shadow:var(--aurora-shadow);position:relative;overflow:hidden}.banner-lembur:before{content:"";z-index:-1;background:var(--aurora-bg);filter:blur(38px);animation:14s linear infinite aurora-turn;position:absolute;inset:-40%}.banner-heading{justify-content:space-between;align-items:center;gap:var(--s-4);display:flex}.banner-heading strong{align-items:center;gap:var(--s-8);font-size:var(--fs-body);display:flex}.banner-chip{background:var(--aurora-chip);padding:var(--s-4) var(--s-8);border-radius:var(--radius-pill);font-size:var(--fs-caption);white-space:nowrap}.lampu-lembur{width:var(--s-8);height:var(--s-8);border-radius:var(--radius-round);background:var(--c-lampu);box-shadow:0 0 0 5px var(--aurora-chip);animation:2s infinite lampu-pulse}.banner-waktu{justify-content:center;gap:var(--s-16);margin-top:var(--s-10);display:flex}.banner-unit{text-align:center;position:relative}.banner-unit+.banner-unit:before{content:":";font-size:var(--fs-aurora);opacity:.5;line-height:1.1;position:absolute;left:-14px}.banner-angka{font-size:var(--fs-aurora);line-height:1.1;font-weight:var(--fw-bold);font-variant-numeric:tabular-nums;letter-spacing:-2px;overflow:hidden}.banner-detik{animation:detik-naik var(--dur-muncul) both;display:inline-block}.banner-unit small{font-size:var(--fs-nav);letter-spacing:1px;opacity:.8}.banner-paused:before,.banner-paused .lampu-lembur{animation-play-state:paused}@keyframes aurora-turn{to{transform:rotate(360deg)}}@keyframes lampu-pulse{50%{opacity:.6}}@keyframes detik-naik{0%{opacity:.2;transform:translateY(35%)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.banner-lembur:before,.lampu-lembur,.banner-detik{animation:none}}.sedang-lembur .page-content{gap:var(--s-12)}.sedang-lembur .lokasi-regu{padding:var(--s-6)}.ringkas-regu{align-items:center;gap:var(--s-10);padding:var(--s-10) var(--s-8);display:flex}.ringkas-regu .spkl-avatars{flex-wrap:wrap;flex-shrink:0;max-width:42%;margin:0}.ringkas-nama{min-width:0}.ringkas-nama strong{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.ringkas-nama p{color:var(--c-muted);font-size:var(--fs-meta);margin-top:var(--s-4)}.spkl-fieldset{gap:var(--gap-detail);border:0;min-width:0;margin:0;padding:0;display:grid}.spkl-time-fields{gap:var(--gap-detail);margin-top:var(--s-14);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.spkl-page:has(#tanggal-lembur) .page-content>.notice:first-child{background:var(--c-pending-bg);color:var(--c-pending-fg)}.confirmation-heading{justify-items:center;gap:var(--s-12);text-align:center;padding:var(--s-16) 0;display:grid}.confirmation-heading img{width:var(--success-image);height:auto}.confirmation-heading h2{font-size:var(--fs-page)}.spkl-stack{gap:var(--gap-detail);display:grid}.spkl-segment{margin-bottom:var(--s-16)}.spkl-person{align-items:center;gap:var(--s-10);min-height:var(--touch);padding-block:var(--s-8);display:flex}.spkl-person>strong,.spkl-person-copy{flex:1;min-width:0}.spkl-person-copy small{font-size:var(--fs-caption);color:var(--c-muted);display:block}.spkl-banner{align-items:center;gap:var(--s-8);padding:var(--s-14);background:var(--c-card);border-radius:var(--radius-button);color:var(--c-primary);font-weight:var(--fw-semibold);min-height:var(--touch);flex-wrap:wrap;text-decoration:none;display:flex}.spkl-warning{background:var(--c-pending-bg);color:var(--c-pending-fg)}.spkl-info-good{color:var(--c-ok-fg)}.spkl-info-manual{color:var(--c-pending-fg)}.spkl-avatars{margin-block:var(--s-12);padding-inline-start:var(--s-8);display:flex}.spkl-avatars .person-avatar{border:var(--line-strong) solid var(--c-surface);margin-inline-start:calc(-1 * var(--s-8))}.spkl-page input,.spkl-page select{min-width:0;max-width:100%}.spkl-locked{gap:var(--s-8);margin-bottom:var(--s-12);color:var(--c-muted);align-items:center;display:flex}.spkl-locked i{font-size:var(--icon-size)}.spkl-evidence{gap:var(--s-12);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.spkl-evidence p{margin-top:var(--s-8);font-size:var(--fs-caption)}.spkl-evidence a{min-height:var(--touch);color:var(--c-primary);align-items:center;display:inline-flex}.spkl-revision{border-top:var(--line) solid var(--c-divider);padding-top:var(--s-12);margin-top:var(--s-12)}.spkl-revision s{color:var(--c-muted)}.jenis-tag{border:var(--line) solid var(--c-primary);background:var(--c-surface);color:var(--c-primary);font-size:var(--fs-nav);font-weight:var(--fw-bold);border-radius:var(--radius-tag);padding:var(--s-4) var(--s-8);align-items:center;display:inline-flex}.jenis-tag.spkl{background:var(--c-primary);color:var(--c-surface)}.detail-status{justify-content:space-between;align-items:center;gap:var(--s-8);flex-wrap:wrap;display:flex}.detail-status>.meta{font-size:var(--fs-caption);white-space:nowrap}.detail-title{font-size:var(--fs-detail);font-weight:var(--fw-bold);overflow-wrap:anywhere;margin:var(--s-14) 0!important}.detail-meta{gap:var(--s-8);color:var(--c-text-2);align-items:center;display:flex;margin-top:var(--s-6)!important}.detail-meta .ti{color:var(--c-primary);flex-shrink:0}.detail-timeline{border-top:var(--line) solid var(--c-divider);margin-top:var(--s-16);padding-top:var(--s-14)}.spkl-summary-heading{justify-content:space-between;align-items:center;gap:var(--s-10);display:flex}.spkl-summary-heading>div:first-child{min-width:0}.spkl-mode{font-weight:var(--fw-bold);color:var(--c-primary);font-size:var(--fs-meta)}.spkl-location{font-size:var(--fs-detail);overflow-wrap:anywhere}.spkl-duration{text-align:center;padding:var(--s-6) var(--s-10);border-radius:var(--radius-button);background:var(--c-surface);flex-shrink:0;display:grid}.spkl-duration strong{color:var(--c-primary);font-size:var(--fs-detail)}.spkl-duration span{font-size:var(--fs-caption);color:var(--c-muted)}.spkl-summary-time{gap:var(--s-4) var(--s-12);margin-top:var(--s-8);color:var(--c-text-2);font-size:var(--fs-meta);flex-wrap:wrap;display:flex}.spkl-summary-time span{align-items:center;gap:var(--s-6);display:flex}.evidence-heading{justify-content:space-between;align-items:center;gap:var(--s-4);font-size:var(--fs-meta);display:flex}.evidence-map{min-width:var(--touch);min-height:var(--touch);border-radius:var(--radius-round);background:var(--c-surface);font-size:var(--icon-size);place-items:center;text-decoration:none;display:grid}.peta-loading{height:var(--map-height);place-items:center;display:grid}.spkl-regu-list{justify-items:start;gap:var(--s-6);margin:0;padding:0;list-style:none;display:grid}.spkl-regu-list li{align-items:center;gap:var(--s-6);padding:var(--s-4) var(--s-8) var(--s-4) var(--s-4);border-radius:var(--radius-pill);background:var(--c-surface);max-width:100%;display:flex}.spkl-regu-list strong{overflow-wrap:anywhere;min-width:0}.spkl-regu-list .person-avatar{width:var(--avatar-compact);height:var(--avatar-compact);background:var(--c-primary-soft)}.spkl-regu-list .person-avatar.owner{background:var(--c-primary)}.spkl-description,.spkl-revision{white-space:pre-wrap;overflow-wrap:anywhere}.spkl-revisions summary{min-height:var(--touch);padding-block:var(--s-8);font-size:var(--fs-caption);color:var(--c-muted);cursor:pointer}.spkl-revisions summary span{color:var(--c-primary);font-weight:var(--fw-semibold)}.spkl-pdf-note{align-items:center;gap:var(--s-8);color:var(--c-muted);font-size:var(--fs-caption);display:flex}