:root,
[data-theme=dark] {
  --primary: #6B4DA7;
  --primary-light: #8B6FC7;
  --primary-dark: #4B164C;
  --bg-dark: #0F0F0F;
  --bg-main: #1A1A1A;
  --bg-card: #242424;
  --bg-hover: #2A2A2A;
  --bg-light: #F4F5F5;
  --accent-green: #22C55E;
  --accent-green-hover: #16A34A;
  --accent-pink: #F2CBFE;
  --accent-deep: #3D1658;
  --text-primary: #FFFFFF;
  --text-secondary: #8F8493;
  --text-muted: #6B7280;
  --text-dark: #1F2937;
  --status-pending: #F59E0B;
  --status-success: #22C55E;
  --status-draft: #8F8493;
  --status-error: #EF4444;
  --border-dark: #333333;
  --border-light: #E5E7EB;
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
  --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.4);
  --shadow-lg: 0 10px 25px rgba(0, 0, 0, 0.5);
}

[data-theme=light] {
  --primary: #6B4DA7;
  --primary-light: #8B6FC7;
  --primary-dark: #4B164C;
  --bg-dark: #FFFFFF;
  --bg-main: #F4F5F5;
  --bg-card: #FFFFFF;
  --bg-hover: #F3F4F6;
  --bg-light: #FFFFFF;
  --accent-green: #22C55E;
  --accent-green-hover: #16A34A;
  --accent-pink: #F2CBFE;
  --accent-deep: #3D1658;
  --text-primary: #1F2937;
  --text-secondary: #4B5563;
  --text-muted: #6B7280;
  --text-dark: #1F2937;
  --status-pending: #F59E0B;
  --status-success: #22C55E;
  --status-draft: #8F8493;
  --status-error: #EF4444;
  --border-dark: #E5E7EB;
  --border-light: #D1D5DB;
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.1);
  --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);
  --shadow-lg: 0 10px 25px rgba(0, 0, 0, 0.15);
}

._container_1ta0c_58 {
  display: flex;
  flex-direction: column;
  width: 100%;
}

._input_1ta0c_64 {
  width: 100%;
  padding: 0.875rem 1rem;
  border: 1px solid var(--border-dark);
  outline: none;
  border-radius: 8px;
  background: var(--bg-dark);
  color: var(--text-primary);
  font-size: 0.95rem;
  transition: border-color 150ms ease;
}
._input_1ta0c_64::placeholder {
  color: var(--text-muted);
}
._input_1ta0c_64:focus {
  border-color: var(--primary);
}

._error_1ta0c_82 {
  font-size: 0.8rem !important;
  color: #EF4444;
  margin-top: 0.25rem;
}._button_1ekab_1 {
  height: fit-content;
  width: fit-content;
  font-size: 0.9rem;
  padding: 0.65rem 1.15rem;
  border-radius: var(--radius-1);
  outline: none;
  cursor: pointer;
  will-change: background;
  transition-duration: 400ms;
  border: none;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
._button_1ekab_1._primary_1ekab_16 {
  background: #8e44ad;
  color: #fff;
}
._button_1ekab_1._primary_1ekab_16:hover {
  background: #9b59b6;
}
._button_1ekab_1._secondary_1ekab_23 {
  background: #dedede;
  color: #222;
}
._button_1ekab_1._secondary_1ekab_23:hover {
  background: #ccc;
}
._button_1ekab_1._danger_1ekab_30 {
  background: #e74c3c;
  color: #fff;
}
._button_1ekab_1._danger_1ekab_30:hover {
  background: #c0392b;
}
._button_1ekab_1._ghost_1ekab_37 {
  background: transparent;
  color: #666;
  border: 1px solid #dedede;
}
._button_1ekab_1._ghost_1ekab_37:hover {
  background: #f5f5f5;
}
._button_1ekab_1:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}:root,
[data-theme=dark] {
  --primary: #6B4DA7;
  --primary-light: #8B6FC7;
  --primary-dark: #4B164C;
  --bg-dark: #0F0F0F;
  --bg-main: #1A1A1A;
  --bg-card: #242424;
  --bg-hover: #2A2A2A;
  --bg-light: #F4F5F5;
  --accent-green: #22C55E;
  --accent-green-hover: #16A34A;
  --accent-pink: #F2CBFE;
  --accent-deep: #3D1658;
  --text-primary: #FFFFFF;
  --text-secondary: #8F8493;
  --text-muted: #6B7280;
  --text-dark: #1F2937;
  --status-pending: #F59E0B;
  --status-success: #22C55E;
  --status-draft: #8F8493;
  --status-error: #EF4444;
  --border-dark: #333333;
  --border-light: #E5E7EB;
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
  --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.4);
  --shadow-lg: 0 10px 25px rgba(0, 0, 0, 0.5);
}

[data-theme=light] {
  --primary: #6B4DA7;
  --primary-light: #8B6FC7;
  --primary-dark: #4B164C;
  --bg-dark: #FFFFFF;
  --bg-main: #F4F5F5;
  --bg-card: #FFFFFF;
  --bg-hover: #F3F4F6;
  --bg-light: #FFFFFF;
  --accent-green: #22C55E;
  --accent-green-hover: #16A34A;
  --accent-pink: #F2CBFE;
  --accent-deep: #3D1658;
  --text-primary: #1F2937;
  --text-secondary: #4B5563;
  --text-muted: #6B7280;
  --text-dark: #1F2937;
  --status-pending: #F59E0B;
  --status-success: #22C55E;
  --status-draft: #8F8493;
  --status-error: #EF4444;
  --border-dark: #E5E7EB;
  --border-light: #D1D5DB;
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.1);
  --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);
  --shadow-lg: 0 10px 25px rgba(0, 0, 0, 0.15);
}

@keyframes _fadeSlideUp_1cxrs_1 {
  from {
    opacity: 0;
    transform: translateY(28px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes _fadeSlideIn_1cxrs_1 {
  from {
    opacity: 0;
    transform: translateX(-20px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes _shimmer_1cxrs_1 {
  0% {
    transform: translateX(-100%) rotate(15deg);
  }
  100% {
    transform: translateX(300%) rotate(15deg);
  }
}
@keyframes _pulse_1cxrs_1 {
  0%, 100% {
    opacity: 0.4;
    transform: scale(1);
  }
  50% {
    opacity: 0.7;
    transform: scale(1.06);
  }
}
@keyframes _float_1cxrs_1 {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-8px);
  }
}
._container_1cxrs_104 {
  display: flex;
  min-height: 100vh;
  background: var(--bg-main);
  overflow: hidden;
}

._left_1cxrs_111 {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 3rem;
  background: linear-gradient(145deg, #0d0c1a 0%, #1a1040 50%, #0f1a30 100%);
  position: relative;
  overflow: hidden;
}
._left_1cxrs_111::before {
  content: "";
  position: absolute;
  width: 500px;
  height: 500px;
  background: radial-gradient(circle, rgba(99, 69, 200, 0.25) 0%, transparent 70%);
  top: -100px;
  left: -100px;
  border-radius: 50%;
  animation: _pulse_1cxrs_1 6s ease-in-out infinite;
  pointer-events: none;
}
._left_1cxrs_111::after {
  content: "";
  position: absolute;
  width: 400px;
  height: 400px;
  background: radial-gradient(circle, rgba(30, 100, 220, 0.2) 0%, transparent 70%);
  bottom: -80px;
  right: -60px;
  border-radius: 50%;
  animation: _pulse_1cxrs_1 8s ease-in-out infinite 2s;
  pointer-events: none;
}
._left_1cxrs_111 ._leftContent_1cxrs_146 {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  max-width: 480px;
  animation: _fadeSlideIn_1cxrs_1 0.8s ease both;
}
._left_1cxrs_111 ._logo_1cxrs_155 {
  display: flex;
  align-items: center;
  margin-bottom: 2.5rem;
}
._left_1cxrs_111 ._logo_1cxrs_155 ._logoImage_1cxrs_160 {
  height: 80px;
  width: auto;
  filter: drop-shadow(0 0 20px rgba(124, 92, 252, 0.4));
}
._left_1cxrs_111 h1 {
  font-size: 2.6rem;
  font-weight: 800;
  color: white;
  margin: 0 0 1rem 0;
  line-height: 1.2;
  letter-spacing: -0.5px;
}
._left_1cxrs_111 h1 span {
  background: linear-gradient(90deg, #7c5cfc, #38bdf8);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
._left_1cxrs_111 p {
  font-size: 1rem;
  color: rgba(255, 255, 255, 0.55);
  text-align: left;
  max-width: 400px;
  line-height: 1.7;
  margin-bottom: 2.5rem;
}
._left_1cxrs_111 ._features_1cxrs_186 {
  display: flex;
  flex-direction: column;
  gap: 0.875rem;
  width: 100%;
  max-width: 380px;
}
._left_1cxrs_111 ._feature_1cxrs_186 {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem 1.25rem;
  background: rgba(255, 255, 255, 0.04);
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.07);
  transition: all 0.3s ease;
  animation: _fadeSlideUp_1cxrs_1 0.7s ease both;
}
._left_1cxrs_111 ._feature_1cxrs_186:nth-child(1) {
  animation-delay: 0.15s;
}
._left_1cxrs_111 ._feature_1cxrs_186:nth-child(2) {
  animation-delay: 0.28s;
}
._left_1cxrs_111 ._feature_1cxrs_186:nth-child(3) {
  animation-delay: 0.41s;
}
._left_1cxrs_111 ._feature_1cxrs_186:hover {
  background: rgba(124, 92, 252, 0.1);
  border-color: rgba(124, 92, 252, 0.3);
  transform: translateX(5px);
}
._left_1cxrs_111 ._feature_1cxrs_186 ._featureIcon_1cxrs_218 {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
._left_1cxrs_111 ._feature_1cxrs_186 ._featureIcon_1cxrs_218 svg {
  width: 20px;
  height: 20px;
}
._left_1cxrs_111 ._feature_1cxrs_186 ._featureText_1cxrs_231 {
  text-align: left;
}
._left_1cxrs_111 ._feature_1cxrs_186 ._featureText_1cxrs_231 strong {
  display: block;
  color: rgba(255, 255, 255, 0.9);
  font-size: 0.875rem;
  font-weight: 600;
  margin-bottom: 0.15rem;
}
._left_1cxrs_111 ._feature_1cxrs_186 ._featureText_1cxrs_231 span {
  color: rgba(255, 255, 255, 0.4);
  font-size: 0.78rem;
}
@media (max-width: 900px) {
  ._left_1cxrs_111 {
    display: none;
  }
}

._right_1cxrs_251 {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 2rem;
  background: var(--bg-card);
  position: relative;
  animation: _fadeSlideUp_1cxrs_1 0.7s ease both;
}
._right_1cxrs_251::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 80px;
  height: 3px;
  background: linear-gradient(90deg, #7c5cfc, #38bdf8);
  border-radius: 0 0 8px 8px;
}
._right_1cxrs_251 h1 {
  font-size: 1.875rem;
  font-weight: 800;
  color: var(--text-primary);
  margin: 0 0 0.4rem 0;
  letter-spacing: -0.4px;
  text-align: center;
}
._right_1cxrs_251 > p {
  font-size: 0.9rem;
  color: var(--text-muted);
  margin: 0 0 2rem 0;
  text-align: center;
}

._form_1cxrs_288 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
  max-width: 360px;
}

._button_1cxrs_296 {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding: 0.9rem 1.5rem;
  background: linear-gradient(135deg, #7c5cfc, #5b3fdb);
  border: none;
  border-radius: 8px;
  color: white;
  font-size: 0.95rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 4px 20px rgba(124, 92, 252, 0.35);
  letter-spacing: 0.3px;
}
._button_1cxrs_296::after {
  content: "";
  position: absolute;
  top: -50%;
  left: -75%;
  width: 50%;
  height: 200%;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.18) 50%, rgba(255, 255, 255, 0) 100%);
  transform: rotate(15deg);
  transition: none;
}
._button_1cxrs_296:hover:not(:disabled) {
  transform: translateY(-2px);
  box-shadow: 0 8px 28px rgba(124, 92, 252, 0.5);
  background: linear-gradient(135deg, #8b6dfc, #6d50e0);
}
._button_1cxrs_296:hover:not(:disabled)::after {
  animation: _shimmer_1cxrs_1 0.5s ease;
}
._button_1cxrs_296:active:not(:disabled) {
  transform: translateY(0);
  box-shadow: 0 4px 12px rgba(124, 92, 252, 0.3);
}
._button_1cxrs_296:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

._error_1cxrs_340 {
  padding: 0.75rem 1rem;
  background: rgba(239, 68, 68, 0.08);
  border: 1px solid rgba(239, 68, 68, 0.25);
  border-radius: 8px;
  color: #f87171;
  font-size: 0.85rem;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

._registerLink_1cxrs_353 {
  margin-top: 1.75rem;
  font-size: 0.875rem;
  color: var(--text-muted);
  text-align: center;
}
._registerLink_1cxrs_353 a {
  color: #7c5cfc;
  text-decoration: none;
  font-weight: 600;
  transition: color 0.2s;
}
._registerLink_1cxrs_353 a:hover {
  color: #9c7cfc;
  text-decoration: underline;
}

._separator_1cxrs_370 {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin: 1rem 0;
  color: var(--text-muted);
  font-size: 0.8rem;
}

._line_1cxrs_379 {
  flex: 1;
  height: 1px;
  background: var(--border-dark);
}

._other_1cxrs_385 {
  width: 100%;
  max-width: 360px;
}

._option_1cxrs_390 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  padding: 0.75rem;
  background: var(--bg-dark);
  border: 1px solid var(--border-dark);
  border-radius: 8px;
  color: var(--text-secondary);
  cursor: pointer;
  transition: all 150ms ease;
}
._option_1cxrs_390:hover {
  border-color: var(--primary);
  color: var(--text-primary);
}
._option_1cxrs_390 p {
  margin: 0;
  font-size: 0.9rem;
  font-weight: 500;
}

._icon_1cxrs_413 {
  width: 20px;
  height: 20px;
}:root,
[data-theme=dark] {
  --primary: #6B4DA7;
  --primary-light: #8B6FC7;
  --primary-dark: #4B164C;
  --bg-dark: #0F0F0F;
  --bg-main: #1A1A1A;
  --bg-card: #242424;
  --bg-hover: #2A2A2A;
  --bg-light: #F4F5F5;
  --accent-green: #22C55E;
  --accent-green-hover: #16A34A;
  --accent-pink: #F2CBFE;
  --accent-deep: #3D1658;
  --text-primary: #FFFFFF;
  --text-secondary: #8F8493;
  --text-muted: #6B7280;
  --text-dark: #1F2937;
  --status-pending: #F59E0B;
  --status-success: #22C55E;
  --status-draft: #8F8493;
  --status-error: #EF4444;
  --border-dark: #333333;
  --border-light: #E5E7EB;
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
  --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.4);
  --shadow-lg: 0 10px 25px rgba(0, 0, 0, 0.5);
}

[data-theme=light] {
  --primary: #6B4DA7;
  --primary-light: #8B6FC7;
  --primary-dark: #4B164C;
  --bg-dark: #FFFFFF;
  --bg-main: #F4F5F5;
  --bg-card: #FFFFFF;
  --bg-hover: #F3F4F6;
  --bg-light: #FFFFFF;
  --accent-green: #22C55E;
  --accent-green-hover: #16A34A;
  --accent-pink: #F2CBFE;
  --accent-deep: #3D1658;
  --text-primary: #1F2937;
  --text-secondary: #4B5563;
  --text-muted: #6B7280;
  --text-dark: #1F2937;
  --status-pending: #F59E0B;
  --status-success: #22C55E;
  --status-draft: #8F8493;
  --status-error: #EF4444;
  --border-dark: #E5E7EB;
  --border-light: #D1D5DB;
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.1);
  --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);
  --shadow-lg: 0 10px 25px rgba(0, 0, 0, 0.15);
}

._header_q4h8n_58 {
  position: sticky;
  top: 0;
  z-index: 100;
  background: var(--bg-dark);
  border-bottom: 1px solid var(--border-dark);
}

._container_q4h8n_66 {
  max-width: 1600px;
  margin: 0 auto;
  padding: 0 1.5rem;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

._left_q4h8n_76 {
  display: flex;
  align-items: center;
  gap: 2rem;
}

._logo_q4h8n_82 {
  display: flex;
  align-items: center;
  text-decoration: none;
  transition: transform 150ms ease;
}
._logo_q4h8n_82:hover {
  transform: scale(1.02);
}
._logo_q4h8n_82 ._logoImage_q4h8n_91 {
  height: 54px;
  width: auto;
}

._nav_q4h8n_96 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

._navLink_q4h8n_102 {
  padding: 0.5rem 1rem;
  color: var(--text-secondary);
  text-decoration: none;
  font-size: 0.9rem;
  font-weight: 500;
  border-radius: 8px;
  transition: all 150ms ease;
}
._navLink_q4h8n_102:hover {
  color: var(--text-primary);
  background: var(--bg-hover);
}
._navLink_q4h8n_102._active_q4h8n_115 {
  color: var(--text-primary);
  background: var(--bg-hover);
}

._center_q4h8n_120 {
  flex: 1;
  max-width: 400px;
  margin: 0 2rem;
}

._searchForm_q4h8n_126 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  width: 100%;
  padding: 0.625rem 1rem;
  background: var(--bg-card);
  border: 1px solid var(--border-dark);
  border-radius: 8px;
  transition: all 150ms ease;
}
._searchForm_q4h8n_126:focus-within {
  border-color: var(--primary);
  background: var(--bg-hover);
}

._searchIcon_q4h8n_142 {
  color: var(--text-muted);
  flex-shrink: 0;
}

._searchInput_q4h8n_147 {
  flex: 1;
  background: transparent;
  border: none;
  color: var(--text-primary);
  font-size: 0.875rem;
  outline: none;
}
._searchInput_q4h8n_147::placeholder {
  color: var(--text-muted);
}

._right_q4h8n_159 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

._iconButton_q4h8n_165 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background: transparent;
  border: none;
  border-radius: 8px;
  color: var(--text-secondary);
  cursor: pointer;
  transition: all 150ms ease;
}
._iconButton_q4h8n_165:hover {
  background: var(--bg-hover);
  color: var(--text-primary);
}

._profileWrapper_q4h8n_183 {
  position: relative;
}

._profileButton_q4h8n_187 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem;
  background: transparent;
  border: none;
  border-radius: 8px;
  color: var(--text-primary);
  cursor: pointer;
  transition: all 150ms ease;
}
._profileButton_q4h8n_187:hover {
  background: var(--bg-hover);
}

._avatar_q4h8n_203 {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: var(--primary);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 0.875rem;
  color: white;
}

._profileInfo_q4h8n_216 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.125rem;
}

