@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;
}




.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));
  }
}


.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;
}

.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);
}

.Wo6mTV18JX44i1e3AcJ5 {
  font-size: var(--font-size-md);
  font-weight: 400;
  color: var(--color-text-secondary);
  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;
}

.X7HPoBqvsspkmYcpqWfx {
  background: var(--color-warning);
}

.mTIKDgfO4oHXou111BSa {
  cursor: pointer;
  transition: opacity 0.2s ease;
}

.mTIKDgfO4oHXou111BSa:hover {
  opacity: 0.9;
}

.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);
}


.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-lg);
  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;
  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: transparent;
  color: #87b6a7;
}

.kGFcSnF6gyIa0T6Xb5ME.VwNQGgDgeq3q7knEF7ED {
  background: transparent;
  color: #f25b22;
}

.kGFcSnF6gyIa0T6Xb5ME.GRmipiI7athwGNFntDCc {
  width: 48px;
  height: 48px;
  margin: 0;
}

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

.NE4rCHkNi7K_IeyZr_CM {
  margin: 0 0 var(--space-md) 0;
  font-size: var(--font-size-md);
  font-weight: 500;
  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-sm);
  color: var(--color-text-primary);
  font-family: var(--font-secondary);

  color: #004960;
  font-family: "Poppins";
  font-weight: 400;
}

.hAQV2PIfUlCxNhZ4iE0A {
  display: flex;
  align-items: center;
  gap: var(--space-lg);
  width: 100%;
  justify-content: flex-start;
}

.fDLufnhCKi5qKX8N_w65 {
  margin: 0;
  font-size: var(--font-size-md);
  font-weight: 500;
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  flex: 1;
}

.W8O9fjDhHWZxulzXWhBP {
  margin: var(--space-md) 0 0 0;
  font-size: var(--font-size-sm);
  color: #004960;
  font-family: "Poppins";
  font-weight: 400;
  text-align: left;
}

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

.Uf5FzAwiZKaK1PcyE2Ph {
  padding: var(--space-sm) var(--space-md);
  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;

  color: #f5f2e3;
  font-family: "Poppins";
  font-weight: 500;
  font-size: 10px;
}

.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: #ebebeb;
  color: var(--color-text-primary); /* Licorice */
}

.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-md);
    max-width: 100%;
  }

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

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

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

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

  .kGFcSnF6gyIa0T6Xb5ME.GRmipiI7athwGNFntDCc {
    width: 40px;
    height: 40px;
  }

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

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

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

  .Uf5FzAwiZKaK1PcyE2Ph {
    width: 100%;
  }
}

.znjqdVf3cePzMFpjADoZ {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: var(--space-xl);
  text-align: center;
  flex: 1;
}

.F6PL05J1jU2AV1mxGjhR {
  width: auto;
  height: 75px;
  max-width: 200px;
}

.JjoD9SylQ0spWLOfxlo2 {
  font-family: "Poppins";
  font-size: var(--font-size-md);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0 0 var(--space-sm) 0;
}

.m5dKHuSIF0VF4SJMByQe {
  color: #989898;
  font-family: "Poppins";
  font-size: 9px;
  margin: 0;
  line-height: 1.4;
}


.cCTubR11hmAHDtX78Z0U {
  width: auto;
  height: 75px;
  max-width: 200px;
  display: block;
}

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

.eU1b7HbediG3Kfup1o3Q {
  display: inline-flex;
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
  color: var(--color-ash-gray);
  transition: color 0.15s ease, transform 0.1s ease;
}

.eU1b7HbediG3Kfup1o3Q:hover:not(.vbgeqjFglqQ3pcXvnVy9) {
  color: var(--color-jasmine);
  transform: scale(1.1);
}

.eU1b7HbediG3Kfup1o3Q.DzhmB7ywS6gn6ZZbCUje {
  color: var(--color-jasmine);
}

.eU1b7HbediG3Kfup1o3Q.vbgeqjFglqQ3pcXvnVy9 {
  cursor: default;
  pointer-events: none;
}

.eU1b7HbediG3Kfup1o3Q svg {
  width: 20px;
  height: 20px;
}

.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 .CnIicjBT3AqnCQzWnTeA {
  font-size: 20px;
}
.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);
}

.h9BcBOGHPLYsiMoUjkuU .NGHDjJFb4qngJXv9NtiF {
  font-size: 20px;
}

.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;
}



.zWTFf0EoDs37No7ekNKc {
  position: relative;
  overflow: hidden;
  aspect-ratio: 1920 / 1080;
}

.zWTFf0EoDs37No7ekNKc iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: none;
  padding: 0;
  margin: 0;
  overflow: hidden;
}

.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: 140px;
  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);
  flex: 1;
}

.kXUPuSDUgfXsmkjjCfX8 {
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
  width: 100%;
}

.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;
  justify-content: space-between;
  gap: var(--space-lg);
  flex: 1;
  width: 100%;
}

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

.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;
}

.M_Gh_ncrP4f0_smQgwiA {
  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;
  align-self: flex-end;
}

.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;
}

.rJl4Fx3NTu8Ke0O3roDT {
  font-family: var(--font-primary);
  font-size: var(--font-size-sm);
  font-weight: 600;
  color: var(--color-surface);
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.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;
}

.dQFkVMZ_dTX4YEj_VOAp {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--space-sm) var(--space-md);
  font-family: var(--font-primary);
  font-size: var(--font-size-sm);
  font-weight: 500;
  color: var(--color-sapphire);
  border-radius: var(--radius-sm);
  transition: color 0.2s ease, background 0.2s ease;
  border: none;
  background: none;
  cursor: pointer;
}

.dQFkVMZ_dTX4YEj_VOAp:hover {
  color: var(--color-text-primary);
  background: var(--color-bg-light);
}

.tPKZ0lS0mHLRjHRTtNeS {
  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: 192px;
  }

  .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-xl);
  background: var(--color-surface);
  border-bottom: 1px solid var(--color-border);
  height: 140px;
  position: sticky;
  top: 0;
  z-index: 100;

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

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

.qhqFJ9mMrbwVE7qEFH7D {
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
  width: 100%;
}

.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;
  justify-content: space-between;
  gap: var(--space-lg);
  flex: 1;
  width: 100%;
}

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

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

.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);
}

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

.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;
  align-self: flex-end;
}

.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);
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.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);
}

.ExeZeJeUuMslAcsg08uu {
  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;
}

.ExeZeJeUuMslAcsg08uu: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);
}

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

.JQZ8WgewEtbLOQwu1PK4 {
  white-space: nowrap;
}

.uXF4BagjRSgkynxeistw {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--space-sm) var(--space-md);
  font-family: var(--font-primary);
  font-size: var(--font-size-sm);
  font-weight: 500;
  color: var(--color-sapphire);
  border-radius: var(--radius-sm);
  transition: color 0.2s ease, background 0.2s ease;
  border: none;
  background: none;
  cursor: pointer;
}

.uXF4BagjRSgkynxeistw:hover {
  color: var(--color-text-primary);
  background: var(--color-bg-light);
}

.L55HacX0o0lckrSXLoNr {
  white-space: nowrap;
}

.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;
}

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

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

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

  .o3Fk3nNwN72VFrxmRIau {
    display: none;
  }
}

@media (max-width: 768px) {
  .H5gG4ii7vi1h9XB8ok7i {
    height: 192px;
  }

  .nfBXGfdSmJw7XkdPT4L0 {
    height: 40px;
  }

  .rJdznELY6zv1ufIUTBKf {
    display: none;
  }

  .qjfHLjxcSdq_n0XVS70L {
    display: none;
  }

  .JQZ8WgewEtbLOQwu1PK4 {
    display: none;
  }
}

.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: 140px;
  position: sticky;
  top: 0;
  z-index: 100;

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

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

.jViu0WugfiC9OKqVjXGe {
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
  width: 100%;
}

.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;
  justify-content: space-between;
  gap: var(--space-lg);
  flex: 1;
  width: 100%;
}

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

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

.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);
}

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

.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;
  align-self: flex-end;
}

.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);
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.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);
}

.Dr0SyMOLpVIjNKV3eYEB {
  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;
}

.Dr0SyMOLpVIjNKV3eYEB: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);
}

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

.uf1DZMV3QLGt1tIroxug {
  white-space: nowrap;
}

.QadTwviBV11dU0eqGJzm {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--space-sm) var(--space-md);
  font-family: var(--font-primary);
  font-size: var(--font-size-sm);
  font-weight: 500;
  color: var(--color-sapphire);
  border-radius: var(--radius-sm);
  transition: color 0.2s ease, background 0.2s ease;
  border: none;
  background: none;
  cursor: pointer;
}

.QadTwviBV11dU0eqGJzm:hover {
  color: var(--color-text-primary);
  background: var(--color-bg-light);
}

.lAejdzlRdbRz3BUUoOTY {
  white-space: nowrap;
}

.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-error-light);
  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: 192px;
  }

  .jbj1_HCkKKGYQ2sMkldk {
    height: 40px;
  }

  .JTG_amADt1hfSzySY4yL {
    display: none;
  }

  .Pdb6W7dj9q0sCOnVFUh7 {
    display: none;
  }

  .uf1DZMV3QLGt1tIroxug {
    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%;
  }
}

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

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

.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;

  max-width: 300px;
}

.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);
  overflow: scroll;
  height: 430px;
}

.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;
}

.YlIU8nE7lB6SgjC36IOf {
  font-size: var(--font-size-xs);
  font-weight: 500;
  color: var(--color-text-secondary);
  font-family: var(--font-secondary);
  margin-top: 2px;
  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);
  overflow: scroll;
  height: 430px;
}

.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);
}

.tFrSLz1Lppzn4_K8BDHG {
  cursor: pointer;
}

.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;
}

.MOHo_R46f2Tj3Hi8_eeH .JfInJi8kFbqFYRxhTFXJ {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover;
}

.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;
  }
}

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

/* Home-specific wrapper: tighter integration with home grid layout */
.rmwHH08e7zwVGGZnkz6P {
  min-height: 0;
  flex-shrink: 0;
}

/* Title row: same structure as Quotes in Progress / Upcoming Jobs so content card aligns */
.f0rIQdoR29Gtca_tS13u {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--space-sm) var(--space-md);
}

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

/* Content card starts below title, aligned with left panels' content cards */
.OU3Km2mN5LbOKWvvzqSW {
  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;
  min-height: 0;
}

.n4wRJ9GaTqrThx0k6TeP,
.XziW2ddRZGawn5luE5xY {
  display: block;
  height: 100%;
  overflow: hidden;
}

/* Home-specific list: fixed height for consistent grid alignment */
.pwJcFhTfVxXl1zJZIrjx {
  height: 430px;
}

.XU1_byNepu8fFRHlxyDF {
  height: 350px;
}

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

.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;
}

.YVluAxTOwp4dqd2zb1vs {
  cursor: pointer;
}

/* Type-specific light background on hover */
.cxMuWBjTe6Ioc4it3j0N:hover {
  background: rgba(174, 66, 34, 0.12);
}

.qe6Wkkp5KOV0OX2ofQ08:hover {
  background: rgba(240, 90, 34, 0.12);
}

.UqPZCxBnCZ0jWCWY44Wy:hover {
  background: rgba(244, 208, 111, 0.25);
}

.L0o7EuwI0qHnzA0bo8Tw:hover {
  background: rgba(164, 212, 180, 0.35);
}

.QaBJM70HhLSEMXqHr4l_:hover {
  background: rgba(43, 80, 170, 0.12);
}

.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;
}

.KhXdja87U6Y6UOtgN0yS {
  background: var(--color-error);
}

.IyU_GmCv_S7z5XVB1sMU {
  background: var(--color-primary);
}

.WPlpRMsGbvxH9kpCMbMv {
  background: var(--color-warning);
}

.xE_Mj3b25kRFAxOk4lco {
  background: var(--color-success);
}

.HBP4m2KYyrPRJMbsgX0h {
  background: var(--color-info);
}

.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;
}

.ISKIj22vP0Fw4imIDroe {
  margin-top: var(--space-sm);
  font-size: 8px;
  opacity: 0.75;
  color: #000000;
  font-family: "Roboto";
  font-weight: 400;
}

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

.sH2_hFYLm3vRo_a2I5va {
  display: flex;
  align-items: center;
  margin-top: var(--space-sm);
}

.SMVvyzllvk4992WPNhpS {
  padding: 4px 10px;
  font-size: 9px;
  font-weight: 500;
  min-height: auto;
  height: auto;
  line-height: 1.2;
  border-radius: var(--radius-sm);
}

.K1ySaiGSE0Zn6dmdJ__X {
  height: 1px;
  flex-shrink: 0;
}

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

.V1zY5kAS_PJ3XZYuc14i {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--space-lg);
}

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

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

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

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

/* quoteCard styling without icon */
.qJXpfoHC6_sn69A4QHL7 {
  display: flex;
  align-items: center;
  gap: var(--space-md);
  padding: var(--space-md);
  /* transition: all 0.2s ease; */
  cursor: pointer;
  border: none;
  border-bottom: 1px solid var(--color-border);
  background: transparent;
  width: 100%;
  text-align: left;
  font: inherit;
}

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

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

.D162GfTZtQZMN3USpnfg {
  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;
  margin-bottom: 4px;
}

.yMHRfLFjie0opxbuTRGv {
  font-size: var(--font-size-smaller);
  font-weight: 500;
  margin-bottom: 4px;
}

.K9Hz2ql1o3OkG0vZflLN {
  font-size: var(--font-size-xs);
  font-weight: 500;
  color: var(--color-text-secondary);
  font-family: var(--font-secondary);
  margin-bottom: 4px;
}

.RhqW4EoCQfuKDEpdnHwA {
  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;
}

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

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

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

/* Home layout: 3 rows. Row 1 & 3 full width; row 2 has 9fr + 3fr (main + notifications). */
.jYh9uibEMooZemCbBb7w {
  display: grid;
  grid-template-columns: 9fr 3fr;
  grid-template-rows: auto 1fr auto auto;
  grid-template-areas:
    "statsRow statsRow"
    "mainRow notificationsColumn"
    "messagesSection messagesSection"
    "dashboardsRow dashboardsRow";
  gap: var(--space-lg);
  margin-top: var(--space-xl);
  align-items: start;
}

/* Full width: same length top and bottom, edge to edge within page content */
.HlPOzuAglBoPGYj6I7rz {
  grid-area: statsRow;
  min-width: 0;
  grid-column: 1 / -1;
}

.YfPNwuydiTyrviFUvZ6D {
  grid-area: mainRow;
  min-width: 0;
  display: flex;
  flex-direction: column;
}

.s4ZG93zyrtnVQSFX6ee7 {
  grid-area: notificationsColumn;
  min-width: 0;
  height: 100%;
}

.iKafyHEKmmtzXQuNGD9Q {
  grid-area: dashboardsRow;
  min-width: 0;
  grid-column: 1 / -1;
}

.mCtpcRl5vqSYX2Xszxm1 {
  grid-area: messagesSection;
  min-width: 0;
  grid-column: 1 / -1;
  margin-top: 0;
}

.azPYBs_04nNmWKPpGRqA {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--space-sm) var(--space-md);
}

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

.unWZMyqQIL3WSRo66Y2B {
  cursor: pointer;
}

.unWZMyqQIL3WSRo66Y2B:focus {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}

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

/* Dashboard buttons - full width, same as stats row; 3 equal buttons */
.WTpVpfnUtrixJ7pTqLsw {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--space-lg);
  margin-top: var(--space-lg);
}

.s82poIowLYTSIu7rygWz {
  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;
  cursor: pointer;
  font: inherit;
  color: inherit;
  text-align: left;
  text-decoration: none;
}

.s82poIowLYTSIu7rygWz:hover {
  box-shadow: var(--shadow-md);
  transform: translateY(-1px);
}

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

.EJqGP3edOoRokAE7gmMX {
  font-family: "Poppins";
  font-weight: 600;
  font-size: var(--font-size-md);
  color: #07485f;
}

.v1tFbnh3DwwDVH7p99Ga {
  font-size: var(--font-size-sm);
  font-weight: 600;
  color: #07485f;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: var(--space-md);
}

/* 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;
}

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

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

@media (max-width: 900px) {
  .jYh9uibEMooZemCbBb7w {
    grid-template-columns: 1fr;
    grid-template-areas:
      "statsRow"
      "mainRow"
      "notificationsColumn"
      "messagesSection"
      "dashboardsRow";
  }

  .HlPOzuAglBoPGYj6I7rz,
  .iKafyHEKmmtzXQuNGD9Q {
    grid-column: auto;
  }

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

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

  .bWGkdSuNV1rzYydbufjx {
    grid-column: span 1;
  }

  .URF8n7D6HnNYtJinX29K {
    grid-column: span 1;
  }

  .WTpVpfnUtrixJ7pTqLsw {
    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);
}

.aF6O_5791ZPyyEiL7CYn {
  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);
}

.FgyRiQJ9WlwjMcJPxcF4 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.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-smaller);
  color: var(--color-text-secondary);
  font-family: var(--font-secondary);
}

/* Sites List */
.uD6krg2Xc0rMGLV867_N {
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
}

.G9aoxKcW3HGFcsrHD5Wg {
  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;
}

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

.BlvnJdAejvNpLeDmo6_Q {
  font-size: var(--font-size-sm);
  font-weight: 500;
  color: var(--color-text-primary);
  font-family: var(--font-secondary);
}

.UcIH1RmX3GNgAEEuokQz {
  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;
}

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

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

.kOr7Xf6mvVungS6XcrY8 p {
  margin: 0;
  font-size: var(--font-size-sm);
}

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

.n1M3dM0meo9co_Llbxis p {
  margin: 0;
  font-size: var(--font-size-sm);
}

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

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

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

.tkIOmvU7deV_iqdY7aWx {
  flex: 1;
  padding: 12px 16px;
  padding-right: 36px;
  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;
}

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

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

.tkIOmvU7deV_iqdY7aWx:disabled {
  background: var(--color-background-soft, #f9fafb);
  cursor: not-allowed;
}

.yFWnRTqrX3o2HOslj1ip {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  padding: 0;
  border: none;
  background: transparent;
  color: var(--color-text-secondary);
  font-size: 18px;
  line-height: 1;
  cursor: pointer;
  border-radius: var(--radius-sm);
  display: flex;
  align-items: center;
  justify-content: center;
}

.yFWnRTqrX3o2HOslj1ip:hover:not(:disabled) {
  color: var(--color-text-primary);
  background: var(--color-background-soft, #f3f4f6);
}

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

.YooibDHji6MK0fBDjKxE {
  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;
}

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

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

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

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

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

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

.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, In Progress & Pending Approval - Green tint */
.NRFG_gt3ZldsFBJDGVI3,
.Z9zqwVZ4rY4RrOif2FTD,
.BSW67gyEWLvpncPB191S {
  background: #dff3e4;
  color: #045a8d;
  opacity: 0.66;
  border: 1px solid transparent;
}

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

/* Cancelled - Gray tint */
.n6S0jCHCeR_VY9K0lfxJ {
  background: #e9ecef;
  color: #6c757d;
}

/* 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-md) var(--space-lg);
  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: #232323;
  font-family: "Helvetica";
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  text-align: justify;
}

.ApuutaktlYG72Sy0OPwN li strong {
  font-weight: 600;
}

/* Text */
.tfE9TDjN6fubyqQ533x7 {
  color: #232323;
  font-family: "Helvetica";
  font-weight: 400;
  font-size: 12px;
  line-height: 1.4;
  text-align: justify;
  margin: 0;
}

.A0wLGP9uxhWWtiAC5rXJ {
  display: -webkit-box;
  -webkit-line-clamp: 5;
  line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  word-break: break-word;
  margin-bottom: var(--space-xs);
}

.GK4NpwtyJ3Ray_7WyLln {
  background: transparent;
  border: none;
  border-bottom: 1px solid #0f5ecb;
  color: #0f5ecb;
  cursor: pointer;
  font-family: var(--font-secondary);
  font-size: var(--font-size-sm);
  padding: 0;
  align-self: flex-start;
  transition: color 0.2s ease;
  margin-top: var(--space-xs);
}

.GK4NpwtyJ3Ray_7WyLln:hover {
  color: #0c4a9e;
}

.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:not(:first-child) {
  border-top: 1px solid #bccfdc;
}

.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;
}

.d7nd3JvQHY3ehrANM1Zx {
  margin: 32px 0 16px;
  height: 1px;
  background: #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;
}

.m1hX_Tbx6FP58j86VDQj {
  margin-bottom: 24px;
}

.hmMmyYud6qacgkLjSczN {
  font-size: var(--font-size-xs);
  font-weight: 600;
  color: #6b7280;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  margin: 0 0 12px;
}

.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;
}

.gb3tfNl_BlxB0_Ki1QTI {
  margin-bottom: 24px;
}

.flK9y5KMy2QULr7kcEC7 {
  font-size: var(--font-size-xs);
  font-weight: 600;
  color: #6b7280;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  margin: 0 0 12px;
}

.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;
  color: white;
  font-size: var(--font-size-sm);
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: var(--font-secondary);

  background: transparent;
  color: #07486f;
  font-family: "Helvetica";
  font-weight: 400;
  font-size: 12px;
  display: flex;
  align-items: center;
  gap: 4px;
}
.MuEU7Uq8cwdLDTCOUZjb:hover {
  color: var(--color-primary);
}

.yDxPCQlykHGib6tkp28n {
  height: 36px;
  padding: 0 16px;
  border-radius: var(--radius-sm);
  border: 0;
  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);

  background: transparent;

  color: #7a7a7a;
  font-family: "Helvetica";
  font-weight: 400;
  font-size: 12px;
  display: flex;
  align-items: center;
  gap: 4px;
}

.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);
}

.s_ts1FUPw34gbniQfwxg {
  padding: var(--space-xs);
  background: var(--color-primary);
  color: var(--color-surface);
  border: 1px solid var(--color-primary);
  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;
}

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

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

.BsZzvuds8cpMoCKp4LqQ {
  padding: var(--space-xs);
  background: var(--color-sapphire);
  color: var(--color-surface);
  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;
}

.BsZzvuds8cpMoCKp4LqQ:hover {
  background: var(--color-rust);
  border-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="inprogress"] {
  background: #cfe2ff;
  color: #084298;
}

.ocoU5FigGS5vVKmQF3F2[data-status="pending"] {
  background: #fff3cd;
  color: #856404;
}

.ocoU5FigGS5vVKmQF3F2[data-status="approved"] {
  background: #d4edda;
  color: #155724;
}

.ocoU5FigGS5vVKmQF3F2[data-status="declined"] {
  background: #f8d7da;
  color: #721c24;
}

.ocoU5FigGS5vVKmQF3F2[data-status="cancelled"] {
  background: #e9ecef;
  color: #6c757d;
}

.x8OlZFfXV4X8USMMOZ62 {
  display: inline-block;
  padding: 4px 12px;
  border-radius: 12px;
  font-size: var(--font-size-xs);
  font-weight: 600;
  background: rgba(43, 80, 170, 0.12);
  color: var(--color-sapphire);
}

.hSvK8ByLzOhJqA_R0ZWw {
  cursor: pointer;
  transition: background 0.2s ease;
}

.hSvK8ByLzOhJqA_R0ZWw:hover,
.hSvK8ByLzOhJqA_R0ZWw:focus-visible {
  background: var(--color-antiflash-white);
}

.hSvK8ByLzOhJqA_R0ZWw:focus-visible {
  outline: 2px solid var(--color-sapphire);
  outline-offset: -2px;
}

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

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

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

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

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

.DUipxxeb5CbHwycIn_F4 {
  font-size: var(--font-size-sm);
  font-weight: 500;
  color: var(--color-text-primary);
  font-family: var(--font-secondary);
}

.tFAHvIEv94rT2MLq3ytN {
  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;
}

.tFAHvIEv94rT2MLq3ytN:focus {
  outline: none;
  border-color: var(--color-primary);
  box-shadow: 0 0 0 2px rgba(45, 90, 107, 0.1);
}

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

.nOrNd0jfJLb3OnXchQBT {
  display: flex;
  justify-content: flex-end;
  gap: var(--space-md);
  padding-top: var(--space-md);
  border-top: 1px solid var(--color-border);
}

.rb5MEqySqJ72GBCWgE9g {
  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;
}

.rb5MEqySqJ72GBCWgE9g:hover {
  background: var(--color-bg-light);
  color: var(--color-text-primary);
}

.LL0vh1og79FUiOB57BDN {
  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;
}

.LL0vh1og79FUiOB57BDN:hover:not(:disabled) {
  background: var(--color-sapphire-dark);
}

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

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

  .rb5MEqySqJ72GBCWgE9g,
  .LL0vh1og79FUiOB57BDN {
    width: 100%;
  }
}

.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%;
  }
}


.qIuK4T568OpdKEmKttkg {
  display: flex;
  flex-direction: column;
  gap: var(--space-2xl);
}

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

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

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

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

.E0Rltb0RUKcE4PCeymSC {
  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;
}

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

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

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

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

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

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

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

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

.ZAvOKhiBYviFHiNlEm31 {
  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;
}

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

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

.XtKwB8RnL1B546Zr07CD {
  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;
}

.XtKwB8RnL1B546Zr07CD:hover:not(:disabled) {
  background: #234651;
}

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

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

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

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

.dWK_4yTBcjq6eP_WiznT 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;
}

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

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

.k6l_dOixVQrkT982jfNX 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 */
.Ekm_oNqBmcVhb3e_r9m5 {
  display: flex;
  align-items: center;
  gap: var(--space-md);
}

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

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

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

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

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

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

.kqSwKSkOTHFS5y1fncm2 {
  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);
}

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

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

.GGK8MaUoQn4bPVPj8zva {
  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;
}

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

.vbh3i7KX7I0bkzSBByH6 {
  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;
}

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

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

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

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

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

/* Loading and Error States */
.M_77SEoZcHCbLioVKD2o,
.BGMtP0jooPZDg8dNSQTS {
  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);
}

.M_77SEoZcHCbLioVKD2o {
  background: var(--color-surface);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
  min-height: 200px;
  color: var(--color-text-secondary);
}

.BGMtP0jooPZDg8dNSQTS {
  color: var(--color-rust);
  text-align: center;
}

.BGMtP0jooPZDg8dNSQTS p {
  color: var(--color-rust);
  margin: 0 0 var(--space-md);
}

.KDzItI03Bkiv1txa7Swz {
  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;
}

.KDzItI03Bkiv1txa7Swz:hover {
  opacity: 0.9;
}

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

  .QtItxwbKaj98IZG6g2yc {
    max-width: none;
  }

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

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

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

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

  .XtKwB8RnL1B546Zr07CD {
    width: 100%;
  }

  .Je_ynDl_GeMwKhV0dsz9 {
    overflow-x: auto;
  }

  .d5SjllxA4CpIUIAFl5e8 {
    min-width: 600px;
  }

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

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

.pJG4UXl7TYDZJPmI3f3W {
  display: flex;
  flex-direction: column;
  gap: var(--space-xl);
}

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

.GqZnSl7ci3Ivpjlgz25n {
  font-size: var(--font-size-xl);
  font-weight: 700;
  color: var(--color-primary-dark);
  margin: 0;
}

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

.zAvzFdpURlxxGXeLRfN6 {
  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;
}

.zAvzFdpURlxxGXeLRfN6:focus {
  outline: none;
  border-color: var(--color-sapphire);
}

.nqFkvJYI4STGnPtKvEak {
  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;
  white-space: nowrap;
  height: fit-content;
}

.nqFkvJYI4STGnPtKvEak:hover:not(:disabled) {
  opacity: 0.9;
}

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

.QZiIYB5F3t32SlpBUQGi {
  background: white;
  border: 1px solid var(--color-silver);
  border-radius: var(--radius-lg);
  overflow: hidden;
  padding: var(--space-xl);
}

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

.cqp0MRZT6l7FWSmfqQnz {
  display: flex;
  flex-direction: column;
  gap: var(--space-xl);
}

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

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

.nkcW6CTOumrBV0itWdo0 {
  font-size: var(--font-size-md);
  font-weight: 600;
  color: var(--color-sapphire);
}

.U9mvWERw4JdbNIcmJXdx {
  font-size: var(--font-size-sm);
  color: var(--color-ash-gray);
}

.wX2lvKqGKY3zVYJYLOOv {
  padding: var(--space-md);
  background: var(--color-antiflash-white);
  border-radius: var(--radius-md);
  font-size: var(--font-size-md);
  color: var(--color-primary-dark);
  line-height: 1.6;
}

.eAmisLQhynlFTuQZpcJw,
.gAbo3zuHG11owqifCJzB,
.zsJ733LPllHnvKJKqSvJ {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--space-md);
  padding: var(--space-2xl);
  color: var(--color-ash-gray);
  font-size: var(--font-size-md);
  text-align: center;
}

