.auth-page{min-height:100vh;display:grid;place-items:center;padding:clamp(1rem,4vw,4rem);background:radial-gradient(circle at 85% 10%,rgba(209,161,40,.18),transparent 25%),linear-gradient(135deg,#edf6ef,#fbfcf9)}.auth-shell{width:min(1080px,100%);display:grid;grid-template-columns:.85fr 1.15fr;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:26px;box-shadow:0 28px 80px rgba(4,61,40,.15)}.auth-shell.compact{width:min(940px,100%);grid-template-columns:1fr 1fr}.auth-intro{padding:clamp(2rem,5vw,4rem);color:#fff;background:radial-gradient(circle at 90% 15%,rgba(239,208,111,.18),transparent 28%),linear-gradient(145deg,#076640,#043825)}.auth-intro .campus-brand{margin-bottom:4rem}.auth-intro .campus-brand b{color:#fff}.auth-intro .campus-brand small{color:#bcd0c2}.auth-intro>span,.auth-card>span{color:#d6ad38;font-size:.68rem;font-weight:850;letter-spacing:.13em}.auth-intro h1{margin:.8rem 0;font:500 clamp(2.1rem,4vw,3.6rem)/1.05 Georgia,serif}.auth-intro p{color:#c7d8cc;line-height:1.75}.auth-intro ol{display:grid;gap:.8rem;margin:2rem 0 0;padding:0;list-style:none}.auth-intro li{display:flex;align-items:center;gap:.7rem;color:#e6efe8;font-size:.82rem}.auth-intro li b{width:28px;height:28px;display:grid;place-items:center;color:#25442f;background:#edca62;border-radius:50%}.auth-card{padding:clamp(2rem,5vw,4rem)}.auth-card h2{margin:.45rem 0;font:500 2rem Georgia,serif;color:#17472f}.auth-card>p{color:var(--muted);line-height:1.6}.auth-card form{display:grid;gap:1rem;margin-top:1.5rem}.auth-switch{text-align:center;font-size:.8rem}.auth-switch a{color:var(--green);font-weight:800}.member-page{background:#f2f6f3}.member-header{min-height:76px;padding:.8rem clamp(1rem,5vw,5rem);display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line)}.member-header nav{display:flex;align-items:center;gap:1rem;font-size:.78rem;font-weight:750}.member-main{max-width:1260px;margin:auto;padding:2rem clamp(1rem,4vw,3rem) 4rem}.member-welcome{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.4rem}.member-welcome span,.eyebrow{color:#21714c;font-size:.67rem;font-weight:850;letter-spacing:.12em}.member-welcome h1{margin:.35rem 0;font:500 clamp(2rem,4vw,3.2rem) Georgia,serif;color:#173e29}.member-welcome p{margin:0;color:var(--muted)}.registration-mini{min-width:245px;padding:1rem;background:#fff;border:1px solid var(--line);border-radius:14px}.registration-mini small,.registration-mini b{display:block}.registration-mini small{color:#7a887f}.registration-mini b{margin-top:.3rem;color:#155538}.member-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:1.2rem}.member-card{padding:1.4rem;background:#fff;border:1px solid var(--line);border-radius:16px}.member-card h2,.form-panel h2{margin:.3rem 0 1.1rem;font:500 1.55rem Georgia,serif;color:#1d432d}.workflow-list{display:grid;gap:.35rem}.workflow-item{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:.8rem;padding:.85rem;border:1px solid #e3eae5;border-radius:12px}.workflow-item>span{width:35px;height:35px;display:grid;place-items:center;color:#76857b;background:#edf2ee;border-radius:10px;font-weight:850}.workflow-item h3{margin:0;font-size:.85rem}.workflow-item p{margin:.25rem 0 0;color:#7a887f;font-size:.7rem}.workflow-item small{color:#7d8a82;font-size:.66rem;font-weight:800}.workflow-item.complete{background:#f3faf5;border-color:#cbe4d3}.workflow-item.complete>span{color:#fff;background:#16804f}.workflow-item.active{background:#fffaf0;border-color:#e7cb7b}.workflow-item.active>span{color:#43350b;background:#edc85d}.action-card{padding:1.4rem;color:#fff;background:linear-gradient(145deg,#086641,#043925);border-radius:16px}.action-card span{color:#efcf6e;font-size:.66rem;font-weight:850;letter-spacing:.1em}.action-card h2{margin:.55rem 0;font:500 1.6rem Georgia,serif}.action-card p{color:#c6d8cb;font-size:.8rem;line-height:1.6}.notice-card{margin-top:1rem;padding:1rem;background:#fff;border:1px solid var(--line);border-radius:14px}.notice-card h3{margin:.2rem 0 .5rem;font-size:.85rem}.notice-card p{margin:0;color:#6d7c72;font-size:.75rem;line-height:1.6}.form-shell{max-width:1180px;margin:auto;padding:2rem clamp(1rem,4vw,3rem) 4rem}.form-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.2rem}.form-top h1{margin:.3rem 0;font:500 2.2rem Georgia,serif}.form-panel{padding:1.6rem;background:#fff;border:1px solid var(--line);border-radius:17px}.form-section{margin-top:1.2rem;padding-top:1.2rem;border-top:1px solid var(--line)}.form-section:first-of-type{margin-top:0;padding-top:0;border-top:0}.form-section-head{margin-bottom:1rem}.form-section-head span{color:#21714c;font-size:.65rem;font-weight:850;letter-spacing:.1em}.form-section-head h2{margin:.3rem 0}.help{color:#7b8980;font-size:.7rem;line-height:1.5}.document-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.document-card{padding:1.2rem;background:#fff;border:1px solid var(--line);border-radius:15px}.document-card.valid{border-color:#98c8a8;background:#f7fcf8}.document-card.invalid{border-color:#e8a6a0;background:#fff8f7}.document-card-head{display:flex;justify-content:space-between;gap:1rem}.document-card h3{margin:0;font-size:.9rem}.document-card p{color:#76847b;font-size:.72rem;line-height:1.5}.file-meta{display:block;margin:.6rem 0;color:#1c6644;font-size:.7rem}.review-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:1.2rem}.review-summary{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.review-summary div{padding:.8rem;background:#f7f9f7;border-radius:10px}.review-summary span{display:block;color:#7e8b83;font-size:.62rem;text-transform:uppercase}.review-summary b{display:block;margin-top:.3rem;font-size:.78rem}.admin-form{display:grid;gap:.9rem}.status-line{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.status-chip{display:inline-flex;padding:.4rem .65rem;border-radius:999px;background:#edf2ee;color:#375543;font-size:.68rem;font-weight:800}.status-chip.good{color:#17613c;background:#dff3e7}.status-chip.warn{color:#805d05;background:#f7e7ae}.status-chip.bad{color:#92271e;background:#f8d9d5}.result-hero{text-align:center;padding:2rem}.result-hero .success-round{margin-bottom:1rem}.result-hero h1{margin:.4rem 0;font:500 clamp(2rem,5vw,3.4rem) Georgia,serif;color:#18462e}.result-hero p{color:var(--muted)}.certificate{max-width:850px;margin:1.2rem auto;padding:2.5rem;text-align:center;background:#fff;border:8px double #1a6542}.certificate h1{font:500 2.4rem Georgia,serif}.certificate-name{margin:1rem 0;font:600 2rem Georgia,serif;color:#145335}.certificate dl{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;text-align:left}.certificate dl div{padding:.8rem;background:#f6f9f6}.certificate dt{color:#7b887f;font-size:.63rem}.certificate dd{margin:.25rem 0;font-weight:750}.required-mark{color:#b42318}.inline-check{display:flex;align-items:center;gap:.5rem}.inline-check input{width:auto;min-height:auto}
@media(max-width:850px){.auth-shell,.auth-shell.compact,.member-layout,.review-grid{grid-template-columns:1fr}.auth-intro{display:none}.member-welcome{align-items:flex-start;flex-direction:column}.registration-mini{width:100%}.document-grid{grid-template-columns:1fr}.member-header nav a:not(.btn){display:none}}@media(max-width:620px){.auth-page{padding:.5rem}.auth-card{padding:1.4rem}.member-header{min-height:66px}.member-header nav span{display:none}.review-summary,.certificate dl{grid-template-columns:1fr}.form-top{align-items:flex-start;flex-direction:column}.document-card-head{flex-direction:column}.grid.two{grid-template-columns:1fr}}@media print{.member-header,.no-print{display:none!important}.member-page{background:#fff}.certificate{margin:0;border-color:#222}}

/* Dashboard pendaftar grid modern v1.5.14 */
.member-dashboard-page{min-height:100vh;display:flex;flex-direction:column;background:#f2f6f3}
.member-dashboard-page .member-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);backdrop-filter:blur(14px)}
.member-dashboard-page .member-main{width:100%;max-width:1320px;flex:1;padding-top:2.3rem}
.dashboard-welcome{margin-bottom:1.6rem}
.dashboard-welcome h1{letter-spacing:-.025em}
.dashboard-top-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(290px,1fr);gap:1rem}
.dashboard-action{min-height:225px;display:flex;flex-direction:column;padding:1.8rem;background:#075f3a;box-shadow:0 22px 44px rgba(4,66,42,.16)}
.dashboard-action h2{max-width:680px;margin:.65rem 0;font-size:clamp(1.85rem,3vw,2.6rem);letter-spacing:-.02em}
.dashboard-action p{max-width:720px;margin:0 0 1.4rem;font-size:.86rem}
.dashboard-action .btn{width:max-content;min-width:190px;margin-top:auto}
.progress-summary-card{min-height:225px;padding:1.55rem;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 14px 35px rgba(33,69,45,.06)}
.progress-score{display:flex;align-items:flex-end;gap:.7rem;margin:1rem 0 .8rem}
.progress-score strong{color:#12633f;font:500 3.3rem/1 Georgia,serif}
.progress-score small{padding-bottom:.35rem;color:#6f7d74;font-size:.72rem}
.progress-track{height:8px;overflow:hidden;background:#e8efea;border-radius:999px}
.progress-track span{height:100%;display:block;background:linear-gradient(90deg,#d4a52b,#ebc85f);border-radius:inherit}
.summary-meta{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;margin:1rem 0 0}
.summary-meta div{padding:.7rem;background:#f6f9f7;border-radius:10px}
.summary-meta dt{color:#7b8880;font-size:.62rem;text-transform:uppercase;letter-spacing:.04em}
.summary-meta dd{margin:.3rem 0 0;color:#28513a;font-size:.72rem;font-weight:800}
.dashboard-quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:1rem 0}
.dashboard-quick-card{position:relative;min-height:172px;padding:1.3rem;background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:0 12px 26px rgba(33,69,45,.045);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.dashboard-quick-card:hover{transform:translateY(-2px);border-color:#99bca7;box-shadow:0 16px 30px rgba(33,69,45,.09)}
.dashboard-quick-card>span{color:#b38418;font-size:.62rem;font-weight:850;letter-spacing:.12em}
.dashboard-quick-card h2{margin:.45rem 0 .4rem;color:#19452e;font:500 1.45rem Georgia,serif}
.dashboard-quick-card p{max-width:390px;margin:0 0 1rem;color:#748179;font-size:.74rem;line-height:1.55}
.dashboard-quick-card small{position:absolute;right:1.2rem;bottom:1.1rem;left:1.2rem;padding-top:.7rem;color:#226245;border-top:1px solid #e8eee9;font-size:.68rem;font-weight:800}
.progress-panel{margin-top:1rem;padding:1.5rem}
.dashboard-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.1rem}
.dashboard-section-head h2{margin:.35rem 0 0}
.dashboard-section-head p{max-width:360px;margin:0;color:#77847c;text-align:right;font-size:.73rem;line-height:1.5}
.member-dashboard-page .workflow-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}
.member-dashboard-page .workflow-item{position:relative;min-height:150px;grid-template-columns:1fr;align-content:start;align-items:start;gap:.65rem;padding:1rem}
.member-dashboard-page .workflow-item>span{width:38px;height:38px}
.member-dashboard-page .workflow-item h3{font-size:.82rem}
.member-dashboard-page .workflow-item p{padding-right:.25rem;line-height:1.45}
.member-dashboard-page .workflow-item small{position:absolute;top:1rem;right:1rem;padding:.3rem .45rem;background:#f1f5f2;border-radius:999px;font-size:.58rem}
.member-dashboard-page .workflow-item.complete small{color:#21714c;background:#e1f2e7}
.member-dashboard-page .workflow-item.active small{color:#725706;background:#f5e8bc}
.dashboard-notices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem}
.dashboard-notices .notice-card{margin:0;padding:1.2rem}
.member-footer{margin-top:auto;border-top:1px solid var(--line)}

@media(max-width:1050px){
    .member-dashboard-page .workflow-list{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:850px){
    .dashboard-top-grid{grid-template-columns:1fr}
    .dashboard-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .dashboard-quick-card:last-child{grid-column:1/-1}
}
@media(max-width:620px){
    .member-dashboard-page .member-main{padding-top:1.3rem;padding-bottom:2.5rem}
    .dashboard-welcome{margin-bottom:1rem}
    .dashboard-action{min-height:245px;padding:1.35rem}
    .dashboard-action .btn{width:100%}
    .summary-meta,.dashboard-quick-grid,.member-dashboard-page .workflow-list,.dashboard-notices{grid-template-columns:1fr}
    .dashboard-quick-card:last-child{grid-column:auto}
    .dashboard-section-head{align-items:flex-start;flex-direction:column}
    .dashboard-section-head p{text-align:left}
    .member-dashboard-page .workflow-item{min-height:136px}
    .member-footer{grid-template-columns:1fr;text-align:center;justify-items:center}
}

/* Menu utama pendaftar grid modern v1.5.18 */
.dashboard-menu-section{margin:1rem 0;padding:1.45rem;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 15px 34px rgba(25,66,42,.055)}
.dashboard-menu-head{align-items:center;margin-bottom:1rem}
.dashboard-menu-head h2{margin:.3rem 0 0;color:#173f2a;font:500 1.55rem Georgia,serif}
.dashboard-overall-indicator{display:inline-flex;align-items:center;gap:.48rem;padding:.48rem .72rem;color:#286247;background:#f2f8f4;border:1px solid #dbe9df;border-radius:999px;font-size:.67rem;font-weight:850}
.dashboard-overall-indicator i{width:8px;height:8px;background:#1b965c;border-radius:50%;box-shadow:0 0 0 4px rgba(27,150,92,.12)}
.dashboard-menu-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.8rem}
.dashboard-menu-card{--menu-accent:#8b9990;min-width:0;min-height:208px;display:flex;flex-direction:column;padding:1rem;color:inherit;background:linear-gradient(180deg,#fff,#fbfdfb);border:1px solid #e0e8e2;border-radius:15px;box-shadow:0 8px 19px rgba(28,64,41,.035);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.dashboard-menu-card:hover{transform:translateY(-3px);border-color:var(--menu-accent);box-shadow:0 15px 28px rgba(28,64,41,.095)}
.dashboard-menu-card.status-ok{--menu-accent:#178956}.dashboard-menu-card.status-warn{--menu-accent:#d39b18}.dashboard-menu-card.status-bad{--menu-accent:#c43d32}.dashboard-menu-card.status-idle{--menu-accent:#849289}
.dashboard-menu-card-top{display:flex;align-items:center;justify-content:space-between;gap:.45rem}
.dashboard-menu-card-top>i{width:38px;height:38px;display:grid;place-items:center;color:#fff;background:var(--menu-accent);border-radius:11px;font-size:.72rem;font-style:normal;font-weight:900;box-shadow:0 8px 16px color-mix(in srgb,var(--menu-accent) 22%,transparent)}
.dashboard-menu-status{min-width:0;display:inline-flex;align-items:center;gap:.38rem;padding:.34rem .48rem;color:#627168;background:#f2f5f3;border-radius:999px;font-size:.57rem;font-weight:850;white-space:nowrap}
.dashboard-menu-status b{width:7px;height:7px;flex:0 0 auto;background:var(--menu-accent);border-radius:50%;box-shadow:0 0 0 3px color-mix(in srgb,var(--menu-accent) 15%,transparent)}
.dashboard-menu-card-body{padding:.9rem 0 .8rem}.dashboard-menu-card-body small{color:#9a741a;font-size:.57rem;font-weight:900;letter-spacing:.1em}.dashboard-menu-card-body h3{margin:.42rem 0 .35rem;color:#1b452f;font:500 1.28rem Georgia,serif}.dashboard-menu-card-body p{margin:0;color:#748078;font-size:.67rem;line-height:1.52}
.dashboard-menu-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:.7rem;color:var(--menu-accent);border-top:1px solid #e8eee9;font-size:.65rem;font-weight:900}.dashboard-menu-card-footer b{font-size:1rem}
@supports not (color:color-mix(in srgb,#000 20%,transparent)){.dashboard-menu-card-top>i,.dashboard-menu-status b{box-shadow:none}}

@media(max-width:1180px){.dashboard-menu-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.dashboard-menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-menu-card:last-child{grid-column:1/-1}}
@media(max-width:520px){.dashboard-menu-section{padding:1rem}.dashboard-menu-head{align-items:flex-start}.dashboard-overall-indicator{align-self:flex-start}.dashboard-menu-grid{grid-template-columns:1fr}.dashboard-menu-card:last-child{grid-column:auto}.dashboard-menu-card{min-height:184px}}