@import url('theme.css?v=20260929-6');
:root{--navy:#132a3e;--navy2:#0d2031;--teal:#19a88f;--teal2:#e9f8f5;--blue:#377cf6;--orange:#f59e42;--red:#e05252;--ink:#172b3a;--muted:#718096;--line:#e4eaf0;--bg:#f4f7fa;--white:#fff;--shadow:0 8px 24px rgba(25,43,58,.07)}
*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--ink);font-size:14px}a{text-decoration:none;color:inherit}.sidebar{position:fixed;inset:0 auto 0 0;width:244px;background:linear-gradient(180deg,var(--navy),var(--navy2));color:#d8e3ec;display:flex;flex-direction:column;padding:25px 16px;z-index:10}.brand{display:flex;align-items:center;gap:12px;font-size:19px;font-weight:700;color:#fff;padding:0 8px 28px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:var(--teal);font-size:22px}.brand small{display:block;color:#91a5b7;font-size:10px;font-weight:500;letter-spacing:.8px;margin-top:2px}.sidebar nav{display:grid;gap:5px}.nav-link{display:flex;align-items:center;gap:12px;padding:11px 13px;border-radius:8px;color:#aebfcd;font-weight:500}.nav-link span{font-size:18px;width:20px;text-align:center}.nav-link:hover,.nav-link.active{background:rgba(25,168,143,.16);color:#fff}.nav-link.active{border-left:3px solid var(--teal)}.sidebar-user{margin-top:auto;padding:17px 8px 0;border-top:1px solid rgba(255,255,255,.1);display:flex;gap:10px;align-items:center}.avatar{width:36px;height:36px;min-width:36px;border-radius:50%;background:#2f5570;color:white;display:grid;place-items:center;font-weight:700}.sidebar-user strong,.sidebar-user small{display:block;max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user strong{font-size:12px;color:#fff}.sidebar-user small{font-size:10px;color:#91a5b7;margin-top:2px}.logout{margin-left:auto;color:#91a5b7;font-size:18px}.main{margin-left:244px;min-height:100vh}.topbar{height:74px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 31px;position:sticky;top:0;z-index:5}.topbar>div{display:flex;align-items:center;gap:16px}.topbar h1{font-size:20px;margin:0}.today{color:var(--muted);font-size:12px}.icon-btn,.menu-btn{border:1px solid var(--line);background:#fff;border-radius:8px;padding:8px 10px;cursor:pointer}.menu-btn{display:none}.content{padding:27px 31px}.page-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:22px;gap:15px}.page-head h2{margin:0 0 5px;font-size:22px}.page-head p{margin:0;color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:7px;padding:10px 16px;background:var(--teal);color:white;font-weight:600;cursor:pointer;font-size:13px}.btn:hover{filter:brightness(.96)}.btn-secondary{background:#fff;color:var(--ink);border:1px solid var(--line)}.btn-danger{background:var(--red)}.btn-sm{padding:6px 10px;font-size:11px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:22px}.stat{background:white;border:1px solid var(--line);border-radius:11px;padding:19px;box-shadow:var(--shadow);display:flex;justify-content:space-between}.stat-label{color:var(--muted);font-size:12px}.stat-value{font-size:25px;font-weight:700;margin:8px 0 3px}.stat-note{font-size:11px;color:var(--teal)}.stat-icon{width:42px;height:42px;border-radius:10px;background:var(--teal2);color:var(--teal);display:grid;place-items:center;font-size:20px}.grid-2{display:grid;grid-template-columns:2fr 1fr;gap:20px}.grid-equal{display:grid;grid-template-columns:1fr 1fr;gap:20px}.card{background:#fff;border:1px solid var(--line);border-radius:11px;box-shadow:var(--shadow);margin-bottom:20px}.card-head{padding:17px 19px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.card-head h3{font-size:15px;margin:0}.card-body{padding:19px}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse}.table th{text-align:left;padding:11px 14px;background:#f8fafc;color:#647585;font-size:11px;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap}.table td{padding:12px 14px;border-bottom:1px solid #edf1f4;vertical-align:middle}.table tr:last-child td{border-bottom:0}.employee{display:flex;align-items:center;gap:10px}.employee .avatar{background:#e8f2f6;color:#31556d}.employee strong,.employee small{display:block}.employee small{color:var(--muted);font-size:11px;margin-top:2px}.badge{display:inline-block;border-radius:20px;padding:4px 9px;font-size:10px;font-weight:700;background:#edf1f5;color:#526474}.badge-active,.badge-approved,.badge-present,.badge-selected,.badge-completed,.badge-paid{background:#e5f7f1;color:#16806c}.badge-pending,.badge-on-leave,.badge-shortlisted,.badge-interview,.badge-in-progress{background:#fff3df;color:#ac691c}.badge-rejected,.badge-absent,.badge-closed{background:#fdeaea;color:#bb3f3f}.badge-manager,.badge-admin{background:#e8efff;color:#3467c3}.badge-hr,.badge-team-lead{background:#f0eaff;color:#7952b3}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.form-group{display:grid;gap:6px}.form-group.full{grid-column:1/-1}.form-group label{font-size:12px;font-weight:600;color:#415565}.form-control{width:100%;border:1px solid #dce4eb;border-radius:7px;padding:10px 11px;background:#fff;color:var(--ink);font:inherit;outline:none}.form-control:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(25,168,143,.1)}textarea.form-control{min-height:82px;resize:vertical}.form-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:9px;margin-top:6px}.filters{display:flex;gap:10px;align-items:center;margin-bottom:17px;flex-wrap:wrap}.filters .form-control{max-width:250px}.alert{padding:12px 15px;border-radius:8px;margin-bottom:18px;transition:.3s}.alert-success{background:#e5f7f1;color:#126b5a}.alert-error{background:#fdeaea;color:#a73333}.alert.fade{opacity:.35}.empty{text-align:center;padding:38px;color:var(--muted)}.empty b{display:block;color:var(--ink);margin-bottom:5px}.progress{height:7px;background:#edf1f4;border-radius:9px;overflow:hidden}.progress span{display:block;height:100%;background:var(--teal)}.quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick-actions a{border:1px solid var(--line);border-radius:8px;padding:14px;text-align:center;background:#fafcfd;font-size:12px;font-weight:600}.quick-actions a span{display:block;font-size:20px;color:var(--teal);margin-bottom:6px}.activity{display:grid;gap:16px}.activity-item{display:flex;gap:11px}.dot{width:9px;height:9px;border-radius:50%;background:var(--teal);margin-top:5px}.activity-item p{margin:0;font-size:12px}.activity-item small{color:var(--muted)}.login-page{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr;background:#fff}.login-visual{background:linear-gradient(145deg,#10283b,#176a68);padding:70px;color:white;display:flex;flex-direction:column;justify-content:center}.login-visual h1{font-size:42px;margin:20px 0 13px}.login-visual p{font-size:16px;line-height:1.7;color:#c5dadb;max-width:520px}.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:30px}.feature-list div{padding:13px;background:rgba(255,255,255,.07);border-radius:8px}.login-panel{display:grid;place-items:center;padding:35px}.login-box{width:min(390px,100%)}.login-box h2{font-size:27px;margin-bottom:8px}.login-box>p{color:var(--muted);margin-bottom:27px}.login-box .form-group{margin-bottom:15px}.login-box .btn{width:100%;margin-top:8px;padding:12px}.demo{background:#f5f8fa;padding:12px;border-radius:7px;font-size:11px;color:#5e7181;margin-top:18px}.bar-list{display:grid;gap:16px}.bar-row{display:grid;grid-template-columns:100px 1fr 35px;align-items:center;gap:10px;font-size:12px}.toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center}.actions{display:flex;gap:6px}.muted{color:var(--muted)}.kpi-positive{color:var(--teal)}.kpi-negative{color:var(--red)}
.workflow{display:flex;gap:0;overflow:auto;padding:20px}.workflow-step{display:flex;align-items:center;gap:8px;min-width:145px;position:relative;color:var(--muted)}.workflow-step:not(:last-child):after{content:"";height:2px;background:var(--line);width:28px;margin-left:auto;margin-right:8px}.workflow-step b{width:28px;height:28px;min-width:28px;border-radius:50%;display:grid;place-items:center;background:#edf1f4}.workflow-step span{font-size:11px;font-weight:700}.workflow-step small{display:block;font-weight:400;margin-top:2px}.workflow-step.done b{background:var(--teal);color:#fff}.workflow-step.done{color:var(--ink)}.workflow-step.active b{background:var(--orange);color:#fff}.workflow-step.failed b{background:var(--red);color:#fff}.round-card{padding:15px 0;border-bottom:1px solid var(--line)}.round-card:first-child{padding-top:0}.round-card:last-child{border:0}.round-title{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:10px}.round-title small{display:block;color:var(--muted);font-weight:400;margin-top:4px}.inline-panel{background:#f8fafc;border:1px solid var(--line);border-radius:8px;padding:13px;margin-top:10px;display:grid;gap:7px}.inline-panel label{font-size:11px;font-weight:600}details summary{cursor:pointer;list-style:none;width:max-content}
@media(max-width:1050px){.stats{grid-template-columns:repeat(2,1fr)}.grid-2,.grid-equal{grid-template-columns:1fr}}
@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:.2s}.menu-open .sidebar{transform:none}.main{margin-left:0}.menu-btn{display:block}.content{padding:20px 15px}.topbar{padding:0 15px}.stats{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-group.full,.form-actions{grid-column:1}.login-page{grid-template-columns:1fr}.login-visual{display:none}.page-head{flex-direction:column}.today{display:none}}
.sidebar-user{display:grid;grid-template-columns:36px minmax(0,1fr);column-gap:10px;row-gap:0;align-items:center}.sidebar-user strong,.sidebar-user small{max-width:100%}.sidebar-user .logout{grid-column:1/-1;width:100%;margin:10px 0 0;color:#fff;background:rgba(224,82,82,.16);border:1px solid rgba(255,255,255,.12);border-radius:7px;padding:9px 10px;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:6px}.sidebar-user .logout:hover{background:var(--red);border-color:var(--red)}.sidebar-user .logout span{font-size:14px}
.sidebar{overflow-y:auto}.sidebar nav{flex:0 0 auto}.sidebar-user{margin-top:24px}

/* Global action feedback toasts. Inline status alerts remain in normal page flow. */
.toast-region{position:fixed;top:92px;right:24px;z-index:1200;width:min(390px,calc(100vw - 32px));display:grid;gap:12px;pointer-events:none}.toast-notification{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr) 28px;align-items:center;gap:12px;min-height:66px;margin:0;padding:13px 12px;border-radius:12px;background:#fff!important;color:var(--ink)!important;border:1px solid var(--line)!important;box-shadow:0 18px 46px rgba(23,43,58,.18);overflow:hidden;pointer-events:auto;animation:toast-in .28s ease-out both}.toast-notification::before{content:'\2713';width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#e5f3ed;color:#24705f;font-size:20px;font-weight:800}.toast-notification.alert-error::before{content:'!';background:#f9e8e8;color:#a33f45}.toast-notification::after{content:'';position:absolute;left:0;right:0;bottom:0;height:3px;background:#3d8a78;transform-origin:left;animation:toast-life 5s linear forwards}.toast-notification.alert-error::after{background:#b64e52}.toast-message{min-width:0;line-height:1.45;font-weight:600}.toast-message strong{display:block;margin-bottom:2px;font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:#24705f}.toast-notification.alert-error .toast-message strong{color:#a33f45}.toast-close{width:28px;height:28px;display:grid;place-items:center;border:0;border-radius:7px;background:transparent;color:#6c797f;font-size:21px;line-height:1;cursor:pointer}.toast-close:hover{background:#f0f3f2;color:#253942}.toast-notification.toast-leaving{animation:toast-out .24s ease-in both}.toast-notification.fade{opacity:1}@keyframes toast-in{from{opacity:0;transform:translate3d(22px,-8px,0) scale(.97)}to{opacity:1;transform:none}}@keyframes toast-out{to{opacity:0;transform:translate3d(26px,0,0) scale(.98)}}@keyframes toast-life{from{transform:scaleX(1)}to{transform:scaleX(0)}}@media(max-width:760px){.toast-region{top:82px;right:16px;left:16px;width:auto}}
.btn.is-disabled,.btn.is-disabled:hover{opacity:.48;cursor:not-allowed;filter:saturate(.45);transform:none;box-shadow:none}
.brand{display:flex;align-items:center;padding:0 8px 28px}.brand-logo{display:block;width:100%;max-width:190px;height:auto}
.login-logo{display:block;width:min(270px,80%);height:auto;margin-bottom:18px}.offer-logo{display:block;width:230px;max-width:80%;height:auto}.doc-logo{display:inline-flex;background:var(--navy);border-radius:7px;padding:8px 12px}.doc-logo img{display:block;width:155px;height:auto}
.question-bank-head{align-items:center}.question-stats{margin-bottom:16px}.job-question-tabs{display:flex;gap:10px;overflow:auto;padding:2px 2px 12px;margin-bottom:8px;scrollbar-width:thin}.job-question-tab{min-width:175px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px 13px;display:flex;align-items:center;justify-content:space-between;gap:12px;box-shadow:0 3px 12px rgba(25,43,58,.04)}.job-question-tab span{font-size:12px;font-weight:700}.job-question-tab small{display:block;color:var(--muted);font-size:10px;font-weight:500;margin-top:3px}.job-question-tab b{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#edf3f6;color:#526474;font-size:11px}.job-question-tab.active{background:var(--navy);border-color:var(--navy);color:#fff}.job-question-tab.active small{color:#afc1cf}.job-question-tab.active b{background:var(--teal);color:#fff}.question-bank-layout{display:grid;grid-template-columns:minmax(320px,370px) minmax(0,1fr);gap:20px;align-items:start}.question-editor{position:sticky;top:94px}.question-editor .card-head{align-items:flex-start}.question-editor .card-head small{display:block;margin-top:4px}.question-form{display:grid;gap:14px}.question-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.question-form .form-actions{grid-column:auto;margin-top:2px;justify-content:flex-start;flex-wrap:wrap}.check-row{display:flex;gap:10px;align-items:flex-start;padding:11px;border:1px solid var(--line);border-radius:8px;background:#f8fafc;cursor:pointer}.check-row input{margin-top:2px;accent-color:var(--teal)}.check-row b,.check-row small{display:block}.check-row small{color:var(--muted);font-size:10px;margin-top:2px}.question-list-head{gap:15px}.question-list-head>div{min-width:0}.question-list-head small{display:block;margin-top:4px}.question-list-head .form-control{max-width:290px}.question-list{padding:0}.question-item{display:grid;grid-template-columns:36px minmax(0,1fr) auto;gap:12px;padding:18px 19px;border-bottom:1px solid var(--line);align-items:start}.question-item:last-child{border-bottom:0}.question-item.inactive{background:#fafbfc;opacity:.72}.question-index{width:30px;height:30px;border-radius:8px;background:var(--teal2);color:var(--teal);display:grid;place-items:center;font-weight:800;font-size:11px}.question-meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap;color:var(--muted);font-size:10px}.question-meta>span{padding:3px 7px;border-radius:12px;background:#f1f4f7}.question-meta .question-job{background:#eaf1fb;color:#315e95;font-weight:700}.question-meta .difficulty-beginner{background:#e5f7f1;color:#16806c}.question-meta .difficulty-intermediate{background:#fff3df;color:#ac691c}.question-meta .difficulty-advanced{background:#f0eaff;color:#7952b3}.question-main h4{font-size:14px;line-height:1.45;margin:9px 0 8px}.question-main details summary{font-size:11px;color:var(--teal);font-weight:700}.question-main details p{background:#f8fafc;border-left:3px solid var(--teal);padding:10px 12px;border-radius:0 7px 7px 0;color:#455b6c;font-size:12px;line-height:1.55;margin:8px 0}.question-foot{display:flex;gap:16px;color:var(--muted);font-size:10px;margin-top:10px}.question-foot b{color:var(--ink)}.question-actions{display:flex;gap:6px;align-items:center}.question-actions form{margin:0}
@media(max-width:1180px){.question-bank-layout{grid-template-columns:1fr}.question-editor{position:static}.job-question-tab{min-width:160px}}
.question-bank-layout.viewer-only{grid-template-columns:minmax(0,1fr)}
@media(max-width:760px){.question-form-row{grid-template-columns:1fr}.question-list-head{align-items:flex-start;flex-direction:column}.question-list-head .form-control{max-width:none}.question-item{grid-template-columns:32px minmax(0,1fr)}.question-actions{grid-column:2}.question-bank-head{align-items:flex-start}}

/* Talent Hub visual system */
:root{--navy:#062f49;--navy2:#031d30;--teal:#04b8b4;--teal2:#e7f9f8;--ink:#0d2231;--muted:#607682;--line:#dce6ea;--bg:#f7fafb;--shadow:0 3px 12px rgba(17,45,59,.08)}
body{background:var(--bg)}
.sidebar{width:254px;padding:22px 15px;background:linear-gradient(180deg,var(--navy),var(--navy2))}
.main{margin-left:254px}
.brand{gap:12px;padding:0 8px 20px;border-bottom:1px solid rgba(255,255,255,.11)}
.brand-logo{width:96px;max-width:42%}
.brand-product{padding-left:11px;border-left:1px solid rgba(255,255,255,.18);white-space:nowrap}
.brand-product b,.brand-product small{display:block}
.brand-product b{font-size:13px;color:#fff}
.brand-product small{font-size:9px;color:#9fb4c2;letter-spacing:.25px;margin-top:3px}
.sidebar nav{gap:3px;padding-top:10px}
.nav-section{padding:13px 12px 5px;color:#6f91a5;text-transform:uppercase;font-size:9px;font-weight:800;letter-spacing:1.25px}
.nav-link{padding:10px 13px;font-size:12px;font-weight:600;color:#b9cbd5}
.nav-link span{font-size:16px}
.nav-link:hover,.nav-link.active{background:rgba(4,184,180,.16)}
.nav-link.active{border-left:0;box-shadow:inset 3px 0 var(--teal)}
.topbar{height:78px;background:rgba(255,255,255,.96);backdrop-filter:blur(10px)}
.topbar h1{font-size:17px}
.workspace-title small{display:block;color:var(--muted);font-size:10px;margin-top:2px}
.role-chip{border:1px solid #8bdeda;border-radius:18px;padding:5px 11px;background:#e8fbfa;color:#008f91;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.35px}
.icon-btn{position:relative;border-radius:9px}
.notification-link b{position:absolute;right:-5px;top:-6px;display:grid;place-items:center;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:var(--red);color:#fff;font-size:8px}
.card,.stat{border-radius:15px;box-shadow:var(--shadow)}
.btn{border-radius:9px}
@media(max-width:760px){.main{margin-left:0}.role-chip{display:none}.brand-logo{max-width:42%}}
.onboarding-form-card{border-top:4px solid var(--teal)}.onboarding-intro{padding:17px 20px;background:#eef9f8;border-bottom:1px solid #cdeae7}.onboarding-intro strong,.onboarding-intro small{display:block}.onboarding-intro small{color:var(--muted);margin-top:5px}.onboarding-section{grid-column:1/-1;margin:6px 0 -3px;padding-top:8px;border-top:1px solid var(--line);font-size:13px}.onboarding-files{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.file-field{padding:12px;border:1px dashed #a9bdc5;border-radius:10px;background:#f9fbfc}.file-field label,.file-field small{display:block}.file-field small{color:var(--muted);font-size:9px;margin:4px 0 8px}.onboarding-docs{grid-column:1/-1;display:flex;gap:7px;flex-wrap:wrap}.onboarding-docs span{padding:6px 9px;border-radius:15px;background:#e5f7f1;color:#14765f;font-size:10px}@media(max-width:650px){.onboarding-files{grid-template-columns:1fr}}
.final-review-form{display:grid;gap:13px}.final-review-form .toolbar{flex-wrap:wrap}.review-summary p{margin:0 0 14px;line-height:1.5}.review-summary p:last-child{margin-bottom:0}.rating-value{display:inline-flex;align-items:center;padding:6px 10px;border-radius:18px;background:var(--teal2);color:#16806c;font-size:16px;font-weight:800}
.interviewer-assignment{border-top:3px solid var(--teal)}.interviewer-assignment .card-head{align-items:flex-start}.interviewer-assignment .card-head small{display:block;margin-top:4px}.assigned-person{display:flex;align-items:center;gap:10px;background:#f6fafb;border:1px solid var(--line);border-radius:9px;padding:11px;margin-bottom:14px}.assigned-person .avatar{background:var(--teal2);color:#16806c}.assigned-person small,.assigned-person strong{display:block}.assigned-person small{font-size:10px;color:var(--muted);margin-bottom:2px}.badge-assigned{background:#e5f7f1;color:#16806c}.btn.is-loading{cursor:wait;opacity:.72}.btn.is-loading::after{content:' …'}
.application-editor{border-top:3px solid var(--blue)}.application-editor>summary{cursor:pointer;list-style:none}.application-editor>summary::-webkit-details-marker{display:none}.application-editor>summary .muted{display:block;margin-top:4px}.application-editor[open]>summary{background:#f8fbfd}.application-editor .application-position{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:8px;background:#eef4ff;border:1px solid #dbe7ff}.application-position small,.application-position strong{display:block}.application-position small{color:var(--muted)}.application-fresher{align-self:end;margin:0;min-height:63px}@media(max-width:760px){.application-editor .application-position{grid-column:1;align-items:flex-start;flex-direction:column}}