.gAbo3zuHG11owqifCJzB {
  color: var(--color-rust);
}

._iPXvnyVAndW6XFtedZ7 {
  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;
}

._iPXvnyVAndW6XFtedZ7:hover {
  opacity: 0.9;
}

.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 {
  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;
}

.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:not(:first-child) {
  border-top: 1px solid #bccfdc;
}

.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;
}

.XgCz6xYYVObo9sQtPsXv {
  font-weight: 600;
}

/* Duplicates button */
.m52sfbc_FEvYqFAnf5Ai {
  display: flex;
  align-items: center;
  gap: var(--space-sm);
  padding: var(--space-sm) var(--space-md);
  background: var(--color-surface);
  color: var(--color-sapphire-dark);
  border: 1px solid var(--color-sapphire);
  border-radius: var(--radius-md);
  font-size: var(--font-size-sm);
  font-weight: 500;
  cursor: pointer;
  font-family: var(--font-secondary);
  transition: all 0.2s ease;
  white-space: nowrap;
}

.m52sfbc_FEvYqFAnf5Ai:hover {
  background: var(--color-sapphire);
  color: var(--color-surface);
}

.iWGUxFGicCMUSxjt34WK {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  background: var(--color-primary);
  color: white;
  border-radius: 10px;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
}

.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: 3;
}

.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);

  color: #004960;
  font-family: "Helvetica";
  font-weight: bold;
  font-size: 18px;
  line-height: 1.3;
}

.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%;
  min-width: 200px;
  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);

  color: #004960;
  font-family: "Helvetica";
  font-weight: bold;
  font-size: 18px;
  line-height: 1.3;
}

.NNnkES9JuiiFx8cVF0iO .hJ4bc1atw2MiwXmSxT0e {
  width: auto;
  flex: 0 0 auto;
  min-width: 180px;
  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;
}

/* Top-level tabs (Estimate Detail | Documents and Photos | Notifications) */
.vR72eYv7X7e5bmtBk0sU {
  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;
}

.T7kXXh9qCY8M3uybLxEJ {
  flex: 1;
  min-width: 0;
  background: var(--color-background);
  z-index: 10;
  padding-bottom: var(--space-sm);
}

.SuXwidOuWynJcoWq2OSt {
  display: flex;
  gap: 0;
}

.pkVhhDHe8qMuOt6KtzDD {
  flex: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-sm);
  padding: var(--space-md) var(--space-lg);
  background: transparent;
  border: none;
  border-top: 3px solid transparent;
  color: var(--color-ash-gray);
  font-size: var(--font-size-lg);
  font-weight: 400;
  font-family: var(--font-primary);
  cursor: pointer;
  transition: all 0.2s ease;
  text-align: center;
  margin-bottom: -2px;
  white-space: nowrap;
}

.FbfZokIdZ3142l094DaF {
  background: var(--color-primary);
  color: white;
  font-size: 11px;
  font-weight: 700;
  padding: 2px 6px;
  border-radius: var(--radius-full);
  min-width: 18px;
  text-align: center;
}

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

.pkVhhDHe8qMuOt6KtzDD.GWBwKiXeoLMrbBy7UtjE {
  color: var(--color-text-primary);
  border-top-color: var(--color-primary);
  font-weight: 700;
}

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

/* Action Bar with Status Dropdown */
.Eb7jgDVi3NJABGVbRrLg {
  display: flex;
  justify-content: end;
  align-items: center;
  gap: var(--space-lg);
  margin-bottom: var(--space-xl);
}

.seytybkg7f3llvaLXioX {
  position: relative;
  display: inline-block;
}

.OpzhAavIGkXPl5e2AFOd {
  background: #c0c0c0;
  border-radius: 14px;
  color: #606060;
  font-family: "Helvetica", sans-serif;
  font-weight: 400;
  font-size: 14px;
  padding: 10px 40px 10px 16px;
  border: none;
  appearance: none;
  cursor: pointer;
  min-width: 180px;
  height: 44px;
  box-sizing: border-box;
}

.OpzhAavIGkXPl5e2AFOd:focus {
  outline: none;
}

.CPzotFo68LJ19LkQhsr0 {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  font-family: "Material Icons";
  font-size: 20px;
  color: #606060;
  pointer-events: none;
}

.LzPJWahGPVm0PQcDndgN {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: var(--space-xs);
}

.GAEnqhWnsoib4IED6FTa {
  font-size: var(--font-size-smaller);
  color: var(--color-ash-gray);
  max-width: 320px;
  line-height: 1.4;
}

.UIjBtZNRe35611JhJEvg {
  display: flex;
  justify-content: flex-end;
  gap: var(--space-md);
}

.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 section/grid matching EstimatingCreate (for Additional Edit/Create pages) */
.qrvvXaWgaCh7Bl8Pnar9 {
  background: var(--color-surface);
  border-radius: var(--radius-lg);
  padding: var(--space-xl);
  margin-bottom: var(--space-lg);
  box-shadow: var(--shadow-sm);
}

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

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

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

.vO2ZoAUOR2wzpzgkxO8i {
  margin: 0;
  font-size: var(--font-size-xs);
  color: var(--color-text-secondary);
  line-height: 1.4;
}

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

/* Form Groups */
.g59SUtDY9bSdP4CBzuHe {
  display: flex;
  flex-direction: row;
  gap: var(--space-lg);
  align-items: center;
}
.tz25xi4QUjpiztduaLSj {
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
}

.VBuuJsWTtrENb3qubqWY {
  font-family: var(--font-secondary);
  min-width: 150px;
  display: flex;
  align-items: center;
}

.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);
}

/* Site Details Display */
.dQZlf9awp6Ra2vtBjo27 {
  margin-top: var(--space-xs);
  font-family: var(--font-secondary);
  font-size: var(--font-size-smaller);
  color: var(--color-text-secondary);
  padding: var(--space-xs) var(--space-sm);
  background: var(--color-bg-light);
  border-radius: var(--radius-sm);
}

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

.mA53uKoyOWxTdZyI8PTl {
  color: var(--color-text-secondary);
}
/* 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;
}

.Xr7ld7Hfg89fPW1CYDxr {
  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;
}

.RpinxhkuUa7azrNXqAuO {
  position: absolute;
  top: 3px;
  left: 3px;
  width: 22px;
  height: 22px;
  background: white;
  border-radius: 50%;
  transition: transform 0.3s;
}

.RpinxhkuUa7azrNXqAuO.lSB_ybGlRomiCxxv8aix {
  transform: translateX(24px);
}

/* Date and Time */
.fSD5DR2zDnHXHbDXfpAh {
  display: flex;
  flex-direction: row;
  gap: var(--space-sm);
  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);
}
/* Date/Time inputs - special sizing, uses global form-input base styles */
.tBMRgYD4U3f2MbAo7iDW .AYj90nnBE9sa0VdCbYfj,
.uFqVhibxy_K_lDCK4Gv5 .AYj90nnBE9sa0VdCbYfj {
  width: fit-content;
  padding: var(--space-sm);
  /* Base styles inherited from global .form-input */
}

.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;
}

/* Table with Qty + Action column (Manual Entries) */
.P5P5jABNNgGrJV9TigGg {
  display: grid;
  grid-template-columns: 2fr 1fr 0.7fr 1fr 1fr 2fr 0.5fr;
  gap: var(--space-md);
  padding: var(--space-md);
  background: var(--color-bg-light);
  border-bottom: 2px solid var(--color-border);
  font-weight: 600;
}

.XpmMyvyaX4GYO6r3HA6b {
  display: grid;
  grid-template-columns: 2fr 1fr 0.7fr 1fr 1fr 2fr 0.5fr;
  gap: var(--space-md);
  padding: var(--space-lg) var(--space-md);
  border-bottom: 1px solid var(--color-border);
  align-items: center;
}

.XpmMyvyaX4GYO6r3HA6b: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);
}
.smJTzZhAiQLH0caubgaD {
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
  align-items: flex-start;
}
.smJTzZhAiQLH0caubgaD label {
  font-size: var(--font-size-smaller);
}

.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);
}
.mOJ7bmHYsb954WoV7lLd {
  margin-top: var(--space-xl);
}

.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: 80px;
  padding: var(--space-sm) var(--space-md);
  border: 2px 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: center;
  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);
}

.D_6MHKM_CYQPqNfgJyuv {
  margin-top: var(--space-sm);
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: var(--font-secondary);
  font-size: var(--font-size-sm);
  color: var(--color-text-primary);
}

.L0gzx_kuTVy85T5lR7t3 {
  font-weight: 600;
}

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

/* Summary Actions */
.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;
  margin-right: var(--space-xl);
}

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

.RFIjtg8g8Uz8j1_nTTYb {
  margin-top: var(--space-xl);
  padding-top: var(--space-lg);
  display: flex;
  justify-content: flex-end;
  border-top: 1px solid var(--color-border);
}

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

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

/* Responsive - Medium screens (tablets/small laptops) */
@media (max-width: 1376px) {
  /* Stack dateTimeSection vertically */
  .fSD5DR2zDnHXHbDXfpAh {
    flex-direction: column;
    gap: var(--space-md);
  }

  /* Make duration group horizontal when stacked */
  .pvK60luQexxz90JUGBNS {
    flex-direction: row;
    align-items: center;
    gap: var(--space-md);
  }

  /* Reduce label min-width */
  .VBuuJsWTtrENb3qubqWY {
    min-width: 100px;
  }

  /* Make dateTimeInputs wrap properly */
  .auxW7IdYDxGOJkqzG1Es {
    flex-wrap: wrap;
  }

  .q03Y5o_QwSvzrpTjemm_ {
    width: 100%;
    margin-bottom: var(--space-xs);
  }

  /* Fix toggle wrapper overflow */
  .vJZqFSjd5l9jfnF81_uZ {
    flex-wrap: wrap;
  }

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

/* Responsive - Tablets */
@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);
  }

  .P5P5jABNNgGrJV9TigGg,
  .XpmMyvyaX4GYO6r3HA6b {
    grid-template-columns: 1.5fr 0.8fr 0.6fr 0.8fr 0.8fr 1.5fr 0.4fr;
    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,
  .n_3AaAfkhNDsMWVvMSPb,
  .ZpClwsf1Fd6zaPwZ8eBE,
  .P5P5jABNNgGrJV9TigGg,
  .XpmMyvyaX4GYO6r3HA6b {
    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);
  }
}

/* Searchable Company Dropdown */
.MuFxlWDvs2Bvn45cnhZ4 {
  position: relative;
  width: 100%;
}

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

.WpVUD59a_I_IyQw7AymC {
  width: 100%;
  padding: 12px 16px;
  padding-right: 40px;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md); /* 7px */
  font-family: var(--font-secondary);
  font-size: var(--font-size-sm); /* 14px */
  color: var(--color-text-primary);
  background: var(--color-surface);
  transition: border-color 0.2s ease;
}

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

.WpVUD59a_I_IyQw7AymC::placeholder {
  color: var(--color-text-muted);
}

.z7RsK3TqAGFaoskqnDK2 {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  border: none;
  background: var(--color-text-muted);
  color: white;
  border-radius: 50%;
  font-size: 14px;
  line-height: 1;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.15s;
}

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

.WpG7FW_L5kMY3dI_Anrk {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  max-height: 250px;
  overflow-y: auto;
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-top: none;
  border-radius: 0 0 var(--radius-sm) var(--radius-sm);
  z-index: 100;
  box-shadow: var(--shadow-md);
}

.Bqt5qEVrRXYg65AuBesY {
  padding: var(--space-sm) var(--space-md);
  cursor: pointer;
  font-family: var(--font-secondary);
  font-size: var(--font-size-sm);
  color: var(--color-text-primary);
  transition: background 0.15s;
  border-bottom: 1px solid var(--color-border-light);
}

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

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

.NSYtrCTsGzZ1ouLVDx3x,
.ZRLx5P0Dfki0pcxOUUI8 {
  padding: var(--space-md);
  text-align: center;
  color: var(--color-text-secondary);
  font-family: var(--font-secondary);
  font-size: var(--font-size-sm);
  font-style: italic;
}

/* Contact Dropdown */
.KkmI8TN2RDctkfJ51Jga {
  flex: 1;
  position: relative;
}

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

.g9Uh1U7coajY75xcFYQw .Hy24QekPPC9kXv9pRP7H {
  width: 100%;
  padding-right: 36px;
}

.SiXQ4AuePurt9Tqedp9m {
  position: absolute;
  right: 12px;
  background: none;
  border: none;
  color: var(--color-text-secondary);
  font-size: 20px;
  cursor: pointer;
  padding: 0;
  line-height: 1;
}

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

.SRSEdOS1KMvsPO0Rh9A1 {
  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;
}

.H41TVa75ZuSs7nxbCeba {
  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;
}

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

.H41TVa75ZuSs7nxbCeba.cgjZzqIA_WotMb99Awco {
  background: var(--color-misty-rose);
}

.l1pIolpRmxPhOMpeuud7 {
  font-size: var(--font-size-sm);
  font-weight: 500;
  color: var(--color-text-primary);
  font-family: var(--font-secondary);
}

.HCAwDZTdF6XxMxcvxXq5 {
  background: none;
  border: none;
  color: var(--color-ash-gray);
  font-size: 18px;
  cursor: pointer;
  padding: 2px 6px;
  line-height: 1;
  border-radius: var(--radius-sm);
  transition:
    color 0.15s,
    background 0.15s;
}

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

.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-md);
}

.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);
}

.UEjRXgSu3jZ3KhKU2RSQ {
  position: relative;
  z-index: 1;
  margin: 0 0 var(--space-lg) 0;
  font-size: var(--font-size-2xl);
  font-weight: 700;
  color: white;
  text-transform: uppercase;
  letter-spacing: 2px;
}

.VnUNsM7yYB9h2yQON5l8 {
  padding: var(--space-sm) var(--space-lg);
  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-primary);
  cursor: pointer;
  transition: all 0.2s ease;
  white-space: nowrap;
  text-transform: uppercase;
}

.VnUNsM7yYB9h2yQON5l8:hover:not(:disabled) {
  background: var(--color-rust);
  transform: translateY(-1px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.VnUNsM7yYB9h2yQON5l8:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none;
}

.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:not(:disabled) {
  background: var(--color-rust);
  box-shadow: var(--shadow-lg);
}

.U9a5Mg52IHKy8kOheLNB:disabled {
  background: #ccc;
  cursor: not-allowed;
  opacity: 0.7;
}

.xk_sVoRdEkIAUz6Vy31y {
  padding: 12px 24px;
  border-radius: var(--radius-full);
  font-size: var(--font-size-md);
  font-weight: 600;
  box-shadow: var(--shadow-md);
}

.xk_sVoRdEkIAUz6Vy31y[data-status="draft"] {
  background: #e9ecef;
  color: #495057;
}

.xk_sVoRdEkIAUz6Vy31y[data-status="inprogress"] {
  background: #cfe2ff;
  color: #084298;
}

.xk_sVoRdEkIAUz6Vy31y[data-status="pending"] {
  background: #fff3cd;
  color: #856404;
}

.xk_sVoRdEkIAUz6Vy31y[data-status="approved"] {
  background: #d4edda;
  color: #155724;
}

.xk_sVoRdEkIAUz6Vy31y[data-status="declined"] {
  background: #f8d7da;
  color: #721c24;
}

.xk_sVoRdEkIAUz6Vy31y[data-status="cancelled"] {
  background: #e9ecef;
  color: #6c757d;
}

.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;
}

.a8ypRWh0WLIGh7KARvcG {
  margin: 0 0 var(--space-md) 0;
  font-size: var(--font-size-lg);
  font-weight: 700;
  color: var(--color-primary-dark);
  text-align: right;
}

.Mw8PYRYRHKbODc1kO8Uw {
  margin: 0 0 8px 0;
  font-size: var(--font-size-sm);
  line-height: 1.6;
  color: var(--color-text-primary);
  text-transform: capitalize;
}

.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;
  top: 45%;
  transform: translateY(-50%);
  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;
  display: flex;
  align-items: center;
  padding: 0 var(--space-sm);
}

.FDawNrNa3fp1X0g28PQu {
  font-size: var(--font-size-md);
  font-weight: 500;
  color: var(--color-primary-dark);
}

.dool0mrr3TL_nRrK8Lxv {
  max-height: 50px;
  max-width: 200px;
  display: block;
}

.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);
  }

  .VnUNsM7yYB9h2yQON5l8,
  .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);
  }
}

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

.r3lYVhVGic21nWf9dwSC,
.yqG91EXkeh26wNLFOdof {
  padding: var(--space-2xl);
  text-align: center;
  background: white;
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
}

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

.yqG91EXkeh26wNLFOdof p {
  color: var(--color-rust);
  font-size: var(--font-size-md);
  margin-bottom: var(--space-md);
}

.JHF3IE7P9eZfTsdSFqYT {
  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;
}

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

/* Empty State */
.vcB6QYpLxmEMH1XgNnkn {
  padding: var(--space-3xl);
  text-align: center;
  background: white;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-sm);
}

.tus_j3pnPqliBm0gkj2S {
  color: var(--color-green-success);
  margin-bottom: var(--space-lg);
}

.vcB6QYpLxmEMH1XgNnkn h3 {
  font-size: var(--font-size-xl);
  font-weight: 600;
  color: var(--color-sapphire-dark);
  margin: 0 0 var(--space-sm) 0;
  font-family: var(--font-primary);
}

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

.av2EVirzvtCmLaqSz68Y {
  padding: var(--space-sm) var(--space-xl);
  background: var(--color-sapphire);
  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;
}

.av2EVirzvtCmLaqSz68Y:hover {
  background: var(--color-sapphire-dark);
}

/* Duplicates List */
.MZqMWnAJUGsFpXlruigG {
  display: flex;
  flex-direction: column;
  gap: var(--space-xl);
}

.bfOzIziZ9C8q_b7i3N9O {
  margin-bottom: var(--space-md);
}

.UBwjbGHC7a1QZEEM6oGg {
  font-size: var(--font-size-xl);
  font-weight: 600;
  color: var(--color-sapphire-dark);
  margin: 0 0 var(--space-sm) 0;
  font-family: var(--font-primary);
}

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

/* Duplicate Group */
.eYfs6l26XixTb4qNXb29 {
  background: white;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-md);
  overflow: hidden;
}

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

.Mg2iHgkr0V8nhBO22Nn8 {
  flex: 1;
}

.bOKugZM13qj11806kdB7 {
  font-size: var(--font-size-lg);
  font-weight: 600;
  color: var(--color-sapphire-dark);
  margin: 0 0 var(--space-xs) 0;
  font-family: var(--font-primary);
}

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

.v9_fPrIOOWp_ikLQFTLS {
  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: 600;
  font-family: var(--font-secondary);
  transition: all 0.2s ease;
}

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

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

/* Sites Grid */
.nOrkmz897mlHurB3nnMu {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: var(--space-md);
  padding: var(--space-lg);
}

.UeSFvKTtJDixkfTqkBGr {
  display: flex;
  gap: var(--space-md);
  padding: var(--space-md);
  background: var(--color-surface);
  border: 2px solid var(--color-border);
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: all 0.2s ease;
  position: relative;
}

.UeSFvKTtJDixkfTqkBGr:hover {
  border-color: var(--color-sapphire);
  box-shadow: var(--shadow-sm);
}

.UeSFvKTtJDixkfTqkBGr.gExU9cQX57Rt3X5N3I_L {
  border-color: var(--color-primary);
  background: rgba(207, 87, 51, 0.05);
}

.QPn4_giY6mgsWsNCVkmr {
  flex-shrink: 0;
  display: flex;
  align-items: flex-start;
  padding-top: 2px;
}

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

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

.t2praHgG0ReRYRQNJ6dw {
  font-size: var(--font-size-md);
  font-weight: 600;
  color: var(--color-sapphire-dark);
  margin: 0 0 var(--space-xs) 0;
  font-family: var(--font-primary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.Hh_xJVxfoD59HpzObzix {
  font-size: var(--font-size-sm);
  color: var(--color-text-secondary);
  margin: 0 0 2px 0;
  font-family: var(--font-secondary);
}

.EfnSIedHwC893CYrxEws {
  font-size: var(--font-size-xs);
  color: var(--color-text-muted);
  margin: var(--space-xs) 0 0 0;
  font-family: var(--font-secondary);
}

.y7ngtAJNlsod7w7eD6Mc {
  position: absolute;
  top: var(--space-sm);
  right: var(--space-sm);
  padding: 2px 8px;
  background: var(--color-primary);
  color: white;
  border-radius: var(--radius-sm);
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  font-family: var(--font-secondary);
}

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

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

  .v9_fPrIOOWp_ikLQFTLS {
    width: 100%;
  }

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



.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);
  color: var(--color-sapphire-dark);
  font-family: var(--font-secondary);
  font-size: var(--font-size-sm);
}

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

.CM5a7mh1RMUpycuyUsyG {
  text-align: right;
}

.YLDt_q1TGzV8AM7SAfKA {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: var(--space-xs);
}

.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);
}

.L2ERE4NObZ98HiUZoOIl {
  cursor: pointer;
  padding: var(--space-xs);
  border: 0;
  border-top: 1.5px solid var(--color-rust);
  background: var(--color-rust);
  border-radius: 5px;
  color: #ffffff;
  font-family: "Poppins";
  font-weight: 500;
  font-size: 8px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 5px;
  transition: all 0.2s ease;
}

.L2ERE4NObZ98HiUZoOIl .VnkDpl1pI9JigMwWLMfA {
  width: max-content;
}

.L2ERE4NObZ98HiUZoOIl .y2uZViDMPvT0CEifKjIw {
  font-size: 12px;
}

.L2ERE4NObZ98HiUZoOIl:hover:not(:disabled) {
  background: var(--color-misty-rose);
  color: var(--color-rust);
}

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

.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;
}

@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);
  height: 100%;
}

.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;
}

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

.gZdmt5Yc_LNmx3mqBQNL {
  margin: 0;
  font-size: var(--font-size-xs);
  color: var(--color-text-secondary);
  line-height: 1.4;
}

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

.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);
}

.LjQ69r1MGJOwsixFUQtD {
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
  align-items: flex-start;
}
.LjQ69r1MGJOwsixFUQtD label {
  font-size: var(--font-size-smaller);
}

.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;
}

.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:not(:first-child) {
  border-top: 1px solid #BCCFDC;
}

.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);
}


/* 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%;
  }
}

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

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

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

.FTudqWao4IiEruK2yMDE 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;
}

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

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

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

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

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

.ZjvG20sXcxpIKRtCDCUi {
  text-align: right;
}

.jjJzGfAtmzQxLpTNqAmd {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: var(--space-xs);
}

.sX6W0ujRTKe72Le8r7vu {
  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;
}
.sX6W0ujRTKe72Le8r7vu .yDbuXDL2svTttRx1EEQR {
  width: max-content;
}
.sX6W0ujRTKe72Le8r7vu .zwgSRQ4ILjyzEASUitIS {
  font-size: 12px;
}

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

.dJMhru9BSm31BNv8YIgw {
  cursor: pointer;
  padding: var(--space-xs);
  border: 0;
  border-top: 1.5px solid var(--color-rust);
  background: var(--color-rust);
  border-radius: 5px;
  color: #ffffff;
  font-family: "Poppins";
  font-weight: 500;
  font-size: 8px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 5px;
  transition: all 0.2s ease;
}

.dJMhru9BSm31BNv8YIgw .yDbuXDL2svTttRx1EEQR {
  width: max-content;
}

.dJMhru9BSm31BNv8YIgw .zwgSRQ4ILjyzEASUitIS {
  font-size: 12px;
}

.dJMhru9BSm31BNv8YIgw:hover:not(:disabled) {
  background: var(--color-misty-rose);
  color: var(--color-rust);
}

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

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

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

.fafAGdXMrbG5gBsaOPCg {
  max-width: 800px;
  margin-bottom: var(--space-lg);
}

.iqUmWW8DUMBQxbJY_UEc {
  background: var(--color-surface);
  border-radius: var(--radius-md);
  padding: var(--space-xl);
  box-shadow: var(--shadow-sm);
  border: 1px solid var(--color-border);
}

.LOh5Qjq_BubS_TrwRiSq {
  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;
}

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

.g72KKYieMzDuwJ7dQQ4u,
.vBSQneYoAe4nyUVoxFIb {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.O9UDg786LV9n1x6mGihO {
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
  margin-bottom: var(--space-md);
}

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

.Sln7AhM8wM7v3Aw3WafH {
  font-size: var(--font-size-sm);
  font-weight: 500;
  color: var(--color-text-primary);
  font-family: var(--font-secondary);
}

.sEh6ePuF2Kg8DwsSUBLa {
  color: #dc2626;
}

.O9UDg786LV9n1x6mGihO > div:not(:first-child) > div {
  background: var(--color-surface);
}

.HCQu1pe6NkBG8KBFHRyC {
  width: 100%;
  height: 50px;
  padding: 12px 16px;
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  font-size: var(--font-size-md);
  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;
}

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

.HCQu1pe6NkBG8KBFHRyC:hover:not(:focus) {
  border-color: var(--color-ash-gray);
}

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

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

  .iqUmWW8DUMBQxbJY_UEc {
    padding: var(--space-lg);
  }
}

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

.QuZzKNX9y9cJSZ2z5nnB {
  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;
}

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

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

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

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

.rv3ZjndyS4bcIr0l51nE {
  white-space: nowrap;
}

.Kk3I3qMWXrrgipnSYHhP {
  position: relative;
  display: flex;
  align-items: stretch;
}

.bzn2rxk68pFmxXfIdMzB {
  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;
}

.bzn2rxk68pFmxXfIdMzB svg {
  fill: var(--color-antiflash-white);
}

.bzn2rxk68pFmxXfIdMzB:hover {
  background: rgba(45, 90, 107, 0.08);
}

.mQzhpky5VGLP1qrQqwhg {
  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);
}

.noG09cCOeyJ6NV3iUg6t {
  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;
}

.BsY0L9ox03JXGaIn26FK {
  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;
}

.BsY0L9ox03JXGaIn26FK:not(:first-child) {
  border-top: 1px solid #BCCFDC;
}

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

.BsY0L9ox03JXGaIn26FK.sPCuoSFIYir68iZdYfNu {
  background: var(--color-green-white);
  border: 1px solid var(--color-green-white);
}

.BsY0L9ox03JXGaIn26FK.sPCuoSFIYir68iZdYfNu:hover {
  background: #e0efff;
}

.oTp3KSsPrsyDTR5XZ1Fz,
.xZogoqvA7yp7lOn1NyKH {
  padding: var(--space-2xl);
  text-align: center;
  background: white;
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
}

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

.xZogoqvA7yp7lOn1NyKH p {
  color: var(--color-rust);
  font-size: var(--font-size-md);
  margin-bottom: var(--space-md);
}

.By0ipx90H6EF2P7948Nl {
  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;
}

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

@media (max-width: 768px) {
  .QuZzKNX9y9cJSZ2z5nnB {
    width: 100%;
    min-width: unset;
  }

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

  .noG09cCOeyJ6NV3iUg6t {
    right: 0;
    left: auto;
  }
}

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

.Lqs8e0sRcFqU3SUkYoLg {
  margin-top: var(--space-lg);
}

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

.tqco8ax3ckveDjOkbktK {
  color: #dc2626;
}

.QYLzus1IGf21nHGTUaVU {
  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);
}

.cExQBTR5Hy14VejsSKSw {
  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;
}

.cExQBTR5Hy14VejsSKSw:hover:not(:disabled) {
  background: #094a72;
}

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

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

  .QYLzus1IGf21nHGTUaVU {
    flex-direction: column;
  }

  .cExQBTR5Hy14VejsSKSw {
    width: 100%;
  }
}

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

.dgnprYHhjL9EOzCj9mV3 {
  margin-top: var(--space-lg);
}

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

.EvlLxvbeJizMzcu38GRn {
  color: #dc2626;
}

.uH7fewhbHouaxF7Afheu {
  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);
}

.SW7f5SazOkbkCWIaVI6_ {
  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;
}

.SW7f5SazOkbkCWIaVI6_:hover:not(:disabled) {
  background: #094a72;
}

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

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

  .uH7fewhbHouaxF7Afheu {
    flex-direction: column;
  }

  .SW7f5SazOkbkCWIaVI6_ {
    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;
}

.j8Msyc52cfzvCyAfl_iu {
  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);
}

.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);
}

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

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

.Bn5Xrqt9KZE_FJUVGeaf {
  display: inline-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;
  text-decoration: none;
  cursor: pointer;
  transition: background 0.2s;
  white-space: nowrap;
}

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

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

.jDN6f7wvztHout3fGoYa {
  position: relative;
  display: inline-block;
}

.EmwoskhieTMRwibyJVu4 {
  background: #c0c0c0;
  border-radius: 14px;
  color: #606060;
  font-family: "Helvetica", sans-serif;
  font-weight: 400;
  font-size: 14px;
  padding: 10px 40px 10px 16px;
  border: none;
  appearance: none;
  cursor: pointer;
  min-width: 180px;
  height: 44px;
  box-sizing: border-box;
}

.EmwoskhieTMRwibyJVu4:focus {
  outline: none;
}

.EbcWlqrM2NTuTo2J4Prt {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  font-family: "Material Icons";
  font-size: 20px;
  color: #606060;
  pointer-events: none;
}

._9q7ROAfJqJZgvN44SrPQ {
  display: flex;
  justify-content: flex-end;
  gap: var(--space-md);
}

.HICLJMUiEQM1TwtKkCPD {
  background: #2d728f;
  border-radius: 10px;
  color: #ffffff;
  font-family: "Helvetica", sans-serif;
  font-size: var(--font-size-sm);
  font-weight: 500;
  padding: 10px 20px;
  border: none;
  cursor: pointer;
  transition: background 0.2s;
  height: 44px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}

.HICLJMUiEQM1TwtKkCPD:hover:not(:disabled) {
  background: #1f5a6f;
}

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

.xec2KlaLqnKjjAJlG71w {
  background: var(--color-ash-gray);
  cursor: not-allowed;
  opacity: 0.6;
}

.KdcfdYu7NLbS3B5hVVro {
  background: #89c649;
}

.KdcfdYu7NLbS3B5hVVro:hover:not(:disabled) {
  background: #7ab03d;
}

.VwJUO6j1RHsCxU8Ud7Pv {
  background: #2d728f;
  border-radius: 10px;
  color: #ffffff;
  font-family: "Helvetica", sans-serif;
  font-size: var(--font-size-sm);
  font-weight: 500;
  padding: 10px 20px;
  border: none;
  cursor: pointer;
  transition: background 0.2s;
  height: 44px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}

.VwJUO6j1RHsCxU8Ud7Pv:hover {
  background: #1f5a6f;
}

/* Section */
.sAGfoSMIb_Fbn6jOzyQK {
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
  height: 100%;
}

