@pmidc/upyog-css 1.1.10 → 1.1.11

package/dist/index.css

@@ -906,34 +906,57 @@ body {
   margin-left: 16px; }
 
 .link-label {
-  color: #2947a3;
-  color: rgba(41, 71, 163, var(--text-opacity));
-  margin-bottom: 16px;
-  margin-left: 16px;
-  cursor: pointer; }
+  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;
+  height: 40px;
+  background: linear-gradient(135deg, #2563eb, #1e40af);
+  color: #fff !important;
+  text-align: center;
+  outline: none;
+  width: 175px;
+  border-radius: 8px;
+  border: none;
+  font-weight: 700;
+  font-size: 13px;
+  cursor: pointer;
+  -webkit-transition: all .2s ease;
+  transition: all .2s ease;
+  -webkit-box-shadow: 0 8px 20px rgba(37, 99, 235, 0.24);
+  box-shadow: 0 8px 20px rgba(37, 99, 235, 0.24);
+  margin: 0;
+  text-decoration: none; }
   .link-label:hover {
-    color: #2947a3;
-    color: rgba(41, 71, 163, var(--text-opacity)); }
-
-.back-btn, .link-label {
-  display: block;
-  font-size: 16px;
-  line-height: 24px;
-  --text-opacity:1;
-  --text-opacity:1; }
+    -webkit-transform: translateY(-2px);
+    transform: translateY(-2px);
+    -webkit-box-shadow: 0 12px 28px rgba(37, 99, 235, 0.32);
+    box-shadow: 0 12px 28px rgba(37, 99, 235, 0.32);
+    color: #fff !important; }
+  .link-label:focus {
+    outline: none; }
 
 .back-btn {
   width: -webkit-fit-content;
   width: -moz-fit-content;
   width: fit-content;
+  display: block;
   --border-opacity:1;
   border-color: #0d43a7;
   border-bottom: 1px;
   border-color: rgba(13, 67, 167, var(--border-opacity));
   border-style: solid;
   font-family: Roboto Condensed,sans-serif;
+  --text-opacity:1;
   color: #0d43a7;
   color: rgba(13, 67, 167, var(--text-opacity));
+  font-size: 16px;
+  line-height: 24px;
   margin-left: 8px;
   margin-top: 16px; }
   .back-btn label {
@@ -1049,13 +1072,13 @@ body {
 .citizen-and-architect-photo-clickable {
   cursor: pointer; }
 
-.clu-summary-page {
+.bpa-summary-page {
   padding: 2rem;
   background-color: #f9f9f9;
   font-family: Segoe UI,Tahoma,Geneva,Verdana,sans-serif;
   color: #333; }
 
-.clu-summary-heading {
+.bpa-summary-heading {
   font-size: 1.5rem;
   border-bottom: 2px solid #ccc;
   padding-bottom: .3rem;
@@ -1063,7 +1086,7 @@ body {
   margin-top: 2rem;
   margin-bottom: 1rem; }
 
-.clu-summary-section {
+.bpa-summary-section {
   background-color: #fff;
   padding: 1rem 1.5rem;
   border-radius: 8px;
@@ -1071,7 +1094,7 @@ body {
   -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); }
 
-.clu-summary-label-field-pair {
+.bpa-summary-label-field-pair {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -1082,7 +1105,7 @@ body {
   padding: .5rem 0;
   color: #333; }
 
-.clu-summary-bold-label {
+.bpa-summary-bold-label {
   font-weight: 700;
   color: #555; }
 
@@ -1126,6 +1149,117 @@ body {
   -ms-flex-align: center;
   align-items: center; }
 
+.bpa-stepper-form-container {
+  padding: 16px;
+  background: #f8fafc;
+  min-height: calc(100vh - 120px); }
+
+.bpa-stepper-form-section {
+  background: #fff;
+  border-radius: 12px;
+  padding: 20px 24px;
+  margin-bottom: 20px;
+  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
+  border: 1px solid #e5e7eb; }
+
+.bpa-section-header {
+  font-size: 18px !important;
+  font-weight: 600 !important;
+  margin-bottom: 16px !important;
+  padding-bottom: 12px !important;
+  border-bottom: 2px solid #e5e7eb !important; }
+
+.bpa-block-section {
+  background: #f8fafc;
+  border-radius: 8px;
+  padding: 16px;
+  margin-top: 16px;
+  border: 1px solid #e5e7eb; }
+
+.bpa-block-header {
+  font-size: 16px !important;
+  font-weight: 600 !important;
+  color: #374151 !important;
+  margin-bottom: 12px !important; }
+
+.bpa-table-container {
+  margin-top: 16px;
+  overflow-x: auto;
+  border-radius: 8px;
+  border: 1px solid #e5e7eb; }
+
+.bpa-stepper-form-section .status-table-container, .bpa-stepper-form-section .status-table-container .status-table {
+  margin: 0; }
+
+.bpa-stepper-form-section .row {
+  padding: 12px 0;
+  border-bottom: 1px dashed #e5e7eb; }
+
+.bpa-stepper-form-section .row:last-child {
+  border-bottom: none; }
+
+.bpa-stepper-form-section .row .key {
+  font-weight: 500;
+  color: #6b7280;
+  font-size: 14px; }
+
+.bpa-stepper-form-section .row .value {
+  font-weight: 600;
+  color: #1f2937;
+  font-size: 14px; }
+
+@media screen and (max-width: 768px) {
+  .bpa-stepper-form-container {
+    padding: 12px; }
+  .bpa-stepper-form-section {
+    padding: 16px;
+    margin-bottom: 16px;
+    border-radius: 10px; }
+  .bpa-section-header {
+    font-size: 16px !important;
+    margin-bottom: 12px !important;
+    padding-bottom: 10px !important; }
+  .bpa-block-section {
+    padding: 12px;
+    margin-top: 12px; }
+  .bpa-block-header {
+    font-size: 14px !important;
+    margin-bottom: 10px !important; }
+  .bpa-stepper-form-section .row {
+    padding: 10px 0; }
+  .bpa-stepper-form-section .row .key, .bpa-stepper-form-section .row .value {
+    font-size: 13px; } }
+
+@media screen and (max-width: 480px) {
+  .bpa-stepper-form-container {
+    padding: 8px; }
+  .bpa-stepper-form-section {
+    padding: 12px;
+    margin-bottom: 12px;
+    border-radius: 8px; }
+  .bpa-section-header {
+    font-size: 15px !important;
+    margin-bottom: 10px !important;
+    padding-bottom: 8px !important; }
+  .bpa-block-section {
+    padding: 10px;
+    margin-top: 10px; }
+  .bpa-block-header {
+    font-size: 13px !important; }
+  .bpa-stepper-form-section .row {
+    padding: 8px 0;
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+    -ms-flex-direction: column;
+    flex-direction: column;
+    grid-gap: 4px;
+    gap: 4px; }
+  .bpa-stepper-form-section .row .key, .bpa-stepper-form-section .row .value {
+    font-size: 12px; }
+  .bpa-table-container {
+    margin-top: 12px; } }
+
 .navbar {
   --bg-opacity:1;
   background-color: #22394d;
@@ -1487,19 +1621,17 @@ body {
   width: 100%; }
 
 .card {
-  background: linear-gradient(135deg, #fff, #f8fafb);
-  margin: 8px;
   padding: 20px 24px 28px;
   max-width: 95vw;
   width: 100%;
   border-radius: 14px;
-  border: 1px solid #e1e8f0;
   -webkit-box-shadow: 0 12px 32px rgba(30, 58, 138, 0.08), 0 4px 12px rgba(0, 0, 0, 0.04);
   box-shadow: 0 12px 32px rgba(30, 58, 138, 0.08), 0 4px 12px rgba(0, 0, 0, 0.04);
   -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);
   position: relative;
-  overflow: visible; }
+  overflow: visible;
+  margin-bottom: 15px; }
   .card .card-header {
     font-size: 20px;
     font-weight: 800;
@@ -1522,6 +1654,7 @@ body {
     color: #1e293b;
     text-align: left;
     margin-bottom: 8px;
+    margin-top: 20px;
     text-transform: uppercase;
     letter-spacing: .4px; }
   .card .card-caption {
@@ -1545,12 +1678,13 @@ body {
     font-size: 13px;
     font-weight: 700; }
   .card .card-label {
-    font-size: 12px;
+    font-size: 16px;
     color: #0f172a;
     margin-bottom: 8px;
     font-weight: 700;
     text-transform: uppercase;
-    letter-spacing: .5px; }
+    letter-spacing: .5px;
+    width: 100%; }
   .card .card-label-error {
     display: block;
     font-size: 12px;
@@ -1558,29 +1692,12 @@ body {
     margin-bottom: 16px;
     font-weight: 600; }
   .card .card-label-desc {
+    font-weight: 700;
     color: #475569;
+    font-size: 13px;
     margin-bottom: 16px;
     text-transform: uppercase;
     letter-spacing: .3px; }
-  .card .card-label-desc, .card .card-link {
-    font-weight: 700;
-    font-size: 13px; }
-  .card .card-link {
-    display: inline-block;
-    text-align: center;
-    color: #2563eb;
-    margin-top: 16px;
-    cursor: pointer;
-    padding: 8px 16px;
-    border-radius: 8px;
-    background: rgba(37, 99, 235, 0.08);
-    -webkit-transition: all .2s ease;
-    transition: all .2s ease;
-    text-decoration: none; }
-    .card .card-link:hover {
-      background: rgba(37, 99, 235, 0.16);
-      -webkit-transform: translateX(2px);
-      transform: translateX(2px); }
 
 .validation-error {
   display: block;
@@ -1655,7 +1772,7 @@ body {
     font-size: 13px;
     font-weight: 700; }
   .employeeCard .card-label {
-    font-size: 12px;
+    font-size: 16px;
     color: #0f172a;
     margin-bottom: 8px;
     font-weight: 700;
@@ -1668,29 +1785,12 @@ body {
     margin-bottom: 16px;
     font-weight: 600; }
   .employeeCard .card-label-desc {
+    font-weight: 700;
     color: #475569;
+    font-size: 13px;
     margin-bottom: 16px;
     text-transform: uppercase;
     letter-spacing: .3px; }
-  .employeeCard .card-label-desc, .employeeCard .card-link {
-    font-weight: 700;
-    font-size: 13px; }
-  .employeeCard .card-link {
-    display: inline-block;
-    text-align: left;
-    color: #2563eb;
-    margin-top: 12px;
-    cursor: pointer;
-    padding: 8px 12px;
-    border-radius: 8px;
-    background: rgba(37, 99, 235, 0.08);
-    -webkit-transition: all .2s ease;
-    transition: all .2s ease;
-    text-decoration: none; }
-    .employeeCard .card-link:hover {
-      background: rgba(37, 99, 235, 0.16);
-      -webkit-transform: translateX(2px);
-      transform: translateX(2px); }
   .employeeCard .card-search-heading {
     margin-right: 0 !important;
     margin-left: 0 !important;
@@ -1720,7 +1820,36 @@ body {
   border-radius: 14px;
   border: 1px solid #e1e8f0; }
 
-.submit-bar {
+.card-link {
+  height: 40px;
+  background: linear-gradient(135deg, #2563eb, #1e40af);
+  color: #fff;
+  text-align: center;
+  outline: none;
+  width: 175px;
+  border-radius: 8px;
+  border: none;
+  font-weight: 700;
+  font-size: 13px;
+  cursor: pointer;
+  -webkit-transition: all .2s ease;
+  transition: all .2s ease;
+  -webkit-box-shadow: 0 8px 20px rgba(37, 99, 235, 0.24);
+  box-shadow: 0 8px 20px rgba(37, 99, 235, 0.24); }
+  .card-link:hover {
+    -webkit-transform: translateY(-2px);
+    transform: translateY(-2px);
+    -webkit-box-shadow: 0 12px 28px rgba(37, 99, 235, 0.32);
+    box-shadow: 0 12px 28px rgba(37, 99, 235, 0.32); }
+  .card-link:focus {
+    outline: none; }
+  .card-link header {
+    font-weight: 600;
+    font-size: 12px;
+    color: #fff;
+    line-height: 40px; }
+
+.bpa-owner-submit-back, .submit-bar {
   height: 40px;
   background: linear-gradient(135deg, #2563eb, #1e40af);
   color: #fff;
@@ -1736,14 +1865,14 @@ body {
   transition: all .2s ease;
   -webkit-box-shadow: 0 8px 20px rgba(37, 99, 235, 0.24);
   box-shadow: 0 8px 20px rgba(37, 99, 235, 0.24); }
-  .submit-bar:hover {
+  .bpa-owner-submit-back:hover, .submit-bar:hover {
     -webkit-transform: translateY(-2px);
     transform: translateY(-2px);
     -webkit-box-shadow: 0 12px 28px rgba(37, 99, 235, 0.32);
     box-shadow: 0 12px 28px rgba(37, 99, 235, 0.32); }
-  .submit-bar:focus {
+  .bpa-owner-submit-back:focus, .submit-bar:focus {
     outline: none; }
-  .submit-bar header {
+  .bpa-owner-submit-back header, .submit-bar header {
     font-weight: 600;
     font-size: 12px;
     color: #fff;
@@ -1782,6 +1911,44 @@ body {
     -webkit-box-shadow: 0 4px 12px rgba(37, 99, 235, 0.15) !important;
     box-shadow: 0 4px 12px rgba(37, 99, 235, 0.15) !important; }
 
+.card-link.submit-bar, button.card-link.submit-bar {
+  height: 40px !important;
+  background: linear-gradient(135deg, #2563eb, #1e40af) !important;
+  color: #fff !important;
+  text-align: center !important;
+  outline: none !important;
+  width: 175px !important;
+  border-radius: 8px !important;
+  border: none !important;
+  font-weight: 700 !important;
+  font-size: 13px !important;
+  cursor: pointer !important;
+  -webkit-transition: all 0.2s ease !important;
+  transition: all 0.2s ease !important;
+  -webkit-box-shadow: 0 8px 20px rgba(37, 99, 235, 0.24) !important;
+  box-shadow: 0 8px 20px rgba(37, 99, 235, 0.24) !important;
+  display: -webkit-inline-box !important;
+  display: -ms-inline-flexbox !important;
+  display: inline-flex !important;
+  -webkit-box-align: center !important;
+  -ms-flex-align: center !important;
+  align-items: center !important;
+  -webkit-box-pack: center !important;
+  -ms-flex-pack: center !important;
+  justify-content: center !important;
+  padding: 0 16px !important;
+  margin: 0 !important;
+  text-decoration: none !important; }
+  .card-link.submit-bar:hover, button.card-link.submit-bar:hover {
+    -webkit-transform: translateY(-2px) !important;
+    transform: translateY(-2px) !important;
+    -webkit-box-shadow: 0 12px 28px rgba(37, 99, 235, 0.32) !important;
+    box-shadow: 0 12px 28px rgba(37, 99, 235, 0.32) !important;
+    background: linear-gradient(135deg, #2563eb, #1e40af) !important;
+    color: #fff !important; }
+  .card-link.submit-bar:focus, button.card-link.submit-bar:focus {
+    outline: none !important; }
+
 @media (min-width: 1024px) {
   .submit-bar, .submit-bar-disabled {
     width: 175px;
@@ -1803,8 +1970,6 @@ body {
       font-size: 14px; }
     .card .card-text, .card .card-text-primary {
       font-size: 16px; }
-    .card .card-link {
-      text-align: left; }
   .employeeCard {
     margin-bottom: 16px !important;
     margin-left: 16px !important;
@@ -1836,8 +2001,6 @@ body {
       font-size: 14px; }
     .employeeCard .card-text, .employeeCard .card-text-primary {
       font-size: 16px; }
-    .employeeCard .card-link {
-      text-align: left; }
     .employeeCard .label-field-pair {
       display: -webkit-box;
       display: -ms-flexbox;
@@ -2551,7 +2714,9 @@ body {
   align-items: center;
   background: #eee;
   border-right: 0;
-  padding-right: 5px; }
+  padding-right: 5px;
+  position: relative;
+  z-index: 0 !important; }
 
 .employee-card-input-error {
   padding-left: 8px;
@@ -5002,10 +5167,7 @@ video::-webkit-media-controls-panel {
 .multilink-link-button {
   margin: 0;
   font-size: 16px;
-  line-height: 24px;
-  --text-opacity:1;
-  color: #f18f5e;
-  color: rgba(241, 143, 94, var(--text-opacity)); }
+  line-height: 24px; }
 
 .multilink-optionWrap {
   right: 0;
@@ -5860,6 +6022,7 @@ video::-webkit-media-controls-panel {
       font-weight: 500;
       cursor: pointer; }
   .CardBasedOptions .mainContent {
+    margin: 15px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
@@ -5999,7 +6162,7 @@ video::-webkit-media-controls-panel {
   border-radius: 12px;
   padding: 24px;
   margin: 8px;
-  min-width: 200px;
+  min-width: 220px;
   -webkit-box-flex: 1;
   -ms-flex: 1 1 calc(25% - 16px);
   flex: 1 1 calc(25% - 16px);
@@ -7217,7 +7380,8 @@ video::-webkit-media-controls-panel {
 
 .employee-login-card {
   padding: 20px;
-  width: 650px;
+  width: 100%;
+  max-width: 650px;
   overflow: visible;
   position: relative;
   z-index: 1; }
@@ -7523,7 +7687,10 @@ video::-webkit-media-controls-panel {
   min-height: calc(100vh - 48px);
   display: -webkit-box !important;
   display: -ms-flexbox !important;
-  display: flex !important; }
+  display: flex !important;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  justify-content: center; }
 
 .citizen .sidebar, .employee .sidebar {
   position: fixed;
@@ -13473,7 +13640,9 @@ body {
 .swach {
   width: 60vw !important; }
   .swach .card .employee-card-input--front {
-    background-color: #fff; }
+    background-color: #fff;
+    position: relative;
+    z-index: 0 !important; }
   .swach .card input[name=mobileNumber], .swach .card .checkbox-wrap .input-emp[name=mobileNumber], .checkbox-wrap .swach .card .input-emp[name=mobileNumber] {
     max-width: 490px; }
   .swach .mandatory-asterisk {
@@ -13653,23 +13822,23 @@ body {
   color: red !important; }
 
 .login-page-cover {
-  height: 90vh;
-  background: linear-gradient(135deg, #667eea, #764ba2);
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
-  justify-content: center; }
+  justify-content: center;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box; }
 
 .login-container, .login-page-cover {
   width: 100%;
+  min-height: calc(100vh - 56px);
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex; }
 
 .login-container {
-  height: 100vh;
   max-width: 100%;
   background-color: #fff;
   overflow: hidden; }
@@ -13786,23 +13955,6 @@ body {
   font-weight: 500;
   text-align: center; }
 
-.login-form-panel {
-  -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: center;
-  -ms-flex-pack: center;
-  justify-content: center;
-  background-color: #f5f5f5;
-  overflow-y: auto;
-  padding: 20px; }
-
 .login-wrapper {
   width: 100%;
   max-width: 480px;
@@ -13813,9 +13965,7 @@ body {
   box-shadow: 0 2px 20px rgba(0, 0, 0, 0.08); }
 
 .login-form-header {
-  margin-bottom: 30px; }
-
-.login-form-header, .register-login-wrapper {
+  margin-bottom: 30px;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -13832,15 +13982,6 @@ body {
   border-radius: 4px;
   position: relative; }
 
-.register-login-wrapper {
-  margin: 8px;
-  padding: 2rem;
-  -webkit-box-shadow: 0 0 5px 0 rgba(34, 34, 34, 0.43922);
-  box-shadow: 0 0 5px 0 rgba(34, 34, 34, 0.43922);
-  width: 35%;
-  max-width: 100vw;
-  height: 900px; }
-
 .login-title {
   font-size: 2rem;
   font-weight: 700;
@@ -13864,7 +14005,6 @@ body {
   color: #ff1515; }
 
 .input-wrapper, .language-wrapper, .location-wrapper {
-  margin-bottom: 24px;
   width: 100%; }
 
 .location-wrapper .select {
@@ -13934,7 +14074,27 @@ body {
   padding: 40px;
   border-radius: 12px;
   -webkit-box-shadow: 0 2px 20px rgba(0, 0, 0, 0.08);
-  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.08); }
+  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.08);
+  max-height: calc(100vh - 100px);
+  overflow-y: auto; }
+
+.login-form-panel {
+  -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: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  background-color: #f5f5f5;
+  overflow-y: auto;
+  padding: 20px;
+  min-height: calc(100vh - 56px); }
 
 @media (max-width: 1024px) {
   .login-hero-panel {
@@ -13963,8 +14123,6 @@ body {
     font-size: 1.5rem; }
   .login-form-header {
     margin-bottom: 24px; }
-  .input-wrapper, .language-wrapper, .location-wrapper {
-    margin-bottom: 20px; }
   .account-link, .label {
     font-size: 14px; }
   .lag-loc-wrapper {
@@ -14075,7 +14233,9 @@ body {
 
 .loader-message {
   overflow: hidden;
-  position: relative;
+  position: fixed;
+  top: 0;
+  left: 0;
   height: 100vh;
   width: 100vw;
   display: -webkit-box;
@@ -14093,12 +14253,12 @@ body {
   flex-direction: column;
   font-weight: 600;
   font-size: 14px;
-  color: #000; }
+  color: #000;
+  background: linear-gradient(135deg, #f0f4ff, #e0e7ff 50%, #dbeafe);
+  z-index: 9999; }
 
 .loader-message .body {
-  position: absolute;
-  left: 44%;
-  top: 50%;
+  position: relative;
   -webkit-animation: speeder .4s linear infinite;
   animation: speeder .4s linear infinite; }
 
@@ -14116,7 +14276,7 @@ body {
   width: 0;
   height: 0;
   border-top: 6px solid transparent;
-  border-right: 100px solid #000;
+  border-right: 100px solid #1e3a5f;
   border-bottom: 6px solid transparent; }
 
 .loader-message .base span:before {
@@ -14135,7 +14295,7 @@ body {
   width: 0;
   height: 0;
   border-top: 0 solid transparent;
-  border-right: 55px solid #000;
+  border-right: 55px solid #1e3a5f;
   border-bottom: 16px solid transparent;
   top: -16px;
   right: -98px; }
@@ -14324,13 +14484,17 @@ body {
 .loader-message .longfazers {
   position: absolute;
   width: 100%;
-  height: 100%; }
-
-.loader-message .longfazers span {
+  height: 100%;
+  top: 0;
+  left: 0;
+  pointer-events: none; }
+
+.loader-message .longfazers span {
   position: absolute;
   height: 2px;
   width: 20%;
-  background: #0d43a7; }
+  background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(#0d43a7), to(transparent));
+  background: linear-gradient(90deg, transparent, #0d43a7, transparent); }
 
 .loader-message .longfazers span:first-child {
   top: 20%;
@@ -14360,13 +14524,18 @@ body {
 
 .loader-message .message {
   position: absolute;
-  font-family: Open Sans,sans-serif;
+  font-family: Roboto,Open Sans,sans-serif;
   font-weight: 600;
-  font-size: 12px;
+  font-size: 16px;
   text-transform: uppercase;
-  left: 44%;
-  top: 58%;
-  margin-left: -20px; }
+  letter-spacing: 2px;
+  bottom: 35%;
+  left: 50%;
+  -webkit-transform: translateX(-50%);
+  transform: translateX(-50%);
+  color: #0d43a7;
+  text-align: center;
+  white-space: nowrap; }
 
 @-webkit-keyframes lf {
   0% {
@@ -14424,6 +14593,37 @@ body {
     left: -100%;
     opacity: 0; } }
 
+@media screen and (max-width: 768px) {
+  .loader-message .body {
+    -webkit-transform: scale(0.85);
+    transform: scale(0.85); }
+  .loader-message .message {
+    font-size: 14px;
+    letter-spacing: 1.5px; }
+  .loader-message .longfazers span {
+    height: 1.5px; } }
+
+@media screen and (max-width: 480px) {
+  .loader-message .body {
+    -webkit-transform: scale(0.7);
+    transform: scale(0.7); }
+  .loader-message .message {
+    font-size: 12px;
+    letter-spacing: 1px;
+    bottom: 38%; }
+  .loader-message .longfazers span {
+    height: 1px;
+    width: 25%; } }
+
+@media screen and (max-width: 320px) {
+  .loader-message .body {
+    -webkit-transform: scale(0.6);
+    transform: scale(0.6); }
+  .loader-message .message {
+    font-size: 10px;
+    letter-spacing: .5px;
+    bottom: 40%; } }
+
 .DS-citizen-form-container {
   padding: 0 10px 10px; }
   .DS-citizen-form-container .card-label-smaller {
@@ -14966,13 +15166,6 @@ body {
 .summary-page-scroll {
   overflow: scroll; }
 
-.bpa-newbuilding-bpa-section {
-  background-color: #fff;
-  border-radius: 8px;
-  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
-  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
-  padding-bottom: 50px; }
-
 .bpa-newbuilding-label-field-pair {
   display: -webkit-box;
   display: -ms-flexbox;
@@ -15024,16 +15217,18 @@ body {
   margin-top: "4px"; }
 
 .bpa-owner-error-message {
-  color: red;
+  color: #dc2626;
   font-size: 12px;
-  margin-top: 4px; }
+  margin-top: 6px;
+  font-weight: 500; }
 
 .bpa-owner-delete-icon {
   position: relative;
-  bottom: 5px; }
+  bottom: 0; }
 
 .bpa-owner-link-delete-button {
-  width: 50px;
+  width: 40px;
+  height: 40px;
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
@@ -15043,97 +15238,126 @@ body {
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
-  background: #000;
-  float: right; }
-
-.bpa-owner-owner-card {
-  border-radius: 5px;
-  padding: 20px 10px 10px;
-  margin-top: 10px;
-  border: 1px solid #f3f3f3;
-  background: #fafafa; }
+  background: #fee2e2;
+  border-radius: 8px;
+  float: right;
+  margin-top: -10px;
+  -webkit-transition: all .2s ease;
+  transition: all .2s ease; }
+  .bpa-owner-link-delete-button:hover {
+    background: #fecaca; }
 
 .bpa-owner-cardlabel-negative-margin {
-  margin-bottom: -15px; }
+  margin-bottom: 8px; }
 
 .bpa-owner-mobile-row {
-  margin-top: 30px; }
-
-.bpa-owner-country-prefix {
-  margin-bottom: 24px;
-  padding: 3px 2px;
-  border: 1px solid #b4b4b4;
-  border-radius: 8px 0 0 8px;
-  display: inline-block; }
+  margin-top: 8px;
+  margin-bottom: 16px; }
 
-.bpa-owner-phone-input {
-  background: #fafafa;
-  padding: 0 4px;
-  border-radius: 0 8px 8px 0;
-  width: 96%; }
+.bpa-owner-field-container {
+  position: relative;
+  width: 100%;
+  max-width: 400px; }
+  .bpa-owner-field-container .field-container {
+    margin-bottom: 0; }
+  .bpa-owner-field-container .text-input input, .bpa-owner-field-container .text-input .checkbox-wrap .input-emp, .checkbox-wrap .bpa-owner-field-container .text-input .input-emp {
+    padding-right: 44px !important; }
 
 .bpa-owner-search-icon-container {
-  position: relative;
-  z-index: 100;
-  right: 44px;
-  margin-top: -24px;
-  margin-right: -20px;
-  cursor: pointer; }
+  position: absolute;
+  right: 12px;
+  top: 36%;
+  -webkit-transform: translateY(-50%);
+  transform: translateY(-50%);
+  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;
+  cursor: pointer;
+  z-index: 2; }
+  .bpa-owner-search-icon-container svg {
+    width: 20px;
+    height: 20px;
+    fill: #2563eb; }
+  .bpa-owner-search-icon-container:hover svg {
+    fill: #1e40af; }
 
 .bpa-owner-cardlabel-margin-top {
-  margin-top: 30px; }
+  margin-top: 20px; }
 
 .bpa-owner-upload-row {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-  grid-gap: 15px;
-  gap: 15px;
+  grid-gap: 16px;
+  gap: 16px;
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
   -ms-flex-direction: row;
-  flex-direction: row; }
+  flex-direction: row;
+  -webkit-box-align: start;
+  -ms-flex-align: start;
+  align-items: flex-start; }
 
 @media (max-width: 768px) {
-  .upload-row {
+  .bpa-owner-upload-row {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
-    flex-direction: column; } }
+    flex-direction: column; }
+  .bpa-owner-field-container {
+    max-width: 100%; } }
 
 .bpa-owner-input-bg-fa {
-  background: #fafafa; }
+  background: #fafafa;
+  border-radius: 8px; }
 
 .bpa-owner-owner-textarea {
   background: #fafafa;
   width: 100%;
   min-height: 80px;
-  padding: 8px;
-  border: 1px solid #ccc;
-  border-radius: 4px;
-  resize: vertical; }
+  padding: 12px;
+  border: 1px solid #d1d5db;
+  border-radius: 8px;
+  resize: vertical;
+  font-size: 14px; }
+  .bpa-owner-owner-textarea:focus {
+    outline: none;
+    border-color: #2563eb;
+    -webkit-box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.1);
+    box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.1); }
 
 .bpa-owner-checkbox-top {
-  padding-top: 10px; }
+  padding-top: 16px; }
 
 .bpa-owner-add-owner-row {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
-  padding-bottom: 15px;
-  color: #ff8c00; }
+  padding: 16px 0; }
 
 .bpa-owner-add-owner-button {
-  padding-top: 10px;
+  padding: 10px 20px;
   background: transparent;
-  border: none;
-  color: inherit; }
+  border: 2px dashed #2563eb;
+  border-radius: 8px;
+  color: #2563eb;
+  font-weight: 600;
+  font-size: 14px;
+  cursor: pointer;
+  -webkit-transition: all .2s ease;
+  transition: all .2s ease; }
+  .bpa-owner-add-owner-button:hover {
+    background: rgba(37, 99, 235, 0.05);
+    border-style: solid; }
 
 .bpa-owner-submit-back {
-  border: 1px solid;
-  background: transparent;
-  color: #2947a3;
-  margin-right: 5px; }
+  margin-right: 12px; }
 
 .bpa-owner-label-field-pair {
   display: -webkit-box;
@@ -15142,18 +15366,19 @@ body {
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
-  border-bottom: 1px dashed #e0e0e0;
-  padding: .5rem 0;
-  color: #333; }
+  border-bottom: 1px dashed #e5e7eb;
+  padding: 12px 0;
+  color: #374151; }
 
 .bpa-owner-bold-label {
-  font-weight: 700;
-  color: #555; }
+  font-weight: 600;
+  color: #4b5563; }
 
 .bpa-owner-newbuilding-error-message {
-  color: red;
-  margin-top: 4px;
-  font-size: .9rem; }
+  color: #dc2626;
+  margin-top: 6px;
+  font-size: 12px;
+  font-weight: 500; }
 
 .employee-header-bannerHeader {
   width: 100%;
@@ -16275,6 +16500,206 @@ body {
   font-size: 24px;
   margin-top: 30px; }
 
+.survey-modal-wrapper {
+  padding: 0;
+  background-color: #f9fafb; }
+
+.survey-modal-loader {
+  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-height: 300px; }
+
+.survey-cards-container {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
+  grid-gap: 20px;
+  gap: 20px;
+  padding: 24px;
+  background: linear-gradient(135deg, #f9fafb, #f3f4f6); }
+
+.survey-card {
+  background: #fff;
+  border-radius: 12px;
+  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
+  overflow: hidden;
+  -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);
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  height: 100%;
+  border: 1px solid #e5e7eb; }
+
+.survey-card:hover {
+  -webkit-box-shadow: 0 12px 24px rgba(37, 99, 235, 0.15);
+  box-shadow: 0 12px 24px rgba(37, 99, 235, 0.15);
+  -webkit-transform: translateY(-4px);
+  transform: translateY(-4px);
+  border-color: #2563eb; }
+
+.survey-card-header {
+  background: linear-gradient(135deg, #2563eb, #1d4ed8);
+  padding: 16px 20px;
+  color: #fff;
+  border-bottom: 3px solid #1d4ed8; }
+
+.survey-card-title {
+  margin: 0;
+  font-size: 16px;
+  font-weight: 600;
+  line-height: 1.4;
+  color: #fff;
+  word-break: break-word; }
+
+.survey-card-content {
+  -webkit-box-flex: 1;
+  -ms-flex: 1;
+  flex: 1;
+  padding: 20px;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  grid-gap: 16px;
+  gap: 16px; }
+
+.survey-card-content, .survey-card-item {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: column; }
+
+.survey-card-item {
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  grid-gap: 6px;
+  gap: 6px; }
+
+.survey-card-label {
+  font-size: 12px;
+  font-weight: 600;
+  color: #6b7280;
+  text-transform: uppercase;
+  letter-spacing: .5px; }
+
+.survey-card-value {
+  font-size: 14px;
+  color: #1f2937;
+  line-height: 1.5;
+  word-break: break-word; }
+
+.survey-card-footer {
+  padding: 16px 20px;
+  border-top: 1px solid #e5e7eb;
+  background-color: #f9fafb; }
+
+.survey-card-footer button {
+  width: 100%; }
+
+.survey-modal-empty-state {
+  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: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  min-height: 300px;
+  padding: 40px 20px;
+  background: linear-gradient(135deg, #f9fafb, #f3f4f6); }
+
+.survey-modal-empty-state-text {
+  margin: 0;
+  text-align: center;
+  color: #6b7280;
+  line-height: 1.6; }
+
+.survey-modal-empty-state-text:first-child {
+  font-size: 16px;
+  font-weight: 500;
+  color: #374151;
+  margin-bottom: 8px; }
+
+@media (max-width: 768px) {
+  .survey-cards-container {
+    grid-template-columns: 1fr;
+    grid-gap: 16px;
+    gap: 16px;
+    padding: 16px; }
+  .survey-card {
+    border-radius: 8px; }
+  .survey-card-title {
+    font-size: 15px; }
+  .survey-card-content {
+    padding: 16px;
+    grid-gap: 12px;
+    gap: 12px; }
+  .survey-card-footer {
+    padding: 12px 16px; }
+  .survey-card-label {
+    font-size: 11px; }
+  .survey-card-value {
+    font-size: 13px; } }
+
+@media (max-width: 480px) {
+  .survey-cards-container {
+    padding: 12px;
+    grid-gap: 12px;
+    gap: 12px; }
+  .survey-card-content, .survey-card-header {
+    padding: 12px 16px; }
+  .survey-card-footer {
+    padding: 10px 16px; } }
+
+@-webkit-keyframes slideIn {
+  0% {
+    opacity: 0;
+    -webkit-transform: translateY(8px);
+    transform: translateY(8px); }
+  to {
+    opacity: 1;
+    -webkit-transform: translateY(0);
+    transform: translateY(0); } }
+
+@keyframes slideIn {
+  0% {
+    opacity: 0;
+    -webkit-transform: translateY(8px);
+    transform: translateY(8px); }
+  to {
+    opacity: 1;
+    -webkit-transform: translateY(0);
+    transform: translateY(0); } }
+
+.survey-card {
+  -webkit-animation: slideIn .3s ease-out;
+  animation: slideIn .3s ease-out; }
+
+.survey-modal-loader {
+  background: linear-gradient(135deg, #f9fafb, #f3f4f6); }
+
 .ads-view-cart {
   margin-left: 12px;
   padding: 8px 16px;