.account-activation-banner[data-v-52df3699] {
  position: sticky;
  top: 0;
  /* Below the navbar, which sits at 50, so a menu opened from the navbar is not
     sliced by a notice that belongs to the page underneath it. */
  z-index: 20;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  padding: 12px 18px;
  border-bottom: 1px solid #d7b45b;
  background: #fff7dc;
  color: #3d3216;
  box-shadow: 0 3px 12px rgba(74, 55, 12, 0.12);
}
.account-activation-banner__icon[data-v-52df3699] {
  display: grid;
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  place-items: center;
  border-radius: 50%;
  background: #ffe5a0;
  color: #735200;
}
.account-activation-banner__copy[data-v-52df3699] {
  display: flex;
  min-width: 0;
  flex: 1 1 auto;
  flex-direction: column;
  line-height: 1.35;
}
.account-activation-banner__copy strong[data-v-52df3699] {
  font-size: 0.95rem;
}
.account-activation-banner__copy span[data-v-52df3699],
.account-activation-banner__copy small[data-v-52df3699] {
  font-size: 0.82rem;
}
.account-activation-banner__copy small[data-v-52df3699] {
  opacity: 0.78;
}
.account-activation-banner__action[data-v-52df3699] {
  display: inline-flex;
  min-height: 38px;
  flex: 0 1 auto;
  max-width: 100%;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 7px 13px;
  border: 1px solid #8a6500;
  border-radius: 8px;
  background: #765600;
  color: #fff;
  font-weight: 700;
}
.account-activation-banner__action[data-v-52df3699]:disabled {
  cursor: not-allowed;
  opacity: 0.62;
}

/* A short pulse when a locked target is clicked. The banner is already on
   screen, so without it the click looks like nothing happened. */
@keyframes account-activation-call-52df3699 {
0%,
  100% {
    transform: translateY(0);
}
30% {
    transform: translateY(-3px);
}
60% {
    transform: translateY(-1px);
}
}
.account-activation-banner--calling[data-v-52df3699] {
  animation: account-activation-call-52df3699 0.5s ease-in-out 2;
  box-shadow: 0 0 0 3px rgba(217, 119, 6, 0.35);
}
.account-activation-banner__blocked[data-v-52df3699] {
  font-weight: 700;
}
@media (prefers-reduced-motion: reduce) {
.account-activation-banner--calling[data-v-52df3699] {
    animation: none;
}
}
@media (max-width: 767px) {
.account-activation-banner[data-v-52df3699] {
    align-items: flex-start;
    flex-wrap: wrap;
    padding: 10px 12px;
}
.account-activation-banner__copy[data-v-52df3699] {
    width: calc(100% - 46px);
}
.account-activation-banner__action[data-v-52df3699] {
    width: 100%;
}
}