.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%;
}

.QsQPoaz0W5ap78UVYjD4 {
  display: flex;
  align-items: center;
  gap: var(--space-md);
  font-size: var(--font-size-md);
  font-weight: 600;
  color: var(--color-primary-dark);
  margin: 0 0 var(--space-md) 0;
}

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

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

.DeDUzdk9Ky4WPtQLsl5E > span:first-child {
  min-width: 170px;
}

/* 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);
}
.ZEJSQ2gEf6FJgIbJ80oA {
  display: flex;
  flex-direction: row;
  gap: var(--space-sm);
  justify-content: space-between;
}

.Zcd7iEobLI1T01R9eU4a {
  align-items: flex-start;
}

.Zcd7iEobLI1T01R9eU4a > .JdngWp8qVDEY7RDWMfxA {
  flex: 1;
  min-width: 0;
}

.zvHwddVRq5wAHeF5nOzT {
  display: flex;
  flex-direction: column;
  gap: var(--space-xs);
  min-width: 170px;
  flex-shrink: 0;
}

.DzZ0qDPyxrwTICqIRvUc {
  font-size: var(--font-size-xs);
  color: var(--color-text-secondary);
  line-height: 1.35;
  font-weight: 400;
}

.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);
}

.xB135lC3tdF0SlZv05Si,
.JGroenTxgbfnZTOxGNRk,
.QBo71GEcpljCoD8kH8Ek,
.kEWFxLwlgE9rtAk5GINY {
  width: 144px;
  padding: 8px 10px;
  border-radius: 6px;
  color: #ffffff;
  font-family: "Helvetica";
  font-weight: 400;
  border: none;
  cursor: default;
}

.kEWFxLwlgE9rtAk5GINY {
  background: #6b7280;
}

.xB135lC3tdF0SlZv05Si {
  background: #07486f;
}

.JGroenTxgbfnZTOxGNRk {
  background: #58b745;
}

.QBo71GEcpljCoD8kH8Ek {
  background: #f25b22;
}

.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;
}

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

.dMPfS_wi_zQVPiQkIs6w .wL8YTx7xaF80a4YnAn3Y {
  flex: 1;
  min-width: 0;
}

.ruFZk_5Wij_sCxR5sGUV {
  flex-shrink: 0;
  padding: 8px 16px;
  font-size: var(--font-size-sm);
  font-weight: 500;
  color: var(--color-primary);
  background: transparent;
  border: 1px solid var(--color-primary);
  border-radius: var(--radius-md);
  cursor: pointer;
  transition:
    background 0.2s,
    color 0.2s;
}

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

.XH5KXw2pYjDn_l71DET9 {
  flex-shrink: 0;
  padding: 8px 16px;
  font-size: var(--font-size-sm);
  font-weight: 500;
  color: var(--color-primary);
  background: transparent;
  border: 1px solid var(--color-primary);
  border-radius: var(--radius-md);
  cursor: pointer;
  transition:
    background 0.2s,
    color 0.2s;
}

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

.RVEXEgQAo2xiEaMAT__x {
  resize: vertical;
  min-height: 120px;
}

.JdngWp8qVDEY7RDWMfxA:read-only,
.RVEXEgQAo2xiEaMAT__x:read-only {
  background: var(--color-antiflash-white);
  color: var(--color-ash-gray);
  cursor: default;
}

.JdngWp8qVDEY7RDWMfxA:read-only:focus,
.RVEXEgQAo2xiEaMAT__x:read-only:focus {
  border-color: var(--color-silver);
}

.JdngWp8qVDEY7RDWMfxA:disabled,
.RVEXEgQAo2xiEaMAT__x:disabled,
.wL8YTx7xaF80a4YnAn3Y:disabled {
  background: var(--color-antiflash-white);
  color: var(--color-ash-gray);
  cursor: not-allowed;
}

.JdngWp8qVDEY7RDWMfxA:disabled:focus,
.RVEXEgQAo2xiEaMAT__x:disabled:focus,
.wL8YTx7xaF80a4YnAn3Y:disabled:focus {
  border-color: var(--color-silver);
}

.ZEJSQ2gEf6FJgIbJ80oA:has(.JdngWp8qVDEY7RDWMfxA:read-only) .otBCf5yJS3JfCtRna5rw {
  color: var(--color-ash-gray);
}

.wLpUAOJNAwXYanEsf2Hf .Rk2XWOVq6NYVCAPRwWp3 {
  color: var(--color-ash-gray);
}

.wLpUAOJNAwXYanEsf2Hf .xuJDcwX5purGoc7p3wK_ > .otBCf5yJS3JfCtRna5rw {
  color: var(--color-ash-gray);
}

/* 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 1fr;
  gap: var(--space-lg);
  align-items: start;
}

.Zsdtl1NWLUFvPIm2QdYg {
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
}

.bE8dZlLvYZL90pCAvIj8,
.aapoLJyqCbJdcMI327eQ,
.NvDcDKEg2mWpCez1r1m0,
.V6rtp1RRxvwYU7wCdjMk {
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
}

.bE8dZlLvYZL90pCAvIj8,
.aapoLJyqCbJdcMI327eQ,
.NvDcDKEg2mWpCez1r1m0,
.V6rtp1RRxvwYU7wCdjMk {
  height: 100%;
}

.bE8dZlLvYZL90pCAvIj8 .dVCtlyrbooGY3ICpsItt,
.aapoLJyqCbJdcMI327eQ .dVCtlyrbooGY3ICpsItt,
.NvDcDKEg2mWpCez1r1m0 .dVCtlyrbooGY3ICpsItt,
.V6rtp1RRxvwYU7wCdjMk .dVCtlyrbooGY3ICpsItt {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.bE8dZlLvYZL90pCAvIj8 .RVEXEgQAo2xiEaMAT__x,
.aapoLJyqCbJdcMI327eQ .RVEXEgQAo2xiEaMAT__x {
  min-height: 60px;
  height: auto;
  flex: 1 1 auto;
}

.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,
.Ezr4GvdyLs2idh2a3Kcm {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-lg);
  padding: var(--space-md);
  background: var(--color-misty-rose);
  border: 1px solid var(--color-jasmine);
  border-radius: var(--radius-md);
  margin-bottom: var(--space-lg);
}
.virTMOT47Uw3CwI3mNPX {
  margin-bottom: var(--space-md);
}

.Ezr4GvdyLs2idh2a3Kcm {
  margin-top: var(--space-md);
}

.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-smaller);
  color: var(--color-primary);
  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);
}

.RjyEs96xF6Jxehxl0TCW {
  display: flex;
  align-items: center;
  gap: var(--space-xs);
}
.gMadznXzCRUpvUU8MmeB {
  display: flex;
  flex-direction: column;
  justify-content: end;
  gap: var(--space-xs);
}

.U63hZsvnDFhjN0PcKmzm {
  padding: 2px 8px;
  font-size: var(--font-size-xs);
  font-weight: 600;
  color: var(--color-primary);
  background: none;
  border: 1px solid var(--color-primary);
  border-radius: var(--radius-sm);
  cursor: pointer;
  transition: all 0.2s;
}

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

.qmLs_YjKvwzKADmOX7HM {
  font-size: var(--font-size-xs);
  color: var(--color-ash-gray);
  margin: 0 0 var(--space-sm) 0;
}

.aX0pOvXcTQSzQwMLQrAL {
  padding: var(--space-md);
  background: var(--color-antiflash-white);
  border: 1px solid var(--color-silver);
  border-radius: var(--radius-md);
  font-size: var(--font-size-sm);
  color: var(--color-primary-dark);
  white-space: pre-wrap;
}

.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;
}

/* Document picker modal */
.tEBfCcFglHPpSNHuGiDk {
  min-width: 280px;
  max-height: 320px;
  overflow-y: auto;
}

.w6Ih3FddqQcE87z6Ecg2 {
  margin-bottom: var(--space-lg);
}

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

.AHCs8CwEjPhwwCCzIj2C {
  margin: 0 0 var(--space-sm);
  font-size: var(--font-size-sm);
  font-weight: 600;
  color: var(--color-primary-dark);
}

.XJr8JyX6HNxN5EpLChx6 {
  margin: 0;
  font-size: var(--font-size-sm);
  color: var(--color-ash-gray);
}

.NQ6YQFcbGC2dUBEqgP8p {
  margin: 0;
  font-size: var(--font-size-sm);
  color: var(--color-ash-gray);
}

.SRzM0rpCt4nO_MicDrWs {
  list-style: none;
  margin: 0;
  padding: 0;
}

.UW9jpjndJHbYE6PCZmme {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-md);
  padding: var(--space-sm) 0;
  border-bottom: 1px solid var(--color-silver);
}

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

.Uwb6jEaqlDuWAMwPg1w_ {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: var(--font-size-sm);
}

.pXSAdfbtWZ0DqZsLVlfa {
  padding: 6px 12px;
  font-size: var(--font-size-xs);
  font-weight: 600;
  color: white;
  background: var(--color-primary);
  border: none;
  border-radius: var(--radius-sm);
  cursor: pointer;
  flex-shrink: 0;
}

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

.YhnPODp3gnfQvnd603gW {
  padding: 6px 12px;
  font-size: var(--font-size-xs);
  font-weight: 600;
  color: var(--color-ash-gray);
  background: var(--color-silver);
  border: none;
  border-radius: var(--radius-sm);
  cursor: not-allowed;
  flex-shrink: 0;
}

.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 {
  display: flex;
  align-items: center;
  gap: var(--space-md);
  font-size: var(--font-size-md);
  font-weight: 600;
  color: var(--color-primary-dark);
  margin: 0 0 var(--space-md) 0;
}

.zIiU1d7h17ljMdblJoqu {
  display: flex;
  align-items: center;
  gap: var(--space-xs);
  margin-left: auto;
  padding: 8px;
  background: #fff4e8;
  border-radius: 10px;
}

.PH5QWVoOmAbe4x9n82jn {
  font-family: "Material Icons";
  font-size: 20px;
  color: var(--color-jasmine);
  font-weight: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  flex-shrink: 0;
}

.WFCrYIdk0x6KW2cLF3CA {
  color: var(--color-primary);
  font-family: "Poppins";
  font-size: 10px;
}

.SVkLo2C8ODWiV4ef3rre {
  margin-left: var(--space-sm);
  padding: 0;
  background: none;
  border: none;
  color: var(--color-primary);
  font-family: "Poppins";
  font-size: 10px;
  font-weight: 600;
  cursor: pointer;
  text-decoration: underline;
}

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

.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);
  gap: 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.AlHXpzKoPEw5f3p7Aqw8 {
  background: transparent;
  color: var(--color-sapphire);
  border: 1px solid var(--color-sapphire);
}

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

.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: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--space-xl);
  padding: var(--space-lg) 0;
}

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

.cAHoTBBrilFnvUdvzbqs {
  font-size: var(--font-size-md);
  font-weight: 600;
  color: var(--color-primary-dark);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* Contractor's Review */
.G5wBbkeQF2NlJtj3uIFz {
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
  margin-top: var(--space-md);
  padding-top: var(--space-md);
  border-top: 1px solid var(--color-silver);
}

.PKPNwFNjohCFDBz0Ji2Y {
  font-size: var(--font-size-sm);
  font-weight: 600;
  color: var(--color-primary-dark);
  margin: 0 0 var(--space-xs) 0;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.X0gD_dxYySZZ20zvZnfJ {
  display: flex;
  align-items: center;
  gap: var(--space-lg);
  flex-wrap: wrap;
  justify-content: space-between;
}

.Uc6jEozd2JdJKq9xeb5y {
  font-size: var(--font-size-sm);
  color: var(--color-primary-dark);
  min-width: 180px;
}

/* Option Buttons (Yes/No style like budget buttons) */
.mGcJEqYwMy5DgIZ_G7M6 {
  display: flex;
  gap: var(--space-md);
  flex-wrap: wrap;
}

.iDVkkiLQXHScr5lklkzu {
  min-width: 60px;
  padding: 8px 16px;
  border: 2px solid #d0d0d0;
  border-radius: 24px;
  background: white;
  color: #666;
  font-size: var(--font-size-sm);
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
  font-family: var(--font-family);
}

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

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

/* Form Actions */
.IOFSiKmWD0PHYeKR3c2_ {
  display: flex;
  justify-content: flex-end;
  gap: var(--space-md);
  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;
}
.v3HFnlMh_keVlwKb1O8D {
  display: flex;
  align-items: center;
  gap: var(--space-md);
  justify-content: space-between;
  margin-top: var(--space-md);
}

/* Responsive */
@media (max-width: 1300px) {
  /* JOB SCOPE: 2 columns, QA full-width on second row */
  .ot_V0QxYlYr3dhVANI0n {
    grid-template-columns: 1fr 1fr;
  }

  .ot_V0QxYlYr3dhVANI0n .V6rtp1RRxvwYU7wCdjMk {
    grid-column: 1 / -1;
  }
}

@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: 961px) {
  .J63SsKc80WIJZCySHGrm {
    padding: var(--space-lg);
  }

  .sqmkJYfKw32epUyLfbaZ,
  .ot_V0QxYlYr3dhVANI0n,
  .CYNVq0G5T6lv6iNNxsPY {
    grid-template-columns: 1fr;
  }

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

  .ot_V0QxYlYr3dhVANI0n .Zsdtl1NWLUFvPIm2QdYg,
  .ot_V0QxYlYr3dhVANI0n .NvDcDKEg2mWpCez1r1m0,
  .ot_V0QxYlYr3dhVANI0n .V6rtp1RRxvwYU7wCdjMk {
    grid-column: unset;
  }

  .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 {
    grid-template-columns: 1fr;
  }
}

/* Searchable Company/Contact Dropdown */
.bkNEEy5kTchAjjOJ9L5i {
  position: relative;
  width: 180px;
}

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

.GwbXpf2R7hqt461G0ahP {
  width: 100%;
  padding: 12px 16px;
  padding-right: 40px;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  font-family: var(--font-secondary);
  font-size: var(--font-size-sm);
  color: var(--color-text-primary);
  background: var(--color-surface);
  transition: border-color 0.2s ease;
}

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

.GwbXpf2R7hqt461G0ahP:disabled {
  background: var(--color-antiflash-white);
  color: var(--color-ash-gray);
  cursor: not-allowed;
}

.GwbXpf2R7hqt461G0ahP::placeholder {
  color: var(--color-text-muted);
}

.Uchd1bOBRdjO46Rs8zYQ {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  border: none;
  background: var(--color-text-muted);
  color: white;
  border-radius: 50%;
  font-size: 14px;
  line-height: 1;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.15s;
}

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

.ARdAhcClLsgPvm6AokR4 {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  max-height: 250px;
  overflow-y: auto;
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-top: none;
  border-radius: 0 0 var(--radius-sm) var(--radius-sm);
  z-index: 100;
  box-shadow: var(--shadow-md);
}

.BPcHGxA3kUKjFDFkVKsP {
  padding: var(--space-sm) var(--space-md);
  cursor: pointer;
  font-family: var(--font-secondary);
  font-size: var(--font-size-sm);
  color: var(--color-text-primary);
  transition: background 0.15s;
  border-bottom: 1px solid var(--color-antiflash-white);
}

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

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

.Rrj4koSaBzF_DHU2WGM3,
.dxuZZXLA87Ytwtm4Jpgm {
  padding: var(--space-md);
  text-align: center;
  color: var(--color-text-secondary);
  font-family: var(--font-secondary);
  font-size: var(--font-size-sm);
  font-style: italic;
}

.IkUWCqgp2KJYsHzUeL2J {
  margin-top: var(--space-sm);
  padding: var(--space-md);
  background: var(--color-bg-light);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border);
}

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

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

.CAxjGl5qJzlqA9xv_DgT {
  font-size: var(--font-size-xs);
  color: var(--color-text-secondary);
  font-family: var(--font-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;
}

.V0yc8oXup0G3nFdTs1nK {
  width: 100%;
  padding: var(--space-md);
  font-size: var(--font-size-md);
  font-family: inherit;
  border: 1px solid var(--color-silver);
  border-radius: var(--radius-md);
  resize: vertical;
  min-height: 72px;
}

.V0yc8oXup0G3nFdTs1nK:focus {
  outline: none;
  border-color: var(--color-sapphire);
}

.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;
  }
}


.tKgETPOMOY45jktDcvBR {
  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);
}

.F1BlgBUsDba2YkUt6D61 {
  background: white;
  border-radius: var(--radius-lg);
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
  max-width: 520px;
  width: 100%;
  max-height: 90vh;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.NaZ8fNPNt6oTo33iIy2x {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--space-xl);
  border-bottom: 1px solid var(--color-antiflash-white);
}

.tnC6c1BuJJrnqcC9gYd2 {
  font-size: var(--font-size-xl);
  font-weight: 700;
  color: var(--color-sapphire);
  margin: 0;
}

.uatxGrjoIcnWNq7FPaNV {
  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;
}

.uatxGrjoIcnWNq7FPaNV:hover {
  background: var(--color-antiflash-white);
  color: var(--color-primary-dark);
}

.nLAui1_TATUo41qZwj5u {
  padding: var(--space-xl);
  overflow-y: auto;
}

.zKq9ULY47Bjz4xYWvn5p {
  margin-bottom: var(--space-lg);
}

.OU34G9LLNbTViSOqMZmv {
  font-size: var(--font-size-sm);
  font-weight: 600;
  color: var(--color-ash-gray);
  margin: 0 0 var(--space-sm) 0;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

.Jjm0w1WnmuO02medEhfA {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--space-sm) 0;
  border-bottom: 1px solid var(--color-antiflash-white);
}

.zqKnozDikX0i3BFCSO7s {
  font-size: var(--font-size-sm);
  color: var(--color-ash-gray);
}

.GDve1v5NLVrAR3jOfxsL {
  font-size: var(--font-size-sm);
  color: var(--color-primary-dark);
}

.W7gAL5y7uzjq2nKedGou {
  margin-bottom: var(--space-md);
}

.imkW8h6pfn0HW4knXDXe {
  display: block;
  font-size: var(--font-size-sm);
  font-weight: 500;
  color: var(--color-primary-dark);
  margin-bottom: var(--space-xs);
}

.ebXS9wDz4d_y_2E6zgQR {
  display: flex;
  gap: var(--space-sm);
  width: 100%;
}

.bjEXWBpOCBumuC2sYt3r {
  flex: 1;
}

.bjEXWBpOCBumuC2sYt3r .opzKjnVITD3bE5ZvXIai {
  width: 100%;
  padding: var(--space-sm);
  border: 1px solid var(--color-silver);
  border-radius: var(--radius-md);
  font-size: var(--font-size-sm);
}

.qH3O474jl30UuRaqLYEQ {
  flex: 0 0 100px;
}

.qH3O474jl30UuRaqLYEQ .opzKjnVITD3bE5ZvXIai {
  width: 100%;
  padding: var(--space-sm);
  border: 1px solid var(--color-silver);
  border-radius: var(--radius-md);
  font-size: var(--font-size-sm);
}

.ikHb9SLWNZ4RN3EvV30L {
  width: 100%;
  padding: var(--space-sm);
  border: 1px solid var(--color-silver);
  border-radius: var(--radius-md);
  font-size: var(--font-size-sm);
  font-family: inherit;
  resize: vertical;
  min-height: 72px;
}

.ikHb9SLWNZ4RN3EvV30L:focus {
  outline: none;
  border-color: var(--color-tiffany-blue);
}

.ThU7VOGS4OpOeL0nmSsE {
  display: flex;
  justify-content: flex-end;
  gap: var(--space-md);
  margin-top: var(--space-xl);
  padding-top: var(--space-md);
  border-top: 1px solid var(--color-antiflash-white);
}

.BRREpF0xWcf5KC0GYHlb {
  padding: var(--space-sm) var(--space-lg);
  background: transparent;
  border: 1px solid var(--color-silver);
  border-radius: var(--radius-md);
  font-size: var(--font-size-sm);
  font-weight: 500;
  cursor: pointer;
  color: var(--color-ash-gray);
}

.BRREpF0xWcf5KC0GYHlb:hover:not(:disabled) {
  background: var(--color-antiflash-white);
}

.XdSPAqmXznSwwfz15F0l {
  padding: var(--space-sm) var(--space-lg);
  background: var(--color-primary);
  color: white;
  border: none;
  border-radius: var(--radius-md);
  font-size: var(--font-size-sm);
  font-weight: 600;
  cursor: pointer;
}

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

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

.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;
}

.kO7laOmSCNTCPDib4tyk {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: var(--space-xs);
  min-width: 200px;
}

.oI4Lf2owO569Co0ey5AJ {
  font-size: var(--font-size-xs);
  color: var(--color-text-secondary);
}

.TU4P2J0qKXC_iHjmaTZJ {
  position: relative;
  width: 100%;
}

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

.E684qRXfdGGj8Sy4evXP {
  width: 100%;
  padding: 8px 36px 8px 12px;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  font-size: var(--font-size-sm);
  color: var(--color-text-primary);
  background: var(--color-surface);
  transition: border-color 0.2s ease;
}

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

.E684qRXfdGGj8Sy4evXP::placeholder {
  color: var(--color-text-muted);
}

.I358FLPYc3PFkHb_4Kar {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  border: none;
  background: var(--color-text-muted);
  color: white;
  border-radius: 50%;
  font-size: 14px;
  line-height: 1;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.15s;
}

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

.Nt0mEFoQsh_f_3IMHl3A {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  max-height: 250px;
  overflow-y: auto;
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-top: none;
  border-radius: 0 0 var(--radius-sm) var(--radius-sm);
  z-index: 100;
  box-shadow: var(--shadow-md);
}

.kpSISNRmXcHd_i3EMiY2 {
  padding: var(--space-sm) var(--space-md);
  cursor: pointer;
  font-size: var(--font-size-sm);
  color: var(--color-text-primary);
  transition: background 0.15s;
  border-bottom: 1px solid var(--color-border);
}

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

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

.F4TlesBv_GAYxsiNS_M8,
.Dm15iAVQ8Nb6KvTl4hZK {
  padding: var(--space-md);
  text-align: center;
  color: var(--color-text-secondary);
  font-size: var(--font-size-sm);
  font-style: italic;
}

