@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(data:font/woff2;base64,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) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/plus-jakarta-sans-vietnamese-wght-normal-qRpaaN48.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/plus-jakarta-sans-latin-ext-wght-normal-DmpS2jIq.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/plus-jakarta-sans-latin-wght-normal-eXO_dkmS.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--accent: #2f54a3;--accent-hover: #274a94;--accent-active: #203e7d;--accent-weak: #eaeffa;--accent-ring: rgba(47, 84, 163, .22);--bg: #f4f6fa;--surface: #ffffff;--surface-sunken: #eef1f7;--border: #e3e7ef;--border-strong: #cdd4e0;--text: #1c2434;--text-muted: #5c6577;--text-faint: #8a93a6;--sidebar-bg: #0f1729;--sidebar-text: #97a3b8;--sidebar-text-active: #f4f6fa;--sidebar-item-hover: rgba(151, 163, 184, .09);--sidebar-item-active: rgba(47, 84, 163, .28);--status-baru-bg: #e8eefb;--status-baru-fg: #2b4c96;--status-diproses-bg: #fdf1dc;--status-diproses-fg: #9a6410;--status-selesai-bg: #e2f4e8;--status-selesai-fg: #16694a;--status-ditolak-bg: #fbe7e6;--status-ditolak-fg: #a63a32;--danger: #a63a32;--danger-weak: #fbe7e6;--shadow-sm: 0 1px 2px rgba(16, 24, 40, .05);--shadow-md: 0 1px 2px rgba(16, 24, 40, .05), 0 6px 16px -6px rgba(29, 41, 84, .12);--shadow-lg: 0 4px 8px -2px rgba(16, 24, 40, .06), 0 16px 40px -12px rgba(29, 41, 84, .22);--radius-lg: 14px;--radius-md: 10px;--radius-sm: 7px;--font: "Plus Jakarta Sans Variable", "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--transition: .18s cubic-bezier(.2, 0, 0, 1)}*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--bg);color:var(--text);font-size:.9375rem;line-height:1.55;-webkit-font-smoothing:antialiased}h1{font-size:1.55rem;font-weight:700;letter-spacing:-.022em;line-height:1.2;text-wrap:balance}h2{font-size:1.02rem;font-weight:650;letter-spacing:-.012em;margin:1.4rem 0 .6rem}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:2px}strong{font-weight:650}.page-subtitle{color:var(--text-muted);font-size:.875rem;margin-top:.2rem}.num{font-variant-numeric:tabular-nums}:focus-visible{outline:none;box-shadow:0 0 0 3px var(--accent-ring);border-radius:var(--radius-sm)}.skip-link{position:absolute;left:-9999px;top:0;z-index:100;background:var(--surface);color:var(--accent);padding:.6rem 1rem;border-radius:0 0 var(--radius-sm) 0}.skip-link:focus{left:0}button,.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;cursor:pointer;font:inherit;font-size:.875rem;font-weight:550;color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:.42rem .85rem;min-height:2.2rem;transition:background var(--transition),border-color var(--transition),transform var(--transition),box-shadow var(--transition);text-decoration:none}button:hover:not(:disabled){background:var(--surface-sunken);border-color:var(--text-faint)}.btn:hover{background:var(--surface-sunken);border-color:var(--text-faint);text-decoration:none}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.45;cursor:not-allowed}.btn-primary,button.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.btn-primary:active:not(:disabled){background:var(--accent-active)}.btn-danger,button.btn-danger{background:var(--surface);border-color:var(--danger);color:var(--danger)}.btn-danger:hover:not(:disabled){background:var(--danger-weak);border-color:var(--danger)}.btn-ghost,button.btn-ghost{background:transparent;border-color:transparent}.btn-ghost:hover:not(:disabled){background:var(--surface-sunken);border-color:transparent}input,select,textarea{font:inherit;font-size:.875rem;color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:.45rem .65rem;transition:border-color var(--transition),box-shadow var(--transition)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}input::placeholder,textarea::placeholder{color:var(--text-faint)}label{font-size:.85rem;font-weight:550;color:var(--text-muted)}.field{display:flex;flex-direction:column;gap:.32rem;min-width:0}.field input,.field select,.field textarea{width:100%}.helper-text{color:var(--text-faint);font-size:.78rem;margin:0}.error{color:var(--danger);font-size:.85rem;margin:.5rem 0}.login-wrap{display:grid;grid-template-columns:1.1fr 1fr;min-height:100dvh}.login-brand{background:radial-gradient(120% 90% at 15% 10%,rgba(47,84,163,.55),transparent 60%),radial-gradient(90% 80% at 90% 95%,rgba(47,84,163,.25),transparent 55%),var(--sidebar-bg);color:#e8ecf5;display:flex;flex-direction:column;justify-content:space-between;padding:3rem}.login-brand .mark{display:flex;align-items:center;gap:.7rem;font-weight:750;font-size:1.15rem;letter-spacing:.01em}.login-brand h2{font-size:clamp(1.6rem,3vw,2.3rem);font-weight:750;letter-spacing:-.025em;line-height:1.15;max-width:20ch;margin:0;color:#fff}.login-brand .tagline{color:#9fb0cf;margin-top:.8rem;max-width:42ch}.login-brand footer{color:#6b7b9c;font-size:.8rem}.login-side{display:flex;align-items:center;justify-content:center;padding:2rem}.login-card{width:340px;display:flex;flex-direction:column;gap:.95rem}.login-card h1{font-size:1.35rem}.login-card .subtitle{color:var(--text-muted);margin-top:-.6rem;font-size:.875rem}.login-card label{display:flex;flex-direction:column;gap:.3rem}.login-card button{padding:.6rem}@media(max-width:860px){.login-wrap{grid-template-columns:1fr}.login-brand{display:none}}.layout{display:flex;min-height:100dvh}.sidebar{width:232px;flex-shrink:0;background:var(--sidebar-bg);color:var(--sidebar-text);display:flex;flex-direction:column;padding:1.1rem .8rem;gap:.2rem;position:sticky;top:0;height:100dvh;overflow-y:auto}.sidebar .brand{display:flex;align-items:center;gap:.65rem;padding:.35rem .6rem 1.2rem}.brand-mark{width:32px;height:32px;flex-shrink:0;display:grid;place-items:center;background:var(--accent);color:#fff;font-weight:800;font-size:1.05rem;border-radius:9px;letter-spacing:0}.brand-text{line-height:1.15}.brand-text .name{color:#fff;font-weight:750;font-size:.98rem;letter-spacing:.01em}.brand-text .sub{font-size:.68rem;color:var(--sidebar-text)}.sidebar nav{display:flex;flex-direction:column;gap:.1rem;flex:1}.nav-group{font-size:.67rem;font-weight:650;letter-spacing:.09em;text-transform:uppercase;color:#58657f;padding:1rem .6rem .35rem}.sidebar nav a{position:relative;color:var(--sidebar-text);display:flex;align-items:center;gap:.6rem;padding:.48rem .6rem;border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;transition:background var(--transition),color var(--transition);text-decoration:none}.sidebar nav a:hover{background:var(--sidebar-item-hover);color:var(--sidebar-text-active);text-decoration:none}.sidebar nav a.active{background:var(--sidebar-item-active);color:var(--sidebar-text-active);font-weight:600}.sidebar nav a.active:before{content:"";position:absolute;left:-.8rem;top:20%;bottom:20%;width:3px;border-radius:0 3px 3px 0;background:var(--accent)}.sidebar-user{border-top:1px solid rgba(151,163,184,.15);margin-top:.6rem;padding-top:.7rem;display:flex;align-items:center;gap:.6rem}.sidebar-user .avatar{width:30px;height:30px;flex-shrink:0;display:grid;place-items:center;border-radius:9px;background:#2f54a359;color:#cdd9f2;font-weight:700;font-size:.8rem}.sidebar-user .who{flex:1;min-width:0;line-height:1.2}.sidebar-user .who .nama{color:#e8ecf5;font-size:.82rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user .who .email{color:var(--sidebar-text);font-size:.7rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user .logout{background:transparent;border:none;color:var(--sidebar-text);padding:.35rem;border-radius:var(--radius-sm)}.sidebar-user .logout:hover{background:var(--sidebar-item-hover);color:#fff}.content{flex:1;min-width:0;padding:1.8rem 2.2rem 2.6rem;max-width:1160px}.menu-toggle{display:none}@media(max-width:900px){.menu-toggle{display:grid;place-items:center;position:fixed;top:.8rem;left:.8rem;z-index:60;width:40px;height:40px;background:var(--sidebar-bg);color:#fff;border:none;border-radius:var(--radius-sm);box-shadow:var(--shadow-md)}.menu-toggle.open{left:244px;background:var(--surface);color:var(--sidebar-bg)}.sidebar{position:fixed;top:0;left:0;z-index:50;height:100dvh;transform:translate(-100%);transition:transform .24s cubic-bezier(.2,0,0,1)}.sidebar.open{transform:translate(0);box-shadow:var(--shadow-lg)}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#0f172973}.content{padding:4.2rem 1.1rem 2rem}}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.9rem;margin-bottom:1.6rem}.card{background:var(--surface);border-radius:var(--radius-md);padding:1rem 1.15rem;display:flex;flex-direction:column;gap:.2rem;box-shadow:var(--shadow-sm);border:1px solid var(--border)}.card-num{font-size:1.75rem;font-weight:750;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.card>span:last-child{color:var(--text-muted);font-size:.82rem}.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.2rem;flex-wrap:wrap}.page-head .actions{display:flex;gap:.5rem;flex-wrap:wrap}.filters{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap;align-items:center}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:1.1rem 1.25rem;box-shadow:var(--shadow-sm)}.panel>h2:first-child{margin-top:0}.panel-head{display:flex;flex-direction:column;gap:.2rem;margin-bottom:.9rem}.panel-head h2{margin:0}.panel-head p{color:var(--text-muted);font-size:.85rem}.form-panel{display:flex;flex-direction:column;gap:.85rem;margin-bottom:1rem}.form-grid{display:grid;grid-template-columns:minmax(180px,1.2fr) minmax(160px,1fr) minmax(180px,1fr) auto;gap:.8rem;align-items:end}.field-action{justify-content:flex-end}.inline-edit{margin-top:.9rem;padding-top:.9rem;border-top:1px solid var(--border)}.inline-edit textarea{min-height:120px}.chart-panel{margin-top:1rem}.chart-body{height:300px}.chart-body .state-box{height:100%}.segmented{display:inline-flex;gap:.25rem;padding:.25rem;margin-bottom:1rem;background:var(--surface-sunken);border:1px solid var(--border);border-radius:var(--radius-md)}.segmented button{border-color:transparent;background:transparent}.segmented button.is-active{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:var(--shadow-sm)}.mono-editor{width:100%;min-height:320px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.85rem;line-height:1.55}.version-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:.75rem}.version-list li{padding:.8rem 0;border-bottom:1px solid var(--border)}.version-list li:last-child{border-bottom:none}.version-row{display:flex;align-items:center;justify-content:space-between;gap:.6rem}@media(max-width:900px){.form-grid{grid-template-columns:1fr}.field-action{align-items:stretch}.field-action button{width:100%}.segmented{display:flex;width:100%}.segmented button{flex:1}}.table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);overflow-x:auto;box-shadow:var(--shadow-sm)}.table{width:100%;border-collapse:collapse;background:var(--surface)}.table th{text-align:left;font-size:.72rem;font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);padding:.65rem .85rem;border-bottom:1px solid var(--border);background:var(--surface);position:sticky;top:0}.table td{padding:.62rem .85rem;border-bottom:1px solid var(--border);font-size:.875rem;font-variant-numeric:tabular-nums}.table tbody tr{transition:background var(--transition)}.table tbody tr:hover{background:var(--surface-sunken)}.table tbody tr:last-child td{border-bottom:none}.table .truncate{max-width:320px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pager{display:flex;gap:.9rem;align-items:center;margin-top:1rem;color:var(--text-muted);font-size:.85rem}.pager span{font-variant-numeric:tabular-nums}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.13rem .5rem;border-radius:5px;font-size:.75rem;font-weight:600}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.75}.badge-baru{background:var(--status-baru-bg);color:var(--status-baru-fg)}.badge-diproses{background:var(--status-diproses-bg);color:var(--status-diproses-fg)}.badge-selesai{background:var(--status-selesai-bg);color:var(--status-selesai-fg)}.badge-ditolak{background:var(--status-ditolak-bg);color:var(--status-ditolak-fg)}.detail-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:1.6rem;margin-top:1rem}@media(max-width:900px){.detail-grid{grid-template-columns:1fr}}.detail-grid .isi{background:var(--surface);border:1px solid var(--border);padding:1rem 1.1rem;border-radius:var(--radius-md);margin:.75rem 0;white-space:pre-wrap;max-width:65ch}.status-actions{display:flex;gap:.5rem;flex-wrap:wrap}.detail-grid textarea{width:100%;min-height:76px;margin:.5rem 0}.detail-grid ul{padding-left:1.1rem;color:var(--text-muted);font-size:.875rem;display:flex;flex-direction:column;gap:.3rem}.detail-grid .inline-edit textarea{min-height:120px;margin:0}.detail-grid .mono-editor{min-height:320px;margin:0}.detail-grid .version-list{list-style:none;padding-left:0;color:var(--text);gap:0}.chat{display:flex;flex-direction:column;gap:.55rem;max-width:640px}.bubble{padding:.6rem .9rem;border-radius:12px;max-width:80%;white-space:pre-wrap;font-size:.9rem;box-shadow:var(--shadow-sm)}.bubble.user{background:var(--accent-weak);align-self:flex-start;border-bottom-left-radius:4px}.bubble.assistant{background:var(--surface);align-self:flex-end;border:1px solid var(--border);border-bottom-right-radius:4px}.bubble time{display:block;font-size:.68rem;color:var(--text-faint);margin-top:.3rem}.kg-count{color:var(--text-muted);font-size:.875rem;font-variant-numeric:tabular-nums}.kg-legend{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:.75rem}.legend-chip{display:inline-flex;align-items:center;gap:.35rem;font-size:.82rem;color:var(--text-muted)}.legend-dot{width:9px;height:9px;border-radius:50%;display:inline-block}.kg-wrap{position:relative;border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-md);border:1px solid var(--border)}.kg-info{position:absolute;top:1rem;right:1rem;background:#fffffff7;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--border);border-radius:var(--radius-md);padding:.8rem 1rem;max-width:300px;box-shadow:var(--shadow-lg)}.kg-info-head{display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem}.kg-info-head button{margin-left:auto;border:none;background:transparent;font-size:1.05rem;line-height:1;padding:.1rem .35rem}.kg-info p{font-size:.875rem;margin-bottom:.4rem}.kg-note{color:var(--text-faint);font-size:.8rem;margin-top:.75rem;max-width:70ch}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--surface-sunken) 25%,#f8fafc 50%,var(--surface-sunken) 75%);background-size:800px 100%;animation:shimmer 1.4s infinite linear}.state-box{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;text-align:center;padding:3rem 1.5rem;background:var(--surface);border:1px dashed var(--border-strong);border-radius:var(--radius-md);color:var(--text-muted)}.state-box .state-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:var(--surface-sunken);color:var(--text-faint);margin-bottom:.3rem}.state-box .state-title{font-weight:650;color:var(--text)}.state-box .state-hint{font-size:.85rem;max-width:46ch}.state-box.error-box{border-color:var(--danger);border-style:solid}.state-box.error-box .state-icon{background:var(--danger-weak);color:var(--danger)}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#0f172980;display:grid;place-items:center;padding:1rem}.dialog{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:1.4rem 1.5rem;width:100%;max-width:420px;animation:dialog-in .16s cubic-bezier(.2,0,0,1)}@keyframes dialog-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}.dialog h3{font-size:1.05rem;font-weight:700;letter-spacing:-.01em;margin-bottom:.4rem}.dialog p{color:var(--text-muted);font-size:.9rem;margin-bottom:1rem}.dialog .dialog-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1.1rem}.dialog input{width:100%}.toasts{position:fixed;bottom:1.2rem;right:1.2rem;z-index:90;display:flex;flex-direction:column;gap:.5rem}.toast{display:flex;align-items:center;gap:.6rem;background:var(--sidebar-bg);color:#e8ecf5;border-radius:var(--radius-md);padding:.7rem 1rem;font-size:.875rem;box-shadow:var(--shadow-lg);animation:toast-in .2s cubic-bezier(.2,0,0,1);max-width:360px}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.toast.success:before{content:"";width:8px;height:8px;border-radius:50%;background:#4ade80;flex-shrink:0}.toast.error:before{content:"";width:8px;height:8px;border-radius:50%;background:#f87171;flex-shrink:0}.notfound{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;text-align:center}.notfound .code{font-size:4rem;font-weight:800;letter-spacing:-.04em;color:var(--border-strong);line-height:1}