body{font-family:Inter,Manrope,sans-serif!important}*{scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{display:none;width:0;height:0}.summary-card{transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.summary-card:hover{transform:translateY(-2px)}.summary-card-accent{position:absolute;top:0;left:0;width:4px;height:100%}.summary-card-icon-box{padding:10px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}td.MuiTableCell-root{max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}td.MuiTableCell-root .MuiTypography-root{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}td.MuiTableCell-root .MuiBox-root{min-width:0}.MuiInputLabel-outlined:not(.MuiInputLabel-shrink){transform:translate(14px,9px) scale(1)!important}.MuiInputLabel-outlined.MuiInputLabel-sizeSmall:not(.MuiInputLabel-shrink){transform:translate(14px,7px) scale(1)!important}.MuiInputLabel-outlined.MuiInputLabel-shrink{transform:translate(14px,-9px) scale(.75)!important}.crm-form-control{width:100%}.crm-form-control .MuiOutlinedInput-root,.crm-form-control.MuiOutlinedInput-root{height:45px;border-radius:6px;box-sizing:border-box}.crm-form-control .MuiOutlinedInput-input,.crm-form-control.MuiOutlinedInput-root .MuiOutlinedInput-input{height:45px;box-sizing:border-box;display:flex;align-items:center;padding:0 14px}.crm-form-control.MuiAutocomplete-root .MuiOutlinedInput-root,.crm-form-control .MuiAutocomplete-root .MuiOutlinedInput-root{height:45px!important;padding-top:0!important;padding-bottom:0!important;display:flex!important;align-items:center!important}.crm-form-control.MuiAutocomplete-root .MuiOutlinedInput-root .MuiAutocomplete-input,.crm-form-control .MuiAutocomplete-root .MuiOutlinedInput-root .MuiAutocomplete-input{height:45px!important;padding:0 4px!important;box-sizing:border-box!important}.crm-form-control .MuiSelect-select.MuiOutlinedInput-input,.crm-form-control.MuiSelect-select.MuiOutlinedInput-input{height:45px!important;padding-top:0!important;padding-bottom:0!important;display:flex!important;align-items:center!important;box-sizing:border-box!important}.crm-form-control .MuiOutlinedInput-notchedOutline,.crm-form-control.MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline{border-color:#e5e7eb;transition:border-color .2s ease,box-shadow .2s ease}body.dark .crm-form-control .MuiOutlinedInput-notchedOutline,body.dark .crm-form-control.MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline,[data-theme=dark] .crm-form-control .MuiOutlinedInput-notchedOutline,[data-theme=dark] .crm-form-control.MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline{border-color:#334155}.crm-form-control:hover .MuiOutlinedInput-notchedOutline,.crm-form-control.MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:#d1d5db}body.dark .crm-form-control:hover .MuiOutlinedInput-notchedOutline,body.dark .crm-form-control.MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline,[data-theme=dark] .crm-form-control:hover .MuiOutlinedInput-notchedOutline,[data-theme=dark] .crm-form-control.MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:#475569}.crm-form-control.Mui-focused .MuiOutlinedInput-notchedOutline,.crm-form-control .Mui-focused .MuiOutlinedInput-notchedOutline,.crm-form-control.MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#2563eb!important;box-shadow:0 0 0 2px #2563eb33}.crm-form-label{font-weight:500;margin-bottom:4px;display:block;font-size:.875rem;color:#374151}body.dark .crm-form-label,[data-theme=dark] .crm-form-label{color:#94a3b8}.crm-form-textarea .MuiOutlinedInput-root,.crm-form-textarea.MuiOutlinedInput-root,.crm-form-control .MuiInputBase-multiline,.crm-form-control.MuiInputBase-multiline{height:auto!important;min-height:80px;align-items:flex-start!important;padding:10px 14px!important}.crm-form-textarea .MuiOutlinedInput-input,.crm-form-textarea.MuiOutlinedInput-root .MuiOutlinedInput-input,.crm-form-control .MuiInputBase-multiline .MuiOutlinedInput-input,.crm-form-control.MuiInputBase-multiline .MuiOutlinedInput-input{height:auto!important;padding:0!important}body.dark .MuiOutlinedInput-root .MuiSvgIcon-root,.dark-mode .MuiOutlinedInput-root .MuiSvgIcon-root,[data-theme=dark] .MuiOutlinedInput-root .MuiSvgIcon-root{color:#fff!important}.recharts-wrapper,.recharts-wrapper *:focus,.recharts-wrapper *:active,.recharts-wrapper path:focus,.recharts-wrapper path:active,.recharts-wrapper svg:focus,.recharts-wrapper svg:active,.recharts-surface:focus,.recharts-surface:active,.recharts-layer:focus,.recharts-layer:active,.recharts-sector:focus,.recharts-sector:active,.recharts-pie:focus,.recharts-pie:active,.recharts-bar-rectangle:focus,.recharts-bar-rectangle:active,.recharts-tooltip-wrapper,.recharts-tooltip-wrapper:focus,.recharts-tooltip-wrapper:active,svg:focus,svg *:focus,path:focus{outline:none!important;box-shadow:none!important;-webkit-tap-highlight-color:transparent!important}:root{--dash-card-bg: #ffffff;--dash-card-border: #E5E7EB;--dash-card-shadow: 0 1px 2px rgba(0, 0, 0, .02), 0 4px 12px rgba(0, 0, 0, .03);--bg-welcome: var(--dash-card-bg);--bg-credits: var(--dash-card-bg);--bg-punch: var(--dash-card-bg);--bg-highlights: var(--dash-card-bg);--bg-attendance: var(--dash-card-bg);--bg-tasks: var(--dash-card-bg);--bg-announcements: var(--dash-card-bg);--bg-reports: var(--dash-card-bg);--bg-profile: var(--dash-card-bg);--bg-metrics: var(--dash-card-bg);--dash-text-primary: #1f2937;--dash-text-muted: #6b7280;--dash-primary: #2563EB;--dash-success: #22c55e;--dash-warning: #f59e0b;--dash-danger: #ef4444;--dash-purple: #8b5cf6;--crm-font-family: "Inter", "Manrope", "Segoe UI", Roboto, sans-serif;--crm-page-title: 16px;--crm-section-title: 14px;--crm-body: 12px;--crm-secondary: 12px;--crm-table: 12px;--crm-page-padding: 24px;--crm-card-padding: 16px;--crm-section-gap: 24px;--crm-card-gap: 16px}@media (min-width: 900px){:root{--crm-body: 13px}}:root{--crm-mobile-page-padding: 12px;--crm-mobile-card-padding: 12px;--crm-mobile-section-gap: 20px;--crm-mobile-card-gap: 12px;--crm-card-radius: 10px;--crm-mobile-card-radius: 8px;--crm-input-height: 36px;--crm-mobile-input-height: 40px;--crm-button-height: 36px;--crm-mobile-button-height: 40px}.dark-mode{--dash-card-bg: #1E293B;--dash-card-border: #334155;--dash-card-shadow: 0 4px 12px rgba(0, 0, 0, .2);--bg-welcome: var(--dash-card-bg);--bg-credits: var(--dash-card-bg);--bg-punch: var(--dash-card-bg);--bg-highlights: var(--dash-card-bg);--bg-attendance: var(--dash-card-bg);--bg-tasks: var(--dash-card-bg);--bg-announcements: var(--dash-card-bg);--dash-text-primary: #F8FAFC;--dash-text-muted: #94A3B8}.welcome-card{background:var(--bg-welcome)!important}.credits-card{background:var(--bg-credits)!important}.punch-card{background:var(--bg-punch)!important}.highlights-card{background:var(--bg-highlights)!important}.attendance-card{background:var(--bg-attendance)!important}.tasks-card{background:var(--bg-tasks)!important}.announcements-card{background:var(--bg-announcements)!important}.reports-card{background:var(--bg-reports)!important}.profile-overview-card{background:var(--bg-profile)!important}.metrics-card{background:var(--bg-metrics)!important}.dash-card{border-radius:var(--crm-card-radius)!important;background-color:var(--dash-card-bg)!important;box-shadow:var(--dash-card-shadow)!important;height:100%;border:1px solid var(--dash-card-border)!important;display:flex!important;flex-direction:column!important;transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1),border-color .2s ease!important}.dash-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px -5px #00000014,0 8px 10px -6px #0000000a!important}.dark-mode .dash-card:hover{box-shadow:0 10px 25px -5px #00000080,0 8px 10px -6px #0000004d!important;border-color:#475569!important}.dash-card-header{padding:14px 16px 6px!important;border-bottom:none!important;background-color:transparent!important;display:flex!important;justify-content:space-between!important;align-items:center!important}.dash-card .MuiButton-root{width:fit-content!important;min-width:unset!important;text-transform:none!important}.dash-card-header .MuiButton-root{padding:4px 12px!important;font-size:11.5px!important;font-weight:700!important;border-radius:6px!important;line-height:1.4!important;margin-left:auto!important}.dash-card .MuiCardContent-root{padding:var(--crm-card-padding)!important}.dash-card .MuiCardContent-root:last-child{padding-bottom:var(--crm-card-padding)!important}@media (min-width: 900px){.dash-card .MuiCardContent-root{padding:var(--crm-card-padding)!important}.dash-card .MuiCardContent-root:last-child{padding-bottom:var(--crm-card-padding)!important}}.dash-card-content{padding:var(--crm-card-padding)!important;flex:1;display:flex;flex-direction:column}.dash-card-content-scrollable{padding:var(--crm-card-padding)!important;flex:1;display:flex;flex-direction:column;overflow-y:auto;max-height:300px}.dash-table-container{overflow:hidden}.dash-table-container .MuiTableHead-root{background-color:#f8fafc!important;border-bottom:1px solid var(--dash-card-border)}.dark-mode .dash-table-container .MuiTableHead-root{background-color:#0f172a!important;border-bottom:1px solid var(--dash-card-border)}.dash-table-container th{font-weight:600!important;color:var(--dash-text-muted)!important;text-transform:uppercase;letter-spacing:.05em;font-size:11px!important}.dash-table-container td{color:var(--dash-text-muted)!important;border-bottom:1px solid var(--dash-card-border)!important}.welcome-card-bg{background-repeat:no-repeat;background-position:calc(100% + 14px) calc(100% - 66px);background-size:45%}.dark-mode .welcome-card-bg{background-image:none!important;background-color:var(--dash-card-bg)!important}@media print{@page{margin:0}body{margin:1.5cm;background-color:#fff!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}body *{visibility:hidden!important}#invoice-print-area,#invoice-print-area *{visibility:visible!important}#invoice-print-area{position:absolute!important;left:0!important;top:0!important;width:100%!important;margin:0!important;padding:0!important;box-shadow:none!important}.no-print{display:none!important}}.invoice-table th{background-color:#f8f9fa!important;border-bottom:2px solid #dee2e6!important}.invoice-table td,.invoice-table th{padding:12px 15px!important;border-bottom:1px solid #eee!important}@media (max-width: 768px){.dash-card{border-radius:var(--crm-mobile-card-radius)!important;min-width:0!important;width:100%!important;box-sizing:border-box!important}.dash-card-header{padding:10px 12px 5px!important;flex-wrap:wrap!important}.dash-card-content,.dash-card-content-scrollable{padding:var(--crm-mobile-card-padding)!important}.dash-table-responsive th,.dash-table-responsive td{font-size:11px!important;padding:6px 8px!important;white-space:nowrap!important}.dash-table-responsive th,.MuiTableCell-head{white-space:nowrap!important}.MuiTablePagination-selectLabel{display:none!important}.dash-table-responsive td .MuiAvatar-root{width:24px!important;height:24px!important;font-size:10px!important}.dash-table-responsive td .MuiTypography-root,.dash-table-responsive td span,.dash-table-responsive td p{font-size:11px!important}.welcome-card-bg{background-image:none!important}.MuiGrid-item:has(>.summary-card){max-width:50%!important;flex-basis:50%!important}.summary-card{padding:var(--crm-mobile-card-padding)!important;gap:8px!important}.summary-card .MuiTypography-h4{font-size:1rem!important}.summary-card .MuiTypography-subtitle2{font-size:.65rem!important;line-height:1.1!important}.summary-card .MuiAvatar-root,.summary-card svg{width:20px!important;height:20px!important}.MuiPaper-root:has(>.MuiBox-root>.MuiTextField-root):has(~.MuiPaper-root .dash-table-responsive),.MuiPaper-root:has(>.MuiBox-root>.MuiTextField-root):has(~.dash-table-container),.MuiPaper-root:has(>.MuiBox-root>.MuiTextField-root):has(~* .dash-table-responsive){position:fixed!important;bottom:-100%!important;left:0!important;right:0!important;z-index:1400!important;margin:0!important;border-radius:20px 20px 0 0!important;box-shadow:0 -4px 24px #0003!important;transition:bottom .3s cubic-bezier(.4,0,.2,1)!important;max-height:75vh!important;overflow-y:auto!important}.MuiPaper-root:not(.no-mobile-popup):has(>.MuiBox-root>.MuiTextField-root):has(~.MuiPaper-root .dash-table-responsive)>.MuiBox-root,.MuiPaper-root:not(.no-mobile-popup):has(>.MuiBox-root>.MuiTextField-root):has(~.dash-table-container)>.MuiBox-root,.MuiPaper-root:not(.no-mobile-popup):has(>.MuiBox-root>.MuiTextField-root):has(~* .dash-table-responsive)>.MuiBox-root{flex-direction:column!important;align-items:stretch!important;gap:12px!important}.MuiPaper-root:not(.no-mobile-popup) .MuiTextField-root,.MuiPaper-root:not(.no-mobile-popup) .MuiFormControl-root{min-width:100%!important}.mobile-filter-popup{position:fixed!important;bottom:-100%!important;left:0!important;right:0!important;z-index:1400!important;margin:0!important;border-radius:20px 20px 0 0!important;box-shadow:0 -4px 24px #0003!important;transition:bottom .3s cubic-bezier(.4,0,.2,1)!important;max-height:75vh!important;overflow-y:auto!important;padding:16px!important;flex-direction:column!important}body.mobile-filters-open .mobile-filter-popup{bottom:0!important}.mobile-filter-popup>*{width:100%!important;margin-bottom:12px!important}body.mobile-filters-open .MuiPaper-root:not(.no-mobile-popup):has(>.MuiBox-root>.MuiTextField-root):has(~.MuiPaper-root .dash-table-responsive),body.mobile-filters-open .MuiPaper-root:not(.no-mobile-popup):has(>.MuiBox-root>.MuiTextField-root):has(~.dash-table-container),body.mobile-filters-open .MuiPaper-root:not(.no-mobile-popup):has(>.MuiBox-root>.MuiTextField-root):has(~* .dash-table-responsive){bottom:0!important}.MuiPopover-root,.MuiMenu-root{z-index:1400!important}.MuiPaper-root .MuiTextField-root .MuiOutlinedInput-root:not(.MuiInputBase-multiline),.MuiPaper-root .MuiFormControl-root .MuiOutlinedInput-root:not(.MuiInputBase-multiline){height:var(--crm-mobile-input-height)!important;min-height:var(--crm-mobile-input-height)!important}.welcome-card-header-box{align-items:center!important;gap:12px!important}.welcome-avatar{width:56px!important;height:56px!important;font-size:1.5rem!important;flex-shrink:0!important}.welcome-status-dot{width:12px!important;height:12px!important;bottom:2px!important;right:2px!important}.welcome-greeting{font-size:12px!important}.welcome-name{font-size:14px!important;margin-bottom:4px!important}.welcome-badges{flex-wrap:wrap!important;gap:6px!important}.welcome-designation{font-size:11px!important}.welcome-stats-grid{margin-top:12px!important}.welcome-stat-label{font-size:9px!important}.welcome-stat-value{font-size:11px!important;word-break:break-word!important}.MuiTypography-body1,.MuiTypography-body2,.MuiTableCell-root,.MuiInputBase-input{font-size:12px!important}.MuiTypography-h5,.MuiTypography-h6,.MuiTypography-subtitle1,.MuiTypography-subtitle2,.MuiCardHeader-title,.dash-card-header .MuiTypography-root{font-size:14px!important}.MuiGrid-container{margin-top:-16px!important;margin-left:-16px!important}.MuiGrid-item{padding-top:16px!important;padding-left:16px!important}.MuiDialogContent-root,.MuiDialogActions-root{padding:16px!important}}@media screen and (min-width: 1600px) and (max-width: 1800px){.welcome-card .MuiCardContent-root{padding:16px!important}.welcome-card .MuiTypography-root{white-space:nowrap;text-overflow:ellipsis}.welcome-card .MuiGrid-item{padding-left:6px!important;padding-right:6px!important}}@media screen and (min-width: 900px) and (max-width: 1599px){.welcome-card .MuiCardContent-root{padding:16px!important}.welcome-card .MuiGrid-item{padding-left:4px!important;padding-right:4px!important}}