@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500&family=Noto+Sans+SC:wght@400;500;600&family=Noto+Serif+SC:wght@400;500&family=Source+Serif+4:opsz,wght@8..60,400;8..60,500&display=swap");

:root {
  --cd-primary: #cc785c;
  --cd-primary-active: #a9583e;
  --cd-ink: #141413;
  --cd-body: #3d3d3a;
  --cd-body-strong: #252523;
  --cd-muted: #6c6a64;
  --cd-muted-soft: #8e8b82;
  --cd-hairline: #e6dfd8;
  --cd-hairline-soft: #ebe6df;
  --cd-canvas: #faf9f5;
  --cd-surface-soft: #f5f0e8;
  --cd-surface-card: #efe9de;
  --cd-surface-cream-strong: #e8e0d2;
  --cd-surface-dark: #181715;
  --cd-surface-dark-elevated: #252320;
  --cd-surface-dark-soft: #1f1e1b;
  --cd-on-primary: #ffffff;
  --cd-on-dark: #faf9f5;
  --cd-on-dark-soft: #a09d96;
  --cd-success: #5db872;
  --cd-warning: #d4a017;
  --cd-error: #c64545;
  --cd-shadow-soft: 0 1px 3px rgba(20, 20, 19, 0.08);
  --cd-shadow-panel: 0 16px 40px rgba(20, 20, 19, 0.06);
  --cd-display-font: "Source Serif 4", "Noto Serif SC", "Songti SC", SimSun, Georgia, serif;
  --cd-body-font: "Inter", "Noto Sans SC", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", Roboto, sans-serif;
  --cd-code-font: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

* {
  box-sizing: border-box;
}

html,
body,
#app {
  min-height: 100%;
  background: var(--cd-canvas);
  color: var(--cd-body);
}

body {
  font-family: var(--cd-body-font);
  font-size: 16px;
  letter-spacing: 0;
}

::selection {
  background: rgba(204, 120, 92, 0.22);
}

.n-config-provider {
  min-height: 100vh;
  background: var(--cd-canvas);
  color: var(--cd-body);
}

.n-grid[data-v-2ffec98f] {
  max-width: 1200px;
  min-height: 100vh;
  margin: 0 auto;
  padding: 0 24px;
}

.main[data-v-2ffec98f] {
  height: auto !important;
  min-height: 100vh;
  text-align: left !important;
}

.main[data-v-2ffec98f] > .n-space > div[role="none"] {
  width: 100%;
}

.n-layout,
.n-layout .n-layout-scroll-container {
  background: transparent !important;
  color: var(--cd-body) !important;
}

.n-layout[data-v-2ffec98f] {
  min-height: calc(100vh - 172px) !important;
}

.n-space {
  font-family: var(--cd-body-font);
}

.n-page-header-wrapper {
  position: sticky;
  top: 0;
  z-index: 20;
  background: rgba(250, 249, 245, 0.94);
  border-bottom: 1px solid var(--cd-hairline);
  backdrop-filter: blur(14px);
}

.n-page-header {
  min-height: 64px;
  padding: 0 8px;
}

.n-page-header .n-page-header__avatar {
  margin-right: 8px;
}

.n-page-header .n-avatar {
  width: 40px !important;
  height: 40px !important;
  border-radius: 10px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.n-page-header .n-avatar img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
}

.n-page-header .n-page-header__title h3 {
  margin: 0;
  color: var(--cd-ink);
  font-family: var(--cd-display-font);
  font-size: 26px;
  font-weight: 400;
  line-height: 1.16;
  letter-spacing: 0;
}

.n-page-header .n-page-header__extra {
  color: var(--cd-muted);
}

.n-menu {
  --n-item-text-color: var(--cd-muted) !important;
  --n-item-text-color-hover: var(--cd-ink) !important;
  --n-item-text-color-active: var(--cd-ink) !important;
  --n-item-icon-color: var(--cd-muted) !important;
  --n-item-icon-color-hover: var(--cd-primary) !important;
  --n-item-icon-color-active: var(--cd-primary) !important;
  --n-item-color-hover: var(--cd-surface-soft) !important;
  --n-item-color-active: var(--cd-surface-card) !important;
  --n-border-radius: 8px !important;
  font-family: var(--cd-body-font);
}

