:root{--color-primary: #5fbb47;--color-primary-dark: #4a9a3a;--color-primary-light: #e5f7e5;--color-primary-hover: rgba(95, 187, 71, .08);--color-text-primary: #212B36;--color-text-secondary: #6b7280;--color-text-muted: #9ca3af;--color-text-white: #ffffff;--color-bg-primary: #ffffff;--color-bg-secondary: #f9fafb;--color-bg-tertiary: #f3f4f6;--color-bg-overlay: rgba(0, 0, 0, .04);--color-border-primary: #e5e7eb;--color-border-secondary: #d1d5db;--color-border-focus: #5fbb47;--color-border-hover: #9ca3af;--color-success: #4caf50;--color-success-bg: rgba(76, 175, 80, .1);--color-success-border: rgba(76, 175, 80, .3);--color-warning: #ff9800;--color-warning-bg: rgba(255, 152, 0, .1);--color-warning-border: rgba(255, 152, 0, .3);--color-error: #f44336;--color-error-bg: rgba(244, 67, 54, .1);--color-error-border: rgba(244, 67, 54, .3);--color-info: #3b82f6;--color-info-bg: rgba(59, 130, 246, .1);--color-info-border: rgba(59, 130, 246, .3);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px;--spacing-2xl: 24px;--spacing-3xl: 32px;--spacing-4xl: 48px;--spacing-5xl: 64px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-full: 50%;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 2px 8px rgba(0, 0, 0, .05);--shadow-lg: 0 4px 12px rgba(0, 0, 0, .1);--shadow-xl: 0 8px 32px rgba(0, 0, 0, .12);--shadow-primary: 0 2px 8px rgba(95, 187, 71, .15);--shadow-primary-lg: 0 4px 12px rgba(95, 187, 71, .3);--font-family-primary: "Public Sans", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.1rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-normal: 1.4;--line-height-relaxed: 1.5;--transition-fast: .2s ease-in-out;--transition-normal: .3s ease;--transition-slow: .4s ease;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-toast: 2000}*{box-sizing:border-box}body{background-color:var(--color-bg-primary)!important;color:var(--color-text-primary)!important;font-family:var(--font-family-primary)}.form-padding{padding:34px 30px}.form-margin-bottom{margin-bottom:45px}.hidden{display:none}.error-text{color:red;font-size:14px}.image-preview{width:100%;max-height:250px;object-fit:cover;border-radius:8px;box-shadow:0 2px 10px #00000026}.avatar-preview{width:80px;height:80px;object-fit:cover;border-radius:50%}.status-active{color:#4caf50}.status-inactive{color:#f44336}.status-suspended{color:#ff9800}.status-pending{color:#9e9e9e}.bg-status-active{background-color:#4caf50}.bg-status-inactive{background-color:#f44336}.bg-status-suspended{background-color:#ff9800}.text-primary{color:#212b36}.text-secondary{color:#6b7280}.text-muted{color:#9e9e9e}.status-text-active{color:#4caf50}.status-text-inactive{color:#f44336}.status-text-suspended{color:#ff9800}.status-text-pending{color:#9e9e9e}.status-bg-active{background-color:#4caf50}.status-bg-inactive{background-color:#f44336}.status-bg-suspended{background-color:#ff9800}.status-chip-active{color:#4caf50;background-color:#4caf5033;border:1px solid rgba(76,175,80,.3)}.status-chip-suspended{color:#f44336;background-color:#f4433633;border:1px solid rgba(244,67,54,.3)}.status-chip-pending{color:#9e9e9e;background-color:#9e9e9e33;border:1px solid rgba(158,158,158,.3)}.border-light{border-color:#d1d5db}.border-medium{border-color:#9ca3af}.border-primary{border-color:#5fbb47}.btn-blue{background-color:#0098ff;color:#fff}.btn-blue:hover{background-color:#007acc}.bg-white{background-color:#fff}.bg-light-green{background-color:#e8f5e8}.MuiAppBar-root{background-color:#fff!important;color:#212b36!important;box-shadow:0 1px 3px #0000001a!important}.MuiDrawer-paper{background-color:#f9fafb!important;border-right:1px solid #e5e7eb!important}.MuiDrawer-paper .MuiListItem-root{color:#212b36!important}.MuiDrawer-paper .MuiListItem-root:hover{background-color:#f3f4f6!important}.MuiDrawer-paper .MuiListItem-root.Mui-selected{background-color:#e5f7e5!important;color:#5fbb47!important}.MuiDrawer-paper .MuiListItemIcon-root{color:#6b7280!important}.MuiDrawer-paper .MuiListItem-root.Mui-selected .MuiListItemIcon-root{color:#5fbb47!important}.MuiButton-containedPrimary{background-color:#5fbb47!important;color:#fff!important;border:none!important;box-shadow:0 2px 4px #5fbb474d!important}.MuiButton-containedPrimary:hover{background-color:#4a9a3a!important;box-shadow:0 4px 8px #5fbb4766!important}.MuiButton-outlinedPrimary{color:#5fbb47!important;border-color:#5fbb47!important}.MuiButton-outlinedPrimary:hover{background-color:#5fbb4714!important;border-color:#4a9a3a!important}.MuiButton-textPrimary{color:#5fbb47!important}.MuiButton-textPrimary:hover{background-color:#5fbb4714!important}.MuiCard-root{background-color:#fff!important;border:1px solid #e5e7eb!important;box-shadow:0 1px 3px #0000001a!important}.MuiCardHeader-root{background-color:#f9fafb!important;border-bottom:1px solid #e5e7eb!important;padding-bottom:22px!important}.MuiCardContent-root,.MuiTable-root{background-color:#fff!important}.MuiTableHead-root{background-color:#f9fafb!important}.MuiTableHead-root .MuiTableCell-root{background-color:#f9fafb!important;color:#212b36!important;font-weight:600!important;border-bottom:2px solid #e5e7eb!important}.MuiTableBody-root .MuiTableRow-root{background-color:#fff!important}.MuiTableBody-root .MuiTableRow-root:hover{background-color:#f9fafb!important}.MuiTableBody-root .MuiTableCell-root{color:#212b36!important;border-bottom:1px solid #f3f4f6!important}.MuiPaper-root{background-color:#fff!important;color:#212b36!important}.MuiPaper-elevation1{box-shadow:0 1px 3px #0000001a!important}.MuiPaper-elevation2{box-shadow:0 2px 6px #0000001a!important}.MuiPaper-elevation3{box-shadow:0 4px 12px #0000001a!important}.MuiTextField-root .MuiOutlinedInput-root{background-color:#fff!important;color:#212b36!important}.MuiTextField-root .MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline{border-color:#d1d5db!important}.MuiTextField-root .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:#9ca3af!important}.MuiTextField-root .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#5fbb47!important;border-width:2px!important}.MuiInputLabel-root{color:#6b7280!important}.MuiInputLabel-root.Mui-focused{color:#5fbb47!important}.MuiSelect-root{background-color:#fff!important;color:#212b36!important}.MuiSelect-root .MuiOutlinedInput-notchedOutline{border-color:#d1d5db!important}.MuiSelect-root:hover .MuiOutlinedInput-notchedOutline{border-color:#9ca3af!important}.MuiSelect-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#5fbb47!important}.MuiChip-root{background-color:#f3f4f6!important;color:#212b36!important;margin-top:3px}.MuiChip-colorPrimary{background-color:#e5f7e5!important;color:#5fbb47!important}.MuiDialog-paper{background-color:#fff!important;color:#212b36!important}.MuiDialogTitle-root{background-color:#f9fafb!important;color:#212b36!important;border-bottom:1px solid #e5e7eb!important}.MuiDialogContent-root{background-color:#fff!important;color:#212b36!important}.MuiDialogActions-root{background-color:#f9fafb!important;border-top:1px solid #e5e7eb!important}.MuiMenu-paper{background-color:#fff!important;border:1px solid #e5e7eb!important;box-shadow:0 4px 12px #0000001a!important}.MuiMenuItem-root{color:#212b36!important}.MuiMenuItem-root:hover{background-color:#f9fafb!important}.MuiMenuItem-root.Mui-selected{background-color:#e5f7e5!important;color:#5fbb47!important}.MuiTooltip-tooltip{background-color:#212b36!important;color:#fff!important;font-size:12px!important}.MuiSnackbarContent-root{background-color:#212b36!important;color:#fff!important}.MuiSnackbarContent-root.MuiSnackbarContent-variantSuccess{background-color:#5fbb47!important}.MuiSnackbarContent-root.MuiSnackbarContent-variantError{background-color:#ef4444!important}.MuiSnackbarContent-root.MuiSnackbarContent-variantWarning{background-color:#f59e0b!important}.MuiSnackbarContent-root.MuiSnackbarContent-variantInfo{background-color:#3b82f6!important}.MuiLinearProgress-root{background-color:#f3f4f6!important}.MuiLinearProgress-bar{background-color:#5fbb47!important}.MuiCircularProgress-root{color:#5fbb47!important}.MuiButton-root .MuiCircularProgress-root,.MuiLoadingButton-root .MuiCircularProgress-root,.MuiButton-root .MuiCircularProgress-circle,.MuiLoadingButton-root .MuiCircularProgress-circle{color:#fff!important;stroke:#fff!important}.MuiButton-contained .MuiCircularProgress-root,.MuiLoadingButton-contained .MuiCircularProgress-root{color:#fff!important}.MuiButton-contained .MuiCircularProgress-circle,.MuiLoadingButton-contained .MuiCircularProgress-circle{stroke:#fff!important}.MuiSwitch-root .MuiSwitch-switchBase.Mui-checked{color:#5fbb47!important}.MuiSwitch-root .MuiSwitch-switchBase.Mui-checked+.MuiSwitch-track{background-color:#5fbb47!important}.MuiCheckbox-root.Mui-checked{color:#5fbb47!important}.MuiCheckbox-root.Mui-checked:hover{background-color:#5fbb4714!important}.MuiRadio-root.Mui-checked{color:#5fbb47!important}.MuiRadio-root.Mui-checked:hover{background-color:#5fbb4714!important}.MuiTabs-root{background-color:#f9fafb!important;border-bottom:1px solid #e5e7eb!important}.MuiTab-root{color:#6b7280!important}.MuiTab-root.Mui-selected{color:#5fbb47!important}.MuiTabs-indicator{background-color:#5fbb47!important}.MuiAccordion-root{background-color:#fff!important;border:1px solid #e5e7eb!important}.MuiAccordionSummary-root{background-color:#f9fafb!important;color:#212b36!important}.MuiAccordionDetails-root{background-color:#fff!important;color:#212b36!important}.MuiList-root{background-color:#fff!important}.MuiListItem-root{color:#212b36!important}.MuiListItem-root:hover{background-color:#f9fafb!important}.MuiListItem-root.Mui-selected{background-color:#e5f7e5!important;color:#5fbb47!important}.MuiDivider-root{background-color:#e5e7eb!important}.MuiAvatar-root{background-color:#f3f4f6!important;color:#212b36!important}.MuiAvatar-colorPrimary,.MuiBadge-badge{background-color:#5fbb47!important;color:#fff!important}.MuiStepper-root{background-color:#fff!important}.MuiStepLabel-root .MuiStepLabel-label{color:#212b36!important}.MuiStepLabel-root.Mui-active .MuiStepLabel-label,.MuiStepLabel-root.Mui-completed .MuiStepLabel-label{color:#5fbb47!important}.MuiStepConnector-line{border-color:#e5e7eb!important}.MuiStepConnector-active .MuiStepConnector-line,.MuiStepConnector-completed .MuiStepConnector-line{border-color:#5fbb47!important}.error-msg{font-size:12px;color:red}.custom_loader{display:flex;align-items:center;justify-content:center;height:40vh;gap:8px}p.customerrorMessage{font-family:initial;line-height:1.5;color:red;font-size:.75rem;font-weight:400;text-align:left;margin:3px 14px 0}.search_con{display:flex;align-items:center;justify-content:center;position:relative}.search_con .search_input{padding-right:15px}.search_con svg{position:absolute;right:0;bottom:17%;font-size:18px}.button-outlined{color:"#fff"!important}.upload-box{display:flex;justify-content:center;align-items:center;border:1px solid #e5e5e5;border-radius:62px;padding:20px;height:120px;width:120px;cursor:pointer;position:relative;margin:0 auto}.avatar{width:100px;height:100px;position:relative}.imageerror{text-align:center;color:#f16666;line-height:1.5;font-size:.75rem;font-family:Public Sans,sans-serif;font-weight:400;margin:3px 14px 0}.rdt_TableRow{color:#000!important;border-color:#000!important}.rdt_TableRow p{padding-top:1%!important;color:#000!important}.rdt_Pagination{color:#000!important;border-color:#000!important}.rdt_Pagination div button{fill:#000!important}button#pagination-first-page:disabled,button#pagination-previous-page:disabled,button#pagination-next-page:disabled,button#pagination-last-page:disabled{fill:gray!important}.jodit-react-container,.jodit-dialog__content{color:#000}.jodit-workplace ul,.list-data ul{padding:revert!important;margin:revert!important}.jodit-ui-checkbox{color:#000}.jodit-dialog__header{color:#000!important}input:-webkit-autofill{border:none;border-radius:.3rem;caret-color:#fff;color:#fff;background:#292a2d;-webkit-text-fill-color:#fff;-webkit-background-clip:text;box-shadow:0 0 0 50px #292a2d inset}.status-box-action{justify-content:center;margin-bottom:15px!important}.popupbox-statis h3,.popupbox-statis h4{margin-bottom:0!important}.subcategorySearchbox{margin-right:1%}.css-1yjjitx-MuiSwitch-track{background-color:#fff}span.MuiSwitch-track{background:gray}.pageloaderWrp{width:100%!important}.backgroundStyle{background-color:#0080000d;background-size:cover}header.MuiPaper-root{background:#093b5d4f}.CustomCalenderbox{width:100%}.swal2-container{z-index:2000!important}.question-cell{font-weight:500;white-space:normal;overflow:hidden;text-overflow:ellipsis}.user-management-container{padding:24px;background-color:#fff;min-height:100vh}.user-header-paper{padding:24px;margin-bottom:24px;border-radius:16px;border:1px solid #e5e7eb;box-shadow:0 4px 12px #5fbb4726}.user-header-content{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.user-header-left{display:flex;align-items:center;gap:16px}.user-header-avatar{background-color:#fff;color:#5fbb47;width:56px;height:56px}.user-header-title{font-weight:700;margin-bottom:4px}.user-add-button{background-color:#fff;color:#5fbb47;padding:12px 32px;border-radius:12px;font-weight:600;border:2px solid #ffffff}.user-add-button:hover{background-color:#f9fafb;color:#4a9a3a}.user-stats-grid{margin-top:16px}.user-stat-card{padding:20px;text-align:center;background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000000d;color:#212b36}.user-stat-card-active{padding:20px;text-align:center;background-color:#fff;border:1px solid #4caf50;border-radius:12px;box-shadow:0 2px 8px #4caf501a;color:#212b36}.user-stat-card-inactive{padding:20px;text-align:center;background-color:#fff;border:1px solid #f44336;border-radius:12px;box-shadow:0 2px 8px #f443361a;color:#212b36}.user-stat-card-excluded{padding:20px;text-align:center;background-color:#fff;border:1px solid #ff9800;border-radius:12px;box-shadow:0 2px 8px #ff98001a;color:#212b36}.user-stat-number{color:#5fbb47;font-weight:700;font-size:2rem}.user-stat-number-active{color:#4caf50;font-weight:700;font-size:2rem}.user-stat-number-inactive{color:#f44336}.user-stat-number-excluded{color:#ff9800}.user-stat-label{color:#6b7280;font-weight:500;font-size:.875rem}.user-controls-paper{padding:24px;margin-bottom:24px;border-radius:16px;background-color:#fff;border:1px solid #e5e7eb;box-shadow:0 2px 8px #0000000d}.user-controls-content{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}.user-controls-left{display:flex;align-items:center;gap:16px}.user-search-input,.user-search-input .MuiInput-input{color:#212b36}.user-search-input .MuiInput-input::placeholder{color:#9ca3af;opacity:1}.user-search-input .MuiInput-root{background-color:#f9fafb;border-radius:12px;padding:8px 16px;border:1px solid #d1d5db}.user-search-input .MuiInput-root:hover{border-color:#9ca3af}.user-search-input .MuiInput-root.Mui-focused{border-color:#5fbb47;box-shadow:0 0 0 3px #5fbb471a}.user-clear-search-button{color:#9ca3af}.user-clear-search-button:hover{color:#6b7280}.user-view-toggle{color:#6b7280;border-color:#d1d5db;background-color:#dadada}.user-view-toggle.Mui-selected{background-color:#5fbb47;color:#fff}.user-view-toggle.Mui-selected:hover{background-color:#4a9a3a}.user-content-paper{border-radius:16px;background-color:#fff;border:1px solid #e5e7eb;box-shadow:0 2px 8px #0000000d;overflow:hidden}.user-grid-container{padding:24px;background-color:#f9fafb;width:100%;max-width:100%}.user-loading-container{display:flex;justify-content:center;padding:64px 0}.user-empty-container{text-align:center;padding:64px 0}.user-empty-title{color:#212b36;margin-bottom:16px;font-weight:600}.user-empty-subtitle{color:#6b7280}.user-grid{margin-bottom:32px;padding:0 8px;width:100%;display:flex;flex-wrap:wrap}.user-grid .MuiGrid-container{width:100%!important;max-width:100%!important}.user-grid .MuiGrid-item{padding-left:8px!important;padding-right:8px!important}@media (max-width: 1199px){.user-grid .MuiGrid-item,.user-grid .MuiGrid-root.MuiGrid-item{flex-basis:33.333%!important;max-width:33.333%!important;width:33.333%!important;flex:0 0 33.333%!important}}@media (max-width: 899px){.user-grid .MuiGrid-item,.user-grid .MuiGrid-root.MuiGrid-item{flex-basis:50%!important;max-width:50%!important;width:50%!important;flex:0 0 50%!important}}@media (max-width: 599px){.user-grid .MuiGrid-item,.user-grid .MuiGrid-root.MuiGrid-item{flex-basis:100%!important;max-width:100%!important;width:100%!important;flex:0 0 100%!important}}.user-card{height:100%;border-radius:16px;box-shadow:0 4px 20px #00000014;border:1px solid #e5e7eb;background-color:#fff;transition:all .3s ease;position:relative;min-height:480px;overflow:hidden;display:flex;flex-direction:column}.user-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #5fbb4726;border-color:#5fbb47}.user-card-index-badge{position:absolute;top:16px;right:16px;background:linear-gradient(135deg,#5fbb47,#4a9a3a);color:#fff;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;z-index:1;box-shadow:0 4px 12px #5fbb4766;border:2px solid #ffffff}.user-card-content{padding:20px;height:100%;display:flex;flex-direction:column;position:relative;flex:1}.user-card-header{display:flex;align-items:flex-start;margin-bottom:20px;gap:12px}.user-card-avatar{background-color:transparent;width:48px;height:48px;flex-shrink:0}.user-card-title-container{flex:1;display:flex;flex-direction:column;gap:8px}.user-card-fullname{color:#212b36;font-weight:600;margin:0;font-size:1.1rem;line-height:1.3}.user-card-username{color:#6b7280;font-weight:500;margin:0;font-size:.9rem;line-height:1.4}.user-card-status-chip{background:linear-gradient(135deg,#5fbb47,#4a9a3a);color:#fff;font-weight:600;border:none;border-radius:12px;padding:6px 12px;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #5fbb474d;align-self:flex-start;margin-top:4px}.user-card-divider{margin:16px 0;border-color:#e5e7eb;border-width:1px;opacity:.4}.user-card-details-compact{padding:0;margin-bottom:16px}.user-card-detail-item-compact{margin-bottom:8px;padding:0;display:flex;flex-direction:column;gap:2px}.user-card-detail-label-compact{color:#6b7280!important;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin:0;line-height:1.2}.user-card-detail-value-compact{color:#212b36!important;font-weight:500;font-size:.8rem;line-height:1.3;word-break:break-word;white-space:normal;margin:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.user-card-actions{display:flex;gap:8px;justify-content:center;margin-bottom:16px;padding:0}.user-action-button-view{color:#4caf50;background:#4caf501a;border:1px solid rgba(76,175,80,.3);border-radius:50%;width:36px;height:36px;transition:all .3s ease}.user-action-button-view:hover{background:#4caf5033;transform:scale(1.1)}.user-action-button-edit{color:#ff9800;background:#ff98001a;border:1px solid rgba(255,152,0,.3);border-radius:50%;width:36px;height:36px;transition:all .3s ease}.user-action-button-edit:hover{background:#ff980033;transform:scale(1.1)}.user-action-button-delete{color:#f44336;background:#f443361a;border:1px solid rgba(244,67,54,.3);border-radius:50%;width:36px;height:36px;transition:all .3s ease}.user-action-button-delete:hover{background:#f4433633;transform:scale(1.1)}.user-card-status-container{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#f9fafb;border-radius:12px;border:1px solid #e5e7eb;margin-top:auto;margin-bottom:16px}.user-card-status-text{color:#6b7280;font-weight:500;font-size:.875rem}.user-card-status-switch .MuiSwitch-switchBase.Mui-checked{color:#4caf50}.user-card-status-switch .MuiSwitch-switchBase.Mui-checked+.MuiSwitch-track{background-color:#4caf50}.user-header-icon{font-size:28px}.user-card-zoom,.user-card-zoom-0{transition-delay:0ms}.user-card-zoom-1{transition-delay:.1s}.user-card-zoom-2{transition-delay:.2s}.user-card-zoom-3{transition-delay:.3s}.user-card-zoom-4{transition-delay:.4s}.user-card-zoom-5{transition-delay:.5s}.user-card-zoom-6{transition-delay:.6s}.user-card-zoom-7{transition-delay:.7s}.user-card-zoom-8{transition-delay:.8s}.user-card-zoom-9{transition-delay:.9s}.user-pagination-container{display:flex;justify-content:space-between;align-items:center;margin-top:32px;padding:16px;flex-wrap:wrap;gap:16px}.user-pagination-info{display:flex;align-items:center;gap:16px}.user-pagination-text{color:#6b7280}.user-pagination-controls{display:flex;align-items:center;gap:16px}.user-pagination-controls .MuiButton-root{color:#5fbb47;border-color:#d1d5db;background-color:#fff}.user-pagination-controls .MuiButton-root:hover{border-color:#5fbb47;background-color:#5fbb471a}.user-pagination-controls .MuiButton-root:disabled{color:#9ca3af;border-color:#e5e7eb;background-color:#f9fafb}.user-page-size-select{color:#212b36;min-width:80px}.user-page-size-select .MuiOutlinedInput-notchedOutline{border-color:#d1d5db}.user-page-size-select:hover .MuiOutlinedInput-notchedOutline{border-color:#9ca3af}.user-page-size-select .MuiSvgIcon-root,.user-page-size-select .MuiInputLabel-root{color:#6b7280}.user-page-size-select .MuiInputLabel-root.Mui-focused,.user-pagination{color:#5fbb47}.user-pagination .MuiPaginationItem-root{color:#6b7280}.user-pagination .MuiPaginationItem-root.Mui-selected{background-color:#5fbb47;color:#fff}.user-datatable .MuiDataTable-headCells{font-size:15px;font-weight:700;background-color:#f9fafb;color:#212b36;border-bottom:1px solid #e5e7eb}.user-datatable .MuiDataTable-rows{background-color:#fff;color:#212b36}.user-datatable .MuiDataTable-rows:hover{background-color:#f9fafb}.user-status-dialog{background-color:#fff;border-radius:16px}.user-status-dialog-title{color:#212b36;font-weight:600}.user-status-dialog-actions{padding:16px 24px;background-color:#f9fafb;border-top:1px solid #e5e7eb}.user-view-dialog{background-color:#fff;border-radius:16px}.user-view-dialog-title{background-color:#f9fafb;border-bottom:1px solid #e5e7eb;padding:24px}.user-view-dialog-actions{padding:16px 24px;background-color:#f9fafb;border-top:1px solid #e5e7eb;gap:12px}.user-detail-section{margin-bottom:16px}.user-detail-label{color:#6b7280;font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.user-detail-value{color:#212b36;font-weight:500;font-size:1rem;word-break:break-word}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (min-width: 1200px){.user-card{min-height:450px}}@media (max-width: 899px) and (min-width: 600px){.user-card{min-height:400px}}@media (max-width: 599px){.user-header-content{flex-direction:column;gap:16px;align-items:flex-start}.user-controls-content{flex-direction:column;align-items:stretch}.user-pagination-container{flex-direction:column;gap:16px}.user-management-container,.user-header-paper,.user-controls-paper{padding:16px}.user-card-content{padding:20px}.user-card{min-height:380px}}.user-controls-content{display:flex;justify-content:space-between;align-items:center;width:100%}.user-controls-left{flex:1;max-width:400px}.user-controls-right{display:flex;align-items:center;gap:16px}.user-view-toggle{border:1px solid rgba(255,255,255,.3);border-radius:8px;overflow:hidden}.user-view-toggle .MuiToggleButton-root{border:none;color:#ffffffb3;background-color:transparent;padding:8px 12px;min-width:40px}.user-view-toggle .MuiToggleButton-root:hover{background-color:#ffffff1a}.user-view-toggle .MuiToggleButton-root.Mui-selected{background-color:#00a1dd33;color:#fff}.user-card-details-compact{padding:16px 0}.user-card-detail-item-compact{margin-bottom:12px;padding:4px 0}.user-card-detail-label-compact{font-weight:600;color:#000!important;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;display:block}.user-card-detail-value-compact{color:#000!important;font-size:.875rem;font-weight:500;line-height:1.4}@media (max-width: 768px){.user-controls-content{flex-direction:column;gap:16px;align-items:stretch}.user-controls-left{max-width:none}.user-controls-right{justify-content:center}}@media (max-width: 600px){.user-card-details-compact .MuiGrid-item{flex-basis:100%!important;max-width:100%!important;width:100%!important;flex:0 0 100%!important}}.user-card-details-compact .MuiGrid-item{padding-left:4px!important;padding-right:4px!important}.disabled-btnupdate{background:gray!important}input:-webkit-autofill{box-shadow:unset;color:#000!important;-webkit-text-fill-color:black}.username-text11{line-break:anywhere}.myprofile-email{overflow:revert!important;line-break:anywhere!important;white-space:break-spaces!important}.addedit-role-container{padding:24px;max-width:1200px;margin:0 auto}.addedit-role-form-section{margin-bottom:32px}.addedit-role-section-title{font-size:1.25rem;font-weight:600;color:#212b36;margin-bottom:16px;display:flex;align-items:center}.addedit-role-section-title:before{content:"";width:4px;height:20px;background-color:#5fbb47;margin-right:12px;border-radius:2px}.addedit-role-permissions-container{padding:24px;border-radius:16px;border:1px solid #e5e7eb;background-color:#fff;box-shadow:none}.addedit-role-permissions-title{font-size:1.1rem;font-weight:600;color:#212b36;margin-bottom:16px;display:flex;align-items:center}.addedit-role-permissions-title:before{content:"";width:3px;height:16px;background-color:#d95323;margin-right:8px;border-radius:2px}.addedit-role-permissions-divider{margin-bottom:24px;border-color:#e5e7eb}.addedit-role-permissions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.addedit-role-module-card{padding:20px;border-radius:12px;border:1px solid #e5e7eb;background-color:#f9fafb;transition:all .2s ease-in-out}.addedit-role-module-card:hover{border-color:#5fbb47;box-shadow:0 2px 8px #5fbb471f}.addedit-role-module-title{font-size:.95rem;font-weight:600;color:#212b36;margin-bottom:12px;text-transform:capitalize;letter-spacing:.5px}.addedit-role-form-group{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px}.addedit-role-form-control-label{margin:0;min-width:120px}.addedit-role-form-control-label .MuiFormControlLabel-label{font-size:.875rem;color:#6b7280;text-transform:capitalize}.addedit-role-form-control-label .MuiCheckbox-root{padding:4px}.addedit-role-form-control-label .MuiCheckbox-root.Mui-checked{color:#5fbb47}.addedit-role-text-field .MuiOutlinedInput-root{border-radius:12px}.addedit-role-text-field .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:#5fbb47}.addedit-role-text-field .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-width:2px}.addedit-role-text-field .MuiInputLabel-root{font-size:.95rem}.addedit-role-text-field .MuiInputLabel-root.Mui-focused{color:#5fbb47}.addedit-role-action-buttons{display:flex;gap:16px;justify-content:flex-end;margin-top:32px;padding-top:24px;border-top:1px solid #e5e7eb}.addedit-role-submit-button{min-width:140px;height:48px;border-radius:12px;font-size:.95rem;font-weight:600;text-transform:none;box-shadow:0 2px 4px #0000001a}.addedit-role-submit-button:hover{box-shadow:0 4px 8px #00000026}.addedit-role-cancel-button{min-width:120px;height:48px;border-radius:12px;font-size:.95rem;font-weight:600;text-transform:none;border-color:#e5e7eb;color:#6b7280}.addedit-role-cancel-button:hover{border-color:#212b36;background-color:#0000000a}.addedit-role-empty-state{text-align:center;padding:32px;color:#6b7280}.addedit-role-empty-state-text{font-size:.95rem;color:#6b7280}@media (max-width: 768px){.addedit-role-container{padding:16px}.addedit-role-permissions-grid{grid-template-columns:1fr;gap:16px}.addedit-role-action-buttons{flex-direction:column;gap:12px}.addedit-role-submit-button,.addedit-role-cancel-button{width:100%}}@media (max-width: 480px){.addedit-role-permissions-container,.addedit-role-module-card{padding:16px}.addedit-role-form-group{flex-direction:column;gap:4px}.addedit-role-form-control-label{min-width:auto}}.logout-dialog{z-index:2000!important}.logout-dialog-paper{border-radius:16px!important;box-shadow:0 8px 32px #0000001f!important;background-color:#fff!important;overflow:hidden}.logout-dialog-title{padding:24px 24px 0!important;margin-bottom:0!important}.logout-dialog-header{display:flex;align-items:center;justify-content:space-between;width:100%}.logout-dialog-icon-container{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,#ff6b6b,#ee5a52);border-radius:12px;margin-right:16px;box-shadow:0 4px 12px #ff6b6b4d}.logout-dialog-icon{color:#fff!important;font-size:24px!important}.logout-dialog-title-text{flex:1;font-weight:600!important;color:#212b36!important;font-size:1.25rem!important}.logout-dialog-close-button{color:#6b7280!important;padding:8px!important;margin-left:16px!important}.logout-dialog-close-button:hover{background-color:#0000000a!important;color:#212b36!important}.logout-dialog-divider{margin:0!important;border-color:#e5e7eb!important}.logout-dialog-content{padding:24px!important}.logout-dialog-user-info{display:flex;align-items:center;margin-bottom:24px;padding:16px;background-color:#f9fafb;border-radius:12px;border:1px solid #e5e7eb}.logout-dialog-avatar{width:48px!important;height:48px!important;margin-right:16px!important;background:linear-gradient(135deg,#5fbb47,#4a9a3a)!important;font-weight:600!important;font-size:1.1rem!important;box-shadow:0 2px 8px #5fbb474d!important}.logout-dialog-user-details{flex:1}.logout-dialog-user-name{font-weight:600!important;color:#212b36!important;margin-bottom:4px!important;font-size:1rem!important}.logout-dialog-user-email{color:#6b7280!important;font-size:.875rem!important;word-break:break-all}.logout-dialog-message{text-align:center;padding:16px 0}.logout-dialog-main-text{font-weight:500!important;color:#212b36!important;margin-bottom:8px!important;font-size:1.1rem!important}.logout-dialog-sub-text{color:#6b7280!important;font-size:.9rem!important;line-height:1.5!important}.logout-dialog-actions{padding:16px 24px 24px!important;gap:12px!important;justify-content:flex-end!important}.logout-dialog-cancel-button{min-width:100px!important;height:44px!important;border-radius:12px!important;font-weight:600!important;text-transform:none!important;border-color:#d1d5db!important;color:#6b7280!important;font-size:.95rem!important}.logout-dialog-cancel-button:hover{border-color:#9ca3af!important;background-color:#0000000a!important;color:#212b36!important}.logout-dialog-confirm-button{min-width:120px!important;height:44px!important;border-radius:12px!important;font-weight:600!important;text-transform:none!important;background:linear-gradient(135deg,#ff6b6b,#ee5a52)!important;color:#fff!important;font-size:.95rem!important;box-shadow:0 4px 12px #ff6b6b4d!important}.logout-dialog-confirm-button:hover{background:linear-gradient(135deg,#ff5252,#e53935)!important;box-shadow:0 6px 16px #ff6b6b66!important;transform:translateY(-1px)}@media (max-width: 600px){.logout-dialog-paper{margin:16px!important;max-width:calc(100% - 32px)!important}.logout-dialog-title{padding:20px 20px 0!important}.logout-dialog-content{padding:20px!important}.logout-dialog-actions{padding:12px 20px 20px!important;flex-direction:column!important}.logout-dialog-cancel-button,.logout-dialog-confirm-button{width:100%!important;min-width:auto!important}.logout-dialog-user-info{flex-direction:column;text-align:center;padding:20px}.logout-dialog-avatar{margin-right:0!important;margin-bottom:12px!important}.logout-dialog-header{flex-direction:column;align-items:flex-start;gap:12px}.logout-dialog-icon-container{margin-right:0;align-self:center}.logout-dialog-close-button{position:absolute;top:16px;right:16px;margin-left:0!important}}.logout-dialog-user-name-container{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.logout-dialog-role-chip{font-size:.75rem!important;height:24px!important;font-weight:600!important;border-radius:12px!important;box-shadow:0 2px 4px #0000001a!important}.logout-dialog-session-info{display:flex;align-items:center;margin-top:8px;gap:6px}.logout-dialog-session-icon{font-size:16px!important;color:#6b7280!important}.logout-dialog-session-text{color:#6b7280!important;font-size:.75rem!important;font-weight:500!important}.logout-dialog-security-alert{margin:16px 0!important;border-radius:12px!important;border:1px solid #fbbf24!important;background-color:#fffbeb!important}.logout-dialog-security-alert .MuiAlert-icon{color:#f59e0b!important}.logout-dialog-security-alert .MuiAlertTitle-root{color:#92400e!important;font-weight:600!important;font-size:.9rem!important}.logout-dialog-security-alert .MuiAlert-message{color:#92400e!important;font-size:.85rem!important}.logout-dialog-progress-container{margin:20px 0;padding:16px;background-color:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.logout-dialog-progress-text{color:#475569!important;font-weight:500!important;margin-bottom:8px!important;text-align:center}.logout-dialog-progress-bar{height:8px!important;border-radius:4px!important;background-color:#e2e8f0!important;margin-bottom:8px!important}.logout-dialog-progress-bar .MuiLinearProgress-bar{background:linear-gradient(135deg,#5fbb47,#4a9a3a)!important;border-radius:4px!important}.logout-dialog-progress-percentage{color:#5fbb47!important;font-weight:600!important;text-align:center;display:block}.logout-dialog-confirm-button:disabled{background:#e5e7eb!important;color:#9ca3af!important;box-shadow:none!important;transform:none!important}.logout-dialog-confirm-button.Mui-disabled{background:#e5e7eb!important;color:#9ca3af!important}.logout-dialog-paper{animation:slideInUp .6s ease-out!important}@keyframes slideInUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.logout-dialog-icon-container{animation:pulse 3s infinite!important}@keyframes pulse{0%{box-shadow:0 4px 12px #ff6b6b4d}50%{box-shadow:0 4px 12px #ff6b6b80}to{box-shadow:0 4px 12px #ff6b6b4d}}.logout-dialog-role-chip:hover{transform:scale(1.05);transition:transform .4s ease}.logout-dialog-user-info:hover{background-color:#f3f4f6!important;transition:background-color .4s ease}.logout-dialog-confirm-button:disabled .MuiButton-startIcon{animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 600px){.logout-dialog-role-chip{font-size:.7rem!important;height:22px!important}.logout-dialog-session-info{justify-content:center}.logout-dialog-security-alert{margin:12px 0!important}.logout-dialog-progress-container{margin:16px 0;padding:12px}.logout-dialog-user-name-container{justify-content:center;text-align:center}}.MuiContainer-root.MuiContainer-maxWidthLg{max-width:100%!important}.home-demo-container{padding-top:24px;padding-bottom:24px}.home-demo-loading-container{display:flex;justify-content:center;align-items:center;min-height:400px}.home-demo-tabs-container{border-bottom:1px solid rgba(0,0,0,.12);margin-bottom:32px}.home-demo-tabs .MuiTab-root{text-transform:none;font-weight:500;min-height:48px}.home-demo-section-title-box{margin-bottom:24px;margin-top:8px}.home-demo-section-title{font-weight:600;margin-bottom:4px}.home-demo-section-divider{margin-top:16px}.home-demo-subsection-title-box{margin-top:24px;margin-bottom:16px}.home-demo-subsection-chip{font-weight:600;font-size:.95rem}.home-demo-image-upload-paper{padding:16px;border:1px solid rgba(0,0,0,.12);border-radius:16px}.home-demo-image-upload-paper-empty{background-color:#fafafa}.home-demo-image-upload-label{font-weight:600;color:#000000de}.home-demo-image-preview-box{width:100%;border-radius:16px;overflow:hidden;border:1px solid rgba(0,0,0,.12);background-color:#f5f5f5;display:flex;align-items:center;justify-content:center}.home-demo-image-preview-box-full{height:300px}.home-demo-image-preview-box-normal{height:200px}.home-demo-image-preview{width:100%;height:100%;object-fit:contain}.home-demo-upload-button{text-transform:none;font-weight:500}.home-demo-form-label{margin-bottom:8px;font-weight:600}.home-demo-form-helper-text{margin-top:8px}.home-demo-divider-spacing{margin-top:16px;margin-bottom:16px}.home-demo-divider-spacing-large{margin-top:24px;margin-bottom:24px}.home-demo-section-heading{margin-bottom:16px;font-weight:600}.home-demo-features-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.home-demo-features-title{font-weight:600}.home-demo-features-add-button{text-transform:none}.home-demo-empty-state-paper{padding:32px;text-align:center;border:2px dashed rgba(0,0,0,.12);border-radius:16px;background-color:#fafafa}.home-demo-empty-state-button{text-transform:none}.home-demo-feature-card{padding:24px;margin-bottom:16px;border-radius:16px;border:1px solid rgba(0,0,0,.12);background-color:#fff}.home-demo-feature-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.home-demo-feature-chip{font-weight:600}.home-demo-feature-delete-icon{transition:all .3s ease}.home-demo-feature-delete-icon:hover{background-color:#f4433614}.home-demo-action-buttons{margin-top:32px}.home-demo-action-divider{margin-top:32px;margin-bottom:32px}.home-demo-reset-button{text-transform:none;min-width:120px}.home-demo-save-button{text-transform:none;min-width:150px}.home-demo-payment-step-card{margin-bottom:24px;position:relative;overflow:hidden}.home-demo-payment-step-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);opacity:0;transition:opacity .3s ease}.home-demo-payment-step-card:hover:before{opacity:1}.home-demo-payment-step-header{display:flex;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid rgba(0,0,0,.08)}.home-demo-payment-step-number{display:flex;align-items:center;gap:8px;width:100%}.home-demo-payment-step-title{font-weight:600;color:var(--color-text-primary);margin:0}@media (max-width: 600px){.home-demo-payment-step-header{flex-direction:column;align-items:flex-start;gap:12px}.home-demo-payment-step-title{width:100%}}