.v-button[data-v-bb68e421] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-family: inherit;
  font-weight: 500;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 1px solid transparent;
}
.v-button--sm[data-v-bb68e421] {
  padding: 6px 12px;
  font-size: calc(var(--base-font-size, 16px) * 0.8);
}
.v-button--md[data-v-bb68e421] {
  padding: 10px 18px;
  font-size: calc(var(--base-font-size, 16px) * 0.9);
}
.v-button--lg[data-v-bb68e421] {
  padding: 14px 24px;
  font-size: calc(var(--base-font-size, 16px) * 1);
}
.v-button--primary[data-v-bb68e421] {
  background: var(--theme-primary, #6366f1);
  color: white;
}
.v-button--primary[data-v-bb68e421]:hover:not(:disabled) {
  background: color-mix(in srgb, var(--theme-primary, #6366f1) 85%, black);
}
.v-button--secondary[data-v-bb68e421] {
  background: #1e293b;
  color: white;
}
.v-button--secondary[data-v-bb68e421]:hover:not(:disabled) {
  background: #0f172a;
}
.v-button--outline[data-v-bb68e421] {
  background: transparent;
  color: var(--theme-primary, #6366f1);
  border-color: var(--theme-primary, #6366f1);
}
.v-button--outline[data-v-bb68e421]:hover:not(:disabled) {
  background: color-mix(in srgb, var(--theme-primary, #6366f1) 10%, white);
}
.v-button--ghost[data-v-bb68e421] {
  background: transparent;
  color: #64748b;
}
.v-button--ghost[data-v-bb68e421]:hover:not(:disabled) {
  background: #f1f5f9;
  color: #1e293b;
}
.v-button[data-v-bb68e421]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.v-icon-button[data-v-44e1e291] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-family: inherit;
  font-weight: 500;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.15s ease;
  border: 1px solid transparent;
}
.v-icon-button--sm[data-v-44e1e291] {
  padding: 6px 12px;
  font-size: calc(var(--base-font-size, 16px) * 0.8);
}
.v-icon-button--md[data-v-44e1e291] {
  padding: 10px 16px;
  font-size: calc(var(--base-font-size, 16px) * 0.9);
}
.v-icon-button--lg[data-v-44e1e291] {
  padding: 14px 20px;
  font-size: calc(var(--base-font-size, 16px) * 1);
}
.v-icon-button--icon-only.v-icon-button--sm[data-v-44e1e291] {
  padding: 6px;
}
.v-icon-button--icon-only.v-icon-button--md[data-v-44e1e291] {
  padding: 10px;
}
.v-icon-button--icon-only.v-icon-button--lg[data-v-44e1e291] {
  padding: 14px;
}
.v-icon-button--primary[data-v-44e1e291] {
  background: var(--theme-primary, #6366f1);
  color: white;
}
.v-icon-button--primary[data-v-44e1e291]:hover:not(:disabled) {
  background: color-mix(in srgb, var(--theme-primary, #6366f1) 85%, black);
}
.v-icon-button--secondary[data-v-44e1e291] {
  background: #1e293b;
  color: white;
}
.v-icon-button--secondary[data-v-44e1e291]:hover:not(:disabled) {
  background: #0f172a;
}
.v-icon-button--outline[data-v-44e1e291] {
  background: transparent;
  color: var(--theme-primary, #6366f1);
  border-color: var(--theme-primary, #6366f1);
}
.v-icon-button--outline[data-v-44e1e291]:hover:not(:disabled) {
  background: color-mix(in srgb, var(--theme-primary, #6366f1) 10%, white);
}
.v-icon-button--ghost[data-v-44e1e291] {
  background: transparent;
  color: #64748b;
}
.v-icon-button--ghost[data-v-44e1e291]:hover:not(:disabled) {
  background: #f1f5f9;
  color: #1e293b;
}
.v-icon-button[data-v-44e1e291]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.v-icon-button__icon[data-v-44e1e291] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.v-icon-button__icon[data-v-44e1e291] svg {
  width: 18px;
  height: 18px;
}
.v-icon-button--sm .v-icon-button__icon[data-v-44e1e291] svg {
  width: 14px;
  height: 14px;
}
.v-icon-button--lg .v-icon-button__icon[data-v-44e1e291] svg {
  width: 22px;
  height: 22px;
}

.v-badge[data-v-fbfbecfd] {
  display: inline-flex;
  align-items: center;
  padding: 4px 10px;
  font-size: calc(var(--base-font-size, 16px) * 0.75);
  font-weight: 500;
  border-radius: 9999px;
}
.v-badge--default[data-v-fbfbecfd] {
  background: #f1f5f9;
  color: #475569;
}
.v-badge--success[data-v-fbfbecfd] {
  background: #dcfce7;
  color: #166534;
}
.v-badge--warning[data-v-fbfbecfd] {
  background: #fef3c7;
  color: #92400e;
}
.v-badge--error[data-v-fbfbecfd] {
  background: #fee2e2;
  color: #b91c1c;
}
.v-badge--info[data-v-fbfbecfd] {
  background: color-mix(in srgb, var(--theme-primary, #6366f1) 15%, white);
  color: var(--theme-primary, #6366f1);
}

.v-card[data-v-3b0b8af8] {
  background: white;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 20px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}
.v-card__header[data-v-3b0b8af8] {
  margin-bottom: 16px;
}
.v-card__title[data-v-3b0b8af8] {
  font-size: calc(var(--base-font-size, 16px) * 1);
  font-weight: 600;
  color: #1e293b;
  margin: 0 0 4px;
}
.v-card__description[data-v-3b0b8af8] {
  font-size: calc(var(--base-font-size, 16px) * 0.875);
  color: #64748b;
  margin: 0;
}
.v-card__content[data-v-3b0b8af8] {
  color: #475569;
  font-size: calc(var(--base-font-size, 16px) * 0.9);
}
.v-card__content p[data-v-3b0b8af8] {
  margin: 0 0 12px;
}
.v-card__content p[data-v-3b0b8af8]:last-child {
  margin-bottom: 0;
}

.v-input-wrapper[data-v-e976f7f4] {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.v-input__label[data-v-e976f7f4] {
  font-size: calc(var(--base-font-size, 16px) * 0.875);
  font-weight: 500;
  color: #374151;
}
.v-input[data-v-e976f7f4] {
  padding: 10px 14px;
  font-size: calc(var(--base-font-size, 16px) * 0.9);
  font-family: inherit;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  background: white;
  color: #1f2937;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.v-input[data-v-e976f7f4]:focus {
  outline: none;
  border-color: var(--theme-primary, #6366f1);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--theme-primary, #6366f1) 15%, transparent);
}
.v-input[data-v-e976f7f4]::placeholder {
  color: #9ca3af;
}
.v-input-wrapper--error .v-input[data-v-e976f7f4] {
  border-color: #ef4444;
}
.v-input-wrapper--error .v-input[data-v-e976f7f4]:focus {
  box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.15);
}
.v-input__error[data-v-e976f7f4] {
  font-size: calc(var(--base-font-size, 16px) * 0.8);
  color: #ef4444;
}

.v-toggle[data-v-903ab4cf] {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
}
.v-toggle--disabled[data-v-903ab4cf] {
  cursor: not-allowed;
  opacity: 0.5;
}
.v-toggle__input[data-v-903ab4cf] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}
.v-toggle__slider[data-v-903ab4cf] {
  width: 44px;
  height: 24px;
  background: #d1d5db;
  border-radius: 9999px;
  position: relative;
  transition: background 0.2s ease;
  flex-shrink: 0;
}
.v-toggle__slider[data-v-903ab4cf]::after {
  content: '';
  position: absolute;
  top: 2px;
  left: 2px;
  width: 20px;
  height: 20px;
  background: white;
  border-radius: 50%;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  transition: transform 0.2s ease;
}
.v-toggle__input:checked + .v-toggle__slider[data-v-903ab4cf] {
  background: var(--theme-primary, #6366f1);
}
.v-toggle__input:checked + .v-toggle__slider[data-v-903ab4cf]::after {
  transform: translateX(20px);
}
.v-toggle__input:focus + .v-toggle__slider[data-v-903ab4cf] {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--theme-primary, #6366f1) 15%, transparent);
}
.v-toggle__label[data-v-903ab4cf] {
  font-size: calc(var(--base-font-size, 16px) * 0.9);
  color: #374151;
}

.v-radio-group[data-v-fc8496d8] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.v-radio-group--horizontal[data-v-fc8496d8] {
  flex-direction: row;
  flex-wrap: wrap;
  gap: 16px;
}
.v-radio[data-v-fc8496d8] {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
}
.v-radio__input[data-v-fc8496d8] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}
.v-radio__custom[data-v-fc8496d8] {
  width: 20px;
  height: 20px;
  border: 2px solid #d1d5db;
  border-radius: 50%;
  position: relative;
  transition: all 0.15s ease;
  flex-shrink: 0;
}
.v-radio__custom[data-v-fc8496d8]::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  width: 10px;
  height: 10px;
  background: var(--theme-primary, #6366f1);
  border-radius: 50%;
  transition: transform 0.15s ease;
}
.v-radio__input:checked + .v-radio__custom[data-v-fc8496d8] {
  border-color: var(--theme-primary, #6366f1);
}
.v-radio__input:checked + .v-radio__custom[data-v-fc8496d8]::after {
  transform: translate(-50%, -50%) scale(1);
}
.v-radio__input:focus + .v-radio__custom[data-v-fc8496d8] {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--theme-primary, #6366f1) 15%, transparent);
}
.v-radio__label[data-v-fc8496d8] {
  font-size: calc(var(--base-font-size, 16px) * 0.9);
  color: #374151;
}

.v-checkbox-group[data-v-da71ad7b] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.v-checkbox-group--horizontal[data-v-da71ad7b] {
  flex-direction: row;
  flex-wrap: wrap;
  gap: 16px;
}
.v-checkbox[data-v-da71ad7b] {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
}
.v-checkbox__input[data-v-da71ad7b] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}
.v-checkbox__custom[data-v-da71ad7b] {
  width: 20px;
  height: 20px;
  border: 2px solid #d1d5db;
  border-radius: 6px;
  position: relative;
  transition: all 0.15s ease;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.v-checkbox__check[data-v-da71ad7b] {
  width: 14px;
  height: 14px;
  color: white;
  opacity: 0;
  transform: scale(0.5);
  transition: all 0.15s ease;
}
.v-checkbox__input:checked + .v-checkbox__custom[data-v-da71ad7b] {
  background: var(--theme-primary, #6366f1);
  border-color: var(--theme-primary, #6366f1);
}
.v-checkbox__input:checked + .v-checkbox__custom .v-checkbox__check[data-v-da71ad7b] {
  opacity: 1;
  transform: scale(1);
}
.v-checkbox__input:focus + .v-checkbox__custom[data-v-da71ad7b] {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--theme-primary, #6366f1) 15%, transparent);
}
.v-checkbox__label[data-v-da71ad7b] {
  font-size: calc(var(--base-font-size, 16px) * 0.9);
  color: #374151;
}

.v-toast-container[data-v-9ba2dbaa] {
  position: fixed;
  top: 20px;
  right: 20px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  z-index: 9999;
  pointer-events: none;
}
.v-toast[data-v-9ba2dbaa] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  background: white;
  border-radius: 10px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
  min-width: 280px;
  max-width: 400px;
  pointer-events: auto;
  border-left: 4px solid;
}
.v-toast--info[data-v-9ba2dbaa] {
  border-left-color: var(--theme-primary, #6366f1);
}
.v-toast--success[data-v-9ba2dbaa] {
  border-left-color: #22c55e;
}
.v-toast--warning[data-v-9ba2dbaa] {
  border-left-color: #f59e0b;
}
.v-toast--error[data-v-9ba2dbaa] {
  border-left-color: #ef4444;
}
.v-toast__icon[data-v-9ba2dbaa] {
  font-size: calc(var(--base-font-size, 16px) * 1.25);
  flex-shrink: 0;
}
.v-toast__message[data-v-9ba2dbaa] {
  flex: 1;
  font-size: calc(var(--base-font-size, 16px) * 0.9);
  color: #374151;
}
.v-toast__close[data-v-9ba2dbaa] {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  background: transparent;
  border-radius: 6px;
  cursor: pointer;
  color: #94a3b8;
  font-size: calc(var(--base-font-size, 16px) * 1.25);
  transition: all 0.15s ease;
}
.v-toast__close[data-v-9ba2dbaa]:hover {
  background: #f1f5f9;
  color: #64748b;
}

/* Transition */
.toast-enter-active[data-v-9ba2dbaa] {
  animation: toastSlideIn-9ba2dbaa 0.3s ease;
}
.toast-leave-active[data-v-9ba2dbaa] {
  animation: toastSlideOut-9ba2dbaa 0.3s ease;
}
@keyframes toastSlideIn-9ba2dbaa {
from {
    transform: translateX(100%);
    opacity: 0;
}
to {
    transform: translateX(0);
    opacity: 1;
}
}
@keyframes toastSlideOut-9ba2dbaa {
from {
    transform: translateX(0);
    opacity: 1;
}
to {
    transform: translateX(100%);
    opacity: 0;
}
}

.v-modal-overlay[data-v-8304180e] {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}
.v-modal[data-v-8304180e] {
  background: white;
  border-radius: 16px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);
  max-width: 480px;
  width: 90%;
  max-height: 90vh;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.v-modal__header[data-v-8304180e] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 24px;
  border-bottom: 1px solid #e2e8f0;
}
.v-modal__title[data-v-8304180e] {
  font-size: calc(var(--base-font-size, 16px) * 1.125);
  font-weight: 600;
  color: #1e293b;
  margin: 0;
}
.v-modal__close[data-v-8304180e] {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  background: transparent;
  border-radius: 8px;
  cursor: pointer;
  color: #64748b;
  font-size: calc(var(--base-font-size, 16px) * 1.5);
  transition: all 0.15s ease;
}
.v-modal__close[data-v-8304180e]:hover {
  background: #f1f5f9;
  color: #1e293b;
}
.v-modal__body[data-v-8304180e] {
  padding: 24px;
  overflow-y: auto;
  font-size: calc(var(--base-font-size, 16px) * 0.95);
  color: #475569;
  line-height: 1.6;
}
.v-modal__body p[data-v-8304180e] {
  margin: 0 0 12px;
}
.v-modal__body p[data-v-8304180e]:last-child {
  margin-bottom: 0;
}
.v-modal__footer[data-v-8304180e] {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  padding: 16px 24px;
  border-top: 1px solid #e2e8f0;
  background: #f8fafc;
}

/* Transition */
.modal-enter-active[data-v-8304180e],
.modal-leave-active[data-v-8304180e] {
  transition: opacity 0.2s ease;
}
.modal-enter-active .v-modal[data-v-8304180e],
.modal-leave-active .v-modal[data-v-8304180e] {
  transition: transform 0.2s ease, opacity 0.2s ease;
}
.modal-enter-from[data-v-8304180e],
.modal-leave-to[data-v-8304180e] {
  opacity: 0;
}
.modal-enter-from .v-modal[data-v-8304180e],
.modal-leave-to .v-modal[data-v-8304180e] {
  transform: scale(0.95) translateY(20px);
  opacity: 0;
}

.v-table-wrapper[data-v-06548aec] {
  overflow-x: auto;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
}
.v-table[data-v-06548aec] {
  width: 100%;
  border-collapse: collapse;
  font-size: calc(var(--base-font-size, 16px) * 0.9);
}
.v-table th[data-v-06548aec],
.v-table td[data-v-06548aec] {
  padding: 14px 16px;
  text-align: left;
}
.v-table thead[data-v-06548aec] {
  background: #f8fafc;
}
.v-table th[data-v-06548aec] {
  font-weight: 600;
  color: #475569;
  border-bottom: 1px solid #e2e8f0;
  white-space: nowrap;
}
.v-table tbody tr[data-v-06548aec] {
  transition: background 0.15s ease;
}
.v-table tbody tr[data-v-06548aec]:hover {
  background: color-mix(in srgb, var(--theme-primary, #6366f1) 5%, white);
}
.v-table tbody td[data-v-06548aec] {
  color: #374151;
  border-bottom: 1px solid #f1f5f9;
}
.v-table tbody tr:last-child td[data-v-06548aec] {
  border-bottom: none;
}
.v-table-status[data-v-06548aec] {
  display: inline-flex;
  align-items: center;
  padding: 4px 10px;
  font-size: calc(var(--base-font-size, 16px) * 0.75);
  font-weight: 500;
  border-radius: 9999px;
}
.v-table-status--active[data-v-06548aec] {
  background: #dcfce7;
  color: #166534;
}
.v-table-status--inactive[data-v-06548aec] {
  background: #f1f5f9;
  color: #64748b;
}

.v-tabs[data-v-3770da7e] {
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  overflow: hidden;
}
.v-tabs__header[data-v-3770da7e] {
  display: flex;
  background: #f8fafc;
  border-bottom: 1px solid #e2e8f0;
}
.v-tabs__tab[data-v-3770da7e] {
  flex: 1;
  padding: 14px 20px;
  font-size: calc(var(--base-font-size, 16px) * 0.9);
  font-family: inherit;
  font-weight: 500;
  color: #64748b;
  background: transparent;
  border: none;
  cursor: pointer;
  transition: all 0.15s ease;
  position: relative;
}
.v-tabs__tab[data-v-3770da7e]:hover {
  color: #1e293b;
  background: #f1f5f9;
}
.v-tabs__tab--active[data-v-3770da7e] {
  color: var(--theme-primary, #6366f1);
  background: white;
}
.v-tabs__tab--active[data-v-3770da7e]::after {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 0;
  right: 0;
  height: 2px;
  background: var(--theme-primary, #6366f1);
}
.v-tabs__content[data-v-3770da7e] {
  padding: 20px;
  background: white;
}
.v-tabs__panel[data-v-3770da7e] {
  font-size: calc(var(--base-font-size, 16px) * 0.95);
  color: #475569;
  line-height: 1.6;
}

.v-accordion[data-v-1cba5934] {
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  overflow: hidden;
}
.v-accordion__item[data-v-1cba5934] {
  border-bottom: 1px solid #e2e8f0;
}
.v-accordion__item[data-v-1cba5934]:last-child {
  border-bottom: none;
}
.v-accordion__header[data-v-1cba5934] {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px;
  font-size: calc(var(--base-font-size, 16px) * 0.95);
  font-family: inherit;
  font-weight: 500;
  color: #1e293b;
  background: white;
  border: none;
  cursor: pointer;
  transition: background 0.15s ease;
}
.v-accordion__header[data-v-1cba5934]:hover {
  background: #f8fafc;
}
.v-accordion__title[data-v-1cba5934] {
  text-align: left;
}
.v-accordion__icon[data-v-1cba5934] {
  width: 20px;
  height: 20px;
  color: #64748b;
  transition: transform 0.2s ease;
  flex-shrink: 0;
}
.v-accordion__icon svg[data-v-1cba5934] {
  width: 100%;
  height: 100%;
}
.v-accordion__item--open .v-accordion__icon[data-v-1cba5934] {
  transform: rotate(180deg);
}
.v-accordion__item--open .v-accordion__header[data-v-1cba5934] {
  color: var(--theme-primary, #6366f1);
}
.v-accordion__content[data-v-1cba5934] {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.2s ease;
}
.v-accordion__item--open .v-accordion__content[data-v-1cba5934] {
  grid-template-rows: 1fr;
}
.v-accordion__body[data-v-1cba5934] {
  overflow: hidden;
  padding: 0 20px;
  font-size: calc(var(--base-font-size, 16px) * 0.9);
  color: #64748b;
  line-height: 1.6;
}
.v-accordion__item--open .v-accordion__body[data-v-1cba5934] {
  padding: 0 20px 16px;
}

.v-chart[data-v-04e467ac] {
  background: white;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 16px;
}
.v-chart__container[data-v-04e467ac] {
  width: 100%;
  height: 280px;
}
/* Vue Playground Layout */
.playground {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
/* Showcase Section */
.showcase {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.showcase__title {
  font-size: calc(var(--base-font-size, 16px) * 1.125);
  font-weight: 600;
  color: #1e293b;
  margin: 0;
  padding-bottom: 8px;
  border-bottom: 1px solid #e2e8f0;
}
.showcase__content {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.showcase__row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}
.showcase__grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 16px;
}
.showcase__stack {
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-width: 320px;
}
.showcase__stack-wide {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
/* Select Group */
.select-group {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.select-group__title {
  font-size: calc(var(--base-font-size, 16px) * 0.9);
  font-weight: 600;
  color: #475569;
  margin: 0;
}
/* Toast Demo Buttons */
.toast-btn {
  padding: 10px 18px;
  font-size: calc(var(--base-font-size, 16px) * 0.9);
  font-family: inherit;
  font-weight: 500;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.15s ease;
  color: white;
}
.toast-btn--info {
  background: var(--theme-primary, #6366f1);
}
.toast-btn--info:hover {
  background: color-mix(in srgb, var(--theme-primary, #6366f1) 85%, black);
}
.toast-btn--success {
  background: #22c55e;
}
.toast-btn--success:hover {
  background: #16a34a;
}
.toast-btn--warning {
  background: #f59e0b;
}
.toast-btn--warning:hover {
  background: #d97706;
}
.toast-btn--error {
  background: #ef4444;
}
.toast-btn--error:hover {
  background: #dc2626;
}
/* Chart Grid Layout */
.chart-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}
@media (max-width: 768px) {
.chart-grid {
    grid-template-columns: 1fr;
}
}