@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

body{

    margin: 0;
    padding: 0;
}

:root {
    --red-color:#ED1C25;
    --border-color:rgba(195, 208, 232, 0.5);
    --placeholder-color:rgb(175, 180, 189);
    --gray-color:rgb(116, 116, 116);
    --black-color:#1c1c1c;
    --sitePaddingDesktop: 65px;
    --sitePaddingMobile : 20px
}*{
    font-family:sans-serif;
}._topMain_ijvvv_1 {
  width: 100%;
  background-color: white;
  min-height: 100vh;
  padding-bottom: 3rem;
}

._main_ijvvv_8 {
  max-width: 1440px;
  margin: 0 auto;
  margin-top: -15px;
  padding: 0 20px;
}

._card_ijvvv_15 {
  background-color: #edf6f1;
  border-radius: 12px;
  padding: 30px;
  margin-top: 1rem;
  margin-bottom: 25px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

._cardHeader_ijvvv_24 {
  display: flex;
  align-items: center;
  margin-bottom: 25px;
}

._redLine_ijvvv_30 {
  width: 4px;
  height: 24px;
  background-color: #4E6137; /* Sage accent bar — matches .ct border-left in the tool */
  margin-right: 12px;
  border-radius: 2px;
}

._heading_ijvvv_38 {
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 0;
  color: #333;
}

._subHeading_ijvvv_45 {
  font-size: 0.95rem;
  color: #666;
  margin-bottom: 20px;
}

._optionalBadge_ijvvv_51 {
  background-color: #E3F2FD;
  color: #1565C0;
  font-size: 0.75rem;
  padding: 2px 8px;
  border-radius: 4px;
  margin-left: 10px;
  font-weight: 600;
  vertical-align: middle;
}

._gridContainer_ijvvv_62 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px 40px;
}

._inflationGroup_ijvvv_68 {
  display: flex;
  gap: 15px;
}

._inflationGroup_ijvvv_68 ._labelField_ijvvv_73 {
  flex: 1;
  min-width: 0;
}

._labelField_ijvvv_73 {
  display: block;
  color: #444;
  font-weight: 600;
  font-size: 0.9rem;
}

._inputField_ijvvv_85 {
  display: block;
  color: #1a1a1a;
  width: 100%;
  border: 1.5px solid #e0e0e0;
  border-radius: 8px;
  margin-top: 8px;
  padding: 12px 15px;
  box-sizing: border-box;
  font-size: 0.95rem;
  background-color: #fafafa;
  transition: border-color 0.15s ease, background-color 0.15s ease;
}

._inputField_ijvvv_85:focus {
  outline: none;
  border-color: #4E6137; /* Sage focus ring instead of red */
  background-color: white;
}

._inputRequired_ijvvv_105 {
  border-color: #C62828; /* Kept red — genuine validation error state */
}

._inputDiv_ijvvv_109 {
  position: relative;
}

._inputSpanBefore_ijvvv_113 {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  margin-top: 4px;
  color: #333;
  font-weight: 500;
}

._inputDiv_ijvvv_109 input {
  padding-left: 30px;
}

._phoneGroup_ijvvv_127 {
  position: relative;
  margin-top: 8px;
}

._phoneGroup_ijvvv_127 span {
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
  color: #666;
  font-weight: 500;
  padding-right: 10px;
  border-right: 1px solid #ccc;
}

._phoneGroup_ijvvv_127 input {
  margin-top: 0;
  padding-left: 60px;
}

._aestrik_ijvvv_148 {
  color: #C62828; /* Kept red — universally understood "required" marker */
  margin-left: 2px;
}

._error_ijvvv_153 {
  color: #C62828; /* Kept red — genuine error messaging */
  font-size: 0.8rem;
  margin-top: 5px;
}

/* Family Members Section */
._familyMembersList_ijvvv_160 {
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin-bottom: 20px;
}

._familyMemberRow_ijvvv_167 {
  display: grid;
  grid-template-columns: 2fr 1.2fr 2fr auto;
  gap: 15px;
  align-items: center;
}

._familyMemberRow_ijvvv_167 ._inputField_ijvvv_85 {
  margin-top: 0;
}

._removeBtn_ijvvv_178 {
  background: none;
  border: none;
  color: #999;
  font-size: 1.5rem;
  cursor: pointer;
  padding: 0 5px;
  margin-top: 8px;
  transition: color 0.15s ease;
}

._removeBtn_ijvvv_178:hover {
  color: #C62828; /* Kept red — destructive action */
}

._addFamilyBtn_ijvvv_193 {
  background-color: #6fa287; /* Sage — matches .add-b in the tool */
  color: white;
  border: none;
  border-radius: 6px;
  padding: 0.5rem 1.25rem;
  font-size: 0.85rem;
  font-weight: 600;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  box-shadow: 0 2px 8px rgba(78, 97, 55, 0.3);
  transition: background-color 0.2s ease, transform 0.2s ease;
}

._addFamilyBtn_ijvvv_193:hover {
  background-color: #9cb7a9;
  transform: translateY(-1px);
}

/* Footer Action */
._loaderGroup_ijvvv_215 {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 1rem;
  margin-top: 30px;
}

._nextBtn_ijvvv_223 {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem 1.5rem;
  border: none;
  border-radius: 8px;
  background: #6fa287;
  color: white;
  font-size: 0.9rem;
  font-weight: 700;
  letter-spacing: 0.3px;
  cursor: pointer;
  box-shadow: 0 3px 12px rgba(78, 97, 55, 0.35);
  transition: all 0.2s ease;
}

._nextBtn_ijvvv_223:hover {
  transform: translateY(-1px);
  background-color: #9cb7a9;
}

._nextBtn_ijvvv_223:disabled {
  background: #ccc;
  box-shadow: none;
  cursor: not-allowed;
}

._arrow_ijvvv_251 {
  font-size: 1rem;
  transition: transform 0.3s ease;
}

._nextBtn_ijvvv_223:hover ._arrow_ijvvv_251 {
  transform: translateX(4px);
}

._loaderContainer_ijvvv_260 {
  width: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}

._alertBox_ijvvv_267 {
  display: flex;
  align-items: center;
  padding: 12px 20px;
  border-radius: 8px;
  margin-bottom: 20px;
  gap: 15px;
  animation: _slideIn_ijvvv_1 0.3s ease-out;
}

._alertError_ijvvv_277 {
  background-color: #FFF3E0;
  border: 1px solid #FFCC80;
  color: #E65100; /* Amber warning tone instead of harsh red, matches tool's .warnnote */
}

._alertSuccess_ijvvv_283 {
  background-color: #E8F5E9;
  border: 1px solid #A5D6A7;
  color: #1B5E20; /* Sage-green success, matches tool's .infnote2 */
}

._alertIcon_ijvvv_289 {
  font-size: 1.25rem;
  display: flex;
  align-items: center;
}

._alertText_ijvvv_295 {
  font-size: 0.95rem;
  font-weight: 500;
  line-height: 1.5;
}

@keyframes _slideIn_ijvvv_1 {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (max-width: 768px) {
  ._gridContainer_ijvvv_62, ._familyMembersList_ijvvv_160 {
    grid-template-columns: 1fr;
  }

  ._inflationGroup_ijvvv_68 {
    flex-direction: column;
    gap: 15px;
  }

  ._main_ijvvv_8 {
    margin-left: 4%;
    margin-right: 4%;
  }
}._main_vo2zr_1{
    z-index: 100;
    position: fixed;
    top: 0;
    height: 100vh;
    width: 100vw;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0,0.6);
}
._mainModal_vo2zr_12{
padding: 2rem;
position: relative;
 border:1px solid var(--red-color);
 height: 60vh;
 width: 40vw;
 background-color: white;
 border-radius: 2rem;
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center;
}
._cross_vo2zr_25{
    position: absolute;
    top: 0;
    right: 0;
    padding-right: 1.5rem;
    padding-top: 1rem;
    font-size: 1.5rem;
    color: var(--gray-color);
    cursor: pointer;
}
._heading_vo2zr_35{
    /* background: linear-gradient(to right,rgba(255, 172, 0, 1), rgba(255, 13, 0, 1));    padding: 1rem; */
    /* border-radius: 6px; */
    font-size: 2rem;
    font-weight: 600;
    color: black;
    margin: 1rem;
}
._subHeading_vo2zr_43{
    font-size: 1.2rem;
    color: var(--gray-color);
    margin-bottom: 1.5rem;
}
._pdfImage_vo2zr_48 img{
    width: 80%;
    padding: 1rem;
  
}
._downloadText_vo2zr_53{
    color: var(--gray-color);
}
._download_vo2zr_53{
    margin-bottom:2rem;
}
._downloadLink_vo2zr_59{
padding: 1rem;
}
._downloadLink_vo2zr_59 img{
    cursor: pointer;
}
._downloadLink_vo2zr_59 a{
    color: var(--red-color);
    font-weight: 600;
    margin-left: 0.5rem;
}
._planBtn_vo2zr_70{
    background-color: var(--red-color);
    color: white;
    padding-right: 6rem;
    padding-left: 6rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    /* border-radius: 4px; */
    border: none;
    margin-top: 2rem;
    
 }
 ._planBtn_vo2zr_70:hover{
    background-color: var(--red-color);
    color: white;
    padding-right: 6rem;
    padding-left: 6rem;
      padding-top: 1rem;
    padding-bottom: 1rem;

 }
 ._planBtn_vo2zr_70:focus{
    border: none;
 }
 ._otp-textbox_vo2zr_94{
    width: 50px;
    padding: 10px;
    margin: 2px;
    text-align: center;
 }
 @media (max-width:480px) {
    ._mainModal_vo2zr_12{
        width: 80vw;
    }
    ._cross_vo2zr_25{
        padding-right: 1.2rem;
        padding-top: 0.5rem;
      }
      ._otp-textbox_vo2zr_94{
        width: 40px;
        padding: 5px;
        margin: 0;;
      
     }
 }._trackerContainer_10cgs_1 {
  width: 100%;
  padding: 2.5rem 3rem 2.5rem; /* Reduced top padding */
  background-color: transparent;
  display: flex;
  justify-content: center;
}

._stepsWrapper_10cgs_9 {
  width: calc(100% - 40px);
  max-width: 1440px; /* Align with new main section width */
  display: flex;
  align-items: center;
  justify-content: flex-start; /* Shift to left */
  gap: 12px;
  flex-wrap: wrap;
}

._stepPill_10cgs_19 {
  display: flex;
  align-items: center;
  padding: 8px 20px;
  border-radius: 50px;
  font-size: 0.85rem;
  font-weight: 600;
  white-space: nowrap;
  transition: all 0.3s ease;
  font-family: 'Inter', sans-serif;
  user-select: none;
  pointer-events: none; /* Disable all mouse events */
}

._active_10cgs_33 {
  background-color: #6fa287; /* Sage green — matches .tb.on / .np.on */
  color: white;
  box-shadow: 0 4px 12px rgba(78, 97, 55, 0.4);
}

._inactive_10cgs_39 {
  background-color: #3a3c48; /* Dark olive pill background */
  color: white; /* Muted sage-grey text */
  border: 1px solid #3A4530;
}

@media (max-width: 768px) {
  ._trackerContainer_10cgs_1 {
    padding-top: 6rem;
  }
  ._stepPill_10cgs_19 {
    font-size: 0.75rem;
    padding: 6px 14px;
  }
}._topMain_nxfdc_1 {
  /* background-color: rgb(228, 245, 228); */
  background-color: white;
  min-height: 100vh;
  padding-bottom: 3rem;
}

._main_nxfdc_8 {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 20px;
}

._heading_nxfdc_14 {
  font-size: 1.3rem;
  font-weight: 700;
  color: black;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

._heading_nxfdc_14::before {
  content: "";
  width: 4px;
  height: 24px;
  background-color: #4E6137; /* Sage accent — matches .ct border-left in the tool */
  border-radius: 2px;
}

._highlighted_nxfdc_32 {
  color: #666;
  font-size: 0.9rem;
  font-weight: 400;
  margin-left: 0.5rem;
}

._masterCard_nxfdc_39 {
  background-color: #edf6f1;;
  border-radius: 12px;
  padding: 24px;
  margin-bottom: 2rem;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

._cardHeaderOuter_nxfdc_47 {
  display: flex;
  align-items: center;
  margin-bottom: 2rem;
}

._mainDiv_nxfdc_53 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.5rem;
  margin-bottom: 2rem;
}

._card_nxfdc_47 {
  background: #edf6f1;
  border-radius: 12px;
  border: 1px solid #e0e0e0;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  display: flex;
  flex-direction: column;
}

._cardRetirement_nxfdc_70 {
  border-top: 4px solid #4E6137; /* Sage — mirrors .icol.ret in the tool */
}

._cardLiquid_nxfdc_74 {
  border-top: 4px solid #1565C0; /* Blue — mirrors .icol.liq in the tool */
}

._cardHeader_nxfdc_47 {
  padding: 1rem 1.5rem;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  border-bottom: 1px solid #f0f0f0;
}

._dot_nxfdc_86 {
  width: 10px;
  height: 10px;
  border-radius: 50%;
}

._dotRetirement_nxfdc_92 {
  background-color: #4E6137;
}

._dotLiquid_nxfdc_96 {
  background-color: #1565C0;
}

._cardTitle_nxfdc_100 {
  font-weight: 600;
  font-size: 1rem;
}

._cardTitleRetirement_nxfdc_105 {
  color: #4E6137;
}

._cardTitleLiquid_nxfdc_109 {
  color: #1565C0;
}

._cardBody_nxfdc_113 {
  padding: 1rem 1.5rem;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}

._tableHeader_nxfdc_120 {
  display: grid;
  grid-template-columns: 1.3fr 1fr 1fr 0.9fr 0.3fr;
  gap: 1rem;
  font-size: 0.75rem;
  font-weight: 700;
  color: #999;
  text-transform: uppercase;
  margin-bottom: 0.5rem;
}

._instrumentRow_nxfdc_131 {
  display: grid;
  grid-template-columns: 1.3fr 1fr 1fr 0.9fr 0.3fr;
  gap: 1rem;
  align-items: center;
  margin-bottom: 0.75rem;
}

._returnWrapper_nxfdc_139 {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
}

._dropdownField_nxfdc_146 {
  width: 100%;
  padding: 0.5rem;
  border: 1px solid #a5d6a7;
  border-radius: 8px;
  font-size: 0.9rem;
  font-weight: 600;
  background-color: #f1f8f2;
  color: #2e7d32;
  text-align-last: center;
  cursor: pointer;
  outline: none;
  height: 38px;
  box-sizing: border-box;
}

._dropdownField_nxfdc_146:focus {
  border-color: #4E6137;
  background-color: #fff;
}

._lockedReturnWrapper_nxfdc_167 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 0.8rem;
  border: 1px solid #FFCC80;
  border-radius: 8px;
  background-color: #FFF3E0; /* Amber — matches .ret-locked in the tool */
  color: #E65100;
  font-size: 0.9rem;
  font-weight: 700;
  box-sizing: border-box;
  width: 100%;
  height: 38px;
}

._lockIconMini_nxfdc_183 {
  font-size: 0.8rem;
  color: #E65100;
}

._weightedBadgeRetirement_nxfdc_188 {
  padding: 0.4rem 0.8rem;
  border: 1.5px solid #FFCC80;
  border-radius: 6px;
  background-color: #FFF3E0; /* Amber — matches .ret-wt-display in the tool */
  color: #E65100;
  font-size: 0.95rem;
  font-weight: 700;
  text-align: center;
  min-width: 60px;
}

._weightedBadgeLiquid_nxfdc_200 {
  padding: 0.4rem 0.8rem;
  border: 1.5px solid #90CAF9;
  border-radius: 6px;
  background-color: #E3F2FD; /* Blue — matches .liq-wt-display in the tool */
  color: #1565C0;
  font-size: 0.95rem;
  font-weight: 700;
  text-align: center;
  min-width: 60px;
}

._weightedLabel_nxfdc_212 {
  font-size: 0.85rem;
  font-style: italic;
  font-weight: 500;
  color: #888;
  display: flex;
  align-items: center;
  gap: 3px;
}

._lockIcon_nxfdc_183 {
  font-size: 0.9rem;
  color: #999;
}

._infoIconBlue_nxfdc_227 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  background-color: #1565c0;
  color: white;
  border-radius: 50%;
  font-size: 11px;
  font-weight: bold;
  cursor: pointer;
  user-select: none;
}

._paText_nxfdc_242 {
  font-size: 0.9rem;
  color: #666;
  font-weight: 500;
}

._instrumentName_nxfdc_248 {
  width: 100%;
  padding: 0.5rem 1rem;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  background-color: #f5f7f9;
  color: #333;
  font-weight: 600;
  font-size: 0.9rem;
  text-align: right;
  box-sizing: border-box;
}

._instrumentName_nxfdc_248:focus {
  outline: none;
  border-color: #4E6137;
  background-color: #fff;
}

._inputWrapper_nxfdc_267 {
  position: relative;
  display: flex;
  align-items: center;
}

._inputField_nxfdc_273 {
  width: 100%;
  padding: 0.5rem;
  padding-right: 1.5rem;
  border: 1px solid #d0d0d0;
  border-radius: 8px;
  font-size: 0.9rem;
  text-align: right;
  background-color: #f7f7f7;
  color: #3a3a3a;
  font-weight: 600;
}

._cardLiquid_nxfdc_74 ._inputField_nxfdc_273 {
  border-color: #d0d0d0;
  background-color: #f7f7f7;
  color: #3a3a3a;
}

._inputField_nxfdc_273::placeholder {
  color: #aaaaaa;
  text-align: center;
  font-weight: 500;
}

._cardLiquid_nxfdc_74 ._inputField_nxfdc_273::placeholder {
  color: #aaaaaa;
}

._inputField_nxfdc_273:focus {
  outline: none;
  border-color: #4E6137;
}

._currencySymbol_nxfdc_307 {
  position: absolute;
  left: 0.5rem;
  color: #999;
  font-size: 0.8rem;
}

._removeBtn_nxfdc_314 {
  background: none;
  border: none;
  color: #ccc;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
  transition: color 0.15s ease;
}

._removeBtn_nxfdc_314:hover {
  color: #C62828; /* Kept red — destructive action */
}

._cardFooter_nxfdc_330 {
  padding: 1rem 1.5rem;
  background-color: #fff;
  border-top: 1px solid #f0f0f0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

._totalLabel_nxfdc_339 {
  font-weight: 700;
  font-size: 0.95rem;
  color: #333;
}

._totalValue_nxfdc_345 {
  font-weight: 700;
  font-size: 1.1rem;
}

._totalValueRetirement_nxfdc_350 {
  color: #4E6137;
}

._totalValueLiquid_nxfdc_354 {
  color: #1565C0;
}

/* Control Bar */
._controlBar_nxfdc_359 {
  background: #f8f8f8;
  border-radius: 12px;
  border: 1px solid #e0e0e0;
  padding: 1.25rem 2.5rem;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  margin-bottom: 1.5rem;
  height: 153px;
}

._controlBarRow_nxfdc_371 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 2.25rem;
  flex-wrap: wrap;
  width: 100%;
}

._controlGroup_nxfdc_380 {
  display: flex;
  align-items: center;
  gap: 0.6rem;
}

._controlLabel_nxfdc_386 {
  font-size: 0.9rem;
  font-weight: 600;
  color: #333;
  display: flex;
  align-items: center;
  gap: 0.4rem;
}

._numberStepper_nxfdc_395 {
  display: flex;
  align-items: center;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  overflow: hidden;
}

._customStepperWrapper_nxfdc_403 {
  position: relative;
  display: flex;
  align-items: center;
  border: 1px solid #ccc;
  border-radius: 8px;
  background-color: #fff;
  padding-right: 22px;
  width: 85px;
  height: 38px;
  box-sizing: border-box;
}

._customStepperInput_nxfdc_416 {
  width: 100%;
  border: none;
  background: transparent;
  text-align: center;
  font-weight: 600;
  font-size: 1.05rem;
  color: #333;
  padding: 0;
  outline: none;
}

._customStepperInput_nxfdc_416::-webkit-inner-spin-button,
._customStepperInput_nxfdc_416::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

._customStepperButtons_nxfdc_434 {
  position: absolute;
  right: 6px;
  top: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 2px;
}

._customStepperBtn_nxfdc_445 {
  background: none;
  border: none;
  color: #888;
  font-size: 0.6rem;
  padding: 0;
  cursor: pointer;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 10px;
  user-select: none;
}

._customStepperBtn_nxfdc_445:hover {
  color: #4E6137;
}

._stepperBtn_nxfdc_464 {
  background: #f8f9fa;
  border: none;
  color: #666;
  padding: 0 0.5rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

._stepperBtn_nxfdc_464:hover {
  background: #e9ecef;
}

._percentSign_nxfdc_479 {
  font-weight: 500;
  color: #999;
}

._selectField_nxfdc_484 {
  padding: 0.5rem 1rem;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  font-size: 0.9rem;
  font-weight: 500;
  color: #333;
  background-color: #fff;
  cursor: pointer;
}

/* Capital Receipts */
._sectionTitle_nxfdc_496 {
  font-size: 1.1rem;
  font-weight: 700;
  color: #4E6137;
  margin-bottom: 0.25rem;
}

._sectionSubtitle_nxfdc_503 {
  font-size: 0.8rem;
  color: #1976d2;
  background-color: #e3f2fd;
  padding: 0.2rem 0.5rem;
  border-radius: 4px;
  font-weight: 600;
}

._sectionDesc_nxfdc_512 {
  font-size: 0.85rem;
  color: #888;
  margin: 1rem 0;
}

._capitalTable_nxfdc_518 {
  width: 100%;
}

._tableHead_nxfdc_120 {
  display: grid;
  grid-template-columns: 2fr 1fr 1.5fr 0.3fr;
  gap: 1rem;
  font-size: 0.7rem;
  font-weight: 700;
  color: #bbb;
  text-transform: uppercase;
  margin-bottom: 0.5rem;
}

._tableRow_nxfdc_533 {
  display: grid;
  grid-template-columns: 2fr 1fr 1.5fr 0.3fr;
  gap: 1rem;
  margin-bottom: 0.75rem;
  align-items: center;
}

._addBtn_nxfdc_541 {
  background-color: #6fa287;
  color: white;
  border: none;
  padding: 0.5rem 1.25rem;
  border-radius: 6px;
  font-weight: 600;
  font-size: 0.85rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  align-self: flex-start;
  gap: 0.5rem;
  margin-top: 1rem;
  box-shadow: 0 2px 8px rgba(78, 97, 55, 0.3);
  transition: background-color 0.2s ease;
}

._addBtn_nxfdc_541:hover {
  background-color: #9cb7a9;
}

._noData_nxfdc_563 {
  font-size: 1rem;
  color: #333;
  font-weight: 500;
  margin-bottom: 1rem;
}

/* Footer Actions */
._loaderGroup_nxfdc_571 {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 1rem;
  margin-top: 1rem;
  padding-top: 1.5rem;
}

._loaderContainer_nxfdc_580 {
  width: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}

._footerDivider_nxfdc_587 {
  width: 100%;
  height: 1px;
  background-color: #d5e5d5; /* Soft sage-tinted divider for the light green page bg */
  margin-top: 3rem;
}

._btnGroup_nxfdc_594 {
  display: flex;
  gap: 1rem;
}

._nextBtn_nxfdc_599 {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem 1.5rem;
  border: none;
  border-radius: 8px;
  background: #6fa287;
  color: white;
  font-size: 0.9rem;
  font-weight: 700;
  cursor: pointer;
  box-shadow: 0 3px 12px rgba(78, 97, 55, 0.35);
  transition: all 0.2s ease;
}

._nextBtn_nxfdc_599:hover {
  transform: translateY(-1px);
  background-color: #9cb7a9;
}

._nextBtn_nxfdc_599:disabled {
  background: #ccc;
  box-shadow: none;
  cursor: not-allowed;
}

._arrowIcon_nxfdc_626 {
  font-size: 1rem;
  transition: transform 0.3s ease;
}

._nextBtn_nxfdc_599:hover ._arrowIcon_nxfdc_626 {
  transform: translateX(4px);
}

._backBtn_nxfdc_635 {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem 1.5rem;
  border: 1.5px solid #4E6137;
  border-radius: 8px;
  background-color: #fff;
  color: #4E6137;
  font-size: 0.9rem;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.2s ease;
}

._backBtn_nxfdc_635:hover {
  background-color: #EEF2E7;
  color: #3D4D2B;
  transform: translateY(-1px);
}

@media (max-width: 992px) {
  ._mainDiv_nxfdc_53 {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 600px) {
  ._controlBar_nxfdc_359 {
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
  }
}

._infoIcon_nxfdc_227 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  background-color: #1a73e8;
  color: white;
  border-radius: 50%;
  font-size: 14px;
  font-weight: bold;
  margin-left: 8px;
  cursor: pointer;
  vertical-align: middle;
}

._totalValueGroup_nxfdc_686 {
  font-size: 0.95rem;
  font-weight: 700;
  color: #333;
}

._totalValueGroup_nxfdc_686 span {
  color: #4E6137;
  margin-right: 1.25rem;
}

._totalValueGroup_nxfdc_686 span:last-child {
  margin-right: 0;
}

._customInputReturn_nxfdc_701 {
  width: 100%;
  padding: 0.5rem;
  padding-right: 1.2rem;
  border: 1px solid #a5d6a7;
  border-radius: 8px;
  font-size: 0.9rem;
  font-weight: 600;
  background-color: #f1f8f2;
  color: #2e7d32;
  text-align: center;
  outline: none;
  height: 38px;
  box-sizing: border-box;
}

._customInputReturn_nxfdc_701:focus {
  border-color: #4E6137;
  background-color: #fff;
}._main_12myx_1{
    z-index: 100;
    position: fixed;
  
    top: 0;
    height: 100vh;
    width: 100vw;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0,0.6);
}
._mainModal_12myx_13{
position: relative;
 border:1px solid var(--red-color);
 height: 60vh;
 width: 50vw;
 background: linear-gradient(to right, rgba(255, 246, 239, 1), rgba(255, 238, 239, 1));
 border-radius: 2rem;
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center;
}
._cross_12myx_25{
    position: absolute;
    top: 0;
    right: 0;
    padding-right: 1.5rem;
    padding-top: 1rem;
    font-size: 1.1rem;
    color: var(--gray-color);
    cursor: pointer;
}
._heading_12myx_35{
    background: linear-gradient(to right,rgba(255, 172, 0, 1), rgba(255, 13, 0, 1));    padding: 1rem;
    border-radius: 6px;
    color: white;
    margin: 1rem;
}
._pdfImage_12myx_41 img{
    width: 80%;
    padding: 1rem;
  
}
._downloadText_12myx_46{
    color: var(--gray-color);
}
._download_12myx_46{
    margin-bottom:2rem;
}
._downloadLink_12myx_52{
padding: 1rem;
}
._downloadLink_12myx_52 img{
    cursor: pointer;
}
._downloadLink_12myx_52 a{
    color: var(--red-color);
    font-weight: 600;
    margin-left: 0.5rem;
}
._planBtn_12myx_63{
    background-color: var(--red-color);
    color: white;
    padding-right: 3rem;
    padding-left: 3rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    border-radius: 4px;
    border: none;
 }
 ._planBtn_12myx_63:hover{
    background-color: var(--red-color);
    color: white;
    padding-right: 3rem;
    padding-left: 3rem;
      padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    border-radius: 4px;
    padding-bottom: 0.5rem;

 }
 ._planBtn_12myx_63:focus{
    border: none;
 }
 ._loaderDiv_12myx_87{
    margin: 1rem;
 }
 @media (max-width:480px) {
    ._mainModal_12myx_13{
        width: 80vw;
    }
    ._cross_12myx_25{
        padding-right: 1.2rem;
        padding-top: 0.5rem;
      }
      ._planBtn_12myx_63{
        padding-right: 1rem;
        padding-left: 1rem;
     }
     ._planBtn_12myx_63:hover{
        padding-right: 1rem;
        padding-left: 1rem;
     }
 }._container_1to3y_1 {
  min-height: 100vh;
  background-color: white;
  padding: 0 0 3rem 0;
  color: #1e293b;
  font-family: 'Inter', sans-serif;
  display: flex;
  flex-direction: column;
}

