.kaidan-finances {
  --kdn-finances-surface: rgba(18, 24, 34, 0.94);
  --kdn-finances-surface-2: rgba(12, 17, 25, 0.92);
  --kdn-finances-text: #f5f7fb;
  --kdn-finances-muted: rgba(223, 231, 242, 0.72);
  --kdn-finances-accent: #7dd3fc;
  --kdn-finances-accent-2: #63e6be;
  --kdn-finances-shadow: 0 20px 48px rgba(3, 8, 15, 0.36);
  color: var(--kdn-finances-text);
  font-family: 'Jost', 'Montserrat', Arial, sans-serif;
}

html[data-theme="light"] .kaidan-finances {
  --kdn-finances-surface: rgba(244, 247, 252, 0.98);
  --kdn-finances-surface-2: rgba(232, 238, 247, 0.96);
  --kdn-finances-text: #152033;
  --kdn-finances-muted: rgba(38, 52, 71, 0.72);
  --kdn-finances-accent: #0f6ad9;
  --kdn-finances-accent-2: #127c5f;
  --kdn-finances-shadow: 0 18px 40px rgba(108, 124, 147, 0.18);
}

html[data-theme="blue"] .kaidan-finances {
  --kdn-finances-surface: rgba(14, 31, 58, 0.96);
  --kdn-finances-surface-2: rgba(10, 24, 46, 0.94);
  --kdn-finances-text: #eef6ff;
  --kdn-finances-muted: rgba(213, 228, 255, 0.72);
  --kdn-finances-accent: #7cd1ff;
  --kdn-finances-accent-2: #6ef0d1;
  --kdn-finances-shadow: 0 20px 48px rgba(4, 13, 24, 0.34);
}

/*.kdn-finances-hero,
.kdn-finances-card {
  background: linear-gradient(180deg, var(--kdn-finances-surface), var(--kdn-finances-surface-2));
}*/

.kdn-finances-hero {
  padding: 20px;
  border-radius: 24px;
  margin-bottom: 18px;
}

.kdn-finances-eyebrow {
  margin: 0 0 8px;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: var(--kdn-finances-accent);
}

.kdn-finances-title {
  margin: 0;
  font-size: 30px;
  line-height: 1.08;
  letter-spacing: -0.03em;
}

.kdn-finances-lead {
  margin: 12px 0 0;
  font-size: 15px;
  line-height: 1.65;
  color: var(--kdn-finances-muted);
}

.kdn-finances-grid {
  display: grid;
  gap: 14px;
  margin-bottom: 18px;
}

.kdn-finances-grid--four {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.kdn-finances-grid--two {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.kdn-finances-grid--three {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.kdn-finances-card {
  padding: 18px;
  border-radius: 22px;
}

.kdn-finances-card-label {
  display: block;
  font-size: 13px;
  color: var(--kdn-finances-muted);
}

.kdn-finances-card-value {
  display: block;
  margin-top: 10px;
  font-size: 24px;
  line-height: 1.1;
  font-family:var(--kdn-font-sans);
letter-spacing:0.01em;
}

.kdn-finances-panel {
  padding: 18px 0;
}
@media (max-width:767px) {
  .kdn-finances-panel {
  padding: 8px 0;
}
}

.kdn-finances-panel--compact {
  display: grid;
  gap: 16px;
}

.kdn-finances-panel-head,
.kdn-finances-row,
.kdn-finances-apercu-line {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}

.kdn-finances-panel-head {
  margin-bottom: 12px;
}

.kdn-finances-panel-head h3 {
  margin: 0;
  font-size: 18px;
}

.kdn-finances-stack > * + * {
  margin-top: 10px;
}

.kdn-finances-row {
  padding: 12px 14px;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.04);
}

html[data-theme="light"] .kdn-finances-row {
  background: rgba(255, 255, 255, 0.72);
}

.kdn-finances-empty {
  margin: 0;
  color: var(--kdn-finances-muted);
}

.kdn-finances-form-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.kdn-finances-field {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.kdn-finances-field--full {
  grid-column: 1 / -1;
}

.kdn-finances-field > span {
  font-size: 13px;
  color: var(--kdn-finances-muted);
}

.kdn-finances-field input,
.kdn-finances-field select,
.kdn-finances-field textarea {
  min-height: 48px;
  padding: 12px 14px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.06);
  color: var(--kdn-finances-text);
  font: inherit;
  -webkit-appearance: none;
  appearance: none;
}

html[data-theme="light"] .kdn-finances-field input,
html[data-theme="light"] .kdn-finances-field select,
html[data-theme="light"] .kdn-finances-field textarea {
  background: rgba(255, 255, 255, 0.82);
}

.kdn-finances-field input:focus,
.kdn-finances-field select:focus,
.kdn-finances-field textarea:focus,
.kdn-finances-field input:focus-visible,
.kdn-finances-field select:focus-visible,
.kdn-finances-field textarea:focus-visible {
  outline:none;
}

.kdn-finances-field textarea {
  min-height: 120px;
  resize: vertical;
}

.kdn-finances-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.kdn-finances-actions--end {
  justify-content: flex-end;
}

.kdn-finances-budget-warning {
  margin: 14px 0 0;
  padding: 14px 16px;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.04);
  color: var(--kdn-finances-muted);
}

.kdn-finances-budget-warning[data-level="warn"] {
  color: #ffd59e;
  font-family:var(--kdn-font-sans);
letter-spacing:0.01em;
}

.kdn-finances-budget-warning[data-level="ok"] {
  color: var(--kdn-finances-accent-2);
  font-family:var(--kdn-font-sans);
letter-spacing:0.01em;
}

.kdn-finances-list {
  display: grid;
  gap: 0;
}

.kdn-finances-inline-btn,
.kdn-finances-primary-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 0 16px;
  border-radius: 999px;
  font: inherit;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
}

