:root{--paper:#eef1f5;--card:#fff;--ink:#16202b;--muted:#64748b;--rule:#d8dfe8;--primary:#067a46;--primary-soft:#e3f3ea;--primary-bright:#12b76a;--amber:#9c6b12;--amber-soft:#fbf0da;--moss:#2c6540;--moss-soft:#e3efe6;--brick:#9e3128;--brick-soft:#fae7e4;--shell:#06251a}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:"Source Sans 3",Segoe UI,system-ui,sans-serif;font-size:15px;line-height:1.5}.appbar{background:var(--primary);color:#fff;justify-content:space-between;align-items:center;gap:20px;height:60px;padding:0 26px;display:flex}.appbar .brand{align-items:center;gap:12px;display:flex}.appbar .mark{background:#fff;border-radius:3px;flex:none;width:26px;height:26px;position:relative}.appbar .mark:after{content:"";background:var(--primary);height:2px;box-shadow:0 5px 0 var(--primary),0 10px 0 #1d4e8973;position:absolute;top:7px;left:6px;right:6px}.appbar .brand b{letter-spacing:-.01em;font-size:15.5px;font-weight:600}.appbar .right{align-items:center;gap:18px;display:flex}.appbar .who{text-align:right;font-size:13px;line-height:1.3}.appbar .who strong{font-size:14.5px;font-weight:600;display:block}.appbar .who span{color:#b5dcc6;font-variant-numeric:tabular-nums}.appbar .out{font:inherit;color:#d3eedf;cursor:pointer;background:0 0;border:1px solid #2e7d57;border-radius:3px;padding:5px 11px;font-size:12.5px;font-weight:600}.shell{grid-template-columns:264px 1fr;min-height:640px;display:grid}.side{border-right:1px solid var(--rule);background:#e8ede9;padding:22px 0}.side h4{color:#5b6b7d;letter-spacing:.05em;text-transform:uppercase;margin:0 0 12px;padding:0 22px;font-size:11.5px;font-weight:700}.stepnav{margin:0 0 24px;padding:0;list-style:none}.stepnav li{cursor:pointer;border-left:3px solid #0000;align-items:flex-start;gap:12px;padding:11px 22px;display:flex}.stepnav li:hover{background:#dce4df}.stepnav li b{color:#5b6b7d;background:#c8d3cc;border-radius:50%;flex:none;justify-content:center;align-items:center;width:23px;height:23px;margin-top:1px;font-size:12.5px;font-weight:700;display:flex}.stepnav li .t{font-size:13.5px;line-height:1.35}.stepnav li .t i{color:#7b8a9b;font-size:11.5px;font-style:normal;font-weight:600;display:block}.stepnav li.done b{background:var(--moss);color:#fff}.stepnav li.done .t i{color:var(--moss)}.stepnav li.now{border-left-color:var(--primary);background:#fff}.stepnav li.now b{background:var(--primary);color:#fff}.stepnav li.now .t{font-weight:600}.stepnav li.now .t i{color:var(--primary);font-weight:600}.sidebox{border:1px solid var(--rule);background:#fff;border-radius:5px;margin:0 22px;padding:14px}.sidebox b{margin-bottom:6px;font-size:12.5px;font-weight:700;display:block}.sidebox p{color:#4a5768;margin:0;font-size:12.5px;line-height:1.5}.prog{background:var(--rule);border-radius:4px;height:6px;margin:8px 0 6px;overflow:hidden}.prog i{background:var(--primary);height:100%;display:block}.sidebox .pt{color:var(--muted);justify-content:space-between;font-size:12px;display:flex}.sidebox .pt b{color:var(--ink);font-variant-numeric:tabular-nums;display:inline}.main{min-width:0;padding:28px 34px 40px}.crumb{color:var(--muted);margin-bottom:5px;font-size:12.5px;font-weight:600}h2.sec{letter-spacing:-.02em;margin:0 0 4px;font-size:23px;font-weight:600}p.sub{color:var(--muted);max-width:70ch;margin:0 0 22px;font-size:14px}.work{grid-template-columns:minmax(0,1fr) 296px;align-items:start;gap:24px;display:grid}.work.solo{grid-template-columns:minmax(0,1fr)}.card{background:var(--card);border:1px solid var(--rule);border-radius:5px;margin-bottom:18px;padding:20px 22px}.card>h3{border-bottom:1px solid var(--rule);margin:0 0 16px;padding-bottom:10px;font-size:14.5px;font-weight:600}.card.ditolak{border-left:3px solid var(--brick)}.card.ditolak p{color:#4a5768;margin:0 0 12px;font-size:13.5px}.rail{position:sticky;top:20px}.rail .card{padding:16px 18px}.rail .card h3{margin-bottom:11px;font-size:13.5px}.rail p{color:#4a5768;margin:0 0 9px;font-size:13px;line-height:1.55}.rail p:last-child{margin-bottom:0}.oldaddr{border:1px solid var(--rule);overflow-wrap:anywhere;background:#f5f7fa;border-radius:4px;margin-bottom:16px;padding:10px 12px;font-size:13px;line-height:1.55}.oldaddr b{color:var(--muted);margin-bottom:2px;font-size:11.5px;font-weight:600;display:block}.oldaddr span{color:#4a5768;display:block}.f{margin-bottom:16px}.f label{color:#3e4c5a;margin-bottom:5px;font-size:12.5px;font-weight:600;display:block}.f label i{color:var(--brick);font-style:normal}.f input:not([type=checkbox],[type=radio]),.f select,.f textarea{font:inherit;width:100%;color:var(--ink);background:#fff;border:1px solid #c3cdda;border-radius:4px;padding:8px 11px}.f input:focus,.f select:focus,.f textarea:focus{outline:2px solid var(--primary);outline-offset:-1px;border-color:var(--primary)}.f input:disabled,.f select:disabled,.f textarea:disabled,.f input[readonly],.f textarea[readonly]{color:var(--muted);border-color:var(--rule);cursor:not-allowed;background:#edf1f5}.f .hint{color:var(--muted);margin-top:5px;font-size:12px}.reveal{font:inherit;color:var(--primary);cursor:pointer;white-space:nowrap;background:0 0;border:none;margin-left:9px;padding:0;font-size:12px;font-weight:600}.reveal:disabled{color:var(--muted);cursor:default}.reveal-row{align-items:center;display:flex}.reveal-row input{min-width:0;color:var(--muted);background:#edf1f5;flex:1}.mata{position:relative}.mata input{padding-right:40px}.mata button{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:3px;padding:4px;display:flex;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.mata button:hover{color:var(--primary)}.mata button:focus-visible{outline:2px solid var(--primary)}.f .err{color:var(--brick);margin-top:5px;font-size:12px;font-weight:600}.f input.bad{border-color:var(--brick);background:#fef7f6}.f.lock input{color:var(--muted);border-color:var(--rule);background:#edf1f5}.g2{grid-template-columns:1fr 1fr;gap:0 18px;display:grid}.g3{grid-template-columns:1fr 1fr 1fr;gap:0 18px;display:grid}.g4{grid-template-columns:1fr 1fr 1fr 1fr;gap:0 18px;display:grid}.narrow{max-width:200px}.check{align-items:flex-start;gap:9px;margin-bottom:14px;font-size:13.5px;display:flex}.f .check label{color:var(--ink);margin:0;font-size:13.5px;font-weight:400;display:inline}.check input{flex:none;margin-top:3px}.entry{border:1px solid var(--rule);border-left:3px solid var(--primary);background:#fff;border-radius:4px;margin-bottom:13px;padding:17px 18px}.entry-head{justify-content:space-between;align-items:center;margin-bottom:13px;display:flex}.entry-head b{font-size:13.5px;font-weight:600}.entry-head button{font:inherit;color:var(--brick);cursor:pointer;background:0 0;border:none;font-size:12.5px;font-weight:600}.up{background:#fff;border:1px dashed #a8b7c8;border-radius:4px;align-items:center;gap:15px;margin-bottom:12px;padding:15px 17px;display:flex}.up .ico{border:1px solid var(--rule);background:#f4f7fa;border-radius:2px;flex:none;width:38px;height:46px;position:relative}.up .ico:after{content:"";background:#c3cdda;height:2px;position:absolute;top:10px;left:7px;right:7px;box-shadow:0 7px #c3cdda,0 14px #c3cdda}.up .ico.ok{background:var(--moss-soft);border-color:#a9c9b4}.up .ico.ok:after{background:#7fae90;box-shadow:0 7px #7fae90,0 14px #7fae90}.up .txt{flex:1;min-width:0}.up .txt b{font-size:14px;font-weight:600;display:block}.up .txt span{color:var(--muted);font-size:12.5px;display:block}.up .act{font:inherit;color:var(--primary);cursor:pointer;background:0 0;border:1px solid #a7d5bc;border-radius:3px;flex:none;padding:6px 12px;font-size:12.5px;font-weight:600}.up .txt .prog{margin:5px 0 0}.up .txt .err{color:var(--brick);margin-top:3px;font-size:12px;font-weight:600;display:block}.dgrid{display:block}.dhead{grid-template-columns:200px minmax(0,1fr) minmax(0,1fr);display:grid}.dhead .h{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--rule);padding:0 14px 8px;font-size:11.5px;font-weight:700}.dgrid .k,.dgrid .o,.dgrid .n{border-bottom:1px solid var(--rule);padding:11px 14px;font-size:14px}.dgrid .k{color:var(--muted);border-left:3px solid var(--primary);font-size:13px}.dgrid .o{color:#94a3b4;text-decoration:line-through}.dgrid .n{font-weight:600}.dgrid .k.add{border-left-color:var(--moss)}.dgrid .n.add{color:var(--moss)}.dsec{color:var(--primary);letter-spacing:.02em;padding:18px 0 8px;font-size:12.5px;font-weight:700}.dsec:first-child{padding-top:2px}.tag{vertical-align:middle;border-radius:3px;padding:3px 9px;font-size:12px;font-weight:700;display:inline-block}.tag.wait{background:var(--amber-soft);color:var(--amber)}.tag.ok{background:var(--moss-soft);color:var(--moss)}.tag.no{background:var(--brick-soft);color:var(--brick)}.tag.draft{color:#55637a;background:#e7eaef}.banner{border-radius:5px;margin-bottom:18px;padding:14px 17px;font-size:13.5px}.banner b{margin-bottom:3px;font-size:15px;font-weight:600;display:block}.banner.wait{background:var(--amber-soft);border-left:3px solid var(--amber)}.banner.no{background:var(--brick-soft);border-left:3px solid var(--brick)}.banner.ok{background:var(--moss-soft);border-left:3px solid var(--moss)}.banner.info{background:var(--primary-soft);border-left:3px solid var(--primary)}.actions{border-top:1px solid var(--rule);justify-content:flex-end;gap:11px;margin-top:24px;padding-top:6px;display:flex}.actions.left{justify-content:space-between}.btn{font:inherit;cursor:pointer;border:1px solid #0000;border-radius:4px;padding:10px 20px;font-size:14.5px;font-weight:600}.btn.pri{background:var(--primary);color:#fff}.btn.pri:hover{background:#05633a}.btn.sec{color:var(--primary);background:#fff;border-color:#a7d5bc}.btn.danger{color:var(--brick);background:#fff;border-color:#dca9a3}.btn.ok{background:var(--moss);color:#fff}.btn.wide{width:100%}.btn.small{padding:7px 14px;font-size:13px}.btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.actions .btn{margin-top:18px}.actions.tumpuk{flex-direction:column}.actions.tumpuk .btn{margin-top:0}.actions+p.sub{margin-top:14px}.list{margin:0;padding:0;list-style:none}.list li{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:center;padding:11px 0;font-size:14px;display:flex}.list li:last-child{border-bottom:none}.list li span.s{font-size:12.5px;font-weight:600}.list li span.s.done{color:var(--moss)}.list li span.s.todo{color:var(--amber)}.grid-home{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:start;gap:24px;display:grid}.bigprog{background:var(--rule);border-radius:5px;height:9px;margin:4px 0 8px;overflow:hidden}.bigprog i{background:var(--primary);height:100%;display:block}.progline{color:var(--muted);justify-content:space-between;margin-bottom:6px;font-size:13.5px;display:flex}.progline b{color:var(--ink);font-variant-numeric:tabular-nums;font-size:19px;line-height:1}.pilih2{position:relative}.pilih2 .kontrol{border:1px solid var(--rule);background:var(--card);width:100%;font:inherit;color:var(--ink);text-align:left;cursor:pointer;border-radius:5px;justify-content:space-between;align-items:center;gap:8px;padding:9px 11px;font-size:13.5px;display:flex}.pilih2 .kontrol:after{content:"";border:4px solid #0000;border-top-color:var(--muted);flex:none;margin-top:4px}.pilih2 .kontrol span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pilih2 .kontrol.kosong span{color:var(--muted)}.pilih2 .kontrol:disabled{color:var(--muted);cursor:not-allowed;background:#edf1f5}.pilih2 .kontrol:focus-visible{outline:2px solid var(--ink);outline-offset:1px}.pilih2 .panel{z-index:5;background:var(--card);border:1px solid var(--rule);border-radius:5px;margin-top:3px;padding:6px;position:absolute;top:100%;left:0;right:0;box-shadow:0 6px 18px #16202b1f}.pilih2 .panel input{width:100%;margin-bottom:6px}.pilih2 ul{max-height:216px;margin:0;padding:0;list-style:none;overflow-y:auto}.pilih2 ul button{text-align:left;width:100%;font:inherit;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:4px;padding:7px 9px;font-size:13.5px;display:block}.pilih2 ul button.sorot{background:var(--paper)}.pilih2 ul button[aria-selected=true]{font-weight:600}.pilih2 .kosong{color:var(--muted);margin:4px 2px;font-size:12.5px}.loginwrap{grid-template-columns:minmax(0,1fr) 452px;min-height:100vh;display:grid}.loginart{background:radial-gradient(115% 85% at 6% 100%, #12b76a33, transparent 62%), radial-gradient(75% 60% at 100% 0%, #067a464d, transparent 66%), var(--shell);color:#fff;flex-direction:column;justify-content:center;padding:64px 56px;display:flex}.loginart>div{max-width:46ch}.loginart .mark{background:var(--primary-bright);border-radius:12px;width:46px;height:46px;margin-bottom:34px;position:relative}.loginart .mark:after{content:"";background:var(--shell);height:2.5px;box-shadow:0 7px 0 var(--shell),0 14px 0 #06251a73;position:absolute;top:13px;left:12px;right:12px}.loginart h1{letter-spacing:-.03em;max-width:13ch;margin:0 0 16px;font-size:38px;font-weight:600;line-height:1.12}.loginart p{color:#9fbcab;max-width:42ch;margin:0;font-size:16px;line-height:1.65}.loginart ol{counter-reset:n;margin:38px 0 0;padding:0;list-style:none}.loginart ol li{counter-increment:n;color:#bcd4c7;padding:0 0 26px 40px;font-size:14px;line-height:1.5;position:relative}.loginart ol li:last-child{padding-bottom:0}.loginart ol li:before{content:counter(n);background:var(--primary-bright);width:24px;height:24px;color:var(--shell);border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex;position:absolute;top:0;left:0}.loginart ol li:not(:last-child):after{content:"";background:linear-gradient(#12b76a80,#12b76a0f);width:2px;position:absolute;top:28px;bottom:6px;left:11px}.loginform{background:#fff;flex-direction:column;justify-content:center;padding:52px 44px;display:flex}.loginform h2{letter-spacing:-.015em;margin:0 0 6px;font-size:20px;font-weight:600}.loginform>p{color:var(--muted);margin:0 0 26px;font-size:13.5px}.loginform .btn+p.sub{text-align:center;margin:16px 0 0}.loginform .help{border-top:1px solid var(--rule);color:var(--muted);margin-top:20px;padding-top:16px;font-size:12.5px}.turnstile{flex-direction:column;align-items:center;min-height:65px;margin:4px 0 18px;display:flex}.turnstile .err{margin-top:6px}@media (width<=760px){.loginart{padding:40px 22px}.loginart h1{font-size:28px}.loginart p{font-size:15px}}@media (width<=1080px){.work,.grid-home,.loginwrap{grid-template-columns:minmax(0,1fr)}.shell{grid-template-columns:210px 1fr}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.steps{background:var(--paper);gap:4px;padding:12px 18px 0;display:flex}.steps div{background:var(--rule);border-radius:2px;flex:1;height:3px}.steps div.done{background:var(--primary)}.steps div.now{background:var(--primary);opacity:.55}.steplabel{color:var(--muted);justify-content:space-between;padding:8px 18px 0;font-size:12.5px;display:flex}.steplabel b{color:var(--ink);font-weight:600}.steps,.steplabel{display:none}.diff-row{grid-template-columns:200px minmax(0,1fr) minmax(0,1fr);display:grid}@media (width<=760px){.shell{grid-template-columns:minmax(0,1fr)}.side{display:none}.steps{gap:4px;padding:12px 18px 0;display:flex}.steps div{background:var(--rule);border-radius:2px;flex:1;height:3px}.steps div.done{background:var(--primary)}.steps div.now{background:var(--primary);opacity:.55}.steplabel{color:var(--muted);justify-content:space-between;padding:8px 18px 0;font-size:12.5px;display:flex}.steplabel b{color:var(--ink);font-weight:600}.main{padding:18px}h2.sec{font-size:19px}p.sub{margin-bottom:16px}.card{padding:16px}.appbar{height:54px;padding:0 16px}.appbar .brand b{display:none}.g2,.g3,.g4{grid-template-columns:minmax(0,1fr);gap:0}.actions{flex-wrap:wrap}.actions .btn{flex:1}.diff-row{grid-template-columns:118px minmax(0,1fr)}.diff-row .o,.diff-row .n{grid-column:2}.dhead{display:none}}a.btn{text-align:center;text-decoration:none;display:inline-block}