.bell[data-v-0b3470c0]{position:relative}.bell__btn[data-v-0b3470c0]{position:relative;display:grid;place-items:center;width:38px;height:38px;font-size:17px;background:var(--surface);border:1px solid var(--border);border-radius:10px;cursor:pointer;box-shadow:var(--shadow);transition:background var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease),transform var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease)}.bell__btn[data-v-0b3470c0]:hover,.bell__btn.is-open[data-v-0b3470c0]{background:var(--primary-soft);border-color:var(--primary);transform:translateY(-1px);box-shadow:var(--shadow-hover)}.bell__count[data-v-0b3470c0]{position:absolute;top:-6px;right:-6px;min-width:19px;height:19px;padding:0 5px;display:grid;place-items:center;font-size:10.5px;font-weight:800;color:#fff;background:var(--danger);border:2px solid var(--bg);border-radius:999px}.bell__panel[data-v-0b3470c0]{position:absolute;top:calc(100% + 8px);right:0;z-index:40;width:380px;max-height:70vh;overflow-y:auto;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 16px 40px #0f172a2e;animation:bell-in-0b3470c0 .16s var(--ease)}@keyframes bell-in-0b3470c0{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.bell__head[data-v-0b3470c0]{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--surface)}.bell__mark[data-v-0b3470c0]{font:inherit;font-size:12px;font-weight:600;color:var(--primary);background:transparent;border:0;padding:3px 6px;border-radius:6px;cursor:pointer;transition:background var(--t-fast) var(--ease)}.bell__mark[data-v-0b3470c0]:hover{background:var(--primary-soft)}.bell__empty[data-v-0b3470c0]{margin:0;padding:22px 16px;font-size:12.5px;color:var(--text-muted);text-align:center;line-height:1.6}.bell__list[data-v-0b3470c0]{list-style:none;margin:0;padding:0}.bell__item[data-v-0b3470c0]{display:flex;gap:10px;align-items:flex-start;padding:11px 14px;border-bottom:1px solid var(--border);cursor:pointer;transition:background var(--t-fast) var(--ease)}.bell__item[data-v-0b3470c0]:last-child{border-bottom:none}.bell__item[data-v-0b3470c0]:hover{background:#f8fafc}.bell__item.is-unread[data-v-0b3470c0]{background:#eff6ff}.bell__item.is-unread[data-v-0b3470c0]:hover{background:var(--primary-soft)}.bell__icon[data-v-0b3470c0]{font-size:15px;line-height:1.4;flex-shrink:0}.bell__body[data-v-0b3470c0]{min-width:0;flex:1}.bell__title[data-v-0b3470c0]{font-size:12.5px;font-weight:700;line-height:1.4}.bell__text[data-v-0b3470c0]{font-size:12px;color:#475569;line-height:1.5;margin-top:1px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.bell__meta[data-v-0b3470c0]{font-size:10.5px;color:var(--text-muted);margin-top:3px}.bell__now[data-v-0b3470c0]{margin-top:5px;font-size:10.5px;color:var(--text-muted);display:flex;align-items:center;gap:5px}.bell__now .badge[data-v-0b3470c0]{font-size:10px;padding:2px 7px}.bell__dot[data-v-0b3470c0]{width:7px;height:7px;border-radius:50%;background:var(--primary);flex-shrink:0;margin-top:6px}@media(max-width:480px){.bell__panel[data-v-0b3470c0]{width:calc(100vw - 32px);right:-8px}}.dlg__backdrop[data-v-1d42e924]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:20px;background:#0f172a8c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.dlg[data-v-1d42e924]{width:100%;max-width:420px;padding:26px 26px 20px;text-align:center;background:var(--surface);border-radius:16px;box-shadow:0 24px 60px #0f172a52}.dlg__icon[data-v-1d42e924]{width:52px;height:52px;margin:0 auto 14px;display:grid;place-items:center;font-size:23px;border-radius:50%;background:var(--primary-soft)}.dlg.tone-danger .dlg__icon[data-v-1d42e924]{background:var(--danger-soft)}.dlg.tone-warning .dlg__icon[data-v-1d42e924]{background:var(--warning-soft)}.dlg__title[data-v-1d42e924]{margin:0;font-size:17px;font-weight:800;line-height:1.4}.dlg__message[data-v-1d42e924]{margin:7px 0 0;font-size:13.5px;line-height:1.6;color:var(--text-muted)}.dlg__field[data-v-1d42e924]{margin-top:18px;text-align:left}.dlg__field label[data-v-1d42e924]{display:block;margin-bottom:6px;font-size:12.5px;font-weight:600;color:#334155}.dlg__error[data-v-1d42e924]{margin:6px 0 0;font-size:12px;font-weight:600;color:var(--danger)}.dlg__actions[data-v-1d42e924]{display:flex;gap:9px;margin-top:22px}.dlg__actions .btn[data-v-1d42e924]{flex:1}.dlg-enter-active[data-v-1d42e924],.dlg-leave-active[data-v-1d42e924]{transition:opacity .18s var(--ease)}.dlg-enter-active .dlg[data-v-1d42e924],.dlg-leave-active .dlg[data-v-1d42e924]{transition:transform .18s var(--ease)}.dlg-enter-from[data-v-1d42e924],.dlg-leave-to[data-v-1d42e924]{opacity:0}.dlg-enter-from .dlg[data-v-1d42e924],.dlg-leave-to .dlg[data-v-1d42e924]{transform:translateY(14px) scale(.96)}@media(prefers-reduced-motion:reduce){.dlg-enter-active[data-v-1d42e924],.dlg-leave-active[data-v-1d42e924],.dlg-enter-active .dlg[data-v-1d42e924],.dlg-leave-active .dlg[data-v-1d42e924]{transition:none}}.auth{--bg: #0f1826;--surface: #182437;--line: rgba(255, 255, 255, .1);--text: #e9eff6;--muted: #93a1b4;--faint: #5e6c80;--accent: #4aa8f0;--accent-strong: #6cbcff;--ink: #080e18;--gold: #c9a84c;--deep: #154e8c;position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 20px;background:var(--bg);color:var(--text)}.auth__bg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.auth__grid,.auth__glow,.auth__blob{position:absolute}.auth__grid{top:0;right:0;bottom:0;left:0;opacity:.25;background-image:linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px);background-size:44px 44px,44px 44px;-webkit-mask-image:radial-gradient(75% 60% at 50% 45%,#000 40%,transparent 100%);mask-image:radial-gradient(75% 60% at 50% 45%,#000 40%,transparent 100%)}@keyframes auth-bernapas{0%,to{opacity:.75}50%{opacity:1}}.auth__glow{top:0;right:0;bottom:0;left:0;background:radial-gradient(700px at 50% 40%,rgba(74,168,240,.09),transparent 60%);animation:auth-bernapas 9s ease-in-out infinite}.auth__blob{width:460px;height:460px;border-radius:50%;filter:blur(40px);opacity:.5}@keyframes auth-melayang{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(26px,-20px,0) scale(1.07)}}.auth__blob--deep{top:-160px;left:-140px;background:radial-gradient(circle,var(--deep) 0%,transparent 65%);animation:auth-melayang 19s ease-in-out infinite}.auth__blob--gold{top:-120px;right:-120px;width:360px;height:360px;opacity:.3;background:radial-gradient(circle,var(--gold) 0%,transparent 62%);animation:auth-melayang 24s ease-in-out infinite reverse}.auth__blob--sky{bottom:-180px;right:12%;background:radial-gradient(circle,var(--accent) 0%,transparent 60%);opacity:.28;animation:auth-melayang 28s ease-in-out infinite;animation-delay:-7s}.auth__inner{position:relative;z-index:1;width:100%;max-width:420px}@keyframes auth-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.auth .brandmark,.auth .wordmark,.auth .wordmark__sub,.auth__title,.auth__subtitle,.auth__card,.auth__foot{animation:auth-rise .55s cubic-bezier(.4,0,.2,1) both}.auth .brandmark{animation-delay:.05s}.auth .wordmark{animation-delay:.13s}.auth .wordmark__sub{animation-delay:.19s}.auth__title{animation-delay:.27s}.auth__subtitle{animation-delay:.33s}.auth__card{animation-delay:.41s}.auth__foot{animation-delay:.6s}.auth__head{text-align:center;margin-bottom:22px}.auth .brandmark{display:block;width:56px;height:56px;margin:0 auto 12px;border-radius:16px;box-shadow:0 10px 26px #00000073}.auth .wordmark{font-size:22px;font-weight:800;letter-spacing:.14em;line-height:1.1}.auth .wordmark__sub{font-size:10px;font-weight:600;letter-spacing:.42em;color:var(--accent);margin-top:3px}.auth__title{margin:20px 0 0;font-size:20px;font-weight:900;letter-spacing:-.5px;color:var(--text)}.auth__subtitle{margin:6px 0 0;font-size:14px;color:var(--muted);text-wrap:balance}.auth__card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:32px;box-shadow:0 24px 60px #00000073}.auth__error,.auth__success{margin:0 0 18px;padding:11px 14px;font-size:13px;line-height:1.55;border-radius:12px}.auth__error{color:#ffc9c9;background:#dc262624;border:1px solid rgba(248,113,113,.35)}.auth__success{color:#b9f0cd;background:#16a34a24;border:1px solid rgba(74,222,128,.35)}.auth .field{margin-bottom:18px}.auth .field label{display:block;margin-bottom:7px;font-size:12px;font-weight:500;color:var(--muted)}.auth .field__wrap{position:relative}.auth input{width:100%;padding:14px 16px;font:inherit;font-size:14px;color:var(--text);background:var(--bg);border:1px solid var(--line);border-radius:12px;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.auth input::placeholder{color:var(--faint)}.auth input:hover:not(:focus){border-color:#6cbcffbf;background:#131f31;box-shadow:0 0 0 3px #4aa8f014}.auth input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #4aa8f02e}.auth .field__wrap input{padding-right:48px}.auth .field__eye{position:absolute;top:50%;right:6px;transform:translateY(-50%);display:grid;place-items:center;width:36px;height:36px;padding:0;color:var(--muted);background:transparent;border:0;border-radius:9px;cursor:pointer;transition:color .15s ease,background .15s ease,transform .15s ease}.auth .field__eye:hover{color:var(--ink);background:var(--accent);transform:translateY(-50%) scale(1.08)}.auth .field__eye:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.auth .field__hint{margin:7px 0 0;font-size:11.5px;line-height:1.55;color:var(--faint)}.auth .submit{width:100%;margin-top:4px;padding:14px 16px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font:inherit;font-size:14px;font-weight:700;letter-spacing:.06em;color:var(--ink);background:var(--accent);border:0;border-radius:12px;cursor:pointer;transition:background .15s ease,transform .15s ease,box-shadow .15s ease}.auth .submit:hover:not(:disabled){background:var(--accent-strong);transform:translateY(-2px) scale(1.015);box-shadow:0 12px 28px #4aa8f073}.auth .submit:active:not(:disabled){transform:translateY(0) scale(.995);box-shadow:0 2px 6px #4aa8f04d}.auth .submit:disabled{opacity:.65;cursor:not-allowed}.auth .spinner{width:15px;height:15px;border:2px solid rgba(8,14,24,.3);border-top-color:var(--ink);border-radius:50%;animation:auth-spin .7s linear infinite}@keyframes auth-spin{to{transform:rotate(360deg)}}.auth__links{margin:16px 0 0;text-align:center}.auth__link{font-size:12.5px;font-weight:500;color:var(--accent);text-decoration:none;border-bottom:1px solid transparent;transition:color .15s ease,border-color .15s ease}.auth__link:hover{color:var(--accent-strong);border-bottom-color:currentColor}.auth__link:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:3px}.auth__hint{margin:18px 0 0;font-size:10.5px;line-height:1.6;text-align:center;color:var(--faint)}.auth__foot{margin:20px 0 0;font-size:11px;text-align:center;color:var(--faint)}@media(max-width:480px){.auth__card{padding:24px 20px}}@media(prefers-reduced-motion:reduce){.auth .brandmark,.auth .wordmark,.auth .wordmark__sub,.auth__title,.auth__subtitle,.auth__card,.auth__foot,.auth__glow,.auth__blob{animation:none;opacity:1;transform:none}.auth__blob--gold{opacity:.3}.auth__blob--sky{opacity:.28}.auth__blob--deep{opacity:.5}.auth .submit:hover:not(:disabled){transform:none}.auth .spinner{animation-duration:2s}}.auth__memeriksa[data-v-d394ba3f]{display:flex;align-items:center;justify-content:center;gap:10px;margin:0;padding:8px 0;font-size:14px;color:#93a1b4}.spinner--gelap[data-v-d394ba3f]{border-color:#93a1b44d;border-top-color:#93a1b4}.field__hint--salah[data-v-d394ba3f]{color:#ffc9c9}.submit--tautan[data-v-d394ba3f]{text-decoration:none}.pg[data-v-63382355]{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:12px 14px;border-top:1px solid var(--border);background:#f8fafc;font-size:12.5px;color:var(--text-muted)}.pg__nav[data-v-63382355]{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.pg__size[data-v-63382355]{display:flex;align-items:center;gap:6px;margin:0;font-size:12.5px;font-weight:500;color:var(--text-muted)}.pg__size select[data-v-63382355]{width:auto;padding:4px 8px;font-size:12.5px}.pg__pages[data-v-63382355]{display:flex;gap:4px}.pg__btn[data-v-63382355]{min-width:30px;height:30px;padding:0 7px;font:inherit;font-size:12.5px;font-weight:600;color:var(--text);background:#fff;border:1px solid var(--border);border-radius:7px;cursor:pointer;transition:background var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease),color var(--t-fast) var(--ease)}.pg__btn[data-v-63382355]:hover:not(:disabled):not(.is-active){background:var(--primary-soft);border-color:var(--primary);color:var(--primary-dark)}.pg__btn.is-active[data-v-63382355]{background:var(--primary);border-color:var(--primary);color:#fff;cursor:default}.pg__btn[data-v-63382355]:disabled{opacity:.45;cursor:not-allowed}.pg__btn.is-gap[data-v-63382355]{border:0;background:transparent;opacity:1;cursor:default}@media(max-width:640px){.pg[data-v-63382355]{justify-content:center;text-align:center}}.recent-list[data-v-5a0cdb66]{max-height:420px;overflow-y:auto;margin:0 -6px;padding:0 6px}.guide__no--opsional[data-v-d5fbbb6d]{background:#fde68a;color:#78350f}.guide__tag[data-v-d5fbbb6d]{margin-left:6px;padding:1px 7px;border-radius:999px;background:#fde68a;color:#78350f;font-size:11px;font-weight:700;vertical-align:middle}.guide[data-v-d5fbbb6d]{max-width:640px}.guide__head[data-v-d5fbbb6d]{display:flex;align-items:center;justify-content:space-between;gap:12px}.guide__x[data-v-d5fbbb6d]{font:inherit;font-size:15px;line-height:1;color:var(--text-muted);background:transparent;border:0;border-radius:8px;width:30px;height:30px;cursor:pointer;transition:background var(--t-fast) var(--ease),color var(--t-fast) var(--ease)}.guide__x[data-v-d5fbbb6d]:hover{background:var(--neutral-soft);color:var(--text)}.guide__intro[data-v-d5fbbb6d]{margin:4px 0 18px;font-size:13px;color:var(--text-muted);line-height:1.6}.guide__list[data-v-d5fbbb6d]{list-style:none;margin:0;padding:0}.guide__phase[data-v-d5fbbb6d]{display:flex;gap:13px;padding-bottom:18px;position:relative}.guide__phase[data-v-d5fbbb6d]:not(:last-child):before{content:"";position:absolute;left:13px;top:30px;bottom:4px;width:2px;background:var(--border)}.guide__no[data-v-d5fbbb6d]{flex-shrink:0;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:var(--primary);color:#fff;font-size:13px;font-weight:800;position:relative;z-index:1}.guide__title[data-v-d5fbbb6d]{font-size:14px;font-weight:800;line-height:1.5}.guide__actor[data-v-d5fbbb6d]{font-size:11.5px;color:var(--primary-dark);font-weight:600;margin-bottom:6px}.guide__points[data-v-d5fbbb6d]{margin:0;padding-left:17px;font-size:13px;line-height:1.6;color:#334155}.guide__points li[data-v-d5fbbb6d]{margin-bottom:3px}.guide__sla[data-v-d5fbbb6d]{width:100%;margin-top:10px;border-collapse:collapse;font-size:12px}.guide__sla th[data-v-d5fbbb6d],.guide__sla td[data-v-d5fbbb6d]{text-align:left;padding:6px 9px;border-bottom:1px solid var(--border)}.guide__sla th[data-v-d5fbbb6d]{background:#f8fafc;font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.guide__ethics[data-v-d5fbbb6d]{margin:4px 0 0;padding:12px 14px;border-radius:10px;background:var(--neutral-soft);font-size:12px;line-height:1.65;color:#475569}.flow__head[data-v-6adb7f9a]{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.flow__help[data-v-6adb7f9a]{font:inherit;font-size:12.5px;font-weight:600;color:var(--primary);background:transparent;border:1px solid var(--border);border-radius:999px;padding:5px 13px;cursor:pointer;white-space:nowrap;transition:background var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease),color var(--t-fast) var(--ease)}.flow__help[data-v-6adb7f9a]:hover{background:var(--primary-soft);border-color:var(--primary);color:var(--primary-dark)}.flow__steps[data-v-6adb7f9a]{display:grid;grid-template-columns:repeat(6,1fr);list-style:none;margin:0;padding:0}.flow__step[data-v-6adb7f9a]{position:relative;text-align:center;padding-top:30px}.flow__bar[data-v-6adb7f9a]{position:absolute;top:13px;left:-50%;width:100%;height:3px;border-radius:2px;background:var(--border);transition:background var(--t-med) var(--ease)}.flow__step:first-child .flow__bar[data-v-6adb7f9a]{display:none}.flow__step.is-done .flow__bar[data-v-6adb7f9a],.flow__step.is-current .flow__bar[data-v-6adb7f9a]{background:var(--primary)}.flow__step.is-warn .flow__bar[data-v-6adb7f9a]{background:var(--warning)}.flow__dot[data-v-6adb7f9a]{position:absolute;top:0;left:50%;transform:translate(-50%);width:28px;height:28px;display:grid;place-items:center;border-radius:50%;font-size:12px;font-weight:800;color:var(--text-muted);background:#fff;border:2px solid var(--border);transition:all var(--t-med) var(--ease)}.flow__step.is-done .flow__dot[data-v-6adb7f9a]{background:var(--primary);border-color:var(--primary);color:#fff}.flow__step.is-current .flow__dot[data-v-6adb7f9a]{background:#fff;border-color:var(--primary);color:var(--primary);box-shadow:0 0 0 4px var(--primary-soft)}.flow__step.is-warn .flow__dot[data-v-6adb7f9a]{background:var(--warning);border-color:var(--warning);color:#fff;box-shadow:0 0 0 4px var(--warning-soft)}.flow__step.is-off .flow__dot[data-v-6adb7f9a]{opacity:.45}.flow__label[data-v-6adb7f9a]{font-size:12.5px;font-weight:700;color:var(--text-muted);line-height:1.3}.flow__step.is-done .flow__label[data-v-6adb7f9a],.flow__step.is-current .flow__label[data-v-6adb7f9a],.flow__step.is-warn .flow__label[data-v-6adb7f9a]{color:var(--text)}.flow__actor[data-v-6adb7f9a]{font-size:10.5px;color:var(--text-muted);margin-top:2px}.flow__steps.is-cancelled[data-v-6adb7f9a]{opacity:.55}.flow__note[data-v-6adb7f9a]{margin:16px 0 0;font-size:12.5px;font-weight:600}.flow__note--warning[data-v-6adb7f9a]{color:var(--warning)}.flow__next[data-v-6adb7f9a]{margin-top:18px;padding:13px 15px;border-radius:10px;border-left:4px solid var(--info);background:var(--info-soft)}.flow__next.tone-warning[data-v-6adb7f9a]{border-left-color:var(--warning);background:var(--warning-soft)}.flow__next.tone-success[data-v-6adb7f9a]{border-left-color:var(--success);background:var(--success-soft)}.flow__next.tone-muted[data-v-6adb7f9a]{border-left-color:var(--text-muted);background:var(--neutral-soft)}.flow__next-label[data-v-6adb7f9a]{font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;opacity:.75}.flow__next-who[data-v-6adb7f9a]{font-size:14px;font-weight:800;margin-top:1px}.flow__next-text[data-v-6adb7f9a]{margin:4px 0 0;font-size:13px;line-height:1.55}.flow__preview-note[data-v-6adb7f9a]{margin:16px 0 0;font-size:12.5px;color:var(--text-muted);line-height:1.6}@media(max-width:760px){.flow__steps[data-v-6adb7f9a]{grid-template-columns:repeat(3,1fr);row-gap:18px}.flow__step:nth-child(4) .flow__bar[data-v-6adb7f9a]{display:none}}.mb-12[data-v-516dd7f5]{margin-bottom:12px}.draf[data-v-516dd7f5]{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.pemohon[data-v-516dd7f5]{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.pemohon__nama[data-v-516dd7f5]{margin-top:8px;font-size:16px;font-weight:700}.pemohon__baris[data-v-516dd7f5]{font-size:12.5px;line-height:1.6;color:var(--text-muted)}.pemohon__atasnama[data-v-516dd7f5]{margin-top:14px;padding-top:14px;border-top:1px solid var(--border)}.pemohon__catatan[data-v-516dd7f5]{margin-top:12px;padding-top:12px;border-top:1px solid var(--border)}.tipe-grid[data-v-516dd7f5]{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.tipe[data-v-516dd7f5]{display:flex;flex-direction:column;gap:5px;padding:14px 16px;border:1.5px solid var(--border);border-radius:12px;cursor:pointer;background:var(--surface);transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.tipe[data-v-516dd7f5]:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:var(--shadow-hover)}.tipe.is-dipilih[data-v-516dd7f5]{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.tipe input[data-v-516dd7f5]{position:absolute;opacity:0;width:0;height:0}.tipe[data-v-516dd7f5]:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.tipe__judul[data-v-516dd7f5]{font-weight:700;font-size:15px}.tipe__baris[data-v-516dd7f5]{font-size:11.5px;line-height:1.5;color:var(--text-muted)}.tipe__baris b[data-v-516dd7f5]{color:var(--text);font-weight:600}.ms-edit__kosong[data-v-74b79302]{font-size:12.5px;margin-bottom:10px}.ms-edit__baris[data-v-74b79302]{display:grid;grid-template-columns:20px 1fr 145px 86px auto;align-items:center;gap:7px;margin-bottom:7px}.ms-edit__no[data-v-74b79302]{font-size:12px;color:var(--text-muted);text-align:right}.ms-edit__bobot[data-v-74b79302]{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--text-muted)}.ms-edit__bobot input[data-v-74b79302]{width:62px}.ms-edit__kaki[data-v-74b79302]{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px}.ms-edit__total[data-v-74b79302]{font-size:12px;color:var(--text-muted)}.ms-edit__total.is-lebih[data-v-74b79302]{color:var(--danger);font-weight:600}@media(max-width:640px){.ms-edit__baris[data-v-74b79302]{grid-template-columns:1fr auto;gap:6px;padding-bottom:8px;border-bottom:1px solid var(--border)}.ms-edit__no[data-v-74b79302]{text-align:left}.ms-edit__judul[data-v-74b79302]{grid-column:1 / -1}}.bg-edit__alat[data-v-f6d626af]{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px}.bg-edit__berkas[data-v-f6d626af]{display:none}.bg-edit__bantuan[data-v-f6d626af],.bg-edit__kosong[data-v-f6d626af]{font-size:12px;color:var(--text-muted)}.bg-edit__kabar[data-v-f6d626af]{font-size:12.5px;background:var(--primary-soft, #e8f0fe);color:var(--primary);border-radius:6px;padding:7px 10px;margin-bottom:8px}.bg-edit__peringatan[data-v-f6d626af]{margin:0 0 10px;padding-left:18px;font-size:12px;color:var(--warning)}.bg-edit__tabel[data-v-f6d626af]{overflow-x:auto}.bg-edit[data-v-f6d626af]{container-type:inline-size}.bg-edit__kepala[data-v-f6d626af],.bg-edit__baris[data-v-f6d626af]{display:grid;grid-template-columns:22px 150px minmax(180px,1fr) 70px 72px 118px 106px 34px;align-items:center;gap:6px}.bg-edit__baris>.bg-edit__no[data-v-f6d626af]{grid-area:no}.bg-edit__baris>.bg-edit__kat[data-v-f6d626af]{grid-area:kat}.bg-edit__baris>.bg-edit__ur[data-v-f6d626af]{grid-area:ur}.bg-edit__baris>.bg-edit__cap[data-v-f6d626af]{grid-area:cap}.bg-edit__baris>.bg-edit__sat[data-v-f6d626af]{grid-area:sat}.bg-edit__baris>.bg-edit__qty[data-v-f6d626af]{grid-area:qty}.bg-edit__baris>.bg-edit__harga[data-v-f6d626af]{grid-area:harga}.bg-edit__baris>.bg-edit__sub[data-v-f6d626af]{grid-area:sub}.bg-edit__baris>.bg-edit__hapus[data-v-f6d626af]{grid-area:hapus}.bg-edit__baris>.bg-edit__ket[data-v-f6d626af]{grid-area:ket}.bg-edit__kepala[data-v-f6d626af],.bg-edit__baris[data-v-f6d626af]{grid-template-areas:"no kat ur sat qty harga sub hapus"}.bg-edit__baris[data-v-f6d626af]{grid-template-areas:"no kat ur sat qty harga sub hapus" ".  ket ket ket ket ket ket ."}.bg-edit__cap[data-v-f6d626af]{display:none;font-size:11px;text-transform:uppercase;letter-spacing:.4px;color:var(--text-muted)}.bg-edit__kepala[data-v-f6d626af]{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--text-muted);padding-bottom:5px}.bg-edit__baris[data-v-f6d626af]{margin-bottom:6px;padding-bottom:6px;border-bottom:1px solid var(--border)}.bg-edit__no[data-v-f6d626af]{font-size:12px;color:var(--text-muted);text-align:right}.bg-edit__sub[data-v-f6d626af]{font-size:12.5px;font-weight:600;text-align:right;white-space:nowrap}.bg-edit__ket[data-v-f6d626af]{font-size:12px}.bg-edit__kaki[data-v-f6d626af]{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-top:10px}.bg-edit__total[data-v-f6d626af]{font-size:13px}.bg-edit__rekap[data-v-f6d626af]{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:8px;font-size:12px;color:var(--text-muted)}@container (max-width: 680px){.bg-edit__kepala[data-v-f6d626af]{display:none}.bg-edit__baris[data-v-f6d626af]{grid-template-columns:62px 1fr 1fr 36px;grid-template-areas:"no  ur    ur    hapus" "kat kat   kat   kat" "cap cap   cap   cap" "sat qty   harga harga" "sub sub   sub   sub" "ket ket   ket   ket";gap:6px;margin-bottom:10px;padding:9px;border:1px solid var(--border);border-radius:8px}.bg-edit__cap[data-v-f6d626af]{display:block;margin-top:2px}.bg-edit__no[data-v-f6d626af]{text-align:left}.bg-edit__sub[data-v-f6d626af]{text-align:left;color:var(--text-muted);font-weight:700}.bg-edit__sub[data-v-f6d626af]:before{content:"Subtotal: ";font-weight:400}}.ttd__kotak[data-v-29ea3180]{position:relative;border:1.5px dashed var(--border);border-radius:10px;background:#fff;overflow:hidden}canvas[data-v-29ea3180]{display:block;width:100%;touch-action:none;cursor:crosshair}.ttd__garis[data-v-29ea3180]{position:absolute;left:8%;right:8%;bottom:30px;border-bottom:1px solid var(--border);pointer-events:none}.ttd__petunjuk[data-v-29ea3180]{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:12.5px;color:var(--text-muted);pointer-events:none}.ttd__aksi[data-v-29ea3180]{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px}.ttd__status[data-v-29ea3180]{font-size:12px;color:var(--text-muted)}.ttd__status.is-ada[data-v-29ea3180]{color:var(--success);font-weight:600}.ms-head[data-v-88709e86]{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.progres[data-v-88709e86]{display:flex;align-items:center;gap:10px;margin-bottom:8px}.progres__bar[data-v-88709e86]{flex:1;height:10px;border-radius:99px;background:var(--neutral-soft);overflow:hidden}.progres__bar span[data-v-88709e86]{display:block;height:100%;border-radius:99px;background:var(--primary);transition:width .3s ease}.progres__angka[data-v-88709e86]{font-size:13px;font-weight:700;min-width:42px;text-align:right}.ms-list[data-v-88709e86]{list-style:none;margin:0;padding:0}.ms-list li[data-v-88709e86]{display:grid;grid-template-columns:28px 1fr auto;align-items:baseline;gap:4px 8px;padding:8px 0;border-top:1px solid var(--border);font-size:13.5px}.ms-list li.is-selesai .ms-list__judul[data-v-88709e86]{color:var(--text-muted);text-decoration:line-through}.ms-list__tanda[data-v-88709e86]{grid-row:span 2;font-size:17px;line-height:1;padding:0;border:0;background:transparent;color:var(--primary);cursor:pointer}.ms-list__tanda--statis[data-v-88709e86]{color:var(--text-muted);cursor:default}.ms-list__bobot[data-v-88709e86]{font-size:11.5px;font-weight:600;color:var(--text-muted)}.ms-list__tgl[data-v-88709e86]{grid-column:2 / -1;font-size:11.5px;color:var(--text-muted)}.ms-list li.is-telat .ms-list__tgl[data-v-88709e86]{color:var(--danger);font-weight:600}.bast-grid[data-v-88709e86]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.bast[data-v-88709e86]{border:1px solid var(--border);border-radius:10px;padding:12px;text-align:center}.bast__pihak[data-v-88709e86]{font-size:11px;font-weight:600;color:var(--text-muted);margin-bottom:6px;min-height:28px}.bast__ttd[data-v-88709e86]{display:block;width:100%;max-height:90px;object-fit:contain;background:#fff;border-bottom:1px solid var(--border)}.bast__nama[data-v-88709e86]{margin-top:6px;font-weight:700;font-size:13.5px}.bast__jabatan[data-v-88709e86],.bast__waktu[data-v-88709e86]{font-size:11.5px;color:var(--text-muted)}.print-page[data-v-4e180bbe]{background:#e2e8f0;min-height:100vh;padding:20px}.toolbar[data-v-4e180bbe]{max-width:800px;margin:0 auto 14px;display:flex;gap:8px}.sheet[data-v-4e180bbe]{background:#fff;max-width:800px;margin:0 auto;padding:36px 42px;font-family:Courier New,Courier,monospace;font-size:13px;color:#000;border:1px solid #cbd5e1}.form-head[data-v-4e180bbe]{text-align:center;border-top:3px double #000;border-bottom:3px double #000;padding:10px 0;margin-bottom:14px}.form-title[data-v-4e180bbe]{font-weight:700;font-size:16px;letter-spacing:2px}.form-company[data-v-4e180bbe]{font-size:13px;margin-top:2px}.section-title[data-v-4e180bbe]{font-weight:700;border-top:1px dashed #000;padding-top:8px;margin-top:14px;margin-bottom:8px}.head-table[data-v-4e180bbe]{width:100%;border-collapse:collapse}.rincian-table[data-v-4e180bbe]{width:100%;border-collapse:collapse;margin-bottom:4px}.rincian-table th[data-v-4e180bbe],.rincian-table td[data-v-4e180bbe]{border:1px solid #999;padding:3px 5px;font-size:11.5px;vertical-align:top}.rincian-table th[data-v-4e180bbe]{background:#eef2f7;text-align:left;font-size:11px}.rincian-table .ang[data-v-4e180bbe]{text-align:right;white-space:nowrap}.head-table td[data-v-4e180bbe]{padding:3px 6px 3px 0;border:none;vertical-align:top;font-size:12.5px}.head-table .lbl[data-v-4e180bbe]{width:160px;white-space:nowrap}.head-table .lbl[data-v-4e180bbe]:after{content:" :"}.category-list[data-v-4e180bbe]{margin:4px 0 10px}.category-item[data-v-4e180bbe]{padding:1px 0}.checkbox[data-v-4e180bbe]{font-size:14px}.desc-box[data-v-4e180bbe]{border:1px solid #000;padding:10px 12px;min-height:90px}.desc-label[data-v-4e180bbe]{font-weight:700;font-size:12px}.desc-text[data-v-4e180bbe]{white-space:pre-wrap;margin-top:2px}.ethics-note[data-v-4e180bbe]{font-size:11px;margin-top:8px;line-height:1.4}.sign-table[data-v-4e180bbe]{width:100%;border-collapse:collapse;text-align:center;font-size:12px}.sign-table td[data-v-4e180bbe]{border:none;padding:4px;width:33%}.sign-table .sign-space td[data-v-4e180bbe]{padding-top:70px}.muted-small[data-v-4e180bbe]{font-size:11px;color:#333}@media print{.no-print[data-v-4e180bbe]{display:none!important}.print-page[data-v-4e180bbe]{background:#fff;padding:0}.sheet[data-v-4e180bbe]{border:none;max-width:none;padding:10mm 8mm}}.bast-pembuka[data-v-4e180bbe]{font-size:12.5px;line-height:1.8;text-align:justify;margin:12px 0}.bast-sign td[data-v-4e180bbe]{width:50%}.ttd-sel[data-v-4e180bbe]{height:90px;vertical-align:bottom}.ttd-gambar[data-v-4e180bbe]{display:block;max-width:200px;max-height:80px;margin:0 auto;object-fit:contain}.ttd-kosong[data-v-4e180bbe]{height:80px}.bast-catatan[data-v-4e180bbe]{font-size:11px;font-style:italic;text-align:center;margin-top:16px;color:#334155}.gembok[data-v-9ad87741]{margin-left:5px;font-size:12px;cursor:help}:root{--bg: #f1f5f9;--surface: #ffffff;--border: #e2e8f0;--text: #0f172a;--text-muted: #64748b;--primary: #1d4ed8;--primary-dark: #1e40af;--primary-soft: #dbeafe;--success: #15803d;--success-soft: #dcfce7;--warning: #b45309;--warning-soft: #fef3c7;--danger: #b91c1c;--danger-soft: #fee2e2;--info: #0369a1;--info-soft: #e0f2fe;--neutral-soft: #f1f5f9;--sidebar-bg: #0f172a;--sidebar-text: #cbd5e1;--radius: 10px;--shadow: 0 1px 3px rgba(15, 23, 42, .08);--shadow-hover: 0 10px 24px rgba(15, 23, 42, .12);--shadow-press: 0 1px 2px rgba(15, 23, 42, .1);--t-fast: .15s;--t-med: .2s;--ease: cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,system-ui,sans-serif;background:var(--bg);color:var(--text);font-size:14px;line-height:1.5}h1,h2,h3{margin:0 0 8px}button,[role=button],summary,label[for]{cursor:pointer}button:disabled{cursor:not-allowed}a{color:var(--primary);text-decoration:none;transition:color var(--t-fast) var(--ease)}a:hover{color:var(--primary-dark);text-decoration:underline;text-underline-offset:3px}:focus-visible{outline:3px solid var(--primary-soft);outline-offset:2px;border-radius:6px}.layout{display:flex;min-height:100vh}.sidebar{width:240px;background:var(--sidebar-bg);color:var(--sidebar-text);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;flex-shrink:0}.sidebar .brand{padding:20px 18px;border-bottom:1px solid rgba(255,255,255,.08)}.sidebar .brand .title{display:flex;align-items:center;gap:8px;font-weight:800;font-size:17px;color:#fff;letter-spacing:.3px}.sidebar .brand .brand-logo{border-radius:5px;flex-shrink:0}.sidebar .brand .subtitle{font-size:11.5px;color:#64748b;margin-top:2px}.sidebar nav{padding:12px 10px;flex:1;overflow-y:auto}.sidebar nav .nav-section{font-size:10.5px;text-transform:uppercase;letter-spacing:1px;color:#475569;padding:14px 10px 6px}.sidebar nav a{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;color:var(--sidebar-text);font-weight:500;margin-bottom:2px;transition:background var(--t-fast) var(--ease),color var(--t-fast) var(--ease),transform var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease)}.sidebar nav a:hover{background:#ffffff14;color:#fff;transform:translate(3px);text-decoration:none}.sidebar nav a:active{transform:translate(3px) scale(.985)}.sidebar nav a.router-link-active{background:var(--primary);color:#fff;box-shadow:inset 3px 0 #93c5fd}.sidebar nav a.router-link-active:hover{background:var(--primary-dark)}.sidebar .user-box{padding:14px 16px;border-top:1px solid rgba(255,255,255,.08);font-size:12.5px}.sidebar .user-box .name{color:#fff;font-weight:600}.sidebar .user-box .role{color:#64748b;margin-bottom:8px}.main{flex:1;padding:24px 28px;max-width:1200px;min-width:0}.topbar{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-bottom:10px}.menu-toggle{display:none;margin-right:auto;width:38px;height:38px;padding:0 9px;flex-direction:column;justify-content:center;gap:5px;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow);transition:background var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease)}.menu-toggle:hover{background:var(--primary-soft);border-color:var(--primary)}.menu-toggle span{display:block;height:2px;border-radius:2px;background:var(--text)}.layout__backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:45;background:#0f172a80;animation:fade-in var(--t-med) var(--ease)}.page-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap}.page-header p{margin:2px 0 0;color:var(--text-muted)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px;margin-bottom:16px;transition:box-shadow var(--t-med) var(--ease),border-color var(--t-med) var(--ease),transform var(--t-med) var(--ease)}.card:hover{box-shadow:var(--shadow-hover);border-color:#cbd5e1}.card h3{font-size:15px;margin-bottom:14px}label{display:block;font-weight:600;font-size:12.5px;margin-bottom:5px;color:#334155}input,select,textarea{width:100%;padding:9px 12px;border:1px solid var(--border);border-radius:8px;font:inherit;background:#fff;color:var(--text);transition:border-color var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease),background var(--t-fast) var(--ease)}input:hover:not(:disabled),select:hover:not(:disabled),textarea:hover:not(:disabled){border-color:#94a3b8}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}select,input[type=file],input[type=checkbox]{cursor:pointer}textarea{resize:vertical;min-height:90px}.field{margin-bottom:14px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.hint{font-size:12px;color:var(--text-muted);margin-top:4px}.cek{display:flex;align-items:center;gap:8px;font-weight:500;cursor:pointer}.cek input[type=checkbox]{width:auto;margin:0}.wajib{color:#dc2626;font-weight:700;margin-left:2px;cursor:help}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 16px;border-radius:8px;border:1px solid transparent;font:inherit;font-weight:600;cursor:pointer;background:var(--primary);color:#fff;white-space:nowrap;box-shadow:var(--shadow);transition:background var(--t-fast) var(--ease),color var(--t-fast) var(--ease),transform var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease)}.btn:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-hover);text-decoration:none}.btn:active:not(:disabled){transform:translateY(0);box-shadow:var(--shadow-press)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.btn.secondary{background:#fff;color:var(--text);border-color:var(--border)}.btn.secondary:hover:not(:disabled){background:var(--neutral-soft);border-color:var(--primary);color:var(--primary-dark)}.btn.success{background:var(--success)}.btn.success:hover:not(:disabled){background:#166534}.btn.danger{background:var(--danger)}.btn.danger:hover:not(:disabled){background:#991b1b}.btn.warning{background:var(--warning)}.btn.warning:hover:not(:disabled){background:#92400e}.btn.sm{padding:6px 12px;font-size:13px}.btn.block{width:100%}.badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:11.5px;font-weight:700;white-space:nowrap}.badge.status-submitted{background:var(--info-soft);color:var(--info)}.badge.status-returned{background:var(--warning-soft);color:var(--warning)}.badge.status-internal_approved{background:var(--primary-soft);color:var(--primary-dark)}.badge.status-awaiting_budget{background:#fde68a;color:#78350f}.badge.status-uat_passed{background:#ede9fe;color:#6d28d9}.badge.status-deployed{background:#cffafe;color:#0e7490}.badge.status-in_progress{background:#fef9c3;color:#a16207}.badge.status-pending_uat{background:#ffedd5;color:#c2410c}.badge.status-closed{background:var(--success-soft);color:var(--success)}.badge.status-cancelled{background:var(--neutral-soft);color:var(--text-muted)}.badge.type-proyek_baru{background:#e0e7ff;color:#3730a3}.badge.type-update{background:#d1fae5;color:#065f46}.badge.type-minor{background:#fee2e2;color:#991b1b}.badge.urgency-low{background:var(--neutral-soft);color:var(--text-muted)}.badge.urgency-medium{background:var(--info-soft);color:var(--info)}.badge.urgency-high{background:var(--warning-soft);color:var(--warning)}.badge.urgency-critical{background:var(--danger-soft);color:var(--danger)}.badge.overdue{background:var(--danger);color:#fff}.table-wrap{overflow-x:auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}table{width:100%;border-collapse:collapse;font-size:13.5px}th,td{text-align:left;padding:11px 14px;border-bottom:1px solid var(--border);vertical-align:top}th{background:#f8fafc;font-size:11.5px;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);white-space:nowrap}tbody tr:last-child td{border-bottom:none}tbody tr{transition:background var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease)}tbody tr.clickable{cursor:pointer}tbody tr:hover{background:#f8fafc}tbody tr.clickable:hover{background:var(--primary-soft);box-shadow:inset 3px 0 0 var(--primary)}tbody tr.clickable:active{background:#bfdbfe}.table-wrap{transition:box-shadow var(--t-med) var(--ease)}.table-wrap:hover{box-shadow:var(--shadow-hover)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin-bottom:20px}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px 18px;transition:transform var(--t-med) var(--ease),box-shadow var(--t-med) var(--ease),border-color var(--t-med) var(--ease)}.stat-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover);border-color:#cbd5e1}.stat-card .stat-value{transition:transform var(--t-med) var(--ease)}.stat-card:hover .stat-value{transform:scale(1.04)}.stat-card .stat-label{font-size:12px;color:var(--text-muted);font-weight:600}.stat-card .stat-value{font-size:28px;font-weight:800;margin-top:4px}.stat-card.accent-blue .stat-value{color:var(--primary)}.stat-card.accent-green .stat-value{color:var(--success)}.stat-card.accent-orange .stat-value{color:var(--warning)}.stat-card.accent-red .stat-value{color:var(--danger)}.alert{padding:11px 14px;border-radius:8px;margin-bottom:14px;font-size:13.5px}.alert.error{background:var(--danger-soft);color:var(--danger);border:1px solid #fecaca}.alert.success{background:var(--success-soft);color:var(--success);border:1px solid #bbf7d0}.alert.info{background:var(--info-soft);color:var(--info);border:1px solid #bae6fd}.alert.warning{background:var(--warning-soft);color:var(--warning);border:1px solid #fde68a}.timeline{list-style:none;margin:0;padding:0;position:relative}.timeline:before{content:"";position:absolute;left:7px;top:6px;bottom:6px;width:2px;background:var(--border)}.timeline li{position:relative;padding:0 8px 18px 28px;border-radius:6px;transition:background var(--t-fast) var(--ease)}.timeline li:hover{background:#f8fafc}.timeline .dot{transition:transform var(--t-fast) var(--ease)}.timeline li:hover .dot{transform:scale(1.2)}.timeline li:last-child{padding-bottom:0}.timeline .dot{position:absolute;left:0;top:4px;width:16px;height:16px;border-radius:50%;background:var(--primary);border:3px solid var(--primary-soft)}.timeline .dot.comment{background:var(--text-muted);border-color:var(--neutral-soft)}.timeline .dot.warn{background:var(--warning);border-color:var(--warning-soft)}.timeline .dot.ok{background:var(--success);border-color:var(--success-soft)}.timeline .dot.bad{background:var(--danger);border-color:var(--danger-soft)}.timeline .tl-title{font-weight:700;font-size:13px}.timeline .tl-meta{font-size:12px;color:var(--text-muted)}.timeline .tl-note{margin-top:4px;font-size:13px;white-space:pre-wrap}.detail-grid{display:grid;grid-template-columns:180px 1fr;gap:8px 14px;font-size:13.5px}.detail-grid dt{color:var(--text-muted);font-weight:600}.detail-grid dd{margin:0;white-space:pre-wrap}.two-col{display:grid;grid-template-columns:1.6fr 1fr;gap:16px;align-items:start}@media(max-width:900px){.two-col,.form-grid{grid-template-columns:1fr}.sidebar{position:fixed;top:0;bottom:0;left:0;z-index:46;width:268px;max-width:82vw;height:100%;transform:translate(-100%);transition:transform var(--t-med) var(--ease);box-shadow:0 0 40px #0006}.sidebar.is-open{transform:translate(0)}.menu-toggle{display:flex}.layout__backdrop{display:block}.main{padding:16px}.page-header{align-items:flex-start}.page-header .btn,.page-header .actions-row{width:100%}.table-wrap{max-width:100%}.filter-bar select,.filter-bar input{min-width:0;flex:1 1 140px}}@media(prefers-reduced-motion:reduce){.sidebar{transition:none}}.filter-bar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.filter-bar select,.filter-bar input{width:auto;min-width:150px}.filter-bar input[type=search]{flex:1;min-width:200px}.attachment-list{list-style:none;padding:0;margin:0}.attachment-list li{display:flex;align-items:center;gap:8px;padding:7px 8px;border-bottom:1px dashed var(--border);font-size:13px;border-radius:6px;transition:background var(--t-fast) var(--ease),transform var(--t-fast) var(--ease)}.attachment-list li:hover{background:var(--primary-soft);transform:translate(3px)}.attachment-list li:last-child{border-bottom:none}.muted{color:var(--text-muted)}.mt-0{margin-top:0}.mb-0{margin-bottom:0}.text-right{text-align:right}.actions-row{display:flex;gap:8px;flex-wrap:wrap}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;display:flex;align-items:center;justify-content:center;z-index:50;padding:20px;animation:fade-in var(--t-med) var(--ease)}.modal{background:#fff;border-radius:12px;padding:22px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;animation:modal-in var(--t-med) var(--ease)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.modal h3{margin-bottom:16px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.row-item{padding:9px 10px;border-bottom:1px dashed var(--border);border-radius:8px;cursor:pointer;transition:background var(--t-fast) var(--ease),transform var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease)}.row-item:last-child{border-bottom:none}.row-item:hover{background:var(--primary-soft);transform:translate(4px);box-shadow:inset 3px 0 0 var(--primary)}.row-item:active{transform:translate(4px) scale(.99)}.row-item .row-head{display:flex;justify-content:space-between;gap:8px;align-items:center}.row-item .row-title{font-size:13px;font-weight:700}.row-item .row-desc{font-size:12.5px;color:var(--text-muted)}.badge{transition:transform var(--t-fast) var(--ease),filter var(--t-fast) var(--ease)}tbody tr:hover .badge,.row-item:hover .badge{filter:saturate(1.25)}.badge.overdue{animation:pulse-soft 2s var(--ease) infinite}@keyframes pulse-soft{0%,to{opacity:1}50%{opacity:.68}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.btn:hover:not(:disabled),.stat-card:hover,.sidebar nav a:hover,.row-item:hover,.attachment-list li:hover{transform:none}}table.rincian th,table.rincian td{padding:7px 9px;font-size:13px}table.rincian tfoot td{border-top:2px solid var(--border);background:var(--bg-soft, #f8fafc)}.rekap-chips{display:flex;flex-wrap:wrap;gap:5px 14px;margin-top:10px;font-size:12.5px;color:var(--text-muted)}.rekap-finance{margin-bottom:12px;font-size:12.5px}.rekap-finance__baris{display:flex;justify-content:space-between;gap:10px;padding:5px 0;border-bottom:1px solid var(--border)}.pilih-cara{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:8px;font-size:13px}.pilih-cara label{display:flex;align-items:center;gap:5px;font-weight:500;cursor:pointer;margin:0}.pilih-cara input{width:auto;margin:0}.hint--stop{color:var(--danger);font-weight:600}