._mainCard_1to3y_11 {
  width: calc(100% - 40px);
  max-width: 1100px;
  margin: 0 auto 1.5rem;
  background: #edf6f1;
  border-radius: 12px;
  padding: 24px;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}

._header_1to3y_21 {
  margin-bottom: 24px;
}

._headerTitle_1to3y_25 {
  font-size: 1.1rem;
  font-weight: 700;
  color: #333333;
  display: flex;
  align-items: center;
  gap: 8px;
  border-left: 4px solid #4E6137; /* Sage — matches .ct border-left in the tool */
  padding-left: 12px;
  text-transform: uppercase;
}

._addGoalSection_1to3y_37 {
  margin-bottom: 24px;
}

._addGoalLabel_1to3y_41 {
  font-size: 0.75rem;
  font-weight: 700;
  color: #64748b;
  margin-bottom: 8px;
  display: block;
}

._addGoalControls_1to3y_49 {
  display: flex;
  gap: 12px;
  align-items: center;
}

._typeSelect_1to3y_55 {
  padding: 10px 16px;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background-color: #f8fafc;
  font-size: 0.9rem;
  font-weight: 500;
  min-width: 240px;
}

._addGoalBtn_1to3y_65 {
  background-color: #6fa287;
  color: white;
  border: none;
  border-radius: 6px;
  padding: 0.5rem 1.25rem;
  font-size: 0.85rem;
  font-weight: 600;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 2px 8px rgba(78, 97, 55, 0.3);
}

._addGoalBtn_1to3y_65:hover {
  background-color: #9cb7a9;
  transform: translateY(-2px);
}

._addGoalBtn_1to3y_65:active {
  transform: translateY(0) scale(0.96);
  box-shadow: 0 2px 4px rgba(78, 97, 55, 0.3);
}

/* Goal Card Inside Main Card */
._goalItem_1to3y_92 {
  border: 1px solid #e2e8f0;
  border-radius: 16px;
  padding: 24px;
  margin-bottom: 24px;
  background-color: #fff;
  position: relative;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.02);
}

._goalItemHeader_1to3y_102 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}

._goalItemTitle_1to3y_109 {
  font-size: 1rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 8px;
}

._goalItemActions_1to3y_117 {
  display: flex;
  align-items: center;
  gap: 16px;
}

._enterAmount_1to3y_123 {
  font-size: 0.85rem;
  font-weight: 600;
  color: #1e293b;
}

._closeBtn_1to3y_129 {
  background: none;
  border: none;
  color: #cbd5e1;
  cursor: pointer;
  font-size: 1.2rem;
  transition: color 0.2s;
}

._closeBtn_1to3y_129:hover {
  color: #C62828; /* Kept red — destructive action */
}

/* Form Grid */
._formGrid_1to3y_143 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  margin-bottom: 16px;
}

._formGrid3_1to3y_150 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
  margin-bottom: 16px;
}

._formGroup_1to3y_157 {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

._label_1to3y_163 {
  font-size: 0.78rem;
  color: #475569;
  font-weight: 600;
  margin-bottom: 4px;
}

._label_1to3y_163._required_1to3y_170::after {
  content: " *";
  color: #C62828; /* Kept red — required-field marker */
}

._stepUpBadge_1to3y_175 {
  background-color: #E3F2FD;
  color: #1565C0;
  padding: 2px 8px;
  border-radius: 12px;
  font-size: 0.72rem;
  font-weight: 700;
  /* margin-left: 8px; */
  display: inline-flex;
  align-items: center;
  line-height: 1;
  cursor: pointer;
  transition: all 0.2s ease;
}

._stepUpBadge_1to3y_175:hover {
  background-color: #BBDEFB;
}

._input_1to3y_194 {
  padding: 10px 14px;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  font-size: 0.875rem;
  background-color: #f8fafc;
  color: #1e293b;
  width: 100%;
  box-sizing: border-box;
  transition: all 0.2s ease;
}

._input_1to3y_194:focus {
  outline: none;
  border-color: #4E6137; /* Sage focus ring instead of red */
  background-color: #ffffff;
  box-shadow: 0 0 0 1px #4E6137;
}

/* Secondary Params */
._secondaryParams_1to3y_214 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-bottom: 20px;
}

._select_1to3y_221 {
  padding: 10px 14px;
  border: 1px solid #cbd5e1;
  border-radius: 8px;
  font-size: 0.875rem;
  background-color: #f8fafc;
  color: #1e293b;
  width: 100%;
  box-sizing: border-box;
  appearance: none;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3Cpath stroke='%2364748b' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");
  background-position: right 12px center;
  background-repeat: no-repeat;
  background-size: 1.25rem;
  padding-right: 2.5rem;
  transition: all 0.2s ease;
}

._select_1to3y_221:focus {
  outline: none;
  border-color: #4E6137;
  background-color: #ffffff;
  box-shadow: 0 0 0 1px #4E6137;
}

/* Tagged Section */
._taggedSection_1to3y_247 {
  background-color: #fafafa;
  border: 1px solid #eaeaea;
  border-radius: 8px;
  padding: 20px;
  margin-bottom: 20px;
}

._taggedTitle_1to3y_255 {
  font-size: 0.78rem;
  font-weight: 700;
  color: #727783;
  margin-bottom: 16px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

._taggedHeaderRow_1to3y_264 {
  display: grid;
  grid-template-columns: 1.5fr 1fr 1fr 40px;
  gap: 16px;
  font-size: 0.72rem;
  font-weight: 700;
  color: #a0a6b5;
  margin-bottom: 8px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

._taggedRow_1to3y_276 {
  display: grid;
  grid-template-columns: 1.5fr 1fr 1fr 40px;
  gap: 16px;
  align-items: center;
  margin-bottom: 12px;
}

._rowSelect_1to3y_284 {
  padding: 10px 12px;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  font-size: 0.85rem;
  background-color: #fff;
  color: #1f2937;
  outline: none;
  cursor: pointer;
  width: 100%;
  box-sizing: border-box;
  transition: border-color 0.15s ease;
}

._rowSelect_1to3y_284:focus {
  border-color: #4E6137;
}

._rowInputHolding_1to3y_302 {
  padding: 10px 12px;
  border: 1px solid #A5D6A7; /* Sage-tinted border, matches .ii.g in the tool */
  border-radius: 6px;
  font-size: 0.85rem;
  background-color: #F1F8E9;
  color: #2E7D32;
  outline: none;
  width: 100%;
  box-sizing: border-box;
  text-align: right;
  transition: all 0.15s ease;
}

._rowInputHolding_1to3y_302:focus {
  background-color: #fff;
  border-color: #4E6137;
  box-shadow: 0 0 0 3px rgba(78, 97, 55, 0.1);
}

._rowInputSip_1to3y_322 {
  padding: 10px 12px;
  border: 1px solid #90CAF9; /* Blue-tinted border, matches .ii.b in the tool */
  border-radius: 6px;
  font-size: 0.85rem;
  background-color: #E3F2FD;
  color: #1565C0;
  outline: none;
  width: 100%;
  box-sizing: border-box;
  text-align: right;
  transition: all 0.15s ease;
}

._rowInputSip_1to3y_322:focus {
  background-color: #fff;
  border-color: #1565C0;
  box-shadow: 0 0 0 3px rgba(21, 101, 192, 0.1);
}

._rowDeleteBtn_1to3y_342 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  background-color: #fff;
  color: #9ca3af;
  font-size: 0.9rem;
  cursor: pointer;
  box-sizing: border-box;
  transition: all 0.15s ease;
}

._rowDeleteBtn_1to3y_342:hover {
  background-color: #FFEBEE;
  border-color: #EF9A9A;
  color: #C62828; /* Kept red — destructive action */
}

._rowAddBtn_1to3y_364 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: calc(50% - 8px);
  padding: 10px 16px;
  border: 1.5px dashed #4E6137;
  border-radius: 8px;
  background-color: #fff;
  color: #4E6137;
  font-size: 0.85rem;
  font-weight: 700;
  text-align: center;
  cursor: pointer;
  white-space: nowrap;
  box-sizing: border-box;
  transition: all 0.15s ease;
}

._rowAddBtn_1to3y_364:hover {
  background-color: #EEF2E7;
  border-color: #3D4D2B;
  color: #3D4D2B;
}

._taggedFooterRow_1to3y_389 {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
  margin-top: 16px;
}

._stepUpFieldGroup_1to3y_397 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  width: calc(50% - 8px);
}

._stepUpFieldLabel_1to3y_404 {
  font-size: 0.78rem;
  font-weight: 600;
  color: #475569;
  display: flex;
  align-items: center;
  gap: 8px;
}

/* Saved Tagged List Readonly */
._savedTaggedList_1to3y_414 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  background-color: #fafafa !important;
  border: 1.5px solid #e0e0e0 !important;
  border-radius: 6px;
  padding: 12px;
}

._savedTaggedTitle_1to3y_424 {
  font-size: 0.8rem;
  font-weight: 700;
  color: #333 !important;
}

._savedTaggedRow_1to3y_430 {
  font-size: 0.8rem;
  color: #555 !important;
}

._saveGoalBtn_1to3y_435 {
  background: linear-gradient(135deg, #1B5E20, #2E7D32); /* Matches .btn-save-goal in the tool */
  color: white;
  border: none;
  border-radius: 7px;
  padding: 8px 18px;
  font-size: 0.85rem;
  font-weight: 700;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 6px;
  box-shadow: 0 2px 8px rgba(27, 94, 32, 0.3);
  transition: all 0.2s ease;
}

._saveGoalBtn_1to3y_435:hover {
  background: linear-gradient(135deg, #164A1A, #256428);
}

._savedStatus_1to3y_455 {
  display: flex;
  align-items: center;
  gap: 12px;
}

._savedText_1to3y_461 {
  color: #1B5E20;
  font-size: 0.85rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 4px;
}

._editBtn_1to3y_470 {
  background-color: #E3F2FD; /* Blue — matches .btn-edit-goal in the tool */
  color: #1565C0;
  border: 1.5px solid #90CAF9;
  border-radius: 6px;
  padding: 6px 16px;
  font-size: 0.85rem;
  font-weight: 700;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 6px;
  transition: all 0.2s;
}

._editBtn_1to3y_470:hover {
  background-color: #BBDEFB;
}

._savedMessage_1to3y_489 {
  font-size: 0.8rem;
  font-style: italic;
  color: #94a3b8;
  margin-bottom: 20px;
}

/* Info Box */
._infoBox_1to3y_497 {
  background-color: #fafafa !important;
  border: 1.5px solid #e0e0e0 !important;
  border-radius: 8px;
  padding: 16px;
  margin-top: 32px;
  font-size: 0.8rem;
  color: #333 !important;
  line-height: 1.5;
}

._infoBox_1to3y_497 strong {
  font-weight: 700;
  color: #222 !important;
}

._footer_1to3y_513 {
  width: calc(100% - 40px);
  max-width: 1100px;
  margin: 32px auto 40px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 1.5rem;
}

._backBtn_1to3y_523 {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem 1.5rem;
  border: 1.5px solid #4E6137;
  border-radius: 8px;
  background-color: #fff;
  color: #4E6137;
  font-size: 0.9rem;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.2s ease;
}

._backBtn_1to3y_523:hover {
  background-color: #EEF2E7;
  color: #3D4D2B;
  transform: translateY(-1px);
}

._prepareBtn_1to3y_544 {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.6rem 1.5rem;
  border: none;
  border-radius: 8px;
  background: #6fa287;
  color: white;
  font-size: 0.9rem;
  font-weight: 700;
  cursor: pointer;
  box-shadow: 0 3px 12px rgba(27, 94, 32, 0.35);
  transition: all 0.2s ease;
}

._prepareBtn_1to3y_544:hover {
  transform: translateY(-1px);
  background-color: #9cb7a9;
}

/* Loan Planning Styles */
._loanPlanningSection_1to3y_566 {
  background-color: #EDE7F6; /* Purple — matches .cr-applied-box in the tool */
  border: 1.5px solid #B39DDB;
  border-radius: 8px;
  padding: 16px;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  gap: 24px;
}

._loanPlanningHeader_1to3y_577 {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #4527A0;
  font-weight: 700;
  font-size: 0.9rem;
  min-width: 150px;
}

._loanIcon_1to3y_587 {
  font-size: 1.1rem;
}

._loanTitle_1to3y_591 {
  color: #4527A0;
}

._loanPlanningInputGroup_1to3y_595 {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

._loanLabel_1to3y_602 {
  font-size: 0.75rem;
  color: #6A1B9A;
  font-weight: 600;
}

._loanInput_1to3y_608 {
  padding: 10px 14px;
  border: 1.5px solid #B39DDB;
  border-radius: 8px;
  font-size: 0.875rem;
  background-color: #F3E5F5;
  color: #4527A0;
  width: 100%;
  box-sizing: border-box;
  transition: all 0.2s ease;
}

._loanInput_1to3y_608:focus {
  outline: none;
  border-color: #6A1B9A;
  background-color: #ffffff;
  box-shadow: 0 0 0 1px #6A1B9A;
}

/* Financial Calculator Badges & Warnings */
._futureValueBadge_1to3y_628 {
  background-color: #FFF3E0; /* Amber — matches .goal-infl-val in the tool */
  border: 1px solid #FFCC80;
  color: #E65100;
  font-size: 0.79rem;
  padding: 6px 12px;
  border-radius: 6px;
  margin-top: 6px;
  display: inline-block;
  font-weight: 500;
}

._additionalRequiredBox_1to3y_640 {
  background-color: #fafafa !important;
  border: 1.5px solid #e0e0e0 !important;
  color: #333 !important;
  font-size: 0.8rem;
  padding: 10px 16px;
  border-radius: 8px;
  margin: 16px 0;
  display: flex;
  align-items: center;
  gap: 8px;
  line-height: 1.4;
}

._additionalRequiredBox_1to3y_640 strong {
  color: #222 !important;
}

._shortfallSummaryBox_1to3y_658 {
  background-color: #fafafa !important;
  border: 1.5px solid #e0e0e0 !important;
  border-left: 4px solid #4E6137 !important;
  color: #333 !important;
  font-size: 0.85rem;
  padding: 12px 18px;
  border-radius: 6px;
  margin-bottom: 20px;
}

._shortfallSummaryBox_1to3y_658 strong {
  color: #222 !important;
}

._shortfallBadge_1to3y_673 {
  background-color: #FFEBEE;
  color: #B71C1C; /* Kept red — genuine warning status */
  font-size: 0.72rem;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 20px;
  text-transform: capitalize;
  display: inline-block;
  margin-right: 8px;
}

/* Loan Planning Summary Card Styles */
._loanPlanningSummaryCard_1to3y_686 {
  background-color: #ffffff;
  border: 1px solid #B39DDB;
  border-radius: 8px;
  padding: 10px 16px;
  min-width: 250px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

._loanPlanningSummaryTitle_1to3y_698 {
  font-size: 0.82rem;
  font-weight: 700;
  color: #4527A0;
  margin-bottom: 4px;
}

._loanPlanningSummarySub_1to3y_705 {
  font-size: 0.72rem;
  color: #7B1FA2;
  font-weight: 500;
}

._capitalReceiptBox_1to3y_711 {
  background-color: #fafafa !important;
  border: 1.5px solid #e0e0e0 !important;
  border-radius: 8px;
  padding: 16px;
  margin-top: 16px;
  margin-bottom: 16px;
}

._capitalReceiptTitle_1to3y_720 {
  color: #333 !important;
  font-weight: 700;
  font-size: 0.78rem;
  text-transform: uppercase;
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  gap: 6px;
  letter-spacing: 0.5px;
}

._capitalReceiptRow_1to3y_732 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #333 !important;
  font-size: 0.85rem;
  padding: 6px 0;
}

._capitalReceiptRowName_1to3y_741 {
  flex: 1;
}

._capitalReceiptRowVal_1to3y_745 {
  font-weight: 700;
  background: #fff !important;
  color: #222 !important;
  padding: 4px 12px;
  border-radius: 4px;
  border: 1.5px solid #e0e0e0 !important;
  font-size: 0.8rem;
}

._capitalReceiptTotalRow_1to3y_755 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 700;
  color: #222 !important;
  font-size: 0.88rem;
  border-top: 1.5px solid #e0e0e0 !important;
  margin-top: 10px;
  padding-top: 10px;
}

/* Goal Fully Funded State */
._goalFullyFundedBox_1to3y_768 {
  background-color: #fafafa !important;
  border: 1.5px solid #e0e0e0 !important;
  color: #333 !important;
  font-size: 0.85rem;
  padding: 12px 16px;
  border-radius: 8px;
  margin: 16px 0;
  display: flex;
  align-items: center;
  gap: 8px;
  line-height: 1.5;
}

._goalFullyFundedBox_1to3y_768 strong {
  color: #4E6137 !important;
}

._fundedTaggedSection_1to3y_786 {
  background: #fafafa !important;
  border: 1.5px solid #e0e0e0 !important;
  border-radius: 10px;
  padding: 18px 20px;
  margin-bottom: 16px;
}

._fundedTaggedTitle_1to3y_794 {
  font-size: 0.78rem;
  font-weight: 700;
  color: #4E6137;
  letter-spacing: 0.5px;
  margin-bottom: 10px;
}

._fundedTaggedHeaderRow_1to3y_802 {
  display: grid;
  grid-template-columns: 1.5fr 1fr 1fr;
  gap: 10px;
  font-size: 0.72rem;
  font-weight: 600;
  color: #6b7280;
  text-transform: uppercase;
  padding-bottom: 8px;
  border-bottom: 1px solid #e0e0e0 !important;
}

._goalFulfilledBox_1to3y_814 {
  background-color: #fafafa !important;
  border: 1.5px solid #e0e0e0 !important;
  color: #333 !important;
  font-size: 0.85rem;
  padding: 12px 16px;
  border-radius: 8px;
  margin-bottom: 20px;
}

._goalFulfilledBox_1to3y_814 strong {
  color: #4E6137 !important;
}

._fundedTaggedInfoRow_1to3y_828 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 12px;
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  font-size: 0.82rem;
  margin-top: 6px;
  color: #444;
}

._stepUpCompactSelect_1to3y_841 {
  padding: 10px 14px;
  padding-right: 2.5rem;
  border: 1.5px solid #4E6137;
  border-radius: 8px;
  background-color: #fff;
  color: #1e293b;
  font-size: 0.82rem;
  font-weight: 700;
  cursor: pointer;
  outline: none;
  appearance: none;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3Cpath stroke='%234E6137' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");
  background-position: right 12px center;
  background-repeat: no-repeat;
  background-size: 1.25rem;
  transition: all 0.2s ease;
  width: 100%;
  box-sizing: border-box;
}

._stepUpCompactSelect_1to3y_841:focus {
  outline: none;
  border-color: #4E6137;
  background-color: #ffffff;
  box-shadow: 0 0 0 1px #4E6137;
}

._stepUpCompactSelect_1to3y_841:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}._main_1x5nk_1 {
    width: 100%;
}

._header_1x5nk_5 {
    padding-right: 0;
}

._headerInner_1x5nk_9 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.2rem 2rem;
}

._header_1x5nk_5 img,
._headImg_1x5nk_17 {
    width: 26%;
    padding: 0;
}

._planIdHeader_1x5nk_22 {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.5rem;
    font-size: 1rem;
    color: var(--gray-color);
}

._planIdHeader_1x5nk_22 span:last-child {
    font-size: 1.1rem;
    font-weight: 700;
    color: black;
}

._headText_1x5nk_37 {
    background-color: var(--red-color);
    color: white;
    font-size: 1.15rem;
    font-weight: 700;
    padding-left: 2rem;
    letter-spacing: 0.03em;
}

._headText_1x5nk_37 p {
    padding-top: 1rem;
    padding-bottom: 1rem;
    margin: 0;
}

._clientDiv_1x5nk_52 {
    padding-left: 2rem;
    padding-right: 2rem;
    margin-top: 1.2rem;
    margin-bottom: 1.2rem;
}

._clientInfoLabel_1x5nk_59 {
    font-size: 0.78rem;
    color: var(--gray-color);
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin-bottom: 0.4rem;
    font-weight: 500;
}

._clientChild_1x5nk_68 {
    display: flex;
    justify-content: flex-start;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.12);
    padding: 1.2rem 1.8rem;
    border-radius: 0.9rem;
    font-size: 1.05rem;
    gap: 0;
}

._clientChild_1x5nk_68 p {
    margin: 0;
    padding: 0;
    line-height: 1.6;
}

._clientChild_1x5nk_68 ._clientInfoChild_1x5nk_85 {
    flex: 1;
}

._clientChild_1x5nk_68 ._clientInfoChild_1x5nk_85:not(:last-child) {
    border-right: 1px solid rgba(0, 0, 0, 0.12);
    padding-right: 2rem;
    margin-right: 2rem;
}

/* Stat boxes */
._statBoxRow_1x5nk_96 {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    margin: 0 2rem 1.2rem 2rem;
}

._statBox_1x5nk_96 {
    flex: 1;
    border: 1px solid rgba(0, 0, 0, 0.12);
    text-align: center;
    border-radius: 0.85rem;
    padding: 1.2rem 1.5rem;
    background: #fff;
}

