body.fiwork-page-earn {
    background: #f6f7f8;
    max-width: 100%;
    overflow-x: hidden;
}

/* Projects catalogue follows the quick-tasks marketplace layout. */
.projects-market-page.jobs-market-page {
    padding-top: 0;
    font-family: "Geologica", sans-serif;
}

.projects-market-page .project-catalogue-filter {
    margin-bottom: 12px;
}

.projects-market-page .projects-market-connects {
    width: 100%;
    min-height: 64px;
    margin: 0 0 12px;
    border: 1px solid var(--vacancy-ui-stroke);
    border-radius: 12px;
    color: var(--vacancy-ui-text);
    background: var(--vacancy-ui-island);
    box-shadow: 0 1px 2px rgba(16, 24, 40, .035);
}

.projects-market-page .projects-market-connects .jobs-market-connects-bar {
    background: var(--vacancy-ui-surface-hover);
}

.projects-market-page .jobs-market-content,
.projects-market-page .search_job_result {
    width: 100%;
    min-width: 0;
}

.projects-market-page .jobs-market-pagination {
    margin-top: 18px;
}

.project-filter-modal__body {
    padding-bottom: 18px;
}

.project-filter-modal__body .vacancy-hirify-filter__source-list {
    max-height: none;
}

html[data-theme="dark"] .projects-market-page .projects-market-connects {
    border-color: var(--vacancy-ui-stroke);
    background: var(--vacancy-ui-island);
}

@media (max-width: 1024px) {
    .projects-market-page .projects-market-left {
        display: none;
    }
}

@media (max-width: 680px) {
    .projects-market-page .projects-market-connects {
        align-items: stretch;
        gap: 10px;
        padding: 12px 14px;
    }

    .projects-market-page .projects-market-connects .jobs-market-connects-date {
        padding-top: 10px;
    }
}

/* Personal marketplace sections share the projects/quick-tasks visual system. */
.personal-market-page {
    --personal-market-accent: #8064d9;
    --personal-market-accent-soft: rgba(128, 100, 217, .1);
    font-family: "Geologica", sans-serif;
}

.my-applications-page {
    --personal-market-accent: #2583e9;
    --personal-market-accent-soft: rgba(37, 131, 233, .1);
}

.my-work-page {
    --personal-market-accent: #23c366;
    --personal-market-accent-soft: rgba(35, 195, 102, .1);
}

.personal-market-page .personal-market-filter {
    margin-top: 12px;
    padding-bottom: 14px;
}

.personal-market-filter__list {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-top: 12px;
}

.personal-market-filter__list a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 40px;
    gap: 10px;
    padding: 7px 9px;
    border-radius: 8px;
    color: var(--vacancy-ui-secondary);
    background: transparent;
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
    text-decoration: none;
    transition: color .18s ease, background-color .18s ease;
}

.personal-market-filter__list a:hover,
.personal-market-filter__list a:focus-visible {
    color: var(--vacancy-ui-text);
    background: var(--vacancy-ui-surface-hover);
}

.personal-market-filter__list a:focus-visible {
    outline: 2px solid var(--personal-market-accent);
    outline-offset: 1px;
}

.personal-market-filter__list a.is-selected {
    color: var(--vacancy-ui-text);
    background: var(--personal-market-accent-soft);
    font-weight: 600;
}

.personal-market-filter__list small {
    display: inline-grid;
    place-items: center;
    min-width: 24px;
    height: 22px;
    padding: 0 7px;
    border-radius: 999px;
    color: var(--vacancy-ui-secondary);
    background: var(--vacancy-ui-surface);
    font-size: 11px;
    font-weight: 600;
    line-height: 1;
}

.personal-market-filter__list a.is-selected small {
    color: var(--personal-market-accent);
    background: var(--vacancy-ui-island);
}

.personal-market-page .personal-market-promo__action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    gap: 6px;
    padding: 0 12px;
    border: 0;
    border-radius: 8px;
    color: var(--personal-market-accent);
    background: var(--personal-market-accent-soft);
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
    text-decoration: none;
    transition: color .18s ease, background-color .18s ease;
}

.personal-market-page .personal-market-promo__action svg {
    width: 15px;
    height: 15px;
    flex: 0 0 15px;
    transition: transform .18s ease;
}

.personal-market-page .personal-market-promo__action:hover,
.personal-market-page .personal-market-promo__action:focus-visible {
    color: var(--personal-market-accent);
    background: var(--vacancy-ui-surface-hover);
}

.personal-market-page .personal-market-promo__action:hover svg,
.personal-market-page .personal-market-promo__action:focus-visible svg {
    transform: translateX(2px);
}

.personal-market-page .personal-market-promo__action:focus-visible {
    outline: 2px solid var(--personal-market-accent);
    outline-offset: 2px;
}

.personal-market-page .freelancer-proposal-card,
.personal-market-page .simple-task-completion-card,
.personal-market-page .freelancer-proposals-empty,
.personal-market-page .simple-task-completions-empty {
    border-color: var(--vacancy-ui-stroke);
    border-radius: 12px;
    background: var(--vacancy-ui-island);
    box-shadow: 0 1px 2px rgba(16, 24, 40, .035);
}

.personal-market-page .freelancer-proposal-card:hover {
    border-color: rgba(37, 131, 233, .28);
    box-shadow: 0 6px 18px rgba(16, 24, 40, .06);
}

.personal-market-page .freelancer-proposal-title a {
    color: var(--vacancy-ui-text);
}

.personal-market-page .freelancer-proposal-title a:hover {
    color: #177de5;
}

.personal-market-page .freelancer-proposal-job-link,
.personal-market-page .freelancer-proposals-empty__button {
    min-height: 40px;
    border-radius: 8px;
    background: #23c366;
}

.personal-market-page .freelancer-proposals-empty,
.personal-market-page .simple-task-completions-empty {
    margin-bottom: 0;
    padding: 40px 22px;
    border: 1px solid var(--vacancy-ui-stroke);
}

html[data-theme="dark"] .personal-market-filter__list a.is-selected {
    background: color-mix(in srgb, var(--personal-market-accent) 16%, transparent);
}

@media (max-width: 1024px) {
    .personal-market-page .personal-market-filter {
        margin-top: 8px;
        padding: 8px;
        border-radius: 12px;
    }

    .personal-market-page .personal-market-filter .vacancy-hirify-filter__account-note,
    .personal-market-page .personal-market-filter .vacancy-hirify-filter__divider {
        display: none;
    }

    .personal-market-filter__list {
        flex-direction: row;
        gap: 5px;
        margin: 0;
        overflow-x: auto;
        overscroll-behavior-x: contain;
        scrollbar-width: none;
    }

    .personal-market-filter__list::-webkit-scrollbar {
        display: none;
    }

    .personal-market-filter__list a {
        min-width: max-content;
        min-height: 36px;
        padding: 6px 9px;
    }
}

@media (max-width: 680px) {
    .personal-market-page .simple-task-promo__actions {
        padding-left: 58px;
    }

    .personal-market-page .personal-market-promo__action {
        min-height: 32px;
    }

    .personal-market-page .simple-task-completion-card,
    .personal-market-page .freelancer-proposal-card {
        padding: 14px;
    }
}

body.vacancy-filter-is-open {
    overflow: hidden;
}

@supports (overflow: clip) {
    body.fiwork-page-earn {
        overflow-x: clip;
    }
}

.vacancy-intent-bar {
    width: 100%;
    padding: 0 20px;
    font-family: "Geologica", sans-serif;
}

.vacancy-intent-bar__inner {
    position: relative;
    z-index: 30;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: min(1240px, 100%);
    min-height: 58px;
    margin: 16px auto 12px;
    padding: 6px 8px;
    border: 1px solid #e5e7ea;
    border-radius: 14px;
    background: rgba(255, 255, 255, .92);
    box-shadow: 0 5px 20px rgba(25, 31, 38, .05);
    backdrop-filter: blur(14px);
}

.vacancy-intent-switch {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: center;
    gap: 4px;
    width: 100%;
    margin: 0 0 8px;
    padding: 4px;
    border-radius: 12px;
    background: var(--vacancy-ui-island, #fff);
    box-shadow: var(--vacancy-ui-shadow, 0 1px 3px rgba(0, 0, 0, .06));
}

.vacancy-intent-switch a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
    min-height: 38px;
    padding: 0 8px;
    border-radius: 8px;
    color: var(--vacancy-ui-secondary, #626b75);
    font-size: 12px;
    font-weight: 500;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    transition: color .18s ease, background-color .18s ease, box-shadow .18s ease;
}

.vacancy-intent-switch a:hover {
    color: var(--vacancy-ui-text, #20242a);
    background: var(--vacancy-ui-surface-hover, #f4f5f6);
}

.vacancy-intent-switch a.is-active {
    color: #fff;
    background: var(--vacancy-ui-accent, #2196f3);
    box-shadow: 0 4px 12px rgba(33, 150, 243, .24);
}

.vacancy-region-control,
.vacancy-region-switcher {
    position: relative;
}

.vacancy-region-control {
    margin-right: 4px;
}

.vacancy-region-switcher > summary {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 42px;
    padding: 0 10px;
    border-radius: 9px;
    color: #343a40;
    cursor: pointer;
    font-size: 13px;
    font-weight: 600;
    list-style: none;
    transition: color .18s ease, background-color .18s ease;
}

.vacancy-region-switcher > summary::-webkit-details-marker {
    display: none;
}

.vacancy-region-switcher > summary:hover,
.vacancy-region-switcher[open] > summary {
    color: #111418;
    background: #f2f3f5;
}

.vacancy-region-switcher > summary > svg:first-child {
    color: #2196f3;
}

.vacancy-region-switcher__chevron {
    color: #8a9199;
    transition: transform .18s ease;
}

.vacancy-region-switcher[open] .vacancy-region-switcher__chevron {
    transform: rotate(180deg);
}

.vacancy-region-switcher__menu {
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    z-index: 35;
    width: min(330px, calc(100vw - 32px));
    padding: 14px;
    border: 1px solid #e3e5e8;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 16px 45px rgba(26, 31, 38, .16);
}

.vacancy-region-switcher__menu > strong {
    display: block;
    margin: 0 3px 10px;
    color: #20242a;
    font-size: 14px;
}

.vacancy-region-switcher__search {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 40px;
    margin-bottom: 8px;
    padding: 0 10px;
    border: 1px solid #e2e5e8;
    border-radius: 9px;
    color: #8c949c;
    background: #f7f8f9;
}

.vacancy-region-switcher__search svg {
    flex: 0 0 16px;
}

.vacancy-region-switcher__search input {
    width: 100%;
    min-width: 0;
    border: 0;
    outline: 0;
    color: #252a30;
    background: transparent;
    font: 500 13px Inter, sans-serif;
}

.vacancy-region-switcher__search input::placeholder {
    color: #9aa1a9;
}

.vacancy-region-switcher__menu > div {
    display: grid;
    max-height: 280px;
    overflow-y: auto;
}

.vacancy-region-switcher__menu > div > a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    min-height: 38px;
    padding: 0 10px;
    border-radius: 8px;
    color: #3f464e;
    font-size: 13px;
    text-decoration: none;
}

.vacancy-region-switcher__menu > div > a:hover {
    background: #f4f5f6;
}

.vacancy-region-switcher__menu > div > a.is-active {
    color: #147fcf;
    background: #edf7ff;
    font-weight: 750;
}

.vacancy-region-switcher__menu small {
    color: #98a0a8;
    text-align: right;
}

.vacancy-region-switcher__empty {
    margin: 0;
    padding: 18px 10px;
    color: #89919a;
    font-size: 12px;
    text-align: center;
}

.vacancy-region-switcher__reset {
    display: inline-flex;
    margin: 11px 3px 1px;
    color: #147fcf;
    font-size: 12px;
    font-weight: 750;
    text-decoration: none;
}

.vacancy-region-confirmation {
    position: absolute;
    top: calc(100% + 12px);
    right: -4px;
    z-index: 40;
    width: 360px;
    max-width: calc(100vw - 32px);
    padding: 16px;
    border: 1px solid #e3e5e8;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 16px 45px rgba(26, 31, 38, .17);
}

.vacancy-region-confirmation[hidden] {
    display: none;
}

.vacancy-region-confirmation::before {
    position: absolute;
    top: -7px;
    right: 44px;
    width: 13px;
    height: 13px;
    border-top: 1px solid #e3e5e8;
    border-left: 1px solid #e3e5e8;
    background: #fff;
    content: "";
    transform: rotate(45deg);
}

.vacancy-region-confirmation > strong {
    display: block;
    margin-bottom: 14px;
    color: #20242a;
    font-size: 15px;
    line-height: 1.4;
}

.vacancy-region-confirmation > div {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

.vacancy-region-confirmation button {
    min-height: 38px;
    padding: 0 12px;
    border: 1px solid #dfe2e5;
    border-radius: 9px;
    color: #30363d;
    background: #f5f6f7;
    cursor: pointer;
    font: 750 13px Inter, sans-serif;
}

.vacancy-region-confirmation button.is-primary {
    border-color: #25282c;
    color: #fff;
    background: #25282c;
}

.main-block:has(> .main-container > .freelancer-proposals-page) {
    align-items: stretch;
    background: #f6f7f8;
    min-height: calc(100vh - 260px);
    padding-left: 0;
    padding-right: 0;
}

.main-container:has(> .freelancer-proposals-page) {
    background: #f6f7f8;
    margin-bottom: 0;
    max-width: none;
    overflow: visible;
    padding-bottom: 0;
    width: 100%;
}

.freelancer-proposals-page {
    background: #f6f7f8;
    color: #202124;
    font-family: "Geologica", sans-serif;
    min-height: 100vh;
    padding-bottom: 72px;
    width: 100%;
}

.freelancer-proposals-page *,
.freelancer-proposals-page *::before,
.freelancer-proposals-page *::after {
    box-sizing: border-box;
    font-family: inherit;
}

.freelancer-proposals-page a,
.freelancer-proposals-page button {
    text-decoration: none;
}

.fiwork-card-badges {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 8px;
}

.simple-task-card__plus-badge {
    position: relative;
}

.simple-task-card__plus-badge:focus-visible {
    outline: 3px solid rgba(196, 132, 10, .2);
    outline-offset: 2px;
}

.simple-task-card__plus-badge:hover .simple-task-card__tooltip,
.simple-task-card__plus-badge:focus .simple-task-card__tooltip,
.simple-task-card__plus-badge:focus-within .simple-task-card__tooltip,
.simple-task-card__plus-badge.is-tooltip-open .simple-task-card__tooltip {
    opacity: 1;
    transform: translate(-50%, 0);
}

.fiwork-pinned-badge {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    width: fit-content;
    min-height: 24px;
    padding: 4px 9px;
    border-radius: 999px;
    background: #fff7df;
    color: #9a6100;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
}

.fiwork-pinned-badge svg {
    width: 14px;
    height: 14px;
    flex: 0 0 14px;
}

.fiwork-card-badges .simple-task-card__type,
.fiwork-card-badges .earn-vacancy-card__badge,
.fiwork-card-badges .content-task-card__badge {
    align-items: center;
    margin-bottom: 0;
    min-height: 24px;
}

.freelancer-proposals-shell {
    margin: 0 auto;
    max-width: 1120px;
    padding: 34px 18px 0;
    width: 100%;
}

.freelancer-proposals-title {
    color: #202124;
    font-size: 34px;
    font-weight: 800;
    line-height: 42px;
    margin: 0;
}

.freelancer-proposals-head {
    align-items: center;
    display: flex;
    gap: 16px;
    justify-content: space-between;
    margin: 0 0 22px;
}

.freelancer-proposals-head-copy {
    min-width: 0;
}

.freelancer-proposals-head-copy > p {
    max-width: 672px;
    margin: 5px 0 0;
    color: #667085;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
}

.freelancer-proposals-head-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
}

.earn-section-digest .freelancer-proposals-head.vacancy-market-head {
    position: relative;
    isolation: isolate;
    align-items: flex-end;
    min-height: 184px;
    padding: 28px;
    border-color: rgba(255, 255, 255, .09);
    border-radius: 16px;
    background: url("../img/vacancies/vacancy-banner.jpg") center / cover no-repeat;
    box-shadow: 0 10px 30px rgba(23, 26, 31, .12);
    overflow: hidden;
}

.vacancy-market-head::after {
    position: absolute;
    z-index: -1;
    inset: 0;
    content: "";
    background: linear-gradient(90deg, rgba(3, 5, 8, .96) 0%, rgba(3, 5, 8, .82) 43%, rgba(3, 5, 8, .24) 72%);
    opacity: 0;
    pointer-events: none;
    transition: opacity .22s ease;
}

.vacancy-market-head .freelancer-proposals-head-copy {
    max-width: 560px;
}

.vacancy-market-head__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 9px;
    color: #6ee7a1;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .09em;
    line-height: 1.2;
    text-transform: uppercase;
}

.vacancy-market-head__eyebrow::before {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #23c366;
    box-shadow: 0 0 0 4px rgba(35, 195, 102, .16);
    content: "";
}

.earn-section-digest .vacancy-market-head .freelancer-proposals-title {
    color: #fff;
    font-size: clamp(28px, 3vw, 36px);
    letter-spacing: -.025em;
}

.earn-section-digest .vacancy-market-head .freelancer-proposals-head-copy > p {
    max-width: 540px;
    margin-top: 8px;
    color: rgba(255, 255, 255, .72);
    font-size: 14px;
    line-height: 1.5;
}

.vacancy-market-head .freelancer-proposals-head-actions {
    max-width: 550px;
}

.vacancy-market-head .vacancy-head-action,
.vacancy-market-head .freelancer-proposals-my-link {
    min-height: 42px;
    border-radius: 10px;
    box-shadow: 0 6px 18px rgba(0, 0, 0, .14);
}

.vacancy-market-head .vacancy-head-action--resume {
    border-color: rgba(255, 255, 255, .34);
    color: #fff;
    background: rgba(255, 255, 255, .12);
    backdrop-filter: blur(8px);
}

.vacancy-market-head .vacancy-head-action--resume:hover,
.vacancy-market-head .vacancy-head-action--resume:focus {
    border-color: rgba(255, 255, 255, .62);
    color: #fff;
    background: rgba(255, 255, 255, .2);
}

.vacancy-head-action {
    align-items: center;
    border: 1px solid transparent;
    border-radius: 8px;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 14px;
    font-weight: 800;
    gap: 8px;
    justify-content: center;
    line-height: 1.2;
    min-height: 44px;
    padding: 0 18px;
    transition: background-color .18s ease, border-color .18s ease, color .18s ease;
    white-space: nowrap;
}

.vacancy-head-action svg {
    flex: 0 0 18px;
    height: 18px;
    width: 18px;
}

.vacancy-head-action--resume {
    background: #fff;
    border-color: #dfe4e9;
    color: #30363d;
    min-width: 174px;
}

.vacancy-head-action--resume:hover,
.vacancy-head-action--resume:focus {
    background: #f5f7f9;
    border-color: #cfd5dc;
    color: #202124;
}

.vacancy-head-action--publish {
    background: #2196f3;
    color: #fff;
}

.vacancy-head-action--publish:hover,
.vacancy-head-action--publish:focus {
    background: #1688e4;
    color: #fff;
}

.freelancer-proposals-my-link {
    align-items: center;
    background: #23c366;
    border-radius: 6px;
    color: #fff;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 14px;
    font-weight: 800;
    gap: 9px;
    justify-content: center;
    line-height: 1.2;
    min-height: 44px;
    padding: 0 18px;
    transition: background-color .18s ease;
    white-space: nowrap;
}

.freelancer-proposals-my-link:hover,
.freelancer-proposals-my-link:focus {
    background: #1fb85f;
    color: #fff;
}

.freelancer-proposals-my-link svg {
    height: 18px;
    width: 18px;
}

.freelancer-proposals-layout {
    display: flex;
    gap: 18px;
}

.freelancer-proposals-left-rail {
    display: grid;
    flex: 0 0 238px;
    gap: 14px;
    height: fit-content;
    position: sticky;
    top: 18px;
}

.freelancer-proposals-tabs {
    background: #fff;
    border: 1px solid #e3e7ec;
    border-radius: 10px;
    height: fit-content;
    overflow: hidden;
    padding: 8px;
}

.freelancer-proposals-tab {
    border-radius: 8px;
    color: #33383f;
    align-items: center;
    display: flex;
    font-size: 14px;
    font-weight: 700;
    gap: 8px;
    line-height: 18px;
    padding: 12px 13px;
    position: relative;
    transition: background .18s ease, color .18s ease;
}

.freelancer-proposals-tab__icon {
    color: #f5a400;
    flex: 0 0 auto;
    height: 16px;
    width: 16px;
}

.freelancer-proposals-tab + .freelancer-proposals-tab {
    margin-top: 4px;
}

.freelancer-proposals-tab.active,
.freelancer-proposals-tab:hover {
    color: #04a51c;
}

.freelancer-proposals-tab.active {
    background: #ebf9ee;
}

.freelancer-proposals-tab.active::before,
.freelancer-proposals-tab:hover::before {
    display: none;
}

.freelancer-proposals-content {
    flex: 1 1 auto;
    min-width: 0;
}

.vacancy-aggregator-filter {
    align-items: end;
    background: #fff;
    border: 1px solid #e3e7ec;
    border-radius: 12px;
    display: grid;
    gap: 12px;
    grid-template-columns: minmax(240px, 1fr) auto auto auto;
    margin-bottom: 12px;
    padding: 16px;
}

.vacancy-aggregator-filter label {
    color: #59616c;
    display: flex;
    flex-direction: column;
    font-size: 12px;
    font-weight: 700;
    gap: 6px;
    min-width: 0;
}

.vacancy-aggregator-filter input,
.vacancy-aggregator-filter select {
    background: #fff;
    border: 1px solid #dce1e7;
    border-radius: 8px;
    color: #202124;
    font-size: 13px;
    height: 42px;
    min-width: 0;
    padding: 0 11px;
    width: 100%;
}

.vacancy-aggregator-filter button,
.vacancy-aggregator-filter > a {
    align-items: center;
    border: 0;
    border-radius: 8px;
    cursor: pointer;
    display: inline-flex;
    font-size: 13px;
    font-weight: 800;
    height: 42px;
    justify-content: center;
    padding: 0 16px;
    white-space: nowrap;
}

.vacancy-aggregator-filter button {
    background: #23c366;
    color: #fff;
}

.vacancy-aggregator-filter .vacancy-filter-open {
    min-width: 122px;
    gap: 7px;
    border: 1px solid #dce1e7;
    color: #363d45;
    background: #fff;
}

.vacancy-filter-open:hover {
    border-color: #cbd1d8;
    background: #f5f6f7;
}

.vacancy-filter-open > span {
    display: inline-grid;
    place-items: center;
    min-width: 19px;
    height: 19px;
    padding: 0 5px;
    border-radius: 999px;
    color: #fff;
    background: #2196f3;
    font-size: 10px;
}

.vacancy-aggregator-filter .vacancy-filter-submit {
    min-width: 142px;
    padding-inline: 24px;
}

.vacancy-aggregator-filter > a {
    background: #f1f3f5;
    color: #4a525c;
}

.vacancy-filter-modal[hidden] {
    display: none;
}

.vacancy-filter-modal {
    position: fixed;
    z-index: 1900;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 20px;
    font-family: "Geologica", sans-serif;
}

.vacancy-filter-modal__backdrop {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
    background: rgba(14, 18, 23, .56);
    backdrop-filter: blur(3px);
    cursor: default;
}

.vacancy-filter-modal__dialog {
    position: relative;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    width: min(600px, 100%);
    max-height: min(760px, calc(100vh - 40px));
    border: 1px solid #e2e4e7;
    border-radius: 18px;
    color: #20242a;
    background: #fff;
    box-shadow: 0 24px 80px rgba(12, 17, 23, .25);
    overflow: hidden;
    animation: vacancy-filter-modal-in .18s ease-out;
}

@keyframes vacancy-filter-modal-in {
    from {
        opacity: 0;
        transform: translateY(8px) scale(.985);
    }
}

.vacancy-filter-modal__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 66px;
    padding: 0 22px;
    border-bottom: 1px solid #eceef0;
}

.vacancy-filter-modal__header h2 {
    margin: 0;
    font-size: 21px;
    font-weight: 750;
    letter-spacing: -.015em;
}

.vacancy-filter-modal__header button {
    display: inline-grid;
    place-items: center;
    width: 40px;
    height: 40px;
    border: 0;
    border-radius: 50%;
    color: #5c646d;
    background: transparent;
    cursor: pointer;
}

.vacancy-filter-modal__header button:hover {
    color: #20242a;
    background: #f1f2f4;
}

.vacancy-filter-modal__dialog > form {
    display: grid;
    grid-template-rows: minmax(0, 1fr) auto;
    min-height: 0;
}

.vacancy-filter-modal__body {
    min-height: 0;
    padding: 4px 22px 24px;
    overflow-y: auto;
    overscroll-behavior: contain;
}

.vacancy-filter-group {
    margin: 0;
    padding: 22px 0;
    border: 0;
    border-bottom: 1px solid #eceef0;
}

.vacancy-filter-group:last-child {
    border-bottom: 0;
}

.vacancy-filter-group legend {
    width: 100%;
    margin: 0 0 13px;
    padding: 0;
    color: #252a30;
    font-size: 15px;
    font-weight: 750;
}

.vacancy-filter-options {
    display: grid;
    gap: 2px;
}

.vacancy-filter-option {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 42px;
    padding: 0 4px;
    color: #424950;
    cursor: pointer;
    font-size: 14px;
}

.vacancy-filter-option input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.vacancy-filter-option i {
    position: relative;
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
    border: 1.5px solid #cbd0d6;
    border-radius: 6px;
    background: #fff;
}

.vacancy-filter-option input[type="radio"] + i {
    border-radius: 50%;
}

.vacancy-filter-option input:checked + i {
    border-color: #27c366;
    background: #27c366;
}

.vacancy-filter-option input:checked + i::after {
    position: absolute;
    top: 4px;
    left: 6px;
    width: 6px;
    height: 9px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    content: "";
    transform: rotate(45deg);
}

.vacancy-filter-option input[type="radio"]:checked + i::after {
    top: 4px;
    left: 4px;
    width: 9px;
    height: 9px;
    border: 0;
    border-radius: 50%;
    background: #fff;
    transform: none;
}

.vacancy-filter-salary {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-bottom: 14px;
}

.vacancy-filter-salary label {
    display: flex;
    align-items: center;
    min-height: 46px;
    padding: 0 13px;
    border: 1px solid #dfe3e7;
    border-radius: 10px;
    color: #78818a;
    background: #fafafa;
}

.vacancy-filter-salary input {
    width: 100%;
    min-width: 0;
    margin-left: 8px;
    border: 0;
    outline: 0;
    color: #252a30;
    background: transparent;
    font: 600 14px Inter, sans-serif;
}

.vacancy-filter-switch {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    cursor: pointer;
}

.vacancy-filter-switch > span {
    display: grid;
    gap: 3px;
}

.vacancy-filter-switch strong {
    color: #30363d;
    font-size: 13px;
}

.vacancy-filter-switch small {
    color: #828b94;
    font-size: 11px;
}

.vacancy-filter-switch input {
    position: absolute;
    opacity: 0;
}

.vacancy-filter-switch i {
    position: relative;
    flex: 0 0 42px;
    width: 42px;
    height: 24px;
    border-radius: 999px;
    background: #d7dce1;
    transition: background-color .18s ease;
}

.vacancy-filter-switch i::after {
    position: absolute;
    top: 3px;
    left: 3px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
    content: "";
    transition: transform .18s ease;
}

.vacancy-filter-switch input:checked + i {
    background: #23c366;
}

.vacancy-filter-switch input:checked + i::after {
    transform: translateX(18px);
}

.vacancy-filter-periods {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.vacancy-filter-periods input {
    position: absolute;
    opacity: 0;
}

.vacancy-filter-periods span {
    display: inline-flex;
    align-items: center;
    min-height: 36px;
    padding: 0 13px;
    border: 1px solid #dfe3e7;
    border-radius: 999px;
    color: #535b64;
    cursor: pointer;
    background: #fff;
    font-size: 12px;
    font-weight: 650;
}

.vacancy-filter-periods input:checked + span {
    border-color: #27c366;
    color: #168b48;
    background: #effbf4;
}

.vacancy-filter-modal__footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    padding: 15px 22px;
    border-top: 1px solid #eceef0;
    background: #fff;
}

.vacancy-filter-modal__footer a,
.vacancy-filter-modal__footer button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 0 18px;
    border-radius: 9px;
    font: 750 13px Inter, sans-serif;
    text-decoration: none;
}

.vacancy-filter-modal__footer a {
    color: #4e5760;
    background: #f0f2f4;
}

.vacancy-filter-modal__footer button {
    min-width: 180px;
    border: 0;
    color: #fff;
    background: #2196f3;
    cursor: pointer;
}

/* Compact authentication-modal visual language. */
.vacancy-filter-modal {
    background: transparent;
}

.vacancy-filter-modal__backdrop {
    background: rgba(0, 0, 0, .6);
    backdrop-filter: blur(8px);
}

.vacancy-filter-modal__dialog {
    width: min(440px, 100%);
    max-height: min(720px, calc(100vh - 40px));
    border: 0;
    border-radius: 12px;
    box-shadow:
        0 8px 8px -4px rgba(10, 13, 18, .04),
        0 20px 24px -4px rgba(10, 13, 18, .1);
}

.vacancy-filter-modal__header {
    position: relative;
    flex-direction: column;
    justify-content: center;
    min-height: 0;
    padding: 20px 48px 14px;
    border-bottom: 0;
    gap: 8px;
    text-align: center;
}

.vacancy-filter-modal__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    margin-bottom: 2px;
    border: 1px solid #eaecf0;
    border-radius: 10px;
    color: #27c366;
    background: #fff;
    box-shadow: 0 1px 2px rgba(10, 13, 18, .05);
}

.vacancy-filter-modal__header h2 {
    color: #181d27;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.45;
}

.vacancy-filter-modal__header p {
    max-width: 310px;
    margin: 0;
    color: #535862;
    font-size: 13px;
    line-height: 1.45;
}

.vacancy-filter-modal__header .vacancy-filter-modal__close {
    position: absolute;
    top: 18px;
    right: 18px;
    width: 32px;
    height: 32px;
}

.vacancy-filter-modal__body {
    padding: 0 20px 10px;
}

.vacancy-filter-group {
    margin: 0 0 10px;
    padding: 14px;
    border: 1px solid #eaecf0;
    border-radius: 10px;
    background: #f8fafc;
}

.vacancy-filter-group:last-child {
    margin-bottom: 0;
    border-bottom: 1px solid #eaecf0;
}

.vacancy-filter-group legend {
    width: auto;
    margin: 0 0 9px;
    color: #344054;
    font-size: 13px;
    font-weight: 600;
}

.vacancy-filter-option {
    min-height: 38px;
    font-size: 13px;
}

.vacancy-filter-modal__footer {
    display: grid;
    gap: 8px;
    padding: 10px 20px 20px;
    border-top: 0;
}

.vacancy-filter-modal__footer button {
    order: -1;
    width: 100%;
    min-height: 44px;
    border-radius: 8px;
    color: #fff;
    background: #27c366;
    box-shadow: 0 1px 2px rgba(10, 13, 18, .05);
    font-size: 14px;
    font-weight: 600;
}

.vacancy-filter-modal__footer button:hover,
.vacancy-filter-modal__footer button:focus-visible {
    background: #1ab95a;
    outline: 0;
}

.vacancy-filter-modal__footer a {
    min-height: 34px;
    color: #177de5;
    background: transparent;
    font-weight: 500;
}

.vacancy-filter-modal__footer a:hover {
    text-decoration: underline;
}

.vacancy-employer-circles {
    margin: 0 0 14px;
    padding: 2px 1px;
}

.vacancy-employer-circles__head {
    margin-bottom: 10px;
}

.vacancy-employer-circles__head h2 {
    margin: 0;
    color: #59616c;
    font-size: 13px;
    font-weight: 800;
    line-height: 18px;
}

