:root{--bg:#f6f7f9;--panel:#ffffff;--panel-2:#f2f4f7;--line:#e5e7eb;--tx:#16181d;--tx-dim:#6b7280;--orange:#f79044;--orange-dark:#e06828;--blue:#35438e;--blue-dark:#1f2b87;--acc:var(--blue);--ok:#16a34a;--warn:#e06828;--radius:12px;--shadow:0 1px 2px rgb(16 24 40/0.04),0 1px 3px rgb(16 24 40/0.06);--font-h:var(--font-headline),"Lexend Deca",ui-sans-serif,system-ui,sans-serif;--font-b:var(--font-body),"Be Vietnam Pro",ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--tx);font-family:var(--font-b);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}.brand,h1,h2,h3{font-family:var(--font-h);letter-spacing:-.01em}a{color:var(--acc);text-decoration:none}a:hover{text-decoration:underline}.wrap{max-width:1080px;margin:0 auto;padding:28px 20px 64px}.top{border-bottom:1px solid var(--line);background:var(--panel);position:-webkit-sticky;position:sticky;top:0;z-index:10}.top-in{max-width:1080px;margin:0 auto;padding:12px 20px;gap:16px;flex-wrap:wrap}.brand-logo,.top-in{display:flex;align-items:center}.brand-logo{gap:10px}.brand-logo img{height:26px;width:auto;display:block}.brand-tag{font-family:var(--font-h);font-weight:600;color:var(--tx);border-left:1px solid var(--line);padding-left:10px;font-size:14px}.brand-tag span{color:var(--orange)}.top nav{display:flex;gap:16px;margin-left:auto;align-items:center;flex-wrap:wrap}.top nav a{color:var(--tx-dim);font-weight:500}.top nav a:hover{color:var(--acc)}.who{color:var(--tx-dim);font-size:13px}.grid{display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.card{display:block;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px;color:inherit;box-shadow:var(--shadow);transition:border-color .15s,transform .15s}.card:hover{border-color:var(--orange);text-decoration:none;transform:translateY(-1px)}.card h3{margin:0 0 4px;font-size:16px;font-weight:600;text-transform:capitalize}.card p{margin:0;color:var(--tx-dim);font-size:13px}.list{flex-direction:column;gap:8px}.list,.row{display:flex}.row{align-items:center;flex-wrap:wrap;gap:12px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:13px 16px;color:inherit;box-shadow:var(--shadow);transition:border-color .15s}.row:hover{border-color:var(--orange);text-decoration:none}.row .t{font-weight:500;min-width:0;overflow-wrap:anywhere}.row .m{font-size:13px;margin-left:auto;white-space:nowrap}.badge,.row .m{color:var(--tx-dim)}.badge{display:inline-block;font-size:11px;padding:3px 9px;border-radius:999px;border:1px solid var(--line);background:var(--panel-2);font-weight:500;text-transform:uppercase;letter-spacing:.03em}.badge.sent{color:var(--ok);background:color-mix(in srgb,var(--ok) 10%,#fff);border-color:color-mix(in srgb,var(--ok) 30%,var(--line))}.badge.draft{color:var(--orange-dark);background:color-mix(in srgb,var(--orange) 12%,#fff);border-color:color-mix(in srgb,var(--orange) 40%,var(--line))}h1{font-size:24px;margin:0 0 4px;font-weight:700}h2{font-size:15px;margin:30px 0 12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.sub,h2{color:var(--tx-dim)}.sub{margin:0 0 22px;font-size:14px}.kosong{color:var(--tx-dim);padding:28px;text-align:center;border:1px dashed var(--line);border-radius:var(--radius)}.doc,.kosong{background:var(--panel)}.doc{border:1px solid var(--line);border-radius:var(--radius);padding:32px 36px;box-shadow:var(--shadow)}.doc h1{font-size:27px;margin:24px 0 12px}.doc h2{font-size:20px;color:var(--tx);margin:26px 0 10px;text-transform:none;letter-spacing:-.01em}.doc h3{font-size:16px;margin:20px 0 8px}.doc p{margin:0 0 12px}.doc ol,.doc ul{margin:0 0 12px;padding-left:22px}.doc li{margin:4px 0}.doc code{padding:2px 6px;border-radius:5px;font-size:13px;font-family:ui-monospace,Menlo,Consolas,monospace}.doc code,.doc pre{background:var(--panel-2)}.doc pre{padding:14px;border-radius:8px;overflow-x:auto}.doc pre code{background:none;padding:0}.doc blockquote{margin:0 0 12px;padding:4px 16px;border-left:3px solid var(--orange);color:var(--tx-dim)}.doc hr{border:none;border-top:1px solid var(--line);margin:24px 0}.tablewrap{overflow-x:auto;margin:0 0 16px}.doc table{border-collapse:collapse;width:100%;font-size:14px}.doc td,.doc th{border:1px solid var(--line);padding:9px 12px;text-align:left;vertical-align:top}.doc th{background:var(--panel-2);font-family:var(--font-h);font-weight:600}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:20px;background:linear-gradient(160deg,#fff 0,var(--bg) 100%)}.login{width:100%;max-width:400px;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:36px;box-shadow:0 8px 30px rgb(16 24 40/.08)}.login-logo{height:30px;margin-bottom:18px}label{display:block;font-size:13px;color:var(--tx-dim);margin:16px 0 6px;font-weight:500}input,select,textarea{width:100%;padding:11px 13px;background:#fff;border:1px solid var(--line);border-radius:9px;color:var(--tx);font:inherit}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--orange);box-shadow:0 0 0 3px color-mix(in srgb,var(--orange) 20%,transparent)}button{margin-top:20px;width:100%;padding:12px;background:var(--orange);color:#fff;border:0;border-radius:9px;font-family:var(--font-h);font-size:15px;font-weight:600;cursor:pointer;transition:background .15s}button:hover{background:var(--orange-dark)}button:disabled{opacity:.6;cursor:default}button.ghost{background:none;color:var(--tx-dim);border:1px solid var(--line);width:auto;padding:7px 14px;margin:0;font-weight:500;font-family:var(--font-b)}button.ghost:hover{background:var(--panel-2);color:var(--tx)}.err{color:#dc2626}.err,.ok{margin-top:14px;font-size:13px}.ok{color:var(--ok)}.frame{height:78vh}.lang{display:inline-flex;align-items:center;gap:2px}.lang-sep{color:var(--line);margin:0 2px}.lang-btn{width:auto;margin:0;padding:4px 6px;background:none;border:0;border-radius:6px;color:var(--tx-dim);font-family:var(--font-b);font-size:12px;font-weight:600;letter-spacing:.03em;cursor:pointer}.lang-btn:hover{background:var(--panel-2);color:var(--tx)}.lang-btn.on{color:var(--orange);background:none}.crumb{font-size:13px;margin:0 0 14px;display:flex;flex-wrap:wrap;align-items:center}.crumb,.crumb a{color:var(--tx-dim)}.crumb a:hover{color:var(--orange);text-decoration:none}.crumb-sep{margin:0 8px;color:var(--line)}.crumb-now{color:var(--tx);font-weight:500}.viewhead{display:flex;align-items:flex-start;gap:16px;flex-wrap:wrap;margin-bottom:4px}.viewhead h1{margin:0;flex:1 1 auto;min-width:240px}.viewact{display:flex;gap:8px;flex-wrap:wrap}.btn-sm{display:inline-block;padding:7px 13px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--tx-dim);font-size:13px;font-weight:500;white-space:nowrap}.btn-sm:hover{border-color:var(--orange);color:var(--orange);text-decoration:none}.frame{width:100%;height:80vh;min-height:520px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow)}@media (max-width:640px){.frame{height:70vh}.top-in{gap:10px}.top nav{gap:12px;width:100%}.wrap{padding:20px 14px 48px}.row .m{margin-left:0;white-space:normal;width:100%}.row .btn-sm{margin-left:auto}.viewhead h1{min-width:0;font-size:22px}.doc{padding:16px 14px}}body,html{max-width:100%;overflow-x:hidden}.doc img,.doc svg,.doc video{max-width:100%;height:auto}.doc{overflow-wrap:break-word}.rowlink{color:inherit;font-weight:500}.rowlink:hover{color:var(--orange);text-decoration:none}.row .btn-sm{padding:5px 11px;font-size:12px}@font-face{font-family:Lexend Deca;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/f068b34e74a6df7a-s.woff2) format("woff2");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:Lexend Deca;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/a7d9e2ec77e86fa9-s.woff2) format("woff2");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:Lexend Deca;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/fd224763ff6f211b-s.p.woff2) format("woff2");unicode-range:u+00??,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:Lexend Deca;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/f068b34e74a6df7a-s.woff2) format("woff2");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:Lexend Deca;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/a7d9e2ec77e86fa9-s.woff2) format("woff2");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:Lexend Deca;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/fd224763ff6f211b-s.p.woff2) format("woff2");unicode-range:u+00??,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:Lexend Deca;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/f068b34e74a6df7a-s.woff2) format("woff2");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:Lexend Deca;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/a7d9e2ec77e86fa9-s.woff2) format("woff2");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:Lexend Deca;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/fd224763ff6f211b-s.p.woff2) format("woff2");unicode-range:u+00??,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:Lexend Deca Fallback;src:local("Arial");ascent-override:90.98%;descent-override:22.74%;line-gap-override:0.00%;size-adjust:109.91%}.__className_e89fdb{font-family:Lexend Deca,Lexend Deca Fallback;font-style:normal}.__variable_e89fdb{--font-headline:"Lexend Deca","Lexend Deca Fallback"}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/cd79e1ff94fa521b-s.woff2) format("woff2");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:Be Vietnam Pro;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/89362aa296165c6d-s.woff2) format("woff2");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:Be Vietnam Pro;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/e11f95d95ac59fa4-s.p.woff2) format("woff2");unicode-range:u+00??,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:Be Vietnam Pro;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/00f4982f357db61e-s.woff2) format("woff2");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:Be Vietnam Pro;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/62a3c74fa0e47362-s.woff2) format("woff2");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:Be Vietnam Pro;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/8201559e247ad180-s.p.woff2) format("woff2");unicode-range:u+00??,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:Be Vietnam Pro;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/2173e4bb28c315da-s.woff2) format("woff2");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:Be Vietnam Pro;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/c6f81e539d11fc99-s.woff2) format("woff2");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:Be Vietnam Pro;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/25ab8995c98996d7-s.p.woff2) format("woff2");unicode-range:u+00??,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:Be Vietnam Pro Fallback;src:local("Arial");ascent-override:90.61%;descent-override:24.01%;line-gap-override:0.00%;size-adjust:110.36%}.__className_2add27{font-family:Be Vietnam Pro,Be Vietnam Pro Fallback;font-style:normal}.__variable_2add27{--font-body:"Be Vietnam Pro","Be Vietnam Pro Fallback"}