:root{--background:#ffffff;--foreground:#171717;--color-background:var(--background);--color-foreground:var(--foreground);--font-sans:var(--font-geist-sans);--font-mono:var(--font-geist-mono);--primary-color:#636ae8;--secondary-color:#fafafa;--table-background:#f3f4f6;--table-background-text:#1f2937;--table-tabs-background:#ddd6fe;--table-tabs-text-inactive:#6b7280;--table-tabs-text:#6d28d9;--table-link:#2563eb;--table-lint-hover:#1e40af;--employement-status-full-time-bg:#eefdf3;--employment-status-full-time-text:#047857;--employment-status-intern-cb-bg:#f1f8fd;--employment-status-intern-cb-text:#3b82f6;--employment-status-intern-ncb-bg:#faf5ff;--employment-status-intern-ncb-text:#7c3aed;--employment-status-resigned-bg:#fdf1f1;--employment-status-resigned-text:#dc2626;--employment-status-serving-notice-bg:#fdf5f1;--employment-statuts-serving-notice-text:#f97316;--buttons-primary:var(--primary-color);--buttons-primary-hover:#595fd9;--buttons-primary-text:var(--secondary-color);--buttons-negative:#d61c1c;--buttons-negative-text:var(--secondary-color);--buttons-negative-hover:#b91c1c;--buttons-positive:#16a34a;--buttons-positive-text:var(--secondary-color);--buttons-positive-hover:#15803d;--buttons-neutral:#f8f9fa;--buttons-disabled:#e9ecef;--buttons-disabled-text:#6c757d;--buttons-disabled-border:#e9ecef;--leave-status-pending:#fef3c7;--leave-status-pending-text:#d97706;--leave-status-pending-border:#fef3c7;--leave-status-approve:#dcfce7;--leave-status-approve-text:#166534;--leave-status-approve-border:#dcfce7;--leave-status-reject:#fef2f2;--leave-status-reject-text:#dc2626;--leave-status-reject-border:#fef2f2;--leave-status-withdraw:#374151;--leave-status-withdraw-text:#ffffff;--leave-status-withdraw-border:#374151;--leave-status-cancel:#fef2f2;--leave-status-cancel-text:#dc2626;--leave-status-cancel-border:#fef2f2;--balance-history-event-approval:#dcfce7;--balance-history-event-approval-text:#166534;--balance-history-event-rejection:#fee2e2;--balance-history-event-rejection-text:#991b1b;--balance-history-event-cancellation:#fef2f2;--balance-history-event-cancellation-text:#dc2626;--balance-history-event-manual-adjustment:#ffefcb;--balance-history-event-manual-adjustment-text:#d97706;--balance-history-event-system-adjustment:#dbeafe;--balance-history-event-system-adjustment-text:#1e40af;--modal-warning-box:#fff4e6;--modal-warning-box-border:#ffd8a8;--modal-details-box:#f8f9fa;--modal-details-box-border:#e9ecef;--document-upload-dashed-zone-background:#f8f9ff;--document-upload-dashed-zone-border:#636ae8;--document-upload-dashed-zone-hover-border:#595fd9;--document-upload-dashed-zone-background-hover:#f0f2ff;--documnet-preview-background:#ffffff;--document-preview-border:#e5e7eb;--documnet-preview-border-hover:#d1d5db}@media (prefers-color-scheme:dark){:root{--background:#ffffff}}body{background:var(--background);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.mantine-Modal-title{color:#212529!important;font-weight:600!important}.mantine-Modal-body .mantine-Text-root,.mantine-Paper-root .mantine-Text-root{color:#000}.mantine-DatePickerInput-calendarHeaderControl,.mantine-DatePickerInput-calendarHeaderLevel,.mantine-DatePickerInput-day{color:#000!important}.mantine-DatePickerInput-input,.mantine-DatePickerInput-label,.mantine-InputWrapper-label,.mantine-Paper-root .mantine-Text-root,.mantine-Paper-root .mantine-Title-root,.mantine-Paper-root label,.mantine-Radio-label,.mantine-Select-input,.mantine-Select-label,.mantine-Select-option,.mantine-Textarea-input,.mantine-Textarea-label,.mantine-Title-root,[data-mantine-color-scheme] .mantine-DatePickerInput-input,[data-mantine-color-scheme] .mantine-DatePickerInput-label,[data-mantine-color-scheme] .mantine-InputWrapper-label,[data-mantine-color-scheme] .mantine-Paper-root .mantine-Text-root,[data-mantine-color-scheme] .mantine-Paper-root .mantine-Title-root,[data-mantine-color-scheme] .mantine-Paper-root label,[data-mantine-color-scheme] .mantine-Radio-label,[data-mantine-color-scheme] .mantine-Select-input,[data-mantine-color-scheme] .mantine-Select-label,[data-mantine-color-scheme] .mantine-Select-option,[data-mantine-color-scheme] .mantine-Textarea-input,[data-mantine-color-scheme] .mantine-Textarea-label,[data-mantine-color-scheme] .mantine-Title-root,h1,h2,h3,h4,h5,h6{color:#000000!important}:root,[data-mantine-color-scheme=dark],[data-mantine-color-scheme=light]{--mantine-color-text:#000000;--mantine-color-black:#000000}.hover-underline{text-decoration:none}.hover-underline:hover{text-decoration:underline}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.mantine-Modal-root
	.mantine-SegmentedControl-label[data-active=true]
	.mantine-Text-root,.mantine-Modal-root .mantine-SegmentedControl-label[data-active=true] span{color:#ffffff!important}.mantine-Modal-root
	.mantine-SegmentedControl-label:not([data-active=true])
	.mantine-Text-root,.mantine-Modal-root
	.mantine-SegmentedControl-label:not([data-active=true])
	span{color:#000000!important}