/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties;
:root, :host {
  --color-ca-15-color-2: rgb(52, 65, 86);
  --color-ca-6-color: rgb(255, 255, 255);
  --leading-ca-16: 1.65;
  --radius-ca-15: 10px;
  --radius-ca-6: 10px;
  --radius-ca-9: 9px;
  --spacing-ca-11-height: 100vh;
  --spacing-ca-14: 12px;
  --spacing-ca-14-margin-bottom: 28px;
  --spacing-ca-15: 34px;
  --spacing-ca-16: 760px;
  --spacing-ca-16-margin: 0px 0px 12px;
  --spacing-ca-25: 5px;
  --spacing-ca-5: 10px;
  --spacing-ca-6: 32px;
  --spacing-ca-8: 5px;
  --spacing-ca-9: 3px;
  --spacing-ca-9-padding: 10px;
}
.\[margin\:0px_0px_10px\] {
  margin: 0px 0px 10px;
}
.m-0 {
  margin: 0px;
}
.m-ca-16-margin {
  margin: var(--spacing-ca-16-margin);
}
.\[margin-top\:20px\] {
  margin-top: 20px;
}
.mb-ca-14-margin-bottom {
  margin-bottom: var(--spacing-ca-14-margin-bottom);
}
.mb-ca-25 {
  margin-bottom: var(--spacing-ca-25);
}
.block {
  display: block;
}
.flex {
  display: flex;
}
.grid {
  display: grid;
}
.h-ca-6 {
  height: var(--spacing-ca-6);
}
.h-ca-11-height {
  height: var(--spacing-ca-11-height);
}
.h-ca-15 {
  height: var(--spacing-ca-15);
}
.min-h-screen {
  min-height: 100vh;
}
.w-ca-6 {
  width: var(--spacing-ca-6);
}
.w-ca-15 {
  width: var(--spacing-ca-15);
}
.max-w-ca-16 {
  max-width: var(--spacing-ca-16);
}
.min-w-0 {
  min-width: 0px;
}
.\[flex\:0_0_auto\] {
  flex: 0 0 auto;
}
.grid-cols-\[36px_minmax\(0px\,1fr\)\] {
  grid-template-columns: 36px minmax(0px,1fr);
}
.grid-cols-\[220px_minmax\(0px\,1fr\)_292px\] {
  grid-template-columns: 220px minmax(0px,1fr) 292px;
}
.\[grid-template-rows\:auto_1fr_auto\] {
  grid-template-rows: auto 1fr auto;
}
.\[place-items\:center\] {
  place-items: center;
}
.items-center {
  align-items: center;
}
.justify-between {
  justify-content: space-between;
}
.gap-ca-5 {
  gap: var(--spacing-ca-5);
}
.gap-ca-8 {
  gap: var(--spacing-ca-8);
}
.gap-ca-9 {
  gap: var(--spacing-ca-9);
}
.gap-ca-14 {
  gap: var(--spacing-ca-14);
}
.overflow-auto {
  overflow: auto;
}
.rounded-ca-6 {
  border-radius: var(--radius-ca-6);
}
.rounded-ca-9 {
  border-radius: var(--radius-ca-9);
}
.rounded-ca-15 {
  border-radius: var(--radius-ca-15);
}
.\[padding\:28px_max\(24px\,_8vw\)\] {
  padding: 28px max(24px, 8vw);
}
.p-ca-9-padding {
  padding: var(--spacing-ca-9-padding);
}
.\[font-size\:14px\] {
  font-size: 14px;
}
.\[font-size\:18px\] {
  font-size: 18px;
}
.leading-ca-16 {
  --tw-leading: var(--leading-ca-16);
  line-height: var(--leading-ca-16);
}
.\[font-weight\:750\] {
  font-weight: 750;
}
.\[color\:inherit\] {
  color: inherit;
}
.text-ca-6-color {
  color: var(--color-ca-6-color);
}
.text-ca-15-color-2 {
  color: var(--color-ca-15-color-2);
}
.\[background\:rgb\(23\,_24\,_27\)\] {
  background: rgb(23, 24, 27);
}
.\[background\:rgb\(223\,_230\,_239\)\] {
  background: rgb(223, 230, 239);
}
.\[text-decoration\:none\] {
  text-decoration: none;
}
@media (max-width: 900px) {
  .\[\@media\(max-width\:_900px\)\]\:hidden {
    display: none;
  }
  .\[\@media\(max-width\:_900px\)\]\:h-ca-11-height {
    height: var(--spacing-ca-11-height);
  }
  .\[\@media\(max-width\:_900px\)\]\:grid-cols-\[1fr\] {
    grid-template-columns: 1fr;
  }
  .\[\@media\(max-width\:_900px\)\]\:\[padding\:22px_18px\] {
    padding: 22px 18px;
  }
}
@layer theme {
  :root {
    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  }
}
:root {
  color-scheme: light;
  --canvas: #f7f7f8;
  --surface: #fff;
  --soft: #f1f2f4;
  --line: #e3e4e8;
  --ink: #17181b;
  --muted: #747780;
  --accent: #087cf0;
  --success: #16885c;
  --danger: #d04455;
  --warning: #b76b11;
  --radius: 14px;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
html.dark {
  color-scheme: dark;
  --canvas: #111318;
  --surface: #191c22;
  --soft: #242831;
  --line: #e3e4e8;
  --ink: #f4f6f8;
  --muted: #9ca3af;
  --accent: #55a7ff;
  --success: #55c995;
  --danger: #ff7d8c;
  --warning: #efb566;
}
* {
  box-sizing: border-box;
}
html {
  margin: 0px;
  min-height: 100%;
  background: var(--canvas);
  color: var(--ink);
}
body {
  margin: 0px;
  min-height: 100%;
  background: var(--canvas);
  color: var(--ink);
}
.ca-10 {
  color: var(--muted);
}
.ca-18 {
  color: var(--muted);
}
.ca-22 {
  min-height: 34px;
  border: 0px;
  border-radius: 10px;
  font-style: inherit;
  font-variant: inherit;
  font-stretch: inherit;
  font-size: inherit;
  line-height: inherit;
  font-family: inherit;
  font-optical-sizing: inherit;
  font-size-adjust: inherit;
  font-kerning: inherit;
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  font-weight: 650;
  cursor: pointer;
}
.ca-23 {
  min-height: 34px;
  border: 0px;
  border-radius: 10px;
  font-style: inherit;
  font-variant: inherit;
  font-stretch: inherit;
  font-size: inherit;
  line-height: inherit;
  font-family: inherit;
  font-optical-sizing: inherit;
  font-size-adjust: inherit;
  font-kerning: inherit;
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  font-weight: 650;
  cursor: pointer;
}
.ca-22 {
  padding: 0px 12px;
  background: var(--soft);
  color: var(--ink);
}
.ca-23 {
  padding: 0px 14px;
  background: var(--accent);
  color: white;
}
.ca-1 {
  position: fixed;
  right: 14px;
  bottom: 14px;
  z-index: 20;
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: var(--surface);
  color: var(--ink);
  font: inherit;
  cursor: pointer;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 8px 24px;
}
.dark .ca-19 {
  background: var(--soft);
}
.ca-7 {
  width: 100%;
  margin: 18px 0px;
  padding: 11px;
  border: 0px;
  border-radius: 11px;
  background: var(--ink);
  color: rgb(255, 255, 255);
  font-weight: 750;
}
.ca-4 {
  padding: 18px 14px;
  border-right: 1px solid var(--line);
  background: var(--surface);
}
.ca-24 {
  padding: 18px 14px;
  border-right: 1px solid var(--line);
  background: var(--surface);
  border-right: 0px;
  border-left: 1px solid var(--line);
}
.ca-9[aria-current="page"] {
  background: var(--soft);
}
.ca-12 {
  padding: 16px 24px;
  border-bottom: 1px solid var(--line);
  background: var(--surface);
}
.ca-19 {
  padding: 13px;
  border-left: 3px solid var(--accent);
  background: rgb(238, 247, 255);
}
.ca-20 {
  margin: 0px max(20px, 8vw) 22px;
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: var(--surface);
  box-shadow: rgba(25, 29, 41, 0.125) 0px 12px 35px;
}
.ca-20 textarea {
  display: block;
  width: 100%;
  min-height: 62px;
  resize: none;
  border: 0px;
  outline: 0px;
  background: var(--surface);
  color: var(--ink);
  font: inherit;
}
.ca-25 {
  margin-top: 10px;
  padding: 12px;
  border: 1px solid var(--line);
  border-radius: 10px;
}
@media (max-width: 900px) {
  .ca-20 {
    margin: 0px 16px 16px;
  }
}
* {
  box-sizing: border-box;
}
*::before {
  box-sizing: border-box;
}
*::after {
  box-sizing: border-box;
}
html {
  color-scheme: light dark;
  font-family: Arial,sans-serif;
}
body {
  margin: 0;
}
button {
  font: inherit;
}
textarea {
  font: inherit;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-leading: initial;
    }
  }
}
