:root{--green:#163d30;--green-dark:#102e24;--ink:#182d25;--muted:#52665d;--paper:#f5f7f4;--line:#dce4dd;--white:#fff;--lime:#dcf0ac;--warn:#8b4d16;--radius:18px}*{box-sizing:border-box}body{margin:0;background:var(--paper);font-family:Arial,Helvetica,sans-serif;color:var(--ink);font-size:15px;line-height:1.6}a{color:var(--green);text-underline-offset:4px}a:hover{color:#326e4d}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a,button{transition:background .16s,color .16s,transform .16s}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #78943e;outline-offset:3px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(30px,3.2vw,46px);line-height:1.15;letter-spacing:-1.5px;margin-bottom:14px}h2{font-size:21px;line-height:1.35;letter-spacing:-.5px;margin-bottom:15px}h3{font-size:20px;line-height:1.3}p{margin-bottom:16px}small{display:block;font-size:12px;color:var(--muted);line-height:1.55}code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.92em;overflow-wrap:anywhere}hr{border:0;border-top:1px solid var(--line);margin:26px 0}.skip{position:fixed;top:-90px;left:16px;background:white;padding:10px;z-index:10}.skip:focus{top:10px}.portal-header{min-height:90px;display:flex;align-items:center;gap:28px;padding:18px max(28px,calc((100vw - 1256px)/2));background:var(--white);border-bottom:1px solid var(--line)}.brand{display:block;flex-shrink:0}.brand img{width:150px;height:auto;display:block}.header-label{font-size:10px;letter-spacing:1.7px;border-left:1px solid var(--line);padding-left:26px;color:var(--muted);font-weight:700}.portal-header nav{margin-left:auto;display:flex;gap:25px;align-items:center;font-size:13px}.portal-header nav a{text-decoration:none;font-weight:600}.portal-header nav form{margin:0}.link{border:0;background:none;color:var(--green);padding:0;font-size:13px;font-weight:600}.link:hover{text-decoration:underline}.portal-main{max-width:1256px;padding:46px 28px 64px;margin:auto;min-height:calc(100svh - 180px)}.portal-footer{max-width:1256px;padding:24px 28px;margin:auto;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-size:11px;color:var(--muted);overflow-wrap:anywhere}.portal-footer a{color:var(--muted)}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:#42634f;display:block;margin-bottom:14px}.muted{color:var(--muted)}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:30px}.page-heading p{margin-bottom:0}.button{background:var(--green);border:1px solid var(--green);color:white;display:inline-flex;align-items:center;justify-content:center;gap:22px;border-radius:9px;padding:13px 19px;min-height:48px;text-decoration:none;font-size:13px;font-weight:700;line-height:1.4;text-align:center;flex-shrink:0}.button:hover{background:#24533d;color:white;transform:translateY(-1px)}.button.secondary{background:white;color:var(--green);border-color:#b9cbbd}.button.secondary:hover{background:#edf3e9}.full{width:100%}.text-link{font-size:13px;font-weight:700;text-decoration:none}.card{background:white;border:1px solid var(--line);padding:28px;border-radius:var(--radius);min-width:0}.narrow{max-width:510px}.notice,.error{padding:15px 19px;border:1px solid #a3c8a5;border-radius:9px;background:#e9f4e9;margin-bottom:24px;font-size:14px}.error{border-color:#dfa9a6;background:#fff0ed;color:#8a3028}.auth-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:65px;align-items:center;max-width:1060px;margin:32px auto 15px}.auth-intro h1{font-size:clamp(34px,4.3vw,57px);letter-spacing:-2px;line-height:1.1;margin:22px 0}.auth-intro>p{font-size:17px;max-width:410px;color:var(--muted)}.intro-note{margin-top:38px;border-top:1px solid #cedace;padding-top:23px;font-size:13px;color:var(--muted);max-width:395px}.intro-note a{font-weight:700}.auth-card{padding:38px}.auth-card h2{font-size:26px}.step-label{display:block;font-size:9px;letter-spacing:1.8px;color:var(--muted);margin-bottom:17px;font-weight:700}.auth-card form{margin-top:26px}label{display:block;font-size:13px;font-weight:700;margin:20px 0 7px}label span{color:#8e4136}input:not([type=checkbox]),select,textarea{display:block;width:100%;background:#fcfdfb;color:var(--ink);border:1px solid #bdcdc0;border-radius:8px;padding:12px 13px;min-height:47px;max-width:100%}textarea{resize:vertical;line-height:1.65}input::placeholder,textarea::placeholder{color:#738477;font-size:13px}input+small,textarea+small,select+small{margin-top:7px}.auth-card .button,.narrow .button{margin:27px 0 14px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:28px}.stat{background:#fff;border:1px solid var(--line);border-radius:14px;padding:21px 23px}.stat>span{font-size:12px;color:var(--muted)}.stat strong{display:block;font-size:39px;letter-spacing:-1px;line-height:1.2;margin:8px 0}.stat.attention{background:#f9f2e5;border-color:#e5d5b9}.stat.attention strong{color:var(--warn)}.list-card{padding:26px 0}.list-top{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 26px}.list-top h2{margin:0}.filter{display:flex;align-items:end;gap:13px;padding:5px 26px 23px;border-bottom:1px solid var(--line)}.filter>div:first-child{flex:1}.filter>div:nth-child(2){flex:0 1 240px}.filter label{font-size:11px}.filter .button{height:47px;min-height:47px}.filter .text-link{padding-bottom:12px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:left;font-size:13px}th{font-size:10px;text-transform:uppercase;letter-spacing:.8px;color:var(--muted);padding:13px 23px;background:#f8faf6}td{padding:19px 23px;border-top:1px solid var(--line);vertical-align:middle;max-width:270px;overflow-wrap:anywhere}td small{margin-top:5px;font-size:10px}tbody tr:hover{background:#f8faf6}.case-name{font-size:14px;font-weight:700;text-decoration:none}.badge{display:inline-flex;align-items:center;border:1px solid #c9d5ca;background:#eef3eb;color:#304b37;font-size:11px;font-weight:700;padding:5px 10px;border-radius:7px;white-space:nowrap;line-height:1.5}.badge-review,.badge-submitted,.badge-processing{background:#edf2f9;color:#2e4f77;border-color:#c4d2e2}.badge-revision{background:#fff1da;color:#7a4617;border-color:#e6ceab}.badge-done{background:#dff2dd;color:#23552a;border-color:#acd2a7}.result-count{margin:16px 26px;font-size:11px;color:var(--muted)}.footnote{font-size:11px;color:var(--muted);margin-top:20px;line-height:1.7}.overdue{color:#a34423}.empty{text-align:center;max-width:430px;margin:45px auto 26px;padding:0 20px}.empty p{font-size:13px;color:var(--muted)}.empty-mark{display:grid;place-items:center;background:#eef3e9;border:1px solid var(--line);width:52px;height:52px;border-radius:14px;margin:0 auto 18px;font-size:23px}.back-link{display:inline-block;margin-bottom:28px;font-size:12px;text-decoration:none}.detail-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:25px;align-items:start}.detail-aside{display:grid;gap:22px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px}.form-actions{display:flex;align-items:center;gap:25px;margin-top:28px;padding-top:24px;border-top:1px solid var(--line)}.credential-card{background:#e8f1dc;border:1px solid #b9cda0;padding:28px;border-radius:var(--radius);margin-bottom:28px}.credential-card h2{margin-bottom:10px}.credential-card p{font-size:13px}.credential-card dl{display:grid;grid-template-columns:170px 1fr;gap:8px 18px;font-size:13px;margin:22px 0}.credential-card dt{color:#455b40}.credential-card dd{margin:0;font-weight:700;overflow-wrap:anywhere}.credential-card code{font-size:16px}.copy-source{min-height:120px!important;font-size:12px;margin-bottom:17px}.copy-status{font-size:12px;display:inline-block;margin-left:15px}.timeline{list-style:none;padding:0;margin:28px 0 0}.timeline li{position:relative;border-left:1px solid #ccd9c8;margin-left:6px;padding:0 0 28px 23px}.timeline li:last-child{padding-bottom:0}.timeline li::before{content:"";position:absolute;left:-5px;top:9px;width:9px;height:9px;border-radius:50%;background:#486e43;border:2px solid white;box-shadow:0 0 0 1px #b6c7b1}.timeline-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.timeline time{font-size:10px;color:var(--muted)}.timeline p{font-size:13px;white-space:normal;overflow-wrap:anywhere;margin:12px 0 0}.check-label{display:flex;gap:10px;align-items:start;font-size:12px;line-height:1.6;font-weight:400;margin-bottom:18px}.check-label input{width:17px;height:17px;accent-color:var(--green);flex-shrink:0;margin-top:2px}.guide-list{padding-left:22px;margin:25px 0;font-size:14px}.guide-list li{padding-left:5px;margin-bottom:17px}.tracking-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:27px;align-items:start}.tracking-summary{border-top:4px solid var(--green);padding-top:26px}.tracking-summary h2{font-size:29px;overflow-wrap:anywhere}.service-name{color:var(--muted);margin-bottom:22px}.summary-list{border-top:1px solid var(--line);margin-top:25px;padding-top:20px;display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:12px}.summary-list dt{color:var(--muted)}.summary-list dd{margin:0;text-align:right;font-weight:600}.tracking-summary .button{margin-top:12px}.auth-detail{margin-top:35px;display:flex;gap:10px;align-items:center;font-size:11px;color:var(--muted)}.status-dot{height:7px;width:7px;background:#5f8541;border-radius:50%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.standalone{max-width:650px;padding:60px 25px;margin:auto}
@media(min-width:1300px){.portal-header{padding-left:calc((100vw - 1200px)/2);padding-right:calc((100vw - 1200px)/2)}}
@media(max-width:900px){.auth-layout{gap:35px}.auth-card{padding:28px}.portal-header{gap:20px}.header-label{display:none}.stats{grid-template-columns:repeat(2,1fr)}.detail-grid{grid-template-columns:1fr}.detail-aside{grid-template-columns:1fr 1fr}.tracking-grid{grid-template-columns:1fr 1.15fr}.card{padding:23px}.list-card{padding:23px 0}.credential-card{padding:24px}.auth-intro h1{font-size:39px}.portal-header nav{gap:18px}.tracking-summary h2{font-size:25px}}
@media(max-width:640px){.portal-header{padding:15px 20px;min-height:77px}.brand img{width:118px}.portal-header nav{gap:14px;font-size:11px}.portal-header .link{font-size:11px}.portal-main{padding:29px 18px 40px}.portal-footer{padding:22px 18px;flex-direction:column;gap:6px;font-size:10px}.page-heading{flex-direction:column;align-items:start;margin-bottom:24px;gap:20px}.page-heading>.button{width:100%}.page-heading p{font-size:13px}.auth-layout{grid-template-columns:1fr;gap:25px;margin:5px 0 15px}.auth-intro h1{font-size:39px;letter-spacing:-1.8px;margin-top:15px}.auth-intro>p{font-size:14px}.intro-note{margin-top:22px;padding-top:18px;font-size:12px}.auth-detail{display:none}.auth-card{padding:26px 22px}.auth-card h2{font-size:23px}.eyebrow{font-size:9px}.auth-card>p{font-size:13px}.stats{gap:10px;margin-bottom:20px}.stat{padding:16px}.stat strong{font-size:32px}.stat small{font-size:10px}.stat>span{font-size:11px}.list-top{padding:0 19px;align-items:start}.list-top h2{font-size:18px}.list-top a{font-size:10px;text-align:right;max-width:100px}.filter{display:grid;grid-template-columns:1fr 1fr;padding:0 19px 22px;gap:10px}.filter>div:first-child{grid-column:1/-1}.filter label{margin-top:13px}.filter>div:nth-child(2){grid-column:1/-1}.filter .text-link{padding:10px}.result-count{margin:16px 19px;font-size:10px}table{min-width:900px}th,td{padding:14px 19px}.table-wrap{border-top:1px solid var(--line)}.list-card::after{content:"Geser tabel ke samping untuk melihat kolom lainnya.";display:block;font-size:10px;color:var(--muted);padding:15px 19px 0}.list-card:has(.empty)::after{display:none}.form-grid{grid-template-columns:1fr;gap:0}.detail-aside{grid-template-columns:1fr}.card{padding:23px 20px}.list-card{padding:23px 0}.credential-card dl{grid-template-columns:1fr;gap:3px}.credential-card dd{margin-bottom:12px}.credential-card code{font-size:14px}.credential-card .button{width:100%}.copy-status{margin:12px 0 0;display:block}.form-actions{flex-direction:column;align-items:stretch;gap:17px}.form-actions .text-link{text-align:center}.tracking-grid{grid-template-columns:1fr}.tracking-summary h2{font-size:26px}.summary-list{font-size:11px}.timeline-head{align-items:start;flex-direction:column;gap:6px}.timeline p{font-size:13px}.portal-header nav a{max-width:135px;text-align:right}.back-link{margin-bottom:23px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

@media(max-width:640px){input:not([type=checkbox]),select,textarea{font-size:16px}.portal-header nav a,.portal-header nav .link{display:inline-flex;min-height:44px;align-items:center}.portal-header nav{gap:12px}}