:root{--amber:#f59e0b;--amber-soft:#fff7e5}.job-system-section{padding-top:62px}.application-layout{display:grid;grid-template-columns:.78fr 1.22fr;gap:42px;align-items:start}.role-heading h2{font-size:clamp(28px,3vw,42px);margin-bottom:22px}.role-cards{display:grid;gap:12px}.role-card{padding:18px;border:1px solid var(--line);border-radius:15px;background:#fff;cursor:pointer;transition:.2s var(--ease);position:relative}.role-card:hover,.role-card.selected{border-color:#8db9df;box-shadow:0 10px 28px rgba(6,43,92,.1);transform:translateY(-2px)}.role-card.selected{background:#f6fbff}.role-card b{color:var(--blue);font:800 10px 'Manrope';text-transform:uppercase}.role-card h3{font:800 16px 'Manrope';margin:7px 0 8px;color:var(--navy)}.role-card p{margin:0;color:var(--muted);font-size:11px}.role-card .role-meta{display:flex;gap:9px;flex-wrap:wrap;margin-top:13px}.role-meta span{padding:4px 8px;border-radius:20px;background:#eef6fd;color:var(--blue);font:700 9px 'Manrope'}.role-meta span.fee{background:var(--amber-soft);color:#b96f00}.fee-note{padding:18px;margin-top:15px;background:var(--navy);border-radius:15px;color:#fff}.fee-note b{font:800 11px 'Manrope';color:#a9dcff}.fee-note p{font-size:11px;line-height:1.8;margin:6px 0 0;color:#d3e5f5}.fee-note strong{color:#fff}.application-form{background:#fff;box-shadow:var(--shadow)}.form-title{display:flex;align-items:center;gap:11px;margin:0 0 18px;padding-bottom:15px;border-bottom:1px solid var(--line)}.form-title.compact{margin-top:24px}.step-label{display:grid;place-items:center;width:29px;height:29px;border-radius:8px;background:#e7f1fb;color:var(--blue);font:800 10px 'Manrope'}.form-title strong,.form-title small{display:block}.form-title strong{font:800 14px 'Manrope';color:var(--navy)}.form-title small{font-size:10px;color:var(--muted);margin-top:2px}.form-title small span{color:var(--green);font-weight:800}.upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}.upload-grid label{padding:12px;border:1px dashed #bfd1e2;border-radius:10px;background:#fbfdff}.upload-grid label em{font-style:normal;color:#8297ab;font-weight:500}.upload-grid input{font-size:10px;padding:8px;background:#fff}.upload-grid small{font-size:9px;color:#8498aa;font-weight:500}.consent{display:flex!important;grid-template-columns:none!important;align-items:flex-start;gap:8px;font-weight:600!important;line-height:1.5}.consent input{width:auto;margin-top:3px}.tracking-panel{display:grid;grid-template-columns:1fr 1fr;gap:23px;align-items:center}.tracking-panel h2{font-size:clamp(28px,3vw,42px)}.tracker-form{padding:21px;border:1px solid var(--line);border-radius:16px;background:#fff}.tracker-form label{display:grid;gap:5px;color:#496581;font-size:10px;font-weight:800;margin-bottom:12px}.tracker-form input{padding:11px;border:1px solid #d2e0ec;border-radius:8px;font-size:12px}.tracking-result{grid-column:1/-1;padding:20px;border:1px solid #a9dcba;border-radius:14px;background:#f2fcf5}.tracking-result h3{margin:0 0 8px;font:800 17px 'Manrope';color:var(--navy)}.result-top{display:flex;justify-content:space-between;gap:10px;align-items:start}.status-pill{padding:5px 10px;border-radius:20px;font:800 9px 'Manrope';background:#e6f0fb;color:var(--blue)}.status-pill.accepted,.status-pill.joined{background:#dcf6e5;color:var(--green)}.status-pill.fail{background:#ffebeb;color:#c33131}.status-pill.waiting{background:#fff3d9;color:#a46800}.result-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:15px}.result-meta small,.result-meta strong{display:block}.result-meta small{font-size:9px;color:#7590a6}.result-meta strong{font-size:12px}.status-track{display:flex;gap:4px;margin-top:18px}.status-track span{flex:1;padding:7px 4px;text-align:center;border-radius:6px;background:#e8eef4;color:#7d92a4;font:700 8px 'Manrope'}.status-track span.done{background:#dff5e6;color:var(--green)}.result-actions{display:flex;gap:8px;margin-top:15px}.mini-btn{border:1px solid #b7cfe5;background:#fff;color:var(--blue);border-radius:7px;padding:7px 10px;font:800 9px 'Manrope';cursor:pointer}.admin-body{background:#f6f9fc}.admin-main{padding:52px 0}.admin-login{max-width:470px;margin:50px auto}.admin-shell{display:none}.admin-shell.show{display:block}.admin-login.hidden{display:none}.admin-login .form{background:#fff}.admin-header{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px}.admin-header h1{font-size:36px}.admin-header p{margin:5px 0 0;color:var(--muted);font-size:12px}.admin-actions{display:flex;gap:8px}.outline-btn{border:1px solid #b8cee2;background:#fff;color:var(--blue);padding:9px 12px;border-radius:8px;font:800 10px 'Manrope';cursor:pointer}.stats-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:25px}.stat-card{padding:17px;border:1px solid var(--line);background:#fff;border-radius:13px}.stat-card small,.stat-card strong{display:block}.stat-card small{color:var(--muted);font-size:10px}.stat-card strong{font:800 25px 'Manrope';color:var(--navy);margin-top:6px}.stat-card.green strong{color:var(--green)}.stat-card.amber strong{color:#c27b00}.admin-toolbar{display:flex;gap:9px;flex-wrap:wrap;padding:13px;background:#fff;border:1px solid var(--line);border-radius:12px;margin-bottom:14px}.admin-toolbar input,.admin-toolbar select{padding:9px 10px;border:1px solid #d2e0ec;border-radius:7px;font-size:11px}.admin-toolbar input{flex:1;min-width:180px}.table-wrap{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:13px}.admin-table{width:100%;border-collapse:collapse;min-width:930px}.admin-table th,.admin-table td{padding:13px 12px;border-bottom:1px solid #edf2f7;text-align:left;font-size:10px;vertical-align:middle}.admin-table th{background:#f8fbfe;color:#55718e;font:800 9px 'Manrope';text-transform:uppercase;letter-spacing:.4px}.admin-table td strong,.admin-table td small{display:block}.admin-table td small{color:var(--muted);margin-top:2px}.admin-table select{padding:6px;border:1px solid #cadbe9;border-radius:6px;font-size:10px}.payment-ok{color:var(--green);font-weight:800}.payment-pending{color:#c57b00;font-weight:800}.empty-row{text-align:center!important;color:var(--muted);padding:30px!important}.admin-notice{padding:12px 15px;margin-bottom:17px;border-left:3px solid var(--amber);background:var(--amber-soft);font-size:10px;color:#815b16}@media(max-width:850px){.application-layout,.tracking-panel{grid-template-columns:1fr}.stats-cards{grid-template-columns:1fr 1fr}.admin-header{display:block}.admin-actions{margin-top:15px}.tracking-result{grid-column:auto}}@media(max-width:600px){.upload-grid,.result-meta{grid-template-columns:1fr}.stats-cards{gap:8px}.stat-card{padding:13px}.stat-card strong{font-size:20px}.admin-main{padding:32px 0}}

.application-preview{margin-top:18px;padding:18px;border:1px solid #a9dcba;border-radius:14px;background:#f4fcf6}.preview-head{display:flex;justify-content:space-between;align-items:start}.preview-head small{font:800 9px 'Manrope';color:var(--green);letter-spacing:.8px}.preview-head h3{margin:4px 0 0;font:800 22px 'Manrope';color:var(--navy)}.preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.preview-grid>div{padding:10px;border:1px solid #d6ecdc;border-radius:8px;background:#fff}.preview-grid small,.preview-grid strong{display:block}.preview-grid small{font-size:9px;color:#7590a6}.preview-grid strong{font-size:11px;margin-top:3px}@media(max-width:600px){.preview-grid{grid-template-columns:1fr}}

.duplicate-notice{margin-top:18px;padding:18px 20px;border:1px solid #8fd0a2;border-left:5px solid #16813c;border-radius:12px;background:linear-gradient(135deg,#effaf2,#f7fcf8);color:#315e43;font-size:12px;line-height:1.8}.duplicate-notice strong{color:#116b35;font-size:15px}.duplicate-notice b{display:inline-block;color:#087637;font:800 18px Manrope;margin:2px 3px}.duplicate-link{display:inline-block;margin-top:5px;color:#0057b8;font-weight:800;text-decoration:none}.duplicate-link:hover{text-decoration:underline}.fee-resubmit-panel{margin-top:18px;padding:20px;border:1px solid #efd18c;border-top:4px solid #d58b0c;border-radius:14px;background:#fffaf0}.fee-resubmit-panel[hidden],.duplicate-notice[hidden]{display:none}.resubmit-heading{display:flex;justify-content:space-between;gap:10px;align-items:center}.resubmit-heading strong{color:#7b570c;font:800 14px Manrope}.resubmit-heading span{padding:5px 8px;border-radius:99px;background:#fff0cb;color:#9b6a0d;font:800 8px Manrope}.fee-resubmit-panel>p{color:#735b25;font-size:10px;line-height:1.6}.fee-resubmit-panel form{margin-top:12px}.fee-resubmit-panel label{display:grid;gap:5px;color:#5f7180;font-size:10px;font-weight:800}.fee-resubmit-panel input,.fee-resubmit-panel select{padding:10px;border:1px solid #dfcfaa;border-radius:8px;background:#fff;font-size:11px}.fee-resubmit-panel small{color:#927b4b;font-size:9px}.payment-updated{color:#16723c}.form-msg.submitting{display:block;background:#eaf3ff;color:#0757a4;border-left:3px solid #0057b8}.application-form button:disabled{opacity:.72;cursor:wait}.application-form button:disabled:before{content:'⏳ ';}@media(max-width:600px){.resubmit-heading{display:block}.resubmit-heading span{display:inline-block;margin-top:6px}}

/* Banking-style application form refresh */
.job-system-section{background:linear-gradient(180deg,#f4f9ff 0%,#ffffff 42%,#f1fbf6 100%);position:relative}
.job-system-section:before{content:"";display:block;height:5px;max-width:1240px;margin:0 auto 28px;border-radius:99px;background:linear-gradient(90deg,#062b5c 0 34%,#0057b8 34% 67%,#16a34a 67%)}
.application-layout{gap:32px}
.role-heading,.application-form{position:relative}
.role-heading h2{color:#062b5c}
.role-card{border:1px solid #d5e5f3;border-left:4px solid #0057b8;box-shadow:0 8px 22px rgba(6,43,92,.06)}
.role-card:nth-child(2){border-left-color:#16a34a}.role-card:nth-child(3){border-left-color:#f59e0b}.role-card:nth-child(4){border-left-color:#7c3aed}
.role-card:hover,.role-card.selected{border-color:#70a8d2;box-shadow:0 16px 34px rgba(0,87,184,.15);background:linear-gradient(135deg,#ffffff,#eef7ff)}
.role-card.selected:after{content:"✓ SELECTED";position:absolute;right:14px;top:14px;color:#16813c;font:800 8px Manrope;letter-spacing:.7px}
.fee-note{background:linear-gradient(135deg,#062b5c,#0754a5 62%,#00864a);box-shadow:0 14px 30px rgba(6,43,92,.18)}
.application-form{border:1px solid #d7e7f2;border-top:5px solid #0057b8;border-radius:18px;padding:25px;box-shadow:0 18px 45px rgba(6,43,92,.12)}
.form-title{border-bottom-color:#dbe9f3}.step-label{background:linear-gradient(135deg,#0057b8,#16a34a);color:#fff;box-shadow:0 4px 10px rgba(0,87,184,.2)}
.application-form label:not(.consent):not(.fee-confirm){color:#38546e;font-size:10px;font-weight:800}
.application-form input,.application-form select,.application-form textarea{border:1px solid #cbddea;border-radius:9px;background:#fbfdff;transition:border-color .2s,box-shadow .2s,background .2s}
.application-form input:focus,.application-form select:focus,.application-form textarea:focus{border-color:#0057b8;box-shadow:0 0 0 4px rgba(0,87,184,.1);background:#fff;outline:0}
.upload-grid label{border-color:#a9cce5;background:linear-gradient(135deg,#f8fcff,#eef8ff)}
.upload-grid label:focus-within{border-color:#16a34a;background:#f2fcf5;box-shadow:0 0 0 3px rgba(22,163,74,.1)}
.fee-payment-card{margin:0 0 18px;padding:18px;border:1px solid #b9d8ed;border-radius:15px;background:linear-gradient(135deg,#eff8ff,#f5fff8);box-shadow:0 10px 24px rgba(0,87,184,.08)}
.fee-payment-top{display:flex;justify-content:space-between;align-items:center;gap:14px;padding-bottom:14px;border-bottom:1px solid #d6e8f3}.fee-payment-top div:first-child{display:grid;gap:3px}.fee-kicker{color:#0057b8;font:800 8px Manrope;letter-spacing:1.2px}.fee-payment-top strong{color:#062b5c;font:800 27px Manrope}.fee-payment-top small{color:#5f7890;font-size:10px}.fee-status-badge{padding:6px 9px;border-radius:99px;background:#fff1cf;color:#98650a;font:800 8px Manrope;white-space:nowrap}.fee-payment-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:14px 0}.fee-payment-steps div{display:flex;gap:8px;align-items:flex-start;padding:10px;border-radius:9px;background:rgba(255,255,255,.74);border:1px solid #d9e9f3;color:#4b6880;font-size:9px;line-height:1.45}.fee-payment-steps b{display:grid;place-items:center;min-width:20px;height:20px;border-radius:50%;background:#0057b8;color:#fff;font:800 8px Manrope}.fee-payment-steps strong{color:#062b5c}.fee-confirm{display:flex!important;align-items:flex-start;gap:8px;color:#315e43!important;font-size:10px!important;line-height:1.5}.fee-confirm input{width:auto!important;margin-top:2px;accent-color:#16813c}.application-form .btn.primary{background:linear-gradient(110deg,#062b5c,#0057b8 58%,#00864a);box-shadow:0 10px 22px rgba(0,87,184,.22)}.application-form .btn.primary:hover{transform:translateY(-1px);filter:saturate(1.12)}
@media(max-width:600px){.application-form{padding:17px}.fee-payment-top{align-items:flex-start}.fee-payment-steps{grid-template-columns:1fr}.fee-payment-top strong{font-size:24px}}

/* Full-screen application submission loading state */
.application-loading[hidden]{display:none}.application-loading{position:fixed;inset:0;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px;background:linear-gradient(135deg,rgba(3,26,59,.97),rgba(0,87,184,.96) 58%,rgba(0,134,74,.95));color:#fff;text-align:center;overflow:hidden}.application-loading:before,.application-loading:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.12);border-radius:50%;pointer-events:none}.application-loading:before{width:430px;height:430px;animation:loadingPulse 4s ease-in-out infinite}.application-loading:after{width:650px;height:650px;animation:loadingPulse 4s 1s ease-in-out infinite}.application-loading h2,.application-loading p,.application-loading small,.loading-orbit,.loading-progress{position:relative;z-index:1}.application-loading h2{margin:25px 0 8px;color:#fff;font:800 clamp(22px,4vw,32px) Manrope;letter-spacing:-.4px}.application-loading p{max-width:430px;margin:0;color:#d8ebf7;font-size:12px;line-height:1.8}.application-loading small{margin-top:10px;color:#b9d8e8;font-size:10px}.loading-orbit{display:grid;place-items:center;width:112px;height:112px;border:1px solid rgba(255,255,255,.28);border-radius:50%;background:rgba(255,255,255,.08);box-shadow:0 0 0 14px rgba(255,255,255,.04),0 18px 45px rgba(0,0,0,.2)}.loading-orbit b{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:linear-gradient(145deg,#fff,#dff4eb);color:#0754a5;font:800 24px Manrope;box-shadow:0 8px 18px rgba(0,0,0,.16)}.loading-orbit span{position:absolute;width:100%;height:100%;border:3px solid transparent;border-top-color:#9fe6bc;border-right-color:#fff;border-radius:50%;animation:loadingSpin 1.15s linear infinite}.loading-orbit span:nth-child(2){width:82%;height:82%;border-top-color:#71c7f0;border-right-color:transparent;animation-duration:1.7s;animation-direction:reverse}.loading-orbit span:nth-child(3){width:64%;height:64%;border-top-color:#ffd77a;border-right-color:transparent;animation-duration:2.2s}.loading-progress{width:min(330px,82vw);height:5px;margin-top:25px;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.2)}.loading-progress i{display:block;width:45%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#b8edca,#fff,#ffd77a);animation:loadingProgress 1.55s ease-in-out infinite}.application-is-loading{overflow:hidden}.application-is-loading>*:not(.application-loading){pointer-events:none}@keyframes loadingSpin{to{transform:rotate(360deg)}}@keyframes loadingPulse{0%,100%{transform:scale(.93);opacity:.45}50%{transform:scale(1.05);opacity:1}}@keyframes loadingProgress{0%{transform:translateX(-120%)}100%{transform:translateX(260%)}}@media(max-width:600px){.application-loading{padding:22px 19px}.loading-orbit{width:96px;height:96px}.loading-orbit b{width:46px;height:46px;font-size:20px}.application-loading h2{margin-top:22px;font-size:23px}.application-loading p{font-size:11px;line-height:1.75}.application-loading:before{width:300px;height:300px}.application-loading:after{width:470px;height:470px}}

/* Refined loading hierarchy */
.loading-brand{position:absolute;top:clamp(28px,8vh,72px);z-index:1;display:flex;align-items:center;gap:10px;opacity:.96}.loading-brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#fff;color:#0754a5;font:800 11px Georgia;box-shadow:0 6px 15px rgba(0,0,0,.16)}.loading-brand strong,.loading-brand small{display:block;text-align:left}.loading-brand strong{color:#fff;font:800 9px Manrope;letter-spacing:1px}.loading-brand small{margin-top:3px;color:#bfe1ef;font:700 7px Manrope;letter-spacing:.8px}.loading-status{display:flex;align-items:center;gap:6px}.loading-status>i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#9fe6bc;box-shadow:0 0 0 4px rgba(159,230,188,.13);animation:loadingStatusPulse 1.2s ease-in-out infinite}.loading-dots{display:inline-block;width:17px;overflow:hidden;animation:loadingDots 1.35s steps(4,end) infinite}@keyframes loadingStatusPulse{0%,100%{opacity:.45;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}@keyframes loadingDots{0%{width:0}100%{width:17px}}@media(prefers-reduced-motion:reduce){.loading-orbit span,.loading-progress i,.application-loading:before,.application-loading:after,.loading-status>i,.loading-dots{animation:none}}