/* 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);
}

.LKXuMGsBV4LFrTQyiY5m {
  display: flex;
  flex-direction: column;
  gap: var(--space-xs);
  margin-bottom: var(--space-lg);
}

.ZuYxdSwe9gYpCrSnQ2qA,
.MGzNJOLaWRJ5cTYfXAuW {
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--color-text-primary);
  margin: 0;
}

.ZuYxdSwe9gYpCrSnQ2qA {
  padding: 6px 10px;
  border-radius: var(--radius-sm);
  border: 1px solid var(--color-border);
  background: var(--color-surface);
  font-family: var(--font-secondary);
}

.ZuYxdSwe9gYpCrSnQ2qA:focus {
  outline: none;
  border-color: var(--color-primary);
  box-shadow: 0 0 0 1px rgba(239, 68, 68, 0.25);
}

.HUxz8mmKng9XYkMpBlQL {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
  font-size: var(--font-size-sm);
  color: var(--color-text-secondary);
}

._nuapNGztyFCrYhLhQB6 {
  line-height: 1.5;
}

.GqU5Q1m__KMbfXO3NbbD {
  font-weight: 600;
}

.slTjopKk7DcgS78xeXlH {
  width: 110px;
  padding: 2px 6px;
  border-radius: var(--radius-sm);
  border: 1px solid var(--color-border);
  font-size: var(--font-size-sm);
  font-family: var(--font-secondary);
}

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

.elTj9D_IXzefLN9wJZN1 {
  font-size: var(--font-size-sm);
  color: var(--color-text-secondary);
  font-weight: 600;
}

/* 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);
}

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

.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;
  }
}

.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;
  overflow: hidden;
}

.Eezg0DqKDkshhlCJrY3a {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}

.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;
}
.HjLa5yRMzm9UhzMpugOd {
  display: flex;
  flex-direction: row;
  gap: var(--space-sm);
  justify-content: space-between;
}
.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);
}

.bdLZ8WFYs18QFxsVSe6D {
  padding: var(--space-2xl);
  text-align: center;
  color: var(--color-ash-gray);
}

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

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

.t3xYuO4NU_A34HSlXLP7 {
  padding: var(--space-lg) var(--space-lg) 0;
}

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

.vX2qBbKX0B0QhgeqVSeg {
  padding: 0 var(--space-lg);
}

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

.h6sK02tycGVQu2OcDZ3K {
  font-size: var(--font-size-smaller);
  font-weight: 600;
  color: var(--color-sapphire-dark);
  font-family: var(--font-primary);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.tGidKEtzR5_9iXf3f7Tr {
  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);
  color: var(--color-text-primary);
  background: var(--color-surface);
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
  box-sizing: border-box;
}

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

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

.ytjqHo5qjU7zNRisuWN7 {
  display: flex;
  justify-content: flex-end;
  gap: var(--space-md);
  padding: var(--space-lg);
}

.YBftsNJxGOdcK7APGaIr {
  padding: var(--space-sm) var(--space-lg);
  background: transparent;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  font-size: var(--font-size-sm);
  font-weight: 500;
  font-family: var(--font-primary);
  color: var(--color-text-primary);
  cursor: pointer;
  transition: background 0.2s ease, border-color 0.2s ease;
}

.YBftsNJxGOdcK7APGaIr:hover {
  background: var(--color-surface);
  border-color: var(--color-text-secondary);
}

.kkxlpmfkZL9UWCAPouH8 {
  padding: var(--space-sm) var(--space-lg);
  background: var(--color-primary);
  border: none;
  border-radius: var(--radius-md);
  font-size: var(--font-size-sm);
  font-weight: 500;
  font-family: var(--font-primary);
  color: white;
  cursor: pointer;
  transition: background 0.2s ease;
}

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

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

@media (max-width: 480px) {
  .vX2qBbKX0B0QhgeqVSeg {
    padding-left: var(--space-md);
    padding-right: var(--space-md);
  }

  .ytjqHo5qjU7zNRisuWN7 {
    padding: var(--space-md);
    flex-direction: column;
  }

  .YBftsNJxGOdcK7APGaIr,
  .kkxlpmfkZL9UWCAPouH8 {
    width: 100%;
    justify-content: center;
  }
}

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

.c_62NHPuDem3k1dc1byy {
  padding: var(--space-lg) var(--space-lg) 0;
}

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

.u2jcc5r350SOxcUJNJon {
  padding: 0 var(--space-lg);
}

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

.mkilwYkB_v1CBtOzMCp8 {
  font-size: var(--font-size-smaller);
  font-weight: 600;
  color: var(--color-sapphire-dark);
  font-family: var(--font-primary);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.Wnsm3DsfOCfaqHrNy3QQ {
  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);
  color: var(--color-text-primary);
  background: var(--color-surface);
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
  box-sizing: border-box;
}

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

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

._B78q8OR7zEnBsIj9Xpy {
  display: flex;
  justify-content: flex-end;
  gap: var(--space-md);
  padding: var(--space-lg);
}

.ndxMaxycnECOKvhV9svB {
  padding: var(--space-sm) var(--space-lg);
  background: transparent;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  font-size: var(--font-size-sm);
  font-weight: 500;
  font-family: var(--font-primary);
  color: var(--color-text-primary);
  cursor: pointer;
  transition: background 0.2s ease, border-color 0.2s ease;
}

.ndxMaxycnECOKvhV9svB:hover {
  background: var(--color-surface);
  border-color: var(--color-text-secondary);
}

.hc65GNThiwAeCJwpVw76 {
  padding: var(--space-sm) var(--space-lg);
  background: var(--color-primary);
  border: none;
  border-radius: var(--radius-md);
  font-size: var(--font-size-sm);
  font-weight: 500;
  font-family: var(--font-primary);
  color: white;
  cursor: pointer;
  transition: background 0.2s ease;
}

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

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

@media (max-width: 480px) {
  .c_62NHPuDem3k1dc1byy,
  .u2jcc5r350SOxcUJNJon {
    padding-left: var(--space-md);
    padding-right: var(--space-md);
  }

  ._B78q8OR7zEnBsIj9Xpy {
    padding: var(--space-md);
    flex-direction: column;
  }

  .ndxMaxycnECOKvhV9svB,
  .hc65GNThiwAeCJwpVw76 {
    width: 100%;
    justify-content: center;
  }
}

.o0zKdPr8GfwZkYvQBcwW {
  display: flex;
  flex-direction: column;
  height: 100%;
  flex: 1;
  min-height: 0;
  box-shadow: 0px 1px 2px #0000001a;
  background: #ffffff;
  border: 0.75px solid #ebebeb;
  border-radius: 6px;
  padding: var(--space-md);
}

.GY35j46BPhi9Qi0_PK36 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.Fr9wAEBwODrFPu8XygU7 {
  font-size: var(--font-size-sm);
  font-weight: 500;
  color: var(--color-primary-dark, #1b1618);
  margin: 0;
}

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

.NFm6oAN8DXBpssFViaB1 {
  display: flex;
  align-items: center;
  gap: var(--space-xs);
  padding: var(--space-sm) var(--space-md);
  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-primary);
  cursor: pointer;
  transition: background 0.2s ease;

  font-size: 9px;
  padding: 0px 6px;
}

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

.qR1XWPEIDZ9WfGkIO9ER {
  font-size: 14px;
  font-weight: 600;
}

.LiBPWuyVRCpiFYdaX_C4 {
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
  width: 100%;
}

.Ph7UTGnwucus8FwVfRRw {
  display: flex;
  align-items: center;
  gap: var(--space-sm);
  background: transparent;
  border: none;
  border-radius: 0;
  padding: var(--space-sm) var(--space-md);
  transition: background 0.15s ease;
  width: 100%;
  min-width: 0;
}

.Ph7UTGnwucus8FwVfRRw:hover {
  background: var(--color-antiflash-white);
}

.r5ez5o8FPLar0Wz8u090 {
  display: flex;
  align-items: center;
  gap: var(--space-xs);
  background: transparent;
  border: none;
  border-radius: 0;
  padding: var(--space-xs);
  transition: background 0.15s ease;
  width: 100%;
  min-width: 0;
}

.r5ez5o8FPLar0Wz8u090:hover {
  background: var(--color-antiflash-white);
}

.r5ez5o8FPLar0Wz8u090.Vpn_qqltuZTTkMeQzrgv .RgVPczilpoC9RVWA76mA {
  text-decoration: line-through;
  color: var(--color-ash-gray);
}

.ZuLqME2h7GWlzWvptx8K {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  cursor: pointer;
}

.IHUuyiS9KS5dnkpCTxLw {
  width: 14px;
  height: 14px;
  margin: 0;
  cursor: pointer;
  accent-color: var(--color-primary);
}

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

.RgVPczilpoC9RVWA76mA {
  flex: 1;
  font-size: 12px;
  font-family: "Helvetica";
  font-weight: 700;
  color: #07485f;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
}

.GtlQaTqy7rGfHpJ62xqQ {
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: var(--space-xs);
  border-radius: 50%;
  transition: background 0.15s ease;
  flex-shrink: 0;
}

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

.GtlQaTqy7rGfHpJ62xqQ svg {
  display: block;
}

.yEDmCuYUFKV4dwAN4ERx,
.CTxPAGpeGU_p8wGHd8pH {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--space-xl);
  color: var(--color-ash-gray);
  font-size: var(--font-size-sm);
  text-align: center;
}

.CTxPAGpeGU_p8wGHd8pH {
  background: var(--color-antiflash-white);
  border-radius: var(--radius-md);
  min-height: 120px;
}

@media (max-width: 480px) {
  .Ph7UTGnwucus8FwVfRRw,
  .r5ez5o8FPLar0Wz8u090 {
    padding: var(--space-sm);
  }
}

.lkdJSuTrphK6C_ys6yts {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--space-md);
  row-gap: var(--space-sm);
}

.I_edqqOx5EvPzKd1UDpi {
  display: inline-flex;
  align-items: center;
  gap: var(--space-sm);
  justify-content: space-between;
  width: 100%;
}

.ioxZ4BQI23bACLhUFAsY {
  font-size: var(--font-size-sm);
  font-weight: 400;
  color: var(--color-text-primary);
  font-family: var(--font-secondary);
  white-space: nowrap;
}

.uHDW8Jjo0_Qu_eOAtOqp {
  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;
}

.uHDW8Jjo0_Qu_eOAtOqp._a4sbdPGX__9acKBDtXI {
  background: #ff3262;
  color: white;
  padding-right: 28px;
  justify-content: flex-end;
}

.uHDW8Jjo0_Qu_eOAtOqp._a4sbdPGX__9acKBDtXI::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);
}

.uHDW8Jjo0_Qu_eOAtOqp.PncNhxbGI2pjx2_5JOhS {
  background: #9ca3af;
  color: white;
  padding-left: 28px;
  justify-content: flex-start;
}

.uHDW8Jjo0_Qu_eOAtOqp.PncNhxbGI2pjx2_5JOhS::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);
}

.uHDW8Jjo0_Qu_eOAtOqp._a4sbdPGX__9acKBDtXI:hover {
  background: #dc2626;
}

.uHDW8Jjo0_Qu_eOAtOqp.PncNhxbGI2pjx2_5JOhS:hover {
  background: #6b7280;
}

.dkIi87lhMcEAHqoYRsds {
  min-width: 140px;
  padding: 8px 12px;
  padding-right: 32px;
  font-size: var(--font-size-sm);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: var(--color-surface);
  color: var(--color-text-primary);
  font-family: var(--font-secondary);
  cursor: pointer;
  transition: border-color 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=%27M2 4l4 4 4-4%27/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 10px center;
  outline: none;
}

.dkIi87lhMcEAHqoYRsds:hover:not(:disabled) {
  border-color: var(--color-ash-gray);
}

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

.dkIi87lhMcEAHqoYRsds:disabled {
  background-color: var(--color-bg-light);
  cursor: not-allowed;
  opacity: 0.7;
}

.dkIi87lhMcEAHqoYRsds option {
  padding: 8px;
}

.hK_vHS5lktjDaQUGTZ3y {
  position: relative;
  width: 100%;
}

.IDyIW5vgfca0E7lvfg6j {
  margin-bottom: var(--space-md);
}

.IDyIW5vgfca0E7lvfg6j:last-of-type {
  margin-bottom: 0;
}

.mUiQhiH1h09V7JKIXUoI {
  display: block;
  margin-bottom: var(--space-xs);
  font-size: var(--font-size-sm);
  font-weight: 500;
  color: var(--color-primary-dark);
}

.IaABD19DQU5ZsHYAyznW {
  width: 100%;
  padding: 10px 36px 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;
  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;
}

.IaABD19DQU5ZsHYAyznW:focus {
  outline: none;
  border-color: var(--color-tiffany-blue);
}

.IaABD19DQU5ZsHYAyznW:disabled {
  background-color: var(--color-antiflash-white);
  cursor: not-allowed;
  opacity: 0.7;
}

.zP2DEfSyanlBVDqM3fBm {
  border-color: var(--color-rust, #ae4222);
}

.N6TJWGgydHR0vOPZWNwh {
  margin-top: var(--space-xs);
  font-size: var(--font-size-xs);
  color: var(--color-rust, #ae4222);
}

.diaDWAn9hBMek7f7q033 {
  background: white;
  border-radius: var(--radius-lg);
  overflow: hidden;
  width: 100%;
}

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

.CQiDKvXjedg83TY7yLDK {
  font-size: 18px;
  font-weight: 700;
  color: #2d5a6b;
  margin: 0;
  font-family: "Poppins";
}

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

.c_QfcjDBzSOb3xxQL_Zr {
  display: flex;
  flex-direction: row;
  gap: var(--space-md);
}

.xewJWmqNORCOxZkldbOk {
  padding: 14px 24px;
  background: #2d5a6b;
  color: white;
  border: none;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s;
  text-align: center;
}

.xewJWmqNORCOxZkldbOk:hover {
  background: #234651;
}

.xewJWmqNORCOxZkldbOk:disabled {
  background: #c0c0c0;
  cursor: not-allowed;
}

.Dj8FWvOjjK93Ldy4KZMc {
  padding: 14px 24px;
  background: white;
  color: #2d5a6b;
  border: 2px solid #2d5a6b;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
  text-align: center;
}

.Dj8FWvOjjK93Ldy4KZMc:hover {
  background: #f0f4f5;
}

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

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

.z37WGwEYqi7BxB78lQcA {
  font-size: 14px;
  font-weight: 500;
  color: #004960;
  font-family: "Helvetica", sans-serif;
}

.H5ZMaK2ieB1Z2hkL3H5I {
  width: 100%;
  min-height: 100px;
  padding: 12px 16px;
  border: 1px solid #e0e0e0;
  border-radius: var(--radius-md);
  font-size: 14px;
  font-family: var(--font-family);
  color: #1b1618;
  background: white;
  box-sizing: border-box;
  resize: vertical;
}

.H5ZMaK2ieB1Z2hkL3H5I:focus {
  outline: none;
  border-color: #2d5a6b;
}

.H5ZMaK2ieB1Z2hkL3H5I::placeholder {
  color: #b0b0b0;
}

.mQl7y3fg3uBwD70VxIV9 {
  display: flex;
  justify-content: flex-end;
  gap: var(--space-lg);
  padding: var(--space-xl);
  margin-top: var(--space-md);
}

.LDlntwmj5Rd3vqFR5uOK {
  padding: 14px 48px;
  background: #c0c0c0;
  color: white;
  border: none;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
  min-width: 120px;
}

.LDlntwmj5Rd3vqFR5uOK:hover {
  background: #a0a0a0;
}

.tqJTwBjO8ZWi6cl2SnlV {
  padding: 14px 48px;
  background: #2d5a6b;
  color: white;
  border: none;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s;
  min-width: 200px;
}

.tqJTwBjO8ZWi6cl2SnlV:hover {
  background: #234651;
}

.F1fbhhdTYNAJ4wuQwVC2 {
  background: white;
  border-radius: var(--radius-lg);
  overflow: hidden;
  width: 100%;
  max-width: 800px;
  min-width: 600px;
}

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

.HWRsBVCWB697lNdImvog {
  font-size: 18px;
  font-weight: 700;
  color: #2d5a6b;
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 0.5px;

  color: #004960;
  font-family: "Poppins";
  font-weight: 500;
}

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

/* Form Stacked - vertical layout */
.zaOZP0sHkaf7uPvdYx7k {
  display: flex;
  flex-direction: column;
  gap: var(--space-lg);
}

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

.gbwK2c2tiDDnCEvTkOWO {
  font-size: 14px;
  font-weight: 500;
  color: #004960;
  font-family: "Helvetica", sans-serif;
}

.Njg_bpoxdUGknkUjpc19 {
  width: 100%;
}

.REKukELYffGch3NoYnt2 {
  width: 100%;
  min-height: 100px;
  padding: 12px 16px;
  border: 1px solid #e0e0e0;
  border-radius: var(--radius-md);
  font-size: 14px;
  font-family: var(--font-family);
  color: #1b1618;
  background: white;
  box-sizing: border-box;
  resize: vertical;
}

.REKukELYffGch3NoYnt2:focus {
  outline: none;
  border-color: #2d5a6b;
}

.REKukELYffGch3NoYnt2::placeholder {
  color: #b0b0b0;
}

/* Amount Input with $ prefix */
.VZ7lOjaKcvFkKuLc6YAn {
  position: relative;
  width: 100%;
}

.e3HLQWMpXS2dpLPXksEf {
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 14px;
  font-weight: 400;
  color: #b0b0b0;
  pointer-events: none;
}

.p9lWewN6BlAhj5Qfeaao {
  width: 100%;
  padding: 12px 16px 12px 32px;
  border: 1px solid #e0e0e0;
  border-radius: var(--radius-md);
  font-size: 14px;
  font-family: var(--font-family);
  color: #1b1618;
  background: white;
  box-sizing: border-box;
  height: 48px;
}

.p9lWewN6BlAhj5Qfeaao:focus {
  outline: none;
  border-color: #2d5a6b;
}

.p9lWewN6BlAhj5Qfeaao::placeholder {
  color: #b0b0b0;
}

/* Modal Footer */
.Ui06ANALthJ3us9Qiu1i {
  display: flex;
  justify-content: end;
  gap: var(--space-lg);
  padding: var(--space-xl);
  margin-top: var(--space-md);
}

.rHsSnTLsHWpBARNybYAb {
  padding: 14px 48px;
  background: #c0c0c0;
  color: white;
  border: none;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
  min-width: 160px;
}

.rHsSnTLsHWpBARNybYAb:hover {
  background: #a0a0a0;
}

.rRMxEKPEm_RuQx_zLXUv {
  padding: 14px 48px;
  background: #2d5a6b;
  color: white;
  border: none;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s;
  min-width: 160px;
}

.rRMxEKPEm_RuQx_zLXUv:hover {
  background: #234651;
}

.rRMxEKPEm_RuQx_zLXUv:disabled {
  background: #c0c0c0;
  cursor: not-allowed;
}

/* Responsive */
@media (max-width: 768px) {
  .F1fbhhdTYNAJ4wuQwVC2 {
    max-width: 95vw;
    min-width: unset;
  }

  .ZAwmQHDky87EIYa8OkAI,
  .BI2G7kxP685qNBaeyRny,
  .Ui06ANALthJ3us9Qiu1i {
    padding: var(--space-lg);
  }

  .Njg_bpoxdUGknkUjpc19 {
    width: 100%;
  }

  .Ui06ANALthJ3us9Qiu1i {
    flex-direction: column;
    gap: var(--space-md);
  }

  .rHsSnTLsHWpBARNybYAb,
  .rRMxEKPEm_RuQx_zLXUv {
    width: 100%;
  }
}

@media (max-width: 480px) {
  .F1fbhhdTYNAJ4wuQwVC2 {
    border-radius: var(--radius-md);
  }

  .HWRsBVCWB697lNdImvog {
    font-size: 16px;
  }

  .gbwK2c2tiDDnCEvTkOWO {
    font-size: 13px;
  }
}

.gdZQyFGMRk8dEaoVMJ71 {
  display: flex;
  flex-direction: column;
  gap: var(--space-2xl);
}

/* TEMP: hide Job documents and Final documents sections for meantime */
.JycahEkTiAC16adRu7al {
  display: none;
}

/* Top Action Bar */
.viX9P680KY5R8TSQ6SD2 {
  display: flex;
  justify-content: flex-end;
  margin-bottom: var(--space-lg);
}

/* 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: var(--color-primary);
  color: white;
  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-rust);
}

.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);
}

/* Invoices section */
.bDpKO55nlMtoBZtBJsvJ {
  padding: 6px 16px;
  background: var(--color-sapphire);
  color: white;
  border: none;
  border-radius: var(--radius-sm);
  font-size: var(--font-size-sm);
  font-weight: 600;
  font-family: var(--font-secondary);
  cursor: pointer;
  transition: background 0.2s ease;
}

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

.YCfKR32DR3qxW8huBDy9 {
  display: inline-block;
  padding: 4px 10px;
  background: var(--color-celadon);
  color: var(--color-primary-dark);
  border-radius: var(--radius-sm);
  font-size: var(--font-size-xs);
  font-weight: 600;
}

.aQibgZz69qvhnowB3UXV {
  display: inline-block;
  padding: 4px 10px;
  background: var(--color-misty-rose);
  color: var(--color-rust);
  border-radius: var(--radius-sm);
  font-size: var(--font-size-xs);
  font-weight: 600;
}

.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;
}

/* Section divider (between Message and Complaint) */
.DYMd9SpRkuAmPK354zpJ {
  border: none;
  border-top: 1px solid var(--color-silver);
  margin: 0;
}

/* Complaint section (read-only) */
.w_ojTHyP1ZP3mfNktUcc {
  background: white;
  border: 1px solid var(--color-silver);
  border-radius: var(--radius-lg);
  padding: var(--space-xl);
}

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

.V4DJkUYvN3is1AIuANS4 {
  font-size: var(--font-size-md);
  color: var(--color-primary-dark);
  line-height: 1.6;
  white-space: pre-wrap;
  margin-bottom: var(--space-sm);
}

.mx_oRBtYjizzkpdWIqzK {
  font-size: var(--font-size-sm);
  color: var(--color-ash-gray);
}

.xKxD_q1bKT6ArlVLP8JX {
  font-size: var(--font-size-md);
  color: var(--color-ash-gray);
  font-style: italic;
}

/* 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, Error and Empty States */
.bHHxYgolNoabTkg7VvwE,
.xCIct5WU3xByer4j5FzA,
.i26brt1EhnXfvHI1XmPX {
  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);
  text-align: center;
}

.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);
}

/* Form Stacked - vertical layout */
.PNrFTE03eH1xOVDaqWwn {
  display: flex;
  flex-direction: column;
  gap: var(--space-lg);
}

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

.Fyezf9UHjarrEe89CuTt {
  font-size: var(--font-size-sm);
  font-weight: 500;
  color: var(--color-text-primary);
  font-family: var(--font-secondary);
}

.ds3WJjw4PzU85X5Q9gUz {
  width: 100%;
}

.LCzKiCuGOIrSrzoMvQTh {
  width: 100%;
  min-height: 100px;
  padding: 12px 16px;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  font-size: var(--font-size-sm);
  font-family: var(--font-family);
  color: var(--color-text-primary);
  background: var(--color-surface);
  box-sizing: border-box;
  resize: vertical;
}

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

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

.LCzKiCuGOIrSrzoMvQTh:disabled {
  background: var(--color-background);
  cursor: not-allowed;
}

/* Amount Input with $ prefix */
.U47A8_ETdZx1LMhtfuOE {
  position: relative;
  width: 100%;
}

.vGjN72Ibxq0esQBK3EZT {
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  font-size: var(--font-size-md);
  font-weight: 600;
  color: var(--color-text-secondary);
  pointer-events: none;
}

.rOnh2ry1h7jxFh4NZiDY {
  width: 100%;
  padding: 12px 16px 12px 36px;
  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);
  background: var(--color-surface);
  box-sizing: border-box;
  height: 48px;
}

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

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

.rOnh2ry1h7jxFh4NZiDY:disabled {
  background: var(--color-background);
  cursor: not-allowed;
}

.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);
  }

  .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);
}

.nTKuWk99GeCrCcYeF9tA {
  margin: 0 0 var(--space-lg) 0;
  color: #004960;
  font-family: "Poppins", var(--font-family);
  font-weight: 500;
  font-size: 16px;
}

.qNl8TdSaFJdT8UxOiK8x {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--space-md) 0;
  border-bottom: 1px solid #e8e8e8;
}

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

.BqvAJCa1EI63JOIDNzH5 {
  color: #6c6c6b;
  font-family: "Poppins", var(--font-family);
  font-weight: 500;
  font-size: 14px;
  min-width: 120px;
  flex-shrink: 0;
}

.G2VltY7JHbP4wnXm2tdl {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: var(--space-md);
  flex-shrink: 0;
}

.BJnYqz6LTXU8fDPUCUJW {
  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", var(--font-family);
  font-weight: 600;
  font-size: 9px;
}

.BJnYqz6LTXU8fDPUCUJW svg {
  flex-shrink: 0;
  stroke: var(--color-primary-dark);
}

.kQ3w58JMvBC2lactat5W {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background: white;
  border: 1px solid #e8e8e8;
  border-radius: var(--radius-md);
  cursor: pointer;
  padding: 0;
  transition: all 0.2s;
}

.kQ3w58JMvBC2lactat5W:hover {
  background: #f5f5f5;
  border-color: var(--color-sapphire);
}

.kQ3w58JMvBC2lactat5W svg {
  stroke: 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 {
  width: fit-content;
  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;
}

/* Additional Works: accordion list (placeholder) */
.Ua9wOmWAo9EikU6l1XpZ {
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
}

.CFMTflXm2G43gIJMz6fG {
  background: white;
  border: 1px solid var(--color-silver);
  border-radius: var(--radius-md);
  padding: var(--space-lg);
  margin-bottom: var(--space-sm);
}

.brcP8zSIiKQb9HRD1ACN {
  margin: 0 0 var(--space-xs) 0;
  font-size: var(--font-size-sm);
  font-weight: 600;
  color: var(--color-primary-dark);
}

.vQJLO2CVEWGZ0iyvNS3Q {
  margin: 0 0 var(--space-md) 0;
  font-size: var(--font-size-xs);
  color: var(--color-ash-gray);
}

.EtBRrSLoPLCarMSi0_2K {
  background: white;
  border: 1px solid var(--color-silver);
  border-radius: var(--radius-md);
  overflow: hidden;
}

.dYcHHNwGxJupQtCViYu8 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-md);
  padding: var(--space-md) var(--space-lg);
  background: var(--color-antiflash-white);
}

.BXjNhgm_x780xCFqmTBk {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0;
  background: none;
  border: none;
  font-size: var(--font-size-sm);
  font-weight: 600;
  color: var(--color-primary-dark);
  cursor: pointer;
  text-align: left;
  transition: background 0.2s;
}

.dYcHHNwGxJupQtCViYu8:hover .BXjNhgm_x780xCFqmTBk {
  background: transparent;
}

.dYcHHNwGxJupQtCViYu8:hover {
  background: var(--color-silver);
}

.p57L0bA3gqj7J9OfjTUj {
  flex: 1;
}

.D_iDT6K8JjmkOTL8f5vS {
  font-size: var(--font-size-xs);
  color: var(--color-ash-gray);
}

.y3wgDLa5SzZaMXY8Mgmp,
.t5ZMQ8NHwJq4ukH6KGVr {
  padding: 6px 14px;
  border-radius: var(--radius-md);
  font-size: var(--font-size-xs);
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
  flex-shrink: 0;
  border: 1px solid transparent;
}

.y3wgDLa5SzZaMXY8Mgmp {
  background: var(--color-celadon);
  color: var(--color-primary-dark);
  border-color: var(--color-celadon);
}

.y3wgDLa5SzZaMXY8Mgmp:hover:not(:disabled) {
  opacity: 0.9;
}

.t5ZMQ8NHwJq4ukH6KGVr {
  background: var(--color-ash-gray);
  color: white;
  border-color: var(--color-ash-gray);
}

.t5ZMQ8NHwJq4ukH6KGVr:hover:not(:disabled) {
  opacity: 0.9;
}

.y3wgDLa5SzZaMXY8Mgmp:disabled,
.t5ZMQ8NHwJq4ukH6KGVr:disabled {
  opacity: 0.7;
  cursor: not-allowed;
}

.A47Fmq5qdeSfW1b0TOpA {
  padding: var(--space-lg);
  border-top: 1px solid var(--color-silver);
}

.izMBcwfRNYjeoAZZknM2 {
  margin: 0;
  font-size: var(--font-size-sm);
  color: var(--color-ash-gray);
}

.o4BrRBf_yOnEZhn_1Wmg {
  padding: var(--space-xl);
  text-align: center;
  font-size: var(--font-size-sm);
  color: var(--color-ash-gray);
}

.qvfyyv2NMhzzusGYDZUl {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: var(--space-md);
  padding: var(--space-lg) var(--space-lg) 0;
  margin-top: var(--space-md);
  border-top: 1px solid var(--color-silver);
}

.ktdJs2CglQToTriC_XTQ {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
}

.FzHlSX0o5pLPE4qmv2C1 {
  font-size: var(--font-size-sm);
  color: var(--color-primary-dark);
}

.OyD7ZcYWsOaHJCXkJo_w {
  padding: 10px 24px;
  background: var(--color-rust);
  color: white;
  border: none;
  border-radius: var(--radius-md);
  font-size: var(--font-size-sm);
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s;
}

.OyD7ZcYWsOaHJCXkJo_w:hover:not(:disabled) {
  opacity: 0.9;
}

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

/* 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);
  }

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

  .G2VltY7JHbP4wnXm2tdl {
    width: 100%;
    justify-content: space-between;
    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:not(:first-child) {
  border-top: 1px solid #BCCFDC;
}

._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);
}

.uvuQvpgWQ76rBLAD1eeT {
  white-space: nowrap;
}

@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;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-sm);
  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;
}

.L75qEClpDLwACvi8Yv_O {
  background: var(--color-primary);
  color: white;
  font-size: 11px;
  font-weight: 700;
  padding: 2px 6px;
  border-radius: var(--radius-full);
  min-width: 18px;
  text-align: center;
}

.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);
}

.F4ScmCAB7TruCzlu2KU5 {
  display: flex;
  flex-direction: column;
  gap: var(--space-xl);
}

/* Section */
.mwB61BxDkd18LRgmUat6 {
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
}

.RrFCjBoYUfJcwhs5FTDA {
  font-family: var(--font-primary);
  font-size: var(--font-size-md);
  font-weight: 700;
  color: var(--color-text-primary);
  letter-spacing: 0.5px;
}

.YWpxVFO8QGGl6SL3FLgP {
  background: white;
  border: 1px solid var(--color-silver);
  border-radius: var(--radius-lg);
  padding: var(--space-xl);
}

/* Form Elements */
.SjnjIwz3pGHHTyNOS2gA {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--space-lg);
  margin-bottom: var(--space-md);
}

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

.G_roSlxJxImTNm1r62F_ {
  color: var(--color-primary);
}

.xHWE3ENbHhg8NMWaVfaL {
  display: flex;
  flex-direction: row;
  gap: var(--space-sm);
  justify-content: space-between;
}

.lOUq_EGscaVVZWE8YGkg {
  font-size: var(--font-size-sm);
  font-weight: 500;
  color: var(--color-primary-dark);
}

.Bpv69opN3byja3SEjQmz {
  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;
}

.Bpv69opN3byja3SEjQmz:focus {
  outline: none;
  border-color: var(--color-tiffany-blue);
}

/* Site Selector */
.XrGjb7tRhPTBMzubARTv {
  margin-bottom: var(--space-md);
}

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

.hxe3QCuxxwdErpw1SWog .duSMoE8E5ODXqClKK9k9 {
  flex: 1;
}

.qJY7qsx6TM6akfmqt0Fm {
  padding: 10px 20px;
  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;
  white-space: nowrap;
}

.qJY7qsx6TM6akfmqt0Fm:hover:not(:disabled) {
  background: #1e3a8a;
  box-shadow: var(--shadow-md);
}

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

.PIYUYTx_9rFsF1bFIFqj {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-xl);
}

.ONstnZlWy4ArIPOFEcbA {
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
}

/* Scope Grid */
.eh2MauRafMy6zEgRLIL2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-xl);
}

/* Duration and Date Inputs */
.nk2ZfHt2vg1DAtrlV4uw {
  display: flex;
  align-items: center;
  gap: var(--space-lg);
  margin-bottom: var(--space-lg);
}

.wizI9G28P2qCnWmMgfHo {
  min-width: 160px;
  margin-bottom: 0;
}

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

.eahkETzIRVolHGuH1fTH {
  width: 80px;
  padding: 10px 14px;
  border: 1px solid var(--color-silver);
  border-radius: var(--radius-md);
  font-size: var(--font-size-sm);
  font-family: var(--font-secondary);
  text-align: center;
}

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

.U45DfP4euasmRYoAxPJQ {
  color: var(--color-ash-gray);
  font-size: var(--font-size-sm);
}

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

.SBnhb4McleTTXLKHEDdN {
  flex: 1;
}

.XBIxit_gtcAU5cGL6m60 {
  width: 130px;
}