.n-menu .n-button {
  min-height: 36px;
  border-radius: 8px !important;
  font-weight: 500 !important;
}

.n-menu .n-button.n-button--primary-type {
  --n-color: var(--cd-surface-card) !important;
  --n-color-hover: var(--cd-surface-card) !important;
  --n-color-pressed: var(--cd-surface-cream-strong) !important;
  --n-color-focus: var(--cd-surface-card) !important;
  --n-text-color: var(--cd-ink) !important;
  --n-text-color-hover: var(--cd-ink) !important;
  --n-text-color-pressed: var(--cd-ink) !important;
  --n-text-color-focus: var(--cd-ink) !important;
}

.n-card {
  --n-border-radius: 12px !important;
  --n-color: var(--cd-canvas) !important;
  --n-color-embedded: var(--cd-surface-card) !important;
  --n-color-modal: var(--cd-canvas) !important;
  --n-color-popover: var(--cd-canvas) !important;
  --n-text-color: var(--cd-body) !important;
  --n-title-text-color: var(--cd-ink) !important;
  --n-border-color: var(--cd-hairline) !important;
  --n-box-shadow: none !important;
  border: 1px solid var(--cd-hairline) !important;
  box-shadow: none !important;
}

.n-card > .n-card-header .n-card-header__main,
.n-card .n-card-header__main {
  font-family: var(--cd-display-font);
  font-size: 24px;
  font-weight: 400;
  line-height: 1.25;
  letter-spacing: 0;
}

.n-card > .n-card__content {
  padding: 32px !important;
}

.center .n-card,
.center[data-v-33992ef1] .n-card,
.center[data-v-09845092] .n-card {
  max-width: 640px !important;
}

.center[data-v-33992ef1] {
  margin: 72px 20px 20px !important;
}

.n-tabs {
  --n-bar-color: var(--cd-primary) !important;
  --n-tab-text-color: var(--cd-muted) !important;
  --n-tab-text-color-active: var(--cd-ink) !important;
  --n-tab-text-color-hover: var(--cd-ink) !important;
  --n-tab-border-color: var(--cd-hairline) !important;
  --n-tab-border-radius: 8px !important;
  --n-color-segment: var(--cd-surface-soft) !important;
  --n-pane-text-color: var(--cd-body) !important;
}

.n-tabs-nav {
  border-radius: 12px;
}

.n-tabs-tab {
  border-radius: 8px;
  font-weight: 500;
}

.n-tabs-tab.n-tabs-tab--active {
  background: var(--cd-surface-card);
}

.n-tabs .n-tabs-bar {
  height: 2px;
  border-radius: 9999px;
}

.n-form-item {
  --n-label-text-color: var(--cd-body-strong) !important;
  --n-feedback-text-color: var(--cd-muted) !important;
  --n-asterisk-color: var(--cd-primary) !important;
}

.n-input {
  --n-border-radius: 8px !important;
  --n-height: 40px !important;
  --n-color: var(--cd-canvas) !important;
  --n-color-focus: var(--cd-canvas) !important;
  --n-text-color: var(--cd-ink) !important;
  --n-caret-color: var(--cd-primary) !important;
  --n-border: 1px solid var(--cd-hairline) !important;
  --n-border-hover: 1px solid var(--cd-primary) !important;
  --n-border-focus: 1px solid var(--cd-primary) !important;
  --n-box-shadow-focus: 0 0 0 3px rgba(204, 120, 92, 0.15) !important;
  --n-placeholder-color: var(--cd-muted-soft) !important;
  --n-loading-color: var(--cd-primary) !important;
}

.n-button {
  min-height: 40px;
  border-radius: 8px !important;
  font-family: var(--cd-body-font);
  font-weight: 500 !important;
  letter-spacing: 0;
}

.n-button.n-button--primary-type {
  --n-color: var(--cd-primary) !important;
  --n-color-hover: var(--cd-primary-active) !important;
  --n-color-pressed: var(--cd-primary-active) !important;
  --n-color-focus: var(--cd-primary-active) !important;
  --n-text-color: var(--cd-on-primary) !important;
  --n-text-color-hover: var(--cd-on-primary) !important;
  --n-text-color-pressed: var(--cd-on-primary) !important;
  --n-text-color-focus: var(--cd-on-primary) !important;
  --n-border: 1px solid var(--cd-primary) !important;
  --n-border-hover: 1px solid var(--cd-primary-active) !important;
  --n-border-pressed: 1px solid var(--cd-primary-active) !important;
  --n-border-focus: 1px solid var(--cd-primary-active) !important;
  --n-ripple-color: var(--cd-primary-active) !important;
}

