*{box-sizing:border-box;margin:0;padding:0}body{color:#323130;background:#f3f2f1;flex-direction:column;height:100vh;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;display:flex;overflow:hidden}.topnav{background:#0078d4;flex-shrink:0;align-items:center;height:48px;padding:0 12px 0 0;display:flex;box-shadow:0 2px 8px #0003}.nav-brand{border-right:1px solid #fff3;align-items:center;gap:8px;height:100%;padding:0 20px;display:flex}.nav-logo{color:#0078d4;background:#fff;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;font-weight:900;display:flex}.nav-title{color:#fff;letter-spacing:.3px;font-size:16px;font-weight:600}.nav-items{flex:1;gap:2px;padding:0 8px;display:flex}.nav-btn{color:#ffffffd9;cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;align-items:center;gap:6px;height:48px;padding:0 14px;font-family:inherit;font-size:13px;transition:all .15s;display:flex}.nav-btn:hover{color:#fff;background:#ffffff1a}.nav-btn.active{color:#fff;background:#ffffff1f;border-bottom-color:#fff}.nav-icon{font-size:15px}.nav-right{align-items:center;gap:12px;padding:0 12px;display:flex}.nav-badge{color:#fff;background:#fff3;border-radius:12px;padding:3px 10px;font-size:12px}.nav-avatar{color:#fff;cursor:pointer;background:#ffffff40;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:flex}.notif-btn{cursor:pointer;color:#fffc;background:0 0;border:none;padding:4px;font-size:18px;position:relative}.notif-dot{background:#a4262c;border:2px solid #0078d4;border-radius:50%;width:8px;height:8px;position:absolute;top:2px;right:2px}.app-body{flex:1;display:flex;overflow:hidden}.sidebar{background:#fff;border-right:1px solid #edebe9;flex-direction:column;flex-shrink:0;width:220px;display:flex;overflow-y:auto}.sidebar-section{padding:8px 0}.sidebar-label{color:#a19f9d;text-transform:uppercase;letter-spacing:.5px;padding:8px 16px 4px;font-size:11px;font-weight:600}.sidebar-item{cursor:pointer;color:#323130;border-left:3px solid #0000;align-items:center;gap:10px;padding:9px 16px;font-size:13px;transition:all .12s;display:flex}.sidebar-item:hover{color:#0078d4;background:#f3f2f1}.sidebar-item.active{color:#0078d4;background:#deecf9;border-left-color:#0078d4;font-weight:600}.sidebar-icon{text-align:center;width:20px;font-size:16px}.sidebar-count{color:#fff;background:#0078d4;border-radius:10px;margin-left:auto;padding:1px 7px;font-size:11px;font-weight:600}.sidebar-count.red{background:#a4262c}.content{flex:1;padding:0;overflow:auto}.screen{height:100%;display:none;overflow:auto}.screen.active{flex-direction:column;display:flex}.screen-pad{flex:1;padding:24px;overflow:auto}.page-header{margin-bottom:20px}.page-title{color:#323130;font-size:22px;font-weight:600}.page-sub{color:#605e5c;margin-top:3px;font-size:13px}.kpi-row{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.kpi{border-top:4px solid var(--c);cursor:pointer;background:#fff;border-radius:6px;padding:18px 20px;transition:transform .1s,box-shadow .1s;box-shadow:0 1.6px 3.6px #00000021}.kpi:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.kpi-val{color:var(--c);font-size:32px;font-weight:700}.kpi-label{color:#605e5c;margin-top:2px;font-size:12px;font-weight:500}.kpi-sub{color:#a19f9d;margin-top:6px;font-size:11px}.dash-grid{grid-template-columns:1fr 380px;gap:20px;display:grid}.dash-left{flex-direction:column;gap:20px;display:flex}.card{background:#fff;border-radius:6px;overflow:hidden;box-shadow:0 1.6px 3.6px #00000021}.card-header{border-bottom:1px solid #edebe9;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.card-title{color:#323130;font-size:14px;font-weight:600}.card-body{padding:16px 18px}.card-action{color:#0078d4;cursor:pointer;background:0 0;border:none;font-family:inherit;font-size:12px}.card-action:hover{text-decoration:underline}.dept-health-grid{grid-template-columns:repeat(4,1fr);gap:10px;padding:14px;display:grid}.dh-card{cursor:pointer;background:var(--bg);border-radius:6px;padding:12px;transition:transform .12s,box-shadow .12s}.dh-card:hover{transform:translateY(-3px);box-shadow:0 4px 12px #0003}.dh-name{color:#ffffffe6;text-transform:uppercase;letter-spacing:.3px;font-size:11px;font-weight:700}.dh-rate{color:#fff;margin-top:4px;font-size:24px;font-weight:800;line-height:1.1}.dh-sub{color:#ffffffbf;margin-top:2px;font-size:10px}.dh-bar-bg{background:#ffffff40;border-radius:2px;height:4px;margin-top:8px}.dh-bar{background:#fffc;border-radius:2px;height:4px}.priority-item{cursor:pointer;border-bottom:1px solid #f3f2f1;align-items:center;gap:10px;padding:10px 16px;transition:background .1s;display:flex}.priority-item:hover{background:#f8f8f8}.priority-rank{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:11px;font-weight:700;display:flex}.priority-rank.urgent{color:#a4262c;background:#fde7e9}.priority-rank.warn{color:#7d6300;background:#fff4ce}.priority-rank.ok{color:#107c10;background:#dff6dd}.priority-name{flex:1;font-size:13px;font-weight:500}.priority-dept{color:#fff;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:600}.priority-rate{text-align:right;width:45px;font-size:13px;font-weight:700}.priority-rate.urgent{color:#a4262c}.priority-rate.warn{color:#7d6300}.priority-rate.ok{color:#107c10}.pbar-wrap{width:80px}.pbar-bg{background:#edebe9;border-radius:3px;height:6px}.pbar-fill{border-radius:3px;height:6px}.dept-selector{background:#fff;border-bottom:1px solid #edebe9;flex-shrink:0;gap:0;padding:0 24px;display:flex;overflow-x:auto}.dept-tab{cursor:pointer;color:#605e5c;white-space:nowrap;border-bottom:3px solid #0000;padding:12px 16px;font-size:13px;font-weight:500;transition:all .15s}.dept-tab:hover{color:#323130;border-bottom-color:#edebe9}.dept-tab.active{color:var(--c);border-bottom-color:var(--c);font-weight:600}.skills-container{flex:1;padding:16px 24px;overflow:auto}.skills-toolbar{align-items:center;gap:12px;margin-bottom:14px;display:flex}.search-box{background:#fff;border:1px solid #8a8886;border-radius:3px;align-items:center;gap:8px;width:260px;padding:4px 10px;display:flex}.search-box input{background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:13px}.filter-chip{cursor:pointer;color:#323130;background:#fff;border:1px solid #edebe9;border-radius:12px;padding:4px 12px;font-size:12px}.filter-chip.active{color:#fff;background:#0078d4;border-color:#0078d4}.ml-auto{margin-left:auto}.skills-table{border-collapse:collapse;width:max-content;min-width:100%;font-size:12px}.skills-table thead th{text-align:center;z-index:5;white-space:nowrap;background:#f8f7f6;border:1px solid #edebe9;max-width:60px;padding:6px 4px;font-size:11px;font-weight:600;position:sticky;top:0}.skills-table thead th.emp-col{text-align:left;z-index:10;background:#f0efee;min-width:180px;position:sticky;left:0}.skills-table thead th.op-header{vertical-align:bottom;max-width:38px;height:120px;padding:4px 2px}.op-text{writing-mode:vertical-rl;white-space:nowrap;font-size:11px}.skills-table tbody tr:hover td{background:#faf9f8}.skills-table tbody td{border:1px solid #edebe9;padding:3px}.skills-table tbody td.emp-col{text-align:left;white-space:nowrap;z-index:4;background:#fff;border-right:2px solid #edebe9;padding:6px 10px;position:sticky;left:0}.s-cell{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:4px;justify-content:center;align-items:center;width:32px;height:28px;margin:auto;font-size:12px;font-weight:700;transition:transform .1s,box-shadow .1s;display:flex}.s-cell:hover{z-index:20;position:relative;transform:scale(1.3);box-shadow:0 2px 8px #00000040}.s0{color:#a19f9d;background:#f3f2f1}.s1{color:#a4262c;background:#fde7e9}.s2{color:#7d6300;background:#fff4ce}.s3{color:#107c10;background:#dff6dd}.s4{color:#fff;background:#107c10}.active-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-right:5px;display:inline-block}.dot-active{background:#107c10}.dot-prob{background:#a4262c}.emp-list-grid{grid-template-columns:300px 1fr;gap:0;height:100%;display:grid;overflow:hidden}.emp-sidebar{background:#fff;border-right:1px solid #edebe9;overflow-y:auto}.emp-search{z-index:2;background:#fff;border-bottom:1px solid #edebe9;padding:12px;position:sticky;top:0}.emp-search input{border:1px solid #8a8886;border-radius:3px;outline:none;width:100%;padding:6px 10px;font-family:inherit;font-size:13px}.emp-search input:focus{border-color:#0078d4}.emp-item{cursor:pointer;border-bottom:1px solid #f3f2f1;align-items:center;gap:10px;padding:10px 14px;transition:background .1s;display:flex}.emp-item:hover{background:#f3f2f1}.emp-item.sel{background:#deecf9;border-left:3px solid #0078d4}.avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:700;display:flex}.emp-info .name{color:#323130;font-size:13px;font-weight:600}.emp-info .dept{color:#605e5c;margin-top:1px;font-size:11px}.emp-detail{background:#f8f7f6;padding:24px;overflow-y:auto}.profile-card{background:#fff;border-radius:8px;margin-bottom:16px;padding:24px;box-shadow:0 1.6px 3.6px #00000021}.profile-header{align-items:center;gap:16px;margin-bottom:20px;display:flex}.profile-avatar{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-size:26px;font-weight:700;display:flex}.profile-name{font-size:20px;font-weight:700}.profile-sub{color:#605e5c;margin-top:3px;font-size:13px}.skills-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;display:grid}.skill-item{background:#f8f7f6;border-radius:6px;align-items:center;gap:10px;padding:10px 12px;display:flex}.skill-badge{border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;font-weight:800;display:flex}.skill-op{color:#323130;font-size:12px;font-weight:500;line-height:1.3}.skill-dept{color:#a19f9d;font-size:10px}.ops-list-wrap{padding:20px 24px}.ops-dept-header{color:#fff;border-radius:4px;align-items:center;gap:8px;margin:16px 0 8px;padding:8px 14px;font-size:13px;font-weight:700;display:flex}.op-row{cursor:pointer;background:#fff;border-radius:4px;align-items:center;gap:12px;margin-bottom:4px;padding:10px 14px;transition:box-shadow .1s;display:flex;box-shadow:0 1px 3px #00000014}.op-row:hover{box-shadow:0 2px 8px #0000001f}.op-name{flex:1;font-size:13px;font-weight:500}.op-stat{color:#605e5c;text-align:center;width:90px;font-size:12px}.training-wrap{padding:20px 24px}.train-card{background:#fff;border-radius:8px;margin-bottom:16px;overflow:hidden;box-shadow:0 1.6px 3.6px #00000021}.train-header{align-items:center;gap:12px;padding:14px 18px;display:flex}.train-rank{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:800;display:flex}.train-op{flex:1;font-size:15px;font-weight:700}.train-dept{color:#fff;border-radius:10px;padding:3px 10px;font-size:11px;font-weight:600}.train-body{background:#f8f7f6;border-top:1px solid #f3f2f1;padding:14px 18px}.train-row{align-items:center;gap:8px;margin-bottom:6px;display:flex}.train-label{color:#605e5c;width:80px;font-size:11px;font-weight:600}.emp-chip{border-radius:12px;align-items:center;gap:5px;margin:2px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.chip-trainer{color:#107c10;background:#dff6dd}.chip-trainee{color:#a4262c;background:#fde7e9}.rate-bar-wrap{align-items:center;gap:10px;display:flex}.rate-num{width:52px;font-size:18px;font-weight:800}.rate-bar{background:#edebe9;border-radius:4px;flex:1;height:8px;overflow:hidden}.rate-fill{border-radius:4px;height:100%;transition:width .3s}.btn{cursor:pointer;border:none;border-radius:3px;align-items:center;gap:6px;padding:7px 16px;font-family:inherit;font-size:13px;font-weight:600;transition:background .12s;display:inline-flex}.btn-primary{color:#fff;background:#0078d4}.btn-primary:hover{background:#106ebe}.btn-secondary{color:#0078d4;background:#fff;border:1px solid #0078d4}.btn-secondary:hover{background:#f0f7ff}.btn-success{color:#fff;background:#107c10}.btn-success:hover{background:#0b6a0b}.btn-sm{padding:4px 10px;font-size:12px}.badge{border-radius:10px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.badge-active{color:#107c10;background:#dff6dd}.badge-prob{color:#a4262c;background:#fde7e9}.toast{color:#fff;opacity:0;z-index:999;background:#107c10;border-radius:6px;padding:12px 20px;font-size:13px;font-weight:600;transition:all .3s;position:fixed;bottom:24px;right:24px;transform:translateY(80px);box-shadow:0 4px 16px #0003}.toast.show{opacity:1;transform:translateY(0)}.modal-bg{z-index:200;background:#00000073;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.modal-bg.open{display:flex}.modal{background:#fff;border-radius:8px;width:500px;max-width:95vw;box-shadow:0 25.6px 57.6px #00000038}.modal-head{border-bottom:1px solid #edebe9;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.modal-title{font-size:18px;font-weight:700}.modal-close{cursor:pointer;color:#605e5c;background:0 0;border:none;font-size:20px;line-height:1}.modal-body{padding:20px 24px}.modal-foot{border-top:1px solid #edebe9;justify-content:flex-end;gap:8px;padding:14px 24px;display:flex}.form-row{margin-bottom:14px}.form-label{color:#323130;margin-bottom:4px;font-size:12px;font-weight:600;display:block}.form-input,.form-select{border:1px solid #8a8886;border-radius:2px;outline:none;width:100%;padding:7px 9px;font-family:inherit;font-size:13px}.form-input:focus,.form-select:focus{border-width:2px;border-color:#0078d4}.form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.legend{align-items:center;gap:6px;display:flex}.leg{color:#605e5c;align-items:center;gap:4px;font-size:11px;display:flex}.leg-box{border-radius:3px;width:20px;height:16px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#c8c8c8;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a0a0a0}.combo-input{margin-bottom:8px;position:relative}.combo-search{border:1px solid #8a8886;border-radius:2px;outline:none;width:100%;padding:7px 9px;font-family:inherit;font-size:13px}.combo-search:focus{border-width:2px;border-color:#0078d4}.combo-list{background:#fff;border:1px solid #edebe9;border-radius:2px;max-height:200px;margin-top:2px;display:none;overflow-y:auto}.combo-list.show{display:block}.combo-item{cursor:pointer;border-bottom:1px solid #f3f2f1;align-items:center;gap:8px;padding:8px 12px;font-size:13px;display:flex}.combo-item:hover{background:#f8f7f6}.combo-item.selected{color:#0078d4;background:#deecf9;font-weight:600}.combo-item:last-child{border-bottom:none}.combo-badge{color:#fff;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:600}.badge-l3{background:#107c10}.badge-l4{background:#0078d4}.trainee-chips{flex-wrap:wrap;gap:4px;margin-bottom:8px;display:flex}.trainee-chip{color:#fff;background:#0078d4;border-radius:12px;align-items:center;gap:4px;padding:4px 8px;font-size:12px;display:flex}.trainee-chip .remove{cursor:pointer;font-weight:700}.trainee-chip .remove:hover{color:gold}.training-log{background:#f8f7f6;border-radius:6px;margin-top:20px;padding:16px}.log-title{color:#323130;margin-bottom:12px;font-size:14px;font-weight:600}.log-item{background:#fff;border-radius:4px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:12px;display:flex;box-shadow:0 1px 3px #00000014}.log-details{flex:1}.log-op{font-size:13px;font-weight:600}.log-info{color:#605e5c;margin-top:2px;font-size:11px}.log-delete{color:#fff;cursor:pointer;background:#a4262c;border:none;border-radius:3px;padding:4px 8px;font-size:11px}.log-delete:hover{background:#8a1f25}.login-overlay{z-index:9999;background:linear-gradient(135deg,#0078d4 0%,#1a365d 50%,#0d2137 100%);justify-content:center;align-items:center;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;display:flex;position:fixed;inset:0}.login-overlay.hidden{display:none}.login-container{width:420px;max-width:95vw}.login-brand{text-align:center;margin-bottom:32px}.login-logo{color:#0078d4;background:#fff;border-radius:14px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:16px;font-size:28px;font-weight:900;display:inline-flex;box-shadow:0 8px 32px #0003}.login-brand h1{color:#fff;letter-spacing:.5px;margin:0;font-size:28px;font-weight:700}.login-brand p{color:#ffffffb3;margin:6px 0 0;font-size:14px}.login-card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 25.6px 57.6px #00000038,0 4.8px 14.4px #0000002e}.login-card-header{padding:24px 28px 0}.login-card-header h2{color:#323130;margin:0 0 4px;font-size:20px;font-weight:600}.login-card-header p{color:#605e5c;margin:0;font-size:13px}.login-card-body{padding:20px 28px 28px}.login-field{margin-bottom:16px}.login-field label{color:#323130;margin-bottom:6px;font-size:13px;font-weight:600;display:block}.login-field input{box-sizing:border-box;border:1px solid #8a8886;border-radius:3px;outline:none;width:100%;padding:10px 12px;font-family:inherit;font-size:14px;transition:border-color .15s}.login-field input:focus{border-width:2px;border-color:#0078d4;padding:9px 11px}.login-error{color:#a4262c;background:#fde7e9;border-radius:4px;margin-bottom:16px;padding:8px 12px;font-size:13px;display:none}.login-error.show{display:block}.login-submit{color:#fff;cursor:pointer;background:#0078d4;border:none;border-radius:3px;width:100%;padding:12px;font-family:inherit;font-size:15px;font-weight:600;transition:background .15s}.login-submit:hover{background:#106ebe}.login-submit:active{background:#005a9e}.login-roles{border-top:1px solid #edebe9;margin-top:16px;padding-top:16px}.login-roles-title{color:#a19f9d;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:11px;font-weight:600}.login-role-hint{cursor:pointer;border-radius:4px;align-items:center;gap:10px;margin-bottom:4px;padding:8px 10px;transition:background .1s;display:flex}.login-role-hint:hover{background:#f3f2f1}.login-role-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;display:flex}.login-role-text{flex:1}.login-role-text .role-name{color:#323130;font-size:13px;font-weight:600}.login-role-text .role-desc{color:#a19f9d;font-size:11px}.nav-logout{color:#ffffffd9;cursor:pointer;background:#ffffff1f;border:1px solid #fff3;border-radius:3px;align-items:center;gap:5px;padding:5px 12px;font-family:inherit;font-size:12px;font-weight:500;transition:all .15s;display:flex}.nav-logout:hover{color:#fff;background:#fff3}.nav-role-badge{color:#ffffffe6;text-transform:uppercase;letter-spacing:.3px;background:#ffffff26;border-radius:12px;padding:3px 10px;font-size:11px;font-weight:600}.status-badge{border-radius:12px;align-items:center;gap:4px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.status-active{color:#107c10;background:#dff6dd}.status-holiday{color:#0078d4;background:#deecf9}.status-absence{color:#d97706;background:#fff4ce}.status-probation{color:#b45309;background:#fffbeb}.status-terminated{color:#a4262c;background:#fde7e9}.status-select{border:1px solid #8a8886;border-radius:2px;outline:none;width:100%;padding:7px 9px;font-family:inherit;font-size:13px}.status-select:focus{border-width:2px;border-color:#0078d4}.role-hidden{display:none!important}.ops-search-bar{background:#fff;border:1px solid #8a8886;border-radius:3px;align-items:center;gap:8px;max-width:400px;margin-bottom:16px;padding:6px 12px;transition:border-color .15s;display:flex}.ops-search-bar:focus-within{border-width:2px;border-color:#0078d4;padding:5px 11px}.ops-search-bar input{color:#323130;background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:13px}.ops-search-bar input::placeholder{color:#a19f9d}.ops-search-icon{color:#605e5c;flex-shrink:0;font-size:14px}.ops-search-clear{cursor:pointer;color:#a19f9d;background:0 0;border:none;padding:0 2px;font-size:14px;display:none}.ops-search-clear:hover{color:#323130}.ops-no-results{text-align:center;color:#a19f9d;padding:32px 16px;font-size:14px}.prob-indicator{color:#b8860b;white-space:nowrap;background:#fff8dc;border-radius:8px;margin-left:3px;padding:1px 5px;font-size:10px;font-weight:600;display:inline-block}.dh-prob-indicator{color:#b8860b;margin-left:2px;font-size:9px;font-weight:600;display:inline-block}.crossdept-op-card{background:#fff;border-radius:8px;margin-bottom:12px;padding:16px;box-shadow:0 1px 3px #0000001a}.crossdept-op-header{align-items:center;gap:12px;margin-bottom:12px;display:flex}.crossdept-op-name{flex:1;font-size:14px;font-weight:600}.crossdept-dept-badge{color:#fff;border-radius:10px;padding:3px 10px;font-size:11px;font-weight:600}.crossdept-section-label{text-transform:uppercase;letter-spacing:.3px;margin-bottom:6px;padding:4px 0;font-size:11px;font-weight:700}.crossdept-own-dept{color:#0078d4;border-bottom:2px solid #deecf9}.crossdept-other-dept{color:#107c10;border-bottom:2px solid #dff6dd;margin-top:10px}.crossdept-emp-chip{border-radius:12px;align-items:center;gap:4px;margin:2px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.crossdept-emp-own{color:#0078d4;background:#deecf9}.crossdept-emp-other{color:#107c10;background:#dff6dd}.crossdept-emp-dept-tag{color:#fff;border-radius:8px;margin-left:2px;padding:1px 5px;font-size:9px;font-weight:600}.crossdept-no-coverage{color:#a19f9d;padding:4px 0;font-size:11px;font-style:italic}.crossdept-coverage-stats{border-top:1px solid #f3f2f1;align-items:center;gap:12px;margin-top:8px;padding-top:8px;font-size:11px;display:flex}.crossdept-stat-own{color:#0078d4;font-weight:600}.crossdept-stat-other{color:#107c10;font-weight:600}.crossdept-filter-bar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;display:flex}.crossdept-filter-bar .search-box{width:280px}.crossdept-dept-filter{cursor:pointer;color:#323130;background:#fff;border:1px solid #edebe9;border-radius:12px;padding:4px 12px;font-family:inherit;font-size:12px}.crossdept-dept-filter.active{color:#fff;background:#0078d4;border-color:#0078d4}.cockpit-wrap{background:#f3f2f1;height:100%;padding:24px;overflow-y:auto}.cockpit-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.cockpit-header-left{align-items:center;gap:16px;display:flex}.cockpit-logo{background:linear-gradient(135deg,#0078d4,#005a9e);border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex;box-shadow:0 4px 12px #0078d44d}.cockpit-title{color:#323130;font-size:24px;font-weight:700}.cockpit-subtitle{color:#605e5c;margin-top:2px;font-size:13px}.cockpit-timestamp{color:#a19f9d;background:#fff;border-radius:20px;padding:6px 14px;font-size:12px;box-shadow:0 1px 3px #00000014}.cockpit-top-row{grid-template-columns:320px 1fr;gap:20px;margin-bottom:20px;display:grid}.health-gauge-card{background:#fff;border-radius:10px;flex-direction:column;align-items:center;padding:24px;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000001a}.health-gauge-card:before{content:"";background:linear-gradient(90deg,#a4262c,#d4a017,#107c10);height:4px;position:absolute;top:0;left:0;right:0}.gauge-container{width:180px;height:100px;margin:8px 0 12px;position:relative}.gauge-svg{width:180px;height:100px}.gauge-bg{fill:none;stroke:#edebe9;stroke-width:14px;stroke-linecap:round}.gauge-fill{fill:none;stroke-width:14px;stroke-linecap:round;transition:stroke-dashoffset 1.2s cubic-bezier(.4,0,.2,1),stroke .5s}.gauge-value{font-size:36px;font-weight:800;line-height:1;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.gauge-label{color:#605e5c;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.health-trend{border-radius:12px;align-items:center;gap:6px;margin-top:8px;padding:4px 12px;font-size:12px;font-weight:600;display:flex}.trend-up{color:#107c10;background:#dff6dd}.trend-down{color:#a4262c;background:#fde7e9}.trend-stable{color:#7d6300;background:#fff4ce}.health-sub-metrics{grid-template-columns:1fr 1fr;gap:8px;width:100%;margin-top:16px;display:grid}.sub-metric{background:#f8f7f6;border-radius:6px;padding:8px 10px}.sub-metric-label{color:#a19f9d;text-transform:uppercase;letter-spacing:.3px;font-size:10px;font-weight:600}.sub-metric-val{margin-top:2px;font-size:18px;font-weight:700}.sub-metric-bar{background:#edebe9;border-radius:2px;height:3px;margin-top:4px;overflow:hidden}.sub-metric-fill{border-radius:2px;height:100%;transition:width .8s}.risk-summary-card{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.risk-summary-header{border-bottom:1px solid #edebe9;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.risk-summary-title{color:#323130;align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.risk-alerts-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;max-height:260px;padding:16px 20px;display:grid;overflow-y:auto}.risk-alert{cursor:pointer;border-left:4px solid;border-radius:8px;padding:12px 14px;transition:transform .12s,box-shadow .12s;position:relative}.risk-alert:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.risk-alert.critical{background:#fef2f2;border-left-color:#a4262c}.risk-alert.warning{background:#fffbeb;border-left-color:#d4a017}.risk-alert.moderate{background:#eff6ff;border-left-color:#0078d4}.risk-alert-severity{text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:10px;font-weight:700}.risk-alert.critical .risk-alert-severity{color:#a4262c}.risk-alert.warning .risk-alert-severity{color:#d4a017}.risk-alert.moderate .risk-alert-severity{color:#0078d4}.risk-alert-op{color:#323130;margin-bottom:4px;font-size:13px;font-weight:600}.risk-alert-detail{color:#605e5c;font-size:11px;line-height:1.4}.risk-alert-dept{color:#fff;border-radius:8px;margin-top:6px;padding:1px 6px;font-size:10px;font-weight:600;display:inline-block}.cockpit-grid{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px;display:grid}.cockpit-card{background:#fff;border-radius:10px;transition:box-shadow .2s;overflow:hidden;box-shadow:0 2px 8px #0000001a}.cockpit-card:hover{box-shadow:0 4px 16px #00000024}.cockpit-card-header{border-bottom:1px solid #edebe9;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.cockpit-card-title{color:#323130;align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.cockpit-card-badge{color:#fff;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:700}.cockpit-card-body{max-height:380px;padding:16px 20px;overflow-y:auto}.rec-item{cursor:pointer;border-bottom:1px solid #f3f2f1;border-radius:6px;align-items:center;gap:12px;margin:0 -12px;padding:10px 12px;transition:background .1s;display:flex}.rec-item:last-child{border-bottom:none}.rec-item:hover{background:#f8f7f6}.rec-rank{color:#fff;background:linear-gradient(135deg,#0078d4,#005a9e);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:700;display:flex}.rec-content{flex:1;min-width:0}.rec-action{color:#323130;font-size:13px;font-weight:500;line-height:1.3}.rec-action strong{color:#0078d4}.rec-impact{align-items:center;gap:8px;margin-top:4px;display:flex}.rec-impact-val{color:#107c10;background:#dff6dd;border-radius:8px;padding:1px 8px;font-size:12px;font-weight:700}.rec-impact-bar{background:#edebe9;border-radius:2px;flex:1;height:4px;overflow:hidden}.rec-impact-fill{background:linear-gradient(90deg,#107c10,#0b6a0b);border-radius:2px;height:100%;transition:width .6s}.gap-item{cursor:pointer;border-bottom:1px solid #f3f2f1;border-radius:6px;align-items:center;gap:12px;margin:0 -12px;padding:10px 12px;transition:background .1s;display:flex}.gap-item:last-child{border-bottom:none}.gap-item:hover{background:#fef2f2}.gap-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;display:flex}.gap-icon.zero{background:#fde7e9}.gap-icon.one{background:#fff4ce}.gap-content{flex:1;min-width:0}.gap-op-name{color:#323130;font-size:13px;font-weight:600}.gap-detail{color:#605e5c;margin-top:2px;font-size:11px}.gap-dept-badge{color:#fff;border-radius:8px;padding:2px 8px;font-size:10px;font-weight:600}.gap-severity{text-transform:uppercase;letter-spacing:.3px;border-radius:8px;padding:2px 8px;font-size:10px;font-weight:700}.gap-severity.zero-cov{color:#a4262c;background:#fde7e9}.gap-severity.one-cov{color:#7d6300;background:#fff4ce}.probation-impact-card{background:#fff;border-radius:10px;margin-bottom:20px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.impact-comparison{grid-template-columns:1fr auto 1fr;align-items:center;gap:0;display:grid}.impact-col{text-align:center;padding:20px}.impact-col.before{background:#f8f7f6}.impact-col.after{background:#fef2f2}.impact-col-label{text-transform:uppercase;letter-spacing:.5px;color:#a19f9d;margin-bottom:8px;font-size:11px;font-weight:700}.impact-col-value{font-size:32px;font-weight:800}.impact-col.before .impact-col-value{color:#107c10}.impact-col.after .impact-col-value{color:#a4262c}.impact-col-sub{color:#605e5c;margin-top:4px;font-size:12px}.impact-arrow{color:#a4262c;flex-direction:column;align-items:center;padding:0 16px;display:flex}.impact-arrow-icon{font-size:24px}.impact-arrow-val{font-size:14px;font-weight:700}.impact-details{border-top:1px solid #edebe9;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;padding:16px 20px;display:grid}.impact-detail-item{background:#f8f7f6;border-radius:6px;align-items:center;gap:10px;padding:10px 12px;display:flex}.impact-emp-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:11px;font-weight:700;display:flex}.impact-emp-name{color:#323130;font-size:12px;font-weight:600}.impact-emp-skills{color:#605e5c;font-size:10px}.cockpit-modal-bg{z-index:300;background:#00000080;justify-content:center;align-items:center;animation:.2s cockpitFadeIn;display:none;position:fixed;inset:0}.cockpit-modal-bg.open{display:flex}@keyframes cockpitFadeIn{0%{opacity:0}to{opacity:1}}@keyframes cockpitSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.cockpit-modal{background:#fff;border-radius:12px;width:620px;max-width:95vw;max-height:85vh;animation:.3s cockpitSlideUp;overflow-y:auto;box-shadow:0 25px 60px #00000040}.cockpit-modal-header{z-index:1;background:#fff;border-bottom:1px solid #edebe9;border-radius:12px 12px 0 0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex;position:sticky;top:0}.cockpit-modal-title{color:#323130;font-size:18px;font-weight:700}.cockpit-modal-close{cursor:pointer;color:#605e5c;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:22px;transition:background .1s;display:flex}.cockpit-modal-close:hover{background:#f3f2f1}.cockpit-modal-body{padding:20px 24px}.modal-section{margin-bottom:20px}.modal-section:last-child{margin-bottom:0}.modal-section-title{color:#605e5c;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:6px;margin-bottom:10px;font-size:13px;font-weight:700;display:flex}.modal-risk-badge{border-radius:8px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:700;display:inline-flex}.modal-risk-badge.high{color:#a4262c;background:#fde7e9}.modal-risk-badge.medium{color:#7d6300;background:#fff4ce}.modal-risk-badge.low{color:#107c10;background:#dff6dd}.modal-emp-row{border-bottom:1px solid #f3f2f1;align-items:center;gap:10px;padding:8px 0;display:flex}.modal-emp-row:last-child{border-bottom:none}.modal-emp-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:700;display:flex}.modal-emp-name{flex:1;font-size:13px;font-weight:500}.modal-emp-level{border-radius:10px;padding:2px 10px;font-size:12px;font-weight:700}.modal-emp-dept{color:#fff;border-radius:8px;padding:1px 6px;font-size:10px;font-weight:600}.modal-action-item{background:#f8f7f6;border-radius:6px;align-items:flex-start;gap:10px;margin-bottom:6px;padding:8px 12px;display:flex}.modal-action-priority{text-transform:uppercase;white-space:nowrap;border-radius:4px;flex-shrink:0;margin-top:1px;padding:2px 6px;font-size:10px;font-weight:700}.modal-action-priority.p1{color:#a4262c;background:#fde7e9}.modal-action-priority.p2{color:#7d6300;background:#fff4ce}.modal-action-priority.p3{color:#107c10;background:#dff6dd}.modal-action-text{color:#323130;font-size:13px;line-height:1.4}.sidebar-item.cockpit-active{background:linear-gradient(90deg,#deecf9,#edf5fd);border-left-color:#0078d4;font-weight:700}@keyframes cockpitCardIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.cockpit-animate{opacity:0;animation:.4s forwards cockpitCardIn}.cockpit-animate:first-child{animation-delay:50ms}.cockpit-animate:nth-child(2){animation-delay:.1s}.cockpit-animate:nth-child(3){animation-delay:.15s}.cockpit-animate:nth-child(4){animation-delay:.2s}.cockpit-animate:nth-child(5){animation-delay:.25s}.cockpit-empty{text-align:center;color:#a19f9d;padding:30px;font-size:13px}.cockpit-card-body::-webkit-scrollbar{width:5px}.cockpit-card-body::-webkit-scrollbar-thumb{background:#d2d0ce;border-radius:3px}.import-modal-bg{z-index:300;background:#00000073;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.import-modal-bg.open{display:flex}.import-modal{background:#fff;border-radius:8px;flex-direction:column;width:900px;max-width:95vw;max-height:90vh;display:flex;box-shadow:0 25.6px 57.6px #00000038}.import-modal .modal-head{border-bottom:1px solid #edebe9;flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.import-modal .modal-title{font-size:18px;font-weight:700}.import-modal .modal-close{cursor:pointer;color:#605e5c;background:0 0;border:none;font-size:20px;line-height:1}.import-modal .modal-body{flex:1;padding:20px 24px;overflow-y:auto}.import-modal .modal-foot{border-top:1px solid #edebe9;flex-shrink:0;justify-content:flex-end;gap:8px;padding:14px 24px;display:flex}.import-summary{flex-wrap:wrap;gap:12px;margin-bottom:16px;display:flex}.import-badge{border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;display:flex}.import-badge.new{color:#107c10;background:#dff6dd}.import-badge.update{color:#0078d4;background:#deecf9}.import-badge.error{color:#a4262c;background:#fde7e9}.import-badge .badge-count{font-size:18px;font-weight:700}.import-preview-table{border-collapse:collapse;width:100%;font-size:12px}.import-preview-table th{text-align:left;color:#323130;z-index:1;background:#f3f2f1;border-bottom:2px solid #edebe9;padding:8px 10px;font-weight:600;position:sticky;top:0}.import-preview-table td{color:#323130;border-bottom:1px solid #f3f2f1;padding:6px 10px}.import-preview-table tr.row-new{background:#f0fdf4}.import-preview-table tr.row-update{background:#eff6ff}.import-preview-table tr.row-error{background:#fef2f2}.import-preview-table tr:hover{background:#f8f8f8}.import-status-tag{border-radius:10px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.import-status-tag.new{color:#107c10;background:#dff6dd}.import-status-tag.update{color:#0078d4;background:#deecf9}.import-status-tag.error{color:#a4262c;background:#fde7e9}.export-dropdown{display:inline-block;position:relative}.export-menu{z-index:100;background:#fff;border-radius:6px;min-width:220px;margin-bottom:4px;display:none;position:absolute;bottom:100%;left:0;overflow:hidden;box-shadow:0 4px 16px #0000002e}.export-menu.open{display:block}.export-menu-item{color:#323130;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:10px 16px;font-family:inherit;font-size:13px;display:flex}.export-menu-item:hover{background:#f3f2f1}.export-menu-item .menu-icon{text-align:center;width:20px;font-size:16px}.export-menu-item .menu-desc{color:#a19f9d;font-size:11px}.import-progress{margin:16px 0;display:none}.import-progress.active{display:block}.import-progress-bar{background:#edebe9;border-radius:2px;height:4px;overflow:hidden}.import-progress-fill{background:#0078d4;border-radius:2px;width:0%;height:100%;transition:width .3s}.import-progress-text{color:#605e5c;margin-top:6px;font-size:12px}.import-tabs{border-bottom:1px solid #edebe9;gap:0;margin-bottom:12px;display:flex}.import-tab{color:#605e5c;cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:500}.import-tab:hover{color:#0078d4}.import-tab.active{color:#0078d4;border-bottom-color:#0078d4;font-weight:600}.import-tab-content{max-height:300px;overflow-y:auto}.file-drop-zone{text-align:center;cursor:pointer;border:2px dashed #d2d0ce;border-radius:8px;margin-bottom:16px;padding:32px;transition:all .15s}.file-drop-zone:hover,.file-drop-zone.dragover{background:#f0f7ff;border-color:#0078d4}.file-drop-zone .drop-icon{margin-bottom:8px;font-size:36px}.file-drop-zone .drop-text{color:#323130;font-size:14px;font-weight:500}.file-drop-zone .drop-sub{color:#a19f9d;margin-top:4px;font-size:12px}.training-calendar-stack{gap:20px;display:grid}.training-calendar-card,.training-sessions-card,.training-day-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe0;border:1px solid #ffffff8c;border-radius:14px;overflow:hidden;box-shadow:0 10px 30px #00000014}.training-calendar-head,.training-sessions-head,.training-day-head{border-bottom:1px solid #edebe9;justify-content:space-between;align-items:center;gap:12px;padding:18px 20px 14px;display:flex}.training-calendar-body{grid-template-columns:minmax(0,1fr) 320px;gap:20px;padding:0 20px 20px;display:grid}.training-calendar-grid{background:#edebe9;border-top:1px solid #edebe9;grid-template-columns:repeat(7,minmax(0,1fr));gap:1px;display:grid}.training-calendar-dow{color:#605e5c;letter-spacing:.04em;text-transform:uppercase;background:linear-gradient(#f8fbff 0%,#f3f7fb 100%);padding:10px 12px;font-size:11px;font-weight:700}.training-calendar-day{cursor:pointer;background:#fff;flex-direction:column;gap:6px;min-height:126px;padding:10px 10px 8px;transition:transform .15s,box-shadow .15s;display:flex}.training-calendar-day:hover{transform:translateY(-1px);box-shadow:inset 0 0 0 1px #0078d429}.training-calendar-day.selected{background:linear-gradient(#fff 0%,#f8fbff 100%);box-shadow:inset 0 0 0 2px #1a365d}.training-calendar-day.muted{background:#faf9f8}.training-calendar-day.today{box-shadow:inset 0 0 0 2px #0078d4}.training-calendar-date{color:#323130;justify-content:space-between;align-items:center;font-size:12px;font-weight:700;display:flex}.training-calendar-pill{color:#fff;cursor:pointer;border-radius:999px;align-items:center;gap:4px;min-height:22px;padding:3px 8px;font-size:10px;font-weight:700;line-height:1.2;display:inline-flex;box-shadow:0 4px 10px #0000001f}.training-calendar-more{color:#605e5c;padding:2px 4px 0;font-size:10px;font-weight:700}.training-calendar-empty{color:#a19f9d;text-align:center;padding:28px 20px;font-size:13px}.training-day-card{align-self:start}.training-day-body{padding:18px 20px 20px}.training-day-list{gap:10px;display:grid}.training-day-session{border:1px solid #edebe9;border-left:4px solid var(--session-color,#0078d4);background:linear-gradient(#fff 0%,#faf9f8 100%);border-radius:10px;padding:12px 12px 10px}.training-day-session-title{color:#323130;justify-content:space-between;align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.training-day-session-meta{color:#605e5c;margin-top:6px;font-size:12px;line-height:1.45}.training-session-table-wrap{padding:0 20px 20px;overflow-x:auto}.training-session-table{border-collapse:collapse;width:100%;min-width:980px}.training-session-table th{color:#1a365d;text-align:left;letter-spacing:.04em;text-transform:uppercase;background:#f8fbff;border-bottom:1px solid #d2d0ce;padding:12px 10px;font-size:11px;font-weight:700}.training-session-table td{color:#323130;vertical-align:top;border-bottom:1px solid #edebe9;padding:12px 10px;font-size:13px}.training-session-table tr:hover td{background:#faf9f8}.session-status-badge{border-radius:999px;justify-content:center;align-items:center;min-width:92px;padding:5px 10px;font-size:11px;font-weight:700;display:inline-flex}.session-status-scheduled{color:#004578;background:#deecf9}.session-status-in-progress{color:#7d6300;background:#fff4ce}.session-status-completed{color:#0b6a0b;background:#dff6dd}.session-status-cancelled{color:#a4262c;background:#fde7e9}.session-action-row{flex-wrap:wrap;gap:6px;display:flex}.session-pill-count{color:#605e5c;align-items:center;gap:6px;font-size:12px;display:inline-flex}#modal-train .modal{width:760px}#modal-train .modal-body{max-height:72vh;overflow-y:auto}#train-trainees{min-height:160px}@media (max-width:1200px){.training-calendar-body{grid-template-columns:1fr}}@media (max-width:760px){.training-calendar-day{min-height:96px;padding:8px 6px 6px}.training-calendar-pill{padding:2px 6px;font-size:9px}.training-calendar-body{padding:0 12px 12px}.training-calendar-head,.training-sessions-head,.training-day-head{padding:14px 12px}.training-day-body,.training-session-table-wrap{padding:0 12px 12px}.session-action-row{flex-direction:column}}