.app-error-screen[data-v-67a22f45] {
  flex: 1 1 auto;
  width: 100%;
  min-width: 0;
  min-height: 100vh;
  min-height: var(--visual-viewport-height, 100vh);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  overflow-y: auto;
  background: linear-gradient(180deg, #f7fafc 0%, #eef3f7 100%);
}
.app-error-card[data-v-67a22f45] {
  width: 100%;
  max-width: 560px;
  background: #fff;
  border: 1px solid #dbe4ee;
  border-radius: 16px;
  box-shadow: 0 10px 30px rgba(8, 30, 52, 0.12);
  padding: 24px;
  text-align: center;
}
.app-error-logo[data-v-67a22f45] {
  width: 64px;
  height: auto;
  object-fit: contain;
  margin-bottom: 12px;
}
.app-error-message[data-v-67a22f45] {
  color: #4b6177;
  margin-bottom: 10px;
}
.app-error-meta[data-v-67a22f45] {
  margin: 0;
  font-size: 0.88rem;
  color: #5d7184;
}
.app-error-meta code[data-v-67a22f45] {
  color: #294663;
  font-size: 0.84rem;
  background: #edf3f9;
  border-radius: 6px;
  padding: 2px 6px;
}
.app-error-status[data-v-67a22f45] {
  display: inline-block;
  margin-left: 8px;
  color: #4b6177;
}
.app-error-actions[data-v-67a22f45] {
  margin-top: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}
@media (max-width: 768px) {
.app-error-card[data-v-67a22f45] {
    padding: 20px;
}
.app-error-actions[data-v-67a22f45] {
    flex-direction: column;
}
.app-error-actions .btn[data-v-67a22f45] {
    width: 100%;
}
}


/* Only where nothing else carries the plan. Above this width the navbar has an
   upgrade button and the sidebar has the badge, so the card would repeat them
   and push the page's own header down for nothing. */
.plan-upsell[data-v-208a350e] {
  display: none;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem 1.5rem;
  margin: 1rem auto 0;
  width: min(1180px, calc(100% - 2rem));
  padding: 1rem 1.25rem;
  border: 1px solid var(--border-color, #e5e7eb);
  border-radius: var(--radius-lg, 0.75rem);
  background: var(--background-base, #ffffff);
}
.plan-upsell__copy[data-v-208a350e] {
  flex: 1 1 16rem;
  min-width: 0;
}
.plan-upsell__headline[data-v-208a350e] {
  margin: 0;
  color: var(--text-primary, #1f2733);
  font-size: 1rem;
  font-weight: 700;
}
.plan-upsell__lede[data-v-208a350e] {
  margin: 0.2rem 0 0;
  color: var(--text-secondary, #5b6472);
  font-size: 0.9rem;
  line-height: 1.45;
}
.plan-upsell__meter[data-v-208a350e] {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  margin-top: 0.7rem;
}
.plan-upsell__track[data-v-208a350e] {
  flex: 1 1 auto;
  min-width: 0;
  height: 5px;
  border-radius: 999px;
  background: var(--border-color, #e5e7eb);
  overflow: hidden;
}
.plan-upsell__fill[data-v-208a350e] {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: var(--text-secondary, #5b6472);
}
.plan-upsell__fill--tight[data-v-208a350e] {
  background: var(--warning-color, #d97706);
}
.plan-upsell__meter-label[data-v-208a350e] {
  flex: 0 0 auto;
  color: var(--text-tertiary, #667085);
  font-size: 0.8rem;
  white-space: nowrap;
}
.plan-upsell__action[data-v-208a350e] {
  flex: 0 0 auto;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  padding: 0.55rem 1.25rem;
  border-radius: 999px;
  background: var(--cta-surface, #f27319);
  color: var(--cta-contrast, #1a1005);
  font-weight: 700;
  text-decoration: none;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3),
    0 1px 2px rgba(23, 15, 3, 0.2);
}
.plan-upsell__action[data-v-208a350e]:hover,
.plan-upsell__action[data-v-208a350e]:focus {
  color: var(--cta-contrast, #1a1005);
  text-decoration: none;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.34),
    0 2px 4px rgba(23, 15, 3, 0.24),
    0 6px 14px rgba(23, 15, 3, 0.18);
}
@media (max-width: 1024px) {
.plan-upsell[data-v-208a350e] {
    display: flex;
}
}
@media (max-width: 575px) {
.plan-upsell__action[data-v-208a350e] {
    width: 100%;
    justify-content: center;
}
}


.auth-gate-overlay[data-v-22ca0f7e] {
  position: fixed;
  inset: 0;
  z-index: 5000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 18px;
}
.auth-gate-backdrop[data-v-22ca0f7e] {
  position: absolute;
  inset: 0;
  background: rgba(6, 12, 20, 0.72);
}
.auth-gate-dialog[data-v-22ca0f7e] {
  position: relative;
  width: min(500px, calc(100vw - 32px));
  max-height: calc(100vh - 42px);
  margin: 0;
  overflow: auto;
  background:
    linear-gradient(180deg, rgba(247, 251, 255, 0.82) 0%, rgba(255, 255, 255, 0) 22%),
    #ffffff;
  border-radius: 20px;
  border: 1px solid rgba(208, 221, 236, 0.92);
  box-shadow:
    0 20px 52px rgba(8, 14, 28, 0.22),
    0 4px 18px rgba(33, 69, 109, 0.08);
  padding: 24px 24px 18px;
}
.auth-gate-dialog[data-v-22ca0f7e]::backdrop {
  background: transparent;
}
.auth-gate-dialog[data-v-22ca0f7e]::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  border-radius: 20px 20px 0 0;
  background: linear-gradient(
    90deg,
    var(--primary-color, #f27315),
    #5abaaa
  );
}
.auth-gate-header[data-v-22ca0f7e] {
  margin-bottom: 14px;
}
.auth-gate-header h2[data-v-22ca0f7e] {
  margin: 0;
  font-size: 1.6rem;
  font-weight: 800;
  line-height: 1.12;
  color: #14263d;
}
.auth-gate-subtitle[data-v-22ca0f7e] {
  margin: 8px 0 0;
  font-size: 0.97rem;
  line-height: 1.5;
  color: #50657f;
}
.auth-gate-alert[data-v-22ca0f7e] {
  margin-bottom: 14px;
  border-radius: 14px;
}
.auth-gate-permission-help[data-v-22ca0f7e] {
  margin-bottom: 16px;
  padding: 14px 15px;
  border: 1px solid #f2d7bc;
  border-radius: 16px;
  background: #fff8f1;
  color: #334960;
}
.auth-gate-permission-title[data-v-22ca0f7e] {
  margin: 0 0 4px;
  color: #17314d;
  font-weight: 700;
}
.auth-gate-permission-body[data-v-22ca0f7e] {
  margin: 0 0 8px;
}
.auth-gate-permission-help ol[data-v-22ca0f7e] {
  margin: 0 0 10px 18px;
  padding: 0;
}
.auth-gate-permission-help li[data-v-22ca0f7e] {
  margin-bottom: 4px;
}
.auth-gate-permission-actions[data-v-22ca0f7e] {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.auth-gate-highlights[data-v-22ca0f7e] {
  display: grid;
  gap: 8px;
  margin-bottom: 16px;
  padding: 12px 13px;
  border: 1px solid #dde9f6;
  border-radius: 16px;
  background: linear-gradient(180deg, #f7fbff 0%, #f9fcff 100%);
}
.auth-gate-highlight[data-v-22ca0f7e] {
  display: flex;
  align-items: center;
  gap: 9px;
  color: #39526d;
  font-size: 0.92rem;
  line-height: 1.45;
}
.auth-gate-highlight i[data-v-22ca0f7e] {
  margin-top: 3px;
  min-width: 14px;
  color: var(--primary-color, #f27315);
}
.auth-gate-status-card[data-v-22ca0f7e] {
  display: flex;
  gap: 12px;
  margin-bottom: 12px;
  padding: 14px;
  border: 1px solid #f2d7bc;
  border-radius: 8px;
  background: #fff8f1;
}
.auth-gate-status-icon[data-v-22ca0f7e] {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  min-width: 34px;
  font-size: 1.1rem;
  color: var(--primary-color, #f27315);
}
.auth-gate-status-copy[data-v-22ca0f7e] {
  min-width: 0;
}
.auth-gate-status-title[data-v-22ca0f7e] {
  margin: 0 0 6px;
  font-size: 0.98rem;
  font-weight: 700;
  color: #17314d;
}
.auth-gate-status-description[data-v-22ca0f7e] {
  margin: 0;
  color: #4f647d;
  line-height: 1.45;
}
.auth-gate-status-email[data-v-22ca0f7e] {
  margin: 10px 0 0;
  color: #17314d;
  font-size: 0.89rem;
  word-break: break-word;
}
.auth-gate-status-email span[data-v-22ca0f7e] {
  font-weight: 700;
}
.auth-gate-next-step[data-v-22ca0f7e] {
  margin: 0 0 14px;
  color: #4f647d;
  line-height: 1.45;
}
.auth-gate-provider-btn[data-v-22ca0f7e] {
  font-weight: 700;
  border-color: #cad8e8;
  background: #ffffff;
  color: #17314d;
  box-shadow: 0 1px 0 rgba(16, 24, 40, 0.02);
}
.auth-gate-google-btn[data-v-22ca0f7e] {
  min-height: 46px;
}
.auth-gate-provider-btn[data-v-22ca0f7e]:hover,
.auth-gate-provider-btn[data-v-22ca0f7e]:focus {
  border-color: #9db9d7;
  background: #f8fbff;
  color: #17314d;
}
.auth-gate-divider[data-v-22ca0f7e] {
  position: relative;
  margin: 6px 0 18px;
  text-align: center;
}
.auth-gate-divider[data-v-22ca0f7e]::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  border-top: 1px solid #d6e2f2;
}
.auth-gate-divider span[data-v-22ca0f7e] {
  position: relative;
  display: inline-block;
  padding: 0 12px;
  background: #fff;
  font-size: 0.8rem;
  color: #53677f;
}
.auth-gate-dialog .form-group[data-v-22ca0f7e] {
  margin-bottom: 0.9rem;
}
.auth-gate-dialog label.font-weight-bold[data-v-22ca0f7e],
.auth-gate-dialog .font-weight-bold[data-v-22ca0f7e],
.auth-gate-field-label[data-v-22ca0f7e] {
  font-size: 0.92rem;
  color: #233952;
}
.auth-gate-field-label[data-v-22ca0f7e] {
  margin: 0 0 0.35rem;
}
.auth-gate-dialog .form-control[data-v-22ca0f7e] {
  border-radius: 12px;
  min-height: 46px;
  border-color: #d4deea;
  padding: 0.72rem 0.95rem;
  background: rgba(255, 255, 255, 0.98);
}
.auth-gate-dialog .form-control[data-v-22ca0f7e]:focus {
  border-color: #92b6dd;
  box-shadow: 0 0 0 0.18rem rgba(95, 149, 214, 0.16);
}
.auth-gate-dialog .btn[data-v-22ca0f7e] {
  border-radius: 12px;
  font-weight: 700;
  min-height: 46px;
  transition: background-color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}
.auth-gate-dialog .btn[data-v-22ca0f7e]:hover:not(:disabled),
.auth-gate-dialog .btn[data-v-22ca0f7e]:focus:not(:disabled) {
  transform: translateY(-1px);
  color:#233952;
}
.auth-gate-dialog .btn-primary[data-v-22ca0f7e] {
  border-color: #89b2e7;
  background: linear-gradient(180deg, #9cc3f3 0%, #82afe4 100%);
  box-shadow: 0 10px 24px rgba(130, 175, 228, 0.26);
}
.auth-gate-dialog .btn-primary[data-v-22ca0f7e]:hover:not(:disabled),
.auth-gate-dialog .btn-primary[data-v-22ca0f7e]:focus:not(:disabled) {
  border-color: #7ba8df;
  background: linear-gradient(180deg, #95bef0 0%, #78a6dd 100%);
}
.auth-gate-dialog .btn-outline-primary[data-v-22ca0f7e],
.auth-gate-dialog .btn-outline-secondary[data-v-22ca0f7e] {
  background: #fff;
}
.auth-gate-dialog .btn-link[data-v-22ca0f7e] {
  font-weight: 600;
  color: #34618c;
}
.auth-gate-remember[data-v-22ca0f7e] {
  margin-bottom: 10px;
}
.auth-gate-secondary-link-wrap[data-v-22ca0f7e] {
  display: flex;
  justify-content: flex-end;
  margin: -2px 0 10px;
}
.auth-gate-secondary-link[data-v-22ca0f7e] {
  font-size: 0.84rem;
  font-weight: 600;
  color: #34618c;
  text-decoration: none;
}
.auth-gate-secondary-link[data-v-22ca0f7e]:hover,
.auth-gate-secondary-link[data-v-22ca0f7e]:focus {
  color: #244d75;
  text-decoration: underline;
}
.auth-gate-security-note[data-v-22ca0f7e] {
  margin-bottom: 8px;
  font-size: 0.83rem;
  color: #4c617a;
}
.auth-gate-email-help[data-v-22ca0f7e] {
  display: block;
  margin: -4px 0 12px;
  padding: 10px 12px;
  border: 1px solid #d7e9ff;
  border-radius: 10px;
  background: #f6fbff;
  color: #31516f;
  font-size: 0.86rem;
  line-height: 1.4;
}
.auth-gate-recaptcha-wrap[data-v-22ca0f7e] {
  overflow-x: auto;
  padding-bottom: 2px;
}
.auth-gate-loading[data-v-22ca0f7e] {
  display: flex;
  align-items: center;
  color: #41546b;
  margin-bottom: 10px;
}
.auth-gate-email-wrap[data-v-22ca0f7e] {
  position: relative;
}
.auth-gate-password-field[data-v-22ca0f7e] {
  position: relative;
}
.auth-gate-password-field .form-control[data-v-22ca0f7e] {
  padding-right: 46px;
}
.auth-gate-password-toggle[data-v-22ca0f7e] {
  position: absolute;
  top: 50%;
  right: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border: 0;
  border-radius: 10px;
  background: transparent;
  color: #53697f;
  transform: translateY(-50%);
}
.auth-gate-password-toggle[data-v-22ca0f7e]:hover,
.auth-gate-password-toggle[data-v-22ca0f7e]:focus {
  background: #eef4fb;
  color: #17314d;
}
.auth-gate-email-indicator[data-v-22ca0f7e] {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 14px;
  pointer-events: none;
}
.auth-gate-account-row[data-v-22ca0f7e] {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  margin-bottom: 14px;
  padding: 10px 12px;
  border: 1px solid #dbe6f3;
  border-radius: 14px;
  background: #f7faff;
}
.auth-gate-account-icon[data-v-22ca0f7e] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: #e8f0fb;
  color: #315d8b;
}
.auth-gate-account-copy[data-v-22ca0f7e] {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 1px;
  color: #6c7f95;
  font-size: 0.78rem;
  line-height: 1.2;
}
.auth-gate-account-copy strong[data-v-22ca0f7e] {
  overflow: hidden;
  color: #17314d;
  font-size: 0.92rem;
  font-weight: 800;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.auth-gate-account-change[data-v-22ca0f7e] {
  border: 0;
  background: transparent;
  color: #34618c;
  font-size: 0.82rem;
  font-weight: 800;
  padding: 6px 4px;
}
.auth-gate-account-change[data-v-22ca0f7e]:hover,
.auth-gate-account-change[data-v-22ca0f7e]:focus {
  color: #214d76;
  text-decoration: underline;
}
.auth-gate-method-toggle[data-v-22ca0f7e] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 4px;
  margin-bottom: 14px;
  padding: 4px;
  border: 1px solid #d6e2f2;
  border-radius: 14px;
  background: #f1f6fc;
  min-width: 0;
}
.auth-gate-method-option[data-v-22ca0f7e] {
  min-height: 38px;
  border: 0;
  border-radius: 10px;
  background: transparent;
  color: #53697f;
  font-size: 0.9rem;
  font-weight: 800;
}
.auth-gate-method-option.active[data-v-22ca0f7e] {
  background: #ffffff;
  color: #17314d;
  box-shadow: 0 5px 14px rgba(31, 55, 85, 0.12);
}
.auth-gate-method-help[data-v-22ca0f7e] {
  margin: 0 0 12px;
  color: #4f647d;
  font-size: 0.9rem;
  line-height: 1.45;
}
.auth-gate-hidden-username[data-v-22ca0f7e] {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}
.auth-gate-pricing-note[data-v-22ca0f7e] {
  margin: 16px 4px 0;
  font-size: 0.82rem;
  text-align: center;
}
.auth-gate-pricing-note a[data-v-22ca0f7e] {
  color: #2f608f;
  font-weight: 600;
  text-decoration: underline;
}
.auth-gate-legal-note[data-v-22ca0f7e] {
  margin: 14px 4px 0;
  font-size: 0.78rem;
  color: #6a7f98;
  line-height: 1.45;
}
.auth-gate-legal-note a[data-v-22ca0f7e] {
  color: #2f608f;
  text-decoration: underline;
}
@media (max-width: 576px) {
.auth-gate-overlay[data-v-22ca0f7e] {
    padding: 10px;
    align-items: flex-end;
}
.auth-gate-dialog[data-v-22ca0f7e] {
    width: calc(100vw - 16px);
    max-height: calc(100vh - 18px);
    border-radius: 18px;
    padding: 18px 16px 14px;
}
.auth-gate-header h2[data-v-22ca0f7e] {
    font-size: 1.28rem;
}
.auth-gate-subtitle[data-v-22ca0f7e] {
    font-size: 0.88rem;
}
.auth-gate-highlights[data-v-22ca0f7e] {
    gap: 8px;
    padding: 12px;
}
.auth-gate-highlight[data-v-22ca0f7e] {
    font-size: 0.84rem;
}
.auth-gate-status-card[data-v-22ca0f7e] {
    gap: 10px;
    padding: 12px;
}
.auth-gate-legal-note[data-v-22ca0f7e] {
    margin-top: 10px;
    font-size: 0.72rem;
}
.auth-gate-recaptcha-wrap[data-v-22ca0f7e] .g-recaptcha {
    transform: scale(0.92);
    transform-origin: left top;
}
}


body.auth-gate-open {
  overflow: hidden !important;
}


.billing-alert[data-v-52366d4f] {
  --billing-alert-accent: var(--warning-color, #ffc107);
  display: flex;
  align-items: center;
  gap: 0.85rem;
  width: min(1180px, calc(100% - 2rem));
  margin: 1rem auto 0;
  padding: 0.8rem 1rem;
  border: 1px solid var(--border-color, #e5e7eb);
  border-left: 4px solid var(--billing-alert-accent);
  border-radius: var(--radius-lg, 12px);
  background: var(--background-base, #ffffff);
  color: var(--text-primary, #0f172a);
  box-shadow: var(--shadow-base, 0 1px 3px rgba(15, 23, 42, 0.1));
}
.billing-alert__icon[data-v-52366d4f] {
  display: inline-flex;
  flex: 0 0 34px;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: var(--radius-full, 9999px);
  background: var(--billing-alert-accent);
  color: #1f2937;
  font-size: 1rem;
}
.billing-alert__copy[data-v-52366d4f] {
  display: flex;
  flex: 1;
  min-width: 0;
  flex-direction: column;
  gap: 0.1rem;
  line-height: 1.35;
}
.billing-alert__copy strong[data-v-52366d4f] {
  font-size: 0.95rem;
  font-weight: 600;
}
.billing-alert__copy span[data-v-52366d4f] {
  color: var(--text-secondary, #475467);
  font-size: 0.86rem;
}
.billing-alert__action[data-v-52366d4f] {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  min-height: 38px;
  padding: 0.4rem 0.9rem;
  border-radius: var(--radius-md, 8px);
  background: var(--primary-color, #6f3bb5);
  color: #ffffff;
  font-size: 0.88rem;
  font-weight: 600;
  text-decoration: none;
}
.billing-alert__action[data-v-52366d4f]:hover,
.billing-alert__action[data-v-52366d4f]:focus {
  background: var(--primary-color-hover, #5d3199);
  color: #ffffff;
  text-decoration: none;
}
.billing-alert__dismiss[data-v-52366d4f] {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  border: 0;
  border-radius: var(--radius-full, 9999px);
  background: transparent;
  color: var(--text-tertiary, #667085);
  cursor: pointer;
}
.billing-alert__dismiss[data-v-52366d4f]:hover {
  background: var(--hover-overlay, rgba(15, 23, 42, 0.06));
  color: var(--text-primary, #0f172a);
}
.billing-alert__action[data-v-52366d4f]:focus-visible,
.billing-alert__dismiss[data-v-52366d4f]:focus-visible {
  outline: var(--focus-ring-width, 3px) solid var(--focus-ring-color, rgba(111, 59, 181, 0.5));
  outline-offset: 2px;
}
@media (max-width: 640px) {
.billing-alert[data-v-52366d4f] {
    position: relative;
    width: calc(100% - 1rem);
    align-items: flex-start;
    flex-wrap: wrap;
    padding-right: 2.75rem;
    row-gap: 0.7rem;
}
.billing-alert__dismiss[data-v-52366d4f] {
    position: absolute;
    top: 0.4rem;
    right: 0.4rem;
}
.billing-alert__action[data-v-52366d4f] {
    flex: 1 0 100%;
    justify-content: center;
    min-height: 44px;
}
}


.chatbot[data-v-6b366fd9] {
  position: fixed;
  bottom: clamp(16px, 4vh, 50px);
  right: clamp(16px, 4vw, 50px);
  z-index: 1000;
  max-width: calc(100vw - 32px);
  max-height: calc(100vh - 32px);
  max-height: calc(100dvh - 32px);
  transition: bottom 0.5s ease-in-out, right 0.5s ease-in-out, left 0.5s ease-in-out;
}
.hide[data-v-6b366fd9] {
  bottom: -30px;
  right: -30px;
  pointer-events: none;
}
.hide .chatbot-button[data-v-6b366fd9] {
  background-color: var(--primary-color);
}
.hide .chatbot-button img[data-v-6b366fd9] {
  opacity: 0;
}
.chatbot-container[data-v-6b366fd9] {
  position: relative;
  min-height: 80px;
  min-width: 80px;
}
.chatbot-icon[data-v-6b366fd9] {
  pointer-events: none;
  position: absolute;
  padding: 14px 20px;
  top: 0;
  left: 0;
  color: white;
  font-size: 20px;
  z-index: 3;
  opacity: 0;
  transition: all 0.5s ease-in-out;
}
.hide .chatbot-icon[data-v-6b366fd9] {
  opacity: 1;
}
.chatbot-button[data-v-6b366fd9] {
  position: absolute;
  top: 0;
  left: 0;
  width: 80px;
  height: 80px;
  background-color: #fff;
  border: solid 2px var(--primary-color);
  border-radius: 50%;
  padding: 10px;
  cursor: pointer;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
  transition: all 0.5s ease-in-out;
}
.chatbot--open .chatbot-button[data-v-6b366fd9],
.chatbot--open .chatbot-icon[data-v-6b366fd9] {
  opacity: 0;
  pointer-events: none;
}
.chatbot-button img[data-v-6b366fd9] {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: all 0.5s ease-in-out;
}
.body[data-v-6b366fd9] {
  display: flex;
  position: static;
  margin: 0;
  padding: 0;
  color: inherit;
  flex-direction: column;
  background-color: white;
  border: solid 2px var(--primary-color);
  border-radius: 28px;
  overflow: hidden;
  width: min(400px, calc(100vw - 32px));
  max-height: min(620px, calc(100vh - 32px));
  max-height: min(620px, calc(100dvh - 32px));
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
}
.header[data-v-6b366fd9] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  flex: 0 0 auto;
  background-color: var(--primary-color);
  color: white;
  padding: 16px 18px;
}
.header-actions[data-v-6b366fd9] {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  gap: 4px;
}
.header-brand[data-v-6b366fd9] {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}
.header-brand-text[data-v-6b366fd9] {
  display: flex;
  align-items: center;
  min-width: 0;
}
.header-brand-icon[data-v-6b366fd9] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  border-radius: 50%;
  background: #ffffff;
  overflow: hidden;
}
.header-brand-icon img[data-v-6b366fd9] {
  width: 24px;
  height: 24px;
  object-fit: contain;
  display: block;
}
.header-brand-icon span[data-v-6b366fd9] {
  color: var(--primary-color);
  font-size: 12px;
  font-weight: 800;
}
.header-brand-text h3[data-v-6b366fd9] {
  margin: 0;
  text-align: left;
  color: white;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
  overflow-wrap: anywhere;
}
.header-action-button[data-v-6b366fd9] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: transparent;
  color: white;
  cursor: pointer;
  transition: background-color 0.2s ease, transform 0.2s ease;
}
.header-action-button[data-v-6b366fd9]:hover,
.header-action-button[data-v-6b366fd9]:focus-visible {
  background: rgba(255, 255, 255, 0.18);
  outline: none;
}
.header-action-button[data-v-6b366fd9]:focus-visible {
  box-shadow: 0 0 0 2px #ffffff;
}
.header-restart-button:hover i[data-v-6b366fd9] {
  transform: rotate(180deg);
}
.header-restart-button i[data-v-6b366fd9] {
  transition: transform 0.35s ease;
}
.chat[data-v-6b366fd9] {
  position: relative;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  gap: 10px;
  padding: 15px;
  max-height: min(420px, calc(100vh - 110px));
  max-height: min(420px, calc(100dvh - 110px));
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
}
.chat div[data-v-6b366fd9] {
  max-width: min(300px, 85%);
  border-radius: 20px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  padding: 10px 20px;
  line-height: 1.45;
  overflow-wrap: anywhere;
}
.bot[data-v-6b366fd9] {
  background-color: #E1EFF9;
  align-self: flex-start;
}
.user[data-v-6b366fd9] {
  align-self: flex-end;
}
.text-input-container[data-v-6b366fd9] {
  position: sticky;
  bottom: 0;
  left: 0;
  width: 100%;
  display: flex;
  flex-direction: row;
  gap: 10px;
}
.text-input-container input[data-v-6b366fd9] {
  flex: 1;
  min-width: 0;
  padding: 10px 20px;
  border: solid 2px var(--primary-color);
  border-radius: 100vh;
}
.text-input-container button[data-v-6b366fd9] {
  background-color: var(--primary-color);
  color: white;
  border: none;
  border-radius: 100vh;
  padding: 10px 20px;
  cursor: pointer;
}
.redirect-input-container[data-v-6b366fd9] {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  gap: 10px;
}
.redirect-input-container a[data-v-6b366fd9] {
  padding: 10px 20px;
  background-color: var(--primary-color);
  color: white;
  text-align: center;
  text-decoration: none;
  border-radius: 100vh;
  transition: all 0.2s ease-in-out;
}
.redirect-input-container a[data-v-6b366fd9]:hover {
  background-color: var(--primary-color-hover, var(--primary-color));
}
.option-input-container[data-v-6b366fd9] {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: end;
  gap: 10px;
}
.option-input-container button[data-v-6b366fd9] {
  padding: 10px 20px;
  background-color: var(--primary-color);
  color: white;
  text-align: center;
  text-decoration: none;
  border: 0;
  border-radius: 100vh;
  cursor: pointer;
  font: inherit;
  transition: all 0.2s ease-in-out;
}
.option-input-container button[data-v-6b366fd9]:hover,
.option-input-container button[data-v-6b366fd9]:focus-visible {
  background-color: var(--primary-color-hover, var(--primary-color));
  color: white;
}
@media (max-width:720px) {
.chatbot[data-v-6b366fd9] {
    bottom: 1rem;
    right: 1rem;
    left: 1rem;
}
.hide[data-v-6b366fd9] {
    bottom: -30px;
    left: -30px;
}
.body[data-v-6b366fd9] {
    width: 100%;
}
.chat[data-v-6b366fd9] {
    max-height: calc(100vh - 8rem);
    max-height: calc(100dvh - 8rem);
}
}
@media (max-width: 420px) {
.header[data-v-6b366fd9] {
    padding: 14px;
}
.header-brand-text h3[data-v-6b366fd9] {
    font-size: 16px;
}
.chat[data-v-6b366fd9] {
    padding: 12px;
}
.chat div[data-v-6b366fd9] {
    padding: 10px 14px;
}
.text-input-container[data-v-6b366fd9] {
    gap: 6px;
}
.text-input-container input[data-v-6b366fd9],
  .text-input-container button[data-v-6b366fd9] {
    padding: 10px 14px;
}
}
@media (max-height: 560px) {
.chatbot[data-v-6b366fd9] {
    bottom: 8px;
}
.body[data-v-6b366fd9] {
    max-height: calc(100vh - 16px);
    max-height: calc(100dvh - 16px);
}
.chat[data-v-6b366fd9] {
    max-height: calc(100vh - 86px);
    max-height: calc(100dvh - 86px);
}
}


.modal{display:block !important;position:fixed;top:0;left:0;right:0;bottom:0;z-index:1050;overflow-y:auto;padding:50px 0}@media(max-width: 575px){.modal{padding:12px 0}.modal-dialog{max-height:calc(var(--visual-viewport-height, 100vh) - 24px)}}.modal-dialog{position:relative;display:flex;margin:0 auto;max-height:calc(var(--visual-viewport-height, 100vh) - 100px);pointer-events:none;max-width:500px}.modal-content{position:relative;display:flex;width:100%;max-height:100%;flex-direction:column;min-height:0;background-color:var(--background-base, #fff);color:var(--text-primary, inherit);border:1px solid var(--border-color, rgba(0, 0, 0, 0.2));border-radius:.3rem;box-shadow:0 .25rem .5rem rgba(0,0,0,.5);pointer-events:auto;background-clip:padding-box}.modal-header{display:flex;flex:0 0 auto;align-items:flex-start;justify-content:space-between;padding:1rem 1rem;border-bottom:1px solid var(--border-color, #dee2e6);border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}.modal-body{position:relative;flex:1 1 auto;min-height:0;padding:1rem;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.modal-footer{display:flex;flex:0 0 auto;flex-wrap:wrap;align-items:center;justify-content:flex-end;padding:.75rem;border-top:1px solid var(--border-color, #dee2e6);border-bottom-right-radius:calc(.3rem - 1px);border-bottom-left-radius:calc(.3rem - 1px)}.modal-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000;opacity:.5}.modal-backdrop.show{opacity:.5}.close{padding:0;background-color:rgba(0,0,0,0);border:0;font-size:1.5rem;font-weight:700;line-height:1;color:var(--text-primary, #000);text-shadow:none;opacity:.5;cursor:pointer}.close:hover{color:var(--text-primary, #000);text-decoration:none;opacity:.75}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}@media(max-width: 767px){.modal{padding:0 !important}.modal-dialog{width:100% !important;max-width:100% !important;height:100vh;height:100dvh;margin:0 !important}.modal-content{width:100%;height:100vh;height:100dvh;min-height:100vh;min-height:100dvh;border:0;border-radius:0;display:flex;flex-direction:column}.modal-header{flex:0 0 auto;border-radius:0;padding:16px}.modal-header .close{margin:-4px -4px -4px auto;padding:8px}.modal-body{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.modal-footer{flex:0 0 auto;border-radius:0}.modal-backdrop{display:none}}.mobile-modal-back{display:none}@media(max-width: 767px){.modal-header{display:flex;align-items:center;justify-content:flex-start;gap:12px}.modal-header .mobile-modal-back{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:40px;height:40px;padding:0;border:0;background:rgba(0,0,0,0);font-size:18px;cursor:pointer}.modal-header .desktop-modal-close{display:none}}

label[data-v-14488a12] {
  margin: 0;
}
input[type=file][data-v-14488a12] {
  display: none;
}


/*
label {
  display: block;
}

.text-muted {
  margin: 0;
  font-size: 12px;
}
*/


#sign-up-form-wrapper[data-v-d96913ba] {
  background-color: rgba(255, 255, 255, 0.402);
  border-radius: 6px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
#sign-up-btn[data-v-d96913ba] {
  background-color: var(--primary-color);
  border-color: #ff6624ee;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.23);
  border-radius: 6px;
  transition: background-color 0.3s ease;
  font-size: 1.5rem;
}
#sign-up-btn[data-v-d96913ba]:hover {
  background-color: #ff6524;
  border-color: #ff6524;
}
.btn-melda-orange[data-v-d96913ba]:hover {
  background-color: #833210;
  border-color: #952d00;
}
#sign-up-form-wrapper h4[data-v-d96913ba] {
  font-size: 1rem;
}
#sign-up-form-wrapper .form-group[data-v-d96913ba] {
  padding: 5px !important;
}
.modal[data-v-d96913ba] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal-content[data-v-d96913ba] {
  background-color: white;
  padding: 20px;
  border-radius: 5px;
}
.modal-header[data-v-d96913ba] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.modal-header .close[data-v-d96913ba] {
  background: none;
  border: none;
}
.blurred[data-v-d96913ba] {
  filter: blur(5px);
  transition: filter 0.2s;
  background-color: #0116277b;
}
#data-science-card[data-v-d96913ba] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden;
  min-height: 100vh;
}
#pricing-card[data-v-d96913ba] {
   min-height: 60vh;
}
#styling-wrapper[data-v-d96913ba] {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#data-science-card .lower-half-circle[data-v-d96913ba] {
  background: linear-gradient(
    to bottom,
    #011627 0%,
    #011627 20%,
    #011627 40%,
    #204a6d9e 60%,
    #1d315222 100%
  );
  height: 100%;
  width: 120%;
  border-radius: 0 0 50% 50% / 0 0 100% 100%;
  z-index: 1;
  position: absolute;
  bottom: 40%;
}
.project-mockup[data-v-d96913ba] {
  z-index: 4;
  width: 35%;
  position: relative;
  padding: 2rem;
}
.metrics-container[data-v-d96913ba] {
  z-index: 3;
  position: absolute;
  bottom: 10%;
  width: 50%;
}
.wrapper[data-v-d96913ba] {
  box-shadow: 0px 10px 15px rgba(34, 35, 37, 0.308);
  border: 2px solid rgba(73, 69, 69, 0.262);
  border-radius: 15px;
  padding: 0.5rem;
  max-height: 150px;
}
.metric-item[data-v-d96913ba] {
  position: relative;
}
.metric-item[data-v-d96913ba]:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background-color: rgba(73, 69, 69, 0.262);
}
.text-melda-orange[data-v-d96913ba] {
  color: var(--primary-color);
}
.custom-shadow[data-v-d96913ba] {
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2), 0 6px 6px rgba(0, 0, 0, 0.1);
}
#feature-icon[data-v-d96913ba] {
  font-size: 2rem;
  color: rgb(255, 255, 255);
}
.icon-container[data-v-d96913ba] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 8vh;
  height: 8vh;
  border-radius: 50%;
  background-color: #011627;
}

/* For 4k screen */
@media (min-width: 2560px) {
.metrics-container[data-v-d96913ba] {
    width: 80%;
    bottom: 20%;
}
.information-container h2[data-v-d96913ba] {
    font-size: 9rem !important;
}
.information-container h4[data-v-d96913ba] {
    font-size: 5rem !important;
}
#sign-up-btn[data-v-d96913ba] {
    font-size: 3rem !important;
    margin-top: 2rem !important;
}
.metric-item h2[data-v-d96913ba] {
    font-size: 4rem !important;
}
.lower-half-circle[data-v-d96913ba] {
    width: 100%;
    bottom: 20%;
}
.metric-item p[data-v-d96913ba] {
    font-size: 1.5rem;
}
.project-mockup[data-v-d96913ba] {
    width: 40%;
    padding: 1rem;
}
.information-container[data-v-d96913ba] {
    margin-bottom: 20%;
}
.information-container h2[data-v-d96913ba] {
    font-size: 4rem;
}
}
@media (max-width: 1280px) {
#sign-up-btn[data-v-d96913ba] {
    font-size: 1.25rem;
}
.w-25[data-v-d96913ba] {
    display: none;
}
.metric-item h2[data-v-d96913ba] {
    font-size: 2.5rem;
}
.lower-half-circle[data-v-d96913ba] {
    width: 100%;
    bottom: 15%;
}
.project-mockup[data-v-d96913ba] {
    
    width: 30%;
    padding: 1rem;
}
.metrics-container[data-v-d96913ba] {
    width: 85%;
    bottom: 14%;
    font-size: 0.75rem;
}
}
@media (max-width: 1024px) {
.metrics-container[data-v-d96913ba] {
    width: 70%;
    bottom: 15%;
}
#sign-up-btn[data-v-d96913ba] {
    font-size: 0.5rem;
}
.metric-item h2[data-v-d96913ba] {
    font-size: 0.75rem;
}
.lower-half-circle[data-v-d96913ba] {
    border-radius: 0 0 0% 0% / 0 0 100% 100% !important;
    width: 100%;
    bottom: 5%;
}
.project-mockup[data-v-d96913ba] {
    width: 10% !important;
    max-width: 100%;
    height: auto;
    bottom: 10% !important;
    padding: 1rem;
}
}
@media (max-width: 992px) {
.metrics-container[data-v-d96913ba] {
    width: 85% !important;
    bottom: 15%;
}
#sign-up-btn[data-v-d96913ba] {
    font-size: 1rem;
}
.metric-item h2[data-v-d96913ba] {
    font-size: 2rem !important;
}
.lower-half-circle[data-v-d96913ba] {
    border-radius: 0 0 0% 0% / 0 0 100% 100% !important;
    width: 100%;
    bottom: 5%;
}
.project-mockup[data-v-d96913ba] {
    width: 90% !important;
    bottom: 10% !important;
    position: relative;
    padding: 1rem;
}
}


/* for mac  */
@media (max-width: 840px) {
.metrics-container[data-v-d96913ba] {
    width: 85% !important;
    bottom: 15%;
}
#sign-up-btn[data-v-d96913ba] {
    font-size: 1rem;
}
.metric-item h2[data-v-d96913ba] {
    font-size: 1.5rem !important;
}
.lower-half-circle[data-v-d96913ba] {
    width: 100%;
    bottom: 10%;
}
.project-mockup[data-v-d96913ba] {
    width: 50% !important;
    bottom: 10% !important;
    position: relative;
    padding: 1rem;
}
}
@media (max-width: 768px) {
.metrics-container[data-v-d96913ba] {
    width: 70%;
    bottom: 15%;
}
#sign-up-btn[data-v-d96913ba] {
    font-size: 1rem;
}
.metric-item h2[data-v-d96913ba] {
    font-size: 2rem;
}
.lower-half-circle[data-v-d96913ba] {
    width: 100%;
    bottom: 10%;
}
.project-mockup[data-v-d96913ba] {
    width: 50% !important;
    bottom: 10% !important;
    position: relative;
    padding: 1rem;
}
}
@media (max-width: 576px) {
.metrics-container[data-v-d96913ba] {
    width: 100% !important;
}
.metric-item[data-v-d96913ba] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
#sign-up-btn[data-v-d96913ba] {
    font-size: 0.875rem;
    padding: 0.75rem 1.5rem;
}
.metric-item h2[data-v-d96913ba] {
    font-size: 1.45rem !important;
}
.wrapper[data-v-d96913ba] {
    height: 80%;
    box-shadow: 0px 10px 15px rgba(34, 35, 37, 0) !important;
    border: 2px solid rgba(73, 69, 69, 0) !important;
}
.lower-half-circle[data-v-d96913ba] {
    border-radius: 0 0 0% 0% / 0 0 100% 100% !important;
    width: 100%;
    bottom: 5%;
}
.project-mockup[data-v-d96913ba] {
    width: 65% !important;
    margin-top: 2% !important;
}
.information-container[data-v-d96913ba] {
  
    margin-top: 10% !important;
}
}




#lms-container[data-v-3def3279] {
  background-image: url("/api/images/endless-constellation-blue-second.svg");
  background-position: center;
  border-radius: 6px;
}
#lms-card[data-v-3def3279]::before {
    content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.container[data-v-3def3279] {
  /* max-width: 1600px; */
  /* min-width: 1400px; */
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
#sign-up-btn[data-v-3def3279] {
  background-color: #ff6624ee;
  border-color: #ff6624ee;
}
#sign-up-btn[data-v-3def3279]:hover {
  background-color: #ff6524;
  border-color: #ff6524;
}
.btn-melda-orange[data-v-3def3279]:hover {
  background-color: #833210;
  border-color: #952d00;
}
#lms-card[data-v-3def3279] {
  
  width: 100%;

  background-position: center;
  border-radius: 6px;


  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
#sign-up-form-wrapper[data-v-3def3279] {
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 6px;
  border: 1px solid rgba(255, 255, 255, 0.5);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
@media (max-width: 1200px) {
.container[data-v-3def3279] {
    max-width: 100%;
    padding: 0 30px;
}
#sign-up-form-wrapper[data-v-3def3279] {
    width: 100%;
    padding: 20px;
}
}
@media (max-width: 992px) {
.container[data-v-3def3279] {
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.row[data-v-3def3279] {
    flex-direction: column;
}
.col-md-5[data-v-3def3279], .col-md-6[data-v-3def3279] {
    width: 100%;
}
#sign-up-form-wrapper[data-v-3def3279] {
    max-width: 90%;
}
}
@media (max-width: 768px) {
#lms-card[data-v-3def3279] {
    min-height: 10vh;
}
#lms-container[data-v-3def3279] {
    background-size: cover;
}
.container[data-v-3def3279] {
    max-width: 100vw;
}
#sign-up-form-wrapper[data-v-3def3279] {
    margin-top: 10px;
    max-width: 80vw;
}
#sign-up-form-wrapper h4[data-v-3def3279] {
    font-size: 1.2rem;
}
#sign-up-form-wrapper .form-group[data-v-3def3279] {
    margin-bottom: 10px;
    padding: 10px !important;
}
}
@media (max-width: 576px) {
.container[data-v-3def3279] {
    padding: 0 15px;
}
#sign-up-form-wrapper[data-v-3def3279] {
    max-width: 95%;
}
#sign-up-form-wrapper h4[data-v-3def3279] {
    font-size: 1rem;
}
#sign-up-form-wrapper .form-group[data-v-3def3279] {
    padding: 5px !important;
}
#lms-card-title[data-v-3def3279] {
    font-size: 2rem;
}
}
@media (min-width: 1600px) {
.screenshot-image[data-v-3def3279]:hover {
      transform: scale(2.2);
}
}
@media (min-width: 1600px) {
.screenshot-image[data-v-3def3279]:hover {
      transform: scale(2.2);
}
}