.n-button.n-button--default-type {
  --n-color: var(--cd-canvas) !important;
  --n-color-hover: var(--cd-surface-soft) !important;
  --n-color-pressed: var(--cd-surface-card) !important;
  --n-color-focus: var(--cd-surface-soft) !important;
  --n-text-color: var(--cd-ink) !important;
  --n-text-color-hover: var(--cd-ink) !important;
  --n-text-color-pressed: var(--cd-ink) !important;
  --n-text-color-focus: var(--cd-ink) !important;
  --n-border: 1px solid var(--cd-hairline) !important;
  --n-border-hover: 1px solid var(--cd-primary) !important;
  --n-border-pressed: 1px solid var(--cd-primary-active) !important;
  --n-border-focus: 1px solid var(--cd-primary) !important;
}

.n-button.n-button--info-type {
  --n-color: transparent !important;
  --n-color-hover: var(--cd-surface-soft) !important;
  --n-color-pressed: var(--cd-surface-card) !important;
  --n-color-focus: var(--cd-surface-soft) !important;
  --n-text-color: var(--cd-primary) !important;
  --n-text-color-hover: var(--cd-primary-active) !important;
  --n-text-color-pressed: var(--cd-primary-active) !important;
  --n-text-color-focus: var(--cd-primary-active) !important;
  --n-border: 1px solid transparent !important;
  --n-border-hover: 1px solid transparent !important;
  --n-border-pressed: 1px solid transparent !important;
  --n-border-focus: 1px solid transparent !important;
}

.n-divider {
  --n-color: var(--cd-hairline) !important;
}

.n-alert {
  --n-border-radius: 12px !important;
  --n-color: var(--cd-surface-card) !important;
  --n-color-info: var(--cd-surface-card) !important;
  --n-title-text-color: var(--cd-ink) !important;
  --n-content-text-color: var(--cd-body) !important;
  background: var(--cd-surface-card) !important;
  border: 1px solid var(--cd-hairline) !important;
}

.n-alert .n-alert-body__title,
.n-alert .n-alert-body__content {
  color: var(--cd-body) !important;
}

.n-empty {
  --n-text-color: var(--cd-muted) !important;
  --n-icon-color: var(--cd-muted-soft) !important;
}

.n-empty .n-empty__description {
  color: var(--cd-ink) !important;
  font-family: var(--cd-display-font);
  font-size: 32px;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 0;
}

.n-base-selection {
  --n-color: var(--cd-canvas) !important;
  --n-color-active: var(--cd-canvas) !important;
  --n-text-color: var(--cd-ink) !important;
  --n-border: 1px solid var(--cd-hairline) !important;
  --n-border-hover: 1px solid var(--cd-primary) !important;
  --n-border-active: 1px solid var(--cd-primary) !important;
  --n-border-focus: 1px solid var(--cd-primary) !important;
  --n-box-shadow-active: 0 0 0 3px rgba(204, 120, 92, 0.15) !important;
  --n-box-shadow-focus: 0 0 0 3px rgba(204, 120, 92, 0.15) !important;
}

.n-pagination .n-pagination-item.n-pagination-item--active {
  background: var(--cd-canvas) !important;
  border-color: var(--cd-primary) !important;
  color: var(--cd-primary) !important;
}

.n-spin-container {
  --n-color: var(--cd-primary) !important;
  --n-text-color: var(--cd-primary) !important;
}

.n-spin-content.n-spin-content--spinning {
  opacity: 1 !important;
}

.n-spin-container .n-spin-body {
  padding: 14px 18px;
  background: rgba(250, 249, 245, 0.9);
  border: 1px solid var(--cd-hairline);
  border-radius: 12px;
  box-shadow: 0 1px 3px rgba(20, 20, 19, 0.08);
}

.n-data-table {
  --n-td-color: var(--cd-canvas) !important;
  --n-th-color: var(--cd-surface-card) !important;
  --n-border-color: var(--cd-hairline) !important;
  --n-td-text-color: var(--cd-body) !important;
  --n-th-text-color: var(--cd-ink) !important;
  border-radius: 12px;
  overflow: hidden;
}