._profileName_q4h8n_223 {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--text-primary);
  max-width: 180px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._profileLabel_q4h8n_233 {
  font-size: 0.75rem;
  color: var(--text-muted);
}

._dropdown_q4h8n_238 {
  position: absolute;
  top: calc(100% + 0.5rem);
  right: 0;
  min-width: 260px;
  background: var(--bg-card);
  border: 1px solid var(--border-dark);
  border-radius: 12px;
  box-shadow: var(--shadow-lg);
  z-index: 200;
  overflow: hidden;
}

._dropdownSection_q4h8n_251 {
  padding: 0.5rem;
}

._dropdownDivider_q4h8n_255 {
  height: 1px;
  background: var(--border-dark);
}

._dropdownItem_q4h8n_260, ._dropdownItemLogout_q4h8n_260 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  width: 100%;
  padding: 0.75rem;
  background: transparent;
  border: none;
  border-radius: 6px;
  color: var(--text-secondary);
  font-size: 0.875rem;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
  transition: all 150ms ease;
}
._dropdownItem_q4h8n_260:hover, ._dropdownItemLogout_q4h8n_260:hover {
  background: var(--bg-hover);
  color: var(--text-primary);
}
._dropdownItem_q4h8n_260 svg, ._dropdownItemLogout_q4h8n_260 svg {
  flex-shrink: 0;
}

._plus_q4h8n_284 {
  margin-left: auto;
  color: var(--text-muted);
}

._dropdownItemLogout_q4h8n_260 {
  color: #EF4444;
}
._dropdownItemLogout_q4h8n_260:hover {
  background: rgba(239, 68, 68, 0.1);
  color: #EF4444;
}

._modalOverlay_q4h8n_297 {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 300;
  padding: 1rem;
}

._modal_q4h8n_297 {
  background: var(--bg-card);
  border: 1px solid var(--border-dark);
  border-radius: 12px;
  width: 100%;
  max-width: 440px;
  overflow: hidden;
}

._modalHeader_q4h8n_317 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.25rem 1.5rem;
  border-bottom: 1px solid var(--border-dark);
}
._modalHeader_q4h8n_317 h2 {
  margin: 0;
  font-size: 1.125rem;
  font-weight: 600;
  color: var(--text-primary);
}

._modalClose_q4h8n_331 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background: transparent;
  border: none;
  border-radius: 6px;
  color: var(--text-muted);
  cursor: pointer;
  transition: all 150ms ease;
}
._modalClose_q4h8n_331:hover {
  background: var(--bg-hover);
  color: var(--text-primary);
}

._modalBody_q4h8n_349 {
  padding: 1.5rem;
}
._modalBody_q4h8n_349 p {
  margin: 0 0 1.5rem 0;
  font-size: 0.9rem;
  color: var(--text-secondary);
  line-height: 1.5;
}

._formLabel_q4h8n_359 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--text-primary);
}

._formInput_q4h8n_368 {
  padding: 0.75rem 1rem;
  background: var(--bg-dark);
  border: 1px solid var(--border-dark);
  border-radius: 8px;
  color: var(--text-primary);
  font-size: 0.9rem;
  transition: border-color 150ms ease;
}
._formInput_q4h8n_368::placeholder {
  color: var(--text-muted);
}
._formInput_q4h8n_368:focus {
  outline: none;
  border-color: var(--primary);
}

._modalFooter_q4h8n_385 {
  display: flex;
  justify-content: flex-end;
  gap: 0.75rem;
  padding: 1.25rem 1.5rem;
  border-top: 1px solid var(--border-dark);
}

._btnSecondary_q4h8n_393 {
  padding: 0.625rem 1.25rem;
  background: transparent;
  border: 1px solid var(--border-dark);
  border-radius: 8px;
  color: var(--text-secondary);
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 150ms ease;
}
._btnSecondary_q4h8n_393:hover {
  background: var(--bg-hover);
  color: var(--text-primary);
}

._btnPrimary_q4h8n_409 {
  padding: 0.625rem 1.25rem;
  background: var(--primary);
  border: 1px solid var(--primary);
  border-radius: 8px;
  color: white;
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 150ms ease;
}
._btnPrimary_q4h8n_409:hover:not(:disabled) {
  background: var(--primary-light);
}
._btnPrimary_q4h8n_409:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

@media (max-width: 768px) {
  ._center_q4h8n_120 {
    display: none;
  }
  ._profileInfo_q4h8n_216 {
    display: none;
  }
  ._nav_q4h8n_96 {
    display: none;
  }
}._overlay_1adui_1 {
  position: fixed;
  inset: 0;
  background: rgba(15, 23, 42, 0.6);
  backdrop-filter: blur(8px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  padding: 2rem;
  animation: _fadeIn_1adui_1 0.3s ease;
}

@keyframes _fadeIn_1adui_1 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
._wizard_1adui_22 {
  width: 100%;
  max-width: 900px;
  max-height: 90vh;
  background: white;
  border-radius: 24px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 25px 50px -12px rgba(0, 0, 0, 0.25), 0 0 100px rgba(99, 102, 241, 0.1);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  animation: _slideUp_1adui_1 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

@keyframes _slideUp_1adui_1 {
  from {
    opacity: 0;
    transform: translateY(20px) scale(0.98);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
._header_1adui_45 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.5rem 2rem;
  border-bottom: 1px solid #f1f5f9;
}

._headerLeft_1adui_53 {
  display: flex;
  align-items: center;
  gap: 1rem;
}

._logo_1adui_59 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
  border-radius: 14px;
  color: white;
  box-shadow: 0 4px 12px rgba(99, 102, 241, 0.3);
}

._headerTitle_1adui_71 h2 {
  font-size: 1.25rem;
  font-weight: 700;
  color: #0f172a;
  margin: 0 0 0.25rem 0;
}
._headerTitle_1adui_71 span {
  font-size: 0.875rem;
  color: #64748b;
}

._closeButton_1adui_82 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border: none;
  background: #f1f5f9;
  border-radius: 12px;
  color: #64748b;
  cursor: pointer;
  transition: all 0.2s ease;
}
._closeButton_1adui_82:hover {
  background: #e2e8f0;
  color: #0f172a;
}

._progressContainer_1adui_100 {
  padding: 0 2rem;
}

._progressBar_1adui_104 {
  height: 4px;
  background: #e2e8f0;
  border-radius: 4px;
  overflow: hidden;
}

._progressFill_1adui_111 {
  height: 100%;
  background: linear-gradient(90deg, #6366f1, #8b5cf6, #a855f7);
  border-radius: 4px;
  transition: width 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

._stepsNav_1adui_118 {
  display: flex;
  gap: 0.5rem;
  padding: 1.5rem 2rem;
  overflow-x: auto;
  scrollbar-width: none;
}
._stepsNav_1adui_118::-webkit-scrollbar {
  display: none;
}

._stepItem_1adui_129 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.875rem 1.25rem;
  background: #f8fafc;
  border-radius: 14px;
  flex-shrink: 0;
  transition: all 0.3s ease;
  border: 2px solid transparent;
}
._stepItem_1adui_129._active_1adui_140 {
  background: linear-gradient(135deg, rgba(99, 102, 241, 0.08) 0%, rgba(139, 92, 246, 0.08) 100%);
  border-color: #6366f1;
}
._stepItem_1adui_129._active_1adui_140 ._stepIcon_1adui_144 {
  background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
  color: white;
  box-shadow: 0 4px 12px rgba(99, 102, 241, 0.3);
}
._stepItem_1adui_129._active_1adui_140 ._stepTitle_1adui_149 {
  color: #6366f1;
}
._stepItem_1adui_129._completed_1adui_152 ._stepIcon_1adui_144 {
  background: linear-gradient(135deg, #10b981 0%, #059669 100%);
  color: white;
  box-shadow: 0 4px 12px rgba(16, 185, 129, 0.3);
}
._stepItem_1adui_129._completed_1adui_152 ._stepTitle_1adui_149 {
  color: #059669;
}

._stepIcon_1adui_144 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background: #e2e8f0;
  border-radius: 12px;
  color: #64748b;
  flex-shrink: 0;
  transition: all 0.3s ease;
}
._stepIcon_1adui_144 svg {
  width: 20px;
  height: 20px;
}

._stepInfo_1adui_178 {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}

._stepTitle_1adui_149 {
  font-size: 0.9rem;
  font-weight: 600;
  color: #0f172a;
  transition: color 0.3s ease;
}

._stepDescription_1adui_191 {
  font-size: 0.75rem;
  color: #94a3b8;
}

._content_1adui_196 {
  flex: 1;
  padding: 2rem;
  overflow-y: auto;
  min-height: 300px;
}

._footer_1adui_203 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.5rem 2rem;
  border-top: 1px solid #f1f5f9;
  background: #fafafa;
}

._secondaryButton_1adui_212 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.875rem 1.5rem;
  background: white;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  font-size: 0.95rem;
  font-weight: 600;
  color: #64748b;
  cursor: pointer;
  transition: all 0.2s ease;
}
._secondaryButton_1adui_212:hover {
  background: #f8fafc;
  border-color: #cbd5e1;
  color: #0f172a;
}

._primaryButton_1adui_232 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.875rem 1.75rem;
  background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
  border: none;
  border-radius: 12px;
  font-size: 0.95rem;
  font-weight: 600;
  color: white;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 4px 12px rgba(99, 102, 241, 0.3);
}
._primaryButton_1adui_232:hover:not(:disabled) {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(99, 102, 241, 0.4);
}
._primaryButton_1adui_232:disabled {
  opacity: 0.7;
  cursor: not-allowed;
}

._spinner_1adui_256 {
  width: 18px;
  height: 18px;
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-top-color: white;
  border-radius: 50%;
  animation: _spin_1adui_256 0.8s linear infinite;
}

@keyframes _spin_1adui_256 {
  to {
    transform: rotate(360deg);
  }
}
@media (max-width: 768px) {
  ._overlay_1adui_1 {
    padding: 0;
  }
  ._wizard_1adui_22 {
    max-height: 100vh;
    border-radius: 0;
  }
  ._stepsNav_1adui_118 {
    padding: 1rem;
  }
  ._stepItem_1adui_129 {
    padding: 0.75rem 1rem;
  }
  ._stepDescription_1adui_191 {
    display: none;
  }
  ._content_1adui_196 {
    padding: 1.5rem;
  }
  ._footer_1adui_203 {
    padding: 1rem;
  }
}
@media (prefers-color-scheme: dark) {
  ._wizard_1adui_22 {
    background: #1e293b;
  }
  ._header_1adui_45 {
    border-color: #334155;
  }
  ._headerTitle_1adui_71 h2 {
    color: #f8fafc;
  }
  ._closeButton_1adui_82 {
    background: #334155;
    color: #94a3b8;
  }
  ._closeButton_1adui_82:hover {
    background: #475569;
    color: #f8fafc;
  }
  ._progressBar_1adui_104 {
    background: #334155;
  }
  ._stepItem_1adui_129 {
    background: #334155;
  }
  ._stepItem_1adui_129._active_1adui_140 {
    background: rgba(99, 102, 241, 0.15);
  }
  ._stepIcon_1adui_144 {
    background: #475569;
  }
  ._stepTitle_1adui_149 {
    color: #f8fafc;
  }
  ._footer_1adui_203 {
    background: #0f172a;
    border-color: #334155;
  }
  ._secondaryButton_1adui_212 {
    background: #334155;
    border-color: #475569;
    color: #94a3b8;
  }
  ._secondaryButton_1adui_212:hover {
    background: #475569;
    color: #f8fafc;
  }
}._container_1cjg1_1 {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

._header_1cjg1_7 {
  text-align: center;
}
._header_1cjg1_7 h3 {
  font-size: 1.5rem;
  font-weight: 700;
  color: #0f172a;
  margin: 0 0 0.5rem 0;
}
._header_1cjg1_7 p {
  font-size: 1rem;
  color: #64748b;
  margin: 0;
}

._dropzone_1cjg1_22 {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 3rem 2rem;
  border: 2px dashed #e2e8f0;
  border-radius: 20px;
  background: linear-gradient(180deg, #fafafa 0%, #f8fafc 100%);
  cursor: pointer;
  transition: all 0.3s ease;
  min-height: 250px;
}
._dropzone_1cjg1_22:hover {
  border-color: #6366f1;
  background: linear-gradient(180deg, rgba(99, 102, 241, 0.02) 0%, rgba(99, 102, 241, 0.05) 100%);
}
._dropzone_1cjg1_22:hover ._uploadIcon_1cjg1_40 {
  transform: translateY(-4px);
  color: #6366f1;
}
._dropzone_1cjg1_22._dragging_1cjg1_44 {
  border-color: #6366f1;
  border-style: solid;
  background: linear-gradient(180deg, rgba(99, 102, 241, 0.05) 0%, rgba(99, 102, 241, 0.1) 100%);
  transform: scale(1.01);
}
._dropzone_1cjg1_22._dragging_1cjg1_44 ._uploadIcon_1cjg1_40 {
  transform: translateY(-8px) scale(1.1);
  color: #6366f1;
}
._dropzone_1cjg1_22._hasFile_1cjg1_54 {
  border-style: solid;
  border-color: #10b981;
  background: linear-gradient(180deg, rgba(16, 185, 129, 0.02) 0%, rgba(16, 185, 129, 0.05) 100%);
}

._input_1cjg1_60 {
  display: none;
}

._uploadIcon_1cjg1_40 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  background: white;
  border-radius: 20px;
  color: #94a3b8;
  margin-bottom: 1.5rem;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.03), 0 4px 12px rgba(0, 0, 0, 0.05);
  transition: all 0.3s ease;
}

._uploadText_1cjg1_78 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1rem;
}

._uploadTitle_1cjg1_86 {
  font-size: 1.125rem;
  font-weight: 600;
  color: #0f172a;
}

._uploadSubtitle_1cjg1_92 {
  font-size: 0.95rem;
  color: #64748b;
}

._link_1cjg1_97 {
  color: #6366f1;
  font-weight: 500;
  text-decoration: underline;
  text-underline-offset: 2px;
}

._uploadHint_1cjg1_104 {
  font-size: 0.8rem;
  color: #94a3b8;
}

._filePreview_1cjg1_109 {
  display: flex;
  align-items: center;
  gap: 1.25rem;
  padding: 1.25rem 1.5rem;
  background: white;
  border-radius: 16px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
  width: 100%;
  max-width: 400px;
}

._fileIcon_1cjg1_121 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
  border-radius: 14px;
  color: white;
  flex-shrink: 0;
}

._fileInfo_1cjg1_133 {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  min-width: 0;
}

._fileName_1cjg1_141 {
  font-size: 0.95rem;
  font-weight: 600;
  color: #0f172a;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._fileSize_1cjg1_150 {
  font-size: 0.8rem;
  color: #64748b;
}

._changeButton_1cjg1_155 {
  padding: 0.5rem 1rem;
  background: #f1f5f9;
  border: none;
  border-radius: 8px;
  font-size: 0.85rem;
  font-weight: 500;
  color: #64748b;
  cursor: pointer;
  transition: all 0.2s ease;
  flex-shrink: 0;
}
._changeButton_1cjg1_155:hover {
  background: #e2e8f0;
  color: #0f172a;
}

._tips_1cjg1_172 {
  display: flex;
  justify-content: center;
  gap: 2rem;
  flex-wrap: wrap;
}

._tipItem_1cjg1_179 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.85rem;
  color: #10b981;
}
._tipItem_1cjg1_179 svg {
  flex-shrink: 0;
}

@media (prefers-color-scheme: dark) {
  ._header_1cjg1_7 h3 {
    color: #f8fafc;
  }
  ._dropzone_1cjg1_22 {
    background: linear-gradient(180deg, #334155 0%, #1e293b 100%);
    border-color: #475569;
  }
  ._dropzone_1cjg1_22:hover {
    background: linear-gradient(180deg, rgba(99, 102, 241, 0.1) 0%, rgba(99, 102, 241, 0.15) 100%);
  }
  ._dropzone_1cjg1_22._hasFile_1cjg1_54 {
    background: linear-gradient(180deg, rgba(16, 185, 129, 0.1) 0%, rgba(16, 185, 129, 0.15) 100%);
  }
  ._uploadIcon_1cjg1_40 {
    background: #475569;
    color: #94a3b8;
  }
  ._uploadTitle_1cjg1_86 {
    color: #f8fafc;
  }
  ._filePreview_1cjg1_109 {
    background: #334155;
  }
  ._fileName_1cjg1_141 {
    color: #f8fafc;
  }
  ._changeButton_1cjg1_155 {
    background: #475569;
    color: #94a3b8;
  }
  ._changeButton_1cjg1_155:hover {
    background: #64748b;
    color: #f8fafc;
  }
}._container_39qlw_1 {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

._header_39qlw_7 {
  text-align: center;
}
._header_39qlw_7 h3 {
  font-size: 1.5rem;
  font-weight: 700;
  color: #0f172a;
  margin: 0 0 0.5rem 0;
}
._header_39qlw_7 p {
  font-size: 1rem;
  color: #64748b;
  margin: 0;
}

._sections_39qlw_22 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.5rem;
}
@media (max-width: 768px) {
  ._sections_39qlw_22 {
    grid-template-columns: 1fr;
  }
}

._section_39qlw_22 {
  background: white;
  border-radius: 20px;
  padding: 1.5rem;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.03), 0 4px 12px rgba(0, 0, 0, 0.04);
}

._sectionHeader_39qlw_40 {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1.25rem;
  padding-bottom: 1.25rem;
  border-bottom: 1px solid #f1f5f9;
}

._sectionIcon_39qlw_49 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
  border-radius: 12px;
  color: white;
  box-shadow: 0 4px 12px rgba(99, 102, 241, 0.3);
}
._sectionIcon_39qlw_49._client_39qlw_60 {
  background: linear-gradient(135deg, #10b981 0%, #059669 100%);
  box-shadow: 0 4px 12px rgba(16, 185, 129, 0.3);
}

._sectionInfo_39qlw_65 h4 {
  font-size: 1rem;
  font-weight: 600;
  color: #0f172a;
  margin: 0 0 0.25rem 0;
}
._sectionInfo_39qlw_65 span {
  font-size: 0.8rem;
  color: #64748b;
}

._list_39qlw_76 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 1rem;
  min-height: 60px;
}

._item_39qlw_84 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.875rem 1rem;
  background: #f8fafc;
  border-radius: 12px;
  transition: all 0.2s ease;
}
._item_39qlw_84:hover {
  background: #f1f5f9;
}

._itemColor_39qlw_97 {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  flex-shrink: 0;
}

._itemInfo_39qlw_104 {
  flex: 1;
  min-width: 0;
}
._itemInfo_39qlw_104 span {
  display: block;
}

._itemName_39qlw_112 {
  font-size: 0.9rem;
  font-weight: 600;
  color: #0f172a;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._itemEmail_39qlw_121 {
  font-size: 0.75rem;
  color: #64748b;
}

