.sidebar{position:fixed;top:0;left:0;height:100vh;width:var(--sidebar-width);background:#fff;border-right:1px solid var(--gray-200);display:flex;flex-direction:column;transition:width .3s ease;z-index:100;overflow:hidden}.sidebar.collapsed{width:72px}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;height:var(--header-height);border-bottom:1px solid var(--gray-200)}.sidebar-logo{display:flex;align-items:center;gap:.75rem;overflow:hidden}.logo-icon{width:36px;height:36px;background:var(--primary);color:#fff;border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem;flex-shrink:0}.logo-text{font-weight:700;font-size:1.125rem;color:var(--gray-900);white-space:nowrap}.sidebar-toggle{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;color:var(--gray-500);transition:all .2s;flex-shrink:0}.sidebar-toggle:hover{background:var(--gray-100);color:var(--gray-700)}.collapsed .sidebar-toggle svg{transform:rotate(180deg)}.sidebar-nav{flex:1;padding:.75rem;display:flex;flex-direction:column;gap:2px;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;border-radius:var(--border-radius);color:var(--gray-600);font-size:.875rem;font-weight:500;transition:all .15s;white-space:nowrap}.nav-item:hover{background:var(--gray-100);color:var(--gray-900)}.nav-item.active{background:var(--primary-50);color:var(--primary)}.nav-item.active .nav-icon{color:var(--primary)}.nav-icon{font-size:1.25rem;flex-shrink:0}.nav-group{display:flex;flex-direction:column}.nav-parent{cursor:pointer;width:100%}.nav-chevron{margin-left:auto;font-size:1rem;transition:transform .2s;color:var(--gray-400)}.nav-chevron.open{transform:rotate(180deg)}.nav-children{display:flex;flex-direction:column;gap:1px;padding-left:.5rem}.nav-child{padding-left:1.75rem!important;font-size:.8125rem!important}.nav-child .nav-icon{font-size:1.0625rem}.sidebar-footer{padding:1rem;border-top:1px solid var(--gray-200)}.sidebar-version{font-size:.75rem;color:var(--gray-400);text-align:center}@media(max-width:768px){.sidebar{transform:translate(-100%)}.sidebar:not(.collapsed){transform:translate(0);box-shadow:var(--shadow-lg)}}.header{position:fixed;top:0;right:0;left:var(--sidebar-width);height:var(--header-height);background:#fff;border-bottom:1px solid var(--gray-200);display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;z-index:50;transition:left .3s ease}.sidebar-collapsed .header{left:72px}.header-left{display:flex;align-items:center;gap:1rem}.header-menu-btn{display:none;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--border-radius);font-size:1.25rem;color:var(--gray-600)}.header-menu-btn:hover{background:var(--gray-100)}.header-search{position:relative;width:320px}.search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--gray-400);font-size:1.125rem}.search-input{width:100%;padding:.5rem .75rem .5rem 2.5rem;border:1px solid var(--gray-200);border-radius:var(--border-radius);font-size:.875rem;color:var(--gray-700);background:var(--gray-50);outline:none;transition:all .2s}.search-input:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px var(--primary-100)}.search-input::placeholder{color:var(--gray-400)}.header-right{display:flex;align-items:center;gap:.5rem}.header-icon-btn{position:relative;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--border-radius);font-size:1.25rem;color:var(--gray-600);transition:all .2s}.header-icon-btn:hover{background:var(--gray-100);color:var(--gray-800)}.notification-badge{position:absolute;top:4px;right:4px;width:16px;height:16px;background:var(--danger);color:#fff;font-size:.625rem;font-weight:600;border-radius:50%;display:flex;align-items:center;justify-content:center}.header-profile{position:relative;margin-left:.5rem}.profile-btn{display:flex;align-items:center;gap:.75rem;padding:.375rem .5rem;border-radius:var(--border-radius);transition:background .2s}.profile-btn:hover{background:var(--gray-100)}.profile-avatar{width:36px;height:36px;background:var(--primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.75rem}.profile-info{display:flex;flex-direction:column;align-items:flex-start}.profile-name{font-size:.875rem;font-weight:600;color:var(--gray-800)}.profile-role{font-size:.75rem;color:var(--gray-500)}.profile-dropdown{position:absolute;top:calc(100% + .5rem);right:0;width:200px;background:#fff;border:1px solid var(--gray-200);border-radius:var(--border-radius);box-shadow:var(--shadow-lg);padding:.375rem;z-index:200}.dropdown-item{display:flex;align-items:center;gap:.625rem;width:100%;padding:.5rem .75rem;border-radius:6px;font-size:.875rem;color:var(--gray-700);transition:all .15s}.dropdown-item:hover{background:var(--gray-100)}.dropdown-item.danger{color:var(--danger)}.dropdown-item.danger:hover{background:var(--danger-light)}.dropdown-divider{border:none;border-top:1px solid var(--gray-200);margin:.25rem 0}.emp-header-greeting{font-size:.9375rem;font-weight:500;color:var(--gray-600)}.emp-avatar,.emp-logo-icon{background:#059669!important}.emp-sidebar .nav-item.active{background:#ecfdf5;color:#059669}.emp-sidebar .nav-item.active .nav-icon{color:#059669}@media(max-width:768px){.header{left:0}.header-menu-btn{display:flex}.header-search,.emp-header-greeting,.profile-info{display:none}}.layout{display:flex;min-height:100vh}.layout-main{flex:1;margin-left:var(--sidebar-width);transition:margin-left .3s ease}.layout.sidebar-collapsed .layout-main{margin-left:72px}.layout-content{padding:1.5rem;margin-top:var(--header-height);min-height:calc(100vh - var(--header-height))}@media(max-width:768px){.layout-main,.layout.sidebar-collapsed .layout-main{margin-left:0}}.stats-card{background:#fff;border-radius:var(--border-radius);padding:1.25rem;display:flex;align-items:flex-start;justify-content:space-between;border:1px solid var(--gray-200);transition:box-shadow .2s}.stats-card:hover{box-shadow:var(--shadow-md)}.stats-card-content{display:flex;flex-direction:column;gap:.25rem}.stats-card-title{font-size:.875rem;color:var(--gray-500);font-weight:500}.stats-card-value{font-size:1.75rem;font-weight:700;color:var(--gray-900)}.stats-card-change{font-size:.8125rem;font-weight:500}.stats-card-change.positive{color:var(--success)}.stats-card-change.negative{color:var(--danger)}.change-label{color:var(--gray-400);font-weight:400}.stats-card-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.stats-card--primary .stats-card-icon{background:var(--primary-50);color:var(--primary)}.stats-card--success .stats-card-icon{background:var(--success-light);color:var(--success)}.stats-card--warning .stats-card-icon{background:var(--warning-light);color:var(--warning)}.stats-card--danger .stats-card-icon{background:var(--danger-light);color:var(--danger)}.stats-card--info .stats-card-icon{background:var(--info-light);color:var(--info)}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.page-title{font-size:1.5rem;font-weight:700;color:var(--gray-900)}.page-subtitle{font-size:.875rem;color:var(--gray-500);margin-top:.25rem}.page-header-actions{display:flex;align-items:center;gap:.75rem}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:var(--border-radius);font-size:.875rem;font-weight:500;transition:all .15s;border:1px solid transparent}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark)}.btn-secondary{background:#fff;color:var(--gray-700);border-color:var(--gray-300)}.btn-secondary:hover{background:var(--gray-50)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#dc2626}.btn-sm{padding:.375rem .75rem;font-size:.8125rem}.badge{display:inline-flex;align-items:center;padding:.125rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:500}.badge-gray{background:var(--gray-100);color:var(--gray-600)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}.dashboard-charts{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:1.5rem}.chart-card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--border-radius);padding:1.25rem}.chart-title{font-size:1rem;font-weight:600;color:var(--gray-800);margin-bottom:1rem}.dashboard-bottom{display:grid;grid-template-columns:1.5fr 1fr;gap:1.5rem}.activity-card,.birthday-card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--border-radius);padding:1.25rem}.card-title{font-size:1rem;font-weight:600;color:var(--gray-800);margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--gray-100)}.activity-list{display:flex;flex-direction:column;gap:1rem}.activity-item{display:flex;align-items:flex-start;gap:.75rem}.activity-dot{width:8px;height:8px;border-radius:50%;margin-top:6px;flex-shrink:0}.activity-dot.success{background:var(--success)}.activity-dot.info{background:var(--info)}.activity-dot.warning{background:var(--warning)}.activity-dot.danger{background:var(--danger)}.activity-action{font-size:.875rem;color:var(--gray-800);font-weight:500}.activity-meta{font-size:.8125rem;color:var(--gray-500);margin-top:.125rem}.activity-meta strong{color:var(--gray-600)}.birthday-list{display:flex;flex-direction:column;gap:.75rem}.birthday-item{display:flex;align-items:center;gap:.75rem;padding:.5rem;border-radius:var(--border-radius);transition:background .15s}.birthday-item:hover{background:var(--gray-50)}.birthday-avatar{width:36px;height:36px;background:var(--primary-50);color:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.75rem;flex-shrink:0}.birthday-info{flex:1}.birthday-name{font-size:.875rem;font-weight:500;color:var(--gray-800)}.birthday-dept{font-size:.75rem;color:var(--gray-500)}.birthday-date{font-size:.8125rem;color:var(--primary);font-weight:500}@media(max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-charts,.dashboard-bottom{grid-template-columns:1fr}}@media(max-width:640px){.stats-grid{grid-template-columns:1fr}}.data-table-wrapper{width:100%;overflow-x:auto;border:1px solid var(--gray-200);border-radius:var(--border-radius);background:#fff}.data-table{width:100%;border-collapse:collapse;font-size:.875rem}.data-table thead{background:var(--gray-50)}.data-table th{padding:.75rem 1rem;text-align:left;font-weight:600;color:var(--gray-600);font-size:.8125rem;text-transform:uppercase;letter-spacing:.025em;border-bottom:1px solid var(--gray-200);white-space:nowrap}.data-table td{padding:.75rem 1rem;border-bottom:1px solid var(--gray-100);color:var(--gray-700)}.data-table tbody tr:hover{background:var(--gray-50)}.data-table tbody tr:last-child td{border-bottom:none}.empty-state{text-align:center;padding:2rem 1rem!important;color:var(--gray-400)}.actions-cell{display:flex;align-items:center;gap:.5rem}.btn-action{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;font-size:1rem;transition:all .15s;color:var(--gray-500)}.btn-action:hover{background:var(--gray-100);color:var(--gray-700)}.btn-action.edit:hover{background:var(--primary-50);color:var(--primary)}.btn-action.delete:hover{background:var(--danger-light);color:var(--danger)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:flex-start;justify-content:center;padding:2rem 1rem;z-index:1000;overflow-y:auto;animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.modal-container{background:#fff;border-radius:12px;box-shadow:var(--shadow-lg);width:100%;margin-top:2vh;animation:slideUp .2s ease}.modal-sm{max-width:440px}.modal-md{max-width:600px}.modal-lg{max-width:800px}.modal-xl{max-width:960px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--gray-200)}.modal-title{font-size:1.125rem;font-weight:600;color:var(--gray-900)}.modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;color:var(--gray-500);font-size:1.25rem;transition:all .15s}.modal-close:hover{background:var(--gray-100);color:var(--gray-700)}.modal-body{padding:1.5rem}.photo-upload-area{display:flex;align-items:center;gap:1.25rem}.photo-preview-wrapper{position:relative;flex-shrink:0}.photo-preview-img{width:88px;height:88px;border-radius:50%;object-fit:cover;border:3px solid var(--primary-100)}.photo-placeholder{width:88px;height:88px;border-radius:50%;background:var(--primary-50);color:var(--primary);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.5rem;border:3px dashed var(--gray-300)}.photo-camera-btn{position:absolute;bottom:0;right:0;width:30px;height:30px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.875rem;border:2px solid white;box-shadow:var(--shadow);transition:background .15s}.photo-camera-btn:hover{background:var(--primary-dark)}.photo-upload-info{display:flex;flex-direction:column;gap:.25rem}.photo-upload-text{font-size:.875rem;font-weight:500;color:var(--gray-700)}.photo-upload-hint{font-size:.75rem;color:var(--gray-400)}.photo-upload-actions{display:flex;align-items:center;gap:.5rem;margin-top:.375rem}.photo-remove-btn{color:var(--danger)}.photo-remove-btn:hover{background:var(--danger-light)}.add-employee-form{display:flex;flex-direction:column;gap:1.5rem}.form-section{border:1px solid var(--gray-100);border-radius:var(--border-radius);padding:1.25rem;background:var(--gray-50)}.form-section-title{font-size:.9375rem;font-weight:600;color:var(--primary);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid var(--primary-100)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.form-grid-single{grid-template-columns:1fr}.form-label{font-size:.8125rem;font-weight:500;color:var(--gray-700)}.required{color:var(--danger)}.form-input{padding:.5rem .75rem;border:1px solid var(--gray-200);border-radius:var(--border-radius);font-size:.875rem;color:var(--gray-700);background:#fff;outline:none;transition:all .2s}.form-input:disabled{background:var(--gray-100);color:var(--gray-400);cursor:not-allowed}.form-input.input-error{border-color:var(--danger)}.form-input.input-error:focus{box-shadow:0 0 0 3px var(--danger-light)}.form-textarea{resize:vertical;min-height:60px}.error-text{font-size:.75rem;color:var(--danger)}.helper-text{font-size:.75rem;color:var(--gray-400)}.same-address-check{margin:.75rem 0;font-size:.8125rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;color:var(--gray-600);cursor:pointer}.checkbox-label input{accent-color:var(--primary);width:15px;height:15px}.doc-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.doc-card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--border-radius);padding:1rem;display:flex;flex-direction:column;gap:.75rem}.doc-card-title{font-size:.875rem;font-weight:600;color:var(--gray-800);padding-bottom:.5rem;border-bottom:1px solid var(--gray-100)}.file-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.375rem;padding:1.25rem 1rem;border:2px dashed var(--gray-300);border-radius:var(--border-radius);background:#fff;cursor:pointer;transition:all .2s}.file-dropzone:hover{border-color:var(--primary-light);background:var(--primary-50)}.file-dropzone.drag-over{border-color:var(--primary);background:var(--primary-50);box-shadow:0 0 0 3px var(--primary-100)}.dropzone-icon{font-size:1.5rem;color:var(--gray-400)}.file-dropzone:hover .dropzone-icon,.file-dropzone.drag-over .dropzone-icon{color:var(--primary)}.dropzone-text{font-size:.8125rem;font-weight:500;color:var(--gray-600)}.dropzone-hint{font-size:.6875rem;color:var(--gray-400)}.file-input-hidden{display:none}.file-preview{display:flex;align-items:center;gap:.75rem;padding:.625rem;border:1px solid var(--gray-200);border-radius:var(--border-radius);background:#fff}.file-preview-image{width:56px;height:56px;object-fit:cover;border-radius:6px;border:1px solid var(--gray-200);flex-shrink:0}.file-preview-doc{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--info-light);border-radius:6px;flex-shrink:0}.file-doc-icon{font-size:1.5rem;color:var(--info)}.file-preview-info{flex:1;min-width:0}.file-preview-name{font-size:.8125rem;font-weight:500;color:var(--gray-800);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-preview-size{font-size:.75rem;color:var(--gray-400);margin-top:.125rem}.file-remove-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;color:var(--gray-400);font-size:1.125rem;flex-shrink:0;transition:all .15s}.file-remove-btn:hover{background:var(--danger-light);color:var(--danger)}.form-actions{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding-top:.5rem;border-top:1px solid var(--gray-200)}.form-actions-right{display:flex;align-items:center;gap:.75rem;margin-left:auto}.btn-end-services{margin-right:auto}.employee-view{display:flex;flex-direction:column;gap:1.25rem}.view-hero{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:linear-gradient(135deg,var(--primary-50) 0%,white 100%);border:1px solid var(--primary-100);border-radius:var(--border-radius);position:relative}.view-avatar{width:64px;height:64px;background:var(--primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.25rem;flex-shrink:0}.view-avatar-img{width:64px;height:64px;border-radius:50%;object-fit:cover;border:3px solid var(--primary-100);flex-shrink:0}.view-hero-info{flex:1;display:flex;flex-direction:column;gap:.125rem}.view-hero-name{font-size:1.25rem;font-weight:700;color:var(--gray-900)}.view-hero-role{font-size:.875rem;color:var(--gray-500)}.view-hero .badge{margin-top:.25rem;width:fit-content}.view-edit-btn{position:absolute;top:1.25rem;right:1.25rem}.view-section{border:1px solid var(--gray-100);border-radius:var(--border-radius);padding:1.25rem;background:var(--gray-50)}.view-section-title{font-size:.9375rem;font-weight:600;color:var(--primary);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid var(--primary-100)}.view-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.display-field{display:flex;flex-direction:column;gap:.25rem}.display-field-full{grid-column:1 / -1}.display-label{font-size:.75rem;font-weight:500;color:var(--gray-400);text-transform:uppercase;letter-spacing:.025em}.display-value{font-size:.9375rem;color:var(--gray-800);font-weight:500;line-height:1.4}.display-skills{display:flex;flex-wrap:wrap;gap:.375rem;margin-top:.125rem}.skill-tag{display:inline-flex;align-items:center;padding:.1875rem .625rem;background:var(--primary-50);color:var(--primary);border-radius:9999px;font-size:.75rem;font-weight:500;border:1px solid var(--primary-100)}.view-doc-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.view-doc-card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--border-radius);padding:1rem;display:flex;flex-direction:column;gap:.75rem}.no-doc-text{font-size:.8125rem;color:var(--gray-400);font-style:italic;padding:.75rem 0}.archived-banner{background:var(--danger-light);border:1px solid #fecaca;border-radius:var(--border-radius);padding:.875rem 1.25rem}.archived-banner-content{display:flex;flex-direction:column;gap:.25rem}.archived-banner-label{font-size:.8125rem;font-weight:600;color:#991b1b;text-transform:uppercase;letter-spacing:.03em}.archived-banner-detail{font-size:.8125rem;color:var(--gray-600)}.view-hero-archived{background:linear-gradient(135deg,var(--gray-100) 0%,white 100%);border-color:var(--gray-200)}.view-avatar-archived{background:var(--gray-400);opacity:.7}.archived-photo{opacity:.7;filter:grayscale(30%)}.view-section-archived{border-color:#fecaca;background:#fff5f5}.view-section-title-archived{color:#991b1b;border-bottom-color:#fecaca}.skill-select-wrapper{display:flex;flex-wrap:wrap;border:1px solid var(--gray-200);border-radius:var(--border-radius);padding:.375rem .5rem;min-height:42px;transition:border-color .15s,box-shadow .15s;background:#fff;cursor:text}.skill-select-focused{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-100)}.skill-tags-row{display:flex;flex-wrap:wrap;gap:.375rem;align-items:center;width:100%}.skill-tag-selected{display:inline-flex;align-items:center;gap:.25rem;padding:.1875rem .5rem;background:var(--primary-50);color:var(--primary);border-radius:999px;font-size:.75rem;font-weight:500;white-space:nowrap}.skill-tag-remove{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;font-size:.625rem;color:var(--primary);transition:all .15s;background:none;border:none;cursor:pointer;padding:0}.skill-tag-remove:hover{background:var(--primary);color:#fff}.skill-search-input{flex:1;min-width:100px;border:none;outline:none;font-size:.875rem;color:var(--gray-800);padding:.125rem 0;background:transparent}.skill-search-input::placeholder{color:var(--gray-400)}.skill-dropdown{position:absolute;left:0;right:0;top:100%;z-index:20;background:#fff;border:1px solid var(--gray-200);border-radius:var(--border-radius);box-shadow:var(--shadow-md);max-height:200px;overflow-y:auto;margin-top:.25rem}.skill-dropdown-item{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.5rem .75rem;font-size:.8125rem;color:var(--gray-700);transition:background .1s;border:none;background:none;cursor:pointer;text-align:left}.skill-dropdown-item:hover{background:var(--primary-50);color:var(--primary)}.skill-dropdown-cat{font-size:.6875rem;color:var(--gray-400);font-weight:500}.skill-dropdown-empty{padding:.75rem;text-align:center;font-size:.8125rem;color:var(--gray-400)}.skill-picker-group{position:relative}@media(max-width:640px){.form-grid,.view-grid,.doc-cards,.view-doc-cards{grid-template-columns:1fr}.view-hero{flex-direction:column;text-align:center}.view-hero .badge{align-self:center}.view-edit-btn{position:static;align-self:center}}.end-services-content{display:flex;flex-direction:column;gap:1.25rem}.end-services-warning{display:flex;gap:.75rem;padding:1rem;background:var(--danger-light);border-radius:var(--border-radius);border:1px solid #fecaca}.warning-icon-wrapper{width:36px;height:36px;background:var(--danger);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.warning-title{font-size:.875rem;color:var(--gray-800);line-height:1.4}.warning-desc{font-size:.8125rem;color:var(--gray-500);margin-top:.25rem}.end-services-form{display:flex;flex-direction:column;gap:.75rem}.end-services-actions{display:flex;justify-content:flex-end;gap:.75rem;padding-top:.5rem;border-top:1px solid var(--gray-200)}.delete-modal-content{display:flex;flex-direction:column;gap:1.25rem}.delete-warning-box{display:flex;gap:.75rem;padding:1rem;background:var(--danger-light);border-radius:var(--border-radius);border:1px solid #fecaca}.delete-warning-icon{width:36px;height:36px;background:var(--danger);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.delete-warning-title{font-size:.9375rem;color:var(--gray-800);line-height:1.4}.delete-warning-desc{font-size:.8125rem;color:var(--gray-500);margin-top:.25rem;line-height:1.4}.delete-otp-notice{display:flex;align-items:flex-start;gap:.75rem;padding:.875rem 1rem;background:var(--info-light);border:1px solid #bfdbfe;border-radius:var(--border-radius)}.otp-notice-icon{font-size:1.25rem;color:var(--info);flex-shrink:0;margin-top:.125rem}.delete-otp-notice p{font-size:.8125rem;color:var(--gray-600);line-height:1.5}.otp-email{color:var(--gray-800);font-weight:600}.otp-header{text-align:center;padding:.5rem 0}.otp-header-icon{width:48px;height:48px;background:var(--primary-50);color:var(--primary);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:.75rem}.otp-header-title{font-size:1.0625rem;font-weight:600;color:var(--gray-900)}.otp-header-desc{font-size:.8125rem;color:var(--gray-500);margin-top:.375rem;line-height:1.4}.otp-input-group{display:flex;justify-content:center;gap:.5rem}.otp-input{width:46px;height:52px;text-align:center;font-size:1.25rem;font-weight:700;color:var(--gray-800);border:2px solid var(--gray-200);border-radius:var(--border-radius);outline:none;transition:all .15s;background:#fff}.otp-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-100)}.otp-input-filled{border-color:var(--primary-light);background:var(--primary-50)}.otp-input-error{border-color:var(--danger)}.otp-input-error:focus{box-shadow:0 0 0 3px var(--danger-light)}.otp-error{text-align:center;font-size:.8125rem;color:var(--danger);font-weight:500}.otp-resend{text-align:center}.resend-timer{font-size:.8125rem;color:var(--gray-400)}.resend-btn{font-size:.8125rem;color:var(--primary);font-weight:500;background:none;border:none;cursor:pointer;padding:0}.resend-btn:hover{text-decoration:underline}.resend-btn:disabled{color:var(--gray-400);cursor:not-allowed}.otp-dev-hint{text-align:center;font-size:.6875rem;color:var(--gray-400);background:var(--gray-50);padding:.375rem .75rem;border-radius:6px;border:1px dashed var(--gray-200)}.delete-success{text-align:center;padding:1.5rem 0}.delete-success-icon{width:56px;height:56px;background:var(--success-light);color:var(--success);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;margin-bottom:.75rem}.delete-success h4{font-size:1.125rem;color:var(--gray-900);margin-bottom:.25rem}.delete-success p{font-size:.875rem;color:var(--gray-500)}.delete-modal-actions{display:flex;justify-content:flex-end;gap:.75rem;padding-top:.5rem;border-top:1px solid var(--gray-200)}.delete-modal-actions .btn:disabled{opacity:.6;cursor:not-allowed}.table-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;flex-wrap:wrap;gap:.75rem}.table-search{padding:.5rem .75rem;border:1px solid var(--gray-200);border-radius:var(--border-radius);font-size:.875rem;width:280px;outline:none;transition:border-color .2s}.table-search:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-100)}.table-filters{display:flex;gap:.5rem}.filter-select{padding:.5rem .75rem;border:1px solid var(--gray-200);border-radius:var(--border-radius);font-size:.875rem;color:var(--gray-700);background:#fff;outline:none;cursor:pointer}.filter-select:focus{border-color:var(--primary)}.employee-cell{display:flex;align-items:center;gap:.75rem}.employee-avatar{width:36px;height:36px;background:var(--primary-50);color:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.75rem;flex-shrink:0}.employee-avatar-img{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid var(--primary-100);flex-shrink:0}.archive-avatar{opacity:.6;filter:grayscale(40%)}.employee-name{font-weight:500;color:var(--gray-800)}.employee-email{font-size:.8125rem;color:var(--gray-500)}.empty-archive{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;background:#fff;border:1px solid var(--gray-200);border-radius:var(--border-radius);text-align:center}.empty-archive-icon{font-size:3rem;margin-bottom:1rem}.empty-archive h3{font-size:1.125rem;color:var(--gray-700);margin-bottom:.375rem}.empty-archive p{font-size:.875rem;color:var(--gray-400)}@media(max-width:640px){.table-toolbar{flex-direction:column;align-items:stretch}.table-search{width:100%}}.ovm-content{display:flex;flex-direction:column;gap:1.25rem}.ovm-warning-box{display:flex;gap:.75rem;padding:1rem;border-radius:var(--border-radius)}.ovm-warning-danger{background:var(--danger-light);border:1px solid #fecaca}.ovm-warning-primary{background:var(--primary-50);border:1px solid var(--primary-100)}.ovm-warning-icon{width:36px;height:36px;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.ovm-icon-danger{background:var(--danger)}.ovm-icon-primary{background:var(--primary)}.ovm-warning-title{font-size:.9375rem;font-weight:600;color:var(--gray-800);line-height:1.4}.ovm-warning-desc{font-size:.8125rem;color:var(--gray-500);margin-top:.25rem;line-height:1.4}.ovm-otp-notice{display:flex;align-items:flex-start;gap:.75rem;padding:.875rem 1rem;background:var(--info-light);border:1px solid #bfdbfe;border-radius:var(--border-radius)}.ovm-notice-icon{font-size:1.25rem;color:var(--info);flex-shrink:0;margin-top:.125rem}.ovm-otp-notice p{font-size:.8125rem;color:var(--gray-600);line-height:1.5}.ovm-email{color:var(--gray-800);font-weight:600}.ovm-otp-header{text-align:center;padding:.5rem 0}.ovm-otp-header-icon{width:48px;height:48px;background:var(--primary-50);color:var(--primary);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:.75rem}.ovm-otp-title{font-size:1.0625rem;font-weight:600;color:var(--gray-900)}.ovm-otp-desc{font-size:.8125rem;color:var(--gray-500);margin-top:.375rem;line-height:1.4}.ovm-otp-group{display:flex;justify-content:center;gap:.5rem}.ovm-otp-input{width:46px;height:52px;text-align:center;font-size:1.25rem;font-weight:700;color:var(--gray-800);border:2px solid var(--gray-200);border-radius:var(--border-radius);outline:none;transition:all .15s;background:#fff}.ovm-otp-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-100)}.ovm-otp-filled{border-color:var(--primary-light);background:var(--primary-50)}.ovm-otp-error{border-color:var(--danger)}.ovm-otp-error:focus{box-shadow:0 0 0 3px var(--danger-light)}.ovm-error{text-align:center;font-size:.8125rem;color:var(--danger);font-weight:500}.ovm-resend{text-align:center}.ovm-resend-timer{font-size:.8125rem;color:var(--gray-400)}.ovm-resend-btn{font-size:.8125rem;color:var(--primary);font-weight:500;background:none;border:none;cursor:pointer;padding:0}.ovm-resend-btn:hover{text-decoration:underline}.ovm-resend-btn:disabled{color:var(--gray-400);cursor:not-allowed}.ovm-dev-hint{text-align:center;font-size:.6875rem;color:var(--gray-400);background:var(--gray-50);padding:.375rem .75rem;border-radius:6px;border:1px dashed var(--gray-200)}.ovm-success{text-align:center;padding:1.5rem 0}.ovm-success-icon{width:56px;height:56px;background:var(--success-light);color:var(--success);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;margin-bottom:.75rem}.ovm-success h4{font-size:1.125rem;color:var(--gray-900);margin-bottom:.25rem}.ovm-success p{font-size:.875rem;color:var(--gray-500)}.ovm-actions{display:flex;justify-content:flex-end;gap:.75rem;padding-top:.5rem;border-top:1px solid var(--gray-200)}.ovm-actions .btn:disabled{opacity:.6;cursor:not-allowed}.roles-page{display:flex;flex-direction:column;gap:1.5rem}.roles-toolbar{display:flex;gap:.75rem;align-items:center}.roles-toolbar .table-search{max-width:320px;padding:.5rem .75rem;border:1px solid var(--gray-200);border-radius:var(--border-radius);font-size:.875rem;outline:none;transition:border-color .15s}.roles-toolbar .table-search:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-100)}.roles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.role-card{display:flex;flex-direction:column;gap:.75rem;padding:1.125rem;background:#fff;border:1px solid var(--gray-200);border-radius:var(--border-radius);transition:box-shadow .15s,border-color .15s}.role-card:hover{border-color:var(--gray-300);box-shadow:var(--shadow-sm)}.role-card-header{display:flex;align-items:center;justify-content:space-between}.role-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.role-card-actions{display:flex;gap:.25rem}.role-card-actions .btn-action{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;font-size:1rem;color:var(--gray-400);transition:all .15s}.role-card-actions .btn-action:hover{background:var(--gray-100);color:var(--gray-700)}.role-card-actions .btn-action.edit:hover{color:var(--primary);background:var(--primary-50)}.role-card-actions .btn-action.delete:hover{color:var(--danger);background:var(--danger-light)}.role-card-body{display:flex;flex-direction:column;gap:.375rem}.role-card-name{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;color:var(--gray-800)}.role-color-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.role-card-desc{font-size:.8125rem;color:var(--gray-500);line-height:1.4}.role-card-assigned{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:var(--gray-400);font-weight:500}.role-assigned-icon{font-size:.875rem}.roles-header-actions{display:flex;gap:.5rem}.role-card-perms{display:flex;flex-wrap:wrap;gap:.3rem;padding-top:.625rem;border-top:1px solid var(--gray-100)}.perm-badge{font-size:.625rem;font-weight:500;padding:.125rem .4375rem;border-radius:999px;background:var(--gray-100);color:var(--gray-600);white-space:nowrap}.perm-badge-full{background:var(--success-light);color:#065f46}.perm-badge-none{background:var(--danger-light);color:#991b1b}.roles-empty{grid-column:1 / -1;text-align:center;padding:3rem 1rem;color:var(--gray-400)}.roles-empty .empty-icon{font-size:2.5rem;margin-bottom:.75rem}.roles-empty p{font-size:.9375rem}.roles-form{display:flex;flex-direction:column;gap:1rem}.roles-form .form-group{display:flex;flex-direction:column;gap:.375rem}.roles-form .form-label{font-size:.8125rem;font-weight:500;color:var(--gray-700)}.roles-form .form-input{padding:.5rem .75rem;border:1px solid var(--gray-200);border-radius:var(--border-radius);font-size:.875rem;outline:none;transition:border-color .15s}.roles-form .form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-100)}.roles-form .form-textarea{resize:vertical;min-height:60px}.roles-form .input-error{border-color:var(--danger)}.roles-form .error-text{font-size:.75rem;color:var(--danger)}.roles-form .required{color:var(--danger)}.color-picker-row{display:flex;gap:.5rem;flex-wrap:wrap}.color-swatch{width:28px;height:28px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform .15s,border-color .15s}.color-swatch:hover{transform:scale(1.15)}.color-swatch-active{border-color:var(--gray-800);box-shadow:0 0 0 2px #fff,0 0 0 4px var(--gray-400)}.perm-section-header{display:flex;align-items:center;justify-content:space-between}.perm-toggle-all{font-size:.75rem;font-weight:500;color:var(--primary);background:none;border:none;cursor:pointer;padding:0}.perm-toggle-all:hover{text-decoration:underline}.perm-menu-list{display:flex;flex-direction:column;gap:.25rem;max-height:280px;overflow-y:auto;border:1px solid var(--gray-200);border-radius:var(--border-radius);padding:.5rem}.perm-menu-item-wrap{display:flex;flex-direction:column}.perm-menu-item{display:flex;align-items:center;gap:.625rem;padding:.5rem .625rem;border-radius:6px;cursor:pointer;transition:background .12s;-webkit-user-select:none;user-select:none}.perm-menu-item:hover{background:var(--gray-50)}.perm-menu-active{background:var(--primary-50)}.perm-menu-active:hover{background:var(--primary-100)}.perm-checkbox{width:16px;height:16px;accent-color:var(--primary);flex-shrink:0;cursor:pointer}.perm-menu-icon{font-size:1.125rem;color:var(--gray-500);flex-shrink:0}.perm-menu-active .perm-menu-icon{color:var(--primary)}.perm-menu-label{font-size:.8125rem;font-weight:500;color:var(--gray-700)}.perm-menu-active .perm-menu-label{color:var(--primary-dark)}.perm-children{display:flex;flex-wrap:wrap;gap:.3rem;padding:.25rem 0 .375rem 2.75rem}.perm-child-tag{font-size:.625rem;font-weight:500;padding:.0625rem .4375rem;border-radius:999px;background:var(--primary-50);color:var(--primary)}.perm-helper{font-size:.75rem;color:var(--gray-400)}.roles-form-actions{display:flex;justify-content:flex-end;gap:.75rem;padding-top:.5rem;border-top:1px solid var(--gray-200)}.assign-section{display:flex;flex-direction:column;gap:.75rem}.assign-section-title{font-size:1rem;font-weight:600;color:var(--gray-800)}.assign-table-wrap{overflow-x:auto;border:1px solid var(--gray-200);border-radius:var(--border-radius);background:#fff}.assign-table{width:100%;border-collapse:collapse;font-size:.8125rem}.assign-table th{background:var(--gray-50);color:var(--gray-500);font-weight:600;font-size:.6875rem;text-transform:uppercase;letter-spacing:.4px;padding:.625rem .75rem;text-align:left;border-bottom:1px solid var(--gray-200)}.assign-table td{padding:.625rem .75rem;border-bottom:1px solid var(--gray-100);color:var(--gray-700)}.assign-table tr:last-child td{border-bottom:none}.assign-table tr:hover td{background:var(--gray-50)}.assign-emp-cell{display:flex;align-items:center;gap:.625rem;font-weight:500;color:var(--gray-800)}.assign-emp-avatar{width:30px;height:30px;border-radius:50%;background:var(--primary-50);color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:.625rem;font-weight:700;flex-shrink:0}.assign-code{font-family:monospace;font-size:.75rem;color:var(--gray-500)}.assign-role-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.1875rem .5rem;border-radius:999px;font-size:.75rem;font-weight:600}.assign-emp-select{position:relative}.assign-selected-emp{display:flex;align-items:center;gap:.625rem;padding:.5rem .75rem;border:1px solid var(--primary);border-radius:var(--border-radius);background:var(--primary-50)}.assign-emp-avatar-sm{width:32px;height:32px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.625rem;font-weight:700;flex-shrink:0}.assign-selected-info{flex:1;display:flex;flex-direction:column;min-width:0}.assign-selected-name{font-size:.875rem;font-weight:600;color:var(--gray-800)}.assign-selected-meta{font-size:.6875rem;color:var(--gray-500)}.assign-clear-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:var(--gray-400);border:none;background:none;cursor:pointer;transition:all .15s}.assign-clear-btn:hover{background:var(--gray-200);color:var(--gray-700)}.assign-emp-dropdown{position:absolute;left:0;right:0;top:100%;z-index:20;margin-top:.25rem;background:#fff;border:1px solid var(--gray-200);border-radius:var(--border-radius);box-shadow:var(--shadow-md);max-height:220px;overflow-y:auto}.assign-emp-option{display:flex;align-items:center;gap:.625rem;width:100%;padding:.5rem .75rem;border:none;background:none;cursor:pointer;text-align:left;transition:background .1s}.assign-emp-option:hover{background:var(--primary-50)}.assign-emp-option-info{flex:1;display:flex;flex-direction:column;min-width:0}.assign-emp-option-name{font-size:.8125rem;font-weight:500;color:var(--gray-800)}.assign-emp-option-meta{font-size:.6875rem;color:var(--gray-400)}.assign-emp-current-role{font-size:.625rem;font-weight:500;padding:.0625rem .375rem;border-radius:999px;background:var(--gray-100);color:var(--gray-500);flex-shrink:0}.assign-emp-dropdown-empty{padding:.75rem;text-align:center;font-size:.8125rem;color:var(--gray-400)}.assign-role-options{display:flex;flex-direction:column;gap:.375rem}.assign-role-option{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border:1px solid var(--gray-200);border-radius:var(--border-radius);cursor:pointer;transition:all .12s;-webkit-user-select:none;user-select:none}.assign-role-option:hover{background:var(--gray-50)}.assign-role-option-active{border-width:2px}.assign-role-radio{accent-color:var(--primary);cursor:pointer}.assign-role-option-name{font-size:.8125rem;font-weight:500;color:var(--gray-700)}@media(max-width:640px){.roles-grid{grid-template-columns:1fr}.roles-toolbar{flex-direction:column;align-items:stretch}.roles-toolbar .table-search{max-width:100%}}.dept-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.dept-card{background:#fff;border:1px solid var(--gray-200);border-radius:var(--border-radius);padding:1.25rem;transition:box-shadow .2s}.dept-card:hover{box-shadow:var(--shadow-md)}.dept-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--gray-100)}.dept-name{font-size:1.0625rem;font-weight:600;color:var(--gray-900)}.dept-card-body{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.dept-info-row{display:flex;justify-content:space-between;align-items:center}.dept-label{font-size:.8125rem;color:var(--gray-500)}.dept-value{font-size:.875rem;font-weight:500;color:var(--gray-800)}.dept-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:.75rem;border-top:1px solid var(--gray-100)}.attendance-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;flex-wrap:wrap;gap:1rem}.date-picker{padding:.5rem .75rem;border:1px solid var(--gray-200);border-radius:var(--border-radius);font-size:.875rem;color:var(--gray-700);outline:none}.date-picker:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-100)}.attendance-summary{display:flex;gap:1.25rem}.summary-item{display:flex;align-items:center;gap:.375rem;font-size:.875rem;color:var(--gray-600)}.summary-dot{width:8px;height:8px;border-radius:50%}.summary-dot.present{background:var(--success)}.summary-dot.late{background:var(--warning)}.summary-dot.absent{background:var(--danger)}.summary-dot.on-leave{background:var(--info)}.payroll-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}.payroll-toolbar{margin-bottom:1rem}@media(max-width:1024px){.payroll-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.payroll-stats{grid-template-columns:1fr}}.leave-tabs{display:flex;gap:.25rem;margin-bottom:1rem;background:var(--gray-100);padding:.25rem;border-radius:var(--border-radius);width:fit-content}.leave-tab{display:flex;align-items:center;gap:.375rem;padding:.5rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500;color:var(--gray-600);transition:all .15s}.leave-tab:hover{color:var(--gray-800)}.leave-tab.active{background:#fff;color:var(--gray-900);box-shadow:var(--shadow-sm)}.tab-count{background:var(--warning);color:#fff;font-size:.6875rem;font-weight:600;padding:.0625rem .375rem;border-radius:9999px;min-width:18px;text-align:center}.leave-calendar-page{display:flex;flex-direction:column;gap:1rem}.lc-controls{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.lc-month-nav{display:flex;align-items:center;gap:.5rem}.lc-nav-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;font-size:1.125rem;color:var(--gray-600);border:1px solid var(--gray-200);background:#fff;cursor:pointer;transition:all .15s}.lc-nav-btn:hover{background:var(--gray-100);color:var(--gray-900)}.lc-month-label{font-size:1rem;font-weight:600;color:var(--gray-800);min-width:140px;text-align:center}.lc-legend{display:flex;flex-wrap:wrap;gap:.75rem}.lc-legend-item{display:flex;align-items:center;gap:.375rem;font-size:.6875rem;color:var(--gray-600);font-weight:500}.lc-dot{width:10px;height:10px;border-radius:2px;flex-shrink:0}.dot-leave{background:#ef4444}.dot-absent{background:#f97316}.dot-hda{background:#a855f7}.dot-halfday{background:#3b82f6}.dot-wfh{background:#22c55e}.dot-weekend{background:#fee2e2;border:1px solid #fca5a5}.dot-holiday{background:#fbbf24;border:1px solid #f59e0b}.lc-table-wrapper{overflow-x:auto;border:1px solid var(--gray-200);border-radius:var(--border-radius);background:#fff}.lc-table{border-collapse:collapse;width:max-content;min-width:100%;font-size:.75rem}.lc-table th,.lc-table td{border:1px solid var(--gray-200);text-align:center;white-space:nowrap}.lc-header-month th{background:var(--gray-800);color:#fff;font-weight:600;font-size:.8125rem;padding:.5rem}.lc-th-sno{width:40px;min-width:40px;position:sticky;left:0;z-index:3;background:var(--gray-800)!important}.lc-th-name{min-width:150px;max-width:150px;text-align:left!important;padding-left:.625rem!important;position:sticky;left:40px;z-index:3;background:var(--gray-800)!important}.lc-th-month{background:#3b82f6!important;letter-spacing:.5px}.lc-th-summary{background:#059669!important;letter-spacing:.5px}.lc-header-days th{background:var(--gray-100);color:var(--gray-700);font-weight:600;padding:.375rem 0;font-size:.6875rem}.lc-th-day{width:30px;min-width:30px}.lc-th-day.th-weekend{background:#fee2e2!important;color:#dc2626!important}.lc-th-day.th-holiday{background:#fef3c7!important;color:#92400e!important}.lc-th-day.th-today{background:#fde047!important;color:#1e3a8a!important;font-weight:700!important}.lc-th-stat{font-size:.625rem;min-width:48px;padding:.375rem .25rem;text-transform:uppercase;letter-spacing:.3px}.stat-leave{background:#fef2f2!important;color:#dc2626!important}.stat-hda{background:#faf5ff!important;color:#9333ea!important}.stat-absent{background:#fff7ed!important;color:#ea580c!important}.stat-halfday{background:#eff6ff!important;color:#2563eb!important}.stat-totaloff{background:#fef2f2!important;color:#991b1b!important}.stat-present{background:#f0fdf4!important;color:#166534!important}.lc-row-even td{background:#fff}.lc-row-odd td{background:var(--gray-50)}.lc-td-sno{font-weight:500;color:var(--gray-500);padding:.375rem .25rem;position:sticky;left:0;z-index:2}.lc-row-even .lc-td-sno{background:#fff}.lc-row-odd .lc-td-sno{background:var(--gray-50)}.lc-td-name{text-align:left!important;padding:.375rem .625rem;font-weight:500;color:var(--gray-800);position:sticky;left:40px;z-index:2;max-width:150px;overflow:hidden;text-overflow:ellipsis}.lc-row-even .lc-td-name{background:#fff}.lc-row-odd .lc-td-name{background:var(--gray-50)}.lc-td-day{padding:.375rem 0;font-weight:600;font-size:.6875rem;cursor:default;transition:background .1s}.lc-td-day:hover{outline:2px solid var(--primary);outline-offset:-2px;z-index:1;position:relative}.cell-weekend{background:#fee2e2!important}.cell-holiday{background:#fef3c7!important}.cell-leave{background:#ef4444!important;color:#fff!important}.cell-absent{background:#f97316!important;color:#fff!important}.cell-hda{background:#a855f7!important;color:#fff!important}.cell-halfday{background:#3b82f6!important;color:#fff!important}.cell-wfh{background:#22c55e!important;color:#fff!important}.td-today-col{box-shadow:inset 0 0 0 1.5px #facc15}.lc-td-stat{padding:.375rem .25rem;font-weight:600;color:var(--gray-700);font-size:.75rem}.lc-td-totaloff{color:#dc2626;background:#fef2f2!important}.lc-td-present{color:#166534;background:#f0fdf4!important;font-weight:700}.lc-td-name:after,.lc-th-name:after{content:"";position:absolute;top:0;right:-6px;bottom:0;width:6px;background:linear-gradient(to right,rgba(0,0,0,.05),transparent);pointer-events:none}.lc-td-name,.lc-th-name{position:sticky;left:40px}@media(max-width:768px){.lc-controls{flex-direction:column;align-items:flex-start}.lc-legend{gap:.5rem}}.holidays-page{display:flex;flex-direction:column;gap:1.25rem}.holidays-toolbar{display:flex;gap:.75rem;align-items:center}.holidays-toolbar .table-search{max-width:320px;padding:.5rem .75rem;border:1px solid var(--gray-200);border-radius:var(--border-radius);font-size:.875rem;outline:none;transition:border-color .15s}.holidays-toolbar .table-search:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-100)}.holidays-toolbar .filter-select{padding:.5rem .75rem;border:1px solid var(--gray-200);border-radius:var(--border-radius);font-size:.875rem;color:var(--gray-600);outline:none;background:#fff;cursor:pointer}.holidays-month-group{display:flex;flex-direction:column;gap:.5rem}.holidays-month-label{font-size:.8125rem;font-weight:600;color:var(--gray-500);text-transform:uppercase;letter-spacing:.5px;padding-bottom:.25rem;border-bottom:1px solid var(--gray-100)}.holidays-list{display:flex;flex-direction:column;gap:.5rem}.holiday-card{display:flex;align-items:center;gap:1rem;padding:.875rem 1rem;background:#fff;border:1px solid var(--gray-200);border-radius:var(--border-radius);transition:box-shadow .15s,border-color .15s}.holiday-card:hover{border-color:var(--gray-300);box-shadow:var(--shadow-sm)}.holiday-card.holiday-past{opacity:.6}.holiday-date-badge{width:48px;height:48px;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fef2f2;border:1px solid #fecaca;flex-shrink:0}.holiday-date-day{font-size:1.125rem;font-weight:700;color:#dc2626;line-height:1.1}.holiday-date-month{font-size:.5625rem;font-weight:600;color:#ef4444;text-transform:uppercase;letter-spacing:.5px}.holiday-info{flex:1;min-width:0}.holiday-name{font-size:.9375rem;font-weight:600;color:var(--gray-800)}.holiday-day-label{font-size:.75rem;color:var(--gray-400);font-weight:500}.holiday-past-badge{font-size:.6875rem;font-weight:500;padding:.125rem .5rem;border-radius:999px;background:var(--gray-100);color:var(--gray-500);flex-shrink:0}.holiday-actions{display:flex;gap:.25rem;flex-shrink:0}.holiday-actions .btn-action{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;font-size:1rem;color:var(--gray-400);transition:all .15s}.holiday-actions .btn-action:hover{background:var(--gray-100);color:var(--gray-700)}.holiday-actions .btn-action.edit:hover{color:var(--primary);background:var(--primary-50)}.holiday-actions .btn-action.delete:hover{color:var(--danger);background:var(--danger-light)}.holidays-empty{text-align:center;padding:3rem 1rem;color:var(--gray-400)}.holidays-empty .empty-icon{font-size:2.5rem;margin-bottom:.75rem}.holidays-form{display:flex;flex-direction:column;gap:1rem}.holidays-form .form-group{display:flex;flex-direction:column;gap:.375rem}.holidays-form .form-label{font-size:.8125rem;font-weight:500;color:var(--gray-700)}.holidays-form .form-input{padding:.5rem .75rem;border:1px solid var(--gray-200);border-radius:var(--border-radius);font-size:.875rem;outline:none;transition:border-color .15s}.holidays-form .form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-100)}.holidays-form .input-error{border-color:var(--danger)}.holidays-form .error-text{font-size:.75rem;color:var(--danger)}.holidays-form .required{color:var(--danger)}.holidays-form .helper-text{font-size:.75rem;color:var(--gray-400)}.holidays-form-actions{display:flex;justify-content:flex-end;gap:.75rem;padding-top:.5rem;border-top:1px solid var(--gray-200)}@media(max-width:640px){.holidays-toolbar{flex-direction:column;align-items:stretch}.holidays-toolbar .table-search{max-width:100%}}.others-page{display:flex;flex-direction:column;gap:1.5rem}.others-toolbar{display:flex;gap:.75rem;align-items:center}.others-toolbar .table-search{max-width:320px;padding:.5rem .75rem;border:1px solid var(--gray-200);border-radius:var(--border-radius);font-size:.875rem;outline:none;transition:border-color .15s}.others-toolbar .table-search:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-100)}.others-toolbar .filter-select{padding:.5rem .75rem;border:1px solid var(--gray-200);border-radius:var(--border-radius);font-size:.875rem;color:var(--gray-600);outline:none;background:#fff;cursor:pointer}.others-toolbar .filter-select:focus{border-color:var(--primary)}.others-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:.875rem}.others-card{display:flex;align-items:center;gap:.875rem;padding:1rem 1.125rem;background:#fff;border:1px solid var(--gray-200);border-radius:var(--border-radius);transition:box-shadow .15s,border-color .15s}.others-card:hover{border-color:var(--gray-300);box-shadow:var(--shadow-sm)}.others-card-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.designation-icon{background:var(--primary-50);color:var(--primary)}.skill-icon{background:#fef3c7;color:#d97706}.others-card-body{flex:1;min-width:0}.others-card-title{font-size:.9375rem;font-weight:600;color:var(--gray-800);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.others-card-badge{display:inline-block;margin-top:.25rem;padding:.125rem .5rem;font-size:.6875rem;font-weight:500;border-radius:999px;background:var(--primary-50);color:var(--primary)}.badge-skill{background:#fef3c7;color:#92400e}.others-card-actions{display:flex;gap:.25rem;flex-shrink:0}.others-card-actions .btn-action{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;font-size:1rem;color:var(--gray-400);transition:all .15s}.others-card-actions .btn-action:hover{background:var(--gray-100);color:var(--gray-700)}.others-card-actions .btn-action.edit:hover{color:var(--primary);background:var(--primary-50)}.others-card-actions .btn-action.delete:hover{color:var(--danger);background:var(--danger-light)}.others-empty{grid-column:1 / -1;text-align:center;padding:3rem 1rem;color:var(--gray-400)}.others-empty .empty-icon{font-size:2.5rem;margin-bottom:.75rem}.others-empty p{font-size:.9375rem}.others-form{display:flex;flex-direction:column;gap:1rem}.others-form .form-group{display:flex;flex-direction:column;gap:.375rem}.others-form .form-label{font-size:.8125rem;font-weight:500;color:var(--gray-700)}.others-form .form-input{padding:.5rem .75rem;border:1px solid var(--gray-200);border-radius:var(--border-radius);font-size:.875rem;outline:none;transition:border-color .15s}.others-form .form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-100)}.others-form .input-error{border-color:var(--danger)}.others-form .error-text{font-size:.75rem;color:var(--danger)}.others-form .required{color:var(--danger)}.others-form-actions{display:flex;justify-content:flex-end;gap:.75rem;padding-top:.5rem;border-top:1px solid var(--gray-200)}@media(max-width:640px){.others-grid{grid-template-columns:1fr}.others-toolbar{flex-direction:column;align-items:stretch}.others-toolbar .table-search{max-width:100%}}.my-profile-page{display:flex;flex-direction:column;gap:1.5rem}.mp-toast{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--success-light);color:#065f46;border:1px solid #a7f3d0;border-radius:var(--border-radius);font-size:.875rem;font-weight:500;animation:mpSlideIn .3s ease}@keyframes mpSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.mp-header-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--gray-200)}.mp-cover{height:120px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 50%,#818cf8 100%);position:relative}.mp-header-body{display:flex;align-items:flex-start;gap:1.5rem;padding:0 2rem 1.5rem;margin-top:-48px;position:relative}.mp-avatar-wrap{position:relative;flex-shrink:0}.mp-avatar-img,.mp-avatar-fallback{width:96px;height:96px;border-radius:50%;border:4px solid white;box-shadow:var(--shadow-md)}.mp-avatar-img{object-fit:cover}.mp-avatar-fallback{background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.75rem;font-weight:700}.mp-avatar-edit{position:absolute;bottom:2px;right:2px;width:30px;height:30px;background:#fff;border:2px solid var(--gray-200);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.875rem;color:var(--gray-600);cursor:pointer;transition:all .15s}.mp-avatar-edit:hover{background:var(--gray-100);color:var(--primary);border-color:var(--primary-100)}.mp-header-info{flex:1;padding-top:52px}.mp-name{font-size:1.375rem;font-weight:700;color:var(--gray-900);margin-bottom:.5rem}.mp-meta-row{display:flex;align-items:center;gap:.625rem;flex-wrap:wrap;margin-bottom:.625rem}.mp-role-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .75rem;background:var(--primary-50);color:var(--primary);border-radius:20px;font-size:.8125rem;font-weight:600}.mp-dept-badge{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .75rem;background:var(--gray-100);color:var(--gray-600);border-radius:20px;font-size:.8125rem;font-weight:500}.mp-code-badge{padding:.25rem .625rem;background:var(--gray-100);color:var(--gray-500);border-radius:6px;font-size:.75rem;font-weight:600;font-family:SF Mono,Fira Code,monospace}.mp-bio{font-size:.875rem;color:var(--gray-500);line-height:1.5;max-width:560px}.mp-header-actions{display:flex;gap:.625rem;padding-top:56px;flex-shrink:0}.mp-header-actions .btn{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1rem;font-size:.8125rem;font-weight:600;border-radius:var(--border-radius);transition:all .15s;white-space:nowrap}.mp-header-actions .btn-primary{background:var(--primary);color:#fff}.mp-header-actions .btn-primary:hover{background:var(--primary-dark)}.mp-header-actions .btn-secondary{background:#fff;color:var(--gray-700);border:1px solid var(--gray-300)}.mp-header-actions .btn-secondary:hover{background:var(--gray-50)}.mp-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.mp-card{background:#fff;border:1px solid var(--gray-200);border-radius:12px;padding:1.5rem;box-shadow:var(--shadow-sm)}.mp-card-title{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;color:var(--gray-800);margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid var(--gray-100)}.mp-card-icon{font-size:1.125rem;color:var(--primary)}.mp-fields{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.mp-field{display:flex;flex-direction:column;gap:.3rem}.mp-field-full{grid-column:1 / -1}.mp-field-label{font-size:.75rem;font-weight:600;color:var(--gray-400);text-transform:uppercase;letter-spacing:.04em}.mp-field-value{font-size:.9375rem;color:var(--gray-800);line-height:1.5}.mp-field-link{display:inline-flex;align-items:center;gap:.375rem;color:var(--primary)}.mp-field-mono{font-family:SF Mono,Fira Code,monospace;font-size:.875rem;letter-spacing:.02em}.mp-inline-icon{font-size:.9375rem;opacity:.7;flex-shrink:0}.mp-textarea{resize:vertical;min-height:48px}.mp-field .form-input{padding:.5rem .75rem;border:1px solid var(--gray-300);border-radius:var(--border-radius);font-size:.875rem;outline:none;transition:all .15s;width:100%}.mp-field .form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-100)}.mp-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:999;animation:mpFadeIn .2s ease}@keyframes mpFadeIn{0%{opacity:0}to{opacity:1}}.mp-modal{background:#fff;border-radius:12px;width:420px;max-width:95vw;box-shadow:var(--shadow-lg);overflow:hidden;animation:mpModalIn .25s ease}@keyframes mpModalIn{0%{opacity:0;transform:scale(.95) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.mp-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--gray-200)}.mp-modal-header h3{display:flex;align-items:center;gap:.5rem;font-size:1.0625rem;font-weight:600;color:var(--gray-900)}.mp-modal-close{font-size:1.5rem;color:var(--gray-400);cursor:pointer;background:none;border:none;line-height:1;padding:.25rem;border-radius:4px;transition:all .15s}.mp-modal-close:hover{background:var(--gray-100);color:var(--gray-600)}.mp-pw-form{padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.mp-pw-field{display:flex;flex-direction:column;gap:.375rem}.mp-pw-field label{font-size:.8125rem;font-weight:600;color:var(--gray-700)}.mp-pw-input-wrap{position:relative}.mp-pw-input-wrap .form-input{width:100%;padding:.5rem 2.5rem .5rem .75rem;border:1px solid var(--gray-300);border-radius:var(--border-radius);font-size:.875rem;outline:none;transition:all .15s}.mp-pw-input-wrap .form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-100)}.mp-pw-toggle{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);color:var(--gray-400);font-size:1.125rem;cursor:pointer;background:none;border:none;padding:.25rem;display:flex}.mp-pw-toggle:hover{color:var(--gray-600)}.mp-pw-error{font-size:.8125rem;color:var(--danger);font-weight:500}.mp-pw-actions{display:flex;justify-content:flex-end;gap:.75rem;padding-top:.5rem;border-top:1px solid var(--gray-100)}.mp-pw-actions .btn{padding:.5rem 1rem;font-size:.8125rem;font-weight:600;border-radius:var(--border-radius);transition:all .15s}.mp-pw-actions .btn-primary{background:var(--primary);color:#fff}.mp-pw-actions .btn-primary:hover{background:var(--primary-dark)}.mp-pw-actions .btn-secondary{background:#fff;color:var(--gray-700);border:1px solid var(--gray-300)}.mp-pw-actions .btn-secondary:hover{background:var(--gray-50)}.mp-pw-success{text-align:center;padding:2rem 1.5rem}.mp-pw-success-icon{width:56px;height:56px;background:var(--success-light);color:var(--success);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;margin-bottom:.75rem}.mp-pw-success h4{font-size:1.125rem;color:var(--gray-900);margin-bottom:.25rem}.mp-pw-success p{font-size:.875rem;color:var(--gray-500)}@media(max-width:900px){.mp-grid{grid-template-columns:1fr}}@media(max-width:768px){.mp-header-body{flex-direction:column;align-items:center;text-align:center;padding:0 1.25rem 1.25rem;margin-top:-40px}.mp-header-info{padding-top:.5rem}.mp-meta-row{justify-content:center}.mp-bio{max-width:100%}.mp-header-actions{padding-top:0;justify-content:center}.mp-fields{grid-template-columns:1fr}.mp-avatar-img,.mp-avatar-fallback{width:80px;height:80px;font-size:1.5rem}}.settings-sections{display:flex;flex-direction:column;gap:1.5rem}.settings-section{background:#fff;border:1px solid var(--gray-200);border-radius:var(--border-radius);padding:1.5rem}.section-title{font-size:1.0625rem;font-weight:600;color:var(--gray-900);margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid var(--gray-100)}.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.form-group{display:flex;flex-direction:column;gap:.375rem}.form-label{font-size:.875rem;font-weight:500;color:var(--gray-700)}.form-input{padding:.5rem .75rem;border:1px solid var(--gray-200);border-radius:var(--border-radius);font-size:.875rem;color:var(--gray-700);outline:none;transition:all .2s}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-100)}.toggle-list{display:flex;flex-direction:column;gap:.25rem}.toggle-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid var(--gray-100)}.toggle-item:last-child{border-bottom:none}.toggle-label{font-size:.875rem;font-weight:500;color:var(--gray-800)}.toggle-desc{font-size:.8125rem;color:var(--gray-500);margin-top:.125rem}.toggle{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background:var(--gray-300);border-radius:9999px;transition:all .3s}.toggle-slider:before{content:"";position:absolute;width:18px;height:18px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:all .3s}.toggle input:checked+.toggle-slider{background:var(--primary)}.toggle input:checked+.toggle-slider:before{transform:translate(20px)}.settings-actions{display:flex;gap:.75rem;justify-content:flex-end}@media(max-width:640px){.settings-grid{grid-template-columns:1fr}}.emp-dashboard{display:flex;flex-direction:column;gap:1.5rem}.emp-dash-welcome{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#059669,#10b981,#34d399);padding:1.5rem 2rem;border-radius:12px;color:#fff}.emp-dash-title{font-size:1.5rem;font-weight:700}.emp-dash-subtitle{font-size:.875rem;opacity:.85;margin-top:.25rem}.emp-dash-date{font-size:.875rem;opacity:.9;font-weight:500}.emp-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.emp-stat-card{display:flex;align-items:center;gap:1rem;background:#fff;border:1px solid var(--gray-200);border-radius:12px;padding:1.25rem;box-shadow:var(--shadow-sm)}.emp-stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.375rem;flex-shrink:0}.emp-stat-info{display:flex;flex-direction:column}.emp-stat-value{font-size:1.5rem;font-weight:700;color:var(--gray-900);line-height:1}.emp-stat-label{font-size:.8125rem;font-weight:600;color:var(--gray-600);margin-top:.25rem}.emp-stat-sub{font-size:.75rem;color:var(--gray-400)}.emp-dash-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.emp-dash-card{background:#fff;border:1px solid var(--gray-200);border-radius:12px;padding:1.5rem;box-shadow:var(--shadow-sm)}.emp-dash-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--gray-100)}.emp-dash-card-header h3{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;color:var(--gray-800)}.emp-dash-link{display:flex;align-items:center;gap:.25rem;font-size:.8125rem;color:var(--primary);font-weight:500;background:none;border:none;cursor:pointer}.emp-dash-link:hover{text-decoration:underline}.emp-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:.875rem}.emp-info-item{display:flex;flex-direction:column;gap:.125rem}.emp-info-label{font-size:.75rem;color:var(--gray-400);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.emp-info-value{font-size:.9375rem;color:var(--gray-800)}.emp-info-mono{font-family:SF Mono,Fira Code,monospace;font-size:.875rem}.emp-activity-list{display:flex;flex-direction:column;gap:.75rem}.emp-activity-item{display:flex;align-items:flex-start;gap:.75rem}.emp-activity-dot{width:8px;height:8px;border-radius:50%;margin-top:.375rem;flex-shrink:0}.dot-success{background:var(--success)}.dot-info{background:var(--info)}.dot-pending{background:var(--warning)}.emp-activity-content{display:flex;flex-direction:column}.emp-activity-text{font-size:.875rem;color:var(--gray-700)}.emp-activity-time{font-size:.75rem;color:var(--gray-400)}.emp-upcoming-list{display:flex;flex-direction:column;gap:.5rem}.emp-upcoming-item{display:flex;align-items:center;justify-content:space-between;padding:.625rem 0;border-bottom:1px solid var(--gray-100)}.emp-upcoming-item:last-child{border-bottom:none}.emp-upcoming-date{font-size:.8125rem;font-weight:600;color:var(--gray-700)}.emp-upcoming-info{display:flex;align-items:center;gap:.5rem}.emp-upcoming-type{font-size:.8125rem;color:var(--gray-500)}.emp-upcoming-status{font-size:.75rem;font-weight:600;padding:.125rem .5rem;border-radius:20px}.status-approved{background:var(--success-light);color:#065f46}.status-holiday{background:var(--info-light);color:#1e40af}.emp-today-att{display:flex;flex-direction:column;gap:.625rem}.emp-att-row{display:flex;align-items:center;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid var(--gray-100)}.emp-att-row:last-child{border-bottom:none}.emp-att-label{font-size:.875rem;color:var(--gray-500)}.emp-att-value{font-size:.875rem;font-weight:600;color:var(--gray-800)}.emp-att-green{color:#059669}.emp-att-muted{color:var(--gray-400)}.emp-empty-text{font-size:.875rem;color:var(--gray-400);text-align:center;padding:1rem 0}.emp-att-page{display:flex;flex-direction:column;gap:1.25rem}.emp-att-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.emp-att-nav{display:flex;align-items:center;gap:.625rem}.emp-att-nav-btn{width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--gray-200);color:var(--gray-600);cursor:pointer;font-size:1rem;transition:all .15s}.emp-att-nav-btn:hover{background:var(--gray-100);color:var(--gray-800)}.emp-att-month{font-size:1rem;font-weight:600;color:var(--gray-800);min-width:160px;text-align:center}.emp-att-view-toggle{display:flex;background:var(--gray-100);border-radius:6px;padding:.1875rem}.emp-att-view-btn{padding:.375rem .875rem;font-size:.8125rem;font-weight:500;color:var(--gray-500);background:transparent;border:none;border-radius:4px;cursor:pointer;transition:all .15s}.emp-att-view-btn.active{background:#fff;color:var(--gray-800);box-shadow:var(--shadow-sm)}.emp-att-summary-bar{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap;padding:.75rem 1rem;background:#fff;border:1px solid var(--gray-200);border-radius:var(--border-radius)}.emp-att-sum-item{display:flex;align-items:center;gap:.375rem;font-size:.8125rem;color:var(--gray-600)}.emp-att-sum-dot{width:8px;height:8px;border-radius:50%}.emp-att-cal{background:#fff;border:1px solid var(--gray-200);border-radius:12px;padding:1.25rem;box-shadow:var(--shadow-sm)}.emp-att-cal-header{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:.5rem}.emp-att-cal-hd{text-align:center;font-size:.75rem;font-weight:600;color:var(--gray-400);text-transform:uppercase;padding:.5rem 0}.emp-att-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.emp-att-cal-cell{min-height:80px;border-radius:8px;padding:.5rem;display:flex;flex-direction:column;gap:.125rem;border:1px solid var(--gray-100);transition:all .15s;position:relative}.emp-att-cal-empty{border:none;background:transparent}.emp-att-cal-day{font-size:.8125rem;font-weight:600;color:var(--gray-700)}.emp-att-cal-status{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.emp-att-cal-time{font-size:.625rem;color:var(--gray-400)}.emp-att-weekend{background:var(--gray-50);border-color:var(--gray-100)}.emp-att-weekend .emp-att-cal-day{color:var(--gray-400)}.emp-att-present{background:#f0fdf4;border-color:#bbf7d0}.emp-att-present .emp-att-cal-status{color:#059669}.emp-att-late{background:#fffbeb;border-color:#fde68a}.emp-att-late .emp-att-cal-status{color:#d97706}.emp-att-absent{background:#fef2f2;border-color:#fecaca}.emp-att-absent .emp-att-cal-status{color:#dc2626}.emp-att-leave{background:#eff6ff;border-color:#bfdbfe}.emp-att-leave .emp-att-cal-status{color:#2563eb}.emp-att-today{box-shadow:0 0 0 2px #059669}.emp-att-list-wrap{background:#fff;border:1px solid var(--gray-200);border-radius:12px;overflow:auto;box-shadow:var(--shadow-sm)}.emp-att-list-table{width:100%;border-collapse:collapse;font-size:.875rem}.emp-att-list-table th{text-align:left;padding:.75rem 1rem;font-size:.75rem;font-weight:600;color:var(--gray-500);text-transform:uppercase;background:var(--gray-50);border-bottom:1px solid var(--gray-200)}.emp-att-list-table td{padding:.75rem 1rem;border-bottom:1px solid var(--gray-100);color:var(--gray-700)}.emp-att-list-date{font-weight:600}.badge{display:inline-flex;align-items:center;padding:.1875rem .625rem;border-radius:20px;font-size:.75rem;font-weight:600}.badge-success{background:var(--success-light);color:#065f46}.badge-warning{background:var(--warning-light);color:#92400e}.badge-danger{background:var(--danger-light);color:#991b1b}.badge-info{background:var(--info-light);color:#1e40af}.badge-gray{background:var(--gray-100);color:var(--gray-500)}.emp-leave-page{display:flex;flex-direction:column;gap:1.25rem}.emp-leave-balance-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.emp-leave-balance-single{max-width:400px}.emp-leave-balance-card{background:#fff;border:1px solid var(--gray-200);border-radius:12px;padding:1.25rem;box-shadow:var(--shadow-sm)}.emp-lb-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.emp-lb-type{font-size:.8125rem;font-weight:600;color:var(--gray-700)}.emp-lb-remaining{font-size:.875rem;font-weight:700;color:#059669}.emp-lb-bar{height:6px;background:var(--gray-100);border-radius:3px;overflow:hidden}.emp-lb-bar-fill{height:100%;background:var(--primary);border-radius:3px;transition:width .3s}.emp-lb-details{display:flex;gap:.75rem;margin-top:.5rem;font-size:.75rem;color:var(--gray-400)}.emp-lb-pending{color:var(--warning);font-weight:500}.emp-leave-filter-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem}.emp-leave-history-title{font-size:1rem;font-weight:600;color:var(--gray-800)}.emp-leave-filters{display:flex;gap:.375rem}.emp-leave-filter-btn{padding:.375rem .75rem;font-size:.8125rem;font-weight:500;color:var(--gray-500);background:#fff;border:1px solid var(--gray-200);border-radius:6px;cursor:pointer;transition:all .15s}.emp-leave-filter-btn:hover{border-color:var(--gray-300);color:var(--gray-700)}.emp-leave-filter-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.emp-leave-table-wrap{background:#fff;border:1px solid var(--gray-200);border-radius:12px;overflow:auto;box-shadow:var(--shadow-sm)}.emp-leave-table{width:100%;border-collapse:collapse;font-size:.875rem}.emp-leave-table th{text-align:left;padding:.75rem 1rem;font-size:.75rem;font-weight:600;color:var(--gray-500);text-transform:uppercase;background:var(--gray-50);border-bottom:1px solid var(--gray-200)}.emp-leave-table td{padding:.75rem 1rem;border-bottom:1px solid var(--gray-100);color:var(--gray-700)}.emp-leave-type-cell{display:flex;align-items:center;gap:.5rem;font-weight:500}.emp-leave-type-icon{color:var(--primary);font-size:1rem}.emp-leave-reason{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.emp-leave-empty{text-align:center;color:var(--gray-400);padding:2rem 1rem!important}.emp-leave-cancel-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;background:none;border:1px solid var(--gray-200);color:var(--gray-400);cursor:pointer;transition:all .15s}.emp-leave-cancel-btn:hover{background:var(--danger-light);border-color:#fecaca;color:var(--danger)}.emp-leave-form{display:flex;flex-direction:column;gap:1rem}.emp-leave-date-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.emp-leave-days-badge{display:inline-flex;align-self:flex-start;padding:.25rem .75rem;background:var(--primary-50);color:var(--primary);font-size:.8125rem;font-weight:600;border-radius:20px}.emp-leave-form-actions{display:flex;gap:.75rem;justify-content:flex-end;padding-top:.5rem;border-top:1px solid var(--gray-200)}.emp-profile-page{display:flex;flex-direction:column;gap:1.5rem}.emp-skill-tags{display:flex;flex-wrap:wrap;gap:.375rem}.emp-skill-tag{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .625rem;background:#ecfdf5;color:#059669;font-size:.75rem;font-weight:600;border-radius:20px}.emp-payroll-page{display:flex;flex-direction:column;gap:1.5rem}.ep-summary-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.ep-summary-card{background:#fff;border:1px solid var(--gray-200);border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;box-shadow:var(--shadow-sm)}.ep-card-net{background:linear-gradient(135deg,#059669,#10b981);border:none;color:#fff}.ep-card-net .ep-sum-label{color:#fffc}.ep-card-net .ep-sum-value{color:#fff}.ep-card-net .ep-sum-sub{color:#ffffffb3}.ep-sum-label{font-size:.8125rem;font-weight:600;color:var(--gray-500);margin-bottom:.25rem}.ep-sum-value{font-size:1.75rem;font-weight:700;color:var(--gray-900);line-height:1.1}.ep-sum-sub{font-size:.75rem;color:var(--gray-400);margin-top:.25rem}.ep-sum-red{color:#dc2626}.ep-breakdown-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.ep-breakdown-card{background:#fff;border:1px solid var(--gray-200);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-sm)}.ep-breakdown-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:1rem 1.25rem;background:none;border:none;cursor:pointer;border-bottom:1px solid var(--gray-100);transition:background .15s}.ep-breakdown-header:hover{background:var(--gray-50)}.ep-breakdown-header h3{font-size:1rem;font-weight:600;color:var(--gray-800)}.ep-breakdown-header svg{font-size:1.125rem;color:var(--gray-400)}.ep-breakdown-body{padding:.25rem 0}.ep-break-row{display:flex;align-items:center;justify-content:space-between;padding:.625rem 1.25rem;font-size:.875rem;color:var(--gray-600)}.ep-break-row:not(:last-child){border-bottom:1px solid var(--gray-50)}.ep-break-amt{font-weight:600;color:var(--gray-800);font-family:SF Mono,Fira Code,monospace;font-size:.8125rem}.ep-break-red{color:#dc2626}.ep-break-total{background:var(--gray-50);font-weight:600;color:var(--gray-800);border-top:1px solid var(--gray-200)!important;margin-top:.25rem;padding:.75rem 1.25rem}.ep-slips-section{background:#fff;border:1px solid var(--gray-200);border-radius:12px;box-shadow:var(--shadow-sm);overflow:hidden}.ep-slips-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--gray-200)}.ep-slips-header h3{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;color:var(--gray-800)}.ep-year-filter{padding:.375rem .75rem;border:1px solid var(--gray-200);border-radius:6px;font-size:.8125rem;color:var(--gray-700);outline:none;cursor:pointer}.ep-year-filter:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-100)}.ep-slips-table-wrap{overflow-x:auto}.ep-slips-table{width:100%;border-collapse:collapse;font-size:.875rem}.ep-slips-table th{text-align:left;padding:.75rem 1.25rem;font-size:.75rem;font-weight:600;color:var(--gray-500);text-transform:uppercase;background:var(--gray-50);border-bottom:1px solid var(--gray-200)}.ep-slips-table td{padding:.75rem 1.25rem;border-bottom:1px solid var(--gray-100);color:var(--gray-700)}.ep-slip-month{font-weight:600;color:var(--gray-800)}.ep-slip-ded{color:#dc2626}.ep-slip-net{font-weight:700;color:#059669}.ep-slip-actions{display:flex;gap:.375rem}.ep-slip-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;border:1px solid var(--gray-200);background:#fff;color:var(--gray-500);cursor:pointer;font-size:1rem;transition:all .15s}.ep-slip-btn:hover{background:var(--gray-100);color:var(--gray-700)}.ep-slip-download:hover{background:#ecfdf5;border-color:#a7f3d0;color:#059669}.ep-slip-modal{display:flex;flex-direction:column;gap:1.25rem}.ep-slip-modal-header{display:flex;justify-content:space-between;padding:1rem 1.25rem;background:var(--gray-50);border-radius:var(--border-radius);border:1px solid var(--gray-100)}.ep-slip-modal-header h4{font-size:1rem;font-weight:700;color:var(--gray-900)}.ep-slip-modal-header p{font-size:.8125rem;color:var(--gray-500);margin-top:.125rem}.ep-slip-modal-emp{text-align:right}.ep-slip-modal-emp p{font-size:.8125rem;color:var(--gray-600)}.ep-slip-modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.ep-slip-modal-section-title{font-size:.8125rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding-bottom:.5rem;margin-bottom:.5rem;border-bottom:2px solid}.ep-color-green{color:#059669;border-color:#a7f3d0}.ep-color-red{color:#dc2626;border-color:#fecaca}.ep-slip-modal-rows{display:flex;flex-direction:column}.ep-slip-modal-row{display:flex;justify-content:space-between;padding:.375rem 0;font-size:.8125rem;color:var(--gray-600)}.ep-slip-modal-row span:last-child{font-weight:600;color:var(--gray-800);font-family:SF Mono,Fira Code,monospace}.ep-slip-modal-total{font-weight:700;border-top:1px solid var(--gray-200);margin-top:.375rem;padding-top:.5rem;color:var(--gray-800)}.ep-slip-modal-total span:last-child{color:var(--gray-900)}.ep-slip-modal-net{display:flex;justify-content:space-between;padding:1rem 1.25rem;background:linear-gradient(135deg,#059669,#10b981);border-radius:var(--border-radius);color:#fff;font-size:1.125rem;font-weight:700}.ep-slip-modal-actions{display:flex;gap:.75rem;justify-content:flex-end;padding-top:.5rem;border-top:1px solid var(--gray-200)}.emp-settings-page,.emp-settings-sections{display:flex;flex-direction:column;gap:1.5rem}.emp-settings-section{background:#fff;border:1px solid var(--gray-200);border-radius:var(--border-radius);padding:1.5rem}.emp-settings-title{font-size:1.0625rem;font-weight:600;color:var(--gray-900);margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid var(--gray-100)}@media(max-width:1024px){.emp-stats-grid,.emp-leave-balance-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.emp-dash-welcome{flex-direction:column;gap:.5rem;text-align:center}.emp-stats-grid,.emp-dash-grid,.emp-leave-balance-grid{grid-template-columns:1fr}.emp-att-cal-cell{min-height:60px;padding:.25rem}.emp-att-cal-time{display:none}.emp-leave-date-row,.ep-summary-row,.ep-breakdown-grid,.ep-slip-modal-grid{grid-template-columns:1fr}.ep-slip-modal-header{flex-direction:column;gap:.5rem}.ep-slip-modal-emp{text-align:left}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary-50) 0%,var(--gray-50) 50%,var(--primary-100) 100%);padding:1rem}.login-card{width:100%;max-width:420px;background:#fff;border-radius:12px;box-shadow:var(--shadow-lg);padding:2.5rem}.login-header{text-align:center;margin-bottom:2rem}.login-logo{width:56px;height:56px;background:var(--primary);color:#fff;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:1.25rem;margin-bottom:1rem}.login-title{font-size:1.5rem;font-weight:700;color:var(--gray-900)}.login-subtitle{font-size:.875rem;color:var(--gray-500);margin-top:.375rem}.login-form{display:flex;flex-direction:column;gap:1rem}.login-form .form-input{width:100%;padding:.625rem .875rem}.login-options{display:flex;align-items:center;justify-content:space-between}.checkbox-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--gray-600);cursor:pointer}.checkbox-label input{accent-color:var(--primary)}.forgot-link{font-size:.875rem;color:var(--primary);font-weight:500}.forgot-link:hover{text-decoration:underline}.login-btn{width:100%;padding:.625rem;justify-content:center;font-size:.9375rem;margin-top:.5rem}.login-role-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;background:var(--gray-100);border-radius:var(--border-radius);padding:.25rem}.role-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem;font-size:.875rem;font-weight:600;color:var(--gray-500);background:transparent;border:none;border-radius:6px;cursor:pointer;transition:all .2s}.role-tab:hover{color:var(--gray-700)}.role-tab-active{background:#fff;color:var(--primary);box-shadow:var(--shadow-sm)}.login-footer{text-align:center;font-size:.8125rem;color:var(--gray-400);margin-top:1.5rem}:root{--primary: #4f46e5;--primary-light: #6366f1;--primary-dark: #4338ca;--primary-50: #eef2ff;--primary-100: #e0e7ff;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--success: #10b981;--success-light: #d1fae5;--warning: #f59e0b;--warning-light: #fef3c7;--danger: #ef4444;--danger-light: #fee2e2;--info: #3b82f6;--info-light: #dbeafe;--sidebar-width: 260px;--header-height: 64px;--border-radius: 8px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--gray-800);background-color:var(--gray-50);line-height:1.5}a{text-decoration:none;color:inherit}button{cursor:pointer;border:none;background:none;font-family:inherit}input,select,textarea{font-family:inherit;font-size:inherit}ul,ol{list-style:none}img{max-width:100%;display:block}h1,h2,h3,h4,h5,h6{line-height:1.2;font-weight:600}h1{font-size:1.875rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.125rem}.container{max-width:1280px;margin:0 auto;padding:0 1.5rem}