:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#e8eef8;background:#07101e;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top,#13243c 0,#07101e 45%,#050b14 100%);min-height:100vh;padding-bottom:82px}button,input,textarea,select{font:inherit}button{cursor:pointer;border:0}.topbar{display:flex;justify-content:space-between;align-items:center;padding:22px 18px 14px;position:sticky;top:0;z-index:5;background:rgba(7,16,30,.86);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.06)}h1,h2,h3,h4,p{margin-top:0}.topbar h1{font-size:22px;margin:2px 0}.eyebrow{font-size:10px;letter-spacing:1.5px;color:#8fa8c6;font-weight:800}.candidate-mini{background:#101e31;border:1px solid #243750;padding:8px 10px;border-radius:12px;text-align:right}.candidate-mini span{display:block;font-size:9px;color:#7f96b2}.candidate-mini b{font-size:12px}.page{display:none;padding:14px 16px}.page.active{display:block}.member-card,.progress-card,.form-card,.job-card,.application-card,.notification{background:linear-gradient(145deg,#102039,#0b1627);border:1px solid #223854;border-radius:18px;box-shadow:0 14px 30px rgba(0,0,0,.18)}.member-card{padding:18px;margin-bottom:12px}.member-top,.row-between,.section-head,.job-head,.job-bottom,.application-meta{display:flex;align-items:center;justify-content:space-between;gap:10px}.member-card h2{font-size:20px;margin:7px 0 4px}.member-card p,.muted{color:#91a4bb;font-size:13px;line-height:1.55}.badge,.tag,.status,.chips span,.status-pill{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;background:#152940;color:#a9c0da;font-size:10px;font-weight:800}.member-card #memberStatusLine{font-size:11px;color:#9bb1c9}.primary,.secondary,.danger-btn{min-height:44px;border-radius:12px;padding:10px 14px;font-weight:800}.primary{background:#e8f0ff;color:#07101e}.secondary{background:#162a43;color:#d9e7f8;border:1px solid #2a4260}.danger-btn{background:#3a1720;color:#ffb6c1;border:1px solid #71303c}.primary:disabled,.secondary:disabled,.danger-btn:disabled{opacity:.45;cursor:not-allowed}.wide{width:100%;margin-top:10px}.progress-card{padding:15px;margin-bottom:22px}.progress{height:7px;background:#07101e;border-radius:20px;overflow:hidden;margin:9px 0}.progress span{display:block;height:100%;width:0;background:#dfeaff;border-radius:20px;transition:.3s}.progress-card small{color:#8298b2}.section-head{margin:18px 0 10px}.section-head h2{font-size:20px;margin:3px 0}.icon-btn{width:38px;height:38px;border-radius:11px;background:#13263e;color:#dbe9f8;font-size:22px}.search,.form-card input,.form-card textarea,.form-card select,.file{width:100%;border:1px solid #29415e;background:#091524;color:#edf4fc;border-radius:12px;padding:12px 13px;outline:none}.search{margin-bottom:12px}.form-card input:focus,.form-card textarea:focus,.form-card select:focus,.search:focus{border-color:#6f8eb1}.form-card{padding:16px;margin-bottom:14px}.form-card label{display:block;font-size:12px;color:#9eb2c9;margin-bottom:12px}.form-card textarea{min-height:80px;resize:vertical;margin-top:6px}.form-card input,.form-card select{margin-top:6px}.stack{display:grid;gap:11px}.job-card{padding:15px}.job-head h3{font-size:17px;margin:7px 0 2px}.company{color:#b7c7d9;font-size:12px}.status.open{background:#123126;color:#9de0ba}.status.closed{background:#311821;color:#ffabb7}.chips{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.chips span{background:#0b1829;border:1px solid #20364e;font-weight:600}.job-bottom small{color:#7e94ad;font-size:10px}.job-bottom .primary{min-height:38px;padding:8px 12px}.empty{padding:28px 16px;text-align:center;color:#8297b0;border:1px dashed #29415e;border-radius:16px}.application-card{width:100%;text-align:left;color:inherit;padding:15px;display:grid;grid-template-columns:1fr auto;gap:8px}.application-card b{font-size:14px}.status-pill{grid-row:1 / span 2;grid-column:2;background:#1a2b43}.application-meta{grid-column:1 / -1;color:#7188a1;font-size:10px}.notification{padding:14px}.notification p{color:#a9b8ca;font-size:13px;margin:6px 0}.notification small{color:#71869e}.notification.unread{border-color:#5c789a}.notification.read{opacity:.72}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:20;display:grid;grid-template-columns:repeat(4,1fr);padding:8px 8px calc(8px + env(safe-area-inset-bottom));background:rgba(6,13,24,.94);backdrop-filter:blur(16px);border-top:1px solid #1e334d}.nav{background:none;color:#738aa4;padding:7px 3px;font-size:18px}.nav span{display:block;font-size:9px;margin-top:2px}.nav.active{color:#f0f5fc}.modal{position:fixed;inset:0;z-index:30;background:rgba(0,0,0,.68);display:flex;align-items:flex-end;padding:10px}.modal.hidden,.hidden{display:none}.modal-box{width:100%;max-height:90vh;overflow:auto;background:#0b1727;border:1px solid #29415e;border-radius:22px 22px 10px 10px;padding:20px;position:relative}.modal-close{position:absolute;right:12px;top:10px;background:#14283f;color:#b9c9da;width:34px;height:34px;border-radius:10px;font-size:24px}.modal-title{font-size:20px;font-weight:900;margin-bottom:16px;padding-right:40px}.modal-box h2{margin:8px 0 3px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:15px 0}.detail-grid div{background:#0a1422;border:1px solid #1f354d;border-radius:12px;padding:10px}.detail-grid b,.detail-grid span{display:block}.detail-grid b{font-size:9px;color:#7890aa;text-transform:uppercase}.detail-grid span{font-size:12px;margin-top:4px}.pre{white-space:pre-wrap;color:#b7c5d5;line-height:1.6;font-size:13px}.warning-box,.danger-box,.success-box,.instruction{padding:12px;border-radius:12px;margin:10px 0;font-size:13px;line-height:1.55}.warning-box{background:#2e2813;color:#f2d995;border:1px solid #65531f}.danger-box{background:#321820;color:#ffc0c9;border:1px solid #70303c}.success-box{background:#122c22;color:#a9e3c0;border:1px solid #285e45}.instruction{background:#101f32;color:#a9bbce}.price{font-size:28px;font-weight:900;margin:4px 0 2px}.qris{display:block;max-width:260px;width:100%;margin:14px auto;border-radius:14px;background:white;padding:8px}.modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.file{margin:8px 0 12px}.status-large{display:inline-block;background:#172c45;border-radius:12px;padding:8px 12px;font-weight:900;font-size:12px;margin:8px 0}.timeline{border-left:2px solid #2a425d;padding-left:14px}.timeline-item{position:relative;padding-bottom:15px}.timeline-item:before{content:"";position:absolute;left:-21px;top:3px;width:9px;height:9px;border-radius:50%;background:#dce7f5}.timeline-item b{display:block;font-size:12px}.timeline-item small{color:#71869f;font-size:10px}.timeline-item p{color:#9fb0c2;font-size:11px;margin:4px 0}.interview{background:#101f31;border:1px solid #233b55;padding:11px;border-radius:12px;margin:7px 0;font-size:12px}.interview a{display:inline-block;margin-top:7px;color:#c7d9ed}.busy-overlay{position:fixed;inset:0;z-index:100;background:rgba(0,0,0,.45);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.spinner{width:34px;height:34px;border:3px solid #31465f;border-top-color:#f0f5fc;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;left:14px;right:14px;top:12px;z-index:110;background:#15283e;color:#e8f0f8;border:1px solid #2a4562;padding:12px 14px;border-radius:12px;transform:translateY(-130%);transition:.25s;font-size:12px}.toast.show{transform:translateY(0)}.toast[data-type=error]{background:#351821;border-color:#70313e}.toast[data-type=success]{background:#123124;border-color:#2b6449}.busy{overflow:hidden}@media(min-width:700px){main{max-width:720px;margin:auto}.topbar{padding-left:max(18px,calc((100vw - 720px)/2 + 18px));padding-right:max(18px,calc((100vw - 720px)/2 + 18px))}.modal{align-items:center;justify-content:center}.modal-box{max-width:620px;border-radius:22px}}