._badge_39qlw_126 {
  padding: 0.25rem 0.6rem;
  background: rgba(99, 102, 241, 0.1);
  color: #6366f1;
  font-size: 0.7rem;
  font-weight: 600;
  border-radius: 6px;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}
._badge_39qlw_126._external_39qlw_136 {
  background: rgba(16, 185, 129, 0.1);
  color: #059669;
}

._removeButton_39qlw_141 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  background: transparent;
  border: none;
  border-radius: 8px;
  color: #94a3b8;
  cursor: pointer;
  transition: all 0.2s ease;
  flex-shrink: 0;
}
._removeButton_39qlw_141:hover {
  background: #fee2e2;
  color: #ef4444;
}

._addWrapper_39qlw_160 {
  position: relative;
}

._addButton_39qlw_164 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  width: 100%;
  padding: 0.875rem 1rem;
  background: transparent;
  border: 2px dashed #e2e8f0;
  border-radius: 12px;
  font-size: 0.9rem;
  font-weight: 500;
  color: #64748b;
  cursor: pointer;
  transition: all 0.2s ease;
}
._addButton_39qlw_164:hover {
  border-color: #6366f1;
  color: #6366f1;
  background: rgba(99, 102, 241, 0.02);
}

._dropdown_39qlw_186 {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  right: 0;
  background: white;
  border-radius: 14px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 10px 30px rgba(0, 0, 0, 0.12);
  z-index: 10;
  max-height: 240px;
  overflow-y: auto;
  padding: 0.5rem;
}

._dropdownItem_39qlw_200 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  width: 100%;
  padding: 0.75rem;
  background: transparent;
  border: none;
  border-radius: 10px;
  text-align: left;
  cursor: pointer;
  transition: all 0.2s ease;
}
._dropdownItem_39qlw_200:hover {
  background: #f8fafc;
}

._dropdownAvatar_39qlw_217 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
  border-radius: 10px;
  color: white;
  font-size: 0.75rem;
  font-weight: 600;
  flex-shrink: 0;
}
._dropdownAvatar_39qlw_217._clientAvatar_39qlw_230 {
  background: linear-gradient(135deg, #10b981 0%, #059669 100%);
}

._dropdownInfo_39qlw_234 {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  min-width: 0;
}
._dropdownInfo_39qlw_234 span:first-child {
  font-size: 0.875rem;
  font-weight: 600;
  color: #0f172a;
}
._dropdownInfo_39qlw_234 span:last-child {
  font-size: 0.75rem;
  color: #64748b;
}

._dropdownEmpty_39qlw_250 {
  padding: 1.5rem;
  text-align: center;
  color: #94a3b8;
  font-size: 0.875rem;
}

._emptyState_39qlw_257 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 2rem;
  text-align: center;
}

._emptyIcon_39qlw_266 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  background: #f8fafc;
  border-radius: 20px;
  color: #94a3b8;
  margin-bottom: 1rem;
}

._emptyState_39qlw_257 p {
  font-size: 0.95rem;
  color: #64748b;
  margin: 0;
}

@media (prefers-color-scheme: dark) {
  ._header_39qlw_7 h3 {
    color: #f8fafc;
  }
  ._section_39qlw_22 {
    background: #1e293b;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.05);
  }
  ._sectionHeader_39qlw_40 {
    border-color: #334155;
  }
  ._sectionInfo_39qlw_65 h4 {
    color: #f8fafc;
  }
  ._item_39qlw_84 {
    background: #334155;
  }
  ._item_39qlw_84:hover {
    background: #3d4f6a;
  }
  ._itemName_39qlw_112 {
    color: #f8fafc;
  }
  ._addButton_39qlw_164 {
    border-color: #475569;
  }
  ._addButton_39qlw_164:hover {
    background: rgba(99, 102, 241, 0.1);
  }
  ._dropdown_39qlw_186 {
    background: #1e293b;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
  }
  ._dropdownItem_39qlw_200:hover {
    background: #334155;
  }
  ._dropdownInfo_39qlw_234 span:first-child {
    color: #f8fafc;
  }
  ._emptyIcon_39qlw_266 {
    background: #334155;
  }
}._container_1fps5_1 {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

._header_1fps5_7 {
  text-align: center;
}
._header_1fps5_7 h3 {
  font-size: 1.5rem;
  font-weight: 700;
  color: #0f172a;
  margin: 0 0 0.5rem 0;
}
._header_1fps5_7 p {
  font-size: 1rem;
  color: #64748b;
  margin: 0;
}

._sections_1fps5_22 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.5rem;
}
@media (max-width: 768px) {
  ._sections_1fps5_22 {
    grid-template-columns: 1fr;
  }
}

._section_1fps5_22 {
  background: white;
  border-radius: 20px;
  padding: 1.5rem;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.03), 0 4px 12px rgba(0, 0, 0, 0.04);
}

._sectionHeader_1fps5_40 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 1.25rem;
  color: #6366f1;
}
._sectionHeader_1fps5_40 h4 {
  font-size: 1rem;
  font-weight: 600;
  color: #0f172a;
  margin: 0;
}

._documentCard_1fps5_54 {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem;
  background: #f8fafc;
  border-radius: 14px;
  margin-bottom: 1.25rem;
}

._fileIcon_1fps5_64 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 52px;
  height: 52px;
  background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
  border-radius: 12px;
  color: white;
  flex-shrink: 0;
}

._fileDetails_1fps5_76 {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  min-width: 0;
}

._fileName_1fps5_83 {
  font-size: 0.95rem;
  font-weight: 600;
  color: #0f172a;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._fileSize_1fps5_92 {
  font-size: 0.8rem;
  color: #64748b;
}

._nameInput_1fps5_97 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
._nameInput_1fps5_97 label {
  font-size: 0.85rem;
  font-weight: 500;
  color: #64748b;
}
._nameInput_1fps5_97 input {
  padding: 0.875rem 1rem;
  background: #f8fafc;
  border: 2px solid #e2e8f0;
  border-radius: 12px;
  font-size: 0.95rem;
  color: #0f172a;
  transition: all 0.2s ease;
}
._nameInput_1fps5_97 input:focus {
  outline: none;
  border-color: #6366f1;
  background: white;
}
._nameInput_1fps5_97 input::placeholder {
  color: #94a3b8;
}

._signatairesGrid_1fps5_125 {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

._signatairesGroup_1fps5_131 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

._groupLabel_1fps5_137 {
  font-size: 0.75rem;
  font-weight: 600;
  color: #6366f1;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
._groupLabel_1fps5_137._client_1fps5_144 {
  color: #10b981;
}

._signataireItem_1fps5_148 {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  padding: 0.625rem 0.875rem;
  background: #f8fafc;
  border-radius: 10px;
  font-size: 0.9rem;
  color: #0f172a;
}

._signataireColor_1fps5_159 {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex-shrink: 0;
}

._summary_1fps5_166 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2rem;
  padding: 1.5rem;
  background: linear-gradient(135deg, rgba(99, 102, 241, 0.05) 0%, rgba(139, 92, 246, 0.05) 100%);
  border-radius: 16px;
}

._summaryItem_1fps5_176 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}

._summaryValue_1fps5_183 {
  font-size: 1.75rem;
  font-weight: 700;
  color: #0f172a;
}
._summaryValue_1fps5_183._success_1fps5_188 {
  color: #10b981;
}

._summaryLabel_1fps5_192 {
  font-size: 0.8rem;
  color: #64748b;
}

._divider_1fps5_197 {
  width: 1px;
  height: 40px;
  background: #e2e8f0;
}

._notice_1fps5_203 {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding: 1rem 1.25rem;
  background: #fef3c7;
  border-radius: 12px;
  color: #92400e;
}
._notice_1fps5_203 svg {
  flex-shrink: 0;
  margin-top: 2px;
}
._notice_1fps5_203 p {
  font-size: 0.875rem;
  line-height: 1.5;
  margin: 0;
}

@media (prefers-color-scheme: dark) {
  ._header_1fps5_7 h3 {
    color: #f8fafc;
  }
  ._section_1fps5_22 {
    background: #1e293b;
  }
  ._sectionHeader_1fps5_40 h4 {
    color: #f8fafc;
  }
  ._documentCard_1fps5_54 {
    background: #334155;
  }
  ._fileName_1fps5_83,
  ._signataireItem_1fps5_148,
  ._summaryValue_1fps5_183 {
    color: #f8fafc;
  }
  ._nameInput_1fps5_97 input {
    background: #334155;
    border-color: #475569;
    color: #f8fafc;
  }
  ._nameInput_1fps5_97 input:focus {
    background: #1e293b;
  }
  ._signataireItem_1fps5_148 {
    background: #334155;
  }
  ._summary_1fps5_166 {
    background: linear-gradient(135deg, rgba(99, 102, 241, 0.1) 0%, rgba(139, 92, 246, 0.1) 100%);
  }
  ._divider_1fps5_197 {
    background: #475569;
  }
  ._notice_1fps5_203 {
    background: rgba(234, 179, 8, 0.15);
    color: #fcd34d;
  }
}:root,
[data-theme=dark] {
  --primary: #6B4DA7;
  --primary-light: #8B6FC7;
  --primary-dark: #4B164C;
  --bg-dark: #0F0F0F;
  --bg-main: #1A1A1A;
  --bg-card: #242424;
  --bg-hover: #2A2A2A;
  --bg-light: #F4F5F5;
  --accent-green: #22C55E;
  --accent-green-hover: #16A34A;
  --accent-pink: #F2CBFE;
  --accent-deep: #3D1658;
  --text-primary: #FFFFFF;
  --text-secondary: #8F8493;
  --text-muted: #6B7280;
  --text-dark: #1F2937;
  --status-pending: #F59E0B;
  --status-success: #22C55E;
  --status-draft: #8F8493;
  --status-error: #EF4444;
  --border-dark: #333333;
  --border-light: #E5E7EB;
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
  --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.4);
  --shadow-lg: 0 10px 25px rgba(0, 0, 0, 0.5);
}

[data-theme=light] {
  --primary: #6B4DA7;
  --primary-light: #8B6FC7;
  --primary-dark: #4B164C;
  --bg-dark: #FFFFFF;
  --bg-main: #F4F5F5;
  --bg-card: #FFFFFF;
  --bg-hover: #F3F4F6;
  --bg-light: #FFFFFF;
  --accent-green: #22C55E;
  --accent-green-hover: #16A34A;
  --accent-pink: #F2CBFE;
  --accent-deep: #3D1658;
  --text-primary: #1F2937;
  --text-secondary: #4B5563;
  --text-muted: #6B7280;
  --text-dark: #1F2937;
  --status-pending: #F59E0B;
  --status-success: #22C55E;
  --status-draft: #8F8493;
  --status-error: #EF4444;
  --border-dark: #E5E7EB;
  --border-light: #D1D5DB;
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.1);
  --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);
  --shadow-lg: 0 10px 25px rgba(0, 0, 0, 0.15);
}

._layout_zwzzh_58 {
  min-height: 100vh;
  background: var(--bg-main);
}

._main_zwzzh_63 {
  width: 100%;
}:root,
[data-theme=dark] {
  --primary: #6B4DA7;
  --primary-light: #8B6FC7;
  --primary-dark: #4B164C;
  --bg-dark: #0F0F0F;
  --bg-main: #1A1A1A;
  --bg-card: #242424;
  --bg-hover: #2A2A2A;
  --bg-light: #F4F5F5;
  --accent-green: #22C55E;
  --accent-green-hover: #16A34A;
  --accent-pink: #F2CBFE;
  --accent-deep: #3D1658;
  --text-primary: #FFFFFF;
  --text-secondary: #8F8493;
  --text-muted: #6B7280;
  --text-dark: #1F2937;
  --status-pending: #F59E0B;
  --status-success: #22C55E;
  --status-draft: #8F8493;
  --status-error: #EF4444;
  --border-dark: #333333;
  --border-light: #E5E7EB;
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
  --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.4);
  --shadow-lg: 0 10px 25px rgba(0, 0, 0, 0.5);
}

[data-theme=light] {
  --primary: #6B4DA7;
  --primary-light: #8B6FC7;
  --primary-dark: #4B164C;
  --bg-dark: #FFFFFF;
  --bg-main: #F4F5F5;
  --bg-card: #FFFFFF;
  --bg-hover: #F3F4F6;
  --bg-light: #FFFFFF;
  --accent-green: #22C55E;
  --accent-green-hover: #16A34A;
  --accent-pink: #F2CBFE;
  --accent-deep: #3D1658;
  --text-primary: #1F2937;
  --text-secondary: #4B5563;
  --text-muted: #6B7280;
  --text-dark: #1F2937;
  --status-pending: #F59E0B;
  --status-success: #22C55E;
  --status-draft: #8F8493;
  --status-error: #EF4444;
  --border-dark: #E5E7EB;
  --border-light: #D1D5DB;
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.1);
  --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);
  --shadow-lg: 0 10px 25px rgba(0, 0, 0, 0.15);
}

._statsContainer_hz3u6_58 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 1.5rem;
  margin-bottom: 2.5rem;
}

._statCard_hz3u6_65 {
  background: var(--bg-card);
  border-radius: 12px;
  padding: 1.75rem;
  display: flex;
  align-items: center;
  gap: 1.25rem;
  border: 1px solid var(--border-dark);
  box-shadow: var(--shadow-sm);
  transition: all 200ms ease;
  position: relative;
  overflow: hidden;
}
._statCard_hz3u6_65::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(circle at top right, rgba(107, 77, 167, 0.05), transparent 70%);
  pointer-events: none;
}
._statCard_hz3u6_65:hover {
  box-shadow: var(--shadow-md);
  transform: translateY(-4px) scale(1.02);
  border-color: var(--primary-light);
}
._statCard_hz3u6_65:hover ._statIcon_hz3u6_93 {
  transform: scale(1.1) rotate(5deg);
}

._statIcon_hz3u6_93 {
  width: 56px;
  height: 56px;
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: transform 200ms ease;
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1);
}
._statIcon_hz3u6_93 svg {
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2));
}

._statContent_hz3u6_112 {
  flex: 1;
}

._statValue_hz3u6_116 {
  font-size: 2.25rem;
  const: 800;
  color: var(--text-primary);
  line-height: 1;
  margin-bottom: 0.25rem;
  letter-spacing: -1px;
}

._statLabel_hz3u6_125 {
  font-size: 0.875rem;
  color: var(--text-secondary);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}:root,
[data-theme=dark] {
  --primary: #6B4DA7;
  --primary-light: #8B6FC7;
  --primary-dark: #4B164C;
  --bg-dark: #0F0F0F;
  --bg-main: #1A1A1A;
  --bg-card: #242424;
  --bg-hover: #2A2A2A;
  --bg-light: #F4F5F5;
  --accent-green: #22C55E;
  --accent-green-hover: #16A34A;
  --accent-pink: #F2CBFE;
  --accent-deep: #3D1658;
  --text-primary: #FFFFFF;
  --text-secondary: #8F8493;
  --text-muted: #6B7280;
  --text-dark: #1F2937;
  --status-pending: #F59E0B;
  --status-success: #22C55E;
  --status-draft: #8F8493;
  --status-error: #EF4444;
  --border-dark: #333333;
  --border-light: #E5E7EB;
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
  --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.4);
  --shadow-lg: 0 10px 25px rgba(0, 0, 0, 0.5);
}

[data-theme=light] {
  --primary: #6B4DA7;
  --primary-light: #8B6FC7;
  --primary-dark: #4B164C;
  --bg-dark: #FFFFFF;
  --bg-main: #F4F5F5;
  --bg-card: #FFFFFF;
  --bg-hover: #F3F4F6;
  --bg-light: #FFFFFF;
  --accent-green: #22C55E;
  --accent-green-hover: #16A34A;
  --accent-pink: #F2CBFE;
  --accent-deep: #3D1658;
  --text-primary: #1F2937;
  --text-secondary: #4B5563;
  --text-muted: #6B7280;
  --text-dark: #1F2937;
  --status-pending: #F59E0B;
  --status-success: #22C55E;
  --status-draft: #8F8493;
  --status-error: #EF4444;
  --border-dark: #E5E7EB;
  --border-light: #D1D5DB;
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.1);
  --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);
  --shadow-lg: 0 10px 25px rgba(0, 0, 0, 0.15);
}

._card_1u2i1_58 {
  background: var(--bg-card);
  border-radius: 12px;
  padding: 1.5rem;
  border: 1px solid var(--border-dark);
  cursor: pointer;
  transition: all 200ms ease;
  position: relative;
  overflow: hidden;
  box-shadow: var(--shadow-sm);
}
._card_1u2i1_58::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(107, 77, 167, 0.05), transparent);
  opacity: 0;
  transition: opacity 200ms ease;
}
._card_1u2i1_58:hover {
  box-shadow: var(--shadow-lg), 0 0 20px rgba(107, 77, 167, 0.1);
  transform: translateY(-4px);
  border-color: var(--primary-light);
}
._card_1u2i1_58:hover::before {
  opacity: 1;
}
._card_1u2i1_58:hover ._title_1u2i1_85 svg {
  color: var(--primary-light);
  transform: scale(1.1);
}

._header_1u2i1_90 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.25rem;
}

._title_1u2i1_85 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  font-weight: 700;
  color: var(--text-primary);
  font-size: 1.1rem;
  letter-spacing: -0.5px;
}
._title_1u2i1_85 svg {
  color: var(--text-muted);
  transition: all 150ms ease;
}

._status_1u2i1_111 {
  padding: 0.375rem 0.875rem;
  border-radius: 50px;
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  backdrop-filter: blur(4px);
  border: 1px solid rgba(255, 255, 255, 0.1);
}

._meta_1u2i1_122 {
  display: flex;
  flex-wrap: wrap;
  gap: 1.25rem;
  margin-bottom: 1rem;
}

._metaItem_1u2i1_129 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  color: var(--text-secondary);
  font-weight: 500;
}
._metaItem_1u2i1_129 svg {
  color: var(--text-muted);
  opacity: 0.7;
}

._completed_1u2i1_142 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  color: var(--accent-green);
  padding-top: 1rem;
  border-top: 1px solid var(--border-dark);
  margin-top: 1rem;
  font-weight: 600;
}
._completed_1u2i1_142 svg {
  filter: drop-shadow(0 0 4px rgba(34, 197, 94, 0.4));
}._skeleton_1ulfa_1 {
  background: linear-gradient(90deg, #f1f5f9 0%, #e2e8f0 50%, #f1f5f9 100%);
  background-size: 200% 100%;
  animation: _shimmer_1ulfa_1 1.5s infinite ease-in-out;
}

@keyframes _shimmer_1ulfa_1 {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
._textGroup_1ulfa_15 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

._card_1ulfa_21 {
  padding: 1.75rem;
  background: white;
  border-radius: 20px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.03), 0 2px 4px rgba(0, 0, 0, 0.02), 0 12px 24px rgba(0, 0, 0, 0.03);
}

._cardHeader_1ulfa_28 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 1.25rem;
}

