.hr-workspace{display:flex;flex-direction:column;height:100%;font-family:DM Sans,-apple-system,sans-serif;color:#1a1a1a}.hr-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px 0}.hr-header-left{display:flex;align-items:center;gap:10px}.hr-header-left h2{margin:0;font-size:18px;font-weight:700;color:#1a1a1a}.hr-header-badge{font-size:10px;font-weight:700;letter-spacing:.5px;padding:2px 8px;border-radius:10px;background:linear-gradient(135deg,#4a7c59,#6aaf7d);color:#fff}.hr-tabs{display:flex;gap:2px;padding:12px 24px 0;border-bottom:1px solid #EEEDEA}.hr-tab{display:flex;align-items:center;gap:6px;padding:8px 16px;border:none;background:none;cursor:pointer;font-size:13px;font-weight:500;color:#777;border-bottom:2px solid transparent;transition:all .15s ease;font-family:inherit;white-space:nowrap}.hr-tab:hover{color:#333;background:#f8f7f5;border-radius:6px 6px 0 0}.hr-tab-active{color:#4a7c59;border-bottom-color:#4a7c59;font-weight:600}.hr-tab-label{display:inline}.hr-content{flex:1;overflow-y:auto;padding:20px 24px 32px}.hr-loading{display:flex;align-items:center;justify-content:center;gap:8px;padding:32px;color:#777;font-size:13px}.hr-spin{animation:hr-spin 1s linear infinite}@keyframes hr-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hr-stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;margin-bottom:24px}.hr-stat-card{display:flex;align-items:center;gap:14px;padding:16px 18px;background:#fff;border-radius:10px;border:1px solid #EEEDEA;transition:box-shadow .15s ease}.hr-stat-card:hover{box-shadow:0 2px 12px #0000000f}.hr-stat-icon{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.hr-stat-primary .hr-stat-icon{background:#e3f2fd;color:#1565c0}.hr-stat-success .hr-stat-icon{background:#e8f5e9;color:#4a7c59}.hr-stat-warning .hr-stat-icon{background:#fff3e0;color:#e65100}.hr-stat-danger .hr-stat-icon{background:#ffebee;color:#e8453c}.hr-stat-info .hr-stat-icon{background:#efebe9;color:#5d4037}.hr-stat-purple .hr-stat-icon{background:#f3e5f5;color:#6a1b9a}.hr-stat-info-wrapper{display:flex;flex-direction:column}.hr-stat-value{font-size:24px;font-weight:700;line-height:1.1;color:#1a1a1a}.hr-stat-label{font-size:12px;color:#777;margin-top:2px}.hr-stat-info{display:flex;flex-direction:column}.hr-section{margin-bottom:24px}.hr-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.hr-section-header h3{margin:0;font-size:15px;font-weight:600;color:#1a1a1a}.hr-link-btn{display:flex;align-items:center;gap:4px;background:none;border:none;color:#4a7c59;font-size:12px;font-weight:500;cursor:pointer;padding:4px 8px;border-radius:6px;font-family:inherit}.hr-link-btn:hover{background:#e8f5e9}.hr-quick-actions{display:flex;gap:10px;flex-wrap:wrap}.hr-quick-btn{display:flex;align-items:center;gap:8px;padding:10px 18px;background:#fff;border:1px solid #EEEDEA;border-radius:8px;cursor:pointer;font-size:13px;font-weight:500;color:#333;transition:all .15s ease;font-family:inherit}.hr-quick-btn:hover{background:#f8f7f5;border-color:#4a7c59;color:#4a7c59}.hr-pending-leaves{display:flex;flex-direction:column;gap:8px}.hr-leave-card{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#fff;border:1px solid #EEEDEA;border-radius:8px;gap:12px}.hr-leave-card-left{display:flex;align-items:center;gap:12px}.hr-leave-name{font-size:13px;font-weight:600;color:#1a1a1a;display:block}.hr-leave-type{font-size:12px;color:#777;display:block}.hr-leave-dates{font-size:11px;color:#999;display:block;margin-top:2px}.hr-leave-actions{display:flex;gap:6px;flex-shrink:0}.hr-btn-approve,.hr-btn-reject{display:flex;align-items:center;gap:4px;padding:6px 12px;border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;font-family:inherit;transition:opacity .15s}.hr-btn-approve{background:#e8f5e9;color:#4a7c59}.hr-btn-approve:hover{background:#c8e6c9}.hr-btn-reject{background:#ffebee;color:#e8453c}.hr-btn-reject:hover{background:#ffcdd2}.hr-attendance-quick{display:flex;flex-direction:column;gap:4px}.hr-attendance-quick-item{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#fff;border:1px solid #F4F2EE;border-radius:6px}.hr-aq-name{flex:1;font-size:13px;font-weight:500}.hr-aq-time{font-size:12px;color:#777;font-variant-numeric:tabular-nums}.hr-aq-status{font-size:11px;font-weight:500;padding:3px 8px;border-radius:4px}.hr-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;flex-wrap:wrap}.hr-toolbar-left,.hr-toolbar-right{display:flex;align-items:center;gap:10px}.hr-toolbar-count{font-size:12px;color:#777;background:#f4f2ee;padding:4px 10px;border-radius:12px}.hr-date-picker,.hr-month-picker,.hr-search-box{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#fff;border:1px solid #DEDBD5;border-radius:6px;font-size:13px;color:#333}.hr-date-picker input,.hr-month-picker input,.hr-search-box input{border:none;outline:none;font-size:13px;font-family:inherit;color:#333;background:transparent;width:auto}.hr-search-box{min-width:180px}.hr-search-box input{width:140px}.hr-payroll-total{font-size:13px;color:#333;padding:6px 14px;background:#e8f5e9;border-radius:6px}.hr-payroll-total strong{color:#4a7c59}.hr-btn-primary{display:flex;align-items:center;gap:6px;padding:7px 16px;background:#4a7c59;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;font-family:inherit;transition:background .15s}.hr-btn-primary:hover{background:#3d6b4a}.hr-btn-primary:disabled{opacity:.5;cursor:not-allowed}.hr-btn-secondary{display:flex;align-items:center;gap:6px;padding:7px 16px;background:#f4f2ee;color:#333;border:1px solid #DEDBD5;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;font-family:inherit}.hr-btn-secondary:hover{background:#eeedea}.hr-btn-refresh{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#f8f7f5;border:1.5px solid #C5C0B8;border-radius:6px;cursor:pointer;color:#666;transition:all .15s}.hr-btn-refresh:hover{color:#333;background:#eeedea;border-color:#999}.hr-icon-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:none;border:1px solid transparent;border-radius:5px;cursor:pointer;color:#777;transition:all .15s}.hr-icon-btn:hover{color:#4a7c59;background:#e8f5e9;border-color:#c8e6c9}.hr-btn-approve-sm,.hr-btn-reject-sm{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border:none;border-radius:5px;cursor:pointer;transition:opacity .15s}.hr-btn-approve-sm{background:#e8f5e9;color:#4a7c59}.hr-btn-reject-sm{background:#ffebee;color:#e8453c}.hr-leave-btns{display:flex;gap:4px}.hr-attendance-summary{display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap}.hr-as-item{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#fff;border:1px solid #EEEDEA;border-left:3px solid #ccc;border-radius:4px;font-size:12px}.hr-as-count{font-weight:700;font-size:14px;color:#1a1a1a}.hr-as-label{color:#777}.hr-table-wrapper{overflow-x:auto;background:#fff;border:1px solid #EEEDEA;border-radius:8px}.hr-table{width:100%;border-collapse:collapse;font-size:13px}.hr-table thead{background:#fafaf8}.hr-table th{padding:10px 14px;text-align:left;font-weight:600;font-size:12px;color:#777;text-transform:uppercase;letter-spacing:.3px;border-bottom:1px solid #EEEDEA;white-space:nowrap}.hr-table td{padding:10px 14px;border-bottom:1px solid #F4F2EE;vertical-align:middle}.hr-table tbody tr:hover{background:#fafaf8}.hr-table tbody tr:last-child td{border-bottom:none}.hr-th-right{text-align:right!important}.hr-th-center{text-align:center!important}.hr-td-right{text-align:right}.hr-td-center{text-align:center}.hr-td-mono{font-variant-numeric:tabular-nums;font-size:12px}.hr-td-note{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#777;font-size:12px}.hr-td-bold{font-weight:600}.hr-empty-td{text-align:center!important;color:#999;padding:32px 14px!important}.hr-member-cell{display:flex;align-items:center;gap:8px}.hr-member-cell span{font-weight:500;white-space:nowrap}.hr-status-badge{display:inline-block;padding:3px 10px;border-radius:4px;font-size:11px;font-weight:500;white-space:nowrap}.hr-leave-status{display:inline-block;padding:3px 10px;border-radius:4px;font-size:11px;font-weight:500}.hr-leave-pending{background:#fff8e1;color:#e65100}.hr-leave-approved{background:#e8f5e9;color:#4a7c59}.hr-leave-rejected{background:#ffebee;color:#e8453c}.hr-payroll-status{display:inline-block;padding:3px 10px;border-radius:4px;font-size:11px;font-weight:500}.hr-payroll-draft{background:#f4f2ee;color:#777}.hr-payroll-confirmed{background:#e3f2fd;color:#1565c0}.hr-payroll-paid{background:#e8f5e9;color:#4a7c59}.hr-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;color:#999;gap:12px}.hr-empty-state p{font-size:14px;margin:0}.hr-schedule-view-toggle{display:flex;gap:0;background:#f4f2ee;border-radius:6px;padding:2px}.hr-view-btn{display:flex;align-items:center;gap:5px;padding:5px 14px;border:none;background:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;color:#777;font-family:inherit;transition:all .15s}.hr-view-btn:hover{color:#333}.hr-view-btn-active{background:#fff;color:#4a7c59;font-weight:600;box-shadow:0 1px 3px #0000000f}.hr-schedule-member-select{padding:6px 10px;border:1px solid #DEDBD5;border-radius:6px;font-size:13px;font-family:inherit;color:#333;background:#fff;cursor:pointer;max-width:220px}.hr-schedule-instructions{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#fffde7;border:1px solid #FFF59D;border-radius:8px;font-size:13px;color:#5d4037;margin-bottom:16px}.hr-schedule-status-badge{font-size:11px;font-weight:600;padding:3px 10px;border-radius:4px;margin-left:auto;white-space:nowrap}.hr-sched-submitted{background:#fff3e0;color:#e65100}.hr-sched-approved{background:#e8f5e9;color:#4a7c59}.hr-btn-sm{padding:5px 12px!important;font-size:12px!important}.hr-schedule-instructions .hr-btn-sm{margin-left:auto}.hr-week-card{background:#fff;border:1px solid #EEEDEA;border-radius:10px;overflow:hidden;margin-bottom:14px}.hr-week-header{padding:10px 16px;background:linear-gradient(135deg,#fffde7,#fff9c4);font-size:13px;font-weight:700;color:#5d4037;border-bottom:1px solid #FFF59D}.hr-week-table{width:100%;border-collapse:collapse}.hr-week-table th,.hr-week-table td{text-align:center;padding:8px 4px;border-bottom:1px solid #F4F2EE}.hr-week-table thead th{background:#fafaf8;font-size:11px;font-weight:600;color:#777;padding:8px 4px}.hr-wt-day-header{min-width:60px}.hr-wt-day-name{display:block;font-size:12px;font-weight:700;color:#333}.hr-wt-day-date{display:block;font-size:10px;color:#999;margin-top:1px}.hr-wt-shift-label{text-align:left!important;padding-left:16px!important;font-size:13px;font-weight:600;color:#555;white-space:nowrap;width:90px;min-width:90px}.hr-wt-shift-label svg{vertical-align:-2px;margin-right:4px;color:#f59e0b}.hr-wt-cell{padding:6px!important}.hr-shift-checkbox{display:flex;align-items:center;justify-content:center;cursor:pointer}.hr-shift-checkbox input{display:none}.hr-shift-checkmark{width:28px;height:28px;border:2px solid #DEDBD5;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .15s ease;background:#fff;color:transparent}.hr-shift-checkbox:hover .hr-shift-checkmark{border-color:#4a7c59;background:#f0fff4}.hr-shift-checked .hr-shift-checkmark{background:#4a7c59;border-color:#4a7c59;color:#fff}.hr-shift-checked:hover .hr-shift-checkmark{background:#3d6b4a;border-color:#3d6b4a}.hr-shift-disabled{cursor:not-allowed;opacity:.7}.hr-shift-disabled:hover .hr-shift-checkmark{border-color:#dedbd5;background:#fff}.hr-shift-disabled.hr-shift-checked:hover .hr-shift-checkmark{background:#4a7c59;border-color:#4a7c59}.hr-manage-table .hr-wt-member-col{text-align:left!important;width:180px;min-width:140px;padding-left:12px!important}.hr-wt-member-cell{text-align:left!important;padding-left:12px!important}.hr-wt-member-name{font-size:13px;font-weight:500;display:block;white-space:nowrap}.hr-sched-status-dot{font-size:10px;font-weight:600;display:block;margin-top:1px}.hr-sched-dot-draft{color:#999}.hr-sched-dot-submitted{color:#e65100}.hr-sched-dot-approved{color:#4a7c59}.hr-wt-action-col{width:60px}.hr-wt-action-cell{text-align:center!important}.hr-approved-icon{color:#4a7c59}.hr-wt-manage-cell{padding:4px 2px!important}.hr-shift-indicators{display:flex;flex-direction:column;align-items:center;gap:2px}.hr-shift-dot{display:inline-flex;align-items:center;justify-content:center;width:22px;height:16px;border-radius:3px;font-size:10px;font-weight:700}.hr-dot-morning{background:#fff3e0;color:#e65100}.hr-dot-afternoon{background:#e3f2fd;color:#1565c0}.hr-dot-off{color:#ddd;font-weight:400;font-size:12px}.hr-week-summary{display:flex;align-items:stretch;border-bottom:2px solid #EEEDEA;background:#fafaf8}.hr-ws-label{width:180px;min-width:140px;padding:8px 12px;font-size:11px;font-weight:700;color:#777;display:flex;align-items:center;text-transform:uppercase;letter-spacing:.3px}.hr-ws-day{flex:1;text-align:center;padding:6px 4px;border-left:1px solid #F4F2EE}.hr-ws-day-name{display:block;font-size:11px;font-weight:700;color:#333}.hr-ws-counts{display:flex;justify-content:center;gap:6px;margin-top:4px}.hr-ws-count{display:inline-flex;align-items:center;gap:2px;font-size:11px;font-weight:600;padding:1px 6px;border-radius:3px}.hr-ws-morning{background:#fff3e0;color:#e65100}.hr-ws-afternoon{background:#e3f2fd;color:#1565c0}@media(max-width:768px){.hr-schedule-view-toggle{order:10;width:100%;justify-content:center}.hr-schedule-member-select{max-width:100%;width:100%}.hr-week-table{font-size:11px}.hr-shift-checkmark{width:24px;height:24px}.hr-wt-shift-label{width:60px;min-width:60px;font-size:11px;padding-left:8px!important}.hr-manage-table .hr-wt-member-col,.hr-wt-member-cell{width:100px;min-width:100px}.hr-wt-member-name{font-size:11px}.hr-ws-label{width:100px;min-width:100px;font-size:10px}}.hr-row-no-reg{opacity:.5}.hr-row-no-reg:hover{opacity:.8}.hr-sched-dot-none{color:#ccc;font-style:italic}.hr-settings{display:flex;flex-direction:column;gap:16px}.hr-perm-table th{font-size:11px;white-space:nowrap}.hr-perm-target-col{text-align:left!important;width:180px;min-width:160px;padding-left:14px!important}.hr-perm-tab-col{min-width:100px}.hr-perm-tab-col span{display:block}.hr-perm-sub{font-size:9px;color:#999;font-weight:400}.hr-perm-target-cell{text-align:left!important;padding-left:14px!important}.hr-perm-role-name{font-size:13px;font-weight:600;display:block}.hr-perm-role-count{font-size:11px;color:#999;display:block}.hr-perm-member-name{font-size:13px;font-weight:500;display:block;white-space:nowrap}.hr-perm-member-role{font-size:11px;color:#999;display:block}.hr-perm-toggle-cell{text-align:center!important;vertical-align:middle!important}.hr-perm-toggle{display:inline-flex;align-items:center;gap:4px;border:none;background:none;cursor:pointer;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;font-family:inherit;transition:all .15s}.hr-perm-toggle:disabled{cursor:not-allowed;opacity:.4}.hr-perm-on{color:#4a7c59}.hr-perm-on:hover{background:#e8f5e9}.hr-perm-off{color:#e8453c}.hr-perm-off:hover{background:#ffebee}.hr-perm-inherit-on{color:#999}.hr-perm-inherit-on:hover{background:#f4f2ee}.hr-perm-inherit-off{color:#ccc}.hr-perm-inherit-off:hover{background:#f4f2ee}.hr-perm-sub-toggle{margin-top:4px;font-size:10px;padding:2px 6px;display:flex}.hr-perm-sub-toggle.hr-perm-on{color:#1565c0}.hr-perm-sub-toggle.hr-perm-on:hover{background:#e3f2fd}@media(max-width:768px){.hr-perm-target-col{width:120px;min-width:100px}.hr-perm-tab-col{min-width:70px;font-size:10px}.hr-perm-toggle span{display:none}}.hr-intern-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}.hr-intern-card{background:#fff;border:1px solid #EEEDEA;border-radius:10px;padding:16px;transition:box-shadow .15s;position:relative}.hr-intern-card:hover{box-shadow:0 2px 12px #0000000f}.hr-intern-active{border-left:3px solid #4A7C59}.hr-intern-completed{border-left:3px solid #1565C0}.hr-intern-terminated{border-left:3px solid #999}.hr-intern-card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:12px}.hr-intern-name{font-size:14px;font-weight:600;display:block}.hr-intern-school{font-size:12px;color:#777;display:block;margin-top:1px}.hr-intern-major{font-size:11px;color:#999;display:block}.hr-intern-status-badge{font-size:10px;font-weight:600;padding:3px 8px;border-radius:4px;white-space:nowrap}.hr-intern-status-active{background:#e8f5e9;color:#4a7c59}.hr-intern-status-completed{background:#e3f2fd;color:#1565c0}.hr-intern-status-terminated{background:#f4f2ee;color:#999}.hr-intern-details{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.hr-intern-detail-row{display:flex;align-items:center;gap:6px;font-size:12px;color:#555}.hr-intern-detail-row svg{color:#999;flex-shrink:0}.hr-intern-progress{display:flex;align-items:center;gap:8px;margin-bottom:8px}.hr-intern-progress-bar{flex:1;height:6px;background:#f4f2ee;border-radius:3px;overflow:hidden}.hr-intern-progress-fill{height:100%;background:linear-gradient(90deg,#4a7c59,#6aaf7d);border-radius:3px;transition:width .3s ease}.hr-intern-progress-text{font-size:11px;font-weight:600;color:#4a7c59;min-width:30px;text-align:right}.hr-intern-score{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:600;color:#333}.hr-intern-card-actions{position:absolute;top:12px;right:12px}.hr-modal-overlay{position:fixed;inset:0;background:#00000059;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.hr-modal{background:#fff;border-radius:12px;box-shadow:0 16px 60px #0000001f;width:100%;max-width:480px;max-height:85vh;display:flex;flex-direction:column}.hr-modal-lg{max-width:600px}.hr-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #EEEDEA}.hr-modal-header h3{margin:0;font-size:15px;font-weight:600}.hr-modal-close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:none;border:none;border-radius:6px;cursor:pointer;color:#777}.hr-modal-close:hover{background:#f4f2ee;color:#333}.hr-modal-body{padding:16px 20px;overflow-y:auto;flex:1}.hr-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:12px 20px;border-top:1px solid #EEEDEA}.hr-form-group{margin-bottom:14px}.hr-form-group label{display:block;font-size:12px;font-weight:600;color:#555;margin-bottom:4px}.hr-form-group input,.hr-form-group select,.hr-form-group textarea{width:100%;padding:8px 10px;border:1px solid #DEDBD5;border-radius:6px;font-size:13px;font-family:inherit;color:#333;background:#fff;transition:border-color .15s;box-sizing:border-box}.hr-form-group input:focus,.hr-form-group select:focus,.hr-form-group textarea:focus{outline:none;border-color:#4a7c59;box-shadow:0 0 0 2px #4a7c591a}.hr-form-group textarea{resize:vertical;min-height:60px}.hr-form-row{display:flex;gap:12px}.hr-form-row .hr-form-group{flex:1}@media(max-width:768px){.hr-content{padding:16px}.hr-stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}.hr-stat-card{padding:12px}.hr-stat-value{font-size:20px}.hr-toolbar{flex-direction:column;align-items:stretch}.hr-toolbar-left,.hr-toolbar-right{flex-wrap:wrap}.hr-tabs{overflow-x:auto;padding:8px 16px 0}.hr-tab{padding:6px 12px;font-size:12px}.hr-schedule-grid,.hr-intern-grid{grid-template-columns:1fr}.hr-form-row{flex-direction:column;gap:0}.hr-modal{max-width:95vw}.hr-attendance-summary{gap:6px}.hr-leave-card{flex-direction:column;align-items:flex-start}.hr-leave-actions{align-self:flex-end;margin-top:8px}}@media(max-width:480px){.hr-stats-grid{grid-template-columns:1fr}.hr-header{padding:12px 16px 0}}