@font-face{font-family:Rethink Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/rethink-sans-latin-ext-400-normal-CKCYXmoY.woff2) format("woff2"),url(/assets/rethink-sans-latin-ext-400-normal-GA6tuHUS.woff) format("woff");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:Rethink Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/rethink-sans-latin-400-normal-C2CrhZJ2.woff2) format("woff2"),url(/assets/rethink-sans-latin-400-normal-GBpUDrx9.woff) format("woff");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}@font-face{font-family:Rethink Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/rethink-sans-latin-ext-500-normal-BSEfT4q0.woff2) format("woff2"),url(/assets/rethink-sans-latin-ext-500-normal-B_sqLJD7.woff) format("woff");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:Rethink Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/rethink-sans-latin-500-normal-CZnVlKuG.woff2) format("woff2"),url(/assets/rethink-sans-latin-500-normal-gm3zvsp9.woff) format("woff");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}@font-face{font-family:Rethink Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/rethink-sans-latin-ext-600-normal-DVF2kpPS.woff2) format("woff2"),url(/assets/rethink-sans-latin-ext-600-normal-D9D_yKzQ.woff) format("woff");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:Rethink Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/rethink-sans-latin-600-normal-BBmnB1wa.woff2) format("woff2"),url(/assets/rethink-sans-latin-600-normal-DGDvRYts.woff) format("woff");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}@font-face{font-family:Rethink Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/rethink-sans-latin-ext-700-normal-D4II1oiP.woff2) format("woff2"),url(/assets/rethink-sans-latin-ext-700-normal-B-yV5RIE.woff) format("woff");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:Rethink Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/rethink-sans-latin-700-normal-DqfDD8gS.woff2) format("woff2"),url(/assets/rethink-sans-latin-700-normal-fkb_AID4.woff) format("woff");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}@font-face{font-family:Jost;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/jost-cyrillic-400-normal-bVZEi0jL.woff2) format("woff2"),url(/assets/jost-cyrillic-400-normal-Dk3McGkH.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Jost;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/jost-latin-ext-400-normal-CpdMQIMr.woff2) format("woff2"),url(/assets/jost-latin-ext-400-normal-Dsyb2mtt.woff) format("woff");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:Jost;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/jost-latin-400-normal-q-RKOgPK.woff2) format("woff2"),url(/assets/jost-latin-400-normal-C7S-3Ky6.woff) format("woff");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}@font-face{font-family:Jost;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/jost-cyrillic-500-normal-DtB2bvF0.woff2) format("woff2"),url(/assets/jost-cyrillic-500-normal-DlHwnXyv.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Jost;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/jost-latin-ext-500-normal-BkvHgcKf.woff2) format("woff2"),url(/assets/jost-latin-ext-500-normal-Cpxiadwk.woff) format("woff");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:Jost;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/jost-latin-500-normal-41lBe9I9.woff2) format("woff2"),url(/assets/jost-latin-500-normal-B-AtzreL.woff) format("woff");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}@font-face{font-family:Jost;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/jost-cyrillic-600-normal-BEDXyecp.woff2) format("woff2"),url(/assets/jost-cyrillic-600-normal-D0Fzn8un.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Jost;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/jost-latin-ext-600-normal-D8I9kjga.woff2) format("woff2"),url(/assets/jost-latin-ext-600-normal-Pm6OqGZB.woff) format("woff");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:Jost;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/jost-latin-600-normal-C497H-z9.woff2) format("woff2"),url(/assets/jost-latin-600-normal-Bv_M0d15.woff) format("woff");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}@font-face{font-family:Jost;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/jost-cyrillic-700-normal-_ob5o-r5.woff2) format("woff2"),url(/assets/jost-cyrillic-700-normal-BHDNzvjF.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Jost;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/jost-latin-ext-700-normal-AnR_ULdm.woff2) format("woff2"),url(/assets/jost-latin-ext-700-normal-DTcCupJy.woff) format("woff");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:Jost;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/jost-latin-700-normal-u2Hrqd6k.woff2) format("woff2"),url(/assets/jost-latin-700-normal-k-iBXzmq.woff) format("woff");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{--biru: #086DB5;--biru-h: #0762A3;--biru-muda: #E8F2FA;--merah: #E21F23;--merah-h: #CB1C20;--merah-muda: #FDECEC;--hijau: #AAC237;--hijau-tua: #5E7A16;--hijau-muda: #F1F7E1;--navy: #021624;--navy2: #032C48;--latar: #F8FAFC;--kartu: #FFFFFF;--teks: #0F172A;--teks2: #475569;--teks3: #64748B;--garis: #E2E8F0;--l1: #E21F23;--l2: #F08A24;--l3: #E8B500;--l4: #086DB5;--l5: #7FA32B;--l1-bg: #FDE2E2;--l2-bg: #FDEBD8;--l3-bg: #FFF4C2;--l4-bg: #DCEBF7;--l5-bg: #E6F0D0;--radius: 12px;--shadow: 0 1px 2px rgba(15, 23, 42, .06), 0 4px 16px rgba(15, 23, 42, .04);--brand-font: "Jost", "Rethink Sans";font-family:var(--brand-font),system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--teks);background:var(--latar);font-size:15px;line-height:1.5}*{box-sizing:border-box}body{margin:0;background:var(--latar)}a{color:var(--biru);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{margin:0;line-height:1.25}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:3px solid rgba(8,109,181,.35);outline-offset:2px}.strip{height:4px;background:linear-gradient(90deg,var(--merah) 0 33.3%,var(--biru) 33.3% 66.6%,var(--hijau) 66.6%)}.nav{background:#fff;display:flex;align-items:center;gap:24px;padding:0 28px;height:64px;border-bottom:1px solid var(--garis);position:sticky;top:0;z-index:30}.brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.3px;color:var(--teks);white-space:nowrap}.brand:hover{text-decoration:none}.brand img{height:32px;max-width:120px;object-fit:contain}.brand:hover .mark .p1{transform:translate(6px,-4px)}.brand:hover .mark .p2{transform:translate(6px)}.brand:hover .mark .p3{transform:translate(-4px)}.brand small{display:block;font-weight:500;font-size:11px;color:var(--teks3);letter-spacing:0}.menu{display:flex;gap:2px;flex:1;min-width:0;overflow-x:auto;scrollbar-width:none}.menu a{padding:8px 13px;border-radius:8px;color:var(--teks2);font-weight:500;white-space:nowrap}.menu a:hover{background:var(--latar);text-decoration:none}.menu a.active{color:var(--biru);background:var(--biru-muda)}.nav-right{display:flex;align-items:center;gap:10px}.period-pick{border:1px solid var(--garis);border-radius:8px;padding:6px 10px;background:#fff;max-width:220px;font-size:14px}.avatar{width:36px;height:36px;border-radius:50%;background:var(--navy2);color:#fff;display:grid;place-items:center;font-weight:600;font-size:13px;border:0;cursor:pointer}.btn.menu-toggle{display:none}.dropdown{position:absolute;right:16px;top:58px;background:#fff;border:1px solid var(--garis);border-radius:12px;box-shadow:var(--shadow);min-width:240px;padding:8px;z-index:40}.dropdown .who{padding:8px 10px 10px;border-bottom:1px solid var(--garis);margin-bottom:6px}.dropdown button,.dropdown a{display:block;width:100%;text-align:left;padding:9px 10px;border-radius:8px;border:0;background:none;cursor:pointer;color:var(--teks)}.dropdown button:hover,.dropdown a:hover{background:var(--latar);text-decoration:none}.hero{position:relative;overflow:hidden;background:linear-gradient(100deg,var(--navy),var(--navy2));color:#fff;padding:26px 28px 72px}.hero>*{position:relative;z-index:1}.hero h1{font-size:27px;margin:8px 0 6px}.hero p{margin:0;color:#a7b4c6}.pill{display:inline-block;background:#ffffff1f;border:1px solid rgba(255,255,255,.22);padding:4px 12px;border-radius:999px;font-size:12.5px}.page{max-width:1360px;margin:0 auto;padding:24px 28px 48px}.page.lift{margin-top:-50px;padding-top:0}.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:18px}.page-head h1{font-size:24px}.crumb{color:var(--teks3);font-size:13px;margin-bottom:4px}.grid{display:grid;gap:16px}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.split{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:16px}.split-r{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:16px;align-items:start}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.spacer{flex:1}.mt{margin-top:16px}.mt-s{margin-top:8px}.mb{margin-bottom:16px}.muted{color:var(--teks2);font-size:13.5px}.small{font-size:12.5px}.right{text-align:right}.card{background:var(--kartu);border:1px solid var(--garis);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow);min-width:0}.card h3{font-size:16px;margin-bottom:12px}.card.flat{box-shadow:none}.card.top-strip{padding-top:0;overflow:hidden}.card.top-strip>.strip{margin:0 -18px 18px}.kpi .lbl{color:var(--teks2);font-size:13px}.kpi .val{font-size:30px;font-weight:700;margin:4px 0 2px}.kpi .sub{font-size:13px;color:var(--teks2)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--biru);color:var(--on-biru, #fff);border:1px solid var(--biru);border-radius:8px;padding:9px 15px;font-weight:600;cursor:pointer;white-space:nowrap;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.btn:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 6px 16px #02162424}.btn:not(:disabled):active{transform:translateY(0)}.btn:hover{background:var(--biru-h);text-decoration:none}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.ghost{background:#fff;color:var(--teks);border-color:var(--garis)}.btn.ghost:hover{background:var(--latar)}.btn.red{background:var(--merah);border-color:var(--merah)}.btn.red:hover{background:var(--merah-h)}.btn.green{background:var(--hijau-tua);border-color:var(--hijau-tua)}.btn.sm{padding:6px 11px;font-size:13.5px}.btn.link{background:none;border:0;color:var(--biru);padding:4px 6px}.btn.ai{background:linear-gradient(90deg,var(--navy2),var(--biru),var(--navy2));background-size:200% 100%;border-color:var(--biru)}.btn.ai:disabled{opacity:1;animation:ai-think 1.6s linear infinite;cursor:progress}label.lbl,.lbl-text{display:block;font-size:13px;font-weight:600;margin:14px 0 6px}input.in,select.in,textarea.in{width:100%;border:1px solid #CBD5E1;border-radius:8px;padding:10px 12px;background:#fff}input.in:focus,select.in:focus,textarea.in:focus{border-color:var(--biru);outline:3px solid rgba(8,109,181,.15)}textarea.in{resize:vertical;min-height:80px}.hint{font-size:12.5px;color:var(--teks3);margin-top:5px}.err{background:var(--merah-muda);color:#9b1418;border:1px solid #F5C2C3;padding:10px 12px;border-radius:8px;font-size:14px;margin:12px 0}.ok{background:var(--hijau-muda);color:#3f5410;border:1px solid #D5E5A8;padding:10px 12px;border-radius:8px;font-size:14px;margin:12px 0}.note{background:#fff8e1;border:1px solid #F4D27A;border-radius:10px;padding:10px 14px;font-size:14px}.info-box{background:var(--biru-muda);border:1px solid #BFD9EF;border-radius:10px;padding:10px 14px;font-size:14px}.check{display:flex;align-items:center;gap:8px;font-size:14px;cursor:pointer}.tbl{width:100%;border-collapse:collapse;font-size:14px}.tbl th{text-align:left;color:var(--teks2);font-weight:600;font-size:12.5px;text-transform:uppercase;letter-spacing:.3px;padding:8px 10px;border-bottom:1px solid var(--garis);white-space:nowrap}.tbl td{padding:10px;border-bottom:1px solid #EEF2F7;vertical-align:top}.tbl tr.click{cursor:pointer}.tbl tr.click:hover td{background:#f8fafc}.tbl-wrap{overflow-x:auto}.tag{display:inline-block;border-radius:999px;padding:2px 10px;font-size:12px;font-weight:600;white-space:nowrap}.lv{display:inline-flex;align-items:center;justify-content:center;min-width:46px;border-radius:6px;padding:4px 6px;font-weight:700;font-size:13px;color:#fff}.lv.l0{background:#e2e8f0;color:var(--teks3)}.lv.l1{background:var(--l1)}.lv.l2{background:var(--l2)}.lv.l3{background:var(--l3);color:#3d3000}.lv.l4{background:var(--l4)}.lv.l5{background:var(--l5)}.st-draft{background:#eef2f7;color:var(--teks2)}.st-menunggu_persetujuan{background:#fff4e5;color:#9a5200}.st-menunggu_verifikasi{background:var(--biru-muda);color:var(--biru-h)}.st-dikembalikan{background:var(--merah-muda);color:#9b1418}.st-terkunci{background:var(--hijau-muda);color:var(--hijau-tua)}.heat td,.heat th{padding:3px 4px;text-align:center}.heat td:first-child,.heat th:first-child{text-align:left}.heat .lv{width:100%}.bar{display:flex;align-items:center;gap:10px;margin:9px 0;font-size:13.5px}.bar>span:first-child{width:120px}.bar .track{flex:1;height:12px;background:#eef2f7;border-radius:6px;overflow:hidden}.bar .track i{display:block;height:100%;border-radius:6px}.prog{height:8px;background:#eef2f7;border-radius:4px;overflow:hidden}.prog i{display:block;height:100%;background:var(--hijau)}.admin-tabs{grid-template-columns:repeat(7,minmax(0,1fr))}.brand-split{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.ws{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:16px;align-items:start}.ws-main{display:grid;grid-template-columns:250px minmax(0,1fr);gap:16px;align-items:start}.steps{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin:16px 0}.steps button{text-align:left;background:#fff;border:1px solid var(--garis);border-radius:10px;padding:9px 10px;font-size:12px;color:var(--teks2);cursor:pointer;min-width:0}.steps button b{display:block;color:var(--teks);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.steps button.on{border-color:var(--biru);box-shadow:inset 0 -3px 0 var(--biru)}.steps button.done{box-shadow:inset 0 -3px 0 var(--hijau)}.steps button.on.done{box-shadow:inset 0 -3px 0 var(--biru)}.sub-list button{display:flex;gap:8px;width:100%;text-align:left;background:none;border:0;border-radius:8px;padding:8px;cursor:pointer;font-size:13px;align-items:flex-start}.sub-list button:hover{background:var(--latar)}.sub-list button.on{background:var(--biru-muda)}.levels{display:grid;grid-template-columns:1fr;gap:6px;margin-top:12px}.lvopt{display:grid;grid-template-columns:150px minmax(0,1fr);gap:12px;align-items:start;border:1.5px solid var(--garis);border-radius:10px;padding:10px 12px;font-size:13.5px;line-height:1.45;cursor:pointer;background:#fff;text-align:left}.lvopt:not(:disabled):hover{border-color:#bfd9ef;background:#fafcfe}.lvopt b{font-size:13px}.lvopt .rev-note{grid-column:2}.lvopt:disabled{cursor:default}.lvopt.sel{border-width:2px;box-shadow:0 0 0 3px #086db51f}.lvopt.sel.l1{border-color:var(--l1);background:var(--l1-bg)}.lvopt.sel.l2{border-color:var(--l2);background:var(--l2-bg)}.lvopt.sel.l3{border-color:var(--l3);background:var(--l3-bg)}.lvopt.sel.l4{border-color:var(--l4);background:var(--l4-bg)}.lvopt.sel.l5{border-color:var(--l5);background:var(--l5-bg)}.lvopt.rev{outline:2px dashed var(--merah);outline-offset:2px}.file{display:flex;gap:10px;align-items:center;border:1px solid var(--garis);border-radius:8px;padding:9px 10px;margin:8px 0;font-size:13.5px}.file .ic{width:34px;height:40px;border-radius:4px;background:var(--merah-muda);color:var(--merah);display:grid;place-items:center;font-size:10.5px;font-weight:700;flex:none}.file .nm{flex:1;min-width:0;overflow-wrap:anywhere}.drop{border:1.5px dashed #CBD5E1;border-radius:10px;padding:16px;text-align:center;color:var(--teks2);font-size:13.5px;cursor:pointer;background:#fff}.drop.over{border-color:var(--biru);background:var(--biru-muda)}.review-box{border-radius:10px;padding:10px 12px;font-size:13.5px;margin-top:12px}.review-box.koreksi{background:var(--merah-muda);border:1px solid #F5C2C3}.review-box.minta_bukti{background:#fff4e5;border:1px solid #F7D3A3}.review-box.setuju{background:var(--hijau-muda);border:1px solid #D5E5A8}.ai-box{border:1px solid #BFD9EF;background:linear-gradient(180deg,#f3f8fd,#fff);border-radius:10px;padding:12px;font-size:13.5px}.ai-box ul{margin:6px 0;padding-left:18px}.events{list-style:none;padding:0;margin:0;font-size:13px}.events li{padding:8px 0;border-bottom:1px solid #EEF2F7}.kan{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.col{background:#eef2f7;border-radius:12px;padding:12px;min-height:120px}.col h4{margin:4px 4px 10px;font-size:14px}.kc{background:#fff;border-radius:10px;padding:12px;margin-bottom:10px;border:1px solid var(--garis);font-size:13.5px;cursor:pointer}.kc:hover{border-color:#bfd9ef}.kc .t{font-weight:600;margin:6px 0}.overdue{color:var(--merah);font-weight:600}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#02162473;z-index:50;display:flex;align-items:flex-start;justify-content:center;padding:6vh 16px;overflow-y:auto}.modal{background:#fff;border-radius:14px;width:100%;max-width:560px;box-shadow:0 20px 60px #0216244d;overflow:hidden}.modal.wide{max-width:820px}.modal-head{padding:16px 20px;border-bottom:1px solid var(--garis);display:flex;align-items:center;gap:10px}.modal-head h3{font-size:17px;flex:1}.modal-body{padding:4px 20px 20px}.modal-foot{padding:14px 20px;border-top:1px solid var(--garis);display:flex;justify-content:flex-end;gap:8px;background:#fafbfc}.x{background:none;border:0;font-size:22px;line-height:1;cursor:pointer;color:var(--teks3)}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(440px,100vw);background:#fff;z-index:60;box-shadow:-10px 0 40px #02162433;display:flex;flex-direction:column}.drawer-body{padding:4px 20px 24px;overflow-y:auto;flex:1;font-size:14.5px}.drawer-body h2{font-size:18px;margin:18px 0 8px}.drawer-body h3{font-size:15.5px;margin:16px 0 6px}.drawer-body ol,.drawer-body ul{padding-left:20px}.drawer-body li{margin:4px 0}.toasts{position:fixed;bottom:18px;right:18px;z-index:80;display:flex;flex-direction:column;gap:8px}.toast{background:var(--navy);color:#fff;border-radius:10px;padding:11px 16px;font-size:14px;box-shadow:var(--shadow);max-width:380px}.toast.error{background:#9b1418}.saving{font-size:12.5px;color:var(--teks3)}.md p{margin:8px 0}.md code{background:#eef2f7;padding:1px 5px;border-radius:4px;font-size:13px}@media(max-width:1360px){.ws{grid-template-columns:minmax(0,1fr) 300px}.ws-main{grid-template-columns:210px minmax(0,1fr)}.lvopt{grid-template-columns:120px minmax(0,1fr)}}@media(max-width:1100px){.brand-split,.ws{grid-template-columns:1fr}.g4{grid-template-columns:repeat(2,minmax(0,1fr))}.split,.split-r{grid-template-columns:1fr}.steps{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:760px){.nav{padding:0 16px;gap:12px}.menu{display:none;position:absolute;top:64px;left:0;right:0;background:#fff;flex-direction:column;padding:8px 16px 14px;border-bottom:1px solid var(--garis)}.menu.open{display:flex}.btn.menu-toggle{display:inline-flex}.period-pick{display:none}.page{padding:18px 16px 40px}.hero{padding:22px 16px 70px}.g4,.g3,.g2,.kan,.ws-main{grid-template-columns:1fr}.lvopt{grid-template-columns:1fr;gap:4px}.lvopt .rev-note{grid-column:1}.steps,.admin-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}.mark path{transform-box:fill-box;transform-origin:center;transition:transform .35s cubic-bezier(.2,.8,.2,1)}.mark-intro .p1{animation:piece-in-1 .8s cubic-bezier(.2,.9,.25,1.2) both .05s}.mark-intro .p2{animation:piece-in-2 .8s cubic-bezier(.2,.9,.25,1.2) both .22s}.mark-intro .p3{animation:piece-in-3 .8s cubic-bezier(.2,.9,.25,1.2) both .39s}@keyframes piece-in-1{0%{opacity:0;transform:translate(60%,-60%) scale(.6)}to{opacity:1;transform:none}}@keyframes piece-in-2{0%{opacity:0;transform:translate(80%) scale(.6)}to{opacity:1;transform:none}}@keyframes piece-in-3{0%{opacity:0;transform:translate(-60%,60%) scale(.6)}to{opacity:1;transform:none}}.mark-loop .p1,.mark-loop .p2,.mark-loop .p3{animation:piece-pulse 1.2s ease-in-out infinite}.mark-loop .p2{animation-delay:.15s}.mark-loop .p3{animation-delay:.3s}@keyframes piece-pulse{0%,to{transform:none;opacity:1}40%{transform:translateY(-14%) scale(.92);opacity:.55}}.mark-img.mark-intro{animation:img-in .7s cubic-bezier(.2,.9,.25,1.2) both}.mark-img.mark-loop{animation:img-pulse 1.2s ease-in-out infinite}@keyframes img-in{0%{opacity:0;transform:scale(.6) rotate(-8deg)}to{opacity:1;transform:none}}@keyframes img-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(.86);opacity:.6}}.logo-wrap{position:relative;display:inline-block;overflow:hidden}.logo-reveal{animation:logo-wipe .9s cubic-bezier(.65,0,.35,1) both .2s}.logo-reveal:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.85) 50%,transparent 65%);transform:translate(-120%);animation:shine 5.5s ease-in-out infinite 1.4s;pointer-events:none}@keyframes logo-wipe{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes shine{0%{transform:translate(-120%)}22%,to{transform:translate(120%)}}.login{position:relative;min-height:100vh;overflow:hidden;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:40px;padding:40px 7vw;color:#fff;background:radial-gradient(1200px 600px at 85% 15%,color-mix(in srgb,var(--biru) 55%,transparent),transparent 60%),radial-gradient(900px 500px at 10% 100%,color-mix(in srgb,var(--hijau) 22%,transparent),transparent 60%),linear-gradient(130deg,var(--navy),var(--navy2))}.login>*{position:relative;z-index:1}.flow-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;pointer-events:none}.flow-bg path{fill:none;stroke-width:2;stroke-linecap:round;stroke-dasharray:6 18;animation:gas-flow 6s linear infinite;opacity:.55}.flow-bg path:nth-child(2){animation-duration:9s;opacity:.35}.flow-bg path:nth-child(3){animation-duration:12s;opacity:.25}.flow-bg path:nth-child(4){animation-duration:7.5s;opacity:.3}@keyframes gas-flow{to{stroke-dashoffset:-480}}.flow-bg circle{animation:float-up linear infinite;opacity:0}@keyframes float-up{0%{transform:translateY(0);opacity:0}15%{opacity:.7}to{transform:translateY(-420px);opacity:0}}.login .hero-mark{margin-bottom:18px;filter:drop-shadow(0 8px 24px rgba(0,0,0,.35))}.login h1{font-size:46px;line-height:1.08;margin:18px 0 14px}.login h1 em{font-style:normal;background:linear-gradient(90deg,var(--hijau),#fff 60%,var(--hijau));background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:text-shine 6s linear infinite}@keyframes text-shine{to{background-position:-200% center}}.login .lead{color:#c3cedc;max-width:500px;font-size:17.5px;line-height:1.5}.login .facts{display:flex;gap:26px;margin-top:30px}.login .facts b{display:block;font-size:30px;line-height:1}.login .facts span{font-size:13px;color:#a7b4c6}.stagger>*{animation:rise .7s cubic-bezier(.2,.8,.2,1) both}.stagger>:nth-child(1){animation-delay:.1s}.stagger>:nth-child(2){animation-delay:.2s}.stagger>:nth-child(3){animation-delay:.3s}.stagger>:nth-child(4){animation-delay:.4s}.stagger>:nth-child(5){animation-delay:.5s}.stagger>:nth-child(6){animation-delay:.6s}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.lcard{background:#fff;color:var(--teks);border-radius:18px;overflow:hidden;max-width:430px;width:100%;justify-self:end;box-shadow:0 30px 80px #00000059;animation:card-in .8s cubic-bezier(.2,.8,.2,1) both .25s}@keyframes card-in{0%{opacity:0;transform:translateY(30px) scale(.97)}to{opacity:1;transform:none}}.lcard .in-pad{padding:30px}.lcard .strip{background-size:300% 100%;background-image:linear-gradient(90deg,var(--merah),var(--biru),var(--hijau),var(--merah));animation:strip-run 6s linear infinite}@keyframes strip-run{to{background-position:300% 0}}.lcard .logo-box{display:flex;justify-content:center;padding:6px 0 4px;min-height:60px}.lcard h2{margin:18px 0 4px;font-size:22px}.lcard input.in{transition:border-color .2s,box-shadow .2s,transform .2s}.lcard input.in:focus{transform:translateY(-1px)}.shake{animation:shake .4s}@keyframes shake{20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}.welcome{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:grid;place-items:center;background:linear-gradient(130deg,var(--navy),var(--navy2));color:#fff;animation:fade-in .35s ease both}.welcome .w-in{text-align:center}.welcome b{display:block;font-size:26px;margin-top:16px;animation:rise .5s both .2s}.welcome span{color:#a7b4c6;animation:rise .5s both .3s;display:block}.splash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:95;display:grid;place-items:center;overflow:hidden;color:#fff;background:linear-gradient(130deg,var(--navy),var(--navy2));animation:fade-in .3s ease both}.splash-glow{position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--biru) 45%,transparent),transparent 70%);animation:glow 3s ease-in-out infinite}@keyframes glow{50%{transform:scale(1.15);opacity:.7}}.splash-inner{position:relative;text-align:center}.splash-mark{position:relative;display:inline-grid;place-items:center;width:150px;height:150px}.splash-mark .ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid rgba(255,255,255,.25);border-top-color:var(--hijau);animation:spin 1.4s linear infinite}.splash-mark .ring.r2{top:14px;right:14px;bottom:14px;left:14px;border-top-color:var(--merah);animation-duration:2.1s;animation-direction:reverse}@keyframes spin{to{transform:rotate(360deg)}}.splash-name{font-size:30px;font-weight:700;letter-spacing:6px;margin-top:18px;animation:track-in 1s cubic-bezier(.2,.8,.2,1) both .3s}@keyframes track-in{0%{letter-spacing:18px;opacity:0}to{letter-spacing:6px;opacity:1}}.splash-company{color:#a7b4c6;font-size:14px;margin-top:4px;animation:rise .6s both .5s}.splash-bar{width:220px;height:4px;border-radius:4px;background:#ffffff1f;margin:22px auto 10px;overflow:hidden}.splash-bar i{display:block;height:100%;width:40%;border-radius:4px;background:linear-gradient(90deg,var(--merah),var(--biru),var(--hijau));animation:indeterminate 1.3s ease-in-out infinite}@keyframes indeterminate{0%{transform:translate(-110%)}to{transform:translate(260%)}}.splash-tip{color:#c3cedc;font-size:13.5px;animation:rise .4s both}.page-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:64px 16px;color:var(--teks2);animation:fade-in .3s ease both .1s}.page-loader.compact{flex-direction:row;padding:12px;gap:10px}.pl-label{font-size:14px}.pl-dots{display:inline-flex;gap:5px}.pl-dots i{width:6px;height:6px;border-radius:50%;background:var(--biru);animation:dot 1s ease-in-out infinite}.pl-dots i:nth-child(2){animation-delay:.15s;background:var(--hijau-tua)}.pl-dots i:nth-child(3){animation-delay:.3s;background:var(--merah)}@keyframes dot{0%,to{transform:translateY(0);opacity:.5}40%{transform:translateY(-6px);opacity:1}}.skeleton{display:block;background:linear-gradient(90deg,#eef2f7 25%,#f8fafc,#eef2f7 75%);background-size:200% 100%;animation:shimmer 1.2s linear infinite}@keyframes shimmer{to{background-position:-200% 0}}.activity{position:fixed;top:0;left:0;right:0;height:3px;z-index:100;pointer-events:none;opacity:0;transition:opacity .25s}.activity.on{opacity:1}.activity i{display:block;height:100%;width:35%;background:linear-gradient(90deg,var(--merah),var(--biru),var(--hijau));box-shadow:0 0 10px var(--biru);animation:indeterminate 1.1s ease-in-out infinite}@keyframes ai-think{to{background-position:-200% 0}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.route-fade{animation:route-in .35s cubic-bezier(.2,.8,.2,1) backwards}@keyframes route-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.page.lift .card,.grid.g4>.card{animation:rise .5s cubic-bezier(.2,.8,.2,1) both}.grid.g4>.card:nth-child(2){animation-delay:.06s}.grid.g4>.card:nth-child(3){animation-delay:.12s}.grid.g4>.card:nth-child(4){animation-delay:.18s}.bar .track i,.prog i{animation:grow .9s cubic-bezier(.2,.8,.2,1) both .2s;transform-origin:left}@keyframes grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.heat tbody tr{animation:rise .4s both}.heat tbody tr:nth-child(n){animation-delay:calc(var(--i, 0) * 25ms)}.modal{animation:card-in .3s cubic-bezier(.2,.8,.2,1) both}.drawer{animation:slide-in .3s cubic-bezier(.2,.8,.2,1) both}@keyframes slide-in{0%{transform:translate(100%)}to{transform:none}}.toast{animation:toast-in .35s cubic-bezier(.2,.8,.2,1) both}@keyframes toast-in{0%{opacity:0;transform:translateY(14px) scale(.96)}to{opacity:1;transform:none}}.hero .flow-bg{opacity:.55}@media(max-width:760px){.login{grid-template-columns:1fr;padding:28px 16px;gap:24px}.login h1{font-size:32px}.login .facts{gap:18px}.login .facts b{font-size:24px}.lcard{justify-self:stretch;max-width:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.spin{display:inline-block;width:14px;height:14px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .7s linear infinite;vertical-align:-2px;flex:none}