@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;600;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Figtree:wght@400;600;700&display=swap);
@import url(https://fonts.googleapis.com/icon?family=Material+Icons);
.rHBNQrpvd7mwKp3HqjVQ {
  width: 100%;
  height: 50px;
  padding: 4px 8px;
  box-shadow: var(--shadow-md);
  background: var(--color-secondary);
  color: white;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-weight: 400;
  font-size: var(--font-size-sm);
  text-align: center;
  border: none;
  cursor: pointer;
  transition: background 0.3s;
}

.rHBNQrpvd7mwKp3HqjVQ:hover:not(:disabled) {
  background: var(--color-accent);
}

.rHBNQrpvd7mwKp3HqjVQ:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.X0yevVjivPJSFmPHwZY_ {
  opacity: 0.7;
}




.TfOenvqx_b2CwpABRYGK {
  display: flex;
  align-items: center;
  width: 100%;
  height: 50px;
  background: var(--color-green-white);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  overflow: hidden;
  margin-bottom: var(--space-md);
}

.TfOenvqx_b2CwpABRYGK input {
  padding: var(--space-sm);
}

.ZiZPzusBawh4b2TMckTJ {
  background: var(--color-secondary);
  width: 45px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.ZiZPzusBawh4b2TMckTJ span {
  color: #000;
  font-size: 20px;
}

.BBhf_YmadGb9JNg6EMLZ {
  border: none;
  outline: none;
  flex: 1;
  height: 100%;
  padding: 0 var(--space-xs);
  font-size: var(--font-size-md);
  color: #777;
  background: transparent;
}

.BBhf_YmadGb9JNg6EMLZ::placeholder {
  color: #aaa;
}

.ansU7bHNrBuXWgxueqc0 {
  color: var(--color-error);
  font-size: var(--font-size-xs);
  margin-top: calc(var(--space-xs) * -1);
  margin-bottom: var(--space-sm);
  display: block;
}




.TgO8okoJ1wmM2gpnwBeM {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: var(--space-sm);
}

.TgO8okoJ1wmM2gpnwBeM span {
  color: var(--color-text-secondary);
  font-family: var(--font-tertiary);
  font-weight: 400;
  font-size: var(--font-size-xs);
}

.SQqQcGwpKkJCqSraLQSQ {
  position: relative;
  display: inline-block;
  width: 34px;
  height: 18px;
}

.SQqQcGwpKkJCqSraLQSQ input {
  opacity: 0;
  width: 0;
  height: 0;
}

.vyXDKDpdRFK5BdFxQIxG {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--color-toggle-off);
  transition: 0.4s;
  border-radius: 34px;
}

.vyXDKDpdRFK5BdFxQIxG:before {
  position: absolute;
  content: "";
  height: 14px;
  width: 14px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  transition: 0.4s;
  border-radius: 50%;
}

input:checked + .vyXDKDpdRFK5BdFxQIxG {
  background-color: var(--color-secondary);
}

input:checked + .vyXDKDpdRFK5BdFxQIxG:before {
  transform: translateX(16px);
}




/* Checkbox Container */
.N6bBcLGjknWCFBo8xP5Y {
  display: inline-flex;
  align-items: center;
  gap: var(--space-sm);
  cursor: pointer;
  user-select: none;
}

.N6bBcLGjknWCFBo8xP5Y.T6VeP3SOOiVsIydowMWH {
  cursor: not-allowed;
  opacity: 0.5;
}

/* Hidden native input */
.s8_Fx0rsrgZwhpg0DcVI {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
  pointer-events: none;
}

/* Custom checkbox box */
.VRGyh29JFqyHMYG8X3BL {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border: 2px solid var(--color-sapphire);
  border-radius: var(--radius-sm);
  background: white;
  transition: all 0.2s ease;
}

/* Size variants */
.VRGyh29JFqyHMYG8X3BL.IE5Hife_VOM03oGhoZog {
  width: 16px;
  height: 16px;
  border-radius: 3px;
}

.VRGyh29JFqyHMYG8X3BL.bu31kva4MlYvMmGs8he5 {
  width: 20px;
  height: 20px;
}

.VRGyh29JFqyHMYG8X3BL.j3xMV_FXTxf36dY2Yzae {
  width: 24px;
  height: 24px;
}

/* Hover state */
.N6bBcLGjknWCFBo8xP5Y:not(.T6VeP3SOOiVsIydowMWH):hover .VRGyh29JFqyHMYG8X3BL {
  border-color: #1e3a8a;
  box-shadow: 0 0 0 3px rgba(7, 72, 111, 0.08);
}

/* Focus state */
.s8_Fx0rsrgZwhpg0DcVI:focus-visible + .VRGyh29JFqyHMYG8X3BL {
  outline: none;
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px rgba(240, 90, 34, 0.15);
}

/* Checked state */
.VRGyh29JFqyHMYG8X3BL.KbRDfaFUVywOsv9sB5VY {
  background: var(--color-sapphire);
  border-color: var(--color-sapphire);
}

.N6bBcLGjknWCFBo8xP5Y:not(.T6VeP3SOOiVsIydowMWH):hover .VRGyh29JFqyHMYG8X3BL.KbRDfaFUVywOsv9sB5VY {
  background: #1e3a8a;
  border-color: #1e3a8a;
}

/* Checkmark icon */
.FuCSX_mGYRjcybHdx4ma {
  display: none;
  color: white;
}

.VRGyh29JFqyHMYG8X3BL.KbRDfaFUVywOsv9sB5VY .FuCSX_mGYRjcybHdx4ma {
  display: block;
}

/* Checkmark sizes */
.FuCSX_mGYRjcybHdx4ma.IE5Hife_VOM03oGhoZog {
  width: 10px;
  height: 10px;
}

.FuCSX_mGYRjcybHdx4ma.bu31kva4MlYvMmGs8he5 {
  width: 12px;
  height: 12px;
}

.FuCSX_mGYRjcybHdx4ma.j3xMV_FXTxf36dY2Yzae {
  width: 14px;
  height: 14px;
}

/* Label text */
.CLKasJ_1RhtHjfrGWLrc {
  font-family: var(--font-secondary);
  color: var(--color-text-primary);
  line-height: 1.4;
}

.CLKasJ_1RhtHjfrGWLrc.IE5Hife_VOM03oGhoZog {
  font-size: var(--font-size-xs);
}

.CLKasJ_1RhtHjfrGWLrc.bu31kva4MlYvMmGs8he5 {
  font-size: var(--font-size-sm);
}

.CLKasJ_1RhtHjfrGWLrc.j3xMV_FXTxf36dY2Yzae {
  font-size: var(--font-size-md);
}

/* Disabled label */
.N6bBcLGjknWCFBo8xP5Y.T6VeP3SOOiVsIydowMWH .CLKasJ_1RhtHjfrGWLrc {
  color: var(--color-text-muted);
}

.qBt3X4f7DQUgsH7insZq {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: var(--space-lg);
}

.AGQq9CDdxl3DtgnGrYce {
  flex: 1;
}

.qW3AmcW4ioYyvwJLpvGg {
  font-size: var(--font-size-2xl);
  font-weight: 700;
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  margin: 0;
}

.CwSpSMGyyXicz3cddiBy {
  margin-top: var(--space-xs);
  font-size: var(--font-size-md);
  color: var(--color-text-secondary);
  font-family: var(--font-secondary);
}

.F1tRuNymx0JtEhooKO3Y {
  display: flex;
  align-items: center;
  gap: var(--space-md);
  width: 250px;
  padding: var(--space-md);
  background: var(--color-surface);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  margin-left: auto;
}

.XBRz5KfbzOQ0BGjW1mVI {
  text-align: left;
}

.rmwYw_XKkRtqmBf8__hd {
  font-size: var(--font-size-smaller);
  font-weight: 600;
  color: var(--color-sapphire-dark);
  font-family: var(--font-primary);
  margin-bottom: 4px;
}

.KN5DjfAxEBQXEh4VZ1Nf {
  font-size: var(--font-size-label);
  font-weight: 600;
  color: var(--color-sapphire-dark);
  font-family: var(--font-primary);
}

.LiOwq3md9Vd7Bz8KlOxz {
  width: 40px;
  height: 40px;
  border-radius: var(--radius-full);
  overflow: hidden;
}

.EcexnBiDFninjWom90Pg {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.Vc81eI2C7fMo0c7Ya06E {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(
    135deg,
    var(--color-primary) 0%,
    var(--color-rust) 100%
  );
  color: white;
  font-size: var(--font-size-md);
  font-weight: 700;
  font-family: var(--font-primary);
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .qBt3X4f7DQUgsH7insZq {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-md);
  }

  .F1tRuNymx0JtEhooKO3Y {
    align-self: flex-end;
  }

  .qW3AmcW4ioYyvwJLpvGg {
    font-size: var(--font-size-xl);
  }
}

/* Header Styles */
.ohK1IbrG4jwQKmXdWKBw {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: var(--space-lg);
  gap: var(--space-lg);
  flex-wrap: wrap;
}

.ivOzbjAgOHtbpsI3y8Fr {
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
}

.XvzUjBIPY36wZ3LvBfVJ {
  display: flex;
  align-items: center;
  gap: var(--space-sm);
}

.UVI_GxLbvydgPV3Qy4xr {
  display: flex;
  align-items: center;
  gap: var(--space-xs);
  background: transparent;
  border: 0;
  border-radius: var(--radius-md);
  cursor: pointer;
  color: var(--color-text-primary);
  transition: all 0.2s ease;
  padding: var(--space-xs) var(--space-sm);
}

.UVI_GxLbvydgPV3Qy4xr:hover {
  background: var(--color-bg-light);
}

.UVI_GxLbvydgPV3Qy4xr .i4Ry2BFD_KZFYoOivFMA {
  font-size: 20px;
  display: flex;
  align-items: center;
}

._yEHdcyvn4Fr7aJoqHIv {
  font-size: var(--font-size-xs);
  font-weight: 600;
  color: var(--color-text-secondary);
  letter-spacing: 0.5px;
}

.IWkVEb31pe3EBeS002np {
  font-size: var(--font-size-xs);
  font-weight: 600;
  color: var(--color-text-secondary);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-family: var(--font-secondary);
}
.sPR7PvAV1CLy8E5E2WLz {
  color: #6e8291;
  font-size: 18px;
}

.Ojaeps4Uo5wDkClPldkS {
  font-size: var(--font-size-2xl);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
  font-family: var(--font-primary);
}

/* Action Buttons Container */
.FTlprL7LcBCUN0izuTHi {
  display: flex;
  align-items: center;
  gap: var(--space-sm);
  flex-wrap: wrap;
}

.C_9dpFS7d1jAtXccM7rb {
  display: flex;
  align-items: center;
  gap: var(--space-md);
  padding: var(--space-md);
  background: var(--color-surface);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
  border: 1px solid var(--color-border);
  transition: all 0.2s ease;
}
.p7VAT6pA6z1QS5CjGqV9 {
  border-radius: 8px 30px 8px 8px;
}

.iUXNWxsHzChwj7I7JxhU {
  border-radius: 8px 8px 8px 30px;
}

.C_9dpFS7d1jAtXccM7rb:hover {
  box-shadow: var(--shadow-md);
  transform: translateY(-1px);
}
/* 
.card-teal {
  background: #a4d4b4;
  border: none;
  box-shadow: var(--shadow-md);
}

.card-teal:hover {
  box-shadow: var(--shadow-lg);
  background: #9dd9d2;
} */

.yP_OoCLfCz9knZu9N023 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  border-radius: var(--radius-md);
  flex-shrink: 0;
}

.y6yBatKaSKv4lzopGG5M {
  background: #dff3e4;
  border-radius: 50%;
}

.ed4nFwjFCpLsbTmmFjWQ {
  background: var(--color-background);
  border: 1px solid var(--color-border);
}

.hBwFV8ucOg5zD9udlZKH {
  flex: 1;
  min-width: 0; /* Allow text to wrap */
}

.ckZjaMfmqwj6YnEc3xbQ {
  color: #07485f;
  font-family: "Poppins";
  font-weight: 600;

  font-size: var(--font-size-xs);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: var(--space-xs);
  line-height: 1.4;
}

.grXWD5SYBMabMUq8RYbm .ckZjaMfmqwj6YnEc3xbQ {
  color: rgba(7, 72, 95, 0.8);
}

.t8fF3wNnKh4K__R_efuV {
  font-size: var(--font-size-xl);
  font-weight: 700;
  color: #07485f;
  font-family: var(--font-primary);
  line-height: 1.2;
}

.grXWD5SYBMabMUq8RYbm .t8fF3wNnKh4K__R_efuV {
  color: #07485f;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .C_9dpFS7d1jAtXccM7rb {
    padding: var(--space-md);
    gap: var(--space-sm);
  }

  .yP_OoCLfCz9knZu9N023 {
    width: 40px;
    height: 40px;
  }

  .t8fF3wNnKh4K__R_efuV {
    font-size: var(--font-size-xl);
  }

  .ckZjaMfmqwj6YnEc3xbQ {
    font-size: var(--font-size-xs);
  }
}

.tWftJO4X7faECEY657T7 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;

  box-shadow: 1px 4px 6px #0000002e;
  background: #ffffff;
  border-radius: 8px;
  padding: var(--space-sm);
}

.SuYi_yMBkX88NRNB7uEN {
  margin: 0;
  padding-left: var(--space-md);
  border-left: 4px solid var(--color-primary);
  color: var(--color-text-primary);
  font-family: "Poppins";
  font-weight: 600;
  font-size: var(--font-size-md);
  flex: 1;
}

.fEKCcwKfCOqGgNLZ7lt6 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #dff3e4;
  flex-shrink: 0;
}

.fpIpn0koMBDgbmLkA0hS {
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  font-weight: 700;
  font-size: var(--font-size-md);
}

.Jg7aZgXZs8yvb7_RZGgo {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  padding: var(--space-lg);
}

.mmsTqGO1fgwWVQJWsdWn {
  background: #f5f5f5;
  border-radius: var(--radius-lg);
  max-width: 800px;
  width: 100%;
  max-height: 90vh;
  overflow-y: auto;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
  animation: aVeOzPaErDM_h4RYk_44 0.2s ease-out;
}

@keyframes aVeOzPaErDM_h4RYk_44 {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.cqaGyO7E3nGj1wvjfsXx {
  margin: 0;
  padding: var(--space-xl) var(--space-xl) 0;
  font-size: var(--font-size-lg);
  font-weight: 700;
  color: #104353;
  font-family: var(--font-primary);
  text-transform: uppercase;
  letter-spacing: 1px;
}

.rhaYU_oVX1UwMROfEQDf {
  padding: var(--space-xl);
  background: white;
  border-radius: 0 0 var(--radius-lg) var(--radius-lg);
}

@media (max-width: 768px) {
  .Jg7aZgXZs8yvb7_RZGgo {
    padding: var(--space-md);
  }

  .mmsTqGO1fgwWVQJWsdWn {
    max-width: 100%;
    max-height: 95vh;
  }

  .cqaGyO7E3nGj1wvjfsXx {
    padding: var(--space-md) var(--space-md) 0;
  }

  .rhaYU_oVX1UwMROfEQDf {
    padding: var(--space-md);
  }
}

.VYX3CuA9zXIgJCKc3ojC {
  display: inline-flex;
  background: var(--color-antiflash-white);
  border-radius: var(--radius-lg);
  padding: 4px;
  gap: 4px;
}

.koXTMcDWoVBUHkoUJCB2 {
  padding: 10px 24px;
  font-size: var(--font-size-sm);
  font-weight: 500;
  color: var(--color-primary-dark);
  background: transparent;
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: all 0.2s ease;
  white-space: nowrap;
}

.koXTMcDWoVBUHkoUJCB2:hover {
  background: rgba(240, 90, 34, 0.05);
}

.koXTMcDWoVBUHkoUJCB2.iUHVZ_QXXbN_Rc5rGNrp {
  background: white;
  color: var(--color-primary);
  box-shadow: var(--shadow-sm);
}


.Ez6Dh6gOlaxKHRMOZPgw {
  display: flex;
  align-items: flex-start;
  gap: var(--space-md);
  padding: var(--space-md) var(--space-lg);
  min-width: 320px;
  max-width: 500px;
  background: var(--color-surface);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-lg);
  animation: V1394SNCQoamSE0mcDyJ 0.3s ease-out;
  position: relative;
  border-left: 4px solid;
  font-family: var(--font-secondary);
}

@keyframes V1394SNCQoamSE0mcDyJ {
  from {
    opacity: 0;
    transform: translateX(100%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

.Ez6Dh6gOlaxKHRMOZPgw.BgwZsnTXscyGUb4nwT3A {
  border-left-color: var(--color-success);
  background: linear-gradient(to right, #f0fdf4 0%, var(--color-surface) 4%);
}

.Ez6Dh6gOlaxKHRMOZPgw.SFwWCH16EodlhJQJ1R6B {
  border-left-color: var(--color-error);
  background: linear-gradient(to right, #fef2f2 0%, var(--color-surface) 4%);
}

.Ez6Dh6gOlaxKHRMOZPgw.F4zXpftfJjB_4Gtyn5_Z {
  border-left-color: var(--color-warning);
  background: linear-gradient(to right, #fffbeb 0%, var(--color-surface) 4%);
}

.Ez6Dh6gOlaxKHRMOZPgw.OnfYpAYdtfTlyvkLUv2F {
  border-left-color: var(--color-info);
  background: linear-gradient(to right, #eff6ff 0%, var(--color-surface) 4%);
}

.XoOdJagfF8OMkKkozCMN {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  border-radius: var(--radius-full);
}

.Ez6Dh6gOlaxKHRMOZPgw.BgwZsnTXscyGUb4nwT3A .XoOdJagfF8OMkKkozCMN {
  background: var(--color-success);
  color: #166534;
}

.Ez6Dh6gOlaxKHRMOZPgw.SFwWCH16EodlhJQJ1R6B .XoOdJagfF8OMkKkozCMN {
  background: var(--color-error);
  color: #ffffff;
}

.Ez6Dh6gOlaxKHRMOZPgw.F4zXpftfJjB_4Gtyn5_Z .XoOdJagfF8OMkKkozCMN {
  background: var(--color-warning);
  color: #854d0e;
}

.Ez6Dh6gOlaxKHRMOZPgw.OnfYpAYdtfTlyvkLUv2F .XoOdJagfF8OMkKkozCMN {
  background: var(--color-info);
  color: #ffffff;
}

.SPQY4P3xwy2kLhUkJ6pg {
  flex: 1;
  min-width: 0;
}

.GWJ4vfqg8GrRPJdMjGvc {
  margin: 0;
  font-size: var(--font-size-sm);
  line-height: 1.5;
  color: var(--color-text-primary);
  font-weight: 400;
}

.IZG6T1Rs5hcpUlnR0Z_c {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  padding: 0;
  background: transparent;
  border: none;
  border-radius: var(--radius-sm);
  color: var(--color-text-secondary);
  cursor: pointer;
  transition: all 0.2s ease;
}

.IZG6T1Rs5hcpUlnR0Z_c:hover {
  background: rgba(0, 0, 0, 0.05);
  color: var(--color-text-primary);
}

.IZG6T1Rs5hcpUlnR0Z_c:active {
  transform: scale(0.95);
}

/* Mobile responsive */
@media (max-width: 768px) {
  .Ez6Dh6gOlaxKHRMOZPgw {
    min-width: 280px;
    max-width: calc(100vw - var(--space-xl));
    padding: var(--space-sm) var(--space-md);
  }

  .GWJ4vfqg8GrRPJdMjGvc {
    font-size: var(--font-size-xs);
  }

  .XoOdJagfF8OMkKkozCMN {
    width: 28px;
    height: 28px;
  }
}


.T82gd81Ypp4aHlsYIfaZ {
  position: fixed;
  top: var(--space-lg);
  right: var(--space-lg);
  z-index: 9999;
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
  pointer-events: none;
}

.T82gd81Ypp4aHlsYIfaZ > * {
  pointer-events: auto;
}

/* Mobile responsive */
@media (max-width: 768px) {
  .T82gd81Ypp4aHlsYIfaZ {
    top: var(--space-md);
    right: var(--space-md);
    left: var(--space-md);
    max-width: calc(100vw - var(--space-xl));
  }
}


.QPMeh0ltkbFaOlFGlLQi {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.3);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10000;
  padding: var(--space-lg);
  animation: RViBibQBkVCJKo0itU5m 0.2s ease-out;
}

@keyframes RViBibQBkVCJKo0itU5m {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.VLQ35YkVS0yesgsFbLFo {
  background: var(--color-surface);
  border-radius: var(--radius-lg);
  max-width: 480px;
  width: 100%;
  box-shadow: var(--shadow-lg);
  animation: eWAfOrWb3ZMO47iDX5Yd 0.3s ease-out;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: var(--space-2xl);
  gap: var(--space-lg);
}

@keyframes eWAfOrWb3ZMO47iDX5Yd {
  from {
    opacity: 0;
    transform: translateY(20px) scale(0.95);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

.kGFcSnF6gyIa0T6Xb5ME {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  border-radius: var(--radius-full);
  flex-shrink: 0;
}

.kGFcSnF6gyIa0T6Xb5ME.XETlrw1xD1nGjaGH0dJe {
  background: var(--color-success); /* Celadon */
  color: var(--color-text-primary); /* Licorice */
}

.kGFcSnF6gyIa0T6Xb5ME.L0DMm54wC8yxtVGwa2Ye {
  background: var(--color-error); /* Rust */
  color: var(--color-antiflash-white); /* White */
}

.kGFcSnF6gyIa0T6Xb5ME.PEOd5aDDMgksiRQys6_8 {
  background: var(--color-warning); /* Jasmine */
  color: var(--color-text-primary); /* Licorice */
}

.kGFcSnF6gyIa0T6Xb5ME.ZFgI1rFiasNuvA3aMCak {
  background: var(--color-sapphire); /* Sapphire */
  color: var(--color-antiflash-white); /* White */
}

.kGFcSnF6gyIa0T6Xb5ME.VwNQGgDgeq3q7knEF7ED {
  background: var(--color-sapphire); /* Sapphire */
  color: var(--color-antiflash-white); /* White */
}

.jUxSE6CZzNLGISEkqHYI {
  text-align: center;
  width: 100%;
}

.NE4rCHkNi7K_IeyZr_CM {
  margin: 0 0 var(--space-md) 0;
  font-size: var(--font-size-xl);
  font-weight: 700;
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.K1GFel7MtbxEAQE5dSkf {
  margin: 0;
  font-size: var(--font-size-md);
  line-height: 1.6;
  color: var(--color-text-primary);
  font-family: var(--font-secondary);
}

.ArD43sUVjGithDWsmFGg {
  display: flex;
  gap: var(--space-md);
  width: 100%;
  justify-content: center;
}

.Uf5FzAwiZKaK1PcyE2Ph {
  padding: var(--space-md) var(--space-xl);
  border: none;
  border-radius: var(--radius-md);
  font-size: var(--font-size-sm);
  font-weight: 600;
  font-family: var(--font-secondary);
  cursor: pointer;
  transition: all 0.2s ease;
  min-width: 120px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.x6N4eSmGu2CcQvgr_S6G {
  background: var(--color-primary); /* Giants Orange */
  color: var(--color-antiflash-white); /* White */
}

.x6N4eSmGu2CcQvgr_S6G:hover {
  background: var(--color-rust); /* Rust */
  transform: translateY(-1px);
  box-shadow: var(--shadow-md);
}

.x6N4eSmGu2CcQvgr_S6G:active {
  transform: translateY(0);
}

.x6N4eSmGu2CcQvgr_S6G.XETlrw1xD1nGjaGH0dJe {
  background: var(--color-success); /* Celadon */
  color: var(--color-text-primary); /* Licorice */
}

.x6N4eSmGu2CcQvgr_S6G.XETlrw1xD1nGjaGH0dJe:hover {
  background: var(--color-green-white); /* Lighter green */
  color: var(--color-text-primary);
}

.x6N4eSmGu2CcQvgr_S6G.L0DMm54wC8yxtVGwa2Ye {
  background: var(--color-error); /* Rust */
  color: var(--color-antiflash-white); /* White */
}

.x6N4eSmGu2CcQvgr_S6G.L0DMm54wC8yxtVGwa2Ye:hover {
  background: var(--color-primary); /* Giants Orange - lighter rust */
  color: var(--color-antiflash-white);
}

.x6N4eSmGu2CcQvgr_S6G.PEOd5aDDMgksiRQys6_8 {
  background: var(--color-warning); /* Jasmine */
  color: var(--color-text-primary); /* Licorice */
}

.x6N4eSmGu2CcQvgr_S6G.PEOd5aDDMgksiRQys6_8:hover {
  background: var(--color-vanilla); /* Vanilla - lighter yellow */
  color: var(--color-text-primary);
}

.x6N4eSmGu2CcQvgr_S6G.ZFgI1rFiasNuvA3aMCak,
.x6N4eSmGu2CcQvgr_S6G.VwNQGgDgeq3q7knEF7ED {
  background: var(--color-sapphire); /* Sapphire */
  color: var(--color-antiflash-white); /* White */
}

.x6N4eSmGu2CcQvgr_S6G.ZFgI1rFiasNuvA3aMCak:hover,
.x6N4eSmGu2CcQvgr_S6G.VwNQGgDgeq3q7knEF7ED:hover {
  background: var(--color-sapphire-dark); /* Darker sapphire */
  color: var(--color-antiflash-white);
}

.e2FC5spV0IO68GHB11th {
  background: var(--color-surface); /* White */
  color: var(--color-text-primary); /* Licorice */
  border: 2px solid var(--color-border); /* Border color */
}

.e2FC5spV0IO68GHB11th:hover {
  background: var(--color-antiflash-white); /* Light gray */
  border-color: var(--color-ash-gray); /* Ash Gray */
  color: var(--color-text-primary);
}

.e2FC5spV0IO68GHB11th:active {
  transform: translateY(0);
}

/* Mobile responsive */
@media (max-width: 768px) {
  .QPMeh0ltkbFaOlFGlLQi {
    padding: var(--space-md);
  }

  .VLQ35YkVS0yesgsFbLFo {
    padding: var(--space-xl);
    max-width: 100%;
  }

  .kGFcSnF6gyIa0T6Xb5ME {
    width: 64px;
    height: 64px;
  }

  .NE4rCHkNi7K_IeyZr_CM {
    font-size: var(--font-size-lg);
  }

  .K1GFel7MtbxEAQE5dSkf {
    font-size: var(--font-size-sm);
  }

  .ArD43sUVjGithDWsmFGg {
    flex-direction: column-reverse;
  }

  .Uf5FzAwiZKaK1PcyE2Ph {
    width: 100%;
  }
}

.OuPuGM_elImzNQo72XjV {
  width: var(--sidebar-width);
  min-height: 100vh;
  background: var(--color-surface);
  border-right: 1px solid var(--color-border);
  display: flex;
  flex-direction: column;
  transition: width 0.3s ease;
}

.T4CBk7OfXlJIV7j4enTV {
  padding: var(--space-lg);
  border-bottom: 1px solid var(--color-border);
  display: flex;
  align-items: center;
  justify-content: center;
}

.sep0rGfA0UZgAWJdm_OK {
  max-width: 140px;
  height: auto;
  object-fit: contain;
}

.r6maChQ4cGSCYISygOx_ {
  font-size: var(--font-size-xl);
  font-weight: 700;
  color: var(--color-primary);
  font-family: var(--font-primary);
}

/* Profile section styles */
.B3xN75v4WpooSvomLHGM {
  display: flex;
  align-items: center;
  padding: var(--space-md) var(--space-lg);
  border-bottom: 1px solid var(--color-border);
  gap: var(--space-sm);
}

.lnuKKKW1DBVpJrwToBzh {
  width: 40px;
  height: 40px;
  min-width: 40px;
  border-radius: 50%;
  background: var(--color-primary);
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--font-size-md);
  font-weight: 600;
  font-family: var(--font-secondary);
}

.rwj3et2phN9QPhHXg4Mv {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.jxn3L_EIG8WQHdplyBVb {
  font-size: var(--font-size-sm);
  font-weight: 600;
  color: var(--color-text-primary);
  font-family: var(--font-secondary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.M2pc9NQTF4K7Nu3NJeMp {
  font-size: var(--font-size-xs);
  font-weight: 500;
  color: var(--color-text-secondary);
  font-family: var(--font-secondary);
}

.wfaF6dYZ0kPBlA37hgvq {
  padding: var(--space-md) 0;
  flex: 1;
}

.wwLcAkmEpJ2YQj5mwfuL {
  display: flex;
  align-items: center;
  padding: var(--space-md) var(--space-lg);
  color: var(--color-text-secondary);
  text-decoration: none;
  transition: all 0.2s ease;
  border-radius: 0 var(--radius-lg) var(--radius-lg) 0;
  margin: 0 var(--space-sm) var(--space-xs) 0;

  color: #6c6c6b;
  font-family: "Poppins";
  font-weight: 400;
  font-size: 16px;
}

.wwLcAkmEpJ2YQj5mwfuL:hover {
  background: var(--color-background);
  color: var(--color-text-primary);
}

.wwLcAkmEpJ2YQj5mwfuL.fx3Z1jGGPiVWcc5oArhQ {
  background: linear-gradient(
    90deg,
    #f5f2e3 0%,
    #f5f2e399 67%,
    #f5f2e326 83%,
    #fffff92b 90.18691588785047%,
    transparent 100%
  );

  color: #ae4222;
  font-weight: 600;
}

.wwLcAkmEpJ2YQj5mwfuL.fx3Z1jGGPiVWcc5oArhQ:hover {
  background: var(--color-background);
  color: var(--color-text-primary);
}

.LtZ9c7_tz9Qx_CKngdJk {
  width: 20px;
  height: 20px;
  min-width: 20px;
  margin-right: var(--space-md);
}
.wwLcAkmEpJ2YQj5mwfuL.fx3Z1jGGPiVWcc5oArhQ .LtZ9c7_tz9Qx_CKngdJk {
  color: var(--color-primary);
}
.i0h1Fm7KKFX0dXNnc8yQ {
  font-size: var(--font-size-sm);
  font-weight: 500;
  font-family: var(--font-secondary);
}

.r7eDkcnzYyLajP80UDsA {
  padding: var(--space-md);
  border-top: 1px solid var(--color-border);
  margin-top: auto;
  display: flex;
  justify-content: center;
}

.eiguaXoBe_jQYx3IEklv {
  padding: 14px;
  background: #2d728f;
  border: 1px solid var(--color-border);
  border-radius: 10px;
  color: #ffffff;
  font-family: "Helvetica";
  font-weight: 400;
  font-size: 14px;
  width: fit-content;
  cursor: pointer;
  transition: all 0.2s ease;
}

.eiguaXoBe_jQYx3IEklv:hover {
  background: var(--color-rust);
  color: white;
  border-color: var(--color-rust);
}

.eiguaXoBe_jQYx3IEklv:active {
  transform: scale(0.98);
}

/* Collapsed state styles */
.OuPuGM_elImzNQo72XjV.xybSMFMzVeCXL6dR5FnW {
  width: var(--sidebar-collapsed-width);
}

.OuPuGM_elImzNQo72XjV.xybSMFMzVeCXL6dR5FnW .i0h1Fm7KKFX0dXNnc8yQ {
  display: none;
}

.OuPuGM_elImzNQo72XjV.xybSMFMzVeCXL6dR5FnW .LtZ9c7_tz9Qx_CKngdJk {
  margin-right: 0;
}

.OuPuGM_elImzNQo72XjV.xybSMFMzVeCXL6dR5FnW .sep0rGfA0UZgAWJdm_OK {
  max-width: 40px;
}

.OuPuGM_elImzNQo72XjV.xybSMFMzVeCXL6dR5FnW .T4CBk7OfXlJIV7j4enTV::after {
  content: "D";
  font-size: var(--font-size-xl);
  font-weight: 700;
  color: var(--color-primary);
  display: block;
  text-align: center;
}

.OuPuGM_elImzNQo72XjV.xybSMFMzVeCXL6dR5FnW .r7eDkcnzYyLajP80UDsA {
  padding: var(--space-md);
}

.OuPuGM_elImzNQo72XjV.xybSMFMzVeCXL6dR5FnW .eiguaXoBe_jQYx3IEklv {
  font-size: 0;
  padding: var(--space-md) var(--space-sm);
}

.OuPuGM_elImzNQo72XjV.xybSMFMzVeCXL6dR5FnW .eiguaXoBe_jQYx3IEklv::before {
  content: "↪";
  font-size: var(--font-size-lg);
}

.HArnjLuuoDdqdy2WTNEL {
  display: flex;
  min-height: 100vh;
  background: var(--color-background);
}

.o_BuaxzaOpfUV15IwLQj {
  flex: 1;
  padding: var(--space-lg);
  padding-right: var(--space-2xl);
  overflow-y: auto;
  background: var(--color-background);
  max-width: 1800px;
  margin: 0 auto;
}


.rdZ68UB3gHG9GcBquDwI {
  width: var(--sidebar-width);
  min-height: 100vh;
  background: var(--color-surface);
  border-right: 1px solid var(--color-border);
  display: flex;
  flex-direction: column;
  transition: width 0.3s ease;
}

.gPKtsF1WErajBchthKSg {
  padding: var(--space-lg);
  border-bottom: 1px solid var(--color-border);
  display: flex;
  align-items: center;
  justify-content: center;
}

.h46z87Nh0JR6mmPwN6Aw {
  max-width: 140px;
  height: auto;
  object-fit: contain;
}

.U8wYPQ_nME7sXGwGrrb2 {
  font-size: var(--font-size-xl);
  font-weight: 700;
  color: var(--color-primary);
  font-family: var(--font-primary);
}

/* Profile section styles */
.nI9wIiucDl4RUV7WqAqN {
  display: flex;
  align-items: center;
  padding: var(--space-md) var(--space-lg);
  border-bottom: 1px solid var(--color-border);
  gap: var(--space-sm);
}

.vWyXa3C4641pR_53jWYQ {
  width: 40px;
  height: 40px;
  min-width: 40px;
  border-radius: 50%;
  background: var(--color-primary);
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--font-size-md);
  font-weight: 600;
  font-family: var(--font-secondary);
}

.KYy0_ilgHuNPZj4mBCxD {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.yn5JhOZ8Q17fIaiOw6OU {
  font-size: var(--font-size-sm);
  font-weight: 600;
  color: var(--color-text-primary);
  font-family: var(--font-secondary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.RKnv4dUoxPSxF3eDYDEl {
  font-size: var(--font-size-xs);
  font-weight: 500;
  color: var(--color-text-secondary);
  font-family: var(--font-secondary);
}

.rcsMkvCRecsf4pqMLZ4z {
  padding: var(--space-md) 0;
  flex: 1;
}

.h9BcBOGHPLYsiMoUjkuU {
  display: flex;
  align-items: center;
  padding: var(--space-md) var(--space-lg);
  color: var(--color-text-secondary);
  text-decoration: none;
  transition: all 0.2s ease;
  border-radius: 0 var(--radius-lg) var(--radius-lg) 0;
  margin: 0 var(--space-sm) var(--space-xs) 0;
}

.h9BcBOGHPLYsiMoUjkuU:hover {
  background: var(--color-background);
  color: var(--color-text-primary);
}

.h9BcBOGHPLYsiMoUjkuU.Xb4AKM3aH993zj9XcEMQ {
  background: var(--color-primary);
  color: white;
}

.h9BcBOGHPLYsiMoUjkuU.Xb4AKM3aH993zj9XcEMQ:hover {
  background: var(--color-rust);
}

.PNCHteapGyKKYyM8wZAa {
  width: 20px;
  height: 20px;
  min-width: 20px;
  margin-right: var(--space-md);
}

.cc6Neytr2c8vP9QiH7tU {
  font-size: var(--font-size-sm);
  font-weight: 500;
  font-family: var(--font-secondary);
}

.uPI62UdOdtP5dytv2mWo {
  padding: var(--space-lg);
  border-top: 1px solid var(--color-border);
  margin-top: auto;
}

.tP9pySPiSZxyi3Oom1Fx {
  width: 100%;
  padding: var(--space-md);
  background: transparent;
  color: var(--color-text-secondary);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  font-size: var(--font-size-sm);
  font-weight: 500;
  font-family: var(--font-secondary);
  cursor: pointer;
  transition: all 0.2s ease;
}

.tP9pySPiSZxyi3Oom1Fx:hover {
  background: var(--color-rust);
  color: white;
  border-color: var(--color-rust);
}

.tP9pySPiSZxyi3Oom1Fx:active {
  transform: scale(0.98);
}

/* Collapsed state styles */
.rdZ68UB3gHG9GcBquDwI.kslXaF8iGLWts9z7K2Q7 {
  width: var(--sidebar-collapsed-width);
}

.rdZ68UB3gHG9GcBquDwI.kslXaF8iGLWts9z7K2Q7 .cc6Neytr2c8vP9QiH7tU {
  display: none;
}

.rdZ68UB3gHG9GcBquDwI.kslXaF8iGLWts9z7K2Q7 .PNCHteapGyKKYyM8wZAa {
  margin-right: 0;
}

.rdZ68UB3gHG9GcBquDwI.kslXaF8iGLWts9z7K2Q7 .h46z87Nh0JR6mmPwN6Aw {
  max-width: 40px;
}

.rdZ68UB3gHG9GcBquDwI.kslXaF8iGLWts9z7K2Q7 .gPKtsF1WErajBchthKSg::after {
  content: "D";
  font-size: var(--font-size-xl);
  font-weight: 700;
  color: var(--color-primary);
  display: block;
  text-align: center;
}

.rdZ68UB3gHG9GcBquDwI.kslXaF8iGLWts9z7K2Q7 .uPI62UdOdtP5dytv2mWo {
  padding: var(--space-md);
}

.rdZ68UB3gHG9GcBquDwI.kslXaF8iGLWts9z7K2Q7 .tP9pySPiSZxyi3Oom1Fx {
  font-size: 0;
  padding: var(--space-md) var(--space-sm);
}

.rdZ68UB3gHG9GcBquDwI.kslXaF8iGLWts9z7K2Q7 .tP9pySPiSZxyi3Oom1Fx::before {
  content: "↪";
  font-size: var(--font-size-lg);
}

.FpWP7JCuWKc8EE5krmWq {
  display: flex;
  min-height: 100vh;
  background: var(--color-background);
}

.BD3FSwLnUFN3vPpnuplC {
  flex: 1;
  padding: var(--space-lg);
  padding-right: var(--space-2xl);
  overflow-y: auto;
  background: var(--color-background);
  max-width: 1800px;
  margin: 0 auto;
}

.tQz6eIr77B4awXleHRJr {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 var(--space-xl);
  background: var(--color-surface);
  border-bottom: 1px solid var(--color-border);
  height: 80px;
  position: sticky;
  top: 0;
  z-index: 100;

  box-shadow: 0px 4px 4px #00000040;
  background: #ffffff;
  border-radius: 0px 0px 20px 20px;
}

.Pzb0xp91qDaIbf_lcVgg {
  display: flex;
  align-items: center;
  gap: var(--space-2xl);
}

.A2GHbmK70pxxtigbJ3gn {
  display: flex;
  align-items: center;
}

.WQ1SUAMEUx6omS9vfQgs {
  height: 50px;
  width: auto;
}

.XNEkcn4sU2TNTxqxH3oq {
  font-size: var(--font-size-xl);
  font-weight: 700;
  color: var(--color-primary);
  font-family: var(--font-primary);
}

.gqGnXLoLhXZhnFPH7tmM {
  display: flex;
  align-items: center;
  gap: var(--space-lg);
}

.ZoqtXAmnQruGjzjS0Spl {
  display: flex;
  align-items: center;
  gap: var(--space-sm);
  padding: var(--space-sm) var(--space-md);
  text-decoration: none;
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: var(--font-size-md);
  font-weight: 500;
  border-radius: var(--radius-sm);
  transition: all 0.2s ease;
  position: relative;
}

.ZoqtXAmnQruGjzjS0Spl:hover {
  color: var(--color-primary);
}

.ZoqtXAmnQruGjzjS0Spl.En8d9GWJEZjn_Lvd5EpR {
  color: var(--color-primary);
}

.Ed9qJSQq7VmATkh_tU1P {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}

.ToTSAUn5b4UgCKxSb1B7 {
  white-space: nowrap;
}

.iHOB25AjwfTGgX8cBdpP {
  display: flex;
  align-items: center;
  gap: var(--space-md);
}

.Y17onQAjE6h0rMlQyq9g {
  display: flex;
  align-items: center;
  gap: var(--space-sm);
  padding: var(--space-sm);
  cursor: pointer;
  border-radius: var(--radius-sm);
  transition: background 0.2s ease;
}

.Y17onQAjE6h0rMlQyq9g:hover {
  background: var(--color-bg-light);
}

.WWfDzmzLjr9AwBI_sAD3 {
  width: 40px;
  height: 40px;
  border-radius: var(--radius-full);
  overflow: hidden;
  background: var(--color-ash-gray);
  display: flex;
  align-items: center;
  justify-content: center;
}

.wMhHclIdBcFLGaukFdrb {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.rJl4Fx3NTu8Ke0O3roDT {
  font-family: var(--font-primary);
  font-size: var(--font-size-sm);
  font-weight: 600;
  color: var(--color-surface);
}

.T1GPIagTwHweJKwfuNfm {
  font-family: var(--font-primary);
  font-size: var(--font-size-sm);
  font-weight: 600;
  color: var(--color-text-primary);
}

.t0IZbLk7gFqKxrb39FA1 {
  width: 16px;
  height: 16px;
  color: var(--color-text-secondary);
}

.RlcT5YqTynyYl3Q1moBh {
  display: flex;
  align-items: center;
  gap: var(--space-sm);
  padding: var(--space-sm) var(--space-md);
  background: var(--color-primary);
  border: 1px solid var(--color-primary);
  border-radius: var(--radius-sm);
  color: var(--color-surface);
  cursor: pointer;
  font-family: var(--font-primary);
  font-size: var(--font-size-sm);
  font-weight: 600;
  transition: all 0.2s ease;
}

.RlcT5YqTynyYl3Q1moBh:hover {
  background: var(--color-primary-dark);
  border-color: var(--color-primary-dark);
  transform: translateY(-1px);
  box-shadow: 0 2px 8px rgba(240, 90, 34, 0.3);
}

.zybML0jzITdsoc5Q1c1t {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}

.xMt9s1YHtYshqv7lkiQj {
  white-space: nowrap;
}

.FE_3L2U5KwvLNUrvRlyi {
  display: flex;
  align-items: center;
  gap: var(--space-sm);
  padding: var(--space-sm) var(--space-md);
  background: none;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  color: var(--color-text-secondary);
  cursor: pointer;
  font-family: var(--font-primary);
  font-size: var(--font-size-sm);
  font-weight: 500;
  transition: all 0.2s ease;
}

.FE_3L2U5KwvLNUrvRlyi:hover {
  background: var(--color-error-light);
  border-color: var(--color-error);
  color: var(--color-error);
}

.tRTtRAZhuLIqdXjhLSPg {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}

.AbCkskoeRWOa8DT3dspq {
  white-space: nowrap;
}

@media (max-width: 1024px) {
  .tQz6eIr77B4awXleHRJr {
    padding: 0 var(--space-md);
  }

  .Pzb0xp91qDaIbf_lcVgg {
    gap: var(--space-lg);
  }

  .gqGnXLoLhXZhnFPH7tmM {
    gap: var(--space-sm);
  }

  .ToTSAUn5b4UgCKxSb1B7 {
    display: none;
  }
}

@media (max-width: 768px) {
  .tQz6eIr77B4awXleHRJr {
    height: 64px;
  }

  .WQ1SUAMEUx6omS9vfQgs {
    height: 40px;
  }

  .T1GPIagTwHweJKwfuNfm {
    display: none;
  }

  .AbCkskoeRWOa8DT3dspq {
    display: none;
  }

  .xMt9s1YHtYshqv7lkiQj {
    display: none;
  }
}

.wWGm62DYF0zx9I4T14gQ {
  min-height: 100vh;
  background: var(--color-bg);
}

.mqqkPkaQ5zczXS1vQFgU {
  padding: var(--space-xl);
  padding-right: var(--space-2xl);
  max-width: 1400px;
  margin: 0 auto;
}

@media (max-width: 768px) {
  .mqqkPkaQ5zczXS1vQFgU {
    padding: var(--space-md);
  }
}



.H5gG4ii7vi1h9XB8ok7i {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 var(--space-md);
  background: var(--color-surface);
  border-bottom: 1px solid var(--color-border);
  height: 70px;
  position: sticky;
  top: 0;
  z-index: 100;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);

  box-shadow: 0px 4px 4px #00000040;
  background: #ffffff;
  border-radius: 0px 0px 20px 20px;
}

.lMxVUlGmDUIkzNosgNOY {
  display: flex;
  align-items: center;
  gap: var(--space-lg);
  flex: 1;
}

.wqyz2p380OtWVyfC6IOX {
  display: flex;
  align-items: center;
}

.nfBXGfdSmJw7XkdPT4L0 {
  height: 45px;
  width: auto;
}

.DnvmoUgSljEpwSFvTjjf {
  font-size: var(--font-size-xl);
  font-weight: 700;
  color: var(--color-primary);
  font-family: var(--font-primary);
}

.z4u2d6UYFA0Wc0bpt6WA {
  display: flex;
  align-items: center;
  gap: var(--space-md);
  flex: 1;
}

.VezD0_eBDy30CGHqn2p0 {
  display: flex;
  align-items: center;
  gap: var(--space-sm);
  padding: var(--space-sm) var(--space-md);
  text-decoration: none;
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: var(--font-size-md);
  font-weight: 500;
  border-radius: var(--radius-sm);
  transition: all 0.2s ease;
  position: relative;
}

.VezD0_eBDy30CGHqn2p0:hover {
  color: var(--color-primary);
  background: var(--color-misty-rose);
}

.VezD0_eBDy30CGHqn2p0.kKy3H8Gc6xH2TxDYd3Nu {
  color: var(--color-primary);
  background: var(--color-misty-rose);
}

.VezD0_eBDy30CGHqn2p0.kKy3H8Gc6xH2TxDYd3Nu::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 3px;
  background: var(--color-primary);
}

.hxG1nRfZkWQ88HHCrLo5 {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}

.o3Fk3nNwN72VFrxmRIau {
  white-space: nowrap;
}

.Lej6tS60eRIR3v1sCfzV {
  display: flex;
  align-items: center;
  gap: var(--space-md);
}

.XfHRR8uuPlH_kAicXimr {
  display: flex;
  align-items: center;
  gap: var(--space-sm);
  padding: var(--space-sm);
  cursor: pointer;
  border-radius: var(--radius-sm);
  transition: background 0.2s ease;
}

.XfHRR8uuPlH_kAicXimr:hover {
  background: var(--color-bg-light);
}

.c_T4nvAj3knqCRz_otcS {
  width: 40px;
  height: 40px;
  border-radius: var(--radius-full);
  overflow: hidden;
  background: var(--color-ash-gray);
  display: flex;
  align-items: center;
  justify-content: center;
}

.FzoETaUMBVPXg83mXcm1 {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.m2MjchpX1WFX5Tuqq9wW {
  font-family: var(--font-primary);
  font-size: var(--font-size-sm);
  font-weight: 600;
  color: var(--color-surface);
}

.rJdznELY6zv1ufIUTBKf {
  font-family: var(--font-primary);
  font-size: var(--font-size-sm);
  font-weight: 600;
  color: var(--color-text-primary);
}

.htt7KWJkfwa87KANePyi {
  width: 16px;
  height: 16px;
  color: var(--color-text-secondary);
}

.DAyRO6G1L1_ihITYB47C {
  display: flex;
  align-items: center;
  gap: var(--space-sm);
  padding: var(--space-sm) var(--space-md);
  background: none;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  color: var(--color-text-secondary);
  cursor: pointer;
  font-family: var(--font-primary);
  font-size: var(--font-size-sm);
  font-weight: 500;
  transition: all 0.2s ease;
}

.DAyRO6G1L1_ihITYB47C:hover {
  background: var(--color-error-light);
  border-color: var(--color-error);
  color: var(--color-error);
}

.csdAKhpcZ4TAL52ta2AG {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}

.qjfHLjxcSdq_n0XVS70L {
  white-space: nowrap;
}

/* Mobile-first responsive design */
@media (max-width: 640px) {
  .H5gG4ii7vi1h9XB8ok7i {
    height: 64px;
    padding: 0 var(--space-sm);
  }

  .lMxVUlGmDUIkzNosgNOY {
    gap: var(--space-sm);
  }

  .nfBXGfdSmJw7XkdPT4L0 {
    height: 38px;
  }

  .z4u2d6UYFA0Wc0bpt6WA {
    gap: var(--space-xs);
  }

  .o3Fk3nNwN72VFrxmRIau {
    font-size: 13px;
  }

  .hxG1nRfZkWQ88HHCrLo5 {
    width: 18px;
    height: 18px;
  }

  .rJdznELY6zv1ufIUTBKf {
    display: none;
  }

  .htt7KWJkfwa87KANePyi {
    display: none;
  }

  .qjfHLjxcSdq_n0XVS70L {
    display: none;
  }

  .c_T4nvAj3knqCRz_otcS {
    width: 36px;
    height: 36px;
  }

  .m2MjchpX1WFX5Tuqq9wW {
    font-size: 12px;
  }

  .DAyRO6G1L1_ihITYB47C {
    padding: var(--space-xs);
  }
}

/* Tablet adjustments */
@media (min-width: 641px) and (max-width: 1024px) {
  .H5gG4ii7vi1h9XB8ok7i {
    padding: 0 var(--space-md);
  }

  .lMxVUlGmDUIkzNosgNOY {
    gap: var(--space-md);
  }

  .rJdznELY6zv1ufIUTBKf {
    display: inline;
  }
}

.MWWJEd8t5uFb3EKu1SbS {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  background: var(--color-background);
}

.bxC9KiuUvQleR6f3lhtS {
  flex: 1;
  padding: 0;
  width: 100%;
  max-width: 100%;
}

/* Desktop view - constrain width for better UX */
@media (min-width: 769px) {
  .bxC9KiuUvQleR6f3lhtS {
    max-width: 600px;
    margin: 0 auto;
    padding: var(--space-md);
  }
}


.qAI2xZBSLyLdznlPln5L {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 var(--space-xl);
  background: var(--color-surface);
  border-bottom: 1px solid var(--color-border);
  height: 80px;
  position: sticky;
  top: 0;

  box-shadow: 0px 4px 4px #00000040;
  background: #ffffff;
  border-radius: 0px 0px 20px 20px;
}

.FNdOhXnHrbgObIy6cS39 {
  display: flex;
  align-items: center;
  gap: var(--space-2xl);
}

.OFY07ENmWmvZCZwXH2hN {
  display: flex;
  align-items: center;
}

.jbj1_HCkKKGYQ2sMkldk {
  height: 50px;
  width: auto;
}

.U2Sr2Qj9FYm6ite9NYuu {
  font-size: var(--font-size-xl);
  font-weight: 700;
  color: var(--color-primary);
  font-family: var(--font-primary);
}

.HyJWjmWPYP0XzZr6xRp8 {
  display: flex;
  align-items: center;
  gap: var(--space-lg);
}

.xvHTO5uRuHl5ZAGFfDxN {
  display: flex;
  align-items: center;
  gap: var(--space-sm);
  padding: var(--space-sm) var(--space-md);
  text-decoration: none;
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-size: var(--font-size-md);
  font-weight: 500;
  border-radius: var(--radius-sm);
  transition: all 0.2s ease;
  position: relative;
}

.xvHTO5uRuHl5ZAGFfDxN:hover {
  color: var(--color-primary);
  background: var(--color-misty-rose);
}

.xvHTO5uRuHl5ZAGFfDxN.yNazaDh9fmZTWS2K8RTG {
  color: var(--color-primary);
  background: var(--color-misty-rose);
}

.xvHTO5uRuHl5ZAGFfDxN.yNazaDh9fmZTWS2K8RTG::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 3px;
  background: var(--color-primary);
}

.m3KW23djrBTt1nxLYSvE {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}

.qYb86xOSwv_oBd7Sb4Gk {
  white-space: nowrap;
}

.f71zWc6DL9QILtcH3ugk {
  display: flex;
  align-items: center;
  gap: var(--space-md);
}

.i4K2jtwL66tSeiF0ME_4 {
  display: flex;
  align-items: center;
  gap: var(--space-sm);
  padding: var(--space-sm);
  cursor: pointer;
  border-radius: var(--radius-sm);
  transition: background 0.2s ease;
}

.i4K2jtwL66tSeiF0ME_4:hover {
  background: var(--color-bg-light);
}

.Vb7y_VRv5R4hbrI0FCqK {
  width: 40px;
  height: 40px;
  border-radius: var(--radius-full);
  overflow: hidden;
  background: var(--color-ash-gray);
  display: flex;
  align-items: center;
  justify-content: center;
}

.OQT6LEG8yekNXRnDpA2d {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.kxwJdTUW18OAfJ39F70K {
  font-family: var(--font-primary);
  font-size: var(--font-size-sm);
  font-weight: 600;
  color: var(--color-surface);
}

.JTG_amADt1hfSzySY4yL {
  font-family: var(--font-primary);
  font-size: var(--font-size-sm);
  font-weight: 600;
  color: var(--color-text-primary);
}

.JtAPpux1Sh6zY7qTyQ0m {
  width: 16px;
  height: 16px;
  color: var(--color-text-secondary);
}

.mcYIlWUsvIOYX_yFAzcg {
  display: flex;
  align-items: center;
  gap: var(--space-sm);
  padding: var(--space-sm) var(--space-md);
  background: none;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  color: var(--color-text-secondary);
  cursor: pointer;
  font-family: var(--font-primary);
  font-size: var(--font-size-sm);
  font-weight: 500;
  transition: all 0.2s ease;
}

.mcYIlWUsvIOYX_yFAzcg:hover {
  background: var(--color-misty-rose);
  border-color: var(--color-error);
  color: var(--color-error);
}

.ISG4davbfFR6FMTh6IBl {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}

.Pdb6W7dj9q0sCOnVFUh7 {
  white-space: nowrap;
}

@media (max-width: 1024px) {
  .qAI2xZBSLyLdznlPln5L {
    padding: 0 var(--space-md);
  }

  .FNdOhXnHrbgObIy6cS39 {
    gap: var(--space-lg);
  }

  .HyJWjmWPYP0XzZr6xRp8 {
    gap: var(--space-sm);
  }

  .qYb86xOSwv_oBd7Sb4Gk {
    display: none;
  }
}

@media (max-width: 768px) {
  .qAI2xZBSLyLdznlPln5L {
    height: 64px;
  }

  .jbj1_HCkKKGYQ2sMkldk {
    height: 40px;
  }

  .JTG_amADt1hfSzySY4yL {
    display: none;
  }

  .Pdb6W7dj9q0sCOnVFUh7 {
    display: none;
  }
}

.I0_QLEF0YJRQPOBb3GrQ {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  background: var(--color-background);
}

.Fako7mJfqwM3rd080flu {
  flex: 1;
  padding: var(--space-xl);
  padding-right: var(--space-2xl);
  max-width: 1600px;
  width: 100%;
  margin: 0 auto;
}

@media (max-width: 768px) {
  .Fako7mJfqwM3rd080flu {
    padding: var(--space-md);
  }
}


.Rxjtn6TP0o2DoaNe_ZwF {
  min-height: 100vh;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--space-xl);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.OCtmaT2PTHZ877j8IX_A {
  width: min(1200px, 100%);
  display: flex;
  gap: var(--space-xl);
  border-radius: var(--radius-lg);
  overflow: hidden;
}

.SznHb9_uKjxAcrLrcV7a {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--space-lg);
  background: transparent;
}

.SznHb9_uKjxAcrLrcV7a img {
  width: min(500px, 100%);
  height: auto;
}
.CCiq2xaFot7GlWR_kN60 {
  padding: 8px;
  box-shadow: 6px 7px 6px #00000040;
  background: rgba(255, 255, 255, 0.35);
  border-radius: 15px;
  width: 500px;
}
.nbmYQW0PGWKh6cSq0TRA {
  padding: var(--space-xl);
  background: rgba(255, 255, 255, 0.95);
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: var(--space-md);

  box-shadow: 3px 4px 6px #00000040;
  background: #ffffff;
  border-radius: 15px;
}

.nbmYQW0PGWKh6cSq0TRA h2 {
  color: #07485f;
  font-family: var(--font-primary);
  font-weight: 600;
  font-size: var(--font-size-xl);
  margin-bottom: var(--space-sm);
  text-align: center;
}

.nbmYQW0PGWKh6cSq0TRA h3 {
  color: #f25b22;
  font-family: var(--font-primary);
  font-weight: 500;
  font-size: var(--font-size-lg);
  margin: 0;
  text-align: center;
}
.nbmYQW0PGWKh6cSq0TRA small {
  text-align: center;
}

.SUabbjBsBi0zxc4UiwUA {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-md);
  width: 100%;
}

.SUabbjBsBi0zxc4UiwUA > * {
  width: 100%;
  max-width: 380px;
}

.rF3ZkgmMMQim7Z4jXHLg {
  align-self: center;
  width: 100%;
}

.zHWIMqMvWtbQubKtuwlO {
  color: var(--color-surface);
  background-color: var(--color-error);
  border: 1px solid var(--color-rust);
  padding: var(--space-md);
  border-radius: var(--radius-sm);
  margin-bottom: var(--space-md);
  text-align: center;
  font-weight: 500;
}

.SmSBvy7DCdoLfWO_mepD {
  margin-top: var(--space-md);
  color: #1b1618;
  font-family: "Figtree";
  font-weight: 400;
  font-size: 14px;
  line-height: 1.3;
  text-align: center;
}

@media (max-width: 768px) {
  .OCtmaT2PTHZ877j8IX_A {
    flex-direction: column;
  }

  .SznHb9_uKjxAcrLrcV7a,
  .nbmYQW0PGWKh6cSq0TRA {
    width: 100%;
  }
}

.BaPH4MoSh0Yuat3yAAw2 {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-bottom: var(--space-md);
}

.z4H9ZqFXeGTCA_Bop2uM {
  width: 45px;
  height: 55px;
  padding: 4px 8px;
  background: var(--color-background);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  font-family: var(--font-primary);
  text-align: center;
  transition: border-color 0.2s, box-shadow 0.2s;
  border-color: #49bea2;
  color: #2d728f;
  font-weight: 700;
  font-size: 34px;
}

.z4H9ZqFXeGTCA_Bop2uM:focus {
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px rgba(240, 90, 34, 0.15);
  outline: none;
}

.baAmzW9yS98AgxRlXgZZ {
  color: var(--color-error);
  font-size: var(--font-size-xs);
  margin-top: calc(var(--space-xs) * -1);
  margin-bottom: var(--space-sm);
  display: block;
}




.esj_MinDB6kDjq4PrXNr {
  min-height: 100vh;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--space-xl);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.N2c8OObp5mHlCyE9i8k9 {
  width: min(1200px, 100%);
  display: flex;
  gap: var(--space-xl);
  border-radius: var(--radius-lg);
  overflow: hidden;
}

.U0M1M3_m9TgdDhQdrf8G {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--space-lg);
  background: transparent;
}

.U0M1M3_m9TgdDhQdrf8G img {
  width: min(500px, 100%);
  height: auto;
}

.IvFOB2mMltN5Y8Z6ThGX {
  padding: 8px;
  box-shadow: 6px 7px 6px #00000040;
  background: rgba(255, 255, 255, 0.35);
  border-radius: 15px;
  width: 500px;
}

.Jdc8i6KI2yx4cchcClUf {
  padding: var(--space-xl);
  background: rgba(255, 255, 255, 0.95);
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: var(--space-md);

  box-shadow: 3px 4px 6px #00000040;
  background: #ffffff;
  border-radius: 15px;
}

.Jdc8i6KI2yx4cchcClUf h2 {
  color: #07485f;
  font-family: var(--font-primary);
  font-weight: 600;
  font-size: var(--font-size-xl);
  margin-bottom: var(--space-sm);
  text-align: center;
}

.Jdc8i6KI2yx4cchcClUf h3 {
  color: #f25b22;
  font-family: var(--font-primary);
  font-weight: 500;
  font-size: var(--font-size-lg);
  margin: 0;
  text-align: center;
}

.Jdc8i6KI2yx4cchcClUf small {
  text-align: center;
}

.nqXQYDvuQrKnCzj_Sn_S {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-md);
  width: 100%;
}

.nqXQYDvuQrKnCzj_Sn_S > * {
  width: 100%;
  max-width: 380px;
}

.jkaTehW3bz6Slxb5s1Wl {
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
  font-weight: 400;
  font-size: var(--font-size-sm);
  line-height: 1.3;
  text-align: center;
  margin-top: 1em;
  display: none;
}

.jkaTehW3bz6Slxb5s1Wl a {
  cursor: pointer;
  text-decoration: underline;
  color: var(--color-primary);
}

.jkaTehW3bz6Slxb5s1Wl a:hover {
  color: var(--color-accent);
}

.vOw0XWz3uDzCFVXhnAWQ {
  color: var(--color-surface);
  background-color: var(--color-error);
  border: 1px solid var(--color-rust);
  padding: var(--space-md);
  border-radius: var(--radius-sm);
  margin-bottom: var(--space-md);
  text-align: center;
  font-weight: 500;
}

.Hm35PvtAROJUck4cDHXe {
  color: var(--color-surface);
  background-color: var(--color-success);
  border: 1px solid var(--color-celadon);
  padding: var(--space-md);
  border-radius: var(--radius-sm);
  margin-bottom: var(--space-md);
  text-align: center;
  font-weight: 500;
}

.hRvvxS1LQrxvXYWnZ7Oc {
  margin-top: var(--space-md);
  color: #1b1618;
  font-family: "Figtree";
  font-weight: 400;
  font-size: 14px;
  line-height: 1.3;
  text-align: center;
}

@media (max-width: 768px) {
  .N2c8OObp5mHlCyE9i8k9 {
    flex-direction: column;
  }

  .U0M1M3_m9TgdDhQdrf8G,
  .Jdc8i6KI2yx4cchcClUf {
    width: 100%;
  }
}

.nJzXQox3Gnnz1NEcsDdQ {
  display: flex;
  flex-direction: column;
  height: 100%;
}

._kBe3IhnE1IJXG98xm4g {
  background: var(--color-surface);
  border-radius: var(--radius-lg);
  padding: var(--space-lg);
  box-shadow: var(--shadow-sm);
  border: 1px solid var(--color-border);
  border-top: none;
  display: flex;
  flex-direction: column;
  flex: 1;
}

.X7aIe1RxC9YaFwZ5eACp {
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin: 0;
  padding: var(--space-sm) var(--space-md);
  color: #07485f;
  font-family: "Poppins";
  font-weight: 600;
  font-size: var(--font-size-md);
}

.ji66dIAXw6mR0U9U5_JR {
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
  height: 250px;
  overflow: scroll;
}

.FIv9Mpb1zBUTDREQ9jtV {
  display: flex;
  align-items: center;
  gap: var(--space-md);
  padding: var(--space-md);
  transition: all 0.2s ease;
  cursor: pointer;
  border-bottom: 1px solid var(--color-border);
}

.FIv9Mpb1zBUTDREQ9jtV:hover {
  background: var(--color-celadon);
  transform: translateX(4px);
}

.DldMzeblmErT4_M4u4kj {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  flex-shrink: 0;
}

.E9KhDXjHDlQeXywCtQ57 {
  flex: 1;
  min-width: 0;
}

.T1pwMvwLN1OpvvJ4esnB {
  font-size: var(--font-size-xs);
  font-weight: 500;
  color: var(--color-text-secondary);
  font-family: var(--font-secondary);
  text-transform: uppercase;
  letter-spacing: 0.3px;
  margin-bottom: 4px;
}

.xrOQURZLx3A4NU1nK3pS {
  font-size: var(--font-size-md);
  font-weight: 600;
  color: var(--color-text-primary);
  font-family: var(--font-secondary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.Hh68L4VA6ao17qSq2fpc {
  padding: var(--space-lg);
  text-align: center;
  color: var(--color-text-secondary);
  font-size: var(--font-size-sm);
}

.cklaQTJp6EL8QFDJU7vx {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.OC2_ziiwvgswpy5C12TQ {
  background: var(--color-surface);
  border-radius: var(--radius-lg);
  padding: var(--space-lg);
  box-shadow: var(--shadow-sm);
  border: 1px solid var(--color-border);
  border-top: none;
  display: flex;
  flex-direction: column;
  flex: 1;
}

.mInNVqivwnec9IqRC0Kj {
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin: 0;
  padding: var(--space-sm) var(--space-md);
  color: #07485f;
  font-family: "Poppins";
  font-weight: 600;
  font-size: var(--font-size-md);
}

.ZglNe5CWAm7Rnw5CWyz7 {
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
  height: 250px;
  overflow: scroll;
}

.NvUVjOo3gz2XVPQHobJE {
  display: flex;
  gap: var(--space-md);
  padding: var(--space-md);
  border-radius: var(--radius-md);
  transition: all 0.2s ease;

  box-shadow: 0px 1px 4px #00000012;
  background: #ffffff;
  border: 0.5px solid #eceff1;
  font-size: 12px;
}

.NvUVjOo3gz2XVPQHobJE:hover {
  box-shadow: var(--shadow-md);
}

.MOHo_R46f2Tj3Hi8_eeH {
  width: 120px;
  height: 120px;
  border-radius: var(--radius-md);
  overflow: hidden;
  flex-shrink: 0;
}

.MOHo_R46f2Tj3Hi8_eeH img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.A0_UsUgA4S_R9fEDK1D9 {
  width: 100%;
  height: 100%;
  background: var(--color-tiffany-blue);
  display: flex;
  align-items: center;
  justify-content: center;
}

.YDwXdGSfsk3jETc85RK6 {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
  min-width: 0;
}

.iLi6NlaAD6Lfkdd6m4DF {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-md);
}

.lAZdnfDO6B2iSunj6uQN {
  font-size: var(--font-size-md);
  font-weight: 700;
  color: var(--color-text-primary);
  font-family: var(--font-primary);
}

.A08brvZmvOu9J72dVMHq {
  padding: 4px 12px;
  background: var(--color-celadon);
  color: #2d6a5f;
  font-size: var(--font-size-xs);
  font-weight: 600;
  font-family: var(--font-secondary);
  border-radius: var(--radius-full);
  white-space: nowrap;
}

.Nd_Sf98YDOejhKdWcY9A {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-xs) var(--space-md);
}

.SbeRNYunD7DgZhkmwruf {
  display: flex;
  align-items: center;
  gap: var(--space-sm);
  font-size: var(--font-size-xs);
  color: var(--color-text-secondary);
}

.SbeRNYunD7DgZhkmwruf svg {
  flex-shrink: 0;
}

.hmnbl27a3QgejX1t8tyR {
  display: flex;
  align-items: center;
  gap: var(--space-sm);
  padding: var(--space-sm) var(--space-md);
  background: var(--color-tiffany-blue);
  color: #07485f;
  font-size: var(--font-size-sm);
  font-weight: 600;
  font-family: var(--font-secondary);
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: all 0.2s ease;
  margin-top: auto;
  width: fit-content;

  background: rgba(235, 231, 213, 0.36);
  border-radius: 3px;
  color: #074879;
  font-family: "Poppins";
  font-weight: 500;
}

.hmnbl27a3QgejX1t8tyR:hover {
  background: var(--color-celadon);
  transform: translateY(-1px);
}

.ouBd6j_cK02EETE32iYf {
  padding: var(--space-xl);
  text-align: center;
  color: var(--color-text-secondary);
  font-size: var(--font-size-sm);
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .NvUVjOo3gz2XVPQHobJE {
    flex-direction: column;
  }

  .MOHo_R46f2Tj3Hi8_eeH {
    width: 100%;
    height: 160px;
  }

  .Nd_Sf98YDOejhKdWcY9A {
    grid-template-columns: 1fr;
  }
}

.zOcqYgIXjxvNztuJO2rP {
  background: var(--color-surface);
  border-radius: var(--radius-lg);
  padding: var(--space-lg);
  box-shadow: var(--shadow-sm);
  border: 1px solid var(--color-border);
  /* Stretch to fill parent height (statsGrid + mainGrid) */
  height: 100%;
  display: flex;
  flex-direction: column;
}

.f0rIQdoR29Gtca_tS13u {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: var(--space-md);
}

.EuLXCbFDuwVCgaNIYMOH {
  font-size: var(--font-size-sm);
  font-weight: 600;
  color: var(--color-text-secondary);
  font-family: var(--font-secondary);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin: 0;
}

.tsuSRo4w8gDlTu0Wvsqh {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 24px;
  height: 24px;
  padding: 0 8px;
  background: var(--color-primary);
  color: white;
  font-size: var(--font-size-xs);
  font-weight: 700;
  font-family: var(--font-secondary);
  border-radius: var(--radius-full);
}

._D3Uu1qnVV5h0FUq2CJf {
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
  flex: 1;
  overflow-y: auto;
}

.RN1ydCPrMHILCHvgTTcl {
  display: flex;
  gap: var(--space-md);
  padding: var(--space-md);

  background: linear-gradient(142deg, #ffffffcc 2%, #dbdbdbcc 100%);
  border-radius: var(--radius-md);
  transition: all 0.2s ease;
  cursor: pointer;
}

.RN1ydCPrMHILCHvgTTcl:hover {
  background: var(--color-misty-rose);
  transform: translateX(2px);
}

.wpk0_FqGVWxBoOD3ezUe {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  background: var(--color-primary);
  border-radius: var(--radius-md);
  flex-shrink: 0;
}

.H5XHcyDreVSkINA7qsXp {
  flex: 1;
  min-width: 0;
}

.KCMXcIpDGY99tQa5Ae8g {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-sm);
  margin-bottom: 4px;
}

.Xn8MbQLdXfTCh2AjAKxg {
  opacity: 0.75;
  color: #000000;
  font-family: "Roboto";
  font-weight: 400;
  font-size: 8px;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}

.akKNK0jhxbB80UvBc4Dj {
  opacity: 0.75;
  color: #000000;
  font-family: "Roboto";
  font-weight: 400;
  font-size: 8px;
  white-space: nowrap;
}

.eUSevt7mfrv9BjCr_5MB {
  color: #1b1618;
  font-family: "Roboto";
  font-weight: 500;
  font-size: 9px;
  margin-bottom: 4px;
}

.HxOD1rf8sGxnY294ehFA {
  color: #003748;
  font-family: "Roboto";
  font-weight: 400;
  font-size: 9px;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.OetG3We6j6DUfBelKv4e {
  padding: var(--space-xl);
  text-align: center;
  color: var(--color-text-secondary);
  font-size: var(--font-size-sm);
}

.m9tVjEcfJq3WZFoWHOcW {
  padding: var(--space-xl);
  max-width: 1400px;
  margin: 0 auto;
}

/* Top Section - Stats + MainGrid + Notifications side by side */
.B4lIxhl1_okiJN4tnsTA {
  display: grid;
  grid-template-columns: 9fr 3fr;
  gap: var(--space-lg);
  margin-top: var(--space-xl);
  align-items: stretch;
}

/* Main content wrapper (statsGrid + mainGrid) */
.pZXpjkQfEJ0UWmbHRAcf {
  min-width: 0;
  display: flex;
  flex-direction: column;
}

/* Notifications column - stretches to match mainContent height */
.s4ZG93zyrtnVQSFX6ee7 {
  min-width: 0;
  display: flex;
  flex-direction: column;
}

/* Top Stats Grid - 3 columns */
.Sf7QRSyIen5gzCrILGGc {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--space-lg);
  margin-bottom: var(--space-xl);
}

/* Main Content Grid - 3 columns layout (matches statsGrid) */
.t5dneaUYXjhJsnHPH0ht {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--space-lg);
  align-items: stretch;
  /* Min height for 3 job cards: 3 * ~160px (card) + 2 * 16px (gaps) + header ~50px */
  min-height: 530px;
  flex: 1;
}

/* Left Column - spans 1 column (QUOTES IN PROGRESS) */
.bWGkdSuNV1rzYydbufjx {
  grid-column: span 1;
  display: flex;
  flex-direction: column;
}

/* Middle Column - spans 2 columns (UPCOMING JOBS) */
.URF8n7D6HnNYtJinX29K {
  grid-column: span 2;
  display: flex;
  flex-direction: column;
}

/* Right Column */
.gALflpTkiN5th7tfHNZh {
  display: flex;
  flex-direction: column;
  gap: var(--space-lg);
}

.gALflpTkiN5th7tfHNZh > * {
  flex: 1;
}

/* Deposit Section - matches 1 statsGrid column width */
.qmUf9mYf3QcfexEtNf6H {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--space-lg);
  margin-top: var(--space-lg);
}

.qmUf9mYf3QcfexEtNf6H > * {
  grid-column: span 1;
}

/* Responsive adjustments */
@media (max-width: 1200px) {
  .Ky__q6tUl_Jr40vfnXl1 {
    grid-template-columns: 1fr;
  }

  .t5dneaUYXjhJsnHPH0ht {
    grid-template-columns: repeat(3, 1fr);
  }
}

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

  .t5dneaUYXjhJsnHPH0ht {
    grid-template-columns: 1fr;
  }

  .bWGkdSuNV1rzYydbufjx {
    grid-column: span 1;
  }

  .URF8n7D6HnNYtJinX29K {
    grid-column: span 1;
  }

  .qmUf9mYf3QcfexEtNf6H {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 768px) {
  .m9tVjEcfJq3WZFoWHOcW {
    padding: var(--space-md);
  }
}

.PpHGQQn80OPLkuVegLEY {
  background: white;
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
  overflow-y: auto;
}

.d7HWsBeZwghsviUcISwA {
  width: 100%;
  border-collapse: collapse;
  font-family: var(--font-secondary);
}

.d7HWsBeZwghsviUcISwA thead {
  background: var(--color-background);
  border-bottom: 1px solid var(--color-primary);
  position: sticky;
  top: 0;
  z-index: 10;
}

.d7HWsBeZwghsviUcISwA th {
  padding: var(--space-md) var(--space-md);
  text-align: left;
  font-size: var(--font-size-sm);
  font-weight: 600;
  color: var(--color-sapphire-dark);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  background: var(--color-green-white);
  font-family: var(--font-primary);
  line-height: 1.3;
}

.hsXNKF3YBXy2ozouHU5w {
  padding-left: var(--space-lg) !important;
}

.s7gZnzLmGP_h8j3yvrZ1 {
  text-align: center !important;
}

.d7HWsBeZwghsviUcISwA tbody tr {
  transition: background-color 0.2s ease;
}

.d7HWsBeZwghsviUcISwA tbody tr:hover {
  background: var(--color-background);
}

.d7HWsBeZwghsviUcISwA td {
  padding: var(--space-sm);
  color: var(--color-sapphire-dark);
  font-family: var(--font-secondary);
  font-size: var(--font-size-sm);
}

.dZT57tMCGtqPZtrs6gOG {
  padding-left: var(--space-lg) !important;
  font-weight: 500;
}

.jboU_8DczEIZkM2_HJFU {
  text-align: center;
}

.sF_nx98RRZH1lXXucTGV {
  text-align: right;
}

.uiMUv8GGYANvXu1M_SQA {
  text-transform: capitalize;
}

.J8cygGQTp7NmUOB74dnv {
  display: inline-block;
  padding: 2px 10px;
  border-radius: 12px;
  font-size: var(--font-size-xs);
  font-weight: 600;
  text-transform: capitalize;
}

/* Numeric tier values from GHL */
.J8cygGQTp7NmUOB74dnv[data-tier="4"] {
  background: #e8e8f0;
  color: #5a5a7a;
}

.J8cygGQTp7NmUOB74dnv[data-tier="3"] {
  background: #fef3cd;
  color: #856404;
}

.J8cygGQTp7NmUOB74dnv[data-tier="2"] {
  background: #e9ecef;
  color: #495057;
}

.J8cygGQTp7NmUOB74dnv[data-tier="1"] {
  background: #f5e6d3;
  color: #7c5a3c;
}

/* Legacy named tier values (for backward compatibility) */
.J8cygGQTp7NmUOB74dnv[data-tier="platinum"] {
  background: #e8e8f0;
  color: #5a5a7a;
}

.J8cygGQTp7NmUOB74dnv[data-tier="gold"] {
  background: #fef3cd;
  color: #856404;
}

.J8cygGQTp7NmUOB74dnv[data-tier="silver"] {
  background: #e9ecef;
  color: #495057;
}

.J8cygGQTp7NmUOB74dnv[data-tier="bronze"] {
  background: #f5e6d3;
  color: #7c5a3c;
}

.J8cygGQTp7NmUOB74dnv[data-tier="-"] {
  background: transparent;
  color: var(--color-text-secondary);
}

.w35k3PGe7DEgmE_Z1eA6 {
  width: 18px;
  height: 18px;
  cursor: pointer;
  accent-color: var(--color-primary);
}

.w35k3PGe7DEgmE_Z1eA6:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

.nqed2CfM9L9mMeyLD3rH {
  padding: var(--space-xs);
  background: var(--color-surface);
  color: var(--color-sapphire);
  border: 1px solid var(--color-sapphire);
  border-radius: var(--radius-md);
  font-size: var(--font-size-xs);
  font-weight: 600;
  font-family: var(--font-primary);
  cursor: pointer;
  transition: all 0.2s ease;
  white-space: nowrap;
  text-transform: uppercase;
}

.nqed2CfM9L9mMeyLD3rH:hover {
  border-color: var(--color-rust);
  color: var(--color-rust);
}

.ipo7ydTmzHWVC05NvvZw {
  background: transparent;
  border: none;
  color: var(--color-primary);
  cursor: pointer;
  padding: var(--space-xs);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-sm);
  transition: all 0.2s ease;
}

.ipo7ydTmzHWVC05NvvZw:hover {
  background: var(--color-background);
  color: var(--color-rust);
}

.btn-edit-small {
  background: var(--color-primary);
  border-radius: 50%;
  color: #fff;
  font-size: 12px !important;
  padding: 3px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.BgTA6kZb8FO1DqYSDYOk {
  padding: var(--space-2xl);
  text-align: center;
  color: var(--color-text-secondary);
}

@media (max-width: 1024px) {
  .nqed2CfM9L9mMeyLD3rH {
    padding: var(--space-xs) var(--space-sm);
    font-size: 10px;
  }
}

.aiKgQcqTyx3d7H6jS_CC {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-lg);
  align-items: start;
}

.za_rZHVnmgsllhwYhfcW {
  display: flex;
  flex-direction: column;
  gap: var(--space-lg);
}

.D0P7fxz2vR5HZr3KyGyE {
  background: var(--color-surface);
  border-radius: var(--radius-md);
  padding: var(--space-xl);
  box-shadow: var(--shadow-sm);
  height: 100%;
}

.WjaKPOIygtdrHCjNqSnW {
  font-size: var(--font-size-md);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0;
}

.T2yKXtWgSzLGgft24DJy {
  margin-bottom: var(--space-lg);
  padding-bottom: var(--space-md);
  border-bottom: 1px solid var(--color-border);
}

.hHohKnL52nkTwVI1PZks {
  font-size: var(--font-size-sm);
  color: var(--color-text-secondary);
  margin: var(--space-xs) 0 0 0;
}

.HgyNvZIvW6ZMEhYFuard {
  display: flex;
  justify-content: flex-end;
  margin-top: var(--space-md);
}

.tHCslSZhHAiZX34S0JUN {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: var(--space-lg);
  padding-bottom: var(--space-md);
  border-bottom: 1px solid var(--color-border);
}

.OM7KbjGc7wewDp2WQYi9 {
  padding: 8px 16px;
  background: #2d5a6b;
  color: white;
  border: none;
  border-radius: var(--radius-md);
  font-size: var(--font-size-sm);
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: var(--font-secondary);
}

.OM7KbjGc7wewDp2WQYi9:hover {
  background: #234651;
}

.mZQAZKZvMIqHytw3AccP {
  text-align: center;
  padding: var(--space-xl);
  color: var(--color-text-secondary);
}

.mZQAZKZvMIqHytw3AccP p {
  margin: 0;
}

/* Contact Row - Matches the design exactly */
.AEoMqQdejySrwGrGaNOo {
  display: flex;
  align-items: center;
  gap: var(--space-md);
  margin-bottom: var(--space-lg);
}

.AEoMqQdejySrwGrGaNOo:last-child {
  margin-bottom: 0;
}

.J6KowdNQyOwR8l7z_RhY {
  flex: 0 0 140px;
  font-size: var(--font-size-sm);
  font-weight: 400;
  color: var(--color-text-secondary);
  font-family: var(--font-secondary);
}

.zVWOmTYqsRAjELHOK1OL {
  flex: 1;
  padding: 12px 16px;
  background: white;
  border: 1px solid var(--color-border);
  border-radius: 20px;
  font-size: var(--font-size-sm);
  color: var(--color-text-primary);
  font-family: var(--font-secondary);
  outline: none;
  transition: border-color 0.2s ease;
}

.zVWOmTYqsRAjELHOK1OL:focus {
  border-color: var(--color-primary);
}

.zVWOmTYqsRAjELHOK1OL[readonly] {
  background: white;
  cursor: pointer;
}

.zVWOmTYqsRAjELHOK1OL[readonly]:hover {
  border-color: var(--color-primary);
}

.wwxokUa0N00dsEddV4F0 {
  display: flex;
  gap: var(--space-sm);
  align-items: center;
}

/* Contact Persons List (other company contacts) */
.IsY2rcQFK6txG9JDkhrU {
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
  max-height: 670px;
  overflow-y: auto;
}

.vFuwypuyVhl5JJ6Um6ii {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--space-md);
  background: #f9fafb;
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border);
  transition: all 0.2s ease;
}

.vFuwypuyVhl5JJ6Um6ii:hover {
  background: #f3f4f6;
  border-color: var(--color-primary);
}

.H1_J8NGkLe8sV8HYhsBC {
  flex: 1;
  min-width: 0;
}

.wIoGxeiJPtFy5a30v4QG {
  font-size: var(--font-size-sm);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: 2px;
}

.PVnmHO0xwsM7Gt4asXfB {
  display: flex;
  align-items: center;
  gap: var(--space-sm);
  flex: 1;
}

.PJNvb3IaW5UYmJccnZS9 {
  font-size: var(--font-size-md);
  font-weight: 600;
  color: var(--color-text-primary);
  font-family: var(--font-secondary);
}

.W9df0xUxu_LIFnTvbpwP {
  font-size: var(--font-size-xs);
  color: var(--color-text-secondary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.szGQw2lSRKSLtVm6yO8w {
  flex-shrink: 0;
  padding: 6px 16px;
  background: var(--color-primary);
  color: white;
  border: none;
  border-radius: var(--radius-sm);
  font-size: var(--font-size-xs);
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: var(--font-secondary);
}

.szGQw2lSRKSLtVm6yO8w:hover {
  background: var(--color-rust);
}

.RkMX8fdN9heZCbPLzXgl {
  display: flex;
  align-items: center;
  margin-bottom: var(--space-lg);
  gap: var(--space-lg);
}

.RkMX8fdN9heZCbPLzXgl:last-child {
  margin-bottom: 0;
}

.BcXPPWeEVDZaf_HXbjrn {
  height: var(--space-xl);
}

.ynjIr6IJb0gMZE9nuQLN {
  flex: 0 0 160px;
  font-size: var(--font-size-sm);
  font-weight: 400;
  color: var(--color-text-primary);
  font-family: var(--font-secondary);
}

._5YabTT_vta8wKqtnAtTA {
  display: flex;
  align-items: center;
  gap: var(--space-sm);
}

.hzhxI9EGAWCJ0WC2wcQG {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
  color: var(--color-text-secondary);
  cursor: pointer;
  transition: all 0.2s ease;
  border-radius: var(--radius-sm);
}

.hzhxI9EGAWCJ0WC2wcQG:hover {
  background: rgba(0, 0, 0, 0.05);
  color: var(--color-text-primary);
}

.hzhxI9EGAWCJ0WC2wcQG svg {
  transition: transform 0.2s ease;
}

.hzhxI9EGAWCJ0WC2wcQG.KfL7eBS4EaFojPluuVpR svg {
  transform: rotate(180deg);
}

.le_93DQdxFIE69kLIGSt {
  flex: 1;
  padding: 12px 16px;
  background: white;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  font-size: var(--font-size-sm);
  color: var(--color-text-primary);
  font-family: var(--font-secondary);
  outline: none;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.le_93DQdxFIE69kLIGSt:focus {
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px rgba(240, 90, 34, 0.1);
}

.le_93DQdxFIE69kLIGSt::placeholder {
  color: var(--color-text-secondary);
}

.jI0IkBqXcAWGesKGDE3w {
  height: 1px;
  background: var(--color-border);
  margin: var(--space-xl) 0;
}

/* Contact Section */
.rj1OvuaQ5Gg22B83qhgG {
  margin-bottom: var(--space-md);
  /* padding: var(--space-lg) 0; */ /* Removed to allow accordion padding */
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background-color: var(--color-surface);
  box-shadow: var(--shadow-sm);
  overflow: hidden; /* Ensures content stays within bounds */
}

.rj1OvuaQ5Gg22B83qhgG:last-child {
  margin-bottom: 0;
  border-bottom: none;
}

.JICg7p_GZgTyv5POfQhV {
  display: flex;
  align-items: center;
  gap: var(--space-md);
  cursor: pointer;
  padding: var(--space-md) var(--space-lg); /* Add padding for clickable area */
  border-bottom: 1px solid var(--color-border); /* Separator for header */
}

.rj1OvuaQ5Gg22B83qhgG:last-child .JICg7p_GZgTyv5POfQhV {
  border-bottom: none;
}

.JICg7p_GZgTyv5POfQhV:hover {
  background-color: var(--color-background-soft, #f9fafb);
}

.JICg7p_GZgTyv5POfQhV .J6KowdNQyOwR8l7z_RhY {
  flex: 0 0 auto; /* Adjust label flex */
}

.JICg7p_GZgTyv5POfQhV .zVWOmTYqsRAjELHOK1OL {
  border: none; /* Remove border for input in header */
  background: transparent; /* Transparent background */
}

.JICg7p_GZgTyv5POfQhV .zVWOmTYqsRAjELHOK1OL[readonly] {
  cursor: pointer; /* Keep pointer on readonly input in header */
  pointer-events: none; /* Prevent input field from being focusable directly */
}

.nmquUQRyawzU9MxRlsoI {
  padding: var(--space-md) var(--space-lg) var(--space-lg); /* Padding for expanded details */
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
  border-top: 1px solid var(--color-border-subtle); /* Small border for visual separation */
}

.rj1OvuaQ5Gg22B83qhgG:not(:last-child) .nmquUQRyawzU9MxRlsoI {
  border-bottom: none; /* Remove extra border if it's not the last contact */
}

.nmquUQRyawzU9MxRlsoI .AEoMqQdejySrwGrGaNOo {
  margin-bottom: 0;
}

.nmquUQRyawzU9MxRlsoI .zVWOmTYqsRAjELHOK1OL[readonly] {
  background: var(--color-background-soft, #f9fafb); /* Slightly different background for readonly expanded fields */
  cursor: default;
  color: var(--color-text-primary);
}

.hzhxI9EGAWCJ0WC2wcQG {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
  color: var(--color-text-secondary);
  cursor: pointer;
  transition: transform 0.2s ease;
  border-radius: var(--radius-sm);
}

.hzhxI9EGAWCJ0WC2wcQG svg {
  transition: transform 0.2s ease;
}

.hzhxI9EGAWCJ0WC2wcQG.KfL7eBS4EaFojPluuVpR svg {
  transform: rotate(180deg);
}

/* Override existing .contactRow and .contactLabel styles for the accordion header */
.rj1OvuaQ5Gg22B83qhgG .AEoMqQdejySrwGrGaNOo {
  margin-bottom: 0;
}

.rj1OvuaQ5Gg22B83qhgG .J6KowdNQyOwR8l7z_RhY {
  flex: 0 0 auto;
  min-width: 140px; /* Ensure label has enough space */
}


.WESoPf3yrQPjnZ3TiIDm {
  display: flex;
  gap: var(--space-sm);
}

.QJyHFJWONDK0yJl28Kb2 {
  flex-shrink: 0;
  padding: 12px 24px;
  background: var(--color-primary);
  color: white;
  border: none;
  border-radius: 20px;
  font-size: var(--font-size-xs);
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: var(--font-secondary);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  white-space: nowrap;
}

.QJyHFJWONDK0yJl28Kb2:hover {
  background: var(--color-rust);
}

.W8QTLDZSb10BW8jf5VYF {
  flex-shrink: 0;
  padding: 10px 20px;
  background: var(--color-sapphire);
  color: white;
  border: none;
  border-radius: 20px;
  font-size: var(--font-size-xs);
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: var(--font-secondary);
  white-space: nowrap;
}

.W8QTLDZSb10BW8jf5VYF:hover:not(:disabled) {
  background: #1e3d7a;
}

.W8QTLDZSb10BW8jf5VYF:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.fzHSDodp6VixHx6SALY3 {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  color: #999;
  border: 1px solid #ddd;
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.2s ease;
  font-size: 18px;
  line-height: 1;
}

.fzHSDodp6VixHx6SALY3:hover {
  background: #fee2e2;
  color: #dc2626;
  border-color: #fecaca;
}

.kKLwXesN8XKQ0v06WSsL {
  height: 1px;
  background: var(--color-border);
  margin: var(--space-lg) 0;
}

/* Form Actions */
.VZv1Hih40ShrWYE9qAGn {
  display: flex;
  justify-content: flex-end;
  padding: var(--space-lg) 0;
  margin-top: var(--space-lg);
}

.XPQGNWXrELnCQTzgNrAb {
  padding: 14px 48px;
  background: var(--color-primary);
  color: white;
  border: none;
  border-radius: var(--radius-md);
  font-size: var(--font-size-md);
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: var(--font-secondary);
}

.XPQGNWXrELnCQTzgNrAb:hover:not(:disabled) {
  background: var(--color-rust);
}

.XPQGNWXrELnCQTzgNrAb:disabled {
  opacity: 0.7;
  cursor: not-allowed;
}

/* Responsive */
@media (max-width: 1280px) {
  .aiKgQcqTyx3d7H6jS_CC {
    grid-template-columns: 1fr;
  }

  .za_rZHVnmgsllhwYhfcW {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-lg);
    align-items: start;
  }
}

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

  .za_rZHVnmgsllhwYhfcW {
    grid-template-columns: 1fr;
  }

  .RkMX8fdN9heZCbPLzXgl {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-sm);
  }

  .ynjIr6IJb0gMZE9nuQLN {
    flex: none;
  }

  .le_93DQdxFIE69kLIGSt {
    width: 100%;
  }

  .JICg7p_GZgTyv5POfQhV {
    flex-direction: column;
  }

  .WESoPf3yrQPjnZ3TiIDm {
    width: 100%;
  }

  .QJyHFJWONDK0yJl28Kb2 {
    flex: 1;
  }
}

.tvbexsZKb94GFudbs8R3 {
  position: relative;
  flex: 1;
}

.ZRskd9EK1wNq8qoPVrWe {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: white;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-lg);
  z-index: 1000;
  max-height: 300px;
  overflow-y: auto;
  margin-top: 4px;
}

.R1DJDHwuWICsJ07YH6eh {
  padding: 12px 16px;
  cursor: pointer;
  transition: background-color 0.2s ease;
  border-bottom: 1px solid var(--color-border-subtle, #f3f4f6);
}

.R1DJDHwuWICsJ07YH6eh:last-child {
  border-bottom: none;
}

.R1DJDHwuWICsJ07YH6eh:hover {
  background-color: var(--color-background-soft, #f9fafb);
}

.D3UrX2VBrjuNdUzwJlgh {
  display: block;
  font-size: var(--font-size-sm);
  font-weight: 500;
  color: var(--color-text-primary);
}

.VLozvKxsy2AhdCXcwu2n {
  display: block;
  font-size: var(--font-size-xs);
  color: var(--color-text-secondary);
  margin-top: 2px;
}

.RBv94LwiUDLkIrPZVI_N, .TNNSOPzwyZEPG9Ciz96h {
  padding: 16px;
  font-size: var(--font-size-sm);
  color: var(--color-text-secondary);
  text-align: center;
}

/* Pagination Controls */
.DIlPJinIbzwUvckqa3EH {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: var(--space-md);
  margin-top: var(--space-lg);
  padding: var(--space-md);
  border-top: 1px solid var(--color-border);
}

.VkC7VTWJpkzkwozFhrnx {
  padding: 8px 16px;
  background: var(--color-primary);
  color: white;
  border: none;
  border-radius: var(--radius-md);
  font-size: var(--font-size-sm);
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: var(--font-secondary);
}

.VkC7VTWJpkzkwozFhrnx:hover:not(:disabled) {
  background: var(--color-rust);
}

.VkC7VTWJpkzkwozFhrnx:disabled {
  background: var(--color-text-secondary);
  cursor: not-allowed;
  opacity: 0.5;
}

.I2_GUksV9FdKXOZ45od3 {
  font-size: var(--font-size-sm);
  color: var(--color-text-secondary);
  font-family: var(--font-secondary);
}

.qCuVEtbEkeASDVBueGd3 {
  width: 100%;
}

/* Loading & Error States */
.PrymzmclJpopJiZGvDzB,
.nx4rhK0b_JiAKg4O1fQx {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--space-2xl);
  background: var(--color-surface);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
  min-height: 200px;
}

.PrymzmclJpopJiZGvDzB {
  color: var(--color-text-secondary);
  font-size: var(--font-size-md);
}

.nx4rhK0b_JiAKg4O1fQx {
  color: var(--color-rust);
  font-size: var(--font-size-md);
  text-align: center;
}

.Qpovv2ECQHtz7esfozbw {
  margin-top: var(--space-md);
  padding: 10px 24px;
  background: var(--color-sapphire);
  color: white;
  border: none;
  border-radius: var(--radius-sm);
  font-size: var(--font-size-sm);
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
}

.Qpovv2ECQHtz7esfozbw:hover {
  background: #1e3d7a;
}

/* Spinner */
.j9AaaKPmCZrEG1YqdzWk {
  width: 16px;
  height: 16px;
  border: 2px solid currentColor;
  border-top-color: transparent;
  border-radius: 50%;
  animation: m0_4m9V7xDHOg3sOi6Tj 0.8s linear infinite;
}

@keyframes m0_4m9V7xDHOg3sOi6Tj {
  to {
    transform: rotate(360deg);
  }
}

/* Filter Tabs */
.k794zneca10sieoW_aMm {
  display: flex;
  gap: 0;
  margin-bottom: var(--space-xl);
  width: fit-content;
}

.OnxV0YfmTitEzlk1Nj1N {
  flex: 1;
  padding: var(--space-sm) var(--space-md);
  background: transparent;
  border: none;
  border-left: 3px solid #839ca4;
  color: #839ca4;
  font-size: 14px;
  font-weight: 400;
  font-family: var(--font-primary);
  cursor: pointer;
  transition: all 0.2s ease;
  text-align: center;
  white-space: nowrap;
}

.OnxV0YfmTitEzlk1Nj1N:hover {
  color: var(--color-text-primary);
  background: rgba(0, 0, 0, 0.02);
}

.OnxV0YfmTitEzlk1Nj1N.gcG2D0BWct6AgmqGJr_B {
  color: var(--color-text-primary);
  border-left-color: var(--color-primary);
  font-weight: 700;
}

/* Quotes Grid */
.NjMx5EG8HFYpjqvF3QgA {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--space-lg);
}

/* Quote Card - Horizontal Layout */
.t3rK4soJ38yJ8b1ci7Bl {
  background: var(--color-surface);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
  overflow: hidden;
  transition: box-shadow 0.2s ease;
  border: 1px solid var(--color-border);
  position: relative;
  display: flex;
  flex-direction: row;
  padding: var(--space-md);
  gap: var(--space-md);
}

.t3rK4soJ38yJ8b1ci7Bl:hover {
  box-shadow: var(--shadow-md);
}

.SbXWsK_a94GU7E_O2fGd {
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
  align-items: flex-start;
}

.BmFIht9Qnn0iqBujKxUR {
  width: 100px;
  min-width: 100px;
  height: 80px;
  overflow: hidden;
  background: #f5f5f5;
  border-radius: var(--radius-sm);
  flex-shrink: 0;
}

.BmFIht9Qnn0iqBujKxUR img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.umxgSqAlPkVKCaPveAQS {
  flex: 1;
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.xoKx5zs9zkfOhm88e2Wj {
  margin-bottom: var(--space-sm);
}

.p9daSGvR_PYrTIzL_9ZB {
  margin: 0 0 2px 0;
  font-size: 10px;
  font-weight: 600;
  color: #07486f;
  font-family: "Poppins", var(--font-primary);
  line-height: 1.3;
}

.HnjhBFEOC8ka40Cfowd5 {
  margin: 0;
  font-size: 9px;
  color: var(--color-text-secondary);
  font-family: "Poppins", var(--font-secondary);
  line-height: 1.4;
}

/* Quote Actions */
.UeMnAfkneqDNGOqUSZkk {
  display: flex;
  align-items: center;
  gap: var(--space-sm);
  margin-bottom: var(--space-sm);
}

.uGGjARYc3sT2BNnPuGov {
  padding: 8px 12px;
  background: #f25b22;
  color: #f5f2e3;
  border: 1px solid transparent;
  border-radius: 4px;
  font-size: 10px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: "Poppins", var(--font-secondary);
  text-transform: uppercase;
  letter-spacing: 0.3px;
  white-space: nowrap;
}

.uGGjARYc3sT2BNnPuGov:hover {
  background: #d94d18;
}

.DzHC8RZJom7zqq7rWrJs {
  display: flex;
  gap: 4px;
}

.SXXJFjPbfVVNBKF6oLum {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: 1px solid #2b50aa;
  border-radius: 4px;
  color: #2b50aa;
  cursor: pointer;
  transition: all 0.2s ease;
}

.SXXJFjPbfVVNBKF6oLum:hover {
  background: #2b50aa;
  color: white;
}

.SXXJFjPbfVVNBKF6oLum svg {
  width: 14px;
  height: 14px;
}

.NrWAlkX22yPgEdySzSwK {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: 1px solid #ae4222;
  border-radius: 4px;
  color: #ae4222;
  cursor: pointer;
  transition: all 0.2s ease;
}

.NrWAlkX22yPgEdySzSwK:hover {
  background: #ae4222;
  color: white;
}

.NrWAlkX22yPgEdySzSwK svg {
  width: 14px;
  height: 14px;
}

/* Quote Status */
.K8Tk49islt5fkylsAXLg {
  display: flex;
  align-items: center;
}

.PDlpMzdpgIAggpoGgH4Z {
  display: inline-block;
  padding: 8px 12px;
  font-size: 8px;
  font-weight: 600;
  border-radius: 9px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-family: "Poppins", var(--font-secondary);
}

/* Draft & Pending Approval - Green tint */
.NRFG_gt3ZldsFBJDGVI3,
.BSW67gyEWLvpncPB191S {
  background: #dff3e4;
  color: #045a8d;
  opacity: 0.66;
  border: 1px solid transparent;
}

/* Approved & Declined - Blue tint */
.Q9LdVVvsOtrOWRM4pkrc,
.CHEgIhVGF9qepOssN3oW {
  background: #d0e2f0;
  color: #045a8d;
}

/* Empty State */
.m5nuoE2loJOvDwjYXoG5 {
  grid-column: 1 / -1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--space-md);
  text-align: center;
  padding: var(--space-2xl);
  background: var(--color-surface);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
  min-height: 200px;
}

.m5nuoE2loJOvDwjYXoG5 svg {
  color: var(--color-ash-gray);
}

.m5nuoE2loJOvDwjYXoG5 p {
  color: var(--color-text-secondary);
  font-size: var(--font-size-md);
  font-family: var(--font-secondary);
  margin: 0;
}

/* Disabled button states */
.SXXJFjPbfVVNBKF6oLum:disabled,
.NrWAlkX22yPgEdySzSwK:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Responsive */
@media (max-width: 1400px) {
  .NjMx5EG8HFYpjqvF3QgA {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 1024px) {
  .NjMx5EG8HFYpjqvF3QgA {
    grid-template-columns: repeat(2, 1fr);
  }
}

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

  .OnxV0YfmTitEzlk1Nj1N {
    padding: var(--space-sm) var(--space-md);
    font-size: 12px;
  }

  .t3rK4soJ38yJ8b1ci7Bl {
    flex-direction: column;
  }

  .BmFIht9Qnn0iqBujKxUR {
    width: 100%;
    height: 120px;
  }

  .UeMnAfkneqDNGOqUSZkk {
    flex-wrap: wrap;
  }

  .uGGjARYc3sT2BNnPuGov {
    flex: 1;
    min-width: 100px;
  }
}

.fHW92mP8MrvtEUvsvOcC {
  width: 100%;
}

/* Loading & Error States */
.p2xJXlimFrnw9RdxevRs,
.BDTivS3u3pbJQ3wPxheq {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--space-2xl);
  background: var(--color-surface);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
  min-height: 200px;
}

.p2xJXlimFrnw9RdxevRs {
  color: var(--color-text-secondary);
  font-size: var(--font-size-md);
}

.BDTivS3u3pbJQ3wPxheq {
  color: var(--color-rust);
  font-size: var(--font-size-md);
  text-align: center;
}

.kZOiCnNZkHZrX8VyHdB3 {
  margin-top: var(--space-md);
  padding: 10px 24px;
  background: var(--color-sapphire);
  color: white;
  border: none;
  border-radius: var(--radius-sm);
  font-size: var(--font-size-sm);
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
}

.kZOiCnNZkHZrX8VyHdB3:hover {
  background: #1e3d7a;
}

/* Header */
.OkATCUuBiF6EKglt1nio {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: var(--space-xl);
  gap: var(--space-lg);
}

.T8wyoGlM2SHSljh9FA_A {
  position: relative;
  display: flex;
  align-items: center;
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  overflow: hidden;
  min-width: 250px;
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  font-weight: 400;
}

.HoKdL0etcSJv5VYlfTgL {
  padding: 0 var(--space-md);
  display: flex;
  align-items: center;
  color: var(--color-text-secondary);
}

.a7Hq_MAaLhiXRwqTOz6A {
  flex: 1;
  padding: var(--space-md);
  padding-left: 0;
  border: none;
  outline: none;
  font-size: var(--font-size-sm);
  font-family: var(--font-secondary);
}

.a7Hq_MAaLhiXRwqTOz6A::placeholder {
  color: var(--color-text-secondary);
}

.NksKLDMZT8bus0Ekvq5q {
  display: flex;
  gap: var(--space-md);
}

.BzooWBL8ZjMvCdYkOuwR,
.PxLI6wxxBpbCuRknRq0q {
  display: flex;
  align-items: center;
  gap: var(--space-sm);
  padding: 10px 20px;
  background: transparent;
  border: none;
  color: var(--color-sapphire);
  font-size: var(--font-size-sm);
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: var(--font-secondary);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.BzooWBL8ZjMvCdYkOuwR:hover,
.PxLI6wxxBpbCuRknRq0q:hover {
  color: var(--color-primary);
}

/* Sections */
.tdqamGZaKKyo6kT0_kpP {
  display: flex;
  flex-direction: column;
  gap: var(--space-lg);
}

.xWLLMgtGgLm2wWQEZFND {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--space-lg) var(--space-xl);
  background: transparent;
  border: none;
  border-bottom: 1px solid #000000;
  cursor: pointer;
  transition: background 0.2s ease;
}

.xWLLMgtGgLm2wWQEZFND:hover {
  background: rgba(0, 0, 0, 0.02);
}

.L9GHuSr_TNfGfctlWcfA {
  display: flex;
  align-items: center;
  gap: var(--space-md);
}

.QiIK_VELi5vY7KwfpkHA {
  color: #074879;
  font-family: "Poppins", var(--font-primary);
  font-weight: 500;
  font-size: 14px;
}

.yU7MJzyBOxuaVA2kHIx2 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 40px;
  padding: 4px 12px;
  background: #c5d9e8;
  color: var(--color-sapphire);
  font-size: var(--font-size-sm);
  font-weight: 600;
  border-radius: var(--radius-full);
  font-family: var(--font-secondary);
}

.UG0cQDqwRFswhrq8e00y {
  padding: var(--space-xl);
}

/* Jobs Grid */
.Qm1Wbrd5FKAaVAM4VrmS {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--space-lg);
}

/* Job Card */
.D2SwFGAdaBAXBizN3lyH {
  display: flex;
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-card);
  overflow: hidden;
  transition: box-shadow 0.2s ease;
}

.D2SwFGAdaBAXBizN3lyH:hover {
  box-shadow: var(--shadow-md);
}

.ijqXilp7Av0nA8iI4X35 {
  flex: 0 0 120px;
  height: auto;
  min-height: 120px;
  background: #f5f5f5;
  overflow: hidden;
}

.ijqXilp7Av0nA8iI4X35 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.Czqu2rxHAmqCoUEUqCgN {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-text-secondary);
}

.Czqu2rxHAmqCoUEUqCgN svg {
  width: 40px;
  height: 40px;
}

.qq4qIK_1ctxTv6F5TFZx {
  flex: 1;
  padding: 12px 14px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.x7c5mPtO_B437nxibdym {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.r2KALEwMfJLyKVolL1MC {
  font-size: var(--font-size-smaller);
  font-weight: 700;
  color: var(--color-sapphire-dark);
  font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif;
  line-height: 1.3;
}

.Ly14A8aowDunz4swW7Yy {
  font-size: 10px;
  color: #0e4b5e;
  font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif;
  font-weight: 400;
  line-height: 1.4;
}

.b4bB6zTqsJfOorPFU6gR {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 4px 12px;
}

.kT4VMOuF_oMq31Mh31vp {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 10px;
  color: #0e4b5e;
  font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif;
  font-weight: 400;
}

.kT4VMOuF_oMq31Mh31vp svg {
  flex-shrink: 0;
  width: 12px;
  height: 12px;
  color: var(--color-primary);
}

.UehrIG_6RSjIh2C2DiLL {
  display: flex;
  align-items: center;
  gap: var(--space-md);
  margin-top: auto;
  padding-top: 4px;
}

.ADue0uE6_HV0gjRfCQYz {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 6px 12px;
  background: #ebe7d5;
  color: #074879;
  border: none;
  border-radius: 3px;
  font-size: 11px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: var(--font-primary);
  text-transform: uppercase;
  letter-spacing: 0.3px;
}

.ADue0uE6_HV0gjRfCQYz svg {
  width: 14px;
  height: 14px;
  fill: #074879;
  color: #074879;
}

.ADue0uE6_HV0gjRfCQYz:hover {
  background: #ddd9c7;
}

.n1xwDhxrpTIPEW97uSJ0 {
  padding: 6px 12px;
  background: transparent;
  color: var(--color-text-secondary);
  border: none;
  border-radius: 3px;
  font-size: 11px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: var(--font-primary);
  text-transform: uppercase;
  letter-spacing: 0.3px;
}

.n1xwDhxrpTIPEW97uSJ0:hover {
  color: var(--color-rust);
}

.n1xwDhxrpTIPEW97uSJ0:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Table Styles */
.GOyh3WmXuGj9o4YE89jc {
  padding: var(--space-xl);
  margin-top: var(--space-xl);
}

.FKwh1eMUReO8Rr0xRz13 {
  background: white;
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
  overflow-y: auto;
}

.EldRpHKTriROBkPM0PnI {
  width: 100%;
  border-collapse: collapse;
  font-family: var(--font-secondary);
}

.EldRpHKTriROBkPM0PnI thead {
  background: var(--color-background);
  border-bottom: 1px solid var(--color-primary);
  position: sticky;
  top: 0;
  z-index: 10;
}

.EldRpHKTriROBkPM0PnI th {
  padding: var(--space-md) var(--space-md);
  text-align: left;
  font-size: var(--font-size-sm);
  font-weight: 600;
  color: var(--color-sapphire-dark);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  background: var(--color-green-white);
  font-family: var(--font-primary);
  line-height: 1.3;
}

.P9MJjyN5RhVvR50a5yOW {
  padding-left: var(--space-lg) !important;
}

.sqc6hTgu4RlNV9i55VUA {
  text-align: right !important;
  padding-right: var(--space-lg) !important;
}

.EldRpHKTriROBkPM0PnI tbody tr {
  transition: background-color 0.2s ease;
}

.EldRpHKTriROBkPM0PnI tbody tr:hover {
  background: var(--color-background);
}

.EldRpHKTriROBkPM0PnI td {
  padding: var(--space-sm) var(--space-md);
  color: var(--color-sapphire-dark);
  font-family: var(--font-secondary);
  font-size: var(--font-size-smaller);
}

.ouA2bkMBKuuRjVSwm4gz {
  padding-left: var(--space-lg) !important;
  font-weight: 500;
  white-space: nowrap;
}

.E1N04AFwV1jie4K6pYIn {
  text-align: right;
  padding-right: var(--space-lg) !important;
}

.OoOHJV4olMnrymqvX4nM {
  padding: var(--space-xs) var(--space-md);
  background: var(--color-surface);
  color: var(--color-sapphire);
  border: 1px solid var(--color-sapphire);
  border-radius: var(--radius-md);
  font-size: var(--font-size-xs);
  font-weight: 600;
  font-family: var(--font-primary);
  cursor: pointer;
  transition: all 0.2s ease;
  white-space: nowrap;
  text-transform: uppercase;
}

.OoOHJV4olMnrymqvX4nM:hover {
  background: var(--color-sapphire);
  color: white;
}

.EldRpHKTriROBkPM0PnI .D3BFiRsVhrnyVj7avBdC {
  padding: var(--space-2xl);
  text-align: center;
  color: var(--color-text-secondary);
}

@media (max-width: 1024px) {
  .EldRpHKTriROBkPM0PnI {
    font-size: var(--font-size-xs);
  }

  .EldRpHKTriROBkPM0PnI th,
  .EldRpHKTriROBkPM0PnI td {
    padding: var(--space-sm);
  }

  .OoOHJV4olMnrymqvX4nM {
    padding: var(--space-xs) var(--space-sm);
    font-size: 10px;
  }
}

/* Empty State */
.D3BFiRsVhrnyVj7avBdC {
  text-align: center;
  padding: var(--space-2xl);
}

.D3BFiRsVhrnyVj7avBdC p {
  color: var(--color-text-secondary);
  font-size: var(--font-size-sm);
  font-family: var(--font-secondary);
  margin: 0;
}

/* Responsive */
@media (max-width: 1400px) {
  .Qm1Wbrd5FKAaVAM4VrmS {
    grid-template-columns: repeat(2, 1fr);
  }
}

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

  .OkATCUuBiF6EKglt1nio {
    flex-direction: column;
    align-items: stretch;
  }

  .T8wyoGlM2SHSljh9FA_A {
    width: 100%;
    min-width: unset;
  }

  .NksKLDMZT8bus0Ekvq5q {
    justify-content: flex-end;
  }
}

@media (max-width: 768px) {
  .D2SwFGAdaBAXBizN3lyH {
    flex-direction: column;
  }

  .ijqXilp7Av0nA8iI4X35 {
    flex: none;
    height: 160px;
    width: 100%;
    min-height: unset;
  }

  .b4bB6zTqsJfOorPFU6gR {
    grid-template-columns: 1fr;
  }

  .UehrIG_6RSjIh2C2DiLL {
    flex-direction: row;
    flex-wrap: wrap;
  }

  .ADue0uE6_HV0gjRfCQYz,
  .n1xwDhxrpTIPEW97uSJ0 {
    flex: 1;
    min-width: fit-content;
    justify-content: center;
  }

  .NksKLDMZT8bus0Ekvq5q {
    flex-direction: column;
  }
}




.AoSbm0nWIqy09foBXgXE {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: var(--color-bg-subtle);
  padding: var(--space-lg);
  border-radius: var(--radius-sm);
}

.BqgFPWBKmJcXO2ykB7iw {
  font-size: var(--font-size-sm);
  color: var(--color-sapphire-dark);
  font-family: var(--font-secondary);
  font-weight: 500;
}

.kBiho4GShPijedY0uJMs {
  display: flex;
  align-items: center;
  gap: var(--space-xs);
}

.X6A37Fp_jiZcpqZ7hJeR {
  min-width: 36px;
  height: 36px;
  padding: var(--space-xs) var(--space-sm);
  background: transparent;
  border: 1px solid var(--color-sapphire-dark);
  border-radius: var(--radius-sm);
  color: var(--color-sapphire-dark);
  font-size: var(--font-size-sm);
  font-weight: 600;
  font-family: var(--font-secondary);
  cursor: pointer;
  transition: all 0.2s ease;
}

.X6A37Fp_jiZcpqZ7hJeR:hover {
  background: var(--color-background);
  border-color: var(--color-primary);
}

.X6A37Fp_jiZcpqZ7hJeR.bV25rUjAjZlCv8VdKbMO {
  background: var(--color-primary);
  color: white;
  background: var(--color-sapphire);
}

.H3zhyJrG1S2xxGwOMoER {
  display: flex;
  align-items: center;
  gap: var(--space-xs);
  margin-left: var(--space-sm);
}

.h01SCKYbzv8N9WpzaGyg {
  width: 80px;
  height: 36px;
  padding: var(--space-xs) var(--space-sm);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  font-size: var(--font-size-sm);
  font-family: var(--font-secondary);
  font-weight: 400;
  background: var(--color-bg-white);
  color: var(--color-text-primary);
}

.h01SCKYbzv8N9WpzaGyg:focus {
  outline: none;
  border-color: var(--color-primary);
}

.viPsKFQBtZdB13toNAbW {
  height: 36px;
  padding: var(--space-xs) var(--space-md);
  background: var(--color-primary);
  color: white;
  border: none;
  border-radius: var(--radius-sm);
  font-size: var(--font-size-sm);
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
}

.viPsKFQBtZdB13toNAbW:hover {
  background: var(--color-primary-dark);
}

@media (max-width: 768px) {
  .AoSbm0nWIqy09foBXgXE {
    flex-direction: column;
    gap: var(--space-md);
    align-items: flex-start;
  }

  .kBiho4GShPijedY0uJMs {
    width: 100%;
    justify-content: center;
  }
}

._xYnYnhMiERyJ1y7m0EG {
  background: white;
  border-radius: var(--radius-lg);
  overflow: hidden;
  max-width: 1100px;
  width: 100%;
}

.sP0GlPJKMEs2L2hBAqyc {
  padding: 28px 40px;
  border-bottom: 1px solid #e5e7eb;
}

.tbdJBsJ9uYm6ijBVpDOL {
  font-size: var(--font-size-xl);
  font-weight: 600;
  color: #1f2937;
  margin: 0;
  font-family: var(--font-primary);
}

.cT35KVNrz04R9gTuyDNv {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
}

.V7tJT12xFfkA3hGqDl3A {
  padding: 40px;
  border-right: 1px solid #e5e7eb;
}

.W_2rMpct1JRpwH2bzFUH {
  padding: 40px;
  background-color: #f9fafb;
  display: flex;
  min-height: 400px;
}

/* Form Group */
.iP7EeR24OY2sr04w8Cb8 {
  margin-bottom: 32px;
}

.tjpEpIUuN5EiJZ6cyvnb {
  display: block;
  font-size: 13px;
  font-weight: 600;
  color: #374151;
  margin-bottom: 8px;
  font-family: var(--font-secondary);
  letter-spacing: 0.5px;
}

/* Dropdown */
.RwSO4toD1XyqyjmIr1yy {
  position: relative;
}

.TfZaIXqyhe9RKEpWhNDW {
  width: 100%;
  padding: 12px 16px;
  background-color: white;
  border: 1.5px solid #d1d5db;
  border-radius: 8px;
  font-size: var(--font-size-sm);
  text-align: left;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: all 0.2s ease;
  font-family: var(--font-secondary);
}

.TfZaIXqyhe9RKEpWhNDW:hover {
  border-color: #2563eb;
}

.TfZaIXqyhe9RKEpWhNDW:focus {
  outline: none;
  border-color: #2563eb;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
}

.QbdISUZvGAFzL13lrAMP {
  color: #374151;
}

.QbdISUZvGAFzL13lrAMP.dqxwY3XeIa_B16av0Jv5 {
  color: #9ca3af;
}

.GqQzUu_gnQ3t8eXkCHu9 {
  transition: transform 0.2s ease;
  flex-shrink: 0;
}

.GqQzUu_gnQ3t8eXkCHu9.eKKj0Ek8bY5rFgBuZTyh {
  transform: rotate(180deg);
}

.cSQWGFccNgVg9b_rrVUf {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  right: 0;
  background-color: white;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
  z-index: 10;
  overflow: hidden;
}

.yO7ubcCxsVN7tz7Sc8y1 {
  width: 100%;
  padding: 12px 16px;
  background-color: white;
  border: none;
  text-align: left;
  font-size: var(--font-size-sm);
  color: #374151;
  cursor: pointer;
  transition: background-color 0.15s ease;
  font-family: var(--font-secondary);
}

.yO7ubcCxsVN7tz7Sc8y1:hover {
  background-color: #f3f4f6;
}

/* Upload Area */
.x57vWZBr43DaMpPBstAt {
  padding: 48px 32px;
  text-align: center;
  cursor: pointer;
  transition: all 0.2s ease;

  background: #f7f6f6;
  border: 2px dashed #6c6c6b;
  border-radius: 6px;
}

.x57vWZBr43DaMpPBstAt:hover {
  border-color: #2563eb;
  background-color: #eff6ff;
}

.x57vWZBr43DaMpPBstAt.bW8BYVNijjGa_nuBxdKy {
  border-color: #059669;
  background-color: #ecfdf5;
  transform: scale(1.02);
}

.G6APxlTz331J9nv9YLSl {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
}

.aY3UZcorcSpCEOfYtUuG {
  font-size: var(--font-size-md);
  font-weight: 600;
  color: #1f2937;
  margin: 0 0 4px 0;
  font-family: var(--font-secondary);
}

.esQeApAqOn027EgW4I7e {
  font-size: var(--font-size-sm);
  color: #6b7280;
  margin: 0;
  font-family: var(--font-secondary);
}

/* URL Section */
.iaPhkQBNL4k_k5vheqi5 {
  margin-top: 24px;
}

.v8wjPqb6sJzXx_CAMqkN {
  font-size: 13px;
  color: #6b7280;
  margin-bottom: 12px;
  font-family: var(--font-secondary);
}

.JW__lf8NjITuG2IgSMDx {
  display: flex;
  gap: 12px;
}

.lg7hyODCbladkfajlfsr {
  flex: 1;
  padding: 10px 16px;
  border: 1.5px solid #d1d5db;
  border-radius: 8px;
  font-size: var(--font-size-sm);
  color: #374151;
  transition: all 0.2s ease;
  font-family: var(--font-secondary);
}

.lg7hyODCbladkfajlfsr:focus {
  outline: none;
  border-color: #2563eb;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
}

.lg7hyODCbladkfajlfsr::placeholder {
  color: #9ca3af;
}

.fqOTV_cKNqJx7AVNuo2v {
  padding: 10px 24px;
  background-color: #045a8d;
  color: white;
  border: none;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  letter-spacing: 0.5px;
  font-family: var(--font-secondary);
}

.fqOTV_cKNqJx7AVNuo2v:hover {
  background-color: #1d4ed8;
}

/* Empty State */
.jsEFk2uKcPpQ09_9WHnK {
  text-align: center;
  padding: 32px;
}

.Uk8PbNuDrqgm2J9i1hgQ {
  display: flex;
  align-items: center;
  justify-content: center;
}

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

/* Files List */
.MICFK2eJu1QsHsf4UlBz {
  width: 100%;
  padding: 20px 0;
}

.tVBuqTjMvTP739EgoPti {
  font-size: 13px;
  font-weight: 600;
  color: #1f2937;
  letter-spacing: 0.5px;
  margin: 0 0 20px 0;
  font-family: var(--font-secondary);
}

.zatz3SW3TYTesF6NgJXa {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.Y5j_sec8XsyBwkwaDHqA {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px;
  background-color: white;
  border-radius: 8px;
  border: 1px solid #e5e7eb;
  transition: all 0.2s ease;
}

.Y5j_sec8XsyBwkwaDHqA._7XHnwTvsD9egGJIaVOvK {
  background-color: #f0fdf4;
  border-color: #86efac;
}

.Y5j_sec8XsyBwkwaDHqA.KzOPuDCKvItILE0MyOOR {
  background-color: #fef3e2;
  border-color: #fed7aa;
}

.NmZevqoNHAU1Q4qm6aLR {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #eff6ff;
  border-radius: 6px;
}

._Bql4Fz1lBo15loEknHW {
  flex: 1;
  min-width: 0;
}

.q0Is4gZezUdigrlW0FY6 {
  font-size: var(--font-size-sm);
  font-weight: 600;
  color: #1f2937;
  margin-bottom: 4px;
  word-break: break-word;
  overflow-wrap: break-word;
  font-family: var(--font-secondary);
}

.cN9CGvB1j35vHtGFDhsR {
  font-size: 12px;
  color: #6b7280;
  font-family: var(--font-secondary);
}

.Ukd98OvOPavb2udnrc3h {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}

.hI6iyNyF4jfzK1o6IA90 {
  background: none;
  border: none;
  padding: 6px;
  cursor: pointer;
  border-radius: 4px;
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}

.hI6iyNyF4jfzK1o6IA90:hover {
  background-color: rgba(0, 0, 0, 0.05);
}

.wT3qXb2yLRhC890iKsu5:hover {
  background-color: #fee2e2;
}

.hMAJcsV6VypdmLiqjGCA:hover {
  background-color: #fff7ed;
}

.FnxOrJ_O2A1vlCsgMgeZ {
  cursor: default;
}

.FnxOrJ_O2A1vlCsgMgeZ:hover {
  background-color: transparent;
}

/* Modal Footer */
.eH9RtOnjIE6DjsbIiJrT {
  padding: 24px 40px;
  border-top: 1px solid #e5e7eb;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
}

.VFL7LmBOn1qnbELAYDBQ {
  padding: 12px 32px;
  background-color: #9ca3af;
  color: white;
  border: none;
  cursor: pointer;
  transition: all 0.2s ease;

  border-radius: 3px;
  color: #fcfcfc;
  font-family: var(--font-secondary);
  font-weight: 500;
  font-size: 10px;
}

.VFL7LmBOn1qnbELAYDBQ:hover {
  background-color: #6b7280;
}

.hhnUQ_9cofZMeu72GjPy {
  padding: 12px 32px;
  border: none;
  cursor: pointer;
  transition: all 0.2s ease;

  background: #58b745;
  border-radius: 3px;
  color: #fcfcfc;
  font-family: var(--font-secondary);
  font-weight: 500;
  font-size: 10px;
}

.hhnUQ_9cofZMeu72GjPy:hover:not(:disabled) {
  background-color: #059669;
}

.hhnUQ_9cofZMeu72GjPy:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Responsive */
@media (max-width: 1024px) {
  .cT35KVNrz04R9gTuyDNv {
    grid-template-columns: 1fr;
  }

  .V7tJT12xFfkA3hGqDl3A {
    border-right: none;
    border-bottom: 1px solid #e5e7eb;
  }

  .W_2rMpct1JRpwH2bzFUH {
    min-height: 300px;
  }
}

@media (max-width: 768px) {
  .sP0GlPJKMEs2L2hBAqyc {
    padding: var(--space-lg) var(--space-xl);
  }

  .V7tJT12xFfkA3hGqDl3A,
  .W_2rMpct1JRpwH2bzFUH {
    padding: var(--space-xl);
  }

  .eH9RtOnjIE6DjsbIiJrT {
    flex-direction: column;
    padding: var(--space-lg) var(--space-xl);
  }

  .VFL7LmBOn1qnbELAYDBQ,
  .hhnUQ_9cofZMeu72GjPy {
    width: 100%;
  }

  .x57vWZBr43DaMpPBstAt {
    padding: 32px 16px;
  }
}


.sAUnd3rJo03IzzJCp5xz {
  width: 100%;
}

.LhR7QHH0Xno1UtO1NycT {
  padding: var(--space-xl);
  max-width: 1600px;
  margin: 0 auto;
}

.tM_WZEOuzWfTr61r3kzy {
  font-size: var(--font-size-2xl);
  font-weight: 600;
  margin: 0 0 var(--space-md);
  color: var(--color-text-primary);
}

/* Loading & Error States */
.P8Fqq1fxAJCu3M9gBwF5,
.gYa9BiZdlf0Sbmh34hLZ {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--space-2xl);
  background: var(--color-surface);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
  min-height: 200px;
}

.P8Fqq1fxAJCu3M9gBwF5 {
  color: var(--color-text-secondary);
  font-size: var(--font-size-md);
}

.gYa9BiZdlf0Sbmh34hLZ {
  color: var(--color-rust);
  font-size: var(--font-size-md);
  text-align: center;
}

.RzNWbxEFRKO8oQo0c3Lg {
  margin-top: var(--space-md);
  padding: 10px 24px;
  background: var(--color-sapphire);
  color: white;
  border: none;
  border-radius: var(--radius-sm);
  font-size: var(--font-size-sm);
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
}

.RzNWbxEFRKO8oQo0c3Lg:hover {
  background: #1e3d7a;
}

/* Filter Tabs */
.IM7EpNPoFTUIBPsQqDnK {
  display: flex;
  justify-content: space-between;
  gap: 0;
  margin-bottom: var(--space-lg);
}

.IM7EpNPoFTUIBPsQqDnK > div {
  width: fit-content;
  display: flex;
  flex-direction: row;
}

.q80L_Fj7pQ1ZUmgHZ9MM {
  flex: none;
  padding: 4px 8px;
  background: #f7f6f6;
  border: 1px solid #eee;
  color: var(--color-text-primary);
  font-size: var(--font-size-sm);
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: var(--font-secondary);
  text-align: center;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}

.q80L_Fj7pQ1ZUmgHZ9MM:first-child {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}

.q80L_Fj7pQ1ZUmgHZ9MM:last-child {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}

.q80L_Fj7pQ1ZUmgHZ9MM:hover {
  background: var(--color-misty-rose);
}

.q80L_Fj7pQ1ZUmgHZ9MM.mU0IGVhC46eISCVNrZlL {
  background: var(--color-primary);
  color: white;
  font-weight: 600;
}

.SDcqNl59HN6POkaK0YDo {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  margin-left: var(--space-xs);
  background: rgba(0, 0, 0, 0.1);
  font-size: 11px;
  font-weight: 600;
  border-radius: 10px;
}

.q80L_Fj7pQ1ZUmgHZ9MM.mU0IGVhC46eISCVNrZlL .SDcqNl59HN6POkaK0YDo {
  background: rgba(255, 255, 255, 0.3);
}

/* Header */
.Hk9L_vFQ5QA5luYA89p1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: var(--space-lg);
  gap: var(--space-lg);
  gap: var(--space-md);
}

.pOVYiArshcOhhQ784HTa {
  position: relative;
  display: flex;
  align-items: center;
  flex: 1;
  max-width: 600px;
}

.iGZkUjZJOJkIpUVuSrII {
  position: absolute;
  left: var(--space-md);
  color: var(--color-text-secondary);
  pointer-events: none;
}

.D31Mh0u2lyjH75JE8inV {
  width: 100%;
  height: 44px;
  padding: 0 16px 0 44px;
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  font-size: var(--font-size-sm);
  color: var(--color-text-primary);
  font-family: var(--font-secondary);
  outline: none;
  transition: border-color 0.2s ease;
}

.D31Mh0u2lyjH75JE8inV:focus {
  border-color: var(--color-primary);
}

.D31Mh0u2lyjH75JE8inV::placeholder {
  color: var(--color-text-secondary);
}

.mAuhd5dKREWoK_u1GdNp {
  height: 44px;
  padding: 0 24px;
  background: #2d5a6b;
  color: white;
  border: none;
  border-radius: var(--radius-md);
  font-size: var(--font-size-sm);
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: var(--font-secondary);
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: center;
}

.mAuhd5dKREWoK_u1GdNp:hover {
  background: #234651;
}

/* Table */
.U8CCWt7He1uHBEwoZtMK {
  background: var(--color-surface);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
  overflow: hidden;
  margin-bottom: var(--space-lg);
}

.rqMdUtgvXNkI6E5BvQg5 {
  width: 100%;
  border-collapse: collapse;
}

.KzjoMGiijQKRN4aEuxK3 {
  background: var(--color-green-white);
  border-bottom: 2px solid var(--color-border);
}

.KzjoMGiijQKRN4aEuxK3 th {
  padding: var(--space-md) var(--space-lg);
  text-align: left;
  font-size: var(--font-size-sm);
  font-weight: 700;
  color: var(--color-text-primary);
  font-family: var(--font-secondary);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.vJLx0ee2QhmyGRyWBwdB {
  cursor: pointer;
  user-select: none;
}

.vJLx0ee2QhmyGRyWBwdB span {
  display: inline-flex;
  align-items: center;
  gap: var(--space-xs);
}

.vJLx0ee2QhmyGRyWBwdB:hover {
  background: rgba(0, 0, 0, 0.05);
}

.w9Icl10d_it6mM1mIkEA {
  text-align: right;
}

.r5H4xty58xmE0fEYt8kn {
  border-bottom: 1px solid var(--color-border);
  transition: background 0.2s ease;
  background: #f7f6f6;
}

.r5H4xty58xmE0fEYt8kn:hover {
  background: rgba(0, 0, 0, 0.02);
}

.r5H4xty58xmE0fEYt8kn td {
  padding: var(--space-lg) var(--space-lg);
  font-size: var(--font-size-sm);
  color: var(--color-text-primary);
  font-family: var(--font-secondary);
}

/* Document Name */
.BRse7IVNnAWDwxKwCXkF {
  display: flex;
  align-items: center;
  gap: var(--space-md);
}

.AHhtMfOvfM0CGOiBQ2CE {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.sfwV9Dpk2JCFOxXVt6Kf {
  font-weight: 600;
  color: var(--color-text-primary);
}

.QmK7_7woDo6e4hlznJhM {
  font-size: 12px;
  color: var(--color-text-secondary);
}

/* Date */
.Xs3y7WmwhuQjmBqkEHkp {
  color: var(--color-text-secondary);
}

/* Uploaded By */
.kqTMX8F6FAet3NjvSJw4 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.e0DqJ9E5o09kOCeiajU9 {
  display: flex;
  align-items: center;
  gap: var(--space-md);
}

.YttITkHjL79S9dkmxHdu {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  object-fit: cover;
}

.QPMR4q5yRnK0bNu3Fe0m {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: var(--color-ash-gray);
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: var(--font-size-sm);
}

.L3yvyUzMUMheIeMNWE9S {
  font-weight: 500;
  color: var(--color-text-primary);
}

/* Actions */
.dLoiGTxUVEcQivT1o4U0 {
  display: flex;
  gap: var(--space-sm);
}

.QbfIQZhqBgdGVT1TZ8Mv {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
  color: var(--color-text-secondary);
  cursor: pointer;
  transition: all 0.2s ease;
}

.QbfIQZhqBgdGVT1TZ8Mv:hover {
  color: var(--color-sapphire);
}

.MPHr5l1rE1XM4fKD_n31 {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
  color: var(--color-rust);
  cursor: pointer;
  transition: all 0.2s ease;
}

.MPHr5l1rE1XM4fKD_n31:hover {
  color: #8b3519;
}

.dIb5cP48NGTkkQGH5GOB {
  height: 36px;
  padding: 0 16px;
  border-radius: var(--radius-sm);
  border: none;
  background: var(--color-primary);
  color: white;
  font-size: var(--font-size-sm);
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
}

.dIb5cP48NGTkkQGH5GOB:hover {
  background: #1b3d7a;
}

.NnDP6iefCCbLQaK5u0pW {
  height: 36px;
  padding: 0 16px;
  border-radius: var(--radius-sm);
  border: 1px solid var(--color-rust);
  background: transparent;
  color: var(--color-rust);
  font-size: var(--font-size-sm);
  font-weight: 600;
  cursor: pointer;
  transition: color 0.2s ease, border-color 0.2s ease;
}

.NnDP6iefCCbLQaK5u0pW:hover {
  color: #8b3519;
  border-color: #8b3519;
}

.NnDP6iefCCbLQaK5u0pW:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Empty State */
.Y3kefzjoZsFXf2iCdXAj {
  text-align: center;
  padding: var(--space-2xl);
  color: var(--color-text-secondary);
}

.SdO7XsKf8tFC_MUP0Z7y {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-md);
}

.SdO7XsKf8tFC_MUP0Z7y svg {
  color: var(--color-ash-gray);
}

.SdO7XsKf8tFC_MUP0Z7y p {
  margin: 0;
  font-size: var(--font-size-md);
}

/* Spinner */
.Laly4Q9vYv6PDBXIc05x {
  width: 16px;
  height: 16px;
  border: 2px solid currentColor;
  border-top-color: transparent;
  border-radius: 50%;
  animation: MCtlwlbViMUFll49AAor 0.8s linear infinite;
}

@keyframes MCtlwlbViMUFll49AAor {
  to {
    transform: rotate(360deg);
  }
}

.MPHr5l1rE1XM4fKD_n31:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Responsive */
@media (max-width: 1024px) {
  .Hk9L_vFQ5QA5luYA89p1 {
    flex-direction: column;
    align-items: stretch;
  }

  .pOVYiArshcOhhQ784HTa {
    max-width: none;
  }

  .IM7EpNPoFTUIBPsQqDnK {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  .IM7EpNPoFTUIBPsQqDnK::-webkit-scrollbar {
    display: none;
  }

  .IM7EpNPoFTUIBPsQqDnK > div {
    display: inline-flex;
  }
}

@media (max-width: 768px) {
  .U8CCWt7He1uHBEwoZtMK {
    overflow-x: auto;
  }

  .rqMdUtgvXNkI6E5BvQg5 {
    min-width: 600px;
  }

  .KzjoMGiijQKRN4aEuxK3 th,
  .r5H4xty58xmE0fEYt8kn td {
    padding: var(--space-sm) var(--space-md);
  }

  .kqTMX8F6FAet3NjvSJw4 {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-sm);
  }
}




.rHgZ0oaV8erudUjwEvVZ {
  width: 100%;
}

/* Three Column Layout */
.HuGQSMxxBfnsZL5y1FZg {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--space-xl);
  margin-bottom: var(--space-2xl);
  align-items: stretch;
}

.eAxluaCgsuQSJ0XMfr3i {
  display: flex;
  flex-direction: column;
  gap: var(--space-lg);
  height: 100%;
}

/* Cards */
.eLa_ICPgbG5pcTbaTP2Q {
  background: var(--color-surface);
  border-radius: var(--radius-md);
  padding: var(--space-xl);
  box-shadow: var(--shadow-sm);
  height: 100%;
}

.khSTyYDhb4uuyAGiMhrf {
  border-top: 8px solid #f25b22;
}

.ygJ4PP5uBnpSLn8KQYjk {
  border-bottom: 8px solid #f25b22;
}

.aOPJ73fQwvm8Qe9oBIHJ {
  color: #104353;
  font-family: var(--font-primary);
  font-weight: 600;
  font-size: var(--font-size-md);
  line-height: 1.3;
  margin: 0 0 var(--space-md) 0;
}

/* Lists */
.ApuutaktlYG72Sy0OPwN {
  list-style: none;
  padding: 0;
  margin: 0;
  color: var(--color-text-primary);
  font-size: var(--font-size-sm);
  font-family: var(--font-secondary);
  line-height: 1.8;
}

.ApuutaktlYG72Sy0OPwN li {
  margin-bottom: var(--space-sm);
}

.ApuutaktlYG72Sy0OPwN li:last-child {
  margin-bottom: 0;
}

.ApuutaktlYG72Sy0OPwN li strong {
  font-weight: 600;
}

/* Text */
.tfE9TDjN6fubyqQ533x7 {
  color: var(--color-text-primary);
  font-size: var(--font-size-sm);
  font-family: var(--font-secondary);
  line-height: 1.6;
  margin: 0;
}

.MI9ssuRH0E6rdPQqQrvq {
  color: var(--color-text-secondary);
  font-size: var(--font-size-sm);
  font-family: var(--font-secondary);
  font-style: italic;
  line-height: 1.6;
  margin: 0;
}

.sEaECfh2bCPJnQ8hugYP,
.FSf7TMCerIUfy3duM_Vd {
  text-align: center;
  padding: var(--space-2xl);
  color: var(--color-text-secondary);
}

.y72Z4bkeApk6uF_pjFqq {
  margin-top: var(--space-md);
  padding: 8px 16px;
  background: var(--color-primary);
  color: white;
  border: none;
  border-radius: var(--radius-sm);
  cursor: pointer;
  font-family: var(--font-secondary);
  font-size: var(--font-size-sm);
}

.y72Z4bkeApk6uF_pjFqq:hover {
  opacity: 0.9;
}

/* Divider */
.JyoHWSux_3HXrVCbofFq {
  height: 1px;
  background: var(--color-border);
  margin: var(--space-lg) 0;
}

.S8mkQN46cpWTNbJ3uL39 {
  background: var(--color-surface);
  border-radius: var(--radius-md);
  padding: var(--space-xl);
  box-shadow: var(--shadow-sm);
}

.VJaAO9wWuZ8gFECzBkAq {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: var(--space-lg);
}

.a9tdLsRPTuud7vw0x64X {
  padding: 6px 16px;
  background: var(--color-surface);
  color: var(--color-text-primary);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  font-size: var(--font-size-sm);
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: var(--font-secondary);
}

.a9tdLsRPTuud7vw0x64X:hover {
  background: var(--color-bg-light);
  border-color: var(--color-primary);
}

/* Notes List */
.k04bAg91TYNTgN15lGx9 {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--space-md);
}

.fYpg3Tpdsa9O2C3hh7RL {
  margin: 0;
}

.qPl2CJQS7eZ9xiabd2Xa {
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
  background: #f8fafa;
  border-radius: 2px;
  border-left: 6px solid #045069;
  padding: 12px 16px;
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
  height: 100%;
  display: flex;
  justify-content: space-between;
}

.VInSpWfIWiN9oDe36H1I {
  color: #232323;
  font-family: var(--font-tertiary);
  font-weight: 600;
  line-height: 1.4;
  font-size: 12px;
  display: block;
  white-space: pre-line;

  color: #2d4b5a;
  font-family: "Poppins";
  font-weight: 600;
}

.lhMDYqYrSfAAEi0qjsoT {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  word-break: break-word;
}

.E9RXRsuVGoFbkxwGkjaa {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: var(--space-xs);
}

.xtQ8stQk5YLEmyFgFLYf {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.xOi251YQZVvaoJMP6xt5 {
  color: var(--color-text-secondary);
  font-size: 10px;
  font-family: var(--font-secondary);
  display: block;

  color: #2d4b5a;
  font-family: "Figtree";
  font-weight: 500;
}

.mIEm8MG9LptEquBl4nsH {
  color: #00a4d1;
  font-size: 9px;
  font-family: var(--font-secondary);
  display: block;

  color: #045a8d;
  font-family: "Figtree";
  font-weight: 600;
}

.SvSRGFeBpNMI1Cjz8qb4 {
  display: flex;
  align-items: center;
}

.XxGh4I8ZpqDvK1ywCV41,
.HoLSJVaXLsslPE9SiPWw,
.VPBKG3SskwGF3ocyudtB {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 2px;
  background: transparent;
  border: none;
  font-size: 9px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: var(--font-secondary);
  color: #045069;
  font-family: "Helvetica";
  font-weight: 500;
}

.XxGh4I8ZpqDvK1ywCV41 svg {
  color: #00a4d1;
}

.XxGh4I8ZpqDvK1ywCV41:hover {
  color: #007a99;
}

.HoLSJVaXLsslPE9SiPWw svg {
  color: var(--color-rust);
}

.HoLSJVaXLsslPE9SiPWw:hover {
  color: #8b3519;
}

.VPBKG3SskwGF3ocyudtB svg {
  color: #045069;
}

.VPBKG3SskwGF3ocyudtB:hover svg {
  color: #023647;
}

.AutlIFf3pDDXJORZZ9dS {
  color: var(--color-text-secondary);
  font-size: 12px;
}

/* Show More Button */
.cIxCgSRa8HvWleenBp_n {
  width: 100%;
  padding: var(--space-sm);
  background: transparent;
  color: #045069;
  border: none;
  border-bottom: 1px solid #0097c6;
  font-size: 12px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: var(--font-tertiary);
  margin-top: var(--space-md);
  text-align: left;
}

.cIxCgSRa8HvWleenBp_n:hover {
  color: #023647;
}

/* Loading, Error, and Empty States */
.sEaECfh2bCPJnQ8hugYP,
.FSf7TMCerIUfy3duM_Vd,
.FaFcZS4nGI_em_4oUaQl {
  padding: var(--space-xl);
  text-align: center;
  color: var(--color-text-secondary);
  font-size: var(--font-size-sm);
  font-family: var(--font-secondary);
}

.FSf7TMCerIUfy3duM_Vd {
  color: var(--color-rust);
}

.y72Z4bkeApk6uF_pjFqq {
  margin-top: var(--space-md);
  padding: var(--space-sm) var(--space-md);
  background: var(--color-primary);
  color: white;
  border: none;
  border-radius: var(--radius-sm);
  font-size: var(--font-size-sm);
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: var(--font-secondary);
}

.y72Z4bkeApk6uF_pjFqq:hover {
  background: var(--color-primary-dark);
}

/* Modal Content */
.uKo38OeAMViQ1jI1jvEE {
  display: flex;
  flex-direction: column;
  gap: var(--space-lg);
}

.A4n2Mle9HtGG94z333VR {
  width: 100%;
  padding: var(--space-md);
  background: white;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  font-size: var(--font-size-sm);
  font-family: var(--font-secondary);
  color: var(--color-text-primary);
  resize: vertical;
  outline: none;
  transition: border-color 0.2s ease;
  min-height: 200px;
}

.A4n2Mle9HtGG94z333VR:focus {
  border-color: var(--color-primary);
}

.A4n2Mle9HtGG94z333VR::placeholder {
  color: var(--color-text-secondary);
}

.Erdx4vc2dVfWnGyluzvd {
  display: flex;
  justify-content: flex-end;
  gap: var(--space-md);
}

.QWot6U07KT5wLd0BXjgQ {
  padding: 12px 32px;
  background: #6c757d;
  color: white;
  border: none;
  border-radius: var(--radius-md);
  font-size: var(--font-size-sm);
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: var(--font-secondary);
}

.QWot6U07KT5wLd0BXjgQ:hover {
  background: #5a6268;
}

.Da0_7R2CUt4gBNXcA1Xj {
  padding: 12px 32px;
  background: #2d5a6b;
  color: white;
  border: none;
  border-radius: var(--radius-md);
  font-size: var(--font-size-sm);
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: var(--font-secondary);
}

.Da0_7R2CUt4gBNXcA1Xj:hover:not(:disabled) {
  background: #234651;
}

.Da0_7R2CUt4gBNXcA1Xj:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Responsive */
@media (max-width: 1200px) {
  .HuGQSMxxBfnsZL5y1FZg {
    grid-template-columns: 1fr;
  }

  .k04bAg91TYNTgN15lGx9 {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 768px) {
  .HuGQSMxxBfnsZL5y1FZg {
    gap: var(--space-md);
  }

  .eLa_ICPgbG5pcTbaTP2Q {
    padding: var(--space-md);
  }

  .S8mkQN46cpWTNbJ3uL39 {
    padding: var(--space-md);
  }

  .VJaAO9wWuZ8gFECzBkAq {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-md);
  }

  .a9tdLsRPTuud7vw0x64X {
    width: 100%;
  }

  .k04bAg91TYNTgN15lGx9 {
    grid-template-columns: 1fr;
  }

  .E9RXRsuVGoFbkxwGkjaa {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-sm);
  }

  .Erdx4vc2dVfWnGyluzvd {
    flex-direction: column;
  }

  .QWot6U07KT5wLd0BXjgQ,
  .Da0_7R2CUt4gBNXcA1Xj {
    width: 100%;
  }
}

.vxSJVTNIziM0199qNxbT {
  display: flex;
  flex-direction: column;
  gap: var(--space-lg);
}

.f2v2FpFQQYQIlx4Du7qR {
  text-align: center;
  padding: var(--space-xl);
  color: var(--color-text-secondary);
}

.LWppkYMEeXzquWqU5kxX {
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
}

.xH841aaVkvPP4WjoR80w {
  font-size: var(--font-size-sm);
  font-weight: 500;
  color: var(--color-text-primary);
  font-family: var(--font-secondary);
}

.bpM7DoGI5lXcXFigJg_S {
  width: 100%;
  padding: var(--space-md);
  font-size: var(--font-size-md);
  font-family: var(--font-secondary);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: white;
  color: var(--color-text-primary);
  cursor: pointer;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2712%27 viewBox=%270 0 12 12%27%3E%3Cpath fill=%27%23666%27 d=%27M6 8L1 3h10z%27/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  padding-right: 36px;
}

.bpM7DoGI5lXcXFigJg_S:focus {
  outline: none;
  border-color: var(--color-primary);
  box-shadow: 0 0 0 2px rgba(45, 90, 107, 0.1);
}

.bpM7DoGI5lXcXFigJg_S:hover {
  border-color: var(--color-primary);
}

.lUAuCLlN8PW04_Lc8lkl {
  display: flex;
  justify-content: flex-end;
  gap: var(--space-md);
  padding-top: var(--space-md);
  border-top: 1px solid var(--color-border);
}

.HluXblY1pyzEJnp1lc_j {
  padding: var(--space-sm) var(--space-lg);
  font-size: var(--font-size-sm);
  font-weight: 500;
  font-family: var(--font-secondary);
  color: var(--color-text-secondary);
  background: white;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: all 0.2s ease;
}

.HluXblY1pyzEJnp1lc_j:hover {
  background: var(--color-bg-light);
  color: var(--color-text-primary);
}

.hagyknDjgGoV6rS_ZpEA {
  padding: var(--space-sm) var(--space-lg);
  font-size: var(--font-size-sm);
  font-weight: 500;
  font-family: var(--font-secondary);
  color: white;
  background: var(--color-sapphire);
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: all 0.2s ease;
}

.hagyknDjgGoV6rS_ZpEA:hover:not(:disabled) {
  background: var(--color-sapphire-dark);
}

.hagyknDjgGoV6rS_ZpEA:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

@media (max-width: 768px) {
  .lUAuCLlN8PW04_Lc8lkl {
    flex-direction: column;
  }

  .HluXblY1pyzEJnp1lc_j,
  .hagyknDjgGoV6rS_ZpEA {
    width: 100%;
  }
}
















.y9PvVpOHRpdyLzWFyAWp {
  padding: var(--space-xl);
  max-width: 1600px;
  margin: 0 auto;
}

.t2Wml_0DCtz5NuFL8FiD {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: var(--space-xl);
  gap: var(--space-lg);
}

.IdtEMtSz2LNgFszOAuR5 {
  font-size: var(--font-size-2xl);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
  font-family: var(--font-primary);
  min-width: 300px;
}

.dBq1SQxOF3btrFcVJtdW {
  display: flex;
  align-items: center;
  gap: var(--space-md);
}

.ev2HxGFGgDWTBJ_nrpGQ {
  position: relative;
  display: flex;
  align-items: center;
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  overflow: hidden;
  min-width: 250px;
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  font-weight: 400;
}

/* Contact-specific styles */
/* Search and filter styles are now in global.css */

._9Rum_HFH6tObf3MJpPQ {
  display: flex;
  align-items: center;
  gap: var(--space-xs);
}

.pigbH1G7MwgBW217X8E5 {
  padding: var(--space-md);
  display: flex;
  align-items: center;
  color: var(--color-text-secondary);
}

.nVm_bw3Urv5SgF7zhks1 {
  flex: 1;
  padding: var(--space-md);
  padding-left: 0;
  border: none;
  outline: none;
  font-size: var(--font-size-sm);
  font-family: var(--font-secondary);
}

.nVm_bw3Urv5SgF7zhks1::placeholder {
  color: var(--color-text-secondary);
}

.T167hOV9a8ZUrc52Ig5W {
  position: relative;
  display: flex;
  align-items: stretch;
}

.RNapqPf_SeW2swBfhSOn {
  width: 60px;
  min-height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
  background: var(--color-sapphire);
  color: var(--color-antiflash-white);
  border: 1px solid var(--color-sapphire);
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: all 0.2s ease;
  position: relative;
}
.RNapqPf_SeW2swBfhSOn svg {
  fill: var(--color-antiflash-white);
}

.RNapqPf_SeW2swBfhSOn:hover {
  background: rgba(45, 90, 107, 0.08);
}

.F7SwiLEFpkkU9BNUZh1A {
  position: absolute;
  top: 2px;
  right: 2px;
  background: var(--color-primary);
  color: white;
  font-size: 10px;
  font-weight: 700;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

.pm1zAOwqhVgJvf8pnfLm {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  background: white;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12);
  min-width: 200px;
  z-index: 100;
  overflow: hidden;
  padding: 8px 0;
}

.yh8YRYNGbJ3A070NaXug {
  width: 100%;
  padding: 10px 16px 10px 24px;
  background: var(--color-surface);
  border: none;
  text-align: left;
  font-size: var(--font-size-sm);
  color: var(--color-sapphire-dark);
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: var(--font-secondary);
  font-weight: 400;
}

.yh8YRYNGbJ3A070NaXug:hover {
  background: var(--color-bg-light);
  border-color: var(--color-border);
}

.yh8YRYNGbJ3A070NaXug.wliUqIW1TAX6AAD0s5gI {
  background: var(--color-green-white);
  border: 1px solid var(--color-green-white);
}

.yh8YRYNGbJ3A070NaXug.wliUqIW1TAX6AAD0s5gI:hover {
  background: #e0efff;
}

.KOG8Sv7a0jELdySizuRe {
  font-weight: 600;
  color: var(--color-sapphire);
  margin-left: var(--space-xs);
}

.TxfCUjIzFmhRi4jWJEdX,
.lNSZeIu4a3Gvnf5wkO0w {
  padding: var(--space-2xl);
  text-align: center;
  background: white;
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
}

.TxfCUjIzFmhRi4jWJEdX p {
  color: var(--color-text-secondary);
  font-size: var(--font-size-md);
}

.lNSZeIu4a3Gvnf5wkO0w p {
  color: var(--color-rust);
  font-size: var(--font-size-md);
  margin-bottom: var(--space-md);
}

.A0JW3lirk_kUDGvWQvPR {
  padding: var(--space-sm) var(--space-lg);
  background: var(--color-primary);
  color: white;
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  font-size: var(--font-size-sm);
  font-weight: 500;
  font-family: var(--font-secondary);
  transition: all 0.2s ease;
}

.A0JW3lirk_kUDGvWQvPR:hover {
  background: var(--color-rust);
}

@media (max-width: 768px) {
  .y9PvVpOHRpdyLzWFyAWp {
    padding: var(--space-md);
  }

  .t2Wml_0DCtz5NuFL8FiD {
    flex-direction: column;
    align-items: flex-start;
  }
}

.HpQFNG66fZATUuTURrCZ {
  padding: var(--space-xl);
  max-width: 1600px;
  margin: 0 auto;
}

/* Action Button (used in PageHeaderWithBack) */

.HDS7pU8zWVqNTaTR8k77 {
  padding: 8px 16px;
  background: var(--color-sapphire);
  color: white;
  border: none;
  border-radius: var(--radius-sm);
  font-size: var(--font-size-xs);
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: var(--font-secondary);
  white-space: nowrap;
}

.HDS7pU8zWVqNTaTR8k77:hover {
  background: var(--color-sapphire-dark);
}

/* Nav Tabs */
.SZEVAlH3NSFmvt7Ogd4S {
  position: sticky;
  top: 0;
  background: var(--color-background);
  z-index: 10;
  padding-bottom: var(--space-sm);
}

.JHJ8IrFsE3_SMzVjpgau {
  display: flex;
  gap: 0;
}

.aXbvJ0a8DH0IcCDZvJYZ {
  flex: 1;
  padding: var(--space-md) var(--space-lg);
  background: transparent;
  border: none;
  border-top: 3px solid transparent;
  color: #839ca4;
  font-size: 18px;
  font-weight: 400;
  font-family: var(--font-primary);
  cursor: pointer;
  transition: all 0.2s ease;
  text-align: center;
  margin-bottom: -2px;
}

.aXbvJ0a8DH0IcCDZvJYZ:hover {
  color: var(--color-text-primary);
  background: rgba(0, 0, 0, 0.02);
}

.aXbvJ0a8DH0IcCDZvJYZ._RJeRWeiA3HXFYjj_uFz {
  color: var(--color-text-primary);
  border-top-color: var(--color-primary);
  font-weight: 700;
}

/* Content Area */
.dOHR8gaJ3mnJ2fBW2pxK {
  margin-top: var(--space-lg);
}

.zuRSopBh6YljDQEGjOkV {
  width: 85%;
  max-width: 100%;
  margin-right: auto;
}

.xYGrr028ZrpcQ63aiTWl {
  background: var(--color-surface);
  border-radius: var(--radius-md);
  padding: var(--space-xl);
  box-shadow: var(--shadow-sm);
  min-height: 400px;
}

/* Loading & Error States */
.XD5BUZxn01Xa_510MNQV,
.H6q2I3zvxo2eF7d8yqBg {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 300px;
  background: var(--color-surface);
  border-radius: var(--radius-md);
  padding: var(--space-2xl);
  text-align: center;
}

.XD5BUZxn01Xa_510MNQV p {
  color: var(--color-text-secondary);
  font-size: var(--font-size-md);
}

.H6q2I3zvxo2eF7d8yqBg p {
  color: var(--color-rust);
  font-size: var(--font-size-md);
  margin-bottom: var(--space-md);
}

.HWj3ohI7R4TRJNgLZvT9 {
  padding: var(--space-sm) var(--space-lg);
  background: var(--color-primary);
  color: white;
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  font-size: var(--font-size-sm);
  font-weight: 500;
  font-family: var(--font-secondary);
  transition: all 0.2s ease;
}

.HWj3ohI7R4TRJNgLZvT9:hover {
  background: var(--color-rust);
}

.xYGrr028ZrpcQ63aiTWl h3 {
  margin: 0 0 var(--space-md) 0;
  font-size: var(--font-size-lg);
  font-weight: 600;
  color: var(--color-text-primary);
  font-family: var(--font-primary);
}

.gmTkiN08Jd9HxsBicjaA {
  color: var(--color-text-secondary);
  font-size: var(--font-size-sm);
  font-family: var(--font-secondary);
}

/* Form Actions */
.EWOiKVPECh988wnqo7vQ {
  display: flex;
  justify-content: flex-end;
  margin-top: var(--space-lg);
}

._dXxwxKLsFLEL9kmVqfg {
  padding: 12px 32px;
  background: var(--color-primary);
  color: white;
  border: none;
  border-radius: var(--radius-full);
  font-size: var(--font-size-sm);
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: var(--font-secondary);
}

._dXxwxKLsFLEL9kmVqfg:hover {
  background: var(--color-rust);
}

/* Responsive */
@media (max-width: 1024px) {
  .JHJ8IrFsE3_SMzVjpgau {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  .JHJ8IrFsE3_SMzVjpgau::-webkit-scrollbar {
    display: none;
  }

  .aXbvJ0a8DH0IcCDZvJYZ {
    flex: none;
    white-space: nowrap;
    padding: var(--space-md) var(--space-md);
  }
}

@media (max-width: 768px) {
  .HpQFNG66fZATUuTURrCZ {
    padding: var(--space-md);
  }

  .xYGrr028ZrpcQ63aiTWl {
    padding: var(--space-md);
  }
}

.Ob6GmVyokXlprqPlwcMN {
  background: white;
  border-radius: var(--radius-lg);
  overflow: visible;
  max-width: 800px;
  width: 100%;
  position: relative;
  min-height: 500px;
}

.TZn73L7QKsKNSQ9MmEkR {
  padding: 32px 40px 0;
}

.uopzSK4hKDLDIpgvJf1m {
  font-size: var(--font-size-xl);
  font-weight: 600;
  color: #2d5a6b;
  margin: 0 0 8px 0;
  font-family: var(--font-primary);
}

.GgikRGybBExTX8QybED_ {
  font-size: var(--font-size-sm);
  color: #374151;
  margin: 0;
  font-family: var(--font-secondary);
}

/* Form Section */
.GDjoWCHXe_jjnLdfc3yG {
  padding: 32px 40px;
  position: relative;
  overflow: visible;
  margin-bottom: 80px;
}

.ECK4hrP0QaPJCcTsi9xw {
  display: grid;
  grid-template-columns: 1fr 1fr 160px;
  gap: 16px;
  align-items: flex-end;
}

.EpppONqLoyTrGGOE21g6 {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.gSLkTTwPOwdu9ZR1GFst {
  font-size: 14px;
  font-weight: 500;
  color: #2d5a6b;
  font-family: var(--font-secondary);
}

.iPW3fZndtAORpPUw3nan {
  padding: 12px 16px;
  background-color: white;
  border: 1.5px solid #d1d5db;
  border-radius: 8px;
  font-size: var(--font-size-sm);
  color: #374151;
  font-family: var(--font-secondary);
  transition: all 0.2s ease;
  height: 48px;
}

.iPW3fZndtAORpPUw3nan:focus {
  outline: none;
  border-color: #2d5a6b;
  box-shadow: 0 0 0 3px rgba(45, 90, 107, 0.1);
}

.iPW3fZndtAORpPUw3nan::placeholder {
  color: #9ca3af;
}

/* Role Dropdown */
.W__Cs9TrXjOpHe2sZxlr {
  position: relative;
  z-index: 1;
}

.Ru2wp1t6kNF2yAqlaRO5 {
  width: 100%;
  padding: 12px 16px;
  background-color: var(--color-primary);
  border: none;
  border-radius: 24px;
  font-size: var(--font-size-sm);
  font-weight: 600;
  color: white;
  text-align: left;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  transition: all 0.2s ease;
  font-family: var(--font-secondary);
  height: 48px;
}

.Ru2wp1t6kNF2yAqlaRO5:hover {
  opacity: 0.9;
}

.Ru2wp1t6kNF2yAqlaRO5.kVTi5kgt6xw0KH04rXO7 {
  background-color: #93a29b;
}

.Ru2wp1t6kNF2yAqlaRO5.limkZLwmZRGmPrmOwONg {
  background-color: #3b82f6;
}

.Ru2wp1t6kNF2yAqlaRO5.SDu9lTQ89UIqBD_kVFY9 {
  background-color: #f59e0b;
}

.Ru2wp1t6kNF2yAqlaRO5.PT9ADxaSvDLVDWT6bShe {
  background-color: #8b5cf6;
}

.ymRfXShb_suI0VySSEGF {
  transition: transform 0.2s ease;
  flex-shrink: 0;
}

.ymRfXShb_suI0VySSEGF.tFt4V5pXynCHmmndZSDC {
  transform: rotate(180deg);
}

.f5g3sKwSk5vsHBy9IwDa {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  right: 0;
  background-color: white;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
  z-index: 1001;
  overflow: visible;
}

.PYaZP85Cr8ZJovR0ELDV {
  width: 100%;
  padding: 12px 16px;
  background-color: white;
  border: none;
  text-align: left;
  font-size: var(--font-size-sm);
  font-weight: 500;
  color: #374151;
  cursor: pointer;
  transition: background-color 0.15s ease;
  font-family: var(--font-secondary);
}

.PYaZP85Cr8ZJovR0ELDV:hover {
  background-color: #f3f4f6;
}

/* Access Section */
.LP9ckUVdMTDwXgzPLc7H {
  padding-bottom: 32px;
  margin-bottom: 32px;
  border-top: 1px solid #e5e7eb;
}

.jdOioEP0oHCOUCFL6fiZ {
  font-size: var(--font-size-md);
  font-weight: 600;
  color: #2d5a6b;
  margin: 0 0 20px 0;
  font-family: var(--font-secondary);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.GAEBiNbb4IByR4EXCaMT {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px 40px;
}

.q1PHxi9svC87lWNQKvLw.px8zNDKm4_xVFkg1LXeg {
  grid-column: 1 / -1;
}

.q1PHxi9svC87lWNQKvLw {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: 20px;
}

.TOMK_USmf417T75GsxQR {
  font-size: var(--font-size-md);
  font-weight: 500;
  color: #374151;
  font-family: var(--font-secondary);
}

/* Users List */
.LJjHxcRvjttf4y5P2IAC {
  padding: 24px 40px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-height: 300px;
  overflow-y: auto;
}

.irZ9Rs4XPY3vy7Djm0J_ {
  display: flex;
  flex-direction: column;
  gap: 0;
}

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

.i4Iym5w3N7NV_jspCDlw {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background-color: #e5e7eb;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 20px;
  color: #6b7280;
  flex-shrink: 0;
  overflow: hidden;
  border: 3px solid #9dd9d2;
}

.i4Iym5w3N7NV_jspCDlw img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.oRbzHemfUq62ruXD2ToA {
  flex: 1;
  font-size: var(--font-size-md);
  font-weight: 600;
  color: #2d5a6b;
  font-family: var(--font-secondary);
}

/* Role Badge in list */
.lxg6C0cXg41TtQRBDMZY {
  position: relative;
}

.hzWGTrchjgdgOi2DxBAT {
  padding: 10px 20px;
  border: none;
  border-radius: 24px;
  font-size: var(--font-size-sm);
  font-weight: 600;
  color: white;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 8px;
  transition: all 0.2s ease;
  font-family: var(--font-secondary);
}

.hzWGTrchjgdgOi2DxBAT.kZxw0vMDEgeeJo_CkM_4 {
  background-color: var(--color-primary);
}

.hzWGTrchjgdgOi2DxBAT.kVTi5kgt6xw0KH04rXO7 {
  background-color: #93a29b;
}

.hzWGTrchjgdgOi2DxBAT.limkZLwmZRGmPrmOwONg {
  background-color: #3b82f6;
}

.hzWGTrchjgdgOi2DxBAT.SDu9lTQ89UIqBD_kVFY9 {
  background-color: #f59e0b;
}

.hzWGTrchjgdgOi2DxBAT.PT9ADxaSvDLVDWT6bShe {
  background-color: #8b5cf6;
}

.hzWGTrchjgdgOi2DxBAT:hover {
  opacity: 0.9;
}

.R694Z5mcvsUWwsI7qdqX {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  background-color: white;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
  z-index: 10;
  overflow: hidden;
  min-width: 120px;
}

.YyIhspu3WChaFhVa83rA {
  width: 100%;
  padding: 10px 16px;
  background-color: white;
  border: none;
  text-align: left;
  font-size: var(--font-size-sm);
  font-weight: 500;
  color: #374151;
  cursor: pointer;
  transition: background-color 0.15s ease;
  font-family: var(--font-secondary);
}

.YyIhspu3WChaFhVa83rA:hover {
  background-color: #f3f4f6;
}

/* Delete Button */
.DEaWczua9vDo03Pz7YBB {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 2px solid #9ca3af;
  background: transparent;
  color: #9ca3af;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
  flex-shrink: 0;
}

.DEaWczua9vDo03Pz7YBB:hover {
  border-color: var(--color-rust);
  color: var(--color-rust);
  background-color: rgba(174, 66, 34, 0.1);
}

/* Empty state */
.VSBhFC48Rt5Lq74PFx27 {
  padding: 40px;
  text-align: center;
  color: #9ca3af;
  font-family: var(--font-secondary);
}

/* Custom Toggle Switch */
.yyV8jZV3Bye5V1YEMNgM {
  position: relative;
  width: 52px;
  height: 28px;
  cursor: pointer;
}

.yyV8jZV3Bye5V1YEMNgM input {
  opacity: 0;
  width: 0;
  height: 0;
}

.rbaO6UIe383FKKFUxipT {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #e5e7eb;
  border-radius: 28px;
  transition: all 0.3s ease;
}

.rbaO6UIe383FKKFUxipT::before {
  content: "";
  position: absolute;
  height: 22px;
  width: 22px;
  left: 3px;
  bottom: 3px;
  background-color: white;
  border-radius: 50%;
  transition: all 0.3s ease;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.yyV8jZV3Bye5V1YEMNgM input:checked + .rbaO6UIe383FKKFUxipT {
  background-color: var(--color-primary);
}

.yyV8jZV3Bye5V1YEMNgM input:checked + .rbaO6UIe383FKKFUxipT::before {
  transform: translateX(24px);
}

/* Modal Footer */
.ZFPksCOOG81enf39lVdj {
  padding: 24px 40px;
  border-top: 1px solid #e5e7eb;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
}

.cAJ200X3xaCDGaGNEW2E {
  padding: 14px 48px;
  background-color: #9ca3af;
  color: white;
  border: none;
  cursor: pointer;
  transition: all 0.2s ease;
  border-radius: 4px;
  font-family: var(--font-secondary);
  font-weight: 600;
  font-size: var(--font-size-sm);
}

.cAJ200X3xaCDGaGNEW2E:hover {
  background-color: #6b7280;
}

.lHXLj9xVCDCxyBndaA51 {
  padding: 14px 48px;
  border: none;
  cursor: pointer;
  transition: all 0.2s ease;
  background: #7cb342;
  border-radius: 4px;
  color: white;
  font-family: var(--font-secondary);
  font-weight: 600;
  font-size: var(--font-size-sm);
}

.lHXLj9xVCDCxyBndaA51:hover:not(:disabled) {
  background-color: #689f38;
}

.lHXLj9xVCDCxyBndaA51:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Responsive */
@media (max-width: 768px) {
  .TZn73L7QKsKNSQ9MmEkR {
    padding: 24px 24px 0;
  }

  .GDjoWCHXe_jjnLdfc3yG {
    padding: 24px;
  }

  .ECK4hrP0QaPJCcTsi9xw {
    grid-template-columns: 1fr;
  }

  .Xd6A0P9H97WxvJYXPtfK {
    margin: 0 24px;
  }

  .LJjHxcRvjttf4y5P2IAC {
    padding: 24px;
  }

  .JqDcBMCbSxPNh1KFjqX5 {
    flex-wrap: wrap;
  }

  .oRbzHemfUq62ruXD2ToA {
    width: calc(100% - 72px);
  }

  .ZFPksCOOG81enf39lVdj {
    flex-direction: column;
    padding: 24px;
  }

  .cAJ200X3xaCDGaGNEW2E,
  .lHXLj9xVCDCxyBndaA51 {
    width: 100%;
  }
}

.Ojquf4fneU3ME23MdJ98 {
  background: white;
  border-radius: var(--radius-lg);
  overflow: hidden;
  max-width: 560px;
  width: 100%;
}

.YgE7dp_B8XJY0qgVnVIQ {
  padding: 32px 40px 24px;
}

.p8Px0MmVc08UsK6r_fzh {
  font-size: var(--font-size-xl);
  font-weight: 600;
  color: #2d5a6b;
  margin: 0;
  font-family: var(--font-primary);
}

/* User Info Section */
.wtIJ0wGAamTwzUknt8rt {
  padding: 0 40px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #e5e7eb;
}

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

.lRyWM1Xi2tR2pJRq8vSh {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background-color: #e5e7eb;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 24px;
  color: #6b7280;
  flex-shrink: 0;
  border: 3px solid #9dd9d2;
}

.mMc7EpAfqbZYbJJ7xAEQ {
  font-size: var(--font-size-lg);
  font-weight: 600;
  color: #2d5a6b;
  font-family: var(--font-secondary);
}

/* Role Dropdown */
.aCITDmknmRVrOz2kNrh3 {
  position: relative;
}

.xK9yxdFqGHyL5ODAXLe0 {
  padding: 12px 24px;
  background-color: var(--color-primary);
  border: none;
  border-radius: 24px;
  font-size: var(--font-size-sm);
  font-weight: 600;
  color: white;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 10px;
  transition: all 0.2s ease;
  font-family: var(--font-secondary);
}

.xK9yxdFqGHyL5ODAXLe0:hover {
  opacity: 0.9;
}

.xK9yxdFqGHyL5ODAXLe0.vT5k7HbX7YMCYMR0Q12A {
  background-color: #93a29b;
}

.xK9yxdFqGHyL5ODAXLe0.RegaRJJT8OI6WYEZRAU7 {
  background-color: #3b82f6;
}

.xK9yxdFqGHyL5ODAXLe0.OdDvjcay_LFybtLs9HxA {
  background-color: #f59e0b;
}

.xK9yxdFqGHyL5ODAXLe0.BpRaYeP84i26CPlAG8kY {
  background-color: #8b5cf6;
}

.zjHCkkh0pfUruXxIkfok {
  transition: transform 0.2s ease;
  flex-shrink: 0;
}

.zjHCkkh0pfUruXxIkfok.iep9aDXLT1ac_pzUcJbX {
  transform: rotate(180deg);
}

.H0LvffmdmbvvCqcET0YV {
  position: absolute;
  top: calc(100% + 4px);
  right: 0;
  background-color: white;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
  z-index: 10;
  overflow: hidden;
  min-width: 150px;
}

.am7pk99kN_HagpsimhgO {
  width: 100%;
  padding: 12px 16px;
  background-color: white;
  border: none;
  text-align: left;
  font-size: var(--font-size-sm);
  font-weight: 500;
  color: #374151;
  cursor: pointer;
  transition: background-color 0.15s ease;
  font-family: var(--font-secondary);
}

.am7pk99kN_HagpsimhgO:hover {
  background-color: #f3f4f6;
}

/* User Details Section */
.VvCzOJiwO4pChJt6xlKW {
  padding: 24px 40px;
  border-bottom: 1px solid #e5e7eb;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

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

.cQyvI_2bHemKwjvNiSwZ {
  font-size: var(--font-size-sm);
  font-weight: 600;
  color: #374151;
  font-family: var(--font-secondary);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.Q53AQwSLDnAqphlNiNKY {
  padding: 12px 16px;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  font-size: var(--font-size-md);
  font-family: var(--font-secondary);
  color: #374151;
  background-color: #f9fafb;
  transition: all 0.2s ease;
}

.Q53AQwSLDnAqphlNiNKY:focus {
  outline: none;
  border-color: var(--color-primary);
  background-color: white;
  box-shadow: 0 0 0 3px rgba(45, 90, 107, 0.1);
}

.Q53AQwSLDnAqphlNiNKY::placeholder {
  color: #9ca3af;
}

/* Access Section */
.bRAwguOPXXaudRaLAmoD {
  padding: 24px 40px;
}

.nDnqx2sP1fRIv48WJzXV {
  font-size: var(--font-size-md);
  font-weight: 600;
  color: #2d5a6b;
  margin: 0 0 20px 0;
  font-family: var(--font-secondary);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.KFuyYEi3SJ3J3q49zNzE {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.INCo_xwgCOYwGFimpaa1 {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.X78oiObZgVpqW60kBW6R {
  font-size: var(--font-size-md);
  font-weight: 500;
  color: #374151;
  font-family: var(--font-secondary);
}

/* Custom Toggle Switch */
.jUCdmsunVlB0YvE0qGdv {
  position: relative;
  width: 52px;
  height: 28px;
  cursor: pointer;
}

.jUCdmsunVlB0YvE0qGdv input {
  opacity: 0;
  width: 0;
  height: 0;
}

.t0rJYHTis_lhqW8UZEEG {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #e5e7eb;
  border-radius: 28px;
  transition: all 0.3s ease;
}

.t0rJYHTis_lhqW8UZEEG::before {
  content: "";
  position: absolute;
  height: 22px;
  width: 22px;
  left: 3px;
  bottom: 3px;
  background-color: white;
  border-radius: 50%;
  transition: all 0.3s ease;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.jUCdmsunVlB0YvE0qGdv input:checked + .t0rJYHTis_lhqW8UZEEG {
  background-color: var(--color-primary);
}

.jUCdmsunVlB0YvE0qGdv input:checked + .t0rJYHTis_lhqW8UZEEG::before {
  transform: translateX(24px);
}

.jUCdmsunVlB0YvE0qGdv input:disabled + .t0rJYHTis_lhqW8UZEEG {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Modal Footer */
.aRfeRPGiYoW6R9wOcqWB {
  padding: 24px 40px;
  border-top: 1px solid #e5e7eb;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
}

.OSHrfZM5MDAFjsezXfGU {
  padding: 14px 48px;
  background-color: #9ca3af;
  color: white;
  border: none;
  cursor: pointer;
  transition: all 0.2s ease;
  border-radius: 4px;
  font-family: var(--font-secondary);
  font-weight: 600;
  font-size: var(--font-size-sm);
}

.OSHrfZM5MDAFjsezXfGU:hover {
  background-color: #6b7280;
}

.OH5xyPO0wSjKanisyGxO {
  padding: 14px 48px;
  border: none;
  cursor: pointer;
  transition: all 0.2s ease;
  background: #7cb342;
  border-radius: 4px;
  color: white;
  font-family: var(--font-secondary);
  font-weight: 600;
  font-size: var(--font-size-sm);
}

.OH5xyPO0wSjKanisyGxO:hover:not(:disabled) {
  background-color: #689f38;
}

.OH5xyPO0wSjKanisyGxO:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Responsive */
@media (max-width: 768px) {
  .YgE7dp_B8XJY0qgVnVIQ {
    padding: 24px 24px 16px;
  }

  .wtIJ0wGAamTwzUknt8rt {
    padding: 0 24px 24px;
    flex-direction: column;
    gap: 16px;
    align-items: flex-start;
  }

  .VvCzOJiwO4pChJt6xlKW {
    padding: 24px;
  }

  .bRAwguOPXXaudRaLAmoD {
    padding: 24px;
  }

  .aRfeRPGiYoW6R9wOcqWB {
    flex-direction: column;
    padding: 24px;
  }

  .OSHrfZM5MDAFjsezXfGU,
  .OH5xyPO0wSjKanisyGxO {
    width: 100%;
  }
}






/* Page Wrapper */
.aSKCaI51sksCxSLG5ji8 {
  padding: var(--space-xl);
  max-width: 1600px;
  margin: 0 auto;
}

.Mq7AvcreUHDD9wxNwfPv {
  width: 100%;
}

/* Table Header Actions */
.PGurd0eDNytiVcSD6w8t {
  display: flex;
  align-items: center;
  gap: var(--space-md);
  margin-bottom: var(--space-lg);
  flex-wrap: wrap;
  justify-content: space-between;
}
.FiLXhCq9aUosSW9mRc_w {
  display: flex;
  align-items: center;
  gap: var(--space-md);
}

.tUQpjO_7FVVp5S_HZOPM {
  position: relative;
  display: flex;
  align-items: center;
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  overflow: hidden;
  min-width: 250px;
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  font-weight: 400;
}

.YCqXuaw7SWWxSP0FOmVD {
  padding: 0 var(--space-md);
  display: flex;
  align-items: center;
  color: var(--color-text-secondary);
}

.IfvRzaZFrh1qfQ0wlTzG {
  flex: 1;
  padding: var(--space-md);
  padding-left: 0;
  border: none;
  outline: none;
  font-size: var(--font-size-sm);
  font-family: var(--font-secondary);
}

.IfvRzaZFrh1qfQ0wlTzG::placeholder {
  color: var(--color-text-secondary);
}

/* Filter Tabs */
.WrVsvRXazEP_fxBOZ_2i {
  display: flex;
  justify-content: space-between;
  gap: 0;
  margin-bottom: var(--space-lg);
}

.WrVsvRXazEP_fxBOZ_2i > div {
  width: fit-content;
  display: flex;
  flex-direction: row;
}

.HRZRcqHUnXTW_MMuHEsT {
  flex: none;
  padding: 4px 16px;
  background: #f7f6f6;
  border: 1px solid #eee;
  color: var(--color-text-primary);
  font-size: var(--font-size-sm);
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: var(--font-secondary);
  text-align: center;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}

.HRZRcqHUnXTW_MMuHEsT:first-child {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}

.HRZRcqHUnXTW_MMuHEsT:last-child {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}

.HRZRcqHUnXTW_MMuHEsT:hover {
  background: var(--color-misty-rose);
}

.HRZRcqHUnXTW_MMuHEsT.IDbaIkolRdCf_kRoWAAe {
  background: var(--color-primary);
  color: white;
  font-weight: 600;
}

/* Add Button */
.iWVuycQMyqAMJUz2y0Iw {
  height: 44px;
  padding: 0 24px;
  background: #2d5a6b;
  color: white;
  border: none;
  border-radius: var(--radius-md);
  font-size: var(--font-size-sm);
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: var(--font-secondary);
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: center;
}

.iWVuycQMyqAMJUz2y0Iw:hover {
  background: #234651;
}

/* Table Actions */
.MuEU7Uq8cwdLDTCOUZjb {
  height: 36px;
  padding: 0 16px;
  border-radius: var(--radius-sm);
  border: none;
  background: var(--color-primary);
  color: white;
  font-size: var(--font-size-sm);
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: var(--font-secondary);
}

.MuEU7Uq8cwdLDTCOUZjb:hover {
  background: #1b3d7a;
}

.yDxPCQlykHGib6tkp28n {
  height: 36px;
  padding: 0 16px;
  border-radius: var(--radius-sm);
  border: 1px solid var(--color-rust);
  background: transparent;
  color: var(--color-rust);
  font-size: var(--font-size-sm);
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: var(--font-secondary);
}

.yDxPCQlykHGib6tkp28n:hover {
  color: #8b3519;
  border-color: #8b3519;
}

.yDxPCQlykHGib6tkp28n:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Spinner */
.YlkbmQELlCSkXB_BJLy8 {
  width: 16px;
  height: 16px;
  border: 2px solid currentColor;
  border-top-color: transparent;
  border-radius: 50%;
  animation: gxFF5ubU5wWGOlC4zlV3 0.6s linear infinite;
  display: inline-block;
}

@keyframes gxFF5ubU5wWGOlC4zlV3 {
  to {
    transform: rotate(360deg);
  }
}

/* User Avatar */
.fbGMZ2VDMNTdPjJQuX4K {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #e5e7eb;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 14px;
  color: #6b7280;
  flex-shrink: 0;
  margin-right: 12px;
  border: 2px solid #9dd9d2;
}

.cwad1YnrqZL3zCoYt9qT {
  display: flex;
  align-items: center;
}

/* Responsive */
@media (max-width: 768px) {
  .WrVsvRXazEP_fxBOZ_2i {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  .WrVsvRXazEP_fxBOZ_2i::-webkit-scrollbar {
    display: none;
  }

  .HRZRcqHUnXTW_MMuHEsT {
    padding: 4px 12px;
    font-size: var(--font-size-xs);
  }
}


.mJRq9J6HcdBVXVTcVdNf {
  padding: var(--space-xs);
  background: var(--color-surface);
  color: var(--color-sapphire);
  border: 1px solid var(--color-sapphire);
  border-radius: var(--radius-md);
  font-size: var(--font-size-xs);
  font-weight: 600;
  font-family: var(--font-primary);
  cursor: pointer;
  transition: all 0.2s ease;
  white-space: nowrap;
  text-transform: uppercase;
}

.mJRq9J6HcdBVXVTcVdNf:hover {
  border-color: var(--color-rust);
  color: var(--color-rust);
}

.ocoU5FigGS5vVKmQF3F2 {
  display: inline-block;
  padding: 4px 12px;
  border-radius: 12px;
  font-size: var(--font-size-xs);
  font-weight: 600;
  text-transform: capitalize;
}

.ocoU5FigGS5vVKmQF3F2[data-status="draft"] {
  background: #e9ecef;
  color: #495057;
}

.ocoU5FigGS5vVKmQF3F2[data-status="pending"] {
  background: #fff3cd;
  color: #856404;
}

.ocoU5FigGS5vVKmQF3F2[data-status="approved"] {
  background: #d4edda;
  color: #155724;
}

.ocoU5FigGS5vVKmQF3F2[data-status="declined"] {
  background: #f8d7da;
  color: #721c24;
}

@media (max-width: 1024px) {
  .mJRq9J6HcdBVXVTcVdNf {
    padding: var(--space-xs) var(--space-sm);
    font-size: 10px;
  }
}



.xwptLo81UuQ2cq8m_hwM {
  padding: var(--space-lg);
  background: #f8f9fa;
  min-height: 100vh;
}

.BEmw6u8X6vjtIot1cnOq {
  background: white;
  border-radius: var(--radius-lg);
  padding: var(--space-xl);
  margin-bottom: var(--space-lg);
  box-shadow: var(--shadow-sm);
}

.l5iZNlX9bXdNoDYPYevm {
  font-size: var(--font-size-xl);
  font-weight: 600;
  color: var(--color-primary-dark);
  margin: 0 0 var(--space-lg) 0;
  padding-bottom: var(--space-md);
  border-bottom: 2px solid var(--color-misty-rose);
}

/* Work Details Container */
.QzqQrIBVRg5F_E_hnCYL {
  margin-top: var(--space-lg);
}

.cZ_yQG8JHEF3mo6nVChE {
  display: flex;
  flex-direction: column;
  gap: var(--space-lg);
}

/* Category Tabs */
.mDszZuKPLcXSQrPTi07P {
  border-bottom: 2px solid #e5e7eb;
  margin-bottom: var(--space-md);
}

.sLwP1Y8YjO9wJVjJcgMC {
  display: flex;
  gap: var(--space-sm);
  overflow-x: auto;
  padding-bottom: 2px;
}

.EOoI686F8y3YPCyh01e6 {
  padding: var(--space-md) var(--space-lg);
  background: transparent;
  border: none;
  border-bottom: 3px solid transparent;
  color: var(--color-ash-gray);
  font-size: var(--font-size-md);
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  white-space: nowrap;
}

.EOoI686F8y3YPCyh01e6:hover {
  color: var(--color-primary);
  background: var(--color-misty-rose);
}

.EOoI686F8y3YPCyh01e6.HyoXqsZQr2Cv1SS1Ug7k {
  color: var(--color-primary);
  border-bottom-color: var(--color-primary);
  font-weight: 600;
}

/* Accordion Controls */
.PsGRPCL3AaYvhyQ9EdN9 {
  display: flex;
  gap: var(--space-md);
  justify-content: flex-end;
  margin-bottom: var(--space-md);
}

.UOjCBWJWHoHZ4SYG8_lm {
  display: flex;
  align-items: center;
  gap: var(--space-xs);
  padding: var(--space-sm) var(--space-md);
  background: white;
  border: 1px solid #d1d5db;
  border-radius: var(--radius-md);
  color: var(--color-ash-gray);
  font-size: var(--font-size-sm);
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
}

.UOjCBWJWHoHZ4SYG8_lm:hover {
  background: var(--color-misty-rose);
  border-color: var(--color-primary);
  color: var(--color-primary);
}

.UOjCBWJWHoHZ4SYG8_lm svg {
  width: 16px;
  height: 16px;
}

/* Accordion Container */
.nAMeVz3TPVHAKK9wRpIb {
  background: white;
  border-radius: var(--radius-md);
  border: 1px solid #e5e7eb;
  overflow: hidden;
}

.ZtC8fhMpBmFnpFw0N0ts {
  display: flex;
  flex-direction: column;
}

.wcCaCLTT3t9jVSafK0UB {
  border-bottom: 1px solid #e5e7eb;
}

.wcCaCLTT3t9jVSafK0UB:last-child {
  border-bottom: none;
}

.kSKNWlGjLelbkvex14Yw {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--space-lg);
  background: white;
  border: none;
  cursor: pointer;
  transition: all 0.2s ease;
  text-align: left;
}

.kSKNWlGjLelbkvex14Yw:hover {
  background: #f9fafb;
}

.kSKNWlGjLelbkvex14Yw.J9VepvvwYWy4oNtEmuVV {
  background: var(--color-misty-rose);
  border-bottom: 1px solid #e5e7eb;
}

.cvGXTpbimjZU48l2EugV {
  display: flex;
  align-items: center;
  gap: var(--space-md);
}

.GQYVhFaSwgFcg3KyIm00 {
  transition: transform 0.2s ease;
  color: var(--color-ash-gray);
}

.kSKNWlGjLelbkvex14Yw.J9VepvvwYWy4oNtEmuVV .GQYVhFaSwgFcg3KyIm00 {
  transform: rotate(180deg);
  color: var(--color-primary);
}

.MPMJTdwFeImjoyg2uZaN {
  font-size: var(--font-size-lg);
  font-weight: 600;
  color: var(--color-primary-dark);
}

.d25E8kBoi5QT2xgBg4fP {
  font-size: var(--font-size-lg);
  font-weight: 600;
  color: var(--color-primary);
}

.l3cpbKsr6Lz0p_FL9P1G {
  padding: var(--space-lg);
  background: #fafbfc;
  border-top: 1px solid #e5e7eb;
}

/* Sub Items Table */
.y2Jdc8c6ZlYEBFGL9jqF {
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
}

.ZnzAKKzzXF6eX81dn2wU {
  background: white;
  border-radius: var(--radius-md);
  overflow: hidden;
  border: 1px solid #e5e7eb;
}

.V0rxF7a1qSDaQxfKG37Q {
  display: grid;
  grid-template-columns: 2fr 120px 120px 120px 1.5fr;
  gap: var(--space-md);
  padding: var(--space-md) var(--space-lg);
  background: var(--color-primary-dark);
  color: white;
  font-weight: 600;
  font-size: var(--font-size-sm);
}

.rghvLWrmSe7W2zMneGvR {
  display: grid;
  grid-template-columns: 2fr 120px 100px 120px 120px 1.5fr;
  gap: var(--space-md);
  padding: var(--space-md) var(--space-lg);
  background: var(--color-primary-dark);
  color: white;
  font-weight: 600;
  font-size: var(--font-size-sm);
}

.XIWmFnarfX9IYe01IUOW {
  display: flex;
  align-items: center;
}

.nbRnz2I8yh2d4OvvGUSA {
  display: grid;
  grid-template-columns: 2fr 120px 120px 120px 1.5fr;
  gap: var(--space-md);
  padding: var(--space-md) var(--space-lg);
  background: white;
  border-bottom: 1px solid #f3f4f6;
  transition: background 0.2s ease;
}

.nbRnz2I8yh2d4OvvGUSA:last-child {
  border-bottom: none;
}

.nbRnz2I8yh2d4OvvGUSA:hover {
  background: #f9fafb;
}

.lVRLoiDIyMnDUhhCgwJg {
  display: grid;
  grid-template-columns: 2fr 120px 100px 120px 120px 1.5fr;
  gap: var(--space-md);
  padding: var(--space-md) var(--space-lg);
  background: white;
  border-bottom: 1px solid #f3f4f6;
  transition: background 0.2s ease;
}

.lVRLoiDIyMnDUhhCgwJg:last-child {
  border-bottom: none;
}

.lVRLoiDIyMnDUhhCgwJg:hover {
  background: #f9fafb;
}

.yF7_f_XelwXWknVqpmwD {
  display: flex;
  align-items: center;
}

.ZyfyDWGZgf6UE0jMZJzI {
  font-size: var(--font-size-sm);
  color: var(--color-primary-dark);
  font-weight: 500;
}

/* Toggle Button - Same as SiteDetailsTab */
.dnAWmNnnHaAPLDyQUR1B {
  position: relative;
  display: inline-flex;
  align-items: center;
  width: 80px;
  height: 32px;
  border-radius: var(--radius-full);
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
  font-size: var(--font-size-xs);
  font-weight: 600;
  font-family: var(--font-secondary);
  overflow: hidden;
}

.dnAWmNnnHaAPLDyQUR1B.K4AeKHnVzrITAzLhkrrD {
  background: #ef4444;
  color: white;
  padding-left: 28px;
  justify-content: flex-start;
}

.dnAWmNnnHaAPLDyQUR1B.K4AeKHnVzrITAzLhkrrD::before {
  content: "";
  position: absolute;
  left: 4px;
  top: 4px;
  width: 24px;
  height: 24px;
  background: white;
  border-radius: 50%;
  transition: all 0.3s ease;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.dnAWmNnnHaAPLDyQUR1B.DamCay4nZU_PiYS3zBf3 {
  background: #9ca3af;
  color: white;
  padding-right: 28px;
  justify-content: flex-end;
}

.dnAWmNnnHaAPLDyQUR1B.DamCay4nZU_PiYS3zBf3::before {
  content: "";
  position: absolute;
  right: 4px;
  top: 4px;
  width: 24px;
  height: 24px;
  background: white;
  border-radius: 50%;
  transition: all 0.3s ease;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.dnAWmNnnHaAPLDyQUR1B.K4AeKHnVzrITAzLhkrrD:hover {
  background: #dc2626;
}

.dnAWmNnnHaAPLDyQUR1B.DamCay4nZU_PiYS3zBf3:hover {
  background: #6b7280;
}

/* Cost Value */
.eqfm9UH1pUFSe_jnTmJL {
  font-size: var(--font-size-sm);
  font-weight: 600;
  color: var(--color-primary-dark);
}

/* Notes Input */
.d0yr1VkVc8ZRF1V_vh0c {
  width: 100%;
  padding: var(--space-sm);
  border: 1px solid #d1d5db;
  border-radius: var(--radius-sm);
  font-size: var(--font-size-sm);
  color: var(--color-primary-dark);
  background: white;
  transition: all 0.2s ease;
}

.d0yr1VkVc8ZRF1V_vh0c:focus {
  outline: none;
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px rgba(240, 90, 34, 0.1);
}

.d0yr1VkVc8ZRF1V_vh0c::placeholder {
  color: var(--color-ash-gray);
}

/* Qty Input */
.lTccsOfCJpvZlzWDP3O4 {
  width: 60px;
  padding: var(--space-sm);
  border: 1px solid #d1d5db;
  border-radius: var(--radius-sm);
  font-size: var(--font-size-sm);
  color: var(--color-primary-dark);
  background: white;
  text-align: center;
  transition: all 0.2s ease;
}

.lTccsOfCJpvZlzWDP3O4:focus {
  outline: none;
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px rgba(240, 90, 34, 0.1);
}

/* Dropdown Styles */
.EnwhNI0f3Iq8JzcaKv92 {
  display: grid;
  grid-template-columns: 2fr 120px 1.5fr;
  gap: var(--space-md);
  padding: var(--space-md) var(--space-lg);
  background: var(--color-primary-dark);
  color: white;
  font-weight: 600;
  font-size: var(--font-size-sm);
}

.NZAfcHI8FxridjrD2WPI {
  display: grid;
  grid-template-columns: 2fr 120px 1.5fr;
  gap: var(--space-md);
  padding: var(--space-md) var(--space-lg);
  background: white;
  border-bottom: 1px solid #f3f4f6;
  transition: background 0.2s ease;
  align-items: center;
}

/* Joinery & Fixtures Header (Name with select, Total Cost, Notes) */
.tXkYsgu0EJW9WCMRACR7 {
  display: grid;
  grid-template-columns: 2fr 120px 1.5fr;
  gap: var(--space-md);
  padding: var(--space-md) var(--space-lg);
  background: var(--color-primary-dark);
  color: white;
  font-weight: 600;
  font-size: var(--font-size-sm);
}

.hSqOUTwvO96mQ4D89W_y {
  display: grid;
  grid-template-columns: 2fr 120px 1.5fr;
  gap: var(--space-md);
  padding: var(--space-md) var(--space-lg);
  background: white;
  border-bottom: 1px solid #f3f4f6;
  transition: background 0.2s ease;
  align-items: center;
}

.hSqOUTwvO96mQ4D89W_y:last-child {
  border-bottom: none;
}

.hSqOUTwvO96mQ4D89W_y:hover {
  background: #f9fafb;
}

.NZAfcHI8FxridjrD2WPI:last-child {
  border-bottom: none;
}

.NZAfcHI8FxridjrD2WPI:hover {
  background: #f9fafb;
}

.RIBmTSXuQDnUms3ZeCwQ {
  display: flex;
  align-items: center;
}

.Mcuor1I9mCBYycavmR6A {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
}

.Mcuor1I9mCBYycavmR6A .ZyfyDWGZgf6UE0jMZJzI {
  margin-bottom: var(--space-xs);
}

.MMVQKzAStljqdqTtwZmK {
  font-size: var(--font-size-sm);
  font-weight: 600;
  color: var(--color-primary-dark);
}

.GQeB8mXYWZoNIX87syyB {
  width: 100%;
  padding: var(--space-sm) var(--space-md);
  border: 1px solid #d1d5db;
  border-radius: var(--radius-sm);
  font-size: var(--font-size-sm);
  color: var(--color-primary-dark);
  background: white;
  cursor: pointer;
  transition: all 0.2s ease;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2712%27 viewBox=%270 0 12 12%27%3E%3Cpath fill=%27%23333%27 d=%27M6 9L1 4h10z%27/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 12px;
  padding-right: 2.5rem;
}

.GQeB8mXYWZoNIX87syyB:hover {
  border-color: var(--color-primary);
}

.GQeB8mXYWZoNIX87syyB:focus {
  outline: none;
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px rgba(240, 90, 34, 0.1);
}

.GQeB8mXYWZoNIX87syyB:disabled {
  background-color: #f3f4f6;
  cursor: not-allowed;
}

/* Action Buttons */
.VdRrWyZJypKH70BvvE7n {
  display: flex;
  justify-content: flex-end;
  gap: var(--space-md);
  margin-top: var(--space-xl);
  padding-top: var(--space-lg);
  border-top: 1px solid #e5e7eb;
}

.ca2vt1ydR7kW7JNyls6N {
  padding: var(--space-md) var(--space-2xl);
  background: var(--color-sapphire);
  color: white;
  border: none;
  border-radius: var(--radius-md);
  font-size: var(--font-size-md);
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  box-shadow: var(--shadow-sm);
}

.ca2vt1ydR7kW7JNyls6N:hover {
  background: #1e3a8a;
  box-shadow: var(--shadow-md);
  transform: translateY(-1px);
}

.ca2vt1ydR7kW7JNyls6N:active {
  transform: translateY(0);
}

/* Responsive Design */
@media (max-width: 1024px) {
  .V0rxF7a1qSDaQxfKG37Q,
  .nbRnz2I8yh2d4OvvGUSA {
    grid-template-columns: 1.5fr 100px 100px 100px 1fr;
    gap: var(--space-sm);
  }

  .rghvLWrmSe7W2zMneGvR,
  .lVRLoiDIyMnDUhhCgwJg {
    grid-template-columns: 1.5fr 100px 80px 100px 100px 1fr;
    gap: var(--space-sm);
  }

  .sLwP1Y8YjO9wJVjJcgMC {
    flex-wrap: wrap;
  }
}

@media (max-width: 768px) {
  .xwptLo81UuQ2cq8m_hwM {
    padding: var(--space-md);
  }

  .BEmw6u8X6vjtIot1cnOq {
    padding: var(--space-lg);
  }

  .V0rxF7a1qSDaQxfKG37Q,
  .nbRnz2I8yh2d4OvvGUSA,
  .rghvLWrmSe7W2zMneGvR,
  .lVRLoiDIyMnDUhhCgwJg,
  .EnwhNI0f3Iq8JzcaKv92,
  .NZAfcHI8FxridjrD2WPI {
    grid-template-columns: 1fr;
    gap: var(--space-xs);
  }

  .XIWmFnarfX9IYe01IUOW,
  .yF7_f_XelwXWknVqpmwD {
    justify-content: flex-start;
  }

  .PsGRPCL3AaYvhyQ9EdN9 {
    flex-direction: column;
    align-items: stretch;
  }

  .UOjCBWJWHoHZ4SYG8_lm {
    justify-content: center;
  }

  .VdRrWyZJypKH70BvvE7n {
    flex-direction: column;
  }

  .ca2vt1ydR7kW7JNyls6N {
    width: 100%;
  }

  .GQeB8mXYWZoNIX87syyB {
    font-size: var(--font-size-xs);
  }
}


.SkL38BYji2mm1b2elZs9 {
  padding: var(--space-lg);
  background: #f8f9fa;
  min-height: 100vh;
}

/* Section Containers */
.X6Ngl87CKsOObGfLxdGk {
  background: white;
  border-radius: var(--radius-lg);
  padding: var(--space-xl);
  margin-bottom: var(--space-lg);
  box-shadow: var(--shadow-sm);
}

.AVbXHtLlQrF8zPaM9AK7 {
  font-size: var(--font-size-lg);
  font-weight: 700;
  color: var(--color-primary-dark);
  margin: 0 0 var(--space-xl) 0;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

.vuTBhjNQhlZupmYUNKLk {
  font-size: var(--font-size-lg);
  font-weight: 600;
  color: var(--color-primary-dark);
  margin: 0 0 var(--space-lg) 0;
}

/* Summary Paper */
.Hmognf0UR4cBs6QIgPEE {
  background: var(--color-surface);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
  border: 1px solid var(--color-border);
}

/* Summary Container */
.aHfRDuMa8vniJTTbiaTE {
  padding: var(--space-xl) var(--space-2xl);
  display: flex;
  flex-direction: column;
}

/* Summary Rows */
.Mk5zXmA2UezHbtcf0HKU {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: var(--space-2xl);
  padding: var(--space-md) 0;
}

.toomrmcf4XGReLuKaAvH {
  font-size: var(--font-size-md);
  font-weight: 700;
  color: #232323;
  font-family: var(--font-secondary);
  min-width: 120px;
  text-align: right;
}

.XNW3hj4kPAfEKM5Gw2Ag {
  font-size: var(--font-size-lg);
  font-weight: 700;
  color: #232323;
  font-family: var(--font-secondary);
  min-width: 120px;
  text-align: right;
}

/* Builders Margin Row */
.HfFS5NlQzEZ35lm07lwJ {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--space-lg) 0;
  border-bottom: 1px solid var(--color-border);
  margin-bottom: var(--space-md);
}

.HBJv1DZBk7_5aLP5K4rU {
  display: flex;
  align-items: center;
  gap: var(--space-lg);
}

.QTxTUC7oHIDfYuT_7qET {
  font-size: var(--font-size-md);
  font-weight: 400;
  color: #232323;
  font-family: var(--font-secondary);
}

.t0YFwsh2MdpnLVfOA17g {
  display: flex;
  align-items: center;
  gap: var(--space-2xl);
}

.jf_5de6OAa_9MVsWQyfj {
  font-size: var(--font-size-md);
  font-weight: 400;
  color: #232323;
  font-family: var(--font-secondary);
  min-width: 60px;
  text-align: right;
}

.OsUSMbNqevBK0gnjDWux {
  font-size: var(--font-size-lg);
  font-weight: 700;
  color: #232323;
  font-family: var(--font-secondary);
  min-width: 120px;
  text-align: right;
}

/* Toggle Button */
.ozeL7XFD2z2CnM9F3Jmw {
  position: relative;
  display: inline-flex;
  align-items: center;
  width: 80px;
  height: 32px;
  border-radius: var(--radius-full);
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
  font-size: var(--font-size-xs);
  font-weight: 600;
  font-family: var(--font-secondary);
  overflow: hidden;
}

.ozeL7XFD2z2CnM9F3Jmw.IVcsFKS3SChRc9POPedO {
  background: #ff3262;
  color: white;
  padding-right: 28px;
  justify-content: flex-end;
}

.ozeL7XFD2z2CnM9F3Jmw.IVcsFKS3SChRc9POPedO::before {
  content: "";
  position: absolute;
  left: 4px;
  top: 4px;
  width: 24px;
  height: 24px;
  background: white;
  border-radius: 50%;
  transition: all 0.3s ease;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.ozeL7XFD2z2CnM9F3Jmw.flkfqHOORZOOw7BqOQlc {
  background: #9ca3af;
  color: white;
  padding-left: 28px;
  justify-content: flex-start;
}

.ozeL7XFD2z2CnM9F3Jmw.flkfqHOORZOOw7BqOQlc::before {
  content: "";
  position: absolute;
  right: 4px;
  top: 4px;
  width: 24px;
  height: 24px;
  background: white;
  border-radius: 50%;
  transition: all 0.3s ease;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.ozeL7XFD2z2CnM9F3Jmw.IVcsFKS3SChRc9POPedO:hover {
  background: #dc2626;
}

.ozeL7XFD2z2CnM9F3Jmw.flkfqHOORZOOw7BqOQlc:hover {
  background: #6b7280;
}

/* Payment Terms */
.XVpNMoj_KmD0WBbYGBSo {
  padding: var(--space-md) 0;
}

.kmRYBB04U_cByBVwy7Vx {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--space-lg) 0;
}

.JxcLXVnd5xfhws7DtGrP {
  font-size: var(--font-size-md);
  font-weight: 500;
  color: var(--color-primary-dark);
}

/* Deposit Section */
.qMZevdPhxRDNTeOkXVhp {
  padding: var(--space-md) 0;
}

.Ca6vdombUKvjPwokjdCX {
  display: flex;
  align-items: center;
  gap: var(--space-xl);
  padding: var(--space-lg) 0;
}

/* Checkbox */
.IvvpxYF_zCq9UmkLZyXG {
  display: flex;
  align-items: center;
  gap: var(--space-md);
  cursor: pointer;
  user-select: none;
}

.O4Xx5tVlS30l2Da5xa56 {
  width: 24px;
  height: 24px;
  border: 2px solid var(--color-sapphire);
  border-radius: var(--radius-sm);
  cursor: pointer;
  position: relative;
  appearance: none;
  background: white;
  transition: all 0.2s ease;
}

.O4Xx5tVlS30l2Da5xa56:checked {
  background: var(--color-sapphire);
  border-color: var(--color-sapphire);
}

.O4Xx5tVlS30l2Da5xa56:checked::after {
  content: "";
  position: absolute;
  left: 7px;
  top: 3px;
  width: 6px;
  height: 12px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.O4Xx5tVlS30l2Da5xa56:hover {
  border-color: #1e3a8a;
}

.oMA7Pesnj4ttbaRAkuI4 {
  font-size: var(--font-size-md);
  font-weight: 500;
  color: var(--color-primary-dark);
}

/* Deposit Input */
.AVRGbuASSTIu7etLwp3y {
  width: 280px;
  padding: var(--space-md) var(--space-lg);
  border: 1px solid #d1d5db;
  border-radius: var(--radius-md);
  font-size: var(--font-size-md);
  font-weight: 500;
  color: var(--color-primary-dark);
  background: white;
  transition: all 0.2s ease;
}

.AVRGbuASSTIu7etLwp3y:focus {
  outline: none;
  border-color: var(--color-sapphire);
  box-shadow: 0 0 0 3px rgba(43, 80, 170, 0.1);
}

.AVRGbuASSTIu7etLwp3y:disabled {
  background: #f3f4f6;
  color: var(--color-ash-gray);
  cursor: not-allowed;
}

/* Action Buttons */
.pFISNWCIIDvjeTIWjBL9 {
  display: flex;
  justify-content: flex-end;
  gap: var(--space-md);
  margin-top: var(--space-xl);
  padding: var(--space-xl) var(--space-lg);
}

.zM9doMuK6u51Z2oY2WqA {
  padding: var(--space-md) var(--space-2xl);
  background: var(--color-sapphire);
  color: white;
  border: none;
  border-radius: var(--radius-md);
  font-size: var(--font-size-md);
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  box-shadow: var(--shadow-sm);
  min-width: 180px;
}

.zM9doMuK6u51Z2oY2WqA:hover {
  background: #1e3a8a;
  box-shadow: var(--shadow-md);
  transform: translateY(-1px);
}

.zM9doMuK6u51Z2oY2WqA:active {
  transform: translateY(0);
}

/* Summary Totals Section (Total, Cost per m2) */
.elcFEcNqkdqMilejHPdo {
  display: flex;
  flex-direction: column;
}

.pNDAzMhDKdO5cw5ArjX0 {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: var(--space-2xl);
  padding: var(--space-sm) 0;
}

.Q881n8oasT3oyGrYO2MQ {
  font-size: var(--font-size-md);
  font-weight: 700;
  color: #232323;
  font-family: var(--font-secondary);
  min-width: 120px;
  text-align: right;
}

.oeiuPgdelSRP82ymOhEc {
  font-size: var(--font-size-lg);
  font-weight: 700;
  color: #232323;
  font-family: var(--font-secondary);
  min-width: 120px;
  text-align: right;
}

/* Responsive Design */
@media (max-width: 1024px) {
  .aHfRDuMa8vniJTTbiaTE {
    padding: var(--space-md);
  }

  .HfFS5NlQzEZ35lm07lwJ {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-md);
  }

  .t0YFwsh2MdpnLVfOA17g {
    width: 100%;
    justify-content: space-between;
  }

  .Ca6vdombUKvjPwokjdCX {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-md);
  }

  .AVRGbuASSTIu7etLwp3y {
    width: 100%;
  }
}

@media (max-width: 768px) {
  .SkL38BYji2mm1b2elZs9 {
    padding: var(--space-md);
  }

  .X6Ngl87CKsOObGfLxdGk {
    padding: var(--space-lg);
  }

  .Mk5zXmA2UezHbtcf0HKU,
  .kmRYBB04U_cByBVwy7Vx {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-sm);
  }

  .XNW3hj4kPAfEKM5Gw2Ag,
  .OsUSMbNqevBK0gnjDWux {
    font-size: var(--font-size-lg);
  }

  .HBJv1DZBk7_5aLP5K4rU {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-sm);
  }

  .pFISNWCIIDvjeTIWjBL9 {
    flex-direction: column;
    padding: var(--space-lg) 0;
  }

  .zM9doMuK6u51Z2oY2WqA {
    width: 100%;
  }

  .AVRGbuASSTIu7etLwp3y {
    width: 100%;
  }
}


.YTFk1EmcAB7E6f9EgJHC {
  padding: var(--space-xl);
  max-width: 1600px;
  margin: 0 auto;
}

.mELGckec2fthBAN9b3vV {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: var(--space-xl);
  gap: var(--space-lg);
}

.GsaU74Y0qZExKOWtoFrZ {
  flex: 1;
}

.g5N4k_VAPvPNQYfWniQo {
  font-size: var(--font-size-2xl);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
  font-family: var(--font-primary);
}

.MjFHs6rAUGcegxdv2rVA {
  display: flex;
  align-items: center;
  gap: var(--space-md);
}

.hJ4bc1atw2MiwXmSxT0e {
  padding: var(--space-md) var(--space-lg);
  background: var(--color-primary);
  color: white;
  border: none;
  border-radius: var(--radius-md);
  font-size: var(--font-size-sm);
  font-weight: 500;
  font-family: var(--font-secondary);
  cursor: pointer;
  transition: all 0.2s ease;
  white-space: nowrap;
}

.hJ4bc1atw2MiwXmSxT0e:hover {
  background: var(--color-primary-dark);
  transform: translateY(-1px);
}

.y5u11XBqTd9A1IMlbE8w {
  position: relative;
  display: flex;
  align-items: center;
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  overflow: hidden;
  min-width: 250px;
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  font-weight: 400;
}

.oKTVe_ipTNuHsNdDl1kd {
  padding: 0 var(--space-md);
  display: flex;
  align-items: center;
  color: var(--color-text-secondary);
}

.xDT4uFQUPVi888IFuUk5 {
  flex: 1;
  padding: var(--space-md);
  padding-left: 0;
  border: none;
  outline: none;
  font-size: var(--font-size-sm);
  font-family: var(--font-secondary);
}

.xDT4uFQUPVi888IFuUk5::placeholder {
  color: var(--color-text-secondary);
}

.B0OLqPqEmXnYWZ6IfEEM {
  position: relative;
  display: flex;
  align-items: stretch;
}

.YwZ9JzufTQr1DzKOgfbA {
  width: 60px;
  min-height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
  background: var(--color-sapphire);
  color: var(--color-antiflash-white);
  border: 1px solid var(--color-sapphire);
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: all 0.2s ease;
  position: relative;
}

.YwZ9JzufTQr1DzKOgfbA svg {
  fill: var(--color-antiflash-white);
}

.YwZ9JzufTQr1DzKOgfbA:hover {
  background: rgba(45, 90, 107, 0.08);
}

.Rp7nFvrv1xrD7AoJ6Mhw {
  position: absolute;
  top: 2px;
  right: 2px;
  background: var(--color-primary);
  color: white;
  font-size: 10px;
  font-weight: 700;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

.EqLYCNtQjsmS6uTAczOe {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  background: white;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12);
  min-width: 200px;
  z-index: 100;
  overflow: hidden;
  padding: 8px 0;
}

.iBDQt4Deim8gMAVhHupU {
  width: 100%;
  padding: 10px 16px 10px 24px;
  background: var(--color-surface);
  border: none;
  text-align: left;
  font-size: var(--font-size-sm);
  color: var(--color-sapphire-dark);
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: var(--font-secondary);
  font-weight: 400;
}

.iBDQt4Deim8gMAVhHupU:hover {
  background: var(--color-bg-light);
  border-color: var(--color-border);
}

.iBDQt4Deim8gMAVhHupU.pTDrP5SW2qxQWCbVgyaM {
  background: var(--color-green-white);
  border: 1px solid var(--color-green-white);
}

.iBDQt4Deim8gMAVhHupU.pTDrP5SW2qxQWCbVgyaM:hover {
  background: #e0efff;
}

.iYo7PU4THWC35cogHLFx,
.E7TU82DOjmYVvtDcoLzI {
  padding: var(--space-2xl);
  text-align: center;
  background: white;
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
}

.iYo7PU4THWC35cogHLFx p {
  color: var(--color-text-secondary);
  font-size: var(--font-size-md);
}

.E7TU82DOjmYVvtDcoLzI p {
  color: var(--color-rust);
  font-size: var(--font-size-md);
  margin-bottom: var(--space-md);
}

.ukYqAaZdjSsXricOUQn0 {
  padding: var(--space-sm) var(--space-lg);
  background: var(--color-primary);
  color: white;
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  font-size: var(--font-size-sm);
  font-weight: 500;
  font-family: var(--font-secondary);
  transition: all 0.2s ease;
}

.ukYqAaZdjSsXricOUQn0:hover {
  background: var(--color-rust);
}

@media (max-width: 768px) {
  .YTFk1EmcAB7E6f9EgJHC {
    padding: var(--space-md);
  }

  .y5u11XBqTd9A1IMlbE8w {
    width: 100%;
    min-width: unset;
  }

  .YwZ9JzufTQr1DzKOgfbA {
    align-self: flex-end;
  }

  .EqLYCNtQjsmS6uTAczOe {
    right: 0;
    left: auto;
  }
}

/* Site Selection Modal Styles */
.nDD450tJjUorAnNxcUSd {
  text-align: center;
  margin-bottom: var(--space-xl);
}

.Wo5S5LDyXvOIxjWs40O4 {
  color: var(--color-primary);
  margin: 0 auto var(--space-md);
  display: block;
}

.pdzqxPKPOpfJJhpZKf6M {
  font-size: var(--font-size-lg);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0;
  font-family: var(--font-secondary);
  line-height: 1.4;
}

.NNnkES9JuiiFx8cVF0iO {
  display: flex;
  gap: var(--space-lg);
  align-items: flex-end;
  min-width: 600px;
}

.xVlq2kX_nIsfdTmgYOnB {
  flex: 1;
}

.amZvB0WStALZx0rzlzb8 {
  display: block;
  font-size: var(--font-size-sm);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: var(--space-sm);
  font-family: var(--font-secondary);
}

.k55McRx2PhYCfn3E4IWw {
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
}

.W9VaL4mFEGKFhuhdssnZ {
  width: 100%;
  padding: var(--space-md);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  font-size: var(--font-size-sm);
  font-family: var(--font-secondary);
  background: white;
  transition: border-color 0.2s ease;
}

.W9VaL4mFEGKFhuhdssnZ:focus {
  outline: none;
  border-color: var(--color-primary);
}

.B4ZS8hTZ0oAze6KIizTd {
  width: 100%;
  padding: var(--space-md);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  font-size: var(--font-size-sm);
  font-family: var(--font-secondary);
  background: white;
  cursor: pointer;
  transition: border-color 0.2s ease;
}

.B4ZS8hTZ0oAze6KIizTd:hover:not(:disabled) {
  border-color: var(--color-primary);
}

.B4ZS8hTZ0oAze6KIizTd:disabled {
  background: #f3f4f6;
  cursor: not-allowed;
}

.g0_6E4gHZ4SdnwyhrAuw {
  display: flex;
  align-items: center;
  padding: 0 var(--space-md);

  margin-bottom: 16px;
  font-size: var(--font-size-sm);
  font-weight: 600;
  color: var(--color-text-secondary);
  font-family: var(--font-secondary);
}

.NNnkES9JuiiFx8cVF0iO .hJ4bc1atw2MiwXmSxT0e {
  white-space: nowrap;
  align-self: flex-end;
}

@media (max-width: 768px) {
  .NNnkES9JuiiFx8cVF0iO {
    flex-direction: column;
    align-items: stretch;
    min-width: unset;
  }

  .NNnkES9JuiiFx8cVF0iO .hJ4bc1atw2MiwXmSxT0e {
    align-self: stretch;
  }
}

/* Container */
.ptu8UHzyP7JvsN14Ebdy {
  padding: var(--space-xl);
  max-width: 1600px;
  margin: 0 auto;
}

/* Loading State */
.yMuPWaBolUd0YZeJl1SM {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 400px;
  color: var(--color-text-secondary);
  font-family: var(--font-secondary);
  font-size: var(--font-size-lg);
}

/* Header Styles */
.QUeIcq0HUKrDwOKfnn4U {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: var(--space-lg);
  gap: var(--space-lg);
  flex-wrap: wrap;
}

.U46T7Zmw3575sfBE8gJw {
  display: flex;
  align-items: center;
  gap: var(--space-md);
}

.PADz00qlASEG_CJnFJ_t {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  background: transparent;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  cursor: pointer;
  color: var(--color-text-primary);
  transition: all 0.2s ease;
}

.PADz00qlASEG_CJnFJ_t:hover {
  background: var(--color-bg-light);
  border-color: var(--color-text-secondary);
}

.ywUKXdNCksvEpwyu8q_P {
  font-size: var(--font-size-2xl);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0;
  font-family: var(--font-primary);
}

.UlmtGSStf9xRboMmtiF4 {
  display: inline-flex;
  align-items: center;
  padding: 4px 12px;
  background: var(--color-tiffany-blue);
  color: var(--color-primary-dark);
  font-size: var(--font-size-sm);
  font-weight: 500;
  border-radius: var(--radius-sm);
  text-transform: capitalize;
  font-family: var(--font-secondary);
}

.QvRkA5XZZFjlxz83MCNQ {
  display: inline-flex;
  align-items: center;
  padding: 4px 12px;
  background: var(--color-misty-rose);
  color: var(--color-primary);
  font-size: var(--font-size-sm);
  font-weight: 600;
  border-radius: var(--radius-sm);
  font-family: var(--font-secondary);
}

/* Action Buttons */
.KU0MraeAHiCv7WeKZLks {
  display: flex;
  align-items: center;
  gap: var(--space-sm);
  flex-wrap: wrap;
}

.VA8ckemGp76eyniXaddC {
  padding: 8px 16px;
  background: var(--color-sapphire);
  color: white;
  border: none;
  border-radius: var(--radius-sm);
  font-size: var(--font-size-xs);
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: var(--font-secondary);
  white-space: nowrap;
}

.VA8ckemGp76eyniXaddC:hover {
  background: #1e3d7a;
}

.OvX7uVHGiQIgma6oERUV {
  padding: 8px 16px;
  background: #3b6b8a;
  color: white;
  border: none;
  border-radius: var(--radius-sm);
  font-size: var(--font-size-xs);
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: var(--font-secondary);
  white-space: nowrap;
}

.OvX7uVHGiQIgma6oERUV:hover {
  background: #2d5a73;
}

.OpzhAavIGkXPl5e2AFOd {
  position: relative;
}

.mo0gLcyhFxrh0bIDeiVv {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 6px 12px;
  background: transparent;
  color: var(--color-sapphire);
  border: 1px solid var(--color-sapphire);
  border-radius: var(--radius-sm);
  font-size: var(--font-size-xs);
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: var(--font-secondary);
  white-space: nowrap;
}

.mo0gLcyhFxrh0bIDeiVv:hover {
  background: rgba(43, 80, 170, 0.1);
}

/* Form Section */
.JMDZ9WJkT2PULoY_vahX {
  background: var(--color-surface);
  border-radius: var(--radius-lg);
  padding: var(--space-xl);
  margin-bottom: var(--space-lg);
  box-shadow: var(--shadow-sm);
}

.pmMzYsNd76x1EVsGSDsa {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--space-2xl);
}

.qmkwI_tifqCFpDgdR5Me {
  grid-column: span 5;
}

.IWwoTexGClsVYbkepH2O {
  grid-column: span 7;
}

.qmkwI_tifqCFpDgdR5Me,
.IWwoTexGClsVYbkepH2O {
  display: flex;
  flex-direction: column;
  gap: var(--space-lg);
}

/* Form Groups */
.g59SUtDY9bSdP4CBzuHe {
  display: flex;
  flex-direction: row;
  gap: var(--space-sm);
}
.tz25xi4QUjpiztduaLSj {
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
}

.VBuuJsWTtrENb3qubqWY {
  font-family: var(--font-secondary);
  min-width: 150px;
}

.Hy24QekPPC9kXv9pRP7H,
.XkMtn8nYey6WXk8M3uw9,
.PUVqKT1KVknw8N_Vob7A {
  padding: var(--space-sm);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  font-family: var(--font-secondary);
  font-size: var(--font-size-smaller);
  color: var(--color-text-primary);
  transition: border-color 0.2s;
  width: 100%;
}

.Hy24QekPPC9kXv9pRP7H:focus,
.XkMtn8nYey6WXk8M3uw9:focus,
.PUVqKT1KVknw8N_Vob7A:focus {
  outline: none;
  border-color: var(--color-primary);
}

.XkMtn8nYey6WXk8M3uw9 {
  background: var(--color-surface);
  cursor: pointer;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg width=%2712%27 height=%278%27 viewBox=%270 0 12 8%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M1 1L6 6L11 1%27 stroke=%27%2393a29b%27 stroke-width=%272%27 stroke-linecap=%27round%27/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  padding-right: 40px;
}

.PUVqKT1KVknw8N_Vob7A {
  resize: vertical;
  min-height: 120px;
  font-family: var(--font-secondary);
}

.PUVqKT1KVknw8N_Vob7A::placeholder {
  color: var(--color-text-muted);
}

/* Toggle */
.vJZqFSjd5l9jfnF81_uZ {
  display: flex;
  align-items: center;
  gap: var(--space-md);
  padding: var(--space-sm) 0;
}

.UDaL1HTd7rhVm9385VfZ {
  font-family: var(--font-secondary);
  font-size: var(--font-size-smaller);
  color: var(--color-text-secondary);
  transition: color 0.2s;
}

.UDaL1HTd7rhVm9385VfZ.GWBwKiXeoLMrbBy7UtjE {
  color: var(--color-text-primary);
  font-weight: 600;
}

.PXa8NL3eLq9GRlvmzi9N {
  position: relative;
  width: 52px;
  height: 28px;
  background: var(--color-primary);
  border: none;
  border-radius: var(--radius-full);
  cursor: pointer;
  transition: background-color 0.3s;
  padding: 0;
}

.qVKPqYvyi25q9aeQafhQ {
  position: absolute;
  top: 3px;
  left: 3px;
  width: 22px;
  height: 22px;
  background: white;
  border-radius: 50%;
  transition: transform 0.3s;
}

.qVKPqYvyi25q9aeQafhQ.lSB_ybGlRomiCxxv8aix {
  transform: translateX(24px);
}

/* Date and Time */
.fSD5DR2zDnHXHbDXfpAh {
  display: flex;
  flex-direction: row;
  gap: var(--space-sm);
  align-items: center;
  justify-content: space-between;
}

.Z6UgvRr3YAGQX3t3lleB {
  display: flex;
  gap: var(--space-sm);
  flex-wrap: wrap;
  flex-direction: column;
}

.SeaQ4r1jrwDF5WMBwtLJ {
  flex: 1;
  min-width: 220px;
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
}

.q03Y5o_QwSvzrpTjemm_ {
  width: 150px;
  display: inline-block;
  word-break: auto-phrase;
}

.ANW2VQAS1bU331Cp9n2w {
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
}

.auxW7IdYDxGOJkqzG1Es {
  display: flex;
  gap: var(--space-sm);
}
.tBMRgYD4U3f2MbAo7iDW .Hy24QekPPC9kXv9pRP7H,
.uFqVhibxy_K_lDCK4Gv5 .Hy24QekPPC9kXv9pRP7H {
  width: fit-content;
  padding: var(--space-sm);
}

.vhrNlcQBa7kID1m1j_Wo {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 18px;
  pointer-events: none;
}

.pvK60luQexxz90JUGBNS {
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
}

.c2ZTDFfX69I3V3vuRhCL {
  padding: var(--space-md);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  font-family: var(--font-secondary);
  font-size: var(--font-size-md);
  color: var(--color-text-primary);
  text-align: center;
  width: 120px;
}

.c2ZTDFfX69I3V3vuRhCL:focus {
  outline: none;
  border-color: var(--color-primary);
}

/* Area Information */
.Gh_k2B6QUIZglH2we36e {
  border-radius: var(--radius-md);
  padding: var(--space-lg);
}

.KXIL_OTa3RjE8SYuBOhr {
  color: #004960;
  font-family: "Poppins";
  font-weight: 600;
  font-size: 16px;
  text-align: left;
}

.fVzLFdqivQKmK2yQy6L5 {
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);

  border: 1px solid #6c6c6b;
  padding: 8px;
  background: #ffffff;
  border-radius: 5px;
}

.EZmzVrkYTYsLqu_9vG3U {
  display: grid;
  grid-template-columns: 2fr 1fr;
  align-items: center;
  gap: var(--space-md);
}

.DSNHZZIwRKGH9TtZVpMe {
  font-family: var(--font-secondary);
  font-size: var(--font-size-sm);
  color: var(--color-text-primary);
}

.SJb47T_gyYx4xKrpgxMG {
  padding: var(--space-md);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  font-family: var(--font-secondary);
  font-size: var(--font-size-md);
  color: var(--color-text-primary);
  background: var(--color-green-white);
  text-align: center;
  font-weight: 600;
}

.SJb47T_gyYx4xKrpgxMG:focus {
  outline: none;
  border-color: var(--color-primary);
}

/* Nav Tabs */
.T7kXXh9qCY8M3uybLxEJ {
  position: sticky;
  top: 0;
  background: var(--color-background);
  z-index: 10;
  padding-bottom: var(--space-sm);
}

.SuXwidOuWynJcoWq2OSt {
  display: flex;
  border-bottom: 2px solid var(--color-border);
  gap: 0;
}

.pkVhhDHe8qMuOt6KtzDD {
  flex: 1;
  padding: var(--space-md) var(--space-lg);
  background: transparent;
  border: none;
  border-bottom: 3px solid transparent;
  color: var(--color-text-secondary);
  font-size: var(--font-size-sm);
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: var(--font-secondary);
  text-align: center;
  margin-bottom: -2px;
}

.pkVhhDHe8qMuOt6KtzDD:hover {
  color: var(--color-text-primary);
  background: rgba(0, 0, 0, 0.02);
}

.pkVhhDHe8qMuOt6KtzDD.GWBwKiXeoLMrbBy7UtjE {
  color: var(--color-primary);
  border-bottom-color: var(--color-primary);
  font-weight: 600;
}

/* Content Area */
.ai1ErP59K7p4x_HufJ4k {
  margin-top: var(--space-lg);
}

/* Error Banner */
.xMS63JGpCJTOo5fZjMBu {
  background: var(--color-misty-rose);
  color: var(--color-rust);
  padding: var(--space-md);
  border-radius: var(--radius-md);
  margin-bottom: var(--space-lg);
}

.xMS63JGpCJTOo5fZjMBu p {
  margin: 0;
  font-family: var(--font-secondary);
}

.Haf851vW5sKn6Bb9dzr4 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 400px;
  gap: var(--space-md);
}

.Haf851vW5sKn6Bb9dzr4 p {
  color: var(--color-rust);
  font-family: var(--font-secondary);
}

.miRrdbRUUKDZnZxmXTXA,
.QhuY0i1GHI0rxcNBzbRU {
  padding: var(--space-sm) var(--space-lg);
  border-radius: var(--radius-md);
  font-family: var(--font-secondary);
  cursor: pointer;
  transition: all 0.2s;
}

.miRrdbRUUKDZnZxmXTXA {
  background: var(--color-primary);
  color: white;
  border: none;
}

.QhuY0i1GHI0rxcNBzbRU {
  background: transparent;
  color: var(--color-text-secondary);
  border: 1px solid var(--color-border);
}

.DQ5vAasst9l_OroqB9Pc {
  padding: 4px 12px;
  background: var(--color-misty-rose);
  color: var(--color-primary);
  font-size: var(--font-size-sm);
  font-weight: 600;
  border-radius: var(--radius-sm);
  font-family: var(--font-secondary);
}

/* Work Details Section */
.cxqN3rKxj7qPeYRBv5GH {
  padding: var(--space-xl);
  margin-top: var(--space-lg);
}

.xow6KBLGNycJqgblxlch {
  font-family: var(--font-primary);
  font-size: var(--font-size-lg);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--space-lg) 0;
}

/* Category Tabs */
.Uz1sd056doH6ISvoofK6 {
  margin-bottom: var(--space-lg);
}

.Blcgtci9OA9Nf7Dap56l {
  display: flex;
  gap: 0;
}

.aKhoe40sW2XT0aHI6Uzm {
  flex: 1;
  padding: var(--space-xs) var(--space-sm);
  background: transparent;
  border: none;
  border-top: 3px solid transparent;
  color: #839ca4;
  font-size: 14px;
  font-weight: 400;
  font-family: var(--font-primary);
  cursor: pointer;
  transition: all 0.2s ease;
  text-align: center;
  margin-bottom: -2px;
  white-space: nowrap;
}

.aKhoe40sW2XT0aHI6Uzm:hover {
  color: var(--color-text-primary);
  background: rgba(0, 0, 0, 0.02);
}

.aKhoe40sW2XT0aHI6Uzm.GWBwKiXeoLMrbBy7UtjE {
  color: var(--color-text-primary);
  border-top-color: var(--color-primary);
  font-weight: 700;
}

/* Accordion Controls */
.qPWXCrAPsvUuw45bt9b4 {
  display: flex;
  justify-content: flex-end;
  gap: var(--space-sm);
  margin-bottom: var(--space-lg);
}

.VItp25P9h77w2V5W03Ez {
  display: flex;
  align-items: center;
  gap: var(--space-xs);
  padding: 8px 16px;
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  color: var(--color-text-secondary);
  font-size: var(--font-size-xs);
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: var(--font-secondary);
}

.VItp25P9h77w2V5W03Ez:hover {
  background: var(--color-bg-light);
  color: var(--color-text-primary);
  border-color: var(--color-text-secondary);
}

/* Accordion Container */
.uIn1X17neZYXygPl1VkG {
  width: 100%;
}

.BXZ8sfhxkgOD5rgcXqdc {
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
}

.tL1hEcuB60aCzUzjf3Uk {
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  overflow: hidden;
}

.UC4dgK_oHL5zJjkugCT5 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: var(--space-md) var(--space-lg);
  background: var(--color-surface);
  border: none;
  cursor: pointer;
  transition: all 0.2s ease;
  text-align: left;
}

.UC4dgK_oHL5zJjkugCT5:hover {
  background: var(--color-silver);
}

.UC4dgK_oHL5zJjkugCT5.oXbvB57IsLqPPgzHS48w {
  background: var(--color-surface);
}

.Il8klxrH2yj1Py2RY0cj {
  display: flex;
  align-items: center;
  gap: var(--space-sm);
}

.gdafSd325pUgtQbTrOlH {
  transition: transform 0.2s ease;
  color: var(--color-text-secondary);
}

.UC4dgK_oHL5zJjkugCT5.oXbvB57IsLqPPgzHS48w .gdafSd325pUgtQbTrOlH {
  transform: rotate(180deg);
  color: var(--color-primary-dark);
}

.W7qU8s6psVnVhBmq2q7u {
  color: #232323;
  font-family: "Helvetica";
  font-weight: bold;
  font-size: var(--font-size-md);
}

.bBIrsyNUgYktaHKBGbjX {
  padding: 0 var(--space-lg);
  background: var(--color-surface);
}

/* Table Styles */
._XIKL2pOm7yblCSI5TZL {
  width: 100%;
}

.iSYfgDWsd4cW2DDumXef {
  margin-bottom: var(--space-sm);
}

.iSYfgDWsd4cW2DDumXef:last-child {
  margin-bottom: 0;
}

.jfHDvC8Ggi1h1FNNxdUw {
  padding: var(--space-md) var(--space-md);
  background: var(--color-surface);
}

.eiAVp7v1Miv95JYOeidn {
  color: #232323;
  font-family: "Helvetica";
  font-weight: bold;
  font-size: var(--font-size-md);
}

.TkxsYz6Wp1_4lPRXhHqQ {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1fr 2fr;
  gap: var(--space-md);
  padding: var(--space-md);
  border-bottom: 2px solid var(--color-border);
  font-weight: 600;
}

.MDFoUXxRV5UxepoZEcoZ {
  font-size: var(--font-size-sm);
  font-weight: 700;
  color: var(--color-text-primary);
  font-family: var(--font-secondary);
  text-transform: capitalize;
}

.XJx7Oupp6i9CQlFpGf9L {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1fr 2fr;
  gap: var(--space-md);
  padding: var(--space-lg) var(--space-md);
  border-bottom: 1px solid var(--color-border);
  align-items: center;
}

.XJx7Oupp6i9CQlFpGf9L:last-child {
  border-bottom: none;
}

/* Table with Qty column */
.n_3AaAfkhNDsMWVvMSPb {
  display: grid;
  grid-template-columns: 2fr 1fr 0.7fr 1fr 1fr 2fr;
  gap: var(--space-md);
  padding: var(--space-md);
  background: var(--color-bg-light);
  border-bottom: 2px solid var(--color-border);
  font-weight: 600;
}

.ZpClwsf1Fd6zaPwZ8eBE {
  display: grid;
  grid-template-columns: 2fr 1fr 0.7fr 1fr 1fr 2fr;
  gap: var(--space-md);
  padding: var(--space-lg) var(--space-md);
  border-bottom: 1px solid var(--color-border);
  align-items: center;
}

.ZpClwsf1Fd6zaPwZ8eBE:last-child {
  border-bottom: none;
}

/* Dropdown Section Styles */
.qtuYUhc727Pr2UfFZ4we {
  display: grid;
  grid-template-columns: 3fr 1fr 2fr;
  gap: var(--space-md);
  padding: var(--space-md);
  background: var(--color-bg-light);
  border-bottom: 2px solid var(--color-border);
  font-weight: 600;
}

.y_ijP5dhcX8frS1TLssQ {
  display: grid;
  grid-template-columns: 3fr 1fr 2fr;
  gap: var(--space-md);
  padding: var(--space-lg) var(--space-md);
  border-bottom: 1px solid var(--color-border);
  align-items: center;
}

.y_ijP5dhcX8frS1TLssQ:last-child {
  border-bottom: none;
}

.MqYoTHMx5hoLg8P13Z6j {
  display: flex;
  align-items: center;
  font-size: var(--font-size-sm);
  font-family: var(--font-secondary);
}

.n36UwKIHvBVXNAJmEsuo {
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
}

.fJ2jWU6MYsNuUcCsjL2q {
  font-weight: 500;
  color: var(--color-text-primary);
}

/* Dropdown Field Group */
.ojQMLFfsLFVJHkO7Lla7 {
  display: flex;
  flex-direction: column;
  gap: var(--space-xs);
}

.Khvy6xFvx9XUIyS_p3Cw {
  font-size: var(--font-size-sm);
  font-weight: 500;
  color: var(--color-text-primary);
  font-family: var(--font-secondary);
}

.vWIJrvHcwmqaKnycoIGk {
  width: 100%;
  padding: var(--space-sm) var(--space-md);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  font-size: var(--font-size-sm);
  font-family: var(--font-secondary);
  background: white;
  cursor: pointer;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2712%27 viewBox=%270 0 12 12%27%3E%3Cpath fill=%27%23333%27 d=%27M2 4l4 4 4-4%27/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 10px center;
  padding-right: 35px;
}

.vWIJrvHcwmqaKnycoIGk:focus {
  outline: none;
  border-color: var(--color-primary);
}

.vWIJrvHcwmqaKnycoIGk:disabled {
  background-color: var(--color-bg-light);
  cursor: not-allowed;
  opacity: 0.7;
}

/* Toggle Button (YES/NO) */
.PXa8NL3eLq9GRlvmzi9N {
  position: relative;
  display: inline-flex;
  align-items: center;
  width: 80px;
  height: 32px;
  border-radius: var(--radius-full);
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
  font-size: var(--font-size-xs);
  font-weight: 600;
  font-family: var(--font-secondary);
  overflow: hidden;
}

.PXa8NL3eLq9GRlvmzi9N.TjclGXR9UXZXp2SYKFvN {
  background: #ff3262;
  color: white;
  padding-right: 28px;
  justify-content: flex-end;
}

.PXa8NL3eLq9GRlvmzi9N.TjclGXR9UXZXp2SYKFvN::before {
  content: "";
  position: absolute;
  left: 4px;
  top: 4px;
  width: 24px;
  height: 24px;
  background: white;
  border-radius: 50%;
  transition: all 0.3s ease;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.PXa8NL3eLq9GRlvmzi9N.yLb_6qXCY98SsiNYqgry {
  background: #9ca3af;
  color: white;
  padding-left: 28px;
  justify-content: flex-start;
}

.PXa8NL3eLq9GRlvmzi9N.yLb_6qXCY98SsiNYqgry::before {
  content: "";
  position: absolute;
  right: 4px;
  top: 4px;
  width: 24px;
  height: 24px;
  background: white;
  border-radius: 50%;
  transition: all 0.3s ease;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.PXa8NL3eLq9GRlvmzi9N.TjclGXR9UXZXp2SYKFvN:hover {
  background: #dc2626;
}

.PXa8NL3eLq9GRlvmzi9N.yLb_6qXCY98SsiNYqgry:hover {
  background: #6b7280;
}

/* Input fields in table */
.P4ylJd3H8XDaYkAToT0R {
  width: 60px;
  padding: var(--space-xs) var(--space-sm);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  font-size: var(--font-size-sm);
  font-family: var(--font-secondary);
  text-align: center;
  background: white;
}

.P4ylJd3H8XDaYkAToT0R:focus {
  border-color: var(--color-primary);
  outline: none;
}

.OqWWgDba4cE58qLIsjG1 {
  width: 80px;
  padding: var(--space-xs) var(--space-sm);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  font-size: var(--font-size-sm);
  font-family: var(--font-secondary);
  text-align: right;
  background: white;
}

.OqWWgDba4cE58qLIsjG1:focus {
  border-color: var(--color-primary);
  outline: none;
}

.OqWWgDba4cE58qLIsjG1::placeholder {
  color: var(--color-text-secondary);
}

.DE75TP6g1zb5yUfTmwI5 {
  width: 100%;
  padding: 8px 12px;
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  font-size: var(--font-size-sm);
  color: var(--color-text-primary);
  font-family: var(--font-secondary);
  outline: none;
  transition: border-color 0.2s ease;
}

.DE75TP6g1zb5yUfTmwI5:focus {
  border-color: var(--color-primary);
}

.DE75TP6g1zb5yUfTmwI5:read-only {
  background: var(--color-surface);
  cursor: default;
}

.DE75TP6g1zb5yUfTmwI5::placeholder {
  color: var(--color-text-secondary);
}

/* Summary Section Styles */
.SrFeWy97GneFLvkP_te4 {
  padding: var(--space-xl) var(--space-2xl);
  display: flex;
  flex-direction: column;
  background: var(--color-surface);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
  border: 1px solid var(--color-border);
}

.DRZhf_QZ5t5djdJd2KQe {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: var(--space-2xl);
  padding: var(--space-md) 0;
}

.AQa5kMDw7N1bZbEqjFWY {
  font-size: var(--font-size-md);
  font-weight: 700;
  color: #232323;
  font-family: var(--font-secondary);
  min-width: 120px;
  text-align: right;
}

.gdiRWGHjSu2wWfSQFXKh {
  font-size: var(--font-size-lg);
  font-weight: 700;
  color: #232323;
  font-family: var(--font-secondary);
  min-width: 120px;
  text-align: right;
}

.Hzj4_V1MCJ6FbB7FFzY0 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--space-lg) 0;
  border-bottom: 1px solid var(--color-border);
  margin-bottom: var(--space-md);
}

.WIqGUY4Xcu7hNjVfwDfk {
  display: flex;
  align-items: center;
  gap: var(--space-lg);
}

.z33ycGM5xtA7N7QOXnML {
  font-size: var(--font-size-md);
  font-weight: 400;
  color: #232323;
  font-family: var(--font-secondary);
}

.MRqP3ssXTPD64VdMTwhI {
  display: flex;
  align-items: center;
  gap: var(--space-2xl);
}

.S5eS7opmZZ_0uAZ5DOYA {
  width: 60px;
  padding: var(--space-sm) var(--space-md);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  font-size: var(--font-size-md);
  font-weight: 600;
  font-family: var(--font-secondary);
  text-align: right;
  color: var(--color-text-primary);
  background: var(--color-surface);
}

.S5eS7opmZZ_0uAZ5DOYA:focus {
  outline: none;
  border-color: var(--color-primary);
}

.S5eS7opmZZ_0uAZ5DOYA:disabled {
  background: var(--color-bg-light);
  color: var(--color-text-secondary);
}

.zuBlsVAqviklNnmb6LzB {
  font-size: var(--font-size-md);
  font-weight: 600;
  color: var(--color-text-secondary);
  margin-right: var(--space-md);
}

.NLBuNmM78RmEgUEnTf3y {
  font-size: var(--font-size-lg);
  font-weight: 700;
  color: #232323;
  font-family: var(--font-secondary);
  min-width: 120px;
  text-align: right;
}

/* Payment Terms Section */
._vFSzWpjcJibsH5PAY9w {
  margin-top: var(--space-xl);
  padding-top: var(--space-lg);
  border-top: 2px solid var(--color-border);
}

.lbWQuOgAGA3vS17bn5Y8 {
  font-family: var(--font-primary);
  font-size: var(--font-size-md);
  font-weight: 700;
  color: var(--color-text-primary);
  margin: 0 0 var(--space-lg) 0;
  letter-spacing: 0.5px;
}

.F6gm2O4hYNkY6mZoMD3i {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--space-md) 0;
}

.Rl9tXYi7u8SrJVH29VBA {
  font-family: var(--font-secondary);
  font-size: var(--font-size-md);
  color: var(--color-text-primary);
}

/* Deposit Section */
.cluigxiYE16QqBWMZS5s {
  margin-top: var(--space-lg);
}

.fTUFI2dyx04C6ym0ngFy {
  font-family: var(--font-secondary);
  font-size: var(--font-size-md);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0 0 var(--space-md) 0;
}

.d6MnZY_lXTntQHwgFg92 {
  display: flex;
  align-items: center;
  gap: var(--space-lg);
}

.Ajiyg4Dtvye44qi6qpXd {
  display: flex;
  align-items: center;
  gap: var(--space-sm);
  font-family: var(--font-secondary);
  font-size: var(--font-size-sm);
  color: var(--color-text-primary);
  cursor: pointer;
}

.Ajiyg4Dtvye44qi6qpXd input[type="checkbox"] {
  width: 18px;
  height: 18px;
  cursor: pointer;
}

.Q2wNYp_n0YxBigNEwpJc {
  display: flex;
  align-items: center;
  gap: var(--space-xs);
}

.bcnBPicJQ0W1STnXRLAC {
  width: 80px;
  padding: var(--space-sm);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  font-family: var(--font-secondary);
  font-size: var(--font-size-sm);
  text-align: center;
}

.bcnBPicJQ0W1STnXRLAC:disabled {
  background: var(--color-bg-light);
  color: var(--color-text-muted);
}

/* Summary Actions */
.FiixGw60po0L8NXrpQoL {
  margin-top: var(--space-xl);
  display: flex;
  justify-content: flex-end;
}

.DT3kHPmdW2dX4In_ndKK {
  padding: var(--space-md) var(--space-xl);
  background: var(--color-primary);
  color: white;
  border: none;
  border-radius: var(--radius-md);
  font-family: var(--font-secondary);
  font-size: var(--font-size-md);
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
}

.DT3kHPmdW2dX4In_ndKK:hover:not(:disabled) {
  background: var(--color-rust);
}

.DT3kHPmdW2dX4In_ndKK:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

/* Responsive */
@media (max-width: 1024px) {
  .QUeIcq0HUKrDwOKfnn4U {
    flex-direction: column;
    align-items: flex-start;
  }

  .KU0MraeAHiCv7WeKZLks {
    width: 100%;
    justify-content: flex-start;
  }

  .pmMzYsNd76x1EVsGSDsa {
    grid-template-columns: 1fr;
  }

  .Blcgtci9OA9Nf7Dap56l {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  .Blcgtci9OA9Nf7Dap56l::-webkit-scrollbar {
    display: none;
  }

  .aKhoe40sW2XT0aHI6Uzm {
    flex: none;
    white-space: nowrap;
    padding: var(--space-md) var(--space-md);
  }

  .qPWXCrAPsvUuw45bt9b4 {
    justify-content: flex-start;
  }

  .UC4dgK_oHL5zJjkugCT5 {
    padding: var(--space-sm) var(--space-md);
  }

  .bBIrsyNUgYktaHKBGbjX {
    padding: var(--space-md);
  }

  .TkxsYz6Wp1_4lPRXhHqQ,
  .XJx7Oupp6i9CQlFpGf9L {
    grid-template-columns: 1.5fr 0.8fr 0.8fr 0.8fr 1.5fr;
    gap: var(--space-sm);
    padding: var(--space-sm) var(--space-xs);
  }

  .MDFoUXxRV5UxepoZEcoZ {
    font-size: var(--font-size-xs);
  }

  .PXa8NL3eLq9GRlvmzi9N {
    width: 70px;
    height: 28px;
    font-size: 10px;
  }

  .PXa8NL3eLq9GRlvmzi9N.TjclGXR9UXZXp2SYKFvN {
    padding-left: 24px;
  }

  .PXa8NL3eLq9GRlvmzi9N.yLb_6qXCY98SsiNYqgry {
    padding-right: 24px;
  }

  .PXa8NL3eLq9GRlvmzi9N.TjclGXR9UXZXp2SYKFvN::before,
  .PXa8NL3eLq9GRlvmzi9N.yLb_6qXCY98SsiNYqgry::before {
    width: 20px;
    height: 20px;
  }

  .DE75TP6g1zb5yUfTmwI5 {
    padding: 6px 8px;
    font-size: var(--font-size-xs);
  }

  .SrFeWy97GneFLvkP_te4 {
    padding: var(--space-md);
  }

  .Hzj4_V1MCJ6FbB7FFzY0 {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-md);
  }

  .MRqP3ssXTPD64VdMTwhI {
    width: 100%;
    justify-content: space-between;
  }
}

@media (max-width: 768px) {
  .ptu8UHzyP7JvsN14Ebdy {
    padding: var(--space-md);
  }

  .U46T7Zmw3575sfBE8gJw {
    flex-wrap: wrap;
  }

  .ywUKXdNCksvEpwyu8q_P {
    font-size: var(--font-size-xl);
  }

  .TkxsYz6Wp1_4lPRXhHqQ,
  .XJx7Oupp6i9CQlFpGf9L {
    grid-template-columns: 1fr;
    gap: var(--space-sm);
  }

  .MDFoUXxRV5UxepoZEcoZ {
    display: none;
  }

  .MqYoTHMx5hoLg8P13Z6j {
    display: grid;
    grid-template-columns: 100px 1fr;
    gap: var(--space-sm);
  }

  .MqYoTHMx5hoLg8P13Z6j::before {
    content: attr(data-label);
    font-weight: 600;
    font-size: var(--font-size-xs);
  }

  .fJ2jWU6MYsNuUcCsjL2q {
    grid-column: 1 / -1;
    margin-bottom: var(--space-sm);
  }
}

.mRC8m7OBquoqJI5d6_3C {
  width: 100%;
  min-height: 100vh;
  background: var(--color-antiflash-white);
}

.b9ZrJQ58iHbpvASTRXY2 {
  display: flex;
  align-items: center;
  gap: var(--space-md);
  padding: var(--space-lg) var(--space-xl);
  background: white;
  border-bottom: 1px solid var(--color-border);
}

.rTLJlmDfSPLsMJbHahlm {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  padding: 0;
  border: none;
  border-radius: var(--radius-md);
  background: transparent;
  color: var(--color-text-primary);
  cursor: pointer;
  transition: background 0.2s ease;
}

.rTLJlmDfSPLsMJbHahlm:hover {
  background: var(--color-antiflash-white);
}

.LtDCwxT8uxlohWaARW2E {
  margin: 0;
  font-size: var(--font-size-xl);
  font-weight: 700;
  color: var(--color-primary-dark);
}

.NyKN8pWyiNlZiSdTjck0 {
  max-width: 900px;
  margin: 0 auto;
  padding: var(--space-2xl);
}

.qOZngnhV682hByDCYliV {
  position: relative;
  background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);
  border-radius: var(--radius-lg);
  padding: var(--space-2xl);
  box-shadow: var(--shadow-lg);
  overflow: hidden;
}

/* Add subtle texture overlay */
.qOZngnhV682hByDCYliV::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: repeating-linear-gradient(
    45deg,
    transparent,
    transparent 2px,
    rgba(255, 255, 255, 0.02) 2px,
    rgba(255, 255, 255, 0.02) 4px
  );
  pointer-events: none;
}

.L6RBWoyWHXUjFZagOR1e {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: var(--space-xl);
}

.TANAsTsV9_fP_aSA2r4w {
  width: 180px;
  height: auto;
  filter: brightness(1.1);
}

.jrvXxJnaE7850vj8Z51Z {
  position: absolute;
  top: var(--space-2xl);
  right: var(--space-2xl);
  z-index: 2;
  display: flex;
  align-items: center;
  gap: var(--space-md);
}

.U9a5Mg52IHKy8kOheLNB {
  padding: 12px 24px;
  background: var(--color-primary);
  color: white;
  border: none;
  border-radius: var(--radius-full);
  font-size: var(--font-size-md);
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  box-shadow: var(--shadow-md);
}

.U9a5Mg52IHKy8kOheLNB:hover {
  background: var(--color-rust);
  box-shadow: var(--shadow-lg);
}

.nM2ah0TL2BhyP1k7GoMO {
  padding: 12px 24px;
  background: white;
  border-radius: var(--radius-full);
  font-size: var(--font-size-md);
  font-weight: 600;
  color: var(--color-primary-dark);
  box-shadow: var(--shadow-md);
}

.W0DvOh6dQd6g575klSUQ {
  position: relative;
  z-index: 1;
  background: white;
  border-radius: var(--radius-lg);
  padding: var(--space-2xl);
  box-shadow: var(--shadow-md);
}

.rGtuOryfEz8vwZz20aFb {
  margin-bottom: var(--space-xl);
  padding-bottom: var(--space-lg);
  border-bottom: 1px solid #e0e0e0;
}

.Mw8PYRYRHKbODc1kO8Uw {
  margin: 0 0 8px 0;
  font-size: var(--font-size-sm);
  line-height: 1.6;
  color: var(--color-text-primary);
}

.Mw8PYRYRHKbODc1kO8Uw strong {
  font-weight: 600;
  color: var(--color-primary-dark);
}

.EiC6yfV9YoSR0l_ZfqJX {
  margin-bottom: var(--space-xl);
}

.EiC6yfV9YoSR0l_ZfqJX:last-child {
  margin-bottom: 0;
}

.mDSSp5m4HcUaeza7tBFG {
  margin: 0 0 var(--space-md) 0;
  font-size: var(--font-size-lg);
  font-weight: 700;
  color: var(--color-primary);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.BbPx_0tnaeUTAH0EUtM0 {
  margin: 0;
  font-size: var(--font-size-sm);
  line-height: 1.7;
  color: var(--color-text-primary);
}

.lhPT1gyn6yQa5p0gh6xm {
  margin: 0;
  padding-left: var(--space-lg);
  list-style: none;
}

.lhPT1gyn6yQa5p0gh6xm li {
  position: relative;
  margin-bottom: var(--space-sm);
  padding-left: var(--space-md);
  font-size: var(--font-size-sm);
  line-height: 1.7;
  color: var(--color-text-primary);
}

.lhPT1gyn6yQa5p0gh6xm li::before {
  content: "›";
  position: absolute;
  left: 0;
  font-size: var(--font-size-lg);
  font-weight: 700;
  color: var(--color-primary);
}

.lhPT1gyn6yQa5p0gh6xm li:last-child {
  margin-bottom: 0;
}

/* Page 2 Styles */
.fdz_feoQPTfp7oxe9cU9 {
  margin-bottom: var(--space-xl);
}

.A9RnSkIBFfvjFZo2MaAm {
  display: flex;
  justify-content: space-between;
  padding: var(--space-md);
  background: #f7f7f7;
  font-weight: 600;
  font-size: var(--font-size-sm);
  border-bottom: 2px solid #e0e0e0;
}

.JaDxy8zlMvf_Zgn3n1v3 {
  flex: 1;
}

.H5HO7i80zVx0WVubhPcl {
  min-width: 150px;
  text-align: right;
}

.QJr423a_4R7KGrH_RDX9 {
  display: flex;
  justify-content: space-between;
  padding: var(--space-md);
  font-size: var(--font-size-sm);
  border-bottom: 1px solid #e0e0e0;
}

.QJr423a_4R7KGrH_RDX9:last-child {
  border-bottom: none;
}

.usLxiyCxUKy860Pjqqmg {
  margin: 0 0 var(--space-md) 0;
  font-size: var(--font-size-sm);
  color: var(--color-text-secondary);
}

.CRDxnZ6j6wmWzW03ifIR {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--space-lg);
  background: white;
  border: 3px solid var(--color-primary);
  border-left: 8px solid var(--color-primary-dark);
  border-radius: var(--radius-md);
  margin-top: var(--space-md);
}

.hgfSiCq1aeR8URjWhCHz {
  font-size: var(--font-size-md);
  font-weight: 700;
  color: var(--color-primary-dark);
}

.pvV2L77NGZPZZiQKnxHh {
  font-size: var(--font-size-md);
  font-weight: 700;
  color: var(--color-primary-dark);
}

.s_CmNCOuVPTzcMAbCaoR {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--space-xl);
  margin-top: var(--space-lg);
}

.GprJDNq1MIzH4SREjhSh {
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
}

.hRNjggT13cNFfYz0b8mQ {
  font-size: var(--font-size-sm);
  font-weight: 600;
  color: var(--color-primary-dark);
}

.l_SIIWDmTFk3qkCD_3aM {
  height: 60px;
  border-bottom: 2px solid #d0d0d0;
}

.zcAa9oHVVL4vHEWDJpRG {
  margin-top: var(--space-2xl);
  padding-top: var(--space-xl);
  border-top: 1px solid #e0e0e0;
}

.isf2Hp6gGc130EDAhxzT {
  margin: 0 0 var(--space-xl) 0;
  font-size: var(--font-size-sm);
  line-height: 1.7;
  color: var(--color-text-primary);
}

.yAcGsUocGwxsivlWFnOg {
  margin: 0 0 var(--space-md) 0;
  font-size: var(--font-size-sm);
  font-weight: 600;
  color: var(--color-primary-dark);
}

.j8aU9tQfcwTPins5RehA {
  margin-top: var(--space-lg);
}

.Yer2xHQCezzGXdTVumGs {
  margin: 0 0 var(--space-md) 0;
  font-family: "Brush Script MT", cursive;
  font-size: 32px;
  font-style: italic;
  color: var(--color-primary-dark);
  line-height: 1;
}

.bmnroGo7xtWdhcxAPFtQ {
  margin: 0 0 4px 0;
  font-size: var(--font-size-sm);
  font-weight: 700;
  color: var(--color-primary-dark);
}

.OFd_owWLbFLzN0xZAaxH {
  margin: 0 0 8px 0;
  font-size: var(--font-size-sm);
  color: var(--color-text-primary);
}

.aD0bUZkN6fA6KbRyRko9 {
  margin: 0;
  font-size: var(--font-size-sm);
  font-weight: 600;
  color: var(--color-primary);
  font-style: italic;
}

.BB6Sh1CisFWpVKbUKITq {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: var(--space-md);
  margin: var(--space-2xl) 0;
  padding: var(--space-lg) 0;
  border-top: 1px solid var(--color-border);
  border-bottom: 1px solid var(--color-border);
}

.omMkHN7fiwKUcqkmcP4n {
  padding: 10px 24px;
  border: none;
  border-radius: var(--radius-md);
  background: transparent;
  color: var(--color-text-secondary);
  font-size: var(--font-size-md);
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
}

.omMkHN7fiwKUcqkmcP4n:hover {
  color: var(--color-sapphire);
}

.evf1sh5zggOFA7xsgJ99 {
  color: var(--color-sapphire);
  font-weight: 700;
  border-bottom: 3px solid var(--color-sapphire);
}

@media (max-width: 768px) {
  .NyKN8pWyiNlZiSdTjck0 {
    padding: var(--space-md);
  }

  .qOZngnhV682hByDCYliV {
    padding: var(--space-lg);
  }

  .W0DvOh6dQd6g575klSUQ {
    padding: var(--space-lg);
  }

  .jrvXxJnaE7850vj8Z51Z {
    position: static;
    flex-direction: column;
    margin-bottom: var(--space-lg);
  }

  .U9a5Mg52IHKy8kOheLNB,
  .nM2ah0TL2BhyP1k7GoMO {
    width: 100%;
    text-align: center;
  }

  .TANAsTsV9_fP_aSA2r4w {
    width: 140px;
  }

  .s_CmNCOuVPTzcMAbCaoR {
    grid-template-columns: 1fr;
    gap: var(--space-lg);
  }

  .A9RnSkIBFfvjFZo2MaAm,
  .QJr423a_4R7KGrH_RDX9 {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-xs);
  }

  .H5HO7i80zVx0WVubhPcl {
    text-align: left;
  }

  .CRDxnZ6j6wmWzW03ifIR {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-sm);
  }
}

.BQXK3l5Ti6DZHqBSMuqV {
  background: white;
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
  overflow-y: auto;
}

.EnO1fs5g1daqpdvGlNUA {
  width: 100%;
  border-collapse: collapse;
  font-family: var(--font-secondary);
}

.EnO1fs5g1daqpdvGlNUA thead {
  background: var(--color-background);
  border-bottom: 1px solid var(--color-primary);
  position: sticky;
  top: 0;
  z-index: 10;
}

.EnO1fs5g1daqpdvGlNUA th {
  padding: var(--space-md) var(--space-md);
  text-align: left;
  font-size: var(--font-size-sm);
  font-weight: 600;
  color: var(--color-sapphire-dark);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  background: var(--color-green-white);
  font-family: var(--font-primary);
  line-height: 1.3;
}

.Yk4vHYLONpRZxhfYfv8M {
  padding-left: var(--space-lg) !important;
}

.EnO1fs5g1daqpdvGlNUA tbody tr {
  transition: background-color 0.2s ease;
}

.EnO1fs5g1daqpdvGlNUA tbody tr:hover {
  background: var(--color-background);
}

.EnO1fs5g1daqpdvGlNUA td {
  padding: var(--space-sm) var(--space-md);
  color: var(--color-sapphire-dark);
  font-family: var(--font-secondary);
  font-size: var(--font-size-smaller);
}

.Gbw_W2WFH2UXvAjd4PpI {
  padding-left: var(--space-lg) !important;
  font-weight: 500;
  white-space: nowrap;
}

.CM5a7mh1RMUpycuyUsyG {
  text-align: right;
}

.OODeG7OaBDSJuw0hlSOf {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}

.n5W4rZFWyOS23swgPFhv {
  display: inline-block;
  padding: 2px 8px;
  border-radius: 12px;
  font-size: var(--font-size-xs);
  font-weight: 500;
  background: var(--color-misty-rose);
  color: var(--color-rust);
}

.V8p8fU0FXRyyvENzoP_I {
  font-weight: 500;
  color: var(--color-sapphire);
}

.xSzkGBQb05zKy78SMAae {
  cursor: pointer;
  padding: var(--space-xs);
  border: 0px;
  border-top: 1.5px solid #f25b22;
  background: #2d728f;
  border-radius: 5px;
  color: #ffffff;
  font-family: "Poppins";
  font-weight: 500;
  font-size: 8px;
  flex-direction: row;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  transition: all 0.2s ease;
}
.xSzkGBQb05zKy78SMAae .VnkDpl1pI9JigMwWLMfA {
  width: max-content;
}
.xSzkGBQb05zKy78SMAae .y2uZViDMPvT0CEifKjIw {
  font-size: 12px;
}

.xSzkGBQb05zKy78SMAae:hover {
  background: var(--color-background);
  color: var(--color-rust);
}

.btn-edit-small {
  background: var(--color-primary);
  border-radius: 50%;
  color: #fff;
  font-size: 12px !important;
  padding: 3px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.mIXNzkRMrAvyt7d6Euvg {
  padding: var(--space-2xl);
  text-align: center;
  color: var(--color-text-secondary);
}

@media (max-width: 1024px) {
  .EnO1fs5g1daqpdvGlNUA {
    font-size: var(--font-size-xs);
  }

  .EnO1fs5g1daqpdvGlNUA th,
  .EnO1fs5g1daqpdvGlNUA td {
    padding: var(--space-sm);
  }

  .OODeG7OaBDSJuw0hlSOf {
    flex-direction: column;
    gap: 2px;
  }
}

.V47E1IL0CIDqcQKOzm4T {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--space-xl);
}

/* Section */
.hEKkjtPvySAix3L6fKGO {
  width: 100%;
}

/* Form Container */
.l2svJs7Vi4elWsrfLnuy {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-lg);
  align-items: start;
}

.ODTWFZ4BSuUkVg6UxwNB {
  background: var(--color-surface);
  border-radius: var(--radius-md);
  padding: var(--space-xl);
  box-shadow: var(--shadow-sm);
}

/* Paper Component */
.dNqfFYBtT36emvkmLild {
  background: var(--color-surface);
  border-radius: var(--radius-md);
  padding: var(--space-xl);
  box-shadow: var(--shadow-sm);
  border: 1px solid var(--color-border);
}

.UYiseYzjd0QeMQLAP2fJ {
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  font-weight: 600;
  font-size: var(--font-size-lg);
  margin: 0 0 var(--space-lg) 0;
}

.jMkDsRffw3QQ6cf6SZDo {
  display: flex;
  align-items: center;
  margin-bottom: var(--space-lg);
  gap: var(--space-lg);
}

.jMkDsRffw3QQ6cf6SZDo:last-child {
  margin-bottom: 0;
}

.EiszsnOwQAXTbgSMxpWS {
  display: flex;
  gap: var(--space-md);
  margin-bottom: var(--space-lg);
}

.IZW64oJCVg1xJl0E7Qoz {
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
  flex: 0 0 100px;
}

.IZW64oJCVg1xJl0E7Qoz .tS0RD3mKqAmL789f1KfN {
  flex: none;
}

.tS0RD3mKqAmL789f1KfN {
  flex: 0 0 140px;
  font-size: var(--font-size-sm);
  font-weight: 400;
  color: var(--color-text-primary);
  font-family: var(--font-secondary);
}

.NrIaJUI7m5Auf_fYt_Er {
  flex: 1;
  padding: 12px 16px;
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  font-size: var(--font-size-sm);
  color: var(--color-text-primary);
  font-family: var(--font-secondary);
  outline: none;
  transition: border-color 0.2s ease;
}

.NrIaJUI7m5Auf_fYt_Er:focus {
  border-color: var(--color-primary);
}

.NrIaJUI7m5Auf_fYt_Er:read-only {
  background: var(--color-background);
  cursor: default;
}

.NrIaJUI7m5Auf_fYt_Er:hover:not(:read-only) {
  border-color: var(--color-ash-gray);
}

.o5Xrzxui7QylgQoKBpbg {
  width: 100%;
  padding: 12px 16px;
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  font-size: var(--font-size-sm);
  color: var(--color-text-primary);
  font-family: var(--font-secondary);
  outline: none;
  resize: vertical;
  transition: border-color 0.2s ease;
  line-height: 1.5;
}

.o5Xrzxui7QylgQoKBpbg:focus {
  border-color: var(--color-primary);
}

.o5Xrzxui7QylgQoKBpbg:read-only {
  background: var(--color-surface);
  cursor: default;
}

.QDAGhtOVIVhwr5wayLWY {
  height: 1px;
  background: var(--color-border);
  margin: var(--space-xl) 0;
}

._mv6J7QaiXe_2Zv8fnx7 {
  height: 40px;
}
/* Tags */
.ZLtb7Hv8HMXEZRBf__EV {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-sm);
}

.JFTLSwPx6NQcPKQeUJPL {
  display: inline-flex;
  align-items: center;
  padding: 6px 12px;
  background: var(--color-misty-rose);
  color: var(--color-primary);
  font-size: var(--font-size-xs);
  font-weight: 500;
  border-radius: var(--radius-sm);
  font-family: var(--font-secondary);
}

/* Map Button */
.hnq5Dm3Jrmq1a6ljDVfN {
  display: inline-flex;
  align-items: center;
  gap: var(--space-sm);
  padding: 10px 20px;
  background: var(--color-sapphire);
  color: white;
  border: none;
  border-radius: var(--radius-md);
  font-size: var(--font-size-sm);
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: var(--font-secondary);
  margin-top: var(--space-md);
}

.hnq5Dm3Jrmq1a6ljDVfN:hover {
  background: #1e3d7a;
}

/* Safety Warning */
.TmI4hC_Zux8jBhMQsbBd {
  display: flex;
  align-items: center;
  gap: var(--space-sm);
  padding: var(--space-sm) var(--space-md);
  background: var(--color-vanilla);
  border-radius: var(--radius-sm);
  margin-bottom: var(--space-md);
  color: var(--color-rust);
  font-size: var(--font-size-sm);
  font-weight: 600;
  font-family: var(--font-secondary);
}

.TmI4hC_Zux8jBhMQsbBd svg {
  color: var(--color-rust);
  flex-shrink: 0;
}

/* Work Details Container */
.yGdn6k869ru83KiXzUFK {
  display: flex;
  flex-direction: column;
}

/* Work Category Section */
.IAWW_x1cyar5KyueLqSL {
  background: var(--color-surface);
  border-radius: var(--radius-md);
  padding: var(--space-lg);
  box-shadow: var(--shadow-sm);
  border: 1px solid var(--color-border);
}

/* Category Tabs */
.sfjvgjmuCGq7mOYgPnNM {
  margin-bottom: var(--space-lg);
}

.PfllA7wxJIZquwWiIliz {
  display: flex;
  gap: 0;
}

.UB9pQZFtk1CIQbYMwaJb {
  flex: 1;
  padding: var(--space-xs) var(--space-sm);
  background: transparent;
  border: none;
  border-top: 3px solid transparent;
  color: #839ca4;
  font-size: 14px;
  font-weight: 400;
  font-family: var(--font-primary);
  cursor: pointer;
  transition: all 0.2s ease;
  text-align: center;
  margin-bottom: -2px;
  white-space: nowrap;
}

.UB9pQZFtk1CIQbYMwaJb:hover {
  color: var(--color-text-primary);
  background: rgba(0, 0, 0, 0.02);
}

.UB9pQZFtk1CIQbYMwaJb.gPbzxmEtXHvBltAJom1D {
  color: var(--color-text-primary);
  border-top-color: var(--color-primary);
  font-weight: 700;
}

/* Accordion Controls */
.T9zTvUFVREyyZJ6uZetB {
  display: flex;
  justify-content: flex-end;
  gap: var(--space-sm);
  margin-bottom: var(--space-lg);
}

.kSEP3NUiKyEQt2Lv08GC {
  display: flex;
  align-items: center;
  gap: var(--space-xs);
  padding: 8px 16px;
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  color: var(--color-text-secondary);
  font-size: var(--font-size-xs);
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: var(--font-secondary);
}

.kSEP3NUiKyEQt2Lv08GC:hover {
  background: var(--color-bg-light);
  color: var(--color-text-primary);
  border-color: var(--color-text-secondary);
}

/* Accordion Container */
.f68OhgHIFrVpdo9OkMI2 {
  width: 100%;
}

.e3xgYs6f_q64jFR3gEHg {
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
}

.uHvffZPnpNjPI0SahsxD {
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  overflow: hidden;
}

.KSNj8tk8K5mcCIe6CNLa {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: var(--space-md) var(--space-lg);
  background: var(--color-surface);
  border: none;
  cursor: pointer;
  transition: all 0.2s ease;
  text-align: left;
}

.KSNj8tk8K5mcCIe6CNLa:hover {
  background: var(--color-silver);
}

.KSNj8tk8K5mcCIe6CNLa.FBIBLTc0pingoJI_Eyar {
  background: var(--color-surface);
}

.jxbWALIapkFwrORUdl5G {
  display: flex;
  align-items: center;
  gap: var(--space-sm);
}

.TuzOlCJDlH78qB8P5jxQ {
  transition: transform 0.2s ease;
  color: var(--color-text-secondary);
}

.KSNj8tk8K5mcCIe6CNLa.FBIBLTc0pingoJI_Eyar .TuzOlCJDlH78qB8P5jxQ {
  transform: rotate(180deg);
  color: var(--color-primary-dark);
}

.lb1r0YrA9S7VuK0eJi5V {
  color: #232323;
  font-family: "Helvetica";
  font-weight: bold;
  font-size: var(--font-size-md);
}

.APibBUmh5CcYVygidF2f {
  font-size: var(--font-size-sm);
  font-weight: 700;
  color: var(--color-sapphire);
  font-family: var(--font-secondary);
}

.x0BB859CRaBxKBjbzVew {
  padding: 0 var(--space-lg);
  background: var(--color-surface);
}

.GGzNrH20M3c9lwAreyZf {
  font-size: var(--font-size-sm);
  color: var(--color-text-secondary);
  font-family: var(--font-secondary);
  margin: 0 0 var(--space-md) 0;
  line-height: 1.5;
}

.aAUPNVPp9Uk8AaFQpN7W {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-lg);
  padding-top: var(--space-md);
  border-top: 1px dashed var(--color-border);
}

.AklsLHQZ3mbP79YS1tyr {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 100px;
}

.hB5012r9uPUZcai65kEN {
  font-size: var(--font-size-xs);
  color: var(--color-text-secondary);
  font-family: var(--font-secondary);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.iegdnyQWvil3sjK1lH0a {
  font-size: var(--font-size-sm);
  font-weight: 600;
  color: var(--color-text-primary);
  font-family: var(--font-secondary);
}

/* Sub Items Table */
.ZfDA5UXJp33ono__bS9O {
  width: 100%;
}

.l8u7MBM7LT7_k7j6E79N {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1fr 2fr;
  gap: var(--space-md);
  padding: var(--space-md);
  border-bottom: 2px solid var(--color-border);
  font-weight: 600;
}

.Amu2KAudQNMtVSbymwC1 {
  font-size: var(--font-size-sm);
  font-weight: 700;
  color: var(--color-text-primary);
  font-family: var(--font-secondary);
  text-transform: capitalize;
}

.a3Hfi9ztfoh1Vo6hyJB6 {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1fr 2fr;
  gap: var(--space-md);
  padding: var(--space-lg) var(--space-md);
  border-bottom: 1px solid var(--color-border);
  align-items: center;
}

.a3Hfi9ztfoh1Vo6hyJB6:last-child {
  border-bottom: none;
}

/* Table with Qty column */
.ABXS017ORe0iNcIMBeYM {
  display: grid;
  grid-template-columns: 2fr 1fr 0.7fr 1fr 1fr 2fr;
  gap: var(--space-md);
  padding: var(--space-md);
  background: var(--color-bg-light);
  border-bottom: 2px solid var(--color-border);
  font-weight: 600;
}

.CpSVVyV27nlPNqRJ69ft {
  display: grid;
  grid-template-columns: 2fr 1fr 0.7fr 1fr 1fr 2fr;
  gap: var(--space-md);
  padding: var(--space-lg) var(--space-md);
  border-bottom: 1px solid var(--color-border);
  align-items: center;
}

.CpSVVyV27nlPNqRJ69ft:last-child {
  border-bottom: none;
}

.BPMef1w5K0DoIQDtig9z {
  width: 60px;
  padding: var(--space-xs) var(--space-sm);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  font-size: var(--font-size-sm);
  font-family: var(--font-secondary);
  text-align: center;
  background: white;
}

.BPMef1w5K0DoIQDtig9z:focus {
  border-color: var(--color-primary);
  outline: none;
}

.xhOutiwNpNCV5nG6yqob {
  width: 80px;
  padding: var(--space-xs) var(--space-sm);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  font-size: var(--font-size-sm);
  font-family: var(--font-secondary);
  text-align: right;
  background: white;
}

.xhOutiwNpNCV5nG6yqob:focus {
  border-color: var(--color-primary);
  outline: none;
}

.xhOutiwNpNCV5nG6yqob::placeholder {
  color: var(--color-text-secondary);
}

.sb02zCTUWxE6Nu0sxflD {
  margin-bottom: var(--space-sm);
}

.sb02zCTUWxE6Nu0sxflD:last-child {
  margin-bottom: 0;
}

/* Dropdown Section Styles */
.aXDyuy6G43QYUUE7AbFO {
  display: grid;
  grid-template-columns: 3fr 1fr 2fr;
  gap: var(--space-md);
  padding: var(--space-md);
  background: var(--color-bg-light);
  border-bottom: 2px solid var(--color-border);
  font-weight: 600;
}

.zxc13BxtUMIbEhKf_Uxu {
  display: grid;
  grid-template-columns: 3fr 1fr 2fr;
  gap: var(--space-md);
  padding: var(--space-lg) var(--space-md);
  border-bottom: 1px solid var(--color-border);
  align-items: center;
}

.zxc13BxtUMIbEhKf_Uxu:last-child {
  border-bottom: none;
}

.lVGOfuUooHv3_QYmnb5L {
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
}

.L8QJUrhQQNa20zbh9srT {
  display: flex;
  flex-direction: column;
  gap: var(--space-xs);
}

.xsoifdotiI2ALNtx9wcQ {
  font-size: var(--font-size-sm);
  font-weight: 500;
  color: var(--color-text-primary);
  font-family: var(--font-secondary);
}

.zDNXLaC8A2opMrCZzl2N {
  width: 100%;
  padding: var(--space-sm) var(--space-md);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  font-size: var(--font-size-sm);
  font-family: var(--font-secondary);
  background: white;
  cursor: pointer;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2712%27 viewBox=%270 0 12 12%27%3E%3Cpath fill=%27%23333%27 d=%27M2 4l4 4 4-4%27/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 10px center;
  padding-right: 35px;
}

.zDNXLaC8A2opMrCZzl2N:focus {
  outline: none;
  border-color: var(--color-primary);
}

.zDNXLaC8A2opMrCZzl2N:disabled {
  background-color: var(--color-bg-light);
  cursor: not-allowed;
  opacity: 0.7;
}

.MjKz0MUijxRIK9y90War {
  display: flex;
  align-items: center;
  font-size: var(--font-size-sm);
  font-family: var(--font-secondary);
}

.g6h94x9wghFYHGFZkyl9 {
  font-weight: 500;
  color: var(--color-text-primary);
}

/* Section Title Row */
.OZMuEg44u61vafe0M4cH {
  padding: var(--space-md) var(--space-md);
  background: var(--color-surface);
}

.AdQ4gjydj8t52QyulOB2 {
  color: #232323;
  font-family: "Helvetica";
  font-weight: bold;
  font-size: var(--font-size-md);
}

.j4CzHm4rp9gdwboUAKYg {
  background: var(--color-bg-light);
  padding-left: var(--space-xl);
}

.VibwVeE4B6Eh9RTPq_UA {
  font-weight: 400;
  color: var(--color-text-secondary);
  padding-left: var(--space-lg);
}

/* Toggle Slider */
.rDiDIEsGPhFdNinEK90o {
  position: relative;
  display: inline-flex;
  align-items: center;
  width: 80px;
  height: 32px;
  border-radius: var(--radius-full);
  border: none;
  cursor: pointer;
  transition: all 0.3s ease;
  font-size: var(--font-size-xs);
  font-weight: 600;
  font-family: var(--font-secondary);
  overflow: hidden;
}

.rDiDIEsGPhFdNinEK90o.XguDD8iw1gtMYKp9Ry57 {
  background: #ff3262;
  color: white;
  padding-right: 28px;
  justify-content: flex-end;
}

.rDiDIEsGPhFdNinEK90o.XguDD8iw1gtMYKp9Ry57::before {
  content: "";
  position: absolute;
  left: 4px;
  top: 4px;
  width: 24px;
  height: 24px;
  background: white;
  border-radius: 50%;
  transition: all 0.3s ease;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.rDiDIEsGPhFdNinEK90o.lNPpyia8HiEymMmiAYXQ {
  background: #9ca3af;
  color: white;
  padding-left: 28px;
  justify-content: flex-start;
}

.rDiDIEsGPhFdNinEK90o.lNPpyia8HiEymMmiAYXQ::before {
  content: "";
  position: absolute;
  right: 4px;
  top: 4px;
  width: 24px;
  height: 24px;
  background: white;
  border-radius: 50%;
  transition: all 0.3s ease;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.rDiDIEsGPhFdNinEK90o.XguDD8iw1gtMYKp9Ry57:hover {
  background: #dc2626;
}

.rDiDIEsGPhFdNinEK90o.lNPpyia8HiEymMmiAYXQ:hover {
  background: #6b7280;
}

.XHUCxo2QYw4W2sm_J8bP {
  font-weight: 600;
  color: var(--color-text-primary);
}

.qp8BUt90LMrwPsIPUirw {
  width: 100%;
  padding: 8px 12px;
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  font-size: var(--font-size-sm);
  color: var(--color-text-primary);
  font-family: var(--font-secondary);
  outline: none;
  transition: border-color 0.2s ease;
}

.qp8BUt90LMrwPsIPUirw:focus {
  border-color: var(--color-primary);
}

.qp8BUt90LMrwPsIPUirw:read-only {
  background: var(--color-surface);
  cursor: default;
}

.qp8BUt90LMrwPsIPUirw::placeholder {
  color: var(--color-text-secondary);
}

/* Contact Dropdown */
.pZl9ns7PJBruvHDCnoSf {
  flex: 1;
  position: relative;
}

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

.JqSDxAz7Of0rqhM5txh7 .NrIaJUI7m5Auf_fYt_Er {
  width: 100%;
  padding-right: 36px;
}

.i7GwMpqGZB2GdQzMqXgl {
  position: absolute;
  right: 12px;
  background: none;
  border: none;
  color: var(--color-text-secondary);
  font-size: 20px;
  cursor: pointer;
  padding: 0;
  line-height: 1;
}

.i7GwMpqGZB2GdQzMqXgl:hover {
  color: var(--color-text-primary);
}

.ZD7ONxLXzorsiJjN4al8 {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  right: 0;
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-md);
  z-index: 1000;
  max-height: 300px;
  overflow-y: auto;
}

.TuyEWCSIRrEoD1R04v6f {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 12px 16px;
  background: transparent;
  border: none;
  cursor: pointer;
  transition: background 0.2s ease;
  text-align: left;
}

.TuyEWCSIRrEoD1R04v6f:hover {
  background: var(--color-bg-light);
}

.TuyEWCSIRrEoD1R04v6f.NRSPb38TQhAEF9QggekR {
  background: var(--color-misty-rose);
}

.zmjFQFSmhbhgz5yXmkJ1 {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.dM41wrmeOVc2xZO_Ydp7 {
  font-size: var(--font-size-sm);
  font-weight: 500;
  color: var(--color-text-primary);
  font-family: var(--font-secondary);
}

.O7zo5eIjG5XutEwLYLZ6 {
  font-size: var(--font-size-xs);
  color: var(--color-text-secondary);
  font-family: var(--font-secondary);
}

.ZQPzLC52Ngzl8a1xR1kg {
  font-size: var(--font-size-xs);
  color: var(--color-text-secondary);
  font-family: var(--font-secondary);
}

.PfZxDpzeRWLodvEAZRQK,
.f_JgPv5V7zMMbx6fCgbZ {
  padding: 16px;
  text-align: center;
  color: var(--color-text-secondary);
  font-size: var(--font-size-sm);
  font-family: var(--font-secondary);
}

/* Selected Contact Card */
.aHbxQAcDEgA17cWTfgDX {
  margin-top: var(--space-sm);
  margin-left: 156px;
  padding: var(--space-md);
  background: var(--color-bg-light);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border);
}

.ksDAjjeIX5wU7piz6FQA {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.vuMpiZPNHmvaFvUU_ijc {
  font-size: var(--font-size-sm);
  font-weight: 600;
  color: var(--color-text-primary);
  font-family: var(--font-secondary);
}

.FtA44KA9s0wyscqTDbza,
.ycJlNoix61tl9Co8lGt0 {
  font-size: var(--font-size-xs);
  color: var(--color-text-secondary);
  font-family: var(--font-secondary);
}

/* Responsive */
@media (max-width: 1024px) {
  .l2svJs7Vi4elWsrfLnuy {
    grid-template-columns: 1fr;
  }

  .jMkDsRffw3QQ6cf6SZDo {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-sm);
  }

  .tS0RD3mKqAmL789f1KfN {
    flex: none;
  }

  .NrIaJUI7m5Auf_fYt_Er {
    width: 100%;
  }

  .EiszsnOwQAXTbgSMxpWS {
    flex-direction: column;
  }

  .IZW64oJCVg1xJl0E7Qoz {
    flex: none;
    width: 100%;
  }

  .dNqfFYBtT36emvkmLild {
    padding: var(--space-lg);
  }

  .PfllA7wxJIZquwWiIliz {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  .PfllA7wxJIZquwWiIliz::-webkit-scrollbar {
    display: none;
  }

  .UB9pQZFtk1CIQbYMwaJb {
    flex: none;
    white-space: nowrap;
    padding: var(--space-md) var(--space-md);
  }

  .T9zTvUFVREyyZJ6uZetB {
    justify-content: flex-start;
  }

  .aAUPNVPp9Uk8AaFQpN7W {
    flex-direction: column;
    gap: var(--space-md);
  }

  .KSNj8tk8K5mcCIe6CNLa {
    padding: var(--space-sm) var(--space-md);
  }

  .x0BB859CRaBxKBjbzVew {
    padding: var(--space-md);
  }

  .l8u7MBM7LT7_k7j6E79N,
  .a3Hfi9ztfoh1Vo6hyJB6 {
    grid-template-columns: 1.5fr 0.8fr 0.8fr 0.8fr 1.5fr;
    gap: var(--space-sm);
    padding: var(--space-sm) var(--space-xs);
  }

  .Amu2KAudQNMtVSbymwC1 {
    font-size: var(--font-size-xs);
  }

  .rDiDIEsGPhFdNinEK90o {
    width: 70px;
    height: 28px;
    font-size: 10px;
  }

  .rDiDIEsGPhFdNinEK90o.XguDD8iw1gtMYKp9Ry57 {
    padding-left: 24px;
  }

  .rDiDIEsGPhFdNinEK90o.lNPpyia8HiEymMmiAYXQ {
    padding-right: 24px;
  }

  .rDiDIEsGPhFdNinEK90o.XguDD8iw1gtMYKp9Ry57::before,
  .rDiDIEsGPhFdNinEK90o.lNPpyia8HiEymMmiAYXQ::before {
    width: 20px;
    height: 20px;
  }

  .qp8BUt90LMrwPsIPUirw {
    padding: 6px 8px;
    font-size: var(--font-size-xs);
  }
}

/* Summary Section Styles */
._fr5JaMqosxWFePdk9lc {
  background: var(--color-surface);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
  border: 1px solid var(--color-border);
}

.stjTPQJjx1e2E0QdYrwd {
  padding: var(--space-xl) var(--space-2xl);
  display: flex;
  flex-direction: column;
}

.CEsSnQDDk3_VQXhwEMh_ {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: var(--space-2xl);
  padding: var(--space-md) 0;
}

.ilD2eo4kjT1PzPTNZRfW {
  font-size: var(--font-size-md);
  font-weight: 700;
  color: #232323;
  font-family: var(--font-secondary);
  min-width: 120px;
  text-align: right;
}

.sR4YP04utiJvUWyGxksF {
  font-size: var(--font-size-lg);
  font-weight: 700;
  color: #232323;
  font-family: var(--font-secondary);
  min-width: 120px;
  text-align: right;
}

.o9CSLf4VavquNUdBqi49 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--space-lg) 0;
  border-bottom: 1px solid var(--color-border);
  margin-bottom: var(--space-md);
}

.BKhhEy6opaOpPACUOc4x {
  display: flex;
  align-items: center;
  gap: var(--space-lg);
}

.iZU6Isi4i54ayeMOPZU_ {
  font-size: var(--font-size-md);
  font-weight: 400;
  color: #232323;
  font-family: var(--font-secondary);
}

.IxwSdbGpefTpkG63PSw8 {
  display: flex;
  align-items: center;
  gap: var(--space-2xl);
}

._I3aJbt6HmTgTXFFUY1B {
  width: 60px;
  padding: var(--space-sm) var(--space-md);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  font-size: var(--font-size-md);
  font-weight: 600;
  font-family: var(--font-secondary);
  text-align: right;
  color: var(--color-text-primary);
  background: var(--color-surface);
}

._I3aJbt6HmTgTXFFUY1B:focus {
  outline: none;
  border-color: var(--color-primary);
}

._I3aJbt6HmTgTXFFUY1B:disabled {
  background: var(--color-bg-light);
  color: var(--color-text-secondary);
}

.yVfKf5628iB7lAHOePNm {
  font-size: var(--font-size-md);
  font-weight: 600;
  color: var(--color-text-secondary);
  margin-right: var(--space-md);
}

.x0sVQ0Q8yUBgk9WrPOkN {
  font-size: var(--font-size-md);
  font-weight: 400;
  color: #232323;
  font-family: var(--font-secondary);
  min-width: 60px;
  text-align: right;
}

.eJMD1XQ2TPkulSfqxv73 {
  font-size: var(--font-size-lg);
  font-weight: 700;
  color: #232323;
  font-family: var(--font-secondary);
  min-width: 120px;
  text-align: right;
}

/* Summary Totals Section (Total, Cost per m2) */
.zAVtFPXfOPBTgfTyG7eT {
  display: flex;
  flex-direction: column;
}

.wSXQ_7kb0PXwc1oJwDzg {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: var(--space-2xl);
  padding: var(--space-sm) 0;
}

.T20kDvIdaFuvqbW_cGzf {
  font-size: var(--font-size-md);
  font-weight: 700;
  color: #232323;
  font-family: var(--font-secondary);
  min-width: 120px;
  text-align: right;
}

.UYkCqdBxyYt4yUJEClr7 {
  font-size: var(--font-size-lg);
  font-weight: 700;
  color: #232323;
  font-family: var(--font-secondary);
  min-width: 120px;
  text-align: right;
}

@media (max-width: 768px) {
  .IAWW_x1cyar5KyueLqSL {
    padding: var(--space-md);
  }

  .APibBUmh5CcYVygidF2f {
    font-size: var(--font-size-xs);
  }

  .l8u7MBM7LT7_k7j6E79N,
  .a3Hfi9ztfoh1Vo6hyJB6 {
    grid-template-columns: 1fr;
    gap: var(--space-sm);
  }

  .Amu2KAudQNMtVSbymwC1 {
    display: none;
  }

  .MjKz0MUijxRIK9y90War {
    display: grid;
    grid-template-columns: 100px 1fr;
    gap: var(--space-sm);
  }

  .MjKz0MUijxRIK9y90War::before {
    content: attr(data-label);
    font-weight: 600;
    font-size: var(--font-size-xs);
  }

  .g6h94x9wghFYHGFZkyl9 {
    grid-column: 1 / -1;
    margin-bottom: var(--space-sm);
  }

  .stjTPQJjx1e2E0QdYrwd {
    padding: var(--space-md);
  }

  .o9CSLf4VavquNUdBqi49 {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-md);
  }

  .IxwSdbGpefTpkG63PSw8 {
    width: 100%;
    justify-content: space-between;
  }
}

/* Area Information Section */
.UaGWfhBI3AgCWdCL8xcR {
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
  border: 1px solid var(--color-border);
  padding: var(--space-md);
  background: var(--color-surface);
  border-radius: var(--radius-md);
}

.qggqtayRA0YZyoUd4tEC {
  display: grid;
  grid-template-columns: 2fr 1fr;
  align-items: center;
  gap: var(--space-md);
}

.YPCHqsR5TOcBn83xN0AB {
  font-family: var(--font-secondary);
  font-size: var(--font-size-sm);
  color: var(--color-text-primary);
}

.tNs9EfK2HIiCrKex5vR5 {
  padding: var(--space-md);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  font-family: var(--font-secondary);
  font-size: var(--font-size-md);
  color: var(--color-text-primary);
  background: var(--color-green-white, #e8f5e9);
  text-align: center;
  font-weight: 600;
}

.tNs9EfK2HIiCrKex5vR5:focus {
  outline: none;
  border-color: var(--color-primary);
}

.tNs9EfK2HIiCrKex5vR5:disabled {
  background: var(--color-bg-light);
  cursor: not-allowed;
  opacity: 0.7;
}

.zkaZ9zoZSfbvD67TOynm {
  width: 100%;
}

/* Loading & Error States */
.w5z18Bcny1RVXjxK1QwT,
.kSHAHpEFDT4OYne7E957 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--space-2xl);
  background: var(--color-surface);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
  min-height: 200px;
}

.w5z18Bcny1RVXjxK1QwT {
  color: var(--color-text-secondary);
  font-size: var(--font-size-md);
}

.kSHAHpEFDT4OYne7E957 {
  color: var(--color-rust);
  font-size: var(--font-size-md);
  text-align: center;
}

.rNKMAPtnrvovLa7f1ic0 {
  margin-top: var(--space-md);
  padding: 10px 24px;
  background: var(--color-sapphire);
  color: white;
  border: none;
  border-radius: var(--radius-sm);
  font-size: var(--font-size-sm);
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
}

.rNKMAPtnrvovLa7f1ic0:hover {
  background: #1e3d7a;
}

/* Filter Tabs */
.dK4jkOSVIKdFDG4dw7M2 {
  display: flex;
  justify-content: space-between;
  gap: 0;
  margin-bottom: var(--space-lg);
}

.dK4jkOSVIKdFDG4dw7M2 > div {
  width: fit-content;
  display: flex;
  flex-direction: row;
}

.uiGYcYpvlayx4U4LRPh1 {
  flex: none;
  padding: 4px 8px;
  background: #f7f6f6;
  border: 1px solid #eee;
  color: var(--color-text-primary);
  font-size: var(--font-size-sm);
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: var(--font-secondary);
  text-align: center;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}

.uiGYcYpvlayx4U4LRPh1:first-child {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}

.uiGYcYpvlayx4U4LRPh1:last-child {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}

.uiGYcYpvlayx4U4LRPh1:hover {
  background: var(--color-misty-rose);
}

.uiGYcYpvlayx4U4LRPh1.zS_AC3SdJixd9HcGs_Ll {
  background: var(--color-primary);
  color: white;
  font-weight: 600;
}

.CsAkqCeACsTGpazPxbei {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  margin-left: var(--space-xs);
  background: rgba(0, 0, 0, 0.1);
  font-size: 11px;
  font-weight: 600;
  border-radius: 10px;
}

.uiGYcYpvlayx4U4LRPh1.zS_AC3SdJixd9HcGs_Ll .CsAkqCeACsTGpazPxbei {
  background: rgba(255, 255, 255, 0.3);
}

/* Header */
.V28keWDqDZxnFUuINnoQ {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: var(--space-lg);
  gap: var(--space-lg);
  gap: var(--space-md);
}

.MvAzK_eeP_coh0Fbw_4I {
  position: relative;
  display: flex;
  align-items: center;
  flex: 1;
  max-width: 600px;
}

.I8mhYzMw0udNdQFQYFC3 {
  position: absolute;
  left: var(--space-md);
  color: var(--color-text-secondary);
  pointer-events: none;
}

.gwGWadtDMnCKE0sysJhX {
  width: 100%;
  height: 44px;
  padding: 0 16px 0 44px;
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  font-size: var(--font-size-sm);
  color: var(--color-text-primary);
  font-family: var(--font-secondary);
  outline: none;
  transition: border-color 0.2s ease;
}

.gwGWadtDMnCKE0sysJhX:focus {
  border-color: var(--color-primary);
}

.gwGWadtDMnCKE0sysJhX::placeholder {
  color: var(--color-text-secondary);
}

.LfEC1NKHnokULyCPR82E {
  height: 44px;
  padding: 0 24px;
  background: #2d5a6b;
  color: white;
  border: none;
  border-radius: var(--radius-md);
  font-size: var(--font-size-sm);
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: var(--font-secondary);
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: center;
}

.LfEC1NKHnokULyCPR82E:hover {
  background: #234651;
}

/* Table */
.YuI_qFFxKdYRzus_rF2X {
  background: var(--color-surface);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
  overflow: hidden;
  margin-bottom: var(--space-lg);
}

.rawCJade4DSyTCAuSTok {
  width: 100%;
  border-collapse: collapse;
}

.JLLzXNz5Dqz6lX7Rime7 {
  background: var(--color-green-white);
  border-bottom: 2px solid var(--color-border);
}

.JLLzXNz5Dqz6lX7Rime7 th {
  padding: var(--space-md) var(--space-lg);
  text-align: left;
  font-size: var(--font-size-sm);
  font-weight: 700;
  color: var(--color-text-primary);
  font-family: var(--font-secondary);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.N_RInKgYbk9MrDif5r0r {
  cursor: pointer;
  user-select: none;
}

.N_RInKgYbk9MrDif5r0r span {
  display: inline-flex;
  align-items: center;
  gap: var(--space-xs);
}

.N_RInKgYbk9MrDif5r0r:hover {
  background: rgba(0, 0, 0, 0.05);
}

.GJOWGwMdTsoVIY9hct9v {
  border-bottom: 1px solid var(--color-border);
  transition: background 0.2s ease;
  background: #f7f6f6;
}

.GJOWGwMdTsoVIY9hct9v:hover {
  background: rgba(0, 0, 0, 0.02);
}

.GJOWGwMdTsoVIY9hct9v td {
  padding: var(--space-lg) var(--space-lg);
  font-size: var(--font-size-sm);
  color: var(--color-text-primary);
  font-family: var(--font-secondary);
}

/* Document Name */
.MzXthFSm3oJNEu8prjeh {
  display: flex;
  align-items: center;
  gap: var(--space-md);
}

.aQ_tJtyikHHabFfIn8w5 {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.wComl_d1ICF8oal8Xky3 {
  font-weight: 600;
  color: var(--color-text-primary);
}

.BVp5d4Y_KjpIda71ajwP {
  font-size: 12px;
  color: var(--color-text-secondary);
}

/* Date */
.IHOAZVw6UMbSeGbhN0TA {
  color: var(--color-text-secondary);
}

/* Uploaded By */
.MyMtQULbsnxLx8nARqmb {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.Y_6vyKLCbNUdp__AoWnc {
  display: flex;
  align-items: center;
  gap: var(--space-md);
}

.m9LF25lN_Y8hBZ5wM3AG {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  object-fit: cover;
}

.RV9B2Ti48Qc8o3cNn7Hi {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: var(--color-ash-gray);
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: var(--font-size-sm);
}

.bX0t7JTImFjxbxQM5ycI {
  font-weight: 500;
  color: var(--color-text-primary);
}

/* Actions */
.eI0ZsDRyuoke4gpUZVhI {
  display: flex;
  gap: var(--space-sm);
}

.bSQ5MIKfew16EZUxgepn {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
  color: var(--color-text-secondary);
  cursor: pointer;
  transition: all 0.2s ease;
}

.bSQ5MIKfew16EZUxgepn:hover {
  color: var(--color-sapphire);
}

.ekbTDDLyxQC21fl3zs8X {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
  color: var(--color-rust);
  cursor: pointer;
  transition: all 0.2s ease;
}

.ekbTDDLyxQC21fl3zs8X:hover {
  color: #8b3519;
}

/* Empty State */
.S1JIv7ASDwKGoEJcZGIJ {
  text-align: center;
  padding: var(--space-2xl);
  color: var(--color-text-secondary);
}

.m_6mKK01bZktfWRsdRVF {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-md);
}

.m_6mKK01bZktfWRsdRVF svg {
  color: var(--color-ash-gray);
}

.m_6mKK01bZktfWRsdRVF p {
  margin: 0;
  font-size: var(--font-size-md);
}

/* Spinner */
.xaiovBMw09FXBtfTnk_G {
  width: 16px;
  height: 16px;
  border: 2px solid currentColor;
  border-top-color: transparent;
  border-radius: 50%;
  animation: FdEkVC11_t9Ps3s3bDmZ 0.8s linear infinite;
}

@keyframes FdEkVC11_t9Ps3s3bDmZ {
  to {
    transform: rotate(360deg);
  }
}

.ekbTDDLyxQC21fl3zs8X:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Responsive */
@media (max-width: 1024px) {
  .V28keWDqDZxnFUuINnoQ {
    flex-direction: column;
    align-items: stretch;
  }

  .MvAzK_eeP_coh0Fbw_4I {
    max-width: none;
  }

  .dK4jkOSVIKdFDG4dw7M2 {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  .dK4jkOSVIKdFDG4dw7M2::-webkit-scrollbar {
    display: none;
  }

  .dK4jkOSVIKdFDG4dw7M2 > div {
    display: inline-flex;
  }
}

@media (max-width: 768px) {
  .YuI_qFFxKdYRzus_rF2X {
    overflow-x: auto;
  }

  .rawCJade4DSyTCAuSTok {
    min-width: 600px;
  }

  .JLLzXNz5Dqz6lX7Rime7 th,
  .GJOWGwMdTsoVIY9hct9v td {
    padding: var(--space-sm) var(--space-md);
  }

  .MyMtQULbsnxLx8nARqmb {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-sm);
  }
}


.abGqDCWNf_8p57tUbe9K {
  padding: var(--space-xl);
  max-width: 1600px;
  margin: 0 auto;
}

.XtRW9SUNYd9SgEN2jywb {
  background: var(--color-surface);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-card);
  padding: var(--space-xl);
  display: flex;
  flex-direction: column;
  gap: var(--space-lg);
}

.vklAtquCwnD26PTOk74d {
  position: relative;
  display: flex;
  align-items: center;
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  overflow: hidden;
  min-width: 250px;
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  font-weight: 400;
}

.Fz3FA3AdLEtwHh6rFS4_ {
  padding: 0 var(--space-md);
  display: flex;
  align-items: center;
  color: var(--color-text-secondary);
}

.gWM8Px_8CORHjJ9zOpvP {
  flex: 1;
  padding: var(--space-md);
  padding-left: 0;
  border: none;
  outline: none;
  font-size: var(--font-size-sm);
  font-family: var(--font-secondary);
}

.gWM8Px_8CORHjJ9zOpvP::placeholder {
  color: var(--color-text-secondary);
}

.WrRIxgxRrqwUAW0aLiQd {
  display: flex;
  align-items: center;
  gap: var(--space-md);
}

.WArzWf7unYBBBm_yBm97 {
  white-space: nowrap;
}

.KlzpdEcTtT854XVgMXAQ {
  position: relative;
  display: flex;
  align-items: stretch;
}

.x0kGeOUTpyzHGi2xgf94 {
  width: 60px;
  min-height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
  background: var(--color-sapphire);
  color: var(--color-antiflash-white);
  border: 1px solid var(--color-sapphire);
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: all 0.2s ease;
  position: relative;
}

.x0kGeOUTpyzHGi2xgf94 svg {
  fill: var(--color-antiflash-white);
}

.x0kGeOUTpyzHGi2xgf94:hover {
  background: rgba(45, 90, 107, 0.08);
}

.jphGZexqRAflnBV8B7dW {
  position: absolute;
  top: 2px;
  right: 2px;
  background: var(--color-primary);
  color: white;
  font-size: 10px;
  font-weight: 700;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

.Er7Nyk3SBJkH87cB2MYQ {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  background: white;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12);
  min-width: 200px;
  z-index: 100;
  overflow: hidden;
  padding: 8px 0;
}

.NQUE159FEPN2Lnncwjga {
  width: 100%;
  padding: 10px 16px 10px 24px;
  background: var(--color-surface);
  border: none;
  text-align: left;
  font-size: var(--font-size-sm);
  color: var(--color-sapphire-dark);
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: var(--font-secondary);
  font-weight: 400;
}

.NQUE159FEPN2Lnncwjga:hover {
  background: var(--color-bg-light);
  border-color: var(--color-border);
}

.NQUE159FEPN2Lnncwjga.fRayfoe1SNdQ5JmRP0QE {
  background: var(--color-green-white);
  border: 1px solid var(--color-green-white);
}

.NQUE159FEPN2Lnncwjga.fRayfoe1SNdQ5JmRP0QE:hover {
  background: #e0efff;
}

.yIc4Ta7F4kwEchRBdrZ0,
.j0mdSQB08dnIUfgYxXjQ {
  padding: var(--space-2xl);
  text-align: center;
  background: white;
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
}

.yIc4Ta7F4kwEchRBdrZ0 p {
  color: var(--color-text-secondary);
  font-size: var(--font-size-md);
}

.j0mdSQB08dnIUfgYxXjQ p {
  color: var(--color-rust);
  font-size: var(--font-size-md);
  margin-bottom: var(--space-md);
}

.FHT4B25KC7qm3zRs4ott {
  padding: var(--space-sm) var(--space-lg);
  background: var(--color-primary);
  color: white;
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  font-size: var(--font-size-sm);
  font-weight: 500;
  font-family: var(--font-secondary);
  transition: all 0.2s ease;
}

.FHT4B25KC7qm3zRs4ott:hover {
  background: var(--color-rust);
}

@media (max-width: 768px) {
  .vklAtquCwnD26PTOk74d {
    width: 100%;
    min-width: unset;
  }

  .x0kGeOUTpyzHGi2xgf94 {
    align-self: flex-end;
  }

  .Er7Nyk3SBJkH87cB2MYQ {
    right: 0;
    left: auto;
  }
}




.HD6L9138At5ETHvl6LET {
  padding: var(--space-xl);
  max-width: 1600px;
  margin: 0 auto;
}

/* Version Bar */
.tMD8Zhtgp5wyfWBDeUg5 {
  display: flex;
  justify-content: end;
  align-items: center;
  gap: var(--space-md);
  margin: var(--space-lg) 0;
}

.frJggQ402F9dMMgjp_GQ {
  display: flex;
  align-items: center;
  gap: var(--space-md);
}

.WNDpkJhZB7QSqvCD3hM_ {
  font-size: var(--font-size-sm);
  font-weight: 500;
  color: var(--color-text-primary);
  font-family: var(--font-secondary);
  white-space: nowrap;
}

.l_v5jC1fZPsBMljaipT3 {
  position: relative;
}

.TMeaWK0ngEn3_T7Z3_jq {
  display: flex;
  align-items: center;
  gap: var(--space-sm);
  padding: 10px 16px;
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  font-size: var(--font-size-sm);
  color: var(--color-text-primary);
  font-family: var(--font-secondary);
  cursor: pointer;
  transition: all 0.2s ease;
  min-width: 220px;
  justify-content: space-between;
}

.TMeaWK0ngEn3_T7Z3_jq:hover {
  border-color: var(--color-sapphire);
}

.TMeaWK0ngEn3_T7Z3_jq svg {
  transition: transform 0.2s ease;
  color: var(--color-sapphire);
}

.TMeaWK0ngEn3_T7Z3_jq svg.ik5cYvN9UQJMKtXtTwww {
  transform: rotate(180deg);
}

._eQj9PBzt5542BCzJ9hr {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  right: 0;
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-md);
  z-index: 100;
  max-height: 240px;
  overflow-y: auto;
}

.ZhG22Jlkp3y9bzACkERF {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 12px 16px;
  background: transparent;
  border: none;
  font-size: var(--font-size-sm);
  color: var(--color-text-primary);
  font-family: var(--font-secondary);
  cursor: pointer;
  transition: background 0.2s ease;
  text-align: left;
}

.ZhG22Jlkp3y9bzACkERF:hover {
  background: var(--color-bg-light);
}

.ZhG22Jlkp3y9bzACkERF.Dx8R3RFvFR2MEXbf27AC {
  background: var(--color-misty-rose);
  color: var(--color-primary);
}

.NGDWpiZQ9YDjJTFbIOXh {
  font-weight: 500;
}

.QiCNfl6S4Zkp9YaX0d8g {
  font-size: var(--font-size-xs);
  color: var(--color-text-secondary);
}

.ZhG22Jlkp3y9bzACkERF.Dx8R3RFvFR2MEXbf27AC .QiCNfl6S4Zkp9YaX0d8g {
  color: var(--color-rust);
}

.qxzjDz7SXFIrrFfUT23s {
  display: flex;
  align-items: center;
  gap: var(--space-sm);
  padding: 10px 20px;
  background: var(--color-celadon);
  color: var(--color-primary-dark);
  border: none;
  border-radius: var(--radius-md);
  font-size: var(--font-size-sm);
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: var(--font-secondary);
  white-space: nowrap;
}

.qxzjDz7SXFIrrFfUT23s:hover {
  background: #8bc4a4;
}

.qxzjDz7SXFIrrFfUT23s svg {
  stroke-width: 2.5;
}

/* Nav Tabs */
.Mqck7tP63sllTUx6t26d {
  position: sticky;
  top: 0;
  background: var(--color-background);
  z-index: 10;
  padding-bottom: var(--space-sm);
}

.kpYM5vfbhImnKYcSjD6C {
  display: flex;
  gap: 0;
}

.XZQYQpK31znOHNeLBVxo {
  padding: var(--space-md) var(--space-lg);
  background: transparent;
  border: none;
  border-top: 3px solid transparent;
  color: #839ca4;
  font-size: 18px;
  font-weight: 400;
  font-family: var(--font-primary);
  cursor: pointer;
  transition: all 0.2s ease;
  text-align: center;
  margin-bottom: -2px;
  white-space: nowrap;
}

.XZQYQpK31znOHNeLBVxo:hover {
  color: var(--color-text-primary);
  background: rgba(0, 0, 0, 0.02);
}

.XZQYQpK31znOHNeLBVxo.W9gF1qoA45Z0CghvbOCN {
  color: var(--color-text-primary);
  border-top-color: var(--color-primary);
  font-weight: 700;
}

/* Content Area */
.WYKvTy6XqwcT3oFx8D_k {
  margin-top: var(--space-lg);
}

.f_qvoBu3rr3ULgB4I289 {
  background: var(--color-surface);
  border-radius: var(--radius-md);
  padding: var(--space-xl);
  box-shadow: var(--shadow-sm);
  min-height: 400px;
}

.f_qvoBu3rr3ULgB4I289 h3 {
  margin: 0 0 var(--space-md) 0;
  font-size: var(--font-size-lg);
  font-weight: 600;
  color: var(--color-text-primary);
  font-family: var(--font-primary);
}

._6s0jv_7G955YtaqkPHp {
  color: var(--color-text-secondary);
  font-size: var(--font-size-sm);
  font-family: var(--font-secondary);
}

/* Form Actions */
.NDvtmKgvSYGZXY90_k3x {
  display: flex;
  justify-content: flex-end;
  margin-top: var(--space-lg);
}
.l1tZHO9dGekkmfx_H2R4 {
  display: flex;
  justify-content: flex-end;
  gap: var(--space-lg);
  border-top: 1px solid var(--color-border);
  margin-top: var(--space-lg);
}
.EiYy3xuQMeuM8rRDCekS {
  padding: 10px var(--space-md);
  background: var(--color-sapphire);
  color: white;
  border: none;
  border-radius: var(--radius-md);
  font-size: var(--font-size-sm);
  font-weight: 600;
  font-family: var(--font-secondary);
  cursor: pointer;
  transition: all 0.2s ease;
  min-width: 150px;
}

.EiYy3xuQMeuM8rRDCekS:hover {
  background: #094a72;
}

.BPu78W8IX8Ae71AmACJV {
  padding: 10px var(--space-md);
  background: var(--color-primary);
  color: white;
  border: none;
  border-radius: var(--radius-md);
  font-size: var(--font-size-sm);
  font-weight: 600;
  font-family: var(--font-secondary);
  cursor: pointer;
  transition: all 0.2s ease;
  min-width: 180px;
}

.BPu78W8IX8Ae71AmACJV:hover {
  background: #d64d1b;
}

/* Contact Section */
.ntD9YP37K_rHUyVKgliA {
  margin-bottom: var(--space-lg);
}

.SACqKPILvNGsqLa8aQyQ {
  background: var(--color-surface);
  border-radius: var(--radius-md);
  padding: var(--space-xl);
  box-shadow: var(--shadow-sm);
  border: 1px solid var(--color-border);
}

.L9ZuQDklamzVxs0Bpkj_ {
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  font-size: var(--font-size-lg);
  font-weight: 600;
  margin: 0 0 var(--space-lg) 0;
}

.pJvn0bbZGAsjH9T1ZInS {
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
  margin-bottom: var(--space-md);
}

.ZONNmcE1gCHeVftOEczC {
  font-size: var(--font-size-sm);
  font-weight: 500;
  color: var(--color-text-primary);
  font-family: var(--font-secondary);
}

.Fx8n7kDuWsLMRIlW4XV7 {
  flex: 1;
  padding: 12px 16px;
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  font-size: var(--font-size-sm);
  color: var(--color-text-primary);
  font-family: var(--font-secondary);
  outline: none;
  transition: border-color 0.2s ease;
}

.Fx8n7kDuWsLMRIlW4XV7:focus {
  border-color: var(--color-primary);
}

/* Contact Dropdown */
.ibGDWIWE8Bu8CU1sIHj5 {
  flex: 1;
  position: relative;
}

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

.s6XFtyK4p966ROwAHni3 .Fx8n7kDuWsLMRIlW4XV7 {
  width: 100%;
  padding-right: 36px;
}

.jpJExGNpjGpFzEFbQba_ {
  position: absolute;
  right: 12px;
  background: none;
  border: none;
  color: var(--color-text-secondary);
  font-size: 20px;
  cursor: pointer;
  padding: 0;
  line-height: 1;
}

.jpJExGNpjGpFzEFbQba_:hover {
  color: var(--color-text-primary);
}

.lOdWmoo18pFImW9871XQ {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  right: 0;
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-md);
  z-index: 1000;
  max-height: 300px;
  overflow-y: auto;
}

.t50p47K9DfLjQWQGBAQJ {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 12px 16px;
  background: transparent;
  border: none;
  cursor: pointer;
  transition: background 0.2s ease;
  text-align: left;
}

.t50p47K9DfLjQWQGBAQJ:hover {
  background: var(--color-bg-light);
}

.t50p47K9DfLjQWQGBAQJ.Dx8R3RFvFR2MEXbf27AC {
  background: var(--color-misty-rose);
  color: var(--color-primary);
}

.MjSVpWSU8paABRKFKmyT {
  display: flex;
  flex-direction: column;
  gap: 4px;
  flex: 1;
}

.bbRMN_R7yf_Gp_0NfCEl {
  font-size: var(--font-size-sm);
  font-weight: 500;
  color: var(--color-text-primary);
  font-family: var(--font-secondary);
}

.vTMXVoRd1LiLxYjVlRTT {
  font-size: var(--font-size-xs);
  color: var(--color-text-secondary);
  font-family: var(--font-secondary);
}

.L84vm7dLuzWlSIwU7BIn {
  font-size: var(--font-size-xs);
  color: var(--color-text-secondary);
  font-family: var(--font-secondary);
}

.rconLi5h4asRC7yPm3dm,
.UPnkQfn6ue8nT1S_IiOo {
  padding: 12px 16px;
  text-align: center;
  color: var(--color-text-secondary);
  font-size: var(--font-size-sm);
  font-family: var(--font-secondary);
}

/* Selected Contact Card */
.m9R6gz50BWfRjHt6gFL_ {
  margin-top: var(--space-md);
  padding: var(--space-md);
  background: var(--color-bg-light);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border);
}

.X1wAuhjFYv7eHXLeY62X {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.ls0EFp5OoRJrKvQOzSor {
  font-size: var(--font-size-sm);
  font-weight: 600;
  color: var(--color-text-primary);
  font-family: var(--font-secondary);
}

.hxZk4NBGl_e4ZuK9Rr9k,
.qILnOwLZskuLYZbKwU3g {
  font-size: var(--font-size-xs);
  color: var(--color-text-secondary);
  font-family: var(--font-secondary);
}

/* Backdrop for dropdowns */
.gy9j2uPyGXW_UKu_JAZA {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  background: transparent;
}

/* Responsive */
@media (max-width: 1024px) {
  .tMD8Zhtgp5wyfWBDeUg5 {
    flex-direction: column;
    align-items: stretch;
  }

  .frJggQ402F9dMMgjp_GQ {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-sm);
  }

  .TMeaWK0ngEn3_T7Z3_jq {
    width: 100%;
  }

  .qxzjDz7SXFIrrFfUT23s {
    width: 100%;
    justify-content: center;
  }

  .kpYM5vfbhImnKYcSjD6C {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  .kpYM5vfbhImnKYcSjD6C::-webkit-scrollbar {
    display: none;
  }

  .XZQYQpK31znOHNeLBVxo {
    flex: none;
    white-space: nowrap;
    padding: var(--space-md) var(--space-md);
  }
}

@media (max-width: 768px) {
  .f_qvoBu3rr3ULgB4I289 {
    padding: var(--space-md);
  }

  .tMD8Zhtgp5wyfWBDeUg5 {
    padding: var(--space-md);
  }

  .l1tZHO9dGekkmfx_H2R4 {
    flex-direction: column;
  }
  .EiYy3xuQMeuM8rRDCekS,
  .BPu78W8IX8Ae71AmACJV {
    width: 100%;
  }
}

.L7lhPqCX4XVkCWEzsfgB {
  padding: var(--space-xl);
  max-width: 1600px;
  margin: 0 auto;
}

/* Nav Tabs */
.vyKaXPX5tVfewIISJomY {
  position: sticky;
  top: 0;
  background: var(--color-background);
  z-index: 10;
  padding-bottom: var(--space-sm);
  margin-top: var(--space-lg);
}

.SkMUOkJrEJ5fwX1fapPc {
  display: flex;
  gap: 0;
}

.hr5M2mH5ZTa6shCUeE8t {
  padding: var(--space-md) var(--space-lg);
  background: transparent;
  border: none;
  border-top: 3px solid transparent;
  color: #839ca4;
  font-size: 18px;
  font-weight: 400;
  font-family: var(--font-primary);
  cursor: pointer;
  transition: all 0.2s ease;
  text-align: center;
  margin-bottom: -2px;
  white-space: nowrap;
}

.hr5M2mH5ZTa6shCUeE8t:hover {
  color: var(--color-text-primary);
  background: rgba(0, 0, 0, 0.02);
}

.hr5M2mH5ZTa6shCUeE8t._iaNda7Jdfsa3ZsgcL2y {
  color: var(--color-text-primary);
  border-top-color: var(--color-primary);
  font-weight: 700;
}

/* Content Area */
.mGcxDqLaYgBsHRli_WfO {
  margin-top: var(--space-lg);
}

.QuzE7ywr_6AMfAvL1jRw,
.DYKJQnayfp_v6_BIPlOl {
  padding: var(--space-xl);
  text-align: center;
  color: var(--color-text-secondary);
  font-size: var(--font-size-sm);
  font-family: var(--font-secondary);
}

.DYKJQnayfp_v6_BIPlOl {
  color: #dc2626;
}

/* Error Banner */
.Tjn9ek0XNd2LnfYlTOnW {
  display: flex;
  align-items: center;
  gap: var(--space-sm);
  padding: var(--space-md) var(--space-lg);
  background: #fee2e2;
  border: 1px solid #fecaca;
  border-radius: var(--radius-md);
  margin-bottom: var(--space-lg);
  color: #dc2626;
  font-size: var(--font-size-sm);
  font-weight: 500;
  font-family: var(--font-secondary);
}

.Tjn9ek0XNd2LnfYlTOnW svg {
  flex-shrink: 0;
}

/* Form Container */
.lG0wtaEP3zk5aN0X4r8w {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-lg);
  margin-bottom: var(--space-lg);
}

/* Paper Component */
.C6lq8Hno6qwBla8LDF7E {
  background: var(--color-surface);
  border-radius: var(--radius-md);
  padding: var(--space-xl);
  box-shadow: var(--shadow-sm);
  border: 1px solid var(--color-border);
}

.OUvrPf1CBcK4SFbjG8RD {
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  font-weight: 600;
  font-size: var(--font-size-lg);
  margin: 0 0 var(--space-lg) 0;
}

/* Form Groups */
.ksSiUrA2hlFM8MR837aY {
  display: flex;
  align-items: center;
  margin-bottom: var(--space-lg);
  gap: var(--space-lg);
}

.ksSiUrA2hlFM8MR837aY:last-child {
  margin-bottom: 0;
}

.BRGMpKZbJqhrtDQYTIsS {
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
  margin-bottom: var(--space-lg);
}

.BRGMpKZbJqhrtDQYTIsS:last-child {
  margin-bottom: 0;
}

.lgoEbsTbm0mL25j58O4z {
  flex: 0 0 140px;
  font-size: var(--font-size-sm);
  font-weight: 400;
  color: var(--color-text-primary);
  font-family: var(--font-secondary);
}

.BRGMpKZbJqhrtDQYTIsS .lgoEbsTbm0mL25j58O4z {
  flex: none;
}

.UTcT4KdtOK9a_XQt3FFQ {
  color: #dc2626;
}

.S_LxgAORLjJe2qNL5ecg {
  flex: 1;
  padding: 12px 16px;
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  font-size: var(--font-size-sm);
  color: var(--color-text-primary);
  font-family: var(--font-secondary);
  outline: none;
  transition: border-color 0.2s ease;
}

.S_LxgAORLjJe2qNL5ecg:focus {
  border-color: var(--color-primary);
}

.S_LxgAORLjJe2qNL5ecg:hover:not(:focus) {
  border-color: var(--color-ash-gray);
}

.S_LxgAORLjJe2qNL5ecg::placeholder {
  color: var(--color-text-secondary);
}

.T_KyvKrZFaFpM0Q3CMn9 {
  flex: 1;
  padding: 12px 16px;
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  font-size: var(--font-size-sm);
  color: var(--color-text-primary);
  font-family: var(--font-secondary);
  outline: none;
  transition: border-color 0.2s ease;
  cursor: pointer;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2712%27 viewBox=%270 0 12 12%27%3E%3Cpath fill=%27%23333%27 d=%27M2 4l4 4 4-4%27/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 16px center;
  padding-right: 40px;
}

.T_KyvKrZFaFpM0Q3CMn9:focus {
  border-color: var(--color-primary);
}

.T_KyvKrZFaFpM0Q3CMn9:hover:not(:focus) {
  border-color: var(--color-ash-gray);
}

.xcYPyr6HUMf3tfjqs6Na {
  width: 100%;
  padding: 12px 16px;
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  font-size: var(--font-size-sm);
  color: var(--color-text-primary);
  font-family: var(--font-secondary);
  outline: none;
  resize: vertical;
  transition: border-color 0.2s ease;
  line-height: 1.5;
}

.xcYPyr6HUMf3tfjqs6Na:focus {
  border-color: var(--color-primary);
}

.xcYPyr6HUMf3tfjqs6Na::placeholder {
  color: var(--color-text-secondary);
}

.XVPD8RL7sM4LdzkJdML4 {
  height: 24px;
}

/* Dropdown Styles */
.RbOiRbCt0rLYH8i74oIT {
  flex: 1;
  position: relative;
}

.KXlV56YDg1px1Us3MlX5 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 12px 16px;
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  font-size: var(--font-size-sm);
  color: var(--color-text-primary);
  font-family: var(--font-secondary);
  cursor: pointer;
  transition: all 0.2s ease;
  text-align: left;
}

.KXlV56YDg1px1Us3MlX5:hover {
  border-color: var(--color-ash-gray);
}

.KXlV56YDg1px1Us3MlX5 svg {
  transition: transform 0.2s ease;
  color: var(--color-sapphire);
  flex-shrink: 0;
}

.KXlV56YDg1px1Us3MlX5 svg.nE42BPfJu6xNltaf1D0B {
  transform: rotate(180deg);
}

.On2xXE64Aw0EZUSph92h {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  right: 0;
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-md);
  z-index: 1000;
  max-height: 280px;
  overflow-y: auto;
}

.XyA_GatqMNxA4HtCu9ib {
  display: flex;
  align-items: center;
  gap: var(--space-sm);
  padding: 10px 16px;
  cursor: pointer;
  transition: background 0.2s ease;
  font-size: var(--font-size-sm);
  font-family: var(--font-secondary);
  color: var(--color-text-primary);
}

.XyA_GatqMNxA4HtCu9ib:hover {
  background: var(--color-bg-light);
}

.XyA_GatqMNxA4HtCu9ib input[type="checkbox"] {
  width: 18px;
  height: 18px;
  accent-color: var(--color-primary);
  cursor: pointer;
}

/* Selected Tags */
.na18ziVUqGvzCMAnbSNE {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-sm);
  margin-top: var(--space-sm);
  margin-left: 156px;
}

.icj_HgNnf0A3gG_JpPm8 {
  display: inline-flex;
  align-items: center;
  gap: var(--space-xs);
  padding: 6px 12px;
  background: var(--color-misty-rose);
  color: var(--color-primary);
  font-size: var(--font-size-xs);
  font-weight: 500;
  border-radius: var(--radius-sm);
  font-family: var(--font-secondary);
}

.KV1pc1KztY1BZWpt2WXY {
  background: none;
  border: none;
  color: var(--color-primary);
  font-size: 16px;
  line-height: 1;
  cursor: pointer;
  padding: 0;
  margin-left: 2px;
}

.KV1pc1KztY1BZWpt2WXY:hover {
  color: var(--color-primary-dark);
}

/* Contact Dropdown */
.wR9RcuVhWJKnMdm7sFiS {
  flex: 1;
  position: relative;
}

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

._4QMNVgyaCdFpArSR9FL .S_LxgAORLjJe2qNL5ecg {
  width: 100%;
  padding-right: 36px;
}

.jXFkQlear4vxkLAxC6c6 {
  position: absolute;
  right: 12px;
  background: none;
  border: none;
  color: var(--color-text-secondary);
  font-size: 20px;
  cursor: pointer;
  padding: 0;
  line-height: 1;
}

.jXFkQlear4vxkLAxC6c6:hover {
  color: var(--color-text-primary);
}

.jY74qcVTmIBNgkkMvNPK {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  right: 0;
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-md);
  z-index: 1000;
  max-height: 300px;
  overflow-y: auto;
}

.wSvE_8mD6oqGdh_j1fiV {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 12px 16px;
  background: transparent;
  border: none;
  cursor: pointer;
  transition: background 0.2s ease;
  text-align: left;
}

.wSvE_8mD6oqGdh_j1fiV:hover {
  background: var(--color-bg-light);
}

.wSvE_8mD6oqGdh_j1fiV._1AqsR7ThrTaNlj9Ph1IQ {
  background: var(--color-misty-rose);
}

.q7QGhzL2C7LZJTU3jwtl {
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.Cnep32MIYxZQK_sTBael {
  font-size: var(--font-size-sm);
  font-weight: 500;
  color: var(--color-text-primary);
  font-family: var(--font-secondary);
}

.ZCWw7SyhQ0AEuI7n2lHX {
  font-size: var(--font-size-xs);
  color: var(--color-text-secondary);
  font-family: var(--font-secondary);
}

.SjQoLo5VEgP3z3WVYCEL {
  font-size: var(--font-size-xs);
  color: var(--color-text-secondary);
  font-family: var(--font-secondary);
}

.v3IVmLUD3fjkcUWLt4PB,
.EIy2Z5SYeG9XigcaQJ49 {
  padding: 16px;
  text-align: center;
  color: var(--color-text-secondary);
  font-size: var(--font-size-sm);
  font-family: var(--font-secondary);
}

/* Selected Contact Card */
.N_G5QIrPhd4H1LXycylb {
  margin-top: var(--space-sm);
  margin-left: 156px;
  padding: var(--space-md);
  background: var(--color-bg-light);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border);
}

.echOJ_gneevax_puoUac {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.oE2izlzDgcLB8wswpP7S {
  font-size: var(--font-size-sm);
  font-weight: 600;
  color: var(--color-text-primary);
  font-family: var(--font-secondary);
}

.s89TZnfHl2ccv7qZf3MY,
.NdjPXWmtIQVxpPnWDJY1 {
  font-size: var(--font-size-xs);
  color: var(--color-text-secondary);
  font-family: var(--font-secondary);
}

/* Form Actions */
.NTTKZjC74bmj3U0VVTmx {
  display: flex;
  justify-content: flex-end;
  gap: var(--space-md);
  padding-top: var(--space-lg);
  border-top: 1px solid var(--color-border);
}

.LI4og0gt6hMcn562bkvE {
  display: flex;
  justify-content: flex-end;
  gap: var(--space-lg);
  border-top: 1px solid var(--color-border);
  margin-top: var(--space-lg);
  padding-top: var(--space-lg);
}

.SbgrDPpivWX_2vavxB68 {
  padding: 12px 24px;
  background: var(--color-surface);
  color: var(--color-text-primary);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  font-size: var(--font-size-sm);
  font-weight: 600;
  font-family: var(--font-secondary);
  cursor: pointer;
  transition: all 0.2s ease;
  min-width: 120px;
}

.SbgrDPpivWX_2vavxB68:hover:not(:disabled) {
  background: var(--color-bg-light);
  border-color: var(--color-text-secondary);
}

.SbgrDPpivWX_2vavxB68:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.dcHC27VN2s14HufMg2yj {
  padding: 10px var(--space-md);
  background: var(--color-sapphire);
  color: white;
  border: none;
  border-radius: var(--radius-md);
  font-size: var(--font-size-sm);
  font-weight: 600;
  font-family: var(--font-secondary);
  cursor: pointer;
  transition: all 0.2s ease;
  min-width: 150px;
}

.dcHC27VN2s14HufMg2yj:hover:not(:disabled) {
  background: #094a72;
}

.dcHC27VN2s14HufMg2yj:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.Ikm5G8rcreO04OmE5ofc {
  padding: 10px var(--space-md);
  background: var(--color-primary);
  color: white;
  border: none;
  border-radius: var(--radius-md);
  font-size: var(--font-size-sm);
  font-weight: 600;
  font-family: var(--font-secondary);
  cursor: pointer;
  transition: all 0.2s ease;
  min-width: 180px;
}

.Ikm5G8rcreO04OmE5ofc:hover:not(:disabled) {
  background: #d64d1b;
}

.Ikm5G8rcreO04OmE5ofc:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

/* Backdrop for dropdown clicks outside */
.VWjL9ofERHcYiLu14iAg {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
}

/* Responsive */
@media (max-width: 1024px) {
  .lG0wtaEP3zk5aN0X4r8w {
    grid-template-columns: 1fr;
  }

  .ksSiUrA2hlFM8MR837aY {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-sm);
  }

  .lgoEbsTbm0mL25j58O4z {
    flex: none;
  }

  .S_LxgAORLjJe2qNL5ecg,
  .T_KyvKrZFaFpM0Q3CMn9 {
    width: 100%;
  }

  .RbOiRbCt0rLYH8i74oIT,
  .wR9RcuVhWJKnMdm7sFiS {
    width: 100%;
  }

  .na18ziVUqGvzCMAnbSNE,
  .N_G5QIrPhd4H1LXycylb {
    margin-left: 0;
  }

  .C6lq8Hno6qwBla8LDF7E {
    padding: var(--space-lg);
  }

  .SkMUOkJrEJ5fwX1fapPc {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  .SkMUOkJrEJ5fwX1fapPc::-webkit-scrollbar {
    display: none;
  }

  .hr5M2mH5ZTa6shCUeE8t {
    flex: none;
    white-space: nowrap;
    padding: var(--space-md) var(--space-md);
  }
}

@media (max-width: 768px) {
  .L7lhPqCX4XVkCWEzsfgB {
    padding: var(--space-md);
  }

  .NTTKZjC74bmj3U0VVTmx {
    flex-direction: column;
  }

  .SbgrDPpivWX_2vavxB68,
  .dcHC27VN2s14HufMg2yj {
    width: 100%;
  }

  .LI4og0gt6hMcn562bkvE {
    flex-direction: column;
  }

  .dcHC27VN2s14HufMg2yj,
  .Ikm5G8rcreO04OmE5ofc {
    width: 100%;
  }
}

/* Job-specific table styles */
/* Base table styles are now in global.css under .table-page-listing */

.UgqjZzXmIE7oQEz5Uozf {
  font-weight: 600;
  color: var(--color-sapphire);
}

.XSnUVSvyHBk4LK1GmZmu {
  font-weight: 500;
}

/* Status badges */
.LVR4ICPieET4ktIjwBcO {
  display: inline-block;
  padding: 4px 12px;
  border-radius: 16px;
  font-size: var(--font-size-xs);
  font-weight: 600;
  white-space: nowrap;
}

.OEE5GnUXJbqF1mO3LhpJ {
  background: var(--color-silver);
  color: #555;
}

.loItLREOOKNAHt3YIZVJ {
  background: var(--color-vanilla);
  color: #8b6914;
}

.CQUuZ8LicIqDE22H7zw1 {
  background: var(--color-tiffany-blue);
  color: #1a5f59;
}

.jOinEkq2n2NKCspKF4kr {
  background: var(--color-sapphire);
  color: white;
}

.ft5zYDjSNXAarU7yFnpN {
  background: var(--color-french-gray);
  color: #4a4352;
}

.zJBcIrro69KFyWTI_gSV {
  background: var(--color-celadon);
  color: #2d5a3d;
}

.UWpyjuOZ9n0eKEhSSShb {
  background: var(--color-misty-rose);
  color: var(--color-rust);
}

.namZqKg2XvUef8gF_ghg {
  background: transparent;
  border: none;
  color: var(--color-primary);
  cursor: pointer;
  padding: var(--space-xs);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--radius-sm);
  transition: all 0.2s ease;
}

.namZqKg2XvUef8gF_ghg:hover {
  background: var(--color-background);
  color: var(--color-rust);
}

.dIxGv20fx9xi2AQJCDry {
  padding: var(--space-2xl);
  text-align: center;
  color: var(--color-text-secondary);
}

.wToON0S7uWK3rCV2SYMk {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  padding: var(--space-lg);
}

.NZ_oWDl0DZ9NjctAHafY {
  background: white;
  border-radius: var(--radius-lg);
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
  max-width: 900px;
  width: 100%;
  max-height: 90vh;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.r9kJO7cUQKghbESgKnCI {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--space-xl);
  border-bottom: 1px solid var(--color-antiflash-white);
}

.QpIiwgRN2YcadpT1sBtY {
  font-size: var(--font-size-xl);
  font-weight: 700;
  color: var(--color-sapphire);
  margin: 0;
}

.kWyWwJT7rLuApyrz5Zse {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  background: none;
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  color: var(--color-ash-gray);
  transition: all 0.2s;
}

.kWyWwJT7rLuApyrz5Zse:hover {
  background: var(--color-antiflash-white);
  color: var(--color-primary-dark);
}

.PuEuzpQzAbTxBqvN6XNz {
  padding: var(--space-xl);
  overflow-y: auto;
}

.maKuD7ROvJwgS5xdF0hN {
  display: flex;
  align-items: center;
  gap: var(--space-sm);
  margin-bottom: var(--space-md);
  padding: var(--space-md);
  background: var(--color-antiflash-white);
  border-radius: var(--radius-md);
}

.I797mLLtLuEtibX8ZCe6 {
  font-size: var(--font-size-sm);
  font-weight: 500;
  color: var(--color-ash-gray);
}

.SDIJLbgyg2qcObKgJZaZ {
  font-size: var(--font-size-md);
  font-weight: 600;
  color: var(--color-sapphire);
}

.mOrO1LRQg5ayUfOvEdAS {
  margin-bottom: var(--space-lg);
  padding: var(--space-md);
  background: var(--color-pale-cream);
  border-radius: var(--radius-md);
  border-left: 3px solid var(--color-primary);
}

.qvRdGB9IE4317mzfPpAJ {
  font-size: var(--font-size-sm);
  font-weight: 600;
  color: var(--color-ash-gray);
  display: block;
  margin-bottom: var(--space-xs);
}

.G0D7EFvNxqEYMqlajiqf {
  font-size: var(--font-size-md);
  color: var(--color-primary-dark);
  margin: 0;
  line-height: 1.5;
}

.J2UF_E7dOWPG1lXeGLTH {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-xl);
  margin-bottom: var(--space-xl);
}

.AbVGpfwygRtVa56Q7A2W {
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
}

.uVvbRPCoWWZNipCwhXIJ {
  font-size: var(--font-size-sm);
  font-weight: 700;
  color: var(--color-sapphire);
  letter-spacing: 0.5px;
  margin: 0;
  text-transform: uppercase;
}

.uVvbRPCoWWZNipCwhXIJ.tGSkwxOKuG5FVv1hdyFy {
  color: var(--color-primary);
}

.WPjxOnGkD7SIfDkTw3s7 {
  background: var(--color-antiflash-white);
  border-radius: var(--radius-lg);
  padding: var(--space-xl);
  display: flex;
  flex-direction: column;
  gap: var(--space-lg);
}

.WPjxOnGkD7SIfDkTw3s7.fcDRK16N_6tn95LC5I6z {
  background: var(--color-misty-rose);
}

.JeAvWf0p3GTbZkSeeQ8B {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--space-md);
}

.COFiZI9I5FrQEfOE5S_q {
  font-size: var(--font-size-md);
  font-weight: 500;
  color: var(--color-primary-dark);
}

.nxMJS5tjjBI4HICu7Zsb {
  font-size: var(--font-size-md);
  font-weight: 600;
  color: var(--color-sapphire);
  background: white;
  padding: 8px 16px;
  border-radius: var(--radius-md);
}

.fcDRK16N_6tn95LC5I6z .nxMJS5tjjBI4HICu7Zsb {
  color: var(--color-sapphire);
}

.zkvnvCAitqf0IaNP5eSB {
  display: flex;
  justify-content: flex-end;
  gap: var(--space-md);
  padding-top: var(--space-lg);
  border-top: 1px solid var(--color-antiflash-white);
}

.pT_wjv0LdFoRkpQPpGud {
  padding: 12px 32px;
  background: white;
  color: var(--color-ash-gray);
  border: 1px solid var(--color-ash-gray);
  border-radius: var(--radius-md);
  font-size: var(--font-size-md);
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
}

.pT_wjv0LdFoRkpQPpGud:hover {
  background: var(--color-antiflash-white);
  color: var(--color-primary-dark);
  border-color: var(--color-primary-dark);
}

.iCUdyDC3l47h0qrSJmRt {
  padding: 12px 32px;
  background: var(--color-sapphire);
  color: white;
  border: none;
  border-radius: var(--radius-md);
  font-size: var(--font-size-md);
  font-weight: 600;
  cursor: pointer;
  transition: opacity 0.2s;
}

.iCUdyDC3l47h0qrSJmRt:hover {
  opacity: 0.9;
}

.cteJEf7QxYcgQZ_pD5WA {
  padding: 12px 32px;
  background: var(--color-primary);
  color: white;
  border: none;
  border-radius: var(--radius-md);
  font-size: var(--font-size-md);
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s;
}

.cteJEf7QxYcgQZ_pD5WA:hover {
  background: var(--color-rust);
}

/* Responsive */
@media (max-width: 768px) {
  .wToON0S7uWK3rCV2SYMk {
    padding: var(--space-md);
  }

  .NZ_oWDl0DZ9NjctAHafY {
    max-height: 95vh;
  }

  .r9kJO7cUQKghbESgKnCI {
    padding: var(--space-lg);
  }

  .QpIiwgRN2YcadpT1sBtY {
    font-size: var(--font-size-lg);
  }

  .PuEuzpQzAbTxBqvN6XNz {
    padding: var(--space-lg);
  }

  .J2UF_E7dOWPG1lXeGLTH {
    grid-template-columns: 1fr;
    gap: var(--space-lg);
  }

  .WPjxOnGkD7SIfDkTw3s7 {
    padding: var(--space-lg);
  }

  .zkvnvCAitqf0IaNP5eSB {
    flex-direction: column;
  }

  .pT_wjv0LdFoRkpQPpGud,
  .iCUdyDC3l47h0qrSJmRt,
  .cteJEf7QxYcgQZ_pD5WA {
    width: 100%;
  }

  .JeAvWf0p3GTbZkSeeQ8B {
    flex-direction: column;
    align-items: flex-start;
  }

  .nxMJS5tjjBI4HICu7Zsb {
    width: 100%;
    text-align: center;
  }
}


.Bqsk9k9keekrCiEDVRVy {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  padding: var(--space-md);
}

.iMvH68cCIrd4QPOUTYWQ {
  background: white;
  border-radius: var(--radius-lg);
  width: 100%;
  max-width: 900px;
  max-height: 90vh;
  display: flex;
  flex-direction: column;
  box-shadow: var(--shadow-lg);
  position: relative;
}

.Prxo7TyDcFBfZ2QAewmQ {
  display: flex;
  justify-content: flex-end;
  padding: var(--space-md) var(--space-md) 0;
}

.qA0DvoDFqQimzmWr6g8u {
  background: none;
  border: none;
  cursor: pointer;
  padding: var(--space-xs);
  color: var(--color-ash-gray);
  transition: color 0.2s;
  display: flex;
  align-items: center;
  justify-content: center;
}

.qA0DvoDFqQimzmWr6g8u:hover {
  color: var(--color-primary-dark);
}

._7MJhGk8bRyhtX0DSe1e {
  padding: 0 var(--space-xl) var(--space-xl);
  overflow-y: auto;
  flex: 1;
}

/* Form Header */
.jTcCNwhqY7LQfgcXSvAf {
  margin-bottom: var(--space-xl);
  border-bottom: 2px solid var(--color-silver);
  padding-bottom: var(--space-lg);
}

.jPR6nM55rqCdiSD0unXI {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-sm);
  margin-bottom: var(--space-md);
}

.xq1Yxk9KVDhDUItZyObS {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  border: 2px solid var(--color-primary-dark);
  display: flex;
  align-items: center;
  justify-content: center;
}

.G7ddUg6KqbNv8ZcXhC0l {
  font-size: 12px;
  font-weight: 600;
  color: var(--color-primary-dark);
  text-align: center;
}

.v_XjPDLhfN5azeJFGds0 {
  font-size: var(--font-size-md);
  color: var(--color-primary-dark);
  font-weight: 500;
}

.znum9QtopTpr9jA72DY_ {
  margin-top: var(--space-md);
  text-align: center;
}

.h576SwJqq8EJRCWFImtH {
  font-size: var(--font-size-xs);
  color: var(--color-ash-gray);
  margin-bottom: var(--space-sm);
  line-height: 1.4;
  text-align: center;
}

.FsakuOdSPGYrrwEpm4dA {
  font-size: var(--font-size-lg);
  font-weight: 700;
  color: var(--color-primary-dark);
  margin-bottom: var(--space-sm);
  text-transform: uppercase;
  text-align: center;
}

.olzUBiEW4KOsm3vVPSpD {
  font-size: var(--font-size-sm);
  color: var(--color-primary-dark);
  font-weight: 500;
  text-align: left;
}

.L9mM6sMA4JloBZniqF_j {
  height: 100px;
}

/* Section Styles */
.PIDK_vimwReuAC54aXO0 {
  margin-bottom: var(--space-2xl);
}

.FSMjmosW9BRYFRtZUCHp {
  font-size: var(--font-size-md);
  font-weight: 600;
  color: var(--color-primary-dark);
  margin-bottom: var(--space-md);
  padding-bottom: var(--space-sm);
}

/* Form Grid */
.aoTqyrO7O9A2LleUtuIV {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--space-md);
  margin-bottom: var(--space-md);
}

.AVL76P6PO7UAsMLD75QZ {
  display: flex;
  flex-direction: column;
}

.KBcJZV0Qdi9zksyxc8BZ {
  font-size: var(--font-size-sm);
  font-weight: 500;
  color: var(--color-primary-dark);
  margin-bottom: var(--space-xs);
}

.F6Ol0LMZo2SUbAlewMk8 {
  padding: var(--space-sm) var(--space-md);
  border: 1px solid var(--color-silver);
  border-radius: var(--radius-sm);
  font-size: var(--font-size-sm);
  color: var(--color-primary-dark);
  transition: border-color 0.2s;
}

.F6Ol0LMZo2SUbAlewMk8:focus {
  outline: none;
  border-color: var(--color-primary);
}

.F6Ol0LMZo2SUbAlewMk8::placeholder {
  color: var(--color-ash-gray);
}

/* Checkbox Styles */
.Js01JjXWvqr6pUHawjQZ {
  margin-bottom: var(--space-md);
}

.BBGr_6cCxq9BAkZmzxSR {
  display: flex;
  align-items: flex-start;
  gap: var(--space-sm);
  cursor: pointer;
  font-size: var(--font-size-sm);
  color: var(--color-primary-dark);
  line-height: 1.5;
}

.nMuSjMZCQvrVZTrn0ym9 {
  margin-top: 3px;
  width: 18px;
  height: 18px;
  cursor: pointer;
  accent-color: var(--color-primary);
  flex-shrink: 0;
}

/* Note and Instructional Text */
.Tu3RxN9OuHFMiUf35Srf,
.Rkg9Vh33I2xSDlxpjlpP {
  font-size: var(--font-size-xs);
  color: var(--color-ash-gray);
  line-height: 1.5;
  font-style: italic;
  margin-top: var(--space-sm);
}

.Rkg9Vh33I2xSDlxpjlpP {
  margin-top: var(--space-md);
  padding: var(--space-md);
  background-color: var(--color-misty-rose);
  border-left: 3px solid var(--color-primary);
  border-radius: var(--radius-sm);
}

/* Action Buttons */
.wCXCtGIDK6nNFWtT2s4p {
  display: flex;
  justify-content: space-between;
  gap: var(--space-md);
  margin-top: var(--space-xl);
  padding-top: var(--space-lg);
  border-top: 2px solid var(--color-silver);
}

.Gkaber3u8fEO04WtMnOb,
.U55gDUgC_miiRtb_4lcA {
  padding: var(--space-md) var(--space-xl);
  border: none;
  border-radius: var(--radius-sm);
  font-size: var(--font-size-md);
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.Gkaber3u8fEO04WtMnOb {
  background-color: var(--color-sapphire);
  color: white;
  flex: 1;
}

.Gkaber3u8fEO04WtMnOb:hover {
  background-color: #234089;
  transform: translateY(-1px);
  box-shadow: var(--shadow-md);
}

.U55gDUgC_miiRtb_4lcA {
  background-color: var(--color-primary);
  color: white;
  flex: 1;
}

.U55gDUgC_miiRtb_4lcA:hover {
  background-color: var(--color-rust);
  transform: translateY(-1px);
  box-shadow: var(--shadow-md);
}

/* Responsive Design */
@media (max-width: 768px) {
  .iMvH68cCIrd4QPOUTYWQ {
    max-width: 100%;
    max-height: 100vh;
    border-radius: 0;
  }

  .aoTqyrO7O9A2LleUtuIV {
    grid-template-columns: 1fr;
  }

  ._7MJhGk8bRyhtX0DSe1e {
    padding: 0 var(--space-md) var(--space-md);
  }

  .wCXCtGIDK6nNFWtT2s4p {
    flex-direction: column;
  }

  .Gkaber3u8fEO04WtMnOb,
  .U55gDUgC_miiRtb_4lcA {
    width: 100%;
  }
}

/* Scrollbar Styling */
._7MJhGk8bRyhtX0DSe1e::-webkit-scrollbar {
  width: 8px;
}

._7MJhGk8bRyhtX0DSe1e::-webkit-scrollbar-track {
  background: var(--color-antiflash-white);
  border-radius: var(--radius-sm);
}

._7MJhGk8bRyhtX0DSe1e::-webkit-scrollbar-thumb {
  background: var(--color-ash-gray);
  border-radius: var(--radius-sm);
}

._7MJhGk8bRyhtX0DSe1e::-webkit-scrollbar-thumb:hover {
  background: var(--color-primary-dark);
}

.GB0oubZuge7ZotnMuOhg {
  display: flex;
  flex-direction: column;
  gap: var(--space-xl);
}

/* Loading and Error States */
.AyyE7QMGVOtw0saCYvsA,
.AzHYVgL2X2kDWbnxHFJg {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--space-md);
  padding: var(--space-2xl);
  background: white;
  border: 1px solid var(--color-silver);
  border-radius: var(--radius-lg);
  color: var(--color-ash-gray);
  font-size: var(--font-size-md);
}

.AzHYVgL2X2kDWbnxHFJg {
  color: var(--color-rust);
}

.aBHDdrx5TkRT_S2l8YiS {
  padding: 8px 24px;
  background: var(--color-primary);
  color: white;
  border: none;
  border-radius: var(--radius-md);
  font-size: var(--font-size-sm);
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s;
}

.aBHDdrx5TkRT_S2l8YiS:hover {
  background: var(--color-rust);
}

/* Save Message */
.A9o5RHykSqhAUptrtQ_E {
  position: fixed;
  top: 80px;
  right: 24px;
  padding: 12px 24px;
  border-radius: var(--radius-md);
  font-size: var(--font-size-sm);
  font-weight: 500;
  z-index: 1000;
  animation: l7evNGcNZzDunHNIVCJy 0.3s ease-out;
}

.A9o5RHykSqhAUptrtQ_E.pfOtroMvIpS_cwClWpoz {
  background: var(--color-celadon);
  color: var(--color-primary-dark);
  border: 1px solid #7bc07b;
}

.A9o5RHykSqhAUptrtQ_E.mMsAe6xQY3BgZVhbU61g {
  background: var(--color-misty-rose);
  color: var(--color-rust);
  border: 1px solid var(--color-rust);
}

@keyframes l7evNGcNZzDunHNIVCJy {
  from {
    opacity: 0;
    transform: translateX(20px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

/* Section */
.sAGfoSMIb_Fbn6jOzyQK {
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
}

.Rk2XWOVq6NYVCAPRwWp3 {
  font-family: var(--font-primary);
  font-size: var(--font-size-md);
  font-weight: 700;
  color: var(--color-text-primary);
  letter-spacing: 0.5px;
}

.J63SsKc80WIJZCySHGrm {
  background: white;
  border: 1px solid var(--color-silver);
  border-radius: var(--radius-lg);
  padding: var(--space-xl);
  height: 100%;
}

/* Site Select Block */
.xuJDcwX5purGoc7p3wK_ {
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
  margin-bottom: var(--space-sm);
}

/* Form Elements */
.dVCtlyrbooGY3ICpsItt {
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
}

.U6biGN6nl6BwaT8ggrEU {
  flex-direction: row;
  align-items: center;
  gap: var(--space-lg);
  margin-bottom: var(--space-md);
}

.FrO3FKqxJgn0LyoOLZXB {
  min-width: 170px;
  margin: 0;
}

.Sr4gEI3Z3Ol94aso3oRg {
  margin-bottom: var(--space-md);
}

.Mnj0_DaZkjpyA_vv6MBL {
  margin-bottom: var(--space-sm);
}

.otBCf5yJS3JfCtRna5rw {
  font-size: var(--font-size-sm);
  font-weight: 500;
  color: var(--color-primary-dark);
}

.JdngWp8qVDEY7RDWMfxA,
.wL8YTx7xaF80a4YnAn3Y,
.RVEXEgQAo2xiEaMAT__x {
  padding: 10px 16px;
  border: 1px solid var(--color-silver);
  border-radius: var(--radius-md);
  font-size: var(--font-size-sm);
  font-family: var(--font-family);
  color: var(--color-primary-dark);
  background: white;
  transition: border-color 0.2s;
}

.JdngWp8qVDEY7RDWMfxA:focus,
.wL8YTx7xaF80a4YnAn3Y:focus,
.RVEXEgQAo2xiEaMAT__x:focus {
  outline: none;
  border-color: var(--color-tiffany-blue);
}

.wL8YTx7xaF80a4YnAn3Y {
  cursor: pointer;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg width=%2712%27 height=%2712%27 viewBox=%270 0 12 12%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M2 4L6 8L10 4%27 stroke=%27%2393a29b%27 stroke-width=%272%27 stroke-linecap=%27round%27/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  padding-right: 36px;
}

.RVEXEgQAo2xiEaMAT__x {
  resize: vertical;
  min-height: 120px;
}

/* Form Grid Layouts */
.sqmkJYfKw32epUyLfbaZ {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-xl);
}

.G7tidd4SIN35lvxWjjLG {
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
}

.ot_V0QxYlYr3dhVANI0n {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-lg);
  align-items: start;
}

.CYNVq0G5T6lv6iNNxsPY {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-lg);
  align-items: start;
}

.WC3V1CO2RGqXm3lTFoFZ {
  display: flex;
  flex-direction: column;
  gap: var(--space-lg);
  margin-top: var(--space-lg);
}

/* Two Column Layout */
.mQiU5BXq45O__sTRd55J {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-xl);
  align-items: start;
}

/* Action Alert */
.virTMOT47Uw3CwI3mNPX {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-lg);
  padding: var(--space-lg);
  background: var(--color-misty-rose);
  border: 1px solid var(--color-jasmine);
  border-radius: var(--radius-md);
  margin-bottom: var(--space-lg);
}

.oWKOq4MoYUIZynXPLYxH {
  display: flex;
  align-items: flex-start;
  gap: var(--space-md);
  flex: 1;
}

.Cr_EJmEIY2_RjKj9dXFA {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background: white;
  border-radius: var(--radius-md);
  flex-shrink: 0;
}

.Cr_EJmEIY2_RjKj9dXFA svg {
  color: var(--color-jasmine);
}

.NNLrpAHMdOvQ5_WO32Uy {
  flex: 1;
}

.DamCn6hQflSmJ4t9655t {
  font-size: var(--font-size-md);
  font-weight: 700;
  color: var(--color-primary);
  margin: 0 0 4px 0;
}

.H6WOwqEFu4thn259AsyL {
  font-size: var(--font-size-sm);
  color: var(--color-primary-dark);
  margin: 0;
}

.Y9l9fYjeqT2fxT6YfczQ {
  padding: 10px 24px;
  background: transparent;
  color: var(--color-primary);
  border: 2px solid var(--color-primary);
  border-radius: var(--radius-md);
  font-size: var(--font-size-sm);
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
  white-space: nowrap;
  flex-shrink: 0;
}

.Y9l9fYjeqT2fxT6YfczQ:hover {
  background: var(--color-primary);
  color: white;
}

/* Duration Input */
.XM4ecpJDI_CSF73498Qb {
  display: flex;
  align-items: center;
  gap: var(--space-sm);
}

.yASO8icgC7WqGz5Pl107 {
  width: 100px;
  padding: 10px 16px;
  border: 1px solid var(--color-silver);
  border-radius: var(--radius-md);
  font-size: var(--font-size-sm);
  font-family: var(--font-family);
  color: var(--color-primary-dark);
}

.QDgVysXATLPxKCtG1VAr {
  font-size: var(--font-size-sm);
  color: var(--color-ash-gray);
}

/* Date Time Inputs */
.yTWYZNv1pRYXt75iOtON {
  display: flex;
  gap: var(--space-md);
}

.rmzASsaCVhppHu07xYEI {
  display: flex;
  gap: var(--space-sm);
  width: 100%;
}

._Vpsu4KF__4LXNEYYTU4,
.MHge7KLx5UJbMvl6uIml {
  flex: 1;
  border-radius: var(--radius-md);
  border: 1px solid var(--color-silver);
}

._Vpsu4KF__4LXNEYYTU4 .JdngWp8qVDEY7RDWMfxA,
.MHge7KLx5UJbMvl6uIml .JdngWp8qVDEY7RDWMfxA {
  width: 100%;
  padding: var(--space-sm);
  border-radius: var(--radius-md);
  border: none;
  font-size: var(--font-size-sm);
  font-family: var(--font-family);
  color: var(--color-primary-dark);
}

._Vpsu4KF__4LXNEYYTU4 .JdngWp8qVDEY7RDWMfxA:focus,
.MHge7KLx5UJbMvl6uIml .JdngWp8qVDEY7RDWMfxA:focus {
  outline: none;
  border-color: var(--color-tiffany-blue);
}

/* Time Input Specific */
.MHge7KLx5UJbMvl6uIml .JdngWp8qVDEY7RDWMfxA::-webkit-calendar-picker-indicator {
  display: none;
}

/* Upload Components */
.kEmVn7KDSFPTxHqkTdhC {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--space-sm) 0;
  border-bottom: 1px solid var(--color-antiflash-white);
}

.kEmVn7KDSFPTxHqkTdhC:last-child {
  border-bottom: none;
}

.s8OMPK_ZGnymfRhYIlsV {
  font-size: var(--font-size-sm);
  color: var(--color-primary-dark);
  font-weight: 500;
}

.yCpwmjnOlDL1AkC1DPSU {
  display: flex;
  align-items: center;
  gap: var(--space-sm);
  padding: 8px 16px;
  background: var(--color-antiflash-white);
  color: var(--color-ash-gray);
  border: 1px solid var(--color-silver);
  border-radius: var(--radius-md);
  font-size: var(--font-size-xs);
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
}

.yCpwmjnOlDL1AkC1DPSU:hover {
  background: var(--color-silver);
}

.jdqnkHiuNFM7Ji16vSg4 {
  display: flex;
  align-items: center;
  gap: var(--space-sm);
  padding: 6px 12px;
  background: var(--color-misty-rose);
  border: 1px solid var(--color-primary);
  border-radius: var(--radius-md);
  color: var(--color-primary-dark);
  font-size: var(--font-size-sm);
}

.jdqnkHiuNFM7Ji16vSg4 svg:first-child {
  color: var(--color-primary);
}

.nRdAzlmmVLeAOMh5w_UG {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 150px;
  font-size: var(--font-size-xs);
}

.OzIpgjFluxy4axCgek5Y {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2px;
  background: none;
  border: none;
  cursor: pointer;
  color: var(--color-ash-gray);
  transition: color 0.2s;
}

.OzIpgjFluxy4axCgek5Y:hover {
  color: var(--color-rust);
}

.yCpwmjnOlDL1AkC1DPSU:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.sl4gCr1hBvZJt4lhofMq:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.lEnli2PSyq6h66SIuMw3 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
  color: var(--color-ash-gray);
  transition: color 0.2s;
}

.lEnli2PSyq6h66SIuMw3:hover {
  color: var(--color-rust);
}

/* Submit Button */
.sl4gCr1hBvZJt4lhofMq {
  padding: 12px 24px;

  background: #2d728f;
  border-radius: 10px;
  color: #ffffff;
  font-family: "Helvetica";
  font-weight: 400;
  font-size: 14px;
  border: none;
  cursor: pointer;
  transition: opacity 0.2s;
  margin-top: var(--space-md);
}

.sl4gCr1hBvZJt4lhofMq:hover {
  opacity: 0.9;
}

/* Trade Tabs */
.kh8enXqKeawaRwcbMHlK {
  display: flex;
  gap: var(--space-md);
  border-bottom: 2px solid var(--color-antiflash-white);
  margin-bottom: var(--space-lg);
}

.CWqGM_wD7qjpTOjr8EpO {
  padding: var(--space-md) var(--space-lg);
  background: none;
  border: none;
  border-bottom: 3px solid transparent;
  font-size: var(--font-size-sm);
  font-weight: 500;
  color: var(--color-ash-gray);
  cursor: pointer;
  transition: all 0.2s;
  margin-bottom: -2px;
}

.CWqGM_wD7qjpTOjr8EpO:hover {
  color: var(--color-primary-dark);
}

.CWqGM_wD7qjpTOjr8EpO.jbfp3WNBICdQjeljrYvn {
  color: var(--color-primary-dark);
  border-bottom-color: var(--color-primary-dark);
  font-weight: 600;
}

.UT01pd_CoVjAr1HEEcTN {
  padding: var(--space-md) 0;
}

._3vgirCWgJvYKeng91ov {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--space-lg);
}

._6BPRj9qmePTtB1nkkRa {
  background: white;
  border: 1px solid var(--color-silver);
  border-radius: var(--radius-lg);
  padding: var(--space-xl);
  position: relative;
}

.yW80yq2NSGKjkSde5JEp {
  font-size: var(--font-size-md);
  font-weight: 600;
  color: var(--color-primary-dark);
  margin: 0 0 var(--space-md) 0;
}

.wz1R3bX2BBa8j0cXfqOg {
  display: flex;
  align-items: center;
  gap: var(--space-sm);
  padding: var(--space-sm) var(--space-md);
  background: var(--color-misty-rose);
  border: 1px solid var(--color-jasmine);
  border-radius: var(--radius-md);
  margin-bottom: var(--space-md);
}

.wz1R3bX2BBa8j0cXfqOg svg {
  color: var(--color-jasmine);
  flex-shrink: 0;
}

.wz1R3bX2BBa8j0cXfqOg span {
  font-size: var(--font-size-sm);
  font-weight: 600;
  color: var(--color-primary);
}

.mtbiCFFgGxiT434Xpg64 {
  display: flex;
  justify-content: flex-end;
  margin-top: var(--space-md);
}

.FLIm6zlhxWiLHgnkgms8 {
  padding: 12px 32px;
  border: none;
  border-radius: var(--radius-md);
  font-size: var(--font-size-sm);
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
}

.FLIm6zlhxWiLHgnkgms8.Nf8eBPrDdTQ9SEcP9MG5 {
  background: var(--color-sapphire);
  color: white;
}

.FLIm6zlhxWiLHgnkgms8.Nf8eBPrDdTQ9SEcP9MG5:hover {
  opacity: 0.9;
}

.FLIm6zlhxWiLHgnkgms8.ydnXClht881hUcCvzOwQ {
  background: var(--color-celadon);
  color: var(--color-primary-dark);
  cursor: default;
}

.FLIm6zlhxWiLHgnkgms8.cziUUtQWqnCRVchCrHiy {
  background: var(--color-primary);
  color: white;
}

.FLIm6zlhxWiLHgnkgms8.cziUUtQWqnCRVchCrHiy:hover {
  background: var(--color-rust);
}

.FLIm6zlhxWiLHgnkgms8.Ect7DPGKPpcSuwRPydYg {
  background: var(--color-primary);
  color: white;
}

.FLIm6zlhxWiLHgnkgms8.Ect7DPGKPpcSuwRPydYg:hover {
  background: var(--color-rust);
}

/* DEFIT Trades */
.V8PIP8c1z3ZROSxo3PN6 {
  display: flex;
  gap: var(--space-xl);
  padding: var(--space-lg) 0;
}

.nvI45AWFbhrz5zVteUPT {
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
  flex: 1;
}

.cAHoTBBrilFnvUdvzbqs {
  font-size: var(--font-size-md);
  font-weight: 600;
  color: var(--color-primary-dark);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* Form Actions */
.IOFSiKmWD0PHYeKR3c2_ {
  display: flex;
  justify-content: flex-end;
  padding-top: var(--space-lg);
}

.CLjuE5TsRBi7qAQyksR3 {
  padding: 12px 48px;
  background: var(--color-primary);
  color: white;
  border: none;
  border-radius: var(--radius-md);
  font-size: var(--font-size-md);
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s;
}

.CLjuE5TsRBi7qAQyksR3:hover {
  background: var(--color-rust);
}

.CLjuE5TsRBi7qAQyksR3:disabled {
  background: var(--color-silver);
  cursor: not-allowed;
  opacity: 0.7;
}

/* Responsive */
@media (max-width: 1200px) {
  .mQiU5BXq45O__sTRd55J {
    grid-template-columns: 1fr;
  }

  .sqmkJYfKw32epUyLfbaZ {
    grid-template-columns: repeat(2, 1fr);
  }
}

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

@media (max-width: 768px) {
  .J63SsKc80WIJZCySHGrm {
    padding: var(--space-lg);
  }

  .sqmkJYfKw32epUyLfbaZ,
  .ot_V0QxYlYr3dhVANI0n,
  .CYNVq0G5T6lv6iNNxsPY {
    grid-template-columns: 1fr;
  }

  .yTWYZNv1pRYXt75iOtON {
    flex-direction: column;
  }

  .U6biGN6nl6BwaT8ggrEU {
    flex-direction: column;
    align-items: flex-start;
  }

  .FrO3FKqxJgn0LyoOLZXB {
    min-width: auto;
  }

  .kh8enXqKeawaRwcbMHlK {
    gap: var(--space-xs);
  }

  .CWqGM_wD7qjpTOjr8EpO {
    padding: var(--space-sm) var(--space-md);
    font-size: var(--font-size-xs);
  }

  .virTMOT47Uw3CwI3mNPX {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-md);
  }

  .oWKOq4MoYUIZynXPLYxH {
    width: 100%;
  }

  .Y9l9fYjeqT2fxT6YfczQ {
    width: 100%;
  }

  ._3vgirCWgJvYKeng91ov {
    grid-template-columns: 1fr;
  }

  ._6BPRj9qmePTtB1nkkRa {
    padding: var(--space-lg);
  }

  .mtbiCFFgGxiT434Xpg64 {
    margin-top: var(--space-lg);
  }

  .FLIm6zlhxWiLHgnkgms8 {
    width: 100%;
  }

  .V8PIP8c1z3ZROSxo3PN6 {
    flex-direction: column;
  }
}

.F1fbhhdTYNAJ4wuQwVC2 {
  background: white;
  border-radius: var(--radius-lg);
  overflow: hidden;
  max-width: 600px;
  width: 100%;
}

.ZAwmQHDky87EIYa8OkAI {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--space-xl);
  border-bottom: 1px solid var(--color-antiflash-white);
}

.HWRsBVCWB697lNdImvog {
  font-size: var(--font-size-xl);
  font-weight: 700;
  color: var(--color-primary-dark);
  margin: 0;
}

.QVK0uVGDAYbt3E10hNre {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  background: none;
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  color: var(--color-ash-gray);
  transition: all 0.2s;
}

.QVK0uVGDAYbt3E10hNre:hover {
  background: var(--color-antiflash-white);
  color: var(--color-primary-dark);
}

.BI2G7kxP685qNBaeyRny {
  padding: var(--space-xl);
  max-height: 60vh;
  overflow-y: auto;
}

.by1SVUncNw08Afe4M9Ke {
  margin-bottom: var(--space-lg);
}

.e0qSDVDW7waY70H4Pyyt {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-lg);
}

.Tj1tKsyZxpefXpO3tUY1 {
  display: block;
  font-size: var(--font-size-sm);
  font-weight: 600;
  color: var(--color-primary-dark);
  margin-bottom: var(--space-sm);
}

.xLTp4xtyJGZNQDu9adQl {
  color: var(--color-rust);
}

.FeUNcqFy0QFDpCp3XBoN,
.Hiy7IxN8858qGVw14xr_,
.REKukELYffGch3NoYnt2 {
  width: 100%;
  padding: 12px 16px;
  border: 1px solid var(--color-silver);
  border-radius: var(--radius-md);
  font-size: var(--font-size-sm);
  font-family: var(--font-family);
  color: var(--color-primary-dark);
  transition: border-color 0.2s;
}

.FeUNcqFy0QFDpCp3XBoN:focus,
.Hiy7IxN8858qGVw14xr_:focus,
.REKukELYffGch3NoYnt2:focus {
  outline: none;
  border-color: var(--color-sapphire);
}

.FeUNcqFy0QFDpCp3XBoN::placeholder,
.REKukELYffGch3NoYnt2::placeholder {
  color: var(--color-ash-gray);
}

.Hiy7IxN8858qGVw14xr_ {
  cursor: pointer;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg width=%2712%27 height=%2712%27 viewBox=%270 0 12 12%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M2 4L6 8L10 4%27 stroke=%27%2393a29b%27 stroke-width=%272%27 stroke-linecap=%27round%27/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  padding-right: 40px;
}

.REKukELYffGch3NoYnt2 {
  resize: vertical;
  min-height: 100px;
}

.VZ7lOjaKcvFkKuLc6YAn {
  position: relative;
}

.e3HLQWMpXS2dpLPXksEf {
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  font-size: var(--font-size-md);
  font-weight: 600;
  color: var(--color-ash-gray);
  pointer-events: none;
}

.VZ7lOjaKcvFkKuLc6YAn .FeUNcqFy0QFDpCp3XBoN {
  padding-left: 36px;
}

.Ui06ANALthJ3us9Qiu1i {
  display: flex;
  justify-content: flex-end;
  gap: var(--space-md);
  padding: var(--space-xl);
  border-top: 1px solid var(--color-antiflash-white);
  background: var(--color-antiflash-white);
}

.rHsSnTLsHWpBARNybYAb {
  padding: 12px 24px;
  background: white;
  color: var(--color-ash-gray);
  border: 1px solid var(--color-silver);
  border-radius: var(--radius-md);
  font-size: var(--font-size-sm);
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
}

.rHsSnTLsHWpBARNybYAb:hover {
  background: var(--color-antiflash-white);
  border-color: var(--color-ash-gray);
  color: var(--color-primary-dark);
}

.uetPgR8vBbHhMpos_J7y {
  padding: 12px 32px;
  background: var(--color-primary);
  color: white;
  border: none;
  border-radius: var(--radius-md);
  font-size: var(--font-size-sm);
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s;
}

.uetPgR8vBbHhMpos_J7y:hover {
  background: var(--color-rust);
}

.uetPgR8vBbHhMpos_J7y:disabled {
  background: var(--color-ash-gray);
  cursor: not-allowed;
}

/* Responsive */
@media (max-width: 768px) {
  .F1fbhhdTYNAJ4wuQwVC2 {
    max-width: 95vw;
  }

  .ZAwmQHDky87EIYa8OkAI,
  .BI2G7kxP685qNBaeyRny,
  .Ui06ANALthJ3us9Qiu1i {
    padding: var(--space-lg);
  }

  .e0qSDVDW7waY70H4Pyyt {
    grid-template-columns: 1fr;
  }

  .Ui06ANALthJ3us9Qiu1i {
    flex-direction: column;
  }

  .rHsSnTLsHWpBARNybYAb,
  .uetPgR8vBbHhMpos_J7y {
    width: 100%;
  }
}


.gdZQyFGMRk8dEaoVMJ71 {
  display: flex;
  flex-direction: column;
  gap: var(--space-2xl);
}

/* Section */
.SzhDnpUn4GhsCNvAIWlp {
  display: flex;
  flex-direction: column;
  gap: var(--space-lg);
}

.O4lAMhDcJ8YO6b0Ceewb {
  font-size: var(--font-size-2xl);
  font-weight: 600;
  margin: 0 0 var(--space-md);
  color: var(--color-text-primary);
}

/* Filter Tabs */
.CcFVve_O33oa0JFMO9C4 {
  display: flex;
  justify-content: space-between;
  gap: 0;
  margin-bottom: var(--space-lg);
}

.CcFVve_O33oa0JFMO9C4 > div {
  width: fit-content;
  display: flex;
  flex-direction: row;
}

.f9rDcX_s_J_1EZGQpA6g {
  flex: none;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-xs);
  padding: 4px 8px;
  background: #f7f6f6;
  border: 1px solid #eee;
  color: var(--color-text-primary);
  font-size: var(--font-size-sm);
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: var(--font-secondary);
  text-align: center;
  height: 44px;
  white-space: nowrap;
}

.f9rDcX_s_J_1EZGQpA6g:first-child {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}

.f9rDcX_s_J_1EZGQpA6g:last-child {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}

.f9rDcX_s_J_1EZGQpA6g:hover {
  background: var(--color-misty-rose);
}

.f9rDcX_s_J_1EZGQpA6g.GRVUNPboYjBCakVftkqG {
  background: var(--color-primary);
  color: white;
  font-weight: 600;
}

.a64lE5PirQfkNcM908pe {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  margin-left: var(--space-xs);
  background: rgba(0, 0, 0, 0.1);
  font-size: 11px;
  font-weight: 600;
  border-radius: 10px;
}

.f9rDcX_s_J_1EZGQpA6g.GRVUNPboYjBCakVftkqG .a64lE5PirQfkNcM908pe {
  background: rgba(255, 255, 255, 0.3);
}

/* Header */
.E0W0m0N2weuMioKElXCR {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--space-md);
}

.dp1dPQe_8AXhEwH3Y7Y9 {
  display: flex;
  gap: var(--space-sm);
}

.sfpmYe27KOuRb15bHM8w {
  position: relative;
  display: flex;
  align-items: center;
  flex: 1;
  max-width: 600px;
}

.NRnCPZ4C71nah8zS2y2Q {
  position: absolute;
  left: var(--space-md);
  color: var(--color-text-secondary);
  pointer-events: none;
}

.kdtIGP3EaizyZL60Wpe1 {
  width: 100%;
  height: 44px;
  padding: 0 16px 0 44px;
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  font-size: var(--font-size-sm);
  color: var(--color-text-primary);
  font-family: var(--font-secondary);
  outline: none;
  transition: border-color 0.2s ease;
}

.kdtIGP3EaizyZL60Wpe1:focus {
  border-color: var(--color-primary);
}

.kdtIGP3EaizyZL60Wpe1::placeholder {
  color: var(--color-text-secondary);
}

.GHQZ8FUAGZsVo04nCPVk {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-sm);
  height: 44px;
  padding: 0 24px;
  background: white;
  color: var(--color-primary);
  border: 2px solid var(--color-primary);
  border-radius: var(--radius-md);
  font-size: var(--font-size-sm);
  font-weight: 600;
  font-family: var(--font-secondary);
  cursor: pointer;
  transition: all 0.2s ease;
  white-space: nowrap;
}

.GHQZ8FUAGZsVo04nCPVk:hover {
  background: var(--color-misty-rose);
}

.O1PdL2l7mW8wUNEPC5uA {
  height: 44px;
  padding: 0 24px;
  background: #2d5a6b;
  color: white;
  border: none;
  border-radius: var(--radius-md);
  font-size: var(--font-size-sm);
  font-weight: 600;
  font-family: var(--font-secondary);
  cursor: pointer;
  transition: all 0.2s ease;
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: center;
}

.O1PdL2l7mW8wUNEPC5uA:hover {
  background: #234651;
}

/* Table */
.RHZZYKdui8r3w2tLvTXp {
  background: var(--color-surface);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
  overflow: hidden;
  margin-bottom: var(--space-lg);
}

.Vd3dttp5FXghZM1_QSkm {
  width: 100%;
  border-collapse: collapse;
}

.eZc6kwRghsCnk_RBowg4 {
  background: var(--color-green-white);
  border-bottom: 2px solid var(--color-border);
}

.eZc6kwRghsCnk_RBowg4 th {
  padding: var(--space-md) var(--space-lg);
  text-align: left;
  font-size: var(--font-size-sm);
  font-weight: 700;
  color: var(--color-text-primary);
  font-family: var(--font-secondary);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.pTVHRbUeGF0e6isbgkax {
  cursor: pointer;
  user-select: none;
}

.pTVHRbUeGF0e6isbgkax span {
  display: inline-flex;
  align-items: center;
  gap: var(--space-xs);
}

.pTVHRbUeGF0e6isbgkax:hover {
  background: rgba(0, 0, 0, 0.05);
}

.vyBKOUP9G_8EBQoTHKHW {
  border-bottom: 1px solid var(--color-border);
  transition: background 0.2s ease;
  background: #f7f6f6;
}

.vyBKOUP9G_8EBQoTHKHW:hover {
  background: rgba(0, 0, 0, 0.02);
}

.vyBKOUP9G_8EBQoTHKHW td {
  padding: var(--space-lg) var(--space-lg);
  font-size: var(--font-size-sm);
  color: var(--color-text-primary);
  font-family: var(--font-secondary);
}

/* Document Name */
.ChVgOUBSWGpoukrxlra2 {
  display: flex;
  align-items: center;
  gap: var(--space-md);
}

.Y0tWZLEgb5n0H8rmvdWl {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.pJctVcywUuPaJJLtZaKD {
  font-weight: 600;
  color: var(--color-text-primary);
}

.YHSl2QT1ZhNg1R23iHul {
  font-size: 12px;
  color: var(--color-text-secondary);
}

/* Date */
.QwoOebkwInNn9WOj_mE6 {
  color: var(--color-text-secondary);
}

/* Uploaded By */
.uJ55GAOm0w9HJLTFhB2Z {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.NuswWArBU8utP02pIVMD {
  display: flex;
  align-items: center;
  gap: var(--space-md);
}

.TVuSHVibZs4W1Ayfdynh {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: var(--color-ash-gray);
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: var(--font-size-sm);
}

.xCfi4tdd0iLmxQ763Ahp {
  font-weight: 500;
  color: var(--color-text-primary);
}

/* Actions */
.gYeWMYVO48iDdjftIKNy {
  display: flex;
  gap: var(--space-sm);
}

.tO_MC8jYcv9nIehXuLfw {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
  color: var(--color-text-secondary);
  cursor: pointer;
  transition: all 0.2s ease;
}

.tO_MC8jYcv9nIehXuLfw:hover {
  color: var(--color-sapphire);
}

.vTG8s9cDRoVWdMoag0SR {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
  color: var(--color-rust);
  cursor: pointer;
  transition: all 0.2s ease;
}

.vTG8s9cDRoVWdMoag0SR:hover {
  color: #8b3519;
}

.vTG8s9cDRoVWdMoag0SR:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Empty State */
.aODQQpjcShOurF8GtStb {
  text-align: center;
  padding: var(--space-2xl);
  color: var(--color-text-secondary);
}

.KVxfNTXRjaD_zn0tRlBY {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-md);
}

.KVxfNTXRjaD_zn0tRlBY svg {
  color: var(--color-ash-gray);
}

.KVxfNTXRjaD_zn0tRlBY p {
  margin: 0;
  font-size: var(--font-size-md);
}

/* Loading and Error States */
.zZD5Nyx0S10Oo2poFm_S,
.XcIUisMHBDA1cv4QyAJT {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--space-md);
  padding: var(--space-2xl);
  background: white;
  border: 1px solid var(--color-silver);
  border-radius: var(--radius-lg);
  color: var(--color-ash-gray);
  font-size: var(--font-size-md);
}

.zZD5Nyx0S10Oo2poFm_S {
  background: var(--color-surface);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
  min-height: 200px;
  color: var(--color-text-secondary);
}

.XcIUisMHBDA1cv4QyAJT {
  color: var(--color-rust);
  text-align: center;
}

.XcIUisMHBDA1cv4QyAJT p {
  color: var(--color-rust);
  margin: 0 0 var(--space-md);
}

.BOR3qCXASV9uWvRpfD7X {
  padding: 10px 24px;
  background: var(--color-sapphire);
  color: white;
  border: none;
  border-radius: var(--radius-sm);
  font-size: var(--font-size-sm);
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
}

.BOR3qCXASV9uWvRpfD7X:hover {
  background: #1e3d7a;
}

.iAzQpzNoMrm_xf7x1wpe {
  width: 16px;
  height: 16px;
  border: 2px solid currentColor;
  border-top-color: transparent;
  border-radius: 50%;
  animation: rQh1vcOJXGD4h2b6jBp9 0.8s linear infinite;
}

@keyframes rQh1vcOJXGD4h2b6jBp9 {
  to {
    transform: rotate(360deg);
  }
}

/* Responsive */
@media (max-width: 1024px) {
  .E0W0m0N2weuMioKElXCR {
    flex-direction: column;
    align-items: stretch;
  }

  .sfpmYe27KOuRb15bHM8w {
    max-width: none;
  }

  .CcFVve_O33oa0JFMO9C4 {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  .CcFVve_O33oa0JFMO9C4::-webkit-scrollbar {
    display: none;
  }

  .CcFVve_O33oa0JFMO9C4 > div {
    display: inline-flex;
  }
}

@media (max-width: 768px) {
  .dp1dPQe_8AXhEwH3Y7Y9 {
    flex-direction: column;
    width: 100%;
  }

  .GHQZ8FUAGZsVo04nCPVk,
  .O1PdL2l7mW8wUNEPC5uA {
    width: 100%;
  }

  .RHZZYKdui8r3w2tLvTXp {
    overflow-x: auto;
  }

  .Vd3dttp5FXghZM1_QSkm {
    min-width: 600px;
  }

  .eZc6kwRghsCnk_RBowg4 th,
  .vyBKOUP9G_8EBQoTHKHW td {
    padding: var(--space-sm) var(--space-md);
  }

  .uJ55GAOm0w9HJLTFhB2Z {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-sm);
  }
}

.f0mPqLgqjAamziV3itXF {
  padding: 8px 24px;
  background: var(--color-primary);
  color: white;
  border: none;
  border-radius: var(--radius-md);
  font-size: var(--font-size-sm);
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s;
}

.f0mPqLgqjAamziV3itXF:hover {
  background: var(--color-rust);
}

.GYNb7CpXp4EO8RE6CoAQ {
  padding: var(--space-md) var(--space-lg);
  background: #fff3cd;
  border: 1px solid #ffc107;
  border-radius: var(--radius-md);
  color: #856404;
  font-size: var(--font-size-sm);
}

.KJoXYfvqdEe2RVUWh3RA {
  display: flex;
  flex-direction: column;
  gap: var(--space-xl);
}

/* Header */
.wd5Kyr7KWnZNhKEJxp0c {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--space-md);
  flex-wrap: wrap;
}

.u0Fk2aEPLXj4wWyn_7zw {
  font-size: var(--font-size-xl);
  font-weight: 700;
  color: var(--color-primary-dark);
  margin: 0;
}

.gef39Fbw_cq3GoYFNaPQ {
  display: flex;
  align-items: center;
  gap: var(--space-sm);
  padding: 10px 24px;
  background: var(--color-primary);
  color: white;
  border: none;
  border-radius: var(--radius-md);
  font-size: var(--font-size-sm);
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s;
}

.gef39Fbw_cq3GoYFNaPQ:hover {
  background: var(--color-rust);
}

/* Message Input Section */
.kOUjqXWOWGhU51RnQR9Q {
  display: flex;
  gap: var(--space-md);
  align-items: flex-end;
}

.z8U_ENqAq7fqewKFnlcm {
  flex: 1;
  padding: 16px;
  border: 1px solid var(--color-silver);
  border-radius: var(--radius-md);
  font-size: var(--font-size-md);
  font-family: var(--font-family);
  color: var(--color-primary-dark);
  resize: vertical;
  min-height: 100px;
  transition: border-color 0.2s;
}

.z8U_ENqAq7fqewKFnlcm:focus {
  outline: none;
  border-color: var(--color-sapphire);
}

.z8U_ENqAq7fqewKFnlcm::placeholder {
  color: var(--color-ash-gray);
}

.rT4LwWxg2WWjrZ7bpy93 {
  display: flex;
  align-items: center;
  gap: var(--space-sm);
  padding: 12px 32px;
  background: var(--color-sapphire);
  color: white;
  border: none;
  border-radius: var(--radius-md);
  font-size: var(--font-size-sm);
  font-weight: 600;
  cursor: pointer;
  transition: opacity 0.2s;
  white-space: nowrap;
  height: fit-content;
}

.rT4LwWxg2WWjrZ7bpy93:hover:not(:disabled) {
  opacity: 0.9;
}

.rT4LwWxg2WWjrZ7bpy93:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Message History */
.Pkfcmtz1fgVyuixJn1na {
  background: white;
  border: 1px solid var(--color-silver);
  border-radius: var(--radius-lg);
  overflow: hidden;
}

.AVbIcY6v7XbJUTziC7Bj {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: var(--space-lg) var(--space-xl);
  background: var(--color-antiflash-white);
  border: none;
  cursor: pointer;
  transition: background 0.2s;
}

.AVbIcY6v7XbJUTziC7Bj:hover {
  background: var(--color-silver);
}

.Nvk3q1kCkypM7EPcEUmX {
  font-size: var(--font-size-sm);
  font-weight: 700;
  color: var(--color-primary-dark);
  letter-spacing: 0.5px;
  margin: 0;
  text-transform: uppercase;
}

.xfzJX5CRSdfGGf4KBIGM {
  color: var(--color-primary);
  transition: transform 0.3s;
}

.xfzJX5CRSdfGGf4KBIGM.o0s81Nk4gh1fvYpUcWJV {
  transform: rotate(180deg);
}

/* Messages List */
.fHMI1vUS4hAVneswV7MG {
  padding: var(--space-xl);
  display: flex;
  flex-direction: column;
  gap: var(--space-xl);
}

.QkJ7oHrKi4PgRuEyhAee {
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
}

.aXetGepoi5b9hSSVQDCU {
  display: flex;
  align-items: center;
  gap: var(--space-sm);
}

._bgyrfRMkD898sLbo5Qt {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border: 2px solid var(--color-sapphire);
  border-radius: var(--radius-full);
  color: var(--color-sapphire);
}

.DCIxVXpo85_iZpCVFlrt {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  background: var(--color-sapphire);
  color: white;
  border-radius: var(--radius-full);
  font-size: var(--font-size-sm);
  font-weight: 600;
}

.ToK9lrpMSEIF1nlF5NcN {
  font-size: var(--font-size-md);
  font-weight: 600;
  color: var(--color-sapphire);
}

.tMI0QYBj6xx7KAjB5vfW {
  color: var(--color-sapphire);
}

.q0Frg1T5nIp_KsiqYwZ7 {
  font-size: var(--font-size-sm);
  color: var(--color-ash-gray);
}

/* Alert Box */
.WvqikPvYmOav5LrUDjaT {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-lg);
  padding: var(--space-lg);
  background: var(--color-misty-rose);
  border: 1px solid var(--color-jasmine);
  border-radius: var(--radius-md);
}

.NLsE2QCF2W3njg6M98TM {
  display: flex;
  align-items: center;
  gap: var(--space-md);
  flex: 1;
}

.JChwHJYUCxDadCT87CVQ {
  color: var(--color-jasmine);
  flex-shrink: 0;
}

.yBWvl9r2TmSnfE4jQoCe {
  font-size: var(--font-size-md);
  color: var(--color-primary-dark);
}

.MuXSPIL3XDNR_zvldhm3 {
  padding: 10px 24px;
  background: transparent;
  color: var(--color-primary);
  border: 2px solid var(--color-primary);
  border-radius: var(--radius-md);
  font-size: var(--font-size-sm);
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
  white-space: nowrap;
}

.MuXSPIL3XDNR_zvldhm3:hover {
  background: var(--color-primary);
  color: white;
}

/* Message Content */
.hzl4yVHYwDC4KoPcpj1Z {
  padding: var(--space-lg);
  background: white;
  border: 1px solid var(--color-silver);
  border-radius: var(--radius-md);
  font-size: var(--font-size-md);
  color: var(--color-primary-dark);
  line-height: 1.6;
}

/* Responsive */
@media (max-width: 768px) {
  .wd5Kyr7KWnZNhKEJxp0c {
    flex-direction: column;
    align-items: flex-start;
  }

  .gef39Fbw_cq3GoYFNaPQ {
    width: 100%;
  }

  .kOUjqXWOWGhU51RnQR9Q {
    flex-direction: column;
    align-items: stretch;
  }

  .rT4LwWxg2WWjrZ7bpy93 {
    width: 100%;
    justify-content: center;
  }

  .WvqikPvYmOav5LrUDjaT {
    flex-direction: column;
    align-items: flex-start;
  }

  .MuXSPIL3XDNR_zvldhm3 {
    width: 100%;
  }

  .aXetGepoi5b9hSSVQDCU {
    flex-wrap: wrap;
  }
}

/* Loading and Error States */
.bHHxYgolNoabTkg7VvwE,
.xCIct5WU3xByer4j5FzA {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--space-md);
  padding: var(--space-2xl);
  background: white;
  border: 1px solid var(--color-silver);
  border-radius: var(--radius-lg);
  color: var(--color-ash-gray);
  font-size: var(--font-size-md);
}

.xCIct5WU3xByer4j5FzA {
  color: var(--color-rust);
}

.CEzQdMuNAaWGPdMbRG7k {
  padding: 8px 24px;
  background: var(--color-primary);
  color: white;
  border: none;
  border-radius: var(--radius-md);
  font-size: var(--font-size-sm);
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s;
}

.CEzQdMuNAaWGPdMbRG7k:hover {
  background: var(--color-rust);
}

.zQK8LzI1dlmG9D2WJrLI {
  background: white;
  border-radius: var(--radius-lg);
  overflow: hidden;
  max-width: 700px;
  width: 100%;
}

.K2d8I03Ih_9rOFWBENqH {
  padding: var(--space-xl) var(--space-2xl);
  border-bottom: 1px solid var(--color-antiflash-white);
}

.r6MxqCfTjCZZm8etGAF3 {
  font-size: var(--font-size-xl);
  font-weight: 700;
  color: var(--color-sapphire);
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.ZZob16YNlidXDbWkVUrG {
  padding: var(--space-2xl);
  display: flex;
  flex-direction: column;
  gap: var(--space-xl);
}

.mwT9R_D7Nbtw31pJ69vE {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-xl);
}

.pi4gyqOFiuJKOtQxmsvI {
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
}

.y4rf4UBJy_4fbVlZjUVU {
  font-size: var(--font-size-sm);
  font-weight: 600;
  color: var(--color-sapphire);
}

.ZY8P57pQqlZpcmdvBDi2 {
  width: 100%;
  padding: 12px 16px;
  border: 1px solid var(--color-silver);
  border-radius: var(--radius-md);
  font-size: var(--font-size-sm);
  font-family: var(--font-family);
  color: var(--color-primary-dark);
  transition: border-color 0.2s;
}

.ZY8P57pQqlZpcmdvBDi2:focus {
  outline: none;
  border-color: var(--color-sapphire);
}

.ZY8P57pQqlZpcmdvBDi2::placeholder {
  color: var(--color-ash-gray);
}

/* Date Input */
.agw9cLxtpIocsd7OuhRO {
  position: relative;
}

.agw9cLxtpIocsd7OuhRO .ZY8P57pQqlZpcmdvBDi2 {
  padding-right: 40px;
}

.inRwERZLgtqPKk9lj_aK {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--color-primary);
  pointer-events: none;
}

/* Amount Input */
.U47A8_ETdZx1LMhtfuOE {
  position: relative;
}

.vGjN72Ibxq0esQBK3EZT {
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  font-size: var(--font-size-md);
  font-weight: 600;
  color: var(--color-ash-gray);
  pointer-events: none;
}

.U47A8_ETdZx1LMhtfuOE .ZY8P57pQqlZpcmdvBDi2 {
  padding-left: 36px;
}

.NYGRSnZg9b3j3Di9g4j2 {
  display: flex;
  justify-content: flex-end;
  gap: var(--space-md);
  padding: var(--space-xl) var(--space-2xl);
  background: var(--color-antiflash-white);
}

.jN27HUxHPBfjRenU5ygH {
  padding: 12px 32px;
  background: var(--color-ash-gray);
  color: white;
  border: none;
  border-radius: var(--radius-md);
  font-size: var(--font-size-sm);
  font-weight: 600;
  cursor: pointer;
  transition: opacity 0.2s;
}

.jN27HUxHPBfjRenU5ygH:hover {
  opacity: 0.9;
}

.qfp2rBeQUzbm3jSO6Tzd {
  padding: 12px 32px;
  background: var(--color-sapphire);
  color: white;
  border: none;
  border-radius: var(--radius-md);
  font-size: var(--font-size-sm);
  font-weight: 600;
  cursor: pointer;
  transition: opacity 0.2s;
}

.qfp2rBeQUzbm3jSO6Tzd:hover {
  opacity: 0.9;
}

.qfp2rBeQUzbm3jSO6Tzd:disabled {
  background: var(--color-ash-gray);
  cursor: not-allowed;
}

/* Responsive */
@media (max-width: 768px) {
  .zQK8LzI1dlmG9D2WJrLI {
    max-width: 95vw;
  }

  .K2d8I03Ih_9rOFWBENqH,
  .ZZob16YNlidXDbWkVUrG,
  .NYGRSnZg9b3j3Di9g4j2 {
    padding: var(--space-lg);
  }

  .mwT9R_D7Nbtw31pJ69vE {
    grid-template-columns: 1fr;
    gap: var(--space-lg);
  }

  .NYGRSnZg9b3j3Di9g4j2 {
    flex-direction: column;
  }

  .jN27HUxHPBfjRenU5ygH,
  .qfp2rBeQUzbm3jSO6Tzd {
    width: 100%;
  }
}


.jCIpDkDbNF8fPRDvJdQk {
  display: flex;
  flex-direction: column;
  gap: var(--space-xl);
}

/* Header */
.wBIIRQv_c3dVK1_yrJNQ {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--space-md);
  flex-wrap: wrap;
}

.wMgT1EDO31k1TsOjhsGH {
  display: flex;
  align-items: center;
  gap: var(--space-md);
}

._EAj8310I_EFNM0IV0JN {
  font-family: var(--font-primary);
  font-size: var(--font-size-md);
  font-weight: 600;
  color: var(--color-text-primary);
  letter-spacing: 0.5px;
}

.ekpVtk3FWLJSMeMermXt {
  color: #004960;
  font-family: "Poppins";
  font-weight: 700;
  font-size: 16px;
}

.CFzKz07D6_KNRna7S32y {
  display: flex;
  align-items: center;
  gap: var(--space-sm);
  padding: 10px 24px;
  background: var(--color-primary);
  color: white;
  border: none;
  border-radius: var(--radius-md);
  font-size: var(--font-size-sm);
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s;
}

.CFzKz07D6_KNRna7S32y:hover {
  background: var(--color-rust);
}

/* Card Styles */
.B0O5Cgb3Ywzff2K_td9A {
  background: white;
  border: 1px solid var(--color-silver);
  border-radius: var(--radius-lg);
  padding: var(--space-xl);
  height: 100%;
}

/* Cards with internal content sections (no padding on card itself) */
.B0O5Cgb3Ywzff2K_td9A:has(.ZfV603NgpRvcgLvy4_fs),
.B0O5Cgb3Ywzff2K_td9A:has(.AchuYI1e6cnw6Li2nPqc),
.B0O5Cgb3Ywzff2K_td9A:has(.tT4XUQH5D8ZNPtIMkH3k) {
  padding: 0;
  overflow: hidden;
  height: auto;
}

.ZfV603NgpRvcgLvy4_fs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
}

/* Left Section */
.nCDVHUbhStCgDPrADAQE {
  padding: var(--space-xl);
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
}

.uo5ilINoALUuu7FAjsZ8 {
  font-size: var(--font-size-md);
  font-weight: 600;
  color: var(--color-primary-dark);
  margin: 0;
}

.wEwyDjnUK2CIsDXiLgqB {
  width: 100%;
  padding: 16px;
  border: 1px solid var(--color-silver);
  border-radius: var(--radius-md);
  font-size: var(--font-size-sm);
  font-family: var(--font-family);
  color: var(--color-primary-dark);
  line-height: 1.6;
  resize: vertical;
  min-height: 300px;
}

.wEwyDjnUK2CIsDXiLgqB:focus {
  outline: none;
  border-color: var(--color-tiffany-blue);
}

/* Right Section */
.sn3W6PMlduOLpwYmFIvu {
  padding: var(--space-xl);
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
}

.hYRzT4f6UtXQ3TQL0twf {
  display: flex;
  flex-direction: column;
  gap: var(--space-lg);
}

.qNl8TdSaFJdT8UxOiK8x {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--space-lg);
  padding-bottom: var(--space-lg);
  border-bottom: 1px solid var(--color-antiflash-white);
}

.qNl8TdSaFJdT8UxOiK8x:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.BqvAJCa1EI63JOIDNzH5 {
  font-size: var(--font-size-sm);
  font-weight: 500;
  color: var(--color-primary-dark);
  min-width: 120px;
  flex-shrink: 0;
}

.G2VltY7JHbP4wnXm2tdl {
  display: flex;
  align-items: center;
  gap: var(--space-md);
  flex: 1;
}

.F8n2Z1x5m7tO_6sN2dGl {
  background: none;
  border: none;
  color: var(--color-sapphire);
  font-size: var(--font-size-sm);
  font-weight: 500;
  text-decoration: underline;
  cursor: pointer;
  padding: 0;
  transition: opacity 0.2s;
}

.F8n2Z1x5m7tO_6sN2dGl:hover {
  opacity: 0.8;
}

.DFGBHAISU3hVqdKOLiqC {
  display: flex;
  align-items: center;
  gap: var(--space-sm);
  padding: 6px 16px;
  background: var(--color-celadon);
  border-radius: var(--radius-full);
  color: var(--color-primary-dark);
  font-size: var(--font-size-sm);
  font-weight: 500;
}

.DFGBHAISU3hVqdKOLiqC svg {
  color: var(--color-primary-dark);
}

.MXenltbyDCV0_TV5PnUu {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  background: none;
  border: none;
  cursor: pointer;
  color: var(--color-ash-gray);
  transition: color 0.2s;
  padding: 0;
}

.MXenltbyDCV0_TV5PnUu:hover {
  color: var(--color-rust);
}

/* Two Column Layout for Building Permit and Job Dates */
.a3BzLjZOo_5VLQiJIML3 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-xl);
  align-items: start;
}

.ucInWGsIjMlqBEOLHmCZ {
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
}

/* Form Elements */
.vPreBAH6Az032E_3PmMf {
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
}

.bci9EeLF72Z8Pu1fhpmG {
  flex-direction: row;
  align-items: center;
  gap: var(--space-lg);
  margin-bottom: var(--space-md);
}

.tcZl7TC0FdJ3HRiFCixQ {
  min-width: 170px;
  margin: 0;
}

.NoZQR_KdiYhXOvhkcmbj {
  font-size: var(--font-size-sm);
  font-weight: 500;
  color: var(--color-primary-dark);
}

.tNF7PPDX8M8vZ8gSwO9m,
.NNOMrBwJFX8pZc_GKDxe,
.I7utTh9UzWEz9JAVp5qL {
  padding: 10px 16px;
  border: 1px solid var(--color-silver);
  border-radius: var(--radius-md);
  font-size: var(--font-size-sm);
  font-family: var(--font-family);
  color: var(--color-primary-dark);
  background: white;
  transition: border-color 0.2s;
}

.tNF7PPDX8M8vZ8gSwO9m:focus,
.NNOMrBwJFX8pZc_GKDxe:focus,
.I7utTh9UzWEz9JAVp5qL:focus {
  outline: none;
  border-color: var(--color-tiffany-blue);
}

.NNOMrBwJFX8pZc_GKDxe {
  cursor: pointer;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg width=%2712%27 height=%2712%27 viewBox=%270 0 12 12%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M2 4L6 8L10 4%27 stroke=%27%2393a29b%27 stroke-width=%272%27 stroke-linecap=%27round%27/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  padding-right: 36px;
}

.I7utTh9UzWEz9JAVp5qL {
  resize: vertical;
  min-height: 120px;
}

/* Upload Components */
.unstoDavuqpNCgPkmkaL {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--space-sm) 0;
  border-bottom: 1px solid var(--color-antiflash-white);
}

.unstoDavuqpNCgPkmkaL:last-child {
  border-bottom: none;
}

.aSq5rMeCHiGW1Eo1vq2F {
  font-size: var(--font-size-sm);
  color: var(--color-primary-dark);
  font-weight: 500;
}

.q82F9U9ifR75y7gYBK_o,
.g9HKBMjnaH_ivedaQmeb {
  display: flex;
  align-items: center;
  gap: var(--space-sm);
  padding: 8px 16px;
  background: var(--color-antiflash-white);
  color: var(--color-ash-gray);
  border: 1px solid var(--color-silver);
  border-radius: var(--radius-md);
  font-size: var(--font-size-xs);
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
}

.q82F9U9ifR75y7gYBK_o:hover,
.g9HKBMjnaH_ivedaQmeb:hover {
  background: var(--color-silver);
}

.j229oitopd7Z8iSwAXHd {
  display: flex;
  align-items: center;
  gap: var(--space-sm);
  padding: 6px 12px;
  background: var(--color-misty-rose);
  border: 1px solid var(--color-primary);
  border-radius: var(--radius-md);
  color: var(--color-primary-dark);
  font-size: var(--font-size-sm);
}

.j229oitopd7Z8iSwAXHd svg:first-child {
  color: var(--color-primary);
}

.PNBm2akCrC0oL32f6RWT {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
  color: var(--color-ash-gray);
  transition: color 0.2s;
}

.PNBm2akCrC0oL32f6RWT:hover {
  color: var(--color-rust);
}

/* Submit Form Button */
.Jx06r9tSiiPbVMGjEVpZ {
  width: 100%;
  padding: 12px 24px;
  background: var(--color-tiffany-blue);
  color: white;
  border: none;
  border-radius: var(--radius-md);
  font-size: var(--font-size-sm);
  font-weight: 600;
  cursor: pointer;
  transition: opacity 0.2s;
  margin-top: var(--space-md);
}

.Jx06r9tSiiPbVMGjEVpZ:hover {
  opacity: 0.9;
}

/* Duration Input */
.QYhQBubg582Z6uVJTzpT {
  display: flex;
  align-items: center;
  gap: var(--space-sm);
}

.enBSkFtMPoNUYCQfVKXu {
  width: 100px;
  padding: 10px 16px;
  border: 1px solid var(--color-silver);
  border-radius: var(--radius-md);
  font-size: var(--font-size-sm);
  font-family: var(--font-family);
  color: var(--color-primary-dark);
}

.enBSkFtMPoNUYCQfVKXu:focus {
  outline: none;
  border-color: var(--color-tiffany-blue);
}

.iP2INzdIk7I_I86E9Ay_ {
  font-size: var(--font-size-sm);
  color: var(--color-ash-gray);
}

/* Date Time Inputs */
.CVflQqBKrhabNoSwJtVd {
  display: flex;
  gap: var(--space-sm);
  width: 100%;
}

.KnJcpnRXih0kmtZHKhch,
.Vb3fWsQHIHSp8C3rnFv5 {
  flex: 1;
  border-radius: var(--radius-md);
  border: 1px solid var(--color-silver);
}

.KnJcpnRXih0kmtZHKhch .tNF7PPDX8M8vZ8gSwO9m,
.Vb3fWsQHIHSp8C3rnFv5 .tNF7PPDX8M8vZ8gSwO9m {
  width: 100%;
  padding: var(--space-sm);
  border-radius: var(--radius-md);
  border: none;
  font-size: var(--font-size-sm);
  font-family: var(--font-family);
  color: var(--color-primary-dark);
}

.KnJcpnRXih0kmtZHKhch .tNF7PPDX8M8vZ8gSwO9m:focus,
.Vb3fWsQHIHSp8C3rnFv5 .tNF7PPDX8M8vZ8gSwO9m:focus {
  outline: none;
  border-color: var(--color-tiffany-blue);
}

/* Time Input Specific */
.Vb3fWsQHIHSp8C3rnFv5 .tNF7PPDX8M8vZ8gSwO9m::-webkit-calendar-picker-indicator {
  display: none;
}

/* Action Alert */
.KeslfRYb0CqKssN2sg_7 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-lg);
  padding: var(--space-lg);
  background: var(--color-misty-rose);
  border: 1px solid var(--color-jasmine);
  border-radius: var(--radius-md);
  margin-bottom: var(--space-lg);
}

.HNnvBJmcZvcvyGjBlqEe {
  display: flex;
  align-items: flex-start;
  gap: var(--space-md);
  flex: 1;
}

.CDvafdVSHt7CEkVWgwMF {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background: white;
  border-radius: var(--radius-md);
  flex-shrink: 0;
}

.CDvafdVSHt7CEkVWgwMF svg {
  color: var(--color-jasmine);
}

.iUXVDybEC9GT9jlA4vYS {
  flex: 1;
}

.sxv4bQ071dPzpJQ7qAOg {
  font-size: var(--font-size-md);
  font-weight: 700;
  color: var(--color-primary);
  margin: 0 0 4px 0;
}

.mSVbFNzUWGehR7dAjtGs {
  font-size: var(--font-size-sm);
  color: var(--color-primary-dark);
  margin: 0;
}

.uit38IODL5YQZ7PS4NIQ {
  padding: 10px 24px;
  background: transparent;
  color: var(--color-primary);
  border: 2px solid var(--color-primary);
  border-radius: var(--radius-md);
  font-size: var(--font-size-sm);
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
  white-space: nowrap;
  flex-shrink: 0;
}

.uit38IODL5YQZ7PS4NIQ:hover {
  background: var(--color-primary);
  color: white;
}

/* Quote Table */
.AchuYI1e6cnw6Li2nPqc {
  width: 100%;
}

.C3CUw3KkIS_jahWc8cXP {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1fr 2fr;
  gap: var(--space-md);
  padding: var(--space-lg);
  border-bottom: 2px solid var(--color-silver);
}

.Ab6UHS2WT_VN7UzH6cqo {
  font-size: var(--font-size-sm);
  font-weight: 700;
  color: var(--color-primary-dark);
  text-align: left;
}

.qM8w_LT_d2bRhleQ7SJE {
  display: flex;
  flex-direction: column;
}

.J5hdKajwBg1175CEMjiq {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1fr 2fr;
  gap: var(--space-md);
  padding: var(--space-lg);
  border-bottom: 1px solid var(--color-antiflash-white);
  align-items: center;
}

.J5hdKajwBg1175CEMjiq:last-child {
  border-bottom: none;
}

.b9VFdXPDk2egPBMa4zk6 {
  display: flex;
  align-items: center;
}

.u7AY6FmtGHMayIUfOUaR {
  font-size: var(--font-size-sm);
  font-weight: 600;
  color: var(--color-primary-dark);
}

.kBJ13yzZN2f1C8pVEgoX {
  font-size: var(--font-size-md);
  font-weight: 600;
  color: var(--color-primary-dark);
}

.JeY41G7S5kFfcR5qcjDc {
  width: 100%;
  padding: 8px 12px;
  border: 1px solid var(--color-silver);
  border-radius: var(--radius-md);
  font-size: var(--font-size-sm);
  font-family: var(--font-family);
  color: var(--color-primary-dark);
}

.JeY41G7S5kFfcR5qcjDc:focus {
  outline: none;
  border-color: var(--color-tiffany-blue);
}

/* Quote Summary */
.tT4XUQH5D8ZNPtIMkH3k {
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: var(--space-xl);
  padding: var(--space-xl);
}

.lnyzawYFOXerVX_pQgM1 {
  display: flex;
  align-items: flex-start;
  padding-top: var(--space-sm);
}

.JiTacUW5hpndb8IIzJXl {
  font-size: var(--font-size-lg);
  font-weight: 700;
  color: var(--color-primary-dark);
}

.GuwfGFQPJsE9G6Ir1Nkc {
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
}

.NsPNQHByHB24ltnkmwAS {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--space-sm) 0;
}

.DSiAu2snItwGogkoJ2GT {
  font-size: var(--font-size-md);
  color: var(--color-primary-dark);
}

.hioK5rBAuS3Bx8sPJO4A {
  font-size: var(--font-size-md);
  font-weight: 600;
  color: var(--color-primary-dark);
}

.yNKDHSK5ED9Sv_LUqmeO {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--space-md) 0;
  border-top: 2px solid var(--color-silver);
  margin-top: var(--space-sm);
}

.lWRvpdduk1ZUFLTHs1WY {
  font-size: var(--font-size-lg);
  font-weight: 700;
  color: var(--color-primary-dark);
}

.yHzwRE8bRtljOngkTYMs {
  font-size: var(--font-size-lg);
  font-weight: 700;
  color: var(--color-primary-dark);
}

.BTIrJGjuSzgVYo91hKM9 {
  display: flex;
  justify-content: flex-end;
  padding: 0 var(--space-xl) var(--space-xl);
}

.zbNvAkzkQoGFnLPSFr6w {
  padding: 12px 48px;
  background: var(--color-sapphire);
  color: white;
  border: none;
  border-radius: var(--radius-md);
  font-size: var(--font-size-sm);
  font-weight: 700;
  cursor: pointer;
  transition: opacity 0.2s;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.zbNvAkzkQoGFnLPSFr6w:hover {
  opacity: 0.9;
}

/* Responsive */
@media (max-width: 1200px) {
  .a3BzLjZOo_5VLQiJIML3 {
    grid-template-columns: 1fr;
  }
}

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

@media (max-width: 768px) {
  .wBIIRQv_c3dVK1_yrJNQ {
    flex-direction: column;
    align-items: flex-start;
  }

  .wMgT1EDO31k1TsOjhsGH {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-sm);
  }

  .CFzKz07D6_KNRna7S32y {
    width: 100%;
  }

  .nCDVHUbhStCgDPrADAQE,
  .sn3W6PMlduOLpwYmFIvu {
    padding: var(--space-lg);
  }

  .G2VltY7JHbP4wnXm2tdl {
    flex-wrap: wrap;
  }

  .KeslfRYb0CqKssN2sg_7 {
    flex-direction: column;
    align-items: flex-start;
  }

  .uit38IODL5YQZ7PS4NIQ {
    width: 100%;
  }

  .AchuYI1e6cnw6Li2nPqc {
    overflow-x: auto;
  }
}

.tSuHRsJmBeFnkRF8eQTz {
  padding: var(--space-xl);
  max-width: 1600px;
  margin: 0 auto;
}

.nY_VarDoBPgna7CjGzY7 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: var(--space-xl);
  gap: var(--space-lg);
}

.C2IXBJXYHWZczhii0qMa {
  display: flex;
  align-items: center;
  gap: var(--space-md);
}

.I1oflD5mOL_ytp2ePNwz {
  font-size: var(--font-size-2xl);
  font-weight: 600;
  color: var(--color-primary-dark);
  margin: 0;
}

.FCZXgxB92NhsLqoRLr88 {
  display: flex;
  align-items: center;
  gap: var(--space-md);
}

.coCLHqUyTnbNeRAim3nh {
  position: relative;
  display: flex;
  align-items: center;
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  overflow: hidden;
  min-width: 250px;
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  font-weight: 400;
}

.ObosPx8WVVcY2mnZrHZj {
  padding: 0 var(--space-md);
  display: flex;
  align-items: center;
  color: var(--color-text-secondary);
}

.IkDQ5qViKxvKXcp3RgZr {
  flex: 1;
  padding: var(--space-md);
  padding-left: 0;
  border: none;
  outline: none;
  font-size: var(--font-size-sm);
  font-family: var(--font-secondary);
}

.IkDQ5qViKxvKXcp3RgZr::placeholder {
  color: var(--color-text-secondary);
}

.gSiHZZcCMKdyAPrfPAqM {
  position: relative;
  display: flex;
  align-items: stretch;
}

.lSpBVO_ydi3mnU3ppjWN {
  width: 60px;
  min-height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
  background: var(--color-sapphire);
  color: var(--color-antiflash-white);
  border: 1px solid var(--color-sapphire);
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: all 0.2s ease;
  position: relative;
}

.lSpBVO_ydi3mnU3ppjWN svg {
  fill: var(--color-antiflash-white);
}

.lSpBVO_ydi3mnU3ppjWN:hover {
  background: rgba(45, 90, 107, 0.08);
}

.SjKD0mLo58ZyRh7yay3O {
  position: absolute;
  top: 2px;
  right: 2px;
  background: var(--color-primary);
  color: white;
  font-size: 10px;
  font-weight: 700;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

.bMUlA7w2jLcHm_6NxMHC {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  background: white;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12);
  min-width: 200px;
  z-index: 100;
  overflow: hidden;
  padding: 8px 0;
}

._9VTzcMaRPe0XqzAiTQqf {
  width: 100%;
  padding: 10px 16px 10px 24px;
  background: var(--color-surface);
  border: none;
  text-align: left;
  font-size: var(--font-size-sm);
  color: var(--color-sapphire-dark);
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: var(--font-secondary);
  font-weight: 400;
}

._9VTzcMaRPe0XqzAiTQqf:hover {
  background: var(--color-bg-light);
  border-color: var(--color-border);
}

._9VTzcMaRPe0XqzAiTQqf.WpaQAhXMAVCAVyL92jYr {
  background: var(--color-green-white);
  border: 1px solid var(--color-green-white);
}

._9VTzcMaRPe0XqzAiTQqf.WpaQAhXMAVCAVyL92jYr:hover {
  background: #e0efff;
}

.Rxsjg_5ceDmZrpy9SalF,
.pLnWBMUbfGE6vyeaHyWy {
  background: white;
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
  padding: var(--space-2xl);
  text-align: center;
}

.Rxsjg_5ceDmZrpy9SalF p {
  color: var(--color-text-secondary);
  font-size: var(--font-size-md);
}

.pLnWBMUbfGE6vyeaHyWy p {
  color: var(--color-rust);
  font-size: var(--font-size-md);
  margin-bottom: var(--space-md);
}

.r5of2FaziJlKRDQ54rzg {
  padding: var(--space-sm) var(--space-lg);
  background: var(--color-primary);
  color: white;
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  font-size: var(--font-size-sm);
  font-weight: 500;
  font-family: var(--font-secondary);
  transition: all 0.2s ease;
}

.r5of2FaziJlKRDQ54rzg:hover {
  background: var(--color-rust);
}

@media (max-width: 768px) {
  .tSuHRsJmBeFnkRF8eQTz {
    padding: var(--space-md);
  }

  .nY_VarDoBPgna7CjGzY7 {
    flex-direction: column;
    align-items: flex-start;
  }
}

.hz5d3OosMjsfMGu3HqQO {
  padding: var(--space-lg);
  max-width: 1600px;
  margin: 0 auto;
}

/* Header */
._LcYt1UXxu6gplNAXM8y {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: var(--space-lg);
  flex-wrap: wrap;
  gap: var(--space-md);
}

.h_Ttz7iUpyxap78t3Dfd {
  display: flex;
  align-items: center;
  gap: var(--space-md);
}

.vFiQp2CuLG_cJu5uFshM {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border: 1px solid var(--color-silver);
  border-radius: var(--radius-md);
  background: white;
  cursor: pointer;
  transition: all 0.2s;
}

.vFiQp2CuLG_cJu5uFshM:hover {
  background: var(--color-antiflash-white);
  border-color: var(--color-ash-gray);
}

.vFiQp2CuLG_cJu5uFshM svg {
  color: var(--color-primary-dark);
}

.YCLEWAn6XoWRPdEu6G1A {
  font-size: var(--font-size-2xl);
  font-weight: 700;
  color: var(--color-primary-dark);
  margin: 0;
}

.ak34trQBvy79mYgEJT5j {
  padding: 6px 16px;
  background: var(--color-misty-rose);
  color: var(--color-primary);
  border-radius: var(--radius-full);
  font-size: var(--font-size-sm);
  font-weight: 600;
}

.VRUYwDTpB5Nsi_VBqvko {
  display: flex;
  gap: var(--space-sm);
  align-items: center;
}

.en7frB6YV4eh7zWW5NvH {
  position: relative;
}

.VY1RRZqYDap9svlATfZy {
  display: flex;
  align-items: center;
  gap: var(--space-sm);
  padding: 10px 20px;
  background: var(--color-primary);
  color: white;
  border: none;
  border-radius: var(--radius-md);
  font-size: var(--font-size-sm);
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s;
}

.VY1RRZqYDap9svlATfZy:hover {
  background: var(--color-rust);
}

.VY1RRZqYDap9svlATfZy:disabled {
  opacity: 0.7;
  cursor: not-allowed;
}

.JyTS12ORiJsv6GDHPIq_ {
  position: absolute;
  top: 100%;
  right: 0;
  margin-top: 4px;
  background: white;
  border: 1px solid var(--color-silver);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-lg);
  min-width: 160px;
  z-index: 100;
  overflow: hidden;
}

.KNEqPpTXGsFddJ_LHcUA {
  display: block;
  width: 100%;
  padding: 10px 16px;
  text-align: left;
  background: none;
  border: none;
  font-size: var(--font-size-sm);
  color: var(--color-primary-dark);
  cursor: pointer;
  transition: background 0.2s;
}

.KNEqPpTXGsFddJ_LHcUA:hover {
  background: var(--color-antiflash-white);
}

.hEq9PGLJJpD8yVEDHeSF {
  background: var(--color-misty-rose);
  color: var(--color-primary);
  font-weight: 600;
}

/* Tabs and Actions Row */
.Y1zrvXgvQjPlW8L6WdmB {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid var(--color-silver);
  margin-bottom: var(--space-lg);
  gap: var(--space-lg);
  flex-wrap: wrap;
}

/* Nav Tabs */
.Yr5M80mR5hCATE4lVvQQ {
  flex: 1;
  min-width: 0;
  position: sticky;
  top: 0;
  background: var(--color-background);
  z-index: 10;
  padding-bottom: var(--space-sm);
}

.eGPkktOOR4vVYxXsZcKB {
  display: flex;
  gap: 0;
}

.sbAoujNrzYMel7hdENTe {
  flex: 1;
  padding: var(--space-md) var(--space-lg);
  background: transparent;
  border: none;
  border-top: 3px solid transparent;
  color: #839ca4;
  font-size: 18px;
  font-weight: 400;
  font-family: var(--font-primary);
  cursor: pointer;
  transition: all 0.2s ease;
  text-align: center;
  margin-bottom: -2px;
  white-space: nowrap;
}

.sbAoujNrzYMel7hdENTe:hover {
  color: var(--color-text-primary);
  background: rgba(0, 0, 0, 0.02);
}

.sbAoujNrzYMel7hdENTe.p4szCv4NVnRwnqSD44eq {
  color: var(--color-text-primary);
  border-top-color: var(--color-primary);
  font-weight: 700;
}

/* Action Buttons */
.f34NE2a_1S3ovldJIYpG {
  display: flex;
  gap: var(--space-sm);
  align-items: center;
  flex-shrink: 0;
}

.eNoQc1Gk0tak57_nfCbD {
  display: flex;
  align-items: center;
  gap: var(--space-sm);
  padding: 10px 20px;
  background: var(--color-primary);
  color: white;
  border: none;
  border-radius: var(--radius-md);
  font-size: var(--font-size-sm);
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s;
  white-space: nowrap;
}

.eNoQc1Gk0tak57_nfCbD:hover {
  background: var(--color-rust);
}

.L5ieeM30rrl_3e2YlLSB {
  padding: 10px 20px;
  background: white;
  color: var(--color-primary);
  border: 2px solid var(--color-primary);
  border-radius: var(--radius-md);
  font-size: var(--font-size-sm);
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
  white-space: nowrap;
}

.L5ieeM30rrl_3e2YlLSB:hover {
  background: var(--color-misty-rose);
}

.L5ieeM30rrl_3e2YlLSB:disabled,
.DTktV83ou5y1nwPmeHcI {
  opacity: 0.6;
  cursor: not-allowed;
  background: var(--color-antiflash-white);
  border-color: var(--color-silver);
  color: var(--color-ash-gray);
}

.L5ieeM30rrl_3e2YlLSB:disabled:hover,
.DTktV83ou5y1nwPmeHcI:hover {
  background: var(--color-antiflash-white);
}

/* Action Message */
.VM0uNLhbFMxEL2djl_7J {
  position: fixed;
  top: 80px;
  right: 24px;
  padding: 12px 24px;
  border-radius: var(--radius-md);
  font-size: var(--font-size-sm);
  font-weight: 500;
  z-index: 1000;
  animation: deDiCWVoU83LcMKdFR5N 0.3s ease-out;
}

.VM0uNLhbFMxEL2djl_7J.MZUOvI3Inx5uGZhEd7kw {
  background: var(--color-celadon);
  color: var(--color-primary-dark);
  border: 1px solid #7bc07b;
}

.VM0uNLhbFMxEL2djl_7J.k7dY2eRCD8dDs8Ya7yJe {
  background: var(--color-misty-rose);
  color: var(--color-rust);
  border: 1px solid var(--color-rust);
}

@keyframes deDiCWVoU83LcMKdFR5N {
  from {
    opacity: 0;
    transform: translateX(20px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

/* Content Area */
.qKsZM2kPWG5ESDyILjMN {
  padding: var(--space-xl);
}

/* Loading and Error States */
.PNtak_nclYqxSkUPSjRA,
.gGjQA7Izhxc4Dn8aCUc0 {
  padding: var(--space-2xl);
  text-align: center;
}

.gGjQA7Izhxc4Dn8aCUc0 p {
  color: var(--color-rust);
  margin-bottom: var(--space-md);
}

.ZbVKzcdJFqHQCZaJbn6T {
  padding: 10px 20px;
  background: var(--color-primary);
  color: white;
  border: none;
  border-radius: var(--radius-md);
  font-size: var(--font-size-sm);
  font-weight: 600;
  cursor: pointer;
}

/* Responsive */
@media (max-width: 1024px) {
  .Y1zrvXgvQjPlW8L6WdmB {
    flex-direction: column;
    align-items: flex-start;
  }

  .Yr5M80mR5hCATE4lVvQQ {
    width: 100%;
  }

  .eGPkktOOR4vVYxXsZcKB {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  .eGPkktOOR4vVYxXsZcKB::-webkit-scrollbar {
    display: none;
  }

  .sbAoujNrzYMel7hdENTe {
    flex: none;
    white-space: nowrap;
    padding: var(--space-md) var(--space-md);
  }

  .f34NE2a_1S3ovldJIYpG {
    width: 100%;
    flex-wrap: wrap;
  }
}

@media (max-width: 768px) {
  .hz5d3OosMjsfMGu3HqQO {
    padding: var(--space-md);
  }

  ._LcYt1UXxu6gplNAXM8y {
    flex-direction: column;
    align-items: flex-start;
  }

  .VRUYwDTpB5Nsi_VBqvko {
    width: 100%;
    flex-wrap: wrap;
  }

  .YCLEWAn6XoWRPdEu6G1A {
    font-size: var(--font-size-xl);
  }

  .qKsZM2kPWG5ESDyILjMN {
    padding: var(--space-lg);
  }
}

.EcH39LICkmrKEqNxQGbv {
  background: white;
  border-radius: var(--radius-lg);
  overflow: hidden;
  max-width: 1100px;
  width: 100%;
}

.GO_MBiYbito5H4yLE3ab {
  padding: 28px 40px;
  border-bottom: 1px solid #e5e7eb;
}

.paG_VAt5YvgPg7jhmeAL {
  font-size: var(--font-size-xl);
  font-weight: 600;
  color: #1f2937;
  margin: 0;
  font-family: var(--font-primary);
}

.U3O20iAje0zuxZXTp2qj {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
}

.fJ1AN6sa8KrPhTrIGE0E {
  padding: 40px;
  border-right: 1px solid #e5e7eb;
}

.EgHPRnzZ_yyXvOGV8gJo {
  padding: 40px;
  background-color: #f9fafb;
  display: flex;
  min-height: 400px;
}

/* Form Group */
.BKAtnp_h24KMUBTMdn1g {
  margin-bottom: 32px;
}

.QRmHzn6SwAixKEa0JvjB {
  display: block;
  font-size: 13px;
  font-weight: 600;
  color: #374151;
  margin-bottom: 8px;
  font-family: var(--font-secondary);
  letter-spacing: 0.5px;
}

/* Dropdown */
.A0iReKuQqATE9XY16nBW {
  position: relative;
}

.ScYxJIqdWaXT_lcduQui {
  width: 100%;
  padding: 12px 16px;
  background-color: white;
  border: 1.5px solid #d1d5db;
  border-radius: 8px;
  font-size: var(--font-size-sm);
  text-align: left;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: all 0.2s ease;
  font-family: var(--font-secondary);
}

.ScYxJIqdWaXT_lcduQui:hover {
  border-color: #2563eb;
}

.ScYxJIqdWaXT_lcduQui:focus {
  outline: none;
  border-color: #2563eb;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
}

.qWn39HQJXOi6lHmqdNkb {
  color: #374151;
}

.qWn39HQJXOi6lHmqdNkb.TAI2JeiDcwWxHESm5xvC {
  color: #9ca3af;
}

.gFUAxrnLxpRi3RcnhWxQ {
  transition: transform 0.2s ease;
  flex-shrink: 0;
}

.gFUAxrnLxpRi3RcnhWxQ.TM2sk5OdBmbjd5tlF9Ih {
  transform: rotate(180deg);
}

.Fl7q2ZppuT6NEb2yw_Wd {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  right: 0;
  background-color: white;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
  z-index: 10;
  overflow: hidden;
}

.uUQ8beayrGfL1ucONvhf {
  width: 100%;
  padding: 12px 16px;
  background-color: white;
  border: none;
  text-align: left;
  font-size: var(--font-size-sm);
  color: #374151;
  cursor: pointer;
  transition: background-color 0.15s ease;
  font-family: var(--font-secondary);
}

.uUQ8beayrGfL1ucONvhf:hover {
  background-color: #f3f4f6;
}

/* Upload Area */
.v3N8LrhHif3eu37wiutO {
  padding: 48px 32px;
  text-align: center;
  cursor: pointer;
  transition: all 0.2s ease;

  background: #f7f6f6;
  border: 2px dashed #6c6c6b;
  border-radius: 6px;
}

.v3N8LrhHif3eu37wiutO:hover {
  border-color: #2563eb;
  background-color: #eff6ff;
}

.v3N8LrhHif3eu37wiutO.OB28z3uDi9CSoVVE5J0e {
  border-color: #059669;
  background-color: #ecfdf5;
  transform: scale(1.02);
}

.z8NwFuiK7fLOTtNByqOs {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
}

.kNzd46F7N5PxKoFv4Xz_ {
  font-size: 48px;
  color: #2563eb;
}

.yZzEKDXVHGzBSpHqZgLP {
  font-size: var(--font-size-md);
  font-weight: 600;
  color: #1f2937;
  margin: 0 0 4px 0;
  font-family: var(--font-secondary);
}

.Od0c1QpOZs1oP8g10YwD {
  font-size: var(--font-size-sm);
  color: #6b7280;
  margin: 0;
  font-family: var(--font-secondary);
}

/* URL Section */
.DNtrwC6nYNEblSVf02nQ {
  margin-top: 24px;
}

.bX4W83VCxK7ON4MJA_bt {
  font-size: 13px;
  color: #6b7280;
  margin-bottom: 12px;
  font-family: var(--font-secondary);
}

.zdVXXXFMYM3wDaE_G1YX {
  display: flex;
  gap: 12px;
}

.Xpy8od8IjgYX5j6zxUHW {
  flex: 1;
  padding: 10px 16px;
  border: 1.5px solid #d1d5db;
  border-radius: 8px;
  font-size: var(--font-size-sm);
  color: #374151;
  transition: all 0.2s ease;
  font-family: var(--font-secondary);
}

.Xpy8od8IjgYX5j6zxUHW:focus {
  outline: none;
  border-color: #2563eb;
  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.1);
}

.Xpy8od8IjgYX5j6zxUHW::placeholder {
  color: #9ca3af;
}

.pPTCQmYSQinFBEKk616C {
  padding: 10px 24px;
  background-color: #045a8d;
  color: white;
  border: none;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  letter-spacing: 0.5px;
  font-family: var(--font-secondary);
}

.pPTCQmYSQinFBEKk616C:hover {
  background-color: #1d4ed8;
}

/* Empty State */
.KQWCstkuCQ3eXwQd33Hl {
  text-align: center;
  padding: 32px;
}

.FLVE8ex8bYbP07HdQuG4 {
  display: flex;
  align-items: center;
  justify-content: center;
}

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

/* Files List */
.f8JNo0nqNYLRch3G9cae {
  width: 100%;
  padding: 20px 0;
}

.Onk8nSw9VgPG98yii2Ki {
  font-size: 13px;
  font-weight: 600;
  color: #1f2937;
  letter-spacing: 0.5px;
  margin: 0 0 20px 0;
  font-family: var(--font-secondary);
}

.B7cXzB1WplFbreb9zz_W {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.DNU6ZnjH0fgE7wZyCmmy {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px;
  background-color: white;
  border-radius: 8px;
  border: 1px solid #e5e7eb;
  transition: all 0.2s ease;
}

.DNU6ZnjH0fgE7wZyCmmy.vKYKP0LEPbH5kHDPiZVc {
  background-color: #f0fdf4;
  border-color: #86efac;
}

.DNU6ZnjH0fgE7wZyCmmy.m8c6nYyY7krpB1mD9KGc {
  background-color: #fef3e2;
  border-color: #fed7aa;
}

.tJH2I7jGPwU5K8t7_TES {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #eff6ff;
  border-radius: 6px;
}

.aJZWb9i2mDjJBSpDqoBA {
  flex: 1;
  min-width: 0;
}

.wuhYZOUfl9DvKhjBeWwA {
  font-size: var(--font-size-sm);
  font-weight: 600;
  color: #1f2937;
  margin-bottom: 4px;
  word-break: break-word;
  overflow-wrap: break-word;
  font-family: var(--font-secondary);
}

.BvfN3lHWs3kHtlI2cXug {
  font-size: 12px;
  color: #6b7280;
  font-family: var(--font-secondary);
}

.B4Vb1UwPilOKpRGbv5zu {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}

.KVHW9804RQ4AJyJVyNGY {
  background: none;
  border: none;
  padding: 6px;
  cursor: pointer;
  border-radius: 4px;
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}

.KVHW9804RQ4AJyJVyNGY:hover {
  background-color: rgba(0, 0, 0, 0.05);
}

.I0j2wY0e1_LfWrMWy0cS:hover {
  background-color: #fee2e2;
}

.fItVXhmD87_tBV3wxkfw:hover {
  background-color: #fff7ed;
}

.xXS79bGqZFDXv5f59GA4 {
  cursor: default;
}

.xXS79bGqZFDXv5f59GA4:hover {
  background-color: transparent;
}

/* Modal Footer */
.KzBPs3SccGEqVZGWT3Mi {
  padding: 24px 40px;
  border-top: 1px solid #e5e7eb;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
}

.mYXlSKcNosSFhK9CUxno {
  padding: 12px 32px;
  background-color: #9ca3af;
  color: white;
  border: none;
  cursor: pointer;
  transition: all 0.2s ease;

  border-radius: 3px;
  color: #fcfcfc;
  font-family: var(--font-secondary);
  font-weight: 500;
  font-size: 10px;
}

.mYXlSKcNosSFhK9CUxno:hover {
  background-color: #6b7280;
}

.rPd5oDjIRh__XIWQ50PG {
  padding: 12px 32px;
  border: none;
  cursor: pointer;
  transition: all 0.2s ease;

  background: #58b745;
  border-radius: 3px;
  color: #fcfcfc;
  font-family: var(--font-secondary);
  font-weight: 500;
  font-size: 10px;
}

.rPd5oDjIRh__XIWQ50PG:hover:not(:disabled) {
  background-color: #059669;
}

.rPd5oDjIRh__XIWQ50PG:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Responsive */
@media (max-width: 1024px) {
  .U3O20iAje0zuxZXTp2qj {
    grid-template-columns: 1fr;
  }

  .fJ1AN6sa8KrPhTrIGE0E {
    border-right: none;
    border-bottom: 1px solid #e5e7eb;
  }

  .EgHPRnzZ_yyXvOGV8gJo {
    min-height: 300px;
  }
}

@media (max-width: 768px) {
  .GO_MBiYbito5H4yLE3ab {
    padding: var(--space-lg) var(--space-xl);
  }

  .fJ1AN6sa8KrPhTrIGE0E,
  .EgHPRnzZ_yyXvOGV8gJo {
    padding: var(--space-xl);
  }

  .KzBPs3SccGEqVZGWT3Mi {
    flex-direction: column;
    padding: var(--space-lg) var(--space-xl);
  }

  .mYXlSKcNosSFhK9CUxno,
  .rPd5oDjIRh__XIWQ50PG {
    width: 100%;
  }

  .v3N8LrhHif3eu37wiutO {
    padding: 32px 16px;
  }
}

.Zh0_KI5B70rkbGAE6XAP {
  background: transparent;
  margin-bottom: var(--space-xl);
}

.CSOTqEeXTxDNuKzNkQo_ {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--space-lg);
  margin-bottom: var(--space-lg);
}

.YjFu_6DIxqpiN6yskRtQ {
  color: #07485f;
  font-size: var(--font-size-sm);
  font-weight: 600;
  letter-spacing: 0.05em;
}

.NugP5C3QfZQcryhmI7RG {
  display: flex;
  align-items: center;
  gap: var(--space-sm);
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: 999px;
  padding: var(--space-sm) var(--space-md);
  min-width: 200px;
}

.NugP5C3QfZQcryhmI7RG svg {
  flex-shrink: 0;
}

.EmKuDTmxHD40CJsYjECp {
  flex: 1;
  border: none;
  outline: none;
  background: transparent;
  font-size: var(--font-size-sm);
  font-family: var(--font-secondary);
  color: var(--color-text-primary);
}

.EmKuDTmxHD40CJsYjECp::placeholder {
  color: var(--color-text-secondary);
}

/* Table */
.GxmQYoJGRoR8pB5THqUO {
  background: var(--color-surface);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-card);
  overflow: hidden;
  padding: var(--space-md);
}

.agxvm59gEdVQYF4JBC4h {
  width: 100%;
  border-collapse: collapse;
}

.agxvm59gEdVQYF4JBC4h thead tr {
  background: var(--color-surface);
  border-bottom: 1px solid var(--color-border);
}

.agxvm59gEdVQYF4JBC4h th {
  text-align: left;
  padding: var(--space-md) var(--space-lg);
  font-size: var(--font-size-sm);
  font-weight: 500;
  color: var(--color-text-primary);
}

.tfCI0BD6XruROeJbPQkw {
  cursor: pointer;
  user-select: none;
}

.tfCI0BD6XruROeJbPQkw:hover {
  color: var(--color-sapphire);
}

.zojursFVahPCEuTor1sO {
  width: 200px;
}

.UNe3abRmHm_aMPYgxs0_ {
  border-bottom: 1px solid var(--color-border);
  transition: background 0.15s ease;
}

.UNe3abRmHm_aMPYgxs0_:last-child {
  border-bottom: none;
}

.UNe3abRmHm_aMPYgxs0_:hover {
  background: var(--color-bg-light);
}

.Lz1Qexif2JeCg2y58tx6 {
  padding: var(--space-md) var(--space-lg);
  font-size: var(--font-size-sm);
  color: var(--color-text-primary);
  vertical-align: middle;
}

.zJeoy7gxD4eUg9my_8_4 {
  display: flex;
  align-items: center;
  gap: var(--space-md);
}

.F9moJ0AdZ2iJ9kJFCwWQ {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.XCWqtzNzG1iXYFqjUmM9 {
  font-weight: 500;
  color: var(--color-text-primary);
}

.ukgFOrTzUpVJE709la2A {
  font-size: var(--font-size-xs);
  color: var(--color-text-secondary);
  margin-top: 2px;
}

.SyLqDsJz90U0fSN91Hwk {
  padding: var(--space-md) var(--space-lg);
  display: flex;
  align-items: center;
  gap: var(--space-sm);
  justify-content: flex-end;
}

.othjR3afJ8znKSyiDcun {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
  border-radius: var(--radius-sm);
  cursor: pointer;
  transition: background 0.15s ease;
  color: var(--color-text-secondary);
}

.othjR3afJ8znKSyiDcun:hover {
  background: var(--color-bg-light);
  color: var(--color-text-primary);
}

.H5x56NPxLABOjqUwahbO {
  padding: var(--space-xl);
  max-width: 1600px;
  margin: 0 auto;
}

.Loc8EMnEtoemIyB4A6eO {
  padding: 32px;
  max-width: 1200px;
  margin: 0 auto;
}

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

.TFtcHgMtdjSBT2pCXC9I {
  color: #07485f;
  font-family: "Poppins";
  font-weight: 600;
  font-size: 12px;
}

.gKUHQ3k2CjxLu1xmCKrF {
  padding: 12px 24px;
  background-color: #2563eb;
  border: none;
  cursor: pointer;
  transition: all 0.2s ease;

  padding: var(--space-sm) var(--space-md);
  color: #ffffff;
  font-family: "Poppins";
  font-weight: 400;
  font-size: 12px;
  box-shadow: 0px 1px 1px #00000040;
  background: #f25b22;
  border-radius: 10px;
}

.gKUHQ3k2CjxLu1xmCKrF:hover {
  background-color: #1d4ed8;
}

.ha6Ii58XIyG2UhMAzvhc {
  font-size: 18px;
  font-weight: 600;
}

@media (max-width: 768px) {
  .H5x56NPxLABOjqUwahbO {
    padding: var(--space-md);
  }
}

.gW0HIsLYyF3Lf0oBz5rA {
  padding: var(--space-xl);
  max-width: 1600px;
  margin: 0 auto;
}

.zYsj86_MtLT3jCG0H8I0 {
  padding: var(--space-xl);
  max-width: 1400px;
}

/* Forms Section */
.Fg2JSLzpP5toS0Ye8gQf {
  margin-bottom: var(--space-xl);
}

.ktCblj7LNmqE6mgYw0Mx {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: var(--space-lg);
}

.HZZ6wzGgJDFIIKPORNxQ {
  color: #07485f;
  font-size: var(--font-size-sm);
  font-weight: 600;
  letter-spacing: 0.05em;
  margin: 0;
}

.rlZoCoLRW5GOr_ecNKmu {
  background: var(--color-primary);
  color: white;
  border: none;
  padding: var(--space-sm) var(--space-lg);
  border-radius: var(--radius-md);
  font-size: var(--font-size-sm);
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: var(--font-secondary);
}

.rlZoCoLRW5GOr_ecNKmu:hover {
  background: var(--color-rust);
}

/* Form Cards */
.wXXs4AAHqEBAm9b4qfgP {
  gap: var(--space-lg);
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

.If76NNiDfsTlHYGdOPor {
  display: flex;
  align-items: center;
  gap: var(--space-md);
  padding: var(--space-lg);
  background: var(--color-surface);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
  cursor: pointer;
  transition: all 0.2s ease;
  width: 100%;
}

.If76NNiDfsTlHYGdOPor:hover {
  box-shadow: var(--shadow-md);
  transform: translateY(-2px);
}

.LHWaBU87XlkAgxywYIyj {
  width: 48px;
  height: 48px;
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  background: #dff3e4;
  border-radius: 50%;
}

.LHWaBU87XlkAgxywYIyj svg {
  color: #045a8d;
}

.HxKNO0SQQnlSqlfxFcFx {
  flex: 1;
}

.Z9mvghHytGWcwxRWfnVN {
  font-size: var(--font-size-md);
  font-weight: 500;
  color: var(--color-text-primary);
  margin: 0;
}

/* Forms Register Section */
.G7TNrdzZJi9MMEWP2otD {
  background: transparent;
}

.wM9rj4iVepbvFEFn8uP9 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--space-lg);
  margin-bottom: var(--space-lg);
}

.RgktaehV4AOrYiMUUydR {
  color: #07485f;
  font-size: var(--font-size-sm);
  font-weight: 600;
  letter-spacing: 0.05em;
  font-weight: 600;
}

.YoJN6qxkhSI6hLFt8ep7 {
  display: flex;
  align-items: center;
  gap: var(--space-sm);
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: 999px;
  padding: var(--space-sm) var(--space-md);
  min-width: 200px;
}

.YoJN6qxkhSI6hLFt8ep7 svg {
  flex-shrink: 0;
}

.YlEQazz2zMzhYqKtK30B {
  flex: 1;
  border: none;
  outline: none;
  background: transparent;
  font-size: var(--font-size-sm);
  font-family: var(--font-secondary);
  color: var(--color-text-primary);
}

.YlEQazz2zMzhYqKtK30B::placeholder {
  color: var(--color-text-secondary);
}

/* Table */
.fXrBtDoDRmzddrtE0JY3 {
  background: var(--color-surface);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-card);
  overflow: hidden;
  padding: var(--space-md);
}

.TGtYKhuGcwEZj69BwLiJ {
  width: 100%;
  border-collapse: collapse;
}

.TGtYKhuGcwEZj69BwLiJ thead tr {
  background: var(--color-surface);
  border-bottom: 1px solid var(--color-border);
}

.TGtYKhuGcwEZj69BwLiJ th {
  text-align: left;
  padding: var(--space-md) var(--space-lg);
  font-size: var(--font-size-sm);
  font-weight: 500;
  color: var(--color-text-primary);
}

.OjH6laUQvESHruBXS2wj {
  cursor: pointer;
  user-select: none;
}

.OjH6laUQvESHruBXS2wj:hover {
  color: var(--color-sapphire);
}

.wsqlfySdgDm9YqfVAMMw {
  width: 200px;
}

.rvUsgnRy5uRqQjss2OAR {
  border-bottom: 1px solid var(--color-border);
  transition: background 0.15s ease;
}

.rvUsgnRy5uRqQjss2OAR:last-child {
  border-bottom: none;
}

.rvUsgnRy5uRqQjss2OAR:hover {
  background: var(--color-bg-light);
}

.K9jx4NjbE3YqFc9LjQKk {
  padding: var(--space-md) var(--space-lg);
  font-size: var(--font-size-sm);
  color: var(--color-text-primary);
  vertical-align: middle;
}

.VzlGgLEIxzTG0DxjQR0R {
  display: flex;
  align-items: center;
  gap: var(--space-md);
}

.XZFjLBptAmd0pzeXDwBI {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.BbuxH_J8W9BJFtOtj5V8 {
  flex: 1;
}

.GmpPNc29M3galvd4zffF {
  display: flex;
  align-items: center;
  gap: var(--space-xs);
}

.Nlt8d7DW7_ETz4masaA5 {
  font-weight: 500;
  color: var(--color-text-primary);
}

.N_WP1mkY2TLH1sWjMpdy {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
  border-radius: var(--radius-sm);
  cursor: pointer;
  transition: all 0.15s ease;
  color: var(--color-text-secondary);
  opacity: 0;
  flex-shrink: 0;
}

.GmpPNc29M3galvd4zffF:hover .N_WP1mkY2TLH1sWjMpdy {
  opacity: 1;
}

.N_WP1mkY2TLH1sWjMpdy:hover {
  background: var(--color-bg-light);
  color: var(--color-primary);
}

.upSTwFe16hYw0VqVu6xF {
  display: flex;
  align-items: center;
  gap: var(--space-xs);
  width: 100%;
}

.oWe1aoE1Z8JIQNDFAvPb {
  flex: 1;
  border: 1px solid var(--color-primary);
  border-radius: var(--radius-sm);
  padding: var(--space-xs) var(--space-sm);
  font-size: var(--font-size-sm);
  font-weight: 500;
  color: var(--color-text-primary);
  font-family: var(--font-secondary);
  outline: none;
  background: var(--color-surface);
}

.oWe1aoE1Z8JIQNDFAvPb:focus {
  border-color: var(--color-sapphire);
  box-shadow: 0 0 0 2px rgba(4, 90, 141, 0.1);
}

.gNEkU0KOybfOpquvEn5i {
  display: flex;
  align-items: center;
  gap: 2px;
}

.SE8D5E5_0FA_GLjKyMJo {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
  border-radius: var(--radius-sm);
  cursor: pointer;
  transition: all 0.15s ease;
  color: var(--color-text-secondary);
  flex-shrink: 0;
}

.SE8D5E5_0FA_GLjKyMJo:hover {
  background: var(--color-bg-light);
  color: var(--color-primary);
}

.SE8D5E5_0FA_GLjKyMJo:first-child:hover {
  color: #10b981;
}

.SE8D5E5_0FA_GLjKyMJo:last-child:hover {
  color: #ef4444;
}

.CsYJKHLbD6PDwdduo4r8 {
  font-size: var(--font-size-xs);
  color: var(--color-text-secondary);
  margin-top: 2px;
}

.HzshhDfPrTiu0exQBe_J {
  padding: var(--space-md) var(--space-lg);
  display: flex;
  align-items: center;
  gap: var(--space-sm);
  justify-content: flex-end;
}

.DI6zm1wckFJBlu2rpylh {
  background: transparent;
  border: 1px solid var(--color-text-secondary);
  color: var(--color-text-primary);
  padding: var(--space-xs) var(--space-md);
  border-radius: var(--radius-sm);
  font-size: var(--font-size-xs);
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: var(--font-secondary);
  white-space: nowrap;
}

.DI6zm1wckFJBlu2rpylh:hover {
  border-color: var(--color-primary);
  color: var(--color-primary);
}

.TpegTUIaeY5GiYuSLRYw {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
  border-radius: var(--radius-sm);
  cursor: pointer;
  transition: background 0.15s ease;
  color: var(--color-text-secondary);
}

.TpegTUIaeY5GiYuSLRYw:hover {
  background: var(--color-bg-light);
  color: var(--color-text-primary);
}

/* Dropdown styles */
.lB4srHjkT46A0vPsZ_OH {
  position: relative;
  display: flex;
  align-items: center;
  gap: var(--space-sm);
}

.GtJNC0I6VEiQfXdPI1HS {
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 100;
  background: white;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-md);
  min-width: 140px;
  margin-top: 4px;
  overflow: hidden;
}

.yHwzQm5_7xrAGJggwp1x {
  display: flex;
  align-items: center;
  gap: var(--space-sm);
  width: 100%;
  padding: var(--space-sm) var(--space-md);
  border: none;
  background: transparent;
  text-align: left;
  font-size: var(--font-size-sm);
  color: var(--color-text-primary);
  cursor: pointer;
  transition: background 0.15s ease;
  font-family: var(--font-secondary);
}

.yHwzQm5_7xrAGJggwp1x:hover {
  background: var(--color-bg-light);
}

.yHwzQm5_7xrAGJggwp1x.LWZZHArWKLGaQJMWQy4W {
  color: #ef4444;
}

.yHwzQm5_7xrAGJggwp1x.LWZZHArWKLGaQJMWQy4W:hover {
  background: #fef2f2;
}

/* Responsive */
@media (max-width: 768px) {
  .gW0HIsLYyF3Lf0oBz5rA {
    padding: var(--space-md);
  }

  .ktCblj7LNmqE6mgYw0Mx {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-md);
  }

  .wXXs4AAHqEBAm9b4qfgP {
    flex-direction: column;
  }

  .If76NNiDfsTlHYGdOPor {
    min-width: 100%;
  }

  .wM9rj4iVepbvFEFn8uP9 {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-md);
  }

  .YoJN6qxkhSI6hLFt8ep7 {
    width: 100%;
  }

  .HzshhDfPrTiu0exQBe_J {
    flex-wrap: wrap;
  }
}

.D38LDnWDj58rP2IsPDgu {
  min-height: 100vh;
}

.aI82xLVdQSd3u43lLOEM {
  padding: var(--space-xl);
  max-width: 1200px;
}

.ZU9Y5BeKZwwPCmQWuCCR {
  background: var(--color-surface);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-card);
  overflow: hidden;
}

/* Header */
.Jn8iU21c6qZ5UO_w3VAl {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--space-lg) var(--space-xl);
  border-bottom: 1px solid var(--color-border);
}

.Wwkk0kxMUJPfFz3xjLh7 {
  display: flex;
  align-items: center;
  gap: var(--space-md);
}

.TZpzGo7S25qMrUky_Flq {
  width: 48px;
  height: 48px;
  background-color: #fb923c;
  border-radius: var(--radius-md);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.Jygri5MAPID3GfhxtXIU {
  font-size: var(--font-size-xl);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0;
}

.t34yF05omLCJQAAoZ1bo {
  display: flex;
  align-items: center;
  gap: var(--space-sm);
}

.t34yF05omLCJQAAoZ1bo img {
  height: 40px;
  width: auto;
}

.t34yF05omLCJQAAoZ1bo span {
  font-size: var(--font-size-xs);
  color: var(--color-text-secondary);
  text-transform: lowercase;
}

.szRV2ZdCzOMN4dUErj6b {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: var(--space-xs);
}

.KXcizFEITj3c_QxD1bdl {
  font-size: var(--font-size-xs);
  color: var(--color-text-secondary);
  text-transform: lowercase;
  border: 1px solid transparent;
  background: transparent;
  padding: 2px 4px;
  border-radius: var(--radius-sm);
  text-align: right;
}

.KXcizFEITj3c_QxD1bdl:hover, .KXcizFEITj3c_QxD1bdl:focus {
  border-color: var(--color-border);
  background: white;
}

.Ydu34RodcH4UfjLIBtZR {
  font-size: var(--font-size-xs);
  color: var(--color-primary);
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
  text-decoration: underline;
}

/* Field Editing */
.h6NIkqSFkE_ZxahBu3jN {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.n28Lx0hMWTkDHkUK0QwE {
  font-size: var(--font-size-sm);
  font-weight: 500;
  color: var(--color-text-primary);
  border: 1px solid transparent;
  background: transparent;
  padding: 2px 4px;
  border-radius: var(--radius-sm);
  width: 100%;
}

.n28Lx0hMWTkDHkUK0QwE:hover, .n28Lx0hMWTkDHkUK0QwE:focus {
  border-color: var(--color-border);
  background: white;
}

.VK6whb4rXcxC_GqFNGYo {
  color: #94a3b8;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: all 0.2s;
  flex-shrink: 0;
}

.VK6whb4rXcxC_GqFNGYo:hover {
  background: #fee2e2;
  color: #ef4444;
}

.OasIXKCTCuDVjQXLRMnO {
  opacity: 0.5;
}

.OasIXKCTCuDVjQXLRMnO .BUPNxWuTRH6Xz47hxxCZ,
.OasIXKCTCuDVjQXLRMnO .XK4oNtLFQWpUCcSQJf9J {
  background: #f1f5f9;
  text-decoration: line-through;
  pointer-events: none;
}

/* Form Content */
.oc1J20yTpWgjrq2Zf2M_ {
  padding: var(--space-xl);
}

.fZ55Na56Gn_pOGyYqH6L {
  display: flex;
  flex-direction: column;
  gap: var(--space-lg);
}

/* Section Title */
.NFIknQtmFQwjB0fg8KZP {
  font-size: var(--font-size-md);
  font-weight: 600;
  color: var(--color-sapphire);
  margin-bottom: var(--space-md);
}

.gW0ova2qKPg9dI7nf4FW {
  font-size: var(--font-size-md);
  font-weight: 600;
  color: var(--color-sapphire);
  margin-top: var(--space-lg);
}

/* Form Grid */
._FI4bPiyi1bETaV1tPOX {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--space-md);
}

.pHxrenFRZ95c1CbvZv4o {
  display: flex;
  flex-direction: column;
  gap: var(--space-xs);
}

.K47TVhcOq3moY6GHUnv4 {
  width: 100%;
}

.OTXTnSHJVaFlEHnDfzlF {
  font-size: var(--font-size-sm);
  font-weight: 500;
  color: var(--color-text-primary);
}

.BUPNxWuTRH6Xz47hxxCZ {
  padding: var(--space-sm) var(--space-md);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  font-size: var(--font-size-sm);
  font-family: var(--font-secondary);
  color: var(--color-text-primary);
  background: var(--color-surface);
}

.BUPNxWuTRH6Xz47hxxCZ:read-only {
  background: var(--color-bg-light);
  cursor: default;
}

.XK4oNtLFQWpUCcSQJf9J {
  width: 100%;
  min-height: 100px;
  padding: var(--space-md);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  font-size: var(--font-size-sm);
  font-family: var(--font-secondary);
  color: var(--color-text-primary);
  background: var(--color-surface);
  resize: vertical;
}

.XK4oNtLFQWpUCcSQJf9J:read-only {
  background: var(--color-bg-light);
  cursor: default;
}

/* Checkbox Section */
.seqIduogDg1z6uOEB_f0 {
  padding: var(--space-md);
  border-radius: var(--radius-md);
  background: var(--color-bg-light);
}

.seqIduogDg1z6uOEB_f0.GFVgvZCISa8wv2tX8Ylw {
  background: var(--color-misty-rose);
}

.PQwt9uk451lYPnCt6G9P {
  display: flex;
  align-items: flex-start;
  gap: var(--space-sm);
  font-size: var(--font-size-sm);
  color: var(--color-text-primary);
  cursor: pointer;
}

.PQwt9uk451lYPnCt6G9P input[type="checkbox"] {
  margin-top: 2px;
  width: 16px;
  height: 16px;
  cursor: pointer;
}

.PQwt9uk451lYPnCt6G9P .OwaMs9drv8RNRlo8NMtX {
  font-weight: 600;
}

.j5duJX7uWjG_X7lWJGwR {
  font-size: var(--font-size-xs);
  color: var(--color-text-secondary);
  margin-top: var(--space-sm);
  margin-left: 24px;
  font-style: italic;
}

.uUQ5SM56kG3XJUoft9mL {
  font-size: var(--font-size-sm);
  color: var(--color-text-secondary);
  font-style: italic;
  margin-bottom: var(--space-md);
}

/* Accordion */
.ue6QAHDBy98sGmMzmiu_ {
  border-radius: var(--radius-md);
  overflow: hidden;
}

.MDmObf0eQQ0_GYdtlZ0a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--space-md) var(--space-lg);
  cursor: pointer;
  user-select: none;
  transition: background 0.15s ease;
}

.MDmObf0eQQ0_GYdtlZ0a:hover {
  background: #e9ecef;
}

.QdTotenOea0O6m5MPhKR {
  font-size: var(--font-size-sm);
  font-weight: 600;
  color: var(--color-sapphire);
}

.ecB1tbcxX3EysmarevpW {
  transition: transform 0.2s ease;
  color: var(--color-text-secondary);
}

.ecB1tbcxX3EysmarevpW.ITUWN77FXmFHFm58vk1d {
  transform: rotate(180deg);
}

.XKXZaMkNcya0BkAKeYdJ {
  padding: var(--space-lg);
}

/* Bottom Actions */
._JFQeasalIoOIUdk8hiy {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-top: var(--space-xl);
  padding: var(--space-lg);
}

.HiSAeAmzwIKpGW1rT0XT {
  display: flex;
  gap: var(--space-md);
}

.EEvpF03yA_IWzjtPWVlB {
  padding: var(--space-sm) var(--space-xl);
  background: #739ea2;
  border-radius: 8px;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
  font-family: "Helvetica";
  cursor: pointer;
  border: none;
}

.EEvpF03yA_IWzjtPWVlB:hover {
  background: var(--color-bg-light);
  border-color: var(--color-text-secondary);
}

.vCDAJL4tLzlJUyC9l5MU {
  padding: var(--space-sm) var(--space-xl);
  background: #045a8d;
  border-radius: 8px;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
  font-family: "Helvetica";
  cursor: pointer;
  border: none;
}

.vCDAJL4tLzlJUyC9l5MU:hover {
  background: var(--color-rust);
  border-color: var(--color-rust);
}

/* Responsive */
@media (max-width: 768px) {
  .aI82xLVdQSd3u43lLOEM {
    padding: var(--space-md);
  }

  .Jn8iU21c6qZ5UO_w3VAl {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-md);
  }

  ._FI4bPiyi1bETaV1tPOX {
    grid-template-columns: 1fr;
  }

  .HiSAeAmzwIKpGW1rT0XT {
    width: 100%;
    flex-direction: column;
  }

  .EEvpF03yA_IWzjtPWVlB,
  .vCDAJL4tLzlJUyC9l5MU {
    width: 100%;
    text-align: center;
  }
}

.LMFG7uaAgms7Y5g2eb1t {
  background: var(--color-surface);
  border-radius: var(--radius-lg);
  padding: var(--space-xl);
  box-shadow: var(--shadow-card);
  max-width: 840px;
}

.NERqs7AULoP8FOjNV1gc {
  font-size: var(--font-size-md);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0;
}

.zqGnA8jQcO0CtPFp5Zna {
  margin-top: var(--space-md);
  font-size: var(--font-size-sm);
  color: var(--color-text-secondary);
  line-height: 1.6;
}

.D7qa18rzZQCciH0K1g_Z {
  margin-top: var(--space-lg);
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
  font-size: var(--font-size-sm);
  color: var(--color-text-secondary);
}


.FE3STt6K15vciBtC5aeX {
  padding: var(--space-xl);
  max-width: 1600px;
  margin: 0 auto;
}

/* Section */
.aJjVQLXAFdm0jp7Oq9kq {
  width: 100%;
}

.TY_mmBbsgpcXho0htxPW {
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  font-weight: 600;
  font-size: var(--font-size-lg);
  margin: 0 0 var(--space-lg) 0;
}

/* Work Details Container */
.MhWQdSrsDeU_5epbg2yI {
  display: flex;
  flex-direction: column;
}

/* Category Tabs */
.IiR8PYIvi76d3TH5aAHj {
  margin-bottom: var(--space-lg);
}

.AQSsj5h5xrC5qvm9KZ_S {
  display: flex;
  gap: 0;
}

.fEnQEaCU0KxKjotpw7Pe {
  flex: 1;
  padding: var(--space-xs) var(--space-sm);
  background: transparent;
  border: none;
  border-top: 3px solid transparent;
  color: #839ca4;
  font-size: 14px;
  font-weight: 400;
  font-family: var(--font-primary);
  cursor: pointer;
  transition: all 0.2s ease;
  text-align: center;
  margin-bottom: -2px;
  white-space: nowrap;
}

.fEnQEaCU0KxKjotpw7Pe:hover {
  color: var(--color-text-primary);
  background: rgba(0, 0, 0, 0.02);
}

.fEnQEaCU0KxKjotpw7Pe.fcqhnCM6JfXJIKOZmSEF {
  color: var(--color-text-primary);
  border-top-color: var(--color-primary);
  font-weight: 700;
}

/* Accordion Controls */
.UL6YnvDmpUUEeol8ax8o {
  display: flex;
  justify-content: flex-end;
  gap: var(--space-sm);
  margin-bottom: var(--space-lg);
}

.Y0ScfQBi3XisR4bgz5oA {
  display: flex;
  align-items: center;
  gap: var(--space-xs);
  padding: 8px 16px;
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  color: var(--color-text-secondary);
  font-size: var(--font-size-xs);
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: var(--font-secondary);
}

.Y0ScfQBi3XisR4bgz5oA:hover {
  background: var(--color-bg-light);
  color: var(--color-text-primary);
  border-color: var(--color-text-secondary);
}

/* Accordion Container */
.pKMwANtZvc3tcz_ilYQ3 {
  width: 100%;
}

.TZNvJE5TxUZVBQ4mVddw {
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
}

.BmMZsIAET4Tb04B2eitI {
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  overflow: hidden;
}

.LMu5TgSaFSwdB93pzJ3a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: var(--space-md) var(--space-lg);
  background: var(--color-surface);
  border: none;
  cursor: pointer;
  transition: all 0.2s ease;
  text-align: left;
}

.LMu5TgSaFSwdB93pzJ3a:hover {
  background: var(--color-silver);
}

.LMu5TgSaFSwdB93pzJ3a.ItAP9LDtuLgwKodOAFjp {
  background: var(--color-surface);
}

.bzPPZuXsXac4EQlFyNeE {
  display: flex;
  align-items: center;
  gap: var(--space-sm);
}

.CqcZmmsqKg0PgKOqmivb {
  transition: transform 0.2s ease;
  color: var(--color-text-secondary);
}

.LMu5TgSaFSwdB93pzJ3a.ItAP9LDtuLgwKodOAFjp .CqcZmmsqKg0PgKOqmivb {
  transform: rotate(180deg);
  color: var(--color-primary-dark);
}

.AdHiX4bRwku0gzsNQyPT {
  color: #232323;
  font-family: "Helvetica";
  font-weight: bold;
  font-size: var(--font-size-md);
}

._3uiSOQlRlQ8LuR5TA1YW {
  padding: 0 var(--space-lg);
  background: var(--color-surface);
}

/* Sub Items Table */
.kQLddwVTgll3N41TLyeQ {
  width: 100%;
}

.RS3osHEMDybCe1rgK180 {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
  gap: var(--space-md);
  padding: var(--space-md);
  border-bottom: 2px solid var(--color-border);
  font-weight: 600;
}

.fwfzk0eS8RgQyDRtSXS8 {
  font-size: var(--font-size-sm);
  font-weight: 700;
  color: var(--color-text-primary);
  font-family: var(--font-secondary);
  text-transform: capitalize;
}

.kLRqVLzGJz1gCyn8Ajks {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
  gap: var(--space-md);
  padding: var(--space-lg) var(--space-md);
  border-bottom: 1px solid var(--color-border);
  align-items: center;
}

.kLRqVLzGJz1gCyn8Ajks:last-child {
  border-bottom: none;
}

/* Table with Qty column */
.n6dsklqQFd9JfJ6YBVKo {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
  gap: var(--space-md);
  padding: var(--space-md);
  background: var(--color-bg-light);
  border-bottom: 2px solid var(--color-border);
  font-weight: 600;
}

.SnWQk1KhMLkM4xZH7bL2 {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
  gap: var(--space-md);
  padding: var(--space-lg) var(--space-md);
  border-bottom: 1px solid var(--color-border);
  align-items: center;
}

.SnWQk1KhMLkM4xZH7bL2:last-child {
  border-bottom: none;
}

.sQkYTSzNmG76Qz3Fz8fA {
  margin-bottom: var(--space-sm);
}

.sQkYTSzNmG76Qz3Fz8fA:last-child {
  margin-bottom: 0;
}

/* Section Title Row */
.xb77Dyk5YU5PBC7oVKEl {
  padding: var(--space-md) var(--space-md);
  background: var(--color-surface);
}

.gRP4p3elY6IUq0Fcab2n {
  color: #232323;
  font-family: "Helvetica";
  font-weight: bold;
  font-size: var(--font-size-md);
}

/* Dropdown Section Styles */
.wtwfJRA5IkFEUdJvdKEz {
  display: grid;
  grid-template-columns: 3fr 1fr 1fr;
  gap: var(--space-md);
  padding: var(--space-md);
  background: var(--color-bg-light);
  border-bottom: 2px solid var(--color-border);
  font-weight: 600;
}

.eW2uYDvIXro0eBBwPBc6 {
  display: grid;
  grid-template-columns: 3fr 1fr 1fr;
  gap: var(--space-md);
  padding: var(--space-lg) var(--space-md);
  border-bottom: 1px solid var(--color-border);
  align-items: center;
}

.eW2uYDvIXro0eBBwPBc6:last-child {
  border-bottom: none;
}

._zgBkZP8wc_JSXZT5ket {
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
}

.TmieonaxR3IDb91Q8LIZ {
  display: flex;
  flex-direction: column;
  gap: var(--space-xs);
}

.bMf6FIa_WC4Z1bh3LWvF {
  font-size: var(--font-size-sm);
  font-weight: 500;
  color: var(--color-text-primary);
  font-family: var(--font-secondary);
}

.ChU6JUzuC1cLiWycPaAQ {
  width: 100%;
  padding: var(--space-sm) var(--space-md);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  font-size: var(--font-size-sm);
  font-family: var(--font-secondary);
  background: white;
  cursor: pointer;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2712%27 viewBox=%270 0 12 12%27%3E%3Cpath fill=%27%23333%27 d=%27M2 4l4 4 4-4%27/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 10px center;
  padding-right: 35px;
}

.ChU6JUzuC1cLiWycPaAQ:focus {
  outline: none;
  border-color: var(--color-primary);
}

.SzMfFGui35bTWtvFzUhV {
  display: flex;
  align-items: center;
  font-size: var(--font-size-sm);
  font-family: var(--font-secondary);
}

.vYLNrAkDQK4xfjGo0oEi {
  font-weight: 500;
  color: var(--color-text-primary);
}

/* Form Select */
.fW2ICsAyJ7kMvwMmbJnw {
  width: 100%;
  padding: var(--space-sm) var(--space-md);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  font-size: var(--font-size-sm);
  font-family: var(--font-secondary);
  background: white;
  cursor: pointer;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2712%27 viewBox=%270 0 12 12%27%3E%3Cpath fill=%27%23333%27 d=%27M2 4l4 4 4-4%27/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 10px center;
  padding-right: 35px;
}

.fW2ICsAyJ7kMvwMmbJnw:focus {
  outline: none;
  border-color: var(--color-primary);
}

.CpUqFCuVcj_0SbZogup2 {
  width: 100%;
  height: 40px;
}

/* Form Input */
.aZGhnETAduHdblMDVMYS {
  width: 100%;
  padding: var(--space-sm) var(--space-md);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  font-size: var(--font-size-sm);
  font-family: var(--font-secondary);
  background: white;
}

.aZGhnETAduHdblMDVMYS:focus {
  outline: none;
  border-color: var(--color-primary);
}

.aZGhnETAduHdblMDVMYS::placeholder {
  color: var(--color-text-secondary);
}

/* Rate Input with Currency Prefix */
.XIR46rIQ0bM9vsw9pPXq {
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
}

.dCCRJ3kqPwWKcU3wNRGg {
  position: absolute;
  left: var(--space-sm);
  color: var(--color-text-secondary);
  font-size: var(--font-size-sm);
  font-family: var(--font-secondary);
  pointer-events: none;
  z-index: 1;
}

.aZGhnETAduHdblMDVMYS.SsoT7IdO1zKVN_BRG7A2 {
  padding-left: calc(var(--space-md) + 8px);
}

/* Hide number input spinners */
.aZGhnETAduHdblMDVMYS[type="number"]::-webkit-inner-spin-button,
.aZGhnETAduHdblMDVMYS[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.aZGhnETAduHdblMDVMYS[type="number"] {
  -moz-appearance: textfield;
}

.mP8WQwygPNPn6dtnWXWY {
  width: 100%;
  padding: var(--space-xs) var(--space-sm);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  font-size: var(--font-size-sm);
  font-family: var(--font-secondary);
  text-align: right;
  background: white;
}

.mP8WQwygPNPn6dtnWXWY:focus {
  border-color: var(--color-primary);
  outline: none;
}

.mP8WQwygPNPn6dtnWXWY::placeholder {
  color: var(--color-text-secondary);
}

/* Save Button */
.Y4VmZFcgZE1DKK3aelaE {
  display: flex;
  justify-content: flex-end;
  margin-top: var(--space-xl);
  padding-top: var(--space-lg);
  border-top: 1px solid var(--color-border);
}

.wzAMkqFLXWBHIs14fXFt {
  padding: 12px 32px;
  background: var(--color-primary);
  color: white;
  border: none;
  border-radius: var(--radius-md);
  font-size: var(--font-size-md);
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: var(--font-secondary);
}

.wzAMkqFLXWBHIs14fXFt:hover {
  background: var(--color-rust);
}

.wzAMkqFLXWBHIs14fXFt:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

/* Responsive */
@media (max-width: 1024px) {
  .AQSsj5h5xrC5qvm9KZ_S {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }

  .AQSsj5h5xrC5qvm9KZ_S::-webkit-scrollbar {
    display: none;
  }

  .fEnQEaCU0KxKjotpw7Pe {
    flex: none;
    white-space: nowrap;
    padding: var(--space-md) var(--space-md);
  }

  .UL6YnvDmpUUEeol8ax8o {
    justify-content: flex-start;
  }

  .LMu5TgSaFSwdB93pzJ3a {
    padding: var(--space-sm) var(--space-md);
  }

  ._3uiSOQlRlQ8LuR5TA1YW {
    padding: var(--space-md);
  }

  .RS3osHEMDybCe1rgK180,
  .kLRqVLzGJz1gCyn8Ajks {
    grid-template-columns: 1.5fr 1fr 1fr;
    gap: var(--space-sm);
    padding: var(--space-sm) var(--space-xs);
  }

  .fwfzk0eS8RgQyDRtSXS8 {
    font-size: var(--font-size-xs);
  }
}

@media (max-width: 768px) {
  .FE3STt6K15vciBtC5aeX {
    padding: var(--space-md);
  }

  .RS3osHEMDybCe1rgK180 {
    display: none;
  }

  .kLRqVLzGJz1gCyn8Ajks,
  .SnWQk1KhMLkM4xZH7bL2,
  .eW2uYDvIXro0eBBwPBc6 {
    grid-template-columns: 1fr;
    gap: var(--space-sm);
    padding: var(--space-md) var(--space-sm);
  }

  .SzMfFGui35bTWtvFzUhV {
    display: grid;
    grid-template-columns: 100px 1fr;
    gap: var(--space-sm);
  }

  .SzMfFGui35bTWtvFzUhV::before {
    content: attr(data-label);
    font-weight: 600;
    font-size: var(--font-size-xs);
  }

  .vYLNrAkDQK4xfjGo0oEi {
    grid-column: 1 / -1;
    margin-bottom: var(--space-sm);
  }

  .Y4VmZFcgZE1DKK3aelaE {
    justify-content: stretch;
  }

  .wzAMkqFLXWBHIs14fXFt {
    width: 100%;
  }
}

.Q2bGxpxg6otk6cTe6UKp {
  background: var(--color-surface);
  border-radius: var(--radius-md);
  padding: var(--space-lg);
  box-shadow: var(--shadow-sm);
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);

  padding: 8px;
  box-shadow: 0px 1px 4px #0000001a;
  background: #ffffff;
  border-radius: 10px;
}

.GhN_iNaGv1Payx6AigOT {
  font-family: var(--font-primary);
  font-size: var(--font-size-lg);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: var(--space-xs);

  color: #07486f;
  font-family: "Poppins";
  font-weight: 600;
  font-size: 12px;
}

.YPJhf0ABhoI2YrqaT2Eo {
  font-family: var(--font-secondary);
  font-size: var(--font-size-sm);
  color: var(--color-text-secondary);
  line-height: 1.4;

  color: #6c6c6b;
  font-family: "Poppins";
  font-weight: 600;
  font-size: 8px;
}

.t7KYsTVyolEpWM3Kf1pv {
  align-self: flex-end;
  background: var(--color-primary);
  color: var(--color-surface);
  border: none;
  border-radius: var(--radius-sm);
  padding: var(--space-sm) var(--space-lg);
  font-family: var(--font-primary);
  font-size: var(--font-size-sm);
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  text-transform: uppercase;
  letter-spacing: 0.5px;

  background: #f25b22;
  border-radius: 4px;

  color: #ffffff;
  font-family: "Poppins";
  font-weight: 700;
  font-size: 7px;
}

.t7KYsTVyolEpWM3Kf1pv:hover {
  background: var(--color-rust);
  transform: translateY(-1px);
  box-shadow: var(--shadow-sm);
}

.t7KYsTVyolEpWM3Kf1pv:active {
  transform: translateY(0);
}

.npMQ7HNWid5gW8JZ8eYe {
  padding: var(--space-xl);
  max-width: 1400px;
  margin: 0 auto;
}

/* Top Section - Stats + MainGrid + Notifications side by side */
.pW3MBdgkkZFryURSo6d8 {
  display: grid;
  grid-template-columns: 9fr 3fr;
  gap: var(--space-lg);
  margin-top: var(--space-xl);
  align-items: stretch;
}

/* Main content wrapper (statsGrid + mainGrid) */
.INvyF2PRYc46iUTzoooL {
  display: flex;
  flex-direction: column;
  min-width: 0;
  gap: var(--space-xl);
}

/* Notifications column - stretches to match mainContent height */
.SnsP8FlzPqd8uZaSI2TI {
  min-width: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

/* Make NotificationsSection scrollable */
.SnsP8FlzPqd8uZaSI2TI > * {
  height: 465px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.SnsP8FlzPqd8uZaSI2TI .section {
  flex: 1;
  overflow-y: auto;
  min-height: 0;
}

/* Top Stats Grid - 3 columns */
.pu_rPlt6_TG_CjJB44zM {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--space-lg);
  margin-bottom: var(--space-xl);
  align-items: stretch;
}

/* Main Content Grid - 3 columns layout (matches statsGrid) */
.IJFkCSE0UXIYq3Xe0kYg {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--space-lg);
  align-items: stretch;
  /* Min height for 3 job cards: 3 * ~160px (card) + 2 * 16px (gaps) + header ~50px */
  min-height: 240px;
}

/* Custom wrapper for sections */
._ZqBe6AWNOmcjO0jliJr {
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* Quote Status spans 2 columns */
.OdgABRMUnO2jW8e87RXg {
  grid-column: span 2;
}

/* Job Status spans 3 columns (full width) */
.LBP1x3YqZX50qxvD0tsR {
  grid-column: span 3;
}

.rzlkwCtFpaWimvPbfhaW {
  background: var(--color-surface);
  border-radius: var(--radius-lg);
  padding: var(--space-lg);
  box-shadow: var(--shadow-sm);
  border: 1px solid var(--color-border);
  border-top: none;
  display: flex;
  flex-direction: column;
}

/* Action Required list - limit to 2 cards height */
.ul0fAEHQLNtJt_UqZIk7 {
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
  overflow: hidden;
  min-height: 0;
  height: 200px;
}

/* Quote Status section matches Action Required height */
.OdgABRMUnO2jW8e87RXg .rzlkwCtFpaWimvPbfhaW {
  height: 100%;
  min-height: 0;
}

/* Ensure sections in statsGrid have equal height */
.pu_rPlt6_TG_CjJB44zM > ._ZqBe6AWNOmcjO0jliJr {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.PgbohQc4IneQWp7VlQM_ {
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin: 0;
  padding: var(--space-sm) var(--space-md);
  color: #07485f;
  font-family: "Poppins";
  font-weight: 600;
  font-size: var(--font-size-md);
}

.mkNhG9fxYcJ9yBIJdyEe {
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
  overflow: scroll;
}

/* Quote Status Grid - 2 rows and 2 columns */
._LBxDGs0TCVEaIyyx_BQ {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
  gap: var(--space-md);
  overflow: visible;
}

/* Job Status Grid - 3 columns */
.qWxuPWzp_WIjJ2DVCizb {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--space-md);
  overflow: visible;
}

/* Responsive adjustments */
@media (max-width: 1200px) {
  .KJfz9NHs01ybrxDekiNG {
    grid-template-columns: 1fr;
  }

  .IJFkCSE0UXIYq3Xe0kYg {
    grid-template-columns: repeat(3, 1fr);
  }
}

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

  .IJFkCSE0UXIYq3Xe0kYg {
    grid-template-columns: 1fr;
  }

  .OdgABRMUnO2jW8e87RXg {
    grid-column: span 1;
  }

  .LBP1x3YqZX50qxvD0tsR {
    grid-column: span 1;
  }
}

@media (max-width: 768px) {
  .npMQ7HNWid5gW8JZ8eYe {
    padding: var(--space-md);
  }
}

.FfuVmIFn8RpqV58PCAgN {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--space-2xl);
}

.ds28z_skA21hHozip9Yn {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: var(--space-md);
  padding-bottom: var(--space-lg);
  border-bottom: 1px solid var(--color-border);
}

.aUoSm0Yy1NiqRD0IPKCc {
  margin: 0;
  font-size: var(--font-size-2xl);
  font-weight: 700;
  color: var(--color-text-primary);
}

.rU2EtRdR0rUAsqXVbKow {
  margin: 0;
  font-size: var(--font-size-sm);
  text-transform: uppercase;
  letter-spacing: 1px;
  color: var(--color-text-secondary);
}

._X601TtrTYi4n9RWJdte {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--space-lg);
}

/* Sections Grid - 2x2 layout */
.B278GVaHdp95Yoy6KyMr {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, auto);
  gap: var(--space-lg);
}

.ny7Hf_bI8iVWT2rIeoEZ {
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
  padding: var(--space-xl);
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
}

.rvb90JTkq1hhYtzwKb8n {
  grid-column: span 4;
}

.HcF4AR1jlv7RD78TXcyq {
  grid-column: span 8;
}

.IskssfLaKAHTf5_ktcPv {
  grid-column: 1 / -1;
}

.o7Wp8E8xGH2S0Dkx7BlQ {
  display: flex;
  flex-direction: column;
  gap: var(--space-lg);
}

.e_MrAzo0CrYrVwPrPuTx {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--space-md);
}

.BoCcjdSNUTO44dwwFWhH {
  background: var(--color-sapphire);
  border-radius: var(--radius-md);
  padding: calc(var(--space-xs) * 1.5) var(--space-md);
}

.BoCcjdSNUTO44dwwFWhH .jk506NNZ9Nwzn1J1K4Er {
  color: white;
}

.BoCcjdSNUTO44dwwFWhH .m5G0U_FdvuVRVaCFFuzB {
  background: white;
  color: var(--color-sapphire);
}

.jk506NNZ9Nwzn1J1K4Er {
  font-size: var(--font-size-lg);
  font-weight: 600;
  color: var(--color-sapphire);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.m5G0U_FdvuVRVaCFFuzB {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 36px;
  padding: 4px 12px;
  border-radius: var(--radius-full);
  background: #cbe2f6;
  color: var(--color-sapphire);
  font-size: var(--font-size-sm);
  font-weight: 600;
}

.Wlvycr2C3JL18uN0Z9yG {
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
  margin-top: var(--space-sm);
}

.fEdsKdZGkk27WMcNs78x {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--space-md);
  padding-bottom: var(--space-sm);
  border-bottom: 1px dashed var(--color-border);
}

.fEdsKdZGkk27WMcNs78x:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.dO95Cxj4cqD1Y3UTKgtj {
  margin: 0;
  font-size: var(--font-size-md);
  font-weight: 600;
  color: var(--color-text-primary);
}

.PUoorONnLizevpQUsm2n {
  margin: 0;
  font-size: var(--font-size-xs);
  color: var(--color-text-secondary);
}

.PepJn0CZqhbYxuhTzpQG {
  padding: 2px 10px;
  border-radius: var(--radius-full);
  background: var(--color-sapphire);
  color: white;
  font-size: var(--font-size-xs);
  font-weight: 600;
  text-transform: uppercase;
}

.YQERts_RWx2o7sTjQRcC {
  display: flex;
  gap: var(--space-sm);
}

.Rne4JU1_AaxyEdqOXrZM {
  padding: 6px 10px;
  border-radius: var(--radius-sm);
  border: 1px solid var(--color-border);
  background: transparent;
  font-size: var(--font-size-xs);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease;
}

.Wnyu5lZ8YyUhhaW2lzoh {
  background: var(--color-sapphire);
  border-color: var(--color-sapphire);
  color: white;
}

.Wnyu5lZ8YyUhhaW2lzoh:hover {
  background: #1b3a70;
}

/* Section Styles */
.FwnYuERH7LfijkTNiZGP {
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
}

.Gi1lXqD8th5SI8hJvAs8 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--space-md);
}

.oelvgLs9dKRY0QrRDIV5 {
  margin: 0;
  padding-left: var(--space-md);
  border-left: 4px solid var(--color-primary);
  color: var(--color-text-primary);
  font-family: "Poppins";
  font-weight: 600;
  font-size: var(--font-size-sm);
  flex: 1;
}

.iFqWxV_jv04mwfJBc5HV {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 36px;
  padding: 4px 12px;
  border-radius: var(--radius-full);
  background: #cbe2f6;
  color: var(--color-sapphire);
  font-size: var(--font-size-sm);
  font-weight: 600;
}
.SoWfVA7fk4CYwJNsr_mc {
  padding: var(--space-lg);
  box-shadow: 0px 4px 4px #00000040;
  background: #ffffff;
  border-radius: 8px;
  height: 100%;
}
/* Jobs Grid - 2 rows, 2 columns per section */
.WQYzFHVU8FEOJwdwNltW {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--space-lg);
}

.aUj35pmBmR52WZWsZ6bV {
  text-align: center;
  padding: var(--space-2xl);
}

.aUj35pmBmR52WZWsZ6bV p {
  color: var(--color-text-secondary);
  font-size: var(--font-size-sm);
  margin: 0;
}

.uTB6zH_jOmGeTDLs_MzV {
  display: flex;
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-card);
  overflow: hidden;
  transition: box-shadow 0.2s ease;
}

.UhZgnVP_PNq4KrxIo6YJ {
  background: rgba(43, 80, 170, 0.08);
  border-color: rgba(43, 80, 170, 0.5);
}

.Or0lid4gYfWfxxmgxzn9 {
  background: rgba(244, 208, 111, 0.35);
  border-color: rgba(244, 208, 111, 0.6);
}

.BgMPbW8trqhHQrjZvrWa {
  background: rgba(157, 217, 210, 0.5);
  border-color: rgba(157, 217, 210, 0.8);
}

.uTB6zH_jOmGeTDLs_MzV:hover {
  box-shadow: var(--shadow-md);
}

.h9wLE8hehXKWCBqe5J_h {
  flex: 0 0 120px;
  height: auto;
  min-height: 120px;
  background: #f5f5f5;
  overflow: hidden;
}

.h9wLE8hehXKWCBqe5J_h img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.AEuvjT5QTzLNQE2tpx0P {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-text-secondary);
}

.AEuvjT5QTzLNQE2tpx0P svg {
  width: 40px;
  height: 40px;
}

._jSuMkQj0CA5VcCPAm96 {
  flex: 1;
  padding: 12px 14px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.dmdWOUvrFgF6a8lDx7h6 {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.crI3wYwhkSK_IUaLudF6 {
  font-size: var(--font-size-smaller);
  font-weight: 700;
  color: var(--color-sapphire-dark);
  font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif;
  line-height: 1.3;
}

._Vl055p7iAQLxUJ8yxdt {
  font-size: 10px;
  color: #0e4b5e;
  font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif;
  font-weight: 400;
  line-height: 1.4;
}

.bp6hp39f2AkNMqLIhktv {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 4px 12px;
}

.x2deD8stFZQHgxqyJqaA {
  display: flex;
  align-items: center;
  gap: 4px;
  color: #0e4b5e;
  font-family: "Helvetica";
  font-weight: 400;
  font-size: 8px;
  line-height: 1.4;
}

.x2deD8stFZQHgxqyJqaA svg {
  flex-shrink: 0;
  width: 12px;
  height: 12px;
  color: var(--color-primary);
}

.sORX87RfpU4YK1Cai3UG {
  display: flex;
  align-items: center;
  gap: var(--space-md);
  margin-top: auto;
  padding-top: 4px;
}

.Gau1eZcX6sQdKcqvcOdh {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 6px;
  background: rgba(235, 231, 213, 0.36);
  color: #074879;
  border: none;
  border-radius: 3px;
  font-family: "Poppins";
  font-weight: 500;
  font-size: 9px;
  cursor: pointer;
  transition: all 0.2s ease;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}

.Gau1eZcX6sQdKcqvcOdh svg {
  width: 10px;
  height: 10px;
  fill: #074879;
  color: #074879;
}

.Gau1eZcX6sQdKcqvcOdh:hover {
  background: #ddd9c7;
}

.BEtfXolFa5WC4io6nCtW {
  padding: 6px;
  background: transparent;
  color: var(--color-text-secondary);
  border: none;
  border-radius: 3px;
  font-family: "Poppins";
  font-weight: 500;
  font-size: 9px;
  cursor: pointer;
  transition: all 0.2s ease;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}

.BEtfXolFa5WC4io6nCtW:hover {
  color: var(--color-rust);
}

.BEtfXolFa5WC4io6nCtW:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.ZSukxGUDsxmBSYPr4AqJ {
  display: grid;
  gap: var(--space-lg);
  margin-top: var(--space-sm);
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}

.LSzj8yEYRSXZjy0uCeCF {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.nt2_2O4PAbd_7rN6S3f9 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.EINzXspuprAP6jWDjgn6 {
  padding: var(--space-xl) 0;
  text-align: center;
  color: var(--color-text-secondary);
  font-size: var(--font-size-sm);
}

.jZQkH1iIKVYepBKk9rBN {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
}

.Zf9KKRvNF8GhfuzPahkN {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--space-md);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: var(--color-bg-white);
}

.jaxOA6oDphByUpgE6aWT {
  margin: 0;
  font-size: var(--font-size-md);
  font-weight: 600;
  color: var(--color-text-primary);
}

.pgeRzSmZgjhHA1lv48P5 {
  margin: 0;
  font-size: var(--font-size-xs);
  color: var(--color-text-secondary);
}

.gm2zeobn0exfq9GGhPvO {
  font-size: var(--font-size-xs);
  font-weight: 600;
  padding: 4px 10px;
  border-radius: var(--radius-full);
  background: var(--color-beige);
  color: var(--color-text-primary);
  text-transform: uppercase;
}

.E9jtN1Hh7OKjuGOxfHqG {
  text-align: center;
  color: var(--color-text-secondary);
}

.iS1BG3LMk_yVQY8hxn45 {
  overflow-x: auto;
  border: 1px solid #f3f4f6;
  border-radius: var(--radius-lg);
  background: white;
}

.pTr5kEdgfVEcYDoaIL6V {
  width: 100%;
  border-collapse: collapse;
  min-width: 640px;
}

.pTr5kEdgfVEcYDoaIL6V th,
.pTr5kEdgfVEcYDoaIL6V td {
  padding: var(--space-sm) var(--space-md);
  border-bottom: 1px solid #f3f4f6;
  text-align: left;
  font-size: var(--font-size-xs);
  color: var(--color-primary-dark);
}

.pTr5kEdgfVEcYDoaIL6V th {
  background: #f9fafb;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  font-weight: 700;
  color: var(--color-text-secondary);
  border-bottom: 1px solid #f3f4f6;
}

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

.pTr5kEdgfVEcYDoaIL6V tbody tr:hover {
  background: #fafafc;
}

.ADafO01NAqhGdRdbnWZy {
  padding: 4px 10px;
  border-radius: var(--radius-sm);
  border: 1px solid var(--color-border);
  background: transparent;
  font-size: var(--font-size-xs);
  font-weight: 600;
  text-transform: uppercase;
  cursor: pointer;
  transition: background 0.2s ease;
}

.ADafO01NAqhGdRdbnWZy:hover {
  background: var(--color-bg-light);
}

.RK5CWFgPyLGoaZNycvRR,
.bNEyqStC5CvgyRoEYuPe {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--space-3xl) var(--space-xl);
  text-align: center;
  color: var(--color-text-secondary);
  font-size: var(--font-size-md);
}

.bNEyqStC5CvgyRoEYuPe {
  color: var(--color-rust);
}

.DjCBOC8aOHBtDDeIH2yQ {
  margin-top: var(--space-md);
  padding: 10px 20px;
  border: none;
  border-radius: var(--radius-md);
  background: var(--color-sapphire);
  color: white;
  font-size: var(--font-size-sm);
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s ease;
}

.DjCBOC8aOHBtDDeIH2yQ:hover {
  background: #1b3a70;
}

@media (max-width: 1024px) {
  .B278GVaHdp95Yoy6KyMr {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
  }

  .WQYzFHVU8FEOJwdwNltW {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
  }

  .uTB6zH_jOmGeTDLs_MzV {
    flex-direction: column;
  }

  .h9wLE8hehXKWCBqe5J_h {
    flex: none;
    height: 160px;
    width: 100%;
    min-height: unset;
  }

  .bp6hp39f2AkNMqLIhktv {
    grid-template-columns: 1fr;
  }

  .sORX87RfpU4YK1Cai3UG {
    flex-direction: row;
    flex-wrap: wrap;
  }

  .Gau1eZcX6sQdKcqvcOdh,
  .BEtfXolFa5WC4io6nCtW {
    flex: 1;
    min-width: fit-content;
    justify-content: center;
  }

  ._X601TtrTYi4n9RWJdte {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .rvb90JTkq1hhYtzwKb8n,
  .HcF4AR1jlv7RD78TXcyq,
  .IskssfLaKAHTf5_ktcPv {
    grid-column: 1 / -1;
  }

  .ny7Hf_bI8iVWT2rIeoEZ {
    padding: var(--space-lg);
  }

  .LSzj8yEYRSXZjy0uCeCF {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .nt2_2O4PAbd_7rN6S3f9 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

.QgzzD3fzIN1uyCjHv6JQ {
  padding: 24px 32px;
  background-color: #f5f5f5;
  min-height: 100vh;
}

.ZbTRUdWsIQZp3puutirk,
.PCrQPdAC7rapsmUJhAY7 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 400px;
  gap: 16px;
}

.EzCwbqEw7wziKcdvKt6O {
  padding: 10px 20px;
  background-color: #e65100;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

/* Header */
.RR9rE8wGCNNSnOiPs9wy {
  margin-bottom: 24px;
}

.NKq2yj1T09iuqvIGPOcZ {
  display: flex;
  align-items: center;
  gap: 4px;
  background: none;
  border: none;
  color: #666;
  font-size: 12px;
  cursor: pointer;
  padding: 0;
  margin-bottom: 8px;
}

.NKq2yj1T09iuqvIGPOcZ:hover {
  color: #333;
}

._Pc0zrxavtAFF_EItJnF {
  font-size: 28px;
  font-weight: 600;
  color: #1a3a4a;
  margin: 0;
}

/* Job Card */
.rNkcuh6I2fEe0toJuznp {
  background: white;
  border-radius: 12px;
  padding: 24px 32px;
  margin-bottom: 24px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.q93Hgu4060Zi2g4ycN7N {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  align-items: start;
}

.CNKYzZd0MWNCwAaZ5Woh,
.nI_W64viIMRosMu6VjmW {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.MJwdFNu10cYNChTfs_AT {
  font-size: 18px;
  font-weight: 600;
  color: #1a5f7a;
  margin: 0 0 8px 0;
}

/* Form Rows */
.MnH613_hoNTikTFv6LAh {
  display: flex;
  align-items: center;
  gap: 16px;
}

.PKfiWc5u6vzohtmRHyNt {
  font-size: 14px;
  color: #333;
  min-width: 100px;
}

.ABjpDfjF6e6hQJsVAz5A {
  flex: 1;
  padding: 10px 14px;
  border: 1px solid #ddd;
  border-radius: 6px;
  font-size: 14px;
  background: #fafafa;
}

.ABjpDfjF6e6hQJsVAz5A:read-only {
  background: #f5f5f5;
  color: #666;
}

/* Type Toggle */
.hbzgObYcrBHkoP2hKlYd {
  display: flex;
  align-items: center;
  gap: 12px;
}

.sHRBkocL1q5oC05IQcUJ {
  font-size: 14px;
  color: #666;
}

.h2TuXhhFi7NIB50ZkCOa {
  color: #1a5f7a;
  font-weight: 500;
}

.olu3rmbSkpRsvLhxDQ45 {
  width: 44px;
  height: 24px;
  background-color: #e65100;
  border-radius: 12px;
  position: relative;
  cursor: pointer;
}

.gYisapv3mIUTgqy5DQlK .I8xkljzvsM00l5NIXzE1 {
  left: 22px;
}

.I8xkljzvsM00l5NIXzE1 {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 20px;
  height: 20px;
  background: white;
  border-radius: 50%;
  transition: left 0.2s ease;
}

/* Scope Section */
.TARL6OaVBDcoLG5ygws2 {
  margin-top: 8px;
}

.kgOZP06kM54m93V58Eu2 {
  font-size: 14px;
  font-weight: 600;
  color: #333;
  margin: 0 0 8px 0;
}

.r2WgnLKL5HvaOjnB__R5 {
  font-size: 14px;
  color: #666;
  line-height: 1.6;
  margin: 0;
}

/* Date Rows */
.vyVdAJJzxIMBaTY_5AnU {
  display: flex;
  align-items: center;
  gap: 16px;
}

.oN5QlO_F5JJtT3DCII0P {
  font-size: 13px;
  color: #1a5f7a;
  min-width: 100px;
  line-height: 1.3;
}

.mieoWmPmtyJUbno_fOHY {
  display: flex;
  gap: 8px;
}

.Y4yr8q6FwomPszrradAn,
.WTCIJSjw7joEurPcNfiC {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border: 1px solid #1a5f7a;
  border-radius: 6px;
  font-size: 13px;
  color: #1a5f7a;
}

.Y4yr8q6FwomPszrradAn svg,
.WTCIJSjw7joEurPcNfiC svg {
  color: #1a5f7a;
}

.ReZC41p79lA3avBbxD5w {
  padding: 8px 20px;
  border: 1px solid #ddd;
  border-radius: 6px;
  font-size: 14px;
  text-align: center;
  min-width: 60px;
}

/* Request Date Change Button */
.EBBwre9_fjoFkqyBLv6v {
  margin-top: 16px;
  padding: 14px 24px;
  background-color: #1a5f7a;
  color: white;
  border: none;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: background-color 0.2s;
}

.EBBwre9_fjoFkqyBLv6v:hover {
  background-color: #154d63;
}

/* Tabs */
.PgMUgMdnYz5mRGT_PWZh {
  margin-bottom: 24px;
}

.jBl10L6pjPFurhPylKa2 {
  display: flex;
  gap: 0;
  border-bottom: 2px solid #e0e0e0;
}

.vFHn3l2Db9pEZnQshAMi {
  padding: 12px 24px;
  background: none;
  border: none;
  font-size: 14px;
  color: #666;
  cursor: pointer;
  position: relative;
  transition: color 0.2s;
}

.vFHn3l2Db9pEZnQshAMi:hover {
  color: #1a5f7a;
}

.IWpdWmLft8X3IZAooJSe {
  color: #1a5f7a;
  font-weight: 500;
}

.IWpdWmLft8X3IZAooJSe::after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  right: 0;
  height: 2px;
  background-color: #1a5f7a;
}

/* Tab Content */
.JCyK9KZGsJqRJfQGimti {
  background: white;
  border-radius: 12px;
  padding: 24px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

/* Documents Tab */
.uQtvG1uXc2QyqnGrERPg {
  padding: 0;
}

.d7Eepmws4Z_fbaxucELk {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
  flex-wrap: wrap;
  gap: 16px;
}

.DIMAuOGy4IgmDVSrAU9O {
  display: flex;
  gap: 8px;
}

.TtqfS6FHTj2T2eFozJoD {
  padding: 8px 20px;
  border: 1px solid #ddd;
  background: white;
  border-radius: 20px;
  font-size: 13px;
  cursor: pointer;
  transition: all 0.2s;
}

.TtqfS6FHTj2T2eFozJoD:hover {
  border-color: #1a5f7a;
}

.zuLGjY5JlAiTuPb37OIy {
  background-color: #1a5f7a;
  color: white;
  border-color: #1a5f7a;
}

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

.xWZTO_KW0oRqCGUOaO19 input {
  padding: 10px 16px;
  border: 1px solid #ddd;
  border-radius: 6px;
  font-size: 14px;
  width: 200px;
}

.Xa_fEMKE4mnFJXRGVO_Q {
  padding: 10px 20px;
  background-color: #1a5f7a;
  color: white;
  border: none;
  border-radius: 6px;
  font-size: 14px;
  cursor: pointer;
}

/* Documents Table */
.ttaX_h9H_xUB3HqYRGpA {
  width: 100%;
  border-collapse: collapse;
}

.ttaX_h9H_xUB3HqYRGpA th {
  text-align: left;
  padding: 12px 16px;
  font-size: 12px;
  font-weight: 600;
  color: #666;
  background-color: #f8f9fa;
}

.ttaX_h9H_xUB3HqYRGpA td {
  padding: 16px;
  border-bottom: 1px solid #eee;
  vertical-align: middle;
}

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

.qY4HBjGIQDwezoW_z6cY {
  font-weight: 500;
  color: #1a5f7a;
  display: block;
}

.CU05IaDsXtbSyWr60cUA {
  font-size: 12px;
  color: #999;
}

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

.KP_Y5xJY2CZ_eXit5s0L {
  width: 32px;
  height: 32px;
  background-color: #e0e0e0;
  border-radius: 50%;
}

.CGhOHWkTdeXXZAF6GIaG {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 16px;
  background-color: #1a5f7a;
  color: white;
  border: none;
  border-radius: 4px;
  font-size: 12px;
  cursor: pointer;
}

/* Pagination */
.r8WGSX6GWwxKUjQhleYh {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 24px;
  padding-top: 16px;
  border-top: 1px solid #eee;
}

.r8WGSX6GWwxKUjQhleYh > span {
  font-size: 13px;
  color: #1a5f7a;
}

.BxO1jqkZy11dsj8FEa7R {
  display: flex;
  align-items: center;
  gap: 4px;
}

.DsNnlwQAL1NO_TCGtgtB {
  width: 32px;
  height: 32px;
  border: 1px solid #ddd;
  background: white;
  border-radius: 4px;
  font-size: 13px;
  cursor: pointer;
}

.DsNnlwQAL1NO_TCGtgtB:first-child {
  background-color: #1a5f7a;
  color: white;
  border-color: #1a5f7a;
}

.z1ie5S4BBw_pagStl3aV {
  width: 60px;
  height: 32px;
  border: 1px solid #ddd;
  border-radius: 4px;
  text-align: center;
  font-size: 13px;
  margin-left: 8px;
}

.AdVGgr7m_4IN1mBgqFAo {
  padding: 0 16px;
  height: 32px;
  background-color: #e65100;
  color: white;
  border: none;
  border-radius: 4px;
  font-size: 13px;
  cursor: pointer;
}

/* Notifications Tab */
.ynJrD1TIjSO8V8z29ecA {
  padding: 0;
}

.bckoOwU3gnX2CDsBleIE {
  display: grid;
  grid-template-columns: 1fr 300px;
  gap: 32px;
}

.KksYL24BPfyq9g9hYNpg {
  padding-right: 32px;
}

.IgMsZwHRIMYvu96cMkoF {
  font-size: 16px;
  font-weight: 600;
  color: #1a5f7a;
  margin: 0 0 16px 0;
  text-align: center;
}

.porojWmP5t53cz0Z33Jy {
  width: 100%;
  min-height: 120px;
  padding: 16px;
  border: 1px solid #ddd;
  border-radius: 8px;
  font-size: 14px;
  resize: vertical;
  background-color: #f9fdf9;
}

.porojWmP5t53cz0Z33Jy::placeholder {
  color: #999;
}

.eZPftYn44eWSO3zgliif {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  max-width: 200px;
  margin: 16px auto;
  padding: 12px 24px;
  background-color: #1a5f7a;
  color: white;
  border: none;
  border-radius: 6px;
  font-size: 14px;
  cursor: pointer;
}

.lTygwfaToFvoTr7gavDU {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 24px;
  padding-bottom: 8px;
  border-bottom: 1px solid #eee;
}

.lTygwfaToFvoTr7gavDU h4 {
  font-size: 14px;
  font-weight: 600;
  color: #1a5f7a;
  margin: 0;
}

.lTygwfaToFvoTr7gavDU button {
  background: none;
  border: none;
  color: #1a5f7a;
  cursor: pointer;
}

.Z5ft54iIM0GarL4ETaku {
  padding: 24px;
}

.piT35BYSRrOgIGmm8y9t {
  text-align: center;
  color: #999;
  font-style: italic;
}

/* Notifications List */
.LnP2fI6tVBVjOZCUHT9K {
  padding: 16px;
  background-color: #fafafa;
  border-radius: 8px;
}

.zMaxQkzcKPvdBKYBV1fu {
  font-size: 14px;
  font-weight: 600;
  color: #333;
  margin: 0 0 16px 0;
}

.GHER3G2GXZNLVXj67dHX {
  background: white;
  border-radius: 8px;
  padding: 12px;
  margin-bottom: 12px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.Ez9G9pNABqWzULIrENVn {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 4px;
}

.dsi5G7mVbs3vLuJBHCHL {
  font-size: 12px;
}

.Xy7zB__GIWBozMUB_rnU {
  color: #e65100;
}

.nYcNli0Lr8ZFLsLnfP24 {
  color: #d32f2f;
}

.IdwxzctiRmopYj8RKhwh {
  font-size: 10px;
  font-weight: 600;
  color: #e65100;
}

.kkc7AMbNMwh4De7pmgLq {
  margin-left: auto;
  font-size: 11px;
  color: #e65100;
}

.DwRwqu0rjm5WKoMxu6Ty {
  font-size: 13px;
  font-weight: 600;
  color: #1a5f7a;
  margin: 4px 0;
}

._7kIScJ9De8oKiYFybO0q {
  font-size: 12px;
  color: #666;
  margin: 0;
  line-height: 1.4;
}

.ivlnMi3pV0Ms013RiT7k {
  font-size: 11px;
  color: #e65100;
  text-decoration: underline;
}

/* Additional Works Tab */
.zgXAG2vJfETVXZZz7AZI {
  padding: 0;
}

.msO5Mfxa1WKXq1xpossd {
  font-size: 14px;
  font-weight: 600;
  color: #1a5f7a;
  margin: 0 0 16px 0;
}

.bUPql4Ru8EE3WRIfFhmA {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
  margin-bottom: 32px;
  padding: 24px;
  background-color: #f9fdf9;
  border-radius: 8px;
  align-items: start;
}

.exyqRzmr1nskOsJ30IZN h3,
.WnW4ZYplsoM5CjMIvdQH h3 {
  font-size: 14px;
  font-weight: 600;
  color: #333;
  margin: 0 0 12px 0;
}

.PwleyZNryBSePMuTy59z {
  font-size: 13px;
  color: #666;
  line-height: 1.6;
  padding: 12px;
  background: white;
  border: 1px solid #ddd;
  border-radius: 6px;
  min-height: 150px;
}

.lQvq5ajRNqe4N_jzNObO {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 0;
  border-bottom: 1px solid #eee;
}

.lQvq5ajRNqe4N_jzNObO span {
  font-size: 13px;
  color: #333;
}

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

.U7vfdbN6ULZM2NiRrfmw {
  font-size: 12px;
  color: #1a5f7a;
  text-decoration: underline;
}

.mank6COuCJxcWtyDrFfq {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  background-color: #1a5f7a;
  color: white;
  border: none;
  border-radius: 4px;
  font-size: 12px;
  cursor: pointer;
}

/* Quote Table */
.WnG6f2V5VPvh3t5I6azj {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 24px;
}

.WnG6f2V5VPvh3t5I6azj th {
  text-align: left;
  padding: 12px 16px;
  font-size: 12px;
  font-weight: 600;
  color: #666;
  background-color: #f8f9fa;
}

.WnG6f2V5VPvh3t5I6azj td {
  padding: 12px 16px;
  border-bottom: 1px solid #eee;
  font-size: 13px;
}

.IHvM1qzZKq_1N4ec3qjM {
  color: #1a5f7a;
  font-weight: 500;
}

.HlWy1HXgxIj2DynvEOn2 {
  display: inline-block;
  padding: 4px 12px;
  border-radius: 12px;
  font-size: 11px;
  font-weight: 600;
}

.C2jtt1Vz01r4D0de3Omy {
  background-color: #1a5f7a;
  color: white;
}

.aMGmgYXWNdrCt5CB07CZ {
  background-color: #e65100;
  color: white;
}

._SzdxpjNLhpBM8KcOMH1 {
  width: 100%;
  padding: 8px 12px;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 13px;
}

/* Totals Section */
.mlQGoVH7hNJIJCsbxrs6 {
  background-color: #f9fdf9;
  padding: 16px 24px;
  border-radius: 8px;
  margin-bottom: 24px;
}

.Qj1yjTEcR5vdjflOJxoB {
  display: grid;
  grid-template-columns: 1fr 100px 100px;
  gap: 16px;
  padding: 8px 0;
}

.FqhI3H5W0oEyINyCXmw9 {
  text-align: right;
  font-size: 13px;
  color: #666;
}

.aEKfQ7soNSjynVdBgomQ {
  text-align: right;
  font-size: 13px;
  color: #333;
}

.x3j6yoC0mnpsokGIfpDM {
  text-align: right;
  font-size: 14px;
  font-weight: 600;
  color: #333;
}

/* Action Buttons */
.hG1m6FfJVEtDsnIlDWW2 {
  display: flex;
  justify-content: center;
  gap: 16px;
}

.e7xSokTDE_CVS5NUz_x_ {
  padding: 14px 32px;
  background-color: #d32f2f;
  color: white;
  border: none;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
}

.UYsS3JVu5QQWtpW1ZwDH {
  padding: 14px 32px;
  background-color: #1a5f7a;
  color: white;
  border: none;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
}

/* Empty State */
.eKtyS3KMzAXSRMvktq9Z {
  padding: 48px;
  text-align: center;
  color: #666;
}

/* Message Items */
._kWPQhn6486Jus43H1m2 {
  padding: 16px;
  background: #f9fdf9;
  border-radius: 8px;
  margin-bottom: 12px;
}

.LFg2gmu4itZe7HPyimbq {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
  font-size: 13px;
  font-weight: 500;
}

.ssKrfJyupUfINd5u9pXG {
  color: #999;
  font-weight: 400;
  margin-left: auto;
}

.UV75t_90Dg4zN7bgNndk {
  font-size: 14px;
  color: #333;
  line-height: 1.6;
  margin: 0;
}

/* Status Badges */
._efx4I0tNGSGSYQlV9Xs {
  display: inline-block;
  padding: 4px 12px;
  border-radius: 12px;
  font-size: 11px;
  font-weight: 600;
}

.kCutvp1v3qEtjuCyO3E9 {
  background-color: #fff3e0;
  color: #e65100;
}

.IF9D3UnR1mYxB9VahRoQ {
  background-color: #e8f5e9;
  color: #2e7d32;
}

.AULPF3D2WvR87UOjR7gH {
  background-color: #ffebee;
  color: #c62828;
}

.aQda3WLdGfrhnC8_2jjg {
  background-color: #e3f2fd;
  color: #1565c0;
}

/* Work Actions */
.PDJ_Os1fBV8t8ujWtJqj {
  display: flex;
  gap: 8px;
}

._gKbywBtAnbwmpPp00rv {
  padding: 6px 12px;
  background-color: #1a5f7a;
  color: white;
  border: none;
  border-radius: 4px;
  font-size: 12px;
  cursor: pointer;
}

.JiJaPA3VtFsDCwWW3xqH {
  padding: 6px 12px;
  background-color: #d32f2f;
  color: white;
  border: none;
  border-radius: 4px;
  font-size: 12px;
  cursor: pointer;
}

/* Modal */
.KW2wSOPAU3tq7BaEEBlN {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}

.v09LHpGhMc5JRUElxnI7 {
  background: white;
  border-radius: 12px;
  padding: 32px;
  max-width: 500px;
  width: 90%;
  max-height: 90vh;
  overflow-y: auto;
}

.gP4PSl5PdUc7z9wKuYAi {
  font-size: 20px;
  font-weight: 600;
  color: #1a5f7a;
  margin: 0 0 24px 0;
}

.xIcVOiPquiE0bfm_pCcY {
  margin-bottom: 16px;
}

.xIcVOiPquiE0bfm_pCcY label {
  display: block;
  font-size: 14px;
  color: #333;
  margin-bottom: 8px;
}

.xIcVOiPquiE0bfm_pCcY input,
.xIcVOiPquiE0bfm_pCcY textarea {
  width: 100%;
  padding: 10px 14px;
  border: 1px solid #ddd;
  border-radius: 6px;
  font-size: 14px;
}

.xIcVOiPquiE0bfm_pCcY textarea {
  resize: vertical;
}

.CNJ2capzk7szV2UrQGiG {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  margin-top: 24px;
}

.U6vggz8SUWJBdenY87XU {
  padding: 10px 20px;
  background-color: #f5f5f5;
  color: #333;
  border: 1px solid #ddd;
  border-radius: 6px;
  font-size: 14px;
  cursor: pointer;
}

.PElnf2le98Fdnn7yWcmv {
  padding: 10px 20px;
  background-color: #1a5f7a;
  color: white;
  border: none;
  border-radius: 6px;
  font-size: 14px;
  cursor: pointer;
}

.PElnf2le98Fdnn7yWcmv:disabled,
.U6vggz8SUWJBdenY87XU:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

/* Responsive */
@media (max-width: 1024px) {
  .q93Hgu4060Zi2g4ycN7N {
    grid-template-columns: 1fr;
  }

  .bckoOwU3gnX2CDsBleIE {
    grid-template-columns: 1fr;
  }

  .bUPql4Ru8EE3WRIfFhmA {
    grid-template-columns: 1fr;
  }
}










.DFCjo2Osg0FvfmAbV_pw {
  background: white;
}

.SYQri754N0Zeaf0PVQUq {
  font-size: 24px;
  font-weight: 700;
  color: #104353;
  margin: 0 0 var(--space-xl);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.sYlm6yghyfZLrbVfVuji {
  display: flex;
  flex-direction: column;
  gap: var(--space-xl);
}

.BKyGLaejmF8LPNnvEDVS {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-xl);
  align-items: start;
}

.NFC_HGe_4S50yGTIjeTY {
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
}

.Hp2QLEFNqziWNbW5xtj6 {
  font-size: 16px;
  font-weight: 600;
  color: #333;
}

.M7pFt4fXZkja6pdAGgCa {
  padding: 12px 16px;
  border: 2px solid #e0e0e0;
  border-radius: var(--radius-md);
  font-size: 16px;
  font-family: var(--font-family);
  transition: border-color 0.2s;
}

.M7pFt4fXZkja6pdAGgCa:focus {
  outline: none;
  border-color: var(--color-primary);
}

.M7pFt4fXZkja6pdAGgCa::placeholder {
  color: #999;
}

/* Billing Section */
.o1el_m8Uy8ePP90pFP64 {
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
}

.dpnaBI2WBx3xhFSqfRkA {
  font-size: 20px;
  font-weight: 700;
  color: #333;
  margin: 0 0 var(--space-sm);
}

._SdaHRdq8_Cb7Jj4_b8Q {
  display: flex;
  gap: var(--space-sm);
  align-items: center;
}

.iFFSWbfCmF6QKSeH8txa {
  flex: 1;
  padding: 12px 16px;
  border: 2px solid #e0e0e0;
  border-radius: var(--radius-md);
  font-size: 16px;
  font-family: var(--font-family);
  transition: border-color 0.2s;
}

.iFFSWbfCmF6QKSeH8txa:focus {
  outline: none;
  border-color: var(--color-primary);
}

.iFFSWbfCmF6QKSeH8txa::placeholder {
  color: #999;
}

.ov75u3LUFX16Rr0GRZO_ {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  background: var(--color-primary);
  border: none;
  border-radius: 50%;
  color: white;
  cursor: pointer;
  transition: background-color 0.2s;
  flex-shrink: 0;
}

.ov75u3LUFX16Rr0GRZO_:hover {
  background: var(--color-rust);
}

.ov75u3LUFX16Rr0GRZO_:active {
  transform: scale(0.95);
}

/* Terms Section */
.k5BAHDbyFdVU1coLntgx {
  background: var(--color-tiffany-blue);
  padding: var(--space-lg);
  border-radius: var(--radius-md);
}

.nja3fjH3SUlRyBHklbEb {
  display: flex;
  align-items: center;
  gap: var(--space-sm);
  margin-bottom: var(--space-md);
}

.lv5gM67tHzHjLW2etfHl {
  font-size: 18px;
  font-weight: 700;
  color: #104353;
  margin: 0;
}

.bitH3jsEbDmkq6X5eV9K {
  display: flex;
  gap: var(--space-sm);
  cursor: pointer;
  align-items: flex-start;
}

.euJk8qbXSnj1qwXqizKk {
  width: 20px;
  height: 20px;
  cursor: pointer;
  flex-shrink: 0;
  margin-top: 2px;
}

.CMjkWy4r2UobpNNLNA2g {
  font-size: 15px;
  color: #333;
  line-height: 1.5;
}

.dBUUYRB591Ui3FBUQxga {
  color: var(--color-sapphire);
  text-decoration: underline;
  font-weight: 500;
}

.dBUUYRB591Ui3FBUQxga:hover {
  color: #1a3a7a;
}

/* Signature Section */
.jVHwBbt3hCsPDJIQOAfl {
  display: flex;
  align-items: center;
  gap: var(--space-md);
}

.Dcq86uix3MzwQR7pN90C {
  display: flex;
  align-items: center;
  gap: var(--space-sm);
  padding: 12px 24px;
  background: var(--color-rust);
  color: white;
  border: none;
  border-radius: var(--radius-md);
  font-size: 16px;
  font-weight: 600;
  font-family: var(--font-family);
  cursor: pointer;
  transition: background-color 0.2s;
}

.Dcq86uix3MzwQR7pN90C:hover {
  background: #8a3519;
}

.Dcq86uix3MzwQR7pN90C:active {
  transform: scale(0.98);
}

.SKvtSh362S2xLatBIdkV {
  color: #2e7d32;
  font-weight: 600;
  font-size: 15px;
}

/* Actions */
.zpTI3YuR9Mf_Jt10b14c {
  display: flex;
  gap: var(--space-md);
  justify-content: flex-end;
  padding-top: var(--space-md);
  border-top: 1px solid #e0e0e0;
}

/* Error message */
.qK92fALbO1LJr5vKQz6U {
  padding: var(--space-md);
  background: #fef2f2;
  border: 1px solid #fee2e2;
  border-radius: var(--radius-md);
  color: #dc2626;
  font-size: var(--font-size-sm);
  margin-bottom: var(--space-md);
}

/* Disabled states */
.M7pFt4fXZkja6pdAGgCa:disabled,
.iFFSWbfCmF6QKSeH8txa:disabled,
.euJk8qbXSnj1qwXqizKk:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  background: #f5f5f5;
}

.ov75u3LUFX16Rr0GRZO_:disabled,
.Dcq86uix3MzwQR7pN90C:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

/* Responsive */
@media (max-width: 768px) {
  .BKyGLaejmF8LPNnvEDVS {
    grid-template-columns: 1fr;
  }

  .SYQri754N0Zeaf0PVQUq {
    font-size: 20px;
  }

  .zpTI3YuR9Mf_Jt10b14c {
    flex-direction: column-reverse;
  }

  .zpTI3YuR9Mf_Jt10b14c button {
    width: 100%;
  }
}



.pnF8A_oJIpy_VI83d_J8 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--space-2xl);
}

/* Sections Grid - 2x2 layout */
.n0kxTdqCWvy4IHtoZYT8 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, auto);
  gap: var(--space-lg);
}

/* Section Styles */
.dNRATyLEhRvt0Z3jSwPC {
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
}

.W_JFGRZ3VFPpBCp35JSX {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--space-md);
}

.xwSVKUXM7aejqiRHlegU {
  margin: 0;
  padding-left: var(--space-md);
  border-left: 4px solid var(--color-primary);
  color: var(--color-text-primary);
  font-family: "Poppins";
  font-weight: 600;
  font-size: var(--font-size-sm);
  flex: 1;
}

.OcLBrjlgKsZzFbajkEZZ {
  padding: var(--space-lg);
  box-shadow: 0px 4px 4px #00000040;
  background: #ffffff;
  border-radius: 8px;
  height: 100%;
}

/* Quotes Grid - 2 rows, 2 columns per section */
.pCWPXDNELz1Z1_0duXrd {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--space-lg);
}

.vNy35i4LNQfOovIKW2Mq {
  text-align: center;
  padding: var(--space-2xl);
}

.vNy35i4LNQfOovIKW2Mq p {
  color: var(--color-text-secondary);
  font-size: var(--font-size-sm);
  margin: 0;
}

.pEmeK1oELa58HEAmC2sA {
  display: flex;
  flex-direction: column;
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-card);
  overflow: hidden;
  transition: box-shadow 0.2s ease;
}

.pEmeK1oELa58HEAmC2sA:hover {
  box-shadow: var(--shadow-md);
}

/* Top Section */
.F8Ofv1coNcmg65a5hVy8 {
  display: flex;
  gap: 12px;
  padding: 12px 14px;
}

.oiv17rmbFR_VaG5KJoQk {
  flex: 0 0 120px;
  height: 120px;
  background: #f5f5f5;
  overflow: hidden;
  border-radius: var(--radius-sm);
}

.oiv17rmbFR_VaG5KJoQk img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.Vs_xcZSJAdjDo1E9du4U {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-text-secondary);
}

.Vs_xcZSJAdjDo1E9du4U svg {
  width: 40px;
  height: 40px;
}

.XwLoHWO6ZpUByoJvkpbg {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.ykxgTtN_5XiZfCaIsuzA {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.ZvN2j34aIt6Iathkp_cu {
  font-size: 12px;
  font-weight: 700;
  color: var(--color-sapphire-dark);
  font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif;
  line-height: 1.3;
}

.FXvEVYagnbTUAeqLp06J {
  display: flex;
  align-items: center;
  gap: 4px;
  color: #6c6c6b;
  font-family: "Poppins";
  font-weight: 600;
  font-size: 10px;
  line-height: 1.4;
}

.FXvEVYagnbTUAeqLp06J svg {
  flex-shrink: 0;
  width: 12px;
  height: 12px;
  color: var(--color-primary);
}

.TsPIklUohLewQn0cT80A {
  display: flex;
  align-items: center;
  gap: var(--space-sm);
  margin-top: auto;
}

/* Bottom Section */
.WRgk6YvRDgpkBE077_nf {
  display: flex;
  flex-direction: column;
  gap: var(--space-xs);
  padding: 0 14px 12px 14px;
  padding-top: 8px;
}

.yiRRJ3_93aQuYLLOQcQn {
  display: flex;
  align-items: center;
  gap: var(--space-sm);
  width: 100%;
}

.yiRRJ3_93aQuYLLOQcQn > * {
  flex: 1;
}

.HrQytZp9gCYvsWjrPBF7 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 6px;
  background: #f25b22;
  color: #ffffff;
  border: none;
  border-radius: 6px;
  font-family: "Poppins";
  font-weight: 500;
  font-size: 10px;
  text-align: center;
  cursor: pointer;
  transition: all 0.2s ease;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}

.HrQytZp9gCYvsWjrPBF7:hover {
  opacity: 0.9;
}

.Q1FkQxRqKw6laXd0U96j {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 6px;
  background: #f25b22;
  color: #ffffff;
  border: none;
  border-radius: 6px;
  font-family: "Poppins";
  font-weight: 500;
  font-size: 10px;
  text-align: center;
  cursor: pointer;
  transition: all 0.2s ease;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}

.Q1FkQxRqKw6laXd0U96j:hover {
  opacity: 0.9;
}

.y8mZZjW4eoo0nvTDMm89 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6px;
  background: #aaaaaa;
  color: #ffffff;
  border: none;
  border-radius: 6px;
  font-family: "Poppins";
  font-weight: 500;
  font-size: 10px;
  text-align: center;
  cursor: pointer;
  transition: all 0.2s ease;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}

.y8mZZjW4eoo0nvTDMm89:hover {
  opacity: 0.9;
}

.Ii3gFjLVBn892Z1Cykag {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 6px;
  background: #045a8d;
  color: #ffffff;
  border: none;
  border-radius: 6px;
  font-family: "Poppins";
  font-weight: 500;
  font-size: 10px;
  text-align: center;
  cursor: pointer;
  transition: all 0.2s ease;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}

.Ii3gFjLVBn892Z1Cykag svg {
  width: 10px;
  height: 10px;
  fill: #dff3e4;
  color: #dff3e4;
}

.Ii3gFjLVBn892Z1Cykag:hover {
  opacity: 0.9;
}

.IhuXc35559OLpMkuVCGo {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
  background: transparent;
  color: var(--color-text-secondary);
  border: none;
  border-radius: 3px;
  cursor: pointer;
  transition: all 0.2s ease;
}

.IhuXc35559OLpMkuVCGo svg {
  width: 14px;
  height: 14px;
}

.IhuXc35559OLpMkuVCGo:hover {
  color: var(--color-primary);
}

.WLPXUjrEUpLWFLI_T5rw {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
  background: transparent;
  color: var(--color-text-secondary);
  border: none;
  border-radius: 3px;
  cursor: pointer;
  transition: all 0.2s ease;
}

.WLPXUjrEUpLWFLI_T5rw svg {
  width: 14px;
  height: 14px;
}

.WLPXUjrEUpLWFLI_T5rw:hover {
  color: var(--color-rust);
}

@media (max-width: 1024px) {
  .n0kxTdqCWvy4IHtoZYT8 {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
  }

  .pCWPXDNELz1Z1_0duXrd {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
  }

  .pEmeK1oELa58HEAmC2sA {
    flex-direction: column;
  }

  .F8Ofv1coNcmg65a5hVy8 {
    flex-direction: column;
  }

  .oiv17rmbFR_VaG5KJoQk {
    flex: none;
    height: 160px;
    width: 100%;
  }

  .yiRRJ3_93aQuYLLOQcQn {
    flex-direction: column;
  }

  .HrQytZp9gCYvsWjrPBF7,
  .Q1FkQxRqKw6laXd0U96j,
  .y8mZZjW4eoo0nvTDMm89,
  .Ii3gFjLVBn892Z1Cykag {
    width: 100%;
    justify-content: center;
  }
}

.nCd5XH9PtRcvEbYtza84 {
  width: 100%;
  min-height: 100vh;
  background: var(--color-antiflash-white);
}

.lmdjt0nlr_mba_ubyKs5 {
  display: flex;
  align-items: center;
  gap: var(--space-md);
  padding: var(--space-lg) var(--space-xl);
  background: white;
  border-bottom: 1px solid var(--color-border);
}

.mto4ota4lD9XMeiQP4tT {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  padding: 0;
  border: none;
  border-radius: var(--radius-md);
  background: transparent;
  color: var(--color-text-primary);
  cursor: pointer;
  transition: background 0.2s ease;
}

.mto4ota4lD9XMeiQP4tT:hover {
  background: var(--color-antiflash-white);
}

.LE52WKFPaC_oS_0RkjJ1 {
  margin: 0;
  font-size: var(--font-size-xl);
  font-weight: 700;
  color: var(--color-primary-dark);
}

.uSzj_YSFKdLVU41AY3Sf {
  max-width: 900px;
  margin: 0 auto;
  padding: var(--space-2xl);
}

.MCF76WiU0B6U69C3J_6f {
  position: relative;
  background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);
  border-radius: var(--radius-lg);
  padding: var(--space-2xl);
  box-shadow: var(--shadow-lg);
  overflow: hidden;
}

/* Add subtle texture overlay */
.MCF76WiU0B6U69C3J_6f::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: 
    repeating-linear-gradient(
      45deg,
      transparent,
      transparent 2px,
      rgba(255, 255, 255, 0.02) 2px,
      rgba(255, 255, 255, 0.02) 4px
    );
  pointer-events: none;
}

.SV0O262aD0egLiNmmvNI {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: var(--space-xl);
}

.wAzuVPVDYWrIWPCOR0YM {
  width: 180px;
  height: auto;
  filter: brightness(1.1);
}

.FyEqYSXC0HvftWUd_EOF {
  position: absolute;
  top: var(--space-2xl);
  right: var(--space-2xl);
  z-index: 2;
  padding: 12px 24px;
  background: white;
  border-radius: var(--radius-full);
  font-size: var(--font-size-md);
  font-weight: 600;
  color: var(--color-primary-dark);
  box-shadow: var(--shadow-md);
}

.Y2PNapo8jdAe_ad0svED {
  position: relative;
  z-index: 1;
  background: white;
  border-radius: var(--radius-lg);
  padding: var(--space-2xl);
  box-shadow: var(--shadow-md);
}

.OFqhSwrxhNcwqiLXbBTc {
  margin-bottom: var(--space-xl);
  padding-bottom: var(--space-lg);
  border-bottom: 1px solid #e0e0e0;
}

.wFo4gCEexX5LRevc5Ldb {
  margin: 0 0 8px 0;
  font-size: var(--font-size-sm);
  line-height: 1.6;
  color: var(--color-text-primary);
}

.wFo4gCEexX5LRevc5Ldb strong {
  font-weight: 600;
  color: var(--color-primary-dark);
}

.EZA5DtexowFc_MEcjAH4 {
  margin-bottom: var(--space-xl);
}

.EZA5DtexowFc_MEcjAH4:last-child {
  margin-bottom: 0;
}

.TMKfqZu3okYntLYU7uLD {
  margin: 0 0 var(--space-md) 0;
  font-size: var(--font-size-lg);
  font-weight: 700;
  color: var(--color-primary);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.pibpa2tQqbd7Ru3AzHjo {
  margin: 0;
  font-size: var(--font-size-sm);
  line-height: 1.7;
  color: var(--color-text-primary);
}

.yqWvrMgvNeYJetgP45kt {
  margin: 0;
  padding-left: var(--space-lg);
  list-style: none;
}

.yqWvrMgvNeYJetgP45kt li {
  position: relative;
  margin-bottom: var(--space-sm);
  padding-left: var(--space-md);
  font-size: var(--font-size-sm);
  line-height: 1.7;
  color: var(--color-text-primary);
}

.yqWvrMgvNeYJetgP45kt li::before {
  content: "›";
  position: absolute;
  left: 0;
  font-size: var(--font-size-lg);
  font-weight: 700;
  color: var(--color-primary);
}

.yqWvrMgvNeYJetgP45kt li:last-child {
  margin-bottom: 0;
}

.DwZXiyAJSsDeWM3_jW0M {
  margin-top: var(--space-md);
  border: 1px solid #e0e0e0;
  border-radius: var(--radius-md);
  overflow: hidden;
}

.BF1yk_Fs31KzOPXIA35Q {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--space-md);
  font-size: var(--font-size-sm);
  border-bottom: 1px solid #e0e0e0;
}

.BF1yk_Fs31KzOPXIA35Q:last-child {
  border-bottom: none;
}

.nlzVCo337ZCnCNZd23Zb {
  background: #f7f7f7;
  border-top: 2px solid #e0e0e0;
  border-bottom: 2px solid #e0e0e0;
}

.aaP8TLe1JYBRhW7jxKPN {
  background: var(--color-misty-rose);
  font-size: var(--font-size-md);
}

/* Page 2 Styles */
.jLap_915TNzeCd9oYogr {
  margin-bottom: var(--space-xl);
}

.pKP_mlu5BwYLOg7iVSIT {
  display: flex;
  justify-content: space-between;
  padding: var(--space-md);
  background: #f7f7f7;
  font-weight: 600;
  font-size: var(--font-size-sm);
  border-bottom: 2px solid #e0e0e0;
}

.ZXHk2U7YaqTvPXBE07gw {
  flex: 1;
}

.kPcsJwRN8nCg89iVGf2f {
  min-width: 150px;
  text-align: right;
}

.ei5E09gZU0UQVXLjBJOm {
  display: flex;
  justify-content: space-between;
  padding: var(--space-md);
  font-size: var(--font-size-sm);
  border-bottom: 1px solid #e0e0e0;
}

.ei5E09gZU0UQVXLjBJOm:last-child {
  border-bottom: none;
}

.YtPfZJuaPrnNH6pLjtiD {
  margin: 0 0 var(--space-md) 0;
  font-size: var(--font-size-sm);
  color: var(--color-text-secondary);
}

.T0HBjUiulQ32gujOztIw {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--space-lg);
  background: white;
  border: 3px solid var(--color-primary);
  border-left: 8px solid var(--color-primary-dark);
  border-radius: var(--radius-md);
  margin-top: var(--space-md);
}

.nV7jIR3zUG82dGQe_C1g {
  font-size: var(--font-size-md);
  font-weight: 700;
  color: var(--color-primary-dark);
}

.DUXtWwZcXtDNUdP2klMF {
  font-size: var(--font-size-md);
  font-weight: 700;
  color: var(--color-primary-dark);
}

.z2Q7675xe_R4qSp44UPX {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--space-xl);
  margin-top: var(--space-lg);
}

.YnMlB1KjSDBFGnLOI88t {
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
}

.GtBvV1q1pIFGammaa_lr {
  font-size: var(--font-size-sm);
  font-weight: 600;
  color: var(--color-primary-dark);
}

.KRdYGDO0xbDxL6pA6Tfw {
  height: 60px;
  border-bottom: 2px solid #d0d0d0;
}

.ATOZyHQwciclB5VgUkIq {
  margin-top: var(--space-2xl);
  padding-top: var(--space-xl);
  border-top: 1px solid #e0e0e0;
}

.ufHOe8YT8KJlYT43DATS {
  margin: 0 0 var(--space-xl) 0;
  font-size: var(--font-size-sm);
  line-height: 1.7;
  color: var(--color-text-primary);
}

.f924lF1skLuz98SConWI {
  margin: 0 0 var(--space-md) 0;
  font-size: var(--font-size-sm);
  font-weight: 600;
  color: var(--color-primary-dark);
}

.BXFkFpiBVcER1fF0Z1Dj {
  margin-top: var(--space-lg);
}

.bxmcQVKeTFi_qzYna_oE {
  margin: 0 0 var(--space-md) 0;
  font-family: 'Brush Script MT', cursive;
  font-size: 32px;
  font-style: italic;
  color: var(--color-primary-dark);
  line-height: 1;
}

.vlecVMhxChSho74MAQmW {
  margin: 0 0 4px 0;
  font-size: var(--font-size-sm);
  font-weight: 700;
  color: var(--color-primary-dark);
}

.nB0sGG2PBcqQiy9lmrQ4 {
  margin: 0 0 8px 0;
  font-size: var(--font-size-sm);
  color: var(--color-text-primary);
}

.Na0FnsqthkNQMNMQHU9c {
  margin: 0;
  font-size: var(--font-size-sm);
  font-weight: 600;
  color: var(--color-primary);
  font-style: italic;
}

.iAGybEGxJsxFS6r_L2Y7 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: var(--space-md);
  margin: var(--space-2xl) 0;
  padding: var(--space-lg) 0;
  border-top: 1px solid var(--color-border);
  border-bottom: 1px solid var(--color-border);
}

.yYSYonrlljrlyaN1tWHH {
  padding: 10px 24px;
  border: none;
  border-radius: var(--radius-md);
  background: transparent;
  color: var(--color-text-secondary);
  font-size: var(--font-size-md);
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
}

.yYSYonrlljrlyaN1tWHH:hover {
  color: var(--color-sapphire);
}

.YOxbNnawwwmB9YGnrtQI {
  color: var(--color-sapphire);
  font-weight: 700;
  border-bottom: 3px solid var(--color-sapphire);
}

.A61F27SVArFiaH35SI31 {
  display: flex;
  justify-content: center;
  gap: var(--space-md);
  margin-top: var(--space-2xl);
  flex-wrap: wrap;
}

.n2Z9ue2DFeclJV_5Qoyc,
.PvR_nH82feu1MPdXzLfh,
.yqhuIB6MB0EN6qNplgCS {
  padding: 16px 32px;
  border: none;
  border-radius: var(--radius-lg);
  font-size: var(--font-size-md);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  cursor: pointer;
  transition: all 0.2s ease;
  box-shadow: var(--shadow-sm);
}

.n2Z9ue2DFeclJV_5Qoyc {
  background: var(--color-primary);
  color: white;
}

.n2Z9ue2DFeclJV_5Qoyc:hover {
  background: var(--color-rust);
  box-shadow: var(--shadow-md);
}

.PvR_nH82feu1MPdXzLfh {
  background: var(--color-ash-gray);
  color: white;
}

.PvR_nH82feu1MPdXzLfh:hover {
  background: #7a8a82;
  box-shadow: var(--shadow-md);
}

.yqhuIB6MB0EN6qNplgCS {
  background: var(--color-sapphire);
  color: white;
}

.yqhuIB6MB0EN6qNplgCS:hover {
  background: #1b3a70;
  box-shadow: var(--shadow-md);
}

@media (max-width: 768px) {
  .uSzj_YSFKdLVU41AY3Sf {
    padding: var(--space-md);
  }

  .MCF76WiU0B6U69C3J_6f {
    padding: var(--space-lg);
  }

  .Y2PNapo8jdAe_ad0svED {
    padding: var(--space-lg);
  }

  .FyEqYSXC0HvftWUd_EOF {
    position: static;
    margin-bottom: var(--space-lg);
    text-align: center;
  }

  .A61F27SVArFiaH35SI31 {
    flex-direction: column;
  }

  .n2Z9ue2DFeclJV_5Qoyc,
  .PvR_nH82feu1MPdXzLfh,
  .yqhuIB6MB0EN6qNplgCS {
    width: 100%;
  }

  .wAzuVPVDYWrIWPCOR0YM {
    width: 140px;
  }

  .z2Q7675xe_R4qSp44UPX {
    grid-template-columns: 1fr;
    gap: var(--space-lg);
  }

  .pKP_mlu5BwYLOg7iVSIT,
  .ei5E09gZU0UQVXLjBJOm {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-xs);
  }

  .kPcsJwRN8nCg89iVGf2f {
    text-align: left;
  }

  .T0HBjUiulQ32gujOztIw {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-sm);
  }

  .QKkANVt30nPPNJtWfQkw {
    flex-direction: column;
  }

  .R0AdjS_EuDGQPCASFVRa,
  .mH_tadOG_Q3vhvikmwO2 {
    width: 100%;
  }
}

/* Modal Content */
.Jcdsb9jzPPozWZyrsGlp {
  display: flex;
  flex-direction: column;
  gap: var(--space-lg);
}

.IovdbvdjRVUtoWoCVhml {
  width: 100%;
  padding: var(--space-md);
  background: white;
  border: 2px solid var(--color-border);
  border-radius: var(--radius-md);
  font-size: var(--font-size-sm);
  font-family: var(--font-family);
  resize: vertical;
  transition: border-color 0.2s ease;
  min-height: 200px;
}

.IovdbvdjRVUtoWoCVhml:focus {
  outline: none;
  border-color: var(--color-sapphire);
}

.IovdbvdjRVUtoWoCVhml::placeholder {
  color: var(--color-text-secondary);
}

.IovdbvdjRVUtoWoCVhml:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.QKkANVt30nPPNJtWfQkw {
  display: flex;
  justify-content: flex-end;
  gap: var(--space-md);
}

.R0AdjS_EuDGQPCASFVRa {
  padding: 12px 32px;
  background: var(--color-ash-gray);
  color: white;
  border: none;
  border-radius: var(--radius-md);
  font-size: var(--font-size-sm);
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
}

.R0AdjS_EuDGQPCASFVRa:hover {
  background: #7a8a82;
}

.R0AdjS_EuDGQPCASFVRa:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.mH_tadOG_Q3vhvikmwO2 {
  padding: 12px 32px;
  background: var(--color-sapphire);
  color: white;
  border: none;
  border-radius: var(--radius-md);
  font-size: var(--font-size-sm);
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
}

.mH_tadOG_Q3vhvikmwO2:hover:not(:disabled) {
  background: #1b3a70;
}

.mH_tadOG_Q3vhvikmwO2:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Loading and error states */
.klsrapYJT8pXieMbUlgA,
.pb0jGNgrKWjQN__pLrJV {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--space-md);
  padding: var(--space-3xl);
  text-align: center;
  color: var(--color-text-secondary);
}

.ckh5j65tEvHRB0CNaQwd {
  padding: 12px 24px;
  border: none;
  border-radius: var(--radius-md);
  background: var(--color-primary);
  color: white;
  font-size: var(--font-size-sm);
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s ease;
}

.ckh5j65tEvHRB0CNaQwd:hover {
  background: var(--color-rust);
}

/* Status badges */
.bFd02hXDlbYlnOM0JFcY {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px 32px;
  border-radius: var(--radius-lg);
  font-size: var(--font-size-md);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.uQT8zgAEV63e6Npfd2MK {
  background: #d4edda;
  color: #155724;
  border: 2px solid #c3e6cb;
}

.CqDKbzoku2_UztWpJ00s {
  background: #f8d7da;
  color: #721c24;
  border: 2px solid #f5c6cb;
}

.bBxX2DpldHIV_EIuJQL6 {
  background: #fff3cd;
  color: #856404;
  border: 2px solid #ffeeba;
}

.n2Z9ue2DFeclJV_5Qoyc:disabled,
.PvR_nH82feu1MPdXzLfh:disabled {
  opacity: 0.7;
  cursor: not-allowed;
}


.HE5QunPq1CT5axox_5Cp {
  background: white;
  border-radius: var(--radius-lg);
  padding: var(--space-md);
  box-shadow: var(--shadow-sm);
  transition: box-shadow 0.2s ease;
}

.HE5QunPq1CT5axox_5Cp:hover {
  box-shadow: var(--shadow-md);
}

.xdx29hiC_qO20s8tekkQ {
  font-size: var(--font-size-lg);
  font-weight: 600;
  color: var(--color-primary-dark);
  margin: 0 0 var(--space-sm) 0;

  color: #07486f;
  font-family: "Poppins";
  font-weight: 600;
  font-size: 12px;
}

.tIEzJUQoYKMSc3m2kWP4 {
  font-size: var(--font-size-sm);
  color: var(--color-ash-gray);
  margin: 0;
  line-height: 1.5;
  color: #6c6c6b;
  font-family: "Poppins";
  font-weight: 600;
  font-size: 10px;
}

.RY5NEFzZ9_yibaLnFB6V {
  display: flex;
  align-items: center;
  gap: var(--space-sm);
  margin-bottom: var(--space-sm);
}

.fY4TsZX3uQOrK3LFwQDw {
  font-size: var(--font-size-sm);
  font-weight: 500;
  color: var(--color-primary-dark);
  text-transform: uppercase;
  letter-spacing: 0.5px;

  color: #074879;
  font-family: "Poppins";
  font-weight: 500;
  font-size: 10px;
  margin-top: var(--space-sm);
}

.GXvcKBE5FmfduLbV2qOK {
  width: 100%;
  padding: 6px;
  background: var(--color-sapphire);
  color: white;
  border: none;
  border-radius: var(--radius-md);
  font-size: var(--font-size-sm);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  cursor: pointer;
  transition: all 0.2s ease;

  color: #ffffff;
  font-family: "Poppins";
  font-weight: 500;
  font-size: 10px;

  background: #045a8d;
  border-radius: 6px;
  border-top: 2px solid #f25b22;
  border-bottom: 2px solid #f25b22;
}

.GXvcKBE5FmfduLbV2qOK:hover {
  background: #234089;
  transform: translateY(-1px);
  box-shadow: var(--shadow-md);
}

.GXvcKBE5FmfduLbV2qOK:active {
  transform: translateY(0);
}

.GgbP4L4_bhripzYjA9rF {
  border: 0.5px solid #ebebeb;
  margin-bottom: var(--space-sm);
}

.Kk_70SzyFT_IZ0Ra16bc {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  padding: var(--space-lg);
}

.xGlM0_wLlS___63QYZlA {
  background: white;
  border-radius: var(--radius-lg);
  max-width: 800px;
  width: 100%;
  max-height: 90vh;
  overflow-y: auto;
  position: relative;
  box-shadow: var(--shadow-lg);
}

.xKh1D0uT5uFQqsSlzUsN {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--space-lg) var(--space-xl);
}

.wM4pECHn0CVGocBKpzC4 {
  margin: 0;
  color: #004960;
  font-family: "Poppins";
  font-weight: 600;
  font-size: 14px;
}

.ZXMLUJCtRqbBL_8dDUa7 {
  background: none;
  border: none;
  font-size: 16px;
  color: var(--color-ash-gray);
  cursor: pointer;
  padding: 4px;
  line-height: 1;
  transition: color 0.2s ease;
}

.ZXMLUJCtRqbBL_8dDUa7:hover {
  color: var(--color-primary-dark);
}

.y5CGpv2vTDXXeQC_HxgA {
  padding: var(--space-xl);
}

._Ya9B6hHqxr5w4eOMJIg {
  text-align: center;
  margin-bottom: var(--space-xl);
}

.imnMlKxp0kCm8oU26ofs {
  max-width: 175px;
  height: auto;
}

.aJKGiyqQlh78uVquqmPL {
  margin-bottom: var(--space-lg);
}

.Ne29pAJKHQ5zPudHGHFw {
  display: block;
  margin-bottom: var(--space-sm);
  color: #232323;
  font-family: "Poppins";
  font-weight: 400;
  font-size: 14px;
}

.WqFOJdJqxKbeXt4apApa {
  padding: 12px 16px;
  background: #ebebeb;
  border-radius: 8px;
  width: fit-content;
  font-size: var(--font-size-sm);
  color: var(--color-primary-dark);
}

.Hs9khHr73c9V5hOMvcnE {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-lg);
  margin-bottom: var(--space-lg);
}

.XrZmjlRnP5w34dIPl3Il {
  margin: var(--space-xl) 0;
  overflow-x: auto;
}

.QhV3xjlaHs7KLwEWxY2E {
  width: 100%;
  border-collapse: collapse;
}

.QhV3xjlaHs7KLwEWxY2E thead {
  border-bottom: 0.5px solid #606060;
}

.QhV3xjlaHs7KLwEWxY2E th {
  text-align: left;
  padding: 12px 8px;
  color: #232323;
  font-family: "Poppins";
  font-weight: 400;
  font-size: 14px;
}

.QhV3xjlaHs7KLwEWxY2E td {
  padding: 12px 8px;
  color: #232323;
  font-family: "Helvetica";
  font-weight: 400;
  font-size: 12px;
}

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

.eFQfySX1xkhWJwJTftA8 td {
  color: #232323;
  font-family: "Poppins";
  font-weight: 400;
  font-size: 14px;
}

.di4vMB2N4ubVKGnZ5msc td {
  color: #232323;
  font-family: "Poppins";
  font-weight: 400;
  font-size: 14px;
  text-transform: uppercase;
}

.cDIz4mEHGhhCe3trgjuU td {
  margin-top: var(--space-xl);
  border-top: 2px solid var(--color-silver);
  padding-top: var(--space-lg);
}

.jGhzLtnz6WUW25NgRJI_ td {
  color: #232323;
  font-family: "Poppins";
  font-weight: 600;
  font-size: 14px;
  text-transform: uppercase;
}

.wmPT9p_L2LD1iV3v7zlm {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: var(--space-2xl);
  margin-bottom: var(--space-md);
}

.jsI9gLsumfeDvpa2hjrQ {
  font-size: var(--font-size-sm);
  font-weight: 500;
  color: var(--color-primary-dark);
  text-align: right;
  min-width: 120px;
}

.saG8t1NzxLLRGrWRFQos {
  font-size: var(--font-size-sm);
  font-weight: 600;
  color: var(--color-primary-dark);
  min-width: 100px;
  text-align: right;
}

.jGhzLtnz6WUW25NgRJI_ {
  margin-top: var(--space-lg);
  padding-top: var(--space-lg);
  border-top: 1.5px solid var(--color-primary-dark);
}

.jGhzLtnz6WUW25NgRJI_ .jsI9gLsumfeDvpa2hjrQ,
.jGhzLtnz6WUW25NgRJI_ .saG8t1NzxLLRGrWRFQos {
  font-size: var(--font-size-lg);
  font-weight: 700;
}

.aGcNM8eLOdna9EBF6Ec1 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: var(--space-xl);
  gap: var(--space-lg);
}

.IpO5o0pwlV_STVXmneAH {
  display: flex;
  align-items: center;
  gap: var(--space-md);
}

.GcduckyOpwEIzb4asZuQ {
  color: #232323;
  font-family: "Poppins";
  font-weight: 400;
  font-size: 14px;
}

.HdpcrwWA0O5R_4DY9blc {
  padding: 8px;
  background: #dff3e4;
  border-radius: 8px;
  color: #232323;
  font-family: "Poppins";
  font-weight: 400;
  font-size: 14px;
}

.wuKDBI7I4CIV4jqZaXLw {
  border: none;
  padding: 8px 16px;
  cursor: pointer;
  transition: all 0.2s ease;
  color: #ffffff;
  font-family: "Poppins";
  font-weight: 500;
  font-size: 14px;
  background: #045a8d;
  border-radius: 6px;
  border-top: 2px solid #f25b22;
  border-bottom: 2px solid #f25b22;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.wuKDBI7I4CIV4jqZaXLw:hover {
  background: #234089;
  transform: translateY(-1px);
  box-shadow: var(--shadow-md);
}

.wuKDBI7I4CIV4jqZaXLw:active {
  transform: translateY(0);
}

.MmQKWTwQNd37fIbvwOLO,
.WtjBD5Affa7gbxO67XZt {
  text-align: center;
  padding: var(--space-2xl);
  color: var(--color-ash-gray);
}

.WtjBD5Affa7gbxO67XZt {
  color: #c33;
}

.zq6J6K3OdsLDkVPRCq8U {
  padding: var(--space-xl);
  text-align: center;
  background: var(--color-antiflash-white);
  border-radius: var(--radius-md);
  margin: var(--space-lg) 0;
}

.zq6J6K3OdsLDkVPRCq8U p {
  margin: 0;
  font-size: var(--font-size-lg);
  font-weight: 600;
  color: var(--color-primary-dark);
}

._kJ2mw1eQCirBJRmlvqr {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 14px 40px;
  background: #d4edda;
  color: #155724;
  border: 2px solid #c3e6cb;
  border-radius: var(--radius-md);
  font-size: var(--font-size-sm);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.wuKDBI7I4CIV4jqZaXLw:disabled {
  opacity: 0.7;
  cursor: not-allowed;
  transform: none;
}

@media (max-width: 768px) {
  .xGlM0_wLlS___63QYZlA {
    max-height: 100vh;
    border-radius: 0;
  }

  .Hs9khHr73c9V5hOMvcnE {
    grid-template-columns: 1fr;
  }

  .aGcNM8eLOdna9EBF6Ec1 {
    flex-direction: column;
    align-items: stretch;
  }

  .IpO5o0pwlV_STVXmneAH {
    justify-content: space-between;
  }

  .wuKDBI7I4CIV4jqZaXLw {
    width: 100%;
  }

  .XrZmjlRnP5w34dIPl3Il {
    margin: var(--space-lg) calc(var(--space-lg) * -1);
    padding: 0 var(--space-lg);
  }

  .QhV3xjlaHs7KLwEWxY2E th,
  .QhV3xjlaHs7KLwEWxY2E td {
    padding: 8px 4px;
    font-size: 12px;
  }
}

.KbvXM0H9acMv9tql66PQ {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--space-2xl);
}

/* Sections Grid - 2 columns layout */
.Pv9jFKTjfQk75yRaqY9E {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--space-lg);
}

/* Section Styles */
.o3QyWooK8erAgDShdqgE {
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
}

.nComW5AwN24zCHAJWWtn {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--space-md);
}

.WKNxN64jSVNYJFd8Rnt6 {
  margin: 0;
  padding-left: var(--space-md);
  border-left: 4px solid var(--color-primary);
  color: var(--color-text-primary);
  font-family: "Poppins";
  font-weight: 600;
  font-size: var(--font-size-sm);
  flex: 1;
}

.cUy2tODBSTwPhYhGn18b {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 36px;
  padding: 4px 12px;
  border-radius: var(--radius-full);
  background: #cbe2f6;
  color: var(--color-sapphire);
  font-size: var(--font-size-sm);
  font-weight: 600;
}

.RJ7APQCjIlbqJSVedNob {
  padding: var(--space-lg);
  box-shadow: 0px 4px 4px #00000040;
  background: #ffffff;
  border-radius: 8px;
  height: 100%;
}

/* Invoices Grid - 4 columns per section */
.hcvmAa0_bsoUZEYsOanC {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--space-md);
}

.SYaWttL2V9qDc9xdwkrq {
  text-align: center;
  padding: var(--space-2xl);
}

.SYaWttL2V9qDc9xdwkrq p {
  color: var(--color-text-secondary);
  font-size: var(--font-size-sm);
  margin: 0;
}

.T98AjWhDvWdjsIGXdjIK {
  text-align: center;
  padding: var(--space-2xl);
  color: var(--color-text-secondary);
}

.Z_l0KZWlq89Tk1GqqI8B {
  background: #fee;
  border: 1px solid #fcc;
  border-radius: var(--radius-md);
  padding: var(--space-lg);
  margin-bottom: var(--space-lg);
  color: #c33;
  text-align: center;
}

@media (max-width: 1024px) {
  .Pv9jFKTjfQk75yRaqY9E {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
  }

  .hcvmAa0_bsoUZEYsOanC {
    grid-template-columns: repeat(2, 1fr);
  }
}

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

.tE2qACv58QDBwHfPRI8E {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.b8iQYEHfUGzFdNdBXyxb {
  padding: var(--space-lg) var(--space-xl);
  border-bottom: 1px solid #e5e5e5;
  background: white;
  display: flex;
  align-items: center;
  gap: var(--space-md);
}

.WDgJAjYSzw59sS0ruIi5 {
  width: 48px;
  height: 48px;
  border-radius: var(--radius-full);
  background: var(--color-primary-dark);
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-weight: 600;
  position: relative;
  flex-shrink: 0;
}

.TJl9pamYJV_F9rbqbIhW {
  background-size: cover;
  background-position: center;
  color: transparent;
}

.QNAB5h7gpIKcC5daL_dS {
  position: absolute;
  bottom: 2px;
  right: 2px;
  width: 12px;
  height: 12px;
  background: #10b981;
  border-radius: var(--radius-full);
  border: 2px solid white;
}

.lUoNjAtlNd4BRY3yHZs8 {
  position: absolute;
  top: -2px;
  right: -2px;
  width: 18px;
  height: 18px;
  background: #3b82f6;
  border-radius: var(--radius-full);
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid white;
}

.AZjGG8W9fDzZKikPZAHY {
  width: 10px;
  height: 10px;
  color: white;
}

.OFM8QC0S4v5y1xUr8bEx {
  flex: 1;
}

.EOUZbLKo0Rdb1xBGBnD3 {
  font-size: var(--font-size-lg);
  font-weight: 700;
  color: var(--color-primary-dark);
  margin: 0;
  display: flex;
  align-items: center;
  gap: var(--space-sm);

  color: #045a8d;
  font-family: "Poppins";
  font-weight: 600;
  font-size: 12px;

  color: #07485f;
  font-family: "Poppins";
  font-weight: 600;
  font-size: 12px;
}

.RF924MLCNge2dsVVYJqF {
  font-size: var(--font-size-sm);
  color: #6b7280;
  margin-top: 2px;

  color: #1b1618;
  font-family: "Poppins";
  font-weight: 400;
  font-size: 9px;
}

.aYPaJZ7SXRoyFpUA9Grp {
  flex: 1;
  overflow-y: auto;
  padding: var(--space-xl);
  background: #fff;
}

.cIIRGdY9X222Vsv8RbnO {
  display: flex;
  margin-bottom: var(--space-xl);
  gap: var(--space-md);
}

.WWl0f_TxRLt8iJDvTUHV {
  justify-content: flex-end;
}

.VqlZlf_DM6khAI53sycd {
  justify-content: flex-start;
}

.I1pGzJmB0wq8E_iacntn {
  width: 40px;
  height: 40px;
  border-radius: var(--radius-full);
  flex-shrink: 0;
  align-self: flex-end;
}

.ofMGd9bxy2RzTxtNVbny {
  width: 100%;
  height: 100%;
  border-radius: var(--radius-full);
  object-fit: cover;
}

._V6tr4r0PA4GPD5MR1uA {
  width: 100%;
  height: 100%;
  border-radius: var(--radius-full);
  background: var(--color-primary-dark);
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-weight: 600;
  font-size: var(--font-size-sm);
}

.rhzZCQq4Hr_DuqAXUrUg {
  flex: 1;
  max-width: 65%;
  display: flex;
  flex-direction: column;
}

.thLcltITRmClcTjYn6sv {
  display: flex;
  align-items: center;
  gap: var(--space-sm);
  margin-bottom: var(--space-xs);
}

.TLIrcaQXGZ37UTRsyXp7 {
  font-size: var(--font-size-md);
  font-weight: 700;
  color: var(--color-primary-dark);
  display: flex;
  align-items: center;
  gap: var(--space-xs);

  color: #045a8d;
  font-family: "Figtree";
  font-weight: 700;
  font-size: 16px;
}

.MjJJWH5ZTosQ4BEFFyeo {
  width: 16px;
  height: 16px;
  color: #3b82f6;
}

.WZY0v7GfXMF_UW89lXf9 {
  font-size: var(--font-size-sm);
  color: #6b7280;
}

.mPWk5nfkpA37JhxEqDiw {
  padding: var(--space-lg);
  border-radius: 12px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
  font-size: var(--font-size-md);
  line-height: 1.6;
  color: var(--color-primary-dark);

  color: #232323;
  font-family: "Figtree";
  font-weight: 400;
  font-size: 14px;
  line-height: 1.3;
  text-align: justify;

  box-shadow: 1px 4px 6px #0000002e;

  background: white;
  border-top-left-radius: 0;
}

.CcPlGBywTfa7kMI3Eapg {
  background: white;
  border-top-left-radius: 0;
}

.ODhZZwibOcKHitpBdKK6 {
  /* background: #e5e7eb;
  border-top-right-radius: 0; */
}

.XJ2yz0J4thqDKMSZYlzQ {
  font-size: var(--font-size-xs);
  color: #9ca3af;
  font-style: italic;
  margin-top: var(--space-xs);
  padding-left: var(--space-sm);

  color: #6c6c6b;
  font-family: "Figtree";
  font-weight: 500;
  font-size: 10px;
  font-style: italic;
}

.hb6YiisD_ScErwbHwsTK {
  padding: var(--space-sm);
  background: white;
  display: flex;
  align-items: center;
  gap: var(--space-sm);
}

.de1OpmS5WuxM47vfoUU6 {
  width: 40px;
  height: 40px;
  background: transparent;
  border: none;
  color: #6b7280;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: color 0.2s;
  flex-shrink: 0;
}

.de1OpmS5WuxM47vfoUU6:hover {
  color: var(--color-primary);
}

.q4dRCCrRf2DuZZmmqz8R {
  width: 24px;
  height: 24px;
}

.V0spsVgIF59eaYBLiqd4 {
  flex: 1;
  position: relative;
}

.EnN_yVsc7Q6fBedhDRuF {
  width: 100%;
  padding: var(--space-md) var(--space-lg);
  border: 0;
  border-radius: 24px;
  font-size: var(--font-size-md);
  font-family: var(--font-family);
  outline: none;
  transition: border-color 0.2s;
  /* background: #f9fafb; */
}

.EnN_yVsc7Q6fBedhDRuF::placeholder {
  color: #9ca3af;
  font-style: italic;
}

.EnN_yVsc7Q6fBedhDRuF:focus {
  border-color: #d1d5db;
  background: white;
}

.sKi4ac8IeLkxJWgZszMu {
  width: 48px;
  height: 48px;
  background: transparent;
  color: var(--color-primary);
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s;
  flex-shrink: 0;
}

.sKi4ac8IeLkxJWgZszMu:hover:not(:disabled) {
  color: var(--color-rust);
  transform: translateX(2px);
}

.sKi4ac8IeLkxJWgZszMu:disabled {
  color: #d1d5db;
  cursor: not-allowed;
}

.Ed0VHPhmLGNBkQOTnFA8 {
  width: 28px;
  height: 28px;
}

.K0sk_Bvba1kr6iBlseTg {
  padding: var(--space-xl);
  max-width: 500px;
}

.L7XNNcorRtLjQdsXtrK5 {
  font-size: var(--font-size-xl);
  font-weight: 700;
  color: var(--color-primary-dark);
  margin: 0 0 var(--space-lg) 0;
}

.GqJSxQjk26ZW76faTh6Q {
  margin-bottom: var(--space-lg);
}

.p2n_j86h5cx_FgPQiJeg {
  display: block;
  font-size: var(--font-size-sm);
  font-weight: 600;
  color: var(--color-primary-dark);
  margin-bottom: var(--space-sm);
}

.JYI1s7ZjhU6wR03k_AZ6,
.tJqPtLKCih9ApwFZnoAz {
  width: 100%;
  padding: var(--space-md);
  border: 1px solid #e5e5e5;
  border-radius: var(--radius-md);
  font-size: var(--font-size-md);
  font-family: var(--font-family);
  outline: none;
  transition: border-color 0.2s;
}

.JYI1s7ZjhU6wR03k_AZ6:focus,
.tJqPtLKCih9ApwFZnoAz:focus {
  border-color: var(--color-primary);
}

.tJqPtLKCih9ApwFZnoAz {
  resize: vertical;
  min-height: 120px;
}

.WzesafzVYPsOMofpPpnM {
  display: flex;
  gap: var(--space-md);
  justify-content: flex-end;
  margin-top: var(--space-xl);
}

.WYEwLcujWD7PNdXsaSOI,
.chKzcmC92J6lLjdpLq7g {
  padding: var(--space-md) var(--space-xl);
  border-radius: var(--radius-md);
  font-size: var(--font-size-md);
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
  border: none;
}

.WYEwLcujWD7PNdXsaSOI {
  background: white;
  color: #6b7280;
  border: 1px solid #e5e5e5;
}

.WYEwLcujWD7PNdXsaSOI:hover {
  background: #f9fafb;
}

.chKzcmC92J6lLjdpLq7g {
  background: var(--color-primary);
  color: white;
}

.chKzcmC92J6lLjdpLq7g:hover:not(:disabled) {
  background: var(--color-rust);
}

.chKzcmC92J6lLjdpLq7g:disabled {
  background: #d1d5db;
  cursor: not-allowed;
}

/* Notice */
.QXaALSEYBfZZXZRlL3Zq {
  display: flex;
  align-items: flex-start;
  gap: var(--space-sm);
  padding: var(--space-md);
  background: #fef3c7;
  border-radius: var(--radius-md);
  margin-bottom: var(--space-lg);
}

.N6aI3gzhz3W2_0vTzHa4 {
  width: 20px;
  height: 20px;
  color: #d97706;
  flex-shrink: 0;
  margin-top: 1px;
}

.QXaALSEYBfZZXZRlL3Zq span {
  font-size: var(--font-size-sm);
  color: #92400e;
  line-height: 1.4;
}



.dgMtYQleyuTcKbiSYaGp {
  display: flex;
  flex-direction: column;
  height: 100%;
}

._3Bga0WmAvUapvxRL7D4g {
  padding: var(--space-sm);
  position: relative;
}

._g_hqNa3TxhszElzKUqw {
  position: absolute;
  left: calc(var(--space-lg) + var(--space-md));
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  color: var(--color-sapphire);
}

.TkONitEw9DLWNjG6U52Q {
  width: 100%;
  padding: var(--space-md) var(--space-md) var(--space-md)
    calc(var(--space-xl) + var(--space-md));
  border: 1px solid var(--color-primary);
  border-radius: 24px;
  font-size: var(--font-size-md);
  font-family: var(--font-family);
  outline: none;
  transition: border-color 0.2s;
}

.TkONitEw9DLWNjG6U52Q::placeholder {
  color: #9ca3af;
}

.TkONitEw9DLWNjG6U52Q:focus {
  border-color: var(--color-primary);
}

.Cp_ne6_cRHdEyoqxeOZu {
  padding: var(--space-sm) var(--space-lg) var(--space-lg);
  display: flex;
  align-items: center;
  gap: var(--space-sm);
  cursor: pointer;
}

.tUCocuEi6LWskajB3tJz {
  font-size: var(--font-size-md);
  font-weight: 600;
  color: var(--color-primary-dark);
}

.lBbKLX6T7W5AVO_cVvO4 {
  width: 16px;
  height: 16px;
  color: var(--color-primary);
}

.PbDtN0VVZmrf_r5TRW0Z {
  flex: 1;
  overflow-y: auto;
  padding: 0 var(--space-lg);
  min-height: 0;
}

.qrOimkWssZapeWMv3ng1 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--space-md) 0;
  border-bottom: 1px solid #f3f4f6;
  gap: var(--space-md);

  border-radius: 9px;
  background: #f7f6f6;
  margin: var(--space-sm) calc(var(--space-lg) * -1);
  padding-left: var(--space-lg);
  padding-right: var(--space-lg);
}

.Cqrlw7wbJrRA0QMiCD9c {
  border: 1px solid #f25b22;
}

.L5IWDianVbutpixvkhwq {
  display: flex;
  align-items: center;
  gap: var(--space-md);
  flex: 1;
  cursor: pointer;
}

.AtapuFan7ORhzafXNQAU {
  width: 80px;
  height: 50px;
  border-radius: var(--radius-md);
  overflow: hidden;
  background: #f3f4f6;
  flex-shrink: 0;
}

.AtapuFan7ORhzafXNQAU img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.SJZQJWiDNisp2tqD62Ho {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #9ca3af;
}

.SJZQJWiDNisp2tqD62Ho svg {
  width: 32px;
  height: 32px;
}

.xRcSir9bilCQtbBP52R3 {
  font-size: var(--font-size-lg);
  font-weight: 700;
  color: var(--color-primary-dark);

  color: #07485f;
  font-family: "Helvetica";
  font-weight: bold;
  font-size: 16px;
}

.qt2cNCKvYRAoudvob6P0 {
  background: var(--color-sapphire);
  color: white;
  border: none;
  padding: var(--space-sm) var(--space-lg);
  border-radius: var(--radius-md);
  font-size: var(--font-size-sm);
  font-weight: 700;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: var(--space-xs);
  transition: background 0.2s;
  flex-shrink: 0;
  letter-spacing: 0.5px;

  color: #ffffff;
  font-family: "Poppins";
  font-weight: 500;
  font-size: 8px;
}

.qt2cNCKvYRAoudvob6P0:hover {
  background: #1e3a8a;
}

.Kj3iQUZ3cBF1_BczZBh3 {
  width: 16px;
  height: 16px;
}

/* Scrollbar styling */
.PbDtN0VVZmrf_r5TRW0Z::-webkit-scrollbar {
  width: 6px;
}

.PbDtN0VVZmrf_r5TRW0Z::-webkit-scrollbar-track {
  background: transparent;
}

.PbDtN0VVZmrf_r5TRW0Z::-webkit-scrollbar-thumb {
  background: #d1d5db;
  border-radius: 3px;
}

.PbDtN0VVZmrf_r5TRW0Z::-webkit-scrollbar-thumb:hover {
  background: #9ca3af;
}

.KWbMoxaf2CIkBFuw0TSy {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.kdCmpD9F4rqVIIWFbVK4 {
  padding: var(--space-sm);
  position: relative;
}

.Fd62rq5PzPOcExGurAFU {
  position: absolute;
  left: calc(var(--space-lg) + var(--space-md));
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  color: var(--color-sapphire);
}

.uHzNK7szx3hJJU594qfU {
  width: 100%;
  padding: var(--space-md) var(--space-md) var(--space-md)
    calc(var(--space-xl) + var(--space-md));
  border: 1px solid var(--color-primary);
  border-radius: 24px;
  font-size: var(--font-size-md);
  font-family: var(--font-family);
  outline: none;
  transition: border-color 0.2s;
}

.uHzNK7szx3hJJU594qfU::placeholder {
  color: #9ca3af;
}

.uHzNK7szx3hJJU594qfU:focus {
  border-color: var(--color-primary);
}

.jE4wmdV3PxyvmZfl9KRs {
  flex: 1;
  overflow-y: auto;
  padding: 0 var(--space-lg);
  min-height: 0;
}

.DEnH8Lm69PAbHDUBIGlP {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--space-md) 0;
  border-bottom: 1px solid #f3f4f6;
  gap: var(--space-md);

  border-radius: 9px;
  background: #f7f6f6;
  margin: var(--space-sm) calc(var(--space-lg) * -1);
  padding-left: var(--space-lg);
  padding-right: var(--space-lg);
}

.r5g1hAhJat3t8_pHMyPl {
  border: 1px solid #f25b22;
}

.R9wjfjpvppHOCdYCpNZN {
  display: flex;
  align-items: center;
  gap: var(--space-md);
  flex: 1;
  cursor: pointer;
}

.u7gm9Ecxcm5IuKHPeq7K {
  width: 80px;
  height: 50px;
  border-radius: var(--radius-md);
  overflow: hidden;
  background: #f3f4f6;
  flex-shrink: 0;
}

.u7gm9Ecxcm5IuKHPeq7K img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.VnngSw_Cv5EEKMkuj1dn {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #9ca3af;
}

.VnngSw_Cv5EEKMkuj1dn svg {
  width: 32px;
  height: 32px;
}

.MobdgFMHSF14WjPTOtpQ {
  font-size: var(--font-size-lg);
  font-weight: 700;
  color: var(--color-primary-dark);

  color: #07485f;
  font-family: "Helvetica";
  font-weight: bold;
  font-size: 16px;
}

.nD781bbcScpxcUr8qPpr {
  background: var(--color-sapphire);
  color: white;
  border: none;
  padding: var(--space-sm) var(--space-lg);
  border-radius: var(--radius-md);
  font-size: var(--font-size-sm);
  font-weight: 700;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: var(--space-xs);
  transition: background 0.2s;
  flex-shrink: 0;
  letter-spacing: 0.5px;

  color: #ffffff;
  font-family: "Poppins";
  font-weight: 500;
  font-size: 8px;
}

.nD781bbcScpxcUr8qPpr:hover {
  background: #1e3a8a;
}

.nCgkK0YNbzkunfoq0dis {
  width: 16px;
  height: 16px;
}

/* Scrollbar styling */
.jE4wmdV3PxyvmZfl9KRs::-webkit-scrollbar {
  width: 6px;
}

.jE4wmdV3PxyvmZfl9KRs::-webkit-scrollbar-track {
  background: transparent;
}

.jE4wmdV3PxyvmZfl9KRs::-webkit-scrollbar-thumb {
  background: #d1d5db;
  border-radius: 3px;
}

.jE4wmdV3PxyvmZfl9KRs::-webkit-scrollbar-thumb:hover {
  background: #9ca3af;
}

.o5D0by5vo5n4TFLydn_k {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--space-2xl);
  text-align: center;
}

.YXblYbiCfHpfmSzDtu41 {
  width: 120px;
  height: 120px;
  margin-bottom: var(--space-lg);
}

.oreO719TtTlAeHopaswJ {
  font-size: var(--font-size-xl);
  font-weight: 700;
  color: var(--color-sapphire);
  margin: 0 0 var(--space-md) 0;
}

.trL1MgKF73vfDzSpLZwS {
  font-size: var(--font-size-md);
  color: #6b7280;
  margin: 0 0 var(--space-xl) 0;
  max-width: 400px;
  line-height: 1.6;
}

.zHpx8eSPJCBn02L3jM0F {
  background: var(--color-primary);
  color: white;
  border: none;
  padding: var(--space-md) var(--space-xl);
  border-radius: var(--radius-md);
  font-size: var(--font-size-md);
  font-weight: 600;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: var(--space-sm);
  transition: background 0.2s;
}

.zHpx8eSPJCBn02L3jM0F:hover {
  background: var(--color-rust);
}



.hF6zzlaGlBsfmmwNRuw3 {
  display: flex;
  height: calc(100vh - 140px);
  background: var(--color-antiflash-white);
  overflow: hidden;
}

.Ub80FtyPZAMi6pFuOhzS {
  width: 380px;
  background: #ebebeb;
  border-right: 1px solid #e5e5e5;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.yFXcnJhGMHnHBxDNArLN {
  padding: var(--space-lg);
  border-bottom: 1px solid #e5e5e5;
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
}

.pFvV_lXIJ3nK5iw9zSzn {
  display: flex;
  gap: var(--space-lg);
  margin-bottom: var(--space-lg);
}

.DSLd7FoGMjuicbfOJBq1 {
  background: none;
  border: none;
  padding: var(--space-sm) 0;
  font-size: var(--font-size-md);
  color: #6b7280;
  cursor: pointer;
  border-bottom: 2px solid transparent;
  transition: all 0.2s;
  font-weight: 500;

  color: #929292;
  font-family: "Poppins";
  font-weight: 600;
  font-size: 12px;
}

.DSLd7FoGMjuicbfOJBq1:hover {
  color: var(--color-primary);
}

.HvM20oUvlU7IgkRFvzbf {
  color: #045a8d;
  border-bottom-color: var(--color-primary);
}

.dMCk5cSc8nqNji_02Nbe {
  width: fit-content;
  background: var(--color-primary);
  color: white;
  border: none;
  padding: var(--space-sm) var(--space-md);
  border-radius: var(--radius-md);
  font-size: var(--font-size-sm);
  font-weight: 600;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-sm);
  transition: background 0.2s;
  margin-left: auto;
}

.dMCk5cSc8nqNji_02Nbe:hover {
  background: var(--color-rust);
}

.tnIio8JcOR1jucmpVMUQ {
  flex: 1;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  min-height: 0;
}

.t0F0_eRfFtd1i6DkhGMG {
  padding: var(--space-md) var(--space-lg);
  font-size: var(--font-size-sm);
  color: #6b7280;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;

  color: #606060;
  font-family: "Poppins";
  font-weight: 600;
  font-size: 12px;
}

.XPSyZXLuP33qNkJ6tPhB {
  padding: var(--space-md) var(--space-lg);
  border-bottom: 1px solid #f3f4f6;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: var(--space-md);
  transition: background 0.2s;
}

.XPSyZXLuP33qNkJ6tPhB:hover {
  background: #f9fafb;
}

.RTju0hJ2pB4AFaHQ0JFV {
  background: #fef5f2;
  border-left: 3px solid var(--color-primary);
}

.Bs8NmyixRmYtOFWmSsNh {
  width: 48px;
  height: 48px;
  border-radius: var(--radius-full);
  background: var(--color-primary-dark);
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-weight: 600;
  position: relative;
  flex-shrink: 0;
}

.RkWdw_YK_vYpVdcbef6P {
  width: 100%;
  height: 100%;
  border-radius: var(--radius-full);
  object-fit: cover;
}

.EmyDlSyNcWk8t9xU3It_ {
  position: absolute;
  bottom: -2px;
  right: -2px;
  width: 18px;
  height: 18px;
  background: #3b82f6;
  border-radius: var(--radius-full);
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid white;
}

.gJgGaZyl2AmeQY5r4f52 {
  width: 10px;
  height: 10px;
  color: white;
}

.EqIuBqy6cEPGUlYozAg0 {
  flex: 1;
  min-width: 0;
}

.Q4Fbc4yf123RFzkyyO4N {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: var(--space-xs);
}

.ulm4uiIqlq2aHYzOy8fA {
  font-weight: 600;
  font-size: var(--font-size-md);
  color: var(--color-primary-dark);

  color: #07485f;
  font-family: "Poppins";
  font-weight: 600;
  font-size: 12px;
}

.Ji5VN0NyEBd3wZ3etxuT {
  font-size: var(--font-size-xs);
  color: var(--color-primary);
  margin-top: 2px;

  color: #f25b22;
  font-family: "Poppins";
  font-weight: 400;
  font-size: 9px;
  font-style: italic;
}

.kNMrzgPRZgD3b4l69Ffw {
  background: var(--color-primary);
  color: white;
  font-size: 11px;
  font-weight: 700;
  padding: 2px 8px;
  border-radius: var(--radius-full);
  min-width: 20px;
  text-align: center;
}

.hShdgRjgLYggxfqijyEI {
  flex: 1;
  display: flex;
  flex-direction: column;
  background: white;
  min-height: 0;
  overflow: hidden;
}

.hF6zzlaGlBsfmmwNRuw3 .src-components-layout-ClientLayout-module__mainContent {
  padding: 0;
}
@media (max-width: 768px) {
  .hF6zzlaGlBsfmmwNRuw3 {
    flex-direction: column;
  }

  .Ub80FtyPZAMi6pFuOhzS {
    width: 100%;
    border-right: none;
    border-bottom: 1px solid #e5e5e5;
  }
}

.vtawquUfoNpxap4s4bqr {
  padding: var(--space-md);
}

.BIfxZcaSNs4XmXXAVlqI {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-lg);
}

.GJnCjxMtHNA09NKANt7H {
  display: flex;
  flex-direction: column;
  gap: var(--space-lg);
}
.pYmgkE5bo0x8s_A5RbB2 {
  color: #000000;
  font-family: "Poppins";
  font-weight: 400;
  font-size: 16px;
}

.AeT92ojiVCCpPx2D4Vi4 {
  background: var(--color-surface);
  border-radius: var(--radius-md);
  padding: var(--space-xl);
  box-shadow: var(--shadow-sm);
}

.WO6yTyfVAqbnWBYkFcMt {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: var(--space-lg);
  padding-bottom: var(--space-md);
  border-bottom: 1px solid var(--color-border);
}

.IYPuyn2toS3bxP9p3F6i {
  color: #000000;
  font-family: "Poppins";
  font-weight: 600;
  font-size: 16px;
  margin: 0;
}
.EhXOnOJLlLnoalg9PXqa {
  color: #045a8d;
  font-family: "Helvetica";
  font-weight: bold;
  font-size: 14px;
}

.zKbdhIjQX16YETV1x3Xr {
  display: flex;
  align-items: center;
  margin-bottom: var(--space-md);
  gap: var(--space-lg);
  border-bottom: 0.5px solid #929292;
  padding-bottom: var(--space-md);
}

.zKbdhIjQX16YETV1x3Xr:last-child {
  margin-bottom: 0;
  border-bottom: 0;
}

.AT1vkIE7P6gvrh1qPByq {
  flex: 0 0 250px;
  color: #000000;
  font-family: "Helvetica";
  font-weight: 400;
  font-size: 14px;
}

.nralPhGsPyVlgELdwNP9 {
  flex: 0 0 350px;
  display: flex;
  align-items: center;
  gap: var(--space-md);
}

.k9iHGrJzoMWCERrI9po7 {
  flex: 1;
  padding: 12px 16px;
  background: white;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  font-family: "Helvetica";
  font-weight: 400;
  font-size: 14px;
  color: var(--color-text-primary);
  outline: none;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.k9iHGrJzoMWCERrI9po7:focus {
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px rgba(240, 90, 34, 0.1);
}

.k9iHGrJzoMWCERrI9po7::placeholder {
  color: var(--color-text-secondary);
}

.k9iHGrJzoMWCERrI9po7:disabled {
  background: var(--color-antiflash-white);
  cursor: default;
}

.CTV3RlAr55mEaAOGHPnb {
  flex-shrink: 0;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s ease;
  color: white;
}

.X_dH3Ea0KvMibXIo1Y7L {
  background-color: var(--color-primary);
}

.X_dH3Ea0KvMibXIo1Y7L:hover {
  background-color: var(--color-rust);
  transform: scale(1.05);
}

.veF7OyZeinWrxw73nznK {
  background-color: var(--color-sapphire);
}

.veF7OyZeinWrxw73nznK:hover {
  background-color: #1e3f8a;
  transform: scale(1.05);
}

.CTV3RlAr55mEaAOGHPnb:active {
  transform: scale(0.95);
}

/* Responsive */
@media (max-width: 900px) {
  .zKbdhIjQX16YETV1x3Xr {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-sm);
  }

  .AT1vkIE7P6gvrh1qPByq {
    flex: none;
  }

  .k9iHGrJzoMWCERrI9po7 {
    width: 100%;
  }
}

.uB1vA1_OXAT89u9wLX3l {
  display: flex;
  flex-direction: column;
  gap: var(--space-2xl);
  padding: var(--space-lg);
}

.U6INVzIUKwRqmdFXfCAN {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: var(--space-md);
  padding-bottom: var(--space-lg);
  border-bottom: 1px solid var(--color-border);
}

.mrY2pJQBVWnyinjAp4i_ {
  margin: 0;
  font-size: var(--font-size-2xl);
  font-weight: 700;
  color: var(--color-text-primary);
}

.a1GITNsOkmd1whD73IKw {
  margin: 0;
  font-size: var(--font-size-sm);
  text-transform: uppercase;
  letter-spacing: 1px;
  color: var(--color-text-secondary);
}

.zESkG105AG6ksE7R7slP {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--space-lg);
}

.Fx7CW4SRhnmVfWeJr7ry {
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
  padding: var(--space-xl);
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
}

.QH6UJ4kBGQLjPsTnn3wV {
  grid-column: span 4;
}

.SyaPGfEmCijNPYEoYTiK {
  grid-column: span 8;
}

._MUCx29PBBa2QXTfxQOw {
  grid-column: 1 / -1;
}

.kIaKWCYYr3VU_n5YALyo {
  display: flex;
  flex-direction: column;
  gap: var(--space-lg);
}

.xT2e2UjAZLFPZ52D4NLv {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--space-md);

  border-bottom: 0.5px solid #6c6c6b;
  padding-bottom: var(--space-sm);
  margin-bottom: var(--space-sm);
}

.pH1ccZFIjrqbyRlFs8Jy {
  background: var(--color-sapphire);
  border-radius: var(--radius-md);
  padding: calc(var(--space-xs) * 1.5) var(--space-md);
}

.pH1ccZFIjrqbyRlFs8Jy .yhkHHYRX5CVAvkq2fVtb {
  color: white;
}

.pH1ccZFIjrqbyRlFs8Jy .QMJOAc2EMIbUkzBlGxZw {
  background: white;
  color: var(--color-sapphire);
}

.yhkHHYRX5CVAvkq2fVtb {
  font-size: var(--font-size-lg);
  font-weight: 600;
  color: var(--color-sapphire);
  text-transform: uppercase;
  letter-spacing: 0.5px;

  color: #07485f;
  font-family: "Poppins";
  font-weight: 600;
  font-size: 16px;
}

.QMJOAc2EMIbUkzBlGxZw {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 36px;
  padding: 4px 12px;
  border-radius: var(--radius-full);
  background: #cbe2f6;
  color: var(--color-sapphire);
  font-size: var(--font-size-sm);
  font-weight: 600;
}

._ZkHWuBUbI5ICYItZCtt {
  padding: 6px 10px;
  border-radius: var(--radius-sm);
  border: 1px solid var(--color-border);
  background: transparent;
  font-size: var(--font-size-xs);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease;
}

.yLPX8qvFEO_DYTYYTfOn {
  background: var(--color-sapphire);
  border-color: var(--color-sapphire);
  color: white;
}

.yLPX8qvFEO_DYTYYTfOn:hover {
  background: #1b3a70;
}

.of7oAiynw3KLThlwkdtN {
  display: flex;
  background: white;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
  overflow: hidden;
  transition: box-shadow 0.2s ease;
}

.Z1_cM5eARwPPRV_Sptip {
  background: rgba(43, 80, 170, 0.08);
  border-color: rgba(43, 80, 170, 0.5);
}

.nWncQaMGNL95pTzRYwLg {
  background: rgba(244, 208, 111, 0.35);
  border-color: rgba(244, 208, 111, 0.6);
}

.bqALLCWaNzOQ6Ff2oWmP {
  background: rgba(157, 217, 210, 0.5);
  border-color: rgba(157, 217, 210, 0.8);
}

.of7oAiynw3KLThlwkdtN:hover {
  box-shadow: var(--shadow-md);
}

.be2cOS6Y_fD5eoCJi6xx {
  flex: 0 0 140px;
  background: #f7f7f7;
  display: flex;
  align-items: center;
  justify-content: center;
}

.be2cOS6Y_fD5eoCJi6xx img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.mTViDjKfPKKSdz6H8gUi {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-text-secondary);
}

.mTViDjKfPKKSdz6H8gUi svg {
  width: 32px;
  height: 32px;
}

.nx2mTVyc6G3y6Kh2pefP {
  flex: 1;
  padding: var(--space-lg);
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
}

.ppriHH7fafJVyakTuXRh {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.aWZZ7GdS9ny_8dItvdDD {
  font-size: var(--font-size-md);
  font-weight: 700;
  color: var(--color-text-primary);
}

.lyi6HKrVgJPPkmXPdhQs {
  font-size: var(--font-size-xs);
  color: var(--color-text-secondary);
}

.dJFMwkHtfwH1m3O2Gcuj {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-md);
  margin-top: var(--space-sm);
}
.dYKnSNyX6JxkWTfO4nbF {
  grid-template-columns: unset;
}

.zOpMwlKu_8R6umg9Q_YQ {
  display: flex;
  align-items: center;
  gap: var(--space-xs);
  font-size: var(--font-size-xs);
  color: var(--color-text-secondary);
}

.zOpMwlKu_8R6umg9Q_YQ svg {
  color: var(--color-primary);
}

.HXaHPRtxMGXlQdsPAWnr {
  margin-top: auto;
  display: flex;
  gap: var(--space-sm);
  flex-wrap: wrap;
}

.wdy20Emm0Yw81zrXrLll {
  display: flex;
  align-items: center;
  gap: var(--space-xs);
  padding: 6px 12px;
  border: none;
  border-radius: var(--radius-md);
  background: var(--color-sapphire);
  color: white;
  font-size: var(--font-size-xs);
  font-weight: 600;
  cursor: pointer;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  transition: background 0.2s ease;
}

.wdy20Emm0Yw81zrXrLll:hover {
  background: #1b3a70;
}

.uhxZuJXbyBhIRFc9n1lP {
  display: grid;
  gap: var(--space-lg);
  margin-top: var(--space-sm);
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}

.R0Is3_7RpAotYUjSS0FP {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.xx2YqpYc3LEBE45de9l4 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.C9AC7iwA20rFA5iO6mbU {
  padding: var(--space-xl) 0;
  text-align: center;
  color: var(--color-text-secondary);
  font-size: var(--font-size-sm);
}

.MMHJbDXYR33JddgJ4ixi {
  overflow-x: auto;
  border: 1px solid #f3f4f6;
  border-radius: var(--radius-lg);
  background: white;
}

.YLcc4XPop6B2vzRRz2Nx {
  width: 100%;
  border-collapse: collapse;
  min-width: 640px;
}

.YLcc4XPop6B2vzRRz2Nx th,
.YLcc4XPop6B2vzRRz2Nx td {
  padding: var(--space-sm) var(--space-md);
  border-bottom: 1px solid #f3f4f6;
  text-align: left;
  font-size: var(--font-size-xs);
  color: var(--color-primary-dark);
}

.YLcc4XPop6B2vzRRz2Nx th {
  background: #f9fafb;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  font-weight: 700;
  color: var(--color-text-secondary);
  border-bottom: 1px solid #f3f4f6;
}

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

.YLcc4XPop6B2vzRRz2Nx tbody tr:hover {
  background: #fafafc;
}

.OXTs8Gra37isYAJLMflX {
  padding: 4px 10px;
  border-radius: var(--radius-sm);
  border: 1px solid var(--color-border);
  background: transparent;
  font-size: var(--font-size-xs);
  font-weight: 600;
  text-transform: uppercase;
  cursor: pointer;
  transition: background 0.2s ease;
}

.OXTs8Gra37isYAJLMflX:hover {
  background: var(--color-bg-light);
}

.ZGNVIM2qcmPdcrlV6YDG {
  padding: var(--space-sm);
  height: 100%;
}

/* Override jobsGrid for SurveyorJobsPage */
.s_AiPg9BpSSXroZgzRBy {
  grid-template-columns: unset !important;
}

.s_AiPg9BpSSXroZgzRBy .of7oAiynw3KLThlwkdtN {
  background: #dff3e4;
}
.XTrrd4heq_BUXD08pYbD .of7oAiynw3KLThlwkdtN {
  background: #f5f2e3;
}
.uLDy1sxZCi5ZIA5P2B68 .of7oAiynw3KLThlwkdtN {
  background: #f1f7fa;
}
._6nJA_7iYSJb52rB275Dv {
  margin-top: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--space-sm);
  padding-top: var(--space-sm);
}

.t4OzQCipU75uNmcijJYn {
  display: flex;
  align-items: center;
  gap: var(--space-sm);
}

.GLZ7jDQ3qipFBSUQ3w_Q {
  display: flex;
  align-items: center;
  gap: var(--space-xs);
  margin-left: auto;
}

.Ma2v3MCMcg8iNHb752rQ {
  padding: 6px 12px;
  border-radius: var(--radius-sm);
  border: 1px solid var(--color-sapphire);
  background: var(--color-sapphire);
  color: white;
  font-size: var(--font-size-xs);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  cursor: pointer;
  transition: background 0.2s ease, border-color 0.2s ease;
}

.Ma2v3MCMcg8iNHb752rQ:hover {
  background: #1b3a70;
  border-color: #1b3a70;
}

._fKWLt9gOEtVTWsEKYG4 {
  padding: 6px 12px;
  border-radius: var(--radius-sm);
  border: 1px solid var(--color-border);
  background: #e61610;
  color: white;
  font-size: var(--font-size-xs);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

._fKWLt9gOEtVTWsEKYG4:hover {
  background: var(--color-bg-light);
  color: var(--color-rust);
  border-color: var(--color-rust);
}

.s_AiPg9BpSSXroZgzRBy .wdy20Emm0Yw81zrXrLll {
  background: #87b6a7;
  color: #476a5e;
}
.XTrrd4heq_BUXD08pYbD .wdy20Emm0Yw81zrXrLll {
  color: #ae4222;
  background: #ebe7d5;
}
.uLDy1sxZCi5ZIA5P2B68 .wdy20Emm0Yw81zrXrLll {
  color: #ae4222;
  background: #d3e5ee;
}
.XTrrd4heq_BUXD08pYbD .wdy20Emm0Yw81zrXrLll svg,
.uLDy1sxZCi5ZIA5P2B68 .wdy20Emm0Yw81zrXrLll svg {
  fill: #ae4222;
  color: #ae4222;
}
.K5wGRwoI_Ezdz9D3TwLJ {
  border: 1px solid #f25b22;
  background: transparent;
  color: #f25b22;
  border-radius: 5px;
}

@media (max-width: 1024px) {
  .zESkG105AG6ksE7R7slP {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .QH6UJ4kBGQLjPsTnn3wV,
  .SyaPGfEmCijNPYEoYTiK,
  ._MUCx29PBBa2QXTfxQOw {
    grid-column: 1 / -1;
  }

  .Fx7CW4SRhnmVfWeJr7ry {
    padding: var(--space-lg);
  }

  .of7oAiynw3KLThlwkdtN {
    flex-direction: column;
  }

  .be2cOS6Y_fD5eoCJi6xx {
    flex: none;
    height: 160px;
  }

  .R0Is3_7RpAotYUjSS0FP {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .xx2YqpYc3LEBE45de9l4 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
}

.ifzJiD4_9objcduvNWAu {
  background: white;
  border-radius: var(--radius-lg);
}

.WYEiYwc6JUcOUy7_4Xww {
  padding: var(--space-xl) var(--space-xl) var(--space-lg);
  border-bottom: 1px solid #e0e0e0;
}

.KrOlVe4GEN_RDhP3dVWR {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: var(--space-lg);
}

.LFyb6_RyBtrapzOkc4AQ {
  margin: 0 0 var(--space-xs) 0;
  color: #07485f;
  font-family: "Poppins";
  font-weight: 600;
  font-size: 16px;
}

.eNbRgjAo9HjTDt_qJNUw {
  margin: 0;
  color: #07485f;
  font-family: "Poppins";
  font-weight: 600;
  font-size: 16px;
}

.wMZwfpicVZSiyfn9zmgj {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: var(--space-xs);
}
.wMZwfpicVZSiyfn9zmgj span {
  color: #f25b22;
  font-family: "Poppins";
  font-weight: 600;
  font-size: 16px;
}

.bhucHIxDuHg5ruhWN7R9 {
  display: flex;
  align-items: center;
  gap: var(--space-xs);
  padding: var(--space-sm) var(--space-lg);
  background: #2d728f;
  border: none;
  border-radius: 10px;
  color: #ffffff;
  font-family: "Helvetica";
  font-weight: 400;
  cursor: pointer;
  white-space: nowrap;
  transition: background 0.2s;
}

.bhucHIxDuHg5ruhWN7R9:hover {
  background: #234089;
}

.zfoxcD73UktYHUvcRBmt {
  padding: var(--space-xl);
  display: flex;
  flex-direction: column;
  gap: var(--space-xl);
}

.VXkVVFYi0t3DZLvlzFjT {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.He57tDMaPMEu0JpHWe7Y {
  width: 100%;
  display: flex;
  flex-direction: column;
}

/* Two-column layout for larger screens */
@media (min-width: 768px) {
  .zfoxcD73UktYHUvcRBmt {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--space-2xl);
  }

  .VXkVVFYi0t3DZLvlzFjT {
    flex: 0 0 calc(50% - var(--space-xl));
    min-width: 0;
  }

  .He57tDMaPMEu0JpHWe7Y {
    flex: 0 0 calc(50% - var(--space-xl));
    min-width: 0;
  }

  /* Document sections span full width */
  .zfoxcD73UktYHUvcRBmt > .yVCSGvN2aHSrHxcwM3u2 {
    flex: 0 0 100%;
  }
}

.yVCSGvN2aHSrHxcwM3u2 {
  margin-bottom: var(--space-xl);
}

.yVCSGvN2aHSrHxcwM3u2:last-child {
  margin-bottom: 0;
}

.o5WIcHsbKpd9YQFeryOa {
  display: block;
  margin-bottom: var(--space-sm);
  color: #0e4b5e;
  font-family: "Helvetica";
  font-weight: 400;
  font-size: 14px;
}

.fnwr8UyY3MWjJJ4nl7Lp {
  width: 100%;
  padding: var(--space-md);
  background: #ffffff;
  border: 0.5px solid #232323;
  border-radius: 5px;
  color: #6c6c6b;
  font-family: "Helvetica";
  font-weight: inherit;
  font-size: 12px;
  height: 100%;
  resize: vertical;
  line-height: 1.6;
}

.fnwr8UyY3MWjJJ4nl7Lp:focus {
  outline: none;
  border-color: var(--color-sapphire);
}

.fnwr8UyY3MWjJJ4nl7Lp::placeholder {
  color: #999;
}

.IkCMYC9ba247KSrGsan3 {
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
  margin-bottom: var(--space-xl);
}

.nwXKUtZ8ijzlHc4_XWzo {
  display: flex;
  align-items: center;
  gap: var(--space-md);
  color: var(--color-primary);
}

.nwXKUtZ8ijzlHc4_XWzo svg {
  flex-shrink: 0;
  stroke: var(--color-primary);
}

.IFKaepFMMBwAVOHuDTMU {
  margin-right: var(--space-xs);
  color: #0e4b5e;
  font-family: "Helvetica";
  font-weight: 400;
  font-size: 12px;
}

.J3Zi_27aqTaM9fSqhYkd {
  color: #0e4b5e;
  font-family: "Helvetica";
  font-weight: bold;
  font-size: 12px;
}

.rh5FNHPBMt15nrHmkcHG {
  margin: 0 0 var(--space-lg) 0;
  color: #004960;
  font-family: "Poppins";
  font-weight: 500;
  font-size: 16px;
}

.d1me4mzEZduEIFoZeNZg {
  margin: 0 0 var(--space-lg) 0;
  color: #f25b22;
  font-family: "Poppins";
  font-weight: 500;
  font-size: 16px;
}

.SpsxRTMzn9rrBapleOz7 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--space-md) 0;
  border-bottom: 1px solid #e8e8e8;
}

.SpsxRTMzn9rrBapleOz7:last-child {
  border-bottom: none;
}

.K7xuL4XBiybOE78zeS90 {
  color: #6c6c6b;
  font-family: "Poppins";
  font-weight: 500;
  font-size: 14px;
}

.O5wKox8WIPxcKuzZo5m8 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: var(--space-md);
  width: 140px;
  flex-shrink: 0;
}

.tFkoeKtr7WUadiiBdfT3 {
  display: flex;
  align-items: center;
  gap: var(--space-xs);
  padding: var(--space-xs) var(--space-md);
  background: #dff3e4;
  border-radius: var(--radius-md);
  color: #074879;
  font-family: "Poppins";
  font-weight: 600;
  font-size: 9px;
}

.tFkoeKtr7WUadiiBdfT3 svg {
  flex-shrink: 0;
  stroke: var(--color-primary-dark);
}

.slUt_hqiNMVTqAslmjtR {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background: white;
  border: 0;
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: all 0.2s;
}

.slUt_hqiNMVTqAslmjtR:hover {
  background: #f5f5f5;
  border-color: var(--color-sapphire);
}

.slUt_hqiNMVTqAslmjtR svg {
  stroke: var(--color-primary-dark);
}

.Pp9g22vbpGi9naQWWe6w {
  display: flex;
  align-items: center;
  gap: var(--space-xs);
  padding: var(--space-xs) var(--space-lg);
  background: #ebebeb;
  border: none;
  border-radius: var(--radius-md);
  color: #6c6c6b;
  font-family: "Poppins";
  font-weight: 600;
  font-size: 9px;
  cursor: pointer;
  transition: background 0.2s;
}

.Pp9g22vbpGi9naQWWe6w:hover {
  background: #909090;
}

.Pp9g22vbpGi9naQWWe6w svg {
  flex-shrink: 0;
  stroke: #6c6c6b;
}

.R5AHPVeY4IoJSyyB0aOa {
  padding: var(--space-xs) var(--space-sm);
  background: #f25b22;
  color: #ffffff;
  border-radius: 5px;
  font-family: "Figtree";
  font-weight: 500;
  font-size: 7px;
  flex-shrink: 0;
}
.bImzB7HuQxCHu2hwHmXu {
  /* width: 80px; */
}

/* Responsive */
@media (max-width: 768px) {
  .KrOlVe4GEN_RDhP3dVWR {
    flex-direction: column;
    gap: var(--space-md);
  }

  .wMZwfpicVZSiyfn9zmgj {
    width: 100%;
    flex-direction: column;
    align-items: stretch;
  }

  .bhucHIxDuHg5ruhWN7R9 {
    justify-content: center;
  }

  .IkCMYC9ba247KSrGsan3 {
    flex-direction: column;
    gap: var(--space-md);
  }

  .SpsxRTMzn9rrBapleOz7 {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-sm);
  }

  .O5wKox8WIPxcKuzZo5m8 {
    width: 100%;
    justify-content: space-between;
  }
}

.nm_OyXhSkZG0L0RCVf8N {
  min-height: 100vh;
  background: #f5f5f5;
  padding-bottom: 100px;
}

.gp1IWnvYBDk2QcgrcBbj {
  display: flex;
  align-items: center;
  gap: var(--space-lg);
  padding: var(--space-lg) var(--space-xl);
  background: white;
  border-bottom: 1px solid #e0e0e0;
  position: sticky;
  top: 0;
  z-index: 100;
}

.T3NuQLJGLkG6RDdY8uDn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background: transparent;
  border: none;
  cursor: pointer;
  color: var(--color-primary-dark);
  transition: background 0.2s;
  border-radius: var(--radius-md);
}

.T3NuQLJGLkG6RDdY8uDn:hover {
  background: #f0f0f0;
}

.pMuHT0Y44IrBhHmpeR1H {
  flex: 1;
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  color: var(--color-primary-dark);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.m_64MDZQk8xiAVRoVdEp {
  display: flex;
  gap: var(--space-md);
}

.OdBBCyHKDnrOMOtE8t1I,
.pyPhU3YYYjIBTok08flQ {
  display: flex;
  align-items: center;
  gap: var(--space-xs);
  padding: var(--space-sm) var(--space-lg);
  border: none;
  border-radius: var(--radius-md);
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
  white-space: nowrap;
}

.OdBBCyHKDnrOMOtE8t1I {
  background: var(--color-primary);
  color: white;
}

.OdBBCyHKDnrOMOtE8t1I:hover {
  background: #d04a1a;
}

.pyPhU3YYYjIBTok08flQ {
  background: var(--color-sapphire);
  color: white;
}

.pyPhU3YYYjIBTok08flQ:hover {
  background: #234089;
}

.NJ5ynrS2_srMvLAkJBEQ {
  max-width: 1200px;
  margin: 0 auto;
  padding: var(--space-xl);
  background: white;
  min-height: calc(100vh - 200px);
}

.vwJGfGsgr1vohLmSWWTA {
  margin-bottom: var(--space-xl);
}

.Flj6WqF2BS1nk1XhIa4z {
  display: flex;
  align-items: center;
  gap: var(--space-lg);
}

.o5zRATqHUGrPNcQvYMO1 {
  display: flex;
  align-items: center;
  gap: var(--space-md);
}

.mNr60gI45hY7dbpSQ30W {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  border: 4px solid var(--color-primary-dark);
  display: flex;
  align-items: center;
  justify-content: center;
  background: white;
}

.yknecqjpo1BHAJ_FB2DT {
  font-size: 32px;
  font-weight: 700;
  color: var(--color-primary-dark);
}

.pvWDgV7kidna1npg5rMw {
  font-size: 36px;
  font-weight: 700;
  color: var(--color-primary-dark);
}

.k8D81zs7PMj4VMvv7duk {
  text-align: center;
  margin: var(--space-2xl) 0;
  padding: var(--space-xl) 0;
  border-top: 2px solid #e0e0e0;
  border-bottom: 2px solid #e0e0e0;
}

.LCPi0J9t_5cE3oqu6_BD {
  font-size: 12px;
  color: #666;
  margin: 0 0 var(--space-md) 0;
  line-height: 1.6;
}

.dD45Upduo75f4Y49GtOb {
  font-size: 18px;
  font-weight: 700;
  color: var(--color-primary-dark);
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.YIbhUl3Kez5iLxgXLnL6 {
  margin-bottom: var(--space-xl);
}

.k9pXLeZTVD7WTnAbVdWp {
  font-size: 16px;
  font-weight: 700;
  color: var(--color-primary-dark);
  margin: 0 0 var(--space-lg) 0;
}

.Jq2RphwVRNE7seUt9Itc {
  font-weight: 400;
  font-style: italic;
  color: #666;
}

.RRFo7OPNfRJFaZSBbWUo {
  font-size: 16px;
  font-weight: 700;
  color: var(--color-primary-dark);
  margin: 0;
}

.MipQu6J1OLNN7HFkF59O {
  margin: var(--space-xl) 0;
  padding: var(--space-lg) 0;
}

.waMUxbqd6gdYudX4EywA {
  font-size: 14px;
  color: #666;
  margin: var(--space-sm) 0;
  line-height: 1.6;
}

.lkeCavzzQv_imI_dLsW5 {
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
  margin-bottom: var(--space-xl);
}

.Z6WYJbkdlb58Qz6sie73 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-lg);
  align-items: start;
}

.vF1Aak1WM0teEHLaG7tJ {
  display: flex;
  flex-direction: column;
  gap: var(--space-xs);
}

.FI814F0CCjnsiREyLdrY {
  display: flex;
  flex-direction: column;
  gap: var(--space-xs);
  grid-column: 1 / -1;
}

.vF1Aak1WM0teEHLaG7tJ label,
.FI814F0CCjnsiREyLdrY label {
  font-size: 14px;
  font-weight: 600;
  color: var(--color-primary-dark);
}

.UUGA_LBbXeFBHLWNi8CW {
  padding: var(--space-sm) var(--space-md);
  background: #e8e8e8;
  border-radius: var(--radius-sm);
  font-size: 14px;
  color: var(--color-primary-dark);
  min-height: 36px;
  display: flex;
  align-items: center;
}

.vbhifb_iTxehSwcfAGBV {
  margin: var(--space-xl) 0;
  padding: var(--space-lg);
  background: #f9f9f9;
  border-radius: var(--radius-md);
}

.rKG6hvcOOiFuGyVR96cA {
  display: flex;
  align-items: flex-start;
  gap: var(--space-sm);
  margin-bottom: var(--space-md);
}

.rKG6hvcOOiFuGyVR96cA input[type="checkbox"] {
  margin-top: 4px;
  width: 18px;
  height: 18px;
  cursor: pointer;
}

.rKG6hvcOOiFuGyVR96cA label {
  font-size: 14px;
  color: var(--color-primary-dark);
  line-height: 1.6;
  cursor: pointer;
}

.D9O2w0EvQZ1p755h_0lm {
  font-size: 14px;
  color: #666;
  font-style: italic;
  margin: 0;
  line-height: 1.6;
}

.TUxV4QyO3dwqCOwuuCpo {
  margin: var(--space-md) 0;
}

.G4Mi_OIXxWw0a8c8XnRy {
  margin-top: var(--space-2xl);
  padding: var(--space-lg);
  border: 1px solid #e0e0e0;
  border-radius: var(--radius-md);
  background: #fafafa;
}

.G4Mi_OIXxWw0a8c8XnRy p {
  font-size: 13px;
  color: #666;
  margin: 0;
  line-height: 1.6;
}

.GigYLedCXjWheyidMTMT {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: white;
  border-top: 1px solid #e0e0e0;
  padding: var(--space-lg) var(--space-xl);
  display: flex;
  align-items: center;
  gap: var(--space-lg);
  box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.05);
  z-index: 100;
}

.Wqup1S4ecWYLgkLvybg9 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background: transparent;
  border: none;
  cursor: pointer;
  color: var(--color-primary-dark);
  transition: background 0.2s;
  border-radius: var(--radius-md);
}

.Wqup1S4ecWYLgkLvybg9:hover {
  background: #f0f0f0;
}

.eIhGM0shixGnd9CtxoFB {
  flex: 1;
  display: flex;
  justify-content: center;
  gap: var(--space-md);
}

.Ki9rMOj7VIZO4mV6iDHB,
.egKyd9e03vy0v8fqtxex,
.HDKySs0w8E4WGX7BKxAF {
  display: flex;
  align-items: center;
  gap: var(--space-xs);
  padding: var(--space-sm) var(--space-xl);
  border: none;
  border-radius: var(--radius-md);
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
  white-space: nowrap;
}

.Ki9rMOj7VIZO4mV6iDHB {
  background: var(--color-primary);
  color: white;
}

.Ki9rMOj7VIZO4mV6iDHB:hover {
  background: #d04a1a;
}

.egKyd9e03vy0v8fqtxex {
  background: var(--color-sapphire);
  color: white;
}

.egKyd9e03vy0v8fqtxex:hover {
  background: #234089;
}

.HDKySs0w8E4WGX7BKxAF {
  background: var(--color-tiffany-blue);
  color: white;
}

.HDKySs0w8E4WGX7BKxAF:hover {
  background: #7dc7c0;
}

/* Print styles */
@media print {
  .gp1IWnvYBDk2QcgrcBbj,
  .GigYLedCXjWheyidMTMT {
    display: none;
  }

  .nm_OyXhSkZG0L0RCVf8N {
    background: white;
    padding: 0;
  }

  .NJ5ynrS2_srMvLAkJBEQ {
    padding: 0;
    box-shadow: none;
  }
}

/* Responsive */
@media (max-width: 768px) {
  .gp1IWnvYBDk2QcgrcBbj {
    flex-wrap: wrap;
    padding: var(--space-md);
  }

  .pMuHT0Y44IrBhHmpeR1H {
    font-size: 14px;
    width: 100%;
    order: -1;
    margin-bottom: var(--space-sm);
  }

  .m_64MDZQk8xiAVRoVdEp {
    width: 100%;
    justify-content: flex-end;
  }

  .NJ5ynrS2_srMvLAkJBEQ {
    padding: var(--space-md);
  }

  .pvWDgV7kidna1npg5rMw {
    font-size: 24px;
  }

  .mNr60gI45hY7dbpSQ30W {
    width: 60px;
    height: 60px;
  }

  .yknecqjpo1BHAJ_FB2DT {
    font-size: 24px;
  }

  .Z6WYJbkdlb58Qz6sie73 {
    grid-template-columns: 1fr;
  }

  .GigYLedCXjWheyidMTMT {
    flex-direction: column;
    gap: var(--space-md);
    padding: var(--space-md);
  }

  .eIhGM0shixGnd9CtxoFB {
    width: 100%;
    flex-direction: column;
  }

  .Ki9rMOj7VIZO4mV6iDHB,
  .egKyd9e03vy0v8fqtxex,
  .HDKySs0w8E4WGX7BKxAF {
    width: 100%;
    justify-content: center;
  }
}


.Zzyy19BuQcNBlnMa47Vw {
  display: flex;
  height: calc(100vh - 140px);
  background: var(--color-antiflash-white);
  overflow: hidden;
}

.oJNdFJPupP8TDf0CmiSh {
  width: 380px;
  background: #ebebeb;
  border-right: 1px solid #e5e5e5;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.yXEw_NR3SHLPKnydfjMM {
  padding: var(--space-lg);
  border-bottom: 1px solid #e5e5e5;
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
}

.d2E7Rl9u0gxIo_YZj0U3 {
  width: fit-content;
  background: var(--color-primary);
  color: white;
  border: none;
  padding: var(--space-sm) var(--space-md);
  border-radius: var(--radius-md);
  font-size: var(--font-size-sm);
  font-weight: 600;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-sm);
  transition: background 0.2s;
  margin-left: auto;
}

.d2E7Rl9u0gxIo_YZj0U3:hover {
  background: var(--color-rust);
}

.o45tWazS6RVkZNa8ypq7 {
  flex: 1;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  min-height: 0;
}

.Ccec8uVTTVcmJpUe0XrR {
  padding: var(--space-md) var(--space-lg);
  font-size: var(--font-size-sm);
  color: #6b7280;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;

  color: #606060;
  font-family: "Poppins";
  font-weight: 600;
  font-size: 12px;
}

.av09x2Wmp70pPDPTS0k6 {
  padding: var(--space-md) var(--space-lg);
  border-bottom: 1px solid #f3f4f6;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: var(--space-md);
  transition: background 0.2s;
}

.av09x2Wmp70pPDPTS0k6:hover {
  background: #f9fafb;
}

.owT35y75louHhyRkfx_t {
  background: #fef5f2;
  border-left: 3px solid var(--color-primary);
}

.iL8qJOn9xn8RXo493dqu {
  width: 48px;
  height: 48px;
  border-radius: var(--radius-full);
  background: var(--color-primary-dark);
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-weight: 600;
  position: relative;
  flex-shrink: 0;
}

.BaCw3WxtLvdFlJko9uip {
  width: 100%;
  height: 100%;
  border-radius: var(--radius-full);
  object-fit: cover;
}

.mut2UmacaXz73qC4aLg7 {
  position: absolute;
  bottom: -2px;
  right: -2px;
  width: 18px;
  height: 18px;
  background: #3b82f6;
  border-radius: var(--radius-full);
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid white;
}

.tqyGdKQheawMil4HJp7w {
  width: 10px;
  height: 10px;
  color: white;
}

.rUKpc9yKSXniYDAKkY4T {
  flex: 1;
  min-width: 0;
}

.Wy6KVfWC3d700Oie3hXx {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: var(--space-xs);
}

.KOO9iSWbPdQpG8583Rsr {
  font-weight: 600;
  font-size: var(--font-size-md);
  color: var(--color-primary-dark);

  color: #07485f;
  font-family: "Poppins";
  font-weight: 600;
  font-size: 12px;
}

.zvZpDcF3lot7NvX_F9jE {
  font-size: var(--font-size-xs);
  color: var(--color-primary);
  margin-top: 2px;

  color: #f25b22;
  font-family: "Poppins";
  font-weight: 400;
  font-size: 9px;
  font-style: italic;
}

.XA3yOubzjJx0bJ8hnN1C {
  background: var(--color-primary);
  color: white;
  font-size: 11px;
  font-weight: 700;
  padding: 2px 8px;
  border-radius: var(--radius-full);
  min-width: 20px;
  text-align: center;
}

.gnPRWid6e2yw1hWqV8DQ {
  flex: 1;
  display: flex;
  flex-direction: column;
  background: white;
  min-height: 0;
  overflow: hidden;
}

.Zzyy19BuQcNBlnMa47Vw .src-components-layout-ClientLayout-module__mainContent {
  padding: 0;
}

@media (max-width: 768px) {
  .Zzyy19BuQcNBlnMa47Vw {
    flex-direction: column;
  }

  .oJNdFJPupP8TDf0CmiSh {
    width: 100%;
    border-right: none;
    border-bottom: 1px solid #e5e5e5;
  }
}



















.koNv09UR_yPMdEgdzfGj {
  display: flex;
  flex-direction: column;
  gap: var(--space-lg);
  padding: var(--space-lg);
  max-width: 100%;
  background: var(--color-background);
  min-height: 100vh;
}

/* Loading State */
.U2YGhcmBxBieBwzREsqx {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 60vh;
  gap: var(--space-md);
  color: var(--color-text-secondary);
  font-family: var(--font-secondary);
  font-size: 14px;
}

.wzeUP8M2OcQyf_ts5ScK {
  width: 40px;
  height: 40px;
  border: 3px solid #f3f3f3;
  border-top: 3px solid var(--color-primary);
  border-radius: 50%;
  animation: v5DrDlLlACSnJ0pV_BsA 1s linear infinite;
}

@keyframes v5DrDlLlACSnJ0pV_BsA {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* Error Banner */
.wYAopV8K_RR7lYPC72Pb {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-md);
  padding: var(--space-md);
  background: #fef2f2;
  border: 1px solid #fecaca;
  border-radius: var(--radius-md);
  color: #991b1b;
}

.wYAopV8K_RR7lYPC72Pb p {
  margin: 0;
  font-family: var(--font-secondary);
  font-size: 14px;
}

.wYAopV8K_RR7lYPC72Pb button {
  padding: var(--space-xs) var(--space-md);
  background: #991b1b;
  color: white;
  border: none;
  border-radius: var(--radius-sm);
  font-family: var(--font-primary);
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s ease;
}

.wYAopV8K_RR7lYPC72Pb button:hover {
  background: #7f1d1d;
}

/* Section Styles */
.litVUnshhIiqRyhivh_m {
  display: flex;
  flex-direction: column;
  gap: var(--space-md);

  padding: 16px;
  box-shadow: 0px 4px 4px #00000040;
  background: #ffffff;
  border-radius: 8px;
}

.rIjIO__2hFh8dptuZ5OE {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--space-md) 0;
  background: transparent;
  border: none;
  cursor: pointer;
  width: 100%;
}

.uHG79pf45FsT9SGdGery {
  font-family: var(--font-primary);
  font-size: 22px;
  font-weight: 700;
  color: #07485f;
  margin: 0;
}

.H4oDh3OPB9dt4Zdkgttp {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #07485f;
  transition: transform 0.3s ease;
}

.aoDhB777PC103dgSAKvl {
  transform: rotate(180deg);
}

/* Jobs List */
.Q5I1axha4eGxngeHu4pc {
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
}

/* Job Card Wrapper (contains card + inline details) */
.wfcFYucg45cB95zHRj3R {
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
}

/* Job Card */
.hZH1k2g7nlS_fhmpn543 {
  border-radius: var(--radius-lg);
  padding: var(--space-lg);
  box-shadow: 0px 1px 1px #00000040;
  background: #f5f2e3;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
}

.wdKqft6cqVZcS6i59azQ {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: var(--space-xs);
}

.pHqjWdoLPP58OU92KIb8 {
  background: #2b9c9c;
  color: white;
  padding: 4px 12px;
  border-radius: var(--radius-sm);
  font-family: var(--font-primary);
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.VWyw6f_cA2SOS7oXF_fu {
  background: var(--color-primary);
  color: white;
  padding: 4px 12px;
  border-radius: var(--radius-sm);
  font-family: var(--font-primary);
  font-size: 11px;
  font-weight: 600;
}

.eTxOkpSCC1lzTUqyOQMj {
  font-family: var(--font-primary);
  font-size: 20px;
  font-weight: 700;
  color: #1b1618;
  margin: 0;

  color: #07485f;
  font-family: "Helvetica";
  font-weight: bold;
}

/* Job Details */
.iS48mo3Uw7ebLJDmvM1H {
  display: flex;
  flex-direction: column;
  gap: var(--space-xs);
}

.lrG6LtHmKFc6rUZUXhpg {
  display: flex;
  align-items: center;
  gap: var(--space-sm);
  font-family: var(--font-primary);
  font-size: 14px;
  color: #1b1618;
  font-weight: 500;

  color: #0e4b5e;
  font-family: "Helvetica";
  font-weight: 400;
}

.lrG6LtHmKFc6rUZUXhpg svg {
  color: var(--color-primary);
  flex-shrink: 0;
}

/* Job Description */
.N9nqPkYTs2ESoP3wvSZx {
  font-family: var(--font-secondary);
  font-size: 11px;
  line-height: 1.6;
  color: #1b1618;
  margin: 0;
  opacity: 0.9;

  color: #6c6c6b;
  font-family: "Helvetica";
  font-weight: 400;
}

/* Job Actions */
.FLn5IuGCSzGDGfcDan4b {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: var(--space-sm);
  margin-top: var(--space-xs);
}

.FLn5IuGCSzGDGfcDan4b button {
  padding: var(--space-sm) var(--space-md);
  border-radius: var(--radius-sm);
  font-family: var(--font-primary);
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  cursor: pointer;
  transition: all 0.2s ease;
  border: none;
  letter-spacing: 0.5px;
}

.ajP1P_QGuu1_iQTAIVuc {
  background: transparent;
  color: #07485f;
  border: 1px solid #07485f;

  color: #2d728f;
  font-family: "Poppins";
  font-weight: 500;
}

.ajP1P_QGuu1_iQTAIVuc:hover {
  background: #07485f;
  color: white;
}

.ajP1P_QGuu1_iQTAIVuc:active {
  transform: scale(0.98);
}

.TYbCLSTBhFBa1pzD6Fh2 {
  background: transparent;
  color: #07485f;
  font-family: "Poppins";
  font-weight: 600;
}

.TYbCLSTBhFBa1pzD6Fh2:hover {
  background: #053545;
}

.TYbCLSTBhFBa1pzD6Fh2:active {
  transform: scale(0.98);
}

.uZtERPmQvwTkVHA7fvsc {
  background: transparent;

  color: #e61610;
  font-family: "Poppins";
  font-weight: 600;
}

.uZtERPmQvwTkVHA7fvsc:hover {
  background: #ae4222;
  color: white;
}

.uZtERPmQvwTkVHA7fvsc:active {
  transform: scale(0.98);
}

/* Disabled states */
.FLn5IuGCSzGDGfcDan4b button:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none;
}

.FLn5IuGCSzGDGfcDan4b button:disabled:hover {
  transform: none;
}

/* My Jobs List */
.khDBm4UWkMMYfiTr4ErK {
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
}

/* My Job Card - Adapted from Client Jobs */
.iswyPBjsUSRpomTnyX8Z {
  display: flex;
  flex-direction: column;
  background: white;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
  overflow: hidden;
  transition: box-shadow 0.2s ease;
}

.iswyPBjsUSRpomTnyX8Z:hover {
  box-shadow: var(--shadow-md);
}

.fIabSOOArg54wWOe2_2E {
  width: 100%;
  height: 180px;
  background: #f7f7f7;
  display: flex;
  align-items: center;
  justify-content: center;
}

.fIabSOOArg54wWOe2_2E img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.SBVXix7p6iofVLooUv2b {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-text-secondary);
}

.SBVXix7p6iofVLooUv2b svg {
  width: 40px;
  height: 40px;
}

.IxXnBMB3czR57EhGTQFc {
  padding: var(--space-md);
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
}

.yGWOeTjeAZjnX2Za8J_A {
  display: flex;
  flex-direction: column;
  gap: var(--space-xs);
}

.RrmXeUKzk0_fbVZUvKqh {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-sm);
}

.K9KghR2t7eT_xssTP1P4 {
  font-family: var(--font-primary);
  font-size: 16px;
  font-weight: 700;
  color: var(--color-text-primary);
}

.F5PDzFaOIM32Fxy7PaVm {
  padding: 4px 10px;
  border-radius: var(--radius-sm);
  background: #2b9c9c;
  color: white;
  font-family: var(--font-primary);
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  white-space: nowrap;
}

._dq3SBwk87p7o4sAe9Gq {
  font-family: var(--font-secondary);
  font-size: 13px;
  color: var(--color-text-secondary);
}

.fmgM5DaY0ncv_S1jIHLg {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--space-sm);
}

.Gt2G1Qti1jKrnAquPQxN {
  display: flex;
  align-items: center;
  gap: var(--space-xs);
  font-family: var(--font-secondary);
  font-size: 12px;
  color: var(--color-text-secondary);
}

.Gt2G1Qti1jKrnAquPQxN svg {
  color: var(--color-primary);
  flex-shrink: 0;
}

.yfaKI28rEI_pQ1UmCwNS {
  display: flex;
  gap: var(--space-sm);
}

.uoC1Hc08jQCWTYPEFbjQ {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-xs);
  padding: var(--space-sm) var(--space-md);
  border: none;
  border-radius: var(--radius-sm);
  background: #07485f;
  color: white;
  font-family: var(--font-primary);
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  transition: all 0.2s ease;

  color: #074879;
  background: #ebe7d5;
  font-weight: 500;
}

.uoC1Hc08jQCWTYPEFbjQ:hover {
  background: #053545;
}

.uoC1Hc08jQCWTYPEFbjQ:active {
  transform: scale(0.98);
}

.uoC1Hc08jQCWTYPEFbjQ svg {
  flex-shrink: 0;
}

.ijuzEWNBmyGlbNWlL_dH {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-xs);
  padding: var(--space-sm) var(--space-md);
  border-radius: var(--radius-sm);
  border: 1px solid var(--color-border);
  background: transparent;
  font-family: var(--font-primary);
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: var(--color-text-secondary);
  cursor: pointer;
  transition: all 0.2s ease;

  color: #f25b22;
  border-color: #f25b22;
  font-weight: 500;
}

.ijuzEWNBmyGlbNWlL_dH:hover {
  background: #f5f5f5;
  border-color: #ae4222;
  color: #ae4222;
}

.ijuzEWNBmyGlbNWlL_dH:active {
  transform: scale(0.98);
}

.QrWsDA1EcVb3gUEwvZ6b {
  padding: var(--space-xl) 0;
  text-align: center;
}

.SqtEKvxYVD6enYiAjOvQ {
  font-family: var(--font-secondary);
  font-size: 14px;
  color: var(--color-text-secondary);
  margin: 0;
}

/* Mobile Optimizations */
@media (max-width: 480px) {
  .koNv09UR_yPMdEgdzfGj {
    padding: var(--space-sm);
  }

  .uHG79pf45FsT9SGdGery {
    font-size: 20px;
  }

  .hZH1k2g7nlS_fhmpn543 {
    padding: var(--space-md);
  }

  .eTxOkpSCC1lzTUqyOQMj {
    font-size: 18px;
  }

  .lrG6LtHmKFc6rUZUXhpg {
    font-size: 13px;
  }

  .N9nqPkYTs2ESoP3wvSZx {
    font-size: 12px;
  }

  .FLn5IuGCSzGDGfcDan4b {
    gap: var(--space-xs);
  }

  .FLn5IuGCSzGDGfcDan4b button {
    padding: var(--space-xs) var(--space-sm);
    font-size: 11px;
  }

  .fIabSOOArg54wWOe2_2E {
    height: 160px;
  }

  .IxXnBMB3czR57EhGTQFc {
    padding: var(--space-sm);
  }

  .K9KghR2t7eT_xssTP1P4 {
    font-size: 15px;
  }

  .F5PDzFaOIM32Fxy7PaVm {
    font-size: 9px;
    padding: 3px 8px;
  }

  .uoC1Hc08jQCWTYPEFbjQ {
    font-size: 12px;
    padding: var(--space-xs) var(--space-sm);
  }
}

/* Ensure mobile-first layout */
@media (min-width: 768px) {
  .koNv09UR_yPMdEgdzfGj {
    max-width: 600px;
    margin: 0 auto;
  }

  .iswyPBjsUSRpomTnyX8Z {
    flex-direction: row;
  }

  .fIabSOOArg54wWOe2_2E {
    flex: 0 0 200px;
    height: auto;
  }

  .IxXnBMB3czR57EhGTQFc {
    flex: 1;
  }
}

/* Details Section (inline, not modal) */
.Rer3AQLghGqaByRTkcle {
  width: 100%;
  margin-top: var(--space-md);
  animation: N5XiuQ27T0obnRyxNH21 0.3s ease-out;
}

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

/* Details Container */
.OGe5zfb4YRl44f3KmR7q {
  background: white;
  border-radius: var(--radius-lg);
  width: 100%;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.07);
  border: 1px solid var(--color-border);
  position: relative;
  padding: var(--space-lg);
}

/* Header */
.FWSpU_5VT4SLRgrDwrL7 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: var(--space-xl);
  padding-bottom: var(--space-md);
  border-bottom: 1px solid var(--color-border);
}

.sqhTVmyHytp5q1H6n6zM {
  font-family: var(--font-primary);
  font-size: 24px;
  font-weight: 700;
  color: #07485f;
  margin: 0;
  flex: 1;
}

.RHkekiByzqGMLTUCeRmI {
  background: none;
  border: none;
  cursor: pointer;
  padding: var(--space-xs);
  color: #07485f;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.2s ease;
  border-radius: var(--radius-sm);
}

.RHkekiByzqGMLTUCeRmI:hover {
  background: var(--color-bg-light);
  color: var(--color-text-primary);
}

/* Content Grid */
.ocidpBsPjiw7As7qMb0l {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-xl);
  margin-bottom: var(--space-xl);
}

.WfHIoBYoJtdQ4UbT0fOU,
.VYySleXwwGXuE1ufdFEm {
  display: flex;
  flex-direction: column;
  gap: var(--space-lg);
}

/* Form Fields */
.gX4bomBYIpux0lasrqq4 {
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
}

.hsSqtZbBb6SMTSvXBPZ5 {
  display: flex;
  flex-direction: column;
  gap: var(--space-xs);
}

.h0HbQojXeCRTa2n14cpu {
  font-family: var(--font-primary);
  font-size: 16px;
  font-weight: 600;
  color: #07485f;
}

.C9qwkoBWJaAQW_ZHxNVx {
  display: flex;
  align-items: center;
  gap: var(--space-sm);
  color: var(--color-primary);
}

.C9qwkoBWJaAQW_ZHxNVx .h0HbQojXeCRTa2n14cpu {
  color: #07485f;
  font-size: 14px;
}

.R9_DP8Y11HT2hNaKnJji {
  width: 100%;
  padding: var(--space-md);
  border: 1px solid #cecccc;
  border-radius: var(--radius-md);
  font-family: var(--font-secondary);
  font-size: 14px;
  line-height: 1.6;
  color: var(--color-text-secondary);
  resize: vertical;
  min-height: 120px;
  background: white;
}

.R9_DP8Y11HT2hNaKnJji:focus {
  outline: none;
  border-color: #07485f;
  box-shadow: 0 0 0 3px rgba(7, 72, 95, 0.1);
}

.R9_DP8Y11HT2hNaKnJji:read-only {
  background: #f9f9f9;
  color: var(--color-text-secondary);
}

.Cy_nS0YX1jUng1sY7C6A {
  width: 80px;
  padding: var(--space-sm) var(--space-md);
  border: 1px solid #cecccc;
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: 16px;
  font-weight: 600;
  color: #07485f;
  text-align: center;
}

.Cy_nS0YX1jUng1sY7C6A:focus {
  outline: none;
  border-color: #07485f;
  box-shadow: 0 0 0 3px rgba(7, 72, 95, 0.1);
}

.EI6KBYvKcfV7xJpmskE0 {
  font-family: var(--font-primary);
  font-size: 16px;
  font-weight: 700;
  color: #07485f;
}

/* Documents Section */
.R8hBUzrrdMdFaUv9p4Wx {
  padding-top: var(--space-lg);
  border-top: 2px solid #edf2f4;
}

.uWKnbAFD08HYQmGbCopL {
  font-family: var(--font-primary);
  font-size: 20px;
  font-weight: 700;
  color: #07485f;
  margin: 0 0 var(--space-lg) 0;
}

.A7FTNFY_mFFnT_2zrZ0w {
  display: flex;
  align-items: center;
  padding: var(--space-md) 0;
  border-bottom: 1px solid #edf2f4;
}

.A7FTNFY_mFFnT_2zrZ0w:last-child {
  border-bottom: none;
}

.pN4N3xhL6gWOUxxfrUSF {
  font-family: var(--font-primary);
  font-size: 16px;
  font-weight: 600;
  color: var(--color-text-secondary);
  width: 150px;
  flex-shrink: 0;
}

.UEeG2qzeFKpOeMe7scu9 {
  flex: 1;
  display: flex;
  align-items: center;
  gap: var(--space-sm);
  flex-wrap: wrap;
}

.Cebje_BRAjA8nVq9EAvk {
  display: inline-flex;
  align-items: center;
  gap: var(--space-xs);
  padding: var(--space-xs) var(--space-md);
  background: #a4d4b4;
  border: none;
  border-radius: var(--radius-sm);
  font-family: var(--font-primary);
  font-size: 14px;
  font-weight: 600;
  color: #07485f;
  cursor: pointer;
  transition: all 0.2s ease;
}

.Cebje_BRAjA8nVq9EAvk:hover {
  background: #8fc5a0;
  transform: translateY(-1px);
}

.Cebje_BRAjA8nVq9EAvk svg {
  flex-shrink: 0;
}

.Veci5_hwhb5VlxtefnkD {
  font-family: var(--font-secondary);
  font-size: 14px;
  color: var(--color-text-secondary);
  font-style: italic;
}

/* Action Buttons */
.xt_C6ooms08MYk1IGemR {
  display: flex;
  justify-content: flex-end;
  gap: var(--space-md);
  margin-top: var(--space-xl);
  padding-top: var(--space-lg);
  border-top: 1px solid var(--color-border);
}

.uhhCzu35cAKewBPPK156,
.MGR8m_CeSJEkUHM64Op0 {
  padding: var(--space-md) var(--space-2xl);
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  border: none;
  min-width: 140px;
}

.uhhCzu35cAKewBPPK156 {
  background: var(--color-primary);
  color: white;
}

.uhhCzu35cAKewBPPK156:hover {
  background: var(--color-rust);
}

.MGR8m_CeSJEkUHM64Op0 {
  background: #07485f;
  color: white;
}

.MGR8m_CeSJEkUHM64Op0:hover {
  background: #053545;
}

/* Mobile Responsive */
@media (max-width: 768px) {
  .OGe5zfb4YRl44f3KmR7q {
    padding: var(--space-md);
  }

  .sqhTVmyHytp5q1H6n6zM {
    font-size: 20px;
  }

  .ocidpBsPjiw7As7qMb0l {
    grid-template-columns: 1fr;
    gap: var(--space-lg);
  }

  .uWKnbAFD08HYQmGbCopL {
    font-size: 18px;
  }

  .A7FTNFY_mFFnT_2zrZ0w {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-sm);
  }

  .pN4N3xhL6gWOUxxfrUSF {
    width: 100%;
  }

  .UEeG2qzeFKpOeMe7scu9 {
    width: 100%;
  }

  .xt_C6ooms08MYk1IGemR {
    flex-direction: column-reverse;
    gap: var(--space-sm);
  }

  .uhhCzu35cAKewBPPK156,
  .MGR8m_CeSJEkUHM64Op0 {
    width: 100%;
    min-width: auto;
  }
}

@media (max-width: 480px) {
  .OGe5zfb4YRl44f3KmR7q {
    border-radius: var(--radius-md);
    padding: var(--space-sm);
  }

  .sqhTVmyHytp5q1H6n6zM {
    font-size: 18px;
    line-height: 1.3;
  }

  .RHkekiByzqGMLTUCeRmI {
    flex-shrink: 0;
  }

  .xt_C6ooms08MYk1IGemR {
    margin-top: var(--space-lg);
    padding-top: var(--space-md);
  }

  .uhhCzu35cAKewBPPK156,
  .MGR8m_CeSJEkUHM64Op0 {
    padding: var(--space-sm) var(--space-lg);
    font-size: 14px;
  }
}

.Jv_51ui8q3k9x8Ld8bAz {
  margin-bottom: var(--space-2xl);
}

.DqYayFsHxGhHu_IfEDqq {
  position: relative;
}

.frCFtTrTN5Fjv44C6P2t {
  padding-left: var(--space-2xl);
}

.y893l3LWoBBTof_aw3zm {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background: var(--color-primary);
  border-radius: 2px;
}

.soDK2V6Ga8kjiSmGrSsv {
  display: flex;
  gap: var(--space-md);
}

.lEF7nkU9W_aTZM48js92 {
  flex-shrink: 0;
}

.LYPBYkZbIOo6pRoMYVHK {
  width: 48px;
  height: 48px;
  border-radius: var(--radius-full);
  object-fit: cover;
}

.G0epjZD1fc8OrWtQPMRy {
  width: 48px;
  height: 48px;
  border-radius: var(--radius-full);
  background: var(--color-primary);
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-primary);
  font-weight: 600;
  font-size: var(--font-size-lg);
}

/* Avatar colors by role */
.Ey1VbG0HcJKu4GExXLXy {
  background: var(--color-sapphire);
}

.MbcmdOiY1tYDIMgewgOx {
  background: #059669;
}

.n3EWp3F5KyzfvHFQRCGt {
  background: #7c3aed;
}

.P0jbAGHgDUXEqJ99tOzz {
  background: #0891b2;
}

.qvfIGKtlXIYzAA2apeiL {
  background: var(--color-primary);
}

.ohim5ESHlihROoXZ7sF8 {
  background: var(--color-ash-gray);
}

.oVpRKQlRBxLpuxgUpizy {
  flex: 1;
}

._0t69pjeqYgya46yU89VA {
  display: flex;
  align-items: center;
  gap: var(--space-md);
  margin-bottom: var(--space-sm);
}

.zoUD3rIYQRncDSj38r_Y {
  font-family: var(--font-primary);
  font-size: var(--font-size-md);
  font-weight: 600;
  color: var(--color-sapphire);
  margin: 0;
}

.uTVnK0xcEkUaO0CBCu_B {
  font-family: var(--font-primary);
  font-size: var(--font-size-sm);
  color: var(--color-text-secondary);
  font-style: italic;
}

.XJ3QFZI4DHuI94aCfhrY {
  font-family: var(--font-primary);
  font-size: var(--font-size-xs);
  font-weight: 600;
  padding: 4px 12px;
  border-radius: var(--radius-sm);
  text-transform: uppercase;
}

/* Role badge colors */
.xLtJTB30xJADvr3ufWQu {
  background: var(--color-sapphire);
  color: white;
}

.Gjr7Zf2bTrMU5uiiWYOL {
  background: #059669;
  color: white;
}

.nlTaz3Fo5Wdkj0694fsA {
  background: #7c3aed;
  color: white;
}

.zf75O_7pkIpXExqHpMaw {
  background: #0891b2;
  color: white;
}

.QWRtgub7z2lE1bBbvOGw {
  background: white;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  padding: var(--space-lg);
  margin-bottom: var(--space-md);
  box-shadow: var(--shadow-sm);
}

.mIJzsnvhamEFpgLBe8L2 {
  font-family: var(--font-secondary);
  font-size: var(--font-size-md);
  color: var(--color-text-primary);
  line-height: 1.6;
  margin: 0;
  text-align: justify;
}

.AMDb07ZEVFKNeNw0NxaP {
  font-family: var(--font-primary);
  font-size: var(--font-size-sm);
  color: var(--color-text-primary);
  background: none;
  border: none;
  cursor: pointer;
  padding: var(--space-xs) 0;
  text-align: right;
  display: block;
  margin-left: auto;
  font-style: italic;
  text-decoration: underline;
  transition: color 0.2s;
}

.AMDb07ZEVFKNeNw0NxaP:hover:not(:disabled) {
  color: var(--color-primary);
}

.AMDb07ZEVFKNeNw0NxaP:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Replies Section */
.a5Im12rGrzMJcf6zoh3m {
  position: relative;
  margin-top: var(--space-lg);
  margin-left: 24px;
  padding-left: var(--space-2xl);
}

.f16SsdxnbHhkWaRctKpa {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background: var(--color-primary);
  border-radius: 2px;
}

.EAO1Ce50ypnDxnJf_wtA {
  display: flex;
  flex-direction: column;
  gap: var(--space-xl);
}

.vCIKL96iclDIXssNy_tQ {
  display: flex;
  gap: var(--space-md);
  position: relative;
}

.LdYCfEVF8y0KCJnH5KNS {
  position: absolute;
  left: -32px;
  top: 24px;
  width: 24px;
  height: 2px;
  background: var(--color-primary);
}

.PAMjYp92nUcXjUIPv1t3 {
  flex-shrink: 0;
}

.SZJYJOMU30lilOZxU7vA {
  width: 40px;
  height: 40px;
  border-radius: var(--radius-full);
  object-fit: cover;
}

.yPwL8aEetG1lK2H3W1qO {
  width: 40px;
  height: 40px;
  border-radius: var(--radius-full);
  background: var(--color-ash-gray);
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-primary);
  font-weight: 600;
  font-size: var(--font-size-md);
}

.yPIIZktCPKNCGuHPv_z8 {
  flex: 1;
}

.UCay7oQ4lGhGI5AviKI9 {
  display: flex;
  align-items: center;
  gap: var(--space-md);
  margin-bottom: var(--space-sm);
}

.xElPuan48slV4cwrDJrQ {
  font-family: var(--font-primary);
  font-size: var(--font-size-md);
  font-weight: 600;
  color: var(--color-sapphire);
  margin: 0;
}

.XNXvFPVAmyiArXFYJXuW {
  font-family: var(--font-primary);
  font-size: var(--font-size-sm);
  color: var(--color-text-secondary);
  font-style: italic;
}

.YOOe8w8jiA_jav3VrqSf {
  font-family: var(--font-primary);
  font-size: 10px;
  font-weight: 600;
  padding: 3px 8px;
  border-radius: var(--radius-sm);
  text-transform: uppercase;
}

.qwwU9Repiu0vT73JvKLU {
  background: white;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  padding: var(--space-md) var(--space-lg);
  box-shadow: var(--shadow-sm);
}

.JlLERd7lfw4Z72nVd4GS {
  font-family: var(--font-secondary);
  font-size: var(--font-size-md);
  color: var(--color-text-primary);
  line-height: 1.6;
  margin: 0;
  text-align: justify;
}

.Y6QIBw6w0vumo3G5wAvZ {
  font-family: var(--font-primary);
  font-size: var(--font-size-sm);
  color: var(--color-primary);
  background: none;
  border: none;
  cursor: pointer;
  padding: var(--space-sm) 0;
  text-decoration: underline;
  margin-top: var(--space-md);
}

.Y6QIBw6w0vumo3G5wAvZ:hover {
  color: var(--color-rust);
}

/* Reply Input Section */
.IwgMOu3fTYeUvnNyiF8R {
  margin-top: var(--space-lg);
  margin-left: 0;
}

.mbHP25uXBXzdeEvu0WQn {
  width: 100%;
  font-family: var(--font-secondary);
  font-size: var(--font-size-md);
  padding: var(--space-md);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  resize: vertical;
  min-height: 80px;
  transition: border-color 0.2s, box-shadow 0.2s;
}

.mbHP25uXBXzdeEvu0WQn:focus {
  outline: none;
  border-color: var(--color-primary);
  box-shadow: 0 0 0 3px rgba(240, 90, 34, 0.1);
}

.mbHP25uXBXzdeEvu0WQn:disabled {
  background: var(--color-background);
  cursor: not-allowed;
}

.CUKg9JqtSHsHMvz4jYJv {
  display: flex;
  justify-content: flex-end;
  gap: var(--space-md);
  margin-top: var(--space-md);
}

.joEAU7zR9ovslMIVKo1V {
  font-family: var(--font-primary);
  font-size: var(--font-size-md);
  font-weight: 600;
  padding: var(--space-sm) var(--space-lg);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  background: white;
  color: var(--color-text-primary);
  cursor: pointer;
  transition: all 0.2s;
}

.joEAU7zR9ovslMIVKo1V:hover:not(:disabled) {
  background: var(--color-background);
}

.joEAU7zR9ovslMIVKo1V:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.J1tCcY2YOI3x6JmKL9xv {
  font-family: var(--font-primary);
  font-size: var(--font-size-md);
  font-weight: 600;
  padding: var(--space-sm) var(--space-xl);
  border: none;
  border-radius: var(--radius-sm);
  background: var(--color-primary);
  color: white;
  cursor: pointer;
  transition: all 0.2s;
}

.J1tCcY2YOI3x6JmKL9xv:hover:not(:disabled) {
  background: var(--color-rust);
}

.J1tCcY2YOI3x6JmKL9xv:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.pTaikrqjt3G4oMdKbr5e {
  display: flex;
  flex-direction: column;
  padding: var(--space-lg);
}

.K_r8Ab5rLasz1XCxLidR {
  /* background: var(--color-surface); */
  /* border-radius: var(--radius-md); */
  padding: var(--space-xl);
  min-height: 400px;
}

.rO_wHyiKNbWOurVqClw4 {
  max-width: 1200px;
  margin: 0 auto;
}

/* Loading State */
.N3Jt5WRGGYddUT8RacLd {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--space-2xl) 0;
  color: var(--color-text-secondary);
  font-family: var(--font-primary);
}

.NbS25G2EyRouzaq4yeBe {
  width: 48px;
  height: 48px;
  border: 4px solid var(--color-border);
  border-top-color: var(--color-primary);
  border-radius: 50%;
  animation: _IdEBAQXO0u7jLJCipuc 1s linear infinite;
  margin-bottom: var(--space-md);
}

@keyframes _IdEBAQXO0u7jLJCipuc {
  to {
    transform: rotate(360deg);
  }
}

/* Error State */
.CwvlksTK6jkUuDK4pgPT {
  background: #fef2f2;
  border: 1px solid #fecaca;
  border-radius: var(--radius-md);
  padding: var(--space-md) var(--space-lg);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-md);
}

.CwvlksTK6jkUuDK4pgPT p {
  margin: 0;
  color: #dc2626;
  font-family: var(--font-primary);
  font-size: var(--font-size-sm);
}

.CwvlksTK6jkUuDK4pgPT button {
  font-family: var(--font-primary);
  font-size: var(--font-size-sm);
  font-weight: 600;
  padding: var(--space-xs) var(--space-md);
  border: 1px solid #dc2626;
  border-radius: var(--radius-sm);
  background: white;
  color: #dc2626;
  cursor: pointer;
  transition: all 0.2s;
}

.CwvlksTK6jkUuDK4pgPT button:hover {
  background: #dc2626;
  color: white;
}

/* Empty State */
.r0ktv4pZRK7_BVQOATcs {
  text-align: center;
  max-width: 400px;
  margin: 0 auto;
  padding: var(--space-2xl) 0;
}

.jgUMdvGv7trytkr02B3a {
  font-size: 64px;
  margin-bottom: var(--space-md);
}

.swk4Ka62zS6cr9MskLWs {
  font-family: var(--font-primary);
  font-size: var(--font-size-xl);
  font-weight: 600;
  color: var(--color-text-primary);
  margin-bottom: var(--space-sm);
}

.EG7PwCRcBDf4jFzuN38H {
  font-family: var(--font-primary);
  font-size: var(--font-size-md);
  color: var(--color-text-secondary);
  line-height: 1.5;
}

:root {
  /* Primary Colors - Brand Identity */
  --color-primary: #f05a22; /* Giants Orange */
  --color-primary-dark: #1b1618; /* Licorice */

  /* Secondary Colors - Supporting Palette */
  --color-ash-gray: #93a29b;
  --color-silver: #cecccc;
  --color-french-gray: #c8bfc7;
  --color-misty-rose: #fee9e1;
  --color-sapphire: #07486f;
  --color-sapphire-dark: #07485f;
  --color-vanilla: #f0dfad;
  --color-jasmine: #f4d06f;
  --color-rust: #ae4222;
  --color-celadon: #a4d4b4;
  --color-beige: #edf0da;
  --color-tiffany-blue: #9dd9d2;
  --color-antiflash-white: #edf2f4;
  --color-green-white: #dff3e4;

  /* Functional Colors */
  --color-background: #d6d6d6;
  --color-surface: #ffffff;
  --color-text-primary: #004960; /* Licorice */
  --color-text-secondary: #93a29b; /* Ash Gray */
  --color-text-muted: #cecccc; /* Silver */
  --color-border: #bccfdc;
  --color-success: #a4d4b4; /* Celadon */
  --color-warning: #f4d06f; /* Jasmine */
  --color-error: #ae4222; /* Rust */
  --color-info: #2b50aa; /* Sapphire */

  /* Legacy Colors (for backward compatibility) */
  --color-secondary: #f05a22;
  --color-accent: #ae4222;
  --color-toggle-off: #587077;
  --color-bg-light: #edf2f4;
  --color-bg-subtle: #fafafa;
  --color-bg-white: #ffffff;

  /* Spacing scale */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-2xl: 48px;

  /* Border radius */
  --radius-sm: 5px;
  --radius-md: 7px;
  --radius-lg: 10px;
  --radius-full: 9999px;

  /* Shadows */
  --shadow-sm: 0px 4px 4px rgba(0, 0, 0, 0.25);
  --shadow-md: 0px 5px 5px rgba(0, 0, 0, 0.1);
  --shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1);
  --shadow-card: 1px 4px 6px #0000002e;

  /* Typography */
  --font-primary: "Poppins", sans-serif;
  --font-secondary: "Roboto", sans-serif;
  --font-tertiary: "Figtree", sans-serif;
  --font-size-label: 9px;
  --font-size-xs: 10px;
  --font-size-smaller: 12px;
  --font-size-sm: 14px;
  --font-size-md: 16px;
  --font-size-lg: 22px;
  --font-size-xl: 24px;
  --font-size-2xl: 32px;

  /* Layout */
  --sidebar-width: 240px;
  --sidebar-collapsed-width: 72px;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: var(--font-secondary);
}

body {
  background: var(--color-background);
  color: var(--color-text-primary);
  min-height: 100vh;
  overflow-x: hidden;
}

body::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  z-index: -1;
}

#root {
  min-height: 100vh;
}

input,
button,
textarea,
select {
  font-family: inherit;
}

button {
  cursor: pointer;
}

a {
  text-decoration: none;
  color: inherit;
}

input:focus,
button:focus,
textarea:focus,
select:focus {
  outline: none;
}

.table-page-listing {
  background: var(--color-surface);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-card);
  padding: var(--space-xl);
  display: flex;
  flex-direction: column;
  gap: var(--space-lg);
}

.table-page-listing .table-container {
  background: white;
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
  overflow-y: auto;
}

.table-page-listing .table {
  width: 100%;
  border-collapse: collapse;
  font-family: var(--font-secondary);
}

.table-page-listing .table thead {
  background: var(--color-background);
  border-bottom: 1px solid var(--color-primary);
  position: sticky;
  top: 0;
  z-index: 10;
}

.table-page-listing .table th {
  padding: var(--space-sm) var(--space-md);
  text-align: left;
  font-size: var(--font-size-smaller);
  font-weight: 600;
  color: var(--color-sapphire-dark);
  text-transform: capitalize;
  letter-spacing: 0.5px;
  background: var(--color-green-white);
  font-family: var(--font-primary);
  line-height: 1.3;

  color: #07485f;
  font-family: "Poppins";
  font-weight: 500;
}

.table-page-listing .table tbody tr {
  transition: background-color 0.2s ease;
}

.table-page-listing .table tbody tr:hover {
  background: var(--color-background);
}

.table-page-listing .table td {
  padding: var(--space-sm) var(--space-md);
  color: var(--color-sapphire-dark);
  font-family: var(--font-secondary);
  font-size: var(--font-size-xs);
}

.table-page-listing .table-empty-state {
  padding: var(--space-2xl);
  text-align: center;
  color: var(--color-text-secondary);
}

/* Table utility classes */
.table-page-listing .table .thName {
  padding-left: var(--space-lg) !important;
}

.table-page-listing .table .thCenter {
  text-align: center !important;
}

.table-page-listing .table .tdName {
  padding-left: var(--space-lg) !important;
  font-weight: 500;
  white-space: nowrap;
  text-transform: capitalize;
}

.table-page-listing .table .tdCenter {
  text-align: center;
}

.table-page-listing .table .tdActions {
  display: flex;
  gap: 2px;
  align-items: center;
}

.table-page-listing .contactType {
  text-transform: capitalize;
}

/* Responsive table styles */
@media (max-width: 1024px) {
  .table-page-listing .table {
    font-size: var(--font-size-xs);
  }

  .table-page-listing .table th,
  .table-page-listing .table td {
    padding: var(--space-sm);
  }
}

/* Search box styles */
.search-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  overflow: hidden;
  min-width: 250px;
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  font-weight: 400;
}

.search-icon {
  padding: 0 var(--space-md);
  display: flex;
  align-items: center;
  color: var(--color-text-secondary);
}

.search-input {
  flex: 1;
  padding: var(--space-md);
  padding-left: 0;
  border: none;
  outline: none;
  font-size: var(--font-size-sm);
  font-family: var(--font-secondary);
  background: transparent;
}

.search-input::placeholder {
  color: var(--color-text-secondary);
}

/* Filter dropdown styles */
.filter-dropdown {
  position: relative;
}

.filter-btn {
  width: 60px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
  background: var(--color-sapphire);
  color: var(--color-antiflash-white);
  border: 1px solid var(--color-sapphire);
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: all 0.2s ease;
  position: relative;
}

.filter-btn svg {
  fill: var(--color-antiflash-white);
}

.filter-btn:hover {
  background: rgba(45, 90, 107, 0.08);
}

.filter-badge {
  position: absolute;
  top: 2px;
  right: 2px;
  background: var(--color-primary);
  color: white;
  font-size: 10px;
  font-weight: 700;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

.filter-menu {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  background: white;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12);
  min-width: 200px;
  z-index: 100;
  overflow: hidden;
  padding: 8px 0;
}

.filter-menu-option {
  width: 100%;
  padding: 10px 16px 10px 24px;
  background: var(--color-surface);
  border: none;
  text-align: left;
  font-size: var(--font-size-sm);
  color: var(--color-sapphire-dark);
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: var(--font-secondary);
  font-weight: 400;
}

.filter-menu-option:hover {
  background: var(--color-bg-light);
  border-color: var(--color-border);
}

.filter-menu-option.active {
  background: var(--color-green-white);
  border: 1px solid var(--color-green-white);
}

.filter-menu-option.active:hover {
  background: #e0efff;
}

.filter-clear {
  width: 100%;
  padding: 10px 16px;
  background: white;
  border: none;
  text-align: left;
  font-size: 14px;
  color: #2d8a8a;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: var(--font-secondary);
  border-bottom: 1px solid #f0f0f0;
  margin-bottom: 4px;
}

.filter-clear:hover {
  background: #f0fafa;
}

/* Page actions container */
.page-actions {
  display: flex;
  align-items: center;
  gap: var(--space-md);
}

/* Responsive search and filters */
@media (max-width: 768px) {
  .page-actions {
    width: 100%;
    flex-direction: column;
  }

  .search-wrapper {
    width: 100%;
    min-width: unset;
  }

  .filter-btn {
    align-self: flex-end;
  }

  .filter-menu {
    right: 0;
    left: auto;
  }
}


/*# sourceMappingURL=main.9995370372ad95a6b8a1.css.map*/