:root{color:#172033;font-synthesis:none;background:#f6f8fc;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}.app-shell{min-height:100vh}.topbar{z-index:20;background:#fff;border-bottom:1px solid #e8ecf4;justify-content:space-between;align-items:center;height:72px;padding:0 5vw;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;display:flex}.brand-mark{color:#fff;background:linear-gradient(135deg,#4b6bfb,#7657ef);border-radius:12px;place-items:center;width:42px;height:42px;font-size:21px;font-weight:800;display:grid}.brand strong,.brand span{display:block}.brand span{color:#8790a5;margin-top:2px;font-size:12px}.main-nav{gap:28px;display:flex}.main-nav a{color:#636d82;font-weight:600}.main-nav a.active{color:#4d65e8}.page-container{max-width:1180px;margin:auto;padding:42px 24px 80px}.hero{color:#fff;background:linear-gradient(135deg,#354ee6,#6953e7);border-radius:28px;margin-bottom:46px;padding:52px}.eyebrow{letter-spacing:2px;opacity:.8;font-size:12px;font-weight:800}.hero h1{max-width:650px;margin:14px 0 12px;font-size:clamp(36px,5vw,58px);line-height:1.08}.hero p{opacity:.9;max-width:580px;font-size:18px;line-height:1.7}.section-heading{justify-content:space-between;align-items:end;margin-bottom:20px;display:flex}.section-heading h2{margin:0;font-size:27px}.section-heading p{color:#8a94a8;margin:6px 0 0}.job-grid{gap:16px;display:grid}.job-card,.content-card{background:#fff;border:1px solid #e8ecf4;border-radius:18px;box-shadow:0 8px 30px #222e500a}.job-card{gap:18px;padding:24px;transition:transform .18s,box-shadow .18s;display:flex}.job-card:hover{transform:translateY(-2px);box-shadow:0 15px 38px #222e5014}.company-avatar{color:#4d65e8;background:#eef1ff;border-radius:14px;flex:none;place-items:center;width:52px;height:52px;font-size:20px;font-weight:800;display:grid}.company-avatar.large{width:70px;height:70px;font-size:28px}.job-content{min-width:0}.company-name{color:#778198;font-size:14px;font-weight:600}.job-card h3{margin:5px 0 12px;font-size:20px}.job-card h3 a:hover{color:#4d65e8}.job-meta{flex-wrap:wrap;gap:8px;display:flex}.job-meta span{color:#657086;background:#f3f5f9;border-radius:8px;padding:6px 10px;font-size:13px}.salary{color:#13955f;margin-top:14px;font-weight:700}.state-box{text-align:center;background:#fff;border-radius:18px;padding:50px}.state-box.error{color:#b42318}.back-link{color:#5669de;margin-bottom:25px;font-weight:600;display:inline-block}.job-detail-header{background:#fff;border:1px solid #e8ecf4;border-radius:20px;align-items:center;gap:20px;margin-bottom:20px;padding:30px;display:flex}.job-detail-header h1{margin:5px 0 12px}.detail-layout{grid-template-columns:minmax(0,1fr) 330px;gap:20px;display:grid}.content-card{padding:28px}.content-card h2{margin-top:0}.description{white-space:pre-line;color:#606b80;margin-bottom:35px;line-height:1.75}.skill-list{flex-wrap:wrap;gap:9px;display:flex}.skill{color:#59647a;background:#f0f3f8;border-radius:9px;padding:8px 12px;font-size:14px}.skill.required{color:#495bd5;background:#eef0ff}.sidebar-card{align-self:start}.info-row{border-bottom:1px solid #edf0f5;justify-content:space-between;gap:20px;padding:14px 0;font-size:14px;display:flex}.info-row span{color:#7f899c}.info-row strong{text-align:right}.primary-button{cursor:pointer;color:#fff;background:#4e63e9;border:0;border-radius:12px;width:100%;margin-top:22px;padding:14px;font-weight:700}@media (width<=800px){.topbar{flex-direction:column;align-items:flex-start;gap:15px;height:auto;padding:15px 20px}.main-nav{gap:18px;width:100%;overflow-x:auto}.page-container{padding:25px 16px 60px}.hero{padding:35px 25px}.detail-layout{grid-template-columns:1fr}}.login-page{background:linear-gradient(135deg,#eef2ff,#f8f9fc);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:#fff;border:1px solid #e7ebf3;border-radius:22px;width:100%;max-width:430px;padding:34px;box-shadow:0 20px 60px #24335f1a}.login-brand{margin-bottom:30px}.login-card h1{margin:0 0 8px;font-size:30px}.login-description{color:#7b8497;margin:0 0 26px}.form-field{margin-bottom:18px;display:block}.form-field span{color:#566075;margin-bottom:7px;font-size:14px;font-weight:650;display:block}.form-field input{background:#fff;border:1px solid #dfe4ed;border-radius:11px;outline:none;width:100%;padding:13px 14px}.form-field input:focus{border-color:#6375e9;box-shadow:0 0 0 3px #6375e91a}.login-error{color:#b42318;background:#fff0ee;border-radius:10px;margin-bottom:18px;padding:12px 14px}.primary-button:disabled{opacity:.6;cursor:not-allowed}.company-selector{flex-direction:column;gap:4px;min-width:180px;display:flex}.company-selector span{color:#64748b;font-size:11px}.company-selector select{min-height:38px;font:inherit;background:#fff;border:1px solid #dbe3ec;border-radius:10px;padding:6px 10px}.employer-page{flex-direction:column;gap:20px;display:flex}.page-heading{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.page-heading h1{margin:4px 0 6px}.eyebrow{text-transform:uppercase;letter-spacing:.08em;color:#64748b;margin:0;font-size:12px;font-weight:700}.page-description{color:#64748b;margin:0}.recruitment-create-button{white-space:nowrap;text-decoration:none}.recruitment-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:18px;display:grid}.recruitment-card{color:inherit;background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:22px;text-decoration:none;transition:transform .15s,box-shadow .15s,border-color .15s;display:block}.recruitment-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 14px 36px #0f172a14}.recruitment-card h2{margin:12px 0 8px;font-size:20px}.recruitment-card p{color:#64748b}.status-badge{background:#e2e8f0;border-radius:999px;align-items:center;min-height:26px;padding:3px 9px;font-size:12px;font-weight:700;display:inline-flex}.status-active{color:#166534;background:#dcfce7}.status-draft{color:#475569;background:#f1f5f9}.status-paused{color:#92400e;background:#fef3c7}.status-closed,.status-cancelled{color:#991b1b;background:#fee2e2}.recruitment-meta{border-top:1px solid #edf2f7;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px;padding-top:18px;display:grid}.recruitment-meta div,.recruitment-stats div{flex-direction:column;gap:4px;display:flex}.recruitment-meta span,.recruitment-stats span{color:#64748b;font-size:12px}.recruitment-meta strong{font-size:13px}.recruitment-stats{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:20px;display:grid}.recruitment-stats div{background:#f8fafc;border-radius:12px;padding:12px}.recruitment-stats strong{font-size:18px}.notice-error{color:#991b1b;background:#fee2e2;border-radius:12px;padding:14px 16px}.empty-state{text-align:center;padding:48px 24px}@media (width<=760px){.page-heading{flex-direction:column}.recruitment-meta{grid-template-columns:1fr}.recruitment-stats{grid-template-columns:repeat(2,1fr)}.company-selector{width:100%}}.page-heading{grid-template-columns:minmax(260px,1fr) auto;align-items:end;gap:24px;display:grid}.recruitment-create-button{justify-content:center;justify-self:end;align-items:center;width:auto;max-width:max-content;padding-left:18px;padding-right:18px;display:inline-flex}.employer-page .page-heading>div:first-child{min-width:0}.employer-page .page-heading h1{max-width:520px}@media (width<=760px){.page-heading{grid-template-columns:1fr;align-items:start}.recruitment-create-button{justify-self:start}}.recruitment-detail-page{flex-direction:column;gap:24px;display:flex}.recruitment-detail-back{margin-bottom:2px}.recruitment-detail-back a{color:#334155;align-items:center;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.recruitment-detail-back a:hover{color:#4f63e9}.recruitment-detail-header{padding:30px}.recruitment-detail-title{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.recruitment-detail-title h1{color:#0f172a;margin:16px 0 6px;font-size:30px;line-height:1.2}.recruitment-detail-title p{color:#475569;margin:0;font-size:15px;font-weight:600}.recruitment-description{color:#475569;margin:22px 0 0;line-height:1.7}.recruitment-detail-grid{border-top:1px solid #e2e8f0;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:24px;padding-top:22px;display:grid}.recruitment-detail-grid>div{flex-direction:column;gap:6px;min-width:0;display:flex}.recruitment-detail-grid span{color:#64748b;font-size:12px}.recruitment-detail-grid strong{color:#0f172a;font-size:14px;line-height:1.45}.recruitment-skills{margin-top:26px}.recruitment-skills h3{color:#0f172a;margin:0 0 12px;font-size:16px}.skill-chip-list{flex-wrap:wrap;gap:8px;display:flex}.skill-chip{color:#334155;background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;align-items:center;min-height:32px;padding:6px 11px;font-size:13px;font-weight:600;display:inline-flex}.skill-chip-required{color:#4338ca;background:#eef2ff;border-color:#c7d2fe}.recruitment-matches-section{flex-direction:column;gap:18px;display:flex}.matches-heading{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.section-eyebrow{color:#64748b;letter-spacing:.08em;margin-bottom:6px;font-size:12px;font-weight:700;display:block}.matches-heading h2{color:#0f172a;margin:0;font-size:24px}.matches-heading p{color:#64748b;margin:7px 0 0;line-height:1.5}.interview-button{flex-shrink:0;width:auto;min-width:180px}.interview-button:disabled{cursor:not-allowed;opacity:.45}.match-list{flex-direction:column;gap:14px;display:flex}.match-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:22px;transition:border-color .15s,box-shadow .15s,transform .15s}.match-card:hover{border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 10px 30px #0f172a0f}.match-card-selected{border-color:#6366f1;box-shadow:0 0 0 2px #6366f11a}.match-card-main{grid-template-columns:auto minmax(0,1fr);align-items:flex-start;gap:18px;display:grid}.match-select{color:#475569;cursor:pointer;align-items:center;gap:7px;padding-top:3px;font-size:13px;font-weight:600;display:flex}.match-select input{cursor:pointer;accent-color:#4f63e9;width:17px;height:17px;margin:0}.match-candidate-info{min-width:0}.match-candidate-title{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.match-candidate-title h3{color:#0f172a;margin:0;font-size:18px;line-height:1.35}.match-candidate-title p{color:#64748b;margin:6px 0 0;font-size:14px}.match-score{flex-direction:column;flex-shrink:0;align-items:flex-end;display:flex}.match-score strong{color:#4f63e9;font-size:26px;line-height:1}.match-score span{color:#64748b;margin-top:5px;font-size:12px;font-weight:600}.match-score-grid{border-top:1px solid #edf2f7;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:18px;padding-top:18px;display:grid}.match-score-grid>div{background:#f8fafc;border-radius:10px;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.match-score-grid strong{color:#0f172a;font-size:17px}.match-score-grid span{color:#64748b;font-size:11px}@media (width<=900px){.recruitment-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.match-score-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=760px){.recruitment-detail-header{padding:22px}.recruitment-detail-title h1{font-size:25px}.matches-heading{flex-direction:column;align-items:stretch}.interview-button{width:100%}.match-card-main{grid-template-columns:1fr}.match-select{padding-top:0}}@media (width<=560px){.recruitment-detail-grid{grid-template-columns:1fr}.match-candidate-title{flex-direction:column}.match-score{align-items:flex-start}.match-score-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.interview-modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0f172a7a;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.interview-modal{background:#fff;border:1px solid #e2e8f0;border-radius:20px;width:min(680px,100%);max-height:calc(100vh - 48px);padding:28px;overflow-y:auto;box-shadow:0 24px 70px #0f172a38}.interview-modal-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px;display:flex}.interview-modal-header h2{color:#0f172a;margin:0;font-size:24px;line-height:1.3}.interview-modal-header p{color:#64748b;margin:7px 0 0;font-size:14px}.modal-close-button{color:#475569;cursor:pointer;background:#f1f5f9;border:0;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;padding:0;font-size:24px;line-height:1;display:flex}.modal-close-button:hover{color:#0f172a;background:#e2e8f0}.modal-close-button:disabled{cursor:not-allowed;opacity:.5}.interview-form{flex-direction:column;gap:18px;display:flex}.interview-form-grid{grid-template-columns:1.4fr 1fr 1fr;gap:12px;display:grid}.interview-form label{flex-direction:column;gap:7px;display:flex}.interview-form label>span{color:#334155;font-size:13px;font-weight:700}.interview-form input,.interview-form textarea{box-sizing:border-box;color:#0f172a;width:100%;font:inherit;background:#fff;border:1px solid #cbd5e1;border-radius:10px;outline:none;padding:11px 13px;transition:border-color .15s,box-shadow .15s}.interview-form input{min-height:44px}.interview-form textarea{resize:vertical;min-height:100px}.interview-form input:focus,.interview-form textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f}.interview-form .notice-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;padding:12px 14px;font-size:13px;line-height:1.5}.interview-modal-actions{border-top:1px solid #e2e8f0;justify-content:flex-end;gap:10px;margin-top:4px;padding-top:18px;display:flex}.interview-modal-actions button{width:auto;min-width:110px}.secondary-button{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:10px;justify-content:center;align-items:center;min-height:42px;padding:9px 18px;font-weight:700;display:inline-flex}.secondary-button:hover{background:#f8fafc}.secondary-button:disabled{cursor:not-allowed;opacity:.5}.interview-created{flex-direction:column;align-items:flex-start;gap:12px;padding-top:4px;display:flex}.interview-created h3{color:#0f172a;margin:4px 0 0;font-size:20px}.interview-created p{color:#475569;margin:0;line-height:1.6}.interview-created code{color:#334155;word-break:break-all;background:#f1f5f9;border-radius:6px;padding:3px 6px;font-size:12px}.success-badge{color:#15803d;background:#dcfce7;border-radius:999px;align-items:center;padding:6px 10px;font-size:12px;font-weight:800;display:inline-flex}.interview-draft-note{background:#f8fafc;border-radius:10px;padding:10px 12px;font-size:13px;color:#64748b!important}.interview-created .primary-button{width:auto;min-width:120px;margin-top:6px}@media (width<=700px){.interview-modal-backdrop{align-items:flex-end;padding:12px}.interview-modal{border-radius:18px;max-height:calc(100vh - 24px);padding:22px}.interview-form-grid{grid-template-columns:1fr}.interview-modal-actions{flex-direction:column-reverse}.interview-modal-actions button{width:100%}}.interview-quote{box-sizing:border-box;border:1px solid #e2e8f0;border-radius:14px;width:100%;margin-top:6px;overflow:hidden}.interview-quote>div{border-bottom:1px solid #edf2f7;justify-content:space-between;align-items:center;gap:24px;padding:13px 15px;display:flex}.interview-quote>div:last-child{border-bottom:0}.interview-quote span{color:#64748b;font-size:13px}.interview-quote strong{color:#0f172a;font-size:14px}.interview-quote-total{background:#f8fafc}.interview-quote-total strong{color:#4f63e9;font-size:20px}.interview-confirm-actions{border-top:1px solid #e2e8f0;justify-content:flex-end;gap:10px;width:100%;margin-top:8px;padding-top:18px;display:flex}.interview-confirm-actions button{width:auto;min-width:130px}@media (width<=560px){.interview-confirm-actions{flex-direction:column-reverse}.interview-confirm-actions button{width:100%}}.interview-payment-required{background:#fffbeb;border:1px solid #fde68a;border-radius:12px;flex-direction:column;gap:14px;padding:16px;display:flex}.interview-payment-required>div:first-child{justify-content:space-between;align-items:center;gap:20px;display:flex}.interview-payment-required span{color:#92400e;font-size:13px;font-weight:700}.interview-payment-required strong{color:#b45309;font-size:20px}.interview-payment-required .primary-button{width:100%}.interview-payment-debug{background:#fff;border-radius:10px;flex-direction:column;gap:8px;padding:12px;display:flex}.interview-payment-debug>strong{color:#15803d;font-size:13px}.interview-payment-debug code{color:#e2e8f0;white-space:pre-wrap;word-break:break-word;background:#0f172a;border-radius:8px;max-height:220px;padding:10px;font-size:11px;line-height:1.5;display:block;overflow:auto}.interview-payment-checkout{flex-direction:column;gap:14px;display:flex}.interview-payment-summary{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;display:flex;overflow:hidden}.interview-payment-summary>div{border-bottom:1px solid #edf2f7;justify-content:space-between;align-items:center;gap:20px;padding:11px 13px;display:flex}.interview-payment-summary>div:last-child{border-bottom:0}.interview-payment-summary span{color:#64748b;font-size:13px}.interview-payment-summary strong{color:#0f172a;text-align:right;font-size:14px}.interview-payos-button{box-sizing:border-box;width:100%;text-decoration:none}.interview-payment-note{color:#64748b;margin:0;font-size:12px;line-height:1.6}.candidate-interviews-page{flex-direction:column;gap:22px;display:flex}.candidate-interviews-header h1{color:#0f172a;margin:4px 0 6px;font-size:30px}.candidate-interviews-header p{color:#64748b;margin:0}.candidate-invitation-list{flex-direction:column;gap:16px;display:flex}.candidate-invitation-card{padding:24px}.candidate-invitation-heading{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.candidate-company-name{color:#4f63e9;font-size:13px;font-weight:800}.candidate-invitation-heading h2{color:#0f172a;margin:6px 0 0;font-size:21px}.candidate-invitation-status{color:#475569;white-space:nowrap;background:#f1f5f9;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800;display:inline-flex}.candidate-invitation-status.status-pending{color:#c2410c;background:#fff7ed}.candidate-invitation-status.status-success{color:#15803d;background:#dcfce7}.candidate-invitation-status.status-muted{color:#64748b;background:#f1f5f9}.candidate-interview-info{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px;display:grid}.candidate-interview-info>div,.candidate-interview-location{flex-direction:column;gap:5px;display:flex}.candidate-interview-info span,.candidate-interview-location span,.candidate-interview-message span{color:#64748b;font-size:12px}.candidate-interview-info strong,.candidate-interview-location strong{color:#0f172a;font-size:14px}.candidate-interview-location{margin-top:16px}.candidate-interview-message{background:#f8fafc;border-radius:10px;margin-top:18px;padding:14px}.candidate-interview-message p{color:#475569;margin:5px 0 0;line-height:1.6}.candidate-invitation-actions{border-top:1px solid #e2e8f0;justify-content:flex-end;gap:10px;margin-top:22px;padding-top:18px;display:flex}.candidate-invitation-actions button{width:auto;min-width:120px}@media (width<=600px){.candidate-invitation-heading{flex-direction:column}.candidate-interview-info{grid-template-columns:1fr}.candidate-invitation-actions{flex-direction:column-reverse}.candidate-invitation-actions button{width:100%}}.employer-interview-management{padding:26px}.employer-interview-management-heading{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:22px;display:flex}.employer-interview-management-heading h2{color:#0f172a;margin:0;font-size:24px;line-height:1.3}.employer-interview-management-heading p{color:#64748b;margin:7px 0 0;line-height:1.6}.employer-interview-batch-count{color:#4f63e9;background:#eef2ff;border-radius:999px;flex-shrink:0;padding:7px 11px;font-size:12px;font-weight:800}.employer-interview-batch-list{flex-direction:column;gap:14px;display:flex}.employer-interview-batch{background:#fff;border:1px solid #e2e8f0;border-radius:14px;overflow:hidden}.employer-interview-batch-header{background:#f8fafc;border-bottom:1px solid #e8edf3;justify-content:space-between;align-items:flex-start;gap:20px;padding:17px 18px;display:flex}.employer-interview-batch-header h3{color:#0f172a;margin:0;font-size:17px}.employer-interview-batch-header p{color:#64748b;margin:5px 0 0;font-size:13px;line-height:1.5}.employer-interview-batch-status{color:#4f63e9;white-space:nowrap;background:#eef2ff;border-radius:999px;flex-shrink:0;padding:6px 10px;font-size:11px;font-weight:800}.employer-interview-candidate-list{padding:0 18px}.employer-interview-candidate{border-bottom:1px solid #edf2f7;padding:17px 0}.employer-interview-candidate:last-child{border-bottom:0}.employer-interview-candidate-main{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.employer-interview-candidate-main>div:first-child{min-width:0}.employer-interview-candidate-main strong{color:#0f172a;font-size:15px;line-height:1.45;display:block}.employer-interview-candidate-main>div:first-child>span{color:#64748b;margin-top:4px;font-size:13px;display:block}.employer-interview-candidate-meta{flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;align-items:center;gap:8px;display:flex}.employer-interview-candidate-meta>span:first-child{color:#4f63e9;font-size:12px;font-weight:800}.employer-invitation-status{color:#475569;white-space:nowrap;background:#f1f5f9;border-radius:999px;align-items:center;min-height:27px;padding:5px 9px;font-size:11px;font-weight:800;display:inline-flex}.employer-invitation-status.status-sent{color:#c2410c;background:#fff7ed}.employer-invitation-status.status-accepted{color:#15803d;background:#dcfce7}.employer-invitation-status.status-rejected{color:#b91c1c;background:#fee2e2}.employer-invitation-status.status-attended{color:#166534;background:#dcfce7}.employer-invitation-status.status-no_show{color:#92400e;background:#fef3c7}.employer-invitation-status.status-draft{color:#64748b;background:#f1f5f9}.employer-interview-attendance-actions{border-top:1px solid #edf2f7;justify-content:flex-end;gap:9px;margin-top:14px;padding-top:14px;display:flex}.employer-interview-attendance-actions button{width:auto;min-width:120px}.employer-interview-attendance-actions button:disabled{opacity:.55;cursor:not-allowed}@media (width<=760px){.employer-interview-management{padding:20px}.employer-interview-management-heading,.employer-interview-candidate-main{flex-direction:column}.employer-interview-candidate-meta{justify-content:flex-start}.employer-interview-attendance-actions{flex-direction:column}.employer-interview-attendance-actions button{width:100%}}.wallet-page{gap:22px;display:grid}.wallet-heading{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.wallet-heading h1{color:#101828;margin:0;font-size:30px}.wallet-heading>div:first-child>p:last-child{color:#667085;margin:8px 0 0}.wallet-eyebrow{letter-spacing:.08em;text-transform:uppercase;color:#667085;margin:0 0 6px;font-size:12px;font-weight:800}.wallet-company{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.wallet-company span{color:#667085;font-size:12px}.wallet-company strong{color:#101828}.wallet-balance-card{background:#fff;border:1px solid #e4e7ec;border-radius:20px;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:28px;padding:28px;display:grid}.wallet-main-balance{min-width:0}.wallet-main-balance>span,.wallet-balance-stats span{color:#667085;margin-bottom:8px;font-size:13px;display:block}.wallet-main-balance>strong{color:#101828;font-size:38px;line-height:1.2;display:block}.wallet-main-balance p{color:#667085;margin:10px 0 0;font-size:13px}.wallet-balance-stats{grid-template-columns:1fr 1fr;gap:14px;display:grid}.wallet-balance-stats>div{background:#f8f9fc;border-radius:14px;padding:18px}.wallet-balance-stats strong{color:#101828;font-size:20px;display:block}.wallet-history-card{background:#fff;border:1px solid #e4e7ec;border-radius:18px;overflow:hidden}.wallet-history-header{border-bottom:1px solid #eaecf0;justify-content:space-between;align-items:flex-start;gap:20px;padding:22px 24px;display:flex}.wallet-history-header h2{color:#101828;margin:0;font-size:21px}.wallet-history-count{color:#475467;background:#f2f4f7;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700}.wallet-transactions{padding:0 24px}.wallet-transaction{border-bottom:1px solid #eaecf0;justify-content:space-between;align-items:center;gap:24px;padding:18px 0;display:flex}.wallet-transaction:last-child{border-bottom:0}.wallet-transaction-info{min-width:0}.wallet-transaction-info strong{color:#101828;margin-bottom:4px;display:block}.wallet-transaction-info p{color:#667085;margin:0;font-size:13px}.wallet-transaction-info span{color:#98a2b3;margin-top:5px;font-size:12px;display:block}.wallet-transaction-amount{flex:none;font-size:16px;font-weight:800}.wallet-transaction-amount--credit{color:#067647}.wallet-transaction-amount--debit{color:#b42318}.wallet-empty{text-align:center;color:#667085;padding:36px 24px}.wallet-error{color:#b42318;background:#fef3f2;border-radius:10px;padding:12px 16px}@media (width<=800px){.wallet-heading{flex-direction:column}.wallet-company{align-items:flex-start}.wallet-balance-card{grid-template-columns:1fr}.wallet-balance-stats{grid-template-columns:1fr 1fr}}@media (width<=520px){.wallet-balance-stats{grid-template-columns:1fr}.wallet-transaction{align-items:flex-start}}.wallet-topup-button{margin-top:20px}.wallet-topup-card{background:#fff;border:1px solid #e4e7ec;border-radius:18px;padding:26px}.wallet-topup-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.wallet-topup-header h2{color:#101828;margin:0;font-size:22px}.wallet-topup-header>div>p:last-child{color:#667085;margin:7px 0 0;font-size:14px}.wallet-topup-close{color:#475467;cursor:pointer;background:#f2f4f7;border:0;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;padding:0;font-size:25px;display:inline-flex}.wallet-topup-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.wallet-topup-option{color:#344054;cursor:pointer;background:#fff;border:1px solid #d0d5dd;border-radius:10px;min-height:48px;padding:10px 12px;font-weight:700}.wallet-topup-option--active{color:#4154d8;background:#eef1ff;border-color:#5367e9}.wallet-topup-custom{gap:8px;margin-top:20px;display:grid}.wallet-topup-custom span{color:#475467;font-size:13px;font-weight:700}.wallet-topup-custom input{color:#101828;background:#fff;border:1px solid #d0d5dd;border-radius:10px;outline:none;width:100%;min-height:46px;padding:0 14px;font-size:16px}.wallet-topup-custom input:focus{border-color:#5367e9}.wallet-topup-summary{background:#f8f9fc;border-radius:12px;justify-content:space-between;align-items:center;gap:20px;margin-top:18px;padding:16px;display:flex}.wallet-topup-summary span{color:#667085}.wallet-topup-summary strong{color:#101828;font-size:20px}.wallet-create-payment{width:100%;margin-top:18px}.wallet-payment{max-width:560px;margin:0 auto}.wallet-payment-status{background:#f8f9fc;border-radius:10px;justify-content:space-between;align-items:center;gap:20px;padding:12px 14px;display:flex}.wallet-payment-status span{color:#667085}.wallet-payment-status strong{color:#b54708}.wallet-payment-qr{justify-content:center;padding:24px 0;display:flex}.wallet-payment-qr svg{max-width:100%;height:auto}.wallet-payment-details{border:1px solid #e4e7ec;border-radius:12px;overflow:hidden}.wallet-payment-details>div{border-bottom:1px solid #eaecf0;justify-content:space-between;gap:20px;padding:13px 15px;display:flex}.wallet-payment-details>div:last-child{border-bottom:0}.wallet-payment-details span{color:#667085}.wallet-payment-details strong{color:#101828;text-align:right;word-break:break-word}.wallet-payos-link{justify-content:center;align-items:center;margin-top:18px;text-decoration:none;display:flex}.wallet-payment-message{color:#067647;background:#ecfdf3;border-radius:10px;margin-top:16px;padding:12px 14px;font-size:14px}.wallet-payment-message--error{color:#b42318;background:#fef3f2}.wallet-payment-waiting{text-align:center;color:#667085;margin:14px 0 0;font-size:13px}.wallet-payment-success{text-align:center;background:#ecfdf3;border-radius:16px;padding:30px}.wallet-payment-success>strong{color:#067647;font-size:20px;display:block}.wallet-payment-success>span{color:#067647;margin-top:12px;font-size:30px;font-weight:800;display:block}.wallet-payment-success p{color:#475467;margin:10px 0 20px}@media (width<=700px){.wallet-topup-options{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=420px){.wallet-topup-options{grid-template-columns:1fr}}.wallet-return-notice{border-radius:12px;justify-content:space-between;align-items:center;gap:20px;padding:14px 16px;font-size:14px;font-weight:600;display:flex}.wallet-return-notice--success{color:#067647;background:#ecfdf3;border:1px solid #abefc6}.wallet-return-notice--cancel{color:#b54708;background:#fffaeb;border:1px solid #fedf89}.wallet-return-notice button{color:currentColor;cursor:pointer;background:0 0;border:0;border-radius:8px;flex:none;width:30px;height:30px;padding:0;font-size:21px;line-height:1}.wallet-return-notice button:hover{background:#0000000d}.wallet-transaction-amount--hold{color:#b54708}
