@font-face {
  font-family: 'Happy Times';
  src: url('/fonts/happy-times-regular.otf') format('opentype');
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Happy Times';
  src: url('/fonts/happy-times-italic.otf') format('opentype');
  font-weight: 400; font-style: italic; font-display: swap;
}
@font-face {
  font-family: 'Happy Times';
  src: url('/fonts/happy-times-bold.otf') format('opentype');
  font-weight: 700; font-style: normal; font-display: swap;
}

.bd-dash {

  --dash-serif: 'Happy Times', "Hoefler Text", Georgia, serif;

  --dash-page: #f5f4f4;
  --dash-sidebar: var(--dash-page);
  --dash-card: #ffffff;
  --dash-floating: #ffffff;
  --dash-inverted: #222222;
  --dash-border: rgba(34, 34, 34, .10);
  --dash-border-strong: rgba(34, 34, 34, .16);
  --dash-fill: rgba(34, 34, 34, .10);
  --dash-fill-faint: rgba(34, 34, 34, .02);
  --dash-fill-hover: rgba(34, 34, 34, .16);
  --dash-hover: rgba(34, 34, 34, .06);

  --dash-pill: rgba(34, 34, 34, .05);
  --dash-pill-hover: rgba(34, 34, 34, .09);
  --dash-pill-open: rgba(34, 34, 34, .13);

  --dash-text-hover: #222222;

  --dash-rail-hover: #707070;
  --dash-seg-bg: #f2f1ef;
  --dash-seg-border: rgba(34, 34, 34, .22);
  --dash-seg-glow: 0 0 20px rgba(34, 34, 34, .10);

  --dash-menu-shadow:
    0 1px 4px rgba(189, 189, 189, .14),
    0 0 1px rgba(180, 180, 180, .9),
    0 8px 12px rgba(34, 34, 34, .08),
    0 14px 20px rgba(34, 34, 34, .02);


  --dash-arrow-right: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M10 7v10l6-5z'/%3E%3C/svg%3E");
  --dash-card-shadow:
    0 0 2px rgba(180, 180, 180, .56),
    0 1px 4px rgba(34, 34, 34, .1);
  --dash-badge-bg: #dfdedc;
  --dash-badge-ink: #373737;
  --dash-title: #222222;
  --dash-text: #383838;
  --dash-text-2: #555555;

  --dash-faint: #8d8d8d;
  --dash-text-3: #707070;
  --dash-act-icon: #9e9e9e;
  --dash-act-on: rgba(34, 34, 34, .06);
  --dash-tip-bg: #222222;
  --dash-tip-ink: #ffffff;

  --dash-in: #1b7a4e;

  --dash-online: #37a36e;

  --dash-switch-on: #80cb87;
  --dash-out: #b0175f;
  --dash-warn: #a44200;
  --dash-link: #0570d5;
  --dash-link-hover: #0557a6;
  --dash-primary: #007eef;
  --dash-chip-on: rgba(0, 126, 239, .10);
  --dash-chip-on-hover: rgba(0, 126, 239, .16);

  --dash-error-text: #b0175f;
  --dash-error-ink: #d03275;
  --dash-error-border: rgba(54, 112, 238, .22);

  --dash-focus-ring: 0 0 0 1px var(--dash-page), 0 0 0 3px rgb(155, 198, 254);
  --dash-pane: #efeeec;
  --dash-primary-hover: #0570d5;
  --dash-on-primary: #ffffff;
  --dash-chart: #007eef;
  --dash-chart-grad-a: rgba(0, 126, 239, .16);
  --dash-chart-grad-b: rgba(0, 126, 239, .02);
  --dash-emphasized: rgba(0, 126, 239, .10);
  --dash-success-bg: rgba(119, 197, 153, .22);
  --dash-error-bg: rgba(208, 50, 117, .10);

  --dash-warn-bg: rgba(252, 155, 111, .22);
  --dash-shadow: 0 1px 2px rgba(34, 34, 34, .04), 0 12px 40px -12px rgba(34, 34, 34, .14);


  --dash-r: 7px;
  --dash-r-pill: 16px;
  --dash-gap: 24px;
  --dash-colw: 968px;


  --bd-sbw: 219px;


  --bd-bg: var(--dash-page);
  --bd-ink: var(--dash-title);
  --bd-ink-2: var(--dash-text-2);
  --bd-ink-3: var(--dash-text-3);
  --bd-line: var(--dash-border);
  --bd-line-2: var(--dash-border);
  --bd-fill: var(--dash-fill);
  --bd-good: var(--dash-in);
  --bd-bad: var(--dash-out);
  --bd-good-soft: var(--dash-success-bg);
  --bd-bad-soft: var(--dash-error-bg);
  --bd-blue: var(--dash-link);
  --bd-blue-h: var(--dash-link-hover);
  --bd-on-blue: #ffffff;
  --bd-accent: var(--dash-primary);
  --bd-on-accent: var(--dash-on-primary);
  --bd-accent-text: var(--dash-link);
  --bd-accent-mix: var(--dash-page);
  --bd-surface: var(--dash-card);
  --bd-surface-2: var(--dash-floating);
  --bd-knob: #ffffff;
  --bd-inverse: var(--dash-inverted);
  --bd-on-inverse: #ffffff;
  --bd-track-a: var(--dash-fill);
  --bd-shadow-pop: var(--dash-shadow);

  --bd-side-bg: var(--dash-sidebar);
  --bd-side-ink: var(--dash-title);
  --bd-side-ink-2: var(--dash-text-3);
  --bd-side-hover: var(--dash-fill);
  --bd-side-active: var(--dash-fill-hover);
  --bd-side-line: var(--dash-border);
  --bd-side-badge: var(--dash-fill);
  --bd-side-track: var(--dash-fill);
  --bd-side-good: var(--dash-in);
}

html[data-bd-theme="dark"] .bd-dash {
  --dash-page: #191815;
  --dash-sidebar: var(--dash-page);
  --dash-card: #201f1c;
  --dash-floating: #2a2926;
  --dash-inverted: #393835;
  --dash-border: rgba(184, 184, 184, .12);
  --dash-border-strong: rgba(184, 184, 184, .20);
  --dash-fill: rgba(184, 184, 184, .12);
  --dash-fill-faint: rgba(184, 184, 184, .02);
  --dash-fill-hover: rgba(184, 184, 184, .20);
  --dash-hover: rgba(184, 184, 184, .08);
  --dash-pill: rgba(184, 184, 184, .10);
  --dash-pill-hover: rgba(184, 184, 184, .16);
  --dash-pill-open: rgba(184, 184, 184, .22);
  --dash-text-hover: #f5f5f5;
  --dash-seg-bg: rgba(184, 184, 184, .08);
  --dash-seg-border: rgba(184, 184, 184, .36);
  --dash-seg-glow: 0 0 20px rgba(184, 184, 184, .12);
  --dash-badge-bg: #393835;
  --dash-badge-ink: #f5f5f5;
  --dash-title: #ffffff;
  --dash-text: #dedede;
  --dash-text-2: #c4c4c4;
  --dash-faint: #8a8a8a;
  --dash-text-3: #9e9e9e;
  --dash-act-icon: #818181;
  --dash-act-on: rgba(184, 184, 184, .10);

  --dash-tip-bg: #393835;
  --dash-tip-ink: #ffffff;
  --dash-in: #77c599;

  --dash-online: #77c599;
  --dash-switch-on: #80cb87;
  --dash-out: #fc92b4;
  --dash-warn: #fc9b6f;
  --dash-link: #7eb5fb;
  --dash-link-hover: #9bc6fe;
  --dash-primary: #007eef;
  --dash-chip-on: rgba(0, 126, 239, .16);
  --dash-chip-on-hover: rgba(0, 126, 239, .24);
  --dash-focus-ring: 0 0 0 1px var(--dash-page), 0 0 0 3px rgb(126, 181, 251);
  --dash-pane: #161512;
  --dash-primary-hover: #066aca;
  --dash-on-primary: #ffffff;
  --dash-chart: #7eb5fb;
  --dash-chart-grad-a: rgba(126, 181, 251, .28);
  --dash-chart-grad-b: rgba(126, 181, 251, .08);
  --dash-emphasized: rgba(126, 181, 251, .20);
  --dash-success-bg: rgba(119, 197, 153, .20);
  --dash-error-bg: rgba(252, 146, 180, .20);

  --dash-error-text: #fc92b4;
  --dash-error-ink: #fdb2c9;
  --dash-error-border: rgba(176, 203, 255, .22);
  --dash-warn-bg: rgba(252, 155, 111, .20);
  --dash-shadow: 0 8px 28px rgba(0, 0, 0, .5);
}

html:has(.bd-dash), html:has(.bd-dash) body { background: var(--dash-page); }
.bd-dash { background: var(--dash-page); }

.bd-dash.bd-dash-plain .bd-main,
.bd-dash.bd-dash-plain .bd-topstrip { background: var(--dash-card); }

.bd-dash .bd-topstrip {
  position: static;
  height: 48px;
  box-sizing: border-box;
  padding: 0 24px 0 12px;
  gap: 0;
  background: var(--dash-page);
  border-bottom: 0;
}

.bd-dash .bd-search {
  flex: 0 0 auto;

  width: 182px;
  height: 32px;
  box-sizing: border-box;
  max-width: none;

  padding: 4px 16px 4px 0;
  gap: 0;
  border: 0;
  border-radius: 16px;
  background: none;
  color: var(--dash-text);
  font: inherit;

  font-size: 15px;
  line-height: 24px;
  text-align: left;
  cursor: pointer;

  transition: none;
}
.bd-dash .bd-search:hover { background: var(--dash-fill); color: var(--dash-text-hover); }

