:root{--color-primary: #17BEE0;--color-primary-light: #19CBF0;--color-primary-dark: #0F7B91;--color-primary-muted: #7DD8E8;--color-accent: #00C8B3;--color-accent-light: #03FDBE;--color-accent-muted: #99F6E4;--color-background: #FFFFFF;--color-background-alt: #F2F4F7;--color-background-card: #FFFFFF;--color-background-sidebar: #0F7B91;--color-background-hover: #F9FAFB;--color-background-selected: #E9F9FB;--color-white: #FFFFFF;--color-off-white: #F9FAFB;--color-cream: #F2F4F7;--color-sand: #E4E7EC;--color-warm-gray: #D0D5DD;--color-gray: #6B7280;--color-medium-gray: #475467;--color-dark-gray: #344054;--color-charcoal: #1D2939;--color-dark-text: #101828;--color-success: #00A63E;--color-success-light: #ECFDF3;--color-success-muted: #ABEFC6;--color-warning: #F59E0B;--color-warning-light: #FFFAEB;--color-warning-muted: #FEDF89;--color-error: #EF4444;--color-error-light: #FEE2E2;--color-error-muted: #FCA5A5;--color-info: #155DFC;--color-info-light: #EFF6FF;--color-info-muted: #93C5FD;--color-present: #00A63E;--color-present-light: #ECFDF3;--color-absent: #EF4444;--color-absent-light: #FEE2E2;--color-late: #F59E0B;--color-late-light: #FFFAEB;--color-leave: #155DFC;--color-leave-light: #EFF6FF;--spacing-xxs: 2px;--spacing-xs: 4px;--spacing-sm: 6px;--spacing-md: 8px;--spacing-lg: 12px;--spacing-xl: 16px;--spacing-2xl: 20px;--spacing-3xl: 24px;--spacing-4xl: 32px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 10px;--radius-xl: 12px;--radius-2xl: 16px;--radius-3xl: 20px;--radius-full: 9999px;--radius-pill: 100px;--shadow-xs: 0 1px 2px rgba(10, 13, 18, .05);--shadow-sm: 0 1px 3px rgba(10, 13, 18, .1), 0 1px 2px rgba(10, 13, 18, .06);--shadow-md: 0 4px 6px rgba(10, 13, 18, .1), 0 2px 4px rgba(10, 13, 18, .06);--shadow-lg: 0 12px 16px rgba(10, 13, 18, .08), 0 4px 6px rgba(10, 13, 18, .03);--shadow-xl: 0 20px 24px rgba(10, 13, 18, .08), 0 8px 8px rgba(10, 13, 18, .03);--shadow-card: 0px 1px 2px rgba(0, 0, 0, .05), 0px 0px 1px rgba(0, 0, 0, .27);--shadow-card-hover: 0 4px 16px rgba(0, 0, 0, .08);--shadow-button: 0 2px 4px rgba(23, 190, 224, .15);--shadow-inner: inset 0 1px 2px rgba(0, 0, 0, .06);--transition-fast: .1s ease;--transition-base: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--transition-spring: .3s cubic-bezier(.34, 1.56, .64, 1);--font-family-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-display: "DM Sans", "Inter", -apple-system, sans-serif;--font-family-mono: "JetBrains Mono", "Fira Code", "Courier New", monospace}body{font-family:var(--font-family-primary);background-color:var(--color-background);color:var(--color-dark-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ant-btn-primary{background:var(--color-primary)!important;border-color:var(--color-primary)!important;color:#fff!important;font-weight:600!important;border-radius:var(--radius-md)!important;box-shadow:var(--shadow-button)!important;transition:all var(--transition-base)!important}.ant-btn-primary:hover,.ant-btn-primary:focus{background:var(--color-primary-dark)!important;border-color:var(--color-primary-dark)!important;transform:translateY(-1px);box-shadow:0 4px 12px #17bee040!important}.ant-btn-primary:active{background:#007499!important;border-color:#007499!important;transform:translateY(0)}.ant-btn-default{border-radius:var(--radius-md)!important;border-color:var(--color-warm-gray)!important;color:var(--color-dark-gray)!important;font-weight:600!important;transition:all var(--transition-base)!important}.ant-btn-default:hover{border-color:var(--color-primary)!important;color:var(--color-primary)!important;background:var(--color-background-hover)!important}.ant-btn-link{color:var(--color-primary)!important;font-weight:600!important}.ant-btn-link:hover{color:var(--color-primary-dark)!important}.ant-btn-text{color:var(--color-medium-gray)!important;transition:all var(--transition-base)!important}.ant-btn-text:hover{color:var(--color-primary)!important;background:var(--color-background-hover)!important}.ant-card{border-radius:var(--radius-xl)!important;border-color:var(--color-sand)!important;box-shadow:var(--shadow-card)!important;transition:all var(--transition-base)!important;background:var(--color-background-card)!important}.ant-card:hover{box-shadow:var(--shadow-card-hover)!important}.ant-card-head{background:transparent!important;border-bottom-color:var(--color-sand)!important;border-radius:var(--radius-xl) var(--radius-xl) 0 0!important;padding:20px 24px!important}.ant-card-head-title{color:var(--color-dark-text)!important;font-weight:600!important;font-size:16px!important}.ant-card-body{padding:20px!important}.ant-input,.ant-input-number,.ant-select-selector,.ant-picker{border-radius:var(--radius-md)!important;border-color:var(--color-warm-gray)!important;transition:all var(--transition-base)!important;background:var(--color-white)!important}.ant-input:focus,.ant-input-focused,.ant-input-number:focus,.ant-input-number-focused,.ant-select-focused .ant-select-selector,.ant-picker-focused{border-color:var(--color-primary)!important;box-shadow:0 0 0 3px #17bee01a!important}.ant-input:hover,.ant-input-number:hover,.ant-select:hover .ant-select-selector,.ant-picker:hover{border-color:var(--color-primary)!important}.ant-input::placeholder,.ant-input-number::placeholder{color:#667085!important}.ant-select-dropdown{border-radius:var(--radius-md)!important;box-shadow:var(--shadow-lg)!important;border:1px solid var(--color-sand)!important}.ant-select-item-option-selected{background:var(--color-background-hover)!important;color:var(--color-primary)!important;font-weight:500!important}.ant-select-item-option-active{background:var(--color-background-hover)!important}.ant-table{border-radius:var(--radius-xl)!important;background:var(--color-white)!important}.ant-table-thead>tr>th{background:var(--color-background)!important;color:#667085!important;font-weight:600!important;font-size:12px!important;border-bottom-color:var(--color-sand)!important;height:40px!important;padding:8px 16px!important}.ant-table-tbody>tr>td{border-bottom-color:var(--color-sand)!important;height:56px!important;padding:8px 16px!important}.ant-table-tbody>tr:hover>td{background:var(--color-off-white)!important}.ant-table-tbody>tr.ant-table-row-selected>td{background:var(--color-success-light)!important}.ant-tabs-tab{border-radius:var(--radius-md) var(--radius-md) 0 0!important;transition:all var(--transition-base)!important;padding:12px 16px!important;color:#344054!important;font-size:14px!important;font-weight:500!important}.ant-tabs-tab:hover{color:#1297b2!important}.ant-tabs-tab-active,.ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn{color:#1297b2!important;font-weight:500!important}.ant-tabs-ink-bar{background:var(--color-primary)!important;height:2px!important;border-radius:1px!important}.ant-tabs-nav:before{border-bottom-color:var(--color-sand)!important}.ant-tabs-card>.ant-tabs-nav .ant-tabs-tab{background:var(--color-background)!important;border-color:var(--color-sand)!important;border-radius:var(--radius-md) var(--radius-md) 0 0!important}.ant-tabs-card>.ant-tabs-nav .ant-tabs-tab-active{background:var(--color-white)!important;border-bottom-color:var(--color-white)!important}.ant-tag{border-radius:var(--radius-md)!important;font-weight:600!important;padding:4px 12px!important;font-size:12px!important}.ant-tag-success{background:var(--color-success-light)!important;color:#067647!important;border:1px solid var(--color-success-muted)!important}.ant-tag-warning{background:var(--color-warning-light)!important;color:#b54708!important;border:1px solid var(--color-warning-muted)!important}.ant-tag-error{background:var(--color-error-light)!important;color:#991b1b!important;border:1px solid var(--color-error-muted)!important}.ant-tag-processing{background:var(--color-info-light)!important;color:#1e40af!important;border:1px solid var(--color-info-muted)!important}.ant-badge-status-success{background-color:var(--color-success)!important}.ant-badge-status-warning{background-color:var(--color-warning)!important}.ant-badge-status-error{background-color:var(--color-error)!important}.ant-modal-content{border-radius:var(--radius-2xl)!important;box-shadow:var(--shadow-xl)!important}.ant-modal-header{background:transparent!important;border-bottom-color:var(--color-sand)!important;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0!important;padding:var(--spacing-2xl) var(--spacing-3xl)!important}.ant-modal-title{color:var(--color-dark-text)!important;font-weight:600!important;font-size:18px!important}.ant-modal-body{padding:24px!important}.ant-modal-footer{border-top-color:var(--color-sand)!important;padding:16px 24px!important}.ant-modal-mask{background:#0f172a80!important}.ant-dropdown-menu{border-radius:var(--radius-md)!important;box-shadow:var(--shadow-lg)!important;border:1px solid var(--color-sand)!important;padding:var(--spacing-xs)!important}.ant-dropdown-menu-item{border-radius:var(--radius-sm)!important;padding:var(--spacing-md) var(--spacing-lg)!important;transition:all var(--transition-fast)!important}.ant-dropdown-menu-item:hover{background:var(--color-background-hover)!important}.ant-dropdown-menu-item-selected{background:var(--color-background-hover)!important;color:var(--color-primary)!important}.ant-pagination-item{border-radius:var(--radius-md)!important;border-color:var(--color-sand)!important}.ant-pagination-item-active{border-color:var(--color-primary)!important;background:var(--color-primary)!important}.ant-pagination-item-active a{color:#fff!important}.ant-pagination-item:hover{border-color:var(--color-primary)!important}.ant-pagination-item:hover a{color:var(--color-primary)!important}.ant-pagination-prev,.ant-pagination-next{border-radius:var(--radius-md)!important}.ant-switch{background:var(--color-gray)!important}.ant-switch-checked{background:var(--color-primary)!important}.ant-checkbox-checked .ant-checkbox-inner,.ant-radio-checked .ant-radio-inner{background-color:var(--color-primary)!important;border-color:var(--color-primary)!important}.ant-checkbox-wrapper:hover .ant-checkbox-inner,.ant-radio-wrapper:hover .ant-radio-inner{border-color:var(--color-primary)!important}.ant-checkbox-indeterminate .ant-checkbox-inner:after{background-color:var(--color-primary)!important}.ant-progress-bg{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%)!important}.ant-progress-success-bg{background:var(--color-success)!important}.ant-alert{border-radius:var(--radius-xl)!important}.ant-alert-info{background-color:var(--color-info-light)!important;border-color:var(--color-info-muted)!important}.ant-alert-info .ant-alert-icon{color:var(--color-info)!important}.ant-alert-success{background-color:var(--color-success-light)!important;border-color:var(--color-success-muted)!important}.ant-alert-success .ant-alert-icon{color:var(--color-success)!important}.ant-alert-warning{background-color:var(--color-warning-light)!important;border-color:var(--color-warning-muted)!important}.ant-alert-warning .ant-alert-icon{color:var(--color-warning)!important}.ant-alert-error{background-color:var(--color-error-light)!important;border-color:var(--color-error-muted)!important}.ant-alert-error .ant-alert-icon{color:var(--color-error)!important}.ant-steps-item-finish .ant-steps-item-icon{background-color:var(--color-primary)!important;border-color:var(--color-primary)!important}.ant-steps-item-finish .ant-steps-item-icon .ant-steps-icon{color:#fff!important}.ant-steps-item-process .ant-steps-item-icon{background:var(--color-primary)!important;border-color:var(--color-primary)!important}.ant-steps-item-finish .ant-steps-item-tail:after{background-color:var(--color-primary)!important}.ant-menu{background:transparent!important}.ant-menu-item-selected{background-color:var(--color-background-selected)!important;color:#1297b2!important}.ant-menu-item:hover{background-color:var(--color-background-hover)!important;color:var(--color-primary)!important}.ant-menu-horizontal>.ant-menu-item-selected{border-bottom-color:var(--color-primary)!important;color:var(--color-primary)!important}.ant-collapse{border-radius:var(--radius-xl)!important;border-color:var(--color-sand)!important;background:var(--color-white)!important}.ant-collapse-header{color:var(--color-dark-text)!important;font-weight:600!important;border-radius:var(--radius-xl)!important}.ant-collapse-item{border-bottom-color:var(--color-sand)!important}.ant-collapse-content{border-top-color:var(--color-sand)!important}.ant-tooltip-inner{background:var(--color-charcoal)!important;border-radius:var(--radius-md)!important;font-size:12px!important}.ant-tooltip-arrow-content{background:var(--color-charcoal)!important}.ant-popover-inner,.ant-picker-panel-container{border-radius:var(--radius-xl)!important;box-shadow:var(--shadow-lg)!important}.ant-picker-cell-selected .ant-picker-cell-inner{background:var(--color-primary)!important}.ant-picker-cell-today .ant-picker-cell-inner:before{border-color:var(--color-primary)!important}.ant-picker-today-btn{color:var(--color-primary)!important}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-background-alt);border-radius:3px}::-webkit-scrollbar-thumb{background:var(--color-warm-gray);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-gray)}.bg-gradient-primary{background:linear-gradient(135deg,#0f7b91,#17bee0)}.bg-gradient-light{background:linear-gradient(135deg,#19cbf0,#7dd8e8)}.bg-gradient-success{background:linear-gradient(135deg,#059669,#00a63e)}.bg-gradient-warning{background:linear-gradient(135deg,#d97706,#f59e0b)}.text-primary{color:var(--color-primary)!important}.text-dark{color:var(--color-dark-text)!important}.text-gray{color:var(--color-dark-gray)!important}.text-muted{color:var(--color-gray)!important}.hover-lift{transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.hover-lift:hover{transform:translateY(-2px);box-shadow:var(--shadow-card-hover)}.card-hover-effect{transition:all var(--transition-normal);cursor:pointer}.card-hover-effect:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.stat-card{position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;right:0;width:120px;height:120px;background:radial-gradient(circle,rgba(23,190,224,.08) 0%,transparent 70%);transform:translate(30%,-30%)}.metric-card{padding:var(--spacing-lg);border-radius:var(--radius-xl);background:#fff;border:1px solid var(--color-sand);box-shadow:var(--shadow-card);transition:all var(--transition-normal)}.metric-card:hover{box-shadow:var(--shadow-card-hover)}.badge-success{background:var(--color-success-light);color:#067647;padding:4px 12px;border-radius:var(--radius-md);font-weight:600;font-size:13px;border:1px solid var(--color-success-muted)}.badge-warning{background:var(--color-warning-light);color:#b54708;padding:4px 12px;border-radius:var(--radius-md);font-weight:600;font-size:13px;border:1px solid var(--color-warning-muted)}.badge-error{background:var(--color-error-light);color:#991b1b;padding:4px 12px;border-radius:var(--radius-md);font-weight:600;font-size:13px;border:1px solid var(--color-error-muted)}.badge-info{background:var(--color-info-light);color:#1e40af;padding:4px 12px;border-radius:var(--radius-md);font-weight:600;font-size:13px;border:1px solid var(--color-info-muted)}.badge-primary{background:var(--color-success-light);color:var(--color-primary);padding:4px 12px;border-radius:var(--radius-md);font-weight:600;font-size:13px;border:1px solid var(--color-success-muted)}.status-present{background:var(--color-present-light);color:#067647;border:1px solid var(--color-success-muted)}.status-absent{background:var(--color-absent-light);color:#991b1b;border:1px solid var(--color-error-muted)}.status-late{background:var(--color-late-light);color:#b54708;border:1px solid var(--color-warning-muted)}.status-leave{background:var(--color-leave-light);color:#1e40af;border:1px solid var(--color-info-muted)}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.skeleton-loading{animation:shimmer 2s infinite;background:linear-gradient(to right,var(--color-background) 0%,var(--color-sand) 20%,var(--color-background) 40%,var(--color-background) 100%);background-size:1000px 100%}.focus-ring:focus{outline:none;box-shadow:0 0 0 3px #17bee033}.interactive{cursor:pointer;transition:all var(--transition-fast)}.interactive:hover{opacity:.85}.interactive:active{transform:scale(.98)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg)}.section-title{font-size:18px;font-weight:600;color:var(--color-dark-text);margin:0}.empty-state{text-align:center;padding:var(--spacing-4xl);color:var(--color-gray)}.empty-state-icon{font-size:48px;margin-bottom:var(--spacing-lg);color:var(--color-warm-gray)}.panel{background:var(--color-white);border-radius:var(--radius-xl);border:1px solid var(--color-sand);box-shadow:var(--shadow-card)}.panel-header{padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--color-sand)}.panel-body{padding:var(--spacing-xl)}.divider{height:1px;background:var(--color-sand);margin:var(--spacing-lg) 0}.icon-btn{width:36px;height:36px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;transition:all var(--transition-fast);color:var(--color-medium-gray)}.icon-btn:hover{background:var(--color-background-hover);color:var(--color-primary)}