._cardContent_1ulfa_35 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

._documentRow_1ulfa_41 {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem;
  background: white;
  border-radius: 16px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

._documentInfo_1ulfa_51 {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}

@media (prefers-color-scheme: dark) {
  ._skeleton_1ulfa_1 {
    background: linear-gradient(90deg, #334155 0%, #475569 50%, #334155 100%);
    background-size: 200% 100%;
  }
  ._card_1ulfa_21,
  ._documentRow_1ulfa_41 {
    background: #1e293b;
  }
}:root,
[data-theme=dark] {
  --primary: #6B4DA7;
  --primary-light: #8B6FC7;
  --primary-dark: #4B164C;
  --bg-dark: #0F0F0F;
  --bg-main: #1A1A1A;
  --bg-card: #242424;
  --bg-hover: #2A2A2A;
  --bg-light: #F4F5F5;
  --accent-green: #22C55E;
  --accent-green-hover: #16A34A;
  --accent-pink: #F2CBFE;
  --accent-deep: #3D1658;
  --text-primary: #FFFFFF;
  --text-secondary: #8F8493;
  --text-muted: #6B7280;
  --text-dark: #1F2937;
  --status-pending: #F59E0B;
  --status-success: #22C55E;
  --status-draft: #8F8493;
  --status-error: #EF4444;
  --border-dark: #333333;
  --border-light: #E5E7EB;
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
  --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.4);
  --shadow-lg: 0 10px 25px rgba(0, 0, 0, 0.5);
}

[data-theme=light] {
  --primary: #6B4DA7;
  --primary-light: #8B6FC7;
  --primary-dark: #4B164C;
  --bg-dark: #FFFFFF;
  --bg-main: #F4F5F5;
  --bg-card: #FFFFFF;
  --bg-hover: #F3F4F6;
  --bg-light: #FFFFFF;
  --accent-green: #22C55E;
  --accent-green-hover: #16A34A;
  --accent-pink: #F2CBFE;
  --accent-deep: #3D1658;
  --text-primary: #1F2937;
  --text-secondary: #4B5563;
  --text-muted: #6B7280;
  --text-dark: #1F2937;
  --status-pending: #F59E0B;
  --status-success: #22C55E;
  --status-draft: #8F8493;
  --status-error: #EF4444;
  --border-dark: #E5E7EB;
  --border-light: #D1D5DB;
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.1);
  --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);
  --shadow-lg: 0 10px 25px rgba(0, 0, 0, 0.15);
}

@keyframes _fadeSlideUp_ilf0s_1 {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
._container_ilf0s_68 {
  max-width: 1200px;
  margin: 0 auto;
  padding: 2.5rem 2rem;
  animation: _fadeSlideUp_ilf0s_1 0.6s ease-out both;
}

._header_ilf0s_75 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2.5rem;
}

._title_ilf0s_82 {
  font-size: 2.5rem;
  font-weight: 800;
  color: var(--text-primary);
  margin: 0 0 0.5rem 0;
  letter-spacing: -1px;
  background: linear-gradient(90deg, var(--text-primary), var(--text-secondary));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

._subtitle_ilf0s_93 {
  font-size: 1.1rem;
  color: var(--text-muted);
  margin: 0;
  font-weight: 500;
}

._primaryButton_ilf0s_100 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.875rem 1.75rem;
  background: linear-gradient(135deg, var(--primary), var(--primary-dark));
  color: white;
  border: none;
  border-radius: 8px;
  font-weight: 700;
  font-size: 0.95rem;
  cursor: pointer;
  transition: all 200ms ease;
  box-shadow: 0 4px 15px rgba(107, 77, 167, 0.3);
}
._primaryButton_ilf0s_100 svg {
  transition: transform 150ms ease;
}
._primaryButton_ilf0s_100:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(107, 77, 167, 0.5);
}
._primaryButton_ilf0s_100:hover svg {
  transform: rotate(90deg);
}
._primaryButton_ilf0s_100:active {
  transform: translateY(0);
}

._operationsGrid_ilf0s_129 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
  margin: 1.5rem 0 2rem;
}

._operationCard_ilf0s_136 {
  background: var(--bg-card);
  border: 1px solid var(--border-dark);
  border-radius: 8px;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
  box-shadow: var(--shadow-sm);
}

._operationLabel_ilf0s_147 {
  color: var(--text-muted);
  font-size: 0.8rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

._operationValue_ilf0s_155 {
  color: var(--text-primary);
  font-size: 1.15rem;
  font-weight: 800;
}

._operationHint_ilf0s_161 {
  color: var(--text-secondary);
  font-size: 0.78rem;
}

._filters_ilf0s_166 {
  display: flex;
  gap: 0.75rem;
  margin-bottom: 2.5rem;
  padding: 0.5rem;
  background: var(--bg-card);
  border-radius: 50px;
  width: fit-content;
  border: 1px solid var(--border-dark);
  box-shadow: var(--shadow-sm);
}

._filterButton_ilf0s_178 {
  padding: 0.625rem 1.25rem;
  background: transparent;
  border: none;
  border-radius: 50px;
  color: var(--text-secondary);
  font-weight: 600;
  font-size: 0.875rem;
  cursor: pointer;
  transition: all 150ms ease;
  white-space: nowrap;
}
._filterButton_ilf0s_178:hover {
  color: var(--text-primary);
  background: rgba(255, 255, 255, 0.05);
}
._filterButton_ilf0s_178._active_ilf0s_194 {
  background: var(--primary);
  color: white;
  box-shadow: 0 4px 12px rgba(107, 77, 167, 0.3);
}

._content_ilf0s_200 {
  min-height: 400px;
}

._grid_ilf0s_204 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
  gap: 2rem;
  animation: _fadeSlideUp_ilf0s_1 0.8s ease-out 0.2s both;
}

._loading_ilf0s_211 {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

._empty_ilf0s_217 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 6rem 2rem;
  text-align: center;
  background: var(--bg-card);
  border-radius: 12px;
  border: 2px dashed var(--border-dark);
}
._empty_ilf0s_217 svg {
  margin-bottom: 1.5rem;
  opacity: 0.5;
}
._empty_ilf0s_217 h3 {
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--text-primary);
  margin: 0 0 0.75rem 0;
}
._empty_ilf0s_217 p {
  font-size: 1rem;
  color: var(--text-muted);
  margin: 0 0 2rem 0;
  max-width: 300px;
}

@media (max-width: 1024px) {
  ._operationsGrid_ilf0s_129 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 768px) {
  ._container_ilf0s_68 {
    padding: 1.5rem 1rem;
  }
  ._header_ilf0s_75 {
    flex-direction: column;
    align-items: flex-start;
    gap: 1.5rem;
  }
  ._primaryButton_ilf0s_100 {
    width: 100%;
    justify-content: center;
  }
  ._operationsGrid_ilf0s_129 {
    grid-template-columns: 1fr;
  }
  ._filters_ilf0s_166 {
    width: 100%;
    overflow-x: auto;
    padding-bottom: 0.75rem;
    border-radius: 8px;
  }
  ._grid_ilf0s_204 {
    grid-template-columns: 1fr;
  }
}._overlay_1hax5_1 {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.65));
  display: flex;
  justify-content: center;
  align-items: center;
}

._content_1hax5_13 {
  background: var(--white);
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: var(--radius-2);
  z-index: 1000;
}._container_1fuvq_1 {
  position: relative;
  aspect-ratio: 116/81.92;
  border: 2px solid var(--border-color);
  border-radius: var(--pad-radius);
}
._container_1fuvq_1 ._canvas_1fuvq_7 {
  width: 100%;
  height: 100%;
}
._container_1fuvq_1 ._icons-block_1fuvq_11 {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  position: absolute;
  top: 0.5rem;
}
._container_1fuvq_1 ._icons-block_1fuvq_11._left_1fuvq_18 {
  left: 0.5rem;
}
._container_1fuvq_1 ._icons-block_1fuvq_11._right_1fuvq_21 {
  right: 0.5rem;
}
._container_1fuvq_1 ._icons-block_1fuvq_11 ._icon_1fuvq_11 {
  border: 1.5px solid var(--border-color);
  border-radius: 0.2rem;
  padding: 0.25rem 0.45rem;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.5);
}
._container_1fuvq_1 ._icons-block_1fuvq_11 ._icon_1fuvq_11._check_1fuvq_31 {
  color: white;
  background: #000;
  border-color: #000;
}
._container_1fuvq_1 ._icons-block_1fuvq_11 ._icon_1fuvq_11 svg {
  width: 0.75rem;
  height: 0.75rem;
}._container_1wt0l_1 {
  padding: 0;
  max-width: 600px;
}
._container_1wt0l_1 h2 {
  margin: 0 0 8px 0;
  font-size: 24px;
  font-weight: 600;
  color: var(--text-primary);
}

._subtitle_1wt0l_12 {
  margin: 0 0 24px 0;
  font-size: 14px;
  color: var(--text-secondary);
}

._tabs_1wt0l_18 {
  display: flex;
  gap: 8px;
  margin-bottom: 24px;
  border-bottom: 1px solid var(--border-primary);
}

._tab_1wt0l_18 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 20px;
  background: none;
  border: none;
  border-bottom: 2px solid transparent;
  color: var(--text-secondary);
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s;
}
._tab_1wt0l_18:hover {
  color: var(--text-primary);
  background-color: var(--background-secondary);
}
._tab_1wt0l_18._active_1wt0l_43 {
  color: var(--primary);
  border-bottom-color: var(--primary);
}
._tab_1wt0l_18 svg {
  flex-shrink: 0;
}

._content_1wt0l_51 {
  min-height: 350px;
  margin-bottom: 24px;
}

._instruction_1wt0l_56 {
  margin: 0 0 16px 0;
  font-size: 14px;
  color: var(--text-secondary);
  text-align: center;
}

._drawTab_1wt0l_63 {
  display: flex;
  flex-direction: column;
}

._signaturePadWrapper_1wt0l_68 {
  flex: 1;
}

._uploadTab_1wt0l_72 {
  display: flex;
  flex-direction: column;
}

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

._uploadPrompt_1wt0l_82 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 300px;
  border: 2px dashed var(--border-primary);
  border-radius: 8px;
  background-color: var(--background-secondary);
  cursor: pointer;
  transition: all 0.2s;
}
._uploadPrompt_1wt0l_82:hover {
  border-color: var(--primary);
  background-color: var(--primary-light);
}
._uploadPrompt_1wt0l_82 p {
  margin: 8px 0;
  color: var(--text-primary);
  font-size: 14px;
  font-weight: 500;
}

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

._uploadHint_1wt0l_109 {
  font-size: 12px !important;
  color: var(--text-secondary) !important;
  font-weight: 400 !important;
}

._fileInput_1wt0l_115 {
  display: none;
}

._previewContainer_1wt0l_119 {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 300px;
  border: 1px solid var(--border-primary);
  border-radius: 8px;
  background-color: var(--background-secondary);
  padding: 16px;
}

._preview_1wt0l_119 {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

._actions_1wt0l_136 {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding-top: 16px;
  border-top: 1px solid var(--border-primary);
}

._rightActions_1wt0l_144 {
  display: flex;
  gap: 12px;
}._container_1wihz_1 {
  min-height: 100vh;
  background: #f9fafb;
  padding: 2rem 1rem;
}

._loading_1wihz_7,
._error_1wihz_8,
._success_1wihz_9 {
  max-width: 600px;
  margin: 4rem auto;
  text-align: center;
  padding: 3rem;
  background: white;
  border-radius: 12px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

._spinner_1wihz_19 {
  animation: _spin_1wihz_19 1s linear infinite;
  color: #4f46e5;
  margin: 0 auto 1rem;
}

@keyframes _spin_1wihz_19 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
._error_1wihz_8 h1 {
  color: #dc2626;
  font-size: 1.5rem;
  margin: 1rem 0;
}
._error_1wihz_8 p {
  color: #6b7280;
}

._errorIcon_1wihz_42 {
  color: #dc2626;
  margin: 0 auto;
}

._success_1wihz_9 h1 {
  color: #059669;
  font-size: 1.75rem;
  margin: 1rem 0;
}

._successIcon_1wihz_53 {
  color: #059669;
  margin: 0 auto;
}

._successMessage_1wihz_58 {
  font-size: 1.125rem;
  color: #374151;
  margin: 1.5rem 0;
}

._details_1wihz_64 {
  margin-top: 2rem;
  padding-top: 2rem;
  border-top: 1px solid #e5e7eb;
  text-align: left;
}
._details_1wihz_64 p {
  color: #6b7280;
  margin: 0.75rem 0;
}
._details_1wihz_64 p strong {
  color: #111827;
  font-weight: 600;
}

._header_1wihz_79 {
  max-width: 900px;
  margin: 0 auto 2rem;
  text-align: center;
}
._header_1wihz_79 h1 {
  font-size: 2rem;
  font-weight: 700;
  color: #111827;
  margin-bottom: 0.5rem;
}
._header_1wihz_79 ._subtitle_1wihz_90 {
  font-size: 1rem;
  color: #6b7280;
  line-height: 1.5;
}
._header_1wihz_79 ._subtitle_1wihz_90 strong {
  color: #4f46e5;
  font-weight: 600;
}

._card_1wihz_100 {
  max-width: 900px;
  margin: 0 auto 1.5rem;
  background: white;
  border-radius: 12px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}

._cardHeader_1wihz_109 {
  padding: 1.25rem 1.5rem;
  border-bottom: 1px solid #e5e7eb;
  background: #f9fafb;
}
._cardHeader_1wihz_109 h2 {
  font-size: 1.125rem;
  font-weight: 600;
  color: #111827;
  margin: 0;
}

._cardContent_1wihz_121 {
  padding: 1.5rem;
}

._infoRow_1wihz_125 {
  display: flex;
  justify-content: space-between;
  padding: 0.75rem 0;
  border-bottom: 1px solid #f3f4f6;
}
._infoRow_1wihz_125:last-child {
  border-bottom: none;
}

._label_1wihz_135 {
  font-weight: 500;
  color: #6b7280;
}

._value_1wihz_140 {
  font-weight: 600;
  color: #111827;
}

._documentsList_1wihz_145 {
  padding: 1rem;
}

._documentItem_1wihz_149 {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  margin-bottom: 0.75rem;
  transition: all 0.2s;
}
._documentItem_1wihz_149:hover {
  border-color: #4f46e5;
  background: #fafafa;
}
._documentItem_1wihz_149:last-child {
  margin-bottom: 0;
}

._documentIcon_1wihz_167 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  background: #eef2ff;
  border-radius: 8px;
  color: #4f46e5;
  flex-shrink: 0;
}

._documentInfo_1wihz_179 {
  flex: 1;
}
._documentInfo_1wihz_179 h3 {
  font-size: 1rem;
  font-weight: 600;
  color: #111827;
  margin: 0 0 0.25rem;
}
._documentInfo_1wihz_179 p {
  font-size: 0.875rem;
  color: #6b7280;
  margin: 0;
}

._documentActions_1wihz_194 ._viewLink_1wihz_194 {
  padding: 0.5rem 1rem;
  background: #4f46e5;
  color: white;
  text-decoration: none;
  border-radius: 6px;
  font-size: 0.875rem;
  font-weight: 500;
  transition: background 0.2s;
}
._documentActions_1wihz_194 ._viewLink_1wihz_194:hover {
  background: #4338ca;
}

._pdfViewer_1wihz_208 {
  padding: 1rem;
  background: #f3f4f6;
}

._pdfFrame_1wihz_213 {
  width: 100%;
  height: 600px;
  border: 2px solid #e5e7eb;
  border-radius: 8px;
  background: white;
}

._actions_1wihz_221 {
  max-width: 900px;
  margin: 2rem auto;
  text-align: center;
}

._signButton_1wihz_227 {
  font-size: 1.125rem;
  padding: 1rem 2.5rem !important;
  background: #4f46e5 !important;
  font-weight: 600;
}
._signButton_1wihz_227:hover:not(:disabled) {
  background: #4338ca !important;
}
._signButton_1wihz_227:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

._modalContent_1wihz_241 h2 {
  font-size: 1.5rem;
  font-weight: 700;
  color: #111827;
  margin-bottom: 1rem;
}
._modalContent_1wihz_241 p {
  color: #6b7280;
  line-height: 1.6;
  margin-bottom: 2rem;
}

._modalActions_1wihz_253 {
  display: flex;
  gap: 1rem;
  justify-content: flex-end;
}
._modalActions_1wihz_253 button {
  min-width: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}

._previewModal_1wihz_266 {
  max-width: 900px;
  padding: 0;
}
._previewModal_1wihz_266 h2 {
  margin: 0 0 8px 0;
  padding: 24px 24px 0;
  font-size: 20px;
  font-weight: 600;
}

._previewHint_1wihz_277 {
  margin: 0 0 16px 0;
  padding: 0 24px;
  color: #6b7280;
  font-size: 14px;
}

._previewContainer_1wihz_284 {
  width: 100%;
  height: 600px;
  border-top: 1px solid #e5e7eb;
  border-bottom: 1px solid #e5e7eb;
}

._previewFrame_1wihz_291 {
  width: 100%;
  height: 100%;
  border: none;
}

._previewActions_1wihz_297 {
  padding: 16px 24px;
  display: flex;
  justify-content: flex-end;
}

@media (max-width: 768px) {
  ._container_1wihz_1 {
    padding: 1rem 0.5rem;
  }
  ._header_1wihz_79 h1 {
    font-size: 1.5rem;
  }
  ._card_1wihz_100 {
    border-radius: 8px;
  }
  ._documentItem_1wihz_149 {
    flex-direction: column;
    text-align: center;
  }
  ._pdfFrame_1wihz_213 {
    height: 400px;
  }
  ._modalActions_1wihz_253 {
    flex-direction: column;
  }
  ._modalActions_1wihz_253 button {
    width: 100%;
  }
  ._previewContainer_1wihz_284 {
    height: 400px;
  }
}._modal_158hp_1 {
  padding: 0.2rem;
}
._modal_158hp_1 ._banner_158hp_4 {
  --background: #47478761;
  position: relative;
  width: 100%;
  height: 6rem;
  margin-bottom: 2.5rem;
  background: var(--background);
  border-top-left-radius: 0.35rem;
  border-top-right-radius: 0.35rem;
}
._modal_158hp_1 ._banner_158hp_4 ._icon_158hp_14 {
  position: absolute;
  bottom: 0;
  left: 1rem;
  transform: translateY(50%);
  width: 5rem;
  height: 5rem;
  background: white;
  border-radius: 50%;
  padding: 0.1rem;
  box-shadow: var(--shadow);
  cursor: pointer;
}
._modal_158hp_1 ._banner_158hp_4 ._icon_158hp_14 label {
  background: var(--background);
  width: 100%;
  height: 100%;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
._modal_158hp_1 ._banner_158hp_4 ._icon_158hp_14 svg {
  height: 1.3rem;
  width: 1.3rem;
}
._modal_158hp_1 ._banner_158hp_4 ._icon_158hp_14 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}
._modal_158hp_1 ._form_158hp_47 {
  padding: 1rem 1rem;
}
._modal_158hp_1 ._form_158hp_47 h3 {
  font-weight: 500;
  margin-top: 0.25rem;
  font-size: 1.2rem;
}
._modal_158hp_1 ._form_158hp_47 ._form_description_158hp_55 {
  font-size: 0.8rem;
  color: var(--text-secondary);
  margin-top: 0.25rem;
}
._modal_158hp_1 ._inputs_158hp_60 {
  display: flex;
  gap: 0.5rem;
  margin-block: 1rem 0.5rem;
}
._modal_158hp_1 ._inputs_158hp_60 ._fields_158hp_65 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  height: fit-content;
}
._modal_158hp_1 ._inputs_158hp_60 input {
  width: 16rem;
}
._modal_158hp_1 ._inputs_158hp_60 ._label_error_158hp_74 {
  margin-top: 0.5rem;
}
._modal_158hp_1 ._inputs_158hp_60 ._pad_158hp_77 {
  height: 8.6rem;
}
._modal_158hp_1 ._actions_158hp_80 {
  height: 100%;
  display: flex;
  justify-content: space-between;
  gap: 0.5rem;
}._row_4aoa4_1 {
  width: 100%;
  padding: 1rem;
  background: #f7f7f7;
  display: flex;
  gap: 0.75rem;
  align-items: center;
}
._row_4aoa4_1 ._photo_4aoa4_9 {
  width: 2.75rem;
  height: 2.75rem;
}
._row_4aoa4_1 ._photo_4aoa4_9 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}
._row_4aoa4_1 ._infos_4aoa4_19 {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
._row_4aoa4_1 ._infos_4aoa4_19._base_4aoa4_24 {
  width: 28rem;
}
._row_4aoa4_1 ._infos_4aoa4_19._date_4aoa4_27 {
  width: 20rem;
}
._row_4aoa4_1 ._infos_4aoa4_19._documents_4aoa4_30 {
  margin-left: auto;
  align-items: flex-end;
}
._row_4aoa4_1 ._infos_4aoa4_19 ._top_4aoa4_34 {
  font-size: 1rem;
  font-weight: 500;
}
._row_4aoa4_1 ._infos_4aoa4_19 ._bottom_4aoa4_38 {
  font-size: 0.8rem;
  opacity: 0.5;
}._container_1t9k2_1 ._header_1t9k2_1 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
._container_1t9k2_1 ._header_1t9k2_1 h1 {
  font-size: 2.5rem;
  font-weight: 500;
  letter-spacing: -0.08rem;
  color: #8e44ad;
}
._container_1t9k2_1 ._header_1t9k2_1 h4 {
  width: 45%;
  font-size: 1rem;
  color: #666;
  line-height: 1.3;
}
._container_1t9k2_1 ._header_1t9k2_1 ._buttons_1t9k2_18 {
  display: flex;
  gap: 1rem;
  align-items: center;
  margin-top: 0.25rem;
}
._container_1t9k2_1 ._header_1t9k2_1 ._buttons_1t9k2_18 ._button_1t9k2_18 {
  width: fit-content;
  padding-inline: 1.5rem;
  display: flex;
  align-items: center;
  gap: 0.6rem;
  border-radius: var(--radius-2);
  height: 2.65rem;
}
._container_1t9k2_1 ._header_1t9k2_1 ._buttons_1t9k2_18 ._button_1t9k2_18 svg {
  width: 1rem;
  height: 1rem;
}
._container_1t9k2_1 ._list_1t9k2_37 {
  margin-top: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}._container_3g8r4_1 {
  width: 100%;
  padding-block: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
._container_3g8r4_1 img {
  width: 16rem;
  height: auto;
  object-fit: cover;
}
._container_3g8r4_1 p {
  margin-top: -1rem;
}:root,
[data-theme=dark] {
  --primary: #6B4DA7;
  --primary-light: #8B6FC7;
  --primary-dark: #4B164C;
  --bg-dark: #0F0F0F;
  --bg-main: #1A1A1A;
  --bg-card: #242424;
  --bg-hover: #2A2A2A;
  --bg-light: #F4F5F5;
  --accent-green: #22C55E;
  --accent-green-hover: #16A34A;
  --accent-pink: #F2CBFE;
  --accent-deep: #3D1658;
  --text-primary: #FFFFFF;
  --text-secondary: #8F8493;
  --text-muted: #6B7280;
  --text-dark: #1F2937;
  --status-pending: #F59E0B;
  --status-success: #22C55E;
  --status-draft: #8F8493;
  --status-error: #EF4444;
  --border-dark: #333333;
  --border-light: #E5E7EB;
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
  --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.4);
  --shadow-lg: 0 10px 25px rgba(0, 0, 0, 0.5);
}

[data-theme=light] {
  --primary: #6B4DA7;
  --primary-light: #8B6FC7;
  --primary-dark: #4B164C;
  --bg-dark: #FFFFFF;
  --bg-main: #F4F5F5;
  --bg-card: #FFFFFF;
  --bg-hover: #F3F4F6;
  --bg-light: #FFFFFF;
  --accent-green: #22C55E;
  --accent-green-hover: #16A34A;
  --accent-pink: #F2CBFE;
  --accent-deep: #3D1658;
  --text-primary: #1F2937;
  --text-secondary: #4B5563;
  --text-muted: #6B7280;
  --text-dark: #1F2937;
  --status-pending: #F59E0B;
  --status-success: #22C55E;
  --status-draft: #8F8493;
  --status-error: #EF4444;
  --border-dark: #E5E7EB;
  --border-light: #D1D5DB;
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.1);
  --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);
  --shadow-lg: 0 10px 25px rgba(0, 0, 0, 0.15);
}

