@pmidc/upyog-css 1.2.20 → 1.2.22

package/dist/index.css

@@ -2170,9 +2170,7 @@ body {
     -webkit-box-align: start;
     -ms-flex-align: start;
     align-items: flex-start; }
-  .employee .employeeCard .field {
-    width: 40%; }
-  .employee .employeeCard .form-field {
+  .employee .employeeCard .field, .employee .employeeCard .form-field {
     width: 100%; }
   .citizen .employeeCard .label-field-pair + .card-label-error, .citizen .employeeCard .label-field-pair .card-label-error, .employee .employeeCard .label-field-pair + .card-label-error, .employee .employeeCard .label-field-pair .card-label-error {
     width: 50% !important;
@@ -9483,6 +9481,237 @@ video::-webkit-media-controls-panel {
 .filter-card, .mCollect-filter {
   padding: 1rem !important; }
 
+.employee-quick-service-link {
+  text-decoration: none;
+  display: block; }
+
+.employee-quick-service-card {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: stretch;
+  -ms-flex-align: stretch;
+  align-items: stretch;
+  border-radius: 16px;
+  overflow: hidden;
+  -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
+  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
+  -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+  -webkit-transform: translateY(0) scale(1);
+  transform: translateY(0) scale(1);
+  background: #fff;
+  position: relative;
+  border: 2px solid transparent;
+  width: 400px;
+  height: 140px;
+  min-height: 140px;
+  max-height: 140px; }
+  @media (max-width: 768px) {
+    .employee-quick-service-card {
+      width: 100%;
+      height: 120px;
+      min-height: 120px;
+      max-height: 120px; } }
+  .employee-quick-service-card.hovered {
+    -webkit-box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15);
+    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15);
+    -webkit-transform: translateY(-4px) scale(1.02);
+    transform: translateY(-4px) scale(1.02);
+    border: 2px solid rgba(79, 101, 216, 0.3); }
+
+.card-icon-container {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  min-width: 120px;
+  width: 120px;
+  padding: 24px;
+  background: linear-gradient(135deg, #667eea, #764ba2);
+  position: relative;
+  overflow: hidden; }
+  @media (max-width: 768px) {
+    .card-icon-container {
+      min-width: 80px;
+      width: 80px;
+      padding-left: 16px;
+      padding-bottom: 16px;
+      padding-right: 16px;
+      padding-top: 16px; } }
+  .card-icon-container .employee-quick-service-link {
+    width: 100%; }
+
+.card-background-circle {
+  position: absolute;
+  width: 150px;
+  height: 150px;
+  background: rgba(255, 255, 255, 0.1);
+  border-radius: 50%;
+  top: -50px;
+  right: -50px;
+  -webkit-transition: -webkit-transform .5s ease;
+  transition: -webkit-transform .5s ease;
+  transition: transform .5s ease;
+  transition: transform .5s ease, -webkit-transform .5s ease;
+  transition: transform .5s ease,-webkit-transform .5s ease;
+  -webkit-transform: scale(1);
+  transform: scale(1); }
+  @media (max-width: 768px) {
+    .card-background-circle {
+      width: 100px;
+      height: 100px;
+      top: -40px;
+      right: -40px; } }
+  .hovered .card-background-circle {
+    -webkit-transform: scale(1.5);
+    transform: scale(1.5); }
+
+.card-icon-wrapper {
+  -webkit-transform: scale(1) rotate(0deg);
+  transform: scale(1) rotate(0deg);
+  -webkit-transition: -webkit-transform .3s ease;
+  transition: -webkit-transform .3s ease;
+  transition: transform .3s ease;
+  transition: transform .3s ease, -webkit-transform .3s ease;
+  transition: transform .3s ease,-webkit-transform .3s ease;
+  z-index: 1;
+  -webkit-filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.2));
+  filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.2)); }
+  .hovered .card-icon-wrapper {
+    -webkit-transform: scale(1.15) rotate(5deg);
+    transform: scale(1.15) rotate(5deg); }
+
+.card-content-container {
+  -webkit-box-flex: 1;
+  -ms-flex: 1;
+  flex: 1;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: justify;
+  -ms-flex-pack: justify;
+  justify-content: space-between;
+  padding: 24px 32px;
+  background: #fff; }
+  @media (max-width: 768px) {
+    .card-content-container {
+      padding-left: 20px;
+      padding-bottom: 16px;
+      padding-right: 20px;
+      padding-top: 16px; } }
+
+.card-text-content {
+  -webkit-box-flex: 1;
+  -ms-flex: 1;
+  flex: 1; }
+
+.card-module-title {
+  font-size: 22px;
+  font-weight: 700;
+  color: #1a202c;
+  margin: 0;
+  line-height: 1.3;
+  -webkit-transition: color .3s ease;
+  transition: color .3s ease;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: normal; }
+  @media (max-width: 768px) {
+    .card-module-title {
+      font-size: 16px;
+      white-space: nowrap; } }
+
+.card-module-description {
+  font-size: 14px;
+  color: #718096;
+  margin: 6px 0 0;
+  font-weight: 400;
+  display: block; }
+  @media (max-width: 768px) {
+    .card-module-description {
+      font-size: 12px;
+      display: none; } }
+
+.card-arrow-container {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  width: 40px;
+  height: 40px;
+  border-radius: 50%;
+  background: #f7fafc;
+  -webkit-transition: all .3s ease;
+  transition: all .3s ease;
+  -webkit-transform: translateX(0);
+  transform: translateX(0); }
+  @media (max-width: 768px) {
+    .card-arrow-container {
+      width: 32px;
+      height: 32px; } }
+  .hovered .card-arrow-container {
+    background: linear-gradient(135deg, #667eea, #764ba2);
+    -webkit-transform: translateX(4px);
+    transform: translateX(4px); }
+
+.card-arrow-svg {
+  -webkit-transition: -webkit-transform .3s ease;
+  transition: -webkit-transform .3s ease;
+  transition: transform .3s ease;
+  transition: transform .3s ease, -webkit-transform .3s ease;
+  transition: transform .3s ease,-webkit-transform .3s ease;
+  -webkit-transform: translateX(0);
+  transform: translateX(0); }
+  .hovered .card-arrow-svg {
+    -webkit-transform: translateX(2px);
+    transform: translateX(2px); }
+
+.card-arrow-path {
+  stroke: #4a5568;
+  stroke-width: 2;
+  stroke-linecap: round;
+  stroke-linejoin: round; }
+  .hovered .card-arrow-path {
+    stroke: #fff; }
+
+.card-shine-effect {
+  position: absolute;
+  top: 0;
+  left: -100%;
+  width: 100%;
+  height: 100%;
+  background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(rgba(255, 255, 255, 0.3)), to(transparent));
+  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
+  -webkit-animation: shine .6s ease;
+  animation: shine .6s ease;
+  pointer-events: none; }
+
+@-webkit-keyframes shine {
+  0% {
+    left: -100%; }
+  to {
+    left: 100%; } }
+
+@keyframes shine {
+  0% {
+    left: -100%; }
+  to {
+    left: 100%; } }
+
 .secondary-action {
   display: inline;
   float: right; }
@@ -14183,24 +14412,110 @@ body {
   background-color: red;
   padding-bottom: 90px !important; }
 
-.alignmentSettle .field, .alignmentSettle .form-field {
-  width: calc(25% - 15px) !important;
-  margin-right: 15px !important;
-  margin-bottom: 16px !important;
-  min-width: calc(25% - 15px) !important;
-  max-width: calc(25% - 15px) !important; }
+.swach-comp-detils-header {
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center; }
 
-.alignmentSettle .field:nth-child(4n), .alignmentSettle .form-field:nth-child(4n), .alignmentSettle .submit {
-  margin-right: 0 !important; }
+.swach-comp-detils-citizen-header, .swach-comp-detils-header {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: justify;
+  -ms-flex-pack: justify;
+  justify-content: space-between; }
 
-.alignmentSettle .submit {
-  width: calc(25% - 15px) !important;
-  min-width: calc(25% - 15px) !important;
-  max-width: calc(25% - 15px) !important;
-  margin-top: 0 !important;
-  display: -webkit-box !important;
-  display: -ms-flexbox !important;
-  display: flex !important;
+.swach-comp-detils-citizen-header {
+  max-width: 960px; }
+
+.swach-comp-detils-overflow {
+  overflow-y: scroll; }
+
+.swach-comp-detils-maps-link {
+  color: #00f;
+  font-weight: bolder; }
+
+.swach-attendance-header-wrapper {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: justify;
+  -ms-flex-pack: justify;
+  justify-content: space-between;
+  max-width: 960px; }
+
+.swach-attendance-image-container {
+  margin: 16px 0; }
+
+.swach-attendance-loader-wrapper {
+  height: 150px;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  justify-content: center; }
+
+.swach-attendance-processing-text {
+  text-align: center;
+  margin-top: 8px; }
+
+.swach-search-form {
+  margin-left: 24px; }
+
+.swach-search-container {
+  width: auto; }
+
+.swach-search-error-text {
+  color: red;
+  font-size: 12px; }
+
+.swach-search-action-full {
+  width: 100% !important; }
+
+.swach-search-clear-padding {
+  padding-top: 9px; }
+
+.swach-red-color {
+  color: #a82227; }
+
+.swach-text-align {
+  text-align: center; }
+
+.swach-desktop-result {
+  margin-top: 24px;
+  margin-left: 24px;
+  -webkit-box-flex: 1;
+  -ms-flex: 1;
+  flex: 1; }
+
+.swach-margin-top-16 {
+  margin-top: 20 !important; }
+
+.swach-width-250 {
+  width: 250px !important; }
+
+.alignmentSettle .field, .alignmentSettle .form-field {
+  width: calc(25% - 15px) !important;
+  margin-right: 15px !important;
+  margin-bottom: 16px !important;
+  min-width: calc(25% - 15px) !important;
+  max-width: calc(25% - 15px) !important; }
+
+.alignmentSettle .field:nth-child(4n), .alignmentSettle .form-field:nth-child(4n), .alignmentSettle .submit {
+  margin-right: 0 !important; }
+
+.alignmentSettle .submit {
+  width: calc(25% - 15px) !important;
+  min-width: calc(25% - 15px) !important;
+  max-width: calc(25% - 15px) !important;
+  margin-top: 0 !important;
+  display: -webkit-box !important;
+  display: -ms-flexbox !important;
+  display: flex !important;
   -webkit-box-orient: vertical !important;
   -webkit-box-direction: normal !important;
   -ms-flex-direction: column !important;
@@ -16062,9 +16377,10 @@ body {
     font-size: 12px; } }
 
 .pgr-desktop-inbox-container .pgr-desktop-card-empty-state, .pgr-desktop-inbox-container .pgr-desktop-card-error-state {
-  margin-top: 20px; }
-  .pgr-desktop-inbox-container .pgr-desktop-card-empty-state p, .pgr-desktop-inbox-container .pgr-desktop-card-error-state p {
-    text-align: center; }
+  margin-top: 20px !important; }
+
+.pgr-desktop-inbox-container .pgr-desktop-card-text-align {
+  text-align: center !important; }
 
 .pgr-desktop-inbox-container .pgr-desktop-inbox-content-wrapper .pgr-desktop-inbox-result-container {
   margin-top: 24px;
@@ -16288,28 +16604,32 @@ body {
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); }
 
 .custom-card-top {
+  display: grid;
+  grid-template-columns: 1fr 1fr 1fr;
+  -webkit-box-align: start;
+  -ms-flex-align: start;
+  align-items: flex-start;
+  padding: 20px 24px;
+  grid-gap: 16px;
+  gap: 16px; }
+
+.custom-card-column {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-  -webkit-box-pack: justify;
-  -ms-flex-pack: justify;
-  justify-content: space-between;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  -ms-flex-wrap: wrap;
-  flex-wrap: wrap;
-  padding: 20px 24px; }
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: column;
+  flex-direction: column; }
 
-.custom-card-left {
-  -webkit-box-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  padding-right: 16px; }
+.custom-card-column-mid {
+  text-align: center; }
 
-.custom-card-right {
-  -ms-flex-negative: 0;
-  flex-shrink: 0; }
+.custom-card-column-right {
+  text-align: right;
+  -webkit-box-align: end;
+  -ms-flex-align: end;
+  align-items: flex-end; }
 
 .custom-action-title {
   font-size: 16px;
@@ -16342,13 +16662,34 @@ body {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-  -webkit-box-pack: justify;
-  -ms-flex-pack: justify;
-  justify-content: space-between;
-  -ms-flex-wrap: wrap;
-  flex-wrap: wrap; }
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  border-top: 1px solid #e5e7eb;
+  padding: 16px 24px 20px;
+  grid-gap: 12px;
+  gap: 12px; }
+
+.custom-comments-content {
+  width: 100%; }
+
+.custom-assigned-to-footer {
+  -ms-flex-item-align: end;
+  align-self: flex-end;
+  text-align: right;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  -webkit-box-align: end;
+  -ms-flex-align: end;
+  align-items: flex-end; }
 
-.custom-assignee-section, .custom-comments-section {
+.custom-assignee-section {
   border-top: 1px solid #e5e7eb;
   padding: 16px 24px 20px; }
 
@@ -16410,25 +16751,31 @@ body {
     grid-gap: 16px;
     gap: 16px; }
   .custom-card-top {
-    padding: 16px;
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
-    -webkit-box-align: start;
-    -ms-flex-align: start;
-    align-items: flex-start;
+    padding: 16px;
     grid-gap: 12px;
     gap: 12px; }
-  .custom-card-left {
-    padding-right: 0;
-    width: 100%; }
-  .custom-card-right {
-    width: 100%; }
+  .custom-card-column {
+    width: 100% !important;
+    text-align: left !important;
+    -webkit-box-align: start !important;
+    -ms-flex-align: start !important;
+    align-items: flex-start !important; }
   .custom-comments-section {
-    padding: 12px 16px;
-    grid-gap: 12px;
-    gap: 12px; } }
+    padding: 12px 16px; }
+  .custom-assigned-to-footer {
+    -ms-flex-item-align: start;
+    align-self: flex-start;
+    text-align: left;
+    -webkit-box-align: start;
+    -ms-flex-align: start;
+    align-items: flex-start; } }
 
 @media (max-width: 480px) {
   .custom-tracking-line {
@@ -17532,11 +17879,16 @@ body {
   font-weight: 600;
   margin: 0; }
 
+[dir=ltr] .ads-summary-edit {
+  text-align: right !important; }
+
+[dir=rtl] .ads-summary-edit {
+  text-align: left !important; }
+
 .ads-summary-edit {
   cursor: pointer;
-  color: #2e86de;
-  font-weight: 600;
-  font-size: .9rem; }
+  color: #2e86de !important;
+  font-weight: 600; }
 
 .ads-summary-row {
   -webkit-box-pack: justify;
@@ -17700,168 +18052,275 @@ body {
   max-width: unset;
   margin-left: unset; }
 
-.hrms-flex, .hrms-flex-between {
+.ads-ad-card-image-img {
+  width: 100%;
+  height: 100%;
+  -o-object-fit: cover;
+  object-fit: cover; }
+
+.ads-ad-card-info {
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  grid-gap: 6px;
+  gap: 6px;
+  font-size: 13px;
+  color: #444; }
+
+.ads-ad-card-info, .ads-ad-card-info-row {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex; }
 
-.hrms-flex-between {
+.ads-ad-card-info-row {
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between; }
 
-.hrms-flex-between-center, .hrms-flex-center {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center; }
+.ads-ad-card-info-row--bold {
+  font-weight: 600; }
 
-.hrms-flex-between-center {
-  -webkit-box-pack: justify;
-  -ms-flex-pack: justify;
-  justify-content: space-between; }
+.ads-ad-card-amount {
+  color: #222; }
+
+.ads-ad-card-light {
+  color: green;
+  font-weight: 600; }
 
-.hrms-flex-column {
+.ads-ad-card-date-row {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-  -ms-flex-direction: column;
-  flex-direction: column; }
+  grid-gap: 4px;
+  gap: 4px;
+  margin-top: 8px; }
 
-.hrms-flex-wrap {
-  -ms-flex-wrap: wrap;
-  flex-wrap: wrap; }
+.ads-ad-card-date-field {
+  -webkit-box-flex: 1;
+  -ms-flex: 1;
+  flex: 1; }
+
+.ads-ad-card-date-label {
+  font-size: 12px;
+  color: #666; }
 
-.hrms-flex-end {
+.ads-ad-card-actions {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-  -webkit-box-pack: end;
-  -ms-flex-pack: end;
-  justify-content: flex-end; }
-
-.hrms-gap-xs {
   grid-gap: 8px;
-  gap: 8px; }
+  gap: 8px;
+  margin-top: 6px; }
 
-.hrms-gap-sm {
-  grid-gap: 10px;
-  gap: 10px; }
+.ads-ad-card-cart-icon {
+  color: #000; }
 
-.hrms-gap-md {
-  grid-gap: 12px;
-  gap: 12px; }
+.ads-availibility-for-title {
+  margin: 0;
+  font-size: 20px;
+  font-weight: 700;
+  color: #333; }
 
-.hrms-gap-base {
-  grid-gap: 16px;
-  gap: 16px; }
+.ads-cart-modal-body {
+  -webkit-box-flex: 1;
+  -ms-flex: 1;
+  flex: 1;
+  overflow-y: auto; }
 
-.hrms-gap-lg {
-  grid-gap: 20px;
-  gap: 20px; }
+.ads-cart-empty-text {
+  padding: 12px;
+  color: #666; }
 
-.hrms-mt-xs {
-  margin-top: 8px; }
+.ads-cart-item-header-info {
+  cursor: pointer;
+  -webkit-box-flex: 1;
+  -ms-flex: 1;
+  flex: 1; }
 
-.hrms-mt-sm {
-  margin-top: 10px; }
+.ads-cart-item-toggle-modal {
+  font-size: 18px;
+  margin-left: 8px; }
 
-.hrms-mt-md {
-  margin-top: 12px; }
+.ads-reservation-wrapper {
+  -webkit-box-pack: end;
+  -ms-flex-pack: end;
+  justify-content: flex-end; }
 
-.hrms-mt-base {
-  margin-top: 16px; }
+.ads-reservation-wrapper, .hrms-flex, .hrms-emp-mapping__preview-header, .hrms-pagination__buttons {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex; }
 
-.hrms-mt-lg {
-  margin-top: 20px; }
+.hrms-flex--between, .hrms-emp-mapping__preview-header {
+  -webkit-box-pack: justify;
+  -ms-flex-pack: justify;
+  justify-content: space-between; }
 
-.hrms-mt-xl {
-  margin-top: 24px; }
+.hrms-flex--center, .hrms-emp-mapping__preview-header, .hrms-pagination__buttons {
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center; }
 
-.hrms-mb-xs {
-  margin-bottom: 8px; }
+.hrms-flex--gap-10, .hrms-pagination__buttons {
+  grid-gap: 10px;
+  gap: 10px; }
 
-.hrms-mb-sm {
-  margin-bottom: 10px; }
+.hrms-flex--end {
+  -webkit-box-pack: end;
+  -ms-flex-pack: end;
+  justify-content: flex-end; }
 
-.hrms-mb-md {
-  margin-bottom: 12px; }
+.hrms-spacing--mapping-header {
+  margin-top: 30px;
+  margin-bottom: 15px; }
+  @media (max-width: 768px) {
+    .hrms-spacing--mapping-header {
+      -webkit-box-orient: vertical;
+      -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+      flex-direction: column;
+      -webkit-box-align: start !important;
+      -ms-flex-align: start !important;
+      align-items: flex-start !important;
+      grid-gap: 12px;
+      gap: 12px; } }
 
-.hrms-mb-base {
-  margin-bottom: 16px; }
-
-.hrms-mb-lg {
-  margin-bottom: 20px; }
-
-.hrms-mb-xl {
-  margin-bottom: 24px; }
-
-.hrms-ml-xs {
-  margin-left: 8px; }
-
-.hrms-ml-sm {
-  margin-left: 10px; }
-
-.hrms-ml-md {
-  margin-left: 12px; }
-
-.hrms-ml-base {
-  margin-left: 16px; }
-
-.hrms-mr-0 {
-  margin-right: 0; }
-
-.hrms-p-xs {
-  padding: 8px; }
-
-.hrms-p-sm {
-  padding: 10px; }
-
-.hrms-p-md {
-  padding: 12px; }
-
-.hrms-p-base {
-  padding: 16px; }
-
-.hrms-p-lg {
-  padding: 20px; }
-
-.hrms-text-bold {
-  font-weight: 700; }
-
-.hrms-text-semibold {
-  font-weight: 600; }
-
-.hrms-text-medium {
-  font-weight: 500; }
-
-.hrms-text-lg {
-  font-size: 18px; }
-
-.hrms-text-xl {
-  font-size: 28px; }
-
-.hrms-text-accent {
-  color: #f47738; }
+.hrms-spacing--section-bottom {
+  margin-bottom: 15px; }
+  @media (max-width: 768px) {
+    .hrms-spacing--section-bottom {
+      -webkit-box-pack: stretch !important;
+      -ms-flex-pack: stretch !important;
+      justify-content: stretch !important; }
+      .hrms-spacing--section-bottom button {
+        width: 100%; } }
+
+.hrms-btn, .hrms-emp-mapping__search-button, .hrms-emp-mapping__clear-button, .hrms-emp-mapping__add-button, .hrms-emp-mapping__add-to-list-button, .hrms-pagination__btn {
+  border: none;
+  padding: 10px 20px;
+  border-radius: 4px;
+  cursor: pointer;
+  font-weight: 500;
+  font-size: 14px; }
+  .hrms-btn--primary, .hrms-emp-mapping__search-button, .hrms-emp-mapping__add-button, .hrms-emp-mapping__add-to-list-button {
+    background: linear-gradient(135deg, #2563eb, #1e40af);
+    color: #fff; }
+    .hrms-btn--primary:hover, .hrms-emp-mapping__search-button:hover, .hrms-emp-mapping__add-button:hover, .hrms-emp-mapping__add-to-list-button:hover {
+      opacity: .9; }
+    .hrms-btn--primary.disabled, .disabled.hrms-emp-mapping__search-button, .disabled.hrms-emp-mapping__add-button, .disabled.hrms-emp-mapping__add-to-list-button, .hrms-btn--primary:disabled, .hrms-emp-mapping__search-button:disabled, .hrms-emp-mapping__add-button:disabled, .hrms-emp-mapping__add-to-list-button:disabled {
+      background: #ccc;
+      cursor: not-allowed;
+      opacity: .6; }
+  .hrms-btn--secondary, .hrms-emp-mapping__clear-button {
+    background-color: #fff;
+    color: linear-gradient(135deg, #2563eb, #1e40af);
+    border: 1px solid;
+    border-image-source: linear-gradient(135deg, #2563eb, #1e40af);
+    border-image-slice: 1; }
+    .hrms-btn--secondary.disabled, .disabled.hrms-emp-mapping__clear-button, .hrms-btn--secondary:disabled, .hrms-emp-mapping__clear-button:disabled {
+      cursor: not-allowed;
+      opacity: .5; }
+  .hrms-btn--pagination, .hrms-pagination__btn {
+    padding: 8px 16px;
+    border: 1px solid #ddd;
+    background-color: #fff;
+    border-radius: 4px; }
+    .hrms-btn--pagination.disabled, .disabled.hrms-pagination__btn, .hrms-btn--pagination:disabled, .hrms-pagination__btn:disabled, .hrms-btn--pagination:hover:not(:disabled):not(.disabled), .hrms-pagination__btn:hover:not(:disabled):not(.disabled) {
+      background-color: #f5f5f5; }
+    .hrms-btn--pagination.disabled, .disabled.hrms-pagination__btn, .hrms-btn--pagination:disabled, .hrms-pagination__btn:disabled {
+      cursor: not-allowed;
+      opacity: .5; }
+  .hrms-btn--delete {
+    background: none;
+    border: none;
+    color: #d4351c;
+    cursor: pointer;
+    font-size: 13px;
+    padding: 4px 8px;
+    border-radius: 4px; }
+    .hrms-btn--delete:hover {
+      background-color: #fee2e2; }
+    .hrms-btn--delete:disabled {
+      cursor: not-allowed;
+      opacity: .5; }
+
+.hrms-table td, .hrms-emp-mapping__table td {
+  padding: 12px;
+  font-size: 14px; }
 
-.hrms-text-secondary {
-  color: #505a5f; }
+.hrms-select, .hrms-pagination__page-size-select {
+  padding: 6px 12px;
+  border: 1px solid #ddd;
+  border-radius: 4px;
+  font-size: 14px;
+  cursor: pointer; }
+  .hrms-select:focus, .hrms-pagination__page-size-select:focus {
+    outline: none;
+    border-color: #2563eb; }
 
-.hrms-text-primary {
-  color: #0b0c0c; }
+.hrms-pagination-container, .hrms-pagination__controls {
+  -webkit-box-pack: justify;
+  -ms-flex-pack: justify;
+  justify-content: space-between;
+  margin-top: 20px;
+  padding: 10px 0; }
+  @media (max-width: 768px) {
+    .hrms-pagination-container, .hrms-pagination__controls {
+      -webkit-box-orient: vertical;
+      -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+      flex-direction: column;
+      grid-gap: 16px;
+      gap: 16px;
+      -webkit-box-align: stretch;
+      -ms-flex-align: stretch;
+      align-items: stretch; } }
 
-.hrms-bg-light {
-  background-color: #f9f9f9; }
+.hrms-page-size, .hrms-pagination__page-size-selector, .hrms-pagination-container, .hrms-pagination__controls {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center; }
 
-.hrms-bg-lighter {
-  background-color: #fafafa; }
+.hrms-page-size, .hrms-pagination__page-size-selector {
+  grid-gap: 10px;
+  gap: 10px;
+  margin-bottom: 15px; }
+  .hrms-page-size--right, .hrms-pagination__page-size-selector {
+    -webkit-box-pack: end;
+    -ms-flex-pack: end;
+    justify-content: flex-end; }
+  @media (max-width: 768px) {
+    .hrms-page-size, .hrms-pagination__page-size-selector {
+      -webkit-box-pack: justify;
+      -ms-flex-pack: justify;
+      justify-content: space-between;
+      margin-bottom: 12px; } }
 
-.hrms-bg-white {
-  background-color: #fff; }
+.field .radio-wrap {
+  display: -webkit-box !important;
+  display: -ms-flexbox !important;
+  display: flex !important;
+  -webkit-box-orient: horizontal !important;
+  -webkit-box-direction: normal !important;
+  -ms-flex-direction: row !important;
+  flex-direction: row !important;
+  grid-gap: 24px;
+  gap: 24px; }
+  .field .radio-wrap div {
+    display: -webkit-inline-box !important;
+    display: -ms-inline-flexbox !important;
+    display: inline-flex !important;
+    margin-bottom: 0 !important;
+    -webkit-box-align: center !important;
+    -ms-flex-align: center !important;
+    align-items: center !important; }
+  .field .radio-wrap label {
+    margin-left: 8px !important;
+    line-height: normal !important; }
 
 .hrms-breadcrumb-wrapper {
   display: -webkit-box;
@@ -17870,9 +18329,13 @@ body {
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
   padding: 16px 20px 10px;
   border-bottom: 1px solid #e0e0e0;
-  background: #fff; }
+  background: #fff;
+  margin-top: 3rem; }
   @media (max-width: 768px) {
     .hrms-breadcrumb-wrapper {
       padding-left: 12px;
@@ -17880,43 +18343,6 @@ body {
       padding-right: 12px;
       padding-top: 12px; } }
 
-.hrms-breadcrumb-back-link, .hrms-breadcrumb-wrapper {
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center; }
-
-.hrms-breadcrumb-back-link {
-  display: -webkit-inline-box;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  grid-gap: 6px;
-  gap: 6px;
-  color: #505a5f;
-  text-decoration: none;
-  font-size: 14px;
-  font-weight: 500;
-  -webkit-transition: all .2s ease;
-  transition: all .2s ease;
-  padding: 6px 12px;
-  border-radius: 4px;
-  white-space: nowrap; }
-  .hrms-breadcrumb-back-link .back-arrow {
-    font-size: 16px;
-    font-weight: 600;
-    line-height: 1; }
-  .hrms-breadcrumb-back-link:hover {
-    color: #0b4b66;
-    background-color: #f7f7f7; }
-  .hrms-breadcrumb-back-link:active {
-    background-color: #e8e8e8; }
-  @media (max-width: 768px) {
-    .hrms-breadcrumb-back-link {
-      padding-left: 8px;
-      padding-bottom: 4px;
-      padding-right: 8px;
-      padding-top: 4px;
-      font-size: 13px; } }
-
 .hrms-card {
   padding: 20px;
   margin: 10px 0;
@@ -17924,485 +18350,531 @@ body {
   border-radius: 4px;
   background-color: #fff; }
 
-.hrms-card-light {
-  background-color: #f9f9f9;
-  padding: 15px; }
-
 .hrms-card-header {
   font-size: 28px;
   font-weight: 400;
   color: #1c1d1f; }
 
-.hrms-form-section {
-  margin-bottom: 24px; }
-
-.hrms-form-header {
-  font-size: 18px;
-  font-weight: 700;
-  margin-bottom: 16px; }
-
-.hrms-form-grid {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -ms-flex-wrap: wrap;
-  flex-wrap: wrap;
-  grid-gap: 2%;
-  gap: 2%; }
-  .hrms-form-grid__item {
-    -webkit-box-flex: 0;
-    -ms-flex: 0 0 48%;
-    flex: 0 0 48%;
-    margin: 1%; }
-    @media (max-width: 768px) {
-      .hrms-form-grid__item {
-        -webkit-box-flex: 0;
-        -ms-flex: 0 0 100%;
-        flex: 0 0 100%; } }
+.hrms-badge {
+  padding: 4px 12px;
+  border-radius: 16px;
+  font-size: 12px;
+  font-weight: 500;
+  display: inline-block;
+  text-align: center; }
+  .hrms-badge--category {
+    background-color: #e0f2fe;
+    color: #0369a1; }
+  .hrms-badge--zone {
+    background-color: #d1f2eb;
+    color: #0d6759; }
+  .hrms-badge--role {
+    background-color: #e9d5ff;
+    color: #7c3aed; }
 
-.hrms-form-field {
-  margin-bottom: 24px; }
+@media (max-width: 640px) {
+  .hrms-header-wrapper {
+    margin-left: -12px; } }
 
-.hrms-form-actions {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: justify;
-  -ms-flex-pack: justify;
-  justify-content: space-between;
-  margin-top: 20px; }
+.hrms-document-link {
+  min-width: 160px;
+  margin-right: 20px;
+  cursor: pointer;
+  display: inline-block; }
 
-.hrms-assignment-card, .hrms-jurisdiction-card {
-  padding: 12px;
-  border: 1px solid #ddd;
-  border-radius: 4px;
-  margin-bottom: 10px;
-  background: #fff; }
+.hrms-document-svg {
+  background: #f6f6f6;
+  padding: 8px;
+  margin-left: 15px; }
 
-.hrms-card-actions {
-  -webkit-box-pack: end;
-  -ms-flex-pack: end;
-  justify-content: flex-end;
-  grid-gap: 10px;
-  gap: 10px;
-  margin-top: 10px; }
+.hrms-document-name {
+  margin-top: 8px;
+  max-width: 196px; }
 
-.hrms-card-actions, .hrms-item-header {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex; }
+.hrms-jurisdiction-status-table {
+  max-width: 640px;
+  border: 1px solid #d6d5d4;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  width: auto;
+  padding: .2rem;
+  margin-bottom: 2rem; }
 
-.hrms-item-header {
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  grid-gap: 8px;
-  gap: 8px; }
+.hrms-section-title {
+  padding-bottom: 2rem; }
 
-.hrms-inbox-header {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: justify;
-  -ms-flex-pack: justify;
-  justify-content: space-between;
-  padding: 16px;
-  border-bottom: 1px solid #e0e0e0; }
+.hrms-card .card-header {
+  font-size: 28px;
+  font-weight: 400;
+  color: #1c1d1f; }
 
-.hrms-inbox-row {
-  padding: 12px;
-  margin-bottom: 8px;
-  background-color: #fafafa; }
+.hrms-emp-mapping__container {
+  padding: 20px; }
   @media (max-width: 768px) {
-    .hrms-inbox-row {
+    .hrms-emp-mapping__container {
       padding-left: 10px;
       padding-bottom: 10px;
       padding-right: 10px;
       padding-top: 10px; } }
 
-.hrms-inbox-actions {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  grid-gap: 10px;
-  gap: 10px;
-  margin-left: 10px; }
+.hrms-emp-mapping__header {
+  margin-left: 15px;
+  color: red; }
+  @media (max-width: 768px) {
+    .hrms-emp-mapping__header {
+      margin-left: 1vw; } }
 
-.hrms-filter-container {
-  margin-bottom: 16px; }
+.hrms-emp-mapping__results-card, .hrms-emp-mapping__search-card {
+  margin-top: 20px; }
+
+.hrms-emp-mapping__results-heading, .hrms-emp-mapping__search-heading {
+  margin: 0 0 20px;
+  font-size: 18px;
+  font-weight: 600; }
+
+.hrms-emp-mapping__results-heading {
+  margin-bottom: 16px;
+  color: #333; }
 
-.hrms-filter-grid {
+.hrms-emp-mapping__filter-grid {
   display: grid;
-  grid-template-columns: 1fr 1fr;
+  grid-template-columns: repeat(3, 1fr);
   grid-gap: 16px;
   gap: 16px; }
   @media (max-width: 768px) {
-    .hrms-filter-grid {
+    .hrms-emp-mapping__filter-grid {
       grid-template-columns: 1fr; } }
 
-.hrms-badge {
-  padding: 4px 12px;
-  border-radius: 16px;
-  font-size: 12px;
-  font-weight: 500;
-  display: inline-block;
-  text-align: center; }
-  .hrms-badge--category {
-    background-color: #e0f2fe;
-    color: #0369a1; }
-  .hrms-badge--subcategory {
-    background-color: #dbeafe;
-    color: #1e40af; }
-  .hrms-badge--zone {
-    background-color: #d1f2eb;
-    color: #0d6759; }
-  .hrms-badge--role {
-    background-color: #e9d5ff;
-    color: #7c3aed; }
+.hrms-emp-mapping__required-asterisk {
+  color: red; }
 
-.hrms-response-container {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
+.hrms-emp-mapping__button-container {
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
-  margin-top: 24px; }
+  margin-top: 20px;
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap; }
 
-.hrms-details-section {
-  margin-top: 20px; }
+.hrms-emp-mapping__action-buttons, .hrms-emp-mapping__button-container {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  grid-gap: 10px;
+  gap: 10px; }
+
+.hrms-emp-mapping__search-button {
+  padding: 10px 24px; }
+  .hrms-emp-mapping__search-button--disabled {
+    background: #ccc;
+    cursor: not-allowed;
+    opacity: .6; }
+
+.hrms-emp-mapping__clear-button {
+  padding: 10px 24px; }
+  .hrms-emp-mapping__clear-button--disabled {
+    cursor: not-allowed;
+    opacity: .5; }
+
+.hrms-emp-mapping__no-data {
+  text-align: center;
+  padding: 40px;
+  color: #505a5f;
+  font-size: 16px; }
+
+.hrms-emp-mapping__modal-header {
+  padding: 20px;
+  border-bottom: 1px solid #e5e5e5; }
 
-.hrms-details-grid {
+.hrms-emp-mapping__modal-content {
+  padding: 24px;
+  max-height: 70vh;
+  overflow-y: auto; }
+
+.hrms-emp-mapping__toast {
+  padding: 16px;
+  border-radius: 4px;
+  margin-bottom: 16px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-  -ms-flex-wrap: wrap;
-  flex-wrap: wrap; }
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  grid-gap: 12px;
+  gap: 12px; }
+  .hrms-emp-mapping__toast--success {
+    background-color: #d4edda;
+    border: 1px solid #c3e6cb;
+    color: #155724; }
+  .hrms-emp-mapping__toast--error {
+    background-color: #f8d7da;
+    border: 1px solid #f5c6cb;
+    color: #721c24; }
+  .hrms-emp-mapping__toast--info {
+    background-color: #d1ecf1;
+    border: 1px solid #bee5eb;
+    color: #0c5460; }
+
+.hrms-emp-mapping__toast-message {
+  -webkit-box-flex: 1;
+  -ms-flex: 1;
+  flex: 1; }
 
-.hrms-divider {
-  border-bottom: 1px solid #e0e0e0; }
+.hrms-emp-mapping__toast-close-btn {
+  background: none;
+  border: none;
+  cursor: pointer;
+  font-size: 18px;
+  color: inherit;
+  padding: 0; }
+  .hrms-emp-mapping__toast-close-btn:hover {
+    opacity: .7; }
 
-.hrms-section-bg {
-  background-color: #f9f9f9;
-  padding: 15px;
+.hrms-emp-mapping__form-group {
+  margin-bottom: 20px; }
+
+.hrms-emp-mapping__label {
+  display: block;
+  margin-bottom: 8px;
+  font-weight: 500;
+  color: #333; }
+
+.hrms-emp-mapping__input {
+  width: 100%;
+  padding: 10px 12px;
+  border: 1px solid #d1d5db;
+  border-radius: 4px;
+  font-size: 14px; }
+  .hrms-emp-mapping__input:focus {
+    outline: none;
+    border-color: #2563eb;
+    -webkit-box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
+    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1); }
+  .hrms-emp-mapping__input:disabled {
+    background-color: #f3f4f6;
+    cursor: not-allowed; }
+
+.hrms-emp-mapping__add-to-list-button {
+  width: 100%;
+  padding: 12px;
+  margin-top: 20px; }
+  .hrms-emp-mapping__add-to-list-button--disabled {
+    background: #ccc;
+    cursor: not-allowed;
+    opacity: .6; }
+
+.hrms-emp-mapping__preview-section {
+  margin-top: 24px;
+  padding-top: 24px;
+  border-top: 2px solid #e5e5e5; }
+
+.hrms-emp-mapping__preview-header {
+  margin-bottom: 10px; }
+
+.hrms-emp-mapping__preview-heading {
+  margin: 0 0 16px;
+  font-size: 16px;
+  font-weight: 600;
+  color: #333; }
+
+.hrms-emp-mapping__clear-list-button {
+  padding: 6px 12px;
+  background-color: #f3f3f3;
+  border: 1px solid #d6d5d5;
+  border-radius: 4px;
+  cursor: pointer;
+  font-size: 13px;
+  color: #505a5f !important; }
+  .hrms-emp-mapping__clear-list-button:hover {
+    background-color: #e5e5e5; }
+
+.hrms-emp-mapping__preview-empty {
+  text-align: center;
+  padding: 40px;
+  color: #999;
+  font-style: italic; }
+
+.hrms-emp-mapping__preview-table-wrapper {
+  max-height: 300px;
+  overflow-y: auto;
+  border: 1px solid #e5e5e5;
   border-radius: 4px; }
 
-.hrms-cursor-pointer {
-  cursor: pointer; }
+.hrms-emp-mapping__preview-table {
+  width: 100%;
+  border-collapse: collapse;
+  font-size: 14px; }
+  .hrms-emp-mapping__preview-table thead {
+    position: sticky;
+    top: 0;
+    z-index: 10; }
+  .hrms-emp-mapping__preview-table th, .hrms-emp-mapping__preview-table thead {
+    background-color: #f9fafb; }
+  .hrms-emp-mapping__preview-table th {
+    text-align: left;
+    font-weight: 600;
+    color: #374151;
+    border-bottom: 2px solid #e5e5e5; }
+  .hrms-emp-mapping__preview-table td, .hrms-emp-mapping__preview-table th {
+    padding: 12px; }
+  .hrms-emp-mapping__preview-table td {
+    border-bottom: 1px solid #f3f4f6;
+    color: #4b5563; }
+  .hrms-emp-mapping__preview-table tbody tr:hover {
+    background-color: #f9fafb; }
+  .hrms-emp-mapping__preview-table tbody tr:last-child td {
+    border-bottom: none; }
 
-@media (max-width: 768px) {
-  .hrms-mobile-full {
-    width: 100%; }
-  .hrms-mobile-p-sm {
-    padding: 10px; }
-  .hrms-mobile-mb-xs {
-    margin-bottom: 8px; } }
-
-.hrms-grid-2 {
-  grid-template-columns: 1fr 1fr;
-  grid-gap: 16px; }
-  @media (max-width: 768px) {
-    .hrms-grid-2 {
-      grid-template-columns: 1fr; } }
+.hrms-emp-mapping__table-action-cell {
+  text-align: center;
+  width: 80px; }
 
-.hrms-grid-2, .hrms-grid-3 {
-  display: grid;
-  gap: 16px; }
+.hrms-emp-mapping__employee-link {
+  color: #a82227;
+  font-weight: 600;
+  text-decoration: none; }
+  .hrms-emp-mapping__employee-link:hover {
+    text-decoration: underline; }
 
-.hrms-grid-3 {
-  grid-template-columns: repeat(3, 1fr);
-  grid-gap: 16px; }
-  @media (max-width: 768px) {
-    .hrms-grid-3 {
-      grid-template-columns: 1fr; } }
+.hrms-emp-mapping__no-search {
+  text-align: center;
+  padding: 60px 20px;
+  color: #505a5f; }
+  .hrms-emp-mapping__no-search-icon {
+    font-size: 48px;
+    margin-bottom: 16px; }
+  .hrms-emp-mapping__no-search-title {
+    margin: 0 0 8px;
+    color: #505a5f; }
+  .hrms-emp-mapping__no-search-text {
+    margin: 0;
+    font-size: 14px; }
 
 .hrms-header-wrapper {
   margin-left: 15px; }
   @media (max-width: 640px) {
     .hrms-header-wrapper {
       margin-left: -12px; } }
+  .hrms-header-wrapper--error {
+    font-family: Calibri,sans-serif;
+    color: red; }
 
-.hrms-document-link {
-  min-width: 160px;
-  margin-right: 20px;
+.hrms-badge-container {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap;
+  grid-gap: 4px;
+  gap: 4px;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center; }
+
+.hrms-filter__clear-search-icon {
+  border: 1px solid #e0e0e0;
+  padding: 6px;
   cursor: pointer;
-  display: inline-block; }
+  display: -webkit-inline-box;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  border-radius: 4px; }
+  .hrms-filter__clear-search-icon:hover {
+    background-color: #f5f5f5; }
 
-.hrms-document-svg {
-  background: #f6f6f6;
-  padding: 8px;
-  margin-left: 15px; }
+.hrms-filter__apply-bar {
+  -webkit-box-flex: 1;
+  -ms-flex: 1;
+  flex: 1; }
 
-.hrms-document-name {
-  margin-top: 8px;
-  max-width: 196px; }
+.hrms-close-btn {
+  background-color: #fff;
+  cursor: pointer; }
+  .hrms-close-btn:hover {
+    opacity: .8; }
 
-.hrms-jurisdiction-status-table {
-  max-width: 640px;
-  border: 1px solid #d6d5d4;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  width: auto;
-  padding: .2rem;
-  margin-bottom: 2rem; }
+.hrms-pagination__page-size-selector span {
+  color: #666;
+  font-size: 14px; }
 
-.hrms-section-title {
-  padding-bottom: 2rem; }
+.hrms-pagination__info, .hrms-pagination__page-info {
+  color: #666;
+  font-size: 14px; }
 
-.hrms-card .card-header {
-  font-size: 28px;
-  font-weight: 400;
-  color: #1c1d1f; }
+.hrms-pagination__btn--disabled {
+  background-color: #f5f5f5;
+  cursor: not-allowed;
+  opacity: .5; }
 
-.hrms-delete-btn {
-  background: none;
-  border: none;
-  color: #d4351c;
-  cursor: pointer;
-  font-size: 14px;
-  font-weight: 500;
-  padding: 0; }
-  .hrms-delete-btn:hover {
-    text-decoration: underline; }
-  .hrms-delete-btn:disabled {
-    opacity: .5;
-    cursor: not-allowed; }
+.hrms-breadcrumb {
+  font-size: 16px; }
+  .hrms-breadcrumb span {
+    font-weight: 500; }
 
-.employee-quick-service-link {
-  text-decoration: none;
-  display: block; }
+.hrms-mobile-cards {
+  display: none; }
+  @media (max-width: 768px) {
+    .hrms-mobile-cards {
+      display: block; } }
 
-.employee-quick-service-card {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: stretch;
-  -ms-flex-align: stretch;
-  align-items: stretch;
-  border-radius: 16px;
-  overflow: hidden;
-  -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
-  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
-  -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-  -webkit-transform: translateY(0) scale(1);
-  transform: translateY(0) scale(1);
-  background: #fff;
-  position: relative;
-  border: 2px solid transparent;
-  width: 400px;
-  height: 140px;
-  min-height: 140px;
-  max-height: 140px; }
+.hrms-desktop-table {
+  display: table; }
   @media (max-width: 768px) {
-    .employee-quick-service-card {
-      width: 100%;
-      height: 120px;
-      min-height: 120px;
-      max-height: 120px; } }
-  .employee-quick-service-card.hovered {
-    -webkit-box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15);
-    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.15);
-    -webkit-transform: translateY(-4px) scale(1.02);
-    transform: translateY(-4px) scale(1.02);
-    border: 2px solid rgba(79, 101, 216, 0.3); }
+    .hrms-desktop-table {
+      display: none !important; } }
 
-.card-icon-container {
+.hrms-mobile-card {
+  background: #fff;
+  border: 1px solid #e5e5e5;
+  border-radius: 8px;
+  padding: 16px;
+  margin-bottom: 16px;
+  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); }
+  .hrms-mobile-card__row {
+    display: -webkit-box;
+    display: -ms-flexbox;
+    display: flex;
+    -webkit-box-pack: justify;
+    -ms-flex-pack: justify;
+    justify-content: space-between;
+    -webkit-box-align: start;
+    -ms-flex-align: start;
+    align-items: flex-start;
+    padding: 8px 0;
+    border-bottom: 1px solid #f3f4f6; }
+    .hrms-mobile-card__row:last-of-type {
+      border-bottom: none; }
+    .hrms-mobile-card__row--full {
+      -webkit-box-orient: vertical;
+      -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+      flex-direction: column;
+      -webkit-box-align: start;
+      -ms-flex-align: start;
+      align-items: flex-start;
+      grid-gap: 8px;
+      gap: 8px; }
+  .hrms-mobile-card__label {
+    font-weight: 600;
+    color: #374151;
+    font-size: 13px;
+    min-width: 100px; }
+  .hrms-mobile-card__delete-btn {
+    width: 100%;
+    margin-top: 12px;
+    padding: 10px;
+    font-size: 14px; }
+
+.hrms-text-secondary {
+  color: #6b7280;
+  font-size: 13px; }
+
+.hrms-w-full-form {
+  width: 100% !important; }
+
+.zero-margin-padding {
+  margin: 0 !important;
+  padding: 0 !important; }
+
+.auto-height-box-43 {
+  height: auto;
+  min-height: 40px;
+  max-height: 40px;
+  width: 43%;
+  margin: 5px;
+  padding: 0; }
+
+.center-flex-desktop {
+  margin: 0;
+  padding: 0;
+  width: 46%; }
+
+.center-flex-desktop, .center-flex-mobile {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
-  justify-content: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  min-width: 120px;
-  width: 120px;
-  padding: 24px;
-  background: linear-gradient(135deg, #667eea, #764ba2);
-  position: relative;
-  overflow: hidden; }
-  @media (max-width: 768px) {
-    .card-icon-container {
-      min-width: 80px;
-      width: 80px;
-      padding-left: 16px;
-      padding-bottom: 16px;
-      padding-right: 16px;
-      padding-top: 16px; } }
-  .card-icon-container .employee-quick-service-link {
-    width: 100%; }
+  justify-content: center; }
 
-.card-background-circle {
-  position: absolute;
-  width: 150px;
-  height: 150px;
-  background: rgba(255, 255, 255, 0.1);
-  border-radius: 50%;
-  top: -50px;
-  right: -50px;
-  -webkit-transition: -webkit-transform .5s ease;
-  transition: -webkit-transform .5s ease;
-  transition: transform .5s ease;
-  transition: transform .5s ease, -webkit-transform .5s ease;
-  transition: transform .5s ease,-webkit-transform .5s ease;
-  -webkit-transform: scale(1);
-  transform: scale(1); }
-  @media (max-width: 768px) {
-    .card-background-circle {
-      width: 100px;
-      height: 100px;
-      top: -40px;
-      right: -40px; } }
-  .hovered .card-background-circle {
-    -webkit-transform: scale(1.5);
-    transform: scale(1.5); }
+.center-flex-mobile {
+  width: 80%;
+  margin-bottom: 10px; }
 
-.card-icon-wrapper {
-  -webkit-transform: scale(1) rotate(0deg);
-  transform: scale(1) rotate(0deg);
-  -webkit-transition: -webkit-transform .3s ease;
-  transition: -webkit-transform .3s ease;
-  transition: transform .3s ease;
-  transition: transform .3s ease, -webkit-transform .3s ease;
-  transition: transform .3s ease,-webkit-transform .3s ease;
-  z-index: 1;
-  -webkit-filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.2));
-  filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.2)); }
-  .hovered .card-icon-wrapper {
-    -webkit-transform: scale(1.15) rotate(5deg);
-    transform: scale(1.15) rotate(5deg); }
+.video-preview {
+  width: 100%;
+  border-radius: 8px;
+  background: #000; }
 
-.card-content-container {
-  -webkit-box-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
+.upload-container-flex {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
+  -webkit-box-pack: start;
+  -ms-flex-pack: start;
+  justify-content: flex-start;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
-  -webkit-box-pack: justify;
-  -ms-flex-pack: justify;
-  justify-content: space-between;
-  padding: 24px 32px;
-  background: #fff; }
-  @media (max-width: 768px) {
-    .card-content-container {
-      padding-left: 20px;
-      padding-bottom: 16px;
-      padding-right: 20px;
-      padding-top: 16px; } }
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap;
+  margin: 0;
+  padding: 0; }
 
-.card-text-content {
-  -webkit-box-flex: 1;
-  -ms-flex: 1;
-  flex: 1; }
+.upload-file-min-height {
+  min-height: 50px; }
 
-.card-module-title {
-  font-size: 22px;
-  font-weight: 700;
-  color: #1a202c;
-  margin: 0;
-  line-height: 1.3;
-  -webkit-transition: color .3s ease;
-  transition: color .3s ease;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: normal; }
-  @media (max-width: 768px) {
-    .card-module-title {
-      font-size: 16px;
-      white-space: nowrap; } }
+.upload-file-button {
+  height: auto;
+  min-height: 40px;
+  max-height: 40px;
+  width: 43%;
+  margin: 5px;
+  padding: 0; }
 
-.card-module-description {
-  font-size: 14px;
-  color: #718096;
-  margin: 6px 0 0;
-  font-weight: 400;
-  display: block; }
-  @media (max-width: 768px) {
-    .card-module-description {
-      font-size: 12px;
-      display: none; } }
+.upload-hidden {
+  display: none; }
 
-.card-arrow-container {
+.upload-tag-container {
+  margin: 0;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
-  width: 40px;
-  height: 40px;
-  border-radius: 50%;
-  background: #f7fafc;
-  -webkit-transition: all .3s ease;
-  transition: all .3s ease;
-  -webkit-transform: translateX(0);
-  transform: translateX(0); }
-  @media (max-width: 768px) {
-    .card-arrow-container {
-      width: 32px;
-      height: 32px; } }
-  .hovered .card-arrow-container {
-    background: linear-gradient(135deg, #667eea, #764ba2);
-    -webkit-transform: translateX(4px);
-    transform: translateX(4px); }
-
-.card-arrow-svg {
-  -webkit-transition: -webkit-transform .3s ease;
-  transition: -webkit-transform .3s ease;
-  transition: transform .3s ease;
-  transition: transform .3s ease, -webkit-transform .3s ease;
-  transition: transform .3s ease,-webkit-transform .3s ease;
-  -webkit-transform: translateX(0);
-  transform: translateX(0); }
-  .hovered .card-arrow-svg {
-    -webkit-transform: translateX(2px);
-    transform: translateX(2px); }
+  padding: 0;
+  width: 46%; }
 
-.card-arrow-path {
-  stroke: #4a5568;
-  stroke-width: 2;
-  stroke-linecap: round;
-  stroke-linejoin: round; }
-  .hovered .card-arrow-path {
-    stroke: #fff; }
+.view-doc-container {
+  margin-bottom: 10px; }
 
-.card-shine-effect {
-  position: absolute;
-  top: 0;
-  left: -100%;
-  width: 100%;
-  height: 100%;
-  background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(rgba(255, 255, 255, 0.3)), to(transparent));
-  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
-  -webkit-animation: shine .6s ease;
-  animation: shine .6s ease;
-  pointer-events: none; }
+.upload-file-input {
+  width: 43%;
+  min-height: 42px;
+  max-height: 42px;
+  top: 5px;
+  left: 5px; }
 
-@-webkit-keyframes shine {
-  0% {
-    left: -100%; }
-  to {
-    left: 100%; } }
+.error-text {
+  color: red; }
 
-@keyframes shine {
-  0% {
-    left: -100%; }
-  to {
-    left: 100%; } }
+@media (max-width: 768px) {
+  .upload-tag-container {
+    width: 80%; } }
 
 .display-none {
   display: none; }