.create-job-page-v3{min-height:100vh;background:#fff;font-family:Inter,sans-serif;transition:margin-left .2s ease-in-out}.create-job-page-v3.create-job-page-v3--curve{position:relative;overflow:hidden;background:#eef2f7}.create-job-page-v3.create-job-page-v3--curve>*{position:relative;z-index:1}.create-job-page-v3 .create-job-page-v3__curve{position:absolute;inset:150px 0 0;pointer-events:none;z-index:0;overflow:hidden}.create-job-page-v3 .create-job-page-v3__curve .create-job-page-v3__curve-fill{position:absolute;inset:500px 0 0;background:#1560ac26}.create-job-page-v3 .create-job-page-v3__curve svg{position:absolute;left:0;top:0;width:100%;height:506px;display:block}.create-job-page-v3 .content-container{display:flex;justify-content:center;max-width:1150px;margin:0 auto;gap:0;padding:24px;background:transparent}@media (max-width: 1200px){.create-job-page-v3 .content-container{flex-direction:column}}@media (max-width: 768px){.create-job-page-v3 .content-container{padding:16px}}.create-job-page-v3 .content-container .content-card{display:flex;max-width:1150px;width:100%;background:#fff;border-radius:12px;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a;overflow:hidden;position:relative;z-index:2}@media (max-width: 1200px){.create-job-page-v3 .content-container .content-card{flex-direction:column}}.create-job-page-v3 .left-panel{display:flex;flex:1;min-width:0;padding:40px;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:20px;border-radius:12px 0 0 12px;background:#fff;position:relative;z-index:2}@media (max-width: 1200px){.create-job-page-v3 .left-panel{width:100%;border-radius:12px 12px 0 0}}@media (max-width: 768px){.create-job-page-v3 .left-panel{padding:24px}}@media (max-width: 640px){.create-job-page-v3 .left-panel{padding:16px}}.create-job-page-v3 .left-panel .panel-header{display:flex;align-items:center;gap:10px;margin-bottom:0;width:100%}@media (min-width: 768px){.create-job-page-v3 .left-panel .panel-header{gap:16px}}.create-job-page-v3 .left-panel .panel-header .back-btn{background:none;border:none;padding:8px;cursor:pointer;color:#374151;transition:color .2s}.create-job-page-v3 .left-panel .panel-header .back-btn:hover{color:#111827}.create-job-page-v3 .left-panel .panel-header .page-title{align-self:stretch;color:#0062b2;font-family:Inter,sans-serif;font-size:20px;font-style:normal;font-weight:700;line-height:normal;letter-spacing:-.6px;margin:0}.create-job-page-v3 .left-panel .job-form{display:flex;flex-direction:column;gap:20px;width:100%}.create-job-page-v3 .left-panel .form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media (max-width: 768px){.create-job-page-v3 .left-panel .form-row{grid-template-columns:1fr}}.create-job-page-v3 .left-panel .field-label{display:block;flex:1 0 0;color:#505050;font-family:Inter,sans-serif;font-size:14px;font-style:normal;font-weight:500;line-height:normal;letter-spacing:-.56px;padding-bottom:5px}.create-job-page-v3 .left-panel .field-label .required-asterisk{color:red!important;-webkit-text-fill-color:#FF0000!important;font-family:Inter,sans-serif;font-size:14px;font-weight:500;letter-spacing:-.56px;margin-left:4px}.create-job-page-v3 .left-panel .experience-range-inputs,.create-job-page-v3 .left-panel .compensation-range-inputs{display:flex;flex-direction:column;gap:5px;flex:1;position:relative;padding-bottom:4px}.create-job-page-v3 .left-panel .experience-range-inputs .field-label,.create-job-page-v3 .left-panel .compensation-range-inputs .field-label{flex:1 0 0;color:#505050;font-family:Inter,sans-serif;font-size:14px;font-style:normal;font-weight:500;line-height:normal;letter-spacing:-.56px}.create-job-page-v3 .left-panel .experience-range-inputs .field-label .required-asterisk,.create-job-page-v3 .left-panel .compensation-range-inputs .field-label .required-asterisk{color:red!important;-webkit-text-fill-color:#FF0000!important;font-family:Inter,sans-serif;font-size:14px;font-weight:500;letter-spacing:-.56px;margin-left:4px}.create-job-page-v3 .left-panel .experience-range-inputs .range-inputs-container,.create-job-page-v3 .left-panel .compensation-range-inputs .range-inputs-container{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.create-job-page-v3 .left-panel .experience-range-inputs .range-inputs-container .range-input,.create-job-page-v3 .left-panel .compensation-range-inputs .range-inputs-container .range-input{display:flex;height:36px;padding:6px 12px;flex-direction:column;justify-content:center;align-items:flex-start;flex:1 1 0;min-width:0;box-sizing:border-box;border:1px solid rgba(0,0,0,.08);border-radius:8px;font-size:14px;transition:border-color .2s}.create-job-page-v3 .left-panel .experience-range-inputs .range-inputs-container .range-input::placeholder,.create-job-page-v3 .left-panel .compensation-range-inputs .range-inputs-container .range-input::placeholder{color:#0003;font-family:Inter,sans-serif;font-size:12px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:-.24px}.create-job-page-v3 .left-panel .experience-range-inputs .range-inputs-container .range-input:focus,.create-job-page-v3 .left-panel .compensation-range-inputs .range-inputs-container .range-input:focus{outline:none;border-color:#0062b2}.create-job-page-v3 .left-panel .experience-range-inputs .range-inputs-container .range-input.error,.create-job-page-v3 .left-panel .compensation-range-inputs .range-inputs-container .range-input.error{border-color:#ef4444}.create-job-page-v3 .left-panel .experience-range-inputs .range-inputs-container .range-input::-webkit-inner-spin-button,.create-job-page-v3 .left-panel .experience-range-inputs .range-inputs-container .range-input::-webkit-outer-spin-button,.create-job-page-v3 .left-panel .compensation-range-inputs .range-inputs-container .range-input::-webkit-inner-spin-button,.create-job-page-v3 .left-panel .compensation-range-inputs .range-inputs-container .range-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.create-job-page-v3 .left-panel .experience-range-inputs .range-inputs-container .range-separator,.create-job-page-v3 .left-panel .compensation-range-inputs .range-inputs-container .range-separator{color:#6b7280;font-weight:500}.create-job-page-v3 .left-panel .experience-range-inputs .range-inputs-container .years-label,.create-job-page-v3 .left-panel .experience-range-inputs .range-inputs-container .lpa-label,.create-job-page-v3 .left-panel .compensation-range-inputs .range-inputs-container .years-label,.create-job-page-v3 .left-panel .compensation-range-inputs .range-inputs-container .lpa-label{color:#6b7280;font-weight:500;margin-left:4px}.create-job-page-v3 .left-panel .experience-range-inputs .range-inputs-container .error-message,.create-job-page-v3 .left-panel .compensation-range-inputs .range-inputs-container .error-message{width:100%;color:#ef4444;font-size:9px;margin-top:-4px}.create-job-page-v3 .left-panel .location-field{display:flex;flex-direction:column;gap:12px}.create-job-page-v3 .left-panel .work-type-field .work-type-buttons{display:flex;gap:8px}.create-job-page-v3 .left-panel .work-type-field .work-type-buttons .work-type-btn{display:flex;padding:5px 20px;justify-content:center;align-items:center;gap:10px;border-radius:112px;border:1px solid rgba(0,0,0,.08);background:#fff;font-size:13px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s}.create-job-page-v3 .left-panel .work-type-field .work-type-buttons .work-type-btn:hover{border-color:#0062b2;color:#0062b2}.create-job-page-v3 .left-panel .work-type-field .work-type-buttons .work-type-btn.active{background:#0062b2;color:#fff;border-color:#0062b2}.create-job-page-v3 .left-panel .skills-section .selected-skills{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.create-job-page-v3 .left-panel .skills-section .selected-skills .skill-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#fff;border:1px solid #d1d5db;border-radius:20px;font-size:13px;font-weight:500;color:#374151;cursor:pointer;transition:all .2s}.create-job-page-v3 .left-panel .skills-section .selected-skills .skill-chip.required{border-color:#0062b2;background:#eff6ff}.create-job-page-v3 .left-panel .skills-section .selected-skills .skill-chip .skill-checkbox{font-size:14px;color:#0062b2}.create-job-page-v3 .left-panel .skills-section .selected-skills .skill-chip .skill-remove{background:none;border:none;color:#9ca3af;font-size:18px;line-height:1;cursor:pointer;padding:0;margin-left:4px}.create-job-page-v3 .left-panel .skills-section .selected-skills .skill-chip .skill-remove:hover{color:#ef4444}.create-job-page-v3 .left-panel .skills-section .skills-note{font-size:12px;color:#6b7280;margin-top:8px;font-style:italic}.create-job-page-v3 .left-panel .skills-section .skills-label{display:block;font-size:18px;font-weight:600;color:#4d5359cc;margin-bottom:12px}.create-job-page-v3 .left-panel .education-section{display:flex;flex-direction:column;gap:8px}.create-job-page-v3 .left-panel .education-section .education-chips{display:flex;flex-wrap:wrap;gap:8px}.create-job-page-v3 .left-panel .education-section .education-chips .education-chip{display:flex;height:44px;padding:10px 16px;justify-content:center;align-items:center;gap:10px;flex:1 0 0;border-radius:12px;border:1px solid #505050;background:#fff;box-shadow:2px 2px 36px #1f14140a;font-size:14px;font-weight:500;color:#374151;cursor:pointer;transition:all .2s;min-width:100px}.create-job-page-v3 .left-panel .education-section .education-chips .education-chip:hover{border-color:#0062b2;color:#0062b2}.create-job-page-v3 .left-panel .education-section .education-chips .education-chip.active{background:#0062b2;color:#fff;border-color:#0062b2}.create-job-page-v3 .left-panel .education-section .error-message{color:#ef4444;font-size:12px}.create-job-page-v3 .left-panel :globalThis(.richTextEditorContainer) :globalThis(.titleContainer) :globalThis(.title){color:#111827!important;font-size:18px!important;font-weight:600!important;background:none!important;-webkit-background-clip:initial!important;-webkit-text-fill-color:initial!important;background-clip:initial!important}.create-job-page-v3 .left-panel .form-actions{display:flex;justify-content:space-between;align-items:center;gap:12px}@media (min-width: 768px){.create-job-page-v3 .left-panel .form-actions{gap:16px}}.create-job-page-v3 .left-panel .form-actions button{min-width:100px}@media (min-width: 768px){.create-job-page-v3 .left-panel .form-actions button{min-width:140px}}.create-job-page-v3 .right-panel{display:flex;width:360px;padding:32px;flex-direction:column;align-items:flex-start;gap:12px;flex-shrink:0;align-self:stretch;border-radius:0 12px 12px 0;background:#f8fafc;position:relative;z-index:2}@media (max-width: 1200px){.create-job-page-v3 .right-panel{width:100%;border-radius:0 0 12px 12px;padding:24px}}.create-job-page-v3 .right-panel .preview-panel-placeholder{background:transparent;padding:0;height:fit-content;position:sticky;top:20px}.create-job-page-v3 .right-panel .preview-panel-placeholder .placeholder-header{margin-bottom:24px}.create-job-page-v3 .right-panel .preview-panel-placeholder .placeholder-header h3{color:#0d172b;font-family:Inter,sans-serif;font-size:24px;font-style:normal;font-weight:700;line-height:normal;letter-spacing:.07px;margin-bottom:8px}.create-job-page-v3 .right-panel .preview-panel-placeholder .placeholder-header p{align-self:stretch;color:#5d7590;font-family:Inter,sans-serif;font-size:15px;font-style:normal;font-weight:400;line-height:22.5px;letter-spacing:-.234px}.create-job-page-v3 .right-panel .preview-panel-placeholder .placeholder-header .progress-bar{width:100%;height:8px;background:#e5e7eb;border-radius:4px;margin:16px 0 8px;overflow:hidden}.create-job-page-v3 .right-panel .preview-panel-placeholder .placeholder-header .progress-bar .progress-fill{height:100%;background:#0062b2;border-radius:4px;transition:width .3s ease}.create-job-page-v3 .right-panel .preview-panel-placeholder .placeholder-header .progress-text{color:#0062b2;text-align:center;font-family:Inter,sans-serif;font-size:16px;font-style:normal;font-weight:600;line-height:normal;letter-spacing:-.258px;align-self:stretch;margin-top:8px}.create-job-page-v3 .right-panel .preview-panel-placeholder .placeholder-checklist{display:flex;padding:20px;flex-direction:column;align-items:flex-start;gap:12px;align-self:stretch;border-radius:14px;border:1px solid #8CA2BB;background:#fff;margin-bottom:24px}.create-job-page-v3 .right-panel .preview-panel-placeholder .placeholder-checklist h4{color:#0c172d;font-family:Inter,sans-serif;font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:-.15px;margin:0}.create-job-page-v3 .right-panel .preview-panel-placeholder .placeholder-checklist ul{list-style:none;padding:0;margin:0}.create-job-page-v3 .right-panel .preview-panel-placeholder .placeholder-checklist ul li{color:#41566e;font-family:Inter,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:22.75px;letter-spacing:-.15px;padding:6px 0;display:flex;align-items:center;gap:8px;transition:all .2s ease}.create-job-page-v3 .right-panel .preview-panel-placeholder .placeholder-checklist ul li .bullet{width:6px;height:6px;flex-shrink:0;aspect-ratio:1/1;border-radius:33554400px;background:#8ca2bb}.create-job-page-v3 .right-panel .preview-panel-placeholder .placeholder-checklist ul li .field-label{flex:1 0 0}.create-job-page-v3 .right-panel .preview-panel-placeholder .placeholder-checklist ul li.completed .field-label{text-decoration:line-through;opacity:.7}.create-job-page-v3 .right-panel .preview-panel-placeholder .placeholder-illustration{display:flex;justify-content:center;margin:24px 0;opacity:.8}.create-job-page-v3 .right-panel .preview-panel-placeholder .placeholder-footer p{align-self:stretch;color:#0c172d;font-family:Inter,sans-serif;font-size:14px;font-style:normal;font-weight:500;line-height:20px;letter-spacing:-.15px;margin-bottom:12px}.create-job-page-v3 .right-panel .preview-panel-placeholder .placeholder-footer ul{list-style:none;padding:0;margin:0}.create-job-page-v3 .right-panel .preview-panel-placeholder .placeholder-footer ul li{flex:1 0 0;color:#41566e;font-family:Inter,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:22.75px;letter-spacing:-.15px;padding:6px 0;display:flex;align-items:center;gap:8px}.create-job-page-v3 .right-panel .preview-panel-placeholder .placeholder-footer ul li .bullet{width:6px;height:6px;flex-shrink:0;aspect-ratio:1/1;border-radius:33554400px;background:#8ca2bb}.ai-jd-select-wrapper .customSelect-container{width:100%}.ai-jd-select-wrapper .customSelect__control{display:flex!important;height:44px!important;padding:10px 16px!important;justify-content:space-between!important;align-items:center!important;align-self:stretch!important;border-radius:12px!important;border:1px solid rgba(0,0,0,.08)!important;box-shadow:none!important;min-height:unset!important}.ai-jd-select-wrapper .customSelect__control--is-focused{border-color:#0062b2!important}
