/* [project]/src/components/account/account.css [app-client] (css) */
.nc-account {
  min-height: 100svh;
}

html:root body:has(.nc-account) {
  padding-bottom: 0;
  background-color: var(--nc-bg) !important;
}

.nc-ws-bar {
  z-index: 90;
  border-bottom: 1px solid var(--nc-line);
  background: var(--nc-glass);
  -webkit-backdrop-filter: blur(18px) saturate(1.2);
  backdrop-filter: blur(18px) saturate(1.2);
  position: sticky;
  top: 64px;
}

.nc-ws-bar-inner {
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  width: min(1320px, 100% - 2 * clamp(16px, 3vw, 32px));
  min-height: 56px;
  margin: 0 auto;
  display: flex;
}

.nc-ws-tabs {
  align-items: center;
  gap: 2px;
  display: flex;
}

.nc-ws-tabs a {
  border-radius: var(--nc-r-sm);
  min-height: 36px;
  color: var(--nc-muted);
  transition: background var(--nc-fast) var(--nc-ease), color var(--nc-fast) var(--nc-ease);
  align-items: center;
  gap: 8px;
  padding: 0 12px;
  font-size: 14px;
  font-weight: 500;
  display: inline-flex;
}

.nc-ws-tabs a svg {
  width: 16px;
  height: 16px;
}

.nc-ws-tabs a:hover {
  color: var(--nc-ink);
  background: var(--nc-hover);
}

.nc-ws-tabs a[aria-current="page"] {
  color: var(--nc-accent-ink);
  background: var(--nc-accent-soft);
}

.nc-ws-tools {
  align-items: center;
  gap: 4px;
  display: flex;
}

.nc-ws-tools .nc-icon-btn {
  position: relative;
}

.nc-ws-tools .nc-icon-btn[aria-current="page"] {
  background: var(--nc-surface);
  color: var(--nc-ink);
  box-shadow: inset 0 0 0 1px var(--nc-line);
}

.nc-ws-dot {
  background: var(--nc-err);
  width: 7px;
  height: 7px;
  box-shadow: 0 0 0 2px var(--nc-bg);
  border-radius: 50%;
  position: absolute;
  top: 8px;
  right: 8px;
}

.nc-ws-count {
  background: var(--nc-err);
  color: #fff;
  border-radius: 999px;
  place-items: center;
  min-width: 17px;
  height: 17px;
  padding: 0 4px;
  font-size: 10.5px;
  font-weight: 600;
  line-height: 1;
  display: grid;
  position: absolute;
  top: 3px;
  right: 2px;
}

.nc-ws-search {
  min-width: 190px;
  color: var(--nc-muted);
  justify-content: space-between;
  gap: 10px;
  font-weight: 400;
}

.nc-ws-search span {
  align-items: center;
  gap: 8px;
  display: inline-flex;
}

.nc-balance {
  border-left: 1px solid var(--nc-line);
  white-space: nowrap;
  align-items: baseline;
  gap: 8px;
  min-height: 38px;
  margin-left: 6px;
  padding: 0 4px 0 12px;
  display: inline-flex;
}

.nc-balance strong {
  font-family: var(--nc-font-display);
  letter-spacing: -.01em;
  font-variant-numeric: tabular-nums;
  font-size: 17px;
  font-weight: 560;
}

.nc-balance small {
  color: var(--nc-muted);
  font-size: 12px;
}

.nc-balance[data-tone="low"] small {
  color: var(--nc-warn);
}

.nc-balance[data-tone="empty"] small {
  color: var(--nc-err);
}

.nc-ws-popover {
  position: relative;
}

.nc-ws-popover > .nc-menu {
  z-index: 110;
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
}

.nc-inbox-ico {
  place-items: center;
  display: inline-grid;
  position: relative;
}

.nc-inbox-ico .nc-ws-dot {
  top: -3px;
  right: -4px;
}

.nc-inbox.zc-dialog {
  width: min(640px, 100vw - 32px);
  height: min(720px, 100dvh - 64px);
  overflow: hidden;
}

.nc-inbox[open] {
  flex-direction: column;
  display: flex;
}

.nc-inbox-body {
  flex-direction: column;
  flex: 1;
  min-height: 0;
  display: flex;
}

.nc-inbox-head {
  align-items: center;
  gap: 8px;
  padding: 16px 12px 12px 22px;
  display: flex;
}

.nc-inbox-head h2 {
  margin-right: auto;
}

.nc-inbox-head .nc-btn svg {
  width: 15px;
  height: 15px;
}

.nc-inbox-tabs {
  border-bottom: 1px solid var(--nc-line);
  scrollbar-width: none;
  flex: none;
  gap: 4px;
  padding: 0 16px 12px;
  display: flex;
  overflow-x: auto;
}

.nc-inbox-tabs::-webkit-scrollbar {
  display: none;
}

.nc-inbox-tabs [role="tab"] {
  min-height: 32px;
  color: var(--nc-muted);
  font: 500 13px/1 var(--nc-font-sans);
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 999px;
  flex: none;
  align-items: center;
  gap: 6px;
  padding: 0 12px;
  transition: background-color .15s, color .15s;
  display: inline-flex;
}

@media (hover: hover) {
  .nc-inbox-tabs [role="tab"]:hover {
    color: var(--nc-ink);
  }
}

.nc-inbox-tabs [role="tab"][aria-selected="true"] {
  background: var(--nc-surface-3);
  color: var(--nc-ink);
}

.nc-inbox-count {
  background: var(--nc-accent-2);
  color: #fff;
  border-radius: 9px;
  place-items: center;
  min-width: 18px;
  height: 18px;
  padding: 0 5px;
  font-size: 11px;
  font-weight: 600;
  display: inline-grid;
}

.nc-inbox-list {
  overscroll-behavior: contain;
  flex: 1;
  min-height: 0;
  padding: 6px 8px 14px;
  overflow-y: auto;
}

.nc-inbox-list h3 {
  color: var(--nc-muted);
  padding: 16px 14px 6px;
  font-size: 12px;
  font-weight: 600;
}

.nc-inbox .nc-notice {
  width: 100%;
  color: var(--nc-ink);
  font: inherit;
  text-align: left;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 10px;
  gap: 4px;
  padding: 12px 14px;
  transition: background-color .15s;
  display: grid;
}

.nc-inbox .nc-notice:is(:hover, :focus-visible) {
  background: var(--nc-surface-2);
}

.nc-inbox .nc-notice + .nc-notice {
  margin-top: 2px;
}

.nc-inbox .nc-notice:not([data-unread]) strong {
  font-weight: 500;
}

.nc-inbox .nc-notice span {
  -webkit-line-clamp: 3;
  font-size: 13.5px;
}

.nc-inbox .nc-notice small {
  color: var(--nc-muted);
  font-size: 12px;
}

@media (max-width: 767px) {
  .nc-inbox.zc-dialog {
    border: 0;
    border-radius: 0;
    width: 100vw;
    max-width: 100vw;
    height: 100dvh;
    max-height: 100dvh;
    margin: 0;
  }

  .nc-inbox-head {
    padding: 12px 8px 10px 16px;
  }

  .nc-inbox-tabs {
    padding: 0 12px 10px;
  }
}

.nc-notice strong {
  align-items: center;
  gap: 8px;
  font-weight: 560;
  display: flex;
}

.nc-notice strong i {
  background: var(--nc-accent-2);
  border-radius: 50%;
  flex: none;
  width: 7px;
  height: 7px;
}

.nc-notice span {
  color: var(--nc-muted);
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 13px;
  line-height: 1.45;
  display: -webkit-box;
  overflow: hidden;
}

.nc-notice-empty {
  color: var(--nc-muted);
  padding: 24px 14px;
  font-size: 13.5px;
}

.nc-notice[data-severity="warning"] strong i, .nc-notice[data-severity="critical"] strong i {
  background: var(--nc-warn);
}

.nc-ws-main {
  width: min(1320px, 100% - 2 * clamp(16px, 3vw, 32px));
  margin: 0 auto;
  padding: 28px 0 72px;
}

.nc-ws-head {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: end;
  gap: 12px 24px;
  margin-bottom: 22px;
  display: flex;
}

.nc-ws-head .nc-lead {
  margin-top: 8px;
}

.nc-account :is(.nc-ws-head, .nc-ov-hero) .nc-h1 {
  letter-spacing: -.045em;
  font-size: clamp(30px, 3.4vw, 46px);
  line-height: 1.04;
}

.nc-ws-subnav {
  margin-bottom: 22px;
}

.nc-toast-notice {
  z-index: 120;
  width: min(360px, 100vw - 32px);
  animation: nc-rise var(--nc-base) var(--nc-ease) both;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 4px 12px;
  padding: 14px 14px 14px 16px;
  display: grid;
  position: fixed;
  bottom: 20px;
  right: 20px;
}

.nc-toast-notice button:first-of-type {
  text-align: left;
  cursor: pointer;
  background: none;
  border: 0;
  grid-area: 1 / 1 / 3;
  gap: 3px;
  padding: 0;
  display: grid;
}

.nc-toast-notice strong {
  font-weight: 560;
}

.nc-toast-notice span {
  color: var(--nc-muted);
  font-size: 13px;
}

@keyframes nc-rise {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
}

.nc-palette-backdrop {
  z-index: 200;
  background: color-mix(in srgb, var(--nc-bg) 55%, transparent);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  place-items: start center;
  padding: 12vh 16px 16px;
  display: grid;
  position: fixed;
  inset: 0;
}

.nc-palette {
  width: min(620px, 100%);
  padding: 0;
  overflow: hidden;
}

.nc-palette-field {
  border-bottom: 1px solid var(--nc-line);
  align-items: center;
  gap: 10px;
  padding: 0 16px;
  display: flex;
}

.nc-palette-field svg {
  width: 18px;
  height: 18px;
  color: var(--nc-muted);
  flex: none;
}

.nc-palette-field input {
  min-width: 0;
  min-height: 56px;
  color: var(--nc-ink);
  font: inherit;
  background: none;
  border: 0;
  outline: none;
  flex: 1;
  font-size: 16px;
}

.nc-palette-field input:is(:hover, :focus), html.dark .nc-palette-field input {
  box-shadow: none;
  background: none;
  border: 0;
}

.nc-palette ul {
  max-height: min(52svh, 420px);
  margin: 0;
  padding: 6px;
  list-style: none;
  overflow-y: auto;
}

.nc-palette li {
  cursor: pointer;
  border-radius: 8px;
  align-items: center;
  gap: 12px;
  min-height: 42px;
  padding: 0 10px;
  display: flex;
}

.nc-palette li svg {
  width: 16px;
  height: 16px;
  color: var(--nc-muted);
  flex: none;
}

.nc-palette li small {
  color: var(--nc-faint);
  margin-left: auto;
  font-size: 12px;
}

.nc-palette li[aria-selected="true"] {
  background: var(--nc-hover);
}

.nc-palette-group {
  color: var(--nc-faint);
  padding: 10px 10px 4px;
  font-size: 12px;
}

.nc-palette-empty {
  color: var(--nc-muted);
  padding: 16px;
}

.nc-palette-foot {
  border-top: 1px solid var(--nc-line);
  color: var(--nc-faint);
  gap: 14px;
  padding: 10px 16px;
  font-size: 12px;
  display: flex;
}

.nc-palette-foot span {
  align-items: center;
  gap: 6px;
  display: inline-flex;
}

@media (max-width: 1100px) {
  .nc-ws-search {
    min-width: 0;
  }

  .nc-ws-search .nc-ws-search-label, .nc-ws-search .nc-kbd {
    display: none;
  }
}

@media (max-width: 760px) {
  .nc-ws-bar {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background: var(--nc-bg);
  }

  .nc-ws-bar-inner {
    justify-content: flex-end;
    min-height: 52px;
  }

  .nc-ws-tabs {
    z-index: 95;
    padding: 6px 6px calc(6px + env(safe-area-inset-bottom));
    border-top: 1px solid var(--nc-line);
    background: var(--nc-glass-strong);
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
    grid-template-columns: repeat(5, 1fr);
    gap: 0;
    display: grid;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
  }

  .nc-ws-tabs a {
    flex-direction: column;
    justify-content: center;
    gap: 3px;
    min-height: 52px;
    padding: 0 2px;
    font-size: 11px;
  }

  .nc-ws-tabs a svg {
    width: 20px;
    height: 20px;
  }

  .nc-ws-tabs a[aria-current="page"] {
    box-shadow: none;
    background: var(--nc-hover);
  }

  .nc-ws-main {
    padding-bottom: 110px;
  }

  .nc-balance small, .nc-ws-topup span {
    display: none;
  }

  .nc-ws-topup {
    width: 38px;
    padding: 0;
  }

  .nc-toast-notice {
    bottom: 84px;
  }
}

.nc-log-tools {
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 12px;
  margin-bottom: 16px;
  display: flex;
}

.nc-log-range {
  background: var(--nc-accent-soft);
  min-height: 36px;
  color: var(--nc-accent-ink);
  white-space: nowrap;
  border-radius: 999px;
  align-items: center;
  gap: 8px;
  padding: 0 3px 0 12px;
  font-size: 13px;
  font-weight: 500;
  display: inline-flex;
}

.nc-log-range > svg {
  width: 16px;
  height: 16px;
}

.nc-log-range .nc-icon-btn {
  width: 30px;
  height: 30px;
  color: inherit;
  border-radius: 999px;
}

.nc-log-filters {
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-left: auto;
  display: flex;
}

.nc-log-filters .nc-input {
  width: 160px;
  min-height: 36px;
}

.nc-log-filters .nc-input.nc-mono {
  width: 220px;
}

.nc-log {
  overflow: hidden;
}

.nc-log-row {
  border: 0;
  border-top: 1px solid var(--nc-line);
  width: 100%;
  min-height: 48px;
  color: var(--nc-ink);
  font: inherit;
  text-align: left;
  cursor: pointer;
  background: none;
  grid-template-columns: 124px minmax(0, 1.4fr) minmax(0, .9fr) minmax(0, 1.2fr) 80px minmax(0, 1fr) 118px;
  align-items: center;
  gap: 12px;
  padding: 0 16px;
  font-size: 13.5px;
  display: grid;
}

.nc-log-row > span {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  overflow: hidden;
}

.nc-log-row:hover, .nc-log-row[aria-expanded="true"] {
  background: var(--nc-surface-2);
}

.nc-log-head {
  min-height: 38px;
  color: var(--nc-muted);
  cursor: default;
  border-top: 0;
  font-size: 12px;
}

.nc-log-head:hover {
  background: none;
}

.nc-log-strong {
  font-weight: 500;
}

.nc-log-money {
  text-align: right;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  display: inline-flex;
}

.nc-log-caret {
  width: 15px;
  height: 15px;
  color: var(--nc-faint);
  transition: transform var(--nc-fast) var(--nc-ease);
}

.nc-log-row[aria-expanded="true"] .nc-log-caret {
  transform: rotate(180deg);
}

.nc-log-details {
  border-top: 1px solid var(--nc-line);
  background: var(--nc-surface-2);
  gap: 14px;
  padding: 16px 16px 18px;
  display: grid;
}

.nc-log-details-grid {
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 18px 28px;
  display: grid;
}

.nc-log-details h3 {
  margin-bottom: 8px;
  font-weight: 500;
}

.nc-log-id {
  align-items: center;
  gap: 4px;
  display: flex;
}

