.recruitment-page{--recruit-red:#e71939;--recruit-line:#ffffff19}.recruitment-hero{position:relative;isolation:isolate;overflow:hidden;border:1px solid var(--recruit-line);border-radius:18px;padding:44px 38px;margin:20px 0 32px;background:linear-gradient(90deg,#080b14eb,#0b101c85),url('/assets/city.png') center 56%/cover;min-height:240px;display:flex;flex-direction:column;justify-content:center}.recruitment-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(120deg,transparent 50%,#c61d3933);z-index:-1}.recruitment-hero h1{font-size:clamp(32px,4vw,54px);line-height:1.15;margin:14px 0;letter-spacing:-1.5px}.recruitment-hero em{font-style:normal;color:#ff4965}.recruitment-hero p{max-width:560px;color:#e0e6f0;font-size:15px}.recruitment-page .section-heading{display:block}.recruitment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:22px 0}.recruitment-card{display:flex;flex-direction:column;min-width:0;padding:26px!important;background:linear-gradient(135deg,#171d2a,#0e131d)!important;border-color:#a7bacd30!important}.recruitment-card-head{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.recruitment-card-head>svg{width:32px;height:32px;color:#ff3a58;flex-shrink:0}.recruitment-card-head h2{font-size:20px;margin:0!important;flex:1}.application-pill{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:5px 10px;border:1px solid #74849b70;background:#74849b1a;color:#c4cfdf;border-radius:7px;font-size:12px;font-weight:700;white-space:nowrap}.application-pill:before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor}.application-pill.accepted{color:#8defb0;background:#2f9f5920;border-color:#3fa96575}.application-pill.rejected{color:#ff9baa;background:#d52d4720;border-color:#e4436070}.application-pill.received{color:#8dcaff;background:#386f9620}.application-pill.review,.application-pill.needs_info{color:#ffd77d;background:#ba872620}.application-pill.interview{color:#c7b2ff;background:#8057d620}.recruitment-card>p{font-size:14px;line-height:1.6}.recruitment-notice{padding:10px 13px;background:#ffffff06;border-left:2px solid #63718b;border-radius:4px;color:#c4cddd!important}.recruitment-card details{margin:0 0 20px}.recruitment-card .button{align-self:stretch;margin-top:auto;text-align:center;justify-content:center}.recruitment-page .button.primary{background:linear-gradient(130deg,#b80828,#f12443);border-color:#ff3d59;color:white}.recruitment-page button:disabled{opacity:.52;cursor:not-allowed}.recruitment-retained{display:flex;align-items:center;gap:22px;justify-content:space-between}.recruitment-retained h2{font-size:18px}.recruitment-retained p{margin:8px 0}.recruitment-retained .button{flex-shrink:0}.application-detail{margin-bottom:24px}.application-detail>form{max-width:900px;margin:22px auto 0}.application-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.application-detail label,.application-area-form label,#application-area-create label{display:flex;flex-direction:column;gap:8px;margin:16px 0;font-size:13px;font-weight:600;color:#cfd7e5}.application-detail label.check-label,.application-area-form label.check-label{flex-direction:row;align-items:flex-start}.application-detail input,.application-detail textarea,.application-detail select,.recruitment-owner input,.recruitment-owner textarea{box-sizing:border-box;width:100%;min-width:0;background:#101522;color:#eef3fa;border:1px solid #62708988;border-radius:7px;padding:12px;font:inherit;font-size:14px}.application-detail textarea{min-height:115px;resize:vertical;line-height:1.6}.application-detail input[type=checkbox],.recruitment-owner input[type=checkbox]{width:auto;margin:4px 8px 0 0}.application-detail input:focus-visible,.application-detail textarea:focus-visible,.recruitment-owner input:focus-visible,.recruitment-owner textarea:focus-visible{outline:2px solid #fd4867;outline-offset:2px}.application-detail .actions{flex-wrap:wrap}.application-original{margin:18px 0}.application-original section{padding:14px 0;border-bottom:1px solid var(--recruit-line)}.application-original h3{font-size:15px}.application-history{margin:20px 0}.application-history article{padding:16px 20px;margin:10px 0;background:#ffffff05;border-left:3px solid #637aa0;border-radius:6px}.application-history article>div{display:flex;gap:15px;align-items:center;justify-content:space-between;flex-wrap:wrap}.application-history p{line-height:1.7}.application-save-note{color:#ffbd8c}.application-area-row{border:1px solid var(--recruit-line);border-radius:10px;padding:18px;margin:14px 0;background:#0a10185c}.application-area-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.application-area-heading h3{font-size:17px;margin:0}.application-area-heading>div{display:flex;align-items:center;gap:16px}.application-switch{position:relative;width:50px;height:28px;flex-shrink:0;padding:0;border:1px solid #ffffff26;background:#545b69;border-radius:20px;cursor:pointer}.application-switch span{display:block;width:20px;height:20px;background:#eef2f7;box-shadow:0 1px 4px #0006;border-radius:50%;margin:3px;transition:transform .15s}.application-switch.on{background:#20a94b}.application-switch.on span{transform:translateX(21px)}.application-switch:focus-visible{outline:3px solid #87bdff;outline-offset:3px}.application-area-editor{margin-top:18px}.application-area-editor summary{cursor:pointer;font-size:13px;color:#bfcce1}.application-area-form{margin-top:20px;border-top:1px solid var(--recruit-line);padding-top:8px}.application-question-row{padding:12px 18px;margin:16px 0;border:1px solid #64748a66;border-radius:8px}.application-question-row legend{font-size:12px;color:#c4ccdb;padding:0 6px}.application-area-form .button{margin:7px 8px 7px 0}#application-area-create{margin-top:26px;border-top:1px solid var(--recruit-line);padding-top:18px;max-width:600px}.application-person{display:flex;flex-wrap:wrap;gap:10px 30px}.recruitment-page .service-case-row .application-pill{margin-left:auto}.recruitment-page .work-message{white-space:pre-wrap;overflow-wrap:anywhere}@media(max-width:800px){.recruitment-grid{grid-template-columns:1fr}.recruitment-hero{padding:32px 24px}.recruitment-retained{flex-direction:column;align-items:stretch}.application-fields{grid-template-columns:1fr;gap:0}.application-area-heading{align-items:flex-start;flex-wrap:wrap}.application-area-heading>div{margin-left:auto}.application-history article{padding:14px}.recruitment-page .service-case-row{flex-wrap:wrap}}

.application-area-heading>div{flex-wrap:wrap;justify-content:flex-end}.application-edit-button{font-size:12px!important;white-space:nowrap}.application-area-row:focus-within{border-color:#8a9bbd66}