/*!*******************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[5].use[3]!./src/design-system/Button.module.css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************/
.Button_button__TERFQ {
  display: inline-flex;
  min-width: 0;
  align-items: center;
  justify-content: center;
  border: 1px solid transparent;
  border-radius: 6px;
  cursor: pointer;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1;
  text-decoration: none;
  transition: background 140ms ease, border-color 140ms ease, color 140ms ease;
}

.Button_button__TERFQ:disabled,
.Button_button__TERFQ[aria-disabled="true"] {
  cursor: not-allowed;
  opacity: 0.58;
}

.Button_button__TERFQ:focus-visible {
  outline: 2px solid var(--info);
  outline-offset: 2px;
}

.Button_button--primary__XAaC1 {
  background: var(--primary);
  color: var(--text);
}

.Button_button--primary__XAaC1:hover:not(:disabled) {
  background: var(--primary-hover);
}

.Button_button--primary__XAaC1:active:not(:disabled) {
  background: var(--primary-active);
}

.Button_button--secondary__OOlDC {
  border-color: var(--border);
  background: var(--surface-2);
  color: var(--text);
}

.Button_button--secondary__OOlDC:hover:not(:disabled) {
  border-color: var(--text-muted);
}

.Button_button--ghost__5r5nc {
  border-color: transparent;
  background: transparent;
  color: var(--text-secondary);
}

.Button_button--ghost__5r5nc:hover:not(:disabled) {
  background: var(--surface-2);
  color: var(--text);
}

.Button_button--sm__2_its {
  min-height: 34px;
  gap: 8px;
  padding: 0 12px;
  font-size: 0.875rem;
}

.Button_button--md__zgSjt {
  min-height: 42px;
  gap: 10px;
  padding: 0 16px;
  font-size: 0.9375rem;
}

.Button_button__icon__bPxf2 {
  display: inline-flex;
  width: 16px;
  height: 16px;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
}