/* Form Actions */
.uGHFNgH6TQXUpiqwEGCZ {
  display: flex;
  justify-content: flex-end;
  gap: var(--space-md);
  padding: var(--space-lg) 0;
}

.RJyiIs6qqnhZ3jBktdTc {
  padding: 12px 32px;
  background: white;
  color: var(--color-primary-dark);
  border: 1px solid var(--color-silver);
  border-radius: var(--radius-md);
  font-size: var(--font-size-md);
  font-weight: 600;
  font-family: var(--font-secondary);
  cursor: pointer;
  transition: all 0.2s;
}

.RJyiIs6qqnhZ3jBktdTc:hover:not(:disabled) {
  background: var(--color-antiflash-white);
  border-color: var(--color-ash-gray);
}

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

.u9GHe_HZ2Ykw3CqIe0fu {
  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;
  font-family: var(--font-secondary);
  cursor: pointer;
  transition: all 0.2s;
}

.u9GHe_HZ2Ykw3CqIe0fu:hover:not(:disabled) {
  background: #1e3a8a;
  box-shadow: var(--shadow-md);
}

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

/* Searchable Company/Contact Dropdown */
.C2pj8B2wwNYC83oHamGz {
  position: relative;
  width: 100%;
}

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

.oV01S3RIZcT73mNKiuPY {
  width: 100%;
  padding: 12px 16px;
  padding-right: 40px;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  font-family: var(--font-secondary);
  font-size: var(--font-size-sm);
  color: var(--color-text-primary);
  background: var(--color-surface);
  transition: border-color 0.2s ease;
}

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

.oV01S3RIZcT73mNKiuPY:disabled {
  background: var(--color-antiflash-white);
  cursor: not-allowed;
}

.oV01S3RIZcT73mNKiuPY::placeholder {
  color: var(--color-text-muted);
}

.mSqE2VHSR1_HhrUGEu9q {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  border: none;
  background: var(--color-text-muted);
  color: white;
  border-radius: 50%;
  font-size: 14px;
  line-height: 1;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.15s;
}

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

.qDFZednUPDsQmbiyF2lw {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  max-height: 250px;
  overflow-y: auto;
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-top: none;
  border-radius: 0 0 var(--radius-sm) var(--radius-sm);
  z-index: 100;
  box-shadow: var(--shadow-md);
}

.b0Qy7FcOJEgLYuCquvL_ {
  padding: var(--space-sm) var(--space-md);
  cursor: pointer;
  font-family: var(--font-secondary);
  font-size: var(--font-size-sm);
  color: var(--color-text-primary);
  transition: background 0.15s;
  border-bottom: 1px solid var(--color-antiflash-white);
}

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

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

.wgtjhynfvhJxzLHvfToh,
.lCgqQaPPdtJ86zIltHdz {
  padding: var(--space-md);
  text-align: center;
  color: var(--color-text-secondary);
  font-family: var(--font-secondary);
  font-size: var(--font-size-sm);
  font-style: italic;
}

/* Contact Dropdown */
.vKuaieDQTAFo1fmc8YZY {
  flex: 1;
  position: relative;
}

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

.dBbKB1L6baDJ0H42084X .HHQ8je6DKPv0QUe3DOeb {
  width: 100%;
  padding-right: 36px;
}

.MdJ6jsVlUt1LV5cpz9Hd {
  position: absolute;
  right: 12px;
  background: none;
  border: none;
  color: var(--color-text-secondary);
  font-size: 20px;
  cursor: pointer;
  padding: 0;
  line-height: 1;
  z-index: 10;
}

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

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

.BE9kHluNF0jPQzGXkEzw {
  display: block;
  width: 100%;
  padding: 12px 16px;
  text-align: left;
  background: none;
  border: none;
  border-bottom: 1px solid var(--color-antiflash-white);
  cursor: pointer;
  transition: background 0.2s;
}

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

.BE9kHluNF0jPQzGXkEzw:hover {
  background: var(--color-antiflash-white);
}

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

.BIOHbiJ_DMGXlpXQ0JCn {
  font-size: var(--font-size-xs);
  color: var(--color-ash-gray);
}

.BG_jGY7e2R6chdn4YKOA {
  padding: 16px;
  text-align: center;
  color: var(--color-ash-gray);
  font-size: var(--font-size-sm);
}

/* Selected Contact Card */
.D4BhV0gPcuwLfCjkBSgR {
  margin-top: var(--space-sm);
  padding: var(--space-md);
  background: var(--color-bg-light);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border);
}

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

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

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

/* 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);
  }

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

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

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

  .wizI9G28P2qCnWmMgfHo {
    min-width: unset;
  }

  .F2rjHGSLD0HSr8A3r0wf {
    flex-direction: column;
    width: 100%;
  }

  .XBIxit_gtcAU5cGL6m60 {
    width: 100%;
  }

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

  .RJyiIs6qqnhZ3jBktdTc,
  .u9GHe_HZ2Ykw3CqIe0fu {
    width: 100%;
  }

  .D4BhV0gPcuwLfCjkBSgR {
    margin-left: 0;
  }
}

.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);
}

.NAQrX9SPag29jsm6t3uL {
  margin-bottom: var(--space-xl);
}

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

.tHpx6s8SlWjvQxJ2498_ {
  color: #07485f;
  font-size: var(--font-size-sm);
  font-weight: 600;
  letter-spacing: 0.05em;
  font-family: var(--font-primary);
  margin: 0;
}

.OqakrhIRMH9EPPuJMOx3 {
  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;
}

.OqakrhIRMH9EPPuJMOx3 svg {
  flex-shrink: 0;
}

.GjOastYmSXI6SHUsn2TS {
  flex: 1;
  border: none;
  outline: none;
  background: transparent;
  font-size: var(--font-size-sm);
  font-family: var(--font-secondary);
  color: var(--color-text-primary);
}

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

.FTT6HNHfjr6ygIc98NBa {
  background: white;
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-card);
  padding: var(--space-lg);
  border: 1px solid var(--color-silver);
}

.iSCsQ8LS86arusLqBlJs {
  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);
}

.PyLzrGT98SsHM3Ez2H6v {
  font-size: var(--font-size-lg);
  font-weight: 600;
  color: var(--color-sapphire-dark);
  font-family: var(--font-primary);
  margin: 0;
}

.XYLJ1h_StTLPnOFhhCf6 {
  display: flex;
  align-items: center;
  gap: var(--space-xs);
  padding: var(--space-sm) var(--space-md);
  background: var(--color-primary);
  color: white;
  border: none;
  border-radius: var(--radius-lg);
  font-size: var(--font-size-sm);
  font-weight: 500;
  font-family: var(--font-primary);
  cursor: pointer;
  transition: background 0.2s ease;
  box-shadow: var(--shadow-sm);
}

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

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

.rMPXTOgpgJ5zMA53xYMC {
  font-size: 18px;
  font-weight: 600;
}

.uUbqN8LqDyKdRLL_e97h {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--space-md);
  width: 100%;
}

.kbL_cttRnphHhhBdMCty {
  display: flex;
  align-items: center;
  gap: var(--space-sm);
  background: transparent;
  border: none;
  border-radius: 0;
  padding: var(--space-sm) var(--space-md);
  transition: background 0.15s ease;
  width: 100%;
  min-width: 0;
}

.kbL_cttRnphHhhBdMCty:hover {
  background: var(--color-antiflash-white);
}

.lpPO0XgX9WTxVu_CRlyS {
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-primary);
  flex-shrink: 0;
  cursor: grab;
}

.lpPO0XgX9WTxVu_CRlyS .mcuoE9MMuRBmrfImtkqy {
  font-size: 20px;
}

.GBjhpGkNiYWDa5i45lsH {
  flex: 1;
  font-size: 12px;
  font-family: "Helvetica";
  font-weight: 700;
  color: #07485f;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
}

.Il8mPcB_L3xydm6ozl3q {
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: var(--space-xs);
  border-radius: 50%;
  transition: background 0.15s ease;
  flex-shrink: 0;
}

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

.Il8mPcB_L3xydm6ozl3q svg {
  display: block;
}

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

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

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

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

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

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

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

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

.oNeOlcflg2hi5f0HIkay {
  padding: var(--space-lg) var(--space-lg) 0;
}

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

.zKwvmp77Du9409w4FE8L {
  padding: 0 var(--space-lg);
}

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

.IIBoC_tEOgbNn6QAK2i1 {
  font-size: var(--font-size-smaller);
  font-weight: 600;
  color: var(--color-sapphire-dark);
  font-family: var(--font-primary);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.tD0qtNhrM8PczkecADvA {
  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);
  color: var(--color-text-primary);
  background: var(--color-surface);
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
  box-sizing: border-box;
}

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

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

.o_aEhAFGHrGmeWGZzFpu {
  display: flex;
  justify-content: flex-end;
  gap: var(--space-md);
  padding: var(--space-lg);
  /* border-top: 1px solid var(--color-border); */
  /* background: var(--color-bg-light);
  border-radius: 0 0 var(--radius-lg) var(--radius-lg); */
}

.rGHLBohkS25D7cAwMUi6 {
  padding: var(--space-sm) var(--space-lg);
  background: transparent;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  font-size: var(--font-size-sm);
  font-weight: 500;
  font-family: var(--font-primary);
  color: var(--color-text-primary);
  cursor: pointer;
  transition: background 0.2s ease, border-color 0.2s ease;
}

.rGHLBohkS25D7cAwMUi6:hover {
  background: var(--color-surface);
  border-color: var(--color-text-secondary);
}

.ytvZF2rEoM8aBAwg8dxo {
  padding: var(--space-sm) var(--space-lg);
  background: var(--color-primary);
  border: none;
  border-radius: var(--radius-md);
  font-size: var(--font-size-sm);
  font-weight: 500;
  font-family: var(--font-primary);
  color: white;
  cursor: pointer;
  transition: background 0.2s ease;
}

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

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

@media (max-width: 480px) {
  .oNeOlcflg2hi5f0HIkay,
  .zKwvmp77Du9409w4FE8L {
    padding-left: var(--space-md);
    padding-right: var(--space-md);
  }

  .o_aEhAFGHrGmeWGZzFpu {
    padding: var(--space-md);
    flex-direction: column;
  }

  .rGHLBohkS25D7cAwMUi6,
  .ytvZF2rEoM8aBAwg8dxo {
    width: 100%;
    justify-content: center;
  }
}

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

.RJKNWpHM4quZjqsbGWax {
  padding: var(--space-lg) var(--space-lg) 0;
}

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

.m5qrW9fiSvGOWGnJznun {
  padding: 0 var(--space-lg);
}

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

.adWTfDXmrWehWFeExegb {
  font-size: var(--font-size-smaller);
  font-weight: 600;
  color: var(--color-sapphire-dark);
  font-family: var(--font-primary);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.orvZr9oJdM2X3PqjS5uc {
  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);
  color: var(--color-text-primary);
  background: var(--color-surface);
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
  box-sizing: border-box;
}

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

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

.aUlhAIl519sNYDWJaBZ9 {
  display: flex;
  justify-content: flex-end;
  gap: var(--space-md);
  padding: var(--space-lg);
}

.PfaDV27nUra8jA4P9irE {
  padding: var(--space-sm) var(--space-lg);
  background: transparent;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  font-size: var(--font-size-sm);
  font-weight: 500;
  font-family: var(--font-primary);
  color: var(--color-text-primary);
  cursor: pointer;
  transition: background 0.2s ease, border-color 0.2s ease;
}

.PfaDV27nUra8jA4P9irE:hover {
  background: var(--color-surface);
  border-color: var(--color-text-secondary);
}

.iiCJzpjk31wL3_5Byqjl {
  padding: var(--space-sm) var(--space-lg);
  background: var(--color-primary);
  border: none;
  border-radius: var(--radius-md);
  font-size: var(--font-size-sm);
  font-weight: 500;
  font-family: var(--font-primary);
  color: white;
  cursor: pointer;
  transition: background 0.2s ease;
}

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

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

@media (max-width: 480px) {
  .RJKNWpHM4quZjqsbGWax,
  .m5qrW9fiSvGOWGnJznun {
    padding-left: var(--space-md);
    padding-right: var(--space-md);
  }

  .aUlhAIl519sNYDWJaBZ9 {
    padding: var(--space-md);
    flex-direction: column;
  }

  .PfaDV27nUra8jA4P9irE,
  .iiCJzpjk31wL3_5Byqjl {
    width: 100%;
    justify-content: center;
  }
}

.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: visible;
  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;
  }
}

.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);
}




.sJIvk9pmx4E2WGt9dMku {
  padding: var(--space-lg);
  border: 1px solid var(--color-silver);
  border-radius: var(--radius-md);
  background: white;
  margin-bottom: var(--space-md);
}

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

.m82mKlYFk64I4qQ2_eC5 {
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  cursor: pointer;
  accent-color: var(--color-primary);
}

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

.cP9En_V8cLngfeQGjKeS {
  font-size: var(--font-size-xl);
  font-weight: 600;
  color: var(--color-primary-dark);
}

.byZ11gB8I7UUiGwnx8PF {
  color: var(--color-ash-gray);
  font-style: italic;
}

.OjEdpqHCr0PLL9qBgAU1 {
  display: flex;
  align-items: center;
  gap: var(--space-xs);
  padding: var(--space-xs) var(--space-sm);
  background: none;
  border: 1px dashed var(--color-silver);
  border-radius: var(--radius-sm);
  font-size: var(--font-size-sm);
  color: var(--color-primary);
  cursor: pointer;
  transition: all 0.2s;
}

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

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

.TzMW1tY7I3lT6a1XrRwT {
  flex: 1;
  padding: var(--space-sm) var(--space-md);
  border: 1px solid var(--color-silver);
  border-radius: var(--radius-md);
  font-size: var(--font-size-md);
}

.WIzx5BETCHeOp_jWw8w0 {
  display: flex;
  align-items: center;
  gap: var(--space-sm);
  margin-bottom: var(--space-md);
}

.b87htszvjQI1VfnMSSBx {
  font-size: var(--font-size-md);
  font-weight: 500;
  color: var(--color-primary-dark);
  margin-left: var(--space-sm);
}

.SDe2IUuJ6wU4mE74vinD {
  color: var(--color-ash-gray);
  font-style: italic;
  margin-left: 0;
}

.Pv8fYuu64wZOhDyQKFwv {
  margin-bottom: var(--space-md);
}

.A3UxwQDdyNb5rtf0UIBD {
  font-size: var(--font-size-sm);
  line-height: 1.6;
  color: var(--color-primary-dark);
  white-space: pre-wrap;
  margin-left: var(--space-sm);
}

.bmLyMJLFQoUh2vK5V3fV {
  font-size: var(--font-size-sm);
  line-height: 1.6;
  color: var(--color-primary-dark);
}

.V95Pt5SYWFZBwAJ88wJ0 {
  color: var(--color-ash-gray);
  font-style: italic;
  margin-left: 0;
}

.ApCv56wrmeVqs2CUXzKL {
  width: 100%;
  min-height: 120px;
  padding: var(--space-md);
  border: 1px solid var(--color-silver);
  border-radius: var(--radius-md);
  font-size: var(--font-size-sm);
  font-family: inherit;
  resize: vertical;
}

.DkHuYLwbCsUPr6JiHhWQ {
  margin-top: var(--space-md);
  margin-left: var(--space-sm);
}

.AUSxenNl3S4byW6Jk2d_ {
  font-size: var(--font-size-sm);
  font-weight: 600;
  color: var(--color-primary-dark);
  margin-bottom: var(--space-sm);
}

.tQELwHjdPsaTY_G1NE9g {
  display: inline-flex;
  align-items: center;
  gap: var(--space-xs);
  padding: var(--space-sm) var(--space-md);
  background: var(--color-misty-rose);
  border: 1px dashed var(--color-primary);
  border-radius: var(--radius-md);
  font-size: var(--font-size-sm);
  color: var(--color-primary);
  cursor: pointer;
  transition: all 0.2s;
}

.tQELwHjdPsaTY_G1NE9g:hover {
  background: white;
  border-style: solid;
}

.tQELwHjdPsaTY_G1NE9g:disabled,
.OvgzSovlI5wz1nMhZ1sU {
  opacity: 0.6;
  cursor: not-allowed;
}

.l8mW0UNke_fmbukkaMtZ {
  display: none;
}

.TEfr7gR3jY3p4D2B2qgZ {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-sm);
  margin: var(--space-sm) 0;
}

.UtMZz9N0qfteHEDGGJz2 {
  display: flex;
  align-items: center;
  gap: var(--space-sm);
  padding: var(--space-sm) var(--space-md);
  background: var(--color-antiflash-white);
  border-radius: var(--radius-md);
  font-size: var(--font-size-sm);
}

.b4GMx7BR01Heo6x2CBjA {
  color: var(--color-primary);
  text-decoration: none;
}

.b4GMx7BR01Heo6x2CBjA:hover {
  text-decoration: underline;
}

.yccG__K6RNvlUN3LXRWY {
  padding: 2px 6px;
  background: none;
  border: none;
  color: var(--color-ash-gray);
  cursor: pointer;
  font-size: 14px;
  line-height: 1;
}

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

.B2SMS_ikM5JsK4AdS1O8 {
  margin: var(--space-lg) 0;
  border: none;
  border-top: 1px dashed var(--color-silver);
}

.Cp90bEw4klFi_UvViKjL {
  height: var(--space-md);
}

.eGfUOgtSZaBlj8kAKzD0 {
  padding: var(--space-lg);
  max-width: 1200px;
  margin: 0 auto;
}

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

.qgefWcS0l2q4ajR1aGSH {
  display: flex;
  gap: var(--space-sm);
  align-items: center;
  width: 100%;
}

.w6U3dpRyKGVMUuqIMU2S {
  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;
}

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

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

.SJIy0koK1ymwV9VXUxGz {
  position: relative;
}

.gspruAveGd1aMgPPX2oQ {
  display: flex;
  align-items: center;
  gap: var(--space-sm);
  padding: 10px 20px;
  background: white;
  border: 1px solid var(--color-silver);
  border-radius: var(--radius-md);
  font-size: var(--font-size-sm);
  color: var(--color-primary-dark);
  cursor: pointer;
}

.gspruAveGd1aMgPPX2oQ:hover {
  border-color: var(--color-ash-gray);
}

.oY8BhdzPyPzFD3qVIlvA {
  display: flex;
  align-items: center;
  gap: var(--space-sm);
  padding: 10px 20px;
  background: white;
  border: 1px solid var(--color-silver);
  border-radius: var(--radius-md);
  font-size: var(--font-size-sm);
  color: var(--color-primary-dark);
  cursor: pointer;
}

.oY8BhdzPyPzFD3qVIlvA:hover {
  border-color: var(--color-ash-gray);
}

.ndWSEtJ7p9jSzL74x7Ru {
  margin-left: auto;
}

.aYi5V0cR8sZ66wvWJq5m {
  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: 140px;
  z-index: 100;
}

.vQlJhFJE3goPLYRVMCjg {
  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;
}

.vQlJhFJE3goPLYRVMCjg:hover {
  background: var(--color-antiflash-white);
}

.bevy1sDg2CYHRpgmB7zb {
  display: flex;
  align-items: center;
  gap: var(--space-sm);
  padding: var(--space-md) var(--space-lg);
  background: white;
  border: 1px dashed var(--color-silver);
  border-radius: var(--radius-md);
  font-size: var(--font-size-sm);
  color: var(--color-primary);
  cursor: pointer;
  margin-bottom: var(--space-lg);
  transition: all 0.2s;
}

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

.Snihh5vSnAIJuJgT9eWv {
  padding: 10px 16px;
  background: none;
  border: 1px solid var(--color-rust);
  color: var(--color-rust);
  border-radius: var(--radius-md);
  font-size: var(--font-size-sm);
  cursor: pointer;
}

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

.BksfSwwO6SmKccQAFGro {
  padding: var(--space-2xl);
  text-align: center;
  background: var(--color-antiflash-white);
  border-radius: var(--radius-md);
  border: 1px dashed var(--color-silver);
}

.K8lA33eff4Avx3BiO47w {
  font-size: var(--font-size-lg);
  font-weight: 600;
  color: var(--color-primary-dark);
  margin-bottom: var(--space-sm);
}

.fRkq81IfqVguc5dMxL9B {
  font-size: var(--font-size-sm);
  color: var(--color-ash-gray);
  margin-bottom: var(--space-lg);
}

.KTbR7BmoztUMVpg_sKty {
  padding: 12px 24px;
  background: var(--color-primary);
  color: white;
  border: none;
  border-radius: var(--radius-md);
  font-size: var(--font-size-md);
  font-weight: 600;
  cursor: pointer;
}

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

.b_6mu9nOqE7kcnCv7ALs {
  color: var(--color-rust);
  font-size: var(--font-size-sm);
  margin-bottom: var(--space-md);
}

/* Client Feedback section */
.Hdg7giJnoU9sXIXCpYZW {
  margin-top: var(--space-lg);
  margin-bottom: var(--space-lg);
  padding: var(--space-xl);
  background: var(--color-antiflash-white);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-silver);
}

.zv7ch69F7frmqLEelfPi {
  font-size: var(--font-size-lg);
  font-weight: 600;
  color: var(--color-primary-dark);
  margin: 0 0 var(--space-md);
}

.QlpGVGsU5SX0aZtdaAUu {
  font-size: var(--font-size-sm);
  color: var(--color-ash-gray);
  margin: 0 0 var(--space-md);
  white-space: pre-wrap;
}

.doK0TVyevNr9kg9axxV8 {
  padding: var(--space-md);
  background: var(--color-celadon);
  border-radius: var(--radius-md);
  font-size: var(--font-size-sm);
  font-weight: 600;
  color: var(--color-primary-dark);
  margin: var(--space-md) 0;
}

.zFpHJ7m6R8_9fXZve5oz {
  color: var(--color-ash-gray);
  font-size: var(--font-size-sm);
}

/* Upload overlay - blocks all interaction during document upload */
.UQiO3yV1FPm6rec5rGgG {
  position: fixed;
  inset: 0;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: auto;
}

.EDgUN8tiUgyp_t58BzyF {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-md);
  color: var(--color-text-primary);
  font-size: var(--font-size-sm);
}

.EDgUN8tiUgyp_t58BzyF p {
  margin: 0;
}

.xUh5R1CXD9r8D6Et1g7T {
  width: 40px;
  height: 40px;
  border: 3px solid var(--color-silver);
  border-top-color: var(--color-primary);
  border-radius: 50%;
  animation: NaZ6BmFIAMIU1CraOJAJ 1s linear infinite;
}

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

/* Template styles (from EstimatingViewSite) */
.X97vjYqURlQiSbXgJRLz {
  width: 100%;
  min-height: 100vh;
  background: var(--color-antiflash-white);
}

.H3q7fsYnXQOTCqOlMawu {
  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);
}

.HqQOYFdRvyHVV4COPtbO {
  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;
}

.HqQOYFdRvyHVV4COPtbO:hover {
  background: var(--color-antiflash-white);
}

.xHfMgxA9TJb92f3pjtzQ {
  margin: 0;
  font-size: var(--font-size-xl);
  font-weight: 700;
  color: var(--color-primary-dark);
}

.fP8CUYhM28F_pp53AJ9O {
  flex: 1;
}

.g2eofWEVUmb8B6G0beuQ {
  margin: 0;
  font-size: var(--font-size-sm);
  color: var(--color-ash-gray);
}

._dE5NdoueTNfb6tHR0kC {
  max-width: 900px;
  margin: 0 auto;
  padding: var(--space-2xl);
}

.n2sSAtYf8tHVFgY0eWwj {
  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;
}

.n2sSAtYf8tHVFgY0eWwj::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;
}

.wdl7uDUkE1UJ_6xQ096n {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: var(--space-md);
}

.JTsjC2gLeMRsnprh4x8L {
  width: 180px;
  height: auto;
  filter: brightness(1.1);
}

.MYoYZEIcgp6grapYfnFF {
  position: absolute;
  top: var(--space-2xl);
  right: var(--space-2xl);
  z-index: 2;
  display: flex;
  align-items: center;
  gap: var(--space-md);
}

.m7RibuAbFmObINYlZA9o {
  position: relative;
  z-index: 1;
  margin: 0 0 var(--space-lg) 0;
  font-size: var(--font-size-2xl);
  font-weight: 700;
  color: white;
  text-transform: uppercase;
  letter-spacing: 2px;
}

.GE3FkikrdPXoh7n9i5zR {
  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);
}

.nRUcNr_00davIIFcrxXr {
  position: relative;
  z-index: 1;
  background: white;
  border-radius: var(--radius-lg);
  padding: var(--space-2xl);
  box-shadow: var(--shadow-md);
}

.kPF_sB93zKOLOAoLsKpL {
  margin-bottom: var(--space-xl);
  padding-bottom: var(--space-lg);
  border-bottom: 1px solid #e0e0e0;
}

.xzdVPXdkItLGU8hInVb8 {
  margin: 0 0 8px 0;
  font-size: var(--font-size-sm);
  line-height: 1.6;
  color: var(--color-text-primary);
  text-transform: capitalize;
}

.xzdVPXdkItLGU8hInVb8 strong {
  font-weight: 600;
  color: var(--color-primary-dark);
}

.rOwfO2hReiF_bCTq9gr4 {
  margin-bottom: var(--space-xl);
}

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

.aozfhrOZ3zw4GKCPbXGn {
  border: none;
  border-top: 1px solid var(--color-silver);
  margin: var(--space-xl) 0;
}

.I5sbpcodXkIWKjQ9mpes {
  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;
}

/* Status badges for dark background (topRightActions) */
.qoMFaadPIJjvYIN8Ghla {
  padding: 12px 24px;
  border-radius: var(--radius-full);
  font-size: var(--font-size-md);
  font-weight: 600;
  box-shadow: var(--shadow-md);
}

.xiwWrACvdVUvD4R9RO6L {
  background: #e9ecef;
  color: #495057;
}

.GawZLp24BtnkYGSe0uC_ {
  background: #fff3cd;
  color: #856404;
}

.AlccnRX2zca84YKcRHFZ {
  background: #d4edda;
  color: #155724;
}

.KyoaG7SrOQsGIKp5pxxg {
  padding: 8px 16px;
  background: var(--color-primary);
  color: white;
  border: none;
  border-radius: var(--radius-md);
  font-size: var(--font-size-sm);
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
}

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

/* Dilapidation-specific: section content, subheading, documents */
.jXyK9gESQHfyje9Kciut {
  font-size: var(--font-size-md);
  font-weight: 500;
  color: var(--color-ash-gray);
  margin: 0 0 var(--space-md);
}

.xYy2XOXKjIjINnj_udIv {
  font-size: var(--font-size-sm);
  line-height: 1.6;
  color: var(--color-primary-dark);
  margin-bottom: var(--space-md);
}

.xYy2XOXKjIjINnj_udIv p {
  margin: 0 0 var(--space-sm);
}

.xYy2XOXKjIjINnj_udIv p:last-child {
  margin-bottom: 0;
}

.jYHKvOgedIhitQwxK6uw {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
}

/* Images: 4-column grid on desktop; fewer columns on narrow viewports */
.nk3hoGdrgPpZCTR2zbFB {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--space-md);
  margin: var(--space-md) 0;
}

.vMIEdPYdFPpZzKj4EtEZ {
  display: block;
  min-width: 0;
}

.XuhsibJ6gfDzjoPTdWKV {
  width: 100%;
  max-width: 100%;
  max-height: min(30vh, 240px);
  height: auto;
  object-fit: contain;
  border-radius: var(--radius-md);
  display: block;
}

.LZYm6_hULk56ErkkNysZ {
  display: inline-flex;
  align-items: center;
  gap: var(--space-sm);
  color: var(--color-sapphire);
  text-decoration: none;
  font-size: var(--font-size-sm);
}

.LZYm6_hULk56ErkkNysZ:hover {
  text-decoration: underline;
}

/* Empty state, draft message (for early-return layouts) */
.c465dBEYADbmRPW5WAuI {
  padding: var(--space-2xl);
  text-align: center;
  background: var(--color-antiflash-white);
  border-radius: var(--radius-md);
  border: 1px dashed var(--color-silver);
}

.oz_icWJXVpXsbBcYOxCs {
  font-size: var(--font-size-lg);
  font-weight: 600;
  color: var(--color-primary-dark);
  margin-bottom: var(--space-sm);
}

.o0wHd25lWvYsn_W_w1_A {
  font-size: var(--font-size-sm);
  color: var(--color-ash-gray);
  margin-bottom: var(--space-lg);
}

.BVW0BlI8TrMY8GqUnYdm {
  padding: 12px 24px;
  background: var(--color-primary);
  color: white;
  border: none;
  border-radius: var(--radius-md);
  font-size: var(--font-size-md);
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
}

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

.xgcttazBWL2Y5blQzhtS {
  padding: var(--space-xl);
  text-align: center;
  background: var(--color-misty-rose);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-silver);
}

