.wteh-shell {
  --wteh-accent: #6d5dfc;
  --wteh-accent-dark: color-mix(in srgb, var(--wteh-accent) 74%, #171047);
  --wteh-cyan: #14cfbd;
  --wteh-blue: #319cff;
  --wteh-ink: #111a30;
  --wteh-muted: #66728a;
  --wteh-line: #e3e8f2;
  --wteh-bg: #f3f6fb;
  --wteh-card: #fff;
  --wteh-radius: 20px;
  color: var(--wteh-ink);
  font-family: "Vazirmatn", "IRANSansX", Tahoma, "Segoe UI", Arial, sans-serif;
  font-size: 15px;
  line-height: 1.85;
  margin: 24px auto;
  max-width: 1400px;
  text-align: right;
}

.wteh-shell *, .wteh-shell *::before, .wteh-shell *::after { box-sizing: border-box; }
.wteh-shell h1, .wteh-shell h2, .wteh-shell h3, .wteh-shell h4, .wteh-shell p { margin-top: 0; }
.wteh-shell h1, .wteh-shell h2, .wteh-shell h3, .wteh-shell h4 { color: var(--wteh-ink); font-family: inherit; font-weight: 800; line-height: 1.5; }
.wteh-shell a { color: var(--wteh-accent); text-decoration: none; }
.wteh-shell button, .wteh-shell input, .wteh-shell select, .wteh-shell textarea { font: inherit; }

/* Standalone web app canvas */
body.wteh-webapp-body {
  background: #080d1d !important;
  color: #eef3ff;
  margin: 0 !important;
  min-height: 100vh;
  min-width: 320px;
  overflow-x: hidden;
  padding: 0 !important;
}
body.wteh-webapp-body #wpadminbar { display: none !important; }
.wteh-webapp-view > p, .wteh-webapp-view > span, .wteh-webapp-view > a { color: #eef3ff; }
.wteh-webapp-view > a { color: #70eee0; }
.wteh-webapp-background { background: linear-gradient(145deg, #070b18 0%, #0d1530 52%, #111b38 100%); inset: 0; overflow: hidden; pointer-events: none; position: fixed; }
.wteh-webapp-glow { border-radius: 50%; filter: blur(12px); opacity: .58; position: absolute; }
.wteh-webapp-glow-one { background: radial-gradient(circle, rgba(109,93,252,.72), rgba(109,93,252,0) 68%); height: min(62vw, 820px); left: -18vw; top: -30vw; width: min(62vw, 820px); }
.wteh-webapp-glow-two { background: radial-gradient(circle, rgba(20,207,189,.36), rgba(20,207,189,0) 68%); bottom: -28vw; height: min(54vw, 760px); right: -17vw; width: min(54vw, 760px); }
.wteh-webapp-grid { background-image: linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px); background-size: 42px 42px; inset: 0; mask-image: radial-gradient(circle at center, #000 10%, transparent 78%); position: absolute; }
.wteh-webapp-view { isolation: isolate; min-height: 100svh; padding: clamp(14px, 2.2vw, 34px); position: relative; }
.wteh-webapp-body .wteh-shell { margin: 0 auto; }
.wteh-webapp-body .wteh-application-shell { max-width: 1180px; }
.wteh-webapp-body .wteh-portal { min-height: calc(100svh - clamp(28px, 4.4vw, 68px)); }
.wteh-webapp-body .wteh-auth-shell { min-height: calc(100svh - clamp(28px, 4.4vw, 68px)); }
.wteh-webapp-view > .wteh-shell { animation: wteh-app-enter .42s cubic-bezier(.22,.8,.28,1) both; }

.wteh-application-shell {
  background:
    radial-gradient(circle at 8% 18%, color-mix(in srgb, var(--wteh-cyan) 12%, transparent), transparent 28%),
    linear-gradient(180deg, #fbfcff 0%, #f1f5fb 100%);
  border: 1px solid rgba(255,255,255,.35);
  border-radius: 30px;
  box-shadow: 0 34px 100px rgba(0, 5, 25, .32);
  overflow: hidden;
}

.wteh-hero {
  align-items: center;
  background: linear-gradient(125deg, #0b1025 0%, #171842 48%, #242062 100%);
  color: #dce1ff;
  display: flex;
  gap: 28px;
  min-height: 290px;
  overflow: hidden;
  padding: 58px 7%;
  position: relative;
}

.wteh-hero::before {
  background: conic-gradient(from 210deg, rgba(20,207,189,.05), rgba(20,207,189,.72), rgba(109,93,252,.7), rgba(20,207,189,.05));
  border-radius: 50%;
  box-shadow: 0 0 70px rgba(77, 211, 208, .15);
  content: "";
  height: 310px;
  left: 5%;
  opacity: .7;
  position: absolute;
  top: -145px;
  width: 310px;
}
.wteh-hero::after {
  background-image: linear-gradient(rgba(255,255,255,.055) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.055) 1px, transparent 1px);
  background-size: 28px 28px;
  content: "";
  inset: 0 58% 0 0;
  opacity: .38;
  position: absolute;
  transform: skewX(-9deg);
}

.wteh-hero > * { position: relative; z-index: 1; }
.wteh-hero, .wteh-hero h1, .wteh-hero h2, .wteh-hero h3, .wteh-hero h4 { color: #fff; }
.wteh-hero-copy { max-width: 760px; }
.wteh-hero h2 { color: #fff; font-size: clamp(29px, 4.2vw, 48px); letter-spacing: -.8px; margin: 5px 0 13px; }
.wteh-hero p { color: #cbd4ec; font-size: 15px; line-height: 2; margin: 0; max-width: 720px; }
.wteh-hero-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 22px; }
.wteh-hero-tags span { backdrop-filter: blur(8px); background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.12); border-radius: 30px; color: #e9edff; font-size: 11px; font-weight: 700; padding: 5px 11px; }

.wteh-brand-mark {
  align-items: center;
  background: linear-gradient(140deg, var(--wteh-cyan), var(--wteh-accent) 58%, #4334c6);
  border: 1px solid rgba(255,255,255,.28);
  border-radius: 20px;
  box-shadow: 0 14px 40px color-mix(in srgb, var(--wteh-accent) 38%, transparent), inset 0 1px rgba(255,255,255,.35);
  color: #fff;
  display: flex;
  flex: 0 0 70px;
  font-size: 21px;
  font-weight: 900;
  height: 70px;
  isolation: isolate;
  justify-content: center;
  letter-spacing: -1px;
  overflow: hidden;
  position: relative;
}
.wteh-brand-mark::after { border: 1px solid rgba(255,255,255,.28); border-radius: inherit; content: ""; inset: 5px; position: absolute; z-index: -1; }

.wteh-eyebrow { color: var(--wteh-accent); display: block; font-size: 12px; font-weight: 800; letter-spacing: .2px; margin-bottom: 4px; }
.wteh-hero .wteh-eyebrow { color: #a8a0ff; }

.wteh-form { margin: 0; }
.wteh-application-form { padding: 44px 7% 58px; }
.wteh-form-section { margin: 0 0 26px; }
.wteh-application-form .wteh-form-section { background: rgba(255,255,255,.94); border: 1px solid var(--wteh-line); border-radius: var(--wteh-radius); box-shadow: 0 14px 38px rgba(29, 38, 70, .055); padding: 30px; transition: border-color .2s, box-shadow .2s, transform .2s; }
.wteh-application-form .wteh-form-section:hover { border-color: color-mix(in srgb, var(--wteh-accent) 22%, #e3e8f2); box-shadow: 0 18px 44px rgba(29,38,70,.075); transform: translateY(-1px); }

.wteh-section-heading { align-items: center; border-bottom: 1px solid var(--wteh-line); display: flex; gap: 14px; margin-bottom: 24px; padding-bottom: 18px; }
.wteh-section-heading > span:first-child { align-items: center; background: color-mix(in srgb, var(--wteh-accent) 11%, #fff); border-radius: 12px; color: var(--wteh-accent); display: flex; flex: 0 0 42px; font-size: 15px; font-weight: 900; height: 42px; justify-content: center; }
.wteh-section-heading h3 { font-size: 18px; margin: 0; }
.wteh-section-heading p { color: var(--wteh-muted); font-size: 13px; margin: 1px 0 0; }
.wteh-section-heading .wteh-security-badge { margin-right: auto; }

.wteh-grid { display: grid; gap: 18px; }
.wteh-grid-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.wteh-grid-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.wteh-col-full { grid-column: 1 / -1; }

.wteh-field { margin-bottom: 3px; min-width: 0; }
.wteh-field > label { color: #303b52; display: block; font-size: 13px; font-weight: 750; margin: 0 0 8px; }
.wteh-field label b { color: #ef476f; margin-right: 3px; }
.wteh-field label small { color: #8b93a6; font-size: 11px; font-weight: 400; margin-right: 6px; }
.wteh-field input:not([type="file"]), .wteh-field select, .wteh-field textarea,
.wteh-auth-card input[type="text"], .wteh-auth-card input[type="password"] {
  appearance: none;
  background: #fff;
  border: 1px solid #dfe3ed;
  border-radius: 13px;
  box-shadow: none;
  color: var(--wteh-ink);
  min-height: 50px;
  outline: none;
  padding: 11px 14px;
  transition: border-color .18s, box-shadow .18s, background .18s;
  width: 100%;
}
.wteh-field textarea { min-height: 92px; resize: vertical; }
.wteh-field select { background-image: linear-gradient(45deg, transparent 50%, #8a93a5 50%), linear-gradient(135deg, #8a93a5 50%, transparent 50%); background-position: 13px 20px, 18px 20px; background-repeat: no-repeat; background-size: 5px 5px, 5px 5px; padding-left: 32px; }
.wteh-field input:focus, .wteh-field select:focus, .wteh-field textarea:focus,
.wteh-auth-card input:focus { background: #fff; border-color: var(--wteh-accent); box-shadow: 0 0 0 4px color-mix(in srgb, var(--wteh-accent) 12%, transparent), 0 8px 22px rgba(31,42,72,.06); }
.wteh-field input::placeholder, .wteh-field textarea::placeholder { color: #abb1c0; }

.wteh-file-picker { align-items: center; background: #fafbfe; border: 1px dashed #cdd3e3; border-radius: 12px; cursor: pointer; display: flex !important; min-height: 54px; overflow: hidden; padding: 6px; }
.wteh-file-picker input { height: 1px; opacity: 0; position: absolute; width: 1px; }
.wteh-file-button { background: #eef0ff; border-radius: 9px; color: var(--wteh-accent); flex: 0 0 auto; font-weight: 800; padding: 8px 14px; }
.wteh-file-name { color: var(--wteh-muted); font-size: 12px; margin: 0 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wteh-honeypot { left: -99999px; position: absolute; }

.wteh-consent { align-items: flex-start; background: #eef7ff; border: 1px solid #d9ecff; border-radius: 13px; color: #43546b; cursor: pointer; display: flex; font-size: 12px; gap: 10px; margin-bottom: 22px; padding: 14px; }
.wteh-consent input { accent-color: var(--wteh-accent); flex: 0 0 17px; height: 17px; margin-top: 4px; width: 17px; }

.wteh-submit-row { align-items: center; display: flex; flex-wrap: wrap; gap: 12px; margin-top: 18px; }
.wteh-button { align-items: center; border: 0; border-radius: 13px; cursor: pointer; display: inline-flex; font-weight: 800; gap: 7px; justify-content: center; min-height: 48px; padding: 11px 20px; transition: transform .18s, box-shadow .18s, background .18s; }
.wteh-button:hover { box-shadow: 0 12px 26px rgba(25,34,66,.12); transform: translateY(-2px); }
.wteh-button-primary { background: linear-gradient(135deg, var(--wteh-accent), var(--wteh-accent-dark)); box-shadow: 0 10px 24px color-mix(in srgb, var(--wteh-accent) 28%, transparent); color: #fff !important; }
.wteh-button:focus-visible { outline: 3px solid color-mix(in srgb, var(--wteh-cyan) 55%, transparent); outline-offset: 3px; }
.wteh-button-soft { background: #eef0f8; color: #4f5970 !important; }
.wteh-button-success { background: #159a70; color: #fff !important; }
.wteh-button-danger { background: #fff0f2; border: 1px solid #ffd0d8; color: #b52d48 !important; }
.wteh-button-block { width: 100%; }
.wteh-secure-note { color: var(--wteh-muted); font-size: 11px; }

.wteh-notice { border-radius: 12px; font-weight: 700; margin: 22px 0; padding: 14px 18px; }
.wteh-application-shell > .wteh-notice { margin-left: 7%; margin-right: 7%; }
.wteh-notice-success { background: #eafaf4; border: 1px solid #c9f0df; color: #147456; }
.wteh-notice-error { background: #fff0f2; border: 1px solid #ffd4dc; color: #b52d48; }

/* Portal shell */
.wteh-portal { background: var(--wteh-bg); border: 1px solid rgba(255,255,255,.25); border-radius: 26px; box-shadow: 0 34px 100px rgba(0,5,25,.34); overflow: hidden; }
.wteh-portal-header { align-items: center; background: linear-gradient(110deg, rgba(10,15,34,.98), rgba(19,20,57,.97)); border-bottom: 1px solid rgba(255,255,255,.08); color: #fff; display: flex; justify-content: space-between; min-height: 88px; padding: 14px 26px; position: relative; }
.wteh-portal-header h1, .wteh-portal-header h2, .wteh-portal-header h3, .wteh-portal-header h4 { color: #fff; }
.wteh-portal-header::after { background: linear-gradient(90deg, var(--wteh-cyan), var(--wteh-accent), transparent 78%); bottom: -1px; content: ""; height: 2px; opacity: .8; position: absolute; right: 0; width: 38%; }
.wteh-portal-brand { align-items: center; display: flex; gap: 12px; }
.wteh-portal-brand .wteh-brand-mark { border-radius: 13px; flex-basis: 48px; font-size: 14px; height: 48px; }
.wteh-portal-brand strong, .wteh-portal-brand span { display: block; }
.wteh-portal-brand strong { color: #fff; font-size: 17px; }
.wteh-portal-brand span { color: #9fa9c7; font-size: 11px; }
.wteh-live-badge { align-items: center; background: rgba(255,255,255,.055); border: 1px solid rgba(255,255,255,.09); border-radius: 30px; color: #bac4df; display: inline-flex; font-size: 10px; font-weight: 700; gap: 7px; padding: 6px 11px; }
.wteh-live-badge i { background: var(--wteh-cyan); border-radius: 50%; box-shadow: 0 0 0 4px rgba(20,207,189,.12), 0 0 13px rgba(20,207,189,.8); height: 7px; width: 7px; }
.wteh-user-chip { align-items: center; background: rgba(255,255,255,.055); border: 1px solid rgba(255,255,255,.09); border-radius: 16px; display: flex; gap: 10px; padding: 7px 10px 7px 8px; }
.wteh-avatar { align-items: center; background: linear-gradient(135deg, var(--wteh-accent), #8f83ff); border-radius: 50%; color: #fff; display: inline-flex; flex: 0 0 38px; font-size: 15px; font-weight: 900; height: 38px; justify-content: center; }
.wteh-user-chip strong, .wteh-user-chip small { display: block; line-height: 1.45; }
.wteh-user-chip strong { color: #fff; font-size: 12px; }
.wteh-user-chip small { color: #9fa9c7; font-size: 10px; }
.wteh-user-chip > a { color: #aab4d1; font-size: 18px; margin-right: 8px; }

.wteh-portal-layout { display: grid; grid-template-columns: 248px minmax(0, 1fr); min-height: 720px; }
.wteh-sidebar { background: linear-gradient(180deg, #070b18, #0c1328 64%, #101831); display: flex; flex-direction: column; overflow: hidden; padding: 24px 15px; position: relative; }
.wteh-sidebar, .wteh-sidebar h1, .wteh-sidebar h2, .wteh-sidebar h3, .wteh-sidebar h4 { color: #f4f7ff; }
.wteh-sidebar::before { background-image: radial-gradient(rgba(255,255,255,.10) 1px, transparent 1px); background-size: 19px 19px; content: ""; inset: auto -30% -10% 0; opacity: .25; pointer-events: none; position: absolute; transform: rotate(-8deg); }
.wteh-sidebar > * { position: relative; z-index: 1; }
.wteh-nav-list { display: flex; flex-direction: column; gap: 6px; }
.wteh-sidebar .wteh-nav-list a,
.wteh-sidebar .wteh-nav-list a:link,
.wteh-sidebar .wteh-nav-list a:visited {
  align-items: center;
  background: rgba(255,255,255,.065);
  border: 1px solid rgba(255,255,255,.075);
  border-radius: 12px;
  color: #f4f7ff !important;
  display: flex;
  font-size: 12px;
  font-weight: 800;
  gap: 11px;
  padding: 11px 12px;
  text-decoration: none !important;
  text-shadow: 0 1px 1px rgba(0,0,0,.28);
  transition: background .18s, color .18s, transform .18s;
}
.wteh-sidebar .wteh-nav-list a span,
.wteh-sidebar .wteh-nav-list a i { -webkit-text-fill-color: #f4f7ff !important; color: #f4f7ff !important; opacity: 1 !important; }
.wteh-sidebar .wteh-nav-list a:hover { background: rgba(255,255,255,.13); border-color: rgba(255,255,255,.16); color: #fff !important; }
.wteh-sidebar .wteh-nav-list a.is-active,
.wteh-sidebar .wteh-nav-list a.is-active:visited { background: linear-gradient(135deg, color-mix(in srgb, var(--wteh-accent) 88%, #fff), var(--wteh-accent-dark)); border-color: rgba(255,255,255,.22); box-shadow: 0 10px 24px color-mix(in srgb, var(--wteh-accent) 31%, transparent); color: #fff !important; transform: translateX(-2px); }
.wteh-nav-list i { align-items: center; background: rgba(255,255,255,.07); border-radius: 8px; display: flex; flex: 0 0 28px; font-size: 16px; font-style: normal; height: 28px; justify-content: center; width: 28px; }
.wteh-sidebar-help { background: linear-gradient(145deg, rgba(20,207,189,.09), rgba(109,93,252,.09)); border: 1px solid rgba(109,223,214,.13); border-radius: 14px; color: #cbd1e5; margin-top: auto; padding: 14px; }
.wteh-sidebar-help strong { color: #fff; display: block; font-size: 11px; }
.wteh-sidebar-help p { color: #929bb9; font-size: 10px; line-height: 1.7; margin: 4px 0 0; }
.wteh-sidebar-help a { color: #69e7d8; display: block; font-size: 10px; margin-top: 6px; }
.wteh-mobile-nav-toggle { display: none; }
.wteh-sidebar .wteh-mobile-nav-toggle, .wteh-sidebar .wteh-mobile-nav-toggle span { color: #fff !important; }
body.wteh-webapp-body #wteh-webapp .wteh-sidebar .wteh-nav-list a,
body.wteh-webapp-body #wteh-webapp .wteh-sidebar .wteh-nav-list a:visited,
body.wteh-webapp-body #wteh-webapp .wteh-sidebar .wteh-nav-list a span,
body.wteh-webapp-body #wteh-webapp .wteh-sidebar .wteh-nav-list a i {
	-webkit-text-fill-color: currentColor !important;
	color: inherit !important;
	opacity: 1 !important;
}

.wteh-portal-main { background: radial-gradient(circle at 7% 2%, rgba(109,93,252,.07), transparent 22%), radial-gradient(circle at 96% 98%, rgba(20,207,189,.07), transparent 24%), var(--wteh-bg); min-width: 0; padding: 32px; }
.wteh-page-title { align-items: center; display: flex; gap: 20px; justify-content: space-between; margin-bottom: 24px; }
.wteh-page-title h1 { font-size: 27px; letter-spacing: -.4px; margin: 0 0 4px; }
.wteh-page-title p { color: var(--wteh-muted); font-size: 13px; margin: 0; }
.wteh-back-link { display: block; font-size: 11px; font-weight: 700; margin-bottom: 6px; }

.wteh-stats-grid { display: grid; gap: 14px; grid-template-columns: repeat(auto-fit, minmax(175px, 1fr)); margin-bottom: 20px; }
.wteh-stat-card { align-items: center; background: rgba(255,255,255,.96); border: 1px solid var(--wteh-line); border-radius: 17px; box-shadow: 0 8px 25px rgba(28,38,70,.045); display: flex; gap: 12px; min-height: 100px; overflow: hidden; padding: 15px; position: relative; transition: box-shadow .2s, transform .2s; }
.wteh-stat-card::before { background: linear-gradient(180deg, var(--wteh-accent), var(--wteh-cyan)); border-radius: 2px; content: ""; inset: 18px auto 18px 0; opacity: .65; position: absolute; width: 3px; }
.wteh-stat-card:hover { box-shadow: 0 15px 34px rgba(28,38,70,.085); transform: translateY(-2px); }
.wteh-stat-card > i { align-items: center; border-radius: 11px; display: flex; flex: 0 0 42px; font-size: 20px; font-style: normal; height: 42px; justify-content: center; }
.wteh-stat-card strong, .wteh-stat-card span { display: block; }
.wteh-stat-card strong { font-size: 21px; line-height: 1.2; }
.wteh-stat-card span { color: var(--wteh-muted); font-size: 10px; margin-top: 4px; }
.wteh-stat-card > a { bottom: 8px; font-size: 9px; left: 10px; position: absolute; }
.wteh-stat-purple > i { background: #f0edff; color: #6d5dfc; }
.wteh-stat-blue > i { background: #eaf5ff; color: #2782d8; }
.wteh-stat-amber > i { background: #fff5df; color: #d58b00; }
.wteh-stat-red > i { background: #ffedf1; color: #db4765; }

.wteh-progress-card { align-items: center; background: linear-gradient(100deg, #151638, #26205c 58%, #263f65); border: 1px solid rgba(255,255,255,.09); border-radius: 17px; box-shadow: 0 14px 34px rgba(26,23,70,.17); color: #fff; display: grid; gap: 18px; grid-template-columns: minmax(180px, 1fr) minmax(150px, 260px) 44px; margin-bottom: 20px; padding: 19px 21px; }
.wteh-progress-card h1, .wteh-progress-card h2, .wteh-progress-card h3, .wteh-progress-card h4, .wteh-progress-card strong { color: #fff; }
.wteh-progress-card strong, .wteh-progress-card span { display: block; }
.wteh-progress-card strong { font-size: 12px; }
.wteh-progress-card > div > span { color: #bfc4df; font-size: 10px; }
.wteh-progress { background: rgba(255,255,255,.14); border-radius: 20px; height: 7px; overflow: hidden; }
.wteh-progress > span { background: linear-gradient(90deg, #8f83ff, var(--wteh-cyan)); border-radius: inherit; box-shadow: 0 0 16px rgba(20,207,189,.55); height: 100%; }

.wteh-content-card { background: rgba(255,255,255,.97); border: 1px solid var(--wteh-line); border-radius: var(--wteh-radius); box-shadow: 0 10px 30px rgba(36,43,75,.05); margin-bottom: 20px; padding: 24px; transition: border-color .2s, box-shadow .2s; }
.wteh-content-card:hover { border-color: color-mix(in srgb, var(--wteh-accent) 18%, var(--wteh-line)); box-shadow: 0 14px 36px rgba(36,43,75,.065); }
.wteh-card-heading { align-items: center; border-bottom: 1px solid var(--wteh-line); display: flex; justify-content: space-between; margin-bottom: 15px; padding-bottom: 14px; }
.wteh-card-heading h3 { font-size: 15px; margin: 0; }
.wteh-card-heading p { color: var(--wteh-muted); font-size: 10px; margin: 2px 0 0; }
.wteh-card-heading > a { font-size: 10px; font-weight: 800; }

.wteh-table-wrap { overflow-x: auto; }
.wteh-table { border-collapse: collapse; min-width: 680px; width: 100%; }
.wteh-table th { color: #7f8aa1; font-size: 11px; font-weight: 800; padding: 11px; text-align: right; white-space: nowrap; }
.wteh-table td { border-top: 1px solid #edf0f6; color: #465168; font-size: 12px; padding: 13px 11px; vertical-align: middle; }
.wteh-table td strong { color: var(--wteh-ink); }
.wteh-status { border-radius: 20px; display: inline-block; font-size: 10px; font-weight: 800; padding: 4px 9px; white-space: nowrap; }
.wteh-status-new, .wteh-status-submitted, .wteh-status-pending, .wteh-status-sent { background: #fff3d8; color: #8a5700; }
.wteh-status-reviewing, .wteh-status-interview { background: #e9f4ff; color: #1d70b7; }
.wteh-status-accepted, .wteh-status-hired, .wteh-status-reviewed, .wteh-status-approved, .wteh-status-completed { background: #e8f8f1; color: #126747; }
.wteh-status-employee_signed { background: #e9edff; color: #4938c7; }
.wteh-status-rejected, .wteh-status-needs_revision, .wteh-status-declined { background: #ffebef; color: #b62f49; }
.wteh-status-draft, .wteh-status-cancelled { background: #eff1f5; color: #6e7687; }
.wteh-status-assigned, .wteh-status-not_started { background: #eef2ff; color: #4d54a8; }
.wteh-status-acknowledged, .wteh-status-in_progress, .wteh-status-published { background: #e9f4ff; color: #1d70b7; }
.wteh-status-blocked, .wteh-status-archived { background: #ffebef; color: #a92b44; }
.wteh-link-button { background: none; border: 0; color: var(--wteh-accent); cursor: pointer; font-size: 10px; font-weight: 800; padding: 3px; }

.wteh-empty { color: var(--wteh-muted); padding: 34px 15px; text-align: center; }
.wteh-empty-icon { align-items: center; background: #f1f2fa; border-radius: 50%; color: var(--wteh-accent); display: flex; font-size: 24px; height: 58px; justify-content: center; margin: 0 auto 10px; width: 58px; }
.wteh-empty h3 { font-size: 14px; margin: 0 0 4px; }
.wteh-empty p { font-size: 11px; margin: 0; }

.wteh-readonly-grid { display: grid; gap: 1px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.wteh-readonly-grid > div { background: #f8f9fc; min-height: 67px; padding: 12px; }
.wteh-readonly-grid > div:first-child { border-radius: 0 10px 10px 0; }
.wteh-readonly-grid > div:last-child { border-radius: 10px 0 0 10px; }
.wteh-readonly-grid span, .wteh-readonly-grid strong { display: block; }
.wteh-readonly-grid span { color: var(--wteh-muted); font-size: 9px; }
.wteh-readonly-grid strong { color: #3d465a; font-size: 11px; margin-top: 3px; word-break: break-word; }
.wteh-sensitive-card { border-color: #dedaff; background: linear-gradient(145deg, #fff 55%, #faf9ff); }
.wteh-security-badge { background: #eeeaff; border-radius: 20px; color: #5749db; font-size: 9px; font-weight: 800; padding: 5px 9px; }
.wteh-sticky-actions { align-items: center; background: rgba(255,255,255,.94); border: 1px solid var(--wteh-line); border-radius: 14px; bottom: 12px; box-shadow: 0 12px 35px rgba(28, 35, 67, .1); display: flex; gap: 14px; padding: 10px; position: sticky; z-index: 10; }
.wteh-sticky-actions span { color: var(--wteh-muted); font-size: 10px; }
.wteh-completion-ring { align-items: center; background: radial-gradient(closest-side, white 72%, transparent 74% 99%), conic-gradient(var(--wteh-accent) calc(var(--progress) * 1%), #e9ebf3 0); border-radius: 50%; display: flex; flex: 0 0 70px; flex-direction: column; height: 70px; justify-content: center; }
.wteh-completion-ring strong { font-size: 13px; line-height: 1.2; }
.wteh-completion-ring span { color: var(--wteh-muted); font-size: 8px; }

.wteh-detail-section { border-top: 1px solid var(--wteh-line); margin-top: 15px; padding-top: 13px; }
.wteh-detail-section h4 { font-size: 11px; margin: 0 0 5px; }
.wteh-detail-section p { color: #555f73; font-size: 11px; margin: 0; }
.wteh-detail-grid { display: grid; gap: 8px; grid-template-columns: repeat(3, 1fr); margin-bottom: 14px; }
.wteh-detail-grid > div { background: #f7f8fb; border-radius: 9px; padding: 10px; }
.wteh-detail-grid span, .wteh-detail-grid strong { display: block; }
.wteh-detail-grid span { color: var(--wteh-muted); font-size: 8px; }
.wteh-detail-grid strong { font-size: 10px; margin-top: 3px; }
.wteh-feedback-box { background: #f0edff; border-right: 3px solid var(--wteh-accent); border-radius: 10px; margin: 15px 0; padding: 12px; }
.wteh-feedback-box strong { font-size: 10px; }
.wteh-feedback-box p { color: #574f7b; font-size: 11px; margin: 4px 0 0; }

.wteh-modal { align-items: center; display: none; inset: 0; justify-content: center; padding: 18px; position: fixed; z-index: 999999; }
.wteh-modal.is-open { display: flex; }
.wteh-modal-backdrop { background: rgba(11, 15, 30, .64); inset: 0; position: absolute; }
.wteh-modal-panel { background: #fff; border-radius: 18px; box-shadow: 0 30px 90px rgba(0,0,0,.25); max-height: 88vh; max-width: 660px; overflow-y: auto; padding: 28px; position: relative; width: 100%; z-index: 1; }
.wteh-modal-panel > h3 { font-size: 20px; margin: 0 0 18px; }
.wteh-modal-close { align-items: center; background: #f0f1f5; border: 0; border-radius: 50%; color: #5f687b; cursor: pointer; display: flex; font-size: 22px; height: 34px; justify-content: center; left: 16px; position: absolute; top: 16px; width: 34px; }
.wteh-modal-review { border-top: 1px solid var(--wteh-line); margin-top: 20px; padding-top: 18px; }
body.wteh-modal-open { overflow: hidden; }

.wteh-docs-layout { align-items: start; grid-template-columns: minmax(0, 1.5fr) minmax(260px, .75fr); }
.wteh-document-list { display: flex; flex-direction: column; gap: 8px; }
.wteh-document-item { align-items: center; background: #f8f9fc; border: 1px solid #eff1f6; border-radius: 11px; display: flex; gap: 10px; padding: 10px; }
.wteh-document-item > i { align-items: center; background: #ece9ff; border-radius: 9px; color: var(--wteh-accent); display: flex; flex: 0 0 36px; font-style: normal; height: 36px; justify-content: center; }
.wteh-document-item > div { min-width: 0; }
.wteh-document-item strong, .wteh-document-item span { display: block; }
.wteh-document-item strong { font-size: 11px; }
.wteh-document-item span { color: var(--wteh-muted); font-size: 9px; }
.wteh-document-item > a { font-size: 10px; font-weight: 800; margin-right: auto; }
.wteh-upload-card { position: sticky; top: 18px; }
.wteh-upload-card h3 { font-size: 15px; margin-bottom: 3px; }
.wteh-upload-card > p { color: var(--wteh-muted); font-size: 10px; }
.wteh-dropzone { align-items: center; background: #fafaff; border: 1px dashed #bbb5ee; border-radius: 12px; cursor: pointer; display: flex !important; flex-direction: column; min-height: 145px; justify-content: center; padding: 15px; text-align: center; }
.wteh-dropzone input { height: 1px; opacity: 0; position: absolute; width: 1px; }
.wteh-dropzone i { color: var(--wteh-accent); font-size: 24px; font-style: normal; }
.wteh-dropzone strong { font-size: 11px; margin: 4px 0; }

.wteh-filter-pills { display: flex; flex-wrap: wrap; gap: 7px; margin: -8px 0 16px; }
.wteh-filter-pills a { background: #fff; border: 1px solid var(--wteh-line); border-radius: 20px; color: #6b7487; font-size: 10px; font-weight: 700; padding: 5px 11px; }
.wteh-filter-pills a.is-active { background: var(--wteh-accent); border-color: var(--wteh-accent); color: #fff; }
.wteh-privacy-note { align-items: flex-start; background: linear-gradient(135deg, #eefbf8, #f1f0ff); border: 1px solid #d8eee9; border-radius: 14px; color: #30465a; display: flex; font-size: 12px; gap: 10px; margin: -7px 0 18px; padding: 11px 13px; }
.wteh-privacy-note i { align-items: center; background: #fff; border: 1px solid #dce9e7; border-radius: 10px; color: #148977; display: inline-flex; flex: 0 0 32px; font-style: normal; height: 32px; justify-content: center; }
.wteh-privacy-note strong { color: #183f3a; }
.wteh-detail-layout { align-items: start; grid-template-columns: minmax(0, 1.5fr) minmax(270px, .65fr); }
.wteh-detail-layout aside { position: sticky; top: 16px; }
.wteh-review-card h3, .wteh-hire-card h3 { font-size: 15px; margin-bottom: 14px; }
.wteh-hire-card { border: 1px solid #cdebdc; }
.wteh-hire-card > p { color: var(--wteh-muted); font-size: 10px; }
.wteh-success-card { background: #eaf8f2; border-color: #c8ebdc; color: #146c50; display: flex; flex-direction: column; gap: 7px; }
.wteh-success-card a { font-size: 10px; }

.wteh-employee-grid { display: grid; gap: 12px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.wteh-employee-card { align-items: center; background: #fff; border: 1px solid var(--wteh-line); border-radius: 14px; color: var(--wteh-ink) !important; display: flex; gap: 12px; padding: 14px; transition: border-color .18s, transform .18s, box-shadow .18s; }
.wteh-employee-card:hover { border-color: color-mix(in srgb, var(--wteh-accent) 45%, #fff); box-shadow: 0 10px 25px rgba(38, 44, 77, .07); transform: translateY(-2px); }
.wteh-employee-card > div { min-width: 0; }
.wteh-employee-card strong, .wteh-employee-card span, .wteh-employee-card small { display: block; }
.wteh-employee-card strong { font-size: 12px; }
.wteh-employee-card span { color: #4d576b; font-size: 10px; }
.wteh-employee-card small { color: var(--wteh-muted); font-size: 9px; }
.wteh-employee-card > i { color: var(--wteh-accent); font-size: 18px; font-style: normal; margin-right: auto; }

/* Contracts and electronic signatures */
.wteh-contract-alert { background: #fff2d4; border: 1px solid #f4d58c; border-radius: 30px; color: #815300; font-size: 11px; font-weight: 900; padding: 7px 13px; }
.wteh-action-banner { align-items: center; background: linear-gradient(115deg, #26205c, #3b2eb0); border: 1px solid rgba(255,255,255,.15); border-radius: 17px; box-shadow: 0 14px 34px rgba(40,32,112,.17); color: #fff !important; display: flex; gap: 13px; margin: -6px 0 20px; padding: 15px 18px; }
.wteh-action-banner > i { align-items: center; background: rgba(255,255,255,.13); border-radius: 12px; display: flex; flex: 0 0 42px; font-style: normal; height: 42px; justify-content: center; }
.wteh-action-banner div { min-width: 0; }
.wteh-action-banner strong, .wteh-action-banner span { color: #fff; display: block; }
.wteh-action-banner strong { font-size: 12px; }
.wteh-action-banner span { color: #d6d3fa; font-size: 10px; }
.wteh-action-banner > b { color: #fff; font-size: 10px; margin-right: auto; white-space: nowrap; }
.wteh-published-badge { background: #e7f8f0; border-radius: 20px; color: #126747; display: inline-block; font-size: 9px; font-weight: 800; padding: 4px 8px; }
.wteh-muted-label { color: #788398; font-size: 10px; }

.wteh-contract-paper { background: #fff; border: 1px solid #dfe4ee; border-radius: 20px; box-shadow: 0 18px 48px rgba(30,37,68,.08); margin: 0 auto 22px; max-width: 940px; overflow: hidden; }
.wteh-contract-paper > header { align-items: center; background: linear-gradient(115deg, #f9faff, #f0eeff); border-bottom: 1px solid #dedff0; display: flex; gap: 14px; padding: 23px 28px; }
.wteh-contract-paper > header .wteh-brand-mark { border-radius: 13px; flex-basis: 48px; font-size: 14px; height: 48px; }
.wteh-contract-paper > header div:nth-child(2) { min-width: 0; }
.wteh-contract-paper > header span { color: #7369c8; display: block; font-size: 8px; font-weight: 900; letter-spacing: .8px; }
.wteh-contract-paper > header h2 { font-size: 18px; margin: 2px 0 0; }
.wteh-contract-paper > header > b { color: #727b91; font-size: 11px; margin-right: auto; }
.wteh-contract-meta { background: #fcfcfe; border-bottom: 1px solid #eceef4; display: grid; gap: 1px; grid-template-columns: repeat(3, 1fr); }
.wteh-contract-meta > span { color: #778197; font-size: 9px; padding: 11px 18px; }
.wteh-contract-meta strong { color: #374157; }
.wteh-contract-content { color: #2e374b; font-size: 13px; line-height: 2.25; padding: 34px 42px 42px; text-align: justify; white-space: normal; }
.wteh-contract-paper > footer { align-items: center; background: #fafbfe; border-top: 1px dashed #d9deea; display: flex; gap: 12px; padding: 13px 24px; }
.wteh-contract-paper > footer span { color: #7d879b; font-size: 8px; font-weight: 800; white-space: nowrap; }
.wteh-contract-paper > footer code { color: #4d5770; direction: ltr; font-size: 8px; overflow-wrap: anywhere; text-align: left; }
.wteh-contract-paper.is-compact { border-radius: 12px; box-shadow: none; margin: 14px 0; }
.wteh-contract-paper.is-compact .wteh-contract-content { padding: 25px 28px 30px; }

.wteh-sign-form { border-color: #d9d4ff; max-width: 940px; margin-left: auto; margin-right: auto; }
.wteh-signature-wrap { background: #f7f8fc; border: 1px solid #e1e5ef; border-radius: 15px; margin: 18px 0; padding: 12px; }
.wteh-signature-head { align-items: center; display: flex; gap: 12px; justify-content: space-between; margin-bottom: 10px; }
.wteh-signature-head strong, .wteh-signature-head span { display: block; }
.wteh-signature-head strong { color: #303a50; font-size: 11px; }
.wteh-signature-head span { color: #7b8599; font-size: 9px; }
.wteh-signature-head .wteh-button { min-height: 34px; padding: 6px 11px; }
.wteh-signature-pad { background: #fff; border: 1px dashed #a9b1c2; border-radius: 11px; cursor: crosshair; display: block; height: 220px; touch-action: none; width: 100%; }
.wteh-signature-pad:focus-visible { border-color: var(--wteh-accent); box-shadow: 0 0 0 3px color-mix(in srgb, var(--wteh-accent) 16%, transparent); outline: 0; }
.wteh-legal-note { background: #fff9e9; border: 1px solid #f1dfac; border-radius: 11px; color: #68552a; font-size: 10px; margin: 13px 0; padding: 10px 12px; }
.wteh-signature-evidence { align-items: center; background: linear-gradient(135deg, #f5fffb, #f7f5ff); border-color: #cfe9dd; display: flex; gap: 20px; justify-content: space-between; margin-left: auto; margin-right: auto; max-width: 940px; }
.wteh-signature-evidence.has-integrity-error { background: #fff5f6; border-color: #efb9c4; }
.wteh-signature-evidence.has-integrity-error .wteh-evidence-tags span:nth-child(2) { background: #ffe4e9; color: #9c2940; }
.wteh-signature-evidence h3 { font-size: 16px; margin: 0 0 3px; }
.wteh-signature-evidence p { color: #657087; font-size: 10px; margin: 0; }
.wteh-signature-evidence .wteh-manager-approval { color: #146b50; font-weight: 800; margin-top: 5px; }
.wteh-signature-evidence img { background: #fff; border: 1px solid #dce3ea; border-radius: 11px; height: 110px; object-fit: contain; padding: 7px; width: 240px; }
.wteh-evidence-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
.wteh-evidence-tags span { background: #e8f8f1; border-radius: 20px; color: #17664d; font-size: 8px; font-weight: 800; padding: 4px 8px; }
.wteh-contract-editor { max-width: 1000px; }
.wteh-contract-editor textarea[name="content"] { direction: rtl; line-height: 2.05; min-height: 650px; }
.wteh-editor-heading { margin-top: 30px; }
.wteh-contract-actions { max-width: 940px; margin-left: auto; margin-right: auto; }
.wteh-action-row { align-items: center; display: flex; flex-wrap: wrap; gap: 10px; }
.wteh-action-row form { margin: 0; }
.wteh-contract-disclosure { border: 1px solid #e3e6ef; border-radius: 12px; margin-top: 10px; overflow: hidden; }
.wteh-contract-disclosure > summary { align-items: center; background: #fafbfe; cursor: pointer; display: flex; justify-content: space-between; list-style: none; padding: 12px 14px; }
.wteh-contract-disclosure > summary::-webkit-details-marker { display: none; }
.wteh-contract-disclosure > summary strong, .wteh-contract-disclosure > summary small { display: block; }
.wteh-contract-disclosure > summary strong { font-size: 11px; }
.wteh-contract-disclosure > summary small { color: #768096; font-size: 8px; }
.wteh-contract-disclosure > summary i { color: var(--wteh-accent); font-style: normal; }
.wteh-contract-disclosure[open] > summary i { transform: rotate(180deg); }

/* Tasks, training and scalable reports */
.wteh-task-grid, .wteh-training-grid { display: grid; gap: 14px; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-bottom: 20px; }
.wteh-task-card, .wteh-training-card { background: #fff; border: 1px solid var(--wteh-line); border-radius: 17px; box-shadow: 0 9px 25px rgba(35,43,76,.045); color: var(--wteh-ink) !important; display: block; min-width: 0; padding: 18px; transition: border-color .18s, box-shadow .18s, transform .18s; }
.wteh-task-card:hover, .wteh-training-card:hover { border-color: color-mix(in srgb, var(--wteh-accent) 42%, #fff); box-shadow: 0 14px 34px rgba(35,43,76,.09); transform: translateY(-2px); }
.wteh-task-card.is-overdue { border-color: #f0b9c4; box-shadow: inset 3px 0 #d94c66, 0 9px 25px rgba(145,37,61,.06); }
.wteh-task-card-head { align-items: center; display: flex; gap: 8px; justify-content: space-between; margin-bottom: 12px; }
.wteh-task-card h3, .wteh-training-card h3 { font-size: 15px; margin: 0 0 7px; }
.wteh-task-card p, .wteh-training-card p { color: #657087; font-size: 11px; margin: 0 0 14px; min-height: 42px; }
.wteh-task-meta { align-items: center; border-top: 1px solid #edf0f6; color: #778197; display: flex; flex-wrap: wrap; font-size: 9px; gap: 8px; justify-content: space-between; padding-top: 11px; }
.wteh-priority { border-radius: 20px; display: inline-block; font-size: 9px; font-weight: 900; padding: 4px 8px; }
.wteh-priority-low { background: #eef1f6; color: #657087; }
.wteh-priority-normal { background: #e9f4ff; color: #216da9; }
.wteh-priority-high { background: #fff2d7; color: #8a5700; }
.wteh-priority-urgent { background: #ffe7ec; color: #af2944; }
.wteh-row-overdue td { background: #fff8f9; }
.wteh-action-danger { background: linear-gradient(115deg, #8c263c, #d34764); }
.wteh-date-time-row { align-items: stretch; display: grid; gap: 8px; grid-template-columns: minmax(0, 1fr) 112px; }
.wteh-date-time-row > input[type="time"] { min-width: 0; }

.wteh-training-card > div:first-child { align-items: center; display: flex; gap: 7px; margin-bottom: 10px; }
.wteh-training-category { background: #f0edff; border-radius: 20px; color: #5a4fc0; font-size: 9px; font-weight: 850; padding: 4px 8px; }
.wteh-required-badge { background: #fff0dc; border-radius: 20px; color: #895600; font-size: 8px; font-weight: 900; padding: 4px 7px; }
.wteh-training-content { color: #354057; font-size: 13px; line-height: 2.1; }
.wteh-training-content h2, .wteh-training-content h3, .wteh-training-content h4 { margin: 24px 0 8px; }
.wteh-training-content ul, .wteh-training-content ol { padding-right: 22px; }
.wteh-training-content a:not(.wteh-button) { text-decoration: underline; }
.wteh-field select[multiple] { background-image: none; min-height: 175px; padding: 8px; }
.wteh-field select[multiple] option { border-bottom: 1px solid #eef1f6; padding: 7px; }
.wteh-training-progress-table { min-width: 940px; }
.wteh-training-note-cell { min-width: 250px; width: 34%; }
.wteh-training-note { background: #f8f7ff; border: 1px solid #e7e3ff; border-radius: 11px; min-width: 230px; overflow: hidden; }
.wteh-training-note > summary { cursor: pointer; list-style: none; padding: 10px 12px; }
.wteh-training-note > summary::-webkit-details-marker { display: none; }
.wteh-training-note-preview { color: #4f5870; display: block; font-size: 10px; line-height: 1.8; overflow-wrap: anywhere; }
.wteh-training-note-action { align-items: center; color: #5a4fc0; display: flex; font-size: 9px; font-weight: 850; gap: 5px; margin-top: 5px; }
.wteh-training-note-action i { font-style: normal; transition: transform .18s ease; }
.wteh-training-note-close { display: none; }
.wteh-training-note-full { background: #fff; border-top: 1px solid #e7e3ff; color: #30394f; font-size: 11px; line-height: 2; overflow-wrap: anywhere; padding: 13px; white-space: pre-wrap; word-break: break-word; }
.wteh-training-note[open] .wteh-training-note-preview { display: none; }
.wteh-training-note[open] .wteh-training-note-open { display: none; }
.wteh-training-note[open] .wteh-training-note-close { display: inline; }
.wteh-training-note[open] .wteh-training-note-action i { transform: rotate(180deg); }

.wteh-filter-form, .wteh-report-filter { align-items: end; display: grid; gap: 11px; }
.wteh-filter-form { grid-template-columns: repeat(3, minmax(0, 1fr)) auto; }
.wteh-report-filter { grid-template-columns: repeat(5, minmax(125px, 1fr)); }
.wteh-report-filter .wteh-submit-row { grid-column: 1 / -1; margin-top: 0; }
.wteh-filter-form .wteh-button { margin-bottom: 3px; }
.wteh-report-date-row td { background: linear-gradient(90deg, #f0edff, #f6f8fc); border-top: 0; color: #4f45ad; padding: 8px 11px; }
.wteh-report-date-row + tr td { border-top: 0; }
.wteh-missing-reports { padding: 0; }
.wteh-missing-reports > summary { color: #8c3046; cursor: pointer; font-size: 11px; font-weight: 850; padding: 15px 18px; }
.wteh-missing-reports > div { border-top: 1px solid var(--wteh-line); display: flex; flex-wrap: wrap; gap: 7px; padding: 14px 18px 18px; }
.wteh-missing-reports span { background: #fff0f3; border: 1px solid #f5d5dc; border-radius: 20px; color: #8f3147; font-size: 9px; padding: 4px 8px; }
.wteh-pagination { display: flex; justify-content: center; margin: 18px 0 5px; }
.wteh-pagination .page-numbers { background: #fff; border: 1px solid var(--wteh-line); border-radius: 9px; color: #59647a; display: inline-block; font-size: 10px; margin: 2px; min-width: 34px; padding: 6px 9px; text-align: center; }
.wteh-pagination .page-numbers.current { background: var(--wteh-accent); border-color: var(--wteh-accent); color: #fff; }

/* Authentication */
.wteh-auth-shell { align-items: center; background: radial-gradient(circle at 18% 12%, rgba(109,93,252,.5), transparent 30%), radial-gradient(circle at 87% 88%, rgba(20,207,189,.22), transparent 30%), linear-gradient(145deg, #0b1024, #171b42); border: 1px solid rgba(255,255,255,.12); border-radius: 26px; display: flex; justify-content: center; min-height: 580px; overflow: hidden; padding: 30px; position: relative; }
.wteh-auth-shell::after { background-image: linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px); background-size: 28px 28px; content: ""; inset: 0; pointer-events: none; position: absolute; }
.wteh-auth-card { background: rgba(255,255,255,.98); border: 1px solid rgba(255,255,255,.55); border-radius: 22px; box-shadow: 0 30px 85px rgba(0,0,0,.32); max-width: 430px; padding: 36px; position: relative; width: 100%; z-index: 1; }
.wteh-auth-card > .wteh-brand-mark { margin: 0 auto 18px; }
.wteh-auth-card > h2 { font-size: 22px; margin-bottom: 5px; text-align: center; }
.wteh-auth-card > p { color: var(--wteh-muted); font-size: 11px; margin-bottom: 22px; text-align: center; }
.wteh-auth-card label { color: #424b5f; display: block; font-size: 11px; font-weight: 700; margin-bottom: 5px; }
.wteh-auth-card .login-remember label { align-items: center; display: flex; gap: 7px; }
.wteh-auth-card input[type="submit"] { background: linear-gradient(135deg, var(--wteh-accent), #5144dc); border: 0; border-radius: 10px; color: #fff; cursor: pointer; font-weight: 800; min-height: 45px; width: 100%; }
.wteh-forgot { display: block; font-size: 10px; text-align: center; }

@keyframes wteh-app-enter {
  from { opacity: 0; transform: translateY(8px) scale(.995); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

/* In-app notification center */
.wteh-notification-bell { position: relative; z-index: 25; }
.wteh-notification-toggle { align-items: center; background: rgba(255,255,255,.075); border: 1px solid rgba(255,255,255,.12); border-radius: 12px; color: #fff; cursor: pointer; display: inline-flex; height: 42px; justify-content: center; padding: 0; position: relative; width: 42px; }
.wteh-notification-toggle:hover, .wteh-notification-toggle[aria-expanded="true"] { background: rgba(255,255,255,.15); border-color: rgba(255,255,255,.24); }
.wteh-notification-toggle > span { color: #fff; font-size: 18px; line-height: 1; }
.wteh-notification-toggle > b { align-items: center; background: #ffbc4b; border: 2px solid #11162b; border-radius: 999px; color: #2a1c00; display: flex; font-size: 8px; font-weight: 900; height: 19px; justify-content: center; line-height: 1; min-width: 19px; padding: 0 3px; position: absolute; right: -7px; top: -7px; }
.wteh-notification-popover { background: #fff; border: 1px solid #e1e5f0; border-radius: 16px; box-shadow: 0 24px 65px rgba(9,14,34,.24); color: #18213a; left: 0; overflow: hidden; position: absolute; top: calc(100% + 11px); width: min(390px, calc(100vw - 24px)); z-index: 100; }
.wteh-notification-popover > header { align-items: center; background: #f8f9fd; border-bottom: 1px solid #e7e9f2; display: flex; justify-content: space-between; padding: 13px 15px; }
.wteh-notification-popover > header strong, .wteh-notification-popover > header small { display: block; }
.wteh-notification-popover > header strong { color: #161f37; font-size: 12px; }
.wteh-notification-popover > header small { color: #77809a; font-size: 9px; margin-top: 2px; }
.wteh-notification-popover > header a { font-size: 10px; font-weight: 800; }
.wteh-notification-mini-list { max-height: 370px; overflow: auto; }
.wteh-notification-mini-list > a { align-items: flex-start; border-bottom: 1px solid #eff1f6; color: #27304a; display: flex; gap: 10px; padding: 12px 14px; text-decoration: none; }
.wteh-notification-mini-list > a:last-child { border-bottom: 0; }
.wteh-notification-mini-list > a:hover { background: #f6f7fc; }
.wteh-notification-mini-list > a.is-unread { background: #f3f1ff; box-shadow: inset -3px 0 var(--wteh-accent); }
.wteh-notification-mini-list > a i { align-items: center; background: #ece9ff; border-radius: 9px; color: #5c4fe0; display: flex; flex: 0 0 32px; font-size: 14px; font-style: normal; height: 32px; justify-content: center; }
.wteh-notification-mini-list > a span, .wteh-notification-mini-list > a strong, .wteh-notification-mini-list > a small { display: block; min-width: 0; }
.wteh-notification-mini-list > a strong { color: #1e2740; font-size: 10px; line-height: 1.7; }
.wteh-notification-mini-list > a small { color: #7d859d; font-size: 8px; margin-top: 3px; }
.wteh-notification-mini-empty { color: #7d859d; font-size: 10px; padding: 28px 15px; text-align: center; }
.wteh-notification-mark-all { background: #fafbfe; border-top: 1px solid #e7e9f2; padding: 9px 12px; text-align: center; }
.wteh-notification-mark-all button { background: transparent; border: 0; color: #5b4ddb; cursor: pointer; font-size: 9px; font-weight: 800; }
.wteh-nav-badge { align-items: center; background: #ffbc4b; border-radius: 999px; color: #2a1c00 !important; display: inline-flex; font-size: 8px; font-weight: 900; height: 20px; justify-content: center; margin-inline-start: auto; min-width: 20px; padding: 0 5px; -webkit-text-fill-color: #2a1c00 !important; }
.wteh-notification-summary { align-items: center; background: linear-gradient(135deg, #10172d, #242052); border: 1px solid rgba(255,255,255,.07); border-radius: 17px; color: #fff; display: flex; justify-content: space-between; margin-bottom: 20px; padding: 15px 18px; }
.wteh-notification-summary > div { align-items: center; display: flex; gap: 11px; }
.wteh-notification-summary > div > i { align-items: center; background: rgba(255,255,255,.1); border-radius: 11px; display: flex; font-style: normal; height: 40px; justify-content: center; width: 40px; }
.wteh-notification-summary strong, .wteh-notification-summary small { display: block; }
.wteh-notification-summary strong { color: #fff; font-size: 20px; }
.wteh-notification-summary small { color: #bdc5da; font-size: 9px; }
.wteh-notification-summary nav { align-items: center; display: flex; gap: 7px; }
.wteh-notification-summary nav a { border: 1px solid rgba(255,255,255,.14); border-radius: 9px; color: #d9def0; font-size: 9px; font-weight: 800; padding: 7px 10px; }
.wteh-notification-summary nav a.is-active { background: #fff; color: #32296d; }
.wteh-notification-day { color: #687089; font-size: 10px; margin: 17px 4px 8px; }
.wteh-notification-card { align-items: flex-start; background: #fff; border: 1px solid var(--wteh-line); border-radius: 15px; box-shadow: 0 7px 23px rgba(22,31,56,.035); display: grid; gap: 13px; grid-template-columns: 42px minmax(0,1fr) auto; margin-bottom: 9px; padding: 15px; position: relative; }
.wteh-notification-card.is-unread { background: linear-gradient(100deg, #faf9ff, #fff); border-color: #dcd6ff; box-shadow: inset -3px 0 var(--wteh-accent), 0 8px 25px rgba(80,65,180,.06); }
.wteh-notification-card.wteh-notification-high { border-right-color: #f1a13c; }
.wteh-notification-card.wteh-notification-urgent { border-right-color: #e35665; }
.wteh-notification-icon { align-items: center; background: #eeebff; border-radius: 11px; color: #5b4ddb; display: flex; font-size: 18px; height: 42px; justify-content: center; }
.wteh-notification-copy { min-width: 0; }
.wteh-notification-copy h3 { color: #1b243e; font-size: 13px; margin: 7px 0 3px; }
.wteh-notification-copy p { color: #5e6780; font-size: 10px; line-height: 1.9; margin: 0; overflow-wrap: anywhere; }
.wteh-notification-copy > small { color: #9198aa; display: block; font-size: 8px; margin-top: 6px; }
.wteh-notification-section, .wteh-unread-dot { border-radius: 999px; display: inline-block; font-size: 8px; font-weight: 900; padding: 4px 7px; }
.wteh-notification-section { background: #e9f6f4; color: #14645b; }
.wteh-unread-dot { background: #fff0d4; color: #885800; margin-right: 5px; }
.wteh-notification-actions { align-items: flex-end; display: flex; flex-direction: column; gap: 7px; }
.wteh-notification-actions .wteh-button { font-size: 9px; min-height: 34px; padding: 7px 10px; white-space: nowrap; }
.wteh-notification-actions form button { background: transparent; border: 0; color: #737b92; cursor: pointer; font-size: 8px; }
.wteh-notification-toast { align-items: center; animation: wteh-app-enter .25s ease both; background: #11182d; border: 1px solid rgba(255,255,255,.12); border-radius: 12px; bottom: 18px; box-shadow: 0 18px 45px rgba(9,14,34,.28); color: #fff; display: flex; font-size: 10px; font-weight: 800; gap: 9px; left: 18px; max-width: calc(100vw - 36px); padding: 12px 15px; position: fixed; z-index: 99999; }
.wteh-notification-toast i { background: #ffbc4b; border-radius: 50%; height: 8px; width: 8px; }

@media (max-width: 1024px) {
  .wteh-stats-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .wteh-grid-3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .wteh-portal-layout { grid-template-columns: 218px minmax(0, 1fr); }
  .wteh-readonly-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .wteh-report-filter { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
  .wteh-webapp-view { padding: 0; }
  .wteh-webapp-body .wteh-application-shell, .wteh-webapp-body .wteh-portal, .wteh-webapp-body .wteh-auth-shell { border: 0; min-height: 100svh; }
  .wteh-shell { margin: 10px 0; }
  .wteh-application-shell, .wteh-portal, .wteh-auth-shell { border-radius: 0; }
  .wteh-hero { align-items: flex-start; flex-direction: column; min-height: 0; padding: 34px 22px; }
  .wteh-hero h2 { font-size: 27px; }
  .wteh-application-form { padding: 22px 14px 34px; }
  .wteh-application-form .wteh-form-section, .wteh-content-card { border-radius: 14px; padding: 17px; }
  .wteh-grid-2, .wteh-grid-3, .wteh-docs-layout, .wteh-detail-layout, .wteh-employee-grid, .wteh-task-grid, .wteh-training-grid, .wteh-filter-form, .wteh-report-filter { grid-template-columns: 1fr; }
  .wteh-report-filter .wteh-submit-row { grid-column: auto; }
  .wteh-portal-header { padding: 10px 13px; }
	.wteh-live-badge { display: none; }
	.wteh-notification-bell { margin-right: auto; }
	.wteh-notification-popover { left: 12px; max-height: calc(100svh - 86px); position: fixed; right: 12px; top: 70px; width: auto; }
	.wteh-notification-card { grid-template-columns: 38px minmax(0,1fr); padding: 13px; }
	.wteh-notification-icon { height: 38px; width: 38px; }
	.wteh-notification-actions { align-items: center; flex-direction: row; grid-column: 1 / -1; justify-content: flex-end; }
	.wteh-notification-summary { align-items: flex-start; flex-direction: column; gap: 12px; }
	.wteh-notification-summary nav { width: 100%; }
	.wteh-notification-summary nav a { flex: 1; text-align: center; }
  .wteh-user-chip > span:not(.wteh-avatar) { display: none; }
  .wteh-portal-brand .wteh-brand-mark { flex-basis: 40px; height: 40px; }
  .wteh-portal-layout { display: block; min-height: 0; }
  .wteh-sidebar { padding: 8px 12px; }
  .wteh-mobile-nav-toggle { align-items: center; background: rgba(255,255,255,.07); border: 0; border-radius: 9px; color: #fff; display: flex; justify-content: space-between; padding: 10px 12px; width: 100%; }
  .wteh-nav-list { display: none; padding-top: 8px; }
  .wteh-sidebar.is-open .wteh-nav-list { display: flex; }
  .wteh-sidebar-help { display: none; }
  .wteh-portal-main { padding: 18px 12px 30px; }
  .wteh-page-title { align-items: flex-start; flex-direction: column; }
  .wteh-page-title h1 { font-size: 21px; }
  .wteh-stats-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
  .wteh-stat-card { min-height: 82px; padding: 10px; }
  .wteh-stat-card > i { flex-basis: 36px; height: 36px; }
  .wteh-stat-card strong { font-size: 17px; }
  .wteh-progress-card { grid-template-columns: 1fr 38px; }
  .wteh-progress-card .wteh-progress { grid-column: 1 / -1; grid-row: 2; }
  .wteh-readonly-grid { grid-template-columns: 1fr 1fr; }
  .wteh-readonly-grid > div { min-height: 60px; }
  .wteh-section-heading { align-items: flex-start; }
  .wteh-section-heading .wteh-security-badge { display: none; }
  .wteh-detail-layout aside, .wteh-upload-card { position: static; }
  .wteh-modal-panel { border-radius: 15px; padding: 22px 16px; }
  .wteh-detail-grid { grid-template-columns: 1fr 1fr; }
  .wteh-contract-meta { grid-template-columns: 1fr; }
  .wteh-contract-paper > header { align-items: flex-start; padding: 18px; }
  .wteh-contract-content { font-size: 12px; padding: 24px 19px 30px; text-align: right; }
  .wteh-contract-paper > footer { align-items: flex-start; flex-direction: column; }
  .wteh-signature-evidence { align-items: stretch; flex-direction: column; }
  .wteh-signature-evidence img { width: 100%; }
  .wteh-action-banner { align-items: flex-start; }
}

@media (max-width: 430px) {
  .wteh-stats-grid { grid-template-columns: 1fr; }
  .wteh-readonly-grid { grid-template-columns: 1fr; }
  .wteh-submit-row .wteh-button { width: 100%; }
  .wteh-secure-note { text-align: center; width: 100%; }
  .wteh-auth-shell { padding: 16px; }
  .wteh-auth-card { padding: 25px 18px; }
}

@media print {
  .wteh-sidebar, .wteh-portal-header, .wteh-button, .wteh-sticky-actions { display: none !important; }
  .wteh-portal-layout { display: block; }
  .wteh-portal-main { padding: 0; }
  .wteh-content-card { box-shadow: none; break-inside: avoid; }
}

@media (prefers-reduced-motion: reduce) {
  .wteh-webapp-view > .wteh-shell { animation: none; }
  .wteh-shell *, .wteh-shell *::before, .wteh-shell *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; }
}

/* v1.16.0 avatars, logo, profile photo */
.wteh-avatar{position:relative;display:grid;place-items:center;overflow:hidden}
.wteh-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.wteh-company-logo{display:block;width:auto;height:48px;max-width:150px;object-fit:contain;flex:0 0 auto}
.wteh-company-logo.is-hero{height:64px;max-width:180px}
.wteh-company-logo.is-auth{height:64px;max-width:180px;margin:0 auto 18px}
.wteh-portal-brand{gap:14px}
.wteh-portal-brand .wteh-company-logo{border-radius:14px;background:#fff;padding:4px;box-shadow:0 10px 30px rgba(15,23,42,.08)}
.wteh-profile-photo-block{display:flex;gap:20px;align-items:center;margin-bottom:20px;padding:16px;border:1px dashed rgba(109,93,252,.22);border-radius:18px;background:rgba(109,93,252,.03)}
.wteh-profile-avatar{width:96px;height:96px;flex:0 0 96px;border-radius:26px;background:linear-gradient(135deg, rgba(109,93,252,.18), rgba(41,182,246,.16));font-size:28px;font-weight:800;color:var(--wteh-accent,#6d5dfc)}
.wteh-profile-photo-fields{flex:1;min-width:0}
.wteh-checkbox-inline{display:inline-flex;align-items:center;gap:8px;margin-top:8px;font-size:13px}
.wteh-sidebar-avatar img{width:100%;height:100%;object-fit:cover}
@media(max-width:680px){
  .wteh-company-logo{height:40px;max-width:120px}
  .wteh-company-logo.is-hero,.wteh-company-logo.is-auth{height:52px}
  .wteh-profile-photo-block{flex-direction:column;align-items:flex-start}
}