.Button_button__label__z3elk {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[5].use[3]!./src/design-system/BrandLogo.module.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************/
.BrandLogo_brandLogo__qxKua {
  display: inline-block;
  min-width: 0;
  color: var(--text);
  font-family: var(--font-title);
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1;
  text-transform: lowercase;
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[5].use[3]!./src/design-system/TitleText.module.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************/
.TitleText_titleText__YuIN4 {
  font-family: var(--font-title);
  text-transform: lowercase;
}

.TitleText_titleText__punctuation__2_Piy {
  color: var(--primary);
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[5].use[3]!./src/design-system/Card.module.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************/
.Card_card__XoKdK {
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--surface);
  color: var(--text);
}

.Card_card--compact__boKL0 {
  padding: 16px;
}

.Card_card--normal__xRnJ6 {
  padding: 20px;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[5].use[3]!./src/design-system/MetricCard.module.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************/
.MetricCard_metricCard__FRVUc {
  display: grid;
  grid-gap: 14px;
  gap: 14px;
  min-width: 0;
  border: 1px solid var(--border);
  border-radius: 8px;
  padding: 16px;
  background: var(--surface);
}

.MetricCard_metricCard__label__W7lbF {
  margin: 0;
  color: var(--text-muted);
  font-family: var(--font-title);
  font-size: 0.8125rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.3;
  text-transform: lowercase;
}

.MetricCard_metricCard__body__wv5wg {
  display: flex;
  min-width: 0;
  align-items: flex-end;
  justify-content: space-between;
  gap: 12px;
}

.MetricCard_metricCard__value__biJHH {
  overflow-wrap: anywhere;
  color: var(--text);
  font-family: var(--font-title);
  font-size: 1.75rem;
  letter-spacing: 0;
  line-height: 1;
  text-transform: lowercase;
}

.MetricCard_metricCard__helper__B6KNY {
  flex: 0 1 auto;
  color: var(--text-secondary);
  font-size: 0.8125rem;
  font-weight: 700;
  line-height: 1.3;
  text-align: right;
}

.MetricCard_metricCard__helper--neutral__KkTJT {
  color: var(--text-secondary);
}

.MetricCard_metricCard__helper--success__RdBDN {
  color: var(--success);
}

.MetricCard_metricCard__helper--warning__m1sAl {
  color: var(--warning);
}

.MetricCard_metricCard__helper--error__xHfR9 {
  color: var(--error);
}

.MetricCard_metricCard__helper--info__DzUjk {
  color: var(--info);
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[5].use[3]!./src/design-system/SectionHeader.module.css ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************/
.SectionHeader_sectionHeader__eliJm {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}

.SectionHeader_sectionHeader__copy__iTOHE {
  display: grid;
  min-width: 0;
  grid-gap: 8px;
  gap: 8px;
}

.SectionHeader_sectionHeader__eyebrow__FJSbr {
  margin: 0;
  color: var(--primary);
  font-family: var(--font-title);
  font-size: 0.75rem;
  font-weight: 800;
  letter-spacing: 0;
  line-height: 1.2;
  text-transform: lowercase;
}

.SectionHeader_sectionHeader__title__FLxJI {
  margin: 0;
  color: var(--text);
  font-family: var(--font-title);
  font-size: 1.375rem;
  letter-spacing: 0;
  line-height: 1.15;
  text-transform: lowercase;
}

.SectionHeader_sectionHeader__description__OsZGw {
  max-width: 68ch;
  margin: 0;
  color: var(--text-secondary);
  font-size: 0.9375rem;
  line-height: 1.6;
}

.SectionHeader_sectionHeader__actions__g4yFv {
  display: flex;
  flex: 0 0 auto;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
}

@media (max-width: 680px) {
  .SectionHeader_sectionHeader__eliJm {
    display: grid;
  }

  .SectionHeader_sectionHeader__actions__g4yFv {
    justify-content: flex-start;
  }
}

/*!************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[5].use[3]!./src/design-system/StatusBadge.module.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************/
.StatusBadge_statusBadge__ZSwz9 {
  display: inline-flex;
  min-height: 24px;
  align-items: center;
  border: 1px solid var(--border);
  border-radius: 999px;
  padding: 0 10px;
  background: var(--surface-2);
  color: var(--text-secondary);
  font-size: 0.75rem;
  font-weight: 800;
  letter-spacing: 0;
  line-height: 1;
  white-space: nowrap;
}

.StatusBadge_statusBadge--neutral__bXnJB {
  color: var(--text-secondary);
}

.StatusBadge_statusBadge--success__Mgr1A {
  color: var(--success);
}

.StatusBadge_statusBadge--warning__Bp83R {
  color: var(--warning);
}

.StatusBadge_statusBadge--error__zwYNR {
  color: var(--error);
}

.StatusBadge_statusBadge--info__FRH_4 {
  color: var(--info);
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[5].use[3]!./src/design-system/TextInput.module.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************/
.TextInput_textInput__QAF42 {
  display: grid;
  grid-gap: 8px;
  gap: 8px;
}

.TextInput_textInput__label__W8iOt {
  color: var(--text-secondary);
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.3;
}

.TextInput_textInput__control__sWG74 {
  width: 100%;
  min-height: 42px;
  border: 1px solid var(--border);
  border-radius: 6px;
  padding: 0 12px;
  background: var(--surface-2);
  color: var(--text);
  outline: none;
}

.TextInput_textInput__control__sWG74::placeholder {
  color: var(--text-muted);
}

.TextInput_textInput__control__sWG74:focus {
  border-color: var(--accent-cool);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent-cool) 18%, transparent);
}

.TextInput_textInput__hint__ucla5 {
  margin: 0;
  color: var(--text-muted);
  font-size: 0.8125rem;
  line-height: 1.45;
}

/*!*******************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[5].use[3]!./src/app/page.module.css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************/
.page_home__jFQbK {
  display: grid;
  min-height: 100vh;
  place-items: center;
  padding: 32px;
  background: linear-gradient(
      180deg,
      color-mix(in srgb, var(--primary) 8%, transparent),
      transparent 42%
    ), var(--bg);
}

.page_home__panel__1C_y2 {
  display: grid;
  width: min(100%, 520px);
  grid-gap: 24px;
  gap: 24px;
  padding: 32px;
}

.page_home__title__J6YDr {
  margin: 0;
  color: var(--text);
  font-family: var(--font-title);
  font-size: 2.25rem;
  line-height: 1.05;
  text-transform: lowercase;
}

.page_home__copy__kxzOB {
  margin: 0;
  color: var(--text-secondary);
  font-size: 1rem;
  line-height: 1.6;
}

.page_home__actions__w_SKq {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}