/**
 * Qahera UI Kit — Production CSS Bundle v1.0.0
 * Generated automatically from modular components. DO NOT EDIT DIRECTLY.
 */

:is([data-theme="dark"], [data-mode="dark"], [data-theme$="-dark"]) .qhr-btn--secondary {
  background-color: var(--qhr-button-secondary-background, var(--qhr-color-secondary, var(--qhr-color-secondary-bg, #1e293b)));
  color: var(--qhr-button-secondary-foreground, var(--qhr-color-secondary-fg, #f8fafc));
  border-color: var(--qhr-button-secondary-border, var(--qhr-color-secondary-border, #334155));
}
:is([data-theme="dark"], [data-mode="dark"], [data-theme$="-dark"]) .qhr-btn--secondary:hover {
  background-color: var(--qhr-button-secondary-hover, var(--qhr-color-secondary-hover, #334155));
  border-color: var(--qhr-border-strong, #475569);
}

:is([data-theme="dark"], [data-mode="dark"], [data-theme$="-dark"]) .qhr-btn--outline:hover,
:is([data-theme="dark"], [data-mode="dark"], [data-theme$="-dark"]) .qhr-btn--ghost:hover {
  background-color: rgba(59, 130, 246, 0.15);
}

:is([data-theme="dark"], [data-mode="dark"], [data-theme$="-dark"]) .qhr-badge--primary {
  background-color: rgba(59, 130, 246, 0.2);
  color: #93c5fd;
  border-color: rgba(59, 130, 246, 0.4);
}
:is([data-theme="dark"], [data-mode="dark"], [data-theme$="-dark"]) .qhr-badge--success {
  background-color: rgba(16, 185, 129, 0.2);
  color: #6ee7b7;
  border-color: rgba(16, 185, 129, 0.4);
}
:is([data-theme="dark"], [data-mode="dark"], [data-theme$="-dark"]) .qhr-badge--warning {
  background-color: rgba(245, 158, 11, 0.2);
  color: #fde68a;
  border-color: rgba(245, 158, 11, 0.4);
}
:is([data-theme="dark"], [data-mode="dark"], [data-theme$="-dark"]) .qhr-badge--danger {
  background-color: rgba(244, 63, 94, 0.2);
  color: #fda4af;
  border-color: rgba(244, 63, 94, 0.4);
}

:is([data-theme="dark"], [data-mode="dark"], [data-theme$="-dark"]) .qhr-alert--info {
  background-color: rgba(30, 58, 138, 0.4);
  border-color: #1e40af;
  color: #dbeafe;
}
:is([data-theme="dark"], [data-mode="dark"], [data-theme$="-dark"]) .qhr-alert--success {
  background-color: rgba(6, 78, 59, 0.4);
  border-color: #065f46;
  color: #d1fae5;
}
:is([data-theme="dark"], [data-mode="dark"], [data-theme$="-dark"]) .qhr-alert--warning {
  background-color: rgba(120, 53, 15, 0.4);
  border-color: #92400e;
  color: #fef3c7;
}
:is([data-theme="dark"], [data-mode="dark"], [data-theme$="-dark"]) .qhr-alert--danger {
  background-color: rgba(136, 19, 55, 0.4);
  border-color: #9f1239;
  color: #ffe4e6;
}

:is([data-theme="dark"], [data-mode="dark"], [data-theme$="-dark"]) .qhr-modal-footer {
  background-color: var(--qhr-surface-base, #020617);
}

.qhr-showcase-page {
  background-color: var(--qhr-surface-base, #ffffff);
  color: var(--qhr-content-primary, #0f172a);
  font-family: var(--qhr-font-body, "Tajawal", sans-serif);
  min-height: 100vh;
  margin: 0;
  padding: 0;
}

.qhr-showcase-container {
  max-width: 1200px;
  margin-inline: auto;
  padding-block: var(--qhr-space-8, 32px);
  padding-inline: var(--qhr-space-6, 24px);
}

.qhr-showcase-hero {
  padding-block: var(--qhr-space-8, 32px) var(--qhr-space-10, 40px);
  border-bottom: 1px solid var(--qhr-border-subtle, #e2e8f0);
  margin-bottom: var(--qhr-space-10, 40px);
}

.qhr-showcase-hero-badge {
  margin-bottom: var(--qhr-space-3, 12px);
}

.qhr-showcase-hero-title {
  font-family: var(--qhr-font-heading, "Cairo", sans-serif);
  font-size: 2.25rem;
  font-weight: 700;
  line-height: 1.25;
  margin: 0 0 var(--qhr-space-3, 12px) 0;
  color: var(--qhr-content-primary, #0f172a);
}

.qhr-showcase-hero-subtitle {
  font-size: var(--qhr-text-lg, 1.125rem);
  color: var(--qhr-content-secondary, #64748b);
  max-width: 720px;
  line-height: 1.6;
  margin: 0 0 var(--qhr-space-6, 24px) 0;
}

.qhr-showcase-section {
  margin-bottom: var(--qhr-space-12, 48px);
}

.qhr-showcase-section-header {
  margin-bottom: var(--qhr-space-6, 24px);
}

.qhr-showcase-section-title {
  font-family: var(--qhr-font-heading, "Cairo", sans-serif);
  font-size: var(--qhr-text-xl, 1.25rem);
  font-weight: 700;
  color: var(--qhr-content-primary, #0f172a);
  margin: 0 0 var(--qhr-space-1, 4px) 0;
}

.qhr-showcase-section-desc {
  font-size: var(--qhr-text-sm, 0.875rem);
  color: var(--qhr-content-secondary, #64748b);
  margin: 0;
}

.qhr-showcase-grid-2 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: var(--qhr-space-6, 24px);
}

.qhr-showcase-grid-3 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: var(--qhr-space-6, 24px);
}

.qhr-showcase-card {
  background-color: var(--qhr-surface-elevated, #ffffff);
  border: 1px solid var(--qhr-border-subtle, #e2e8f0);
  border-radius: var(--qhr-radius-lg, 16px);
  padding: var(--qhr-space-6, 24px);
}

.qhr-showcase-card-header {
  font-family: var(--qhr-font-heading, "Cairo", sans-serif);
  font-size: var(--qhr-text-base, 1rem);
  font-weight: 600;
  margin: 0 0 var(--qhr-space-4, 16px) 0;
  color: var(--qhr-content-primary, #0f172a);
  padding-bottom: var(--qhr-space-2, 8px);
  border-bottom: 1px solid var(--qhr-border-subtle, #e2e8f0);
}

.qhr-showcase-flex-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: var(--qhr-space-3, 12px);
  align-items: center;
}

.qhr-showcase-col-stack {
  display: flex;
  flex-direction: column;
  gap: var(--qhr-space-3, 12px);
}


[data-theme="dark"] .qhr-navbar {
  background-color: var(--qhr-surface-base, #0b0f19);
  border-bottom-color: var(--qhr-border-subtle, #1e293b);
}

[data-theme="dark"] .qhr-dropdown-menu,
[data-theme="dark"] .qhr-accordion,
[data-theme="dark"] .qhr-table-wrapper,
[data-theme="dark"] .qhr-toast,
[data-theme="dark"] .qhr-showcase-card {
  background-color: var(--qhr-surface-elevated, #131b2e);
  border-color: var(--qhr-border-subtle, #1e293b);
}

[data-theme="dark"] .qhr-dropdown-item:hover,
[data-theme="dark"] .qhr-accordion-header:hover,
[data-theme="dark"] .qhr-table th,
[data-theme="dark"] .qhr-table--striped tbody tr:nth-child(even),
[data-theme="dark"] .qhr-avatar {
  background-color: var(--qhr-surface-muted, #1a233a);
}

[data-theme="dark"] .qhr-checkbox input[type="checkbox"],
[data-theme="dark"] .qhr-radio input[type="radio"] {
  background-color: var(--qhr-surface-base, #0b0f19);
  border-color: var(--qhr-border-strong, #334155);
}




.qhr-border         { border: 1px solid var(--qhr-border-subtle, rgba(212,175,55,0.2)); }
.qhr-border-strong  { border: 1px solid var(--qhr-border-strong, rgba(212,175,55,0.4)); }
.qhr-border-dashed  { border: 1px dashed var(--qhr-border-subtle, rgba(212,175,55,0.25)); }
.qhr-rounded-sm     { border-radius: var(--qhr-radius-sm, 6px); }
.qhr-rounded-md     { border-radius: var(--qhr-radius-md, 10px); }
.qhr-rounded-lg     { border-radius: var(--qhr-radius-lg, 16px); }
.qhr-rounded-xl     { border-radius: var(--qhr-radius-xl, 24px); }
.qhr-rounded-pill   { border-radius: var(--qhr-radius-pill, 9999px); }



.qhr-media {
  display: flex;
  align-items: flex-start;
  gap: var(--qhr-space-4, 16px);
}
.qhr-media-figure {
  flex-shrink: 0;
}
.qhr-media-body {
  flex: 1;
}
.qhr-media-actions {
  flex-shrink: 0;
  margin-inline-start: auto;
}

.qhr-accordion {
  display: flex;
  flex-direction: column;
  width: 100%;
  border: 1px solid var(--qhr-border-subtle, #e2e8f0);
  border-radius: var(--qhr-radius-xl, 16px);
  overflow: hidden;
  background-color: var(--qhr-surface-base, #ffffff);
  transition: border-color var(--qhr-duration-fast, 150ms) ease;
}

[data-theme="dark"] .qhr-accordion {
  background-color: var(--qhr-surface-elevated, #0d121f);
  border-color: rgba(255, 255, 255, 0.08);
}




.qhr-accordion--separate {
  border: none !important;
  background: transparent !important;
  overflow: visible !important;
  gap: var(--qhr-space-3, 12px);
}

.qhr-accordion--separate .qhr-accordion-item {
  border: 1px solid var(--qhr-border-subtle, #e2e8f0);
  border-radius: var(--qhr-radius-lg, 12px);
  background-color: var(--qhr-surface-base, #ffffff);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
  overflow: hidden;
  transition: all var(--qhr-duration-fast, 150ms) ease;
}

[data-theme="dark"] .qhr-accordion--separate .qhr-accordion-item {
  background-color: var(--qhr-surface-elevated, #0d121f);
  border-color: rgba(255, 255, 255, 0.08);
}

.qhr-accordion--separate .qhr-accordion-item:hover {
  border-color: var(--qhr-color-primary, #0b6bcb);
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
}

.qhr-accordion--separate .qhr-accordion-item.is-open,
.qhr-accordion--separate .qhr-accordion-item.is-expanded {
  border-color: var(--qhr-color-primary, #0b6bcb);
  box-shadow: 0 6px 18px rgba(11, 107, 203, 0.12);
}


.qhr-accordion--flush {
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
}

.qhr-accordion--flush .qhr-accordion-item {
  border-block-end: 1px solid var(--qhr-border-subtle, #e2e8f0);
  background: transparent;
}

[data-theme="dark"] .qhr-accordion--flush .qhr-accordion-item {
  border-block-end-color: rgba(255, 255, 255, 0.08);
}

.qhr-accordion--flush .qhr-accordion-item:last-child {
  border-block-end: none;
}


.qhr-accordion--luxury {
  background: linear-gradient(145deg, #0d111b 0%, #07090e 100%) !important;
  border: 1px solid rgba(212, 175, 55, 0.25) !important;
  box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.5), inset 0 0 15px rgba(212, 175, 55, 0.05);
}

.qhr-accordion--luxury .qhr-accordion-item {
  border-block-end-color: rgba(212, 175, 55, 0.12);
}

.qhr-accordion--luxury .qhr-accordion-trigger:hover,
.qhr-accordion--luxury .qhr-accordion-header:hover {
  background: rgba(212, 175, 55, 0.04);
}

.qhr-accordion--luxury .qhr-accordion-item.is-open .qhr-accordion-trigger,
.qhr-accordion--luxury .qhr-accordion-item.is-expanded .qhr-accordion-trigger,
.qhr-accordion--luxury .qhr-accordion-item.is-open .qhr-accordion-header,
.qhr-accordion--luxury .qhr-accordion-item.is-expanded .qhr-accordion-header {
  color: #d4af37;
}

.qhr-accordion--luxury .qhr-accordion-icon {
  color: #d4af37;
}


.qhr-accordion-item {
  border-block-end: 1px solid var(--qhr-border-subtle, #e2e8f0);
  transition: background-color var(--qhr-duration-fast, 150ms) ease;
}

[data-theme="dark"] .qhr-accordion-item {
  border-block-end-color: rgba(255, 255, 255, 0.08);
}

.qhr-accordion-item:last-child {
  border-block-end: none;
}


.qhr-accordion-trigger,
.qhr-accordion-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding-block: var(--qhr-space-3-5, 14px);
  padding-inline: var(--qhr-space-5, 20px);
  background: transparent;
  border: none;
  cursor: pointer;
  font-family: var(--qhr-font-heading, "Cairo", sans-serif);
  font-size: var(--qhr-text-base, 1rem);
  font-weight: 600;
  color: var(--qhr-content-primary, #0f172a);
  text-align: start;
  gap: var(--qhr-space-3, 12px);
  transition: background-color var(--qhr-duration-fast, 150ms) ease,
              color var(--qhr-duration-fast, 150ms) ease;
  outline: none;
}

[data-theme="dark"] .qhr-accordion-trigger,
[data-theme="dark"] .qhr-accordion-header {
  color: #f8fafc;
}

.qhr-accordion-trigger:hover,
.qhr-accordion-header:hover {
  background-color: var(--qhr-surface-muted, #f8fafc);
}

[data-theme="dark"] .qhr-accordion-trigger:hover,
[data-theme="dark"] .qhr-accordion-header:hover {
  background-color: rgba(255, 255, 255, 0.03);
}

.qhr-accordion-trigger:focus-visible,
.qhr-accordion-header:focus-visible {
  outline: 2px solid var(--qhr-color-primary, #0b6bcb);
  outline-offset: -2px;
}


.qhr-accordion-lead {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: var(--qhr-radius-md, 8px);
  background: var(--qhr-surface-muted, #f1f5f9);
  color: var(--qhr-color-primary, #0b6bcb);
  flex-shrink: 0;
}

[data-theme="dark"] .qhr-accordion-lead {
  background: rgba(255, 255, 255, 0.05);
}

.qhr-accordion-content-meta {
  display: flex;
  flex-direction: column;
  flex: 1;
  text-align: start;
}

.qhr-accordion-title {
  display: flex;
  align-items: center;
  gap: var(--qhr-space-2, 8px);
  font-weight: 700;
  line-height: 1.4;
}

.qhr-accordion-subtitle {
  font-family: var(--qhr-font-body, "Cairo", sans-serif);
  font-size: var(--qhr-text-xs, 0.75rem);
  color: var(--qhr-text-muted, #64748b);
  font-weight: 400;
  margin-block-start: 2px;
}

.qhr-accordion-badge {
  font-size: 0.72rem;
  font-weight: 700;
  padding-block: 2px;
  padding-inline: 8px;
  border-radius: 9999px;
  background: var(--qhr-surface-muted, #f1f5f9);
  color: var(--qhr-content-secondary, #475569);
  margin-inline-start: var(--qhr-space-2, 8px);
}


.qhr-accordion-icon {
  width: 1.15rem;
  height: 1.15rem;
  flex-shrink: 0;
  transition: transform var(--qhr-duration-fast, 180ms) var(--qhr-ease-standard, ease);
  color: var(--qhr-content-secondary, #64748b);
}

.qhr-accordion-item.is-open .qhr-accordion-icon,
.qhr-accordion-item.is-expanded .qhr-accordion-icon {
  transform: rotate(180deg);
  color: var(--qhr-color-primary, #0b6bcb);
}


.qhr-accordion-content {
  overflow: hidden;
  transition: height var(--qhr-duration-normal, 200ms) ease;
}

.qhr-accordion-body {
  padding-block: var(--qhr-space-2, 8px) var(--qhr-space-5, 20px);
  padding-inline: var(--qhr-space-5, 20px);
  font-family: var(--qhr-font-body);
  font-size: var(--qhr-text-sm, 0.875rem);
  color: var(--qhr-content-secondary, #475569);
  line-height: 1.65;
}

[data-theme="dark"] .qhr-accordion-body {
  color: #94a3b8;
}




.qhr-accordion--sm .qhr-accordion-trigger,
.qhr-accordion--sm .qhr-accordion-header {
  padding-block: var(--qhr-space-2-5, 10px);
  padding-inline: var(--qhr-space-3-5, 14px);
  font-size: var(--qhr-text-sm, 0.875rem);
}

.qhr-accordion--sm .qhr-accordion-body {
  padding-block: var(--qhr-space-1-5, 6px) var(--qhr-space-3, 12px);
  padding-inline: var(--qhr-space-3-5, 14px);
  font-size: var(--qhr-text-xs, 0.78rem);
}


.qhr-accordion--lg .qhr-accordion-trigger,
.qhr-accordion--lg .qhr-accordion-header {
  padding-block: var(--qhr-space-4-5, 18px);
  padding-inline: var(--qhr-space-6, 24px);
  font-size: var(--qhr-text-lg, 1.125rem);
}

.qhr-accordion--lg .qhr-accordion-body {
  padding-block: var(--qhr-space-3, 12px) var(--qhr-space-6, 24px);
  padding-inline: var(--qhr-space-6, 24px);
  font-size: var(--qhr-text-base, 1rem);
}


.qhr-accordion-item--disabled,
.qhr-accordion-item[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.qhr-accordion-item--disabled .qhr-accordion-trigger,
.qhr-accordion-item--disabled .qhr-accordion-header {
  cursor: not-allowed;
}

.qhr-alert {
  display: flex;
  align-items: flex-start;
  gap: var(--qhr-space-3, 12px);
  padding: var(--qhr-space-4, 16px);
  border-radius: var(--qhr-radius-lg, 14px);
  border: 1px solid transparent;
  font-family: var(--qhr-font-body, 'Cairo', sans-serif);
  font-size: var(--qhr-text-sm, 0.875rem);
  line-height: 1.5;
  position: relative;
  transition: all 200ms ease;
}


.qhr-alert-icon {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-block-start: 2px;
}
.qhr-alert-icon svg {
  width: 20px;
  height: 20px;
}
.qhr-alert-content {
  flex: 1;
  min-width: 0;
}
.qhr-alert-title {
  font-family: var(--qhr-font-heading, 'Alexandria', 'Cairo', sans-serif);
  font-size: var(--qhr-text-base, 1rem);
  font-weight: 700;
  margin: 0 0 var(--qhr-space-1, 4px) 0;
  line-height: 1.3;
}
.qhr-alert-description {
  margin: 0;
  font-size: var(--qhr-text-sm, 0.875rem);
  line-height: 1.5;
  opacity: 0.92;
}
.qhr-alert-actions {
  display: flex;
  align-items: center;
  gap: var(--qhr-space-2, 8px);
  margin-block-start: var(--qhr-space-3, 12px);
}
.qhr-alert-close {
  flex-shrink: 0;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 4px;
  border-radius: var(--qhr-radius-sm, 6px);
  color: inherit;
  opacity: 0.7;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: opacity 150ms ease, background-color 150ms ease;
}
.qhr-alert-close:hover {
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.08);
}
[data-theme="dark"] .qhr-alert-close:hover {
  background-color: rgba(255, 255, 255, 0.12);
}


.qhr-alert--sm {
  padding: var(--qhr-space-2-5, 10px) var(--qhr-space-3, 12px);
  font-size: var(--qhr-text-xs, 0.75rem);
}
.qhr-alert--sm .qhr-alert-title {
  font-size: var(--qhr-text-sm, 0.875rem);
}
.qhr-alert--sm .qhr-alert-icon svg {
  width: 16px;
  height: 16px;
}

.qhr-alert--lg {
  padding: var(--qhr-space-5, 20px) var(--qhr-space-6, 24px);
  font-size: var(--qhr-text-base, 1rem);
}
.qhr-alert--lg .qhr-alert-title {
  font-size: var(--qhr-text-lg, 1.125rem);
}
.qhr-alert--lg .qhr-alert-icon svg {
  width: 24px;
  height: 24px;
}


.qhr-alert--info {
  background-color: var(--qhr-alert-info_bg, #eff6ff);
  border-color: var(--qhr-alert-info_border, #bfdbfe);
  color: var(--qhr-alert-info_fg, #073b6d);
}
.qhr-alert--success {
  background-color: var(--qhr-alert-success_bg, #ecfdf5);
  border-color: var(--qhr-alert-success_border, #a7f3d0);
  color: var(--qhr-alert-success_fg, #064e3b);
}
.qhr-alert--warning {
  background-color: var(--qhr-alert-warning_bg, #fffbeb);
  border-color: var(--qhr-alert-warning_border, #fde68a);
  color: var(--qhr-alert-warning_fg, #78350f);
}
.qhr-alert--danger {
  background-color: var(--qhr-alert-danger_bg, #fff1f2);
  border-color: var(--qhr-alert-danger_border, #fecdd3);
  color: var(--qhr-alert-danger_fg, #881337);
}
.qhr-alert--neutral {
  background-color: var(--qhr-surface-muted, #f1f5f9);
  border-color: var(--qhr-border-subtle, #cbd5e1);
  color: var(--qhr-content-primary, #0f172a);
}
.qhr-alert--luxury {
  background-color: rgba(201, 168, 76, 0.09);
  border-color: rgba(201, 168, 76, 0.35);
  color: var(--qhr-color-luxury-dark, #836720);
}


[data-theme="dark"] .qhr-alert--info {
  background-color: rgba(30, 58, 138, 0.35);
  border-color: rgba(59, 130, 246, 0.4);
  color: #bfdbfe;
}
[data-theme="dark"] .qhr-alert--success {
  background-color: rgba(6, 78, 59, 0.35);
  border-color: rgba(16, 185, 129, 0.4);
  color: #a7f3d0;
}
[data-theme="dark"] .qhr-alert--warning {
  background-color: rgba(120, 53, 15, 0.35);
  border-color: rgba(245, 158, 11, 0.4);
  color: #fde68a;
}
[data-theme="dark"] .qhr-alert--danger {
  background-color: rgba(136, 19, 55, 0.35);
  border-color: rgba(239, 68, 68, 0.4);
  color: #fecdd3;
}
[data-theme="dark"] .qhr-alert--neutral {
  background-color: rgba(255, 255, 255, 0.05);
  border-color: rgba(255, 255, 255, 0.12);
  color: #f8fafc;
}
[data-theme="dark"] .qhr-alert--luxury {
  background-color: rgba(201, 168, 76, 0.12);
  border-color: rgba(201, 168, 76, 0.4);
  color: var(--qhr-color-luxury-gold, #dfc378);
}


.qhr-alert--solid.qhr-alert--info {
  background-color: var(--qhr-color-info-600, #2563eb);
  color: #ffffff;
  border-color: transparent;
}
.qhr-alert--solid.qhr-alert--success {
  background-color: var(--qhr-color-success-600, #10b981);
  color: #ffffff;
  border-color: transparent;
}
.qhr-alert--solid.qhr-alert--warning {
  background-color: var(--qhr-color-warning-600, #d97706);
  color: #ffffff;
  border-color: transparent;
}
.qhr-alert--solid.qhr-alert--danger {
  background-color: var(--qhr-color-danger-600, #e11d48);
  color: #ffffff;
  border-color: transparent;
}
.qhr-alert--solid.qhr-alert--luxury {
  background: var(--qhr-color-luxury-gradient, linear-gradient(135deg, #c9a84c 0%, #a68430 100%));
  color: #121008;
  border-color: transparent;
}


.qhr-alert--outline {
  background-color: transparent !important;
}
.qhr-alert--outline.qhr-alert--info {
  border-color: var(--qhr-color-info-500, #3b82f6);
  color: var(--qhr-color-info-600, #2563eb);
}
.qhr-alert--outline.qhr-alert--success {
  border-color: var(--qhr-color-success-500, #10b981);
  color: var(--qhr-color-success-600, #059669);
}
.qhr-alert--outline.qhr-alert--warning {
  border-color: var(--qhr-color-warning-500, #f59e0b);
  color: var(--qhr-color-warning-700, #b45309);
}
.qhr-alert--outline.qhr-alert--danger {
  border-color: var(--qhr-color-danger-500, #ef4444);
  color: var(--qhr-color-danger-600, #dc2626);
}
.qhr-alert--outline.qhr-alert--luxury {
  border-color: var(--qhr-color-luxury-gold, #c9a84c);
  color: var(--qhr-color-luxury-gold, #c9a84c);
}


.qhr-alert--accent {
  border-inline-start-width: 4px;
}
.qhr-alert--accent.qhr-alert--info {
  border-inline-start-color: var(--qhr-color-info-500, #3b82f6);
}
.qhr-alert--accent.qhr-alert--success {
  border-inline-start-color: var(--qhr-color-success-500, #10b981);
}
.qhr-alert--accent.qhr-alert--warning {
  border-inline-start-color: var(--qhr-color-warning-500, #f59e0b);
}
.qhr-alert--accent.qhr-alert--danger {
  border-inline-start-color: var(--qhr-color-danger-500, #ef4444);
}
.qhr-alert--accent.qhr-alert--luxury {
  border-inline-start-color: var(--qhr-color-luxury-gold, #c9a84c);
}


.qhr-alert--banner {
  border-radius: 0;
  border-inline: none;
}

.qhr-avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  font-family: var(--qhr-font-heading, 'Alexandria', 'Cairo', sans-serif);
  font-weight: 700;
  background-color: var(--qhr-surface-muted, #f1f5f9);
  color: var(--qhr-content-secondary, #475569);
  user-select: none;
  vertical-align: middle;
  position: relative;
  flex-shrink: 0;
}

[data-theme="dark"] .qhr-avatar {
  background-color: var(--qhr-surface-elevated, #131b2e);
  color: var(--qhr-content-primary, #f8fafc);
  border: 1px solid var(--qhr-border-subtle, rgba(255, 255, 255, 0.1));
}

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

.qhr-avatar--circle { border-radius: var(--qhr-radius-pill, 9999px); }
.qhr-avatar--rounded { border-radius: var(--qhr-radius-md, 10px); }

.qhr-avatar--xs { width: 1.5rem; height: 1.5rem; font-size: 0.65rem; }
.qhr-avatar--sm { width: 2rem; height: 2rem; font-size: 0.75rem; }
.qhr-avatar--md { width: 2.5rem; height: 2.5rem; font-size: 0.875rem; }
.qhr-avatar--lg { width: 3rem; height: 3rem; font-size: 1rem; }
.qhr-avatar--xl { width: 4rem; height: 4rem; font-size: 1.25rem; }


.qhr-avatar--luxury {
  background: radial-gradient(circle, #dfc378 0%, #aa771c 100%);
  color: #121008;
  box-shadow: 0 0 12px rgba(201, 168, 76, 0.3);
}


.qhr-avatar-status {
  position: absolute;
  inset-block-end: 0;
  inset-inline-end: 0;
  width: 25%;
  height: 25%;
  border-radius: 50%;
  border: 2px solid var(--qhr-surface-base, #ffffff);
}
.qhr-avatar-status--online { background-color: var(--qhr-color-success-500, #10b981); }
.qhr-avatar-status--offline { background-color: var(--qhr-color-slate-400, #94a3b8); }


.qhr-avatar-group {
  display: inline-flex;
  align-items: center;
}
.qhr-avatar-group .qhr-avatar {
  border: 2px solid var(--qhr-surface-base, #ffffff);
  margin-inline-start: -0.75rem;
}
.qhr-avatar-group .qhr-avatar:first-child {
  margin-inline-start: 0;
}
[data-theme="dark"] .qhr-avatar-group .qhr-avatar {
  border-color: var(--qhr-surface-page, #07090e);
}

.qhr-back-to-top {
  position: fixed;
  inset-inline-end: 24px;
  inset-block-end: 24px;
  z-index: var(--qhr-z-sticky, 1100);
  width: 48px;
  height: 48px;
  border-radius: var(--qhr-radius-pill, 9999px);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background-color: var(--qhr-surface-elevated, #ffffff);
  border: 1px solid var(--qhr-color-primary-500, #c7a35a);
  color: var(--qhr-color-primary-500, #c7a35a);
  box-shadow: var(--qhr-shadow-lg, 0 10px 25px -5px rgba(0, 0, 0, 0.15));
  transition: transform var(--qhr-duration-fast, 150ms) ease, box-shadow var(--qhr-duration-fast, 150ms) ease;
}

[data-theme="dark"] .qhr-back-to-top {
  background-color: var(--qhr-surface-elevated, #131b2e);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5), 0 0 15px rgba(201, 168, 76, 0.15);
}

.qhr-back-to-top:hover {
  transform: translateY(-4px);
  box-shadow: var(--qhr-shadow-xl, 0 20px 25px -5px rgba(0, 0, 0, 0.25));
}

.qhr-back-to-top svg {
  width: 20px;
  height: 20px;
}

.qhr-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: var(--qhr-font-body);
  font-weight: 600;
  border-radius: var(--qhr-radius-sm, 6px);
  padding-block: var(--qhr-space-1, 4px);
  padding-inline: var(--qhr-space-2-5, 10px);
  font-size: var(--qhr-text-xs, 0.75rem);
  line-height: 1.25;
  border: 1px solid transparent;
  white-space: nowrap;
  vertical-align: middle;
}


.qhr-badge--pill {
  border-radius: var(--qhr-radius-pill, 9999px) !important;
}


.qhr-badge--xs {
  font-size: 10px;
  padding-block: 1px;
  padding-inline: 5px;
  border-radius: 4px;
}
.qhr-badge--sm {
  font-size: 11px;
  padding-block: 2px;
  padding-inline: 6px;
  border-radius: 4px;
}
.qhr-badge--md {
  font-size: var(--qhr-text-xs, 0.75rem);
  padding-block: var(--qhr-space-1, 4px);
  padding-inline: var(--qhr-space-2-5, 10px);
}
.qhr-badge--lg {
  font-size: var(--qhr-text-sm, 0.875rem);
  padding-block: 6px;
  padding-inline: 14px;
  border-radius: 8px;
}
.qhr-badge--xl {
  font-size: var(--qhr-text-base, 1rem);
  padding-block: 8px;
  padding-inline: 18px;
  border-radius: 10px;
}


.qhr-badge--primary {
  background-color: var(--qhr-color-primary, var(--qhr-color-primary-bg, #0b6bcb));
  color: var(--qhr-color-primary-fg, #ffffff);
}
.qhr-badge--accent {
  background-color: var(--qhr-color-accent, #d4af37);
  color: var(--qhr-color-accent-fg, #0f172a);
}
.qhr-badge--secondary {
  background-color: #8da4be;
  color: #ffffff;
}
.qhr-badge--info {
  background-color: var(--qhr-color-purple-600, #7c3aed);
  color: #ffffff;
}
.qhr-badge--success {
  background-color: var(--qhr-color-success-bg, #059669);
  color: #ffffff;
}
.qhr-badge--danger {
  background-color: var(--qhr-color-danger-bg, #e11d48);
  color: #ffffff;
}
.qhr-badge--warning {
  background-color: var(--qhr-color-warning-bg, #d97706);
  color: #ffffff;
}
.qhr-badge--light {
  background-color: #e2e8f0;
  color: #334155;
}
.qhr-badge--dark {
  background-color: #0f172a;
  color: #ffffff;
}


.qhr-badge--grey {
  background-color: #64748b;
  color: #ffffff;
}


.qhr-badge--destructive {
  background-color: var(--qhr-color-danger-bg, #e11d48);
  color: #ffffff;
}


.qhr-badge--outline {
  background-color: transparent !important;
  border-color: var(--qhr-border-strong, #cbd5e1);
  color: var(--qhr-content-primary, #0f172a);
}
.qhr-badge--outline.qhr-badge--primary {
  border-color: var(--qhr-color-primary-bg, #0b6bcb);
  color: var(--qhr-color-primary-bg, #0b6bcb);
}
.qhr-badge--outline.qhr-badge--secondary {
  border-color: #8da4be;
  color: #475569;
}
.qhr-badge--outline.qhr-badge--success {
  border-color: var(--qhr-color-success-bg, #059669);
  color: var(--qhr-color-success-bg, #059669);
}
.qhr-badge--outline.qhr-badge--danger,
.qhr-badge--outline.qhr-badge--destructive {
  border-color: var(--qhr-color-danger-bg, #e11d48);
  color: var(--qhr-color-danger-bg, #e11d48);
}
.qhr-badge--outline.qhr-badge--warning {
  border-color: var(--qhr-color-warning-bg, #d97706);
  color: var(--qhr-color-warning-bg, #d97706);
}
.qhr-badge--outline.qhr-badge--info {
  border-color: var(--qhr-color-purple-600, #7c3aed);
  color: var(--qhr-color-purple-600, #7c3aed);
}
.qhr-badge--outline.qhr-badge--dark {
  border-color: #0f172a;
  color: #0f172a;
}


a.qhr-badge,
button.qhr-badge,
.qhr-badge[role="button"],
.qhr-badge--interactive {
  cursor: pointer;
  text-decoration: none;
  transition: background-color var(--qhr-motion-fast, 150ms) ease,
              color var(--qhr-motion-fast, 150ms) ease,
              border-color var(--qhr-motion-fast, 150ms) ease,
              box-shadow var(--qhr-motion-fast, 150ms) ease,
              opacity var(--qhr-motion-fast, 150ms) ease;
}
a.qhr-badge:hover,
button.qhr-badge:hover,
.qhr-badge[role="button"]:hover,
.qhr-badge--interactive:hover {
  opacity: 0.82;
}
a.qhr-badge:focus-visible,
button.qhr-badge:focus-visible,
.qhr-badge[role="button"]:focus-visible,
.qhr-badge--interactive:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px var(--qhr-surface-base, #ffffff), 0 0 0 4px var(--qhr-ring-focus, #3b82f6);
}


[data-theme="dark"] .qhr-badge--outline {
  border-color: var(--qhr-border-subtle, #334155);
  color: var(--qhr-content-primary, #f8fafc);
}
[data-theme="dark"] .qhr-badge--outline.qhr-badge--secondary {
  border-color: #64748b;
  color: #94a3b8;
}
[data-theme="dark"] .qhr-badge--outline.qhr-badge--dark {
  border-color: #64748b;
  color: #f8fafc;
}
[data-theme="dark"] .qhr-badge--light {
  background-color: #1e293b;
  color: #e2e8f0;
}
[data-theme="dark"] a.qhr-badge:focus-visible,
[data-theme="dark"] button.qhr-badge:focus-visible,
[data-theme="dark"] .qhr-badge--interactive:focus-visible {
  box-shadow: 0 0 0 2px #0f172a, 0 0 0 4px var(--qhr-ring-focus, #60a5fa);
}


.qhr-badge--subtle.qhr-badge--primary {
  background-color: var(--qhr-badge-primary_bg, #eff6ff);
  color: var(--qhr-badge-primary_fg, #0b6bcb);
  border-color: rgba(59, 130, 246, 0.25);
}
.qhr-badge--subtle.qhr-badge--success {
  background-color: var(--qhr-badge-success_bg, #ecfdf5);
  color: var(--qhr-badge-success_fg, #059669);
  border-color: rgba(16, 185, 129, 0.25);
}
.qhr-badge--subtle.qhr-badge--warning {
  background-color: var(--qhr-badge-warning_bg, #fffbeb);
  color: var(--qhr-badge-warning_fg, #d97706);
  border-color: rgba(245, 158, 11, 0.25);
}
.qhr-badge--subtle.qhr-badge--danger {
  background-color: var(--qhr-badge-danger_bg, #fff1f2);
  color: var(--qhr-badge-danger_fg, #e11d48);
  border-color: rgba(244, 63, 94, 0.25);
}


.qhr-badge-dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: currentColor;
  flex-shrink: 0;
}
.qhr-badge-dot--standalone {
  display: inline-block;
  border-radius: 50%;
  flex-shrink: 0;
}
.qhr-badge-dot--sm { width: 6px; height: 6px; }
.qhr-badge-dot--md { width: 9px; height: 9px; }
.qhr-badge-dot--lg { width: 12px; height: 12px; }
.qhr-badge-dot--xl { width: 16px; height: 16px; }

.qhr-badge-dot--primary   { background-color: #0b6bcb; }
.qhr-badge-dot--secondary { background-color: #8da4be; }
.qhr-badge-dot--info      { background-color: #7c3aed; }
.qhr-badge-dot--success   { background-color: #059669; }
.qhr-badge-dot--danger    { background-color: #e11d48; }
.qhr-badge-dot--warning   { background-color: #d97706; }
.qhr-badge-dot--dark      { background-color: #0f172a; }
.qhr-badge-dot--grey      { background-color: #94a3b8; }


.qhr-badge-ring {
  display: inline-block;
  border-radius: 50%;
  background: transparent;
  flex-shrink: 0;
  border: 2px solid currentColor;
}
.qhr-badge-ring--sm { width: 8px; height: 8px; border-width: 1.5px; }
.qhr-badge-ring--md { width: 12px; height: 12px; border-width: 2px; }
.qhr-badge-ring--lg { width: 16px; height: 16px; border-width: 2px; }
.qhr-badge-ring--xl { width: 20px; height: 20px; border-width: 2.5px; }

.qhr-badge-ring.fill {
  background-color: currentColor !important;
}

.qhr-badge-ring--primary   { color: #0b6bcb; }
.qhr-badge-ring--secondary { color: #8da4be; }
.qhr-badge-ring--info      { color: #7c3aed; }
.qhr-badge-ring--success   { color: #059669; }
.qhr-badge-ring--danger    { color: #e11d48; }
.qhr-badge-ring--warning   { color: #d97706; }
.qhr-badge-ring--dark      { color: #0f172a; }
.qhr-badge-ring--grey      { color: #94a3b8; }

.qhr-breadcrumb {
  display: flex;
  align-items: center;
  font-family: var(--qhr-font-body, 'Cairo', sans-serif);
}
.qhr-breadcrumb-list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
  gap: var(--qhr-space-2, 8px);
}
.qhr-breadcrumb-item {
  display: inline-flex;
  align-items: center;
  gap: var(--qhr-space-2, 8px);
  font-size: var(--qhr-text-sm, 13px);
  color: var(--qhr-text-muted, #94a3b8);
}
.qhr-breadcrumb-link {
  color: var(--qhr-text-secondary, #cbd5e1);
  text-decoration: none;
  transition: color var(--qhr-motion-duration-fast, 150ms);
}
.qhr-breadcrumb-link:hover {
  color: var(--qhr-color-primary-base, #c7a35a);
}
.qhr-breadcrumb-separator {
  color: var(--qhr-text-muted, #64748b);
  display: inline-flex;
  align-items: center;
}
.qhr-breadcrumb-current {
  color: var(--qhr-color-primary-base, #c7a35a);
  font-weight: 600;
}

.qhr-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: var(--qhr-font-body);
  font-weight: 600;
  border-radius: var(--qhr-radius-md, 10px);
  border: 1px solid transparent;
  cursor: pointer;
  user-select: none;
  text-decoration: none;
  white-space: nowrap;
  transition: background-color var(--qhr-duration-fast, 150ms) var(--qhr-ease-default, ease),
              border-color var(--qhr-duration-fast, 150ms) var(--qhr-ease-default, ease),
              box-shadow var(--qhr-duration-fast, 150ms) var(--qhr-ease-default, ease),
              transform var(--qhr-duration-fast, 150ms) var(--qhr-ease-default, ease);
}

.qhr-btn:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px var(--qhr-ring-focus, rgba(11, 107, 203, 0.35));
}

.qhr-btn:active {
  transform: scale(0.98);
}


.qhr-btn--xs {
  font-size: var(--qhr-text-xs, 0.75rem);
  padding-block: var(--qhr-space-1, 4px);
  padding-inline: var(--qhr-space-2, 8px);
  gap: var(--qhr-space-1, 4px);
  border-radius: var(--qhr-radius-xs, 4px);
}

.qhr-btn--sm {
  font-size: var(--qhr-text-sm, 0.875rem);
  padding-block: var(--qhr-space-1-5, 6px);
  padding-inline: var(--qhr-space-3, 12px);
  gap: var(--qhr-space-1-5, 6px);
  border-radius: var(--qhr-radius-sm, 6px);
}

.qhr-btn--md {
  font-size: var(--qhr-text-base, 1rem);
  padding-block: var(--qhr-space-2, 8px);
  padding-inline: var(--qhr-space-4, 16px);
  gap: var(--qhr-space-2, 8px);
  border-radius: var(--qhr-radius-md, 10px);
}

.qhr-btn--lg {
  font-size: var(--qhr-text-lg, 1.125rem);
  padding-block: var(--qhr-space-3, 12px);
  padding-inline: var(--qhr-space-6, 24px);
  gap: var(--qhr-space-3, 12px);
  border-radius: var(--qhr-radius-lg, 16px);
}

.qhr-btn--xl {
  font-size: var(--qhr-text-xl, 1.25rem);
  padding-block: var(--qhr-space-4, 16px);
  padding-inline: var(--qhr-space-8, 32px);
  gap: var(--qhr-space-4, 16px);
  border-radius: var(--qhr-radius-xl, 24px);
}


.qhr-btn--primary {
  background-color: var(--qhr-button-primary-background, var(--qhr-color-primary, var(--qhr-color-primary-bg, #0b6bcb)));
  color: var(--qhr-button-primary-foreground, var(--qhr-color-primary-fg, #ffffff));
  border-color: var(--qhr-button-primary-border, var(--qhr-color-primary, #0b6bcb));
  box-shadow: 0 1px 2px 0 rgba(11, 107, 203, 0.2);
}
.qhr-btn--primary:hover {
  background-color: var(--qhr-button-primary-hover, var(--qhr-color-primary-hover, #0958a5));
  border-color: var(--qhr-button-primary-hover, var(--qhr-color-primary-hover, #0958a5));
}

.qhr-btn--secondary {
  background-color: var(--qhr-button-secondary-background, var(--qhr-color-secondary, var(--qhr-color-secondary-bg, #f1f5f9)));
  color: var(--qhr-button-secondary-foreground, var(--qhr-color-secondary-fg, #0f172a));
  border-color: var(--qhr-button-secondary-border, var(--qhr-color-secondary-border, #cbd5e1));
}
.qhr-btn--secondary:hover {
  background-color: var(--qhr-button-secondary-hover, var(--qhr-color-secondary-hover, #e2e8f0));
  border-color: var(--qhr-border-strong, #94a3b8);
}

.qhr-btn--outline {
  background-color: transparent;
  border: 1.5px solid var(--qhr-button-outline-border, var(--qhr-color-primary-border, var(--qhr-color-primary, #0b6bcb)));
  color: var(--qhr-button-outline-foreground, var(--qhr-color-primary, var(--qhr-color-primary-bg, #0b6bcb)));
}
.qhr-btn--outline:hover {
  background-color: var(--qhr-button-outline-hover, var(--qhr-color-primary-subtle, #eff6ff));
}

.qhr-btn--ghost {
  background-color: transparent;
  color: var(--qhr-button-ghost-foreground, var(--qhr-color-primary, var(--qhr-color-primary-bg, #0b6bcb)));
}
.qhr-btn--ghost:hover {
  background-color: var(--qhr-button-ghost-hover, var(--qhr-color-primary-subtle, #eff6ff));
}

.qhr-btn--destructive {
  background-color: var(--qhr-button-destructive-background, var(--qhr-color-danger-bg, #e11d48));
  color: #ffffff;
  box-shadow: 0 1px 2px 0 rgba(225, 29, 72, 0.2);
}
.qhr-btn--destructive:hover {
  background-color: var(--qhr-button-destructive-hover, var(--qhr-color-danger-hover, #be123c));
}

.qhr-btn.is-disabled, .qhr-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
  box-shadow: none;
}


.qhr-btn--tone-default {
  background-color: var(--qhr-color-slate-100, #f1f5f9);
  color: var(--qhr-color-slate-900, #0f172a);
  border-color: var(--qhr-color-slate-300, #cbd5e1);
}
.qhr-btn--tone-default:hover {
  background-color: var(--qhr-color-slate-200, #e2e8f0);
}

.qhr-btn--tone-primary {
  background-color: var(--qhr-color-primary-bg, #0b6bcb);
  color: #ffffff;
}
.qhr-btn--tone-primary:hover {
  background-color: var(--qhr-color-primary-hover, #0958a5);
}

.qhr-btn--tone-secondary {
  background-color: #64748b;
  color: #ffffff;
}
.qhr-btn--tone-secondary:hover {
  background-color: #475569;
}

.qhr-btn--tone-info {
  background-color: var(--qhr-color-purple-600, #7c3aed);
  color: #ffffff;
}
.qhr-btn--tone-info:hover {
  background-color: var(--qhr-color-purple-700, #6d28d9);
}

.qhr-btn--tone-success {
  background-color: var(--qhr-color-success-bg, #059669);
  color: #ffffff;
}
.qhr-btn--tone-success:hover {
  background-color: var(--qhr-color-success-hover, #047857);
}

.qhr-btn--tone-danger {
  background-color: var(--qhr-color-danger-bg, #e11d48);
  color: #ffffff;
}
.qhr-btn--tone-danger:hover {
  background-color: var(--qhr-color-danger-hover, #be123c);
}

.qhr-btn--tone-warning {
  background-color: var(--qhr-color-warning-bg, #d97706);
  color: #ffffff;
}
.qhr-btn--tone-warning:hover {
  background-color: var(--qhr-color-warning-hover, #b45309);
}

.qhr-btn--tone-dark {
  background-color: #0f172a;
  color: #ffffff;
}
.qhr-btn--tone-dark:hover {
  background-color: #020617;
}

.qhr-btn--tone-light {
  background-color: #f8fafc;
  color: #0f172a;
  border-color: #e2e8f0;
}
.qhr-btn--tone-light:hover {
  background-color: #f1f5f9;
}


.qhr-btn--gradient {
  color: #ffffff !important;
  border: none !important;
}
.qhr-btn--gradient.qhr-btn--tone-primary,
.qhr-btn--gradient-primary {
  background: linear-gradient(135deg, #0b6bcb 0%, #3b82f6 100%);
}
.qhr-btn--gradient.qhr-btn--tone-secondary,
.qhr-btn--gradient-secondary {
  background: linear-gradient(135deg, #64748b 0%, #94a3b8 100%);
}
.qhr-btn--gradient.qhr-btn--tone-info,
.qhr-btn--gradient-info {
  background: linear-gradient(135deg, #7c3aed 0%, #a855f7 100%);
}
.qhr-btn--gradient.qhr-btn--tone-success,
.qhr-btn--gradient-success {
  background: linear-gradient(135deg, #059669 0%, #10b981 100%);
}
.qhr-btn--gradient.qhr-btn--tone-danger,
.qhr-btn--gradient-danger {
  background: linear-gradient(135deg, #e11d48 0%, #f43f5e 100%);
}
.qhr-btn--gradient.qhr-btn--tone-warning,
.qhr-btn--gradient-warning {
  background: linear-gradient(135deg, #d97706 0%, #f59e0b 100%);
}
.qhr-btn--gradient:hover {
  opacity: 0.92;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}


.qhr-btn--light {
  border-color: transparent !important;
}
.qhr-btn--light.qhr-btn--tone-primary {
  background-color: var(--qhr-color-blue-50, #eff6ff);
  color: var(--qhr-color-primary-bg, #0b6bcb);
}
.qhr-btn--light.qhr-btn--tone-info {
  background-color: var(--qhr-color-purple-50, #faf5ff);
  color: var(--qhr-color-purple-600, #7c3aed);
}
.qhr-btn--light.qhr-btn--tone-success {
  background-color: var(--qhr-color-emerald-50, #ecfdf5);
  color: var(--qhr-color-success-bg, #059669);
}
.qhr-btn--light.qhr-btn--tone-danger {
  background-color: var(--qhr-color-rose-50, #fff1f2);
  color: var(--qhr-color-danger-bg, #e11d48);
}
.qhr-btn--light.qhr-btn--tone-warning {
  background-color: var(--qhr-color-amber-50, #fffbeb);
  color: var(--qhr-color-warning-bg, #d97706);
}


.qhr-btn--outline.qhr-btn--tone-default {
  background-color: transparent;
  border: 1.5px solid #cbd5e1;
  color: #475569;
}
.qhr-btn--outline.qhr-btn--tone-primary {
  background-color: transparent;
  border: 1.5px solid var(--qhr-color-primary-bg, #0b6bcb);
  color: var(--qhr-color-primary-bg, #0b6bcb);
}
.qhr-btn--outline.qhr-btn--tone-secondary {
  background-color: transparent;
  border: 1.5px solid #64748b;
  color: #64748b;
}
.qhr-btn--outline.qhr-btn--tone-info {
  background-color: transparent;
  border: 1.5px solid #7c3aed;
  color: #7c3aed;
}
.qhr-btn--outline.qhr-btn--tone-success {
  background-color: transparent;
  border: 1.5px solid #059669;
  color: #059669;
}
.qhr-btn--outline.qhr-btn--tone-danger {
  background-color: transparent;
  border: 1.5px solid #e11d48;
  color: #e11d48;
}
.qhr-btn--outline.qhr-btn--tone-warning {
  background-color: transparent;
  border: 1.5px solid #d97706;
  color: #d97706;
}
.qhr-btn--outline.qhr-btn--tone-dark {
  background-color: transparent;
  border: 1.5px solid #0f172a;
  color: #0f172a;
}
.qhr-btn--outline.qhr-btn--tone-light {
  background-color: transparent;
  border: 1.5px solid #e2e8f0;
  color: #64748b;
}


.qhr-btn--outline-light.qhr-btn--tone-primary {
  border: 1px solid rgba(11, 107, 203, 0.3);
  color: #0b6bcb;
  background-color: transparent;
}
.qhr-btn--outline-light.qhr-btn--tone-info {
  border: 1px solid rgba(124, 58, 237, 0.3);
  color: #7c3aed;
  background-color: transparent;
}
.qhr-btn--outline-light.qhr-btn--tone-success {
  border: 1px solid rgba(5, 150, 105, 0.3);
  color: #059669;
  background-color: transparent;
}
.qhr-btn--outline-light.qhr-btn--tone-danger {
  border: 1px solid rgba(225, 29, 72, 0.3);
  color: #e11d48;
  background-color: transparent;
}
.qhr-btn--outline-light.qhr-btn--tone-warning {
  border: 1px solid rgba(217, 119, 6, 0.3);
  color: #d97706;
  background-color: transparent;
}


.qhr-btn--rounded {
  border-radius: var(--qhr-radius-pill, 9999px) !important;
}


.qhr-btn--flat {
  box-shadow: none !important;
  border-radius: 0px !important;
}


.qhr-btn--circle {
  border-radius: 50% !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0;
}
.qhr-btn--circle.qhr-btn--xs {
  width: 24px;
  height: 24px;
  font-size: 11px;
}
.qhr-btn--circle.qhr-btn--sm {
  width: 32px;
  height: 32px;
  font-size: 13px;
}
.qhr-btn--circle.qhr-btn--md {
  width: 40px;
  height: 40px;
  font-size: 15px;
}
.qhr-btn--circle.qhr-btn--lg {
  width: 48px;
  height: 48px;
  font-size: 18px;
}
.qhr-btn--circle.qhr-btn--xl {
  width: 56px;
  height: 56px;
  font-size: 22px;
}


.qhr-btn-split {
  display: inline-flex;
  align-items: stretch;
  vertical-align: middle;
}
.qhr-btn-split > .qhr-btn:first-child {
  border-start-end-radius: 0;
  border-end-end-radius: 0;
}
.qhr-btn-split > .qhr-btn:last-child {
  border-start-start-radius: 0;
  border-end-start-radius: 0;
  padding-inline: var(--qhr-space-2, 8px);
  border-inline-start: 1px solid rgba(255, 255, 255, 0.25);
}


.qhr-btn-group {
  display: inline-flex;
  align-items: stretch;
  vertical-align: middle;
}
.qhr-btn-group > .qhr-btn {
  border-radius: 0;
}
.qhr-btn-group > .qhr-btn:not(:first-child) {
  margin-inline-start: -1px;
}
.qhr-btn-group > .qhr-btn:first-child {
  border-start-start-radius: var(--qhr-radius-md, 10px);
  border-end-start-radius: var(--qhr-radius-md, 10px);
}
.qhr-btn-group > .qhr-btn:last-child {
  border-start-end-radius: var(--qhr-radius-md, 10px);
  border-end-end-radius: var(--qhr-radius-md, 10px);
}

.qhr-btn-group--vertical {
  display: inline-flex;
  flex-direction: column;
  align-items: stretch;
}
.qhr-btn-group--vertical > .qhr-btn {
  border-radius: 0;
  width: 100%;
}
.qhr-btn-group--vertical > .qhr-btn:not(:first-child) {
  margin-block-start: -1px;
}
.qhr-btn-group--vertical > .qhr-btn:first-child {
  border-start-start-radius: var(--qhr-radius-md, 10px);
  border-start-end-radius: var(--qhr-radius-md, 10px);
}
.qhr-btn-group--vertical > .qhr-btn:last-child {
  border-end-start-radius: var(--qhr-radius-md, 10px);
  border-end-end-radius: var(--qhr-radius-md, 10px);
}


.qhr-btn--social {
  display: inline-flex;
  align-items: center;
  gap: var(--qhr-space-2, 8px);
  color: #ffffff !important;
}
.qhr-btn--social-github   { background-color: #24292e; }
.qhr-btn--social-twitter  { background-color: #1da1f2; }
.qhr-btn--social-facebook { background-color: #1877f2; }
.qhr-btn--social-linkedin { background-color: #0a66c2; }
.qhr-btn--social-youtube  { background-color: #ff0000; }
.qhr-btn--social-whatsapp { background-color: #25d366; }


.qhr-btn-app {
  position: relative;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 80px;
  height: 70px;
  padding: var(--qhr-space-3, 12px);
  font-size: var(--qhr-text-xs, 0.75rem);
  font-weight: 600;
  border-radius: var(--qhr-radius-md, 10px);
  border: 1px solid var(--qhr-border-subtle, rgba(255, 255, 255, 0.1));
  background-color: var(--qhr-surface-elevated, #1e293b);
  color: var(--qhr-text-base, #ffffff);
  text-decoration: none;
  cursor: pointer;
  transition: all var(--qhr-duration-fast, 150ms) ease;
}
.qhr-btn-app:hover {
  border-color: var(--qhr-brand-primary, #0b6bcb);
  transform: translateY(-2px);
}
.qhr-btn-app svg {
  width: 24px;
  height: 24px;
  margin-block-end: var(--qhr-space-1, 4px);
}
.qhr-btn-app .qhr-badge {
  position: absolute;
  top: -6px;
  inset-inline-end: -6px;
}


.qhr-btn--fab {
  position: fixed;
  inset-block-end: var(--qhr-space-6, 24px);
  inset-inline-end: var(--qhr-space-6, 24px);
  width: 56px;
  height: 56px;
  border-radius: var(--qhr-radius-pill, 9999px);
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: var(--qhr-shadow-lg, 0 10px 25px -5px rgba(0,0,0,0.4));
  z-index: var(--qhr-z-sticky, 900);
  transition: transform var(--qhr-motion-duration-fast, 150ms) var(--qhr-motion-ease-standard),
              box-shadow var(--qhr-motion-duration-fast, 150ms) var(--qhr-motion-ease-standard);
}
.qhr-btn--fab:hover {
  transform: translateY(-3px) scale(1.03);
  box-shadow: var(--qhr-shadow-xl, 0 20px 30px -10px rgba(0,0,0,0.5));
}
.qhr-btn--fab--sm {
  width: 44px;
  height: 44px;
}

.qhr-callout {
  display: flex;
  align-items: flex-start;
  gap: var(--qhr-space-3, 12px);
  border-radius: var(--qhr-radius-lg, 14px);
  padding: var(--qhr-space-4, 16px);
  background-color: var(--qhr-surface-muted, #f8fafc);
  border-inline-start: 4px solid var(--qhr-color-primary-base, #c7a35a);
  border-block: 1px solid var(--qhr-border-subtle, #e2e8f0);
  border-inline-end: 1px solid var(--qhr-border-subtle, #e2e8f0);
  font-family: var(--qhr-font-body, 'Cairo', sans-serif);
  position: relative;
  transition: all 150ms ease;
}

[data-theme="dark"] .qhr-callout {
  background-color: var(--qhr-surface-elevated, #131b2e);
  border-block-color: var(--qhr-border-subtle, #1e293b);
  border-inline-end-color: var(--qhr-border-subtle, #1e293b);
}

.qhr-callout-icon {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-block-start: 2px;
}
.qhr-callout-icon svg {
  width: 20px;
  height: 20px;
}

.qhr-callout-content {
  flex: 1;
  min-width: 0;
}

.qhr-callout-title {
  font-family: var(--qhr-font-heading, 'Alexandria', 'Cairo', sans-serif);
  font-weight: 700;
  font-size: var(--qhr-text-sm, 0.875rem);
  margin: 0 0 4px;
  color: var(--qhr-content-primary, #0f172a);
}
[data-theme="dark"] .qhr-callout-title {
  color: var(--qhr-content-primary, #f8fafc);
}

.qhr-callout-body {
  font-size: var(--qhr-text-sm, 0.875rem);
  color: var(--qhr-content-secondary, #64748b);
  line-height: 1.6;
}
[data-theme="dark"] .qhr-callout-body {
  color: var(--qhr-content-secondary, #94a3b8);
}


.qhr-callout--primary {
  border-inline-start-color: var(--qhr-color-primary-500, #c7a35a);
}
.qhr-callout--primary .qhr-callout-icon {
  color: var(--qhr-color-primary-500, #c7a35a);
}

.qhr-callout--success {
  border-inline-start-color: var(--qhr-color-success-500, #10b981);
}
.qhr-callout--success .qhr-callout-icon {
  color: var(--qhr-color-success-500, #10b981);
}

.qhr-callout--warning {
  border-inline-start-color: var(--qhr-color-warning-500, #f59e0b);
}
.qhr-callout--warning .qhr-callout-icon {
  color: var(--qhr-color-warning-500, #f59e0b);
}

.qhr-callout--danger {
  border-inline-start-color: var(--qhr-color-danger-500, #ef4444);
}
.qhr-callout--danger .qhr-callout-icon {
  color: var(--qhr-color-danger-500, #ef4444);
}

.qhr-callout--info {
  border-inline-start-color: var(--qhr-color-info-500, #3b82f6);
}
.qhr-callout--info .qhr-callout-icon {
  color: var(--qhr-color-info-500, #3b82f6);
}

.qhr-callout--luxury {
  border-inline-start-color: var(--qhr-color-luxury-gold, #c9a84c);
  background: radial-gradient(circle at top right, rgba(201, 168, 76, 0.06), transparent 70%), var(--qhr-surface-muted, #f8fafc);
}
[data-theme="dark"] .qhr-callout--luxury {
  background: radial-gradient(circle at top right, rgba(201, 168, 76, 0.08), transparent 70%), var(--qhr-surface-elevated, #131b2e);
}
.qhr-callout--luxury .qhr-callout-icon {
  color: var(--qhr-color-luxury-gold, #c9a84c);
}
.qhr-callout--luxury .qhr-callout-title {
  color: var(--qhr-color-luxury-gold, #c9a84c);
}


.qhr-callout--soft {
  border-block-color: transparent;
  border-inline-end-color: transparent;
}

.qhr-canvas-sparks-wrapper {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 1;
}

.qhr-canvas-sparks-wrapper canvas {
  width: 100%;
  height: 100%;
  display: block;
}

.qhr-card {
  background-color: var(--qhr-surface-elevated, #ffffff);
  border: 1px solid var(--qhr-border-subtle, #e2e8f0);
  border-radius: var(--qhr-radius-lg, 16px);
  padding: var(--qhr-space-5, 20px);
  box-shadow: var(--qhr-shadow-sm, 0 1px 3px 0 rgba(0, 0, 0, 0.1));
  transition: box-shadow var(--qhr-duration-fast, 150ms);
}

.qhr-card--elevated {
  box-shadow: var(--qhr-shadow-md, 0 4px 6px -1px rgba(0, 0, 0, 0.1));
}
.qhr-card--elevated:hover {
  box-shadow: var(--qhr-shadow-lg, 0 10px 15px -3px rgba(0, 0, 0, 0.1));
}


.qhr-card,
.qhr-box {
  display: flex;
  flex-direction: column;
  background-color: var(--qhr-surface-elevated, #ffffff);
  border: 1px solid var(--qhr-border-subtle, #e2e8f0);
  border-radius: var(--qhr-radius-lg, 16px);
  position: relative;
  overflow: hidden;
  transition: box-shadow var(--qhr-duration-normal, 200ms) var(--qhr-ease-default, ease),
              border-color var(--qhr-duration-normal, 200ms) var(--qhr-ease-default, ease),
              transform var(--qhr-duration-fast, 150ms) var(--qhr-ease-default, ease);
}


.qhr-card--sm, .qhr-box--sm {
  border-radius: var(--qhr-radius-md, 10px);
}
.qhr-card--sm .qhr-card-header,
.qhr-card--sm .qhr-box-header {
  padding: var(--qhr-space-3, 12px) var(--qhr-space-4, 16px);
}
.qhr-card--sm .qhr-card-body,
.qhr-card--sm .qhr-box-body {
  padding: var(--qhr-space-3, 12px) var(--qhr-space-4, 16px);
}
.qhr-card--sm .qhr-card-footer,
.qhr-card--sm .qhr-box-footer {
  padding: var(--qhr-space-2, 8px) var(--qhr-space-4, 16px);
}

.qhr-card--md, .qhr-box--md {
  border-radius: var(--qhr-radius-lg, 16px);
}
.qhr-card--md .qhr-card-header,
.qhr-card--md .qhr-box-header,
.qhr-card-header,
.qhr-box-header {
  padding: var(--qhr-space-4, 16px) var(--qhr-space-5, 20px);
}
.qhr-card--md .qhr-card-body,
.qhr-card--md .qhr-box-body,
.qhr-card-body,
.qhr-box-body {
  padding: var(--qhr-space-5, 20px);
}
.qhr-card--md .qhr-card-footer,
.qhr-card--md .qhr-box-footer,
.qhr-card-footer,
.qhr-box-footer {
  padding: var(--qhr-space-3, 12px) var(--qhr-space-5, 20px);
}

.qhr-card--lg, .qhr-box--lg {
  border-radius: var(--qhr-radius-xl, 20px);
}
.qhr-card--lg .qhr-card-header,
.qhr-card--lg .qhr-box-header {
  padding: var(--qhr-space-6, 24px) var(--qhr-space-8, 32px);
}
.qhr-card--lg .qhr-card-body,
.qhr-card--lg .qhr-box-body {
  padding: var(--qhr-space-8, 32px);
}
.qhr-card--lg .qhr-card-footer,
.qhr-card--lg .qhr-box-footer {
  padding: var(--qhr-space-4, 16px) var(--qhr-space-8, 32px);
}


.qhr-card--outline, .qhr-box--outline {
  box-shadow: none;
}
.qhr-card--elevated, .qhr-box--elevated {
  box-shadow: var(--qhr-shadow-md, 0 4px 14px rgba(0, 0, 0, 0.08));
}
.qhr-card--flat, .qhr-box--flat {
  background-color: var(--qhr-surface-muted, #f8fafc);
  border-color: transparent;
  box-shadow: none;
}


.qhr-card-header,
.qhr-box-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--qhr-space-3, 12px);
  border-block-end: 1px solid var(--qhr-border-subtle, #e2e8f0);
}
.qhr-card-header-main,
.qhr-box-header-main {
  flex: 1;
  min-width: 0;
}
.qhr-card-title,
.qhr-box-title {
  font-family: var(--qhr-font-heading, 'Cairo', sans-serif);
  font-size: var(--qhr-text-base, 1rem);
  font-weight: 700;
  margin: 0;
  color: var(--qhr-content-primary, #0f172a);
}
.qhr-card-subtitle,
.qhr-box-subtitle {
  font-size: var(--qhr-text-xs, 0.75rem);
  color: var(--qhr-content-secondary, #64748b);
  margin: var(--qhr-space-0-5, 2px) 0 0;
}
.qhr-card-tools,
.qhr-box-tools {
  display: inline-flex;
  align-items: center;
  gap: var(--qhr-space-1-5, 6px);
}


.qhr-card-body,
.qhr-box-body {
  flex: 1;
  color: var(--qhr-content-primary, #0f172a);
}
.qhr-card-footer,
.qhr-box-footer {
  border-block-start: 1px solid var(--qhr-border-subtle, #e2e8f0);
  background-color: var(--qhr-surface-muted, #f8fafc);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--qhr-space-3, 12px);
  font-size: var(--qhr-text-sm, 0.875rem);
}


.qhr-card.is-collapsed .qhr-card-body,
.qhr-card.is-collapsed .qhr-card-footer,
.qhr-box.is-collapsed .qhr-box-body,
.qhr-box.is-collapsed .qhr-box-footer {
  display: none !important;
}

.qhr-card.is-fullscreen,
.qhr-box.is-fullscreen {
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  max-width: none !important;
  z-index: 2500 !important;
  border-radius: 0 !important;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.75) !important;
}

.qhr-card-loader,
.qhr-box-loader {
  position: absolute;
  inset: 0;
  background-color: rgba(255, 255, 255, 0.85);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 20;
  backdrop-filter: blur(2px);
}

[data-theme="dark"] .qhr-card-loader,
[data-theme="dark"] .qhr-box-loader {
  background-color: rgba(15, 23, 42, 0.85);
}


.qhr-card--color-primary,
.qhr-box--color-primary {
  border-color: var(--qhr-color-primary-500, #c7a35a);
}
.qhr-card--color-primary .qhr-card-header,
.qhr-box--color-primary .qhr-box-header {
  background-color: rgba(199, 163, 90, 0.08);
  border-block-end-color: rgba(199, 163, 90, 0.2);
}

.qhr-card--color-success,
.qhr-box--color-success {
  border-color: var(--qhr-color-success-500, #10b981);
}
.qhr-card--color-success .qhr-card-header,
.qhr-box--color-success .qhr-box-header {
  background-color: rgba(16, 185, 129, 0.08);
  border-block-end-color: rgba(16, 185, 129, 0.2);
}

.qhr-card--color-warning,
.qhr-box--color-warning {
  border-color: var(--qhr-color-warning-500, #f59e0b);
}
.qhr-card--color-warning .qhr-card-header,
.qhr-box--color-warning .qhr-box-header {
  background-color: rgba(245, 158, 11, 0.08);
  border-block-end-color: rgba(245, 158, 11, 0.2);
}

.qhr-card--color-danger,
.qhr-box--color-danger {
  border-color: var(--qhr-color-danger-500, #ef4444);
}
.qhr-card--color-danger .qhr-card-header,
.qhr-box--color-danger .qhr-box-header {
  background-color: rgba(239, 68, 68, 0.08);
  border-block-end-color: rgba(239, 68, 68, 0.2);
}

.qhr-card--color-info,
.qhr-box--color-info {
  border-color: var(--qhr-color-info-500, #3b82f6);
}
.qhr-card--color-info .qhr-card-header,
.qhr-box--color-info .qhr-box-header {
  background-color: rgba(59, 130, 246, 0.08);
  border-block-end-color: rgba(59, 130, 246, 0.2);
}


.qhr-card--accent-top,
.qhr-box--accent-top {
  border-block-start-width: 4px;
}
.qhr-card--accent-top.qhr-card--color-primary,
.qhr-box--accent-top.qhr-box--color-primary {
  border-block-start-color: var(--qhr-color-primary-500, #c7a35a);
}
.qhr-card--accent-top.qhr-card--color-success,
.qhr-box--accent-top.qhr-box--color-success {
  border-block-start-color: var(--qhr-color-success-500, #10b981);
}
.qhr-card--accent-top.qhr-card--color-warning,
.qhr-box--accent-top.qhr-box--color-warning {
  border-block-start-color: var(--qhr-color-warning-500, #f59e0b);
}
.qhr-card--accent-top.qhr-card--color-danger,
.qhr-box--accent-top.qhr-box--color-danger {
  border-block-start-color: var(--qhr-color-danger-500, #ef4444);
}


.qhr-card-group,
.qhr-box-group {
  display: flex;
  flex-direction: row;
  border-radius: var(--qhr-radius-lg, 16px);
  overflow: hidden;
  border: 1px solid var(--qhr-border-subtle, #e2e8f0);
  background-color: var(--qhr-surface-elevated, #ffffff);
  box-shadow: var(--qhr-shadow-sm, 0 1px 3px rgba(0, 0, 0, 0.05));
}

.qhr-card-group > .qhr-card,
.qhr-box-group > .qhr-box {
  flex: 1;
  border: none;
  border-radius: 0;
  box-shadow: none;
}

.qhr-card-group > .qhr-card:not(:last-child),
.qhr-box-group > .qhr-box:not(:last-child) {
  border-inline-end: 1px solid var(--qhr-border-subtle, #e2e8f0);
}

@media (max-width: 768px) {
  .qhr-card-group,
  .qhr-box-group {
    flex-direction: column;
  }
  .qhr-card-group > .qhr-card:not(:last-child),
  .qhr-box-group > .qhr-box:not(:last-child) {
    border-inline-end: none;
    border-block-end: 1px solid var(--qhr-border-subtle, #e2e8f0);
  }
}


[data-theme="dark"] .qhr-card,
[data-theme="dark"] .qhr-box,
[data-theme="dark"] .qhr-card-group,
[data-theme="dark"] .qhr-box-group {
  background-color: var(--qhr-surface-elevated, #131b2e);
  border-color: var(--qhr-border-subtle, #1e293b);
}

[data-theme="dark"] .qhr-card-header,
[data-theme="dark"] .qhr-box-header {
  border-block-end-color: var(--qhr-border-subtle, #1e293b);
}

[data-theme="dark"] .qhr-card-footer,
[data-theme="dark"] .qhr-box-footer {
  background-color: var(--qhr-surface-muted, #1a233a);
  border-block-start-color: var(--qhr-border-subtle, #1e293b);
}

[data-theme="dark"] .qhr-card-group > .qhr-card:not(:last-child),
[data-theme="dark"] .qhr-box-group > .qhr-box:not(:last-child) {
  border-inline-end-color: var(--qhr-border-subtle, #1e293b);
}


.qhr-card--luxury {
  border-color: rgba(201, 168, 76, 0.35);
  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.2), 0 0 15px rgba(201, 168, 76, 0.12);
}
[data-theme="dark"] .qhr-card--luxury {
  background: radial-gradient(circle at top right, rgba(201, 168, 76, 0.08), transparent 70%), var(--qhr-surface-elevated, #131b2e);
  border-color: rgba(201, 168, 76, 0.3);
  box-shadow: 0 12px 30px -8px rgba(0, 0, 0, 0.5), 0 0 20px rgba(201, 168, 76, 0.15);
}
.qhr-card--luxury .qhr-card-title {
  color: var(--qhr-color-luxury-gold, #c9a84c);
}


.qhr-card--glass {
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-color: rgba(255, 255, 255, 0.3);
}
[data-theme="dark"] .qhr-card--glass {
  background: rgba(19, 27, 46, 0.65);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border-color: rgba(255, 255, 255, 0.08);
}


.qhr-card--interactive {
  cursor: pointer;
  transition: transform 200ms ease, box-shadow 200ms ease, border-color 200ms ease;
}
.qhr-card--interactive:hover {
  transform: translateY(-4px);
  box-shadow: var(--qhr-shadow-xl, 0 20px 25px -5px rgba(0, 0, 0, 0.15));
  border-color: var(--qhr-color-primary-400, #d4af37);
}


.qhr-card--horizontal {
  flex-direction: row;
}
.qhr-card--horizontal .qhr-card-media {
  width: 35%;
  flex-shrink: 0;
  border-radius: 0;
}
.qhr-card--horizontal .qhr-card-content {
  flex: 1;
  display: flex;
  flex-direction: column;
}


.qhr-card-media {
  position: relative;
  overflow: hidden;
  width: 100%;
  background-color: var(--qhr-surface-muted, #f1f5f9);
}
.qhr-card-media img,
.qhr-card-media svg {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.qhr-card-media-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, transparent 60%);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: var(--qhr-space-4, 16px);
  color: #ffffff;
}


.qhr-card-metric {
  display: flex;
  align-items: baseline;
  gap: var(--qhr-space-2, 8px);
  margin-block: var(--qhr-space-2, 8px);
}
.qhr-card-metric-value {
  font-family: var(--qhr-font-heading, 'Alexandria', 'Cairo', sans-serif);
  font-size: var(--qhr-text-3xl, 1.875rem);
  font-weight: 800;
  line-height: 1.1;
  color: var(--qhr-content-primary, #0f172a);
}
[data-theme="dark"] .qhr-card-metric-value {
  color: var(--qhr-content-primary, #f8fafc);
}
.qhr-card-metric-trend {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: var(--qhr-text-xs, 0.75rem);
  font-weight: 700;
}
.qhr-card-metric-trend--up {
  color: var(--qhr-color-success-600, #10b981);
}
.qhr-card-metric-trend--down {
  color: var(--qhr-color-danger-600, #ef4444);
}

.qhr-carousel {
  position: relative;
  overflow: hidden;
  width: 100%;
  border-radius: var(--qhr-radius-xl, 20px);
  background-color: var(--qhr-surface-card, #130f0b);
  border: 1px solid var(--qhr-border-subtle, rgba(212,175,55,0.18));
}
.qhr-carousel-track {
  display: flex;
  width: 100%;
  transition: transform var(--qhr-motion-duration-slow, 350ms) cubic-bezier(0.16, 1, 0.3, 1);
}
.qhr-carousel-slide {
  flex: 0 0 100%;
  min-width: 100%;
  position: relative;
  box-sizing: border-box;
}
.qhr-carousel-control {
  position: absolute;
  inset-block-start: 50%;
  transform: translateY(-50%);
  z-index: 10;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: var(--qhr-surface-elevated, rgba(19, 15, 11, 0.85));
  border: 1px solid var(--qhr-border-subtle, rgba(212,175,55,0.25));
  color: var(--qhr-text-primary, #fbf8f3);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  backdrop-filter: blur(8px);
  transition: background-color var(--qhr-motion-duration-fast, 150ms);
}
.qhr-carousel-control:hover {
  background: var(--qhr-color-primary-base, #c7a35a);
  color: #0a0806;
}
.qhr-carousel-control--prev {
  inset-inline-start: var(--qhr-space-4, 16px);
}
.qhr-carousel-control--next {
  inset-inline-end: var(--qhr-space-4, 16px);
}
.qhr-carousel-indicators {
  position: absolute;
  inset-block-end: var(--qhr-space-4, 16px);
  inset-inline: 0;
  display: flex;
  justify-content: center;
  gap: var(--qhr-space-2, 8px);
  z-index: 10;
}
.qhr-carousel-dot {
  width: 10px;
  height: 10px;
  border-radius: var(--qhr-radius-pill, 9999px);
  background: var(--qhr-border-strong, rgba(255,255,255,0.3));
  cursor: pointer;
  transition: all var(--qhr-motion-duration-fast, 150ms);
}
.qhr-carousel-dot.is-active {
  width: 24px;
  background: var(--qhr-color-primary-base, #c7a35a);
}

.qhr-checkbox {
  display: inline-flex;
  align-items: center;
  gap: var(--qhr-space-2-5, 10px);
  cursor: pointer;
  user-select: none;
  font-family: var(--qhr-font-body, 'Cairo', sans-serif);
  font-size: var(--qhr-text-sm, 0.875rem);
  color: var(--qhr-content-primary, #0f172a);
}

[data-theme="dark"] .qhr-checkbox {
  color: var(--qhr-content-primary, #f8fafc);
}

.qhr-checkbox input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  width: 1.125rem;
  height: 1.125rem;
  margin: 0;
  border: 1.5px solid var(--qhr-border-strong, #cbd5e1);
  background-color: var(--qhr-surface-base, #ffffff);
  cursor: pointer;
  display: grid;
  place-content: center;
  border-radius: var(--qhr-radius-sm, 6px);
  transition: all var(--qhr-duration-fast, 150ms) var(--qhr-ease-standard, ease);
}

[data-theme="dark"] .qhr-checkbox input[type="checkbox"] {
  background-color: var(--qhr-surface-elevated, #131b2e);
  border-color: var(--qhr-border-subtle, #1e293b);
}

.qhr-checkbox input[type="checkbox"]:checked {
  background-color: var(--qhr-color-primary-500, #c7a35a);
  border-color: var(--qhr-color-primary-500, #c7a35a);
}

.qhr-checkbox input[type="checkbox"]:checked::before {
  content: "";
  width: 0.5rem;
  height: 0.3rem;
  border-inline-start: 2px solid #ffffff;
  border-block-end: 2px solid #ffffff;
  transform: rotate(-45deg) translate(1px, -1px);
}

.qhr-checkbox:hover input[type="checkbox"] {
  border-color: var(--qhr-color-primary-500, #c7a35a);
}

.qhr-checkbox input[type="checkbox"]:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(199, 163, 90, 0.25);
}


.qhr-checkbox--success input[type="checkbox"]:checked {
  background-color: var(--qhr-color-success-500, #10b981);
  border-color: var(--qhr-color-success-500, #10b981);
}
.qhr-checkbox--danger input[type="checkbox"]:checked {
  background-color: var(--qhr-color-danger-500, #ef4444);
  border-color: var(--qhr-color-danger-500, #ef4444);
}


.qhr-checkbox-card {
  display: flex;
  align-items: flex-start;
  gap: var(--qhr-space-3, 12px);
  padding: var(--qhr-space-4, 16px);
  border: 1px solid var(--qhr-border-subtle, #e2e8f0);
  border-radius: var(--qhr-radius-lg, 14px);
  background-color: var(--qhr-surface-elevated, #ffffff);
  cursor: pointer;
  transition: all 150ms ease;
}
[data-theme="dark"] .qhr-checkbox-card {
  background-color: var(--qhr-surface-elevated, #131b2e);
  border-color: var(--qhr-border-subtle, #1e293b);
}
.qhr-checkbox-card:has(input[type="checkbox"]:checked) {
  border-color: var(--qhr-color-primary-500, #c7a35a);
  background-color: rgba(199, 163, 90, 0.05);
}

.qhr-chip {
  display: inline-flex;
  align-items: center;
  gap: var(--qhr-space-1-5, 6px);
  border-radius: var(--qhr-radius-pill, 9999px);
  border: 1px solid var(--qhr-border-subtle, #cbd5e1);
  background-color: var(--qhr-surface-muted, #f1f5f9);
  color: var(--qhr-content-primary, #0f172a);
  font-family: var(--qhr-font-body, 'Cairo', sans-serif);
  font-weight: 600;
  transition: all var(--qhr-duration-fast, 150ms) ease;
  user-select: none;
}

[data-theme="dark"] .qhr-chip {
  background-color: var(--qhr-surface-elevated, #131b2e);
  border-color: var(--qhr-border-subtle, #1e293b);
  color: var(--qhr-content-primary, #f8fafc);
}

.qhr-chip--sm {
  height: 24px;
  padding-inline: var(--qhr-space-2, 8px);
  font-size: var(--qhr-text-xs, 0.75rem);
}
.qhr-chip--md {
  height: 32px;
  padding-inline: var(--qhr-space-3, 12px);
  font-size: var(--qhr-text-sm, 0.875rem);
}
.qhr-chip--lg {
  height: 40px;
  padding-inline: var(--qhr-space-4, 16px);
  font-size: var(--qhr-text-base, 1rem);
}

.qhr-chip--primary {
  background-color: rgba(199, 163, 90, 0.12);
  border-color: var(--qhr-color-primary-500, #c7a35a);
  color: var(--qhr-color-primary-600, #a68430);
}
[data-theme="dark"] .qhr-chip--primary {
  color: var(--qhr-color-luxury-gold, #dfc378);
}

.qhr-chip-remove {
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  color: inherit;
  opacity: 0.6;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin-inline-start: var(--qhr-space-1, 4px);
  transition: opacity 150ms ease;
}
.qhr-chip-remove:hover {
  opacity: 1;
}

.qhr-divider {
  display: flex;
  align-items: center;
  width: 100%;
  margin-block: var(--qhr-space-4, 16px);
  color: var(--qhr-text-muted, #94a3b8);
  font-size: var(--qhr-text-xs, 0.75rem);
}
.qhr-divider::before,
.qhr-divider::after {
  content: "";
  flex: 1;
  border-block-start: 1px solid var(--qhr-border-subtle, rgba(255, 255, 255, 0.1));
}
.qhr-divider--dashed::before,
.qhr-divider--dashed::after {
  border-block-start-style: dashed;
}
.qhr-divider--strong::before,
.qhr-divider--strong::after {
  border-block-start: 2px solid var(--qhr-border-strong, rgba(212, 175, 55, 0.3));
}
.qhr-divider:not(:empty)::before {
  margin-inline-end: var(--qhr-space-3, 12px);
}
.qhr-divider:not(:empty)::after {
  margin-inline-start: var(--qhr-space-3, 12px);
}
.qhr-divider--vertical {
  display: inline-flex;
  flex-direction: column;
  width: auto;
  height: 100%;
  min-height: 1.5em;
  margin-block: 0;
  margin-inline: var(--qhr-space-3, 12px);
  vertical-align: middle;
}
.qhr-divider--vertical::before,
.qhr-divider--vertical::after {
  border-block-start: none;
  border-inline-start: 1px solid var(--qhr-border-subtle, rgba(255, 255, 255, 0.1));
}


.qhr-divider--dotted::before,
.qhr-divider--dotted::after {
  border-block-start-style: dotted;
  border-block-start-width: 2px;
}


.qhr-divider--gradient::before {
  border-block-start: none;
  height: 1px;
  background: linear-gradient(to inline-end, transparent, var(--qhr-border-strong, #c9a84c));
}
.qhr-divider--gradient::after {
  border-block-start: none;
  height: 1px;
  background: linear-gradient(to inline-start, transparent, var(--qhr-border-strong, #c9a84c));
}


.qhr-divider--start::before {
  flex: 0 0 var(--qhr-space-6, 24px);
}
.qhr-divider--end::after {
  flex: 0 0 var(--qhr-space-6, 24px);
}


.qhr-divider--primary::before,
.qhr-divider--primary::after {
  border-block-start-color: var(--qhr-color-primary-500, #c7a35a);
}
.qhr-divider--success::before,
.qhr-divider--success::after {
  border-block-start-color: var(--qhr-color-success-500, #10b981);
}
.qhr-divider--danger::before,
.qhr-divider--danger::after {
  border-block-start-color: var(--qhr-color-danger-500, #ef4444);
}
.qhr-divider--luxury::before,
.qhr-divider--luxury::after {
  border-block-start-color: var(--qhr-color-luxury-gold, #c9a84c);
}


.qhr-divider-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding-inline: var(--qhr-space-2, 8px);
  color: var(--qhr-content-secondary, #94a3b8);
}
.qhr-divider-badge {
  font-family: var(--qhr-font-heading, 'Alexandria', 'Cairo', sans-serif);
  font-weight: 700;
  font-size: var(--qhr-text-xs, 0.75rem);
  padding-block: var(--qhr-space-1, 4px);
  padding-inline: var(--qhr-space-3, 12px);
  border-radius: var(--qhr-radius-full, 9999px);
  background-color: var(--qhr-surface-elevated, #131b2e);
  border: 1px solid var(--qhr-border-subtle, rgba(255, 255, 255, 0.1));
}

.qhr-dock {
  --_dock-bg: var(--qhr-surface-elevated, #111a27);
  --_dock-fg: var(--qhr-content-secondary, #94a3b8);
  --_dock-fg-active: var(--qhr-color-primary-500, #c7a35a);
  --_dock-border: var(--qhr-border-subtle, rgba(255, 255, 255, 0.08));
  --_dock-active-bg: color-mix(in srgb, var(--_dock-fg-active) 12%, transparent);
  --_dock-min-height: 3.75rem;

  display: flex;
  align-items: center;
  justify-content: space-around;
  position: fixed;
  inset-inline: 0;
  inset-block-end: 0;
  min-block-size: var(--_dock-min-height);
  background-color: var(--_dock-bg);
  border-block-start: 1px solid var(--_dock-border);
  padding-inline: var(--qhr-space-2, 8px);
  padding-block-start: var(--qhr-space-1, 4px);
  padding-block-end: max(var(--qhr-space-1, 4px), env(safe-area-inset-bottom, 8px));
  z-index: 1000;
  box-sizing: border-box;
  font-family: var(--qhr-font-family-primary, 'Cairo', sans-serif);
}



.qhr-dock-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3px;
  flex: 1;
  max-inline-size: 5rem;
  padding-block: var(--qhr-space-1, 4px);
  padding-inline: var(--qhr-space-1, 4px);
  border-radius: var(--qhr-radius-sm, 6px);
  color: var(--_dock-fg);
  text-decoration: none;
  background: transparent;
  border: none;
  cursor: pointer;
  position: relative;
  transition: color var(--qhr-duration-fast, 150ms) ease,
              transform var(--qhr-duration-fast, 150ms) ease;
}

.qhr-dock-item:hover {
  color: var(--qhr-content-primary, #ffffff);
}

.qhr-dock-item.is-active,
.qhr-dock-item[aria-current="page"] {
  color: var(--_dock-fg-active);
  font-weight: 600;
}

.qhr-dock-icon-wrap {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  inline-size: 1.5rem;
  block-size: 1.5rem;
}

.qhr-dock-icon {
  inline-size: 1.35rem;
  block-size: 1.35rem;
  stroke-width: 2;
  transition: transform var(--qhr-duration-fast, 150ms) ease;
}

.qhr-dock-item.is-active .qhr-dock-icon {
  transform: scale(1.1);
}

.qhr-dock-label {
  font-size: var(--qhr-text-xs, 0.72rem);
  line-height: 1.2;
  white-space: nowrap;
}


.qhr-dock-badge {
  position: absolute;
  inset-block-start: -4px;
  inset-inline-end: -8px;
  min-inline-size: 1rem;
  block-size: 1rem;
  padding-inline: 3px;
  border-radius: 9999px;
  background-color: var(--qhr-color-danger-500, #ef4444);
  color: #ffffff;
  font-size: 0.625rem;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 0 2px var(--_dock-bg);
}



.qhr-dock--indicator .qhr-dock-item.is-active::after {
  content: '';
  position: absolute;
  inset-block-start: -1px;
  inline-size: 24px;
  block-size: 3px;
  border-radius: 9999px;
  background-color: var(--_dock-fg-active);
  box-shadow: 0 2px 8px color-mix(in srgb, var(--_dock-fg-active) 60%, transparent);
}



.qhr-dock--floating {
  inset-inline: auto;
  inset-inline-start: 50%;
  transform: translateX(-50%);
  inset-block-end: var(--qhr-space-4, 16px);
  inline-size: min(92vw, 440px);
  border-radius: var(--qhr-radius-full, 9999px);
  border: 1px solid var(--_dock-border);
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.35);
  padding-block-end: var(--qhr-space-1, 4px);
}

[dir="rtl"] .qhr-dock--floating {
  transform: translateX(50%);
}



.qhr-dock--glass {
  background-color: color-mix(in srgb, var(--_dock-bg) 75%, transparent);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}



.qhr-dock-fab {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  inline-size: 3.25rem;
  block-size: 3.25rem;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--qhr-color-primary-400, #e6ca85), var(--qhr-color-primary-600, #a8853b));
  color: #0d1520;
  border: none;
  box-shadow: 0 4px 14px color-mix(in srgb, var(--_dock-fg-active) 40%, transparent);
  cursor: pointer;
  margin-block-start: -1rem;
  flex-shrink: 0;
  transition: transform var(--qhr-duration-fast, 150ms) ease;
}

.qhr-dock-fab:hover {
  transform: scale(1.08) translateY(-2px);
}



.qhr-dock--luxury-gold {
  border-block-start: 2px solid var(--qhr-color-primary-500, #c7a35a);
}



.qhr-dock--sm {
  --_dock-min-height: 3.25rem;
}
.qhr-dock--sm .qhr-dock-icon {
  inline-size: 1.15rem;
  block-size: 1.15rem;
}
.qhr-dock--sm .qhr-dock-label {
  font-size: 0.65rem;
}

.qhr-dock--lg {
  --_dock-min-height: 4.25rem;
}
.qhr-dock--lg .qhr-dock-icon {
  inline-size: 1.5rem;
  block-size: 1.5rem;
}
.qhr-dock--lg .qhr-dock-label {
  font-size: 0.8rem;
}

.qhr-drawer-backdrop {
  position: fixed;
  inset: 0;
  background-color: var(--qhr-backdrop-bg, rgba(2, 6, 23, 0.7));
  backdrop-filter: blur(4px);
  z-index: var(--qhr-z-backdrop, 1040);
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--qhr-duration-normal, 250ms) ease;
}
.qhr-drawer-backdrop[data-state="open"] {
  opacity: 1;
  pointer-events: auto;
}
.qhr-drawer {
  position: fixed;
  inset-block: 0;
  z-index: var(--qhr-z-modal, 1050);
  background-color: var(--qhr-surface-elevated, #1e293b);
  box-shadow: var(--qhr-shadow-xl, 0 20px 25px -5px rgba(0, 0, 0, 0.5));
  display: flex;
  flex-direction: column;
  transition: transform var(--qhr-duration-normal, 300ms) cubic-bezier(0.16, 1, 0.3, 1);
  max-width: 100vw;
}
.qhr-drawer--start {
  inset-inline-start: 0;
  transform: translateX(-100%);
}
[dir="rtl"] .qhr-drawer--start {
  transform: translateX(100%);
}
.qhr-drawer--end {
  inset-inline-end: 0;
  transform: translateX(100%);
}
[dir="rtl"] .qhr-drawer--end {
  transform: translateX(-100%);
}
.qhr-drawer[data-state="open"] {
  transform: translateX(0) !important;
}
.qhr-drawer--sm { width: 320px; }
.qhr-drawer--md { width: 420px; }
.qhr-drawer--lg { width: 560px; }
.qhr-drawer--xl { width: 720px; }

.qhr-drawer-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-block: var(--qhr-space-4, 16px);
  padding-inline: var(--qhr-space-5, 20px);
  border-block-end: 1px solid var(--qhr-border-subtle, rgba(255, 255, 255, 0.1));
}
.qhr-drawer-title {
  font-family: var(--qhr-font-heading, inherit);
  font-size: var(--qhr-text-lg, 1.125rem);
  font-weight: 700;
  color: var(--qhr-text-base, #ffffff);
  margin: 0;
}
.qhr-drawer-body {
  flex: 1;
  overflow-y: auto;
  padding-block: var(--qhr-space-5, 20px);
  padding-inline: var(--qhr-space-5, 20px);
}
.qhr-drawer-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: var(--qhr-space-3, 12px);
  padding-block: var(--qhr-space-4, 16px);
  padding-inline: var(--qhr-space-5, 20px);
  border-block-start: 1px solid var(--qhr-border-subtle, rgba(255, 255, 255, 0.1));
  background-color: var(--qhr-surface-base, #0f172a);
}

.qhr-dropdown, .dropup {
  position: relative;
  display: inline-flex;
}


.qhr-dropdown-menu {
  position: absolute;
  inset-inline-start: 0;
  inset-block-start: calc(100% + var(--qhr-space-1-5, 6px));
  z-index: var(--qhr-z-dropdown, 1000);
  min-width: 220px;
  background-color: var(--qhr-surface-elevated, #ffffff);
  border: 1px solid var(--qhr-border-subtle, #e2e8f0);
  border-radius: var(--qhr-radius-lg, 12px);
  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.05);
  padding: var(--qhr-space-1-5, 6px);
  display: flex;
  flex-direction: column;
  gap: var(--qhr-space-0-5, 2px);
  transition: opacity var(--qhr-duration-fast, 150ms) ease,
              transform var(--qhr-duration-fast, 150ms) ease;
}

[data-theme="dark"] .qhr-dropdown-menu {
  background-color: var(--qhr-surface-elevated, #0f172a);
  border-color: rgba(255, 255, 255, 0.1);
  box-shadow: 0 12px 30px -5px rgba(0, 0, 0, 0.6);
}


.qhr-dropdown-menu--end,
.dropdown-menu-end {
  inset-inline-start: auto;
  inset-inline-end: 0;
}


.dropup .qhr-dropdown-menu,
.qhr-dropdown--dropup .qhr-dropdown-menu {
  inset-block-start: auto;
  inset-block-end: calc(100% + var(--qhr-space-1-5, 6px));
}

.dropup .qhr-dropdown-caret,
.qhr-dropdown--dropup .qhr-dropdown-caret {
  transform: rotate(180deg);
}


.qhr-dropdown-menu--luxury {
  background: linear-gradient(145deg, #0f172a 0%, #07090e 100%) !important;
  border: 1px solid rgba(212, 175, 55, 0.3) !important;
  box-shadow: 0 15px 35px -5px rgba(0, 0, 0, 0.7), 0 0 15px rgba(212, 175, 55, 0.08) !important;
}

.qhr-dropdown-menu--luxury .qhr-dropdown-item:hover {
  background-color: rgba(212, 175, 55, 0.1) !important;
  color: #f5d77f !important;
}


.qhr-dropdown-caret {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-inline-start: var(--qhr-space-2, 8px);
  transition: transform var(--qhr-duration-fast, 150ms) ease;
}

.no-caret .qhr-dropdown-caret,
.qhr-dropdown-toggle--no-caret .qhr-dropdown-caret {
  display: none !important;
}


.qhr-dropdown-item {
  display: flex;
  align-items: center;
  gap: var(--qhr-space-2-5, 10px);
  padding-block: var(--qhr-space-2, 8px);
  padding-inline: var(--qhr-space-3, 12px);
  font-family: var(--qhr-font-body, "Cairo", sans-serif);
  font-size: var(--qhr-text-sm, 0.875rem);
  font-weight: 500;
  color: var(--qhr-content-primary, #0f172a);
  border-radius: var(--qhr-radius-sm, 6px);
  text-decoration: none;
  cursor: pointer;
  border: none;
  background: transparent;
  width: 100%;
  text-align: start;
  outline: none;
  transition: background-color var(--qhr-duration-fast, 150ms) ease,
              color var(--qhr-duration-fast, 150ms) ease;
}

[data-theme="dark"] .qhr-dropdown-item {
  color: var(--qhr-content-primary, #f8fafc);
}

.qhr-dropdown-item:hover,
.qhr-dropdown-item:focus-visible {
  background-color: var(--qhr-surface-muted, #f1f5f9);
}

[data-theme="dark"] .qhr-dropdown-item:hover,
[data-theme="dark"] .qhr-dropdown-item:focus-visible {
  background-color: rgba(255, 255, 255, 0.08);
}


.qhr-dropdown-item.active,
.qhr-dropdown-item.is-active {
  background-color: var(--qhr-color-primary-bg, #0b6bcb) !important;
  color: #ffffff !important;
  font-weight: 600;
}


.qhr-dropdown-item--destructive {
  color: var(--qhr-color-danger-bg, #e11d48) !important;
}

.qhr-dropdown-item--destructive:hover {
  background-color: #fff1f2 !important;
}

[data-theme="dark"] .qhr-dropdown-item--destructive:hover {
  background-color: rgba(225, 29, 72, 0.15) !important;
}


.qhr-dropdown-item.disabled,
.qhr-dropdown-item.is-disabled,
.qhr-dropdown-item:disabled,
.qhr-dropdown-item[aria-disabled="true"] {
  opacity: 0.45;
  pointer-events: none;
  cursor: not-allowed;
}


.qhr-dropdown-item-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  color: currentColor;
}

.qhr-dropdown-item-badge {
  margin-inline-start: auto;
  font-size: 0.72rem;
  padding-inline: 6px;
  padding-block: 1px;
}

.qhr-dropdown-shortcut {
  margin-inline-start: auto;
  font-family: var(--qhr-font-mono, monospace);
  font-size: var(--qhr-text-xs, 0.75rem);
  letter-spacing: 0.05em;
  opacity: 0.65;
  color: var(--qhr-text-muted, #94a3b8);
}


.qhr-dropdown-header {
  font-size: var(--qhr-text-xs, 11px);
  font-weight: 700;
  color: var(--qhr-text-muted, #94a3b8);
  padding-block: var(--qhr-space-1, 4px);
  padding-inline: var(--qhr-space-3, 12px);
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.qhr-dropdown-separator,
.qhr-dropdown-divider {
  height: 1px;
  background-color: var(--qhr-border-subtle, #e2e8f0);
  margin-block: var(--qhr-space-1-5, 6px);
  margin-inline: 0;
  border: none;
}

[data-theme="dark"] .qhr-dropdown-separator,
[data-theme="dark"] .qhr-dropdown-divider {
  background-color: rgba(255, 255, 255, 0.08);
}


.qhr-dropdown-user-header {
  display: flex;
  align-items: center;
  gap: var(--qhr-space-3, 12px);
  padding-block: var(--qhr-space-2, 8px);
  padding-inline: var(--qhr-space-3, 12px);
  border-block-end: 1px solid var(--qhr-border-subtle, #e2e8f0);
  margin-block-end: var(--qhr-space-1, 4px);
}

[data-theme="dark"] .qhr-dropdown-user-header {
  border-block-end-color: rgba(255, 255, 255, 0.08);
}

.qhr-dropdown-user-meta {
  display: flex;
  flex-direction: column;
  text-align: start;
}

.qhr-dropdown-user-name {
  font-size: var(--qhr-text-sm, 0.875rem);
  font-weight: 700;
  color: var(--qhr-content-primary, #0f172a);
}

[data-theme="dark"] .qhr-dropdown-user-name {
  color: #f8fafc;
}

.qhr-dropdown-user-email {
  font-size: var(--qhr-text-xs, 0.75rem);
  color: var(--qhr-text-muted, #64748b);
}


.qhr-dropdown--split {
  display: inline-flex;
  border-radius: var(--qhr-radius-md, 8px);
  overflow: visible;
}

.qhr-dropdown--split .qhr-btn:first-child {
  border-start-end-radius: 0;
  border-end-end-radius: 0;
}

.qhr-dropdown--split .qhr-dropdown-toggle {
  border-start-start-radius: 0;
  border-end-start-radius: 0;
  padding-inline: var(--qhr-space-2, 8px);
  border-inline-start: 1px solid rgba(255, 255, 255, 0.2);
}


.qhr-dropdown-sub {
  position: relative;
}

.qhr-dropdown-sub-menu {
  position: absolute;
  inset-inline-start: calc(100% + var(--qhr-space-1, 4px));
  inset-block-start: 0;
  z-index: calc(var(--qhr-z-dropdown, 1000) + 1);
}

.qhr-dropdown-sub-caret {
  margin-inline-start: auto;
  display: inline-flex;
  align-items: center;
}


.qhr-dropdown-menu--sm {
  min-width: 180px;
  padding: var(--qhr-space-1, 4px);
}
.qhr-dropdown-menu--sm .qhr-dropdown-item {
  font-size: var(--qhr-text-xs, 0.78rem);
  padding-block: var(--qhr-space-1-5, 6px);
  padding-inline: var(--qhr-space-2-5, 10px);
}

.qhr-dropdown-menu--lg {
  min-width: 260px;
  padding: var(--qhr-space-2, 8px);
}
.qhr-dropdown-menu--lg .qhr-dropdown-item {
  font-size: var(--qhr-text-base, 1rem);
  padding-block: var(--qhr-space-2-5, 10px);
  padding-inline: var(--qhr-space-3-5, 14px);
}


.qhr-dropdown-grid,
.dropdown-grid,
.qhr-dropdown-menu.dropdown-grid,
.qhr-dropdown-menu.qhr-dropdown-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--qhr-space-2, 8px);
  padding: var(--qhr-space-3, 12px);
  min-width: 290px;
}


.dropdown-grid.cols-2,
.dropdown-grid.qhr-dropdown-grid--cols-2,
.qhr-dropdown-grid--cols-2 {
  grid-template-columns: repeat(2, 1fr);
  min-width: 210px;
}

.dropdown-grid.cols-4,
.dropdown-grid.qhr-dropdown-grid--cols-4,
.qhr-dropdown-grid--cols-4 {
  grid-template-columns: repeat(4, 1fr);
  min-width: 370px;
}



.dropdown-grid .dropdown-item,
.dropdown-grid .qhr-dropdown-item,
.qhr-dropdown-grid .dropdown-item,
.qhr-dropdown-grid .qhr-dropdown-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding-block: var(--qhr-space-3, 12px);
  padding-inline: var(--qhr-space-2, 8px);
  gap: var(--qhr-space-1-5, 6px);
  border-radius: var(--qhr-radius-md, 12px);
  cursor: pointer;
  text-decoration: none;
  background: transparent;
  border: 2px solid transparent;
  outline: none;
  width: 100%;
  box-sizing: border-box;
  transition: background-color var(--qhr-duration-fast, 150ms) ease,
              transform var(--qhr-duration-fast, 150ms) ease,
              border-color var(--qhr-duration-fast, 150ms) ease;
}

.dropdown-grid .dropdown-item:hover,
.dropdown-grid .qhr-dropdown-item:hover,
.qhr-dropdown-grid .dropdown-item:hover,
.qhr-dropdown-grid .qhr-dropdown-item:hover {
  background-color: var(--qhr-surface-muted, #f8fafc);
  transform: translateY(-1px);
}

[data-theme="dark"] .dropdown-grid .dropdown-item:hover,
[data-theme="dark"] .dropdown-grid .qhr-dropdown-item:hover,
[data-theme="dark"] .qhr-dropdown-grid .dropdown-item:hover,
[data-theme="dark"] .qhr-dropdown-grid .qhr-dropdown-item:hover {
  background-color: rgba(255, 255, 255, 0.07);
}


.dropdown-grid .dropdown-item:focus,
.dropdown-grid .dropdown-item:focus-visible,
.dropdown-grid .dropdown-item.active,
.dropdown-grid .qhr-dropdown-item:focus,
.dropdown-grid .qhr-dropdown-item:focus-visible,
.dropdown-grid .qhr-dropdown-item.active,
.qhr-dropdown-grid .dropdown-item:focus,
.qhr-dropdown-grid .dropdown-item:focus-visible,
.qhr-dropdown-grid .dropdown-item.active,
.qhr-dropdown-grid .qhr-dropdown-item:focus,
.qhr-dropdown-grid .qhr-dropdown-item:focus-visible,
.qhr-dropdown-grid .qhr-dropdown-item.active {
  border-color: var(--qhr-content-primary, #0f172a) !important;
  border-width: 2px !important;
  border-style: solid !important;
  border-radius: var(--qhr-radius-md, 12px) !important;
  background-color: transparent !important;
  color: var(--qhr-content-primary, #0f172a) !important;
  font-weight: 600;
  outline: none !important;
}

[data-theme="dark"] .dropdown-grid .dropdown-item:focus,
[data-theme="dark"] .dropdown-grid .dropdown-item:focus-visible,
[data-theme="dark"] .dropdown-grid .dropdown-item.active,
[data-theme="dark"] .dropdown-grid .qhr-dropdown-item:focus,
[data-theme="dark"] .dropdown-grid .qhr-dropdown-item:focus-visible,
[data-theme="dark"] .dropdown-grid .qhr-dropdown-item.active,
[data-theme="dark"] .qhr-dropdown-grid .dropdown-item:focus,
[data-theme="dark"] .qhr-dropdown-grid .dropdown-item:focus-visible,
[data-theme="dark"] .qhr-dropdown-grid .dropdown-item.active,
[data-theme="dark"] .qhr-dropdown-grid .qhr-dropdown-item:focus,
[data-theme="dark"] .qhr-dropdown-grid .qhr-dropdown-item:focus-visible,
[data-theme="dark"] .qhr-dropdown-grid .qhr-dropdown-item.active {
  border-color: #f8fafc !important;
  color: #ffffff !important;
  background-color: rgba(255, 255, 255, 0.06) !important;
  outline: none !important;
}


.dropdown-grid .dropdown-item.disabled,
.dropdown-grid .qhr-dropdown-item.disabled,
.dropdown-item.disabled,
.qhr-dropdown-item.disabled,
.dropdown-item[aria-disabled="true"],
.qhr-dropdown-item[aria-disabled="true"] {
  opacity: 0.38 !important;
  pointer-events: none !important;
  cursor: not-allowed !important;
}


.dropdown-grid-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  color: var(--qhr-content-primary, #1e293b);
}

[data-theme="dark"] .dropdown-grid-icon {
  color: var(--qhr-content-primary, #f8fafc);
}

.dropdown-grid-icon svg {
  width: 32px;
  height: 32px;
  display: block;
}

.dropdown-grid-title {
  font-family: var(--qhr-font-body, "Cairo", sans-serif);
  font-size: var(--qhr-text-xs, 0.8125rem);
  font-weight: 500;
  color: var(--qhr-text-secondary, #475569);
  line-height: 1.25;
  text-align: center;
}

[data-theme="dark"] .dropdown-grid-title {
  color: var(--qhr-text-secondary, #94a3b8);
}

.dropdown-grid .dropdown-item:hover .dropdown-grid-title,
.dropdown-grid .dropdown-item.active .dropdown-grid-title,
.dropdown-grid .qhr-dropdown-item:hover .dropdown-grid-title,
.dropdown-grid .qhr-dropdown-item.active .dropdown-grid-title {
  color: var(--qhr-content-primary, #0f172a);
}

[data-theme="dark"] .dropdown-grid .dropdown-item:hover .dropdown-grid-title,
[data-theme="dark"] .dropdown-grid .dropdown-item.active .dropdown-grid-title,
[data-theme="dark"] .dropdown-grid .qhr-dropdown-item:hover .dropdown-grid-title,
[data-theme="dark"] .dropdown-grid .qhr-dropdown-item.active .dropdown-grid-title {
  color: #ffffff;
}

.qhr-file-upload {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  border: 2px dashed var(--qhr-border-strong, #cbd5e1);
  border-radius: var(--qhr-radius-xl, 18px);
  background-color: var(--qhr-surface-muted, #f8fafc);
  padding: var(--qhr-space-8, 32px) var(--qhr-space-6, 24px);
  cursor: pointer;
  font-family: var(--qhr-font-body, 'Cairo', sans-serif);
  transition: border-color var(--qhr-duration-fast, 150ms) ease,
              background-color var(--qhr-duration-fast, 150ms) ease;
}

[data-theme="dark"] .qhr-file-upload {
  background-color: var(--qhr-surface-elevated, #131b2e);
  border-color: var(--qhr-border-subtle, #1e293b);
}

.qhr-file-upload:hover,
.qhr-file-upload--dragover {
  border-color: var(--qhr-color-primary-500, #c7a35a);
  background-color: rgba(199, 163, 90, 0.05);
}

.qhr-file-upload-icon {
  width: 48px;
  height: 48px;
  color: var(--qhr-color-primary-500, #c7a35a);
  margin-block-end: var(--qhr-space-3, 12px);
}

.qhr-file-upload-label {
  font-family: var(--qhr-font-heading, 'Alexandria', 'Cairo', sans-serif);
  font-size: var(--qhr-text-base, 1rem);
  font-weight: 700;
  color: var(--qhr-content-primary, #0f172a);
  margin-block-end: var(--qhr-space-1, 4px);
}
[data-theme="dark"] .qhr-file-upload-label {
  color: var(--qhr-content-primary, #f8fafc);
}

.qhr-file-upload-hint {
  font-size: var(--qhr-text-xs, 0.75rem);
  color: var(--qhr-content-secondary, #64748b);
}
[data-theme="dark"] .qhr-file-upload-hint {
  color: var(--qhr-content-secondary, #94a3b8);
}

.qhr-file-upload-input {
  display: none;
}

.qhr-input {
  display: block;
  width: 100%;
  font-family: var(--qhr-font-body, 'Cairo', sans-serif);
  color: var(--qhr-content-primary, #0f172a);
  background-color: var(--qhr-surface-base, #ffffff);
  border: 1px solid var(--qhr-border-strong, #cbd5e1);
  border-radius: var(--qhr-radius-md, 10px);
  padding-block: var(--qhr-space-2, 8px);
  padding-inline: var(--qhr-space-3-5, 14px);
  font-size: var(--qhr-text-sm, 0.875rem);
  line-height: 1.5;
  transition: border-color var(--qhr-duration-fast, 150ms), box-shadow var(--qhr-duration-fast, 150ms), background-color var(--qhr-duration-fast, 150ms);
}

[data-theme="dark"] .qhr-input {
  background-color: var(--qhr-surface-elevated, #131b2e);
  border-color: var(--qhr-border-subtle, #1e293b);
  color: var(--qhr-content-primary, #f8fafc);
}

.qhr-input::placeholder {
  color: var(--qhr-content-muted, #94a3b8);
  opacity: 0.85;
}

.qhr-input:focus {
  outline: none;
  border-color: var(--qhr-color-primary-500, #c7a35a);
  box-shadow: 0 0 0 3px rgba(199, 163, 90, 0.25);
}


.qhr-input--sm {
  padding-block: var(--qhr-space-1-5, 6px);
  padding-inline: var(--qhr-space-3, 12px);
  font-size: var(--qhr-text-xs, 0.75rem);
  border-radius: var(--qhr-radius-sm, 8px);
}
.qhr-input--lg {
  padding-block: var(--qhr-space-3, 12px);
  padding-inline: var(--qhr-space-4, 16px);
  font-size: var(--qhr-text-base, 1rem);
  border-radius: var(--qhr-radius-lg, 12px);
}


.qhr-input--filled {
  background-color: var(--qhr-surface-muted, #f1f5f9);
  border-color: transparent;
}
[data-theme="dark"] .qhr-input--filled {
  background-color: rgba(255, 255, 255, 0.05);
  border-color: transparent;
}
.qhr-input--filled:focus {
  background-color: var(--qhr-surface-base, #ffffff);
  border-color: var(--qhr-color-primary-500, #c7a35a);
}
[data-theme="dark"] .qhr-input--filled:focus {
  background-color: var(--qhr-surface-elevated, #131b2e);
}

.qhr-input--flushed {
  border-radius: 0;
  border-inline: none;
  border-block-start: none;
  border-block-end-width: 2px;
  background-color: transparent;
  padding-inline: 0;
}
.qhr-input--flushed:focus {
  box-shadow: none;
  border-block-end-color: var(--qhr-color-primary-500, #c7a35a);
}


.qhr-input--error {
  border-color: var(--qhr-color-danger-500, #ef4444) !important;
}
.qhr-input--error:focus {
  box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.25) !important;
}

.qhr-input--success {
  border-color: var(--qhr-color-success-500, #10b981) !important;
}
.qhr-input--success:focus {
  box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.25) !important;
}


.qhr-input-group {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
}
.qhr-input-group .qhr-input {
  width: 100%;
}
.qhr-input-icon-start,
.qhr-input-icon-end {
  position: absolute;
  inset-block: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--qhr-content-secondary, #94a3b8);
  pointer-events: none;
  z-index: 2;
  width: 38px;
}
.qhr-input-icon-start {
  inset-inline-start: 0;
}
.qhr-input-icon-end {
  inset-inline-end: 0;
}

.qhr-input-group--has-icon-start .qhr-input {
  padding-inline-start: 38px;
}
.qhr-input-group--has-icon-end .qhr-input {
  padding-inline-end: 38px;
}

.qhr-input-addon {
  display: flex;
  align-items: center;
  padding-inline: var(--qhr-space-3, 12px);
  background-color: var(--qhr-surface-muted, #f1f5f9);
  border: 1px solid var(--qhr-border-strong, #cbd5e1);
  color: var(--qhr-content-secondary, #64748b);
  font-size: var(--qhr-text-sm, 0.875rem);
}
[data-theme="dark"] .qhr-input-addon {
  background-color: var(--qhr-surface-elevated, #131b2e);
  border-color: var(--qhr-border-subtle, #1e293b);
  color: var(--qhr-content-secondary, #94a3b8);
}
.qhr-input-addon--start {
  border-inline-end: none;
  border-start-start-radius: var(--qhr-radius-md, 10px);
  border-end-start-radius: var(--qhr-radius-md, 10px);
}
.qhr-input-addon--start + .qhr-input {
  border-start-start-radius: 0;
  border-end-start-radius: 0;
}
.qhr-input-addon--end {
  border-inline-start: none;
  border-start-end-radius: var(--qhr-radius-md, 10px);
  border-end-end-radius: var(--qhr-radius-md, 10px);
}
.qhr-input + .qhr-input-addon--end {
  border-start-end-radius: 0;
  border-end-end-radius: 0;
}

.qhr-kbd {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: var(--qhr-font-mono, ui-monospace, SFMono-Regular, monospace);
  font-weight: 600;
  color: var(--qhr-text-muted, #94a3b8);
  background-color: var(--qhr-surface-elevated, #1e293b);
  border: 1px solid var(--qhr-border-subtle, rgba(255, 255, 255, 0.15));
  border-block-end: 2px solid var(--qhr-border-strong, #475569);
  border-radius: var(--qhr-radius-sm, 6px);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  line-height: 1;
}
.qhr-kbd--sm {
  height: 20px;
  padding-inline: var(--qhr-space-1-5, 6px);
  font-size: 11px;
}
.qhr-kbd--md {
  height: 24px;
  padding-inline: var(--qhr-space-2, 8px);
  font-size: 12px;
}
.qhr-kbd--lg {
  height: 28px;
  padding-inline: var(--qhr-space-2-5, 10px);
  font-size: 14px;
}

.qhr-megamenu-wrapper {
  position: relative;
  display: inline-block;
}

.qhr-megamenu {
  --_mega-bg: var(--qhr-surface-elevated, #111a27);
  --_mega-fg: var(--qhr-content-primary, #f8fafc);
  --_mega-fg-muted: var(--qhr-content-secondary, #94a3b8);
  --_mega-border: var(--qhr-border-subtle, rgba(255, 255, 255, 0.08));
  --_mega-hover-bg: color-mix(in srgb, var(--_mega-fg) 6%, transparent);
  --_mega-brand: var(--qhr-color-primary-500, #c7a35a);

  display: none;
  position: absolute;
  inset-block-start: calc(100% + var(--qhr-space-2, 8px));
  inset-inline-start: 0;
  inline-size: min(92vw, 880px);
  max-inline-size: calc(100vw - 32px);
  background-color: var(--_mega-bg);
  border: 1px solid var(--_mega-border);
  border-radius: var(--qhr-radius-lg, 12px);
  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.35);
  padding: var(--qhr-space-6, 24px);
  z-index: 100;
  box-sizing: border-box;
  font-family: var(--qhr-font-family-primary, 'Cairo', sans-serif);
  animation: qhrMegaFadeIn 180ms cubic-bezier(0.16, 1, 0.3, 1) forwards;
}


.qhr-megamenu--start {
  inset-inline-start: 0;
  inset-inline-end: auto;
}

.qhr-megamenu--end {
  inset-inline-start: auto;
  inset-inline-end: 0;
}

.qhr-megamenu--center {
  inset-inline-start: 50%;
  transform: translateX(-50%);
}
[dir="rtl"] .qhr-megamenu--center {
  transform: translateX(50%);
}


.qhr-megamenu--container {
  inset-inline: 0;
  margin-inline: auto;
  inline-size: 100%;
  max-inline-size: 1100px;
}

.qhr-megamenu.is-open,
.qhr-megamenu-wrapper:hover .qhr-megamenu,
.qhr-megamenu-wrapper:focus-within .qhr-megamenu {
  display: block;
}

@keyframes qhrMegaFadeIn {
  from {
    opacity: 0;
    transform: translateY(-6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}



.qhr-megamenu-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--qhr-space-6, 24px);
}

.qhr-megamenu--2-cols .qhr-megamenu-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.qhr-megamenu--3-cols .qhr-megamenu-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.qhr-megamenu--4-cols .qhr-megamenu-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.qhr-megamenu--with-featured .qhr-megamenu-grid {
  grid-template-columns: 2.4fr 1fr;
}

.qhr-megamenu--full-width {
  position: fixed;
  inset-inline: 0;
  inline-size: 100vw;
  border-radius: 0;
  border-inline: none;
}

.qhr-megamenu--glass {
  background-color: color-mix(in srgb, var(--_mega-bg) 85%, transparent);
  backdrop-filter: blur(20px);
}



.qhr-megamenu-col {
  display: flex;
  flex-direction: column;
  gap: var(--qhr-space-3, 12px);
}

.qhr-megamenu-col-header {
  display: flex;
  align-items: center;
  gap: var(--qhr-space-2, 8px);
  padding-block-end: var(--qhr-space-2, 8px);
  border-block-end: 1px solid var(--_mega-border);
}

.qhr-megamenu-col-title {
  font-size: var(--qhr-text-sm, 0.875rem);
  font-weight: 700;
  color: var(--_mega-brand);
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin: 0;
}

.qhr-megamenu-list {
  display: flex;
  flex-direction: column;
  list-style: none;
  margin: 0;
  padding: 0;
  gap: var(--qhr-space-1, 4px);
}

.qhr-megamenu-item {
  list-style: none;
  margin: 0;
  padding: 0;
}

.qhr-megamenu-link {
  display: flex;
  align-items: flex-start;
  gap: var(--qhr-space-3, 12px);
  padding: var(--qhr-space-2, 8px);
  border-radius: var(--qhr-radius-sm, 6px);
  text-decoration: none;
  color: var(--_mega-fg);
  transition: background-color var(--qhr-duration-fast, 150ms) ease;
}

.qhr-megamenu-link:hover {
  background-color: var(--_mega-hover-bg);
}

.qhr-megamenu-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  inline-size: 2rem;
  block-size: 2rem;
  border-radius: var(--qhr-radius-sm, 6px);
  background-color: color-mix(in srgb, var(--_mega-brand) 12%, transparent);
  color: var(--_mega-brand);
  flex-shrink: 0;
}

.qhr-megamenu-content {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-inline-size: 0;
}

.qhr-megamenu-label {
  font-size: var(--qhr-text-sm, 0.875rem);
  font-weight: 600;
  color: var(--_mega-fg);
}

.qhr-megamenu-desc {
  font-size: var(--qhr-text-xs, 0.75rem);
  color: var(--_mega-fg-muted);
  line-height: 1.4;
}



.qhr-megamenu-featured {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: var(--qhr-space-4, 16px);
  border-radius: var(--qhr-radius-md, 8px);
  background: radial-gradient(circle at 100% 0%, color-mix(in srgb, var(--_mega-brand) 18%, transparent), transparent 75%),
              var(--qhr-surface-card, #162233);
  border: 1px solid var(--_mega-border);
}

.qhr-megamenu-featured-title {
  font-size: var(--qhr-text-base, 1rem);
  font-weight: 700;
  color: var(--_mega-fg);
  margin-block-end: 4px;
}

.qhr-megamenu-featured-desc {
  font-size: var(--qhr-text-xs, 0.8125rem);
  color: var(--_mega-fg-muted);
  line-height: 1.5;
  margin-block-end: var(--qhr-space-4, 16px);
}



.qhr-megamenu-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-block-start: var(--qhr-space-4, 16px);
  padding-block-start: var(--qhr-space-3, 12px);
  border-block-start: 1px solid var(--_mega-border);
  font-size: var(--qhr-text-xs, 0.75rem);
  color: var(--_mega-fg-muted);
}



@media (max-width: 768px) {
  .qhr-megamenu {
    position: static;
    inline-size: 100%;
    padding: var(--qhr-space-3, 12px);
    box-shadow: none;
  }
  .qhr-megamenu-grid {
    grid-template-columns: 1fr !important;
    gap: var(--qhr-space-4, 16px);
  }
}

.qhr-menu {
  --_menu-bg: var(--qhr-surface-base, #0d1520);
  --_menu-fg: var(--qhr-content-primary, #f8fafc);
  --_menu-fg-muted: var(--qhr-content-secondary, #94a3b8);
  --_menu-border: var(--qhr-border-subtle, rgba(255, 255, 255, 0.08));
  --_menu-hover-bg: color-mix(in srgb, var(--_menu-fg) 8%, transparent);
  --_menu-active-bg: color-mix(in srgb, var(--qhr-color-primary-500, #c7a35a) 15%, transparent);
  --_menu-active-fg: var(--qhr-color-primary-400, #e6ca85);
  --_menu-active-border: var(--qhr-color-primary-500, #c7a35a);

  display: flex;
  flex-direction: column;
  list-style: none;
  margin: 0;
  padding: var(--qhr-space-2, 8px);
  gap: var(--qhr-space-1, 4px);
  background-color: var(--_menu-bg);
  border-radius: var(--qhr-radius-md, 8px);
  font-family: var(--qhr-font-family-primary, 'Cairo', sans-serif);
  color: var(--_menu-fg);
  box-sizing: border-box;
}



.qhr-menu-item {
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
}

.qhr-menu-link,
.qhr-menu-toggle {
  display: flex;
  align-items: center;
  gap: var(--qhr-space-3, 12px);
  padding-block: var(--qhr-space-2, 8px);
  padding-inline: var(--qhr-space-3, 12px);
  border-radius: var(--qhr-radius-sm, 6px);
  font-size: var(--qhr-text-sm, 0.875rem);
  font-weight: 500;
  color: var(--_menu-fg);
  text-decoration: none;
  background: transparent;
  border: none;
  width: 100%;
  cursor: pointer;
  box-sizing: border-box;
  transition: background-color var(--qhr-duration-fast, 150ms) ease,
              color var(--qhr-duration-fast, 150ms) ease,
              border-color var(--qhr-duration-fast, 150ms) ease;
}

.qhr-menu-link:hover,
.qhr-menu-toggle:hover {
  background-color: var(--_menu-hover-bg);
  color: var(--_menu-fg);
}

.qhr-menu-link:focus-visible,
.qhr-menu-toggle:focus-visible {
  outline: 2px solid var(--qhr-color-primary-500, #c7a35a);
  outline-offset: 2px;
}

.qhr-menu-link.is-active,
.qhr-menu-link[aria-current="page"] {
  background-color: var(--_menu-active-bg);
  color: var(--_menu-active-fg);
  font-weight: 600;
}

.qhr-menu-link.is-disabled,
.qhr-menu-link:disabled {
  opacity: 0.45;
  pointer-events: none;
  cursor: not-allowed;
}


.qhr-menu-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  inline-size: 1.25rem;
  block-size: 1.25rem;
  color: var(--_menu-fg-muted);
}

.qhr-menu-link.is-active .qhr-menu-icon {
  color: var(--_menu-active-fg);
}

.qhr-menu-label {
  flex: 1;
  min-inline-size: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.qhr-menu-badge {
  flex-shrink: 0;
  margin-inline-start: auto;
}

.qhr-menu-chevron {
  flex-shrink: 0;
  inline-size: 0.875rem;
  block-size: 0.875rem;
  margin-inline-start: auto;
  transition: transform var(--qhr-duration-fast, 150ms) ease;
}

.qhr-menu-item.is-open > .qhr-menu-toggle > .qhr-menu-chevron,
.qhr-menu-toggle[aria-expanded="true"] > .qhr-menu-chevron {
  transform: rotate(180deg);
}



.qhr-menu-title {
  padding-block: var(--qhr-space-2, 8px);
  padding-inline: var(--qhr-space-3, 12px);
  font-size: var(--qhr-text-xs, 0.75rem);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--_menu-fg-muted);
  list-style: none;
}

.qhr-menu-divider {
  block-size: 1px;
  background-color: var(--_menu-border);
  margin-block: var(--qhr-space-2, 8px);
  list-style: none;
}



.qhr-menu-sub {
  display: flex;
  flex-direction: column;
  list-style: none;
  margin: 0;
  padding: 0;
  gap: 2px;
  margin-inline-start: var(--qhr-space-4, 16px);
  padding-inline-start: var(--qhr-space-2, 8px);
  border-inline-start: 1px solid var(--_menu-border);
  margin-block-start: 4px;
}

.qhr-menu-sub .qhr-menu-link {
  font-size: var(--qhr-text-xs, 0.8125rem);
  padding-block: var(--qhr-space-1, 6px);
  padding-inline: var(--qhr-space-2, 8px);
}




.qhr-menu--horizontal {
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--qhr-space-2, 8px);
}

.qhr-menu--horizontal .qhr-menu-sub {
  position: absolute;
  inset-block-start: calc(100% + 4px);
  inset-inline-start: 0;
  background-color: var(--_menu-bg);
  border: 1px solid var(--_menu-border);
  border-radius: var(--qhr-radius-md, 8px);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25);
  min-inline-size: 180px;
  z-index: 50;
  margin-inline-start: 0;
  padding: var(--qhr-space-2, 8px);
}


.qhr-menu--bordered {
  border: 1px solid var(--_menu-border);
}


.qhr-menu--compact {
  padding: var(--qhr-space-1, 4px);
  gap: 2px;
}

.qhr-menu--compact .qhr-menu-link {
  padding-block: var(--qhr-space-1, 4px);
  padding-inline: var(--qhr-space-2, 8px);
  font-size: var(--qhr-text-xs, 0.78rem);
}


.qhr-menu--pills .qhr-menu-link {
  border-radius: 9999px;
}


.qhr-menu--khedivial {
  border-inline-start: 3px solid var(--qhr-color-primary-500, #c7a35a);
  background-color: var(--qhr-surface-elevated, #131d2a);
}

.qhr-menu--khedivial .qhr-menu-link.is-active {
  border-inline-start: 2px solid var(--qhr-color-primary-500, #c7a35a);
  border-radius: 0 var(--qhr-radius-sm, 6px) var(--qhr-radius-sm, 6px) 0;
}


.qhr-menu--brutalist {
  border: 2px solid var(--_menu-fg);
  border-radius: 0;
  box-shadow: 3px 3px 0 var(--_menu-fg);
}

.qhr-menu--brutalist .qhr-menu-link {
  border-radius: 0;
}

.qhr-menu--brutalist .qhr-menu-link:hover {
  background-color: var(--_menu-fg);
  color: var(--_menu-bg);
}

.qhr-menu--brutalist .qhr-menu-link.is-active {
  background-color: var(--qhr-color-primary-500, #c7a35a);
  color: #000;
  font-weight: 700;
}



.qhr-menu--sm .qhr-menu-link {
  padding-block: 4px;
  padding-inline: 8px;
  font-size: 0.75rem;
}

.qhr-menu--lg .qhr-menu-link {
  padding-block: 12px;
  padding-inline: 16px;
  font-size: 1rem;
}

.qhr-modal-backdrop {
  position: fixed;
  inset: 0;
  background-color: var(--qhr-surface-overlay, rgba(15, 23, 42, 0.7));
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--qhr-space-4, 16px);
  z-index: var(--qhr-z-modal, 1400);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.qhr-modal-dialog {
  background-color: var(--qhr-surface-elevated, #ffffff);
  color: var(--qhr-content-primary, #0f172a);
  border-radius: var(--qhr-radius-xl, 24px);
  border: 1px solid var(--qhr-border-subtle, #e2e8f0);
  box-shadow: var(--qhr-shadow-xl, 0 20px 25px -5px rgba(0, 0, 0, 0.25));
  max-width: 32rem;
  width: 100%;
  overflow: hidden;
  animation: qhr-modal-scale 180ms var(--qhr-ease-standard, ease);
}

[data-theme="dark"] .qhr-modal-dialog {
  background-color: var(--qhr-surface-elevated, #131b2e);
  border-color: var(--qhr-border-subtle, #1e293b);
  color: var(--qhr-content-primary, #f8fafc);
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.7);
}

@keyframes qhr-modal-scale {
  from { opacity: 0; transform: scale(0.96); }
  to { opacity: 1; transform: scale(1); }
}

.qhr-modal-header {
  padding-block: var(--qhr-space-4, 16px);
  padding-inline: var(--qhr-space-6, 24px);
  border-block-end: 1px solid var(--qhr-border-subtle, #e2e8f0);
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: inherit;
}
[data-theme="dark"] .qhr-modal-header {
  border-block-end-color: var(--qhr-border-subtle, #1e293b);
}

.qhr-modal-title {
  margin: 0;
  font-family: var(--qhr-font-heading, "Alexandria", "Cairo", sans-serif);
  font-size: var(--qhr-text-lg, 1.125rem);
  font-weight: 700;
  color: var(--qhr-content-primary, #0f172a);
  line-height: 1.4;
}
[data-theme="dark"] .qhr-modal-title {
  color: var(--qhr-content-primary, #f8fafc);
}

.qhr-modal-close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  padding: 0;
  background: transparent;
  border: none;
  border-radius: var(--qhr-radius-md, 10px);
  color: var(--qhr-content-secondary, #64748b);
  cursor: pointer;
  line-height: 1;
  transition: background-color var(--qhr-duration-fast, 150ms), color var(--qhr-duration-fast, 150ms);
}
.qhr-modal-close:hover {
  background-color: var(--qhr-surface-muted, #f1f5f9);
  color: var(--qhr-content-primary, #0f172a);
}
[data-theme="dark"] .qhr-modal-close:hover {
  background-color: rgba(255, 255, 255, 0.08);
  color: #f8fafc;
}
.qhr-modal-close:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(199, 163, 90, 0.25);
}

.qhr-modal-body {
  padding: var(--qhr-space-6, 24px);
  color: var(--qhr-content-primary, #0f172a);
  background-color: inherit;
  font-family: var(--qhr-font-body, "Cairo", sans-serif);
  font-size: var(--qhr-text-base, 1rem);
  line-height: 1.6;
}
[data-theme="dark"] .qhr-modal-body {
  color: var(--qhr-content-primary, #f8fafc);
}

.qhr-modal-body p {
  margin: 0 0 var(--qhr-space-3, 12px) 0;
}

.qhr-modal-footer {
  padding-block: var(--qhr-space-4, 16px);
  padding-inline: var(--qhr-space-6, 24px);
  border-block-start: 1px solid var(--qhr-border-subtle, #e2e8f0);
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: var(--qhr-space-3, 12px);
  background-color: var(--qhr-surface-muted, #f8fafc);
}
[data-theme="dark"] .qhr-modal-footer {
  background-color: rgba(0, 0, 0, 0.2);
  border-block-start-color: var(--qhr-border-subtle, #1e293b);
}

.qhr-navbar {
  --_nav-bg: var(--qhr-surface-base, #ffffff);
  --_nav-border: var(--qhr-border-subtle, #e2e8f0);
  --_nav-brand: var(--qhr-content-primary, #0f172a);
  --_nav-link: var(--qhr-content-secondary, #64748b);
  --_nav-elevated: var(--qhr-surface-elevated, #f1f5f9);
  --_nav-active: var(--qhr-color-primary-500, #c7a35a);

  width: 100%;
  background-color: var(--_nav-bg);
  border-block-end: 1px solid var(--_nav-border);
  position: sticky;
  inset-block-start: 0;
  z-index: var(--qhr-z-sticky, 1100);
  transition: background-color var(--qhr-duration-fast, 150ms) ease,
              border-color var(--qhr-duration-fast, 150ms) ease;
}

[data-theme="dark"] .qhr-navbar,
[data-mode="dark"] .qhr-navbar {
  --_nav-bg: var(--qhr-surface-page, #07090e);
  --_nav-border: var(--qhr-border-subtle, rgba(255, 255, 255, 0.08));
  --_nav-brand: var(--qhr-content-primary, #f8fafc);
  --_nav-link: var(--qhr-content-secondary, #94a3b8);
  --_nav-elevated: var(--qhr-surface-elevated, #131b2e);
}

.qhr-navbar-container {
  max-width: 1280px;
  margin-inline: auto;
  padding-inline: var(--qhr-space-6, 24px);
  min-height: 4rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--qhr-space-4, 16px);
  box-sizing: border-box;
}

.qhr-navbar--sm .qhr-navbar-container { min-height: 3rem; padding-inline: var(--qhr-space-4, 16px); }
.qhr-navbar--md .qhr-navbar-container { min-height: 4rem; }
.qhr-navbar--lg .qhr-navbar-container { min-height: 5rem; padding-inline: var(--qhr-space-8, 32px); }


.qhr-navbar-brand {
  display: inline-flex;
  align-items: center;
  gap: var(--qhr-space-3, 12px);
  font-family: var(--qhr-font-heading, "Alexandria", "Cairo", sans-serif);
  font-size: var(--qhr-text-lg, 1.125rem);
  font-weight: 700;
  color: var(--_nav-brand);
  text-decoration: none;
  flex-shrink: 0;
  transition: transform var(--qhr-duration-fast, 150ms) ease;
}
.qhr-navbar-brand:hover { transform: translateY(-1px); }

.qhr-navbar-brand-emblem {
  width: 36px;
  height: 36px;
  border-radius: var(--qhr-radius-md, 8px);
  background: var(--_nav-elevated);
  border: 1px solid var(--_nav-border);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--_nav-active);
  flex-shrink: 0;
}


.qhr-navbar-links {
  display: flex;
  align-items: center;
  gap: var(--qhr-space-6, 24px);
  list-style: none;
  margin: 0;
  padding: 0;
}

.qhr-navbar-link {
  font-family: var(--qhr-font-body, 'Cairo', sans-serif);
  font-size: var(--qhr-text-sm, 0.875rem);
  font-weight: 600;
  color: var(--_nav-link);
  text-decoration: none;
  padding: var(--qhr-space-2, 8px);
  border-radius: var(--qhr-radius-sm, 6px);
  transition: color var(--qhr-duration-fast, 150ms), background-color var(--qhr-duration-fast, 150ms);
  white-space: nowrap;
}
.qhr-navbar-link:hover,
.qhr-navbar-link.is-active {
  color: var(--_nav-active);
  background-color: var(--qhr-surface-subtle, rgba(255, 255, 255, 0.05));
}

.qhr-navbar-actions {
  display: flex;
  align-items: center;
  gap: var(--qhr-space-3, 12px);
  flex-shrink: 0;
}


.qhr-navbar--glass {
  background: color-mix(in srgb, var(--_nav-bg) 82%, transparent);
  backdrop-filter: blur(16px) saturate(180%);
  -webkit-backdrop-filter: blur(16px) saturate(180%);
}


.qhr-navbar--tone-primary {
  --_nav-bg: var(--qhr-color-primary-600, #2563eb);
  --_nav-border: var(--qhr-color-primary-700, #1d4ed8);
  --_nav-brand: #ffffff;
  --_nav-link: rgba(255, 255, 255, 0.9);
  --_nav-active: #ffffff;
}

.qhr-navbar--tone-dark {
  --_nav-bg: #0d121f;
  --_nav-border: rgba(255, 255, 255, 0.1);
  --_nav-brand: #f8fafc;
  --_nav-link: #94a3b8;
  --_nav-active: var(--qhr-color-primary-500, #d4af37);
}

.qhr-navbar--tone-gold {
  border-block-end: 2px solid var(--qhr-color-primary-500, #d4af37);
  box-shadow: 0 4px 20px -5px rgba(212, 175, 55, 0.18);
}

.qhr-navbar--tone-surface {
  --_nav-bg: var(--_nav-elevated);
}


.qhr-navbar--title-only .qhr-navbar-container { justify-content: center; }
.qhr-navbar-page-title {
  font-family: var(--qhr-font-heading, "Alexandria", sans-serif);
  font-size: var(--qhr-text-base, 1rem);
  font-weight: 700;
  color: var(--_nav-brand);
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}


.qhr-navbar--title-icon .qhr-navbar-container { justify-content: flex-start; gap: var(--qhr-space-4, 16px); }
.qhr-navbar-nav-icon-btn {
  width: 36px;
  height: 36px;
  border-radius: var(--qhr-radius-md, 8px);
  border: 1px solid var(--_nav-border);
  background: var(--_nav-elevated);
  color: var(--_nav-link);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  flex-shrink: 0;
  transition: all var(--qhr-duration-fast, 150ms) ease;
}
.qhr-navbar-nav-icon-btn:hover { color: var(--_nav-active); border-color: var(--_nav-active); }


.qhr-navbar--dual-icons .qhr-navbar-container {
  display: grid;
  grid-template-columns: 36px 1fr 36px;
  align-items: center;
  gap: var(--qhr-space-3, 12px);
}
.qhr-navbar-title-centered {
  text-align: center;
  font-family: var(--qhr-font-heading, "Alexandria", sans-serif);
  font-size: var(--qhr-text-base, 1rem);
  font-weight: 700;
  margin: 0;
  color: var(--_nav-brand);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}


.qhr-navbar-dropdown { position: relative; }
.qhr-navbar-dropdown-trigger {
  font-family: var(--qhr-font-body, 'Cairo', sans-serif);
  font-size: var(--qhr-text-sm, 0.875rem);
  font-weight: 600;
  color: var(--_nav-link);
  background: transparent;
  border: none;
  cursor: pointer;
  padding: var(--qhr-space-2, 8px);
  display: inline-flex;
  align-items: center;
  gap: 4px;
  border-radius: var(--qhr-radius-sm, 6px);
  transition: color var(--qhr-duration-fast, 150ms);
  white-space: nowrap;
}
.qhr-navbar-dropdown-trigger:hover,
.qhr-navbar-dropdown.is-open .qhr-navbar-dropdown-trigger { color: var(--_nav-active); }

.qhr-navbar-dropdown-menu {
  position: absolute;
  inset-block-start: calc(100% + 8px);
  inset-inline-start: 0;
  min-width: 220px;
  background: var(--_nav-bg);
  border: 1px solid var(--_nav-border);
  border-radius: var(--qhr-radius-md, 10px);
  box-shadow: 0 10px 30px -5px rgba(0, 0, 0, 0.18);
  padding: var(--qhr-space-2, 8px);
  list-style: none;
  margin: 0;
  z-index: 1200;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.qhr-navbar-dropdown-item {
  font-family: var(--qhr-font-body, 'Cairo', sans-serif);
  font-size: var(--qhr-text-sm, 0.875rem);
  font-weight: 500;
  padding-block: var(--qhr-space-2, 8px);
  padding-inline: var(--qhr-space-3, 12px);
  border-radius: var(--qhr-radius-sm, 6px);
  color: var(--_nav-brand);
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: all var(--qhr-duration-fast, 150ms) ease;
}
.qhr-navbar-dropdown-item:hover {
  background-color: var(--qhr-surface-subtle, rgba(255, 255, 255, 0.08));
  color: var(--_nav-active);
}


.qhr-navbar-search-capsule {
  display: inline-flex;
  align-items: center;
  gap: var(--qhr-space-2, 8px);
  background: var(--_nav-elevated);
  border: 1px solid var(--_nav-border);
  border-radius: var(--qhr-radius-md, 8px);
  padding-inline: var(--qhr-space-3, 12px);
  height: 36px;
  transition: all var(--qhr-duration-fast, 150ms) ease;
}
.qhr-navbar-search-capsule:focus-within {
  border-color: var(--_nav-active);
  box-shadow: 0 0 0 2px rgba(199, 163, 90, 0.2);
}
.qhr-navbar-search-input {
  border: none;
  background: transparent;
  outline: none;
  font-family: var(--qhr-font-body, 'Cairo', sans-serif);
  font-size: var(--qhr-text-sm, 0.875rem);
  color: var(--_nav-brand);
  width: 160px;
}
.qhr-navbar-search-kbd {
  font-family: var(--qhr-font-code, monospace);
  font-size: 0.68rem;
  padding: 1px 5px;
  border-radius: 4px;
  background: var(--_nav-bg);
  border: 1px solid var(--_nav-border);
  color: var(--_nav-link);
}


.qhr-navbar-indicator-wrapper { position: relative; display: inline-flex; }
.qhr-navbar-indicator-dot {
  position: absolute;
  inset-block-start: 4px;
  inset-inline-end: 4px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--qhr-color-danger-500, #ef4444);
  border: 1.5px solid var(--_nav-bg);
}


.qhr-navbar--center-logo .qhr-navbar-container {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
}
.qhr-navbar--center-logo .qhr-navbar-brand { grid-column: 2; margin-inline: auto; }
.qhr-navbar--center-logo .qhr-navbar-actions { grid-column: 3; justify-content: flex-end; }


.qhr-navbar-toggle {
  display: none;
  background: transparent;
  border: none;
  cursor: pointer;
  color: var(--_nav-brand);
  padding: 6px;
  border-radius: var(--qhr-radius-sm, 6px);
  flex-shrink: 0;
}
.qhr-navbar-toggle:hover {
  background-color: var(--qhr-surface-subtle, rgba(255, 255, 255, 0.08));
}

.qhr-navbar-drawer { display: none; }
.qhr-navbar-backdrop { display: none; }


.qhr-navbar--school-art-deco {
  border-block-end: 2px solid var(--qhr-color-primary-500, #d4af37);
  background: linear-gradient(180deg, rgba(212, 175, 55, 0.05) 0%, transparent 100%), var(--_nav-bg);
}
.qhr-navbar--school-art-deco .qhr-navbar-brand-emblem {
  border-color: #d4af37;
  box-shadow: 0 0 10px rgba(212, 175, 55, 0.25);
}


.qhr-navbar--school-masthead { border-block-end: 2px solid var(--qhr-border-strong, #cbd5e1); }
.qhr-navbar-masthead-top {
  border-block-end: 1px solid var(--_nav-border);
  padding-block: 4px;
  padding-inline: var(--qhr-space-4, 16px);
  font-size: 0.72rem;
  color: var(--_nav-link);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.qhr-navbar--school-masthead .qhr-navbar-brand {
  font-size: 1.4rem;
  font-weight: 800;
  margin-inline: auto;
  padding-block: var(--qhr-space-2, 8px);
}


.qhr-navbar--school-brutalist {
  border-block-end: 3px solid var(--_nav-brand);
  border-radius: 0;
  box-shadow: 0 4px 0 var(--_nav-brand);
}
.qhr-navbar--school-brutalist .qhr-navbar-brand-emblem,
.qhr-navbar--school-brutalist .qhr-navbar-nav-icon-btn,
.qhr-navbar--school-brutalist .qhr-navbar-search-capsule {
  border-radius: 0;
  border-width: 2px;
  border-color: var(--_nav-brand);
}


.qhr-navbar--school-floating-pill {
  position: sticky;
  inset-block-start: 16px;
  max-width: 980px;
  margin-inline: auto;
  border-radius: 9999px;
  border: 1px solid var(--_nav-border);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
  background: color-mix(in srgb, var(--_nav-bg) 88%, transparent);
  backdrop-filter: blur(20px);
}
.qhr-navbar--school-floating-pill .qhr-navbar-container {
  min-height: 3.5rem;
  padding-inline: var(--qhr-space-6, 24px);
}


.qhr-navbar--school-cyber-terminal {
  font-family: var(--qhr-font-code, monospace);
  border-block-end: 1px solid var(--qhr-color-primary-500, #06b6d4);
  background-color: #060a13;
  color: #06b6d4;
  box-shadow: 0 2px 14px rgba(6, 182, 212, 0.18);
}
.qhr-navbar--school-cyber-terminal .qhr-navbar-brand,
.qhr-navbar--school-cyber-terminal .qhr-navbar-link {
  color: #06b6d4;
  font-family: var(--qhr-font-code, monospace);
}
.qhr-navbar--school-cyber-terminal .qhr-navbar-brand-emblem {
  background: rgba(6, 182, 212, 0.1);
  border-color: #06b6d4;
  color: #06b6d4;
}
.qhr-navbar-telemetry-badge {
  font-size: 0.7rem;
  padding: 2px 8px;
  background: rgba(6, 182, 212, 0.12);
  border: 1px solid #06b6d4;
  border-radius: 4px;
  color: #06b6d4;
}


.qhr-navbar--school-heritage {
  border-block-end: 2px solid var(--qhr-color-primary-600, #b45309);
  background: radial-gradient(circle at 50% 0%, rgba(180, 83, 9, 0.08), transparent 70%), var(--_nav-bg);
}
.qhr-navbar--school-heritage .qhr-navbar-brand-emblem {
  border-radius: 50%;
  border-color: var(--_nav-active);
}






.qhr-navbar-collapse {
  display: none;
  width: 100%;
}

@media (max-width: 768px) {
  .qhr-navbar-container {
    padding-inline: var(--qhr-space-3, 12px);
    gap: var(--qhr-space-2, 8px);
    min-height: 3.5rem;
  }
  .qhr-navbar-brand { font-size: 1rem; gap: 8px; }
  .qhr-navbar-brand-emblem { width: 30px; height: 30px; }
  .qhr-navbar-links { display: none; }
  .qhr-navbar-toggle { display: inline-flex; align-items: center; justify-content: center; }
  .qhr-navbar-actions { gap: 6px; }
  .qhr-navbar-actions .qhr-btn { height: 32px; padding-inline: 10px; font-size: 0.78rem; }
  .qhr-navbar-search-capsule { max-width: 130px; height: 32px; padding-inline: 8px; }
  .qhr-navbar-search-input { width: 75px; font-size: 0.75rem; }
  .qhr-navbar-search-kbd { display: none; }

  
  .qhr-navbar.is-open .qhr-navbar-collapse,
  .qhr-navbar[data-open="true"] .qhr-navbar-collapse {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-block: var(--qhr-space-3, 12px);
    padding-inline: var(--qhr-space-4, 16px);
    background-color: var(--_nav-bg);
    border-block-start: 1px solid var(--_nav-border);
    animation: qhrNavbarSlideDown 200ms ease forwards;
  }

  .qhr-navbar-collapse .qhr-navbar-links {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 4px !important;
    width: 100% !important;
  }

  .qhr-navbar-collapse .qhr-navbar-link {
    padding-block: var(--qhr-space-2, 8px);
    padding-inline: var(--qhr-space-3, 12px);
    border-radius: var(--qhr-radius-sm, 6px);
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  
  .qhr-navbar-collapse .qhr-navbar-dropdown {
    width: 100%;
  }

  .qhr-navbar-collapse .qhr-navbar-dropdown-trigger {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-block: var(--qhr-space-2, 8px);
    padding-inline: var(--qhr-space-3, 12px);
    border-radius: var(--qhr-radius-sm, 6px);
  }

  .qhr-navbar-collapse .qhr-navbar-dropdown-menu {
    position: static !important;
    min-width: 100% !important;
    box-shadow: none !important;
    border: none !important;
    border-inline-start: 2px solid var(--qhr-color-primary-500, #c7a35a) !important;
    border-radius: 0 !important;
    background-color: color-mix(in srgb, var(--_nav-bg) 95%, var(--_nav-brand)) !important;
    margin-inline-start: var(--qhr-space-3, 12px) !important;
    padding-inline: var(--qhr-space-2, 8px) !important;
    padding-block: var(--qhr-space-1, 4px) !important;
    gap: 4px !important;
  }

  .qhr-navbar-collapse .qhr-navbar-dropdown-item {
    padding-block: var(--qhr-space-2, 6px);
    padding-inline: var(--qhr-space-2, 8px);
    font-size: var(--qhr-text-sm, 0.8125rem);
  }

  .qhr-navbar-collapse .qhr-navbar-actions {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    padding-block-start: 12px !important;
    border-block-start: 1px dashed var(--_nav-border) !important;
    width: 100% !important;
  }

  .qhr-navbar-collapse .qhr-navbar-actions .qhr-btn {
    width: 100% !important;
    justify-content: center !important;
  }

  
  .qhr-navbar--drawer-collapse.is-open .qhr-navbar-drawer {
    display: flex;
    flex-direction: column;
    position: fixed;
    inset-block-start: 0;
    inset-inline-start: 0;
    inline-size: min(82vw, 300px);
    block-size: 100vh;
    background: var(--_nav-bg);
    border-inline-end: 1px solid var(--_nav-border);
    padding: var(--qhr-space-6, 24px);
    gap: var(--qhr-space-4, 16px);
    z-index: 1300;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.25);
    overflow-y: auto;
  }
  .qhr-navbar--drawer-collapse.is-open .qhr-navbar-backdrop {
    display: block;
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(4px);
    z-index: 1250;
  }

  .qhr-navbar-masthead-top {
    flex-direction: column;
    text-align: center;
    gap: 2px;
    font-size: 0.65rem;
  }
  .qhr-navbar--school-floating-pill {
    margin-inline: 8px;
    padding-inline: 8px;
    border-radius: 9999px;
  }
}


.viewport--mobile .qhr-navbar-container,
.viewport--tablet .qhr-navbar-container {
  padding-inline: var(--qhr-space-3, 12px);
  gap: var(--qhr-space-2, 8px);
  min-height: 3.5rem;
}
.viewport--mobile .qhr-navbar-brand { font-size: 0.95rem; gap: 6px; }
.viewport--mobile .qhr-navbar-brand-emblem { width: 28px; height: 28px; }
.viewport--mobile .qhr-navbar-links { display: none !important; }
.viewport--mobile .qhr-navbar-toggle { display: inline-flex !important; }
.viewport--mobile .qhr-navbar-actions { gap: 6px; }
.viewport--mobile .qhr-navbar-actions .qhr-btn { height: 32px; padding-inline: 8px; font-size: 0.75rem; }
.viewport--mobile .qhr-navbar-search-capsule { max-width: 120px; height: 30px; padding-inline: 6px; }
.viewport--mobile .qhr-navbar-search-input { width: 65px; font-size: 0.72rem; }
.viewport--mobile .qhr-navbar-search-kbd { display: none; }
.viewport--mobile .qhr-navbar-masthead-top {
  flex-direction: column;
  text-align: center;
  gap: 2px;
  font-size: 0.62rem;
}
.viewport--mobile .qhr-navbar--school-floating-pill {
  margin-inline: 4px;
  border-radius: 9999px;
}
.viewport--mobile .qhr-navbar-page-title {
  font-size: 0.88rem;
  max-width: 220px;
}


.viewport--mobile .qhr-navbar.is-open .qhr-navbar-collapse,
.viewport--tablet .qhr-navbar.is-open .qhr-navbar-collapse {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  padding-block: 12px !important;
  padding-inline: 14px !important;
  background-color: var(--_nav-bg) !important;
  border-block-start: 1px solid var(--_nav-border) !important;
}
.viewport--mobile .qhr-navbar-collapse .qhr-navbar-links,
.viewport--tablet .qhr-navbar-collapse .qhr-navbar-links {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 4px !important;
  width: 100% !important;
}
.viewport--mobile .qhr-navbar-collapse .qhr-navbar-dropdown,
.viewport--tablet .qhr-navbar-collapse .qhr-navbar-dropdown {
  width: 100% !important;
}
.viewport--mobile .qhr-navbar-collapse .qhr-navbar-dropdown-trigger,
.viewport--tablet .qhr-navbar-collapse .qhr-navbar-dropdown-trigger {
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding-block: 8px !important;
  padding-inline: 10px !important;
  border-radius: 6px !important;
}
.viewport--mobile .qhr-navbar-collapse .qhr-navbar-dropdown-menu,
.viewport--tablet .qhr-navbar-collapse .qhr-navbar-dropdown-menu {
  position: static !important;
  min-width: 100% !important;
  box-shadow: none !important;
  border: none !important;
  border-inline-start: 2px solid var(--qhr-color-primary-500, #c7a35a) !important;
  border-radius: 0 !important;
  background-color: color-mix(in srgb, var(--_nav-bg) 95%, var(--_nav-brand)) !important;
  margin-inline-start: 10px !important;
  padding-inline: 8px !important;
  padding-block: 4px !important;
  gap: 4px !important;
}
.viewport--mobile .qhr-navbar-collapse .qhr-navbar-actions,
.viewport--tablet .qhr-navbar-collapse .qhr-navbar-actions {
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  padding-block-start: 10px !important;
  border-block-start: 1px dashed var(--_nav-border) !important;
  width: 100% !important;
}
.viewport--mobile .qhr-navbar-collapse .qhr-navbar-actions .qhr-btn,
.viewport--tablet .qhr-navbar-collapse .qhr-navbar-actions .qhr-btn {
  width: 100% !important;
  justify-content: center !important;
}

@keyframes qhrNavbarSlideDown {
  from { opacity: 0; transform: translateY(-8px); }
  to { opacity: 1; transform: translateY(0); }
}

.qhr-pagination {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--qhr-space-4, 16px);
  padding-block: var(--qhr-space-3, 12px);
  padding-inline: var(--qhr-space-4, 16px);
  background: var(--qhr-surface-elevated, #131b2e);
  border: 1px solid var(--qhr-border-subtle, rgba(255, 255, 255, 0.08));
  border-radius: var(--qhr-radius-lg, 14px);
  width: 100%;
  box-sizing: border-box;
  font-family: var(--qhr-font-body, 'Cairo', sans-serif);
  transition: all var(--qhr-motion-duration-fast, 150ms) ease;
}

:is([data-theme="light"], [data-mode="light"], [data-theme$="-light"]) .qhr-pagination {
  background: #ffffff;
  border-color: #e2e8f0;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}


.qhr-pagination__summary {
  display: flex;
  align-items: center;
  gap: var(--qhr-space-2, 6px);
  font-size: var(--qhr-text-sm, 13px);
  color: var(--qhr-content-secondary, #94a3b8);
  white-space: nowrap;
  flex-shrink: 0;
}
.qhr-pagination__summary strong {
  color: var(--qhr-content-primary, #f8fafc);
  font-weight: 700;
}
:is([data-theme="light"], [data-mode="light"], [data-theme$="-light"]) .qhr-pagination__summary strong {
  color: #0f172a;
}
.qhr-pagination__summary-accent {
  color: var(--qhr-color-primary, #d4af37);
  font-weight: 800;
}
:is([data-theme="light"], [data-mode="light"], [data-theme$="-light"]) .qhr-pagination__summary-accent {
  color: #b45309;
}


.qhr-pagination__content,
.qhr-pagination__controls {
  display: inline-flex;
  align-items: center;
  gap: var(--qhr-space-1, 4px);
  justify-content: center;
}


.qhr-pagination__btn,
.qhr-pagination__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--qhr-space-2, 6px);
  height: 36px;
  padding-inline: var(--qhr-space-3, 12px);
  border-radius: var(--qhr-radius-md, 8px);
  font-family: inherit;
  font-size: var(--qhr-text-sm, 13px);
  font-weight: 600;
  border: 1px solid var(--qhr-border-subtle, rgba(255, 255, 255, 0.1));
  background: var(--qhr-surface-base, var(--qhr-surface-card, #0d121f));
  color: var(--qhr-content-primary, #f8fafc);
  cursor: pointer;
  transition: all var(--qhr-motion-duration-fast, 150ms) ease;
  text-decoration: none;
  box-sizing: border-box;
}

:is([data-theme="light"], [data-mode="light"], [data-theme$="-light"]) .qhr-pagination__btn,
:is([data-theme="light"], [data-mode="light"], [data-theme$="-light"]) .qhr-pagination__link {
  background: #f8fafc;
  border-color: #e2e8f0;
  color: #1e293b;
}

.qhr-pagination__btn:hover:not(:disabled),
.qhr-pagination__link:hover:not(:disabled):not(.is-active) {
  border-color: var(--qhr-color-primary, #d4af37);
  color: var(--qhr-color-primary, #d4af37);
  background: rgba(212, 175, 55, 0.08);
}

.qhr-pagination__btn:disabled,
.qhr-pagination__link:disabled {
  opacity: 0.35;
  cursor: not-allowed;
}

:is([data-theme="light"], [data-mode="light"], [data-theme$="-light"]) .qhr-pagination__btn:disabled,
:is([data-theme="light"], [data-mode="light"], [data-theme$="-light"]) .qhr-pagination__link:disabled {
  background: #f1f5f9;
  border-color: #e2e8f0;
  color: #94a3b8;
  opacity: 0.7;
}



.qhr-pagination__icon-prev,
.qhr-pagination__icon-next,
.qhr-pagination__icon-first,
.qhr-pagination__icon-last {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  transition: transform var(--qhr-motion-duration-fast, 150ms) ease;
}

[dir="rtl"] .qhr-pagination__icon-prev,
[dir="rtl"] .qhr-pagination__icon-next,
[dir="rtl"] .qhr-pagination__icon-first,
[dir="rtl"] .qhr-pagination__icon-last {
  transform: rotate(180deg);
}


.qhr-pagination__pages {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.qhr-pagination__page {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-inline-size: 36px;
  height: 36px;
  padding-inline: 6px;
  border-radius: var(--qhr-radius-md, 8px);
  font-family: var(--qhr-font-mono, monospace);
  font-size: var(--qhr-text-sm, 13px);
  font-weight: 700;
  border: 1px solid transparent;
  background: transparent;
  color: var(--qhr-content-secondary, #94a3b8);
  cursor: pointer;
  transition: all 150ms ease;
  box-sizing: border-box;
  text-decoration: none;
}

.qhr-pagination__page:hover:not(.is-active):not(:disabled) {
  background: rgba(255, 255, 255, 0.06);
  color: var(--qhr-content-primary, #f8fafc);
}

:is([data-theme="light"], [data-mode="light"], [data-theme$="-light"]) .qhr-pagination__page:hover:not(.is-active):not(:disabled) {
  background: rgba(0, 0, 0, 0.05);
  color: #0f172a;
}

.qhr-pagination__page.is-active,
.qhr-pagination__page[aria-current="page"] {
  background: var(--qhr-color-primary, #d4af37);
  color: #07090e;
  border-color: var(--qhr-color-primary, #d4af37);
  font-weight: 800;
  box-shadow: 0 0 12px rgba(212, 175, 55, 0.35);
}

:is([data-theme="light"], [data-mode="light"], [data-theme$="-light"]) .qhr-pagination__page.is-active,
:is([data-theme="light"], [data-mode="light"], [data-theme$="-light"]) .qhr-pagination__page[aria-current="page"] {
  background: #b45309;
  color: #ffffff;
  border-color: #b45309;
  box-shadow: 0 1px 4px rgba(180, 83, 9, 0.3);
}

.qhr-pagination__ellipsis {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-inline-size: 30px;
  height: 36px;
  color: var(--qhr-text-muted, #64748b);
  user-select: none;
  font-weight: 700;
  font-size: 14px;
}


.qhr-pagination__size {
  display: inline-flex;
  align-items: center;
  gap: var(--qhr-space-2, 8px);
  font-size: var(--qhr-text-sm, 13px);
  color: var(--qhr-content-secondary, #94a3b8);
  white-space: nowrap;
  flex-shrink: 0;
}

.qhr-pagination__select {
  height: 36px;
  padding-block: 0;
  padding-inline: var(--qhr-space-3, 10px);
  border-radius: var(--qhr-radius-md, 8px);
  font-family: inherit;
  font-size: var(--qhr-text-sm, 13px);
  font-weight: 600;
  background: var(--qhr-surface-base, var(--qhr-surface-card, #0d121f));
  color: var(--qhr-content-primary, #f8fafc);
  border: 1px solid var(--qhr-border-subtle, rgba(255, 255, 255, 0.1));
  outline: none;
  cursor: pointer;
  transition: border-color 150ms ease;
}

:is([data-theme="light"], [data-mode="light"], [data-theme$="-light"]) .qhr-pagination__select {
  background: #f8fafc;
  border-color: #cbd5e1;
  color: #0f172a;
}

.qhr-pagination__select:focus {
  border-color: var(--qhr-color-primary, #d4af37);
}




.qhr-pagination--outline {
  border: 1px solid var(--qhr-border-strong, rgba(255, 255, 255, 0.18));
  background: var(--qhr-surface-base, var(--qhr-surface-card, #0d121f));
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.25);
}
:is([data-theme="light"], [data-mode="light"], [data-theme$="-light"]) .qhr-pagination--outline {
  background: #ffffff;
  border-color: #cbd5e1;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}


.qhr-pagination--ghost {
  background: transparent;
  border: none;
  box-shadow: none;
  padding-inline: 0;
}
.qhr-pagination--ghost .qhr-pagination__btn {
  background: transparent;
  border-color: transparent;
}
.qhr-pagination--ghost .qhr-pagination__btn:hover:not(:disabled) {
  background: rgba(255, 255, 255, 0.06);
}
:is([data-theme="light"], [data-mode="light"], [data-theme$="-light"]) .qhr-pagination--ghost .qhr-pagination__btn:hover:not(:disabled) {
  background: rgba(0, 0, 0, 0.05);
}


.qhr-pagination--pills {
  border-radius: 9999px;
  padding-inline: var(--qhr-space-5, 20px);
}
.qhr-pagination--pills .qhr-pagination__btn {
  border-radius: 9999px;
  padding-inline: 14px;
}
.qhr-pagination--pills .qhr-pagination__page {
  border-radius: 50%;
  min-inline-size: 36px;
  height: 36px;
}
.qhr-pagination--pills .qhr-pagination__select {
  border-radius: 9999px;
  padding-inline: 14px;
}


.qhr-pagination--segmented .qhr-pagination__controls {
  gap: 0;
  border: 1px solid var(--qhr-border-subtle, rgba(255, 255, 255, 0.12));
  border-radius: var(--qhr-radius-md, 8px);
  overflow: hidden;
  background: var(--qhr-surface-base, var(--qhr-surface-card, #0d121f));
}
:is([data-theme="light"], [data-mode="light"], [data-theme$="-light"]) .qhr-pagination--segmented .qhr-pagination__controls {
  background: #ffffff;
  border-color: #e2e8f0;
}
.qhr-pagination--segmented .qhr-pagination__btn,
.qhr-pagination--segmented .qhr-pagination__page {
  border-radius: 0;
  border: none;
  border-inline-end: 1px solid var(--qhr-border-subtle, rgba(255, 255, 255, 0.1));
}
:is([data-theme="light"], [data-mode="light"], [data-theme$="-light"]) .qhr-pagination--segmented .qhr-pagination__btn,
:is([data-theme="light"], [data-mode="light"], [data-theme$="-light"]) .qhr-pagination--segmented .qhr-pagination__page {
  border-inline-end-color: #e2e8f0;
}
.qhr-pagination--segmented .qhr-pagination__btn:last-child {
  border-inline-end: none;
}


.qhr-pagination--compact {
  justify-content: center;
  gap: var(--qhr-space-3, 12px);
}


.qhr-pagination--icons-only .qhr-pagination__btn {
  padding-inline: 8px;
  min-inline-size: 36px;
}


.qhr-pagination--sm {
  padding-block: var(--qhr-space-2, 8px);
  padding-inline: var(--qhr-space-3, 12px);
  font-size: var(--qhr-text-xs, 12px);
}
.qhr-pagination--sm .qhr-pagination__btn,
.qhr-pagination--sm .qhr-pagination__page,
.qhr-pagination--sm .qhr-pagination__select,
.qhr-pagination--sm .qhr-pagination__ellipsis {
  height: 30px;
  min-inline-size: 30px;
  font-size: var(--qhr-text-xs, 12px);
}

.qhr-pagination--lg {
  padding-block: var(--qhr-space-4, 16px);
  padding-inline: var(--qhr-space-5, 20px);
  font-size: var(--qhr-text-base, 15px);
}
.qhr-pagination--lg .qhr-pagination__btn,
.qhr-pagination--lg .qhr-pagination__page,
.qhr-pagination--lg .qhr-pagination__select,
.qhr-pagination--lg .qhr-pagination__ellipsis {
  height: 42px;
  min-inline-size: 42px;
  font-size: var(--qhr-text-base, 15px);
}


@media (max-width: 900px) {
  .qhr-pagination {
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--qhr-space-3, 12px);
  }
  .qhr-pagination__summary {
    order: 1;
    width: 100%;
    justify-content: center;
  }
  .qhr-pagination__content,
  .qhr-pagination__controls {
    order: 2;
  }
  .qhr-pagination__size {
    order: 3;
    width: 100%;
    justify-content: center;
  }
}

.qhr-preloader {
  position: fixed;
  inset: 0;
  background-color: var(--qhr-surface-page, #07090e);
  z-index: var(--qhr-z-modal, 1500);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--qhr-space-4, 16px);
  transition: opacity 300ms ease, visibility 300ms ease;
}

[data-theme="light"] .qhr-preloader {
  background-color: var(--qhr-surface-page, #f8fafc);
}

.qhr-preloader--glass {
  background: rgba(7, 9, 14, 0.85);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}
[data-theme="light"] .qhr-preloader--glass {
  background: rgba(255, 255, 255, 0.88);
}

.qhr-preloader-emblem {
  width: 64px;
  height: 64px;
  border-radius: var(--qhr-radius-xl, 20px);
  background: var(--qhr-surface-elevated, #131b2e);
  border: 1px solid var(--qhr-color-luxury-gold, #c9a84c);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 30px rgba(201, 168, 76, 0.25);
  animation: qhr-emblem-pulse 2s infinite ease-in-out;
}
@keyframes qhr-emblem-pulse {
  0%, 100% { transform: scale(1); box-shadow: 0 0 20px rgba(201, 168, 76, 0.2); }
  50% { transform: scale(1.06); box-shadow: 0 0 35px rgba(201, 168, 76, 0.4); }
}

.qhr-preloader-text {
  font-family: var(--qhr-font-heading, 'Alexandria', 'Cairo', sans-serif);
  font-size: var(--qhr-text-sm, 0.875rem);
  font-weight: 700;
  color: var(--qhr-content-primary, #f8fafc);
  letter-spacing: 0.05em;
}
[data-theme="light"] .qhr-preloader-text {
  color: var(--qhr-content-primary, #0f172a);
}

.qhr-preloader-bar {
  width: 140px;
  height: 4px;
  border-radius: 9999px;
  background-color: rgba(201, 168, 76, 0.2);
  overflow: hidden;
  position: relative;
}
.qhr-preloader-bar::after {
  content: "";
  position: absolute;
  inset-block: 0;
  width: 40%;
  background: linear-gradient(90deg, transparent, var(--qhr-color-luxury-gold, #c9a84c), transparent);
  animation: qhr-preloader-slide 1.2s infinite ease-in-out;
}
@keyframes qhr-preloader-slide {
  from { inset-inline-start: -40%; }
  to { inset-inline-start: 100%; }
}

.qhr-progress {
  position: relative;
  width: 100%;
  height: var(--qhr-space-2-5, 10px);
  overflow: hidden;
  border-radius: var(--qhr-radius-pill, 9999px);
  background-color: var(--qhr-surface-muted, #e2e8f0);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.06);
  direction: ltr; 
}
[dir="rtl"] .qhr-progress {
  direction: rtl;
}
[data-theme="dark"] .qhr-progress {
  background-color: rgba(255, 255, 255, 0.08);
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3);
}


.qhr-progress-bar {
  position: absolute;
  inset-block: 0;
  inset-inline-start: 0;
  height: 100%;
  background-color: var(--qhr-color-primary-500, #c7a35a);
  border-radius: inherit;
  transition: width var(--qhr-motion-duration-normal, 300ms) cubic-bezier(0.4, 0, 0.2, 1);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-family: var(--qhr-font-ui, 'Cairo', sans-serif);
  font-size: 0.68rem;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
  padding-inline: var(--qhr-space-1, 4px);
}


.qhr-progress--vertical,
.qhr-progress.vertical {
  display: inline-flex;
  flex-direction: column;
  justify-content: flex-end;
  width: var(--qhr-space-5, 20px);
  height: var(--qhr-progress-v-height, 160px);
  min-height: 120px;
}
.qhr-progress--vertical .qhr-progress-bar,
.qhr-progress.vertical .qhr-progress-bar {
  position: absolute;
  inset-block: auto 0;
  inset-inline: 0;
  width: 100%;
  height: 0;
  transition: height var(--qhr-motion-duration-normal, 300ms) cubic-bezier(0.4, 0, 0.2, 1);
}


.qhr-progress--vertical.qhr-progress--xl,
.qhr-progress--vertical.progress-xl { width: 32px; }
.qhr-progress--vertical.qhr-progress--lg,
.qhr-progress--vertical.progress-lg { width: 24px; }
.qhr-progress--vertical.qhr-progress--md,
.qhr-progress--vertical.progress-md { width: 18px; }
.qhr-progress--vertical.qhr-progress--sm,
.qhr-progress--vertical.progress-sm,
.qhr-progress--vertical.sm { width: 14px; }
.qhr-progress--vertical.qhr-progress--xs,
.qhr-progress--vertical.progress-xs,
.qhr-progress--vertical.xs { width: 8px; }
.qhr-progress--vertical.qhr-progress--xxs,
.qhr-progress--vertical.progress-xxs,
.qhr-progress--vertical.xxs { width: 4px; }


.qhr-progress--indeterminate .qhr-progress-bar {
  width: 35%;
  animation: qhr-progress-indeterminate 1.6s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
}

@keyframes qhr-progress-indeterminate {
  0% {
    inset-inline-start: -35%;
    width: 35%;
  }
  50% {
    inset-inline-start: 30%;
    width: 60%;
  }
  100% {
    inset-inline-start: 100%;
    width: 35%;
  }
}


.qhr-progress--striped .qhr-progress-bar,
.qhr-progress-bar.striped {
  background-image: linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.18) 25%,
    transparent 25%,
    transparent 50%,
    rgba(255, 255, 255, 0.18) 50%,
    rgba(255, 255, 255, 0.18) 75%,
    transparent 75%,
    transparent
  );
  background-size: 1.25rem 1.25rem;
}

.qhr-progress--animated .qhr-progress-bar,
.qhr-progress-bar-animated,
.progress-bar-animated {
  animation: qhr-progress-stripes 1.2s linear infinite;
}

@keyframes qhr-progress-stripes {
  from {
    background-position: 1.25rem 0;
  }
  to {
    background-position: 0 0;
  }
}

.qhr-progress--vertical.qhr-progress--animated .qhr-progress-bar,
.qhr-progress--vertical .qhr-progress-bar-animated,
.qhr-progress--vertical .progress-bar-animated {
  animation: qhr-progress-stripes-vertical 1.2s linear infinite;
}
@keyframes qhr-progress-stripes-vertical {
  from {
    background-position: 0 1.25rem;
  }
  to {
    background-position: 0 0;
  }
}


.qhr-progress--primary .qhr-progress-bar {
  background-color: var(--qhr-color-primary-500, #c7a35a);
}
.qhr-progress--neutral .qhr-progress-bar {
  background-color: var(--qhr-color-neutral-500, #64748b);
}
.qhr-progress--info .qhr-progress-bar,
.qhr-progress--blue .qhr-progress-bar {
  background-color: var(--qhr-color-info-500, #3b82f6);
}
.qhr-progress--success .qhr-progress-bar,
.qhr-progress--green .qhr-progress-bar {
  background-color: var(--qhr-color-success-500, #10b981);
}
.qhr-progress--warning .qhr-progress-bar,
.qhr-progress--orange .qhr-progress-bar {
  background-color: var(--qhr-color-warning-500, #f59e0b);
}
.qhr-progress--danger .qhr-progress-bar,
.qhr-progress--red .qhr-progress-bar {
  background-color: var(--qhr-color-danger-500, #ef4444);
}
.qhr-progress--secondary .qhr-progress-bar,
.qhr-progress--purple .qhr-progress-bar {
  background-color: var(--qhr-color-purple-500, #8b5cf6);
}
.qhr-progress--dark .qhr-progress-bar,
.qhr-progress--navy .qhr-progress-bar {
  background-color: #1e293b;
}
[data-theme="dark"] .qhr-progress--dark .qhr-progress-bar,
[data-theme="dark"] .qhr-progress--navy .qhr-progress-bar {
  background-color: #334155;
}


.qhr-progress--luxury .qhr-progress-bar {
  background: linear-gradient(90deg, #aa771c 0%, #d4af37 50%, #f5d77f 100%);
  box-shadow: 0 0 10px rgba(212, 175, 55, 0.35);
}
[data-theme="light"] .qhr-progress--luxury .qhr-progress-bar {
  background: linear-gradient(90deg, #78350f 0%, #b45309 50%, #d97706 100%);
  box-shadow: 0 0 8px rgba(180, 83, 9, 0.25);
}


.qhr-progress--xxs, .qhr-progress.xxs, .qhr-progress.progress-xxs { height: 2px; }
.qhr-progress--xs,  .qhr-progress.xs,  .qhr-progress.progress-xs  { height: 4px; }
.qhr-progress--sm,  .qhr-progress.sm,  .qhr-progress.progress-sm  { height: 6px; }
.qhr-progress--md,  .qhr-progress.md,  .qhr-progress.progress-md  { height: 10px; }
.qhr-progress--lg,  .qhr-progress.lg,  .qhr-progress.progress-lg  { height: 16px; font-size: 0.72rem; }
.qhr-progress--xl,  .qhr-progress.xl,  .qhr-progress.progress-xl  { height: 24px; font-size: 0.8rem; }


.qhr-progress--paused .qhr-progress-bar {
  opacity: 0.65;
  filter: grayscale(0.4);
}
.qhr-progress--complete .qhr-progress-bar {
  background-color: var(--qhr-color-success-500, #10b981);
}


.qhr-progress-segmented {
  position: relative;
  display: flex;
  width: 100%;
  height: var(--qhr-space-2-5, 10px);
  overflow: hidden;
  border-radius: var(--qhr-radius-pill, 9999px);
  background-color: var(--qhr-surface-muted, #e2e8f0);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.06);
  gap: 2px;
}
[data-theme="dark"] .qhr-progress-segmented {
  background-color: rgba(255, 255, 255, 0.08);
}
.qhr-progress-segment {
  position: relative;
  height: 100%;
  transition: width var(--qhr-motion-duration-normal, 300ms) ease;
}
.qhr-progress-segment:first-child {
  border-start-start-radius: var(--qhr-radius-pill, 9999px);
  border-end-start-radius: var(--qhr-radius-pill, 9999px);
}
.qhr-progress-segment:last-child {
  border-start-end-radius: var(--qhr-radius-pill, 9999px);
  border-end-end-radius: var(--qhr-radius-pill, 9999px);
}


.qhr-progress-legend {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--qhr-space-4, 16px);
  font-family: var(--qhr-font-ui, 'Cairo', sans-serif);
  font-size: var(--qhr-text-xs, 0.75rem);
  margin-block-start: var(--qhr-space-2, 8px);
}
.qhr-progress-legend-item {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--qhr-content-secondary, #64748b);
}
[data-theme="dark"] .qhr-progress-legend-item {
  color: var(--qhr-content-secondary, #94a3b8);
}
.qhr-progress-legend-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex-shrink: 0;
}


.qhr-progress-milestones {
  position: relative;
  width: 100%;
  margin-block-start: 12px;
}
.qhr-milestone-ticks {
  position: absolute;
  inset-block-start: -4px;
  inset-inline: 0;
  display: flex;
  justify-content: space-between;
  pointer-events: none;
}
.qhr-milestone-tick {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: var(--qhr-surface-primary, #ffffff);
  border: 2px solid var(--qhr-surface-muted, #cbd5e1);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  transition: all 200ms ease;
}
[data-theme="dark"] .qhr-milestone-tick {
  background: #0d121f;
  border-color: rgba(255, 255, 255, 0.2);
}
.qhr-milestone-tick.active {
  background: var(--qhr-color-primary-500, #c7a35a);
  border-color: #ffffff;
  box-shadow: 0 0 0 2px var(--qhr-color-primary-500, #c7a35a);
}
[data-theme="light"] .qhr-milestone-tick.active {
  background: var(--qhr-color-primary-600, #b45309);
  box-shadow: 0 0 0 2px var(--qhr-color-primary-600, #b45309);
}
.qhr-milestone-labels {
  display: flex;
  justify-content: space-between;
  margin-block-start: 14px;
  font-family: var(--qhr-font-ui, 'Cairo', sans-serif);
  font-size: 0.72rem;
  color: var(--qhr-content-secondary, #64748b);
}


.qhr-progress-circle {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.qhr-progress-circle svg {
  transform: rotate(-90deg);
  transform-origin: 50% 50%;
}
.qhr-progress-circle-track {
  fill: none;
  stroke: var(--qhr-surface-muted, #e2e8f0);
}
[data-theme="dark"] .qhr-progress-circle-track {
  stroke: rgba(255, 255, 255, 0.08);
}
.qhr-progress-circle-bar {
  fill: none;
  stroke: var(--qhr-color-primary-500, #c7a35a);
  stroke-linecap: round;
  transition: stroke-dashoffset var(--qhr-motion-duration-normal, 400ms) cubic-bezier(0.4, 0, 0.2, 1);
}
.qhr-progress-circle--success .qhr-progress-circle-bar   { stroke: var(--qhr-color-success-500, #10b981); }
.qhr-progress-circle--info .qhr-progress-circle-bar      { stroke: var(--qhr-color-info-500, #3b82f6); }
.qhr-progress-circle--warning .qhr-progress-circle-bar   { stroke: var(--qhr-color-warning-500, #f59e0b); }
.qhr-progress-circle--danger .qhr-progress-circle-bar    { stroke: var(--qhr-color-danger-500, #ef4444); }
.qhr-progress-circle--secondary .qhr-progress-circle-bar { stroke: var(--qhr-color-purple-500, #8b5cf6); }

.qhr-progress-circle-content {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.qhr-progress-circle-val {
  font-family: var(--qhr-font-heading, 'Alexandria', sans-serif);
  font-size: 0.95rem;
  font-weight: 800;
  color: var(--qhr-content-primary, #0f172a);
  line-height: 1;
}
[data-theme="dark"] .qhr-progress-circle-val {
  color: var(--qhr-content-primary, #f8fafc);
}
.qhr-progress-circle-label {
  font-family: var(--qhr-font-ui, 'Cairo', sans-serif);
  font-size: 0.65rem;
  font-weight: 600;
  color: var(--qhr-content-secondary, #64748b);
  margin-block-start: 2px;
}
[data-theme="dark"] .qhr-progress-circle-label {
  color: var(--qhr-content-secondary, #94a3b8);
}


.qhr-progress-wrapper {
  display: flex;
  flex-direction: column;
  gap: var(--qhr-space-1-5, 6px);
  width: 100%;
}
.qhr-progress-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-family: var(--qhr-font-ui, 'Cairo', sans-serif);
  font-size: var(--qhr-text-xs, 0.75rem);
}
.qhr-progress-title {
  font-weight: 700;
  color: var(--qhr-content-primary, #0f172a);
}
[data-theme="dark"] .qhr-progress-title {
  color: var(--qhr-content-primary, #f8fafc);
}
.qhr-progress-val {
  font-weight: 700;
  font-family: var(--qhr-font-code, monospace);
  color: var(--qhr-content-secondary, #64748b);
}
[data-theme="dark"] .qhr-progress-val {
  color: var(--qhr-content-secondary, #94a3b8);
}
.qhr-progress-helper {
  font-size: 0.72rem;
  color: var(--qhr-content-secondary, #64748b);
  margin-block-start: 2px;
}
[data-theme="dark"] .qhr-progress-helper {
  color: var(--qhr-content-secondary, #94a3b8);
}


.qhr-progress-card {
  background: var(--qhr-surface-primary, #ffffff);
  border: 1px solid var(--qhr-border-subtle, #e2e8f0);
  border-radius: var(--qhr-radius-lg, 14px);
  padding: var(--qhr-space-4, 16px);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
  display: flex;
  flex-direction: column;
  gap: 12px;
  transition: all 200ms ease;
}
[data-theme="dark"] .qhr-progress-card {
  background: #0d121f;
  border-color: rgba(255, 255, 255, 0.08);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
}
.qhr-progress-card:hover {
  border-color: var(--qhr-color-primary-500, #c7a35a);
}
.qhr-progress-card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.qhr-progress-card-info {
  display: flex;
  align-items: center;
  gap: 10px;
}
.qhr-progress-card-icon {
  width: 36px;
  height: 36px;
  border-radius: 9px;
  background: var(--qhr-surface-muted, #f1f5f9);
  color: var(--qhr-color-primary-500, #c7a35a);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
[data-theme="dark"] .qhr-progress-card-icon {
  background: rgba(255, 255, 255, 0.05);
}
.qhr-progress-card-meta {
  display: flex;
  flex-direction: column;
}
.qhr-progress-card-name {
  font-family: var(--qhr-font-heading, 'Alexandria', sans-serif);
  font-size: 0.85rem;
  font-weight: 700;
  color: var(--qhr-content-primary, #0f172a);
}
[data-theme="dark"] .qhr-progress-card-name {
  color: var(--qhr-content-primary, #f8fafc);
}
.qhr-progress-card-sub {
  font-size: 0.72rem;
  color: var(--qhr-content-secondary, #64748b);
}
[data-theme="dark"] .qhr-progress-card-sub {
  color: var(--qhr-content-secondary, #94a3b8);
}

.qhr-radio {
  display: inline-flex;
  align-items: center;
  gap: var(--qhr-space-2-5, 10px);
  cursor: pointer;
  user-select: none;
  font-family: var(--qhr-font-body, 'Cairo', sans-serif);
  font-size: var(--qhr-text-sm, 0.875rem);
  color: var(--qhr-content-primary, #0f172a);
}

[data-theme="dark"] .qhr-radio {
  color: var(--qhr-content-primary, #f8fafc);
}

.qhr-radio input[type="radio"] {
  appearance: none;
  -webkit-appearance: none;
  width: 1.125rem;
  height: 1.125rem;
  margin: 0;
  border: 1.5px solid var(--qhr-border-strong, #cbd5e1);
  background-color: var(--qhr-surface-base, #ffffff);
  cursor: pointer;
  display: grid;
  place-content: center;
  border-radius: var(--qhr-radius-pill, 9999px);
  transition: all var(--qhr-duration-fast, 150ms) var(--qhr-ease-standard, ease);
}

[data-theme="dark"] .qhr-radio input[type="radio"] {
  background-color: var(--qhr-surface-elevated, #131b2e);
  border-color: var(--qhr-border-subtle, #1e293b);
}

.qhr-radio input[type="radio"]:checked {
  background-color: var(--qhr-color-primary-500, #c7a35a);
  border-color: var(--qhr-color-primary-500, #c7a35a);
}

.qhr-radio input[type="radio"]:checked::before {
  content: "";
  width: 0.5rem;
  height: 0.5rem;
  border-radius: var(--qhr-radius-pill, 9999px);
  background-color: #ffffff;
}

.qhr-radio:hover input[type="radio"] {
  border-color: var(--qhr-color-primary-500, #c7a35a);
}

.qhr-radio input[type="radio"]:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(199, 163, 90, 0.25);
}


.qhr-radio-card {
  display: flex;
  align-items: flex-start;
  gap: var(--qhr-space-3, 12px);
  padding: var(--qhr-space-4, 16px);
  border: 1px solid var(--qhr-border-subtle, #e2e8f0);
  border-radius: var(--qhr-radius-lg, 14px);
  background-color: var(--qhr-surface-elevated, #ffffff);
  cursor: pointer;
  transition: all 150ms ease;
}
[data-theme="dark"] .qhr-radio-card {
  background-color: var(--qhr-surface-elevated, #131b2e);
  border-color: var(--qhr-border-subtle, #1e293b);
}
.qhr-radio-card:has(input[type="radio"]:checked) {
  border-color: var(--qhr-color-primary-500, #c7a35a);
  background-color: rgba(199, 163, 90, 0.05);
}

.qhr-rating {
  display: inline-flex;
  align-items: center;
  gap: var(--qhr-space-1, 4px);
  font-family: var(--qhr-font-body, 'Cairo', sans-serif);
}

.qhr-rating-star {
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  color: var(--qhr-border-strong, #cbd5e1);
  transition: color var(--qhr-duration-fast, 150ms) ease, transform 100ms ease;
  display: inline-flex;
}
[data-theme="dark"] .qhr-rating-star {
  color: var(--qhr-border-subtle, #334155);
}

.qhr-rating-star:hover {
  transform: scale(1.18);
}

.qhr-rating-star svg {
  width: 20px;
  height: 20px;
  fill: currentColor;
}

.qhr-rating-star--filled {
  color: var(--qhr-color-luxury-gold, #c9a84c) !important;
}

.qhr-rating--readonly .qhr-rating-star {
  cursor: default;
  pointer-events: none;
}

.qhr-rating-label {
  font-size: var(--qhr-text-sm, 0.875rem);
  font-weight: 700;
  color: var(--qhr-content-primary, #0f172a);
  margin-inline-start: var(--qhr-space-2, 8px);
}
[data-theme="dark"] .qhr-rating-label {
  color: var(--qhr-content-primary, #f8fafc);
}


.qhr-rating--sm .qhr-rating-star svg { width: 16px; height: 16px; }
.qhr-rating--sm .qhr-rating-label { font-size: var(--qhr-text-xs, 0.75rem); }

.qhr-rating--lg .qhr-rating-star svg { width: 28px; height: 28px; }
.qhr-rating--lg .qhr-rating-label { font-size: var(--qhr-text-base, 1rem); }

.qhr-ribbon {
  position: absolute;
  z-index: 10;
  font-family: var(--qhr-font-heading, 'Alexandria', 'Cairo', sans-serif);
  font-weight: 700;
  font-size: var(--qhr-text-xs, 12px);
  letter-spacing: 0.02em;
  text-align: center;
  user-select: none;
  white-space: nowrap;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--qhr-space-1, 4px);
  color: #ffffff;
  background-color: var(--qhr-color-primary, #0b6bcb);
  --qhr-ribbon-fold-color: #073b6d;
}


.qhr-ribbon--sm {
  font-size: 11px;
  padding-block: 4px;
  padding-inline: var(--qhr-space-3, 12px);
}

.qhr-ribbon--md {
  font-size: 12px;
  padding-block: var(--qhr-space-1-5, 6px);
  padding-inline: var(--qhr-space-4, 16px);
}

.qhr-ribbon--lg {
  font-size: 13px;
  padding-block: var(--qhr-space-2, 8px);
  padding-inline: var(--qhr-space-5, 20px);
}


.qhr-ribbon--folded,
.qhr-ribbon--folded-start {
  inset-block-start: 14px;
  inset-inline-start: -8px;
  padding-block: var(--qhr-space-2, 7px);
  padding-inline: var(--qhr-space-4, 16px);
  border-start-end-radius: var(--qhr-radius-sm, 4px);
  border-end-end-radius: var(--qhr-radius-sm, 4px);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

.qhr-ribbon--folded::before,
.qhr-ribbon--folded-start::before {
  content: "";
  position: absolute;
  inset-block-start: 100%;
  inset-inline-start: 0;
  width: 8px;
  height: 8px;
  background-color: var(--qhr-ribbon-fold-color, #073b6d);
  clip-path: polygon(0 0, 100% 0, 100% 100%);
}

[dir="rtl"] .qhr-ribbon--folded::before,
[dir="rtl"] .qhr-ribbon--folded-start::before {
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

.qhr-ribbon--folded-end {
  inset-block-start: 14px;
  inset-inline-end: -8px;
  padding-block: var(--qhr-space-2, 7px);
  padding-inline: var(--qhr-space-4, 16px);
  border-start-start-radius: var(--qhr-radius-sm, 4px);
  border-end-start-radius: var(--qhr-radius-sm, 4px);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}

.qhr-ribbon--folded-end::before {
  content: "";
  position: absolute;
  inset-block-start: 100%;
  inset-inline-end: 0;
  width: 8px;
  height: 8px;
  background-color: var(--qhr-ribbon-fold-color, #073b6d);
  clip-path: polygon(0 0, 100% 0, 0 100%);
}

[dir="rtl"] .qhr-ribbon--folded-end::before {
  clip-path: polygon(0 0, 100% 0, 100% 100%);
}


.qhr-ribbon--corner,
.qhr-ribbon--corner-start {
  inset-block-start: 18px;
  inset-inline-start: -38px;
  width: 140px;
  padding-block: 5px;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25);
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
}

[dir="ltr"] .qhr-ribbon--corner,
[dir="ltr"] .qhr-ribbon--corner-start {
  transform: rotate(-45deg);
}

[dir="rtl"] .qhr-ribbon--corner,
[dir="rtl"] .qhr-ribbon--corner-start {
  transform: rotate(45deg);
}

.qhr-ribbon--corner-end {
  inset-block-start: 18px;
  inset-inline-end: -38px;
  width: 140px;
  padding-block: 5px;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25);
  font-size: 11px;
  font-weight: 800;
  text-transform: uppercase;
}

[dir="ltr"] .qhr-ribbon--corner-end {
  transform: rotate(45deg);
}

[dir="rtl"] .qhr-ribbon--corner-end {
  transform: rotate(-45deg);
}


.qhr-ribbon--bookmark {
  inset-block-start: 0;
  inset-inline-end: 18px;
  padding-block-start: 8px;
  padding-block-end: 14px;
  padding-inline: var(--qhr-space-3, 12px);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 50% calc(100% - 6px), 0 100%);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}


.qhr-ribbon--flat {
  inset-block-start: 14px;
  inset-inline-start: 0;
  border-start-end-radius: var(--qhr-radius-md, 6px);
  border-end-end-radius: var(--qhr-radius-md, 6px);
  padding-block: var(--qhr-space-1-5, 6px);
  padding-inline: var(--qhr-space-3-5, 14px);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}




.qhr-ribbon--dark,
.qhr-ribbon--neutral {
  background-color: var(--qhr-color-slate-900, #0f172a);
  color: #ffffff;
  --qhr-ribbon-fold-color: #020617;
}


.qhr-ribbon--primary {
  background-color: var(--qhr-color-blue-600, #0b6bcb);
  color: #ffffff;
  --qhr-ribbon-fold-color: #073b6d;
}


.qhr-ribbon--success {
  background-color: var(--qhr-color-emerald-600, #10b981);
  color: #ffffff;
  --qhr-ribbon-fold-color: #047857;
}


.qhr-ribbon--info {
  background-color: #6366f1;
  color: #ffffff;
  --qhr-ribbon-fold-color: #4338ca;
}


.qhr-ribbon--warning {
  background-color: #f59e0b;
  color: #ffffff;
  --qhr-ribbon-fold-color: #b45309;
}


.qhr-ribbon--danger {
  background-color: #f43f5e;
  color: #ffffff;
  --qhr-ribbon-fold-color: #be123c;
}


.qhr-ribbon--luxury,
.qhr-ribbon--gold {
  background: linear-gradient(135deg, #f5d77f 0%, #d4af37 50%, #aa771c 100%);
  color: #0a0806;
  --qhr-ribbon-fold-color: #78520f;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.4);
}


.qhr-ribbons-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: var(--qhr-space-6, 24px);
  width: 100%;
}

.qhr-card--ribbon {
  position: relative;
  background-color: var(--qhr-color-surface, #ffffff);
  border: 1px solid var(--qhr-color-border, #e2e8f0);
  border-radius: var(--qhr-radius-lg, 12px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

[data-theme="dark"] .qhr-card--ribbon {
  background-color: var(--qhr-color-surface, #0d121f);
  border-color: var(--qhr-color-border, rgba(255, 255, 255, 0.08));
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4);
}

.qhr-card--ribbon:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
}

[data-theme="dark"] .qhr-card--ribbon:hover {
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.6);
}

.qhr-card--overflow-hidden {
  overflow: hidden;
}

.qhr-card-content {
  padding: var(--qhr-space-6, 24px);
  padding-block-start: var(--qhr-space-10, 48px);
}

.qhr-card-text {
  font-family: var(--qhr-font-body, 'Cairo', sans-serif);
  font-size: var(--qhr-text-sm, 14px);
  line-height: 1.65;
  color: var(--qhr-color-text-secondary, #64748b);
  margin: 0;
}

[data-theme="dark"] .qhr-card-text {
  color: var(--qhr-color-text-secondary, #94a3b8);
}

.qhr-select {
  display: block;
  width: 100%;
  font-family: var(--qhr-font-body, 'Cairo', sans-serif);
  color: var(--qhr-content-primary, #0f172a);
  background-color: var(--qhr-surface-base, #ffffff);
  border: 1px solid var(--qhr-border-strong, #cbd5e1);
  border-radius: var(--qhr-radius-md, 10px);
  padding-block: var(--qhr-space-2, 8px);
  padding-inline-start: var(--qhr-space-3-5, 14px);
  padding-inline-end: var(--qhr-space-8, 32px);
  font-size: var(--qhr-text-sm, 0.875rem);
  line-height: 1.5;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  transition: border-color var(--qhr-duration-fast, 150ms), box-shadow var(--qhr-duration-fast, 150ms);
}

[dir="rtl"] .qhr-select {
  background-position: left 12px center;
}

[data-theme="dark"] .qhr-select {
  background-color: var(--qhr-surface-elevated, #131b2e);
  border-color: var(--qhr-border-subtle, #1e293b);
  color: var(--qhr-content-primary, #f8fafc);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
}

.qhr-select:focus {
  outline: none;
  border-color: var(--qhr-color-primary-500, #c7a35a);
  box-shadow: 0 0 0 3px rgba(199, 163, 90, 0.25);
}


.qhr-select--sm {
  padding-block: var(--qhr-space-1-5, 6px);
  padding-inline-start: var(--qhr-space-3, 12px);
  padding-inline-end: var(--qhr-space-7, 28px);
  font-size: var(--qhr-text-xs, 0.75rem);
}
.qhr-select--lg {
  padding-block: var(--qhr-space-3, 12px);
  padding-inline-start: var(--qhr-space-4, 16px);
  padding-inline-end: var(--qhr-space-9, 36px);
  font-size: var(--qhr-text-base, 1rem);
}

.qhr-skeleton {
  display: block;
  background: linear-gradient(
    90deg,
    var(--qhr-surface-muted, #e2e8f0) 25%,
    rgba(255, 255, 255, 0.6) 50%,
    var(--qhr-surface-muted, #e2e8f0) 75%
  );
  background-size: 200% 100%;
  animation: qhr-shimmer 1.6s infinite ease-in-out;
  border-radius: var(--qhr-radius-md, 10px);
}

[data-theme="dark"] .qhr-skeleton {
  background: linear-gradient(
    90deg,
    var(--qhr-surface-elevated, #1e293b) 25%,
    rgba(255, 255, 255, 0.08) 50%,
    var(--qhr-surface-elevated, #1e293b) 75%
  );
  background-size: 200% 100%;
}

[dir="rtl"] .qhr-skeleton {
  animation-direction: reverse;
}

@keyframes qhr-shimmer {
  0% { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}

.qhr-skeleton--text {
  height: 1rem;
  border-radius: var(--qhr-radius-sm, 6px);
  margin-block: var(--qhr-space-1, 4px);
}
.qhr-skeleton--heading {
  height: 1.5rem;
  width: 65%;
  border-radius: var(--qhr-radius-sm, 6px);
  margin-block-end: var(--qhr-space-2, 8px);
}
.qhr-skeleton--circular {
  border-radius: var(--qhr-radius-pill, 9999px);
}
.qhr-skeleton--rectangular {
  border-radius: var(--qhr-radius-lg, 14px);
}

.qhr-spinner {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  border: 2px solid currentColor;
  border-block-start-color: transparent;
  border-radius: 50%;
  animation: qhr-spin 0.75s linear infinite;
}

@keyframes qhr-spin {
  to { transform: rotate(360deg); }
}


.qhr-spinner--xs { width: 14px; height: 14px; border-width: 1.5px; }
.qhr-spinner--sm { width: 18px; height: 18px; border-width: 2px; }
.qhr-spinner--md { width: 24px; height: 24px; border-width: 2.5px; }
.qhr-spinner--lg { width: 36px; height: 36px; border-width: 3px; }
.qhr-spinner--xl { width: 48px; height: 48px; border-width: 4px; }


.qhr-spinner--primary { color: var(--qhr-color-primary-500, #c7a35a); }
.qhr-spinner--success { color: var(--qhr-color-success-500, #10b981); }
.qhr-spinner--danger  { color: var(--qhr-color-danger-500, #ef4444); }
.qhr-spinner--warning { color: var(--qhr-color-warning-500, #f59e0b); }
.qhr-spinner--info    { color: var(--qhr-color-info-500, #3b82f6); }
.qhr-spinner--luxury  { color: var(--qhr-color-luxury-gold, #c9a84c); }


.qhr-spinner-dots {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.qhr-spinner-dots span {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: currentColor;
  animation: qhr-dot-pulse 1.2s infinite ease-in-out both;
}
.qhr-spinner-dots span:nth-child(1) { animation-delay: -0.32s; }
.qhr-spinner-dots span:nth-child(2) { animation-delay: -0.16s; }
@keyframes qhr-dot-pulse {
  0%, 80%, 100% { transform: scale(0); opacity: 0.3; }
  40% { transform: scale(1); opacity: 1; }
}

.qhr-stepper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
}
.qhr-step-item {
  display: flex;
  align-items: center;
  gap: var(--qhr-space-3, 12px);
  position: relative;
  flex: 1;
}
.qhr-step-item:last-child {
  flex: none;
}
.qhr-step-indicator {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: var(--qhr-surface-subtle, rgba(255,255,255,0.08));
  border: 2px solid var(--qhr-border-subtle, rgba(255,255,255,0.2));
  color: var(--qhr-text-muted, #94a3b8);
  font-weight: 700;
  font-size: var(--qhr-text-xs, 12px);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: all var(--qhr-motion-duration-fast, 150ms);
}
.qhr-step-item.is-current .qhr-step-indicator {
  background: var(--qhr-color-primary-base, #c7a35a);
  border-color: var(--qhr-color-primary-base, #c7a35a);
  color: #0a0806;
}
.qhr-step-item.is-completed .qhr-step-indicator {
  background: var(--qhr-color-success-500, #10b981);
  border-color: var(--qhr-color-success-500, #10b981);
  color: #ffffff;
}
.qhr-step-line {
  flex: 1;
  height: 2px;
  background: var(--qhr-border-subtle, rgba(255,255,255,0.15));
  margin-inline: var(--qhr-space-3, 12px);
}
.qhr-step-item.is-completed .qhr-step-line {
  background: var(--qhr-color-success-500, #10b981);
}
.qhr-step-label {
  font-size: var(--qhr-text-sm, 13px);
  font-weight: 600;
  color: var(--qhr-text-primary, #fbf8f3);
}

.qhr-switch {
  display: inline-flex;
  align-items: center;
  gap: var(--qhr-space-3, 12px);
  cursor: pointer;
  user-select: none;
  font-family: var(--qhr-font-body, 'Cairo', sans-serif);
  font-size: var(--qhr-text-sm, 0.875rem);
  color: var(--qhr-content-primary, #0f172a);
}

[data-theme="dark"] .qhr-switch {
  color: var(--qhr-content-primary, #f8fafc);
}

.qhr-switch-input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

.qhr-switch-track {
  width: 44px;
  height: 24px;
  background-color: var(--qhr-surface-muted, #cbd5e1);
  border-radius: var(--qhr-radius-pill, 9999px);
  position: relative;
  transition: background-color var(--qhr-motion-duration-fast, 150ms), border-color var(--qhr-motion-duration-fast, 150ms);
  border: 1px solid transparent;
}

[data-theme="dark"] .qhr-switch-track {
  background-color: rgba(255, 255, 255, 0.15);
  border-color: rgba(255, 255, 255, 0.1);
}

.qhr-switch-thumb {
  position: absolute;
  inset-block-start: 2px;
  inset-inline-start: 2px;
  width: 18px;
  height: 18px;
  background-color: #ffffff;
  border-radius: 50%;
  transition: transform var(--qhr-motion-duration-fast, 150ms);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.qhr-switch-input:checked + .qhr-switch-track {
  background-color: var(--qhr-color-primary-500, #c7a35a);
  border-color: var(--qhr-color-primary-500, #c7a35a);
}

.qhr-switch-input:checked + .qhr-switch-track .qhr-switch-thumb {
  transform: translateX(20px);
}
[dir="rtl"] .qhr-switch-input:checked + .qhr-switch-track .qhr-switch-thumb {
  transform: translateX(-20px);
}


.qhr-switch--sm .qhr-switch-track { width: 34px; height: 18px; }
.qhr-switch--sm .qhr-switch-thumb { width: 14px; height: 14px; inset-block-start: 1px; inset-inline-start: 1px; }
.qhr-switch--sm .qhr-switch-input:checked + .qhr-switch-track .qhr-switch-thumb { transform: translateX(16px); }
[dir="rtl"] .qhr-switch--sm .qhr-switch-input:checked + .qhr-switch-track .qhr-switch-thumb { transform: translateX(-16px); }

.qhr-switch--lg .qhr-switch-track { width: 56px; height: 30px; }
.qhr-switch--lg .qhr-switch-thumb { width: 24px; height: 24px; inset-block-start: 2px; inset-inline-start: 2px; }
.qhr-switch--lg .qhr-switch-input:checked + .qhr-switch-track .qhr-switch-thumb { transform: translateX(26px); }
[dir="rtl"] .qhr-switch--lg .qhr-switch-input:checked + .qhr-switch-track .qhr-switch-thumb { transform: translateX(-26px); }


.qhr-switch--success .qhr-switch-input:checked + .qhr-switch-track {
  background-color: var(--qhr-color-success-500, #10b981);
  border-color: var(--qhr-color-success-500, #10b981);
}
.qhr-switch--danger .qhr-switch-input:checked + .qhr-switch-track {
  background-color: var(--qhr-color-danger-500, #ef4444);
  border-color: var(--qhr-color-danger-500, #ef4444);
}

.qhr-table-wrapper {
  width: 100%;
  overflow-x: auto;
  border: 1px solid var(--qhr-border-subtle, #e2e8f0);
  border-radius: var(--qhr-radius-xl, 18px);
  background-color: var(--qhr-surface-base, #ffffff);
  box-shadow: var(--qhr-shadow-sm, 0 1px 3px rgba(0, 0, 0, 0.05));
}

[data-theme="dark"] .qhr-table-wrapper {
  background-color: var(--qhr-surface-elevated, #131b2e);
  border-color: var(--qhr-border-subtle, #1e293b);
}

.qhr-table {
  width: 100%;
  border-collapse: collapse;
  font-family: var(--qhr-font-body, 'Cairo', sans-serif);
  font-size: var(--qhr-text-sm, 0.875rem);
  text-align: start;
}

.qhr-table th {
  background-color: var(--qhr-surface-muted, #f8fafc);
  color: var(--qhr-content-secondary, #64748b);
  font-family: var(--qhr-font-heading, 'Alexandria', 'Cairo', sans-serif);
  font-weight: 700;
  padding-block: var(--qhr-space-3-5, 14px);
  padding-inline: var(--qhr-space-4, 16px);
  border-block-end: 1px solid var(--qhr-border-subtle, #e2e8f0);
  white-space: nowrap;
}
[data-theme="dark"] .qhr-table th {
  background-color: rgba(255, 255, 255, 0.03);
  border-block-end-color: var(--qhr-border-subtle, #1e293b);
  color: var(--qhr-content-secondary, #94a3b8);
}

.qhr-table td {
  padding-block: var(--qhr-space-3-5, 14px);
  padding-inline: var(--qhr-space-4, 16px);
  color: var(--qhr-content-primary, #0f172a);
  border-block-end: 1px solid var(--qhr-border-subtle, #e2e8f0);
}
[data-theme="dark"] .qhr-table td {
  color: var(--qhr-content-primary, #f8fafc);
  border-block-end-color: var(--qhr-border-subtle, #1e293b);
}

.qhr-table tr:last-child td {
  border-block-end: none;
}


.qhr-table--striped tbody tr:nth-child(even) {
  background-color: var(--qhr-surface-muted, #f8fafc);
}
[data-theme="dark"] .qhr-table--striped tbody tr:nth-child(even) {
  background-color: rgba(255, 255, 255, 0.02);
}


.qhr-table--hover tbody tr:hover {
  background-color: rgba(199, 163, 90, 0.06);
}


.qhr-table--compact th,
.qhr-table--compact td {
  padding-block: var(--qhr-space-2, 8px);
  padding-inline: var(--qhr-space-3, 12px);
  font-size: var(--qhr-text-xs, 0.75rem);
}

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

.qhr-tablist {
  display: flex;
  gap: var(--qhr-space-2, 8px);
  border-block-end: 1px solid var(--qhr-border-subtle, #e2e8f0);
  margin-block-end: var(--qhr-space-4, 16px);
}
[data-theme="dark"] .qhr-tablist {
  border-block-end-color: var(--qhr-border-subtle, #1e293b);
}

.qhr-tab-btn {
  display: inline-flex;
  align-items: center;
  gap: var(--qhr-space-2, 8px);
  padding-block: var(--qhr-space-2-5, 10px);
  padding-inline: var(--qhr-space-4, 16px);
  font-family: var(--qhr-font-body, 'Cairo', sans-serif);
  font-size: var(--qhr-text-sm, 0.875rem);
  font-weight: 600;
  color: var(--qhr-content-secondary, #64748b);
  border: none;
  background: transparent;
  cursor: pointer;
  position: relative;
  transition: color var(--qhr-duration-fast, 150ms);
}
[data-theme="dark"] .qhr-tab-btn {
  color: var(--qhr-content-secondary, #94a3b8);
}

.qhr-tab-btn::after {
  content: "";
  position: absolute;
  inset-block-end: -1px;
  inset-inline-start: 0;
  inset-inline-end: 0;
  height: 2px;
  background-color: transparent;
  transition: background-color var(--qhr-duration-fast, 150ms);
}

.qhr-tab-btn:hover {
  color: var(--qhr-content-primary, #0f172a);
}
[data-theme="dark"] .qhr-tab-btn:hover {
  color: var(--qhr-content-primary, #f8fafc);
}

.qhr-tab-btn.is-active {
  color: var(--qhr-color-primary-500, #c7a35a);
}

.qhr-tab-btn.is-active::after {
  background-color: var(--qhr-color-primary-500, #c7a35a);
}


.qhr-tabs--pills .qhr-tablist {
  border-block-end: none;
}
.qhr-tabs--pills .qhr-tab-btn {
  border-radius: var(--qhr-radius-pill, 9999px);
}
.qhr-tabs--pills .qhr-tab-btn::after {
  display: none;
}
.qhr-tabs--pills .qhr-tab-btn.is-active {
  background-color: var(--qhr-color-primary-500, #c7a35a);
  color: #ffffff;
}


.qhr-tabs--segmented .qhr-tablist {
  border-block-end: none;
  background-color: var(--qhr-surface-muted, #f1f5f9);
  padding: 4px;
  border-radius: var(--qhr-radius-lg, 12px);
  width: fit-content;
}
[data-theme="dark"] .qhr-tabs--segmented .qhr-tablist {
  background-color: var(--qhr-surface-elevated, #131b2e);
}
.qhr-tabs--segmented .qhr-tab-btn {
  border-radius: var(--qhr-radius-md, 8px);
  padding-block: 6px;
  padding-inline: 16px;
}
.qhr-tabs--segmented .qhr-tab-btn::after {
  display: none;
}
.qhr-tabs--segmented .qhr-tab-btn.is-active {
  background-color: var(--qhr-surface-base, #ffffff);
  color: var(--qhr-content-primary, #0f172a);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
[data-theme="dark"] .qhr-tabs--segmented .qhr-tab-btn.is-active {
  background-color: rgba(255, 255, 255, 0.1);
  color: #ffffff;
}

.qhr-tabpanel {
  display: none;
  animation: qhr-fade-in 150ms var(--qhr-ease-standard, ease);
}
.qhr-tabpanel.is-active {
  display: block;
}

@keyframes qhr-fade-in {
  from { opacity: 0; transform: translateY(4px); }
  to { opacity: 1; transform: translateY(0); }
}

.qhr-textarea {
  display: block;
  width: 100%;
  min-height: 100px;
  resize: vertical;
  font-family: var(--qhr-font-body, 'Cairo', sans-serif);
  color: var(--qhr-content-primary, #0f172a);
  background-color: var(--qhr-surface-base, #ffffff);
  border: 1px solid var(--qhr-border-strong, #cbd5e1);
  border-radius: var(--qhr-radius-md, 10px);
  padding-block: var(--qhr-space-2-5, 10px);
  padding-inline: var(--qhr-space-3-5, 14px);
  font-size: var(--qhr-text-sm, 0.875rem);
  line-height: 1.6;
  transition: border-color var(--qhr-duration-fast, 150ms), box-shadow var(--qhr-duration-fast, 150ms);
}

[data-theme="dark"] .qhr-textarea {
  background-color: var(--qhr-surface-elevated, #131b2e);
  border-color: var(--qhr-border-subtle, #1e293b);
  color: var(--qhr-content-primary, #f8fafc);
}

.qhr-textarea::placeholder {
  color: var(--qhr-content-muted, #94a3b8);
  opacity: 0.85;
}

.qhr-textarea:focus {
  outline: none;
  border-color: var(--qhr-color-primary-500, #c7a35a);
  box-shadow: 0 0 0 3px rgba(199, 163, 90, 0.25);
}


.qhr-textarea--error {
  border-color: var(--qhr-color-danger-500, #ef4444) !important;
}
.qhr-textarea--success {
  border-color: var(--qhr-color-success-500, #10b981) !important;
}


.qhr-textarea-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--qhr-space-1, 4px);
  width: 100%;
}
.qhr-textarea-counter {
  font-size: var(--qhr-text-xs, 0.75rem);
  color: var(--qhr-content-secondary, #94a3b8);
  text-align: end;
}

.qhr-timeline {
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--qhr-space-5, 20px);
}
.qhr-timeline::before {
  content: '';
  position: absolute;
  inset-inline-start: 15px;
  inset-block: 8px;
  width: 2px;
  background: var(--qhr-border-subtle, rgba(212,175,55,0.2));
}
.qhr-timeline-item {
  display: flex;
  align-items: flex-start;
  gap: var(--qhr-space-4, 16px);
  position: relative;
}
.qhr-timeline-dot {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: var(--qhr-surface-card, #130f0b);
  border: 2px solid var(--qhr-color-primary-base, #c7a35a);
  color: var(--qhr-color-primary-base, #c7a35a);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  z-index: 2;
}
.qhr-timeline-content {
  flex: 1;
  font-size: var(--qhr-text-sm, 13px);
  color: var(--qhr-text-primary, #fbf8f3);
}
.qhr-timeline-title {
  font-weight: 700;
  margin-block-end: 2px;
}
.qhr-timeline-time {
  font-size: var(--qhr-text-xs, 11px);
  color: var(--qhr-text-muted, #94a3b8);
}


.qhr-timeline--horizontal {
  flex-direction: row;
  overflow-x: auto;
  padding-block-start: var(--qhr-space-4, 16px);
}
.qhr-timeline--horizontal::before {
  inset-inline: 16px;
  inset-block-start: 31px;
  inset-block-end: auto;
  width: auto;
  height: 2px;
}
.qhr-timeline--horizontal .qhr-timeline-item {
  flex-direction: column;
  align-items: center;
  text-align: center;
  min-width: 140px;
}

.qhr-toast-container {
  position: fixed;
  inset-block-end: var(--qhr-space-4, 16px);
  inset-inline-end: var(--qhr-space-4, 16px);
  z-index: var(--qhr-z-toast, 1400);
  display: flex;
  flex-direction: column;
  gap: var(--qhr-space-2, 8px);
  pointer-events: none;
}

.qhr-toast-container--top-start {
  inset-block-start: var(--qhr-space-4, 16px);
  inset-block-end: auto;
  inset-inline-start: var(--qhr-space-4, 16px);
  inset-inline-end: auto;
}
.qhr-toast-container--top-end {
  inset-block-start: var(--qhr-space-4, 16px);
  inset-block-end: auto;
  inset-inline-end: var(--qhr-space-4, 16px);
  inset-inline-start: auto;
}
.qhr-toast-container--bottom-start {
  inset-block-end: var(--qhr-space-4, 16px);
  inset-inline-start: var(--qhr-space-4, 16px);
  inset-inline-end: auto;
}
.qhr-toast-container--bottom-end {
  inset-block-end: var(--qhr-space-4, 16px);
  inset-inline-end: var(--qhr-space-4, 16px);
  inset-inline-start: auto;
}

.qhr-toast {
  pointer-events: auto;
  display: flex;
  align-items: flex-start;
  gap: var(--qhr-space-3, 12px);
  padding-block: var(--qhr-space-3, 12px);
  padding-inline: var(--qhr-space-4, 16px);
  background-color: var(--qhr-surface-elevated, #ffffff);
  border: 1px solid var(--qhr-border-subtle, #e2e8f0);
  border-radius: var(--qhr-radius-lg, 14px);
  box-shadow: var(--qhr-shadow-xl, 0 20px 25px -5px rgba(0, 0, 0, 0.1));
  min-width: 280px;
  max-width: 400px;
  position: relative;
  overflow: hidden;
  animation: qhr-toast-in 200ms var(--qhr-ease-entrance, ease-out);
  font-family: var(--qhr-font-body, 'Cairo', sans-serif);
}

[data-theme="dark"] .qhr-toast {
  background-color: var(--qhr-surface-elevated, #131b2e);
  border-color: var(--qhr-border-subtle, #1e293b);
  box-shadow: 0 20px 30px -5px rgba(0, 0, 0, 0.6);
}

@keyframes qhr-toast-in {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}

.qhr-toast-icon {
  flex-shrink: 0;
  margin-block-start: 2px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.qhr-toast-icon svg {
  width: 18px;
  height: 18px;
}

.qhr-toast-body {
  flex: 1;
  min-width: 0;
}
.qhr-toast-title {
  font-family: var(--qhr-font-heading, 'Alexandria', 'Cairo', sans-serif);
  font-weight: 700;
  font-size: var(--qhr-text-sm, 0.875rem);
  color: var(--qhr-content-primary, #0f172a);
}
[data-theme="dark"] .qhr-toast-title {
  color: var(--qhr-content-primary, #f8fafc);
}

.qhr-toast-msg {
  font-size: var(--qhr-text-xs, 0.75rem);
  color: var(--qhr-content-secondary, #64748b);
  margin-block-start: 2px;
  line-height: 1.4;
}
[data-theme="dark"] .qhr-toast-msg {
  color: var(--qhr-content-secondary, #94a3b8);
}

.qhr-toast-close {
  background: transparent;
  border: none;
  cursor: pointer;
  color: var(--qhr-content-secondary, #64748b);
  padding: 2px;
  line-height: 1;
  border-radius: 4px;
  opacity: 0.7;
  transition: opacity 150ms ease;
}
.qhr-toast-close:hover {
  opacity: 1;
}


.qhr-toast--success .qhr-toast-icon { color: var(--qhr-color-success-500, #10b981); }
.qhr-toast--danger  .qhr-toast-icon { color: var(--qhr-color-danger-500, #ef4444); }
.qhr-toast--warning .qhr-toast-icon { color: var(--qhr-color-warning-500, #f59e0b); }
.qhr-toast--info    .qhr-toast-icon { color: var(--qhr-color-info-500, #3b82f6); }
.qhr-toast--luxury  .qhr-toast-icon { color: var(--qhr-color-luxury-gold, #c9a84c); }

.qhr-toast--luxury {
  border-color: rgba(201, 168, 76, 0.35);
  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.2), 0 0 15px rgba(201, 168, 76, 0.1);
}


.qhr-toast-progress {
  position: absolute;
  inset-block-end: 0;
  inset-inline-start: 0;
  height: 3px;
  background-color: var(--qhr-color-primary-500, #c7a35a);
  width: 100%;
}
.qhr-toast--success .qhr-toast-progress { background-color: var(--qhr-color-success-500, #10b981); }
.qhr-toast--danger  .qhr-toast-progress { background-color: var(--qhr-color-danger-500, #ef4444); }
.qhr-toast--warning .qhr-toast-progress { background-color: var(--qhr-color-warning-500, #f59e0b); }
.qhr-toast--luxury  .qhr-toast-progress { background-color: var(--qhr-color-luxury-gold, #c9a84c); }

.qhr-tooltip-trigger {
  position: relative;
  display: inline-flex;
}

.qhr-tooltip {
  position: absolute;
  inset-block-end: calc(100% + var(--qhr-space-2, 8px));
  inset-inline-start: 50%;
  transform: translateX(-50%);
  padding-block: var(--qhr-space-1, 4px);
  padding-inline: var(--qhr-space-2-5, 10px);
  font-family: var(--qhr-font-body, 'Cairo', sans-serif);
  font-size: var(--qhr-text-xs, 0.75rem);
  font-weight: 600;
  color: #ffffff;
  background-color: var(--qhr-color-slate-900, #0f172a);
  border-radius: var(--qhr-radius-sm, 6px);
  box-shadow: var(--qhr-shadow-md, 0 4px 6px -1px rgba(0, 0, 0, 0.2));
  white-space: nowrap;
  pointer-events: none;
  z-index: var(--qhr-z-tooltip, 1500);
  opacity: 0;
  visibility: hidden;
  transition: opacity 150ms ease, visibility 150ms ease;
}

.qhr-tooltip-trigger:hover .qhr-tooltip,
.qhr-tooltip-trigger:focus-visible .qhr-tooltip {
  opacity: 1;
  visibility: visible;
}


.qhr-tooltip--bottom {
  inset-block-end: auto;
  inset-block-start: calc(100% + var(--qhr-space-2, 8px));
}

.qhr-tooltip--start {
  inset-block-end: auto;
  inset-block-start: 50%;
  inset-inline-start: auto;
  inset-inline-end: calc(100% + var(--qhr-space-2, 8px));
  transform: translateY(-50%);
}

.qhr-tooltip--end {
  inset-block-end: auto;
  inset-block-start: 50%;
  inset-inline-start: calc(100% + var(--qhr-space-2, 8px));
  transform: translateY(-50%);
}


.qhr-tooltip--luxury {
  background-color: var(--qhr-surface-elevated, #131b2e);
  color: var(--qhr-color-luxury-gold, #c9a84c);
  border: 1px solid rgba(201, 168, 76, 0.3);
}

.qhr-treeview {
  display: flex;
  flex-direction: column;
  width: 100%;
  list-style: none;
  padding: 0;
  margin: 0;
  user-select: none;
  font-family: var(--qhr-font-body, 'Cairo', sans-serif);
}

.qhr-treeview-item {
  display: flex;
  flex-direction: column;
}

.qhr-treeview-node {
  display: flex;
  align-items: center;
  gap: var(--qhr-space-2, 8px);
  padding-block: var(--qhr-space-1-5, 6px);
  padding-inline: var(--qhr-space-3, 12px);
  border-radius: var(--qhr-radius-md, 10px);
  color: var(--qhr-content-primary, #0f172a);
  cursor: pointer;
  font-size: var(--qhr-text-sm, 0.875rem);
  font-weight: 500;
  transition: background-color var(--qhr-duration-fast, 150ms) ease;
}
[data-theme="dark"] .qhr-treeview-node {
  color: var(--qhr-content-primary, #f8fafc);
}

.qhr-treeview-node:hover {
  background-color: var(--qhr-surface-muted, #f1f5f9);
}
[data-theme="dark"] .qhr-treeview-node:hover {
  background-color: rgba(255, 255, 255, 0.05);
}

.qhr-treeview-node[data-selected="true"] {
  background-color: rgba(199, 163, 90, 0.15);
  color: var(--qhr-color-primary-600, #a68430);
  font-weight: 700;
}
[data-theme="dark"] .qhr-treeview-node[data-selected="true"] {
  color: var(--qhr-color-luxury-gold, #dfc378);
}

.qhr-treeview-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  color: var(--qhr-content-secondary, #94a3b8);
  transition: transform var(--qhr-duration-fast, 150ms) ease;
}
.qhr-treeview-toggle[data-expanded="true"] {
  transform: rotate(90deg);
}
[dir="rtl"] .qhr-treeview-toggle[data-expanded="true"] {
  transform: rotate(-90deg);
}

.qhr-treeview-children {
  display: none;
  flex-direction: column;
  padding-inline-start: var(--qhr-space-5, 20px);
  list-style: none;
  margin: 0;
}
.qhr-treeview-item[data-expanded="true"] > .qhr-treeview-children {
  display: flex;
}

.bg-primary { background-color: var(--qhr-color-primary, #0b6bcb) !important; color: #fff !important; }
.bg-secondary { background-color: var(--qhr-color-slate-600, #475569) !important; color: #fff !important; }
.bg-success { background-color: var(--qhr-color-emerald-600, #10b981) !important; color: #fff !important; }
.bg-info { background-color: #6366f1 !important; color: #fff !important; }
.bg-warning { background-color: #f59e0b !important; color: #fff !important; }
.bg-danger { background-color: #f43f5e !important; color: #fff !important; }
.bg-dark { background-color: var(--qhr-color-slate-900, #0f172a) !important; color: #fff !important; }
.bg-luxury { background: linear-gradient(135deg, #f5d77f 0%, #d4af37 50%, #aa771c 100%) !important; color: #0a0806 !important; }
.bg-purple { background-color: var(--qhr-color-purple-600, #7c3aed) !important; color: #fff !important; }
.bg-teal { background-color: var(--qhr-color-teal-600, #0d9488) !important; color: #fff !important; }


.bg-primary-light { background-color: #eff6ff !important; color: #073b6d !important; }
.bg-secondary-light { background-color: #f1f5f9 !important; color: #1e293b !important; }
.bg-success-light { background-color: #ecfdf5 !important; color: #064e3b !important; }
.bg-info-light { background-color: #eef2ff !important; color: #3730a3 !important; }
.bg-warning-light { background-color: #fffbeb !important; color: #78350f !important; }
.bg-danger-light { background-color: #fff1f2 !important; color: #881337 !important; }
.bg-dark-light { background-color: #e2e8f0 !important; color: #0f172a !important; }
.bg-purple-light { background-color: #faf5ff !important; color: #581c87 !important; }
.bg-teal-light { background-color: #f0fdfa !important; color: #115e59 !important; }
.bg-luxury-light { background-color: #fffdf5 !important; color: #854d0e !important; }

[data-theme="dark"] .bg-primary-light { background-color: rgba(59, 130, 246, 0.16) !important; color: #93c5fd !important; }
[data-theme="dark"] .bg-secondary-light { background-color: rgba(148, 163, 184, 0.14) !important; color: #cbd5e1 !important; }
[data-theme="dark"] .bg-success-light { background-color: rgba(16, 185, 129, 0.16) !important; color: #6ee7b7 !important; }
[data-theme="dark"] .bg-info-light { background-color: rgba(99, 102, 241, 0.18) !important; color: #a5b4fc !important; }
[data-theme="dark"] .bg-warning-light { background-color: rgba(245, 158, 11, 0.16) !important; color: #fde68a !important; }
[data-theme="dark"] .bg-danger-light { background-color: rgba(244, 63, 94, 0.16) !important; color: #fda4af !important; }
[data-theme="dark"] .bg-dark-light { background-color: rgba(255, 255, 255, 0.08) !important; color: #f8fafc !important; }
[data-theme="dark"] .bg-purple-light { background-color: rgba(147, 51, 234, 0.16) !important; color: #d8b4fe !important; }
[data-theme="dark"] .bg-teal-light { background-color: rgba(13, 148, 136, 0.16) !important; color: #5eead4 !important; }
[data-theme="dark"] .bg-luxury-light { background-color: rgba(212, 175, 55, 0.14) !important; color: #fde68a !important; }


.bg-white { background-color: #ffffff !important; color: #0f172a !important; }
.bg-transparent { background-color: transparent !important; }
.bg-light { background-color: #f1f5f9 !important; color: #0f172a !important; }
.bg-lighter { background-color: #f8fafc !important; color: #1e293b !important; }
.bg-lightest { background-color: rgba(255, 255, 255, 0.7) !important; color: #1e293b !important; }

[data-theme="dark"] .bg-white { background-color: #ffffff !important; color: #0f172a !important; }
[data-theme="dark"] .bg-light { background-color: #1e293b !important; color: #f8fafc !important; }
[data-theme="dark"] .bg-lighter { background-color: #0f172a !important; color: #f1f5f9 !important; }
[data-theme="dark"] .bg-lightest { background-color: rgba(255, 255, 255, 0.05) !important; color: #cbd5e1 !important; }


.bg-gradient-primary { background: linear-gradient(135deg, #0b6bcb 0%, #3b82f6 100%) !important; color: #fff !important; }
.bg-gradient-secondary { background: linear-gradient(135deg, #475569 0%, #64748b 100%) !important; color: #fff !important; }
.bg-gradient-info { background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%) !important; color: #fff !important; }
.bg-gradient-success { background: linear-gradient(135deg, #059669 0%, #10b981 100%) !important; color: #fff !important; }
.bg-gradient-danger { background: linear-gradient(135deg, #e11d48 0%, #f43f5e 100%) !important; color: #fff !important; }
.bg-gradient-warning { background: linear-gradient(135deg, #d97706 0%, #f59e0b 100%) !important; color: #fff !important; }
.bg-gradient-purple { background: linear-gradient(135deg, #7c3aed 0%, #a855f7 100%) !important; color: #fff !important; }
.bg-gradient-teal { background: linear-gradient(135deg, #0d9488 0%, #14b8a6 100%) !important; color: #fff !important; }
.bg-gradient-sunset { background: linear-gradient(135deg, #f43f5e 0%, #fb923c 100%) !important; color: #fff !important; }
.bg-gradient-ocean { background: linear-gradient(135deg, #0284c7 0%, #06b6d4 100%) !important; color: #fff !important; }


.bg-gradient-primary-dark { background: linear-gradient(135deg, #0284c7 0%, #0f172a 100%) !important; color: #fff !important; }
.bg-gradient-secondary-dark { background: linear-gradient(135deg, #475569 0%, #1e1b4b 100%) !important; color: #fff !important; }
.bg-gradient-info-dark { background: linear-gradient(135deg, #4338ca 0%, #1e1b4b 100%) !important; color: #fff !important; }
.bg-gradient-success-dark { background: linear-gradient(135deg, #065f46 0%, #022c22 100%) !important; color: #fff !important; }
.bg-gradient-danger-dark { background: linear-gradient(135deg, #be123c 0%, #4c0519 100%) !important; color: #fff !important; }
.bg-gradient-warning-dark { background: linear-gradient(135deg, #b45309 0%, #451a03 100%) !important; color: #fff !important; }
.bg-gradient-purple-dark { background: linear-gradient(135deg, #581c87 0%, #1e1b4b 100%) !important; color: #fff !important; }
.bg-gradient-teal-dark { background: linear-gradient(135deg, #134e4a 0%, #042f2e 100%) !important; color: #fff !important; }
.bg-gradient-sunset-dark { background: linear-gradient(135deg, #881337 0%, #431407 100%) !important; color: #fff !important; }
.bg-gradient-ocean-dark { background: linear-gradient(135deg, #075985 0%, #082f49 100%) !important; color: #fff !important; }


[class*="bg-temple-"], [class*="bg-food-"], [class*="bg-brick-"], [class*="bg-bubbles-"],
[class*="bg-mashrabiya-"], [class*="bg-arabesque-"], [class*="bg-lotus-"], [class*="bg-pyramids-"],
[class*="bg-nile-"], [class*="bg-muqarnas-"], [class*="bg-grid-"], [class*="bg-dots-"],
[class*="bg-hex-"], [class*="bg-diagonal-"], [class*="bg-circuit-"] {
  background-repeat: repeat !important;
}


.bg-temple-dark {
  background-color: #0284c7 !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' fill='none' stroke='%23fff' stroke-width='1.2' stroke-opacity='.22'%3E%3Cpath d='M0 0h25v25H0zm12 12h25v25H12zm13 13h25v25H25z'/%3E%3C/svg%3E") !important;
  color: #fff !important;
}
.bg-food-dark {
  background-color: #8b5cf6 !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' fill='none' stroke='%23fff' stroke-width='1.2' stroke-opacity='.22'%3E%3Cpath d='M8 16h20a4 4 0 0 1 4 4v2H4v-2a4 4 0 0 1 4-4zm-4 8h28v2a4 4 0 0 1-4 4H8a4 4 0 0 1-4-4v-2zm36-8h16l-2 18H42l-2-18zm8-6v6'/%3E%3C/svg%3E") !important;
  color: #fff !important;
}
.bg-brick-dark {
  background-color: #f59e0b !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='25' fill='none' stroke='%23fff' stroke-width='1.2' stroke-opacity='.22'%3E%3Cpath d='M0 12h50M25 0v12M12 12v13M37 12v13'/%3E%3C/svg%3E") !important;
  color: #fff !important;
}
.bg-bubbles-dark {
  background-color: #f43f5e !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Ccircle cx='15' cy='15' r='6' fill='%23fff' fill-opacity='.22'/%3E%3Ccircle cx='45' cy='35' r='8' fill='%23fff' fill-opacity='.18'/%3E%3Ccircle cx='30' cy='50' r='3' fill='%23fff' fill-opacity='.22'/%3E%3C/svg%3E") !important;
  color: #fff !important;
}


.bg-mashrabiya-dark {
  background-color: #0f172a !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' fill='none' stroke='%23fff' stroke-width='1' stroke-opacity='.24'%3E%3Cpath d='M20 0L40 20L20 40L0 20Z M20 8L32 20L20 32L8 20Z M0 0h10v10H0z M30 0h10v10H30z M0 30h10v10H0z M30 30h10v10H30z'/%3E%3C/svg%3E") !important;
  color: #fff !important;
}
.bg-arabesque-dark {
  background-color: #064e3b !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' fill='none' stroke='%23d4af37' stroke-width='1' stroke-opacity='.3'%3E%3Cpath d='M20 0l5 15 15-5-5 15 15 5-15 5 5 15-15-5-5 15-5-15-15 5 5-15-15-5 15-5-5-15 15 5z'/%3E%3C/svg%3E") !important;
  color: #fff !important;
}
.bg-lotus-dark {
  background-color: #0e7490 !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' fill='none' stroke='%23fff' stroke-width='1.2' stroke-opacity='.24'%3E%3Cpath d='M20 36c-8-6-14-16-14-24 0-4 3-7 7-7 4 0 7 3 7 7 0-4 3-7 7-7 4 0 7 3 7 7 0 8-6 18-14 24z M20 12v24'/%3E%3C/svg%3E") !important;
  color: #fff !important;
}
.bg-pyramids-dark {
  background-color: #9a3412 !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='20' fill='none' stroke='%23fff' stroke-width='1.2' stroke-opacity='.24'%3E%3Cpath d='M0 20L20 0l20 20M20 0v20'/%3E%3C/svg%3E") !important;
  color: #fff !important;
}
.bg-nile-dark {
  background-color: #0369a1 !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='20' fill='none' stroke='%23fff' stroke-width='1.2' stroke-opacity='.24'%3E%3Cpath d='M0 10q10-10 20 0t20 0M0 20q10-10 20 0t20 0'/%3E%3C/svg%3E") !important;
  color: #fff !important;
}
.bg-muqarnas-dark {
  background-color: #1c1917 !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' fill='none' stroke='%23fff' stroke-width='1' stroke-opacity='.24'%3E%3Cpath d='M0 30V15a15 15 0 0 1 30 0v15M15 0v15'/%3E%3C/svg%3E") !important;
  color: #fff !important;
}


.bg-grid-dark {
  background-color: #0b0f19 !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' fill='none' stroke='%23fff' stroke-width='0.8' stroke-opacity='.18'%3E%3Cpath d='M30 0H0v30'/%3E%3Ccircle cx='0' cy='0' r='1.2' fill='%23fff' fill-opacity='.35'/%3E%3C/svg%3E") !important;
  color: #fff !important;
}
.bg-dots-dark {
  background-color: #0f172a !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Ccircle cx='2' cy='2' r='1.2' fill='%23fff' fill-opacity='.22'/%3E%3C/svg%3E") !important;
  color: #fff !important;
}
.bg-hex-dark {
  background-color: #080d1a !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='48' fill='none' stroke='%23fff' stroke-width='1' stroke-opacity='.18'%3E%3Cpath d='M14 0l14 8v16l-14 8L0 24V8z M14 48l14-8V24 M0 24v16l14 8'/%3E%3C/svg%3E") !important;
  color: #fff !important;
}
.bg-diagonal-dark {
  background-color: #111827 !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23fff' stroke-width='1' stroke-opacity='.18'%3E%3Cpath d='M0 24L24 0M0 0l24 24'/%3E%3C/svg%3E") !important;
  color: #fff !important;
}
.bg-circuit-dark {
  background-color: #030712 !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' fill='none' stroke='%23fff' stroke-width='1' stroke-opacity='.2'%3E%3Cpath d='M0 20h15l5-5h20M20 40V25l5-5v-20'/%3E%3Ccircle cx='20' cy='20' r='2.5' fill='%23fff' fill-opacity='.35'/%3E%3C/svg%3E") !important;
  color: #fff !important;
}




.bg-temple-white {
  background-color: #ffffff !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' fill='none' stroke='%230f172a' stroke-width='1.2' stroke-opacity='.08'%3E%3Cpath d='M0 0h25v25H0zm12 12h25v25H12zm13 13h25v25H25z'/%3E%3C/svg%3E") !important;
  color: #0f172a !important;
}
.bg-food-white {
  background-color: #ffffff !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' fill='none' stroke='%230f172a' stroke-width='1.2' stroke-opacity='.08'%3E%3Cpath d='M8 16h20a4 4 0 0 1 4 4v2H4v-2a4 4 0 0 1 4-4zm-4 8h28v2a4 4 0 0 1-4 4H8a4 4 0 0 1-4-4v-2zm36-8h16l-2 18H42l-2-18zm8-6v6'/%3E%3C/svg%3E") !important;
  color: #0f172a !important;
}
.bg-brick-white {
  background-color: #ffffff !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='25' fill='none' stroke='%230f172a' stroke-width='1.2' stroke-opacity='.08'%3E%3Cpath d='M0 12h50M25 0v12M12 12v13M37 12v13'/%3E%3C/svg%3E") !important;
  color: #0f172a !important;
}
.bg-bubbles-white {
  background-color: #ffffff !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60'%3E%3Ccircle cx='15' cy='15' r='6' fill='%230f172a' fill-opacity='.06'/%3E%3Ccircle cx='45' cy='35' r='8' fill='%230f172a' fill-opacity='.05'/%3E%3Ccircle cx='30' cy='50' r='3' fill='%230f172a' fill-opacity='.06'/%3E%3C/svg%3E") !important;
  color: #0f172a !important;
}


.bg-mashrabiya-white {
  background-color: #ffffff !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' fill='none' stroke='%230f172a' stroke-width='1' stroke-opacity='.08'%3E%3Cpath d='M20 0L40 20L20 40L0 20Z M20 8L32 20L20 32L8 20Z M0 0h10v10H0z M30 0h10v10H30z M0 30h10v10H0z M30 30h10v10H30z'/%3E%3C/svg%3E") !important;
  color: #0f172a !important;
}
.bg-arabesque-white {
  background-color: #ffffff !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' fill='none' stroke='%23b8860b' stroke-width='1' stroke-opacity='.12'%3E%3Cpath d='M20 0l5 15 15-5-5 15 15 5-15 5 5 15-15-5-5 15-5-15-15 5 5-15-15-5 15-5-5-15 15 5z'/%3E%3C/svg%3E") !important;
  color: #0f172a !important;
}
.bg-lotus-white {
  background-color: #ffffff !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' fill='none' stroke='%230f172a' stroke-width='1.2' stroke-opacity='.08'%3E%3Cpath d='M20 36c-8-6-14-16-14-24 0-4 3-7 7-7 4 0 7 3 7 7 0-4 3-7 7-7 4 0 7 3 7 7 0 8-6 18-14 24z M20 12v24'/%3E%3C/svg%3E") !important;
  color: #0f172a !important;
}
.bg-pyramids-white {
  background-color: #ffffff !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='20' fill='none' stroke='%230f172a' stroke-width='1.2' stroke-opacity='.08'%3E%3Cpath d='M0 20L20 0l20 20M20 0v20'/%3E%3C/svg%3E") !important;
  color: #0f172a !important;
}
.bg-nile-white {
  background-color: #ffffff !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='20' fill='none' stroke='%230f172a' stroke-width='1.2' stroke-opacity='.08'%3E%3Cpath d='M0 10q10-10 20 0t20 0M0 20q10-10 20 0t20 0'/%3E%3C/svg%3E") !important;
  color: #0f172a !important;
}
.bg-muqarnas-white {
  background-color: #ffffff !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' fill='none' stroke='%230f172a' stroke-width='1' stroke-opacity='.08'%3E%3Cpath d='M0 30V15a15 15 0 0 1 30 0v15M15 0v15'/%3E%3C/svg%3E") !important;
  color: #0f172a !important;
}


.bg-grid-white {
  background-color: #ffffff !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' fill='none' stroke='%230f172a' stroke-width='0.8' stroke-opacity='.07'%3E%3Cpath d='M30 0H0v30'/%3E%3Ccircle cx='0' cy='0' r='1.2' fill='%230f172a' fill-opacity='.12'/%3E%3C/svg%3E") !important;
  color: #0f172a !important;
}
.bg-dots-white {
  background-color: #ffffff !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20'%3E%3Ccircle cx='2' cy='2' r='1.2' fill='%230f172a' fill-opacity='.08'/%3E%3C/svg%3E") !important;
  color: #0f172a !important;
}
.bg-hex-white {
  background-color: #ffffff !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='48' fill='none' stroke='%230f172a' stroke-width='1' stroke-opacity='.07'%3E%3Cpath d='M14 0l14 8v16l-14 8L0 24V8z M14 48l14-8V24 M0 24v16l14 8'/%3E%3C/svg%3E") !important;
  color: #0f172a !important;
}
.bg-diagonal-white {
  background-color: #ffffff !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%230f172a' stroke-width='1' stroke-opacity='.07'%3E%3Cpath d='M0 24L24 0M0 0l24 24'/%3E%3C/svg%3E") !important;
  color: #0f172a !important;
}
.bg-circuit-white {
  background-color: #ffffff !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' fill='none' stroke='%230f172a' stroke-width='1' stroke-opacity='.08'%3E%3Cpath d='M0 20h15l5-5h20M20 40V25l5-5v-20'/%3E%3Ccircle cx='20' cy='20' r='2.5' fill='%230f172a' fill-opacity='.15'/%3E%3C/svg%3E") !important;
  color: #0f172a !important;
}


.border-primary { border-color: var(--qhr-color-primary, #0b6bcb) !important; }
.border-secondary { border-color: var(--qhr-color-slate-600, #475569) !important; }
.border-success { border-color: var(--qhr-color-emerald-600, #10b981) !important; }
.border-info { border-color: #6366f1 !important; }
.border-warning { border-color: #f59e0b !important; }
.border-danger { border-color: #f43f5e !important; }
.border-dark { border-color: var(--qhr-color-slate-900, #0f172a) !important; }
.border-white { border-color: #ffffff !important; }
.border-light { border-color: #e2e8f0 !important; }
.border-transparent { border-color: transparent !important; }
.border-luxury { border-color: #d4af37 !important; }
.border-purple { border-color: #7c3aed !important; }
.border-teal { border-color: #0d9488 !important; }

[data-theme="dark"] .border-light { border-color: rgba(255, 255, 255, 0.12) !important; }


.text-primary { color: var(--qhr-color-primary, #0b6bcb) !important; }
.text-secondary { color: var(--qhr-color-slate-500, #64748b) !important; }
.text-success { color: var(--qhr-color-emerald-600, #10b981) !important; }
.text-info { color: #6366f1 !important; }
.text-warning { color: #f59e0b !important; }
.text-danger { color: #f43f5e !important; }
.text-dark { color: #0f172a !important; }
.text-mute, .text-muted { color: #94a3b8 !important; }
.text-light { color: #cbd5e1 !important; }
.text-lighter { color: #f1f5f9 !important; }
.text-fade { opacity: 0.65; }
.text-white { color: #ffffff !important; }
.text-luxury { color: #d4af37 !important; }
.text-purple { color: #7c3aed !important; }
.text-teal { color: #0d9488 !important; }

[data-theme="dark"] .text-dark { color: #f8fafc !important; }
[data-theme="dark"] .text-secondary { color: #94a3b8 !important; }
[data-theme="dark"] .text-mute, [data-theme="dark"] .text-muted { color: #64748b !important; }
[data-theme="dark"] .text-purple { color: #c084fc !important; }
[data-theme="dark"] .text-teal { color: #2dd4bf !important; }


.hover-primary:hover { color: var(--qhr-color-blue-700, #0958a5) !important; }
.hover-secondary:hover { color: var(--qhr-color-slate-800, #1e293b) !important; }
.hover-success:hover { color: #047857 !important; }
.hover-info:hover { color: #4338ca !important; }
.hover-warning:hover { color: #b45309 !important; }
.hover-danger:hover { color: #be123c !important; }
.hover-dark:hover { color: #020617 !important; }
.hover-white:hover { color: #ffffff !important; opacity: 0.85; }
.hover-light:hover { color: #f8fafc !important; }
.hover-purple:hover { color: #6d28d9 !important; }
.hover-teal:hover { color: #0f766e !important; }

[data-theme="dark"] .hover-primary:hover { color: #93c5fd !important; }
[data-theme="dark"] .hover-secondary:hover { color: #e2e8f0 !important; }
[data-theme="dark"] .hover-dark:hover { color: #ffffff !important; }
[data-theme="dark"] .hover-purple:hover { color: #e9d5ff !important; }
[data-theme="dark"] .hover-teal:hover { color: #99f6e4 !important; }

.qhr-cartouche {
  position: relative;
  display: flex;
  flex-direction: column;
  background-color: var(--qhr-surface-card);
  border: 1px solid var(--qhr-border-subtle);
  border-radius: var(--qhr-radius-xl);
  overflow: hidden;
  transition: transform var(--qhr-motion-duration-normal) var(--qhr-motion-ease-standard),
              box-shadow var(--qhr-motion-duration-normal) var(--qhr-motion-ease-standard),
              border-color var(--qhr-motion-duration-normal) var(--qhr-motion-ease-standard);
}


.qhr-cartouche::before {
  content: '';
  position: absolute;
  inset-block-start: 0;
  inset-inline: 0;
  height: var(--qhr-space-1);
  background: linear-gradient(90deg, transparent 0%, var(--qhr-color-nebu, #C98818) 50%, transparent 100%);
  opacity: 0.8;
}


.qhr-cartouche__knot {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-block: var(--qhr-space-2);
  margin-block-start: auto;
  border-block-start: 1px solid var(--qhr-border-subtle);
  background: var(--qhr-surface-subtle);
}

.qhr-cartouche__knot-bar {
  width: var(--qhr-space-12);
  height: var(--qhr-space-0-5);
  background-color: var(--qhr-color-nebu, #C98818);
  border-radius: var(--qhr-radius-full);
}


.qhr-cartouche--elevated {
  background-color: var(--qhr-surface-elevated);
  box-shadow: var(--qhr-shadow-cartouche, 0 4px 14px -2px rgba(201, 136, 24, 0.25));
  border-color: rgba(var(--qhr-color-nebu-rgb, 201, 136, 24), 0.35);
}

.qhr-cartouche--elevated:hover {
  transform: translateY(-2px);
  box-shadow: var(--qhr-shadow-floating, 0 24px 48px -12px rgba(0, 0, 0, 0.18));
}

.qhr-cartouche--outline {
  background-color: transparent;
  border: 2px solid var(--qhr-color-nebu, #C98818);
}

.qhr-cartouche--solid {
  background-color: var(--qhr-color-papyrus, #FAF8F2);
  border: 1px solid var(--qhr-color-papyrus-border, #E2DAC8);
  color: var(--qhr-color-papyrus-fg, #121F1B);
}


.qhr-cartouche--sm {
  padding: var(--qhr-space-3);
  gap: var(--qhr-space-2);
}

.qhr-cartouche--md {
  padding: var(--qhr-space-5);
  gap: var(--qhr-space-3);
}

.qhr-cartouche--lg {
  padding: var(--qhr-space-8);
  gap: var(--qhr-space-4);
}


.qhr-cartouche__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--qhr-space-3);
}

.qhr-cartouche__title {
  font-family: var(--qhr-font-heading);
  font-weight: 700;
  color: var(--qhr-text-primary);
  margin: 0;
}

.qhr-cartouche__body {
  display: flex;
  flex-direction: column;
  gap: var(--qhr-space-2);
  color: var(--qhr-text-secondary);
  font-family: var(--qhr-font-body);
}

.qhr-cartouche__footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: var(--qhr-space-2);
  margin-block-start: var(--qhr-space-2);
}

.qhr-frieze {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  position: relative;
  user-select: none;
  overflow: hidden;
  border-block: 1px solid var(--qhr-border-subtle);
  background-color: var(--qhr-surface-page);
}

.qhr-frieze__track {
  display: flex;
  align-items: center;
  gap: var(--qhr-space-4);
  width: 100%;
  justify-content: center;
  opacity: 0.65;
}

.qhr-frieze__motif {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: inherit;
  flex-shrink: 0;
}

.qhr-frieze__motif svg {
  width: var(--qhr-space-5, 20px);
  height: var(--qhr-space-5, 20px);
  max-width: 24px;
  max-height: 24px;
  fill: currentColor;
}

.qhr-frieze__label {
  font-family: var(--qhr-font-heading);
  font-size: var(--qhr-text-xs);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  padding-inline: var(--qhr-space-3);
  background: var(--qhr-surface-page);
  position: relative;
  z-index: var(--qhr-z-elevated, 1);
  color: var(--qhr-text-secondary);
}


.qhr-frieze--subtle {
  border-block-color: var(--qhr-border-subtle);
  color: var(--qhr-text-muted);
}

.qhr-frieze--outline {
  border-block-color: var(--qhr-color-nebu, #C98818);
  color: var(--qhr-color-nebu, #C98818);
}

.qhr-frieze--solid {
  background-color: var(--qhr-color-papyrus, #FAF8F2);
  border-block-color: var(--qhr-color-papyrus-border, #E2DAC8);
  color: var(--qhr-color-wadj, #135E4E);
}


.qhr-frieze--sm {
  height: var(--qhr-space-4);
}

.qhr-frieze--md {
  height: var(--qhr-space-6);
}

.qhr-frieze--lg {
  height: var(--qhr-space-10);
}

.qhr-questionnaire {
  display: flex;
  flex-direction: column;
  gap: var(--qhr-space-6, 24px);
  width: 100%;
  max-width: 760px;
  margin-inline: auto;
}


.qhr-questionnaire-card {
  background: var(--qhr-surface-primary, #ffffff);
  border: 1px solid var(--qhr-border-subtle, #e2e8f0);
  border-radius: var(--qhr-radius-xl, 18px);
  padding: var(--qhr-space-8, 32px);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
  transition: all 200ms ease;
}
[data-theme="dark"] .qhr-questionnaire-card {
  background: #0d121f;
  border-color: rgba(255, 255, 255, 0.08);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.35);
}


.qhr-questionnaire-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-block-end: var(--qhr-space-4, 16px);
}
.qhr-questionnaire-category {
  font-family: var(--qhr-font-ui, 'Cairo', sans-serif);
  font-size: var(--qhr-text-xs, 0.75rem);
  font-weight: 700;
  color: var(--qhr-color-info-600, #2563eb);
  background: rgba(37, 99, 235, 0.08);
  padding-block: 4px;
  padding-inline: 10px;
  border-radius: 6px;
  border: 1px solid rgba(37, 99, 235, 0.2);
}
[data-theme="dark"] .qhr-questionnaire-category {
  color: #60a5fa;
  background: rgba(59, 130, 246, 0.15);
  border-color: rgba(59, 130, 246, 0.3);
}
.qhr-questionnaire-points {
  font-family: var(--qhr-font-code, monospace);
  font-size: 0.78rem;
  font-weight: 700;
  color: var(--qhr-content-secondary, #64748b);
}
[data-theme="dark"] .qhr-questionnaire-points {
  color: var(--qhr-content-secondary, #94a3b8);
}


.qhr-questionnaire-title {
  font-family: var(--qhr-font-heading, 'Alexandria', sans-serif);
  font-size: 1.25rem;
  font-weight: 800;
  color: var(--qhr-content-primary, #0f172a);
  margin: 0 0 var(--qhr-space-2, 8px) 0;
  line-height: 1.4;
}
[data-theme="dark"] .qhr-questionnaire-title {
  color: var(--qhr-content-primary, #f8fafc);
}
.qhr-questionnaire-desc {
  font-family: var(--qhr-font-ui, 'Cairo', sans-serif);
  font-size: 0.88rem;
  color: var(--qhr-content-secondary, #64748b);
  margin: 0 0 var(--qhr-space-6, 24px) 0;
  line-height: 1.6;
}
[data-theme="dark"] .qhr-questionnaire-desc {
  color: var(--qhr-content-secondary, #94a3b8);
}


.qhr-questionnaire-choices {
  display: flex;
  flex-direction: column;
  gap: var(--qhr-space-3, 12px);
  margin-block-end: var(--qhr-space-6, 24px);
}

.qhr-questionnaire-choice {
  display: flex;
  align-items: center;
  gap: var(--qhr-space-3-5, 14px);
  padding: 14px 18px;
  background: var(--qhr-surface-primary, #ffffff);
  border: 2px solid var(--qhr-border-subtle, #e2e8f0);
  border-radius: var(--qhr-radius-lg, 14px);
  cursor: pointer;
  user-select: none;
  transition: all 180ms cubic-bezier(0.4, 0, 0.2, 1);
  outline: none;
}
[data-theme="dark"] .qhr-questionnaire-choice {
  background: #131b2e;
  border-color: rgba(255, 255, 255, 0.08);
}
.qhr-questionnaire-choice:hover {
  border-color: var(--qhr-color-primary-400, #d4af37);
  transform: translateY(-1px);
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);
}
.qhr-questionnaire-choice:focus-visible {
  border-color: var(--qhr-color-primary-500, #c7a35a);
  box-shadow: 0 0 0 3px var(--q-gold-glow, rgba(212, 175, 55, 0.2));
}


.qhr-questionnaire-choice.is-selected {
  border-color: var(--qhr-color-primary-500, #c7a35a);
  background: rgba(212, 175, 55, 0.04);
  box-shadow: 0 0 0 1px var(--qhr-color-primary-500, #c7a35a);
}
[data-theme="dark"] .qhr-questionnaire-choice.is-selected {
  background: rgba(212, 175, 55, 0.08);
  border-color: var(--q-gold, #d4af37);
}


.qhr-questionnaire-choice.is-correct {
  border-color: #10b981 !important;
  background: rgba(16, 185, 129, 0.08) !important;
  box-shadow: 0 0 0 1px #10b981 !important;
}
.qhr-questionnaire-choice.is-wrong {
  border-color: #ef4444 !important;
  background: rgba(239, 68, 68, 0.08) !important;
  box-shadow: 0 0 0 1px #ef4444 !important;
}


.qhr-questionnaire-choice-badge {
  width: 28px;
  height: 28px;
  border-radius: 8px;
  background: var(--qhr-surface-muted, #f1f5f9);
  color: var(--qhr-content-secondary, #64748b);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--qhr-font-heading, 'Alexandria', sans-serif);
  font-size: 0.8rem;
  font-weight: 800;
  flex-shrink: 0;
  border: 1px solid var(--qhr-border-subtle, #e2e8f0);
  transition: all 180ms ease;
}
[data-theme="dark"] .qhr-questionnaire-choice-badge {
  background: rgba(255, 255, 255, 0.06);
  border-color: rgba(255, 255, 255, 0.1);
  color: var(--qhr-content-secondary, #94a3b8);
}
.qhr-questionnaire-choice.is-selected .qhr-questionnaire-choice-badge {
  background: var(--qhr-color-primary-500, #c7a35a);
  color: #ffffff;
  border-color: var(--qhr-color-primary-500, #c7a35a);
}

.qhr-questionnaire-choice-text {
  flex: 1;
  font-family: var(--qhr-font-ui, 'Cairo', sans-serif);
  font-size: 0.94rem;
  font-weight: 600;
  color: var(--qhr-content-primary, #0f172a);
}
[data-theme="dark"] .qhr-questionnaire-choice-text {
  color: var(--qhr-content-primary, #f8fafc);
}


.qhr-questionnaire-choice-indicator {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 2px solid var(--qhr-border-strong, #cbd5e1);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: all 180ms ease;
}
[data-theme="dark"] .qhr-questionnaire-choice-indicator {
  border-color: rgba(255, 255, 255, 0.2);
}
.qhr-questionnaire-choice.is-selected .qhr-questionnaire-choice-indicator {
  border-color: var(--qhr-color-primary-500, #c7a35a);
}
.qhr-questionnaire-choice-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--qhr-color-primary-500, #c7a35a);
  transform: scale(0);
  transition: transform 180ms cubic-bezier(0.4, 0, 0.2, 1);
}
.qhr-questionnaire-choice.is-selected .qhr-questionnaire-choice-dot {
  transform: scale(1);
}


.qhr-questionnaire-feedback {
  padding: 16px 20px;
  border-radius: var(--qhr-radius-md, 12px);
  margin-block-end: var(--qhr-space-5, 20px);
  font-family: var(--qhr-font-ui, 'Cairo', sans-serif);
  font-size: 0.85rem;
  line-height: 1.6;
}
.qhr-questionnaire-feedback--success {
  background: rgba(16, 185, 129, 0.08);
  border: 1px solid #10b981;
  color: #065f46;
}
[data-theme="dark"] .qhr-questionnaire-feedback--success {
  color: #6ee7b7;
  background: rgba(16, 185, 129, 0.15);
}
.qhr-questionnaire-feedback--danger {
  background: rgba(239, 68, 68, 0.08);
  border: 1px solid #ef4444;
  color: #991b1b;
}
[data-theme="dark"] .qhr-questionnaire-feedback--danger {
  color: #fca5a5;
  background: rgba(239, 68, 68, 0.15);
}


.qhr-questionnaire-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding-block-start: var(--qhr-space-5, 20px);
  border-block-start: 1px solid var(--qhr-border-subtle, #e2e8f0);
}
[data-theme="dark"] .qhr-questionnaire-actions {
  border-block-start-color: rgba(255, 255, 255, 0.08);
}


.qhr-questionnaire-summary {
  background: var(--qhr-surface-primary, #ffffff);
  border: 1px solid var(--qhr-border-subtle, #e2e8f0);
  border-radius: var(--qhr-radius-xl, 18px);
  padding: var(--qhr-space-10, 40px);
  text-align: center;
}
[data-theme="dark"] .qhr-questionnaire-summary {
  background: #0d121f;
  border-color: rgba(255, 255, 255, 0.08);
}

.qhr-seal {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  border-radius: var(--qhr-radius-full);
  text-align: center;
  user-select: none;
  aspect-ratio: 1 / 1;
  font-family: var(--qhr-font-heading);
  transition: transform var(--qhr-motion-duration-fast) var(--qhr-motion-ease-standard),
              box-shadow var(--qhr-motion-duration-fast) var(--qhr-motion-ease-standard);
}

.qhr-seal:hover {
  transform: scale(1.05) rotate(3deg);
}


.qhr-seal__ring {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 90%;
  height: 90%;
  border-radius: var(--qhr-radius-full);
  border: 1px dashed currentColor;
  padding: var(--qhr-space-1);
}

.qhr-seal__emblem {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-block-end: var(--qhr-space-0-5);
}

.qhr-seal__emblem svg {
  width: var(--qhr-space-4);
  height: var(--qhr-space-4);
  stroke: currentColor;
  stroke-width: 2;
  fill: none;
}

.qhr-seal__label {
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -0.02em;
}

.qhr-seal__subtext {
  font-family: var(--qhr-font-body);
  font-size: 0.75em;
  opacity: 0.85;
  line-height: 1;
  margin-block-start: var(--qhr-space-0-5);
}


.qhr-seal--solid {
  background: radial-gradient(circle, var(--qhr-color-nebu, #C98818) 0%, var(--qhr-color-nebu-hover, #A86F0F) 100%);
  color: var(--qhr-color-nebu-fg, #181307);
  box-shadow: 0 4px 12px rgba(201, 136, 24, 0.3);
  border: 2px solid var(--qhr-color-nebu-light, #F5D79E);
}

.qhr-seal--subtle {
  background-color: var(--qhr-color-nebu-surface, #FDF4E3);
  color: var(--qhr-color-nebu-hover, #A86F0F);
  border: 1px solid var(--qhr-color-nebu-light, #F5D79E);
}

.qhr-seal--outline {
  background-color: transparent;
  color: var(--qhr-color-nebu, #C98818);
  border: 2px dashed var(--qhr-color-nebu, #C98818);
}


.qhr-seal--sm {
  width: var(--qhr-space-10);
  height: var(--qhr-space-10);
  font-size: var(--qhr-text-xs);
  padding: var(--qhr-space-1);
}

.qhr-seal--sm .qhr-seal__emblem svg {
  width: var(--qhr-space-3);
  height: var(--qhr-space-3);
}

.qhr-seal--md {
  width: var(--qhr-space-16);
  height: var(--qhr-space-16);
  font-size: var(--qhr-text-sm);
  padding: var(--qhr-space-2);
}

.qhr-seal--lg {
  width: var(--qhr-space-24);
  height: var(--qhr-space-24);
  font-size: var(--qhr-text-base);
  padding: var(--qhr-space-3);
}

.qhr-seal--lg .qhr-seal__emblem svg {
  width: var(--qhr-space-6);
  height: var(--qhr-space-6);
}