:root {
  --ap-window-w: 100%;
  --ap-scrim: color-mix(in oklab, var(--color-black, #000000) 30%, transparent);
  --ap-surface: var(--color-canvas, #ffffff);
  --ap-radius: var(--radius-glass, 18px);
  --ap-field-radius: var(--radius-lg, 18px);
  --ap-ink: var(--color-ink, #1d1d1f);
  --ap-ink-2: var(--color-slate-700, #333333);
  --ap-ink-3: var(--color-slate-600, #56565a);
  --ap-muted: var(--color-slate-500, #7a7a7a);
  --ap-placeholder: var(--color-muted, #7a7a7a);
  --ap-hairline: var(--color-hairline, #e0e0e0);
  --ap-field-line: var(--color-hairline, #e0e0e0);
  --ap-field-focus: var(--color-brand-500, #4f63e0);
  --ap-field-ring: color-mix(in oklab, var(--color-brand-500, #4f63e0) 25%, transparent);
  --ap-fill: var(--color-parchment, #f5f5f7);
  --ap-accent: var(--color-brand-600, #4f63e0);
  --ap-accent-text: var(--color-brand-600, #4f63e0);
  --ap-accent-press: var(--color-brand-700, #3f52d6);
  --ap-accent-focus: var(--color-brand-500, #4f63e0);
  --ap-accent-soft: var(--color-brand-100, #e0e4fa);
  --ap-on-accent: var(--color-white, #ffffff);
  --ap-danger: var(--color-red-700, #c9241a);
  --ap-on-danger: #ffffff;
  --ap-close-hover: color-mix(in oklab, var(--color-black, #000000) 5%, transparent);
  --ap-tone-purchase-bg: var(--color-rose-50, #fff2f1);
  --ap-tone-purchase-ink: var(--color-rose-700, #c9241a);
  --ap-tone-sale-bg: var(--color-emerald-50, #eaf9ef);
  --ap-tone-sale-ink: var(--color-emerald-700, #1f7a35);
  --ap-tone-expense-bg: var(--color-amber-50, #fff6e9);
  --ap-tone-expense-ink: var(--color-amber-800, #8a5000);
  --ap-tone-income-bg: var(--color-brand-50, #eff1fd);
  --ap-tone-income-ink: var(--color-brand-700, #3f52d6);
}
:root[data-theme]:not([data-theme='beyaz']) {
  --ap-field-line: var(--theme-field);
  --ap-field-focus: var(--theme-accent-text);
}
:root[data-theme-tone='dark'] {
  --ap-scrim: rgb(0 0 0 / 0.6);
  --ap-close-hover: #ffffff14;
  --ap-accent-text: var(--theme-accent-text);
  --ap-tone-income-ink: var(--theme-accent-text);
}
.ason-pf-backdrop {
  position: fixed;
  inset: 0;
  z-index: 50;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.75rem;
}
.ason-pf-backdrop-view {
  align-items: flex-end;
  padding: 0;
  padding-top: 0.75rem;
}
@media (min-width: 40rem) {
  .ason-pf-backdrop { padding: 1rem; }
  .ason-pf-backdrop-view { align-items: center; padding: 1rem; }
}
.ason-pf-frame {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 0;
  max-height: 100%;
  overflow: hidden;
  border-radius: var(--ap-radius);
  background-color: var(--ap-surface);
}
@media (min-width: 40rem) {
  :root { --ap-window-w: min(90vw, 960px); }
}
.ason-pf-w-window { max-width: var(--ap-window-w); }
.ason-pf-frame-view {
  max-width: 100%;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
@media (min-width: 40rem) {
  .ason-pf-frame-view {
    max-width: var(--ap-window-w);
    border-bottom-right-radius: var(--ap-radius);
    border-bottom-left-radius: var(--ap-radius);
  }
}
.ason-pf-close {
  box-sizing: border-box;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  margin: -0.25rem -0.25rem 0 0;
  padding: 0;
  border: 0 solid;
  border-radius: var(--radius-lg, 18px);
  background-color: transparent;
  color: var(--ap-muted);
  font: inherit;
  font-size: var(--text-title1, 1.625rem);
  line-height: 1;
  letter-spacing: var(--text-title1--letter-spacing, 0.005em);
  transition-property: color, background-color;
  transition-timing-function: var(--ason-motion-ease-standard);
  transition-duration: var(--ason-motion-duration-base);
}
@media (hover: hover) {
  .ason-pf-close:hover { background-color: var(--ap-close-hover); color: var(--ap-ink); }
}
.ason-pf-close:focus-visible { outline: 2px solid var(--ap-accent); outline-offset: 2px; }
.ason-pf-head-wizard {
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  gap: 0.5rem;
  padding: 0.5rem;
}
.ason-pf-wizard-row { display: flex; align-items: center; gap: 0.25rem; }
.ason-pf-back {
  box-sizing: border-box;
  display: inline-flex;
  min-height: 2rem;
  min-width: 4.5rem;
  align-items: center;
  gap: 0.25rem;
  margin: 0;
  padding: 0 0.5rem;
  border: 0 solid;
  border-radius: 0;
  background-color: transparent;
  font: inherit;
  font-size: var(--text-body);
  line-height: var(--text-body--line-height);
  letter-spacing: var(--text-body--letter-spacing);
  font-weight: 600;
  color: var(--ap-accent-text);
}
.ason-pf-invisible { visibility: hidden; }
.ason-pf-wizard-title {
  display: flex;
  min-width: 0;
  flex: 1;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
.ason-pf-title-sm {
  margin: 0;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: var(--text-body);
  line-height: var(--text-body--line-height);
  letter-spacing: var(--text-body--letter-spacing);
  font-weight: 600;
  color: var(--ap-ink);
}
.ason-pf-wizard-end { display: flex; min-width: 4.5rem; justify-content: flex-end; }
.ason-pf-steps { display: flex; gap: 0.25rem; padding: 0 0.5rem; }
.ason-pf-step {
  height: 0.25rem;
  flex: 1;
  border-radius: var(--radius-pill);
  background-color: var(--ap-hairline);
}
.ason-pf-step-done { background-color: var(--ap-accent); }
.ason-pf-type {
  flex-shrink: 0;
  border-radius: var(--radius-pill);
  padding: 0.125rem 0.5rem;
  font-size: var(--text-caption2);
  line-height: var(--text-caption2--line-height);
  letter-spacing: var(--text-caption2--letter-spacing);
  font-weight: 600;
}
.ason-pf-type-purchase { background-color: var(--ap-tone-purchase-bg); color: var(--ap-tone-purchase-ink); }
.ason-pf-type-sale { background-color: var(--ap-tone-sale-bg); color: var(--ap-tone-sale-ink); }
.ason-pf-type-expense { background-color: var(--ap-tone-expense-bg); color: var(--ap-tone-expense-ink); }
.ason-pf-type-income { background-color: var(--ap-tone-income-bg); color: var(--ap-tone-income-ink); }
.ason-pf-head {
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  gap: 0.75rem;
  padding: 1.25rem 1.25rem 0.75rem;
}
@media (min-width: 40rem) {
  .ason-pf-head { padding: 1.5rem 1.5rem 0.75rem; }
}
.ason-pf-head-row { display: flex; align-items: flex-start; gap: 0.75rem; }
.ason-pf-head-text { min-width: 0; flex: 1; }
.ason-pf-title {
  margin: 0;
  overflow-wrap: break-word;
  font-size: var(--text-title2);
  line-height: var(--text-title2--line-height);
  letter-spacing: var(--text-title2--letter-spacing);
  font-weight: 700;
  color: var(--ap-ink);
}
.ason-pf-subtitle {
  margin: 0;
  font-size: var(--text-caption1);
  line-height: var(--text-caption1--line-height);
  letter-spacing: var(--text-caption1--letter-spacing);
  color: var(--ap-muted);
}
.ason-pf-body {
  min-height: 0;
  flex: 1;
  overflow-y: auto;
  padding: 0 1.25rem 1.25rem;
}
.ason-pf-body-wizard { padding-top: 0.5rem; }
.ason-pf-footer {
  display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
  gap: var(--ason-gap, 8px);
  padding: 0.5rem 1.25rem 1.25rem;
}
@media (min-width: 40rem) {
  .ason-pf-body { padding-left: 1.5rem; padding-right: 1.5rem; padding-bottom: 1.5rem; }
  .ason-pf-body-footer { padding-bottom: 0.75rem; }
  .ason-pf-footer { padding-left: 1.5rem; padding-right: 1.5rem; }
}
.ason-pf-actions { display: flex; width: 100%; flex-direction: column-reverse; gap: 0.5rem; }
@media (min-width: 40rem) {
  .ason-pf-actions { flex-direction: row; justify-content: flex-end; }
}
.ason-pf-confirm-body {
  font-size: var(--text-body);
  line-height: var(--text-body--line-height);
  letter-spacing: var(--text-body--letter-spacing);
  color: var(--ap-ink-2);
  max-width: 60ch;   
}
.ason-pf-btn {
  box-sizing: border-box;
  display: inline-flex;
  min-height: 2rem;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin: 0;
  padding: 0 1rem;
  border: 0 solid;
  border-radius: var(--radius-pill);
  background-color: transparent;
  color: inherit;
  font: inherit;
  font-size: var(--text-body);
  line-height: var(--text-body--line-height);
  letter-spacing: var(--text-body--letter-spacing);
  font-weight: 600;
  transition-property: color, background-color, border-color, opacity, scale;
  transition-timing-function: var(--ason-motion-ease-standard);
  transition-duration: var(--ason-motion-duration-base);
}
.ason-pf-btn:active { scale: 95% 95%; }
.ason-pf-btn:disabled { cursor: not-allowed; opacity: 0.5; }
.ason-pf-btn-ghost {
  border-width: 1px;
  border-color: var(--ap-hairline);
  background-color: var(--ap-surface);
  color: var(--ap-ink);
}
.ason-pf-btn-primary { background-color: var(--ap-accent); color: var(--ap-on-accent); }
.ason-pf-btn-danger { background-color: var(--ap-danger); color: var(--ap-on-danger); }
@media (hover: hover) {
  .ason-pf-btn-ghost:hover { background-color: var(--ap-fill); }
  .ason-pf-btn-primary:hover { background-color: var(--ap-accent-press); }
  .ason-pf-btn-danger:hover { background-color: color-mix(in oklab, var(--ap-danger) 90%, transparent); }
}
.ason-pf-btn-ring:focus-visible { outline: 2px solid color-mix(in oklab, var(--ap-accent-focus) 40%, transparent); outline-offset: 0; }
.ason-pf-choice-list { display: flex; flex-direction: column; gap: var(--ason-gap, 8px); max-width: 60ch; }
.ason-pf-choice {
  display: flex;
  min-height: 44px;
  cursor: pointer;
  align-items: center;
  gap: 0.75rem;
  border-radius: var(--radius-lg, 18px);
  background-color: var(--ap-fill);
  padding: 0 0.75rem;
  font-size: var(--text-body);
  line-height: var(--text-body--line-height);
  letter-spacing: var(--text-body--letter-spacing);
  color: var(--ap-ink);
}
.ason-pf-radio { width: 1rem; height: 1rem; margin: 0; accent-color: var(--ap-accent); }
.ason-pf-choice-label { flex: 1; }
.ason-pf-choice-tag {
  border-radius: var(--radius-pill);
  background-color: var(--ap-accent-soft);
  padding: 0.125rem 0.5rem;
  font-size: var(--text-caption1);
  line-height: var(--text-caption1--line-height);
  letter-spacing: var(--text-caption1--letter-spacing);
  font-weight: 600;
  color: var(--ap-tone-income-ink);
}
.ason-pf-prompt-form { display: flex; flex-direction: column; gap: 0.5rem; }
.ason-pf-prompt-field { display: flex; flex-direction: column; gap: 0.25rem; }
.ason-pf-prompt-label {
  font-size: var(--text-caption1);
  line-height: var(--text-caption1--line-height);
  letter-spacing: var(--text-caption1--letter-spacing);
  font-weight: 600;
  color: var(--ap-ink-3);
}
.ason-pf-input {
  box-sizing: border-box;
  width: 100%;
  height: 2rem;
  margin: 0;
  padding: 0 0.875rem;
  border: 1px solid var(--ap-field-line);
  border-radius: var(--ap-field-radius);
  background-color: var(--ap-surface);
  color: var(--ap-ink);
  font: inherit;
  font-size: var(--text-field);
  line-height: var(--text-field--line-height);
  letter-spacing: inherit;
  outline-style: none;
  transition-property: color, background-color, border-color;
  transition-timing-function: var(--ason-motion-ease-standard);
  transition-duration: var(--ason-motion-duration-base);
}
.ason-pf-input::placeholder { color: var(--ap-placeholder); opacity: 1; }
.ason-pf-input:focus {
  border-color: var(--ap-field-focus);
  outline: 2px solid var(--ap-field-ring);
  outline-offset: 0;
}
.ason-pf-backdrop::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background-color: var(--ap-scrim);
  will-change: opacity;
  transition: opacity var(--ason-motion-duration-fast) var(--ason-motion-ease-entrance);
}
.ason-pf-backdrop > .ason-pf-frame {
  transition:
    opacity var(--ason-motion-duration-base) var(--ason-motion-ease-entrance),
    transform var(--ason-motion-duration-relaxed) var(--ason-motion-ease-entrance);
}
@starting-style {
  .ason-pf-backdrop::before { opacity: 0; }
  .ason-pf-backdrop > .ason-pf-frame { opacity: 0; transform: translateY(var(--ason-motion-distance-md)); }
}
@media (width < 40rem) {
  .ason-pf-backdrop-view > .ason-pf-frame-view {
    transition:
      opacity var(--ason-motion-duration-base) var(--ason-motion-ease-entrance),
      transform var(--ason-motion-spring-smooth-duration) var(--ason-motion-spring-smooth);
  }
  @starting-style {
    .ason-pf-backdrop-view > .ason-pf-frame-view { transform: translateY(var(--ason-motion-travel-sheet)); }
  }
}
.ason-pf-backdrop[data-motion-exit]::before {
  opacity: 0;
  transition: opacity var(--ason-motion-duration-fast) var(--ason-motion-ease-exit);
}
.ason-pf-backdrop[data-motion-exit] > .ason-pf-frame {
  opacity: 0;
  transform: translateY(var(--ason-motion-distance-sm));
  transition:
    opacity var(--ason-motion-duration-fast) var(--ason-motion-ease-exit),
    transform var(--ason-motion-duration-base) var(--ason-motion-ease-exit);
}
@media (width < 40rem) {
  .ason-pf-backdrop-view[data-motion-exit] > .ason-pf-frame-view { transform: translateY(var(--ason-motion-travel-sheet)); }
}
@starting-style {
  .ason-pf-backdrop[data-motion-exit]::before { opacity: 1; }
  .ason-pf-backdrop.ason-pf-backdrop[data-motion-exit] > .ason-pf-frame { opacity: 1; transform: none; }
}
.ason-pf-backdrop:is([data-motion-moving], [data-motion-exit]) > .ason-pf-frame {
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
@media (prefers-reduced-motion: reduce) {
  .ason-pf-backdrop::before,
  .ason-pf-backdrop > .ason-pf-frame,
  .ason-pf-backdrop-view > .ason-pf-frame-view {
    transition-property: opacity !important;
    transition-duration: var(--ason-motion-reduced-fade) !important;
  }
}


:root {
  --am-radius: 24px;
  --am-pad: 5px;
  --am-item-h: 32px;
  --am-material: color-mix(in srgb, var(--elevated, #ffffff) 74%, transparent);
  --am-solid: var(--elevated, #ffffff);
  --am-rim: color-mix(in srgb, var(--ink, #1d1d1f) 12%, transparent);
  --am-danger: var(--error, #ff3b30);
  --am-ink: var(--ink, #1d1d1f);
  --am-secondary: var(--secondary-ink, #6e6e73);
  --am-on-accent: var(--accent-ink, #ffffff);
  --am-on-danger: #ffffff;
}
.ason-am-trigger {
  display: inline-grid; place-items: center;
  width: 32px; height: 32px; min-width: 32px; min-height: 32px; padding: 0;
  border: 0; border-radius: var(--radius-pill);
  background: transparent; color: var(--accent-fill, #4f63e0); 
  cursor: pointer; vertical-align: middle;
  transition:
    background-color var(--ason-motion-duration-base) var(--ason-motion-ease-standard),
    color var(--ason-motion-duration-base) var(--ason-motion-ease-standard);
}
.ason-am-trigger:hover,
.ason-am-trigger[aria-expanded='true'] { background: var(--fill, rgba(120, 120, 128, 0.12)); }
.ason-am-trigger:focus-visible { outline: 2px solid var(--accent-fill, #4f63e0); outline-offset: 2px; }
.ason-am-trigger svg { display: block; }
.ason-am-handle {
  color: var(--am-secondary);
  cursor: grab;
  touch-action: none;
  -webkit-user-select: none; user-select: none;
  -webkit-touch-callout: none;
}
.ason-am-handle:active { cursor: grabbing; }
.ason-am-menu {
  position: fixed; z-index: 1000;
  box-sizing: border-box;
  min-width: 200px; max-width: min(300px, calc(100vw - 16px));
  padding: var(--am-pad);
  border-radius: var(--am-radius);
  background: var(--am-material);
  -webkit-backdrop-filter: blur(28px) saturate(180%);
  backdrop-filter: blur(28px) saturate(180%);
  border: 1px solid var(--am-rim);
  box-shadow: none;
  color: var(--am-ink);
  font-family: var(--font-body, system-ui, sans-serif);
  transition:
    opacity var(--ason-motion-duration-base) var(--ason-motion-ease-entrance),
    transform var(--ason-motion-duration-base) var(--ason-motion-ease-entrance);
}
@starting-style {
  .ason-am-menu { opacity: 0; transform: scale(var(--ason-motion-scale-pop)); }
}
.ason-am-menu[data-motion-exit] {
  opacity: 0;
  transition: opacity var(--ason-motion-duration-fast) var(--ason-motion-ease-exit);
}
@starting-style {
  .ason-am-menu.ason-am-menu[data-motion-exit] { opacity: 1; transform: none; }
}
@media (prefers-reduced-motion: reduce) {
  .ason-am-menu {
    transition-property: opacity !important;
    transition-duration: var(--ason-motion-reduced-fade) !important;
  }
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  .ason-am-menu { background: var(--am-solid); }
}
@media (prefers-reduced-transparency: reduce) {
  .ason-am-menu { background: var(--am-solid); -webkit-backdrop-filter: none; backdrop-filter: none; }
}
.ason-am-slot { display: block; }
.ason-am-item {
  display: flex; align-items: center; gap: 10px;
  width: 100%; min-height: var(--am-item-h); padding: 0 10px; margin: 0;
  border: 0; border-radius: calc(var(--am-radius) - var(--am-pad)); 
  background: transparent; color: inherit; text-align: left;
  font: inherit; font-size: var(--text-body, 15px); line-height: var(--text-body--line-height, 20px); font-weight: 400;
  cursor: default; white-space: nowrap;
  -webkit-tap-highlight-color: transparent;
}
.ason-am-item:focus { outline: none; }
.ason-am-item:focus-visible,
.ason-am-item:focus { background: var(--accent-fill, #4f63e0); color: var(--am-on-accent); }
.ason-am-item.destructive { color: var(--am-danger); }
.ason-am-item.destructive:focus { background: var(--am-danger); color: var(--am-on-danger); }
.ason-am-item:disabled { opacity: 0.5; } 
@media (hover: none) {
  .ason-am-item:focus { background: var(--fill, rgba(120, 120, 128, 0.16)); color: inherit; }
  .ason-am-item.destructive:focus { background: var(--fill, rgba(120, 120, 128, 0.16)); color: var(--am-danger); }
}
.ason-am-icon { display: inline-grid; place-items: center; width: 16px; height: 16px; flex: 0 0 16px; }
.ason-am-icon svg { width: 16px; height: 16px; }
.ason-am-label { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.ason-am-sep { height: 1px; margin: var(--am-pad) 10px; background: var(--am-rim); }


:root {
  --at-rule: var(--color-hairline, #e0e0e0);
  --at-label: var(--color-muted, #7a7a7a);
  --at-empty-ink: var(--color-slate-500, #7a7a7a);
  --at-head-ink: var(--color-slate-500, #7a7a7a);
  --at-surface: var(--color-canvas, #ffffff);
  --at-zebra: var(--ason-row-zebra, #f5f5f7);
  --at-hover: var(--ason-row-hover, #eeeef2);
  --at-skel-bg: #e9e9ed;
  --at-skel-radius: 6px;
  --at-radius: var(--radius-glass, 18px);
}
:root[data-theme]:not([data-theme='beyaz']) {
  --at-skel-bg: var(--theme-skeleton);
}
.tablo-sik > thead > tr > th,
.tablo-sik > tbody > tr > td,
.tablo-sik > tfoot > tr > td,
.ason-table-dense > thead > tr > th,
.ason-table-dense > tbody > tr > td,
.ason-table-dense > tfoot > tr > td {
  padding-top: var(--satir-y-sik);
  padding-bottom: var(--satir-y-sik);
}
.tablo-orta > thead > tr > th,
.tablo-orta > tbody > tr > td,
.tablo-orta > tfoot > tr > td,
.ason-table-medium > thead > tr > th,
.ason-table-medium > tbody > tr > td,
.ason-table-medium > tfoot > tr > td {
  padding-top: var(--satir-y-orta);
  padding-bottom: var(--satir-y-orta);
}
.tablo-genis > thead > tr > th,
.tablo-genis > tbody > tr > td,
.tablo-genis > tfoot > tr > td,
.ason-table-wide > thead > tr > th,
.ason-table-wide > tbody > tr > td,
.ason-table-wide > tfoot > tr > td {
  padding-top: var(--satir-y-genis);
  padding-bottom: var(--satir-y-genis);
}
@media (max-width: 39.9375em) {
  .tablo-kart thead,
  .ason-table-cards thead { display: none; }
  .tablo-kart,
  .tablo-kart tbody,
  .ason-table-cards,
  .ason-table-cards tbody {
    display: block;
    width: 100%;
    min-width: 0 !important;
  }
  .tablo-kart tr,
  .ason-table-cards tr {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 9rem), 1fr));
    gap: 0.125rem 0.5rem;
    padding: 0.5rem 0;
    border-top: 1px solid var(--at-rule);
    align-items: start;
  }
  .tablo-kart td,
  .ason-table-cards td {
    display: block;
    padding: 0;
    min-width: 0;
    text-align: left;
  }
  .tablo-kart td[data-etiket]:not([data-etiket=''])::before,
  .ason-table-cards td[data-label]:not([data-label=''])::before {
    display: block;
    font-size: var(--text-caption2);
    line-height: var(--text-caption2--line-height);
    letter-spacing: var(--text-caption2--letter-spacing);
    text-transform: uppercase;
    color: var(--at-label);
  }
  .tablo-kart td[data-etiket]:not([data-etiket=''])::before { content: attr(data-etiket); }
  .ason-table-cards td[data-label]:not([data-label=''])::before { content: attr(data-label); }
  .tablo-kart td[colspan],
  .ason-table-cards td[colspan] { grid-column: 1 / -1; text-align: center; }
  .tablo-kart td.sticky,
  .tablo-kart th.sticky,
  .ason-table-cards td.sticky,
  .ason-table-cards th.sticky,
  .ason-table-cards td[data-sticky],
  .ason-table-cards th[data-sticky] {
    position: static;
    grid-column: 1 / -1;
    text-align: right;
  }
  .ason-table-cards tr:has(> td[data-card]) {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    column-gap: 0.75rem;
  }
  .ason-table-cards tr:has(> td[data-card]) > td { flex: 1 1 9rem; order: 3; }
  .ason-table-cards tr:has(> td[data-card]) > td[data-label='']:not([data-card]) { flex: 0 0 auto; order: 1; }
  .ason-table-cards tr:has(> td[data-card]) > td[data-card='title'] { flex: 1 0 calc(100% - 12rem); order: 0; min-width: 0; font-weight: 600; }
  .ason-table-cards tr:has(> td[data-card]) > td[data-card='amount'] { flex: 0 0 auto; order: 1; text-align: right; font-weight: 600; }
  .ason-table-cards tr:has(> td[data-card]) > td[data-card='meta'] {
    flex: 0 1 auto;
    order: 2;
    font-size: var(--text-caption1);
    line-height: var(--text-caption1--line-height);
    color: var(--at-label);
  }
  .ason-table-cards td[data-card='title'][data-label]::before,
  .ason-table-cards td[data-card='amount'][data-label]::before,
  .ason-table-cards td[data-card='meta'][data-label]::before { content: none; display: none; }
  .ason-table-cards td[data-card='meta'] ~ td[data-card='meta']::before {
    content: '·';
    display: inline;
    margin-right: 0.375rem;
    text-transform: none;
  }
  .ason-table-cards td[data-card='hidden'] { display: none; }
}
.ason-table-wrap {
  overflow-x: auto;
  border-radius: var(--at-radius);
  background-color: var(--at-surface);
}
.ason-table {
  width: 100%;
  border-collapse: collapse;
  font-size: var(--text-body);
  line-height: var(--text-body--line-height);
  letter-spacing: var(--text-body--letter-spacing);
}
.ason-table > thead {
  text-align: left;
  font-size: var(--text-caption1);
  line-height: var(--text-caption1--line-height);
  letter-spacing: 0.025em;
  text-transform: uppercase;
  color: var(--at-head-ink);
}
.ason-table > thead > tr > th {
  font-weight: 700;
  text-align: inherit;
}
.ason-table > thead > tr > th,
.ason-table > tbody > tr > td,
.ason-table > tfoot > tr > td,
.ason-table > tfoot > tr > th {
  padding-left: var(--satir-x);
  padding-right: var(--satir-x);
}
.ason-table > tbody > tr:nth-child(even) { background-color: var(--at-zebra); }
.ason-table > tbody > tr:hover { background-color: var(--at-hover); }
.ason-table > tbody > tr[data-skeleton]:hover,
.ason-table > tbody > tr:has(> td.ason-table-empty):hover { background-color: transparent; }
.ason-table-empty {
  padding: 2rem 0.75rem;
  text-align: center;
  color: var(--at-empty-ink);
}
.ason-skel {
  display: block;
  min-height: 0.5rem;
  background-color: var(--at-skel-bg);
  border-radius: var(--at-skel-radius);
  animation: ason-skel-pulse 1.6s ease-in-out infinite;
}
@keyframes ason-skel-pulse {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.55; }
}
@media (prefers-reduced-motion: reduce) {
  .ason-skel { animation: none; }
}
.ason-skel-line { height: 0.75rem; }
.ason-table-skel-cell {
  padding: 0.625rem 0.75rem;
}
.ason-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border-width: 0;
}


:root {
  --ar-surface: var(--color-canvas, #ffffff);
  --ar-radius: var(--radius-glass, 18px);
  --ar-field-radius: var(--radius-lg, 18px);
  --ar-ink: var(--color-ink, #1d1d1f);
  --ar-ink-2: var(--color-slate-700, #333333);
  --ar-muted: var(--color-slate-500, #7a7a7a);
  --ar-label: var(--color-muted, #7a7a7a);
  --ar-faint: var(--color-slate-400, #a3a3a8);
  --ar-hairline: var(--color-hairline, #e0e0e0);
  --ar-field-line: var(--color-hairline, #e0e0e0);
  --ar-field-focus: var(--color-brand-500, #4f63e0);
  --ar-field-ring: color-mix(in oklab, var(--color-brand-500, #4f63e0) 25%, transparent);
  --ar-fill: var(--color-parchment, #f5f5f7);
  --ar-accent: var(--color-brand-600, #4f63e0);
  --ar-on-accent: #ffffff;
  --ar-positive: var(--color-emerald-700, #1f7a35);
  --ar-negative: var(--color-red-700, #c9241a);
  --ar-error-fill: color-mix(in oklab, var(--color-red-50, #fff2f1) 80%, transparent);
  --ar-error-ink: var(--color-red-700, #c9241a);
  --ar-scroll-thumb: rgba(100, 116, 139, 0.55);
  --ar-scroll-thumb-webkit: rgba(100, 116, 139, 0.45);
  --ar-scroll-thumb-hover: rgba(100, 116, 139, 0.7);
  --ar-ease-out: cubic-bezier(0, 0, 0.2, 1);
}
:root[data-theme]:not([data-theme='beyaz']) {
  --ar-field-line: var(--theme-field);
  --ar-field-focus: var(--theme-accent-text);
}
.ason-rp-bar-wrap { padding: var(--ason-gap, 8px) var(--ason-gap, 8px) 0; }
.ason-rp-bar {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  overflow-x: auto;
  padding: 0.5rem 0.75rem;
  border-radius: var(--ar-radius);
  background-color: var(--ar-surface);
  scrollbar-width: thin;
  scrollbar-color: var(--ar-scroll-thumb) transparent;
}
.ason-rp-bar::-webkit-scrollbar { height: 10px; }
.ason-rp-bar::-webkit-scrollbar-track { background: transparent; }
.ason-rp-bar::-webkit-scrollbar-thumb { background: var(--ar-scroll-thumb-webkit); border-radius: var(--radius-pill, 999px); }
.ason-rp-bar::-webkit-scrollbar-thumb:hover { background: var(--ar-scroll-thumb-hover); }
.ason-rp-bar-label {
  flex-shrink: 0;
  padding-right: 0.25rem;
  font-size: var(--text-caption2);
  line-height: var(--text-caption2--line-height);
  letter-spacing: 0.05em;
  font-weight: 600;
  text-transform: uppercase;
  color: var(--ar-faint);
}
.ason-rp-pill {
  box-sizing: border-box;
  display: inline-flex;
  height: 2rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  white-space: nowrap;
  padding: 0 0.75rem;
  border: 1px solid var(--ar-hairline);
  border-radius: var(--radius-pill, 999px);
  color: var(--ar-ink-2);
  text-decoration: inherit;
  font-size: var(--text-body);
  line-height: var(--text-body--line-height);
  letter-spacing: var(--text-body--letter-spacing);
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, opacity, transform, translate, scale, rotate;
  transition-timing-function: var(--ason-motion-ease-standard);
  transition-duration: var(--ason-motion-duration-relaxed);
}
.ason-rp-pill-on {
  border-width: 0;
  background-color: var(--ar-accent);
  font-weight: 600;
  color: var(--ar-on-accent);
}
.ason-rp-nowrap { white-space: nowrap; }
.ason-rp-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 10rem), 1fr)); gap: var(--ason-gap, 8px); }
.ason-rp-stat { padding: 0.75rem; border-radius: var(--ar-radius); background-color: var(--ar-surface); }
.ason-rp-stat-label {
  font-size: var(--text-caption1);
  line-height: var(--text-caption1--line-height);
  letter-spacing: 0.025em;
  text-transform: uppercase;
  color: var(--ar-muted);
}
.ason-rp-stat-value {
  font-variant-numeric: tabular-nums;
  font-size: var(--text-title2);
  line-height: var(--text-title2--line-height);
  letter-spacing: var(--text-title2--letter-spacing);
  font-weight: 600;
  color: var(--ar-ink);
}
.ason-rp-stat-strong { font-weight: 700; }
.ason-rp-stat-positive { color: var(--ar-positive); }
.ason-rp-stat-negative { color: var(--ar-negative); }
.ason-rp-head {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 0.75rem;
  padding: 1rem;
  border-radius: var(--ar-radius);
  background-color: var(--ar-surface);
}
.ason-rp-head-row,
.ason-rp-range { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 0.5rem; }
.ason-rp-label {
  display: block;
  margin-bottom: 0.25rem;
  font-size: var(--text-caption1);
  line-height: var(--text-caption1--line-height);
  letter-spacing: 0.025em;
  font-weight: 600;
  color: var(--ar-label);
}
.ason-rp-input {
  box-sizing: border-box;
  width: 100%;
  height: 2rem;
  margin: 0;
  padding: 0 0.875rem;
  border: 1px solid var(--ar-field-line);
  border-radius: var(--ar-field-radius);
  background-color: var(--ar-surface);
  color: var(--ar-ink);
  font: inherit;
  font-size: var(--text-field);
  line-height: var(--text-field--line-height);
  letter-spacing: inherit;
  outline-style: none;
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, opacity, transform, translate, scale, rotate;
  transition-timing-function: var(--ason-motion-ease-standard);
  transition-duration: var(--ason-motion-duration-relaxed);
}
.ason-rp-input:focus { border-color: var(--ar-field-focus); box-shadow: 0 0 0 2px var(--ar-field-ring); }
.ason-rp-date { width: 9rem; }
.ason-rp-presets { display: flex; flex-wrap: wrap; gap: 0.25rem; padding-bottom: 0.125rem; }
.ason-rp-chip {
  box-sizing: border-box;
  display: inline-flex;
  height: 2rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  margin: 0;
  padding: 0 0.75rem;
  border: 0 solid;
  border-radius: var(--radius-pill, 999px);
  background-color: transparent;
  color: var(--ar-ink-2);
  font: inherit;
  font-size: var(--text-subhead);
  line-height: var(--text-subhead--line-height);
  letter-spacing: var(--text-subhead--letter-spacing);
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, opacity, transform, translate, scale, rotate;
  transition-timing-function: var(--ason-motion-ease-standard);
  transition-duration: var(--ason-motion-duration-relaxed);
}
.ason-rp-chip-on { background-color: var(--ar-accent); font-weight: 600; color: var(--ar-on-accent); }
@media (hover: hover) {
  .ason-rp-pill:not(.ason-rp-pill-on):hover,
  .ason-rp-chip:not(.ason-rp-chip-on):hover { background-color: var(--ar-fill); }
}
.ason-rp-error {
  padding: 0.5rem 0.75rem;
  border-radius: var(--radius-lg, 18px);
  background-color: var(--ar-error-fill);
  font-size: var(--text-body);
  line-height: var(--text-body--line-height);
  letter-spacing: var(--text-body--letter-spacing);
  color: var(--ar-error-ink);
}


:root {
  --tile-surface: var(--color-canvas, #ffffff);
  --tile-radius: var(--radius-glass, 18px);
  --tile-hover: var(--color-brand-50, #eff1fd);
  --tile-icon: var(--color-brand-600, #4f63e0);
  --tile-ink: var(--color-slate-700, #333333);
  --tile-ease-out: cubic-bezier(0, 0, 0.2, 1);
}
:root[data-theme-tone='dark'] { --tile-icon: var(--theme-accent-text); }
.ason-tiles {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 7rem), 1fr));
  gap: var(--ason-gap, 8px);
}
@media (min-width: 40rem) { .ason-tiles { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (min-width: 48rem) { .ason-tiles { grid-template-columns: repeat(6, minmax(0, 1fr)); } }
@media (min-width: 64rem) { .ason-tiles { grid-template-columns: repeat(8, minmax(0, 1fr)); } }
.ason-tile {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.25rem;
  padding: 0.75rem;
  border-radius: var(--tile-radius);
  background-color: var(--tile-surface);
  color: inherit;
  text-decoration: inherit;
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, opacity, transform, translate, scale, rotate;
  transition-timing-function: var(--ason-motion-ease-standard);
  transition-duration: var(--ason-motion-duration-relaxed);
}
.ason-tile:active { scale: 0.99; }
@media (hover: hover) {
  .ason-tile:hover { background-color: var(--tile-hover); }
}
.ason-tile-icon { color: var(--tile-icon); }
.ason-tile-label {
  font-size: var(--text-body);
  line-height: var(--text-body--line-height);
  letter-spacing: var(--text-body--letter-spacing);
  font-weight: 600;
  color: var(--tile-ink);
}