@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@700;800&display=swap";:root{color:#172033;background:#f5f6f8;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}.auth{grid-template-columns:1.1fr .9fr;min-height:100vh;display:grid}.auth-copy{color:#fff;background:linear-gradient(145deg,#13233f,#214778);flex-direction:column;justify-content:space-between;padding:55px 8vw;display:flex}.auth-copy h1{max-width:720px;margin:18px 0;font:800 clamp(42px,5vw,74px)/1 Manrope}.auth-copy p{color:#cbd5e4;max-width:540px;font-size:18px;line-height:1.7}.auth-form{place-items:center;padding:30px;display:grid}.auth-form form{gap:18px;width:min(430px,100%);display:grid}h1,h2,h3,p{margin-top:0}.auth-form h2,.title-row h2{color:#13233f;margin:0;font:800 34px Manrope}.auth-form p,.title-row p{color:#6c7788}.eyebrow{color:#ef6c35;text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:800}.eyebrow.inverse{color:#ffad87}.brand{align-items:center;gap:12px;display:flex}.brand>div{color:#fff;background:#ef6c35;border-radius:12px;place-items:center;width:43px;height:43px;font:800 21px Manrope;display:grid}.brand p{margin:0}.brand b{font:800 18px Manrope;display:block}.brand b span{color:#ef6c35}.brand small{color:#90a0b7;text-transform:uppercase;letter-spacing:.15em;font-size:9px;display:block}.auth-copy .brand small{color:#c5d1e1}label{color:#3c4758;gap:7px;font-size:13px;font-weight:700;display:grid}input,textarea,select{background:#fff;border:1px solid #d8dee7;border-radius:9px;outline:none;width:100%;padding:12px}input:focus,textarea:focus,select:focus{border-color:#ef6c35;box-shadow:0 0 0 3px #ef6c3515}.primary,.secondary{border:0;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-weight:800;display:inline-flex}.primary{color:#fff;background:#ef6c35;box-shadow:0 7px 16px #ef6c3530}.primary:hover{background:#db5925}.primary svg{width:17px}.secondary{color:#243650;background:#eef1f5}.error,.notice{border-radius:8px;padding:11px 13px;font-size:13px}.error{color:#aa2929;background:#ffeded}.notice{color:#18774a;background:#e9f7ef}.shell{grid-template-columns:245px 1fr;min-height:100vh;display:grid}.shell>aside{color:#fff;background:#13233f;flex-direction:column;height:100vh;padding:28px 19px;display:flex;position:sticky;top:0}.shell nav{gap:7px;margin-top:48px;display:grid}.nav,.logout{color:#aebbd0;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:12px;font-weight:700;display:flex}.nav svg,.logout svg{width:18px}.nav:hover,.nav.active{color:#fff;background:#ffffff12}.nav.active{box-shadow:inset 3px 0 #ef6c35}.logout{margin-top:auto}.workspace{min-width:0;padding:31px clamp(24px,4vw,60px)}.workspace>header{justify-content:space-between;align-items:center;margin-bottom:44px;display:flex}.workspace>header h1{margin:5px 0;font:800 28px Manrope}.user-chip{text-align:right}.user-chip b,.user-chip small{display:block}.user-chip small{color:#7d8796;margin-top:3px}.title-row{justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px;display:flex}.stats{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.stat,.callout,.table-card,.job-form,.candidate,.empty{background:#fff;border:1px solid #e0e5ec;border-radius:13px;box-shadow:0 7px 23px #21304d08}.stat{border-top:3px solid #ef6c35;padding:23px}.stat small{color:#6b7687;font-weight:700}.stat b{color:#13233f;margin-top:9px;font:800 38px Manrope;display:block}.callout{align-items:center;gap:17px;margin-top:18px;padding:24px;display:flex}.callout>svg{color:#ef6c35;width:35px}.callout div{flex:1}.callout h3{margin-bottom:5px}.callout p{color:#6d7787;margin:0}.table-card{overflow:auto}table{border-collapse:collapse;width:100%;min-width:760px}th,td{text-align:left;border-bottom:1px solid #edf0f3;padding:15px}th{color:#748093;text-transform:uppercase;letter-spacing:.1em;background:#f8f9fb;font-size:10px}td b,td small{display:block}td small{color:#7b8595;margin-top:4px}.status{color:#42526d;text-transform:capitalize;background:#e9eef5;border-radius:99px;padding:5px 9px;font-size:11px;font-weight:800;display:inline-block}.status.published,.status.hired{color:#147a4a;background:#e6f7ee}.status.draft,.status.shortlisted{color:#976000;background:#fff3db}.status.closed,.status.rejected{color:#a42b2b;background:#ffeded}.job-form{max-width:900px;padding:25px}.grid{grid-template-columns:1fr 1fr;gap:17px;display:grid}.wide{grid-column:1/-1}.job-form>.primary{margin-top:20px}.cards{gap:14px;display:grid}.candidate{padding:21px}.candidate-head{align-items:center;gap:12px;display:flex}.candidate-head .status{margin-left:auto}.avatar{color:#c74b1c;text-transform:uppercase;background:#ffe5da;border-radius:11px;place-items:center;width:43px;height:43px;font-weight:800;display:grid}.candidate h3{margin:0}.candidate-head p{color:#727d8e;margin:3px 0 0}.candidate-body{padding:17px 0}.candidate-body p{color:#697486;margin:7px 0}.candidate blockquote{color:#586477;background:#f7f8fa;border-left:3px solid #ef6c35;margin:12px 0 0;padding:12px}.candidate-foot{border-top:1px solid #edf0f3;justify-content:space-between;align-items:center;padding-top:14px;display:flex}.candidate-foot a{color:#ef6c35;font-weight:800;text-decoration:none}.candidate-foot select{width:150px;padding:8px}.empty{text-align:center;color:#768193;padding:40px}.splash{color:#fff;background:#13233f;place-items:center;min-height:100vh;font:800 28px Manrope;display:grid}@media (width<=760px){.auth{grid-template-columns:1fr}.auth-copy{min-height:310px;padding:32px 24px}.auth-copy small{display:none}.shell{display:block}.shell>aside{height:auto;padding:16px;position:static}.shell nav{grid-template-columns:repeat(4,1fr);margin-top:17px}.nav{justify-content:center;font-size:0}.logout{font-size:0;position:absolute;top:20px;right:14px}.workspace{padding:24px 16px}.workspace>header{margin-bottom:30px}.user-chip{display:none}.title-row{flex-direction:column;align-items:stretch}.stats{grid-template-columns:1fr}.callout{flex-wrap:wrap;align-items:flex-start}.callout .secondary{width:100%}.grid{grid-template-columns:1fr}.wide{grid-column:auto}}.form-actions{gap:12px;margin-top:20px;display:flex}.actions{align-items:center;gap:8px;display:flex}.secondary.compact,.primary.compact{padding:8px 12px;font-size:12px}.title-row h3{color:#13233f;margin:0;font:800 24px Manrope}