.bd-dash .bd-search > svg {
  width: 32px; height: 13px; flex: none; stroke-width: 2.4;
}
.bd-dash .bd-search-label { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.bd-dash .bd-search-short { display: none; }
@media (max-width: 767px) {
  .bd-dash .bd-search-long { display: none; }
  .bd-dash .bd-search-short { display: inline; }

  .bd-dash .bd-search { width: auto; }

  .bd-dash #bd-settings-btn { display: none; }
}

.bd-dash .bd-top-actions { margin-left: auto; gap: 4px; }
.bd-dash .bd-icon-btn {
  width: 32px; height: 32px; box-sizing: border-box;
  border-radius: 16px;
  background: none; color: var(--dash-text);
  transition: none;
}
.bd-dash .bd-icon-btn:hover { background: var(--dash-fill); color: var(--dash-text-hover); }

.bd-dash .bd-icon-btn svg { width: auto; height: 13px; stroke-width: 2.4; }

.bd-dash .bd-priv-ic-show { display: none; }
.bd-dash.bd-private .bd-priv-ic-hide { display: none; }
.bd-dash.bd-private .bd-priv-ic-show { display: block; }

.bd-dash.bd-private .dash-money {
  user-select: none; -webkit-user-select: none;
}

.bd-dash.bd-private .dash-cents { font-size: inherit; }

.bd-dash.bd-private .dash-money-field {
  -webkit-text-security: disc;
  text-security: disc;
}
@supports not (-webkit-text-security: disc) {
  .bd-dash.bd-private .dash-money-field { color: transparent; }
}

.bd-dash .user-dropdown .bd-menu-sep { height: 1px; background: var(--dash-border); margin: 4px -4px; }
.bd-dash .user-dropdown .bd-menu-head {
  padding: 16px 12px; margin: 0 0 4px;
  border-bottom: 1px solid var(--dash-border);
  background: var(--dash-fill-faint);
}
.bd-dash .user-dropdown .bd-menu-head-avwrap { line-height: 0; margin-bottom: 16px; }

.bd-dash .user-dropdown .bd-menu-head-av,
.bd-dash .user-dropdown .bd-menu-head-avwrap .bd-avatar-slot {
  width: 40px; height: 40px; border-radius: 50%;
  object-fit: cover; display: block;
}

.bd-dash .user-dropdown .bd-menu-head-name {
  min-height: 28px; font-size: 17px; line-height: 28px; font-weight: 400;
  color: var(--dash-title);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.bd-dash .user-dropdown .bd-menu-head-mail {
  min-height: 20px; font-size: 15px; line-height: 20px; font-weight: 400;
  color: var(--dash-text-3);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.bd-dash .user-dropdown .bd-menu-label { font-size: 14px; color: var(--dash-text-3); padding: 6px 10px 2px; }

.bd-dash .notifications-menu { background: none; }
.bd-dash .notifications-menu:hover { background: none; }

.bd-dash .bd-divider { display: none; }

.bd-dash .user-menu { margin-left: 4px; }
.bd-dash .user-menu-toggle { width: 32px; height: 32px; border-radius: 50%; padding: 0; }

.bd-dash .bd-palette {
  position: fixed; inset: 0; z-index: 1200;
  background: none;
  display: block;
}
.bd-dash .bd-palette[hidden] { display: none; }
.bd-dash .bd-palette-card {
  position: absolute; top: 52px; left: 50%; transform: translateX(-50%);
  box-sizing: border-box;
  width: min(800px, calc(100vw - 48px));
  height: 504px; max-height: calc(100vh - 76px);
  display: flex; flex-direction: column;
  background: var(--dash-card);
  border-radius: 7px;
  box-shadow: var(--dash-menu-shadow);
  overflow: hidden;
}
.bd-dash .bd-palette-inputrow {
  position: relative; flex: none;
  display: flex; align-items: center;
  height: 49px; box-sizing: border-box;
  border-bottom: 1px solid rgba(184, 184, 184, .36);
}
.bd-dash .bd-palette-ic {
  position: absolute; left: 16px; top: 50%; transform: translateY(-50%);
  width: 16px; height: 16px; color: var(--dash-text-3); pointer-events: none;
}
.bd-dash .bd-palette-input {
  flex: 1; min-width: 0; height: 48px; box-sizing: border-box;
  padding: 4px 16px 4px 42.5px;
  border: 0; background: none; outline: none;
  font-family: inherit; font-size: 16px; color: var(--dash-text);
}
.bd-dash .bd-palette-input::placeholder { color: var(--dash-text-3); }

.bd-dash .bd-palette-chips {
  flex: none; display: flex; gap: 8px;
  padding: 12px 16px 4px; overflow-x: auto; scrollbar-width: none;
}
.bd-dash .bd-palette-chips::-webkit-scrollbar { display: none; }
.bd-dash .bd-palette-chip {
  height: 32px; box-sizing: border-box; padding: 0 12px;
  border: 1px solid var(--dash-border-strong); border-radius: 16px;
  background: none; color: var(--dash-text);
  font-family: inherit; font-size: 15px; line-height: 1;
  white-space: nowrap; cursor: pointer;
  transition: background-color .12s ease, color .12s ease;
}
.bd-dash .bd-palette-chip:hover { background: var(--dash-hover); color: var(--dash-text-hover); }
.bd-dash .bd-palette-chip.bd-on {
  background: var(--dash-fill); border-color: transparent; color: var(--dash-text-hover);
}

.bd-dash .bd-palette-results { flex: 1; min-height: 0; overflow-y: auto; padding: 4px 8px 8px; }
.bd-dash .bd-palette-sec { padding: 8px 12px; font-size: 14px; color: var(--dash-text-2); }
.bd-dash .bd-palette-row {
  display: flex; align-items: center; gap: 12px;
  height: 44px; box-sizing: border-box; padding: 0 12px;
  border-radius: 6px; text-decoration: none;
  color: var(--dash-text); font-size: 16px;
}
.bd-dash .bd-palette-row.bd-on { background: var(--dash-hover); color: var(--dash-text-hover); }
.bd-dash .bd-palette-rowic {
  flex: none; width: 28px; height: 28px; border-radius: 50%;
  background: var(--dash-fill); color: var(--dash-text-2);
  display: grid; place-items: center;
}
.bd-dash .bd-palette-rowic svg { width: 15px; height: 15px; }
.bd-dash .bd-palette-rowname { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bd-dash .bd-palette-rowsub {
  margin-left: auto; padding-left: 12px; flex: none;
  font-size: 15px; color: var(--dash-text-3);
}
.bd-dash .bd-palette-empty {
  padding: 40px 16px; text-align: center; font-size: 15px; color: var(--dash-text-3);
}

.bd-dash .bd-palette-foot {
  flex: none; display: flex; align-items: center; gap: 16px;
  height: 37px; box-sizing: border-box; padding: 8px 16px;
  border-top: 1px solid var(--dash-border);
  font-size: 14px; color: var(--dash-text-3);
}
.bd-dash .bd-palette-foot span { display: inline-flex; align-items: center; gap: 4px; }
.bd-dash .bd-palette-foot kbd {
  display: inline-grid; place-items: center;
  min-width: 18px; height: 18px; padding: 0 4px; box-sizing: border-box;
  border-radius: 4px; background: var(--dash-fill); color: var(--dash-text-2);
  font-family: inherit; font-size: 14px; line-height: 1;
}

.dash {
  box-sizing: border-box;

  width: 100%;
  max-width: calc(var(--dash-colw) + 64px);
  margin: 24px auto 40px;
  padding: 0 32px 112px;
  color: var(--dash-text);
  font-size: 16px;
  line-height: 1.4;
}

.dash-num, .dash-money { letter-spacing: -.04em; }

.dash-hello {
  font-size: 28px; font-weight: 400; line-height: 36px; letter-spacing: -.4px;
  margin: 0; padding-bottom: 16px; color: var(--dash-title);
}
.dash-sechead { display: flex; align-items: baseline; gap: 12px; margin: 40px 0 16px; }
.dash-sechead h2 { font-size: 19px; font-weight: 400; line-height: 28px; margin: 0; color: var(--dash-title); }
.dash-sechead-sub { font-size: 14px; color: var(--dash-text-3); }
.dash-sechead .dash-link { margin-left: auto; }

.dash-link {
  display: inline-flex; align-items: center; gap: 4px;
  font-size: 15px; color: var(--dash-link); text-decoration: none; white-space: nowrap;
  background: none; border: 0; padding: 0; cursor: pointer; font-family: inherit;
}
.dash-link:hover { color: var(--dash-link-hover); }
.dash-link svg { width: 13px; height: 13px; }

.dash-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-bottom: 24px; }
.dash-act {
  display: inline-flex; align-items: center; gap: 7px;

  box-sizing: border-box; height: 32px; padding: 4px 16px 4px 12px;
  border: 0; border-radius: var(--dash-r-pill);
  background: var(--dash-fill); color: var(--dash-text);
  font-family: inherit; font-size: 16px; font-weight: 400; line-height: 24px;
  text-decoration: none; cursor: pointer; white-space: nowrap;
  transition: background-color .15s ease;
}
.dash-act:hover { background: var(--dash-fill-hover); }
.dash-act svg { width: 15px; height: 15px; flex: none; }
.dash-act-pri { background: var(--dash-primary); color: var(--dash-on-primary); }
.dash-act-pri:hover { background: var(--dash-primary-hover); }
.dash-actions-end { margin-left: auto; }
.dash-act-ghost { background: none; color: var(--dash-text-3); padding-right: 4px; }
.dash-act-ghost:hover { background: none; color: var(--dash-title); }

.dash-pulse { animation: dash-pulse 2s infinite; }
@keyframes dash-pulse {
  0%   { box-shadow: 0 0 0 0 rgba(82, 102, 235, .45); }
  70%  { box-shadow: 0 0 0 12px rgba(82, 102, 235, 0); }
  100% { box-shadow: 0 0 0 0 rgba(82, 102, 235, 0); }
}

.dash-card {
  background: var(--dash-card);
  border: 1px solid var(--dash-border);
  border-radius: var(--dash-r);
  padding: 24px;
  min-width: 0;
}
.dash-card[hidden] { display: none; }
.dash-card-head { display: flex; align-items: flex-start; gap: 10px; margin-bottom: 14px; }
.dash-card-head h2 { font-size: 16px; font-weight: 400; margin: 0; color: var(--dash-title); }
.dash-card-head-end { margin-left: auto; display: flex; align-items: center; gap: 6px; position: relative; }
.dash-label { font-size: 15px; line-height: 24px; color: var(--dash-text); margin-bottom: 2px; }

.dash-big { font-size: 28px; font-weight: 400; line-height: 36px; letter-spacing: -.04em; color: var(--dash-title); }
.dash-big .dash-cents { font-size: .64em; letter-spacing: normal; }
.dash-big-sm { font-size: 22px; font-weight: 400; letter-spacing: -.04em; color: var(--dash-title); }

.dash-iconbtn {
  width: 28px; height: 28px; border: 0; border-radius: 50%;
  background: var(--dash-fill); color: var(--dash-text-2);
  display: grid; place-items: center; cursor: pointer; text-decoration: none; padding: 0;
}
.dash-iconbtn:hover { background: var(--dash-fill-hover); color: var(--dash-title); }
.dash-iconbtn svg { width: 14px; height: 14px; }

.dash-seg {


  display: inline-flex; gap: 0;
  height: 32px; box-sizing: border-box; padding: 3px;

  background: var(--dash-fill);
  border: 0;
  border-radius: 7px;
  overflow: visible;
}
.dash-seg-btn {
  height: 100%; box-sizing: border-box; padding: 0 9px;
  border: 1px solid transparent; border-radius: 7px; background: none;
  color: var(--dash-text-3); display: grid; place-items: center; cursor: pointer;
  transition: color .15s ease;
}
.dash-seg-btn svg { width: 13px; height: 13px; }
.dash-seg-btn:hover { color: var(--dash-text); }
.dash-seg-btn.dash-on {

  height: 100%; margin: 0;
  position: relative; z-index: 1;
  background: var(--dash-card);
  border-color: transparent;
  border-radius: 5px;
  box-shadow: none;

  color: var(--dash-text-hover);
}

.dash-menu {
  position: absolute; top: calc(100% + 6px); right: 0; z-index: 40; min-width: 190px;
  background: var(--dash-floating); border: 1px solid var(--dash-border);
  border-radius: 10px; padding: 4px; box-shadow: var(--dash-shadow);
}
.dash-menu[hidden] { display: none; }
.dash-menu.dash-menu-left { right: auto; left: 0; }
.dash-menu button {
  display: flex; align-items: center; gap: 8px; width: 100%; text-align: left;
  border: 0; border-radius: 6px; background: none; color: var(--dash-text);
  font-family: inherit; font-size: 15px; padding: 8px 12px; cursor: pointer; white-space: nowrap;
}
.dash-menu button:hover { background: var(--dash-fill); color: var(--dash-title); }
.dash-menu button .dash-check { width: 14px; height: 14px; flex: none; color: var(--dash-link); opacity: 0; }
.dash-menu button[aria-checked="true"] .dash-check { opacity: 1; }
.dash-menu-sep { height: 1px; background: var(--dash-border); margin: 4px 2px; }
.dash-menu-label { font-size: 14px; color: var(--dash-text-3); padding: 6px 10px 2px; }

.dash-chart-meta { display: flex; align-items: center; gap: 12px; margin: 12px 0 4px; position: relative; }

.dash-range {
  display: inline-flex; align-items: center; gap: 5px;
  border: 0; cursor: pointer;
  background: var(--dash-pill);
  border-radius: 9999px;
  padding: 4px 12px 4px 16px;
  font-family: inherit; font-size: 13px; line-height: 20px; color: var(--dash-text);
  transition: background-color .12s ease, color .12s ease;
}
.dash-range:hover { background: var(--dash-pill-hover); color: var(--dash-title); }
.dash-range[aria-expanded="true"] { background: var(--dash-pill-open); color: var(--dash-title); }
.dash-range svg { width: 12px; height: 12px; transition: transform .12s ease; }

.dash-range[aria-expanded="true"] svg { transform: rotate(180deg); }
.dash-inout { margin-left: auto; display: inline-flex; gap: 14px; font-size: 15px; line-height: 24px; }

.dash-split { display: flex; gap: 2px; margin: 4px 0 10px; }
.dash-split-seg { height: 13px; border-radius: 2px; min-width: 3px; display: block; cursor: default; }

.dash-splitkey { display: flex; flex-wrap: wrap; gap: 2px 12px; margin: 0 0 4px; }
.dash-splitkey-item {
  display: inline-flex; align-items: center; gap: 6px;
  font-size: 12px; line-height: 20px; color: var(--dash-text-3);
}
.dash-split-dot { width: 6px; height: 6px; border-radius: 3px; flex: none; display: block; }
.dash-split[hidden], .dash-splitkey[hidden] { display: none; }

.dash-split-open { background: var(--dash-chart); }
.dash-split-in_progress { background: color-mix(in srgb, var(--dash-chart) 72%, var(--dash-card)); }
.dash-split-waiting_client { background: color-mix(in srgb, var(--dash-chart) 46%, var(--dash-card)); }
.dash-split-resolved { background: color-mix(in srgb, var(--dash-chart) 24%, var(--dash-card)); }
.dash-split-cancelled { background: var(--dash-border-strong); }

.dash-in, .dash-out { color: var(--dash-text); }
.dash-arrow-in { color: var(--dash-in); }
.dash-arrow-out { color: var(--dash-out); }

.dash-chart { position: relative; height: 190px; margin: 6px -24px 0; }
.dash-chart[hidden] { display: none; }
.dash-chart svg { width: 100%; height: 100%; display: block; }

.dash-chart-grad-a { stop-color: var(--dash-chart-grad-a); }
.dash-chart-grad-b { stop-color: var(--dash-chart-grad-b); }
.dash-chart-line { fill: none; stroke: var(--dash-chart); stroke-width: 1; }
.dash-chart-cross { stroke: var(--dash-chart); stroke-width: 1; }
.dash-chart-dot { fill: var(--dash-card); stroke: var(--dash-chart); stroke-width: 1; }
.dash-hoverg { transition: opacity .12s ease; pointer-events: none; }

.dash-chart-bar { fill: var(--dash-chart); fill-opacity: .34; transition: fill-opacity .12s ease; }
.dash-chart-bar.dash-on { fill-opacity: 1; }
.dash-chart-empty {
  position: absolute; inset: 0; display: grid; place-items: center;
  font-size: 15px; color: var(--dash-text-3); pointer-events: none;
}
.dash-axis {
  display: flex; justify-content: space-between;
  font-size: 14px; color: var(--dash-text-3); padding-top: 10px;
}
.dash-axis[hidden] { display: none; }

.dash-tableview { max-height: 222px; overflow-y: auto; margin-top: 10px; }
.dash-tableview[hidden] { display: none; }
.dash-tableview table { width: 100%; border-collapse: collapse; font-size: 15px; }
.dash-tableview td { padding: 7px 0; border-bottom: 1px solid var(--dash-border); color: var(--dash-text-2); }
.dash-tableview td:last-child { text-align: right; color: var(--dash-title); }
.dash-tableview tr:last-child td { border-bottom: 0; }

.dash-row1 { display: grid; grid-template-columns: 1fr 1fr; gap: var(--dash-gap); margin-bottom: 40px; }
.dash-row2 { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--dash-gap); margin-bottom: 40px; }
.dash-rowmove { display: grid; grid-template-columns: 1fr 1fr; gap: var(--dash-gap); }
.dash-row2:empty { display: none; }

.dash-row2-chart { grid-template-columns: 1fr 1fr; }

.dash-rowmove-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }

.dash-list { display: flex; flex-direction: column; }
.dash-list-row {
  display: flex; align-items: center; gap: 10px; padding: 9px 0;
  text-decoration: none; color: var(--dash-text); font-size: 15px;
}
.dash-list-row + .dash-list-row { border-top: 1px solid var(--dash-border); }
.dash-avatar {
  width: 26px; height: 26px; border-radius: 50%; flex: none;
  background: var(--dash-fill); color: var(--dash-text-2);
  display: inline-grid; place-items: center; font-size: 11px;

  position: relative; overflow: hidden;
}

.dash-avatar-ini { display: block; transform: translateY(1px); }

.dash-avatar-img {
  position: absolute; inset: 0;
  width: 100%; height: 100%;
  object-fit: cover; border-radius: 50%;
  display: block;
}
.dash-list-name { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dash-list-val { color: var(--dash-title); white-space: nowrap; }
.dash-list-val.dash-muted { color: var(--dash-text-3); }
.dash-unread {
  color: var(--dash-link); background: var(--dash-emphasized);
  border-radius: 999px; padding: 1px 9px; font-size: 15px;
}
.dash-viewall {
  display: flex; align-items: center; gap: 8px; margin-top: 12px; padding-top: 12px;
  border-top: 1px solid var(--dash-border); color: var(--dash-link);
  font-size: 15px; text-decoration: none;
}
.dash-viewall:hover { color: var(--dash-link-hover); }
.dash-empty { font-size: 15px; color: var(--dash-text-3); padding: 8px 0; }

.dash-spinner {

  display: inline-block;
  width: 18px; height: 18px; box-sizing: border-box;
  border: 2px solid var(--dash-border-strong);
  border-top-color: var(--dash-text-3);
  border-radius: 50%;
  animation: bd-set-spin .8s linear infinite;
}
.dash-loading { display: flex; align-items: center; justify-content: center; padding: 28px 16px; }

.dash-placeholder .dash-loading { padding: 0; }

.dash-tasks-table .dash-placeholder td { padding: 26px 8px; }
@media (prefers-reduced-motion: reduce) {
  .dash-spinner { animation-duration: 2.4s; }
}

.dash-stats { display: flex; gap: 26px; flex-wrap: wrap; }
.dash-stat { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.dash-stat-k { font-size: 15px; color: var(--dash-text-3); white-space: nowrap; }
.dash-stat-v { font-size: 19px; color: var(--dash-title); }

.dash-card-foot {
  display: flex; align-items: center; justify-content: space-between; gap: 10px;
  margin-top: 16px; padding-top: 14px; border-top: 1px solid var(--dash-border);
}
.dash-foot-k { font-size: 15px; color: var(--dash-text-3); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.dash-bar { height: 6px; border-radius: 999px; background: var(--dash-fill); overflow: hidden; margin: 12px 0 10px; }
.dash-bar > i { display: block; height: 100%; border-radius: 999px; background: var(--dash-primary); }
.dash-legend { display: flex; align-items: center; gap: 14px; font-size: 15px; color: var(--dash-text-3); }
.dash-legend .dash-avail { margin-left: auto; color: var(--dash-text-2); }
.dash-dot { width: 7px; height: 7px; border-radius: 50%; display: inline-block; margin-right: 5px; vertical-align: middle; }
.dash-dot-1 { background: var(--dash-primary); }

.dash-dot-2 { background: var(--dash-fill-hover); }

.dash-pill-btn {
  border: 0; border-radius: var(--dash-r-pill); padding: 5px 15px;
  background: var(--dash-fill); color: var(--dash-text);
  font-family: inherit; font-size: 15px; cursor: pointer; text-decoration: none;
}
.dash-pill-btn:hover { background: var(--dash-fill-hover); color: var(--dash-title); }

.dash-toplist-k { font-size: 15px; color: var(--dash-text-3); margin: 16px 0 2px; }

.dash-tabs { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 12px; }
.dash-tab {
  border: 0; border-radius: var(--dash-r-pill); padding: 5px 14px;
  background: none; color: var(--dash-text-3);
  font-family: inherit; font-size: 15px; cursor: pointer;
}
.dash-tab:hover { color: var(--dash-text); }
.dash-tab.dash-on { background: var(--dash-fill); color: var(--dash-title); }

.dash-tablecard { padding: 4px 24px; }
.dash-table { width: 100%; border-collapse: collapse; font-size: 15px; }
.dash-table th {
  text-align: left; font-size: 15px; font-weight: 400; color: var(--dash-text-3);
  padding: 0; border-bottom: 1px solid var(--dash-border); white-space: nowrap;
}

.dash-th-btn {
  display: inline-flex; align-items: center; gap: 5px; width: 100%;
  background: none; border: 0; padding: 14px 8px; cursor: pointer;
  font-family: inherit; font-size: 15px; color: var(--dash-text-3); text-align: left;
}
.dash-th-btn:hover { color: var(--dash-text); }
.dash-th-btn .dash-sort-ic { width: 11px; height: 11px; opacity: 0; }
.dash-th-btn[data-sorted] .dash-sort-ic { opacity: 1; }
.dash-th-right .dash-th-btn { justify-content: flex-end; }
.dash-table td { padding: 12px 8px; border-bottom: 1px solid var(--dash-border); color: var(--dash-text); }
.dash-table tbody tr:last-child td { border-bottom: 0; }
.dash-table tbody tr:not(.dash-placeholder):hover td { background: var(--dash-fill); }

.dash-table tbody tr[data-task] { cursor: pointer; }

.dash-rowlink {
  color: inherit; text-decoration: none; outline: none;
  border-radius: 4px;
}

.dash-rowlink:focus-visible { box-shadow: var(--dash-focus-ring); }

.bd-dash .bridge-task-item:focus { outline: none; }
.bd-dash .bridge-task-item:focus-visible {
  outline: none; box-shadow: var(--dash-focus-ring); border-radius: 7px;
}
.dash-table .dash-td-amount { color: var(--dash-title); white-space: nowrap; }
.dash-table .dash-td-amount.dash-pos { color: var(--dash-in); }

#dash-tx-card .dash-table { table-layout: fixed; }
#dash-tx-card .dash-table th:nth-child(1), #dash-tx-card .dash-table td:nth-child(1) { width: 84px; }
#dash-tx-card .dash-table th:nth-child(3), #dash-tx-card .dash-table td:nth-child(3) { width: 104px; }
#dash-tx-card .dash-table th:nth-child(4), #dash-tx-card .dash-table td:nth-child(4) { width: 128px; }

#dash-tx-card .dash-table th:nth-child(5), #dash-tx-card .dash-table td:nth-child(5) { width: 172px; }

#dash-tx-card .dash-table td:nth-child(4),
#dash-tx-card .dash-table td:nth-child(5) { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dash-th-right, .dash-td-right { text-align: right; }
.dash-cellwrap { display: flex; align-items: center; gap: 9px; min-width: 0; }
.dash-cellwrap .dash-avatar { width: 22px; height: 22px; font-size: 10px; }
.dash-placeholder td { color: var(--dash-text-3); text-align: center; padding: 26px 8px; }

.dash-badge-paid,
.dash-badge-due {
  display: inline-flex; align-items: center;
  font-size: 12px; line-height: 22px; letter-spacing: .2px; padding: 0 8px;
  border: 0;
  border-radius: 4px;
  white-space: nowrap;
}
.dash-badge-paid { background: var(--dash-success-bg); color: var(--dash-in); }
.dash-badge-paid[hidden], .dash-badge-due[hidden] { display: none; }

.dash-badge-due { background: var(--dash-warn-bg); color: var(--dash-warn); }

.bd-dash .bd-manual-toggle {

  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: auto;

  margin: 14px 0 18px;

  padding: 6px 0;
  background: none;
  border: 0;
  font-family: inherit;
  font-size: 14px;
  line-height: 20px;
  color: var(--dash-text-2);
  text-align: left;
  cursor: pointer;
}

.bd-dash .bd-manual-toggle .bd-connect-or-label { text-decoration: none; }

.bd-dash .bd-manual-caret {
  width: 11px;
  height: 11px;
  flex: none;
  display: block;
  transform: rotate(-90deg);
  transition: transform .12s ease;
}
.bd-dash .bd-manual-toggle[aria-expanded="true"] .bd-manual-caret { transform: rotate(0deg); }
.bd-dash .bd-manual-toggle:hover { color: var(--dash-title); }
.bd-dash .bd-manual-fields[hidden] { display: none; }

.bd-dash .bd-create.bd-welcome .bd-page-head {
  display: block;
  padding: 0;
  max-width: none;
  margin: 0 0 20px;
}

.bd-dash .bd-create.bd-welcome .bd-create-main { padding-top: 120px; }
.bd-dash .bd-create.bd-welcome .bd-create-col { margin-top: 0; }

.bd-flowbar {
  position: fixed;
  top: 0; left: 0; right: 0;
  height: 6px;
  z-index: 200;

  background: color-mix(in srgb, var(--dash-primary) 16%, transparent);
  pointer-events: none;
}
.bd-flowbar-fill {
  display: block;
  height: 100%;

  width: var(--bd-flow, 0%);
  background: var(--dash-primary);
  border-radius: 0 999px 999px 0;
  transition: width .32s cubic-bezier(.4, 0, .2, 1);
}

.bd-flowbar[data-full] .bd-flowbar-fill { border-radius: 0; }

.bd-flowbar.is-busy .bd-flowbar-fill { animation: bd-flowbar-pulse 1.1s ease-in-out infinite; }
@keyframes bd-flowbar-pulse {
  0%, 100% { opacity: 1; }
  50%      { opacity: .45; }
}
@media (prefers-reduced-motion: reduce) {
  .bd-flowbar-fill { transition: none; }
  .bd-flowbar.is-busy .bd-flowbar-fill { animation: none; opacity: .7; }
}

.bd-dash .bd-domain-hint {
  margin: 8px 0 0;
  font-size: 13px;
  line-height: 20px;
  color: var(--dash-text-3);
}
.bd-dash .bd-domain-hint[hidden] { display: none; }
.bd-dash .bd-manual-fields { margin-top: 0; }
.bd-dash .bd-welcome .bd-manual-toggle { margin-bottom: 0; }
.bd-dash .bd-welcome .bd-manual-fields { margin-top: 18px; }

.dash-hidden { display: none !important; }

@media (max-width: 1020px) {
  .dash-row1, .dash-row2, .dash-rowmove,
  .dash-row2-chart, .dash-rowmove-3 { grid-template-columns: 1fr; }
}

@media (max-width: 767px) {
  #dash-tx-card .dash-table,
  #dash-tx-card .dash-table tbody,
  #dash-tx-card .dash-table tr,
  #dash-tx-card .dash-table td { display: block; }
  #dash-tx-card .dash-table thead { display: none; }
  #dash-tx-card .dash-table { table-layout: auto; width: 100%; }

  #dash-tx-card .dash-table tr {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 4px 10px;
    padding: 12px 0;
    border-bottom: 1px solid var(--dash-border);
  }
  #dash-tx-card .dash-table tr:last-child { border-bottom: 0; }

  #dash-tx-card .dash-table td { width: auto !important; padding: 0; border: 0; }

  #dash-tx-card .dash-table td:nth-child(2) { grid-row: 1; grid-column: 1 / 3; min-width: 0; }
  #dash-tx-card .dash-table td:nth-child(3) { grid-row: 1; grid-column: 3; text-align: right; }
  #dash-tx-card .dash-table td:nth-child(1) { grid-row: 2; grid-column: 1; color: var(--dash-text-3); }
  #dash-tx-card .dash-table td:nth-child(4) { grid-row: 2; grid-column: 2; min-width: 0;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--dash-text-3); }
  #dash-tx-card .dash-table td:nth-child(5) { grid-row: 2; grid-column: 3; text-align: right; }


  #dash-tx-tabs {
    flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  #dash-tx-tabs::-webkit-scrollbar { display: none; }
  #dash-tx-tabs .dash-tab { flex: none; }

  .dash-tablecard { padding: 4px 16px; }
}
@media (max-width: 620px) {
  .dash { padding: 0 16px 64px; margin: 16px auto 24px; }

  .dash-tasks { padding: 0 0 64px; margin: 16px auto 24px; }
  .dash-stats { gap: 18px; }
}

.dash-side {
  box-sizing: border-box;

  width: 219px;
  background: var(--dash-sidebar);
  border-right: 1px solid var(--dash-border);
  padding: 8px 0 16px;
  display: flex;
  flex-direction: column;
  gap: 0;
  position: sticky;
  top: 0;
  height: 100vh;
  overflow-y: auto;
  font-family: var(--bd-sans);
  font-size: 16px;
  color: var(--dash-title);
}

.dash-side-brand {
  display: flex; align-items: center; gap: 8px;
  margin: 0 8px 8px; padding: 4px 6px 4px 2px; height: 32px; box-sizing: border-box;
  border: 0; border-radius: 7px; background: none; cursor: pointer;
  color: var(--dash-title); font-family: inherit; font-size: 15px; text-align: left;
  text-decoration: none; width: calc(100% - 16px);
}
.dash-side-brand:hover { background: var(--dash-hover); }
.dash-side-brand .dash-side-mark {
  width: 24px; height: 24px; flex: none; border-radius: 7px;
  display: grid; place-items: center; overflow: hidden;
  background: var(--dash-fill); color: var(--dash-title);
}
.dash-side-brand .dash-side-mark svg { width: 13px; height: 13px; }
.dash-side-brand .dash-side-name {
  flex: 0 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  font-size: 15px; line-height: 20px; font-weight: 400; color: var(--dash-title);
}
.dash-side-chev {


  display: none; width: 12px; height: 12px; flex: 0 0 auto;
  margin-left: auto; color: var(--dash-text-3);
}
.dash-side-brand:hover .dash-side-chev { display: block; }
.dash-side-brand:hover .dash-side-badge { display: none; }

.dash-side-badge {

  flex: 0 0 auto; margin-left: auto; height: 20px; box-sizing: border-box;
  display: inline-flex; align-items: center;
  font-size: 12px; line-height: 20px; letter-spacing: .2px; padding: 0 8px; border-radius: 4px;
  background: var(--dash-badge-bg); color: var(--dash-badge-ink); text-transform: capitalize;
}

.dash-side-nav { display: flex; flex-direction: column; gap: 6px; padding: 0 8px; }

.dash-side-item {
  display: flex; align-items: center; gap: 6px; position: relative;
  height: 30px; box-sizing: border-box; padding: 2px 8px 2px 2px;
  border-radius: 7px; color: var(--dash-text-2);
  font-size: 16px; line-height: 24px; text-decoration: none; white-space: nowrap;
}
.dash-side-item .dash-side-label { font-size: 16px; line-height: 24px; color: inherit; }
.dash-side-item.dash-on { color: var(--dash-title); }
.dash-side-item:hover { background: var(--dash-hover); }
.dash-side-item.dash-on { background: var(--dash-fill); }

.dash-side-item { transition: padding-left .2s ease, background-color .15s ease; }
.dash-side-item.dash-on,
.dash-side-item:hover,
.dash-side-row:hover > .dash-side-item { padding-left: 9px; }
@media (prefers-reduced-motion: reduce) { .dash-side-item { transition: none; } }
.dash-side-item svg { width: 12px; height: 12px; flex: none; stroke-width: 1.8; color: var(--dash-text-3); }
.dash-side-item.dash-on svg { color: var(--dash-title); }
.dash-side-label { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; }

.dash-side-count {
  flex: none; display: inline-flex; align-items: center; justify-content: center;
  min-width: 18px; height: 18px; box-sizing: border-box; padding: 0 5px;
  border-radius: 5px; background: var(--dash-primary); color: var(--dash-on-primary, #ffffff);
  font-size: 11px; font-weight: 400; line-height: 18px;
}
.dash-side-count[hidden] { display: none; }
.dash-side-pill {
  flex: none; font-size: 15px; line-height: 1; padding: 3px 6px; border-radius: 5px;
  background: var(--dash-emphasized); color: var(--dash-link);
}

.dash-side-group {
  display: flex; align-items: center; gap: 4px;
  height: 36px; box-sizing: border-box; padding: 8px 16px;
  font-size: 14px; color: var(--dash-text-3); margin-top: 18px;
}

.dash-side-bm {
  display: flex; align-items: center; gap: 6px;
  margin: 0 8px; padding: 4px 8px 4px 2px; box-sizing: border-box;
  border-radius: 7px; color: var(--dash-title); text-decoration: none; min-height: 32px;
}
.dash-side-bm:hover { background: var(--dash-hover); }
.dash-side-bm.dash-on { background: var(--dash-fill); }
.dash-side-bm .dash-avatar { width: 24px; height: 24px; font-size: 10px; }
.dash-side-bm-text { min-width: 0; flex: 1; display: flex; flex-direction: column; gap: 0; }
.dash-side-bm-name { font-size: 15px; line-height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--dash-text-2); }
.dash-side-bm-sub { font-size: 14px; line-height: 20px; color: var(--dash-text-3); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dash-side-empty { font-size: 14px; color: var(--dash-text-3); padding: 4px 16px; }

@media (max-width: 760px) {
  .dash-side { display: none; }
}

.bd-dash .bd-content {
  box-sizing: border-box;
  width: 100%;
  max-width: calc(var(--dash-colw) + 64px);
  margin: 24px auto 40px;
  padding: 0 32px 112px;
}

.bd-dash { color: var(--dash-text); }
.bd-dash h1, .bd-dash h2, .bd-dash h3,
.bd-dash h4, .bd-dash h5, .bd-dash h6 { color: var(--dash-title); }
.bd-dash .bd-page-title,
.bd-dash .bd-breadcrumb .bd-crumb-current { color: var(--dash-title); }
.bd-dash .bd-link { color: var(--dash-link); }
.bd-dash .bd-link:hover { color: var(--dash-link-hover); }

.bd-dash {
  --grey-100: var(--dash-title);
  --grey-80: var(--dash-text);
  --grey-20: var(--dash-border-strong);
  --grey-10: var(--dash-border);
  --white-100: var(--dash-card);
  --white-90: var(--dash-card);
  --white-20: var(--dash-fill);
}

.dash-side-sep {
  height: 1px;
  border: 0;
  margin: 12px 0;
  background: var(--dash-border);
}

.bd-dash .bd-set-rail {
  box-sizing: border-box;

  width: 219px;
  padding: 8px 0 16px;
  gap: 0;
  background: var(--dash-sidebar);
  border-right: 1px solid var(--dash-border);
  font-family: var(--bd-sans);
  font-size: 15px;
  color: var(--dash-text-2);
}

.bd-dash .bd-set-back {
  display: flex; align-items: center; gap: 8px;
  margin: 16px 12px; padding: 2px 4px; height: 28px; box-sizing: border-box;
  border-radius: 0; background: none; color: var(--dash-text);
  font-size: 15px; line-height: 24px; font-weight: 400; letter-spacing: normal;
  text-decoration: none;
}
.bd-dash .bd-set-back:hover { background: none; color: var(--dash-title); }

.bd-dash .bd-set-back svg {
  height: .7em; width: auto; flex: none; stroke-width: 2; color: var(--dash-text-3);
}
.bd-dash .bd-set-back:hover svg { color: var(--dash-title); }

.bd-dash .bd-set-group {
  display: flex; align-items: center; gap: 4px;
  height: 20px; box-sizing: border-box; padding: 0 4px 0 12px;
  margin: 20px 8px 4px;
  font-size: 14px; line-height: 20px; font-weight: 480;
  color: var(--dash-text-3);
}

.bd-dash .bd-set-rail .bd-set-back + .bd-set-group { margin-top: 0; }

.bd-dash .bd-set-item {
  display: flex; align-items: center; gap: 6px;
  height: 30px; box-sizing: border-box; margin: 0 8px 4px; padding: 0 12px;
  border-radius: 7px; color: var(--dash-text-2);
  font-size: 15px; line-height: 24px; font-weight: 400; white-space: nowrap;
  text-decoration: none;
}
.bd-dash .bd-set-item:hover { background: var(--dash-hover); }

.bd-dash .bd-set-item.bd-active { background: var(--dash-fill); color: var(--dash-text); }

.bd-dash .bd-set-main {
  box-sizing: border-box;
  width: 100%;
  max-width: calc(var(--dash-colw) + 64px);
  margin: 24px auto 40px;
  padding: 0 32px 112px;
}

.bd-dash .bd-set-head { padding-bottom: calc(var(--dash-title-gap) - 6px); gap: 16px; align-items: center; }
.bd-dash .bd-set-head .bd-set-avatar,
.bd-dash .bd-set-head .bd-avatar-slot { width: 48px; height: 48px; flex: none; }

.bd-dash .bd-set-head h1 { font-size: 28px; line-height: 36px; font-weight: 380; letter-spacing: normal; }

.bd-dash .bd-set-head .bd-set-chip {
  display: inline-flex; align-items: center;
  height: 22px; box-sizing: border-box; padding: 0 8px;
  border: 0; border-radius: 4px;
  background: var(--dash-fill); color: var(--dash-text-2);
  font-size: 12px; line-height: 22px; letter-spacing: .2px; font-weight: 400;
}

.bd-dash .bd-set-main .bd-section { background: none; }
.bd-dash .bd-set-main .bd-set-rows { border-top: 0; }

.bd-dash .bd-set-main .bd-bill-days {
  padding: 20px 24px; margin-bottom: 24px;
  background: var(--dash-card);
  border: 0; border-radius: 0; box-shadow: none;
}
.bd-dash .bd-set-main .bd-bill-days[hidden] { display: none; }
.bd-dash .bd-set-main .bd-bill-days-k {
  font-size: 15px; line-height: 20px; font-weight: 400; color: var(--dash-text-3);
}
.bd-dash .bd-set-main .bd-bill-days-v {
  font-size: 19px; line-height: 28px; font-weight: 400; color: var(--dash-title);
}
.bd-dash .bd-set-main .bd-bill-days .dash-bar { margin: 12px 0 8px; }
.bd-dash .bd-set-main .bd-bill-days-sub {
  font-size: 14px; line-height: 20px; letter-spacing: .1px; color: var(--dash-text-2);
}

.bd-dash .bd-set-main .bd-set-row {
  grid-template-columns: 296px minmax(0, 350px);
  gap: 12px 80px; padding: 24px 0;
  border-bottom: 0; border-top: 1px solid var(--dash-border);
}

.bd-dash .bd-set-main .bd-set-row:first-child { border-top: 1px solid var(--dash-border); padding-top: 24px; }

.bd-dash .bd-set-main .bd-set-row[hidden] { display: none; }

.bd-dash .bd-set-main .bd-set-row-label {
  font-size: 15px; line-height: 24px; font-weight: 400;
  color: var(--dash-title); padding-top: 0;
}

.bd-dash .bd-set-main .bd-set-row-desc {
  font-size: 14px; line-height: 20px; color: var(--dash-text-2);
  margin-top: 0; max-width: none;
}
.bd-dash .bd-set-main .bd-set-row-value { font-size: 15px; line-height: 24px; color: var(--dash-text); }
.bd-dash .bd-set-main .bd-set-row-sub { font-size: 14px; line-height: 18px; color: var(--dash-text-3); }
.bd-dash .bd-set-main .bd-set-muted,
.bd-dash .bd-set-main .bd-set-row-value.bd-set-muted { color: var(--dash-text-3); }
.bd-dash .bd-set-main .bd-hint { font-size: 14px; line-height: 18px; color: var(--dash-text-3); }

.bd-dash .bd-set-main .bd-set-edit {
  display: block; margin: 8px 0 0; padding: 0;
  border: 0; border-radius: 0; background: none;
  color: var(--dash-link);
  font-size: 15px; line-height: 20px; font-weight: 400;
  text-align: left; text-decoration: none; white-space: nowrap;
}
.bd-dash .bd-set-main .bd-set-edit:hover {
  background: none; color: var(--dash-link-hover); text-decoration: underline;
}
.bd-dash .bd-set-main .bd-set-edit svg {

  height: .7em; width: auto; margin-left: 7px; vertical-align: 0.25px;
  stroke-width: 2;
}

.bd-dash .bd-set-main .bd-set-edit + .bd-set-edit { margin-left: 0; margin-top: 4px; }
.bd-dash .bd-set-main .bd-set-edit.bd-set-danger { color: var(--dash-out); }
.bd-dash .bd-set-main .bd-set-edit.bd-set-danger:hover {
  background: none; color: var(--dash-out); text-decoration: underline;
}

.bd-dash .bd-set-main .bd-set-thumb,
.bd-dash .bd-set-main .bd-set-thumb.bd-avatar-slot { width: 40px; height: 40px; display: block; }
.bd-dash .bd-set-main .profile-photo-container { display: block !important; line-height: 0; }

.bd-dash .bd-set-main .bd-set-btn {
  height: 40px; box-sizing: border-box; padding: 0 16px;
  border: 1px solid var(--dash-border-strong); border-radius: 7px;
  background: var(--dash-page); color: var(--dash-text);
  font-size: 15px; font-weight: 400;
}
.bd-dash .bd-set-main .bd-set-btn:hover { background: var(--dash-hover); color: var(--dash-title); }
.bd-dash .bd-set-main .bd-set-btn-pri {
  background: var(--dash-primary); border-color: var(--dash-primary); color: var(--dash-on-primary);
}
.bd-dash .bd-set-main .bd-set-btn-pri:hover {
  background: var(--dash-primary-hover); border-color: var(--dash-primary-hover); color: var(--dash-on-primary);
}

.bd-dash .bd-set-main .bd-input,
.bd-dash .bd-set-main .bd-select,
.bd-dash .bd-set-main .bd-textarea {
  min-height: 40px; box-sizing: border-box; padding: 7px 12px;
  border: 1px solid var(--dash-border-strong); border-radius: 7px;
  background: var(--dash-seg-bg); color: var(--dash-text);
  font-size: 15px; line-height: 24px;
}
.bd-dash .bd-set-main .bd-input:focus,
.bd-dash .bd-set-main .bd-select:focus,
.bd-dash .bd-set-main .bd-textarea:focus {
  outline: none; border-color: var(--dash-primary); box-shadow: var(--dash-focus-ring);
}
.bd-dash .bd-set-main .bd-input::placeholder,
.bd-dash .bd-set-main .bd-textarea::placeholder { color: var(--dash-text-3); }

.bd-dash .bd-set-main .bd-set-switch.bd-on { background: var(--dash-primary); }

.dash-avatar > svg {
  width: 11px; height: 11px; display: block; color: var(--dash-text-2);
}
.dash-side-bm .dash-avatar > svg { width: 10px; height: 10px; }
.dash-cellwrap .dash-avatar > svg { width: 9px; height: 9px; }

.dash-side-account { position: relative; }

.dash-account-menu {
  position: fixed;
  width: 280px;
  padding: 4px;
  border-radius: 7px;
  background: var(--dash-floating);
  border: 1px solid var(--dash-border);
  box-shadow: var(--dash-shadow);

  z-index: 1002;
}
.dash-account-menu[hidden] { display: none; }
.dash-account-menu a,
.dash-account-menu button {
  display: flex; align-items: center; gap: 8px; width: 100%; box-sizing: border-box;
  height: 40px; padding: 8px 12px; border: 0; border-radius: 6px;
  background: none; color: var(--dash-text); font-family: inherit; font-size: 16px;
  text-align: left; text-decoration: none; cursor: pointer; white-space: nowrap;
}
.dash-account-menu a:hover,
.dash-account-menu button:hover { background: var(--dash-hover); color: var(--dash-title); }

.dash-account-head { display: flex; align-items: center; gap: 10px; padding: 10px 12px 8px; }
.dash-account-head-mark { width: 32px; height: 32px; border-radius: 7px; }
.dash-account-head-mark > svg { width: 14px; height: 14px; }
.dash-account-head-text { display: flex; flex-direction: column; min-width: 0; }
.dash-account-head-name { font-size: 15px; line-height: 20px; color: var(--dash-title); }
.dash-account-head-sub { font-size: 14px; line-height: 18px; color: var(--dash-text-3); text-transform: capitalize; }

.dash-menu-earn {

  flex: 0 0 auto; margin-left: 0;
  height: 20px; box-sizing: border-box; display: inline-flex; align-items: center;
  padding: 0 8px; border-radius: 4px;
  gap: 5px;
  background: var(--dash-emphasized); color: var(--dash-text);
  font-size: 14px; line-height: 20px; font-weight: 400;
}
.dash-menu-earn > svg { width: 11px; height: 11px; flex: none; }

.dash-side-subnav { display: flex; flex-direction: column; padding: 0; }
.dash-side-subnav[hidden] { display: none; }

.dash-side-subitem {
  display: flex; align-items: center; position: relative;
  height: 34px; box-sizing: border-box; padding: 0 4px 0 32px;
  border-radius: 7px; color: var(--dash-text-2);
  font-size: 15px; line-height: 24px; text-decoration: none;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.dash-side-subitem::before {
  content: ''; position: absolute; left: 13px; top: 0; bottom: 0; width: 2px;
  background: var(--dash-border-strong);
}

.dash-side-subitem { transition: color .2s ease-out; }
.dash-side-subitem:hover { background: none; color: var(--dash-text); }
.dash-side-subitem.dash-on { background: none; color: var(--dash-text-hover); }

.dash-side-subname { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dash-side-unread {
  flex: none; width: 7px; height: 7px; margin: 0 8px 0 auto; border-radius: 50%;
  background: var(--dash-primary);
}

.dash-side-subnav { position: relative; }

.dash-side-rail-accent {
  position: absolute; left: 13px; top: 0; width: 2px; height: 34px;
  background: var(--dash-link);
  opacity: 0; pointer-events: none;
  will-change: transform;
  transition: transform .2s ease-out, background-color .2s ease-out, opacity .2s ease-out;
}

.dash-side-rail-accent.is-placing { transition: none; }
@media (prefers-reduced-motion: reduce) {
  .dash-side-rail-accent { transition: opacity .2s ease-out; }
}

.dash-side-item svg.dash-side-navchev {
  position: absolute; left: 7px; top: 50%; transform: translateY(-50%);
  width: 12px; height: 12px;
  color: var(--dash-text-3); opacity: 0; transition: opacity .12s ease;
}

.dash-side-item.dash-side-expandable:hover svg.dash-side-navchev,
.dash-side-row:hover > .dash-side-item.dash-side-expandable svg.dash-side-navchev,
.dash-side-row:focus-within > .dash-side-item.dash-side-expandable svg.dash-side-navchev { opacity: 1; }

.dash-side-row:not(.is-open) .dash-side-item svg.dash-side-navchev { transform: translateY(-50%) rotate(-90deg); }
.dash-side-item svg.dash-side-navchev { transition: opacity .12s ease, transform .15s ease, left .2s ease; }

.dash-side-item.dash-on svg.dash-side-navchev,
.dash-side-item:hover svg.dash-side-navchev,
.dash-side-row:hover > .dash-side-item svg.dash-side-navchev { left: 9px; }

.dash-side-item.dash-side-expandable:hover > svg:not(.dash-side-navchev),
.dash-side-row:hover > .dash-side-item.dash-side-expandable > svg:not(.dash-side-navchev),
.dash-side-row:focus-within > .dash-side-item.dash-side-expandable > svg:not(.dash-side-navchev) { opacity: 0; }
.dash-side-item.dash-side-expandable > svg:not(.dash-side-navchev) { transition: opacity .12s ease; }

.dash-tip { position: relative; }
.dash-tip::after {
  content: attr(data-tip);
  position: absolute; top: calc(100% + 6px); left: 50%; transform: translateX(-50%);
  padding: 4px 8px; border-radius: 6px;
  background: var(--dash-floating); color: var(--dash-text);
  border: 1px solid var(--dash-border); box-shadow: var(--dash-shadow);
  font-size: 14px; line-height: 18px; white-space: nowrap;
  opacity: 0; pointer-events: none; transition: opacity .12s ease;
  z-index: 40;
}
.dash-tip:hover::after, .dash-tip:focus-visible::after { opacity: 1; }

.bd-dash .user-dropdown:not(.show):not(.w--open) *,
.bd-dash .notifications-dropdown:not(.show):not(.w--open) * { pointer-events: none !important; }
.bd-dash .user-dropdown,
.bd-dash .notifications-dropdown {
  opacity: 0 !important;
  pointer-events: none !important;
  transform: none !important;

  transition: none !important;
}

.bd-dash #user-dropdown.show,
.bd-dash #user-dropdown.w--open,
.bd-dash #notifications-dropdown.show,
.bd-dash #notifications-dropdown.w--open {
  opacity: 1 !important;
  pointer-events: auto !important;
  transform: none !important;
}

html .bd-dash .user-dropdown,
html .bd-dash .notifications-dropdown,
html .bd-dash .bd-theme-dropdown {
  top: calc(100% + 6px) !important;
  right: 0 !important;
  left: auto !important;
  margin: 0 !important;
  background: var(--dash-floating);
  border: 0;
  border-radius: 7px;
  box-shadow: var(--dash-menu-shadow);
  padding: 4px;
  color: var(--dash-text);
}
.bd-dash .user-dropdown,
.bd-dash .bd-theme-dropdown { min-width: 227px; }

.bd-dash .notifications-dropdown { width: 427px; }

html .bd-dash .notifications-dropdown { top: calc(100% + 4px) !important; }

.bd-dash .notifications-dropdown .bd-notif-empty {
  padding: 28px 16px; text-align: center;
  font-size: 14px; line-height: 18px; color: var(--dash-text);
}

.bd-dash .notifications-dropdown .notifications-header {
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  box-sizing: border-box; min-height: 65px; padding: 16px 24px;
  margin: -4px -4px 0; border-bottom: 1px solid var(--dash-border);
}
.bd-dash .notifications-dropdown .notifications-title {
  font-size: 17px; line-height: 24px; font-weight: 400; color: var(--dash-title);
}
.bd-dash .notifications-dropdown .notifications-markall {
  width: 32px; height: 32px; flex: none;
  display: grid; place-items: center;
  border: 0; border-radius: 6px; background: none; color: var(--dash-text-3);
  cursor: pointer; transition: background-color .12s ease, color .12s ease;
}
.bd-dash .notifications-dropdown .notifications-markall svg { width: 16px; height: 16px; }
.bd-dash .notifications-dropdown .notifications-markall:hover:not(:disabled) {
  background: var(--dash-fill); color: var(--dash-text-hover);
}
.bd-dash .notifications-dropdown .notifications-markall:disabled {
  opacity: .4; cursor: default;
}

.bd-dash .user-dropdown::before,
.bd-dash .notifications-dropdown::before { content: none; }

.bd-dash .user-dropdown .dropdown-item,
.bd-dash .bd-theme-opt {
  display: flex; align-items: center; gap: 8px;
  height: 40px; box-sizing: border-box; padding: 8px 12px;
  border-radius: 4px; color: var(--dash-text);
  font-size: 16px; font-weight: 400; text-decoration: none; white-space: nowrap;
  transition: background-color .12s ease, color .12s ease;
}
.bd-dash .user-dropdown .dropdown-item:hover,
.bd-dash .bd-theme-opt:hover {
  background: var(--dash-hover); color: var(--dash-text-hover); opacity: 1;
}
.bd-dash .bd-theme-opt > svg { color: var(--dash-text-3); }
.bd-dash .bd-theme-opt:hover > svg,
.bd-dash .bd-theme-opt[aria-checked="true"] > svg:first-child { color: var(--dash-text-hover); }
.bd-dash .bd-theme-opt .bd-theme-check { color: var(--dash-chart); }

.bd-dash .notifications-dropdown .notifications-header { border-bottom-color: var(--dash-border); }

.bd-dash .notifications-dropdown .notification-item {
  border-bottom: 1px solid var(--dash-border);
  border-radius: 4px;
  background: transparent;
  color: var(--dash-text);
}
.bd-dash .notifications-dropdown .notification-item:last-child { border-bottom: 0; }

.bd-dash .notifications-dropdown .notification-time {
  font-size: 14px; line-height: 16px; color: var(--dash-text-3);
}

.bd-dash .notifications-dropdown .notification-unread { background: var(--dash-chip-on); }
.bd-dash .notifications-dropdown .notification-item:hover,
.bd-dash .notifications-dropdown .notification-unread:hover { background: var(--dash-hover); }

.bd-dash .notifications-dropdown #notifications-scroll-container { background: transparent; }

html:has(.dash-tasks),
html:has(.dash-tasks) body,
.bd-dash:has(.dash-tasks),
.bd-dash:has(.dash-tasks) .bd-topstrip,
html:has(.dash-page-white),
html:has(.dash-page-white) body,
.bd-dash:has(.dash-page-white),
.bd-dash:has(.dash-page-white) .bd-topstrip {
  background: #ffffff;
}

.dash-tasks {
  box-sizing: border-box;
  width: 100%;
  max-width: calc(var(--dash-colw) + 64px);
  margin: 24px auto 40px;
  padding: 0 8px 112px;
  color: var(--dash-text); font-size: 16px; line-height: 1.4;
}

:root { --dash-title-gap: 24px; }

.dash-tasks-head {
  padding: 0 24px var(--dash-title-gap);
  display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap;
}

.dash-tasks-title { margin: 0; font-size: 28px; font-weight: 380; line-height: 36px; color: var(--dash-title); }

.dash-tasks-facets { display: flex; gap: 8px; margin-top: 18px; padding: 0 24px; }
.dash-chip {

  height: 32px; box-sizing: border-box; padding: 0 12px;
  display: inline-flex; align-items: center;
  border: 0; border-radius: 7px;
  background: var(--dash-seg-bg); color: var(--dash-text-2);
  font-family: inherit; font-size: 14px; font-weight: 400; line-height: 24px;
  white-space: nowrap; cursor: pointer;
  transition: background-color .12s ease, border-color .12s ease, color .12s ease;
}
.dash-chip:hover { background: var(--dash-hover); }
.dash-chip[aria-pressed="true"] {
  background: var(--dash-chip-on); color: var(--dash-title);
}
.dash-chip[aria-pressed="true"]:hover { background: var(--dash-chip-on-hover); }
.dash-chip:focus-visible { outline: none; box-shadow: var(--dash-focus-ring); }

.dash-tasks-stats {
  display: grid; grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 16px; margin: 0 24px 20px;
}
.dash-tasks-stat {
  display: flex; flex-direction: column; gap: 2px;
  box-sizing: border-box; padding: 20px; min-width: 0;
  text-align: left; font-family: inherit; cursor: pointer;
  background: var(--dash-card);
  border-radius: var(--dash-r);

  border: 0;
  box-shadow: var(--dash-card-shadow);
  transition: background-color .12s ease, box-shadow .12s ease;
}

.dash-tasks-stat[aria-pressed="true"],
.dash-tasks-stat:hover { box-shadow: var(--dash-menu-shadow); }

.dash-tasks-stat:focus {
  outline: none;
  box-shadow: var(--dash-focus-ring);
}

.dash-tasks-stat {
  box-shadow: none;
  border: 1px solid var(--dash-border);
}
.dash-tasks-stat:hover,
.dash-tasks-stat[aria-pressed="true"] {
  box-shadow: none;
  background: color-mix(in srgb, color-mix(in srgb, var(--dash-primary) 20%, #222222) 5%, var(--dash-card));
}
.dash-tasks-stat[aria-pressed="true"] { border-color: var(--dash-border-strong); }
.dash-tasks-stat:focus { box-shadow: none; }
.dash-tasks-stat:focus-visible { box-shadow: var(--dash-focus-ring); }
.dash-tasks-stat-v {
  font-size: 28px; font-weight: 400; line-height: 36px;
  letter-spacing: -.04em; color: var(--dash-title);
}
.dash-tasks-stat-k { font-size: 15px; line-height: 24px; color: var(--dash-text); }
.dash-tasks-stat-sub {

  display: block; min-height: 18px;
  font-size: 14px; line-height: 18px; color: var(--dash-text-3);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;

}
@media (max-width: 1180px) {
  .dash-tasks-stats { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 720px) {
  .dash-tasks-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

.dash-tasks-pill {
  display: inline-flex; align-items: center; height: 22px; padding: 0 8px;
  border-radius: 4px; font-size: 12px; line-height: 22px; letter-spacing: .2px;
  white-space: nowrap;
}
.dash-tasks-pill-open { background: var(--dash-chip-on); color: var(--dash-link); }
.dash-tasks-pill-in_progress { background: var(--dash-warn-bg); color: var(--dash-warn); }
.dash-tasks-pill-waiting_client { background: var(--dash-error-bg); color: var(--dash-out); }
.dash-tasks-pill-resolved { background: var(--dash-success-bg); color: var(--dash-in); }
.dash-tasks-pill-cancelled { background: var(--dash-fill); color: var(--dash-text-3); }

.dash-tasks-table th:first-child,
.dash-tasks-table td:first-child { padding-right: 32px; }

.dash-tasks-table .dash-tasks-c-status { width: 140px; white-space: nowrap; }

.dash-tasks-table .dash-tasks-cell {
  display: flex; flex-direction: column; min-width: 0;
}
.dash-tasks-sub {
  margin-top: 2px;
  font-size: 14px; line-height: 16px; color: var(--dash-text-3);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.dash-tasks-table .dash-tasks-c-amt {

  width: 110px; text-align: left; white-space: nowrap;

  overflow: hidden; text-overflow: ellipsis;
}

.dash-tasks-unpaid {
  display: block; margin-top: 2px;
  font-size: 14px; line-height: 16px; color: var(--dash-text-3);

  letter-spacing: -.005rem;
}
.dash-tasks-tablewrap { padding: 0 24px; overflow-x: auto; }

.dash-tasks-table {
  width: 100%; min-width: 860px; margin-top: 16px;
  border-collapse: separate; border-spacing: 0; table-layout: fixed;
}
.dash-tasks-table th {
  height: 36px; box-sizing: border-box; padding: 8px 16px 8px 0;
  border-bottom: 0; text-align: left; vertical-align: middle;
  font-size: 15px; font-weight: 400; line-height: 20px; letter-spacing: .1px;
  color: var(--dash-text-3);
}

.dash-tasks-table td {
  height: 67px; box-sizing: border-box; padding: 8px 16px 8px 0;
  border-top: 1px solid var(--dash-border);
  border-bottom: 1px solid transparent;
  vertical-align: middle;
  font-size: 16px; font-weight: 360; line-height: 18px; color: var(--dash-title);
}

.dash-tasks-table tbody tr:not(.dash-placeholder) { cursor: pointer; transition: background-color .12s ease; }

.dash-tasks-table tbody tr:not(.dash-placeholder):hover td,
.dash-tasks-table tbody tr[data-open] td {
  background: var(--dash-hover);
  border-bottom-color: var(--dash-border);
}
.dash-tasks-table tbody tr:not(.dash-placeholder):hover + tr td,
.dash-tasks-table tbody tr[data-open] + tr td { border-top-color: transparent; }
.dash-tasks-c-due, .dash-tasks-c-recv { width: 96px; white-space: nowrap; }
.dash-tasks-txt { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dash-tasks-table .dash-cellwrap { gap: 12px; }

.dash-avatar-client { color: var(--dash-link); }

.dash-tasks-headend { display: flex; align-items: center; gap: 12px; }

.dash-board {

  display: grid; grid-template-columns: repeat(5, minmax(176px, 1fr));
  gap: 12px; margin: 16px 24px 0; padding-bottom: 24px;
  overflow-x: auto;

  align-items: stretch;
}
.dash-board[hidden] { display: none; }

.dash-view-out { opacity: 0; transition: opacity .12s ease; }
.dash-view-in { animation: dash-view-in .24s cubic-bezier(.2, .7, .2, 1) both; }
@keyframes dash-view-in { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) {
  .dash-view-out { transition: none; }
  .dash-view-in { animation: none; }
}
.dash-bcol {
  display: flex; flex-direction: column; min-width: 0; min-height: 320px;

  background: var(--dash-sidebar); border-radius: var(--dash-r);
  border: 1px solid transparent;
  transition: background-color .12s ease, border-color .12s ease;
}

.dash-bcol[data-focus] { border-color: var(--dash-seg-border); }
.dash-bcol[data-drop] { background: var(--dash-emphasized); border-color: var(--dash-primary); }
.dash-bcol-head {
  display: flex; align-items: center; justify-content: space-between; gap: 8px;
  padding: 12px 12px 8px;
}
.dash-bcol-count { font-size: 14px; line-height: 20px; color: var(--dash-text-3); }
.dash-bcol-list {
  display: flex; flex-direction: column; gap: 8px;
  padding: 0 8px 8px; flex: 1 1 auto;
}
.dash-bcol-empty { margin: 8px 4px; font-size: 14px; line-height: 20px; color: var(--dash-text-3); }
.dash-bcol-more {
  margin: 0; padding: 8px; border: 0; border-radius: 6px; background: none; cursor: pointer;
  font-family: inherit; font-size: 14px; line-height: 20px; color: var(--dash-link);
}
.dash-bcol-more:hover { background: var(--dash-hover); }

.dash-bcard {
  display: flex; flex-direction: column; gap: 10px;
  padding: 12px; border-radius: var(--dash-r);
  background: var(--dash-card); box-shadow: var(--dash-card-shadow);
  color: var(--dash-title); text-decoration: none;
  cursor: grab; user-select: none; -webkit-user-select: none; -webkit-touch-callout: none;
  transition: box-shadow .12s ease, opacity .12s ease;
}
.dash-bcard:hover, .dash-bcard[data-open] { box-shadow: var(--dash-menu-shadow); }
.dash-bcard:focus-visible { outline: none; box-shadow: var(--dash-focus-ring); }
.dash-bcard-title {
  font-size: 15px; line-height: 20px; font-weight: 400;
  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
  overflow-wrap: anywhere;
}
.dash-bcard-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px; min-width: 0; }
.dash-bcard-meta .dash-avatar { width: 20px; height: 20px; font-size: 9px; }
.dash-bcard-proj {

  flex: 1 1 60px; min-width: 0; font-size: 13px; line-height: 18px; color: var(--dash-text-3);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.dash-bcard-end {
  display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: baseline; gap: 2px 8px;
  flex: 0 1 auto; margin-left: auto; font-size: 13px; line-height: 18px;
}
.dash-bcard-price, .dash-bcard-due { display: inline-flex; align-items: baseline; gap: 6px; white-space: nowrap; }
.dash-bcard-amt { color: var(--dash-title); }
.dash-bcard-unpaid, .dash-bcard-due { color: var(--dash-text-3); letter-spacing: -.005rem; }

.dash-bcard-lifted { opacity: .4; }
.dash-bcard-ghost {
  position: fixed; top: 0; left: 0; z-index: 70; pointer-events: none;
  box-shadow: var(--dash-menu-shadow); opacity: 1; cursor: grabbing;
  rotate: 1.5deg;
}
body.dash-board-dragging, body.dash-board-dragging * { cursor: grabbing !important; }
@media (max-width: 720px) {
  .dash-board { grid-template-columns: repeat(5, 82vw); scroll-snap-type: x mandatory; }
  .dash-bcol { scroll-snap-align: start; }
}

.dash-board[data-cancelled-folded] { grid-template-columns: repeat(4, minmax(176px, 1fr)) 112px; }
@media (max-width: 720px) { .dash-board[data-cancelled-folded] { grid-template-columns: repeat(4, 82vw) 112px; } }
.dash-bcol-folded .dash-bcol-head { flex-direction: column; align-items: flex-start; gap: 4px; }
.dash-bcol-folded .dash-bcol-more { align-self: flex-start; margin: 0 4px; }
.dash-bcol-fold {
  margin-left: auto; padding: 0 6px; border: 0; border-radius: 4px; background: none; cursor: pointer;
  font-family: inherit; font-size: 13px; line-height: 20px; color: var(--dash-link);
}
.dash-bcol-fold:hover { background: var(--dash-hover); }
.dash-bcol-head .dash-bcol-count + .dash-bcol-fold { margin-left: 8px; }

.dash-panel-delete { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; }

.dash-shot {
  position: relative; display: block; overflow: hidden;
  border-radius: 6px; box-shadow: var(--dash-card-shadow); background: var(--dash-seg-bg);
}
.dash-shot img { display: block; width: 100%; height: auto; }
.dash-shot-pin {
  position: absolute; width: 14px; height: 14px; margin: -7px 0 0 -7px; border-radius: 50%;
  background: var(--dash-primary); box-shadow: 0 0 0 3px #ffffff, 0 1px 4px rgba(0,0,0,.35);
  pointer-events: none;
}
.dash-shot-pin[hidden] { display: none; }
.dash-bcard-shot {
  display: block; height: 88px; margin: -4px -4px 0; border-radius: 5px;
  background-color: var(--dash-seg-bg); background-size: 220% auto; background-repeat: no-repeat;
}

.dash-payments-stats { grid-template-columns: repeat(3, minmax(0, 1fr)); }
@media (max-width: 720px) { .dash-payments-stats { grid-template-columns: minmax(0, 1fr); } }
.dash-payments-table .dash-pm-c-date { width: 96px; white-space: nowrap; }
.dash-payments-table .dash-pm-c-proj { width: 170px; }
.dash-payments-table .dash-pm-c-client { width: 170px; }
.dash-payments-table .dash-pm-c-amt { width: 130px; white-space: nowrap; }

.dash-payments-table .dash-pm-c-type { width: 90px; }
.dash-payments-table td.dash-pm-c-type { color: var(--dash-text-3); }
.dash-payments-table td.dash-pm-c-proj,
.dash-payments-table td.dash-pm-c-client { color: var(--dash-text); }

.dash-payments-table td > .dash-tasks-txt { display: block; }

.dash-payments-table .dash-pm-in { color: var(--dash-in); }

.dash-payments-table .dash-pm-c-act { width: 96px; text-align: right; }

.bd-dash .dash-pm-tabs {

  display: flex; gap: 24px; padding: 0; margin: 0 24px 24px;
  box-shadow: inset 0 -1px 0 var(--dash-border);
  background: none; border-radius: 0;
}
.bd-dash .dash-pm-tabs .bd-subtab {
  height: 40px; box-sizing: border-box; padding: 10px 0;
  border: 0; border-radius: 0; background: none;
  font-family: inherit; font-size: 15px; font-weight: 400; line-height: 20px;
  color: var(--dash-text-3); cursor: pointer;
  transition: color .12s ease, box-shadow .12s ease;
}
.bd-dash .dash-pm-tabs .bd-subtab:hover { color: var(--dash-text); box-shadow: inset 0 -2px 0 var(--dash-seg-border); }
.bd-dash .dash-pm-tabs .bd-subtab.bd-active,
.bd-dash .dash-pm-tabs .bd-subtab.bd-active:hover { color: var(--dash-text); box-shadow: inset 0 -2px 0 var(--dash-primary); cursor: default; }
.bd-dash .dash-pm-tabs .bd-subtab:focus-visible { outline: none; box-shadow: var(--dash-focus-ring); }

.dash-sr {
  position: absolute; top: 0; left: 0; width: 1px; height: 1px; overflow: hidden;
  clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap;
}

.dash-panel {
  position: fixed; top: 60px; right: 24px; z-index: 70;
  width: 424px; max-width: calc(100vw - 48px);
  max-height: calc(100vh - 84px);
  display: flex; flex-direction: column;
  background: var(--dash-card); border-radius: 24px;
  box-shadow: var(--dash-menu-shadow);
  overflow: hidden;

  visibility: hidden; pointer-events: none;
  transform: translateX(calc(100% + 24px));

  will-change: transform;
  transition: transform .35s ease, visibility 0s linear .35s;
}
.dash-panel.is-open {
  transform: none; visibility: visible; pointer-events: auto;

  transition: transform .35s ease, visibility 0s linear 0s;
}

.dash-panel[hidden] { display: none; }
@media (prefers-reduced-motion: reduce) {
  .dash-panel, .dash-panel.is-open { transition: visibility 0s linear 0s; }
}
.dash-panel-head { flex: none; display: flex; align-items: flex-start; gap: 12px; padding: 20px 24px 12px; }
.dash-panel-title {
  font-size: 16px; line-height: 24px; color: var(--dash-title);
  display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
.dash-panel-x {
  margin-left: auto; flex: none;
  width: 28px; height: 28px; border: 0; border-radius: 50%; background: none;
  color: var(--dash-text-2); display: grid; place-items: center; cursor: pointer;
}
.dash-panel-x:hover { background: var(--dash-fill); color: var(--dash-text-hover); }
.dash-panel-x svg { width: 15px; height: 15px; }
.dash-panel-body { flex: 1; min-height: 0; overflow-y: auto; padding: 0 24px 16px; }
.dash-panel-amt { margin-bottom: 8px; }
.dash-panel-badges { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 18px; }
.dash-panel-sec { padding: 12px 0; border-top: 1px solid var(--dash-border); }
.dash-panel-k { font-size: 15px; color: var(--dash-text-3); margin-bottom: 3px; }
.dash-panel-v { font-size: 15px; color: var(--dash-text); word-break: break-word; }
a.dash-panel-v { display: inline-block; }

.dash-panel-due { display: flex; align-items: center; gap: 8px; }
.dash-panel-date {
  flex: 1; min-width: 0; height: 32px; box-sizing: border-box; padding: 0 10px;
  border: 1px solid var(--dash-border-strong); border-radius: 7px;
  background: var(--dash-seg-bg); color: var(--dash-text);
  font-family: inherit; font-size: 15px; line-height: 24px;
}
.dash-panel-date:focus { outline: none; border-color: var(--dash-seg-border); }
.dash-panel-date:disabled { color: var(--dash-text-3); cursor: not-allowed; }

.dash-panel-date {
  display: inline-flex; align-items: center; gap: 8px;
  font-family: inherit; text-align: left; cursor: pointer;
}
.dash-panel-date > svg { width: 15px; height: 15px; flex: none; color: var(--dash-text-3); }
.dash-panel-date:not(.is-set) > span { color: var(--dash-text-3); }
.dash-panel-date:hover:not(:disabled) { border-color: var(--dash-border-strong); }
.dash-panel-date:focus-visible { outline: none; box-shadow: var(--dash-focus-ring); }

.dash-datepop {

  position: fixed; z-index: 80; width: 264px; padding: 10px;
  background: var(--dash-floating);
  border: 1px solid var(--dash-border); border-radius: 7px;
  box-shadow: var(--dash-menu-shadow);
}
.dash-datepop[hidden] { display: none; }
.dash-dp-head { display: flex; align-items: center; justify-content: space-between; gap: 6px; margin-bottom: 8px; }
.dash-dp-month { font-size: 15px; line-height: 20px; color: var(--dash-title); }
.dash-dp-nav {
  width: 26px; height: 26px; display: grid; place-items: center; flex: none;
  border: 0; border-radius: 6px; background: none; color: var(--dash-text-3); cursor: pointer;
}
.dash-dp-nav:hover { background: var(--dash-fill); color: var(--dash-text-hover); }
.dash-dp-nav svg { width: 14px; height: 14px; }
.dash-dp-week, .dash-dp-grid { display: grid; grid-template-columns: repeat(7, 1fr); gap: 2px; }
.dash-dp-week { margin-bottom: 4px; }
.dash-dp-week span { text-align: center; font-size: 11px; line-height: 18px; color: var(--dash-text-3); }
.dash-dp-pad { display: block; }
.dash-dp-day {
  height: 32px; border: 0; border-radius: 6px; background: none;
  font-family: inherit; font-size: 15px; color: var(--dash-text); cursor: pointer;
  transition: background-color .12s ease, color .12s ease;
}
.dash-dp-day:hover { background: var(--dash-fill); color: var(--dash-title); }
.dash-dp-day:focus-visible { outline: none; box-shadow: var(--dash-focus-ring); }

.dash-dp-day.is-today { color: var(--dash-link); font-weight: 500; }
.dash-dp-day.is-picked { background: var(--dash-primary); color: var(--dash-on-primary); }
.dash-dp-day.is-picked:hover { background: var(--dash-primary-hover); color: var(--dash-on-primary); }
.dash-dp-foot { margin-top: 8px; padding-top: 8px; border-top: 1px solid var(--dash-border); text-align: right; }
.dash-dp-today {
  border: 0; border-radius: var(--dash-r-pill); padding: 4px 12px;
  background: var(--dash-fill); color: var(--dash-text);
  font-family: inherit; font-size: 15px; cursor: pointer;
}
.dash-dp-today:hover { background: var(--dash-fill-hover); color: var(--dash-title); }
.dash-panel-due-x {
  flex: none; border: 0; background: none; padding: 0 4px; cursor: pointer;
  font-family: inherit; font-size: 15px; color: var(--dash-text-3);
}
.dash-panel-due-x:hover { color: var(--dash-text-hover); }
.dash-panel-due-x[hidden] { display: none; }
.dash-panel-note { margin-top: 6px; font-size: 14px; line-height: 16px; color: var(--dash-text-3); }
.dash-panel-note[hidden] { display: none; }

.dash-track { list-style: none; margin: 0 0 4px; padding: 0; }
.dash-track-step { position: relative; padding: 0 0 18px 22px; }
.dash-track-step.dash-track-last { padding-bottom: 4px; }
.dash-track-dot {
  position: absolute; left: 0; top: 6px;
  width: 9px; height: 9px; border-radius: 50%; background: var(--dash-text-3);
}
.dash-track-last .dash-track-dot { background: var(--dash-link); }

.dash-track-step:not(.dash-track-last)::before {
  content: ''; position: absolute; left: 4px; top: 15px; bottom: 0;
  width: 1px; background: var(--dash-border-strong);
}
.dash-track-k { font-size: 15px; line-height: 21px; color: var(--dash-title); }
.dash-track-v { font-size: 15px; line-height: 20px; color: var(--dash-text-3); }

.dash-replies { display: flex; flex-direction: column; gap: 12px; }
.dash-reply-h { display: flex; align-items: center; gap: 8px; margin-bottom: 4px; }
.dash-reply-n { font-size: 15px; color: var(--dash-title); }
.dash-reply-t { font-size: 15px; color: var(--dash-text-3); margin-left: auto; }
.dash-reply-b { font-size: 15px; line-height: 20px; color: var(--dash-text); white-space: pre-wrap; word-break: break-word; }

.dash-panel-foot { flex: none; padding: 16px 24px 20px; border-top: 1px solid var(--dash-border); }
.dash-panel-input {
  width: 100%; box-sizing: border-box; resize: none;
  padding: 10px 12px; border: 1px solid var(--dash-border-strong); border-radius: 7px;
  background: none; color: var(--dash-text);
  font-family: inherit; font-size: 15px; line-height: 20px; outline: none;
  transition: border-color .15s ease;
}
.dash-panel-input:focus { border-color: var(--dash-seg-border); }
.dash-panel-input::placeholder { color: var(--dash-text-3); }
.dash-panel-hint { margin-top: 6px; font-size: 12px; line-height: 16px; color: var(--dash-text-3); }
.dash-panel-hint kbd {
  display: inline-grid; place-items: center; min-width: 16px; height: 16px; padding: 0 4px;
  box-sizing: border-box; border: 1px solid var(--dash-border-strong);
  border-radius: 3px; background: none; color: var(--dash-text-2);
  font-family: inherit; font-size: 11px; line-height: 1;
}
.dash-panel-actions { display: flex; gap: 8px; margin-top: 12px; }
.dash-panel-actions .dash-act { flex: 1; justify-content: center; }
.dash-panel-actions .dash-act[hidden] { display: none; }

@media (max-width: 1020px) {
  .dash-panel {
    top: auto; right: 0; left: 0; bottom: 0;
    width: auto; max-width: none; max-height: 76vh;
    border-radius: 24px 24px 0 0;
  }
}

.dash-proj-head {
  display: flex; align-items: center; gap: 16px;
  min-height: 56px;

  padding-bottom: var(--dash-title-gap);
}
.dash-proj-title {
  margin: 0; font-size: 28px; font-weight: 380; line-height: 36px; color: var(--dash-title);
}
.dash-proj-head .dash-proj-act { margin-left: auto; }

.dash-proj-act {
  display: inline-flex; align-items: center; gap: 8px;
  height: 32px; box-sizing: border-box; padding: 4px 16px 4px 12px;
  border: 0; border-radius: var(--dash-r-pill);
  background: var(--dash-fill); color: var(--dash-text);
  font-family: inherit; font-size: 15px; line-height: 24px; text-decoration: none;
  white-space: nowrap; cursor: pointer;
  transition: background-color .12s ease, color .12s ease;
}
.dash-proj-act:hover { background: var(--dash-fill-hover); color: var(--dash-text-hover); }
.dash-proj-act svg { width: 15px; height: 15px; flex: none; }
.dash-proj-act-ghost { background: none; }
.dash-proj-act-ghost:hover { background: var(--dash-fill); }

.dash-proj-tabs {
  display: flex; gap: 24px;
  box-shadow: inset 0 -1px 0 var(--dash-border);
}
.dash-proj-tab {
  position: relative;
  height: 40px; box-sizing: border-box; padding: 10px 0;
  border: 0; background: none;
  font-family: inherit; font-size: 15px; font-weight: 400; line-height: 20px;
  color: var(--dash-text-3); white-space: nowrap; cursor: pointer;
  transition: color .12s ease;
}
.dash-proj-tab:hover { color: var(--dash-text); box-shadow: inset 0 -2px 0 var(--dash-seg-border); }

.dash-proj-tab[aria-selected="true"],
.dash-proj-tab[aria-selected="true"]:hover {
  color: var(--dash-text); box-shadow: inset 0 -2px 0 var(--dash-link);
}
.dash-proj-tab[aria-selected="true"] { cursor: default; }
.dash-proj-tab:focus-visible { outline: none; box-shadow: var(--dash-focus-ring); }

.dash-proj-grid {

  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px;

  margin-top: 24px;
}

.dash-proj-card[data-reorder="1"],
.dash-proj-card[data-reorder="1"] .dash-proj-link { cursor: grab; touch-action: manipulation; }
.dash-proj-card.dash-proj-card-dragging {
  position: relative; z-index: 50; cursor: grabbing;
  box-shadow: var(--dash-menu-shadow);
  will-change: transform;
}
.dash-proj-card.dash-proj-card-dragging * { pointer-events: none; }
html.dash-proj-reordering, html.dash-proj-reordering * { user-select: none; cursor: grabbing !important; }
.dash-proj-card {
  display: flex; flex-direction: column;

  position: relative;
  box-sizing: border-box; padding: 0; overflow: hidden;
  border-radius: 7px; background: var(--dash-card);
  box-shadow: var(--dash-card-shadow);
  text-decoration: none; color: var(--dash-title);
  transition: box-shadow .12s ease;
}

.dash-proj-shot {
  display: block; position: relative; width: 100%;
  aspect-ratio: 16 / 9; overflow: hidden;
  background: var(--dash-fill);

  border-bottom: 1px solid color-mix(in srgb, var(--dash-text) 6%, transparent);
}
.dash-proj-shot-img { width: 100%; height: 100%; object-fit: cover; object-position: top center; display: block; }

.dash-proj-shot-empty {
  position: absolute; inset: 0; z-index: 0;
  display: flex; flex-direction: column; align-items: center; justify-content: center;

  gap: 10px; background: color-mix(in srgb, var(--dash-text) 4%, var(--dash-card));
  text-align: center; padding: 0 16px;
}
.dash-proj-shot-note { font-size: 14px; line-height: 20px; color: var(--dash-text-3); }

.dash-proj-shot-frame { position: relative; z-index: 1; }
.dash-proj-shot-frame { pointer-events: none; }

.bd-dash .dash-proj-shot .dash-proj-shot-frame { height: 720px; }

.dash-proj-shot:empty { background: var(--dash-fill); }

.dash-proj-main {
  display: grid; gap: 14px;
  padding: 18px 24px 20px; min-width: 0;
  box-shadow: 0 -1px 0 0 var(--dash-border) inset;
}
.dash-proj-idrow { display: flex; align-items: center; gap: 12px; min-width: 0; }
.dash-proj-card:hover {
  box-shadow: var(--dash-menu-shadow);
}

.dash-proj-link { text-decoration: none; color: inherit; }
.dash-proj-link::after { content: ''; position: absolute; inset: 0; z-index: 1; }

.dash-proj-link:focus-visible { outline: none; }
.dash-proj-card:has(.dash-proj-link:focus-visible) {
  outline: none; box-shadow: var(--dash-focus-ring);
}
.dash-proj-card-off { opacity: .5; }

.dash-proj-card[hidden] { display: none; }
.dash-proj-ic {
  position: relative;
  width: 40px; height: 40px; box-sizing: border-box; flex: none;
  display: grid; place-items: center; overflow: hidden;
  border: 1px solid var(--dash-border); border-radius: 50%;
  color: var(--dash-text-3);
}

.dash-proj-photo { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
.dash-proj-mark { width: 20px; height: auto; display: block; }
.dash-proj-body { display: block; min-width: 0; flex: 1 1 auto; }
.dash-proj-name,
.dash-proj-sub {
  display: block; font-size: 15px; line-height: 22px;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.dash-proj-name { color: var(--dash-title); font-size: 16px; }
.dash-proj-sub { color: var(--dash-text-3); font-size: 14px; }

.dash-proj-chev { width: 7px; height: 11.2px; margin-left: 2px; flex: none; color: var(--dash-text-3); }

.dash-proj-toggle { position: relative; z-index: 2; flex: none; }

.dash-proj-state {
  flex: none; display: inline-flex; align-items: center;

  font-size: 12px; line-height: 22px; letter-spacing: .2px; padding: 0 8px;
  border-radius: 4px;
  background: var(--dash-fill); color: var(--dash-text-3);
}
.bd-dash .dash-proj-toggle.offline { background: var(--dash-fill-hover); }
.bd-dash .dash-proj-toggle.online { background: var(--dash-switch-on); }
.bd-dash .dash-proj-toggle.offline:hover { background: var(--dash-seg-border); }
.bd-dash .dash-proj-toggle.offline:hover,
.bd-dash .dash-proj-toggle.online:hover { box-shadow: 0 0 0 3px var(--dash-fill); }

.bd-dash .dash-proj-toggle.offline:focus-visible,
.bd-dash .dash-proj-toggle.online:focus-visible {
  outline: none; box-shadow: var(--dash-focus-ring);
}

.dash-proj-stats { display: flex; align-items: flex-start; gap: 24px; flex-wrap: wrap; }
.dash-proj-stat { min-width: 0; }
.dash-proj-stat-lead { flex: 1 1 auto; }
.dash-proj-stat-k {
  display: block; font-size: 15px; line-height: 20px; color: var(--dash-text-3);
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.dash-proj-stat-v {
  display: block; font-size: 15px; line-height: 26px; color: var(--dash-text);
  white-space: nowrap;
}

.dash-proj-stat-lead .dash-proj-stat-v { color: var(--dash-title); }
.dash-proj-stats .dash-proj-stat-v { font-size: 19px; line-height: 26px; letter-spacing: normal; }
.dash-proj-stat-in { color: var(--dash-in); }

.dash-proj-foot {
  display: flex; align-items: center; gap: 10px 24px; flex-wrap: wrap;
  padding: 14px 24px 15px; min-width: 0;
}
.dash-proj-metric { flex: none; min-width: 0; }

.dash-proj-metric-k {
  display: block; font-size: 15px; line-height: 20px; color: var(--dash-text-3);
  white-space: nowrap;
}
.dash-proj-metric-v {
  display: block; font-size: 19px; line-height: 26px; color: var(--dash-text);
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.dash-proj-metric-v-hot { color: var(--dash-title); }
.dash-proj-go { margin-left: auto; display: flex; align-items: center; flex: none; }

.dash-proj-empty { padding: 8px 0; font-size: 14px; color: var(--dash-text-3); }
.dash-proj-empty[hidden] { display: none; }

.dash-proj-grid-home {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 0;
  margin-bottom: 40px;
}
.dash-proj-empty-home { margin-bottom: 40px; }

@media (max-width: 1100px) { .dash-proj-grid-home { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

@media (max-width: 1280px) { .dash-proj-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 820px)  { .dash-proj-grid { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 820px)  { .dash-proj-grid-home { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 620px)  {
  .dash-proj-foot { gap: 16px; }
  .dash-proj-stats { gap: 16px; }
}

.dash-feedback-chip {
  display: inline-flex; align-items: center; gap: 6px;
  height: 24px; box-sizing: border-box; padding: 0 8px;
  border: 0; border-radius: 6px;
  background: var(--dash-fill); color: var(--dash-title);
  font-family: inherit; font-size: 15px; line-height: 20px;
  white-space: nowrap; cursor: pointer;
  transition: background-color .12s ease;
}
.dash-feedback-chip:hover { background: var(--dash-fill-hover); }
.dash-feedback-chip:focus-visible { outline: none; box-shadow: var(--dash-focus-ring); }
.dash-feedback-ic { width: 10px; height: 10px; flex: none; color: var(--dash-text); }

.dash-feedback {
  position: fixed; right: 28px; bottom: 28px; z-index: 80;
  width: min(424px, calc(100vw - 32px)); box-sizing: border-box;
  display: flex; flex-direction: column;
  background: var(--dash-card);

  border-radius: 24px 24px 36px 36px;
  box-shadow:
    0 0 2px rgba(180, 180, 180, .65),
    0 0 3px rgba(0, 0, 0, .09),
    0 12px 16px rgba(0, 0, 0, .01),
    0 22px 28px rgba(0, 0, 0, .04);
}
.dash-feedback[hidden] { display: none; }
.dash-feedback-head {
  display: flex; align-items: center; gap: 12px;
  padding: 16px 16px 0 20px;
}
.dash-feedback-title { flex: 1; font-size: 15px; line-height: 24px; color: var(--dash-title); }
.dash-feedback-x {

  width: 40px; height: 40px; flex: none;
  display: grid; place-items: center;
  border: 0; border-radius: 26px;
  background: var(--dash-fill); color: var(--dash-text);
  cursor: pointer; transition: background-color .12s ease;
}
.dash-feedback-x:hover { background: var(--dash-fill-hover); color: var(--dash-text-hover); }
.dash-feedback-x svg { width: 15px; height: 15px; }
.dash-feedback-body { padding: 12px 20px 0; }
.dash-feedback-copy { margin: 0 0 12px; font-size: 15px; line-height: 22px; color: var(--dash-text-2); }
.dash-feedback-input {

  width: 100%; box-sizing: border-box; min-height: 104px; resize: none;
  padding: 12px 16px; border: 1px solid var(--dash-border); border-radius: 7px;
  background: var(--dash-card); color: var(--dash-text);
  font-family: inherit; font-size: 16px; line-height: 1.35;
  transition: box-shadow .2s, border-color .2s;
}
.dash-feedback-input:focus { outline: none; border-color: var(--dash-border); }
.dash-feedback-note { margin: 8px 0 0; font-size: 14px; line-height: 18px; color: var(--dash-text-3); }
.dash-feedback-note-bad { color: var(--dash-out); }
.dash-feedback-note[hidden] { display: none; }
.dash-feedback-foot {
  display: flex; justify-content: flex-end; gap: 8px;
  padding: 16px 20px 20px;
}

.dash-proj-act-danger { background: var(--dash-error-bg); color: var(--dash-out); }
.dash-proj-act-danger:hover {
  background: var(--dash-error-bg); color: var(--dash-out);
  box-shadow: inset 0 0 0 999px var(--dash-error-bg);
}

.dash-set-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 12px; }
.dash-set-warn {
  margin: 8px 0 0; padding: 8px 10px; border-radius: 7px;
  background: var(--dash-warn-bg); color: var(--dash-warn);
  font-size: 14px; line-height: 18px;
}
.dash-set-warn[hidden] { display: none; }

.dash-proj-act-pri { background: var(--dash-primary); color: var(--dash-on-primary); }
.dash-proj-act-pri:hover { background: var(--dash-primary-hover); color: var(--dash-on-primary); }

.dash-proj-act-pri:disabled { opacity: .55; cursor: not-allowed; }

.dash-proj-act:not(.dash-proj-act-pri):disabled { background: var(--dash-fill); color: var(--dash-text-3); cursor: not-allowed; }

.dash-set-split {
  display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 32px;
  align-items: start;
}
.dash-set-row {
  display: grid; grid-template-columns: 148px minmax(0, 1fr); gap: 20px;
  padding: 24px 0; border-top: 1px solid var(--dash-border);
}
.dash-set-row:first-child { border-top: 0; padding-top: 0; }
.dash-set-legend { font-size: 14px; line-height: 20px; color: var(--dash-text-2); }
.dash-set-label { font-size: 15px; line-height: 20px; color: var(--dash-text-2); margin-bottom: 4px; }
.dash-set-help { margin: 0 0 10px; font-size: 12px; line-height: 16px; color: var(--dash-text-3); }
.dash-set-control {
  display: flex; align-items: center; gap: 8px;
  min-height: 40px; box-sizing: border-box; padding: 7px 12px;
  border: 1px solid var(--dash-border-strong); border-radius: 7px;
  background: var(--dash-seg-bg);
}
.dash-set-value { flex: 1; min-width: 0; font-size: 15px; line-height: 24px; color: var(--dash-text); word-break: break-all; }
.dash-set-iconbtn {
  margin-left: auto; width: 24px; height: 24px; flex: none;
  display: grid; place-items: center;
  border: 0; border-radius: 6px; background: none; color: var(--dash-text-3);
  cursor: pointer; transition: color .12s ease, background-color .12s ease;
}
.dash-set-iconbtn:hover { background: var(--dash-fill); color: var(--dash-text-hover); }
.dash-set-iconbtn svg { width: 15px; height: 15px; }

.dash-set-code {
  position: relative; display: inline-flex; align-items: center; gap: 8px;
  font-family: inherit; text-align: left;
  min-height: 40px; box-sizing: border-box; padding: 7px 12px;
  border: 1px solid var(--dash-border-strong); border-radius: 7px;
  background: var(--dash-seg-bg); color: var(--dash-text);
  font-size: 15px; line-height: 24px; cursor: pointer;
  transition: background-color .12s ease;
}
.dash-set-code:hover { background: var(--dash-fill); }
.dash-set-code-ic { width: 15px; height: 15px; flex: none; color: var(--dash-text-3); }

.dash-set-code .code-dropdown {
  position: absolute; bottom: 100%; left: 50%;
  margin-bottom: 10px; z-index: 9999;
  max-width: 270px; word-break: break-all; white-space: pre-wrap;
}

.dash-set-preview {
  box-sizing: border-box; padding: 16px;
  border-radius: 7px; background: var(--dash-seg-bg);
  border: 1px solid var(--dash-border);
}
.dash-set-preview-frame {
  overflow: hidden; border-radius: 7px; background: var(--dash-card);
  aspect-ratio: 16 / 10;
}
.dash-set-preview-frame a { display: block; width: 100%; height: 100%; }
.dash-set-preview-frame img { width: 100%; height: 100%; object-fit: cover; display: block; }
.dash-set-sum { margin: 16px 0 0; display: flex; flex-direction: column; gap: 8px; }
.dash-set-sum-row { display: flex; align-items: baseline; gap: 12px; }
.dash-set-sum dt { font-size: 15px; line-height: 20px; color: var(--dash-text-3); }
.dash-set-sum dd { margin: 0 0 0 auto; font-size: 15px; line-height: 20px; color: var(--dash-title); text-align: right; word-break: break-word; }

@media (max-width: 1020px) {
  .dash-set-split { grid-template-columns: minmax(0, 1fr); }
  .dash-set-row { grid-template-columns: minmax(0, 1fr); gap: 8px; }
}

.bd-dash .bd-proj-split {
  max-width: none; margin: 0; padding: 0;

  display: grid; grid-template-columns: 1fr 1fr;

  transition: grid-template-columns .28s cubic-bezier(.4, 0, .2, 1);
  height: 100vh; overflow: hidden;
  background: var(--dash-page);

  --proj-gutter: 72px;

  --proj-head-h: 80px;
}

@media (min-width: 1081px) {
  .bd-dash .bd-proj-split.bd-split-custom {
    grid-template-columns: minmax(0, calc(var(--split-left) * 1%)) minmax(0, 1fr);
  }
}
.bd-dash .bd-proj-split.bd-split-dragging { transition: none; cursor: col-resize; user-select: none; }

.bd-dash .bd-proj-split { position: relative; }
.bd-dash .bd-split-grab {
  position: absolute; top: 0; bottom: 0; left: calc(50% - 9px); z-index: 20; width: 18px;
  transition: left .28s cubic-bezier(.4, 0, .2, 1);
  cursor: col-resize; touch-action: none; outline: none;
  --grab-line: rgba(34, 34, 34, .08); --grab-knob: #e6e6e6; --grab-dots: #3a3a3a;
}
.bd-dash .bd-split-grab::before {
  content: ''; position: absolute; top: 0; bottom: 0; left: 50%; width: 1px; margin-left: -.5px;
  background: var(--grab-line); transition: background-color .15s ease;
}
.bd-dash .bd-proj-split.bd-split-custom .bd-split-grab { left: calc(var(--split-left) * 1% - 9px); }
.bd-dash .bd-proj-split.bd-split-dragging .bd-split-grab { transition: none; }
.bd-dash .bd-split-knob {
  position: absolute; top: 50%; left: 50%; width: 32px; height: 32px; margin: -16px 0 0 -16px;
  display: flex; align-items: center; justify-content: center;
  border-radius: 50%; background: var(--grab-knob); color: var(--grab-dots);
  transition: background-color .15s ease;
}
.bd-dash .bd-split-knob svg { width: 8px; height: 13px; display: block; }
.bd-dash .bd-split-grab:hover, .bd-dash .bd-split-grab:focus-visible,
.bd-dash .bd-proj-split.bd-split-dragging .bd-split-grab {
  --grab-line: rgba(34, 34, 34, .2); --grab-knob: #d4d4d4; --grab-dots: #222222;
}

.bd-dash .bd-split-knob.bd-tip { position: absolute; }
.bd-dash .bd-split-grab:focus-visible .bd-split-knob::after,
.bd-dash .bd-split-grab:focus-visible .bd-split-knob::before {
  opacity: 1; visibility: visible; transition: opacity .12s ease, visibility 0s linear 0s;
}
.bd-dash .bd-proj-split.bd-split-dragging .bd-split-knob::after,
.bd-dash .bd-proj-split.bd-split-dragging .bd-split-knob::before { opacity: 0; visibility: hidden; }
@media (max-width: 1080px) { .bd-dash .bd-split-grab { display: none; } }

.bd-dash .bd-subtab-mobile { display: none; }
@media (prefers-reduced-motion: reduce) {
  .bd-dash .bd-proj-split { transition: none; }
}

.bd-dash .bd-proj-scroll > .bd-detail { display: contents; }

.bd-dash .bd-proj-left {
  min-width: 0; min-height: 0;
  display: flex; flex-direction: column;
  background: var(--dash-page);
}
.bd-dash .bd-proj-scroll { flex: 1 1 auto; min-height: 0; overflow-y: auto; }

.bd-dash .bd-proj-bottom {
  flex: 0 0 auto; box-sizing: border-box;
  height: 88px; padding: 24px var(--proj-gutter);
  display: flex; align-items: center; justify-content: flex-end;
  background: var(--dash-page);

  box-shadow: rgba(34, 34, 34, .02) 0 6px 12px 0,
              rgba(34, 34, 34, .05) 0 4px 8px 0,
              rgba(34, 34, 34, .09) 0 0 3px 0;
}
.bd-proj-cta {
  display: inline-flex; align-items: center; justify-content: center;
  height: 40px; box-sizing: border-box; padding: 8px 32px;
  border-radius: 26px; border: 0;
  background: var(--dash-primary); color: var(--dash-on-primary);
  font-family: inherit; font-size: 15px; font-weight: 480; line-height: 24px;
  text-decoration: none; white-space: nowrap; cursor: pointer;
  transition: background-color .12s ease;
}
.bd-proj-cta:hover { background: var(--dash-primary-hover); color: var(--dash-on-primary); }

.bd-dash .bd-proj-bottom { justify-content: flex-start; }
.bd-proj-back {
  display: inline-flex; align-items: center; gap: 8px;
  height: 40px; box-sizing: border-box; padding: 8px 20px 8px 14px;
  border: 0; border-radius: 26px;
  background: var(--dash-fill); color: var(--dash-text); text-decoration: none;
  font-family: inherit; font-size: 15px; font-weight: 480; line-height: 24px;
  white-space: nowrap; cursor: pointer;
  transition: background-color .12s ease, color .12s ease;
}
.bd-proj-back svg { width: 18px; height: 18px; flex: none; }
.bd-proj-back:hover { background: var(--dash-fill-hover); color: var(--dash-text-hover); }
.bd-proj-back:focus-visible { outline: none; box-shadow: var(--dash-focus-ring); }

.bd-dash .bd-proj-scroll > .bd-breadcrumb { padding: 32px var(--proj-gutter) 0; }

.bd-dash .bd-proj-scroll > .bd-page-head {
  padding: 40px var(--proj-gutter) 4px;
  display: flex; align-items: center; gap: 16px;

  position: sticky; top: 0; z-index: 3;
  background: var(--dash-page);
}

.bd-dash .bd-page-head .bd-status { margin-left: auto; }
.bd-dash .bd-head-avatars {
  display: flex; align-items: center; justify-content: flex-start;

  width: auto; min-width: 58px; height: 32px; flex: 0 0 auto;
  margin-top: 0; margin-right: 0; margin-bottom: 0; padding: 0;
}
.bd-dash .bd-head-avatars .overlapping-avatar {
  width: 32px; height: 32px; flex: none; position: relative;

  left: auto; top: auto; right: auto; bottom: auto;

  margin-right: 0;
  padding: 0; border: 0; box-shadow: none; background: none;
  border-radius: 50%;

}
.bd-dash .bd-head-avatars .overlapping-avatar:not(:first-child) { margin-left: -6px; }

.bd-dash .bd-head-avatars .overlapping-avatar:first-child { z-index: 2; }
.bd-dash .bd-head-avatars .overlapping-avatar:not(:first-child) { z-index: 1; }

.bd-dash .bd-head-avatars .overlapping-avatar:not(:first-child) > * {
  -webkit-mask-image: radial-gradient(circle 18px at -10px 50%, transparent 100%, #000 100%);
          mask-image: radial-gradient(circle 18px at -10px 50%, transparent 100%, #000 100%);
}
.bd-dash .bd-head-avatars .overlapping-avatar img {
  width: 32px !important; height: 32px !important;
  padding: 0 !important; border: 0 !important; box-shadow: none !important;
  margin: 0 !important; border-radius: 50% !important;
  object-fit: cover !important; object-position: center !important;
  position: static !important; top: auto !important; left: auto !important;
  transform: none !important; display: block !important;
}

.bd-dash .bd-head-avatars .overlapping-avatar .bd-avatar-slot {
  position: relative !important;
  width: 32px !important; height: 32px !important;
  padding: 0 !important; border: 0 !important; box-shadow: none !important;
  margin: 0 !important; border-radius: 50% !important;
  display: block !important; overflow: hidden !important;
}
.bd-dash .bd-head-avatars .overlapping-avatar .bd-initials {
  position: absolute !important; inset: 0 !important;
  width: auto !important; height: auto !important;
  padding: 0 !important; border: 0 !important; box-shadow: none !important;
  margin: 0 !important; border-radius: 50% !important; transform: none !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
}

.bd-dash .bd-head-avatars .bd-avatar-slot.bd-has-photo .bd-initials { display: none !important; }
.bd-dash .bd-head-avatars .bd-avatar-slot:not(.bd-has-photo) {
  background: var(--dash-fill) !important; color: var(--dash-text-2) !important;
}

.bd-dash .bd-avatar-slot:not(.bd-has-photo) img,
.bd-dash .bd-head-avatars .overlapping-avatar .bd-avatar-slot:not(.bd-has-photo) img,
.bd-dash img[src*="avatar-placeholder"] { display: none !important; }
.bd-dash .bd-visually-hidden {
  position: absolute; width: 1px; height: 1px; margin: -1px;
  padding: 0; border: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap;
}
.bd-dash .bd-proj-split .bd-detail-main { min-width: 0; }
.bd-dash .bd-proj-split .bd-page-title { font-size: 28px; font-weight: 380; line-height: 36px; color: var(--dash-title); }

.bd-dash .bd-proj-split .bd-page-head .bd-page-title {
  flex: 1 1 auto; min-width: 0;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.bd-dash .bd-proj-split .bd-page-head .bd-status { flex: none; }

.bd-dash .bd-proj-split .bd-proj-chat {
  position: relative; min-width: 0; min-height: 0;
  box-sizing: border-box; padding: 40px 54px;

  background: var(--dash-card);
  display: flex; flex-direction: column; overflow: hidden;
}

.bd-dash .bd-proj-chat #bd-panel-chat { padding-top: 16px; }

.bd-dash .bd-proj-chat #bd-panel-chat[hidden] { display: none; }

.bd-dash .bd-proj-chat #bd-panel-chat,
.bd-dash .bd-proj-chat .live-chat-container,
.bd-dash .bd-proj-chat #bridge-chat,
.bd-dash .bd-proj-chat #bridge-chat-container,
.bd-dash .bd-proj-chat .bridge-chat-body {
  flex: 1 1 auto; min-height: 0; height: auto;
  display: flex; flex-direction: column;
}
.bd-dash .bd-proj-chat #bridge-chat-messages {
  flex: 1 1 auto; min-height: 0; overflow-y: auto; overscroll-behavior: contain;
}

.bd-dash .bd-proj-chat .bridge-chat-input-container { flex: 0 0 auto; }

.bd-dash .bd-proj-chat #bridge-chat-container.bridge-chat-container,
.bd-dash .bd-proj-chat .bridge-chat-body,
.bd-dash .bd-proj-chat .bridge-chat-input-container { background: none; }

.bd-dash .bd-proj-chat .bridge-chat-container.loading { animation: none; background: none; }

.bd-dash .bd-proj-split .bd-detail-side,
.bd-dash .bd-proj-split .bd-detail-main {
  box-sizing: border-box; align-self: start;
  margin: 24px var(--proj-gutter) 0; padding: 24px 0 0;
  border: 0; border-top: 1px solid var(--dash-border); border-radius: 0;
  background: none;
}

.bd-dash .bd-proj-split .bd-detail-main {
  margin-top: 0; padding-top: 4px; padding-bottom: 96px;
}

.bd-dash .bd-chat-head {
  flex: 0 0 auto; position: relative;
  display: flex; align-items: center;
  padding: 0; margin-bottom: 0; border-bottom: 0;
}

.bd-dash .bd-chat-head .bd-proj-close {
  position: absolute; top: 50%; right: 0; transform: translateY(-50%);
}

.bd-proj-close {
  position: relative; z-index: 2; flex: none;
  width: 26px; height: 26px; display: block;
  color: var(--dash-text); text-decoration: none;
  transition: color .12s ease;
}
.bd-proj-close:hover { color: var(--dash-title); }
.bd-proj-close svg { width: 26px; height: 26px; display: block; }

@media (max-width: 1080px) {

  .bd-dash .bd-proj-split {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto auto;
    grid-template-areas: none;
    height: auto; min-height: 0; overflow: visible;
  }
  .bd-dash .bd-proj-scroll { overflow-y: visible; }
  .bd-dash .bd-proj-scroll > .bd-breadcrumb,
  .bd-dash .bd-proj-scroll > .bd-page-head { padding-left: 24px; padding-right: 24px; }
  .bd-dash .bd-proj-split .bd-detail-main { padding: 24px; }

  .bd-dash .bd-proj-split .bd-detail-side { margin: 0 24px; }
  .bd-dash .bd-proj-split .bd-proj-chat { padding: 24px; min-height: 70vh; }


  .bd-dash .bd-subtab-mobile { display: inline-flex; }
  .bd-dash .bd-proj-split[data-mobile-view="left"] .bd-proj-chat { display: none; }

  .bd-dash .bd-proj-split[data-mobile-view="chat"] .bd-proj-chat {
    min-height: calc(100vh - var(--proj-head-h, 136px));
  }
}

.bd-shell.bd-takeover { grid-template-columns: 1fr; }

.bd-takeover #website-detail-content.section { padding: 0; }
.bd-takeover #main-content,
.bd-takeover .bd-main { padding: 0; }
.bd-takeover .bd-sidebar { display: none; }
.bd-takeover #main-content { overflow-y: auto; }

.bd-dash.bd-takeover .bd-proj-split { height: calc(100vh - 48px); min-height: 0; }

@media (min-width: 1081px) {
  .bd-dash.bd-takeover .bd-topstrip { border-bottom: 1px solid var(--dash-border); }
  .bd-dash.bd-takeover .bd-nav-open {
    display: inline-flex; align-items: center; justify-content: center; flex: none;
    width: 32px; height: 32px; padding: 0; margin-right: 6px; border: 0; border-radius: 7px;
    background: none; color: var(--dash-title); cursor: pointer;
  }
  .bd-dash.bd-takeover .bd-nav-open:hover { background: var(--dash-hover); }
  .bd-dash.bd-takeover .bd-nav-open svg { width: 16px; height: 16px; }
  .bd-dash.bd-takeover .bd-sidebar.dash-side {
    display: flex;
    position: fixed; top: 0; left: 0; bottom: 0; height: 100vh; z-index: 1000;
    transform: translateX(-100%); visibility: hidden;
    transition: transform .3s ease-in-out, visibility 0s linear .3s;
  }
  .bd-nav-is-open .bd-dash.bd-takeover .bd-sidebar.dash-side {
    transform: none; visibility: visible;
    transition: transform .3s ease-in-out, visibility 0s linear 0s;
  }
  .bd-dash.bd-takeover .bd-sidebar .dash-side-brand { width: calc(100% - 56px); }
  .bd-dash.bd-takeover .dash-side-close {
    display: inline-flex; align-items: center; justify-content: center;
    position: absolute; top: 8px; right: 8px;
    width: 32px; height: 32px; padding: 0; border: 0; border-radius: 7px;
    background: var(--dash-fill); color: var(--dash-title); cursor: pointer;
  }
  .bd-dash.bd-takeover .dash-side-close:hover { background: var(--dash-fill-hover); }
  .bd-dash.bd-takeover .dash-side-close svg { width: 16px; height: 16px; }
}
@media (min-width: 1081px) and (prefers-reduced-motion: reduce) {
  .bd-dash.bd-takeover .bd-sidebar.dash-side { transition: none; }
}

.bd-dash #bridge-chat-container.bridge-chat-container {
  background: var(--dash-card);
  color: var(--dash-text);
}
.bd-dash .bridge-chat-messages,
.bd-dash .bridge-chat-message-content { color: var(--dash-text); }
.bd-dash .bridge-chat-input-container { background: var(--dash-card); }
.bd-dash .bridge-chat-input-row textarea,
.bd-dash .bridge-chat-input-row input[type="text"] {
  background: transparent; color: var(--dash-text);
}
.bd-dash .bridge-chat-input-row textarea::placeholder,
.bd-dash .bridge-chat-input-row input[type="text"]::placeholder { color: var(--dash-text-3); }

@keyframes bdChatLoadingPulse {
  0%, 100% { background-color: var(--dash-card); }
  50%      { background-color: var(--dash-page); }
}
.bd-dash .bridge-chat-container.loading { animation-name: bdChatLoadingPulse; }

.bd-dash .status-toggle { background: var(--dash-fill-hover); }
.bd-dash .status-toggle .toggle-dot { background: var(--dash-card); }

.bd-dash .overlapping-avatar { background: var(--dash-fill); border-color: var(--dash-card); }
.bd-dash .overlapping-avatar img { border-color: var(--dash-card); }

.bd-dash .bridge-chat-body { background: var(--dash-card); }
.bd-dash #bridge-chat { color: var(--dash-text); }

.bd-dash #bridge-chat-attach,
.bd-dash #bridge-chat-audio { background: var(--dash-page); color: var(--dash-text); }

.bd-dash #bridge-chat-attach,
.bd-dash #bridge-chat-audio,

.bd-dash .tasks-popup-overlay,
.bd-dash #tasks-inner.bridge-chat-tasks { background: var(--dash-card); color: var(--dash-text); }
.bd-dash .tasks-popup-header,
.bd-dash .tasks-popup-title,
.bd-dash .bridge-chat-tasks-filter,
.bd-dash .bridge-tasks-filter-btn { color: var(--dash-text); }
.bd-dash .bridge-tasks-filter-toggle { background: var(--dash-fill); }
.bd-dash .bridge-tasks-filter-slider { background: var(--dash-card); }
.bd-dash #task-detail-reply-input {
  background: var(--dash-page); color: var(--dash-text); border-color: var(--dash-border-strong);
}
.bd-dash #task-detail-reply-input::placeholder { color: var(--dash-text-3); }

.bd-dash .dropdown-wide-column.bg-parchment { background: var(--dash-floating); }
.bd-dash .dropdown-link-text .text-bold,
.bd-dash .dropdown-link-text .small-text { color: var(--dash-title); }
.bd-dash .dropdown-subtext { color: var(--dash-text-2); }

.bd-proj-mark {
  width: 32px; height: 32px; flex: none;
  display: grid; place-items: center; color: var(--dash-title);
}
.bd-proj-mark svg { width: 32px; height: auto; display: block; }

.bd-proj-brand-sep {
  width: 1px; height: 24px; flex: none; margin: 0 24px 0 16px;
  background: var(--dash-border-strong);
}
.bd-proj-brand-name { font-size: 15px; line-height: 24px; color: var(--dash-title); }

.bd-dash {
  --chat-ink: var(--dash-text);
  --chat-focus-line: var(--dash-seg-border);
  --chat-line: var(--dash-border);

  --chat-card: var(--dash-card);
  --chat-line-strong: var(--dash-border-strong);
  --chat-pill-bg: var(--dash-fill);
  --chat-accent-bg: var(--dash-chip-on);
  --chat-warn: var(--dash-warn);
  --chat-warn-bg: rgba(252, 155, 111, .16);
  --chat-ok: var(--dash-in);
  --chat-ok-bg: var(--dash-success-bg);
  --chat-quiet: var(--dash-text-3);
  --chat-faint: var(--dash-faint, #8d8d8d);
  --chat-surface: var(--dash-page);
  --chat-accent: var(--dash-primary);
  --chat-online: var(--dash-switch-on, #80cb87);
}

.bd-dash .bd-proj-chat .bridge-chat-message-text { color: var(--dash-text); }
.bd-dash .bd-proj-chat .bridge-chat-message-text a { color: var(--dash-link); }
.bd-dash .bd-proj-chat .bridge-chat-sender-name { color: var(--dash-title); }
.bd-dash .bd-proj-chat .bridge-chat-message-time { color: var(--dash-faint, #8d8d8d); }
.bd-dash .bd-proj-chat .bridge-chat-date-separator span { color: var(--dash-text-3); }

.bd-dash .bd-proj-chat .copy-message-btn,
.bd-dash .bd-proj-chat .make-task-btn {
  background: none;
  border: 0;
  padding: 0;

  width: 18px;
  height: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;

  color: var(--dash-faint, #8d8d8d);
}

.bd-dash .bd-proj-chat .copy-message-btn:hover,
.bd-dash .bd-proj-chat .make-task-btn:hover {
  color: var(--dash-text-3);
  background: var(--dash-page);
  border-radius: 50%;
  box-shadow: 0 0 0 4px var(--dash-page);
}

.bd-dash .bd-proj-chat .make-task-btn:hover { color: var(--dash-primary); }

.bd-dash .bd-proj-chat .bd-msg-slide-del { position: absolute; }

.bd-msg-actions { display: flex; align-items: center; gap: 14px; margin-left: auto; padding-left: 8px; }

.bd-dash .bd-proj-chat .bridge-chat-message:not(.is-mine) .bd-msg-actions { padding-left: 0; }

.bd-dash .bd-proj-chat .bd-preview {
  position: absolute;
  bottom: 100%;

  left: -1px;
  right: -1px;
  margin-bottom: 8px;

  padding: 0;
  z-index: 10;
  background: transparent;
  border: 0;
  opacity: 0;
  transform: translateY(8px);
  transition: opacity .18s ease, transform .22s cubic-bezier(.2, .8, .3, 1);
}
.bd-dash .bd-proj-chat .bd-preview.is-in { opacity: 1; transform: none; }

.bd-dash .bd-proj-chat .bd-preview #file-preview-content {
  display: flex;
  flex-direction: column;
  gap: 6px;
  align-items: stretch;
}

.bd-dash .bd-proj-chat .bd-preview-row {
  display: flex;
  width: 100%;
  min-height: 44px;
  align-items: center;
  gap: 8px;

  padding: 4px 7px 4px 14px;

  background: var(--dash-page);
  border-radius: 999px;
}

.bd-dash .bd-proj-chat .bd-preview-x {

  width: 35px;
  height: 35px;
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: transparent;
  color: var(--dash-faint, #8d8d8d);
  cursor: pointer;
  transition: background-color .12s ease, color .12s ease;
}

.bd-dash .bd-proj-chat .bd-preview-x:hover {
  background: transparent;
  color: var(--dash-text-3);
}

.bd-dash .bd-proj-chat #bridge-chat-header {
  background: none !important;
  padding: 0; min-height: 0; border: 0;
}
.bd-dash .bd-proj-chat #bridge-chat-header .bridge-chat-header-container { min-height: 0; }

.bd-dash .bd-proj-chat .bridge-chat-input-row .bd-tip::after { z-index: 20; }
.bd-dash .bd-proj-chat .bridge-chat-input-row .bd-tip::before { z-index: 21; }

.bd-dash .bd-proj-chat .bridge-chat-input-wrapper.bd-drop {
  border-color: var(--dash-seg-border);
  background: var(--dash-page);
}
.bd-dash .bd-proj-chat .bridge-chat-input-wrapper textarea,
.bd-dash .bd-proj-chat .bridge-chat-input-wrapper input[type="text"] {
  background: none; border: 0; padding: 0; outline: none;
  font-family: inherit; font-size: 15px; line-height: 24px; color: var(--dash-text);
}
.bd-dash .bd-proj-chat .bridge-chat-input-wrapper textarea::placeholder,
.bd-dash .bd-proj-chat .bridge-chat-input-wrapper input[type="text"]::placeholder { color: var(--dash-text-3); }

.bd-avatar-slot { position: relative; display: inline-block; line-height: 0; }
.bd-avatar-slot > img { display: block; }
.bd-initials {
  display: inline-grid; place-items: center;
  width: 100%; height: 100%; min-width: 100%; min-height: 100%;
  border-radius: 50%; box-sizing: border-box;
  background: var(--dash-fill); color: var(--dash-text-2);
  font-family: inherit; font-weight: 500; text-transform: uppercase;
  letter-spacing: .02em; line-height: 1; white-space: nowrap; user-select: none;
  overflow: hidden;
}

.bd-avatar-slot > .bd-initials { position: absolute; inset: 0; }
.bd-avatar-slot.bd-has-photo > .bd-initials { display: none; }
.bd-avatar-slot:not(.bd-has-photo) > img { visibility: hidden; }

.bd-dash .bd-proj-split .bd-subpanel .bd-section {
  background: none; border: 0; border-radius: 0;
}

.bd-dash .bd-proj-split #tasks-content.tasks-popup-overlay {
  position: static; width: auto; height: auto;
  opacity: 1; transform: none; pointer-events: auto;
  background: none; border-radius: 0; overflow: visible;
}
.bd-dash .bd-proj-split #tasks-content .tasks-popup-header,
.bd-dash .bd-proj-split #tasks-toggle,
.bd-dash .bd-proj-split #files-toggle { display: none; }
.bd-dash .bd-proj-split #files-content.dropdown-content {
  max-height: none; overflow: visible;
}

.bd-dash .bd-task-status-error {
  display: block; margin: 0 0 10px; font-size: 15px; color: var(--dash-out);
}
.bd-dash .bd-task-status-pick { display: inline-flex; align-items: center; margin-left: auto; flex: 0 0 auto; }
.bd-dash .bridge-task-item-header:has(.bd-task-status-pick) .bridge-task-item-status { display: none; }

.bd-dash .bridge-task-item-header .bd-combo { width: auto; min-width: 140px; }
.bd-dash .bridge-task-item-header .bd-combo-trigger {
  height: 28px; font-size: 15px; line-height: 24px;
}
.bd-dash .bd-task-status-select {
  height: 28px; padding: 0 8px; box-sizing: border-box;
  border: 1px solid var(--dash-border-strong); border-radius: 6px;
  background: var(--dash-card); color: var(--dash-text);
  font-family: inherit; font-size: 15px; cursor: pointer;
}

.bd-dash .bd-task-pill {
  display: inline-flex; align-items: center;
  padding: 1px 8px 0; border-radius: 3px;

  font-size: 13px; line-height: 20px; font-weight: 400;
  background: var(--dash-fill); color: var(--dash-text-2);
}
.bd-dash .bd-task-pill-in_progress { background: var(--dash-chip-on); color: var(--dash-primary); }

.bd-dash .bd-task-pill-waiting_client { background: rgba(252, 155, 111, .16); color: var(--dash-warn); }
.bd-dash .bd-task-pill-resolved { background: var(--dash-success-bg); color: var(--dash-in); }

.bd-shell.bd-solo { grid-template-columns: 1fr; }
.bd-solo .bd-sidebar { display: none; }
.bd-solo .bd-topstrip { display: none; }
.bd-solo #main-content,
.bd-solo .bd-main { padding: 0; }
.bd-solo #main-content { overflow-y: auto; }

.bd-dash .bd-create { padding-bottom: 96px; position: relative; }

.bd-dash .bd-create-brand {
  position: fixed; top: 48px; left: 48px; z-index: 3;
  display: flex; align-items: center; padding: 0;

  color: inherit; text-decoration: none;
}

.bd-dash .bd-install-lead { margin: 0 0 14px; font-size: 14px; line-height: 20px; color: var(--dash-text); }
.bd-dash .bd-install-code {
  display: flex; align-items: flex-start; gap: 10px; width: 100%;
  margin: 0; padding: 16px 18px; text-align: left;
  border: 0; border-radius: 3px;

  background: color-mix(in srgb, var(--dash-primary) 16%, transparent);
  cursor: pointer;
  transition: border-color .12s ease;
}
.bd-dash .bd-install-code:hover { background: color-mix(in srgb, var(--dash-primary) 22%, transparent); }
.bd-dash .bd-install-code code {
  flex: 1; min-width: 0;
  font-family: 'TWK Lausanne', -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 13px; line-height: 20px; color: #363c44;
  word-break: break-all; white-space: normal;
}
.bd-dash .bd-install-copied { display: inline-block; margin-top: 8px; font-size: 13px; color: var(--dash-primary); }
.bd-dash .bd-install-copied[hidden] { display: none; }
.bd-dash .bd-install-open { margin: 14px 0 0; font-size: 14px; line-height: 20px; }
.bd-dash .bd-install-open[hidden] { display: none; }

.bd-dash .bd-welcome-toggle {
  display: flex; align-items: center; gap: 10px;
  margin: 0 0 10px; cursor: pointer;
  font-size: 14px; line-height: 20px; color: var(--dash-text);
}
.bd-dash .bd-welcome-toggle:last-child { margin-bottom: 0; }
.bd-dash .bd-welcome-toggle input { width: 16px; height: 16px; margin: 0; accent-color: var(--dash-primary); cursor: pointer; }

.bd-dash .bd-create-actions .bd-btn[disabled] {
  opacity: .45;
  cursor: pointer;
}

.bd-dash .bd-create-user {
  position: fixed; top: 48px; right: 48px; z-index: 40;
}

.bd-dash .bd-create-close {
  position: fixed; top: 51px; right: calc(48px - 2.1836px); z-index: 41;
  width: 26px; height: 26px; padding: 0;
}
.bd-dash:has(.bd-create-close) .bd-create-user { right: calc(69.6328px + 16px - 10px - 2.8583px); }
.bd-create-user-btn {
  display: inline-flex; align-items: center; gap: 6px;
  height: 32px; padding: 0 10px 0 12px;
  border: 0; border-radius: 9999px; background: none; cursor: pointer;
  font-family: inherit; font-size: 15px; line-height: 24px; color: var(--dash-title);
  transition: background-color .12s ease;

  visibility: hidden;
}
.bd-create-user.is-ready .bd-create-user-btn { visibility: visible; }
.bd-create-user-btn:hover { background: var(--dash-fill); }
.bd-create-user-btn[aria-expanded="true"] { background: var(--dash-fill); }
.bd-create-user-chev { width: 14px; height: 14px; color: var(--dash-text-3); transition: transform .12s ease; }

.bd-create-user-btn[aria-expanded="true"] .bd-create-user-chev { transform: rotate(180deg); }
.bd-create-user-menu { min-width: 180px; }
.bd-create-user-menu a,
.bd-create-user-menu button {
  display: block; width: 100%; text-align: left;
  border: 0; border-radius: 6px; background: none; color: var(--dash-text);
  font-family: inherit; font-size: 15px; line-height: 24px; padding: 8px 12px;
  text-decoration: none; cursor: pointer; white-space: nowrap;
}
.bd-create-user-menu a:hover,
.bd-create-user-menu button:hover { background: var(--dash-fill); color: var(--dash-title); }

.bd-dash .bd-create .bd-page-head { max-width: 424px; margin: 0 auto; padding: 96px 0 0; }

.bd-dash .bd-create .bd-create-col .bd-page-head {

  display: block;
  padding: 0; max-width: none; margin: 0 0 40px;
}

.bd-dash .bd-create .bd-create-col .bd-page-head .bd-page-title { margin: 0 0 12px; }
.bd-dash .bd-create .bd-create-col .bd-page-head .bd-page-sub { margin: 0; }
.bd-dash .bd-create .bd-create-main { padding-top: 96px; }
.bd-dash .bd-create .bd-page-title { font-size: 28px; line-height: 36px; }

.bd-dash .bd-create-col > form { margin-bottom: 0; }
.bd-dash .bd-create-col {
  max-width: 472px;
  margin: 24px auto 0;
  padding: 24px;
  background: var(--dash-card);
  border: 1px solid var(--dash-border);
  border-radius: var(--dash-r);
}

.bd-dash .bd-create-flow { display: block; }

.bd-dash .bd-steps {

  position: fixed; left: 96px; width: 324px;

  top: 169px; z-index: 3;
}
.bd-dash .bd-steps-list {
  list-style: none; margin: 0; padding: 0;
  display: flex; flex-direction: column; gap: 8px;
  position: relative;
}

.bd-dash .bd-steps-list::before {
  content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 2px;
  background: var(--dash-border);
}
.bd-dash .bd-step-link {
  position: relative; display: flex; align-items: center;
  width: 100%; height: 32px; box-sizing: border-box;
  padding: 0 0 0 16px; border: 0; background: none;
  font-family: inherit; font-size: 15px; line-height: 24px; font-weight: 400;
  color: var(--dash-act-icon); text-align: left; cursor: pointer;
  transition: color .2s ease-out;
}

.bd-dash .bd-step-link.is-on { color: var(--dash-title); font-weight: 480; }
.bd-dash .bd-step-link::before {
  content: ''; position: absolute; left: 0; top: 0; width: 2px; height: 32px;
  background: transparent;
  transition: background-color .2s ease-out;
}
.bd-dash .bd-step-link.is-on::before { background: var(--dash-primary); }
.bd-dash .bd-step-link:not(.is-on):hover { color: var(--dash-text-2); }
.bd-dash .bd-step-link:focus-visible {
  outline: none; color: var(--dash-title);
  box-shadow: 0 0 0 3px var(--dash-focus-ring); border-radius: 4px;
}

.bd-dash .bd-step-link[aria-disabled="true"] { cursor: default; }

.bd-dash .bd-field.has-error .bd-label { color: var(--dash-error-text); }

.bd-dash .bd-create .bd-field.has-error input[type="text"],
.bd-dash .bd-create .bd-field.has-error input[type="email"],
.bd-dash .bd-create .bd-field.has-error input[type="url"],
.bd-dash .bd-create .bd-field.has-error input[type="password"],
.bd-dash .bd-create .bd-field.has-error select,
.bd-dash .bd-create .bd-field.has-error textarea,
.bd-dash .bd-field.has-error input,
.bd-dash .bd-field.has-error select,
.bd-dash .bd-field.has-error textarea { border-color: var(--dash-error-border); }
.bd-dash .bd-field-error {
  display: flex; align-items: flex-start; gap: 7px;

  margin-top: -3px;
  font-size: 14px; line-height: 18px; color: var(--dash-error-text);
}

.bd-dash .bd-field-error-icon {
  flex: none; width: 15px; height: 18px;
  display: flex; align-items: center; justify-content: flex-start;
  color: var(--dash-error-ink);
}
.bd-dash .bd-field-error-icon svg { display: block; width: 13px; height: 13px; }

@media (max-width: 1180px) {
  .bd-dash .bd-steps {
    position: static; width: auto; max-width: 424px; margin: 0 auto;
    padding-top: 72px;
  }
  .bd-dash .bd-create .bd-page-head { padding-top: 24px; }
}

.bd-dash .bd-create .user-account-form { display: block; width: 100%; }
.bd-dash .bd-create .bd-section {
  background: none; border: 0; border-radius: 0; padding: 0; margin: 0;
  width: 100%; box-sizing: border-box;
}
.bd-dash .bd-create .bd-field { margin-bottom: 20px; }
.bd-dash .bd-create .bd-label {
  display: block; margin-bottom: 6px;
  font-size: 15px; line-height: 20px; font-weight: 400; color: var(--dash-text-2);
}
.bd-dash .bd-create input[type="text"],
.bd-dash .bd-create input[type="email"],
.bd-dash .bd-create input[type="url"],
.bd-dash .bd-create input[type="password"],
.bd-dash .bd-create select,
.bd-dash .bd-create textarea {
  width: 100%; box-sizing: border-box; height: 40px; padding: 0 12px;
  border: 1px solid var(--dash-border-strong); border-radius: 7px;
  background: var(--dash-card); color: var(--dash-text);
  font-family: inherit; font-size: 15px; line-height: 22px;
  transition: border-color .12s ease, box-shadow .12s ease;
}
.bd-dash .bd-create textarea { height: auto; padding: 10px 12px; }
.bd-dash .bd-create input:focus, .bd-dash .bd-create select:focus, .bd-dash .bd-create textarea:focus {
  outline: none; border-color: var(--dash-primary);
  box-shadow: 0 0 0 3px var(--dash-focus-ring);
}

.bd-dash .bd-shot-frame {
  width: 1280px; height: 960px; border: 0;
  transform: scale(var(--bd-shot-scale, 0.29)); transform-origin: top left;
  position: absolute; top: 0; left: 0;
  pointer-events: none;
}

.bd-dash .bd-dropzone {
  position: relative; width: 100%; overflow: hidden; cursor: pointer;
  box-sizing: border-box; height: 108px;
  border: 1px solid var(--dash-fill-hover); border-radius: 7px;
  display: flex; align-items: center; justify-content: center;
  padding: 32px 0;
  transition: background-color .12s ease, border-color .12s ease, box-shadow .12s ease;
}

.bd-dash .bd-dropzone:not(.bd-has-shot) { background: rgba(34, 34, 34, .03); }
.bd-dash .bd-dropzone:not(.bd-has-shot):hover { background: rgba(34, 34, 34, .06); }
.bd-dash .bd-dropzone:focus-visible {
  outline: none; border-color: var(--dash-primary);
  box-shadow: 0 0 0 3px var(--dash-focus-ring);
}
.bd-dash .bd-dropzone.is-dragover {
  background: rgba(34, 34, 34, .08);
  border-color: var(--dash-primary);
  box-shadow: inset 0 0 0 1px var(--dash-primary);
}

.bd-dash .bd-dropzone .bd-shot-empty,
.bd-dash .bd-dropzone img { pointer-events: none; }

.bd-dash .bd-dropzone.bd-has-shot:not(.bd-dz-avatar) {
  display: block; padding: 0; border: 0; border-radius: 7px;
  background: var(--dash-fill); height: auto; aspect-ratio: 4 / 3;
}
.bd-dash .bd-dropzone.bd-has-shot:not(.bd-dz-avatar) img {
  width: 100%; height: 100%; object-fit: cover; border-radius: 7px;
}

.bd-dash .bd-dropzone.bd-dz-avatar .profile-photo-container { display: none; }
.bd-dash .bd-dropzone.bd-dz-avatar.bd-has-shot {
  display: block; height: auto; padding: 0; border: 0; cursor: default;
}
.bd-dash .bd-dropzone.bd-dz-avatar.bd-has-shot .bd-shot-empty { display: none; }
.bd-dash .bd-dropzone.bd-dz-avatar.bd-has-shot .profile-photo-container { display: block; }

.bd-dash .bd-shot-empty {
  display: flex; align-items: center; justify-content: center; gap: 16px;
  text-align: left;
}

.bd-dash .bd-shot-empty-icon { display: block; flex: none; width: 18px; color: var(--dash-text-3); }
.bd-dash .bd-shot-empty-icon svg { display: block; width: 18px; height: 24px; }
.bd-dash .bd-shot-empty-copy { display: block; }
.bd-dash .bd-shot-empty-title {
  display: block; font-size: 15px; line-height: 24px; font-weight: 400;
  color: var(--dash-title);
}

.bd-dash .bd-shot-empty-sub {
  display: block; margin-top: 0;
  font-size: 14px; line-height: 20px; font-weight: 400;
  color: var(--dash-text-3);
}

.bd-dash .bd-create-actions {
  display: flex; gap: 10px; justify-content: flex-start;

  margin-top: 32px;
}

.bd-dash .bd-btn[hidden] { display: none; }
.bd-dash .bd-create-actions .bd-btn {
  height: 40px; padding: 0 22px; border-radius: 26px;
  font-size: 15px; line-height: 20px; border: 0; cursor: pointer;
  background: var(--dash-fill); color: var(--dash-text);
  transition: background-color .12s ease;

  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
}

.bd-dash .bd-create-actions .bd-btn .bd-btn-arrow {
  width: 13px; height: 13px; flex: none; display: block;
}
.bd-dash .bd-create-actions .bd-btn:hover { background: var(--dash-fill-hover); }
.bd-dash .bd-create-actions .bd-btn.bd-pri { background: var(--dash-primary); color: #fff; }
.bd-dash .bd-create-actions .bd-btn.bd-pri:hover { background: var(--dash-primary-hover); }

.bd-dash .bd-file-row {

  display: flex; align-items: center; gap: 12px;
  padding: 11px 12px; margin-bottom: 8px;
  border: 1px solid var(--dash-border-strong); border-radius: 7px;
  background: none; position: relative;
  transition: border-color .12s ease, background-color .12s ease;
}
.bd-dash .bd-file-row:hover { border-color: var(--dash-border-strong); background: var(--dash-hover); }

.bd-dash .bd-file-glyph {
  flex: none; height: 13px; display: flex; align-items: center; justify-content: center;
  color: var(--dash-text-2);
}
.bd-dash .bd-file-glyph svg { width: 13px; height: 13px; }
.bd-dash .bd-file-row-link .bd-file-glyph { color: var(--dash-primary); }
.bd-dash .bd-file-thumb { width: 13px; height: 13px; border-radius: 3px; object-fit: cover; display: block; }
.bd-dash .bd-file-name {
  flex: 1 1 auto; min-width: 0;
  font-size: 15px; line-height: 20px; color: var(--dash-text);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.bd-dash .bd-file-size { flex: none; font-size: 14px; line-height: 16px; color: var(--dash-text-3); }
.bd-dash .bd-file-action {
  flex: none; height: 13px; display: flex; align-items: center; justify-content: center;
  color: var(--dash-text); text-decoration: none; transition: color .12s ease;
}
.bd-dash .bd-file-action svg { width: 13px; height: 13px; }

.bd-dash .bd-file-action::after { content: ''; position: absolute; inset: 0; border-radius: 7px; }
.bd-dash .bd-file-row:hover .bd-file-action { color: var(--dash-title); }

.bd-dash .bd-file-row .bridge-chat-files-delete-overlay { z-index: 2; }

.bd-dash .bd-file-row .bridge-chat-files-delete-overlay {
  position: absolute; top: -6px; left: -6px; width: 18px; height: 18px;
  border-radius: 50%; background: var(--dash-inverted); color: var(--dash-page);
  display: none; align-items: center; justify-content: center; cursor: pointer;
  font-size: 12px; line-height: 1;
}
.bd-dash .bd-file-row:hover .bridge-chat-files-delete-overlay { display: flex; }

.bd-dash .bd-empty {
  position: relative; display: block; padding: 0; min-height: 260px;
  border: 0; margin: 0; background: none;
}
.bd-dash .bd-proj-split #files-content.dropdown-content { padding: 0; }

.bd-dash .bd-proj-split #tasks-inner.bridge-chat-tasks,
.bd-dash .bd-proj-split .bridge-chat-tasks,
.bd-dash .bd-proj-split .bridge-chat-tasks-list { background: none; }

.bd-dash .bd-proj-split #tasks-inner.bridge-chat-tasks { padding: 0; }

.bd-dash :has(> #tasks-list:empty) > .bd-tasks-head { display: none; }
.bd-dash .bd-empty-copy {
  position: relative; z-index: 1; text-align: center;
  padding: 72px 24px;
}
.bd-dash .bd-empty-title {
  font-size: 19px; line-height: 28px; color: var(--dash-title); margin-bottom: 4px;
}
.bd-dash .bd-empty-sub { font-size: 14px; line-height: 20px; color: var(--dash-text-2); }

.bd-dash .bd-subtab-count {
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 18px; height: 18px; box-sizing: border-box; padding: 0 5px; margin-left: 6px;
  border-radius: 5px; background: var(--dash-fill); color: inherit;
  font-size: 11px; font-weight: 400; line-height: 18px; vertical-align: 1px;
}
.bd-dash .bd-subtab-count[hidden] { display: none; }

.bd-dash .bd-proj-split .bd-subtabs {
  gap: 24px; padding: 0; margin-bottom: 24px;
  box-shadow: inset 0 -1px 0 var(--dash-border);

  background: none; border-radius: 0;
}
.bd-dash .bd-proj-split .bd-subtab {
  height: 40px; box-sizing: border-box; padding: 10px 0;
  border: 0; border-radius: 0; background: none;
  font-family: inherit; font-size: 15px; font-weight: 400; line-height: 20px;
  color: var(--dash-text-3); cursor: pointer;
  transition: color .12s ease, box-shadow .12s ease;
}
.bd-dash .bd-proj-split .bd-subtab:hover {
  color: var(--dash-text); box-shadow: inset 0 -2px 0 var(--dash-seg-border);
}
.bd-dash .bd-proj-split .bd-subtab.bd-active,
.bd-dash .bd-proj-split .bd-subtab.bd-active:hover {
  color: var(--dash-text); box-shadow: inset 0 -2px 0 var(--dash-primary); cursor: default;
}
.bd-dash .bd-proj-split .bd-subtab:focus-visible { outline: none; box-shadow: var(--dash-focus-ring); }

.bd-dash .bd-proj-split .bd-subtabs {
  align-items: center; flex-wrap: nowrap;


  position: sticky; top: var(--proj-head-h); z-index: 2;
  background: var(--dash-page); padding-top: 8px;
}

.bd-dash .bd-proj-split .bd-subtabs .bd-proj-open-icon {
  margin-left: auto; flex: 0 0 auto;
  display: inline-flex; align-items: center; justify-content: center;
  width: 16px; height: 16px; box-sizing: border-box; padding: 0;
  border: 0; border-radius: 50%;
  background: none; color: var(--dash-text-3); text-decoration: none;
  transition: color .12s ease;
}
.bd-dash .bd-proj-split .bd-subtabs .bd-proj-open-icon svg { width: 16px; height: 16px; }

.bd-dash .bd-proj-split .bd-subtabs .bd-proj-open-icon svg { margin-right: -4px; }
.bd-dash .bd-proj-split .bd-subtabs .bd-proj-open-icon:hover { color: var(--dash-text); }
.bd-dash .bd-proj-split .bd-subtabs .bd-proj-open-icon:focus-visible {
  outline: none; box-shadow: var(--dash-focus-ring);
}

.bd-dash .bd-proj-row {
  display: grid; grid-template-columns: 147px minmax(0, 1fr);
  padding-top: 24px; margin-top: 24px;
  position: relative;

  border-top: 1px solid transparent;
}
.bd-dash .bd-proj-row::before {
  content: ''; position: absolute; top: -1px; left: 0; right: 0; height: 1px;
  background: var(--dash-border);
  transition: right .35s ease;
}

.bd-dash .bd-proj-split.bd-panel-open .bd-proj-scroll .bd-proj-row::before { right: 328px; }

.bd-dash .bd-proj-row:first-child { margin-top: 0; }
.bd-dash .bd-proj-row-label { font-size: 15px; line-height: 20px; color: var(--dash-text-2); }
.bd-dash .bd-proj-row-body { display: flex; flex-direction: column; gap: 16px; min-width: 0; }

.bd-dash .bd-proj-split .bd-detail-main { border-top: 0; }

.bd-dash .bd-detail-side .bd-profile {
  display: grid; grid-template-columns: auto minmax(0, 1fr);
  align-items: center; column-gap: 12px; text-align: left;
}

.bd-dash .bd-detail-side .overlapping-avatars {
  grid-row: 1 / span 2;
  display: flex !important; align-items: center;


  width: 56px !important; min-width: 56px !important; max-width: none !important;
  height: 32px !important; flex: 0 0 auto !important;
  margin: 0 !important; padding: 0 !important;
  justify-content: flex-start !important;
}

.bd-dash .bd-detail-side .overlapping-avatar {
  width: 32px; height: 32px; flex: none;
  padding: 0; border: 0; box-shadow: none; background: none;
  border-radius: 50%; overflow: hidden; position: relative;
}
.bd-dash .bd-detail-side .overlapping-avatar img,
.bd-dash .bd-detail-side .overlapping-avatar img[src*="avatar-placeholder"] {
  width: 32px !important; height: 32px !important;
  padding: 0 !important; border: 0 !important; box-shadow: none !important;
  margin: 0 !important; border-radius: 50% !important;
  object-fit: cover !important; object-position: center !important;
  position: static !important; top: auto !important; left: auto !important;
  transform: none !important; display: block !important;
}
.bd-dash .bd-detail-side .overlapping-avatar .bd-avatar-slot,
.bd-dash .bd-detail-side .overlapping-avatar .bd-initials {
  border: 0; box-shadow: none; padding: 0;
}

.bd-dash .bd-detail-side .overlapping-avatars { position: relative; }
.bd-dash .bd-detail-side .overlapping-avatars .overlapping-avatar {
  position: absolute !important; top: 0 !important; margin: 0 !important;
}
.bd-dash .bd-detail-side .overlapping-avatars .overlapping-avatar:nth-child(1) { left: 0 !important; z-index: 1; }
.bd-dash .bd-detail-side .overlapping-avatars .overlapping-avatar:nth-child(2) { left: 24px !important; z-index: 2; }
.bd-dash .bd-detail-side .bd-profile-name {
  grid-column: 2; margin: 0; text-align: left;
  font-size: 15px; font-weight: 400; line-height: 20px; letter-spacing: normal; color: var(--dash-title);
}
.bd-dash .bd-detail-side .bd-profile-sub {
  grid-column: 2; text-align: left; max-width: none;
  font-size: 14px; line-height: 18px; color: var(--dash-text-3);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}

.bd-dash .bd-tip,
.bd-dash .bd-copied { position: relative; }

.bd-dash .bd-tip::after,
.bd-dash .bd-copied::after {

  position: absolute; bottom: calc(100% + 10px); left: 50%; transform: translateX(-50%);
  background: var(--dash-tip-bg); color: var(--dash-tip-ink);

  font-size: 13px; line-height: 16px; font-weight: 360;
  padding: 8px 12px; border-radius: 7px;
  width: max-content; max-width: max-content;
  box-shadow: 0 1px 4px 0 rgba(189, 189, 189, .14), 0 0 1px 0 rgba(180, 180, 180, .9),
              0 8px 12px 0 rgba(34, 34, 34, .08), 0 14px 20px 0 rgba(34, 34, 34, .02);
  z-index: 4; pointer-events: none;
  opacity: 0; visibility: hidden;
  transition: opacity .12s ease, visibility 0s linear .12s;
}
.bd-dash .bd-tip::after { content: attr(data-bd-tip); }

.bd-dash .bd-tip::before {
  content: '';
  position: absolute;

  bottom: calc(100% + 5px);
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-top-color: var(--dash-tip-bg);
  border-bottom: 0;
  z-index: 5;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  transition: opacity .12s ease, visibility 0s linear .12s;
}
.bd-dash .bd-tip:hover::before,
.bd-dash .bd-tip:focus-visible::before {
  opacity: 1;
  visibility: visible;
  transition: opacity .12s ease, visibility 0s linear 0s;
}

.bd-dash .bd-tip-below::after { bottom: auto; top: calc(100% + 10px); }
.bd-dash .bd-tip-below::before {
  bottom: auto; top: calc(100% + 5px);
  border-top: 0;
  border-bottom: 6px solid var(--dash-tip-bg);
}

.bd-dash .bd-head-avatars .overlapping-avatar::after {
  left: auto; right: 0; transform: none;
}
.bd-dash .bd-copied::after {
  content: attr(data-bd-copied);

  top: calc(100% + 10px); bottom: auto;
}
.bd-dash .bd-tip:hover::after,
.bd-dash .bd-tip:focus-visible::after,
.bd-dash .bd-copied.is-copied::after {
  opacity: 1; visibility: visible;
  transition: opacity .12s ease, visibility 0s linear 0s;
}

.bd-dash .bd-quick-actions { display: flex; flex-wrap: wrap; align-items: center; }
.bd-dash .bd-quick-actions {

  margin: 0 0 0 -12px; gap: 16px;
  flex-direction: column; align-items: stretch; justify-content: flex-start;

  max-width: 180px;
}
.bd-dash .bd-act {
  display: inline-flex; align-items: center; gap: 6px;
  height: 32px; padding: 4px 12px; margin: 0;
  border: 0; border-radius: 16px; background: transparent;
  font-family: inherit; font-size: 15px; line-height: 20px; font-weight: 360;
  color: var(--dash-text); text-align: left; white-space: nowrap; cursor: pointer;
  justify-content: flex-start;
  position: relative;
  transition: background-color .12s ease, color .12s ease;
}
.bd-dash .bd-act:hover { color: var(--dash-text-hover); }

.dash-atable { display: block; }
.dash-trow {
  display: flex; align-items: center; width: 100%;
  box-sizing: border-box; text-decoration: none;
}

.dash-trow[hidden] { display: none !important; }
.bd-dash .dash-trow {
  position: relative; height: 70px; border: 0; background: none;
  font-family: inherit; text-align: left; color: inherit; cursor: default;
}
.bd-dash .dash-trow:hover { cursor: pointer; }
.dash-tcell {
  position: relative; display: flex; align-items: center;
  min-width: 0; box-sizing: border-box;

  align-self: stretch;

  isolation: isolate;
}

.bd-dash .dash-trow:hover .dash-tcell::after,
.bd-dash .dash-trow:focus-visible .dash-tcell::after {
  content: ''; position: absolute; inset: 0; z-index: -1;
  background: var(--dash-hover);
}

.bd-dash .dash-trow.is-selected .dash-tcell::after {
  content: ''; position: absolute; inset: 0; z-index: -1;
  background: var(--dash-hover);
}
.bd-dash .dash-trow.is-selected .dash-tcell:first-child::after { border-radius: 4px 0 0 4px; }
.bd-dash .dash-trow.is-selected .dash-tcell:last-child::after { border-radius: 0 4px 4px 0; }

.bd-dash .bd-panel-open .dash-trow:hover .dash-tcell-name::after,
.bd-dash .bd-panel-open .dash-trow:focus-visible .dash-tcell-name::after,
.bd-dash .bd-panel-open .dash-trow.is-selected .dash-tcell-name::after { border-radius: 4px; }
.bd-dash .dash-trow:hover .dash-tcell:first-child::after,
.bd-dash .dash-trow:focus-visible .dash-tcell:first-child::after { border-radius: 4px 0 0 4px; }
.bd-dash .dash-trow:hover .dash-tcell:last-child::after,
.bd-dash .dash-trow:focus-visible .dash-tcell:last-child::after { border-radius: 0 4px 4px 0; }
.bd-dash .dash-trow:focus-visible { outline: none; border-radius: 4px; box-shadow: var(--dash-focus-ring); }

.dash-tcell-name { flex: 0 0 34%; padding-left: 8px; }

.bd-panel-open .dash-trow .dash-tcell-name { flex: 1 1 auto; }
.dash-tcell-val  { flex: 1 1 0; padding-right: 16px; font-size: 15px; color: var(--dash-title); overflow-wrap: break-word; }

.bd-dash .dash-trow .dash-tcell-val {
  display: block; align-self: stretch; line-height: 70px;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}

.dash-tcell-act  { flex: 0 0 auto; justify-content: flex-end; padding-right: 8px; }

.dash-tbtn svg { width: 13px; height: 13px; display: block; }
.dash-tname { display: block; min-width: 0; }

.dash-tswatch {
  display: inline-block; width: 12px; height: 12px; border-radius: 3px;
  vertical-align: -1px; margin-right: 6px;
  box-shadow: inset 0 0 0 1px var(--dash-border);
}
.dash-tk { display: block; font-size: 15px; line-height: 22px; color: var(--dash-title); }
.dash-td {
  display: block; font-size: 15px; line-height: 20px; color: var(--dash-text-3);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}

.dash-tbtn {
  flex: none; width: 32px; height: 32px; border-radius: 50%;
  display: inline-flex; align-items: center; justify-content: center;
  background: var(--dash-fill); color: var(--dash-text);
  font-size: 15px; line-height: 20px;
  transition: background-color .12s ease, color .12s ease;
}

.bd-dash .dash-tbtn:hover { background: var(--dash-fill-hover); color: var(--dash-text-hover); }

.bd-panel-open .dash-atable {


  width: calc(100% - min(360px, max(280px, 100% - 236px)) - 32px);
}

.dash-atable { width: 100%; transition: width .5s ease .1s; }

.bd-panel-open .dash-trow .dash-tcell-val,
.bd-panel-open .dash-trow .dash-tcell-act {

  flex: 0 0 0; width: 0; padding: 0; overflow: hidden;
  opacity: 0; transform: translateX(8px);
}

.dash-trow .dash-tcell-val, .dash-trow .dash-tcell-act {
  transition: opacity .5s ease .1s, transform .5s ease .1s;
}

.bd-dash .dash-trow.is-selected::after {
  content: ''; position: absolute; right: -32px; top: 0; bottom: 0; width: 32px;
  background-color: var(--dash-text);
  -webkit-mask: var(--dash-arrow-right) center / 24px 24px no-repeat;
  mask: var(--dash-arrow-right) center / 24px 24px no-repeat;

  opacity: 0; transform: translateX(-32px); pointer-events: none;
  transition: opacity .5s ease .1s, transform .5s ease .1s;
}
.bd-panel-open .dash-trow.is-selected::after { opacity: 1; transform: translateX(0); }

.dash-startmenu { position: relative; display: flex; flex: none; }
.dash-startmenu[hidden] { display: none; }

.dash-startbtn {
  display: inline-flex; align-items: center; gap: 0;
  height: 32px; box-sizing: border-box; padding: 4px 16px 4px 0;
  border: 0; border-radius: 16px;
  background: none; color: var(--dash-text);
  font: inherit; font-size: 15px; line-height: 24px; cursor: pointer;
  white-space: nowrap; text-align: left;
  transition: none;
}
.dash-startbtn:hover { background: var(--dash-fill); color: var(--dash-text-hover); }
.dash-startbtn:focus-visible { outline: none; box-shadow: var(--dash-focus-ring); }

.dash-startbtn svg {
  width: 32px; height: 13px; flex: none; stroke-width: 2.4;
}

.dash-startbtn[aria-expanded="true"] { background: var(--dash-fill); color: var(--dash-text-hover); }

@media (max-width: 767px) {
  .dash-startbtn { width: 32px; padding: 0; justify-content: center; }
  .dash-startbtn-label { display: none; }
}

.dash-startpop-sub {
  padding: 8px 10px 4px; font-size: 14px; font-weight: 500;
  color: var(--dash-text-3); letter-spacing: -.005em;
}
.dash-startpop-sub:first-child { padding-top: 4px; }

.dash-startpop {
  position: absolute; top: calc(100% + 8px); right: 0; z-index: 40;
  min-width: 260px; max-width: 320px; padding: 6px;
  border-radius: 7px; background: var(--dash-card);
  box-shadow: var(--dash-menu-shadow);

  overflow: hidden;
}
.dash-startpop[hidden] { display: none; }

.dash-startpop {
  opacity: 0; transform: translateY(-4px) scale(.98); transform-origin: top right;
  transition: opacity .12s ease, transform .12s ease;
}
.dash-startpop.is-open {
  opacity: 1; transform: none;
  transition: opacity .16s ease, transform .18s cubic-bezier(.2, .9, .3, 1.15);
}
@media (prefers-reduced-motion: reduce) {
  .dash-startpop, .dash-startpop.is-open { transition: none; transform: none; }
}

.dash-startpop-head {
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  box-sizing: border-box; min-height: 48px; padding: 12px 16px;
  margin: -6px -6px 6px; border-bottom: 1px solid var(--dash-border);
}

.dash-startpop-title {
  font-size: 17px; line-height: 24px; font-weight: 400; color: var(--dash-title);
}
.dash-startpop-foot {
  display: flex; align-items: center; justify-content: space-between; gap: 8px;
  box-sizing: border-box; padding: 10px 16px;
  margin: 6px -6px -6px; border-top: 1px solid var(--dash-border);
  font-size: 15px; line-height: 20px; color: var(--dash-link);
  text-decoration: none;
}
.dash-startpop-foot:hover { background: var(--dash-hover); color: var(--dash-link-hover); }
.dash-startpop-foot:focus-visible { outline: none; box-shadow: var(--dash-focus-ring); }
.dash-startpop-foot svg { width: 14px; height: 14px; flex: none; }
.dash-startpop-item {
  display: block; width: 100%; text-align: left;
  border: 0; border-radius: 6px; background: none; cursor: pointer;
  padding: 8px 10px; font-family: inherit;
}
.dash-startpop-item:hover { background: var(--dash-hover); }
.dash-startpop-item:focus-visible { outline: none; box-shadow: var(--dash-focus-ring); }
.dash-startpop-item:disabled { opacity: .5; cursor: default; }
.dash-startpop-k {
  display: block; font-size: 15px; line-height: 20px; color: var(--dash-title);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.dash-startpop-d { display: block; font-size: 15px; line-height: 20px; color: var(--dash-text-3); }
.dash-startpop-empty { padding: 8px 10px; font-size: 14px; color: var(--dash-text-3); }

.dash-newtask { position: fixed; top: 0; left: 0; right: auto; z-index: 60; width: 340px; max-width: calc(100vw - 32px); }
.dash-newtask-form { display: grid; gap: 12px; padding: 4px 10px 6px; }
.dash-newtask-field { display: grid; gap: 4px; }
.dash-newtask-field[hidden] { display: none; }
.dash-newtask-k { font-size: 14px; line-height: 20px; color: var(--dash-text-3); }
.dash-newtask-opt { color: var(--dash-text-3); opacity: .7; }
.dash-newtask-input {
  width: 100%; box-sizing: border-box; padding: 5px 10px;
  border: 1px solid var(--dash-border-strong); border-radius: 7px;
  background: var(--dash-seg-bg); color: var(--dash-title); outline: none;
  font-family: inherit; font-size: 15px; line-height: 20px;
}
.dash-newtask-input:focus { border-color: var(--dash-primary); box-shadow: var(--dash-focus-ring); }
select.dash-newtask-input { height: 32px; }

select.dash-newtask-input { border-color: var(--dash-border); cursor: pointer; }
select.dash-newtask-input:hover,
select.dash-newtask-input:focus {
  background-color: color-mix(in srgb, color-mix(in srgb, var(--dash-primary) 20%, #222222) 7%, var(--dash-seg-bg));
  border-color: var(--dash-border); box-shadow: none;
}
.dash-newtask-text { resize: vertical; min-height: 64px; }
.dash-newtask .dash-price-field { flex: none; width: 100%; }
.dash-newtask-note { font-size: 14px; line-height: 20px; color: var(--dash-out); }
.dash-newtask-note[hidden] { display: none; }
.dash-newtask-actions { display: flex; justify-content: flex-end; gap: 8px; }
.dash-newtask-actions .dash-act:disabled { opacity: .5; cursor: default; }

.dash-runtimer {
  display: inline-flex; align-items: center; gap: 2px; flex: none;
  height: 32px; box-sizing: border-box; padding: 0 4px 0 12px;
  border-radius: var(--dash-r-pill, 16px);
  background: var(--dash-fill); color: var(--dash-text);
  font-size: 15px; line-height: 20px; text-decoration: none;
  max-width: 220px; overflow: hidden;
}
.dash-runtimer[hidden] { display: none; }
.dash-runtimer-go {
  display: inline-flex; align-items: center; gap: 6px; min-width: 0;
  color: inherit; text-decoration: none;
}
.dash-runtimer-go:hover { color: var(--dash-text-hover); }
.dash-runtimer-go:focus-visible { outline: none; box-shadow: var(--dash-focus-ring); border-radius: 7px; }
.dash-runtimer-stop {
  flex: none; width: 24px; height: 24px; margin-left: 4px;
  display: inline-flex; align-items: center; justify-content: center;
  border: 0; border-radius: 50%; background: none; color: var(--dash-text-3);
  cursor: pointer; transition: background-color .12s ease, color .12s ease;
}
.dash-runtimer-stop:hover { background: var(--dash-fill-hover); color: var(--dash-text-hover); }
.dash-runtimer-stop:focus-visible { outline: none; box-shadow: var(--dash-focus-ring); }
.dash-runtimer-stop svg { width: 11px; height: 11px; display: block; }
.dash-runtimer-dot {
  width: 6px; height: 6px; border-radius: 50%; flex: none;
  background: var(--dash-online); animation: dash-runtimer-pulse 2s ease-in-out infinite;
}
@keyframes dash-runtimer-pulse { 0%,100% { opacity: 1 } 50% { opacity: .35 } }
@media (prefers-reduced-motion: reduce) { .dash-runtimer-dot { animation: none } }
.dash-runtimer-el { flex: none; }
.dash-runtimer-label {
  color: var(--dash-text-3); min-width: 0;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}

.dash-panel-note-bad { color: var(--dash-error-text); }

.dash-chat-tabs { flex: 1 1 auto; }

#bd-clientpage { padding: 16px 0 0; }
#bd-clientpage[hidden] { display: none; }

.dash-urlpill {
  box-sizing: border-box; min-width: 0;

  display: grid; align-items: center;
  grid-template-columns: minmax(16px, 1fr) minmax(0, auto) minmax(16px, 1fr);
  height: 28px; padding: 4px;
  background: rgba(0, 0, 0, .05); border-radius: 4px;
}
.dash-urlpill-text {
  grid-column: 2; min-width: 0;
  display: flex; align-items: center; gap: 4px;
}

.dash-urlpill-lock { grid-column: 1; grid-row: 1; justify-self: start; width: 13px; height: 13px; color: rgb(112, 112, 125); }
.dash-urlpill-reload {
  grid-column: 3; justify-self: end;
  width: 13px; height: 13px; color: rgb(112, 112, 125);
}

.dash-urlpill-copy { cursor: pointer; transition: background-color .15s ease; outline: none; }
.dash-urlpill-copy:hover, .dash-urlpill-copy:focus-visible { background: rgba(0, 0, 0, .08); }
.dash-urlpill-copyic, .dash-urlpill-done {
  grid-column: 3; grid-row: 1; justify-self: end; display: none;
  width: 13px; height: 13px; color: rgb(112, 112, 125);
}
.dash-urlpill-reload { grid-row: 1; }
.dash-urlpill-copy:hover .dash-urlpill-reload, .dash-urlpill-copy:focus-visible .dash-urlpill-reload,
.dash-urlpill-copy.is-copied .dash-urlpill-reload { display: none; }
.dash-urlpill-copy:hover .dash-urlpill-copyic, .dash-urlpill-copy:focus-visible .dash-urlpill-copyic { display: block; }
.dash-urlpill-copy.is-copied .dash-urlpill-copyic { display: none; }
.dash-urlpill-copy.is-copied .dash-urlpill-done { display: block; color: var(--dash-in, #1a7f4b); }
.dash-urlpill-url {
  min-width: 0; font-size: 14px; line-height: 20px; color: var(--dash-text-2);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;

  position: relative; top: 0;
}

.dash-cvp { display: flex; flex-direction: column; }
.dash-cvp-bar {
  flex: none; box-sizing: border-box;

  display: grid; grid-template-columns: 1fr 62% 1fr; align-items: center;
  height: 45px; padding: 8px 12px;
  background: var(--dash-page);
  border: 1px solid var(--dash-border);
  border-radius: 8px 8px 0 0;
}

.dash-cvp-lights { display: flex; align-items: center; gap: 9px; }
.dash-cvp-light { width: 8px; height: 8px; border-radius: 100%; }
.dash-cvp-light-r { background: #ee6a5f; }
.dash-cvp-light-y { background: #f5bd4f; }
.dash-cvp-light-g { background: #61c454; }

.dash-cvp-urlbar { justify-self: center; width: 51.4%; }

.dash-cvp-stage {

  --cvp-w: 1160px;
  aspect-ratio: 560 / 545; overflow: hidden;
  border: 1px solid var(--dash-border); border-top: 0;
  border-radius: 0 0 8px 8px;
  background: var(--dash-page);
  color: var(--dash-text);
}

.dash-cvp-scale {
  width: var(--cvp-w); transform: scale(var(--cvp-scale, 0.47)); transform-origin: top left;
}

.dash-cvp-frame {
  display: block; width: 100%; aspect-ratio: 560 / 545;
  border: 0; background: var(--dash-page);
}
.dash-cvp-page { padding: 0 24px 24px; display: grid; gap: 0; align-content: start; }
.dash-cvp-top { display: flex; align-items: center; gap: 8px; height: 48px; }
.dash-cvp-logo { height: 22px; width: auto; display: block; }
.dash-cvp-topend { margin-left: auto; display: flex; align-items: center; gap: 8px; }
.dash-cvp-viewer {
  font-size: 15px; line-height: 20px; color: var(--dash-text-3); min-width: 0;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.dash-cvp-themeic { width: 16px; height: 16px; flex: none; color: var(--dash-text); }
.dash-cvp-head { padding-top: 32px; }
.dash-cvp-h1 {
  margin: 0; font-size: 28px; font-weight: 380; line-height: 36px;
  color: var(--dash-title); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.dash-cvp-sub {
  display: flex; align-items: center; gap: 7px; margin-top: 4px;
  font-size: 14px; line-height: 20px; color: var(--dash-text-2);
}
.dash-cvp-dot { flex: none; width: 7px; height: 7px; border-radius: 50%; background: var(--dash-online); }
.dash-cvp-grid {
  display: grid; grid-template-columns: minmax(0, 1fr) 316px; gap: 24px; margin-top: 24px;
  align-items: start;
}
.dash-cvp-card {
  background: var(--dash-card); border: 1px solid var(--dash-border);
  border-radius: var(--dash-r);
}
.dash-cvp-threadcard { padding: 24px; min-height: 300px; }
.dash-cvp-rail { display: grid; gap: 24px; align-content: start; }
.dash-cvp-blk { padding: 20px; }
.dash-cvp-h2 {
  margin: 0 0 12px; font-size: 14px; line-height: 16px; letter-spacing: .12em;
  text-transform: uppercase; font-weight: 650; color: var(--dash-text-3);
}

.dash-cvp-thread { display: grid; gap: 16px; align-content: start; }
.dash-cvp-msg { display: flex; gap: 10px; max-width: 78%; }
.dash-cvp-msg.is-me { margin-left: auto; flex-direction: row-reverse; }
.dash-cvp-av {
  width: 30px; height: 30px; border-radius: 50%; flex: none;
  display: grid; place-items: center; font-size: 11px; font-weight: 650;
  background: var(--dash-fill); color: var(--dash-text-2);
}
.dash-cvp-bub {
  padding: 10px 14px; border-radius: 7px; font-size: 15px; line-height: 24px;
  background: var(--dash-fill); color: var(--dash-text); overflow-wrap: anywhere;
}
.dash-cvp-msg.is-me .dash-cvp-bub { background: var(--dash-primary); color: var(--dash-on-primary); }
.dash-cvp-meta { font-size: 14px; line-height: 20px; color: var(--dash-text-3); margin-top: 5px; }
.dash-cvp-msg.is-me .dash-cvp-meta { text-align: right; }
.dash-cvp-empty { font-size: 15px; line-height: 24px; color: var(--dash-text-2); margin: 0; }
.dash-cvp-v { font-size: 15px; line-height: 24px; color: var(--dash-text); }
.dash-cvp-soon { font-size: 14px; line-height: 20px; color: var(--dash-text-3); margin: 0; }

.dash-cvp-shot {
  position: relative; overflow: hidden;
  aspect-ratio: 16 / 10; border-radius: 7px;
  border: 1px solid var(--dash-border); background: var(--dash-fill);
}
.dash-cvp-shot-img { width: 100%; height: 100%; object-fit: cover; object-position: top center; display: block; }
.bd-dash .dash-cvp-shot .bd-shot-frame { height: 800px; }

.dash-cvp-cta {
  margin-top: 12px; width: 100%; box-sizing: border-box;
  display: flex; align-items: center; justify-content: center;
  height: 32px; border-radius: var(--dash-r-pill);
  background: var(--dash-primary); color: var(--dash-on-primary);
  font-size: 16px; line-height: 24px;
}

:root { --dash-radio-ease: cubic-bezier(0.35, 0, 0.5, 1); }
.dash-price-row { display: flex; align-items: center; gap: 8px; }
.dash-price-settled { font-size: 15px; line-height: 24px; color: var(--dash-title); }
.dash-price-settled[hidden] { display: none; }
.dash-price-field {
  display: inline-flex; align-items: center; gap: 2px; flex: 1 1 auto; min-width: 0;
  height: 32px; box-sizing: border-box; padding: 0 10px;
  border: 1px solid var(--dash-border-strong); border-radius: 7px;
  background: var(--dash-seg-bg); color: var(--dash-text);
}
.dash-price-field:focus-within { border-color: var(--dash-primary); box-shadow: var(--dash-focus-ring); }
.dash-price-cur { color: var(--dash-text-3); font-size: 15px; flex: none; }
.dash-price-input {
  flex: 1 1 auto; min-width: 0; border: 0; background: none; outline: none;
  font-family: inherit; font-size: 15px; line-height: 24px; color: var(--dash-title);
}
.dash-timer { display: flex; align-items: center; gap: 8px; margin-top: 8px; flex-wrap: wrap; }

.dash-timer #tk-p-timer-toggle {
  background: var(--dash-hover); border: 1px solid var(--dash-fill-hover); border-radius: 7px;
  transition: background-color .1s var(--dash-radio-ease), border-color .1s var(--dash-radio-ease);
}
.dash-timer #tk-p-timer-toggle:hover {
  background: var(--dash-fill); border-color: var(--dash-border-strong);
}

.dash-timer .dash-act, .dash-runtimer, .dash-runtimer-stop, .dash-startpop-item {
  transition: background-color .1s var(--dash-radio-ease), border-color .1s var(--dash-radio-ease),
              color .1s var(--dash-radio-ease);
}

.dash-act-quiet { background: none; color: var(--dash-text-3); }
.dash-act-danger-quiet { background: var(--dash-error-bg); color: var(--dash-out); }
.dash-act-quiet:hover { background: var(--dash-fill); color: var(--dash-text); }
.dash-timer-el { font-size: 15px; color: var(--dash-text-2); }
.dash-timer-el.is-running { color: var(--dash-title); }

.dash-endsec { margin: 24px 0 0; padding: 20px 0 0; box-shadow: inset 0 1px 0 var(--dash-border); }
.dash-endsec[hidden] { display: none; }
.dash-endsec-legend { font-size: 14px; line-height: 18px; color: var(--dash-text-3); margin-bottom: 6px; }

@media (max-width: 760px) {
  .bd-dash .dash-trow {
    display: grid; grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas: "name act" "val act";
    height: auto; padding: 12px 0; row-gap: 2px;
  }
  .bd-dash .dash-trow .dash-tcell-name { grid-area: name; }
  .bd-dash .dash-trow .dash-tcell-val {
    grid-area: val; padding-left: 8px; line-height: 22px; color: var(--dash-text-2);
  }
  .bd-dash .dash-trow .dash-tcell-act { grid-area: act; align-self: center; }

  .bd-dash .dash-trow:hover .dash-tcell::after,
  .bd-dash .dash-trow:focus-visible .dash-tcell::after,
  .bd-dash .dash-trow.is-selected .dash-tcell::after { content: none; }
  .bd-dash .dash-trow:hover,
  .bd-dash .dash-trow.is-selected { background: var(--dash-hover); border-radius: 4px; }
}
.bd-dash .bd-act:active { transform: translateY(0.5px); }

.bd-dash .bd-act svg {
  width: 10.5px; height: 10.5px; flex: none; stroke-width: 2.4;
  color: var(--dash-act-icon); transition: color .12s ease;

  transform: translateY(-1px);
}
.bd-dash .bd-act:hover svg { color: var(--dash-text-3); }

.bd-dash .bd-act.is-on { color: var(--dash-text-hover); }

.bd-dash .bd-act::before {

  content: ''; position: absolute; left: 0; right: 0; top: -8px; bottom: -8px;
  border-radius: 3px; background: transparent;
  transition: background-color .12s ease, right .35s ease;
}
.bd-dash .bd-proj-split.bd-panel-open .bd-act::before { right: 328px; }
.bd-dash .bd-act:hover::before { background: var(--dash-fill); }
.bd-dash .bd-act.is-on::before { background: var(--dash-act-on); }
.bd-dash .bd-act.is-on:hover::before { background: var(--dash-fill-hover); }

.bd-dash .bd-act > span { position: relative; z-index: 1; }
.bd-dash .bd-act svg.bd-act-caret { z-index: 1; }
.bd-dash .bd-act.is-on svg { color: var(--dash-text-2); }

.bd-dash .bd-act svg.bd-act-caret {

  position: absolute; right: 306px; top: 50%;
  transform: translateY(-50%);
  width: 20px; height: 20px; margin-left: 0;
  color: var(--dash-text-hover); visibility: hidden;
}
.bd-dash .bd-act.is-on svg.bd-act-caret { visibility: visible; }
.bd-dash .bd-act:focus-visible { outline: none; box-shadow: 0 0 0 3px var(--dash-focus-ring); }

.bd-dash .bd-quick-actions .bd-act:not(:last-child)::after {
  content: ''; position: absolute; left: 12px; right: 0; bottom: -8px;
  height: 1px; background: var(--dash-border);
  transition: right .35s ease;
}
.bd-dash .bd-proj-split.bd-panel-open .bd-quick-actions .bd-act:not(:last-child)::after {
  right: 328px;
}

.bd-dash .bd-quick-actions .bd-act::before,
.bd-dash .bd-proj-split.bd-panel-open .bd-quick-actions .bd-act::before { right: 0; }
.bd-dash .bd-quick-actions .bd-act:not(:last-child)::after,
.bd-dash .bd-proj-split.bd-panel-open .bd-quick-actions .bd-act:not(:last-child)::after { right: 0; }

.bd-dash .bd-quick-actions .bd-act svg.bd-act-caret { right: -34px; }

.bd-dash #bd-settings-layer .dash-set-control { width: max-content; max-width: 100%; }
.bd-dash #bd-settings-layer .dash-set-code { width: max-content; max-width: 100%; }

.bd-dash .bd-proj-left { position: relative; overflow: hidden; overflow: clip; }


.bd-dash .bd-set-panel {




  position: absolute; top: 178px; right: var(--proj-gutter, 24px); bottom: 104px; z-index: 3;





  width: min(360px, max(280px, calc(100% - 380px))); box-sizing: border-box; overflow-y: auto;
  padding: 32px;
  background: var(--dash-card);
  border-radius: 7px;
  box-shadow: 0 0 2px 0 rgba(180, 180, 180, .56), 0 1px 4px 0 rgba(34, 34, 34, .1);
  visibility: hidden; pointer-events: none;
  transform: translateX(calc(100% + var(--proj-gutter, 24px)));

  will-change: transform;

  opacity: 0;
  transition: opacity .4s ease .1s, transform .4s ease .1s, visibility 0s linear .5s;
}

.bd-dash .bd-set-panel.is-open {
  transform: none; visibility: visible; pointer-events: auto; opacity: 1;

  transition: opacity .4s ease .1s, transform .4s ease .1s, visibility 0s linear 0s;
}

@media (max-width: 1080px) {
  .bd-dash .bd-proj-left { overflow: visible; }

  .bd-dash .bd-set-panel {
    position: absolute; top: var(--m-panel-top, 0px); left: 0; right: 0; bottom: auto;
    min-height: calc(100% - var(--m-panel-top, 0px)); width: 100%; z-index: 1;

    padding: 4px 0 32px;
    border-radius: 0; box-shadow: none; transform: translateX(100%);
    background: var(--dash-page); overflow: visible;
  }
  .bd-dash .bd-set-panel.is-open { transform: none; }

  .bd-dash .bd-set-panel[data-m-collapsed] {
    height: 0 !important; min-height: 0 !important; padding: 0; overflow: hidden;
  }

  .bd-dash .bd-proj-split { overflow-x: clip; }
  .bd-dash .bd-proj-split.bd-panel-open .bd-proj-scroll .bd-proj-row::before,
  .bd-dash .bd-proj-split.bd-panel-open .bd-act::before,
  .bd-dash .bd-proj-split.bd-panel-open .bd-quick-actions .bd-act:not(:last-child)::after { right: 0; }
  .bd-dash .bd-act svg.bd-act-caret { right: 0; }
}

.bd-dash .bd-set-panel-head { margin-bottom: 24px; }
.bd-dash .bd-set-panel:focus { outline: none; }
.bd-dash .bd-set-panel-title {
  margin: 0; font-size: 19px; line-height: 28px; font-weight: 400;
  color: var(--dash-title);
}
.bd-dash .bd-set-panel-frame {
  border: 1px solid var(--dash-border); border-radius: 7px;
  overflow: hidden; margin-bottom: 20px; background: var(--dash-page);
}
.bd-dash .bd-set-panel-frame img { display: block; width: 100%; height: auto; }

.bd-dash .bd-set-panel-frame > a { display: block; position: relative; }
.bd-dash .bd-set-panel-frame > a.bd-has-live-preview {
  display: block !important; width: 100%;
  aspect-ratio: 4 / 3; overflow: hidden; background: var(--dash-fill);
}

.bd-dash .bd-set-panel-frame:has(> a.bd-has-live-preview) { display: block !important; }
.bd-dash .bd-set-panel-frame > a.bd-has-live-preview img { display: none !important; }

.bd-dash .bd-set-panel-frame[hidden] { display: none; }
.bd-dash .bd-set-panel-sec { margin-top: 28px; }

.bd-dash #bd-edit-layer .bd-proj-row {
  display: block; margin-top: 28px; padding-top: 0; border-top: 0;
}
.bd-dash #bd-edit-layer .bd-proj-row::before { display: none; }
.bd-dash #bd-edit-layer .bd-proj-row:first-of-type { margin-top: 0; }
.bd-dash #bd-edit-layer .bd-proj-row-label {
  font-size: 15px; line-height: 20px; color: var(--dash-text-2); margin-bottom: 12px;
}
.bd-dash #bd-edit-layer .bd-edit-bottom {
  display: flex; gap: 12px; justify-content: flex-end; align-items: center;
  margin-top: 28px; padding: 0; border: 0; background: none; position: static;
}
.bd-dash .bd-set-panel-legend {
  font-size: 14px; line-height: 20px; color: var(--dash-text-2);
  margin-bottom: 12px;
}
.bd-dash .bd-set-panel .dash-set-sum { margin: 0; }

.bd-dash .bd-widget-controls { display: flex; flex-direction: column; gap: 16px; }
.bd-dash .bd-widget-controls .chat-actions-color-label {
  font-size: 15px; line-height: 20px; color: var(--dash-text-2); margin-bottom: 20px;
}
.bd-dash .bd-widget-controls .chat-actions-color-options { display: flex; align-items: center; flex-wrap: wrap; gap: 24px; }

.bd-dash .bd-widget-controls .chat-actions-color-swatch { display: block; flex: none; }
.bd-dash .bd-widget-controls .color-option {
  display: block; box-sizing: border-box; padding: 0;
  width: 36px !important; height: 36px !important; aspect-ratio: auto;
  margin-left: 0 !important;
  border: 0 !important; border-radius: 50% !important;
  background-clip: border-box;
  --sw-ring: rgba(34, 34, 34, .1);
  box-shadow: inset 0 0 0 2px var(--sw-ring);
  cursor: pointer; transition: box-shadow .12s ease;
}
html[data-bd-theme="dark"] .bd-dash .bd-widget-controls .color-option { --sw-ring: rgba(34, 34, 43, .5); }
.bd-dash .bd-widget-controls .color-option:hover { --sw-ring: var(--dash-text-3); }
.bd-dash .bd-widget-controls .color-option.selected,
.bd-dash .bd-widget-controls .color-option:focus-visible {
  outline: none;
  box-shadow: inset 0 0 0 2px var(--sw-ring),
              0 0 0 2px var(--dash-card), 0 0 0 4px var(--dash-link);
}

.bd-dash .dash-modal {
  position: fixed; inset: 0; z-index: 2147483000;
  display: grid; place-items: center; padding: 16px;
  background: rgba(0, 0, 0, .16);
  -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px);
}
.bd-dash .dash-modal[hidden] { display: none; }
.bd-dash .dash-modal-card {
  width: 448px; max-width: 100%; box-sizing: border-box;
  padding: 40px; border-radius: 7px;
  background: var(--dash-page); color: var(--dash-text);
  max-height: calc(100vh - 32px); overflow-y: auto;
}
.bd-dash .dash-modal-title {
  margin: 0 0 16px; font-size: 19px; line-height: 28px; font-weight: 400;
  color: var(--dash-title);
}

.bd-dash .dash-modal-field { display: flex; flex-direction: column; gap: 9px; }
.bd-dash .dash-modal-field + .dash-modal-field { margin-top: 16px; }
.bd-dash .dash-modal-label {
  display: block; margin: 0;
  font-size: 12px; line-height: 16px; color: #222222;
}
.bd-dash .dash-modal-input {
  display: block; width: 100%; height: auto; box-sizing: border-box;
  padding: 12px 16px; border-radius: 7px;
  border: 1px solid rgba(34, 34, 34, .1);
  background: #ffffff; color: #222222;
  font-family: inherit; font-size: 16px; line-height: 1.35em; outline: none;
  transition: box-shadow .2s, border-color .2s;
}
.bd-dash .dash-modal-input::placeholder { color: rgba(34, 34, 34, .7); }
.bd-dash .dash-modal-input:focus { border-color: rgba(34, 34, 34, .2); box-shadow: 0 2px 6px rgba(0, 0, 0, .07); }
.bd-dash .dash-modal-note {
  margin: 12px 0 0; font-size: 14px; line-height: 20px; color: var(--dash-out);
}
.bd-dash .dash-modal-note[hidden] { display: none; }
.bd-dash .dash-modal-actions {
  display: flex; justify-content: flex-end; gap: 12px; margin-top: 36px;
}
.bd-dash .dash-modal-btn {
  height: 40px; box-sizing: border-box; padding: 8px 32px;
  border: 0; border-radius: 9999px;
  background: var(--dash-fill); color: var(--dash-text);
  font-family: inherit; font-size: 15px; line-height: 24px; font-weight: 480;
  cursor: pointer; white-space: nowrap;
  transition: background-color .12s ease, color .12s ease;
}
.bd-dash .dash-modal-btn:hover { background: var(--dash-fill-hover); color: var(--dash-text-hover); }
.bd-dash .dash-modal-btn:focus-visible { outline: none; box-shadow: var(--dash-focus-ring); }
.bd-dash .dash-modal-btn-pri { background: var(--dash-primary); color: var(--dash-on-primary); }
.bd-dash .dash-modal-btn-pri:hover { background: var(--dash-primary-hover); color: var(--dash-on-primary); }
.bd-dash .dash-modal-btn[disabled] { opacity: .55; cursor: default; }

.bd-dash .bd-detail-side .bd-kv {
  display: flex; align-items: center; justify-content: space-between; gap: 16px;
  padding: 6px 0; font-size: 15px; line-height: 20px; color: var(--dash-text);
}
.bd-dash .bd-detail-side .bd-kv .bd-muted { color: var(--dash-text-3); }

.bd-edit-layer {
  position: fixed; inset: 0; z-index: 200;
  display: grid; grid-template-columns: 1fr 1fr;
  background: var(--dash-page);
  opacity: 0; transition: opacity .2s ease;
}
.bd-edit-layer[hidden] { display: none; }
.bd-edit-layer.is-open { opacity: 1; }

.bd-edit-left {
  min-width: 0; min-height: 0; display: flex; flex-direction: column;
  background: var(--dash-page);

  width: 200%;
  transition: width .35s cubic-bezier(.1, .9, .2, 1), opacity .35s ease;
}
.bd-edit-layer.is-open .bd-edit-left { width: 100%; }
.bd-edit-scroll { flex: 1 1 auto; min-height: 0; overflow-y: auto; }

.bd-edit-brand {
  display: flex !important; align-items: center;
  padding: 48px 80px 0 48px !important;
}
.bd-edit-title {
  margin: 32px 0 0; padding: 0 80px;
  font-size: 28px; font-weight: 380; line-height: 36px; color: var(--dash-title);
}
.bd-edit-layer .bd-proj-row { margin-left: 80px; margin-right: 80px; }
.bd-edit-bottom { justify-content: flex-end; gap: 8px; }
.bd-edit-more { margin-right: auto; font-size: 15px; line-height: 20px; color: var(--dash-link); text-decoration: none; }

.bd-edit-more:hover { color: var(--dash-link-hover); }

.bd-edit-right {
  position: relative; min-width: 0;
  padding: 40px 54px; box-sizing: border-box;
  background: transparent;
  transition: background .45s ease;
}
.bd-edit-layer.is-open .bd-edit-right { background: var(--dash-pane); }
.bd-edit-preview { margin-top: 96px; }
.bd-edit-preview-name { font-size: 19px; line-height: 28px; color: var(--dash-title); }
.bd-edit-preview-sub { margin-top: 2px; font-size: 14px; line-height: 20px; color: var(--dash-text-3); }
.bd-edit-preview .dash-set-sum { margin-top: 24px; }

.bd-edit-field { display: flex; flex-direction: column; }

.bd-dash .bd-edit-freq { gap: 6px; }
.bd-dash .bd-edit-freq .bd-select-pick { max-width: 320px; }
.bd-edit-label {
  margin-bottom: 9px;
  font-size: 12px; line-height: 16px; color: #222222;
}

.bd-edit-input {
  box-sizing: border-box; width: 100%; margin: 0;
  padding: 12px 16px; border: 1px solid rgba(34, 34, 34, .1); border-radius: 7px;
  background: #ffffff; color: #222222;
  font-family: inherit; font-size: 16px; line-height: 1.35em;
  outline: none; transition: box-shadow .2s, border-color .2s;
}
.bd-edit-input:focus { outline: none; border-color: rgba(34, 34, 34, .2); box-shadow: 0 2px 6px rgba(0, 0, 0, .07); }
.bd-edit-input::placeholder { color: rgba(34, 34, 34, .7); }
.bd-edit-note { margin: 0; font-size: 14px; line-height: 18px; color: var(--dash-text-3); }
.bd-edit-note-bad { color: var(--dash-out); }
.bd-edit-note[hidden] { display: none; }

@media (max-width: 1080px) {
  .bd-edit-layer { grid-template-columns: minmax(0, 1fr); }
  .bd-edit-left { width: 100%; }
  .bd-edit-right { display: none; }
  .bd-edit-brand { padding: 24px 24px 0 !important; }
  .bd-edit-title { padding: 0 24px; }
  .bd-edit-layer .bd-proj-row { margin-left: 24px; margin-right: 24px; }
}

.bd-edit-hint { margin: 0 0 8px; font-size: 12px; line-height: 16px; color: var(--dash-text-3); }

.bd-edit-upload { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }

.bd-dz-inline { border-radius: var(--dash-r); transition: background .15s ease; }
.bd-dz-inline.is-dragover {
  outline: 1px dashed var(--dash-primary); outline-offset: 6px;
  background: var(--dash-emphasized);
  box-shadow: 0 0 0 6px var(--dash-emphasized);
}
.bd-edit-thumb, .bd-edit-shot {
  flex: none; background-size: cover; background-position: center;
  border: 1px solid var(--dash-border); background-color: var(--dash-seg-bg);
}
.bd-edit-thumb { width: 40px; height: 40px; border-radius: 50%; }

.bd-edit-shot { width: 100%; height: auto; aspect-ratio: 16 / 10; border-radius: 7px; }
.bd-edit-thumb.is-empty, .bd-edit-shot.is-empty { background-image: none; }
.bd-edit-choose { cursor: pointer; }

.bd-edit-remove {
  display: inline-flex; align-items: center; gap: 6px; flex: none;
  height: 32px; box-sizing: border-box; padding: 0 14px 0 12px;
  border: 0; border-radius: var(--dash-r-pill); cursor: pointer;
  background: color-mix(in srgb, var(--dash-out) 9%, transparent); color: var(--dash-out);
  font-family: inherit; font-size: 15px; line-height: 20px;
  transition: background-color .15s ease;
}
.bd-edit-remove:hover { background: color-mix(in srgb, var(--dash-out) 15%, transparent); }
.bd-edit-remove:disabled { opacity: .5; cursor: default; }
.bd-edit-remove svg { width: 14px; height: 14px; flex: none; }
.bd-edit-remove[hidden] { display: none; }

.bd-edit-passrow { display: flex; align-items: center; gap: 8px; }
.bd-edit-passrow .bd-edit-input { flex: 1; min-width: 0; }
.bd-edit-ghost {
  flex: none; height: 32px; padding: 4px 12px;
  border: 0; border-radius: var(--dash-r-pill); background: none;
  font-family: inherit; font-size: 15px; color: var(--dash-text-2); cursor: pointer;
  transition: background-color .12s ease, color .12s ease;
}
.bd-edit-ghost:hover { background: var(--dash-fill); color: var(--dash-text-hover); }

.bd-edit-switch { display: flex; align-items: center; gap: 12px; cursor: pointer; }
.bd-edit-switch input { position: absolute; opacity: 0; width: 0; height: 0; }
.bd-edit-switch-track {
  flex: none; width: 34px; height: 20px; border-radius: 10px;
  background: var(--dash-fill-hover); position: relative;
  transition: background-color .15s ease;
}
.bd-edit-switch-dot {
  position: absolute; top: 2px; left: 2px; width: 16px; height: 16px;
  border-radius: 50%; background: var(--dash-card);
  box-shadow: 0 1px 2px rgba(34, 34, 34, .2);
  transition: transform .15s ease;
}
.bd-edit-switch input:checked + .bd-edit-switch-track { background: var(--dash-primary); }
.bd-edit-switch input:checked + .bd-edit-switch-track .bd-edit-switch-dot { transform: translateX(14px); }
.bd-edit-switch input:focus-visible + .bd-edit-switch-track { box-shadow: var(--dash-focus-ring); }
.bd-edit-switch-label { font-size: 15px; line-height: 24px; color: var(--dash-text); }

.bd-dash .bd-combo { position: relative; display: block; width: 100%; }
.bd-dash .bd-combo-native {
  position: absolute; width: 1px; height: 1px; margin: -1px;
  padding: 0; border: 0; clip-path: inset(50%); overflow: hidden;
}
.bd-dash .bd-combo-trigger {
  display: inline-flex; align-items: center; gap: 6px; width: 100%;
  height: 32px; box-sizing: border-box; padding: 0 4px 0 12px;
  border: 1px solid var(--dash-border-strong); border-radius: 7px;
  background: var(--dash-hover); color: var(--dash-title);
  font-family: inherit; font-size: 15px; font-weight: 400; line-height: 20px;
  text-align: left; cursor: pointer;
  transition: background-color .12s ease, border-color .12s ease;
}

.bd-dash .bd-combo-field .bd-combo-trigger {
  height: 40px; padding: 7px 12px; font-size: 15px; line-height: 24px;
  color: var(--dash-text);
}
.bd-dash .bd-combo-trigger:hover { background: var(--dash-fill); }
.bd-dash .bd-combo-trigger:focus-visible { outline: none; box-shadow: var(--dash-focus-ring); }
.bd-dash .bd-combo-trigger[disabled] { opacity: .55; cursor: default; }
.bd-dash .bd-combo-value { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bd-dash .bd-combo-caret {
  width: 12px; height: 12px; flex: none; margin-left: auto;
  color: var(--dash-text-2); transition: transform .12s ease;

  transform-box: fill-box; transform-origin: center;
}
.bd-dash .bd-combo-field .bd-combo-caret { width: 12px; height: 12px; }

.bd-dash .bd-combo-label {
  display: block; margin-bottom: 4px;
  font-size: 15px; line-height: 20px; font-weight: 400; color: var(--dash-text-2);
  transition: color .12s ease;
}

.bd-dash .bd-combo-label.is-open { color: var(--dash-link); }
.bd-dash .bd-combo.is-open .bd-combo-trigger {
  box-shadow: 0 0 0 1px var(--dash-page), 0 0 0 3px var(--dash-link);
}
.bd-dash .bd-combo.is-open .bd-combo-caret { transform: rotate(180deg); }

.bd-dash .bd-combo.is-open:not(.bd-combo-field) .bd-combo-trigger { background: var(--dash-fill); }

.bd-dash .bd-combo-list {
  position: absolute; left: 0; min-width: 100%; top: calc(100% + 4px); z-index: 60;
  width: max-content; max-width: 320px;
  margin: 0; padding: 4px; list-style: none;
  max-height: 600px; overflow-y: auto; box-sizing: border-box;
  background: var(--dash-floating);
  border: 0; border-radius: 7px;
  box-shadow: var(--dash-menu-shadow);
}
.bd-dash .bd-combo-list[hidden] { display: none; }

.bd-dash .bd-combo-list.bd-combo-list-portal {
  position: fixed; right: auto; bottom: auto; z-index: 2147483000;
}
.bd-dash .bd-combo-list.bd-combo-list-portal.is-up { border-radius: 7px; }
.bd-dash .bd-combo-opt { margin: 0; padding: 0; }
.bd-dash .bd-combo-opt-inner {
  display: flex; align-items: center;
  height: 32px; box-sizing: border-box; padding: 4px 8px;
  border-radius: 4px; color: var(--dash-text-2);
  font-size: 15px; line-height: 24px; cursor: pointer; white-space: nowrap;
}
.bd-dash .bd-combo-opt.is-active .bd-combo-opt-inner,
.bd-dash .bd-combo-opt:hover .bd-combo-opt-inner {
  background: var(--dash-hover); color: var(--dash-text-hover);
}
.bd-dash .bd-combo-opt[aria-selected="true"] .bd-combo-opt-inner { color: var(--dash-title); }
.bd-dash .bd-combo-opt[aria-disabled="true"] .bd-combo-opt-inner { opacity: .5; cursor: default; background: none; }

.bd-dash .bd-combo-opt:first-child .bd-combo-opt-inner { border-radius: 8px 8px 4px 4px; }
.bd-dash .bd-combo-opt:last-child  .bd-combo-opt-inner { border-radius: 4px 4px 8px 8px; }
.bd-dash .bd-combo-opt:first-child:last-child .bd-combo-opt-inner { border-radius: 7px; }

.bd-dash .bd-combo-field .bd-combo-list {
  border-radius: 7px; padding: 4px; max-width: none; width: 100%;
}
.bd-dash .bd-combo-field .bd-combo-opt-inner {
  display: grid; grid-template-columns: 24px minmax(0, 1fr); align-items: center;
  height: auto; min-height: 40px; padding: 8px 12px; border-radius: 4px;
  font-size: 15px; line-height: 24px; color: var(--dash-text-hover);
}
.bd-dash .bd-combo-field .bd-combo-opt:first-child .bd-combo-opt-inner,
.bd-dash .bd-combo-field .bd-combo-opt:last-child .bd-combo-opt-inner,
.bd-dash .bd-combo-field .bd-combo-opt:first-child:last-child .bd-combo-opt-inner {
  border-radius: 4px;
}
.bd-dash .bd-combo-field .bd-combo-opt.is-active .bd-combo-opt-inner,
.bd-dash .bd-combo-field .bd-combo-opt:hover .bd-combo-opt-inner {
  background: var(--dash-hover); color: var(--dash-text-hover);
}

.bd-dash .bd-combo-field .bd-combo-opt[aria-selected="true"] .bd-combo-opt-inner {
  background: var(--dash-hover); color: var(--dash-text-hover);
}

.bd-dash .bd-combo-field .bd-combo-check {
  width: auto; height: 13px; margin-left: 2px;
  color: var(--dash-link); opacity: 0;
}
.bd-dash .bd-combo-field .bd-combo-opt[aria-selected="true"] .bd-combo-check { opacity: 1; }

.bd-dash .bd-combo-field .bd-combo-opt-sub {
  display: block; font-size: 14px; line-height: 20px; color: var(--dash-text);
}

html[data-bd-tint="green"] .bd-dash {
  --dash-chrome: color-mix(in srgb, #1eae25 5%, #ffffff);
  --dash-link: #1eae25;
  --dash-link-hover: #18921e;
  --dash-primary: #1eae25;
  --dash-primary-hover: #18921e;
  --dash-chip-on: rgba(30, 174, 37, .10);
  --dash-chip-on-hover: rgba(30, 174, 37, .16);
  --dash-emphasized: rgba(30, 174, 37, .10);
  --dash-focus-ring: 0 0 0 1px #ffffff, 0 0 0 3px rgb(158, 218, 161);
  --dash-chart: #1eae25;
  --dash-chart-grad-a: rgba(30, 174, 37, .16);
  --dash-chart-grad-b: rgba(30, 174, 37, .02);
}
html[data-bd-tint="purple"] .bd-dash {
  --dash-chrome: color-mix(in srgb, #7e55f0 5%, #ffffff);
  --dash-link: #7e55f0;
  --dash-link-hover: #6a42dc;
  --dash-primary: #7e55f0;
  --dash-primary-hover: #6a42dc;
  --dash-chip-on: rgba(126, 85, 240, .10);
  --dash-chip-on-hover: rgba(126, 85, 240, .16);
  --dash-emphasized: rgba(126, 85, 240, .10);
  --dash-focus-ring: 0 0 0 1px #ffffff, 0 0 0 3px rgb(196, 178, 248);
  --dash-chart: #7e55f0;
  --dash-chart-grad-a: rgba(126, 85, 240, .16);
  --dash-chart-grad-b: rgba(126, 85, 240, .02);
}
html[data-bd-tint="orange"] .bd-dash {
  --dash-chrome: color-mix(in srgb, #ef6219 5%, #ffffff);
  --dash-link: #ef6219;
  --dash-link-hover: #cf5212;
  --dash-primary: #ef6219;
  --dash-primary-hover: #cf5212;
  --dash-chip-on: rgba(239, 98, 25, .10);
  --dash-chip-on-hover: rgba(239, 98, 25, .16);
  --dash-emphasized: rgba(239, 98, 25, .10);
  --dash-focus-ring: 0 0 0 1px #ffffff, 0 0 0 3px rgb(249, 184, 150);
  --dash-chart: #ef6219;
  --dash-chart-grad-a: rgba(239, 98, 25, .16);
  --dash-chart-grad-b: rgba(239, 98, 25, .02);
}
html[data-bd-tint="slate"] .bd-dash {
  --dash-chrome: color-mix(in srgb, #657088 5%, #ffffff);
  --dash-link: #596378;
  --dash-link-hover: #41495b;
  --dash-primary: #657088;
  --dash-primary-hover: #596378;
  --dash-chip-on: rgba(101, 112, 136, .10);
  --dash-chip-on-hover: rgba(101, 112, 136, .16);
  --dash-emphasized: rgba(101, 112, 136, .10);
  --dash-focus-ring: 0 0 0 1px #ffffff, 0 0 0 3px rgb(172, 178, 190);
  --dash-chart: #657088;
  --dash-chart-grad-a: rgba(101, 112, 136, .16);
  --dash-chart-grad-b: rgba(101, 112, 136, .02);
}

.bd-dash .bd-topstrip,
.bd-dash:has(.dash-page-white) .bd-topstrip { background: #ffffff; }

.bd-dash .bd-set-main .bd-swatches { display: flex; align-items: center; gap: 24px; }
.bd-dash .bd-set-main .bd-sw {
  width: 36px; height: 36px; flex: none; padding: 0;
  border: 0; border-radius: 50%; cursor: pointer;
  background: var(--sw-fill);
  box-shadow: inset 0 0 0 2px var(--sw-ring);
  transition: box-shadow .12s ease;
  --sw-ring: rgba(34, 34, 34, .1);
}

html[data-bd-theme="dark"] .bd-dash .bd-set-main .bd-sw { --sw-ring: rgba(34, 34, 43, .5); }
.bd-dash .bd-set-main .bd-sw:hover { --sw-ring: var(--dash-text-3); }
.bd-dash .bd-set-main .bd-sw.bd-on,
.bd-dash .bd-set-main .bd-sw:focus-visible {
  outline: none;
  box-shadow: inset 0 0 0 2px var(--sw-ring),
              0 0 0 2px var(--dash-page), 0 0 0 4px var(--dash-link);
}

.bd-dash .bd-set-main .bd-sw-white { --sw-fill: #e6f2fd; }
.bd-dash .bd-set-main .bd-sw-purple { --sw-fill: #f0edf9; }
.bd-dash .bd-set-main .bd-sw-orange { --sw-fill: #f9eee6; }
.bd-dash .bd-set-main .bd-sw-slate { --sw-fill: #ecedef; }
.bd-dash .bd-set-main .bd-sw-green { --sw-fill: #eaf2ea; }

html :is(body .bd-dash, body.bd-dash) h1.dash-hello,
html :is(body .bd-dash, body.bd-dash) h1.dash-tasks-title,
html :is(body .bd-dash, body.bd-dash) h1.dash-proj-title,
html :is(body .bd-dash, body.bd-dash) .bd-set-head h1,
html :is(body .bd-dash, body.bd-dash) h1.bd-page-title {
  font-family: var(--dash-serif) !important;
  font-weight: 400;

  font-variation-settings: normal;
  letter-spacing: -.025em;
}

.bd-dz {
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: 8px; box-sizing: border-box;
  padding: 32px 16px; width: 100%;
  border: 1px solid var(--dash-border-strong); border-radius: var(--dash-r);
  background: var(--dash-seg-bg); color: var(--dash-text-3);
  cursor: pointer; text-align: center;
  transition: background .15s ease, border-color .15s ease;
}
.bd-dz:hover { background: var(--dash-fill); }
.bd-dz:focus-visible { outline: none; box-shadow: var(--dash-focus-ring); }

.bd-dz.is-dragover {
  border-color: var(--dash-primary);
  background: var(--dash-emphasized);
}
.bd-dz svg { width: 24px; height: 24px; flex: none; }
.bd-dz-t { font-size: 15px; line-height: 24px; color: var(--dash-title); }
.bd-dz-s { font-size: 14px; line-height: 20px; color: var(--dash-text-3); }

.bd-dz > * { pointer-events: none; }

.bd-set-dialog {
  --sd-label: rgb(83, 84, 97);
  --sd-field-rest: rgb(251, 252, 253);
  --sd-field: #ffffff;
  --sd-field-line: rgba(112, 115, 147, .16);
  --sd-field-ink: rgb(54, 54, 68);
  --sd-btn: rgba(112, 115, 147, .1);
  --sd-btn-hover: rgba(112, 115, 147, .16);
  --sd-btn-ink: rgb(54, 54, 68);
  --sd-btn-ink-hover: rgb(30, 30, 42);
  --sd-accent: var(--dash-primary);

  width: 448px; max-width: calc(100vw - 32px); box-sizing: border-box;
  margin: auto; padding: 40px; border: 0; border-radius: 12px;
  background: var(--dash-floating); color: var(--dash-title);
  box-shadow:
    0 0 2px rgba(175, 178, 206, .65),
    0 0 3px rgba(0, 0, 0, .09),
    0 12px 16px rgba(0, 0, 0, .01),
    0 22px 28px rgba(0, 0, 0, .04);
  font-variation-settings: normal;
}

.bd-set-dialog::backdrop {
  background: rgba(112, 115, 147, .22);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
}
html[data-bd-theme="dark"] .bd-set-dialog {
  --sd-label: var(--dash-text-3);
  --sd-field-rest: var(--dash-seg-bg);
  --sd-field: var(--dash-seg-bg);
  --sd-field-line: var(--dash-border-strong);
  --sd-field-ink: var(--dash-title);
  --sd-btn: var(--dash-fill);
  --sd-btn-hover: var(--dash-fill-hover);
  --sd-btn-ink: var(--dash-text);
  --sd-btn-ink-hover: var(--dash-title);
}

html[data-bd-theme="dark"] .bd-set-dialog::backdrop { background: rgba(0, 0, 0, .16); }

.bd-set-dialog-title {
  margin: 0 0 16px; font-size: 19px; line-height: 28px; font-weight: 400;
  color: var(--dash-title); letter-spacing: normal;
}
.bd-set-dialog-desc { margin: -8px 0 16px; font-size: 14px; line-height: 20px; color: var(--sd-label); }

.bd-set-dialog .bd-field { display: flex; flex-direction: column; gap: 9px; margin: 16px 0 0; }
.bd-set-dialog form > .bd-field:first-of-type,
.bd-set-dialog form > input[aria-hidden="true"] + .bd-field { margin-top: 0; }
.bd-set-dialog .bd-label {
  display: block; margin: 0;
  font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: normal;
  color: #222222;
}

html .bd-dash .bd-set-dialog .bd-input,
html .bd-dash .bd-set-dialog .bd-select {
  width: 100%; height: auto; min-height: 0; box-sizing: border-box; margin: 0;
  padding: 12px 16px;
  border: 1px solid rgba(34, 34, 34, .1); border-radius: 7px;
  background: #ffffff; color: #222222;
  font-family: inherit; font-size: 16px; line-height: 1.35em; font-weight: 400;
  box-shadow: none; outline: none;
  transition: box-shadow .2s, border-color .2s;
}
html .bd-dash .bd-set-dialog .bd-select { padding-right: 40px; }
html .bd-dash .bd-set-dialog .bd-input:focus,
html .bd-dash .bd-set-dialog .bd-select:focus {
  height: auto; margin-bottom: 0;
  border: 1px solid rgba(34, 34, 34, .2); border-radius: 7px;
  background: #ffffff;
  box-shadow: 0 2px 6px rgba(0, 0, 0, .07);
}
html .bd-dash .bd-set-dialog .bd-input::placeholder { color: rgba(34, 34, 34, .7); }

.bd-set-dialog-note { margin: 12px 0 0; font-size: 14px; line-height: 20px; color: var(--dash-out); }
.bd-set-dialog-note[hidden] { display: none; }

.bd-set-dialog-actions { display: flex; justify-content: flex-end; gap: 12px; margin-top: 24px; }
.bd-set-dialog-btn {
  display: inline-flex; align-items: center; justify-content: center;
  height: 40px; box-sizing: border-box; padding: 8px 32px;
  border: 0; border-radius: 9999px; cursor: pointer;
  font-family: inherit; font-size: 15px; line-height: 24px; font-weight: 480;
  font-variation-settings: normal;
  background: var(--sd-btn); color: var(--sd-btn-ink);
  transition: background-color .08s linear, color .08s linear, opacity .08s linear;
}
.bd-set-dialog-btn:hover { background: var(--sd-btn-hover); color: var(--sd-btn-ink-hover); }
.bd-set-dialog-btn:focus-visible { outline: none; box-shadow: var(--dash-focus-ring); }
.bd-set-dialog-btn-pri,
.bd-set-dialog-btn-pri:hover { background: var(--dash-primary); color: var(--dash-on-primary); }
.bd-set-dialog-btn-pri:not(:disabled):hover { background: var(--dash-primary-hover); }

.bd-set-dialog-btn:disabled { opacity: .4; cursor: default; }

.bd-set-dialog-photo { display: flex; justify-content: center; }
.bd-set-dialog-photo canvas, .bd-set-dialog-photo img { max-width: 100%; border-radius: 8px; }
.bd-set-dialog-tools { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 16px; }
.bd-set-dialog-tool {
  display: inline-flex; align-items: center; gap: 6px; padding: 0; border: 0; background: none;
  font-family: inherit; font-size: 14px; line-height: 20px; color: var(--dash-link, var(--dash-primary)); cursor: pointer;
}
.bd-set-dialog-tool:disabled { opacity: .5; cursor: default; }
.bd-set-dialog-tool svg { width: 14px; height: 14px; }
@media (max-width: 480px) {
  .bd-set-dialog { padding: 24px; }
  .bd-set-dialog-btn { padding: 8px 20px; }
}

.bd-dash .bd-connect-sqsp {
  width: 100%;
  gap: 8px;
  padding-top: 12px;
  padding-bottom: 12px;
}
.bd-dash .bd-connect-sqsp img {
  height: 18px;
  width: auto;
  object-fit: contain;
}
.bd-dash .bd-connect-sqsp:disabled {
  opacity: .5;
  cursor: not-allowed;
}
.bd-dash .bd-connect-or {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 14px 0 18px;
  color: var(--bd-ink-2);
  font-size: 12.5px;
}
.bd-dash .bd-connect-or::before,
.bd-dash .bd-connect-or::after {
  content: "";
  flex: 1;
  height: 1px;
  background: var(--bd-line);
}
.bd-dash .bd-connect-error {
  margin: -6px 0 16px;
  color: var(--bd-danger, #d03275);
  font-size: 13px;
  line-height: 1.4;
}

.bd-dash .bd-connect-wf {
  width: 100%;
  gap: 8px;
  margin-top: 8px;
  padding-top: 12px;
  padding-bottom: 12px;
}
.bd-dash .bd-connect-wf svg {
  width: 20px;
  height: auto;
  display: block;
}
.bd-dash .bd-connect-wf:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.bd-dash .bd-publish-note {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 0 0 16px;
  padding: 12px 14px;
  border: 1px solid var(--bd-line);
  border-radius: 8px;
  background: var(--bd-fill);
  color: var(--bd-ink);
  font-size: 13.5px;
  line-height: 1.45;
}
.bd-dash .bd-publish-note[hidden] { display: none; }
.bd-dash .bd-publish-note-icon svg { width: 16px; height: 16px; display: block; margin-top: 1px; color: var(--bd-ink-2); }
.bd-dash .bd-publish-note-copy { flex: 1; min-width: 0; }
.bd-dash .bd-publish-note-copy strong { font-weight: 500; }
.bd-dash .bd-publish-note-x {
  flex: 0 0 auto;
  padding: 2px;
  margin: -2px -2px 0 0;
  background: none;
  border: 0;
  color: var(--bd-ink-2);
  cursor: pointer;
  line-height: 0;
}
.bd-dash .bd-publish-note-x svg { width: 15px; height: 15px; display: block; }

.bd-dash .bd-platform-field { margin-bottom: 18px; }
.bd-dash .bd-platform-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
.bd-dash .bd-platform {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  padding: 14px;
  text-align: left;
  border: 1px solid var(--bd-line);
  border-radius: 8px;
  background: var(--bd-surface);
  color: var(--bd-ink);
  cursor: pointer;
  transition: border-color .12s ease, background-color .12s ease;
}
.bd-dash .bd-platform:hover { border-color: var(--bd-line-2, var(--bd-ink-3)); }
.bd-dash .bd-platform.is-on {
  border-color: var(--bd-ink);
  background: var(--bd-fill);
}
.bd-dash .bd-platform-mark { height: 16px; width: auto; display: block; margin-bottom: 2px; }

.bd-dash .bd-platform-mark-sqsp {
  padding: 3px 5px;
  border-radius: 4px;
  background: var(--bd-inverse, #222);
  box-sizing: content-box;
}
.bd-dash .bd-platform-name { font-size: 14px; font-weight: 500; }
.bd-dash .bd-platform-note { font-size: 12.5px; line-height: 1.35; color: var(--bd-ink-2); }
@media (max-width: 560px) {
  .bd-dash .bd-platform-grid { grid-template-columns: 1fr; }
}

.bd-dash .dash-trow-danger .dash-tk { color: var(--dash-error-ink, #d03275); }
.bd-dash .dash-trow-danger .dash-tbtn { color: var(--dash-error-ink, #d03275); }

.bd-set-dialog-copy {
  margin: 0 0 16px;
  font-size: 14px;
  line-height: 20px;
  color: var(--dash-text-2);
}
.bd-set-dialog-btn-danger {
  background: var(--dash-error-ink, #d03275);
  border-color: var(--dash-error-ink, #d03275);
  color: #fff;
}
.bd-set-dialog-btn-danger:disabled {
  opacity: .45;
  cursor: not-allowed;
}
#delete-website-error { color: var(--dash-error-ink, #d03275); }

[data-darkmode-ui] { display: none !important; }

html:not([data-bd-theme="dark"]) .bd-dash:has(.dash-tasks),
html:not([data-bd-theme="dark"]) .bd-dash:has(.dash-page-white) {
  --dash-card: #ffffff;
  --dash-floating: #ffffff;
}

.bd-dash .dash-tasks-tablewrap:has(.dash-row-slidable) { clip-path: inset(-100vh 24px); }
.bd-dash tr.dash-row-slidable { touch-action: pan-y; }
.bd-dash tr.dash-row-slidable > td {
  translate: var(--bd-slide, 0px) 0;
  transition: translate .22s cubic-bezier(.2, .8, .3, 1);
}
.bd-dash tr.dash-row-slidable.bd-sliding { user-select: none; }
.bd-dash tr.dash-row-slidable.bd-sliding > td,
.bd-dash tr.dash-row-slidable.bd-sliding .dash-row-bin { transition: none; }
.bd-dash tr.dash-row-slidable > td:last-child { position: relative; }
.bd-dash .dash-row-bin {
  position: absolute; right: 8px; top: 50%; margin-top: -14px;
  display: inline-flex; align-items: center; justify-content: center;
  width: 28px; height: 28px; padding: 0; border: 0; border-radius: 50%;
  background: none; color: var(--dash-text-2); cursor: pointer;
  opacity: 0; pointer-events: none;
  translate: calc(var(--bd-slide, 0px) * -1) 0;
  transition: translate .22s cubic-bezier(.2, .8, .3, 1), opacity .16s ease, background .12s ease;
}
.bd-dash tr.bd-sliding .dash-row-bin,
.bd-dash tr.bd-slid .dash-row-bin { opacity: 1; pointer-events: auto; }
.bd-dash tr.bd-slid .dash-row-bin:hover { background: var(--dash-fill); color: var(--dash-title); }

#tk-panel .dash-panel-sec { border-top: 0; padding: 8px 0; }
#tk-panel .dash-panel-row {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;
  column-gap: 16px; row-gap: 8px;
}
#tk-panel .dash-panel-row[hidden] { display: none; }
#tk-panel .dash-panel-row > .dash-panel-k { margin: 0; flex: none; }
#tk-panel .dash-panel-row > .dash-panel-k + .dash-panel-v.dash-link { align-self: baseline; }
#tk-panel .dash-panel-row:has(> .dash-panel-v.dash-link) { align-items: baseline; }
#tk-panel .dash-panel-row > .dash-panel-v {

  flex: 1 1 0; min-width: 0; text-align: right; overflow-wrap: anywhere; word-break: break-word;
  white-space: normal; display: block;
}
#tk-panel .dash-panel-row > .dash-timer,
#tk-panel .dash-panel-row > .dash-panel-note { flex: 0 0 100%; margin-top: 0; justify-content: flex-end; }
#tk-panel .dash-panel-row > .dash-panel-note { text-align: right; }
#tk-panel #tk-p-replies-sec { margin-top: 8px; }

#tk-panel .dash-panel-note[hidden] { display: none; }

#tk-panel .dash-panel-row > .dash-panel-k,
#tk-panel .dash-panel-row > .dash-panel-v,
#tk-panel .dash-panel-row .dash-panel-date,
#tk-panel .dash-panel-row .dash-price-settled { font-size: 13px; line-height: 20px; }

#tk-panel #tk-p-env { font-size: 11px; line-height: 16px; text-transform: uppercase; letter-spacing: .03em; color: var(--dash-text-2); }

.bd-dash .dash-th-sort {
  padding: 0; border: 0; background: none; cursor: pointer;
  font: inherit; color: inherit; letter-spacing: inherit;
}
.bd-dash .dash-th-sort:hover, .bd-dash .dash-th-sort.is-on { color: var(--dash-title); }
.bd-dash .dash-th-sort:focus-visible { outline: none; box-shadow: var(--dash-focus-ring); border-radius: 4px; }

#tk-panel #tk-p-shotwrap .dash-shot { width: 120px; flex: none; cursor: zoom-in; }
.bd-dash .dash-shot-modal { z-index: 2147483000; }
.bd-dash .dash-shot-modal-card {
  position: relative; width: min(1100px, calc(100vw - 64px));
  max-height: calc(100vh - 64px); overflow: auto;
}
.bd-dash .dash-shot-modal .dash-shot-large { width: 100%; }
.bd-dash .dash-shot-modal-x {
  position: absolute; top: 12px; right: 12px; z-index: 2;
  background: var(--dash-card); box-shadow: var(--dash-card-shadow);
}

.bd-dash #tasks-content .bd-tasks-head {
  display: flex; align-items: center; box-sizing: border-box;
  padding: 0 22px 10px 6px; border-bottom: 1px solid var(--dash-border);
  font-size: 13px; line-height: 20px; color: var(--dash-text-3);
}
.bd-dash #tasks-content .bd-tasks-head-task { flex: 1; min-width: 0; }
.bd-dash #tasks-content .bd-tasks-head-status { flex: 0 0 106px; margin-right: 8px; }
.bd-dash #tasks-content .bd-tasks-head-cost { flex: 0 0 78px; }

.bd-dash #tasks-content #tasks-filter { justify-content: flex-start; border-bottom: 0; padding-bottom: 0; margin-bottom: 16px; }
.bd-dash #tasks-list .bridge-task-item { padding-left: 6px; padding-right: 226px; }
.bd-dash #tasks-list .bridge-task-item + .bridge-task-item { margin-top: 0; }
.bd-dash #tasks-list .bridge-task-item:not(:last-child) { border-bottom: 1px solid var(--dash-border); }
.bd-dash #tasks-list .bridge-task-item-avatar { display: none; }
.bd-dash #tasks-list .bridge-task-item-sep { display: none; }
.bd-dash #tasks-list .bridge-task-item-comment { display: block; -webkit-line-clamp: unset; overflow: visible; }
.bd-dash #tasks-list .bridge-task-item-sender-name::before { content: 'Created by '; }
.bd-dash #tasks-list .bridge-task-item-sender-name,
.bd-dash #tasks-list .bridge-task-item-dash,
.bd-dash #tasks-list .bridge-task-item-date {
  text-transform: uppercase; font-size: 10px; line-height: 12px;
  letter-spacing: .03em; color: var(--dash-text-3);
}
.bd-dash #tasks-list .bridge-task-item-who { flex-wrap: wrap; row-gap: 2px; }
.bd-dash #tasks-list .bridge-task-item-sender-name { white-space: normal; overflow: visible; text-overflow: clip; }
.bd-dash #tasks-list .bridge-task-item-footer[hidden] { display: none; }

.bd-dash #tasks-list .bridge-task-item-status {
  position: absolute; top: 24px; transform: translateY(-50%);
  left: calc(100% - 108px - 106px);
  display: inline-flex; align-items: center; height: 22px; padding: 0 8px; margin: 0;
  border-radius: 4px; font-size: 12px; line-height: 22px; letter-spacing: .2px; white-space: nowrap;
}
.bd-dash #tasks-list .bridge-task-pill-open { background: var(--dash-chip-on); color: var(--dash-link); }
.bd-dash #tasks-list .bridge-task-pill-in_progress { background: var(--dash-warn-bg); color: var(--dash-warn); }
.bd-dash #tasks-list .bridge-task-pill-waiting_client { background: var(--dash-error-bg); color: var(--dash-out); }
.bd-dash #tasks-list .bridge-task-pill-resolved { background: var(--dash-success-bg); color: var(--dash-in); }
.bd-dash #tasks-list .bridge-task-pill-cancelled { background: var(--dash-fill); color: var(--dash-text-3); }

.bd-dash #tasks-list .bridge-task-item:has(.bd-status-pick) .bridge-task-item-status { display: none; }
.bd-dash #tasks-list .bridge-task-item .bd-status-pick {
  position: absolute; top: 24px; transform: translateY(-50%);
  left: calc(100% - 108px - 106px); margin: 0;
}
.bd-dash #tasks-list .bridge-task-item .bd-status-pick .bd-status-trigger {
  display: inline-flex; align-items: center; gap: 4px;
  height: 22px; min-height: 0; padding: 0 6px 0 8px; margin: 0;
  border: 0; border-radius: 4px; box-shadow: none;
  font-size: 12px; line-height: 22px; letter-spacing: .2px; white-space: nowrap;
}
.bd-dash #tasks-list .bridge-task-item .bd-status-pick .bd-status-caret { width: 12px; height: 12px; }
.bd-dash #tasks-list .bridge-task-item[data-task-status="open"] .bd-status-trigger { background: var(--dash-chip-on); color: var(--dash-link); }
.bd-dash #tasks-list .bridge-task-item[data-task-status="in_progress"] .bd-status-trigger { background: var(--dash-warn-bg); color: var(--dash-warn); }
.bd-dash #tasks-list .bridge-task-item[data-task-status="waiting_client"] .bd-status-trigger { background: var(--dash-error-bg); color: var(--dash-out); }
.bd-dash #tasks-list .bridge-task-item[data-task-status="resolved"] .bd-status-trigger { background: var(--dash-success-bg); color: var(--dash-in); }
.bd-dash #tasks-list .bridge-task-item[data-task-status="cancelled"] .bd-status-trigger { background: var(--dash-fill); color: var(--dash-text-3); }

.bd-dash #tasks-list .bridge-task-item-actions {
  position: absolute; top: 24px; transform: translateY(-13px);
  left: calc(100% - 22px - 78px);
}
.bd-dash #tasks-list .bridge-task-item-actions:not(:has(.bd-cost-timer, .bd-cost-time)) { transform: translateY(-50%); }
.bd-dash #tasks-list .bd-cost { display: flex; flex-direction: column; align-items: flex-start; gap: 3px; white-space: nowrap; }
.bd-dash #tasks-list .bd-cost-timer,
.bd-dash #tasks-list .bd-cost-time-static {
  display: inline-flex; align-items: center; gap: 6px;
  height: 26px; padding: 0 10px; box-sizing: border-box;
  border: 0; border-radius: 13px; background: var(--dash-fill); color: var(--dash-title);
  font-family: inherit; font-size: 12px; line-height: 16px; cursor: pointer;
  transition: background-color .12s ease, color .12s ease;
}
.bd-dash #tasks-list .bd-cost-time-static { cursor: default; }
.bd-dash #tasks-list .bd-cost-timer:hover { background: var(--dash-fill-hover); }
.bd-dash #tasks-list .bd-cost-timer.is-running { background: var(--dash-chip-on); color: var(--dash-link); }
.bd-dash #tasks-list .bd-cost-timer:disabled { opacity: .5; cursor: default; }
.bd-dash #tasks-list .bd-cost-ic { display: inline-flex; }
.bd-dash #tasks-list .bd-cost-ic svg { width: 11px; height: 11px; display: block; }
.bd-dash #tasks-list .bd-cost-amt { font-size: 11px; line-height: 13px; letter-spacing: .03em; color: var(--dash-title); }
.bd-dash #tasks-list .bd-cost-amt:empty { display: none; }

.bd-dash .bd-proj-split .bd-subtabs .bd-proj-new-icon {
  margin-left: auto; flex: 0 0 auto;
  display: inline-flex; align-items: center; justify-content: center;
  width: 24px; height: 24px; padding: 0; border: 0; border-radius: 50%;
  background: none; color: var(--dash-text-3); cursor: pointer;
}
.bd-dash .bd-proj-split .bd-subtabs .bd-proj-new-icon svg { width: 16px; height: 16px; }
.bd-dash .bd-proj-split .bd-subtabs .bd-proj-new-icon:hover { color: var(--dash-text); }
.bd-dash .bd-proj-split .bd-subtabs .bd-proj-new-icon + .bd-proj-open-icon {

  margin-left: -8px; display: inline-flex; align-items: center; justify-content: flex-end; width: 24px; height: 24px;
}

.bd-dash .bd-nav-open, .bd-dash .dash-side-close { display: none; }
@media (max-width: 1080px) {
  .bd-dash.bd-shell, .bd-shell.bd-dash { grid-template-columns: 1fr; }
  .bd-dash .bd-sidebar.dash-side {
    display: flex;
    position: fixed; top: 0; left: 0; bottom: 0; height: 100vh; z-index: 1000;
    transform: translateX(-100%); transition: transform .3s ease-in-out;
    visibility: hidden;
  }
  .bd-nav-is-open .bd-dash .bd-sidebar.dash-side { transform: none; visibility: visible; }

  .bd-dash .bd-sidebar.dash-side { transition: transform .3s ease-in-out, visibility 0s linear .3s; }
  .bd-nav-is-open .bd-dash .bd-sidebar.dash-side { transition: transform .3s ease-in-out, visibility 0s linear 0s; }
  .bd-dash .bd-sidebar .dash-side-brand { width: calc(100% - 56px); }
  .bd-dash .dash-side-close {
    display: inline-flex; align-items: center; justify-content: center;
    position: absolute; top: 8px; right: 8px;
    width: 32px; height: 32px; padding: 0; border: 0; border-radius: 7px;
    background: var(--dash-fill); color: var(--dash-title); cursor: pointer;
  }
  .bd-dash .dash-side-close:hover { background: var(--dash-fill-hover); }
  .bd-dash .dash-side-close svg { width: 16px; height: 16px; }

  .bd-dash .bd-topstrip { border-bottom: 1px solid var(--dash-border); }
  .bd-dash .bd-nav-open {
    display: inline-flex; align-items: center; justify-content: center; flex: none;
    width: 32px; height: 32px; padding: 0; margin-right: 6px; border: 0; border-radius: 7px;
    background: none; color: var(--dash-title); cursor: pointer;
  }
  .bd-dash .bd-nav-open:hover { background: var(--dash-hover); }
  .bd-dash .bd-nav-open svg { width: 16px; height: 16px; }
}
@media (max-width: 1080px) and (prefers-reduced-motion: reduce) {
  .bd-dash .bd-sidebar.dash-side { transition: none; }
}

@media (max-width: 1080px) {
  .bd-dash.bd-takeover .bd-topstrip { display: flex; }

  .bd-dash.bd-takeover .bd-proj-split { min-height: 0; height: auto; }
  .bd-dash .bd-proj-close { display: none; }

  .bd-dash .bd-proj-split { --proj-gutter: 16px; align-content: start; }

  .bd-dash .bd-proj-scroll > .bd-page-head { position: relative; z-index: 3; padding: 16px 16px 4px; }
  .bd-dash .bd-proj-split .bd-detail { padding: 0 16px 48px; }
  .bd-dash .bd-proj-split .bd-detail-main { padding: 0; }
  .bd-dash .bd-proj-split .bd-detail-side { margin: 0; }
  .bd-dash .bd-proj-split .bd-subtabs { position: sticky; top: 0; gap: 20px; margin-bottom: 16px; }
  .bd-dash .bd-proj-split .bd-proj-chat { padding: 12px 16px 16px; min-height: 0; }
  .bd-dash .bd-proj-split[data-mobile-view="chat"] .bd-proj-chat { min-height: 0; height: var(--m-chat-h, 70vh); }

  .bd-dash .bd-proj-split[data-mobile-view="chat"] .bd-detail { padding-bottom: 0; }
  .bd-dash .bd-proj-split[data-mobile-view="chat"] .bd-subtabs { margin-bottom: 0; }

  .bd-dash .bd-proj-split[data-mobile-view="chat"] .bd-proj-left,
  .bd-dash .bd-proj-split[data-mobile-view="chat"] .bd-proj-scroll { overflow: visible; }

  .bd-dash .bd-proj-split[data-mobile-view="chat"] .bd-proj-bottom { display: none; }
  .bd-dash.bd-takeover .bd-proj-bottom { display: none; }
}

@media (max-width: 640px) {
  .bd-dash #tasks-content .bd-tasks-head-status,
  .bd-dash #tasks-content .bd-tasks-head-cost,
  .cp .cp-tasks-head-status, .cp .cp-tasks-head-cost { display: none; }
  .bd-dash #tasks-list .bridge-task-item,
  .cp #tasks .bridge-task-item { padding-right: 22px; }
  .bd-dash #tasks-list .bridge-task-item-status,
  .bd-dash #tasks-list .bridge-task-item .bd-status-pick,
  .cp #tasks .bridge-task-item-status,
  .cp #tasks .bridge-task-item .bd-status-pick {
    position: static; transform: none; left: auto; top: auto; margin-left: 6px;
  }
  .bd-dash #tasks-list .bridge-task-item-actions,
  .cp #tasks .bridge-task-item-actions {
    position: static; transform: none; left: auto; top: auto; margin-top: 8px;
  }
  .bd-dash #tasks-list .bridge-task-item-actions:has(.bd-cost-timer, .bd-cost-time),
  .cp #tasks .bridge-task-item-actions:has(.is-timed) { transform: none; }

  .bd-dash #tasks-list .bridge-task-item-header { flex-wrap: wrap; }
  .bd-dash #tasks-list .bridge-task-item-actions { flex: 0 0 100%; }
  .bd-dash #tasks-list .bd-cost,
  .cp #tasks .cp-task-cost { flex-direction: row; align-items: center; gap: 8px; }
}

.bd-dash .bd-proj-left { container: projleft / inline-size; }
@container projleft (max-width: 600px) {
  .bd-dash #tasks-content .bd-tasks-head-status,
  .bd-dash #tasks-content .bd-tasks-head-cost { display: none; }
  .bd-dash #tasks-list .bridge-task-item { padding-right: 22px; }
  .bd-dash #tasks-list .bridge-task-item-status,
  .bd-dash #tasks-list .bridge-task-item .bd-status-pick {
    position: static; transform: none; left: auto; top: auto; margin-left: 6px;
  }
  .bd-dash #tasks-list .bridge-task-item-actions,
  .bd-dash #tasks-list .bridge-task-item-actions:has(.bd-cost-timer, .bd-cost-time) {
    position: static; transform: none; left: auto; top: auto; margin-top: 8px;
  }
  .bd-dash #tasks-list .bridge-task-item-header { flex-wrap: wrap; }
  .bd-dash #tasks-list .bridge-task-item-actions { flex: 0 0 100%; }
  .bd-dash #tasks-list .bd-cost { flex-direction: row; align-items: center; gap: 8px; }
}

.bd-dash .cp-newreq-billing {
  display: flex; width: 100%; height: 40px; box-sizing: border-box; padding: 0;
  border: 1px solid rgba(34, 34, 34, .1); border-radius: 8px; background: rgba(34, 34, 34, .04);
}
.bd-dash .cp-newreq-billing[hidden], .bd-dash .cp-newreq-cost[hidden], .bd-dash .cp-newreq-files[hidden] { display: none; }
.bd-dash .cp-newreq-billing button {
  flex: 1 1 0; min-width: 0; height: 38px; margin: 0; padding: 0 12px; box-sizing: border-box;
  border: 1px solid transparent; border-radius: 8px; background: none; cursor: pointer;
  font-family: inherit; font-size: 15px; line-height: 20px; font-weight: 400;
  color: rgba(34, 34, 34, .6); text-align: center; white-space: nowrap;
  transition: color .12s ease;
}
.bd-dash .cp-newreq-billing button:hover { color: #222222; }
.bd-dash .cp-newreq-billing button.is-on {
  height: 40px; margin: -1px; position: relative;
  background: #ffffff; color: #222222;

  border-color: rgba(34, 34, 34, .12); box-shadow: 0 0 20px rgba(34, 34, 34, .04);
}
.bd-dash .cp-newreq-billing button:focus-visible { outline: none; box-shadow: 0 0 0 2px rgba(0, 126, 239, .35); }
.bd-dash .cp-newreq-files { display: flex; flex-direction: column; gap: 4px; }
.bd-dash .cp-newreq-file { display: flex; align-items: center; gap: 8px; font-size: 14px; line-height: 20px; color: var(--dash-text); }
.bd-dash .cp-newreq-file span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bd-dash .cp-newreq-file button { border: 0; background: none; color: var(--dash-text-3); cursor: pointer; padding: 0 4px; font-size: 16px; line-height: 20px; }
.bd-dash .cp-newreq-file button:hover { color: var(--dash-title); }

.bd-dash .cp-field { display: flex; flex-direction: column; gap: 9px; }
.bd-dash .cp-field[hidden] { display: none; }
.bd-dash .cp-field-k { font-size: 12px; line-height: 16px; color: #222222; }
.bd-dash .cp-field-input {
  box-sizing: border-box; width: 100%; margin: 0;
  padding: 12px 16px; border: 1px solid rgba(34, 34, 34, .1); border-radius: 7px;
  background: #ffffff; color: #222222;
  font-family: inherit; font-size: 16px; line-height: 1.35em;
  outline: none; transition: box-shadow .2s, border-color .2s;
}
.bd-dash .cp-field-input:focus, .bd-dash .cp-field-input:focus-visible { border-color: rgba(34, 34, 34, .2); box-shadow: 0 2px 6px rgba(0, 0, 0, .07); }
.bd-dash .cp-field-input::placeholder { color: rgba(34, 34, 34, .7); }
.bd-dash textarea.cp-field-input { min-height: 96px; resize: vertical; }
.bd-dash .cp-field-money { position: relative; display: block; }
.bd-dash .cp-field-money > span { position: absolute; left: 16px; top: 50%; transform: translateY(-50%); font-size: 16px; color: rgba(34, 34, 34, .7); pointer-events: none; }
.bd-dash .cp-field-money .cp-field-input { padding-left: 30px; }
.bd-dash .cp-field-pick { display: flex; align-items: center; justify-content: space-between; gap: 8px; text-align: left; cursor: pointer; color: rgba(34, 34, 34, .7); }
.bd-dash .cp-field-pick.is-set { color: #222222; }
.bd-dash .cp-field-pick svg { width: 16px; height: 16px; flex: none; color: rgba(34, 34, 34, .5); }

#bd-taskmodal .dash-panel-sec { border-top: 0; padding: 8px 0; }
#bd-taskmodal .dash-panel-row {
  display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;
  column-gap: 16px; row-gap: 8px;
}
#bd-taskmodal .dash-panel-row > .dash-panel-k { margin: 0; flex: none; }
#bd-taskmodal .dash-panel-row > .dash-panel-k + .dash-panel-v.dash-link { align-self: baseline; }
#bd-taskmodal .dash-panel-row:has(> .dash-panel-v.dash-link) { align-items: baseline; }
#bd-taskmodal .dash-panel-row > .dash-panel-v {

  flex: 1 1 0; min-width: 0; text-align: right; overflow-wrap: anywhere; word-break: break-word;
  white-space: normal; display: block;
}
#bd-taskmodal .dash-panel-row > .dash-timer { flex: 0 0 100%; margin-top: 0; justify-content: flex-end; }
#bd-taskmodal .tm-replies-sec { margin-top: 8px; }
#bd-taskmodal .dash-panel-row > .dash-panel-k,
#bd-taskmodal .dash-panel-row > .dash-panel-v,
#bd-taskmodal .dash-panel-row .dash-panel-date,
#bd-taskmodal .dash-panel-row .dash-price-settled { font-size: 13px; line-height: 20px; }
#bd-taskmodal .tm-env { font-size: 11px; line-height: 16px; text-transform: uppercase; letter-spacing: .03em; color: var(--dash-text-2); }
#bd-taskmodal .tm-shot-row .dash-shot { width: 120px; flex: none; }

.bd-dash .dash-panel-add {
  display: inline-flex; align-items: center; gap: 6px; padding: 0; border: 0; background: none; cursor: pointer;
  font-family: inherit; font-size: 13px; line-height: 20px; color: var(--dash-text-3);
}
.bd-dash .dash-panel-add:hover { color: var(--dash-title); }
.bd-dash .dash-panel-add svg { width: 12px; height: 12px; }
#tk-panel #tk-p-due-addwrap, #bd-taskmodal #tm-due-addwrap { border-top: 0; padding: 8px 0; }
#tk-panel #tk-p-due-addwrap[hidden], #tk-panel #tk-p-due-row[hidden] { display: none; }

.bd-dash .dash-bill-switch { width: auto; height: 32px; flex: 0 1 auto; }
.bd-dash .dash-bill-switch button { flex: 0 0 auto; height: 30px; padding: 0 10px; font-size: 13px; line-height: 18px; }
.bd-dash .dash-bill-switch button.is-on { height: 32px; }
.bd-dash .dash-bill-confirm {
  flex: 0 0 100%; display: flex; flex-direction: column; align-items: flex-start; gap: 8px;
  font-size: 13px; line-height: 20px; color: var(--dash-text-2);
}
.bd-dash .dash-bill-confirm-acts { display: flex; gap: 8px; }
.bd-dash .dash-bill-confirm[hidden], .bd-dash .dash-bill-switch[hidden] { display: none; }

.dash-track:not(.is-open) .dash-track-hid { display: none; }
.dash-track.is-open .dash-track-more { display: none; }
.dash-track-more { position: relative; padding: 0 0 18px 22px; }
.dash-track-more::before {
  content: ''; position: absolute; left: 4px; top: 0; bottom: 0;
  width: 1px; background: var(--dash-border-strong);
}
.dash-track-more button {
  margin: 0; padding: 0; border: 0; background: none; cursor: pointer;
  font: inherit; font-size: 12px; line-height: 16px; color: var(--dash-link);
}
.dash-track-more button:hover { text-decoration: underline; }

.bd-dash .bd-rate { margin-top: 4px; display: flex; flex-direction: column; gap: 10px; }
.bd-dash .bd-rate-line { display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; }
.bd-dash .bd-rate-amt { font-size: 16px; line-height: 22px; color: var(--dash-title); }
.bd-dash .bd-rate-src { font-size: 14px; line-height: 20px; color: var(--dash-text-3); }
.bd-dash .bd-rate-links { display: flex; gap: 16px; flex-wrap: wrap; }
.bd-dash .bd-rate-links[hidden], .bd-dash .bd-rate-edit[hidden], .bd-dash .bd-rate-link[hidden] { display: none; }
.bd-dash .bd-rate-link {
  margin: 0; padding: 0; border: 0; background: none; cursor: pointer;
  font: inherit; font-size: 14px; line-height: 20px; color: var(--dash-link);
}
.bd-dash .bd-rate-link:hover { text-decoration: underline; }
.bd-dash .bd-rate-edit { display: flex; flex-direction: column; gap: 12px; }
.bd-dash .bd-rate-acts { display: flex; align-items: center; gap: 8px; }

html .bd-dash .bd-set-dialog .bd-tz-host .bd-select-pick { display: block; width: 100%; position: relative; }
html .bd-dash .bd-set-dialog .bd-tz-host .bd-status-trigger {
  width: 100%; height: auto; box-sizing: border-box; justify-content: space-between;
  padding: 12px 16px; border: 1px solid rgba(34, 34, 34, .1); border-radius: 7px;
  background: #ffffff; color: #222222; font-size: 16px; line-height: 1.35em;
}
html .bd-dash .bd-set-dialog .bd-tz-host .bd-status-trigger[aria-expanded="true"] { border-color: rgba(34, 34, 34, .2); box-shadow: 0 2px 6px rgba(0, 0, 0, .07); }
html .bd-dash .bd-set-dialog .bd-tz-host .bd-status-menu { left: 0; right: 0; width: auto; min-width: 0; max-height: 280px; overflow-y: auto; }

.bd-dash .dash-ref-top { padding: 8px 24px 0; max-width: 620px; }
.bd-dash .dash-ref-amt { font-size: 40px; line-height: 48px; font-weight: 380; color: var(--dash-title); }
.bd-dash .dash-ref-amt-k { margin-top: 2px; font-size: 14px; line-height: 20px; color: var(--dash-text-3); }
.bd-dash .dash-ref-why { margin: 24px 0 24px; }
.bd-dash .dash-ref-why-h { margin-bottom: 6px; font-size: 15px; line-height: 22px; color: var(--dash-title); }
.bd-dash .dash-ref-why p { margin: 0 0 2px; font-size: 14px; line-height: 21px; color: var(--dash-text-2); }
.bd-dash .dash-ref-linkrow { display: flex; gap: 8px; align-items: center; }
.bd-dash .dash-ref-linkrow .cp-field-input { flex: 1 1 auto; min-width: 0; }
.bd-dash .dash-ref-linkrow .dash-modal-btn { flex: none; padding: 8px 24px; }
.bd-dash .dash-ref-h { margin: 40px 0 12px; padding: 0 24px; font-size: 18px; font-weight: 400; line-height: 24px; color: var(--dash-title); }

.bd-dash .dash-ref-bonus {
  margin: 40px 24px 0; padding: 20px 24px 22px; border-radius: 12px;
  background: var(--dash-card); border: 1px solid rgba(112, 115, 147, .1); color: var(--dash-title);
}
.bd-dash .dash-ref-bonus-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; flex-wrap: wrap; }
.bd-dash .dash-ref-bonus-h { margin: 0 0 6px; font-size: 17px; line-height: 22px; font-weight: 480; color: var(--dash-title); }
.bd-dash .dash-ref-bonus-sub { margin: 0; font-size: 14px; line-height: 20px; color: var(--dash-text-2); }
.bd-dash .dash-ref-tiles { display: flex; gap: 6px; margin: 0; }
.bd-dash .dash-ref-tile { display: flex; flex-direction: column; gap: 2px; padding: 12px; min-width: 70px; border-radius: 4px; background: rgba(112, 115, 147, .1); }
.bd-dash .dash-ref-tile dd { margin: 0; font-size: 17px; line-height: 26px; font-weight: 480; color: var(--dash-title); }
.bd-dash .dash-ref-tile dt { font-size: 12px; line-height: 15px; color: var(--dash-text-2); white-space: nowrap; }
.bd-dash .dash-ref-tile dd { order: 0; }
.bd-dash .dash-ref-tile dt { order: 1; }
.bd-dash .dash-ref-track { position: relative; list-style: none; height: 72px; margin: 28px 0 0; padding: 0; }
.bd-dash .dash-ref-bar { position: absolute; top: 11px; height: 4px; background: color-mix(in srgb, var(--dash-primary) 10%, transparent); }
.bd-dash .dash-ref-bar > span { display: block; height: 100%; background: var(--dash-primary); }
.bd-dash .dash-ref-step { position: absolute; top: 0; display: flex; flex-direction: column; align-items: center; text-align: center; transform: translateX(-50%); }
.bd-dash .dash-ref-step.is-first { transform: translateX(-13px); align-items: flex-start; text-align: left; }
.bd-dash .dash-ref-step.is-last { transform: translateX(calc(-100% + 13px)); align-items: flex-end; text-align: right; }
.bd-dash .dash-ref-node {
  display: inline-flex; align-items: center; justify-content: center;
  width: 26px; height: 26px; border-radius: 50%;
  background: color-mix(in srgb, var(--dash-primary) 10%, var(--dash-card)); color: #70707d;
}
.bd-dash .dash-ref-step.is-done .dash-ref-node { color: var(--dash-primary); }
.bd-dash .dash-ref-node svg { width: 12px; height: 12px; }
.bd-dash .dash-ref-step-k { margin-top: 8px; font-size: 14px; line-height: 17px; color: var(--dash-title); }
.bd-dash .dash-ref-step-v { margin-top: 4px; font-size: 12px; line-height: 15px; color: var(--dash-text-2); white-space: nowrap; }
@media (max-width: 720px) {
  .bd-dash .dash-ref-bonus { margin: 32px 16px 0; padding: 18px 16px; }
  .bd-dash .dash-ref-step-v { white-space: normal; }
}

.bd-dash .dash-more { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; padding: 16px 24px 24px; }
.bd-dash .dash-more[hidden] { display: none; }
.bd-dash .dash-more-count { font-size: 13px; line-height: 20px; color: var(--dash-text-3); margin-right: auto; }
.bd-dash .dash-more-all {
  margin: 0; padding: 0; border: 0; background: none; cursor: pointer;
  font: inherit; font-size: 14px; line-height: 20px; color: var(--dash-link);
}
.bd-dash .dash-more-all:hover { text-decoration: underline; }

.bd-dash .dash-acct-banner {
  box-sizing: border-box; width: 100%;
  max-width: calc(var(--dash-colw) + 64px);
  margin: 24px auto 0; padding: 0 32px;
}
.bd-dash .dash-acct-banner[hidden] { display: none; }
.bd-dash .dash-acct-banner-card {
  display: flex; align-items: center; flex-wrap: wrap; gap: 16px 24px;
  padding: 16px 20px;

  background: var(--dash-sidebar); border: 0; border-radius: var(--dash-r);
}
.bd-dash .dash-acct-banner-text { flex: 1 1 320px; min-width: 0; }
.bd-dash .dash-acct-banner-msg { margin: 0; font-size: 15px; line-height: 22px; color: var(--dash-title); }
.bd-dash .dash-acct-banner-note { margin: 4px 0 0; font-size: 14px; line-height: 20px; color: var(--dash-text-3); }
.bd-dash .dash-acct-banner-note[hidden] { display: none; }

.bd-dash .dash-acct-banner-btn {
  display: inline-flex; align-items: center; justify-content: center;
  flex: none; padding: 8px 24px; text-decoration: none;
}
.bd-dash .dash-acct-banner-btn[hidden] { display: none; }

.bd-takeover .dash-acct-banner,
.bd-solo .dash-acct-banner { display: none; }
@media (max-width: 620px) {
  .bd-dash .dash-acct-banner { padding: 0 16px; margin-top: 16px; }
  .bd-dash .dash-acct-banner-btn { width: 100%; }
}

.bd-proj-readonly #tasks-new,
.bd-proj-readonly .bd-proj-chat .make-task-btn,
.bd-proj-readonly .bridge-task-detail-pay,
.bd-proj-readonly #member-add-btn,
.bd-proj-readonly .bd-member-invite { display: none !important; }

.bd-dash.bd-proj-readonly .bd-proj-split .bd-subtabs .bd-proj-new-icon + .bd-proj-open-icon,
.bd-proj-readonly .bd-dash .bd-proj-split .bd-subtabs .bd-proj-new-icon + .bd-proj-open-icon { margin-left: auto; }
.bd-proj-readonly #tasks-list .bd-cost-timer:not(.is-running) { pointer-events: none; cursor: default; }
.bd-proj-readonly #tasks-list .bd-cost-timer:not(.is-running) .bd-cost-ic { display: none; }
.bd-proj-readonly .bridge-chat-input-row button:disabled { opacity: .4; cursor: default; }
.bd-proj-readonly #bridge-chat-input:disabled { cursor: default; }

.bd-dash #tk-panel.bridge-chat-container {
  --chat-ink: var(--dash-text);
  --chat-quiet: var(--dash-text-3);
  --chat-faint: var(--dash-faint, #8d8d8d);
  --chat-surface: var(--dash-page);
  --chat-accent: var(--dash-primary);
  --chat-online: var(--dash-switch-on, #80cb87);
}
.bd-dash #tk-panel .tk-media { flex: none; padding: 0 24px 12px; }
.bd-dash #tk-panel .tk-media:empty { display: none; }
.bd-dash #tk-panel .tk-media .bridge-task-media { margin-top: 0; }
.bd-dash #tk-panel .dash-reply-b .bridge-task-media { margin-top: 6px; }

.dash-side-row { position: relative; }
.dash-side-row:hover > .dash-side-item:not(.dash-on) { background: var(--dash-hover); }
.dash-side-toggle {
  position: absolute; left: 0; top: 0; width: 26px; height: 30px;
  padding: 0; border: 0; border-radius: 7px; background: none; cursor: pointer;
}
.dash-side-toggle:focus-visible { outline: 2px solid var(--dash-link); outline-offset: -2px; }

.dash-side-item:not(.dash-side-expandable) ~ .dash-side-toggle { display: none; }

.bd-dash #bd-end-layer .dash-set-help,
.bd-dash #bd-export-layer .dash-set-help { margin: 0 0 16px; font-size: 14px; line-height: 20px; color: var(--dash-text-2); }
.bd-dash #bd-export-layer #bd-export-count { color: var(--dash-text-3); }
.bd-dash #bd-export-layer #bd-export-count:empty { display: none; }

.bd-dash #bd-end-layer .dash-set-warn {
  margin: 0 0 16px; padding: 0; background: none; border: 0; border-radius: 0;
  font-size: 14px; line-height: 20px; color: var(--dash-out);
}
.bd-dash .bd-end-acts { display: flex; flex-wrap: wrap; gap: 8px; }
.bd-dash .dash-modal-btn-danger { background: var(--dash-error-bg); color: var(--dash-out); }
.bd-dash .dash-modal-btn-danger:hover { background: var(--dash-error-bg); color: var(--dash-out); box-shadow: inset 0 0 0 999px rgba(0, 0, 0, .04); }

.bd-dash #bd-panel-actions .dash-tcell-name { min-width: 0; overflow: hidden; }
.bd-dash #bd-panel-actions .dash-tk { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.bd-dash .bd-set-panel-back { display: none; }
@container projleft (max-width: 600px) {
  .bd-dash .bd-set-panel {
    left: var(--proj-gutter, 24px); right: var(--proj-gutter, 24px); width: auto;
  }
  .bd-dash .bd-set-panel-back {
    display: inline-flex; align-items: center; gap: 4px;
    margin: 0 0 12px -2px; padding: 0; border: 0; background: none; cursor: pointer;
    font: inherit; font-size: 14px; line-height: 20px; color: var(--dash-text-3);
  }
  .bd-dash .bd-set-panel-back:hover { color: var(--dash-text); }
  .bd-dash .bd-set-panel-back svg { width: 14px; height: 14px; }

  .bd-dash .bd-panel-open .dash-trow.is-selected::after { opacity: 0; }
}
@media (max-width: 1080px) {
  .bd-dash .bd-set-panel-back { display: inline-flex; align-items: center; gap: 4px; margin: 0 0 12px -2px; padding: 0; border: 0; background: none; cursor: pointer; font: inherit; font-size: 14px; line-height: 20px; color: var(--dash-text-3); }
  .bd-dash .bd-set-panel-back svg { width: 14px; height: 14px; }
}

.bd-dash #bd-chatpage-layer .dash-set-help { margin: 0 0 16px; font-size: 14px; line-height: 20px; color: var(--dash-text-2); }
.bd-dash #bd-chatpage-layer #bd-chatpage-note { margin-top: -8px; color: var(--dash-text-3); }

.bd-dash .bd-chatpage-url {
  display: block; width: 100%; box-sizing: border-box; margin: 0 0 16px;
  padding: 12px 16px; border: 1px solid var(--dash-border); border-radius: 7px;
  background: var(--dash-card); color: var(--dash-text);
  font: inherit; font-size: 15px; line-height: 1.35; text-overflow: ellipsis;
}
.bd-dash .bd-chatpage-url:focus { outline: none; border-color: var(--dash-border-strong); }
.bd-dash #bd-chatpage-open { display: inline-flex; align-items: center; text-decoration: none; }

.bd-dash .bd-cdomain { margin-top: 24px; padding-top: 20px; border-top: 1px solid var(--dash-border); }
.bd-dash .bd-cdomain[hidden] { display: none; }
.bd-dash .bd-cdomain-title { margin: 0 0 6px; font-size: 15px; line-height: 20px; font-weight: 500; color: var(--dash-title); }
.bd-dash #bd-chatpage-layer .bd-cdomain .dash-set-help a { color: var(--dash-link); }
.bd-dash .bd-cdomain .cp-field { margin-bottom: 16px; }
.bd-dash .bd-cdomain-steps { margin: 0 0 14px; padding-left: 20px; display: grid; gap: 4px; font-size: 14px; line-height: 20px; color: var(--dash-text); }
.bd-dash .bd-cdomain-steps[hidden], .bd-dash .bd-cdomain-auto[hidden] { display: none; }
.bd-dash .bd-cdomain-auto { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; margin: 0 0 18px; padding-bottom: 18px; border-bottom: 1px solid var(--dash-border); }
.bd-dash .bd-cdomain-auto .dash-modal-btn { display: inline-flex; align-items: center; text-decoration: none; }
.bd-dash .bd-cdomain-row { display: flex; align-items: center; gap: 10px; margin: 0 0 16px; min-width: 0; }
.bd-dash .bd-cdomain-name { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 15px; color: var(--dash-text); }
.bd-dash .bd-cdomain-badge {
  flex: none; padding: 2px 8px; border-radius: 999px; font-size: 12px; line-height: 16px;
  background: var(--dash-fill); color: var(--dash-text-3);
}
.bd-dash .bd-cdomain-badge[data-state="active"] { color: var(--dash-in); }
.bd-dash .bd-cdomain-badge[data-state="failed"] { color: var(--dash-out); }
.bd-dash .bd-cdomain-dns {
  width: 100%; margin: 0 0 16px; border-collapse: collapse; table-layout: fixed;
  font-size: 13px; line-height: 18px; color: var(--dash-text);
}
.bd-dash .bd-cdomain-dns th { text-align: left; font-weight: 500; color: var(--dash-text-3); padding: 0 8px 6px 0; }
.bd-dash .bd-cdomain-dns td {
  padding: 8px 8px 8px 0; border-top: 1px solid var(--dash-border);
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace; overflow-wrap: anywhere;
  user-select: all;
}
.bd-dash .bd-cdomain-dns th:first-child, .bd-dash .bd-cdomain-dns td:first-child { width: 72px; }
.bd-dash .bd-cdomain #bd-cdomain-msg { margin-top: 12px; }

.bd-dash .bd-proj-scroll,
.bd-dash .bd-proj-left #tasks-inner,
.bd-dash .bd-proj-left .bridge-chat-files,
.bd-dash .bd-set-panel { overflow-x: hidden; }

.dash-menu,
.dash-account-menu,
.dash-datepop {
  animation: bd-menu-in .18s cubic-bezier(.2, .9, .3, 1.15);
  transition: opacity .12s ease, transform .12s ease, display .12s allow-discrete;
}
.dash-menu { transform-origin: top right; }
.dash-menu.dash-menu-left { transform-origin: top left; }
.dash-account-menu, .dash-datepop { transform-origin: top left; }
.dash-menu[hidden],
.dash-account-menu[hidden],
.dash-datepop[hidden] { opacity: 0; transform: translateY(-4px) scale(.98); }

.bd-dash .user-dropdown,
.bd-dash .notifications-dropdown {
  transform: translateY(-4px) scale(.98) !important;
  transform-origin: top right;
  transition: opacity .12s ease, transform .12s ease !important;
}
.bd-dash #user-dropdown.show,
.bd-dash #user-dropdown.w--open,
.bd-dash #notifications-dropdown.show,
.bd-dash #notifications-dropdown.w--open {
  transform: none !important;
  transition: opacity .16s ease, transform .18s cubic-bezier(.2, .9, .3, 1.15) !important;
}
@media (prefers-reduced-motion: reduce) {
  .dash-menu, .dash-account-menu, .dash-datepop { animation: none; transition: none; }
  .bd-dash .user-dropdown, .bd-dash .notifications-dropdown,
  .bd-dash #user-dropdown.show, .bd-dash #notifications-dropdown.show { transition: none !important; transform: none !important; }
}

.bd-dash .bd-head-avatars .bd-head-dot {
  position: absolute; top: -3px; right: -3px; z-index: 6;
  width: 10px; height: 10px; box-sizing: border-box; border-radius: 50%;
  background: var(--dash-switch-on); border: 2px solid var(--dash-page);
  pointer-events: none;
}
.bd-dash .bd-head-avatars .bd-head-dot[hidden] { display: none; }

.bd-dash .dash-aff-acts { display: flex; gap: 8px; }
.bd-dash .dash-aff-acts [hidden] { display: none; }
.bd-dash .dash-aff .dash-loading { padding: 40px 24px; }
.bd-dash .dash-aff .dash-loading[hidden] { display: none; }
.bd-dash .dash-aff-error { margin: 0 24px 16px; font-size: 14px; line-height: 20px; color: var(--dash-out); }
.bd-dash .dash-aff-error[hidden] { display: none; }
.bd-dash .dash-aff-form { display: flex; flex-direction: column; gap: 20px; }
.bd-dash .dash-aff-textarea { resize: vertical; min-height: 84px; }
.bd-dash .dash-aff-opt { color: var(--dash-text-3); }
.bd-dash .dash-aff-hint { display: block; margin-top: 8px; font-size: 13px; line-height: 18px; color: var(--dash-text-3); }
.bd-dash .dash-aff-hint.is-ok { color: var(--dash-in); }
.bd-dash .dash-aff-hint.is-bad { color: var(--dash-out); }
.bd-dash .dash-aff-hint[hidden] { display: none; }
.bd-dash .dash-aff-pad { padding: 0 24px; }
.bd-dash .dash-aff-gap { margin-top: 20px; }
.bd-dash .dash-aff-fine { margin: 0; font-size: 13px; line-height: 19px; color: var(--dash-text-3); }
.bd-dash .dash-aff-fine a { color: inherit; }
.bd-dash .dash-aff-muted { color: var(--dash-text-3); }
.bd-dash .dash-aff .dash-ref-bonus[hidden] { display: none; }
.bd-dash .dash-aff-payout .dash-modal-btn { flex: none; text-decoration: none; }
.bd-dash .dash-aff-chartcard { margin: 24px 24px 0; }
.bd-dash .dash-aff-chartcard .dash-card-head-end { gap: 8px; flex-wrap: wrap; justify-content: flex-end; }
.bd-dash .dash-aff-chartcard .dash-seg-btn { font-size: 13px; }
.bd-dash .dash-badge-void {
  display: inline-flex; align-items: center; font-size: 12px; line-height: 22px; letter-spacing: .2px;
  padding: 0 8px; border-radius: 4px; white-space: nowrap; background: var(--dash-fill); color: var(--dash-text-2);
}
.bd-dash .dash-aff-section { margin: 40px 24px 0; }
.bd-dash .dash-aff-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 16px; margin: 12px 24px 0; }
.bd-dash .dash-aff-tile { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.bd-dash .dash-aff-tile img { display: block; width: 100%; aspect-ratio: 16 / 10; object-fit: cover; object-position: top left; border-radius: 8px; border: 1px solid var(--dash-border); background: var(--dash-fill); }
.bd-dash .dash-aff-tile .dash-aff-tile-k { font-size: 14px; line-height: 20px; color: var(--dash-title); }
.bd-dash .dash-aff-tile .dash-aff-dl { display: flex; flex-wrap: wrap; gap: 4px 12px; font-size: 13px; line-height: 18px; }
.bd-dash .dash-aff-tile .dash-aff-dl a { color: var(--dash-text-2); }
.bd-dash .dash-aff-sub { margin: 4px 24px 0; font-size: 14px; line-height: 21px; color: var(--dash-text-2); max-width: 620px; }
.bd-dash .dash-aff-rules { margin: 12px 24px 0; padding: 0 0 0 18px; max-width: 620px; font-size: 14px; line-height: 21px; color: var(--dash-text-2); }
.bd-dash .dash-aff-rules li + li { margin-top: 4px; }
.bd-dash .dash-aff-toggle { display: flex; align-items: center; gap: 10px; margin: 12px 24px 0; font-size: 14px; line-height: 20px; color: var(--dash-title); }
.bd-dash .dash-aff-actions { display: flex; gap: 6px; justify-content: flex-end; }
.bd-dash .dash-aff-actions button { font-size: 13px; }
@media (max-width: 720px) {
  .bd-dash .dash-aff-chartcard { margin: 24px 16px 0; }
  .bd-dash .dash-aff-grid { margin: 12px 16px 0; }
}
.bd-dash .dash-side-subitem[hidden] { display: none; }

.bd-dash .dash-aff-hero { display: grid; grid-template-columns: minmax(0, 1fr); gap: 23px; align-items: start; margin: 0 24px; }
.bd-dash .dash-aff-hero[hidden] { display: none; }
.bd-dash .dash-aff-why { min-width: 0; }
.bd-dash .dash-aff-why-h { font-size: 17px; line-height: 28px; color: var(--dash-title); }
.bd-dash .dash-aff-checks { list-style: none; margin: 8px 0 0; padding: 0; display: flex; flex-direction: column; gap: 12px; }
.bd-dash .dash-aff-checks li { display: flex; gap: 13px; align-items: flex-start; font-size: 15px; line-height: 24px; color: var(--dash-title); }
.bd-dash .dash-aff-checks svg { flex: none; width: 15px; height: 13px; margin-top: 6px; color: var(--dash-primary); }
.bd-dash .dash-aff-share { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 16px; }
.bd-dash .dash-aff-share[hidden] { display: none; }
.bd-dash .dash-aff-field { display: flex; flex-direction: column; min-width: 0; }
.bd-dash .dash-aff-field-k { font-size: 12px; line-height: 20px; color: var(--dash-text-2); }
.bd-dash .dash-aff-field-box {
  display: flex; align-items: center; gap: 4px; width: 256px; max-width: 100%; height: 42px; box-sizing: border-box;
  margin-top: 4px; padding: 0 5px 0 13px; border: 1px solid var(--dash-border); border-radius: 8px;
  background: color-mix(in srgb, var(--dash-text-3) 6%, var(--dash-card));
}
.bd-dash .dash-aff-field-box input {
  flex: 1 1 auto; min-width: 0; margin: 0; padding: 0; border: 0; outline: 0; background: none;
  font: inherit; font-size: 15px; line-height: 24px; color: var(--dash-title); text-overflow: ellipsis;
}
.bd-dash .dash-aff-copy {
  flex: none; display: grid; place-items: center; width: 30px; height: 30px; padding: 0;
  border: 0; border-radius: 6px; background: none; color: var(--dash-primary); cursor: pointer;
}
.bd-dash .dash-aff-copy:hover { background: var(--dash-fill); }
.bd-dash .dash-aff-copy:focus-visible { outline: none; box-shadow: var(--dash-focus-ring); }
.bd-dash .dash-aff-copy svg { width: 14px; height: 14px; }
.bd-dash .dash-aff-why .dash-aff-form { margin-top: 20px; max-width: 480px; }
.bd-dash .dash-aff-form[hidden] { display: none; }
.bd-dash .dash-aff-state { margin-top: 20px; }
.bd-dash .dash-aff-state[hidden] { display: none; }
.bd-dash .dash-aff-state-h { font-size: 15px; line-height: 24px; color: var(--dash-title); }
.bd-dash .dash-aff-state p { margin: 2px 0 0; font-size: 14px; line-height: 21px; color: var(--dash-text-2); }
.bd-dash .dash-aff-state p[hidden] { display: none; }
.bd-dash .dash-aff #aff-main .dash-ref-bonus:first-child { margin-top: 24px; }
.bd-dash .dash-aff-earn { margin-top: 24px; }
.bd-dash .dash-aff-chartbar { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-top: 24px; }
.bd-dash .dash-aff-chart-k { font-size: 14px; line-height: 20px; color: var(--dash-text-2); }
.bd-dash .dash-aff-chart-v { margin-left: 4px; color: var(--dash-title); }
.bd-dash .dash-aff-chart-ctl { display: flex; gap: 8px; flex-wrap: wrap; }
.bd-dash .dash-aff-chart-ctl .dash-seg-btn { font-size: 13px; }
.bd-dash .dash-aff-chart { height: 150px; margin: 12px -24px 0; }
.bd-dash .dash-aff-earn .dash-axis { font-size: 12px; padding-top: 6px; }
.bd-dash .dash-aff-tablewrap { margin-top: 24px; }
.bd-dash .dash-aff-table td { vertical-align: middle; }
.bd-dash .dash-aff-who { display: inline-flex; align-items: center; gap: 12px; font-size: 15px; line-height: 24px; color: var(--dash-title); }
.bd-dash .dash-aff-initial {
  flex: none; display: grid; place-items: center; width: 28px; height: 28px; border-radius: 8px;
  font-size: 10px; font-weight: 480; line-height: 20px;
}
.bd-dash .dash-aff-kind { display: inline-flex; align-items: center; padding: 0 8px; border-radius: 4px; font-size: 12px; line-height: 20px; white-space: nowrap; }
.bd-dash .is-shop { background: rgba(31, 122, 140, .12); color: #1b6f80; }
.bd-dash .is-plan { background: rgba(222, 110, 50, .12); color: #a84a17; }
.bd-dash .is-life { background: rgba(75, 95, 214, .12); color: #4253c4; }
html[data-bd-theme="dark"] .bd-dash .is-shop { background: rgba(119, 190, 207, .2); color: #a9dbe6; }
html[data-bd-theme="dark"] .bd-dash .is-plan { background: rgba(252, 155, 111, .2); color: #fcb796; }
html[data-bd-theme="dark"] .bd-dash .is-life { background: rgba(141, 164, 245, .2); color: #b9c6f8; }
.bd-dash .dash-aff-pay { font-size: 14px; line-height: 20px; color: var(--dash-text-2); }
.bd-dash .dash-aff-foot {
  margin: 24px 24px 0; padding-top: 18px; border-top: 1px solid var(--dash-border);
  font-size: 13px; line-height: 16px; color: var(--dash-text-3);
}
.bd-dash .dash-aff-foot[hidden] { display: none; }
.bd-dash .dash-aff-foot a { color: inherit; }
@media (max-width: 720px) {
  .bd-dash .dash-aff-hero { grid-template-columns: minmax(0, 1fr); margin: 0 16px; }
  .bd-dash .dash-aff-field, .bd-dash .dash-aff-field-box { width: 100%; }
  .bd-dash .dash-aff-foot { margin: 24px 16px 0; }
}

.bd-dash .dash-aff .dash-placeholder td { height: auto; padding: 26px 8px; line-height: 20px; }
.bd-dash #aff-main:not([hidden]) + .dash-aff-foot,
.bd-dash .dash-aff .dash-tasks-tablewrap + .dash-aff-foot { margin-top: 0; padding-top: 18px; }
.bd-dash .dash-aff-grid-sq .dash-aff-tile img { aspect-ratio: 1 / 1; object-fit: cover; object-position: center; border-color: transparent; background: #222222; }

.bd-dash .dash-aff-grid-shots { grid-template-columns: repeat(auto-fill, minmax(340px, 1fr)); gap: 24px 16px; }
.bd-dash .dash-aff-frame { display: block; padding: 18px 18px 0; border-radius: 10px; background: #f4f3f1; overflow: hidden; }
html[data-bd-theme="dark"] .bd-dash .dash-aff-frame { background: #2e2d2a; }
.bd-dash .dash-aff-grid-shots .dash-aff-tile img { aspect-ratio: auto; height: auto; object-fit: contain; border: 0; border-radius: 6px 6px 0 0; box-shadow: 0 2px 12px rgba(0, 0, 0, .1); background: #ffffff; }
.bd-dash .dash-aff-grid-tall .dash-aff-tile img { aspect-ratio: 4 / 5; object-fit: cover; object-position: center top; }

.bd-dash .dash-aff-crop { display: block; aspect-ratio: 4 / 3; overflow: hidden; border-radius: 8px; border: 1px solid var(--dash-border); background: #e8e8e8; }
.bd-dash .dash-aff-grid-tall .dash-aff-crop img { width: 100%; height: 100%; aspect-ratio: auto; object-fit: cover; object-position: center top; border: 0; border-radius: 0; }
.bd-dash .dash-aff-grid-tall .dash-aff-crop.is-device img { object-position: center; transform: scale(1.55); }

.bd-dash .dash-aff-pick { position: relative; }
.bd-dash .dash-aff-pick .dash-range svg { width: 12px; height: 12px; }
.bd-dash .dash-aff-pick .dash-menu { min-width: 240px; }
.bd-dash .dash-aff-dim { margin-left: auto; padding-left: 16px; font-size: 13px; color: var(--dash-text-3); }
.bd-dash .dash-aff-grid-social .dash-aff-tile img { height: auto; aspect-ratio: 1 / 1; object-fit: cover; border: 0; background: #222222; }
.bd-dash .dash-aff-grid-social[data-size="story"] .dash-aff-tile img { aspect-ratio: 1080 / 1920; }
.bd-dash .dash-aff-grid-social[data-size="x"] .dash-aff-tile img { aspect-ratio: 1600 / 900; }
.bd-dash .dash-aff-grid-social[data-size="facebook"] .dash-aff-tile img { aspect-ratio: 1200 / 630; }
.bd-dash .dash-aff-grid-social[data-size="email"] .dash-aff-tile img { aspect-ratio: 1200 / 400; }
.bd-dash .dash-aff-grid-social[data-size="story"] { grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); }
.bd-dash .dash-aff-grid-social[data-size="x"],
.bd-dash .dash-aff-grid-social[data-size="facebook"],
.bd-dash .dash-aff-grid-social[data-size="email"] { grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); }

.bd-dash .dash-aff-acctacts { display: flex; gap: 8px; flex-wrap: wrap; }
.bd-dash .dash-aff-acctacts [hidden] { display: none; }

.bd-dash .dash-adm-code { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: 13px; word-break: break-all; }
.bd-dash .dash-adm-who { white-space: nowrap; }
.bd-dash .dash-adm-click { cursor: pointer; }
.bd-dash .dash-adm-click:hover td { background: var(--dash-fill); }
.bd-dash .dash-adm-trail td { height: auto; padding: 4px 0 16px; border-top: 0; }
.bd-dash .dash-adm-trail ol { margin: 0; padding-left: 18px; display: flex; flex-direction: column; gap: 4px; font-size: 13px; }
.bd-dash .dash-adm-back { color: var(--dash-text-2); text-decoration: none; margin-right: 8px; }
.bd-dash .dash-adm-back:hover { color: var(--dash-title); }
.bd-dash .dash-adm .dash-tasks-table { min-width: 720px; }
.bd-dash .dash-adm .dash-tasks-table td { height: auto; padding-top: 12px; padding-bottom: 12px; font-size: 14px; line-height: 20px; }

.bd-dash .dash-aff-nameform { margin: 12px 24px 0; max-width: 480px; }
@media (max-width: 720px) { .bd-dash .dash-aff-nameform { margin: 12px 16px 0; } }

.bd-dash .dash-sup-row { cursor: pointer; }
.bd-dash .dash-sup-link { color: inherit; text-decoration: none; }
.bd-dash .dash-sup-dot { display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: var(--bd-blue); margin-right: 8px; vertical-align: 1px; }
.bd-dash .dash-sup-facts { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 12px 20px; margin: 16px 0 0; }
.bd-dash .dash-sup-facts dt { font-size: 12px; color: var(--dash-text-3); }
.bd-dash .dash-sup-facts dd { margin: 2px 0 0; font-size: 14px; color: var(--dash-title); overflow-wrap: anywhere; }
.bd-dash .dash-sup-thread { list-style: none; margin: 12px 24px 0; padding: 0; display: flex; flex-direction: column; gap: 12px; }
.bd-dash .dash-sup-msg { border: 1px solid var(--dash-border); border-radius: 10px; padding: 14px 16px; background: var(--dash-card); }
.bd-dash .dash-sup-msg.is-us { background: var(--dash-pill); }
.bd-dash .dash-sup-msg-h { display: flex; justify-content: space-between; gap: 12px; font-size: 13px; color: var(--dash-title); margin-bottom: 8px; }
.bd-dash .dash-sup-msg-b { font-size: 14px; line-height: 22px; color: var(--dash-text-2); white-space: pre-wrap; overflow-wrap: anywhere; }
.bd-dash .dash-sup-reply { margin: 20px 24px 0; max-width: 720px; }

.bd-dash .dash-sup-intake { margin: 24px 24px 0; max-width: 720px; }
.bd-dash .dash-sup-intake .dash-aff-field-box { margin-top: 6px; }
.bd-dash .dash-sup-new { margin: 0 24px; max-width: 720px; display: flex; flex-direction: column; gap: 18px; }
.bd-dash .dash-sup-new-row { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
@media (max-width: 720px) {
  .bd-dash .dash-sup-thread, .bd-dash .dash-sup-reply, .bd-dash .dash-sup-intake, .bd-dash .dash-sup-new { margin-left: 16px; margin-right: 16px; }
  .bd-dash .dash-sup-new-row { grid-template-columns: 1fr; }
}

.bd-dash .dash-affadm .aa-code { width: 150px; }
.bd-dash .dash-affadm .aa-num { width: 64px; white-space: nowrap; }
.bd-dash .dash-affadm .aa-money { width: 96px; white-space: nowrap; }
.bd-dash .dash-affadm .aa-owed { width: 128px; white-space: nowrap; }
.bd-dash .dash-affadm .aa-act { width: 44px; padding-right: 0; text-align: right; }
.bd-dash .dash-affadm td.aa-who > span,
.bd-dash .dash-affadm td.aa-code > span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.bd-dash .dash-rowmenu-btn {
  display: inline-grid; place-items: center; width: 32px; height: 32px; padding: 0;
  border: 0; border-radius: 6px; background: transparent; color: var(--dash-text-3); cursor: pointer;
}
.bd-dash .dash-rowmenu-btn svg { width: 18px; height: 18px; fill: currentColor; }
.bd-dash .dash-rowmenu-btn:hover,
.bd-dash .dash-rowmenu-btn[aria-expanded="true"] { background: var(--dash-hover); color: var(--dash-text-hover); }
.bd-dash .dash-rowmenu-btn:disabled { opacity: .4; cursor: default; background: transparent; }
.bd-dash .dash-rowmenu {
  position: fixed; z-index: 1000; min-width: 180px; padding: 4px;
  background: var(--dash-floating); border-radius: 7px; box-shadow: var(--dash-menu-shadow);
  display: flex; flex-direction: column;
}
.bd-dash .dash-rowmenu-item {
  display: flex; align-items: center; height: 36px; padding: 8px 12px; box-sizing: border-box;
  border: 0; border-radius: 4px; background: transparent; color: var(--dash-text);
  font: inherit; font-size: 14px; text-align: left; white-space: nowrap; cursor: pointer;
}
.bd-dash .dash-rowmenu-item:hover,
.bd-dash .dash-rowmenu-item:focus-visible { background: var(--dash-hover); color: var(--dash-text-hover); outline: none; }
.bd-dash .dash-rowmenu-item.is-danger { color: var(--bd-bad); }

.bd-dash .dash-aff-country { width: auto; min-width: 170px; height: 36px; padding: 0 10px; font-size: 14px; }
.bd-dash .dash-aff-country[hidden] { display: none; }