.w-e-toolbar,
.w-e-text-container {
  --w-e-toolbar-bg-color: var(--cd-canvas);
  --w-e-toolbar-color: var(--cd-body);
  --w-e-toolbar-active-color: var(--cd-ink);
  --w-e-toolbar-active-bg-color: var(--cd-surface-card);
  --w-e-toolbar-border-color: var(--cd-hairline);
  --w-e-textarea-bg-color: var(--cd-canvas);
  --w-e-textarea-color: var(--cd-ink);
  --w-e-textarea-border-color: var(--cd-hairline);
  --w-e-textarea-selected-border-color: var(--cd-primary);
}

pre,
code,
.mail-text {
  font-family: var(--cd-code-font);
}

.mail-iframe,
.mail-html {
  border-radius: 12px;
}

.footer-divider {
  display: none !important;
}

.footer-divider + div {
  margin-top: 64px;
  padding: 40px 32px !important;
  background: var(--cd-surface-card);
  color: var(--cd-muted);
  border: 1px solid var(--cd-hairline);
  border-bottom: 0;
  border-radius: 12px 12px 0 0;
}

.footer-divider + div .n-text {
  --n-text-color: var(--cd-muted) !important;
  color: var(--cd-muted) !important;
}

.footer-divider + div::before {
  display: block;
  margin-bottom: 16px;
  color: var(--cd-ink);
  content: "Cloudflare Temp Email";
  font-family: var(--cd-display-font);
  font-size: 26px;
  font-weight: 400;
  line-height: 1.25;
  letter-spacing: 0;
}

/* Editorial refinement pass: app shell, mailbox workspace, and dense controls. */
.n-page-header-wrapper {
  margin-bottom: 10px;
}

.n-page-header .n-page-header__main {
  min-width: 0;
}

.n-page-header .n-avatar img {
  transform: scale(0.92);
}

.n-page-header .n-page-header__extra .n-space {
  gap: 6px 8px !important;
}

.n-menu .v-overflow {
  gap: 2px;
}

.n-menu .n-menu-item-content {
  padding: 0 !important;
}

.n-menu .n-button {
  padding: 0 10px !important;
}

.n-menu .n-button__content {
  color: inherit;
  font-size: 14px;
  line-height: 1;
}

.n-menu .n-button__icon {
  color: inherit;
  opacity: 0.82;
}

.center[data-v-33992ef1] .n-card,
.center[data-v-09845092] .n-card {
  position: relative;
  overflow: hidden;
  background: var(--cd-surface-card) !important;
  border-color: rgba(20, 20, 19, 0.08) !important;
}

.center[data-v-33992ef1] .n-card::before,
.center[data-v-09845092] .n-card::before {
  display: block;
  width: 44px;
  height: 4px;
  margin: 0 auto 22px;
  background: var(--cd-primary);
  border-radius: 9999px;
  content: "";
}

.center[data-v-33992ef1] .n-card > .n-card__content,
.center[data-v-09845092] .n-card > .n-card__content {
  padding: 42px 32px 32px !important;
}

.center[data-v-33992ef1] .n-divider,
.center[data-v-09845092] .n-divider {
  margin: 18px 0 24px !important;
}

.n-alert {
  padding: 8px !important;
}

.n-alert .n-alert-body {
  padding: 0 !important;
}

.address-row[data-v-335af9ba] {
  gap: 12px !important;
  min-height: 52px;
}

.address-select[data-v-335af9ba] {
  max-width: 520px !important;
}

.address-select .n-base-selection {
  min-height: 34px;
}

.address-select .n-base-selection-overlay__wrapper {
  color: var(--cd-ink);
  font-family: var(--cd-code-font);
  font-size: 13px;
}

.n-tabs {
  gap: 12px;
}

.n-tabs-nav {
  min-height: 42px;
  border-bottom: 1px solid var(--cd-hairline);
}

.n-tabs.n-tabs--bar-type .n-tabs-nav {
  border-bottom: 0;
}

.n-tabs.n-tabs--bar-type .n-tabs-nav-scroll-content {
  padding: 3px;
  background: var(--cd-surface-soft);
  border: 1px solid var(--cd-hairline);
  border-radius: 12px;
}

