@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: "Vazirmatn Variable", Vazirmatn, Tahoma, "Segoe UI", Arial, sans-serif;
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --color-red-50: oklch(97.1% 0.013 17.38);
    --color-red-100: oklch(93.6% 0.032 17.717);
    --color-red-200: oklch(88.5% 0.062 18.334);
    --color-red-300: oklch(80.8% 0.114 19.571);
    --color-red-600: oklch(57.7% 0.245 27.325);
    --color-red-700: oklch(50.5% 0.213 27.518);
    --color-red-800: oklch(44.4% 0.177 26.899);
    --color-red-900: oklch(39.6% 0.141 25.723);
    --color-red-950: oklch(25.8% 0.092 26.042);
    --color-orange-50: oklch(98% 0.016 73.684);
    --color-orange-100: oklch(95.4% 0.038 75.164);
    --color-orange-200: oklch(90.1% 0.076 70.697);
    --color-orange-800: oklch(47% 0.157 37.304);
    --color-orange-900: oklch(40.8% 0.123 38.172);
    --color-orange-950: oklch(26.6% 0.079 36.259);
    --color-amber-50: oklch(98.7% 0.022 95.277);
    --color-amber-100: oklch(96.2% 0.059 95.617);
    --color-amber-200: oklch(92.4% 0.12 95.746);
    --color-amber-300: oklch(87.9% 0.169 91.605);
    --color-amber-700: oklch(55.5% 0.163 48.998);
    --color-amber-800: oklch(47.3% 0.137 46.201);
    --color-amber-900: oklch(41.4% 0.112 45.904);
    --color-amber-950: oklch(27.9% 0.077 45.635);
    --color-yellow-100: oklch(97.3% 0.071 103.193);
    --color-yellow-700: oklch(55.4% 0.135 66.442);
    --color-green-50: oklch(98.2% 0.018 155.826);
    --color-green-100: oklch(96.2% 0.044 156.743);
    --color-green-200: oklch(92.5% 0.084 155.995);
    --color-green-700: oklch(52.7% 0.154 150.069);
    --color-green-800: oklch(44.8% 0.119 151.328);
    --color-green-900: oklch(39.3% 0.095 152.535);
    --color-green-950: oklch(26.6% 0.065 152.934);
    --color-emerald-50: oklch(97.9% 0.021 166.113);
    --color-emerald-100: oklch(95% 0.052 163.051);
    --color-emerald-200: oklch(90.5% 0.093 164.15);
    --color-emerald-300: oklch(84.5% 0.143 164.978);
    --color-emerald-500: oklch(69.6% 0.17 162.48);
    --color-emerald-700: oklch(50.8% 0.118 165.612);
    --color-emerald-800: oklch(43.2% 0.095 166.913);
    --color-emerald-900: oklch(37.8% 0.077 168.94);
    --color-emerald-950: oklch(26.2% 0.051 172.552);
    --color-cyan-50: oklch(98.4% 0.019 200.873);
    --color-cyan-100: oklch(95.6% 0.045 203.388);
    --color-cyan-200: oklch(91.7% 0.08 205.041);
    --color-cyan-500: oklch(71.5% 0.143 215.221);
    --color-cyan-800: oklch(45% 0.085 224.283);
    --color-cyan-900: oklch(39.8% 0.07 227.392);
    --color-cyan-950: oklch(30.2% 0.056 229.695);
    --color-blue-50: oklch(97% 0.014 254.604);
    --color-blue-100: oklch(93.2% 0.032 255.585);
    --color-blue-200: oklch(88.2% 0.059 254.128);
    --color-blue-700: oklch(48.8% 0.243 264.376);
    --color-blue-800: oklch(42.4% 0.199 265.638);
    --color-blue-900: oklch(37.9% 0.146 265.522);
    --color-blue-950: oklch(28.2% 0.091 267.935);
    --color-indigo-50: oklch(96.2% 0.018 272.314);
    --color-indigo-100: oklch(93% 0.034 272.788);
    --color-indigo-200: oklch(87% 0.065 274.039);
    --color-indigo-700: oklch(45.7% 0.24 277.023);
    --color-indigo-900: oklch(35.9% 0.144 278.697);
    --color-indigo-950: oklch(25.7% 0.09 281.288);
    --color-violet-50: oklch(96.9% 0.016 293.756);
    --color-violet-100: oklch(94.3% 0.029 294.588);
    --color-violet-200: oklch(89.4% 0.057 293.283);
    --color-violet-800: oklch(43.2% 0.232 292.759);
    --color-violet-900: oklch(38% 0.189 293.745);
    --color-violet-950: oklch(28.3% 0.141 291.089);
    --color-purple-50: oklch(97.7% 0.014 308.299);
    --color-purple-100: oklch(94.6% 0.033 307.174);
    --color-purple-200: oklch(90.2% 0.063 306.703);
    --color-purple-700: oklch(49.6% 0.265 301.924);
    --color-purple-900: oklch(38.1% 0.176 304.987);
    --color-purple-950: oklch(29.1% 0.149 302.717);
    --color-rose-700: oklch(51.4% 0.222 16.935);
    --color-slate-50: oklch(98.4% 0.003 247.858);
    --color-slate-100: oklch(96.8% 0.007 247.896);
    --color-slate-200: oklch(92.9% 0.013 255.508);
    --color-slate-300: oklch(86.9% 0.022 252.894);
    --color-slate-400: oklch(70.4% 0.04 256.788);
    --color-slate-500: oklch(55.4% 0.046 257.417);
    --color-slate-600: oklch(44.6% 0.043 257.281);
    --color-slate-700: oklch(37.2% 0.044 257.287);
    --color-slate-800: oklch(27.9% 0.041 260.031);
    --color-slate-900: oklch(20.8% 0.042 265.755);
    --color-slate-950: oklch(12.9% 0.042 264.695);
    --color-gray-100: oklch(96.7% 0.003 264.542);
    --color-gray-200: oklch(92.8% 0.006 264.531);
    --color-gray-300: oklch(87.2% 0.01 258.338);
    --color-gray-500: oklch(55.1% 0.027 264.364);
    --color-gray-600: oklch(44.6% 0.03 256.802);
    --color-gray-700: oklch(37.3% 0.034 259.733);
    --color-black: #000;
    --color-white: #fff;
    --spacing: 0.25rem;
    --container-sm: 24rem;
    --container-md: 28rem;
    --container-2xl: 42rem;
    --container-3xl: 48rem;
    --container-4xl: 56rem;
    --text-xs: 0.75rem;
    --text-xs--line-height: calc(1 / 0.75);
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --font-weight-medium: 500;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;
    --radius-md: 0.375rem;
    --radius-xl: 0.75rem;
    --radius-2xl: 1rem;
    --radius-3xl: 1.5rem;
    --animate-spin: spin 1s linear infinite;
    --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --color-primary: #4f6df5;
    --color-primary-50: #f3f5ff;
    --color-primary-100: #e6eaff;
    --color-primary-200: #cdd5ff;
    --color-primary-300: #a9b5ff;
    --color-primary-400: #8090ff;
    --color-primary-500: #5e73ff;
    --color-primary-600: #4f6df5;
    --color-primary-700: #3e55d8;
    --color-primary-900: #2e3f89;
    --color-primary-950: #1b2450;
    --color-accent: #20b8a6;
    --color-success: #16a36a;
    --color-danger: #dc4c64;
    --radius-xl2: 1rem;
  }
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b, strong {
    font-weight: bolder;
  }
  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol, ul, menu {
    list-style: none;
  }
  img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}
@layer utilities {
  .visible {
    visibility: visible;
  }
  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
  }
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .inset-0 {
    inset: calc(var(--spacing) * 0);
  }
  .inset-2 {
    inset: calc(var(--spacing) * 2);
  }
  .inset-y-1 {
    inset-block: calc(var(--spacing) * 1);
  }
  .left-1 {
    left: calc(var(--spacing) * 1);
  }
  .z-10 {
    z-index: 10;
  }
  .z-40 {
    z-index: 40;
  }
  .container {
    width: 100%;
    @media (width >= 40rem) {
      max-width: 40rem;
    }
    @media (width >= 48rem) {
      max-width: 48rem;
    }
    @media (width >= 64rem) {
      max-width: 64rem;
    }
    @media (width >= 80rem) {
      max-width: 80rem;
    }
    @media (width >= 96rem) {
      max-width: 96rem;
    }
  }
  .mx-auto {
    margin-inline: auto;
  }
  .-mt-5 {
    margin-top: calc(var(--spacing) * -5);
  }
  .mt-0 {
    margin-top: calc(var(--spacing) * 0);
  }
  .mt-1 {
    margin-top: calc(var(--spacing) * 1);
  }
  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }
  .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }
  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }
  .mt-5 {
    margin-top: calc(var(--spacing) * 5);
  }
  .mt-6 {
    margin-top: calc(var(--spacing) * 6);
  }
  .mt-7 {
    margin-top: calc(var(--spacing) * 7);
  }
  .mr-2 {
    margin-right: calc(var(--spacing) * 2);
  }
  .mb-1 {
    margin-bottom: calc(var(--spacing) * 1);
  }
  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }
  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }
  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .mb-5 {
    margin-bottom: calc(var(--spacing) * 5);
  }
  .mb-10 {
    margin-bottom: calc(var(--spacing) * 10);
  }
  .block {
    display: block;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline-block {
    display: inline-block;
  }
  .inline-flex {
    display: inline-flex;
  }
  .h-1\.5 {
    height: calc(var(--spacing) * 1.5);
  }
  .h-2 {
    height: calc(var(--spacing) * 2);
  }
  .h-3 {
    height: calc(var(--spacing) * 3);
  }
  .h-4 {
    height: calc(var(--spacing) * 4);
  }
  .h-8 {
    height: calc(var(--spacing) * 8);
  }
  .h-11 {
    height: calc(var(--spacing) * 11);
  }
  .h-14 {
    height: calc(var(--spacing) * 14);
  }
  .h-28 {
    height: calc(var(--spacing) * 28);
  }
  .h-fit {
    height: fit-content;
  }
  .h-full {
    height: 100%;
  }
  .max-h-\[70vh\] {
    max-height: 70vh;
  }
  .min-h-12 {
    min-height: calc(var(--spacing) * 12);
  }
  .min-h-\[45vh\] {
    min-height: 45vh;
  }
  .min-h-\[100px\] {
    min-height: 100px;
  }
  .min-h-\[180px\] {
    min-height: 180px;
  }
  .min-h-\[220px\] {
    min-height: 220px;
  }
  .min-h-\[240px\] {
    min-height: 240px;
  }
  .min-h-screen {
    min-height: 100vh;
  }
  .w-2 {
    width: calc(var(--spacing) * 2);
  }
  .w-4 {
    width: calc(var(--spacing) * 4);
  }
  .w-8 {
    width: calc(var(--spacing) * 8);
  }
  .w-11 {
    width: calc(var(--spacing) * 11);
  }
  .w-14 {
    width: calc(var(--spacing) * 14);
  }
  .w-fit {
    width: fit-content;
  }
  .w-full {
    width: 100%;
  }
  .object-cover {
    object-fit: cover;
  }
  .max-w-2xl {
    max-width: var(--container-2xl);
  }
  .max-w-3xl {
    max-width: var(--container-3xl);
  }
  .max-w-4xl {
    max-width: var(--container-4xl);
  }
  .max-w-\[120px\] {
    max-width: 120px;
  }
  .max-w-\[160px\] {
    max-width: 160px;
  }
  .max-w-\[220px\] {
    max-width: 220px;
  }
  .max-w-\[360px\] {
    max-width: 360px;
  }
  .max-w-\[420px\] {
    max-width: 420px;
  }
  .max-w-md {
    max-width: var(--container-md);
  }
  .max-w-none {
    max-width: none;
  }
  .max-w-sm {
    max-width: var(--container-sm);
  }
  .min-w-0 {
    min-width: calc(var(--spacing) * 0);
  }
  .min-w-\[220px\] {
    min-width: 220px;
  }
  .min-w-\[280px\] {
    min-width: 280px;
  }
  .min-w-\[540px\] {
    min-width: 540px;
  }
  .min-w-\[620px\] {
    min-width: 620px;
  }
  .min-w-\[720px\] {
    min-width: 720px;
  }
  .min-w-\[760px\] {
    min-width: 760px;
  }
  .min-w-\[980px\] {
    min-width: 980px;
  }
  .min-w-full {
    min-width: 100%;
  }
  .flex-1 {
    flex: 1;
  }
  .shrink-0 {
    flex-shrink: 0;
  }
  .rotate-180 {
    rotate: 180deg;
  }
  .animate-pulse {
    animation: var(--animate-pulse);
  }
  .animate-spin {
    animation: var(--animate-spin);
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .items-center {
    align-items: center;
  }
  .items-end {
    align-items: flex-end;
  }
  .items-start {
    align-items: flex-start;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .gap-1 {
    gap: calc(var(--spacing) * 1);
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .gap-2\.5 {
    gap: calc(var(--spacing) * 2.5);
  }
  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }
  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }
  .gap-5 {
    gap: calc(var(--spacing) * 5);
  }
  .gap-8 {
    gap: calc(var(--spacing) * 8);
  }
  .space-y-1 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-2 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-3 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-4 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-5 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-6 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-8 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-10 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .divide-y {
    :where(& > :not(:last-child)) {
      --tw-divide-y-reverse: 0;
      border-bottom-style: var(--tw-border-style);
      border-top-style: var(--tw-border-style);
      border-top-width: calc(1px * var(--tw-divide-y-reverse));
      border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
    }
  }
  .divide-slate-100 {
    :where(& > :not(:last-child)) {
      border-color: var(--color-slate-100);
    }
  }
  .self-end {
    align-self: flex-end;
  }
  .truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .overflow-x-auto {
    overflow-x: auto;
  }
  .overflow-y-auto {
    overflow-y: auto;
  }
  .rounded {
    border-radius: 0.25rem;
  }
  .rounded-2xl {
    border-radius: var(--radius-2xl);
  }
  .rounded-3xl {
    border-radius: var(--radius-3xl);
  }
  .rounded-\[2rem\] {
    border-radius: 2rem;
  }
  .rounded-full {
    border-radius: calc(infinity * 1px);
  }
  .rounded-md {
    border-radius: var(--radius-md);
  }
  .rounded-xl {
    border-radius: var(--radius-xl);
  }
  .rounded-xl2 {
    border-radius: var(--radius-xl2);
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }
  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .border-amber-200 {
    border-color: var(--color-amber-200);
  }
  .border-amber-300 {
    border-color: var(--color-amber-300);
  }
  .border-blue-200 {
    border-color: var(--color-blue-200);
  }
  .border-cyan-200 {
    border-color: var(--color-cyan-200);
  }
  .border-emerald-200 {
    border-color: var(--color-emerald-200);
  }
  .border-gray-200 {
    border-color: var(--color-gray-200);
  }
  .border-gray-300 {
    border-color: var(--color-gray-300);
  }
  .border-green-200 {
    border-color: var(--color-green-200);
  }
  .border-indigo-200 {
    border-color: var(--color-indigo-200);
  }
  .border-orange-200 {
    border-color: var(--color-orange-200);
  }
  .border-primary-100 {
    border-color: var(--color-primary-100);
  }
  .border-primary-200 {
    border-color: var(--color-primary-200);
  }
  .border-purple-200 {
    border-color: var(--color-purple-200);
  }
  .border-red-200 {
    border-color: var(--color-red-200);
  }
  .border-slate-100 {
    border-color: var(--color-slate-100);
  }
  .border-slate-200 {
    border-color: var(--color-slate-200);
  }
  .border-slate-300 {
    border-color: var(--color-slate-300);
  }
  .border-violet-200 {
    border-color: var(--color-violet-200);
  }
  .border-t-primary-600 {
    border-top-color: var(--color-primary-600);
  }
  .bg-amber-50 {
    background-color: var(--color-amber-50);
  }
  .bg-black\/40 {
    background-color: color-mix(in srgb, #000 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 40%, transparent);
    }
  }
  .bg-blue-50 {
    background-color: var(--color-blue-50);
  }
  .bg-blue-100 {
    background-color: var(--color-blue-100);
  }
  .bg-cyan-50 {
    background-color: var(--color-cyan-50);
  }
  .bg-emerald-50 {
    background-color: var(--color-emerald-50);
  }
  .bg-emerald-500 {
    background-color: var(--color-emerald-500);
  }
  .bg-gray-100 {
    background-color: var(--wb-bg-elevated);
  }
  .bg-green-50 {
    background-color: var(--color-green-50);
  }
  .bg-green-100 {
    background-color: var(--color-green-100);
  }
  .bg-indigo-50 {
    background-color: var(--color-indigo-50);
  }
  .bg-orange-50 {
    background-color: var(--color-orange-50);
  }
  .bg-primary-50 {
    background-color: var(--color-primary-50);
  }
  .bg-primary-50\/50 {
    background-color: color-mix(in srgb, #f3f5ff 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-primary-50) 50%, transparent);
    }
  }
  .bg-primary-500 {
    background-color: var(--color-primary-500);
  }
  .bg-primary-600 {
    background-color: var(--color-primary-600);
  }
  .bg-purple-50 {
    background-color: var(--color-purple-50);
  }
  .bg-red-50 {
    background-color: var(--color-red-50);
  }
  .bg-red-100 {
    background-color: var(--color-red-100);
  }
  .bg-slate-50 {
    background-color: var(--wb-bg-elevated);
  }
  .bg-slate-100 {
    background-color: var(--wb-bg-elevated);
  }
  .bg-slate-200 {
    background-color: var(--color-slate-200);
  }
  .bg-violet-50 {
    background-color: var(--color-violet-50);
  }
  .bg-white {
    background-color: var(--wb-bg-elevated);
  }
  .bg-white\/70 {
    background-color: var(--wb-bg-elevated);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: var(--wb-bg-elevated);
    }
  }
  .bg-white\/75 {
    background-color: var(--wb-bg-elevated);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: var(--wb-bg-elevated);
    }
  }
  .bg-yellow-100 {
    background-color: var(--color-yellow-100);
  }
  .bg-gradient-to-br {
    --tw-gradient-position: to bottom right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .bg-gradient-to-l {
    --tw-gradient-position: to left in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .from-primary-600 {
    --tw-gradient-from: var(--color-primary-600);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .from-white {
    --tw-gradient-from: var(--color-white);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-cyan-500 {
    --tw-gradient-to: var(--color-cyan-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-slate-50 {
    --tw-gradient-to: var(--color-slate-50);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .p-0 {
    padding: calc(var(--spacing) * 0);
  }
  .p-3 {
    padding: calc(var(--spacing) * 3);
  }
  .p-4 {
    padding: calc(var(--spacing) * 4);
  }
  .p-5 {
    padding: calc(var(--spacing) * 5);
  }
  .p-6 {
    padding: calc(var(--spacing) * 6);
  }
  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }
  .px-2\.5 {
    padding-inline: calc(var(--spacing) * 2.5);
  }
  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }
  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }
  .px-5 {
    padding-inline: calc(var(--spacing) * 5);
  }
  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }
  .py-0\.5 {
    padding-block: calc(var(--spacing) * 0.5);
  }
  .py-1 {
    padding-block: calc(var(--spacing) * 1);
  }
  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }
  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }
  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }
  .py-5 {
    padding-block: calc(var(--spacing) * 5);
  }
  .py-8 {
    padding-block: calc(var(--spacing) * 8);
  }
  .py-10 {
    padding-block: calc(var(--spacing) * 10);
  }
  .py-14 {
    padding-block: calc(var(--spacing) * 14);
  }
  .pt-3 {
    padding-top: calc(var(--spacing) * 3);
  }
  .pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }
  .text-center {
    text-align: center;
  }
  .text-left {
    text-align: left;
  }
  .text-right {
    text-align: right;
  }
  .align-top {
    vertical-align: top;
  }
  .font-mono {
    font-family: var(--font-mono);
  }
  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
  .text-3xl {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }
  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .text-\[1\.08rem\] {
    font-size: 1.08rem;
  }
  .leading-6 {
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
  }
  .leading-7 {
    --tw-leading: calc(var(--spacing) * 7);
    line-height: calc(var(--spacing) * 7);
  }
  .leading-8 {
    --tw-leading: calc(var(--spacing) * 8);
    line-height: calc(var(--spacing) * 8);
  }
  .leading-\[1\.5\] {
    --tw-leading: 1.5;
    line-height: 1.5;
  }
  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }
  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .font-extrabold {
    --tw-font-weight: var(--font-weight-extrabold);
    font-weight: var(--font-weight-extrabold);
  }
  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .break-words {
    overflow-wrap: break-word;
  }
  .break-all {
    word-break: break-all;
  }
  .whitespace-pre-wrap {
    white-space: pre-wrap;
  }
  .text-amber-700 {
    color: var(--color-amber-700);
  }
  .text-amber-800 {
    color: var(--color-amber-800);
  }
  .text-amber-900 {
    color: var(--color-amber-900);
  }
  .text-blue-700 {
    color: var(--color-blue-700);
  }
  .text-blue-800 {
    color: var(--color-blue-800);
  }
  .text-cyan-800 {
    color: var(--color-cyan-800);
  }
  .text-danger {
    color: var(--color-danger);
  }
  .text-emerald-500 {
    color: var(--color-emerald-500);
  }
  .text-emerald-700 {
    color: var(--color-emerald-700);
  }
  .text-emerald-800 {
    color: var(--color-emerald-800);
  }
  .text-emerald-900 {
    color: var(--color-emerald-900);
  }
  .text-gray-500 {
    color: var(--wb-text-muted);
  }
  .text-gray-600 {
    color: var(--wb-text-muted);
  }
  .text-gray-700 {
    color: var(--wb-text);
  }
  .text-green-700 {
    color: var(--color-green-700);
  }
  .text-green-800 {
    color: var(--color-green-800);
  }
  .text-indigo-700 {
    color: var(--color-indigo-700);
  }
  .text-orange-800 {
    color: var(--color-orange-800);
  }
  .text-primary-600 {
    color: var(--color-primary-600);
  }
  .text-primary-700 {
    color: var(--color-primary-700);
  }
  .text-purple-700 {
    color: var(--color-purple-700);
  }
  .text-red-600 {
    color: var(--color-red-600);
  }
  .text-red-700 {
    color: var(--color-red-700);
  }
  .text-red-800 {
    color: var(--color-red-800);
  }
  .text-rose-700 {
    color: var(--color-rose-700);
  }
  .text-slate-100 {
    color: var(--color-slate-100);
  }
  .text-slate-400 {
    color: var(--wb-text-muted);
  }
  .text-slate-500 {
    color: var(--wb-text-muted);
  }
  .text-slate-600 {
    color: var(--wb-text-muted);
  }
  .text-slate-700 {
    color: var(--wb-text);
  }
  .text-slate-800 {
    color: var(--wb-text);
  }
  .text-slate-900 {
    color: var(--wb-text);
  }
  .text-slate-950 {
    color: var(--color-slate-950);
  }
  .text-success {
    color: var(--color-success);
  }
  .text-violet-800 {
    color: var(--color-violet-800);
  }
  .text-white {
    color: var(--color-white);
  }
  .text-yellow-700 {
    color: var(--color-yellow-700);
  }
  .line-through {
    text-decoration-line: line-through;
  }
  .opacity-80 {
    opacity: 80%;
  }
  .shadow-sm {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-soft {
    --tw-shadow: 0 16px 45px var(--tw-shadow-color, rgb(15 23 42 / 0.08));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .backdrop-blur {
    --tw-backdrop-blur: blur(8px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .duration-500 {
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  .last\:border-0 {
    &:last-child {
      border-style: var(--tw-border-style);
      border-width: 0px;
    }
  }
  .hover\:-translate-y-0\.5 {
    &:hover {
      @media (hover: hover) {
        --tw-translate-y: calc(var(--spacing) * -0.5);
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .hover\:bg-gray-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-gray-100);
      }
    }
  }
  .hover\:bg-slate-50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-slate-50);
      }
    }
  }
  .hover\:shadow-soft {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 16px 45px var(--tw-shadow-color, rgb(15 23 42 / 0.08));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .focus\:border-primary-400 {
    &:focus {
      border-color: var(--color-primary-400);
    }
  }
  .focus\:ring-4 {
    &:focus {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .focus\:ring-primary-500\/15 {
    &:focus {
      --tw-ring-color: color-mix(in srgb, #5e73ff 15%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-primary-500) 15%, transparent);
      }
    }
  }
  .sm\:col-span-2 {
    @media (width >= 40rem) {
      grid-column: span 2 / span 2;
    }
  }
  .sm\:col-span-3 {
    @media (width >= 40rem) {
      grid-column: span 3 / span 3;
    }
  }
  .sm\:col-span-4 {
    @media (width >= 40rem) {
      grid-column: span 4 / span 4;
    }
  }
  .sm\:-mt-7 {
    @media (width >= 40rem) {
      margin-top: calc(var(--spacing) * -7);
    }
  }
  .sm\:block {
    @media (width >= 40rem) {
      display: block;
    }
  }
  .sm\:inline-flex {
    @media (width >= 40rem) {
      display: inline-flex;
    }
  }
  .sm\:grid-cols-2 {
    @media (width >= 40rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .sm\:grid-cols-3 {
    @media (width >= 40rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .sm\:grid-cols-4 {
    @media (width >= 40rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .sm\:grid-cols-\[1fr_auto\] {
    @media (width >= 40rem) {
      grid-template-columns: 1fr auto;
    }
  }
  .sm\:grid-cols-\[140px_160px_1fr_auto\] {
    @media (width >= 40rem) {
      grid-template-columns: 140px 160px 1fr auto;
    }
  }
  .sm\:flex-row {
    @media (width >= 40rem) {
      flex-direction: row;
    }
  }
  .sm\:items-center {
    @media (width >= 40rem) {
      align-items: center;
    }
  }
  .sm\:items-end {
    @media (width >= 40rem) {
      align-items: flex-end;
    }
  }
  .sm\:items-start {
    @media (width >= 40rem) {
      align-items: flex-start;
    }
  }
  .sm\:justify-between {
    @media (width >= 40rem) {
      justify-content: space-between;
    }
  }
  .sm\:p-10 {
    @media (width >= 40rem) {
      padding: calc(var(--spacing) * 10);
    }
  }
  .sm\:py-7 {
    @media (width >= 40rem) {
      padding-block: calc(var(--spacing) * 7);
    }
  }
  .sm\:py-16 {
    @media (width >= 40rem) {
      padding-block: calc(var(--spacing) * 16);
    }
  }
  .md\:col-span-2 {
    @media (width >= 48rem) {
      grid-column: span 2 / span 2;
    }
  }
  .md\:col-span-3 {
    @media (width >= 48rem) {
      grid-column: span 3 / span 3;
    }
  }
  .md\:col-span-4 {
    @media (width >= 48rem) {
      grid-column: span 4 / span 4;
    }
  }
  .md\:block {
    @media (width >= 48rem) {
      display: block;
    }
  }
  .md\:grid-cols-2 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .md\:grid-cols-3 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .md\:grid-cols-4 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .md\:grid-cols-\[1fr_1fr_1fr_auto\] {
    @media (width >= 48rem) {
      grid-template-columns: 1fr 1fr 1fr auto;
    }
  }
  .md\:grid-cols-\[1fr_1fr_auto\] {
    @media (width >= 48rem) {
      grid-template-columns: 1fr 1fr auto;
    }
  }
  .md\:flex-row {
    @media (width >= 48rem) {
      flex-direction: row;
    }
  }
  .md\:items-center {
    @media (width >= 48rem) {
      align-items: center;
    }
  }
  .md\:items-end {
    @media (width >= 48rem) {
      align-items: flex-end;
    }
  }
  .md\:items-start {
    @media (width >= 48rem) {
      align-items: flex-start;
    }
  }
  .md\:justify-between {
    @media (width >= 48rem) {
      justify-content: space-between;
    }
  }
  .md\:text-left {
    @media (width >= 48rem) {
      text-align: left;
    }
  }
  .lg\:col-span-2 {
    @media (width >= 64rem) {
      grid-column: span 2 / span 2;
    }
  }
  .lg\:col-span-4 {
    @media (width >= 64rem) {
      grid-column: span 4 / span 4;
    }
  }
  .lg\:flex {
    @media (width >= 64rem) {
      display: flex;
    }
  }
  .lg\:hidden {
    @media (width >= 64rem) {
      display: none;
    }
  }
  .lg\:inline-flex {
    @media (width >= 64rem) {
      display: inline-flex;
    }
  }
  .lg\:grid-cols-2 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-3 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-4 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-6 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-\[1fr_\.9fr\] {
    @media (width >= 64rem) {
      grid-template-columns: 1fr .9fr;
    }
  }
  .lg\:grid-cols-\[1fr_360px\] {
    @media (width >= 64rem) {
      grid-template-columns: 1fr 360px;
    }
  }
  .lg\:flex-row {
    @media (width >= 64rem) {
      flex-direction: row;
    }
  }
  .lg\:items-center {
    @media (width >= 64rem) {
      align-items: center;
    }
  }
  .lg\:items-start {
    @media (width >= 64rem) {
      align-items: flex-start;
    }
  }
  .lg\:justify-between {
    @media (width >= 64rem) {
      justify-content: space-between;
    }
  }
  .xl\:col-span-2 {
    @media (width >= 80rem) {
      grid-column: span 2 / span 2;
    }
  }
  .xl\:col-span-4 {
    @media (width >= 80rem) {
      grid-column: span 4 / span 4;
    }
  }
  .xl\:grid-cols-2 {
    @media (width >= 80rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .xl\:grid-cols-3 {
    @media (width >= 80rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .xl\:grid-cols-4 {
    @media (width >= 80rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .xl\:grid-cols-5 {
    @media (width >= 80rem) {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }
  .xl\:grid-cols-\[\.8fr_1\.2fr\] {
    @media (width >= 80rem) {
      grid-template-columns: .8fr 1.2fr;
    }
  }
  .xl\:grid-cols-\[1fr_1\.2fr\] {
    @media (width >= 80rem) {
      grid-template-columns: 1fr 1.2fr;
    }
  }
  .xl\:grid-cols-\[1fr_1fr_160px_180px_170px_auto\] {
    @media (width >= 80rem) {
      grid-template-columns: 1fr 1fr 160px 180px 170px auto;
    }
  }
  .xl\:grid-cols-\[1fr_360px\] {
    @media (width >= 80rem) {
      grid-template-columns: 1fr 360px;
    }
  }
  .xl\:grid-cols-\[1fr_380px\] {
    @media (width >= 80rem) {
      grid-template-columns: 1fr 380px;
    }
  }
  .dark\:divide-slate-800 {
    &:where(.dark, .dark *) {
      :where(& > :not(:last-child)) {
        border-color: var(--color-slate-800);
      }
    }
  }
  .dark\:border-amber-900 {
    &:where(.dark, .dark *) {
      border-color: var(--color-amber-900);
    }
  }
  .dark\:border-amber-900\/70 {
    &:where(.dark, .dark *) {
      border-color: color-mix(in srgb, oklch(41.4% 0.112 45.904) 70%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-amber-900) 70%, transparent);
      }
    }
  }
  .dark\:border-blue-900\/70 {
    &:where(.dark, .dark *) {
      border-color: color-mix(in srgb, oklch(37.9% 0.146 265.522) 70%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-blue-900) 70%, transparent);
      }
    }
  }
  .dark\:border-cyan-900\/70 {
    &:where(.dark, .dark *) {
      border-color: color-mix(in srgb, oklch(39.8% 0.07 227.392) 70%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-cyan-900) 70%, transparent);
      }
    }
  }
  .dark\:border-emerald-900\/60 {
    &:where(.dark, .dark *) {
      border-color: color-mix(in srgb, oklch(37.8% 0.077 168.94) 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-emerald-900) 60%, transparent);
      }
    }
  }
  .dark\:border-emerald-900\/70 {
    &:where(.dark, .dark *) {
      border-color: color-mix(in srgb, oklch(37.8% 0.077 168.94) 70%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-emerald-900) 70%, transparent);
      }
    }
  }
  .dark\:border-green-900\/70 {
    &:where(.dark, .dark *) {
      border-color: color-mix(in srgb, oklch(39.3% 0.095 152.535) 70%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-green-900) 70%, transparent);
      }
    }
  }
  .dark\:border-indigo-900\/70 {
    &:where(.dark, .dark *) {
      border-color: color-mix(in srgb, oklch(35.9% 0.144 278.697) 70%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-indigo-900) 70%, transparent);
      }
    }
  }
  .dark\:border-orange-900\/70 {
    &:where(.dark, .dark *) {
      border-color: color-mix(in srgb, oklch(40.8% 0.123 38.172) 70%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-orange-900) 70%, transparent);
      }
    }
  }
  .dark\:border-primary-900 {
    &:where(.dark, .dark *) {
      border-color: var(--color-primary-900);
    }
  }
  .dark\:border-primary-900\/40 {
    &:where(.dark, .dark *) {
      border-color: color-mix(in srgb, #2e3f89 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-primary-900) 40%, transparent);
      }
    }
  }
  .dark\:border-purple-900\/70 {
    &:where(.dark, .dark *) {
      border-color: color-mix(in srgb, oklch(38.1% 0.176 304.987) 70%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-purple-900) 70%, transparent);
      }
    }
  }
  .dark\:border-red-900\/70 {
    &:where(.dark, .dark *) {
      border-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 70%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-red-900) 70%, transparent);
      }
    }
  }
  .dark\:border-slate-700 {
    &:where(.dark, .dark *) {
      border-color: var(--color-slate-700);
    }
  }
  .dark\:border-slate-800 {
    &:where(.dark, .dark *) {
      border-color: var(--color-slate-800);
    }
  }
  .dark\:border-violet-900\/70 {
    &:where(.dark, .dark *) {
      border-color: color-mix(in srgb, oklch(38% 0.189 293.745) 70%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-violet-900) 70%, transparent);
      }
    }
  }
  .dark\:border-t-primary-300 {
    &:where(.dark, .dark *) {
      border-top-color: var(--color-primary-300);
    }
  }
  .dark\:bg-amber-950\/30 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(27.9% 0.077 45.635) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-amber-950) 30%, transparent);
      }
    }
  }
  .dark\:bg-amber-950\/40 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(27.9% 0.077 45.635) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-amber-950) 40%, transparent);
      }
    }
  }
  .dark\:bg-blue-950\/40 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(28.2% 0.091 267.935) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-blue-950) 40%, transparent);
      }
    }
  }
  .dark\:bg-cyan-950\/40 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(30.2% 0.056 229.695) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-cyan-950) 40%, transparent);
      }
    }
  }
  .dark\:bg-emerald-950\/30 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(26.2% 0.051 172.552) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-emerald-950) 30%, transparent);
      }
    }
  }
  .dark\:bg-emerald-950\/40 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(26.2% 0.051 172.552) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-emerald-950) 40%, transparent);
      }
    }
  }
  .dark\:bg-green-950\/40 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(26.6% 0.065 152.934) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-green-950) 40%, transparent);
      }
    }
  }
  .dark\:bg-indigo-950\/40 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(25.7% 0.09 281.288) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-indigo-950) 40%, transparent);
      }
    }
  }
  .dark\:bg-orange-950\/40 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(26.6% 0.079 36.259) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-orange-950) 40%, transparent);
      }
    }
  }
  .dark\:bg-primary-950\/20 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, #1b2450 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-primary-950) 20%, transparent);
      }
    }
  }
  .dark\:bg-primary-950\/30 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, #1b2450 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-primary-950) 30%, transparent);
      }
    }
  }
  .dark\:bg-primary-950\/40 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, #1b2450 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-primary-950) 40%, transparent);
      }
    }
  }
  .dark\:bg-purple-950\/40 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(29.1% 0.149 302.717) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-purple-950) 40%, transparent);
      }
    }
  }
  .dark\:bg-red-950\/30 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(25.8% 0.092 26.042) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-red-950) 30%, transparent);
      }
    }
  }
  .dark\:bg-red-950\/40 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(25.8% 0.092 26.042) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-red-950) 40%, transparent);
      }
    }
  }
  .dark\:bg-slate-700 {
    &:where(.dark, .dark *) {
      background-color: var(--color-slate-700);
    }
  }
  .dark\:bg-slate-800 {
    &:where(.dark, .dark *) {
      background-color: var(--color-slate-800);
    }
  }
  .dark\:bg-slate-800\/70 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(27.9% 0.041 260.031) 70%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-slate-800) 70%, transparent);
      }
    }
  }
  .dark\:bg-slate-900 {
    &:where(.dark, .dark *) {
      background-color: var(--color-slate-900);
    }
  }
  .dark\:bg-slate-900\/60 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-slate-900) 60%, transparent);
      }
    }
  }
  .dark\:bg-slate-900\/75 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(20.8% 0.042 265.755) 75%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-slate-900) 75%, transparent);
      }
    }
  }
  .dark\:bg-slate-950 {
    &:where(.dark, .dark *) {
      background-color: var(--color-slate-950);
    }
  }
  .dark\:bg-slate-950\/40 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(12.9% 0.042 264.695) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-slate-950) 40%, transparent);
      }
    }
  }
  .dark\:bg-slate-950\/60 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(12.9% 0.042 264.695) 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-slate-950) 60%, transparent);
      }
    }
  }
  .dark\:bg-violet-950\/40 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(28.3% 0.141 291.089) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-violet-950) 40%, transparent);
      }
    }
  }
  .dark\:from-slate-900 {
    &:where(.dark, .dark *) {
      --tw-gradient-from: var(--color-slate-900);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .dark\:to-slate-950 {
    &:where(.dark, .dark *) {
      --tw-gradient-to: var(--color-slate-950);
      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    }
  }
  .dark\:text-amber-100 {
    &:where(.dark, .dark *) {
      color: var(--color-amber-100);
    }
  }
  .dark\:text-amber-200 {
    &:where(.dark, .dark *) {
      color: var(--color-amber-200);
    }
  }
  .dark\:text-blue-100 {
    &:where(.dark, .dark *) {
      color: var(--color-blue-100);
    }
  }
  .dark\:text-cyan-100 {
    &:where(.dark, .dark *) {
      color: var(--color-cyan-100);
    }
  }
  .dark\:text-emerald-100 {
    &:where(.dark, .dark *) {
      color: var(--color-emerald-100);
    }
  }
  .dark\:text-emerald-200 {
    &:where(.dark, .dark *) {
      color: var(--color-emerald-200);
    }
  }
  .dark\:text-emerald-300 {
    &:where(.dark, .dark *) {
      color: var(--color-emerald-300);
    }
  }
  .dark\:text-green-100 {
    &:where(.dark, .dark *) {
      color: var(--color-green-100);
    }
  }
  .dark\:text-indigo-100 {
    &:where(.dark, .dark *) {
      color: var(--color-indigo-100);
    }
  }
  .dark\:text-orange-100 {
    &:where(.dark, .dark *) {
      color: var(--color-orange-100);
    }
  }
  .dark\:text-primary-200 {
    &:where(.dark, .dark *) {
      color: var(--color-primary-200);
    }
  }
  .dark\:text-primary-300 {
    &:where(.dark, .dark *) {
      color: var(--color-primary-300);
    }
  }
  .dark\:text-purple-100 {
    &:where(.dark, .dark *) {
      color: var(--color-purple-100);
    }
  }
  .dark\:text-red-100 {
    &:where(.dark, .dark *) {
      color: var(--color-red-100);
    }
  }
  .dark\:text-red-200 {
    &:where(.dark, .dark *) {
      color: var(--color-red-200);
    }
  }
  .dark\:text-red-300 {
    &:where(.dark, .dark *) {
      color: var(--color-red-300);
    }
  }
  .dark\:text-slate-100 {
    &:where(.dark, .dark *) {
      color: var(--color-slate-100);
    }
  }
  .dark\:text-slate-200 {
    &:where(.dark, .dark *) {
      color: var(--color-slate-200);
    }
  }
  .dark\:text-slate-300 {
    &:where(.dark, .dark *) {
      color: var(--color-slate-300);
    }
  }
  .dark\:text-slate-400 {
    &:where(.dark, .dark *) {
      color: var(--wb-text-muted);
    }
  }
  .dark\:text-slate-800 {
    &:where(.dark, .dark *) {
      color: var(--wb-text);
    }
  }
  .dark\:text-violet-100 {
    &:where(.dark, .dark *) {
      color: var(--color-violet-100);
    }
  }
  .dark\:text-white {
    &:where(.dark, .dark *) {
      color: var(--color-white);
    }
  }
  .dark\:hover\:bg-slate-800 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-slate-800);
        }
      }
    }
  }
  .print\:hidden {
    @media print {
      display: none;
    }
  }
  .print\:shadow-none {
    @media print {
      --tw-shadow: 0 0 #0000;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
}
@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-gradient-position {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}
@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}
@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes pulse {
  50% {
    opacity: 0.5;
  }
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-space-y-reverse: 0;
      --tw-divide-y-reverse: 0;
      --tw-border-style: solid;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
    }
  }
}

.ai-review-card {
  border: 1px solid #dbeafe;
  border-radius: 1rem;
  background: #eff6ff;
  padding: 1rem;
}
.ai-review-card > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  margin-bottom: .75rem;
}
.ai-review-card pre {
  margin: 0;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  font: inherit;
  line-height: 1.9;
}
.badge-success {
  display: inline-flex;
  align-items: center;
  gap: .375rem;
  border-radius: 999px;
  background: #f0fdf4;
  color: #16a34a;
  padding: .25rem .625rem;
  font-size: .75rem;
  font-weight: 700;
}
.border-dashed { border-style: dashed; }
.rounded-lg { border-radius: .5rem; }
.text-emerald-600 { color: #059669; }
.min-h-\[130px\] { min-height: 130px; }
.line-clamp-2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.hover\:shadow-sm:hover { box-shadow: 0 1px 2px 0 rgb(15 23 42 / .08); }
.dark .ai-review-card {
  border-color: #1e3a8a;
  background: rgb(30 58 138 / .14);
}
@media (min-width: 768px) {
  .md\:grid-cols-\[1fr_160px_130px_auto\] { grid-template-columns: 1fr 160px 130px auto; }
  .md\:grid-cols-\[1fr_auto\] { grid-template-columns: 1fr auto; }
}
.min-h-10 { min-height: 2.5rem; }
.underline { text-decoration-line: underline; }
.underline-offset-4 { text-underline-offset: 4px; }
.whitespace-nowrap { white-space: nowrap; }

:root {
  color-scheme: light;
  --wb-primary: #3059d9;
  --wb-primary-hover: #2445b4;
  --wb-primary-soft: #edf2ff;
  --wb-accent: #b51665;
  --wb-danger: #bb2644;
  --wb-warning: #855600;
  --wb-success: #08734f;
  --wb-bg: #f4f6fb;
  --wb-bg-elevated: #ffffff;
  --wb-bg-muted: #edf1f7;
  --wb-bg-subtle: #f8f9fc;
  --wb-text: #18243b;
  --wb-text-soft: #47566e;
  --wb-text-muted: #58677c;
  --wb-border: #dce3ed;
  --wb-border-strong: #a8b6c9;
  --wb-header: rgba(255,255,255,.96);
  --wb-shadow-xs: 0 1px 2px rgba(24,36,59,.04);
  --wb-shadow-sm: 0 5px 20px rgba(24,36,59,.045);
  --wb-shadow-md: 0 14px 44px rgba(24,36,59,.08);
  --wb-shadow-lg: 0 28px 70px rgba(24,36,59,.14);
  --wb-radius-sm: 8px;
  --wb-radius-md: 12px;
  --wb-radius-lg: 18px;
  --wb-radius-xl: 24px;
  --wb-content: 1220px;
  --wb-sidebar: 260px;
  --surface: var(--wb-bg-elevated);
  --muted-surface: var(--wb-bg-muted);
  --text: var(--wb-text);
  --text-muted: var(--wb-text-muted);
  --border: var(--wb-border);
  --font-sans: "Vazirmatn Variable", Vazirmatn, Tahoma, "Segoe UI", Arial, sans-serif;
  --wb-muted: var(--wb-text-muted);
  --wb-surface: var(--wb-bg-elevated);
  --wb-focus: #3059d9;
  --wb-market-pink: #c60078;
  --wb-market-pink-hover: #a90066;
  --wb-market-ink: #0b1324;
  --wb-r4-pink: #c41472;
  --wb-r4-pink-hover: #a90d5e;
  --wb-r4-ink: #0b1324;
  --wb-r4-line: #e4e8ef;
  --wb-r4-soft: #f8f9fc;
  --fr5-navy: #0d1724;
  --fr5-navy-2: #172231;
  --fr5-blue: var(--wb-primary);
  --fr5-blue-hover: var(--wb-primary-hover);
  --fr5-pink: var(--wb-action);
  --fr5-pink-hover: var(--wb-action-hover);
  --fr5-border: var(--wb-border);
  --fr5-border-soft: var(--wb-border);
  --fr5-bg: var(--wb-bg);
  --fr5-surface: var(--wb-bg-elevated);
  --fr5-ink: var(--wb-text);
  --fr5-muted: var(--wb-text-muted);
  --fr6-navy: #0e1724;
  --fr6-navy-soft: #182433;
  --fr6-blue: var(--wb-primary);
  --fr6-blue-hover: var(--wb-primary-hover);
  --fr6-pink: var(--wb-action);
  --fr6-pink-hover: var(--wb-action-hover);
  --fr6-canvas: var(--wb-bg);
  --fr6-surface: var(--wb-bg-elevated);
  --fr6-line: var(--wb-border);
  --fr6-line-soft: #e8ebef;
  --fr6-ink: var(--wb-text);
  --fr6-muted: var(--wb-text-muted);
  --fr6-subtle: #f8f9fa;
  --wb211-navy: #071224;
  --wb211-navy-soft: #101d35;
  --wb211-blue: #086f9f;
  --wb211-blue-dark: #075b84;
  --wb211-pink: #c91872;
  --wb211-line: #dce3eb;
  --wb211-shadow: 0 18px 50px rgba(10, 25, 48, .10);
  --r33-navy: #0f1722;
  --r33-navy-soft: #1d2a38;
  --r33-blue: #1399d6;
  --r33-blue-hover: #087eb5;
  --r33-pink: #e51b78;
  --r33-pink-hover: #c70f63;
  --r33-canvas: #f5f6f7;
  --r33-surface: #ffffff;
  --r33-line: #d8dde3;
  --r33-line-soft: #e8ebee;
  --r33-ink: #1f2833;
  --r33-muted: #5f6b78;
  --wb-danger-hover: #8f1d2f;
  --wb-r27-ease: cubic-bezier(.2, .75, .25, 1);
  --wb-r27-navy: #101a31;
  --wb-r27-blue: var(--wb-action);
  --wb-r27-blue-strong: var(--wb-action-hover);
  --wb-r27-pink: #e40b7d;
  --wb-r27-canvas: var(--wb-bg);
  --wb-r27-shadow: 0 24px 70px rgba(27, 42, 79, .12);
  --wb-action: #3059d9;
  --wb-action-hover: #2445b4;
  --wb-danger-soft: #fff0f3;
  --wb-success-soft: #e8f7f0;
  --wb-warning-soft: #fff5dc;
  --wb-info: #2057a7;
  --wb-info-soft: #edf4ff;
  --fr6-border: var(--wb-border);
}
.dark {
  color-scheme: dark;
  --wb-bg: #101622;
  --wb-bg-elevated: #182131;
  --wb-bg-muted: #222f43;
  --wb-bg-subtle: #141d2b;
  --wb-text: #f2f5fc;
  --wb-text-soft: #c3cddd;
  --wb-text-muted: #aab8cc;
  --wb-border: #35445b;
  --wb-border-strong: #74849d;
  --wb-header: rgba(16,22,34,.96);
  --wb-primary-soft: #202e51;
  --wb-shadow-xs: 0 1px 2px rgba(0, 0, 0, .22);
  --wb-shadow-sm: 0 10px 28px rgba(0, 0, 0, .22);
  --wb-shadow-md: 0 20px 55px rgba(0, 0, 0, .28);
  --wb-shadow-lg: 0 35px 90px rgba(0, 0, 0, .36);
  --wb-muted: var(--wb-text-muted);
  --wb-surface: var(--wb-bg-elevated);
  --wb-focus: #a7beff;
  --wb-primary: #a7beff;
  --wb-primary-hover: #cbd8ff;
  --wb-accent: #ff9bce;
  --wb-danger: #ff9bb1;
  --wb-warning: #f6d080;
  --wb-success: #82dfb8;
  --fr5-bg: var(--wb-bg);
  --fr5-surface: var(--wb-bg-elevated);
  --fr5-border: var(--wb-border);
  --fr5-border-soft: var(--wb-border);
  --fr5-ink: var(--wb-text);
  --fr6-canvas: var(--wb-bg);
  --fr6-surface: var(--wb-bg-elevated);
  --fr6-line: var(--wb-border);
  --fr6-line-soft: #2d3a49;
  --fr6-ink: var(--wb-text);
  --fr6-muted: var(--wb-text-muted);
  --fr6-subtle: #1a2532;
  --wb211-pink: #ff69c2;
  --wb-danger-hover: #ffc0cb;
  --wb-action: #385ed6;
  --wb-action-hover: #294ac1;
  --wb-danger-soft: #442333;
  --wb-success-soft: #173e33;
  --wb-warning-soft: #42361d;
  --wb-info: #a2ceff;
  --wb-info-soft: #1e3654;
  --fr5-blue: var(--wb-primary);
  --fr5-blue-hover: var(--wb-primary-hover);
  --fr5-pink: var(--wb-action);
  --fr5-pink-hover: var(--wb-action-hover);
  --fr5-muted: var(--wb-text-muted);
  --fr6-blue: var(--wb-primary);
  --fr6-blue-hover: var(--wb-primary-hover);
  --fr6-pink: var(--wb-action);
  --fr6-pink-hover: var(--wb-action-hover);
  --fr6-border: var(--wb-border);
  --surface: var(--wb-bg-elevated);
  --muted-surface: var(--wb-bg-muted);
  --text: var(--wb-text);
  --text-muted: var(--wb-text-muted);
  --border: var(--wb-border);
  --wb-r27-blue: var(--wb-action);
  --wb-r27-blue-strong: var(--wb-action-hover);
  --wb-r27-canvas: var(--wb-bg);
  --r33-canvas: var(--wb-bg);
  --r33-surface: var(--wb-bg-elevated);
  --r33-line: var(--wb-border);
  --r33-line-soft: #2b394b;
  --r33-ink: var(--wb-text);
  --r33-muted: var(--wb-text-muted);
}
html.oled {
  --wb-bg: #000000;
  --wb-bg-elevated: #090d14;
  --wb-bg-muted: #171e2a;
  --wb-bg-subtle: #05080d;
  --wb-text: #f2f5fc;
  --wb-text-soft: #c3cddd;
  --wb-text-muted: #aab8cc;
  --wb-border: #354052;
  --wb-border-strong: #74849d;
  --wb-primary: #a7beff;
  --wb-primary-hover: #cbd8ff;
  --wb-primary-soft: #202e51;
  --wb-action: #385ed6;
  --wb-action-hover: #294ac1;
  --wb-accent: #ff9bce;
  --wb-header: rgba(0,0,0,.96);
  --wb-danger: #ff9bb1;
  --wb-danger-soft: #442333;
  --wb-success: #82dfb8;
  --wb-success-soft: #173e33;
  --wb-warning: #f6d080;
  --wb-warning-soft: #42361d;
  --wb-info: #a2ceff;
  --wb-info-soft: #1e3654;
  --wb-focus: #a7beff;
  --fr5-blue: var(--wb-primary);
  --fr5-blue-hover: var(--wb-primary-hover);
  --fr5-pink: var(--wb-action);
  --fr5-pink-hover: var(--wb-action-hover);
  --fr5-ink: var(--wb-text);
  --fr5-muted: var(--wb-text-muted);
  --fr5-bg: var(--wb-bg);
  --fr5-surface: var(--wb-bg-elevated);
  --fr5-border: var(--wb-border);
  --fr5-border-soft: var(--wb-border);
  --fr6-blue: var(--wb-primary);
  --fr6-blue-hover: var(--wb-primary-hover);
  --fr6-pink: var(--wb-action);
  --fr6-pink-hover: var(--wb-action-hover);
  --fr6-ink: var(--wb-text);
  --fr6-muted: var(--wb-text-muted);
  --fr6-canvas: var(--wb-bg);
  --fr6-surface: var(--wb-bg-elevated);
  --fr6-border: var(--wb-border);
  --fr6-line: var(--wb-border);
  --surface: var(--wb-bg-elevated);
  --muted-surface: var(--wb-bg-muted);
  --text: var(--wb-text);
  --text-muted: var(--wb-text-muted);
  --border: var(--wb-border);
  --wb-r27-blue: var(--wb-action);
  --wb-r27-blue-strong: var(--wb-action-hover);
  --wb-r27-canvas: var(--wb-bg);
  --r33-canvas: #000000;
  --r33-surface: #090d14;
  --r33-line: #354052;
  --r33-line-soft: #202a38;
  --r33-ink: var(--wb-text);
  --r33-muted: var(--wb-text-muted);
}

@font-face {
  font-family: "Vazirmatn Variable";
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url('/assets/vazirmatn-arabic.woff2') format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF, U+200C-200F, U+25CC;
}
@font-face {
  font-family: "Vazirmatn Variable";
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url('/assets/vazirmatn-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

html {
  min-height: 100%;
  scroll-behavior: smooth;
  background: var(--wb-bg);
}
body,
#root {
  min-height: 100vh;
}
body {
  margin: 0;
  direction: rtl;
  font-family: var(--font-sans);
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}
html[data-locale="en"] body { direction: ltr; }
* { box-sizing: border-box; }
img, svg, video, canvas { max-width: 100%; }
a { color: inherit; text-decoration: none; }
button, input, textarea, select { font: inherit; }
button { cursor: pointer; }
button:disabled { cursor: not-allowed; opacity: .58; }
[hidden] { display: none !important; }
::selection { background: rgba(79, 109, 245, .22); color: var(--wb-text); }
:focus-visible { outline: 3px solid rgba(79, 109, 245, .32); outline-offset: 3px; }

h1, h2, h3, h4, p { margin-top: 0; }
h1, h2, h3, h4 { color: var(--wb-text); }
h1 { font-size: clamp(1.8rem, 3vw, 2.75rem); line-height: 1.35; }
h2 { font-size: clamp(1.35rem, 2.2vw, 2rem); line-height: 1.45; }
h3 { font-size: 1.08rem; line-height: 1.55; }
p { color: var(--wb-text-soft); }
small { color: var(--wb-text-muted); }
.public-content { min-height: calc(100vh - 160px); }
.private-content { min-height: calc(100vh - 90px); }
.layout-public-page,
.layout-page,
.marketing-page,
.wb23-home,
.wb21-projects-page,
.wb23-freelancers-page,
.wb23-project-view,
.wb23-freelancer-profile,
.dashboard-v206,
.account-settings-page,
.security-center,
.kyc-page,
.project-wizard-page,
.wb23-notifications,
.wb23-chat-page,
.wb23-messages-index {
  width: 100%;
  min-width: 0;
}

.skip-link {
  position: fixed;
  inset-inline-start: 16px;
  top: -80px;
  z-index: 9999;
  padding: 10px 16px;
  color: #fff;
  background: var(--wb-action);
  border-radius: var(--wb-radius-md);
  transition: top .18s ease;
}
.skip-link:focus { top: 16px; }
.safe-scroll { scrollbar-width: thin; scrollbar-color: var(--wb-border-strong) transparent; }
.safe-scroll::-webkit-scrollbar { width: 8px; height: 8px; }
.safe-scroll::-webkit-scrollbar-thumb { background: var(--wb-border-strong); border-radius: 999px; }
.card,
.surface-panel,
.card-soft,
.mini-card,
.market-card,
.trust-card,
.guide-card,
.organization-card,
.subscription-card,
.service-card,
.interview-card,
.match-card,
.blog-card,
.bank-transfer-card,
.manual-receipt-form,
.draft-card,
.settings-panel,
.integration-card,
.manual-admin-card,
.risk-card,
.refund-card,
.admin-module-card,
.wb206-wallet-card,
.wb23-content-section,
.wb23-profile-section,
.wb23-profile-side-section {
  min-width: 0;
  border: 1px solid var(--wb-border);
  background: var(--wb-bg-elevated);
}
.card,
.surface-panel,
.card-soft,
.mini-card,
.market-card,
.trust-card,
.guide-card,
.organization-card,
.subscription-card,
.service-card,
.interview-card,
.match-card,
.blog-card,
.bank-transfer-card,
.manual-receipt-form,
.draft-card,
.settings-panel,
.integration-card,
.manual-admin-card,
.risk-card,
.refund-card,
.admin-module-card,
.wb206-wallet-card,
.wb23-content-section,
.wb23-profile-section,
.wb23-profile-side-section { padding: 20px; }
.card-soft { background: color-mix(in srgb, var(--wb-bg-elevated) 88%, transparent); backdrop-filter: blur(14px); }

.section-heading,
.section-toolbar,
.wb23-section-head,
.admin-page-hero,
.settings-preview-head,
.bank-transfer-head,
.kyc-summary-head,
.manual-admin-main,
.wb23-project-header,
.wb23-profile-title,
.wb23-conversation-toolbar {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}
.section-heading { margin-bottom: 22px; }
.section-kicker,
.eyebrow,
.admin-eyebrow,
.wb23-kicker,
.wb23-chat-kicker,
.wb21-auth-kicker {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  width: fit-content;
  margin-bottom: 8px;
  color: var(--wb-primary);
  font-weight: 780;
  letter-spacing: .01em;
}
.section-description { max-width: 760px; color: var(--wb-text-soft); font-size: .93rem; line-height: 1.9; }
.layout-block,
.wb23-section,
.enterprise-section,
.wb206-overview-section { margin-block: 28px; }
.cta-primary,
.site-cta,
.v17-login-link,
.auth-submit,
.pwa-action,
.dashboard-action-cta,
.wb23-package-order,
.wb23-profile-primary-action {
  display: inline-flex;
  min-height: 42px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 9px 16px;
  border: 1px solid transparent;
  border-radius: 11px;
  font-size: .88rem;
  font-weight: 760;
  line-height: 1.2;
  white-space: nowrap;
  transition: background-color .16s ease, border-color .16s ease, color .16s ease, transform .16s ease, box-shadow .16s ease;
}
.cta-primary,
.site-cta,
.auth-submit,
.pwa-action,
.dashboard-action-cta,
.wb23-package-order,
.wb23-profile-primary-action {
  color: #fff;
  background: var(--wb-primary);
  box-shadow: 0 7px 18px rgba(79, 109, 245, .2);
}
.cta-primary:hover,
.site-cta:hover,
.auth-submit:hover,
.pwa-action:hover,
.dashboard-action-cta:hover,
.wb23-package-order:hover,
.wb23-profile-primary-action:hover {
  background: var(--wb-primary-hover);
  transform: translateY(-1px);
  box-shadow: 0 10px 24px rgba(79, 109, 245, .26);
}
.v17-login-link {
  color: var(--wb-text-soft);
  border-color: var(--wb-border);
  background: var(--wb-bg-elevated);
  box-shadow: none;
}
.v17-login-link:hover { color: var(--wb-text); border-color: var(--wb-border-strong); background: var(--wb-bg-muted); }
.row-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
:where(input:not([type='checkbox']):not([type='radio']):not([type='range']):not([type='color'])),
select,
textarea,
.input,
.select,
.textarea,
.global-search-input,
.code-editor {
  width: 100%;
  min-height: 44px;
  padding: 10px 13px;
  color: var(--wb-text);
  border: 1px solid var(--wb-border);
  border-radius: 11px;
  outline: none;
  background: var(--wb-bg-elevated);
  box-shadow: var(--wb-shadow-xs);
  transition: border-color .16s ease, box-shadow .16s ease, background-color .16s ease;
}
textarea,
.textarea { min-height: 128px; resize: vertical; }
input::placeholder,
textarea::placeholder { color: var(--wb-text-muted); opacity: .85; }
input:focus,
select:focus,
textarea:focus,
.input:focus,
.select:focus,
.textarea:focus,
.global-search-input:focus,
.code-editor:focus {
  border-color: var(--wb-primary);
  box-shadow: 0 0 0 4px rgba(79, 109, 245, .12);
}
input[type='checkbox'],
input[type='radio'] { accent-color: var(--wb-primary); }
.field-label,
.settings-label {
  display: block;
  margin-bottom: 6px;
  color: var(--wb-text);
  font-size: .875rem;
  font-weight: 740;
}
.form-help,
.field-help,
.builder-help { margin-top: 5px; color: var(--wb-text-muted); font-size: .875rem; line-height: 1.8; }
.form-alert,
.form-success,
.form-error,
.notice,
.notice-success,
.notice-danger,
.settings-notice,
.inline-alert {
  padding: 12px 14px;
  border: 1px solid var(--wb-border);
  border-radius: 11px;
  color: var(--wb-text-soft);
  background: var(--wb-bg-subtle);
}
.form-success,
.notice-success { color: var(--wb-success); border-color: color-mix(in srgb, var(--wb-success) 32%, var(--wb-border)); background: color-mix(in srgb, var(--wb-success) 8%, var(--wb-bg-elevated)); }
.form-error,
.notice-danger,
.settings-notice.error { color: var(--wb-danger); border-color: color-mix(in srgb, var(--wb-danger) 32%, var(--wb-border)); background: color-mix(in srgb, var(--wb-danger) 8%, var(--wb-bg-elevated)); }
.checkbox-row,
.market-check,
.toggle-row,
.settings-switch,
.integration-switch,
.integration-enable {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
.market-check {
  padding: 12px;
  border: 1px solid var(--wb-border);
  border-radius: 11px;
  background: var(--wb-bg-subtle);
}
.market-check strong { display: block; font-size: .875rem; }
.market-check small { display: block; margin-top: 2px; }
.choice-chip-grid,
.budget-preset-grid,
.visibility-picker,
.role-picker { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 10px; }
.badge,
.score-pill,
.success-pill,
.discount-chip,
.category-pill,
.wb206-risk-badge,
.wb206-action-priority,
.wb23-verified,
.verified-label,
.wb21-verified,
.wb23-freelancer-availability {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  width: fit-content;
  padding: 4px 9px;
  border: 1px solid var(--wb-border);
  border-radius: 999px;
  color: var(--wb-text-soft);
  background: var(--wb-bg-muted);
  font-weight: 740;
  line-height: 1.35;
}
.badge.success,
.success-pill,
.notice-success { color: var(--wb-success); }
.badge.warning { color: var(--wb-warning); }
.badge.danger,
.wb206-risk-badge { color: var(--wb-danger); }
.status-dot,
.dashboard-notification-dot,
.live-dot,
.save-status-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--wb-success); box-shadow: 0 0 0 4px color-mix(in srgb, var(--wb-success) 14%, transparent); }
.site-header {
  width: 100%;
  transition: box-shadow .18s ease, background-color .18s ease;
}
.announcement-bar {
  display: flex;
  min-height: 34px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 5px 16px;
  color: #fff;
  background: linear-gradient(90deg, #3347b8, #4f6df5 55%, #3677cf);
  font-size: .875rem;
  font-weight: 720;
}
.announcement-dot { width: 7px; height: 7px; border-radius: 50%; background: #54e5c8; box-shadow: 0 0 0 4px rgba(84, 229, 200, .18); }
.site-header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.v17-nav-brand,
.site-main-nav,
.site-nav-actions,
.brand-lockup {
  display: flex;
  align-items: center;
}
.v17-nav-brand { min-width: 0; gap: 26px; }
.site-nav-actions { flex-shrink: 0; }
.brand-mark {
  position: relative;
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  color: #fff;
}
.brand-bridge-towers,
.brand-bridge-arch,
.brand-bridge-deck,
.brand-mark-spark { position: absolute; display: block; }
.brand-bridge-towers { border-inline: 4px solid #fff; }
.brand-bridge-arch { border-top: 4px solid #fff; border-radius: 50% 50% 0 0; }
.brand-bridge-deck { border-radius: 999px; background: #fff; }
.brand-mark-spark { border-radius: 50%; box-shadow: 0 0 0 3px rgba(255,62,165,.17); }
.brand-wordmark { align-items: baseline; color: var(--wb-text); font-weight: 820; letter-spacing: -.025em; }
.site-nav-link {
  position: relative;
  display: inline-flex;
  align-items: center;
  transition: color .16s ease, background-color .16s ease;
}
.site-icon-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--wb-text-soft);
  border: 1px solid var(--wb-border);
  background: var(--wb-bg-elevated);
  transition: color .16s ease, border-color .16s ease, background-color .16s ease, transform .16s ease;
}
.site-icon-button:hover { color: var(--wb-primary); border-color: var(--wb-border-strong); background: var(--wb-bg-muted); }
.account-trigger {
  display: flex;
  height: 42px;
  align-items: center;
  gap: 9px;
  padding: 4px 7px 4px 11px;
  color: var(--wb-text);
  border: 1px solid var(--wb-border);
  background: var(--wb-bg-elevated);
}
.account-avatar,
.wb23-avatar,
.expert-initials,
.profile-avatar-large,
.session-device,
.account-session-icon {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  color: #fff;
  border-radius: 12px;
  background: linear-gradient(145deg, #5e73ff, #3f58cd);
}
.account-avatar { width: 31px; height: 31px; font-size: .875rem; font-weight: 800; }
.account-menu {
  position: absolute;
  top: calc(100% + 12px);
  inset-inline-end: 0;
  z-index: 100;
  padding: 16px;
  border: 1px solid var(--wb-border);
  background: var(--wb-bg-elevated);
}
.v17-account-head { display: flex; align-items: center; gap: 12px; padding: 4px 4px 14px; border-bottom: 1px solid var(--wb-border); }
.v17-account-sections { display: grid; gap: 12px; padding-block: 14px; }
.account-menu-link { padding: 7px 8px; color: var(--wb-text-soft); border-radius: 8px; font-weight: 680; }
.account-menu-link:hover { color: var(--wb-primary); background: var(--wb-primary-soft); }
.v17-account-actions { display: flex; justify-content: space-between; gap: 8px; padding-top: 12px; border-top: 1px solid var(--wb-border); }
.global-search-backdrop,
.review-dialog-backdrop,
.wb206-admin-drawer-backdrop {
  position: fixed;
  inset: 0;
  z-index: 110;
  display: grid;
  place-items: start center;
  padding: 11vh 20px 30px;
  background: rgba(5, 10, 18, .64);
  backdrop-filter: blur(7px);
}
.global-search-dialog,
.review-dialog,
.wb206-admin-drawer {
  width: min(680px, 100%);
  max-height: 78vh;
  overflow: auto;
  border: 1px solid var(--wb-border);
  border-radius: var(--wb-radius-xl);
  background: var(--wb-bg-elevated);
  box-shadow: var(--wb-shadow-lg);
}
.global-search-dialog { padding: 20px; }
.global-search-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 14px; }
.mobile-menu {
  inset-block: 0;
  inset-inline-end: 0;
}
.v17-mobile-menu-head { position: sticky; top: 0; z-index: 2; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 16px; border-bottom: 1px solid var(--wb-border); background: var(--wb-bg-elevated); }
.v17-mobile-public-links,
.v17-mobile-account-grid { display: grid; gap: 8px; }
.v17-mobile-public-links a,
.v17-mobile-account-grid a { padding: 11px 12px; color: var(--wb-text-soft); font-weight: 680; }
.v17-mobile-auth { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 16px; }
.site-footer,
.wb21-footer { margin-top: 64px; border-top: 1px solid var(--wb-border); background: var(--wb-bg-subtle); }
.wb21-footer-main { display: grid; }
.wb21-footer-brand { max-width: 390px; }
.wb21-footer-contact { margin-top: 16px; display: grid; gap: 6px; color: var(--wb-text-soft); font-size: .875rem; }
.wb21-footer-links { display: grid; }
.wb21-footer-links strong { display: block; margin-bottom: 10px; }
.wb21-footer-links a { padding-block: 4px; color: var(--wb-text-soft); }
.wb21-footer-links a:hover { color: var(--wb-primary); }
.wb21-footer-actions { display: flex; flex-direction: column; align-items: flex-start; }
.wb21-footer-social { display: flex; flex-wrap: wrap; gap: 8px; }
.wb21-footer-bottom { display: flex; align-items: center; justify-content: space-between; gap: 16px; border-top: 1px solid var(--wb-border); color: var(--wb-text-muted); }
.page-header {
  position: relative;
}
.page-header::after {
  content: '';
  position: absolute;
  inset-block: 0;
  inset-inline-end: 0;
  width: 4px;
  background: linear-gradient(var(--wb-primary), var(--wb-accent));
}
.page-header-glow { position: absolute; width: 240px; height: 240px; inset-inline-start: -90px; top: -120px; border-radius: 50%; background: rgba(79, 109, 245, .1); filter: blur(12px); }
.empty-state-v13,
.wb23-market-empty,
.empty-enterprise,
.monitoring-empty,
.wb23-chat-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  text-align: center;
}
.empty-state-icon,
.admin-trend-empty-icon { display: inline-flex; width: 48px; height: 48px; align-items: center; justify-content: center; color: var(--wb-primary); border: 1px solid var(--wb-border); border-radius: 14px; background: var(--wb-primary-soft); }
.empty-state-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-top: 6px; }
.pagination { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 7px; margin-top: 22px; }
.pagination button,
.pagination a { display: inline-flex; min-width: 38px; height: 38px; align-items: center; justify-content: center; border: 1px solid var(--wb-border); border-radius: 9px; background: var(--wb-bg-elevated); }
.pagination .active { color: #fff; border-color: var(--wb-primary); background: var(--wb-primary); }
.connection-banner,
.pwa-toast { position: fixed; inset-inline: 16px; bottom: 16px; z-index: 150; display: flex; max-width: 560px; margin-inline: auto; align-items: center; justify-content: space-between; gap: 14px; padding: 12px 14px; color: #fff; border-radius: 12px; background: #172033; box-shadow: var(--wb-shadow-lg); }
.pwa-close { color: inherit; background: transparent; }
.wb23-hero,
.marketing-hero,
.trust-page-hero,
.category-hero,
.integrations-hero {
  position: relative;
  overflow: hidden;
  border: 1px solid var(--wb-border);
  border-radius: 26px;
  background:
    radial-gradient(circle at 12% 20%, rgba(79, 109, 245, .13), transparent 24rem),
    radial-gradient(circle at 88% 90%, rgba(32, 184, 166, .09), transparent 21rem),
    var(--wb-bg-elevated);
  box-shadow: var(--wb-shadow-sm);
}
.wb23-hero { padding: clamp(32px, 6vw, 76px); }
.wb23-hero-grid { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(340px, .95fr); align-items: center; gap: clamp(28px, 5vw, 68px); }
.wb23-hero-copy { max-width: 690px; }
.wb23-hero-copy h1 { font-size: clamp(2.25rem, 5vw, 4.7rem); line-height: 1.22; letter-spacing: -.045em; }
.wb23-hero-copy > p { max-width: 630px; margin-top: 18px; font-size: clamp(.98rem, 1.4vw, 1.14rem); line-height: 2; }
.wb23-role-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 28px; }
.wb23-market-search {
  padding: 20px;
  border: 1px solid var(--wb-border);
  border-radius: 20px;
  background: color-mix(in srgb, var(--wb-bg-elevated) 92%, transparent);
  box-shadow: var(--wb-shadow-md);
  backdrop-filter: blur(16px);
}
.wb23-search-main { display: grid; gap: 14px; }
.wb23-search-fields { display: grid; grid-template-columns: 1.4fr 1fr 1fr; gap: 10px; }
.wb23-search-submit { display: flex; justify-content: flex-end; margin-top: 10px; }
.wb23-search-shortcuts { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 14px; }
.wb23-search-shortcuts a,
.wb23-search-shortcuts button { padding: 5px 9px; color: var(--wb-text-soft); border: 1px solid var(--wb-border); border-radius: 999px; background: var(--wb-bg-subtle); font-size: .875rem; }
.wb23-proof { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-top: 22px; }
.wb23-proof > * { padding: 14px; border: 1px solid var(--wb-border); border-radius: 13px; background: var(--wb-bg-subtle); }
.wb23-category-list { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }

.category-icon,
.dashboard-metric-icon,
.dashboard-action-icon,
.admin-module-icon,
.integration-card-icon,
.integration-tab-icon,
.aside-icon,
.security-feature-icon,
.kyc-file-icon,
.wb23-notification-icon {
  display: inline-flex;
  width: 40px;
  height: 40px;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  color: var(--wb-primary);
  border-radius: 11px;
  background: var(--wb-primary-soft);
}
.wb23-home-project-list,
.wb23-freelancer-list,
.project-index-grid,
.wb23-notification-list,
.wb23-conversation-list,
.proposal-pipeline-list,
.wb206-action-list,
.admin-queue-list,
.review-list-v13,
.internal-note-history,
.client-error-list {
  display: grid;
  gap: 12px;
}
.wb23-home-expert-grid,
.expert-card-grid,
.portfolio-grid-v13,
.wb23-portfolio-grid,
.blog-grid,
.media-grid-v13,
.provider-health-grid,
.growth-metrics,
.admin-overview-stats,
.dashboard-metrics,
.account-summary-grid,
.settings-grid,
.wb206-wallet-grid {
  display: grid;
  gap: 14px;
}
.wb23-home-expert-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.wb23-final-cta,
.final-cta,
.landing-cta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: clamp(26px, 4vw, 48px);
  color: #fff;
  border-radius: 24px;
  background: linear-gradient(130deg, #293b9e, #4f6df5 58%, #248a83);
  box-shadow: var(--wb-shadow-md);
}
.wb23-final-cta h2,
.final-cta h2,
.landing-cta h2,
.wb23-final-cta p,
.final-cta p,
.landing-cta p { color: #fff; }
.journey-panel,
.faq-list { display: grid; gap: 12px; }
.journey-step,
.faq-item { padding: 18px; border: 1px solid var(--wb-border); border-radius: 14px; background: var(--wb-bg-elevated); }
.faq-item summary { display: flex; align-items: center; justify-content: space-between; gap: 14px; cursor: pointer; font-weight: 760; }
.faq-item p { margin: 12px 0 0; }
.layout-media { overflow: hidden; border-radius: 20px; background: var(--wb-bg-muted); }
.layout-media img { display: block; width: 100%; aspect-ratio: 16 / 8.5; object-fit: cover; }
.layout-media figcaption { padding: 10px 14px; color: var(--wb-text-muted); font-size: .875rem; }
.layout-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.layout-stats article { padding: 20px; text-align: center; border: 1px solid var(--wb-border); border-radius: 14px; background: var(--wb-bg-elevated); }
.layout-stats strong { display: block; color: var(--wb-primary); font-size: 1.7rem; }
.layout-stats span { color: var(--wb-text-soft); font-size: .875rem; }
.prose h2,
.prose h3,
.prose h4 { margin-top: 1.6em; margin-bottom: .6em; }
.article-shell { max-width: 900px; margin-inline: auto; }
.article-cover { overflow: hidden; margin-bottom: 24px; border-radius: 22px; }
.wb21-projects-page { display: grid; gap: 18px; }
.wb21-filter-primary { align-items: end; }
.wb21-filter-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 14px; padding-top: 14px; border-top: 1px solid var(--wb-border); color: var(--wb-text-muted); font-size: .875rem; }
.wb21-filter-toggle { align-items: center; gap: 7px; padding: 7px 10px; color: var(--wb-text-soft); border-radius: 9px; background: var(--wb-bg-muted); font-size: .875rem; font-weight: 700; }
.wb21-filter-advanced { margin-top: 14px; padding: 16px; border: 1px solid var(--wb-border); border-radius: 13px; background: var(--wb-bg-subtle); }
.wb21-filter-actions { flex-wrap: wrap; justify-content: flex-end; margin-top: 14px; }
.active-filter-strip { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; padding: 10px 12px; border: 1px solid var(--wb-border); background: var(--wb-bg-elevated); }
.active-filter-strip span { padding: 4px 8px; color: var(--wb-primary); border-radius: 999px; background: var(--wb-primary-soft); font-size: .875rem; }
.active-filter-strip button { margin-inline-start: auto; color: var(--wb-danger); background: transparent; font-size: .875rem; }
.project-index-grid { grid-template-columns: 1fr; }
.project-index-card,
.wb21-project-card,
.wb23-project-result {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 230px;
  gap: 22px;
  padding: 20px;
  border: 1px solid var(--wb-border);
  border-radius: 16px;
  background: var(--wb-bg-elevated);
  box-shadow: var(--wb-shadow-xs);
  transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease;
}
.project-index-card:hover,
.wb21-project-card:hover,
.wb23-project-result:hover { border-color: color-mix(in srgb, var(--wb-primary) 38%, var(--wb-border)); box-shadow: var(--wb-shadow-sm); transform: translateY(-1px); }
.wb21-project-main,
.wb23-project-result-main { min-width: 0; }
.wb21-project-main h2,
.wb23-project-result-main h2,
.project-index-card h2 { margin-bottom: 7px; font-size: 1.08rem; }
.wb21-project-main p,
.wb23-project-result-main p,
.project-index-card p { display: -webkit-box; overflow: hidden; margin-bottom: 12px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.wb21-project-flags,
.project-index-tags,
.wb23-chip-row,
.wb23-chip-row-lg,
.expert-skills,
.wb23-project-badges,
.profile-trust-row,
.profile-quick-meta,
.wb23-project-highlights { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; }
.project-index-tags span,
.wb23-chip-row span,
.wb23-chip-row-lg span,
.expert-skills span,
.wb23-project-badges span,
.profile-trust-row span,
.profile-quick-meta span,
.wb23-project-highlights span { padding: 4px 8px; color: var(--wb-text-soft); border: 1px solid var(--wb-border); border-radius: 999px; background: var(--wb-bg-subtle); font-size: .875rem; }
.project-index-meta,
.wb21-project-meta { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 13px; color: var(--wb-text-muted); font-size: .875rem; }
.project-index-side,
.wb21-project-side,
.wb23-project-result-side {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: space-between;
  gap: 12px;
  padding-inline-start: 18px;
  border-inline-start: 1px solid var(--wb-border);
}
.project-index-side strong,
.wb21-project-side strong,
.wb23-project-result-side strong { display: block; color: var(--wb-text); font-size: 1rem; }
.project-index-owner,
.wb23-project-owner { color: var(--wb-text-soft); font-size: .875rem; }
.wb21-save-link { display: inline-flex; align-items: center; gap: 6px; }
.wb23-project-header-main { min-width: 0; flex: 1 1 auto; }
.wb23-project-header-main > p { max-width: 780px; }
.wb23-project-highlights { gap: 10px; margin: 0; }
.wb23-project-highlights > div { display: grid; min-width: 128px; gap: 3px; padding: 9px 12px; border: 1px solid var(--wb-border); border-radius: 11px; background: var(--wb-bg-subtle); }
.wb23-project-highlights dt { color: var(--wb-text-muted); font-size: .875rem; }
.wb23-project-highlights dd { margin: 0; color: var(--wb-text); font-weight: 790; }
.wb23-project-header > .wb23-project-owner { display: grid; width: min(100%,240px); flex: 0 0 240px; grid-template-columns: auto minmax(0,1fr); align-items: center; align-self: stretch; gap: 12px; padding-inline-start: 22px; border-inline-start: 1px solid var(--wb-border); }
.wb23-project-owner > div { display: grid; min-width: 0; gap: 2px; }
.wb23-project-owner > div strong { overflow-wrap: anywhere; color: var(--wb-text); }
.wb23-project-owner > button { grid-column: 1 / -1; justify-content: center; }
.wb23-project-layout { display: grid; align-items: start; }
.wb23-project-content { display: grid; }
.wb23-project-description { white-space: pre-wrap; line-height: 2; }
.wb23-attachment-list { display: grid; gap: 8px; }
.wb23-attachment-list a { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 12px; border: 1px solid var(--wb-border); border-radius: 10px; background: var(--wb-bg-subtle); }
.wb23-attachment-unavailable { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 12px; border: 1px dashed var(--wb-border); border-radius: 10px; background: var(--wb-bg-subtle); color: var(--wb-text-muted); cursor: not-allowed; }
.wb23-attachment-unavailable strong { color: var(--wb-text); }
.wb23-proposal-composer,
.wb23-proposal-preview,
.wb23-login-prompt,
.wb23-project-sticky { padding: 18px; border: 1px solid var(--wb-border); background: var(--wb-bg-elevated); }
.wb23-project-sticky { position: sticky; }
.wb23-project-sticky > section { display: grid; gap: 10px; }
.wb23-project-sticky > section > strong { color: var(--wb-text); }
.wb23-project-sticky > section > small { color: var(--wb-text-muted); }
.wb23-project-sticky > section > .btn,
.wb23-project-sticky > section > .btn-ghost { justify-content: center; }
.wb23-project-sticky > nav { display: grid; gap: 4px; border-block: 1px solid var(--wb-border); }
.wb23-project-sticky > nav a { color: var(--wb-text-soft); font-size: .875rem; }
.wb23-project-sticky > nav a:hover { color: var(--wb-primary); }

@media (max-width: 768px) {
  .wb23-project-header > .wb23-project-owner {
    width: 100%;
    flex-basis: auto;
    grid-template-columns: auto minmax(0, 1fr);
    padding-inline-start: 0;
    padding-top: 16px;
    border-inline-start: 0;
    border-top: 1px solid var(--wb-border);
  }

  .wb23-project-highlights {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .wb23-project-highlights > div {
    min-width: 0;
  }
}

@media (max-width: 460px) {
  .wb23-project-highlights {
    grid-template-columns: 1fr;
  }
}
.wb23-proposal-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.wb23-input-suffix { position: relative; }
.wb23-input-suffix span { position: absolute; inset-inline-end: 12px; top: 50%; transform: translateY(-50%); color: var(--wb-text-muted); font-size: .875rem; }
.wb23-proposal-checklist,
.wb23-publish-checklist,
.wb23-studio-proposal-checklist { display: grid; gap: 8px; padding: 13px; border-radius: 11px; background: var(--wb-bg-subtle); }
.wb23-proposal-actions,
.wizard-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; margin-top: 14px; }
.wb23-proposal-list { display: grid; }
.wb23-proposal-person { display: flex; align-items: center; gap: 10px; }
.wb23-proposal-row-actions { display: flex; flex-wrap: wrap; gap: 7px; }
.project-stepper { grid-template-columns: repeat(4, 1fr); }
.project-stepper > * { position: relative; color: var(--wb-text-muted); font-size: .875rem; }
.project-stepper .active { border-color: var(--wb-primary); }
.project-wizard-card { border: 1px solid var(--wb-border); background: var(--wb-bg-elevated); }
.wizard-section { display: grid; }
.wizard-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.wizard-tip,
.selection-summary,
.wb23-publish-review,
.draft-card { padding: 14px; border: 1px solid var(--wb-border); border-radius: 12px; background: var(--wb-bg-subtle); }
.wizard-aside { position: sticky; }
.wb23-expert-quick-search,
.wb23-filter-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); align-items: end; }
.wb23-freelancer-card,
.expert-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  padding: 19px;
  border: 1px solid var(--wb-border);
  border-radius: 16px;
  background: var(--wb-bg-elevated);
  box-shadow: var(--wb-shadow-xs);
}
.wb23-freelancer-identity { display: flex; align-items: flex-start; gap: 13px; }
.wb23-avatar,
.expert-initials { width: 48px; height: 48px; font-weight: 820; }
.wb23-avatar-lg,
.profile-avatar-large { font-size: 1.5rem; font-weight: 850; }
.wb23-freelancer-metrics,
.wb23-profile-scoreboard { display: grid; margin-top: 14px; }
.wb23-freelancer-metrics > *,
.wb23-profile-scoreboard > * { padding: 9px; text-align: center; border: 1px solid var(--wb-border); border-radius: 10px; background: var(--wb-bg-subtle); }
.wb23-freelancer-metrics strong,
.wb23-profile-scoreboard strong { display: block; color: var(--wb-text); }
.wb23-freelancer-metrics span,
.wb23-profile-scoreboard span { color: var(--wb-text-muted); font-size: .875rem; }
.wb23-muted-note { color: var(--wb-text-muted); font-size: .875rem; }
.wb23-profile-nav { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 16px; padding-top: 14px; border-top: 1px solid var(--wb-border); }
.wb23-profile-nav a { padding: 6px 10px; color: var(--wb-text-soft); border-radius: 9px; background: var(--wb-bg-muted); font-size: .875rem; }
.wb23-profile-layout { display: grid; align-items: start; }
.wb23-service-packages { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.wb23-portfolio-grid,
.portfolio-grid-v13 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.portfolio-card-v13 { overflow: hidden; border: 1px solid var(--wb-border); border-radius: 14px; background: var(--wb-bg-elevated); }
.portfolio-placeholder { place-items: center; }
.wb23-review-list { display: grid; gap: 10px; }
.wb23-hire-panel { position: sticky; top: 94px; border: 1px solid var(--wb-border); background: var(--wb-bg-elevated); }
.availability-public-list,
.certificate-public-list,
.profile-languages { display: flex; flex-wrap: wrap; gap: 7px; }
.auth-page,
.wb21-auth-page {
  display: grid;
  min-height: 100vh;
  grid-template-columns: minmax(360px, .85fr) minmax(520px, 1.15fr);
  background: var(--wb-bg);
}
.auth-aside,
.wb21-auth-aside {
  position: relative;
  display: flex;
  min-height: 100vh;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
  padding: clamp(34px, 6vw, 72px);
  color: #fff;
  background:
    radial-gradient(circle at 12% 16%, rgba(103, 126, 255, .58), transparent 22rem),
    radial-gradient(circle at 85% 85%, rgba(32, 184, 166, .28), transparent 19rem),
    linear-gradient(150deg, #192453, #263a9b 58%, #173f50);
}
.auth-aside h1,
.auth-aside h2,
.auth-aside h3,
.auth-aside p,
.wb21-auth-aside h1,
.wb21-auth-aside h2,
.wb21-auth-aside h3,
.wb21-auth-aside p { color: #fff; }
.wb21-auth-points { margin-top: 24px; }
.wb21-auth-points > * { display: flex; align-items: flex-start; gap: 10px; padding: 12px; border: 1px solid rgba(255,255,255,.16); border-radius: 12px; background: rgba(255,255,255,.07); }
.wb21-auth-more { color: rgba(255,255,255,.75); font-size: .875rem; }
.auth-form-wrap,
.wb21-auth-form-wrap { display: flex; min-height: 100vh; align-items: center; justify-content: center; padding: clamp(26px, 5vw, 64px); }
.auth-form-wrap > *,
.wb21-auth-form-wrap > * { width: min(100%, 500px); }
.auth-form-panel { display: block; }
.auth-mobile-brand { align-items: center; justify-content: space-between; gap: 16px; }
.auth-aside-brand-row { display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.auth-aside-brand-row .locale-toggle { border-color: rgba(255,255,255,.2); background: rgba(255,255,255,.08); box-shadow: none; }
.auth-aside-brand-row .locale-toggle button { color: rgba(255,255,255,.74); }
.auth-aside-brand-row .locale-toggle button[aria-pressed="true"] { color: #111c46; background: #fff; }
.auth-aside-brand-row .brand-wordmark strong { color: #fff; }
.auth-aside-brand-row .brand-wordmark small { color: rgba(255,255,255,.68); }
.auth-aside .wb21-auth-kicker { display: inline-flex; align-items: center; gap: 7px; color: #ff9bd6; }
.wb21-auth-points > * > span { display: grid; gap: 2px; }
.wb21-auth-points small { color: rgba(255,255,255,.68); }
.auth-head-row { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.auth-step { color: var(--wb-text-muted); font-size: .875rem; }
.auth-form { display: grid; gap: 14px; }
.auth-input-wrap,
.password-field { position: relative; }
.auth-label-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.auth-text-button { color: var(--wb-primary); background: transparent; font-size: .875rem; font-weight: 700; }
.auth-warning,
.auth-security-summary,
.auth-privacy-note,
.smart-captcha { padding: 12px; border: 1px solid var(--wb-border); border-radius: 11px; background: var(--wb-bg-subtle); color: var(--wb-text-soft); font-size: .875rem; }
.auth-security-summary { display: flex; align-items: center; gap: 11px; margin-bottom: 18px; }
.auth-security-summary > span { display: grid; width: 34px; height: 34px; flex: 0 0 34px; place-items: center; color: var(--wb-primary); border-radius: 10px; background: var(--wb-bg-elevated); }
.auth-security-summary p { display: grid; min-width: 0; gap: 2px; margin: 0; }
.auth-security-summary strong,
.auth-security-summary small { display: block; }
.auth-security-summary small { color: var(--wb-text-muted); line-height: 1.65; }
.auth-input-wrap > svg { position: absolute; z-index: 1; inset-inline-start: 14px; top: 50%; color: var(--wb-text-muted); transform: translateY(-50%); pointer-events: none; }
.auth-form .auth-input-wrap > input { padding-inline-start: 44px !important; }
.auth-form .password-field.auth-input-wrap > input { padding-inline-end: 76px !important; }
.password-field.auth-input-wrap > button { position: absolute; z-index: 2; inset-inline-end: 7px; top: 50%; min-width: 58px; min-height: 34px; padding-inline: 9px; color: var(--wb-primary); border-radius: 9px; background: var(--wb-primary-soft); font-size: .875rem; font-weight: 800; transform: translateY(-50%); }
.auth-warning { color: var(--wb-warning); }
.auth-submit { width: 100%; min-height: 46px; }
.auth-spinner { width: 18px; height: 18px; border: 2px solid rgba(255,255,255,.35); border-top-color: #fff; border-radius: 50%; animation: wb-spin .8s linear infinite; }
.auth-divider { position: relative; margin-block: 6px; text-align: center; color: var(--wb-text-muted); font-size: .875rem; }
.auth-divider::before { content: ''; position: absolute; inset-inline: 0; top: 50%; border-top: 1px solid var(--wb-border); }
.auth-divider span { position: relative; padding-inline: 10px; background: var(--wb-bg); }
.auth-passkey { display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; border: 1px solid var(--wb-border); border-radius: 11px; background: var(--wb-bg-elevated); }
.auth-footer,
.auth-legal { margin-top: 18px; text-align: center; color: var(--wb-text-muted); font-size: .875rem; }
.auth-legal { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 8px; }
@keyframes wb-spin { to { transform: rotate(360deg); } }
.dashboard-v206 { display: grid; }
.dashboard-action-list { display: grid; }
.dashboard-action-list > * { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 12px; background: var(--wb-bg-elevated); }
.dashboard-clear { display: flex; align-items: center; gap: 8px; color: var(--wb-success); }
.dashboard-metrics .card,
.admin-overview-stats > * { padding: 16px; }
.dashboard-middle-grid { display: grid; grid-template-columns: 1.25fr .75fr; }
.dashboard-finance { display: grid; gap: 12px; }
.dashboard-navigation-grid { display: grid; }
.dashboard-nav-group strong { display: block; margin-bottom: 8px; }
.dashboard-nav-group a { display: block; padding-block: 5px; color: var(--wb-text-soft); font-size: .875rem; }
.dashboard-nav-group a:hover { color: var(--wb-primary); }
.dashboard-recent { display: grid; gap: 9px; }
.dashboard-admin-bridge { padding: 16px; color: #fff; border-radius: 14px; background: linear-gradient(125deg, #263c9f, #4f6df5); }
.onboarding-checklist { border: 1px solid var(--wb-border); border-radius: 16px; background: var(--wb-bg-elevated); }
.onboarding-progress { height: 8px; overflow: hidden; margin-block: 12px; border-radius: 999px; background: var(--wb-bg-muted); }
.onboarding-progress > * { height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--wb-primary), var(--wb-accent)); }
.onboarding-items { display: grid; }
.onboarding-items > * { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 10px; padding: 10px; border-radius: 10px; background: var(--wb-bg-subtle); }
.proposal-pipeline { display: grid; }
.proposal-pipeline-list > *,
.interview-card,
.proposal-draft { padding: 15px; border: 1px solid var(--wb-border); border-radius: 13px; background: var(--wb-bg-elevated); }
.proposal-compare-tray { position: sticky; bottom: 14px; z-index: 20; display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 12px 14px; border: 1px solid var(--wb-border); border-radius: 14px; background: var(--wb-bg-elevated); box-shadow: var(--wb-shadow-md); }
.wb206-order-timeline { padding: 18px; border: 1px solid var(--wb-border); border-radius: 16px; background: var(--wb-bg-elevated); }
.wb206-order-steps { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 8px; }
.wb206-order-steps > * { position: relative; padding: 10px 8px; text-align: center; color: var(--wb-text-muted); border: 1px solid var(--wb-border); border-radius: 10px; background: var(--wb-bg-subtle); font-size: .875rem; }
.wb206-order-steps .active,
.wb206-order-steps .complete { color: var(--wb-primary); border-color: color-mix(in srgb, var(--wb-primary) 38%, var(--wb-border)); background: var(--wb-primary-soft); }
.wb206-next-action { margin-top: 12px; padding: 12px; border-radius: 11px; background: var(--wb-primary-soft); }
.order-switcher { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: 12px; padding: 14px; border: 1px solid var(--wb-border); border-radius: 13px; background: var(--wb-bg-elevated); }
.kanban-board { display: grid; grid-template-columns: repeat(4, minmax(260px, 1fr)); gap: 12px; overflow-x: auto; padding-bottom: 8px; }
.kanban-column { min-height: 360px; padding: 12px; border: 1px solid var(--wb-border); border-radius: 14px; background: var(--wb-bg-subtle); }
.kanban-card { margin-top: 10px; padding: 12px; border: 1px solid var(--wb-border); border-radius: 11px; background: var(--wb-bg-elevated); box-shadow: var(--wb-shadow-xs); }
.wb23-notification-tabs { display: flex; flex-wrap: wrap; gap: 7px; padding: 6px; border: 1px solid var(--wb-border); border-radius: 12px; background: var(--wb-bg-elevated); }
.wb23-notification-tabs button { min-height: 36px; padding: 6px 11px; color: var(--wb-text-soft); border-radius: 8px; background: transparent; font-size: .875rem; font-weight: 700; }
.wb23-notification-tabs button.active { color: var(--wb-primary); background: var(--wb-primary-soft); }
.wb23-notification-toolbar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; }
.wb23-notification-list > * { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: start; gap: 12px; padding: 14px; border: 1px solid var(--wb-border); border-radius: 13px; background: var(--wb-bg-elevated); }
.wb23-notification-copy { min-width: 0; }
.wb23-notification-copy p { margin: 4px 0 0; }
.wb23-notification-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 7px; }
.wb23-chat-layout { display: grid; grid-template-columns: 280px minmax(0, 1fr) 280px; min-height: 650px; overflow: hidden; border: 1px solid var(--wb-border); border-radius: 18px; background: var(--wb-bg-elevated); }
.wb23-chat-context,
.wb23-chat-person { padding: 16px; background: var(--wb-bg-subtle); }
.wb23-chat-context { border-inline-end: 1px solid var(--wb-border); }
.wb23-chat-person { border-inline-start: 1px solid var(--wb-border); }
.wb23-chat-main { display: grid; min-width: 0; grid-template-rows: auto minmax(0, 1fr) auto; }
.wb23-chat-status { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 13px 16px; border-bottom: 1px solid var(--wb-border); }
.wb23-message-stream { display: flex; min-height: 0; flex-direction: column; gap: 10px; overflow-y: auto; padding: 18px; }
.wb23-message-stream > * { max-width: min(76%, 620px); padding: 10px 12px; border: 1px solid var(--wb-border); border-radius: 13px 13px 5px 13px; background: var(--wb-bg-subtle); }
.wb23-message-stream > *.is-own { align-self: flex-end; color: #fff; border-color: var(--wb-primary); border-radius: 13px 13px 13px 5px; background: var(--wb-primary); }
.wb23-message-stream > *.is-flagged { border-color: color-mix(in srgb, var(--wb-danger) 40%, var(--wb-border)); }
.wb23-message-meta { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 4px; font-size: .875rem; opacity: .76; }
.wb23-message-attachments { display: grid; gap: 6px; margin-top: 7px; }
.wb23-chat-composer { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: end; gap: 10px; padding: 13px; border-top: 1px solid var(--wb-border); }
.wb23-file-button { display: inline-flex; width: 42px; height: 42px; align-items: center; justify-content: center; border: 1px solid var(--wb-border); border-radius: 10px; background: var(--wb-bg-subtle); }
.wb23-selected-file { padding: 7px 9px; border-radius: 8px; background: var(--wb-bg-muted); font-size: .875rem; }
.wb23-messages-index { display: grid; gap: 14px; }
.wb23-conversation-search { max-width: 360px; }
.wb23-conversation-list > * { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 12px; padding: 13px; border: 1px solid var(--wb-border); border-radius: 13px; background: var(--wb-bg-elevated); }
.wb23-conversation-list > *:hover { border-color: var(--wb-border-strong); background: var(--wb-bg-subtle); }
.wb206-wallet-summary { display: grid; gap: 14px; }
.wb206-wallet-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.wb206-wallet-card.is-primary { color: #fff; border-color: transparent; background: linear-gradient(135deg, #3650cf, #4f6df5 65%, #26968c); }
.wb206-wallet-card.is-credit { border-color: color-mix(in srgb, var(--primary-500, #4f6df5) 35%, var(--border)); background: linear-gradient(145deg, color-mix(in srgb, var(--primary-500, #4f6df5) 12%, var(--surface)), var(--surface)); }
.wb206-topup-card { display: grid; grid-template-columns: minmax(0, 1fr) minmax(320px, .8fr); gap: 24px; align-items: center; padding: clamp(20px, 3vw, 34px); border: 1px solid var(--border); border-radius: 24px; background: var(--surface); box-shadow: var(--wb-shadow-sm); }
.wb206-topup-copy { display: grid; gap: 8px; }
.wb206-topup-copy h2, .wb206-topup-copy p { margin: 0; }
.wb206-topup-copy p { color: var(--text-muted); line-height: 1.9; max-width: 62ch; }
.wb206-topup-form { display: grid; gap: 10px; padding: 18px; border: 1px solid var(--border); border-radius: 18px; background: var(--muted-surface, var(--surface)); }
.wb206-topup-form label { font-weight: 800; }
.wb206-topup-input { display: flex; align-items: stretch; border: 1px solid var(--border); border-radius: 12px; overflow: hidden; background: var(--surface); }
.wb206-topup-input:focus-within { border-color: var(--primary-500, #4f6df5); box-shadow: 0 0 0 3px color-mix(in srgb, var(--primary-500, #4f6df5) 18%, transparent); }
.wb206-topup-input input { flex: 1; min-width: 0; border: 0; outline: 0; background: transparent; padding: 12px 14px; color: var(--text); font: inherit; }
.wb206-topup-input span { display: grid; place-items: center; padding: 0 14px; color: var(--text-muted); border-inline-start: 1px solid var(--border); }
.wb206-topup-quick { display: flex; flex-wrap: wrap; gap: 8px; }
.wb206-topup-quick button, .wb206-topup-result button { border: 1px solid var(--border); border-radius: 999px; background: var(--surface); color: var(--text); padding: 7px 11px; cursor: pointer; font: inherit; }
.wb206-topup-result { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 12px 16px; border: 1px solid; border-radius: 14px; }
.wb206-topup-result.is-success { color: var(--success-700, #08775b); border-color: color-mix(in srgb, currentColor 35%, transparent); background: color-mix(in srgb, var(--success-500, #12a47a) 10%, var(--surface)); }
.wb206-topup-result.is-error { color: var(--danger-700, #b42318); border-color: color-mix(in srgb, currentColor 35%, transparent); background: color-mix(in srgb, var(--danger-500, #dc3d32) 10%, var(--surface)); }
@media (max-width: 760px) { .wb206-topup-card { grid-template-columns: 1fr; padding: 16px; border-radius: 18px; } .wb206-topup-form { padding: 14px; } }
.wb32-credit-payment { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 14px; border: 1px solid color-mix(in srgb, var(--primary-500, #4f6df5) 30%, var(--border)); border-radius: 16px; background: color-mix(in srgb, var(--primary-500, #4f6df5) 8%, var(--surface)); }
.wb32-credit-payment > div { display: grid; gap: 2px; }
.wb32-credit-payment span, .wb32-credit-payment small { color: var(--text-muted); }
@media (max-width: 560px) { .wb32-credit-payment { align-items: stretch; flex-direction: column; } }
.wb206-wallet-card.is-primary h3,
.wb206-wallet-card.is-primary p,
.wb206-wallet-card.is-primary strong { color: #fff; }
.wb206-wallet-explain { display: grid; gap: 8px; }
.manual-payment-shell { display: grid; grid-template-columns: minmax(0, 1fr) minmax(320px, .8fr); gap: 18px; }
.bank-row { display: grid; grid-template-columns: 150px minmax(0, 1fr); gap: 12px; padding-block: 9px; border-bottom: 1px solid var(--wb-border); }
.bank-owner { color: var(--wb-text-muted); font-size: .875rem; }
.bank-instructions { display: grid; gap: 8px; margin-top: 14px; }
.manual-warning,
.manual-critical { padding: 12px; color: var(--wb-warning); border: 1px solid color-mix(in srgb, var(--wb-warning) 32%, var(--wb-border)); border-radius: 11px; background: color-mix(in srgb, var(--wb-warning) 8%, var(--wb-bg-elevated)); }
.manual-pending { color: var(--wb-warning); }
.data-row { display: grid; grid-template-columns: minmax(140px, .45fr) minmax(0, 1fr); gap: 14px; padding-block: 10px; border-bottom: 1px solid var(--wb-border); }
.data-row:last-child { border-bottom: 0; }
.account-settings-page { display: grid; gap: 16px; }
.account-settings-tabs,
.settings-tabs,
.integration-tabs,
.manual-filter-tabs { display: flex; flex-wrap: wrap; gap: 7px; padding: 6px; border: 1px solid var(--wb-border); border-radius: 12px; background: var(--wb-bg-elevated); }
.account-settings-tabs a,
.account-settings-tabs button,
.settings-tabs button,
.integration-tabs button,
.manual-filter-tabs button { padding: 7px 11px; color: var(--wb-text-soft); border-radius: 8px; background: transparent; font-size: .875rem; font-weight: 700; }
.account-settings-tabs a.active,
.account-settings-tabs button.active,
.settings-tabs button.active,
.integration-tabs button.active,
.manual-filter-tabs button.active { color: var(--wb-primary); background: var(--wb-primary-soft); }
.account-summary-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.account-settings-panel { padding: 20px; border: 1px solid var(--wb-border); border-radius: 16px; background: var(--wb-bg-elevated); }
.account-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.account-link-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.account-link-grid a { padding: 13px; border: 1px solid var(--wb-border); border-radius: 11px; background: var(--wb-bg-subtle); }
.account-session-list,
.security-timeline { display: grid; gap: 9px; }
.session-row,
.account-session-list > * { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 11px; padding: 11px; border: 1px solid var(--wb-border); border-radius: 11px; background: var(--wb-bg-subtle); }
.session-device,
.account-session-icon { width: 38px; height: 38px; }
.account-sensitive-note,
.sensitive-confirmation { padding: 12px; border: 1px solid color-mix(in srgb, var(--wb-warning) 30%, var(--wb-border)); border-radius: 11px; background: color-mix(in srgb, var(--wb-warning) 7%, var(--wb-bg-elevated)); }
.security-overview { display: grid; grid-template-columns: 240px minmax(0, 1fr); gap: 16px; }
.security-score { display: grid; min-height: 180px; place-items: center; text-align: center; border: 1px solid var(--wb-border); border-radius: 16px; background: var(--wb-bg-elevated); }
.security-checks,
.security-feature-card,
.setup-step,
.two-factor-setup,
.backup-codes-card,
.account-data-card,
.account-delete-panel { padding: 16px; border: 1px solid var(--wb-border); border-radius: 14px; background: var(--wb-bg-elevated); }
.security-action-row,
.account-data-actions,
.account-delete-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; }
.secret-key-row { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 10px; border-radius: 9px; background: var(--wb-bg-subtle); }
.backup-code-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; }
.backup-code-grid code { padding: 8px; text-align: center; border-radius: 8px; background: var(--wb-bg-muted); }
.kyc-privacy-strip { padding: 12px; color: var(--wb-primary); border: 1px solid color-mix(in srgb, var(--wb-primary) 28%, var(--wb-border)); border-radius: 12px; background: var(--wb-primary-soft); }
.kyc-summary { padding: 18px; border: 1px solid var(--wb-border); border-radius: 16px; background: var(--wb-bg-elevated); }
.kyc-facts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin-top: 14px; }
.kyc-facts > * { padding: 10px; border-radius: 10px; background: var(--wb-bg-subtle); }
.kyc-file-list { display: grid; gap: 8px; }
.kyc-file-row { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 10px; padding: 10px; border: 1px solid var(--wb-border); border-radius: 10px; background: var(--wb-bg-subtle); }
.kyc-delete-zone { padding: 16px; border: 1px solid color-mix(in srgb, var(--wb-danger) 32%, var(--wb-border)); border-radius: 14px; background: color-mix(in srgb, var(--wb-danger) 7%, var(--wb-bg-elevated)); }
.kyc-delete-confirm { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }
.admin-sidebar-head { display: flex; align-items: center; gap: 11px; border-bottom: 1px solid var(--wb-border); }
.admin-sidebar-head strong { display: block; }
.admin-sidebar-head span { display: block; font-size: .875rem; }
.admin-sidebar-logo { display: inline-flex; width: 40px; height: 40px; align-items: center; justify-content: center; border-radius: 11px; }
.admin-sidebar-scroll { overflow-y: auto; padding: 4px 12px 16px; }
.admin-page-hero,
.integrations-hero { padding: 22px; margin-bottom: 18px; }
.admin-overview-stats { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.admin-stat-warning { border-color: color-mix(in srgb, var(--wb-warning) 34%, var(--wb-border)); }
.wb206-admin-action-queue { border: 1px solid var(--wb-border); border-radius: 17px; background: var(--wb-bg-elevated); }
.wb206-admin-action-queue { padding: 18px; }
.admin-module-card { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 11px; }
.admin-module-arrow { color: var(--wb-text-muted); }
.admin-queue-list > *,
.wb206-action-item { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: start; gap: 11px; padding: 12px; border: 1px solid var(--wb-border); border-radius: 11px; background: var(--wb-bg-subtle); }
.wb206-filter-bar { display: grid; grid-template-columns: repeat(6, minmax(130px, 1fr)); gap: 10px; margin-bottom: 14px; }
.wb206-action-copy { min-width: 0; }
.wb206-admin-drawer { position: fixed; inset-block: 0; inset-inline-end: 0; width: min(520px, 94vw); max-height: none; border-radius: 0; }
.responsive-data-table,
.safe-table,
table { width: 100%; border-collapse: separate; border-spacing: 0; }
.responsive-data-table,
.overflow-x-auto { scrollbar-width: thin; }
table { overflow: hidden; border: 1px solid var(--wb-border); border-radius: 13px; background: var(--wb-bg-elevated); }
th,
td { text-align: right; vertical-align: middle; }
th { color: var(--wb-text-muted); }
td { color: var(--wb-text-soft); font-size: .875rem; }
tr:last-child td { border-bottom: 0; }
tbody tr:hover td { background: color-mix(in srgb, var(--wb-bg-muted) 55%, transparent); }
.admin-settings-page,
.integrations-page,
.observability-page,
.manual-admin-page { display: grid; gap: 16px; }
.settings-workspace,
.integration-workspace { display: grid; grid-template-columns: minmax(0, 1fr) 360px; align-items: start; gap: 16px; }
.settings-forms,
.integration-form-grid { display: grid; gap: 14px; }
.settings-panel { overflow: hidden; padding: 0; }
.settings-panel-body { padding: 18px; }
.settings-field,
.integration-field { display: grid; gap: 6px; }
.settings-preview,
.integration-aside { position: sticky; top: 24px; padding: 16px; border: 1px solid var(--wb-border); border-radius: 16px; background: var(--wb-bg-elevated); }
.preview-browser-bar { display: flex; align-items: center; gap: 5px; padding: 8px; border-radius: 8px 8px 0 0; background: var(--wb-bg-muted); }
.preview-browser-bar::before,
.preview-browser-bar::after { content: ''; width: 8px; height: 8px; border-radius: 50%; background: var(--wb-border-strong); }
.preview-announcement { padding: 7px; text-align: center; color: #fff; background: var(--wb-primary); font-size: .875rem; }
.preview-nav { display: flex; align-items: center; justify-content: space-between; padding: 9px; border-inline: 1px solid var(--wb-border); background: var(--wb-bg-elevated); }
.preview-logo { background: var(--wb-primary); }
.preview-hero { min-height: 150px; padding: 18px; border: 1px solid var(--wb-border); border-top: 0; border-radius: 0 0 8px 8px; background: linear-gradient(135deg, var(--wb-primary-soft), var(--wb-bg-elevated)); }
.settings-preview-note,
.settings-tip,
.integration-tip,
.integration-warning { margin-top: 10px; padding: 10px; border-radius: 9px; background: var(--wb-bg-subtle); color: var(--wb-text-muted); font-size: .875rem; }
.settings-sensitive-list,
.integration-checks { display: grid; gap: 8px; }
.integration-card { grid-template-columns: auto minmax(0, 1fr) auto; align-items: start; gap: 12px; }
.integration-secret { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: .08em; }
.integration-health-title { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.integration-test-target { padding: 12px; border: 1px dashed var(--wb-border-strong); border-radius: 10px; background: var(--wb-bg-subtle); }
.content-studio-grid,
.builder-workspace { display: grid; grid-template-columns: 320px minmax(0, 1fr); align-items: start; gap: 16px; }
.builder-sidebar { position: sticky; top: 24px; }
.block-library { display: grid; gap: 8px; }
.builder-block-v13 { padding: 14px; border: 1px solid var(--wb-border); border-radius: 12px; background: var(--wb-bg-elevated); }
.builder-block-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 7px; }
.builder-block-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 12px; }
.page-builder-canvas-v13,
.layout-preview-shell { min-height: 500px; padding: 18px; border: 1px dashed var(--wb-border-strong); border-radius: 15px; background: var(--wb-bg-subtle); }
.builder-add { display: flex; align-items: center; justify-content: center; min-height: 48px; margin-top: 10px; border: 1px dashed var(--wb-border-strong); border-radius: 10px; color: var(--wb-primary); }
.media-asset-card,
.saved-view-card { padding: 12px; border: 1px solid var(--wb-border); border-radius: 12px; background: var(--wb-bg-elevated); }
.observability-page .provider-health-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.http-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; }
.http-metrics > * { padding: 12px; border: 1px solid var(--wb-border); border-radius: 11px; background: var(--wb-bg-subtle); }
.client-error-list > * { padding: 11px; border: 1px solid var(--wb-border); border-radius: 10px; background: var(--wb-bg-subtle); }
.risk-score { display: grid; width: 72px; height: 72px; place-items: center; border-radius: 50%; color: #fff; background: linear-gradient(145deg, var(--wb-danger), #8f2f43); font-size: 1.1rem; font-weight: 850; }
.review-confirm { padding: 12px; border: 1px solid var(--wb-border); border-radius: 11px; background: var(--wb-bg-subtle); }
.enterprise-shell { display: grid; gap: 16px; }
.enterprise-tabs { flex-wrap: wrap; }
.enterprise-tabs a { padding: 7px 11px; color: var(--wb-text-soft); border-radius: 8px; font-size: .875rem; font-weight: 700; }
.enterprise-tabs a.active { color: var(--wb-primary); background: var(--wb-primary-soft); }
.organization-grid-v13,
.service-card-grid,
.match-card-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; }
.organization-logo { display: inline-flex; width: 48px; height: 48px; align-items: center; justify-content: center; border-radius: 13px; background: var(--wb-primary-soft); color: var(--wb-primary); }
.organization-members { display: flex; margin-top: 10px; }
.organization-members > * { margin-inline-start: -8px; border: 2px solid var(--wb-bg-elevated); }
.ai-control-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.ai-result-panel,
.ai-privacy-panel,
.ai-disclaimer { padding: 14px; border: 1px solid var(--wb-border); border-radius: 13px; background: var(--wb-bg-elevated); }
.ai-quality-row,
.match-breakdown { display: grid; gap: 7px; }
.match-score { display: inline-grid; width: 56px; height: 56px; place-items: center; color: #fff; border-radius: 50%; background: var(--wb-primary); font-weight: 820; }
.wb206-system-state { display: grid; min-height: 70vh; place-items: center; padding: 30px; }
.wb206-system-state-card { width: min(100%, 620px); padding: clamp(26px, 5vw, 46px); text-align: center; border: 1px solid var(--wb-border); border-radius: 22px; background: var(--wb-bg-elevated); box-shadow: var(--wb-shadow-md); }
.wb206-system-state-code { color: var(--wb-primary); font-size: .875rem; font-weight: 820; }
.wb206-system-state-icon { display: inline-grid; width: 64px; height: 64px; margin-block: 12px; place-items: center; color: var(--wb-primary); border-radius: 18px; background: var(--wb-primary-soft); }
.wb206-error-reference { display: inline-block; margin-top: 10px; padding: 6px 9px; border-radius: 8px; background: var(--wb-bg-muted); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .875rem; }
.wb206-system-state-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-top: 18px; }
[class^='wb23-'][class$='-section'],
[class^='wb206-'][class$='-section'],
[class$='-panel'],
[class$='-workspace'],
[class$='-summary'],
[class$='-overview'] { min-width: 0; }
[class$='-grid'] { min-width: 0; }
.text-link { display: inline-flex; align-items: center; gap: 5px; color: var(--wb-primary); font-weight: 720; }
.text-danger { color: var(--wb-danger); }
.text-success { color: var(--wb-success); }
.text-muted { color: var(--wb-text-muted); }
.code-editor { min-height: 220px; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; direction: ltr; text-align: left; }
.color-field { display: grid; grid-template-columns: 48px minmax(0, 1fr); align-items: center; gap: 10px; }
.profile-media-upload,
.profile-cover-preview { overflow: hidden; border: 1px dashed var(--wb-border-strong); border-radius: 14px; background: var(--wb-bg-subtle); }
.profile-cover-preview { min-height: 180px; }
.referral-code { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 10px; border-radius: 9px; background: var(--wb-bg-muted); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }
@media (max-width: 1180px) {
  :root { --wb-content: 1120px; --wb-sidebar: 260px; }
  .wb23-hero-grid { grid-template-columns: 1fr; }
  .wb23-market-search { max-width: 780px; }
  .wb23-category-list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .wb23-home-expert-grid,
  .organization-grid-v13,
  .service-card-grid,
  .match-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .dashboard-navigation-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .wb206-wallet-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .admin-overview-stats,
  .dashboard-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .wb206-filter-bar { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 1024px) {
  .container,
  .container-fa,
  .public-content,
  .private-content,
  .site-header-inner,
  .wb21-footer-main,
  .wb21-footer-bottom { width: min(100% - 28px, var(--wb-content)); }
  .public-content,
  .private-content { padding-block: 22px 48px; }
  .site-header-inner { min-height: 64px; }
  .wb21-filter-primary { grid-template-columns: 1fr 1fr; }
  .wb21-filter-primary .btn { width: 100%; }
  .wb21-filter-advanced { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .project-index-card,
  .wb21-project-card,
  .wb23-project-result { grid-template-columns: 1fr; }
  .project-index-side,
  .wb21-project-side,
  .wb23-project-result-side { flex-direction: row; align-items: center; padding-inline-start: 0; padding-top: 13px; border-inline-start: 0; border-top: 1px solid var(--wb-border); }
  .wb23-project-layout,
  .wb23-profile-layout,
  .settings-workspace,
  .integration-workspace { grid-template-columns: 1fr; }
  .wb23-project-sticky,
  .wb23-hire-panel,
  .settings-preview,
  .integration-aside,
  .wizard-aside { position: static; }
  .wb23-chat-layout { grid-template-columns: 230px minmax(0, 1fr); }
  .wb23-chat-person { display: none; }
  .dashboard-middle-grid,
  .manual-payment-shell,
  .security-overview { grid-template-columns: 1fr; }
  .auth-page,
  .wb21-auth-page { grid-template-columns: 1fr; }
  .auth-aside,
  .wb21-auth-aside { display: none; }
  .auth-form-wrap,
  .wb21-auth-form-wrap { min-height: 100vh; padding: 28px 18px; }
  .auth-mobile-brand { display: flex; }
  .wb23-service-packages,
  .wb23-portfolio-grid,
  .portfolio-grid-v13 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .wb206-order-steps { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .content-studio-grid,
  .builder-workspace { grid-template-columns: 1fr; }
  .builder-sidebar { position: static; }
  .wb21-footer-main { grid-template-columns: 1fr 1fr; }
  .wb21-footer-brand { grid-column: 1 / -1; }
}

@media (max-width: 768px) {
  body { font-size: 16px; }
  h1 { font-size: clamp(1.55rem, 7vw, 2.15rem); }
  h2 { font-size: clamp(1.25rem, 5.5vw, 1.65rem); }
  .container,
  .container-fa,
  .public-content,
  .private-content,
  .site-header-inner,
  .wb21-footer-main,
  .wb21-footer-bottom { width: min(100% - 20px, var(--wb-content)); }
  .announcement-bar { min-height: 31px; padding-inline: 10px; font-size: .875rem; }
  .site-header-inner { gap: 10px; }
  .brand-wordmark { display: none; }
  .site-nav-actions { gap: 6px; }
  .site-icon-button { width: 38px; height: 38px; }
  .site-cta,
  .v17-login-link { display: none; }
  .page-header { padding: 20px; border-radius: 17px; }
  .page-header > div { flex-direction: column; }
  .section-heading,
  .section-toolbar,
  .wb23-section-head,
  .admin-page-hero,
  .settings-preview-head,
  .bank-transfer-head,
  .kyc-summary-head,
  .manual-admin-main,
  .wb23-project-header,
  .wb23-profile-title,
  .wb23-conversation-toolbar { flex-direction: column; align-items: stretch; }
  .wb23-hero { padding: 28px 20px; border-radius: 20px; }
  .wb23-hero-copy h1 { font-size: clamp(2rem, 10vw, 3.1rem); }
  .wb23-search-fields { grid-template-columns: 1fr; }
  .wb23-search-submit .btn { width: 100%; }
  .wb23-proof { grid-template-columns: 1fr; }
  .wb23-category-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .wb23-home-expert-grid,
  .organization-grid-v13,
  .service-card-grid,
  .match-card-grid,
  .blog-grid,
  .media-grid-v13 { grid-template-columns: 1fr; }
  .wb23-final-cta,
  .final-cta,
  .landing-cta { flex-direction: column; align-items: stretch; border-radius: 18px; }
  .layout-stats { grid-template-columns: repeat(2, 1fr); }
  .wb21-filter-primary,
  .wb21-filter-advanced,
  .wb23-expert-quick-search,
  .wb23-filter-grid,
  .wizard-fields,
  .account-form-grid,
  .ai-control-grid,
  .builder-block-fields { grid-template-columns: 1fr; }
  .wb21-filter-actions { justify-content: stretch; }
  .wb21-filter-actions > * { flex: 1; }
  .project-index-side,
  .wb21-project-side,
  .wb23-project-result-side { flex-direction: column; align-items: stretch; }
  .wb23-proposal-fields { grid-template-columns: 1fr; }
  .project-stepper { grid-template-columns: repeat(2, 1fr); }
  .wb23-freelancer-card,
  .expert-card { grid-template-columns: 1fr; }
  .wb23-profile-hero-content { align-items: flex-start; }
  .wb23-profile-scoreboard,
  .wb23-freelancer-metrics { grid-template-columns: repeat(3, 1fr); }
  .wb23-service-packages,
  .wb23-portfolio-grid,
  .portfolio-grid-v13 { grid-template-columns: 1fr; }
  .dashboard-metrics,
  .admin-overview-stats,
  .dashboard-navigation-grid,
  .account-summary-grid,
  .account-link-grid,
  .wb206-wallet-grid,
  .observability-page .provider-health-grid,
  .http-metrics { grid-template-columns: 1fr; }
  .dashboard-action-list > *,
  .onboarding-items > *,
  .wb23-notification-list > *,
  .wb23-conversation-list > *,
  .admin-queue-list > *,
  .wb206-action-item,
  .integration-card { grid-template-columns: auto minmax(0, 1fr); }
  .dashboard-action-list > * > :last-child,
  .onboarding-items > * > :last-child,
  .wb23-notification-list > * > :last-child,
  .wb23-conversation-list > * > :last-child,
  .admin-queue-list > * > :last-child,
  .wb206-action-item > :last-child,
  .integration-card > :last-child { grid-column: 1 / -1; }
  .wb23-chat-layout { display: block; min-height: auto; }
  .wb23-chat-context { border-inline-end: 0; border-bottom: 1px solid var(--wb-border); }
  .wb23-chat-main { min-height: 580px; }
  .wb23-message-stream > * { max-width: 88%; }
  .wb23-chat-composer { grid-template-columns: auto minmax(0, 1fr); }
  .wb23-chat-composer > :last-child { grid-column: 1 / -1; }
  .wb206-order-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .kanban-board { grid-template-columns: repeat(4, 270px); }
  .wb206-filter-bar { grid-template-columns: 1fr 1fr; }
  .kyc-facts { grid-template-columns: 1fr; }
  .account-switch-grid { grid-template-columns: 1fr; }
  .wb21-footer-main { grid-template-columns: 1fr; gap: 28px; padding-block: 32px 20px; }
  .wb21-footer-links { grid-template-columns: repeat(2, 1fr); }
  .wb21-footer-bottom { flex-direction: column; align-items: flex-start; }
  .review-dialog-backdrop,
  .global-search-backdrop { padding: 16px; place-items: center; }
}

@media (max-width: 520px) {
  .public-content,
  .private-content { padding-block: 14px 36px; }
  .site-header-inner { min-height: 58px; }
  .brand-mark { width: 35px; height: 35px; }
  .site-icon-button { width: 36px; height: 36px; }
  .wb23-hero { padding: 24px 16px; }
  .wb23-role-actions { display: grid; grid-template-columns: 1fr; }
  .wb23-role-actions > * { width: 100%; }
  .wb23-market-search { padding: 14px; border-radius: 15px; }
  .wb23-category-list { grid-template-columns: 1fr; }
  .layout-stats { grid-template-columns: 1fr; }
  .card,
  .surface-panel,
  .card-soft,
  .mini-card,
  .market-card,
  .trust-card,
  .guide-card,
  .organization-card,
  .subscription-card,
  .service-card,
  .interview-card,
  .match-card,
  .blog-card,
  .bank-transfer-card,
  .manual-receipt-form,
  .draft-card,
  .settings-panel,
  .integration-card,
  .manual-admin-card,
  .risk-card,
  .refund-card,
  .admin-module-card,
  .wb206-wallet-card,
  .wb23-content-section,
  .wb23-profile-section,
  .wb23-profile-side-section { padding: 15px; border-radius: 13px; }
  .project-index-card,
  .wb21-project-card,
  .wb23-project-result { padding: 15px; border-radius: 13px; }
  .wb23-profile-hero-content { flex-direction: column; }
  .wb23-profile-scoreboard,
  .wb23-freelancer-metrics { grid-template-columns: 1fr; }
  .project-stepper { grid-template-columns: 1fr; }
  .wb206-filter-bar { grid-template-columns: 1fr; }
  .auth-form-wrap,
  .wb21-auth-form-wrap { padding: 20px 12px; }
  .connection-banner,
  .pwa-toast { inset-inline: 8px; bottom: 8px; }
}

@media print {
  .site-header,
  .site-footer,
  .print\:hidden { display: none !important; }
  body { background: #fff !important; color: #000 !important; }
  .card,
  .surface-panel,
  .page-header { box-shadow: none !important; }
}
small,
.text-xs,
.badge,
.score-pill,
.success-pill,
.discount-chip,
.category-pill,
.wb206-risk-badge,
.wb206-action-priority,
.wb23-verified,
.verified-label,
.wb21-verified,
.wb23-freelancer-availability,
.account-menu-link,
.wb21-footer-bottom,
.wb21-footer-links a,
.market-check small,
.form-help,
.section-kicker,
.eyebrow,
.admin-eyebrow,
.wb23-kicker,
.wb23-chat-kicker,
.wb21-auth-kicker {
  font-size: .875rem;
}
button,
input,
textarea,
select,
a.btn,
a.btn-ghost,
a.btn-outline,
a.btn-danger {
  min-height: 42px;
}
input,
textarea,
select { font-size: 1rem; }
.ltr,
[dir="ltr"] { direction: ltr; unicode-bidi: isolate; text-align: left; }
.app-shell { min-height: 100vh; width: 100%; }
.app-shell--public,
.app-shell--private,
.app-shell--auth,
.app-shell--admin { background: var(--wb-bg); }
.container,
.container-fa,
.public-content,
.private-content,
.site-header-inner,
.wb21-footer-main,
.wb21-footer-bottom {
  max-width: var(--wb-content);
  margin-inline: auto;
}
.full-bleed {
  width: 100vw;
  max-width: none;
  margin-inline: calc(50% - 50vw);
}
.site-header-inner { gap: 18px; }
.site-main-nav { display: flex; }
.mobile-nav-trigger { display: none; }
.desktop-account { position: relative; display: block; }
.account-trigger-name { display: block; max-width: 128px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 750; }
.v17-login-link { display: inline-flex; align-items: center; min-height: 40px; color: var(--wb-text-soft); }
.desktop-role-cta { display: inline-flex; }
.account-menu { width: min(760px, calc(100vw - 32px)); }
.v17-account-sections { grid-template-columns: repeat(5, minmax(110px, 1fr)); }
.v17-account-sections h2,
.v17-mobile-account-grid h2 { margin: 0 0 7px; font-size: .875rem; color: var(--wb-text-muted); }
.account-menu-link { min-height: 36px; display: flex; align-items: center; }

.mobile-menu-portal {
  position: fixed;
  inset: 0;
  z-index: 130;
  display: flex;
  justify-content: flex-start;
  background: rgba(3, 7, 13, .72);
  backdrop-filter: blur(6px);
}
.mobile-menu {
  position: relative;
  inset: auto;
  width: min(390px, 92vw);
  height: 100dvh;
  overflow-y: auto;
  background: var(--wb-bg-elevated);
  box-shadow: var(--wb-shadow-lg);
}
.v17-mobile-menu-content { width: 100%; padding: 14px; }
.v17-mobile-account-grid section { padding-block: 12px; border-bottom: 1px solid var(--wb-border); }
.v17-mobile-account-grid section a { display: block; min-height: 42px; padding: 9px 11px; border-radius: 9px; }
.v17-mobile-logout { display: grid; grid-template-columns: 1fr; gap: 10px; padding-top: 16px; }

.global-search-backdrop { z-index: 140; }
.global-search-dialog { width: min(700px, 100%); }
.global-search-dialog form { display: grid; gap: 14px; }
.global-search-input { display: grid; grid-template-columns: auto minmax(0,1fr); align-items: center; gap: 10px; }
.global-search-scope { display: flex; flex-wrap: wrap; gap: 10px 18px; margin: 0; padding: 12px; border: 1px solid var(--wb-border); border-radius: 12px; }
.global-search-scope legend { padding-inline: 6px; font-weight: 750; }
.global-search-scope label { display: inline-flex; align-items: center; gap: 7px; }
.brand-wordmark { display: grid; gap: 3px; line-height: 1.15; }
.brand-wordmark strong { font-size: 1.05rem; color: var(--wb-text); }
.brand-wordmark small { font-size: .875rem; color: var(--wb-text-muted); font-weight: 600; }
.brand-lockup:hover .brand-mark { transform: translateY(-1px); box-shadow: 0 12px 28px rgba(10,18,36,.26); }
.brand-mark { transition: transform .2s ease, box-shadow .2s ease; }
.page-header {
  margin-bottom: 20px;
  overflow: visible;
}
.page-header::after,
.page-header-glow { display: none; }
.page-header-content { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; }
.page-header-eyebrow { display: inline-flex; }
.page-header p { margin: 0; }
.page-header-meta { display: flex; flex-wrap: wrap; gap: 8px; color: var(--wb-text-muted); font-size: .875rem; }
.page-header-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.card:hover,
.market-card:hover,
.blog-card:hover,
.service-card:hover,
.admin-module-card:hover { border-color: var(--wb-border); }
a.card:hover,
a.market-card:hover,
a.blog-card:hover,
a.service-card:hover,
[data-interactive="true"]:hover { border-color: var(--wb-border-strong); box-shadow: var(--wb-shadow-sm); }
.category-pill {
  min-height: 0;
  justify-content: center;
}
.wb21-footer-main { grid-template-columns: minmax(260px, 1.2fr) minmax(320px, 1.4fr) minmax(180px, .7fr); }
.wb21-footer-links h2 { margin-bottom: 10px; font-size: 1rem; }
.wb21-footer-bottom p { margin: 0; }
.wb21-footer-bottom > div { display: flex; flex-wrap: wrap; gap: 14px; }
.prose { max-width: 78ch; color: var(--wb-text-soft); font-size: 1rem; line-height: 2; }
.prose h1,.prose h2,.prose h3,.prose h4 { margin-block: 1.5em .55em; color: var(--wb-text); }
.prose h1 { font-size: 2rem; }
.prose h2 { font-size: 1.5rem; }
.prose h3 { font-size: 1.2rem; }
.prose p,.prose ul,.prose ol,.prose blockquote { margin-block: 0 1.1em; }
.prose ul,.prose ol { padding-inline-start: 1.4rem; }
.prose a { color: var(--wb-primary); text-decoration: underline; text-underline-offset: 3px; }
.prose blockquote { padding-inline-start: 16px; border-inline-start: 4px solid var(--wb-primary); }
.prose code { direction: ltr; unicode-bidi: isolate; padding: 2px 6px; border-radius: 6px; background: var(--wb-bg-muted); }
.prose-sm { font-size: .9375rem; }
.prose-slate,.dark .dark\:prose-invert { color: var(--wb-text-soft); }
.max-w-none { max-width: none; }
.wb23-section-title { display: grid; gap: 4px; margin-bottom: 14px; }
.wb23-section-title > span { font-size: .875rem; font-weight: 800; }
.wb23-section-title h2 { margin: 0; font-size: 1.25rem; }
.wb23-safety-note,
.wb23-chat-guidelines { display: flex; align-items: flex-start; gap: 10px; padding: 12px; border: 1px solid var(--wb-border); border-radius: 12px; background: var(--wb-bg-subtle); }
.wb23-safety-note svg,.wb23-chat-guidelines svg { flex: 0 0 auto; color: var(--wb-primary); }
.wb23-safety-note p,.wb23-chat-guidelines p { margin: 0; font-size: .875rem; line-height: 1.8; }
.wb23-sticky-status { display: grid; gap: 9px; padding: 12px; border-radius: 12px; background: var(--wb-bg-muted); }
.wb23-proposal-message { display: grid; gap: 7px; }
.wb23-proposal-message textarea { min-height: 180px; }
.wb23-proposal-message > small { color: var(--wb-text-muted); font-size: .875rem; }
.wb23-review-summary { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.wb23-review-summary > div,
.wb23-review-description { display: grid; gap: 5px; padding: 13px; border-radius: 11px; background: var(--wb-bg-muted); }
.wb23-review-summary span,.wb23-review-description > span { color: var(--wb-text-muted); font-size: .875rem; }
.wb23-review-description p { max-height: 230px; margin: 0; overflow-y: auto; white-space: pre-wrap; font-size: .9375rem; }
.wb23-conversation-main { display: grid; gap: 8px; }
.wb23-conversation-main header { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; }
.wb23-conversation-main h2 { margin: 0; overflow: hidden; font-size: 1rem; text-overflow: ellipsis; white-space: nowrap; }
.wb23-typing { display: inline-flex; align-items: center; gap: 5px; color: var(--wb-text-muted); font-size: .875rem; }
.wb23-live-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--wb-success); }
.wb23-flag-reason { padding: 8px 10px; color: var(--wb-danger); border-radius: 9px; background: color-mix(in srgb,var(--wb-danger) 10%,transparent); }
.wb23-profile-aside { min-width: 0; }
.wb23-home-project-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.wb23-studio-proposal-preview { display: grid; gap: 12px; padding: 18px; border: 1px solid var(--wb-border); border-radius: 14px; background: var(--wb-bg-subtle); }
.wb23-filter-backdrop { display: none; }
.wb23-expert-quick-search { display: flex; align-items: center; justify-content: space-between; gap: 20px; border: 1px solid var(--wb-border); }
.wb23-expert-quick-search > div { display: flex; flex: 0 0 auto; align-items: baseline; gap: 7px; }
.wb23-expert-quick-search > div strong { color: var(--wb-text); }
.wb23-expert-quick-search > div span { color: var(--wb-text-soft); font-size: .875rem; }
.wb23-expert-quick-search nav { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 7px; }
.wb23-expert-quick-search nav button { color: var(--wb-text-soft); border: 1px solid var(--wb-border); border-radius: 999px; font-size: .875rem; font-weight: 720; }
.wb23-expert-quick-search nav button:hover,
.wb23-expert-quick-search nav button.active { color: var(--wb-primary); border-color: color-mix(in srgb,var(--wb-primary) 40%,var(--wb-border)); background: var(--wb-primary-soft); }
.wb23-expert-filter { min-width: 0; }
.wb23-expert-filter > header,
.wb23-expert-filter > footer { display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.wb23-expert-filter > header { margin-bottom: 18px; }
.wb23-expert-filter > header > div { display: grid; gap: 2px; }
.wb23-expert-filter > header strong { color: var(--wb-text); font-size: 1.05rem; }
.wb23-expert-filter > header small { color: var(--wb-text-muted); }
.wb23-expert-filter > footer { margin-top: 18px; padding-top: 16px; border-top: 1px solid var(--wb-border); }
.wb23-expert-filter > footer > div { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
.wb23-freelancer-card { grid-template-columns: minmax(0,1fr); }
.wb23-freelancer-card > header { display: grid; align-items: center; }
.wb23-freelancer-card .wb23-freelancer-identity { display: grid; min-width: 0; gap: 5px; }
.wb23-freelancer-identity > div { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.wb23-freelancer-identity h2,
.wb23-freelancer-identity p { margin: 0; }
.wb23-freelancer-identity p,
.wb23-freelancer-identity > span { color: var(--wb-text-soft); font-size: .875rem; }
.wb23-freelancer-identity > span { display: flex; align-items: center; gap: 5px; }
.wb23-freelancer-availability { display: inline-flex; align-items: center; gap: 7px; }
.wb23-freelancer-metrics { margin: 0; }
.wb23-freelancer-metrics > div { display: flex; align-items: flex-start; gap: 9px; text-align: start; }
.wb23-freelancer-metrics > div > svg { flex: 0 0 auto; margin-top: 3px; color: var(--wb-primary); }
.wb23-freelancer-metrics > div > span { display: grid; gap: 2px; }
.wb23-freelancer-metrics small,
.wb23-freelancer-metrics em { color: var(--wb-text-muted); font-size: .875rem; font-style: normal; }
.wb23-freelancer-card > footer { display: flex; flex-wrap: wrap; gap: 8px; }

@media (max-width: 760px) {
  .wb23-expert-quick-search { min-height: 0; flex-direction: column; padding: 14px; }
  .wb23-expert-quick-search nav { justify-content: flex-start; scrollbar-width: none; }
  .wb23-expert-quick-search nav::-webkit-scrollbar { display: none; }
  .wb23-expert-quick-search nav button { flex: 0 0 auto; }
  .wb23-filter-backdrop.is-open { position: fixed; z-index: 84; inset: 0; display: block; background: rgba(5,10,22,.58); backdrop-filter: blur(3px); }
  .wb23-expert-filter { position: fixed; z-index: 85; inset: auto 10px 10px; overflow-y: auto; border-radius: 20px; opacity: 0; pointer-events: none; transform: translateY(calc(100% + 24px)); transition: transform .28s ease,opacity .2s ease; }
  .wb23-expert-filter.is-open { opacity: 1; pointer-events: auto; transform: none; }
  .wb23-expert-filter > header { position: sticky; z-index: 1; padding-block: 8px 12px; background: var(--wb-bg-elevated); }
  .wb23-expert-filter > header .site-icon-button { display: inline-grid; }
  .wb23-expert-filter > footer { align-items: stretch; flex-direction: column; }
  .wb23-expert-filter > footer > div { display: grid; grid-template-columns: 1fr 1fr; }
  .wb23-expert-filter > footer > div .btn { grid-column: 1 / -1; }
  .wb23-freelancer-card > header { align-items: start; }
  .wb23-freelancer-card > footer > * { flex: 1 1 145px; justify-content: center; }
}
.project-wizard-layout { display: grid; align-items: start; }
.metric-card { position: relative; min-width: 0; padding: 18px; overflow: hidden; border: 1px solid var(--wb-border); border-radius: 14px; background: var(--wb-bg-elevated); }
.metric-card > * { position: relative; z-index: 1; }
.metric-card[class*="metric-tone-"] { border-top-width: 3px; }
.metric-tone-primary,.tone-primary,.icon-blue { color: var(--wb-primary); }
.metric-tone-success,.tone-success { color: var(--wb-success); }
.metric-tone-warning,.tone-warning { color: var(--wb-warning); }
.metric-tone-danger,.tone-danger { color: var(--wb-danger); }
.dashboard-action--critical,.queue-critical,.queue-high { border-inline-start: 4px solid var(--wb-danger); }
.dashboard-action--warning,.queue-medium { border-inline-start: 4px solid var(--wb-warning); }
.dashboard-action--normal,.queue-low { border-inline-start: 4px solid var(--wb-primary); }
.admin-module-list { display: grid; gap: 8px; margin-top: 12px; }
.admin-queue-card { display: grid; gap: 10px; padding: 14px; border: 1px solid var(--wb-border); border-radius: 12px; background: var(--wb-bg-elevated); }
.admin-trend-bars { display: flex; align-items: flex-end; gap: 7px; min-height: 120px; }
.admin-trend-bars > * { flex: 1; min-width: 8px; border-radius: 6px 6px 0 0; background: var(--wb-primary); }
.manual-admin-facts { display: grid; grid-template-columns: repeat(auto-fit,minmax(140px,1fr)); gap: 10px; }
.manual-admin-facts > div { padding: 12px; border-radius: 11px; background: var(--wb-bg-muted); }
.manual-admin-facts span { display: block; color: var(--wb-text-muted); font-size: .875rem; }
.manual-admin-facts strong { display: block; margin-top: 4px; overflow: hidden; text-overflow: ellipsis; }
.manual-admin-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.manual-state,.no-receipt,.runtime-pill,.vault-status,.slot-status,.delivery-status,.security-status,.health-overall { display: inline-flex; align-items: center; gap: 6px; padding: 5px 9px; border-radius: 999px; background: var(--wb-bg-muted); font-size: .875rem; font-weight: 750; }
.wb206-danger-explanation { padding: 12px; color: var(--wb-danger); border: 1px solid color-mix(in srgb,var(--wb-danger) 28%,var(--wb-border)); border-radius: 11px; background: color-mix(in srgb,var(--wb-danger) 8%,var(--wb-bg-elevated)); }
.wb206-overview-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; }
.support-filter { display: grid; grid-template-columns: repeat(auto-fit,minmax(160px,1fr)); gap: 10px; }
.support-sla-stats { display: grid; grid-template-columns: repeat(auto-fit,minmax(180px,1fr)); gap: 12px; }
.support-sla-stats article { min-height: 100px; padding: 16px; border: 1px solid var(--wb-border); border-top: 3px solid var(--wb-primary); border-radius: 12px; background: var(--wb-bg-elevated); }
.sla-meter { display: grid; min-width: 150px; gap: 4px; }
.sla-meter > span { display: block; height: 8px; overflow: hidden; border-radius: 999px; background: var(--wb-bg-muted); }
.sla-meter > span > b { display: block; height: 100%; border-radius: inherit; background: var(--wb-primary); }
.sla-meter.breached > span > b { background: var(--wb-danger); }
.sla-meter > small { display: block; color: var(--wb-text-muted); background: transparent; line-height: 1.45; }
.settings-savebar { position: sticky; bottom: 12px; z-index: 12; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px; border: 1px solid var(--wb-border); border-radius: 13px; background: var(--wb-bg-elevated); box-shadow: var(--wb-shadow-md); }
.review-dialog-body { display: grid; gap: 12px; padding: 18px; }
.review-dialog-body textarea { min-height: 110px; }
.route-progress { position: fixed; top: 0; inset-inline: 0; z-index: 9999; height: 3px; pointer-events: none; opacity: 0; }
.route-progress.active { opacity: 1; }
.route-progress span { display: block; width: 100%; height: 100%; background: linear-gradient(90deg,var(--wb-primary),var(--wb-accent)); animation: routeLoad .52s ease both; }
@keyframes routeLoad { from { transform: scaleX(.08); transform-origin: right; } to { transform: scaleX(1); transform-origin: right; } }
.account-data-copy,.security-feature-heading,.kyc-status-line { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.security-status.is-enabled { color: var(--wb-success); }
.kyc-files { display: grid; gap: 10px; }
.kyc-loading { min-height: 120px; display: grid; place-items: center; }
.enterprise-stat,.vital-card,.organization-card-v13,.match-card-v13,.review-card-v13,.search-result { min-width: 0; padding: 16px; border: 1px solid var(--wb-border); border-radius: 13px; background: var(--wb-bg-elevated); }
.layout-hero,.landing-hero { padding: 28px; border: 1px solid var(--wb-border); border-radius: 18px; background: var(--wb-bg-elevated); }
.layout-preview-body,.layout-text,.expert-card-body { min-width: 0; }
.category-index { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; border-radius: 10px; color: var(--wb-primary); background: var(--wb-primary-soft); font-weight: 850; }

@media (max-width: 1100px) {
  .site-main-nav,.desktop-role-cta { display: none; }
  .mobile-nav-trigger { display: inline-flex; }
  .account-menu { width: min(620px,calc(100vw - 24px)); }
  .v17-account-sections { grid-template-columns: repeat(3,minmax(120px,1fr)); }
  .project-wizard-layout { grid-template-columns: 1fr; }
  .wb206-overview-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 760px) {
  body { font-size: 16px; }
  .container,.container-fa,.public-content,.private-content,.site-header-inner,.wb21-footer-main,.wb21-footer-bottom { width: min(calc(100% - 20px),var(--wb-content)); }
  .public-content,.private-content { padding-block: 16px 38px; }
  .brand-wordmark { display: none; }
  .v17-login-link,.site-cta:not(.desktop-role-cta),.desktop-account { display: none; }
  .page-header-content { flex-direction: column; }
  .wb23-review-summary { grid-template-columns: 1fr; }
  .wb206-overview-grid { grid-template-columns: 1fr; }
  .wb21-footer-main { grid-template-columns: 1fr; }
  .wb21-footer-links { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .account-trigger-name { display: none; }
}
.v17-mobile-auth .btn { color: #fff; border-color: var(--wb-market-pink); background: var(--wb-market-pink); }
.v17-mobile-auth .btn:hover { border-color: var(--wb-market-pink-hover); background: var(--wb-market-pink-hover); }
.locale-toggle { display: inline-flex; width: max-content; align-items: center; gap: 2px; padding: 3px; border: 1px solid var(--wb-border); border-radius: 999px; background: var(--wb-bg-subtle); }
.locale-toggle button { display: grid; place-items: center; padding: 5px 9px; color: var(--wb-text-muted); border: 0; border-radius: 999px; background: transparent; font-size: 14px; font-weight: 800; line-height: 1; }
.locale-toggle button:hover { color: var(--wb-text); background: var(--wb-bg-elevated); }
.locale-toggle button.active { color: #fff; background: var(--wb-market-ink); box-shadow: 0 3px 10px rgba(9,17,32,.16); }
.locale-toggle.is-compact button { padding-inline: 7px; }
.mobile-menu .locale-toggle { margin: 4px 0 12px; }
.desktop-locale-toggle { flex: 0 0 auto; }
.fa, .en { unicode-bidi: plaintext; }
[data-locale="en"] body { font-family: Inter, "Segoe UI", Arial, sans-serif; letter-spacing: -.008em; }
[data-locale="en"] .wb26-section-head h2,
[data-locale="en"] .wb26-process-copy h2,
[data-locale="en"] .wb27-editorial-copy h2 { letter-spacing: -.045em; }
.wb26-eyebrow { display: inline-flex; width: auto; align-items: center; gap: 9px; font-size: .9375rem; font-weight: 800; }
.wb26-eyebrow i { width: 25px; height: 3px; border-radius: 999px; }
.wb26-role-switch { flex-wrap: wrap; gap: 8px; margin-top: 17px; }
.wb26-role-switch button { display: inline-flex; align-items: center; gap: 7px; padding: 8px 13px; color: rgba(255,255,255,.82); border: 1px solid rgba(255,255,255,.32); border-radius: 999px; background: rgba(4,10,23,.38); font-size: .875rem; font-weight: 750; backdrop-filter: blur(8px); }
.wb26-role-switch button:hover { color: #fff; border-color: rgba(255,255,255,.68); }
.wb26-role-switch button.active { color: #111827; border-color: #fff; background: #fff; }

.wb27-editorial { display: grid; grid-template-columns: minmax(0,1.06fr) minmax(0,.94fr); align-items: center; gap: clamp(38px,6vw,82px); }
.wb27-editorial-media { position: relative; min-height: 520px; overflow: hidden; border-radius: 4px; background: #dfe4ec; }
.wb27-editorial-media img { width: 100%; height: 100%; min-height: 520px; object-fit: cover; transition: transform .6s cubic-bezier(.2,.7,.2,1); }
.wb27-editorial-media:hover img { transform: scale(1.025); }
.wb27-editorial-media > span { position: absolute; inset-inline-start: 22px; bottom: 22px; display: inline-flex; align-items: center; gap: 8px; padding: 10px 13px; color: #fff; border: 1px solid rgba(255,255,255,.18); border-radius: 999px; background: rgba(8,16,31,.82); backdrop-filter: blur(10px); font-size: 14px; font-weight: 800; }
.wb27-editorial-media > span svg { color: #ff4ab4; }
.wb27-editorial-copy > span { color: var(--wb-market-pink); font-size: 14px; font-weight: 850; }
.wb27-editorial-copy h2 { margin: 12px 0 18px; font-size: clamp(2rem,3.7vw,3.35rem); line-height: 1.18; letter-spacing: -.04em; }
.wb27-editorial-copy > p { margin: 0; color: var(--wb-text-soft); font-size: 16px; line-height: 1.9; }
.wb27-editorial-copy dl { display: grid; gap: 0; margin: 28px 0; border-top: 1px solid var(--wb-border); }
.wb27-editorial-copy dl > div { display: grid; grid-template-columns: minmax(120px,.7fr) minmax(0,1.3fr); gap: 18px; padding: 15px 0; border-bottom: 1px solid var(--wb-border); }
.wb27-editorial-copy dt { color: var(--wb-text); font-weight: 850; }
.wb27-editorial-copy dd { margin: 0; color: var(--wb-text-soft); }
.wb27-editorial-copy > a { display: inline-flex; align-items: center; gap: 7px; }
.wb26-section-head { display: flex; align-items: end; justify-content: space-between; gap: 24px; margin-bottom: 32px; }
.wb26-section-head > div > span { display: block; margin-bottom: 7px; color: var(--wb-market-pink); font-size: .875rem; font-weight: 850; }
.wb26-section-head h2 { margin: 0; max-width: 760px; line-height: 1.25; letter-spacing: -.035em; }
.wb26-section-head > a { display: inline-flex; flex: 0 0 auto; align-items: center; gap: 7px; color: var(--wb-text); font-weight: 800; }
.wb26-section-head > a:hover { color: var(--wb-market-pink); }
.wb26-section-head-light > div > span { color: #ff61bd; }
.wb26-section-head-light h2,
.wb26-section-head-light > a { color: #fff; }
.wb26-section-head-light > a:hover { color: #ff4ab4; }
.wb26-showcase-grid { display: grid; grid-template-columns: repeat(12,1fr); gap: 14px; }
.wb26-showcase-grid > a { position: relative; grid-column: span 4; min-height: 300px; overflow: hidden; color: #fff; background: #172033; }
.wb26-showcase-grid > a:nth-child(1),
.wb26-showcase-grid > a:nth-child(6) { grid-column: span 8; }
.wb26-showcase-grid > a:nth-child(1) { min-height: 410px; }
.wb26-showcase-grid > a:nth-child(2) { min-height: 410px; }
.wb26-showcase-grid img { width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease, filter .35s ease; }
.wb26-showcase-grid > a::after { position: absolute; inset: 0; content: ''; background: linear-gradient(0deg, rgba(4,8,18,.94), rgba(4,8,18,0) 64%); }
.wb26-showcase-grid > a:hover img { transform: scale(1.035); filter: saturate(1.1); }
.wb26-showcase-grid > a > span { position: absolute; z-index: 1; inset-inline: 22px; bottom: 20px; display: grid; gap: 5px; }
.wb26-showcase-grid small { color: rgba(255,255,255,.68); font-size: .875rem; }
.wb26-showcase-grid strong { color: #fff; font-size: 1.2rem; }
.wb26-showcase-grid i { display: inline-flex; align-items: center; gap: 6px; color: #ff61bd; font-size: .875rem; font-style: normal; font-weight: 800; opacity: 0; transform: translateY(6px); transition: opacity .2s ease, transform .2s ease; }
.wb26-showcase-grid > a:hover i { opacity: 1; transform: none; }
.wb26-process-grid { display: grid; grid-template-columns: minmax(0,1.05fr) minmax(0,.95fr); align-items: center; gap: clamp(40px,6vw,84px); }
.wb26-process-media { position: relative; min-height: 560px; overflow: hidden; background: #d9e0e9; }
.wb26-process-media > img { width: 100%; height: 100%; min-height: 560px; object-fit: cover; }
.wb26-process-media > span { position: absolute; inset-inline: 28px; bottom: 28px; display: grid; grid-template-columns: auto 1fr; gap: 2px 10px; padding: 17px 19px; color: #fff; background: rgba(9,17,32,.9); backdrop-filter: blur(10px); }
.wb26-process-media > span svg { grid-row: span 2; color: #ff4ab4; }
.wb26-process-media > span strong { color: #fff; }
.wb26-process-media > span small { color: rgba(255,255,255,.7); font-size: .875rem; }
.wb26-process-copy .wb26-eyebrow { color: var(--wb-market-pink); }
.wb26-process-copy h2 { margin: 18px 0; font-size: clamp(2rem,3.5vw,3.25rem); line-height: 1.25; letter-spacing: -.04em; }
.wb26-process-copy > p { margin: 0; color: var(--wb-text-soft); font-size: 1rem; line-height: 1.9; }
.wb26-process-copy ol { display: grid; gap: 0; margin: 28px 0; padding: 0; list-style: none; }
.wb26-process-copy li { display: grid; grid-template-columns: auto 1fr; gap: 14px; padding: 15px 0; border-bottom: 1px solid var(--wb-border); }
.wb26-process-copy li > span { display: grid; width: 34px; height: 34px; place-items: center; color: #fff; border-radius: 50%; background: var(--wb-market-pink); font-weight: 850; }
.wb26-process-copy li div { display: grid; gap: 4px; }
.wb26-process-copy li strong { color: var(--wb-text); }
.wb26-process-copy li small { color: var(--wb-text-soft); font-size: .875rem; line-height: 1.65; }
.wb26-process-copy > a { display: inline-flex; align-items: center; gap: 7px; }

.motion-ready .motion-reveal { opacity: 0; transform: translateY(24px); }
.motion-ready .motion-reveal.motion-visible { opacity: 1; transform: none; transition: opacity .52s cubic-bezier(.2,.7,.2,1), transform .52s cubic-bezier(.2,.7,.2,1); transition-delay: var(--motion-delay,0ms); }

.site-footer.wb21-footer { color: rgba(255,255,255,.72); border-top: 0; background: #070d19; }
.site-footer.wb21-footer h2,
.site-footer.wb21-footer h3,
.site-footer.wb21-footer strong { color: #fff; }
.site-footer.wb21-footer a:hover { color: #ff4ab4; }

@media (max-width: 1040px) {
  .wb26-showcase-grid > a,
  .wb26-showcase-grid > a:nth-child(1),
  .wb26-showcase-grid > a:nth-child(6) { grid-column: span 6; min-height: 320px; }
  .wb26-process-grid { gap: 40px; }
  .wb26-process-media,
  .wb26-process-media > img { min-height: 480px; }
  .wb27-editorial { gap: 38px; }
  .wb27-editorial-media,
  .wb27-editorial-media img { min-height: 460px; }
}

@media (max-width: 760px) {
  .wb26-role-switch { flex-direction: column; }
  .wb26-role-switch button { justify-content: center; }
  .wb26-section-head { align-items: flex-start; }
  .wb26-section-head > a { display: none; }
  .wb26-showcase-grid { gap: 10px; }
  .wb26-showcase-grid > a,
  .wb26-showcase-grid > a:nth-child(1),
  .wb26-showcase-grid > a:nth-child(6) { grid-column: span 12; min-height: 290px; }
  .wb26-process-grid { grid-template-columns: 1fr; }
  .wb27-editorial { grid-template-columns: 1fr; }
  .wb27-editorial-media,
  .wb27-editorial-media img { min-height: 400px; }
  .wb26-process-media,
  .wb26-process-media > img { min-height: 380px; }
  .wb26-process-copy h2 { margin-top: 15px; }
  .motion-ready .motion-reveal,
  .motion-ready .motion-reveal.motion-visible { opacity: 1; transform: none; transition: opacity .16s ease; }
}

@media (max-width: 460px) {
  .wb27-editorial-copy dl > div { grid-template-columns: 1fr; gap: 5px; }
}

@media (prefers-reduced-motion: reduce) {
  .wb26-showcase-grid img,
  .wb26-showcase-grid i,
  .wb27-editorial-media img { transition: none; }
  .motion-ready .motion-reveal,
  .motion-ready .motion-reveal.motion-visible { opacity: 1; transform: none; filter: none; transition: none; }
}
@media (max-width: 520px) {
  .container,.container-fa,.public-content,.private-content,.site-header-inner,.wb21-footer-main,.wb21-footer-bottom { width: min(calc(100% - 16px),var(--wb-content)); }
  .global-search-backdrop { padding: 10px; }
  .global-search-dialog { border-radius: 16px; padding: 16px; }
  .mobile-menu { width: 94vw; }
}
.auth-feedback { min-height: 0; }
.auth-feedback:empty { display: none; }
.auth-security-mark { display: grid; width: 62px; height: 62px; place-items: center; margin-inline: auto; color: var(--wb-primary); border: 1px solid var(--wb-border); border-radius: 18px; background: var(--wb-primary-soft); }
.auth-timer { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 14px; border: 1px solid var(--wb-border); border-radius: 12px; background: var(--wb-bg-muted); }
.auth-timer.is-ending { color: var(--wb-danger); border-color: color-mix(in srgb,var(--wb-danger) 40%,var(--wb-border)); }
.blue { color: var(--wb-primary); background: var(--wb-primary-soft); }
.choice-chip-grid.compact { grid-template-columns: repeat(auto-fit,minmax(110px,1fr)); }
.dashboard-metric[class*="dashboard-metric--"] { border-top: 3px solid var(--wb-primary); }
.dashboard-metric--success { border-top-color: var(--wb-success); }
.dashboard-metric--warning { border-top-color: var(--wb-warning); }
.dashboard-metric--danger { border-top-color: var(--wb-danger); }
.preview-browser[class*="radius-"] { border-radius: var(--wb-radius-lg); }
.preview-browser.radius-sharp { border-radius: 4px; }
.preview-browser.radius-soft { border-radius: 16px; }
.preview-browser.radius-round { border-radius: 26px; }
.wide { grid-column: 1 / -1; }
.account-switch {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  min-height: 64px;
  padding: 14px 16px;
  border: 1px solid var(--wb-border);
  border-radius: var(--wb-radius-md);
  background: var(--wb-surface);
  cursor: pointer;
}
.account-switch > span { display: grid; gap: 4px; }
.account-switch strong { color: var(--wb-text); font-size: 15px; }
.account-switch small { color: var(--wb-muted); font-size: 14px; line-height: 1.7; }
.account-switch input { position: absolute; opacity: 0; pointer-events: none; }
.account-switch i {
  position: relative;
  width: 46px;
  height: 26px;
  border: 1px solid var(--wb-border-strong);
  border-radius: 999px;
  background: var(--wb-bg-muted);
  transition: background-color .18s ease, border-color .18s ease;
}
.account-switch i::after {
  position: absolute;
  top: 3px;
  right: 3px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: var(--wb-surface);
  box-shadow: 0 1px 4px rgb(15 23 42 / 18%);
  content: '';
  transition: transform .18s ease;
}
.account-switch input:checked + i { border-color: var(--wb-primary); background: var(--wb-primary); }
.account-switch input:checked + i::after { transform: translateX(-20px); }
.account-switch:has(input:focus-visible) { outline: 3px solid var(--wb-focus); outline-offset: 2px; }

.admin-trend-empty {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 112px;
  padding: 16px;
  border: 1px dashed var(--wb-border-strong);
  border-radius: var(--wb-radius-md);
  background: var(--wb-bg-subtle);
}
.admin-trend-empty > span:last-child { display: grid; gap: 4px; }
.admin-trend-empty strong { color: var(--wb-text); font-size: 15px; }
.admin-trend-empty small { color: var(--wb-muted); font-size: 14px; line-height: 1.7; }

.wb23-home-project {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px 24px;
  padding: 22px 2px;
  border-bottom: 1px solid var(--wb-border);
}
.wb23-home-project:first-child { border-top: 1px solid var(--wb-border); }
.wb23-home-project h3,
.wb23-home-project p { grid-column: 1; margin: 0; }
.wb23-home-project h3 { font-size: 18px; line-height: 1.65; }
.wb23-home-project p { color: var(--wb-muted); font-size: 15px; line-height: 1.9; }
.wb23-home-project .wb23-chip-row { grid-column: 1; }
.wb23-home-project footer {
  grid-column: 2;
  grid-row: 2 / span 3;
  display: grid;
  align-content: center;
  justify-items: end;
  gap: 12px;
  min-width: 190px;
}
.wb23-home-project footer a { display: inline-flex; align-items: center; gap: 6px; font-size: 14px; font-weight: 750; }

.wb23-home-expert {
  display: grid;
  gap: 16px;
  padding: 20px;
  border: 1px solid var(--wb-border);
  border-radius: var(--wb-radius-lg);
  background: var(--wb-surface);
}
.wb23-home-expert > header { display: flex; align-items: center; gap: 12px; }
.wb23-home-expert h3 { margin: 0; font-size: 17px; }
.wb23-home-expert header p { margin: 4px 0 0; color: var(--wb-muted); font-size: 14px; line-height: 1.7; }
.wb23-home-expert dl { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin: 0; }
.wb23-home-expert dl > div { display: grid; gap: 4px; padding: 10px; border-radius: var(--wb-radius-sm); background: var(--wb-bg-subtle); }
.wb23-home-expert dt { color: var(--wb-muted); font-size: 14px; }
.wb23-home-expert dd { margin: 0; color: var(--wb-text); font-size: 14px; font-weight: 750; }
.wb23-home-expert footer { display: flex; gap: 8px; }
.wb23-home-expert footer > * { flex: 1; }

@media (max-width: 720px) {
  .wb23-home-project { grid-template-columns: 1fr; }
  .wb23-home-project footer { grid-column: 1; grid-row: auto; justify-items: start; min-width: 0; }
  .wb23-home-expert dl { grid-template-columns: 1fr; }
  .wb23-home-expert footer { flex-direction: column; }
}
.page-content-shell { display: grid; gap: 22px; width: min(100% - 36px, var(--wb-content)); margin: 0 auto; padding-block: 28px 48px; }
@media (max-width: 640px) { .page-content-shell { width: min(100% - 24px, var(--wb-content)); padding-block: 18px 32px; } }
.loading-state-title { margin: 0; color: var(--wb-text); font-size: 18px; line-height: 1.6; font-weight: 800; }
.auth-layout-main {
  min-height: 100vh;
  display: grid;
  place-items: center;
  padding: 28px 16px;
}

.dashboard-action {
  color: var(--wb-text);
  transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.dashboard-action:hover {
  border-color: var(--wb-border-strong);
  box-shadow: var(--wb-shadow-sm);
  transform: translateY(-1px);
}
.dashboard-action > span:nth-child(2) { min-width: 0; display: grid; gap: 3px; }
.dashboard-action strong { overflow-wrap: anywhere; }
.dashboard-action small { color: var(--wb-text-muted); font-size: .875rem; line-height: 1.7; }
.dashboard-action-cta { white-space: nowrap; }

.enterprise-tabs {
  position: sticky;
  top: 78px;
  z-index: 30;
  display: flex;
  gap: 6px;
  overflow-x: auto;
  padding: 6px;
  border: 1px solid var(--wb-border);
  border-radius: var(--wb-radius-md);
  background: color-mix(in srgb, var(--wb-bg-elevated) 94%, transparent);
  box-shadow: var(--wb-shadow-xs);
  backdrop-filter: blur(12px);
}
.enterprise-tab {
  display: inline-flex;
  min-height: 42px;
  flex: 0 0 auto;
  align-items: center;
  gap: 7px;
  padding: 8px 13px;
  color: var(--wb-text-soft);
  border: 1px solid transparent;
  border-radius: 9px;
  font-size: .875rem;
  font-weight: 750;
}
.enterprise-tab:hover { color: var(--wb-text); background: var(--wb-bg-subtle); }
.enterprise-tab.active { color: #fff; border-color: var(--wb-primary); background: var(--wb-primary); }

.integration-health {
  display: grid;
  gap: 10px;
  margin: 0 20px 20px;
  padding: 14px;
  color: var(--wb-text-soft);
  border: 1px solid var(--wb-border);
  border-radius: var(--wb-radius-md);
  background: var(--wb-bg-subtle);
}
.integration-health.success { color: var(--wb-success); border-color: color-mix(in srgb, var(--wb-success) 42%, var(--wb-border)); }
.integration-health.error { color: var(--wb-danger); border-color: color-mix(in srgb, var(--wb-danger) 42%, var(--wb-border)); }
.integration-health p { margin: 0; color: currentColor; line-height: 1.8; }
.integration-checks { display: flex; flex-wrap: wrap; gap: 8px; }
.integration-checks span { display: inline-flex; align-items: center; gap: 6px; min-height: 32px; padding: 5px 9px; border-radius: 999px; background: var(--wb-bg-elevated); font-size: .875rem; font-weight: 700; }
.integration-checks i { width: 8px; height: 8px; border-radius: 50%; background: var(--wb-border-strong); }
.integration-checks .ok i { background: var(--wb-success); }
.integration-checks .bad i { background: var(--wb-danger); }
.integration-secret button.restore { color: var(--wb-primary); }
.integration-status i.online,
.runtime-pill.online i { background: var(--wb-success); box-shadow: 0 0 0 4px color-mix(in srgb, var(--wb-success) 15%, transparent); }

.wb23-freelancer-availability i { width: 8px; height: 8px; border-radius: 50%; background: var(--wb-border-strong); }
.wb23-freelancer-availability i.is-available { background: var(--wb-success); box-shadow: 0 0 0 4px color-mix(in srgb, var(--wb-success) 15%, transparent); }
.choice-chip-grid > button,
.budget-preset-grid > button {
  min-height: 44px;
  padding: 10px 12px;
  color: var(--wb-text-soft);
  border: 1px solid var(--wb-border);
  border-radius: var(--wb-radius-sm);
  background: var(--wb-bg-elevated);
}
.choice-chip-grid > button:hover,
.budget-preset-grid > button:hover { color: var(--wb-text); border-color: var(--wb-border-strong); }
.choice-chip-grid > button.is-selected,
.budget-preset-grid > button.is-selected { color: var(--wb-primary); border-color: var(--wb-primary); background: var(--wb-primary-soft); }

.wb23-message-stream > article.is-mine { align-self: flex-end; margin-inline-start: auto; color: #fff; border-color: var(--wb-primary); border-radius: 13px 13px 13px 5px; background: var(--wb-primary); }
.dark .wb23-message-stream > article.is-mine { color: #0a1018; }
.wb23-message-stream > article.is-theirs { align-self: flex-start; margin-inline-end: auto; }
.is-theirs .wb23-message-attachments a { color: var(--wb-text); background: var(--wb-bg-muted); }
.wb23-notification-list > article.is-unread,
.wb23-conversation-list > a.is-unread { border-color: color-mix(in srgb, var(--wb-primary) 45%, var(--wb-border)); background: color-mix(in srgb, var(--wb-primary-soft) 50%, var(--wb-bg-elevated)); }
.dashboard-recent a.unread { border-inline-start: 3px solid var(--wb-primary); background: var(--wb-primary-soft); }

.account-session-list > article.current { border-color: color-mix(in srgb, var(--wb-primary) 48%, var(--wb-border)); background: var(--wb-primary-soft); }
.health-overall.ok,
.provider-health-grid .ok { color: var(--wb-success); }
.health-overall.bad,
.provider-health-grid .bad { color: var(--wb-danger); }
.health-overall.ok i,
.provider-health-grid i.ok { background: var(--wb-success); }
.health-overall.bad i,
.provider-health-grid i.bad { background: var(--wb-danger); }

.wb206-order-step.is-complete,
.wb206-order-step.is-current { color: var(--wb-primary); border-color: color-mix(in srgb, var(--wb-primary) 42%, var(--wb-border)); background: var(--wb-primary-soft); }
.wb206-order-step.is-current { box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--wb-primary) 20%, transparent); font-weight: 800; }
.wb206-sla-overdue { color: var(--wb-danger); font-weight: 800; }

.wb23-profile-hero {
  position: relative;
  color: #fff;
}
.wb23-profile-hero > picture,
.wb23-profile-hero > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.wb23-profile-hero::after { position: absolute; inset: 0; content: ''; }
.wb23-profile-hero-content { position: relative; z-index: 1; display: grid; align-items: end; }
.wb23-profile-hero h1,
.wb23-profile-hero p,
.wb23-profile-hero span { color: inherit; }
.wb23-profile-hero .category-pill {
  color: #1f2937;
  background: rgba(255,255,255,.94);
  border-color: rgba(255,255,255,.72);
}
.wb23-profile-hero .verified-label {
  color: #047857;
  background: rgba(236,253,245,.96);
  border-color: rgba(167,243,208,.92);
}
.wb23-profile-hero .verified-label svg { color: currentColor; }
.wb23-profile-hero .profile-quick-meta b { color: inherit; }
.wb23-profile-title { min-width: 0; }

.onboarding-items > a.done { color: var(--wb-success); background: color-mix(in srgb, var(--wb-success) 8%, var(--wb-bg-elevated)); }
.project-stepper button.done > span { color: var(--wb-success); background: color-mix(in srgb, var(--wb-success) 12%, var(--wb-bg-elevated)); }
.wb23-proposal-checklist > span.done,
.wb23-studio-proposal-checklist > span.done { color: var(--wb-success); background: color-mix(in srgb, var(--wb-success) 10%, var(--wb-bg-elevated)); }

@media (max-width: 760px) {
  .enterprise-tabs { top: 68px; }
  .integration-health { margin: 0 14px 14px; }
  .wb23-profile-primary-action { grid-column: 1 / -1; }
  .wb23-profile-primary-action > * { width: 100%; justify-content: center; }
}
.user-content-auto { text-align: start; unicode-bidi: plaintext; overflow-wrap: anywhere; }
.user-content-auto b,
b.user-content-auto { color: inherit; font: inherit; }
.wb23-avatar { overflow: hidden; }
.wb23-avatar img,
.profile-avatar-large img { display: block; width: 100%; height: 100%; object-fit: cover; }

.brand-lockup { min-height: 44px; }
.brand-bridge-towers { inset: 10px 11px 9px; border-inline-width: 3px; }
.brand-bridge-arch { inset-inline: 11px; top: 11px; height: 16px; border-top-width: 3px; }
.brand-bridge-deck { inset-inline: 8px; bottom: 9px; height: 3px; }
.brand-mark-spark { top: 6px; inset-inline-end: 6px; width: 7px; height: 7px; background: var(--wb-market-pink); }
.site-icon-button { width: 44px; height: 44px; }
.locale-toggle button,
.locale-toggle.is-compact button { min-width: 44px; min-height: 38px; }
.wb26-role-switch button { min-height: 44px; }

.project-index-owner { grid-template-columns: auto minmax(0,1fr); align-items: center; gap: 10px; }
.project-index-owner > div { display: grid; min-width: 0; gap: 2px; }
.project-owner-avatar {
  display: grid;
  width: 42px;
  height: 42px;
  place-items: center;
  color: #fff;
  border-radius: 50%;
  background: linear-gradient(145deg, #5369e5, #24398f);
  box-shadow: 0 6px 16px rgba(34,53,132,.22);
  font-weight: 850;
}
.wb21-project-filters.is-compact { display: grid; grid-template-columns: minmax(0,1fr) auto; column-gap: 14px; }
.wb21-project-filters.is-compact .wb21-filter-primary { grid-column: 1 / -1; }
.wb21-project-filters.is-compact .wb21-filter-toolbar { grid-column: 1; justify-content: flex-start; margin-top: 12px; padding-top: 0; border-top: 0; }
.wb21-project-filters.is-compact .wb21-filter-toolbar span { margin-inline-start: auto; }
.wb21-project-filters.is-compact .wb21-filter-actions { grid-column: 2; align-items: center; margin-top: 12px; }

.marketing-hero {
  padding: clamp(28px,5vw,64px);
}
.marketing-hero-visual { display: grid; grid-template-columns: minmax(0,1.02fr) minmax(340px,.78fr); align-items: center; gap: clamp(28px,5vw,64px); }
.marketing-hero-copy { min-width: 0; }
.marketing-hero-copy h1 { max-width: 780px; margin-block: 10px 14px; font-size: clamp(2rem,4.4vw,4rem); line-height: 1.18; letter-spacing: -.04em; }
.marketing-hero-copy > p { max-width: 690px; font-size: 1.04rem; line-height: 1.95; }
.marketing-hero-visual > figure { position: relative; min-width: 0; margin: 0; }
.marketing-hero-visual > figure img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 22px; box-shadow: var(--wb-shadow-lg); }
.marketing-hero-visual > figure figcaption { position: absolute; inset-inline: 16px; bottom: 16px; display: flex; align-items: center; gap: 8px; padding: 11px 13px; color: #fff; border: 1px solid rgba(255,255,255,.25); border-radius: 12px; background: rgba(7,14,30,.72); backdrop-filter: blur(10px); font-size: .875rem; font-weight: 760; }
.journey-panel { grid-template-columns: minmax(260px,.72fr) minmax(0,1.28fr); align-items: stretch; gap: 24px; padding: 22px; border: 1px solid var(--wb-border); border-radius: 22px; background: var(--wb-bg-elevated); box-shadow: var(--wb-shadow-xs); }
.journey-intro { max-width: none; }
.journey-media { display: block; width: 100%; aspect-ratio: 16 / 8.5; margin-bottom: 18px; object-fit: cover; border-radius: 15px; }
.journey-step { display: grid; grid-template-columns: auto minmax(0,1fr); align-items: start; gap: 12px; transition: transform .2s ease,border-color .2s ease,box-shadow .2s ease; }
.journey-step > span { display: grid; width: 34px; height: 34px; place-items: center; color: var(--wb-primary); border-radius: 10px; background: var(--wb-primary-soft); font-weight: 850; }
.journey-step h3 { margin: 0 0 5px; font-size: 1rem; }
.journey-step p { margin: 0; }
.guide-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; }
.guide-card { transition: transform .2s ease,border-color .2s ease,box-shadow .2s ease; }
.guide-card h2 { margin-block: 18px 7px; font-size: 1.1rem; }
.guide-card p { margin: 0; }
.guide-visual-break { display: grid; grid-template-columns: minmax(320px,.9fr) minmax(0,1.1fr); align-items: center; gap: clamp(24px,5vw,58px); margin-bottom: 48px; padding: 22px; border: 1px solid var(--wb-border); border-radius: 22px; background: var(--wb-bg-elevated); }
.guide-visual-break img { display: block; width: 100%; aspect-ratio: 16 / 10; object-fit: cover; border-radius: 16px; }
.guide-visual-break h2 { margin-block: 9px; }

.blog-index-page .blog-grid { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; }
.blog-card { display: flex; min-height: 100%; flex-direction: column; overflow: hidden; padding: 0; transition: transform .2s ease,border-color .2s ease,box-shadow .2s ease; }
.blog-card > img { display: block; width: 100%; aspect-ratio: 12 / 7; object-fit: cover; background: var(--wb-bg-muted); }
.blog-card > div { display: flex; min-height: 250px; flex: 1; flex-direction: column; padding: 20px; }
.blog-card > div > span { color: var(--wb-primary); font-size: .875rem; font-weight: 820; }
.blog-card h2 { margin-block: 10px 8px; font-size: 1.12rem; line-height: 1.65; }
.blog-card p { margin: 0; color: var(--wb-text-soft); line-height: 1.85; }
.blog-card small { margin-top: auto; padding-top: 16px; color: var(--wb-text-muted); }
.blog-starter-note { margin: 0; padding: 13px 16px; color: var(--wb-text-soft); border: 1px solid var(--wb-border); border-radius: 12px; background: var(--wb-bg-subtle); text-align: center; }
.article-shell header { display: grid; gap: 10px; margin-bottom: 24px; }
.article-shell header h1,
.article-shell header p { margin: 0; }
.article-cover { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }

.page-content-layout { display: grid; grid-template-columns: minmax(0,1fr); align-items: start; gap: 20px; }
.page-content-layout.has-visual { grid-template-columns: minmax(0,1.15fr) minmax(300px,.65fr); }
.page-content-layout > .card { min-height: 300px; padding: clamp(22px,3vw,34px); }
.page-content-layout > .card > :first-child { margin-top: 0; }
.page-content-visual { position: sticky; top: 94px; overflow: hidden; border: 1px solid var(--wb-border); border-radius: 20px; background: #0b1324; box-shadow: var(--wb-shadow-sm); }
.page-content-visual img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; opacity: .82; }
.page-content-visual > div { display: grid; gap: 8px; padding: 20px; color: #fff; }
.page-content-visual span { color: #ff70c1; font-size: .875rem; font-weight: 850; }
.page-content-visual strong { color: #fff; font-size: 1.15rem; line-height: 1.7; }
.page-content-visual a { display: inline-flex; width: max-content; min-height: 42px; align-items: center; margin-top: 5px; padding: 8px 13px; color: #fff; border: 1px solid rgba(255,255,255,.35); border-radius: 10px; font-weight: 760; }

@media (hover:hover) {
  .journey-step:hover,
  .guide-card:hover,
  .blog-card:hover { border-color: color-mix(in srgb,var(--wb-primary) 34%,var(--wb-border)); box-shadow: var(--wb-shadow-sm); transform: translateY(-3px); }
}

@media (max-width: 900px) {
  .marketing-hero-visual,
  .page-content-layout.has-visual { grid-template-columns: 1fr; }
  .marketing-hero-visual > figure { max-width: 680px; }
  .page-content-visual { position: static; display: grid; grid-template-columns: minmax(240px,.8fr) minmax(0,1fr); }
  .page-content-visual img { height: 100%; aspect-ratio: auto; }
  .guide-grid,
  .blog-index-page .blog-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 760px) {
  .brand-lockup,
  .brand-mark,
  .site-icon-button { min-width: 44px; width: 44px; min-height: 44px; height: 44px; }
  .locale-toggle button,
  .locale-toggle.is-compact button { min-width: 44px; min-height: 44px; padding-inline: 6px; }
  .site-nav-actions { gap: 4px; }
  .page-header p { line-height: 1.75; }
  .page-header-actions > * { min-height: 44px; justify-content: center; }
  .wb21-project-filters.is-compact { grid-template-columns: 1fr; }
  .wb21-project-filters.is-compact .wb21-filter-toolbar,
  .wb21-project-filters.is-compact .wb21-filter-actions { grid-column: 1; }
  .wb21-filter-primary { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .wb21-filter-primary > label:first-child,
  .wb21-filter-primary > .btn { grid-column: 1 / -1; }
  .wb21-filter-primary > .btn { min-height: 44px; }
  .wb21-filter-actions { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
  .wb21-filter-actions > * { min-height: 42px; justify-content: center; }
  .wb23-expert-quick-search nav { overflow: visible; padding-bottom: 0; }
  .wb23-expert-filter { top: max(10px,env(safe-area-inset-top)); right: 10px; bottom: max(10px,env(safe-area-inset-bottom)); left: 10px; max-height: none; overscroll-behavior: contain; }
  .wb23-expert-filter > header { top: -20px; }
  .wb23-expert-filter > header .site-icon-button { min-width: 44px; }
  .marketing-hero { padding: 24px 18px; }
  .marketing-hero-visual { gap: 24px; }
  .marketing-hero-copy h1 { font-size: clamp(1.9rem,9vw,2.8rem); }
  .journey-panel { grid-template-columns: 1fr; padding: 16px; }
  .guide-grid,
  .blog-index-page .blog-grid { grid-template-columns: 1fr; }
  .guide-visual-break { grid-template-columns: 1fr; padding: 16px; }
  .blog-card > div { min-height: 220px; }
  .page-content-visual { grid-template-columns: 1fr; }
  .page-content-visual img { aspect-ratio: 16 / 9; }
  .page-content-layout > .card { min-height: 0; }
}

@media (max-width: 430px) {
  .locale-toggle button,
  .locale-toggle.is-compact button { min-width: 44px; }
  .site-nav-actions { gap: 3px; }
  .wb21-filter-primary { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .wb21-filter-primary > label { grid-column: auto; }
  .wb21-filter-primary > label:first-child,
  .wb21-filter-primary > .btn { grid-column: 1 / -1; }
  .wb23-freelancer-card { padding: 16px; }
  .wb23-freelancer-card > header { grid-template-columns: 62px minmax(0,1fr); }
  .wb23-avatar-lg { width: 62px; height: 62px; border-radius: 18px; }
}

@media (prefers-reduced-motion: no-preference) {
  .marketing-hero-copy > *,
  .marketing-hero-visual > figure,
  .blog-grid > *,
  .guide-grid > *,
  .page-content-layout > * { animation: wb-r3-rise .5s cubic-bezier(.2,.7,.2,1) both; }
  .marketing-hero-visual > figure,
  .blog-grid > :nth-child(2),
  .guide-grid > :nth-child(2),
  .page-content-layout > :nth-child(2) { animation-delay: .08s; }
  .blog-grid > :nth-child(3),
  .guide-grid > :nth-child(3) { animation-delay: .14s; }
}
@keyframes wb-r3-rise { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }
@supports (width: 100cqw) {
  .app-shell { container-type: inline-size; }
  .full-bleed {
    width: 100cqw;
    margin-inline: calc(50% - 50cqw);
  }
}

.auth-form-panel .role-picker {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}
.auth-form-panel .role-picker button {
  display: grid;
  min-width: 0;
  min-height: 88px;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start;
  gap: 10px;
  padding: 14px;
  text-align: start;
}
.auth-form-panel .role-picker button > svg { margin-top: 2px; }
.auth-form-panel .role-picker button > span { display: grid; min-width: 0; gap: 4px; }
.auth-form-panel .role-picker strong,
.auth-form-panel .role-picker small { display: block; margin: 0; }
.auth-form-panel .role-picker strong { color: var(--wb-text); font-size: .9rem; line-height: 1.45; }
.auth-form-panel .role-picker small { color: var(--wb-text-muted); font-size: .875rem; line-height: 1.55; }

.auth-form-panel .password-field:not(.auth-input-wrap) {
  position: relative;
  overflow: visible;
}
.auth-form-panel .password-field:not(.auth-input-wrap) > input {
  width: 100%;
  padding-inline-end: 78px !important;
}
.auth-form-panel .password-field:not(.auth-input-wrap) > button {
  position: absolute;
  z-index: 2;
  inset-inline-end: 7px;
  top: 50%;
  min-width: 58px;
  min-height: 36px;
  padding: 7px 10px;
  color: var(--wb-primary);
  border: 0;
  border-radius: 9px;
  background: var(--wb-primary-soft);
  font-size: .875rem;
  font-weight: 800;
  line-height: 1;
  transform: translateY(-50%);
}
.auth-form-panel .password-field > button:focus-visible {
  outline: 3px solid color-mix(in srgb, var(--wb-primary) 30%, transparent);
  outline-offset: 1px;
}

.dashboard-metrics { display: grid; }
.dashboard-metric {
  display: grid;
  min-width: 0;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start;
  gap: 12px;
  color: var(--wb-text);
}
.dashboard-metric > div { display: grid; min-width: 0; gap: 3px; }
.dashboard-metric > div > strong { color: var(--wb-text); line-height: 1.15; }
.dashboard-metric > div > span { color: var(--wb-text); font-weight: 780; line-height: 1.5; }
.dashboard-metric > div > small { color: var(--wb-text-muted); font-size: .875rem; line-height: 1.6; }

.wb21-footer-contact a,
.wb21-footer-links a,
.wb21-footer-bottom a {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
}
.wb21-footer-links section > div { gap: 0; }
.wb21-footer-bottom > div { align-items: center; }

@media (max-width: 620px) {
  .auth-form-panel .role-picker { grid-template-columns: 1fr; }
  .auth-form-panel .role-picker button { min-height: 76px; }
  .wb21-footer-links a { width: 100%; }
}
.site-footer.wb21-footer p,
.site-footer.wb21-footer small,
.site-footer.wb21-footer .brand-wordmark small,
.site-footer.wb21-footer .wb21-footer-bottom { color: rgba(255, 255, 255, .76); }
.site-footer.wb21-footer a { color: rgba(255, 255, 255, .82); }
.dark .enterprise-tab.active {
  color: #fff;
  border-color: #3b56c4;
  background: #3b56c4;
}
.text-slate-400 { color: #59657a; }
.builder-block-actions button {
  min-width: 42px;
  padding-inline: 10px;
}
.dark .wb27-editorial-copy > span,
.dark .wb26-section-head > div > span,
.dark .wb26-process-copy .wb26-eyebrow { color: #ff69c2; }
.wb210-video-stage {
  min-height: 0;
  aspect-ratio: 16 / 9;
  isolation: isolate;
  background: #070d19;
}
.wb210-video-stage::after {
  position: absolute;
  z-index: 1;
  inset: 0;
  pointer-events: none;
  content: '';
  background: linear-gradient(0deg, rgba(4, 8, 18, .72), transparent 42%);
}
.wb210-video-stage video,
.wb210-video-poster {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  background: #070d19;
}
.wb210-video-stage > span { z-index: 2; max-width: calc(100% - 150px); }
.wb210-video-control {
  position: absolute;
  z-index: 3;
  inset-inline-end: 22px;
  bottom: 22px;
  display: inline-flex;
  min-width: 104px;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 9px 13px;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, .32);
  border-radius: 999px;
  background: rgba(8, 16, 31, .86);
  backdrop-filter: blur(10px);
  font-size: .875rem;
  font-weight: 800;
}
.wb210-video-control:hover { border-color: #fff; background: rgba(8, 16, 31, .96); }
.wb210-video-control:focus-visible { outline: 3px solid #ff69c2; outline-offset: 3px; }
.wb21-footer-links { grid-template-columns: repeat(3, minmax(125px, 1fr)); }

@media (max-width: 760px) {
  .wb210-video-stage { min-height: 0; aspect-ratio: 16 / 9; }
  .wb210-video-stage > span { inset-inline-start: 14px; bottom: 14px; max-width: calc(100% - 82px); padding: 8px 10px; }
  .wb210-video-control { inset-inline-end: 14px; bottom: 14px; min-width: 48px; padding-inline: 12px; }
  .wb210-video-control > span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
}

@media (max-width: 520px) {
  .wb210-video-stage > span { font-size: .875rem; }
  .wb21-footer-links { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  .wb210-video-stage video { object-position: center; }
}
.wb24-workspace { --wb24-soft: #f8fafc; }
.wb24-workspace-summary { display:grid; }
.wb24-workspace-summary>div { background:var(--surface,#fff); border:1px solid var(--border,#e2e8f0); border-radius:16px; padding:16px; display:grid; gap:6px; }
.wb24-workspace-summary strong { line-height:1.55; }
.wb24-workspace-tabs { display:flex; overflow-x:auto; }
.wb24-workspace-tabs button { border:0; background:transparent; display:flex; align-items:center; gap:7px; white-space:nowrap; cursor:pointer; }
.wb24-workspace-tabs button.is-active { font-weight:700; }
.wb24-workspace-grid { display:grid; }
.wb24-overview-main h2,.wb24-section-head h2,.wb24-workspace .card>h2 { margin-bottom:10px; }
.wb24-participants { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
.wb24-participants article { display:grid; gap:5px; }
.wb24-participants article span,.wb24-participants article a { font-size:.875rem; color:var(--text-muted,#64748b); }
.wb24-progress header { display:flex; justify-content:space-between; gap:10px; font-size:.9rem; }
.wb24-progress>div { height:9px; border-radius:999px; background:var(--wb-bg-muted); overflow:hidden; margin-top:8px; }
.wb24-progress i { display:block; height:100%; background:#2563eb; border-radius:999px; transition:width .2s ease; }
.wb24-next { display:flex; gap:10px; align-items:flex-start; }
.wb24-next p { margin:3px 0 0; color:var(--wb-text-soft); }
.wb24-activity { list-style:none; padding:0; margin:0; display:grid; gap:0; }
.wb24-activity li { position:relative; display:flex; gap:10px; padding:8px 0 14px; }
.wb24-activity li:not(:last-child)::after { content:""; position:absolute; inset-inline-start:5px; top:19px; bottom:-3px; width:1px; background:var(--wb-border); }
.wb24-activity-dot { width:11px; height:11px; margin-top:6px; border-radius:50%; background:#2563eb; flex:0 0 auto; }
.wb24-activity div { display:grid; gap:2px; }
.wb24-activity small { color:var(--text-muted,#64748b); }
.wb24-section-head { display:flex; justify-content:space-between; gap:16px; align-items:flex-start; }
.wb24-section-head p { margin:2px 0 0; color:var(--text-muted,#64748b); }
.wb24-empty { border:1px dashed var(--wb-border-strong); display:flex; gap:10px; align-items:center; color:var(--wb-text-muted); }
.wb24-empty p { margin:3px 0 0; font-size:.9rem; }
.wb24-messages { display:grid; gap:12px; }
.wb24-message-list { max-height:520px; overflow:auto; padding:10px 2px; display:grid; gap:8px; }
.wb24-message-list article { max-width:min(78%,720px); border:1px solid #e2e8f0; padding:10px 12px; background:#fff; }
.wb24-message-list article.is-mine { margin-inline-start:auto; background:#eff6ff; border-color:#bfdbfe; }
.wb24-message-list article header { display:flex; gap:8px; flex-wrap:wrap; align-items:center; font-size:.875rem; color:#64748b; }
.wb24-message-list article p { white-space:pre-wrap; margin:7px 0 0; line-height:1.8; }
.wb24-date-separator { display:flex; align-items:center; gap:10px; color:var(--wb-text-muted); font-size:.875rem; margin:8px 0; }
.wb24-date-separator::before,.wb24-date-separator::after { content:""; height:1px; flex:1; background:var(--wb-border); }
.wb24-message-file { margin-top:8px; display:inline-flex; align-items:center; gap:6px; }
.wb24-composer { margin-top:14px; padding-top:14px; border-top:1px solid var(--wb-border); }
.wb24-composer textarea { min-height:90px; width:100%; }
.wb24-composer>div { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:8px; }
.wb24-milestone header { display:flex; justify-content:space-between; gap:18px; align-items:flex-start; }
.wb24-milestone header>div:last-child { display:grid; gap:5px; text-align:end; }
.wb24-milestone header p { margin:4px 0 0; color:var(--wb-text-muted); }
.wb24-milestone footer { display:flex; align-items:flex-start; flex-wrap:wrap; gap:8px; margin-top:14px; padding-top:14px; border-top:1px solid var(--wb-border); }
.wb24-status { display:inline-block; padding:3px 9px; border-radius:999px; font-size:.875rem; margin-bottom:7px; background:#f1f5f9; color:#475569; }
.wb24-status.status-in_progress,.wb24-status.status-submitted { background:#eff6ff; color:#2563eb; }
.wb24-status.status-approved,.wb24-status.status-paid,.wb24-status.status-ready { background:#f0fdf4; color:#15803d; }
.wb24-status.status-revision_requested,.wb24-status.status-funding_pending { background:#fffbeb; color:#b45309; }
.wb24-status.status-disputed { background:#fef2f2; color:#b91c1c; }
.wb24-delivery-note,.wb24-revision-note { margin-top:12px; padding:12px 14px; border:1px solid var(--wb-border); border-radius:12px; background:var(--wb-bg-subtle); }
.wb24-revision-note { border-color:color-mix(in srgb,var(--wb-warning) 42%,var(--wb-border)); background:color-mix(in srgb,var(--wb-warning) 10%,var(--wb-bg-elevated)); }
.wb24-delivery-note p,.wb24-revision-note p { margin:4px 0 0; white-space:pre-wrap; }
.wb24-submitted-files { display:flex; flex-wrap:wrap; gap:8px; margin-top:10px; }
.wb24-submitted-files a { display:inline-flex; gap:6px; align-items:center; padding:7px 10px; background:var(--wb-bg-subtle); border:1px solid var(--wb-border); border-radius:9px; }
.wb24-inline-action summary { cursor:pointer; min-height:42px; display:flex; align-items:center; padding:0 12px; border:1px solid var(--wb-border-strong); border-radius:10px; font-weight:600; }
.wb24-inline-action>div { margin-top:8px; min-width:min(560px,75vw); padding:12px; border:1px solid var(--wb-border); border-radius:12px; display:grid; gap:10px; background:var(--wb-bg-elevated); }
.wb24-inline-action textarea { min-height:90px; }
.wb24-inline-action fieldset { border:0; padding:0; display:grid; gap:6px; }
.wb24-inline-action label { display:flex; gap:8px; align-items:center; }
.wb24-file-form { display:grid; grid-template-columns:minmax(180px,1.2fr) minmax(150px,.7fr) minmax(160px,1fr) minmax(160px,1fr) minmax(180px,1fr) auto; gap:10px; align-items:end; }
.wb24-files { display:grid; gap:8px; }
.wb24-files article { display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:10px; align-items:center; padding:11px 0; border-bottom:1px solid var(--wb-border); }
.wb24-files article:last-child { border-bottom:0; }
.wb24-files article>div { display:grid; gap:2px; }
.wb24-files small { color:var(--wb-text-muted); }
.wb24-financial { display:grid; gap:0; }
.wb24-financial>div { display:flex; justify-content:space-between; gap:15px; padding:11px 0; border-bottom:1px solid var(--wb-border); }
.wb24-payment-milestones { display:grid; gap:8px; }
.wb24-payment-milestones>div { padding:11px 0; border-bottom:1px solid var(--wb-border); display:grid; grid-template-columns:1fr auto; gap:3px 12px; }
.wb24-payment-milestones small { grid-column:1/-1; color:var(--wb-text-muted); }
@media (max-width: 980px) {.wb24-file-form{grid-template-columns:1fr 1fr}.wb24-file-form button{grid-column:1/-1}.wb24-participants{grid-template-columns:1fr 1fr} }
@media (max-width: 640px) {.wb24-participants{grid-template-columns:1fr}.wb24-milestone header,.wb24-section-head{flex-direction:column}.wb24-milestone header>div:last-child{text-align:start}.wb24-file-form{grid-template-columns:1fr}.wb24-file-form button{grid-column:auto}.wb24-message-list article{max-width:92%}.wb24-inline-action>div{min-width:min(82vw,420px)} }
.wb23-message-stream article.is-system { max-width:90%; margin:10px auto; color:var(--wb-text-soft); background:var(--wb-bg-subtle); border:1px solid var(--wb-border); text-align:center; }
.wb24-report-message { border:0; background:transparent; color:var(--wb-text-muted); font-size:.875rem; cursor:pointer; text-decoration:underline; }
.wb24-report-panel { margin-top:9px; padding-top:9px; border-top:1px solid var(--wb-border); display:flex; gap:8px; align-items:center; flex-wrap:wrap; }
.wb24-report-panel select { min-height:36px; font-size:.875rem; }
.wb25-admin-filter { display:grid; grid-template-columns:minmax(0,1fr) 220px auto; gap:.75rem; }
.wb25-admin-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(380px,.85fr); gap:1.25rem; }
.wb25-admin-aside { align-self:start; position:sticky; top:1.25rem; }
.wb25-divider { border-top:1px solid var(--border, #e2e8f0); padding-top:1rem; }
.wb25-dispute-timeline { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:.5rem; }
@media (max-width: 1100px) {
  .wb25-admin-grid { grid-template-columns:1fr; }
  .wb25-admin-aside { position:static; }
}
@media (max-width: 760px) {
  .wb25-admin-filter { grid-template-columns:1fr; }
  .wb25-dispute-timeline { grid-template-columns:1fr 1fr; }
}
@media (max-width: 520px) {
  .wb25-dispute-timeline { grid-template-columns:1fr; }
}
.wb26-tool-shell { width:min(1180px,calc(100% - 32px)); margin:0 auto; padding:clamp(28px,5vw,64px) 0; }
.wb26-tool-grid,.wb26-builder-grid { display:grid; align-items:start; }
.wb26-pricing-form,.wb26-builder-fields,.wb26-proposal-preview,.wb26-pricing-result { display:grid; gap:14px; }
.wb26-pricing-form label,.wb26-builder-fields label { display:grid; gap:7px; font-weight:600; color:var(--text,#0f172a); }
.wb26-pricing-form small,.wb26-builder-fields small,.wb26-pricing-result small,.wb26-proposal-preview small { color:var(--text-muted,#64748b); font-size:.875rem; line-height:1.65; }
.wb26-pricing-result dl { display:grid; margin:0; }
.wb26-pricing-result dl>div { display:flex; justify-content:space-between; gap:16px; padding:11px 0; border-bottom:1px solid var(--border,#e2e8f0); }
.wb26-pricing-result dl>div:last-child { border-bottom:0; }
.wb26-pricing-result .is-total { margin-top:8px; padding-top:16px; border-top:2px solid #dbeafe; font-size:1.05rem; }
.wb26-builder-actions { display:flex; flex-wrap:wrap; gap:8px; align-items:center; }
.wb26-proposal-preview { position:sticky; }
.wb26-proposal-preview section { padding:12px 0; border-bottom:1px solid var(--border,#e2e8f0); }
.wb26-proposal-preview section:last-child { border-bottom:0; }
.wb26-proposal-preview h3 { margin:0 0 6px; font-size:1rem; }
.wb26-proposal-preview p { margin:0; white-space:pre-wrap; line-height:1.8; color:var(--wb-text-soft); }
.wb26-draft-list { display:grid; gap:8px; }
.wb26-draft-list article { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:10px; align-items:center; padding:10px 0; border-bottom:1px solid var(--wb-border); }
.wb26-draft-list article:last-child { border-bottom:0; }
.wb26-draft-list article>div { min-width:0; }
.wb26-draft-list strong { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.wb26-draft-list small { color:var(--wb-text-muted); font-size:.875rem; }
.wb26-referral-card { display:grid; }
.wb26-referral-card>header { display:flex; justify-content:space-between; gap:18px; align-items:flex-start; }
.wb26-referral-card>header p { margin:.35rem 0 0; color:var(--wb-text-muted); line-height:1.75; }
.wb26-referral-link { display:grid; }
.wb26-referral-link input { min-width:0; }
.wb26-share-row { display:flex; flex-wrap:wrap; }
.wb26-share-row button { padding:0 13px; border:1px solid #cbd5e1; background:#fff; color:#334155; cursor:pointer; font-weight:600; }
.wb26-share-row button:hover { border-color:#2563eb; color:#2563eb; }
.wb26-referral-metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); margin:0; }
.wb26-referral-metrics>div { padding:12px; border:1px solid var(--wb-border); border-radius:12px; background:var(--wb-bg-subtle); display:grid; gap:5px; }
.wb26-referral-metrics dt { color:var(--wb-text-muted); font-size:.875rem; }
.wb26-referral-metrics dd { margin:0; font-weight:800; }
.wb26-referral-landing { max-width:680px; margin:6vh auto 0; text-align:center; display:grid; justify-items:center; gap:12px; padding:clamp(26px,5vw,48px); }
.wb26-referral-landing p { margin:0; color:var(--wb-text-muted); line-height:1.8; }
.wb26-loading-line { display:block; width:min(220px,70vw); height:8px; border-radius:999px; background:linear-gradient(90deg,#e2e8f0 20%,#bfdbfe 45%,#e2e8f0 70%); background-size:200% 100%; animation:wb26-loading 1.2s linear infinite; }
@keyframes wb26-loading { to { background-position:-200% 0; } }
.wb26-case-studies { display:grid; gap:18px; }
.wb26-case-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.wb26-case-grid article { display:grid; gap:10px; height:100%; }
.wb26-case-grid article p { margin:0; color:var(--wb-text-soft); line-height:1.75; }
.wb26-case-grid blockquote { margin:0; padding:12px 14px; border-inline-start:3px solid var(--wb-primary); background:var(--wb-bg-subtle); color:var(--wb-text); border-radius:10px; }
.wb26-admin-case-grid { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:18px; align-items:start; }
.wb26-admin-cases { display:grid; gap:10px; }
.wb26-admin-cases article { display:grid; gap:9px; padding:14px; border:1px solid var(--wb-border); border-radius:14px; }
.wb26-admin-cases article header { display:flex; justify-content:space-between; gap:12px; align-items:flex-start; }
@media (max-width: 980px) {
  .wb26-tool-grid,.wb26-builder-grid,.wb26-admin-case-grid { grid-template-columns:1fr; }
  .wb26-case-grid { grid-template-columns:1fr 1fr; }
}
@media (max-width: 700px) {
  .wb26-tool-shell { width:min(100% - 22px,1180px); padding:24px 0 40px; }
  .wb26-referral-link { grid-template-columns:1fr; }
  .wb26-referral-metrics { grid-template-columns:1fr 1fr; }
  .wb26-case-grid { grid-template-columns:1fr; }
  .wb26-draft-list article { grid-template-columns:1fr; }
}
@media (max-width: 480px) { .wb26-referral-metrics { grid-template-columns:1fr; } }
@media (prefers-reduced-motion: reduce) { .wb26-loading-line { animation:none; } }
.wb27-portfolio-open{display:block;width:100%;padding:0;border:0;background:transparent;text-align:inherit;cursor:pointer}.wb27-modal-backdrop{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:20px;background:rgba(15,23,42,.68);backdrop-filter:blur(4px)}.wb27-portfolio-dialog{width:min(920px,100%);max-height:min(88vh,900px);overflow:auto;background:var(--surface,#fff);color:var(--text,#111827);border:1px solid var(--border,#e2e8f0);padding:20px}.wb27-portfolio-dialog>header,.wb27-portfolio-dialog>footer{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.wb27-portfolio-dialog>header span{font-size:14px;color:#64748b}.wb27-portfolio-dialog>header h2{font-size:24px;margin-top:4px}.wb27-portfolio-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0}.wb27-portfolio-gallery img{width:100%;height:260px;object-fit:cover;border-radius:12px;border:1px solid var(--border,#e2e8f0)}.wb27-portfolio-meta{display:flex;flex-wrap:wrap;gap:9px;margin:12px 0 16px}.wb27-portfolio-meta span{display:grid;gap:2px;min-width:130px;padding:9px 12px;border-radius:10px;font-size:14px}.wb27-portfolio-meta b{font-size:14px;color:#64748b}.wb27-portfolio-dialog>p{line-height:2}.wb27-portfolio-dialog>footer{margin-top:18px}
.wb27-onboarding{margin-inline:auto;display:grid}.wb27-onboarding-progress{position:relative}.wb27-onboarding-progress>span{position:absolute;inset-block:0;inset-inline-start:0;background:#2563eb;transition:width .2s ease}.wb27-onboarding-progress>b{position:relative;z-index:1;display:grid;place-items:center;height:100%;color:#0f172a;font-size:14px;mix-blend-mode:multiply}.wb27-onboarding-step{display:grid}.wb27-onboarding-step p{color:#64748b;line-height:1.9}.wb27-choice{display:grid;grid-template-columns:repeat(2,1fr)}.wb27-choice button{border:1px solid #cbd5e1;font-weight:700}.wb27-onboarding-summary{display:grid;gap:10px;padding:0;list-style:none}.wb27-onboarding-summary li{display:flex;align-items:center;gap:9px}.wb27-onboarding-actions{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #e2e8f0}
.wb27-kpi-toolbar{display:flex;align-items:end;justify-content:space-between;gap:16px}.wb27-kpi-toolbar label{min-width:180px}.wb27-kpi-toolbar p{max-width:680px;font-size:14px;color:#64748b}.wb27-kpi-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.wb27-kpi-grid article{display:grid;gap:7px;padding:16px;border:1px solid #e2e8f0;background:#fff}.wb27-kpi-grid span{font-size:14px;color:#64748b}.wb27-kpi-grid strong{font-size:25px;color:#0f172a}.wb27-kpi-grid small{font-size:14px;line-height:1.7;color:#64748b}
@media(max-width:767px){.wb27-kpi-grid{grid-template-columns:1fr}.wb27-modal-backdrop{align-items:end;padding:0}.wb27-portfolio-dialog{max-height:92vh;border-radius:18px 18px 0 0}.wb27-portfolio-gallery{grid-template-columns:1fr}.wb27-portfolio-gallery img{height:auto;max-height:360px}.wb27-kpi-toolbar{align-items:stretch;flex-direction:column}.wb27-kpi-toolbar label{min-width:0;width:100%}.wb27-onboarding-step h2{font-size:22px}}
@media(prefers-reduced-motion:reduce){.wb27-onboarding-progress>span{transition:none}}

.dark .wb27-portfolio-dialog,.dark .wb27-kpi-grid article,.dark .wb27-choice button{background:var(--wb-bg-elevated);color:var(--wb-text);border-color:var(--wb-border)}.dark .wb27-portfolio-meta span{background:var(--wb-bg-subtle)}.dark .wb27-portfolio-dialog>header span,.dark .wb27-portfolio-meta b,.dark .wb27-onboarding-step p,.dark .wb27-kpi-toolbar p,.dark .wb27-kpi-grid span,.dark .wb27-kpi-grid small{color:var(--wb-text-muted)}.dark .wb27-kpi-grid strong{color:var(--wb-text)}.dark .wb27-onboarding-progress{background:var(--wb-bg-muted)}.dark .wb27-onboarding-progress>b{color:var(--wb-text);mix-blend-mode:normal}.dark .wb27-onboarding-actions{border-color:var(--wb-border)}.dark .wb27-choice button.active{color:var(--wb-primary);border-color:var(--wb-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--wb-primary) 15%,transparent)}

.icon-button{display:inline-grid;place-items:center;width:44px;height:44px;min-width:44px;border:1px solid var(--border,#e2e8f0);border-radius:10px;background:transparent;color:inherit;cursor:pointer}.icon-button:hover{background:rgba(148,163,184,.12)}.icon-button:focus-visible{outline:3px solid rgba(37,99,235,.28);outline-offset:2px}
.dashboard-v206 > .page-header,
.project-wizard-page > .page-header,
.wb26-tool-shell > .page-header {
  padding-block: 18px;
}
.dashboard-priority-section {
  border-color: var(--wb-border);
}
.dashboard-metric,
.dashboard-metric[class*="dashboard-metric--"] {
  border-top-width: 1px;
  box-shadow: none;
}
.dashboard-nav-group { background: transparent; }
.dashboard-middle-grid > .surface-panel,
.dashboard-v206 > .surface-panel { box-shadow: none; }
.project-stepper > * > div small { display: none; }
.wizard-section > header { margin-bottom: 2px; }
.wizard-section > header p { margin-top: 3px; }
.wizard-aside .card,
.wizard-aside .draft-card { box-shadow: none; }
@media (min-width: 769px) {
  .wb23-expert-filter:not(.is-open) .wb23-filter-grid label:nth-child(n+5) { display: none; }
  .wb23-expert-filter:not(.is-open) .wb23-filter-grid { grid-template-columns: 1.25fr 1fr 1fr .9fr; }
  .wb23-expert-filter.is-open > header .site-icon-button { display: inline-grid; }
  .wb23-expert-filter { padding: 16px 18px; }
  .wb23-expert-filter > header { margin-bottom: 14px; }
  .wb23-expert-filter > footer { margin-top: 14px; padding-top: 12px; }
}
.wb23-expert-quick-search { padding-block: 12px; }
.wb23-expert-quick-search nav button { background: transparent; }
.wb23-profile-nav { border-radius: 12px; }
.wb23-profile-section .rounded-xl.border { border-radius: 10px; }
.wb23-profile-section .rounded-xl.border:hover { border-color: var(--wb-border-strong); }
.wb24-workspace-summary > div:not(:last-child) { border-inline-end: 1px solid var(--wb-border); }
.wb24-workspace-tabs button {
  padding-inline: 3px;
}
.wb24-workspace-tabs button.is-active {
  box-shadow: inset 0 -2px var(--wb-primary);
}
.wb24-participants article { background: var(--wb-bg-subtle); }
.wb24-next { border: 1px solid color-mix(in srgb,var(--wb-primary) 18%,var(--wb-border)); background: color-mix(in srgb,var(--wb-primary) 5%,var(--wb-bg-elevated)); }
.wb26-tool-shell { padding-top: 34px; }
.wb26-pricing-form,
.wb26-builder-grid > section:first-child { box-shadow: none; }
.wb26-pricing-result .btn { width: 100%; justify-content: center; }
.wb26-proposal-preview > strong { padding-top: 14px; border-top: 1px solid var(--wb-border); font-size: 1.1rem; }
.wb26-draft-list article { padding-block: 12px; }
.wb27-portfolio-dialog { border-radius: 16px; box-shadow: 0 18px 55px rgba(15,23,42,.2); }
.wb27-portfolio-meta span { background: transparent; border: 1px solid var(--wb-border); }
.wb27-onboarding-progress { margin-bottom: 24px; overflow: visible; }
.wb27-onboarding-progress > b { position: absolute; inset-inline-end: 0; height: auto; color: var(--wb-text-muted); mix-blend-mode: normal; }
.wb27-kpi-grid article { border-radius: 12px; box-shadow: none; }
@media (max-width: 640px) {
  .dashboard-priority-section { padding: 16px; }
  .project-stepper { grid-template-columns: repeat(4,minmax(0,1fr)); overflow-x: auto; }
  .project-stepper > * { min-width: 116px; }
  .wb24-workspace-summary { grid-template-columns: 1fr; padding: 0 14px; }
  .wb24-workspace-summary > div:not(:last-child) { border-inline-end: 0; border-bottom: 1px solid var(--wb-border); }
  .wb24-workspace-tabs { gap: 14px; overflow-x: auto; }
}
.enterprise-stat { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
.enterprise-stat > span { color: var(--wb-text-soft); font-size: .9rem; font-weight: 750; }
.enterprise-stat > strong { flex: 0 0 auto; color: var(--wb-text); font-size: 1.15rem; }
.proposal-pipeline { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.proposal-pipeline > * { display: flex; align-items: center; justify-content: space-between; gap: 10px; color: var(--wb-text-soft); border: 1px solid var(--wb-border); border-radius: 11px; }
.proposal-pipeline > *.active { color: var(--wb-primary); border-color: color-mix(in srgb, var(--wb-primary) 28%, var(--wb-border)); background: var(--wb-primary-soft); }
.proposal-pipeline > * strong { color: inherit; font-size: 1rem; }
@media (max-width: 760px) {
  .enterprise-stat { align-items: center; }
}
.page-header {
  border-color: var(--wb-r4-line);
}
.page-header-eyebrow { margin-bottom: 5px; letter-spacing: 0; }
.page-header h1 { margin-bottom: 4px; }
.page-header-meta { margin-top: 7px; }
.r4-mobile-utilities {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--wb-border);
}
.r4-mobile-utility {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 8px 12px;
  color: var(--wb-text);
  border: 1px solid var(--wb-border);
  border-radius: 10px;
  background: var(--wb-bg-elevated);
  font-weight: 760;
}
.r4-mobile-locale { grid-column: 1 / -1; width: 100%; justify-content: stretch; }
.r4-mobile-locale button { flex: 1; }
.v17-mobile-public-links a,
.v17-mobile-account-grid a {
  min-height: 44px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: transparent;
  border-bottom: 1px solid color-mix(in srgb,var(--wb-border) 72%,transparent);
  border-radius: 0;
}
.v17-mobile-public-links a:hover,
.v17-mobile-account-grid a:hover { color: var(--wb-primary); background: var(--wb-bg-subtle); border-radius: 9px; }
.dashboard-v206 { --r4-dashboard-gap: 14px; }
.dashboard-v206.space-y-5 > :not([hidden]) ~ :not([hidden]) { margin-top: var(--r4-dashboard-gap); }
.dashboard-v206 > .page-header { margin-bottom: 0; }
.dashboard-priority-section > header { margin-bottom: 0; }
.dashboard-action-list { margin-top: 10px; }
.dashboard-clear { margin-top: 7px; }
.dashboard-clear > svg { flex: 0 0 auto; }
.dashboard-clear small { display: block; margin-top: 1px; }
.dashboard-metric,
.dashboard-metric[class*="dashboard-metric--"] {
  min-height: 82px;
  padding: 12px 14px;
  border: 0;
  border-radius: 0;
  background: transparent;
}
.dashboard-metric:not(:last-child) { border-inline-end: 1px solid var(--wb-r4-line); }
.dashboard-metric > div > strong { font-size: 1.3rem; }
.dashboard-metric > div > span { font-size: .875rem; }
.dashboard-metric > div > small { display: none; }
.project-guest-note {
  display: grid;
  grid-template-columns: auto minmax(0,1fr) auto;
  align-items: center;
  gap: 11px;
  min-height: 54px;
  color: var(--wb-text-soft);
  border: 1px solid color-mix(in srgb,var(--wb-primary) 22%,var(--wb-border));
  background: color-mix(in srgb,var(--wb-primary) 4%,var(--wb-bg-elevated));
}
.project-guest-note-icon { display: grid; width: 34px; height: 34px; place-items: center; color: var(--wb-primary); border-radius: 9px; background: var(--wb-primary-soft); }
.project-guest-note strong { color: var(--wb-text); }
.project-guest-note p { margin: 1px 0 0; }
.project-guest-login { white-space: nowrap; }
.project-stepper {
  position: relative;
  margin-bottom: 12px;
  padding: 0 8px;
}
.project-wizard-card { box-shadow: none; }
.wizard-aside { display: grid; }
.wb23-expert-quick-search > div strong { font-size: 1.05rem; }
.wb23-expert-quick-search nav button { min-height: 32px; padding: 5px 10px; }
.wb23-freelancer-list { gap: 10px; }
.wb23-freelancer-card {
  position: relative;
  gap: 13px;
}
.wb23-freelancer-identity p { margin-bottom: 0; }
.wb23-freelancer-availability { align-self: start; border-radius: 999px; }
.wb23-freelancer-metrics {
  gap: 0;
  padding: 9px 0;
}
.wb23-freelancer-metrics > div { border: 0; border-radius: 0; background: transparent; }
.wb23-freelancer-metrics > div:not(:last-child) { border-inline-end: 1px solid var(--wb-r4-line); }
.wb23-freelancer-card .wb23-chip-row { gap: 5px; }
.wb23-freelancer-card .wb23-chip-row > span { padding: 4px 8px; background: var(--wb-bg-subtle); }
.wb23-freelancer-card > footer { padding-top: 10px; border-top: 0; }
.wb23-freelancer-card > footer .btn-ghost { margin-inline-end: auto; }
.wb23-profile-hero {
  border-color: rgba(255,255,255,.08);
}
.wb23-profile-hero > picture,
.wb23-profile-hero > img { opacity: .34; filter: saturate(.88) contrast(1.04); }
.wb23-profile-hero::after { background: linear-gradient(90deg,rgba(6,12,27,.92),rgba(6,12,27,.68) 56%,rgba(6,12,27,.35)),linear-gradient(0deg,rgba(6,12,27,.72),transparent 56%); }
.wb23-profile-hero-content { grid-template-columns: 88px minmax(0,1fr) auto; gap: 17px; }
.wb23-profile-title h1 { margin: 5px 0; }
.wb23-profile-title > p { margin-bottom: 8px; color: rgba(255,255,255,.82); }
.profile-trust-row { gap: 6px; }
.wb23-profile-hero .category-pill,
.wb23-profile-hero .verified-label { min-height: 28px; padding: 4px 8px; font-size: .875rem; }
.wb23-profile-hero .profile-quick-meta span { border-color: rgba(255,255,255,.17); }
.wb23-profile-primary-action { align-self: center; }
.wb23-profile-primary-action .btn { background: var(--wb-r4-pink); border-color: var(--wb-r4-pink); }
.wb23-profile-primary-action .btn:hover { background: var(--wb-r4-pink-hover); border-color: var(--wb-r4-pink-hover); }
.wb23-profile-primary-action .btn-ghost { padding-inline: 10px; }
.wb23-profile-scoreboard { gap: 0; padding: 2px 10px; }
.wb23-profile-scoreboard > div { border: 0; border-radius: 0; background: transparent; }
.wb23-profile-scoreboard > div:not(:last-child) { border-inline-end: 1px solid var(--wb-r4-line); }
.wb24-workspace > .page-header { margin-bottom: 10px; }
.wb24-workspace-summary span { font-size: .875rem; }
.wb24-workspace-grid > .card:last-child:has(.wb24-empty) { align-self: start; }
.wb26-tool-shell > .page-header { margin-bottom: 10px; }
.wb26-pricing-form,
.wb26-builder-grid > section:first-child {
  border-radius: 13px;
  background: var(--wb-bg-elevated);
}
.wb26-pricing-result,
.wb26-proposal-preview {
  overflow: hidden;
}
.wb26-pricing-result h2 { margin: 4px 0 14px; color: var(--wb-r4-ink); font-size: clamp(1.75rem,3vw,2.35rem); }
.wb26-pricing-result p { margin-top: 12px; font-size: .9rem; }
.wb28-proposal-empty {
  display: grid;
  place-items: center;
  align-content: center;
  gap: 7px;
  padding: 34px 22px;
  text-align: center;
}
.wb28-proposal-empty > span { display: grid; width: 46px; height: 46px; place-items: center; color: var(--wb-r4-pink); border: 1px solid color-mix(in srgb,var(--wb-r4-pink) 25%,var(--wb-border)); background: color-mix(in srgb,var(--wb-r4-pink) 6%,var(--wb-bg-elevated)); font-size: 1.25rem; }
.wb28-proposal-empty h2 { margin: 5px 0 0; font-size: 1.15rem; }
.wb28-proposal-empty p { max-width: 300px; margin: 0; font-size: .9rem; line-height: 1.75; }
.wb26-proposal-preview.has-preview article { padding-block: 10px; border-bottom: 1px solid var(--wb-r4-line); }
.wb26-proposal-preview.has-preview article:last-of-type { border-bottom: 0; }
.enterprise-shell > .grid.sm\:grid-cols-4 { gap: 0; padding: 2px 10px; border: 1px solid var(--wb-r4-line); background: var(--wb-bg-elevated); }
.enterprise-shell > .grid.sm\:grid-cols-4 > .enterprise-stat { border: 0; border-radius: 0; background: transparent; padding: 11px 13px; }
.enterprise-shell > .grid.sm\:grid-cols-4 > .enterprise-stat:not(:last-child) { border-inline-end: 1px solid var(--wb-r4-line); }
.enterprise-shell > .grid.sm\:grid-cols-4 > .enterprise-stat strong { font-size: 1.05rem; }
.proposal-pipeline { gap: 6px; }
.proposal-pipeline > * { min-height: 42px; padding: 8px 10px; background: transparent; border-color: var(--wb-r4-line); }
.proposal-pipeline > *:not(.active) strong { color: var(--wb-text-muted); font-weight: 650; }
.empty-state-v13,
.wb23-market-empty,
.empty-enterprise,
.monitoring-empty,
.wb23-chat-empty {
  min-height: 118px;
  padding: 20px;
  border: 1px dashed var(--wb-border-strong);
  border-radius: 12px;
  background: color-mix(in srgb,var(--wb-bg-subtle) 74%,transparent);
}
.empty-state-icon { border-radius: 12px; color: var(--wb-primary); background: var(--wb-primary-soft); }
.empty-state-v13 h2 { margin-bottom: 4px; font-size: 1.05rem; }
.empty-state-v13 p { max-width: 520px; margin-bottom: 0; }
.wb27-onboarding > .page-header { border: 0; background: transparent; }
.wb27-onboarding > .page-header h1 { font-size: clamp(1.55rem,2.5vw,2.1rem); }
.wb27-onboarding-progress { margin-inline: 4px; }
.wb27-choice button { background: var(--wb-bg-elevated); }

@media (max-width: 980px) {
  .dashboard-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .dashboard-metric:nth-child(2) { border-inline-end: 0; }
  .dashboard-metric:nth-child(-n+2) { border-bottom: 1px solid var(--wb-r4-line); }
  .wb23-freelancer-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .wb23-freelancer-metrics > div:nth-child(2) { border-inline-end: 0; }
  .wb23-freelancer-metrics > div:nth-child(-n+2) { border-bottom: 1px solid var(--wb-r4-line); }
  .wb23-profile-hero-content { grid-template-columns: 78px minmax(0,1fr); }
  .wb23-profile-primary-action { grid-column: 1 / -1; justify-content: flex-start; }
  .profile-avatar-large { width: 78px; height: 78px; }
}

@media (max-width: 760px) {
  .announcement-bar { display: none; }
  .site-header-inner { gap: 8px; }
  .site-header .brand-lockup { min-width: auto; width: auto; }
  .desktop-header-search,
  .desktop-theme-toggle,
  .site-header .desktop-locale-toggle { display: none; }
  .mobile-nav-trigger { display: inline-flex; width: 42px; height: 42px; min-width: 42px; border: 0; background: transparent; }
  .mobile-menu { width: min(360px,92vw); }
  .v17-mobile-menu-head { padding: 12px 14px; }
  .v17-mobile-menu-content { padding: 12px 14px 24px; }

  .page-header { margin-bottom: 12px; }
  .page-header-actions { gap: 6px; }

  .dashboard-priority-section { padding: 13px 14px; }
  .dashboard-metrics { padding: 0 8px; }
  .dashboard-metric { min-height: 76px; padding: 10px; grid-template-columns: auto minmax(0,1fr); gap: 8px; }
  .dashboard-metric-icon { width: 30px; height: 30px; }
  .dashboard-metric > div > strong { font-size: 1.18rem; }
  .dashboard-metric:nth-child(odd) { border-inline-end: 1px solid var(--wb-r4-line); }
  .dashboard-metric:nth-child(even) { border-inline-end: 0; }

  .project-guest-note { grid-template-columns: auto minmax(0,1fr); padding: 9px 11px; }
  .project-guest-login { grid-column: 2; justify-self: start; }
  .project-stepper { padding: 0; overflow-x: auto; }

  .wb23-expert-quick-search { align-items: stretch; gap: 10px; }
  .wb23-expert-quick-search nav { flex-wrap: nowrap; overflow-x: auto; }
  .wb23-freelancer-card > header { grid-template-columns: 58px minmax(0,1fr); gap: 10px; }
  .wb23-avatar-lg { width: 58px; height: 58px; border-radius: 15px; }
  .wb23-freelancer-metrics > div { padding-inline: 8px; }
  .wb23-freelancer-card > footer { display: grid; grid-template-columns: 1fr 1fr; }
  .wb23-freelancer-card > footer > * { width: 100%; min-width: 0; }

  .wb23-profile-hero { border-radius: 14px; }
  .wb23-profile-hero-content { grid-template-columns: 70px minmax(0,1fr); align-content: end; }
  .profile-avatar-large { border-radius: 18px; }
  .wb23-profile-title h1 { font-size: 1.65rem; }
  .wb23-profile-hero .profile-quick-meta { display: grid; grid-template-columns: 1fr 1fr; }
  .wb23-profile-hero .profile-quick-meta span:first-child { grid-column: 1 / -1; }
  .wb23-profile-primary-action { display: grid; grid-template-columns: 1fr auto; width: 100%; }
  .wb23-profile-primary-action .btn { width: 100%; justify-content: center; }
  .wb23-profile-scoreboard > div:nth-child(2) { border-inline-end: 0; }
  .wb23-profile-scoreboard > div:nth-child(-n+2) { border-bottom: 1px solid var(--wb-r4-line); }

  .wb24-workspace-summary { padding: 0 8px; }
  .wb24-workspace-summary > div { min-width: 0; }
  .enterprise-shell > .grid.sm\:grid-cols-4 { grid-template-columns: repeat(2,minmax(0,1fr)); padding: 0 8px; }
  .enterprise-shell > .grid.sm\:grid-cols-4 > .enterprise-stat:nth-child(2) { border-inline-end: 0; }
  .enterprise-shell > .grid.sm\:grid-cols-4 > .enterprise-stat:nth-child(-n+2) { border-bottom: 1px solid var(--wb-r4-line); }
  .proposal-pipeline { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 430px) {
  .dashboard-metrics { grid-template-columns: 1fr 1fr; }
  .dashboard-metric { grid-template-columns: 1fr; gap: 3px; }
  .dashboard-metric-icon { display: none; }
  .wb23-profile-hero .profile-quick-meta { grid-template-columns: 1fr; }
  .wb23-profile-hero .profile-quick-meta span:first-child { grid-column: auto; }
  .wb23-profile-primary-action { grid-template-columns: 1fr; }
  .wb23-profile-primary-action .btn-ghost { width: 100%; justify-content: center; }
  .wb23-freelancer-card > footer { grid-template-columns: 1fr; }
  .wb24-workspace-summary { grid-template-columns: 1fr; }
  .wb24-workspace-summary > div:not(:last-child) { border-bottom: 1px solid var(--wb-r4-line); }
}
.dark .wb26-pricing-result h2 { color: #f8fafc; }
@media (min-width: 761px) {
  .wb23-filter-backdrop.is-open {
    position: fixed;
    z-index: 84;
    inset: 0;
    display: block;
    background: rgba(5,10,22,.34);
    backdrop-filter: blur(4px);
  }
  .wb23-expert-filter {
    position: fixed;
    z-index: 85;
    top: 50%;
    left: 50%;
    width: min(1040px,calc(100vw - 48px));
    max-height: min(760px,calc(100dvh - 72px));
    overflow-y: auto;
    opacity: 0;
    pointer-events: none;
    transform: translate(-50%,calc(-50% + 14px)) scale(.985);
    transition: opacity .18s ease,transform .2s ease;
    box-shadow: 0 28px 80px rgba(15,23,42,.18);
  }
  .wb23-expert-filter.is-open {
    opacity: 1;
    pointer-events: auto;
    transform: translate(-50%,-50%) scale(1);
  }
  .wb23-expert-filter > header {
    position: sticky;
    z-index: 2;
    top: -20px;
    padding-block: 10px 12px;
    background: var(--wb-bg-elevated);
  }
  .wb23-expert-filter > header .site-icon-button { display: inline-grid; }
}
.wb23-freelancer-submeta { display: flex; flex-wrap: wrap; align-items: center; }
.wb23-freelancer-submeta > span { display: inline-flex; align-items: center; gap: 5px; color: var(--wb-text-soft); font-size: .875rem; }
.wb23-freelancer-availability { width: max-content; color: var(--wb-text-soft); font-size: .875rem; }
.wb23-profile-hero-content { padding-block: 24px; }
.dashboard-v206 > .page-header { padding-block: 16px; }
.dashboard-v206 .surface-panel > header h2 { font-size: 1.12rem; }

@media (max-width: 760px) {
  .wb23-freelancer-submeta { gap: 6px 9px; }
  .wb23-freelancer-availability { grid-column: auto; justify-self: auto; }
  .wb23-profile-hero { min-height: 302px; }
  .wb23-profile-hero-content { min-height: 302px; }
}
.wb23-profile-primary-action {
  display: flex;
  min-height: 0;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  padding: 0;
  border: 0;
  border-radius: 0;
  color: inherit;
  background: transparent;
  box-shadow: none;
  transform: none;
}
.wb23-profile-primary-action:hover { background: transparent; box-shadow: none; transform: none; }
.dark .wb23-profile-primary-action,
.dark .wb23-profile-primary-action:hover { box-shadow: none; transform: none; }
.wb23-profile-scoreboard { grid-template-columns: repeat(4,minmax(0,1fr)); }
.wb23-profile-scoreboard > div { align-content: center; }
.wb23-profile-scoreboard > div:last-child { border-inline-end: 0; }
@media (min-width: 761px) {
  .dashboard-v206 > .page-header { padding: 13px 18px; }
  .dashboard-v206 > .page-header .page-header-content { align-items: center; }
  .dashboard-priority-section { padding: 13px 16px; }
  .dashboard-priority-section > header { display: flex; align-items: center; justify-content: space-between; gap: 14px; }
  .dashboard-priority-section > header .section-kicker { margin-bottom: 2px; }
  .dashboard-action-list { margin-top: 7px; }
}

@media (max-width: 980px) {
  .wb23-profile-scoreboard { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .wb23-profile-scoreboard > div:nth-child(2) { border-inline-end: 0; }
  .wb23-profile-scoreboard > div:nth-child(-n+2) { border-bottom: 1px solid var(--wb-r4-line); }
}

body {
  font-size: 16px;
}

h1, h2, h3, h4 { letter-spacing: -.012em; }
h1 { font-weight: 800; }
h2, h3 { font-weight: 750; }

.container,
.container-fa,
.public-content,
.private-content,
.site-header-inner,
.fr5-subnav-inner,
.wb21-footer-main,
.wb21-footer-bottom {
  width: min(100% - 32px, var(--wb-content));
}

.public-content,
.private-content { padding-block: 22px 54px; }
input,
textarea,
select {
  min-height: 40px;
  border-color: var(--fr5-border);
  box-shadow: none;
}
input:focus,
textarea:focus,
select:focus {
  border-color: var(--fr5-blue);
  box-shadow: 0 0 0 2px rgba(19,150,216,.12);
}

.site-cta {
  min-height: 40px;
  font-weight: 700;
  box-shadow: none;
  transform: none;
}

.card,
.surface-panel,
.card-soft,
.mini-card,
.market-card,
.trust-card,
.guide-card,
.organization-card,
.subscription-card,
.service-card,
.interview-card,
.match-card,
.blog-card,
.bank-transfer-card,
.manual-receipt-form,
.draft-card,
.settings-panel,
.integration-card,
.manual-admin-card,
.risk-card,
.refund-card,
.admin-module-card,
.wb206-wallet-card,
.wb23-content-section,
.wb23-profile-section,
.wb23-profile-side-section,
.enterprise-section {
  border-radius: 4px;
  border-color: var(--fr5-border);
  box-shadow: none;
}
.site-header { border-bottom: 0; box-shadow: none; }
.site-header.is-scrolled { box-shadow: 0 1px 6px rgba(13,23,36,.08); }
.site-main-nav { gap: 2px; }
.site-nav-link {
  min-height: 56px;
  padding: 0 12px;
  color: #334155;
  font-size: 14px;
  font-weight: 650;
}
.site-nav-link:hover,
.site-nav-link.is-active { color: var(--fr5-blue); background: transparent; }
.site-nav-link.is-active::after {
  content: '';
  position: absolute;
  inset-inline: 10px;
  bottom: 0;
  height: 3px;
  background: var(--fr5-blue);
}
.site-icon-button { border-radius: 3px; }
.v17-login-link { font-size: 14px; font-weight: 650; }
.account-trigger { border-radius: 3px; }
.account-menu { border-radius: 4px; box-shadow: 0 10px 28px rgba(13,23,36,.16); }
.announcement-bar { border-radius: 0; }

.fr5-subnav {
  display: block;
  color: #e8edf3;
  border-top: 1px solid rgba(255,255,255,.04);
}
.fr5-subnav-inner {
  display: flex;
  margin-inline: auto;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.fr5-subnav nav { display: flex; align-items: stretch; }
.fr5-subnav a {
  display: inline-flex;
  align-items: center;
  padding: 0 13px;
  color: #e8edf3;
  font-size: 14px;
  font-weight: 600;
}
.fr5-subnav a:hover,
.fr5-subnav a.is-active { color: #fff; background: rgba(255,255,255,.09); }
.fr5-subnav .fr5-subnav-cta { color: #fff; }
.section-kicker { text-transform: none; }
.wb26-eyebrow { color: #fff; background: transparent; border: 0; padding: 0; }
.wb26-eyebrow i { background: var(--fr5-pink); }
.fr5-hero-points {
  display: grid;
  gap: 7px;
  margin: 8px 0 20px;
  padding: 0;
  color: #fff;
  list-style: none;
}
.fr5-hero-points li { display: flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 560; }
.fr5-hero-points li::before { content: '•'; color: #fff; font-size: 1.4rem; line-height: 1; }
.fr5-hero-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 16px; }
.fr5-hero-actions a {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  padding: 0 20px;
  border: 1px solid rgba(255,255,255,.62);
  border-radius: 3px;
  color: #fff;
  font-weight: 750;
}
.fr5-hero-actions a:first-child { border-color: var(--fr5-pink); background: var(--fr5-pink); }
.fr5-hero-actions a:first-child:hover { background: var(--fr5-pink-hover); border-color: var(--fr5-pink-hover); }
.fr5-hero-actions a:last-child:hover { background: rgba(255,255,255,.08); }
.wb26-role-switch { display: none; }
.wb26-section-head h2 { font-size: clamp(1.55rem,2.4vw,2.2rem); }
.wb26-case-grid > *,
.wb26-showcase-grid > a,
.wb27-editorial { border-radius: 4px; box-shadow: none; }
.fr5-market-layout {
  display: grid;
  align-items: start;
}
.fr5-market-sidebar {
  position: sticky;
  min-width: 0;
}
.fr5-market-main { min-width: 0; }
.fr5-market-results-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border: 1px solid var(--fr5-border);
  border-bottom: 0;
}
.fr5-market-results-head strong { font-size: 14px; }
.fr5-market-results-head small { font-size: 14px; }

.wb21-project-filters,
.wb23-expert-filter {
  position: static;
  width: 100%;
  max-height: none;
  padding: 0;
  border: 1px solid var(--fr5-border);
  opacity: 1;
  transform: none;
  pointer-events: auto;
  background: #fff;
}
.wb21-filter-primary,
.wb21-filter-advanced,
.wb23-filter-grid {
  display: grid;
  grid-template-columns: 1fr;
}
.wb21-filter-primary { border-bottom: 1px solid var(--fr5-border-soft); }
.wb21-filter-primary .btn { width: 100%; }
.wb21-filter-toolbar { padding-block: 10px; border-bottom: 1px solid var(--fr5-border-soft); }
.wb21-filter-toggle { display: none; }
.wb21-filter-advanced { border-bottom: 1px solid var(--fr5-border-soft); }
.wb21-filter-actions,
.wb23-expert-filter footer { display: grid; gap: 8px; }
.wb21-filter-actions > *,
.wb23-expert-filter footer > div,
.wb23-expert-filter footer button { width: 100%; }
.wb23-expert-filter > header { padding-block: 12px; border-bottom: 1px solid var(--fr5-border-soft); }
.wb23-expert-filter > header .site-icon-button { display: none; }
.wb23-expert-quick-search { margin-bottom: 12px; box-shadow: none; }

.project-index-grid,
.wb23-freelancer-list { display: block; border: 1px solid var(--fr5-border); background: #fff; }
.project-index-card,
.wb23-freelancer-card {
  margin: 0;
  border: 0;
  border-bottom: 1px solid var(--fr5-border-soft);
  border-radius: 0;
  background: #fff;
  box-shadow: none;
}
.project-index-card:last-child,
.wb23-freelancer-card:last-child { border-bottom: 0; }
.project-index-card:hover,
.wb23-freelancer-card:hover { transform: none; }
.project-index-card p { font-size: 14px; }
.project-index-meta dt { font-size: 14px; }
.project-index-meta dd { font-size: 14px; }
.project-index-side { align-items: stretch; justify-content: center; border-inline-start: 1px solid var(--fr5-border-soft); }
.project-index-owner { display: none; }
.project-index-side .btn { width: 100%; }
.active-filter-strip { border-radius: 3px; }
.wb23-freelancer-submeta { font-size: 14px; }
.wb23-freelancer-metrics { border-radius: 0; }
.wb23-freelancer-card > footer { justify-content: flex-end; }
.wb23-freelancer-card > footer .btn { min-width: 142px; }
.wb23-profile-hero::before,
.wb23-profile-hero::after { display: none; }
.dashboard-priority-section,
.dashboard-metrics,
.dashboard-middle-grid > *,
.dashboard-navigation-grid > *,
.dashboard-recent,
.wb24-workspace-shell,
.enterprise-shell,
.wb26-proposal-preview,
.wb26-pricing-result {
  border-radius: 4px;
  box-shadow: none;
}
.dashboard-navigation-grid > * { border: 1px solid var(--fr5-border); }
.wb24-workspace-tabs { border-bottom: 1px solid var(--fr5-border); }
.wb24-workspace-tabs a,
.wb24-workspace-tabs button { border-radius: 0; }
.enterprise-shell > .grid.sm\:grid-cols-4 { border-radius: 3px; }
.site-footer { color: #cbd4df; border-top: 0; }
.site-footer h2,
.site-footer h3,
.site-footer strong { color: #fff; }
.footer-link { color: #aeb9c7; }
.footer-link:hover { color: #fff; transform: none; }
.footer-social { border-color: #334155; border-radius: 3px; color: #aeb9c7; }
.dark .site-nav-link { color: #dce4ed; }
.dark .wb21-project-filters,
.dark .wb23-expert-filter,
.dark .project-index-grid,
.dark .wb23-freelancer-list,
.dark .project-index-card,
.dark .wb23-freelancer-card,
.dark .fr5-market-results-head,
.dark .wb23-profile-hero,
.dark .wb23-profile-hero-content { background: var(--wb-bg-elevated); }

@media (max-width: 900px) {
  .fr5-market-layout { grid-template-columns: 1fr; }
  .fr5-market-sidebar { position: static; }
  .wb21-project-filters { margin-bottom: 12px; }
  .wb21-filter-advanced:not(.is-open) { display: none; }
  .wb21-filter-toggle { display: inline-flex; }
  .wb23-expert-filter {
    position: fixed;
    z-index: 85;
    inset: auto 0 0;
    width: 100%;
    max-height: 88dvh;
    overflow-y: auto;
    border-radius: 8px 8px 0 0;
    opacity: 0;
    transform: translateY(18px);
    pointer-events: none;
  }
  .wb23-expert-filter.is-open { opacity: 1; transform: translateY(0); pointer-events: auto; }
  .wb23-filter-backdrop.is-open { display: block; position: fixed; z-index: 84; inset: 0; background: rgba(4,8,13,.48); }
  .wb23-expert-filter > header .site-icon-button { display: inline-flex; }
  .wb23-expert-quick-search { margin-bottom: 0; }
}

@media (max-width: 760px) {
  .public-content,
  .private-content { padding-top: 14px; }
  .fr5-hero-actions { display: grid; grid-template-columns: 1fr; width: 100%; }
  .fr5-hero-actions a { width: 100%; }
  .wb21-projects-page > .page-header,
  .wb23-freelancers-page > .page-header,
  .dashboard-v206 > .page-header,
  .project-wizard-page > .page-header { margin-top: -14px; padding-block: 18px; }
  .project-index-card { display: block; }
  .project-index-side { margin-top: 12px; padding: 12px 0 0; border-inline-start: 0; border-top: 1px solid var(--fr5-border-soft); }
}
.fr5-project-commercial { display: grid; }
.fr5-project-commercial strong { color: var(--fr5-ink); line-height: 1.35; }
.fr5-project-commercial span { font-size: 14px; }
@media (min-width: 901px) {
  .wb23-freelancers-page > .page-header .btn-ghost { display: none; }
}
@media (max-width: 760px) {
  .fr5-project-commercial { text-align: start; margin-bottom: 8px; }
}
.auth-shell {
  display: block;
  width: min(100% - 32px, 500px);
  max-width: 500px;
  margin: 48px auto 72px;
  border: 1px solid var(--fr5-border);
  border-radius: 4px;
  background: #fff;
  box-shadow: 0 5px 22px rgba(13,23,36,.09);
}
.auth-aside { display: none; }
.auth-form-wrap { padding: 30px 34px 34px; }
.auth-form-head { text-align: center; }
.role-picker button,
.form-alert,
.password-field input { border-radius: 3px; }
.role-picker button.active { box-shadow: inset 3px 0 0 var(--fr5-blue); }

.wb23-project-header,
.wb23-project-sticky,
.wb23-content-section,
.wb23-proposal-composer,
.wb23-proposal-preview,
.wb23-proposal-list,
.wb23-login-prompt {
  border-radius: 4px;
  box-shadow: none;
}
.wb23-project-header {
  background: #fff;
}
.wb23-project-sticky {
  border: 1px solid var(--fr5-border);
  background: #fff;
}
.wb23-project-sticky .btn { width: 100%; }
.wb23-project-highlights { border-radius: 0; }
.wb23-section-title > span { color: var(--fr5-blue); }
.wb23-proposal-list > article,
.wb23-proposal-preview,
.wb23-proposal-composer { border-color: var(--fr5-border); }
.choice-chip-grid button,
.project-stepper > *,
.project-guest-note,
.wb26-builder-fields > *,
.wb26-draft-list,
.wb26-proposal-preview,
.wb26-pricing-result { border-radius: 3px; }

.wb24-workspace,
.wb26-tool-shell,
.enterprise-shell { max-width: 1220px; margin-inline: auto; }
.wb24-workspace-grid > .card,
.wb24-messages,
.wb24-milestone,
.wb24-files,
.wb24-financial { border-radius: 3px; box-shadow: none; }
.wb24-section-head { border-radius: 3px; }
.wb24-message-list { border-radius: 2px; }
.wb26-builder-fields,
.wb26-proposal-preview,
.wb26-pricing-result { border: 1px solid var(--fr5-border); background: #fff; }
.wb28-proposal-empty > span { border-radius: 3px; }
table { border-collapse: collapse; }
th { background: #f5f7f9; font-size: 14px; font-weight: 750; }
th, td { padding: 10px 12px; border-bottom: 1px solid var(--fr5-border-soft); }
tr:hover td { background: #fbfcfd; }
.rounded-xl { border-radius: 4px; }
.rounded-2xl { border-radius: 5px; }
.rounded-3xl { border-radius: 6px; }

.dark .auth-shell,
.dark .wb23-project-header,
.dark .wb23-project-sticky,
.dark .wb24-workspace-summary,
.dark .wb26-builder-fields,
.dark .wb26-proposal-preview,
.dark .wb26-pricing-result { background: var(--wb-bg-elevated); }

@media (max-width: 760px) {
  .auth-shell { margin-block: 22px 44px; }
  .auth-form-wrap { padding: 24px 20px 28px; }
  .wb23-project-sticky { position: static; }
}
.auth-page.wb21-auth-page {
  align-items: flex-start;
  justify-content: center;
}
.auth-page.wb21-auth-page .auth-form-wrap.wb21-auth-form-wrap {
  margin: 0;
}
.auth-page.wb21-auth-page .auth-form-panel { width: 100%; }
.auth-security-summary { margin-block: 12px 18px; }

.fr5-dashboard-projects { padding: 0; overflow: hidden; }
.fr5-dashboard-projects-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  border-bottom: 1px solid var(--fr5-border-soft);
}
.fr5-dashboard-projects-head h2 { margin: 2px 0 0; }
.fr5-dashboard-tabs {
  display: flex;
  border-bottom: 1px solid var(--fr5-border);
  background: #fff;
  overflow-x: auto;
}
.fr5-dashboard-tabs button {
  padding: 0 2px;
  color: #647180;
  border: 0;
  border-bottom: 3px solid transparent;
  background: transparent;
  white-space: nowrap;
  font: inherit;
  font-weight: 650;
  cursor: pointer;
}
.fr5-dashboard-tabs button:hover { color: var(--fr5-blue); }
.fr5-dashboard-tabs button.is-active { color: var(--fr5-blue); border-bottom-color: var(--fr5-blue); }
.fr5-dashboard-project-list { background: #fff; }
.fr5-dashboard-project-row {
  display: grid;
  grid-template-columns: minmax(260px,1fr) minmax(120px,.38fr) 90px minmax(145px,.42fr) auto;
  align-items: center;
  border-bottom: 1px solid var(--fr5-border-soft);
}
.fr5-dashboard-project-row:last-child { border-bottom: 0; }
.fr5-dashboard-project-row:hover { background: #f9fbfc; }
.fr5-dashboard-project-main { display: flex; min-width: 0; align-items: center; gap: 9px; }
.fr5-dashboard-project-title { min-width: 0; color: var(--fr5-ink); font-size: .94rem; font-weight: 750; text-decoration: none; }
.fr5-dashboard-project-title:hover { color: var(--fr5-blue); }
.fr5-dashboard-status {
  flex: 0 0 auto;
  padding: 3px 7px;
  color: #536171;
  border: 1px solid #d6dce3;
  border-radius: 2px;
  background: #f7f9fa;
  font-size: 14px;
  font-weight: 700;
}
.fr5-dashboard-status--open { color: #0873a7; border-color: #b9deef; background: #edf8fd; }
.fr5-dashboard-status--in_progress { color: #856000; border-color: #e7d99e; background: #fffbea; }
.fr5-dashboard-status--completed { color: #247447; border-color: #bfe0cc; background: #eff9f3; }
.fr5-dashboard-project-stat { display: grid; gap: 3px; }
.fr5-dashboard-project-stat small { font-size: 14px; }
.fr5-dashboard-project-stat strong,
.fr5-dashboard-project-stat span { color: #303b47; font-size: 14px; font-weight: 650; }
.fr5-dashboard-project-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  border-radius: 2px;
  font-size: 14px;
  font-weight: 750;
  text-decoration: none;
}
.fr5-dashboard-project-action:hover { border-color: #087fbb; }
.fr5-dashboard-empty { padding: 32px 20px; text-align: center; }
.fr5-dashboard-empty p { margin: 8px auto 14px; color: var(--fr5-muted); }

@media (max-width: 760px) {
  .auth-page.wb21-auth-page .auth-form-wrap.wb21-auth-form-wrap { width: 100%; }
  .fr5-dashboard-projects-head { align-items: flex-start; padding: 15px; }
  .fr5-dashboard-projects-head .btn { padding-inline: 10px; font-size: 14px; }
  .fr5-dashboard-tabs { gap: 18px; padding-inline: 15px; }
  .fr5-dashboard-project-row {
    grid-template-columns: minmax(0,1fr) auto;
    gap: 10px 14px;
  }
  .fr5-dashboard-project-main { grid-column: 1 / -1; }
  .fr5-dashboard-project-stat { display: flex; align-items: baseline; gap: 5px; }
  .fr5-dashboard-project-stat:nth-of-type(3) { display: none; }
  .fr5-dashboard-project-action { grid-column: 2; grid-row: 2 / span 2; align-self: center; }
}

body { color: var(--fr6-ink); background: var(--fr6-canvas); }
.public-content,
.private-content { padding-top: 18px; }
.site-header { position: sticky; top: 0; z-index: 70; }
.site-header-inner { min-height: 52px; }
.v17-nav-brand { flex: 0 0 auto; }
.site-header .brand-lockup { min-width: 154px; gap: 9px; }
.site-header .brand-wordmark strong { font-size: 1.05rem; }
.site-header .brand-wordmark small { display: none; }
.site-nav-actions { gap: 6px; }
.site-icon-button,
.account-trigger { min-height: 36px; }
.desktop-header-search { border: 0; background: transparent; }
.desktop-header-search:hover { background: #f2f4f6; }
.desktop-locale-toggle { min-height: 34px; }
.v17-login-link { padding-inline: 10px; }
.site-cta { min-height: 36px; padding-inline: 14px; }
.fr5-subnav { min-height: 36px; background: var(--fr6-navy); }
.fr5-subnav-inner,
.fr5-subnav nav { min-height: 36px; }
.fr5-subnav a { min-height: 36px; padding-inline: 12px; }
.fr5-subnav .fr5-subnav-cta { background: var(--fr6-pink); }
.fr5-subnav .fr5-subnav-cta:hover { background: var(--fr6-pink-hover); }
.wb21-projects-page > .page-header,
.wb23-freelancers-page > .page-header,
.dashboard-v206 > .page-header,
.project-wizard-page > .page-header,
.wb24-workspace > .page-header,
.enterprise-shell > .page-header,
.wb26-tool-shell > .page-header,
.page-header {
  margin: 0 0 14px;
  padding: 12px 0 14px;
  color: var(--fr6-ink);
  border: 0;
  border-bottom: 1px solid var(--fr6-line);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.wb21-projects-page > .page-header h1,
.wb23-freelancers-page > .page-header h1,
.dashboard-v206 > .page-header h1,
.project-wizard-page > .page-header h1,
.wb24-workspace > .page-header h1,
.enterprise-shell > .page-header h1,
.wb26-tool-shell > .page-header h1,
.page-header h1 { color: var(--fr6-ink); font-size: clamp(1.45rem,1.9vw,1.85rem); line-height: 1.32; }
.wb21-projects-page > .page-header p,
.wb23-freelancers-page > .page-header p,
.dashboard-v206 > .page-header p,
.project-wizard-page > .page-header p,
.wb24-workspace > .page-header p,
.enterprise-shell > .page-header p,
.wb26-tool-shell > .page-header p,
.page-header p { color: var(--fr6-muted); max-width: 760px; line-height: 1.7; }
.wb21-projects-page > .page-header small,
.wb23-freelancers-page > .page-header small,
.dashboard-v206 > .page-header small,
.project-wizard-page > .page-header small { color: var(--fr6-muted); }
.page-header-eyebrow,
.section-kicker { color: var(--fr6-blue); font-size: 14px; font-weight: 700; }
.page-header-actions { align-self: center; }
.card,
.surface-panel,
.card-soft,
.market-card,
.wb23-content-section,
.wb23-profile-section,
.wb23-profile-side-section,
.enterprise-section { border-color: var(--fr6-line); border-radius: 3px; box-shadow: none; }
.card:hover,
.market-card:hover,
.blog-card:hover,
.service-card:hover,
.admin-module-card:hover { box-shadow: none; }
input,
textarea,
select { border-radius: 2px; }
.site-footer { margin-top: 34px; background: var(--fr6-navy); }
.wb21-footer-main { gap: 28px; padding-block: 30px 24px; }
.wb21-footer-brand p { max-width: 360px; margin-top: 10px; line-height: 1.7; }
.wb21-footer-links { gap: 28px; }
.wb21-footer-links section h2 { margin-bottom: 10px; font-size: 14px; }
.wb21-footer-links section div { display: grid; gap: 7px; }
.wb21-footer-actions { align-self: start; gap: 8px; }
.wb21-footer-actions > span { color: rgba(255,255,255,.72); font-size: 14px; }
.wb21-footer-social a { width: 34px; height: 34px; border-radius: 2px; }
.wb21-footer-bottom { min-height: 48px; padding-block: 12px; }

@media (max-width: 900px) {
  .desktop-theme-toggle { display: none; }
  .fr5-subnav { display: none; }
  .site-header-inner { min-height: 54px; }
  .site-header .brand-lockup { min-width: auto; }
  .public-content,
  .private-content { padding-top: 12px; }
}

@media (max-width: 760px) {
  .page-header,
  .wb21-projects-page > .page-header,
  .wb23-freelancers-page > .page-header,
  .dashboard-v206 > .page-header,
  .project-wizard-page > .page-header,
  .wb24-workspace > .page-header,
  .enterprise-shell > .page-header,
  .wb26-tool-shell > .page-header { margin: 0 0 10px; padding: 8px 0 12px; }
  .page-header h1,
  .wb21-projects-page > .page-header h1,
  .wb23-freelancers-page > .page-header h1,
  .dashboard-v206 > .page-header h1,
  .project-wizard-page > .page-header h1 { font-size: 1.35rem; }
  .page-header-actions { width: 100%; }
  .page-header-actions > * { flex: 1 1 auto; }
  .wb21-footer-main { padding-block: 24px 18px; }
}
.fr5-market-sidebar { top: 102px; }
.wb21-project-filters > *,
.wb23-expert-filter > * { padding-inline: 12px; }
.wb21-filter-primary,
.wb21-filter-advanced,
.wb23-filter-grid { gap: 8px; padding-block: 12px; }
.wb21-filter-actions,
.wb23-expert-filter footer { padding-block: 10px; }

.project-index-card { grid-template-columns: minmax(0,1fr) 160px; gap: 16px; padding: 15px 16px; }
.project-index-card h2 { margin: 5px 0 4px; font-size: 1rem; line-height: 1.55; }
.project-index-card p { margin-bottom: 7px; line-height: 1.58; }
.project-index-tags { gap: 5px; }
.project-index-tags span,
.category-pill { padding: 3px 6px; border: 1px solid #e0e4e8; background: #f6f7f8; color: #596573; }
.project-index-meta { margin-top: 7px; gap: 14px; }
.project-index-side { gap: 8px; padding-inline-start: 14px; }
.fr5-project-commercial { gap: 3px; text-align: start; }
.fr5-project-commercial strong { font-size: .94rem; }
.fr6-row-action {
  display: inline-flex;
  min-height: 34px;
  align-items: center;
  justify-content: flex-start;
  gap: 5px;
  font-size: 14px;
  font-weight: 750;
  text-decoration: none;
}
.fr6-row-action:hover { color: var(--fr6-blue-hover); text-decoration: underline; text-underline-offset: 3px; }
.wb21-save-link { min-height: 30px; justify-content: flex-start; color: #6b7683; font-size: 14px; }
.wb23-freelancer-card { padding: 15px 16px; }
.wb23-freelancer-card > header { grid-template-columns: 58px minmax(0,1fr); gap: 12px; }
.wb23-avatar-lg { width: 54px; height: 54px; }
.wb23-freelancer-identity > div:first-child { gap: 7px; }
.wb23-freelancer-identity h2 { font-size: 1rem; line-height: 1.45; }
.wb23-freelancer-identity > p { margin-block: 3px 5px; color: #566270; line-height: 1.55; }
.wb23-freelancer-submeta { gap: 5px 11px; }
.wb23-freelancer-availability { min-height: 24px; padding: 2px 6px; border: 0; background: transparent; }
.wb23-freelancer-metrics {
  grid-template-columns: repeat(4,minmax(0,1fr));
  margin-block: 10px 8px;
  border-block: 1px solid var(--fr6-line-soft);
  background: transparent;
}
.wb23-freelancer-metrics > div { min-height: 62px; padding: 9px 10px; border-inline-end: 1px solid var(--fr6-line-soft); }
.wb23-freelancer-metrics > div:last-child { border-inline-end: 0; }
.wb23-freelancer-metrics svg { color: #7b8692; }
.wb23-chip-row { gap: 5px; }
.wb23-chip-row > span { background: #f4f5f6; }
.fr6-talent-actions { min-height: 38px; align-items: center; gap: 12px; }
.fr6-talent-actions .fr6-invite-button { min-height: 34px; padding-inline: 10px; }
.wb23-profile-hero { min-height: 0; }
.wb23-profile-hero-content { min-height: 0; }
.profile-avatar-large { width: 82px; height: 82px; min-width: 82px; min-height: 82px; }
.wb23-profile-title h1 { font-size: 1.55rem; }
.wb23-profile-title p { margin-top: 2px; max-width: 700px; }
.wb23-profile-hero .profile-quick-meta { margin-top: 8px; gap: 6px 12px; }
.wb23-profile-hero .profile-quick-meta span { min-height: 24px; padding: 0; border: 0; background: transparent; }
.wb23-profile-primary-action { margin-inline-start: auto; }
.wb23-profile-primary-action .btn { min-height: 36px; }
.wb23-profile-primary-action .btn-ghost { min-height: 34px; }
.wb23-profile-scoreboard { border-top: 0; background: #fff; }
.wb23-profile-scoreboard > div { min-height: 78px; padding: 10px 12px; }
.wb23-profile-scoreboard strong { font-size: 1rem; }
.wb23-profile-layout { grid-template-columns: minmax(0,1fr) 285px; gap: 16px; margin-top: 16px; }
.wb23-profile-section { padding: 16px; }
.wb23-profile-aside { display: grid; gap: 10px; }
.wb23-profile-side-section,
.wb23-hire-panel { padding: 14px; }
.wb23-hire-panel { border-top: 3px solid var(--fr6-blue); }
.wb23-portfolio-grid article { overflow: hidden; border: 1px solid var(--fr6-line); }
.portfolio-placeholder {
  display: grid;
  min-height: 150px;
  place-content: center;
  gap: 7px;
  color: #6f7b88;
  border-bottom: 1px dashed #d8dde3;
  background: linear-gradient(180deg,#fafbfc,#f3f5f7);
}
.wb23-project-layout { grid-template-columns: minmax(0,1fr) 300px; gap: 16px; margin-top: 14px; }
.wb23-project-content { gap: 0; border: 1px solid var(--fr6-line); background: #fff; }
.wb23-project-content > .wb23-content-section {
  margin: 0;
  padding: 16px 18px;
  border: 0;
  border-bottom: 1px solid var(--fr6-line-soft);
  border-radius: 0;
  background: #fff;
}
.wb23-project-content > .wb23-content-section:last-child { border-bottom: 0; }
.wb23-project-header { padding: 18px; border: 1px solid var(--fr6-line); border-top: 3px solid var(--fr6-blue); }
.wb23-project-header h1 { font-size: clamp(1.45rem,2vw,1.85rem); }
.wb23-project-highlights { margin-top: 12px; border-block: 1px solid var(--fr6-line-soft); background: #fafbfc; }
.wb23-project-sticky { top: 102px; padding: 14px; border-radius: 2px; }
.wb23-project-sticky > section > strong { font-size: 1.02rem; }
.wb23-project-sticky > nav { margin-block: 12px; padding-block: 10px; }
.wb23-project-sticky > nav a { min-height: 32px; padding: 5px 4px; border-radius: 0; }
.wb23-project-sticky > nav a:hover { background: transparent; text-decoration: underline; text-underline-offset: 3px; }
.wb23-proposal-list { gap: 0; border: 1px solid var(--fr6-line); }
.wb23-proposal-list > article { border: 0; border-bottom: 1px solid var(--fr6-line-soft); border-radius: 0; }
.wb23-proposal-list > article:last-child { border-bottom: 0; }
.empty-state-v13 { min-height: 0; padding: 24px 18px; }
.empty-state-icon { width: 42px; height: 42px; }

@media (max-width: 980px) {
  .fr5-market-sidebar { position: static; }
  .wb23-profile-layout,
  .wb23-project-layout { grid-template-columns: 1fr; }
  .wb23-profile-primary-action { margin-inline-start: 0; }
  .wb23-project-sticky { position: static; }
}

@media (max-width: 760px) {
  .project-index-card { padding: 13px 14px; }
  .project-index-side { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
  .fr5-project-commercial { margin: 0; }
  .wb23-freelancer-card { padding: 13px 14px; }
  .wb23-freelancer-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .wb23-freelancer-metrics > div:nth-child(2) { border-inline-end: 0; }
  .wb23-freelancer-metrics > div:nth-child(-n+2) { border-bottom: 1px solid var(--fr6-line-soft); }
  .fr6-talent-actions { justify-content: space-between; }
  .wb23-profile-hero-content { padding: 14px; }
  .profile-avatar-large { width: 70px; height: 70px; min-width: 70px; min-height: 70px; }
  .wb23-profile-scoreboard { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .wb23-profile-scoreboard > div { min-height: 70px; }
  .wb23-project-content > .wb23-content-section { padding: 14px; }
}
.dashboard-v206 { gap: 12px; }
.dashboard-priority-section {
  padding: 0;
  overflow: hidden;
  border: 1px solid var(--fr6-line);
  border-radius: 2px;
  background: #fff;
}
.dashboard-priority-section > header { min-height: 48px; padding: 9px 14px; border-bottom: 1px solid var(--fr6-line-soft); }
.dashboard-priority-section h2 { font-size: 1.06rem; }
.dashboard-action-list { margin: 0; gap: 0; }
.dashboard-action-list > * {
  min-height: 50px;
  padding: 9px 14px;
  border: 0;
  border-bottom: 1px solid var(--fr6-line-soft);
  border-inline-start: 3px solid transparent;
  border-radius: 0;
  box-shadow: none;
}
.dashboard-action-list > *:last-child { border-bottom: 0; }
.dashboard-action--urgent { border-inline-start-color: #dc2626; }
.dashboard-action--warning { border-inline-start-color: #d97706; }
.dashboard-action--normal { border-inline-start-color: var(--fr6-blue); }
.dashboard-action-icon { width: 32px; height: 32px; border-radius: 2px; }
.dashboard-clear { min-height: 52px; margin: 0; padding: 9px 14px; }

.dashboard-metrics {
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid var(--fr6-line);
  border-radius: 2px;
  background: #fff;
}
.dashboard-metric { min-height: 74px; padding: 11px 13px; border: 0; border-inline-end: 1px solid var(--fr6-line-soft); background: #fff; }
.dashboard-metric:last-child { border-inline-end: 0; }
.dashboard-metric-icon { width: 30px; height: 30px; border-radius: 2px; background: #f2f7fa; color: var(--fr6-blue); }
.dashboard-metric strong { font-size: 1.18rem; }
.dashboard-metric small { margin-top: 2px; color: #7a8490; }

.fr5-dashboard-projects { border-radius: 2px; }
.fr5-dashboard-projects-head { padding: 13px 15px 9px; }
.fr5-dashboard-projects-head h2 { font-size: 1.12rem; }
.fr5-dashboard-tabs { gap: 18px; padding-inline: 15px; }
.fr5-dashboard-tabs button { min-height: 38px; }
.fr5-dashboard-project-row { min-height: 66px; padding: 10px 15px; gap: 14px; }
.fr5-dashboard-project-action {
  min-height: 30px;
  padding: 0;
  color: var(--fr6-blue);
  border: 0;
  background: transparent;
}
.fr5-dashboard-project-action:hover { color: var(--fr6-blue-hover); background: transparent; text-decoration: underline; text-underline-offset: 3px; }

.dashboard-middle-grid { gap: 10px; }
.dashboard-middle-grid > .surface-panel { border-radius: 2px; }
.onboarding-checklist,
.dashboard-finance { padding: 14px; }
.onboarding-checklist header,
.dashboard-finance > header { margin-bottom: 8px; }
.onboarding-items { gap: 0; border-top: 1px solid var(--fr6-line-soft); }
.onboarding-items > a { min-height: 46px; padding: 8px 2px; border-bottom: 1px solid var(--fr6-line-soft); border-radius: 0; }
.onboarding-items > a:last-child { border-bottom: 0; }
.dashboard-finance dl { gap: 0; border-top: 1px solid var(--fr6-line-soft); }
.dashboard-finance dl > div { min-height: 42px; padding: 8px 0; border-bottom: 1px solid var(--fr6-line-soft); }
.dashboard-finance dl > div:last-child { border-bottom: 0; }

.wb26-referral-card { gap: 10px; padding: 13px 14px; }
.wb26-referral-card > header { align-items: center; }
.wb26-referral-card > header p { margin-top: 2px; line-height: 1.55; }
.wb26-referral-card > header > svg { width: 22px; height: 22px; color: #7a8591; }
.wb26-referral-link { grid-template-columns: minmax(0,1fr) auto; gap: 6px; }
.wb26-referral-link input { min-height: 36px; }
.wb26-referral-link .btn-outline { min-height: 36px; }
.wb26-share-row { gap: 4px; }
.wb26-share-row button { min-height: 32px; padding-inline: 8px; border-radius: 2px; }
.wb26-referral-metrics { gap: 0; border-block: 1px solid var(--fr6-line-soft); }
.wb26-referral-metrics > div { padding: 8px 10px; border: 0; border-inline-end: 1px solid var(--fr6-line-soft); border-radius: 0; background: transparent; }
.wb26-referral-metrics > div:last-child { border-inline-end: 0; }
.wb26-referral-metrics dd { font-size: 1rem; }

.dashboard-navigation-grid { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 0; border: 1px solid var(--fr6-line); background: #fff; }
.dashboard-nav-group { padding: 13px 15px; border: 0; border-inline-end: 1px solid var(--fr6-line-soft); border-radius: 0; }
.dashboard-nav-group:last-child { border-inline-end: 0; }
.dashboard-nav-group h2 { margin-bottom: 6px; font-size: 1rem; }
.dashboard-nav-group > div { display: grid; gap: 0; }
.dashboard-nav-group > div > a { min-height: 44px; padding: 7px 0; border-bottom: 1px solid var(--fr6-line-soft); border-radius: 0; }
.dashboard-nav-group > div > a:last-child { border-bottom: 0; }
.dashboard-nav-group > div > a:hover { background: transparent; color: var(--fr6-blue); }
.dashboard-recent { padding: 0; overflow: hidden; border-radius: 2px; }
.dashboard-recent > header { padding: 12px 14px; border-bottom: 1px solid var(--fr6-line-soft); }
.dashboard-recent > div > a { min-height: 54px; padding: 9px 14px; }
.wb24-workspace { gap: 10px; }
.wb24-workspace-summary {
  grid-template-columns: 120px 125px minmax(160px,.6fr) minmax(260px,1.4fr);
  gap: 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid var(--fr6-line);
  border-radius: 2px;
  background: #fff;
}
.wb24-workspace-summary > div { min-height: 60px; padding: 9px 12px; border: 0; border-inline-end: 1px solid var(--fr6-line-soft); border-radius: 0; background: transparent; }
.wb24-workspace-summary > div:last-child { border-inline-end: 0; }
.wb24-workspace-summary span { color: #7a8490; }
.wb24-workspace-summary strong { font-size: 14px; }
.wb24-workspace-tabs {
  min-height: 40px;
  gap: 22px;
  padding: 0 12px;
  border: 1px solid var(--fr6-line);
  border-top: 0;
  border-radius: 0;
  background: #fff;
}
.wb24-workspace-tabs button { min-height: 40px; padding: 0 2px; border-bottom: 3px solid transparent; color: #687482; }
.wb24-workspace-tabs button.is-active { color: var(--fr6-blue); border-bottom-color: var(--fr6-blue); background: transparent; }
.wb24-workspace-grid { grid-template-columns: minmax(0,1.55fr) minmax(260px,.45fr); gap: 10px; }
.wb24-workspace-grid > .card,
.wb24-messages,
.wb24-milestone,
.wb24-files { padding: 14px; border-radius: 2px; }
.wb24-overview-main h2,
.wb24-workspace .card > h2 { margin-bottom: 8px; font-size: 1.05rem; }
.wb24-participants { gap: 0; border: 1px solid var(--fr6-line-soft); }
.wb24-participants article { padding: 10px 12px; border: 0; border-inline-end: 1px solid var(--fr6-line-soft); border-radius: 0; }
.wb24-participants article:last-child { border-inline-end: 0; }
.wb24-progress { margin-top: 10px; }
.wb24-next { margin-top: 10px; padding: 10px 11px; border-radius: 2px; }
.wb24-empty { min-height: 0; padding: 14px; border-radius: 2px; }
.wb24-workspace-grid > .card:last-child > .wb24-empty { min-height: 0; padding: 10px 0; border: 0; }
.wb24-message-list { background: #fafbfc; }
.wb24-message-list article { border-radius: 6px; }
.wb24-composer { border-radius: 2px; }
.wb24-milestone { border-bottom: 1px solid var(--fr6-line-soft); }
.wb24-files article { min-height: 48px; }
.wb24-financial > div { min-height: 42px; }

@media (max-width: 980px) {
  .dashboard-navigation-grid { grid-template-columns: 1fr; }
  .dashboard-nav-group { border-inline-end: 0; border-bottom: 1px solid var(--fr6-line-soft); }
  .dashboard-nav-group:last-child { border-bottom: 0; }
  .wb24-workspace-summary { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .wb24-workspace-summary > div:nth-child(2) { border-inline-end: 0; }
  .wb24-workspace-summary > div:nth-child(-n+2) { border-bottom: 1px solid var(--fr6-line-soft); }
  .wb24-workspace-grid { grid-template-columns: 1fr; }
}

@media (max-width: 760px) {
  .dashboard-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .dashboard-metric:nth-child(2) { border-inline-end: 0; }
  .dashboard-metric:nth-child(-n+2) { border-bottom: 1px solid var(--fr6-line-soft); }
  .fr5-dashboard-project-row { padding: 11px 13px; }
  .wb26-referral-link { grid-template-columns: 1fr; }
  .wb26-referral-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .wb26-referral-metrics > div:nth-child(2) { border-inline-end: 0; }
  .wb26-referral-metrics > div:nth-child(-n+2) { border-bottom: 1px solid var(--fr6-line-soft); }
  .wb24-workspace-summary { grid-template-columns: 1fr; }
  .wb24-workspace-summary > div { border-inline-end: 0; border-bottom: 1px solid var(--fr6-line-soft); }
  .wb24-workspace-summary > div:last-child { border-bottom: 0; }
  .wb24-workspace-tabs { gap: 16px; padding-inline: 10px; }
}
.project-wizard-page { gap: 10px; }
.project-stepper {
  display: flex;
  gap: 0;
  margin: 0 0 12px;
  overflow-x: auto;
  border-bottom: 1px solid var(--fr6-line);
  background: transparent;
}
.project-stepper > * {
  flex: 1 1 0;
  min-width: 130px;
  min-height: 48px;
  padding: 7px 10px;
  border: 0;
  border-bottom: 3px solid transparent;
  border-radius: 0;
  background: transparent;
  text-align: start;
}
.project-stepper > * > span { width: 24px; height: 24px; border-radius: 50%; }
.project-stepper > * > div strong { font-size: 14px; }
.project-stepper .active { color: var(--fr6-blue); border-bottom-color: var(--fr6-blue); background: transparent; }
.project-stepper button.done { color: #2f7a4f; }
.project-wizard-layout { grid-template-columns: minmax(0,1fr) 250px; gap: 14px; }
.project-wizard-card { padding: 18px; border-radius: 2px; }
.wizard-section { gap: 13px; }
.wizard-section > header { gap: 10px; padding-bottom: 9px; border-bottom: 1px solid var(--fr6-line-soft); }
.wizard-section > header > span { width: 30px; height: 30px; border-radius: 2px; }
.wizard-fields { gap: 12px; }
.choice-chip-grid,
.budget-preset-grid { gap: 6px; }
.choice-chip-grid button,
.budget-preset-grid button { min-height: 40px; padding: 8px 10px; border-radius: 2px; }
.project-guest-note { padding: 8px 10px; border-radius: 2px; }
.wizard-aside { top: 102px; gap: 8px; }
.wizard-aside .card,
.wizard-aside .draft-card { padding: 12px; border-radius: 2px; }
.wizard-aside .h-3 { height: 6px; }
.wizard-actions { margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--fr6-line-soft); }
.wb26-tool-grid { grid-template-columns: minmax(0,1.05fr) minmax(360px,.95fr); gap: 14px; }
.wb26-pricing-form { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 11px 12px; padding: 16px; }
.wb26-pricing-form label:nth-child(1),
.wb26-pricing-form label:nth-child(6) { grid-column: 1 / -1; }
.wb26-pricing-result { position: sticky; top: 102px; padding: 16px; border-top: 3px solid var(--fr6-blue); }
.wb26-pricing-result > h2 { margin: 6px 0 12px; color: var(--fr6-ink); font-size: clamp(1.7rem,2.7vw,2.35rem); }
.wb26-pricing-result dl { gap: 0; border-block: 1px solid var(--fr6-line-soft); }
.wb26-pricing-result dl > div { min-height: 42px; padding: 8px 0; border-bottom: 1px solid var(--fr6-line-soft); }
.wb26-pricing-result dl > div:last-child { border-bottom: 0; }
.wb26-pricing-result p { margin: 10px 0; line-height: 1.65; }
.wb26-builder-grid { grid-template-columns: minmax(0,1.28fr) minmax(340px,.72fr); gap: 14px; }
.wb26-builder-grid > section:first-child { padding: 16px; }
.wb26-builder-fields { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 11px 12px; }
.wb26-builder-field { min-width: 0; }
.wb26-builder-field--wide { grid-column: 1 / -1; }
.wb26-builder-fields textarea { min-height: 92px; resize: vertical; }
.wb26-builder-actions { margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--fr6-line-soft); }
.wb26-builder-actions .btn { min-width: 110px; }
.wb26-proposal-preview { top: 102px; min-height: 360px; padding: 16px; border-top: 3px solid var(--fr6-blue); }
.wb26-proposal-preview.is-empty { min-height: 360px; align-content: start; }
.wb28-proposal-empty { min-height: 300px; place-content: center; }
.wb30-proposal-skeleton { display: grid; width: min(100%,300px); gap: 8px; margin-top: 14px; }
.wb30-proposal-skeleton i { display: block; height: 9px; border-radius: 2px; background: #e8ebef; }
.wb30-proposal-skeleton i:nth-child(2) { width: 84%; }
.wb30-proposal-skeleton i:nth-child(3) { width: 92%; }
.wb30-proposal-skeleton i:nth-child(4) { width: 62%; }
.wb26-draft-list { border-radius: 2px; }
.auth-form-panel { border-radius: 2px; }
.auth-mobile-brand { padding-bottom: 14px; border-bottom: 1px solid var(--fr6-line-soft); }
.auth-form-head { margin-bottom: 16px; }
.auth-form-head p { line-height: 1.65; }
.auth-security-summary,
.auth-privacy-note { padding: 9px 10px; border-radius: 2px; background: #f8f9fa; }
.auth-legal { margin-top: 16px; padding-top: 12px; border-top: 1px solid var(--fr6-line-soft); }
.wb27-onboarding { max-width: 760px; gap: 12px; }
.wb27-onboarding > .page-header { margin-bottom: 0; padding: 8px 0 12px; }
.wb27-onboarding-progress { height: 5px; margin: 0 0 22px; border-radius: 0; background: #e4e7eb; }
.wb27-onboarding-progress > span { border-radius: 0; background: var(--fr6-blue); }
.wb27-onboarding-progress > b { top: 10px; }
.wb27-onboarding-step { gap: 13px; padding: 16px 0; border: 0; border-radius: 0; box-shadow: none; }
.wb27-onboarding-step h2 { font-size: 1.35rem; }
.wb27-choice { gap: 6px; }
.wb27-choice button { min-height: 42px; border-radius: 2px; }
.wb27-choice button.active { color: var(--fr6-blue); border-color: var(--fr6-blue); box-shadow: inset 3px 0 0 var(--fr6-blue); }
.wb27-onboarding-actions { padding-top: 12px; }

@media (max-width: 980px) {
  .project-wizard-layout,
  .wb26-tool-grid,
  .wb26-builder-grid { grid-template-columns: 1fr; }
  .wizard-aside,
  .wb26-pricing-result,
  .wb26-proposal-preview { position: static; }
}

@media (max-width: 760px) {
  .project-stepper > * { min-width: 104px; min-height: 44px; padding: 6px 8px; }
  .project-wizard-card { padding: 14px; }
  .wizard-fields,
  .wb26-pricing-form,
  .wb26-builder-fields { grid-template-columns: 1fr; }
  .wb26-pricing-form label:nth-child(1),
  .wb26-pricing-form label:nth-child(6),
  .wb26-builder-field--wide { grid-column: auto; }
  .wb26-pricing-form,
  .wb26-builder-grid > section:first-child,
  .wb26-pricing-result,
  .wb26-proposal-preview { padding: 14px; }
  .wb26-proposal-preview.is-empty { min-height: 260px; }
  .wb28-proposal-empty { min-height: 220px; }
  .auth-page.wb21-auth-page { padding: 18px 10px 40px; }
  .auth-form-panel { padding: 20px 18px 22px; }
}
.dashboard-action-cta {
  min-height: 30px;
  padding: 0;
  border: 0;
  border-radius: 0;
  color: var(--fr6-blue);
  background: transparent;
  box-shadow: none;
  transform: none;
}
.dashboard-action-cta:hover {
  color: var(--fr6-blue-hover);
  background: transparent;
  box-shadow: none;
  transform: none;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.wb23-profile-primary-action .btn-ghost {
  color: #4f5b68;
  border-color: var(--fr6-line);
  background: #fff;
  box-shadow: none;
}
.wb23-profile-primary-action .btn-ghost:hover {
  color: var(--fr6-blue);
  border-color: #9fcde3;
  background: #f7fbfd;
}
.wb26-builder-fields { border: 0; background: transparent; }

@media (max-width: 760px) {
  .wb21-project-filters.is-compact .wb21-filter-primary,
  .wb21-project-filters.is-compact .wb21-filter-actions { display: none; }
  .wb21-project-filters.is-compact .wb21-filter-toolbar {
    min-height: 48px;
    margin: 0;
    padding: 8px 12px;
    border: 0;
  }
  .wb21-project-filters.is-compact .wb21-filter-toggle {
    padding: 6px 10px;
  }
  .wb21-project-filters.has-advanced .wb21-filter-primary,
  .wb21-project-filters.has-advanced .wb21-filter-actions { display: grid; }
  .wb23-profile-primary-action .btn-ghost { width: 100%; justify-content: center; }
  .wb26-builder-grid > section:first-child { border-radius: 3px; }
}
.site-header {
  border-bottom-color: rgba(196, 207, 220, .78);
  background: rgba(255, 255, 255, .94);
  backdrop-filter: blur(18px) saturate(1.25);
}
.brand-lockup { gap: 10px; }
.brand-mark,
.site-header .brand-mark {
  width: 42px;
  height: 42px;
  min-width: 42px;
  min-height: 42px;
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 12px;
  background:
    radial-gradient(circle at 77% 18%, rgba(245, 40, 145, .8) 0 4px, transparent 4.5px),
    linear-gradient(145deg, #081326 0%, #132b62 58%, #087fb8 100%);
  box-shadow: 0 9px 24px rgba(7, 18, 36, .2), inset 0 1px 0 rgba(255,255,255,.15);
}
.brand-mark-spark { display: none; }
.brand-wordmark strong { font-weight: 900; letter-spacing: -.035em; }
[data-locale="en"] .brand-wordmark strong { letter-spacing: .055em; }
.site-nav-link { border-radius: 8px; }
.site-cta { border-radius: 8px; }
.wb211-popular {
  display: flex;
  width: min(100%, 650px);
  flex-wrap: wrap;
  align-items: center;
  gap: 7px 10px;
  margin-top: 12px;
  color: rgba(255,255,255,.62);
  font-size: 14px;
}
.wb211-popular button {
  min-height: 28px;
  padding: 2px 0;
  color: rgba(255,255,255,.88);
  border: 0;
  border-bottom: 1px solid rgba(255,255,255,.28);
  background: transparent;
  font-size: 14px;
}
.wb211-popular button:hover { color: #ff75c0; border-color: #ff75c0; }
.wb21-projects-page > .page-header,
.wb23-freelancers-page > .page-header {
  margin-bottom: 26px;
  padding-block: 42px;
  background:
    radial-gradient(circle at 88% 8%, rgba(245,40,145,.28), transparent 18rem),
    linear-gradient(110deg, #071224, #14366b 62%, #087fb8);
}
.wb21-projects-page > .page-header .page-header-content,
.wb23-freelancers-page > .page-header .page-header-content { align-items: center; }
.wb21-projects-page > .page-header h1,
.wb23-freelancers-page > .page-header h1 { color: #fff; font-size: clamp(2rem,3.6vw,3.15rem); line-height: 1.18; }
.wb21-projects-page > .page-header p,
.wb23-freelancers-page > .page-header p { max-width: 760px; color: rgba(255,255,255,.74); }
.wb21-projects-page > .page-header .page-header-eyebrow,
.wb23-freelancers-page > .page-header .page-header-eyebrow { color: #ff7ec5; }
.wb21-projects-page > .page-header .btn,
.wb23-freelancers-page > .page-header .btn { min-height: 48px; }
.fr5-market-layout { grid-template-columns: 260px minmax(0,1fr); gap: 20px; }
.wb21-project-filters,
.wb23-expert-filter {
  overflow: hidden;
  border-color: var(--wb211-line);
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(10,25,48,.05);
}
.fr5-market-results-head,
.wb23-expert-quick-search {
  min-height: 54px;
  padding: 11px 15px;
  border-color: var(--wb211-line);
  border-radius: 12px 12px 0 0;
  background: #f8fafc;
}
.project-index-grid,
.wb23-freelancer-list {
  overflow: hidden;
  border-color: var(--wb211-line);
  border-radius: 0 0 12px 12px;
  box-shadow: 0 10px 30px rgba(10,25,48,.05);
}
.project-index-card,
.wb23-freelancer-card { transition: background .2s ease, box-shadow .2s ease; }
.project-index-card:hover,
.wb23-freelancer-card:hover { position: relative; z-index: 1; background: #f8fbfd; box-shadow: inset 3px 0 0 var(--wb211-blue); }
html[dir="rtl"] .project-index-card:hover,
html[dir="rtl"] .wb23-freelancer-card:hover { box-shadow: inset -3px 0 0 var(--wb211-blue); }
.fr6-row-action { color: var(--wb211-blue-dark); }
.fr5-project-commercial span { color: #65717f; }
.wb23-avatar-lg { border-radius: 13px; }
.wb23-chip-row > span,
.project-index-tags span,
.category-pill { border-radius: 999px; }
.wb23-profile-hero {
  overflow: hidden;
  border: 0;
  border-radius: 16px;
  background:
    radial-gradient(circle at 88% 8%, rgba(245,40,145,.22), transparent 18rem),
    linear-gradient(120deg, #071224, #173c73);
  box-shadow: var(--wb211-shadow);
}
.wb23-profile-hero-content,
.dark .wb23-profile-hero-content { padding: 28px; color: #fff; background: transparent; }
.wb23-profile-title h1,
.wb23-profile-title p,
.wb23-profile-hero .profile-quick-meta,
.wb23-profile-hero .profile-quick-meta span,
.dark .wb23-profile-title h1,
.dark .wb23-profile-title p,
.dark .wb23-profile-hero .profile-quick-meta,
.dark .wb23-profile-hero .profile-quick-meta span { color: #fff; }
.profile-avatar-large { border: 3px solid rgba(255,255,255,.8); border-radius: 18px; box-shadow: 0 14px 32px rgba(0,0,0,.24); }
.wb23-profile-scoreboard {
  margin-top: 12px;
  overflow: hidden;
  border: 1px solid var(--wb211-line);
  border-radius: 13px;
  box-shadow: 0 8px 24px rgba(10,25,48,.05);
}
.wb23-profile-section,
.wb23-profile-side-section,
.wb23-hire-panel { border-radius: 12px; box-shadow: 0 8px 24px rgba(10,25,48,.05); }
.wb23-hire-panel { border-top-color: var(--wb211-pink); }
.wb23-portfolio-grid article { border-radius: 11px; }
.auth-page.wb21-auth-page {
  display: grid;
  width: min(calc(100% - 32px), 1180px);
  min-height: min(760px, calc(100dvh - 120px));
  grid-template-columns: minmax(420px,.86fr) minmax(0,1.14fr);
  margin: 26px auto 54px;
  padding: 0;
  overflow: hidden;
  border: 1px solid var(--wb211-line);
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 30px 80px rgba(7,18,36,.14);
}
.auth-page.wb21-auth-page .auth-form-wrap.wb21-auth-form-wrap {
  width: 100%;
  max-width: none;
  min-height: 100%;
  padding: 42px 48px;
  background: #fff;
}
.auth-form-panel { width: 100%; max-width: 470px; margin: auto; padding: 0; border: 0; background: transparent; }
.auth-mobile-brand { display: flex; margin-bottom: 30px; }
.auth-page .auth-aside,
.auth-page .wb21-auth-aside {
  position: relative;
  display: flex;
  min-height: 100%;
  flex-direction: column;
  justify-content: space-between;
  gap: 34px;
  padding: 44px;
  overflow: hidden;
  color: #fff;
  background:
    linear-gradient(0deg, rgba(4,10,22,.91), rgba(4,10,22,.38)),
    url('/images/marketplace/hero-marketplace-r15.webp') center / cover no-repeat;
  isolation: isolate;
}
.auth-page .auth-aside::after {
  position: absolute;
  z-index: -1;
  inset: 0;
  content: '';
  background: radial-gradient(circle at 84% 16%, rgba(245,40,145,.28), transparent 20rem);
}
.auth-aside h2 { max-width: 540px; margin: 12px 0; color: #fff; font-size: clamp(2rem,3vw,3.2rem); line-height: 1.2; }
.auth-aside p { max-width: 520px; color: rgba(255,255,255,.75); font-size: 1rem; }
.wb21-auth-points { display: grid; gap: 9px; margin: 0; padding: 0; list-style: none; }
.wb21-auth-points li {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 10px;
  padding: 12px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 11px;
  background: rgba(7,18,36,.5);
  backdrop-filter: blur(12px);
}
.wb21-auth-points li > svg { color: #ff65b7; }
.wb21-auth-points strong { color: #fff; }
.auth-form-head h1 { font-size: clamp(1.75rem,3vw,2.35rem); }
.auth-form input { border-radius: 9px; }
.auth-submit { border-radius: 9px; }

.dark .site-header { background: color-mix(in srgb,var(--wb-bg-elevated) 94%,transparent); }
.dark body,
.dark .app-shell { color: var(--fr6-ink); background-color: var(--fr6-canvas); }
.dark .brand-wordmark strong,
.dark .site-header .brand-wordmark strong { color: #edf2f7; }
.dark .project-index-card:hover,
.dark .wb23-freelancer-card:hover { background: var(--wb-bg-muted); }
.dark .wb23-chip-row > span,
.dark .wb23-chip-row-lg > span,
.dark .category-pill,
.dark .project-index-card .wb23-chip-row > span,
.dark .wb23-freelancer-card .wb23-chip-row > span {
  color: #dce4ed;
  border-color: #465568;
  background: #263241;
}
.dark .auth-page.wb21-auth-page,
.dark .auth-page.wb21-auth-page .auth-form-wrap.wb21-auth-form-wrap {
  color: var(--wb-text);
  border-color: var(--wb-border);
  background: var(--wb-bg-elevated);
}
.dark .auth-form-head h1,
.dark .auth-form-panel label { color: #edf2f7; }
.dark .auth-form-head p,
.dark .auth-footer,
.dark .auth-legal { color: #c2cbd7; }
.dark .auth-footer a,
.dark .auth-legal a,
.dark .auth-text-button { color: #8bc7ff; }
.dark .auth-divider span { background: var(--wb-bg-elevated); }
.dark .fr5-market-results-head,
.dark .wb23-expert-quick-search {
  color: #edf2f7;
  background: #1a2532;
}
.dark .fr5-market-results-head small { color: #c2cbd7; }
.dark .fr5-project-commercial span { color: #c2cbd7; }
.dark .auth-page .section-kicker { color: #8bc7ff; }
.dark .auth-security-summary,
.dark .auth-privacy-note,
.dark .auth-warning,
.dark .smart-captcha {
  color: #c2cbd7;
  border-color: #3a4859;
  background: #1a2532;
}
.dark .auth-security-summary strong { color: #edf2f7; }
.dark .auth-security-summary small { color: #c2cbd7; }
.dark .auth-form-panel .password-field button {
  color: #8bc7ff;
  background: #263241;
}
.dark .card table thead,
.dark .overflow-x-auto.card table thead { background: #202c3a; }
.dark .card table thead th,
.dark .overflow-x-auto.card table thead th {
  color: #dce4ed;
  background: #202c3a;
}
.dark .choice-chip-grid > button.is-selected,
.dark .budget-preset-grid > button.is-selected {
  color: #a8d8ff;
  border-color: #6ba7d7;
  background: #20364a;
}

@media (max-width: 980px) {
  .fr5-market-layout { grid-template-columns: 1fr; }
  .auth-page.wb21-auth-page { max-width: 600px; }
  .auth-page .auth-aside,
  .auth-page .wb21-auth-aside { display: none; }
}

@media (max-width: 760px) {
  .site-header .brand-mark { width: 38px; height: 38px; min-width: 38px; min-height: 38px; }
  .wb211-popular { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 3px; }
  .wb211-popular > * { flex: 0 0 auto; }
  .wb21-projects-page > .page-header,
  .wb23-freelancers-page > .page-header { margin-top: -12px; padding-block: 30px; }
  .wb21-project-filters { border-radius: 10px; }
  .project-index-grid,
  .wb23-freelancer-list { border-radius: 10px; }
  .auth-page.wb21-auth-page { min-height: auto; }
}

html,
body,
#root,
.app-shell,
.public-content,
.private-content,
.auth-layout-main { min-width: 0; max-width: 100%; }

html,
body { overflow-x: clip; }

img,
video,
canvas,
iframe { max-width: 100%; }

button,
input,
select,
textarea,
.card,
.surface-panel,
.page-header-copy { min-width: 0; }

.desktop-theme-toggle { display: inline-flex; }

.wb23-freelancers-page > .page-header .btn-ghost { display: inline-flex; color: #fff; border-color: rgba(255, 255, 255, .72); background: rgba(255, 255, 255, .08); }

.wb23-freelancers-page > .page-header .btn-ghost:hover { color: #fff; border-color: #fff; background: rgba(255, 255, 255, .16); }

:root:not(.dark) .wb23-home-expert header p,
:root:not(.dark) .wb23-home-expert dt { color: #475569; }

@media (min-width: 901px) {
  .wb23-filter-backdrop.is-open { display: none; pointer-events: none; }
}

html[dir='rtl'] .auth-form-panel .password-field > input { padding-right: 14px !important; padding-left: 82px !important; }

html[dir='rtl'] .auth-form-panel .password-field > button { right: auto; left: 7px; }

html[dir='ltr'] .auth-form-panel .password-field > input { padding-right: 82px !important; padding-left: 14px !important; }

html[dir='ltr'] .auth-form-panel .password-field > button { right: 7px; left: auto; }

.auth-form-panel .role-picker button { border: 1px solid var(--wb-border); border-radius: 12px; background: var(--wb-bg-elevated); }

.auth-form-panel .role-picker button.active,
.auth-form-panel .role-picker button[aria-pressed='true'] { border-color: var(--wb-primary); background: var(--wb-primary-soft); box-shadow: inset 3px 0 0 var(--wb-primary); }

html[dir='rtl'] .auth-form-panel .role-picker button.active,
html[dir='rtl'] .auth-form-panel .role-picker button[aria-pressed='true'] { box-shadow: inset -3px 0 0 var(--wb-primary); }

.overflow-x-auto,
.table-responsive { max-width: 100%; overscroll-behavior-inline: contain; -webkit-overflow-scrolling: touch; }

.section-toolbar > .flex { min-width: 0; flex-wrap: wrap; }

.section-toolbar > .flex > .btn-ghost { flex: 0 0 auto; max-width: 100%; }

.section-toolbar > .flex > select { min-width: 112px; flex: 1 1 112px; }

.wb23-conversation-list,
.wb23-conversation-list > a,
.wb23-conversation-main,
.wb23-conversation-main header,
.wb23-conversation-main header > div { min-width: 0; max-width: 100%; }

.wb23-conversation-main { overflow: hidden; }

.wb23-conversation-main p { max-width: 100%; overflow-wrap: anywhere; }

.wb23-conversation-main footer { display: flex; flex-wrap: wrap; gap: 6px 12px; }

.integration-card { display: block; min-width: 0; max-width: 100%; overflow: hidden; }

.integration-card > header { display: grid; min-width: 0; grid-template-columns: auto minmax(0, 1fr) auto; align-items: start; gap: 12px; }

.integration-card > header > div { min-width: 0; }

.integration-enable { margin-block: 16px; padding: 13px; border: 1px solid var(--wb-border); border-radius: 11px; background: var(--wb-bg-subtle); }

.integration-switch { position: relative; width: 100%; min-width: 0; align-items: center; justify-content: space-between; }

.integration-switch > span { display: grid; min-width: 0; flex: 1 1 auto; gap: 2px; }

.integration-switch > span small { overflow-wrap: anywhere; }

.integration-switch > input { position: absolute; width: 1px; height: 1px; opacity: 0; }

.integration-switch > i { position: relative; width: 46px; height: 26px; flex: 0 0 46px; border: 1px solid var(--wb-border-strong); border-radius: 999px; background: var(--wb-bg-muted); transition: background-color .16s ease, border-color .16s ease; }

.integration-switch > i::after { position: absolute; top: 3px; right: 3px; width: 18px; height: 18px; content: ''; border-radius: 50%; background: var(--wb-bg-elevated); box-shadow: 0 1px 4px rgba(15, 23, 42, .2); transition: transform .16s ease; }

.integration-switch > input:checked + i { border-color: var(--wb-primary); background: var(--wb-primary); }

.integration-switch > input:checked + i::after { transform: translateX(-20px); }

.integration-switch > input:focus-visible + i { outline: 3px solid color-mix(in srgb, var(--wb-primary) 32%, transparent); outline-offset: 2px; }

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

.integration-card > footer { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; margin-top: 18px; padding-top: 16px; border-top: 1px solid var(--wb-border); }

@media (max-width: 980px) {
  .auth-page.wb21-auth-page { grid-template-columns: minmax(0, 1fr); }
}

@media (max-width: 760px) {
  input,
  select,
  textarea { font-size: 16px; }

  .site-header { position: sticky; top: 0; z-index: 70; }
  .site-header-inner { width: calc(100% - 24px); min-height: 56px; }

  .public-content,
  .private-content { width: min(calc(100% - 24px), var(--wb-content)); }

  .wb21-projects-page > .page-header,
  .wb23-freelancers-page > .page-header { margin-inline: 0; padding: 26px 18px; overflow: hidden; }
  .wb21-projects-page > .page-header h1,
  .wb23-freelancers-page > .page-header h1 { max-width: 100%; font-size: clamp(1.75rem, 8.4vw, 2.15rem); line-height: 1.2; overflow-wrap: anywhere; text-wrap: balance; }
  .wb21-projects-page > .page-header p,
  .wb23-freelancers-page > .page-header p { font-size: .94rem; line-height: 1.75; }
  .wb21-projects-page > .page-header .page-header-actions,
  .wb23-freelancers-page > .page-header .page-header-actions { display: grid; grid-template-columns: 1fr; }
  .wb21-projects-page > .page-header .page-header-actions > *,
  .wb23-freelancers-page > .page-header .page-header-actions > * { width: 100%; }

  .project-index-card,
  .wb23-freelancer-card { overflow: hidden; }
  .project-index-card h2,
  .wb23-freelancer-card h2,
  .wb23-freelancer-card h3 { overflow-wrap: anywhere; }

  .wb23-conversation-list > a { width: 100%; grid-template-columns: 42px minmax(0, 1fr); gap: 10px; padding: 12px; }
  .wb23-conversation-list > a > aside { grid-column: 1 / -1; justify-self: end; }
  .wb23-conversation-main header { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; }
  .wb23-conversation-main header time { white-space: nowrap; }

  .integrations-page,
  .integration-workspace,
  .integration-card { min-width: 0; max-width: 100%; }
  .integration-tabs { flex-wrap: nowrap; max-width: 100%; overflow-x: auto; scroll-snap-type: x proximity; }
  .integration-tabs button { min-width: 190px; flex: 0 0 190px; scroll-snap-align: start; }
  .integration-card > header { grid-template-columns: 42px minmax(0, 1fr); }
  .integration-card > header .runtime-pill { grid-column: 1 / -1; width: fit-content; }
  .integration-form-grid { grid-template-columns: minmax(0, 1fr); }
  .integration-field,
  .integration-field input,
  .integration-field select,
  .integration-field textarea,
  .integration-secret { min-width: 0; max-width: 100%; }
  .integration-card > footer { display: grid; grid-template-columns: 1fr; }
  .integration-card > footer > button { width: 100%; }

  .auth-layout-main { padding: 0; }
  .auth-page.wb21-auth-page { width: min(calc(100% - 20px), 600px); margin: 10px auto 30px; border-radius: 16px; }
  .auth-page.wb21-auth-page .auth-form-wrap.wb21-auth-form-wrap { padding: 22px 18px 26px; }
  .auth-mobile-brand { margin-bottom: 20px; }
  .auth-form-head h1 { font-size: clamp(1.75rem, 8.5vw, 2.05rem); line-height: 1.25; text-wrap: balance; }
  .auth-form-head p { font-size: .94rem; line-height: 1.75; }
  .auth-security-summary,
  .auth-privacy-note { border-radius: 11px; }
  .auth-form-panel .role-picker { grid-template-columns: 1fr; gap: 8px; }
  .auth-form-panel .role-picker button { min-height: 72px; padding: 12px; }
  .auth-form-panel .role-picker small { line-height: 1.45; }
  .auth-label-row { align-items: baseline; flex-wrap: wrap; }
  .auth-legal { row-gap: 4px; }

  .page-header-content,
  .page-header-actions { min-width: 0; }
  .page-header-actions > a,
  .page-header-actions > button { min-height: 44px; }
}

@media (max-width: 380px) {
  .site-header-inner,
  .public-content,
  .private-content { width: calc(100% - 16px); }
  .auth-page.wb21-auth-page { width: calc(100% - 12px); }
  .auth-page.wb21-auth-page .auth-form-wrap.wb21-auth-form-wrap { padding-inline: 14px; }
}

@media (hover: none) and (pointer: coarse) {
  button,
  [role='button'] { min-height: 44px; }
}

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

.wb21-simple-process { border-block: 1px solid var(--wb-border); background: var(--wb-bg-subtle); }

.wb21-simple-process .wb26-section-head { margin-bottom: 22px; }

.wb21-simple-process ol {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.wb21-simple-process li {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 10px 12px;
  min-height: 132px;
  padding: 18px;
  border: 1px solid var(--wb-border);
  border-radius: var(--wb-radius-lg);
  background: var(--wb-bg-elevated);
}

.wb21-simple-process li > span {
  display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
  border-radius: 50%;
  color: #fff;
  background: var(--wb-primary);
  font-weight: 850;
}

.wb21-simple-process li > div { display: grid; align-content: start; gap: 5px; }

.wb21-simple-process li strong { color: var(--wb-text); font-size: 1rem; }

.wb21-simple-process li small { color: var(--wb-text-muted); font-size: .875rem; line-height: 1.75; }

.auth-page.wb21-auth-page .auth-mobile-brand { display: none; }

.auth-page.wb21-auth-page input,
.auth-page.wb21-auth-page select { min-height: 48px; }

.auth-page.wb21-auth-page .auth-submit { min-height: 50px; }

.auth-page.wb21-auth-page .role-picker button { border-radius: var(--wb-radius-md); box-shadow: none; }

.auth-page.wb21-auth-page .auth-register-form { margin-top: 20px; }

.auth-page.wb21-auth-page .auth-field-label { display: inline-flex; align-items: center; gap: 7px; }

.wb21-projects-page > .page-header,
.wb23-freelancers-page > .page-header { margin-top: 0; }

.project-wizard-page .project-stepper button { min-width: 0; }

.project-wizard-page .project-stepper button:focus-visible,
.project-wizard-page .wb-r17-category-picker button:focus-visible,
.project-wizard-page .choice-chip-grid button:focus-visible,
.wb-r21-proposal-composer button:focus-visible { outline: 3px solid color-mix(in srgb, var(--wb-primary) 28%, transparent); outline-offset: 2px; }

.wb-r17-category-picker {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin-top: 8px;
}

.wb-r17-category-picker button {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 9px;
  min-height: 54px;
  padding: 10px 12px;
  color: var(--wb-text);
  text-align: start;
  border: 1px solid var(--wb-border);
  border-radius: var(--wb-radius-md);
  background: var(--wb-bg-elevated);
}

.wb-r17-category-picker button:hover { border-color: var(--wb-primary); background: var(--wb-primary-soft); }

.wb-r17-category-picker button.is-selected {
  color: var(--wb-primary-hover);
  border-color: var(--wb-primary);
  background: var(--wb-primary-soft);
}

.wb-r17-category-picker button > span { min-width: 0; font-weight: 780; }

.wb-r17-category-picker button > svg { color: var(--wb-primary); }

.wb-r17-source-control {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.wb-r17-optional-block {
  overflow: hidden;
  border: 1px solid var(--wb-border);
  border-radius: var(--wb-radius-md);
  background: var(--wb-bg-elevated);
}

.wb-r17-optional-block > summary {
  display: flex;
  min-height: 54px;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 11px 13px;
  cursor: pointer;
  list-style: none;
}

.wb-r17-optional-block > summary::-webkit-details-marker { display: none; }

.wb-r17-optional-block > summary > span { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 2px 9px; }

.wb-r17-optional-block > summary > span > svg { grid-row: 1 / span 2; color: var(--wb-primary); }

.wb-r17-optional-block > summary small { color: var(--wb-text-muted); font-size: .875rem; }

.wb-r17-optional-block[open] > summary { border-bottom: 1px solid var(--wb-border); background: var(--wb-bg-subtle); }

.wb-r17-optional-block[open] > summary > svg { transform: rotate(180deg); }

.wb-r17-optional-block > fieldset,
.wb-r17-optional-block > p { padding: 14px; }

.project-wizard-page .wizard-actions { border-top-color: var(--wb-border); }

.project-wizard-page .wizard-actions .btn { min-height: 46px; }

.wb-r21-proposal-composer { border-color: var(--wb-border); box-shadow: none; }

.wb-r21-proposal-composer .wb23-section-title p { margin-top: 6px; color: var(--wb-text-muted); line-height: 1.75; }

.wb-r17-budget-guide {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px 12px;
  padding: 10px 12px;
  color: var(--wb-text-muted);
  border: 1px solid var(--wb-border);
  border-radius: var(--wb-radius-md);
  background: var(--wb-bg-subtle);
  font-size: .875rem;
}

.wb-r17-budget-guide > div { display: flex; flex-wrap: wrap; gap: 6px; }

.wb-r17-budget-guide button,
.wb-r17-template-button {
  display: inline-flex;
  min-height: 36px;
  align-items: center;
  gap: 6px;
  padding: 7px 10px;
  color: var(--wb-primary);
  border: 1px solid var(--wb-border);
  border-radius: var(--wb-radius-md);
  background: var(--wb-bg-elevated);
  font-size: .875rem;
  font-weight: 760;
}

.wb-r17-template-button:disabled { opacity: .5; }

.wb-r17-proposal-summary {
  padding: 13px;
  border: 1px solid var(--wb-border);
  border-radius: var(--wb-radius-md);
  background: var(--wb-bg-subtle);
}

.wb-r17-proposal-summary dl { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin-top: 9px; }

.wb-r17-proposal-summary dl > div { display: grid; gap: 3px; }

.wb-r17-proposal-summary dt { color: var(--wb-text-muted); font-size: .875rem; }

.wb-r17-proposal-summary dd { color: var(--wb-text); font-weight: 820; }

.wb-r21-proposal-composer .wb23-proposal-actions { padding-top: 12px; border-top: 1px solid var(--wb-border); }

.wb-r21-proposal-composer .wb23-proposal-actions .btn { min-height: 48px; }

.wb-r17-proposal-details { grid-column: 1 / -1; padding: 10px 12px; border: 1px solid var(--wb-border); border-radius: var(--wb-radius-md); background: var(--wb-bg-subtle); }

.wb-r17-proposal-details summary { cursor: pointer; color: var(--wb-primary); font-weight: 780; }

.wb-r17-proposal-details > p,
.wb-r17-proposal-details > div { margin-top: 10px; line-height: 1.85; }

.wb24-application-readiness {
  display: grid;
  gap: 9px;
  margin-block: 12px 16px;
  padding: 13px 14px;
  border: 1px solid color-mix(in srgb, var(--wb-primary) 26%, var(--wb-border));
  border-radius: var(--wb-radius-md);
  background: color-mix(in srgb, var(--wb-primary-soft) 62%, var(--wb-bg-elevated));
}

.wb24-application-readiness > strong { color: var(--wb-text); }

.wb24-application-readiness ul { display: flex; flex-wrap: wrap; gap: 7px; margin: 0; padding: 0; list-style: none; }

.wb24-application-readiness li { display: inline-flex; align-items: center; gap: 5px; padding: 6px 9px; color: var(--wb-text-muted); border: 1px solid var(--wb-border); border-radius: 999px; background: var(--wb-bg-elevated); font-size: .8rem; }

.wb24-application-readiness li.is-ready { color: var(--wb-success, #047857); border-color: color-mix(in srgb, var(--wb-success, #047857) 30%, var(--wb-border)); }

.wb24-proposal-evidence { display: grid; grid-template-columns: minmax(0, 1.45fr) repeat(2, minmax(0, 1fr)); gap: 12px; padding: 14px; }

.wb24-proposal-evidence > section { min-width: 0; }

.wb24-proposal-evidence > section + section { padding-inline-start: 12px; border-inline-start: 1px solid var(--wb-border); }

.wb24-proposal-evidence strong { display: block; margin-bottom: 7px; color: var(--wb-text); font-size: .88rem; }

.wb24-proposal-evidence p { margin: 0; color: var(--wb-text); line-height: 1.8; white-space: pre-wrap; }

.wb24-proposal-evidence ul,
.wb24-proposal-evidence ol { display: grid; gap: 7px; margin: 0; padding-inline-start: 18px; }

.wb24-proposal-evidence li { min-width: 0; color: var(--wb-text); line-height: 1.6; }

.wb24-proposal-evidence li > small { display: block; color: var(--wb-text-muted); }

.wb24-proposal-evidence a { color: var(--wb-primary); font-weight: 750; overflow-wrap: anywhere; }

.wb24-proposal-evidence section > small { color: var(--wb-text-muted); }

.wb24-compare-selection { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; margin-top: 14px; padding: 11px 13px; border: 1px solid var(--wb-border); border-radius: var(--wb-radius-md); background: var(--wb-bg-subtle); }

.wb24-compare-selection > span { flex: 1 1 240px; color: var(--wb-text-muted); }

.wb24-compare-grid { display: grid; gap: 14px; margin-top: 16px; }

.wb24-compare-grid > article { display: grid; grid-template-columns: minmax(220px, .7fr) minmax(0, 2fr); gap: 12px 16px; padding: 16px; border: 1px solid var(--wb-border); border-radius: var(--wb-radius-lg); background: var(--wb-bg-elevated); }

.wb24-compare-grid > article.is-selected { border-color: var(--wb-primary); box-shadow: 0 0 0 2px color-mix(in srgb, var(--wb-primary) 15%, transparent); }

.wb24-compare-grid > article > header { grid-column: 1 / -1; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px; }

.wb24-compare-grid > article > header label { display: inline-flex; align-items: center; gap: 7px; cursor: pointer; font-weight: 760; }

.wb24-compare-grid .wb24-compare-person dl { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin-top: 12px; }

.wb24-compare-grid .wb24-compare-person dl > div { padding: 8px; border-radius: var(--wb-radius-sm); background: var(--wb-bg-subtle); }

.wb24-compare-grid .wb24-compare-person dt { color: var(--wb-text-muted); font-size: .75rem; }

.wb24-compare-grid .wb24-compare-person dd { margin-top: 2px; color: var(--wb-text); font-weight: 800; }

.wb24-compare-grid .wb24-proposal-evidence { padding: 0; border: 0; background: transparent; }

.wb24-compare-grid > article > footer { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 8px; padding-top: 10px; border-top: 1px solid var(--wb-border); }

@media (max-width: 980px) {
  .auth-page.wb21-auth-page .auth-mobile-brand { display: flex; align-items: center; justify-content: space-between; }
}

@media (max-width: 760px) {
  .wb21-simple-process ol { grid-template-columns: 1fr; }
  .wb21-simple-process li { min-height: 0; }
  .auth-page.wb21-auth-page .auth-register-form .role-picker { grid-template-columns: 1fr; }

  .project-wizard-page .project-stepper {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
    overflow: visible;
    border-bottom: 0;
  }
  .project-wizard-page .project-stepper button { min-width: 0; min-height: 48px; border: 1px solid var(--wb-border); }
  .project-wizard-page .project-stepper button small { display: none; }
  .wb-r17-category-picker { grid-template-columns: 1fr; }
  .project-wizard-page .wizard-actions,
  .wb-r21-proposal-composer .wb23-proposal-actions {
    position: sticky;
    z-index: 10;
    bottom: 0;
    margin-inline: -10px;
    padding: 10px 10px calc(10px + env(safe-area-inset-bottom, 0px));
    background: rgba(255, 255, 255, .97);
  }
  .dark .project-wizard-page .wizard-actions,
  .dark .wb-r21-proposal-composer .wb23-proposal-actions { background: rgba(23, 32, 43, .97); }
  .project-wizard-page .wizard-actions > *,
  .wb-r21-proposal-composer .wb23-proposal-actions > * { flex: 1 1 0; }
  .wb-r17-budget-guide { align-items: flex-start; flex-direction: column; }
  .wb-r17-proposal-summary dl { grid-template-columns: 1fr; }
  .wb24-proposal-evidence { grid-template-columns: 1fr; }
  .wb24-proposal-evidence > section + section { padding-block-start: 10px; padding-inline-start: 0; border-block-start: 1px solid var(--wb-border); border-inline-start: 0; }
  .wb24-compare-grid > article { grid-template-columns: 1fr; padding: 13px; }
  .wb24-compare-grid > article > header,
  .wb24-compare-grid > article > footer { grid-column: 1; }
}

@media (max-width: 390px) {
  .project-wizard-page .project-stepper button { padding-inline: 6px; }
}

@media (prefers-reduced-motion: reduce) {
  .wb-r17-category-picker button { transition: none; }
}

.site-cta {
  color: #fff;
  border-color: #d4006e;
  background: #d4006e;
}

.site-cta:hover {
  color: #fff;
  border-color: #b6005d;
  background: #b6005d;
}

.wb21-projects-page > .page-header .btn,
.wb23-freelancers-page > .page-header .btn {
  color: #fff;
  border-color: #d4006e;
  background: #d4006e;
}

.wb21-projects-page > .page-header .btn:hover,
.wb23-freelancers-page > .page-header .btn:hover {
  color: #fff;
  border-color: #b6005d;
  background: #b6005d;
}

.btn.btn-secondary,
.btn.btn-outline {
  color: #344fc7;
  border-color: #9aa8dd;
  background: #eef1ff;
}

.btn.btn-secondary:hover,
.btn.btn-outline:hover {
  color: #293fa7;
  border-color: #7f90d0;
  background: #e1e6ff;
}

.btn.btn-ghost {
  color: #455168;
  border-color: var(--wb-border);
  background: var(--wb-bg-elevated);
}

.btn.btn-ghost:hover {
  color: #182033;
  border-color: var(--wb-border-strong);
  background: var(--wb-bg-muted);
}

.btn.btn-danger-outline {
  color: #9f1f38;
  border-color: #d8a7b1;
  background: #fff5f6;
}

.btn.btn-danger-outline:hover {
  color: #7d172b;
  border-color: #c77f8d;
  background: #ffe8ec;
}

.badge-success {
  color: #087849;
  border: 1px solid #b7e4cf;
  background: #ecfdf5;
}

.fr5-dashboard-project-stat small,
.wb206-error-reference,
.vault-status small { color: #566272; }

.preview-logo {
  display: grid;
  width: 36px;
  height: 36px;
  place-items: center;
  color: #fff;
  border-radius: 9px;
  font-weight: 850;
}

.preview-hero button {
  min-height: 40px;
  margin-top: 8px;
  padding-inline: 14px;
  color: #fff;
  border: 1px solid transparent;
  border-radius: 6px;
  font-weight: 750;
}

.dark .page-header-eyebrow,
.dark .section-kicker,
.dark .wb23-kicker,
.dark .wb23-chat-kicker,
.dark .wb23-section-title > span,
.dark .wb23-section-head > div > span,
.dark .text-link,
.dark .wb21-save-link,
.dark .fr6-row-action,
.dark .dashboard-action-cta,
.dark .fr5-dashboard-project-action,
.dark .fr5-dashboard-project-title:hover,
.dark .wb24-proposal-evidence a {
  color: #8bc7ff;
}

.dark .project-stepper .active {
  color: #8bc7ff;
  border-color: #8bc7ff;
}

.dark .cta-primary,
.dark .auth-submit,
.dark .pwa-action,
.dark .dashboard-action-cta,
.dark .wb23-package-order,
.dark .wb23-profile-primary-action {
  color: #fff;
  border-color: #3657cf;
  background: #3657cf;
}

.dark .cta-primary:hover,
.dark .auth-submit:hover,
.dark .pwa-action:hover,
.dark .dashboard-action-cta:hover,
.dark .wb23-package-order:hover,
.dark .wb23-profile-primary-action:hover {
  color: #fff;
  border-color: #2945ad;
  background: #2945ad;
}

.dark .site-cta {
  color: #fff;
  border-color: #d4006e;
  background: #d4006e;
}

.dark .site-cta:hover {
  color: #fff;
  border-color: #b6005d;
  background: #b6005d;
}

.dark .btn.btn-secondary,
.dark .btn.btn-outline,
.dark .btn.btn-ghost,
.dark a.btn-secondary,
.dark a.btn-outline,
.dark a.btn-ghost,
.dark .v17-login-link,
.dark .cta-secondary {
  color: #a8d8ff;
  border-color: #526174;
  background: #1a2532;
}

.dark .btn.btn-secondary:hover,
.dark .btn.btn-outline:hover,
.dark .btn.btn-ghost:hover,
.dark a.btn-secondary:hover,
.dark a.btn-outline:hover,
.dark a.btn-ghost:hover,
.dark .v17-login-link:hover,
.dark .cta-secondary:hover {
  color: #d7ebff;
  border-color: #6f829a;
  background: #263241;
}

.dark .btn.btn-danger-outline {
  color: #ff9bad;
  border-color: #8b5260;
  background: #341c25;
}

.dark :is(button, input, select, textarea, a)[disabled], .dark [aria-disabled='true'] { opacity: .72; }

.dark :where(input:not([type='checkbox']):not([type='radio']):not([type='range']):not([type='color'])),
.dark textarea,
.dark select,
.dark .input,
.dark .select,
.dark .textarea {
  color: #edf2f7;
  border-color: #5a6c83;
  background: #111a27;
}

.dark input::placeholder,
.dark textarea::placeholder { color: #9aa9ba; opacity: 1; }

.dark select option { color: #edf2f7; background: #17202b; }

.dark .project-index-tags > span,
.dark .wb23-chip-row > span,
.dark .wb23-chip-row-lg > span,
.dark .category-pill {
  color: #dce4ed;
  border-color: #465568;
  background: #263241;
}

.dark .wb21-project-filters,
.dark .wb23-expert-filter,
.dark .project-index-grid,
.dark .wb23-freelancer-list,
.dark .project-index-card,
.dark .wb23-freelancer-card,
.dark .fr5-market-results-head,
.dark .wb23-expert-quick-search {
  border-color: var(--wb-border);
}

.dark .wb23-freelancer-identity > p,
.dark .wb23-freelancer-card p.user-content-auto,
.dark .wb26-referral-card > header p,
.dark .wb26-referral-metrics dt,
.dark .wb206-error-reference,
.dark .vault-status small { color: #b5c0ce; }

.dark .verified-label,
.dark .wb23-verified,
.dark .wb21-verified,
.dark .success-pill,
.dark .badge-success,
.dark .badge.success {
  color: #9ee8c8;
  border-color: #356a58;
  background: #153a30;
}

.dark .wb23-profile-hero .verified-label {
  color: #9ee8c8;
  border-color: #4a806d;
  background: #153a30;
}

.dark .wb23-profile-scoreboard,
.dark .wb23-profile-scoreboard > *,
.dark .wb23-profile-section,
.dark .wb23-profile-side-section,
.dark .wb23-hire-panel,
.dark .wb23-project-content,
.dark .wb23-project-content > .wb23-content-section,
.dark .wb23-project-highlights,
.dark .wb23-project-header,
.dark .wb23-project-sticky,
.dark .dashboard-priority-section,
.dark .dashboard-priority-section > header,
.dark .dashboard-action-list > *,
.dark .dashboard-metrics,
.dark .dashboard-metric,
.dark .fr5-dashboard-projects,
.dark .fr5-dashboard-tabs,
.dark .fr5-dashboard-project-list,
.dark .fr5-dashboard-project-row,
.dark .dashboard-navigation-grid,
.dark .dashboard-nav-group,
.dark .wb24-workspace-summary,
.dark .wb24-workspace-tabs,
.dark .wb24-workspace-grid > .card,
.dark .wb24-messages,
.dark .wb24-milestone,
.dark .wb24-files {
  color: var(--wb-text);
  border-color: var(--wb-border);
  background: var(--wb-bg-elevated);
}

.dark .wb23-project-highlights,
.dark .dashboard-metric-icon,
.dark .wb24-message-list,
.dark .dashboard-nav-group > div > a:hover,
.dark .fr5-dashboard-project-row:hover {
  color: var(--wb-text);
  background: var(--wb-bg-subtle);
}

.dark .portfolio-placeholder {
  color: #b5c0ce;
  border-color: var(--wb-border);
  background: linear-gradient(180deg, #1a2532, #111a27);
}

.dark .dashboard-priority-section h2,
.dark .dashboard-metric strong,
.dark .dashboard-nav-group h2,
.dark .wb24-workspace-summary strong { color: var(--wb-text); }

.dark .dashboard-metric small,
.dark .wb24-workspace-summary span,
.dark .wb24-workspace-tabs button { color: #b5c0ce; }

.dark .fr5-dashboard-tabs button,
.dark .fr5-dashboard-project-stat small { color: #b5c0ce; }

.dark .fr5-dashboard-project-stat strong,
.dark .fr5-dashboard-project-stat > span { color: #edf2f7; }

.dark .wb24-workspace-tabs button.is-active,
.dark .fr5-dashboard-tabs button.is-active { color: #8bc7ff; border-bottom-color: #8bc7ff; }

.dark .fr5-dashboard-status {
  color: #dce4ed;
  border-color: #526174;
  background: #263241;
}

.dark .fr5-dashboard-status--open { color: #a8ddff; border-color: #3f718d; background: #153447; }

.dark .fr5-dashboard-status--in_progress { color: #f8d477; border-color: #816b34; background: #382f19; }

.dark .fr5-dashboard-status--completed { color: #9ee8c8; border-color: #356a58; background: #153a30; }

.dark .wb26-share-row button,
.dark .fr6-invite-button {
  color: #a8d8ff;
  border-color: #526174;
  background: #1a2532;
}

.dark .wb26-share-row button:hover,
.dark .fr6-invite-button:hover {
  color: #d7ebff;
  border-color: #6f829a;
  background: #263241;
}

.dark .wb24-message-list article {
  color: var(--wb-text);
  border-color: var(--wb-border);
  background: var(--wb-bg-elevated);
}

.dark .wb24-message-list article.is-mine {
  color: #e6f2ff;
  border-color: #476b8a;
  background: #18334a;
}

.dark .wb24-message-list article header { color: #b5c0ce; }

.dark .wb24-status { color: #dce4ed; background: #263241; }

.dark .wb24-status.status-in_progress,
.dark .wb24-status.status-submitted { color: #a8ddff; background: #153447; }

.dark .wb24-status.status-approved,
.dark .wb24-status.status-paid,
.dark .wb24-status.status-ready { color: #9ee8c8; background: #153a30; }

.dark .wb24-status.status-revision_requested,
.dark .wb24-status.status-funding_pending { color: #f8d477; background: #382f19; }

.dark .wb24-status.status-disputed { color: #ff9bad; background: #341c25; }

.dark table,
.dark table thead,
.dark table thead tr,
.dark table thead th,
.dark thead,
.dark th {
  color: #dce4ed;
  border-color: #3a4859;
  background: #202c3a;
}

.dark table td { color: var(--wb-text); border-color: #2d3a49; }

.dark table tbody tr:hover td { background: #1a2635; }

.dark .bg-white,
.dark .bg-slate-50,
.dark .bg-slate-100,
.dark .bg-gray-50,
.dark .bg-gray-100 { background-color: var(--wb-bg-elevated); }

.dark .text-slate-400,
.dark .text-slate-500,
.dark .text-slate-600,
.dark .text-gray-500,
.dark .text-gray-600 { color: #b5c0ce; }

.dark .text-slate-700,
.dark .text-slate-800,
.dark .text-slate-900,
.dark .text-gray-700,
.dark .text-gray-800,
.dark .text-gray-900 { color: #edf2f7; }

.dark .border-slate-100,
.dark .border-slate-200,
.dark .border-slate-300,
.dark .border-gray-100,
.dark .border-gray-200,
.dark .border-gray-300 { border-color: var(--wb-border); }

@media (max-width: 760px) {
  button,
  a.btn,
  a.btn-primary,
  a.btn-secondary,
  a.btn-outline,
  a.btn-ghost,
  a.btn-danger,
  a.btn-danger-outline,
  .site-cta,
  .cta-primary,
  .cta-secondary,
  .mobile-nav-trigger {
    min-height: 44px;
  }
  .wb21-project-filters.is-compact .wb21-filter-toggle { min-height: 44px; }
  .fr5-dashboard-projects-head .btn,
  .fr5-dashboard-tabs button {
    min-width: 44px;
    min-height: 44px;
  }
  .preview-hero button { min-height: 44px; }
  .auth-form-panel .password-field:not(.auth-input-wrap) > button { min-height: 44px; }
  .wb211-popular button,
  .wb21-filter-toggle,
  .wb23-expert-quick-search nav button,
  .fr6-talent-actions .fr6-invite-button,
  .wb23-profile-primary-action .btn,
  .wb23-profile-primary-action .btn-ghost,
  .auth-form-panel .password-field > button,
  .wb26-share-row button,
  .wb26-referral-link .btn-outline,
  .wb21-save-link,
  .fr6-row-action {
    min-height: 44px;
  }
  .wb211-popular button { min-width: 44px; padding: 8px; }
  .wb23-expert-quick-search nav button { padding-block: 8px; }
}

.theme-cycle-button { gap: 7px; }

.site-icon-button .theme-cycle-label,
.desktop-theme-toggle .theme-cycle-label { display: none; }

.r4-mobile-utility.theme-cycle-button .theme-cycle-label { display: inline; }

html.oled body,
html.oled .app-shell { background: #000; }

html.oled .site-header,
html.oled .fr5-subnav { background: color-mix(in srgb, #000 94%, transparent); }

.r26-search-suggestions {
  display: grid;
  gap: 5px;
  padding: 7px;
  border: 1px solid var(--wb-border);
  border-radius: 14px;
  background: var(--wb-bg-subtle);
}

.r26-search-suggestions > a {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  min-height: 54px;
  padding: 8px 10px;
  color: var(--wb-text);
  border-radius: 10px;
}

.r26-search-suggestions > a:hover,
.r26-search-suggestions > a:focus-visible { background: var(--wb-primary-soft); }

.r26-search-suggestions > a > span {
  display: grid;
  width: 34px;
  height: 34px;
  place-items: center;
  color: var(--wb-primary);
  border-radius: 10px;
  background: var(--wb-bg-elevated);
}

.r26-search-suggestions > a > div { display: grid; min-width: 0; gap: 2px; }

.r26-search-suggestions small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.r26-search-status { padding: 13px; color: var(--wb-text-muted); text-align: center; font-size: .875rem; }

.r26-search-hint { display: flex; align-items: center; gap: 6px; color: var(--wb-text-muted); font-size: .78rem; }

.r26-search-hint kbd { padding: 2px 6px; color: var(--wb-text-soft); border: 1px solid var(--wb-border); border-bottom-width: 2px; border-radius: 6px; background: var(--wb-bg-subtle); font: inherit; }

.r26-bottom-nav { display: none; }

.r26-saved-searches,
.r26-project-templates {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 12px 14px;
  border: 1px solid var(--wb-border);
  border-radius: 15px;
  background: var(--wb-bg-elevated);
  box-shadow: var(--wb-shadow-xs);
}

.r26-saved-searches > span { display: inline-flex; flex: 0 0 auto; align-items: center; gap: 7px; color: var(--wb-text-soft); font-weight: 800; }

.r26-saved-searches > div { display: flex; min-width: 0; gap: 7px; overflow-x: auto; scrollbar-width: thin; }

.r26-saved-searches > div > span { display: inline-flex; flex: 0 0 auto; overflow: hidden; border: 1px solid var(--wb-border); border-radius: 999px; background: var(--wb-bg-subtle); }

.r26-saved-searches > div button { min-height: 36px; padding: 6px 10px; color: var(--wb-text-soft); font-size: .82rem; font-weight: 750; }

.r26-saved-searches > div button + button { padding-inline: 7px; color: var(--wb-text-muted); border-inline-start: 1px solid var(--wb-border); }

.r26-saved-searches > div button:hover { color: var(--wb-primary); background: var(--wb-primary-soft); }

.r26-project-templates { display: grid; gap: 12px; }

.r26-project-templates > header { display: flex; align-items: center; gap: 10px; }

.r26-project-templates > header > span { display: grid; width: 40px; height: 40px; flex: 0 0 40px; place-items: center; color: var(--wb-primary); border-radius: 12px; background: var(--wb-primary-soft); }

.r26-project-templates > header > div { display: grid; gap: 2px; }

.r26-project-templates > header strong { color: var(--wb-text); }

.r26-project-templates > div { display: flex; gap: 8px; overflow-x: auto; padding-bottom: 2px; }

.r26-project-templates article { display: flex; flex: 0 0 min(240px, 76vw); overflow: hidden; border: 1px solid var(--wb-border); border-radius: 12px; background: var(--wb-bg-subtle); }

.r26-project-templates article > button:first-child { display: grid; flex: 1; gap: 2px; padding: 10px 12px; color: var(--wb-text); text-align: start; }

.r26-project-templates article > button:last-child { width: 42px; color: var(--wb-text-muted); border-inline-start: 1px solid var(--wb-border); }

.r26-project-templates article button:hover { color: var(--wb-primary); background: var(--wb-primary-soft); }

.r26-project-fit {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  width: fit-content;
  max-width: 100%;
  margin-top: 12px;
  padding: 8px 10px;
  color: var(--wb-text-soft);
  border: 1px solid var(--wb-border);
  border-radius: 11px;
  background: var(--wb-bg-subtle);
}

.r26-project-fit > span { display: grid; gap: 2px; }

.r26-project-fit strong { color: var(--wb-text); font-size: .82rem; }

.r26-project-fit small { font-size: .76rem; }

.r26-project-fit.is-high { color: var(--wb-success); border-color: color-mix(in srgb, var(--wb-success) 38%, var(--wb-border)); background: color-mix(in srgb, var(--wb-success) 8%, var(--wb-bg-elevated)); }

.r26-project-fit.is-partial { color: var(--wb-primary); border-color: color-mix(in srgb, var(--wb-primary) 32%, var(--wb-border)); background: var(--wb-primary-soft); }

.r26-budget-helper,
.r26-proposal-assist {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 13px;
  border: 1px solid color-mix(in srgb, var(--wb-primary) 28%, var(--wb-border));
  border-radius: 13px;
  background: color-mix(in srgb, var(--wb-primary-soft) 55%, var(--wb-bg-elevated));
}

.r26-budget-helper > span { display: grid; width: 38px; height: 38px; flex: 0 0 38px; place-items: center; color: var(--wb-primary); border-radius: 11px; background: var(--wb-bg-elevated); }

.r26-budget-helper > div { display: grid; flex: 1; gap: 2px; }

.r26-budget-helper strong { color: var(--wb-text); }

.r26-proposal-writing-tools { display: flex; flex-wrap: wrap; gap: 8px; }

.r26-proposal-assist { display: grid; align-items: stretch; }

.r26-proposal-assist > header,
.r26-proposal-assist > footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; }

.r26-proposal-assist > header > span { display: inline-flex; align-items: center; gap: 7px; color: var(--wb-text); }

.r26-proposal-assist pre { max-height: 320px; margin: 0; padding: 13px; overflow: auto; color: var(--wb-text-soft); border: 1px solid var(--wb-border); border-radius: 10px; background: var(--wb-bg-elevated); font: inherit; line-height: 1.9; white-space: pre-wrap; }

.r26-batch-invite {
  position: sticky;
  top: 92px;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 16px;
  padding: 11px 13px;
  border: 1px solid var(--wb-border);
  border-radius: 13px;
  background: color-mix(in srgb, var(--wb-bg-elevated) 94%, transparent);
  box-shadow: var(--wb-shadow-sm);
  backdrop-filter: blur(14px);
}

.r26-batch-invite > span { display: grid; gap: 2px; }

.r26-match-select { display: inline-flex; align-items: center; gap: 7px; margin-bottom: 10px; color: var(--wb-text-muted); font-size: .78rem; }

.match-card-v13.is-selected { border-color: var(--wb-primary); box-shadow: 0 0 0 3px color-mix(in srgb, var(--wb-primary) 12%, transparent); }

.r26-matching-projects { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }

.r26-matching-projects > article { display: grid; gap: 10px; padding: 16px; border: 1px solid var(--wb-border); border-radius: 15px; background: var(--wb-bg-elevated); transition: border-color .16s ease, transform .16s ease, box-shadow .16s ease; }

.r26-matching-projects > article:hover { border-color: color-mix(in srgb, var(--wb-primary) 42%, var(--wb-border)); box-shadow: var(--wb-shadow-sm); transform: translateY(-2px); }

.r26-matching-projects header,
.r26-matching-projects footer { display: flex; align-items: center; justify-content: space-between; gap: 8px; }

.r26-matching-projects h2 { margin: 0; font-size: 1.02rem; }

.r26-matching-projects p { margin: 0; font-size: .875rem; line-height: 1.8; }

.r26-matching-projects article > div { display: flex; flex-wrap: wrap; gap: 5px; }

.r26-matching-projects article > div > span { padding: 4px 8px; color: var(--wb-primary); border-radius: 999px; background: var(--wb-primary-soft); font-size: .76rem; }

.r26-dashboard-insights { display: grid; gap: 16px; }

.r26-dashboard-insights > header { display: flex; align-items: center; justify-content: space-between; gap: 12px; }

.r26-dashboard-insights > header > div:last-child { display: flex; flex-wrap: wrap; gap: 7px; }

.r26-insight-bars { display: grid; gap: 9px; }

.r26-insight-bars > div { display: grid; grid-template-columns: minmax(120px, .8fr) minmax(100px, 2fr) 42px; align-items: center; gap: 10px; }

.r26-insight-bars span { display: inline-flex; align-items: center; gap: 7px; color: var(--wb-text-soft); font-size: .84rem; font-weight: 720; }

.r26-insight-bars i { height: 9px; overflow: hidden; border-radius: 999px; background: var(--wb-bg-muted); }

.r26-insight-bars i > b { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--wb-primary), var(--wb-accent)); }

.r26-insight-bars strong { color: var(--wb-text); text-align: end; }

.r26-dashboard-insights > p { margin: 0; color: var(--wb-text-muted); font-size: .78rem; }

.r26-calendar-page { width: min(100%, 1120px); margin-inline: auto; }

.r26-calendar-overview { display: grid; gap: 15px; }

.r26-calendar-range { display: flex; align-items: center; gap: 7px; }

.r26-calendar-range strong { margin-inline-end: auto; color: var(--wb-text); }

.r26-calendar-range button,
.r26-calendar-filters button { min-height: 40px; padding: 7px 11px; color: var(--wb-text-soft); border: 1px solid var(--wb-border); border-radius: 10px; background: var(--wb-bg-subtle); font-size: .82rem; font-weight: 760; }

.r26-calendar-range button.is-active,
.r26-calendar-filters button.is-active { color: var(--wb-primary); border-color: var(--wb-primary); background: var(--wb-primary-soft); }

.r26-calendar-filters { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 7px; }

.r26-calendar-filters button { display: flex; align-items: center; justify-content: center; gap: 6px; }

.r26-calendar-filters b { min-width: 22px; padding: 1px 5px; color: inherit; border-radius: 999px; background: var(--wb-bg-elevated); font-size: .72rem; }

.r26-calendar-timeline { display: grid; gap: 18px; }

.r26-calendar-timeline > section { display: grid; grid-template-columns: 128px minmax(0, 1fr); gap: 16px; }

.r26-calendar-timeline > section > header { position: sticky; top: 92px; align-self: start; display: grid; gap: 3px; padding-top: 12px; }

.r26-calendar-timeline > section > header span { color: var(--wb-primary); font-size: .8rem; font-weight: 800; }

.r26-calendar-timeline > section > header strong { color: var(--wb-text); }

.r26-calendar-timeline > section > div { display: grid; gap: 8px; padding-inline-start: 16px; border-inline-start: 2px solid var(--wb-border); }

.r26-calendar-timeline article { position: relative; display: grid; grid-template-columns: auto minmax(0, 1fr) auto auto; align-items: center; gap: 11px; min-height: 82px; padding: 13px; border: 1px solid var(--wb-border); border-radius: 14px; background: var(--wb-bg-elevated); box-shadow: var(--wb-shadow-xs); }

.r26-calendar-timeline article::before { position: absolute; inset-inline-start: -22px; width: 10px; height: 10px; content: ''; border: 2px solid var(--wb-bg); border-radius: 50%; background: var(--wb-primary); }

.r26-calendar-event-icon { display: grid; width: 38px; height: 38px; place-items: center; color: var(--wb-primary); border-radius: 11px; background: var(--wb-primary-soft); }

.r26-calendar-timeline article > div { display: grid; gap: 3px; }

.r26-calendar-timeline article > div > div { display: flex; flex-wrap: wrap; gap: 7px; }

.r26-calendar-timeline article > div > div > span { color: var(--wb-primary); font-size: .74rem; font-weight: 800; }

.r26-calendar-timeline article h2 { margin: 0; font-size: .94rem; }

.r26-calendar-timeline article p { margin: 0; font-size: .8rem; }

.r26-calendar-timeline article time { color: var(--wb-text-soft); font-size: .82rem; font-weight: 760; }

.r26-calendar-timeline article > a { display: grid; width: 36px; height: 36px; place-items: center; color: var(--wb-primary); border-radius: 10px; background: var(--wb-primary-soft); }

.r26-calendar-note { display: flex; align-items: center; justify-content: center; gap: 6px; margin: 0; color: var(--wb-text-muted); font-size: .78rem; }

@media (max-width: 820px) {
  .app-shell--private .private-content { padding-bottom: calc(86px + env(safe-area-inset-bottom, 0px)); }
  .app-shell--private .wb21-footer { padding-bottom: calc(76px + env(safe-area-inset-bottom, 0px)); }
  .r26-bottom-nav {
    position: fixed;
    z-index: 145;
    inset-inline: 8px;
    bottom: max(8px, env(safe-area-inset-bottom, 0px));
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    padding: 6px;
    border: 1px solid color-mix(in srgb, var(--wb-border) 84%, transparent);
    border-radius: 18px;
    background: color-mix(in srgb, var(--wb-bg-elevated) 93%, transparent);
    box-shadow: 0 18px 50px rgba(15, 23, 42, .24);
    backdrop-filter: blur(20px) saturate(1.3);
  }
  .r26-bottom-nav > a { display: grid; min-width: 0; min-height: 50px; place-items: center; align-content: center; gap: 2px; color: var(--wb-text-muted); border-radius: 13px; }
  .r26-bottom-nav > a.is-active { color: var(--wb-primary); background: var(--wb-primary-soft); }
  .r26-bottom-nav-icon { position: relative; display: grid; place-items: center; }
  .r26-bottom-nav-icon b { position: absolute; inset-inline-start: 13px; top: -7px; min-width: 18px; padding: 1px 4px; color: #fff; border: 2px solid var(--wb-bg-elevated); border-radius: 999px; background: #d92d3b; font-size: .62rem; line-height: 1.2; }
  .r26-bottom-nav small { max-width: 100%; overflow: hidden; color: inherit; font-size: .66rem; font-weight: 780; text-overflow: ellipsis; white-space: nowrap; }
  .pwa-toast { bottom: calc(80px + env(safe-area-inset-bottom, 0px)); }
  .r26-calendar-filters { display: flex; overflow-x: auto; }
  .r26-calendar-filters button { flex: 0 0 auto; }
  .r26-matching-projects { grid-template-columns: 1fr; }
}

@media (max-width: 620px) {
  .r26-saved-searches { align-items: flex-start; flex-direction: column; }
  .r26-saved-searches > div { width: 100%; }
  .r26-budget-helper,
  .r26-batch-invite { align-items: stretch; flex-direction: column; }
  .r26-proposal-assist > header,
  .r26-proposal-assist > footer,
  .r26-dashboard-insights > header { align-items: flex-start; flex-direction: column; }
  .r26-insight-bars > div { grid-template-columns: minmax(100px, 1fr) minmax(70px, 1.2fr) 34px; }
  .r26-calendar-range { flex-wrap: wrap; }
  .r26-calendar-range strong { width: 100%; }
  .r26-calendar-timeline > section { grid-template-columns: 1fr; gap: 7px; }
  .r26-calendar-timeline > section > header { position: static; grid-template-columns: auto 1fr; align-items: baseline; gap: 7px; padding-top: 0; }
  .r26-calendar-timeline article { grid-template-columns: auto minmax(0, 1fr) auto; }
  .r26-calendar-timeline article time { grid-column: 2; }
  .r26-calendar-timeline article > a { grid-row: 1 / span 2; grid-column: 3; }
}

@media (prefers-reduced-motion: no-preference) {
  .r26-calendar-timeline article,
  .r26-project-templates,
  .r26-dashboard-insights { animation: pageEnter .34s ease both; }
}

html[dir="rtl"] :is(h1, h2, h3, h4, h5, h6, button, input, textarea, select) {
  letter-spacing: 0;
}

html[dir="rtl"] body {
  font-kerning: normal;
  font-feature-settings: "kern" 1, "ss01" 1;
}

body { line-height: 1.75; }

:is(a, button, input, textarea, select, summary) { -webkit-tap-highlight-color: transparent; }

:is(a, button, input, textarea, select, summary):focus-visible {
  outline: 3px solid color-mix(in srgb, var(--wb-r27-blue) 48%, transparent);
  outline-offset: 3px;
}

:is(.card, .surface-panel, .page-header, .project-index-card, .wb23-freelancer-card) {
  transition: border-color .2s var(--wb-r27-ease), box-shadow .2s var(--wb-r27-ease), transform .2s var(--wb-r27-ease);
}

.wb27-video-loading {
  position: absolute;
  z-index: 4;
  inset: 50% auto auto 50%;
  width: 34px;
  height: 34px;
  border: 3px solid rgba(255,255,255,.28);
  border-top-color: #fff;
  border-radius: 50%;
  animation: wb27-spin .8s linear infinite;
}

.wb27-video-error { position: absolute; z-index: 4; inset-inline: 20px; bottom: 74px; margin: 0; padding: 10px 12px; color: #fff; border-radius: 10px; background: rgba(117,20,43,.9); font-size: .8rem; }

.app-shell--admin { background: var(--wb-r27-canvas); }

.admin-sidebar-head { padding: 20px 17px; }

.admin-sidebar-logo { color: #fff; background: linear-gradient(145deg, var(--wb-r27-blue), var(--wb-r27-pink)); }

.admin-sidebar-head strong { font-size: .92rem; }

.admin-sidebar-head span { margin-top: 2px; color: #9eabc4; }

.admin-r27-workspace { min-width: 0; }

.admin-r27-topbar {
  position: sticky;
  z-index: 45;
  top: 0;
  display: flex;
  min-height: 68px;
  align-items: center;
  gap: 14px;
  padding: 9px clamp(18px, 3vw, 42px);
  border-bottom: 1px solid #dfe5f0;
  background: rgba(255,255,255,.9);
  box-shadow: 0 6px 24px rgba(31,45,75,.045);
  backdrop-filter: blur(18px) saturate(1.2);
}

.admin-r27-context { display: flex; min-width: 180px; align-items: center; gap: 7px; color: #7a859a; font-size: .8rem; }

.admin-r27-context strong { color: #172138; }

.admin-r27-quick { display: flex; align-items: center; gap: 4px; margin-inline-start: auto; }

.admin-r27-quick a { display: inline-flex; min-height: 40px; align-items: center; gap: 7px; padding-inline: 11px; color: #536079; border-radius: 9px; font-size: .78rem; font-weight: 720; }

.admin-r27-quick a:hover { color: var(--wb-r27-blue-strong); background: #edf2ff; }

.admin-r27-theme { display: grid; width: 42px; height: 42px; place-items: center; color: #536079; border: 1px solid #d9e1ee; border-radius: 11px; background: #fff; }

.admin-r27-account { display: grid; min-width: 184px; grid-template-columns: 38px minmax(0,1fr) auto; align-items: center; gap: 9px; padding: 5px 8px; color: #172138; border: 1px solid #dfe5f0; border-radius: 12px; background: #fff; }

.admin-r27-account > span:first-child { display: grid; width: 36px; height: 36px; place-items: center; color: #fff; border-radius: 10px; background: linear-gradient(145deg, var(--wb-r27-blue), #6f55dc); font-weight: 820; }

.admin-r27-account > span:nth-child(2) { display: grid; min-width: 0; }

.admin-r27-account strong { overflow: hidden; font-size: .78rem; text-overflow: ellipsis; white-space: nowrap; }

.admin-r27-account small { color: #818ca0; font-size: .7rem; }

.admin-r27-inline-warning { display: flex; align-items: center; gap: 8px; padding: 11px 13px; color: #8a4a0a; border: 1px solid #f0d3a9; border-radius: 12px; background: #fff8ed; font-size: .82rem; }

.admin-r27-load-error { display: flex; min-height: 180px; align-items: center; gap: 14px; padding: 24px; }

.admin-r27-load-error > div { flex: 1; }

.admin-r27-load-error p { margin: 4px 0 0; color: var(--wb-text-muted); }

.admin-r27-risk-score { display: flex; align-items: baseline; gap: 9px; margin-top: 7px; }

.admin-r27-risk-score strong { color: #fff; font-size: 3rem; line-height: 1; }

.admin-r27-risk-score small { color: #b8c6df; }

.admin-r27-risk-meter { height: 7px; overflow: hidden; margin-top: 18px; border-radius: 999px; background: rgba(255,255,255,.13); }

.admin-r27-risk-meter i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #62d3a6, #f4bd54, #f06a7d); transition: width .35s var(--wb-r27-ease); }

.dark .app-shell--admin,
.oled .app-shell--admin { background: var(--wb-bg); }

.dark .admin-r27-topbar,
.oled .admin-r27-topbar { border-color: var(--wb-border); background: color-mix(in srgb, var(--wb-bg-elevated) 92%, transparent); }

.dark .admin-r27-context strong,
.oled .admin-r27-context strong { color: var(--wb-text); }

.dark .admin-r27-account,
.dark .admin-r27-theme,
.oled .admin-r27-account,
.oled .admin-r27-theme { color: var(--wb-text); border-color: var(--wb-border); background: var(--wb-bg-elevated); }

.site-header .desktop-theme-toggle {
  width: auto;
  min-width: 44px;
  padding-inline: 12px;
  gap: 8px;
}

.site-header .desktop-theme-toggle .theme-cycle-label {
  display: inline;
  font-size: .78rem;
  font-weight: 760;
  white-space: nowrap;
}

.admin-r27-theme .theme-cycle-label { display: none; }

.theme-cycle-button:focus-visible { outline: 3px solid color-mix(in srgb, var(--wb-primary) 38%, transparent); outline-offset: 2px; }

.wb28-theme-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }

.wb28-theme-choice { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 3px 12px; min-height: 102px; padding: 16px; color: var(--wb-text); text-align: start; border: 1px solid var(--wb-border); border-radius: 14px; background: var(--wb-bg-elevated); transition: border-color .16s ease, background-color .16s ease, box-shadow .16s ease, transform .16s ease; }

.wb28-theme-choice > span { display: grid; grid-row: 1 / span 2; width: 42px; height: 42px; place-items: center; color: var(--wb-primary); border-radius: 12px; background: var(--wb-primary-soft); }

.wb28-theme-choice strong { font-size: .94rem; }

.wb28-theme-choice small { color: var(--wb-text-muted); line-height: 1.7; }

.wb28-theme-choice:hover { border-color: var(--wb-border-strong); transform: translateY(-1px); }

.wb28-theme-choice.active { border-color: var(--wb-primary); background: color-mix(in srgb,var(--wb-primary-soft) 58%,var(--wb-bg-elevated)); box-shadow: 0 0 0 3px color-mix(in srgb,var(--wb-primary) 13%,transparent); }

.wb28-theme-choice:focus-visible { outline: 3px solid color-mix(in srgb,var(--wb-primary) 35%,transparent); outline-offset: 2px; }

@media (max-width: 1180px) {
  .site-header .desktop-theme-toggle { width: 44px; padding-inline: 0; }
  .site-header .desktop-theme-toggle .theme-cycle-label { display: none; }
}

@keyframes wb27-spin { to { transform: rotate(360deg); } }

@media (max-width: 1100px) {
  .admin-r27-topbar { position: static; margin-top: 0; padding-inline: 16px; }
  .admin-r27-quick a:nth-child(2) { display: none; }
}

@media (max-width: 820px) {
  .admin-r27-quick { display: none; }
  .admin-r27-context { min-width: 0; margin-inline-end: auto; }
  .admin-r27-account { min-width: 0; grid-template-columns: 38px auto; }
  .admin-r27-account > span:nth-child(2) { display: none; }
}

@media (max-width: 560px) {
  .admin-r27-topbar { min-height: 58px; gap: 8px; padding: 7px 12px; }
  .admin-r27-context > span,
  .admin-r27-context > svg { display: none; }
  .admin-r27-theme { width: 40px; height: 40px; }
  .admin-r27-load-error { align-items: flex-start; flex-wrap: wrap; }
  .wb28-theme-grid { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  .wb27-video-loading { animation: none; }
}

.wb31-pricing,.wb31-managed {max-width:1220px;margin-inline:auto;padding-inline:20px;}
.wb31-pricing-layout,.wb31-managed-layout {display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.85fr);gap:22px;align-items:start;}
.wb31-pricing-form,.wb31-managed-form {padding:26px;border-radius:18px;}
.wb31-panel-heading {display:flex;align-items:flex-start;gap:13px;margin-bottom:22px;}
.wb31-panel-heading>span {display:grid;width:42px;height:42px;place-items:center;flex:0 0 42px;color:var(--wb-primary);background:var(--wb-primary-soft);border-radius:12px;}
.wb31-panel-heading h2 {margin:0;color:var(--wb-text);font-size:1.2rem;}
.wb31-panel-heading p {margin:5px 0 0;color:var(--wb-text-muted);font-size:.875rem;}
.wb31-form-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;}
.wb31-toggle-fieldset {margin-top:22px;padding:0;border:0;}
.wb31-toggle-fieldset>div {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;}
.wb31-toggle-fieldset label {display:flex;align-items:center;gap:9px;min-height:46px;padding:9px 12px;border:1px solid var(--wb-border);border-radius:11px;color:var(--wb-text-soft);background:var(--wb-bg-subtle);cursor:pointer;}
.wb31-toggle-fieldset label.active {color:var(--wb-primary);border-color:var(--wb-primary);background:var(--wb-primary-soft);}
.wb31-toggle-fieldset input,.wb31-managed-levels input,.wb31-project-options input {position:absolute;opacity:0;pointer-events:none;}
.wb31-pricing-costs {padding:14px;border:1px solid var(--wb-border);border-radius:12px;background:var(--wb-bg-subtle);}
.wb31-pricing-costs summary {cursor:pointer;color:var(--wb-text);font-weight:750;}
.wb31-pricing-costs[open] summary {margin-bottom:14px;}
.wb31-calculate {width:100%;margin-top:22px;}
.wb31-pricing-result {position:sticky;top:112px;display:grid;gap:13px;}
.wb31-result-intro {padding:22px;border:1px solid var(--wb-border);border-radius:16px;background:var(--wb-bg-elevated);}
.wb31-result-intro h2 {margin:5px 0;color:var(--wb-text);font-size:1.4rem;}
.wb31-result-intro p {margin:0;color:var(--wb-text-muted);}
.wb31-tier-list {display:grid;gap:10px;}
.wb31-tier-list article {padding:18px;border:1px solid var(--wb-border);border-radius:15px;background:var(--wb-bg-elevated);box-shadow:var(--wb-shadow-xs);}
.wb31-tier-list article[data-tier="STANDARD"] {border-color:var(--wb-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--wb-primary) 11%,transparent);}
.wb31-tier-list header {display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--wb-text-soft);font-weight:800;}
.wb31-tier-list header b {padding:3px 8px;color:var(--wb-primary);font-size:.72rem;background:var(--wb-primary-soft);border-radius:7px;}
.wb31-tier-list article>strong {display:block;margin-top:11px;color:var(--wb-text);font-size:1rem;line-height:1.9;}
.wb31-tier-list article>strong small {color:var(--wb-text-muted);font-weight:500;}
.wb31-tier-list article p {min-height:44px;margin:6px 0 14px;color:var(--wb-text-muted);font-size:.82rem;line-height:1.8;}
.wb31-tier-list button {width:100%;}
.wb31-pricing-evidence {padding:15px 18px;border:1px solid var(--wb-border);border-radius:13px;color:var(--wb-text-soft);background:var(--wb-bg-subtle);}
.wb31-pricing-evidence summary {cursor:pointer;color:var(--wb-text);font-weight:780;}
.wb31-pricing-evidence ul {display:grid;gap:7px;margin:13px 0 0;padding:0;list-style:none;}
.wb31-pricing-evidence li {display:flex;align-items:center;gap:7px;font-size:.84rem;}
.wb31-pricing-evidence li svg {color:var(--wb-success);}
.wb31-disclaimer {margin:0;color:var(--wb-text-muted);font-size:.78rem;line-height:1.8;}
.wb31-managed-benefits {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;}
.wb31-managed-benefits article {padding:19px;border:1px solid var(--wb-border);border-radius:15px;background:var(--wb-bg-elevated);}
.wb31-managed-benefits article>span {display:grid;width:38px;height:38px;place-items:center;color:var(--wb-primary);background:var(--wb-primary-soft);border-radius:10px;}
.wb31-managed-benefits h2 {margin:14px 0 5px;color:var(--wb-text);font-size:.96rem;}
.wb31-managed-benefits p {margin:0;color:var(--wb-text-muted);font-size:.82rem;line-height:1.75;}
.wb31-managed-form {display:grid;gap:16px;}
.wb31-managed-levels {display:grid;gap:9px;padding:0;border:0;}
.wb31-managed-levels label {display:flex;gap:11px;padding:13px;border:1px solid var(--wb-border);border-radius:12px;background:var(--wb-bg-subtle);cursor:pointer;}
.wb31-managed-levels label:before {content:'';width:17px;height:17px;margin-top:4px;flex:0 0 17px;border:2px solid var(--wb-border-strong);border-radius:50%;}
.wb31-managed-levels label.active {border-color:var(--wb-primary);background:var(--wb-primary-soft);}
.wb31-managed-levels label.active:before {border:5px solid var(--wb-primary);}
.wb31-managed-levels strong,.wb31-managed-levels small {display:block;color:var(--wb-text);}
.wb31-managed-levels small {margin-top:4px;color:var(--wb-text-muted);font-size:.8rem;}
.wb31-managed-aside {position:sticky;top:112px;padding:25px;border:1px solid var(--wb-border);border-radius:18px;color:var(--wb-text);background:linear-gradient(145deg,var(--wb-bg-elevated),var(--wb-bg-subtle));}
.wb31-managed-aside h2 {margin:8px 0;font-size:1.35rem;}
.wb31-managed-aside ol {display:grid;gap:9px;margin:22px 0;padding:0;list-style:none;}
.wb31-managed-aside li {display:flex;align-items:center;gap:11px;padding:11px;border-bottom:1px solid var(--wb-border);}
.wb31-managed-aside li>b {display:grid;width:30px;height:30px;place-items:center;color:var(--wb-primary);background:var(--wb-primary-soft);border-radius:9px;}
.wb31-managed-aside li strong,.wb31-managed-aside li small {display:block;}
.wb31-managed-aside li small {color:var(--wb-text-muted);font-size:.78rem;}
.wb31-managed-aside .btn-outline {width:100%;}
.wb31-managed-history {padding:22px;}
.wb31-managed-history>div:last-child {display:grid;gap:8px;}
.wb31-managed-history article {display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:13px;border:1px solid var(--wb-border);border-radius:11px;background:var(--wb-bg-subtle);}
.wb31-managed-history strong,.wb31-managed-history small {display:block;}
.wb31-managed-history small {color:var(--wb-text-muted);}
.wb31-home-managed {display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:20px;max-width:1220px;margin:52px auto;padding:27px;border:1px solid color-mix(in srgb,var(--wb-primary) 35%,var(--wb-border));border-radius:18px;background:linear-gradient(120deg,var(--wb-primary-soft),var(--wb-bg-elevated));}
.wb31-home-managed>span {display:grid;width:54px;height:54px;place-items:center;color:var(--wb-primary);background:var(--wb-bg-elevated);border-radius:15px;box-shadow:var(--wb-shadow-sm);}
.wb31-home-managed small {color:var(--wb-primary);font-weight:800;}
.wb31-home-managed h2 {margin:4px 0;color:var(--wb-text);font-size:1.3rem;}
.wb31-home-managed p {margin:0;color:var(--wb-text-muted);}
.wb31-profile-rates {padding:18px;border:1px solid var(--wb-border);border-radius:14px;background:var(--wb-bg-subtle);}
.wb31-fx-note {display:flex;align-items:center;gap:8px;padding:11px 15px;color:var(--wb-text-soft);font-size:.82rem;border:1px solid var(--wb-border);border-radius:11px;background:var(--wb-bg-subtle);}
.wb31-fx-note svg {color:var(--wb-success);}
.wb31-education-list {display:grid;gap:10px;}
.wb31-education-list article {display:flex;gap:13px;padding:15px;border:1px solid var(--wb-border);border-radius:12px;background:var(--wb-bg-subtle);}
.wb31-education-list article>span {display:grid;width:36px;height:36px;place-items:center;flex:0 0 36px;color:var(--wb-primary);background:var(--wb-primary-soft);border-radius:10px;}
.wb31-education-list h3 {margin:0;color:var(--wb-text);}
.wb31-education-list strong,.wb31-education-list small {display:block;margin-top:3px;color:var(--wb-text-soft);}
.wb31-education-list p {margin:8px 0 0;color:var(--wb-text-muted);}
.wb31-project-options {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:0;border:0;}
.wb31-project-options legend {grid-column:1/-1;}
.wb31-project-options label {display:flex;align-items:center;gap:9px;padding:12px;border:1px solid var(--wb-border);border-radius:12px;color:var(--wb-text-soft);background:var(--wb-bg-subtle);cursor:pointer;}
.wb31-project-options label.active {color:var(--wb-primary);border-color:var(--wb-primary);background:var(--wb-primary-soft);}
.wb31-project-options strong,.wb31-project-options small {display:block;}
.wb31-project-options small {font-size:.75rem;color:var(--wb-text-muted);}
.wb31-badge-urgent,.wb31-badge-featured,.wb31-badge-managed {display:inline-flex!important;align-items:center;gap:5px;}
.wb31-badge-urgent {color:var(--wb-danger)!important;background:var(--wb-danger-soft)!important;border-color:color-mix(in srgb,var(--wb-danger) 30%,var(--wb-border))!important;}
.wb31-badge-featured {color:var(--wb-warning)!important;background:var(--wb-warning-soft)!important;border-color:color-mix(in srgb,var(--wb-warning) 30%,var(--wb-border))!important;}
.wb31-badge-managed {color:var(--wb-success)!important;background:var(--wb-success-soft)!important;border-color:color-mix(in srgb,var(--wb-success) 30%,var(--wb-border))!important;}
.project-index-meta dd small {display:block;margin-top:3px;color:var(--wb-text-muted);font-size:.72rem;}
@media(max-width:900px){.wb31-pricing-layout,.wb31-managed-layout{grid-template-columns:1fr}.wb31-pricing-result,.wb31-managed-aside{position:static}.wb31-managed-benefits{grid-template-columns:repeat(2,minmax(0,1fr))}.wb31-home-managed{grid-template-columns:auto 1fr}.wb31-home-managed>.btn{grid-column:1/-1}.wb31-project-options{grid-template-columns:1fr}}
@media(max-width:600px){.wb31-pricing,.wb31-managed{padding-inline:14px}.wb31-pricing-form,.wb31-managed-form{padding:18px}.wb31-form-grid,.wb31-toggle-fieldset>div{grid-template-columns:1fr}.wb31-managed-benefits{grid-template-columns:1fr}.wb31-managed-history article{grid-template-columns:1fr}.wb31-home-managed{grid-template-columns:1fr;margin:34px 14px;padding:21px}.wb31-home-managed>.btn{grid-column:auto}.wb31-tier-list article p{min-height:0}}

.btn,.btn-primary,.btn-secondary,.btn-outline,.btn-ghost,.btn-light,.btn-danger,.btn-danger-outline {
 display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;
 padding:10px 18px;border:1px solid transparent;border-radius:10px;font:inherit;font-size:.875rem;font-weight:750;line-height:1.6;
 text-decoration:none;cursor:pointer;transition:background .15s,border-color .15s,box-shadow .15s;
}
.btn,.btn-primary {background:var(--wb-action);border-color:var(--wb-action);color:#fff;box-shadow:var(--wb-shadow-xs);}
.btn:hover,.btn-primary:hover {background:var(--wb-action-hover);border-color:var(--wb-action-hover);color:#fff;}
.btn-secondary,.btn-outline {background:var(--wb-bg-elevated);border-color:var(--wb-border-strong);color:var(--wb-primary);}
.btn-secondary:hover,.btn-outline:hover {background:var(--wb-primary-soft);border-color:var(--wb-primary);}
.btn-ghost {color:var(--wb-text-soft);background:transparent;}
.btn-ghost:hover {background:var(--wb-bg-muted);color:var(--wb-text);}
.btn-light {color:#18243b;background:#fff;border-color:#dce3ed;}
.btn-danger {color:#fff;background:#b82745;border-color:#b82745;}
.btn-danger:hover {background:#982039;}
.btn-danger-outline {color:var(--wb-danger);background:var(--wb-danger-soft);border-color:var(--wb-danger);}
.btn-sm {min-height:40px;padding:8px 12px;font-size:.8125rem;}
.btn:disabled,.btn-primary:disabled,.btn-outline:disabled,.btn-ghost:disabled,.btn-danger:disabled {opacity:.55;cursor:not-allowed;box-shadow:none;}
:where(button,a,input,select,textarea,summary):focus-visible {outline:3px solid var(--wb-focus);outline-offset:3px;}
.status-badge {display:inline-flex;align-items:center;padding:4px 10px;border:1px solid var(--wb-border);border-radius:8px;font-size:.8125rem;line-height:1.7;font-weight:750;background:var(--wb-bg-muted);color:var(--wb-text-soft);white-space:normal;}
.status-badge[data-tone="success"] {color:var(--wb-success);background:var(--wb-success-soft);border-color:color-mix(in srgb,var(--wb-success) 30%,var(--wb-border));}
.status-badge[data-tone="warning"] {color:var(--wb-warning);background:var(--wb-warning-soft);border-color:color-mix(in srgb,var(--wb-warning) 30%,var(--wb-border));}
.status-badge[data-tone="danger"] {color:var(--wb-danger);background:var(--wb-danger-soft);border-color:color-mix(in srgb,var(--wb-danger) 30%,var(--wb-border));}
.status-badge[data-tone="info"] {color:var(--wb-info);background:var(--wb-info-soft);border-color:color-mix(in srgb,var(--wb-info) 30%,var(--wb-border));}
.inline-alert {padding:14px 18px;border:1px solid var(--wb-border);border-radius:12px;font-size:.9375rem;line-height:1.9;overflow-wrap:anywhere;}
.inline-alert[data-tone="info"] {color:var(--wb-info);background:var(--wb-info-soft);}
.inline-alert[data-tone="success"] {color:var(--wb-success);background:var(--wb-success-soft);}
.inline-alert[data-tone="warning"] {color:var(--wb-warning);background:var(--wb-warning-soft);}
.inline-alert[data-tone="error"] {color:var(--wb-danger);background:var(--wb-danger-soft);}
.review-dialog-backdrop {z-index:1000;overflow-y:auto;padding:24px;overscroll-behavior:contain;}
.review-dialog {max-height:calc(100dvh - 48px);overflow:auto;color:var(--wb-text);background:var(--wb-bg-elevated);border:1px solid var(--wb-border);border-radius:18px;}
.review-dialog h2 {color:var(--wb-text);}
.review-dialog p {color:var(--wb-text-soft);}
.wb206-admin-drawer {max-width:min(720px,100vw);background:var(--wb-bg-elevated);color:var(--wb-text);border-color:var(--wb-border);overscroll-behavior:contain;}
.wb206-admin-drawer :is(h2,h3,strong,b,dd) {color:var(--wb-text);}
.wb206-overview-section {background:var(--wb-bg-subtle);border-color:var(--wb-border);}
.wb206-overview-section dt {color:var(--wb-text-muted);}
.admin-content .text-xs {font-size:.875rem;line-height:1.8;}
.admin-content :is(.page-header,.admin-page-hero,.integrations-hero) {min-height:0;padding:24px;border-radius:16px;color:var(--wb-text);background:var(--wb-bg-elevated);border:1px solid var(--wb-border);}
.admin-content :is(.page-header,.admin-page-hero,.integrations-hero) h1 {color:var(--wb-text);font-size:clamp(1.5rem,2.8vw,2rem);}
.admin-content :is(.page-header,.admin-page-hero,.integrations-hero) p {color:var(--wb-text-muted);}
.admin-content :is(table th,table td) {font-size:.875rem;line-height:1.8;}
.admin-content table th {color:var(--wb-text-soft);background:var(--wb-bg-muted);}
.admin-content table td {color:var(--wb-text);border-color:var(--wb-border);}
.admin-content table tbody tr:hover td {background:var(--wb-bg-subtle);}

.dark :is(.text-gray-600,.text-slate-600),
.oled :is(.text-gray-600,.text-slate-600) {color:var(--wb-text-muted);}
.dark :is(.text-gray-700,.text-slate-700),
.oled :is(.text-gray-700,.text-slate-700) {color:var(--wb-text-soft);}
.dark .bg-gray-100,.oled .bg-gray-100 {background:var(--wb-bg-muted);}
.dark .prose,.oled .prose {color:var(--wb-text-soft);}
.dark .prose :is(h1,h2,h3,h4,strong,b),
.oled .prose :is(h1,h2,h3,h4,strong,b) {color:var(--wb-text);}
.dark .prose a,.oled .prose a {color:var(--wb-primary);}
.project-index-card {border-radius:14px;border-color:var(--wb-border);background:var(--wb-bg-elevated);}
.project-index-card h2 {font-size:1.125rem;line-height:1.8;}
.project-index-card p {font-size:.9375rem;line-height:1.85;}
.project-index-card .project-index-budget strong {color:var(--wb-text);}
.fr5-market-sidebar {align-self:start;}
@media(min-width:1024px){.fr5-market-sidebar {position:sticky;top:120px;max-height:calc(100dvh - 140px);overflow-y:auto;scrollbar-width:thin;}}
@media(max-width:760px){.review-dialog-backdrop{padding:12px}.review-dialog{max-height:calc(100dvh - 24px)}.admin-content :is(.page-header,.admin-page-hero,.integrations-hero){padding:18px}.fr5-market-results-head{flex-wrap:wrap;gap:8px}.fr5-market-results-head small{font-size:.8125rem}.project-index-card{padding:18px}}

.market-home { max-width: 1240px; margin-inline: auto; }
.home-categories,.home-market,.home-showcase,.home-cases,.home-managed,.console-currencies,.console-trend { min-width: 0; }
.admin-overview-stats {display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;}
.admin-stat {display:flex;flex-direction:column;gap:8px;padding:20px;border:1px solid var(--wb-border);border-radius:14px;background:var(--wb-bg-elevated);color:var(--wb-text);}
.admin-stat > span {color:var(--wb-text-muted);font-size:.875rem;}
.admin-stat > strong {font-size:1.75rem;line-height:1.5;}
.admin-stat-warning {border-color:var(--wb-warning);background:var(--wb-warning-soft);}
.admin-stat-warning > span {color:var(--wb-warning);}
.home-hero { display: grid; grid-template-columns: 1.05fr 1fr; gap: clamp(24px,5vw,72px); align-items: center; padding-block: 52px 44px; }
.home-eyebrow { display: block; color: var(--wb-primary); font-weight: 750; font-size: .875rem; }
.home-role { display: inline-flex; gap: 4px; padding: 4px; margin-block: 20px 0; border: 1px solid var(--wb-border); border-radius: 12px; background: var(--wb-bg-elevated); }
.home-role button { display: inline-flex; gap: 8px; align-items: center; padding: 8px 15px; min-height: 44px; border: 0; border-radius: 8px; background: transparent; color: var(--wb-text-soft); font-size: .875rem; font-weight: 750; }
.home-role button[aria-pressed="true"] { color: #fff; background: var(--wb-action); box-shadow: 0 3px 8px rgba(24,36,59,.12); }
.home-hero h1 { margin: 24px 0 16px; font-size: clamp(2.4rem,4.8vw,4.1rem); line-height: 1.4; letter-spacing: normal; font-weight: 850; color: var(--wb-text); }
.home-hero h1 em { color: var(--wb-primary); font-style: normal; }
.home-hero-copy > p { max-width: 470px; color: var(--wb-text-soft); font-size: 1.0625rem; line-height: 1.9; }
.home-search { display: flex; align-items: center; gap: 10px; padding: 7px; padding-inline-start: 14px; margin-top: 24px; border: 1px solid var(--wb-border-strong); border-radius: 14px; background: var(--wb-bg-elevated); box-shadow: var(--wb-shadow-sm); }
.home-search > svg { flex-shrink: 0; color: var(--wb-text-muted); }
.home-search input:not([type="checkbox"]) { min-width: 0; flex: 1; border: 0; background: transparent; box-shadow: none; padding: 8px 0; color: var(--wb-text); font-size: .9375rem; }
.home-search .btn { white-space: nowrap; }
.home-search:focus-within { outline: 2px solid var(--wb-focus); outline-offset: 3px; }
.home-search input:not([type="checkbox"]):focus { outline: none; box-shadow: none; }
.home-secondary-link { display: inline-flex; align-items: center; gap: 8px; margin-top: 16px; min-height: 44px; color: var(--wb-primary); font-size: .9375rem; font-weight: 750; }
.home-assurances { display: flex; flex-wrap: wrap; gap: 10px 20px; margin-top: 12px; color: var(--wb-text-muted); font-size: .8125rem; }
.home-assurances span { display: inline-flex; align-items: center; gap: 6px; }
.home-assurances svg { color: var(--wb-success); }
.home-hero-media { min-width: 0; padding: 10px; border: 1px solid var(--wb-border); border-radius: 26px; background: var(--wb-bg-elevated); box-shadow: var(--wb-shadow-md); }
.home-hero-media .wb27-editorial-media { position: relative; height: auto; min-height: 0; aspect-ratio: 16/10; overflow: hidden; border-radius: 18px; background: #10192c; }
.home-hero-media video { display: block; width: 100%; height: 100%; object-fit: contain; }
.home-hero-media #market-story-caption { position: absolute; inset: auto 0 0; padding: 54px 16px 16px; color: #fff; background: linear-gradient(transparent,rgba(5,10,20,.8)); font-size: .875rem; }
.home-hero-media #market-story-caption svg { display: none; }
.home-hero-media .wb210-video-control { position: absolute; inset: 14px auto auto 14px; min-width: 44px; min-height: 44px; display: inline-flex; gap: 6px; align-items: center; padding: 8px 12px; color: #fff; border: 1px solid rgba(255,255,255,.4); background: rgba(10,18,33,.85); border-radius: 30px; font-size: .8125rem; }
.home-hero-media .wb27-video-error { position: absolute; inset: 60px 16px auto; color: #fff; background: rgba(10,18,33,.9); border-radius: 10px; padding: 12px; }
.home-media-caption { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 16px 8px 8px; color: var(--wb-text-soft); font-size: .875rem; }
.home-media-caption a { display: inline-flex; gap: 6px; align-items: center; color: var(--wb-primary); font-weight: 750; }
.market-home > section:not(.home-hero) { margin-block: 28px 48px; }
.home-section-head { display: flex; align-items: end; justify-content: space-between; gap: 20px; margin-bottom: 22px; }
.home-section-head h2 { margin: 7px 0 0; color: var(--wb-text); font-size: clamp(1.4rem,2.3vw,1.85rem); line-height: 1.65; }
.home-section-head p { color: var(--wb-text-muted); font-size: .9375rem; margin: 6px 0 0; }
.home-section-head > a { display: inline-flex; gap: 8px; align-items: center; color: var(--wb-primary); font-size: .875rem; font-weight: 750; flex-shrink: 0; min-height: 44px; }
.home-category-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }
.home-category-grid > a { display: flex; align-items: center; gap: 12px; min-height: 78px; padding: 18px; border: 1px solid var(--wb-border); border-radius: var(--wb-radius-md); background: var(--wb-bg-elevated); transition: border-color .18s, transform .18s; }
.home-category-grid > a:hover { border-color: var(--wb-primary); transform: translateY(-2px); }
.home-category-grid > a > svg:first-child { color: var(--wb-primary); }
.home-category-grid > a > svg:last-child { color: var(--wb-text-muted); margin-inline-start: auto; }
.home-category-grid strong { font-size: .9375rem; font-weight: 750; }
.home-market-count { color: var(--wb-text-muted); font-size: .875rem; margin-top: -10px; margin-bottom: 18px; }
.home-expert-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; }
.home-project-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
.market-project, .market-expert { display: flex; flex-direction: column; min-width: 0; padding: 20px; border: 1px solid var(--wb-border); border-radius: var(--wb-radius-lg); background: var(--wb-bg-elevated); box-shadow: var(--wb-shadow-xs); }
.market-project h3, .market-expert h3 { margin: 8px 0; font-size: 1.0625rem; line-height: 1.75; }
.market-project > p { margin: 0 0 16px; color: var(--wb-text-soft); font-size: .9375rem; line-height: 1.85; }
.market-project-head { display: flex; justify-content: space-between; gap: 12px; color: var(--wb-text-muted); font-size: .8125rem; }
.market-project-head small { font-size: inherit; }
.market-project footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px; margin-top: auto; padding-top: 20px; }
.market-project footer strong { color: var(--wb-text); font-size: 1rem; }
.market-project footer a { display: flex; gap: 6px; align-items: center; color: var(--wb-primary); font-size: .875rem; }
.market-expert > header { display: flex; gap: 12px; align-items: center; }
.market-expert > header > div { min-width: 0; }
.market-expert .wb23-avatar { display: grid; place-items: center; width: 52px; height: 52px; flex: 0 0 52px; border-radius: 16px; background: var(--wb-primary-soft); color: var(--wb-primary); }
.market-expert .wb23-avatar img { width: 100%; height: 100%; object-fit: cover; border-radius: inherit; }
.market-expert header p { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin: 0; color: var(--wb-text-muted); font-size: .8125rem; }
.market-expert dl { display: grid; gap: 10px; margin-block: 20px; }
.market-expert dl > div { display: flex; justify-content: space-between; gap: 8px; font-size: .875rem; }
.market-expert dt { color: var(--wb-text-muted); }
.market-expert dd { margin: 0; font-weight: 750; }
.market-expert footer { display: flex; flex-wrap: wrap; margin-top: auto; padding-top: 18px; gap: 8px; }
.market-expert footer > a { flex: 1 1 auto; font-size: .8125rem; padding: 8px 10px; }
.market-empty { display: flex; flex-wrap: wrap; gap: 20px; align-items: center; padding: 28px; border: 1px dashed var(--wb-border-strong); border-radius: 18px; background: var(--wb-bg-elevated); }
.market-empty > div { flex: 1 1 280px; }
.market-empty h3 { font-size: 1.0625rem; margin: 0 0 8px; }
.market-empty p { margin: 0; font-size: .9375rem; color: var(--wb-text-muted); }
.home-load-error { display: flex; align-items: center; gap: 16px; padding: 12px; margin-bottom: 16px; color: var(--wb-warning); background: var(--wb-warning-soft); border-radius: 12px; }
.home-showcase-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 16px; }
.home-showcase-grid > a { position: relative; overflow: hidden; border-radius: 18px; background: #111b2c; color: #fff; aspect-ratio: .95; }
.home-showcase-grid img { width: 100%; height: 100%; object-fit: cover; transition: transform .3s ease; }
.home-showcase-grid a:hover img { transform: scale(1.035); }
.home-showcase-grid a > span { position: absolute; inset: auto 0 0; display: grid; gap: 6px; padding: 48px 18px 20px; background: linear-gradient(transparent,rgba(3,8,20,.96)); }
.home-showcase-grid strong { font-size: 1rem; color: #fff; }
.home-showcase-grid small { color: #e1e7f3; font-size: .8125rem; }
.home-showcase-grid span svg { position: absolute; inset-inline-end: 15px; top: 18px; }
.home-workflow ol { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 24px; list-style: none; padding: 0; margin: 0; }
.home-workflow li { border-top: 2px solid var(--wb-border); padding-top: 20px; }
.home-workflow li > span { color: var(--wb-primary); font-size: 1.5rem; font-weight: 850; }
.home-workflow h3 { margin: 12px 0 6px; font-size: 1rem; }
.home-workflow li > p { color: var(--wb-text-muted); font-size: .9375rem; margin: 0; }
.home-closing { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 30px; border-radius: 20px; border: 1px solid var(--wb-border); background: var(--wb-primary-soft); }
.home-closing h2 { color: var(--wb-text); margin: 0 0 8px; font-size: 1.5rem; }
.home-closing p { color: var(--wb-text-soft); margin: 0; }
.home-closing a { flex-shrink: 0; }
.home-case-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }
.home-case-grid article { padding: 24px; border: 1px solid var(--wb-border); border-radius: 18px; background: var(--wb-bg-elevated); }
.home-case-grid p { color: var(--wb-text-soft); }

.app-shell--admin { background: var(--wb-bg); }
.admin-layout { display: grid; grid-template-columns: 252px minmax(0,1fr); width: 100%; min-height: 100vh; margin: 0; padding: 0; gap: 0; }
.admin-sidebar { position: sticky; top: 0; height: 100dvh; max-height: 100dvh; min-height: 0; display: flex; flex-direction: column; margin: 0; border: 0; border-inline-end: 1px solid var(--wb-border); border-radius: 0; background: var(--wb-bg-elevated); color: var(--wb-text); box-shadow: none; overflow: hidden; }
.admin-sidebar-head { display: flex; align-items: center; gap: 12px; padding: 24px 18px; }
.admin-sidebar-head strong { display: block; color: var(--wb-text); font-size: .9375rem; }
.admin-sidebar-head span { display: block; color: var(--wb-text-muted); font-size: .8125rem; }
.admin-sidebar .admin-sidebar-logo { display: grid; place-items: center; width: 40px; height: 40px; flex-shrink: 0; color: #fff; background: var(--wb-action); border-radius: 12px; }
.admin-nav-search { display: flex; align-items: center; gap: 8px; margin: 0 14px 14px; padding: 2px 10px; border: 1px solid var(--wb-border); border-radius: 10px; background: var(--wb-bg); color: var(--wb-text-muted); }
.admin-nav-search input { min-width: 0; border: 0; box-shadow: none; background: transparent; color: var(--wb-text); padding: 10px 0; font-size: .875rem; }
.admin-nav-search kbd { font-size: .75rem; }
.admin-sidebar-scroll { padding: 0 12px 20px; overflow-y: auto; flex: 1; }
.admin-nav-group { padding-bottom: 12px; }
.admin-nav-group summary { display: flex; align-items: center; justify-content: space-between; padding: 12px 10px; min-height: 44px; color: var(--wb-text-muted); font-size: .8125rem; font-weight: 750; cursor: pointer; list-style: none; }
.admin-side-link { display: flex; align-items: center; gap: 10px; padding: 11px 12px; min-height: 44px; border: 1px solid transparent; border-radius: 9px; background: transparent; color: var(--wb-text-soft); font-size: .875rem; font-weight: 600; }
.admin-side-link:hover { background: var(--wb-bg-muted); color: var(--wb-text); }
.admin-side-link.active { color: var(--wb-primary); border-color: var(--wb-border); background: var(--wb-primary-soft); font-weight: 800; }
.admin-link-arrow { display: none; }
.admin-view-site { display: flex; gap: 9px; padding: 18px 24px; min-height: 52px; border-top: 1px solid var(--wb-border); color: var(--wb-text-soft); font-size: .875rem; }
.admin-r27-workspace { min-width: 0; }
.admin-r27-topbar { display: flex; align-items: center; gap: 16px; min-height: 76px; padding: 14px 28px; border-bottom: 1px solid var(--wb-border); background: var(--wb-bg-elevated); }
.admin-r27-context { display: flex; align-items: center; gap: 8px; font-size: .875rem; color: var(--wb-text-muted); }
.admin-r27-context strong { color: var(--wb-text); font-size: .875rem; }
.admin-r27-quick { display: flex; gap: 16px; margin-inline-start: auto; }
.admin-r27-quick a { display: inline-flex; align-items: center; gap: 6px; color: var(--wb-text-soft); font-size: .8125rem; min-height: 44px; }
.admin-r27-account { display: flex; align-items: center; gap: 9px; color: var(--wb-text); }
.admin-r27-account > span:first-child { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 12px; color: var(--wb-primary); background: var(--wb-primary-soft); font-weight: 800; }
.admin-r27-account strong, .admin-r27-account small { display: block; font-size: .8125rem; }
.admin-r27-account small { color: var(--wb-text-muted); }
.admin-content { width: 100%; max-width: 1600px; margin-inline: auto; padding: 28px; min-width: 0; }
.admin-mobile-menu { display: none; }
.admin-search-empty { display: grid; gap: 10px; justify-items: center; padding: 20px 8px; color: var(--wb-text-muted); font-size: .875rem; }
.console-dashboard { display: grid; gap: 24px; }
.console-heading { display: flex; flex-wrap: wrap; gap: 20px; justify-content: space-between; align-items: center; }
.console-eyebrow { color: var(--wb-text-muted); font-size: .875rem; }
.console-heading h1 { font-size: clamp(1.5rem,2.5vw,2rem); margin: 6px 0; color: var(--wb-text); }
.console-heading p { margin: 0; color: var(--wb-text-muted); font-size: .9375rem; }
.console-toolbar { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.console-toolbar select { width: auto; min-width: 130px; }
.console-toolbar > * { font-size: .875rem; }
.console-stats { display: grid; grid-template-columns: repeat(auto-fit,minmax(180px,1fr)); gap: 14px; }
.console-stat { display: grid; position: relative; padding: 22px; gap: 8px; border: 1px solid var(--wb-border); border-radius: 16px; background: var(--wb-bg-elevated); box-shadow: var(--wb-shadow-xs); }
.console-stat > span:not(.console-stat-icon) { color: var(--wb-text-soft); font-size: .875rem; }
.console-stat > strong { font-size: clamp(1.25rem,2vw,1.85rem); font-weight: 850; line-height: 1.8; color: var(--wb-text); overflow-wrap: anywhere; }
.console-stat > small { font-size: .75rem; color: var(--wb-text-muted); }
.console-stat-icon { position: absolute; inset-inline-end: 18px; top: 18px; color: var(--wb-primary); }
.console-operating-grid { display: grid; grid-template-columns: minmax(0,1.6fr) minmax(260px,1fr); gap: 20px; align-items: stretch; }
.console-panel { min-width: 0; border: 1px solid var(--wb-border); border-radius: 18px; padding: 22px; background: var(--wb-bg-elevated); }
.console-panel-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 18px; }
.console-panel-head h2 { margin: 0; color: var(--wb-text); font-size: 1.0625rem; }
.console-panel-head p { margin: 6px 0 0; color: var(--wb-text-muted); font-size: .875rem; }
.console-panel-head > a, .console-panel-head > span { font-size: .8125rem; color: var(--wb-primary); }
.console-queues { display: grid; gap: 10px; }
.console-queue { display: flex; gap: 12px; align-items: center; padding: 14px; border-radius: 12px; border: 1px solid var(--wb-border); color: var(--wb-text); }
.console-queue:hover { background: var(--wb-bg-subtle); border-color: var(--wb-border-strong); }
.console-queue-icon { width: 38px; height: 38px; display: grid; place-items: center; color: var(--wb-warning); background: var(--wb-warning-soft); border-radius: 10px; flex-shrink: 0; }
.console-queue[data-severity="danger"] .console-queue-icon { color: var(--wb-danger); background: var(--wb-danger-soft); }
.console-queue strong, .console-queue small { display: block; font-size: .875rem; }
.console-queue small { color: var(--wb-text-muted); font-size: .8125rem; margin-top: 4px; }
.console-queue b { margin-inline-start: auto; font-size: 1.25rem; }
.console-empty { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 10px; padding: 24px 12px; color: var(--wb-text-muted); }
.console-empty p { margin: 0; font-size: .875rem; }
.console-empty > svg { color: var(--wb-primary); }
.console-health { display: flex; flex-direction: column; }
.console-health p { color: var(--wb-text-muted); font-size: .875rem; }
.console-health dl { display: grid; gap: 12px; font-size: .875rem; margin: 12px 0 20px; }
.console-health dl > div { display: flex; justify-content: space-between; gap: 12px; }
.console-health dt { color: var(--wb-text-soft); }
.console-health dd { margin: 0; font-weight: 800; }
.console-health > a { margin-top: auto; }
.console-health time { display: block; color: var(--wb-text-muted); font-size: .75rem; margin-top: 14px; text-align: center; }
.console-risk-label { color: var(--wb-text-soft); font-size: .875rem; }
.console-risk-value { display: flex; gap: 12px; align-items: baseline; margin: 8px 0; font-size: 2.5rem; line-height: 1.6; color: var(--wb-text); }
.console-risk-value small { font-size: .875rem; color: var(--wb-text-muted); }
.console-finance { display: flex; flex-wrap: wrap; align-items: center; gap: 22px; padding: 20px 24px; border: 1px solid var(--wb-border); border-radius: 16px; background: var(--wb-bg-elevated); }
.console-finance > div { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; font-size: .875rem; }
.console-finance svg { color: var(--wb-primary); }
.console-finance > a { display: flex; gap: 8px; align-items: center; margin-inline-start: auto; font-size: .875rem; color: var(--wb-primary); }
.console-charts, .console-recent { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; }
.console-bars { height: 140px; display: flex; gap: 5px; border-bottom: 1px solid var(--wb-border); }
.console-bars > span { display: flex; align-items: end; flex: 1; height: 100%; }
.console-bars i { width: 100%; display: block; min-width: 2px; border-radius: 4px 4px 0 0; background: var(--wb-action); }
.console-chart-dates { display: flex; justify-content: space-between; direction: ltr; color: var(--wb-text-muted); font-size: .75rem; margin-top: 12px; }
.console-chart-data { margin-top: 12px; font-size: .8125rem; }
.console-chart-data summary { min-height: 32px; cursor: pointer; color: var(--wb-primary); }
.console-table-wrap { max-height: 250px; overflow: auto; }
.console-activity { list-style: none; padding: 0; margin: 0; }
.console-activity li { display: flex; align-items: center; gap: 12px; padding: 13px 0; border-bottom: 1px solid var(--wb-border); }
.console-activity li:last-child { border-bottom: 0; }
.console-activity li > span:nth-child(2) { min-width: 0; flex: 1; }
.console-activity strong { display: block; font-size: .875rem; overflow-wrap: anywhere; }
.console-activity small { display: block; color: var(--wb-text-muted); font-size: .8125rem; overflow-wrap: anywhere; }
.console-activity time, .console-activity li > span:last-child { color: var(--wb-text-muted); font-size: .8125rem; }
.console-activity-icon, .console-person { display: grid; place-items: center; flex: 0 0 36px; height: 36px; border-radius: 10px; background: var(--wb-primary-soft); color: var(--wb-primary); }
.console-tools { border: 1px solid var(--wb-border); border-radius: 16px; background: var(--wb-bg-elevated); padding: 0 22px; }
.console-tools > summary { display: flex; align-items: center; gap: 10px; padding: 20px 0; min-height: 56px; cursor: pointer; font-weight: 750; list-style: none; }
.console-tools > summary svg:last-child { margin-inline-start: auto; }
.console-tools h3 { font-size: .875rem; color: var(--wb-text-soft); }
.console-tools-search { display: flex; gap: 10px; align-items: center; margin-bottom: 22px; }
.console-tool-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; margin-bottom: 24px; }
.console-tool-grid a { display: flex; align-items: center; gap: 12px; padding: 14px; min-width: 0; border: 1px solid var(--wb-border); border-radius: 12px; }
.console-tool-grid a > svg { flex-shrink: 0; color: var(--wb-primary); }
.console-tool-grid a > svg:last-child { margin-inline-start: auto; }
.console-tool-grid strong { display: block; font-size: .875rem; }
.console-tool-grid small { display: block; font-size: .8125rem; color: var(--wb-text-muted); margin-top: 5px; }
.console-warning { display: flex; gap: 10px; align-items: center; padding: 14px 18px; color: var(--wb-warning); background: var(--wb-warning-soft); border-radius: 12px; font-size: .9375rem; }
@media (max-width: 1200px) {
 .home-expert-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
 .admin-layout { grid-template-columns: 220px minmax(0,1fr); }
 .admin-content { padding: 22px; }
 .admin-r27-quick { display: none; }
 .admin-r27-topbar > .theme-cycle-button { margin-inline-start: auto; }
 .console-tool-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
 .console-stats { grid-template-columns: repeat(2,minmax(0,1fr)); }
 .console-operating-grid { grid-template-columns: minmax(0,1fr) minmax(240px,.75fr); }
}
@media (max-width: 900px) {
 .home-hero { gap: 24px; padding-top: 28px; }
 .home-hero h1 { font-size: 2.5rem; }
 .home-search { flex-wrap: wrap; }
 .home-search .btn { width: 100%; }
 .home-media-caption { flex-wrap: wrap; }
 .home-category-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
 .home-showcase-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
 .home-showcase-grid > a { aspect-ratio: 1.3; }
 .home-workflow ol { grid-template-columns: repeat(2,minmax(0,1fr)); }
 .console-operating-grid, .console-charts, .console-recent { grid-template-columns: minmax(0,1fr); }
 .admin-r27-account > span:nth-child(2), .admin-r27-account > svg { display: none; }
}
@media (max-width: 760px) {
 .admin-layout { display: flex; flex-direction: column; }
 .admin-sidebar { display: none; }
 .admin-mobile-menu { display: block; position: relative; z-index: 25; background: var(--wb-bg-elevated); border: 0; border-bottom: 1px solid var(--wb-border); border-radius: 0; }
 .admin-mobile-menu > summary { display: flex; justify-content: space-between; align-items: center; min-height: 56px; padding: 10px 16px; list-style: none; cursor: pointer; }
 .admin-mobile-menu > summary > span { display: flex; gap: 8px; align-items: center; font-size: .875rem; }
 .admin-mobile-menu small { color: var(--wb-text-muted); }
 .admin-mobile-menu[open] > nav { max-height: 65dvh; overflow: auto; }
 .admin-r27-topbar { min-height: 62px; padding: 10px 16px; gap: 10px; }
 .admin-r27-context > span, .admin-r27-context > svg { display: none; }
 .admin-content { padding: 20px 16px; }
 .console-dashboard { gap: 18px; }
 .console-toolbar { width: 100%; }
 .console-toolbar > label { flex: 1; }
 .console-toolbar select { width: 100%; }
 .console-heading { gap: 16px; }
 .console-panel { padding: 18px; }
 .console-stat { padding: 16px; }
 .console-stat-icon { position: static; }
 .console-tool-grid { grid-template-columns: minmax(0,1fr); }
 .console-finance { padding: 18px; gap: 14px; }
 .console-finance > div { width: 100%; }
 .console-finance strong { margin-inline-start: auto; }
 .console-activity time { max-width: 96px; font-size: .75rem; }
 .console-health { gap: 0; }
 .console-panel-head { align-items: start; }
 .console-panel-head .btn-ghost { font-size: .8125rem; padding-inline: 8px; }
}
@media (max-width: 620px) {
 .home-hero { grid-template-columns: minmax(0,1fr); gap: 28px; padding-block: 24px 16px; }
 .home-hero h1 { font-size: clamp(2.25rem,9.5vw,3rem); line-height: 1.45; margin-block: 20px 14px; }
 .home-hero-copy > p { font-size: 1rem; line-height: 1.9; }
 .home-role { display: flex; width: fit-content; margin-top: 16px; }
 .home-role button { padding-inline: 13px; }
 .home-hero-media .wb27-editorial-media { aspect-ratio: 1.65; }
 .home-search { padding: 6px; gap: 6px; padding-inline-start: 12px; }
 .home-search input { font-size: 1rem; }
 .home-assurances { margin-top: 8px; gap: 8px 14px; font-size: .8125rem; }
 .home-section-head { gap: 12px; flex-wrap: wrap; align-items: start; }
 .home-category-grid { gap: 8px; }
 .home-category-grid > a { display: grid; gap: 10px; grid-template-columns: 1fr auto; padding: 16px 12px; min-height: 110px; align-content: start; }
 .home-category-grid strong { grid-row: 2; grid-column: 1 / -1; font-size: .875rem; }
 .home-category-grid > a > svg:last-child { grid-row: 1; grid-column: 2; }
 .home-expert-grid, .home-project-grid, .home-case-grid { grid-template-columns: minmax(0,1fr); }
 .market-expert dl { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; }
 .market-expert dl > div { display: grid; gap: 6px; font-size: .8125rem; }
 .market-home > section:not(.home-hero) { margin-block: 28px 36px; }
 .home-showcase-grid { gap: 10px; }
 .home-showcase-grid > a { aspect-ratio: .78; }
 .home-showcase-grid a > span { padding: 38px 12px 14px; }
 .home-showcase-grid strong { font-size: .875rem; }
 .home-showcase-grid small { font-size: .75rem; }
 .home-workflow ol { gap: 20px; }
 .home-workflow p { font-size: .875rem; }
 .home-closing { flex-direction: column; align-items: start; padding: 24px; }
 .home-closing .btn { width: 100%; }
 .home-closing h2 { font-size: 1.35rem; }
}
@media (prefers-reduced-motion: reduce) {
 .home-showcase-grid img, .home-category-grid > a { transition: none; transform: none; }
}

.workspace-footer {display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1280px;margin:0 auto;padding:24px;color:var(--wb-text-muted);font-size:.8125rem;border-top:1px solid var(--wb-border);}
.workspace-footer nav {display:flex;gap:18px;flex-wrap:wrap;}
.workspace-footer a:hover {color:var(--wb-primary);}
.chat-search {display:flex;gap:12px;align-items:center;padding:12px 18px;border-bottom:1px solid var(--wb-border);background:var(--wb-bg-elevated);}
.chat-search label {display:flex;flex:1;gap:8px;align-items:center;min-width:0;}
.chat-search input {min-width:0;width:100%;}
.chat-new-messages {align-self:center;margin:8px auto;}
.wb23-chat-composer.is-dragging {outline:3px dashed var(--wb-primary);outline-offset:-5px;background:var(--wb-primary-soft);}
.chat-drop-hint {margin:0;padding:8px;color:var(--wb-primary);font-weight:700;}
.wb23-message-stream article p {unicode-bidi:plaintext;overflow-wrap:anywhere;}
.wb23-chat-main {min-width:0;}
@media(max-width:760px){.workspace-footer{padding-bottom:100px;align-items:flex-start;flex-wrap:wrap}.chat-search{padding:10px;gap:4px}.chat-search .btn-ghost{padding:8px}.wb23-chat-composer textarea{font-size:16px}}

.site-header { background: var(--wb-header); border-bottom: 1px solid var(--r33-line); }
.site-header-inner { min-height: 64px; gap: 24px; }
.v17-nav-brand { flex: 1 1 auto; gap: 24px; }
.site-main-nav { display: flex; min-width: 0; align-items: center; gap: 2px; }
.site-main-nav .site-nav-link { min-height: 64px; padding-inline: 12px; color: var(--r33-ink); font-size: .875rem; font-weight: 680; white-space: nowrap; }
.site-main-nav .site-nav-link:hover,.site-main-nav .site-nav-link.is-active { color: var(--r33-blue-hover); background: color-mix(in srgb,var(--r33-blue) 7%,transparent); }
.site-main-nav .site-nav-link.is-active::after { background: var(--r33-blue); }
.site-nav-actions { gap: 8px; }
.desktop-header-search { width: auto; min-width: 132px; padding-inline: 11px; gap: 7px; border-radius: 7px; }
.desktop-header-search > span { font-size: .8125rem; font-weight: 700; }
.desktop-header-search kbd { margin-inline-start: auto; padding: 2px 5px; color: var(--r33-muted); border: 1px solid var(--r33-line); border-radius: 4px; background: var(--wb-bg-subtle); font-size: .65rem; font-family: inherit; direction: ltr; }
.site-header .site-cta,.fr5-subnav .fr5-subnav-cta { color: #fff; border-color: var(--r33-pink); background: var(--r33-pink); }
.site-header .site-cta:hover,.fr5-subnav .fr5-subnav-cta:hover { color: #fff; border-color: var(--r33-pink-hover); background: var(--r33-pink-hover); }
.fr5-subnav { min-height: 42px; background: var(--r33-navy); }
.fr5-subnav-inner { min-height: 42px; }
.fr5-subnav nav { min-width: 0; min-height: 42px; overflow-x: auto; scrollbar-width: none; }
.fr5-subnav nav::-webkit-scrollbar { display: none; }
.fr5-subnav a { min-height: 42px; padding-inline: 15px; color: #dce4ed; font-size: .8125rem; white-space: nowrap; }
.fr5-subnav a:hover,.fr5-subnav a.is-active { color: #fff; background: rgba(255,255,255,.1); }

.market-home { max-width: 1280px; }
.r33-home-hero { position: relative; min-height: 570px; grid-template-columns: minmax(0,1.02fr) minmax(420px,.98fr); gap: clamp(28px,4vw,68px); margin-top: 0; padding: clamp(34px,5vw,68px); overflow: hidden; border-radius: 0 0 18px 18px; color: #fff; background: radial-gradient(circle at 86% 10%,rgba(19,153,214,.38),transparent 30%),linear-gradient(118deg,#0b121b 0%,#132638 58%,#0b4e72 100%); }
.r33-home-hero::after { content: ''; position: absolute; inset: auto -8% -50% auto; width: 520px; height: 520px; border: 1px solid rgba(255,255,255,.13); border-radius: 50%; pointer-events: none; }
.r33-home-hero > * { position: relative; z-index: 1; }
.r33-home-hero .home-eyebrow { color: #63c9f4; }
.r33-home-hero .home-role { margin-top: 16px; border-color: rgba(255,255,255,.22); background: rgba(6,14,23,.45); }
.r33-home-hero .home-role button { color: #dce7ef; }
.r33-home-hero .home-role button[aria-pressed="true"] { color: #fff; background: var(--r33-blue); }
.r33-home-hero h1 { max-width: 690px; margin-block: 22px 14px; color: #fff; font-size: clamp(2.65rem,5vw,4.65rem); line-height: 1.22; letter-spacing: -.02em; }
.r33-home-hero h1 em { color: #fff; }
.r33-home-hero .home-hero-copy > p { max-width: 650px; color: #d9e4ec; font-size: 1.08rem; line-height: 1.9; }
.home-hero-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 24px; }
.home-hero-actions .btn,.home-hero-actions .btn-outline { min-height: 48px; padding-inline: 22px; border-radius: 4px; font-weight: 800; }
.home-hero-actions .btn { color: #fff; border-color: var(--r33-pink); background: var(--r33-pink); }
.home-hero-actions .btn:hover { border-color: var(--r33-pink-hover); background: var(--r33-pink-hover); }
.home-hero-actions .btn-outline { color: #fff; border-color: rgba(255,255,255,.7); background: transparent; }
.home-hero-actions .btn-outline:hover { border-color: #fff; background: rgba(255,255,255,.1); }
.r33-home-hero .home-search { max-width: 680px; margin-top: 18px; border: 0; border-radius: 4px; background: #fff; box-shadow: 0 16px 40px rgba(0,0,0,.24); }
.r33-home-hero .home-search input:not([type="checkbox"]) { color: #17212c; }
.r33-home-hero .home-search .btn { border-radius: 3px; color: #fff; border-color: var(--r33-blue-hover); background: var(--r33-blue-hover); }
.r33-home-hero .home-assurances { max-width: 680px; color: #c8d5df; }
.r33-home-hero .home-assurances svg { color: #75e1b8; }
.r33-home-hero .home-hero-media { padding: 0; overflow: hidden; border-color: rgba(255,255,255,.2); border-radius: 8px; background: #08111b; box-shadow: 0 28px 70px rgba(0,0,0,.32); }
.r33-home-hero .home-hero-media .wb27-editorial-media { border-radius: 0; aspect-ratio: 16/10; }
.r33-home-hero .home-hero-media video { object-fit: cover; }
.r33-home-hero .home-media-caption { padding: 14px 16px; color: #d9e4ec; background: #101b27; }
.r33-home-hero .home-media-caption a { color: #69cffa; }
.market-home > .home-trust-rail { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 0; margin-top: 0; border: 1px solid var(--r33-line); border-top: 0; border-radius: 0 0 10px 10px; background: var(--r33-surface); }
.home-trust-rail > div { display: flex; min-width: 0; align-items: center; gap: 12px; padding: 20px; border-inline-end: 1px solid var(--r33-line-soft); }
.home-trust-rail > div:last-child { border-inline-end: 0; }
.home-trust-rail svg { flex: 0 0 auto; color: var(--r33-blue-hover); }
.home-trust-rail span,.home-trust-rail strong,.home-trust-rail small { display: block; min-width: 0; }
.home-trust-rail strong { color: var(--r33-ink); font-size: .9375rem; }
.home-trust-rail small { margin-top: 3px; color: var(--r33-muted); font-size: .75rem; line-height: 1.55; }
.market-home > section:not(.home-hero):not(.home-trust-rail) { margin-block: 52px 62px; }
.home-section-head h2 { font-size: clamp(1.65rem,2.6vw,2.25rem); line-height: 1.45; }
.home-category-grid { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; }
.home-category-grid > a { display: grid; min-height: 150px; grid-template-columns: auto 1fr auto; align-content: start; align-items: center; gap: 9px 11px; padding: 20px; border-radius: 6px; }
.home-category-grid > a:hover { border-color: var(--r33-blue); box-shadow: 0 10px 24px color-mix(in srgb,var(--r33-blue) 10%,transparent); }
.home-category-grid > a > span { display: grid; width: 40px; height: 40px; place-items: center; color: #fff; border-radius: 5px; background: var(--r33-blue-hover); }
.home-category-grid > a > svg:last-child { grid-column: 3; grid-row: 1; }
.home-category-grid strong { grid-column: 1 / -1; font-size: 1rem; }
.home-category-grid small { grid-column: 1 / -1; color: var(--r33-muted); font-size: .8125rem; line-height: 1.65; }
.home-solutions > div { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }
.home-solutions article { display: flex; min-height: 270px; flex-direction: column; padding: 25px; border: 1px solid var(--r33-line); border-radius: 7px; background: var(--r33-surface); }
.home-solutions article > span { display: grid; width: 48px; height: 48px; place-items: center; color: var(--r33-blue-hover); border-radius: 6px; background: color-mix(in srgb,var(--r33-blue) 10%,var(--r33-surface)); }
.home-solutions h3 { margin: 22px 0 8px; color: var(--r33-ink); font-size: 1.15rem; }
.home-solutions p { margin: 0 0 22px; color: var(--r33-muted); font-size: .9375rem; line-height: 1.8; }
.home-solutions a { display: inline-flex; align-items: center; gap: 7px; margin-top: auto; color: var(--r33-blue-hover); font-weight: 800; }
.market-project,.market-expert { border-radius: 6px; box-shadow: none; transition: border-color .18s ease,transform .18s ease,box-shadow .18s ease; }
.market-project:hover,.market-expert:hover { border-color: var(--r33-blue); transform: translateY(-2px); box-shadow: 0 12px 28px color-mix(in srgb,var(--r33-navy) 9%,transparent); }
.market-project-head > span { color: var(--r33-blue-hover); font-weight: 750; }
.market-project footer a { color: var(--r33-blue-hover); font-weight: 800; }
.home-expert-verified { display: inline-grid; width: 18px; height: 18px; margin-inline-start: 6px; place-items: center; color: #fff; border-radius: 50%; background: var(--r33-blue); vertical-align: middle; }
.home-showcase-grid > a { border-radius: 7px; }
.home-workflow li { border-top-color: var(--r33-blue); }
.home-closing { border-radius: 7px; }

.r33-market-switcher,.r33-workspace-switcher { display: flex; min-width: 0; align-items: stretch; gap: 0; overflow-x: auto; border: 1px solid var(--r33-line); border-radius: 6px; background: var(--r33-surface); scrollbar-width: thin; }
.r33-market-switcher a,.r33-workspace-switcher a { display: inline-flex; min-width: max-content; min-height: 48px; align-items: center; justify-content: center; gap: 8px; padding-inline: 18px; color: var(--r33-muted); border-inline-end: 1px solid var(--r33-line-soft); font-size: .875rem; font-weight: 720; }
.r33-market-switcher a:hover,.r33-market-switcher a.is-active,.r33-workspace-switcher a:hover,.r33-workspace-switcher a.is-active { color: var(--r33-blue-hover); background: color-mix(in srgb,var(--r33-blue) 7%,var(--r33-surface)); }
.r33-market-switcher a.is-active,.r33-workspace-switcher a.is-active { box-shadow: inset 0 -3px 0 var(--r33-blue); }
.r33-workspace-switcher { position: sticky; top: 107px; z-index: 12; box-shadow: 0 6px 18px color-mix(in srgb,var(--r33-navy) 7%,transparent); }
.wb21-projects-page > .page-header,.wb23-freelancers-page > .page-header { margin-bottom: 0; padding: 40px; border: 0; border-radius: 8px; background: radial-gradient(circle at 88% 8%,rgba(19,153,214,.35),transparent 18rem),linear-gradient(115deg,var(--r33-navy),#18344a 68%,#0c638b); }
.wb21-projects-page > .page-header h1,.wb23-freelancers-page > .page-header h1 { color: #fff; font-size: clamp(1.85rem,3.4vw,2.9rem); }
.wb21-projects-page > .page-header p,.wb23-freelancers-page > .page-header p { color: #d9e5ed; }
.wb21-projects-page > .page-header .page-header-eyebrow,.wb23-freelancers-page > .page-header .page-header-eyebrow { color: #62c9f3; }
.wb21-projects-page > .page-header .btn,.wb23-freelancers-page > .page-header .btn { color: #fff; border-color: var(--r33-pink); background: var(--r33-pink); }
.fr5-market-layout { grid-template-columns: 278px minmax(0,1fr); gap: 18px; align-items: start; }
.fr5-market-sidebar { top: 118px; }
.wb21-project-filters,.wb23-expert-filter { color: var(--r33-ink); border-radius: 6px; border-color: var(--r33-line); background: var(--r33-surface); box-shadow: none; }
.wb21-project-filters :is(input,select),.wb23-expert-filter :is(input,select) { border-radius: 4px; }
.wb21-filter-primary > .btn,.wb23-expert-filter footer .btn { color: #fff; border-color: var(--r33-blue-hover); background: var(--r33-blue-hover); }
.fr5-market-results-head,.wb23-expert-quick-search { min-height: 58px; border-color: var(--r33-line); border-radius: 6px 6px 0 0; background: var(--r33-surface); }
.project-index-grid,.wb23-freelancer-list { border-color: var(--r33-line); border-radius: 0 0 6px 6px; background: var(--r33-surface); box-shadow: none; }
.project-index-card { grid-template-columns: minmax(0,1fr) 205px; gap: 20px; padding: 22px; border-color: var(--r33-line-soft); border-radius: 0; background: var(--r33-surface); }
.project-index-card:hover { background: color-mix(in srgb,var(--r33-blue) 3%,var(--r33-surface)); box-shadow: inset 3px 0 0 var(--r33-blue); }
html[dir="rtl"] .project-index-card:hover { box-shadow: inset -3px 0 0 var(--r33-blue); }
.project-index-card h2 { margin-block: 9px 6px; font-size: 1.16rem; line-height: 1.55; }
.project-index-card h2 a:hover { color: var(--r33-blue-hover); }
.project-index-card p { max-width: 780px; margin-bottom: 12px; color: var(--r33-muted); line-height: 1.8; }
.project-index-tags span,.wb23-chip-row > span { color: var(--r33-blue-hover); border-color: color-mix(in srgb,var(--r33-blue) 22%,var(--r33-line)); background: color-mix(in srgb,var(--r33-blue) 7%,var(--r33-surface)); }
.project-index-meta { margin-top: 14px; padding-top: 12px; border-top: 1px solid var(--r33-line-soft); }
.project-index-meta dd small { display: inline-flex; align-items: center; gap: 4px; }
.project-index-side { justify-content: center; padding-inline-start: 20px; border-inline-start: 1px solid var(--r33-line-soft); }
.fr5-project-commercial { display: grid; gap: 6px; }
.fr5-project-commercial > small { color: var(--r33-muted); font-size: .75rem; }
.fr5-project-commercial strong { color: var(--r33-ink); font-size: 1.05rem; line-height: 1.7; }
.fr5-project-commercial span { display: inline-flex; align-items: center; gap: 6px; color: var(--r33-muted); }
.fr6-row-action { display: inline-flex; min-height: 42px; align-items: center; justify-content: center; gap: 7px; color: var(--r33-blue-hover); border: 1px solid var(--r33-blue); border-radius: 4px; font-weight: 800; }
.fr6-row-action:hover { color: #fff; background: var(--r33-blue-hover); }
.wb23-freelancer-card { grid-template-columns: minmax(245px,1.15fr) minmax(300px,1fr) minmax(180px,.72fr); gap: 18px; padding: 22px; border-color: var(--r33-line-soft); border-radius: 0; background: var(--r33-surface); }
.wb23-freelancer-card:hover { background: color-mix(in srgb,var(--r33-blue) 3%,var(--r33-surface)); box-shadow: inset 3px 0 0 var(--r33-blue); }
html[dir="rtl"] .wb23-freelancer-card:hover { box-shadow: inset -3px 0 0 var(--r33-blue); }
.wb23-freelancer-card > header { grid-column: 1; grid-row: 1; }
.wb23-freelancer-card .wb23-avatar-lg { width: 76px; height: 76px; flex-basis: 76px; border-radius: 6px; }
.wb23-freelancer-identity h2 a:hover { color: var(--r33-blue-hover); }
.wb23-freelancer-metrics { grid-column: 2; grid-row: 1; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px 14px; }
.wb23-freelancer-metrics > div { min-width: 0; padding: 8px 0; border-bottom: 1px solid var(--r33-line-soft); }
.wb23-freelancer-metrics > div > svg { color: #f5a400; }
.wb23-freelancer-card > .wb23-chip-row,.wb23-freelancer-card > .wb23-muted-note { grid-column: 1 / 3; grid-row: 2; }
.fr6-talent-actions { grid-column: 3; grid-row: 1 / 3; align-content: center; justify-content: center; border-inline-start: 1px solid var(--r33-line-soft); }
.fr6-invite-button { border-radius: 4px; }

.r33-breadcrumbs { display: flex; min-height: 30px; align-items: center; gap: 7px; color: var(--r33-muted); font-size: .8125rem; }
.r33-breadcrumbs a:hover { color: var(--r33-blue-hover); }
.r33-breadcrumbs span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wb23-project-header { border-radius: 7px; border-color: var(--r33-line); background: var(--r33-surface); box-shadow: none; }
.wb23-project-header-main { padding: 30px; }
.wb23-project-header h1 { font-size: clamp(1.8rem,3vw,2.55rem); line-height: 1.45; }
.wb23-project-owner { min-width: 280px; padding: 26px; border-inline-start: 1px solid var(--r33-line-soft); background: var(--wb-bg-subtle); }
.r33-owner-trust { display: grid; gap: 8px; width: 100%; padding: 13px 0; margin: 0; border-block: 1px solid var(--r33-line-soft); list-style: none; }
.r33-owner-trust li { display: flex; align-items: center; gap: 7px; color: var(--r33-muted); font-size: .8125rem; }
.r33-owner-trust li.is-verified { color: var(--wb-success); font-weight: 750; }
.wb23-project-layout { grid-template-columns: minmax(0,1fr) 310px; gap: 20px; }
.wb23-content-section,.wb23-proposal-composer,.wb23-project-sticky > section,.wb23-project-sticky > nav { border-radius: 6px; border-color: var(--r33-line); box-shadow: none; }
.wb23-project-content,.wb23-content-section,.wb23-proposal-composer,.wb23-proposal-preview,.wb23-proposal-list,.wb23-project-sticky,.wb23-project-sticky > section,.wb23-project-sticky > nav { color: var(--r33-ink); border-color: var(--r33-line); background: var(--r33-surface); }
.wb23-project-content > .wb23-content-section { border-color: var(--r33-line-soft); background: var(--r33-surface); }
.wb23-content-section { padding: 28px; }
.wb23-project-sticky { top: 118px; }
.wb23-project-sticky > section { padding: 22px; }
.r33-sticky-label { display: block; margin-top: 16px; color: var(--r33-muted); }
.r33-sticky-facts { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0; margin-block: 15px; border-block: 1px solid var(--r33-line-soft); }
.r33-sticky-facts > div { padding: 11px 4px; }
.r33-sticky-facts dt { color: var(--r33-muted); font-size: .72rem; }
.r33-sticky-facts dd { margin: 3px 0 0; color: var(--r33-ink); font-weight: 800; }
.wb23-project-sticky .btn { color: #fff; border-color: var(--r33-pink); background: var(--r33-pink); }
.wb23-project-sticky .btn:hover { background: var(--r33-pink-hover); }
.r33-existing-bid { display: flex; align-items: center; gap: 13px; padding: 17px 20px; color: var(--r33-ink); border: 1px solid color-mix(in srgb,var(--wb-success) 35%,var(--r33-line)); border-radius: 6px; background: var(--wb-success-soft); }
.r33-existing-bid > span { display: grid; width: 36px; height: 36px; flex: 0 0 36px; place-items: center; color: #fff; border-radius: 50%; background: var(--wb-success); }
.r33-existing-bid > div { min-width: 0; flex: 1; }
.r33-existing-bid strong { display: block; }
.r33-existing-bid p { margin: 3px 0 0; color: var(--r33-muted); font-size: .8125rem; }
.wb23-proposal-list > article { border-radius: 5px; }
.wb23-proposal-composer { border-top: 4px solid var(--r33-pink); }

.wb23-profile-hero { border-radius: 7px; background: radial-gradient(circle at 88% 8%,rgba(19,153,214,.35),transparent 18rem),linear-gradient(115deg,var(--r33-navy),#17364d); }
.wb23-profile-hero-content { padding: 34px; }
.profile-avatar-large { width: 116px; height: 116px; border-radius: 7px; }
.wb23-profile-scoreboard { border-radius: 6px; border-color: var(--r33-line); box-shadow: none; background: var(--r33-surface); }
.wb23-profile-nav { top: 110px; border-radius: 6px; border-color: var(--r33-line); background: var(--r33-surface); }
.wb23-profile-layout { grid-template-columns: minmax(0,1fr) 300px; gap: 20px; }
.wb23-profile-section,.wb23-profile-side-section,.wb23-hire-panel { border-radius: 6px; border-color: var(--r33-line); box-shadow: none; background: var(--r33-surface); }
.wb23-hire-panel { top: 165px; border-top: 4px solid var(--r33-pink); }
.wb23-hire-panel .btn { color: #fff; border-color: var(--r33-pink); background: var(--r33-pink); }
.wb23-portfolio-grid article { border-radius: 5px; }
.portfolio-placeholder { color: var(--r33-muted); border-color: var(--r33-line); background: var(--wb-bg-subtle); }

.dashboard-v206 > .page-header { padding: 27px 30px; border: 1px solid var(--r33-line); border-radius: 7px; background: var(--r33-surface); }
.dashboard-v206 > .page-header .btn { color: #fff; border-color: var(--r33-pink); background: var(--r33-pink); }
.dashboard-priority-section,.dashboard-metrics,.dashboard-middle-grid > *,.dashboard-navigation-grid,.dashboard-recent,.fr5-dashboard-projects { border-radius: 6px; border-color: var(--r33-line); box-shadow: none; }
.dashboard-priority-section,.dashboard-middle-grid > *,.dashboard-navigation-grid,.dashboard-recent,.fr5-dashboard-projects,.fr5-dashboard-tabs,.fr5-dashboard-project-list { color: var(--r33-ink); background: var(--r33-surface); }
.dashboard-metrics { overflow: hidden; background: var(--r33-surface); }
.dashboard-metric { background: var(--r33-surface); }
.dashboard-metric-icon { color: var(--r33-blue-hover); background: color-mix(in srgb,var(--r33-blue) 9%,var(--r33-surface)); }
.fr5-dashboard-project-row:hover,.dashboard-action-list > *:hover,.dashboard-recent a:hover { background: color-mix(in srgb,var(--r33-blue) 4%,var(--r33-surface)); }
.fr5-dashboard-project-title,.fr5-dashboard-project-stat strong,.fr5-dashboard-project-stat span { color: var(--r33-ink); }
.fr5-dashboard-tabs button,.wb24-workspace-summary span,.wb24-workspace-tabs button { color: var(--r33-muted); }
.wb24-workspace-summary,.wb24-workspace-tabs,.wb24-message-list { color: var(--r33-ink); border-color: var(--r33-line); background: var(--r33-surface); }
.wb24-message-list { background: var(--wb-bg-subtle); }

.auth-shell,.auth-page.wb21-auth-page,.auth-page.wb21-auth-page .auth-form-wrap.wb21-auth-form-wrap,
.wb26-builder-fields,.wb26-proposal-preview,.wb26-pricing-result,
.admin-r27-theme,.admin-r27-account { color: var(--r33-ink); border-color: var(--r33-line); background: var(--r33-surface); }
.auth-form-panel,.wb26-builder-fields { background: transparent; }
table { color: var(--r33-ink); }
th { color: var(--r33-ink); background: var(--wb-bg-subtle); }
th,td { border-color: var(--r33-line-soft); }
tr:hover td { background: color-mix(in srgb,var(--r33-blue) 4%,var(--r33-surface)); }
.dark :is(.text-slate-600,.text-gray-600,.text-slate-500,.text-gray-500),.oled :is(.text-slate-600,.text-gray-600,.text-slate-500,.text-gray-500) { color: var(--r33-muted); }

.admin-sidebar { color: #dce5ef; border-color: #263546; background: var(--r33-navy); }
.admin-sidebar-head strong { color: #fff; }
.admin-sidebar-head span { color: #aab7c5; }
.admin-sidebar .admin-sidebar-logo { border-radius: 5px; background: var(--r33-blue-hover); }
.admin-nav-search { color: #aab7c5; border-color: #3b4a5a; background: #182433; }
.admin-nav-search input { color: #fff; }
.admin-nav-search input::placeholder { color: #9aa7b5; }
.admin-nav-group summary { color: #94a4b4; }
.admin-side-link { color: #d4dde7; border-radius: 4px; }
.admin-side-link:hover { color: #fff; background: rgba(255,255,255,.08); }
.admin-side-link.active { color: #fff; border-color: rgba(19,153,214,.45); background: rgba(19,153,214,.2); }
.admin-view-site { color: #d4dde7; border-color: #2b3949; }
.admin-r27-topbar { min-height: 68px; border-color: var(--r33-line); background: var(--r33-surface); }
.admin-content { max-width: 1680px; background: var(--r33-canvas); }
.admin-content :is(.page-header,.admin-page-hero,.integrations-hero) { border-radius: 7px; box-shadow: none; }
.console-stat,.console-panel,.console-finance,.console-tools { border-radius: 6px; box-shadow: none; }

@media (max-width: 1180px) {
  .site-main-nav .site-nav-link:nth-last-child(-n+2) { display: none; }
  .desktop-header-search { min-width: 44px; width: 44px; padding: 0; }
  .desktop-header-search > span,.desktop-header-search kbd { display: none; }
  .r33-home-hero { min-height: 520px; grid-template-columns: minmax(0,1.05fr) minmax(360px,.95fr); padding: 40px; }
  .home-category-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .wb23-freelancer-card { grid-template-columns: minmax(230px,1fr) minmax(280px,1fr); }
  .wb23-freelancer-card > .wb23-chip-row,.wb23-freelancer-card > .wb23-muted-note { grid-column: 1 / -1; }
  .fr6-talent-actions { grid-column: 1 / -1; grid-row: 3; flex-direction: row; border-inline-start: 0; border-top: 1px solid var(--r33-line-soft); padding-top: 14px; }
}
@media (max-width: 900px) {
  .site-main-nav { display: none; }
  .r33-home-hero { grid-template-columns: minmax(0,1fr); }
  .r33-home-hero .home-hero-media { max-width: 680px; }
  .home-trust-rail { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .home-trust-rail > div:nth-child(2) { border-inline-end: 0; }
  .home-trust-rail > div:nth-child(-n+2) { border-bottom: 1px solid var(--r33-line-soft); }
  .home-category-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .home-solutions > div { grid-template-columns: minmax(0,1fr); }
  .home-solutions article { min-height: 0; }
  .fr5-market-layout,.wb23-project-layout,.wb23-profile-layout { grid-template-columns: minmax(0,1fr); }
  .fr5-market-sidebar { position: static; max-height: none; overflow: visible; }
  .wb21-project-filters.is-compact { display: block; }
  .wb23-project-sticky { position: static; grid-row: 1; }
  .wb23-project-sticky nav { display: none; }
  .wb23-profile-aside { grid-row: 1; }
  .wb23-hire-panel { position: static; }
  .wb23-profile-nav { position: static; }
}
@media (max-width: 760px) {
  .site-header-inner { min-height: 56px; gap: 8px; }
  .site-header .brand-lockup { min-width: 0; }
  .desktop-header-search,.desktop-theme-toggle,.desktop-locale-toggle,.desktop-account,.desktop-role-cta,.v17-login-link,.site-nav-actions > .site-cta { display: none; }
  .mobile-nav-trigger { display: inline-flex; }
  .fr5-subnav { display: block; }
  .fr5-subnav-inner { width: 100%; }
  .fr5-subnav nav { padding-inline: 8px; }
  .fr5-subnav .fr5-subnav-cta { display: none; }
  .public-content,.private-content { width: min(calc(100% - 20px),var(--wb-content)); padding-top: 12px; }
  .r33-home-hero { min-height: 0; padding: 28px 20px; border-radius: 0 0 10px 10px; }
  .r33-home-hero h1 { font-size: clamp(2.15rem,10vw,3rem); line-height: 1.28; }
  .r33-home-hero .home-role { width: 100%; }
  .r33-home-hero .home-role button { flex: 1; justify-content: center; padding-inline: 8px; }
  .home-hero-actions > * { flex: 1 1 150px; justify-content: center; }
  .r33-home-hero .home-search { display: grid; grid-template-columns: auto minmax(0,1fr); padding: 8px; }
  .r33-home-hero .home-search .btn { grid-column: 1 / -1; width: 100%; }
  .r33-home-hero .home-hero-media { display: none; }
  .home-trust-rail > div { padding: 15px 12px; }
  .home-trust-rail svg { display: none; }
  .home-category-grid { gap: 8px; }
  .home-category-grid > a { min-height: 138px; padding: 15px; }
  .home-category-grid small { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .market-home > section:not(.home-hero):not(.home-trust-rail) { margin-block: 36px 46px; }
  .r33-market-switcher,.r33-workspace-switcher { margin-inline: -2px; border-radius: 5px; }
  .r33-market-switcher a,.r33-workspace-switcher a { min-height: 46px; padding-inline: 14px; }
  .r33-workspace-switcher { top: 55px; }
  .wb21-projects-page > .page-header,.wb23-freelancers-page > .page-header { padding: 25px 20px; }
  .project-index-card { grid-template-columns: minmax(0,1fr); padding: 18px; }
  .project-index-side { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: end; padding: 15px 0 0; border-inline-start: 0; border-top: 1px solid var(--r33-line-soft); }
  .project-index-side .wb21-save-link { grid-column: 1 / -1; }
  .wb23-freelancer-card { grid-template-columns: minmax(0,1fr); padding: 18px; }
  .wb23-freelancer-card > header,.wb23-freelancer-metrics,.wb23-freelancer-card > .wb23-chip-row,.wb23-freelancer-card > .wb23-muted-note,.fr6-talent-actions { grid-column: 1; grid-row: auto; }
  .wb23-freelancer-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .fr6-talent-actions { grid-column: auto; }
  .wb23-project-header { display: grid; }
  .wb23-project-header-main { padding: 22px 18px; }
  .wb23-project-owner { min-width: 0; padding: 20px 18px; border-inline-start: 0; border-top: 1px solid var(--r33-line-soft); }
  .wb23-content-section { padding: 20px 17px; }
  .r33-existing-bid { align-items: flex-start; flex-wrap: wrap; padding: 15px; }
  .r33-existing-bid > div { flex-basis: calc(100% - 52px); }
  .r33-existing-bid > a,.r33-existing-bid > button { flex: 1 1 130px; }
  .wb23-profile-hero-content { padding: 24px 18px; }
  .profile-avatar-large { width: 92px; height: 92px; }
  .admin-content { padding: 16px 12px; }
}
@media (max-width: 480px) {
  .home-trust-rail { grid-template-columns: minmax(0,1fr); }
  .home-trust-rail > div { border-inline-end: 0; border-bottom: 1px solid var(--r33-line-soft); }
  .home-trust-rail > div:last-child { border-bottom: 0; }
  .home-category-grid { grid-template-columns: minmax(0,1fr); }
  .home-category-grid > a { min-height: 118px; }
  .wb23-freelancer-metrics { grid-template-columns: minmax(0,1fr); }
}
@media (prefers-reduced-motion: reduce) {
  .market-project,.market-expert,.project-index-card,.wb23-freelancer-card { transition: none; }
  :is(.market-project,.market-expert,.project-index-card,.wb23-freelancer-card):hover { transform: none; }
}

.wb31-admin-managed-stats {display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;}
.wb31-admin-managed-stats article {padding:16px;border:1px solid var(--wb-border);border-radius:13px;background:var(--wb-bg-elevated);}
.wb31-admin-managed-stats span,.wb31-admin-managed-stats strong {display:block;}
.wb31-admin-managed-stats span {color:var(--wb-text-muted);font-size:.78rem;}
.wb31-admin-managed-stats strong {margin-top:7px;color:var(--wb-text);font-size:1.45rem;}
.wb31-admin-managed-table {overflow:hidden;padding:0;}
.wb31-admin-managed-table table {width:100%;border-collapse:collapse;}
.wb31-admin-managed-table th,.wb31-admin-managed-table td {padding:13px 15px;text-align:start;border-bottom:1px solid var(--wb-border);}
.wb31-admin-managed-table td strong,.wb31-admin-managed-table td small {display:block;color:var(--wb-text);}
.wb31-admin-managed-table td small {margin-top:4px;color:var(--wb-text-muted);}
.wb31-managed-admin-dialog {display:grid;gap:14px;width:min(620px,100%);margin:5vh auto;padding:24px;}
.wb31-managed-admin-dialog>p {max-height:160px;overflow:auto;padding:12px;border-radius:10px;background:var(--wb-bg-subtle);}
.dark :is(.bg-white,.bg-slate-50,.bg-gray-50),.oled :is(.bg-white,.bg-slate-50,.bg-gray-50) {background-color:var(--wb-bg-elevated);}
.dark :is(.text-slate-900,.text-gray-900,.text-black),.oled :is(.text-slate-900,.text-gray-900,.text-black) {color:var(--wb-text);}
.dark :is(.text-slate-800,.text-gray-800),.oled :is(.text-slate-800,.text-gray-800) {color:var(--wb-text-soft);}
.dark :is(.border-slate-100,.border-slate-200,.border-gray-100,.border-gray-200),.oled :is(.border-slate-100,.border-slate-200,.border-gray-100,.border-gray-200) {border-color:var(--wb-border);}
.dark :is(input,textarea,select,option),.oled :is(input,textarea,select,option) {color:var(--wb-text);background-color:var(--wb-bg-subtle);border-color:var(--wb-border-strong);}
.dark :is(input,textarea)::placeholder,.oled :is(input,textarea)::placeholder {color:var(--wb-text-muted);opacity:.9;}
.dark :is(dialog,[role="dialog"],.modal,.drawer,.popover,.dropdown-menu),.oled :is(dialog,[role="dialog"],.modal,.drawer,.popover,.dropdown-menu) {color:var(--wb-text);background-color:var(--wb-bg-elevated);border-color:var(--wb-border);}
.dark :is(dialog,[role="dialog"],.modal,.drawer,.popover,.dropdown-menu) :is(h1,h2,h3,h4,strong,b,label),.oled :is(dialog,[role="dialog"],.modal,.drawer,.popover,.dropdown-menu) :is(h1,h2,h3,h4,strong,b,label) {color:var(--wb-text);}
.dark .recharts-default-tooltip,.oled .recharts-default-tooltip {color:var(--wb-text);background:var(--wb-bg-elevated);border-color:var(--wb-border);}
@media(max-width:1100px){.wb31-admin-managed-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.wb31-admin-managed-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.wb31-admin-managed-table .table-wrap{overflow:auto}.wb31-admin-managed-table table{min-width:780px}.wb31-managed-admin-dialog{margin:0;min-height:100%;border-radius:0}}