.vacancy-employer-circles__list {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 13px;
}

.vacancy-employer-circle {
    display: grid;
    flex: 0 0 68px;
    justify-items: center;
    gap: 6px;
    width: 68px;
    color: #4d5661;
    text-align: center;
    text-decoration: none;
}

.vacancy-employer-circle__avatar {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    border: 2px solid #fff;
    border-radius: 50%;
    box-shadow: 0 0 0 1px #e0e4e9;
    font-size: 19px;
    font-weight: 900;
    transition: box-shadow .18s ease, transform .18s ease;
}

.vacancy-employer-circle strong {
    display: -webkit-box;
    width: 100%;
    overflow: hidden;
    color: inherit;
    font-size: 11px;
    font-weight: 700;
    line-height: 14px;
    overflow-wrap: anywhere;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.vacancy-employer-circle:hover {
    color: #202124;
}

.vacancy-employer-circle:hover .vacancy-employer-circle__avatar {
    box-shadow: 0 0 0 2px #b7c0ca;
    transform: translateY(-1px);
}

.vacancy-employer-circle.is-active {
    color: #168943;
}

.vacancy-employer-circle.is-active .vacancy-employer-circle__avatar {
    box-shadow: 0 0 0 3px #23c366;
}

.vacancy-employer-circle__tooltip {
    position: absolute;
    bottom: calc(100% + 8px);
    left: 50%;
    z-index: 10;
    width: max-content;
    max-width: 180px;
    padding: 6px 8px;
    border-radius: 7px;
    color: #fff;
    background: #202124;
    box-shadow: 0 7px 20px rgba(0, 0, 0, .16);
    font-size: 11px;
    font-weight: 700;
    line-height: 15px;
    opacity: 0;
    pointer-events: none;
    transform: translate(-50%, 4px);
    transition: opacity .16s ease, transform .16s ease;
}

.vacancy-employer-circle:hover .vacancy-employer-circle__tooltip,
.vacancy-employer-circle:focus-visible .vacancy-employer-circle__tooltip {
    opacity: 1;
    transform: translate(-50%, 0);
}

.vacancy-top-employers {
    background: #fff;
    border: 1px solid #e3e7ec;
    border-radius: 12px;
    margin-bottom: 14px;
    overflow: hidden;
    padding: 18px 18px 16px;
}

.vacancy-top-employers__head {
    align-items: flex-end;
    display: flex;
    justify-content: space-between;
    margin-bottom: 14px;
}

.vacancy-top-employers__head h2 {
    color: #202124;
    font-size: 20px;
    font-weight: 800;
    line-height: 1.25;
    margin: 0;
}

.vacancy-top-employers__head p {
    color: #7a828d;
    font-size: 12px;
    line-height: 1.4;
    margin: 4px 0 0;
}

.vacancy-top-employers__list {
    display: flex;
    gap: 10px;
    max-width: 100%;
    overflow-x: auto;
    padding: 1px 1px 7px;
    scroll-snap-type: x proximity;
    scrollbar-color: #d8dde3 transparent;
    scrollbar-width: thin;
    -webkit-overflow-scrolling: touch;
}

.vacancy-top-employer {
    align-items: center;
    background: #f8f9fa;
    border: 1px solid #ebedf0;
    border-radius: 10px;
    color: #252a30;
    display: flex;
    flex: 0 0 216px;
    gap: 11px;
    min-height: 82px;
    padding: 12px 10px 12px 12px;
    scroll-snap-align: start;
    transition: background-color .18s ease, border-color .18s ease, transform .18s ease;
}

.vacancy-top-employer:hover,
.vacancy-top-employer:focus {
    background: #fff;
    border-color: #ccd4dc;
    color: #202124;
    transform: translateY(-1px);
}

.vacancy-top-employer__logo {
    align-items: center;
    border-radius: 12px;
    display: inline-flex;
    flex: 0 0 48px;
    font-size: 21px;
    font-weight: 900;
    height: 48px;
    justify-content: center;
}

.vacancy-top-employer__logo--1 { background: #e8f3ff; color: #1976d2; }
.vacancy-top-employer__logo--2 { background: #e8f8ed; color: #168b43; }
.vacancy-top-employer__logo--3 { background: #fff2da; color: #ad6800; }
.vacancy-top-employer__logo--4 { background: #f1eaff; color: #7546bf; }
.vacancy-top-employer__logo--5 { background: #ffe9ed; color: #be3854; }
.vacancy-top-employer__logo--6 { background: #e6f7f7; color: #087f83; }

.vacancy-top-employer__content {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-width: 0;
}

.vacancy-top-employer__content strong {
    display: -webkit-box;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.3;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.vacancy-top-employer__content > span {
    color: #7a828d;
    font-size: 11px;
    font-weight: 600;
    margin-top: 4px;
}

.vacancy-top-employer > svg {
    color: #9aa1aa;
    flex: 0 0 16px;
    height: 16px;
    width: 16px;
}

.vacancy-source-chips {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin: 0 0 14px;
}

.vacancy-source-chips > span {
    color: #7a828d;
    font-size: 12px;
    font-weight: 700;
}

.vacancy-source-chips a {
    background: #fff;
    border: 1px solid #e0e4e9;
    border-radius: 999px;
    color: #4d5661;
    font-size: 12px;
    font-weight: 700;
    padding: 6px 10px;
}

.vacancy-source-chips a.active {
    background: #ebf9ee;
    border-color: #bfe9c9;
    color: #07922b;
}

.external-vacancy-card {
    border-left: 3px solid #2196f3;
}

.external-vacancy-card__source {
    align-items: center;
    background: #eaf5ff;
    border-radius: 999px;
    color: #1378c5;
    display: inline-flex;
    font-size: 12px;
    font-weight: 800;
    min-height: 24px;
    padding: 4px 9px;
}

.external-vacancy-card__employer > span {
    align-items: flex-start !important;
    display: flex !important;
    flex-direction: column;
    gap: 2px;
}

.external-vacancy-card__employer small {
    color: #858c95;
    font-size: 11px;
    font-weight: 600;
}

.vacancy-aggregator-seo {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    max-width: 840px;
    margin-top: 24px;
    padding: 14px 2px 0;
    border-top: 1px solid #e5e8ec;
    color: #7a828d;
}

.vacancy-aggregator-seo > svg {
    width: 17px;
    height: 17px;
    flex: 0 0 17px;
    margin-top: 1px;
    color: #9aa1aa;
}

.vacancy-aggregator-seo h2 {
    margin: 0 0 3px;
    color: #626b76;
    font-size: 13px;
    font-weight: 750;
    line-height: 18px;
}

.vacancy-aggregator-seo p {
    margin: 0;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.55;
}

@media (max-width: 1050px) {
    .vacancy-aggregator-filter {
        grid-template-columns: 1fr 1fr;
    }

}

@media (max-width: 620px) {
    .vacancy-filter-modal {
        align-items: end;
        padding: 0;
    }

    .vacancy-filter-modal__dialog {
        width: 100%;
        max-height: calc(100dvh - 24px - env(safe-area-inset-bottom));
        border-radius: 24px 24px 0 0;
        animation-name: vacancy-filter-modal-mobile-in;
    }

    @keyframes vacancy-filter-modal-mobile-in {
        from {
            transform: translateY(24px);
            opacity: 0;
        }
    }

    .vacancy-filter-modal__header {
        min-height: 60px;
        padding: 20px 44px 14px;
    }

    .vacancy-filter-modal__body {
        padding-inline: 16px;
    }

    .vacancy-filter-modal__footer {
        padding: 10px 16px max(20px, env(safe-area-inset-bottom));
    }

    .vacancy-filter-modal__footer a {
        flex: 0 0 auto;
    }

    .vacancy-filter-modal__footer button {
        flex: 1 1 auto;
        min-width: 0;
    }

    .vacancy-filter-salary {
        grid-template-columns: 1fr;
    }

    .vacancy-employer-circles__list {
        flex-wrap: nowrap;
        gap: 11px;
        margin-right: -13px;
        padding: 2px 13px 8px 1px;
        overflow-x: auto;
        scrollbar-width: none;
    }

    .vacancy-employer-circles__list::-webkit-scrollbar {
        display: none;
    }

    .vacancy-aggregator-filter {
        grid-template-columns: 1fr;
        padding: 13px;
    }

    .vacancy-aggregator-filter__search {
        grid-column: auto;
    }

    .vacancy-top-employers {
        border-left: 0;
        border-radius: 0;
        border-right: 0;
        margin-left: -14px;
        margin-right: -14px;
        padding: 16px 14px 12px;
    }

    .vacancy-top-employers__head h2 {
        font-size: 19px;
    }

    .vacancy-top-employer {
        flex-basis: 202px;
    }
}

.simple-task-market-left {
    flex: none;
    width: 100%;
}

.simple-task-filter-toggle {
    display: none;
}

.simple-task-filter-drawer {
    display: block;
}

.simple-task-filter-panel,
.simple-task-market-stats {
    background: #fff;
    border: 1px solid #e3e7ec;
    border-radius: 10px;
    box-shadow: none !important;
}

.simple-task-filter-panel .jobs-filter-panel,
.simple-task-market-stats.jobs-market-stats,
.simple-task-filter-panel .jobs-filter-switch input:checked + span {
    box-shadow: none;
}

.simple-task-filter-panel .jobs-filter-rubric {
    align-items: center;
    border-radius: 7px;
    display: flex;
    gap: 8px;
    justify-content: space-between;
    padding: 7px 8px;
    text-decoration: none;
}

.simple-task-filter-panel .jobs-filter-rubric.active,
.simple-task-filter-panel .jobs-filter-rubric:hover {
    background: #ebf9ee;
}

.simple-task-price-range {
    display: grid;
    gap: 12px;
}

.simple-task-price-range__values {
    align-items: center;
    color: #202124;
    display: flex;
    font-size: 13px;
    font-weight: 800;
    justify-content: space-between;
    line-height: 18px;
}

.simple-task-price-range__values span {
    align-items: center;
    background: #f6f7f8;
    border: 1px solid #e3e7ec;
    border-radius: 7px;
    display: inline-flex;
    gap: 4px;
    padding: 6px 8px;
}

.simple-task-price-range__values em {
    color: #8b95a1;
    font-style: normal;
    font-weight: 700;
}

.simple-task-price-range__values strong {
    color: #202124;
    font-weight: 800;
}

.simple-task-price-range__control {
    height: 28px;
    position: relative;
}

.simple-task-price-range__control input[type="range"] {
    -webkit-appearance: none;
    appearance: none;
    background: transparent;
    height: 28px;
    left: 0;
    margin: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
}

.simple-task-price-range__control input[type="range"]::-webkit-slider-runnable-track {
    background: transparent;
    border: 0;
    height: 4px;
}

.simple-task-price-range__control input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    background: #04a51c;
    border: 3px solid #fff;
    border-radius: 50%;
    box-shadow: 0 2px 8px rgba(4, 165, 28, .24);
    cursor: pointer;
    height: 18px;
    margin-top: -7px;
    pointer-events: auto;
    width: 18px;
}

.simple-task-price-range__control input[type="range"]::-moz-range-track {
    background: transparent;
    border: 0;
    height: 4px;
}

.simple-task-price-range__control input[type="range"]::-moz-range-thumb {
    background: #04a51c;
    border: 3px solid #fff;
    border-radius: 50%;
    box-shadow: 0 2px 8px rgba(4, 165, 28, .24);
    cursor: pointer;
    height: 12px;
    pointer-events: auto;
    width: 12px;
}

.simple-task-price-range__track {
    background: #e8edf1;
    border-radius: 999px;
    height: 4px;
    left: 0;
    position: absolute;
    right: 0;
    top: 12px;
}

.simple-task-price-range__track span {
    background: #04a51c;
    border-radius: inherit;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.simple-task-filter-panel .jobs-filter-input-clear {
    display: none;
}

.simple-task-filter-panel .jobs-filter-input-wrap.has-value .jobs-filter-input-clear {
    display: block;
}

.freelancer-proposals-empty {
    margin-bottom: 160px;
    padding: 26px 12px 0;
    text-align: center;
}

.freelancer-proposals-empty__image {
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 0 auto 24px;
}

.freelancer-proposals-empty__title {
    color: #202124;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
}

.freelancer-proposals-empty__text {
    color: #33383f;
    font-size: 16px;
    line-height: 24px;
    margin: 10px auto 30px;
    max-width: 620px;
}

.freelancer-proposals-empty__button,
.freelancer-proposal-job-link {
    align-items: center;
    background: #04a51c;
    border: 1px solid #04a51c;
    border-radius: 4px;
    color: #fff;
    display: inline-flex;
    font-size: 14px;
    font-weight: 600;
    height: 38px;
    justify-content: center;
    min-width: 178px;
    padding: 0 18px;
}

.freelancer-proposals-empty__button:hover,
.freelancer-proposal-job-link:hover {
    background: #038f19;
    border-color: #038f19;
    color: #fff;
}

.freelancer-proposals-list {
    display: grid;
    gap: 16px;
}

.freelancer-proposal-card {
    background: #fff;
    border: 1px solid #dfe3e8;
    border-radius: 6px;
    padding: 18px;
    transition: box-shadow .2s ease;
}

.freelancer-proposal-card:hover {
    box-shadow: 0 6px 26px -10px rgba(40, 49, 60, .28);
}

.freelancer-proposal-card__head {
    align-items: flex-start;
    display: flex;
    gap: 16px;
    justify-content: space-between;
}

.freelancer-proposal-id {
    color: #7b838d;
    display: block;
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 3px;
}

.freelancer-proposal-title {
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    margin: 0 0 6px;
    padding: 0;
}

.freelancer-proposal-title a {
    color: #04a51c;
}

.freelancer-proposal-title a:hover {
    color: #038f19;
}

.freelancer-proposal-meta {
    color: #7b838d;
    display: flex;
    flex-wrap: wrap;
    font-size: 12px;
    gap: 8px 14px;
    line-height: 18px;
}

.freelancer-proposal-status {
    border-radius: 999px;
    flex: 0 0 auto;
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
    padding: 3px 10px;
}

.freelancer-proposal-status--sent,
.freelancer-proposal-status--viewed {
    background: #eef5ff;
    color: #177de6;
}

.freelancer-proposal-status--hired {
    background: #e6f7ec;
    color: #128238;
}

.freelancer-proposal-status--rejected {
    background: #fff0e7;
    color: #c45527;
}

.freelancer-proposal-status--interview,
.freelancer-proposal-status--shortlist {
    background: #fff5d8;
    color: #9b6813;
}

.freelancer-proposal-stats {
    border-bottom: 1px solid #edf0f2;
    border-top: 1px solid #edf0f2;
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 16px 0;
    padding: 14px 0;
}

.freelancer-proposal-stats div {
    min-width: 0;
}

.freelancer-proposal-stats span {
    color: #7b838d;
    display: block;
    font-size: 12px;
    line-height: 18px;
    margin-bottom: 2px;
}

.freelancer-proposal-stats strong {
    color: #202124;
    display: block;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.freelancer-proposal-cover {
    color: #33383f;
    display: -webkit-box;
    font-size: 14px;
    line-height: 22px;
    margin: 0;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    white-space: pre-line;
    word-break: break-word;
}

.freelancer-proposal-cover.is-expanded {
    display: block;
    overflow: visible;
    -webkit-line-clamp: unset;
}

.freelancer-proposal-attachment {
    margin-top: 12px;
}

.freelancer-proposal-attachment a {
    color: #177de6;
    font-size: 13px;
    font-weight: 600;
}

.freelancer-proposal-actions {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: flex-end;
    margin-top: 16px;
}

.freelancer-proposal-details {
    background: #fff;
    border: 1px solid #d6dce3;
    border-radius: 4px;
    color: #177de6;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    height: 38px;
    padding: 0 16px;
}

.freelancer-proposal-details:hover {
    border-color: #177de6;
}

.freelancer-proposals-pagination {
    margin-top: 22px;
}

.freelancer-proposals-pagination .pagination {
    justify-content: center;
}

.earn-vacancies-empty,
.earn-vacancy-card {
    background: #fff;
    border: 1px solid #e3e7ec;
    border-radius: 12px;
}

.earn-vacancies-empty {
    padding: 34px 24px;
    text-align: center;
}

.earn-vacancies-empty h2 {
    color: #202124;
    font-size: 22px;
    font-weight: 700;
    margin: 0 0 8px;
}

.earn-vacancies-empty p {
    color: #667085;
    font-size: 14px;
    line-height: 22px;
    margin: 0;
}

.earn-vacancies-list {
    display: grid;
    gap: 14px;
}

.earn-vacancy-card {
    display: grid;
    gap: 16px;
    grid-template-columns: minmax(0, 1fr) 190px;
    padding: 20px;
    transition: border-color .18s ease, transform .18s ease, box-shadow .18s ease;
}

.earn-vacancy-card:hover {
    border-color: rgba(4, 165, 28, .35);
    transform: translateY(-1px);
}

.earn-vacancy-card__main {
    min-width: 0;
}

.earn-vacancy-card__badge {
    background: rgba(4, 165, 28, .1);
    border-radius: 999px;
    color: #038f19;
    display: inline-flex;
    font-size: 12px;
    font-weight: 700;
    line-height: 18px;
    margin-bottom: 8px;
    padding: 3px 10px;
}

.earn-vacancy-card h2 {
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    margin: 0 0 8px;
}

.earn-vacancy-card h2 a {
    color: #202124;
}

.earn-vacancy-card h2 a:hover {
    color: #04a51c;
}

.earn-vacancy-card p {
    color: #4b5563;
    font-size: 14px;
    line-height: 22px;
    margin: 0;
}

.earn-vacancy-card__side {
    background: linear-gradient(180deg, #f8fffa 0%, #f6f8fb 100%);
    border: 1px solid #e3e7ec;
    border-radius: 10px;
    display: grid;
    gap: 4px;
    height: fit-content;
    padding: 14px;
}

.earn-vacancy-card__side span,
.earn-vacancy-card__side small {
    color: #667085;
    font-size: 12px;
    line-height: 18px;
}

.earn-vacancy-card__side strong {
    color: #202124;
    font-size: 18px;
    font-weight: 800;
    line-height: 24px;
}

.earn-vacancy-card__tags,
.earn-vacancy-card__footer {
    grid-column: 1 / -1;
}

.earn-vacancy-card__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 12px;
}

.earn-vacancy-card__tags span {
    background: #f1f5f9;
    border-radius: 999px;
    color: #475467;
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
    padding: 4px 10px;
}

.earn-vacancy-card__footer {
    align-items: center;
    border-top: 1px solid #edf0f2;
    display: flex;
    gap: 12px;
    justify-content: space-between;
    padding-top: 14px;
}

.earn-vacancy-card__footer-actions {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    gap: 8px;
    justify-content: flex-end;
}

.earn-vacancy-card__footer span {
    color: #667085;
    font-size: 13px;
    line-height: 20px;
}

.earn-vacancy-card__footer a,
.earn-vacancy-apply__form button,
.earn-vacancy-card__applied {
    align-items: center;
    background: #04a51c;
    border: 0;
    border-radius: 7px;
    color: #fff;
    display: inline-flex;
    font-size: 14px;
    font-weight: 700;
    height: 38px;
    justify-content: center;
    min-width: 132px;
    padding: 0 16px;
}

.earn-vacancy-apply {
    position: relative;
}

.earn-vacancy-apply summary {
    align-items: center;
    background: #04a51c;
    border-radius: 7px;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    font-size: 14px;
    font-weight: 700;
    height: 38px;
    justify-content: center;
    list-style: none;
    min-width: 132px;
    padding: 0 16px;
}

.earn-vacancy-apply summary::-webkit-details-marker {
    display: none;
}

.earn-vacancy-apply[open] summary {
    background: #038f19;
}

.earn-vacancy-apply__form {
    background: #fff;
    border: 1px solid #e6e9ee;
    border-radius: 8px;
    box-shadow: 0 10px 32px rgba(15, 23, 42, .12);
    display: grid;
    gap: 10px;
    min-width: min(340px, calc(100vw - 32px));
    padding: 12px;
    position: absolute;
    right: 0;
    top: calc(100% + 10px);
    z-index: 12;
}

.earn-vacancy-apply__form textarea {
    border: 1px solid #dfe4ea;
    border-radius: 7px;
    color: #1f2937;
    font-size: 14px;
    line-height: 1.45;
    min-height: 96px;
    padding: 10px 12px;
    resize: vertical;
    width: 100%;
}

.earn-vacancy-apply__file,
.earn-vacancy-apply__checkbox {
    align-items: center;
    color: #4b5563;
    display: flex;
    font-size: 13px;
    gap: 8px;
    justify-content: space-between;
}

.earn-vacancy-apply__file input {
    max-width: 190px;
}

.earn-vacancy-apply__checkbox {
    justify-content: flex-start;
}

.earn-vacancy-apply__form button {
    cursor: pointer;
    width: 100%;
}

.earn-vacancy-card__applied {
    background: #eef7f1;
    color: #168342 !important;
}

.earn-vacancy-card__footer a:hover,
.earn-vacancy-apply__form button:hover {
    background: #038f19;
    color: #fff;
}

.earn-vacancy-card__complaint-form {
    display: inline-flex;
    margin: 0;
}

.earn-vacancy-card__footer a.earn-vacancy-card__complaint-button,
.earn-vacancy-card__complaint-button {
    align-items: center;
    background: #fff;
    border: 1px solid #e3e7ec;
    border-radius: 8px;
    color: #667085;
    cursor: pointer;
    display: inline-flex;
    flex: 0 0 38px;
    height: 38px;
    justify-content: center;
    min-width: 38px;
    padding: 0;
    transition: background .18s ease, border-color .18s ease, color .18s ease;
    width: 38px;
}

.earn-vacancy-card__footer a.earn-vacancy-card__complaint-button:hover,
.earn-vacancy-card__complaint-button:hover {
    background: #f8fafb;
    border-color: #cfd6dd;
    color: #202124;
}

.earn-vacancy-card__complaint-button svg {
    height: 18px;
    width: 18px;
}

.simple-tasks-head {
    background: #fff;
    border: 1px solid #e3e7ec;
    border-radius: 12px;
    margin-bottom: 16px;
    padding: 22px;
}

.simple-tasks-head h2 {
    color: #202124;
    font-size: 22px;
    font-weight: 800;
    line-height: 28px;
    margin: 0 0 6px;
}

.simple-tasks-head p {
    color: #667085;
    font-size: 14px;
    line-height: 22px;
    margin: 0;
}

.simple-tasks-list {
    display: grid;
    gap: 14px;
}

.simple-task-card {
    background: #fff;
    border: 1px solid #e3e7ec;
    border-radius: 12px;
    display: grid;
    gap: 16px;
    grid-template-columns: minmax(0, 1fr) 180px;
    padding: 20px;
    transition: border-color .18s ease, transform .18s ease, box-shadow .18s ease;
}

.simple-task-card:hover {
    border-color: rgba(7, 156, 255, .35);
    transform: translateY(-1px);
}

.simple-task-card__main {
    min-width: 0;
}

.simple-task-card__type {
    background: rgba(7, 156, 255, .1);
    border-radius: 999px;
    color: #0969b9;
    display: inline-flex;
    font-size: 12px;
    font-weight: 800;
    line-height: 18px;
    margin-bottom: 8px;
    padding: 3px 10px;
}

.simple-task-card__type--content {
    background: rgba(171, 48, 71, .1);
    color: #ab3047;
}

.client-content-submission__status {
    align-items: center;
    background: rgba(7, 156, 255, .1);
    border-radius: 999px;
    color: #0969b9;
    display: inline-flex;
    font-size: 12px;
    font-weight: 800;
    line-height: 18px;
    margin: 0;
    min-height: 24px;
    padding: 3px 10px;
    white-space: nowrap;
}

.client-content-submission__status.is-approved {
    background: rgba(35, 195, 102, .12);
    color: #148943;
}

.client-content-submission__status.is-progress {
    background: rgba(7, 156, 255, .1);
    color: #0969b9;
}

.client-content-submission__status.is-revision {
    background: rgba(255, 176, 32, .16);
    color: #a86400;
}

.client-content-submission__status.is-rejected {
    background: rgba(229, 73, 73, .12);
    color: #c33131;
}

.client-content-submission__status.is-expired,
.client-content-submission__status.is-canceled {
    background: rgba(102, 112, 133, .14);
    color: #667085;
}

.simple-task-card h2 {
    color: #202124;
    font-size: 19px;
    font-weight: 800;
    line-height: 27px;
    margin: 0 0 8px;
}

.simple-task-card h2 a {
    color: inherit;
    text-decoration: none;
}

.simple-task-card h2 a:hover {
    color: #04a51c;
}

.simple-task-card p {
    color: #4b5563;
    font-size: 14px;
    line-height: 22px;
    margin: 0;
}

.simple-task-card__requirements {
    background: #f8fafb;
    border: 1px solid #e3e7ec;
    border-radius: 10px;
    color: #475467;
    display: grid;
    gap: 4px;
    margin-top: 12px;
    padding: 12px;
}

.simple-task-card__requirements strong,
.simple-task-card__requirements span {
    font-size: 13px;
    line-height: 20px;
}

.simple-task-card__reward {
    align-items: center;
    background: #fff;
    border: 1px solid #e3e7ec;
    border-radius: 10px;
    display: flex;
    gap: 10px;
    height: fit-content;
    justify-content: space-between;
    padding: 12px;
}

.simple-task-card__reward-price {
    display: grid;
    gap: 2px;
}

.simple-task-card__reward-price span {
    color: #667085;
    font-size: 12px;
    font-weight: 800;
    line-height: 18px;
    text-transform: uppercase;
}

.simple-task-card__reward-price strong {
    color: #04a51c;
    font-size: 22px;
    font-weight: 900;
    line-height: 28px;
}

.simple-task-card__reward-side {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.simple-task-card__reward-time {
    align-items: center;
    background: #f8fafb;
    border: 1px solid #edf0f2;
    border-radius: 999px;
    color: #667085;
    display: flex;
    font-size: 12px;
    font-weight: 800;
    gap: 5px;
    line-height: 16px;
    min-height: 28px;
    padding: 0 9px;
    position: relative;
}

.simple-task-card__reward-time svg {
    flex: 0 0 auto;
    height: 14px;
    width: 14px;
}

.simple-task-card__tooltip {
    background: #202124;
    border-radius: 6px;
    bottom: calc(100% + 8px);
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    left: 50%;
    line-height: 1.25;
    opacity: 0;
    padding: 7px 9px;
    pointer-events: none;
    position: absolute;
    transform: translate(-50%, 4px);
    transition: opacity .16s ease, transform .16s ease;
    width: max-content;
    max-width: min(240px, calc(100vw - 48px));
    white-space: normal;
    overflow-wrap: anywhere;
    z-index: 5;
}

.simple-task-card__reward-time .simple-task-card__tooltip {
    right: 0;
    left: auto;
    text-align: left;
    transform: translateY(4px);
}

.simple-task-card__tooltip--align-right {
    right: 0;
    left: auto;
    text-align: left;
    transform: translateY(4px);
}

.simple-task-card__reward-time .simple-task-card__tooltip::after,
.simple-task-card__tooltip--align-right::after {
    right: 18px;
    left: auto;
    transform: none;
}

.simple-task-card__tooltip::after {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #202124;
    content: "";
    left: 50%;
    position: absolute;
    top: 100%;
    transform: translateX(-50%);
}

.simple-task-card__reward-time:hover .simple-task-card__tooltip,
.simple-task-card__reward-time:focus-within .simple-task-card__tooltip,
.simple-task-card__reward-action:hover .simple-task-card__tooltip,
.simple-task-card__reward-action:focus .simple-task-card__tooltip,
.simple-task-card__reward-action:focus-within .simple-task-card__tooltip {
    opacity: 1;
    transform: translate(-50%, 0);
}

.simple-task-card__reward-time:hover .simple-task-card__tooltip,
.simple-task-card__reward-time:focus-within .simple-task-card__tooltip,
.simple-task-card__reward-action:hover .simple-task-card__tooltip--align-right,
.simple-task-card__reward-action:focus .simple-task-card__tooltip--align-right,
.simple-task-card__reward-action:focus-within .simple-task-card__tooltip--align-right {
    transform: translateY(0);
}

.simple-task-card__reward-actions {
    align-items: center;
    display: flex;
    gap: 6px;
}

.simple-task-card__reward-form {
    display: inline-flex;
    margin: 0;
}

.simple-task-card__reward-action {
    align-items: center;
    background: #fff;
    border: 1px solid #e3e7ec;
    border-radius: 8px;
    color: #667085;
    display: inline-flex;
    height: 30px;
    justify-content: center;
    padding: 0;
    position: relative;
    transition: background .18s ease, border-color .18s ease, color .18s ease;
    width: 30px;
}

.simple-task-card__reward-action:hover {
    background: #f8fafb;
    border-color: #cfd6dd;
    color: #202124;
}

.simple-task-card__reward-action svg {
    height: 16px;
    width: 16px;
}

.simple-task-card__footer {
    align-items: center;
    border-top: 1px solid #edf0f2;
    display: flex;
    gap: 12px;
    grid-column: 1 / -1;
    justify-content: space-between;
    padding-top: 14px;
}

.simple-task-card__client,
.simple-task-card__client a,
.simple-task-card__client > span {
    min-width: 0;
}

.simple-task-card__client a,
.simple-task-card__client > span {
    align-items: center;
    background: #f8fafb;
    border: 1px solid #edf0f2;
    border-radius: 999px;
    color: #202124;
    display: inline-flex;
    gap: 8px;
    min-height: 34px;
    max-width: 100%;
    padding: 3px 10px 3px 3px;
    text-decoration: none;
}

.simple-task-card__client a:hover {
    border-color: rgba(4, 165, 28, .28);
    color: #04a51c;
}

.simple-task-card__client img {
    border-radius: 50%;
    flex: 0 0 auto;
    height: 28px;
    object-fit: cover;
    width: 28px;
}

.simple-task-card__client span span,
.simple-task-card__client a span {
    display: block;
    font-size: 13px;
    font-weight: 800;
    line-height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.simple-task-card__link {
    background: #f8fafb;
    border: 1px solid #e3e7ec;
    border-radius: 10px;
    display: flex;
    gap: 8px;
    grid-column: 1 / -1;
    padding: 10px 12px;
}

.simple-task-card__link span,
.simple-task-card__link a {
    font-size: 13px;
    line-height: 20px;
}

.simple-task-card__link span {
    color: #667085;
    font-weight: 700;
}

.simple-task-card__link a {
    color: #0969b9;
    font-weight: 700;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.simple-task-card__verification,
.simple-task-card__deadline {
    background: #f8fafb;
    border: 1px solid #e3e7ec;
    border-radius: 10px;
    color: #475467;
    display: grid;
    gap: 4px;
    grid-column: 1 / -1;
    padding: 10px 12px;
}

.simple-task-card__verification span,
.simple-task-card__deadline {
    color: #667085;
    font-size: 12px;
    font-weight: 800;
    line-height: 18px;
}

.simple-task-card__verification .simple-task-card__verification-title {
    display: flex;
    align-items: center;
    gap: 7px;
}

.simple-task-card__verification-title svg {
    width: 17px;
    height: 17px;
    flex: 0 0 17px;
    color: #569d35;
}

.simple-task-card__verification p {
    margin: 2px 0 0;
    color: #344054;
    font-size: 13px;
    line-height: 20px;
    overflow-wrap: anywhere;
}

.simple-task-card__review-note {
    background: #fff8e6;
    border: 1px solid #f1d48c;
    border-radius: 10px;
    color: #7a5200;
    font-size: 13px;
    line-height: 20px;
    padding: 10px 12px;
}

.simple-task-card__review-note--visible {
    display: grid;
    gap: 4px;
    grid-column: 1 / -1;
}

.simple-task-card__review-note span {
    color: #8a5a00;
    font-size: 12px;
    font-weight: 800;
    line-height: 18px;
}

.simple-task-card__review-note p {
    color: #5f4500;
    font-size: 13px;
    line-height: 20px;
    margin: 0;
}

.simple-task-card__deadline {
    background: #f0fbf5;
    border-color: #ccefd9;
    color: #148943;
}

.simple-task-card__deadline--countdown {
    display: flex;
    align-items: center;
    gap: 7px;
}

.simple-task-card__deadline--countdown svg {
    width: 17px;
    height: 17px;
    flex: 0 0 17px;
}

.simple-task-card__deadline--countdown strong {
    color: inherit;
    font-size: 13px;
    font-weight: 900;
}

.simple-task-submit {
    display: grid;
    gap: 10px;
    grid-column: 1 / -1;
}

.simple-task-submit.hidden,
.simple-task-start.hidden,
.simple-task-card__deadline.hidden {
    display: none;
}

.simple-task-submit textarea,
.simple-task-submit__input {
    border: 1px solid #d9dee6;
    border-radius: 8px;
    color: #202124;
    font-family: inherit;
    font-size: 14px;
    line-height: 20px;
    min-height: 74px;
    padding: 10px 12px;
    resize: vertical;
    width: 100%;
}

.simple-task-submit__input {
    min-height: 44px;
}

.simple-task-submit textarea:focus,
.simple-task-submit__input:focus {
    border-color: #04a51c;
    outline: none;
}

.simple-task-submit__file {
    align-items: center;
    background: #f7f9fb;
    border: 1px dashed #cfd7e3;
    border-radius: 8px;
    color: #344054;
    cursor: pointer;
    display: flex;
    font-size: 13px;
    font-weight: 700;
    min-height: 42px;
    padding: 9px 12px;
    transition: border-color .2s ease, background .2s ease, color .2s ease;
}

.simple-task-submit__file:hover {
    background: #f0fbf5;
    border-color: #04a51c;
    color: #04a51c;
}

.simple-task-submit__file input {
    height: 1px;
    opacity: 0;
    position: absolute;
    width: 1px;
}

.simple-task-submit__file [data-simple-task-file-label],
.simple-task-submit__file [data-earn-file-label],
.simple-task-submit__current-file,
.simple-task-completion-card__file {
    align-items: center;
    display: inline-flex;
    gap: 8px;
}

.simple-task-submit__file.has-file-previews {
    padding: 7px;
}

.simple-task-submit__file [data-simple-task-file-label].has-file-previews,
.simple-task-submit__file [data-earn-file-label].has-file-previews {
    width: 100%;
}

.simple-task-submit__file :is(
    [data-simple-task-file-label],
    [data-earn-file-label]
).has-file-previews > svg,
.simple-task-submit__file :is(
    [data-simple-task-file-label],
    [data-earn-file-label]
).has-file-previews > span:not(.fiwork-upload-previews) {
    display: none;
}

.fiwork-upload-previews {
    display: flex;
    flex: 1 1 auto;
    flex-wrap: wrap;
    gap: 7px;
    min-width: 0;
}

.fiwork-upload-preview-item {
    position: relative;
    display: inline-flex;
    min-width: 0;
}

.fiwork-upload-preview {
    display: block;
    width: 76px;
    height: 58px;
    flex: 0 0 76px;
    border: 1px solid #d9dee6;
    border-radius: 8px;
    background: #fff;
    object-fit: cover;
}

.fiwork-upload-file-preview {
    display: inline-flex;
    align-items: center;
    max-width: 180px;
    min-height: 34px;
    padding: 6px 9px;
    overflow: hidden;
    border: 1px solid #d9dee6;
    border-radius: 8px;
    color: #475467;
    background: #fff;
    font-size: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.simple-task-submit .fiwork-upload-preview-remove {
    position: absolute;
    top: 4px;
    right: 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px !important;
    min-width: 22px !important;
    height: 22px !important;
    padding: 0 !important;
    border: 1px solid rgba(255, 255, 255, .78) !important;
    border-radius: 50% !important;
    color: #fff !important;
    background: rgba(31, 41, 55, .78) !important;
    box-shadow: 0 2px 7px rgba(0, 0, 0, .18);
}

.simple-task-submit .fiwork-upload-preview-remove:hover {
    background: #e54949 !important;
}

.fiwork-upload-preview-remove svg {
    width: 13px;
    height: 13px;
}

.simple-task-submit__current-files,
.simple-task-completion-card__files {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.simple-task-submit__current-file-item {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    min-height: 30px;
    padding: 4px 5px 4px 9px;
    border: 1px solid #d9dee6;
    border-radius: 8px;
    background: #fff;
}

.simple-task-submit__current-file-item:has(input:checked) {
    opacity: .52;
    text-decoration: line-through;
}

.simple-task-submit__remove-file {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border-radius: 6px;
    color: #8b95a1;
    cursor: pointer;
}

.simple-task-submit__remove-file:hover {
    color: #d63d3d;
    background: rgba(229, 73, 73, .1);
}

.simple-task-submit__remove-file input {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
}

.simple-task-submit__remove-file svg {
    width: 15px;
    height: 15px;
}

.fiwork-upload-loader {
    animation: fiworkUploadSpin .72s linear infinite;
    border: 2px solid rgba(7, 156, 255, .18);
    border-top-color: #079cff;
    border-radius: 50%;
    display: none;
    flex: 0 0 16px;
    height: 16px;
    width: 16px;
}

.simple-task-submit__file.is-loading {
    background: #f0f8ff;
    border-color: #9dcff5;
    color: #0969b9;
    pointer-events: none;
}

.simple-task-submit__file.is-loading .fiwork-upload-loader {
    display: inline-block;
}

@keyframes fiworkUploadSpin {
    to {
        transform: rotate(360deg);
    }
}

.simple-task-submit__file svg,
.simple-task-completion-card__file svg {
    flex: 0 0 18px;
    height: 18px;
    width: 18px;
}

.fiwork-earn-upload {
    align-items: center;
    gap: 12px;
    justify-content: space-between;
}

.fiwork-earn-upload [data-earn-file-label] {
    min-width: 0;
}

.fiwork-earn-upload [data-earn-file-label] > span {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fiwork-earn-upload > em {
    color: #7b8492;
    flex: 0 0 auto;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
}

.fiwork-earn-upload--video {
    background: #f7fbff;
    border-color: #c9ddf2;
    min-height: 54px;
}

.fiwork-earn-upload--video:hover {
    background: #f0f8ff;
    border-color: #079cff;
    color: #0969b9;
}

.fiwork-earn-upload--video [data-earn-file-label] svg {
    flex-basis: 22px;
    height: 22px;
    width: 22px;
}

.fiwork-earn-form-option {
    align-items: center;
    color: #475467;
    cursor: pointer;
    display: inline-flex;
    font-size: 13px;
    font-weight: 700;
    gap: 8px;
    line-height: 20px;
    width: fit-content;
}

.fiwork-earn-form-option input[type="checkbox"] {
    accent-color: #04a51c;
    height: 16px;
    width: 16px;
}

.fiwork-earn-form-errors {
    background: #fff5f5;
    border: 1px solid #f1c7c7;
    border-radius: 8px;
    color: #c33131;
    display: grid;
    font-size: 13px;
    font-weight: 700;
    gap: 4px;
    line-height: 18px;
    padding: 10px 12px;
}

.simple-task-submit__notice {
    background: #fff8ed;
    border: 1px solid #ffd7a8;
    border-radius: 8px;
    color: #8a4b10;
    display: grid;
    font-size: 13px;
    gap: 4px;
    line-height: 18px;
    padding: 10px 12px;
}

.simple-task-submit__notice strong {
    color: #5c320b;
    font-weight: 800;
}

.simple-task-submit__current-file,
.simple-task-completion-card__file {
    color: #079cff;
    font-size: 13px;
    font-weight: 800;
    text-decoration: none;
}

.simple-task-submit button {
    align-items: center;
    background: #23c366;
    border: 0;
    border-radius: 7px;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    font-size: 14px;
    font-weight: 800;
    height: 38px;
    justify-content: center;
    justify-self: end;
    min-width: 190px;
    padding: 0 16px;
}

.simple-task-submit button:hover {
    background: #1eae5a;
}

.simple-task-start,
.simple-task-submit__cancel {
    align-items: center;
    border-radius: 7px;
    cursor: pointer;
    display: inline-flex;
    font-size: 14px;
    font-weight: 800;
    height: 38px;
    justify-content: center;
    padding: 0 16px;
}

.simple-task-start {
    background: #23c366;
    border: 1px solid #23c366;
    color: #fff;
}

.simple-task-start:hover {
    background: #1eae5a;
    border-color: #1eae5a;
}

.simple-task-submit__actions {
    align-items: center;
    display: flex;
    gap: 10px;
    justify-content: flex-end;
}

.simple-task-submit__cancel {
    background: #fff !important;
    border: 1px solid #d9dee6 !important;
    color: #4b5563 !important;
    min-width: 104px !important;
}

.simple-task-card__status {
    background: rgba(7, 156, 255, .1);
    border-radius: 999px;
    color: #0969b9;
    display: inline-flex;
    font-size: 13px;
    font-weight: 800;
    line-height: 20px;
    padding: 5px 12px;
}

.simple-task-card__status.is-muted {
    background: #f1f5f9;
    color: #667085;
}

.simple-task-card__status.is-expired {
    background: rgba(229, 73, 73, .12);
    color: #c33131;
}

.simple-task-cancel-modal {
    align-items: center;
    bottom: 0;
    color: #202124;
    display: none;
    font-family: "Geologica", sans-serif;
    justify-content: center;
    left: 0;
    padding: 20px;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 2200;
}

.simple-task-cancel-modal *,
.simple-task-cancel-modal *::before,
.simple-task-cancel-modal *::after {
    box-sizing: border-box;
    font-family: inherit;
}

.simple-task-cancel-modal.is-open,
.simple-task-cancel-modal.is-closing {
    display: flex;
}

.simple-task-cancel-modal.is-closing {
    pointer-events: none;
}

.simple-task-cancel-modal-open {
    overflow: hidden;
}

.simple-task-cancel-modal__backdrop {
    background: rgba(0, 0, 0, .54);
    bottom: 0;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: opacity .26s ease;
}

.simple-task-cancel-modal.is-open .simple-task-cancel-modal__backdrop {
    opacity: 1;
}

.simple-task-cancel-modal.is-closing .simple-task-cancel-modal__backdrop {
    opacity: 0;
}

.simple-task-cancel-modal__dialog {
    background: #fff;
    border-radius: 16px;
    max-width: 430px;
    opacity: 0;
    padding: 28px;
    position: relative;
    transform: translateY(18px) scale(.98);
    transition: opacity .26s ease, transform .26s ease;
    width: min(100%, 430px);
    z-index: 1;
}

.simple-task-cancel-modal.is-open .simple-task-cancel-modal__dialog {
    opacity: 1;
    transform: translateY(0) scale(1);
}

.simple-task-cancel-modal.is-closing .simple-task-cancel-modal__dialog {
    opacity: 0;
    transform: translateY(14px) scale(.98);
}

.simple-task-cancel-modal__close {
    align-items: center;
    background: #f4f4f5;
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    height: 34px;
    justify-content: center;
    padding: 0;
    position: absolute;
    right: 16px;
    top: 16px;
    width: 34px;
}

.simple-task-cancel-modal__close::before,
.simple-task-cancel-modal__close::after {
    background: #667085;
    content: "";
    height: 15px;
    position: absolute;
    width: 2px;
}

.simple-task-cancel-modal__close::before {
    transform: rotate(45deg);
}

.simple-task-cancel-modal__close::after {
    transform: rotate(-45deg);
}

.simple-task-cancel-modal__icon {
    align-items: center;
    background: #fff3f3;
    border-radius: 50%;
    color: #e54949;
    display: flex;
    height: 54px;
    justify-content: center;
    margin-bottom: 16px;
    width: 54px;
}

.simple-task-cancel-modal__icon svg {
    height: 28px;
    width: 28px;
}

.simple-task-cancel-modal__content {
    padding-right: 28px;
}

.simple-task-cancel-modal__content h2 {
    color: #202124;
    font-size: 24px;
    font-weight: 800;
    line-height: 30px;
    margin: 0 0 8px;
}

.simple-task-cancel-modal__content p {
    color: #667085;
    font-size: 14px;
    line-height: 22px;
    margin: 0;
}

.simple-task-cancel-modal__actions {
    display: grid;
    gap: 10px;
    grid-template-columns: 1fr 1fr;
    margin-top: 22px;
}

.simple-task-cancel-modal__secondary,
.simple-task-cancel-modal__primary {
    align-items: center;
    border-radius: 10px;
    cursor: pointer;
    display: inline-flex;
    font-size: 14px;
    font-weight: 800;
    height: 44px;
    justify-content: center;
    line-height: 20px;
    padding: 0 14px;
}

.simple-task-cancel-modal__secondary {
    background: #f6f7f8;
    border: 1px solid #e3e7ec;
    color: #202124;
}

.simple-task-cancel-modal__primary {
    background: #e54949;
    border: 1px solid #e54949;
    color: #fff;
}

.simple-task-cancel-modal__primary:hover {
    background: #d63d3d;
    border-color: #d63d3d;
}

.simple-task-completions-tabs {
    margin-bottom: 0;
}

.simple-task-completions-tabs .freelancer-proposals-tab {
    justify-content: space-between;
    min-width: 0;
}

.simple-task-completions-tabs .freelancer-proposals-tab span {
    align-items: center;
    background: rgba(7, 156, 255, .12);
    border-radius: 999px;
    color: #0778c4;
    display: inline-flex;
    font-size: 12px;
    font-weight: 800;
    height: 22px;
    justify-content: center;
    min-width: 28px;
    padding: 0 8px;
}

.simple-task-completions-list {
    display: grid;
    gap: 14px;
}

.simple-task-completion-card {
    background: #fff;
    border: 1px solid #e7ebf0;
    border-radius: 10px;
    display: grid;
    gap: 18px;
    grid-template-columns: minmax(0, 1fr) 160px;
    padding: 18px;
}

.simple-task-completion-card__main {
    display: grid;
    gap: 10px;
    min-width: 0;
}

.simple-task-completion-card__top,
.simple-task-completion-card__meta {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.simple-task-completion-card h2 {
    font-size: 18px;
    font-weight: 800;
    line-height: 24px;
    margin: 0;
}

.simple-task-completion-card h2 a {
    color: #202124;
    text-decoration: none;
}

.simple-task-completion-card p,
.simple-task-completion-card__proof span,
.simple-task-completion-card__meta span {
    color: #667085;
    font-size: 14px;
    line-height: 22px;
    margin: 0;
}

.simple-task-completion-card__description {
    display: grid;
    justify-items: start;
    gap: 5px;
}

.simple-task-completion-card__description p.is-collapsed {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}

.simple-task-completion-card__description p.is-expanded {
    display: block;
}

.simple-task-completion-card__description-toggle {
    padding: 0;
    border: 0;
    color: #168943;
    background: transparent;
    cursor: pointer;
    font-family: inherit;
    font-size: 13px;
    font-weight: 700;
    line-height: 18px;
}

.simple-task-completion-card__description-toggle:hover {
    color: #23c366;
}

.simple-task-completion-card__meta span {
    font-size: 13px;
    line-height: 18px;
}

.simple-task-completion-card__proof {
    background: #f7f9fb;
    border: 1px solid #eef1f5;
    border-radius: 8px;
    display: grid;
    gap: 4px;
    padding: 10px 12px;
}

.simple-task-completion-card__proof strong {
    color: #202124;
    font-size: 12px;
    font-weight: 800;
    line-height: 18px;
}

.simple-task-completion-card__side {
    align-content: start;
    align-self: start;
    background: #f7f9fb;
    border: 1px solid #eef1f5;
    border-radius: 8px;
    display: grid;
    gap: 10px;
    justify-items: stretch;
    padding: 12px;
    text-align: left;
}

.simple-task-completion-card__side span,
.simple-task-completion-card__side small {
    color: #667085;
    font-size: 12px;
    font-weight: 700;
    line-height: 18px;
}

.simple-task-completion-card__side .simple-task-card__reward-price {
    width: 100%;
}

.simple-task-completion-card__side strong {
    color: #23c366;
    font-size: 22px;
    font-weight: 900;
    line-height: 28px;
}

.simple-task-completions-empty {
    align-items: center;
    display: grid;
    justify-items: center;
    text-align: center;
}

.content-tasks-list {
    display: grid;
    gap: 14px;
}

.content-task-card {
    background: #fff;
    border: 1px solid #e3e7ec;
    border-radius: 12px;
    display: grid;
    gap: 16px;
    grid-template-columns: minmax(0, 1fr) 180px;
    padding: 20px;
    transition: border-color .18s ease, transform .18s ease, box-shadow .18s ease;
}

.content-task-card:hover {
    border-color: rgba(171, 48, 71, .28);
    transform: translateY(-1px);
}

.content-task-card__main {
    min-width: 0;
}

.content-task-card__badge {
    background: rgba(171, 48, 71, .1);
    border-radius: 999px;
    color: #ab3047;
    display: inline-flex;
    font-size: 12px;
    font-weight: 800;
    line-height: 18px;
    margin-bottom: 8px;
    padding: 3px 10px;
}

.content-task-card h2 {
    color: #202124;
    font-size: 20px;
    font-weight: 800;
    line-height: 28px;
    margin: 0 0 8px;
}

.content-task-card p {
    color: #4b5563;
    font-size: 14px;
    line-height: 22px;
    margin: 0;
}

.content-task-card__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 12px;
}

.content-task-card__meta span {
    align-items: center;
    background: #f6f7f8;
    border: 1px solid #e3e7ec;
    border-radius: 999px;
    color: #33383f;
    display: inline-flex;
    font-size: 12px;
    font-weight: 700;
    line-height: 18px;
    padding: 4px 10px;
}

.content-task-card__side {
    background: linear-gradient(180deg, #fff8fa 0%, #f6f8fb 100%);
    border: 1px solid #e3e7ec;
    border-radius: 10px;
    display: grid;
    gap: 4px;
    height: fit-content;
    padding: 14px;
}

.content-task-card__side span,
.content-task-card__side small {
    color: #667085;
    font-size: 12px;
    line-height: 18px;
}

.content-task-card__side strong {
    color: #04a51c;
    font-size: 20px;
    font-weight: 900;
    line-height: 26px;
}

.content-task-card__footer {
    border-top: 1px solid #edf0f2;
    color: #667085;
    display: grid;
    gap: 12px;
    grid-column: 1 / -1;
    padding-top: 14px;
}

.content-task-card__footer-head {
    align-items: center;
    display: flex;
    gap: 10px;
    justify-content: space-between;
}

.content-task-submit {
    display: grid;
    gap: 10px;
}

.content-task-submit textarea,
.content-task-submit .simple-task-submit__input {
    border: 1px solid #d9dee6;
    border-radius: 8px;
    color: #202124;
    font-family: inherit;
    font-size: 14px;
    line-height: 20px;
    min-height: 82px;
    padding: 10px 12px;
    resize: vertical;
    width: 100%;
}

.content-task-submit .simple-task-submit__input {
    min-height: 44px;
}

.content-task-submit textarea:focus,
.content-task-submit .simple-task-submit__input:focus {
    border-color: #04a51c;
    outline: none;
}

.content-task-submit button {
    align-items: center;
    background: #04a51c;
    border: 0;
    border-radius: 7px;
    color: #fff;
    cursor: pointer;
    display: inline-flex;
    font-size: 14px;
    font-weight: 800;
    height: 38px;
    justify-content: center;
    justify-self: end;
    min-width: 180px;
    padding: 0 16px;
}

.content-task-submit button:hover {
    background: #038f19;
}

.earn-choice-modal {
    bottom: 0;
    color: #202124;
    display: none;
    font-family: "Geologica", sans-serif;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 2100;
}

.earn-choice-modal *,
.earn-choice-modal *::before,
.earn-choice-modal *::after {
    box-sizing: border-box;
    font-family: inherit;
}

.earn-choice-modal a,
.earn-choice-modal a:hover,
.earn-choice-modal a:focus,
.earn-choice-modal a:active,
.earn-choice-modal button,
.earn-choice-modal button:hover,
.earn-choice-modal button:focus,
.earn-choice-modal button:active {
    text-decoration: none;
}

.earn-choice-modal.is-open {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 20px;
}

.earn-choice-modal.is-closing {
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 20px;
    pointer-events: none;
}

.earn-choice-modal-open {
    overflow: hidden;
}

.earn-choice-modal__backdrop {
    background: rgba(15, 23, 42, .56);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    opacity: 0;
    transition: opacity .3s ease;
}

.earn-choice-modal.is-open .earn-choice-modal__backdrop {
    opacity: 1;
}

.earn-choice-modal__dialog {
    background: #fff;
    border: 1px solid #e3e7ec;
    border-radius: 14px;
    max-width: 720px;
    padding: 24px;
    position: relative;
    opacity: 0;
    transform: translateY(18px) scale(.98);
    transition: opacity .3s ease, transform .3s ease;
    width: min(100%, 720px);
    z-index: 1;
}

.earn-choice-modal.is-open .earn-choice-modal__dialog {
    opacity: 1;
    transform: translateY(0) scale(1);
}

.earn-choice-modal.is-closing .earn-choice-modal__backdrop {
    opacity: 0;
}

.earn-choice-modal.is-closing .earn-choice-modal__dialog {
    opacity: 0;
    transform: translateY(14px);
}

.earn-choice-modal__close {
    background: #f3f5f7;
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    height: 34px;
    position: absolute;
    right: 16px;
    top: 16px;
    width: 34px;
}

.earn-choice-modal__close::before,
.earn-choice-modal__close::after {
    background: #667085;
    content: "";
    height: 15px;
    left: 16px;
    position: absolute;
    top: 9px;
    width: 2px;
}

.earn-choice-modal__close::before {
    transform: rotate(45deg);
}

.earn-choice-modal__close::after {
    transform: rotate(-45deg);
}

.earn-choice-modal__head {
    padding-right: 42px;
}

.earn-choice-modal__kicker {
    color: #04a51c;
    display: block;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .03em;
    line-height: 18px;
    margin-bottom: 4px;
    text-transform: uppercase;
}

.earn-choice-modal__head h2 {
    color: #202124;
    font-size: 28px;
    font-weight: 900;
    line-height: 34px;
    margin: 0 0 6px;
}

.earn-choice-modal__head p {
    color: #667085;
    font-size: 14px;
    line-height: 22px;
    margin: 0;
}

.earn-choice-modal__grid {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 20px;
}

.earn-choice-option {
    align-items: center;
    background: #f8fafb;
    border: 1px solid #e3e7ec;
    border-radius: 12px;
    color: #202124;
    display: flex;
    gap: 12px;
    min-height: 92px;
    padding: 14px;
    transition: background .18s ease, border-color .18s ease;
}

.earn-choice-option:hover {
    background: #fff;
    border-color: rgba(4, 165, 28, .38);
    color: #202124;
}

.earn-choice-option__icon {
    align-items: center;
    border-radius: 12px;
    display: flex;
    flex: 0 0 48px;
    height: 48px;
    justify-content: center;
    width: 48px;
}

.earn-choice-option__icon svg {
    height: 25px;
    width: 25px;
}

.earn-choice-option__icon.is-blue {
    background: rgba(7, 156, 255, .12);
    color: #079cff;
}

.earn-choice-option__icon.is-green {
    background: rgba(4, 165, 28, .12);
    color: #04a51c;
}

.earn-choice-option__icon.is-yellow {
    background: rgba(245, 158, 11, .14);
    color: #b66a00;
}

.earn-choice-option__icon.is-red {
    background: rgba(171, 48, 71, .12);
    color: #ab3047;
}

.earn-choice-option strong {
    color: #202124;
    display: block;
    font-size: 15px;
    font-weight: 900;
    line-height: 20px;
    margin-bottom: 3px;
}

.earn-choice-option small {
    color: #667085;
    display: block;
    font-size: 12px;
    line-height: 18px;
}

.earn-choice-remember {
    align-items: center;
    color: #475467;
    cursor: pointer;
    display: inline-flex;
    font-size: 13px;
    font-weight: 700;
    gap: 8px;
    line-height: 20px;
    margin: 18px 0 0;
}

.earn-choice-remember input {
    accent-color: #04a51c;
    height: 16px;
    width: 16px;
}

@media (max-width: 899.98px) {
    body.fiwork-page-earn .main-block,
    body.fiwork-page-earn .main-container,
    .freelancer-proposals-page,
    .freelancer-proposals-shell,
    .freelancer-proposals-layout,
    .freelancer-proposals-content {
        max-width: 100%;
        min-width: 0;
    }

    body.fiwork-page-earn .main-block,
    body.fiwork-page-earn .main-container {
        overflow-x: clip;
        width: 100%;
    }

    .freelancer-proposals-shell {
        padding: 22px 14px 0;
    }

    .freelancer-proposals-head {
        align-items: flex-start;
        flex-direction: column;
        gap: 12px;
        margin-bottom: 14px;
    }

    .freelancer-proposals-title {
        font-size: 28px;
        line-height: 34px;
    }

    .freelancer-proposals-my-link {
        width: 100%;
    }

    .freelancer-proposals-head-actions {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        width: 100%;
    }

    .vacancy-head-action,
    .freelancer-proposals-my-link {
        min-width: 0;
        width: 100%;
    }

    .freelancer-proposals-head-actions .freelancer-proposals-my-link {
        grid-column: 1 / -1;
    }

    .freelancer-proposals-layout {
        display: block;
    }

    .freelancer-proposals-left-rail {
        display: block;
        position: static;
    }

    .freelancer-proposals-tabs {
        background: transparent;
        border: 0;
        border-radius: 0;
        display: flex;
        flex: none;
        gap: 8px;
        margin: 0 -14px 16px;
        overflow-x: auto;
        padding: 0 14px 6px;
        position: static;
        scrollbar-width: none;
    }

    .freelancer-proposals-tabs::-webkit-scrollbar {
        display: none;
    }

    .freelancer-proposals-tab {
        align-items: center;
        background: #fff;
        border: 1px solid #e3e7ec;
        border-radius: 8px;
        display: flex;
        flex: 0 0 auto;
        height: 38px;
        justify-content: center;
        padding: 0 12px;
        text-align: center;
        white-space: nowrap;
        width: auto;
    }

    .freelancer-proposals-tab + .freelancer-proposals-tab {
        margin-top: 0;
    }

    .freelancer-proposals-tab.active,
    .freelancer-proposals-tab:hover {
        background: #ebf9ee;
        border-color: rgba(4, 165, 28, .24);
        margin: 0;
        padding: 0 12px;
    }

    .freelancer-proposals-tab.active::before,
    .freelancer-proposals-tab:hover::before {
        display: none;
    }

    .simple-task-market-left {
        margin: 0 0 16px;
        width: 100%;
    }

    .simple-task-filter-toggle {
        align-items: center;
        background: #fff;
        border: 1px solid #e3e7ec;
        border-radius: 10px;
        color: #202124;
        display: flex;
        font-size: 14px;
        font-weight: 800;
        height: 44px;
        justify-content: space-between;
        line-height: 20px;
        padding: 0 14px;
        width: 100%;
    }

    .simple-task-filter-toggle span {
        align-items: center;
        display: inline-flex;
        gap: 8px;
    }

    .simple-task-filter-toggle__icon {
        color: #04a51c;
        flex: 0 0 auto;
        height: 18px;
        width: 18px;
    }

    .simple-task-filter-toggle > em {
        align-items: center;
        background: #ebf9ee;
        border-radius: 999px;
        color: #04a51c;
        display: inline-flex;
        font-size: 12px;
        font-style: normal;
        font-weight: 900;
        height: 22px;
        justify-content: center;
        margin-left: auto;
        margin-right: 10px;
        min-width: 22px;
        padding: 0 7px;
    }

    .simple-task-filter-toggle__chevron {
        color: #8b95a1;
        flex: 0 0 auto;
        height: 16px;
        transition: transform .18s ease;
        width: 16px;
    }

    .simple-task-market-left.is-filter-open .simple-task-filter-toggle__chevron {
        transform: rotate(180deg);
    }

    .simple-task-filter-drawer {
        display: none;
        margin-top: 10px;
    }

    .simple-task-market-left.is-filter-open .simple-task-filter-drawer {
        display: block;
    }

    .simple-task-filter-panel {
        padding: 0 14px;
    }

    .jobs-market-stats.simple-task-market-stats {
        display: none;
    }

    .simple-task-completions-tabs {
        margin-left: -14px;
        margin-right: -14px;
        width: auto;
    }

    .simple-task-completions-tabs .freelancer-proposals-tab {
        gap: 8px;
        justify-content: center;
        min-width: 132px;
    }
}

@media (max-width: 520px) {
    .freelancer-proposals-head-actions {
        grid-template-columns: 1fr;
    }

    .freelancer-proposals-head-actions .freelancer-proposals-my-link {
        grid-column: auto;
    }
}

/* Vacancy catalogue: dense filter rail and wide result cards. */
body.fiwork-page-earn {
    --font-family: "Geologica", sans-serif;
    --second-family: "Geologica", sans-serif;
    --vacancy-page: #f4f5f7;
    --vacancy-surface: #fff;
    --vacancy-surface-soft: #f7f8fa;
    --vacancy-border: #e3e6ea;
    --vacancy-border-strong: #d2d7dd;
    --vacancy-text: #1d232b;
    --vacancy-text-soft: #69727d;
    --vacancy-text-muted: #9299a2;
    --vacancy-accent: #1daf5a;
    --vacancy-accent-strong: #168e48;
    --vacancy-accent-soft: #eaf8f0;
    --vacancy-blue-soft: #eaf4ff;
    --vacancy-shadow: 0 12px 34px rgba(27, 36, 47, .07);
}

.main-block:has(> .main-container > .earn-section-digest) {
    background: var(--vacancy-page);
}

.main-container:has(> .earn-section-digest) {
    max-width: 1480px;
    border-color: var(--vacancy-border);
    background: var(--vacancy-surface);
}

.earn-section-digest .freelancer-proposals-head.vacancy-market-head {
    align-items: center;
    min-height: 138px;
    padding: 26px 30px;
    border: 1px solid #dce8e1;
    border-radius: 18px;
    background:
        radial-gradient(circle at 82% 18%, rgba(61, 205, 125, .16), transparent 28%),
        linear-gradient(135deg, #f8fffb 0%, #f3faf6 54%, #eef8f3 100%);
    box-shadow: none;
}

.earn-section-digest .vacancy-market-head::after {
    display: none;
}

.vacancy-market-head__eyebrow {
    color: var(--vacancy-accent-strong);
}

.earn-section-digest .vacancy-market-head .freelancer-proposals-title {
    color: var(--vacancy-text);
    font-size: clamp(30px, 3vw, 40px);
}

.earn-section-digest .vacancy-market-head .freelancer-proposals-head-copy > p {
    color: var(--vacancy-text-soft);
}

.vacancy-market-head .vacancy-head-action,
.vacancy-market-head .freelancer-proposals-my-link {
    box-shadow: none;
}

.vacancy-market-head .vacancy-head-action--resume {
    border-color: var(--vacancy-border-strong);
    color: var(--vacancy-text);
    background: rgba(255, 255, 255, .82);
    backdrop-filter: blur(10px);
}

.vacancy-market-head .vacancy-head-action--resume:hover,
.vacancy-market-head .vacancy-head-action--resume:focus {
    border-color: #b8c2bc;
    color: var(--vacancy-text);
    background: #fff;
}

.vacancy-market-head .vacancy-head-action--publish {
    background: var(--vacancy-accent);
}

.vacancy-market-head .vacancy-head-action--publish:hover,
.vacancy-market-head .vacancy-head-action--publish:focus {
    background: var(--vacancy-accent-strong);
}

.earn-section-digest .freelancer-proposals-layout {
    display: grid;
    grid-template-columns: 292px minmax(0, 1fr);
    align-items: start;
    gap: 24px;
}

.earn-section-digest .freelancer-proposals-left-rail {
    display: grid;
    width: auto;
    max-height: calc(100vh - 28px);
    padding-right: 3px;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-color: #d7dce1 transparent;
    scrollbar-width: thin;
}

.earn-section-digest .freelancer-proposals-tabs {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
    padding: 7px;
    border-color: var(--vacancy-border);
    border-radius: 14px;
    background: var(--vacancy-surface);
}

.earn-section-digest .freelancer-proposals-tab {
    justify-content: center;
    min-height: 38px;
    padding: 8px 10px;
    border: 1px solid transparent;
    text-align: center;
    font-size: 12px;
}

.earn-section-digest .freelancer-proposals-tab + .freelancer-proposals-tab {
    margin-top: 0;
}

.earn-section-digest .freelancer-proposals-tab.active {
    border-color: #ccebd8;
    color: var(--vacancy-accent-strong);
    background: var(--vacancy-accent-soft);
}

.vacancy-sidebar-filter {
    border: 1px solid var(--vacancy-border);
    border-radius: 16px;
    color: var(--vacancy-text);
    background: var(--vacancy-surface);
    overflow: hidden;
}

.vacancy-sidebar-filter__head {
    display: grid;
    grid-template-columns: 36px minmax(0, 1fr) auto;
    align-items: center;
    gap: 10px;
    padding: 16px;
    border-bottom: 1px solid var(--vacancy-border);
}

.vacancy-sidebar-filter__head > span {
    display: grid;
    place-items: center;
    width: 36px;
    height: 36px;
    border-radius: 10px;
    color: var(--vacancy-accent-strong);
    background: var(--vacancy-accent-soft);
}

.vacancy-sidebar-filter__head h2,
.vacancy-sidebar-filter__head p {
    margin: 0;
}

.vacancy-sidebar-filter__head h2 {
    font-size: 15px;
    font-weight: 800;
    line-height: 20px;
}

.vacancy-sidebar-filter__head p {
    color: var(--vacancy-text-muted);
    font-size: 11px;
    line-height: 16px;
}

.vacancy-sidebar-filter__head em {
    display: grid;
    place-items: center;
    min-width: 24px;
    height: 24px;
    padding: 0 7px;
    border-radius: 999px;
    color: #fff;
    background: var(--vacancy-accent);
    font-size: 11px;
    font-style: normal;
    font-weight: 800;
}

.vacancy-sidebar-filter__section {
    margin: 0;
    padding: 16px;
    border: 0;
    border-bottom: 1px solid var(--vacancy-border);
}

.vacancy-sidebar-filter__section legend {
    width: 100%;
    margin: 0 0 10px;
    padding: 0;
    color: var(--vacancy-text);
    font-size: 13px;
    font-weight: 800;
}

.vacancy-sidebar-filter__section select {
    width: 100%;
    height: 40px;
    padding: 0 34px 0 11px;
    border: 1px solid var(--vacancy-border);
    border-radius: 9px;
    outline: 0;
    color: var(--vacancy-text);
    background: var(--vacancy-surface-soft);
    font-size: 12px;
    font-weight: 650;
}

.vacancy-sidebar-source-list,
.vacancy-sidebar-options {
    display: grid;
    gap: 3px;
}

.vacancy-sidebar-source-list label,
.vacancy-sidebar-options label,
.vacancy-sidebar-pills label,
.vacancy-sidebar-switch {
    cursor: pointer;
}

.vacancy-sidebar-source-list input,
.vacancy-sidebar-options input,
.vacancy-sidebar-pills input,
.vacancy-sidebar-switch input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.vacancy-sidebar-source-list label > span,
.vacancy-sidebar-options label > span {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    min-height: 35px;
    padding: 0 9px;
    border-radius: 8px;
    color: var(--vacancy-text-soft);
    font-size: 12px;
    font-weight: 650;
    transition: color .16s ease, background-color .16s ease;
}

.vacancy-sidebar-source-list label > span:hover,
.vacancy-sidebar-options label > span:hover {
    color: var(--vacancy-text);
    background: var(--vacancy-surface-soft);
}

.vacancy-sidebar-source-list input:checked + span,
.vacancy-sidebar-options input:checked + span {
    color: var(--vacancy-accent-strong);
    background: var(--vacancy-accent-soft);
}

.vacancy-sidebar-source-list small {
    color: var(--vacancy-text-muted);
    font-size: 10px;
    font-weight: 700;
}

.vacancy-sidebar-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.vacancy-sidebar-pills label > span {
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    padding: 0 10px;
    border: 1px solid var(--vacancy-border);
    border-radius: 999px;
    color: var(--vacancy-text-soft);
    background: var(--vacancy-surface);
    font-size: 11px;
    font-weight: 700;
}

.vacancy-sidebar-pills input:checked + span {
    border-color: #bce3ca;
    color: var(--vacancy-accent-strong);
    background: var(--vacancy-accent-soft);
}

.vacancy-sidebar-salary {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 7px;
}

.vacancy-sidebar-salary label {
    display: flex;
    align-items: center;
    min-width: 0;
    height: 40px;
    padding: 0 9px;
    border: 1px solid var(--vacancy-border);
    border-radius: 9px;
    color: var(--vacancy-text-muted);
    background: var(--vacancy-surface-soft);
    font-size: 11px;
}

.vacancy-sidebar-salary input {
    width: 100%;
    min-width: 0;
    margin-left: 5px;
    border: 0;
    outline: 0;
    color: var(--vacancy-text);
    background: transparent;
    font-size: 12px;
    font-weight: 700;
}

.vacancy-sidebar-switch {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 11px;
    color: var(--vacancy-text-soft);
    font-size: 11px;
    font-weight: 650;
}

.vacancy-sidebar-switch i {
    position: relative;
    flex: 0 0 34px;
    width: 34px;
    height: 20px;
    border-radius: 999px;
    background: #d7dce1;
    transition: background-color .16s ease;
}

.vacancy-sidebar-switch i::after {
    position: absolute;
    top: 3px;
    left: 3px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
    content: "";
    transition: transform .16s ease;
}

.vacancy-sidebar-switch input:checked + i {
    background: var(--vacancy-accent);
}

.vacancy-sidebar-switch input:checked + i::after {
    transform: translateX(14px);
}

.vacancy-sidebar-filter__actions {
    display: grid;
    gap: 7px;
    padding: 14px 16px 16px;
}

.vacancy-sidebar-filter__actions button,
.vacancy-sidebar-filter__actions a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    border-radius: 9px;
    font-size: 12px;
    font-weight: 800;
}

.vacancy-sidebar-filter__actions button {
    border: 0;
    color: #fff;
    background: var(--vacancy-accent);
    cursor: pointer;
}

.vacancy-sidebar-filter__actions button:hover {
    background: var(--vacancy-accent-strong);
}

.vacancy-sidebar-filter__actions a {
    min-height: 32px;
    color: var(--vacancy-text-soft);
}

.vacancy-sidebar-filter__actions a:hover {
    color: var(--vacancy-accent-strong);
}

.earn-section-digest .freelancer-proposals-content {
    min-width: 0;
}

.vacancy-employer-circles {
    padding: 16px 18px;
    border: 1px solid var(--vacancy-border);
    border-radius: 16px;
    background: var(--vacancy-surface);
}

.vacancy-employer-circles__list {
    flex-wrap: nowrap;
    max-width: 100%;
    padding: 1px 1px 4px;
    overflow-x: auto;
    scrollbar-width: thin;
}

.vacancy-aggregator-filter {
    grid-template-columns: minmax(300px, 1fr) auto auto;
    gap: 9px;
    padding: 13px;
    border-color: var(--vacancy-border);
    border-radius: 16px;
    background: var(--vacancy-surface);
}

.vacancy-aggregator-filter__search > span:first-child {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}

.vacancy-aggregator-filter__input {
    position: relative;
    display: flex;
    align-items: center;
    height: 46px;
    border: 1px solid var(--vacancy-border);
    border-radius: 11px;
    color: var(--vacancy-text-muted);
    background: var(--vacancy-surface-soft);
}

.vacancy-aggregator-filter__input:focus-within {
    border-color: #8fd3aa;
    box-shadow: 0 0 0 3px rgba(29, 175, 90, .1);
}

.vacancy-aggregator-filter__input svg {
    position: absolute;
    left: 14px;
    pointer-events: none;
}

.vacancy-aggregator-filter .vacancy-aggregator-filter__input input {
    height: 44px;
    padding: 0 14px 0 42px;
    border: 0;
    outline: 0;
    background: transparent;
}

.vacancy-aggregator-filter button,
.vacancy-aggregator-filter > a {
    height: 46px;
    border-radius: 10px;
}

.vacancy-aggregator-filter .vacancy-filter-submit {
    min-width: 128px;
    background: var(--vacancy-accent);
}

.vacancy-aggregator-filter .vacancy-filter-submit:hover {
    background: var(--vacancy-accent-strong);
}

.vacancy-results-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    min-height: 44px;
    margin: 2px 2px 10px;
}

.vacancy-results-toolbar > div {
    display: flex;
    align-items: baseline;
    gap: 6px;
}

.vacancy-results-toolbar strong {
    color: var(--vacancy-text);
    font-size: 19px;
    font-weight: 850;
}

.vacancy-results-toolbar span {
    color: var(--vacancy-text-muted);
    font-size: 12px;
    font-weight: 650;
}

.vacancy-results-toolbar__sort {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 10px;
    border: 1px solid var(--vacancy-border);
    border-radius: 9px;
    color: var(--vacancy-text-soft) !important;
    background: var(--vacancy-surface);
}

.earn-vacancies-list {
    gap: 12px;
}

.earn-section-digest .simple-task-card {
    grid-template-columns: minmax(0, 1fr) 220px;
    gap: 20px;
    padding: 23px 24px 19px;
    border: 1px solid var(--vacancy-border);
    border-radius: 16px;
    background: var(--vacancy-surface);
    box-shadow: 0 1px 2px rgba(15, 23, 42, .025);
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.earn-section-digest .simple-task-card:hover {
    border-color: #b9d8c5;
    box-shadow: var(--vacancy-shadow);
    transform: translateY(-2px);
}

.external-vacancy-card {
    border-left: 1px solid var(--vacancy-border);
}

.vacancy-card-topline {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    min-height: 38px;
    margin-bottom: 14px;
}

.vacancy-card-topline .fiwork-card-badges {
    margin-bottom: 0;
}

.vacancy-card-topline > time {
    flex: 0 0 auto;
    color: var(--vacancy-text-muted);
    font-size: 11px;
    font-weight: 650;
    white-space: nowrap;
}

.vacancy-card-company {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.vacancy-card-company__logo {
    display: grid;
    flex: 0 0 38px;
    place-items: center;
    width: 38px;
    height: 38px;
    border-radius: 11px;
    font-size: 15px;
    font-weight: 900;
    object-fit: cover;
}

.vacancy-card-company > div {
    display: grid;
    min-width: 0;
}

.vacancy-card-company strong {
    overflow: hidden;
    color: var(--vacancy-text);
    font-size: 13px;
    font-weight: 800;
    line-height: 18px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.vacancy-card-company > div > span {
    color: var(--vacancy-text-muted);
    font-size: 11px;
    line-height: 16px;
}

.earn-section-digest .simple-task-card h2 {
    max-width: 820px;
    margin-bottom: 9px;
    color: var(--vacancy-text);
    font-size: clamp(19px, 2vw, 23px);
    line-height: 1.3;
    letter-spacing: -.012em;
}

.earn-section-digest .simple-task-card h2 a:hover {
    color: var(--vacancy-accent-strong);
}

.earn-section-digest .simple-task-card p {
    display: -webkit-box;
    max-width: 820px;
    overflow: hidden;
    color: var(--vacancy-text-soft);
    line-height: 1.55;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.earn-section-digest .earn-vacancy-card__tags {
    gap: 6px;
    margin-top: 14px;
}

.earn-section-digest .earn-vacancy-card__tags span {
    padding: 5px 9px;
    border: 1px solid #e6e9ed;
    color: #59636f;
    background: #f7f8fa;
    font-size: 11px;
}

.earn-section-digest .simple-task-card__reward {
    align-self: start;
    min-height: 92px;
    padding: 16px;
    border-color: #d7ecdf;
    border-radius: 13px;
    background: #f3fbf6;
}

.earn-section-digest .simple-task-card__reward-price span {
    color: #60816d;
    font-size: 10px;
    letter-spacing: .06em;
}

.earn-section-digest .simple-task-card__reward-price strong {
    color: var(--vacancy-accent-strong);
    font-size: clamp(18px, 2vw, 23px);
    line-height: 1.25;
}

.earn-section-digest .simple-task-card__footer {
    padding-top: 15px;
    border-top-color: var(--vacancy-border);
}

.earn-section-digest .simple-task-card__client a,
.earn-section-digest .simple-task-card__client > span {
    border-color: var(--vacancy-border);
    background: var(--vacancy-surface-soft);
}

.earn-section-digest .simple-task-start {
    min-width: 150px;
    height: 40px;
    border-color: var(--vacancy-accent);
    border-radius: 9px;
    background: var(--vacancy-accent);
}

.earn-section-digest .simple-task-start:hover {
    border-color: var(--vacancy-accent-strong);
    background: var(--vacancy-accent-strong);
}

.earn-section-digest .external-vacancy-card__source {
    color: #176daa;
    background: var(--vacancy-blue-soft);
}

html[data-theme="dark"] body.fiwork-page-earn {
    --vacancy-page: #14171a;
    --vacancy-surface: #1d2125;
    --vacancy-surface-soft: #24292e;
    --vacancy-border: #343a40;
    --vacancy-border-strong: #454d55;
    --vacancy-text: #f1f3f5;
    --vacancy-text-soft: #b3bac2;
    --vacancy-text-muted: #89919a;
    --vacancy-accent: #42b978;
    --vacancy-accent-strong: #69d39a;
    --vacancy-accent-soft: #173426;
    --vacancy-blue-soft: #17334a;
    --vacancy-shadow: 0 16px 38px rgba(0, 0, 0, .26);
}

html[data-theme="dark"] body.fiwork-page-earn .main-container:has(> .earn-section-digest),
html[data-theme="dark"] body.fiwork-page-earn .earn-section-digest.freelancer-proposals-page,
html[data-theme="dark"] body.fiwork-page-earn .vacancy-sidebar-filter,
html[data-theme="dark"] body.fiwork-page-earn .vacancy-employer-circles,
html[data-theme="dark"] body.fiwork-page-earn .vacancy-aggregator-filter,
html[data-theme="dark"] body.fiwork-page-earn .vacancy-results-toolbar__sort,
html[data-theme="dark"] body.fiwork-page-earn .earn-section-digest .simple-task-card {
    border-color: var(--vacancy-border);
    color: var(--vacancy-text);
    background: var(--vacancy-surface);
}

html[data-theme="dark"] body.fiwork-page-earn .earn-section-digest .freelancer-proposals-head.vacancy-market-head {
    border-color: #2e4939;
    background:
        radial-gradient(circle at 82% 18%, rgba(66, 185, 120, .14), transparent 30%),
        linear-gradient(135deg, #1d2922, #1b2420);
}

html[data-theme="dark"] body.fiwork-page-earn .vacancy-market-head .vacancy-head-action--resume {
    border-color: var(--vacancy-border-strong);
    color: var(--vacancy-text);
    background: rgba(29, 33, 37, .8);
}

html[data-theme="dark"] body.fiwork-page-earn .vacancy-sidebar-salary label,
html[data-theme="dark"] body.fiwork-page-earn .vacancy-sidebar-filter__section select,
html[data-theme="dark"] body.fiwork-page-earn .vacancy-aggregator-filter__input,
html[data-theme="dark"] body.fiwork-page-earn .earn-section-digest .simple-task-card__client a,
html[data-theme="dark"] body.fiwork-page-earn .earn-section-digest .simple-task-card__client > span,
html[data-theme="dark"] body.fiwork-page-earn .earn-section-digest .earn-vacancy-card__tags span {
    border-color: var(--vacancy-border);
    color: var(--vacancy-text-soft);
    background: var(--vacancy-surface-soft);
}

html[data-theme="dark"] body.fiwork-page-earn .vacancy-sidebar-salary input,
html[data-theme="dark"] body.fiwork-page-earn .vacancy-aggregator-filter__input input {
    color: var(--vacancy-text);
}

html[data-theme="dark"] body.fiwork-page-earn .earn-section-digest .simple-task-card__reward {
    border-color: #28513a;
    background: #192c21;
}

@media (min-width: 900px) {
    .vacancy-filter-open,
    .vacancy-source-chips {
        display: none !important;
    }
}

@media (max-width: 1160px) and (min-width: 900px) {
    .earn-section-digest .freelancer-proposals-layout {
        grid-template-columns: 260px minmax(0, 1fr);
        gap: 18px;
    }

    .earn-section-digest .simple-task-card {
        grid-template-columns: minmax(0, 1fr) 190px;
        padding-inline: 20px;
    }
}

@media (max-width: 899.98px) {
    .earn-section-digest .freelancer-proposals-layout {
        display: block;
    }

    .earn-section-digest .freelancer-proposals-left-rail {
        display: block;
        max-height: none;
        padding-right: 0;
        overflow: visible;
    }

    .vacancy-sidebar-filter {
        display: none;
    }

    .earn-section-digest .freelancer-proposals-tabs {
        display: flex;
        margin-inline: -14px;
        padding-inline: 14px;
        border: 0;
        border-radius: 0;
        background: transparent;
    }

    .earn-section-digest .freelancer-proposals-tab {
        min-height: 38px;
        padding-inline: 12px;
    }

    .vacancy-source-chips {
        display: flex;
    }

    .vacancy-aggregator-filter {
        grid-template-columns: minmax(0, 1fr) auto auto;
    }

    .earn-section-digest .simple-task-card {
        grid-template-columns: minmax(0, 1fr) 200px;
    }
}

@media (max-width: 680px) {
    .earn-section-digest .freelancer-proposals-head.vacancy-market-head {
        min-height: 0;
        padding: 20px;
        background:
            radial-gradient(circle at 90% 0, rgba(61, 205, 125, .14), transparent 34%),
            linear-gradient(135deg, #f8fffb, #eef8f3);
    }

    .vacancy-aggregator-filter {
        grid-template-columns: 1fr auto;
        padding: 10px;
    }

    .vacancy-aggregator-filter__search {
        grid-column: 1 / -1;
    }

    .vacancy-aggregator-filter .vacancy-filter-open,
    .vacancy-aggregator-filter .vacancy-filter-submit {
        min-width: 0;
        width: 100%;
        padding-inline: 14px;
    }

    .vacancy-aggregator-filter > a {
        grid-column: 1 / -1;
        height: 34px;
    }

    .vacancy-results-toolbar {
        margin-inline: 0;
    }

    .earn-section-digest .simple-task-card {
        grid-template-columns: 1fr;
        gap: 15px;
        padding: 18px;
    }

    .earn-section-digest .simple-task-card__reward {
        min-height: 0;
    }

    .vacancy-card-topline {
        align-items: flex-start;
    }

    .vacancy-card-topline > time {
        max-width: 94px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .earn-section-digest .simple-task-card__footer {
        align-items: stretch;
        flex-direction: column;
    }

    .earn-section-digest .simple-task-start {
        width: 100%;
    }
}

@media (max-width: 420px) {
    .vacancy-results-toolbar__sort {
        padding-inline: 8px;
    }

    .vacancy-results-toolbar__sort svg {
        display: none;
    }

    .vacancy-card-company__logo {
        flex-basis: 34px;
        width: 34px;
        height: 34px;
    }
}

@media (max-width: 767.98px) {
    .freelancer-proposals-page {
        padding-bottom: 30px;
    }

    .freelancer-proposals-empty {
        margin-bottom: 60px;
        padding-top: 22px;
    }

    .freelancer-proposals-empty__text {
        font-size: 13px;
        line-height: 19px;
    }

    .freelancer-proposal-card {
        padding: 16px;
    }

    .freelancer-proposal-card__head {
        display: block;
    }

    .freelancer-proposal-status {
        display: inline-flex;
        margin-top: 10px;
    }

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

    .freelancer-proposal-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .freelancer-proposal-details,
    .freelancer-proposal-job-link {
        width: 100%;
    }

    .earn-vacancy-card {
        grid-template-columns: 1fr;
        padding: 16px;
    }

    .earn-vacancy-card__footer {
        align-items: stretch;
        flex-direction: column;
    }

    .earn-vacancy-card__footer a,
    .earn-vacancy-apply summary,
    .earn-vacancy-card__applied {
        width: 100%;
    }

    .earn-vacancy-card__footer-actions {
        width: 100%;
    }

    .earn-vacancy-card__footer a.earn-vacancy-card__complaint-button,
    .earn-vacancy-card__complaint-button {
        flex: 0 0 38px;
        min-width: 38px;
        width: 38px;
    }

    .earn-vacancy-card__footer-actions > a:not(.earn-vacancy-card__complaint-button),
    .earn-vacancy-card__footer-actions > details,
    .earn-vacancy-card__footer-actions > .earn-vacancy-card__applied {
        flex: 1 1 auto;
    }

    .earn-vacancy-apply__form {
        box-shadow: none;
        min-width: 100%;
        position: static;
        width: 100%;
    }

    .earn-vacancy-apply__file {
        align-items: flex-start;
        flex-direction: column;
    }

    .earn-vacancy-apply__file input {
        max-width: 100%;
        width: 100%;
    }

    .simple-tasks-head {
        padding: 16px;
    }

    .simple-tasks-head h2 {
        font-size: 20px;
        line-height: 26px;
    }

    .simple-task-card {
        grid-template-columns: 1fr;
        padding: 16px;
    }

    .simple-task-card__reward {
        gap: 10px;
    }

    .fiwork-earn-upload {
        align-items: flex-start;
        flex-direction: column;
    }

    .fiwork-earn-upload > em {
        white-space: normal;
    }

    .simple-task-completion-card {
        grid-template-columns: 1fr;
        padding: 16px;
    }

    .simple-task-completion-card__side {
        justify-items: start;
        text-align: left;
    }

    .simple-task-completion-card__top {
        align-items: flex-start;
        flex-direction: column;
    }

    .content-task-card {
        grid-template-columns: 1fr;
        padding: 16px;
    }

    .simple-task-cancel-modal {
        align-items: flex-end;
        padding: 0;
    }

    .simple-task-cancel-modal__dialog {
        border-radius: 18px 18px 0 0;
        max-width: none;
        padding: 24px 16px 18px;
        transform: translateY(100%);
        width: 100%;
    }

    .simple-task-cancel-modal.is-open .simple-task-cancel-modal__dialog {
        transform: translateY(0);
    }

    .simple-task-cancel-modal.is-closing .simple-task-cancel-modal__dialog {
        transform: translateY(100%);
    }

    .simple-task-cancel-modal__content {
        padding-right: 34px;
    }

    .simple-task-cancel-modal__content h2 {
        font-size: 22px;
        line-height: 28px;
    }

    .simple-task-cancel-modal__actions {
        grid-template-columns: 1fr;
    }

    .earn-choice-modal.is-open {
        align-items: flex-end;
        padding: 0;
    }

    .earn-choice-modal.is-closing {
        align-items: flex-end;
        padding: 0;
    }

    .earn-choice-modal__dialog {
        border-radius: 16px 16px 0 0;
        max-height: 92vh;
        overflow-y: auto;
        padding: 20px 16px 18px;
        transform: translateY(100%);
        width: 100%;
    }

    .earn-choice-modal.is-open .earn-choice-modal__dialog {
        transform: translateY(0);
    }

    .earn-choice-modal.is-closing .earn-choice-modal__dialog {
        transform: translateY(100%);
    }

    .earn-choice-modal__head h2 {
        font-size: 24px;
        line-height: 30px;
    }

    .earn-choice-modal__grid {
        grid-template-columns: 1fr;
    }

    .earn-choice-option {
        min-height: 78px;
    }

    .simple-task-submit button,
    .content-task-submit button {
        justify-self: stretch;
        width: 100%;
    }
}

/* Unified digest shell for the complete Earn / Marketplace section. */
.main-block:has(> .main-container > .earn-section-digest) {
    min-height: calc(100vh - 260px);
    padding-right: 20px;
    padding-left: 20px;
    align-items: flex-start;
    background: #f6f7f8;
}

.main-container:has(> .earn-section-digest) {
    width: 100%;
    max-width: 1240px;
    margin: 24px auto;
    padding: 8px;
    align-items: stretch;
    justify-content: flex-start;
    overflow: visible;
    border: 1px solid #e7e8eb;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .04);
}

.earn-section-digest.freelancer-proposals-page {
    width: 100%;
    min-height: 0;
    margin: 0;
    padding: 16px;
    border-radius: 12px;
    background: #fff;
}

.earn-section-digest .freelancer-proposals-shell,
.earn-section-digest .jobs-market-shell {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
}

.earn-section-digest .freelancer-proposals-head {
    min-height: 70px;
    margin: 0 0 24px;
    padding: 14px 16px;
    border: 1px solid #ececef;
    border-radius: 12px;
    background: #fafafa;
}

.earn-section-digest .freelancer-proposals-title,
.earn-section-digest .jobs-market-title {
    margin: 0;
    font-size: 26px;
    line-height: 1.25;
}

.earn-section-digest .freelancer-proposals-title {
    display: flex;
    align-items: center;
    gap: 9px;
}

.earn-section-digest .freelancer-proposals-title .freelancer-proposals-tab__icon {
    width: 23px;
    height: 23px;
    flex: 0 0 23px;
    color: #f5a400;
}

.earn-section-digest .freelancer-proposals-layout {
    gap: 24px;
}

.earn-section-digest .freelancer-proposals-tabs,
.earn-section-digest .jobs-filter-panel,
.earn-section-digest .jobs-market-stats,
.earn-section-digest .jobs-market-connects,
.earn-section-digest .jobs-market-view-menu,
.earn-section-digest .simple-task-card,
.earn-section-digest .earn-vacancy-card,
.earn-section-digest .content-task-card,
.earn-section-digest .simple-task-completion-card {
    border-color: #e7e8eb;
    border-radius: 12px;
    box-shadow: none;
}

@media (max-width: 899.98px) {
    .main-block:has(> .main-container > .earn-section-digest) {
        padding-right: 12px;
        padding-left: 12px;
    }

    .main-container:has(> .earn-section-digest) {
        margin: 14px auto;
        padding: 0;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
    }

    .earn-section-digest.freelancer-proposals-page {
        padding: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
    }

    .earn-section-digest .freelancer-proposals-head {
        min-height: 0;
        padding: 14px;
    }

    .earn-section-digest .freelancer-proposals-head.vacancy-market-head {
        align-items: flex-start;
        min-height: 210px;
        padding: 20px;
        background-position: 60% center;
    }

    .vacancy-market-head .freelancer-proposals-head-copy {
        max-width: 620px;
    }

    .vacancy-market-head .freelancer-proposals-head-actions {
        max-width: none;
    }

    .earn-section-digest .freelancer-proposals-title,
    .earn-section-digest .jobs-market-title {
        font-size: 24px;
    }
}

@media (max-width: 520px) {
    .vacancy-intent-bar {
        padding-inline: 0;
    }

    .vacancy-intent-bar__inner {
        min-height: 54px;
        margin-top: 12px;
        padding: 5px;
        border-radius: 12px;
    }

    .vacancy-intent-switch a {
        min-height: 42px;
        padding: 0 11px;
        font-size: 12px;
    }

    .vacancy-region-switcher > summary {
        gap: 6px;
        padding: 0 7px;
        font-size: 12px;
    }

    .vacancy-region-switcher__chevron {
        display: none;
    }

    .vacancy-region-confirmation {
        right: -1px;
    }

    .earn-section-digest .freelancer-proposals-head.vacancy-market-head {
        min-height: 0;
        padding: 18px 16px;
        background-position: 64% center;
    }

    .earn-section-digest .freelancer-proposals-head.vacancy-market-head::before {
        position: absolute;
        z-index: -1;
        inset: 0;
        content: "";
        background: transparent;
    }

    .earn-section-digest .vacancy-market-head .freelancer-proposals-title {
        font-size: 27px;
    }

    .earn-section-digest .vacancy-market-head .freelancer-proposals-head-copy > p {
        font-size: 13px;
    }
}

/* Keep catalogue width overrides after the shared Earn shell declarations. */
body.fiwork-page-earn .main-block:has(> .main-container > .earn-section-digest) {
    background: var(--vacancy-page);
}

body.fiwork-page-earn .main-container:has(> .earn-section-digest) {
    max-width: 1480px;
    border-color: var(--vacancy-border);
    background: var(--vacancy-surface);
}

/* Fiwork vacancy catalogue: compact cards, neutral surfaces and a dense filter rail. */
body.fiwork-page-earn {
    --vacancy-ui-page: #f6f6f6;
    --vacancy-ui-island: #fff;
    --vacancy-ui-surface: #f2f2f2;
    --vacancy-ui-surface-hover: #e9e9e9;
    --vacancy-ui-card-hover: #f1f5f9;
    --vacancy-ui-stroke: #e8e8e8;
    --vacancy-ui-text: #1f2937;
    --vacancy-ui-secondary: #595959;
    --vacancy-ui-tertiary: #757575;
    --vacancy-ui-light-text: #78716c;
    --vacancy-ui-label: #6d7885;
    --vacancy-ui-tag: #eee;
    --vacancy-ui-tag-text: #8a8a8a;
    --vacancy-ui-accent: #2196f3;
    --vacancy-ui-accent-hover: #1976d2;
    --vacancy-ui-accent-text: #fff;
    --vacancy-ui-accent-soft: rgba(33, 150, 243, .14);
    --vacancy-ui-input: #f9f9fa;
    --vacancy-ui-search-input: #f6f6f6;
    --vacancy-ui-search-text: #404448;
    --vacancy-ui-search-placeholder: #9ca3af;
    --vacancy-ui-search-radius: 20px;
    --vacancy-ui-search-action: #2196f3;
    --vacancy-ui-search-action-hover: #1976d2;
    --vacancy-ui-search-action-text: #fff;
    --vacancy-ui-search-divider: rgba(209, 209, 209, .46);
    --vacancy-ui-search-stroke: #e0e0e0;
    --vacancy-ui-button: #303b4b;
    --vacancy-ui-button-hover: #3b4758;
    --vacancy-ui-positive: #d8e8de;
    --vacancy-ui-positive-text: #1f2937;
    --vacancy-ui-shadow: 0 1px 2px rgba(0, 0, 0, .04), 0 1px 3px rgba(0, 0, 0, .06);
    --vacancy-ui-shadow-hover: 0 8px 24px rgba(24, 24, 27, .08), 0 2px 7px rgba(24, 24, 27, .05);
    background: var(--vacancy-ui-page);
    color: var(--vacancy-ui-text);
    font-family: "Geologica", sans-serif;
    font-weight: 400;
    line-height: 24px;
}

body.fiwork-page-earn .main-block:has(> .main-container > .earn-section-digest),
body.fiwork-page-earn .main-container:has(> .earn-section-digest),
body.fiwork-page-earn .earn-section-digest.freelancer-proposals-page {
    background: var(--vacancy-ui-page);
}

body.fiwork-page-earn .main-block:has(> .main-container > .earn-section-digest) {
    padding-right: 0;
    padding-left: 0;
}

body.fiwork-page-earn .main-container:has(> .earn-section-digest) {
    width: 100%;
    max-width: 1240px;
    margin-top: 0;
    padding: 0 0 40px;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

body.fiwork-page-earn .freelancer-proposals-page.community-digest.dashboard-blog-digest.earn-section-digest {
    box-sizing: border-box;
    width: 100%;
    max-width: 1240px;
    padding-right: 0;
    padding-left: 0;
}

.earn-section-digest .freelancer-proposals-shell {
    width: 100%;
    max-width: none;
    margin: 0 auto;
    padding: 0;
}

.earn-section-digest .freelancer-proposals-layout {
    display: grid;
    grid-template-columns: 280px minmax(0, 1fr);
    align-items: start;
    gap: 20px;
}

.earn-section-digest .freelancer-proposals-left-rail {
    position: relative;
    top: auto;
    align-self: start;
    max-height: none;
    padding: 16px 0;
    overflow: visible;
}

.earn-section-digest .freelancer-proposals-main-column {
    display: grid;
    align-content: start;
    gap: 8px;
    min-width: 0;
}

.earn-section-digest .freelancer-proposals-content {
    min-width: 0;
    max-width: 100%;
}

.earn-section-digest .freelancer-proposals-head.fiwork-vacancy-intro {
    position: relative;
    align-items: flex-start;
    flex-direction: row;
    min-height: 0;
    margin: 0;
    padding: 10px 4px 0;
    border: 0;
    border-radius: 0;
    color: var(--vacancy-ui-text);
    background: transparent;
    box-shadow: none;
}

.earn-section-digest .freelancer-proposals-head.fiwork-vacancy-intro::before,
.earn-section-digest .freelancer-proposals-head.fiwork-vacancy-intro::after,
.vacancy-market-head__eyebrow {
    display: none;
}

.earn-section-digest .fiwork-vacancy-intro .freelancer-proposals-head-copy {
    width: 100%;
    max-width: none;
    min-width: 0;
}

.earn-section-digest .fiwork-vacancy-intro .freelancer-proposals-title {
    margin: 0;
    color: var(--vacancy-ui-text);
    font-size: 24px;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: 0;
}

.fiwork-vacancy-intro__description-row {
    display: flex;
    align-items: center;
    gap: 6px;
    width: 100%;
    max-width: none;
    flex-wrap: nowrap;
}

.earn-section-digest .fiwork-vacancy-intro .fiwork-vacancy-intro__description {
    flex: 0 1 auto;
    min-width: 0;
    max-width: none;
    margin: 0;
    color: var(--vacancy-ui-secondary);
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    white-space: nowrap;
}

.earn-section-digest .fiwork-vacancy-intro .fiwork-vacancy-intro__description strong {
    color: var(--vacancy-ui-text);
    font-weight: 500;
}

.fiwork-vacancy-why-toggle {
    display: inline-flex;
    align-items: baseline;
    gap: 3px;
    margin: 0;
    padding: 0;
    border: 0;
    color: var(--vacancy-ui-text);
    background: transparent;
    font: inherit;
    font-weight: 500;
    line-height: inherit;
    flex: 0 0 auto;
    white-space: nowrap;
    cursor: pointer;
}

.fiwork-vacancy-why-toggle span {
    border-bottom: 1px dashed currentColor;
}

.fiwork-vacancy-why-toggle svg {
    width: 14px;
    height: 14px;
    align-self: center;
    flex: 0 0 14px;
    transition: transform .2s ease;
}

.fiwork-vacancy-why-toggle[aria-expanded="true"] svg {
    transform: rotate(180deg);
}

.fiwork-vacancy-why-toggle:hover,
.fiwork-vacancy-why-toggle:focus-visible {
    color: #168e48;
}

.fiwork-vacancy-why-toggle:focus-visible {
    outline: 2px solid rgba(22, 142, 72, .24);
    outline-offset: 3px;
    border-radius: 3px;
}

.fiwork-vacancy-why-panel {
    display: flex;
    flex-direction: column;
    gap: 8px;
    max-width: 672px;
    margin: 12px 0 0;
    padding: 14px 16px;
    border: 0;
    border-radius: 12px;
    color: var(--vacancy-ui-secondary);
    background: var(--vacancy-ui-surface);
    list-style: none;
    box-shadow: none;
    font-size: 15px;
    font-weight: 300;
    line-height: 1.5;
    animation: vacancy-why-reveal .18s ease-out;
}

.fiwork-vacancy-why-panel li {
    margin: 0;
    color: inherit;
    font: inherit;
}

.fiwork-vacancy-why-panel strong {
    color: var(--vacancy-ui-text);
    font-weight: 500;
}

.fiwork-vacancy-why-panel[hidden] {
    display: none !important;
}

@keyframes vacancy-why-reveal {
    from {
        opacity: 0;
        transform: translateY(-4px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.fiwork-vacancy-intro .freelancer-proposals-head-actions {
    align-self: flex-start;
    flex: 0 0 auto;
    gap: 8px;
    margin-top: 0;
}

.fiwork-vacancy-intro .vacancy-head-action {
    min-height: 38px;
    padding: 0 13px;
    border: 1px solid var(--vacancy-ui-stroke);
    border-radius: 9px;
    color: var(--vacancy-ui-secondary);
    background: var(--vacancy-ui-island);
    box-shadow: var(--vacancy-ui-shadow);
    font-size: 12px;
}

.fiwork-vacancy-intro .vacancy-head-action--publish,
.fiwork-vacancy-intro .vacancy-head-action--resume {
    border-color: var(--vacancy-ui-stroke);
    color: var(--vacancy-ui-secondary);
    background: var(--vacancy-ui-island);
}

.fiwork-vacancy-intro .vacancy-head-action:hover {
    border-color: #d7d7d3;
    color: var(--vacancy-ui-text);
    background: var(--vacancy-ui-surface);
}

.earn-section-digest .freelancer-proposals-tabs {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 4px;
    margin: 0 0 12px;
    padding: 5px;
    border: 0;
    border-radius: 12px;
    background: var(--vacancy-ui-island);
    box-shadow: var(--vacancy-ui-shadow);
}

.earn-section-digest .freelancer-proposals-tab {
    justify-content: center;
    min-height: 36px;
    padding: 7px 8px;
    border: 0;
    border-radius: 8px;
    color: var(--vacancy-ui-secondary);
    background: transparent;
    font-size: 11px;
    font-weight: 500;
}

.earn-section-digest .freelancer-proposals-tab.active,
.earn-section-digest .freelancer-proposals-tab:hover {
    border: 0;
    color: var(--vacancy-ui-text);
    background: var(--vacancy-ui-surface);
}

.vacancy-sidebar-filter {
    padding: 16px 16px 0;
    border: 0;
    border-radius: 20px;
    color: var(--vacancy-ui-text);
    background: var(--vacancy-ui-island);
    box-shadow: var(--vacancy-ui-shadow);
    overflow: visible;
    user-select: none;
}

.vacancy-hirify-filter__account-note {
    color: var(--vacancy-ui-tertiary);
    font-size: 13px;
    font-weight: 300;
    line-height: 1.5;
}

.vacancy-hirify-filter__divider {
    width: 100%;
    height: 1px;
    margin-top: 14px;
    background: var(--vacancy-ui-stroke);
}

.vacancy-hirify-filter__ai {
    display: block;
    margin: 14px 0 0;
    cursor: pointer;
}

.vacancy-hirify-filter__ai input,
.vacancy-hirify-filter__sources input,
.vacancy-hirify-filter__options input,
.vacancy-hirify-filter__exclude input,
.vacancy-hirify-filter__toggle-option input {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
}

.vacancy-hirify-filter__ai > span {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 30px;
    color: var(--vacancy-ui-secondary);
}

.vacancy-hirify-filter__ai svg {
    flex: 0 0 16px;
    width: 16px;
    height: 16px;
    color: #a04fd7;
}

.vacancy-hirify-filter__ai strong {
    background: linear-gradient(90deg, #7c3aed, #a04fd7, #7c3aed);
    background-size: 200% 100%;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    font-size: 14px;
    font-weight: 500;
    animation: vacancy-ai-filter-shimmer 3s linear infinite;
}

.vacancy-hirify-filter__ai input:focus-visible + span {
    outline: 2px solid rgba(124, 58, 237, .28);
    outline-offset: 3px;
    border-radius: 5px;
}

.vacancy-hirify-filter__ai input:checked + span svg {
    filter: drop-shadow(0 0 4px rgba(160, 79, 215, .45));
}

@keyframes vacancy-ai-filter-shimmer {
    to { background-position: -200% 0; }
}

.vacancy-hirify-filter__item {
    min-width: 0;
    margin: 0;
    padding: 14px 0 0;
    border: 0;
}

.vacancy-hirify-filter__sources details,
.vacancy-hirify-filter__sources summary {
    width: 100%;
}

.vacancy-hirify-filter__sources summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 36px;
    padding: 8px 0;
    color: var(--vacancy-ui-label);
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    list-style: none;
    transition: opacity .2s ease;
}

.vacancy-hirify-filter__sources summary:hover {
    opacity: .7;
}

.vacancy-hirify-filter__sources summary::-webkit-details-marker {
    display: none;
}

.vacancy-hirify-filter__sources summary svg {
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
    transition: transform .15s ease;
}

.vacancy-hirify-filter__sources details[open] summary svg {
    transform: rotate(180deg);
}

.vacancy-hirify-filter__source-list {
    display: flex;
    max-height: none;
    flex-wrap: wrap;
    gap: 4px;
    margin-top: 4px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    overflow: visible;
}

.vacancy-hirify-filter__source-list label {
    cursor: pointer;
}

.vacancy-hirify-filter__source-list label > span {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    gap: 5px;
    padding: 5px 9px;
    border: 1px solid transparent;
    border-radius: 6px;
    color: var(--vacancy-ui-secondary);
    background: var(--vacancy-ui-surface);
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
    transition: background-color .15s ease, color .15s ease, border-color .15s ease;
}

.vacancy-hirify-filter__source-list label:hover > span {
    color: var(--vacancy-ui-text);
    background: var(--vacancy-ui-surface-hover);
}

.vacancy-hirify-filter__source-list input:checked + span {
    border-color: var(--vacancy-ui-accent);
    color: var(--vacancy-ui-accent-text);
    background: var(--vacancy-ui-accent);
    font-weight: 500;
}

.vacancy-hirify-filter__source-list small {
    color: inherit;
    font-size: 10px;
    font-weight: inherit;
    line-height: 1;
    opacity: .7;
}

.vacancy-hirify-filter__label-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) max-content;
    align-items: center;
    column-gap: 12px;
    width: 100%;
    min-height: 24px;
    margin-bottom: 4px;
}

.vacancy-hirify-filter__title {
    display: inline-flex;
    align-items: center;
    justify-self: start;
    gap: 4px;
    min-width: 0;
    color: var(--vacancy-ui-label);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}

.vacancy-hirify-filter__help {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 13px;
    height: 13px;
    flex: 0 0 13px;
    border: 1.5px solid currentColor;
    border-radius: 50%;
    color: var(--vacancy-ui-tertiary);
    font-size: 9px;
    font-weight: 700;
    line-height: 1;
    cursor: help;
}

.vacancy-hirify-filter__exclude {
    display: inline-flex;
    align-items: center;
    justify-self: end;
    width: auto;
    margin: 0;
    cursor: pointer;
}

.vacancy-hirify-filter__exclude > span {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    padding: 2px 0;
    color: var(--vacancy-ui-tertiary);
    font-size: 11px;
    font-weight: 400;
    line-height: 20px;
    white-space: nowrap;
    transition: color .15s ease;
}

.vacancy-hirify-filter__exclude svg {
    width: 12px;
    height: 12px;
}

.vacancy-hirify-filter__exclude:hover > span,
.vacancy-hirify-filter__exclude input:checked + span {
    color: #ef4444;
}

.vacancy-hirify-filter__options {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.vacancy-hirify-filter__options label {
    cursor: pointer;
}

.vacancy-hirify-filter__options label > span {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 5px 9px;
    border: 1px solid transparent;
    border-radius: 6px;
    color: var(--vacancy-ui-secondary);
    background: var(--vacancy-ui-surface);
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
    transition: background-color .15s ease, color .15s ease, border-color .15s ease;
}

.vacancy-hirify-filter__options label:hover > span {
    color: var(--vacancy-ui-text);
    background: var(--vacancy-ui-surface-hover);
}

.vacancy-hirify-filter__options input:checked + span {
    border-color: var(--vacancy-ui-accent);
    color: var(--vacancy-ui-accent-text);
    background: var(--vacancy-ui-accent);
    font-weight: 500;
}

.vacancy-hirify-filter__item:has(.vacancy-hirify-filter__exclude input:checked) .vacancy-hirify-filter__options input:checked + span {
    border-color: rgba(239, 68, 68, .22);
    color: #991b1b;
    background: #fee2e2;
}

.vacancy-hirify-filter__input,
.vacancy-hirify-filter__salary {
    position: relative;
    display: flex;
    align-items: center;
    height: 40px;
    border: 2px solid var(--vacancy-ui-stroke);
    border-radius: 8px;
    background: var(--vacancy-ui-input);
    transition: background-color .15s ease, border-color .15s ease;
}

.vacancy-hirify-filter__input:hover,
.vacancy-hirify-filter__salary:hover {
    background: var(--vacancy-ui-surface-hover);
}

.vacancy-hirify-filter__input:focus-within,
.vacancy-hirify-filter__salary:focus-within {
    border-color: #a5a5a5;
}

.vacancy-hirify-filter__input input,
.vacancy-hirify-filter__salary input {
    width: 100%;
    height: 100%;
    min-width: 0;
    padding: 0 38px 0 14px;
    border: 0;
    outline: 0;
    color: var(--vacancy-ui-text);
    background: transparent;
    font: inherit;
    font-size: 13px;
    font-weight: 300;
}

.vacancy-hirify-filter__input input::placeholder,
.vacancy-hirify-filter__salary input::placeholder {
    color: var(--vacancy-ui-tertiary);
    opacity: 1;
}

.vacancy-hirify-filter__input svg {
    position: absolute;
    top: 50%;
    right: 10px;
    width: 16px;
    height: 16px;
    color: var(--vacancy-ui-tertiary);
    transform: translateY(-50%);
    pointer-events: none;
}

.vacancy-hirify-filter__toggle-option {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    cursor: pointer;
}

.vacancy-hirify-filter__toggle-option > span {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 5px 9px;
    border-radius: 6px;
    color: var(--vacancy-ui-secondary);
    background: var(--vacancy-ui-surface);
    font-size: 13px;
}

.vacancy-hirify-filter__toggle-option input:checked + span {
    color: var(--vacancy-ui-accent-text);
    background: var(--vacancy-ui-accent);
    font-weight: 500;
}

.vacancy-hirify-filter__salary input {
    padding-right: 74px;
}

.vacancy-hirify-filter__salary > span {
    position: absolute;
    right: 12px;
    color: var(--vacancy-ui-tertiary);
    font-size: 11px;
    pointer-events: none;
}

.vacancy-hirify-filter__toggle-option--switch {
    display: flex;
    gap: 8px;
    margin-top: 8px;
}

.vacancy-hirify-filter__toggle-option--switch > i {
    position: relative;
    width: 28px;
    height: 17px;
    flex: 0 0 28px;
    border-radius: 999px;
    background: #cfd3d8;
    transition: background-color .15s ease;
}

.vacancy-hirify-filter__toggle-option--switch > i::after {
    position: absolute;
    top: 2px;
    left: 2px;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    content: "";
    transition: transform .15s ease;
}

.vacancy-hirify-filter__toggle-option--switch input:checked + i {
    background: #1f2937;
}

.vacancy-hirify-filter__toggle-option--switch input:checked + i::after {
    transform: translateX(11px);
}

.vacancy-hirify-filter__toggle-option--switch > span,
.vacancy-hirify-filter__toggle-option--switch input:checked ~ span {
    min-height: 0;
    padding: 0;
    color: var(--vacancy-ui-secondary);
    background: transparent;
    font-size: 12px;
    font-weight: 400;
}

.vacancy-sidebar-filter__head {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px;
    padding: 0 0 14px;
    border-bottom: 1px solid var(--vacancy-ui-stroke);
}

.vacancy-sidebar-filter__head > span {
    display: none;
}

.vacancy-sidebar-filter__head h2 {
    color: var(--vacancy-ui-light-text);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}

.vacancy-sidebar-filter__head p {
    margin-top: 3px;
    color: var(--vacancy-ui-tertiary);
    font-size: 12px;
    line-height: 17px;
}

.vacancy-sidebar-filter__head em {
    min-width: 22px;
    height: 22px;
    color: var(--vacancy-ui-accent-text);
    background: var(--vacancy-ui-accent);
    font-size: 10px;
}

.vacancy-sidebar-filter__section {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 0;
    padding: 14px 0 0;
    border: 0;
}

.vacancy-sidebar-filter__section + .vacancy-sidebar-filter__section {
    margin-top: 0;
    border-top: 0;
}

.vacancy-sidebar-filter__section legend {
    margin: 0 0 4px;
    color: var(--vacancy-ui-label);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}

.vacancy-filter-sources {
    width: 100%;
}

.vacancy-filter-sources > summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-height: 36px;
    padding: 8px 0;
    color: var(--vacancy-ui-label);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    cursor: pointer;
    list-style: none;
}

.vacancy-filter-sources > summary::-webkit-details-marker {
    display: none;
}

.vacancy-filter-sources > summary svg {
    flex: 0 0 16px;
    color: var(--vacancy-ui-tertiary);
    transition: transform .15s ease;
}

.vacancy-filter-sources[open] > summary svg {
    transform: rotate(180deg);
}

.vacancy-sidebar-source-list,
.vacancy-sidebar-options {
    gap: 6px;
}

.vacancy-sidebar-source-list {
    max-height: 286px;
    margin-top: 4px;
    padding: 6px;
    border-radius: 8px;
    background: var(--vacancy-ui-surface);
    overflow-y: auto;
    scrollbar-color: var(--vacancy-ui-stroke) transparent;
    scrollbar-width: thin;
}

.vacancy-sidebar-options {
    display: flex;
    flex-wrap: wrap;
}

.vacancy-sidebar-source-list label > span,
.vacancy-sidebar-options label > span {
    min-height: 28px;
    padding: 2px 8px;
    border-radius: 4px;
    color: var(--vacancy-ui-secondary);
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
}

.vacancy-sidebar-source-list label > span {
    min-height: 32px;
    background: transparent;
}

.vacancy-sidebar-source-list label > span:hover,
.vacancy-sidebar-options label > span:hover {
    color: var(--vacancy-ui-text);
    background: var(--vacancy-ui-surface-hover);
}

.vacancy-sidebar-source-list input:checked + span,
.vacancy-sidebar-options input:checked + span {
    color: var(--vacancy-ui-accent-text);
    background: var(--vacancy-ui-accent);
    font-weight: 500;
}

.vacancy-sidebar-source-list small {
    color: var(--vacancy-ui-tertiary);
    font-size: 10px;
    font-weight: 500;
}

.vacancy-sidebar-pills {
    gap: 6px;
}

.vacancy-sidebar-pills label > span {
    min-height: 28px;
    padding: 2px 8px;
    border: 0;
    border-radius: 4px;
    color: var(--vacancy-ui-secondary);
    background: var(--vacancy-ui-tag);
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
}

.vacancy-sidebar-pills label > span:hover {
    color: var(--vacancy-ui-text);
    background: var(--vacancy-ui-surface-hover);
}

.vacancy-sidebar-pills input:checked + span {
    border-color: transparent;
    color: var(--vacancy-ui-accent-text);
    background: var(--vacancy-ui-accent);
}

.vacancy-sidebar-salary label,
.vacancy-sidebar-filter__section select {
    height: 40px;
    border: 2px solid var(--vacancy-ui-stroke);
    border-radius: 8px;
    color: var(--vacancy-ui-tertiary);
    background: var(--vacancy-ui-input);
    font-size: 14px;
    font-weight: 300;
    transition: background-color .15s ease, border-color .15s ease;
}

.vacancy-sidebar-salary label:hover,
.vacancy-sidebar-filter__section select:hover {
    background: var(--vacancy-ui-surface);
}

.vacancy-sidebar-salary input {
    color: var(--vacancy-ui-text);
    font-size: 13px;
    font-weight: 400;
}

.vacancy-sidebar-switch {
    color: var(--vacancy-ui-secondary);
    font-size: 13px;
    font-weight: 400;
}

.vacancy-sidebar-switch i {
    background: #d4d4d4;
}

.vacancy-sidebar-switch input:checked + i {
    background: var(--vacancy-ui-text);
}

.vacancy-sidebar-filter__actions {
    position: sticky;
    bottom: 0;
    z-index: 20;
    display: flex;
    grid-template-columns: none;
    flex-wrap: nowrap;
    gap: 5px;
    width: calc(100% + 32px);
    margin: 14px -16px 0;
    padding: 10px;
    border-top: 1px solid var(--vacancy-ui-stroke);
    border-radius: 0 0 20px 20px;
    background: var(--vacancy-ui-island);
    box-shadow: 1px -10px 10px -10px rgba(0, 0, 0, .15);
}

.vacancy-sidebar-filter__actions .vacancy-filter-reset,
.vacancy-sidebar-filter__actions .vacancy-filter-apply {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 44px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 500;
}

.vacancy-sidebar-filter__actions .vacancy-filter-reset {
    flex: 0 0 44px;
    min-width: 44px;
    padding: 0;
    border: 0;
    color: var(--vacancy-ui-secondary);
    background: var(--vacancy-ui-surface);
    cursor: pointer;
}

.vacancy-sidebar-filter__actions .vacancy-filter-reset:hover {
    color: var(--vacancy-ui-text);
    background: var(--vacancy-ui-surface-hover);
}

.vacancy-sidebar-filter__actions .vacancy-filter-reset.is-disabled {
    color: var(--vacancy-ui-tertiary);
    opacity: .45;
    cursor: default;
}

.vacancy-sidebar-filter__actions .vacancy-filter-reset.is-disabled:hover {
    color: var(--vacancy-ui-tertiary);
    background: var(--vacancy-ui-surface);
}

.vacancy-filter-reset-modal {
    position: fixed;
    inset: 0;
    z-index: 1600;
    display: grid;
    place-items: center;
    padding: 20px;
}

.vacancy-filter-reset-modal[hidden] {
    display: none !important;
}

.vacancy-filter-reset-modal__backdrop {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: rgba(15, 23, 42, .5);
    backdrop-filter: blur(4px);
    cursor: default;
}

.vacancy-filter-reset-modal__dialog {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 22px;
    width: min(100%, 400px);
    padding: 24px;
    border: 1px solid var(--vacancy-ui-stroke);
    border-radius: 12px;
    color: var(--vacancy-ui-text);
    background: var(--vacancy-ui-island);
    box-shadow: 0 20px 48px rgba(15, 23, 42, .2);
    animation: vacancy-filter-reset-in .2s ease-out;
}

.vacancy-filter-reset-modal__copy {
    display: grid;
    gap: 8px;
    padding-right: 28px;
}

.vacancy-filter-reset-modal__copy h2,
.vacancy-filter-reset-modal__copy p {
    margin: 0;
}

.vacancy-filter-reset-modal__copy h2 {
    color: var(--vacancy-ui-text);
    font-size: 18px;
    font-weight: 600;
    line-height: 1.25;
}

.vacancy-filter-reset-modal__copy p {
    color: var(--vacancy-ui-tertiary);
    font-size: 14px;
    font-weight: 300;
    line-height: 1.5;
}

.vacancy-filter-reset-modal__actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.vacancy-filter-reset-modal__actions button,
.vacancy-filter-reset-modal__actions a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 8px 14px;
    border: 1px solid var(--vacancy-ui-stroke);
    border-radius: 8px;
    font-family: inherit;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    cursor: pointer;
}

.vacancy-filter-reset-modal__actions button {
    color: var(--vacancy-ui-text);
    background: var(--vacancy-ui-island);
}

.vacancy-filter-reset-modal__actions button:hover {
    background: var(--vacancy-ui-surface-hover);
}

.vacancy-filter-reset-modal__actions a {
    border-color: var(--vacancy-ui-accent);
    color: var(--vacancy-ui-accent-text);
    background: var(--vacancy-ui-accent);
}

.vacancy-filter-reset-modal__actions a:hover {
    color: var(--vacancy-ui-accent-text);
    background: var(--vacancy-ui-accent-hover);
}

.vacancy-filter-reset-modal__close {
    position: absolute;
    top: 14px;
    right: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    padding: 0;
    border: 0;
    border-radius: 7px;
    color: var(--vacancy-ui-tertiary);
    background: transparent;
    cursor: pointer;
}

.vacancy-filter-reset-modal__close:hover {
    color: var(--vacancy-ui-text);
    background: var(--vacancy-ui-surface-hover);
}

.vacancy-filter-reset-modal__close svg {
    width: 17px;
    height: 17px;
}

body.vacancy-filter-reset-is-open {
    overflow: hidden;
}

@keyframes vacancy-filter-reset-in {
    from {
        opacity: 0;
        transform: translateY(-8px) scale(.97);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@media (max-width: 520px) {
    .vacancy-filter-reset-modal {
        padding: 14px;
    }

    .vacancy-filter-reset-modal__dialog {
        padding: 20px;
        border-radius: 14px;
    }

    .vacancy-filter-reset-modal__actions {
        grid-template-columns: 1fr;
    }

    .vacancy-filter-reset-modal__actions a {
        order: -1;
    }
}

.vacancy-sidebar-filter__actions .vacancy-filter-apply {
    flex: 1 1 0;
    gap: 8px;
    min-width: 0;
    padding: 8px 12px;
    color: var(--vacancy-ui-accent-text);
    background: var(--vacancy-ui-accent);
}

.vacancy-sidebar-filter__actions .vacancy-filter-apply:hover {
    background: var(--vacancy-ui-accent-hover);
}

.vacancy-employer-circles,
.vacancy-source-chips {
    display: none;
}

.vacancy-aggregator-filter {
    grid-template-columns: minmax(0, 1fr) auto auto;
    gap: 8px;
    margin: 0 0 14px;
    padding: 20px;
    border: 0;
    border-radius: 20px;
    background: var(--vacancy-ui-island);
    box-shadow: var(--vacancy-ui-shadow);
}

.vacancy-aggregator-filter:has(> a) {
    grid-template-columns: minmax(0, 1fr) auto auto auto;
}

.vacancy-aggregator-filter__input {
    height: 40px;
    border: 0;
    border-radius: 6px;
    color: var(--vacancy-ui-tertiary);
    background: var(--vacancy-ui-surface);
}

.vacancy-aggregator-filter__input:focus-within {
    border-color: transparent;
    box-shadow: inset 0 0 0 1px #cfcfcb;
}

.vacancy-aggregator-filter .vacancy-aggregator-filter__input input {
    height: 40px;
    color: var(--vacancy-ui-text);
    font-size: 14px;
    font-weight: 400;
}

.vacancy-aggregator-filter button,
.vacancy-aggregator-filter > a {
    height: 40px;
    border-radius: 8px;
}

.vacancy-aggregator-filter .vacancy-filter-submit {
    min-width: 108px;
    color: var(--vacancy-ui-accent-text);
    background: var(--vacancy-ui-accent);
    font-size: 14px;
    font-weight: 500;
}

.vacancy-aggregator-filter .vacancy-filter-submit:hover {
    background: var(--vacancy-ui-accent-hover);
}

.vacancy-aggregator-filter > a {
    color: var(--vacancy-ui-tertiary);
    background: transparent;
}

.vacancy-feed-controls {
    min-height: 54px;
    margin: 0 0 14px;
    padding: 11px 14px;
    border-radius: 12px;
    background: var(--vacancy-ui-surface-hover);
}

.vacancy-feed-controls .vacancy-results-toolbar__sort {
    position: relative;
    z-index: 4;
    display: block;
    padding: 0;
    border: 0;
    color: var(--vacancy-ui-text) !important;
    background: transparent;
    font-size: 14px;
}

.vacancy-feed-controls .vacancy-results-toolbar__sort > summary {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    min-height: 32px;
    padding: 0 8px;
    border-radius: 7px;
    color: var(--vacancy-ui-text);
    cursor: pointer;
    list-style: none;
    transition: background-color .16s ease;
}

.vacancy-feed-controls .vacancy-results-toolbar__sort > summary::-webkit-details-marker {
    display: none;
}

.vacancy-feed-controls .vacancy-results-toolbar__sort > summary:hover,
.vacancy-feed-controls .vacancy-results-toolbar__sort[open] > summary {
    background: var(--vacancy-ui-island);
}

.vacancy-feed-controls .vacancy-results-toolbar__sort > summary:focus-visible {
    outline: 2px solid var(--vacancy-ui-accent);
    outline-offset: 2px;
}

.vacancy-feed-controls .vacancy-results-toolbar__sort > summary > svg {
    flex: 0 0 15px;
    transition: transform .16s ease;
}

.vacancy-feed-controls .vacancy-results-toolbar__sort[open] > summary > svg {
    transform: rotate(180deg);
}

.vacancy-feed-controls .vacancy-results-toolbar__sort strong {
    font-size: 14px;
    font-weight: 600;
}

.vacancy-results-toolbar__sort-menu {
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    z-index: 10;
    display: grid;
    width: 174px;
    padding: 5px;
    border: 1px solid var(--vacancy-ui-stroke);
    border-radius: 10px;
    background: var(--vacancy-ui-island);
    box-shadow: var(--vacancy-ui-shadow-hover);
}

.vacancy-results-toolbar__sort-menu a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    min-height: 36px;
    padding: 6px 9px;
    border-radius: 7px;
    color: var(--vacancy-ui-secondary);
    font-size: 13px;
    font-weight: 400;
    text-decoration: none;
}

.vacancy-results-toolbar__sort-menu a:hover {
    color: var(--vacancy-ui-text);
    background: var(--vacancy-ui-surface-hover);
}

.vacancy-results-toolbar__sort-menu a.is-active {
    color: var(--vacancy-ui-accent);
    background: var(--vacancy-ui-accent-soft);
    font-weight: 500;
}

.vacancy-results-toolbar__sort-menu a span {
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
}

.vacancy-results-toolbar__sort-menu a svg {
    flex: 0 0 15px;
}

.vacancy-feed-controls {
    container-type: inline-size;
    overflow: visible;
}

.vacancy-results-toolbar .vacancy-feed-controls__left {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.fc-sep {
    width: 1px;
    height: 16px;
    flex: 0 0 1px;
    background: var(--vacancy-ui-stroke);
}

.vacancy-feed-show {
    position: relative;
}

.fc-show-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    height: 30px;
    padding: 0 12px;
    border: 0;
    border-radius: 999px;
    color: var(--vacancy-ui-secondary);
    background: var(--vacancy-ui-island);
    font-family: inherit;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    cursor: pointer;
    transition: color .15s ease, background-color .15s ease;
}

.fc-show-btn > span {
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
}

.fc-show-btn:hover,
.fc-show-btn.is-open {
    color: var(--vacancy-ui-text);
    background: var(--vacancy-ui-surface);
}

.fc-show-btn:focus-visible {
    outline: 2px solid var(--vacancy-ui-accent);
    outline-offset: 2px;
}

.fc-show-btn .fc-sliders,
.fc-show-btn .fc-chev {
    flex: none;
}

.fc-show-btn .fc-chev {
    transition: transform .15s ease;
}

.fc-show-btn.is-open .fc-chev {
    transform: rotate(180deg);
}

.fc-pop {
    position: absolute;
    top: calc(100% + 9px);
    left: 0;
    z-index: 30;
    width: 520px;
    max-width: calc(100vw - 24px);
    padding: 14px;
    border: 1px solid var(--vacancy-ui-stroke);
    border-radius: 12px;
    color: var(--vacancy-ui-text);
    background: var(--vacancy-ui-island);
    box-shadow: var(--vacancy-ui-shadow-hover);
}

.fc-pop[hidden] {
    display: none !important;
}

.fc-pop-body {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.fc-section {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.fc-section-h {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 0 2px;
    color: var(--vacancy-ui-tertiary);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .04em;
    line-height: 1.3;
    text-transform: uppercase;
}

.fc-section-h > span {
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
}

.fc-section-sub {
    color: inherit;
    font-size: inherit;
    font-weight: 600;
    letter-spacing: 0;
    text-transform: none;
}

.fc-divider {
    height: 1px;
    background: var(--vacancy-ui-stroke);
}

.fc-direct {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    flex: 0 0 auto;
    color: var(--vacancy-ui-secondary);
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0;
    text-decoration: none;
    text-transform: none;
    transition: color .15s ease;
}

.fc-direct > span:first-child {
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
}

.fc-direct:hover,
.fc-direct.is-on {
    color: var(--vacancy-ui-text);
}

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

.fc-card,
.fc-src {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
    padding: 9px 10px;
    border: 0;
    border-radius: 9px;
    color: var(--vacancy-ui-text);
    background: var(--vacancy-ui-surface);
    text-align: left;
    text-decoration: none;
    cursor: pointer;
    transition: background-color .15s ease;
}

.fc-card:hover,
.fc-src:hover {
    color: var(--vacancy-ui-text);
    background: var(--vacancy-ui-surface-hover);
}

.fc-card.is-disabled,
.fc-src.is-disabled {
    cursor: not-allowed;
    opacity: .45;
}

.fc-card-top,
.fc-src-top {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.fc-card-top b,
.fc-src-top b {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    color: var(--vacancy-ui-text);
    font-size: 13px;
    font-weight: 600;
    line-height: 1.3;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fc-card-ico {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    flex: 0 0 22px;
    border-radius: 6px;
    color: var(--vacancy-ui-secondary);
    background: var(--vacancy-ui-island);
}

.fc-card-hint,
.fc-src-hint {
    color: var(--vacancy-ui-tertiary) !important;
    font-size: 11px !important;
    font-weight: 400 !important;
    line-height: 1.3;
}

.fc-card-hint {
    padding-left: 30px;
}

.fc-src-hint {
    padding-left: 24px;
}

.fc-switch {
    position: relative;
    width: 36px;
    height: 20px;
    flex: 0 0 36px;
    border-radius: 999px;
    background: var(--vacancy-ui-stroke);
    transition: background-color .15s ease;
}

.fc-switch.is-on {
    background: var(--vacancy-ui-accent);
}

.fc-knob {
    position: absolute;
    top: 2px;
    left: 2px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .25);
    transition: transform .15s ease;
}

.fc-switch.is-on .fc-knob {
    transform: translateX(16px);
}

.fc-switch--sm {
    width: 28px;
    height: 16px;
    flex-basis: 28px;
}

.fc-switch--sm .fc-knob {
    width: 12px;
    height: 12px;
}

.fc-switch--sm.is-on .fc-knob {
    transform: translateX(12px);
}

.fc-box {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
    border: 1.5px solid var(--vacancy-ui-stroke);
    border-radius: 4px;
    color: #fff;
}

.fc-src.is-on .fc-box {
    border-color: var(--vacancy-ui-accent);
    background: var(--vacancy-ui-accent);
}

.vacancy-feed-controls__count {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: var(--vacancy-ui-text);
    font-size: 14px;
    white-space: nowrap;
}

.vacancy-feed-controls__count b {
    color: var(--vacancy-ui-text);
    font-size: 14px;
    font-weight: 700;
}

.earn-section-digest .vacancy-feed-controls .vacancy-feed-controls__period {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    height: 30px;
    padding: 0;
    border: 0;
    border-radius: 0;
    color: var(--vacancy-ui-text);
    background: transparent;
    font-family: inherit;
    font-size: 14px;
    font-weight: 400;
    cursor: pointer;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.earn-section-digest .vacancy-feed-controls .vacancy-feed-controls__period:hover {
    color: var(--vacancy-ui-text);
    background: transparent;
}

.earn-section-digest .vacancy-feed-controls .vacancy-feed-controls__period > span,
.earn-section-digest .vacancy-feed-controls .vacancy-feed-controls__period-option > span {
    color: #1f2937;
    font-size: inherit;
    font-weight: inherit;
}

.vacancy-feed-controls__period-chevron {
    flex: none;
    margin-top: 1px;
    transition: transform .15s ease;
}

.vacancy-feed-controls__period[aria-expanded="true"] .vacancy-feed-controls__period-chevron {
    transform: rotate(180deg);
}

.vacancy-feed-controls__period-menu {
    position: absolute;
    z-index: 40;
    top: calc(100% + 6px);
    right: 0;
    display: flex;
    min-width: 170px;
    flex-direction: column;
    gap: 2px;
    padding: 5px;
    border: 1px solid var(--vacancy-ui-stroke);
    border-radius: 10px;
    background: var(--vacancy-ui-island);
    box-shadow: 0 10px 30px rgba(20, 22, 30, .12);
}

.vacancy-feed-controls__period-menu[hidden] {
    display: none;
}

.vacancy-feed-controls__period-option {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 8px 10px;
    border-radius: 7px;
    color: var(--vacancy-ui-text);
    font-size: 13px;
    font-weight: 400;
    line-height: 1.25;
    text-align: left;
    text-decoration: none;
    white-space: nowrap;
}

.vacancy-feed-controls__period-option:hover {
    color: var(--vacancy-ui-text);
    background: var(--vacancy-ui-card-hover);
}

.vacancy-feed-controls__period-option.is-active {
    font-weight: 600;
}

.vacancy-feed-controls__period-option svg {
    flex: none;
}

.earn-vacancies-list {
    gap: 16px;
}

.vacancy-feed-promo {
    padding: 20px;
    border-radius: 20px;
    color: #1c222a;
    background: #f7e7c4;
}

.vacancy-feed-promo h3 {
    margin: 0;
    color: inherit;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.35;
}

.vacancy-feed-promo p {
    margin: 8px 0 0;
    color: #343f4d;
    font-size: 15px;
    font-weight: 300;
    line-height: 1.55;
}

.vacancy-feed-promo__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 40px;
    margin: 16px 0 0;
    padding: 8px 16px;
    border: 0;
    border-radius: 8px;
    color: #eef0f1;
    background: #000;
    font: inherit;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.2;
    cursor: pointer;
    transition: background-color .18s ease, transform .18s ease;
}

.vacancy-feed-promo__button:hover {
    color: #eef0f1;
    background: #303b4b;
}

.vacancy-feed-promo__button:active {
    transform: translateY(1px);
}

.vacancy-feed-promo__button:focus-visible {
    outline: 3px solid rgba(28, 34, 42, .22);
    outline-offset: 3px;
}

html[data-theme="dark"] body.fiwork-page-earn .vacancy-feed-promo {
    color: #1c222a;
    background: rgba(247, 231, 196, .68);
}

html[data-theme="dark"] body.fiwork-page-earn .vacancy-feed-promo__button {
    color: #eef0f1;
    background: #303b4b;
}

html[data-theme="dark"] body.fiwork-page-earn .vacancy-feed-promo__button:hover {
    background: #1c222a;
}

.earn-section-digest .simple-task-card {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0 20px;
    padding: 20px;
    border: 0;
    border-radius: 20px;
    color: var(--vacancy-ui-text);
    background: var(--vacancy-ui-island);
    box-shadow: var(--vacancy-ui-shadow);
    transition: box-shadow .18s ease;
}

.earn-section-digest .simple-task-card[data-vacancy-card-url] {
    cursor: pointer;
}

.earn-section-digest .simple-task-card[data-vacancy-card-url]:focus-visible {
    outline: 3px solid rgba(33, 150, 243, .32);
    outline-offset: 3px;
    box-shadow: var(--vacancy-ui-shadow-hover);
}

.earn-section-digest .simple-task-card:hover {
    border-color: transparent;
    background: var(--vacancy-ui-island);
    box-shadow: var(--vacancy-ui-shadow-hover);
    transform: none;
}

.earn-section-digest .simple-task-card__main {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.vacancy-card-topline {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    min-height: 24px;
    margin: 0 0 20px;
    padding-right: 150px;
}

.vacancy-card-company {
    display: flex;
    align-items: center;
    flex: 0 1 auto;
    gap: 0;
    min-width: 0;
}

.vacancy-card-company__logo {
    display: none;
}

.vacancy-card-company strong {
    display: block;
    max-width: 250px;
    color: var(--vacancy-ui-light-text);
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.vacancy-card-company--obscured {
    flex: 0 0 128px;
    width: 128px;
    height: 20px;
    overflow: hidden;
}

.vacancy-card-company__redaction {
    display: block;
    width: 116px;
    height: 13px;
    border-radius: 4px;
    background:
        linear-gradient(90deg,
            color-mix(in srgb, var(--vacancy-ui-tertiary) 38%, transparent) 0 22%,
            color-mix(in srgb, var(--vacancy-ui-tertiary) 68%, transparent) 22% 47%,
            color-mix(in srgb, var(--vacancy-ui-tertiary) 42%, transparent) 47% 72%,
            color-mix(in srgb, var(--vacancy-ui-tertiary) 62%, transparent) 72% 100%);
    filter: blur(3.5px);
    transform: translateX(3px) scaleX(1.04);
}

.vacancy-card-common-tags.fiwork-card-badges {
    display: flex;
    flex: 1 1 auto;
    flex-wrap: wrap;
    gap: 7px;
    min-width: 0;
    margin: 0;
}

.vacancy-card-common-tags .simple-task-card__type,
.vacancy-card-common-tags .external-vacancy-card__source,
.vacancy-card-common-tags .fiwork-pinned-badge,
.vacancy-card-common-tags .simple-task-card__plus-badge,
.vacancy-card-common-tags .vacancy-card-common-tag {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 3px 8px;
    border: 0;
    border-radius: 4px;
    color: var(--vacancy-ui-tag-text);
    background: var(--vacancy-ui-tag);
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
}

.vacancy-card-common-tags .external-vacancy-card__source {
    color: var(--vacancy-ui-text);
    background: var(--vacancy-ui-accent-soft);
}

.vacancy-card-meta-actions {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 12;
    display: inline-flex;
    align-items: center;
    gap: 3px;
}

.vacancy-card-published-at {
    display: block;
    max-width: 130px;
    overflow: hidden;
    margin: 0;
    color: var(--vacancy-ui-tertiary);
    font-size: 12px;
    font-weight: 400;
    line-height: 24px;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.vacancy-actions {
    position: relative;
    display: inline-flex;
    align-items: center;
}

.vacancy-actions-trigger {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    padding: 0;
    border: 0;
    border-radius: 7px;
    color: var(--vacancy-ui-tertiary);
    background: transparent;
    cursor: pointer;
    transition: color .15s ease, background-color .15s ease;
}

.vacancy-actions-trigger:hover,
.vacancy-actions-trigger.is-open {
    color: var(--vacancy-ui-text);
    background: var(--vacancy-ui-surface);
}

.vacancy-actions-trigger:focus-visible {
    outline: 2px solid var(--vacancy-ui-accent);
    outline-offset: 2px;
}

.vacancy-actions-trigger svg {
    width: 18px;
    height: 18px;
}

.vacancy-actions-menu {
    position: absolute;
    top: calc(100% + 6px);
    right: 0;
    z-index: 40;
    display: grid;
    width: 224px;
    padding: 6px;
    border: 1px solid var(--vacancy-ui-stroke);
    border-radius: 11px;
    color: var(--vacancy-ui-text);
    background: var(--vacancy-ui-island);
    box-shadow: var(--vacancy-ui-shadow-hover);
    animation: vacancy-actions-reveal .16s ease-out;
}

.vacancy-actions-menu[hidden] {
    display: none !important;
}

.vacancy-actions-item {
    display: flex;
    align-items: center;
    gap: 9px;
    width: 100%;
    min-height: 36px;
    padding: 7px 9px;
    border: 0;
    border-radius: 7px;
    color: var(--vacancy-ui-secondary);
    background: transparent;
    font: inherit;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    text-align: left;
    text-decoration: none;
    cursor: pointer;
    transition: color .15s ease, background-color .15s ease;
}

.vacancy-actions-item:hover,
.vacancy-actions-item:focus-visible {
    color: var(--vacancy-ui-text);
    background: var(--vacancy-ui-surface-hover);
}

.vacancy-actions-item:focus-visible {
    outline: 2px solid var(--vacancy-ui-accent);
    outline-offset: -2px;
}

.vacancy-actions-item.is-active .vacancy-actions-icon {
    color: var(--vacancy-ui-accent);
}

.vacancy-actions-item.is-active .vacancy-actions-icon path {
    fill: currentColor;
}

.vacancy-actions-item.is-pending {
    pointer-events: none;
    opacity: .55;
}

.vacancy-actions-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
    color: var(--vacancy-ui-tertiary);
}

.vacancy-actions-icon svg {
    width: 16px;
    height: 16px;
}

.vacancy-actions-separator {
    height: 1px;
    margin: 5px 4px;
    background: var(--vacancy-ui-stroke);
}

.earn-section-digest .simple-task-card.is-hiding {
    pointer-events: none;
    animation: vacancy-card-hide .17s ease-in forwards;
}

@keyframes vacancy-actions-reveal {
    from {
        opacity: 0;
        transform: translateY(-4px) scale(.98);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@keyframes vacancy-card-hide {
    to {
        opacity: 0;
        transform: translateY(-5px) scale(.99);
    }
}

.earn-section-digest .simple-task-card h2 {
    max-width: 840px;
    margin: 0 0 20px;
    color: var(--vacancy-ui-text);
    font-size: 20px;
    font-weight: 500;
    line-height: 1.32;
    letter-spacing: 0;
}

.earn-section-digest .simple-task-card:hover h2 {
    opacity: .72;
}

.earn-section-digest .simple-task-card h2 a:hover {
    color: inherit;
}

.earn-section-digest .simple-task-card__main > p {
    display: none;
}

.earn-section-digest .earn-vacancy-card__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: auto 0 0;
}

.earn-section-digest .earn-vacancy-card__tags span {
    min-height: 27px;
    padding: 4px 9px;
    border: 0;
    border-radius: 4px;
    color: var(--vacancy-ui-tag-text);
    background: var(--vacancy-ui-tag);
    font-size: 13px;
    font-weight: 400;
    line-height: 19px;
}

.earn-section-digest .vacancy-card-skills .vacancy-card-skills__more {
    padding-right: 0;
    padding-left: 2px;
    color: var(--vacancy-ui-tertiary);
    background: transparent;
    white-space: nowrap;
}

.earn-section-digest .simple-task-card__reward {
    align-self: end;
    min-width: 145px;
    min-height: 0;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    color: var(--vacancy-ui-text);
    background: transparent;
}

.earn-section-digest .simple-task-card__reward-price {
    align-items: flex-end;
    text-align: right;
}

.earn-section-digest .simple-task-card__reward-price span {
    display: none;
}

.earn-section-digest .simple-task-card__reward-price strong {
    color: var(--vacancy-ui-text);
    font-size: 20px;
    font-weight: 500;
    line-height: 1.35;
}

.earn-section-digest .simple-task-card__reward-side {
    justify-content: flex-end;
    margin-top: 7px;
    color: var(--vacancy-ui-tertiary);
}

.earn-section-digest .simple-task-card__reward-time,
.earn-section-digest .simple-task-card__reward-action {
    color: var(--vacancy-ui-tertiary);
}

.earn-section-digest .simple-task-card__footer {
    grid-column: 1 / -1;
    justify-content: flex-end;
    min-height: 0;
    margin-top: 16px;
    padding-top: 12px;
    border-top: 1px solid var(--vacancy-ui-stroke);
}

.earn-section-digest .simple-task-card__client {
    margin-right: auto;
}

.earn-section-digest .simple-task-card__client a,
.earn-section-digest .simple-task-card__client > span {
    min-height: 32px;
    padding: 3px 8px;
    border: 0;
    border-radius: 7px;
    color: var(--vacancy-ui-secondary);
    background: var(--vacancy-ui-surface);
}

.earn-section-digest .simple-task-start {
    min-width: 126px;
    height: 34px;
    padding-inline: 12px;
    border: 0;
    border-radius: 8px;
    color: #fff;
    background: var(--vacancy-ui-button);
    font-size: 12px;
    font-weight: 500;
}

.earn-section-digest .simple-task-start:hover {
    border-color: transparent;
    background: var(--vacancy-ui-button-hover);
}

.earn-section-digest .simple-task-submit {
    grid-column: 1 / -1;
}

.vacancy-aggregator-seo {
    border: 0;
    border-radius: 20px;
    background: var(--vacancy-ui-island);
    box-shadow: var(--vacancy-ui-shadow);
}

html[data-theme="dark"] body.fiwork-page-earn {
    --vacancy-ui-page: #1c222a;
    --vacancy-ui-island: #272f3a;
    --vacancy-ui-surface: #272f3a;
    --vacancy-ui-surface-hover: #2d333b;
    --vacancy-ui-card-hover: #2d333b;
    --vacancy-ui-stroke: #333d49;
    --vacancy-ui-text: #a7adba;
    --vacancy-ui-secondary: #a7adba;
    --vacancy-ui-tertiary: #868f9b;
    --vacancy-ui-light-text: #a7adba;
    --vacancy-ui-label: #868f9b;
    --vacancy-ui-tag: #333d49;
    --vacancy-ui-tag-text: #a7adba;
    --vacancy-ui-accent: #2196f3;
    --vacancy-ui-accent-hover: #42a5f5;
    --vacancy-ui-accent-text: #fff;
    --vacancy-ui-accent-soft: rgba(33, 150, 243, .2);
    --vacancy-ui-input: #2d333b;
    --vacancy-ui-search-input: #1c222a;
    --vacancy-ui-search-text: #a7adba;
    --vacancy-ui-search-placeholder: #9ca3af;
    --vacancy-ui-search-radius: 20px;
    --vacancy-ui-search-action: #2196f3;
    --vacancy-ui-search-action-hover: #1976d2;
    --vacancy-ui-search-action-text: #fff;
    --vacancy-ui-search-divider: rgba(217, 217, 217, .15);
    --vacancy-ui-search-stroke: #333d49;
    --vacancy-ui-button: #000;
    --vacancy-ui-button-hover: #262626;
    --vacancy-ui-positive: #3f6212;
    --vacancy-ui-positive-text: #a7adba;
    --vacancy-ui-shadow: 0 1px 2px rgba(0, 0, 0, .16), 0 1px 4px rgba(0, 0, 0, .18);
    --vacancy-ui-shadow-hover: 0 10px 28px rgba(0, 0, 0, .28);
}

html[data-theme="dark"] .earn-section-digest .vacancy-feed-controls .vacancy-feed-controls__period > span,
html[data-theme="dark"] .earn-section-digest .vacancy-feed-controls .vacancy-feed-controls__period-option > span {
    color: var(--vacancy-ui-text);
}

html[data-theme="dark"] body.fiwork-page-earn .earn-section-digest .simple-task-card,
html[data-theme="dark"] body.fiwork-page-earn .earn-section-digest .simple-task-card:hover,
html[data-theme="dark"] body.fiwork-page-earn .vacancy-sidebar-filter,
html[data-theme="dark"] body.fiwork-page-earn .vacancy-aggregator-filter,
html[data-theme="dark"] body.fiwork-page-earn .vacancy-aggregator-seo,
html[data-theme="dark"] body.fiwork-page-earn .earn-section-digest .freelancer-proposals-tabs {
    border-color: var(--vacancy-ui-stroke);
    color: var(--vacancy-ui-text);
    background: var(--vacancy-ui-island);
}

html[data-theme="dark"] body.fiwork-page-earn .earn-section-digest .freelancer-proposals-head.fiwork-vacancy-intro {
    border: 0;
    background: transparent;
}

html[data-theme="dark"] body.fiwork-page-earn .vacancy-sidebar-salary label,
html[data-theme="dark"] body.fiwork-page-earn .vacancy-sidebar-filter__section select,
html[data-theme="dark"] body.fiwork-page-earn .vacancy-aggregator-filter__input,
html[data-theme="dark"] body.fiwork-page-earn .earn-section-digest .simple-task-card__reward,
html[data-theme="dark"] body.fiwork-page-earn .earn-section-digest .simple-task-card__client a,
html[data-theme="dark"] body.fiwork-page-earn .earn-section-digest .simple-task-card__client > span,
html[data-theme="dark"] body.fiwork-page-earn .earn-section-digest .earn-vacancy-card__tags span {
    border-color: var(--vacancy-ui-stroke);
    color: var(--vacancy-ui-secondary);
    background: var(--vacancy-ui-surface);
}

body.fiwork-page-earn,
body.fiwork-page-earn button,
body.fiwork-page-earn input,
body.fiwork-page-earn select,
body.fiwork-page-earn textarea {
    font-family: "Geologica", sans-serif;
}

.earn-section-digest .vacancy-aggregator-filter.vacancy-search-island {
    position: relative;
    display: block;
    min-height: 124px;
    margin: 20px 0 16px;
    padding: 20px;
    border: 0;
    border-radius: var(--vacancy-ui-search-radius);
    color: var(--vacancy-ui-text);
    background: var(--vacancy-ui-island);
    box-shadow: none;
}

.vacancy-search-island__row {
    display: flex;
    align-items: center;
    gap: 8px;
}

.earn-section-digest .vacancy-search-island__input-wrap {
    display: flex;
    flex: 1 1 auto;
    min-width: 0;
    margin: 0;
}

.earn-section-digest .vacancy-search-island__input-wrap > input {
    width: 100%;
    height: 40px;
    margin: 0;
    padding: 0 16px;
    border: 0;
    border-radius: 6px;
    outline: 0;
    color: var(--vacancy-ui-search-text);
    background: var(--vacancy-ui-search-input);
    box-shadow: none;
    font-size: 14px;
    font-weight: 500;
    line-height: 40px;
    transition: background-color .2s ease;
}

.earn-section-digest .vacancy-search-island__input-wrap > input::placeholder {
    color: var(--vacancy-ui-search-placeholder);
    opacity: 1;
}

.earn-section-digest .vacancy-search-island__input-wrap > input:focus {
    background: var(--vacancy-ui-search-input);
    box-shadow: none;
}

.earn-section-digest .vacancy-aggregator-filter.vacancy-search-island .vacancy-search-island__submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    flex: 0 0 106px;
    width: 106px;
    height: 40px;
    padding: 0 16px;
    border: 0;
    border-radius: 8px;
    color: var(--vacancy-ui-search-action-text);
    background: var(--vacancy-ui-search-action);
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    cursor: pointer;
    transition: background .2s ease;
}

.earn-section-digest .vacancy-aggregator-filter.vacancy-search-island .vacancy-search-island__submit:hover {
    color: var(--vacancy-ui-search-action-text);
    background: var(--vacancy-ui-search-action-hover);
}

.earn-section-digest .vacancy-aggregator-filter.vacancy-search-island .vacancy-search-island__submit svg {
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
}

.vacancy-search-island__controls {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    min-height: 40px;
    margin-top: 4px;
}

.vacancy-search-island__scope {
    min-width: 0;
}

.vacancy-search-island__scope.is-open {
    flex: 1 1 auto;
}

.earn-section-digest .vacancy-aggregator-filter.vacancy-search-island .vacancy-search-island__scope.is-open > .vacancy-search-island__control,
.earn-section-digest .vacancy-aggregator-filter.vacancy-search-island .vacancy-search-island__control[hidden] {
    display: none !important;
}

.earn-section-digest .vacancy-aggregator-filter.vacancy-search-island .vacancy-search-island__control,
.earn-section-digest .vacancy-aggregator-filter.vacancy-search-island .vacancy-search-island__ai,
.earn-section-digest .vacancy-aggregator-filter.vacancy-search-island .vacancy-search-island__help-toggle {
    border: 0;
    background: transparent;
    cursor: pointer;
}

.earn-section-digest .vacancy-aggregator-filter.vacancy-search-island .vacancy-search-island__control {
    height: 40px;
    border-radius: 6px;
}

.earn-section-digest .vacancy-aggregator-filter.vacancy-search-island .vacancy-search-island__ai,
.earn-section-digest .vacancy-aggregator-filter.vacancy-search-island .vacancy-search-island__help-toggle {
    height: 40px;
    border-radius: 0;
}

.earn-section-digest .vacancy-aggregator-filter.vacancy-search-island .vacancy-search-island__control {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 40px;
    padding: 0 12px;
    border-radius: 6px;
    color: var(--vacancy-ui-tertiary);
    font-size: 14px;
    font-weight: 400;
    white-space: nowrap;
    transition: color .18s ease, background-color .18s ease;
}

.earn-section-digest .vacancy-aggregator-filter.vacancy-search-island .vacancy-search-island__control:hover {
    color: var(--vacancy-ui-text);
    background: var(--vacancy-ui-surface);
}

.earn-section-digest .vacancy-aggregator-filter.vacancy-search-island .vacancy-search-island__control svg {
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
}

.vacancy-search-island__control em,
.vacancy-search-island__advanced span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    border-radius: 999px;
    color: #fff;
    background: #2196f3;
    font-size: 10px;
    font-style: normal;
    font-weight: 600;
}

.vacancy-search-island__tips {
    display: flex;
    align-items: center;
    gap: 0;
    flex: 0 0 auto;
}

.earn-section-digest .vacancy-aggregator-filter.vacancy-search-island .vacancy-search-island__ai,
.earn-section-digest .vacancy-aggregator-filter.vacancy-search-island .vacancy-search-island__help-toggle {
    min-height: 40px;
    padding: 0 10px;
    border-radius: 0;
    font-size: 14px;
    line-height: 1.2;
    white-space: nowrap;
}

.earn-section-digest .vacancy-aggregator-filter.vacancy-search-island .vacancy-search-island__ai {
    position: relative;
    color: transparent;
    font-weight: 500;
    background: linear-gradient(101deg, #a04fd7, #5f36b2, #a04fd7);
    background-clip: text;
    background-size: 200% 200%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: vacancy-ai-gradient 3s linear infinite;
    transition: text-shadow .3s ease;
}

.earn-section-digest .vacancy-aggregator-filter.vacancy-search-island .vacancy-search-island__ai:hover {
    background-color: transparent;
    text-shadow: 0 0 20px rgba(160, 79, 215, .5), 0 0 10px rgba(95, 54, 178, .3);
}

.earn-section-digest .vacancy-aggregator-filter.vacancy-search-island .vacancy-search-island__help-toggle {
    color: var(--vacancy-ui-tertiary);
    font-weight: 400;
}

.earn-section-digest .vacancy-aggregator-filter.vacancy-search-island .vacancy-search-island__help-toggle:hover {
    color: var(--vacancy-ui-text);
    text-decoration: underline;
    text-underline-offset: 3px;
}

.vacancy-search-island__panel {
    margin-top: 6px;
    padding: 12px;
    border: 1px solid var(--vacancy-ui-stroke);
    border-radius: 9px;
    color: var(--vacancy-ui-secondary);
    background: var(--vacancy-ui-surface);
}

.vacancy-search-island__panel[hidden] {
    display: none !important;
}

.vacancy-search-island__panel-head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 10px;
}

.vacancy-search-island__panel-head strong,
.vacancy-search-island__panel--help > strong {
    color: var(--vacancy-ui-text);
    font-size: 13px;
    font-weight: 500;
}

.vacancy-search-island__panel-head small {
    color: var(--vacancy-ui-tertiary);
    font-size: 11px;
    font-weight: 300;
}

.vacancy-search-island__sources {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.earn-section-digest .vacancy-search-island__sources label {
    position: relative;
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    gap: 6px;
    min-height: 32px;
    margin: 0;
    padding: 6px 9px;
    border: 1px solid var(--vacancy-ui-stroke);
    border-radius: 7px;
    color: var(--vacancy-ui-secondary);
    background: var(--vacancy-ui-island);
    font-size: 12px;
    font-weight: 400;
    cursor: pointer;
    transition: border-color .18s ease, color .18s ease, background-color .18s ease;
}

.vacancy-search-island__sources label:hover,
.vacancy-search-island__sources label:has(input:checked) {
    border-color: rgba(33, 150, 243, .45);
    color: var(--vacancy-ui-text);
    background: rgba(33, 150, 243, .08);
}

.vacancy-search-island__sources input {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
}

.vacancy-search-island__sources small {
    color: var(--vacancy-ui-tertiary);
    font-size: 10px;
    font-weight: 400;
}

.vacancy-search-island__panel-actions {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 10px;
    padding-top: 9px;
    border-top: 1px solid var(--vacancy-ui-stroke);
}

.vacancy-search-island__advanced,
.vacancy-search-island__panel-actions > a {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 30px;
    padding: 5px 9px;
    border: 0;
    border-radius: 6px;
    color: var(--vacancy-ui-secondary);
    background: transparent;
    font-size: 12px;
    font-weight: 500;
    cursor: pointer;
}

.vacancy-search-island__advanced:hover,
.vacancy-search-island__panel-actions > a:hover {
    color: var(--vacancy-ui-text);
    background: var(--vacancy-ui-surface-hover);
}

.vacancy-search-island__panel.vacancy-search-island__panel--fields {
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
}

.vacancy-search-island__fields {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px;
}

.earn-section-digest .vacancy-aggregator-filter.vacancy-search-island label.vacancy-search-island__field {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    width: auto;
    min-width: 0;
    gap: 5px;
    min-height: 28px;
    margin: 0;
    padding: 6px 7px;
    border-radius: 6px;
    color: var(--vacancy-ui-label);
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    transition: color .16s ease, background-color .16s ease;
}

.vacancy-search-island__field:hover {
    color: var(--vacancy-ui-text);
    background: var(--vacancy-ui-surface);
}

.vacancy-search-island__field input {
    display: block;
    width: 13px;
    height: 13px;
    flex: 0 0 13px;
    margin: 0;
    padding: 0;
    border: 1.5px solid var(--vacancy-ui-stroke);
    border-radius: 3px;
    appearance: none;
    color: #fff;
    background-color: var(--vacancy-ui-input);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 9px 9px;
    cursor: pointer;
    transition: border-color .15s ease, background-color .15s ease;
}

.vacancy-search-island__field input:checked {
    border-color: var(--vacancy-ui-accent);
    background-color: var(--vacancy-ui-accent);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m20 6-11 11-5-5'/%3E%3C/svg%3E");
}

.vacancy-search-island__field input:focus-visible {
    outline: 2px solid rgba(33, 150, 243, .28);
    outline-offset: 2px;
}

.vacancy-search-island__field > span {
    color: inherit;
    font: inherit;
}

.earn-section-digest .vacancy-aggregator-filter.vacancy-search-island .vacancy-search-island__field-help {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 12px;
    height: 12px;
    min-width: 12px;
    min-height: 12px;
    margin: 0;
    padding: 0;
    border: 1.5px solid currentColor;
    border-radius: 50%;
    color: var(--vacancy-ui-tertiary);
    background: transparent;
    font-family: inherit;
    font-size: 9px;
    font-weight: 700;
    line-height: 1;
    cursor: help;
}

.vacancy-search-island__panel.vacancy-search-island__panel--help {
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    color: var(--vacancy-ui-label);
    background: transparent;
}

.earn-section-digest .vacancy-aggregator-filter.vacancy-search-island .vacancy-search-island__collapse {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 4px;
    width: auto;
    height: auto;
    margin-top: 4px;
    padding: 6px 12px;
    border: 0;
    border-radius: 6px;
    color: var(--vacancy-ui-tertiary);
    background: none;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.5;
    cursor: pointer;
    transition: color .2s ease;
}

.earn-section-digest .vacancy-aggregator-filter.vacancy-search-island .vacancy-search-island__collapse:hover {
    color: var(--vacancy-ui-text);
    background: none;
}

.vacancy-search-island__collapse svg {
    width: 14px;
    height: 14px;
    flex: none;
}

.vacancy-search-island__search-tips {
    padding: 10px 6px 0;
    border-top: 2px dashed var(--vacancy-ui-search-divider);
    color: var(--vacancy-ui-label);
    font-size: 13px;
    font-weight: 300;
    line-height: 1.5;
}

.vacancy-search-island__tip-item {
    margin-bottom: 8px;
}

.vacancy-search-island__quote {
    padding: 2px 8px;
    border-radius: 4px;
    color: var(--vacancy-ui-label);
    background: var(--vacancy-ui-tag);
    font-size: 14px;
}

.vacancy-search-island__full-guide-link {
    display: block;
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid var(--vacancy-ui-search-stroke);
    color: var(--vacancy-ui-tertiary);
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    transition: color .2s ease;
}

.vacancy-search-island__full-guide-link:hover {
    color: var(--vacancy-ui-text);
}

@keyframes vacancy-ai-gradient {
    0% {
        background-position: 200% 50%;
    }

    100% {
        background-position: 0 50%;
    }
}

@media (max-width: 1000px) {
    .earn-section-digest .vacancy-aggregator-filter.vacancy-search-island {
        margin-top: 12px;
        margin-bottom: 12px;
        padding-right: 12px;
        padding-left: 12px;
    }

    .vacancy-search-island__row {
        gap: 6px;
    }

    .earn-section-digest .vacancy-aggregator-filter.vacancy-search-island .vacancy-search-island__submit {
        flex-basis: 40px;
        width: 40px;
        min-width: 40px;
        padding: 0 12px;
    }

    .vacancy-search-island__submit span {
        display: none;
    }

    .vacancy-search-island__controls {
        align-items: flex-start;
        gap: 8px;
        margin-top: 8px;
    }

    .earn-section-digest .vacancy-aggregator-filter.vacancy-search-island .vacancy-search-island__control {
        gap: 4px;
        padding: 6px 10px;
        font-size: 13px;
    }

    .vacancy-search-island__tips {
        flex-shrink: 0;
        margin-left: auto;
        white-space: nowrap;
    }

    .earn-section-digest .vacancy-aggregator-filter.vacancy-search-island .vacancy-search-island__ai,
    .earn-section-digest .vacancy-aggregator-filter.vacancy-search-island .vacancy-search-island__help-toggle {
        padding: 6px 10px;
        font-size: 13px;
    }
}

@media (max-width: 1120px) and (min-width: 1024.01px) {
    .earn-section-digest .freelancer-proposals-layout {
        grid-template-columns: 240px minmax(0, 1fr);
        column-gap: 16px;
    }

    .earn-section-digest .simple-task-card {
        gap: 0 16px;
    }
}

@media (max-width: 1024px) {
    body.fiwork-page-earn .main-container:has(> .earn-section-digest) {
        padding: 0 12px 32px;
    }

    .earn-section-digest .freelancer-proposals-shell {
        display: block;
    }

    .earn-section-digest .freelancer-proposals-layout {
        display: block;
    }

    .earn-section-digest .freelancer-proposals-main-column {
        display: grid;
        gap: 8px;
    }

    .earn-section-digest .freelancer-proposals-left-rail {
        display: none;
    }

    .earn-section-digest .freelancer-proposals-tabs {
        display: flex;
        margin: 0 0 12px;
        overflow-x: auto;
    }

    .earn-section-digest .freelancer-proposals-tab {
        flex: 0 0 auto;
        padding-inline: 12px;
    }

    .earn-section-digest .freelancer-proposals-head.fiwork-vacancy-intro {
        align-items: flex-start;
        flex-direction: row;
        min-height: 0;
        padding: 10px 4px 0;
    }

    .fiwork-vacancy-intro .freelancer-proposals-head-actions {
        display: flex;
        width: auto;
    }

    .vacancy-sidebar-filter {
        display: none;
    }

    .vacancy-aggregator-filter {
        grid-template-columns: minmax(0, 1fr) auto auto;
    }
}

@media (max-width: 680px) {
    .earn-section-digest .freelancer-proposals-head.fiwork-vacancy-intro {
        align-items: flex-start;
        flex-direction: column;
    }

    .earn-section-digest .fiwork-vacancy-intro .freelancer-proposals-title {
        font-size: 23px;
    }

    .earn-section-digest .fiwork-vacancy-intro .fiwork-vacancy-intro__description {
        font-size: 14px;
        white-space: normal;
    }

    .fiwork-vacancy-intro__description-row {
        align-items: flex-start;
        flex-wrap: wrap;
        gap: 4px 6px;
    }

    .fiwork-vacancy-intro .freelancer-proposals-head-actions {
        width: 100%;
        margin-top: 12px;
    }

    .fiwork-vacancy-intro .vacancy-head-action {
        flex: 1 1 0;
        justify-content: center;
    }

    .vacancy-aggregator-filter {
        grid-template-columns: 1fr auto;
        padding: 12px;
        border-radius: 14px;
    }

    .vacancy-feed-controls {
        align-items: flex-start;
        min-height: 0;
        padding: 12px;
    }

    .vacancy-feed-controls__count {
        margin-left: auto;
        font-size: 12px;
    }

    .earn-section-digest .simple-task-card {
        grid-template-columns: 1fr;
        gap: 14px;
        padding: 16px;
        border-radius: 16px;
    }

    .vacancy-card-topline {
        align-items: flex-start;
        flex-wrap: wrap;
        margin-bottom: 16px;
        padding-right: 0;
    }

    .vacancy-card-common-tags.fiwork-card-badges {
        order: 3;
        flex-basis: 100%;
    }

    .vacancy-card-meta-actions {
        top: 16px;
        right: 16px;
    }

    .vacancy-card-published-at {
        max-width: 96px;
    }

    .vacancy-card-company {
        max-width: calc(100% - 140px);
    }

    .vacancy-actions-menu {
        width: min(224px, calc(100vw - 32px));
    }

    .earn-section-digest .simple-task-card h2 {
        margin-bottom: 16px;
    }

    .earn-section-digest .simple-task-card__reward {
        justify-self: stretch;
        min-width: 0;
        padding-top: 0;
    }

    .earn-section-digest .simple-task-card__reward-price {
        align-items: flex-start;
        text-align: left;
    }

    .earn-section-digest .simple-task-card__reward-side {
        justify-content: flex-start;
    }

    .earn-section-digest .simple-task-card__footer {
        margin-top: 0;
    }

    .earn-section-digest .vacancy-aggregator-filter.vacancy-search-island {
        padding: 20px 12px;
        border-radius: var(--vacancy-ui-search-radius);
    }

    .vacancy-search-island__row {
        gap: 6px;
    }

    .earn-section-digest .vacancy-aggregator-filter.vacancy-search-island .vacancy-search-island__submit {
        min-width: 40px;
        height: 40px;
        padding-inline: 12px;
    }

    .vacancy-search-island__submit span {
        display: none;
    }

    .vacancy-search-island__controls {
        align-items: flex-start;
        gap: 8px;
        margin-top: 8px;
    }

    .earn-section-digest .vacancy-aggregator-filter.vacancy-search-island .vacancy-search-island__control {
        gap: 4px;
        padding: 6px 10px;
        font-size: 13px;
    }

    .vacancy-search-island__tips {
        margin-left: auto;
    }

    .earn-section-digest .vacancy-aggregator-filter.vacancy-search-island .vacancy-search-island__ai,
    .earn-section-digest .vacancy-aggregator-filter.vacancy-search-island .vacancy-search-island__help-toggle {
        min-height: 0;
        padding: 6px 10px;
        font-size: 13px;
    }

    .vacancy-search-island__panel {
        padding: 10px;
    }

    .vacancy-search-island__panel-head {
        align-items: flex-start;
        flex-direction: column;
        gap: 2px;
    }

    .vacancy-search-island__sources {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .earn-section-digest .vacancy-search-island__sources label {
        min-width: 0;
    }

    .vacancy-search-island__sources label span {
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

@media (max-width: 640px) {
    .earn-section-digest .vacancy-aggregator-filter.vacancy-search-island {
        padding: 12px;
    }

    .vacancy-feed-controls {
        flex-wrap: wrap;
        row-gap: 10px;
        padding: 12px;
    }

    .vacancy-results-toolbar .vacancy-feed-controls__left {
        display: contents;
    }

    .vacancy-feed-controls .vacancy-results-toolbar__sort {
        order: 1;
    }

    .vacancy-feed-controls__count {
        order: 2;
        margin-left: auto;
        font-size: 12px;
    }

    .fc-sep {
        display: none;
    }

    .vacancy-feed-show {
        order: 3;
        flex: 1 0 100%;
    }

    .fc-show-btn {
        width: 100%;
    }

    .fc-pop {
        position: fixed;
        top: auto;
        right: 12px;
        bottom: 12px;
        left: 12px;
        width: auto;
        max-width: none;
        max-height: min(76vh, 620px);
        overflow-y: auto;
        border-radius: 16px;
    }
}

@media (max-width: 480px) {
    .vacancy-feed-controls .vacancy-results-toolbar__sort svg {
        display: block;
    }

    .earn-section-digest .vacancy-search-island__input-wrap > input {
        padding: 0 12px;
        font-size: 16px;
    }

    .earn-section-digest .vacancy-aggregator-filter.vacancy-search-island .vacancy-search-island__control {
        gap: 3px;
        padding: 5px 8px;
        font-size: 12px;
    }

    .earn-section-digest .vacancy-aggregator-filter.vacancy-search-island .vacancy-search-island__ai,
    .earn-section-digest .vacancy-aggregator-filter.vacancy-search-island .vacancy-search-island__help-toggle {
        padding: 5px 8px;
        font-size: 12px;
    }
}

/* Read vacancies remain visible in the feed, but are deliberately quieter. */
body.fiwork-page-earn .earn-section-digest .simple-task-card.is-viewed,
body.fiwork-page-earn .earn-section-digest .simple-task-card.is-viewed:hover {
    --vacancy-ui-text: #68717d;
    --vacancy-ui-secondary: #7a838e;
    --vacancy-ui-tertiary: #8c949d;
    --vacancy-ui-light-text: #747d88;
    --vacancy-ui-tag: #dde1e5;
    --vacancy-ui-tag-text: #737c87;
    background: #eceff2;
    box-shadow: 0 1px 2px rgba(15, 23, 42, .06);
}

body.fiwork-page-earn .earn-section-digest .simple-task-card.is-viewed:hover {
    box-shadow: 0 8px 22px rgba(15, 23, 42, .1);
}

html[data-theme="dark"] body.fiwork-page-earn .earn-section-digest .simple-task-card.is-viewed,
html[data-theme="dark"] body.fiwork-page-earn .earn-section-digest .simple-task-card.is-viewed:hover {
    --vacancy-ui-text: #8d96a2;
    --vacancy-ui-secondary: #7f8995;
    --vacancy-ui-tertiary: #737d89;
    --vacancy-ui-light-text: #838d99;
    --vacancy-ui-tag: #2a3139;
    --vacancy-ui-tag-text: #818b97;
    border-color: #303842;
    background: #20262d;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
}

html[data-theme="dark"] body.fiwork-page-earn .earn-section-digest .simple-task-card.is-viewed:hover {
    box-shadow: 0 8px 22px rgba(0, 0, 0, .28);
}

/* Quick-task filters use the same catalogue sidebar system as vacancies. */
.simple-task-market-page .freelancer-proposals-main-column {
    gap: 16px;
}

.simple-task-market-page .freelancer-proposals-head.fiwork-vacancy-intro {
    padding: 16px 0 0;
}

.simple-task-market-page .fiwork-vacancy-intro__description-row {
    margin-top: 4px;
}

.simple-task-market-page .simple-task-card .fiwork-card-badges {
    gap: 6px;
    margin-bottom: 10px;
}

.simple-task-market-page .simple-task-card .fiwork-card-badges > .simple-task-card__plus-badge,
.simple-task-market-page .simple-task-card .fiwork-card-badges > .simple-task-card__type,
.simple-task-market-page .simple-task-card .fiwork-card-badges > .fiwork-pinned-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: fit-content;
    height: 28px;
    min-height: 28px;
    gap: 5px;
    margin: 0;
    padding: 0 10px;
    border: 1px solid transparent;
    border-radius: 7px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    white-space: nowrap;
}

.simple-task-market-page .simple-task-card .fiwork-card-badges > .simple-task-card__plus-badge {
    border-color: #f0e2a2;
    color: #80610c;
    background: #fff9df;
}

.simple-task-market-page .simple-task-card .simple-task-card__plus-badge > .plus-verification-badge {
    display: block;
    width: 15px;
    height: 15px;
    flex: 0 0 15px;
}

html[data-theme="dark"] .simple-task-market-page .simple-task-card .fiwork-card-badges > .simple-task-card__plus-badge {
    border-color: rgba(226, 183, 25, .3);
    color: #ead067;
    background: rgba(226, 183, 25, .12);
}

.simple-task-market-page .simple-task-card .simple-task-card__reward {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-start;
    width: auto;
    min-width: 168px;
    gap: 9px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
}

.simple-task-market-page .simple-task-card .vacancy-card-meta-actions {
    position: static;
    width: 100%;
    min-height: 28px;
    justify-content: flex-end;
}

.simple-task-market-page .simple-task-card .vacancy-card-topline {
    padding-right: 0;
}

.simple-task-market-page .simple-task-card .simple-task-card__reward-price {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 1px;
    text-align: right;
}

.simple-task-market-page .simple-task-card .simple-task-card__reward-price span {
    display: block;
    color: var(--vacancy-ui-tertiary);
    font-size: 11px;
    font-weight: 500;
    line-height: 16px;
    text-transform: none;
}

.simple-task-market-page .simple-task-card .simple-task-card__reward-price strong {
    color: #23c366;
    font-size: 24px;
    font-weight: 600;
    line-height: 30px;
    white-space: nowrap;
}

.simple-task-market-page .simple-task-card .simple-task-card__reward-side {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin: 0;
    padding: 0;
    border: 0;
}

.simple-task-market-page .simple-task-card .simple-task-card__reward-time {
    box-sizing: border-box;
    height: 32px;
    min-height: 32px;
    padding: 0 9px;
    border-color: transparent;
    border-radius: 8px;
    color: var(--vacancy-ui-secondary);
    background: var(--vacancy-ui-surface);
    font-size: 12px;
    font-weight: 500;
    white-space: nowrap;
}

.simple-task-market-page .simple-task-card .simple-task-card__reward-time:focus-visible {
    outline: 2px solid rgba(35, 195, 102, .28);
    outline-offset: 2px;
}

.simple-task-market-page .simple-task-card .simple-task-card__reward-actions {
    gap: 4px;
}

.simple-task-market-page .simple-task-card .simple-task-card__reward-action {
    box-sizing: border-box;
    width: 32px;
    height: 32px;
    border-color: transparent;
    border-radius: 8px;
    color: var(--vacancy-ui-tertiary);
    background: var(--vacancy-ui-surface);
}

.simple-task-market-page .simple-task-card .simple-task-card__reward-action:hover {
    border-color: transparent;
    color: var(--vacancy-ui-text);
    background: var(--vacancy-ui-surface-hover);
}

.simple-task-market-page .simple-task-card h2 {
    margin-bottom: 9px;
}

.simple-task-market-page .simple-task-card .simple-task-card__description p {
    display: block;
    max-width: 720px;
    margin: 0;
    color: var(--vacancy-ui-secondary);
    font-size: 14px;
    font-weight: 300;
    line-height: 1.55;
    overflow: visible;
    overflow-wrap: anywhere;
    -webkit-box-orient: initial;
    -webkit-line-clamp: unset;
}

.simple-task-market-page .simple-task-card .simple-task-card__expandable {
    min-width: 0;
}

.simple-task-market-page .simple-task-card .simple-task-card__expandable.is-collapsed [data-simple-task-expand-content] {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: var(--simple-task-collapsed-lines, 3);
}

.simple-task-market-page .simple-task-card .simple-task-card__expandable.is-expanded [data-simple-task-expand-content] {
    display: block !important;
    max-height: none !important;
    overflow: visible !important;
    -webkit-box-orient: initial !important;
    -webkit-line-clamp: unset !important;
}

.simple-task-market-page .simple-task-card .simple-task-card__expand-toggle {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    min-height: 26px;
    margin: 5px 0 0;
    padding: 0;
    border: 0;
    border-radius: 4px;
    color: #168e48;
    background: transparent;
    font: inherit;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.4;
    cursor: pointer;
}

.simple-task-market-page .simple-task-card .simple-task-card__expand-toggle[hidden] {
    display: none !important;
}

.simple-task-market-page .simple-task-card .simple-task-card__expand-toggle:hover,
.simple-task-market-page .simple-task-card .simple-task-card__expand-toggle:focus-visible {
    color: #0f753a;
}

.simple-task-market-page .simple-task-card .simple-task-card__expand-toggle:focus-visible {
    outline: 2px solid rgba(35, 195, 102, .24);
    outline-offset: 2px;
}

.simple-task-market-page .simple-task-card .simple-task-card__expand-toggle svg {
    width: 14px;
    height: 14px;
    flex: 0 0 14px;
    transition: transform .18s ease;
}

.simple-task-market-page .simple-task-card .simple-task-card__expand-toggle[aria-expanded="true"] svg {
    transform: rotate(180deg);
}

.simple-task-market-page .simple-task-card .earn-vacancy-card__tags {
    margin-top: 14px;
}

.simple-task-market-page .simple-task-card > .simple-task-card__verification,
.simple-task-market-page .simple-task-card > .simple-task-card__review-note--visible {
    margin-top: 16px;
}

.simple-task-market-page .simple-task-card > .simple-task-card__verification {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    align-items: start;
    gap: 6px;
    padding: 15px 0 0;
    border: 0;
    border-top: 1px solid var(--vacancy-ui-stroke);
    border-radius: 0;
    color: var(--vacancy-ui-text);
    background: transparent;
}

.simple-task-market-page .simple-task-card > .simple-task-card__verification .simple-task-card__verification-title {
    display: block;
    color: var(--vacancy-ui-tertiary);
    font-size: 12px;
    font-weight: 500;
    line-height: 1.5;
}

.simple-task-market-page .simple-task-card > .simple-task-card__verification p {
    display: block;
    margin: 0;
    color: var(--vacancy-ui-secondary);
    font-size: 14px;
    font-weight: 300;
    line-height: 1.55;
    overflow: visible;
    overflow-wrap: anywhere;
    -webkit-box-orient: initial;
    -webkit-line-clamp: unset;
}

.simple-task-market-page .simple-task-card .simple-task-card__verification-copy {
    min-width: 0;
}

.simple-task-market-page .simple-task-card__footer .simple-task-start {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 154px;
    height: 42px;
    gap: 7px;
    padding: 0 18px;
    border: 1px solid #23c366;
    border-radius: 10px;
    color: #fff;
    background: #23c366;
    box-shadow: 0 5px 14px rgba(35, 195, 102, .2);
    font-size: 13px;
    font-weight: 600;
    line-height: 1;
    transition: color .18s ease, background-color .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.simple-task-market-page .simple-task-card__footer .simple-task-start:hover,
.simple-task-market-page .simple-task-card__footer .simple-task-start:focus-visible {
    border-color: #1eae5a;
    color: #fff;
    background: #1eae5a;
    box-shadow: 0 7px 18px rgba(35, 195, 102, .26);
    transform: translateY(-1px);
}

.simple-task-market-page .simple-task-card__footer .simple-task-start:focus-visible {
    outline: 3px solid rgba(35, 195, 102, .2);
    outline-offset: 2px;
}

.simple-task-market-page .simple-task-card__footer .simple-task-start:active {
    box-shadow: 0 3px 9px rgba(35, 195, 102, .2);
    transform: translateY(0);
}

.simple-task-market-page .simple-task-card__footer .simple-task-start:disabled {
    cursor: progress;
    opacity: .68;
    transform: none;
}

.simple-task-market-page .simple-task-card__footer .simple-task-start__icon {
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
}

.simple-task-market-page .simple-task-card__footer .simple-task-start--plus {
    border-color: #e1e5e9;
    color: #59616b;
    background: #f0f2f4;
    box-shadow: none;
}

.simple-task-market-page .simple-task-card__footer .simple-task-start--plus:hover,
.simple-task-market-page .simple-task-card__footer .simple-task-start--plus:focus-visible {
    border-color: #d6dbe0;
    color: #343a42;
    background: #e7eaed;
    box-shadow: 0 5px 14px rgba(31, 41, 55, .08);
}

html[data-theme="dark"] .simple-task-market-page .simple-task-card__footer .simple-task-start--plus {
    border-color: var(--vacancy-ui-stroke);
    color: var(--vacancy-ui-secondary);
    background: var(--vacancy-ui-surface-hover);
}

@media (max-width: 680px) {
    .simple-task-market-page .simple-task-card .simple-task-card__reward {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        min-width: 0;
        padding-top: 12px;
        border-top: 1px solid var(--vacancy-ui-stroke);
    }

    .simple-task-market-page .simple-task-card .simple-task-card__reward-price {
        order: 1;
        align-items: flex-start;
        text-align: left;
    }

    .simple-task-market-page .simple-task-card .vacancy-card-meta-actions {
        order: 2;
        width: auto;
        margin-left: auto;
    }

    .simple-task-market-page .simple-task-card .vacancy-card-company {
        max-width: 100%;
    }

    .simple-task-market-page .simple-task-card__footer .simple-task-start {
        width: 100%;
        min-width: 0;
        height: 44px;
    }

}

.simple-task-catalogue-filter {
    margin-bottom: 12px;
    font-family: "Geologica", sans-serif;
}

.simple-task-catalogue-filter button,
.simple-task-catalogue-filter input,
.simple-task-filter-modal__body,
.simple-task-filter-modal__body button,
.simple-task-filter-modal__body input,
.simple-task-mobile-filter-button {
    font-family: "Geologica", sans-serif;
}

.simple-task-catalogue-filter .vacancy-hirify-filter__source-list {
    max-height: 238px;
    overflow-y: auto;
    scrollbar-color: var(--vacancy-ui-stroke) transparent;
    scrollbar-width: thin;
}

.simple-task-catalogue-filter__price-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
}

.simple-task-catalogue-filter__price-grid .vacancy-hirify-filter__salary {
    min-width: 0;
}

.simple-task-catalogue-filter__price-grid .vacancy-hirify-filter__salary input {
    min-width: 0;
    padding-right: 48px;
}

.simple-task-catalogue-filter .vacancy-sidebar-filter__actions {
    margin-top: 16px;
}

.simple-task-mobile-filter-button {
    display: none;
}

.simple-task-filter-modal__body {
    padding-bottom: 18px;
}

.simple-task-filter-modal__body .vacancy-hirify-filter__source-list {
    max-height: none;
}

@media (max-width: 1024px) {
    .simple-task-market-page .simple-task-market-left {
        display: none;
    }

    .simple-task-mobile-filter-button {
        display: flex !important;
        align-items: center;
        justify-content: center;
        width: 100%;
        min-height: 44px;
        gap: 8px;
        margin: 0 0 14px;
        padding: 0 16px;
        border: 1px solid var(--vacancy-ui-stroke);
        border-radius: 10px;
        color: var(--vacancy-ui-text);
        background: var(--vacancy-ui-island);
        box-shadow: var(--vacancy-ui-shadow);
        font-size: 14px;
        font-weight: 600;
        cursor: pointer;
    }

    .simple-task-mobile-filter-button > svg {
        width: 18px;
        height: 18px;
        color: var(--vacancy-ui-accent);
    }

    .simple-task-mobile-filter-button > span {
        display: inline-grid;
        place-items: center;
        min-width: 21px;
        height: 21px;
        padding: 0 6px;
        border-radius: 999px;
        color: var(--vacancy-ui-accent-text);
        background: var(--vacancy-ui-accent);
        font-size: 11px;
        line-height: 1;
    }
}

@media (max-width: 480px) {
    .simple-task-catalogue-filter__price-grid {
        grid-template-columns: 1fr;
    }
}

/* Quick task start confirmation uses the shared wallet modal shell. */
.simple-task-start-confirm-modal .fill-balance-modal-block-container {
    max-height: min(720px, calc(100dvh - 32px));
}

.simple-task-start-confirm-modal .fill-balance-modal-block-content {
    align-items: stretch;
    justify-content: flex-start;
    gap: 0;
    padding: 0 36px 32px;
}

.simple-task-start-confirm-modal .fill-balance-modal-block-header {
    min-height: auto;
    padding: 30px 52px 20px 36px;
}

.simple-task-start-confirm-modal .fill-balance-modal-block-header h3 {
    font-family: var(--font-family);
    font-size: 22px;
    font-weight: 650;
    line-height: 1.3;
}

.simple-task-start-confirm-modal__content {
    max-height: calc(100dvh - 124px);
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #d5d9df transparent;
}

.simple-task-start-confirm-modal__heading {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding-bottom: 22px;
}

.simple-task-start-confirm-modal__heading h4 {
    margin: 0;
    color: #181d27;
    font-family: var(--font-family);
    font-size: 17px;
    font-weight: 600;
    line-height: 1.45;
    overflow-wrap: anywhere;
}

.simple-task-start-confirm-modal__meta {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    border-top: 1px solid #eaecf0;
    border-bottom: 1px solid #eaecf0;
}

.simple-task-start-confirm-modal__meta-item {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
    padding: 13px 0;
}

.simple-task-start-confirm-modal__meta-item + .simple-task-start-confirm-modal__meta-item {
    padding-left: 20px;
    border-left: 1px solid #eaecf0;
}

.simple-task-start-confirm-modal__meta-item > span {
    color: #717680;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.35;
}

.simple-task-start-confirm-modal__meta-item > strong {
    color: #181d27;
    font-size: 15px;
    font-weight: 650;
    line-height: 1.4;
}

.simple-task-start-confirm-modal__section {
    padding: 0 0 22px;
}

.simple-task-start-confirm-modal__section h5 {
    margin: 0 0 8px;
    color: #181d27;
    font-family: var(--font-family);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.45;
}

.simple-task-start-confirm-modal__section p {
    margin: 0;
    color: #535862;
    font-family: var(--font-family);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.6;
    white-space: pre-line;
    overflow-wrap: anywhere;
}

.simple-task-start-confirm-modal__notice {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    margin: 0;
    padding: 15px 0 0;
    border-top: 1px solid #eaecf0;
    color: #717680;
    font-family: var(--font-family);
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
}

.simple-task-start-confirm-modal__notice svg {
    width: 17px;
    height: 17px;
    flex: 0 0 17px;
    margin-top: 1px;
    color: #717680;
}

.simple-task-start-confirm-modal__actions {
    display: grid;
    grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
    gap: 10px;
    margin-top: 22px;
}

.simple-task-start-confirm-modal__actions button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
    min-height: 46px;
    padding: 10px 16px;
    border: 1px solid transparent;
    border-radius: 12px;
    font-family: var(--font-family);
    font-size: 14px;
    font-weight: 650;
    line-height: 1.2;
    cursor: pointer;
    transition: color .18s ease, background-color .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.simple-task-start-confirm-modal__cancel {
    border-color: #e1e5e9 !important;
    color: #59616b;
    background: #f4f5f6;
}

.simple-task-start-confirm-modal__cancel:hover,
.simple-task-start-confirm-modal__cancel:focus-visible {
    color: #343a42;
    background: #e9ecef;
}

.simple-task-start-confirm-modal__confirm {
    gap: 7px;
    color: #fff;
    background: #23c366;
    box-shadow: 0 6px 16px rgba(35, 195, 102, .22);
}

.simple-task-start-confirm-modal__confirm svg {
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
}

.simple-task-start-confirm-modal__confirm:hover,
.simple-task-start-confirm-modal__confirm:focus-visible {
    color: #fff;
    background: #1eae5a;
    box-shadow: 0 8px 20px rgba(35, 195, 102, .28);
    transform: translateY(-1px);
}

.simple-task-start-confirm-modal__actions button:focus-visible {
    outline: 3px solid rgba(35, 195, 102, .18);
    outline-offset: 2px;
}

html[data-theme="dark"] .simple-task-start-confirm-modal__heading h4,
html[data-theme="dark"] .simple-task-start-confirm-modal__section h5,
html[data-theme="dark"] .simple-task-start-confirm-modal__meta-item > strong {
    color: var(--fi-text);
}

html[data-theme="dark"] .simple-task-start-confirm-modal__meta,
html[data-theme="dark"] .simple-task-start-confirm-modal__meta-item + .simple-task-start-confirm-modal__meta-item,
html[data-theme="dark"] .simple-task-start-confirm-modal__notice {
    border-color: var(--fi-border);
}

html[data-theme="dark"] .simple-task-start-confirm-modal__meta-item > span,
html[data-theme="dark"] .simple-task-start-confirm-modal__notice,
html[data-theme="dark"] .simple-task-start-confirm-modal__notice svg {
    color: var(--fi-text-muted);
}

html[data-theme="dark"] .simple-task-start-confirm-modal__section p {
    color: var(--fi-text-secondary);
}

html[data-theme="dark"] .simple-task-start-confirm-modal__cancel {
    border-color: var(--fi-border) !important;
    color: var(--fi-text-secondary);
    background: var(--fi-surface-raised);
}

@media (max-width: 767px) {
    .simple-task-start-confirm-modal .fill-balance-modal-block-header {
        padding: 25px 52px 18px 20px;
    }

    .simple-task-start-confirm-modal .fill-balance-modal-block-content {
        padding: 0 20px max(24px, env(safe-area-inset-bottom));
    }
}

@media (max-width: 350px) {
    .simple-task-start-confirm-modal__actions {
        grid-template-columns: 1fr;
    }

    .simple-task-start-confirm-modal__confirm {
        grid-row: 1;
    }
}

/* Quick-task report form: a flat, readable continuation of the task card. */
.simple-task-market-page .simple-task-submit {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid var(--vacancy-ui-stroke);
    color: var(--vacancy-ui-text);
}

.simple-task-market-page .simple-task-submit.hidden {
    display: none;
}

.simple-task-market-page .simple-task-submit__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
}

.simple-task-market-page .simple-task-submit__head-copy {
    min-width: 0;
}

.simple-task-market-page .simple-task-submit__head-copy h3 {
    margin: 0 0 5px;
    color: var(--vacancy-ui-text);
    font-family: var(--font-family);
    font-size: 17px;
    font-weight: 600;
    line-height: 1.4;
}

.simple-task-market-page .simple-task-submit__head-copy p {
    max-width: 570px;
    margin: 0;
    color: var(--vacancy-ui-secondary);
    font-size: 13px;
    font-weight: 300;
    line-height: 1.55;
}

.simple-task-market-page .simple-task-submit .simple-task-card__deadline {
    display: flex;
    align-items: center;
    width: auto;
    min-width: max-content;
    gap: 9px;
    padding: 0;
    border: 0;
    border-radius: 0;
    color: var(--vacancy-ui-secondary);
    background: transparent;
}

.simple-task-market-page .simple-task-submit .simple-task-card__deadline.hidden {
    display: none;
}

.simple-task-market-page .simple-task-submit .simple-task-card__deadline > svg {
    width: 19px;
    height: 19px;
    flex: 0 0 19px;
    color: #23a75b;
}

.simple-task-market-page .simple-task-submit .simple-task-card__deadline > span {
    display: flex;
    flex-direction: column;
    gap: 1px;
}

.simple-task-market-page .simple-task-submit .simple-task-card__deadline small {
    color: var(--vacancy-ui-tertiary);
    font-size: 11px;
    font-weight: 400;
    line-height: 1.35;
}

.simple-task-market-page .simple-task-submit .simple-task-card__deadline strong {
    color: var(--vacancy-ui-text);
    font-size: 13px;
    font-weight: 600;
    line-height: 1.4;
    white-space: nowrap;
}

.simple-task-market-page .simple-task-submit .simple-task-card__link {
    display: grid;
    grid-template-columns: 128px minmax(0, 1fr);
    align-items: center;
    gap: 14px;
    padding: 13px 14px;
    border: 1px solid var(--vacancy-ui-stroke);
    border-radius: 10px;
    background: var(--vacancy-ui-surface);
}

.simple-task-market-page .simple-task-submit .simple-task-card__link > span {
    color: var(--vacancy-ui-tertiary);
    font-size: 12px;
    font-weight: 500;
    line-height: 1.4;
}

.simple-task-market-page .simple-task-submit .simple-task-card__link a {
    display: inline-flex;
    align-items: center;
    justify-self: start;
    min-width: 0;
    gap: 8px;
    color: #168e48;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.4;
    text-decoration: none;
}

.simple-task-market-page .simple-task-submit .simple-task-card__link a:hover {
    color: #0f753a;
    text-decoration: underline;
}

.simple-task-market-page .simple-task-submit .simple-task-card__link a svg {
    width: 17px;
    height: 17px;
    flex: 0 0 17px;
}

.simple-task-market-page .simple-task-submit .simple-task-card__link a span {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.simple-task-market-page .simple-task-submit__field {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.simple-task-market-page .simple-task-submit__field > label,
.simple-task-market-page .simple-task-submit__upload-copy strong {
    color: var(--vacancy-ui-text);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.45;
}

.simple-task-market-page .simple-task-submit__field > p {
    margin: 0 0 6px;
    color: var(--vacancy-ui-tertiary);
    font-size: 12px;
    font-weight: 300;
    line-height: 1.5;
}

.simple-task-market-page .simple-task-submit__field textarea {
    box-sizing: border-box;
    min-height: 112px;
    padding: 13px 14px;
    border: 1px solid var(--vacancy-ui-stroke);
    border-radius: 10px;
    color: var(--vacancy-ui-text);
    background: var(--vacancy-ui-input);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.55;
    box-shadow: none;
}

.simple-task-market-page .simple-task-submit__field textarea::placeholder {
    color: var(--vacancy-ui-tertiary);
    opacity: .78;
}

.simple-task-market-page .simple-task-submit__field textarea:focus {
    border-color: #23c366;
    outline: 0;
    box-shadow: 0 0 0 3px rgba(35, 195, 102, .12);
}

.simple-task-market-page .simple-task-submit__upload {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 16px;
    padding: 16px 0;
    border-top: 1px solid var(--vacancy-ui-stroke);
    border-bottom: 1px solid var(--vacancy-ui-stroke);
}

.simple-task-market-page .simple-task-submit__upload-copy {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
}

.simple-task-market-page .simple-task-submit__upload-copy span {
    color: var(--vacancy-ui-tertiary);
    font-size: 12px;
    font-weight: 300;
    line-height: 1.45;
}

.simple-task-market-page .simple-task-submit__upload .simple-task-submit__file {
    box-sizing: border-box;
    min-height: 40px;
    padding: 9px 13px;
    border: 1px solid var(--vacancy-ui-stroke);
    border-radius: 9px;
    color: var(--vacancy-ui-secondary);
    background: transparent;
    font-size: 13px;
    font-weight: 500;
}

.simple-task-market-page .simple-task-submit__upload .simple-task-submit__file:hover {
    border-color: #23c366;
    color: #168e48;
    background: rgba(35, 195, 102, .05);
}

.simple-task-market-page .simple-task-submit__upload .simple-task-submit__file.has-file-previews {
    grid-column: 1 / -1;
    width: 100%;
    padding: 9px;
}

.simple-task-market-page .simple-task-submit__upload .simple-task-submit__file [data-simple-task-file-label] {
    min-width: 0;
}

.simple-task-market-page .simple-task-submit__actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.simple-task-market-page .simple-task-submit__actions button {
    box-sizing: border-box;
    width: auto;
    min-width: 156px;
    min-height: 44px;
    height: 44px;
    padding: 0 18px;
    border: 1px solid #23c366;
    border-radius: 10px;
    font-family: var(--font-family);
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    box-shadow: none;
    transition: color .18s ease, background-color .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.simple-task-market-page .simple-task-submit__actions button[type="submit"] {
    color: #fff;
    background: #23c366;
    box-shadow: 0 5px 14px rgba(35, 195, 102, .18);
}

.simple-task-market-page .simple-task-submit__actions button[type="submit"]:hover,
.simple-task-market-page .simple-task-submit__actions button[type="submit"]:focus-visible {
    border-color: #1eae5a;
    background: #1eae5a;
    box-shadow: 0 7px 18px rgba(35, 195, 102, .24);
}

.simple-task-market-page .simple-task-submit__actions .simple-task-submit__cancel {
    min-width: 112px !important;
    border-color: transparent !important;
    color: var(--vacancy-ui-secondary) !important;
    background: transparent !important;
}

.simple-task-market-page .simple-task-submit__actions .simple-task-submit__cancel:hover,
.simple-task-market-page .simple-task-submit__actions .simple-task-submit__cancel:focus-visible {
    color: var(--vacancy-ui-text) !important;
    background: var(--vacancy-ui-surface-hover) !important;
}

.simple-task-market-page .simple-task-submit__actions button:focus-visible {
    outline: 3px solid rgba(35, 195, 102, .18);
    outline-offset: 2px;
}

@media (max-width: 680px) {
    .simple-task-market-page .simple-task-submit {
        gap: 18px;
    }

    .simple-task-market-page .simple-task-submit__head {
        flex-direction: column;
        gap: 13px;
    }

    .simple-task-market-page .simple-task-submit .simple-task-card__link {
        grid-template-columns: 1fr;
        gap: 6px;
    }

    .simple-task-market-page .simple-task-submit__upload {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .simple-task-market-page .simple-task-submit__upload .simple-task-submit__file {
        justify-self: stretch;
        justify-content: center;
        width: 100%;
    }

    .simple-task-market-page .simple-task-submit__actions {
        display: grid;
        grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
    }

    .simple-task-market-page .simple-task-submit__actions button,
    .simple-task-market-page .simple-task-submit__actions .simple-task-submit__cancel {
        width: 100%;
        min-width: 0 !important;
    }
}

@media (max-width: 360px) {
    .simple-task-market-page .simple-task-submit__actions {
        grid-template-columns: 1fr;
    }

    .simple-task-market-page .simple-task-submit__actions button[type="submit"] {
        grid-row: 1;
    }
}

/* Compact quick-task promo, based on the supplied dashboard card reference. */
.simple-task-market-page .freelancer-proposals-head.fiwork-vacancy-intro.simple-task-promo {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 8px 16px;
    min-height: 0;
    margin: 0 0 12px;
    padding: 12px 16px;
    border: 1px solid #e1e5ea;
    border-radius: 12px;
    color: var(--vacancy-ui-text);
    background: #fff;
    box-shadow: 0 1px 2px rgba(16, 24, 40, .04);
    overflow: visible;
}

@media (min-width: 1024.01px) {
    .simple-task-market-page .freelancer-proposals-head.fiwork-vacancy-intro.simple-task-promo {
        margin-top: 16px;
    }
}

.simple-task-market-page .simple-task-promo__content {
    display: flex;
    align-items: center;
    min-width: 0;
    gap: 12px;
}

.simple-task-market-page .simple-task-promo__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 46px;
    flex: 0 0 52px;
}

.simple-task-market-page .simple-task-promo__icon svg {
    display: block;
    width: 52px;
    height: 46px;
}

.simple-task-market-page .simple-task-promo .simple-task-promo__text {
    width: auto;
    min-width: 0;
    max-width: none;
}

.simple-task-market-page .simple-task-promo .freelancer-proposals-title {
    margin: 0;
    color: var(--vacancy-ui-text);
    font-size: 15px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0;
}

.simple-task-market-page .simple-task-promo .simple-task-promo__text > .fiwork-vacancy-intro__description {
    display: block;
    max-width: none;
    margin: 2px 0 0;
    color: var(--vacancy-ui-secondary);
    font-size: 13px;
    font-weight: 300;
    line-height: 18px;
    white-space: normal;
}

.simple-task-market-page .simple-task-promo__actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.simple-task-market-page .simple-task-promo .fiwork-vacancy-why-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    gap: 6px;
    padding: 0 12px;
    border: 0;
    border-radius: 8px;
    color: #168e48;
    background: rgba(35, 195, 102, .1);
    font-family: var(--font-family);
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
    transition: color .18s ease, background-color .18s ease;
}

.simple-task-market-page .simple-task-promo .fiwork-vacancy-why-toggle span {
    border: 0;
}

.simple-task-market-page .simple-task-promo .fiwork-vacancy-why-toggle svg {
    width: 15px;
    height: 15px;
    flex: 0 0 15px;
}

.simple-task-market-page .simple-task-promo .fiwork-vacancy-why-toggle:hover,
.simple-task-market-page .simple-task-promo .fiwork-vacancy-why-toggle:focus-visible {
    color: #0f753a;
    background: rgba(35, 195, 102, .16);
}

.simple-task-market-page .simple-task-promo .fiwork-vacancy-why-toggle:focus-visible {
    outline: 2px solid rgba(35, 195, 102, .28);
    outline-offset: 2px;
}

.simple-task-market-page .simple-task-promo .fiwork-vacancy-why-panel {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
    max-width: none;
    gap: 12px 24px;
    margin: 2px 0 0;
    padding: 14px 0 4px;
    border-top: 1px solid var(--vacancy-ui-stroke);
    border-radius: 0;
    color: var(--vacancy-ui-secondary);
    background: transparent;
    box-shadow: none;
    counter-reset: simple-task-promo-step;
    font-size: 13px;
    font-weight: 300;
    line-height: 1.5;
}

.simple-task-market-page .simple-task-promo .fiwork-vacancy-why-panel li {
    position: relative;
    min-width: 0;
    margin: 0;
    padding-left: 30px;
    color: inherit;
    counter-increment: simple-task-promo-step;
}

.simple-task-market-page .simple-task-promo .fiwork-vacancy-why-panel li::before {
    position: absolute;
    top: 1px;
    left: 0;
    display: grid;
    place-items: center;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    color: #168e48;
    background: rgba(35, 195, 102, .11);
    content: counter(simple-task-promo-step);
    font-size: 11px;
    font-weight: 600;
    line-height: 1;
}

.simple-task-market-page .simple-task-promo .fiwork-vacancy-why-panel strong {
    color: var(--vacancy-ui-text);
    font-weight: 500;
}

html[data-theme="dark"] body.fiwork-page-earn .simple-task-market-page .freelancer-proposals-head.fiwork-vacancy-intro.simple-task-promo {
    border-color: var(--vacancy-ui-stroke);
    color: var(--vacancy-ui-text);
    background: var(--vacancy-ui-island);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .18);
}

html[data-theme="dark"] .simple-task-market-page .simple-task-promo .fiwork-vacancy-why-toggle {
    color: #75d9a0;
    background: rgba(35, 195, 102, .14);
}

html[data-theme="dark"] .simple-task-market-page .simple-task-promo .fiwork-vacancy-why-toggle:hover,
html[data-theme="dark"] .simple-task-market-page .simple-task-promo .fiwork-vacancy-why-toggle:focus-visible {
    color: #94e6b7;
    background: rgba(35, 195, 102, .2);
}

html[data-theme="dark"] .simple-task-market-page .simple-task-promo .fiwork-vacancy-why-panel li::before {
    color: #75d9a0;
    background: rgba(35, 195, 102, .15);
}

@media (max-width: 680px) {
    .simple-task-market-page .freelancer-proposals-head.fiwork-vacancy-intro.simple-task-promo {
        grid-template-columns: minmax(0, 1fr);
        gap: 10px;
        padding: 12px 14px;
    }

    .simple-task-market-page .simple-task-promo__content {
        align-items: flex-start;
    }

    .simple-task-market-page .simple-task-promo__actions {
        justify-content: flex-start;
        padding-left: 64px;
    }

    .simple-task-market-page .simple-task-promo .fiwork-vacancy-why-toggle {
        min-height: 32px;
    }

    .simple-task-market-page .simple-task-promo .fiwork-vacancy-why-panel {
        grid-template-columns: 1fr;
        gap: 11px;
        margin-top: 2px;
    }
}

@media (max-width: 420px) {
    .simple-task-market-page .simple-task-promo__icon {
        width: 46px;
        flex-basis: 46px;
    }

    .simple-task-market-page .simple-task-promo__icon svg {
        width: 46px;
        height: 41px;
    }

    .simple-task-market-page .simple-task-promo__actions {
        padding-left: 58px;
    }
}

/* Marketplace navigation lives above the desktop filters and remains reachable on mobile. */
.simple-task-market-page .simple-task-feed-controls {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.simple-task-market-page .simple-task-feed-tabs {
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 6px;
    border: 1px solid var(--vacancy-ui-stroke);
    border-radius: 12px;
    background: var(--vacancy-ui-island);
    box-shadow: 0 1px 2px rgba(16, 24, 40, .035);
}

.simple-task-market-page .simple-task-feed-tabs__in {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.simple-task-market-page .simple-task-feed-tabs__item {
    --simple-task-nav-accent: #23c366;
    --simple-task-nav-soft: rgba(35, 195, 102, .1);
    --simple-task-nav-soft-dark: rgba(35, 195, 102, .14);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    height: 46px;
    gap: 10px;
    margin: 0;
    padding: 0 10px;
    border: 0;
    border-radius: 8px;
    color: var(--vacancy-ui-secondary);
    background: transparent;
    font-family: var(--font-family);
    font-size: 13px;
    font-weight: 500;
    line-height: 1.2;
    text-decoration: none;
    white-space: nowrap;
    transition: color .18s ease, background-color .18s ease;
}

.simple-task-market-page .simple-task-feed-tabs__item--projects {
    --simple-task-nav-accent: #2583e9;
    --simple-task-nav-soft: rgba(37, 131, 233, .09);
    --simple-task-nav-soft-dark: rgba(37, 131, 233, .15);
}

.simple-task-market-page .simple-task-feed-tabs__item--completions {
    --simple-task-nav-accent: #8064d9;
    --simple-task-nav-soft: rgba(128, 100, 217, .09);
    --simple-task-nav-soft-dark: rgba(128, 100, 217, .16);
}

.simple-task-market-page .simple-task-feed-tabs__item--vacancies {
    --simple-task-nav-accent: #8064d9;
    --simple-task-nav-soft: rgba(128, 100, 217, .09);
    --simple-task-nav-soft-dark: rgba(128, 100, 217, .16);
}

.simple-task-market-page .simple-task-feed-tabs__icon {
    display: grid;
    place-items: center;
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    border-radius: 8px;
    color: var(--simple-task-nav-accent);
    background: var(--simple-task-nav-soft);
}

.simple-task-market-page .simple-task-feed-tabs__icon svg {
    width: 17px;
    height: 17px;
}

.simple-task-market-page .simple-task-feed-tabs__label {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

.simple-task-market-page .simple-task-feed-tabs__chevron {
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
    margin-left: auto;
    color: var(--vacancy-ui-tertiary);
    opacity: .62;
    transition: color .18s ease, opacity .18s ease, transform .18s ease;
}

.simple-task-market-page .simple-task-feed-tabs__item:hover,
.simple-task-market-page .simple-task-feed-tabs__item:focus-visible {
    color: var(--vacancy-ui-text);
    background: var(--vacancy-ui-surface-hover);
}

.simple-task-market-page .simple-task-feed-tabs__item:hover .simple-task-feed-tabs__chevron,
.simple-task-market-page .simple-task-feed-tabs__item:focus-visible .simple-task-feed-tabs__chevron {
    color: var(--simple-task-nav-accent);
    opacity: 1;
    transform: translateX(1px);
}

.simple-task-market-page .simple-task-feed-tabs__item:focus-visible {
    outline: 2px solid var(--simple-task-nav-accent);
    outline-offset: 1px;
}

.simple-task-market-page .simple-task-feed-tabs__item.is-selected {
    color: var(--vacancy-ui-text);
    background: var(--simple-task-nav-soft);
    font-weight: 600;
    cursor: default;
}

.simple-task-market-page .simple-task-feed-tabs__item.is-selected::before {
    position: absolute;
    top: 12px;
    bottom: 12px;
    left: -6px;
    width: 3px;
    border-radius: 0 3px 3px 0;
    background: var(--simple-task-nav-accent);
    content: "";
}

.simple-task-market-page .simple-task-feed-tabs__item.is-selected .simple-task-feed-tabs__chevron {
    color: var(--simple-task-nav-accent);
    opacity: .9;
}

html[data-theme="dark"] .simple-task-market-page .simple-task-feed-tabs__item.is-selected {
    color: var(--vacancy-ui-text);
    background: var(--simple-task-nav-soft-dark);
}

html[data-theme="dark"] .simple-task-market-page .simple-task-feed-tabs__icon {
    background: var(--simple-task-nav-soft-dark);
}

@media (max-width: 1024px) {
    .simple-task-market-page .freelancer-proposals-left-rail {
        display: block;
        width: 100%;
        margin: 0 0 8px;
        padding: 0;
    }

    .simple-task-market-page .simple-task-feed-tabs {
        padding: 6px;
    }

    .simple-task-market-page .simple-task-feed-tabs__in {
        flex-direction: row;
        overflow-x: auto;
        overscroll-behavior-x: contain;
        scrollbar-width: none;
    }

    .simple-task-market-page .simple-task-feed-tabs__in::-webkit-scrollbar {
        display: none;
    }

    .simple-task-market-page .simple-task-feed-tabs__item {
        justify-content: center;
        width: auto;
        min-width: max-content;
        height: 42px;
        gap: 7px;
        padding: 0 10px;
        font-size: 12px;
    }

    .simple-task-market-page .simple-task-feed-tabs__icon {
        width: 24px;
        height: 24px;
        flex-basis: 24px;
        border-radius: 7px;
    }

    .simple-task-market-page .simple-task-feed-tabs__icon svg {
        width: 14px;
        height: 14px;
    }

    .simple-task-market-page .simple-task-feed-tabs__chevron,
    .simple-task-market-page .simple-task-feed-tabs__item.is-selected::before {
        display: none;
    }
}

.simple-task-market-page .simple-task-feed-toolbar {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: auto minmax(180px, 1fr) minmax(128px, auto) minmax(150px, auto);
    align-items: center;
    gap: 8px;
    padding: 12px;
    border: 1px solid #e1e5ea;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(16, 24, 40, .04);
}

.simple-task-market-page .simple-task-feed-toolbar__button,
.simple-task-market-page .simple-task-feed-toolbar__sort {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-width: 0;
    height: 40px;
    gap: 7px;
    padding: 0 12px;
    border: 1px solid #dfe3e8;
    border-radius: 9px;
    color: var(--vacancy-ui-secondary);
    background: #fff;
    font-family: var(--font-family);
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
    cursor: pointer;
    transition: color .18s ease, border-color .18s ease, background-color .18s ease;
}

.simple-task-market-page .simple-task-feed-toolbar__button:hover,
.simple-task-market-page .simple-task-feed-toolbar__button:focus-visible,
.simple-task-market-page .simple-task-feed-toolbar__sort:hover,
.simple-task-market-page .simple-task-feed-toolbar__sort:focus-within {
    border-color: #cbd1d8;
    color: var(--vacancy-ui-text);
    background: #f7f8f9;
}

.simple-task-market-page .simple-task-feed-toolbar__button:focus-visible,
.simple-task-market-page .simple-task-feed-toolbar__search:focus-within,
.simple-task-market-page .simple-task-feed-toolbar__sort:focus-within {
    outline: 2px solid rgba(33, 150, 243, .22);
    outline-offset: 1px;
}

.simple-task-market-page .simple-task-feed-toolbar__button > svg,
.simple-task-market-page .simple-task-feed-toolbar__sort > svg {
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
}

.simple-task-market-page .simple-task-feed-toolbar__button > small {
    display: inline-grid;
    place-items: center;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    border-radius: 999px;
    color: #fff;
    background: #2196f3;
    font-size: 10px;
    font-weight: 600;
    line-height: 1;
}

.simple-task-market-page .simple-task-feed-toolbar__search {
    position: relative;
    display: flex;
    align-items: center;
    min-width: 0;
    height: 40px;
    border: 1px solid transparent;
    border-radius: 9px;
    color: var(--vacancy-ui-tertiary);
    background: #f2f3f5;
    transition: border-color .18s ease, background-color .18s ease, box-shadow .18s ease;
}

.simple-task-market-page .simple-task-feed-toolbar__search:focus-within {
    border-color: #b8d8f3;
    background: #fff;
}

.simple-task-market-page .simple-task-feed-toolbar__search > svg {
    position: absolute;
    left: 12px;
    width: 17px;
    height: 17px;
    pointer-events: none;
}

.simple-task-market-page .simple-task-feed-toolbar__search input {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    min-width: 0;
    padding: 0 12px 0 38px;
    border: 0;
    outline: 0;
    color: var(--vacancy-ui-text);
    background: transparent;
    font-family: var(--font-family);
    font-size: 13px;
    font-weight: 400;
}

.simple-task-market-page .simple-task-feed-toolbar__search input::placeholder {
    color: var(--vacancy-ui-tertiary);
    opacity: 1;
}

.simple-task-market-page .simple-task-feed-toolbar__category {
    justify-content: space-between;
    max-width: 190px;
}

.simple-task-market-page .simple-task-feed-toolbar__category > span {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.simple-task-market-page .simple-task-feed-toolbar__sort {
    position: relative;
    padding: 0;
}

.simple-task-market-page .simple-task-feed-toolbar__sort select {
    width: 100%;
    height: 100%;
    padding: 0 34px 0 12px;
    border: 0;
    outline: 0;
    color: inherit;
    background: transparent;
    appearance: none;
    font: inherit;
    cursor: pointer;
}

.simple-task-market-page .simple-task-feed-toolbar__sort > svg {
    position: absolute;
    right: 9px;
    pointer-events: none;
}

html[data-theme="dark"] body.fiwork-page-earn .simple-task-market-page .simple-task-feed-toolbar {
    border-color: var(--vacancy-ui-stroke);
    background: var(--vacancy-ui-island);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .18);
}

html[data-theme="dark"] .simple-task-market-page .simple-task-feed-toolbar__button,
html[data-theme="dark"] .simple-task-market-page .simple-task-feed-toolbar__sort {
    border-color: var(--vacancy-ui-stroke);
    color: var(--vacancy-ui-secondary);
    background: var(--vacancy-ui-surface);
}

html[data-theme="dark"] .simple-task-market-page .simple-task-feed-toolbar__button:hover,
html[data-theme="dark"] .simple-task-market-page .simple-task-feed-toolbar__button:focus-visible,
html[data-theme="dark"] .simple-task-market-page .simple-task-feed-toolbar__sort:hover,
html[data-theme="dark"] .simple-task-market-page .simple-task-feed-toolbar__sort:focus-within {
    color: var(--vacancy-ui-text);
    background: var(--vacancy-ui-surface-hover);
}

html[data-theme="dark"] .simple-task-market-page .simple-task-feed-toolbar__search {
    border-color: transparent;
    background: var(--vacancy-ui-search-input);
}

html[data-theme="dark"] .simple-task-market-page .simple-task-feed-toolbar__search:focus-within {
    border-color: #3e6685;
    background: var(--vacancy-ui-input);
}

@media (max-width: 680px) {
    .simple-task-market-page .simple-task-feed-tabs {
        padding: 4px;
    }

    .simple-task-market-page .simple-task-feed-tabs__item {
        height: 40px;
        gap: 6px;
        padding: 0 8px;
        font-size: 12px;
    }

    .simple-task-market-page .simple-task-feed-toolbar {
        grid-template-columns: auto minmax(0, 1fr);
        padding: 10px;
    }

    .simple-task-market-page .simple-task-feed-toolbar__search {
        grid-column: 1 / -1;
        grid-row: 1;
    }

    .simple-task-market-page .simple-task-feed-toolbar__button:not(.simple-task-feed-toolbar__category) {
        grid-column: 1;
        grid-row: 2;
    }

    .simple-task-market-page .simple-task-feed-toolbar__category {
        display: none;
    }

    .simple-task-market-page .simple-task-feed-toolbar__sort {
        grid-column: 2;
        grid-row: 2;
        width: 100%;
    }
}

/* The vacancy promo and search already have grid spacing between them. */
.vacancy-market-page .vacancy-aggregator-filter.vacancy-search-island {
    margin-top: 0;
}

/* Personal feeds use the same card anatomy as the quick-task catalogue. */
.personal-market-page .personal-feed-list,
.personal-market-page .simple-task-completions-list {
    display: grid;
    gap: 14px;
}

.personal-market-page .personal-feed-card.simple-task-card {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 16px 20px;
}

.personal-market-page .personal-feed-card .simple-task-card__main {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.personal-market-page .personal-feed-card__badges {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    min-height: 28px;
    margin: 0 0 10px;
}

.personal-market-page .personal-feed-card__badges > .personal-card-status,
.personal-market-page .personal-feed-card__badges > .personal-card-id,
.personal-market-page .personal-feed-card__badges > .client-content-submission__status,
.personal-market-page .personal-feed-card__badges > .simple-task-card__type {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: fit-content;
    height: 28px;
    min-height: 28px;
    margin: 0;
    padding: 0 10px;
    border: 1px solid transparent;
    border-radius: 7px;
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    white-space: nowrap;
}

.personal-market-page .personal-card-id {
    color: var(--vacancy-ui-tertiary);
    background: var(--vacancy-ui-surface);
}

.personal-market-page .personal-card-status--sent,
.personal-market-page .personal-card-status--viewed {
    color: #166aa8;
    background: rgba(33, 150, 243, .11);
}

.personal-market-page .personal-card-status--shortlist,
.personal-market-page .personal-card-status--interview {
    color: #765000;
    background: rgba(255, 176, 32, .16);
}

.personal-market-page .personal-card-status--hired {
    color: #148943;
    background: rgba(35, 195, 102, .12);
}

.personal-market-page .personal-card-status--rejected {
    color: #bd3434;
    background: rgba(229, 73, 73, .12);
}

.personal-market-page .personal-feed-card h2 {
    margin-bottom: 9px;
}

.personal-market-page .personal-feed-card .personal-card-description {
    max-width: 720px;
}

.personal-market-page .personal-feed-card .personal-card-description p {
    display: block;
    margin: 0;
    color: var(--vacancy-ui-secondary);
    font-size: 14px;
    font-weight: 300;
    line-height: 1.55;
    overflow-wrap: anywhere;
}

.personal-market-page .personal-feed-card__reward {
    align-self: start;
}

.personal-market-page .personal-card-date {
    color: var(--vacancy-ui-tertiary);
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    white-space: nowrap;
}

.personal-market-page .personal-feed-card__reward .simple-task-card__reward-side {
    align-items: flex-end;
    flex-direction: column;
}

.personal-market-page .personal-feed-card__reward small {
    color: #168e48;
    font-size: 11px;
    font-weight: 600;
    line-height: 16px;
}

.personal-market-page .personal-feed-card__footer {
    min-width: 0;
}

.personal-market-page .personal-feed-card__actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 8px;
}

.personal-market-page .personal-card-secondary-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-height: 40px;
    gap: 7px;
    padding: 0 14px;
    border: 1px solid var(--vacancy-ui-stroke);
    border-radius: 10px;
    color: var(--vacancy-ui-secondary);
    background: var(--vacancy-ui-surface);
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
    text-decoration: none;
    transition: color .18s ease, background-color .18s ease, border-color .18s ease;
}

.personal-market-page .personal-card-secondary-action:hover,
.personal-market-page .personal-card-secondary-action:focus-visible {
    border-color: color-mix(in srgb, var(--personal-market-accent) 35%, var(--vacancy-ui-stroke));
    color: var(--personal-market-accent);
    background: var(--personal-market-accent-soft);
}

.personal-market-page .personal-card-secondary-action:focus-visible {
    outline: 2px solid color-mix(in srgb, var(--personal-market-accent) 28%, transparent);
    outline-offset: 2px;
}

.personal-market-page .personal-card-secondary-action svg,
.personal-market-page .personal-feed-card__actions .simple-task-start svg {
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
}

.personal-market-page .work-feed-card .simple-task-completion-card__proof {
    display: grid;
    gap: 5px;
    margin-top: 14px;
    padding: 12px 14px;
    border: 1px solid var(--vacancy-ui-stroke);
    border-radius: 10px;
    color: var(--vacancy-ui-secondary);
    background: var(--vacancy-ui-surface);
}

.personal-market-page .work-feed-card .simple-task-completion-card__proof strong {
    color: var(--vacancy-ui-tertiary);
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
}

.personal-market-page .work-feed-card .simple-task-completion-card__proof span {
    color: var(--vacancy-ui-secondary);
    font-size: 13px;
    font-weight: 300;
    line-height: 20px;
    overflow-wrap: anywhere;
}

.personal-market-page .work-feed-card .simple-task-completion-card__files {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 10px;
}

.personal-market-page .work-feed-card .simple-task-completion-card__file {
    min-height: 34px;
    padding: 0 10px;
    border: 1px solid var(--vacancy-ui-stroke);
    border-radius: 8px;
    color: var(--vacancy-ui-secondary);
    background: var(--vacancy-ui-surface);
    font-size: 12px;
    font-weight: 500;
    text-decoration: none;
}

.personal-market-page .work-feed-card .simple-task-completion-submit {
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid var(--vacancy-ui-stroke);
}

html[data-theme="dark"] .personal-market-page .personal-card-status--sent,
html[data-theme="dark"] .personal-market-page .personal-card-status--viewed {
    color: #71baf0;
    background: rgba(33, 150, 243, .15);
}

html[data-theme="dark"] .personal-market-page .personal-card-status--shortlist,
html[data-theme="dark"] .personal-market-page .personal-card-status--interview {
    color: #e7bd62;
    background: rgba(255, 176, 32, .14);
}

html[data-theme="dark"] .personal-market-page .personal-card-status--hired {
    color: #63d891;
    background: rgba(35, 195, 102, .14);
}

html[data-theme="dark"] .personal-market-page .personal-card-status--rejected {
    color: #ec8989;
    background: rgba(229, 73, 73, .14);
}

@media (max-width: 680px) {
    .personal-market-page .personal-feed-card.simple-task-card {
        grid-template-columns: minmax(0, 1fr);
        gap: 14px;
        padding: 16px;
    }

    .personal-market-page .personal-feed-card__reward {
        width: 100%;
        min-width: 0;
        flex-direction: row;
        align-items: flex-end;
        justify-content: space-between;
    }

    .personal-market-page .personal-feed-card__reward .simple-task-card__reward-price {
        align-items: flex-start;
        text-align: left;
    }

    .personal-market-page .personal-feed-card__footer {
        align-items: stretch;
        flex-direction: column;
    }

    .personal-market-page .personal-feed-card__actions {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        width: 100%;
    }

    .personal-market-page .personal-feed-card__actions > :only-child {
        grid-column: 1 / -1;
    }

    .personal-market-page .personal-card-secondary-action,
    .personal-market-page .personal-feed-card__actions .simple-task-start {
        width: 100%;
        min-width: 0;
    }
}

/* Shared marketplace promo actions and compact contextual help. */
.simple-task-market-page .simple-task-promo__title-row {
    display: flex;
    align-items: center;
    min-width: 0;
    gap: 7px;
}

.simple-task-market-page .simple-task-promo__title-row .freelancer-proposals-title {
    min-width: 0;
}

.simple-task-market-page .fiwork-vacancy-help-toggle {
    display: inline-grid;
    place-items: center;
    width: 26px;
    height: 26px;
    flex: 0 0 26px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    color: var(--vacancy-ui-secondary);
    background: var(--vacancy-ui-surface);
    cursor: pointer;
    transition: color .18s ease, background-color .18s ease;
}

.simple-task-market-page .fiwork-vacancy-help-toggle svg {
    width: 17px;
    height: 17px;
}

.simple-task-market-page .fiwork-vacancy-help-toggle:hover,
.simple-task-market-page .fiwork-vacancy-help-toggle[aria-expanded="true"] {
    color: #168e48;
    background: rgba(35, 195, 102, .12);
}

.simple-task-market-page .fiwork-vacancy-help-toggle:focus-visible,
.simple-task-market-page .simple-task-promo__personal-link:focus-visible {
    outline: 2px solid rgba(35, 195, 102, .48);
    outline-offset: 2px;
}

.simple-task-market-page .simple-task-promo__actions {
    flex-wrap: wrap;
    gap: 6px;
}

.simple-task-market-page .simple-task-promo .simple-task-promo__personal-link {
    text-decoration: none;
}

.simple-task-market-page .simple-task-promo .simple-task-promo__personal-link--secondary {
    color: var(--vacancy-ui-secondary);
    background: var(--vacancy-ui-surface);
}

.simple-task-market-page .simple-task-promo .simple-task-promo__personal-link--secondary:hover {
    color: var(--vacancy-ui-text);
    background: var(--vacancy-ui-surface-hover);
}

html[data-theme="dark"] .simple-task-market-page .fiwork-vacancy-help-toggle {
    color: var(--vacancy-ui-secondary);
    background: var(--vacancy-ui-surface);
}

html[data-theme="dark"] .simple-task-market-page .fiwork-vacancy-help-toggle:hover,
html[data-theme="dark"] .simple-task-market-page .fiwork-vacancy-help-toggle[aria-expanded="true"] {
    color: #75d9a0;
    background: rgba(35, 195, 102, .16);
}

html[data-theme="dark"] .simple-task-market-page .simple-task-promo .simple-task-promo__personal-link--secondary {
    color: var(--vacancy-ui-secondary);
    background: var(--vacancy-ui-surface);
}

@media (max-width: 680px) {
    .simple-task-market-page .simple-task-promo__title-row {
        align-items: flex-start;
    }

    .simple-task-market-page .fiwork-vacancy-help-toggle {
        width: 24px;
        height: 24px;
        flex-basis: 24px;
    }
}