.n-tabs.n-tabs--bar-type .n-tabs-tab {
  min-height: 36px;
  padding: 0 16px !important;
}

.n-tabs.n-tabs--card-type .n-tabs-tab {
  min-height: 42px;
  margin-right: 4px !important;
  padding: 0 18px !important;
  background: var(--cd-canvas) !important;
  border: 1px solid var(--cd-hairline) !important;
  border-radius: 8px !important;
}

.n-tabs.n-tabs--card-type .n-tabs-tab.n-tabs-tab--active {
  background: var(--cd-surface-card) !important;
  border-color: rgba(20, 20, 19, 0.1) !important;
}

.n-tabs-tab__label {
  font-size: 14px;
  font-weight: 500;
}

.n-tab-pane {
  padding-top: 12px !important;
}

.n-space:has(.n-pagination),
.n-space:has(.n-pagination) > div {
  align-items: center;
}

.n-pagination {
  gap: 6px;
  flex-wrap: wrap;
}

.n-pagination > *:not(:first-child) {
  margin: 0 !important;
}

.n-pagination .n-pagination-item {
  min-width: 34px !important;
  height: 34px !important;
  border-radius: 8px !important;
}

.n-pagination .n-pagination-item--button {
  background: var(--cd-surface-soft) !important;
  border: 1px solid var(--cd-hairline) !important;
}

.n-checkbox .n-checkbox-box {
  border-radius: 5px !important;
}

.n-input,
.n-base-selection {
  font-size: 14px !important;
}

.n-input__placeholder,
.n-base-selection-placeholder {
  color: var(--cd-muted-soft) !important;
}

.n-split {
  min-height: 432px;
}

.n-split-pane-1 > div {
  background: var(--cd-canvas);
  border: 1px solid var(--cd-hairline);
  border-right: 0;
  border-radius: 12px 0 0 12px;
}

.n-list {
  --n-color: var(--cd-canvas) !important;
  --n-color-hover: var(--cd-surface-soft) !important;
  --n-border-color: var(--cd-hairline) !important;
  border-radius: 12px 0 0 12px !important;
}

.n-split__resize-trigger-wrapper {
  width: 4px !important;
}

.n-split__resize-trigger {
  background: var(--cd-hairline) !important;
  border-radius: 9999px;
}

.mail-item[data-v-d1585b00],
.mail-item[data-v-56d1af9f] {
  min-height: 432px;
  background: var(--cd-surface-card) !important;
  border-radius: 0 12px 12px 0 !important;
}

.mail-item .n-card__content {
  display: flex;
  min-height: 430px;
  align-items: center;
  justify-content: center;
}

.n-result {
  --n-icon-color: var(--cd-body-strong) !important;
  --n-title-text-color: var(--cd-ink) !important;
}

.n-result .n-result-icon {
  margin-bottom: 20px;
  color: var(--cd-body-strong) !important;
}

.n-result .n-result-header__title {
  color: var(--cd-ink) !important;
  font-family: var(--cd-display-font);
  font-size: 36px;
  font-weight: 400;
  line-height: 1.18;
  letter-spacing: 0;
}

.footer-divider + div {
  position: relative;
  overflow: hidden;
  width: 100%;
}

.footer-divider + div::after {
  display: block;
  width: 36px;
  height: 4px;
  margin: 22px auto 0;
  background: var(--cd-primary);
  border-radius: 9999px;
  content: "";
}

.center[data-v-bae9495d] {
  max-width: 1040px !important;
  margin: 0 auto !important;
}

.center[data-v-bae9495d] .n-card {
  max-width: none !important;
}

html.dark,
html.dark body,
html.dark #app,
html.dark .n-config-provider {
  background: var(--cd-surface-dark);
  color: var(--cd-on-dark);
}

html.dark .n-config-provider {
  background: var(--cd-surface-dark);
}

html.dark .n-page-header-wrapper {
  background: rgba(24, 23, 21, 0.94);
  border-color: rgba(250, 249, 245, 0.08);
}

html.dark .n-page-header .n-avatar {
  background: var(--cd-surface-dark-elevated) !important;
  border-color: rgba(250, 249, 245, 0.1) !important;
}

html.dark .n-page-header .n-page-header__title h3 {
  color: var(--cd-on-dark);
}