.nc-log-id code {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.nc-log-dl {
  grid-template-columns: 1fr 1fr;
  gap: 6px 16px;
  display: grid;
}

.nc-log-dl div {
  justify-content: space-between;
  gap: 8px;
  display: flex;
}

.nc-log-dl dt {
  color: var(--nc-muted);
}

.nc-log-dl dd {
  margin: 0;
}

.nc-log-attempts {
  gap: 4px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.nc-log-attempts li {
  grid-template-columns: 22px minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  min-height: 28px;
  display: grid;
}

.nc-log-attempts li > span:first-child {
  background: var(--nc-surface-3);
  border-radius: 6px;
  place-items: center;
  width: 20px;
  height: 20px;
  font-size: 11.5px;
  display: grid;
}

.nc-log-error {
  border-radius: var(--nc-r-sm);
  background: var(--nc-err-bg);
  color: var(--nc-ink-2);
  overflow-wrap: anywhere;
  padding: 10px 12px;
  font-size: 13px;
  line-height: 1.5;
}

.nc-log-actions {
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  display: flex;
}

.nc-log-report {
  gap: 10px;
  max-width: 560px;
  display: grid;
}

.nc-log-report label {
  gap: 6px;
  display: grid;
}

.nc-log-more {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-top: 14px;
  display: flex;
}

@media (max-width: 980px) {
  .nc-log-filters {
    width: 100%;
    margin-left: 0;
  }

  .nc-log-filters .nc-input, .nc-log-filters .nc-input.nc-mono {
    width: calc(50% - 4px);
  }

  .nc-log-head {
    display: none;
  }

  .nc-log-row {
    grid-template-columns: minmax(0, 1fr) auto;
    grid-auto-rows: auto;
    gap: 2px 12px;
    padding: 10px 14px;
  }

  .nc-log-row > span:first-child {
    grid-column: 1;
    font-size: 12px;
  }

  .nc-log-row > span:nth-child(2) {
    grid-column: 1;
  }

  .nc-log-row > span:nth-child(3), .nc-log-row > span:nth-child(4), .nc-log-row > span:nth-child(5) {
    display: none;
  }

  .nc-log-row > span:nth-child(6) {
    grid-area: 1 / 2;
    justify-self: end;
  }

  .nc-log-row > span:nth-child(7) {
    grid-area: 2 / 2;
  }
}

.nc-seller {
  isolation: isolate;
  background: var(--nc-bg);
  min-height: 100svh;
  position: relative;
}

html:has(.nc-seller) {
  background: var(--nc-bg);
}

html:has(.nc-seller) body {
  background: var(--nc-bg);
}

.nc-seller-mark {
  color: var(--nc-muted);
  white-space: nowrap;
  padding: 0 10px 0 4px;
  font-size: 13px;
}

.nc-seller-mark:before {
  content: "";
  background: var(--nc-accent-2);
  vertical-align: 2px;
  border-radius: 50%;
  width: 6px;
  height: 6px;
  margin-right: 8px;
  display: inline-block;
}

@media (max-width: 760px) {
  .nc-seller .nc-ws-tabs {
    grid-template-columns: repeat(var(--tabs, 4), 1fr);
  }

  .nc-seller-mark, .nc-seller .nc-ws-tools .nc-btn-ghost span {
    display: none;
  }
}

/* [project]/src/components/lk/lk.css [app-client] (css) */
.lk {
  --lk-bg: #f7f9f3;
  --lk-side: #eef2e8;
  --lk-raise: #fff;
  --lk-panel: #fff;
  --lk-panel-shadow: 0 1px 0 #14280a0d, 0 1px 2px #14280a14, 0 10px 26px -16px #143c0a38;
  --lk-hover: #e9eee2;
  --lk-sel: #dfe8d4;
  --lk-line: #dbe2d1;
  --lk-line-2: #c5cfb8;
  --lk-ink: #0e1309;
  --lk-ink-2: #353d2e;
  --lk-ink-3: #4d5744;
  --lk-brand: #1f7d0c;
  --lk-brand-2: #0f9e8c;
  --lk-on-brand: #fff;
  --lk-ok: #18763a;
  --lk-warn: #8a5a00;
  --lk-err: #bf1f2a;
  --lk-bar: color-mix(in srgb, var(--lk-brand) 48%, var(--lk-bg));
  --lk-acc-1: #2f9a17;
  --lk-acc-2: #10a38f;
  --lk-acc-3: #c98a00;
  --lk-acc-4: #2f6fd6;
  --lk-cta-1: color-mix(in srgb, #1f7d0c var(--nc-vib-accent-mix), var(--lk-ink));
  --lk-cta-2: color-mix(in srgb, #0a7a6c var(--nc-vib-accent-mix), var(--lk-ink));
  --lk-on-cta: color-mix(in srgb, #fff var(--nc-vib-accent-mix), var(--lk-bg));
  --lk-glow: #1f7d0c61;
  --lk-glow-2: #1f7d0c24;
  --lk-glow-cursor: #1f7d0c24;
  --lk-shadow: 0 8px 30px #00000014, 0 0 0 1px #0000000f;
  --lk-font: var(--nc-font-sans);
  --lk-mono: var(--nc-font-mono);
  --lk-ease: var(--nc-ease, cubic-bezier(.2, .8, .2, 1));
  --lk-d1: var(--nc-fast, .15s);
  --lk-d2: var(--nc-base, .22s);
  --lk-d3: var(--nc-slow, .32s);
  --lk-side-w: 240px;
  --lk-top: 64px;
  background: var(--lk-bg);
  min-height: 100svh;
  color: var(--lk-ink);
  font: 400 13.5px/1.45 var(--lk-font);
  font-feature-settings: "tnum" 1;
  -webkit-font-smoothing: antialiased;
  position: relative;
}

html[data-theme="dark"] .lk {
  --lk-bg: color-mix(in srgb, #050706 var(--nc-vib-vivid-mix), #0a0a0a);
  --lk-side: color-mix(in srgb, #050706 var(--nc-vib-vivid-mix), #0a0a0a);
  --lk-raise: color-mix(in srgb, #0d120e var(--nc-vib-vivid-mix), #111);
  --lk-panel: color-mix(in srgb, #0a0e0b var(--nc-vib-vivid-mix), #0d0d0d);
  --lk-panel-shadow: 0 0 0 1px rgb(157 224 114 / calc(.14 * var(--nc-vib-vivid))), 0 0 36px -14px rgb(157 224 114 / calc(.5 * var(--nc-vib-vivid))), 0 0 60px -30px rgb(61 209 188 / calc(.5 * var(--nc-vib-vivid)));
  --lk-brand-2: #3dd1bc;
  --lk-bar: color-mix(in srgb, var(--lk-brand) 34%, var(--lk-bg));
  --lk-acc-1: #9de072;
  --lk-acc-2: #3dd1bc;
  --lk-acc-3: #f5c83b;
  --lk-acc-4: #7aa7ff;
  --lk-cta-1: color-mix(in srgb, #9de072 var(--nc-vib-accent-mix), var(--lk-ink));
  --lk-cta-2: color-mix(in srgb, #3dd1bc var(--nc-vib-accent-mix), var(--lk-ink));
  --lk-on-cta: color-mix(in srgb, #06210f var(--nc-vib-accent-mix), var(--lk-bg));
  --lk-hover: color-mix(in srgb, #101811 var(--nc-vib-vivid-mix), #151515);
  --lk-sel: color-mix(in srgb, #142017 var(--nc-vib-vivid-mix), #1c1c1c);
  --lk-line: color-mix(in srgb, #1f2c21 var(--nc-vib-vivid-mix), #262925);
  --lk-line-2: color-mix(in srgb, #2c3f2e var(--nc-vib-vivid-mix), #363b34);
  --lk-ink: #f5f6f3;
  --lk-ink-2: #c8cdc2;
  --lk-ink-3: #aab1a2;
  --lk-brand: #9de072;
  --lk-on-brand: #0a0a0a;
  --lk-ok: #3fb950;
  --lk-warn: #d29922;
  --lk-err: #f85149;
  --lk-glow: #9de07299;
  --lk-glow-2: #9de07233;
  --lk-glow-cursor: #9de0724d;
  --lk-shadow: 0 12px 40px #0009, 0 0 0 1px #2b2b2b;
}

.lk[data-section$="money"] {
  --lk-brand: #1f7a3a;
  --lk-glow: #1f7a3a66;
  --lk-glow-2: #1f7a3a24;
}

html[data-theme="dark"] .lk[data-section$="money"] {
  --lk-brand: #4cc77a;
  --lk-on-brand: #04140a;
  --lk-glow: #4cc77a99;
  --lk-glow-2: #4cc77a33;
}

html:root body:has(.lk) {
  padding-bottom: 0;
  background-color: var(--nc-bg) !important;
}

.lk :where(h1, h2, h3, h4, p, ul, ol, dl, dd, figure) {
  margin: 0;
}

.lk :where(h1, h2, h3, h4) {
  font-family: var(--lk-font);
  letter-spacing: normal;
}

.lk :where(a:not(.nc-btn):not(.nc-icon-btn)) {
  color: inherit;
  text-decoration: none;
}

.lk :where(button:not(.nc-btn):not(.nc-icon-btn):not(.nc-switch):not(.nc-chip)) {
  font: inherit;
  color: inherit;
  cursor: pointer;
  background: none;
  border: 0;
  padding: 0;
}

.lk :where(p, li, td, th, label, dd, dt, span) {
  letter-spacing: normal;
}

.lk :where(:focus-visible) {
  outline: 2px solid var(--lk-brand);
  outline-offset: 2px;
  border-radius: 6px;
}

.lk .lk-mono {
  font-family: var(--lk-mono);
  letter-spacing: -.01em;
  font-size: 12px;
}

.lk .lk-muted {
  color: var(--lk-ink-2);
}

.lk .lk-faint {
  color: var(--lk-ink-3);
}

.lk .lk-num {
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.lk svg.lk-i {
  flex: none;
  width: 16px;
  height: 16px;
}

.lk-body {
  grid-template-columns: var(--lk-side-w) minmax(0, 1fr);
  min-height: calc(100svh - var(--lk-top));
  display: grid;
}

.lk-side {
  top: var(--lk-top);
  height: calc(100svh - var(--lk-top));
  border-right: 1px solid var(--lk-line);
  background: var(--lk-side);
  z-index: 3;
  flex-direction: column;
  align-self: start;
  gap: 2px;
  padding: 10px 8px 12px;
  display: flex;
  position: sticky;
  overflow-y: auto;
}

.lk-acct {
  border-radius: 6px;
  align-items: center;
  gap: 8px;
  min-height: 36px;
  padding: 0 8px;
  display: flex;
}

.lk-acct:hover {
  background: var(--lk-hover);
}

.lk-ava {
  background: var(--lk-ink);
  width: 22px;
  height: 22px;
  color: var(--lk-bg);
  border-radius: 6px;
  flex: none;
  place-items: center;
  font-size: 11.5px;
  font-weight: 600;
  display: grid;
}

.lk-acct .who {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  font-weight: 500;
  overflow: hidden;
}

.lk-acct .bal {
  color: var(--lk-ink-2);
  margin-left: auto;
  font-size: 12.5px;
}

.lk-searchbtn {
  width: 100%;
  height: 32px;
  transition: border-color var(--lk-d1) var(--lk-ease);
  border-radius: 6px;
  align-items: center;
  gap: 8px;
  margin: 6px 0 8px;
  padding: 0 8px;
  display: flex;
  border: 1px solid var(--lk-line) !important;
  background: var(--lk-bg) !important;
  color: var(--lk-ink-3) !important;
}

.lk-searchbtn .t {
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: auto;
  min-width: 0;
  overflow: hidden;
}

.lk-searchbtn:is(:hover, :focus-visible) {
  border-color: var(--lk-line-2) !important;
  color: var(--lk-ink-2) !important;
}

.lk-kbd {
  border: 1px solid var(--lk-line);
  color: var(--lk-ink-3);
  font: 500 11px/1 var(--lk-font);
  border-radius: 4px;
  flex: none;
  margin-left: auto;
  padding: 3px 5px;
}

.lk-group {
  color: var(--lk-ink-2);
  letter-spacing: .02em;
  margin: 14px 8px 4px;
  font-size: 11.5px;
  font-weight: 600;
}

.lk-navlist {
  gap: 1px;
  display: grid;
  position: relative;
}

.lk-nav {
  z-index: 1;
  min-height: 32px;
  color: var(--lk-ink-2);
  transition: color var(--lk-d1) var(--lk-ease), background-color var(--lk-d1) var(--lk-ease);
  border-radius: 6px;
  align-items: center;
  gap: 9px;
  padding: 0 8px;
  display: flex;
  position: relative;
}

.lk-nav:hover {
  color: var(--lk-ink);
  background: var(--lk-hover);
}

.lk-nav[aria-current="page"] {
  color: var(--lk-ink);
  font-weight: 650;
}

.lk-nav[aria-current="page"]:not(:has(.cnt, .dot, .ext)):after {
  content: "";
  background: var(--lk-brand);
  width: 6px;
  height: 6px;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--lk-brand) 22%, transparent);
  scale: var(--nc-vib-accent);
  border-radius: 50%;
  flex: none;
  margin-left: auto;
}

.lk-nav[aria-current="page"] .hk {
  display: none;
}

.lk-nav .cnt {
  color: var(--lk-ink-3);
  margin-left: auto;
  font-size: 11.5px;
}

.lk-nav .dot {
  background: var(--lk-brand);
  border-radius: 50%;
  width: 6px;
  height: 6px;
  margin-left: auto;
}

.lk-nav .hk {
  color: var(--lk-ink-3);
  letter-spacing: .04em;
  opacity: 0;
  transition: opacity var(--lk-d1);
  margin-left: auto;
  font-size: 10.5px;
}

.lk-nav:hover .hk {
  opacity: 1;
}

.lk-nav .ext {
  color: var(--lk-ink-3);
  margin-left: auto;
}

.lk-navbar {
  z-index: 0;
  pointer-events: none;
  background: linear-gradient(90deg, color-mix(in srgb, color-mix(in srgb, var(--lk-brand) 20%, transparent) var(--nc-vib-accent-mix), var(--lk-glow-2)), transparent 85%), var(--lk-sel);
  box-shadow: inset calc(2px + 1px * var(--nc-vib-accent)) 0 0 var(--lk-brand), -6px 0 14px -6px var(--lk-glow);
  transition: transform var(--lk-d3) var(--lk-ease), height var(--lk-d3) var(--lk-ease), opacity var(--lk-d2);
  border-radius: 6px;
  position: absolute;
  left: 0;
  right: 0;
}

.lk-side-foot {
  color: var(--lk-ink-3);
  gap: 8px;
  margin-top: auto;
  padding: 10px 8px 0;
  font-size: 12px;
  display: grid;
}

.lk-side-foot .lk-btn {
  justify-content: center;
}

.lk-main {
  isolation: isolate;
  min-width: 0;
  position: relative;
}

.lk-page {
  z-index: 1;
  width: min(1320px, 100%);
  margin: 0 auto;
  padding: 24px clamp(16px, 3vw, 40px) 64px;
  position: relative;
}

.lk-head {
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 14px;
  min-height: 32px;
  margin-bottom: 20px;
  display: flex;
}

.lk-head h1 {
  font: 700 calc(22px + 8px * var(--nc-vib-vivid))/calc(30px + 8px * var(--nc-vib-vivid)) var(--nc-vib-title);
  letter-spacing: calc(-.02em - .015em * var(--nc-vib-vivid));
}

.lk-head .sub {
  color: var(--lk-ink-2);
}

.lk-head .acts {
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-left: auto;
  display: flex;
}

.lk-head .lead {
  max-width: none;
  color: var(--lk-ink-2);
  flex: 1 0 100%;
  padding-right: max(0px, 100% - 72ch);
}

.lk-crumb {
  color: var(--lk-ink-3);
  align-items: center;
  gap: 6px;
  margin-bottom: 6px;
  font-size: 12.5px;
  display: flex;
}

.lk-crumb a:hover {
  color: var(--lk-ink);
}

.lk-sec {
  margin-top: 34px;
}

.lk-sec > h2, .lk-h2 {
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 650;
  display: flex;
}

.lk-sec > h2:before, .lk-h2:before {
  content: "";
  width: clamp(0px, var(--nc-vib-vivid) * 400px, 4px);
  height: 15px;
  margin-right: calc(clamp(0px, var(--nc-vib-vivid) * 800px, 8px) - 8px);
  background: linear-gradient(var(--lk-acc-1), var(--lk-acc-2));
  opacity: calc(.35 + .65 * var(--nc-vib-vivid));
  border-radius: 2px;
  flex: none;
}

.lk-sec > h2 .more, .lk-h2 .more {
  color: var(--lk-ink-2);
  margin-left: auto;
  font-size: 12.5px;
  font-weight: 400;
}

.lk-cols {
  grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr);
  gap: 28px;
  display: grid;
}

.lk .lk-btn {
  border: 1px solid var(--lk-line-2);
  background: var(--lk-raise);
  min-height: 32px;
  color: var(--lk-ink);
  white-space: nowrap;
  transition: background-color var(--lk-d1) var(--lk-ease), box-shadow var(--lk-d2) var(--lk-ease), transform var(--lk-d1) var(--lk-ease);
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 0 12px;
  font-weight: 500;
  display: inline-flex;
}

.lk .lk-btn:hover {
  background: var(--lk-hover);
}

.lk .lk-btn:active {
  transform: scale(.97);
}

.lk .lk-btn:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.lk .lk-btn.primary {
  background: linear-gradient(135deg, var(--lk-cta-1), var(--lk-cta-2));
  color: var(--lk-on-cta);
  box-shadow: 0 8px 22px -10px color-mix(in srgb, var(--lk-cta-1) calc(80% * var(--nc-vib-accent)), transparent), inset 0 1px 0 rgb(255 255 255 / calc(.25 * var(--nc-vib-accent))), 0 0 0 1px color-mix(in srgb, var(--lk-brand) calc(30% * (1 - var(--nc-vib-accent))), transparent), 0 6px 22px -8px color-mix(in srgb, var(--lk-glow) calc(100% * (1 - var(--nc-vib-accent))), transparent);
  border-color: #0000;
}

.lk .lk-btn.primary:hover:not(:disabled) {
  filter: brightness(1.06);
  box-shadow: 0 10px 26px -8px var(--lk-glow), inset 0 1px 0 rgb(255 255 255 / calc(.3 * var(--nc-vib-accent))), 0 0 0 1px color-mix(in srgb, var(--lk-brand) calc(45% * (1 - var(--nc-vib-accent))), transparent);
}

.lk[data-section$="money"] .lk-btn.primary {
  background: var(--lk-brand);
  border-color: var(--lk-brand);
  color: var(--lk-on-brand);
}

.lk .lk-btn.sm {
  min-height: 28px;
  padding: 0 10px;
  font-size: 12.5px;
}

.lk .lk-btn.ghost {
  background: none;
  border-color: #0000;
}

.lk .lk-btn.ghost:hover {
  background: var(--lk-hover);
}

.lk .lk-btn.danger {
  color: var(--lk-err);
}

.lk .lk-btn.icon {
  width: 32px;
  padding: 0;
}

.lk .lk-input, .lk .lk-field {
  border: 1px solid var(--lk-line-2);
  background: var(--lk-bg);
  min-height: 32px;
  color: var(--lk-ink);
  font: inherit;
  transition: border-color var(--lk-d1), box-shadow var(--lk-d2) var(--lk-ease);
  border-radius: 6px;
  padding: 0 10px;
}

.lk .lk-input::placeholder, .lk .lk-field::placeholder {
  color: var(--lk-ink-3);
}

.lk :is(.lk-input, .lk-field):focus {
  border-color: var(--lk-brand);
  box-shadow: 0 0 0 3px var(--lk-glow-2), 0 0 18px -4px var(--lk-glow);
  outline: none;
}

.lk-chips {
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin-bottom: 12px;
  display: flex;
}

.lk .lk-chip {
  border: 1px dashed var(--lk-line-2);
  min-height: 28px;
  color: var(--lk-ink-2);
  transition: border-color var(--lk-d1), color var(--lk-d1);
  border-radius: 99px;
  align-items: center;
  gap: 6px;
  padding: 0 10px;
  font-size: 12.5px;
  display: inline-flex;
}

.lk .lk-chip[aria-pressed="true"], .lk .lk-chip.on {
  color: var(--lk-ink);
  border-style: solid;
}

.lk .lk-chip b {
  color: var(--lk-ink);
  font-weight: 500;
}

.lk-seg {
  border: 1px solid var(--lk-line);
  background: var(--lk-bg);
  border-radius: 7px;
  padding: 2px;
  display: inline-flex;
  position: relative;
}

.lk-seg button {
  z-index: 1;
  min-height: 24px;
  color: var(--lk-ink-2);
  white-space: nowrap;
  transition: color var(--lk-d1);
  border-radius: 5px;
  padding: 0 9px;
  font-size: 12.5px;
  position: relative;
}

.lk-seg button[aria-pressed="true"] {
  color: var(--lk-ink);
}

.lk-seg .ind {
  z-index: 0;
  background: color-mix(in srgb, color-mix(in srgb, var(--lk-brand) 18%, var(--lk-panel)) var(--nc-vib-accent-mix), var(--lk-sel));
  transition: transform var(--lk-d3) var(--lk-ease), width var(--lk-d3) var(--lk-ease);
  border-radius: 5px;
  position: absolute;
  top: 2px;
  bottom: 2px;
}

.lk-switch {
  background: var(--lk-line-2);
  vertical-align: middle;
  width: 30px;
  height: 18px;
  transition: background-color var(--lk-d2) var(--lk-ease);
  border-radius: 99px;
  flex: none;
  display: inline-block;
  position: relative;
}

.lk-switch:after {
  content: "";
  background: var(--lk-bg);
  width: 14px;
  height: 14px;
  transition: transform var(--lk-d2) var(--lk-ease);
  border-radius: 50%;
  position: absolute;
  top: 2px;
  left: 2px;
}

.lk-switch[aria-checked="true"] {
  background: var(--lk-ink);
}

.lk-switch[aria-checked="true"]:after {
  transform: translateX(12px);
}

.lk-stats {
  border: 1px solid var(--lk-line);
  background: var(--lk-bg);
  border-radius: 8px;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  display: grid;
}

.lk-stat {
  border-left: 1px solid var(--lk-line);
  min-width: 0;
  padding: 14px 16px;
  position: relative;
}

.lk-stat:first-child {
  border-left: 0;
  border-radius: 8px 0 0 8px;
}

.lk-stat:last-child {
  border-radius: 0 8px 8px 0;
}

.lk-stat .k {
  color: var(--lk-ink-2);
  font-size: 12.5px;
}

.lk-stat .v {
  letter-spacing: -.02em;
  font-variant-numeric: tabular-nums;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 6px;
  margin-top: 4px;
  font-size: 22px;
  font-weight: 500;
  line-height: 30px;
  display: flex;
}

.lk-stat .d {
  color: var(--lk-ink-3);
  font-size: 12px;
}

.lk-stat {
  --acc: var(--lk-acc-1);
}

.lk-stat:nth-child(4n+2) {
  --acc: var(--lk-acc-2);
}

.lk-stat:nth-child(4n+3) {
  --acc: var(--lk-acc-3);
}

.lk-stat:nth-child(4n+4) {
  --acc: var(--lk-acc-4);
}

.lk-stat:before {
  content: "";
  height: calc(3px * var(--nc-vib-accent));
  background: var(--acc);
  border-radius: 0 0 3px 3px;
  position: absolute;
  top: -1px;
  left: 14px;
  right: 14px;
}

.lk-stat .v {
  color: color-mix(in srgb, var(--acc) calc(58% * var(--nc-vib-accent)), var(--lk-ink));
}

.lk-stat .lk-spark {
  color: color-mix(in srgb, var(--acc) var(--nc-vib-accent-mix), var(--lk-brand));
}

.lk-delta {
  letter-spacing: 0;
  border-radius: 99px;
  align-items: center;
  min-height: 18px;
  padding: 0 6px;
  font-size: 11.5px;
  font-weight: 500;
  display: inline-flex;
}

.lk-delta.good {
  color: color-mix(in srgb, var(--lk-ok) 62%, var(--lk-ink));
  background: color-mix(in srgb, var(--lk-ok) 16%, transparent);
}

.lk-delta.bad {
  color: color-mix(in srgb, var(--lk-err) 62%, var(--lk-ink));
  background: color-mix(in srgb, var(--lk-err) 15%, transparent);
}

.lk-delta.flat {
  color: var(--lk-ink-3);
  background: var(--lk-hover);
}

.lk-spark {
  width: 100%;
  height: 26px;
  color: var(--lk-brand);
  margin-top: 8px;
  display: block;
  overflow: visible;
}

.lk-spark .f {
  fill: currentColor;
  opacity: calc(.08 + .06 * var(--nc-vib-accent));
}

.lk-spark .l {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.3px;
  stroke-dasharray: 1;
  stroke-dashoffset: 0;
  animation: lk-draw .7s var(--lk-ease) both;
}

.lk-spark .p {
  fill: none;
  stroke: var(--lk-ink-3);
  stroke-width: 1px;
  stroke-dasharray: 2 2;
  opacity: .7;
}

@keyframes lk-draw {
  from {
    stroke-dashoffset: 1px;
  }
}

.lk-chart {
  border-bottom: 1px solid var(--lk-line-2);
  align-items: flex-end;
  gap: 2px;
  height: 120px;
  padding-top: 8px;
  display: flex;
  position: relative;
}

.lk-chart > .col {
  flex: 1;
  min-width: 2px;
  height: 100%;
  position: relative;
}

.lk-chart > .col > i {
  background: var(--lk-bar);
  transform-origin: bottom;
  animation: lk-grow var(--lk-d3) var(--lk-ease) both;
  animation-delay: calc(var(--n, 0) * 8ms);
  border-radius: 1px 1px 0 0;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.lk-chart > .col:last-of-type > i, .lk-chart > .col:hover > i, .lk-chart > .col > i[data-on] {
  background: var(--lk-brand);
}

.lk-chart > .col > i.err {
  background: var(--lk-err);
}

.lk-chart > .col > b {
  border: 1px dashed var(--lk-ink-3);
  opacity: .7;
  pointer-events: none;
  border-bottom: 0;
  border-radius: 1px 1px 0 0;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.lk-chart .limit {
  border-top: 1px dashed var(--lk-warn);
  pointer-events: none;
  position: absolute;
  left: 0;
  right: 0;
}

.lk-chart .limit span {
  color: var(--lk-warn);
  font-size: 11px;
  position: absolute;
  top: -18px;
  right: 0;
}

@keyframes lk-grow {
  from {
    transform: scaleY(0);
  }
}

.lk-axis {
  color: var(--lk-ink-3);
  justify-content: space-between;
  gap: 8px;
  margin-top: 6px;
  font-size: 11px;
  display: flex;
}

.lk-meter {
  background: var(--lk-line);
  border-radius: 3px;
  height: 6px;
  margin-top: 6px;
  position: relative;
}

.lk-meter > i {
  background: linear-gradient(90deg, var(--lk-brand), var(--lk-brand-2));
  transform-origin: 0;
  animation: lk-fill .6s var(--lk-ease) both;
  border-radius: 3px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.lk[data-section$="money"] .lk-meter > i {
  background: var(--lk-brand);
}

.lk-meter > i.warn {
  background: var(--lk-warn);
}

.lk-meter > i.err {
  background: var(--lk-err);
}

.lk-meter > s {
  background: var(--lk-ink-3);
  width: 1px;
  position: absolute;
  top: -3px;
  bottom: -3px;
}

.lk-meter.thin {
  height: 4px;
}

.lk-meter-l {
  color: var(--lk-ink-3);
  justify-content: space-between;
  gap: 8px;
  margin-top: 4px;
  font-size: 11.5px;
  display: flex;
}

@keyframes lk-fill {
  from {
    transform: scaleX(0);
  }
}

.lk-heat {
  grid-template-columns: 22px minmax(0, 1fr);
  gap: 6px;
  display: grid;
}

.lk-heat-days {
  color: var(--lk-ink-3);
  grid-template-rows: 14px repeat(7, 1fr);
  align-items: center;
  gap: 3px;
  font-size: 10px;
  line-height: 1;
  display: grid;
}

.lk-heat-wrap {
  scrollbar-width: thin;
  padding-top: 2px;
  overflow: auto visible;
}

.lk-heat-months {
  grid-template-columns: repeat(var(--weeks, 53), minmax(10px, 1fr));
  height: 14px;
  min-width: calc(var(--weeks, 53) * 13px);
  color: var(--lk-ink-3);
  gap: 3px;
  font-size: 10px;
  display: grid;
}

.lk-heat-grid {
  min-width: calc(var(--weeks, 53) * 13px);
  grid-template-rows: repeat(7, auto);
  grid-auto-columns: minmax(10px, 1fr);
  grid-auto-flow: column;
  gap: 3px;
  display: grid;
}

.lk-heat-grid > i {
  aspect-ratio: 1;
  background: var(--lk-hover);
  outline: 1px solid color-mix(in srgb, var(--lk-ink) 5%, transparent);
  outline-offset: -1px;
  animation: lk-pop var(--lk-d3) var(--lk-ease) both;
  animation-delay: calc(var(--c, 0) * 6ms);
  border-radius: 2px;
  position: relative;
}

.lk-heat-grid > i[data-l="1"] {
  background: color-mix(in srgb, var(--lk-brand) 25%, var(--lk-bg));
}

.lk-heat-grid > i[data-l="2"] {
  background: color-mix(in srgb, var(--lk-brand) 48%, var(--lk-bg));
}

.lk-heat-grid > i[data-l="3"] {
  background: color-mix(in srgb, var(--lk-brand) 72%, var(--lk-bg));
}

.lk-heat-grid > i[data-l="4"] {
  background: var(--lk-brand);
}

.lk-heat-grid > i[data-l="x"] {
  outline: 1px dashed var(--lk-line-2);
  background: none;
}

.lk-heat-grid > i[data-l="f"] {
  visibility: hidden;
}

.lk-heat-grid > i:hover, .lk-heat-grid > i[data-on] {
  z-index: 2;
  box-shadow: 0 0 0 1px var(--lk-brand), 0 0 10px 1px var(--lk-glow);
}

@keyframes lk-pop {
  from {
    opacity: 0;
    transform: scale(.6);
  }
}

.lk-heat-tip {
  z-index: 300;
  background: var(--lk-ink);
  color: var(--lk-bg);
  white-space: nowrap;
  pointer-events: none;
  border-radius: 6px;
  padding: 5px 8px;
  font-size: 11.5px;
  position: fixed;
  transform: translate(-50%, calc(-100% - 8px));
}

.lk-heat-foot {
  color: var(--lk-ink-3);
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 12px;
  margin-top: 8px;
  font-size: 11.5px;
  display: flex;
}

.lk-heat-foot .leg {
  align-items: center;
  gap: 3px;
  margin-left: auto;
  display: inline-flex;
}

.lk-heat-foot .leg i {
  border-radius: 2px;
  width: 10px;
  height: 10px;
}

.lk .lk-table {
  border-collapse: separate;
  border-spacing: 0;
  border: 1px solid var(--lk-line);
  background: var(--lk-bg);
  border-radius: 8px;
  width: 100%;
}

.lk .lk-table th {
  border-bottom: 1px solid var(--lk-line);
  background: var(--lk-side);
  height: 34px;
  color: var(--lk-ink-2);
  text-align: left;
  white-space: nowrap;
  padding: 0 12px;
  font-size: 12px;
  font-weight: 500;
}

.lk .lk-table td {
  border-bottom: 1px solid var(--lk-line);
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 280px;
  height: 40px;
  transition: background-color var(--lk-d1);
  padding: 0 12px;
  overflow: hidden;
}

.lk .lk-table tr:last-child td {
  border-bottom: 0;
}

.lk .lk-table tbody tr[data-click] {
  cursor: pointer;
}

.lk .lk-table :is(th, td).r {
  text-align: right;
}

.lk .lk-table tr.new td {
  animation: 1.6s ease-out both lk-arrive;
}

.lk .lk-table tr.new td:first-child {
  box-shadow: inset 2px 0 0 var(--lk-brand);
}

@keyframes lk-arrive {
  from {
    background: var(--lk-glow-2);
  }
}

.lk-scroll {
  border-radius: 8px;
  overflow-x: auto;
}

.lk-scroll > .lk-table th:first-child, .lk-scroll > .lk-table td:first-child {
  z-index: 1;
  background: var(--lk-bg);
  position: sticky;
  left: 0;
}

.lk-scroll > .lk-table th:first-child {
  background: var(--lk-side);
}

.lk-st {
  padding: calc(2px * var(--nc-vib-accent)) calc(9px * var(--nc-vib-accent)) calc(2px * var(--nc-vib-accent)) calc(7px * var(--nc-vib-accent));
  background: color-mix(in srgb, var(--c, var(--lk-ink-3)) calc(15% * var(--nc-vib-accent)), transparent);
  color: color-mix(in srgb, var(--c, var(--lk-ink-3)) calc(62% * var(--nc-vib-accent)), var(--lk-ink));
  font-weight: calc(400 + 150 * var(--nc-vib-accent));
  border-radius: 99px;
  align-items: center;
  gap: 6px;
  display: inline-flex;
}

.lk-st:before {
  content: "";
  background: var(--c, var(--lk-ink-3));
  border-radius: 50%;
  flex: none;
  width: 7px;
  height: 7px;
}

.lk-st.ok {
  --c: var(--lk-ok);
}

.lk-st.warn {
  --c: var(--lk-warn);
}

.lk-st.err {
  --c: var(--lk-err);
}

.lk-st.off {
  --c: var(--lk-ink-3);
}

.lk-code {
  background: var(--lk-hover);
  min-height: 20px;
  font: 12px var(--lk-mono);
  border-radius: 4px;
  align-items: center;
  padding: 0 6px;
  display: inline-flex;
}

.lk-model {
  align-items: center;
  gap: 7px;
  min-width: 0;
  max-width: 100%;
  display: inline-flex;
}

.lk-model img {
  flex: none;
  width: 14px;
  height: 14px;
}

html[data-theme="dark"] .lk-model img[data-mono] {
  filter: invert();
}

.lk-model span {
  text-overflow: ellipsis;
  overflow: hidden;
}

.lk-split {
  border: 1px solid var(--lk-line);
  background: var(--lk-bg);
  border-radius: 8px;
  grid-template-columns: minmax(0, 1fr) 360px;
  display: grid;
}

.lk-split > :first-child {
  min-width: 0;
  overflow-x: auto;
}

.lk-split .lk-table {
  border: 0;
  border-radius: 0;
}

.lk-peek {
  border-left: 1px solid var(--lk-line);
  background: var(--lk-bg);
  min-width: 0;
  animation: lk-slide var(--lk-d2) var(--lk-ease) both;
  padding: 16px;
  position: relative;
}

.lk-peek-head {
  align-items: center;
  gap: 8px;
  margin-bottom: 6px;
  display: flex;
}

.lk-peek-head h3 {
  font-size: 14px;
  font-weight: 600;
}

.lk-peek-head .lk-btn {
  margin-left: auto;
}

@keyframes lk-slide {
  from {
    opacity: 0;
    transform: translateX(12px);
  }
}

.lk-panel {
  border: 1px solid var(--lk-line);
  background: var(--lk-bg);
  border-radius: 8px;
  padding: 16px;
  position: relative;
}

.lk-panel + .lk-panel {
  margin-top: 16px;
}

.lk-rows {
  display: grid;
}

.lk-row {
  border-bottom: 1px solid var(--lk-line);
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  min-height: 36px;
  display: grid;
}

.lk-row:last-child {
  border-bottom: 0;
}

.lk-form {
  border: 1px solid var(--lk-line);
  background: var(--lk-bg);
  border-radius: 8px;
  grid-template-columns: 220px minmax(0, 1fr);
  display: grid;
  position: relative;
}

.lk-form > .lab, .lk-form > .ctl {
  border-bottom: 1px solid var(--lk-line);
  padding: 16px;
}

.lk-form > .lab {
  font-weight: 500;
}

.lk-form > .lab p {
  color: var(--lk-ink-3);
  margin-top: 2px;
  font-size: 12.5px;
  font-weight: 400;
}

.lk-form > .foot {
  background: var(--lk-side);
  border-radius: 0 0 8px 8px;
  flex-wrap: wrap;
  grid-column: 1 / -1;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
  padding: 12px 16px;
  display: flex;
}

.lk-form:not(:has( > .foot)) > :nth-last-child(-n+2) {
  border-bottom: 0;
}

.lk-note {
  border: 1px solid var(--lk-line);
  background: var(--lk-bg);
  color: var(--lk-ink-2);
  border-radius: 8px;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  display: flex;
}

.lk-note .lk-btn {
  margin-left: auto;
}

.lk-alert {
  border: 1px solid color-mix(in srgb, var(--lk-err) 40%, var(--lk-line));
  background: var(--lk-bg);
  border-radius: 8px;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  display: flex;
}

.lk-alert:before {
  content: "";
  background: var(--lk-err);
  border-radius: 50%;
  flex: none;
  width: 7px;
  height: 7px;
}

.lk-alert[data-tone="ok"] {
  border-color: color-mix(in srgb, var(--lk-ok) 40%, var(--lk-line));
}

.lk-alert[data-tone="ok"]:before {
  background: var(--lk-ok);
}

.lk-alert[data-tone="warn"] {
  border-color: color-mix(in srgb, var(--lk-warn) 40%, var(--lk-line));
}

.lk-alert[data-tone="warn"]:before {
  background: var(--lk-warn);
}

.lk-alert .lk-btn {
  margin-left: auto;
}

.lk-pre {
  border: 1px solid var(--lk-line);
  background: var(--lk-side);
  font: 12px/1.6 var(--lk-mono);
  white-space: pre;
  border-radius: 8px;
  margin: 0;
  padding: 12px 14px;
  overflow: auto;
}

.lk-empty {
  border: 1px dashed var(--lk-line-2);
  border-radius: 8px;
  grid-template-columns: minmax(0, 1fr);
  justify-items: start;
  gap: 10px;
  padding: 36px 24px;
  display: grid;
  position: relative;
  overflow: hidden;
}

.lk-empty h3 {
  font-size: 15px;
  font-weight: 600;
}

.lk-empty p {
  color: var(--lk-ink-2);
  max-width: 60ch;
}

.lk-empty > :not(.lk-art) {
  z-index: 1;
  position: relative;
}

@media (min-width: 900px) {
  :is(.lk-page > .lk-enter, .lk-sec:not(.lk-cols .lk-sec)) > .lk-empty:not(:has(.lk-art)) {
    padding-right: calc(24px + 176px * var(--nc-vib-accent));
  }

  :is(.lk-page > .lk-enter, .lk-sec:not(.lk-cols .lk-sec)) > .lk-empty:not(:has(.lk-art)):after {
    content: "";
    pointer-events: none;
    width: 156px;
    height: 96px;
    opacity: var(--nc-vib-accent);
    background: url("/zooroute/home/v3/cart/cap-claude-color.webp") 0 70% / 54px no-repeat, url("/zooroute/home/v3/cart/cap-openai.webp") 50% 0 / 60px no-repeat, url("/zooroute/home/v3/cart/cap-google-color.webp") 100% 85% / 50px no-repeat;
    position: absolute;
    top: 50%;
    right: 24px;
    translate: 0 -50%;
  }
}

.lk-art {
  opacity: .9;
  pointer-events: none;
  background: url("/zooroute/auth/auth-keys-light-800.webp") 70% / cover;
  width: 42%;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  -webkit-mask-image: linear-gradient(90deg, #0000, #000 60%);
  mask-image: linear-gradient(90deg, #0000, #000 60%);
}

html[data-theme="dark"] .lk-art {
  background-image: url("/zooroute/auth/auth-routing-dark-800.webp");
}

.lk-snip {
  border: 1px solid var(--lk-line);
  background: var(--lk-side);
  width: 100%;
  max-width: 640px;
  min-height: 36px;
  font: 12px var(--lk-mono);
  border-radius: 8px;
  align-items: center;
  gap: 10px;
  padding: 0 4px 0 12px;
  display: flex;
}

.lk-snip span {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  min-width: 0;
  overflow: hidden;
}

.lk-skel {
  background: linear-gradient(90deg, var(--lk-hover), var(--lk-sel), var(--lk-hover));
  background-size: 200% 100%;
  border-radius: 4px;
  height: 12px;
  animation: 1.4s linear infinite lk-shimmer;
  display: block;
}

@keyframes lk-shimmer {
  to {
    background-position: -200% 0;
  }
}

.lk .lk-status {
  border: 1px solid color-mix(in srgb, color-mix(in srgb, var(--c, var(--lk-ok)) 40%, transparent) var(--nc-vib-accent-mix), var(--lk-line));
  background: color-mix(in srgb, color-mix(in srgb, var(--c, var(--lk-ok)) 13%, var(--lk-panel)) var(--nc-vib-accent-mix), var(--lk-bg));
  min-height: 26px;
  color: color-mix(in srgb, var(--lk-ink) var(--nc-vib-accent-mix), var(--lk-ink-2));
  font-size: 12px;
  font-weight: calc(400 + 150 * var(--nc-vib-accent));
  white-space: nowrap;
  border-radius: 99px;
  align-items: center;
  gap: 7px;
  padding: 0 10px;
  display: inline-flex;
}

.lk-status:before {
  content: "";
  background: var(--c, var(--lk-ok));
  width: 7px;
  height: 7px;
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--c, var(--lk-ok)) 20%, transparent);
  border-radius: 50%;
}

.lk-status[data-tone="warn"] {
  --c: var(--lk-warn);
}

.lk-status[data-tone="err"] {
  --c: var(--lk-err);
}

.lk-status[data-tone="unknown"] {
  --c: var(--lk-ink-3);
}

.lk .lk-status:hover {
  color: var(--lk-ink);
}

.lk-bg {
  z-index: 0;
  pointer-events: none;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.lk-bg-pool {
  position: fixed;
}

.lk-pool, .lk-pool > div {
  position: absolute;
  inset: 0;
}

.lk-pool-fallback {
  background: linear-gradient(#e3f1ea, #cfe7de 45%, #b7d9cb);
}

html[data-theme="dark"] .lk-pool-fallback {
  background: linear-gradient(#11302c, #0a1d1c 45%, #050f0e);
}

.lk-pool-gl {
  transition: opacity .6s;
}

.lk-pool-gl canvas {
  position: absolute;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
}

.lk-pool-depth {
  background: linear-gradient(#ffffff47 0, #0000 260px, #143c321a 70%, #143c3233 100%);
}

html[data-theme="dark"] .lk-pool-depth {
  background: linear-gradient(#96ebc812 0, #0000 280px, #00080659 70%, #00050499 100%);
}

.lk-pool-tone {
  background: var(--lk-bg);
  opacity: 0;
  transition: opacity .4s;
}

.lk-pool[data-dense] .lk-pool-tone {
  opacity: .6;
}

@keyframes lk-run {
  from {
    transform: translateX(-200px);
  }

  to {
    transform: translateX(1800px);
  }
}

@keyframes lk-fall {
  from {
    opacity: 0;
    transform: translateY(-160px);
  }

  15% {
    opacity: 1;
  }

  60% {
    opacity: 1;
  }

  to {
    opacity: 0;
    transform: translateY(520px);
  }
}

.lk-glow {
  z-index: 2;
  border-radius: inherit;
  pointer-events: none;
  opacity: 0;
  transition: opacity var(--lk-d2);
  position: absolute;
  inset: -1px;
}

.lk-glow:after {
  content: "";
  border-radius: inherit;
  background: radial-gradient(100px circle at var(--gx, -300px) var(--gy, -300px), var(--lk-glow-cursor), transparent 70%);
  -webkit-mask-composite: xor;
  padding: 1px;
  position: absolute;
  inset: 0;
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor, source-over;
  mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0);
}

:is(.lk-stat, .lk-panel, .lk-table, .lk-split, .lk-form, .lk-pre, .lk-radio):hover > .lk-glow {
  opacity: 1;
}

@media (hover: none) {
  .lk-glow {
    display: none;
  }
}

.lk-enter {
  animation: lk-rise var(--lk-d3) var(--lk-ease) both;
  animation-delay: calc(var(--i, 0) * 40ms);
}

.lk-stagger > * {
  animation: lk-rise var(--lk-d3) var(--lk-ease) both;
}

.lk-stagger > :nth-child(2) {
  animation-delay: 30ms;
}

.lk-stagger > :nth-child(3) {
  animation-delay: 60ms;
}

.lk-stagger > :nth-child(4) {
  animation-delay: 90ms;
}

.lk-stagger > :nth-child(5) {
  animation-delay: .12s;
}

.lk-stagger > :nth-child(n+6) {
  animation-delay: .15s;
}

@keyframes lk-rise {
  from {
    opacity: 0;
    transform: translateY(6px);
  }
}

.lk-fade {
  animation: lk-fadein var(--lk-d2) var(--lk-ease) both;
}

.lk-main[data-entering] .lk-table tbody tr:nth-child(-n+12) {
  animation: lk-rise var(--lk-d2) var(--lk-ease) both;
  animation-delay: calc(7 * var(--nc-stagger, 35ms));
}

.lk-main[data-entering] .lk-table tbody tr:first-child {
  animation-delay: 0s;
}

.lk-main[data-entering] .lk-table tbody tr:nth-child(2) {
  animation-delay: calc(1 * var(--nc-stagger, 35ms));
}

.lk-main[data-entering] .lk-table tbody tr:nth-child(3) {
  animation-delay: calc(2 * var(--nc-stagger, 35ms));
}

.lk-main[data-entering] .lk-table tbody tr:nth-child(4) {
  animation-delay: calc(3 * var(--nc-stagger, 35ms));
}

.lk-main[data-entering] .lk-table tbody tr:nth-child(5) {
  animation-delay: calc(4 * var(--nc-stagger, 35ms));
}

.lk-main[data-entering] .lk-table tbody tr:nth-child(6) {
  animation-delay: calc(5 * var(--nc-stagger, 35ms));
}

.lk-main[data-entering] .lk-table tbody tr:nth-child(7) {
  animation-delay: calc(6 * var(--nc-stagger, 35ms));
}

@keyframes lk-fadein {
  from {
    opacity: 0;
  }
}

.lk-pal-back {
  z-index: 400;
  animation: lk-fadein var(--lk-d2) var(--lk-ease) both;
  background: #00000047;
  place-items: start center;
  padding: 12vh 16px 16px;
  display: grid;
  position: fixed;
  inset: 0;
}

html[data-theme="dark"] .lk-pal-back {
  background: #0009;
}

.lk-pal {
  background: var(--lk-raise);
  width: min(640px, 100%);
  box-shadow: var(--lk-shadow);
  animation: lk-zoom var(--lk-d2) var(--lk-ease) both;
  border-radius: 12px;
  overflow: hidden;
}

@keyframes lk-zoom {
  from {
    opacity: 0;
    transform: translateY(-6px) scale(.98);
  }
}

.lk-pal-field {
  border-bottom: 1px solid var(--lk-line);
  align-items: center;
  gap: 10px;
  padding: 0 16px;
  display: flex;
}

.lk-pal-field svg {
  width: 18px;
  height: 18px;
  color: var(--lk-ink-3);
}

.lk .lk-pal-field input {
  min-width: 0;
  min-height: 52px;
  color: var(--lk-ink);
  font: 15px var(--lk-font);
  outline: none;
  flex: 1;
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
}

.lk-pal ul {
  max-height: min(56svh, 440px);
  margin: 0;
  padding: 6px;
  list-style: none;
  overflow-y: auto;
}

.lk-pal li[role="option"] {
  cursor: pointer;
  border-radius: 6px;
  align-items: center;
  gap: 10px;
  min-height: 38px;
  padding: 0 10px;
  display: flex;
}

.lk-pal li[role="option"] svg {
  width: 16px;
  height: 16px;
  color: var(--lk-ink-3);
  flex: none;
}

.lk-pal li[role="option"] small {
  color: var(--lk-ink-3);
  margin-left: auto;
  font-size: 12px;
}

.lk-pal li[aria-selected="true"] {
  background: var(--lk-sel);
}

.lk-pal .grp {
  color: var(--lk-ink-3);
  padding: 10px 10px 4px;
  font-size: 11.5px;
}

.lk-pal .empty {
  color: var(--lk-ink-2);
  padding: 16px;
}

.lk-pal-foot {
  border-top: 1px solid var(--lk-line);
  color: var(--lk-ink-3);
  flex-wrap: wrap;
  gap: 14px;
  padding: 8px 16px;
  font-size: 11.5px;
  display: flex;
}

.lk-toasts {
  right: 20px;
  bottom: calc(20px + env(safe-area-inset-bottom));
  z-index: 350;
  gap: 8px;
  width: min(380px, 100vw - 24px);
  display: grid;
  position: fixed;
}

.lk-toast {
  background: var(--lk-raise);
  min-height: 44px;
  color: var(--lk-ink);
  box-shadow: var(--lk-shadow);
  animation: lk-toast var(--lk-d3) var(--lk-ease) both;
  border-radius: 10px;
  align-items: center;
  gap: 12px;
  padding: 10px 12px 12px 14px;
  display: flex;
  position: relative;
}

.lk-toast[data-tone="error"] {
  box-shadow: var(--lk-shadow), inset 3px 0 0 var(--lk-err);
}

.lk-toast > span {
  flex: 1;
  min-width: 0;
}

.lk-toast .bar {
  background: var(--lk-line);
  border-radius: 1px;
  height: 2px;
  position: absolute;
  bottom: 4px;
  left: 12px;
  right: 12px;
  overflow: hidden;
}

.lk-toast .bar i {
  background: var(--lk-ink-3);
  transform-origin: 0;
  height: 100%;
  animation: lk-countdown var(--t, 5s) linear both;
  display: block;
}

@keyframes lk-toast {
  from {
    opacity: 0;
    transform: translateY(10px) scale(.98);
  }
}

.lk-toast.m-leave-side {
  animation: m-leave-side var(--lk-d1) var(--nc-ease-in, ease-in) forwards;
}

@keyframes lk-countdown {
  to {
    transform: scaleX(0);
  }
}

.lk-pop {
  position: relative;
}

.lk-menu {
  z-index: 20;
  background: var(--lk-raise);
  box-shadow: var(--lk-shadow);
  animation: lk-zoom var(--lk-d2) var(--lk-ease) both;
  border-radius: 10px;
  gap: 1px;
  padding: 6px;
  display: grid;
  position: absolute;
  bottom: calc(100% + 6px);
  left: 0;
  right: 0;
}

.lk-menu > :is(a, button) {
  min-height: 34px;
  color: var(--lk-ink-2);
  text-align: left;
  border-radius: 6px;
  align-items: center;
  gap: 9px;
  padding: 0 8px;
  display: flex;
}

.lk-menu > :is(a, button):hover {
  background: var(--lk-hover);
  color: var(--lk-ink);
}

.lk-mbar {
  display: none;
}

.lk-sheet-back {
  z-index: 380;
  animation: lk-fadein var(--lk-d2) var(--lk-ease) both;
  background: #00000052;
  position: fixed;
  inset: 0;
}

.lk-sheet {
  z-index: 381;
  max-height: 86svh;
  padding: 8px 12px calc(16px + env(safe-area-inset-bottom));
  background: var(--lk-raise);
  box-shadow: var(--lk-shadow);
  animation: lk-up var(--lk-d3) var(--lk-ease) both;
  border-radius: 16px 16px 0 0;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  overflow-y: auto;
}

.lk-sheet:before {
  content: "";
  background: var(--lk-line-2);
  border-radius: 2px;
  width: 36px;
  height: 4px;
  margin: 2px auto 10px;
  display: block;
}

.lk-sheet .lk-nav {
  min-height: 46px;
  font-size: 15px;
}

@keyframes lk-up {
  from {
    transform: translateY(100%);
  }
}

@media (min-width: 1920px) {
  .lk-page {
    width: min(1440px, 100%);
  }
}

@media (min-width: 2400px) {
  .lk {
    --lk-side-w: 260px;
  }

  .lk-page {
    width: min(1560px, 100%);
  }
}

@media (max-width: 1100px) and (min-width: 768px) {
  .lk {
    --lk-side-w: 60px;
  }

  .lk-side {
    padding: 10px 8px;
  }

  .lk-side :is(.lk-acct .who, .lk-acct .bal, .lk-searchbtn .t, .lk-searchbtn .lk-kbd, .lk-nav .t, .lk-nav .cnt, .lk-nav .hk, .lk-nav .ext, .lk-group, .lk-side-foot .t) {
    display: none;
  }

  .lk-nav, .lk-acct, .lk-searchbtn {
    justify-content: center;
    min-height: 40px;
    padding: 0;
  }

  .lk-nav .dot, .lk-nav[aria-current="page"]:after {
    margin: 0;
    position: absolute;
    top: 8px;
    right: 8px;
  }

  .lk-side-foot .lk-status {
    justify-content: center;
    width: 100%;
    padding: 0;
    font-size: 0;
  }

  .lk-cols, .lk-split {
    grid-template-columns: minmax(0, 1fr);
  }

  .lk-peek {
    border-left: 0;
    border-top: 1px solid var(--lk-line);
  }
}

@media (max-width: 767px) {
  .lk-body {
    grid-template-columns: minmax(0, 1fr);
  }

  .lk-side {
    display: none;
  }

  .lk-mbar {
    top: var(--lk-top);
    z-index: 30;
    border-bottom: 1px solid var(--lk-line);
    background: var(--lk-bg);
    align-items: center;
    gap: 6px;
    min-height: 52px;
    padding: 0 8px 0 12px;
    display: flex;
    position: sticky;
  }

  .lk-mbar:before {
    content: "";
    height: var(--lk-top);
    background: var(--lk-bg);
    opacity: 0;
    pointer-events: none;
    transition: opacity .2s;
    position: absolute;
    bottom: 100%;
    left: 0;
    right: 0;
  }

  html:has(.nc-header[data-scrolled]) .lk-mbar:before {
    opacity: 1;
  }

  .lk-mbar .cur {
    align-items: center;
    gap: 6px;
    min-height: 44px;
    padding: 0 4px;
    font-weight: 600;
    display: inline-flex;
  }

  .lk-mbar .end {
    align-items: center;
    gap: 4px;
    margin-left: auto;
    display: flex;
  }

  .lk-mbar .lk-btn {
    min-height: 40px;
  }

  .lk-mbar .lk-btn.icon {
    width: 44px;
  }

  .lk-page {
    padding: 16px 12px calc(40px + env(safe-area-inset-bottom));
  }

  .lk-head {
    margin-bottom: 14px;
  }

  .lk-head h1 {
    font-size: calc(19px + 7px * var(--nc-vib-vivid));
    line-height: calc(30px + 2px * var(--nc-vib-vivid));
  }

  .lk-head .acts {
    width: 100%;
    margin-left: 0;
  }

  .lk-head .acts > .lk-btn {
    flex: 1;
  }

  .lk .lk-btn {
    min-height: 40px;
  }

  .lk .lk-btn.sm, .lk .lk-chip {
    min-height: 36px;
  }

  .lk .lk-input, .lk .lk-field {
    min-height: 44px;
    font-size: 16px;
  }

  .lk-seg button {
    min-height: 34px;
  }

  .lk-stats {
    grid-template-columns: 1fr 1fr;
  }

  .lk-stat {
    border-left: 0;
    border-top: 1px solid var(--lk-line);
  }

  .lk-stat:nth-child(2n) {
    border-left: 1px solid var(--lk-line);
  }

  .lk-stat:nth-child(-n+2) {
    border-top: 0;
  }

  .lk-stat, .lk-stat:first-child, .lk-stat:last-child {
    border-radius: 0;
  }

  .lk-stat .v {
    font-size: 18px;
  }

  .lk-cols, .lk-split, .lk-form {
    grid-template-columns: minmax(0, 1fr);
  }

  .lk-form > .lab {
    border-bottom: 0;
    padding-bottom: 4px;
  }

  .lk .lk-table td {
    max-width: 200px;
    height: 46px;
  }

  .lk-peek {
    z-index: 390;
    padding: 16px 16px calc(24px + env(safe-area-inset-bottom));
    animation: lk-up var(--lk-d3) var(--lk-ease) both;
    border: 0;
    position: fixed;
    inset: 0;
    overflow-y: auto;
  }

  .lk-pal-back {
    align-items: stretch;
    padding: 0;
  }

  .lk-pal {
    border-radius: 0;
    flex-direction: column;
    width: 100%;
    display: flex;
  }

  .lk-pal ul {
    flex: 1;
    max-height: none;
  }

  .lk-pal li[role="option"] {
    min-height: 46px;
  }

  .lk-toasts {
    width: auto;
    left: 12px;
    right: 12px;
    bottom: calc(12px + env(safe-area-inset-bottom));
  }

  .lk-heat-months, .lk-heat-grid {
    min-width: calc(var(--weeks, 53) * 12px);
  }

  .lk-sticky-act {
    bottom: calc(10px + env(safe-area-inset-bottom));
    z-index: 5;
    position: sticky;
  }

  .lk .lk-table.lk-cards, .lk .lk-table.lk-cards tbody {
    background: none;
    border: 0;
    display: block;
  }

  .lk .lk-table.lk-cards thead {
    display: none;
  }

  .lk .lk-table.lk-cards tr {
    border: 1px solid var(--lk-line);
    background: var(--lk-bg);
    border-radius: 8px;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 2px 12px;
    margin-bottom: 8px;
    padding: 10px 12px;
    display: grid;
  }

  .lk .lk-table.lk-cards td {
    white-space: normal;
    border: 0;
    max-width: none;
    height: auto;
    padding: 0;
  }

  .lk .lk-table.lk-cards td[data-card="hide"] {
    display: none;
  }

  .lk .lk-table.lk-cards td[data-card="end"] {
    grid-area: 1 / 2;
    justify-self: end;
  }

  .lk .lk-table.lk-cards td[data-card="sub"] {
    color: var(--lk-ink-3);
    grid-column: 1 / -1;
    font-size: 12.5px;
  }
}

@media (max-width: 767px) and (orientation: landscape) {
  .lk-sheet {
    max-height: 92svh;
  }

  .lk-peek {
    padding-left: max(16px, env(safe-area-inset-left));
    padding-right: max(16px, env(safe-area-inset-right));
  }
}

@media (prefers-reduced-motion: reduce) {
  .lk *, .lk :before, .lk :after, .lk-pal-back, .lk-pal, .lk-sheet, .lk-sheet-back, .lk-toast {
    transition-duration: 1ms !important;
    animation-duration: 1ms !important;
    animation-iteration-count: 1 !important;
    animation-delay: 0s !important;
  }

  .lk-bg:after, .lk-bg i {
    animation: none !important;
  }

  .lk-toast .bar i {
    animation-duration: var(--t, 5s) !important;
  }
}

.lk .nc-balance {
  border: 0;
  min-height: 0;
  margin: 0;
  padding: 0;
  display: inline;
}

.lk .nc-balance strong {
  font: inherit;
  letter-spacing: 0;
  font-weight: 500;
}

.lk .nc-balance small {
  display: none;
}

.lk-side-bell {
  min-height: 32px;
  color: var(--lk-ink-2);
  transition: background-color var(--lk-d1) var(--lk-ease), color var(--lk-d1) var(--lk-ease);
  border-radius: 6px;
  align-items: center;
  gap: 2px;
  padding-right: 8px;
  display: flex;
  position: relative;
}

.lk-side-bell:hover {
  background: var(--lk-hover);
  color: var(--lk-ink);
}

.lk-side-bell:has(.nc-inbox-trigger:focus-visible) {
  background: var(--lk-hover);
  color: var(--lk-ink);
}

.lk-side-bell:has(.nc-inbox-trigger:focus-visible) {
  outline: 2px solid var(--lk-brand);
  outline-offset: 2px;
}

.lk-side-bell .nc-ws-popover, .lk-side-bell .nc-inbox-trigger {
  position: static;
}

.lk-side-bell .nc-inbox-trigger {
  width: 32px;
  height: 32px;
  color: inherit;
  outline: none;
  background: none !important;
}

.lk-side-bell .nc-inbox-trigger:after {
  content: "";
  border-radius: 6px;
  position: absolute;
  inset: 0;
}

.lk .nc-icon-btn {
  color: var(--lk-ink-2);
}

@media (max-width: 1100px) and (min-width: 768px) {
  .lk-side-bell {
    justify-content: center;
    padding-right: 0;
  }

  .lk-side-foot .lk-btn.primary {
    padding: 0;
  }
}

.lk-heat-grid > i[data-in] {
  box-shadow: inset 0 0 0 1.5px var(--lk-ink);
}

.lk-stat.has-art {
  overflow: hidden;
}

.lk-stat.has-art > :not(.lk-art):not(.lk-glow) {
  z-index: 1;
  position: relative;
}

.lk-stat .lk-art {
  width: 46%;
}

.lk-avatar {
  object-fit: cover;
  border-radius: 7px;
  flex: none;
  display: block;
}

.lk-side-foot .lk-pop {
  margin: 0 -2px;
}

.lk-side-foot .lk-acct {
  width: 100%;
}

@media (max-width: 1100px) and (min-width: 768px) {
  .lk-side-foot .lk-acct {
    justify-content: center;
  }
}

.lk-side-foot .lk-menu {
  width: max-content;
  min-width: 100%;
  right: auto;
}

.lk .nc-sheet {
  border: 1px solid var(--lk-line);
  background: var(--lk-raise);
  color: var(--lk-ink);
  box-shadow: var(--lk-shadow);
  font: 13.5px/1.45 var(--lk-font);
  border-radius: 12px;
}

.lk .nc-sheet::backdrop {
  background: #00000052;
}

html[data-theme="dark"] .lk .nc-sheet::backdrop {
  background: #0009;
}

.lk .nc-sheet :is(.nc-h3, h2) {
  font: 600 16px/1.3 var(--lk-font);
  letter-spacing: -.01em;
}

.lk .nc-sheet .nc-muted {
  color: var(--lk-ink-2);
}

.lk .nc-sheet :is(.nc-input, input:not([type="checkbox"]):not([type="radio"]), select, textarea) {
  border: 1px solid var(--lk-line-2);
  background: var(--lk-bg);
  color: var(--lk-ink);
  box-shadow: none;
  border-radius: 6px;
}

.lk .nc-sheet :is(.nc-input, input, select, textarea):focus {
  border-color: var(--lk-brand);
  box-shadow: 0 0 0 3px var(--lk-glow-2), 0 0 18px -4px var(--lk-glow);
  outline: none;
}

.lk .nc-sheet .nc-btn {
  border: 1px solid var(--lk-line-2);
  background: var(--lk-raise);
  min-height: 32px;
  color: var(--lk-ink);
  letter-spacing: 0;
  text-transform: none;
  box-shadow: none;
  border-radius: 6px;
  font-weight: 500;
}

.lk .nc-sheet .nc-btn-primary {
  border-color: var(--lk-ink);
  background: var(--lk-ink);
  color: var(--lk-bg);
  box-shadow: 0 6px 22px -8px var(--lk-glow);
}

.lk .nc-sheet :is(.nc-btn-danger, .nc-btn-danger-solid) {
  color: var(--lk-err);
  background: var(--lk-raise);
  border-color: color-mix(in srgb, var(--lk-err) 40%, var(--lk-line));
}

.lk .nc-sheet .nc-switch[aria-checked="true"] {
  background: var(--lk-ink);
}

.lk .nc-sheet .nc-chip, .lk .nc-sheet .nc-seg button {
  border-radius: 99px;
}

.lk-keys .lk-table td {
  max-width: none;
}

.lk-keys .lk-table code[data-full] {
  text-overflow: ellipsis;
  max-width: 260px;
  overflow: hidden;
}

@media (max-width: 767px) {
  .lk-connect {
    grid-template-columns: minmax(0, 1fr);
  }

  .lk-connect .lk-stat {
    border-top: 1px solid var(--lk-line);
    border-left: 0 !important;
  }

  .lk-connect .lk-stat:first-child {
    border-top: 0;
  }

  .lk-keys .lk-chips > .lk-input {
    flex-basis: 100% !important;
    max-width: none !important;
  }

  .lk-keys .lk-chips > .lk-btn.primary {
    order: -1;
    width: 100%;
    margin-left: 0 !important;
  }
}

.lk-radio {
  border: 1px solid var(--lk-line);
  background: var(--lk-bg);
  border-radius: 8px;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  display: grid;
  overflow: hidden;
}

.lk-radio label {
  border-left: 1px solid var(--lk-line);
  cursor: pointer;
  min-height: 64px;
  transition: background-color var(--lk-d1) var(--lk-ease);
  align-content: start;
  gap: 2px;
  padding: 12px 14px;
  display: grid;
  position: relative;
}

.lk-radio label:first-child {
  border-left: 0;
}

.lk-radio label:hover {
  background: var(--lk-hover);
}

.lk-radio label[data-on] {
  background: var(--lk-sel);
  box-shadow: inset 0 -2px 0 var(--lk-brand);
}

.lk-radio input {
  opacity: 0;
  pointer-events: none;
  position: absolute;
}

.lk-radio label:has(input:focus-visible) {
  outline: 2px solid var(--lk-brand);
  outline-offset: -2px;
}

.lk-radio b {
  font-weight: 500;
}

.lk-radio span {
  color: var(--lk-ink-3);
  font-size: 12px;
}

.lk-radio small {
  display: none;
}

@media (max-width: 767px) {
  .lk-radio {
    grid-template-columns: minmax(0, 1fr);
  }

  .lk-radio label {
    border-left: 0;
    border-top: 1px solid var(--lk-line);
    min-height: 56px;
  }

  .lk-radio label:first-child {
    border-top: 0;
  }

  .lk-radio small {
    color: var(--lk-ink-2);
    margin-top: 2px;
    font-size: 12px;
    display: block;
  }
}

.lk-routes-cards [class*="__catalogHeading"] h2 {
  letter-spacing: 0;
  font-size: 14px;
  font-weight: 600;
}

.lk-routes-cards [class*="__search"] input {
  outline: none;
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
}

.lk-routes-cards [class*="__search"]:focus-within {
  border-color: var(--lk-brand);
  box-shadow: 0 0 0 3px var(--lk-glow-2);
}

.lk-routes-cards [class*="__toolbar"] {
  background: var(--lk-bg);
}

@media (pointer: coarse) {
  .lk .lk-btn, .lk .lk-btn.sm {
    min-height: 44px;
  }

  .lk .lk-btn.icon, .lk .lk-btn.sm.icon {
    width: auto;
    min-width: 44px;
  }

  .lk .lk-chip {
    min-height: 44px;
    padding: 0 14px;
  }

  .lk-seg {
    align-items: stretch;
    padding: 2px;
  }

  .lk-seg button {
    min-height: 44px;
    padding: 0 12px;
  }

  .lk-seg .ind {
    top: 2px;
    bottom: 2px;
  }

  .lk-routes-cards button {
    min-height: 44px;
  }

  .lk-radio input {
    width: 100%;
    height: 100%;
    margin: 0;
    inset: 0;
  }

  .lk .lk-input, .lk .lk-field, .lk .lk-pal-field input {
    min-height: 44px;
    font-size: 16px;
  }

  .lk-nav, .lk-acct, .lk-searchbtn, .lk-menu > :is(a, button), .lk-pal li[role="option"] {
    min-height: 44px;
  }

  .lk-switch {
    position: relative;
  }

  .lk-switch:before {
    content: "";
    position: absolute;
    inset: -13px -8px;
  }

  .lk .nc-icon-btn {
    min-width: 44px;
    min-height: 44px;
  }

  .lk .lk-status {
    min-height: 44px;
    padding: 0 14px;
  }

  .lk-snip {
    min-height: 44px;
  }

  .lk-crumb a {
    align-items: center;
    min-height: 44px;
    display: inline-flex;
  }

  .lk-heat-grid > i {
    min-width: 12px;
  }

  .lk-radio label {
    min-height: 56px;
  }

  .lk .lk-table td a, .lk-sec > h2 a, .lk-rows a, .lk-sec > h2 .more a {
    align-items: center;
    min-height: 44px;
    display: inline-flex;
  }
}

.lk-mini td:first-child {
  max-width: 0;
}

.lk-mini :is(th, td):nth-child(n+2) {
  width: 60px;
}

.lk-mini :is(th, td):nth-child(2) {
  width: 76px;
}

.lk-password {
  align-items: center;
  gap: 4px;
  width: 100%;
  display: flex;
}

.lk-password .lk-field {
  flex: 1;
  min-width: 0;
}

.lk-auth {
  min-height: calc(100svh - var(--lk-top));
  padding: 32px 16px calc(32px + env(safe-area-inset-bottom));
  place-items: center;
  display: grid;
  overflow: hidden;
}

.lk-auth-card {
  z-index: 1;
  width: min(440px, 100%);
  box-shadow: var(--lk-shadow);
  gap: 14px;
  padding: 24px;
  display: grid;
  position: relative;
}

.lk-auth-card:has(.lk-form) {
  width: min(680px, 100%);
}

.lk .lk-auth-card h1 {
  font: 600 20px/28px var(--lk-font);
  letter-spacing: -.015em;
  margin: 0;
}

.lk-auth-form {
  gap: 6px;
  display: grid;
}

.lk-auth-form > label {
  color: var(--lk-ink-2);
  margin-top: 6px;
  font-size: 12.5px;
  font-weight: 500;
}

.lk-auth-form > .lk-btn {
  margin-top: 10px;
}

.lk-auth-form > .lk-btn.ghost {
  margin-top: 0;
}

.lk-auth .nc-input {
  border: 1px solid var(--lk-line-2);
  background: var(--lk-bg);
  min-height: 32px;
  color: var(--lk-ink);
  font: inherit;
  letter-spacing: .14em;
  border-radius: 6px;
  padding: 0 10px;
}

.lk-auth .nc-input:focus {
  border-color: var(--lk-brand);
  box-shadow: 0 0 0 3px var(--lk-glow-2);
  outline: none;
}

@media (max-width: 767px), (pointer: coarse) {
  .lk-auth .nc-input {
    min-height: 44px;
    font-size: 16px;
  }
}

@media (max-width: 767px) {
  .lk-auth {
    place-items: start center;
  }

  .lk-auth-card {
    padding: 18px;
  }
}

.lk-alert {
  flex-wrap: nowrap;
  align-items: flex-start;
}

.lk-alert:before {
  margin-top: 6px;
}

.lk-alert > span {
  flex: 1;
  min-width: 0;
}

@media (max-width: 767px) {
  .lk-alert:has( > .lk-btn,  > span + span) {
    flex-wrap: wrap;
  }
}

.lk :is(.lk-stats, .lk-panel, .lk-form, .lk-radio, .lk-note, .lk-split), .lk .lk-table {
  background: var(--lk-panel);
  box-shadow: var(--lk-panel-shadow);
}

html[data-theme="dark"] .lk .lk-empty {
  box-shadow: var(--lk-panel-shadow);
}

html[data-theme="dark"] .lk .lk-btn.primary {
  box-shadow: 0 0 24px -4px color-mix(in srgb, var(--lk-glow) var(--nc-vib-vivid-mix), transparent), 0 8px 22px -10px color-mix(in srgb, var(--lk-cta-1) calc(80% * var(--nc-vib-accent) * (1 - var(--nc-vib-vivid))), transparent), inset 0 1px 0 rgb(255 255 255 / calc(.3 * var(--nc-vib-accent))), 0 0 0 1px color-mix(in srgb, var(--lk-brand) calc(30% * (1 - var(--nc-vib-accent))), transparent), 0 6px 22px -8px color-mix(in srgb, var(--lk-glow) calc(100% * (1 - var(--nc-vib-accent))), transparent);
}

@media (prefers-reduced-motion: no-preference) and (hover: hover) {
  .lk-stat {
    transition: transform .25s var(--lk-ease), box-shadow .25s var(--lk-ease);
  }

  .lk-stat:hover {
    z-index: 2;
    transform: translateY(calc(-3px * var(--nc-vib-vivid)));
    box-shadow: 0 14px 30px -16px color-mix(in srgb, var(--acc) calc(70% * var(--nc-vib-vivid)), transparent);
  }

  .lk .lk-btn.primary:hover:not(:disabled):not(:active) {
    transform: translateY(calc(-1px * var(--nc-vib-vivid)));
  }

  .lk-nav {
    transition-property: color, background-color, transform;
  }

  .lk-nav:hover {
    transform: translateX(calc(2px * var(--nc-vib-vivid)));
  }
}

.lk .lk-split .lk-table, .lk .lk-table.lk-cards {
  box-shadow: none;
}

.lk .lk-peek, .lk-scroll > .lk-table td:first-child, .lk .lk-alert {
  background: var(--lk-panel);
}

@media (max-width: 767px) {
  .lk .lk-table.lk-cards tr {
    background: var(--lk-panel);
    box-shadow: var(--lk-panel-shadow);
  }
}

html[data-theme="dark"] .lk[data-section="seller"] {
  --lk-panel-shadow: 0 0 #0000;
  --lk-bg: #121310;
  --lk-side: #0f100d;
  --lk-raise: #1c1d19;
  --lk-panel: #191a16;
  --lk-hover: #1f201c;
  --lk-sel: #262722;
  --lk-line: #2a2b26;
  --lk-line-2: #383932;
  --lk-ink: #f3f2ec;
  --lk-ink-2: #dedcd2;
  --lk-ink-3: #b9b7ac;
}

html[data-theme="dark"] .lk[data-section="seller"] :is(.lk-head, .zc-head) :is(h1, .sub, .lead, .zc-title, .zc-lead) {
  text-shadow: 0 0 2px #121310, 0 0 14px #121310d9;
}

.lk :is(.lk-stats, .lk-panel, .lk-table, .lk-split, .lk-form) {
  border-radius: 14px;
  box-shadow: inset 0 1px #ffffffd9;
}

html[data-theme="dark"] .lk :is(.lk-stats, .lk-panel, .lk-table, .lk-split, .lk-form) {
  box-shadow: inset 0 1px 0 #ffffff0a, var(--lk-panel-shadow);
}

html[data-theme="dark"] .lk :is(.lk-split .lk-table, .lk-table.lk-cards) {
  box-shadow: none;
}

html[data-theme="dark"] .lk .lk-scroll:not(.lk-split .lk-scroll):has( > .lk-table:not(.lk-cards)) {
  box-shadow: var(--lk-panel-shadow);
  border-radius: 14px;
}

.lk .lk-split .lk-table {
  box-shadow: none;
  border-radius: 0;
}

.lk .lk-stat:first-child {
  border-radius: 14px 0 0 14px;
}

.lk .lk-stat:last-child {
  border-radius: 0 14px 14px 0;
}

.lk .lk-stat .k {
  letter-spacing: .06em;
  text-transform: uppercase;
  font-size: 11.5px;
  font-weight: 600;
}

.lk .lk-stat .v {
  font-family: var(--nc-font-mono, ui-monospace, monospace);
  letter-spacing: -.02em;
  font-size: 21px;
  font-weight: 600;
}

.lk .lk-sec > h2, .lk .lk-h2 {
  color: var(--lk-ink-2);
  letter-spacing: .07em;
  text-transform: uppercase;
  font-size: 12.5px;
}

.lk .lk-sec > h2 .more, .lk .lk-h2 .more {
  letter-spacing: normal;
  text-transform: none;
}

.lk .lk-table th {
  border-bottom: 1.5px solid var(--lk-line-2);
  background: color-mix(in srgb, var(--lk-side) 70%, transparent);
  letter-spacing: .06em;
  text-transform: uppercase;
  height: 36px;
  font-size: 11.5px;
  font-weight: 600;
}

.lk .lk-table th:first-child {
  border-top-left-radius: 14px;
}

.lk .lk-table th:last-child {
  border-top-right-radius: 14px;
}

.lk .lk-table td {
  border-bottom: 0;
}

.lk .lk-table tbody tr:nth-child(2n) td {
  background: color-mix(in srgb, var(--lk-ink) 2.5%, transparent);
}

.lk .lk-table tbody tr:hover td {
  background: color-mix(in srgb, var(--lk-brand) 9%, transparent);
}

.lk .lk-table tbody tr:hover td:first-child {
  box-shadow: inset 3px 0 0 var(--lk-brand);
}

.lk .lk-table tbody tr[aria-selected="true"] td {
  background: var(--lk-sel);
}

.lk .lk-table td.r, .lk .lk-table td.num {
  font-family: var(--nc-font-mono, ui-monospace, monospace);
  font-size: 13px;
}

.lk .lk-form > .foot {
  border-radius: 0 0 14px 14px;
}

@media (max-width: 767px) {
  .lk .lk-table.lk-cards tr {
    border-radius: 14px;
  }

  .lk .lk-table.lk-cards tbody tr:nth-child(2n) td, .lk .lk-table.lk-cards tbody tr:hover td {
    box-shadow: none;
    background: none;
  }
}

/* [project]/src/components/lk/skin.css [app-client] (css) */
.lk-main {
  --nc-bg: var(--lk-bg);
  --nc-surface: var(--lk-panel);
  --nc-surface-2: var(--lk-hover);
  --nc-surface-3: var(--lk-sel);
  --nc-glass: var(--lk-bg);
  --nc-glass-strong: var(--lk-panel);
  --nc-hover: var(--lk-hover);
  --nc-pressed: var(--lk-sel);
  --nc-ink: var(--lk-ink);
  --nc-ink-2: var(--lk-ink-2);
  --nc-muted: var(--lk-ink-2);
  --nc-faint: var(--lk-ink-3);
  --nc-line: var(--lk-line);
  --nc-line-strong: var(--lk-line-2);
  --nc-primary: var(--lk-ink);
  --nc-primary-hover: var(--lk-ink);
  --nc-on-primary: var(--lk-bg);
  --nc-accent: var(--lk-brand);
  --nc-accent-2: var(--lk-brand);
  --nc-accent-ink: var(--lk-ink);
  --nc-accent-soft: var(--lk-sel);
  --nc-focus-ring: var(--lk-brand);
  --nc-ok: var(--lk-ok);
  --nc-warn: var(--lk-warn);
  --nc-err: var(--lk-err);
  --nc-info: var(--lk-ink-2);
  --nc-ok-bg: color-mix(in srgb, var(--lk-ok) 12%, var(--lk-bg));
  --nc-warn-bg: color-mix(in srgb, var(--lk-warn) 12%, var(--lk-bg));
  --nc-err-bg: color-mix(in srgb, var(--lk-err) 12%, var(--lk-bg));
  --nc-info-bg: var(--lk-hover);
  --nc-font-display: var(--lk-font);
  --nc-r-xs: 4px;
  --nc-r-sm: 6px;
  --nc-r-md: 8px;
  --nc-r-lg: 12px;
  --nc-r-xl: 12px;
  --nc-shadow-1: none;
  --nc-shadow-2: var(--lk-shadow);
  --nc-brand-gradient: var(--lk-ink);
  --nc-brand-gradient-soft: var(--lk-sel);
}

.lk-main .zc {
  font-size: 13.5px;
}

.lk-main .zc .zc-title {
  font: calc(20px + 10px * var(--nc-vib-vivid))/calc(28px + 10px * var(--nc-vib-vivid)) var(--nc-vib-title);
  font-weight: calc(600 + 100 * var(--nc-vib-vivid));
  letter-spacing: calc(-.015em - .02em * var(--nc-vib-vivid));
}

@media (max-width: 767px) {
  .lk-main .zc .zc-title {
    font-size: calc(20px + 6px * var(--nc-vib-vivid));
    line-height: calc(28px + 4px * var(--nc-vib-vivid));
  }
}

.lk-main .zc-head {
  align-items: center;
  gap: 10px 16px;
  margin-bottom: 20px;
}

.lk-main .zc-lead {
  color: var(--lk-ink-2);
  font-size: 13.5px;
}

.lk-main .zc .zc-panel-head h2 {
  font: 600 14px/1.4 var(--lk-font);
  letter-spacing: 0;
}

.lk-main .zc-panel-head {
  padding: 14px 16px 12px;
}

.lk-main .zc-panel-body {
  padding: 0 16px 16px;
}

.lk-main .zc-panel-foot {
  padding: 10px 16px;
}

.lk-main .zc-stat {
  gap: 6px;
  padding: 14px 16px;
}

.lk-main .zc-stat-label {
  font-size: 12.5px;
}

.lk-main .zc-stat-value {
  font: 500 22px/28px var(--lk-font);
  letter-spacing: -.02em;
}

.lk-main .zc .zc-empty strong {
  font: 600 15px/1.35 var(--lk-font);
  letter-spacing: 0;
}

.lk-main .zc .zc-table th {
  background: var(--lk-side);
  padding: 9px 12px;
  font-size: 12px;
}

@media not (max-width: 720px) {
  .lk-main .zc .zc-table td {
    padding: 10px 12px;
  }

  .lk-main .zc-table th:first-child, .lk-main .zc-table td:first-child {
    padding-left: 16px;
  }

  .lk-main .zc-table th:last-child, .lk-main .zc-table td:last-child {
    padding-right: 16px;
  }
}

.lk-main .zc-table td[data-numeric] {
  font-family: inherit;
  font-size: inherit;
}

.lk-main .zc-status {
  border: 1px solid var(--lk-line-2);
  min-height: 22px;
  color: var(--lk-ink-2);
  background: none;
  padding: 0 8px;
  font-size: 12px;
}

.lk-main .zc-status:before {
  width: 7px;
  height: 7px;
}

.lk-main .zc-status[data-tone="ok"] {
  color: var(--lk-ink);
  background: none;
}

.lk-main .zc-status[data-tone="ok"]:before {
  background: var(--lk-ok);
}

.lk-main .zc-status[data-tone="warn"] {
  color: var(--lk-ink);
  background: none;
}

.lk-main .zc-status[data-tone="warn"]:before {
  background: var(--lk-warn);
}

.lk-main .zc-status[data-tone="err"] {
  color: var(--lk-ink);
  background: none;
}

.lk-main .zc-status[data-tone="err"]:before {
  background: var(--lk-err);
}

.lk-main .zc-status[data-tone="accent"]:before {
  background: var(--lk-brand);
}

.lk-main .zc-status[data-tone="sun"]:before {
  background: #f5c83b;
}

.lk-main .zc-notice {
  border: 1px solid var(--lk-line);
  background: var(--lk-bg);
}

.lk-main .zc-error {
  border: 1px solid color-mix(in srgb, var(--lk-err) 40%, var(--lk-line));
  background: var(--lk-bg);
}

.lk-main .zc-step-mark {
  width: 28px;
  height: 28px;
  font-family: var(--lk-font);
}

.lk-main .zc .zc-dialog h2, .lk-main .zc.zc-dialog h2, .lk-main .zc.zc-sheet .nc-sheet-head h2 {
  font: 600 16px/1.3 var(--lk-font);
  letter-spacing: -.01em;
}

.lk-main .nc-btn {
  min-height: 32px;
  padding: 0 12px;
  font-size: 13px;
}

.lk-main .nc-btn-sm {
  min-height: 28px;
  padding: 0 10px;
  font-size: 12.5px;
}

.lk-main .nc-btn-primary {
  box-shadow: 0 6px 22px -8px var(--lk-glow);
}

.lk-main .nc-input {
  min-height: 32px;
  font-size: 13.5px;
}

.lk-main .nc-input:focus {
  border-color: var(--lk-brand);
  box-shadow: 0 0 0 3px var(--lk-glow-2), 0 0 18px -4px var(--lk-glow);
}

.lk-main .nc-seg button[aria-pressed="true"] {
  background: var(--lk-sel);
  color: var(--lk-ink);
  box-shadow: none;
}

.lk-main :is(.zc-panel, .zc-stats) {
  position: relative;
}

@media (max-width: 767px) {
  .lk-main .nc-input {
    min-height: 44px;
    font-size: 16px;
  }
}

@media (pointer: coarse) {
  .lk-main :is(.nc-btn, .nc-btn-sm, .nc-icon-btn) {
    min-height: 44px;
  }

  .lk-main .nc-icon-btn {
    min-width: 44px;
  }

  .lk-main .nc-input {
    min-height: 44px;
    font-size: 16px;
  }

  .lk-main .nc-seg button, .lk-main .zc-subnav a, .lk-main .zc-checks label {
    min-height: 44px;
  }
}

.lk-main .nc-btn:disabled {
  opacity: .5;
  cursor: not-allowed;
  box-shadow: none;
}

.lk-main .nc-btn-primary:disabled {
  border-color: var(--lk-ink);
  background: var(--lk-ink);
  color: var(--lk-bg);
}

.lk-main :is(.zc-panel, .zc-stats) {
  box-shadow: var(--lk-panel-shadow);
}

/* [project]/src/components/app/dashboard.module.css [app-client] (css) */
.dashboard-module__Znvx9G__shell {
  color: var(--ink);
  min-height: 100vh;
  font-family: var(--font-zoo), sans-serif;
  padding: 0 0 52px;
}

.dashboard-module__Znvx9G__topbar {
  z-index: 55;
  border: 1px solid var(--line);
  background: color-mix(in srgb,var(--surface-panel) 78%,transparent);
  -webkit-backdrop-filter: blur(24px) saturate(1.08);
  backdrop-filter: blur(24px) saturate(1.08);
  border-radius: 24px;
  grid-template-columns: minmax(150px, 1fr) auto minmax(150px, 1fr);
  align-items: center;
  gap: 22px;
  width: min(1500px, 100% - 32px);
  min-height: 74px;
  margin: 14px auto 0;
  padding: 10px 14px 10px 20px;
  display: grid;
  position: sticky;
  top: 14px;
  box-shadow: inset 0 1px #ffffff94, 0 18px 48px #163a261a;
}

.dashboard-module__Znvx9G__brand {
  align-items: center;
  width: 154px;
  min-height: 44px;
  display: flex;
}

.dashboard-module__Znvx9G__brand img {
  width: 100%;
  height: auto;
}

.dashboard-module__Znvx9G__topbarTitle {
  text-align: center;
  min-width: 0;
}

.dashboard-module__Znvx9G__topbarTitle span {
  color: var(--ink-dim);
  letter-spacing: .11em;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 700;
  display: block;
}

.dashboard-module__Znvx9G__topbarTitle strong {
  max-width: 36ch;
  color: var(--ink);
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
  font-weight: 680;
  display: block;
  overflow: hidden;
}

.dashboard-module__Znvx9G__topbarActions {
  justify-self: end;
  align-items: center;
  gap: 7px;
  display: flex;
}

.dashboard-module__Znvx9G__accountButton {
  border: 1px solid var(--line);
  background: color-mix(in srgb,var(--surface-panel-strong) 66%,transparent);
  width: 44px;
  height: 44px;
  color: var(--ink);
  box-shadow: none;
  border-radius: 14px;
  place-items: center;
  display: grid;
}

.dashboard-module__Znvx9G__topbarActions .tbtn {
  border: 1px solid var(--line);
  background: color-mix(in srgb,var(--surface-panel-strong) 66%,transparent);
  width: 44px;
  height: 44px;
  color: var(--ink);
  box-shadow: none;
  border-radius: 14px;
  place-items: center;
  display: grid;
}

.dashboard-module__Znvx9G__topbarActions .langSeg {
  border-color: var(--line);
  background: color-mix(in srgb,var(--surface-panel-strong) 66%,transparent);
  box-shadow: none;
}

.dashboard-module__Znvx9G__container {
  max-width: 1500px;
  margin: auto;
  padding: 28px 28px 0;
}

.dashboard-module__Znvx9G__layout {
  grid-template-columns: 240px minmax(0, 1fr);
  align-items: start;
  gap: 26px;
  display: grid;
}

.dashboard-module__Znvx9G__sidebar {
  scrollbar-width: thin;
  gap: 18px;
  max-height: calc(100dvh - 120px);
  padding: 2px;
  display: grid;
  position: sticky;
  top: 104px;
  overflow-y: auto;
}

.dashboard-module__Znvx9G__navigation {
  border: 1px solid var(--line);
  background: color-mix(in srgb, var(--surface-panel) 76%, transparent);
  -webkit-backdrop-filter: blur(18px) saturate(1.04);
  backdrop-filter: blur(18px) saturate(1.04);
  border-radius: 24px;
  box-shadow: inset 0 1px #ffffff6b, 0 16px 46px #163a2612;
}

.dashboard-module__Znvx9G__navBody {
  padding: 22px 10px 12px;
}

html[data-theme="light"] .dashboard-module__Znvx9G__navigation {
  border-color: var(--line);
  background: #f7fbf5ad;
  box-shadow: 0 14px 38px #18432912, inset 0 1px #fffc;
}

.dashboard-module__Znvx9G__navigation > summary {
  display: none;
}

.dashboard-module__Znvx9G__navGroup {
  margin-bottom: 22px;
}

.dashboard-module__Znvx9G__navGroup > p {
  color: var(--ink-dim);
  margin: 0 12px 7px;
  font-size: 10px;
  font-weight: 550;
}

.dashboard-module__Znvx9G__shell .dashboard-module__Znvx9G__navLink {
  min-height: 46px;
  color: var(--ink-dim);
  border: 1px solid #0000;
  border-radius: 13px;
  align-items: center;
  gap: 11px;
  margin: 2px 0;
  padding: 10px 12px;
  font-size: 12px;
  display: flex;
}

.dashboard-module__Znvx9G__navLink > span {
  flex: 1;
}

.dashboard-module__Znvx9G__shell .dashboard-module__Znvx9G__navLink[aria-current="page"] {
  background: color-mix(in srgb, var(--accent2) 13%, var(--surface-panel));
  border-color: color-mix(in srgb, var(--accent2) 28%, var(--line));
  color: var(--ink);
  box-shadow: inset 0 1px #ffffff5c;
}

.dashboard-module__Znvx9G__navLink[aria-current="page"] > svg:first-child {
  color: var(--accent2);
}

.dashboard-module__Znvx9G__navFooter {
  border-top: 1px solid var(--line);
  padding-top: 10px;
  display: grid;
}

.dashboard-module__Znvx9G__navFooter a, .dashboard-module__Znvx9G__navFooter button {
  min-height: 44px;
  color: var(--ink-dim);
  text-align: left;
  background: none;
  border: 0;
  align-items: center;
  gap: 11px;
  padding: 8px 12px;
  font-size: 12px;
  display: flex;
}

.dashboard-module__Znvx9G__unread {
  background: color-mix(in srgb, var(--accent2) 20%, transparent);
  color: var(--ink);
  border-radius: 8px;
  padding: 2px 6px;
  font-size: 10px;
}

.dashboard-module__Znvx9G__main {
  align-content: start;
  gap: 22px;
  min-width: 0;
  display: grid;
}

.dashboard-module__Znvx9G__pageHeader {
  padding: 0 0 3px;
}

.dashboard-module__Znvx9G__pageHeader h1 {
  letter-spacing: -.035em;
  font-size: clamp(28px, 3vw, 36px);
  font-weight: 550;
  line-height: 1.25;
}

html[data-theme] .dashboard-module__Znvx9G__shell .dashboard-module__Znvx9G__analytics .analytics-head h1 {
  letter-spacing: -.035em;
  font-size: clamp(28px, 3vw, 36px);
  font-weight: 550;
  line-height: 1.25;
}

.dashboard-module__Znvx9G__pageHeader p {
  color: var(--ink-dim);
  max-width: 780px;
  margin-top: 10px;
  font-size: 13px;
  line-height: 1.8;
}

:is(html[data-theme] .dashboard-module__Znvx9G__shell .tm-panel, html[data-theme] .dashboard-module__Znvx9G__shell .divine-card, html[data-theme] .dashboard-module__Znvx9G__shell .analytics-card, html[data-theme] .dashboard-module__Znvx9G__shell .api-base-url-card) {
  background: color-mix(in srgb, var(--surface-panel) 70%, transparent) !important;
  border: 1px solid var(--line) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  border-radius: 22px !important;
  box-shadow: inset 0 1px #e0efff0d !important;
}

html[data-theme] .dashboard-module__Znvx9G__shell .tm-panel:before {
  display: none;
}

html[data-theme] .dashboard-module__Znvx9G__shell .tm-panel:after {
  display: none;
}

html[data-theme] .dashboard-module__Znvx9G__shell .eyebrow {
  letter-spacing: .03em;
  color: var(--ink-dim);
  font-size: 10px;
}

:is(html[data-theme] .dashboard-module__Znvx9G__shell .btn-secondary, html[data-theme] .dashboard-module__Znvx9G__shell .btn-primary) {
  border-radius: 12px;
  min-height: 44px;
  font-weight: 550;
  box-shadow: none !important;
}

html[data-theme] .dashboard-module__Znvx9G__shell .btn-primary {
  border: 1px solid color-mix(in srgb, var(--accent2) 40%, var(--line));
  color: var(--ink) !important;
  background: color-mix(in srgb, var(--accent2) 20%, var(--surface-panel)) !important;
}

html[data-theme="light"] .dashboard-module__Znvx9G__shell .btn-primary {
  color: #fff !important;
  background: #2d7654 !important;
}

.dashboard-module__Znvx9G__shell input:not([type="checkbox"]):not([type="radio"]), .dashboard-module__Znvx9G__shell select, .dashboard-module__Znvx9G__shell textarea {
  color: var(--ink);
  border-radius: 12px;
  max-width: 100%;
  min-height: 44px;
}

.dashboard-module__Znvx9G__shell button:focus-visible, .dashboard-module__Znvx9G__shell a:focus-visible, .dashboard-module__Znvx9G__shell summary:focus-visible, .dashboard-module__Znvx9G__dialog button:focus-visible, .dashboard-module__Znvx9G__dialog summary:focus-visible, .dashboard-module__Znvx9G__dialog a:focus-visible {
  outline: 2px solid var(--accent2);
  outline-offset: 3px;
}

.dashboard-module__Znvx9G__news {
  border: 1px solid var(--line);
  background: color-mix(in srgb, var(--surface-panel) 55%, transparent);
  border-radius: 18px;
  padding: 16px;
}

.dashboard-module__Znvx9G__newsHeading {
  color: var(--ink-dim);
  align-items: center;
  gap: 8px;
  font-size: 11px;
  display: flex;
}

.dashboard-module__Znvx9G__newsHeading small {
  margin-left: auto;
}

.dashboard-module__Znvx9G__newsHeading i {
  background: var(--accent2);
  border-radius: 50%;
  width: 6px;
  height: 6px;
}

.dashboard-module__Znvx9G__newsOpen {
  text-align: left;
  width: 100%;
  min-height: 44px;
  color: var(--ink);
  background: none;
  border: 0;
}

.dashboard-module__Znvx9G__newsOpen strong {
  margin: 12px 0 6px;
  font-size: 13px;
  display: block;
}

.dashboard-module__Znvx9G__newsOpen span {
  -webkit-line-clamp: 2;
  color: var(--ink-dim);
  -webkit-box-orient: vertical;
  font-size: 12px;
  line-height: 1.7;
  display: -webkit-box;
  overflow: hidden;
}

.dashboard-module__Znvx9G__newsControls {
  justify-content: flex-end;
  margin-top: 10px;
  display: flex;
}

.dashboard-module__Znvx9G__iconButton {
  border: 1px solid var(--line);
  min-width: 44px;
  min-height: 44px;
  color: inherit;
  background: none;
  border-radius: 12px;
  flex-shrink: 0;
  place-items: center;
  display: inline-grid;
}

.dashboard-module__Znvx9G__toast {
  z-index: 65;
  border: 1px solid var(--line);
  background: var(--surface-panel-strong);
  border-radius: 20px;
  width: min(360px, 100vw - 32px);
  padding: 18px;
  position: fixed;
  top: 92px;
  right: 22px;
  box-shadow: 0 16px 50px #00081633;
}

.dashboard-module__Znvx9G__toast > .dashboard-module__Znvx9G__iconButton {
  float: right;
}

.dashboard-module__Znvx9G__toast .dashboard-module__Znvx9G__newsOpen {
  width: calc(100% - 50px);
}

.dashboard-module__Znvx9G__toast small {
  color: var(--ink-dim);
}

.dashboard-module__Znvx9G__dialog {
  color: var(--ink);
  border: 1px solid var(--line);
  background: var(--surface-panel-strong);
  border-radius: 26px;
  width: min(920px, 100vw - 40px);
  max-width: none;
  max-height: min(900px, 100dvh - 64px);
  margin: auto;
  padding: 0;
  overflow: hidden;
  box-shadow: 0 28px 100px #0008164d;
}

.dashboard-module__Znvx9G__dialog[open] {
  flex-direction: column;
  display: flex;
}

.dashboard-module__Znvx9G__dialog::backdrop {
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
  background: #040c197a;
}

.dashboard-module__Znvx9G__dialogHeader {
  border-bottom: 1px solid var(--line);
  isolation: isolate;
  flex-shrink: 0;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  padding: 24px 28px;
  display: flex;
  position: relative;
}

.dashboard-module__Znvx9G__dialogHeader h2 {
  letter-spacing: -.025em;
  font-size: 23px;
  font-weight: 550;
  line-height: 1.3;
}

.dashboard-module__Znvx9G__dialogHeader p {
  opacity: .75;
  overflow-wrap: anywhere;
  margin-top: 6px;
  font-size: 11px;
  line-height: 1.7;
}

.dashboard-module__Znvx9G__dialogHeader > div {
  min-width: 0;
}

.dashboard-module__Znvx9G__withArtwork {
  color: #f2f6ff;
  background: #0a1729;
  min-height: 150px;
}

.dashboard-module__Znvx9G__dialogArtwork {
  object-fit: cover;
  z-index: -2;
  opacity: .48;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

html[data-theme="light"] .dashboard-module__Znvx9G__withArtwork {
  color: var(--ink);
  background: var(--surface-panel-strong);
}

html[data-theme="light"] .dashboard-module__Znvx9G__withArtwork:after {
  background: linear-gradient(90deg, #f5f9ffd9, #f5f9ff1f);
}

.dashboard-module__Znvx9G__withArtwork:after {
  content: "";
  z-index: -1;
  background: linear-gradient(0deg, #050f1ed9, #050f1e26);
  position: absolute;
  inset: 0;
}

.dashboard-module__Znvx9G__dialogBody {
  overscroll-behavior: contain;
  scrollbar-width: thin;
  min-height: 0;
  padding: 24px 28px;
  overflow-y: auto;
}

.dashboard-module__Znvx9G__dialogFooter {
  border-top: 1px solid var(--line);
  color: var(--ink-dim);
  flex-wrap: wrap;
  flex-shrink: 0;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 14px 28px;
  font-size: 11px;
  display: flex;
}

.dashboard-module__Znvx9G__notificationBody img {
  object-fit: cover;
  border-radius: 15px;
  width: 100%;
  max-height: 360px;
  margin-bottom: 20px;
}

.dashboard-module__Znvx9G__notificationBody p {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  font-size: 14px;
  line-height: 1.9;
}

.dashboard-module__Znvx9G__metrics {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  display: grid;
}

.dashboard-module__Znvx9G__metrics article {
  border: 1px solid var(--line);
  background: color-mix(in srgb, var(--surface-panel) 70%, transparent);
  border-radius: 20px;
  min-width: 0;
  padding: 21px;
}

.dashboard-module__Znvx9G__metrics article > span {
  color: var(--ink-dim);
  align-items: center;
  gap: 8px;
  font-size: 12px;
  display: flex;
}

.dashboard-module__Znvx9G__metrics strong {
  letter-spacing: -.03em;
  overflow-wrap: anywhere;
  font-variant-numeric: tabular-nums;
  margin: 20px 0 8px;
  font-size: clamp(22px, 2.3vw, 29px);
  font-weight: 550;
  display: block;
}

.dashboard-module__Znvx9G__metrics small, .dashboard-module__Znvx9G__metrics a {
  color: var(--ink-dim);
  align-items: center;
  gap: 7px;
  min-height: 22px;
  font-size: 11px;
  display: flex;
}

.dashboard-module__Znvx9G__metrics a {
  min-height: 44px;
  margin: -11px 0;
}

.dashboard-module__Znvx9G__comparison {
  margin: 6px 0 0;
}

.dashboard-module__Znvx9G__comparison summary {
  cursor: pointer;
  min-height: 44px;
  color: var(--ink-dim);
  align-items: center;
  gap: 12px;
  font-size: 11px;
  list-style: none;
  display: flex;
}

.dashboard-module__Znvx9G__comparison > div {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 15px;
  padding: 10px 0 20px;
  display: grid;
}

.dashboard-module__Znvx9G__comparison article {
  border-left: 1px solid var(--line);
  gap: 7px;
  padding-left: 15px;
  font-size: 12px;
  display: grid;
}

.dashboard-module__Znvx9G__comparison article span {
  color: var(--ink-dim);
  font-size: 11px;
}

.dashboard-module__Znvx9G__analytics {
  gap: 20px;
  display: grid;
}

html[data-theme] .dashboard-module__Znvx9G__shell .dashboard-module__Znvx9G__analytics {
  --analytics-text: var(--ink) !important;
  --analytics-muted: var(--ink-dim) !important;
  --analytics-soft: var(--ink-dim) !important;
  --analytics-border: var(--line) !important;
  --analytics-border-soft: var(--line) !important;
  --analytics-gold: var(--accent2) !important;
  --analytics-green: #78a98a !important;
  --analytics-bar: #6ea17f !important;
}

:is(html[data-theme] .dashboard-module__Znvx9G__shell .dashboard-module__Znvx9G__analytics .analytics-head, html[data-theme] .dashboard-module__Znvx9G__shell .dashboard-module__Znvx9G__analytics .analytics-card, html[data-theme] .dashboard-module__Znvx9G__shell .dashboard-module__Znvx9G__analytics .api-base-url-card, html[data-theme] .dashboard-module__Znvx9G__shell .dashboard-module__Znvx9G__analytics .analytics-base-url-card) {
  margin: 0 !important;
}

:is(html[data-theme] .dashboard-module__Znvx9G__shell .dashboard-module__Znvx9G__analytics .analytics-head h1, html[data-theme] .dashboard-module__Znvx9G__shell .dashboard-module__Znvx9G__analytics .analytics-card h2) {
  letter-spacing: -.025em;
  font-weight: 550;
}

html[data-theme] .dashboard-module__Znvx9G__shell .dashboard-module__Znvx9G__analytics .analytics-tabs {
  border-radius: 14px;
  background: color-mix(in srgb, var(--surface-panel) 60%, transparent) !important;
  box-shadow: none !important;
}

html[data-theme] .dashboard-module__Znvx9G__shell .dashboard-module__Znvx9G__analytics .analytics-tabs .tab {
  border-radius: 11px;
  min-height: 44px;
  font-size: 12px;
}

html[data-theme] .dashboard-module__Znvx9G__shell .dashboard-module__Znvx9G__analytics .analytics-tabs .tab.active {
  background: color-mix(in srgb, var(--accent2) 16%, transparent) !important;
  color: var(--ink) !important;
  box-shadow: none !important;
}

.dashboard-module__Znvx9G__chartGrid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  min-width: 0;
  display: grid;
}

.dashboard-module__Znvx9G__chartGrid > section {
  min-width: 0;
}

.dashboard-module__Znvx9G__chartGrid .usage-svg {
  width: 100%;
  min-width: 0;
}

html[data-theme] .dashboard-module__Znvx9G__shell .dashboard-module__Znvx9G__analytics .section-kicker {
  letter-spacing: .01em;
  text-transform: none;
  color: var(--ink-dim);
  font-size: 12px;
  font-weight: 550;
}

:is(html[data-theme] .dashboard-module__Znvx9G__shell .dashboard-module__Znvx9G__analytics .key-analytics-totals > span, html[data-theme] .dashboard-module__Znvx9G__shell .dashboard-module__Znvx9G__analytics .key-analytics-preview article, html[data-theme] .dashboard-module__Znvx9G__shell .dashboard-module__Znvx9G__analytics .promo-quota-total > div, html[data-theme] .dashboard-module__Znvx9G__shell .dashboard-module__Znvx9G__analytics .promo-quota-models article, html[data-theme] .dashboard-module__Znvx9G__shell .dashboard-module__Znvx9G__analytics .discount-models-grid > a) {
  background: color-mix(in srgb, var(--surface-panel) 35%, transparent) !important;
  border-color: var(--line) !important;
  box-shadow: none !important;
}

html[data-theme] .dashboard-module__Znvx9G__shell .dashboard-module__Znvx9G__analytics .request-table-wrap {
  border-radius: 14px;
  border-color: var(--line) !important;
  background: none !important;
}

:is(html[data-theme] .dashboard-module__Znvx9G__shell .dashboard-module__Znvx9G__analytics .request-row td, html[data-theme] .dashboard-module__Znvx9G__shell .dashboard-module__Znvx9G__analytics .request-table th) {
  border-color: var(--line) !important;
  background: none !important;
}

html[data-theme] .dashboard-module__Znvx9G__shell .dashboard-module__Znvx9G__analytics .request-table th {
  text-transform: none;
  letter-spacing: 0;
  font-size: 10px;
}

:is(html[data-theme] .dashboard-module__Znvx9G__shell .dashboard-module__Znvx9G__analytics .request-window-button, html[data-theme] .dashboard-module__Znvx9G__shell .dashboard-module__Znvx9G__analytics .key-analytics-open) {
  min-height: 44px;
  font-weight: 550;
  background: color-mix(in srgb, var(--accent2) 12%, transparent) !important;
  color: var(--ink) !important;
  border-color: var(--line) !important;
  box-shadow: none !important;
}

.dashboard-module__Znvx9G__accountExtras {
  gap: 16px;
  margin-top: 8px;
  display: grid;
}

html[data-theme] .dashboard-module__Znvx9G__shell .dashboard-module__Znvx9G__analytics .low-balance-alert {
  border-radius: 20px;
  background: color-mix(in srgb, var(--surface-panel) 75%, transparent) !important;
  box-shadow: none !important;
  border-color: #b69e7444 !important;
}

html[data-theme] .dashboard-module__Znvx9G__shell .dashboard-module__Znvx9G__analytics .low-balance-icon {
  color: #c8b17e !important;
  background: #b69e7414 !important;
}

html[data-theme] .dashboard-module__Znvx9G__shell .dashboard-module__Znvx9G__analytics .low-balance-alert > a {
  border: 1px solid #b69e7444;
  border-radius: 12px;
  min-height: 44px;
  color: var(--ink) !important;
  box-shadow: none !important;
  background: #b69e7422 !important;
}

.dashboard-module__Znvx9G__accountExtras > h2 {
  letter-spacing: -.025em;
  margin: 6px 0;
  font-size: 20px;
  font-weight: 550;
}

.dashboard-module__Znvx9G__accountExtras .free-model-access-card {
  margin: 0;
}

.dashboard-module__Znvx9G__feedMore {
  color: var(--ink-dim);
  justify-content: space-between;
  align-items: center;
  gap: 15px;
  padding: 15px 20px;
  font-size: 11px;
  display: flex;
}

.dashboard-module__Znvx9G__feedMore button {
  border: 1px solid var(--line);
  min-height: 44px;
  color: var(--ink);
  background: none;
  border-radius: 12px;
  align-items: center;
  gap: 10px;
  padding: 0 14px;
  display: inline-flex;
}

@media (hover: hover) and (pointer: fine) {
  .dashboard-module__Znvx9G__navLink, .dashboard-module__Znvx9G__iconButton {
    transition: background .16s, border-color .16s;
  }

  .dashboard-module__Znvx9G__shell .dashboard-module__Znvx9G__navLink:hover, .dashboard-module__Znvx9G__iconButton:hover {
    background: color-mix(in srgb, var(--surface-panel) 72%, transparent);
    color: var(--ink);
  }
}

@media (max-width: 1190px) {
  .dashboard-module__Znvx9G__layout {
    grid-template-columns: 195px minmax(0, 1fr);
    gap: 22px;
  }

  .dashboard-module__Znvx9G__metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .dashboard-module__Znvx9G__chartGrid {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 1023px) {
  .dashboard-module__Znvx9G__container {
    padding: 12px 18px 0;
  }

  .dashboard-module__Znvx9G__layout {
    grid-template-columns: minmax(0, 1fr);
    gap: 24px;
  }

  .dashboard-module__Znvx9G__sidebar {
    max-height: none;
    padding: 0;
    position: static;
    overflow: visible;
  }

  .dashboard-module__Znvx9G__navigation {
    border: 1px solid var(--line);
    background: color-mix(in srgb, var(--surface-panel) 65%, transparent);
    border-radius: 18px;
  }

  .dashboard-module__Znvx9G__navigation > summary {
    cursor: pointer;
    min-height: 66px;
    color: var(--ink-dim);
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    padding: 12px 18px;
    font-size: 10px;
    list-style: none;
    display: flex;
  }

  .dashboard-module__Znvx9G__navigation summary strong {
    color: var(--ink);
    margin-top: 4px;
    font-size: 13px;
    font-weight: 550;
    display: block;
  }

  .dashboard-module__Znvx9G__navBody {
    max-height: 65dvh;
    padding: 0 14px 14px;
    overflow-y: auto;
  }

  .dashboard-module__Znvx9G__navBody nav {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    display: grid;
  }

  .dashboard-module__Znvx9G__navFooter {
    justify-content: space-between;
    display: flex;
  }

  .dashboard-module__Znvx9G__news {
    display: none;
  }

  .dashboard-module__Znvx9G__navigation[open] + .dashboard-module__Znvx9G__news {
    display: block;
  }
}

@media (max-width: 600px) {
  .dashboard-module__Znvx9G__container {
    padding: 6px 12px 0;
  }

  .dashboard-module__Znvx9G__metrics {
    gap: 10px;
  }

  .dashboard-module__Znvx9G__metrics article {
    padding: 17px;
  }

  .dashboard-module__Znvx9G__metrics strong {
    margin-top: 16px;
    font-size: 24px;
  }

  .dashboard-module__Znvx9G__metrics article > span {
    font-size: 11px;
  }

  .dashboard-module__Znvx9G__navBody nav {
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
  }

  .dashboard-module__Znvx9G__navGroup {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: 10px 0;
    display: grid;
  }

  .dashboard-module__Znvx9G__navGroup > p {
    grid-column: 1 / -1;
  }

  .dashboard-module__Znvx9G__navLink {
    gap: 8px !important;
    padding: 8px !important;
  }

  .dashboard-module__Znvx9G__comparison > div {
    grid-template-columns: minmax(0, 1fr);
  }

  .dashboard-module__Znvx9G__dialog {
    border-radius: 22px;
    width: calc(100vw - 16px);
    max-height: calc(100dvh - 24px);
  }

  .dashboard-module__Znvx9G__dialogHeader {
    padding: 20px 18px;
  }

  .dashboard-module__Znvx9G__dialogHeader h2 {
    font-size: 21px;
  }

  .dashboard-module__Znvx9G__dialogBody {
    padding: 18px 14px;
  }

  .dashboard-module__Znvx9G__dialogFooter {
    padding: 12px 16px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .dashboard-module__Znvx9G__shell *, .dashboard-module__Znvx9G__dialog * {
    scroll-behavior: auto !important;
    transition: none !important;
    animation: none !important;
  }
}

@media (max-width: 360px) {
  .dashboard-module__Znvx9G__metrics article {
    padding: 15px 12px;
  }

  .dashboard-module__Znvx9G__metrics strong {
    font-size: 19px;
  }
}

@media (max-width: 760px) {
  .dashboard-module__Znvx9G__topbar {
    border-radius: 20px;
    grid-template-columns: 1fr auto;
    width: calc(100% - 20px);
    min-height: 66px;
    margin-top: 10px;
    padding: 8px 10px 8px 14px;
  }

  .dashboard-module__Znvx9G__brand {
    width: 124px;
  }

  .dashboard-module__Znvx9G__topbarTitle {
    display: none;
  }

  .dashboard-module__Znvx9G__topbarActions {
    gap: 4px;
  }

  .dashboard-module__Znvx9G__topbarActions .langSeg {
    display: none;
  }

  .dashboard-module__Znvx9G__container {
    padding-top: 16px;
  }
}

/* [project]/src/components/cabinet/kit.css [app-client] (css) */
.zc {
  color: var(--nc-ink);
  font: 400 14px/1.5 var(--nc-font-sans);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.zc, .zc :where(p, li, td, th, label, dd, dt) {
  letter-spacing: normal;
  word-spacing: normal;
}

.zc :where(h1, h2, h3, h4, p, ul, ol, dl, dd, figure) {
  margin: 0;
}

.zc :where(h1, h2, h3, h4) {
  font-family: var(--nc-font-display);
  font-weight: 400;
}

.zc :where(a) {
  color: inherit;
  text-decoration: none;
}

.zc :where(button) {
  font: inherit;
  color: inherit;
}

.zc .nc-btn-primary {
  color: var(--nc-on-primary);
}

.zc .nc-btn-danger-solid {
  color: #fff;
}

html[data-theme="dark"] .zc .nc-btn-danger-solid {
  color: #0a0a0a;
}

.zc code {
  color: inherit;
  font-family: var(--nc-font-mono);
  background: none;
  border-radius: 0;
  padding: 0;
  font-size: .92em;
}

.zc :where(:focus-visible) {
  outline: 2px solid var(--nc-focus-ring);
  outline-offset: 2px;
}

.zc textarea.nc-input {
  resize: vertical;
  min-height: 96px;
  padding: 9px 12px;
  line-height: 1.5;
}

.zc select.nc-input {
  padding-right: 32px;
}

html.dark .zc select.nc-input, html[data-theme="dark"] .zc select.nc-input {
  color: var(--nc-ink);
  border-color: var(--nc-line-strong) !important;
  background: var(--nc-surface) !important;
  box-shadow: none !important;
}

html.dark .zc select.nc-input:disabled, html[data-theme="dark"] .zc select.nc-input:disabled {
  background: var(--nc-surface-2) !important;
}

html.dark .zc select.nc-input :is(option, optgroup) {
  background: var(--nc-surface);
  color: var(--nc-ink);
}

.zc .nc-input:disabled, .zc .nc-input[readonly] {
  background: var(--nc-surface-2);
  color: var(--nc-ink-2);
  cursor: not-allowed;
  opacity: 1;
}

.zc .nc-seg {
  scrollbar-width: none;
  max-width: 100%;
  overflow-x: auto;
}

.zc .nc-seg::-webkit-scrollbar {
  display: none;
}

.zc .nc-seg button {
  white-space: nowrap;
  flex: none;
}

.zc-stack {
  gap: 20px;
  min-width: 0;
  display: grid;
}

.zc-row {
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  display: flex;
}

.zc-num {
  font-family: var(--nc-font-mono);
  font-variant-numeric: tabular-nums;
  font-size: 12.5px;
}

.zc-muted {
  color: var(--nc-muted);
}

.zc-small {
  font-size: 13px;
}

.zc-clamp {
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  max-width: 46ch;
  display: -webkit-box;
  overflow: hidden;
}

.zc-link {
  color: var(--nc-accent-ink);
  text-underline-offset: 3px;
  text-decoration: underline;
  text-decoration-thickness: 1px;
}

.zc-pad {
  padding: 16px 22px;
}

.zc-pad-end {
  padding: 0 22px 22px;
}

.zc-head {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  gap: 16px 32px;
  margin: 0 0 28px;
  display: flex;
}

.zc-head > div:first-child {
  gap: 10px;
  min-width: 0;
  max-width: 74ch;
  display: grid;
}

.zc .zc-title {
  color: var(--nc-ink);
  font: 400 clamp(30px, 3.4vw, 46px)/1.04 var(--nc-font-display);
  letter-spacing: -.045em;
  text-wrap: balance;
}

.zc-lead {
  color: var(--nc-ink-2);
  max-width: 64ch;
  font-size: 15.5px;
  line-height: 1.55;
}

.zc-head-actions {
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  display: flex;
}

.zc-subnav {
  border-bottom: 1px solid var(--nc-line);
  scrollbar-width: none;
  gap: 2px;
  margin: 0 0 28px;
  display: flex;
  overflow-x: auto;
}

.zc-subnav::-webkit-scrollbar {
  display: none;
}

.zc-subnav a {
  min-height: 44px;
  color: var(--nc-muted);
  white-space: nowrap;
  transition: color var(--nc-fast) var(--nc-ease);
  flex: none;
  align-items: center;
  gap: 8px;
  padding: 0 14px;
  font-size: 14px;
  font-weight: 500;
  display: inline-flex;
  position: relative;
}

.zc-subnav a:hover, .zc-subnav a[aria-current="page"] {
  color: var(--nc-ink);
}

.zc-subnav a[aria-current="page"]:after {
  content: "";
  background: var(--nc-primary);
  border-radius: 2px 2px 0 0;
  height: 2px;
  position: absolute;
  bottom: -1px;
  left: 14px;
  right: 14px;
}

.zc-count {
  background: var(--nc-surface-3);
  min-width: 20px;
  height: 20px;
  color: var(--nc-ink-2);
  font: 500 11.5px/1 var(--nc-font-mono);
  font-variant-numeric: tabular-nums;
  border-radius: 999px;
  place-items: center;
  padding: 0 6px;
  display: inline-grid;
}

.zc-count[data-tone="attention"] {
  background: var(--nc-primary);
  color: var(--nc-on-primary);
}

.zc-panel {
  border: 1px solid var(--nc-line);
  border-radius: var(--nc-r-md);
  background: var(--nc-surface);
  min-width: 0;
}

.zc-panel-head {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px 20px;
  padding: 20px 22px 16px;
  display: flex;
}

.zc-panel-head > div:first-child {
  gap: 6px;
  min-width: 0;
  max-width: 72ch;
  display: grid;
}

.zc .zc-panel-head h2 {
  font: 400 21px/1.2 var(--nc-font-display);
  letter-spacing: -.025em;
}

.zc-panel-head p {
  color: var(--nc-muted);
  font-size: 13.5px;
}

.zc-panel-actions {
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  display: flex;
}

.zc-panel-body {
  padding: 0 22px 22px;
}

.zc-panel[data-flush] .zc-panel-body {
  padding: 0;
}

.zc-panel[data-flush] .zc-panel-head {
  border-bottom: 1px solid var(--nc-line);
}

.zc-panel-foot {
  border-top: 1px solid var(--nc-line);
  color: var(--nc-muted);
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  padding: 12px 22px;
  font-size: 13px;
  display: flex;
}

.zc-stats {
  border: 1px solid var(--nc-line);
  border-radius: var(--nc-r-md);
  background: var(--nc-line);
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1px;
  display: grid;
  overflow: hidden;
}

.zc-stat {
  background: var(--nc-surface);
  min-width: 0;
  transition: background var(--nc-fast) var(--nc-ease);
  align-content: start;
  gap: 10px;
  padding: 18px 20px 20px;
  display: grid;
  position: relative;
}

a.zc-stat:hover {
  background: var(--nc-surface-2);
}

.zc-stat-label {
  color: var(--nc-muted);
  align-items: center;
  gap: 8px;
  font-size: 13px;
  display: flex;
}

.zc-stat-value {
  color: var(--nc-ink);
  font: 400 clamp(28px, 2.4vw, 36px)/1 var(--nc-font-display);
  letter-spacing: -.04em;
  font-variant-numeric: tabular-nums;
}

.zc-stat-hint {
  color: var(--nc-muted);
  font-size: 12.5px;
  line-height: 1.45;
}

.zc-stat[data-tone="attention"] .zc-stat-label:before {
  content: "";
  background: var(--nc-accent-2);
  width: 7px;
  height: 7px;
  box-shadow: 0 0 0 3px var(--nc-accent-soft);
  border-radius: 50%;
  flex: none;
}

.zc-stat[data-tone="err"] .zc-stat-value {
  color: var(--nc-err);
}

.zc-status {
  background: var(--nc-surface-3);
  min-height: 24px;
  color: var(--nc-ink-2);
  white-space: nowrap;
  border-radius: 999px;
  justify-self: start;
  align-items: center;
  gap: 7px;
  padding: 0 9px 0 8px;
  font-size: 12.5px;
  font-weight: 500;
  line-height: 1;
  display: inline-flex;
}

.zc-status:before {
  content: "";
  background: currentColor;
  border-radius: 50%;
  flex: none;
  width: 6px;
  height: 6px;
}

.zc-status[data-tone="ok"] {
  background: var(--nc-ok-bg);
  color: var(--nc-ok);
}

.zc-status[data-tone="warn"] {
  background: var(--nc-warn-bg);
  color: var(--nc-warn);
}

.zc-status[data-tone="err"] {
  background: var(--nc-err-bg);
  color: var(--nc-err);
}

.zc-status[data-tone="info"] {
  background: var(--nc-info-bg);
  color: var(--nc-info);
}

.zc-status[data-tone="accent"] {
  background: var(--nc-accent-soft);
  color: var(--nc-accent-ink);
}

.zc-status[data-tone="sun"] {
  background: var(--nc-sun-soft);
  color: var(--nc-sun-ink);
}

.zc-status[data-tone="neutral"]:before {
  background: var(--nc-faint);
}

.zc-toolbar {
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 12px;
  display: flex;
}

.zc-panel > .zc-toolbar {
  padding: 0 22px 16px;
}

.zc-search {
  flex: 240px;
  max-width: 400px;
  position: relative;
}

.zc-search svg {
  width: 16px;
  height: 16px;
  color: var(--nc-faint);
  pointer-events: none;
  position: absolute;
  top: 50%;
  left: 11px;
  transform: translateY(-50%);
}

.zc-search .nc-input {
  padding-left: 34px;
}

.zc-table-wrap {
  min-width: 0;
  overflow-x: auto;
}

.zc-table {
  border-collapse: collapse;
  width: 100%;
  font-size: 13.5px;
}

.zc-table caption {
  clip: rect(0 0 0 0);
  white-space: nowrap;
  width: 1px;
  height: 1px;
  position: absolute;
  overflow: hidden;
}

.zc .zc-table th {
  letter-spacing: normal;
  border-bottom: 1px solid var(--nc-line);
  background: var(--nc-surface);
  color: var(--nc-muted);
  text-align: left;
  white-space: nowrap;
  padding: 10px 16px;
  font-size: 12.5px;
  font-weight: 500;
  line-height: 1.3;
}

.zc .zc-table td {
  border-bottom: 1px solid var(--nc-line);
  vertical-align: middle;
  padding: 13px 16px;
  line-height: 1.45;
}

.zc-table th:first-child, .zc-table td:first-child {
  padding-left: 22px;
}

.zc-table th:last-child, .zc-table td:last-child {
  padding-right: 22px;
}

.zc-table tbody tr:last-child td {
  border-bottom: 0;
}

.zc .zc-table [data-align="end"] {
  text-align: right;
}

.zc-table td[data-numeric] {
  font-family: var(--nc-font-mono);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  font-size: 12.5px;
}

.zc-table td[data-wrap="false"] {
  white-space: nowrap;
}

.zc-cell-main {
  gap: 2px;
  min-width: 0;
  display: grid;
}

.zc-cell-main strong {
  font-weight: 500;
}

.zc-cell-main small {
  color: var(--nc-muted);
  font-size: 12.5px;
}

.zc-table tr[data-clickable] {
  position: relative;
}

.zc-table tr[data-clickable] td {
  transition: background var(--nc-fast) var(--nc-ease);
}

.zc-table tr[data-clickable]:hover td {
  background: var(--nc-surface-2);
}

.zc-table tr[data-selected] td {
  background: var(--nc-accent-soft);
}

.zc-rowbtn {
  color: inherit;
  font: inherit;
  text-align: left;
  cursor: pointer;
  background: none;
  border: 0;
  padding: 0;
}

.zc-rowbtn:after {
  content: "";
  position: absolute;
  inset: 0;
}

.zc-rowbtn:focus-visible {
  outline: none;
}

.zc-table tr:has(.zc-rowbtn:focus-visible) {
  outline: 2px solid var(--nc-focus-ring);
  outline-offset: -2px;
}

.zc-table td :is(a, button, input, select, label):not(.zc-rowbtn) {
  z-index: 1;
  position: relative;
}

.zc-skel-row td {
  padding-top: 15px;
  padding-bottom: 15px;
}

.zc-skel-row .nc-skeleton {
  height: 14px;
  display: block;
}

@media (max-width: 720px) {
  .zc-table thead {
    display: none;
  }

  .zc-table, .zc-table tbody, .zc-table td {
    display: block;
  }

  .zc-table tr {
    border-bottom: 1px solid var(--nc-line);
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 6px 14px;
    padding: 14px 16px;
    display: grid;
  }

  .zc-table tbody tr:last-child {
    border-bottom: 0;
  }

  .zc .zc-table td, .zc .zc-table td:first-child, .zc .zc-table td:last-child {
    text-align: left;
    border: 0;
    padding: 0;
  }

  .zc .zc-table td[data-align="end"] {
    text-align: left;
  }

  .zc-table td[data-side][data-align="end"] {
    text-align: right;
  }

  .zc-table td[data-primary] {
    grid-column: 1;
  }

  .zc-table td[data-side] {
    grid-area: 1 / 2;
    justify-self: end;
  }

  .zc-table td:not([data-primary]):not([data-side]) {
    grid-column: 1 / -1;
    grid-template-columns: minmax(110px, 38%) minmax(0, 1fr);
    gap: 12px;
    display: grid;
  }

  .zc-table td:not([data-primary]):not([data-side]):before {
    content: attr(data-label);
    color: var(--nc-muted);
    font: 400 12.5px var(--nc-font-sans);
  }

  .zc-table td[data-mobile="hide"] {
    display: none !important;
  }

  .zc-table td[data-empty] {
    grid-column: 1 / -1;
    display: block !important;
  }

  .zc-table td[data-empty]:before {
    content: none !important;
  }
}

.zc-empty {
  justify-items: start;
  gap: 8px;
  padding: 28px 22px;
  display: grid;
}

.zc .zc-empty strong {
  font: 400 19px/1.25 var(--nc-font-display);
  letter-spacing: -.02em;
}

.zc-empty p {
  max-width: 58ch;
  color: var(--nc-muted);
}

.zc-empty > :last-child:not(strong):not(p) {
  margin-top: 6px;
}

.zc-empty > .zs-art:first-child {
  margin: -6px 0 4px -6px;
}

.zc-error {
  border-radius: var(--nc-r-sm);
  background: var(--nc-err-bg);
  color: var(--nc-ink-2);
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 16px;
  padding: 14px 16px;
  display: flex;
}

.zc-error p {
  flex: 260px;
}

.zc-notice {
  border-radius: var(--nc-r-sm);
  background: var(--nc-surface-3);
  color: var(--nc-ink-2);
  align-items: flex-start;
  gap: 10px;
  padding: 12px 14px;
  font-size: 13.5px;
  line-height: 1.5;
  display: flex;
}

.zc-notice svg {
  flex: none;
  width: 17px;
  height: 17px;
  margin-top: 1px;
}

.zc-notice[data-tone="ok"] {
  background: var(--nc-ok-bg);
}

.zc-notice[data-tone="ok"] svg {
  color: var(--nc-ok);
}

.zc-notice[data-tone="warn"] {
  background: var(--nc-warn-bg);
}

.zc-notice[data-tone="warn"] svg {
  color: var(--nc-warn);
}

.zc-notice[data-tone="err"] {
  background: var(--nc-err-bg);
}

.zc-notice[data-tone="err"] svg {
  color: var(--nc-err);
}

.zc-notice[data-tone="info"] svg {
  color: var(--nc-info);
}

.zc-kv {
  grid-template-columns: minmax(140px, max-content) minmax(0, 1fr);
  gap: 10px 24px;
  display: grid;
}

.zc-kv dt {
  color: var(--nc-muted);
}

.zc-kv dd {
  overflow-wrap: anywhere;
  white-space: pre-line;
  min-width: 0;
}

@media (max-width: 600px) {
  .zc-kv {
    grid-template-columns: minmax(0, 1fr);
    gap: 2px;
  }

  .zc-kv dd {
    margin-bottom: 10px;
  }
}

.zc-form {
  gap: 18px;
  display: grid;
}

.zc-fields {
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 16px 18px;
  display: grid;
}

.zc-field {
  align-content: start;
  gap: 6px;
  min-width: 0;
  display: grid;
}

.zc-field > label, .zc-field > .zc-field-label {
  color: var(--nc-ink-2);
  font-size: 13px;
  font-weight: 500;
}

.zc-field-hint {
  color: var(--nc-muted);
  font-size: 12.5px;
  line-height: 1.45;
}

.zc-field-error {
  color: var(--nc-err);
  font-size: 12.5px;
  line-height: 1.45;
}

.zc-checks {
  flex-wrap: wrap;
  gap: 8px 24px;
  display: flex;
}

.zc-checks label {
  cursor: pointer;
  align-items: center;
  gap: 8px;
  min-height: 36px;
  display: inline-flex;
}

.zc-actions {
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  display: flex;
}

.zc-actions-end {
  justify-content: flex-end;
}

.zc-between {
  justify-content: space-between;
}

.zc-fieldset {
  border: 0;
  gap: 12px;
  min-width: 0;
  margin: 0;
  padding: 0;
  display: grid;
}

.zc-fieldset > legend {
  color: var(--nc-ink-2);
  margin-bottom: 4px;
  padding: 0;
  font-size: 13px;
  font-weight: 500;
}

.zc-toggle {
  border: 1px solid var(--nc-line);
  border-radius: var(--nc-r-md);
  background: var(--nc-surface);
  cursor: pointer;
  transition: border-color var(--nc-fast) var(--nc-ease);
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  gap: 12px 16px;
  padding: 14px;
  display: grid;
}

.zc-toggle:hover {
  border-color: var(--nc-line-strong);
}

.zc-toggle > span {
  gap: 3px;
  display: grid;
}

.zc-toggle > span > span {
  font-weight: 500;
}

.zc-toggle small {
  color: var(--nc-muted);
  font-size: 12.5px;
  line-height: 1.45;
}

.zc-toggle input {
  margin-top: 3px;
}

.zc-steps {
  counter-reset: step;
  gap: 0;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.zc-steps > li {
  counter-increment: step;
  grid-template-columns: 32px minmax(0, 1fr) auto;
  align-items: start;
  gap: 14px 16px;
  padding: 16px 0;
  display: grid;
  position: relative;
}

.zc-steps > li + li {
  border-top: 1px solid var(--nc-line);
}

.zc-steps > li, .zc-table[data-enter] tbody tr:nth-child(-n+12) {
  animation: m-rise var(--nc-base) var(--nc-ease) both;
  animation-delay: calc(7 * var(--nc-stagger));
}

.zc-steps > li:first-child, .zc-table[data-enter] tbody tr:first-child {
  animation-delay: 0s;
}

.zc-steps > li:nth-child(2), .zc-table[data-enter] tbody tr:nth-child(2) {
  animation-delay: calc(1 * var(--nc-stagger));
}

.zc-steps > li:nth-child(3), .zc-table[data-enter] tbody tr:nth-child(3) {
  animation-delay: calc(2 * var(--nc-stagger));
}

.zc-steps > li:nth-child(4), .zc-table[data-enter] tbody tr:nth-child(4) {
  animation-delay: calc(3 * var(--nc-stagger));
}

.zc-steps > li:nth-child(5), .zc-table[data-enter] tbody tr:nth-child(5) {
  animation-delay: calc(4 * var(--nc-stagger));
}

.zc-steps > li:nth-child(6), .zc-table[data-enter] tbody tr:nth-child(6) {
  animation-delay: calc(5 * var(--nc-stagger));
}

.zc-steps > li:nth-child(7), .zc-table[data-enter] tbody tr:nth-child(7) {
  animation-delay: calc(6 * var(--nc-stagger));
}

.zc-step-mark {
  border: 1px solid var(--nc-line-strong);
  width: 32px;
  height: 32px;
  color: var(--nc-muted);
  font: 500 13px/1 var(--nc-font-mono);
  border-radius: 50%;
  place-items: center;
  display: grid;
}

.zc-step-mark:before {
  content: counter(step);
}

.zc-step-mark svg {
  width: 16px;
  height: 16px;
}

.zc-steps > li[data-state="done"] .zc-step-mark {
  background: var(--nc-ok-bg);
  color: var(--nc-ok);
  border-color: #0000;
}

.zc-steps > li[data-state="done"] .zc-step-mark:before {
  content: none;
}

.zc-steps > li[data-state="current"] .zc-step-mark {
  border-color: var(--nc-ink);
  color: var(--nc-ink);
  box-shadow: 0 0 0 4px var(--nc-accent-soft);
}

.zc-steps > li[data-state="attention"] .zc-step-mark {
  border-color: var(--nc-warn);
  color: var(--nc-warn);
}

.zc-steps > li[data-state="later"] .zc-step-mark {
  border-style: dashed;
}

.zc-steps > li[data-state="later"] strong {
  color: var(--nc-muted);
}

.zc-step-body {
  gap: 4px;
  min-width: 0;
  padding-top: 5px;
  display: grid;
}

.zc-step-body strong {
  font-weight: 500;
}

.zc-step-body p {
  color: var(--nc-muted);
  max-width: 64ch;
  font-size: 13.5px;
  line-height: 1.5;
}

.zc-step-action {
  align-self: center;
}

@media (max-width: 640px) {
  .zc-steps > li {
    grid-template-columns: 32px minmax(0, 1fr);
  }

  .zc-step-action {
    grid-column: 2;
    justify-self: start;
  }
}

.zc-dialog {
  border: 1px solid var(--nc-line);
  border-radius: var(--nc-r-lg);
  background: var(--nc-surface);
  width: min(480px, 100vw - 32px);
  max-height: calc(100dvh - 32px);
  color: var(--nc-ink);
  box-shadow: var(--nc-shadow-2);
  margin: auto;
  padding: 0;
  overflow: auto;
}

.zc-dialog::backdrop {
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  background: #0a0a0a61;
}

.zc-dialog[open] {
  animation: zc-pop var(--nc-base) var(--nc-ease);
}

.zc-dialog[data-closing] {
  animation: m-leave var(--nc-fast) var(--nc-ease-in) forwards;
}

.nc-sheet[data-closing] {
  animation: zc-sheet-out var(--nc-fast) var(--nc-ease-in) forwards;
}

:is(.zc-dialog, .nc-sheet)[data-closing]::backdrop {
  animation: m-fade var(--nc-fast) var(--nc-ease-in) reverse forwards;
}

@keyframes zc-sheet-out {
  to {
    opacity: 0;
    transform: translateX(28px);
  }
}

.zc-dialog form {
  gap: 16px;
  padding: 22px;
  display: grid;
}

.zc.zc-dialog h2 {
  font: 400 22px/1.2 var(--nc-font-display);
  letter-spacing: -.025em;
}

.zc-dialog-icon {
  vertical-align: -2px;
  width: 20px;
  height: 20px;
  color: var(--nc-accent-ink);
  margin-right: 10px;
  display: inline-block;
}

.zc .zc-code {
  max-width: 220px;
  font-family: var(--nc-font-mono);
  letter-spacing: .14em;
  font-size: 17px;
}

.zc-dialog p {
  color: var(--nc-muted);
}

.zc-dialog .zc-actions {
  justify-content: flex-end;
}

@keyframes zc-pop {
  from {
    opacity: 0;
    transform: translateY(8px) scale(.985);
  }
}

.zc.zc-sheet .nc-sheet-head h2 {
  font: 400 22px/1.2 var(--nc-font-display);
  letter-spacing: -.025em;
}

@media (prefers-reduced-motion: reduce) {
  .zc *, .zc-dialog {
    transition-duration: 1ms !important;
    animation-duration: 1ms !important;
    animation-delay: 0s !important;
  }
}

.zc .zc-panel {
  background: color-mix(in srgb, var(--nc-surface) 70%, var(--nc-bg));
  border-radius: 14px;
  box-shadow: inset 0 1px #ffffffd9;
}

html[data-theme="dark"] .zc .zc-panel {
  background: #121212;
  box-shadow: inset 0 1px #ffffff0a;
}

.zc .zc-panel-head {
  border-bottom: 1px solid var(--nc-line);
  padding: 13px 18px 11px;
}

.zc .zc-panel-head > div:first-child {
  gap: 3px;
}

.zc .zc-panel-head h2 {
  color: var(--nc-ink-2);
  font: 600 12.5px/1.35 var(--nc-font-sans);
  letter-spacing: .07em;
  text-transform: uppercase;
}

.zc .zc-panel-head p {
  font-size: 13px;
}

.zc .zc-panel-body {
  padding: 16px 18px 18px;
}

.zc .zc-panel[data-flush] .zc-panel-body {
  padding: 0;
}

.zc .zc-panel > .zc-toolbar {
  border-bottom: 1px solid var(--nc-line);
  padding: 12px 18px;
}

.zc .zc-panel-foot {
  padding: 10px 18px;
}

.zc .zc-stats {
  border-radius: 14px;
  box-shadow: inset 0 1px #ffffffd9;
}

html[data-theme="dark"] .zc .zc-stats {
  box-shadow: none;
}

.zc .zc-stat {
  background: color-mix(in srgb, var(--nc-surface) 70%, var(--nc-bg));
  gap: 8px;
  padding: 14px 18px 16px;
}

html[data-theme="dark"] .zc .zc-stat {
  background: #121212;
}

.zc a.zc-stat:hover {
  background: var(--nc-accent-soft);
}

.zc .zc-stat-label {
  letter-spacing: .06em;
  text-transform: uppercase;
  font-size: 11.5px;
  font-weight: 600;
}

.zc .zc-stat-value {
  font: 600 clamp(21px, 1.8vw, 26px)/1.15 var(--nc-font-mono);
  letter-spacing: -.02em;
}

.zc .zc-table th {
  border-bottom: 1.5px solid var(--nc-line-strong);
  background: color-mix(in srgb, var(--nc-surface-3) 45%, transparent);
  letter-spacing: .06em;
  text-transform: uppercase;
  height: 36px;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 11.5px;
  font-weight: 600;
}

.zc .zc-table td {
  border-bottom: 0;
}

.zc .zc-table tbody tr:nth-child(2n) td {
  background: color-mix(in srgb, var(--nc-ink) 2.5%, transparent);
}

.zc .zc-table tr[data-clickable]:hover td {
  background: var(--nc-accent-soft);
}

.zc .zc-table tr[data-clickable]:hover td:first-child {
  box-shadow: inset 3px 0 0 var(--nc-accent);
}

.zc .zc-table tr[data-selected] td {
  background: var(--nc-accent-soft);
}

.zc .zc-table td[data-numeric] {
  font-size: 13px;
}

@media (max-width: 720px) {
  .zc .zc-table tr {
    border-bottom: 0;
  }

  .zc .zc-table tbody tr:nth-child(2n) {
    background: color-mix(in srgb, var(--nc-ink) 2.5%, transparent);
  }

  .zc .zc-table tbody tr:nth-child(2n) td {
    background: none;
  }
}

.zc .zc-field > label, .zc .zc-field > .zc-field-label {
  color: var(--nc-muted);
  letter-spacing: .06em;
  text-transform: uppercase;
  font-size: 11.5px;
  font-weight: 600;
}

.zc .zc-empty .zs-art:first-child, .zc .zc-empty > svg:first-child {
  border-radius: 12px;
}

.zc .zc-notice {
  border: 1px solid var(--nc-line);
}

/* [project]/src/components/account/overview/model-checks.css [app-client] (css) */
.lk .lk-mc-card[data-tone="ok"] {
  --c: var(--lk-ok);
}

.lk .lk-mc-card[data-tone="warn"] {
  --c: var(--lk-warn);
}

.lk .lk-mc-card[data-tone="err"] {
  --c: var(--lk-err);
}

.lk svg.lk-mc-icon {
  color: var(--c, var(--lk-ink-3));
}

.lk .lk-mc-chip {
  border: 1px dashed var(--lk-line-2);
  min-height: 20px;
  color: var(--lk-ink-2);
  letter-spacing: .06em;
  border-radius: 99px;
  align-items: center;
  margin-left: 2px;
  padding: 0 8px;
  font-size: 11px;
  font-weight: 600;
  display: inline-flex;
}

.lk .lk-mc-sample {
  border: 1px dashed var(--lk-line-2);
  color: var(--lk-ink-2);
  border-radius: 10px;
  margin: 0 0 12px;
  padding: 8px 12px;
  font-size: 12.5px;
}

.lk .lk-mc-sum {
  color: var(--lk-ink-2);
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 0;
  font-size: 12.5px;
  display: inline-flex;
}

.lk .lk-mc-sum > span + span:before {
  content: "·";
  color: var(--lk-ink-3);
  margin: 0 7px;
}

.lk .lk-mc-sum > [data-tone] {
  color: var(--lk-ink);
  font-weight: 600;
}

.lk .lk-mc-sum > [data-tone]:after {
  content: "";
  background: var(--lk-warn);
  vertical-align: 1px;
  border-radius: 50%;
  width: 7px;
  height: 7px;
  margin-left: 6px;
  display: inline-block;
}

.lk .lk-mc-sum > [data-tone="ok"]:after {
  background: var(--lk-ok);
}

.lk .lk-mc-cards {
  grid-template-columns: repeat(auto-fill, minmax(232px, 1fr));
  gap: 12px;
  display: grid;
}

.lk .lk-mc-cards > .lk-mc-card {
  margin-top: 0;
}

.lk .lk-mc-card {
  align-content: start;
  gap: 10px;
  padding: 12px 16px 16px;
  display: grid;
}

.lk .lk-mc-card:is([data-tone="warn"], [data-tone="err"]) {
  border-color: color-mix(in srgb, var(--c) 45%, var(--lk-line));
}

.lk .lk-mc-card > header {
  border-bottom: 1px solid var(--lk-line);
  align-items: center;
  min-width: 0;
  padding-bottom: 10px;
  display: flex;
}

.lk .lk-mc-card > header .lk-model span {
  white-space: nowrap;
}

.lk .lk-mc-card .big {
  letter-spacing: -.01em;
  align-items: center;
  gap: 8px;
  font-size: 16.5px;
  display: flex;
}

.lk .lk-mc-card .big svg.lk-i {
  width: 22px;
  height: 22px;
}

.lk .lk-mc-card .meta {
  color: var(--lk-ink-2);
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 12px;
  font-size: 12px;
  display: flex;
}

.lk .lk-mc-card .when {
  color: var(--lk-ink-3);
  font-family: var(--lk-mono);
  font-size: 11.5px;
}

.lk .lk-mc-conf {
  white-space: nowrap;
  align-items: center;
  gap: 7px;
  display: inline-flex;
}

.lk .lk-mc-conf .marks {
  gap: 2px;
  display: inline-flex;
}

.lk .lk-mc-conf .marks i {
  background: var(--lk-line-2);
  border-radius: 1px;
  width: 9px;
  height: 4px;
}

.lk .lk-mc-conf :is(.marks[data-level="1"] i:first-child, .marks[data-level="2"] i:not(:last-child), .marks[data-level="3"] i) {
  background: var(--lk-ink-2);
}

.lk .lk-mc-share {
  color: var(--lk-ink-2);
  gap: 5px;
  font-size: 12px;
  display: grid;
}

.lk .lk-mc-share .ruler {
  background: repeating-linear-gradient(90deg, var(--lk-line-2) 0 1px, transparent 1px 10%), color-mix(in srgb, var(--lk-ink) 5%, transparent);
  border-radius: 1px;
  height: 6px;
  display: block;
  position: relative;
  overflow: hidden;
}

.lk .lk-mc-share .ruler i {
  background: color-mix(in srgb, var(--lk-ink) 55%, transparent);
  position: absolute;
  inset: 0 auto 0 0;
}

.lk .lk-mc .why {
  color: var(--lk-ink-2);
  margin: 0;
  font-size: 12.5px;
  line-height: 1.45;
}

.lk .lk-mc-act {
  color: var(--lk-ink);
  text-decoration: underline;
  -webkit-text-decoration-color: var(--lk-line-2);
  text-decoration-color: var(--lk-line-2);
  text-underline-offset: 3px;
  justify-self: start;
  align-items: center;
  gap: 6px;
  font-size: 12.5px;
  font-weight: 600;
  display: inline-flex;
}

.lk .lk-mc-act:hover {
  text-decoration-color: currentColor;
}

.lk .lk-mc-pending {
  border-top: 1.5px solid var(--lk-line-2);
  margin: 12px 0 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.lk .lk-mc-pending > li {
  border-bottom: 1px solid var(--lk-line);
  grid-template-columns: minmax(0, 240px) auto minmax(0, 1fr);
  align-items: center;
  gap: 6px 16px;
  min-height: 40px;
  padding: 6px 4px;
  display: grid;
}

.lk .lk-mc-verdict {
  color: var(--lk-ink-2);
  white-space: nowrap;
  align-items: center;
  gap: 6px;
  font-size: 12.5px;
  font-weight: 500;
  display: inline-flex;
}

.lk .lk-mc-scope {
  color: var(--lk-ink-3);
  margin: 10px 0 0;
  font-size: 11.5px;
  line-height: 1.45;
}

@media (max-width: 767px) {
  .lk .lk-mc > h2 .more {
    flex-basis: 100%;
    margin-left: 0;
  }

  .lk .lk-mc-sum {
    column-gap: 14px;
  }

  .lk .lk-mc-sum > span + span:before {
    content: none;
  }

  .lk .lk-mc-cards {
    grid-template-columns: minmax(0, 1fr);
  }

  .lk .lk-mc-act {
    min-height: 44px;
  }

  .lk .lk-mc-pending > li {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .lk .lk-mc-pending .why {
    grid-column: 1 / -1;
  }
}

/*# sourceMappingURL=src_components_1okf512s1g2-i._.css.map*/