.Y2NMeHKh7Ur_t0nD_YNx {
  font-size: var(--font-size-md);
  color: var(--color-primary-dark);
  margin: 0;
}

/* Feedback and approve form */
.bfHSfgnr0Lym5288txA6 {
  margin-top: var(--space-2xl);
  padding: var(--space-xl);
  background: var(--color-antiflash-white);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-silver);
}

.B6A1ha67N5t6H2Gurdbz {
  font-size: var(--font-size-lg);
  font-weight: 600;
  color: var(--color-primary-dark);
  margin: 0 0 var(--space-md);
}

.D92TT7x9PvvINnKPHrtt {
  font-size: var(--font-size-sm);
  color: var(--color-ash-gray);
  margin: 0 0 var(--space-md);
  white-space: pre-wrap;
}

.jQ3NwHwhSEU1duxVI8ni {
  margin-top: var(--space-lg);
}

.Mj0JREZqeXfOgBv3g9G_ {
  display: flex;
  align-items: flex-start;
  gap: var(--space-sm);
  margin-bottom: var(--space-md);
}

.Mj0JREZqeXfOgBv3g9G_ input {
  margin-top: 2px;
}

.Mj0JREZqeXfOgBv3g9G_ label {
  font-size: var(--font-size-sm);
  color: var(--color-primary-dark);
  cursor: pointer;
}

.b4R4v94q_4dZAfbjMTPt {
  width: 100%;
  min-height: 100px;
  padding: var(--space-md);
  border: 1px solid var(--color-silver);
  border-radius: var(--radius-md);
  font-size: var(--font-size-sm);
  font-family: inherit;
  margin-bottom: var(--space-md);
  resize: vertical;
}

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

.DWFubobp57_Qqniboopr {
  display: flex;
  gap: var(--space-sm);
  margin-top: var(--space-md);
}

.DWFubobp57_Qqniboopr button {
  flex: 1;
  min-width: 0;
}

.PuEL2kIcVuVOtwZWHLtd {
  padding: 10px 20px;
  background: white;
  border: 1px solid var(--color-silver);
  color: var(--color-primary-dark);
  border-radius: var(--radius-md);
  font-size: var(--font-size-sm);
  font-weight: 600;
  cursor: pointer;
}

.PuEL2kIcVuVOtwZWHLtd:hover:not(:disabled) {
  border-color: var(--color-ash-gray);
  background: var(--color-antiflash-white);
}

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

.dueFSHTmt_B8VjEZpAgZ {
  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;
}

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

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

.FIXrimhpdaytuwdcChsa {
  padding: var(--space-md);
  background: var(--color-celadon);
  border-radius: var(--radius-md);
  font-size: var(--font-size-sm);
  font-weight: 600;
  color: var(--color-primary-dark);
  margin: var(--space-md) 0;
}

.Gus1dce5WaO6FjuE_5cp {
  color: var(--color-ash-gray);
  font-size: var(--font-size-sm);
}

.TI0SwwoGmxS4PJqpYUF4 {
  color: var(--color-rust);
  font-size: var(--font-size-sm);
  margin-bottom: var(--space-md);
}

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

  .n2sSAtYf8tHVFgY0eWwj {
    padding: var(--space-lg);
  }

  .nRUcNr_00davIIFcrxXr {
    padding: var(--space-lg);
  }

  .MYoYZEIcgp6grapYfnFF {
    position: static;
    flex-direction: column;
    margin-bottom: var(--space-lg);
  }

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

  .JTsjC2gLeMRsnprh4x8L {
    width: 140px;
  }

  .nk3hoGdrgPpZCTR2zbFB {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 480px) {
  .nk3hoGdrgPpZCTR2zbFB {
    grid-template-columns: minmax(0, 1fr);
  }
}

.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;
}

/* Main job type tabs (Main Job | Additional Works) */
.BXiEpBRPqdi4wsfOW9sI {
  margin-bottom: var(--space-lg);
}

.dwR7V87BHfGTqEFZZPCH {
  display: flex;
  gap: 0;
}

.RLVOYDuvukcPjgZHqxZW {
  flex: 1;
  min-width: 120px;
  padding: var(--space-sm) var(--space-md);
  background: transparent;
  border: none;
  border-top: 3px solid transparent;
  color: #839ca4;
  font-size: var(--font-size-md);
  font-weight: 500;
  font-family: var(--font-primary);
  cursor: pointer;
  transition: all 0.2s ease;
  text-align: center;
  margin-bottom: -2px;
  white-space: nowrap;
}

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

.RLVOYDuvukcPjgZHqxZW.fcqhnCM6JfXJIKOZmSEF {
  color: var(--color-text-primary);
  border-top-color: var(--color-primary);
  font-weight: 700;
}

/* Category Tabs */
.IiR8PYIvi76d3TH5aAHj {
  margin-bottom: var(--space-lg);
  overflow-x: auto;
}

.AQSsj5h5xrC5qvm9KZ_S {
  display: flex;
  gap: 0;
  min-width: min-content;
}

.fEnQEaCU0KxKjotpw7Pe {
  flex: 1;
  min-width: 100px;
  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);
}

/* Section Description */
.gJQfuRE9XCnHOpVdPhbV {
  padding: var(--space-sm) var(--space-md);
  background: var(--color-bg-light);
  border-bottom: 1px solid var(--color-border);
}

.MSK1qCZfqUYtzVGCFBhI {
  display: block;
  font-size: var(--font-size-xs);
  font-weight: 600;
  color: var(--color-text-secondary);
  font-family: var(--font-secondary);
  margin-bottom: var(--space-xs);
}

.U5_hoDg4qEVXkMlddxKz {
  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;
  resize: vertical;
  min-height: 48px;
}

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

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

/* 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);
}

/* Other Section - CRUD rows with delete column */
.hWgno4gCfK8xb2y5XK07 {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 40px;
  gap: var(--space-md);
  padding: var(--space-md);
  border-bottom: 2px solid var(--color-border);
  font-weight: 600;
}

.qAJY72KmbNFSpMjbySMP {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 40px;
  gap: var(--space-md);
  padding: var(--space-lg) var(--space-md);
  border-bottom: 1px solid var(--color-border);
  align-items: center;
}

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

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

.D0_P6Jrmju3XGNP0jOMC {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  background: transparent;
  border: 1px solid transparent;
  border-radius: var(--radius-sm);
  color: var(--color-text-secondary);
  cursor: pointer;
  transition: all 0.15s ease;
}

.D0_P6Jrmju3XGNP0jOMC:hover:not(:disabled) {
  background: var(--color-misty-rose);
  border-color: var(--color-rust);
  color: var(--color-rust);
}

.D0_P6Jrmju3XGNP0jOMC:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}

/* Add Work Label button row */
.Tef_eaKZW6ReGv3dMVk6 {
  padding: var(--space-md) var(--space-md);
  border-top: 1px dashed var(--color-border);
}

.MhWgywKlmtQGRoUw1DF4 {
  display: inline-flex;
  align-items: center;
  gap: var(--space-xs);
  padding: var(--space-xs) var(--space-md);
  background: transparent;
  border: 1px dashed var(--color-primary);
  border-radius: var(--radius-sm);
  color: var(--color-primary);
  font-size: var(--font-size-sm);
  font-family: var(--font-secondary);
  font-weight: 500;
  cursor: pointer;
  transition: all 0.15s ease;
}

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

/* 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%;
  }
}

.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;
}

.trNeqoksNfzyYeETHxYa {
  margin-left: auto;
}

.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;
}

.Af2nBH3mqK8RZJofQmL5 {
  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;
}

.Af2nBH3mqK8RZJofQmL5:hover {
  background: #f9fafb;
}

.NCVJj1EunceYn0hMbqL5 {
  background: #fef5f2;
  border-left: 3px solid var(--color-primary);
}

.vdJTQpbeI7rE5RxjaR9K {
  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;
  flex-shrink: 0;
}

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

.nScJzcxcpETJX7Zv8ChF {
  display: flex;
  align-items: center;
  gap: var(--space-sm);
  min-width: 0;
}

.cgDHShbPhxvm0tsf4WqA {
  font-weight: 600;
  font-size: var(--font-size-md);
  color: var(--color-primary-dark);
  font-family: "Poppins";
  font-weight: 600;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.LieJHKmOzZeXLXBOTT73 {
  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;
  flex-shrink: 0;
}

.mLztFH6RhMLapIWBGWdk {
  font-size: var(--font-size-xs);
  color: #6b7280;
  margin-top: 2px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.uk5PrbKSLgCvWcAtsTpQ {
  padding: var(--space-lg);
  text-align: center;
  color: #6b7280;
  font-size: var(--font-size-sm);
}

.eYFh43FbgS8SE_6yUNi8 {
  padding: var(--space-lg);
  text-align: center;
  color: #6b7280;
  font-size: var(--font-size-sm);
}

.a1MDgHNV3_KvgO86yjbg {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
}

.stq4gY3aDpR6ZQpXfZpW {
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
  padding: var(--space-md) var(--space-lg);
  border-bottom: 1px solid #e5e5e5;
  background: #ebebeb;
  flex-shrink: 0;
}

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

.o4CUtOsdvYFUZxnpnTkN {
  font-size: var(--font-size-sm);
  font-weight: 600;
  color: #606060;
  white-space: nowrap;
}

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

.mOEhUYPm3g0VuabanQup {
  padding: var(--space-xs) var(--space-md);
  font-size: var(--font-size-xs);
  font-weight: 500;
  border-radius: var(--radius-full);
  border: 1px solid #d1d5db;
  background: white;
  color: #6b7280;
  cursor: pointer;
  transition: all 0.2s;
  font-family: "Poppins", sans-serif;
}

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

.QqPkNXiHBIBctnKLXHgL {
  background: var(--color-primary);
  border-color: var(--color-primary);
  color: white;
}

.QqPkNXiHBIBctnKLXHgL:hover {
  background: var(--color-primary-dark);
  border-color: var(--color-primary-dark);
  color: white;
}

.c3c0Tamj5W0tRNZPRBqX {
  flex: 1;
  overflow-y: auto;
  min-height: 0;
  padding: var(--space-md);
}

.tQPpT1_U79HK2VsYxVK3 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--space-xl);
  color: #6b7280;
  font-size: var(--font-size-sm);
}

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

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

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

.X_FbwDVugOEZF5DcQ5PE {
  padding: var(--space-sm) var(--space-md);
  font-size: var(--font-size-md);
  border: 1px solid var(--color-silver);
  border-radius: var(--radius-md);
  background: white;
  font-family: var(--font-primary);
}

/* Searchable dropdown - Attention-style */
.S7t1upRxHgkb7IKjkLUj {
  position: relative;
  width: 100%;
}

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

.bcwwT4galxeOlZs_85jg {
  width: 100%;
  padding: 12px 16px;
  padding-right: 40px;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  font-family: var(--font-secondary);
  font-size: var(--font-size-sm);
  color: var(--color-text-primary);
  background: var(--color-surface);
  transition: border-color 0.2s ease;
}

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

.bcwwT4galxeOlZs_85jg::placeholder {
  color: var(--color-text-muted);
}

.PxeXICqBfdXJHw56SgDL {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  border: none;
  background: var(--color-text-muted);
  color: white;
  border-radius: 50%;
  font-size: 14px;
  line-height: 1;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.15s;
}

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

.rjnPNmuyc76vHyjOE3hC {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  max-height: 250px;
  overflow-y: auto;
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-top: none;
  border-radius: 0 0 var(--radius-sm) var(--radius-sm);
  z-index: 100;
  box-shadow: var(--shadow-md);
}

.h05GNERq07hKB5Tfoe_3 {
  padding: var(--space-sm) var(--space-md);
  cursor: pointer;
  font-family: var(--font-secondary);
  font-size: var(--font-size-sm);
  color: var(--color-text-primary);
  transition: background 0.15s;
  border-bottom: 1px solid var(--color-border-light, var(--color-silver));
}

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

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

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

.nOUHsG7fYtfQjBo89JtB {
  font-size: 0.85em;
  color: var(--color-ash-gray);
}

.XL47AqMo7k7zl28HkAoQ {
  font-size: 0.85em;
  color: var(--color-ash-gray);
}

.vKFAlpstCqnADnSmJePU {
  padding: var(--space-md);
  text-align: center;
  color: var(--color-text-secondary);
  font-family: var(--font-secondary);
  font-size: var(--font-size-sm);
  font-style: italic;
}

.KDW_z1DzZ4BLGDHWmWLA {
  padding: var(--space-md);
  font-size: var(--font-size-md);
  border: 1px solid var(--color-silver);
  border-radius: var(--radius-md);
  font-family: var(--font-primary);
  resize: vertical;
  min-height: 80px;
}

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

.a3lA2hOiGGEfNoTCjzMO {
  display: flex;
  justify-content: flex-end;
  gap: var(--space-md);
  padding-top: var(--space-sm);
}

/* Container - full width like EstimatingEdit */
.AdJekzSZG3xPbTQ8SAU0 {
  padding: var(--space-xl);
  max-width: 1600px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  min-height: calc(100vh - 140px);
}

/* Nav tabs in PageHeaderWithBack actions */
.pGzC0bLYLmDhb9LJ_Qsp {
  flex: 1;
  min-width: 0;
  background: var(--color-background);
  z-index: 10;
  padding-bottom: var(--space-sm);
  border-bottom: 1px solid var(--color-silver);
}

.WvVHoKJ9BxIClma558Gx {
  display: flex;
  gap: 0;
}

.RR5xYtP5EfJ4z9rAmIHu {
  flex: 1;
  padding: var(--space-md) var(--space-lg);
  background: transparent;
  border: none;
  border-top: 3px solid transparent;
  color: var(--color-ash-gray);
  font-size: var(--font-size-lg);
  font-weight: 400;
  font-family: var(--font-primary);
  cursor: pointer;
  transition: all 0.2s ease;
  text-align: center;
  margin-bottom: -2px;
  white-space: nowrap;
}

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

.RR5xYtP5EfJ4z9rAmIHu.x8K19rxt0b8DkqmFNrC_ {
  color: var(--color-text-primary);
  border-top-color: var(--color-primary);
  font-weight: 700;
}

/* Tab content area - Notifications (DO NOT TOUCH) */
.sMScQcLGLfyaiW9Eefvv {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
}

.QlzLQEUExnWD8vV7hDD1 {
  display: flex;
  justify-content: flex-end;
  margin-top: var(--space-md);
  margin-bottom: var(--space-md);
}
/* Messages content - reverted to original layout */
.Hwh1CkA6wXP1cutg1bNB {
  display: flex;
  flex: 1;
  min-height: 0;
  background: var(--color-antiflash-white);
  overflow: hidden;
  height: 550px;
}

.OpqUQ86VkCr0_hc4tf2a {
  width: 380px;
  background: #ebebeb;
  border-right: 1px solid #e5e5e5;
  /* display: flex;
  flex-direction: column;
  height: 100%; */
}

.NEQtJ3WFWhXuJGnCK2Lu {
  padding: var(--space-lg);
  border-bottom: 1px solid #e5e5e5;
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
}

.xJEnJ27SV7yxPAqkrRKW {
  padding: var(--space-sm) 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-primary);
  cursor: pointer;
  transition: background 0.2s;
}

.xJEnJ27SV7yxPAqkrRKW:hover {
  background: var(--color-rust, #ae4222);
}

.lzJh0Fb3GSkYyD2WDodN {
  display: flex;
  gap: var(--space-lg);
  margin-bottom: var(--space-lg);
}

.cvkk_G4DmoeWg5bdPLG5 {
  display: inline-flex;
  align-items: center;
  background: none;
  border: none;
  padding: var(--space-sm) 0;
  font-size: 12px;
  color: #929292;
  cursor: pointer;
  border-bottom: 2px solid transparent;
  transition: all 0.2s;
  font-weight: 600;
  font-family: "Poppins";
}

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

.y9NJJIVbQwe27ii3vZqQ {
  color: #045a8d;
  border-bottom-color: var(--color-primary);
}

.Eo06EA0Q6hPiN4LU0zOY {
  margin-left: var(--space-xs);
  background: var(--color-primary);
  color: white;
  font-size: 10px;
  font-weight: 700;
  padding: 2px 6px;
  border-radius: var(--radius-full);
  min-width: 18px;
  text-align: center;
}

.ynrZQuoavNmEJjrQVKlp {
  display: flex;
  gap: var(--space-md);
  margin-top: var(--space-sm);
}

.TvrgNEGtOmLhHEmT_nW1 {
  display: inline-flex;
  align-items: center;
  background: none;
  border: none;
  padding: var(--space-xs) 0;
  font-size: 11px;
  color: #929292;
  cursor: pointer;
  border-bottom: 2px solid transparent;
  transition: all 0.2s;
  font-weight: 600;
  font-family: "Poppins";
}

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

.iXQonXTsn0SAaBbwEON8 {
  color: #045a8d;
  border-bottom-color: var(--color-primary);
}

.KDR_4RxmPXPII82uiARf {
  flex: 1;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  height: 400px;
}

.Pwm6EO6CFjBMbHTfcouq {
  padding: var(--space-md) var(--space-lg);
  font-size: var(--font-size-sm);
  color: #606060;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-family: "Poppins";
  font-size: 12px;
}

.YnBMNjyi5cKtFf8mbxgy {
  flex: 1;
  display: flex;
  flex-direction: column;
  background: white;
  min-height: 0;
  overflow: hidden;
}

.WX2JWqny4U92FMq8luVg {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--space-xl);
  text-align: center;
  color: #6b7280;
}

.uZpLYDC49VGYRq8zE3PO {
  max-width: 200px;
  margin-bottom: var(--space-lg);
  object-fit: contain;
}

.sJvNUv9IFfDdGjor0KQf {
  font-size: var(--font-size-lg);
  font-weight: 600;
  color: var(--color-primary-dark);
  margin-bottom: var(--space-sm);
}

.xrv9nGZ8Kv2ZzrlM3f0v {
  font-size: var(--font-size-sm);
  max-width: 320px;
}

.DI4Hpi05I5JdxVv7IzSw {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--space-xl);
  color: #6b7280;
  font-size: var(--font-size-sm);
}

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

  .OpqUQ86VkCr0_hc4tf2a {
    width: 100%;
    border-right: none;
    border-bottom: 1px solid #e5e5e5;
  }
}

.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);
}

.Aum5FjeizbEiPAX9x1_f {
  max-width: 1400px;
  margin: 0 auto;
}

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

/* Main content wrapper (statsGrid + mainGrid) */
.FuLDRI8P2jItz_Cd4MKH {
  display: flex;
  flex-direction: column;
  min-width: 0;
  gap: var(--space-xl);
}

/* Notifications column - stretches to match mainContent height */
.EVhrukTxTS0zwCLox0LP {
  min-width: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  margin-bottom: var(--space-xl);
}

/* Make NotificationsSection scrollable */
.EVhrukTxTS0zwCLox0LP > * {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  height: 100%;
}

.EVhrukTxTS0zwCLox0LP .section {
  flex: 1;
  overflow-y: auto;
  min-height: 0;
}

/* Top Stats Grid - 3 columns */
.zj2I6O0jQu5EuokXEwYt {
  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) */
.VRhRxvRMnTC5tFeasoxo {
  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 */
.lxMpt_tw5XJRGyGoXexh {
  display: flex;
  flex-direction: column;
  height: 100%;
}

/* Quote Status spans 2 columns */
.rYVQuOsS6V49OkfQNDOr {
  grid-column: span 2;
}

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

.i2a_yMkaFDoKtznBbIhw .Vw0E4zQzS6WCo87AjJZW {
  flex: 1;
  min-width: 0;
}

.GJ8Tqp2vtQ6u3QtGxbzx {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  flex-shrink: 0;
  padding: 8px 16px;
  background: #f25b22;
  color: #ffffff;
  border: none;
  border-radius: 6px;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 12px;
  text-align: center;
  cursor: pointer;
  transition: opacity 0.2s ease;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}

.GJ8Tqp2vtQ6u3QtGxbzx:hover {
  opacity: 0.9;
}

/* Job Status spans 3 columns (full width) */
.ayxJMNWulOXB5vvdK0Ch {
  grid-column: span 3;
}

.ZZ4NEXzFjD_qFRLXZoRV {
  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 */
.dzGBPqhjtVZHK6IlD3as {
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
  overflow: hidden;
  min-height: 0;
  height: 200px;
}

/* Quote Status section matches Action Required height */
.rYVQuOsS6V49OkfQNDOr .ZZ4NEXzFjD_qFRLXZoRV {
  height: 100%;
  min-height: 0;
}

/* Ensure sections in statsGrid have equal height */
.zj2I6O0jQu5EuokXEwYt > .lxMpt_tw5XJRGyGoXexh {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.Vw0E4zQzS6WCo87AjJZW {
  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);
}

.x2WXVa4ODufPx31dsZfQ {
  cursor: pointer;
  transition: opacity 0.2s ease;
}

.x2WXVa4ODufPx31dsZfQ:hover {
  opacity: 0.9;
}

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

/* Quote Status Grid - 2 rows and 2 columns */
.DyXx0Vg1vG_9JKw_nhzL {
  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 */
.slLmYtcWZbkO_35aaIOQ {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--space-md);
  overflow: visible;
}

/* Loading and Error States */
.MHOh3SDb1Eq1xgpYYDXP,
.Jg6ckbYLkG_mx6cux6fu {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 400px;
  color: var(--color-text-secondary);
}

.Jg6ckbYLkG_mx6cux6fu button {
  margin-top: var(--space-md);
  padding: var(--space-sm) var(--space-lg);
  background: var(--color-primary);
  color: white;
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
}

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

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

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

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

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

  .rYVQuOsS6V49OkfQNDOr {
    grid-column: span 1;
  }

  .ayxJMNWulOXB5vvdK0Ch {
    grid-column: span 1;
  }
}

@media (max-width: 768px) {
  .Aum5FjeizbEiPAX9x1_f {
    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;
}

.h9wLE8hehXKWCBqe5J_h .vf04EDod8ct88IaFMKLc {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  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));
  }
}

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

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

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

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

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

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

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

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

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

.JpIA39miWOQCirW2Bie4 {
  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);
}

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

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

.vnFrLjXhlCCCkFhflbCV {
  color: #374151;
}

.vnFrLjXhlCCCkFhflbCV.gZRf5DbOxCIkDEo7yfA7 {
  color: #9ca3af;
}

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

.FSmYJvUcffytDPmHey5Z.nwLqqqlUR5ZMmkJeOrih {
  transform: rotate(180deg);
}

.y_JXB78RpUKwSiNIo3XS {
  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;
}

.ri7C7lRzUPauS0kFCaD4 {
  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);
}

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

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

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

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

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

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

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

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

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

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

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

.ixlhQ7bi05Hdi_SAq_Dr {
  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);
}

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

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

.mjjHwx39x3b7obb1UdHO {
  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);
}

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

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

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

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

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

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

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

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

.ysGz4Oq8Do2SnU8JvjxD.C2MDVFdpNVSOS1EcaluM {
  background-color: #f0fdf4;
  border-color: #86efac;
}

.ysGz4Oq8Do2SnU8JvjxD.aooqA8zVaaXiPtxxBAwe {
  background-color: #fef3e2;
  border-color: #fed7aa;
}

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

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

.Cl5ZRTJWs505fiYMlzQe {
  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);
}

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

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

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

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

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

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

.dCMW65VenJrQLkfJa9Ef {
  cursor: default;
}

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

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

.kXcEEnb2JfLn6YhYmk6q {
  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;
}

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

.kEW5eK9jbxhh2ZbGBZxI {
  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;
}

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

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

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

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

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

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

  .fOaUv6yY6BczEGnyXdIb,
  .dvn0NSG1IkuoSLTBsX9v {
    padding: var(--space-xl);
  }

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

  .kXcEEnb2JfLn6YhYmk6q,
  .kEW5eK9jbxhh2ZbGBZxI {
    width: 100%;
  }

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

.QgzzD3fzIN1uyCjHv6JQ {
  padding: 24px 32px;
  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;
}

/* Action Alert (staff-requested date change) */
.p6U5s8X8E6BI57xErKjA {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 16px 24px;
  background: #fff3e0;
  border: 1px solid #e65100;
  border-radius: 8px;
  margin-bottom: 16px;
}

.AopBqdPiqpjSS32TQryA {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  flex: 1;
}

.XGS_k_6_Bke5EBbosBl1 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background: white;
  border-radius: 8px;
  flex-shrink: 0;
}

.XGS_k_6_Bke5EBbosBl1 svg {
  color: #e65100;
}

.jIwxVtBCfPQBE2Pss76k {
  flex: 1;
}

.ILJUGh0eSuXNGvfQbyrG {
  font-size: 16px;
  font-weight: 700;
  color: #e65100;
  margin: 0 0 4px 0;
}

.xltx9TwXBAc0ruyXTOge {
  font-size: 14px;
  color: #1a3a4a;
  margin: 0;
}

.gWDRU4WZQmD4PgQjn4QU {
  padding: 10px 24px;
  background: transparent;
  color: #e65100;
  border: 2px solid #e65100;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
  white-space: nowrap;
  flex-shrink: 0;
}

.gWDRU4WZQmD4PgQjn4QU:hover {
  background: #e65100;
  color: white;
}

/* 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;
}

/* Documents Section */
.gmv2Pld2Lqb7rxkO4k1n {
  margin-top: 24px;
}

.uQtvG1uXc2QyqnGrERPg {
  padding: 0;
}

/* Section (Documents) */
.R5ibkcHolH4KTOXdSMtB {
  display: flex;
  flex-direction: column;
  gap: var(--space-lg);
}

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

.EngiS7v9fRTRSVgJtXWz {
  display: inline-flex;
  align-items: center;
  padding: 10px 20px;
  background: var(--color-primary);
  color: white;
  border-radius: var(--radius-md);
  font-size: var(--font-size-sm);
  font-weight: 600;
  text-decoration: none;
  transition: background 0.2s;
  margin-top: var(--space-md);
  margin-bottom: var(--space-md);
}

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

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

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

.Me0kg6fQk6OrwDo_NmBU {
  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;
}

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

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

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

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

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

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

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

.iVkOt3j_OvHTUb4RCNSg {
  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;
}

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

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

.MmLIJxru__f31r_7aPp3 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-sm);
  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;
}

.MmLIJxru__f31r_7aPp3:hover {
  background: #234651;
}

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

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

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

.ttaX_h9H_xUB3HqYRGpA 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;
}

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

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

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

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

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

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

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

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

.Vt03_XXqKet4Ib27Ic4Y {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

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

.rCZmMx6aUFhb8PcY8E5O {
  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);
}

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

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

._wvwCe1n7TCWQc9hUpt6 {
  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;
}

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

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

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

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

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

