.hrm-page{color:#15372e;padding:26px 34px 56px}.hrm-navigation{background:#edf2ee;border:1px solid #d7dfda;border-radius:12px;gap:5px;margin-bottom:26px;padding:5px;display:flex;overflow-x:auto}.hrm-navigation a{color:#60736c;border-radius:8px;min-width:max-content;padding:9px 15px;font-size:11px;font-weight:700;text-decoration:none}.hrm-navigation a.is-active{color:#fff;background:#164d3e;box-shadow:0 5px 14px rgba(18,66,52,.18)}.hrm-heading{justify-content:space-between;align-items:flex-end;gap:22px;margin-bottom:23px;display:flex}.hrm-heading>div>span,.hrm-directory>header span,.hrm-record-ledger>header span,.hrm-leave-board>header span{color:#688078;letter-spacing:.22em;font-size:9px;font-weight:800}.hrm-heading h1{letter-spacing:-.05em;margin:7px 0 0;font-family:Georgia,Noto Serif SC,serif;font-size:clamp(40px,4vw,62px);font-weight:400;line-height:.95}.hrm-heading p{color:#75857f;margin:11px 0 0;font-size:12px}.hrm-primary-button{color:#fff;cursor:pointer;background:#174f40;border:1px solid #174f40;border-radius:9px;min-height:43px;padding:0 17px;font-weight:700}.hrm-notice{color:#315b45;background:#edf6e3;border-left:3px solid #a8d657;margin:-6px 0 16px;padding:11px 14px;font-size:12px}.hrm-people-pulse{color:#fff;background:#0d392f;border-radius:16px;grid-template-columns:190px 1fr;margin-bottom:18px;display:grid;overflow:hidden}.hrm-people-pulse>div{border-right:1px solid rgba(255,255,255,.13);padding:23px 27px}.hrm-people-pulse small,.hrm-people-pulse strong,.hrm-people-pulse span{display:block}.hrm-people-pulse small{color:#82b9a7;letter-spacing:.18em;font-size:9px}.hrm-people-pulse strong{margin:8px 0 2px;font-family:Georgia,serif;font-size:39px;font-weight:400}.hrm-people-pulse span{color:#a9bdb6;font-size:11px}.hrm-people-pulse ul{grid-template-columns:repeat(3,1fr);margin:0;padding:0;list-style:none;display:grid}.hrm-people-pulse li{border-right:1px solid rgba(255,255,255,.1);flex-direction:column;justify-content:center;padding:21px 25px;display:flex;position:relative}.hrm-people-pulse li i{background:#aedc61;border-radius:50%;width:7px;height:7px;position:absolute;top:22px;right:22px}.hrm-people-pulse li i.is-bound{background:#74c8ae}.hrm-people-pulse li i.is-resigned{background:#d98478}.hrm-people-pulse li b{margin-top:7px;font-family:Georgia,serif;font-size:24px;font-weight:400}.hrm-filter-bar{background:rgba(255,255,252,.9);border:1px solid #d9e0dc;border-radius:13px;align-items:end;gap:14px;margin-bottom:18px;padding:16px 19px;display:flex}.hrm-filter-bar label{color:#596f67;flex-direction:column;flex:1;gap:6px;font-size:10px;font-weight:700;display:flex}.hrm-filter-bar input,.hrm-filter-bar select,.hrm-form-grid input,.hrm-form-grid select,.hrm-form-grid textarea,.hrm-dialog form>label textarea{box-sizing:border-box;color:#173b31;width:100%;min-height:41px;font:inherit;background:#f9fbf9;border:1px solid #cfdbd5;border-radius:8px;outline:0;padding:0 12px;font-size:12px;font-weight:400}.hrm-filter-bar input:focus,.hrm-filter-bar select:focus,.hrm-form-grid input:focus,.hrm-form-grid select:focus,.hrm-form-grid textarea:focus{border-color:#45907a;box-shadow:0 0 0 3px rgba(69,144,122,.1)}.hrm-trace-count{margin-left:auto}.hrm-trace-count small,.hrm-trace-count strong{display:block}.hrm-trace-count strong{font-family:Georgia,serif;font-size:25px}.hrm-directory,.hrm-record-ledger,.hrm-leave-board{background:rgba(255,255,252,.9);border:1px solid #d9e0dc;border-radius:15px;overflow:hidden}.hrm-directory>header,.hrm-record-ledger>header,.hrm-leave-board>header{border-bottom:1px solid #e0e5e2;justify-content:space-between;align-items:center;padding:18px 21px;display:flex}.hrm-directory h2,.hrm-record-ledger h2,.hrm-leave-board h2{margin:6px 0 0;font-family:Georgia,Noto Serif SC,serif;font-size:24px;font-weight:400}.hrm-directory>header>strong,.hrm-record-ledger>header>strong,.hrm-leave-board>header>strong{color:#98a49f;font-family:Georgia,serif;font-size:28px;font-weight:400}.hrm-employee-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;padding:15px;display:grid}.hrm-employee-card{background:#fff;border:1px solid #dbe3de;border-radius:12px;padding:15px}.hrm-employee-card.is-resigned{opacity:.7}.hrm-employee-card>header{justify-content:space-between;align-items:start;gap:10px;display:flex}.hrm-employee-card>header>div{align-items:center;gap:10px;display:flex}.hrm-avatar{color:#185443;background:#dff0e8;border-radius:10px;place-items:center;width:39px;height:39px;font-family:Georgia,serif;font-size:18px;display:grid}.hrm-employee-card header strong,.hrm-employee-card header small{display:block}.hrm-employee-card header small{color:#7c8c86;margin-top:3px;font-size:9px}.hrm-person-status{color:#236a4f;background:#dff3e9;border-radius:999px;padding:5px 8px;font-size:9px}.hrm-person-status.is-resigned{color:#a84f44;background:#f9e4e0}.hrm-employee-card dl{grid-template-columns:1fr 1fr;gap:11px;margin:17px 0;display:grid}.hrm-employee-card dl div{min-width:0}.hrm-employee-card dt{color:#85938e;margin-bottom:4px;font-size:9px}.hrm-employee-card dd{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:11px;overflow:hidden}.hrm-employee-card footer,.hrm-leave-grid article footer{border-top:1px solid #e6ebe8;gap:7px;padding-top:12px;display:flex}.hrm-employee-card footer button,.hrm-leave-grid article footer button{color:#28604f;cursor:pointer;background:#eff7f3;border:1px solid #cfe0d8;border-radius:7px;flex:1;padding:7px;font-size:10px}.hrm-employee-card footer .is-danger,.hrm-leave-grid article footer .is-danger{color:#ad4f43;background:#fff2ef;border-color:#efc5be}.hrm-empty{color:#97a49f;text-align:center;grid-column:1/-1;padding:55px}.hrm-stat-strip{background:#fff;border:1px solid #d7dfda;border-radius:13px;grid-template-columns:repeat(4,1fr);margin-bottom:18px;display:grid;overflow:hidden}.hrm-stat-strip>div{border-right:1px solid #e0e5e2;padding:16px 19px}.hrm-stat-strip>div:last-child{border:0}.hrm-stat-strip small,.hrm-stat-strip strong{display:block}.hrm-stat-strip small{color:#81918b;font-size:9px}.hrm-stat-strip strong{margin-top:6px;font-family:Georgia,serif;font-size:25px;font-weight:400}.hrm-record-list{display:grid}.hrm-record-list article{border-bottom:1px solid #e4e9e6;grid-template-columns:190px 1fr 1.4fr 110px;align-items:center;gap:16px;padding:14px 20px;display:grid}.hrm-record-list article:last-child{border:0}.hrm-record-date small,.hrm-record-date strong,.hrm-record-person strong,.hrm-record-person span,.hrm-record-time span{display:block}.hrm-record-date small{color:#99a49f;font-size:8px}.hrm-record-date strong{margin-top:4px;font-size:11px}.hrm-record-person span,.hrm-record-time span{color:#7a8a84;margin-top:3px;font-size:9px}.hrm-attendance-status{color:#63766f;background:#edf1ef;border-radius:999px;justify-content:center;padding:5px 8px;font-size:9px;font-weight:700;display:inline-flex}.hrm-attendance-status.is-normal{color:#24694f;background:#dcf2e7}.hrm-attendance-status.is-late,.hrm-attendance-status.is-early,.hrm-attendance-status.is-pending{color:#916416;background:#fff0cf}.hrm-attendance-status.is-abnormal,.hrm-attendance-status.is-absent{color:#a8473d;background:#fde4df}.hrm-attendance-status.is-leave{color:#3f628f;background:#e6eef9}.hrm-punch-stage{text-align:center;background:linear-gradient(145deg,#fff 0%,#f1f7f3 100%);border:1px solid #d6dfda;border-radius:20px;max-width:820px;margin:25px auto;padding:36px;box-shadow:0 18px 50px rgba(25,63,51,.08)}.hrm-punch-clock small,.hrm-punch-clock strong,.hrm-punch-clock span{display:block}.hrm-punch-clock small{color:#719086;letter-spacing:.2em;font-size:9px;font-weight:800}.hrm-punch-clock strong{margin:18px 0 11px;font-family:Georgia,Noto Serif SC,serif;font-size:45px;font-weight:400}.hrm-punch-clock span{width:max-content;margin:auto}.hrm-shift-line{grid-template-columns:1fr 70px 1fr;align-items:center;margin:34px 0;display:grid}.hrm-shift-line i{background:#cbd9d3;height:1px}.hrm-shift-line small,.hrm-shift-line strong{display:block}.hrm-shift-line small{color:#82928c;font-size:9px}.hrm-shift-line strong{margin-top:7px;font-family:Georgia,serif;font-size:17px;font-weight:400}.hrm-punch-button{color:#fff;cursor:pointer;background:#174f40;border:0;border-radius:14px;min-width:220px;min-height:52px;font-size:14px;font-weight:800;box-shadow:0 10px 25px rgba(23,79,64,.2)}.hrm-punch-button:disabled{opacity:.55;cursor:default}.hrm-punch-privacy{color:#83928d;margin:16px 0 0;font-size:9px}.hrm-timeline{background:#fff;border:1px solid #d9e0dc;border-radius:14px;padding:12px 20px 12px 42px;position:relative}.hrm-timeline:before{content:"";background:#cddbd5;width:1px;position:absolute;top:25px;bottom:25px;left:28px}.hrm-timeline article{border-bottom:1px solid #e5eae7;grid-template-columns:1fr auto;align-items:center;gap:20px;padding:14px 0;display:grid;position:relative}.hrm-timeline article:last-child{border:0}.hrm-timeline article>i{background:#438b75;border:3px solid #e9f2ed;border-radius:50%;width:9px;height:9px;position:absolute;left:-19px}.hrm-timeline small,.hrm-timeline strong,.hrm-timeline span{display:block}.hrm-timeline small{color:#799088;font-size:8px}.hrm-timeline strong{margin:4px 0;font-size:12px}.hrm-timeline span{color:#81918b;font-size:9px}.hrm-timeline a{color:#316c58;font-size:10px;text-decoration:none}.hrm-leave-grid{grid-template-columns:repeat(2,1fr);gap:13px;padding:15px;display:grid}.hrm-leave-grid article{background:#fff;border:1px solid #dbe3de;border-radius:12px;padding:16px}.hrm-leave-grid article>header{justify-content:space-between;gap:12px;display:flex}.hrm-leave-grid article header small,.hrm-leave-grid article header strong,.hrm-leave-grid article header span{display:block}.hrm-leave-grid article header small{color:#9aa6a1;font-size:8px}.hrm-leave-grid article header strong{margin:4px 0}.hrm-leave-grid article header div>span{color:#7b8b85;font-size:9px}.hrm-leave-period{color:#416759;background:#f1f6f3;border-radius:8px;padding:10px;font-size:10px}.hrm-leave-grid blockquote{color:#5f706a;min-height:35px;margin:12px 0;font-size:11px;line-height:1.6}.hrm-leave-reply{color:#49675d;background:#edf5f1;border-left:2px solid #72a993;padding:9px;font-size:10px}.hrm-dialog-backdrop{z-index:1250;backdrop-filter:blur(5px);background:rgba(17,43,36,.48);place-items:center;padding:25px;display:grid;position:fixed;inset:0;overflow-y:auto}.hrm-dialog{background:#fff;border-radius:18px;width:min(850px,100%);max-height:calc(100vh - 50px);overflow-y:auto;box-shadow:0 28px 80px rgba(15,44,35,.25)}.hrm-dialog>header{border-bottom:1px solid #e1e6e3;justify-content:space-between;padding:23px 26px 17px;display:flex}.hrm-dialog>header span{color:#658078;letter-spacing:.2em;font-size:9px;font-weight:800}.hrm-dialog>header h2{margin:6px 0 0;font-family:Georgia,Noto Serif SC,serif;font-size:28px;font-weight:400}.hrm-dialog>header p{color:#84938e;margin:5px 0 0;font-size:10px}.hrm-dialog>header button{color:#62776f;cursor:pointer;background:0 0;border:0;font-size:23px}.hrm-dialog form{padding:21px 26px 25px}.hrm-form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.hrm-form-grid label,.hrm-dialog form>label{color:#526b62;flex-direction:column;gap:6px;font-size:10px;font-weight:700;display:flex}.hrm-form-grid .is-wide{grid-column:1/-1}.hrm-form-grid textarea,.hrm-dialog form>label textarea{resize:vertical;min-height:75px;padding-top:10px}.hrm-form-error{color:#aa4b40;background:#fff0ed;border-radius:7px;margin:14px 0 0;padding:10px;font-size:10px}.hrm-dialog footer{justify-content:flex-end;gap:9px;margin-top:20px;display:flex}.hrm-dialog footer button{color:#315d4e;cursor:pointer;background:#f2f7f4;border:1px solid #cfdbd5;border-radius:8px;min-width:92px;min-height:39px}.hrm-dialog footer .is-primary{color:#fff;background:#174f40;border-color:#174f40}.hrm-dialog footer .is-danger{color:#fff;background:#bf584b;border-color:#bf584b}.hrm-dialog.is-confirm{width:min(460px,100%);padding-bottom:22px}.hrm-dialog.is-confirm>p{color:#62736d;margin:21px 26px;line-height:1.7}.hrm-dialog.is-confirm>footer{margin:20px 26px 0}.hrm-leave-detail{border:1px solid #dce4df;border-radius:10px;margin:20px 26px;padding:16px}.hrm-leave-detail>strong{margin-right:10px}.hrm-leave-detail dl{grid-template-columns:90px 1fr;gap:9px;margin-bottom:0;font-size:11px;display:grid}.hrm-leave-detail dt{color:#83928d}.hrm-leave-detail dd{margin:0}.hrm-decision-row{gap:12px;margin-bottom:15px;display:flex}.hrm-decision-row label{border:1px solid #d5dfda;border-radius:8px;flex:1;padding:11px}@media (width<=980px){.hrm-employee-grid{grid-template-columns:1fr 1fr}.hrm-record-list article{grid-template-columns:150px 1fr 1fr 90px}}@media (width<=700px){.hrm-page{padding:18px 12px 42px}.hrm-navigation{margin-bottom:20px}.hrm-heading{display:block}.hrm-heading h1{font-size:42px}.hrm-heading .hrm-primary-button{width:100%;margin-top:16px}.hrm-people-pulse{display:block}.hrm-people-pulse>div{border-bottom:1px solid rgba(255,255,255,.13);border-right:0}.hrm-people-pulse li{padding:15px}.hrm-people-pulse li i{top:16px;right:15px}.hrm-filter-bar{flex-direction:column;align-items:stretch}.hrm-employee-grid,.hrm-leave-grid{grid-template-columns:1fr}.hrm-stat-strip{grid-template-columns:1fr 1fr}.hrm-stat-strip>div:nth-child(2){border-right:0}.hrm-record-list article{grid-template-columns:1fr auto;gap:9px}.hrm-record-time{grid-column:1/-1}.hrm-punch-stage{padding:27px 16px}.hrm-shift-line{grid-template-columns:1fr 25px 1fr}.hrm-dialog-backdrop{align-items:end;padding:0}.hrm-dialog{border-radius:18px 18px 0 0;width:100%;max-height:94vh}.hrm-form-grid{grid-template-columns:1fr}.hrm-form-grid .is-wide{grid-column:auto}.hrm-timeline article{grid-template-columns:1fr}.hrm-dialog footer button{flex:1}}.hrm-access-denied{text-align:center;background:linear-gradient(145deg,#fff 0%,#eef5f1 100%);border:1px solid #d4dfd9;border-radius:20px;max-width:720px;margin:72px auto;padding:48px;box-shadow:0 18px 50px rgba(25,63,51,.08)}.hrm-access-denied>span{color:#688078;letter-spacing:.22em;font-size:9px;font-weight:800}.hrm-access-denied h1{margin:14px 0 10px;font-family:Georgia,Noto Serif SC,serif;font-size:32px;font-weight:400}.hrm-access-denied p{color:#71847c;margin:0 auto 24px;font-size:12px;line-height:1.8}.hrm-access-denied a{color:#fff;background:#174f40;border-radius:9px;align-items:center;min-height:42px;padding:0 18px;font-size:11px;font-weight:700;text-decoration:none;display:inline-flex}.hrm-form-grid .salary-date-trigger{background:#f9fbf9;border-color:#cfdbd5;border-radius:8px;min-height:41px;padding:0 12px;font-size:12px;font-weight:400}.hrm-form-grid .salary-date-trigger:focus-visible{border-color:#45907a;box-shadow:0 0 0 3px rgba(69,144,122,.1)}@media (width<=700px){.hrm-form-grid .salary-date-trigger{min-height:44px;font-size:16px}}.hrm-leave-grid article>header{align-items:flex-start}.hrm-leave-grid article header .hrm-attendance-status{white-space:nowrap;border-radius:999px;flex:none;justify-content:center;align-items:center;min-height:26px;padding:0 10px;line-height:1;display:inline-flex}.hrm-leave-grid article>.hrm-leave-actions{justify-content:flex-end;gap:8px}.hrm-leave-grid article>.hrm-leave-actions button{border-radius:8px;flex:none;min-width:72px;min-height:34px;padding:0 14px;font-size:10px;font-weight:700}.hrm-leave-grid article>.hrm-leave-actions .is-primary-action{color:#fff;background:#236854;border-color:#236854}.hrm-leave-grid article>.hrm-leave-actions .is-primary-action:hover{background:#184f3f}.hrm-leave-grid article>.hrm-leave-actions .is-secondary-action:hover{background:#e5f2ec;border-color:#a9c9bc}@media (width<=700px){.hrm-leave-grid article>.hrm-leave-actions button{flex:1;min-width:0;min-height:40px;padding:0 10px}}.hrm-dialog.is-employee{width:min(920px,100%)}.hrm-account-assignment{background:linear-gradient(145deg,#f8fbf9 0%,#f0f6f2 100%);border:1px solid #cfdcd6;border-radius:14px;margin-top:22px;padding:18px}.hrm-account-assignment>header,.hrm-account-assignment>header>div,.hrm-account-preview,.hrm-role-assignment-heading{align-items:center;display:flex}.hrm-account-assignment>header{justify-content:space-between;gap:16px;margin-bottom:16px}.hrm-account-assignment>header>div{gap:11px}.hrm-account-assignment>header>div>span{color:#28604f;background:#dceee6;border-radius:10px;place-items:center;width:34px;height:34px;font-family:Georgia,serif;font-size:11px;display:grid}.hrm-account-assignment>header strong,.hrm-account-assignment>header small{display:block}.hrm-account-assignment>header strong{color:#173b31;font-size:13px}.hrm-account-assignment>header small{color:#7c8d87;margin-top:4px;font-size:9px;font-weight:400}.hrm-account-assignment>header em{color:#24654e;background:#dcefe6;border-radius:999px;padding:5px 9px;font-size:9px;font-style:normal;font-weight:700}.hrm-account-assignment>header em.is-readonly{color:#74837e;background:#e8ecea}.hrm-account-assignment-grid{grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:12px;display:grid}.hrm-account-select{color:#526b62;flex-direction:column;gap:6px;font-size:10px;font-weight:700;display:flex}.hrm-account-select select{color:#173b31;width:100%;min-height:46px;font:inherit;background:#fff;border:1px solid #c7d8d0;border-radius:9px;outline:0;padding:0 12px;font-size:12px;font-weight:400}.hrm-account-select select:focus{border-color:#45907a;box-shadow:0 0 0 3px rgba(69,144,122,.1)}.hrm-account-preview{background:rgba(255,255,255,.72);border:1px solid #d5e0db;border-radius:10px;gap:10px;min-height:46px;padding:8px 10px}.hrm-account-avatar{color:#fff;background:#174f40;border-radius:9px;flex:none;place-items:center;width:32px;height:32px;font-family:Georgia,serif;display:grid}.hrm-account-avatar.is-empty{color:#83918c;background:#e4ebe7}.hrm-account-preview>div{flex:1;min-width:0}.hrm-account-preview strong,.hrm-account-preview small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.hrm-account-preview strong{font-size:11px}.hrm-account-preview small{color:#82918c;margin-top:3px;font-size:9px}.hrm-account-preview>i{white-space:nowrap;border-radius:999px;padding:4px 7px;font-size:8px;font-style:normal}.hrm-account-preview>i.is-active{color:#28664f;background:#dff2e8}.hrm-account-preview>i.is-disabled{color:#a65348;background:#f8e5e1}.hrm-role-assignment{border-top:1px solid #d9e3de;margin-top:15px;padding-top:15px}.hrm-role-assignment-heading{justify-content:space-between;gap:14px;margin-bottom:10px}.hrm-role-assignment-heading strong,.hrm-role-assignment-heading small{display:block}.hrm-role-assignment-heading strong{color:#23483d;font-size:11px}.hrm-role-assignment-heading small{color:#81908b;margin-top:3px;font-size:9px}.hrm-role-assignment-heading>span{color:#477064;white-space:nowrap;font-size:9px}.hrm-role-option-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.hrm-role-option{cursor:pointer;background:#fff;border:1px solid #d3ded8;border-radius:9px;align-items:center;gap:9px;min-width:0;padding:10px;transition:border-color .16s,background-color .16s,transform .16s;display:flex}.hrm-role-option:hover{border-color:#8fb8aa;transform:translateY(-1px)}.hrm-role-option.is-selected{background:#e7f3ed;border-color:#5a9b85}.hrm-role-option input{accent-color:#1d6651;width:16px;height:16px;margin:0}.hrm-role-option>span{flex:1;min-width:0}.hrm-role-option strong,.hrm-role-option small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.hrm-role-option strong{color:#1f463a;font-size:10px}.hrm-role-option small{color:#82918c;margin-top:3px;font-size:8px}.hrm-role-option>i{color:#719087;font-size:8px;font-style:normal}.hrm-role-option.is-selected>i{color:#1f6a53;font-weight:700}.hrm-role-empty,.hrm-role-readonly-list{color:#7d8d87;background:rgba(255,255,255,.55);border:1px dashed #cbd9d2;border-radius:9px;margin:0;padding:13px;font-size:10px}.hrm-role-readonly-list{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.hrm-role-readonly-list>span{color:#2e654f;background:#dfeee7;border-radius:999px;padding:5px 8px;font-weight:700}.hrm-role-readonly-list>span.is-empty{color:#7b8984;background:#edf1ef}.hrm-role-readonly-list>small{color:#8a9893;flex-basis:100%;font-size:8px}@media (width<=700px){.hrm-account-assignment{margin-top:18px;padding:14px}.hrm-account-assignment-grid,.hrm-role-option-grid{grid-template-columns:1fr}.hrm-account-select select{min-height:46px;font-size:16px}.hrm-role-option{min-height:46px}}