:root {
  --rs-bg: #060707;
  --rs-surface-1: #0d0f0f;
  --rs-surface-2: #141717;
  --rs-surface-3: #1b1f1f;
  --rs-line: #2a3030;
  --rs-line-strong: #414949;
  --rs-text: #f3f5f5;
  --rs-text-muted: #a8b0b0;
  --rs-text-faint: #737c7c;
  --rs-brand: #20d6c7;
  --rs-brand-strong: #68eee3;
  --rs-brand-soft: rgba(32, 214, 199, .1);
  --rs-positive: #62d98b;
  --rs-caution: #f0b84d;
  --rs-negative: #ef665b;
  --rs-space-1: .25rem;
  --rs-space-2: .5rem;
  --rs-space-3: .75rem;
  --rs-space-4: 1rem;
  --rs-space-5: 1.5rem;
  --rs-space-6: 2rem;
  --rs-space-7: 3rem;
  --rs-radius-sm: 6px;
  --rs-radius-md: 9px;
  --rs-radius-lg: 13px;
  --rs-control: 44px;
  --rs-font-ui: Inter, system-ui, sans-serif;
  --rs-font-mono: "JetBrains Mono", ui-monospace, monospace;
  --rs-motion-fast: 140ms;
  --rs-motion-normal: 220ms;
  --rs-motion-emphasis: 320ms;
  --rs-motion-reveal: 420ms;
  --rs-ease-standard: cubic-bezier(.2, .6, .25, 1);
  --rs-ease-enter: cubic-bezier(.16, .78, .24, 1);
  --rs-ease-exit: cubic-bezier(.4, 0, .8, .25);
  --rs-shadow-low: 0 4px 14px rgba(0, 0, 0, .18);
  --rs-shadow-medium: 0 10px 28px rgba(0, 0, 0, .24);
  --rs-shadow-focus: 0 12px 34px rgba(0, 0, 0, .3), 0 0 0 1px rgba(32, 214, 199, .08);
}

html { color-scheme: dark; background: var(--rs-bg); }
body { min-width: 0; accent-color: var(--rs-brand); }
button, input, select, textarea { font: inherit; }
button, a, input, select, textarea { -webkit-tap-highlight-color: transparent; }
:where(button, a, input, select, textarea, summary):focus-visible {
  outline: 2px solid var(--rs-brand-strong) !important;
  outline-offset: 3px;
}
:where(input, select, textarea) { min-height: var(--rs-control); }
:where(button, [role="button"], .btn, .primary, .action) { min-height: var(--rs-control); }
:where(button, [role="button"], .btn, .primary, .action) {
  transition: color var(--rs-motion-fast) var(--rs-ease-standard),
    background-color var(--rs-motion-fast) var(--rs-ease-standard),
    border-color var(--rs-motion-fast) var(--rs-ease-standard),
    box-shadow var(--rs-motion-normal) var(--rs-ease-standard),
    transform var(--rs-motion-fast) var(--rs-ease-standard);
}
:where(button, [role="button"], .btn, .primary, .action):active:not(:disabled) { transform: translateY(1px); }
:where(table) { font-variant-numeric: tabular-nums; }
:where(.table-scroll, .table-wrap, .billing-table-wrap) {
  max-width: 100%; overflow-x: auto; overscroll-behavior-inline: contain;
}
.rs-rail { position: relative; padding-left: 18px; }
.rs-rail::before { content: ""; position: absolute; inset: 4px auto 4px 0; width: 2px; background: var(--rs-brand); }
.rs-meta { color: var(--rs-text-faint); font: 500 .75rem/1.5 var(--rs-font-mono); letter-spacing: .02em; }
.rs-status { display: inline-flex; align-items: center; gap: 7px; font-size: .75rem; font-weight: 700; }
.rs-status::before { content: ""; width: 7px; height: 7px; border: 1px solid currentColor; transform: rotate(45deg); }

@media (max-width: 768px) {
  :root { --rs-space-7: 2.25rem; }
  :where(button, [role="button"], .btn, .primary, .action) { min-height: 44px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto !important; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
}