.loaded:before {
  content: "\A0";
}


.dropdown-content {
  position: absolute;
  z-index: 8;
}
.fix-to-right {
  right: 0;
}
.fix-to-bottom {
  bottom: 0;
}


.flow-selection-backdrop[data-v-fd2d376a] {
  position: fixed;
  inset: 0;
  z-index: 200000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  background: rgba(15, 23, 42, 0.65);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.flow-selection-dialog[data-v-fd2d376a] {
  position: fixed;
  top: 50%;
  left: 50%;
  width: min(980px, 100%);
  max-height: min(90vh, 900px);
  margin: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid #dbe5f1;
  border-radius: 22px;
  background: #ffffff;
  color: #1f2937;
  box-shadow: 0 28px 80px rgba(15, 23, 42, 0.26);
  transform: translate(-50%, -50%);
}
.flow-selection-header[data-v-fd2d376a],
.flow-selection-search[data-v-fd2d376a],
.flow-selection-footer[data-v-fd2d376a] {
  flex: 0 0 auto;
  padding: 18px 22px;
}
.flow-selection-header[data-v-fd2d376a] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  border-bottom: 1px solid #e5edf6;
}
.flow-selection-header h2[data-v-fd2d376a] {
  margin: 0;
  font-size: clamp(1.25rem, 2.4vw, 1.8rem);
  line-height: 1.15;
  letter-spacing: 0;
}
.flow-selection-header p[data-v-fd2d376a] {
  margin: 6px 0 0;
  color: #64748b;
  line-height: 1.45;
}
.flow-selection-close[data-v-fd2d376a] {
  width: 40px;
  height: 40px;
  border: 1px solid #dbe5f1;
  border-radius: 12px;
  background: #f8fafc;
  color: #475569;
  cursor: pointer;
}
.flow-selection-search[data-v-fd2d376a] {
  display: flex;
  flex-direction: column;
  gap: 8px;
  border-bottom: 1px solid #e5edf6;
  background: #f8fafc;
}
.flow-selection-search__label[data-v-fd2d376a] {
  margin: 0;
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0;
  color: #475569;
}
.flow-selection-search__controls[data-v-fd2d376a] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 180px;
  gap: 10px;
}
.flow-selection-search__box[data-v-fd2d376a] {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  padding: 0 14px;
  border: 1px solid #d8e2ef;
  border-radius: 14px;
  background: #ffffff;
}
.flow-selection-search__box i[data-v-fd2d376a] {
  color: #64748b;
}
.flow-selection-search input[data-v-fd2d376a],
.flow-selection-search select[data-v-fd2d376a] {
  min-height: 44px;
  border: 0;
  background: #ffffff;
  color: #1f2937;
  font: inherit;
}
.flow-selection-search input[data-v-fd2d376a] {
  min-width: 0;
  width: 100%;
  outline: 0;
}
.flow-selection-search select[data-v-fd2d376a] {
  width: 100%;
  border: 1px solid #d8e2ef;
  border-radius: 14px;
  padding: 0 12px;
}
.flow-selection-filter-chips[data-v-fd2d376a] {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  max-height: 82px;
  overflow-y: auto;
  padding-top: 2px;
}
.flow-selection-filter-chip[data-v-fd2d376a] {
  min-height: 30px;
  border: 1px solid #d8e2ef;
  border-radius: 999px;
  background: #ffffff;
  color: #475569;
  padding: 0 11px;
  font-size: 0.76rem;
  font-weight: 800;
  cursor: pointer;
  transition: background 0.16s ease, border-color 0.16s ease, color 0.16s ease;
}
.flow-selection-filter-chip[data-v-fd2d376a]:hover,
.flow-selection-filter-chip.active[data-v-fd2d376a] {
  border-color: #6d48d8;
  background: #ede9fe;
  color: #4c1d95;
}
.flow-selection-state[data-v-fd2d376a],
.flow-selection-empty[data-v-fd2d376a] {
  min-height: 260px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 30px;
  color: #64748b;
  text-align: center;
}
.flow-selection-empty strong[data-v-fd2d376a] {
  color: #1f2937;
  font-size: 1.1rem;
}
.flow-selection-list[data-v-fd2d376a] {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  display: grid;
  gap: 12px;
  padding: 16px 22px;
}
.flow-selection-item[data-v-fd2d376a] {
  border: 1px solid #dbe5f1;
  border-radius: 16px;
  background: #ffffff;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.06);
}
.flow-selection-item__header[data-v-fd2d376a] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 14px;
  align-items: center;
  padding: 14px;
}
.flow-selection-item__copy[data-v-fd2d376a] {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.flow-selection-item__copy strong[data-v-fd2d376a] {
  overflow: hidden;
  color: #111827;
  font-size: 1rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.flow-selection-item__copy small[data-v-fd2d376a],
.flow-selection-steps-head small[data-v-fd2d376a],
.flow-selection-step__body small[data-v-fd2d376a] {
  color: #64748b;
}
.flow-selection-item__actions[data-v-fd2d376a] {
  display: flex;
  gap: 8px;
}
.flow-selection-item__detail[data-v-fd2d376a],
.flow-selection-item__action[data-v-fd2d376a],
.flow-selection-cancel[data-v-fd2d376a] {
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: 999px;
  padding: 0 14px;
  font-weight: 800;
  cursor: pointer;
}
.flow-selection-item__detail[data-v-fd2d376a],
.flow-selection-cancel[data-v-fd2d376a] {
  border: 1px solid #d8e2ef;
  background: #f8fafc;
  color: #334155;
}
.flow-selection-item__action[data-v-fd2d376a] {
  border: 1px solid #6d48d8;
  background: #6d48d8;
  color: #ffffff;
}
.flow-selection-steps-wrap[data-v-fd2d376a] {
  border-top: 1px solid #e5edf6;
  padding: 0 14px 14px;
}
.flow-selection-steps-head[data-v-fd2d376a] {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 0;
}
.flow-selection-steps[data-v-fd2d376a] {
  display: grid;
  gap: 8px;
}
.flow-selection-step[data-v-fd2d376a] {
  display: grid;
  grid-template-columns: 26px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
  padding: 8px;
  border-radius: 12px;
  background: #f8fafc;
}
.flow-selection-step > span[data-v-fd2d376a] {
  width: 26px;
  height: 26px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #e9ddff;
  color: #5b2fc6;
  font-size: 0.78rem;
  font-weight: 900;
}
.flow-selection-step__body[data-v-fd2d376a] {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.flow-selection-steps-note[data-v-fd2d376a] {
  color: #64748b;
  font-style: normal;
}
.flow-selection-footer[data-v-fd2d376a] {
  display: flex;
  justify-content: flex-end;
  border-top: 1px solid #e5edf6;
}
.flow-selection-response-mode[data-v-fd2d376a] {
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  padding: 24px 22px;
}
.flow-selection-response-mode__intro[data-v-fd2d376a] {
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin-bottom: 18px;
}
.flow-selection-response-mode__intro strong[data-v-fd2d376a] {
  color: #111827;
  font-size: 1.05rem;
}
.flow-selection-response-mode__intro span[data-v-fd2d376a] {
  color: #64748b;
  font-size: 0.9rem;
  line-height: 1.45;
}
.flow-selection-response-mode__options[data-v-fd2d376a] {
  display: grid;
  gap: 10px;
}
.flow-selection-response-mode__option[data-v-fd2d376a] {
  width: 100%;
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) 24px;
  gap: 12px;
  align-items: center;
  padding: 14px;
  border: 1px solid #d8e2ef;
  border-radius: 16px;
  background: #ffffff;
  color: #1f2937;
  text-align: left;
  cursor: pointer;
  transition:
    background 0.16s ease,
    border-color 0.16s ease,
    box-shadow 0.16s ease;
}
.flow-selection-response-mode__option[data-v-fd2d376a]:hover:not(:disabled) {
  border-color: #a78bfa;
  background: #faf9ff;
}
.flow-selection-response-mode__option.active[data-v-fd2d376a] {
  border-color: #6d48d8;
  background: #f5f1ff;
  box-shadow: 0 0 0 2px rgba(109, 72, 216, 0.12);
}
.flow-selection-response-mode__icon[data-v-fd2d376a] {
  width: 44px;
  height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: #f1f5f9;
  color: #475569;
  font-size: 1.05rem;
}
.flow-selection-response-mode__option.active
.flow-selection-response-mode__icon[data-v-fd2d376a] {
  background: #e9ddff;
  color: #5b2fc6;
}
.flow-selection-response-mode__content[data-v-fd2d376a] {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.flow-selection-response-mode__content strong[data-v-fd2d376a] {
  font-size: 0.95rem;
}
.flow-selection-response-mode__content small[data-v-fd2d376a] {
  color: #64748b;
  font-size: 0.82rem;
  line-height: 1.4;
}
.flow-selection-response-mode__check[data-v-fd2d376a] {
  color: transparent;
  font-size: 0.9rem;
}
.flow-selection-response-mode__option.active
.flow-selection-response-mode__check[data-v-fd2d376a] {
  color: #6d48d8;
}
.flow-selection-response-mode__actions[data-v-fd2d376a] {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  margin-top: 22px;
}
.flow-selection-response-mode__back[data-v-fd2d376a],
.flow-selection-response-mode__open[data-v-fd2d376a] {
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: 999px;
  padding: 0 16px;
  font-weight: 800;
  cursor: pointer;
}
.flow-selection-response-mode__back[data-v-fd2d376a] {
  border: 1px solid #d8e2ef;
  background: #f8fafc;
  color: #334155;
}
.flow-selection-response-mode__open[data-v-fd2d376a] {
  border: 1px solid #6d48d8;
  background: #6d48d8;
  color: #ffffff;
}
.flow-selection-response-mode__open[data-v-fd2d376a]:disabled {
  opacity: 0.55;
  cursor: not-allowed;
}
@media (max-width: 720px) {
.flow-selection-backdrop[data-v-fd2d376a] {
    align-items: stretch;
    padding: 12px;
}
.flow-selection-dialog[data-v-fd2d376a] {
    width: 100%;
    max-height: min(calc(100dvh - 24px), 900px);
    top: auto;
    left: 0;
    right: 0;
    bottom: 0;
    transform: none;
    border-radius: 26px 26px 0 0;
}
.flow-selection-header[data-v-fd2d376a],
  .flow-selection-search[data-v-fd2d376a]{
    padding: 14px;
}
.flow-selection-footer[data-v-fd2d376a] {
    display: none;
}
.flow-selection-search__controls[data-v-fd2d376a]{
    grid-template-columns: minmax(0, 1fr) auto;
}
.flow-selection-item__header[data-v-fd2d376a] {
    grid-template-columns: 1fr;
}
.flow-selection-item__actions[data-v-fd2d376a] {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.flow-selection-list[data-v-fd2d376a] {
    padding: 12px 14px;
}
.flow-selection-search__label[data-v-fd2d376a]{
    display: none;
}
.flow-selection-filter-chips[data-v-fd2d376a] {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  flex-wrap: nowrap;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}
.flow-selection-filter-chips[data-v-fd2d376a]::-webkit-scrollbar {
  display: none;
}
.flow-selection-filter-chip[data-v-fd2d376a] {
  flex: 0 0 auto;
}
.flow-selection-response-mode[data-v-fd2d376a] {
    padding: 18px 14px;
}
.flow-selection-response-mode__option[data-v-fd2d376a] {
    grid-template-columns: 40px minmax(0, 1fr) 20px;
    padding: 12px;
}
.flow-selection-response-mode__icon[data-v-fd2d376a] {
    width: 40px;
    height: 40px;
}
.flow-selection-response-mode__content small[data-v-fd2d376a] {
    font-size: 0.78rem;
}
.flow-selection-response-mode__actions[data-v-fd2d376a] {
    margin-top: 16px;
}
}
@media (max-width: 1100px) and (max-height: 520px) and (orientation: landscape) {
.flow-selection-backdrop[data-v-fd2d376a] {
    align-items: center;
    padding:
      max(8px, env(safe-area-inset-top))
      max(8px, env(safe-area-inset-right))
      max(8px, env(safe-area-inset-bottom))
      max(8px, env(safe-area-inset-left));
}
.flow-selection-dialog[data-v-fd2d376a] {
    inset: auto;
    top: 50%;
    left: 50%;
    width: min(760px, calc(100vw - 24px));
    max-height: calc(100dvh - 16px);
    border-radius: 18px;
    transform: translate(-50%, -50%);
}
.flow-selection-header[data-v-fd2d376a],
  .flow-selection-search[data-v-fd2d376a] {
    padding: 10px 14px;
}
.flow-selection-header[data-v-fd2d376a] {
    align-items: center;
}
.flow-selection-header h2[data-v-fd2d376a] {
    font-size: 1.15rem;
}
.flow-selection-header p[data-v-fd2d376a],
  .flow-selection-search__label[data-v-fd2d376a],
  .flow-selection-footer[data-v-fd2d376a] {
    display: none;
}
.flow-selection-close[data-v-fd2d376a] {
    width: 36px;
    height: 36px;
}
.flow-selection-search[data-v-fd2d376a] {
    gap: 6px;
}
.flow-selection-search__controls[data-v-fd2d376a] {
    grid-template-columns: minmax(0, 1fr) 150px;
}
.flow-selection-search input[data-v-fd2d376a],
  .flow-selection-search select[data-v-fd2d376a] {
    min-height: 38px;
}
.flow-selection-filter-chips[data-v-fd2d376a] {
    max-height: none;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
}
.flow-selection-filter-chips[data-v-fd2d376a]::-webkit-scrollbar {
    display: none;
}
.flow-selection-filter-chip[data-v-fd2d376a] {
    min-height: 28px;
    flex: 0 0 auto;
}
.flow-selection-list[data-v-fd2d376a] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    padding: 10px 14px;
}
.flow-selection-item__header[data-v-fd2d376a] {
    grid-template-columns: minmax(0, 1fr);
    gap: 8px;
    padding: 10px;
}
.flow-selection-item__actions[data-v-fd2d376a] {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.flow-selection-item__detail[data-v-fd2d376a],
  .flow-selection-item__action[data-v-fd2d376a] {
    min-height: 34px;
    padding-inline: 10px;
}
.flow-selection-state[data-v-fd2d376a],
  .flow-selection-empty[data-v-fd2d376a] {
    min-height: 0;
    flex: 1 1 auto;
    padding: 20px;
}
}
@media (max-width: 700px) and (max-height: 520px) and (orientation: landscape) {
.flow-selection-list[data-v-fd2d376a] {
    grid-template-columns: minmax(0, 1fr);
}
}

.instant-meeting-dialog[data-v-5858deac]{width:100%;max-height:inherit;display:flex;flex-direction:column;overflow:hidden;border-radius:16px;background:var(--bz-surface, #fff);color:var(--bz-text, #1f2937)}.instant-meeting-dialog__header[data-v-5858deac]{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid var(--bz-border, #e5e7eb);background:var(--bz-surface-muted, #f8fafc);font-weight:700}.instant-meeting-dialog__header>span[data-v-5858deac]::before{content:"\F03D";margin-right:9px;color:var(--bz-primary);font-family:"Font Awesome 5 Free",sans-serif;font-weight:900}.instant-meeting-dialog__header button[data-v-5858deac]{width:34px;height:34px;border:0;border-radius:9px;background:rgba(0,0,0,0);color:var(--bz-text-secondary, #64748b)}.instant-meeting-dialog__header button[data-v-5858deac]:hover{background:var(--bz-primary-soft)}.instant-meeting-dialog__body[data-v-5858deac]{min-height:0;display:flex;flex:1 1 auto;flex-direction:column;gap:9px;overflow-y:auto;padding:16px 18px}.field-label[data-v-5858deac]{display:flex;align-items:center;gap:8px;margin:0;color:var(--bz-text, #1f2937);font-size:.875rem;font-weight:700}.field-label[data-v-5858deac]::before{content:"\F500";color:var(--bz-primary);font-family:"Font Awesome 5 Free",sans-serif;font-weight:900}.flow-label[data-v-5858deac]{margin-top:5px}.flow-label[data-v-5858deac]::before{content:"\F144"}.invite-input-row[data-v-5858deac]{display:flex;align-items:flex-start;gap:10px}.invite-input-wrapper[data-v-5858deac]{position:relative;min-width:0;flex:1 1 auto}.invite-input-wrapper input[data-v-5858deac]{width:100%;min-height:42px;border:2px solid var(--bz-border, #dbe2ea);border-radius:9px}.invite-input-wrapper input[data-v-5858deac]:focus,.flow-picker[data-v-5858deac]:focus-visible{border-color:var(--bz-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--bz-primary) 12%, transparent);outline:none}.invite-add-btn[data-v-5858deac]{min-width:62px;min-height:42px;border-radius:9px}.invite-loading[data-v-5858deac]{position:absolute;top:14px;right:12px;color:var(--bz-primary)}.invite-suggestions[data-v-5858deac]{margin-top:6px;padding:5px;border:1px solid var(--bz-border, #dbe2ea);border-radius:10px;background:var(--bz-surface, #fff)}.invite-suggestion[data-v-5858deac]{width:100%;display:flex;align-items:center;gap:10px;padding:8px;border:0;border-radius:8px;background:rgba(0,0,0,0);text-align:left}.invite-suggestion[data-v-5858deac]:hover,.invite-suggestion.is-selected[data-v-5858deac]{background:var(--bz-primary-subtle)}.suggestion-avatar[data-v-5858deac]{width:32px;height:32px;display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;border-radius:50%;object-fit:cover}.suggestion-avatar--empty[data-v-5858deac]{background:var(--bz-primary-soft);color:var(--bz-primary)}.suggestion-copy[data-v-5858deac]{min-width:0;display:flex;flex-direction:column}.suggestion-copy strong[data-v-5858deac],.suggestion-copy small[data-v-5858deac]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.suggestion-copy small[data-v-5858deac]{color:var(--bz-text-secondary, #64748b)}.invite-chips[data-v-5858deac]{display:flex;flex-wrap:wrap;gap:6px}.invite-chip[data-v-5858deac]{min-width:0;max-width:100%;display:inline-flex;align-items:center;gap:5px;padding:3px 4px 3px 7px;border:1px solid color-mix(in srgb, var(--bz-primary) 22%, var(--bz-border));border-radius:999px;background:color-mix(in srgb, var(--bz-primary) 6%, #fff);font-size:.78rem;font-weight:700}.invite-chip-avatar[data-v-5858deac]{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;border-radius:50%}.invite-chip-avatar img[data-v-5858deac]{width:100%;height:100%;object-fit:cover}.invite-chip-label[data-v-5858deac]{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.invite-chip button[data-v-5858deac]{width:24px;height:24px;border:0;border-radius:50%;background:rgba(0,0,0,0);color:var(--bz-primary)}.flow-picker[data-v-5858deac]{width:100%;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 13px;border:2px solid var(--bz-border, #dbe2ea);border-radius:10px;background:var(--bz-surface, #fff);color:var(--bz-text, #1f2937);text-align:left}.flow-picker span[data-v-5858deac]{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.field-hint[data-v-5858deac]{display:flex;gap:7px;padding:7px 9px;border-radius:8px;background:var(--bz-surface-muted, #f8fafc);color:var(--bz-text-secondary, #64748b);font-size:.76rem;line-height:1.35}.field-hint[data-v-5858deac]::before{content:"\F05A";color:var(--bz-info);font-family:"Font Awesome 5 Free",sans-serif;font-weight:900}.recording-option[data-v-5858deac]{display:flex;align-items:center;gap:8px;margin:6px 0 0;font-size:.875rem;font-weight:700}.recording-option.disabled[data-v-5858deac]{opacity:.6;cursor:not-allowed}.instant-meeting-dialog__footer[data-v-5858deac]{display:flex;gap:10px;padding:12px 18px 14px;border-top:1px solid var(--bz-border, #e5e7eb);background:var(--bz-surface-muted, #f8fafc)}.instant-meeting-dialog__footer .btn[data-v-5858deac]{min-height:42px;flex:1 1 0;border-radius:10px;font-weight:700}.instant-meeting-dialog__footer .btn-primary[data-v-5858deac]{background:var(--bz-primary);border-color:var(--bz-primary);color:var(--bz-primary-contrast)}@media(max-width: 640px){.instant-meeting-dialog[data-v-5858deac]{max-height:calc(100dvh - 24px);border-radius:16px}.instant-meeting-dialog__body[data-v-5858deac]{padding:14px}}

.notification-center[data-v-e5c645be] {
  width: 340px;
  max-height: 480px;
  background: var(--card-bg-color) !important;
  color: var(--font-color) !important;
  border: 1px solid var(--secondary-color) !important;
  border-radius: 8px;
  box-shadow: 0 8px 24px color-mix(in srgb, var(--dark-color) 18%, transparent) !important;
  overflow: hidden;
}
.nc-header[data-v-e5c645be] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 12px;
  border-bottom: 1px solid var(--secondary-color) !important;
  background: var(--light-color) !important;
}
.nc-title[data-v-e5c645be] {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-weight: 600;
  font-size: 14px;
  color: var(--font-color) !important;
}
.nc-count-badge[data-v-e5c645be] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  border-radius: 999px;
  background: var(--danger-color) !important;
  color: var(--danger-color-contrast, var(--color-white)) !important;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
}
.nc-tools[data-v-e5c645be] {
  display: flex;
  gap: 4px;
  align-items: center;
}
.nc-sound-btn[data-v-e5c645be] {
  width: 28px;
  height: 28px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: var(--light-color) !important;
  border: 1px solid var(--secondary-color) !important;
  color: var(--primary-color) !important;
}
.nc-clear-all[data-v-e5c645be] {
  height: 28px;
  padding: 0 8px;
  font-size: 11px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  color: var(--primary-color) !important;
  background: transparent !important;
  border-color: transparent !important;
}
.nc-close-btn[data-v-e5c645be] {
  width: 28px;
  height: 28px;
  background: var(--light-color) !important;
  border: none;
  color: var(--font-color) !important;
}
.nc-close-btn[data-v-e5c645be]:hover,
.nc-close-btn[data-v-e5c645be]:focus {
  background: var(--secondary-color) !important;
  color: var(--primary-color) !important;
}
.nc-filters[data-v-e5c645be] {
  display: flex;
  gap: 6px;
  padding: 8px 10px;
  border-bottom: 1px solid var(--secondary-color) !important;
}
.nc-filters .btn[data-v-e5c645be] {
  font-size: 12px;
  padding: 4px 10px;
  line-height: 1.4;
}
.nc-filters .btn-primary[data-v-e5c645be] {
  background: var(--secondary-color) !important;
  border-color: var(--secondary-color) !important;
  color: var(--primary-color) !important;
}
.nc-filters .btn-outline-primary[data-v-e5c645be] {
  background: var(--light-color) !important;
  border-color: var(--secondary-color) !important;
  color: var(--font-color) !important;
}
.nc-list[data-v-e5c645be] {
  max-height: 380px;
  overflow-y: auto;
  padding: 6px 0;
}
.nc-loading[data-v-e5c645be],
.nc-empty[data-v-e5c645be] {
  padding: 24px 16px;
  text-align: center;
  color: color-mix(in srgb, var(--dark-color) 64%, var(--light-color)) !important;
}
.nc-group[data-v-e5c645be] {
  padding: 0 10px 6px;
}
.nc-group-title[data-v-e5c645be] {
  font-size: 12px;
  color: color-mix(in srgb, var(--dark-color) 64%, var(--light-color)) !important;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  margin: 8px 0 4px;
}
.nc-item[data-v-e5c645be] {
  display: flex;
  gap: 8px;
  padding: 8px;
  border-radius: 8px;
  background: var(--light-color) !important;
  color: var(--font-color) !important;
  border: 1px solid var(--secondary-color) !important;
  transition: background 0.2s ease;
}
.nc-item.unread[data-v-e5c645be] {
  background: color-mix(in srgb, var(--secondary-color) 65%, var(--light-color)) !important;
  border-color: var(--secondary-color) !important;
}
.nc-item.archived[data-v-e5c645be] {
  opacity: 0.88;
}
.nc-item + .nc-item[data-v-e5c645be] {
  margin-top: 4px;
}
.nc-item-icon[data-v-e5c645be] {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: var(--secondary-color) !important;
  color: var(--primary-color) !important;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
}
.nc-item-content[data-v-e5c645be] {
  flex: 1;
}
.nc-item-title[data-v-e5c645be] {
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 2px;
  color: var(--font-color) !important;
}
.nc-item-body[data-v-e5c645be] {
  font-size: 11px;
  color: color-mix(in srgb, var(--dark-color) 72%, var(--light-color)) !important;
}
.nc-item-meta[data-v-e5c645be] {
  display: flex;
  gap: 6px;
  align-items: center;
  margin-top: 4px;
  font-size: 10px;
  color: color-mix(in srgb, var(--dark-color) 56%, var(--light-color)) !important;
}
.nc-item-actions[data-v-e5c645be],
.nc-item-controls[data-v-e5c645be] {
  display: flex;
  gap: 4px;
  flex-wrap: wrap;
  margin-top: 4px;
}
.nc-item-controls[data-v-e5c645be] {
  justify-content: flex-end;
}
.nc-icon-btn[data-v-e5c645be] {
  width: 24px;
  height: 24px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  color: var(--primary-color) !important;
}
.nc-icon-btn[data-v-e5c645be]:hover {
  background: color-mix(in srgb, var(--secondary-color) 65%, var(--light-color)) !important;
  text-decoration: none;
}
.nc-clear-action[data-v-e5c645be] {
  color: var(--primary-color) !important;
}
.nc-icon-btn.text-danger[data-v-e5c645be]:hover {
  background: color-mix(in srgb, var(--danger-color) 12%, var(--light-color)) !important;
  color: var(--danger-color) !important;
}
.nc-icon-btn.text-danger[data-v-e5c645be] {
  color: var(--danger-color) !important;
}
.nc-item-controls .btn-link[data-v-e5c645be] {
  padding: 0;
  font-size: 11px;
}
.nc-item-actions .btn[data-v-e5c645be] {
  padding: 4px 10px;
  font-size: 12px;
  line-height: 1.4;
}
.nc-more[data-v-e5c645be] {
  padding: 8px 10px 12px;
  text-align: center;
}
.nc-more .btn-outline-secondary[data-v-e5c645be] {
  background: var(--light-color) !important;
  border-color: var(--secondary-color) !important;
  color: var(--primary-color) !important;
}
.nc-more .btn-outline-secondary[data-v-e5c645be]:hover,
.nc-more .btn-outline-secondary[data-v-e5c645be]:focus {
  background: var(--secondary-color) !important;
  border-color: var(--secondary-color) !important;
  color: var(--primary-color) !important;
}
.notification-center.sidebar-notification-center .nc-header[data-v-e5c645be],
.notification-center.sidebar-notification-center .nc-filters[data-v-e5c645be],
.notification-center.sidebar-notification-center .nc-item[data-v-e5c645be],
.notification-center.sidebar-notification-center .nc-more[data-v-e5c645be] {
  background: var(--light-color) !important;
  border-color: var(--secondary-color) !important;
}
.notification-center.sidebar-notification-center .nc-title[data-v-e5c645be],
.notification-center.sidebar-notification-center .nc-item-title[data-v-e5c645be] {
  color: var(--font-color) !important;
}
.notification-center.sidebar-notification-center .nc-loading[data-v-e5c645be],
.notification-center.sidebar-notification-center .nc-empty[data-v-e5c645be],
.notification-center.sidebar-notification-center .nc-group-title[data-v-e5c645be],
.notification-center.sidebar-notification-center .nc-item-body[data-v-e5c645be],
.notification-center.sidebar-notification-center .nc-item-meta[data-v-e5c645be] {
  color: color-mix(in srgb, var(--dark-color) 64%, var(--light-color)) !important;
}
.notification-center.sidebar-notification-center .nc-item-icon[data-v-e5c645be] {
  background: var(--secondary-color) !important;
  color: var(--primary-color) !important;
}
.notification-center.sidebar-notification-center .nc-item.unread[data-v-e5c645be] {
  background: color-mix(in srgb, var(--secondary-color) 65%, var(--light-color)) !important;
  border-color: var(--secondary-color) !important;
}
.notification-center.sidebar-notification-center .nc-filters .btn-primary[data-v-e5c645be] {
  background: var(--secondary-color) !important;
  border-color: var(--secondary-color) !important;
  color: var(--primary-color) !important;
}
.notification-center.sidebar-notification-center .nc-filters .btn-outline-primary[data-v-e5c645be] {
  background: var(--light-color) !important;
  border-color: var(--secondary-color) !important;
  color: var(--font-color) !important;
}
.notification-center.sidebar-notification-center .nc-sound-btn[data-v-e5c645be],
.notification-center.sidebar-notification-center .nc-clear-all[data-v-e5c645be],
.notification-center.sidebar-notification-center .nc-close-btn[data-v-e5c645be],
.notification-center.sidebar-notification-center .nc-icon-btn[data-v-e5c645be] {
  background: var(--light-color) !important;
  border-color: var(--secondary-color) !important;
  color: var(--primary-color) !important;
}
.notification-center.sidebar-notification-center .nc-icon-btn.text-danger[data-v-e5c645be] {
  color: var(--danger-color) !important;
}
.notification-center.sidebar-notification-center .nc-more .btn-outline-secondary[data-v-e5c645be] {
  background: var(--light-color) !important;
  border-color: var(--secondary-color) !important;
  color: var(--primary-color) !important;
}
.notification-center--mobile[data-v-e5c645be] {
  width: 100%;
  max-height: none;
  border: 0;
  border-radius: 10px;
  box-shadow: none;
  color: var(--font-color) !important;
}
.notification-center--mobile .nc-header[data-v-e5c645be] {
  padding: 10px 10px 8px;
  background: var(--light-color) !important;
}
.notification-center--mobile .nc-title[data-v-e5c645be] {
  font-size: 13px;
}
.notification-center--mobile .nc-tools[data-v-e5c645be] {
  gap: 2px;
}
.notification-center--mobile .nc-sound-btn[data-v-e5c645be],
.notification-center--mobile .nc-clear-all[data-v-e5c645be],
.notification-center--mobile .nc-close-btn[data-v-e5c645be] {
  width: 26px;
  height: 26px;
  min-width: 26px;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: transparent !important;
  box-shadow: none;
  color: var(--primary-color) !important;
  font-size: 11px;
}
.notification-center--mobile .nc-sound-btn[data-v-e5c645be]:hover,
.notification-center--mobile .nc-sound-btn[data-v-e5c645be]:focus,
.notification-center--mobile .nc-clear-all[data-v-e5c645be]:hover,
.notification-center--mobile .nc-clear-all[data-v-e5c645be]:focus,
.notification-center--mobile .nc-close-btn[data-v-e5c645be]:hover,
.notification-center--mobile .nc-close-btn[data-v-e5c645be]:focus {
  background: color-mix(in srgb, var(--secondary-color) 65%, var(--light-color)) !important;
  color: var(--primary-color) !important;
}
.notification-center--mobile .nc-clear-all[data-v-e5c645be]:disabled {
  background: transparent;
  color: color-mix(in srgb, var(--dark-color) 56%, var(--light-color)) !important;
  opacity: 0.45;
}
.notification-center--mobile .nc-clear-label[data-v-e5c645be] {
  display: none;
}
.notification-center--mobile .nc-filters[data-v-e5c645be] {
  gap: 2px;
  margin: 6px 10px 8px;
  padding: 2px;
  border: 0;
  border-radius: 999px;
  background: var(--light-color) !important;
}
.notification-center--mobile .nc-filters .btn[data-v-e5c645be] {
  flex: 1;
  min-height: 26px;
  padding: 4px 8px;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: var(--font-color) !important;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.2;
  box-shadow: none;
}
.notification-center--mobile .nc-filters .btn-primary[data-v-e5c645be] {
  background: var(--secondary-color) !important;
  border-color: var(--secondary-color) !important;
  color: var(--primary-color) !important;
  box-shadow: 0 1px 2px color-mix(in srgb, var(--dark-color) 12%, transparent) !important;
}
.notification-center--mobile .nc-filters .btn-outline-primary[data-v-e5c645be]:hover,
.notification-center--mobile .nc-filters .btn-outline-primary[data-v-e5c645be]:focus {
  background: color-mix(in srgb, var(--secondary-color) 35%, var(--light-color)) !important;
  color: var(--primary-color) !important;
}
.notification-center--mobile .nc-list[data-v-e5c645be] {
  max-height: calc(100vh - 170px);
  padding: 4px 0 8px;
}
.notification-center--mobile .nc-loading[data-v-e5c645be],
.notification-center--mobile .nc-empty[data-v-e5c645be] {
  padding: 22px 14px;
  font-size: 11.5px;
  line-height: 1.45;
}
.notification-center--mobile .nc-group[data-v-e5c645be] {
  padding: 0 8px 4px;
}
.notification-center--mobile .nc-item[data-v-e5c645be] {
  gap: 6px;
  padding: 6px;
  border-radius: 6px;
}
.notification-center--mobile .nc-item-title[data-v-e5c645be] {
  font-size: 11.5px;
  line-height: 1.25;
  margin-bottom: 1px;
}


.notification-bell[data-v-749528be] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 0;
  border: 0;
  border-radius: 999px;
  color: rgba(255, 255, 255, 0.85);
  background: transparent;
  cursor: pointer;
  text-decoration: none;
  transition:
    background-color 0.18s ease,
    color 0.18s ease,
    transform 0.18s ease,
    box-shadow 0.18s ease;
}
.notification-bell[data-v-749528be]:hover,
.notification-bell[data-v-749528be]:focus-visible {
  color: #ffffff;
  background: rgba(255, 255, 255, 0.12);
  transform: translateY(-1px);
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.08);
}
.notification-bell[data-v-749528be]:focus-visible {
  outline: none;
}
.notification-bell-icon[data-v-749528be] {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}
.notification-bell .fa-bell[data-v-749528be] {
  font-size: 18px;
}
.notification-bell-count[data-v-749528be] {
  position: absolute;
  top: -7px;
  right: -9px;
  min-width: 17px;
  height: 17px;
  padding: 0 4px;
  border-radius: 999px;
  background: #d6336c;
  color: #ffffff;
  font-size: 10px;
  font-weight: 700;
  line-height: 17px;
  text-align: center;
  white-space: nowrap;
  box-shadow: 0 0 0 2px var(--navbar-color, #011627);
}
.notification-bell.active[data-v-749528be] {
  background: rgba(214, 51, 108, 0.14);
}
.notification-bell.active i[data-v-749528be] {
  color: #d6336c;
  animation: bell-pulse-749528be 1.6s infinite;
}
@keyframes bell-pulse-749528be {
0% {
    transform: scale(1);
}
50% {
    transform: scale(1.1);
}
100% {
    transform: scale(1);
}
}


:target {
  animation: target-fade 3s;
}
@keyframes target-fade {
from {
    background-color: yellow;
}
to {
    background-color: #f27315;
}
}


#nav[data-v-a37b2a20] {
  min-height: 60px;
  position: sticky;
  top: 0;
  background-color: var(--navbar-color);
  z-index: 50;
}
h5[data-v-a37b2a20] {
  text-align: center;
  font-size: 28px;
  font-weight: bold;
}
.quick-start-modal-header[data-v-a37b2a20] {
  display: flex;
  color: #007bff;

  justify-content: center;
  align-items: center;
}
.card-deck a[data-v-a37b2a20] {
  text-decoration: none;
}
.card-deck a[data-v-a37b2a20]:hover {
  text-decoration: none;
}
.card[data-v-a37b2a20] {
  border-radius: 12px;
  transition: box-shadow 0.3s ease;
  background-color: var(--background-secondary, #f4f3f3a0);
  border: 1.2px solid var(--border-color, #8a8a8a);
  height: calc(100% - 20px);
  width: 100%;
  padding: 1px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}
@keyframes tiny-swirl-a37b2a20 {
0% {
    transform: rotate(0deg);
}
25% {
    transform: rotate(2deg);
}
50% {
    transform: rotate(-3deg);
}
75% {
    transform: rotate(2deg);
}
100% {
    transform: rotate(0deg);
}
}
.card[data-v-a37b2a20]:hover {
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  animation: tiny-swirl-a37b2a20 0.5s ease-in-out;
  animation-iteration-count: 1;
  transform-origin: center;
}
.card-img-top[data-v-a37b2a20] {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  height: 200px;
  width: 100%;
  max-width: 100%;
  border: 1px solid var(--border-color, #8a8a8a);
}
.card-body[data-v-a37b2a20] {
  padding: 10px;
}
.card-title[data-v-a37b2a20] {
  font-size: 1.2rem;
  font-weight: bold;
  text-align: center;
}
.card-text[data-v-a37b2a20] {
  font-size: 1rem;
  color: var(--text-secondary, #555);
}
.stage-edit[data-v-a37b2a20] {
  margin-right: 20px;
}
.view.overlay[data-v-a37b2a20] {
  position: relative;
}
.view.overlay:hover .mask[data-v-a37b2a20] {
  opacity: 1;
}
.view.overlay:hover .card-img-top[data-v-a37b2a20] {
  filter: brightness(90%);
}
.view-overlay .card-title[data-v-a37b2a20] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
@media only screen and (max-width: 768px) {
.card-deck[data-v-a37b2a20] {
    display: flex;
    flex-direction: column;
}
}
#nav .navbar-item[data-v-a37b2a20] {
  margin: 0 15px;
}
@media only screen and (max-width: 768px) {
#nav .navbar-item[data-v-a37b2a20] {
    margin: 0;
}
}
.navbar-dark .navbar-nav .nav-link[data-v-a37b2a20] {
  color: #ffffffcc !important;
}
.navbar-brand[data-v-a37b2a20] {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
}
.melda-logo[data-v-a37b2a20] {
  height: 32px;
  width: auto;
  max-width: 140px;
  flex-shrink: 1;
}
.navbar-brand-logo[data-v-a37b2a20] {
  height: 40px;
  max-width: 160px;
}
.navbar-brand-logo--home[data-v-a37b2a20] {
  height: 52px;
  max-width: 190px;
}
.navbar-brand-wordmark[data-v-a37b2a20] {
  display: inline-flex;
  align-items: center;
  color: #ffffff;
  font-size: 1.05rem;
  font-weight: 800;
  letter-spacing: 0.01em;
  line-height: 1;
  white-space: nowrap;
}
.navbar-brand-wordmark-image[data-v-a37b2a20] {
  width: auto;
  max-width: 190px;
  max-height: 34px;
  object-fit: contain;
}
#version[data-v-a37b2a20] {
  font-size: 8px;
  position: absolute;
}
.text-box[data-v-a37b2a20] {
  width: 100%;
  height: 300px;
  line-height: 3em;
  overflow: auto;
  padding: 5px 5px;
  float: right;
  align-items: center;
  justify-content: center;
}
*[data-v-a37b2a20] {
  box-sizing: border-box;
}
.tab[data-v-a37b2a20] {
  float: left;
  width: 15%;
  background-color: var(--background-secondary, #f1f1f1);
}
.tab button[data-v-a37b2a20] {
  display: block;
  background-color: inherit;
  color: var(--text-primary, black);
  padding: 22px 16px;
  width: 100%;
  border: none;
  outline: none;
  text-align: left;
  cursor: pointer;
  transition: 0.3s;
}
.tab button[data-v-a37b2a20]:hover {
  background-color: var(--hover-overlay, #ddd);
}
.tab button.active[data-v-a37b2a20] {
  background-color: var(--active-overlay, #ccc);
}
.tabcontent[data-v-a37b2a20] {
  float: left;
  padding: 0px 0px;
  border: 1px solid var(--border-color, #ccc);
  width: 85%;
  height: 100%;
}
.multiline[data-v-a37b2a20] {
  overflow-wrap: break-word;
  max-width: 200px;
}
.language[data-v-a37b2a20] {
  z-index: 1;
  margin-top: 50px;
}
.notification[data-v-a37b2a20] {
  overflow-y: auto !important;
  max-height: 250px;
}
.white-color[data-v-a37b2a20] {
  color: #fff;
}
.workspace-modal[data-v-a37b2a20] {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  backdrop-filter: blur(10px);
  z-index: 100;
}
@media (max-width: 1200px) {
.workspace-container[data-v-a37b2a20] {
    width: 80% !important;
}
.workspace-body[data-v-a37b2a20] {
    flex-direction: column !important;
}
.workspace-card[data-v-a37b2a20] {
    min-width: 100% !important;
}
}
.workspace-container[data-v-a37b2a20] {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0;
  padding: 30px 30px;
  gap: 20px;
  background-color: var(--background-base, white);
  color: var(--text-primary, inherit);
  border-radius: 20px;
}
.workspace-header h1[data-v-a37b2a20] {
  font-size: 1.5rem;
  font-weight: bold;
  margin: 0;
}
.workspace-body[data-v-a37b2a20] {
  position: relative;
  display: flex;
  flex-direction: row;
  gap: 20px;
}
.workspace-card[data-v-a37b2a20] {
  position: relative;
  cursor: pointer;
  width: 100%;
  min-width: 400px;
  display: flex;
  flex-direction: column;
  gap: 25px;
  align-items: center;
  text-align: center;
  background: linear-gradient(
    315deg,
    rgba(163, 216, 255, 1) 0%,
    rgba(228, 240, 248, 1) 100%
  );
  padding: 30px 20px;
  border-radius: 10px;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
  border: rgba(163, 216, 255, 1) solid 2px;
  transition: all ease-in-out 200ms;
}
.workspace-card[data-v-a37b2a20]:hover {
  background: linear-gradient(
    315deg,
    rgba(163, 216, 255, 1) -50%,
    rgba(228, 240, 248, 1) 100%
  );
  border-color: var(--primary-color);
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
}
.workspace-card-icon[data-v-a37b2a20] {
  font-size: 2.5rem;
  color: white;
  background-color: #011627;
  border-radius: 50%;
  aspect-ratio: 1;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.workspace-card h2[data-v-a37b2a20] {
  font-size: 1.5rem;
  text-transform: uppercase;
  color: var(--primary-color);
  font-weight: bold;
  margin: 0;
}
.workspace-card ul[data-v-a37b2a20] {
  list-style: none;
  padding: 0;
  margin: 0;
}
.workspace-card ul li[data-v-a37b2a20] {
  font-size: 1rem;
  color: var(--text-primary, #011627);
  margin-bottom: 10px;
}
.workspace-card span[data-v-a37b2a20] {
  text-transform: lowercase;
  color: var(--text-primary, #011627);
}
.workspace-select[data-v-a37b2a20] {
  position: absolute;
  padding: 5px 20px;
  font-size: 1.2rem;
  top: 100%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: var(--primary-color);
  background-color: var(--primary-color);
  color: white;
  border-radius: 5px;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
  transition: all ease-in-out 200ms;
}
.workspace-select[data-v-a37b2a20]:hover {
  background-color: #011627;
}
.button-hover[data-v-a37b2a20] {
  background-color: var(--primary-color);
  cursor: pointer;
  transition: all ease-in-out 0.2s;
}
.button-hover[data-v-a37b2a20]:hover {
  background-color: #b94b0e;
}
.custom-radio[data-v-a37b2a20] {
  display: flex;
  align-items: center;
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  font-size: 14px;
}
.custom-radio input[data-v-a37b2a20] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.checkmark[data-v-a37b2a20] {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: var(--background-tertiary, #eee);
  border-radius: 50%;
  border: 1px solid var(--border-color-dark, #717171);
}
.custom-radio:hover input ~ .checkmark[data-v-a37b2a20] {
  background-color: var(--hover-overlay, #ccc);
}
.custom-radio input:checked ~ .checkmark[data-v-a37b2a20] {
  background-color: #c9e4fa;
}
.checkmark[data-v-a37b2a20]:after {
  content: "";
  position: absolute;
  display: none;
}
.custom-radio input:checked ~ .checkmark[data-v-a37b2a20]:after {
  display: block;
}
.custom-radio .checkmark[data-v-a37b2a20]:after {
  top: 6px;
  left: 6px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white;
}
.language-picker-icon[data-v-a37b2a20] {
  background-color: #011627;
  border-radius: 50%;
  aspect-ratio: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #5abaaa;
}
.text-selected[data-v-a37b2a20] {
  color: #246f66;
  font-weight: bold;
  border-radius: 5px;
}
.language-picker-box[data-v-a37b2a20] {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  min-height: 44px;
  border-radius: 999px;
  padding: 0.5rem 0.9rem;
  border: 1px solid rgba(255, 255, 255, 0.28);
  box-shadow: none;
  cursor: pointer;
  transition: background-color ease-in-out 200ms;
}
.language-picker-box[data-v-a37b2a20]:hover {
  background: rgba(255, 255, 255, 0.08);
}
.language-picker-dropdown[data-v-a37b2a20] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3px;
  border-radius: 10px;
  padding: 5px 10px;
  border: 1.2px solid var(--border-color-light, #f7f7f7);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}
.language-picker-item[data-v-a37b2a20] {
  padding: 4px !important;
  border-radius: 5px;
  cursor: pointer;
  transition: all ease-in-out 200ms;
}
.language-picker-text[data-v-a37b2a20] {
  font-size: 15px;
  color: var(--text-primary, #011627);
}
.icon-container[data-v-a37b2a20] {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px 0;
  text-decoration: none;
}
.icon-container[data-v-a37b2a20]:hover {
  text-decoration: none;
}
.icon-container i[data-v-a37b2a20] {
  font-size: 100px;
  color: #011627;
}
.nav-link[data-v-a37b2a20] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.nav-get-started[data-v-a37b2a20] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.55rem;
  min-height: 44px;
  color: var(--cta-contrast, #1a1005) !important;
  background: var(--cta-surface, #f27319);
  border: 1px solid rgba(255, 255, 255, 0.28);
  border-radius: 999px;
  padding: 0.5rem 1.25rem !important;
  font-weight: 700;
  letter-spacing: 0.01em;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3),
    0 1px 2px rgba(23, 15, 3, 0.2),
    0 4px 10px rgba(23, 15, 3, 0.18);
  transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease;
}
.nav-get-started[data-v-a37b2a20]:hover,
.nav-get-started[data-v-a37b2a20]:focus {
  color: var(--cta-contrast, #1a1005) !important;
  text-decoration: none;
  transform: translateY(-1px);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.34),
    0 2px 4px rgba(23, 15, 3, 0.24),
    0 8px 18px rgba(23, 15, 3, 0.22);
  filter: saturate(1.04);
}
.nav-get-started[data-v-a37b2a20]:focus-visible {
  outline: 2px solid rgba(255, 255, 255, 0.75);
  outline-offset: 2px;
}
.nav-get-started i[data-v-a37b2a20] {
  font-size: 0.85em;
  transition: transform 0.2s ease;
}
.nav-get-started:hover i[data-v-a37b2a20],
.nav-get-started:focus i[data-v-a37b2a20] {
  transform: translateX(3px);
}
.navbar-auth-actions[data-v-a37b2a20] {
  align-items: center;
  gap: 0.75rem;
}
.navbar-nav.ml-2[data-v-a37b2a20] {
  align-items: center;
}
.nav-upgrade-plan[data-v-a37b2a20] {
  margin-right: 0.35rem;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  min-height: 44px;
  padding: 0.5rem 1.1rem !important;
  overflow: visible;
  border: 1px solid rgba(255, 255, 255, 0.45);
  border-radius: 999px;
  background: var(--cta-surface, #f27319);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3),
    0 1px 2px rgba(23, 15, 3, 0.2),
    0 4px 10px rgba(23, 15, 3, 0.18);
  color: var(--cta-contrast, #1a1005) !important;
  font-size: 0.82rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease;
}
.nav-upgrade-plan[data-v-a37b2a20]:hover,
.nav-upgrade-plan[data-v-a37b2a20]:focus {
  color: var(--cta-contrast, #1a1005) !important;
  text-decoration: none;
  transform: translateY(-1px);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.34),
    0 2px 4px rgba(23, 15, 3, 0.24),
    0 8px 18px rgba(23, 15, 3, 0.22);
  filter: saturate(1.08);
}
.nav-upgrade-plan[data-v-a37b2a20]:focus-visible {
  outline: 2px solid rgba(255, 255, 255, 0.85);
  outline-offset: 2px;
}
.nav-upgrade-plan__icon[data-v-a37b2a20] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.18);
}
.nav-sign-in[data-v-a37b2a20] {
  font-weight: 600;
  opacity: 0.85;
  white-space: nowrap;
}
.nav-sign-in[data-v-a37b2a20]:hover,
.nav-sign-in[data-v-a37b2a20]:focus {
  opacity: 1;
  text-decoration: none;
}
.product-menu[data-v-a37b2a20] {
  min-width: 20rem;
  padding: 0.4rem;
}
.product-menu-item[data-v-a37b2a20] {
  display: block;
  white-space: normal;
  padding: 0.6rem 0.75rem;
  border-radius: 0.4rem;
}
.product-menu-name[data-v-a37b2a20] {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  font-weight: 600;
  line-height: 1.3;
}
.product-menu-description[data-v-a37b2a20] {
  display: block;
  margin-top: 0.15rem;
  color: var(--text-secondary, #6b7280);
  font-size: 0.8125rem;
  line-height: 1.35;
}
.product-menu-external-icon[data-v-a37b2a20] {
  font-size: 0.7em;
  opacity: 0.6;
}
.product-menu-item--external[data-v-a37b2a20] {
  border-top: 1px solid var(--border-color, #e5e7eb);
  margin-top: 0.3rem;
  padding-top: 0.7rem;
}
.navbar-mobile-product > a[data-v-a37b2a20] {
  display: block;
  width: 100%;
}
@media (max-width: 1080px) {
#version[data-v-a37b2a20] {
    display: none !important;
}
}
.navbar[data-v-a37b2a20] {
  padding-left: 1rem;
  padding-right: 1rem;
}
@media (max-width: 1024px) {
.container-fluid[data-v-a37b2a20] {
    display: none !important;
}
.navbar-mobile[data-v-a37b2a20] {
    display: block !important;
    width: 100%;
}
}
.navbar-mobile[data-v-a37b2a20] {
  display: none;
}
.navbar-mobile-main[data-v-a37b2a20] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.navbar-mobile-brand-wordmark[data-v-a37b2a20] {
  /* min-width lets it give way in the row. Without it the wordmark held its
     full width and the row simply clipped it mid letter. */
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #ffffff;
  font-size: 0.76rem;
  font-weight: 800;
  line-height: 1;
  max-width: min(132px, 44vw);
}
.navbar-mobile-brand[data-v-a37b2a20] {
  max-width: calc(100% - 150px);
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}
.navbar-mobile-main .navbar-mobile-brand[data-v-a37b2a20] {
  position: static;
  transform: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  justify-self: center !important;
  gap: 0.4rem;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
}
.navbar-mobile-brand-logo[data-v-a37b2a20] {
  height: 30px;
  max-width: 48px;
  object-fit: contain;
  flex: 0 0 auto;
}
.navbar-mobile-brand-wordmark img[data-v-a37b2a20] {
  /* Scales down with the space it is given instead of being cut off. */
  width: 100%;
  max-width: min(128px, 44vw);
  max-height: 21px;
  object-fit: contain;
  display: block;
}
.navbar-mobile-right[data-v-a37b2a20] {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: end;
  gap: 0.5rem;
}
.navbar-mobile-button[data-v-a37b2a20] {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  font-size: 1.35rem;
  background-color: transparent;
  border: none;
  color: white;
  padding: 0;
}
.navbar-mobile-avatar[data-v-a37b2a20] {
  display: flex;
  justify-content: center;
  align-items: center;
}
.navbar-mobile-notification-counter span[data-v-a37b2a20] {
  position: absolute;
  top: 4px;
  right: 4px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--primary-color);
  transform: translate(30%, -30%);
}
.navbar-mobile-hamburger[data-v-a37b2a20] {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 0 1rem;
  padding-bottom: 0.5rem;
  background-color: var(--navbar-color);
  color: white;
  max-height: calc(100vh - 60px);
  overflow-y: auto;
}
.navbar-mobile-hamburger--notifications[data-v-a37b2a20] {
  padding: 0.75rem;
  gap: 0;
}
.navbar-mobile-item[data-v-a37b2a20] {
  display: flex;
  align-items: center;
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 1rem;
}
.navbar-mobile-item *[data-v-a37b2a20] {
  color: white;
  text-decoration: none;
  margin: 0;
  margin-right: 1rem;
}
.navbar-mobile-plan-link[data-v-a37b2a20] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}

/* Same badge the sidebar uses, so the plan row reads the same on every surface. */
.navbar-mobile-plan-badge[data-v-a37b2a20] {
  flex: 0 0 auto;
  padding: 3px 9px;
  border-radius: 999px;
  background: var(--cta-surface, #f27319);
  color: var(--cta-contrast, #1a1005);
  font-size: 0.68rem;
  font-weight: 800;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.navbar-mobile-row-link[data-v-a37b2a20] {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 44px;
  margin-right: 0 !important;
}
.navbar-mobile-cta[data-v-a37b2a20] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  width: 100%;
  margin-right: 0 !important;
  padding: 0.45rem 0.6rem;
  border-radius: 18px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: var(--cta-surface, #f27319);
  font-size: 0.9rem;
  font-weight: 600;
  box-shadow: 0 8px 18px rgba(143, 47, 9, 0.26);
  color: var(--cta-contrast, #1a1005);
  height: 22px !important;
}
.navbar-mobile-cta i[data-v-a37b2a20] {
  font-size: 0.95em;
}
.navbar-mobile-dropdown[data-v-a37b2a20] {
  display: flex;
  flex-direction: column;
  padding-left: 1rem;
}
.navbar-mobile-dropdown *[data-v-a37b2a20] {
  font-size: 1.25rem !important;
  font-weight: 200 !important;
  margin-bottom: 0.75rem !important;
}
.navbar-mobile-divider[data-v-a37b2a20] {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  margin-bottom: 1rem;
}
.navbar-mobile-selected[data-v-a37b2a20] {
  flex: 1;
  display: flex;
  justify-content: end;
  align-items: center;
  margin: 0;
}
.navbar-mobile-selected p[data-v-a37b2a20] {
  color: var(--primary-color, #8f2f09);
  font-weight: 200;
  margin: 0;
}
.navbar-mobile-notifications[data-v-a37b2a20] {
  display: flex;
  flex-direction: column;
}
.navbar-mobile-notification[data-v-a37b2a20] {
  display: flex;
  flex-direction: column;
  margin-bottom: 1rem;
  background-color: var(--background-secondary, #e1eff9);
  color: var(--text-primary, #011627);
  padding: 1rem;
  border-radius: 0.5rem;
}
.navbar-mobile-notification-info[data-v-a37b2a20] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.5rem;
}
.navbar-mobile-notification-info i[data-v-a37b2a20] {
  font-size: 1.5rem;
  margin: 0;
}
.navbar-mobile-notification-info p[data-v-a37b2a20] {
  margin: 0;
  color: rgba(1, 22, 39, 0.72);
  font-size: 1rem;
}
.navbar-mobile-notification-message[data-v-a37b2a20] {
  margin-bottom: 0.75rem;
}
.navbar-mobile-notification-message p[data-v-a37b2a20] {
  margin: 0;
  font-size: 1.25rem;
}
.navbar-mobile-notification-actions[data-v-a37b2a20] {
  display: flex;
}
.navbar-mobile-notification-actions button[data-v-a37b2a20] {
  border: none;
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  margin-right: 0.5rem;
}
.navbar-mobile-notification-center.notification-center[data-v-a37b2a20] {
  width: 100%;
  max-height: none;
  border: 0;
  border-radius: 10px;
  box-shadow: none;
  color: var(--text-primary, #212529);
  overflow: hidden;
}
.navbar-mobile-notification-center[data-v-a37b2a20] .nc-header {
  align-items: center;
  background: var(--background-base, #ffffff);
  border-bottom: 1px solid rgba(15, 23, 42, 0.08);
  padding: 10px 10px 8px;
}
.navbar-mobile-notification-center[data-v-a37b2a20] .nc-title {
  display: inline-flex;
  color: var(--text-primary, #212529) !important;
  font-size: 13px;
  font-weight: 700;
}
.navbar-mobile-notification-center[data-v-a37b2a20] .nc-tools {
  align-items: center;
  justify-content: flex-end;
  gap: 2px;
  padding-left: 8px;
}
.navbar-mobile-notification-center[data-v-a37b2a20] .nc-item-icon {
  width: 18px;
  height: 18px;
  color: var(--text-secondary, #495057) !important;
}
.navbar-mobile-notification-center[data-v-a37b2a20] .nc-item-icon i {
  font-size: 10px;
  color: var(--text-secondary, #495057) !important;
}
.navbar-mobile-notification-center[data-v-a37b2a20] .nc-item-title {
  color: var(--text-primary, #212529) !important;
  font-size: 11.5px;
  line-height: 1.25;
  margin-bottom: 1px;
}
.navbar-mobile-notification-center[data-v-a37b2a20] .nc-item-body {
  color: var(--text-secondary, #495057) !important;
  font-size: 10.5px;
  line-height: 1.35;
}
.navbar-mobile-notification-center[data-v-a37b2a20] .nc-item-meta {
  color: var(--text-tertiary, #6c757d) !important;
  margin-top: 2px;
}
.navbar-mobile-notification-center[data-v-a37b2a20] .nc-group-title {
  color: var(--text-tertiary, #6c757d) !important;
  font-size: 10px;
  margin: 4px 0 3px;
}
.navbar-mobile-notification-center[data-v-a37b2a20] .nc-loading,
.navbar-mobile-notification-center[data-v-a37b2a20] .nc-empty {
  color: var(--text-tertiary, #6c757d) !important;
  padding: 18px 12px;
  font-size: 11.5px;
  line-height: 1.45;
}
.navbar-mobile-notification-center[data-v-a37b2a20] .nc-sound-btn,
.navbar-mobile-notification-center[data-v-a37b2a20] .nc-clear-all,
.navbar-mobile-notification-center[data-v-a37b2a20] .nc-close-btn,
.navbar-mobile-notification-center[data-v-a37b2a20] .nc-icon-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  min-width: 26px;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--text-secondary, #495057) !important;
  font-size: 11px;
  line-height: 1;
}
.navbar-mobile-notification-center[data-v-a37b2a20] .nc-sound-btn:hover,
.navbar-mobile-notification-center[data-v-a37b2a20] .nc-sound-btn:focus,
.navbar-mobile-notification-center[data-v-a37b2a20] .nc-clear-all:hover,
.navbar-mobile-notification-center[data-v-a37b2a20] .nc-clear-all:focus,
.navbar-mobile-notification-center[data-v-a37b2a20] .nc-close-btn:hover,
.navbar-mobile-notification-center[data-v-a37b2a20] .nc-close-btn:focus,
.navbar-mobile-notification-center[data-v-a37b2a20] .nc-icon-btn:hover,
.navbar-mobile-notification-center[data-v-a37b2a20] .nc-icon-btn:focus {
  background: rgba(15, 23, 42, 0.07) !important;
  color: var(--text-primary, #212529) !important;
  text-decoration: none;
}
.navbar-mobile-notification-center[data-v-a37b2a20] .nc-clear-all:disabled {
  background: transparent !important;
  color: var(--text-tertiary, #6c757d) !important;
  opacity: 0.45;
}
.navbar-mobile-notification-center[data-v-a37b2a20] .nc-clear-label {
  display: none;
}
.navbar-mobile-notification-center[data-v-a37b2a20] .nc-filters {
  gap: 2px;
  margin: 6px 10px 8px;
  padding: 2px;
  border: 0;
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.06);
}
.navbar-mobile-notification-center[data-v-a37b2a20] .nc-filters .btn {
  flex: 1;
  min-height: 26px;
  padding: 4px 8px;
  border: 0 !important;
  border-radius: 999px;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--text-secondary, #495057) !important;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.2;
}
.navbar-mobile-notification-center[data-v-a37b2a20] .nc-filters .btn-primary {
  background: var(--background-base, #ffffff) !important;
  color: var(--text-primary, #212529) !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.12) !important;
}
.navbar-mobile-notification-center[data-v-a37b2a20]
  .nc-filters
  .btn-outline-primary:hover,
.navbar-mobile-notification-center[data-v-a37b2a20]
  .nc-filters
  .btn-outline-primary:focus {
  background: rgba(255, 255, 255, 0.72) !important;
  color: var(--text-primary, #212529) !important;
}
.navbar-mobile-notification-center[data-v-a37b2a20] .nc-list {
  max-height: calc(100vh - 190px);
  padding: 2px 0 6px;
}
.navbar-mobile-notification-center[data-v-a37b2a20] .nc-item + .nc-item {
  margin-top: 3px;
}
.navbar-mobile-notification-center[data-v-a37b2a20] .nc-item-actions,
.navbar-mobile-notification-center[data-v-a37b2a20] .nc-item-controls {
  gap: 3px;
  margin-top: 3px;
}
.navbar-mobile-notification-center[data-v-a37b2a20] .nc-item-actions .btn,
.navbar-mobile-notification-center[data-v-a37b2a20] .nc-item-controls .btn {
  min-height: 24px;
  padding: 2px 7px;
  font-size: 10.5px;
  line-height: 1.2;
}
@keyframes pulse-a37b2a20 {
0% {
    opacity: 1;
}
50% {
    opacity: 0.5;
}
100% {
    opacity: 1;
}
}
.dark-mode-toggle-item[data-v-a37b2a20] {
  display: flex;
  align-items: center;
  gap: 8px;
}
.dark-mode-toggle-item i[data-v-a37b2a20] {
  width: 16px;
  text-align: center;
}
.admin-management-toggle[data-v-a37b2a20] {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  background: transparent;
  border: 0;
  text-align: left;
}
.admin-management-group[data-v-a37b2a20] {
  padding-bottom: 4px;
}
.admin-management-link[data-v-a37b2a20] {
  padding-left: 2rem;
}
.navbar-mobile-dropdown--management[data-v-a37b2a20] {
  padding-left: 1.5rem;
}
.app-sidebar[data-v-a37b2a20] {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 250px;
  background: var(--navbar-color);
  color: #fff;
  transition: width 0.3s ease;
  overflow-y: auto;
  overflow-x: visible;
  z-index: 1000;

  display: flex;
  flex-direction: column;
}
@media (max-width: 768px) {
.app-sidebar[data-v-a37b2a20] {
    display: none;
}
}
.app-sidebar.mini[data-v-a37b2a20] {
  width: 70px !important;
}
.app-sidebar.expanded[data-v-a37b2a20] {
  width: 250px !important;
}
.sidebar-header[data-v-a37b2a20] {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  gap: 8px;
}
.sidebar-brand[data-v-a37b2a20] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  width: 100%;
  gap: 0.55rem;
  color: #ffffff;
  text-decoration: none;
  overflow: hidden;
}
.sidebar-brand[data-v-a37b2a20]:hover {
  color: #ffffff;
  text-decoration: none;
}
.sidebar-brand-logo[data-v-a37b2a20] {
  width: auto;
  height: 36px;
  max-width: 54px;
  object-fit: contain;
  flex: 0 0 auto;
}
.sidebar-brand-wordmark[data-v-a37b2a20] {
  display: inline-flex;
  align-items: center;
  min-width: 0;
  max-width: 150px;
  color: #ffffff;
  font-size: 0.92rem;
  font-weight: 800;
  line-height: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sidebar-brand-wordmark img[data-v-a37b2a20] {
  width: auto;
  max-width: 148px;
  max-height: 28px;
  object-fit: contain;
  display: block;
}
.logo[data-v-a37b2a20] {
  max-width: 100%;
  height: auto;
}
.collapse-btn[data-v-a37b2a20] {
  position: fixed;
  top: 1rem;
  left: calc(250px - 1.125rem);
  width: 2.25rem;
  height: 2.25rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #ffffff;
  border: 1px solid rgba(144, 164, 174, 0.28);
  color: #263238;
  font-size: 1rem;
  cursor: pointer;
  padding: 0;
  border-radius: 50%;
  box-shadow: 0 10px 24px rgba(38, 50, 56, 0.16),
    0 2px 8px rgba(38, 50, 56, 0.08);
  transition: left 0.3s ease, background-color 0.2s ease, box-shadow 0.2s ease,
    transform 0.2s ease;
  z-index: 1002;
  flex-shrink: 0;
}
.app-sidebar.mini .collapse-btn[data-v-a37b2a20] {
  left: calc(70px - 1.125rem);
}
.collapse-btn[data-v-a37b2a20]:hover {
  background: #eceff1;
  box-shadow: 0 14px 30px rgba(38, 50, 56, 0.2),
    0 3px 10px rgba(38, 50, 56, 0.1);
  transform: translateY(-1px);
}
.collapse-btn[data-v-a37b2a20]:focus-visible {
  outline: 2px solid #ffffff;
  outline-offset: 3px;
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--navbar-color) 28%, transparent),
    0 10px 24px rgba(38, 50, 56, 0.16);
}
.app-sidebar.mini .sidebar-header[data-v-a37b2a20] {
  justify-content: center;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.app-sidebar.mini .sidebar-brand[data-v-a37b2a20] {
  justify-content: center;
  width: 100%;
}
.app-sidebar.mini .sidebar-brand-logo[data-v-a37b2a20] {
  height: 36px;
  max-width: 42px;
}
.sidebar-menu[data-v-a37b2a20] {
  list-style: none;
  padding: 0 0.75rem 0.5rem;
  margin: 0;
  flex: 0 0 auto;
}
.sidebar-menu--admin[data-v-a37b2a20] {
  padding-top: 0.5rem;
  border-top: 1px solid rgba(255, 255, 255, 0.14);
}
.sidebar-spacer[data-v-a37b2a20] {
  flex: 1 1 auto;
  min-height: 1rem;
}
.sidebar-utilities[data-v-a37b2a20] {
  padding-top: 0.5rem;
  border-top: 1px solid rgba(255, 255, 255, 0.14);
}
.sidebar-legal[data-v-a37b2a20] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem;
  padding: 0.6rem 1.25rem 0.75rem;
  font-size: 0.72rem;
  line-height: 1.3;
}
.sidebar-legal a[data-v-a37b2a20] {
  color: rgba(255, 255, 255, 0.62);
  text-decoration: none;
}
.sidebar-legal a[data-v-a37b2a20]:hover,
.sidebar-legal a[data-v-a37b2a20]:focus {
  color: #fff;
  text-decoration: underline;
}
.sidebar-legal span[data-v-a37b2a20] {
  color: rgba(255, 255, 255, 0.35);
}
.sidebar-account-chevron[data-v-a37b2a20] {
  margin-left: auto;
  font-size: 0.7rem;
  opacity: 0.7;
  transition: transform 0.2s ease;
}
.sidebar-account-chevron.is-open[data-v-a37b2a20] {
  transform: rotate(180deg);
}
.sidebar-account-menu[data-v-a37b2a20] {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 0.4rem;
  overflow-x: hidden;
  overflow-y: auto;
}
.sidebar-flyout[data-v-a37b2a20] {
  position: fixed;
  z-index: 1202;
  overflow: visible;
  border: 1px solid color-mix(in srgb, var(--bz-indigo-contrast) 14%, transparent);
  border-radius: 18px;
  background: var(--bz-indigo);
  box-shadow: 0 22px 48px color-mix(in srgb, var(--bz-indigo) 34%, transparent);
  color: var(--bz-indigo-contrast);
}
.sidebar-flyout.sidebar-account-menu[data-v-a37b2a20] {
  border-color: var(--bz-border, #e5e7eb);
  background: var(--bz-surface, #fff);
  box-shadow: 0 18px 42px rgba(31, 41, 55, 0.18);
  color: var(--bz-text, #1f2937);
}
.sidebar-instant-meeting-menu[data-v-a37b2a20] {
  padding: 0;
  border-color: var(--bz-border, #e5e7eb);
  background: var(--bz-surface, #fff);
  box-shadow: 0 18px 42px rgba(31, 41, 55, 0.2);
  color: var(--bz-text, #1f2937);
}
.sidebar-account-menu .sidebar-account-item[data-v-a37b2a20] {
  display: flex;
  align-items: center;
  gap: 0.65rem;
  width: 100%;
  min-height: 34px;
  padding: 0.4rem 0.7rem;
  border: 0;
  border-radius: 0.5rem;
  background: transparent;
  color: var(--bz-text, #1f2937);
  font-size: 0.875rem;
  text-align: left;
  cursor: pointer;
}
.sidebar-account-menu .sidebar-account-item > i[data-v-a37b2a20],
.sidebar-account-language-label > i[data-v-a37b2a20] {
  width: 18px;
  flex: 0 0 18px;
  text-align: center;
}
.sidebar-account-plan-badge[data-v-a37b2a20] {
  max-width: 112px;
  margin-left: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sidebar-account-language[data-v-a37b2a20] {
  margin: 2px 0;
  padding: 7px 9px 8px;
  border-radius: 12px;
  background: var(--bz-surface-muted, #f8fafc);
}
.sidebar-account-language-label[data-v-a37b2a20] {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 6px;
  color: var(--bz-text, #1f2937);
  font-size: 13px;
  font-weight: 700;
}
.sidebar-account-language-options[data-v-a37b2a20] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
}
.sidebar-account-language-options button[data-v-a37b2a20] {
  min-width: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 7px 8px;
  border: 1px solid var(--bz-border, #e5e7eb);
  border-radius: 9px;
  background: transparent;
  color: var(--bz-text, #1f2937);
  font-size: 12px;
  cursor: pointer;
}
.sidebar-account-language-options button.active[data-v-a37b2a20] {
  border-color: var(--bz-primary);
  background: var(--bz-primary);
  color: var(--bz-primary-contrast);
}
.sidebar-account-item[data-v-a37b2a20]:hover,
.sidebar-account-item[data-v-a37b2a20]:focus {
  background: var(--bz-primary-subtle, #f4efff);
  text-decoration: none;
}
@media (prefers-reduced-motion: reduce) {
.app-sidebar[data-v-a37b2a20],
  .collapse-btn[data-v-a37b2a20],
  .sidebar-link-label[data-v-a37b2a20] {
    transition: none;
}
.sidebar-account-chevron[data-v-a37b2a20],
  .nav-get-started i[data-v-a37b2a20] {
    transition: none;
}
.nav-get-started[data-v-a37b2a20],
  .nav-upgrade-plan[data-v-a37b2a20] {
    transition: none;
}
}
.sidebar-menu > li[data-v-a37b2a20] {
  list-style: none;
}
.menu-link[data-v-a37b2a20] {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 46px;
  padding: 0.68rem 0.75rem;
  color: #fff;
  text-decoration: none;
  border: 0;
  border-radius: 14px;
  background: transparent;
  font: inherit;
  font-size: 1rem;
  font-weight: 650;
  line-height: 1.2;
  text-align: left;
  white-space: nowrap;
  transition: background-color 0.2s ease, box-shadow 0.2s ease;
}
.menu-link i[data-v-a37b2a20] {
  width: 30px;
  flex: 0 0 30px;
  text-align: center;
  font-size: 17px;
}
.menu-link[data-v-a37b2a20]:hover {
  background: var(--navbar-color-hover);
}
.menu-link.is-active[data-v-a37b2a20],
.router-link-exact-active.menu-link[data-v-a37b2a20] {
  background: rgba(255, 255, 255, 0.18);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.16);
}
.menu-link[data-v-a37b2a20]:focus-visible,
.user-info[data-v-a37b2a20]:focus-visible,
.sidebar-legal a[data-v-a37b2a20]:focus-visible {
  outline: 2px solid #ffffff;
  outline-offset: -3px;
}
.sidebar-icon-tooltip[data-v-a37b2a20] {
  position: fixed;
  z-index: 1300;
  transform: translateY(-50%);
  max-width: min(260px, calc(100vw - 100px));
  padding: 8px 12px;
  border-radius: 8px;
  background: var(--bz-indigo, #22224f);
  color: #ffffff;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
  pointer-events: none;
  font-size: 13px;
}
.sidebar-submenu.sidebar-submenu-flyout[data-v-a37b2a20] {
  margin: 0;
  padding: 8px;
  overflow-y: auto;
}
.sidebar-language-dropdown.sidebar-flyout[data-v-a37b2a20] {
  margin: 0;
  padding: 8px;
  overflow-y: auto;
}
.menu-text[data-v-a37b2a20] {
  margin-left: 0.65rem;
  flex: 1;
  min-width: 0;
  transition: opacity 0.3s;
}
.menu-link-toggle[data-v-a37b2a20] {
  cursor: pointer;
}
.menu-link-chevron[data-v-a37b2a20] {
  width: auto !important;
  flex: 0 0 auto !important;
  margin-left: auto;
  font-size: 0.78rem !important;
  opacity: 0.85;
  transition: transform 0.2s ease;
}
.menu-link-toggle.is-open .menu-link-chevron[data-v-a37b2a20] {
  transform: rotate(180deg);
}
.sidebar-submenu[data-v-a37b2a20] {
  list-style: none;
  margin: 0.25rem 0 0.45rem;
  padding: 0.25rem 0 0.25rem 0.5rem;
  border-left: 1px solid rgba(255, 255, 255, 0.22);
}
.sidebar-submenu li[data-v-a37b2a20] {
  list-style: none;
}
.submenu-link[data-v-a37b2a20] {
  min-height: 38px;
  padding: 0.48rem 0.65rem 0.48rem 0.6rem;
  border-radius: 12px;
  color: #ffffff;
  font-size: 0.9rem;
  font-weight: 600;
}
.submenu-link[data-v-a37b2a20]:hover,
.submenu-link.router-link-active[data-v-a37b2a20] {
  background: rgba(27, 23, 54, 0.36);
  color: #ffffff;
}
.submenu-icon[data-v-a37b2a20] {
  width: 30px;
  flex: 0 0 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.submenu-icon i[data-v-a37b2a20] {
  width: auto;
  flex: 0 0 auto;
  font-size: 0.82rem;
  opacity: 0.9;
}
.submenu-text[data-v-a37b2a20] {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sidebar-notification-item[data-v-a37b2a20] {
  list-style: none;
}
.sidebar-utility-link[data-v-a37b2a20] {
  width: calc(100% - 1.5rem);
  margin: 0 0.75rem;
}
.sidebar-billing-link[data-v-a37b2a20] {
  background: rgba(255, 255, 255, 0.06);
}
.sidebar-billing-link--upgrade[data-v-a37b2a20] {
  background: rgba(255, 255, 255, 0.12);
}
.sidebar-billing-link--warning[data-v-a37b2a20] {
  box-shadow: inset 3px 0 0 var(--warning-color, #ffc107);
}
.sidebar-billing-text[data-v-a37b2a20] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sidebar-billing-icon[data-v-a37b2a20] {
  position: relative;
  display: inline-flex;
  width: 30px;
  flex: 0 0 30px;
  align-items: center;
  justify-content: center;
}
.sidebar-billing-dot[data-v-a37b2a20] {
  position: absolute;
  top: -2px;
  right: 0;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #ffffff;
  box-shadow: 0 0 0 3px var(--navbar-color, #011627);
}
.sidebar-billing-link--warning .sidebar-billing-dot[data-v-a37b2a20] {
  background: var(--warning-color, #ffc107);
}
.sidebar-billing-badge[data-v-a37b2a20] {
  flex: 0 0 auto;
  max-width: 112px;
  margin-left: 0.5rem;
  padding: 4px 8px;
  overflow: hidden;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sidebar-billing-link--upgrade .sidebar-billing-badge[data-v-a37b2a20] {
  background: #ffffff;
  color: var(--primary-color, #6f3bb5);
}
.sidebar-billing-link--warning .sidebar-billing-badge[data-v-a37b2a20] {
  background: var(--warning-color, #ffc107);
  color: #1f2937;
}
.app-sidebar.mini .sidebar-billing-link[data-v-a37b2a20] {
  justify-content: center;
}
.sidebar-dropdown-trigger[data-v-a37b2a20],
.sidebar-notification-trigger[data-v-a37b2a20] {
  border: 0;
  position: relative;
  overflow: hidden;
}
.sidebar-dropdown-trigger[data-v-a37b2a20]::before,
.sidebar-notification-trigger[data-v-a37b2a20]::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--bz-primary);
  opacity: 0;
  transition: opacity 0.22s ease;
}
.sidebar-dropdown-trigger[data-v-a37b2a20]:hover::before,
.sidebar-dropdown-trigger.is-open[data-v-a37b2a20]::before,
.sidebar-notification-trigger[data-v-a37b2a20]:hover::before,
.sidebar-notification-trigger.is-open[data-v-a37b2a20]::before {
  opacity: 1;
}
.sidebar-dropdown-trigger > *[data-v-a37b2a20],
.sidebar-notification-trigger > *[data-v-a37b2a20] {
  position: relative;
  z-index: 1;
}
.sidebar-notification-trigger.has-unread[data-v-a37b2a20] {
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--bz-primary) 36%, transparent);
}
.sidebar-notification-trigger.is-open[data-v-a37b2a20] {
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--bz-primary) 42%, transparent),
    0 14px 30px color-mix(in srgb, var(--bz-indigo) 24%, transparent);
}
.sidebar-menu-icon[data-v-a37b2a20] {
  width: 30px;
  flex: 0 0 30px;
  height: 30px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(3, 24, 30, 0.24);
  color: #ffffff;
  position: relative;
  transition: transform 0.2s ease, background-color 0.2s ease, color 0.2s ease;
}
.sidebar-menu-icon i[data-v-a37b2a20] {
  width: auto;
  font-size: 15px;
}
.sidebar-notification-trigger.has-unread .sidebar-notification-icon[data-v-a37b2a20] {
  background: var(--bz-primary-soft);
  color: var(--bz-primary);
}
.sidebar-dropdown-trigger .menu-text[data-v-a37b2a20],
.sidebar-notification-trigger .menu-text[data-v-a37b2a20] {
  margin-left: 0.65rem;
}
.sidebar-dropdown-trigger.is-open .sidebar-menu-icon[data-v-a37b2a20],
.sidebar-notification-trigger.is-open .sidebar-menu-icon[data-v-a37b2a20] {
  transform: translateY(-1px);
}
.sidebar-notification-dot[data-v-a37b2a20] {
  position: absolute;
  top: 4px;
  right: 4px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--bz-danger);
  box-shadow: 0 0 0 3px var(--bz-indigo);
}
.sidebar-notification-badge[data-v-a37b2a20] {
  flex: 0 0 auto;
  margin-left: 0.5rem;
  margin-right: 0.45rem;
  min-width: 34px;
  padding: 4px 8px;
  border-radius: 999px;
  background: color-mix(in srgb, var(--bz-indigo-contrast) 12%, transparent);
  color: var(--bz-indigo-contrast);
  font-size: 11px;
  font-weight: 700;
  text-align: center;
  line-height: 1.2;
}
.sidebar-notification-trigger.has-unread .sidebar-notification-badge[data-v-a37b2a20] {
  background: var(--bz-primary-soft);
  color: var(--bz-primary);
}
.sidebar-dropdown-chevron[data-v-a37b2a20],
.sidebar-notification-chevron[data-v-a37b2a20] {
  width: auto !important;
  flex: 0 0 auto !important;
  margin-left: auto;
  font-size: 0.78rem !important;
  color: #e5f2ef;
  transition: transform 0.2s ease, color 0.2s ease;
}
.sidebar-notification-chevron[data-v-a37b2a20] {
  margin-left: 0;
}
.sidebar-dropdown-chevron.is-open[data-v-a37b2a20],
.sidebar-notification-chevron.is-open[data-v-a37b2a20] {
  transform: rotate(180deg);
  color: #ffffff;
}
.sidebar-notification-panel[data-v-a37b2a20] {
  position: fixed;
  z-index: 1201;
  padding: 0;
  min-width: 280px;
  display: flex;
  flex-direction: column;
}
.sidebar-notification-panel > .notification-center[data-v-a37b2a20] {
  width: 100%;
  flex: 1 1 auto;
  min-height: 0;
  height: auto;
  max-height: 100%;
  display: flex;
  flex-direction: column;
}
.sidebar-notification-panel > .notification-center[data-v-a37b2a20] .nc-list {
  flex: 1 1 auto;
  min-height: 0;
  max-height: none;
}
.sidebar-notification-center.notification-center[data-v-a37b2a20] {
  border-radius: 22px;
  border: 1px solid color-mix(in srgb, var(--bz-indigo-contrast) 12%, transparent);
  background: var(--bz-indigo);
  box-shadow: inset 0 1px 0 color-mix(in srgb, var(--bz-indigo-contrast) 6%, transparent),
    0 20px 42px color-mix(in srgb, var(--bz-indigo) 30%, transparent);
  color: var(--bz-indigo-contrast);
}
.sidebar-notification-center[data-v-a37b2a20] .nc-header {
  padding: 14px 14px 12px;
  gap: 12px;
  align-items: flex-start;
  border-bottom: 1px solid color-mix(in srgb, var(--bz-indigo-contrast) 8%, transparent);
  background: color-mix(in srgb, var(--bz-indigo-contrast) 4%, transparent);
}
.sidebar-notification-center[data-v-a37b2a20] .nc-title {
  font-size: 15px;
  font-weight: 700;
  line-height: 1.3;
  color: var(--bz-indigo-contrast);
}
.sidebar-notification-center[data-v-a37b2a20] .nc-tools {
  gap: 6px;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.sidebar-notification-center[data-v-a37b2a20] .nc-sound-btn,
.sidebar-notification-center[data-v-a37b2a20] .nc-close-btn,
.sidebar-notification-center[data-v-a37b2a20] .nc-clear-all {
  border: 1px solid color-mix(in srgb, var(--bz-indigo-contrast) 22%, transparent);
  background: color-mix(in srgb, var(--bz-indigo-contrast) 8%, var(--bz-indigo));
  color: var(--bz-indigo-contrast);
}
.sidebar-notification-center[data-v-a37b2a20] .nc-sound-btn,
.sidebar-notification-center[data-v-a37b2a20] .nc-close-btn {
  width: 32px;
  height: 32px;
  flex: 0 0 auto;
}
.sidebar-notification-center[data-v-a37b2a20] .nc-clear-all {
  height: 32px;
  padding: 0 12px;
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
}
.sidebar-notification-center[data-v-a37b2a20] .nc-sound-btn:hover,
.sidebar-notification-center[data-v-a37b2a20] .nc-close-btn:hover,
.sidebar-notification-center[data-v-a37b2a20] .nc-clear-all:hover {
  background: color-mix(in srgb, var(--bz-indigo-contrast) 14%, transparent);
}
.sidebar-notification-center[data-v-a37b2a20] .nc-filters {
  padding: 12px 14px 10px;
  gap: 10px;
  flex-wrap: wrap;
  border-bottom: 1px solid color-mix(in srgb, var(--bz-indigo-contrast) 8%, transparent);
}
.sidebar-notification-center[data-v-a37b2a20] .nc-filters .btn {
  border-radius: 999px;
  min-height: 38px;
  padding: 8px 16px;
  font-size: 13px;
  font-weight: 600;
}
.sidebar-notification-center[data-v-a37b2a20] .nc-filters .btn-primary {
  border-color: var(--bz-primary-soft);
  background: var(--bz-primary-soft);
  color: var(--bz-primary);
}
.sidebar-notification-center[data-v-a37b2a20] .nc-filters .btn-outline-primary {
  border-color: color-mix(in srgb, var(--bz-indigo-contrast) 28%, transparent);
  color: var(--bz-indigo-contrast);
  background: transparent;
}
.sidebar-notification-center[data-v-a37b2a20] .nc-list {
  padding: 12px 0 14px;
}
.sidebar-notification-center[data-v-a37b2a20] .nc-loading,
.sidebar-notification-center[data-v-a37b2a20] .nc-empty,
.sidebar-notification-center[data-v-a37b2a20] .nc-group-title,
.sidebar-notification-center[data-v-a37b2a20] .nc-item-meta,
.sidebar-notification-center[data-v-a37b2a20] .nc-item-body {
  color: color-mix(in srgb, var(--bz-indigo-contrast) 78%, transparent) !important;
}
.sidebar-notification-center[data-v-a37b2a20] .nc-loading,
.sidebar-notification-center[data-v-a37b2a20] .nc-empty {
  padding: 44px 22px;
  font-size: 13px;
  line-height: 1.55;
}
.sidebar-notification-center[data-v-a37b2a20] .nc-group {
  padding: 0 14px 10px;
}
.sidebar-notification-center[data-v-a37b2a20] .nc-item {
  gap: 12px;
  padding: 13px;
  border-radius: 18px;
  background: color-mix(in srgb, var(--bz-indigo-contrast) 8%, var(--bz-indigo));
  border: 1px solid color-mix(in srgb, var(--bz-indigo-contrast) 12%, transparent);
}
.sidebar-notification-center[data-v-a37b2a20] .nc-item.unread {
  background: color-mix(in srgb, var(--bz-danger) 15%, var(--bz-indigo));
  border-color: color-mix(in srgb, var(--bz-danger) 34%, transparent);
}
.sidebar-notification-center[data-v-a37b2a20] .nc-item-icon {
  width: 34px;
  height: 34px;
  flex: 0 0 auto;
  background: color-mix(in srgb, var(--bz-indigo-contrast) 10%, var(--bz-indigo)) !important;
  color: var(--bz-indigo-contrast) !important;
}
.sidebar-notification-center[data-v-a37b2a20] .nc-item-title {
  color: var(--bz-indigo-contrast);
  font-size: 13.5px;
  line-height: 1.4;
}
.sidebar-notification-center[data-v-a37b2a20] .nc-item-body {
  font-size: 12.5px;
  line-height: 1.55;
  color: var(--bz-indigo-contrast) !important;
}
.sidebar-notification-center[data-v-a37b2a20] .nc-item-meta {
  font-size: 11px;
}
.sidebar-notification-center[data-v-a37b2a20] .nc-item-actions .btn {
  padding: 6px 12px;
  font-size: 12px;
}
.sidebar-notification-center[data-v-a37b2a20] .nc-item-controls {
  gap: 6px;
  align-items: flex-start;
}
.sidebar-notification-center[data-v-a37b2a20] .nc-icon-btn {
  width: 28px;
  height: 28px;
  color: var(--bz-indigo-contrast);
}
.sidebar-notification-center[data-v-a37b2a20] .nc-icon-btn:hover {
  background: color-mix(in srgb, var(--bz-indigo-contrast) 10%, transparent);
}
.sidebar-notification-center[data-v-a37b2a20] .nc-more {
  padding: 10px 14px 16px;
}
.sidebar-notification-center[data-v-a37b2a20] .nc-more .btn-outline-secondary {
  border-color: var(--bz-primary) !important;
  color: var(--bz-indigo-contrast) !important;
  background: transparent !important;
}
.sidebar-notification-center[data-v-a37b2a20] .nc-more .btn-outline-secondary:hover {
  color: var(--bz-primary) !important;
  background: var(--bz-primary-soft) !important;
}
.sidebar-notification-panel-enter-active[data-v-a37b2a20],
.sidebar-notification-panel-leave-active[data-v-a37b2a20] {
  transition: opacity 0.2s ease, transform 0.2s ease;
}
.sidebar-notification-panel-enter[data-v-a37b2a20],
.sidebar-notification-panel-leave-to[data-v-a37b2a20] {
  opacity: 0;
  transform: translateY(-8px);
}
.app-sidebar.mini .sidebar-notification-item[data-v-a37b2a20] {
  padding: 0 0 12px;
}
.app-sidebar.mini .sidebar-notification-trigger[data-v-a37b2a20] {
  padding: 0.68rem 0.75rem;
}
.sidebar-cta[data-v-a37b2a20] {
  padding: 0.75rem 1rem 0.5rem;
}
.get-started-btn[data-v-a37b2a20] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  padding: 10px;
  border-radius: 10px;
  background: linear-gradient(135deg, #ff7a18, #ffb347);
  color: #1f1300;
  font-weight: 600;
  text-decoration: none;
  transition: 0.2s ease;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}
.get-started-btn[data-v-a37b2a20]:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.3);
}
.app-sidebar.mini .get-started-btn span[data-v-a37b2a20] {
  display: none;
}
.app-sidebar.mini .get-started-btn[data-v-a37b2a20] {
  justify-content: center;
  padding: 12px 0;
}
.sidebar-footer[data-v-a37b2a20] {
  padding: 0.5rem 0 0.75rem;
  border-top: 1px solid var(--navbar-color-hover);
}
.user-info[data-v-a37b2a20] {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 0.5rem 1rem;
  border: 0;
  background: transparent;
  color: inherit;
  text-align: left;
  cursor: pointer;
}
.user-info[data-v-a37b2a20]:hover,
.user-info[data-v-a37b2a20]:focus {
  background: rgba(255, 255, 255, 0.08);
}
.avatar[data-v-a37b2a20] {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-right: 0.5rem;
}
.user-details p[data-v-a37b2a20] {
  margin: 0;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.user-details[data-v-a37b2a20] {
  min-width: 0;
  flex: 1 1 auto;
}
.sidebar-profile-plan-pill[data-v-a37b2a20],
.sidebar-account-plan-badge[data-v-a37b2a20] {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  max-width: 100%;
  margin-top: 3px;
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 800;
  line-height: 1.5;
  letter-spacing: 0.02em;
}
.sidebar-profile-plan-pill.is-upgrade[data-v-a37b2a20],
.sidebar-account-plan-badge.is-upgrade[data-v-a37b2a20] {
  background: var(--bz-primary-soft);
  color: var(--bz-primary);
}
.sidebar-profile-plan-pill.is-paid[data-v-a37b2a20],
.sidebar-account-plan-badge.is-paid[data-v-a37b2a20] {
  background: color-mix(in srgb, var(--bz-success) 20%, #ffffff);
  color: color-mix(in srgb, var(--bz-success) 72%, #12372a);
}
.sidebar-profile-plan-pill.is-neutral[data-v-a37b2a20],
.sidebar-account-plan-badge.is-neutral[data-v-a37b2a20] {
  background: color-mix(in srgb, var(--bz-indigo-contrast) 14%, transparent);
  color: color-mix(in srgb, var(--bz-indigo-contrast) 82%, transparent);
}
.sidebar-profile-plan-pill.is-warning[data-v-a37b2a20],
.sidebar-account-plan-badge.is-warning[data-v-a37b2a20] {
  background: color-mix(in srgb, var(--bz-danger) 18%, #ffffff);
  color: color-mix(in srgb, var(--bz-danger) 78%, #441111);
}
.sidebar-language-dropdown[data-v-a37b2a20] {
  margin: 0.25rem 0.75rem 0.45rem;
  padding: 0.25rem 0 0.25rem 0.5rem;
  border-left: 1px solid rgba(255, 255, 255, 0.22);
  animation: fadeIn-a37b2a20 0.2s ease;
}
.sidebar-language-item[data-v-a37b2a20] {
  width: 100%;
  display: flex;
  align-items: center;
  border: 0;
  min-height: 38px;
  padding: 0.48rem 0.65rem 0.48rem 0.6rem;
  border-radius: 12px;
  background: transparent;
  color: #ffffff !important;
  text-align: left;
  font: inherit;
  font-size: 0.9rem;
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease;
}
.sidebar-language-item.text-selected[data-v-a37b2a20] {
  background: #2f3a4a;
  color: #ffffff !important;
}
.sidebar-language-item[data-v-a37b2a20]:hover {
  background: #2f3a4a;
  color: #ffffff !important;
  text-decoration: none;
}
.sidebar-language-item .fi[data-v-a37b2a20] {
  flex: 0 0 auto;
  margin-right: 0.65rem !important;
  text-decoration: none;
}
.sidebar-language-item span[data-v-a37b2a20] {
  text-decoration: none;
}
.language-trigger[data-v-a37b2a20] {
  cursor: pointer;
}
@keyframes fadeIn-a37b2a20 {
from {
    opacity: 0;
    transform: translateY(5px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
.about-modal[data-v-a37b2a20] {
  font-family: Inter, sans-serif;
}
.about-header[data-v-a37b2a20] {
  display: flex;
  justify-content: space-between;
  padding: 16px 20px;
  border-bottom: 1px solid #eee;
}
.close-btn[data-v-a37b2a20] {
  font-size: 22px;
  background: none;
  border: none;
  cursor: pointer;
}
.about-tabs[data-v-a37b2a20] {
  display: flex;
  gap: 10px;
  padding: 10px 20px;
  border-bottom: 1px solid #f0f0f0;
}
.about-tabs button[data-v-a37b2a20] {
  padding: 8px 14px;
  border-radius: 8px;
  border: none;
  background: #f4f4f4;
  cursor: pointer;
  transition: 0.2s;
}
.about-tabs button.active[data-v-a37b2a20] {
  background: #2d6cdf;
  color: white;
}
.about-content[data-v-a37b2a20] {
  padding: 20px;
}
.about-modal .card[data-v-a37b2a20] {
  background: #fff;
  border-radius: 12px;
  padding: 20px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}
.about-modal .card[data-v-a37b2a20]:hover {
  animation: none;
  transform: none;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}
.about-info[data-v-a37b2a20] {
  display: flex;
  gap: 15px;
  align-items: center;
}
.about-brand-logo[data-v-a37b2a20] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 128px;
  height: 96px;
  flex: 0 0 128px;
  border-radius: 18px;
  background: #f8f5fc;
  overflow: hidden;
}
.about-brand-logo img[data-v-a37b2a20] {
  display: block;
  width: 112px;
  height: 80px;
  object-fit: contain;
}
.about-brand-logo span[data-v-a37b2a20] {
  color: var(--primary-color);
  font-size: 30px;
  font-weight: 800;
}
.muted[data-v-a37b2a20] {
  color: #888;
  font-size: 13px;
}
.section-title[data-v-a37b2a20] {
  margin-bottom: 15px;
}
.logo-grid[data-v-a37b2a20] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  align-items: center;
}
.logo-grid img[data-v-a37b2a20] {
  width: 80px;
  height: 80px;
  object-fit: contain;
  margin: auto;
}
.code-box[data-v-a37b2a20] {
  background: #0f172a;
  color: #e5e7eb;
  padding: 16px;
  border-radius: 10px;
  max-height: 400px;
  overflow: auto;
}
.hint[data-v-a37b2a20] {
  opacity: 0.7;
  margin-bottom: 10px;
  font-size: 13px;
}
.commit-table[data-v-a37b2a20] {
  width: 100%;
  border-collapse: collapse;
  margin-top: 15px;
  font-size: 13px;
}
.commit-table th[data-v-a37b2a20],
.commit-table td[data-v-a37b2a20] {
  padding: 10px;
  border-bottom: 1px solid #eee;
  text-align: left;
}
.commit-table code[data-v-a37b2a20] {
  background: #f3f3f3;
  padding: 3px 6px;
  border-radius: 6px;
}
.commit-table .message[data-v-a37b2a20] {
  max-width: 300px;
  overflow-wrap: anywhere;
}
.commit-table .service-name[data-v-a37b2a20] {
  text-transform: capitalize;
  font-weight: 600;
}
.commit-section[data-v-a37b2a20] {
  overflow-x: auto;
}
.build-info-state[data-v-a37b2a20] {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 62px;
  margin-top: 18px;
  padding: 14px 16px;
  border: 1px solid #e4e7ec;
  border-radius: 10px;
  color: #475467;
  background: #f8fafc;
}
.build-info-state--unavailable[data-v-a37b2a20] {
  align-items: flex-start;
}
.build-info-state--unavailable i[data-v-a37b2a20] {
  margin-top: 3px;
}
.build-info-state__copy[data-v-a37b2a20] {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.build-info-state--unavailable strong[data-v-a37b2a20] {
  color: #344054;
}
.build-info-state--unavailable span[data-v-a37b2a20] {
  font-size: 13px;
}
.build-timestamp[data-v-a37b2a20] {
  margin-top: 10px;
  text-align: right;
}
.about-footer[data-v-a37b2a20] {
  padding: 15px 20px;
  border-top: 1px solid #eee;
  text-align: right;
}
.btn[data-v-a37b2a20] {
  padding: 8px 14px;
  border-radius: 8px;
  border: 1px solid #ddd;
  background: white;
  cursor: pointer;
}
@media (max-width: 768px) {
.navbar-mobile-cta[data-v-a37b2a20] {
    padding: 4px 12px;
    font-size: 12px;
    width: auto; /* varsa width:100%'ü iptal eder */
    min-height: 36px; /* gerekiyorsa */
}
}


.upgrade-prompt__header[data-v-791bcf30] {
  display: flex;
  align-items: center;
  gap: 0.7rem;
}
.upgrade-prompt__icon[data-v-791bcf30] {
  display: inline-flex;
  flex: 0 0 34px;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: var(--radius-full, 9999px);
  background: var(--primary-color, #6f3bb5);
  color: #ffffff;
  font-size: 0.9rem;
}
.upgrade-prompt__header h4[data-v-791bcf30] {
  color: var(--text-primary, #0f172a);
  font-size: 1.1rem;
  font-weight: 600;
}
.upgrade-prompt__body[data-v-791bcf30] {
  margin: 0 0 1.1rem;
  color: var(--text-secondary, #475467);
  line-height: 1.55;
}
.upgrade-prompt__meter[data-v-791bcf30] {
  padding: 0.85rem 1rem;
  margin-bottom: 1.1rem;
  border: 1px solid var(--border-color, #e5e7eb);
  border-radius: var(--radius-md, 8px);
  background: var(--background-secondary, #f8fafc);
}
.upgrade-prompt__meter-head[data-v-791bcf30] {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 0.5rem;
  color: var(--text-primary, #0f172a);
  font-size: 0.85rem;
  font-weight: 600;
}
.upgrade-prompt__track[data-v-791bcf30] {
  display: block;
  width: 100%;
  height: 6px;
  border: 0;
  border-radius: var(--radius-full, 9999px);
  background: var(--border-color, #e5e7eb);
  color: var(--primary-color, #6f3bb5);
  appearance: none;
  -webkit-appearance: none;
}
.upgrade-prompt__track[data-v-791bcf30]::-webkit-progress-bar {
  border-radius: var(--radius-full, 9999px);
  background: var(--border-color, #e5e7eb);
}
.upgrade-prompt__track[data-v-791bcf30]::-webkit-progress-value {
  border-radius: var(--radius-full, 9999px);
  background: var(--primary-color, #6f3bb5);
}
.upgrade-prompt__track[data-v-791bcf30]::-moz-progress-bar {
  border-radius: var(--radius-full, 9999px);
  background: var(--primary-color, #6f3bb5);
}
.upgrade-prompt__reset[data-v-791bcf30] {
  margin: 0.55rem 0 0;
  color: var(--text-tertiary, #667085);
  font-size: 0.78rem;
}
.upgrade-prompt__note[data-v-791bcf30] {
  margin: 0;
  color: var(--text-tertiary, #667085);
  font-size: 0.82rem;
}
.upgrade-prompt__footer[data-v-791bcf30] {
  display: flex;
  width: 100%;
  justify-content: flex-end;
  gap: 0.5rem;
}
@media (max-width: 575px) {
.upgrade-prompt__footer .btn[data-v-791bcf30] {
    flex: 1 1 auto;
    min-height: 44px;
}
}


.v-step {
  --tour-primary: var(--primary-color, #e85d68);
  --tour-primary-hover: var(--primary-color-hover, #d54f5a);
  --tour-secondary: var(--secondary-color, #0f6f73);
  --tour-ink: var(--dark-color, #172033);
  --tour-muted: #5d6b7c;
  --tour-surface: #ffffff;
  --tour-border: rgba(23, 32, 51, 0.1);

  max-width: min(340px, calc(100vw - 32px)) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(250, 252, 255, 0.98) 100%) !important;
  color: var(--tour-ink) !important;
  border: 1px solid var(--tour-border) !important;
  border-radius: 14px !important;
  padding: 18px 18px 16px !important;
  box-shadow:
    0 22px 50px rgba(15, 23, 42, 0.16),
    0 8px 18px rgba(15, 23, 42, 0.08) !important;
  text-align: left !important;
  font-family: var(--font-family, inherit) !important;
  line-height: 1.5 !important;
  z-index: 10050 !important;
}
.v-tour {
  z-index: 10050 !important;
}
body.melda-tour-running .cookie__floating {
  opacity: 0 !important;
  pointer-events: none !important;
  transform: translateY(calc(100% + 32px)) !important;
  transition: opacity 0.18s ease, transform 0.18s ease !important;
}
.v-step__content {
  margin: 0 0 16px !important;
  color: var(--tour-ink) !important;
  font-size: 15px !important;
  font-weight: 500 !important;
}
.v-step__arrow,
.v-step__arrow::before {
  background: var(--tour-surface) !important;
}
.v-step__buttons {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-end !important;
  gap: 8px !important;
}
.v-step__buttons button {
  min-height: 38px !important;
  margin: 0 !important;
  background: #ffffff !important;
  color: var(--tour-secondary) !important;
  border: 1px solid rgba(15, 111, 115, 0.28) !important;
  font-weight: 750 !important;
  border-radius: 10px !important;
  padding: 8px 12px !important;
  cursor: pointer !important;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.05) !important;
  transition: transform 0.16s ease, box-shadow 0.16s ease, background-color 0.16s ease, border-color 0.16s ease !important;
}
.v-step__buttons button:hover,
.v-step__buttons button:focus {
  background: rgba(15, 111, 115, 0.08) !important;
  border-color: rgba(15, 111, 115, 0.42) !important;
  color: var(--tour-secondary) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.1) !important;
}
.v-step__button-next,
.v-step__button-stop {
  background: linear-gradient(180deg, var(--tour-primary) 0%, var(--tour-primary-hover) 100%) !important;
  color: #ffffff !important;
  border-color: transparent !important;
}
.v-step__button-next:hover,
.v-step__button-next:focus,
.v-step__button-stop:hover,
.v-step__button-stop:focus {
  background: linear-gradient(180deg, var(--tour-primary-hover) 0%, var(--tour-primary) 100%) !important;
  color: #ffffff !important;
  border-color: transparent !important;
}
.v-tour__target--highlighted {
  border-radius: 14px !important;
  box-shadow:
    0 0 0 3px rgba(255, 255, 255, 0.95),
    0 0 0 6px var(--primary-color, #e85d68),
    0 0 0 99999px rgba(15, 23, 42, 0.28) !important;
  z-index: 9999 !important;
  pointer-events: none !important;
}
@media (max-width: 576px) {
.v-step {
    padding: 16px !important;
    border-radius: 12px !important;
}
.v-step__buttons {
    justify-content: stretch !important;
}
.v-step__buttons button {
    flex: 1 1 auto !important;
}
}



#app.sidebar[data-v-30b8f99f] {
  --sidebar-rail-width-collapsed: 70px;
  --sidebar-rail-width-expanded: 250px;
  --sidebar-toggle-clearance: 0px;
  display: flex;
  height: 100vh;
  height: var(--visual-viewport-height, 100vh);
  overflow: hidden;
}
.main-content[data-v-30b8f99f] {
  box-sizing: border-box;
  flex: 1;
  height: 100vh;
  height: var(--visual-viewport-height, 100vh);
  min-width: 0;
  background: var(--bz-background, #ffffff);
  min-height: 0;
  overflow-y: auto;
  transition: margin-left 0.3s ease, padding-left 0.3s ease;
}

/* The fixed navigation rail is present even while collapsed. Reserve only the
   rail itself: a permanent content gutter for the floating toggle made every
   page look like it had a stray, differently coloured column at the left. */
#app.sidebar .main-content[data-v-30b8f99f] {
  margin-left: var(--sidebar-rail-width-collapsed);
  padding-left: 0;
}
.main-content--fullscreen[data-v-30b8f99f] {
  height: 100vh;
  height: var(--visual-viewport-height, 100vh);
  overflow: hidden;
  width: 100vw;
  max-width: 100vw;
  margin-left: 0 !important;
}
#app.sidebar .main-content.shifted[data-v-30b8f99f] {
  margin-left: var(--sidebar-rail-width-expanded);
  overflow-x: hidden !important;
}

/* The sidebar is hidden at 768px and below. Between 769px and 1024px it is
   still visible, so the content must keep its desktop inset instead of
   sliding underneath the fixed sidebar. */
@media (max-width: 768px) {
#app.sidebar .main-content[data-v-30b8f99f],
  #app.sidebar .main-content.shifted[data-v-30b8f99f] {
    margin-left: 0;
    padding-left: 0;
}
}
@media (prefers-reduced-motion: reduce) {
.main-content[data-v-30b8f99f] {
    transition: none;
}
}


.adaptive-control-bar[data-v-556978f4] {
  position: fixed;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  
  background: var(--background);
  height: var(--height, auto);
  min-height: 56px;

  transition: transform 0.3s ease, opacity 0.3s ease;
}
.adaptive-control-bar--bottom[data-v-556978f4] {
  bottom: 0;
  padding: 12px 16px;
  padding-bottom: max(12px, calc(12px + env(safe-area-inset-bottom)));
  padding-left: max(16px, env(safe-area-inset-left));
  padding-right: max(16px, env(safe-area-inset-right));
}
.adaptive-control-bar--top[data-v-556978f4] {
  top: 0;
  padding: 12px 16px;
  padding-top: max(12px, calc(12px + env(safe-area-inset-top)));
  padding-left: max(16px, env(safe-area-inset-left));
  padding-right: max(16px, env(safe-area-inset-right));
}
.adaptive-control-bar--blur[data-v-556978f4] {
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.adaptive-control-bar--hidden[data-v-556978f4] {
  transform: translateY(100%);
  opacity: 0;
}
.adaptive-control-bar--hidden.adaptive-control-bar--top[data-v-556978f4] {
  transform: translateY(-100%);
}
.adaptive-control-bar--compact[data-v-556978f4] {
  min-height: 48px;
  padding: 8px 12px;
}
.adaptive-control-bar--compact.adaptive-control-bar--bottom[data-v-556978f4] {
  padding-bottom: max(8px, calc(8px + env(safe-area-inset-bottom)));
}
.adaptive-control-bar__content[data-v-556978f4] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  max-width: 100%;
  gap: 8px;
}
.adaptive-control-bar__content[data-v-556978f4] button {
  min-width: 44px;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}
.adaptive-control-bar--collapsed[data-v-556978f4] button span {
  display: none;
}
.adaptive-control-bar--collapsed[data-v-556978f4] button i,
.adaptive-control-bar--collapsed[data-v-556978f4] button svg {
  font-size: 20px;
}
@media (max-height: 480px) and (orientation: landscape) {
.adaptive-control-bar[data-v-556978f4] {
    min-height: 40px;
    padding: 6px 12px;
}
.adaptive-control-bar--bottom[data-v-556978f4] {
    padding-bottom: max(6px, calc(6px + env(safe-area-inset-bottom)));
}
.adaptive-control-bar__content[data-v-556978f4] button {
    min-width: 36px;
    min-height: 36px;
}
}


.safe-bottom-container[data-v-ed91b380] {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  
  padding: var(--padding);
  padding-bottom: max(
    var(--padding), 
    calc(var(--padding) + env(safe-area-inset-bottom))
  );
  padding-left: max(var(--padding), env(safe-area-inset-left));
  padding-right: max(var(--padding), env(safe-area-inset-right));

  background: var(--background);
  border-top: var(--border-top);

  box-sizing: border-box;
}
.safe-bottom-container--full-width[data-v-ed91b380] {
  left: 0;
  right: 0;
}
.safe-bottom-container--blur[data-v-ed91b380] {
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  background: rgba(255, 255, 255, 0.8);
}
.safe-bottom-container--transition[data-v-ed91b380] {
  transition: transform 0.3s ease, opacity 0.3s ease;
}
.safe-bottom-container--hidden[data-v-ed91b380] {
  transform: translateY(100%);
  opacity: 0;
  pointer-events: none;
}
.safe-bottom-container[data-v-ed91b380] button,
.safe-bottom-container[data-v-ed91b380] a,
.safe-bottom-container[data-v-ed91b380] input {
  min-height: 44px; 
  min-width: 44px;
}
@supports (padding: max(0px)) {
.safe-bottom-container[data-v-ed91b380] {
    /* already handled above */
}
}

/* iOS-specific adjustments */
@supports (padding: env(safe-area-inset-bottom)) {
.safe-bottom-container[data-v-ed91b380] {
    /* already handled above with env() and max() for safe-area-inset-bottom */
}
}
@media (max-height: 480px) and (orientation: landscape) {
.safe-bottom-container[data-v-ed91b380] {
    padding-top: calc(var(--padding) * 0.6);
    padding-bottom: max(
      calc(var(--padding) * 0.6), 
      calc(var(--padding) * 0.6 + env(safe-area-inset-bottom))
    );
}
}


.safe-viewport-container[data-v-6579cbbe] {
  position: relative;
  width: 100%;
  
  height: calc(var(--vh, 1vh) * 100);
  min-height: calc(var(--vh, 1vh) * 100);
  
  background: var(--background);
  box-sizing: border-box;
}
@supports (height: 100dvh) {
.safe-viewport-container[data-v-6579cbbe] {
    height: 100dvh;
    min-height: 100dvh;
}
}
.safe-viewport-container--flex[data-v-6579cbbe] {
  display: flex;
  flex-direction: var(--flex-direction);
}
.safe-viewport-container--safe-all[data-v-6579cbbe] {
  padding-top: env(safe-area-inset-top);
  padding-right: env(safe-area-inset-right);
  padding-bottom: env(safe-area-inset-bottom);
  padding-left: env(safe-area-inset-left);
}
.safe-viewport-container--safe-top[data-v-6579cbbe] {
  padding-top: env(safe-area-inset-top);
}
.safe-viewport-container--safe-bottom[data-v-6579cbbe] {
  padding-bottom: env(safe-area-inset-bottom);
}
.safe-viewport-container--safe-x[data-v-6579cbbe] {
  padding-left: env(safe-area-inset-left);
  padding-right: env(safe-area-inset-right);
}
.safe-viewport-container--safe-y[data-v-6579cbbe] {
  padding-top: env(safe-area-inset-top);
  padding-bottom: env(safe-area-inset-bottom);
}
.safe-viewport-container--scroll-auto[data-v-6579cbbe] {
  overflow: auto;
}
.safe-viewport-container--scroll-hidden[data-v-6579cbbe] {
  overflow: hidden;
}
.safe-viewport-container--scroll-scroll[data-v-6579cbbe] {
  overflow: scroll;
}
@media (prefers-reduced-motion: no-preference) {
.safe-viewport-container--scroll-auto[data-v-6579cbbe],
  .safe-viewport-container--scroll-scroll[data-v-6579cbbe] {
    scroll-behavior: smooth;
}
}
.safe-viewport-container--scroll-auto[data-v-6579cbbe],
.safe-viewport-container--scroll-scroll[data-v-6579cbbe] {
  -webkit-overflow-scrolling: touch;
}