@keyframes _fadeSlideUp_1009y_1 {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
._container_1009y_68 {
  max-width: 1000px;
  margin: 0 auto;
  padding: 4rem 2rem;
  background: var(--bg-main);
  min-height: 100%;
  animation: _fadeSlideUp_1009y_1 0.6s ease-out both;
}

._pageTitle_1009y_77 {
  font-size: 2.5rem;
  font-weight: 800;
  margin: 0 0 0.75rem 0;
  background: linear-gradient(90deg, var(--primary), var(--primary-light));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  letter-spacing: -1px;
}

._pageSubtitle_1009y_87 {
  font-size: 1.125rem;
  color: var(--text-secondary);
  margin: 0 0 4rem 0;
  max-width: 600px;
  line-height: 1.6;
}

._section_1009y_95 {
  margin-bottom: 4rem;
}

._sectionTitle_1009y_99 {
  display: flex;
  align-items: center;
  gap: 1rem;
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--text-primary);
  margin: 0 0 2rem 0;
}
._sectionTitle_1009y_99 ._iconWrapper_1009y_108 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  background: color-mix(in srgb, var(--primary), transparent 90%);
  color: var(--primary);
  border-radius: 12px;
  border: 1px solid color-mix(in srgb, var(--primary), transparent 80%);
}

._card_1009y_120 {
  background: var(--bg-card);
  border: 1px solid var(--border-dark);
  border-radius: 12px;
  padding: 2rem;
  margin-bottom: 1.5rem;
  transition: all 150ms ease;
}
._card_1009y_120:hover {
  border-color: var(--primary);
  box-shadow: var(--shadow-md);
}
._card_1009y_120 h3 {
  font-size: 1.125rem;
  font-weight: 600;
  color: var(--text-primary);
  margin: 0 0 1.25rem 0;
}
._card_1009y_120 p {
  color: var(--text-secondary);
}
._card_1009y_120 ol,
._card_1009y_120 ul {
  color: var(--text-secondary);
}
._card_1009y_120 ol li,
._card_1009y_120 ul li {
  margin-bottom: 0.5rem;
}
._card_1009y_120 ol li strong,
._card_1009y_120 ul li strong {
  color: var(--text-primary);
}

._stepsGrid_1009y_154 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 1.5rem;
}

._stepCard_1009y_160 {
  background: var(--bg-card);
  border: 1px solid var(--border-dark);
  border-radius: 12px;
  padding: 2.5rem 2rem;
  position: relative;
  transition: all 150ms ease;
}
._stepCard_1009y_160:hover {
  transform: translateY(-4px);
  border-color: var(--primary);
  box-shadow: var(--shadow-lg);
}
._stepCard_1009y_160 h3 {
  font-size: 1.15rem;
  font-weight: 700;
  color: var(--text-primary);
  margin: 1rem 0 0.75rem;
}
._stepCard_1009y_160 p {
  font-size: 0.95rem;
  color: var(--text-secondary);
  line-height: 1.6;
  margin: 0;
}
._stepCard_1009y_160 p strong {
  color: var(--primary);
  font-weight: 600;
}

._stepNumber_1009y_190 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background: linear-gradient(135deg, var(--primary), var(--primary-light));
  color: white;
  border-radius: 8px;
  font-size: 0.875rem;
  font-weight: 800;
  box-shadow: 0 4px 12px color-mix(in srgb, var(--primary), transparent 70%);
}

._fieldsGrid_1009y_204 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  gap: 1rem;
}

._fieldCard_1009y_210 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  padding: 1.5rem;
  background: var(--bg-card);
  border: 1px solid var(--border-dark);
  border-radius: 12px;
  color: var(--text-secondary);
  transition: all 150ms ease;
}
._fieldCard_1009y_210:hover {
  border-color: var(--primary);
  color: var(--text-primary);
  background: color-mix(in srgb, var(--primary), transparent 97%);
  transform: translateY(-4px);
  box-shadow: var(--shadow-sm);
}
._fieldCard_1009y_210 span {
  font-size: 0.85rem;
  font-weight: 600;
}

._fieldIcon_1009y_234 {
  width: 48px;
  height: 48px;
  background: var(--bg-hover);
  border: 1px solid var(--border-dark);
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 150ms ease;
}
._fieldCard_1009y_210:hover ._fieldIcon_1009y_234 {
  border-color: color-mix(in srgb, var(--primary), transparent 70%);
  background: color-mix(in srgb, var(--primary), transparent 90%);
  transform: scale(1.05);
}

._statusList_1009y_251 {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

._statusItem_1009y_257 {
  display: flex;
  gap: 1.25rem;
  padding: 1.5rem;
  background: var(--bg-hover);
  border-radius: 12px;
  border: 1px solid var(--border-dark);
  transition: all 150ms ease;
}
._statusItem_1009y_257:hover {
  background: var(--bg-card);
  border-color: var(--primary);
  transform: translateX(8px);
}
._statusItem_1009y_257 strong {
  display: block;
  font-size: 1.1rem;
  color: var(--text-primary);
  margin-bottom: 0.35rem;
}
._statusItem_1009y_257 p {
  font-size: 0.95rem;
  color: var(--text-secondary);
  margin: 0;
  line-height: 1.5;
}

._statusDot_1009y_284 {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  flex-shrink: 0;
  margin-top: 0.6rem;
  box-shadow: 0 0 12px currentColor;
}

._tipsGrid_1009y_293 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 1.5rem;
}

._tipCard_1009y_299 {
  background: var(--bg-card);
  border: 1px solid var(--border-dark);
  border-radius: 12px;
  padding: 1.75rem;
  transition: all 150ms ease;
}
._tipCard_1009y_299:hover {
  background: var(--bg-hover);
  border-color: var(--primary);
  transform: translateY(-4px);
}
._tipCard_1009y_299 strong {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  font-size: 1.05rem;
  color: var(--text-primary);
  margin-bottom: 1rem;
}
._tipCard_1009y_299 strong svg {
  color: var(--primary);
}
._tipCard_1009y_299 p {
  font-size: 0.9rem;
  color: var(--text-secondary);
  line-height: 1.7;
  margin: 0;
}

._faqList_1009y_329 {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

._faqItem_1009y_335 {
  background: var(--bg-card);
  border: 1px solid var(--border-dark);
  border-radius: 12px;
  padding: 1.75rem;
  transition: all 150ms ease;
}
._faqItem_1009y_335:hover {
  border-color: var(--primary);
  background: var(--bg-hover);
}
._faqItem_1009y_335 h4 {
  font-size: 1.1rem;
  font-weight: 700;
  color: var(--text-primary);
  margin: 0 0 0.85rem 0;
}
._faqItem_1009y_335 p {
  font-size: 0.95rem;
  color: var(--text-secondary);
  line-height: 1.7;
  margin: 0;
}

._supportCard_1009y_359 {
  background: linear-gradient(135deg, color-mix(in srgb, var(--primary), transparent 95%) 0%, color-mix(in srgb, var(--primary), transparent 98%) 100%);
  border: 1px solid color-mix(in srgb, var(--primary), transparent 90%);
  border-radius: 16px;
  padding: 3rem 2rem;
  text-align: center;
}
._supportCard_1009y_359 p {
  font-size: 1.2rem;
  font-weight: 500;
  color: var(--text-primary);
  margin-bottom: 2rem;
}

._contactInfo_1009y_373 {
  display: flex;
  justify-content: center;
  gap: 3rem;
}

._contactItem_1009y_379 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
._contactItem_1009y_379 strong {
  color: var(--primary);
  text-transform: uppercase;
  font-size: 0.8rem;
  font-weight: 700;
  letter-spacing: 1.5px;
}
._contactItem_1009y_379 span {
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--text-primary);
}

._backLink_1009y_397 {
  margin-top: 6rem;
  padding-top: 2rem;
  border-top: 1px solid var(--border-dark);
  text-align: center;
}
._backLink_1009y_397 a {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  color: var(--text-muted);
  text-decoration: none;
  font-size: 1rem;
  font-weight: 600;
  transition: all 150ms ease;
}
._backLink_1009y_397 a:hover {
  color: var(--primary);
  transform: translateX(-6px);
}

._fieldIconColor_text_1009y_418 {
  color: #3b82f6;
}
._fieldIconColor_sig_1009y_421 {
  color: #7c5cfc;
}
._fieldIconColor_init_1009y_424 {
  color: #ec4899;
}
._fieldIconColor_date_1009y_427 {
  color: #10b981;
}
._fieldIconColor_num_1009y_430 {
  color: #f59e0b;
}
._fieldIconColor_img_1009y_433 {
  color: #6366f1;
}
._fieldIconColor_check_1009y_436 {
  color: #06b6d4;
}
._fieldIconColor_mult_1009y_439 {
  color: #8b5cf6;
}
._fieldIconColor_file_1009y_442 {
  color: #f43f5e;
}
._fieldIconColor_radio_1009y_445 {
  color: #14b8a6;
}
._fieldIconColor_select_1009y_448 {
  color: #f97316;
}
._fieldIconColor_cells_1009y_451 {
  color: #64748b;
}
._fieldIconColor_stamp_1009y_454 {
  color: #d946ef;
}
._fieldIconColor_phone_1009y_457 {
  color: #84cc16;
}

@media (max-width: 768px) {
  ._container_1009y_68 {
    padding: 3rem 1.5rem;
  }
  ._pageTitle_1009y_77 {
    font-size: 2rem;
  }
  ._contactInfo_1009y_373 {
    flex-direction: column;
    gap: 1.5rem;
  }
}._modal_ilyut_1 {
  width: 24rem;
  padding: 0.2rem;
}
._modal_ilyut_1 ._banner_ilyut_5 {
  --background: rgba(26, 188, 156, 0.4);
  position: relative;
  width: 100%;
  height: 5rem;
  margin-bottom: 2rem;
  background: var(--background);
  border-top-left-radius: 0.35rem;
  border-top-right-radius: 0.35rem;
}
._modal_ilyut_1 ._banner_ilyut_5 ._icon_ilyut_15 {
  position: absolute;
  bottom: 0;
  left: 1rem;
  transform: translateY(50%);
  width: 4rem;
  height: 4rem;
  background: white;
  border-radius: 50%;
  padding: 0.1rem;
  box-shadow: var(--shadow);
}
._modal_ilyut_1 ._banner_ilyut_5 ._icon_ilyut_15 div {
  background: var(--background);
  width: 100%;
  height: 100%;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
._modal_ilyut_1 ._banner_ilyut_5 ._icon_ilyut_15 svg {
  height: 1.3rem;
  width: 1.3rem;
}
._modal_ilyut_1 ._form_ilyut_40 {
  padding: 1rem 1rem;
}
._modal_ilyut_1 ._form_ilyut_40 h3 {
  font-weight: 500;
  margin-top: 0.25rem;
  font-size: 1.2rem;
}
._modal_ilyut_1 ._form_ilyut_40 ._form_description_ilyut_48 {
  font-size: 0.8rem;
  color: var(--text-secondary);
  margin-top: 0.25rem;
}
._modal_ilyut_1 ._form_ilyut_40 ._inputs_ilyut_53 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-block: 1rem 0.5rem;
}
._modal_ilyut_1 ._form_ilyut_40 ._inputs_ilyut_53 input {
  width: 100%;
}
._modal_ilyut_1 ._form_ilyut_40 ._inputs_ilyut_53 ._label_error_ilyut_62 {
  margin-top: 0.5rem;
}
._modal_ilyut_1 ._form_ilyut_40 ._inputs_ilyut_53 ._checkbox_ilyut_65 {
  padding: 0.6rem 0.7rem;
  border: 1px solid;
  outline: none;
  border-radius: var(--radius-1);
  width: 100%;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
  border-color: var(--border-color);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
._modal_ilyut_1 ._form_ilyut_40 ._inputs_ilyut_53 ._checkbox_ilyut_65 p {
  opacity: 0.6;
  user-select: none;
}
._modal_ilyut_1 ._form_ilyut_40 ._actions_ilyut_81 {
  width: 100%;
  display: flex;
  justify-content: space-between;
  gap: 0.5rem;
}:root,
[data-theme=dark] {
  --primary: #6B4DA7;
  --primary-light: #8B6FC7;
  --primary-dark: #4B164C;
  --bg-dark: #0F0F0F;
  --bg-main: #1A1A1A;
  --bg-card: #242424;
  --bg-hover: #2A2A2A;
  --bg-light: #F4F5F5;
  --accent-green: #22C55E;
  --accent-green-hover: #16A34A;
  --accent-pink: #F2CBFE;
  --accent-deep: #3D1658;
  --text-primary: #FFFFFF;
  --text-secondary: #8F8493;
  --text-muted: #6B7280;
  --text-dark: #1F2937;
  --status-pending: #F59E0B;
  --status-success: #22C55E;
  --status-draft: #8F8493;
  --status-error: #EF4444;
  --border-dark: #333333;
  --border-light: #E5E7EB;
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
  --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.4);
  --shadow-lg: 0 10px 25px rgba(0, 0, 0, 0.5);
}