/* 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;
}

/* 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;
  }

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

  .FVL73BM4PhjcAfCS3l7x {
    max-width: none;
  }

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

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

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

@media (max-width: 768px) {
  .MmLIJxru__f31r_7aPp3 {
    width: 100%;
  }

  .MUn07_U5l0eAEJwodVAo {
    overflow-x: auto;
  }

  .ttaX_h9H_xUB3HqYRGpA {
    min-width: 600px;
  }

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

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

.vlEN9pGbogVzsp_jWXuA {
  background: white;
  border-radius: 8px;
  padding: 20px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

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

.FkchYTFJG0Eo7Z361Wrx {
  font-size: 18px;
  font-weight: 600;
  color: #104353;
  margin: 0;
}

.mZs1QesQiuISHnLay82d {
  background: none;
  border: none;
  font-size: 32px;
  color: #666;
  cursor: pointer;
  padding: 0;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}

.mZs1QesQiuISHnLay82d:hover {
  color: #e71a4a;
}

.tocTn4P2OT2LshAu7Yhg {
  position: relative;
  background: #f9f9f9;
  border: 2px solid #ddd;
  border-radius: 4px;
  margin-bottom: 16px;
  overflow: hidden;
}

.uHiubpF0csIKKILbBKPY {
  width: 100% !important;
  height: 200px !important;
  cursor: crosshair;
  touch-action: none;
}

.X7hCW6XumfEMWkJEU2ZL {
  position: absolute;
  bottom: 40px;
  left: 20px;
  right: 20px;
  height: 1px;
  background: #ccc;
  pointer-events: none;
}

.yEmQ27CKNKHlTUAdFBNA {
  display: flex;
  gap: 12px;
  justify-content: flex-end;
}

.O9fKAsp7o7u_IRUQ0y57,
.Y9tSFBnls3VeYyaDXnHI {
  padding: 10px 20px;
  border: none;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
}

.O9fKAsp7o7u_IRUQ0y57 {
  background: #f5f5f5;
  color: #666;
}

.O9fKAsp7o7u_IRUQ0y57:hover:not(:disabled) {
  background: #e0e0e0;
}

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

.Y9tSFBnls3VeYyaDXnHI {
  background: #d4783c;
  color: white;
}

.Y9tSFBnls3VeYyaDXnHI:hover:not(:disabled) {
  background: #c56b34;
}

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







.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);
}

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

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

.zCMrxeL5zgfbR09sV3ua {
  display: flex;
  flex-direction: column;
}

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

.rbvyBvxPJMVsGbtZ6hpQ {
  display: flex;
  flex-direction: row;
  gap: var(--space-sm);
}

.Hp2QLEFNqziWNbW5xtj6 {
  color: #000000;
  font-family: "Poppins";
  font-weight: 400;
  font-size: 16px;
  display: flex;
  align-items: center;
}

.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;

  padding: 4px 8px;
  background: #ffffff;
  border: 0.5px solid #232323;
  border-radius: 3px;
  font-family: "Helvetica";
  font-weight: 400;
  font-size: 14px;
  text-align: left;
}

.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 {
  color: #000000;
  font-family: "Poppins";
  font-weight: 400;
  font-size: 16px;
}

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

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

.iFFSWbfCmF6QKSeH8txa {
  flex: 1;
  border: 2px solid #e0e0e0;
  border-radius: var(--radius-md);
  font-size: 16px;
  font-family: var(--font-family);
  transition: border-color 0.2s;

  padding: 4px 8px;
  background: #ffffff;
  border: 0.5px solid #232323;
  border-radius: 3px;
  font-family: "Helvetica";
  font-weight: 400;
  font-size: 14px;
}

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

.iFFSWbfCmF6QKSeH8txa::placeholder {
  color: #999;
}

.ov75u3LUFX16Rr0GRZO_ {
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  border-radius: 50%;
  color: white;
  cursor: pointer;
  transition: background-color 0.2s;
  flex-shrink: 0;
  padding: 6px;
}

.s1nKRVs2O7RoX2I531VB {
  background: var(--color-primary);
}

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

.tPa8pD80qM2ZdtQuzjAo {
  background: var(--color-sapphire);
}

.tPa8pD80qM2ZdtQuzjAo:hover {
  background: #1e3f8a;
}

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

.v_rEwdjTeKA9DCqogkzw {
  color: white;
  font-size: 14px !important;
}

.wTgubzCkl5Iw6QFmPAEV {
  color: white;
  font-size: 14px !important;
}

/* Terms Button */
.HO_BjEtmJxkcPcAo2jpX {
  display: flex;
  align-items: center;
  gap: var(--space-sm);
  padding: var(--space-sm);
  background: var(--color-tiffany-blue);
  color: #104353;
  border-radius: var(--radius-md);
  font-size: 16px;
  font-weight: 600;
  font-family: var(--font-family);
  text-decoration: none;
  cursor: pointer;
  transition: all 0.2s;
  align-self: flex-start;
  width: 100%;
  max-width: 250px;
  box-sizing: border-box;

  background: #d3e5ee;
  border-radius: 7px;
  color: #045a8d;
  font-family: "Helvetica";
  font-weight: bold;
  font-size: 16px;
  text-align: left;
}

.noL54rVJgw4bCGlSr2MS {
  color: #045a8d;
  font-size: 16px;
}

.HO_BjEtmJxkcPcAo2jpX:hover {
  background: #7bc4bc;
  border-color: #0a2d35;
}

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

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

.euJk8qbXSnj1qwXqizKk {
  width: 16px;
  height: 16px;
  cursor: pointer;
  flex-shrink: 0;
  margin-top: 2px;
}

.CMjkWy4r2UobpNNLNA2g {
  font-size: 15px;
  color: #333;
  line-height: 1.5;

  color: #232323;
  font-weight: 600;
  font-size: 10px;
}

.dBUUYRB591Ui3FBUQxga {
  color: var(--color-sapphire);
  text-decoration: underline;
  font-weight: 500;
}

.dBUUYRB591Ui3FBUQxga:hover {
  color: #1a3a7a;
}

/* Signature Section */
.jVHwBbt3hCsPDJIQOAfl {
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
  position: relative;
}

.Dcq86uix3MzwQR7pN90C {
  display: flex;
  align-items: center;
  gap: var(--space-sm);
  border: none;
  padding: var(--space-sm);
  cursor: pointer;
  align-self: flex-start;
  width: 100%;
  max-width: 250px;
  box-sizing: border-box;

  background: #fde7dfcc;
  border-radius: 7px;
  color: #2d4b5a;
  font-family: "Helvetica";
  font-weight: 400;
  font-size: 16px;
}

.Dcq86uix3MzwQR7pN90C:hover {
  background: #8a3519;
}

.Dcq86uix3MzwQR7pN90C:active {
  transform: scale(0.98);
}
.LfUFP3rM7HdBUY3mFPYP {
  padding: 8px;
  background: #f25b22;
  border-radius: 6px;
}

.JkZ9jjTGiFxvnmI3ejGj {
  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: 10000;
  padding: var(--space-lg);
}

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

.d0SIUrmyGL0zb_Ba3Qev {
  border: 2px solid #e0e0e0;
  border-radius: var(--radius-md);
  padding: var(--space-md);
  background: white;
  min-width: 300px;
  padding: 8px;
  background: #f25b22;
  border-radius: 6px;
}

.IC2_tiaWySQAgtiZdiIv {
  display: block;
  max-width: 100%;
  height: auto;
  max-height: 100px;
}

.kb9IWmfRlsx8TlJl8Taa {
  padding: 8px 16px;
  background: #f5f5f5;
  color: #666;
  border: 1px solid #ddd;
  border-radius: var(--radius-md);
  font-size: 14px;
  font-weight: 500;
  font-family: var(--font-family);
  cursor: pointer;
  transition: all 0.2s;
}

.kb9IWmfRlsx8TlJl8Taa:hover {
  background: #e0e0e0;
  border-color: #ccc;
}

.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) {
  .noFwkIRTKfTxHl12wZkg {
    grid-template-columns: 1fr;
  }

  .SYQri754N0Zeaf0PVQUq {
    font-size: 20px;
  }

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

  .zpTI3YuR9Mf_Jt10b14c button {
    width: 100%;
  }

  .HO_BjEtmJxkcPcAo2jpX,
  .Dcq86uix3MzwQR7pN90C {
    padding: 10px 16px;
    font-size: 14px;
  }

  .LfUFP3rM7HdBUY3mFPYP {
    padding: 6px;
  }
}

.cEFBJmbqEtp0jG4siWRV {
  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;
  width: 100%;
}

/* Top Section */
.xeCE5FPZka2jvTz7WxtE {
  display: flex;
  gap: 12px;
  padding: 10px 12px;
}

.qpGUZivTipvu1fHoIL5U {
  flex: 0 0 90px;
  height: 90px;
  background: #f5f5f5;
  overflow: hidden;
  border-radius: var(--radius-sm);
}

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

.qpGUZivTipvu1fHoIL5U .ElQk4AGklt3B2Nd57Maw {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover;
}

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

.u9HwUul6M2SGwcbnVwSi svg {
  width: 32px;
  height: 32px;
}

.nVBsmngICgn_5B94SCnV {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 6px;
  justify-content: space-between;
}

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

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

.UMUnQZoFiAANhB7xy6Wv {
  display: flex;
  align-items: center;
  gap: 4px;
  color: #6c6c6b;
  font-family: "Poppins";
  font-weight: 600;
  font-size: 10px;
  line-height: 1.4;
}

.IdHDcpq9u5WO_2ElYQKX {
  color: #07486f;
  font-family: "Poppins";
  font-weight: 600;
  font-size: 10px;
  text-decoration: none;
  margin-top: auto;
  cursor: pointer;
  transition: color 0.2s ease;
}

.IdHDcpq9u5WO_2ElYQKX:hover {
  color: var(--color-rust);
  text-decoration: underline;
}

.ymlHtZ413GMtIYkJrGpt {
  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: eFHfmQy5IAcvUJOjOTcI 0.2s ease-out;
}

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

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

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

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

.FMUeUAmxM4M5WE1ATugP {
  margin: 0;
  font-size: var(--font-size-md);
  font-weight: 500;
  color: var(--color-text-primary);
  font-family: var(--font-primary);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  text-align: center;
}

.Y4Ic86WbngNpff1BtXku {
  margin: 0;
  font-size: var(--font-size-sm);
  color: #004960;
  font-family: "Poppins";
  font-weight: 400;
  text-align: center;
  line-height: 1.5;
}

.Y4Ic86WbngNpff1BtXku i {
  font-style: italic;
}

.ET4P7LIBBtajhywNaDkD {
  width: 100%;
  display: flex;
  justify-content: center;
}

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

.muejhNIzBcR0hzbVOTX4 {
  padding: var(--space-sm) var(--space-md);
  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;
  color: #f5f2e3;
  font-family: "Poppins";
  font-weight: 500;
  font-size: 10px;
  background: #ebebeb;
  color: var(--color-text-primary); /* Licorice */
}

.muejhNIzBcR0hzbVOTX4:hover {
  background: var(--color-antiflash-white); /* Light gray */
  color: var(--color-text-primary);
}

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

.Q3NJo7Tg06t8MV0ja0O9 {
  padding: var(--space-sm) var(--space-md);
  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;
  color: #f5f2e3;
  font-family: "Poppins";
  font-weight: 500;
  font-size: 10px;

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

.Q3NJo7Tg06t8MV0ja0O9:hover {
  background: var(--color-vanilla); /* Vanilla - lighter yellow */
  color: var(--color-text-primary);
  transform: translateY(-1px);
  box-shadow: var(--shadow-md);
}

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

.Q3NJo7Tg06t8MV0ja0O9:focus {
  outline: 2px solid var(--color-primary);
  outline-offset: 2px;
}

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

  .pWhwDxWLYGVBZpGSveZd {
    padding: var(--space-md);
    max-width: 100%;
  }

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

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

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

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

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

  .muejhNIzBcR0hzbVOTX4,
  .Q3NJo7Tg06t8MV0ja0O9 {
    width: 100%;
  }
}

.GB1qcgjYH2GlLP2Imlxf {
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
}

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

.gHEM0k8h763wj0dEUv_q {
  width: 100%;
  min-height: 100px;
  padding: var(--space-md);
  font-family: var(--font-family);
  font-size: var(--font-size-sm);
  border: 1px solid var(--color-border, #ccc);
  border-radius: var(--radius-md);
  resize: vertical;
}

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

.gHEM0k8h763wj0dEUv_q:disabled {
  background: var(--color-antiflash-white);
  cursor: not-allowed;
}

.uAIsmdZaVEtTApdxK9DQ {
  font-size: var(--font-size-xs);
  color: var(--color-rust);
}

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

.pnF8A_oJIpy_VI83d_J8 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--space-2xl);
}

.P2to5ixnI1QzWOxRXj2g {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
}

/* 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);
}

.JNuNLqc6FVr3POwygF1A {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 8px 16px;
  background: #f25b22;
  color: #ffffff;
  border: none;
  border-radius: 6px;
  font-family: "Poppins";
  font-weight: 500;
  font-size: 12px;
  text-align: center;
  cursor: pointer;
  transition: all 0.2s ease;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}

.JNuNLqc6FVr3POwygF1A:hover {
  opacity: 0.9;
}

.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);
  display: flex;
  flex-direction: column;
  align-items: center;
}

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

.LdBpF8R5FXSRPLsD44Hg {
  font-family: "Poppins";
  font-size: var(--font-size-md);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: var(--space-md) 0 var(--space-sm) 0;
}

.qmbXSYT_ULrePhwENsP0 {
  color: #989898;
  font-family: "Poppins";
  font-size: 9px;
  margin: 0;
  line-height: 1.4;
}

.b0ovGUrzjuBB84gt_bxw {
  margin-top: var(--space-md);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 10px 20px;
  background: #f25b22;
  color: #ffffff;
  border: none;
  border-radius: 6px;
  font-family: "Poppins";
  font-weight: 500;
  font-size: 12px;
  text-align: center;
  cursor: pointer;
  transition: all 0.2s ease;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  align-self: center;
}

.b0ovGUrzjuBB84gt_bxw:hover {
  opacity: 0.9;
}

.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;
}

.oiv17rmbFR_VaG5KJoQk .bL4EJZw2rY3Rr0m7sY7Y {
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  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;
  height: 100%;
}

.HrQytZp9gCYvsWjrPBF7:hover {
  opacity: 0.9;
}

.HrQytZp9gCYvsWjrPBF7:disabled {
  cursor: not-allowed;
  background: #555;
}

.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;
}

.rIJTB0NM7Rc3PbeYCIFK {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6px;
  background: #ebebeb;
  color: #6c6c6b;
  border: none;
  border-radius: 6px;
  font-family: "Poppins";
  font-weight: 500;
  font-size: 10px;
  text-align: center;
  cursor: not-allowed;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  width: 100%;
  opacity: 1;
}

.rIJTB0NM7Rc3PbeYCIFK:disabled {
  opacity: 1;
}

.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-md);
}

.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);
}

.jVxi3dhIHm7RvYU9ElMz {
  position: relative;
  z-index: 1;
  margin: 0 0 var(--space-lg) 0;
  font-size: var(--font-size-2xl);
  font-weight: 700;
  color: white;
  text-transform: uppercase;
  letter-spacing: 2px;
}

.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);
  text-transform: capitalize;
}

.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;
  top: 47%;
  transform: translateY(-50%);
  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;
  display: flex;
  align-items: center;
  padding: 0 var(--space-sm);
}

.I7JTGhcIUs22Lf0Lai3E {
  font-size: var(--font-size-md);
  font-weight: 500;
  color: var(--color-primary-dark);
}

.C2sHu3fexl7hd6MMXS5b {
  max-height: 50px;
  max-width: 200px;
  display: block;
}

.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;
}

.lizbj0zEM9fw15lrmYKY {
  width: 100%;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  color: #333;
  gap: var(--space-sm);
}

.wWbqyrHtZnoAsXVicplM {
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
}

.g6uVVBVthQMpixwhU1n5 {
  background: transparent;
  border: none;
  color: var(--color-text-secondary);
  font-size: var(--font-size-sm);
  cursor: pointer;
  padding: 0;
  margin-bottom: var(--space-sm);
  transition: color 0.2s ease;
}

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

.ILB28k4GYjRvcA7qhkTa {
  color: #232323;
  font-family: "Poppins";
  font-weight: 600;
  font-size: 18px;
}

/* Nav Tabs */
.C7etnkoFtNAEXVLg07ST {
  position: sticky;
  top: 0;
  background: var(--color-background);
  z-index: 10;
  padding-bottom: var(--space-sm);
  margin-top: var(--space-lg);
}

.XBqghRLkqcPyTVN8E6IA {
  display: flex;
  gap: 0;
}

.OXHKPT0LYUKEuNRPvQfi {
  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;
}

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

.OXHKPT0LYUKEuNRPvQfi.pTil9MGuUl_z3rPy1mLn {
  color: var(--color-text-primary);
  border-top-color: var(--color-primary);
  font-weight: 700;
}

.mXq1irlXZA3Cuy3NYpl8 {
  flex: 1;
}

.HCYrYkiA6cx09v6SFlSr {
  width: 100%;
}

.ApLNxn5xFayXsJ8X7gPS {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-xl);
}

/* Paper Component */
.gnwCCp0x4fPz3c02razi {
  background: var(--color-surface);
  border-radius: var(--radius-md);
  padding: var(--space-xl);
  box-shadow: var(--shadow-sm);
  border: 1px solid var(--color-border);
  display: flex;
  flex-direction: column;
  gap: var(--space-xl);
}

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

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

.bj4eT0fH4d5FUSeIvRDu {
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
  margin-bottom: var(--space-lg);
}

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

/* Suburb Dropdown Styles */
.oBzOxvBsUid5yAZk5OeU {
  flex: 1;
  position: relative;
}

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

.SxS1CwGtizeIQBrWnjCX .tiQnl4amxcpDkVg_8gbw {
  width: 100%;
  padding-right: 36px;
}

.t_gdjRFB_az3M35yv5De {
  position: absolute;
  right: 12px;
  background: none;
  border: none;
  color: var(--color-text-secondary);
  font-size: 20px;
  cursor: pointer;
  padding: 0;
  line-height: 1;
}

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

.ebaQGyQs98TTYAoo5lj6 {
  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;
}

.WLM3iLhy8Ek0cOzFm5ZH {
  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;
}

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

.WLM3iLhy8Ek0cOzFm5ZH.gdUHa4F6dkQMKL39mouv {
  background: var(--color-misty-rose);
}

.aCwCY3ql3cdDxfStIhlV {
  font-size: var(--font-size-sm);
  font-weight: 500;
  color: var(--color-text-primary);
  font-family: var(--font-secondary);
}

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

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

.gZGm58g0Fr1z1EtP2WSA {
  position: relative;
  display: flex;
  align-items: center;
  gap: var(--space-sm);
  width: 80px;
  height: 36px;
  border: none;
  border-radius: var(--radius-full);
  background: #e0e0e0;
  cursor: pointer;
  padding: 0 var(--space-sm);
  transition: background 0.3s ease;
}

.jUhtqL9a8_V3_5HrrR5y {
  background: #ff4757;
}

.AXlIWa_Qc9JDlYiCSwQf {
  position: absolute;
  left: 12px;
  font-size: var(--font-size-xs);
  font-weight: 700;
  color: white;
  z-index: 1;
}

.zICTReNKdvJHrKQx7WUA {
  position: absolute;
  right: 4px;
  width: 28px;
  height: 28px;
  background: white;
  border-radius: 50%;
  transition: transform 0.3s ease;
}

.gZGm58g0Fr1z1EtP2WSA:not(.jUhtqL9a8_V3_5HrrR5y) .zICTReNKdvJHrKQx7WUA {
  left: 8px;
}

.gZGm58g0Fr1z1EtP2WSA:not(.jUhtqL9a8_V3_5HrrR5y) .AXlIWa_Qc9JDlYiCSwQf {
  left: auto;
  right: 12px;
  color: #666;
}

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

.Fck0qeSHTdwZs_l5kncZ {
  font-size: var(--font-size-md);
  font-weight: 500;
  color: #999;
  transition: color 0.2s ease;
}

.RUe_kracYiUYDp08SlBw {
  color: #333;
}

.sxLq4WuPR1dVPif5UROw {
  position: relative;
  width: 60px;
  height: 32px;
  border: none;
  border-radius: var(--radius-full);
  background: #e0e0e0;
  cursor: pointer;
  padding: 0;
  transition: background 0.3s ease;
}

.FN7DqG5rLNOtYdsRoJgV {
  background: var(--color-primary);
}

.gFXT7xSMzZsKPkGPFdrP {
  position: absolute;
  left: 4px;
  top: 4px;
  width: 24px;
  height: 24px;
  background: white;
  border-radius: 50%;
  transition: transform 0.3s ease;
}

.FN7DqG5rLNOtYdsRoJgV .gFXT7xSMzZsKPkGPFdrP {
  transform: translateX(28px);
}

.Giy0GV2YSeD2n3Oinzau {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 400px;
  background: #f5f5f5;
  border-radius: var(--radius-lg);
  color: #999;
  font-size: var(--font-size-lg);
}

.b44wClG_rPErVwWqOFth {
  display: flex;
  justify-content: flex-end;
  padding-top: var(--space-xl);
}

.cizmO5EJKdAYGHgMhqbU {
  padding: 14px 40px;
  border: none;
  border-radius: var(--radius-md);
  background: var(--color-sapphire);
  color: white;
  font-size: var(--font-size-md);
  font-weight: 600;
  cursor: pointer;
  text-transform: capitalize;
  transition: background 0.2s ease;
}

.cizmO5EJKdAYGHgMhqbU:hover:not(:disabled) {
  background: #1b3a70;
}

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

/* Job Description Document Table */
.QzD9ySgCFfNBzf4ekOvX {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-md);
  flex-wrap: wrap;
  margin-bottom: var(--space-md);
}

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

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

.dOIUQjpxKYdW0pwcrlrA {
  padding: 10px 26px;
  border: none;
  border-radius: var(--radius-md);
  background: #2d5a6b;
  color: white;
  font-size: var(--font-size-sm);
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
}

.dOIUQjpxKYdW0pwcrlrA:hover {
  background: #234651;
}

.W8HJeoYfpQJgeBhDWr5r {
  padding: var(--space-sm) var(--space-lg);
  background: var(--color-surface);
  border: none;
  border-radius: var(--radius-md);
  color: var(--color-text-primary);
  font-size: var(--font-size-sm);
  font-weight: 500;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: var(--space-xs);
  transition: all 0.2s ease;
}

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

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

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

.AY2eBmnBw_bzTfSqazyd {
  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;
}

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

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

.hbK3zLhb_7ls_Xxq0JOm {
  background: var(--color-surface);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
  overflow: hidden;
  margin-top: var(--space-md);
}

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

.VqhGSwl3GRVFvFLixt7g {
  background: var(--color-celadon);
  border-bottom: 2px solid var(--color-border);
  text-transform: uppercase;
}

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

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

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

.Au3qYFGVLQPMCWlwV93K {
  padding: var(--space-md) var(--space-xl);
  font-size: var(--font-size-sm);
  color: var(--color-text-primary);
  font-family: var(--font-secondary);
}

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

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

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

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

.amJmxOvPrJLCmMyUFEJy {
  font-weight: 600;
  color: var(--color-sapphire);
}

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

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

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

.Boxw2Zz4IhrP5NSzWxA6 {
  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);
}

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

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

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

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

.cTyFuYzhUG8TWwYErCqX {
  color: var(--color-rust);
}

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

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

/* Job Description Tab Styles - Date/Time Section */
.HzMi8qZzjq121pGexZXl {
  display: flex;
  flex-direction: row;
  gap: var(--space-sm);
  justify-content: space-between;
}

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

.kANZI3ZVqKTJdatfng2S {
  flex: 1;
  min-width: 300px;
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
}

.k6e7s0F_0yDGDiqkVUuw {
  flex: 0 0 160px;
  word-break: auto-phrase;
  display: flex;
  align-items: center;
}

.m2ocyvt6n5m4h5IICayy {
  display: flex;
  gap: var(--space-lg);
}

/* Date/Time inputs - special sizing, uses global form-input base styles */
.UpB9aPJsJZ1Jqh1wOCcl .tiQnl4amxcpDkVg_8gbw,
.ZvU7_iwKlNJrF495QL0y .tiQnl4amxcpDkVg_8gbw {
  width: fit-content;
  padding: var(--space-sm);
}

.t71t2Zvi5oEHATUmCh5x {
  flex: 1;
  padding: 12px 16px;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  font-size: var(--font-size-sm);
  background: var(--color-surface);
  color: var(--color-text-primary);
  font-family: var(--font-secondary);
  transition: border-color 0.2s ease;
}

.t71t2Zvi5oEHATUmCh5x:focus {
  outline: none;
  border-color: var(--color-sapphire);
}

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

.fKiOASZk14lBM2fQrmj4 {
  flex: 1;
  min-width: 60px;
  padding: 8px 16px;
  border: 2px solid #d0d0d0;
  border-radius: 24px;
  background: white;
  color: #666;
  font-size: var(--font-size-sm);
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
}

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

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

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

  ._VotxUE20VYbnf4uCBjg {
    grid-template-columns: repeat(2, 1fr);
  }

  .gnwCCp0x4fPz3c02razi {
    padding: var(--space-lg);
  }

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

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

  .OXHKPT0LYUKEuNRPvQfi {
    flex: none;
    white-space: nowrap;
    padding: var(--space-md) var(--space-md);
  }

  /* Stack dateTimeSection vertically */
  .HzMi8qZzjq121pGexZXl {
    flex-direction: column;
  }

  /* Make dateTimeInputs wrap properly */
  .m2ocyvt6n5m4h5IICayy {
    flex-wrap: wrap;
  }

  .k6e7s0F_0yDGDiqkVUuw {
    width: 100%;
  }

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

  .UUw5xc6UYXkEjG07uCR9 {
    flex: none;
  }
}

.BbPGG9p1ZSksZQn9MQF2 {
  width: 100%;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  color: #333;
  gap: var(--space-sm);
}

.hfwyBbzzPkHV_DkjLAPE {
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
}

.vyy7TLGbdfslThtJG0K3 {
  background: transparent;
  border: none;
  color: var(--color-text-secondary);
  font-size: var(--font-size-sm);
  cursor: pointer;
  padding: 0;
  margin-bottom: var(--space-sm);
  transition: color 0.2s ease;
}

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

.OLuJmhoYpNyLozwQBLwA {
  color: #232323;
  font-family: "Poppins";
  font-weight: 600;
  font-size: 18px;
}

/* Nav Tabs */
.VucDK7yRmwR8Lao_aZ8g {
  position: sticky;
  top: 0;
  background: var(--color-background);
  z-index: 10;
  padding-bottom: var(--space-sm);
  margin-top: var(--space-lg);
}

.RbGi827o3ltnnVZm8a5e {
  display: flex;
  gap: 0;
}

.MdQxTPVdObR5aHECDaps {
  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;
}

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

.MdQxTPVdObR5aHECDaps.h3KxCIZc1BJJmPO3CZCM {
  color: var(--color-text-primary);
  border-top-color: var(--color-primary);
  font-weight: 700;
}

.DDoBWihltLqmixJvJ4xk {
  flex: 1;
}

.tQwSj7N2w7zeuMpVa_cx {
  width: 100%;
}

.LdmqpSaNLkkbzUpzlb_Z {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-xl);
}

/* Paper Component */
.ZMJf1KZVQPCfmHCjJymw {
  background: var(--color-surface);
  border-radius: var(--radius-md);
  padding: var(--space-xl);
  box-shadow: var(--shadow-sm);
  border: 1px solid var(--color-border);
  display: flex;
  flex-direction: column;
  gap: var(--space-xl);
}

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

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

.gXOxBUCrNXUiChl7r6oH {
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
  margin-bottom: var(--space-lg);
}

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

/* Suburb Dropdown Styles */
.dZEUsZmvELKOIs8DQZrQ {
  flex: 1;
  position: relative;
}

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

.REnIs6Gjv3lELigBu0uA .GJPvOOShgzJNdb2v0NNd {
  width: 100%;
  padding-right: 36px;
}

.Rtt9148OyeUoj2JY8TbG {
  position: absolute;
  right: 12px;
  background: none;
  border: none;
  color: var(--color-text-secondary);
  font-size: 20px;
  cursor: pointer;
  padding: 0;
  line-height: 1;
}

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

.RZCzPb6i5sYstkpo8ubY {
  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;
}

.c5PqU4XXJ0FzVrhxbirG {
  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;
}

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

.c5PqU4XXJ0FzVrhxbirG.Hk7Ez2wOvpNac2Hw5ttW,
.Hk7Ez2wOvpNac2Hw5ttW {
  background: var(--color-misty-rose);
}

.vUUDKlwKC_O2dGvzgXfp {
  font-size: var(--font-size-sm);
  font-weight: 500;
  color: var(--color-text-primary);
  font-family: var(--font-secondary);
}

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

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

.tshCENNQvhgC6hvtg3bq {
  position: relative;
  display: flex;
  align-items: center;
  gap: var(--space-sm);
  width: 80px;
  height: 36px;
  border: none;
  border-radius: var(--radius-full);
  background: #e0e0e0;
  cursor: pointer;
  padding: 0 var(--space-sm);
  transition: background 0.3s ease;
}

.gdvvuue65LZ2m0OQg4bf {
  background: #ff4757;
}

.O3kKtjxcumbdT1jLXWeM {
  position: absolute;
  left: 12px;
  font-size: var(--font-size-xs);
  font-weight: 700;
  color: white;
  z-index: 1;
}

.dRHe5XNzGvDPPy6pFx5H {
  position: absolute;
  right: 4px;
  width: 28px;
  height: 28px;
  background: white;
  border-radius: 50%;
  transition: transform 0.3s ease;
}

.tshCENNQvhgC6hvtg3bq:not(.gdvvuue65LZ2m0OQg4bf) .dRHe5XNzGvDPPy6pFx5H {
  left: 8px;
}

.tshCENNQvhgC6hvtg3bq:not(.gdvvuue65LZ2m0OQg4bf) .O3kKtjxcumbdT1jLXWeM {
  left: auto;
  right: 12px;
  color: #666;
}

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

.bmBMu6OCun0R3xLl3EpC {
  font-size: var(--font-size-md);
  font-weight: 500;
  color: #999;
  transition: color 0.2s ease;
}

.gn4LgRrer_bJqwDjMxR4 {
  color: #333;
}

.x24je0Xe5YKXXtjnGyL0 {
  position: relative;
  width: 60px;
  height: 32px;
  border: none;
  border-radius: var(--radius-full);
  background: #e0e0e0;
  cursor: pointer;
  padding: 0;
  transition: background 0.3s ease;
}

