:root{--blue:#063b82;--blue2:#0b5fbd;--red:#d6192d;--gold:#f6b900;--bg:#f5f7fb;--text:#18212f;--muted:#697386;--border:#dfe4ec}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--text);background:var(--bg)}a{color:var(--blue2);text-decoration:none}.topbar{min-height:84px;background:#fff;border-bottom:3px solid var(--red);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:8px 28px;position:sticky;top:0;z-index:5}.topbar-brand,.topbar-logos{display:flex;align-items:center}.topbar-brand{gap:18px;min-width:0;color:inherit}.topbar-logos{gap:11px;flex:0 0 auto}.topbar-logo{display:block;object-fit:contain}.topbar-logo-mci{width:116px;height:34px}.topbar-logo-prime{width:132px;height:45px}.brand-divider{display:block;width:1px;height:38px;background:#d8dee8;flex:0 0 auto}.topbar-copy{display:block;min-width:0}.topbar-copy b{display:block;font-size:18px;color:var(--blue);line-height:1.15}.topbar-copy small{display:block;font-size:11px;color:var(--muted);margin-top:3px;white-space:nowrap}.userbox{font-size:14px;white-space:nowrap}.container{max-width:1450px;margin:26px auto;padding:0 22px}.container.narrow{max-width:1100px}.hero,.profile-head{display:flex;justify-content:space-between;align-items:center;gap:20px}.hero h1,.profile-head h1{margin:0}.hero p,.profile-head p{margin:5px 0;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:22px 0}.card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:18px;box-shadow:0 3px 12px #14213d0a}.card b{font-size:30px;color:var(--blue)}.card span{display:block;color:var(--muted);margin-top:4px}.filters{display:grid;grid-template-columns:minmax(230px,2fr) repeat(6,minmax(135px,1fr)) auto;gap:10px;margin:18px 0}.filters input,.filters select,.status-form input,.status-form select,label input{width:100%;padding:11px 12px;border:1px solid var(--border);border-radius:10px;background:#fff}.filters .btn{display:flex;align-items:center;justify-content:center;white-space:nowrap}.btn{display:inline-block;background:var(--blue);color:#fff;border:0;border-radius:10px;padding:11px 16px;font-weight:700;cursor:pointer}.btn.secondary{background:#fff;color:var(--blue);border:1px solid #b9c7da}.btn.danger{background:var(--red)}.btn.small{padding:7px 11px;font-size:12px}.btn.full{width:100%;margin-top:8px}.table-wrap{overflow:auto;background:#fff;border:1px solid var(--border);border-radius:14px}table{border-collapse:collapse;width:100%;font-size:13px}th{background:#edf3fb;color:#24435f;text-align:left;padding:11px;white-space:nowrap}td{padding:11px;border-top:1px solid #edf0f4;vertical-align:top}td small{display:block;color:var(--muted);margin-top:4px;line-height:1.45}.badge{display:inline-block;padding:6px 9px;border-radius:999px;font-size:11px;font-weight:800;white-space:nowrap}.badge.belum_dihubungi{background:#edf0f4;color:#536273}.badge.telah_dihubungi{background:#e7f1ff;color:#0758ad}.badge.temuduga{background:#fff1cf;color:#8b5e00}.badge.pengajian{background:#e4f7eb;color:#13713a}.pager{display:flex;justify-content:space-between;align-items:center;margin:16px 0;color:var(--muted)}.panel{background:#fff;border:1px solid var(--border);border-radius:15px;padding:20px;margin:18px 0}.panel h3{margin-top:0}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:25px}.status-form{display:grid;grid-template-columns:1.2fr 2fr auto auto;gap:10px}.history{padding-left:20px}.history li{margin:10px 0}.history small{display:block;color:var(--muted);margin-top:3px}.login-bg{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#eef4fb,#fff 55%,#f9edf0);padding:24px}.login-card{width:min(560px,94vw);background:#fff;border:1px solid var(--border);border-top:5px solid var(--red);border-radius:18px;padding:30px;box-shadow:0 18px 60px #0a2f661c}.login-card.wide{width:min(680px,94vw)}.login-card h1{margin:5px 0 8px;color:var(--blue)}.brand-logos{display:flex;align-items:center;justify-content:center;gap:16px;min-height:82px;padding:4px 0 18px;margin-bottom:20px;border-bottom:1px solid var(--border)}.brand-logos.compact{justify-content:flex-start;min-height:64px;padding-bottom:14px;margin-bottom:18px}.brand-logo{display:block;object-fit:contain}.brand-logo.logo-mci{width:200px;height:56px}.brand-logo.logo-prime{width:225px;height:76px}.brand-logos.compact .logo-mci{width:165px;height:46px}.brand-logos.compact .logo-prime{width:190px;height:64px}.login-heading{text-align:center;margin-bottom:20px}.login-heading h1{margin-top:0}.login-heading p{margin:0}.brand-mark{font-size:38px;font-weight:950;letter-spacing:-2px;color:var(--blue)}label{display:block;font-size:13px;font-weight:700;margin:14px 0}.muted,.tiny{color:var(--muted)}.tiny{font-size:11px;line-height:1.5}.alert{padding:12px 14px;border-radius:10px;margin:12px 0}.alert.error{background:#ffe8eb;color:#8c1421}.alert.success{background:#e6f7eb;color:#146c37}.alert.warn{background:#fff3d2;color:#775300}.empty{text-align:center;color:var(--muted);padding:35px}@media(max-width:1250px){.filters{grid-template-columns:repeat(4,minmax(150px,1fr))}}@media(max-width:1100px){.topbar-copy{display:none}}@media(max-width:900px){.cards{grid-template-columns:1fr 1fr}.filters{grid-template-columns:1fr 1fr}.status-form{grid-template-columns:1fr}.grid2{grid-template-columns:1fr}.topbar{padding:8px 14px}.userbox{font-size:12px}.topbar-logo-mci{width:95px}.topbar-logo-prime{width:108px}}@media(max-width:620px){.topbar-logo-mci{width:78px;height:28px}.topbar-logo-prime{width:88px;height:34px}.topbar-logos{gap:7px}.topbar .brand-divider{height:28px}.userbox{white-space:normal;text-align:right;line-height:1.5}.brand-logos{gap:10px}.brand-logo.logo-mci{width:145px;height:43px}.brand-logo.logo-prime{width:165px;height:58px}}@media(max-width:560px){.cards{grid-template-columns:1fr}.filters{grid-template-columns:1fr}.hero,.profile-head{align-items:flex-start;flex-direction:column}.container{padding:0 12px}.login-bg{padding:12px}.login-card{padding:24px 20px}.brand-logos{flex-direction:column;gap:8px}.brand-logos .brand-divider{width:80px;height:1px}.brand-logos.compact{align-items:flex-start}.brand-logo.logo-mci,.brand-logos.compact .logo-mci{width:170px;height:48px}.brand-logo.logo-prime,.brand-logos.compact .logo-prime{width:205px;height:68px}}@media(max-width:390px){.topbar-logo-prime,.topbar .brand-divider{display:none}}
.program-switch{margin:14px 0 4px;max-width:720px}.program-switch label{display:flex;align-items:center;gap:12px;margin:0}.program-switch select{flex:1;padding:11px 12px;border:1px solid var(--border);border-radius:10px;background:#fff;font-weight:700;color:var(--blue)}

.hero-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.hero-actions .btn{white-space:nowrap}
@media(max-width:720px){.hero-actions{width:100%;justify-content:flex-start}}
.filter-actions{display:flex;gap:8px}.filter-actions .btn{flex:1}
.alert.info{background:#e8f2ff;color:#174f83;border:1px solid #c9def7}.taken-other{background:#fff8ef}.taken-other td:first-child{border-left:4px solid #e58a20}.locked-note{color:#a25900!important;font-weight:700}
.cross-program-status{display:inline-block;max-width:300px;padding:7px 9px;border-radius:8px;background:#fff0dc;color:#844900;font-size:11px;font-weight:700;line-height:1.45}
.filters{grid-template-columns:minmax(230px,2fr) repeat(7,minmax(125px,1fr)) auto}@media(max-width:1250px){.filters{grid-template-columns:repeat(4,minmax(150px,1fr))}}@media(max-width:900px){.filters{grid-template-columns:1fr 1fr}}@media(max-width:560px){.filters{grid-template-columns:1fr}}