html.dark .n-layout,
html.dark .n-layout .n-layout-scroll-container {
  color: var(--cd-on-dark) !important;
}

html.dark .n-menu {
  --n-item-text-color: var(--cd-on-dark-soft) !important;
  --n-item-text-color-hover: var(--cd-on-dark) !important;
  --n-item-text-color-active: var(--cd-on-dark) !important;
  --n-item-icon-color: var(--cd-on-dark-soft) !important;
  --n-item-icon-color-hover: var(--cd-primary) !important;
  --n-item-icon-color-active: var(--cd-primary) !important;
  --n-item-color-hover: var(--cd-surface-dark-soft) !important;
  --n-item-color-active: var(--cd-surface-dark-elevated) !important;
}

html.dark .n-menu .n-button.n-button--primary-type,
html.dark .n-menu .n-button.n-button--default-type {
  --n-color: transparent !important;
  --n-color-hover: var(--cd-surface-dark-soft) !important;
  --n-color-pressed: var(--cd-surface-dark-elevated) !important;
  --n-color-focus: var(--cd-surface-dark-soft) !important;
  --n-text-color: var(--cd-on-dark-soft) !important;
  --n-text-color-hover: var(--cd-on-dark) !important;
  --n-text-color-pressed: var(--cd-on-dark) !important;
  --n-text-color-focus: var(--cd-on-dark) !important;
  --n-border: none !important;
}

html.dark .n-menu .n-button.n-button--primary-type {
  --n-color: var(--cd-surface-dark-elevated) !important;
  --n-text-color: var(--cd-on-dark) !important;
}

html.dark .n-card {
  --n-color: var(--cd-surface-dark-elevated) !important;
  --n-color-embedded: var(--cd-surface-dark-soft) !important;
  --n-color-modal: var(--cd-surface-dark-elevated) !important;
  --n-color-popover: var(--cd-surface-dark-elevated) !important;
  --n-text-color: var(--cd-on-dark-soft) !important;
  --n-title-text-color: var(--cd-on-dark) !important;
  --n-border-color: rgba(250, 249, 245, 0.08) !important;
  border-color: rgba(250, 249, 245, 0.08) !important;
}

html.dark .n-card,
html.dark .n-card__content,
html.dark .n-tab-pane,
html.dark .n-form,
html.dark .n-form-item-label,
html.dark .n-form-item-label__text,
html.dark .n-tabs-tab,
html.dark .n-tabs-tab__label {
  color: var(--cd-on-dark-soft) !important;
}

html.dark .n-tabs-tab.n-tabs-tab--active,
html.dark .n-tabs-tab.n-tabs-tab--active .n-tabs-tab__label {
  color: var(--cd-on-dark) !important;
}

html.dark .n-tabs {
  --n-bar-color: var(--cd-primary) !important;
  --n-tab-text-color: var(--cd-on-dark-soft) !important;
  --n-tab-text-color-active: var(--cd-on-dark) !important;
  --n-tab-text-color-hover: var(--cd-on-dark) !important;
  --n-tab-border-color: rgba(250, 249, 245, 0.1) !important;
  --n-color-segment: var(--cd-surface-dark-soft) !important;
  --n-pane-text-color: var(--cd-on-dark-soft) !important;
}

html.dark .n-tabs-tab.n-tabs-tab--active {
  background: var(--cd-surface-dark-soft);
}

html.dark .n-input {
  --n-color: var(--cd-surface-dark-soft) !important;
  --n-color-focus: var(--cd-surface-dark-soft) !important;
  --n-text-color: var(--cd-on-dark) !important;
  --n-placeholder-color: var(--cd-on-dark-soft) !important;
  --n-border: 1px solid rgba(250, 249, 245, 0.1) !important;
  --n-border-hover: 1px solid var(--cd-primary) !important;
  --n-border-focus: 1px solid var(--cd-primary) !important;
  --n-box-shadow-focus: 0 0 0 3px rgba(204, 120, 92, 0.18) !important;
}