.IYmMcdaesKj6kUY6rHe5 {
  background: var(--color-primary);
}

.YyMpDD7If3yxbo_1B8Hv {
  position: absolute;
  left: 4px;
  top: 4px;
  width: 24px;
  height: 24px;
  background: white;
  border-radius: 50%;
  transition: transform 0.3s ease;
}

.IYmMcdaesKj6kUY6rHe5 .YyMpDD7If3yxbo_1B8Hv {
  transform: translateX(28px);
}

.P_sEsBNPUaitpf70VqED {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 400px;
  background: #f5f5f5;
  border-radius: var(--radius-lg);
  color: #999;
  font-size: var(--font-size-lg);
}

.wjZwdEDydQ4pkziaRmHU {
  display: flex;
  justify-content: flex-end;
  padding-top: var(--space-xl);
}

.HvmR2ZEE2btZPoQQzFgn {
  padding: 14px 40px;
  border: none;
  border-radius: var(--radius-md);
  background: var(--color-sapphire);
  color: white;
  font-size: var(--font-size-md);
  font-weight: 600;
  cursor: pointer;
  text-transform: capitalize;
  transition: background 0.2s ease;
}

.HvmR2ZEE2btZPoQQzFgn:hover:not(:disabled) {
  background: #1b3a70;
}

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

/* Job Description Document Table */
.GKs86NZF9Fp6yOn0nwYH {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-md);
  flex-wrap: wrap;
  margin-bottom: var(--space-md);
}

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

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

.tsYnxfTHctz064Krxh0I {
  padding: 10px 26px;
  border: none;
  border-radius: var(--radius-md);
  background: #2d5a6b;
  color: white;
  font-size: var(--font-size-sm);
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s ease;
}

.tsYnxfTHctz064Krxh0I:hover {
  background: #234651;
}

.hSmgIzdSXXMZRDTi16X0 {
  padding: var(--space-sm) var(--space-lg);
  background: var(--color-surface);
  border: none;
  border-radius: var(--radius-md);
  color: var(--color-text-primary);
  font-size: var(--font-size-sm);
  font-weight: 500;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: var(--space-xs);
  transition: all 0.2s ease;
}

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

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

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

.R5230I5VXWHw0QZkILTA {
  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;
}

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

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

.zUbRLlfSa3m0sdy8pePN {
  background: var(--color-surface);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-sm);
  overflow: hidden;
  margin-top: var(--space-md);
}

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

.tlt1spjJ_B_c1YYo8l5l {
  background: var(--color-celadon);
  border-bottom: 2px solid var(--color-border);
  text-transform: uppercase;
}

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

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

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

.H3rNtt2C7CkyVk8HVjR9 {
  padding: var(--space-md) var(--space-xl);
  font-size: var(--font-size-sm);
  color: var(--color-text-primary);
  font-family: var(--font-secondary);
}

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

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

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

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

.KduPAfBYh1rmwOJU7Tx2 {
  font-weight: 600;
  color: var(--color-sapphire);
}

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

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

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

.m5Ew7PmLypZGwjN_OIXg {
  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);
}

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

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

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

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

.pcoww1HnOfBtucU9z_X4 {
  color: var(--color-rust);
}

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

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

/* Job Description Tab Styles - Date/Time Section */
.YcpX_rdhJojwmqDhYbLS {
  display: flex;
  flex-direction: row;
  gap: var(--space-sm);
  justify-content: space-between;
}

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

.znw5SVD7YLTo2W_ib55s {
  flex: 1;
  min-width: 300px;
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
}

.z1r80kH9Y6T7mhAAG2FX {
  flex: 0 0 160px;
  word-break: auto-phrase;
  display: flex;
  align-items: center;
}

.Ay_AAFCprkj8i7GuuWt1 {
  display: flex;
  gap: var(--space-lg);
}

/* Date/Time inputs - special sizing, uses global form-input base styles */
.kmzx8Q4r47zPeFFe09Ss .GJPvOOShgzJNdb2v0NNd,
.Qb1LkWeoX9xSRpXEiCxa .GJPvOOShgzJNdb2v0NNd {
  width: fit-content;
  padding: var(--space-sm);
}

.MEOjo75T5l5n7nrJZ4Sk {
  flex: 1;
  padding: 12px 16px;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  font-size: var(--font-size-sm);
  background: var(--color-surface);
  color: var(--color-text-primary);
  font-family: var(--font-secondary);
  transition: border-color 0.2s ease;
}

.MEOjo75T5l5n7nrJZ4Sk:focus {
  outline: none;
  border-color: var(--color-sapphire);
}

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

.hKlXTqkk0SfYBk6FAOtS {
  flex: 1;
  min-width: 60px;
  padding: 8px 16px;
  border: 2px solid #d0d0d0;
  border-radius: 24px;
  background: white;
  color: #666;
  font-size: var(--font-size-sm);
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
}

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

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

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

  .MmuA3GdvUq5qAUKhMDx7 {
    grid-template-columns: repeat(2, 1fr);
  }

  .ZMJf1KZVQPCfmHCjJymw {
    padding: var(--space-lg);
  }

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

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

  .MdQxTPVdObR5aHECDaps {
    flex: none;
    white-space: nowrap;
    padding: var(--space-md) var(--space-md);
  }

  /* Stack dateTimeSection vertically */
  .YcpX_rdhJojwmqDhYbLS {
    flex-direction: column;
  }

  /* Make dateTimeInputs wrap properly */
  .Ay_AAFCprkj8i7GuuWt1 {
    flex-wrap: wrap;
  }

  .z1r80kH9Y6T7mhAAG2FX {
    width: 100%;
  }

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

  .wBdMDtURLnQXkiSRZWil {
    flex: none;
  }
}

.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-md);
}

.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);
}

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

.ZsfRybUvW7WqNXqweLfM {
  display: inline-flex;
  align-items: center;
  gap: var(--space-sm);
  border: 2px solid #045a8d;
  padding: 10px 20px;
  background: transparent;
  color: #045a8d;
  font-family: "Poppins";
  font-weight: 500;
  font-size: 14px;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.2s ease;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.ZsfRybUvW7WqNXqweLfM:hover {
  background: #045a8d;
  color: #ffffff;
}

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

.ZsfRybUvW7WqNXqweLfM svg {
  flex-shrink: 0;
}

._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 (For Payment | Paid) */
.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: 1200px) {
  .Pv9jFKTjfQk75yRaqY9E {
    grid-template-columns: repeat(2, 1fr);
  }
}

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

.j1U_fmrWJZLWReymdpZm {
  padding: var(--space-xl);
  max-width: 500px;
}

.z9D6eyqQuCYUtPGuM96j {
  font-size: var(--font-size-xl);
  font-weight: 700;
  color: var(--color-primary-dark);
  margin: 0 0 var(--space-sm) 0;
}

.KV4VGxtVUGQfKljuB_gH {
  font-size: var(--font-size-sm);
  color: #6b7280;
  margin: 0 0 var(--space-lg) 0;
  line-height: 1.4;
}

.dQKcZNrUNttaOF09tZYJ {
  padding: var(--space-xl);
  text-align: center;
  color: #6b7280;
}

.a6Ub9mDw4SDZFyWXiNpU {
  font-size: var(--font-size-xs);
  color: #6b7280;
  margin-bottom: var(--space-md);
}

.sg9xZXF87W7fglkTiBgK {
  margin-bottom: var(--space-lg);
}

.dgwKnd1F20WndJA7OtfH {
  display: block;
  font-size: var(--font-size-sm);
  font-weight: 600;
  color: var(--color-primary-dark);
  margin-bottom: var(--space-sm);
}

.wJdromujU5P2RB0ChS6a {
  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;
  resize: vertical;
  min-height: 120px;
}

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

.X0DZzGoKoVABzF5kC0Sb {
  font-size: var(--font-size-sm);
  color: var(--color-rust);
  margin-bottom: var(--space-md);
}

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

.ldszvQuCbbSKcilL61zd,
.nTMDZv01lABwDN8Z1BQu {
  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;
}

.ldszvQuCbbSKcilL61zd {
  background: white;
  color: #6b7280;
  border: 1px solid #e5e5e5;
}

.ldszvQuCbbSKcilL61zd:hover {
  background: #f9fafb;
}

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

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

.nTMDZv01lABwDN8Z1BQu:disabled {
  background: #d1d5db;
  cursor: not-allowed;
}

.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);
}

.MqpKOjVoqwmHx_I4yfkQ {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--space-sm);
  padding: var(--space-xl) var(--space-lg);
  margin: var(--space-lg) var(--space-lg) 0;
  text-align: center;
}

.d3Vr4Vlohz4e14QGiMlZ {
  width: 64px;
  height: 64px;
  color: var(--color-sapphire);
}

.MqpKOjVoqwmHx_I4yfkQ p {
  margin: 0;
  font-size: var(--font-size-lg);
  font-weight: 600;
  color: var(--color-primary-dark);
}

.MqpKOjVoqwmHx_I4yfkQ span {
  color: #6b7280;
  font-size: var(--font-size-sm);
}

.Cp_ne6_cRHdEyoqxeOZu {
  padding: var(--space-sm) var(--space-lg) var(--space-lg);
  display: flex;
  align-items: center;
  justify-content: space-between;
  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;
}

.ZFfmNWcD3HG0LHDdhSF2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-sm);
  flex: 1;
  min-width: 0;
}

.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;
}

.v9fZP3RmKQjIIY_cYlPf {
  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;
  flex-shrink: 0;
}

.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;
}

.Ostbqei2ghdA2BtGYmQ2 {
  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: 600;
  cursor: pointer;
  transition: background 0.2s;
}

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

/* 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);
}

.Qc0P4rxfZov_Owmj9jfP {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--space-sm);
  padding: var(--space-xl) var(--space-lg);
  margin: var(--space-lg) var(--space-lg) 0;
  text-align: center;
}

.mVjCWYRPVFoj0vI35l7F {
  width: 64px;
  height: 64px;
  color: var(--color-sapphire);
}

.Qc0P4rxfZov_Owmj9jfP p {
  margin: 0;
  font-size: var(--font-size-lg);
  font-weight: 600;
  color: var(--color-primary-dark);
}

.Qc0P4rxfZov_Owmj9jfP span {
  color: #6b7280;
  font-size: var(--font-size-sm);
}

.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;
}

.fScJ5XdWv2eG8BRx_pmB {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-sm);
  flex: 1;
  min-width: 0;
}

.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;
}

.ZnkuTFSBFYoSoT_68cVy {
  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;
  flex-shrink: 0;
}

.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;
  border-radius: var(--radius-lg);
}

.RxH8xAFEjOjDV3ctxbxd {
  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 {
  display: flex;
  align-items: center;
  gap: var(--space-sm);
  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;
}

.Lvvs2z8OgdbGzBmAllb2 {
  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;
}

.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);
}

.sAUH93Yl_qG_r1VS7GPw {
  padding: var(--space-sm) var(--space-md);
  border-radius: var(--radius-md);
  font-size: var(--font-size-sm);
  font-weight: 600;
  cursor: pointer;
  background: white;
  color: var(--color-primary);
  border: 1px solid var(--color-primary);
  transition: background 0.2s, color 0.2s;
}

.sAUH93Yl_qG_r1VS7GPw:hover {
  background: var(--color-misty-rose);
  color: 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);
}

/* Error block */
.sQHIlu9mj67lVHzEr9Hs {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--space-md);
  padding: var(--space-md);
  background: var(--color-misty-rose);
  border: 1px solid var(--color-rust);
  border-radius: var(--radius-md);
}

/* Nav Tabs */
.SoY4NqBiycydBEkwJpwA {
  flex: 0 0 auto;
  border-bottom: 1px solid var(--color-silver);
  margin-bottom: var(--space-sm);
}

.JN929TQxEFqF4_nNzvs7 {
  display: flex;
  gap: 0;
}

.ZBcxqO6hn3m7D6n7rnBR {
  padding: var(--space-md) var(--space-lg);
  background: transparent;
  border: none;
  border-top: 3px solid transparent;
  color: var(--color-ash-gray);
  font-size: var(--font-size-md);
  font-weight: 400;
  cursor: pointer;
  transition: all 0.2s ease;
  text-align: center;
  margin-bottom: -2px;
  white-space: nowrap;
}

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

.ZBcxqO6hn3m7D6n7rnBR.wzHa8F0VP6na_Z3iupR0 {
  color: var(--color-primary-dark);
  border-top-color: var(--color-primary);
  font-weight: 700;
}

/* Tab content area */
.bYX0QAZ4eWuaDLUyOU_u {
  flex: 1;
  min-height: 0;
  padding: var(--space-sm) 0;
}

/* Jobs In Progress: two subsections */
.EVvxjWhGZSwggxXA53O5 {
  display: flex;
  flex-direction: column;
  gap: var(--space-xl);
}

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

.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 - 3 columns in every tab */
.s_AiPg9BpSSXroZgzRBy {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.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));
  }

  .s_AiPg9BpSSXroZgzRBy {
    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;
}

.c6blgYIHWGpLSHe6LbQT {
  font-size: var(--font-size-xs);
  font-weight: 400;
  color: var(--color-ash-gray);
}

.O5wKox8WIPxcKuzZo5m8 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: var(--space-md);
  width: 140px;
  flex-shrink: 0;
}

.PRzigemCAcBE4g1jz02m {
  font-size: var(--font-size-sm);
  color: var(--color-ash-gray);
}

.TNIAGKKrVQx5OgwoLg4O {
  margin: 0;
  font-size: var(--font-size-sm);
  color: var(--color-ash-gray);
}

.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;
}

.ztfohR2cJ3spMlekiUIA {
  padding: var(--space-xs) var(--space-sm);
  background: var(--color-celadon);
  color: var(--color-primary-dark);
  border-radius: 5px;
  font-family: "Figtree";
  font-weight: 500;
  font-size: 7px;
  flex-shrink: 0;
}
.bImzB7HuQxCHu2hwHmXu {
  /* width: 80px; */
}

.TYUPOMYwPILt7L1O0z3Q {
  padding: var(--space-lg) var(--space-xl);
  border-top: 1px solid #e0e0e0;
  display: flex;
  justify-content: flex-end;
}

._XzIamvzfBfPpu1IJNiY {
  padding: var(--space-sm) var(--space-lg);
  background: #2d728f;
  border: none;
  border-radius: var(--radius-md);
  color: #ffffff;
  font-family: "Helvetica";
  font-weight: 400;
  font-size: 14px;
  cursor: pointer;
  transition: background 0.2s;
}

._XzIamvzfBfPpu1IJNiY:hover {
  background: #234089;
}

/* 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);
}

/* Loading state */
.BYVWJl4uj9D_GMsJz7NH {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: calc(100vh - 200px);
  padding: var(--space-2xl);
  color: var(--color-primary-dark);
}

.mkbuCc8SenlaOSR5i30e {
  width: 48px;
  height: 48px;
  border: 4px solid var(--color-silver);
  border-top-color: var(--color-primary);
  border-radius: 50%;
  animation: Kdzagal9mQ2RXPTh3UN3 1s linear infinite;
  margin-bottom: var(--space-lg);
}

.G_moe7Cs3M1poDpc918_ {
  font-size: var(--font-size-md);
  color: var(--color-ash-gray);
}

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

.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;
  }
}





















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

.CxT0vUDXiqtyyTClhCex {
  max-width: 500px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  min-height: 400px;
}

.ZaB4wQSln4SiDMU2kvww,
.Yowkb6SMEJktPwVgKSvX {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 400px;
  color: var(--color-text-secondary);
}

.Yowkb6SMEJktPwVgKSvX button {
  margin-top: var(--space-md);
  padding: var(--space-sm) var(--space-lg);
  background: var(--color-primary);
  color: white;
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
}

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

.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);
}

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

.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;
}

/* Pending badge when contractor has submitted a date change request (awaiting approval). */
.ZufY3yTH8qZrgsFqmaHy {
  display: inline-flex;
  align-items: center;
  gap: var(--space-xs);
  color: var(--color-ash-gray);
  font-family: var(--font-primary);
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.ZufY3yTH8qZrgsFqmaHy svg {
  flex-shrink: 0;
}

/* Alert icon + text when job has pending Staff-requested change (action required). Clickable to open request date change popup. */
.x5iHE4ep5YG1a5MRtmkt {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-xs);
  color: var(--color-primary);
  flex-shrink: 0;
  padding: 0;
  margin: 0;
  background: none;
  border: none;
  font: inherit;
  cursor: pointer;
  transition: opacity 0.2s ease;
}

.x5iHE4ep5YG1a5MRtmkt:hover {
  opacity: 0.85;
}

.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;
  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 Wrapper (contains card + inline details) */
.qqnuHZdbARI0bAu4UOJw {
  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;
}

.GPmS4JQf1RRu7C3buV_v {
  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: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-sm);
}

/* Encumbered: VIEW JOB in column 1, REQUEST CHANGE in column 2 (no CANCELLATION REQUEST) */
.MujRM6lSd_IVYALDt_En .uoC1Hc08jQCWTYPEFbjQ {
  grid-column: 1;
}

.uoC1Hc08jQCWTYPEFbjQ {
  grid-column: 1 / -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;
}

.M5mKZSZiCSD95F8Fryea {
  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;
}

.M5mKZSZiCSD95F8Fryea:hover {
  background: #f5f5f5;
  border-color: #ae4222;
  color: #ae4222;
}

.M5mKZSZiCSD95F8Fryea: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;
  }
}

/* Page-level modal overlay (My Jobs detail) */
.n4JESDBeaWLWGpQONaIR {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  padding: var(--space-lg);
  box-sizing: border-box;
}

.sl3awfHsgP354cfQkBDI {
  max-width: 100%;
  max-height: 100%;
  overflow: auto;
  width: 100%;
}

/* 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;
}

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

.XDroFyZcivljLCtKvpIy {
  display: inline-flex;
  align-items: center;
  gap: var(--space-xs);
  padding: var(--space-sm) var(--space-md);
  background: #07485f;
  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;
}

.XDroFyZcivljLCtKvpIy:hover {
  background: #053545;
}

.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);
}

/* Action Required (trade date change) */
.EkRyCw1NNUgtrv0Tfrzq {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-md);
  padding: var(--space-md);
  margin-bottom: var(--space-lg);
  background: var(--color-misty-rose);
  border: 1px solid var(--color-primary);
  border-radius: var(--radius-md);
}

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

.mWWN7MChh4Z4sdRxB01D {
  flex-shrink: 0;
  color: var(--color-primary);
}

.OnSq0A44CizMlCmhpt6c {
  flex: 1;
}

.Z23Axu7zTsPIYN8AGXef {
  font-size: var(--font-size-md);
  font-weight: 700;
  color: var(--color-primary-dark);
  margin: 0 0 var(--space-xs) 0;
}

.svfPbF5ztIu7nsNYftrz {
  font-size: var(--font-size-sm);
  color: var(--color-primary-dark);
  margin: 0;
}

.EkRyCw1NNUgtrv0Tfrzq .LyGUwsTjbtGMwfSlvRdZ {
  flex-shrink: 0;
  padding: var(--space-sm) var(--space-lg);
  background: var(--color-primary);
  color: white;
  border: none;
  border-radius: var(--radius-md);
  font-size: var(--font-size-sm);
  font-weight: 600;
  cursor: pointer;
}

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

/* 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;
  }
}

.PNLx_ZxBKVASMLAAXG1g {
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
}

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

.ROM5o9OryhWaE90wiQAw {
  width: 100%;
  min-height: 100px;
  padding: var(--space-md);
  font-family: var(--font-family);
  font-size: var(--font-size-sm);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  resize: vertical;
}

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

.ROM5o9OryhWaE90wiQAw:disabled {
  background: var(--color-bg-light);
  cursor: not-allowed;
}

._oO1G4MXU8UyFVCetd2y {
  font-size: var(--font-size-xs);
  color: var(--color-rust);
}

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

.aX4qvQTJ2BClelXP9KVs {
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
}

.a2PqoXgkm0dkb30CtD2o {
  font-size: var(--font-size-sm);
  color: var(--color-text-primary);
  margin: 0;
}

.HzWI_S38p85RsxELrmJM {
  font-size: var(--font-size-sm);
  color: var(--color-primary);
  text-decoration: underline;
}

.HzWI_S38p85RsxELrmJM:hover {
  text-decoration: none;
}

.arIMMqCAdSHDkd7rQckG {
  background: none;
  border: none;
  padding: 0;
  font-size: var(--font-size-sm);
  color: var(--color-primary);
  text-decoration: underline;
  cursor: pointer;
  font-family: inherit;
  text-align: left;
}

.arIMMqCAdSHDkd7rQckG:hover:not(:disabled) {
  text-decoration: none;
}

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

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

.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);
}

/* Timeline branch for displayAsReply (yellow connector to vertical line) */
.Qdrl69xv_FvwiJJKy_Vg {
  position: relative;
}

.IIAlFcqUJzWmZK1AZUUY {
  position: absolute;
  left: -28px;
  top: 24px;
  width: 28px;
  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;
}

/* Message Staff compose section */
.oh9a7Yos0RKM3P7U3N_L {
  background: var(--color-antiflash-white);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  padding: var(--space-lg);
  margin-bottom: var(--space-xl);
}

.OwxVN3au4rT3_oACw9ce {
  margin-bottom: var(--space-md);
}

.wu2qProdpvSpz_sNFotH {
  font-family: var(--font-primary);
  font-size: var(--font-size-lg);
  font-weight: 600;
  color: var(--color-text-primary);
  margin: 0 0 var(--space-xs) 0;
}

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

.wDG62Sv2AJa9QO9QJfx9 {
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
}

.mtFYAxqurpzQstqKEjdS {
  font-family: var(--font-primary);
  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;
}

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

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

.bkdL2AUbNrujHCuTfPHh {
  align-self: flex-start;
  font-family: var(--font-primary);
  font-size: var(--font-size-sm);
  font-weight: 600;
  padding: var(--space-sm) var(--space-lg);
  background: var(--color-primary);
  color: white;
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
  transition: background 0.2s;
}

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

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

.rO_wHyiKNbWOurVqClw4 {
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
  padding-left: 28px;
}

.rO_wHyiKNbWOurVqClw4::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background: var(--color-primary);
  border-radius: 2px;
}

/* 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;
}

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

.HkFJExHp2944n8fpYuRo {
  max-width: 500px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  min-height: 400px;
}

.YkuIJw1fJnvm8QG8Oo6g,
.nawNRekAXA_rx2mvf5_Q {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 400px;
  color: var(--color-text-secondary);
}

.nawNRekAXA_rx2mvf5_Q button {
  margin-top: var(--space-md);
  padding: var(--space-sm) var(--space-lg);
  background: var(--color-primary);
  color: white;
  border: none;
  border-radius: var(--radius-md);
  cursor: pointer;
}

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

: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;
  text-transform: capitalize;
}

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;
  }
}

/* Global Form Styles - Standardized across all edit/create pages */
/* Based on SiteDetailsTab.module.css preferred styling */

/* Form Label - Standard styling for all form labels */
.form-label {
  font-size: var(--font-size-sm); /* 14px */
  font-weight: 400;
  color: var(--color-text-primary);
  font-family: var(--font-secondary);
}

/* Form Input - Standard styling for all text inputs */
.form-input {
  padding: 12px 16px;
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md); /* 7px */
  font-size: var(--font-size-sm); /* 14px */
  color: var(--color-text-primary);
  font-family: var(--font-secondary);
  outline: none;
  transition: border-color 0.2s ease;
  width: 100%;
}

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

.form-input:hover:not(:read-only) {
  border-color: var(--color-ash-gray);
}

.form-input:read-only {
  background: var(--color-background);
  cursor: default;
}

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

/* Form Select - Standard styling for all select dropdowns */
.form-select {
  padding: 12px 16px;
  padding-right: 40px;
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md); /* 7px */
  font-size: var(--font-size-sm); /* 14px */
  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;
  width: 100%;
}

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

.form-select:hover:not(:disabled) {
  border-color: var(--color-ash-gray);
}

.form-select:disabled {
  background-color: var(--color-bg-light);
  cursor: not-allowed;
  opacity: 0.7;
}

/* Form Textarea - Standard styling for all textareas */
.form-textarea {
  padding: 12px 16px;
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md); /* 7px */
  font-size: var(--font-size-sm); /* 14px */
  color: var(--color-text-primary);
  font-family: var(--font-secondary);
  outline: none;
  resize: vertical;
  transition: border-color 0.2s ease;
  line-height: 1.5;
  width: 100%;
}

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

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

/* Form Group - Container for form fields */
.form-group {
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
}

/* Form Group Row - Horizontal layout (label + input side by side) */
.form-group-row {
  display: flex;
  align-items: center;
  gap: var(--space-lg);
}

.form-group-row .form-label {
  flex: 0 0 160px;
}

.form-group-row .form-input,
.form-group-row .form-select,
.form-group-row .form-textarea {
  flex: 1;
}

/* Form Group Column - Vertical layout (label above input) */
.form-group-col {
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
}

.form-group-col .form-label {
  flex: none;
}

/* Global Form Group Classes - Module CSS compatible */
/* Form Group - Horizontal layout (label + input side by side) */
.formGroup {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--space-lg);
}

.formGroup .form-label {
  flex: 0 0 160px;
  min-width: 160px;
  display: flex;
  align-items: center;
}

.formGroup .form-input,
.formGroup .form-select,
.formGroup .form-textarea {
  flex: 1;
}

/* Form Group Vertical - Vertical layout (label above input) */
.formGroupVertical {
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
}

.formGroupVertical .form-label {
  flex: none;
  width: auto;
  min-width: auto;
}

.formGroupVertical .form-input,
.formGroupVertical .form-select,
.formGroupVertical .form-textarea {
  width: 100%;
  flex: none;
}

/* Form Group Col - Vertical layout (label above input) */
.formGroupCol {
  display: flex;
  flex-direction: column;
  gap: var(--space-sm);
}

.formGroupCol .form-label {
  flex: none;
  width: auto;
  min-width: auto;
}

.formGroupCol .form-input,
.formGroupCol .form-select,
.formGroupCol .form-textarea {
  width: 100%;
  flex: none;
}

/* Form Label and Input - Inline/Horizontal Layout */
/* Matches module CSS classes like .formGroup (horizontal) */
[class*="formGroup"]:not([class*="Vertical"]):not([class*="Col"]) .form-label,
.form-group-row .form-label {
  flex: 0 0 160px;
  min-width: 160px;
  display: flex;
  align-items: center;
}

[class*="formGroup"]:not([class*="Vertical"]):not([class*="Col"]) .form-input,
[class*="formGroup"]:not([class*="Vertical"]):not([class*="Col"]) .form-select,
[class*="formGroup"]:not([class*="Vertical"]):not([class*="Col"])
  .form-textarea,
.form-group-row .form-input,
.form-group-row .form-select,
.form-group-row .form-textarea {
  flex: 1;
}

/* Form Label and Input - Stacked/Vertical Layout */
/* Matches module CSS classes like .formGroupVertical, .formGroupCol */
[class*="formGroupVertical"] .form-label,
[class*="formGroupCol"] .form-label,
.form-group-col .form-label {
  flex: none;
  width: auto;
  min-width: auto;
}

[class*="formGroupVertical"] .form-input,
[class*="formGroupVertical"] .form-select,
[class*="formGroupVertical"] .form-textarea,
[class*="formGroupCol"] .form-input,
[class*="formGroupCol"] .form-select,
[class*="formGroupCol"] .form-textarea,
.form-group-col .form-input,
.form-group-col .form-select,
.form-group-col .form-textarea {
  width: 100%;
  flex: none;
}
.mb-2 {
  margin-bottom: var(--space-md);
}

/* Mobile responsive styles for form groups */
@media (max-width: 768px) {
  /* Convert horizontal form groups to vertical */
  .formGroup,
  .form-group-row {
    flex-direction: column;
    align-items: stretch;
    gap: var(--space-sm);
  }

  /* Reset label widths on mobile */
  .formGroup .form-label,
  .form-group-row .form-label,
  [class*="formGroup"]:not([class*="Vertical"]):not([class*="Col"])
    .form-label {
    flex: none;
    width: auto;
    min-width: auto;
  }

  /* Full-width inputs on mobile */
  .formGroup .form-input,
  .formGroup .form-select,
  .formGroup .form-textarea,
  .form-group-row .form-input,
  .form-group-row .form-select,
  .form-group-row .form-textarea,
  [class*="formGroup"]:not([class*="Vertical"]):not([class*="Col"]) .form-input,
  [class*="formGroup"]:not([class*="Vertical"]):not([class*="Col"])
    .form-select,
  [class*="formGroup"]:not([class*="Vertical"]):not([class*="Col"])
    .form-textarea {
    width: 100%;
    flex: none;
  }
}


/*# sourceMappingURL=main.3c3df53db20a3588e033.css.map*/