._statLabel_1x5nk_112 {
    font-size: 0.75rem;
    color: var(--gray-color);
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin-bottom: 0.5rem;
    font-weight: 500;
}

._statBox_1x5nk_96 p {
    margin: 0;
    padding: 0;
}

._statLabel_1x5nk_112 {
    margin-bottom: 0.5rem !important;
}

._statValue_1x5nk_130 {
    font-size: 1.2rem;
    font-weight: 700;
    color: black;
    line-height: 1.2;
}

/* Info Cards */
._infoCardsRow_1x5nk_138 {
    display: flex;
    gap: 1rem;
    margin: 0 2rem 1.2rem 2rem;
}

._cardPink_1x5nk_144 {
    flex: 1;
    border: 1px solid rgba(213, 53, 115, 0.3);
    border-radius: 0.85rem;
    background: rgba(255, 243, 246, 0.8);
    overflow: hidden;
}

._cardBlue_1x5nk_152 {
    flex: 1;
    border: 1px solid rgba(3, 131, 188, 0.3);
    border-radius: 0.85rem;
    background: rgba(240, 249, 255, 0.9);
    overflow: hidden;
}

._cardTitle_1x5nk_160 {
    font-size: 0.78rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    text-align: center;
    padding: 0.8rem 1rem 0.6rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

._cardPink_1x5nk_144 ._cardTitle_1x5nk_160 {
    color: rgba(213, 53, 115, 1);
}

._cardBlue_1x5nk_152 ._cardTitle_1x5nk_160 {
    color: rgba(3, 131, 188, 1);
}

._cardValues_1x5nk_178 {
    display: flex;
}

._cardValues_1x5nk_178>div {
    flex: 1;
    padding: 1rem 1.5rem;
    text-align: left;
}

._cardValues_1x5nk_178>div:not(:last-child) {
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    text-align: center;
}

._cardAmount_1x5nk_193 {
    font-size: 1.2rem;
    font-weight: 700;
    color: black;
    margin: 0 0 0.2rem 0;
    padding: 0;
    line-height: 1.3;
}

._cardSub_1x5nk_202 {
    font-size: 0.85rem;
    color: var(--gray-color);
    font-weight: 400;
    margin: 0;
    padding: 0;
}

._clientInfo_1x5nk_59 {
    margin-left: 2rem;
    margin-right: 2rem;

}

._infoHead_1x5nk_216 {
    font-size: 1.5rem;
    margin-bottom: 1.5rem;
    margin-top: 1.5rem;
}

._infoDiv_1x5nk_222 {
    display: flex;
    justify-content: space-between;
    border-radius: 1rem;
    font-size: 1.2rem;
    margin-bottom: 1rem;
}

._infoChild_1x5nk_230 {
    width: 25%;
}

._childDiv_1x5nk_234 {
    display: flex;
    justify-content: space-between;

}

._childDiv_1x5nk_234 span {
    font-size: 1rem;
}

table {
    margin-bottom: 1rem;
    width: 100%;
    border-spacing: 0;
    border-collapse: separate;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 1rem;
}

._investmentDiv_1x5nk_253 {
    font-size: 1.05rem;
    font-weight: 500;
}

._investmentHeading_1x5nk_258 {
    font-size: 13px;
    font-weight: 800;
    color: #222;
    padding-left: 10px;
    border-left: 3px solid #4E6137;
    margin: 0 0 0.5rem 0;
}

th {
    padding: 0.9rem 1.2rem;
    background-color: rgba(242, 250, 255, 1);
    font-size: 1rem;
    font-weight: 600;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

th:nth-child(1) {
    border-top-left-radius: 1rem;
}

th:last-child {
    border-top-right-radius: 1rem;
}

td {
    padding: 0.85rem 1.2rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.09);
    font-size: 1rem;
}

tr:last-child td {
    border-bottom: none;
}

tr:last-child {
    background-color: rgba(255, 243, 200, 1);
}

tr:last-child td {
    font-weight: 700;
}

._cashFlow_1x5nk_301 tr:last-child {
    background-color: #fff;
}

._cashFlow_1x5nk_301 td {
    font-size: 1.1rem;
    font-weight: 600;
}

._cashFlow_1x5nk_301 th {
    font-size: 1.2rem;
    font-weight: 600;
}

._cashFlow_1x5nk_301 {
    margin-left: 2rem;
    margin-right: 2rem;
}

tr:last-child td:nth-child(1) {
    border-bottom-left-radius: 1rem;
}

tr:last-child td:last-child {
    border-bottom-right-radius: 1rem;
}

._actionPlan_1x5nk_328 {
    margin-left: 2rem;
    margin-right: 2rem;
}

._surplusBox_1x5nk_333 {
    background: #E8F5E9;
    border: 2px solid #A5D6A7;
    border-radius: 16px;
    padding: 28px 32px;
    text-align: center;
}
._surplusBoxIcon_1x5nk_340 { font-size: 2rem; margin-bottom: 10px; }
._surplusBoxTitle_1x5nk_341 { font-size: 1.2rem; font-weight: 800; color: #1B5E20; margin-bottom: 8px; }
._surplusBoxText_1x5nk_342 { font-size: 0.92rem; color: #1B5E20; line-height: 1.7; }


._apHead_1x5nk_345 {

    font-size: 1.5rem;
    margin-bottom: 1.5rem;
    margin-top: 1.5rem;
}

._apPolicy_1x5nk_352 {
    color: rgba(3, 131, 188, 1) !important;
    font-weight: 600;
}

._disclaimer_1x5nk_357 {
    margin-left: 2rem;
    margin-right: 2rem;
    margin-bottom: 3rem;
    text-align: justify;
}

._discHead_1x5nk_364 {
    color: var(--red-color);
    font-size: 1.4rem;
    font-weight: 600;
    margin-bottom: 1rem;
    margin-top: 3rem;
}

._disclaimer_1x5nk_357 p {
    color: var(--placeholder-color);
}

._analysis_1x5nk_376 {
    margin-left: 2rem;
    margin-right: 2rem;
    text-align: justify;
}

._analysisHead_1x5nk_382 {
    font-size: 1.5rem;
    margin-bottom: 1.5rem;
    margin-top: 1.5rem;
}

._analysis_1x5nk_376 p {
    color: var(--gray-color);
    font-size: 1rem;
}

._timeline_1x5nk_393 {
    /* max-width: 1122px; */
    height: 100px;
    padding-top: 3rem;
    padding-bottom: 2rem;
    margin-bottom: 4rem;
    padding-left: 2%;
}

._mainBar_1x5nk_402 {
    position: relative;
    background-color: var(--placeholder-color);
    height: 5px;
    width: 98%;
}

._leftBar_1x5nk_409 {
    position: absolute;
    background-image: linear-gradient(to right, rgba(239, 147, 55, 1), rgba(213, 53, 115, 1));
    width: 50%;
    height: 5px;
}

._rightBar_1x5nk_416 {
    position: absolute;
    left: 50%;
    background-color: var(--placeholder-color);
    width: 50%;
    height: 5px;
}

._mainBar_1x5nk_402 :nth-child(3) {
    position: absolute;
    width: 20px;
    height: 20px;
    /* border:3px solid lightblue; */
    box-sizing: content-box;
    border-radius: 50%;
    background-color: rgba(239, 147, 55, 1);
    top: -0.6rem;
    left: -0.3rem;
}

._mainBar_1x5nk_402 :nth-child(4) {
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: rgba(213, 53, 115, 1);
    top: -0.4rem;
    left: 50%;
}

._mainBar_1x5nk_402 :nth-child(5) {
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: rgba(52, 168, 83, 1);
    top: -0.4rem;
    left: 99%;
}

._mainBar_1x5nk_402 :nth-child(6) {
    font-size: 1.1rem;
    font-weight: 600;
    position: absolute;
    top: 1.5rem;
    left: -1%;
}

._mainBar_1x5nk_402 :nth-child(7) {
    white-space: nowrap;
    font-size: 1.1rem;
    font-weight: 600;
    position: absolute;
    text-align: right;
    top: -2rem;
    width: 51%;
    color: var(--gray-color);

}

._mainBar_1x5nk_402 :nth-child(7) span {
    color: rgba(213, 53, 115, 1);
    position: initial;
}

/* .mainBar :nth-child(7) span{
    color: rgba(213, 53, 115, 1);
} */


._mainBar_1x5nk_402 :nth-child(8) {
    white-space: nowrap;
    font-size: 1.1rem;
    font-weight: 600;
    position: absolute;
    text-align: right;
    top: 1.5rem;
    right: 49%;
    color: rgba(213, 53, 115, 1);
}

._mainBar_1x5nk_402 :last-child {
    color: rgba(52, 168, 83, 1);
    font-size: 1.1rem;
    font-weight: 600;
    position: absolute;
    text-align: right;
    top: 1.5rem;
    /* left: 90%; */
    right: 0;
    text-wrap: nowrap;
}

/* L */
._mainBarL_1x5nk_510 {
    position: relative;
    background-color: var(--placeholder-color);
    height: 5px;
    width: 98%;
}

._leftBarL_1x5nk_517 {
    position: absolute;
    background-image: linear-gradient(to right, rgba(239, 147, 55, 1), rgba(213, 53, 115, 1));
    width: 30%;
    height: 5px;
}

._rightBarL_1x5nk_524 {
    position: absolute;
    left: 30%;
    background-color: var(--placeholder-color);
    width: 70%;
    height: 5px;
}

._mainBarL_1x5nk_510 :nth-child(3) {
    position: absolute;
    width: 20px;
    height: 20px;
    /* border:3px solid lightblue; */
    box-sizing: content-box;
    border-radius: 50%;
    background-color: rgba(239, 147, 55, 1);
    top: -0.6rem;
    left: -0.3rem;
}

._mainBarL_1x5nk_510 :nth-child(4) {
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: rgba(213, 53, 115, 1);
    top: -0.4rem;
    left: 30%;
}

._mainBarL_1x5nk_510 :nth-child(5) {
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: rgba(52, 168, 83, 1);
    top: -0.4rem;
    left: 99%;
}

._mainBarL_1x5nk_510 :nth-child(6) {
    font-size: 1.1rem;
    font-weight: 600;
    position: absolute;
    top: 1.5rem;
    left: -1%;
}

._mainBarL_1x5nk_510 :nth-child(7) {
    font-size: 1.1rem;
    font-weight: 600;
    position: absolute;
    text-align: right;
    top: -2rem;
    width: 31%;
    left: 0;
    white-space: nowrap;
    /* left: 6%; */
    /* color: rgba(213, 53, 115, 1); */
    color: var(--gray-color);
}

._mainBarL_1x5nk_510 :nth-child(7) span {
    position: initial;
    color: rgba(213, 53, 115, 1);
    padding-right: 10px;
}

._mainBarL_1x5nk_510 :nth-child(8) {
    white-space: nowrap;
    font-size: 1.1rem;
    font-weight: 600;
    position: absolute;
    text-align: right;
    top: 1.5rem;
    /* left: 20%; */
    right: 69%;
    color: rgba(213, 53, 115, 1);
}

._mainBarL_1x5nk_510 :last-child {
    text-align: right;
    color: rgba(52, 168, 83, 1);
    font-size: 1.1rem;
    font-weight: 600;
    position: absolute;
    top: 1.5rem;
    /* left: 90%; */
    right: 0;
    text-wrap: nowrap;
}

/* Greater */
._mainBarG_1x5nk_617 {
    position: relative;
    background-color: var(--placeholder-color);
    height: 5px;
    width: 98%;
}

._leftBarG_1x5nk_624 {
    position: absolute;
    background-image: linear-gradient(to right, rgba(239, 147, 55, 1), rgba(213, 53, 115, 1));
    width: 75%;
    height: 5px;
}

._rightBarG_1x5nk_631 {
    position: absolute;
    left: 75%;
    background-color: var(--placeholder-color);
    width: 25%;
    height: 5px;
}

._mainBarG_1x5nk_617 :nth-child(3) {
    position: absolute;
    width: 20px;
    height: 20px;
    /* border:3px solid lightblue; */
    box-sizing: content-box;
    border-radius: 50%;
    background-color: rgba(239, 147, 55, 1);
    top: -0.6rem;
    left: -0.3rem;
}

._mainBarG_1x5nk_617 :nth-child(4) {
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: rgba(213, 53, 115, 1);
    top: -0.4rem;
    left: 75%;
}

._mainBarG_1x5nk_617 :nth-child(5) {
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: rgba(52, 168, 83, 1);
    top: -0.4rem;
    left: 99%;
}

._mainBarG_1x5nk_617 :nth-child(6) {
    font-size: 1.1rem;
    font-weight: 600;
    position: absolute;
    top: 1.5rem;
    left: -1%;
}

._mainBarG_1x5nk_617 :nth-child(7) {
    font-size: 1.1rem;
    font-weight: 600;
    position: absolute;
    text-align: right;
    top: -2.5rem;
    left: 0%;
    white-space: nowrap;
    /* color: rgba(213, 53, 115, 1); */
    color: var(--gray-color);
    ;
    width: 76%;

}

._mainBarG_1x5nk_617 :nth-child(7) span {
    color: rgba(213, 53, 115, 1);
    position: initial;
}

._mainBarG_1x5nk_617 :nth-child(8) {
    font-size: 1.1rem;
    font-weight: 600;
    position: absolute;
    text-align: right;
    top: 1.5rem;
    right: 24%;
    color: rgba(213, 53, 115, 1);
}

._mainBarG_1x5nk_617 :last-child {
    color: rgba(52, 168, 83, 1);
    font-size: 1.1rem;
    font-weight: 600;
    position: absolute;
    text-align: right;
    top: 1.5rem;
    /* left: 90%; */
    right: 0;
    text-wrap: nowrap;
}

/* 100% */
._mainBarF_1x5nk_722 {
    position: relative;
    background-image: linear-gradient(to right, rgba(239, 147, 55, 1), rgba(52, 168, 83, 1));
    height: 5px;
    width: 98%;
}

._mainBarF_1x5nk_722 :nth-child(1) {
    position: absolute;
    width: 20px;
    height: 20px;
    /* border:3px solid lightblue; */
    box-sizing: content-box;
    border-radius: 50%;
    background-color: rgba(239, 147, 55, 1);
    top: -0.6rem;
    left: -0.3rem;
}


._mainBarF_1x5nk_722 :nth-child(2) {
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: rgba(52, 168, 83, 1);
    top: -0.4rem;
    left: 99%;
}

._mainBarF_1x5nk_722 :nth-child(3) {
    font-size: 1.1rem;
    font-weight: 600;
    position: absolute;
    top: 1.5rem;
    left: -1%;
}

._mainBarF_1x5nk_722 :nth-child(4) {
    white-space: nowrap;
    font-size: 1.1rem;
    font-weight: 600;
    position: absolute;
    text-align: right;
    top: -3rem;
    /* left: 75%; */
    width: 100%;
    right: 0%;
    /* color: rgba(52, 168, 83, 1); */
    color: var(--gray-color);
    ;
}

._mainBarF_1x5nk_722 :nth-child(4) span {
    color: rgba(52, 168, 83, 1);
    position: initial;
    background-color: transparent;
}

._mainBarF_1x5nk_722 :nth-child(5) {
    white-space: nowrap;
    font-size: 1.1rem;
    font-weight: 600;
    position: absolute;
    text-align: right;
    top: 1.5rem;
    /* left: 89%; */
    right: 0;
    color: rgba(52, 168, 83, 1);
}

/* timeline end */

._doughnutDiv_1x5nk_795 {
    page-break-inside: avoid;
    /* Prevent breaking inside this div */
    page-break-before: auto;
    /* Allow breaking before if necessary */
    page-break-after: auto;
    /* Allow breaking after if necessary */
    break-inside: avoid;
    /* Modern CSS for the same behavior */
    width: 100%;
    /* height: 60vh; */
    display: flex;
    flex-direction: column;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 1rem;
}

._doughnutTop_1x5nk_812 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 2.5rem 2rem;
    gap: 6rem;
    flex-wrap: nowrap;
}

._doughnut_1x5nk_795 {
    width: 20%;
    min-width: 120px;
    height: auto;
    flex-shrink: 0;
}

._doughnutLegend_1x5nk_828 {
    flex: 1;
    min-width: 300px;
}

._doughnutLegend_1x5nk_828 ul {
    font-size: 1.15rem;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    margin: 0;
    padding-left: 1.5rem;
    gap: 1.2rem;
}

._doughnutLegend_1x5nk_828 li {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 2rem;
    list-style-type: none;
    line-height: 1.4;
    position: relative;
}

._doughnutLegend_1x5nk_828 li::before {
    content: "•";
    position: absolute;
    left: -1.6rem;
    font-size: 2.5rem;
    line-height: 1;
    top: -0.45rem;
}

._doughnutLegend_1x5nk_828 li:nth-child(1)::before {
    color: rgba(213, 53, 115, 1);
}

._doughnutLegend_1x5nk_828 li:nth-child(2)::before {
    color: rgba(225, 118, 18, 1);
}

._doughnutLegend_1x5nk_828 li:nth-child(3)::before {
    color: rgba(173, 66, 239, 1);
}

._labelPart_1x5nk_874 {
    color: var(--gray-color);
    width: 80%;
    min-width: 250px;
}

._labelPart_1x5nk_874 span:nth-child(2) {
    color: rgba(52, 168, 83, 1);
    margin-left: 0.5rem;
}

._valuePart_1x5nk_885 {
    color: #000;
    font-weight: 500;
    font-size: 1.15rem;
    white-space: nowrap;
    padding-top: 0.15rem;
}

._doughnutBottom_1x5nk_893 {
    background-color: rgba(242, 250, 255, 1);
    border-bottom-right-radius: 1rem;
    border-bottom-left-radius: 1rem;
    text-align: center;
    font-size: 1.1rem;
    padding: 0.75rem 1rem;
    color: rgba(3, 131, 188, 1);
    font-weight: 600;
}

@media (max-width: 900px) {}

@media (max-width: 576px) {}

._insuranceSection_1x5nk_908 {
    margin: 35px 2rem 0 2rem;
    background: #fff;
    border: 1px solid #e0e6ed;
    border-radius: 20px;
    overflow: hidden;
    /* margin-top: 200px; */
    break-before: page;
    page-break-before: always;
}

._pdfpagebreakbefore_1x5nk_919 {
    break-before: page;
    page-break-before: always;
}

._pdfpagebreakafter_1x5nk_924 {

    break-after: page;
    page-break-after: always;
}


._insuranceHeader_1x5nk_931 {
    padding: 22px 30px;
    background-color: #f5f7f9;
    border-bottom: 1px solid #f0f0f0;
}

._insuranceHeaderTitle_1x5nk_937 {
    font-size: 24px;
    font-weight: 700;
    color: #111;
    margin: 0 0 4px 0;
}

._insuranceHeaderDesc_1x5nk_944 {
    font-size: 15px;
    color: #333;
    margin: 0;
}

._insuranceGrid_1x5nk_950 {
    display: flex;
    padding: 30px;
    gap: 25px;
}

._insuranceCard_1x5nk_956 {
    flex: 1;
    padding: 24px 28px;
    border-radius: 24px;
    border: 1px solid #eef2f5;
    position: relative;
    min-height: 140px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

._healthCard_1x5nk_968 {
    background-color: #f7fbf9;
    border-color: #e8f3ee;
}

._lifeCard_1x5nk_973 {
    background-color: #f7faff;
    border-color: #e8f1f9;
}

._insuranceCardHeader_1x5nk_978 {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

._insuranceCardLabel_1x5nk_984 {
    font-size: 18px;
    font-weight: 500;
}

._healthCard_1x5nk_968 ._insuranceCardLabel_1x5nk_984 {
    color: #6da481;
}

._lifeCard_1x5nk_973 ._insuranceCardLabel_1x5nk_984 {
    color: #78acc0;
}

._insuranceCardValue_1x5nk_997 {
    font-size: 34px;
    font-weight: 700;
    color: #111;
    margin-top: 10px;
}

._insuranceIcon_1x5nk_1004 {
    font-size: 36px !important;
    opacity: 0.8;
}

._healthCard_1x5nk_968 ._insuranceIcon_1x5nk_1004 {
    color: #6da481;
}

._lifeCard_1x5nk_973 ._insuranceIcon_1x5nk_1004 {
    color: #78acc0;
}

._insuranceFooterNote_1x5nk_1017 {
    margin: 20px auto 10px auto;
    width: 90%;
    font-size: 16px;
    color: #1677ff;
    text-align: center;
    line-height: 1.4;
    word-wrap: break-word;
}

._insuranceDiv_1x5nk_1027 {
    border: 1px solid var(--border-color);
    border-radius: 1rem;
    margin-top: 1rem;
}

._insuranceDiv_1x5nk_1027 div:nth-child(1) {
    margin: 0;
    font-size: 1.1rem;
    color: var(--gray-color);
    padding: 1rem;
    border-top-right-radius: 1rem;
    border-top-left-radius: 1rem;
    background-color: rgba(242, 250, 255, 1);
    display: flex;
    flex-direction: column;
}

._bold_1x5nk_1045 {
    font-size: 1.2rem;
    color: black;
    font-weight: 600;
}

._insuranceDiv_1x5nk_1027 div:nth-child(2) {
    margin: 0;
    padding: 1rem;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid var(--border-color);
}

._insuranceDiv_1x5nk_1027 div:nth-child(3) {
    margin: 0;
    padding: 1rem;
    display: flex;
    justify-content: space-between;
}

._pdfPageWrapper_1x5nk_1066 {
    margin-left: 2rem;
    margin-right: 2rem;
}

/* ── New header banner (matches PlanOutput) ── */
._newBanner_1x5nk_1072 {
    background: #6fa287;
    padding: 1.2rem 2.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    position: relative;
}
._newBannerLogo_1x5nk_1081 { height: 48px; width: auto; max-width: 170px; object-fit: contain; filter: brightness(1.18) drop-shadow(0 2px 6px rgba(0,0,0,0.18)); }
._newBannerLogoWrap_1x5nk_1082 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0;
    flex-shrink: 0;
    margin-left: -20px;
}
._newBannerDate_1x5nk_1091 {
    position: absolute;
    right: 2.5rem;
    top: 50%;
    transform: translateY(-50%);
    color: rgba(255,255,255,0.85);
    font-size: 0.9rem;
    font-weight: 600;
    letter-spacing: 0.01em;
}

._incubatedByLabel_1x5nk_1102 {
    color: #ED1C24;
    font-size: 0.78rem;
    font-weight: 500;
    letter-spacing: 0.01em;
    text-transform: none;
    text-align: center;
    width: 100%;
    line-height: 1;
    margin: 0;
    display: block;
}

._newBannerLogoWrap_1x5nk_1082 ._newBannerLogo_1x5nk_1081 {
    margin-top: -10px;
}


._newBannerPlanId_1x5nk_1120 {
    font-weight: 700;
    font-size: 0.7rem;
    letter-spacing: 0.02em;
    color: #fff;
    background: rgba(255,255,255,0.12);
    padding: 4px 12px;
    border-radius: 18px;
    border: 1px solid rgba(255,255,255,0.25);
}

._newBannerDate_1x5nk_1091 { color: rgba(255,255,255,0.85); font-size: 0.9rem; font-weight: 600; letter-spacing: 0.01em; }

._newHeadText_1x5nk_1133 {
    background-color: #3a3c48;
    color: rgba(255,255,255,0.92);
    font-size: 0.82rem;
    font-weight: 800;
    padding: 0.8rem 0;
    text-align: center;
    letter-spacing: 0.5rem;
    text-transform: uppercase;
    margin-bottom: 1rem;
    border-top: 1px solid rgba(255,255,255,0.08);
    position: relative;
    min-height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}

._newHeadTextLogoRow_1x5nk_1151 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
    padding: 8px 0 0;
    position: absolute;
    left: 10px;
    top: 0;
    width: 160px;
}
._newHeadTextLogo_1x5nk_1151 {
    height: 28px;
    width: auto;
    max-width: 140px;
    object-fit: contain;
}
._newHeadTextIncubatedBy_1x5nk_1169 {
    color: #ED1C24;
    font-size: 0.5rem;
    margin-top: 8px;
    font-weight: 600;
    letter-spacing: 0.01em;
    line-height: 0;
    text-align: center;
}

/* ── Info grid (10 stat items) ── */
._newInfoGridContainer_1x5nk_1180 {
    border: 1.5px solid #eee;
    border-radius: 10px;
    background: #fff;
    margin: 0 32px 16px;
    overflow: hidden;
}
._newInfoGrid_1x5nk_1180 { display: grid; grid-template-columns: repeat(5, 1fr); }
._newInfoItem_1x5nk_1188 {
    padding: 12px 16px;
    border-right: 1px solid #eee;
    display: flex;
    flex-direction: column;
    min-height: 80px;
}
._newInfoItem_1x5nk_1188:nth-child(5n) { border-right: none; }
._newInfoItem_1x5nk_1188:nth-child(-n+5) { border-bottom: 1px solid #eee; }
._newInfoLabel_1x5nk_1197 { font-size: 10px; color: #999; font-weight: 600; text-transform: uppercase; letter-spacing: 0.4px; margin-bottom: 4px; }
._newInfoValue_1x5nk_1198 { font-size: 15px; font-weight: 800; color: #222; }

._newSummaryBar_1x5nk_1200 {
    background-color: #FFF3E0;
    border: 1px solid #FFCC80;
    border-radius: 7px;
    padding: 9px 14px;
    color: #E65100;
    font-weight: 600;
    font-size: 12px;
    margin: 0 32px 14px;
}
._newSummaryBar_1x5nk_1200 b { color: #E65100; font-weight: 800; }

/* ── Monthly expenses card ── */
._newExpenseCard_1x5nk_1213 {
    margin: 0 32px 16px;
    border: 2px solid #4E6137;
    border-radius: 10px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    overflow: hidden;
}
._newExpenseCardCol_1x5nk_1221 { padding: 14px 20px; display: flex; flex-direction: column; }
._newExpenseCardCol_1x5nk_1221:last-child { text-align: right; }
._newHighlightLabel_1x5nk_1223 { font-size: 10px; color: #4E6137; font-weight: 700; text-transform: uppercase; letter-spacing: 0.4px; margin-bottom: 6px; }
._newHighlightValue_1x5nk_1224 { font-size: 20px; font-weight: 800; color: #222; }
._newHighlightSub_1x5nk_1225 { font-size: 11px; color: #888; margin-top: 2px; }

/* ── Rates card (5 columns) ── */
._newRatesCard_1x5nk_1228 {
    margin: 0px 32px 20px;
    background-color: #FFF8E1;
    border: 1px solid #FFE082;
    border-radius: 10px;
    padding: 14px 18px;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 12px;
}
._newRateItem_1x5nk_1238 { display: flex; flex-direction: column; justify-content: space-between; }
._newRateLabel_1x5nk_1239 { font-size: 10px; color: #888; font-weight: 600; text-transform: uppercase; letter-spacing: 0.4px; margin-bottom: 6px; line-height: 1.35; }
._newRateValue_1x5nk_1240 { font-size: 17px; font-weight: 800; margin-top: auto; }
._newRateValueGreen_1x5nk_1241 { color: #1B5E20; }
._newRateValueOrange_1x5nk_1242 { color: #E65100; }

/* ── Financial Health Summary ── */
._financialSummaryBox_1x5nk_1245 {
    margin: 20px 32px;
    padding: 14px 18px;
    background: #fafafa;
    border: 1px solid #e0e0e0;
    border-radius: 10px;
}
._financialSummaryTitle_1x5nk_1252 { font-size: 15px; font-weight: 800; margin-bottom: 8px; color: #222; display: flex; align-items: center; gap: 6px; }
._financialSummaryText_1x5nk_1253 { font-size: 12px; line-height: 1.7; color: #333; }
._financialSummaryText_1x5nk_1253 b { color: #333; font-weight: 700; }

/* ── Plan Summary ── */
._planSummaryCard_1x5nk_1257 {
    background: #fafafa;
    border: 1.5px solid #e0e0e0;
    border-radius: 12px;
    padding: 20px 24px;
    margin: 0 32px 16px;
    color: #333;
}
._planSummaryHeader_1x5nk_1265 { margin-bottom: 1rem; }
._planSummaryTitle_1x5nk_1266 { color: #222; font-weight: 800; font-size: 13px; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 4px; display: flex; align-items: center; gap: 6px; }
._planSummarySubtitle_1x5nk_1267 { color: #333; font-size: 11px; margin-top: 0.3rem; letter-spacing: 0.2px; }
._planSummaryContent_1x5nk_1268 { color: #333; font-size: 12px; line-height: 1.85; }
._planSummaryContent_1x5nk_1268 p { margin-bottom: 0.7rem; }
._planSummaryContent_1x5nk_1268 b { color: #333; font-weight: 700; }
._planSummaryBadges_1x5nk_1271 { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; padding-top: 12px; border-top: 1px solid #e0e0e0; }
._badgeItem_1x5nk_1272 {
    background: white;
    border: 1px solid #ddd;
    border-radius: 20px;
    padding: 5px 14px;
    font-size: 11px;
    font-weight: 700;
    color: #333;
    display: flex;
    align-items: center;
    gap: 6px;
}

/* ── Recommended SIP ── */
._recommendedSipCard_1x5nk_1286 {
    background-color: #fafafa;
    border: 1.5px solid #e0e0e0;
    border-radius: 12px;
    padding: 18px 20px;
    margin: 0 0 32px 0;
}
._recommendedSipTitle_1x5nk_1293 { color: #333; font-weight: 800; font-size: 12px; text-transform: uppercase; letter-spacing: 0.6px; margin-bottom: 12px; display: flex; align-items: center; gap: 8px; }
._sipTable_1x5nk_1294 { width: 100%; border-collapse: collapse; border: none; background: transparent; }
._sipTable_1x5nk_1294 th {
    text-align: left;
    font-size: 10px;
    font-weight: 700;
    color: #333;
    text-transform: uppercase;
    padding: 5px 10px;
    border-bottom: 1.5px solid #e0e0e0;
    background: transparent;
    letter-spacing: 0.4px;
}
._sipTable_1x5nk_1294 td { padding: 7px 10px; font-size: 11px; color: #333; border: none; background: transparent; border-bottom: 1px solid #eee; }
._sipTableRowHighlighted_1x5nk_1307 td { border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; color: #333; background-color: #fafafa; }
._sipTableTotalRow_1x5nk_1308 td { border-top: 2px solid #ddd; background: #f5f5f5; border-bottom: none; }
._sipTotalLabel_1x5nk_1309 { font-weight: 800; color: #222; font-size: 12px; }
._sipTotalValue_1x5nk_1310 { font-weight: 800; color: #333; font-size: 14px; text-align: right; }
._sipNote_1x5nk_1311 { margin-top: 8px; font-size: 10px; color: #333; font-style: italic; }

/* ── Investment Portfolio table (restyled) ── */
._newInvestmentTable_1x5nk_1314 { width: 100%; border-collapse: collapse; margin-top: 1rem; border: 1.5px solid #eee; border-radius: 10px; overflow: hidden; }
._newInvestmentTable_1x5nk_1314 thead th {
    padding: 9px 13px;
    background: #f5f5f5;
    border-bottom: 2px solid #ddd;
    color: #555;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    text-align: left;
}
._newInvestmentTable_1x5nk_1314 thead th:not(:first-child) { text-align: right; }
._newInvestmentTable_1x5nk_1314 td {
    padding: 8px 13px;
    font-size: 0.78rem;
    color: #1e293b;
    border-bottom: 1px solid #f0f0f0;
    font-weight: 500;
}
._newInvestmentTable_1x5nk_1314 td:not(:first-child) { text-align: right; }

._newCategoryRow_1x5nk_1336 td {
    padding: 5px 13px;
    background: #fafafa;
    font-size: 10px;
    font-weight: 800;
    color: #333;
    text-transform: uppercase;
    letter-spacing: 0.7px;
    border-bottom: none;
}
._newCategoryDot_1x5nk_1346 { display: inline-block; width: 8px; height: 8px; border-radius: 50%; margin-right: 8px; vertical-align: middle; }
._newDotRed_1x5nk_1347 { background-color: #ef4444; }
._newDotBlue_1x5nk_1348 { background-color: #3b82f6; }

._newRetirementRow_1x5nk_1350 td { background-color: #F3F6EE; }
._newLiquidRow_1x5nk_1351 td { background-color: #f8f9ff; }

._newLockBadge_1x5nk_1353 {
    background-color: #FFF3E0;
    border: 1px solid #FFCC80;
    border-radius: 4px;
    padding: 2px 6px;
    margin-left: 8px;
    font-size: 9px;
}

._newInvestmentTotalRow_1x5nk_1362 { border-top: 2px solid #ddd; background: #f5f5f5; }
._newInvestmentTotalRow_1x5nk_1362 td {
    padding: 9px 13px;
    font-weight: 700;
    color: #222;
    font-size: 0.78rem;
    background: #f5f5f5;
    border-bottom: none;
}
._newInvestmentTotalRow_1x5nk_1362 td:not(:first-child) { text-align: right; }

/* ── Capital Receipts + Retirement Analysis (new cards) ── */
._newSectionCard_1x5nk_1374 { margin: 0 0 2rem 0; }

._newReceiptsTable_1x5nk_1376 { width: 100%; border-collapse: collapse; margin-top: 0.5rem; border: 1.5px solid #eee; border-radius: 10px; overflow: hidden; }
._newReceiptsTable_1x5nk_1376 thead th {
    padding: 9px 13px;
    background: #f5f5f5;
    border-bottom: 2px solid #ddd;
    color: #555;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    text-align: left;
}
._newReceiptsTable_1x5nk_1376 thead th:last-child { text-align: right; }
._newReceiptsTable_1x5nk_1376 td {
    padding: 8px 13px;
    font-size: 0.95rem;
    color: #1e293b;
    border-bottom: 1px solid #f0f0f0;
    font-weight: 500;
}
._newReceiptsTable_1x5nk_1376 td:last-child { text-align: right; }
._newReceiptsEmpty_1x5nk_1397 {
    padding: 1.2rem;
    text-align: center;
    color: #92400e;
    font-style: italic;
    font-size: 0.95rem;
    background: #FFF3C4;
}

._sectionContentBox_1x5nk_1406 {
    background: #fafafa;
    border: 1.5px solid #e0e0e0;
    border-radius: 12px;
    padding: 16px 20px;
     margin-bottom: 2rem;
}

._newRetirementSubText_1x5nk_1414 { margin: 0.4rem 0 1.2rem; font-size: 1rem; color: #7a7a7a; }

._newSummaryAnalysisGrid_1x5nk_1416 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.2rem; margin: 1.5rem 0; }
._newSummaryAnalysisCard_1x5nk_1417 { background: #ffffff; border: 1.5px solid #eee; border-radius: 10px; padding: 14px; text-align: center; }
._newSummaryAnalysisLabel_1x5nk_1418 { font-size: 10px; font-weight: 600; color: #999; text-transform: uppercase; letter-spacing: 0.3px; margin-bottom: 5px; }
._newSummaryAnalysisValue_1x5nk_1419 { font-size: 20px; font-weight: 800; color: #222; margin-bottom: 0.6rem; }
._newSummaryAnalysisValueOrange_1x5nk_1420 { color: #E65100; }
._newSummaryAnalysisSplit_1x5nk_1421 { font-size: 11px; color: #888; margin-top: 3px; }
._newSummaryAnalysisSplit_1x5nk_1421 b { color: #334155; font-weight: 600; }
._newSummaryAnalysisFooter_1x5nk_1423 { margin-top: 1.5rem; padding-top: 1rem; border-top: 2px solid #f1f5f9; font-size: 12px; color: #555; font-weight: 500; }
._newGoalPercent_1x5nk_1424 { color: #4E6137; font-weight: 800; }

/* ── Goal-wise Analysis ── */
._goalCard_1x5nk_1427 { border-radius: 12px; background: #fff; border: 1.5px solid #eee; margin-bottom: 0.7rem; }
._goalCardHeader_1x5nk_1428 { padding: 10px 18px; display: flex; justify-content: space-between; align-items: flex-start; }
._goalCardTitle_1x5nk_1429 { font-size: 1.05rem; font-weight: 800; color: #1e293b; display: flex; align-items: center; gap: 8px; }
._goalCardMeta_1x5nk_1430 { font-size: 0.78rem; color: #64748b; margin-top: 5px; display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
._goalCardMetaDivider_1x5nk_1431 { color: #cbd5e1; }
._goalCardBadge_1x5nk_1432 { border-radius: 20px; padding: 4px 14px; font-size: 0.78rem; font-weight: 800; white-space: nowrap; margin-left: 12px; background: #f0f0f0; color: #333; border: 1px solid #ddd; }

._goalCardStatsGrid_1x5nk_1434 { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid #eee; }
._goalStatBox_1x5nk_1435 { background: #fafafa; border-right: 1px solid #eee; padding: 9px 14px; min-width: 0; overflow: hidden; }
._goalStatBox_1x5nk_1435:last-child { border-right: none; }
._goalStatBoxLabel_1x5nk_1437 { font-size: 0.62rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.03em; color: #999; margin-bottom: 6px; white-space: normal; word-break: break-word; line-height: 1.25; }
._goalStatBoxValue_1x5nk_1438 {
    font-size: 1.1rem;
    font-weight: 800;
    color: #222;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

._goalCardFooter_1x5nk_1447 { padding: 10px 18px; border-top: 1px solid #eee; background: #fafafa; font-size: 0.8rem; color: #333; display: flex; align-items: center; flex-wrap: wrap; gap: 6px; }
._goalCardFooterDivider_1x5nk_1448 { color: #cbd5e1; }

._goalCardAllocPanel_1x5nk_1450 { padding: 14px 18px 16px; border-top: 1px solid #eee; background: #fafafa;  border-bottom-left-radius: 12px; border-bottom-right-radius: 12px;}
._goalCardAllocTitle_1x5nk_1451 { font-size: 0.68rem; font-weight: 800; color: #4E6137; letter-spacing: 0.06em; text-transform: uppercase; margin-bottom: 10px; }
._goalCardAllocCallout_1x5nk_1452 { font-size: 0.8rem; color: #334155; margin-bottom: 10px; }
._goalCardAllocChips_1x5nk_1453 { display: flex; flex-wrap: wrap; gap: 6px; }
._allocChip_1x5nk_1454 { display: flex; flex-direction: column; align-items: center; border: 1.5px solid #e0e0e0; border-radius: 8px; padding: 5px 10px; min-width: 60px; background: #fff; }
._allocChipLabel_1x5nk_1455 { font-size: 0.62rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: #555; opacity: 0.8; }
._allocChipValue_1x5nk_1456 { font-size: 0.8rem; font-weight: 800; color: #222; }

/* ── SIP Redirection Flow ── */
._sipFlowBox_1x5nk_1459 { background: #fafafa; border: 1.5px solid #e0e0e0; border-radius: 12px; padding: 20px; }
._sipFlowTitle_1x5nk_1460 { font-size: 0.95rem; font-weight: 800; color: #222; margin-bottom: 8px; display: flex; align-items: center; gap: 8px; }
._sipFlowDesc_1x5nk_1461 { font-size: 0.8rem; color: #555; margin-bottom: 16px; line-height: 1.5; }
._sipFlowRow_1x5nk_1462 { display: flex; align-items: flex-start; gap: 10px; padding: 10px 0; border-bottom: 1px solid #eee; }
._sipFlowRow_1x5nk_1462:last-child { border-bottom: none; padding-top: 12px; }
._sipFlowIcon_1x5nk_1464 { font-size: 1rem; flex-shrink: 0; }
._sipFlowText_1x5nk_1465 { font-size: 0.82rem; color: #333; line-height: 1.5; }

/* ── Retirement Corpus Analysis ── */
._corpusAnalysisDiv_1x5nk_1468 { background-color: #fafafa; border: 1.5px solid #e0e0e0; border-radius: 10px; padding: 12px 18px; margin-top: 0.5rem; color: #333; }
._corpusStatGrid_1x5nk_1469 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-bottom: 14px; }
._corpusStatCard_1x5nk_1470 {}
._corpusStatLabel_1x5nk_1471 { font-size: 10px; font-weight: 600; color: #666; margin-bottom: 3px; text-transform: uppercase; letter-spacing: 0.3px; }
._corpusStatValue_1x5nk_1472 { font-size: 18px; font-weight: 800; margin-bottom: 0.2rem; color: #222; }
._corpusStatSub_1x5nk_1473 { font-size: 10px; color: #888; }

._corpusTable_1x5nk_1475 { width: 100%; border-collapse: collapse; margin-top: 1.5rem; border: none; background: transparent; }
._corpusTable_1x5nk_1475 th {
    text-align: left;
    font-size: 10px;
    font-weight: 700;
    color: #666;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    padding: 6px 8px;
    background-color: transparent;
    border-bottom: 1px solid #e0e0e0;
}
._corpusTable_1x5nk_1475 td { padding: 6px 8px; font-size: 11px; font-weight: 500; color: #333; border-bottom: 1px solid #eee; background: transparent; }
._corpusTableRowHighlight_1x5nk_1488 { background-color: #fafafa; }
._corpusTableRowHighlight_1x5nk_1488 td { color: #222; font-weight: 700; border-bottom: none; background-color: #fafafa; }

._corpusAllocPanel_1x5nk_1491 { margin-top: 1rem; border-radius: 12px; border: 1px solid #e2e8f0; background: #fafafa; }
._corpusAllocInner_1x5nk_1492 { padding: 16px 20px 18px;  border-radius: 12px; }
._corpusAllocTitle_1x5nk_1493 { font-size: 0.72rem; font-weight: 800; color: #4E6137; letter-spacing: 0.06em; text-transform: uppercase; margin-bottom: 10px; }
._corpusAllocBars_1x5nk_1494 { display: flex; flex-direction: column; gap: 7px; margin-bottom: 12px; }
._corpusAllocBarRow_1x5nk_1495 { display: flex; align-items: center; gap: 8px; }
._corpusAllocBarLabel_1x5nk_1496 { font-size: 0.78rem; font-weight: 600; color: #555; min-width: 52px; }
._corpusAllocBarTrack_1x5nk_1497 { flex: 1; height: 8px; background: #e2e8f0; border-radius: 4px; overflow: hidden; }
._corpusAllocBarFill_1x5nk_1498 { height: 100%; border-radius: 4px; }
._corpusAllocBarPct_1x5nk_1499 { font-size: 0.78rem; font-weight: 700; color: #333; min-width: 32px; text-align: right; }
._corpusAllocCallout_1x5nk_1500 { font-size: 0.82rem; color: #334155; margin-bottom: 10px; }
._corpusAllocCalloutSuccess_1x5nk_1501 { font-size: 0.82rem; color: #16a34a; font-weight: 600; }

/* ── Action Plan ── */
._actionPlan_1x5nk_328 { margin: 1rem 32px 0 32px; }
._actionPlanSubtitle_1x5nk_1505 { margin: 0 0 1rem; font-size: 0.95rem; color: #7a7a7a; }
._actionPlanGrid_1x5nk_1506 { display: flex; gap: 1.5rem; margin-top: 1.5rem; }
._apCard_1x5nk_1507 { flex: 1; border-radius: 12px; padding: 0; overflow: hidden; border: 2px solid #e2e8f0; }
._apCardPlanA_1x5nk_1508 { border-color: #4E6137; background: #FAFFF5; }
._apCardPlanB_1x5nk_1509 { border-color: #1565C0; background: #f0f7ff; }
._apCardHeader_1x5nk_1510 { padding: 0.7rem 1rem; font-size: 0.82rem; font-weight: 800; text-transform: uppercase; display: flex; align-items: center; gap: 0.6rem; letter-spacing: 0.04em; margin-bottom: 6px; }
._apCardPlanA_1x5nk_1508 ._apCardHeader_1x5nk_1510 { color: #4E6137; }
._apCardPlanB_1x5nk_1509 ._apCardHeader_1x5nk_1510 { color: #1565C0; }
._apTable_1x5nk_1513 { width: 100%; border-collapse: collapse; border: none !important; background: transparent !important; margin-bottom: 0px; }
._apTable_1x5nk_1513 th { text-align: left; font-size: 10px; font-weight: 600; color: #888; text-transform: capitalize; padding: 4px 10px; border-bottom: 1px solid #eee; background: transparent !important; }
._apTable_1x5nk_1513 td { padding: 4px 10px; font-size: 11px; color: #333; font-weight: 600; border-bottom: 1px solid #f5f5f5; background: transparent !important; }
._apTableTotalRow_1x5nk_1516 td { border-top: 2px solid #ddd !important; font-weight: 700; font-size: 12px; padding: 6px 10px 0; color: #222; }
._apFooterNote_1x5nk_1517 { padding: 0.4rem 1rem 1rem; font-size: 0.78rem; color: #888; line-height: 1.4; }

/* ── Plan at a Glance ── */
._glanceDiv_1x5nk_1520 { margin: 50px 0px 0px 0px; }
._glanceMainCard_1x5nk_1521 { background: #fff; border: 1.5px solid #E0E0E0 !important; border-radius: 14px; padding: 18px 20px; box-shadow: none; }
._glanceCardsGrid_1x5nk_1522 { display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px; margin-bottom: 16px; }
._glanceCard_1x5nk_1522 { border-radius: 10px; padding: 12px 14px; text-align: left; display: flex; flex-direction: column; gap: 0.4rem; background-color: #fafafa !important; border: 1.5px solid #e0e0e0 !important; }
._glanceRetirement_1x5nk_1524 { background-color: #fafafa !important; border: 1.5px solid #e0e0e0 !important; }
._glanceRetirement_1x5nk_1524 ._glanceCardValue_1x5nk_1525 { color: #222 !important; }
._glanceGoals_1x5nk_1526 { background-color: #fafafa !important; border: 1.5px solid #e0e0e0 !important; }
._glanceGoals_1x5nk_1526 ._glanceCardValue_1x5nk_1525 { color: #222 !important; }
._glanceInsurance_1x5nk_1528 { background-color: #fafafa !important; border: 1.5px solid #e0e0e0 !important; }
._glanceInsurance_1x5nk_1528 ._glanceCardValue_1x5nk_1525 { color: #222 !important; }
._glanceAction_1x5nk_1530 { background-color: #fafafa !important; border: 1.5px solid #e0e0e0 !important; }
._glanceAction_1x5nk_1530 ._glanceCardValue_1x5nk_1525 { color: #222 !important; }
._glanceLumpsum_1x5nk_1532 { background-color: #fafafa !important; border: 1.5px solid #e0e0e0 !important; }
._glanceLumpsum_1x5nk_1532 ._glanceCardValue_1x5nk_1525 { color: #222 !important; }
._glanceCardHeader_1x5nk_1534 { font-size: 10px; font-weight: 700; color: #666; display: flex; align-items: center; gap: 0.35rem; }
._glanceCardIcon_1x5nk_1535 { font-size: 0.9rem; }
._glanceCardValue_1x5nk_1525 { font-size: 18px; font-weight: 900; line-height: 1.1; color: #222 !important; }
._glanceCardSub_1x5nk_1537 { font-size: 10px; color: #888; font-weight: 400; margin-top: 3px; }
._glanceSuccessValue_1x5nk_1538 { color: #222 !important; font-size: 1.1rem; }

._allocationSection_1x5nk_1540 { border-top: 1px solid #EEE; padding-top: 14px; margin-top: 4px; }
._allocationTitle_1x5nk_1541 { font-size: 11px; font-weight: 800; color: #4E6137; margin-bottom: 10px; }
._allocationBars_1x5nk_1542 { display: flex; flex-direction: column; gap: 7px; }
._allocationBarItem_1x5nk_1543 { display: flex; align-items: center; gap: 8px; }
._barLabelBlue_1x5nk_1544 { width: 60px; font-size: 10px; font-weight: 700; color: #555 !important; }
._barLabelGreen_1x5nk_1545 { width: 60px; font-size: 10px; font-weight: 700; color: #555 !important; }
._barLabelOrange_1x5nk_1546 { width: 60px; font-size: 10px; font-weight: 700; color: #555 !important; }
._barLabelGold_1x5nk_1547 { width: 60px; font-size: 10px; font-weight: 700; color: #555 !important; }
._barLabelSilver_1x5nk_1548 { width: 60px; font-size: 10px; font-weight: 700; color: #555 !important; }
._progressBarWrapper_1x5nk_1549 { flex-grow: 1; height: 10px; background-color: #e8e8e8; border-radius: 4px; overflow: hidden; }
._progressBar_1x5nk_1549 { height: 100%; border-radius: 4px; transition: width 0.6s ease; }
._progressBlue_1x5nk_1551 { background-color: #1565C0; }
._progressGreen_1x5nk_1552 { background-color: #2E7D32; }
._progressOrange_1x5nk_1553 { background-color: #E65100; }
._progressGold_1x5nk_1554 { background-color: #d97706; }
._progressSilver_1x5nk_1555 { background-color: #94a3b8; }
._barPercentBlue_1x5nk_1556 { width: 40px; text-align: right; font-size: 11px; font-weight: 800; color: #333 !important; }
._barPercentGreen_1x5nk_1557 { width: 40px; text-align: right; font-size: 11px; font-weight: 800; color: #333 !important; }
._barPercentOrange_1x5nk_1558 { width: 40px; text-align: right; font-size: 11px; font-weight: 800; color: #333 !important; }
._barPercentGold_1x5nk_1559 { width: 40px; text-align: right; font-size: 11px; font-weight: 800; color: #333 !important; }
._barPercentSilver_1x5nk_1560 { width: 40px; text-align: right; font-size: 11px; font-weight: 800; color: #333 !important; }
._allocationCallout_1x5nk_1561 { margin-top: 8px; padding: 7px 10px; background-color: #F5F5F5; border-radius: 6px; font-size: 10px; color: #444; font-weight: 400; text-align: left; border: none; }
._allocationCalloutSuccess_1x5nk_1562 { color: #16a34a; }

/* ── Insurance & Gap Analysis ── */
._insuranceLoansSection_1x5nk_1565 { margin: 2rem 32px; }
._insuranceLoansBlock_1x5nk_1566 { margin-bottom: 2rem; }

._insTable_1x5nk_1568 { width: 100%; border-collapse: collapse; margin-bottom: 1.5rem; border: 1px solid #e2e8f0; border-radius: 10px; overflow: hidden; }
._insTable_1x5nk_1568 th {
    padding: 10px 14px;
    font-size: 0.72rem;
    font-weight: 800;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    border-bottom: 1px solid #e2e8f0;
    background: #f8fafc;
}
._insTable_1x5nk_1568 th:first-child { text-align: left; }
._insTable_1x5nk_1568 th:not(:first-child) { text-align: right; }
._insTable_1x5nk_1568 td { padding: 14px; background: #fff; border-bottom: 1px solid #f1f5f9; }
._insTable_1x5nk_1568 td:not(:first-child) { text-align: right; }
._insTypeLabel_1x5nk_1583 { font-weight: 800; font-size: 0.95rem; color: #1e293b; }
._insTypeSub_1x5nk_1584 { font-size: 0.75rem; color: #94a3b8; margin-top: 2px; }
._insReqValue_1x5nk_1585 { font-weight: 800; font-size: 1rem; color: #1e293b; }
._insExistValue_1x5nk_1586 { font-size: 0.95rem; color: #475569; }
._insGapCovered_1x5nk_1587 { color: #16a34a; font-weight: 800; font-size: 1rem; }
._insGapShort_1x5nk_1588 { color: #dc2626; font-weight: 800; font-size: 1rem; }
._insStatusPill_1x5nk_1589 { border-radius: 6px; padding: 3px 10px; font-size: 0.78rem; font-weight: 700; }
._insStatusPillCovered_1x5nk_1590 { background: #f0fdf4; color: #16a34a; border: 1px solid #bbf7d0; }
._insStatusPillShort_1x5nk_1591 { background: #fff1f2; color: #dc2626; border: 1px solid #fecaca; }

._insPolicyTable_1x5nk_1593 { width: 100%; border-collapse: collapse; border: 1px solid #e2e8f0; border-radius: 10px; overflow: hidden; margin-top: 1rem; }
._insPolicyTable_1x5nk_1593 th {
    padding: 10px 14px;
    font-size: 0.72rem;
    font-weight: 800;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    border-bottom: 1px solid #e2e8f0;
    background: #f8fafc;
}
._insPolicyTable_1x5nk_1593 th:first-child { text-align: left; }
._insPolicyTable_1x5nk_1593 th:not(:first-child) { text-align: right; }
._insPolicyTable_1x5nk_1593 td { padding: 12px 14px; border-bottom: 1px solid #f1f5f9; background: #fff; font-size: 0.9rem; color: #1e293b; }
._insPolicyTable_1x5nk_1593 td:not(:first-child) { text-align: right; color: #475569; }
._insPolicyTable_1x5nk_1593 td:first-child { font-weight: 600; }
._insPolicyTable_1x5nk_1593 td:nth-child(2) { font-weight: 700; color: #1e293b; }
._insPolicyTotalRow_1x5nk_1610 { background: #f1f5f9 !important; border-top: 2px solid #cbd5e1; }
._insPolicyTotalRow_1x5nk_1610 td { font-weight: 800 !important; font-size: 0.95rem !important; color: #0f172a !important; background: #f1f5f9 !important; }

._loanTable_1x5nk_1613 { width: 100%; border-collapse: collapse; border: 1px solid #e2e8f0; border-radius: 10px; overflow: hidden; }
._loanTable_1x5nk_1613 th {
    padding: 10px 14px;
    font-size: 0.72rem;
    font-weight: 800;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    border-bottom: 1px solid #e2e8f0;
    background: #f8fafc;
}
._loanTable_1x5nk_1613 th:first-child { text-align: left; }
._loanTable_1x5nk_1613 th:not(:first-child) { text-align: right; }
._loanTable_1x5nk_1613 td { padding: 12px 14px; border-bottom: 1px solid #f1f5f9; background: #fff; font-size: 0.9rem; color: #1e293b; }
._loanTable_1x5nk_1613 td:not(:first-child) { text-align: right; color: #475569; }
._loanTable_1x5nk_1613 td:first-child { font-weight: 600; }
._loanTable_1x5nk_1613 td:last-child { font-weight: 700; color: #1e293b; }
._loanTotalRow_1x5nk_1630 { background: #f1f5f9 !important; border-top: 2px solid #cbd5e1; }
._loanTotalRow_1x5nk_1630 td { font-weight: 800 !important; font-size: 0.95rem !important; color: #0f172a !important; background: #f1f5f9 !important; }

/* ── Goal & Retirement Cash Flow Statements ── */
._retirementCashFlowSection_1x5nk_1634 { margin: 4rem 32px; }
._tableWrapper_1x5nk_1635 { background: #fff; border-radius: 12px; overflow: hidden; border: 1px solid #e2e8f0; margin-top: 1.5rem; }
._retirementCashFlowTable_1x5nk_1636 { width: 100%; border-collapse: collapse; table-layout: fixed;  }
._retirementCashFlowTable_1x5nk_1636 thead th {
    background-color: #2C3327;
    color: #ffffff;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.3px;
    padding: 8px 10px;
    text-align: right;
    white-space: normal;
     word-break: break-word;
    line-height: 1.25;
}
._retirementCashFlowTable_1x5nk_1636 thead th:first-child { text-align: left; padding-left: 1.5rem; }
._retirementCashFlowTable_1x5nk_1636 tbody td { padding: 6px 6px; font-size: 10.5px; color: #1e293b; text-align: right; border-bottom: 1px solid #f0f0f0;word-break: break-word; }
._retirementCashFlowTable_1x5nk_1636 tbody td:first-child { text-align: left; padding-left: 1.5rem; font-weight: 600; }
._retirementYearRow_1x5nk_1652 { background-color: #fff8e1 !important; }
._withdrawalRow_1x5nk_1653 { background-color: #eaeaea !important; }
._withdrawalRow_1x5nk_1653 td { background-color: #eaeaea !important; color: #111111 !important; font-weight: 700 !important; }
._withdrawalRow_1x5nk_1653 ._ageYearCell_1x5nk_1655 { color: #111111 !important; }
._withdrawalRow_1x5nk_1653 td._textRed_1x5nk_1656 { color: #991b1b !important; }
._withdrawalRow_1x5nk_1653 td._textGreen_1x5nk_1657 { color: #166534 !important; }
._withdrawalRow_1x5nk_1653 td._textPurple_1x5nk_1658 { color: #6b21a8 !important; }
._ageYearCell_1x5nk_1655 { font-weight: 800; color: #0f172a; }
._greenHeader_1x5nk_1660 { color: #4CAF50 !important; }
._textRed_1x5nk_1656 { color: #C62828; }
._textPurple_1x5nk_1658 { color: #7B1FA2; font-weight: 700; }
._textBold_1x5nk_1663 { font-weight: 700; }
._tableLegend_1x5nk_1664 { margin-top: 14px; font-size: 10px; color: #999; line-height: 1.7; }
._tableFooterInfo_1x5nk_1665 { margin-top: 3rem; text-align: center; color: #aaa; font-size: 10px; }
._tableFooterInfo_1x5nk_1665 p { margin: 0.4rem 0; }
._footerDisclaimer_1x5nk_1667 { opacity: 0.8; font-size: 0.75rem; }

/* ================= Header shell ================= */
._headerWrapper_v99tt_2 {
  position: fixed;
  top: 0;
  z-index: 1000;
  width: 100%;
  box-sizing: border-box;
  height: 72px;
  display: flex;
  align-items: center;
  background: linear-gradient(100deg, #2b2d37 0%, #3a3c48 55%, #34423b 100%);
  box-shadow: 0 6px 24px rgba(15, 20, 18, 0.35);
}
/* thin glowing accent line at the bottom */
._headerWrapper_v99tt_2::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent 0%, #6fa287 30%, #a8d5bc 50%, #6fa287 70%, transparent 100%);
  opacity: 0.8;
}

._headerContent_v99tt_26 {
  width: 100%;
  padding: 0 4%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* ================= Brand ================= */
._leftSection_v99tt_35 {
  display: flex;
  align-items: center;
  gap: 1rem;
}

._toolBrand_v99tt_41 {
  display: flex;
  align-items: center;
  padding: 6px 0;
  transition: transform 0.2s ease;
}
._toolBrand_v99tt_41:hover {
  transform: translateY(-1px);
}

._headerLogo_v99tt_51 {
  height: 48px;
  width: auto;
  display: block;
}

._toolTitle_v99tt_57 {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  font-size: 1.3rem;
  font-weight: 800;
  letter-spacing: 0.4px;
  white-space: nowrap;
  background: linear-gradient(90deg, #8fc4a6 0%, #d3eee0 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

._divider_v99tt_71 {
  width: 1px;
  height: 28px;
  background: linear-gradient(180deg, transparent, rgba(255, 255, 255, 0.18), transparent);
  margin: 0 0.75rem;
}
/* hide divider while the team-name block is empty */
._divider_v99tt_71:has(+ ._teamName_v99tt_78:empty) {
  display: none;
}

._teamName_v99tt_78 {
  display: flex;
  align-items: center;
  gap: 8px;
}

._incubatedText_v99tt_88 {
  color: #9aa3a0;
  font-size: 0.9rem;
  font-weight: 500;
  white-space: nowrap;
}

._bajajLogo_v99tt_95 {
  height: 26px;
  width: auto;
  display: block;
  filter: brightness(0) invert(1) opacity(0.85);
}

/* ================= Right section ================= */
._rightSection_v99tt_103 {
  display: flex;
  align-items: center;
  gap: 14px;
}

/* ---- common button base ---- */
._inputBtn_v99tt_110, ._pdfBtn_v99tt_110, ._logoutBtn_v99tt_110, ._confirmBtn_v99tt_110 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 9px 20px;
  border-radius: 999px;
  font-size: 0.85rem;
  font-weight: 700;
  letter-spacing: 0.3px;
  cursor: pointer;
  transition: all 0.2s ease;
}

/* primary */
._inputBtn_v99tt_110 {
  background: linear-gradient(135deg, #7fb396 0%, #5a8f73 100%);
  color: #fff;
  border: none;
  box-shadow: 0 4px 14px rgba(111, 162, 135, 0.4);
}
._inputBtn_v99tt_110:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 18px rgba(111, 162, 135, 0.55);
  filter: brightness(1.05);
}

._confirmBtn_v99tt_110 {
  background: linear-gradient(135deg, #43a047 0%, #2e7d32 100%);
  color: #fff;
  border: none;
  box-shadow: 0 4px 14px rgba(46, 125, 50, 0.45);
}
._confirmBtn_v99tt_110:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 18px rgba(46, 125, 50, 0.6);
}

._inputBtn_v99tt_110:disabled, ._confirmBtn_v99tt_110:disabled {
  opacity: 0.7;
  cursor: wait;
  transform: none;
}

/* secondary (glass) */
._pdfBtn_v99tt_110 {
  background-color: rgba(255, 255, 255, 0.06);
  color: #d7e3dc;
  border: 1px solid rgba(255, 255, 255, 0.12);
}
._pdfBtn_v99tt_110:hover {
  background-color: rgba(255, 255, 255, 0.12);
  border-color: rgba(168, 213, 188, 0.5);
  color: #fff;
  transform: translateY(-1px);
}

/* nav link (Report / Search) */
._linkBtn_v99tt_167 {
  position: relative;
  background: none;
  border: none;
  color: #a8d5bc;
  font-weight: 700;
  font-size: 0.95rem;
  letter-spacing: 0.3px;
  cursor: pointer;
  padding: 8px 16px;
  border-radius: 999px;
  transition: all 0.2s ease;
}
._linkBtn_v99tt_167::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 3px;
  width: 0;
  height: 2px;
  border-radius: 2px;
  background: #a8d5bc;
  transform: translateX(-50%);
  transition: width 0.25s ease;
}
._linkBtn_v99tt_167:hover {
  color: #fff;
  background-color: rgba(111, 162, 135, 0.15);
}
._linkBtn_v99tt_167:hover::after {
  width: 40%;
}

/* ---- user chip ---- */
._userProfile_v99tt_201 {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 4px 16px 4px 4px;
  border-radius: 999px;
  background-color: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.1);
  transition: background-color 0.2s ease, border-color 0.2s ease;
}
._userProfile_v99tt_201:hover {
  background-color: rgba(255, 255, 255, 0.1);
  border-color: rgba(168, 213, 188, 0.35);
}

._userIconWrapper_v99tt_216 {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: linear-gradient(135deg, #6fa287 0%, #3d6b52 100%);
  box-shadow: 0 0 0 2px rgba(168, 213, 188, 0.35);
}
._userIconWrapper_v99tt_216 svg {
  width: 18px;
  height: 18px;
}

._userInfo_v99tt_232 {
  display: flex;
  flex-direction: column;
  line-height: 1.25;
}

._userName_v99tt_238 {
  color: #fff;
  font-size: 0.82rem;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

._userRole_v99tt_246 {
  color: #a8d5bc;
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.8px;
}

/* ---- logout ---- */
._logoutBtn_v99tt_110 {
  background-color: rgba(229, 115, 115, 0.08);
  color: #f19a9a;
  padding: 8px 16px;
  border: 1px solid rgba(229, 115, 115, 0.35);
}
._logoutBtn_v99tt_110:hover {
  background-color: #e57373;
  border-color: #e57373;
  color: #fff;
  transform: translateY(-1px);
  box-shadow: 0 4px 14px rgba(229, 115, 115, 0.4);
}

/* ================= Responsive ================= */
@media (max-width: 1024px) {
  ._teamName_v99tt_78, ._divider_v99tt_71, ._userRole_v99tt_246 {
    display: none;
  }
}

@media (max-width: 768px) {
  ._headerContent_v99tt_26 {
    padding: 0 1rem;
  }
   ._toolTitle_v99tt_57 {
    font-size: 1.05rem;
  }
  ._rightSection_v99tt_103 {
    gap: 8px;
  }
  ._inputBtn_v99tt_110 span, ._pdfBtn_v99tt_110 span, ._logoutBtn_v99tt_110 span, ._confirmBtn_v99tt_110 span, ._userInfo_v99tt_232 {
    display: none;
  }
  ._inputBtn_v99tt_110, ._pdfBtn_v99tt_110, ._logoutBtn_v99tt_110, ._confirmBtn_v99tt_110, ._linkBtn_v99tt_167 {
    padding: 8px;
  }
  ._userProfile_v99tt_201 {
    padding: 3px;
  }
}

@media (max-width: 480px) {
    ._toolTitle_v99tt_57 {
    font-size: 0.95rem;
  }

}

/* ================= Spinner ================= */
._spinner_v99tt_304 {
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  border-top: 2px solid #fff;
  width: 14px;
  height: 14px;
  animation: _spin_v99tt_304 0.8s linear infinite;
  display: inline-block;
}

@keyframes _spin_v99tt_304 {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
._footer-container_18vfm_1 {
  width: 100%;
  background-color: #353843;
  color: #94a3b8; 
  font-family: 'Inter', sans-serif;
  border-top: 1px solid rgba(59, 130, 246, 0.2); 
  font-size: 14px;
}

._footer-top_18vfm_10 {
  width: 100%;
  padding: 3rem 4%;
  display: flex;
  justify-content: space-between;
  gap: 2rem;
  box-sizing: border-box;
}

._footer-brand_18vfm_19 {
  flex: 1;
  max-width: 400px;
}

._brandBranding_18vfm_24 {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 1.5rem;
}


._bolt_18vfm_32 {
  color: #fb923c; 
  font-size: 1.1rem;
}

._brandName_18vfm_37 {
  color: #ef4444;
  font-weight: 700;
  font-size: 1.1rem;
  letter-spacing: -0.01em;
}

._brandDesc_18vfm_44 {
  line-height: 1.6;
  margin-top: 20px;
  color: #94a3b8;
  font-size: 0.9rem;
}


._footer-contact_18vfm_52 {
  flex: 0 1 auto;
}

._footer-contact_18vfm_52 h4 {
  color: #ffffff;
  font-size: 1rem;
  font-weight: 700;
  margin-bottom: 1.5rem;
}

._footer-contact_18vfm_52 ul {
  list-style: none;
  padding: 0;
  margin: 0 0 1rem 0;
}

._footer-contact_18vfm_52 li {
  margin-bottom: 0.75rem;
  display: flex;
  align-items: center;
  gap: 8px;
}

._footer-contact_18vfm_52 p {
  margin: 0.5rem 0;
  font-size: 0.85rem;
  color: #64748b;
}

._footer-bottom_18vfm_82 {
  width: 100%;
  padding: 1.5rem 4%;
  border-top: 1px solid rgba(255, 255, 255, 0.05);
  background-color: rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
}

._copyright_18vfm_90 {
  margin: 0;
  font-size: 0.8rem;
  color: #64748b;
  text-align: center;
}

@media (max-width: 768px) {
  ._footer-top_18vfm_10 {
    flex-direction: column;
    padding: 2rem 1rem;
  }
  ._footer-brand_18vfm_19, ._footer-contact_18vfm_52 {
    width: 100%;
    max-width: none;
  }
}
._downloadDiv_djti4_1{
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
._downloadDiv_djti4_1 input{
    margin: 1rem;
    padding: 0.5rem;
    border-radius: 5px;
}
._planBtn_djti4_13{
    background-color: var(--red-color);
    color: white;
    padding-right: 3rem;
    padding-left: 3rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    border-radius: 4px;
    border: none;
 }
 ._planBtn_djti4_13:hover{
    background-color: var(--red-color);
    color: white;
    padding-right: 3rem;
    padding-left: 3rem;
      padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    border-radius: 4px;
    padding-bottom: 0.5rem;

 }
 ._planBtn_djti4_13:focus{
    border: none;
 }
 ._error_djti4_37{
    color: red;
    padding: 1rem;
    
 }._container_agm81_1 {
    background-color: white;
    min-height: 100vh;
    padding: 2rem 0;
}

._main_agm81_7 {
    width: 90%;
    max-width: 1100px;
    margin: 0 auto;
    background-color: #edf6f1;
    border-radius: 12px;
    box-shadow: 0 4px 32px rgba(0, 0, 0, 0.35);
    overflow: hidden;
}

._topHeaderBanner_agm81_17 {
    background: #6fa287;
    color: white;
    padding: 1.2rem 2.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 12px 12px 0 0;
    min-height: 90px;
    gap: 1rem;
}

._bannerLeft_agm81_29 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    gap: 0;
    margin-left: -20px;
}

._incubatedByLabel_agm81_39 {
    color: #ED1C24;
    font-size: 1.1rem;
    font-weight: 500;
    letter-spacing: 0.01em;
    text-transform: none;
    text-align: center;
    width: 100%;
    line-height: 1;
    margin: 0;
    display: block;
}

._bannerLeft_agm81_29 img {
    margin-top: -16px;
}

._bannerLogo_agm81_56 {
    height: 70px;
    width: auto;
    max-width: 240px;
    object-fit: contain;
    display: block;
    filter: brightness(1.18) drop-shadow(0 2px 6px rgba(0,0,0,0.18));
}

._bannerTitle_agm81_65 { font-size: 2rem; font-weight: 700; margin: 0; }
._bannerSubtitle_agm81_66 { font-size: 0.95rem; margin: 0.3rem 0 0; opacity: 0.9; }

._bannerRight_agm81_68 {
    text-align: right;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 2px;
}

._bannerCenter_agm81_77 {
    text-align: center;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
}


._bannerPlanId_agm81_88 {
    font-weight: 700;
    font-size: 1.08rem;
    margin-left: -16px;
    color: #fff;
    letter-spacing: 0.02em;
    background: rgba(255,255,255,0.12);
    padding: 5px 14px;
    border-radius: 20px;
    border: 1px solid rgba(255,255,255,0.25);
}

._bannerDate_agm81_100 {
    font-weight: 600;
    font-size: 0.9rem;
    color: rgba(255,255,255,0.85);
    text-align: right;
    display: block;
    letter-spacing: 0.01em;
}

._bannerVersionWrapper_agm81_109 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 3px;
    flex-shrink: 0;
}

._bannerVersionLabel_agm81_117 {
    font-size: 0.7rem;
    font-weight: 700;
    color: rgba(255,255,255,0.75);
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

._bannerVersionSelect_agm81_125 {
    background: rgba(255,255,255,0.15);
    color: #fff;
    border: 1px solid rgba(255,255,255,0.35);
    border-radius: 8px;
    padding: 5px 28px 5px 12px;
    font-size: 0.9rem;
    font-weight: 700;
    cursor: pointer;
    outline: none;
    appearance: auto;
    min-width: 80px;
    transition: background 0.2s;
}

._bannerVersionSelect_agm81_125:hover {
    background: rgba(255,255,255,0.25);
}

._bannerVersionSelect_agm81_125 option {
    background: #3a3c48;
    color: #fff;
}



._headText_agm81_151 {
    background-color: #3a3c48;
    color: rgba(255,255,255,0.92);
    font-size: 0.82rem;
    font-weight: 800;
    padding: 0.8rem 0;
    text-align: center;
    letter-spacing: 0.5rem;
    text-transform: uppercase;
    margin-bottom: 2rem;
    border-top: 1px solid rgba(255,255,255,0.08);
    position: relative;
    min-height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}

._overviewSection_agm81_169 { margin: 0 2rem; }

._infoGridContainer_agm81_171 {
    border: 1.5px solid #eee;
    border-radius: 10px;
    background: #fff;
    margin-bottom: 1.5rem;
    overflow: hidden;
}
._infoGrid_agm81_171 { display: grid; grid-template-columns: repeat(5, 1fr); }
._infoItem_agm81_179 {
    padding: 12px 16px;
    border-right: 1px solid #eee;
    display: flex;
    flex-direction: column;
    min-height: 80px;
    border-bottom: none;
}
._infoItem_agm81_179:nth-child(5n) { border-right: none; }
._infoItem_agm81_179:nth-child(-n+5) { border-bottom: 1px solid #eee; }
._infoLabel_agm81_189 { font-size: 10px; color: #999; font-weight: 600; text-transform: uppercase; letter-spacing: 0.4px; margin-bottom: 4px; }
._infoValue_agm81_190 { font-size: 15px; font-weight: 800; color: #222; }

._summaryBar_agm81_192 {
    background-color: #FFF3E0;
    border: 1px solid #FFCC80;
    border-radius: 7px;
    padding: 9px 14px;
    color: #E65100;
    font-weight: 600;
    font-size: 11px;
    margin-bottom: 2rem;
}
._summaryBar_agm81_192 b { color: #E65100; font-weight: 800; }

._highlightCardsContainer_agm81_204 { display: flex; flex-direction: column; gap: 1.5rem; margin-bottom: 2rem; }

._expenseCard_agm81_206 {
    width: 100%;
    border: 2px solid #6fa287;
    border-radius: 10px;
    overflow: hidden;
    display: grid;
    grid-template-columns: 1fr 1fr;
    box-sizing: border-box;
}
._expenseCardCol_agm81_215 { display: flex; flex-direction: column; padding: 14px 18px; }
._highlightLabel_agm81_216 { font-size: 10px; color: #4E6137; font-weight: 700; margin-bottom: 0.6rem; text-transform: uppercase; letter-spacing: 0.4px; }
._highlightValue_agm81_217 { font-size: 20px; font-weight: 800; color: #222; margin: 4px 0; }
._highlightSub_agm81_218 { font-size: 11px; color: #888; margin-top: 0.2rem; }

._ratesCard_agm81_220 {
    width: 100%;
    background-color: #FFF8E1;
    border: 1px solid #FFE082;
    border-radius: 10px;
    padding: 14px 18px;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 12px;
    box-sizing: border-box;
}
._rateItem_agm81_231 { display: flex; flex-direction: column; justify-content: space-between; }
._rateItem_agm81_231 ._highlightLabel_agm81_216 { color: #888; font-size: 10px; font-weight: 600; line-height: 1.35; margin-bottom: 3px; text-transform: uppercase; letter-spacing: 0.4px; }
._rateValue_agm81_233 { font-size: 17px; font-weight: 800; color: #E65100; margin-top: auto; }
._rateValueGreen_agm81_234 { color: #1B5E20; }

/* ── Financial Health Summary — matches .ph2.blue ── */
._financialSummaryBox_agm81_237 {
    margin: 0 2rem 2rem;
    padding: 14px 18px;
    background: #fafafa !important;
    border: 1px solid #e0e0e0 !important;
    color: #333 !important;
    border-radius: 10px;
}
._financialSummaryTitle_agm81_245 { font-size: 15px; font-weight: 800; margin-bottom: 8px; color: #222 !important; display: flex; align-items: center; gap: 6px; }
._financialSummaryText_agm81_246 { font-size: 12px; line-height: 1.7; color: #333 !important; }
._financialSummaryText_agm81_246 b { color: #333 !important; font-weight: 700; }
/* success color used inside financial summary text when surplus */
._textSuccess_agm81_249 { color: #2E7D32 !important; }
._textDanger_agm81_250 { color: #C62828 !important; }

._financialSummaryBox_agm81_237,
._investmentDiv_agm81_253,
._doughnutDiv_agm81_254,
._actionPlan_agm81_255,
._insuranceDiv_agm81_256,
._cashFlow_agm81_257 { margin-top: 2rem; margin-bottom: 2rem; }

table {
    width: 100%;
    border-spacing: 0;
    border-collapse: separate;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 1rem;
}

._investmentDiv_agm81_253 { margin: 2rem 2rem; background: #fff; border-radius: 12px; padding: 1.5rem 10px; }

._investmentHeading_agm81_269 {
    font-size: 13px;
    font-weight: 800;
    color: #222;
    padding-left: 10px;
    border-left: 3px solid #4E6137;
    margin-bottom: 1.2rem;
}

._investmentTable_agm81_278 { width: 100%; border-collapse: collapse; margin-top: 1rem; }

._retirementRow_agm81_280 td { background-color: #F3F6EE !important; }
._liquidRow_agm81_281 td { background-color: #f8f9ff !important; }

._investmentTable_agm81_278 thead th {
    padding: 9px 13px !important;
    background: #f5f5f5 !important;
    border-bottom: 2px solid #ddd !important;
    color: #555 !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    text-transform: uppercase;
    letter-spacing: 0.4px;
}

._investmentTable_agm81_278 td {
    padding: 8px 13px !important;
    font-size: 0.78rem !important;
    color: #1e293b !important;
    border-bottom: 1px solid #f0f0f0 !important;
    font-weight: 500 !important;
}

._categoryRow_agm81_302 td {
    padding: 5px 13px !important;
    background: #fafafa !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    color: #333 !important;
    text-transform: uppercase;
    letter-spacing: 0.7px;
    border-bottom: none !important;
}

._categoryDot_agm81_313 { display: inline-block; width: 8px; height: 8px; border-radius: 50%; margin-right: 10px; vertical-align: middle; }
._dotRed_agm81_314 { background-color: #ef4444; }
._dotBlue_agm81_315 { background-color: #3b82f6; }

._lockBadge_agm81_317 {
    background-color: #FFF3E0;
    border: 1px solid #FFCC80;
    border-radius: 4px;
    padding: 2px 6px;
    margin-left: 8px;
    font-size: 9px;
}
._lockIconMini_agm81_325 { font-size: 0.75rem; line-height: 1; }

._rateBlue_agm81_327 { color: #1565C0 !important; font-weight: 700 !important; }
._rateRed_agm81_328 { color: #E65100 !important; font-weight: 700 !important; }
._rateGrey_agm81_329 { color: #4b5563 !important; font-weight: 700 !important; }
._rateGreen_agm81_330 { color: #2E7D32 !important; font-weight: 700 !important; }

._investmentTotalRow_agm81_332 { border-top: 2px solid #ddd !important; background: #f5f5f5 !important; }
._investmentTotalRow_agm81_332 td {
    padding: 9px 13px !important;
    font-weight: 700 !important;
     font-size: 0.78rem !important;
    color: #222 !important;
    background: #f5f5f5 !important;
    border-bottom: none !important;
}

/* Weighted avg return text inside investment total row — matches inline green used in JSX */
._wtdAvgText_agm81_343 { color: #16a34a; font-size: 0.78rem; font-weight: 700; }

._actionPlan_agm81_255 { margin: 2rem 2rem; }
._actionPlanSubtitle_agm81_346 { margin: 0 0 1rem; font-size: 0.95rem; color: #7a7a7a; }

._disclaimer_agm81_348 { margin-left: 2rem; margin-right: 2rem; margin-bottom: 3rem; text-align: justify; }
._discHead_agm81_349 { color: #4E6137; font-size: 1.4rem; font-weight: 600; margin-bottom: 1rem; margin-top: 3rem; }
._disclaimer_agm81_348 p { color: #222; }

._analysis_agm81_352 { margin: 2rem 2rem; text-align: left; font-weight: 500; }
._goalDetailsSection_agm81_353 { margin: 2rem 2rem; }

._analysisHead_agm81_355 { display: flex; align-items: center; margin-bottom: 1rem; }
._redAccent_agm81_356 { width: 3px; height: 1.2rem; background-color: #4E6137; margin-right: 10px; }

/* ── Plan Summary ── */
._planSummaryCard_agm81_359 {
    background: #fafafa !important;
    border: 1.5px solid #e0e0e0 !important;
    border-radius: 12px;
    padding: 20px 24px;
    margin: 0 2rem 2rem 2rem;
    color: #333 !important;
}
._planSummaryHeader_agm81_367 { margin-bottom: 1rem; }
._planSummaryTitle_agm81_368 { color: #222 !important; font-weight: 800; font-size: 13px; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 4px; }
._planSummarySubtitle_agm81_369 { color: #333 !important; font-size: 11px; margin-top: 0.3rem; letter-spacing: 0.2px; }
._planSummaryContent_agm81_370 { color: #333 !important; font-size: 12px; line-height: 1.85; }
._planSummaryContent_agm81_370 p { margin-bottom: 1rem; }
._planSummaryContent_agm81_370 b { color: #333 !important; font-weight: 700; }
._planSummaryBadges_agm81_373 { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; padding-top: 12px; border-top: 1px solid #e0e0e0 !important; }
._badgeItem_agm81_374 {
    background: white !important;
    border: 1px solid #ddd !important;
    border-radius: 20px;
    padding: 5px 14px;
    font-size: 11px;
    font-weight: 700;
    color: #333 !important;
    display: flex;
    align-items: center;
    gap: 6px;
}

/* ── Recommended SIP — matches .sip-breakdown ── */
._recommendedSipCard_agm81_388 {
    background-color: #fafafa !important;
    border: 1.5px solid #e0e0e0 !important;
    border-radius: 12px;
    padding: 18px 20px;
    margin: 0 2rem 2rem 2rem;
}
._recommendedSipTitle_agm81_395 { color: #333 !important; font-weight: 800; font-size: 12px; text-transform: uppercase; letter-spacing: 0.6px; margin-bottom: 12px; display: flex; align-items: center; gap: 8px; }
._sipTable_agm81_396 { width: 100%; border-collapse: collapse; border: none !important; background: transparent !important; }
._sipTable_agm81_396 th {
    text-align: left;
    font-size: 10px;
    font-weight: 700;
    color: #333 !important;
    text-transform: uppercase;
    padding: 5px 10px;
    border-bottom: 1.5px solid #e0e0e0 !important;
    background: transparent !important;
    letter-spacing: 0.4px;
}
._sipTable_agm81_396 td { padding: 7px 10px; font-size: 11px; color: #333 !important; border: none !important; background: transparent !important; border-bottom: 1px solid #eee !important; }
._sipTableRowHighlighted_agm81_409 { background-color: #fafafa !important; }
._sipTableRowHighlighted_agm81_409 td { border-top: 1px solid #e0e0e0 !important; border-bottom: 1px solid #e0e0e0 !important; color: #333 !important; background-color: #fafafa !important; }
._sipTableTotalRow_agm81_411 td { border-top: 2px solid #ddd !important; background: #f5f5f5 !important; border-bottom: none !important; }
._sipTotalLabel_agm81_412 { font-weight: 800; color: #222 !important; font-size: 12px; }
._sipTotalValue_agm81_413 { font-weight: 800; color: #333 !important; font-size: 14px; text-align: right; }
._sipNote_agm81_414 { margin-top: 8px; font-size: 10px; color: #333 !important; font-style: italic; }
/* success text used inside sip table cells */
._sipSuccessText_agm81_416 { color: #16a34a; }

._receiptsTable_agm81_418 { width: 100%; border-collapse: collapse; margin-top: 0.5rem; }
._receiptsTable_agm81_418 thead th {
    padding: 9px 13px;
    background: #f5f5f5 !important;
    border-bottom: 2px solid #ddd !important;
    color: #555 !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    text-align: left;
}
._receiptsTable_agm81_418 td {
    padding: 8px 13px !important;
    font-size: 0.82rem !important;
    color: #1e293b !important;
    border-bottom: 1px solid #f0f0f0 !important;
    font-weight: 500 !important;
}
._receiptsEmpty_agm81_437 { padding: 1.5rem; text-align: center; color: #aaa; font-style: italic; font-size: 0.95rem; border-bottom: 1px solid #f0f0f0; }
._goalsEmpty_agm81_438 { color: #ccc; font-style: italic; font-size: 12px; margin-left: 10px; margin-top: -10px; margin-bottom: 2rem; }

._capitalReceiptsDiv_agm81_440 { margin: 2rem 2rem; background: #fff; border-radius: 12px; padding: 0.5rem 10px; }

._summaryAnalysisGrid_agm81_442 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.2rem; margin: 1.5rem 0; }
._summaryAnalysisCard_agm81_443 { background: #ffffff; border: 1.5px solid #eee; border-radius: 10px; padding: 14px; text-align: center; }
._summaryAnalysisLabel_agm81_444 { font-size: 10px; font-weight: 600; color: #999; text-transform: uppercase; letter-spacing: 0.3px; margin-bottom: 5px; }
._summaryAnalysisValue_agm81_445 { font-size: 20px; font-weight: 800; color: #222; margin-bottom: 0.6rem; }
._summaryAnalysisValueCr_agm81_446 { color: #E65100; }
._summaryAnalysisSplit_agm81_447 { font-size: 11px; color: #888; margin-top: 3px; }
._summaryAnalysisSplit_agm81_447 b { color: #334155; font-weight: 600; }
._summaryAnalysisFooter_agm81_449 { margin-top: 1.5rem; padding-top: 1rem; border-top: 2px solid #f1f5f9; font-size: 12px; color: #555; font-weight: 500; }
._goalPercent_agm81_450 { color: #4E6137; font-weight: 800; }
._retirementSubText_agm81_451 { margin: 0.4rem 0 1.2rem; font-size: 1rem; color: #7a7a7a; }

/* ── Retirement Corpus Analysis — matches .retcorp ── */
._corpusAnalysisDiv_agm81_454 { background-color: #fafafa !important; border: 1.5px solid #e0e0e0 !important; border-radius: 10px; padding: 16px 20px; margin: 1.5rem 0 3rem 0; color: #333 !important; }
._corpusStatGrid_agm81_455 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-bottom: 14px; }
._corpusStatCard_agm81_456 {}
._corpusStatLabel_agm81_457 { font-size: 10px; font-weight: 600; color: #666 !important; margin-bottom: 3px; text-transform: uppercase; letter-spacing: 0.3px; }
._corpusStatValue_agm81_458 { font-size: 18px; font-weight: 800; margin-bottom: 0.2rem; color: #222 !important; }
._valueRed_agm81_459 { color: #222 !important; }
._valueBlue_agm81_460 { color: #222 !important; }
._corpusStatSub_agm81_461 { font-size: 10px; color: #888 !important; }
._corpusTable_agm81_462 { width: 100%; border-collapse: collapse; margin-top: 1.5rem; border: none !important; background: transparent !important; }
._corpusTable_agm81_462 th {
    text-align: left;
    font-size: 10px;
    font-weight: 700;
    color: #666 !important;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    padding: 6px 8px;
    background-color: transparent !important;
    border-bottom: 1px solid #e0e0e0 !important;
}
._corpusTable_agm81_462 td { padding: 6px 8px; font-size: 11px; font-weight: 500; color: #333 !important; border-bottom: 1px solid #eee !important; background: transparent; }
._corpusTableRowHighlight_agm81_475 { background-color: #fafafa !important; }
._corpusTableRowHighlight_agm81_475 td { color: #222 !important; font-weight: 700; border-bottom: none !important; background-color: #fafafa !important; }
._textGreen_agm81_477 { color: #222 !important; font-weight: 800; }

/* ── Retirement Corpus / Goal-card "Recommended Allocation" panels — matches .pst/.act-suite spirit ── */
._allocPanel_agm81_480 { border-radius: 12px; border: 1px solid #e2e8f0; overflow: hidden; background: #fff; margin-top: 1rem; }
._allocPanelInner_agm81_481 { padding: 16px 20px 18px; }
._allocPanelTitle_agm81_482 { font-size: 0.72rem; font-weight: 800; color: #4E6137; letter-spacing: 0.06em; text-transform: uppercase; margin-bottom: 10px; display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
._allocPanelBar_agm81_483 { display: flex; align-items: center; gap: 8px; }
._allocPanelBarLabel_agm81_484 { font-size: 0.78rem; font-weight: 600; min-width: 52px; }
._allocPanelBarTrack_agm81_485 { flex: 1; height: 8px; background: #e2e8f0; border-radius: 4px; overflow: hidden; }
._allocPanelBarFill_agm81_486 { height: 100%; border-radius: 4px; }
._allocPanelBarPct_agm81_487 { font-size: 0.78rem; font-weight: 700; min-width: 32px; text-align: right; }
._allocPanelCallout_agm81_488 { font-size: 0.82rem; color: #334155; margin-bottom: 10px; }
._allocPanelSuccess_agm81_489 { font-size: 0.82rem; color: #16a34a; font-weight: 600; }
._allocChip_agm81_490 { display: flex; flex-direction: column; align-items: center; border-radius: 8px; padding: 5px 10px; min-width: 70px; background: #fff; }
._allocChipLabel_agm81_491 { font-size: 0.65rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; opacity: 0.8; }
._allocChipValue_agm81_492 { font-size: 0.82rem; font-weight: 800; }

/* ── Action Plan — matches .act-suite Plan A sage / Plan B blue ── */
._actionPlanGrid_agm81_495 { display: flex; gap: 1.5rem; margin-top: 1.5rem; }
._apCard_agm81_496 { flex: 1; border-radius: 12px; padding: 0; overflow: hidden; border: 2px solid #e2e8f0; }
._apCardPlanA_agm81_497 { border-color: #6fa287; background: #FAFFF5; }
._apCardPlanB_agm81_498 { border-color: #1565C0; background: #f0f7ff; }
._apCardHeader_agm81_499 { padding: 1rem 1.5rem; font-size: 0.82rem; font-weight: 800; text-transform: uppercase; display: flex; align-items: center; gap: 0.6rem; letter-spacing: 0.04em; margin-bottom: 10px; }
._apCardPlanA_agm81_497 ._apCardHeader_agm81_499 { color: #4E6137; }
._apCardPlanB_agm81_498 ._apCardHeader_agm81_499 { color: #1565C0; }
._apTable_agm81_502 { width: 100%; border-collapse: collapse; border: none !important; background: transparent !important; }
._apTable_agm81_502 th { text-align: left; font-size: 10px; font-weight: 600; color: #888; text-transform: capitalize; padding: 5px 10px; border-bottom: 1px solid #eee; background: transparent !important; }
._apTable_agm81_502 td { padding: 6px 10px; font-size: 11px; color: #333; font-weight: 600; border-bottom: 1px solid #f5f5f5; background: transparent !important; }
._apTableTotalRow_agm81_505 td { border-top: 2px solid #ddd !important; font-weight: 700; font-size: 12px; padding: 9px 10px 0; color: #222; }
._apFooterNote_agm81_506 { padding: 0.5rem 1.5rem 1.5rem; font-size: 0.78rem; color: #888; line-height: 1.4; }

/* Surplus "No Additional SIP" celebration box — matches .ph2.green large variant */
._surplusBox_agm81_509 {
    background: #E8F5E9;
    border: 2px solid #A5D6A7;
    border-radius: 16px;
    padding: 28px 32px;
    text-align: center;
}
._surplusBoxIcon_agm81_516 { font-size: 2rem; margin-bottom: 10px; }
._surplusBoxTitle_agm81_517 { font-size: 1.2rem; font-weight: 800; color: #1B5E20; margin-bottom: 8px; }
._surplusBoxText_agm81_518 { font-size: 0.92rem; color: #1B5E20; line-height: 1.7; }

._retirementCashFlowSection_agm81_520 { margin: 4rem 2rem; }
._tableWrapper_agm81_521 { background: #fff; border-radius: 12px; overflow: hidden; border: 1px solid #e2e8f0; margin-top: 1.5rem; }
._retirementCashFlowTable_agm81_522 { width: 100%; border-collapse: collapse; }
._retirementCashFlowTable_agm81_522 thead th {
    background-color: #2C3327;
    color: #ffffff;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.3px;
    padding: 8px 10px;
    text-align: right;
    white-space: nowrap;
}
._retirementCashFlowTable_agm81_522 thead th:first-child { text-align: left; padding-left: 1.5rem; }
._retirementCashFlowTable_agm81_522 tbody td { padding: 6px 10px; font-size: 11px; color: #1e293b; text-align: right; border-bottom: 1px solid #f0f0f0; }
._retirementCashFlowTable_agm81_522 tbody td:first-child { text-align: left; padding-left: 1.5rem; font-weight: 600; }
._retirementYearRow_agm81_536 { background-color: #fff8e1 !important; }
._withdrawalRow_agm81_537 { background-color: #eaeaea !important; }
._withdrawalRow_agm81_537 td { background-color: #eaeaea !important; color: #111111 !important; font-weight: 700 !important; }
._withdrawalRow_agm81_537 ._ageYearCell_agm81_539 { color: #111111 !important; }
._withdrawalRow_agm81_537 td._textRed_agm81_540 { color: #991b1b !important; }
._withdrawalRow_agm81_537 td._textGreen_agm81_477 { color: #166534 !important; }
._withdrawalRow_agm81_537 td._textPurple_agm81_542 { color: #6b21a8 !important; }
._ageYearCell_agm81_539 { font-weight: 800; color: #0f172a; }
._greenHeader_agm81_544 { color: #9cb7a9 !important; }
._textRed_agm81_540 { color: #C62828; }
._textPurple_agm81_542 { color: #7B1FA2; font-weight: 700; }
._textBold_agm81_547 { font-weight: 700; }
._tableLegend_agm81_548 { margin-top: 14px; font-size: 10px; color: #4b4b4c; line-height: 1.7; }
._tableFooterInfo_agm81_549 { margin-top: 3rem; text-align: center; color: #4b4b4c; font-size: 10px; }
._tableFooterInfo_agm81_549 p { margin: 0.4rem 0; color: #4b4b4c;}
._footerDisclaimer_agm81_551 { opacity: 0.8; font-size: 0.75rem;}

/* ── Plan at a Glance ── */
._glanceDiv_agm81_554 { margin: 2rem 2rem; }
._glanceMainCard_agm81_555 { background: #fff; border: 1.5px solid #E0E0E0 !important; border-radius: 14px; padding: 18px 20px; box-shadow: none; }
._glanceCardsGrid_agm81_556 { display: grid; grid-template-columns: repeat(5, 1fr); gap: 10px; margin-bottom: 16px; }
._glanceCard_agm81_556 { border-radius: 10px; padding: 12px 14px; text-align: left; display: flex; flex-direction: column; gap: 0.4rem; background-color: #fafafa !important; border: 1.5px solid #e0e0e0 !important; }
._glanceRetirement_agm81_558 { background-color: #fafafa !important; border: 1.5px solid #e0e0e0 !important; }
._glanceRetirement_agm81_558 ._glanceCardValue_agm81_559 { color: #222 !important; }
._glanceGoals_agm81_560 { background-color: #fafafa !important; border: 1.5px solid #e0e0e0 !important; }
._glanceGoals_agm81_560 ._glanceCardValue_agm81_559 { color: #222 !important; }
._glanceInsurance_agm81_562 { background-color: #fafafa !important; border: 1.5px solid #e0e0e0 !important; }
._glanceInsurance_agm81_562 ._glanceCardValue_agm81_559 { color: #222 !important; }
._glanceAction_agm81_564 { background-color: #fafafa !important; border: 1.5px solid #e0e0e0 !important; }
._glanceAction_agm81_564 ._glanceCardValue_agm81_559 { color: #222 !important; }
._glanceLumpsum_agm81_566 { background-color: #fafafa !important; border: 1.5px solid #e0e0e0 !important; }
._glanceLumpsum_agm81_566 ._glanceCardValue_agm81_559 { color: #222 !important; }
._glanceCardHeader_agm81_568 { font-size: 10px; font-weight: 800; color: #464646; display: flex; align-items: center; gap: 0.35rem; }
._glanceCardIcon_agm81_569 { font-size: 0.9rem; }
._glanceCardValue_agm81_559 { font-size: 18px; font-weight: 900; line-height: 1.1; color: #222 !important; }
._glanceCardSub_agm81_571 { font-size: 10px; color: #464646; font-weight: 600; margin-top: 3px; }
._glanceSuccessValue_agm81_572 { color: #222 !important; font-size: 1.1rem; }

._allocationSection_agm81_574 { border-top: 1px solid #EEE; padding-top: 14px; margin-top: 4px; }
._allocationTitle_agm81_575 { font-size: 11px; font-weight: 800; color: #4E6137; margin-bottom: 10px; }
._allocationBars_agm81_576 { display: flex; flex-direction: column; gap: 7px; }
._allocationBarItem_agm81_577 { display: flex; align-items: center; gap: 8px; }
._barLabelBlue_agm81_578 { width: 60px; font-size: 10px; font-weight: 700; color: #555 !important; }
._barLabelGreen_agm81_579 { width: 60px; font-size: 10px; font-weight: 700; color: #555 !important; }
._barLabelOrange_agm81_580 { width: 60px; font-size: 10px; font-weight: 700; color: #555 !important; }
._barLabelGold_agm81_581 { width: 60px; font-size: 10px; font-weight: 700; color: #555 !important; }
._barLabelSilver_agm81_582 { width: 60px; font-size: 10px; font-weight: 700; color: #555 !important; }
._progressBarWrapper_agm81_583 { flex-grow: 1; height: 10px; background-color: #e8e8e8; border-radius: 4px; overflow: hidden; }
._progressBar_agm81_583 { height: 100%; border-radius: 4px; transition: width 0.6s ease; }
._progressBlue_agm81_585 { background-color: #1565C0; }
._progressGreen_agm81_586 { background-color: #6fa287; }
._progressOrange_agm81_587 { background-color: #E65100; }
._progressGold_agm81_588 { background-color: #d97706; }
._progressSilver_agm81_589 { background-color: #94a3b8; }
._barPercentBlue_agm81_590 { width: 40px; text-align: right; font-size: 11px; font-weight: 800; color: #333 !important; }
._barPercentGreen_agm81_591 { width: 40px; text-align: right; font-size: 11px; font-weight: 800; color: #333 !important; }
._barPercentOrange_agm81_592 { width: 40px; text-align: right; font-size: 11px; font-weight: 800; color: #333 !important; }
._barPercentGold_agm81_593 { width: 40px; text-align: right; font-size: 11px; font-weight: 800; color: #333 !important; }
._barPercentSilver_agm81_594 { width: 40px; text-align: right; font-size: 11px; font-weight: 800; color: #333 !important; }
._allocationCallout_agm81_595 { margin-top: 8px; padding: 7px 10px; background-color: #F5F5F5; border-radius: 6px; font-size: 12px; color: #333; font-weight: 600; text-align: left; border: none; }
._allocationCalloutSuccess_agm81_596 { color: #16a34a; }

/* ── Goal-wise Analysis card ── */
._goalCard_agm81_599 { border-radius: 12px; background: #fff; border: 1.5px solid #eee; margin-bottom: 0.7rem; }
._goalCardFunded_agm81_600 { border: 1.5px solid #eee !important; }
._goalCardShortfall_agm81_601 { border: 1.5px solid #eee !important; }
._goalCardHeader_agm81_602 { padding: 10px 18px; display: flex; justify-content: space-between; align-items: flex-start; }
._goalCardTitle_agm81_603 { font-size: 1.05rem; font-weight: 800; color: #1e293b; display: flex; align-items: center; gap: 8px; }
._goalCardMeta_agm81_604 { font-size: 0.78rem; color: #64748b; margin-top: 5px; display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
._goalCardMetaDivider_agm81_605 { color: #cbd5e1; }
._goalCardBadge_agm81_606 { border-radius: 20px; padding: 4px 14px; font-size: 0.78rem; font-weight: 800; white-space: nowrap; margin-left: 12px; background: #f0f0f0; color: #333; border: 1px solid #ddd; }
._goalCardBadgeFunded_agm81_607 { background: #f0f0f0 !important; color: #333 !important; border: 1px solid #ddd !important; }
._goalCardBadgeShortfall_agm81_608 { background: #f0f0f0 !important; color: #333 !important; border: 1px solid #ddd !important; }
._goalCardStatsGrid_agm81_609 { display: grid; border-top: 1px solid #eee; }
._goalCardStatCol_agm81_610 { padding: 0px; }
._goalCardStatColLast_agm81_611 { padding: 0px; }
._goalStatBoxLabel_agm81_612 { font-size: 0.62rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.03em; color: #999; margin-bottom: 6px; white-space: normal; word-break: break-word; line-height: 1.25; }
._goalStatBoxValue_agm81_613 { font-size: 1.3rem; font-weight: 800; color: #222; }
._goalCardFooter_agm81_614 { padding: 10px 18px; border-top: 1px solid #eee; background: #fafafa; font-size: 0.8rem; color: #333; display: flex; align-items: center; flex-wrap: wrap; gap: 6px; }
._goalCardFooterDivider_agm81_615 { color: #cbd5e1; }
._goalCardFooterSuccess_agm81_616 { color: #4E6137 !important; font-weight: 600; }
._goalCardFooterDanger_agm81_617 { color: #222 !important; font-weight: 600; }
._goalCardCRRow_agm81_618 { padding: 8px 18px 10px; background: #fafafa; border-top: 1px dashed #e0e0e0 !important; font-size: 0.78rem; color: #555 !important; line-height: 1.7; }
._goalCardCRWarn_agm81_619 { color: #222 !important; }
._goalCardTaggedRow_agm81_620 { padding: 8px 18px 12px; background: #fafafa !important; border-top: 1px dashed #e0e0e0 !important; font-size: 0.78rem; color: #555 !important; }

._goalStatBox_agm81_612 { background: #fafafa; border-right: 1px solid #eee; padding: 9px 14px; }
._goalStatBox_agm81_612:last-child { border-right: none; }
._goalStatBoxOrange_agm81_624 { background: #fafafa !important; }
._goalStatBoxOrange_agm81_624 ._goalStatBoxLabel_agm81_612 { color: #999 !important; }
._goalStatBoxOrange_agm81_624 ._goalStatBoxValue_agm81_613 { color: #222 !important; }
._goalStatBoxBlue_agm81_627 { background: #fafafa !important; }
._goalStatBoxBlue_agm81_627 ._goalStatBoxLabel_agm81_612 { color: #999 !important; }
._goalStatBoxBlue_agm81_627 ._goalStatBoxValue_agm81_613 { color: #222 !important; }
._goalStatBoxPurple_agm81_630 { background: #fafafa !important; }
._goalStatBoxPurple_agm81_630 ._goalStatBoxLabel_agm81_612 { color: #999 !important; }
._goalStatBoxPurple_agm81_630 ._goalStatBoxValue_agm81_613 { color: #222 !important; }
._goalStatBoxPurpleMuted_agm81_633 ._goalStatBoxValue_agm81_613 { color: #222 !important; font-size: 1.1rem; }
._goalStatBoxPurpleMuted_agm81_633 ._goalStatBoxHint_agm81_634 { font-size: 0.7rem; color: #666 !important; margin-top: 6px; line-height: 1.4; }
._goalStatBoxRed_agm81_635 { background: #fafafa !important; }
._goalStatBoxRed_agm81_635 ._goalStatBoxLabel_agm81_612 { color: #999 !important; }
._goalStatBoxRed_agm81_635 ._goalStatBoxValue_agm81_613 { color: #222 !important; }
._goalStatBoxGreen_agm81_638 { background: #fafafa !important; }
._goalStatBoxGreen_agm81_638 ._goalStatBoxLabel_agm81_612 { color: #999 !important; }
._goalStatBoxGreen_agm81_638 ._goalStatBoxValue_agm81_613 { color: #222 !important; }

/* ── SIP Redirection Flow — matches .surplus-cascade ── */
._sipFlowBox_agm81_643 { background: #fafafa !important; border: 1.5px solid #e0e0e0 !important; border-radius: 14px; padding: 20px; margin-top: 4px; }
._sipFlowTitle_agm81_644 { font-size: 1rem; font-weight: 800; color: #222 !important; margin-bottom: 8px; display: flex; align-items: center; gap: 8px; }
._sipFlowDesc_agm81_645 { font-size: 0.82rem; color: #555 !important; margin-bottom: 16px; line-height: 1.5; }
._sipFlowRow_agm81_646 { display: flex; align-items: flex-start; gap: 10px; padding: 10px 0; border-bottom: 1px solid #eee !important; }
._sipFlowRow_agm81_646:last-child { border-bottom: none; padding-top: 12px; }
._sipFlowIcon_agm81_648 { font-size: 1rem; flex-shrink: 0; }
._sipFlowText_agm81_649 { font-size: 0.85rem; color: #333 !important; line-height: 1.5; }
._sipFlowHighlight_agm81_650 { color: #333 !important; }
._sipFlowHighlightBlue_agm81_651 { color: #222 !important; }

/* ── Insurance & Loans (previously fully inline) ── */
._insTable_agm81_654 { width: 100%; border-collapse: collapse; margin-bottom: 1.5rem; border: 1px solid #e2e8f0; border-radius: 10px; overflow: hidden; }
._insTable_agm81_654 th {
    padding: 10px 14px;
    font-size: 0.72rem;
    font-weight: 800;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    border-bottom: 1px solid #e2e8f0;
    background: #f8fafc;
}
._insTable_agm81_654 th:first-child { text-align: left; }
._insTable_agm81_654 th:not(:first-child) { text-align: right; }
._insTable_agm81_654 td { padding: 14px; background: #fff; border-bottom: 1px solid #f1f5f9; }
._insTable_agm81_654 td:not(:first-child) { text-align: right; }
._insTypeLabel_agm81_669 { font-weight: 800; font-size: 0.95rem; color: #1e293b; }
._insTypeSub_agm81_670 { font-size: 0.75rem; color: #94a3b8; margin-top: 2px; }
._insReqValue_agm81_671 { font-weight: 800; font-size: 1rem; color: #1e293b; }
._insExistValue_agm81_672 { font-size: 0.95rem; color: #475569; }
._insGapCovered_agm81_673 { color: #16a34a; font-weight: 800; font-size: 1rem; }
._insGapShort_agm81_674 { color: #dc2626; font-weight: 800; font-size: 1rem; }
._insStatusPill_agm81_675 { border-radius: 6px; padding: 3px 10px; font-size: 0.78rem; font-weight: 700; }
._insStatusPillCovered_agm81_676 { background: #f0fdf4; color: #16a34a; border: 1px solid #bbf7d0; }
._insStatusPillShort_agm81_677 { background: #fff1f2; color: #dc2626; border: 1px solid #fecaca; }

._insPolicyTable_agm81_679 { width: 100%; border-collapse: collapse; border: 1px solid #e2e8f0; border-radius: 10px; overflow: hidden; }
._insPolicyTable_agm81_679 th {
    padding: 10px 14px;
    font-size: 0.72rem;
    font-weight: 800;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    border-bottom: 1px solid #e2e8f0;
    background: #f8fafc;
}
._insPolicyTable_agm81_679 th:first-child { text-align: left; }
._insPolicyTable_agm81_679 th:not(:first-child) { text-align: right; }
._insPolicyTable_agm81_679 td { padding: 12px 14px; border-bottom: 1px solid #f1f5f9; background: #fff; font-size: 0.9rem; color: #1e293b; }
._insPolicyTable_agm81_679 td:not(:first-child) { text-align: right; color: #475569; }
._insPolicyTable_agm81_679 td:first-child { font-weight: 600; }
._insPolicyTable_agm81_679 td:nth-child(2) { font-weight: 700; color: #1e293b; }
._insPolicyTotalRow_agm81_696 { background: #f8fafc; border-top: 2px solid #e2e8f0; }
._insPolicyTotalRow_agm81_696 td { font-weight: 800; font-size: 0.95rem; color: #0f172a; }

._loanTable_agm81_699 { width: 100%; border-collapse: collapse; border: 1px solid #e2e8f0; border-radius: 10px; overflow: hidden; }
._loanTable_agm81_699 th {
    padding: 10px 14px;
    font-size: 0.72rem;
    font-weight: 800;
    color: #64748b;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    border-bottom: 1px solid #e2e8f0;
    background: #f8fafc;
}
._loanTable_agm81_699 th:first-child { text-align: left; }
._loanTable_agm81_699 th:not(:first-child) { text-align: right; }
._loanTable_agm81_699 td { padding: 12px 14px; border-bottom: 1px solid #f1f5f9; background: #fff; font-size: 0.9rem; color: #1e293b; }
._loanTable_agm81_699 td:not(:first-child) { text-align: right; color: #475569; }
._loanTable_agm81_699 td:first-child { font-weight: 600; }
._loanTable_agm81_699 td:last-child { font-weight: 700; color: #1e293b; }
._loanTotalRow_agm81_716 { background: #f8fafc; border-top: 2px solid #e2e8f0; }
._loanTotalRow_agm81_716 td { font-weight: 800; font-size: 0.95rem; color: #0f172a; }

._insuranceLoansSection_agm81_719 { margin: 2rem 2rem; }
._insuranceLoansBlock_agm81_720 { margin-bottom: 2rem; }

@media (max-width:480px) {
    ._overviewSection_agm81_169 { margin: 1rem; }
    ._financialSummaryBox_agm81_237 { margin: 1rem; padding: 1rem; }
    ._investmentDiv_agm81_253 { margin: 1rem; }
    ._investmentHeading_agm81_269 { font-size: 1.2rem; }
    ._investmentTable_agm81_278 { font-size: 0.72rem; background-color: #fff; }
    ._investmentTable_agm81_278 thead th { font-size: 0.68rem; padding: 0.55rem 0.5rem; }
    ._investmentTable_agm81_278 tbody td { font-size: 0.7rem; padding: 0.55rem 0.5rem; }
    ._actionPlan_agm81_255 { margin: 1rem; }
    ._actionPlanSubtitle_agm81_346 { font-size: 0.85rem; }
    ._analysis_agm81_352 { margin: 1rem; }
}

._goalStatBoxHint_agm81_634 {
    font-size: 0.7rem;
    color: #B39DDB;
    margin-top: 6px;
    line-height: 1.4;
}

._belowHeaderLogoRow_agm81_742 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
    padding: 8px 0 0;
    position: absolute;
    left: 20px;
    top: 0;
    width: 160px;
}
._belowHeaderLogo_agm81_742 {
    height: 28px;
    width: auto;
    max-width: 180px;
    object-fit: contain;
}
._belowHeaderIncubatedBy_agm81_760 {
    color: #ED1C24;
    font-size: 0.7rem;
    margin-top: 10px;
    font-weight: 600;
    letter-spacing: 0.01em;
    line-height: 0;
    text-align: center;
}._main_1a997_1{
    margin-left: 8%;
    margin-right: 8%;
    margin-top: 2rem;
    /* max-width: 1128px; */
    margin-top: 50px;
    min-height: 80vh;
}
._heading_1a997_9{
font-size: 1.5rem;
font-weight: 600;
margin-top: 90px;
}
._highlighted_1a997_14{
color: #6fa287
}
._cards_1a997_17{
    display: flex;
    justify-content: space-between;
    margin-bottom: 2rem;
}
._cards_1a997_17>div{
 width: 32%;
 border-radius: 16px;
 background-color: #EEF2FF;
 border: none;
}
._cardTop_1a997_28{
    font-weight: 600;
    font-size: 2rem;
}
._cardBottom_1a997_32{
 font-size:1rem;
 color: black;
}
._searchTab_1a997_36{
    margin-bottom: 2rem;
}
._searchTab_1a997_36 div{
    position: relative;
    display: inline-block;
    width: 80%;
}
._searchTab_1a997_36 input{
    width: 100%;
    padding: 0.6rem;
    padding-left: 1rem;
    border: 1px solid var(--border-color);
    border-radius: 8px;
    font-size: small;
}
input:focus{
    outline: none;
}
input::placeholder{
    color: var(--placeholder-color);
}

._searchTab_1a997_36 span{
    position: absolute;
    right:10px;
    top:6px;
}

._searchTab_1a997_36 button{
    white-space: nowrap;
    padding-top:0.5rem;
    padding-bottom:0.5rem ;
   width: 18%;
   margin-left: 2%;
    font-size: 0.875rem;
    font-weight: 700;
    border-radius: 8px;
    background:#6fa287;
    color: #fff;
    border: none;
    cursor: pointer;
    box-shadow: 0 3px 10px rgba(78, 97, 55, 0.3);
    transition: all 0.2s ease;
}
._searchTab_1a997_36 button:hover{
    background-color:  #9cb7a9
}
._addClientBtn_1a997_84 {
    background-color: #6fa287 ;
    border: 1.5px solid #6fa287 ;
    box-shadow: none;
    padding: 0.6rem;
}
._addClientBtn_1a997_84:hover{
    background: #9cb7a9 ;
}
._addClientBtn_1a997_84:focus,
._addClientBtn_1a997_84:active {
    background: #9cb7a9 ;
    color: #fff ;
    border-color: #9cb7a9 ;
}
._clientHeading_1a997_99 span{
    font-size: 20px;
    font-weight: 600;
}
._clientHeading_1a997_99 button{
    width: 18%;
    font-size: 16px;
    white-space: nowrap;
    font-weight: 600;
}
._spanDiv_1a997_109{
    padding-left:6rem;
}
._cardDiv_1a997_112 button{
    background-color: rgba(237, 28, 37, 0.2);
    padding: 0.7rem;
    padding-right: 2rem;
    padding-left:2rem ;
    margin-right: 0.5rem;
    color: rgba(237, 28, 37, 1) ;
    font-weight: 600;
}
._cardDiv_1a997_112 button:hover{
    background-color: rgba(237, 28, 37, 0.2);
    padding: 0.7rem;
    padding-right: 2rem;
    padding-left:2rem ;
    margin-right: 0.5rem;
    color: rgba(237, 28, 37, 1) ;
    font-weight: 600;
}

/* ================= Plan card ================= */
._cardDiv_1a997_112,
._mobileCardDiv_1a997_133{
    position: relative;
    border: 1px solid #e3ece7;
    border-radius: 16px;
    background: linear-gradient(135deg, #ffffff 0%, #ffffff 60%, #f4f9f6 100%);
    box-shadow: 0 4px 18px rgba(31, 60, 45, 0.06);
    padding: 1.25rem 1.5rem 1rem 1.75rem !important;
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}
/* green accent strip on the left */
._cardDiv_1a997_112::before,
._mobileCardDiv_1a997_133::before{
    content: "";
    position: absolute;
    left: 0;
    top: 14px;
    bottom: 14px;
    width: 4px;
    border-radius: 0 4px 4px 0;
    background: linear-gradient(180deg, #6fa287 0%, #3d4d2b 100%);
}
._cardDiv_1a997_112:hover,
._mobileCardDiv_1a997_133:hover{
    transform: translateY(-3px);
    border-color: #c9ddd1;
    box-shadow: 0 12px 28px rgba(31, 60, 45, 0.12);
}
._cardDiv_1a997_112 b,
._mobileCardDiv_1a997_133 b{
    color: #1f2a24;
    font-weight: 700;
    letter-spacing: 0.2px;
}

._smallDiv_1a997_167{
    font-weight: 400;
    font-size: 14px;
    color: var(--gray-color);
}
/* field labels: PAN No. / Plan Id / Version */
._cardDiv_1a997_112 ._spanDiv_1a997_109._smallDiv_1a997_167,
._mobileCardDiv_1a997_133 ._spanDiv_1a997_109._smallDiv_1a997_167{
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    color: #8a978f;
}

/* ---- footer with dates ---- */
._cardDate_1a997_183{
    --bs-gutter-x: 0;
    border-top: 1px dashed #dbe6df;
    margin-top: 1rem;
    margin-left: 0;
    margin-right: 0;
}
._cardDate_1a997_183 > span{
    padding-left: 0;
    padding-right: 0;
}
._cardDate_1a997_183 span{
    margin: 0rem;
    font-size: 14px;
}
._cardDate_1a997_183 span span{
    color: var(--gray-color);
}

/* ---- action icons as soft tiles ---- */
._editIcon_1a997_203,
._eyeIcon_1a997_204,
._donwloadPDF_1a997_205{
    box-sizing: border-box;
    width: 40px;
    height: 40px;
    border-radius: 12px;
    cursor: pointer;
    vertical-align: middle;
    transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}
._editIcon_1a997_203{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 12px;
    padding: 9px;
    color: #6fa287;
    background-color: #eaf4ee;
}
._editIcon_1a997_203 svg{
    width: 100%;
    height: 100%;
}
._editIcon_1a997_203:hover{
    color: #fff;
    background-color: #6fa287;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(111, 162, 135, 0.35);
}
._eyeIcon_1a997_204{
    object-fit: contain;
    margin-right: 12px;
    padding: 5px;
    background-color: #f1f3f7;
}
._eyeIcon_1a997_204:hover{
    background-color: #e3e7ef;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(60, 70, 100, 0.18);
}
._donwloadPDF_1a997_205{
    object-fit: contain;
    padding: 10px;
    background-color: #fdeced;
}
._donwloadPDF_1a997_205:hover{
    background-color: #fad6d8;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(237, 28, 37, 0.2);
}

._searchDivHeading_1a997_255{
    font-size: 1rem!important;
    color: var(--gray-color);
}
._searchNotFoundDiv_1a997_259{
    margin-bottom: 4rem;
    font-size: 20px;
    color: var(--placeholder-color);
}
._searchNotFoundDiv_1a997_259 img{
    width: 30%;
}
._loaderDiv_1a997_267{
    margin: 1rem;
 }
 ._mobileCardDiv_1a997_133{
    display: none;
 }
 ._loaderdiv_1a997_273{
    margin: 1rem;
 height: 30%;
 width: 40%;
}

/* ---- date chips + tooltip ---- */
._cardDate_1a997_183 ._dateTooltip_1a997_280{
  position: relative;
  display: inline-flex;
  align-items: center;
  margin-top: 0.75rem;
  padding: 5px 12px 5px 30px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 600;
  color: #2f3e35;
  background-color: #f1f7f3;
  background-repeat: no-repeat;
  background-position: 11px center;
  background-size: 13px 13px;
  border: 1px solid #dbe9e1;
  cursor: default;
  transition: background-color 0.2s ease, border-color 0.2s ease;
  /* calendar icon */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236fa287' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3Cpath d='M16 2v4M8 2v4M3 10h18'/%3E%3C/svg%3E");
}
/* revision chip: history icon */
._cardDate_1a997_183 ._text-end_1a997_301 ._dateTooltip_1a997_280{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236fa287' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12a9 9 0 1 0 3-6.7L3 8'/%3E%3Cpath d='M3 3v5h5M12 7v5l3 2'/%3E%3C/svg%3E");
}
._cardDate_1a997_183 ._dateTooltip_1a997_280:hover{
  background-color: #e4f0e9;
  border-color: #b9d3c4;
}
/* tooltip bubble */
._dateTooltip_1a997_280::after{
  content: attr(data-tooltip);
  position: absolute;
  bottom: calc(100% + 10px);
  left: 50%;
  transform: translate(-50%, 4px);
  background: #1f2a24;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.3px;
  padding: 6px 10px;
  border-radius: 6px;
  white-space: nowrap;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.18);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.18s ease, transform 0.18s ease;
  z-index: 10;
}

._dateTooltip_1a997_280:hover::after{
  opacity: 1;
  visibility: visible;
  transform: translate(-50%, 0);
}

 @media (max-width:480px) {
    ._main_1a997_1{
        min-height: 90vh;
    }
    ._cards_1a997_17{
        display: flex;
        flex-direction: column;
    }
    ._cards_1a997_17>div{
        width: 100%;
        margin-bottom:1rem ;
    }
    ._searchTab_1a997_36{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    ._searchTab_1a997_36 div{
        width: 100%;
    }
    ._searchTab_1a997_36 button{
        width: 50%;
        margin-top: 2rem;
    }
   ._spanDiv_1a997_109{
    padding-left: 1rem;
   }
   ._mobileCardDiv_1a997_133 button{
    width: 70%;
   }
   ._eyeIcon_1a997_204{
    margin: 1rem 0.75rem 0 0;
}
._editIcon_1a997_203{
    margin: 1rem 0.75rem 0 0;
}
._cardDate_1a997_183{
    margin: 0rem;
}
._cardDiv_1a997_112{
    display: none;
}
._mobileCardDiv_1a997_133{
 display: block;
 padding: 1.25rem 1rem 1rem 1.25rem !important;
 }
 ._mobileCardDiv_1a997_133 ._spanDiv_1a997_109._smallDiv_1a997_167{
    padding-top: 0.6rem;
 }
 ._donwloadPDF_1a997_205{
    margin: 1rem 0 0 0;
 }
 ._cardDate_1a997_183 ._dateTooltip_1a997_280{
    font-size: 12px;
    padding: 4px 10px 4px 27px;
    background-position: 9px center;
 }
 ._loaderDiv_1a997_267{
 height: 10%;
 width: 12%;
 color: #6fa287;
}
 ._mobileCardDiv_1a997_133 button{
    background-color: rgba(237, 28, 37, 0.2);
    padding: 0.7rem;
    padding-right: 2rem;
    padding-left:2rem ;
    margin-right: 0.5rem;
    color: rgba(237, 28, 37, 1) ;
    font-weight: 600;
}
._mobileCardDiv_1a997_133 button:hover{
    background-color: rgba(237, 28, 37, 0.2);
    padding: 0.7rem;
    padding-right: 2rem;
    padding-left:2rem ;
    margin-right: 0.5rem;
    color: rgba(237, 28, 37, 1) ;
 }
}

._createdBy_1a997_418 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
/* =========================================================
   Admin page — green sidebar + card layout
   ========================================================= */
._main_8hljv_4 {
  --green: #6fa287;
  --green-dark: #4f8368;
  --green-soft: #e8f3ed;
  --ink: #1f2a24;
  --muted: #6b7a72;
  --line: #e6ece8;
  --bg: #f3f6f4;
  color: var(--ink);
}

._bottomContent_8hljv_15 {
  display: flex;
  min-height: calc(100vh - 72px);
}

/* ================= Sidebar ================= */
._leftHead_8hljv_21 {
  width: 240px;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  background: linear-gradient(180deg, #6fa287 0%, #5f9479 100%);
  color: #fff;
  position: sticky;
  top: 72px;
  height: calc(100vh - 72px);
}

._sideBrand_8hljv_34 {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 22px 22px 20px;
  font-size: 1.25rem;
  font-weight: 700;
  letter-spacing: 0.2px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.18);
}

._navList_8hljv_45 ul {
  list-style: none;
  padding: 16px 10px;
  margin: 0;
}
._navList_8hljv_45 li {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 13px 16px;
  margin-bottom: 6px;
  border-radius: 10px;
  font-size: 0.95rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.92);
  cursor: pointer;
  transition: background-color 0.2s ease, color 0.2s ease;
}
._navList_8hljv_45 li:hover {
  background-color: rgba(255, 255, 255, 0.14);
}
._navList_8hljv_45 li._active_8hljv_66 {
  background-color: #fff;
  color: var(--green-dark);
  box-shadow: 0 4px 14px rgba(20, 50, 35, 0.15);
}

._footList_8hljv_72 {
  margin-top: auto;
  margin-bottom: 2rem;
}

/* ================= Content area ================= */
._rightContent_8hljv_78 {
  flex-grow: 1;
  min-width: 0;
  background-color: var(--bg);
  padding: 28px 32px 40px;
}

._pageHeader_8hljv_85 {
  display: flex;
  align-items: center;
  gap: 18px;
  margin-bottom: 24px;
}
._pageIcon_8hljv_91 {
  width: 64px;
  height: 64px;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--green-dark);
  background-color: #dcebe2;
}
._pageIcon_8hljv_91 svg {
  width: 30px;
  height: 30px;
}
._pageHeader_8hljv_85 h2 {
  margin: 0;
  font-size: 1.75rem;
  font-weight: 700;
  color: var(--ink);
}
._pageHeader_8hljv_85 p {
  margin: 4px 0 0;
  font-size: 0.92rem;
  color: var(--muted);
}

/* white card used for filters, table, charts */
._panel_8hljv_118 {
  background-color: #fff;
  border-radius: 14px;
  border: 1px solid var(--line);
  box-shadow: 0 4px 18px rgba(31, 60, 45, 0.05);
  padding: 20px 22px;
  margin-bottom: 22px;
}

/* ================= Filters ================= */
._panelTitle_8hljv_128 {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--ink);
  margin-bottom: 14px;
}
._panelTitle_8hljv_128 svg {
  color: var(--green);
  width: 16px;
  height: 16px;
}

._filters_8hljv_143 {
  display: grid;
  grid-template-columns: repeat(6, minmax(120px, 1fr)) auto;
  gap: 14px;
  align-items: end;
  margin-bottom: 18px;
}

._filterDiv_8hljv_151 {
  display: flex;
  flex-direction: column;
  gap: 6px;
  min-width: 0;
}
._filterDiv_8hljv_151 label {
  font-size: 0.8rem;
  font-weight: 600;
  color: #3b4a42;
}
._filterDiv_8hljv_151 input,
._filterDiv_8hljv_151 select {
  width: 100%;
  height: 44px;
  padding: 0 12px;
  font-size: 0.85rem;
  color: var(--ink);
  background-color: #fff;
  border: 1px solid #d9e2dd;
  border-radius: 8px;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
._filterDiv_8hljv_151 select {
  appearance: none;
  -webkit-appearance: none;
  padding-right: 34px;
  cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7a72' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 14px;
  text-overflow: ellipsis;
}
._filterDiv_8hljv_151 input:hover,
._filterDiv_8hljv_151 select:hover {
  border-color: #b9cfc2;
}
._filterDiv_8hljv_151 input:focus,
._filterDiv_8hljv_151 select:focus {
  outline: none;
  border-color: var(--green);
  box-shadow: 0 0 0 3px rgba(111, 162, 135, 0.18);
}

._filterActions_8hljv_196 {
  display: flex;
  gap: 10px;
}
._searchBtn_8hljv_200,
._resetBtn_8hljv_201 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 44px;
  padding: 0 20px;
  border-radius: 8px;
  font-size: 0.9rem;
  font-weight: 600;
  white-space: nowrap;
  cursor: pointer;
  transition: all 0.2s ease;
}
._searchBtn_8hljv_200 {
  background-color: var(--green);
  color: #fff;
  border: 1px solid var(--green);
  box-shadow: 0 4px 12px rgba(111, 162, 135, 0.35);
}
._searchBtn_8hljv_200:hover {
  background-color: var(--green-dark);
  border-color: var(--green-dark);
  transform: translateY(-1px);
}
._resetBtn_8hljv_201 {
  background-color: #fff;
  color: var(--green-dark);
  border: 1px solid var(--green);
}
._resetBtn_8hljv_201:hover {
  background-color: var(--green-soft);
}

/* ================= Download row ================= */
._downloadTab_8hljv_236 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
}
._downloadLabel_8hljv_242 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-right: 8px;
  font-size: 0.92rem;
  font-weight: 600;
  color: #3b4a42;
  cursor: pointer;
}
._downloadLabel_8hljv_242 svg {
  color: var(--green-dark);
}
._downloadLabel_8hljv_242:hover {
  color: var(--green-dark);
}

._pdfBtn_8hljv_259,
._excelBtn_8hljv_260,
._wordBtn_8hljv_261 {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 8px 20px 8px 14px;
  border: none;
  border-radius: 999px;
  font-size: 0.9rem;
  font-weight: 600;
  cursor: pointer;
  transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}
._pdfBtn_8hljv_259 { background-color: #fdecec; color: #d64545; }
._excelBtn_8hljv_260 { background-color: #e7f4ec; color: #1e7e45; }
._wordBtn_8hljv_261 { background-color: #e8f0f8; color: #2b6cb0; }
._pdfBtn_8hljv_259:hover { background-color: #fadcdc; }
._excelBtn_8hljv_260:hover { background-color: #d6ecdf; }
._wordBtn_8hljv_261:hover { background-color: #d8e5f3; }
._pdfBtn_8hljv_259:hover, ._excelBtn_8hljv_260:hover, ._wordBtn_8hljv_261:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

/* ================= Table ================= */
._tableHeader_8hljv_285 {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
}
._tableHeaderIcon_8hljv_291 {
  display: inline-flex;
  color: var(--green-dark);
}
._tableHeader_8hljv_285 h3 {
  margin: 0;
  font-size: 1.2rem;
  font-weight: 700;
}
._recordBadge_8hljv_300 {
  padding: 4px 12px;
  border-radius: 999px;
  font-size: 0.78rem;
  font-weight: 600;
  color: var(--green-dark);
  background-color: var(--green-soft);
}

._tableDiv_8hljv_309 {
  max-height: 55vh;
  overflow: auto;
  white-space: nowrap;
  border: 1px solid var(--line);
  border-radius: 10px;
}
._tableDiv_8hljv_309 table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}
._tableDiv_8hljv_309 th {
  position: sticky;
  top: 0;
  z-index: 1;
  background-color: #eef4f0;
  color: #2f3e35;
  font-size: 0.82rem;
  font-weight: 700;
  text-align: left;
  padding: 16px 18px;
  border-bottom: 1px solid var(--line);
  white-space: nowrap;
}
._tableDiv_8hljv_309 td {
  white-space: nowrap;
  background-color: #fff;
  padding: 16px 18px;
  font-size: 0.82rem;
  color: #2c3631;
  border-bottom: 1px solid #eef2ef;
}
._tableDiv_8hljv_309 tbody tr:last-child td {
  border-bottom: none;
}
._tableDiv_8hljv_309 tbody tr:hover td {
  background-color: #f7faf8;
}

._indexCell_8hljv_349 {
  color: var(--muted) !important;
  font-weight: 600;
}
._planIdCell_8hljv_353 {
  font-weight: 600;
  letter-spacing: 0.2px;
}
._channelBadge_8hljv_357 {
  display: inline-block;
  padding: 4px 12px;
  border-radius: 999px;
  font-size: 0.75rem;
  font-weight: 600;
  color: var(--green-dark);
  background-color: var(--green-soft);
}
._statusDone_8hljv_366,
._statusPending_8hljv_367 {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 4px 12px;
  border-radius: 999px;
  font-size: 0.76rem;
  font-weight: 600;
}
._statusDone_8hljv_366::before,
._statusPending_8hljv_367::before {
  content: "";
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: currentColor;
}
._statusDone_8hljv_366 { color: #1e7e45; background-color: #e3f3e9; }
._statusPending_8hljv_367 { color: #b7791f; background-color: #fdf3e1; }

._viewText_8hljv_387 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  border: 1px solid #d9e2dd;
  border-radius: 8px;
  background-color: #fff;
  color: var(--green-dark);
  font-size: 0.78rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
}
._viewText_8hljv_387:hover {
  background-color: var(--green);
  border-color: var(--green);
  color: #fff;
}

._emptyRow_8hljv_407 {
  text-align: center;
  color: var(--muted) !important;
  padding: 36px !important;
}

._tableFooter_8hljv_413 {
  margin-top: 14px;
  font-size: 0.85rem;
  color: var(--muted);
}

._loaderDiv_8hljv_419 {
  margin: 1rem;
}

/* ================= Dashboard cards ================= */
._cardDiv_8hljv_424 {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  margin-bottom: 22px;
}
._card_8hljv_424 {
  flex: 1 1 180px;
  background-color: #fff;
  border: 1px solid var(--line);
  border-radius: 14px;
  padding: 18px 20px;
  box-shadow: 0 4px 18px rgba(31, 60, 45, 0.05);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
._card_8hljv_424:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 24px rgba(31, 60, 45, 0.1);
}
._cardTop_8hljv_443 {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
._topContent_8hljv_448 {
  display: inline-flex;
  flex-direction: column;
  margin-right: 1rem;
}
._topContent_8hljv_448 > :nth-child(1) {
  font-size: 0.9rem;
  color: var(--muted);
  font-weight: 500;
}
._topContent_8hljv_448 > :nth-child(2) {
  font-size: 1.7rem;
  font-weight: 700;
  margin-top: 0.4rem;
  color: var(--ink);
}
._topImg_8hljv_464 img {
  width: 56px;
  height: 56px;
  object-fit: contain;
}
._iconBox_8hljv_469 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 56px;
  height: 56px;
  border-radius: 14px;
  background-color: #e3f1e9;
}
._iconBox_8hljv_469 img {
  width: 30px;
  height: 30px;
  object-fit: contain;
}

._chartDiv_8hljv_485 {
  overflow-x: auto;
}
._chartContainer_8hljv_488 {
  display: flex;
  align-items: stretch;
  gap: 18px;
}
._chart_8hljv_485 {
  flex: 1 1 0;
  min-width: 280px;
  padding: 1rem;
  border-radius: 12px;
  border: 1px solid var(--line);
  background-color: #fff;
}
._lineChart_8hljv_501 {
  background-color: #fff;
}
._emptyText_8hljv_504 {
  color: var(--muted);
  margin: 0;
}

/* ================= Responsive ================= */
@media (max-width: 1400px) {
  ._filters_8hljv_143 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  ._filterActions_8hljv_196 {
    grid-column: 1 / -1;
    justify-content: flex-end;
  }
}

@media (max-width: 900px) {
  ._leftHead_8hljv_21 {
    width: 76px;
  }
  ._sideBrand_8hljv_34 span,
  ._navList_8hljv_45 li span {
    display: none;
  }
  ._sideBrand_8hljv_34,
  ._navList_8hljv_45 li {
    justify-content: center;
  }
  ._rightContent_8hljv_78 {
    padding: 20px 16px 32px;
  }
  ._filters_8hljv_143 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 560px) {
  ._bottomContent_8hljv_15 {
    flex-direction: column;
  }
  ._leftHead_8hljv_21 {
    width: 100%;
    height: auto;
    position: static;
    flex-direction: row;
    align-items: center;
  }
  ._sideBrand_8hljv_34 {
    border-bottom: none;
    padding: 12px 16px;
  }
  ._navList_8hljv_45 ul {
    display: flex;
    gap: 6px;
    padding: 8px;
  }
  ._navList_8hljv_45 li {
    margin: 0;
  }
  ._navList_8hljv_45 li span {
    display: inline;
  }
  ._footList_8hljv_72 {
    display: none;
  }
  ._pageIcon_8hljv_91 {
    width: 48px;
    height: 48px;
  }
  ._pageHeader_8hljv_85 h2 {
    font-size: 1.4rem;
  }
  ._filters_8hljv_143 {
    grid-template-columns: 1fr;
  }
  ._filterActions_8hljv_196 > button {
    flex: 1;
  }
}
._container_3vqrr_1 {
  padding-bottom: 3rem;
  background-color: white;
  min-height: 100vh;
  color: #fff;
  font-family: 'Inter', sans-serif;
}

._main_3vqrr_9 {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 20px;
}

._card_3vqrr_15 {
  background: #edf6f1;
  border-radius: 16px;
  padding: 32px;
  margin-bottom: 24px;
  color: #1e293b;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  border: 1px solid #f1f5f9;
}

._cardHeader_3vqrr_25 {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
  border-left: 4px solid #4E6137; /* Sage — matches .ct border-left in the tool */
  padding-left: 12px;
}

._cardTitle_3vqrr_34 {
  font-size: 1.15rem;
  font-weight: 700;
  color: #333333;
  display: flex;
  align-items: center;
  gap: 8px;
}

._cardDescription_3vqrr_43 {
  font-size: 0.9rem;
  color: #64748b;
  margin-bottom: 24px;
}

._tableHeader_3vqrr_49 {
  display: grid;
  gap: 20px;
  margin-bottom: 12px;
  padding: 0 8px;
}

._insuranceGrid_3vqrr_56 {
  grid-template-columns: 2fr 1.5fr 1.5fr 1.5fr 40px;
}

._loanGrid_3vqrr_60 {
  grid-template-columns: 2fr 1.5fr 1.5fr 1.2fr 1.2fr 40px;
  column-gap: 20px;
}

._insuranceGrid_3vqrr_56 {
  grid-template-columns: 2fr 1.5fr 1.5fr 1.5fr 40px;
  column-gap: 20px;
}

._columnLabel_3vqrr_70 {
  font-size: 0.75rem;
  font-weight: 700;
  color: #94a3b8;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

._row_3vqrr_78 {
  display: grid;
  gap: 20px;
  align-items: center;
  padding: 0 8px;
  margin-bottom: 12px;
}


._rowContainer_3vqrr_87 {
  margin-bottom: 16px;
  border-bottom: 1px solid #f1f5f9;
  padding-bottom: 16px;
}

._rowContainer_3vqrr_87:last-of-type {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}

._noData_3vqrr_99 {
  font-size: 0.9rem;
  color: #94a3b8;
  margin: 16px 8px;
}

._inputField_3vqrr_105 {
  width: 100%;
  padding: 8px 12px;
  border: 1.5px solid #90CAF9;
  border-radius: 8px;
  font-size: 0.85rem;
  color: #1565C0;
  background-color: #E3F2FD;
  text-align: right;
  font-weight: 500;
  transition: all 0.2s ease;
}
._inputField_3vqrr_105::placeholder {
  color: #64748b;
  text-align: right;
  font-weight: 400;
}

._inputField_3vqrr_105:focus {
  outline: none;
  border-color: #4E6137;
  background-color: #ffffff;
  box-shadow: 0 0 0 1px #4E6137;
}
._selectField_3vqrr_129 {
  appearance: none;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%2364748b' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 1.25rem;
  padding-right: 2.5rem;
  text-align: left;
  color: #1e293b;
  background-color: #f8fafc;
  border-color: #cbd5e1;
}

._selectField_3vqrr_129::placeholder {
  text-align: left;
}

._deleteBtn_3vqrr_146 {
  background: none;
  border: 1px solid #cbd5e1;
  border-radius: 6px;
  color: #94a3b8;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  transition: all 0.2s ease;
}

._deleteBtn_3vqrr_146:hover {
  background-color: #fee2e2;
  color: #ef4444; /* Kept red — destructive action */
  border-color: #fecaca;
}

._addBtn_3vqrr_166 {
  background-color: #6fa287;
  color: white;
  border: none;
  border-radius: 8px;
  padding: 10px 20px;
  font-size: 0.875rem;
  font-weight: 700;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  transition: all 0.2s ease;
  margin-top: 12px;
  box-shadow: 0 2px 8px rgba(78, 97, 55, 0.3);
}

._addBtn_3vqrr_166:hover {
  background-color: #9cb7a9;
  transform: translateY(-1px);
}

._summaryBar_3vqrr_188 {
  background-color: #FFF3E0; /* Amber — matches .warnnote / .liab-summary-bar in the tool */
  border: 1px solid #FFCC80;
  border-radius: 8px;
  padding: 14px 20px;
  margin-top: 24px;
  display: flex;
  align-items: center;
  font-size: 0.95rem;
  font-weight: 600;
  color: #E65100;
}

._footer_3vqrr_201 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 40px;
  padding-top: 24px;
  border-top: 1px solid rgba(0, 0, 0, 0.08); /* Page bg is light green now, so a dark hairline reads better */
}

._footerRight_3vqrr_210 {
  display: flex;
  align-items: center;
  gap: 12px;
}

._backBtn_3vqrr_216 {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 11px 24px;
  border: 1.5px solid #4E6137;
  border-radius: 8px;
  background-color: #fff;
  color: #4E6137;
  font-size: 0.9rem;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.2s ease;
}

._backBtn_3vqrr_216:hover {
  background-color: #EEF2E7;
  color: #3D4D2B;
  transform: translateY(-1px);
}

._saveBtn_3vqrr_237 {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 10px 22px;
  border: none;
  border-radius: 8px;
  background-color: #6fa287;
  color: white;
  font-size: 0.875rem;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.2s ease;
  box-shadow: 0 2px 8px rgba(78, 97, 55, 0.3);
}

._saveBtn_3vqrr_237:hover {
  background-color: #9cb7a9;
  transform: translateY(-1px);
}

._nextBtn_3vqrr_258 {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 11px 28px;
  border: none;
  border-radius: 8px;
  background: #6fa287;
  color: white;
  font-size: 0.9rem;
  font-weight: 700;
  cursor: pointer;
  box-shadow: 0 3px 12px rgba(78, 97, 55, 0.35);
  transition: all 0.2s ease;
}

._nextBtn_3vqrr_258:hover {
  transform: translateY(-1px);
  background-color: #9cb7a9;
}

._arrowIcon_3vqrr_279 {
  font-size: 1rem;
  transition: transform 0.3s ease;
}

._nextBtn_3vqrr_258:hover ._arrowIcon_3vqrr_279 {
  transform: translateX(4px);
}

/* Term Details Sub-Box Styling */
._termDetailsBox_3vqrr_289 {
  display: grid;
  grid-template-columns: 1fr 1fr 2fr;
  gap: 20px;
  background-color: #E3F2FD; /* Blue — matches dependent-info blocks in the tool */
  border: 1px solid #90CAF9;
  border-radius: 8px;
  padding: 16px 20px;
  margin-top: 16px;
}

._termDetailsField_3vqrr_300 {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

._subLabel_3vqrr_306 {
  font-size: 0.8rem;
  color: #1565C0;
  font-weight: 600;
}

._subInput_3vqrr_312 {
  width: 100%;
  padding: 10px 14px;
  border: 1px solid #90CAF9;
  border-radius: 6px;
  font-size: 0.9rem;
  color: #1e293b;
  background-color: #ffffff;
  transition: all 0.2s ease;
}

._subInput_3vqrr_312:focus {
  outline: none;
  border-color: #4E6137;
  box-shadow: 0 0 0 1px #4E6137;
}

._saveAlert_3vqrr_329 {
  background-color: #E8F5E9; /* Sage-green success — matches .infnote2 */
  color: #1B5E20;
  border: 1px solid #A5D6A7;
  border-radius: 8px;
  padding: 12px 20px;
  margin-bottom: 20px;
  font-weight: 600;
  font-size: 0.9rem;
  display: flex;
  align-items: center;
  gap: 8px;
  animation: _fadeIn_3vqrr_1 0.3s ease-in-out;
}

@keyframes _fadeIn_3vqrr_1 {
  from { opacity: 0; transform: translateY(-10px); }
  to { opacity: 1; transform: translateY(0); }
}

/* Hide spin buttons */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

._recommendedBanner_3vqrr_360 {
  display: flex;
  align-items: center;
  gap: 10px;
  background-color: #EDE7F6; /* Purple — matches .ins-rec-banner in the tool */
  border: 1px solid #B39DDB;
  border-radius: 8px;
  padding: 12px 16px;
  margin-bottom: 16px;
  font-size: 0.88rem;
  color: #4527A0;
}

._recommendedIcon_3vqrr_373 {
  font-size: 1rem;
  flex-shrink: 0;
}

._recommendedText_3vqrr_378 {
  line-height: 1.5;
}

._termHighlight_3vqrr_382 {
  color: #E65100; /* Amber — matches the Term recommendation figure in the tool */
  font-weight: 700;
}

._healthHighlight_3vqrr_387 {
  color: #1B5E20; /* Sage-green — matches the Health recommendation figure in the tool */
  font-weight: 700;
}

._gapAnalysisSection_3vqrr_392 {
  margin-top: 24px;
  border-top: 1px solid #f1f5f9;
  padding-top: 20px;
}

._gapAnalysisTitle_3vqrr_398 {
  font-size: 0.75rem;
  font-weight: 700;
  color: #64748b;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  margin-bottom: 14px;
}

._gapRow_3vqrr_407 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 14px;
  background-color: #f8fafc;
  border-radius: 8px 8px 0 0;
  border: 1px solid #e2e8f0;
  border-bottom: none;
}

._gapRowLeft_3vqrr_418 {
  display: flex;
  align-items: center;
  gap: 10px;
}

._gapDotBlue_3vqrr_424 {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #1565C0;
  flex-shrink: 0;
}

._gapDotGreen_3vqrr_432 {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #4E6137;
  flex-shrink: 0;
}

._gapLabel_3vqrr_440 {
  font-size: 0.875rem;
  color: #334155;
  font-weight: 500;
}

._gapRowRight_3vqrr_446 {
  font-size: 0.875rem;
  font-weight: 700;
}

._gapValueGood_3vqrr_451 {
  color: #1B5E20;
}

._gapValueNone_3vqrr_455 {
  color: #475569;
  font-weight: 600;
}

._gapShortfallRow_3vqrr_460 {
  border-radius: 0 0 8px 8px;
  border: 1px solid #FFCC80; /* Amber — matches the tool's warning tone instead of harsh red */
  background-color: #FFF8E1;
  overflow: hidden;
}

._gapShortfallInner_3vqrr_467 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 14px;
  font-size: 0.83rem;
  color: #7B4B00;
}

._gapShortfallValue_3vqrr_476 {
  color: #E65100;
  font-weight: 700;
}

._gapSurplusInner_3vqrr_481 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 14px;
  font-size: 0.83rem;
  color: #1B5E20;
  background-color: #E8F5E9;
  border-color: #A5D6A7;
}

._gapSurplusValue_3vqrr_492 {
  color: #1B5E20;
  font-weight: 700;
}

._itemHeader_3vqrr_497 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 14px;
}

._itemTitle_3vqrr_504 {
  font-size: 0.95rem;
  font-weight: 700;
  color: #1e293b;
}

._itemActions_3vqrr_510 {
  display: flex;
  align-items: center;
  gap: 16px;
}

._savedStatus_3vqrr_516 {
  display: flex;
  align-items: center;
  gap: 12px;
}

._savedText_3vqrr_522 {
  color: #1B5E20;
  font-size: 0.85rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 4px;
}

._editBtn_3vqrr_531 {
  background-color: #E3F2FD;
  color: #1565C0;
  border: 1.5px solid #90CAF9;
  border-radius: 6px;
  padding: 6px 16px;
  font-size: 0.85rem;
  font-weight: 700;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 6px;
  transition: all 0.2s;
}

._editBtn_3vqrr_531:hover {
  background-color: #BBDEFB;
}

._enterAmount_3vqrr_550 {
  font-size: 0.85rem;
  font-weight: 600;
  color: #1e293b;
}

._closeIconBtn_3vqrr_556 {
  background: none;
  border: none;
  color: #cbd5e1;
  cursor: pointer;
  font-size: 1.2rem;
  transition: color 0.2s;
  display: flex;
  align-items: center;
}

._closeIconBtn_3vqrr_556:hover {
  color: #C62828;
}

._saveItemBtn_3vqrr_571 {
  background: linear-gradient(135deg, #1B5E20, #2E7D32);
  color: white;
  border: none;
  border-radius: 7px;
  padding: 8px 18px;
  font-size: 0.85rem;
  font-weight: 700;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 12px;
  box-shadow: 0 2px 8px rgba(27, 94, 32, 0.3);
  transition: all 0.2s ease;
}

._saveItemBtn_3vqrr_571:hover {
  background: linear-gradient(135deg, #164A1A, #256428);
}

._inputField_3vqrr_105:disabled,
._selectField_3vqrr_129:disabled {
  background-color: #f1f5f9 !important;
  color: #64748b !important;
  cursor: not-allowed;
  border-color: #e2e8f0 !important;
}

._subInput_3vqrr_312:disabled {
  background-color: #f1f5f9;
  color: #64748b;
  cursor: not-allowed;
}

._expenseNote_3vqrr_606 {
  font-size: 0.82rem;
  color: #d32f2f;
  font-weight: 600;
  margin: 8px 0px 6px 5px;
  line-height: 1.8;
}

/* Term Insurance calculation method radios */
._methodGroup_3vqrr_615 {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin: 0 8px 14px;
}

._methodOption_3vqrr_622 {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  border: 1.5px solid #cbd5e1;
  border-radius: 8px;
  background-color: #ffffff;
  font-size: 0.8rem;
  font-weight: 700;
  color: #475569;
  letter-spacing: 0.03em;
  cursor: pointer;
  transition: all 0.2s ease;
}

._methodOption_3vqrr_622 input[type="radio"] {
  accent-color: #4E6137;
  width: 16px;
  height: 16px;
  margin: 0;
  cursor: pointer;
}

._methodActive_3vqrr_646 {
  border-color: #4E6137;
  background-color: #EEF2E7;
  color: #3D4D2B;
}

._methodOption_3vqrr_622:has(input:disabled) {
  cursor: not-allowed;
  opacity: 0.75;
}

._subSelect_3vqrr_657 {
  appearance: none;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%2364748b' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 1.1rem;
  padding-right: 2.2rem;
  cursor: pointer;
}