*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #F5F4F0;--surface: #FFFFFF;--surface2: #EEECEA;--border: rgba(0,0,0,.1);--border2: rgba(0,0,0,.18);--text: #1A1917;--text2: #6B6860;--text3: #9E9C96;--accent: #2D5BE3;--accent-light: #EEF2FD;--green: #1D9E75;--green-light: #E1F5EE;--amber: #BA7517;--amber-light: #FAEEDA;--red: #A32D2D;--red-light: #FCEBEB;--radius: 10px;--radius-lg: 14px;--font: "DM Sans", sans-serif;--mono: "DM Mono", monospace;--sidebar: 220px;--header: 56px;--font-scale: 1}[data-theme=dark]{--bg: #0F0F0E;--surface: #1A1918;--surface2: #242321;--border: rgba(255,255,255,.08);--border2: rgba(255,255,255,.15);--text: #F5F4F0;--text2: #B0AFA9;--text3: #75736E;--accent-light: rgba(45, 91, 227, .15);--green-light: rgba(29, 158, 117, .15);--amber-light: rgba(186, 117, 23, .15);--red-light: rgba(163, 45, 45, .15)}*{transition:background-color .15s ease,border-color .15s ease}body{font-family:var(--font);background:var(--bg);color:var(--text);font-size:calc(14px * var(--font-scale));min-height:100vh;-webkit-font-smoothing:antialiased}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;font-size:calc(13.5px * var(--font-scale));font-weight:500;cursor:pointer;border:none;transition:all .15s;font-family:var(--font);text-decoration:none}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:#2450c5}.btn-ghost{background:transparent;color:var(--text2);border:1px solid var(--border2)}.btn-ghost:hover{background:var(--bg);color:var(--text)}.btn-sm{padding:5px 12px;font-size:calc(12.5px * var(--font-scale))}.btn-lg{padding:12px 24px;font-size:calc(15px * var(--font-scale))}.btn-danger{background:var(--red-light);color:var(--red);border:none}.btn-danger:hover{background:#f7c1c1}.btn-success{background:var(--green-light);color:var(--green);border:none}.btn-success:hover{background:#9fe1cb}.btn:disabled{opacity:.5;cursor:not-allowed}.form-group{margin-bottom:16px}.form-label{display:block;font-size:calc(11.5px * var(--font-scale));font-weight:500;color:var(--text2);margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px;font-family:var(--mono)}.form-input{width:100%;padding:calc(9px * var(--font-scale)) calc(12px * var(--font-scale));border-radius:8px;border:1px solid var(--border2);background:var(--bg);font-family:var(--font);font-size:calc(14px * var(--font-scale));color:var(--text);outline:none;transition:border-color .15s;min-height:calc(38px * var(--font-scale))}.form-input:focus{border-color:var(--accent);background:var(--surface)}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%239E9C96' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:calc(30px * var(--font-scale))}.form-textarea{resize:vertical;min-height:calc(80px * var(--font-scale))}input[type=date]::-webkit-datetime-edit,input[type=time]::-webkit-datetime-edit,input[type=date]::-webkit-datetime-edit-fields-wrapper,input[type=time]::-webkit-datetime-edit-fields-wrapper{font-size:inherit;font-family:inherit}.card{background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border);padding:20px 24px}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:20px;font-size:calc(11.5px * var(--font-scale));font-weight:500}.badge-active{background:var(--green-light);color:var(--green)}.badge-on-leave{background:var(--amber-light);color:var(--amber)}.badge-inactive{background:var(--red-light);color:var(--red)}.badge-completed{background:var(--green-light);color:var(--green)}.badge-in-progress{background:var(--accent-light);color:var(--accent)}.badge-pending{background:var(--amber-light);color:var(--amber)}.table-wrap{background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border);overflow-x:auto}.table-header{padding:14px 20px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px;flex-wrap:wrap}.table-title{font-size:calc(14px * var(--font-scale));font-weight:600;flex:1}table{width:100%;border-collapse:collapse}th{padding:10px 16px;text-align:left;font-size:calc(11px * var(--font-scale));color:var(--text3);font-weight:500;text-transform:uppercase;letter-spacing:.6px;font-family:var(--mono);background:var(--bg);border-bottom:1px solid var(--border)}td{padding:12px 16px;border-bottom:1px solid var(--border);font-size:calc(13.5px * var(--font-scale))}tr:last-child td{border-bottom:none}tbody tr:hover td{background:var(--bg);cursor:pointer}.progress-bar{height:6px;background:var(--bg);border-radius:3px;overflow:hidden;border:1px solid var(--border)}.progress-fill{height:100%;border-radius:3px;background:var(--accent);transition:width .3s ease}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;z-index:200;display:flex;align-items:center;justify-content:center;padding:16px}.modal{background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border);width:100%;max-width:calc(460px * var(--font-scale));max-height:90vh;overflow-y:auto}.modal-head{padding:18px 24px;border-bottom:1px solid var(--border);display:flex;align-items:center}.modal-title{font-size:calc(15px * var(--font-scale));font-weight:600;flex:1}.modal-body{padding:20px 24px}.modal-footer{padding:14px 24px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:8px}.panel-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000040;z-index:100;display:flex;justify-content:flex-end}.panel{width:calc(480px * var(--font-scale));max-width:100%;height:100%;background:var(--surface);border-left:1px solid var(--border);display:flex;flex-direction:column;animation:slideIn .2s ease}@keyframes slideIn{0%{transform:translate(40px);opacity:0}to{transform:translate(0);opacity:1}}.panel-head{padding:20px 24px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px}.panel-body{flex:1;overflow-y:auto;padding:20px 24px}.panel-footer{padding:14px 24px;border-top:1px solid var(--border);display:flex;gap:8px}.divider{border:none;border-top:1px solid var(--border);margin:16px 0}.tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:5px;font-size:calc(11px * var(--font-scale));font-weight:500;background:var(--bg);color:var(--text2);border:1px solid var(--border)}.empty-state{text-align:center;padding:48px 20px;color:var(--text3)}.search-input{padding:7px 12px;border-radius:8px;border:1px solid var(--border2);background:var(--bg);font-family:var(--font);font-size:calc(13px * var(--font-scale));color:var(--text);outline:none;transition:all .2s}.search-input:focus{border-color:var(--accent);background:var(--surface);width:220px}.icon-btn{background:none;border:1px solid var(--border2);border-radius:7px;width:30px;height:30px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text2);transition:all .15s}.icon-btn:hover{background:var(--bg);color:var(--text)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:3px}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#fff3}.fc{font-family:var(--font)!important;font-size:calc(13px * var(--font-scale))!important}.fc .fc-toolbar-title{font-size:calc(16px * var(--font-scale))!important;font-weight:600!important}.fc .fc-button{font-family:var(--font)!important;font-size:calc(12.5px * var(--font-scale))!important;font-weight:500!important;background:var(--surface)!important;border:1px solid var(--border2)!important;color:var(--text2)!important;padding:5px 12px!important;border-radius:7px!important;box-shadow:none!important}.fc .fc-button:hover{background:var(--bg)!important;color:var(--text)!important}.fc .fc-button-active{background:var(--accent-light)!important;color:var(--accent)!important;border-color:var(--accent)!important}.fc .fc-button-primary:not(:disabled).fc-button-active{background:var(--accent-light)!important;color:var(--accent)!important}.fc-daygrid-event{border-radius:4px!important;border:none!important;font-size:calc(11.5px * var(--font-scale))!important;padding:1px 4px!important}.fc .fc-toolbar{padding:24px 24px 18px!important;margin-bottom:0!important}[data-theme=dark] .fc-theme-standard td,[data-theme=dark] .fc-theme-standard th,[data-theme=dark] .fc-theme-standard .fc-scrollgrid{border-color:var(--border)!important}[data-theme=dark] .fc .fc-list-event:hover td{background-color:var(--surface2)!important}@media (max-width: 768px){.fc .fc-toolbar{flex-direction:column;gap:12px;padding:24px 16px 12px!important}.fc .fc-toolbar-chunk{display:flex;justify-content:center;width:100%}.fc .fc-button{padding:4px 8px!important;font-size:calc(11px * var(--font-scale))!important}.fc .fc-toolbar-title{font-size:calc(15px * var(--font-scale))!important}}.fc .fc-day-today{background:transparent!important}.fc .fc-day-today .fc-daygrid-day-number{background:var(--accent)!important;color:#fff!important;font-weight:700;width:calc(24px * var(--font-scale));height:calc(24px * var(--font-scale));display:flex!important;align-items:center;justify-content:center;border-radius:50%;margin:2px 4px;box-shadow:0 1px 3px #2d5be333}.fc-event-pending,.fc-timegrid-event.fc-event-pending,.fc-v-event.fc-event-pending{background:var(--amber-light)!important;color:var(--amber)!important;border-left:3px solid var(--amber)!important}.fc-event-progress,.fc-timegrid-event.fc-event-progress,.fc-v-event.fc-event-progress{background:var(--accent-light)!important;color:var(--accent)!important;border-left:3px solid var(--accent)!important}.fc-event-completed,.fc-timegrid-event.fc-event-completed,.fc-v-event.fc-event-completed{background:var(--green-light)!important;color:var(--green)!important;border-left:3px solid var(--green)!important}.fc-v-event .fc-event-title,.fc-v-event .fc-event-main-frame,.fc-v-event .fc-event-main{color:inherit!important}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:24px}.grid-dashboard{display:grid;grid-template-columns:1.4fr 1fr;gap:24px}@media (max-width: 1024px){.panel{width:85%!important}.grid-dashboard{grid-template-columns:1fr!important}}@media (max-width: 768px){body{font-size:calc(13.5px * var(--font-scale))}.main-content{padding:16px!important}.grid-2{grid-template-columns:1fr!important}.grid-4{grid-template-columns:1fr 1fr!important}.grid-dashboard{grid-template-columns:1fr!important}.field-row{flex-direction:column!important;gap:4px!important}.field-row span{min-width:0!important}.settings-container{max-width:100%!important}.table-header{padding:12px 16px;gap:8px}.table-title{font-size:calc(13px * var(--font-scale))}.table-wrap{overflow-x:auto}th,td{padding:10px 12px}.modal{max-width:95%!important;margin:10px}.panel{width:100%!important}}@media (max-width: 480px){.grid-4{grid-template-columns:1fr!important}.modal-head,.modal-body,.modal-footer{padding:16px}}.sidebar-mobile-hidden{display:none!important}@media (max-width: 768px){.sidebar-desktop{display:none!important}}input[type=date]::-webkit-calendar-picker-indicator,input[type=time]::-webkit-calendar-picker-indicator{cursor:pointer}