@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;background:#f7f8f6;color:#1a2d30;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}.header{height:76px;padding:0 max(calc((100vw - 1120px)/2),28px);display:flex;align-items:center;justify-content:space-between;background:#f7f8f6;border-bottom:1px solid #e8ece7}.logo{display:flex;align-items:center;gap:9px;font:800 16px Manrope,sans-serif;letter-spacing:-.04em}.logo i{width:32px;height:32px;background:#183a34;border-radius:8px;color:#fff;display:grid;place-items:center;font-style:normal;font-size:20px}.logo span{font:600 11px DM Sans,sans-serif;color:#70807b;margin-left:-5px;align-self:flex-end;padding-bottom:2px}nav{display:flex;align-items:center;gap:27px;font-size:12px;color:#52625d}nav a:hover{color:#163c34}.nav-action{padding:9px 14px;border:1px solid #cbd5cf;border-radius:6px;background:transparent;color:#263c35;font-weight:700}.hero{background:#e8eeea}.hero-inner{max-width:1120px;margin:auto;padding:68px 28px 30px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.13em;color:#71827c;margin:0 0 15px}.hero h1{font:800 clamp(35px,5vw,58px)/1.12 Manrope,sans-serif;letter-spacing:-.06em;color:#173b33;margin:0}.hero h1 em{font-style:normal;color:#627b6e}.hero-copy{font-size:14px;color:#6d7e76;margin:17px 0 27px}.search{display:grid;grid-template-columns:1.4fr 1fr auto;background:#fff;border:1px solid #e1e7e2;padding:7px;border-radius:8px;max-width:760px;box-shadow:0 8px 24px #1d38270b}.search input{border:0;border-right:1px solid #e8ece8;padding:12px 13px;min-width:0;outline:none;font-size:12px}.search input:nth-child(2){border:0}.search button,.button{background:#1b4a3c;border:0;color:#fff;border-radius:6px;font-size:12px;font-weight:700;padding:12px 17px}.search button:hover,.button:hover{background:#14392e}.search-foot{font-size:11px;color:#75847e;margin:11px 0 0 4px}.list-section{max-width:1120px;margin:48px auto;padding:0 28px 38px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px}.section-head h2,.list-section h2{font:700 21px Manrope,sans-serif;letter-spacing:-.04em;margin:0}.section-head>a{font-size:11px;color:#4c6d60}.job-list{border-top:1px solid #dce4de}.job-row{min-height:92px;display:grid;grid-template-columns:42px 1fr 230px 20px;align-items:center;gap:15px;border-bottom:1px solid #dce4de;padding:14px 7px;transition:background .15s}.job-row:hover{background:#eef2ed}.job-icon{height:38px;width:38px;border:1px solid #d3ded6;border-radius:8px;display:grid;place-items:center;color:#365c4e;font:700 14px Manrope,sans-serif;text-transform:uppercase}.job-main,.job-meta{display:flex;flex-direction:column;gap:6px}.job-main strong{font:700 14px Manrope,sans-serif}.job-main span,.job-meta small{font-size:11px;color:#718079}.job-meta span{font-size:11px;color:#344b42}.arrow{color:#638071}.empty{padding:30px 18px;background:#fff;border:1px solid #e3e8e3;border-radius:7px;text-align:center;color:#77827d;font-size:12px}.narrow{max-width:800px;margin:42px auto;padding:0 24px}.back{font-size:11px;color:#6b7a73;display:inline-block;margin:0 0 34px}.detail h1,.applicant h1,.hr h1{font:800 34px Manrope,sans-serif;letter-spacing:-.055em;margin:7px 0}.detail-meta{font-size:12px;color:#687870}.detail-meta span{padding:0 7px;color:#acb6b0}.detail-card{background:#fff;border:1px solid #e1e6e1;border-radius:9px;margin-top:28px;padding:27px}.detail-card h2{font:700 14px Manrope,sans-serif;margin:0 0 9px}.detail-card p{font-size:13px;line-height:1.75;color:#596a62;white-space:pre-wrap;margin:0 0 23px}.apply-box{background:#f4f7f3;border:1px solid #e2e9e2;border-radius:8px;padding:19px;display:grid;gap:12px;margin-top:30px}.apply-box>p,.apply-box h2{font-size:13px;font-weight:700;margin:0}.apply-box label,.account-card label,.job-modal label,.school-pick label{display:grid;gap:6px;font-size:11px;font-weight:600;color:#50635a}.apply-box input,.account-card input,.job-modal input,.job-modal textarea,.school-pick input,.hr-table input,.hr-table select{border:1px solid #dce4dd;border-radius:6px;padding:10px;background:#fff;font-size:12px;color:#253b31}.actions{display:flex;justify-content:flex-end;gap:8px;align-items:center}.button.outline,.outline-button{background:transparent;border:1px solid #cbd7cd;color:#344f40;padding:10px 14px;border-radius:6px;font-size:11px;font-weight:700}.notice{font-size:12px;padding:11px 12px;border-radius:6px}.error{background:#fff0ed;color:#a84337}.success{color:#2a684b}.account-wrap{min-height:calc(100vh - 142px);display:grid;place-items:center;padding:32px 18px}.account-card{width:min(440px,100%);background:#fff;border:1px solid #e1e7e1;border-radius:10px;padding:28px;display:grid;gap:14px}.account-card h1{font:800 24px Manrope,sans-serif;letter-spacing:-.04em;margin:0}.account-card>p{margin:0}.account-card .muted{font-size:12px;color:#78847e}.account-card label{margin-top:3px}.switch{font-size:11px;color:#697870;text-align:center;margin-top:5px!important}.switch a{color:#245843;font-weight:700}.applicant{min-height:calc(100vh - 155px)}.applicant h1{font-size:28px}.applicant>.muted{font-size:12px;margin-bottom:32px}.application-list{border-top:1px solid #dce4de}.application-list article{min-height:68px;border-bottom:1px solid #dce4de;display:flex;align-items:center;justify-content:space-between;padding:12px 8px}.application-list article>div{display:grid;gap:5px}.application-list article strong{font:700 13px Manrope,sans-serif}.application-list small{font-size:10px;color:#78877f}.stage{font-size:10px;background:#e9f1eb;color:#355b45;border-radius:5px;padding:6px 8px}.hr{max-width:1190px;margin:38px auto;padding:0 24px;min-height:calc(100vh - 155px)}.hr-head{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:20px}.hr-head h1{font-size:28px}.school-pick{display:flex;align-items:end;gap:8px}.school-pick label{max-width:140px}.school-pick input{width:100%}.report{display:grid;grid-template-columns:repeat(6,1fr);gap:9px;margin:22px 0}.report>div{background:#fff;border:1px solid #e1e7e1;border-radius:7px;padding:13px;display:grid;gap:8px}.report span{text-transform:capitalize;color:#718079;font-size:10px}.report b{font:700 20px Manrope,sans-serif}.tabs{display:flex;gap:5px;border-bottom:1px solid #dce4de;margin:18px 0 0}.tabs button{background:none;border:0;padding:12px 14px;color:#718079;font-size:11px}.tabs button.selected{color:#1d4e3d;border-bottom:2px solid #1d4e3d;font-weight:700}.hr-table{overflow:auto;background:#fff;border:1px solid #e1e7e1;border-radius:0 0 8px 8px}.hr-table table{border-collapse:collapse;width:100%;font-size:11px}.hr-table th,.hr-table td{text-align:left;padding:10px;border-bottom:1px solid #edf0ed;white-space:nowrap}.hr-table th{color:#718079;font-weight:600}.hr-table td:first-child{display:grid;gap:3px}.hr-table td:first-child small{color:#78877f}.hr-table select{max-width:130px}.hr-table input[type=datetime-local]{width:165px}.hr-table input[aria-label="Lokasi interview"]{width:120px}.tiny{border:0;background:#e7efe8;color:#345a43;padding:8px;border-radius:5px;font-size:10px;font-weight:700;margin-left:5px}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;background:#182b2366;display:grid;place-items:center;padding:20px;z-index:5}.job-modal{background:#fff;width:min(700px,100%);max-height:90vh;overflow:auto;padding:24px;border-radius:10px;display:grid;gap:13px}.job-modal h2{font:700 18px Manrope,sans-serif;margin:0}.modal-close{justify-self:end;border:0;background:none;color:#65776d;font-size:11px}.job-modal textarea{min-height:80px;resize:vertical}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}footer{padding:22px max(calc((100vw - 1120px)/2),28px);border-top:1px solid #e4e9e4;color:#87928c;font-size:10px}footer span{padding:0 5px}@media (max-width:720px){.header{height:62px;padding:0 17px}nav{gap:11px;font-size:10px}.nav-action{padding:8px 9px}.hero-inner{padding:48px 18px 25px}.search{grid-template-columns:1fr;gap:0}.search input{border-right:0;border-bottom:1px solid #edf0ed}.search button{margin-top:6px}.list-section{padding:0 18px 30px;margin:34px auto}.job-row{grid-template-columns:36px 1fr 16px;gap:10px}.job-icon{width:34px;height:34px}.job-meta{grid-column:2;display:flex;flex-direction:row;gap:12px}.job-meta small{display:none}.arrow{grid-column:3;grid-row:1/3}.detail h1{font-size:27px}.detail-card{padding:18px}.hr{padding:0 15px}.hr-head{align-items:flex-start;flex-direction:column}.school-pick{flex-wrap:wrap}.report{grid-template-columns:repeat(3,1fr)}.form-grid{grid-template-columns:repeat(2,1fr)}.application-list article{gap:10px}.application-list article strong{max-width:210px}.account-card{padding:23px}footer{padding:18px}}.internal-shell{min-height:calc(100vh - 70px);display:flex;background:#f4f6f3}.internal-sidebar{position:sticky;top:0;width:220px;height:calc(100vh - 70px);flex:none;background:#15382d;color:#edf4ef;padding:24px 15px;display:flex;flex-direction:column;gap:7px}.internal-brand{font:800 16px Manrope,sans-serif;margin:0 9px 32px}.internal-brand small{display:block;font:500 10px DM Sans,sans-serif;color:#adc0b5;margin-top:4px}.internal-sidebar>span{font-size:9px;letter-spacing:.12em;color:#91aa9d;padding:0 10px 7px}.internal-sidebar button{border:0;background:transparent;text-align:left;color:#d5e2da;padding:11px 10px;border-radius:6px;font-size:11px}.internal-sidebar button.active,.internal-sidebar button:hover{background:#285345;color:#fff}.internal-sidebar button:last-child{margin-top:auto;border-top:1px solid #355b4d;border-radius:0;padding-top:16px}.internal-main{min-width:0;flex:1}.internal-topbar{height:62px;background:#fff;border-bottom:1px solid #e2e8e2;padding:0 28px;display:flex;align-items:center;justify-content:space-between}.internal-topbar>div{display:grid;gap:3px}.internal-topbar small{font-size:9px;letter-spacing:.12em;color:#84918a}.internal-topbar strong{font:700 12px Manrope,sans-serif}.internal-topbar>span{font-size:10px;color:#75827c}.internal-main>.hr{margin:30px auto;max-width:1250px}.search select{min-width:145px}@media (max-width:760px){.internal-sidebar{width:62px;padding:12px 7px}.internal-brand{font-size:0;margin:3px auto 20px}.internal-brand:first-letter{font-size:16px}.internal-brand small,.internal-sidebar>span{display:none}.internal-sidebar button{font-size:0;text-align:center;padding:12px 5px}.internal-sidebar button.active:after{content:"•";font-size:13px}.internal-sidebar button:last-child{font-size:0}.internal-topbar{padding:0 14px}.internal-main>.hr{padding:0 12px}.search{flex-wrap:wrap}}@media (max-width:760px){.internal-shell{display:flex;flex-direction:column}.internal-sidebar{position:static;width:100%;height:auto;min-height:52px;flex-direction:row;align-items:center;padding:7px 10px;gap:4px}.internal-brand{font-size:12px;margin:0 auto 0 2px}.internal-brand small,.internal-sidebar>span{display:none}.internal-sidebar button{font-size:10px;text-align:center;padding:9px 8px}.internal-sidebar button.active:after{content:none}.internal-sidebar button:last-child{font-size:10px;margin:0 0 0 4px;padding:9px 7px;border:0}.internal-main>.hr{padding:0 12px}.search{flex-wrap:wrap}}.portal-app .logo i,.portal-app .button:not(.outline),.portal-app .search button{background:var(--brand-primary)}.portal-app .button:not(.outline):hover,.portal-app .search button:hover{filter:brightness(.9)}.portal-app .logo img{display:block;width:auto;height:32px;max-width:120px;object-fit:contain}.notifications{margin:18px 0 28px;background:#fff;border:1px solid #e1e7e1;border-radius:8px;padding:15px}.notifications h2{font:700 13px Manrope,sans-serif;margin:0 0 8px}.notifications article{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #edf0ed;padding:10px 0}.notifications article.unread{background:#f7faf7}.notifications article strong{font-size:11px}.notifications article p{margin:4px 0;font-size:10px;color:#64756d}.notifications article small{font-size:9px;color:#829087}.notifications button{background:none;border:0;color:#406854;font-size:9px;white-space:nowrap}.profile-editor{border:1px solid #e1e7e1;border-radius:7px;background:#fff;padding:12px;margin:15px 0 22px}.profile-summary{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#6d7d75}.profile-editor form{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.profile-editor label{display:grid;gap:5px;font-size:10px;color:#607168}.profile-editor input{border:1px solid #dce4dd;border-radius:5px;padding:8px;font-size:11px}.profile-editor .tiny{border:0;background:#e7efe8;color:#345a43;padding:8px;border-radius:5px;font-size:10px;font-weight:700}