.kdn-finances-inline-btn {
  background: rgba(255, 255, 255, 0.08);
  color: var(--kdn-finances-text);
}

.kdn-finances-inline-btn:disabled,
.kdn-finances-primary-btn:disabled {
  opacity: 0.55;
  cursor: default;
}

.kdn-finances-inline-btn.is-muted {
  background: rgba(255, 255, 255, 0.04);
  color: var(--kdn-finances-muted);
}

html[data-theme="light"] .kdn-finances-inline-btn {
  background: rgba(255, 255, 255, 0.84);
}

.kdn-finances-primary-btn {
  background: linear-gradient(180deg, rgba(125, 211, 252, 0.96), rgba(71, 182, 247, 0.92));
  color: #05111c;
  font-weight: 700;
}

.kdn-finances-inline-btn.is-strong {
  background: rgba(125, 211, 252, 0.16);
  color: var(--kdn-finances-text);
}

.kdn-finances-item {
  display: grid;
  gap: 14px;
  padding: 18px;
  border-radius: 0;
}

.kdn-finances-item-main {
  display: grid;
  gap: 10px;
}

.kdn-finances-item-head,
.kdn-finances-item-meta,
.kdn-finances-item-actions,
.kdn-finances-item-title {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.kdn-finances-item-head {
  justify-content: space-between;
}

.kdn-finances-icon-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--kdn-finances-text);
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
  border:0;
}

html[data-theme="light"] .kdn-finances-icon-btn {
  background: rgba(255, 255, 255, 0.84);
}

.kdn-finances-icon-btn .material-symbols-rounded {
  font-size: 20px;
}

.kdn-finances-item-title strong {
  font-size: 17px;
  line-height: 1.2;
}

.kdn-finances-item-price {
  font-size: 16px;
  font-weight: 700;
}

.kdn-finances-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 32px;
  padding: 0 12px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.08);
  color: var(--kdn-finances-muted);
  font-size: 12px;
  font-weight: 600;
}

.kdn-finances-pill.is-consider,
.kdn-finances-pill.is-later {
  color: var(--kdn-finances-accent);
}

.kdn-finances-pill.is-bought,
.kdn-finances-pill.is-high {
  color: var(--kdn-finances-accent-2);
}

.kdn-finances-pill.is-dropped,
.kdn-finances-pill.is-low {
  color: #ffb199;
}

.kdn-finances-pill.is-category {
  color: var(--kdn-finances-text);
}

.kdn-finances-item-metrics {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  color: var(--kdn-finances-muted);
  font-size: 13px;
}

.kdn-finances-modal-body > * + * {
  margin-top: 14px;
}

@media (max-width: 1024px) {
  .kaidan-finances.kdn-finances-budget,
  .kaidan-finances.kdn-finances-wishlist,
  .kaidan-finances.kdn-finances-debts {
    padding: 1em 8px !important;
    --kdn-ov-gap: 1px;
  }

  .kdn-finances-grid--four,
  .kdn-finances-grid--three,
  .kdn-finances-form-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 767px) {
  .kdn-finances-hero,
  .kdn-finances-card {
    border-radius: 20px;
  }

  .kdn-finances-hero {
    padding: 18px;
  }

  .kdn-finances-title {
    font-size: 26px;
  }

  .kdn-finances-grid--four,
  .kdn-finances-grid--three,
  .kdn-finances-grid--two,
  .kdn-finances-form-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .kdn-finances-card-value {
    font-size: 22px;
  }

  .kdn-finances-actions,
  .kdn-finances-panel-head {
    flex-direction: column;
    align-items: flex-start;
  }

  .kdn-finances-item-head,
  .kdn-finances-item-actions {
    flex-direction: column;
    align-items: flex-start;
  }

  .kdn-finances-inline-btn,
  .kdn-finances-primary-btn {
    width: 100%;
  }
}