.jobsPage,.jobPage{max-width:1320px;margin:22px auto;padding:0 18px}
.jobsHero{background:linear-gradient(135deg,#fff,#eef2ff);border:1px solid #e5e7eb;border-radius:24px;padding:28px;box-shadow:0 14px 38px rgba(15,23,42,.07);display:flex;justify-content:space-between;gap:18px;align-items:flex-end;margin-bottom:18px}
.jobsHero h1{font-size:42px;margin:8px 0;letter-spacing:-.04em}.jobsHero p{color:#64748b;font-size:18px;margin:0}.heroButtons{display:flex;gap:10px}.heroButtons button,.jobForm button{background:#078438;color:white;border-radius:16px;padding:13px 18px;font-weight:900}
.jobForm{background:white;border:1px solid #e5e7eb;border-radius:22px;padding:22px;box-shadow:0 10px 28px rgba(15,23,42,.06);margin-bottom:18px}.jobForm.hidden{display:none}.jobFormGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.jobFormGrid textarea{grid-column:1/-1;min-height:100px}.jobForm input,.jobForm textarea,.jobForm select,.jobsSide input,.jobsSide select{border:1px solid #dbe3ea;border-radius:14px;padding:12px;font:inherit;width:100%}.checkLine{display:flex;gap:8px;align-items:center;color:#475569}.checkLine input{width:auto}
.jobTabs{display:flex;gap:8px;margin-bottom:18px}.jobTabs button{background:#f1f5f9;border-radius:999px;padding:10px 14px;font-weight:900}.jobTabs button.active{background:#078438;color:white}
.jobsLayout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:18px}.jobsSide{background:white;border:1px solid #e5e7eb;border-radius:22px;padding:18px;box-shadow:0 10px 28px rgba(15,23,42,.06);height:max-content;display:grid;gap:12px}
.jobsList{display:grid;gap:14px}.jobCard,.resumeCard{background:white;border:1px solid #e5e7eb;border-radius:22px;padding:18px;box-shadow:0 10px 28px rgba(15,23,42,.06);cursor:pointer}.jobCard:hover,.resumeCard:hover{background:#f8fafc}.jobCard h3,.resumeCard h3{margin:0 0 8px;font-size:23px}.salary{font-size:22px;font-weight:1000;color:#078438;margin-bottom:8px}.jobMeta{display:flex;gap:10px;flex-wrap:wrap;color:#64748b;font-size:14px}.jobCard p,.resumeCard p{color:#475569;line-height:1.45}.companyLine{display:flex;align-items:center;gap:10px;margin-bottom:10px}.companyLogo{width:42px;height:42px;border-radius:12px;background:#e8f8ed;display:grid;place-items:center;overflow:hidden}.companyLogo img{width:100%;height:100%;object-fit:cover}
.jobFull{background:white;border:1px solid #e5e7eb;border-radius:24px;box-shadow:0 14px 38px rgba(15,23,42,.07);padding:28px}.jobFull h1{font-size:38px;margin:0 0 10px;letter-spacing:-.04em}.jobActions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.jobActions button{background:#f1f5f9;border-radius:14px;padding:12px 14px;font-weight:900}.jobActions .green{background:#078438;color:white}.jobGrid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;margin-top:18px}.jobBox{background:#f8fafc;border-radius:18px;padding:16px}.responseForm{display:grid;gap:10px}.responseForm textarea,.responseForm select{border:1px solid #dbe3ea;border-radius:12px;padding:10px}.responseForm button{background:#078438;color:white;border-radius:12px;padding:10px;font-weight:900}.backLink{display:inline-block;margin-bottom:14px;color:#078438;font-weight:900;text-decoration:none}
@media(max-width:1000px){.jobsLayout,.jobGrid{grid-template-columns:1fr}.jobsHero{display:block}.heroButtons{margin-top:16px}.jobFormGrid{grid-template-columns:1fr}.jobFormGrid textarea{grid-column:auto}}
@media(max-width:650px){.jobsHero h1{font-size:32px}.jobFull h1{font-size:30px}.heroButtons{display:grid}}