html.dark .n-button.n-button--default-type {
  --n-color: var(--cd-surface-dark-soft) !important;
  --n-color-hover: var(--cd-surface-dark-elevated) !important;
  --n-color-pressed: #302d29 !important;
  --n-color-focus: var(--cd-surface-dark-elevated) !important;
  --n-text-color: var(--cd-on-dark) !important;
  --n-text-color-hover: var(--cd-on-dark) !important;
  --n-text-color-pressed: var(--cd-on-dark) !important;
  --n-text-color-focus: var(--cd-on-dark) !important;
  --n-border: 1px solid rgba(250, 249, 245, 0.1) !important;
  --n-border-hover: 1px solid rgba(250, 249, 245, 0.18) !important;
  --n-border-pressed: 1px solid rgba(250, 249, 245, 0.22) !important;
  --n-border-focus: 1px solid rgba(250, 249, 245, 0.18) !important;
}

html.dark .n-button.n-button--primary-type {
  --n-color: var(--cd-primary) !important;
  --n-color-hover: var(--cd-primary-active) !important;
  --n-color-pressed: var(--cd-primary-active) !important;
  --n-color-focus: var(--cd-primary-active) !important;
  --n-text-color: var(--cd-on-primary) !important;
  --n-text-color-hover: var(--cd-on-primary) !important;
  --n-text-color-pressed: var(--cd-on-primary) !important;
  --n-text-color-focus: var(--cd-on-primary) !important;
  --n-border: 1px solid var(--cd-primary) !important;
  --n-border-hover: 1px solid var(--cd-primary-active) !important;
  --n-border-pressed: 1px solid var(--cd-primary-active) !important;
  --n-border-focus: 1px solid var(--cd-primary-active) !important;
}

html.dark .n-button.n-button--info-type {
  --n-color: transparent !important;
  --n-color-hover: var(--cd-surface-dark-soft) !important;
  --n-color-pressed: var(--cd-surface-dark-elevated) !important;
  --n-color-focus: var(--cd-surface-dark-soft) !important;
  --n-text-color: var(--cd-primary) !important;
  --n-text-color-hover: var(--cd-on-dark) !important;
  --n-text-color-pressed: var(--cd-on-dark) !important;
  --n-text-color-focus: var(--cd-on-dark) !important;
  --n-border: 1px solid transparent !important;
  --n-border-hover: 1px solid transparent !important;
  --n-border-pressed: 1px solid transparent !important;
  --n-border-focus: 1px solid transparent !important;
}

html.dark .n-divider {
  --n-color: rgba(250, 249, 245, 0.1) !important;
}

html.dark .n-button.n-button--default-type .n-button__content,
html.dark .n-button.n-button--default-type .n-button__icon {
  color: var(--cd-on-dark) !important;
}

html.dark .n-button.n-button--primary-type .n-button__content,
html.dark .n-button.n-button--primary-type .n-button__icon {
  color: var(--cd-on-primary) !important;
}

html.dark .n-menu .n-button.n-button--default-type .n-button__content,
html.dark .n-menu .n-button.n-button--default-type .n-button__icon {
  color: var(--cd-on-dark-soft) !important;
}

html.dark .n-menu .n-button.n-button--primary-type .n-button__content,
html.dark .n-menu .n-button.n-button--primary-type .n-button__icon {
  color: var(--cd-on-dark) !important;
}

html.dark .n-alert,
html.dark .n-data-table {
  border-color: rgba(250, 249, 245, 0.08) !important;
}

html.dark .n-alert {
  --n-color: var(--cd-surface-dark-elevated) !important;
  --n-color-info: var(--cd-surface-dark-elevated) !important;
  --n-title-text-color: var(--cd-on-dark) !important;
  --n-content-text-color: var(--cd-on-dark-soft) !important;
  background: var(--cd-surface-dark-elevated) !important;
}

html.dark .n-alert .n-alert-body__title,
html.dark .n-alert .n-alert-body__content {
  color: var(--cd-on-dark-soft) !important;
}

html.dark .n-empty {
  --n-text-color: var(--cd-on-dark-soft) !important;
  --n-icon-color: var(--cd-on-dark-soft) !important;
}

html.dark .n-empty .n-empty__description {
  color: var(--cd-on-dark) !important;
}

