.locked>.sidebar,.locked>main{display:none}.auth-card{max-width:470px;margin:8vh auto;padding:36px;background:white;border:1px solid #dce4ef;border-radius:12px}.auth-card h1{font-size:28px}.auth-card label,.people-form label{display:block;margin:16px 0;font-weight:600}.auth-card input,.people-form input,.people-form select{display:block;width:100%;margin-top:6px}.auth-card button{width:100%;margin:0}.auth-card p{line-height:1.6}#auth-error{color:#b42318}.employee-picker{padding:20px;background:#edf3ff;border-radius:8px;margin-bottom:18px}.employee-picker select{width:100%;margin-top:10px}.people-form{display:grid;grid-template-columns:repeat(3,1fr);gap:0 18px}.people-form .wide{grid-column:1/-1}.people-message{color:#244278;padding:12px}.complete-notice{padding:15px;background:#e4f5ec;color:#17583b}.employee-list td{white-space:normal}.employee-picker input{width:100%}@media(max-width:700px){.people-form{grid-template-columns:1fr}.auth-card{margin:20px;padding:24px}}

#account-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.profile-details dl{margin:0;display:grid;grid-template-columns:180px 1fr;gap:16px}.profile-details dt{color:#52627a}.profile-details dd{margin:0;font-weight:600;overflow-wrap:anywhere}#password-message{margin:12px 0}@media(max-width:700px){.profile-details dl{grid-template-columns:1fr;gap:8px}.profile-details dd{margin-bottom:12px}}
#s-modal{width:min(680px,94vw);max-height:88vh;overflow:auto;border:1px solid #dbe3ef;border-radius:16px;padding:28px;color:#152944}#s-modal::backdrop{background:rgba(8,24,48,.55)}.s-modal-head,.s-modal-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.s-modal-head h2{margin:0;font-size:23px}#s-modal label{display:block;font-weight:600;margin:18px 0}#s-modal textarea,#s-modal select{display:block;width:100%;margin-top:8px;padding:10px;border:1px solid #c7d2e3;border-radius:6px;font:inherit}#s-modal p{line-height:1.65}#s-modal small{display:block;margin-top:14px}#s-score-summary{padding:14px;background:#f0edff;border-radius:8px}#s-form-message{color:#b42318}.s-modal-actions{margin:18px 0;flex-wrap:wrap}

.s-confirm-dialog{width:min(520px,92vw);border:1px solid #dbe3ef;border-radius:16px;padding:28px;color:#152944}.s-confirm-dialog::backdrop{background:rgba(8,24,48,.55)}.s-confirm-dialog h2{margin:0;font-size:23px}.s-confirm-dialog p{line-height:1.65}

.workspace-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 24px}.workspace-tabs button{padding:12px 18px;border:1px solid #dbe3ef;border-radius:9px;background:white;color:#526584;font:inherit;cursor:pointer}.workspace-tabs button.selected{background:#454fda;color:white;border-color:#454fda}
.import-card{padding:28px!important;overflow:hidden}.import-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.import-eyebrow{font-size:11px;font-weight:750;letter-spacing:1.8px;color:#6878a1}.import-heading h2{font-size:23px;margin:8px 0;color:#172b4d}.import-heading p{font-size:14px;color:#738097;margin:0}.import-limit{white-space:nowrap;border:1px solid #e1e7f0;border-radius:99px;padding:7px 12px;font-size:12px;color:#64738b}.import-steps{display:flex;align-items:center;gap:18px;margin:26px 0 20px;color:#5a6b85;font-size:13px}.import-steps span{display:flex;align-items:center;gap:8px}.import-steps b{background:#edf1fa;color:#475ad4;border-radius:50%;width:23px;height:23px;display:grid;place-items:center;font-size:11px}.import-steps i{font-style:normal;color:#a8b3c7}.import-grid{display:grid;grid-template-columns:1fr 1.65fr;gap:18px}.import-template{padding:24px;background:#f7f9fc;border:1px solid #e7ecf3;border-radius:13px}.import-file-icon{display:grid;place-items:center;width:36px;height:40px;background:#e1f1e9;color:#287052;font-weight:800;border-radius:8px;font-size:19px}.import-template h3{margin:14px 0 8px;font-size:16px;color:#253854}.import-template p{font-size:13px;line-height:1.7;color:#738097;margin:0 0 18px}.import-download{display:inline-flex;align-items:center;gap:22px;padding:10px 14px;border:1px solid #dce3ee;border-radius:7px;background:white;text-decoration:none;color:#324869;font-size:13px;font-weight:650}.import-download:hover{border-color:#636fe0;color:#4554ce}.import-upload{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;border:1.5px dashed #b8c4e1;border-radius:13px;background:#fafbff;padding:28px;text-align:center;cursor:pointer;transition:background .15s,border-color .15s}.import-upload:hover,.import-upload:focus-within{background:#f0f3ff;border-color:#5967dd;outline:2px solid #cbd2ff;outline-offset:2px}.import-upload input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.import-upload-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#e9edff;color:#5060d9;font-size:30px}.import-upload strong{font-size:15px;color:#33486b;overflow-wrap:anywhere;max-width:100%}.import-upload-help{font-size:12px;color:#8996aa}.import-select{font-size:13px;font-weight:650;color:white;background:#4c59d8;border-radius:7px;padding:10px 22px;margin-top:3px}.import-foot{display:flex;flex-wrap:wrap;gap:22px;border-top:1px solid #edf0f5;margin-top:22px;padding-top:18px;font-size:12px;color:#76849b}.import-foot b{color:#42866d;margin-right:5px}.import-account-note{font-size:11px!important;color:#8b97a9!important;margin:12px 0 0!important}#employee-import-preview:not(:empty){margin-top:22px;padding:16px;background:#f6f8fc;border-radius:10px;font-size:14px}#employee-import-commit{margin-top:16px}@media(max-width:700px){.import-card{padding:20px!important}.import-grid{grid-template-columns:1fr}.import-heading h2{font-size:20px}.import-limit{display:none}.import-steps{gap:9px;font-size:11px}.import-foot{gap:12px}.import-template p br{display:none}}
.employee-card{padding:28px!important}.employee-card-heading{display:flex;gap:15px;align-items:center;padding-bottom:24px;border-bottom:1px solid #edf0f5}.employee-heading-icon{flex-shrink:0;background:#eaf0fc;color:#5266ce;width:50px;height:50px;border-radius:15px;display:grid;place-items:center}.employee-card-heading h2{font-size:22px;color:#172b4d;margin:7px 0}.employee-card-heading p{font-size:13px;color:#7a879c;margin:0}.employee-number{margin-left:auto;white-space:nowrap;background:#f1f5fc;color:#637596;font-size:12px;padding:8px 12px;border-radius:20px}.employee-sections{display:grid;grid-template-columns:1fr 1fr;gap:32px;padding:28px 0}.employee-sections fieldset{border:0;padding:0;margin:0;min-width:0}.employee-sections fieldset+fieldset{border-left:1px solid #e9eef5;padding-left:32px}.employee-sections legend{font-weight:700;font-size:15px;color:#253957;padding:0}.employee-sections legend span{color:#687bca;font-size:11px;letter-spacing:1px;margin-right:8px}.employee-section-help{font-size:12px;color:#8893a5;margin:9px 0 22px}.employee-inputs{display:grid;grid-template-columns:1fr 1fr;gap:20px 16px}.employee-inputs label{font-size:13px;font-weight:600;color:#53627b;min-width:0}.employee-inputs input,.employee-inputs select{display:block;box-sizing:border-box;width:100%;min-width:0;height:46px;margin-top:9px;padding:10px 12px;border:1px solid #dce3ef;border-radius:8px;background:#fcfdff;color:#243956;font:inherit;outline:none}.employee-inputs input:focus,.employee-inputs select:focus{border-color:#6676e1;box-shadow:0 0 0 3px #eef0ff;background:white}.employee-inputs input::placeholder{color:#a1abbb;font-weight:400}.employee-full{grid-column:1/-1}.employee-inputs small{display:block;font-size:11px;font-weight:400;color:#8995a8;margin-top:8px}.employee-card em{font-style:normal;color:#6474dc}.employee-form-footer{display:flex;align-items:center;gap:14px;flex-wrap:wrap;border-top:1px solid #edf0f5;padding-top:20px}.employee-form-footer>div{display:flex;gap:10px;margin-left:auto}.employee-form-footer button{font-size:13px;border-radius:8px;padding:11px 18px}.employee-required-note{font-size:11px;color:#8c98aa}.employee-form-footer .people-message{font-size:12px}@media(max-width:900px){.employee-sections{grid-template-columns:1fr;gap:26px}.employee-sections fieldset+fieldset{padding:24px 0 0;border-left:0;border-top:1px solid #e9eef5}.employee-number{display:none}}@media(max-width:500px){.employee-card{padding:20px!important}.employee-card-heading h2{font-size:18px}.employee-heading-icon{display:none}.employee-inputs{grid-template-columns:1fr}.employee-full{grid-column:auto}}
.employee-card{scroll-margin-top:24px}
.dash-controls{display:flex;gap:14px;align-items:center;margin-bottom:22px}.dash-controls label{font-size:13px;color:#66758e}.dash-controls select{padding:9px;border:1px solid #d8dfeb;border-radius:8px;background:white;margin-left:6px}.dash-hero{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(115deg,#172b50,#354883);color:white;border-radius:18px;padding:32px;margin-bottom:20px}.dash-hero .import-eyebrow{color:#a9b9ed}.dash-hero h2{font-size:30px;margin:12px 0}.dash-hero p{font-size:19px;margin:8px 0}.dash-hero small{color:#bac7e4}.dash-deadline{text-align:right}.dash-deadline strong{display:block;font-size:38px}.dash-deadline span{display:block;font-size:12px;margin-top:8px;color:#c1ccec}.dash-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.dash-metrics>div{border:1px solid #e0e6f0;border-radius:13px;background:white;padding:22px}.dash-metrics span{font-size:13px;color:#7a879c}.dash-metrics strong{display:block;font-size:32px;margin-top:12px;color:#253d68}.dash-metrics small{font-size:13px;font-weight:400;margin-left:6px}.dash-panel{padding:25px}.dash-section-title{display:flex;justify-content:space-between;align-items:center;gap:12px}.dash-panel h2{font-size:19px;margin:0 0 16px}.dash-section-title span{color:#6d7ec4;font-size:13px}.dash-progress{height:7px;background:#edf0f8;border-radius:10px;overflow:hidden}.dash-progress>div{height:100%;background:#6173db}.dash-note{color:#8290a4;font-size:12px;line-height:1.7}.dash-pill{display:inline-block;padding:5px 10px;border-radius:20px;font-size:12px}.dash-pill.good{background:#e8f4ed;color:#357352}.dash-pill.warn{background:#fff3df;color:#976d26}.dash-stage{background:#f0f3fb;border:0;border-radius:6px;padding:7px 10px;color:#536aaa;font-size:12px;margin-top:5px;cursor:pointer}.dash-stage.late{background:#fff0ea;color:#be6138}.dash-two{display:grid;grid-template-columns:1fr 1fr;gap:20px}.dash-person{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eef1f6;padding:14px 0;gap:12px;font-size:14px}.dash-person small{display:block;font-size:11px;color:#8995a8;margin-top:5px}.dash-calendar{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.dash-calendar>div{background:#f7f9fc;border-radius:10px;padding:18px}.dash-calendar span{display:block;font-size:12px;color:#7d8ba2;margin-top:10px}.dash-calendar .selected{background:#edf0ff;color:#5062c2}@media(max-width:800px){.dash-two{grid-template-columns:1fr}.dash-metrics,.dash-calendar{grid-template-columns:repeat(2,1fr)}.dash-hero{padding:22px}.dash-hero h2{font-size:23px}.dash-deadline strong{font-size:27px}}

.role-switch[hidden]{display:none!important;}
.headcount-row{display:grid;grid-template-columns:92px 1fr 48px;align-items:center;gap:12px;margin:14px 0;font-size:14px}.headcount-row>div{height:9px;background:#edf0f7;border-radius:8px;overflow:hidden}.headcount-row i{display:block;height:100%;background:#525bd7;border-radius:8px}.headcount-row strong{text-align:right}

.headcount-item{position:relative;margin:12px 0}.headcount-row{width:100%;border:0;background:transparent;color:inherit;padding:8px 0;cursor:pointer;text-align:left;margin:0;font:inherit;display:grid;grid-template-columns:110px 1fr 48px;gap:12px;align-items:center}.headcount-bar{height:9px;background:#edf0f7;border-radius:8px;overflow:hidden}.headcount-row:hover,.headcount-row:focus-visible{background:#f0f2ff;border-radius:8px;outline:2px solid #c8cdf6}.headcount-tooltip{display:none;position:absolute;left:90px;top:100%;z-index:30;background:#fff;border:1px solid #d5daef;box-shadow:0 10px 32px #17284a26;border-radius:12px;padding:16px;min-width:260px;max-height:320px;overflow:auto}.headcount-item:hover .headcount-tooltip,.headcount-item:focus-within .headcount-tooltip{display:block}.headcount-tooltip p{margin:8px 0;font-size:14px}.headcount-tooltip small,.leave-count{color:#65748e;font-size:12px}.leave-count{display:block;margin-left:122px}.roster-filter{padding:14px;background:#f0f2ff;border-radius:10px}.employee-list td small{display:block}

.headcount-person{display:block;width:100%;text-align:left;background:#f6f8fc;border:1px solid transparent;border-radius:8px;padding:10px 12px;margin:8px 0;cursor:pointer;color:#192b4d}.headcount-person:hover,.headcount-person:focus-visible{border-color:#525bd7;background:#eef0ff;outline:2px solid #d8dcff}.headcount-person span,.headcount-person small{display:block;margin-top:4px}.employee-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.employee-detail-grid>div{background:#f6f8fc;padding:14px;border-radius:10px}.employee-detail-grid dt{font-size:13px;color:#68768e}.employee-detail-grid dd{margin:6px 0 0;font-weight:600;overflow-wrap:anywhere}@media(max-width:600px){.employee-detail-grid{grid-template-columns:1fr}}

.headcount-panels>.panel{overflow:visible}.headcount-tooltip{left:auto;right:0;width:min(560px,calc(100vw - 48px));min-width:0;max-height:min(460px,70vh);box-sizing:border-box;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.headcount-item:hover .headcount-tooltip,.headcount-item:focus-within .headcount-tooltip{display:grid}.headcount-tooltip>strong,.headcount-tooltip>small,.headcount-tooltip>p{grid-column:1/-1}.headcount-person{margin:0}.headcount-item:nth-last-of-type(-n+3) .headcount-tooltip{top:auto;bottom:100%}.headcount-item:hover,.headcount-item:focus-within{z-index:40}@media(max-width:600px){.headcount-tooltip{grid-template-columns:1fr}}
.headcount-item .headcount-tooltip{position:fixed;left:auto;right:24px;top:50%;bottom:auto;transform:translateY(-50%);max-height:calc(100vh - 48px);z-index:100}.headcount-person{padding:8px 10px}.headcount-person span{font-size:13px}.headcount-person small{font-size:11px}
.headcount-panels .headcount-item .headcount-tooltip{top:50%;bottom:auto}
.headcount-item.is-open{z-index:40}.headcount-item.is-open .headcount-tooltip{display:grid}

.headcount-panels .headcount-item .headcount-tooltip{position:fixed;right:auto;bottom:auto;transform:none;display:none}.headcount-panels .headcount-item.is-open .headcount-tooltip{display:grid}.headcount-roster-link{grid-column:1/-1;text-align:left;padding:6px 0}

.job-grade-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.job-grade-card{display:flex;align-items:flex-start;gap:14px;background:#fff;border:1px solid #dfe4ef;border-radius:16px;padding:22px}.job-grade-letter{display:grid;place-items:center;min-width:44px;height:44px;border-radius:12px;background:#eeeaff;color:#5540b5;font-size:25px;font-weight:800}.grade-B .job-grade-letter{background:#e7efff;color:#3469b8}.grade-C .job-grade-letter{background:#e6f5f0;color:#227961}.grade-D .job-grade-letter{background:#fff2df;color:#a96b19}.job-grade-card h2{font-size:16px;margin:0 0 9px}.job-grade-card p{font-size:14px;line-height:1.7;margin:0;color:#66758d}.job-pay-explainer{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;padding:18px;background:#f2f4ff;border-radius:10px;margin-bottom:20px}.job-pay-explainer span{font-size:14px;color:#65738d}.job-pay-table{width:100%;text-align:center}.job-pay-table th,.job-pay-table td{text-align:center;padding:13px 10px}.job-pay-table .promotion-step{background:#f4f6ff}.job-pay-table td:nth-child(n+3):nth-child(-n+6){font-weight:700}.job-promotion-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}.job-promotion-grid>div,.job-schedule>div{display:flex;flex-direction:column;gap:9px;border:1px solid #e1e6f1;border-radius:12px;padding:16px}.job-promotion-grid small,.job-schedule small{color:#5663ce}.job-promotion-grid span,.job-schedule span{font-size:13px;color:#67768c}.job-schedule{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}@media(max-width:1200px){.job-grade-grid,.job-schedule{grid-template-columns:repeat(2,minmax(0,1fr))}.job-promotion-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:650px){.job-grade-grid,.job-schedule{grid-template-columns:1fr}.job-promotion-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

.dash-metrics-five{grid-template-columns:repeat(5,minmax(0,1fr))}.promotion-metric{font:inherit;text-align:left;border:1px solid #cbd2f6;border-radius:13px;background:#f3f5ff;padding:22px;cursor:pointer}.promotion-metric:hover{background:#e9edff;border-color:#6979d6}.promotion-metric:focus-visible{outline:3px solid #6979d6;outline-offset:3px}.promotion-metric .metric-link{display:block;margin-top:10px;font-size:12px;color:#5263bf}@media(max-width:1000px){.dash-metrics-five{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:650px){.dash-metrics-five{grid-template-columns:repeat(2,minmax(0,1fr))}}

.bulk-job-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px;background:#f0f3ff;border-radius:12px;margin-bottom:20px}.bulk-job-banner p{font-size:13px;color:#67768d;margin:7px 0 0}.bulk-job-controls{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:16px}.bulk-job-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-height:45vh;overflow:auto;padding:3px}.bulk-job-person{display:flex!important;flex-direction:row!important;gap:12px;align-items:center;border:1px solid #dfe5ef;border-radius:10px;padding:12px;cursor:pointer}.bulk-job-person:has(input:checked){border-color:#6472da;background:#eef1ff}.bulk-job-person input,.bulk-job-controls input[type=checkbox]{width:auto!important}.bulk-job-person small{display:block;color:#718099;margin-top:5px;font-size:12px}.bulk-job-summary{font-weight:700;color:#4254b0}@media(max-width:600px){.bulk-job-grid{grid-template-columns:1fr}.bulk-job-banner{flex-direction:column;align-items:stretch}}

#s-modal.bulk-employee-modal{width:calc(100vw - 48px);max-width:1500px}.bulk-common{display:flex;gap:14px;align-items:end;flex-wrap:wrap;padding:16px;background:#f2f4ff;border-radius:12px}.bulk-common label{flex:1;min-width:150px}.bulk-employee-table{max-height:48vh;overflow:auto}.bulk-employee-table table{min-width:1700px}.bulk-employee-table input:not([type=checkbox]),.bulk-employee-table select{min-width:120px;width:100%;font-size:13px;padding:8px}.bulk-employee-table input[type=email]{min-width:210px}.bulk-employee-table input[type=checkbox]{width:18px!important}.bulk-employee-table th{position:sticky;top:0;background:#f2f4fa;z-index:1}

#s-modal .bulk-common{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:end;gap:14px;padding:20px}#s-modal .bulk-common>label{margin:0;min-width:0}#s-modal .bulk-common select,#s-modal .bulk-common input{box-sizing:border-box;height:44px;margin:8px 0 0;width:100%}#s-modal .bulk-common>[data-apply-common]{box-sizing:border-box;height:44px;margin:0;white-space:nowrap;align-self:end;padding:0 18px}@media(max-width:700px){#s-modal .bulk-common{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}#s-modal .bulk-common>[data-apply-common]{grid-column:1/-1;width:100%}}

.employee-sort-button{border:0;background:transparent;color:inherit;font:inherit;font-weight:700;padding:8px 0;text-align:left;white-space:nowrap;cursor:pointer}.employee-sort-button span{font-size:11px;color:#8795ae}.employee-sort-button:hover,.employee-sort-button:focus-visible{color:#4a5bc3}.employee-list th[aria-sort=ascending],.employee-list th[aria-sort=descending]{color:#4a5bc3;background:#eaf0ff}

.job-grade-card [data-manage-jobs]{display:block;margin-top:12px;padding:5px 0}.job-catalog-list>div{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid #e4e8f1}.job-catalog-list small{color:#7c8aa0}

.job-grade-card .job-manage-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-top:16px;padding:9px 14px;border:1px solid #dce2ee;border-radius:10px;background:#fff;color:#50617f;font:inherit;font-size:13px;font-weight:600;cursor:pointer;box-shadow:0 2px 5px #182b4710;transition:background .15s,border-color .15s}.job-grade-card .job-manage-button:hover{background:#eef2ff;border-color:#aebce8;color:#4355aa}.job-grade-card .job-manage-button:focus-visible{outline:3px solid #b6c4f0;outline-offset:2px}.job-manage-button svg{flex-shrink:0}

#s-modal #job-catalog-add .job-add-label{display:flex;align-items:center;gap:18px}#job-catalog-add .job-add-label>span{white-space:nowrap;flex-shrink:0}#job-catalog-add .job-add-label>input{flex:1;min-width:0;margin:0}@media(max-width:500px){#s-modal #job-catalog-add .job-add-label{flex-direction:column;align-items:stretch;gap:10px}}

.job-grade-card{--job-ink:#6551b6;--job-tint:#f2eeff;--job-line:#e3dbff;display:flex;flex-direction:column;gap:20px;padding:24px;min-width:0;border-top:3px solid var(--job-line)}.job-grade-card.grade-B{--job-ink:#3d69b0;--job-tint:#edf3ff;--job-line:#dce7fc}.job-grade-card.grade-C{--job-ink:#347768;--job-tint:#ecf7f2;--job-line:#d8ede5}.job-grade-card.grade-D{--job-ink:#a27324;--job-tint:#fff6e6;--job-line:#f4e6c9}.job-grade-heading{display:flex;align-items:center;gap:12px;width:100%;flex-wrap:wrap}.job-grade-heading h2{margin:0;font-size:16px}.job-grade-count{margin-left:auto;font-size:12px;color:#7a8799;white-space:nowrap}.job-grade-body{display:flex;flex-direction:column;flex:1;width:100%;gap:20px}.job-tag-list{display:flex;flex-wrap:wrap;align-content:flex-start;gap:8px;list-style:none;padding:0;margin:0;flex:1}.job-tag{display:inline-flex;align-items:center;border:1px solid var(--job-line);background:var(--job-tint);color:var(--job-ink);font-size:13px;font-weight:600;border-radius:8px;padding:8px 11px;line-height:1.45;overflow-wrap:anywhere;max-width:100%}.job-tag-empty{color:#8c98aa;font-size:13px;padding:8px 0}.job-grade-card .job-manage-button{margin-top:auto;align-self:flex-start}.job-grade-letter{background:var(--job-tint)!important;color:var(--job-ink)!important}

.job-tag-item{list-style:none}.job-tag-item .job-tag{font-family:inherit;cursor:pointer;text-align:left}.job-tag-item .job-tag:hover,.job-tag-item .job-tag:focus-visible{outline:2px solid var(--job-line);outline-offset:2px;filter:brightness(.97)}.job-members-popup{position:fixed;z-index:150;background:white;border:1px solid #dce3ef;border-radius:12px;box-shadow:0 10px 30px #17284a26;padding:16px;overflow:auto;box-sizing:border-box;color:#203451}.job-members-popup>strong{display:flex;justify-content:space-between;gap:10px}.job-members-popup small{font-size:12px;color:#7a879b;font-weight:400}.job-members-list{display:grid;gap:8px;margin-top:12px}.job-members-list p{font-size:13px;color:#7a879b}

.employee-list-compact{width:100%;min-width:1900px;table-layout:auto;border-collapse:separate;border-spacing:0;font-size:13px}.employee-list-compact th,.employee-list-compact td{white-space:nowrap;word-break:keep-all;overflow-wrap:normal;text-align:left;padding:14px 16px;vertical-align:middle;line-height:1.5}.employee-list-compact th{padding:10px 16px;font-size:12px;background:#f4f6fb}.employee-list-compact td{border-bottom:1px solid #edf0f6}.employee-list-compact tbody tr:hover td{background:#f8faff}.employee-list-compact td small{display:block;font-size:11px;line-height:1.5;margin:5px 0 0;color:#8591a4;white-space:nowrap}.employee-list-compact td:nth-child(1){min-width:120px;font-size:12px;color:#667792;font-variant-numeric:tabular-nums}.employee-list-compact td:nth-child(2){min-width:80px}.employee-list-compact td:nth-child(3){min-width:110px}.employee-list-compact td:nth-child(4){min-width:200px}.employee-list-compact td:nth-child(5){min-width:110px;font-variant-numeric:tabular-nums}.employee-list-compact td:nth-child(11){min-width:140px}.employee-list-compact td:nth-child(12){min-width:155px}.employee-list-compact td:nth-child(13){min-width:140px}.employee-list-compact td:last-child{min-width:75px}.employee-list-compact .text-link{display:inline-flex;align-items:center;white-space:nowrap;font-size:11px;padding:4px 8px;margin-top:5px;border:1px solid #e1e6f1;border-radius:6px;background:#fff;text-decoration:none}.roster-name{border:0;background:transparent;font:inherit;font-weight:700;color:#243c64;cursor:pointer;padding:4px 0;white-space:nowrap}.roster-name:hover{text-decoration:underline}.roster-rate{font-weight:600;color:#475c87;font-variant-numeric:tabular-nums}.roster-state{display:inline-block;border-radius:5px;padding:3px 9px;font-size:11px;background:#f0f2f5;color:#778396}.roster-state.is-active{background:#eaf6ef;color:#327d55}#employee-roster>.table-wrap{overflow:auto;border:1px solid #e6ebf3;border-radius:12px;margin-top:16px;scrollbar-width:auto}#employee-roster .employee-sort-button{font-size:12px}

.employee-detail-actions{display:flex;justify-content:flex-end;margin-top:20px;padding-top:16px;border-top:1px solid #e7ebf3}

.leave-period-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.leave-period-fields small{grid-column:1/-1}

.dash-metrics-six{grid-template-columns:repeat(6,minmax(0,1fr))}.leave-metric{background:#eff8f5;border-color:#d3e8df}.leave-metric:hover{background:#e3f2ec;border-color:#67a88c}.leave-metric .metric-link{color:#43836b}@media(max-width:1250px){.dash-metrics-six{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:650px){.dash-metrics-six{grid-template-columns:repeat(2,minmax(0,1fr))}}

.job-starting-salary{font-size:13px;color:#697b94;margin:0 0 14px}.job-starting-salary strong{color:#263d64}.salary-rate-hover{border:0;border-bottom:1px dotted #929ec6;background:transparent;color:inherit;font:inherit;font-weight:700;padding:6px 12px;border-radius:5px;cursor:help}.salary-rate-hover:hover,.salary-rate-hover:focus-visible{background:#e8edff;color:#4854bf}.salary-amount-tooltip{position:fixed;z-index:10000;pointer-events:none;padding:13px 18px;max-width:calc(100vw - 20px);border-radius:10px;background:#223654;color:#fff;font-size:14px;box-shadow:0 8px 24px #172a4d33}

.mfa-qr{display:block;width:240px;max-width:100%;margin:20px auto}.mfa-secret{display:block;overflow-wrap:anywhere;padding:12px;background:#f2f4fa}.mfa-recovery{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mfa-recovery code{padding:12px;background:#f2f4fa;overflow-wrap:anywhere}

#s-modal .mfa-form{margin-top:24px}#s-modal .mfa-form>label{display:flex;flex-direction:column;align-items:stretch;gap:12px;margin:0 0 24px}#s-modal .mfa-form>label>input{display:block;box-sizing:border-box;width:100%;min-width:0;height:48px;margin:0;padding:12px 14px}#s-modal .mfa-form>button{margin-top:4px}

.missing-info-summary{padding:24px;margin-bottom:24px;background:#f8f9fd;border:1px solid #e0e5f2;border-radius:16px}.missing-info-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.missing-info-heading h3{margin:0 0 8px}.missing-info-heading p{margin:0;color:#71809b;font-size:14px}.missing-info-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}.missing-info-filters button{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;background:#fff;border:1px solid #e0e5f2;border-radius:10px;font:inherit;color:#263654;cursor:pointer}.missing-info-filters button:hover,.missing-info-filters button:focus-visible{border-color:#6058d6;background:#f1f0ff}.missing-info-filters strong{font-size:22px;color:#5751cc}.missing-info-filters small{font-size:12px;margin-left:4px}.missing-info-summary>small{color:#71809b}.missing-info-person{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 0;border-bottom:1px solid #e8ecf4}.missing-info-person small{display:block;color:#71809b;margin-top:6px}.missing-info-badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.missing-info-badges span{background:#fff2e5;color:#92591d;border-radius:6px;padding:5px 8px;font-size:12px}.missing-info-actions{display:flex;flex-direction:column;gap:10px;flex-shrink:0}@media(max-width:700px){.missing-info-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.missing-info-heading{align-items:stretch;flex-direction:column}.missing-info-person{align-items:flex-start;flex-direction:column}.missing-info-actions{flex-direction:row}}

.evaluation-footer-actions{display:flex;justify-content:flex-end;align-items:center;gap:12px;flex-wrap:wrap;margin:24px 0;padding:20px 0;border-top:1px solid #dbe3ef}.evaluation-footer-actions button{margin:0}

.dashboard-grade-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.dashboard-grade-cards>button{display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding:22px;border:1px solid #e0e5f2;border-radius:14px;background:#f8f9fd;color:#233455;font:inherit;cursor:pointer}.dashboard-grade-cards>button:hover{border-color:#6259d6;background:#f0efff}.dashboard-grade-cards strong{font-size:32px}.dashboard-grade-cards strong small{font-size:14px;margin-left:6px}.dashboard-grade-cards .metric-link{font-size:13px;color:#7065ce}@media(max-width:700px){.dashboard-grade-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}

.editor-fields label{min-width:0}.editor-fields input,.editor-fields select{display:block;box-sizing:border-box;width:100%;height:48px;margin:8px 0 0;padding:10px 12px}


.employee-picker-fields{display:grid;grid-template-columns:1fr 1fr 2fr;gap:20px;align-items:end}.employee-picker-fields label{display:flex;flex-direction:column;gap:10px;font-weight:600;min-width:0}.employee-picker-fields input,.employee-picker-fields select{box-sizing:border-box;width:100%;height:48px;margin:0;padding:10px 12px}.employee-picker>small{display:block;margin-top:14px}@media(max-width:800px){.employee-picker-fields{grid-template-columns:1fr}}

.editor-table select[data-score]{width:100%;min-width:180px;max-width:340px;text-overflow:ellipsis}.editor-table td:has(select[data-score]){width:30%}
.contract-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:24px}.contract-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:22px}.contract-fields label,.contract-employee,.contract-clause{display:flex;flex-direction:column;gap:10px;font-weight:600}.contract-fields input,.contract-employee select{width:100%;box-sizing:border-box;height:46px;margin:0;padding:10px}.contract-clause{margin:20px 0}.contract-clause textarea{width:100%;box-sizing:border-box;padding:12px;line-height:1.6}.contract-paper{background:#fff;padding:40px;max-width:850px;margin:28px auto;border:1px solid #dde3ef;color:#182238;line-height:1.8}.contract-paper h1{text-align:center;font-size:28px}.contract-paper h3{font-size:17px;margin:18px 0 6px}.contract-paper table{width:100%;border-collapse:collapse}.contract-paper td,.contract-paper th{border:1px solid #cbd2dd;padding:8px;white-space:normal}.contract-paper p{white-space:normal;font-size:14px}.contract-date{text-align:center;margin:28px}.contract-signatures{display:grid;grid-template-columns:1fr 1fr;gap:12px}.contract-controls .panel{margin-bottom:22px}@media(max-width:850px){.contract-fields{grid-template-columns:1fr}.contract-paper{padding:20px}.contract-signatures{grid-template-columns:1fr}}@media print{body.printing-contract>.sidebar,body.printing-contract header,body.printing-contract .hero,body.printing-contract .role-switch,body.printing-contract footer,body.printing-contract .contract-controls,body.printing-contract main>section:not(#content){display:none!important}body.printing-contract main{margin:0!important;padding:0!important;width:100%!important}body.printing-contract #contract-preview{display:block!important;border:0;padding:0;margin:0;max-width:none}body.printing-contract{background:white}body.printing-contract .contract-paper article{break-inside:avoid}body.printing-contract .contract-paper table{break-inside:avoid}}
.contract-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin:24px 0}.contract-summary button{display:flex;flex-direction:column;align-items:flex-start;gap:18px;padding:24px;background:#fff;border:1px solid #e0e5f2;border-radius:16px;font:inherit;color:#263654;cursor:pointer}.contract-summary button[aria-pressed=true]{border-color:#544cd3;background:#f4f2ff}.contract-summary strong{font-size:32px}.contract-summary small{font-size:14px;margin-left:8px}.contract-evidence{padding:22px;background:#f4f6fc;border:1px solid #dce2ef;border-radius:12px;margin:20px 0}.contract-hash{overflow-wrap:anywhere;font-size:12px}.self-contract-card{padding:20px;border:1px solid #e0e5f2;border-radius:12px;margin-top:16px}#s-modal .mfa-form .contract-consent{display:flex;flex-direction:row;align-items:flex-start;gap:14px}#s-modal .mfa-form .contract-consent input{width:22px;min-width:22px;height:22px;margin-top:3px}@media(max-width:850px){.contract-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media print{body.printing-contract #content>.panel{display:none!important}body.printing-contract .contract-evidence{break-inside:avoid}}

/* HCNS Group login — scoped to the authentication screen. */
body.locked{overflow:hidden}
#auth-screen{position:fixed;inset:0;z-index:100;display:flex;flex-direction:column;align-items:center;overflow-y:auto;padding:48px 20px 28px;box-sizing:border-box;background:#f7f8fb;color:#252b3b;font-family:Inter,"Pretendard","Noto Sans KR","Malgun Gothic",sans-serif}
#auth-screen *{box-sizing:border-box}
.auth-network{position:fixed;inset:0;pointer-events:none;color:#b9c8f6;opacity:.52}
.auth-network svg{width:100%;height:100%}.auth-network path{stroke-width:1;opacity:.26}
#auth-screen .auth-card{position:relative;flex-shrink:0;width:100%;max-width:420px;margin:auto 0 0;padding:35px 38px 27px;border:1px solid #e9ebf1;border-radius:20px;background:#fff;box-shadow:0 8px 36px #26365209,0 2px 8px #26365203}
.auth-brand{width:172px;height:76px;margin:0 auto 17px}.auth-brand svg{display:block;width:100%;height:100%}
.auth-heading{text-align:center;margin-bottom:29px}
#auth-screen .auth-kicker{font-size:10px;font-weight:700;letter-spacing:2px;color:#949aaa;margin:0 0 9px}
#auth-screen h1{font-size:22px;line-height:1.4;letter-spacing:-.7px;color:#252b3b;margin:0 0 8px;font-weight:750}
#auth-screen .auth-heading>p:last-child{font-size:13px;color:#8b93a5;margin:0}
#auth-screen label{display:block;text-align:left;font-size:12px;font-weight:600;line-height:1.5;color:#758096;margin:0 0 17px}
#auth-screen input{display:block;width:100%;min-width:0;height:48px;margin:7px 0 0;padding:12px 14px;border:1px solid #e5e8f0;border-radius:10px;background:#f8f9fb;color:#283249;font:inherit;font-size:14px;outline:none;transition:border-color .15s,box-shadow .15s}
#auth-screen input::placeholder{color:#a3aaba;font-weight:400}
#auth-screen input:focus{background:#fff;border-color:#6574df;box-shadow:0 0 0 3px #e9edff}
#auth-screen button{width:100%;min-height:47px;margin:0;padding:12px 15px;border-radius:10px;font:inherit;font-size:14px;font-weight:650;cursor:pointer;transition:background .15s}
#auth-screen .editor-primary{background:#4355d7;border:1px solid #4355d7;color:#fff;box-shadow:0 3px 7px #4355d715}
#auth-screen .editor-primary:hover{background:#3446c8}#auth-screen button:disabled{opacity:.6;cursor:wait}
#auth-screen .editor-secondary{border:1px solid #dce2f6;background:#f3f5ff;color:#4254c5}
#auth-screen :is(button,summary):focus-visible{outline:3px solid #aab8ff;outline-offset:3px}
#auth-screen #auth-error{font-size:12px;line-height:1.6;margin:0 0 14px;color:#a63a35;overflow-wrap:anywhere}
#auth-screen #auth-error:empty{display:none}
#auth-screen .auth-security{text-align:center;font-size:10px;color:#959dad;line-height:1.7;margin:14px -5px 0}
.auth-assistance{display:flex;flex-direction:column;border-top:1px solid #eff1f5;margin-top:23px;padding-top:7px}
#auth-screen details{margin:0;padding:0;border:0;background:transparent}
#auth-screen summary{font-size:12px;color:#69758d;cursor:pointer;padding:12px 0;list-style:none;display:flex;align-items:center;justify-content:space-between}
#auth-screen summary::-webkit-details-marker{display:none}#auth-screen summary::after{content:'+';font-size:16px;color:#9ca5b8;font-weight:400}#auth-screen details[open]>summary::after{content:'−'}
#auth-screen details p{font-size:12px;line-height:1.8;margin:0 0 15px;color:#7b8597}
#auth-screen details form{padding:3px 0 13px}#auth-screen details label{margin-bottom:12px}
.auth-card-footer{border-top:1px solid #eff1f5;padding-top:20px;margin-top:7px;text-align:center;font-size:11px;font-weight:650;color:#6b7588;line-height:1.8}
.auth-card-footer span{display:block;font-size:10px;font-weight:400;color:#99a1af;margin-top:3px}
#auth-screen .auth-copyright{position:relative;margin:22px 0 auto;padding-bottom:8px;text-align:center;font-size:10px;letter-spacing:.4px;color:#a5abba}
@media(max-width:520px){#auth-screen{padding:24px 18px 20px}#auth-screen .auth-card{padding:28px 25px 23px;border-radius:17px}.auth-brand{margin-bottom:14px}#auth-screen input{font-size:16px}.auth-heading{margin-bottom:25px}#auth-screen .auth-security{font-size:10px}}
@media(prefers-reduced-motion:reduce){#auth-screen *{transition:none!important}}
#auth-screen{padding-top:24px;padding-bottom:16px}
#auth-screen .auth-card{padding:27px 34px 22px}
.auth-brand{height:60px;margin-bottom:13px}
#auth-screen .auth-kicker{display:none}
.auth-heading{margin-bottom:23px}
#auth-screen h1{font-size:21px}
#auth-screen label{margin-bottom:14px}
#auth-screen input{height:46px}
.auth-assistance{margin-top:18px;padding-top:3px}
#auth-screen summary{padding:9px 0}
.auth-card-footer{padding-top:14px;margin-top:5px}
#auth-screen .auth-copyright{margin-top:16px}
@media(max-width:520px){#auth-screen .auth-card{padding:25px 24px 20px}}