.kt-admin-profile {
  --profile-primary: var(--kt-color-primary, #344d70);
  --profile-on-primary: var(--kt-color-on-primary, #fff);
  --profile-primary-soft: var(--kt-color-primary-soft, #edf3f9);
  --profile-accent: var(--kt-color-accent, #ff9f34);
  --profile-accent-soft: var(--kt-color-accent-soft, #fff4e8);
  --profile-surface: var(--kt-color-surface, #fff);
  --profile-surface-soft: var(--kt-color-surface-subtle, #f8fafc);
  --profile-text: var(--kt-color-text, #0f172a);
  --profile-muted: var(--kt-color-text-muted, #64748b);
  --profile-border: var(--kt-color-border, #e2e8f0);
  --profile-danger: var(--kt-color-danger, #d84a61);
  --profile-focus: var(--kt-color-focus, rgb(52 77 112 / 28%));
  --profile-shadow-sm: var(--kt-shadow-sm, 0 3px 12px rgb(15 23 42 / 7%));
  inline-size: min(100%, 72.5rem);
  margin-inline: auto;
  padding-block-end: 2rem;
  color: var(--profile-text);
  font-family: "Tajawal", "IBM Plex Sans Arabic", "Noto Sans Arabic", system-ui, sans-serif;
}
.kt-admin-profile *, .kt-admin-profile *::before, .kt-admin-profile *::after { box-sizing: border-box; }
.kt-admin-profile__hero {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.2rem;
  overflow: hidden;
  min-block-size: 8.7rem;
  padding: 1.25rem 1.4rem;
  border: 1px solid var(--profile-border);
  border-radius: 1.3rem;
  background: radial-gradient(circle at 0 0, var(--profile-accent-soft), transparent 30%), linear-gradient(118deg, var(--profile-surface), color-mix(in srgb, var(--profile-primary-soft) 55%, var(--profile-surface)));
  box-shadow: var(--profile-shadow-sm);
}
.kt-admin-profile__hero::after { position: absolute; inset-block-start: 0; inset-inline-end: 2rem; inline-size: 4rem; block-size: 3px; border-radius: 999px; background: var(--profile-accent); content: ""; }
.kt-admin-profile__identity, .kt-admin-profile__nav-item, .kt-admin-profile__panel-header, .kt-admin-profile__commands { display: flex; align-items: center; }
.kt-admin-profile__identity { min-inline-size: 0; gap: 0.9rem; }
.kt-admin-profile__avatar { position: relative; inline-size: 4.5rem; block-size: 4.5rem; flex: 0 0 4.5rem; display: grid; place-items: center; overflow: hidden; border: 4px solid var(--profile-surface); border-radius: 1.2rem; background: var(--profile-primary-soft); color: var(--profile-primary); box-shadow: 0 0 0 1px var(--profile-border), var(--profile-shadow-sm); }
.kt-admin-profile__avatar img { inline-size: 100%; block-size: 100%; object-fit: cover; }
.kt-admin-profile__avatar b { font-size: 1rem; font-weight: 900; letter-spacing: 0.05em; }
.kt-admin-profile__avatar i { position: absolute; inset-inline-start: 0.15rem; inset-block-end: 0.15rem; inline-size: 0.75rem; block-size: 0.75rem; border: 2px solid var(--profile-surface); border-radius: 50%; background: #159455; }
.kt-admin-profile__eyebrow { display: block; margin-block-end: 0.2rem; color: var(--profile-accent); font-size: 0.72rem; font-weight: 900; }
.kt-admin-profile h1 { margin: 0; color: var(--profile-text); font-size: clamp(1.4rem, 2.5vw, 2rem); font-weight: 900; line-height: 1.35; }
.kt-admin-profile__identity p { margin: 0.28rem 0 0; color: var(--profile-muted); font-size: 0.8rem; font-weight: 650; line-height: 1.7; }
.kt-admin-profile__summary { min-inline-size: 12rem; padding: 0.75rem 0.85rem; border: 1px solid var(--profile-border); border-radius: 0.9rem; background: color-mix(in srgb, var(--profile-surface) 90%, transparent); }
.kt-admin-profile__summary span, .kt-admin-profile__summary small { display: block; color: var(--profile-muted); font-size: 0.68rem; font-weight: 750; }
.kt-admin-profile__summary strong { display: block; margin-block: 0.18rem; color: var(--profile-text); font-size: 0.82rem; font-weight: 900; overflow-wrap: anywhere; }
.kt-admin-profile__workspace { display: grid; grid-template-columns: minmax(14.5rem, 16rem) minmax(0, 1fr); gap: 0.85rem; align-items: start; margin-block-start: 0.85rem; }
.kt-admin-profile__nav { display: grid; gap: 0.45rem; padding: 0.5rem; border: 1px solid var(--profile-border); border-radius: 1rem; background: var(--profile-surface); box-shadow: var(--profile-shadow-sm); }
.kt-admin-profile__nav-item { inline-size: 100%; gap: 0.65rem; min-block-size: 4.15rem; padding: 0.65rem; border: 0; border-radius: 0.78rem; background: transparent; color: var(--profile-muted); text-align: start; font: inherit; }
.kt-admin-profile__nav-item > span:first-child { inline-size: 2.25rem; block-size: 2.25rem; flex: 0 0 auto; display: grid; place-items: center; border-radius: 0.7rem; background: var(--profile-surface-soft); color: var(--profile-primary); }
.kt-admin-profile__nav-item > span:nth-child(2) { min-inline-size: 0; flex: 1 1 auto; }
.kt-admin-profile__nav-item b, .kt-admin-profile__nav-item small { display: block; }
.kt-admin-profile__nav-item b { color: inherit; font-size: 0.76rem; font-weight: 900; }
.kt-admin-profile__nav-item small { margin-block-start: 0.12rem; color: var(--profile-muted); font-size: 0.65rem; line-height: 1.45; }
.kt-admin-profile__nav-item > i { flex: 0 0 auto; font-size: 0.9rem; }
.kt-admin-profile__nav-item:hover { background: var(--profile-surface-soft); color: var(--profile-text); }
.kt-admin-profile__nav-item.active { background: var(--profile-primary-soft); color: var(--profile-primary); }
.kt-admin-profile__nav-item.active > span:first-child { background: var(--profile-surface); box-shadow: 0 1px 3px rgb(15 23 42 / 7%); }
.kt-admin-profile__content { min-inline-size: 0; }
.kt-admin-profile__panel { overflow: hidden; border: 1px solid var(--profile-border); border-radius: 1rem; background: var(--profile-surface); box-shadow: var(--profile-shadow-sm); }
.kt-admin-profile__panel-header { gap: 0.7rem; padding: 0.9rem 1rem; border-block-end: 1px solid var(--profile-border); }
.kt-admin-profile__panel-header > span { inline-size: 2.55rem; block-size: 2.55rem; flex: 0 0 auto; display: grid; place-items: center; border-radius: 0.8rem; background: var(--profile-primary-soft); color: var(--profile-primary); font-size: 1.05rem; }
.kt-admin-profile__panel-header h2 { margin: 0; color: var(--profile-text); font-size: 0.98rem; font-weight: 900; }
.kt-admin-profile__panel-header p { margin: 0.12rem 0 0; color: var(--profile-muted); font-size: 0.7rem; line-height: 1.6; }
.kt-admin-profile__form { padding: 1rem 1rem 0; }
.kt-admin-profile__media { padding: 0.75rem; border: 1px dashed color-mix(in srgb, var(--profile-primary) 22%, var(--profile-border)); border-radius: 0.9rem; background: var(--profile-surface-soft); }
.kt-admin-profile__media .image_groub { margin: 0 !important; }
.kt-admin-profile__media .kt-image-preview-shell { overflow: hidden; border-radius: 0.85rem; background: var(--profile-primary-soft); }
.kt-admin-profile__media .medium-img { inline-size: 6rem !important; block-size: 6rem !important; object-fit: cover; }
.kt-admin-profile__media .medium-button { min-block-size: 2.5rem; border-radius: 0.72rem; font-size: 0.74rem; font-weight: 850; }
.kt-admin-profile__fields { margin: 0.85rem -0.4rem 0; }
.kt-admin-profile__fields > [class*="col-"] { padding-inline: 0.4rem; }
.kt-admin-profile .form-group { margin-block-end: 0.8rem; }
.kt-admin-profile label { margin-block-end: 0.35rem; color: var(--profile-text); font-size: 0.74rem; font-weight: 850; }
.kt-admin-profile .form-control { min-block-size: 3.05rem; padding-inline: 0.8rem; border: 1px solid var(--profile-border); border-radius: 0.82rem; background: var(--profile-surface-soft); color: var(--profile-text); box-shadow: none; font: inherit; font-size: 0.78rem; }
.kt-admin-profile .form-control:focus { border-color: color-mix(in srgb, var(--profile-primary) 58%, var(--profile-border)); box-shadow: 0 0 0 3px var(--profile-focus); }
.kt-admin-profile .form-control:disabled { opacity: 0.78; background: color-mix(in srgb, var(--profile-surface-soft) 82%, var(--profile-border)); }
.kt-admin-profile .invalid-feedback { margin-block-start: 0.28rem; color: var(--profile-danger); font-size: 0.68rem; font-weight: 750; }
.kt-admin-profile__commands { gap: 0.5rem; margin-inline: -1rem; margin-block-start: 0.2rem; padding: 0.8rem 1rem; border-block-start: 1px solid var(--profile-border); background: var(--profile-surface-soft); }
.kt-admin-profile__commands .btn { display: inline-flex; align-items: center; justify-content: center; gap: 0.38rem; min-inline-size: 7rem; min-block-size: 2.6rem; border-radius: 0.76rem; font-size: 0.76rem; font-weight: 900; }
.kt-admin-profile__commands .btn-primary { border-color: var(--profile-primary); background: var(--profile-primary); color: var(--profile-on-primary); }
.kt-admin-profile__commands .btn-label-secondary { border: 1px solid var(--profile-border); background: var(--profile-surface); color: var(--profile-text); }

@media (max-width: 767.98px) {
  .kt-admin-profile__hero { align-items: flex-start; flex-direction: column; padding: 1rem; }
  .kt-admin-profile__summary { inline-size: 100%; }
  .kt-admin-profile__workspace { grid-template-columns: minmax(0, 1fr); }
  .kt-admin-profile__nav { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .kt-admin-profile__nav-item > i, .kt-admin-profile__nav-item small { display: none; }
}
@media (max-width: 479.98px) {
  .kt-admin-profile__avatar { inline-size: 3.6rem; block-size: 3.6rem; flex-basis: 3.6rem; border-radius: 0.95rem; }
  .kt-admin-profile__nav-item { min-block-size: 3.2rem; }
  .kt-admin-profile__panel-header > span { display: none; }
  .kt-admin-profile__form { padding-inline: 0.8rem; }
  .kt-admin-profile__commands { margin-inline: -0.8rem; padding-inline: 0.8rem; }
  .kt-admin-profile__commands .btn { flex: 1 1 0; min-inline-size: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .kt-admin-profile *, .kt-admin-profile *::before, .kt-admin-profile *::after { transition-duration: 1ms !important; animation-duration: 1ms !important; }
}