[data-theme=light] {
  --primary: #6B4DA7;
  --primary-light: #8B6FC7;
  --primary-dark: #4B164C;
  --bg-dark: #FFFFFF;
  --bg-main: #F4F5F5;
  --bg-card: #FFFFFF;
  --bg-hover: #F3F4F6;
  --bg-light: #FFFFFF;
  --accent-green: #22C55E;
  --accent-green-hover: #16A34A;
  --accent-pink: #F2CBFE;
  --accent-deep: #3D1658;
  --text-primary: #1F2937;
  --text-secondary: #4B5563;
  --text-muted: #6B7280;
  --text-dark: #1F2937;
  --status-pending: #F59E0B;
  --status-success: #22C55E;
  --status-draft: #8F8493;
  --status-error: #EF4444;
  --border-dark: #E5E7EB;
  --border-light: #D1D5DB;
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.1);
  --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);
  --shadow-lg: 0 10px 25px rgba(0, 0, 0, 0.15);
}

._container_nlnxm_58 {
  max-width: 1200px;
  margin: 0 auto;
  padding: 2rem;
}
._container_nlnxm_58 ._header_nlnxm_63 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-bottom: 2rem;
}
._container_nlnxm_58 ._header_nlnxm_63 h1 {
  font-size: 1.75rem;
  font-weight: 700;
  color: var(--text-primary);
  margin: 0;
}
._container_nlnxm_58 ._header_nlnxm_63 h4 {
  font-size: 0.9rem;
  font-weight: 400;
  color: var(--text-muted);
  line-height: 1.5;
  margin: 0;
  max-width: 600px;
}
._container_nlnxm_58 ._header_nlnxm_63 ._buttons_nlnxm_83 {
  display: flex;
  gap: 0.75rem;
  align-items: center;
  margin-top: 0.5rem;
}
._container_nlnxm_58 ._header_nlnxm_63 ._buttons_nlnxm_83 ._button_nlnxm_83 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.65rem 1.25rem;
  background: var(--accent-green);
  border: none;
  border-radius: 8px;
  color: white;
  font-size: 0.875rem;
  font-weight: 500;
  cursor: pointer;
  transition: all 150ms ease;
}
._container_nlnxm_58 ._header_nlnxm_63 ._buttons_nlnxm_83 ._button_nlnxm_83:hover {
  background: var(--accent-green-hover);
}
._container_nlnxm_58 ._header_nlnxm_63 ._buttons_nlnxm_83 ._button_nlnxm_83 svg {
  width: 1rem;
  height: 1rem;
}
._container_nlnxm_58 ._list_nlnxm_110 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
  gap: 0.75rem;
}

@media (max-width: 768px) {
  ._container_nlnxm_58 {
    padding: 1rem;
  }
  ._container_nlnxm_58 ._header_nlnxm_63 h4 {
    max-width: 100%;
  }
  ._container_nlnxm_58 ._list_nlnxm_110 {
    grid-template-columns: 1fr;
  }
}:root,
[data-theme=dark] {
  --primary: #6B4DA7;
  --primary-light: #8B6FC7;
  --primary-dark: #4B164C;
  --bg-dark: #0F0F0F;
  --bg-main: #1A1A1A;
  --bg-card: #242424;
  --bg-hover: #2A2A2A;
  --bg-light: #F4F5F5;
  --accent-green: #22C55E;
  --accent-green-hover: #16A34A;
  --accent-pink: #F2CBFE;
  --accent-deep: #3D1658;
  --text-primary: #FFFFFF;
  --text-secondary: #8F8493;
  --text-muted: #6B7280;
  --text-dark: #1F2937;
  --status-pending: #F59E0B;
  --status-success: #22C55E;
  --status-draft: #8F8493;
  --status-error: #EF4444;
  --border-dark: #333333;
  --border-light: #E5E7EB;
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
  --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.4);
  --shadow-lg: 0 10px 25px rgba(0, 0, 0, 0.5);
}

[data-theme=light] {
  --primary: #6B4DA7;
  --primary-light: #8B6FC7;
  --primary-dark: #4B164C;
  --bg-dark: #FFFFFF;
  --bg-main: #F4F5F5;
  --bg-card: #FFFFFF;
  --bg-hover: #F3F4F6;
  --bg-light: #FFFFFF;
  --accent-green: #22C55E;
  --accent-green-hover: #16A34A;
  --accent-pink: #F2CBFE;
  --accent-deep: #3D1658;
  --text-primary: #1F2937;
  --text-secondary: #4B5563;
  --text-muted: #6B7280;
  --text-dark: #1F2937;
  --status-pending: #F59E0B;
  --status-success: #22C55E;
  --status-draft: #8F8493;
  --status-error: #EF4444;
  --border-dark: #E5E7EB;
  --border-light: #D1D5DB;
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.1);
  --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);
  --shadow-lg: 0 10px 25px rgba(0, 0, 0, 0.15);
}

._row_1mps2_58 {
  width: 100%;
  padding: 1rem 1.25rem;
  background: var(--bg-card);
  border: 1px solid var(--border-dark);
  border-radius: 8px;
  display: flex;
  gap: 1rem;
  align-items: center;
  transition: all 150ms ease;
}
._row_1mps2_58:hover {
  border-color: var(--primary);
}
._row_1mps2_58:hover ._actions_1mps2_72 {
  opacity: 1;
}
._row_1mps2_58 ._photo_1mps2_75 {
  width: 2.75rem;
  height: 2.75rem;
  flex-shrink: 0;
}
._row_1mps2_58 ._photo_1mps2_75 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}
._row_1mps2_58 ._photo_1mps2_75 ._avatar_1mps2_86 {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%);
  border-radius: 50%;
  color: white;
  font-size: 0.9rem;
  font-weight: 600;
}
._row_1mps2_58 ._infos_1mps2_98 {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  flex: 1;
  min-width: 0;
}
._row_1mps2_58 ._infos_1mps2_98._base_1mps2_105 {
  min-width: 0;
}
._row_1mps2_58 ._infos_1mps2_98._date_1mps2_108 {
  width: auto;
}
._row_1mps2_58 ._infos_1mps2_98._documents_1mps2_111 {
  margin-left: auto;
  align-items: flex-end;
}
._row_1mps2_58 ._infos_1mps2_98 ._top_1mps2_115 {
  font-size: 1rem;
  font-weight: 500;
  color: var(--text-primary);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
._row_1mps2_58 ._infos_1mps2_98 ._bottom_1mps2_123 {
  font-size: 0.85rem;
  color: var(--text-muted);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
._row_1mps2_58 ._actions_1mps2_72 {
  display: flex;
  gap: 0.5rem;
  opacity: 0;
  transition: opacity 150ms ease;
}
._row_1mps2_58 ._editBtn_1mps2_136,
._row_1mps2_58 ._deleteBtn_1mps2_137 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  transition: all 150ms ease;
}
._row_1mps2_58 ._editBtn_1mps2_136 {
  background: rgba(var(--primary), 0.1);
  color: var(--primary);
}
._row_1mps2_58 ._editBtn_1mps2_136:hover {
  background: rgba(var(--primary), 0.2);
}
._row_1mps2_58 ._deleteBtn_1mps2_137 {
  background: rgba(239, 68, 68, 0.1);
  color: #EF4444;
}
._row_1mps2_58 ._deleteBtn_1mps2_137:hover {
  background: rgba(239, 68, 68, 0.2);
}

@media (max-width: 768px) {
  ._row_1mps2_58 ._actions_1mps2_72 {
    opacity: 1;
  }
}._uploadZone_1bf5h_1 {
  border: 2px dashed #E5E7EB;
  border-radius: 12px;
  padding: 3rem;
  text-align: center;
  cursor: pointer;
  transition: all 0.2s ease;
  background: #F9FAFB;
}
._uploadZone_1bf5h_1:hover {
  border-color: #4F46E5;
  background: #EEF2FF;
}
._uploadZone_1bf5h_1._dragging_1bf5h_14 {
  border-color: #4F46E5;
  background: #EEF2FF;
  transform: scale(1.01);
}

._iconContainer_1bf5h_20 {
  margin-bottom: 1rem;
  color: #4F46E5;
}

h3 {
  font-size: 1rem;
  font-weight: 600;
  color: #111827;
  margin: 0 0 0.5rem 0;
}

p {
  font-size: 0.875rem;
  color: #6B7280;
  margin: 0;
}

._loadingState_1bf5h_38 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}

._spinner_1bf5h_45 {
  width: 24px;
  height: 24px;
  border: 3px solid rgba(79, 70, 229, 0.3);
  border-radius: 50%;
  border-top-color: #4F46E5;
  animation: _spin_1bf5h_45 1s ease-in-out infinite;
}

@keyframes _spin_1bf5h_45 {
  to {
    transform: rotate(360deg);
  }
}._form_3i1u7_1 {
  margin-bottom: 2rem;
  padding: 1.5rem;
  background: white;
  border: 1px solid #E5E7EB;
  border-radius: 12px;
}

._grid_3i1u7_9 {
  display: grid;
  grid-template-columns: 2fr 2fr 1fr auto;
  gap: 1rem;
  align-items: flex-start;
}

._field_3i1u7_16 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
._field_3i1u7_16 label {
  font-size: 0.875rem;
  font-weight: 500;
  color: #374151;
}
._field_3i1u7_16 input,
._field_3i1u7_16 select {
  padding: 0.625rem;
  border: 1px solid #D1D5DB;
  border-radius: 6px;
  font-size: 0.875rem;
  outline: none;
  transition: border-color 0.2s;
}
._field_3i1u7_16 input:focus,
._field_3i1u7_16 select:focus {
  border-color: #4F46E5;
  box-shadow: 0 0 0 2px rgba(79, 70, 229, 0.1);
}
._field_3i1u7_16 input._error_3i1u7_40,
._field_3i1u7_16 select._error_3i1u7_40 {
  border-color: #EF4444;
}
._field_3i1u7_16 span {
  color: #EF4444;
  font-size: 0.75rem;
}

._action_3i1u7_49 {
  display: flex;
  flex-direction: column;
}
._action_3i1u7_49 button {
  margin-top: 0.5rem;
  padding: 0.625rem 1.25rem;
  background: #4F46E5;
  color: white;
  border: none;
  border-radius: 6px;
  font-weight: 500;
  cursor: pointer;
  transition: background 0.2s;
}
._action_3i1u7_49 button:hover {
  background: #4338CA;
}

@media (max-width: 768px) {
  ._grid_3i1u7_9 {
    grid-template-columns: 1fr;
  }
  ._action_3i1u7_49 button {
    width: 100%;
  }
}._container_hpd7r_1 {
  max-width: 800px;
  margin: 0 auto;
  padding: 2rem;
}

._header_hpd7r_7 {
  text-align: center;
  margin-bottom: 3rem;
}
._header_hpd7r_7 h1 {
  font-size: 1.875rem;
  font-weight: 700;
  color: #111827;
  margin-bottom: 1.5rem;
}

._steps_hpd7r_18 {
  display: flex;
  justify-content: center;
  gap: 2rem;
}

._step_hpd7r_18 {
  font-weight: 500;
  color: #9ca3af;
  position: relative;
}
._step_hpd7r_18._active_hpd7r_29 {
  color: #4f46e5;
  font-weight: 600;
}

._section_hpd7r_34 {
  margin-bottom: 3rem;
  animation: _fadeIn_hpd7r_1 0.5s ease-out;
}
._section_hpd7r_34 h2 {
  font-size: 1.25rem;
  font-weight: 600;
  color: #111827;
  margin-bottom: 1rem;
}

._helper_hpd7r_45 {
  color: #6b7280;
  margin-bottom: 1.5rem;
}

._fileList_hpd7r_50 {
  margin-top: 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

._fileItem_hpd7r_57 {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem;
  background: white;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  color: #374151;
}
._fileItem_hpd7r_57 svg {
  color: #4f46e5;
}

._recipientList_hpd7r_71 {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

._recipientItem_hpd7r_77 {
  display: flex;
  align-items: center;
  padding: 1rem;
  background: white;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
}

._recipientAvatar_hpd7r_86 {
  width: 40px;
  height: 40px;
  background: #eef2ff;
  color: #4f46e5;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  margin-right: 1rem;
}

._recipientInfo_hpd7r_99 {
  flex: 1;
  display: flex;
  flex-direction: column;
}
._recipientInfo_hpd7r_99 strong {
  color: #111827;
}
._recipientInfo_hpd7r_99 span {
  font-size: 0.875rem;
  color: #6b7280;
}

._recipientRole_hpd7r_112 {
  padding: 0.25rem 0.75rem;
  background: #f3f4f6;
  border-radius: 20px;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
}

._previewCard_hpd7r_121 {
  margin-bottom: 2rem;
  padding: 1rem;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  background: #f9fafb;
}

._previewStatus_hpd7r_129 {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin-bottom: 1rem;
}
._previewStatus_hpd7r_129 strong {
  color: #111827;
}
._previewStatus_hpd7r_129 span {
  color: #6b7280;
  font-size: 0.9rem;
}

._previewColumns_hpd7r_143 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}
._previewColumns_hpd7r_143 h4 {
  margin: 0 0 0.5rem;
  font-size: 0.95rem;
  color: #111827;
}
._previewColumns_hpd7r_143 p {
  margin: 0;
  color: #6b7280;
  font-size: 0.9rem;
}
._previewColumns_hpd7r_143 ul {
  margin: 0;
  padding-left: 1rem;
  color: #374151;
  font-size: 0.85rem;
  line-height: 1.4;
}

._footer_hpd7r_166 {
  text-align: right;
  border-top: 1px solid #e5e7eb;
  padding-top: 2rem;
}

._footerActions_hpd7r_172 {
  display: flex;
  justify-content: flex-end;
  gap: 0.75rem;
}

._previewButton_hpd7r_178 {
  padding: 0.75rem 1.25rem;
  background: #ffffff;
  color: #374151;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
}
._previewButton_hpd7r_178:hover {
  background: #f3f4f6;
}
._previewButton_hpd7r_178:disabled {
  opacity: 0.7;
  cursor: wait;
}

._sendButton_hpd7r_196 {
  padding: 0.75rem 2rem;
  background: #4f46e5;
  color: white;
  border: none;
  border-radius: 8px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.2s;
}
._sendButton_hpd7r_196:hover {
  background: #4338ca;
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(79, 70, 229, 0.3);
}
._sendButton_hpd7r_196:disabled {
  opacity: 0.7;
  cursor: not-allowed;
  transform: none;
  box-shadow: none;
}

._blockedHint_hpd7r_218 {
  margin: 0.75rem 0 0;
  color: #b45309;
  font-size: 0.85rem;
  text-align: right;
}

@keyframes _fadeIn_hpd7r_1 {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@media (max-width: 768px) {
  ._previewColumns_hpd7r_143 {
    grid-template-columns: 1fr;
  }
  ._footerActions_hpd7r_172 {
    flex-direction: column;
  }
  ._footerActions_hpd7r_172 button {
    width: 100%;
  }
  ._blockedHint_hpd7r_218 {
    text-align: left;
  }
}._badge_wiymc_1 {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.35rem 0.75rem;
  border-radius: 20px;
  font-weight: 500;
  font-size: 0.8rem;
  white-space: nowrap;
}

._dot_wiymc_12 {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex-shrink: 0;
}

._small_wiymc_19 {
  font-size: 0.7rem;
  padding: 0.25rem 0.6rem;
}
._small_wiymc_19 ._dot_wiymc_12 {
  width: 6px;
  height: 6px;
}

._medium_wiymc_28 {
  font-size: 0.8rem;
  padding: 0.35rem 0.75rem;
}

._pending_wiymc_33 {
  background: #fef3c7;
  color: #92400e;
}
._pending_wiymc_33 ._dot_wiymc_12 {
  background: #f59e0b;
  box-shadow: 0 0 0 3px rgba(245, 158, 11, 0.2);
  animation: _pulse_wiymc_1 2s infinite;
}

._signed_wiymc_43 {
  background: #d1fae5;
  color: #065f46;
}
._signed_wiymc_43 ._dot_wiymc_12 {
  background: #10b981;
}

._expired_wiymc_51 {
  background: #fee2e2;
  color: #991b1b;
}
._expired_wiymc_51 ._dot_wiymc_12 {
  background: #ef4444;
}

._draft_wiymc_59 {
  background: #f1f5f9;
  color: #475569;
}
._draft_wiymc_59 ._dot_wiymc_12 {
  background: #94a3b8;
}

@keyframes _pulse_wiymc_1 {
  0% {
    box-shadow: 0 0 0 0 rgba(245, 158, 11, 0.4);
  }
  70% {
    box-shadow: 0 0 0 8px rgba(245, 158, 11, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(245, 158, 11, 0);
  }
}
@media (prefers-color-scheme: dark) {
  ._pending_wiymc_33 {
    background: rgba(245, 158, 11, 0.15);
    color: #fcd34d;
  }
  ._signed_wiymc_43 {
    background: rgba(16, 185, 129, 0.15);
    color: #6ee7b7;
  }
  ._expired_wiymc_51 {
    background: rgba(239, 68, 68, 0.15);
    color: #fca5a5;
  }
  ._draft_wiymc_59 {
    background: rgba(148, 163, 184, 0.15);
    color: #cbd5e1;
  }
}._container_ytbfn_1 {
  max-width: 1200px;
  margin: 0 auto;
  padding: 2rem 1rem;
}

._loading_ytbfn_7,
._error_ytbfn_8 {
  text-align: center;
  padding: 3rem;
  background: white;
  border-radius: 12px;
  margin-top: 2rem;
}

._error_ytbfn_8 h2 {
  color: #dc2626;
  margin-bottom: 1rem;
}
._error_ytbfn_8 p {
  color: #6b7280;
  margin-bottom: 2rem;
}

._header_ytbfn_25 {
  margin-bottom: 2rem;
}

._backButton_ytbfn_29 {
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

._headerInfo_ytbfn_36 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem;
}
._headerInfo_ytbfn_36 h1 {
  font-size: 2rem;
  font-weight: 700;
  color: #111827;
}

._headerActions_ytbfn_49 {
  display: flex;
  align-items: center;
  gap: 1rem;
}

._card_ytbfn_55 {
  background: white;
  border-radius: 12px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  margin-bottom: 1.5rem;
  overflow: hidden;
}

._cardHeader_ytbfn_63 {
  padding: 1.25rem 1.5rem;
  border-bottom: 1px solid #e5e7eb;
  background: #f9fafb;
}
._cardHeader_ytbfn_63 h2 {
  font-size: 1.125rem;
  font-weight: 600;
  color: #111827;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

._cardContent_ytbfn_78 {
  padding: 1.5rem;
}

._infoGrid_ytbfn_82 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 1.5rem;
}

._infoItem_ytbfn_88 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
._infoItem_ytbfn_88 ._label_ytbfn_93 {
  font-size: 0.875rem;
  font-weight: 500;
  color: #6b7280;
}
._infoItem_ytbfn_88 ._value_ytbfn_98 {
  font-weight: 600;
  color: #111827;
}

._documentsList_ytbfn_103 {
  padding: 1rem;
}

._documentItem_ytbfn_107 {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  margin-bottom: 0.75rem;
  transition: all 0.2s;
}
._documentItem_ytbfn_107:hover {
  border-color: #4f46e5;
  background: #fafafa;
}
._documentItem_ytbfn_107:last-child {
  margin-bottom: 0;
}

._documentIcon_ytbfn_125 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  background: #eef2ff;
  border-radius: 8px;
  color: #4f46e5;
  flex-shrink: 0;
}

._documentInfo_ytbfn_137 {
  flex: 1;
}
._documentInfo_ytbfn_137 h3 {
  font-size: 1rem;
  font-weight: 600;
  color: #111827;
  margin: 0 0 0.25rem;
}
._documentInfo_ytbfn_137 p {
  font-size: 0.875rem;
  color: #6b7280;
  margin: 0;
}

._signedBadge_ytbfn_152 {
  display: inline-block;
  margin-top: 0.25rem;
  padding: 0.25rem 0.5rem;
  background: #dcfce7;
  color: #15803d;
  font-size: 0.75rem;
  font-weight: 600;
  border-radius: 4px;
}

._viewButton_ytbfn_163 {
  padding: 0.5rem 1rem;
  background: #4f46e5;
  color: white;
  text-decoration: none;
  border-radius: 6px;
  font-size: 0.875rem;
  font-weight: 500;
  transition: background 0.2s;
}
._viewButton_ytbfn_163:hover {
  background: #4338ca;
}

._recipientsList_ytbfn_177 {
  padding: 1rem;
}

._recipientItem_ytbfn_181 {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  margin-bottom: 0.75rem;
}
._recipientItem_ytbfn_181:last-child {
  margin-bottom: 0;
}

._recipientIcon_ytbfn_194 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  flex-shrink: 0;
}
._recipientIcon_ytbfn_194 ._signed_ytbfn_152 {
  color: #059669;
}
._recipientIcon_ytbfn_194 ._pending_ytbfn_206 {
  color: #f59e0b;
}

._recipientInfo_ytbfn_210 {
  flex: 1;
}
._recipientInfo_ytbfn_210 h3 {
  font-size: 1rem;
  font-weight: 600;
  color: #111827;
  margin: 0 0 0.25rem;
}

._recipientMeta_ytbfn_220 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  color: #6b7280;
  margin-bottom: 0.25rem;
}

