:root {
  --canvas: #f8f8fa;
  --surface: #ffffff;
  --surface-soft: #fbfbfd;
  --ink: #17171a;
  --muted: #65656d;
  --subtle: #96969e;
  --line: #e6e6eb;
  --lavender: #7463d8;
  --lavender-soft: #f8f6ff;
  --purple: #9a74c7;
  --mint: #56ad88;
  --content: 880px;
  --radius: 8px;
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  color: var(--ink);
  background: var(--canvas);
  font-synthesis: none;
  text-rendering: geometricPrecision;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--canvas); color: var(--ink); min-width: 320px; }
button, a { font: inherit; }
button { border: 0; cursor: pointer; }
a { color: inherit; }

.page { min-height: 4000px; background: var(--canvas); }
.topbar { height: 50px; border-bottom: 1px solid #ededf0; background: rgba(255, 255, 255, .96); }
.topbar__inner { width: min(var(--content), calc(100% - 64px)); height: 100%; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; }
.wordmark { display: inline-flex; align-items: baseline; text-decoration: none; font-size: 12px; line-height: 1; letter-spacing: -.35px; font-weight: 700; }
.wordmark__studio { color: #17171a; }
.wordmark__auto { color: #d59e2d; }
.wordmark__pilot { color: #6452c2; }
.topbar__nav { display: flex; align-items: center; gap: 18px; }
.link-button { padding: 0; background: transparent; color: #515159; font-size: 11px; line-height: 1; }
.link-button:hover, .footer a:hover { color: var(--lavender); }
.trial-button { display: inline-flex; justify-content: center; align-items: center; min-height: 28px; border-radius: 5px; padding: 0 12px; background: #5e4dcc; color: white; font-size: 11px; line-height: 1; box-shadow: inset 0 0 0 1px rgba(37, 26, 120, .09), 0 1px 2px rgba(45, 31, 117, .14); transition: transform .18s ease, background .18s ease; }
.trial-button:hover { background: #5141bd; transform: translateY(-1px); }
.trial-button--small { min-height: 24px; padding: 0 11px; font-size: 10px; }

.content { width: min(var(--content), calc(100% - 64px)); margin: 0 auto; padding-top: 74px; }
.hero h1 { margin: 0; font-size: 35px; line-height: 1.03; letter-spacing: -1.55px; font-weight: 710; }
.hero__lede { margin: 15px 0 0; color: var(--muted); font-size: 13px; line-height: 1.48; letter-spacing: -.05px; }
.hero__actions { display: flex; align-items: center; gap: 18px; margin-top: 20px; }
.link-button--hero { font-size: 11px; color: #4a4a51; }

.section { margin-top: 91px; }
.section-title { margin: 0 0 17px; font-size: 14px; line-height: 1; letter-spacing: -.25px; font-weight: 700; }
.feature-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.feature-card { min-height: 126px; padding: 15px 15px 13px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); box-shadow: 0 1px 2px rgba(39, 35, 65, .025); }
.feature-card__icon { display: grid; place-items: center; width: 22px; height: 22px; margin-bottom: 12px; border-radius: 5px; }
.feature-card__icon svg { width: 14px; height: 14px; }
.feature-card__icon--lavender { color: #7060bd; background: #f2efff; }
.feature-card__icon--purple { color: #9a65bc; background: #faf0ff; }
.feature-card__icon--mint { color: #3a9d78; background: #eaf9f2; }
.feature-card h3 { margin: 0; font-size: 12px; line-height: 1.2; letter-spacing: -.1px; font-weight: 700; }
.feature-card p { max-width: 210px; margin: 6px 0 0; color: var(--muted); font-size: 10px; line-height: 1.35; }

.leads { margin-top: 98px; }
.info-panel { display: grid; grid-template-columns: 23px 1fr; gap: 13px; min-height: 151px; padding: 18px 17px; border: 1px solid #ebeaf6; background: linear-gradient(90deg, #faf9ff 0%, #f6f6ff 100%); }
.info-panel__mark { display: grid; place-items: start center; padding-top: 1px; color: #6c59c4; }
.info-panel__mark svg { width: 15px; height: 15px; }
.info-panel__copy p { margin: 0 0 9px; color: #4f4e58; font-size: 10px; line-height: 1.35; }
.info-panel__copy p:last-child { margin-bottom: 0; }
.info-panel a { color: #5d50b5; text-decoration: none; }
.info-panel a:hover { text-decoration: underline; }

.pricing { margin-top: 97px; }
.pricing-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 12px; }
.price-card { min-height: 148px; padding: 15px 17px 14px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); box-shadow: 0 1px 2px rgba(39, 35, 65, .025); }
.price-card--member { background: linear-gradient(135deg, #fbf9ff 0%, #f7f2ff 100%); border-color: #eee9f7; }
.price-card__eyebrow { color: #6d6d75; font-size: 10px; line-height: 1; }
.price-card__price { margin-top: 5px; font-size: 21px; line-height: 1; letter-spacing: -.8px; font-weight: 760; }
.price-card__period { margin: 6px 0 0; color: #777780; font-size: 9px; line-height: 1.25; }
.price-card__note { margin: 7px 0 0; color: #7563be; font-size: 9px; line-height: 1.25; }
.price-card__detail { margin: 7px 0 0; color: #5e5e67; font-size: 9px; line-height: 1.25; }
.price-card__member-copy { max-width: 315px; margin: 12px 0 0; color: #5e5e67; font-size: 10px; line-height: 1.45; }

.footer { margin-top: 44px; border-top: 1px solid #e9e9ed; background: rgba(255,255,255,.86); }
.footer__inner { width: min(var(--content), calc(100% - 64px)); margin: 0 auto; padding: 19px 0 22px; }
.footer__legal, .footer__contact { margin: 0; color: #686870; font-size: 8px; line-height: 1.45; }
.footer__legal strong { font-weight: 700; }
.footer__contact { margin-top: 4px; }
.footer__links { display: flex; flex-wrap: wrap; gap: 15px; margin-top: 10px; }
.footer__links a { color: #84848b; font-size: 8px; text-decoration: none; }
.toast { position: fixed; right: 24px; bottom: 24px; z-index: 5; max-width: 270px; padding: 11px 14px; border: 1px solid #ded9f6; border-radius: 7px; background: #fff; color: #4e438d; font-size: 11px; box-shadow: 0 10px 30px rgba(42, 28, 107, .14); opacity: 0; transform: translateY(12px); pointer-events: none; transition: opacity .2s ease, transform .2s ease; }
.toast.is-visible { opacity: 1; transform: translateY(0); }

@media (max-width: 720px) {
  .page { min-height: 3000px; }
  .topbar__inner, .content, .footer__inner { width: min(100% - 40px, var(--content)); }
  .content { padding-top: 52px; }
  .hero h1 { font-size: clamp(28px, 8vw, 35px); letter-spacing: -1.1px; }
  .desktop-break { display: none; }
  .hero__lede { max-width: 520px; font-size: 12px; }
  .section { margin-top: 64px; }
  .feature-grid, .pricing-grid { grid-template-columns: 1fr; }
  .feature-card, .price-card { min-height: auto; }
  .feature-card { padding-bottom: 16px; }
  .info-panel { min-height: 0; }
  .pricing { margin-top: 68px; }
  .footer { margin-top: 38px; }
}

@media (max-width: 420px) {
  .topbar { height: 48px; }
  .topbar__inner, .content, .footer__inner { width: calc(100% - 32px); }
  .wordmark { font-size: 11px; }
  .topbar__nav { gap: 14px; }
  .trial-button--small { padding: 0 9px; }
  .info-panel { grid-template-columns: 18px 1fr; gap: 8px; padding: 14px 12px; }
  .footer__links { gap: 10px; }
}

/* Authenticated workspace */
.dashboard { min-height: 100vh; background: #f7f7fa; color: var(--ink); display: grid; grid-template-columns: 205px 1fr; }
.dashboard[hidden] { display: none; }
.dashboard__sidebar { display: flex; flex-direction: column; min-height: 100vh; padding: 26px 17px 20px; border-right: 1px solid #e8e8ed; background: #fff; }
.dashboard__brand { width: fit-content; margin: 0 10px 62px; }
.dashboard__nav-label { margin: 0 12px 11px; color: #a0a0aa; font-size: 9px; text-transform: uppercase; letter-spacing: .11em; font-weight: 700; }
.dashboard__nav { display: grid; gap: 5px; }
.dashboard__nav-link { display: flex; align-items: center; gap: 10px; min-height: 34px; padding: 0 11px; border-radius: 6px; color: #777780; font-size: 11px; text-decoration: none; }
.dashboard__nav-link:hover, .dashboard__nav-link.is-active { background: #f4f1ff; color: #51429e; }
.dashboard__nav-link--disabled { color: #b6b6bd; cursor: default; }
.dashboard__nav-link small { margin-left: auto; color: #b9b9c1; font-size: 8px; }
.nav-dot { width: 6px; height: 6px; border-radius: 50%; }
.nav-dot--purple { background: #7868d6; }.nav-dot--green { background: #61b58d; }.nav-dot--gray { background: #c8c8ce; }
.dashboard__sidebar-bottom { margin-top: auto; }
.dashboard__logout { margin: 0 11px; padding: 0; border: 0; background: none; color: #8b8b94; font-size: 11px; cursor: pointer; }
.dashboard__logout:hover { color: #5e4dcc; }
.dashboard__main { width: min(1040px, calc(100vw - 205px)); margin: 0 auto; padding: 48px 54px 72px; }
.dashboard__header { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 38px; }
.dashboard__eyebrow, .dashboard-card__eyebrow { color: #8179a8; font-size: 10px; line-height: 1; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.dashboard__header h1 { margin: 10px 0 7px; font-size: 29px; line-height: 1.1; letter-spacing: -.9px; font-weight: 740; }
.dashboard__header p { margin: 0; color: #767680; font-size: 12px; }
.dashboard__avatar { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 50%; background: #e9e5ff; color: #5d4cb7; font-size: 11px; font-weight: 700; }
.metric-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-bottom: 24px; }
.metric-card { min-height: 102px; padding: 16px 17px; border: 1px solid #e6e5eb; border-radius: 9px; background: #fff; box-shadow: 0 3px 12px rgba(40, 32, 86, .025); }
.metric-card--lavender { background: #fbfaff; border-color: #ebe7fb; }.metric-card--mint { background: #f7fcf9; border-color: #e0f0e7; }.metric-card--peach { background: #fffaf7; border-color: #f3e8df; }
.metric-card__label { color: #787780; font-size: 10px; }.metric-card strong { display: block; margin: 8px 0 3px; font-size: 24px; line-height: 1; letter-spacing: -.7px; }.metric-card span { color: #a2a1aa; font-size: 9px; }
.workspace-grid { display: grid; grid-template-columns: minmax(260px, .78fr) minmax(440px, 1.22fr); gap: 16px; align-items: start; }
.dashboard-card { padding: 22px; border: 1px solid #e5e4ea; border-radius: 10px; background: #fff; box-shadow: 0 3px 12px rgba(40, 32, 86, .025); }
.dashboard-card__heading { display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 22px; }.dashboard-card h2 { margin: 8px 0 0; font-size: 18px; line-height: 1; letter-spacing: -.45px; }.card-badge { padding: 5px 7px; border-radius: 5px; color: #7563be; background: #f4f1ff; font-size: 9px; }
#lead-form { display: grid; gap: 13px; }.dashboard label { display: grid; gap: 6px; color: #5f5e68; font-size: 10px; font-weight: 600; }.dashboard input, .dashboard textarea, .dashboard select { width: 100%; border: 1px solid #e3e2e8; border-radius: 6px; outline: none; background: #fff; color: #2b2a31; font: inherit; font-size: 11px; }.dashboard input, .dashboard select { height: 34px; padding: 0 10px; }.dashboard textarea { padding: 9px 10px; resize: vertical; }.dashboard input:focus, .dashboard textarea:focus, .dashboard select:focus { border-color: #9a8de0; box-shadow: 0 0 0 3px #f1efff; }.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }.dashboard-button { min-height: 36px; margin-top: 3px; border-radius: 6px; background: #5e4dcc; color: #fff; font-size: 11px; font-weight: 600; }.dashboard-button:hover { background: #5141bd; }.dashboard-button:disabled { opacity: .55; cursor: wait; }
.leads-card__heading { margin-bottom: 17px; }.icon-button { display: grid; place-items: center; width: 27px; height: 27px; border: 1px solid #e6e4ee; border-radius: 6px; background: #fff; color: #7563be; font-size: 17px; cursor: pointer; }.icon-button:hover { background: #f6f3ff; }.lead-filters { display: grid; grid-template-columns: 1fr 122px; gap: 8px; padding-bottom: 12px; border-bottom: 1px solid #eeeef1; }.lead-list { min-height: 250px; }.lead-list.is-loading { opacity: .5; }.lead-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; padding: 14px 0; border-bottom: 1px solid #f0eff3; }.lead-row:last-child { border-bottom: 0; }.lead-row__main { min-width: 0; }.lead-row__name { overflow: hidden; color: #25242b; font-size: 12px; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }.lead-row__meta, .lead-row__notes { overflow: hidden; margin-top: 5px; color: #898891; font-size: 9px; line-height: 1.35; text-overflow: ellipsis; white-space: nowrap; }.lead-row__notes { color: #aaa9b0; white-space: normal; }.lead-row__actions { display: flex; align-items: center; gap: 6px; flex-shrink: 0; }.status-select { width: auto !important; min-width: 79px; height: 26px !important; padding: 0 5px !important; border: 0 !important; font-size: 9px !important; font-weight: 600; }.status-select--new { color: #5f50b4; background: #f2efff !important; }.status-select--follow_up { color: #ad7541; background: #fff4e9 !important; }.status-select--qualified { color: #378363; background: #eaf8f0 !important; }.status-select--won { color: #31816a; background: #e4f6ef !important; }.status-select--lost { color: #9a6a74; background: #fbecf0 !important; }.delete-button { display: grid; place-items: center; width: 25px; height: 25px; border: 0; border-radius: 5px; background: transparent; color: #aaa8b1; font-size: 17px; cursor: pointer; }.delete-button:hover { background: #fff0f2; color: #ba6274; }.lead-list__loading, .lead-list__error { padding: 62px 10px; color: #9a99a2; text-align: center; font-size: 11px; }.lead-list__error { color: #b06070; }.lead-list__empty { display: grid; place-items: center; padding: 42px 10px; text-align: center; }.lead-list__empty span { color: #a493e9; font-size: 26px; }.lead-list__empty strong { margin-top: 9px; font-size: 12px; }.lead-list__empty p { margin: 5px 0 0; color: #9998a1; font-size: 10px; }
.toast[data-tone="error"] { color: #a24d61; border-color: #f0cfd8; }.toast[data-tone="error"] { background: #fff8fa; }
@media (max-width: 950px) { .dashboard__main { padding: 38px 28px 60px; }.workspace-grid { grid-template-columns: 1fr; }.lead-form-card { order: 2; }.leads-card { order: 1; } }
@media (max-width: 680px) { .dashboard { display: block; }.dashboard__sidebar { min-height: auto; padding: 18px 18px 13px; border-right: 0; border-bottom: 1px solid #e8e8ed; }.dashboard__brand { margin: 0 0 19px; }.dashboard__nav-label { display: none; }.dashboard__nav { display: flex; overflow-x: auto; gap: 6px; }.dashboard__nav-link { min-width: max-content; }.dashboard__sidebar-bottom { position: absolute; top: 18px; right: 18px; }.dashboard__sidebar-bottom .dashboard__nav-label { display: none; }.dashboard__logout { margin: 0; font-size: 10px; }.dashboard__main { width: 100%; padding: 28px 18px 50px; }.dashboard__header { margin-bottom: 25px; }.dashboard__header h1 { font-size: 24px; }.metric-grid { grid-template-columns: 1fr 1fr; gap: 8px; }.metric-card { min-height: 88px; padding: 13px; }.workspace-grid { gap: 12px; }.dashboard-card { padding: 16px; }.lead-filters { grid-template-columns: 1fr; }.lead-row { display: block; }.lead-row__actions { justify-content: flex-end; margin-top: 9px; } }

/* Screenshot-matched workspace shell */
.dashboard { grid-template-columns: 224px 1fr; min-height: 100vh; background: #f7f7f9; }
.dashboard__sidebar { width: 224px; padding: 14px 10px 10px; background: #fff; border-right: 1px solid #e4e4e8; }
.sidebar__brand-row { display: flex; align-items: center; justify-content: space-between; min-height: 31px; padding: 0 2px 16px 3px; }
.dashboard__brand { margin: 0; font-size: 14px; letter-spacing: -.5px; }.sidebar-collapse { padding: 0 5px; border: 0; background: transparent; color: #86868f; font-size: 17px; cursor: pointer; }
.dashboard__nav-label { margin: 0 13px 7px; color: #777781; font-size: 8px; letter-spacing: .12em; text-transform: uppercase; }.dashboard__nav { gap: 1px; }.dashboard__nav-link, .dashboard__subnav-link { width: 100%; min-height: 29px; padding: 0 10px; border: 0; border-radius: 6px; background: transparent; color: #66666f; font-size: 11px; text-align: left; cursor: pointer; }.dashboard__nav-link:hover, .dashboard__subnav-link:hover, .dashboard__nav-link.is-active, .dashboard__subnav-link.is-active { background: #fbefe8; color: #9b4b13; }.dashboard__nav-link.is-parent { color: #4c4c54; }.dashboard__nav-link .nav-chevron { margin-left: auto; font-size: 12px; }.nav-icon { display: inline-grid; place-items: center; width: 16px; margin-right: 5px; color: currentColor; font-size: 12px; }.dashboard__subnav { margin: 1px 0 5px 14px; padding-left: 6px; border-left: 1px solid #dedee2; }.dashboard__subnav-link { min-height: 29px; padding-left: 8px; font-size: 10px; }.sidebar__bottom { margin-top: auto; }.help-link { width: 100%; min-height: 29px; padding: 0 10px; border: 1px solid #e5e5e9; border-radius: 15px; background: #fff; color: #55555d; font-size: 10px; text-align: left; cursor: pointer; }.trial-card { display: grid; gap: 4px; margin-top: 7px; padding: 10px 10px 9px; border: 1px solid #f0dfb5; border-radius: 8px; background: #fff0c9; color: #875b16; font-size: 10px; }.trial-card span { color: #a17733; font-size: 9px; }.trial-card button { min-height: 24px; border-radius: 13px; background: #a64a09; color: #fff; font-size: 10px; font-weight: 700; }.trial-card small { color: #a17733; font-size: 8px; text-align: center; }
.dashboard__main { width: auto; min-width: 0; padding: 0 18px 60px; }.workspace-topbar { display: flex; align-items: center; justify-content: space-between; height: 47px; margin: 0 -18px; padding: 0 16px 0 20px; border-bottom: 1px solid #e2e2e6; background: #fff; }.workspace-history { display: flex; gap: 15px; }.workspace-history button, .top-chevron { padding: 0; border: 0; background: transparent; color: #4f4f58; font-size: 16px; cursor: pointer; }.workspace-pills { display: flex; align-items: center; gap: 7px; }.top-pill, .top-search, .top-plus, .top-trial, .top-feature, .top-support, .top-icon { min-height: 25px; padding: 0 10px; border: 1px solid transparent; border-radius: 15px; background: #fff; color: #585860; font-size: 10px; white-space: nowrap; cursor: pointer; }.top-pill--blue { border-color: #dce6f8; background: #f0f5ff; color: #3568ab; }.top-pill--green { border-color: #dcefe2; background: #effaf1; color: #388058; }.top-pill--purple { border-color: #e6ddf5; background: #f7f0ff; color: #7d4da5; }.top-search { width: 27px; padding: 0; border-color: #e6e6ea; font-size: 15px; }.top-plus { border-color: #b85b1a; background: #ad4b0d; color: #fff; font-weight: 700; }.top-trial { border-color: #f0dfb5; background: #fff8df; color: #9e6a18; }.top-feature { border-color: #f0dfb5; background: #fff8e6; color: #765c22; }.top-support { border-color: #159c96; background: #0e948f; color: #fff; font-weight: 700; }.top-icon { padding: 0 4px; color: #71717a; }.top-user-name { margin-left: 2px; color: #7a7a83; font-size: 10px; white-space: nowrap; }.top-avatar { display: grid; place-items: center; width: 24px; height: 24px; border-radius: 50%; background: #dfd9ff; color: #6856b1; font-size: 9px; font-weight: 700; }.top-chevron { font-size: 12px; }
.setup-banner { display: flex; align-items: center; justify-content: space-between; min-height: 56px; margin: 10px 0 12px; padding: 10px 13px; border: 1px solid #e5e2e1; border-radius: 10px; background: #fbfafb; color: #62626a; }.setup-banner strong { display: flex; gap: 26px; font-size: 10px; font-weight: 500; }.setup-step--active { color: #9d4f16; font-weight: 700; }.setup-banner p { margin: 6px 0 0; color: #777780; font-size: 10px; }.setup-banner a { color: #a45116; font-weight: 700; }.setup-banner > button { border: 0; background: transparent; color: #898991; font-size: 9px; cursor: pointer; }
.workspace-tabs { display: inline-flex; margin-bottom: 26px; padding: 2px; border: 1px solid #e3e3e6; border-radius: 17px; background: #fff; }.workspace-tab { min-height: 27px; padding: 0 15px; border: 0; border-radius: 14px; background: transparent; color: #777780; font-size: 10px; cursor: pointer; }.workspace-tab.is-active { background: #ad4b0d; color: #fff; font-weight: 700; }.team-intro-card { width: min(590px, 100%); margin: 0 auto; padding: 21px 18px; border: 1px solid #e8e5e3; border-radius: 10px; background: #fbfafb; box-shadow: 0 4px 10px rgba(53, 43, 35, .04); }.team-intro-card strong { font-size: 13px; }.team-intro-card p { margin: 7px 0 0; color: #85858d; font-size: 10px; }.team-empty { display: flex; flex-direction: column; align-items: center; padding-top: 17px; }.team-empty h1 { margin: 0; font-size: 19px; letter-spacing: -.5px; }.team-empty > p { margin: 5px 0 13px; color: #83838b; font-size: 10px; }.team-add-button { min-height: 33px; padding: 0 18px; border-radius: 18px; background: #ad4b0d; color: white; font-size: 11px; font-weight: 700; cursor: pointer; }.team-add-button:hover, .top-plus:hover { background: #933d08; }.team-video-card { display: grid; grid-template-columns: 68px 1fr 18px; align-items: center; gap: 10px; width: 320px; margin-top: 15px; padding: 7px; border: 1px solid #e6e2e0; border-radius: 8px; background: #f6f3f2; }.video-thumb { display: grid; place-items: center; height: 42px; border-radius: 6px; background: linear-gradient(135deg, #6f7479, #34383e); color: #fff; font-size: 16px; }.team-video-card strong { color: #9f4f16; font-size: 10px; }.team-video-card p { margin: 4px 0 0; color: #77777f; font-size: 9px; }.team-video-card > button { padding: 0; border: 0; background: transparent; color: #85858d; font-size: 14px; cursor: pointer; }
.leads-view-header { display: flex; align-items: flex-start; justify-content: space-between; margin: 20px 2px 22px; }.leads-view-header h1 { margin: 8px 0 6px; font-size: 24px; letter-spacing: -.7px; }.leads-view-header p { margin: 0; color: #777780; font-size: 11px; }.leads-view-add { padding: 0 14px; }
@media (max-width: 1200px) { .workspace-pills { gap: 3px; }.top-feature, .top-icon { display: none; }.top-user-name { display: none; } }
@media (max-width: 760px) { .dashboard { display: block; }.dashboard__sidebar { width: 100%; min-height: auto; padding: 10px 12px; border-right: 0; border-bottom: 1px solid #e4e4e8; }.sidebar__brand-row { padding-bottom: 9px; }.dashboard__nav { display: flex; overflow-x: auto; gap: 3px; }.dashboard__nav-label, .dashboard__subnav, .sidebar__bottom { display: none; }.dashboard__nav-link { width: auto; min-width: max-content; padding: 0 9px; }.dashboard__nav-link--team { display: none; }.dashboard__main { padding: 0 10px 40px; }.workspace-topbar { margin: 0 -10px; padding: 0 11px; }.workspace-pills { overflow-x: auto; max-width: 82%; }.top-trial, .top-feature, .top-support, .top-icon { display: none; }.setup-banner { align-items: flex-start; gap: 8px; }.setup-banner strong { gap: 8px; flex-wrap: wrap; }.team-intro-card { margin-top: 0; }.team-video-card { width: min(320px, 100%); }.leads-view-header { gap: 10px; }.metric-grid { grid-template-columns: 1fr 1fr; } }