.hpi-hero{display:flex;justify-content:space-between;gap:30px;padding:34px;border-radius:24px;background:radial-gradient(circle at 75% 20%,rgba(244,184,83,.22),transparent 28%),linear-gradient(125deg,#101a39,#30215f 65%,#17536a);color:#fff}.hpi-hero>div:first-child{max-width:790px}.hpi-hero small,.hpi-process small,.hpi-board-head small,.hpi-followup small{font-size:11px;font-weight:800;letter-spacing:.14em}.hpi-hero h2{font-size:34px;margin:8px 0}.hpi-hero p{color:#d9ddec;line-height:1.6}.hpi-hero button,.hpi-board-head>button{border:0;border-radius:11px;background:linear-gradient(100deg,#7552db,#9d4db9);color:#fff;padding:12px 18px;font-weight:800;cursor:pointer}.hpi-hero-mark{align-self:center;display:flex;flex-direction:column;align-items:center;padding:24px;min-width:210px;border:1px solid rgba(255,255,255,.18);border-radius:18px;background:rgba(255,255,255,.08)}.hpi-hero-mark b{font-size:42px}.hpi-hero-mark span{text-align:center;font-size:12px;color:#d8dced}.hpi-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:18px 0}.hpi-kpis article{padding:18px;background:#fff;border:1px solid #e7e9f0;border-radius:15px}.hpi-kpis small{font-size:10px;color:#777e91;font-weight:800}.hpi-kpis b{display:block;font-size:25px;margin:6px 0;color:#241942}.hpi-kpis span{font-size:12px;color:#7b8191}.hpi-process{padding:24px;background:#fff;border:1px solid #e7e9f0;border-radius:19px}.hpi-process h3{margin:6px 0 20px}.hpi-process>div{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.hpi-process article{padding:14px;border-radius:13px;background:linear-gradient(145deg,#f8f6ff,#f5fbfc)}.hpi-process i{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#6e4ed2;color:#fff;font-size:11px;font-style:normal}.hpi-process b{display:block;margin:10px 0 5px}.hpi-process p{font-size:12px;line-height:1.45;color:#697084}.hpi-board-head,.hpi-followup>header{display:flex;align-items:center;justify-content:space-between;margin:24px 0 12px}.hpi-board-head h3,.hpi-followup h3{margin:5px 0}.hpi-board{display:grid;grid-template-columns:repeat(7,minmax(230px,1fr));gap:12px;overflow-x:auto;padding-bottom:12px}.hpi-board>section{background:#f5f6fa;border:1px solid #e4e6ed;border-radius:15px;padding:10px;min-height:190px}.hpi-board>section>header{display:flex;justify-content:space-between;gap:8px;padding:6px 4px 12px;font-size:12px}.hpi-board>section>header span{display:grid;place-items:center;min-width:22px;height:22px;border-radius:50%;background:#e5defb;color:#6447c3}.hpi-candidate{padding:13px;background:#fff;border:1px solid #e3e5ec;border-radius:12px;margin-bottom:9px;box-shadow:0 5px 14px rgba(31,36,60,.05)}.hpi-candidate>header{display:flex;justify-content:space-between}.hpi-candidate>header span{font-size:10px;font-weight:800;color:#6c4aca;text-transform:uppercase}.hpi-candidate>header button{border:0;background:none;color:#a2a6b2;cursor:pointer}.hpi-candidate h4{margin:9px 0 3px}.hpi-candidate>p{font-size:12px;color:#6f7587}.hpi-tags{display:flex;gap:4px;flex-wrap:wrap;margin:9px 0}.hpi-tags span{font-size:9px;padding:4px 6px;border-radius:99px;background:#eff5f7;color:#41616a}.hpi-candidate footer{display:flex;justify-content:space-between;align-items:center}.hpi-candidate footer small{color:#858b9a}.hpi-candidate footer button{border:0;background:none;color:#6245c3;font-weight:800;cursor:pointer}.hpi-column-empty{padding:22px 8px;text-align:center;color:#9a9eaa;font-size:12px}.hpi-followup{padding:20px;background:#fff;border:1px solid #e5e7ee;border-radius:18px}.hpi-followup>header{margin-top:0}.hpi-followup>div{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.hpi-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;padding:20px}.hpi-form-grid label{font-size:12px;font-weight:700}.hpi-form-grid input,.hpi-form-grid select,.hpi-form-grid textarea{width:100%;box-sizing:border-box;margin-top:5px;padding:11px;border:1px solid #dfe2eb;border-radius:9px;font:inherit}.hpi-form-grid .wide{grid-column:1/-1}.hpi-form-grid .consent{display:flex;gap:8px;align-items:flex-start;padding:12px;background:#f7f4ff;border-radius:10px}.hpi-form-grid .consent input{width:auto;margin-top:2px}.hpi-detail{width:min(1150px,90vw);padding:0}.hpi-detail>header{display:flex;justify-content:space-between;padding:25px;background:linear-gradient(120deg,#171d3a,#38215e);color:#fff}.hpi-detail>header h2{margin:5px 0}.hpi-detail>header p{color:#d4d7e4}.hpi-progress{display:flex;overflow-x:auto;padding:18px 22px;border-bottom:1px solid #e8eaf0}.hpi-progress span{display:flex;align-items:center;gap:7px;min-width:155px;color:#9296a2;font-size:10px}.hpi-progress i{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#eceef3;font-style:normal}.hpi-progress .done i,.hpi-progress .active i{background:#6d4bd0;color:#fff}.hpi-progress .active{color:#4f35ad}.hpi-detail-grid{display:grid;grid-template-columns:1.1fr .9fr}.hpi-detail-grid>section,.hpi-detail-grid>aside{padding:24px}.hpi-detail-grid>aside{background:#f8f9fc}.hpi-detail dl div{padding:11px 0;border-bottom:1px solid #eceef3}.hpi-detail dt{font-size:10px;font-weight:800;color:#7e8494;text-transform:uppercase}.hpi-detail dd{margin:5px 0;line-height:1.5}.hpi-special-interview{margin:18px 0;padding:15px;border-left:4px solid #7552d7;background:#f7f5ff;border-radius:8px}.hpi-special-interview p{line-height:1.5}.hpi-detail-actions{display:flex;flex-wrap:wrap;gap:8px}.hpi-detail-actions button{padding:10px;border:0;border-radius:8px;background:#6848ca;color:#fff;font-weight:700;cursor:pointer}.hpi-detail-actions button.secondary{background:#ece8f9;color:#5942a7}.hpi-timeline article{position:relative;padding:0 0 18px 18px;border-left:1px solid #d9dce6}.hpi-timeline article>i{position:absolute;left:-5px;top:2px;width:9px;height:9px;border-radius:50%;background:#6c4dce}.hpi-timeline small,.hpi-timeline b{display:block}.hpi-timeline b{margin:4px 0}.hpi-timeline p{font-size:12px;color:#6f7586;line-height:1.45}@media(max-width:1050px){.hpi-kpis{grid-template-columns:repeat(2,1fr)}.hpi-process>div{grid-template-columns:repeat(3,1fr)}.hpi-detail-grid{grid-template-columns:1fr}}@media(max-width:700px){.hpi-hero{flex-direction:column}.hpi-hero-mark{min-width:0}.hpi-kpis{grid-template-columns:1fr}.hpi-process>div{grid-template-columns:1fr}.hpi-form-grid{grid-template-columns:1fr}.hpi-form-grid .wide{grid-column:auto}.hpi-followup>div{grid-template-columns:1fr}}