._recipientRole_ytbfn_229 {
  display: inline-block;
  padding: 0.25rem 0.75rem;
  background: #f3f4f6;
  border-radius: 4px;
  font-size: 0.75rem;
  font-weight: 500;
  color: #374151;
  margin-top: 0.5rem;
}

._signedAt_ytbfn_240 {
  font-size: 0.75rem;
  color: #059669;
  margin-top: 0.5rem;
  font-weight: 500;
}

._recipientStatus_ytbfn_247 {
  flex-shrink: 0;
}

._recipientActions_ytbfn_251 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  align-items: flex-end;
  flex-shrink: 0;
}

._resendButton_ytbfn_259 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: #f97316;
  color: white;
  border: none;
  border-radius: 6px;
  font-size: 0.75rem;
  font-weight: 500;
  cursor: pointer;
  transition: background 0.2s;
}
._resendButton_ytbfn_259:hover {
  background: #ea580c;
}
._resendButton_ytbfn_259:disabled {
  opacity: 0.7;
  cursor: wait;
}

._copyButton_ytbfn_281 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  background: #4f46e5;
  color: white;
  border: none;
  border-radius: 6px;
  font-size: 0.75rem;
  font-weight: 500;
  cursor: pointer;
  transition: background 0.2s;
}
._copyButton_ytbfn_281:hover {
  background: #4338ca;
}
._copyButton_ytbfn_281:active {
  transform: scale(0.98);
}

._statusSigned_ytbfn_302 {
  padding: 0.5rem 1rem;
  background: #d1fae5;
  color: #065f46;
  border-radius: 6px;
  font-size: 0.875rem;
  font-weight: 600;
}

._statusPending_ytbfn_311 {
  padding: 0.5rem 1rem;
  background: #fef3c7;
  color: #92400e;
  border-radius: 6px;
  font-size: 0.875rem;
  font-weight: 600;
}

._summary_ytbfn_320 {
  background: white;
  border-radius: 12px;
  padding: 1.5rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

._summarySuccess_ytbfn_327,
._summaryPending_ytbfn_328 {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem;
  border-radius: 8px;
}
._summarySuccess_ytbfn_327 p,
._summaryPending_ytbfn_328 p {
  margin: 0;
  font-weight: 500;
}

._summarySuccess_ytbfn_327 {
  background: #d1fae5;
  color: #065f46;
}

._summaryPending_ytbfn_328 {
  background: #fef3c7;
  color: #92400e;
}

@media (max-width: 768px) {
  ._container_ytbfn_1 {
    padding: 1rem 0.5rem;
  }
  ._headerInfo_ytbfn_36 {
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
  }
  ._infoGrid_ytbfn_82 {
    grid-template-columns: 1fr;
  }
  ._documentItem_ytbfn_107,
  ._recipientItem_ytbfn_181 {
    flex-direction: column;
    text-align: center;
  }
}._overlay_12gpa_1 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(4px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2000;
}

._modal_12gpa_15 {
  background: #ffffff;
  border-radius: 16px;
  width: 100%;
  max-width: 600px;
  padding: 1.5rem;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
}

._header_12gpa_24 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
}
._header_12gpa_24 h2 {
  font-size: 1.1rem;
  font-weight: 600;
  margin: 0;
}

._closeButton_12gpa_36 {
  background: none;
  border: none;
  font-size: 1.5rem;
  cursor: pointer;
  color: #6b7280;
}

._padContainer_12gpa_44 {
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #f9fafb;
  margin-bottom: 1.5rem;
  height: 300px;
  overflow: hidden;
}

._footer_12gpa_53 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

._clearBtn_12gpa_59 {
  padding: 0.6rem 1.2rem;
  border-radius: 8px;
  border: 1px solid #e5e7eb;
  background: white;
  cursor: pointer;
  font-weight: 500;
}
._clearBtn_12gpa_59:hover {
  background: #f3f4f6;
}

._confirmBtn_12gpa_71 {
  padding: 0.6rem 1.2rem;
  border-radius: 8px;
  border: none;
  background: #22c55e;
  color: white;
  cursor: pointer;
  font-weight: 500;
}
._confirmBtn_12gpa_71:hover {
  background: #16a34a;
}._overlay_1xq52_1 {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  backdrop-filter: blur(4px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2000;
}

._modal_1xq52_15 {
  background: #ffffff;
  border-radius: 16px;
  width: 100%;
  max-width: 500px;
  padding: 1.5rem;
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
}

._header_1xq52_24 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1.5rem;
}
._header_1xq52_24 h2 {
  font-size: 1.1rem;
  font-weight: 600;
  margin: 0;
}

._closeButton_1xq52_36 {
  background: none;
  border: none;
  font-size: 1.5rem;
  cursor: pointer;
  color: #6b7280;
}

._formGroup_1xq52_44 {
  margin-bottom: 1.25rem;
}
._formGroup_1xq52_44 label {
  display: block;
  font-size: 0.875rem;
  font-weight: 500;
  color: #374151;
  margin-bottom: 0.5rem;
}
._formGroup_1xq52_44 input,
._formGroup_1xq52_44 textarea {
  width: 100%;
  padding: 0.75rem;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  font-size: 0.875rem;
  outline: none;
  transition: border-color 0.2s;
}
._formGroup_1xq52_44 input:focus,
._formGroup_1xq52_44 textarea:focus {
  border-color: #22c55e;
}
._formGroup_1xq52_44 textarea {
  min-height: 100px;
  resize: vertical;
}

._footer_1xq52_73 {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
  margin-top: 1.5rem;
}

._cancelBtn_1xq52_80 {
  padding: 0.6rem 1.2rem;
  border-radius: 8px;
  border: 1px solid #e5e7eb;
  background: white;
  cursor: pointer;
  font-weight: 500;
}
._cancelBtn_1xq52_80:hover {
  background: #f3f4f6;
}

._sendBtn_1xq52_92 {
  padding: 0.6rem 1.2rem;
  border-radius: 8px;
  border: none;
  background: #22c55e;
  color: white;
  cursor: pointer;
  font-weight: 500;
}
._sendBtn_1xq52_92:hover {
  background: #16a34a;
}
._sendBtn_1xq52_92:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}:root,
[data-theme=dark] {
  --primary: #6B4DA7;
  --primary-light: #8B6FC7;
  --primary-dark: #4B164C;
  --bg-dark: #0F0F0F;
  --bg-main: #1A1A1A;
  --bg-card: #242424;
  --bg-hover: #2A2A2A;
  --bg-light: #F4F5F5;
  --accent-green: #22C55E;
  --accent-green-hover: #16A34A;
  --accent-pink: #F2CBFE;
  --accent-deep: #3D1658;
  --text-primary: #FFFFFF;
  --text-secondary: #8F8493;
  --text-muted: #6B7280;
  --text-dark: #1F2937;
  --status-pending: #F59E0B;
  --status-success: #22C55E;
  --status-draft: #8F8493;
  --status-error: #EF4444;
  --border-dark: #333333;
  --border-light: #E5E7EB;
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
  --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.4);
  --shadow-lg: 0 10px 25px rgba(0, 0, 0, 0.5);
}

[data-theme=light] {
  --primary: #6B4DA7;
  --primary-light: #8B6FC7;
  --primary-dark: #4B164C;
  --bg-dark: #FFFFFF;
  --bg-main: #F4F5F5;
  --bg-card: #FFFFFF;
  --bg-hover: #F3F4F6;
  --bg-light: #FFFFFF;
  --accent-green: #22C55E;
  --accent-green-hover: #16A34A;
  --accent-pink: #F2CBFE;
  --accent-deep: #3D1658;
  --text-primary: #1F2937;
  --text-secondary: #4B5563;
  --text-muted: #6B7280;
  --text-dark: #1F2937;
  --status-pending: #F59E0B;
  --status-success: #22C55E;
  --status-draft: #8F8493;
  --status-error: #EF4444;
  --border-dark: #E5E7EB;
  --border-light: #D1D5DB;
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.1);
  --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);
  --shadow-lg: 0 10px 25px rgba(0, 0, 0, 0.15);
}

._editor_1h3nr_58 {
  display: flex;
  flex-direction: column;
  height: 100vh;
  background: var(--bg-light);
}

._header_1h3nr_65 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.75rem 1.5rem;
  background: white;
  border-bottom: 1px solid #E5E7EB;
}

._docInfo_1h3nr_74 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

._backBtn_1h3nr_80 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  background: transparent;
  border: 1px solid #E5E7EB;
  border-radius: 8px;
  color: var(--text-muted);
  cursor: pointer;
  transition: all 150ms ease;
}
._backBtn_1h3nr_80:hover {
  background: #F3F4F6;
  color: var(--text-dark);
}

._docIcon_1h3nr_98 {
  font-size: 1.5rem;
}

._docName_1h3nr_102 {
  margin: 0;
  font-size: 1.125rem;
  font-weight: 600;
  color: var(--text-dark);
}

._fieldCount_1h3nr_109 {
  padding: 0.25rem 0.75rem;
  background: #F3F4F6;
  border-radius: 20px;
  font-size: 0.75rem;
  color: var(--text-muted);
}

._actions_1h3nr_117 {
  display: flex;
  gap: 0.75rem;
}

._btnOutline_1h3nr_122, ._btnOutlinePrimary_1h3nr_122 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  background: transparent;
  border: 1px solid #D1D5DB;
  border-radius: 8px;
  color: var(--text-dark);
  font-size: 0.8rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 150ms ease;
}
._btnOutline_1h3nr_122:hover, ._btnOutlinePrimary_1h3nr_122:hover {
  background: #F3F4F6;
  border-color: #9CA3AF;
}

._btnOutlinePrimary_1h3nr_122 {
  border-color: var(--primary);
  color: var(--primary);
}
._btnOutlinePrimary_1h3nr_122:hover {
  background: rgba(var(--primary), 0.1);
}

._btnPrimary_1h3nr_149 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  background: #22C55E;
  border: 1px solid #22C55E;
  border-radius: 8px;
  color: white;
  font-size: 0.8rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 150ms ease;
}
._btnPrimary_1h3nr_149:hover {
  background: #16A34A;
}

._body_1h3nr_167 {
  display: flex;
  flex: 1;
  overflow: hidden;
}

._thumbnails_1h3nr_173 {
  width: 100px;
  background: #F9FAFB;
  border-right: 1px solid #E5E7EB;
  padding: 1rem 0.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  align-items: center;
  overflow-y: auto;
}

._thumbnail_1h3nr_173 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
}
._thumbnail_1h3nr_173 span {
  font-size: 0.75rem;
  color: var(--text-muted);
}
._thumbnail_1h3nr_173._activePage_1h3nr_195 ._thumbnailPreview_1h3nr_195 {
  border-color: var(--primary);
  box-shadow: 0 0 0 2px rgba(var(--primary), 0.2);
}

._thumbnailPreview_1h3nr_195 {
  width: 70px;
  height: 90px;
  border: 2px solid #E5E7EB;
  border-radius: 4px;
  overflow: hidden;
  cursor: pointer;
  transition: all 150ms ease;
  background: white;
}
._thumbnailPreview_1h3nr_195:hover {
  border-color: var(--primary);
}

._thumbnailPlaceholder_1h3nr_214 {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  color: var(--text-muted);
  background: #F9FAFB;
}

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

._pdfContainer_1h3nr_231 {
  flex: 1;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 2rem;
  overflow: auto;
  background: #E5E7EB;
}

._pdfView_1h3nr_241 {
  position: relative;
  background: white;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
  width: 100%;
  max-width: 800px;
  cursor: default;
}
._pdfView_1h3nr_241._placing_1h3nr_249 {
  cursor: crosshair;
}
._pdfView_1h3nr_241._dragging_1h3nr_252 {
  cursor: grabbing;
}

._pdfPlaceholder_1h3nr_256 {
  width: 100%;
  height: 100%;
}
._pdfPlaceholder_1h3nr_256 iframe {
  width: 100%;
  height: 100%;
  border: none;
}

._pdfImage_1h3nr_266 {
  display: block;
  width: 100%;
  height: auto;
  user-select: none;
  pointer-events: none;
}

._placementHint_1h3nr_274 {
  position: absolute;
  bottom: 1rem;
  left: 50%;
  transform: translateX(-50%);
  padding: 0.5rem 1rem;
  background: rgba(0, 0, 0, 0.8);
  color: white;
  font-size: 0.8rem;
  border-radius: 20px;
  pointer-events: none;
  animation: _fadeIn_1h3nr_1 0.2s ease;
}

@keyframes _fadeIn_1h3nr_1 {
  from {
    opacity: 0;
    transform: translateX(-50%) translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
  }
}
._placedField_1h3nr_298 {
  position: absolute;
  border: 2px solid;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.7rem;
  cursor: grab;
  transition: box-shadow 150ms ease;
}
._placedField_1h3nr_298:hover {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}
._placedField_1h3nr_298._isDragging_1h3nr_312 {
  cursor: grabbing;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
  z-index: 10;
}

._fieldLabel_1h3nr_318 {
  font-weight: 600;
  pointer-events: none;
  white-space: nowrap;
}

._deleteField_1h3nr_324 {
  position: absolute;
  top: -10px;
  right: -10px;
  width: 20px;
  height: 20px;
  background: #EF4444;
  border: 2px solid white;
  border-radius: 50%;
  color: white;
  font-size: 14px;
  line-height: 1;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 150ms ease;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
._placedField_1h3nr_298:hover ._deleteField_1h3nr_324 {
  opacity: 1;
}

._fieldPanel_1h3nr_348 {
  width: 300px;
  background: white;
  border-left: 1px solid #E5E7EB;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
}

._partiesSection_1h3nr_357 {
  padding: 1rem;
  border-bottom: 1px solid #E5E7EB;
}
._partiesSection_1h3nr_357 h3 {
  margin: 0 0 0.75rem 0;
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--text-dark);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

._partiesList_1h3nr_370 {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

._party_1h3nr_376 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.625rem 0.75rem;
  background: #F9FAFB;
  border: 1px solid #E5E7EB;
  border-radius: 8px;
  cursor: pointer;
  transition: all 150ms ease;
}
._party_1h3nr_376:hover {
  border-color: var(--primary);
}
._party_1h3nr_376._active_1h3nr_195 {
  border-color: var(--primary);
  background: rgba(var(--primary), 0.05);
}

._partyDot_1h3nr_395 {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  flex-shrink: 0;
}

._partyName_1h3nr_402 {
  font-size: 0.85rem;
  font-weight: 500;
  color: var(--text-dark);
}

._fieldTypesSection_1h3nr_408 {
  padding: 1rem;
  border-bottom: 1px solid #E5E7EB;
}
._fieldTypesSection_1h3nr_408 h3 {
  margin: 0 0 0.75rem 0;
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--text-dark);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

._fieldTypes_1h3nr_408 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}

._fieldType_1h3nr_408 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  padding: 0.625rem 0.25rem;
  background: #F9FAFB;
  border: 1px solid #E5E7EB;
  border-radius: 6px;
  cursor: pointer;
  transition: all 150ms ease;
}
._fieldType_1h3nr_408:hover {
  border-color: var(--primary);
  background: rgba(var(--primary), 0.05);
}
._fieldType_1h3nr_408._selected_1h3nr_444 {
  border-color: var(--primary);
  background: var(--primary);
  color: white;
}
._fieldType_1h3nr_408._selected_1h3nr_444 ._fieldTypeName_1h3nr_449 {
  color: white;
}

._fieldIcon_1h3nr_453 {
  font-size: 1.25rem;
}

._fieldTypeName_1h3nr_449 {
  font-size: 0.65rem;
  color: var(--text-muted);
  text-align: center;
}

._instructions_1h3nr_463 {
  padding: 1rem;
  background: #F9FAFB;
  margin: 1rem;
  border-radius: 8px;
}
._instructions_1h3nr_463 h4 {
  margin: 0 0 0.75rem 0;
  font-size: 0.85rem;
  font-weight: 600;
  color: var(--text-dark);
}
._instructions_1h3nr_463 ol {
  margin: 0;
  padding-left: 1.25rem;
  font-size: 0.75rem;
  color: var(--text-muted);
  line-height: 1.8;
}
._instructions_1h3nr_463 ol li {
  margin: 0.25rem 0;
}