html.dark .n-base-selection {
  --n-color: var(--cd-surface-dark-soft) !important;
  --n-color-active: var(--cd-surface-dark-soft) !important;
  --n-text-color: var(--cd-on-dark) !important;
  --n-border: 1px solid rgba(250, 249, 245, 0.1) !important;
  --n-border-hover: 1px solid var(--cd-primary) !important;
  --n-border-active: 1px solid var(--cd-primary) !important;
  --n-border-focus: 1px solid var(--cd-primary) !important;
  --n-box-shadow-active: 0 0 0 3px rgba(204, 120, 92, 0.18) !important;
  --n-box-shadow-focus: 0 0 0 3px rgba(204, 120, 92, 0.18) !important;
}

html.dark .n-pagination .n-pagination-item {
  color: var(--cd-on-dark-soft) !important;
}

html.dark .n-pagination .n-pagination-item.n-pagination-item--active {
  background: var(--cd-surface-dark-soft) !important;
  border-color: var(--cd-primary) !important;
  color: var(--cd-on-dark) !important;
}

html.dark .n-spin-container .n-spin-body {
  background: rgba(37, 35, 32, 0.92);
  border-color: rgba(250, 249, 245, 0.1);
}

html.dark .footer-divider + div {
  background: var(--cd-surface-dark-elevated);
  color: var(--cd-on-dark-soft);
  border-color: rgba(250, 249, 245, 0.08);
}

html.dark .footer-divider + div .n-text {
  --n-text-color: var(--cd-on-dark-soft) !important;
  color: var(--cd-on-dark-soft) !important;
}

html.dark .footer-divider + div::before {
  color: var(--cd-on-dark);
}

html.dark .center[data-v-33992ef1] .n-card,
html.dark .center[data-v-09845092] .n-card {
  background: var(--cd-surface-dark-elevated) !important;
  border-color: rgba(250, 249, 245, 0.1) !important;
}

html.dark .address-select .n-base-selection-overlay__wrapper {
  color: var(--cd-on-dark);
}

html.dark .n-tabs-nav {
  border-bottom-color: rgba(250, 249, 245, 0.1);
}

html.dark .n-tabs.n-tabs--bar-type .n-tabs-nav-scroll-content {
  background: var(--cd-surface-dark-soft);
  border-color: rgba(250, 249, 245, 0.1);
}

html.dark .n-tabs.n-tabs--card-type .n-tabs-tab {
  background: var(--cd-surface-dark) !important;
  border-color: rgba(250, 249, 245, 0.1) !important;
}

html.dark .n-tabs.n-tabs--card-type .n-tabs-tab.n-tabs-tab--active {
  background: var(--cd-surface-dark-elevated) !important;
  border-color: rgba(250, 249, 245, 0.16) !important;
}

html.dark .n-pagination .n-pagination-item--button {
  background: var(--cd-surface-dark-soft) !important;
  border-color: rgba(250, 249, 245, 0.1) !important;
}

html.dark .n-split-pane-1 > div {
  background: var(--cd-surface-dark);
  border-color: rgba(250, 249, 245, 0.08);
}

html.dark .n-list {
  --n-color: var(--cd-surface-dark) !important;
  --n-color-hover: var(--cd-surface-dark-soft) !important;
  --n-border-color: rgba(250, 249, 245, 0.08) !important;
}

html.dark .n-split__resize-trigger {
  background: rgba(250, 249, 245, 0.16) !important;
}

html.dark .mail-item[data-v-d1585b00],
html.dark .mail-item[data-v-56d1af9f] {
  background: var(--cd-surface-dark-elevated) !important;
}

html.dark .n-result {
  --n-icon-color: var(--cd-on-dark-soft) !important;
  --n-title-text-color: var(--cd-on-dark) !important;
}

html.dark .n-result .n-result-icon {
  color: var(--cd-on-dark-soft) !important;
}

html.dark .n-result .n-result-header__title {
  color: var(--cd-on-dark) !important;
}

@media (max-width: 768px) {
  .n-grid[data-v-2ffec98f] {
    padding: 0 14px;
  }

  .n-page-header {
    min-height: 60px;
    padding: 0;
  }

  .n-page-header .n-page-header__title h3 {
    max-width: 62vw;
    overflow: hidden;
    font-size: 22px;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .center[data-v-33992ef1] {
    margin: 40px 0 16px !important;
  }

  .n-card > .n-card__content {
    padding: 24px !important;
  }

  .n-tabs-tab {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .footer-divider + div {
    margin-top: 40px;
    padding: 32px 20px !important;
  }
}