@media (max-width: 1024px) {
  ._fieldPanel_1h3nr_348 {
    width: 240px;
  }
  ._fieldTypes_1h3nr_408 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 768px) {
  ._thumbnails_1h3nr_173 {
    display: none;
  }
  ._fieldPanel_1h3nr_348 {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: auto;
    max-height: 50vh;
    border-left: none;
    border-top: 1px solid #E5E7EB;
    z-index: 50;
  }
  ._fieldTypes_1h3nr_408 {
    grid-template-columns: repeat(4, 1fr);
  }
  ._instructions_1h3nr_463 {
    display: none;
  }
  ._actions_1h3nr_117 {
    flex-wrap: wrap;
  }
}._loadingContainer_1sviz_1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
  text-align: center;
  padding: 2rem;
}
._loadingContainer_1sviz_1 h2 {
  font-size: 1.5rem;
  font-weight: 700;
  color: #0f172a;
  margin: 1.5rem 0 0.5rem;
}
._loadingContainer_1sviz_1 p {
  color: #64748b;
  max-width: 400px;
}

._loadingSpinner_1sviz_22 {
  width: 48px;
  height: 48px;
  border: 4px solid #e2e8f0;
  border-top-color: #6366f1;
  border-radius: 50%;
  animation: _spin_1sviz_1 1s linear infinite;
}

@keyframes _spin_1sviz_1 {
  to {
    transform: rotate(360deg);
  }
}
._successContainer_1sviz_36 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  background: linear-gradient(135deg, #ecfdf5 0%, #d1fae5 100%);
  text-align: center;
  padding: 2rem;
}
._successContainer_1sviz_36 h1 {
  font-size: 2rem;
  font-weight: 700;
  color: #065f46;
  margin: 1.5rem 0 0.75rem;
}
._successContainer_1sviz_36 p {
  color: #047857;
  max-width: 400px;
  line-height: 1.6;
  margin-bottom: 2rem;
}

._successIcon_1sviz_59 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100px;
  height: 100px;
  background: linear-gradient(135deg, #10b981 0%, #059669 100%);
  border-radius: 50%;
  color: white;
  box-shadow: 0 10px 40px rgba(16, 185, 129, 0.3);
}

._downloadButton_1sviz_71 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem 2rem;
  background: linear-gradient(135deg, #10b981 0%, #059669 100%);
  color: white;
  border: none;
  border-radius: 14px;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 4px 14px rgba(16, 185, 129, 0.3);
}
._downloadButton_1sviz_71:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(16, 185, 129, 0.4);
}

._pageContainer_1sviz_91 {
  min-height: 100vh;
  background: #f8fafc;
  display: flex;
  flex-direction: column;
}

._header_1sviz_98 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 2rem;
  background: white;
  border-bottom: 1px solid #e2e8f0;
}

._logo_1sviz_107 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  color: #6366f1;
  font-size: 1.25rem;
  font-weight: 700;
}

._clientInfo_1sviz_116 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.15rem;
}

._clientName_1sviz_123 {
  font-weight: 600;
  color: #0f172a;
}

._clientEmail_1sviz_128 {
  font-size: 0.85rem;
  color: #64748b;
}

._stepsContainer_1sviz_133 {
  background: white;
  border-bottom: 1px solid #e2e8f0;
  padding: 1.5rem 2rem;
}

._steps_1sviz_133 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  max-width: 700px;
  margin: 0 auto;
}

._step_1sviz_133 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem 1.25rem;
  background: #f8fafc;
  border-radius: 12px;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
}
._step_1sviz_133._active_1sviz_159 {
  background: linear-gradient(135deg, rgba(99, 102, 241, 0.1) 0%, rgba(139, 92, 246, 0.1) 100%);
}
._step_1sviz_133._active_1sviz_159 ._stepNumber_1sviz_162 {
  background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
  color: white;
  box-shadow: 0 4px 12px rgba(99, 102, 241, 0.3);
}
._step_1sviz_133._active_1sviz_159 ._stepLabel_1sviz_167 {
  color: #6366f1;
}
._step_1sviz_133._completed_1sviz_170 ._stepNumber_1sviz_162 {
  background: linear-gradient(135deg, #10b981 0%, #059669 100%);
  color: white;
}
._step_1sviz_133._completed_1sviz_170 ._stepLabel_1sviz_167 {
  color: #10b981;
}

._stepNumber_1sviz_162 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  background: #e2e8f0;
  border-radius: 10px;
  font-weight: 700;
  color: #64748b;
  font-size: 0.9rem;
  transition: all 0.3s ease;
}

._stepInfo_1sviz_192 {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}

._stepLabel_1sviz_167 {
  font-weight: 600;
  color: #0f172a;
  font-size: 0.9rem;
}

._stepDesc_1sviz_204 {
  font-size: 0.75rem;
  color: #94a3b8;
}

._stepConnector_1sviz_209 {
  width: 40px;
  height: 2px;
  background: #e2e8f0;
  margin: 0 0.5rem;
}

._mainContent_1sviz_216 {
  flex: 1;
  display: grid;
  grid-template-columns: 320px 1fr;
  gap: 0;
  max-height: calc(100vh - 180px);
  overflow: hidden;
}

._sidebar_1sviz_225 {
  background: white;
  border-right: 1px solid #e2e8f0;
  padding: 1.5rem;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

._sidebarSection_1sviz_235 h3 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 1rem;
  font-weight: 600;
  color: #0f172a;
  margin: 0 0 1rem 0;
}

._signataireGroup_1sviz_245 {
  margin-bottom: 1.25rem;
}

._groupLabel_1sviz_249 {
  display: block;
  font-size: 0.7rem;
  font-weight: 600;
  color: #6366f1;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 0.5rem;
}
._groupLabel_1sviz_249._client_1sviz_116 {
  color: #10b981;
}

._signataireCard_1sviz_262 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem;
  background: #f8fafc;
  border-radius: 12px;
  margin-bottom: 0.5rem;
}
._signataireCard_1sviz_262 img {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  object-fit: cover;
}

._avatarPlaceholder_1sviz_278 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background: linear-gradient(135deg, #10b981 0%, #059669 100%);
  border-radius: 10px;
  color: white;
  font-size: 0.8rem;
  font-weight: 600;
  flex-shrink: 0;
}

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

._signataireName_1sviz_297 {
  display: block;
  font-weight: 600;
  color: #0f172a;
  font-size: 0.875rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

._signataireRole_1sviz_307,
._signataireEmail_1sviz_308 {
  display: block;
  font-size: 0.75rem;
  color: #64748b;
}

._statusBadge_1sviz_314 {
  padding: 0.25rem 0.5rem;
  background: rgba(16, 185, 129, 0.1);
  color: #10b981;
  font-size: 0.7rem;
  font-weight: 600;
  border-radius: 6px;
  flex-shrink: 0;
}
._statusBadge_1sviz_314._you_1sviz_323 {
  background: rgba(99, 102, 241, 0.1);
  color: #6366f1;
}
._statusBadge_1sviz_314._pending_1sviz_327 {
  background: rgba(245, 158, 11, 0.1);
  color: #f59e0b;
}

._helpBox_1sviz_332 {
  display: flex;
  gap: 0.75rem;
  padding: 1rem;
  background: linear-gradient(135deg, rgba(99, 102, 241, 0.05) 0%, rgba(139, 92, 246, 0.05) 100%);
  border-radius: 14px;
  border: 1px solid rgba(99, 102, 241, 0.1);
  margin-top: auto;
}
._helpBox_1sviz_332 svg {
  color: #6366f1;
  flex-shrink: 0;
  margin-top: 2px;
}
._helpBox_1sviz_332 strong {
  display: block;
  font-size: 0.875rem;
  color: #0f172a;
  margin-bottom: 0.25rem;
}
._helpBox_1sviz_332 p {
  font-size: 0.8rem;
  color: #64748b;
  line-height: 1.5;
  margin: 0;
}

._documentArea_1sviz_359 {
  padding: 1.5rem;
  overflow-y: auto;
  background: #f1f5f9;
}

._documentHeader_1sviz_365 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
}
._documentHeader_1sviz_365 h2 {
  font-size: 1.125rem;
  font-weight: 600;
  color: #0f172a;
  margin: 0;
}

._pageCount_1sviz_378 {
  font-size: 0.85rem;
  color: #64748b;
  padding: 0.35rem 0.75rem;
  background: white;
  border-radius: 8px;
}

._documentPages_1sviz_386 {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

._page_1sviz_91 {
  background: white;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

._pageNumber_1sviz_399 {
  padding: 0.75rem 1rem;
  background: #f8fafc;
  font-size: 0.8rem;
  font-weight: 500;
  color: #64748b;
  border-bottom: 1px solid #e2e8f0;
}

._pageContent_1sviz_408 {
  position: relative;
}
._pageContent_1sviz_408 img {
  width: 100%;
  display: block;
}

._signatureZone_1sviz_416 {
  position: absolute;
  border: 2px dashed currentColor;
  border-radius: 8px;
  opacity: 0.6;
  animation: _pulse_1sviz_1 2s infinite;
}

@keyframes _pulse_1sviz_1 {
  0%, 100% {
    opacity: 0.4;
  }
  50% {
    opacity: 0.7;
  }
}
._signaturePanel_1sviz_432 {
  background: white;
  border-top: 1px solid #e2e8f0;
  padding: 1.5rem 2rem;
  box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.05);
}

._signaturePanelContent_1sviz_439 {
  max-width: 800px;
  margin: 0 auto;
}

._signatureHeader_1sviz_444 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1rem;
}
._signatureHeader_1sviz_444 h3 {
  font-size: 1rem;
  font-weight: 600;
  color: #0f172a;
  margin: 0;
}

._clearButton_1sviz_457 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  font-size: 0.85rem;
  color: #64748b;
  cursor: pointer;
  transition: all 0.2s ease;
}
._clearButton_1sviz_457:hover {
  background: #fee2e2;
  border-color: #fecaca;
  color: #ef4444;
}

._signaturePadWrapper_1sviz_476 {
  position: relative;
  background: #fafafa;
  border: 2px dashed #e2e8f0;
  border-radius: 16px;
  height: 150px;
  margin-bottom: 1rem;
  overflow: hidden;
}

._signaturePad_1sviz_476 {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 2;
}

._signaturePlaceholder_1sviz_493 {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  color: #94a3b8;
  pointer-events: none;
  z-index: 1;
}
._signaturePlaceholder_1sviz_493 span {
  font-size: 0.9rem;
}

._signatureActions_1sviz_509 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
}

._legalText_1sviz_516 {
  flex: 1;
  font-size: 0.8rem;
  color: #64748b;
  line-height: 1.5;
  margin: 0;
}

._signButton_1sviz_524 {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem 2rem;
  background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
  color: white;
  border: none;
  border-radius: 14px;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 4px 14px rgba(99, 102, 241, 0.3);
  white-space: nowrap;
}
._signButton_1sviz_524:hover:not(:disabled) {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(99, 102, 241, 0.4);
}
._signButton_1sviz_524:disabled {
  opacity: 0.7;
  cursor: not-allowed;
}

._modalOverlay_1sviz_549 {
  position: fixed;
  inset: 0;
  background: rgba(15, 23, 42, 0.6);
  backdrop-filter: blur(8px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  padding: 2rem;
  animation: _fadeIn_1sviz_1 0.3s ease;
}

@keyframes _fadeIn_1sviz_1 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
._modal_1sviz_549 {
  background: white;
  border-radius: 24px;
  padding: 2.5rem;
  max-width: 440px;
  width: 100%;
  text-align: center;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  animation: _slideUp_1sviz_1 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}
._modal_1sviz_549 h3 {
  font-size: 1.35rem;
  font-weight: 700;
  color: #0f172a;
  margin: 1.25rem 0 0.75rem;
}
._modal_1sviz_549 p {
  color: #64748b;
  line-height: 1.6;
  margin: 0 0 1.5rem;
}

@keyframes _slideUp_1sviz_1 {
  from {
    opacity: 0;
    transform: translateY(20px) scale(0.98);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
._modalIcon_1sviz_602 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 72px;
  height: 72px;
  background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
  border-radius: 20px;
  color: white;
  margin: 0 auto;
  box-shadow: 0 10px 30px rgba(99, 102, 241, 0.3);
}

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

._cancelButton_1sviz_620 {
  flex: 1;
  padding: 0.875rem 1.5rem;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  font-size: 0.95rem;
  font-weight: 600;
  color: #64748b;
  cursor: pointer;
  transition: all 0.2s ease;
}
._cancelButton_1sviz_620:hover:not(:disabled) {
  background: #f1f5f9;
  border-color: #cbd5e1;
}
._cancelButton_1sviz_620:disabled {
  opacity: 0.7;
  cursor: not-allowed;
}

._confirmButton_1sviz_641 {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.875rem 1.5rem;
  background: linear-gradient(135deg, #10b981 0%, #059669 100%);
  color: white;
  border: none;
  border-radius: 12px;
  font-size: 0.95rem;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 4px 14px rgba(16, 185, 129, 0.3);
}
._confirmButton_1sviz_641:hover:not(:disabled) {
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(16, 185, 129, 0.4);
}
._confirmButton_1sviz_641:disabled {
  opacity: 0.7;
  cursor: not-allowed;
}

._buttonSpinner_1sviz_667 {
  width: 18px;
  height: 18px;
  border: 2px solid rgba(255, 255, 255, 0.3);
  border-top-color: white;
  border-radius: 50%;
  animation: _spin_1sviz_1 0.8s linear infinite;
}

@media (max-width: 1024px) {
  ._mainContent_1sviz_216 {
    grid-template-columns: 1fr;
    max-height: none;
  }
  ._sidebar_1sviz_225 {
    display: none;
  }
}
@media (max-width: 768px) {
  ._header_1sviz_98 {
    flex-direction: column;
    gap: 1rem;
    text-align: center;
  }
  ._clientInfo_1sviz_116 {
    align-items: center;
  }
  ._steps_1sviz_133 {
    flex-direction: column;
    gap: 0.5rem;
  }
  ._step_1sviz_133 {
    width: 100%;
    justify-content: center;
  }
  ._stepConnector_1sviz_209 {
    display: none;
  }
  ._signatureActions_1sviz_509 {
    flex-direction: column;
    gap: 1rem;
  }
  ._signButton_1sviz_524 {
    width: 100%;
    justify-content: center;
  }
}*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-size: 1rem;
  font-weight: inherit;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  list-style-type: none;
}

body {
  color: #111;
  background: #fff;
}

a {
  color: inherit;
  text-decoration: none;
}

:root {
  --white: #f1f1f1;
  --text-secondary: #747474;
  --radius-1: 0.3rem;
  --radius-2: 0.5rem;
  --radius-3: 0.8rem;
  --pad-radius: 0.5rem;
  --shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
  --border-color: #90909060;
  --border-color-focus: #8e44ad;
}

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

.toast {
  position: fixed;
  padding: 0.75rem 1rem;
  width: 18rem;
  bottom: 1rem;
  right: 1rem;
  transform: translateX(25rem);
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
  border-radius: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  background-color: #fff;
}
.toast .success {
  color: #16a34a;
}
.toast .error {
  color: #dc2626;
}
.toast .info {
  color: #2563eb;
}
.toast p {
  margin-top: 0.5rem;
  line-height: 1.3;
  opacity: 0.7;
}

.container {
  width: 100%;
}
.container h1.title {
  width: 100%;
  text-align: center;
  font-size: 1.2rem;
}

.navigation {
  position: fixed;
  top: 0;
  left: 0;
  padding: 1rem;
  padding-inline: 2rem;
  width: 100vw;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
}
.navigation .navigation-icon {
  height: 2rem;
  border-radius: 0.3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: 300ms;
}
.navigation .navigation-icon:not(.no-interaction):hover, .navigation .navigation-icon[data-status=active] {
  color: #8e44ad;
}
.navigation .navigation-icon:not(.no-interaction):hover .icon, .navigation .navigation-icon[data-status=active] .icon {
  color: #8e44ad;
}
.navigation .navigation-title {
  font-size: 0.95rem;
  opacity: 0.8;
  line-height: 1;
  cursor: pointer;
  margin-left: 0.5rem;
}
.navigation .navigation-right {
  display: flex;
  align-items: center;
  gap: 2rem;
}
.navigation .navigation-user {
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  object-fit: cover;
  cursor: pointer;
}

.dashboard {
  max-width: 48rem;
  margin-inline: auto;
}
.dashboard .statistics {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 2rem;
}
.dashboard .statistics:hover .number-card {
  opacity: 0.2;
}
.dashboard .statistics .number-card {
  padding: 0.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  cursor: pointer;
  transition: opacity 300ms;
}
.dashboard .statistics .number-card:hover {
  opacity: 1;
}
.dashboard .statistics .number-card * {
  width: fit-content;
}
.dashboard .statistics .number-card p {
  font-size: 3rem;
}
.dashboard .statistics .number-card div {
  display: flex;
  align-items: flex-end;
  gap: 0.4rem;
}
.dashboard .statistics .number-card div span {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  margin-bottom: 0.2rem;
}
.dashboard .statistics .number-card div h3 {
  font-size: 0.9rem;
}
.dashboard .statistics .number-card:nth-child(1) span {
  background: #4b7bec;
}
.dashboard .statistics .number-card:nth-child(2) span {
  background: #fd9644;
}
.dashboard .statistics .number-card:nth-child(3) span {
  background: #20bf6b;
}
.dashboard .shared {
  margin-top: 4rem;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.dashboard .shared:hover .shared-row {
  opacity: 0.2;
}
.dashboard .shared .shared-row {
  display: flex;
  justify-content: space-between;
  padding: 1rem;
  position: relative;
  padding-bottom: 2rem;
  cursor: pointer;
  transition: opacity 300ms;
}
.dashboard .shared .shared-row:hover {
  opacity: 1;
}
.dashboard .shared .shared-row .border {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0.5px;
  background: #000;
  transform-origin: left;
}
.dashboard .shared .shared-row .basic-infos {
  width: 40%;
}
.dashboard .shared .shared-row .basic-infos h4 {
  font-size: 0.8rem;
}
.dashboard .shared .shared-row .basic-infos h3 {
  font-size: 1.5rem;
  margin-top: 0.5rem;
}
.dashboard .shared .shared-row .basic-infos p {
  margin-top: 0.2rem;
  opacity: 0.7;
  font-size: 0.8rem;
}
.dashboard .shared .shared-row .persons {
  width: 50%;
}
.dashboard .shared .shared-row .persons h4 {
  font-size: 0.8rem;
}
.dashboard .shared .shared-row .persons ul {
  margin-top: 0.7rem;
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
}
.dashboard .shared .shared-row .persons ul li {
  font-size: 1.3rem;
}