:root {
    --ak-filter-panel-bg: linear-gradient(145deg, rgba(36, 40, 58, .74), rgba(27, 30, 45, .56));
    --ak-filter-section-bg: rgba(18, 24, 36, .34);
    --ak-filter-card-bg: rgba(36, 40, 58, .42);
    --ak-filter-card-hover-bg: rgba(38, 43, 62, .58);
    --ak-filter-control-bg: rgba(18, 24, 36, .58);
    --ak-filter-control-hover-bg: rgba(18, 24, 36, .72);
    --ak-filter-control-border: rgba(143, 167, 197, .2);
    --ak-filter-control-hover-border: rgba(132, 190, 253, .28);
    --ak-filter-control-focus-border: rgba(255, 210, 146, .58);
    --ak-filter-control-height: 38px;
    --ak-filter-control-radius: 12px;
    --ak-filter-item-radius: 14px;
    --ak-filter-gap: 12px;
}

.filters {
    background: var(--ak-filter-panel-bg) !important;
    border: 1px solid rgba(143, 167, 197, .16) !important;
    border-radius: var(--ak-radius-lg, 18px) !important;
    box-shadow: 0 18px 48px rgba(0, 0, 0, .12) !important;
    margin: 18px 0 !important;
    padding: 14px !important;
}

.filters-block {
    display: grid !important;
    gap: var(--ak-filter-gap) !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.filters-item,
.filters-item--attributes,
.filters-item--saved-lists {
    background: var(--ak-filter-section-bg) !important;
    border: 1px solid rgba(143, 167, 197, .12) !important;
    border-radius: var(--ak-radius, 14px) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035) !important;
    padding: 12px !important;
}

.filters-item--sort {
    align-items: center !important;
    display: flex !important;
    justify-content: flex-end !important;
    min-height: 54px !important;
}

.filters .sort-left,
.filters .sort-form {
    align-items: center !important;
    display: flex !important;
    justify-content: flex-end !important;
    min-width: 0 !important;
    width: 100% !important;
}

.filters-container,
.filters-container--4-cols,
.filters-container--3-cols,
.filters-container--2-cols {
    display: grid !important;
    gap: var(--ak-filter-gap) !important;
    grid-template-columns: repeat(auto-fit, minmax(176px, 1fr)) !important;
    width: 100% !important;
}

.filter-item,
.claims-filter-item,
.admin-feedback-filter-item,
.bug-report-filter-item,
.sai-filter-item,
.support-filter-item {
    align-content: start !important;
    background: var(--ak-filter-card-bg) !important;
    border: 1px solid rgba(143, 167, 197, .12) !important;
    border-radius: var(--ak-filter-item-radius) !important;
    box-sizing: border-box !important;
    display: grid !important;
    gap: 8px !important;
    min-width: 0 !important;
    padding: 11px !important;
    transition: border-color .18s ease, background-color .18s ease, box-shadow .18s ease !important;
}

.claims-filter-block,
.support-filters-form,
.bug-report-filters-form,
.sai-filters-form {
    background: var(--ak-filter-panel-bg) !important;
    border: 1px solid rgba(143, 167, 197, .16) !important;
    border-radius: var(--ak-radius-lg, 18px) !important;
    box-shadow: 0 18px 48px rgba(0, 0, 0, .12) !important;
    gap: var(--ak-filter-gap) !important;
    padding: 14px !important;
}

.claims-filter-block {
    display: grid !important;
    grid-template-columns: 1.15fr repeat(3, minmax(150px, .65fr)) !important;
}

.support-filters-form {
    align-items: flex-end !important;
    display: flex !important;
    flex-wrap: wrap !important;
    margin-bottom: 12px !important;
}

.filter-item:hover,
.claims-filter-item:hover,
.admin-feedback-filter-item:hover {
    background: var(--ak-filter-card-hover-bg) !important;
    border-color: rgba(132, 190, 253, .2) !important;
}

.filter-item > label,
.filters .filters-label,
.filters .saved-filter-label,
.claims-filter-title,
.admin-feedback-filter-item label,
.bug-report-filter-item label,
.sai-filter-item label,
.support-filter-item label {
    color: var(--ak-text-strong, #E8ECEF) !important;
    display: block !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    margin: 0 !important;
    min-height: 16px !important;
    text-transform: none !important;
}

.filters .text-field,
.filters .list-choose,
.filters .double-input,
.filters .toggle-group {
    width: 100% !important;
}

.filters .text-field input,
.filters .list-choose select,
.filters .sort-form select,
.filters select,
.filters textarea,
.claims-filter-input,
.claims-filter-select,
.admin-feedback-filter-item input,
.admin-feedback-filter-item select,
.bug-report-filter-item input,
.bug-report-filter-item select,
.sai-filter-item input,
.sai-filter-item select,
.support-filter-item input,
.support-filter-item select,
.date-filter-select {
    background-color: var(--ak-filter-control-bg) !important;
    border: 1px solid var(--ak-filter-control-border) !important;
    border-radius: var(--ak-filter-control-radius) !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    color: var(--ak-text, #D8E3F4) !important;
    font-family: Geist, sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    height: var(--ak-filter-control-height) !important;
    line-height: 1 !important;
    min-height: var(--ak-filter-control-height) !important;
    min-width: 0 !important;
    outline: none !important;
    padding: 0 12px !important;
    width: 100% !important;
}

.filters select,
.filters .list-choose select,
.filters .sort-form select,
.claims-filter-select,
.admin-feedback-filter-item select,
.bug-report-filter-item select,
.sai-filter-item select,
.support-filter-item select,
.date-filter-select {
    appearance: none !important;
    background-image: url('/static/mainpage/img/filters/arrow-down-s-line.svg') !important;
    background-position: right 11px center !important;
    background-repeat: no-repeat !important;
    background-size: 16px 16px !important;
    cursor: pointer !important;
    padding-right: 34px !important;
}

.filters .akysos-select,
.filters .list-choose .akysos-select,
.admin-feedback-filter-item .akysos-select,
.claims-filter-select + .akysos-select,
.date-filter-select + .akysos-select {
    align-self: stretch !important;
    display: flex !important;
    margin: 0 !important;
    width: 100% !important;
}

.filters:has(.akysos-select.is-open),
.filters .sort-form:has(.akysos-select.is-open),
.filters .list-choose:has(.akysos-select.is-open) {
    overflow: visible !important;
    z-index: 9200 !important;
}

.sort-form.label-control-list .akysos-select {
    flex: 0 0 auto !important;
    width: 199px !important;
}

.filters .sort-form .akysos-select {
    flex: 0 0 auto !important;
    max-width: 230px !important;
    min-width: 190px !important;
    width: auto !important;
}

.filters .akysos-select__trigger,
.filters .list-choose .akysos-select__trigger,
.filters .sort-form .akysos-select__trigger,
.claims-filter-select + .akysos-select .akysos-select__trigger,
.admin-feedback-filter-item .akysos-select__trigger,
.date-filter-select + .akysos-select .akysos-select__trigger {
    background-color: var(--ak-filter-control-bg) !important;
    background-image: url('/static/mainpage/img/filters/arrow-down-s-line.svg') !important;
    background-position: right 11px center !important;
    background-repeat: no-repeat !important;
    background-size: 16px 16px !important;
    border: 1px solid var(--ak-filter-control-border) !important;
    border-radius: var(--ak-filter-control-radius) !important;
    box-shadow: none !important;
    color: var(--ak-text, #D8E3F4) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    height: var(--ak-filter-control-height) !important;
    justify-content: flex-start !important;
    min-height: var(--ak-filter-control-height) !important;
    min-width: 0 !important;
    padding: 0 34px 0 12px !important;
    text-align: left !important;
    width: 100% !important;
}

.sort-form.label-control-list .akysos-select__trigger {
    background-color: var(--ak-filter-control-bg) !important;
    background-image: url('/static/mainpage/img/filters/arrow-down-s-line.svg') !important;
    background-position: right 11px center !important;
    background-repeat: no-repeat !important;
    background-size: 16px 16px !important;
    border: 1px solid var(--ak-filter-control-border) !important;
    border-radius: 16px !important;
    box-shadow: none !important;
    color: var(--ak-muted-2, #6C839C) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    height: 34px !important;
    justify-content: center !important;
    min-height: 34px !important;
    padding: 0 34px 0 14px !important;
    text-align: center !important;
}

.filters .label-filter-select + .akysos-select.has-label-color .akysos-select__trigger,
.filters .list-choose .label-filter-select + .akysos-select.has-label-color .akysos-select__trigger,
.filters .label-filter-select + .akysos-select.has-label-color .akysos-select__trigger:hover,
.filters .list-choose .label-filter-select + .akysos-select.has-label-color .akysos-select__trigger:hover,
.filters .label-filter-select + .akysos-select.has-label-color.is-open .akysos-select__trigger,
.filters .label-filter-select + .akysos-select.has-label-color .akysos-select__trigger:focus-visible {
    background-color: var(--ak-filter-control-bg) !important;
    background-image: url('/static/mainpage/img/filters/arrow-down-s-line.svg') !important;
    background-position: right 11px center !important;
    background-repeat: no-repeat !important;
    background-size: 16px 16px !important;
    border-color: var(--ak-label-option-color) !important;
    box-shadow: none !important;
    color: var(--ak-label-option-color) !important;
}

.filters .text-field input:hover,
.filters .list-choose select:hover,
.filters .sort-form select:hover,
.filters select:hover,
.filters textarea:hover,
.claims-filter-input:hover,
.claims-filter-select:hover,
.admin-feedback-filter-item input:hover,
.admin-feedback-filter-item select:hover,
.date-filter-select:hover,
.filters .akysos-select__trigger:hover,
.claims-filter-select + .akysos-select .akysos-select__trigger:hover,
.admin-feedback-filter-item .akysos-select__trigger:hover,
.date-filter-select + .akysos-select .akysos-select__trigger:hover {
    background-color: var(--ak-filter-control-hover-bg) !important;
    border-color: var(--ak-filter-control-hover-border) !important;
    color: var(--ak-text, #D8E3F4) !important;
}

.sort-form.label-control-list .akysos-select__trigger:hover {
    background-color: var(--ak-filter-control-hover-bg) !important;
    border-color: var(--ak-filter-control-hover-border) !important;
}

.filters .text-field input:focus,
.filters .list-choose select:focus,
.filters .sort-form select:focus,
.filters select:focus,
.filters textarea:focus,
.claims-filter-input:focus,
.claims-filter-select:focus,
.admin-feedback-filter-item input:focus,
.admin-feedback-filter-item select:focus,
.date-filter-select:focus,
.filters .akysos-select.is-open .akysos-select__trigger,
.filters .akysos-select__trigger:focus-visible,
.claims-filter-select + .akysos-select.is-open .akysos-select__trigger,
.claims-filter-select + .akysos-select .akysos-select__trigger:focus-visible,
.admin-feedback-filter-item .akysos-select.is-open .akysos-select__trigger,
.admin-feedback-filter-item .akysos-select__trigger:focus-visible,
.date-filter-select + .akysos-select.is-open .akysos-select__trigger,
.date-filter-select + .akysos-select .akysos-select__trigger:focus-visible {
    border-color: var(--ak-filter-control-focus-border) !important;
    box-shadow: 0 0 0 3px rgba(255, 210, 146, .1) !important;
}

.sort-form.label-control-list .akysos-select.is-open .akysos-select__trigger,
.sort-form.label-control-list .akysos-select__trigger:focus-visible {
    border-color: var(--ak-filter-control-focus-border) !important;
    box-shadow: 0 0 0 3px rgba(255, 210, 146, .1) !important;
}

.filters .text-field input::placeholder,
.filters .double-input input::placeholder {
    color: rgba(143, 167, 197, .72) !important;
}

.filters input[type=number] {
    -moz-appearance: textfield !important;
    appearance: textfield !important;
}

.filters input[type=number]::-webkit-outer-spin-button,
.filters input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}

.filters .double-input {
    align-items: stretch !important;
    background: var(--ak-filter-control-bg) !important;
    border: 1px solid var(--ak-filter-control-border) !important;
    border-radius: var(--ak-filter-control-radius) !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    height: var(--ak-filter-control-height) !important;
    min-height: var(--ak-filter-control-height) !important;
    overflow: hidden !important;
    position: relative !important;
}

.filters .double-input::before {
    background: rgba(143, 167, 197, .14) !important;
    content: "" !important;
    height: 100% !important;
    left: 50% !important;
    position: absolute !important;
    top: 0 !important;
    transform: translateX(-50%) !important;
    width: 1px !important;
}

.filters .double-input label {
    align-items: center !important;
    box-sizing: border-box !important;
    display: flex !important;
    margin: 0 !important;
    min-width: 0 !important;
}

.filters .double-input input {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    caret-color: var(--ak-blue, #84BEFD) !important;
    color: var(--ak-text, #D8E3F4) !important;
    font-size: 14px !important;
    height: 100% !important;
    min-height: 0 !important;
    outline: 0 !important;
    padding: 0 10px !important;
    text-align: center !important;
    width: 100% !important;
}

.filters .double-input:hover {
    background: var(--ak-filter-control-hover-bg) !important;
    border-color: var(--ak-filter-control-hover-border) !important;
}

.filters .double-input:focus-within {
    background: rgba(18, 24, 36, .74) !important;
    border-color: rgba(132, 190, 253, .38) !important;
    box-shadow: 0 0 0 2px rgba(132, 190, 253, .08) !important;
}

.filters .double-input input:focus {
    background: rgba(132, 190, 253, .045) !important;
    outline: 0 !important;
}

.filters .double-input input::selection {
    background: rgba(132, 190, 253, .22) !important;
    color: var(--ak-text-strong, #E8ECEF) !important;
}

.filters .toggle-group {
    align-items: center !important;
    background: var(--ak-filter-control-bg) !important;
    border: 1px solid var(--ak-filter-control-border) !important;
    border-radius: var(--ak-filter-control-radius) !important;
    box-sizing: border-box !important;
    display: grid !important;
    grid-auto-columns: minmax(0, 1fr) !important;
    grid-auto-flow: column !important;
    height: var(--ak-filter-control-height) !important;
    min-height: var(--ak-filter-control-height) !important;
    overflow: hidden !important;
    padding: 3px !important;
}

.filters .toggle-group input {
    display: none !important;
}

.filters .toggle-group label {
    align-items: center !important;
    border: 0 !important;
    border-radius: 9px !important;
    color: var(--ak-muted, #8FA7C5) !important;
    cursor: pointer !important;
    display: flex !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    height: 100% !important;
    justify-content: center !important;
    line-height: 1 !important;
    margin: 0 !important;
    min-width: 0 !important;
    padding: 0 8px !important;
    transition: background-color .18s ease, color .18s ease, box-shadow .18s ease !important;
    white-space: nowrap !important;
}

.filters .toggle-group label:hover {
    background: rgba(132, 190, 253, .08) !important;
    color: var(--ak-blue, #84BEFD) !important;
}

.filters .toggle-group input:checked + label {
    background: linear-gradient(135deg, rgba(255, 210, 146, .96), rgba(255, 190, 111, .92)) !important;
    box-shadow: 0 6px 18px rgba(255, 190, 111, .14) !important;
    color: #171B28 !important;
}

.filters-reset-row {
    align-items: center !important;
    display: flex !important;
    justify-content: flex-end !important;
    margin-top: 12px !important;
    padding-top: 0 !important;
}

.filter-reset-button {
    align-items: center !important;
    background: rgba(255, 120, 120, .08) !important;
    border: 1px solid rgba(255, 120, 120, .22) !important;
    border-radius: 999px !important;
    color: var(--ak-red, #FF7878) !important;
    display: inline-flex !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    gap: 8px !important;
    height: var(--ak-filter-control-height) !important;
    min-height: var(--ak-filter-control-height) !important;
    justify-content: center !important;
    padding: 0 16px 0 12px !important;
}

.filter-reset-button__icon {
    align-items: center !important;
    background: rgba(255, 120, 120, .14) !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    font-size: 18px !important;
    height: 20px !important;
    justify-content: center !important;
    line-height: 1 !important;
    width: 20px !important;
}

.filter-reset-button:hover {
    background: rgba(255, 120, 120, .12) !important;
    border-color: rgba(255, 120, 120, .34) !important;
    color: #FF9B9B !important;
}

.filter-reset-button:hover .filter-reset-button__icon {
    background: rgba(255, 120, 120, .24) !important;
    color: #FFB2B2 !important;
}

.filters-item-button,
.filters-submit {
    align-items: center !important;
    background: linear-gradient(135deg, rgba(255, 210, 146, .95), rgba(255, 190, 111, .9)) !important;
    border: 0 !important;
    border-radius: 999px !important;
    color: #171B28 !important;
    cursor: pointer !important;
    display: inline-flex !important;
    font-weight: 900 !important;
    justify-content: center !important;
    min-height: var(--ak-filter-control-height) !important;
    padding: 0 16px !important;
    transition: filter .18s ease, transform .18s ease !important;
}

.filters-item-button:hover,
.filters-submit:hover {
    filter: brightness(1.04) !important;
    transform: translateY(-1px) !important;
}

.filters-item--saved-lists {
    align-items: stretch !important;
    display: grid !important;
    gap: 10px !important;
    grid-template-columns: repeat(auto-fit, minmax(184px, 1fr)) !important;
}

.filters-item--saved-lists .saved-filter-label {
    align-self: center !important;
    grid-column: 1 / -1 !important;
    margin: 0 !important;
    white-space: nowrap !important;
}

.filters-item--saved-lists .saved-filter-block {
    align-items: center !important;
    background: rgba(36, 40, 58, .45) !important;
    border: 1px solid rgba(143, 167, 197, .13) !important;
    border-radius: var(--ak-filter-control-radius) !important;
    box-sizing: border-box !important;
    display: grid !important;
    gap: 6px !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    justify-content: stretch !important;
    min-height: var(--ak-filter-control-height) !important;
    min-width: 0 !important;
    padding: 4px !important;
    width: 100% !important;
}

.filters-item--saved-lists .saved-filter-button,
.filters-item--saved-lists .edit-saved-filter-button {
    align-items: center !important;
    border: 0 !important;
    cursor: pointer !important;
    display: inline-flex !important;
    justify-content: center !important;
    transition: background-color .18s ease, color .18s ease !important;
}

.filters-item--saved-lists .saved-filter-button {
    background: transparent !important;
    border-radius: 999px !important;
    color: var(--ak-blue, #84BEFD) !important;
    font-weight: 800 !important;
    min-height: 30px !important;
    min-width: 0 !important;
    overflow: hidden !important;
    padding: 0 11px !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.filters-item--saved-lists .saved-filter-button:hover {
    background: rgba(132, 190, 253, .1) !important;
    color: var(--ak-text-strong, #E8ECEF) !important;
}

.filters-item--saved-lists .saved-filter-edit-group {
    display: inline-flex !important;
    flex: 0 0 auto !important;
    gap: 3px !important;
}

.filters-item--saved-lists .edit-saved-filter-button {
    background: rgba(132, 190, 253, .08) !important;
    border-radius: 999px !important;
    color: var(--ak-muted, #8FA7C5) !important;
    height: 30px !important;
    width: 30px !important;
}

.filters-item--saved-lists .edit-saved-filter-button:hover {
    background: rgba(255, 210, 146, .14) !important;
    color: var(--ak-gold, #FFD292) !important;
}

.filters-item--saved-lists .saved-filter-input {
    animation: akFilterFadeIn .2s ease-in !important;
    background: var(--ak-filter-control-bg) !important;
    border: 1px solid var(--ak-filter-control-border) !important;
    border-radius: var(--ak-filter-control-radius) !important;
    box-sizing: border-box !important;
    color: var(--ak-text, #D8E3F4) !important;
    font: inherit !important;
    min-height: var(--ak-filter-control-height) !important;
    outline: none !important;
    padding: 0 12px !important;
    width: 100% !important;
}

.filters-item--saved-lists .saved-filter-input:hover {
    background: var(--ak-filter-control-hover-bg) !important;
    border-color: var(--ak-filter-control-hover-border) !important;
}

.filters-item--saved-lists .saved-filter-input:focus {
    border-color: var(--ak-filter-control-focus-border) !important;
    box-shadow: 0 0 0 3px rgba(255, 210, 146, .1) !important;
}

.filters-item--saved-lists .saved-filter-input::placeholder {
    color: rgba(143, 167, 197, .72) !important;
}

.filters-item--saved-lists .saved-filter-input:-webkit-autofill,
.filters-item--saved-lists .saved-filter-input:-webkit-autofill:hover,
.filters-item--saved-lists .saved-filter-input:-webkit-autofill:focus {
    -webkit-text-fill-color: var(--ak-text, #D8E3F4) !important;
    border-color: var(--ak-filter-control-focus-border) !important;
    transition: background-color 5000s ease-in-out 0s !important;
}

@keyframes akFilterFadeIn {
    from {
        opacity: 0;
        transform: translateY(-4px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.filters input[disabled],
.filters select[disabled],
.filters .akysos-select.is-disabled .akysos-select__trigger {
    background-color: rgba(18, 24, 36, .36) !important;
    color: rgba(143, 167, 197, .62) !important;
    cursor: not-allowed !important;
    opacity: 1 !important;
}

.sell-settings-block,
:is(#sell-form, #sell-telegram-form, #sell-vk-archive-form, #sell-telegram-archive-form) {
    --ak-sell-select-height: var(--ak-filter-control-height, 38px);
}

:is(#sell-form, #sell-telegram-form, #sell-vk-archive-form, #sell-telegram-archive-form) .sell-account-name-field:has(select),
.tg-archive-sell-form .sell-account-name-field:has(select) {
    background: transparent !important;
    border: 0 !important;
    border-radius: var(--ak-filter-control-radius, 12px) !important;
    box-shadow: none !important;
    height: var(--ak-sell-select-height) !important;
    min-height: var(--ak-sell-select-height) !important;
    overflow: visible !important;
    position: relative !important;
}

:is(#sell-form, #sell-telegram-form, #sell-vk-archive-form, #sell-telegram-archive-form) .sell-account-name-field:has(select):focus-within,
.tg-archive-sell-form .sell-account-name-field:has(select):focus-within {
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

:is(#sell-form, #sell-telegram-form, #sell-vk-archive-form, #sell-telegram-archive-form) .sell-account-name-field:has(select) label,
.tg-archive-sell-form .sell-account-name-field:has(select) label {
    display: block !important;
    height: 100% !important;
    width: 100% !important;
}

:is(#sell-form, #sell-telegram-form, #sell-vk-archive-form, #sell-telegram-archive-form) .sell-account-name-field select:not(.akysos-select__native),
.tg-archive-sell-form .sell-account-name-field select:not(.akysos-select__native) {
    appearance: none !important;
    background-color: var(--ak-filter-control-bg) !important;
    background-image: url('/static/mainpage/img/filters/arrow-down-s-line.svg') !important;
    background-position: right 11px center !important;
    background-repeat: no-repeat !important;
    background-size: 16px 16px !important;
    border: 1px solid var(--ak-filter-control-border) !important;
    border-radius: var(--ak-filter-control-radius, 12px) !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    color: var(--ak-text, #D8E3F4) !important;
    cursor: pointer !important;
    font-family: Geist, sans-serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    height: var(--ak-sell-select-height) !important;
    line-height: 1 !important;
    min-height: var(--ak-sell-select-height) !important;
    outline: none !important;
    padding: 0 34px 0 12px !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    width: 100% !important;
}

:is(#sell-form, #sell-telegram-form, #sell-vk-archive-form, #sell-telegram-archive-form) .sell-account-name-field select:not(.akysos-select__native):hover,
.tg-archive-sell-form .sell-account-name-field select:not(.akysos-select__native):hover {
    background-color: var(--ak-filter-control-hover-bg) !important;
    border-color: var(--ak-filter-control-hover-border) !important;
    color: var(--ak-text, #D8E3F4) !important;
}

:is(#sell-form, #sell-telegram-form, #sell-vk-archive-form, #sell-telegram-archive-form) .sell-account-name-field select:not(.akysos-select__native):focus,
.tg-archive-sell-form .sell-account-name-field select:not(.akysos-select__native):focus {
    background-color: rgba(18, 24, 36, .74) !important;
    border-color: rgba(132, 190, 253, .38) !important;
    box-shadow: 0 0 0 2px rgba(132, 190, 253, .08) !important;
}

:is(#sell-form, #sell-telegram-form, #sell-vk-archive-form, #sell-telegram-archive-form) .sell-account-name-field select option,
.tg-archive-sell-form .sell-account-name-field select option {
    background: #1F2232 !important;
    color: var(--ak-text, #D8E3F4) !important;
}

:is(#sell-form, #sell-telegram-form, #sell-vk-archive-form, #sell-telegram-archive-form) .sell-account-name-field .akysos-select,
.tg-archive-sell-form .sell-account-name-field .akysos-select {
    display: flex !important;
    height: var(--ak-sell-select-height) !important;
    margin: 0 !important;
    width: 100% !important;
}

:is(#sell-form, #sell-telegram-form, #sell-vk-archive-form, #sell-telegram-archive-form) .sell-account-name-field .akysos-select__trigger,
.tg-archive-sell-form .sell-account-name-field .akysos-select__trigger {
    background-color: var(--ak-filter-control-bg) !important;
    background-image: url('/static/mainpage/img/filters/arrow-down-s-line.svg') !important;
    background-position: right 11px center !important;
    background-repeat: no-repeat !important;
    background-size: 16px 16px !important;
    border: 1px solid var(--ak-filter-control-border) !important;
    border-radius: var(--ak-filter-control-radius, 12px) !important;
    box-shadow: none !important;
    color: var(--ak-text, #D8E3F4) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    height: var(--ak-sell-select-height) !important;
    min-height: var(--ak-sell-select-height) !important;
    padding: 0 34px 0 12px !important;
}

:is(#sell-form, #sell-telegram-form, #sell-vk-archive-form, #sell-telegram-archive-form) .sell-account-name-field .akysos-select__trigger:hover,
.tg-archive-sell-form .sell-account-name-field .akysos-select__trigger:hover {
    background-color: var(--ak-filter-control-hover-bg) !important;
    border-color: var(--ak-filter-control-hover-border) !important;
    color: var(--ak-text, #D8E3F4) !important;
}

:is(#sell-form, #sell-telegram-form, #sell-vk-archive-form, #sell-telegram-archive-form) .sell-account-name-field .akysos-select.is-open .akysos-select__trigger,
:is(#sell-form, #sell-telegram-form, #sell-vk-archive-form, #sell-telegram-archive-form) .sell-account-name-field .akysos-select__trigger:focus-visible,
.tg-archive-sell-form .sell-account-name-field .akysos-select.is-open .akysos-select__trigger,
.tg-archive-sell-form .sell-account-name-field .akysos-select__trigger:focus-visible {
    background-color: rgba(18, 24, 36, .74) !important;
    border-color: rgba(132, 190, 253, .38) !important;
    box-shadow: 0 0 0 2px rgba(132, 190, 253, .08) !important;
}

:is(#sell-form, #sell-telegram-form, #sell-vk-archive-form, #sell-telegram-archive-form) .sell-account-name-field .akysos-select__list,
.tg-archive-sell-form .sell-account-name-field .akysos-select__list {
    min-width: 100% !important;
    width: 100% !important;
}

:is(#sell-form, #sell-telegram-form, #sell-vk-archive-form, #sell-telegram-archive-form) .settings-block:has(.akysos-select.is-open),
:is(#sell-form, #sell-telegram-form, #sell-vk-archive-form, #sell-telegram-archive-form) .sell-account-name-field:has(.akysos-select.is-open),
.tg-archive-sell-form .settings-block:has(.akysos-select.is-open),
.tg-archive-sell-form .sell-account-name-field:has(.akysos-select.is-open) {
    overflow: visible !important;
    z-index: 9200 !important;
}

.users_filters,
.users-filters-container,
.subscriptions-feed-filters,
.billing-filters-block,
.admin-users-filter {
    --ak-filter-control-height: 38px;
}

.users-filters-container {
    display: grid !important;
    gap: var(--ak-filter-gap) !important;
}

.users_filters form,
.users_filters .filters,
.users_filters .filter-row {
    max-width: 100% !important;
}

.subscriptions-feed-filters {
    display: grid !important;
    gap: 14px !important;
    padding: 16px !important;
}

.billing-filters-block {
    background: var(--ak-filter-panel-bg) !important;
    border: 1px solid rgba(143, 167, 197, .16) !important;
    border-radius: var(--ak-radius, 14px) !important;
    box-shadow: 0 18px 48px rgba(0, 0, 0, .12) !important;
    padding: 16px !important;
}

.billing-filters-head {
    align-items: center !important;
    display: flex !important;
    gap: var(--ak-filter-gap) !important;
    justify-content: space-between !important;
    margin-bottom: 12px !important;
}

.billing-filters-title {
    align-items: center !important;
    background: rgba(255, 210, 146, .1) !important;
    border: 1px solid rgba(255, 210, 146, .22) !important;
    border-radius: 999px !important;
    color: var(--ak-gold, #FFD292) !important;
    display: inline-flex !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    min-height: 34px !important;
    padding: 0 12px !important;
}

.billing-filters-totals {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    font-size: 14px !important;
    font-weight: 800 !important;
}

.billing-filters-totals .incomes {
    color: var(--ak-green, #33FFAE) !important;
}

.billing-filters-totals .expenses {
    color: var(--ak-red, #FF7878) !important;
}

.billing-filters-row {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin-top: 8px !important;
}

.account-status-filter {
    align-items: stretch !important;
    background: var(--ak-filter-panel-bg) !important;
    border: 1px solid rgba(143, 167, 197, .16) !important;
    border-radius: var(--ak-radius, 14px) !important;
    box-shadow: 0 14px 34px rgba(0, 0, 0, .1) !important;
    display: flex !important;
    gap: 8px !important;
    justify-content: space-between !important;
    overflow: hidden !important;
    padding: 8px !important;
}

.account-status-filter-selector {
    align-items: center !important;
    background: var(--ak-filter-control-bg) !important;
    border: 1px solid var(--ak-filter-control-border) !important;
    border-radius: 999px !important;
    color: var(--ak-muted, #8FA7C5) !important;
    cursor: pointer !important;
    display: flex !important;
    flex: 1 1 0 !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    justify-content: center !important;
    min-height: 36px !important;
    outline: none !important;
    padding: 0 12px !important;
    position: relative !important;
    text-decoration: none !important;
    transition: background-color .18s ease, border-color .18s ease, color .18s ease !important;
}

.account-status-filter-selector input[type="radio"] {
    display: none !important;
}

.account-status-filter-selector:not(:last-child)::after {
    display: none !important;
}

.account-status-filter-selector span {
    color: inherit !important;
    font-size: inherit !important;
    transition: color .18s ease !important;
}

.account-status-filter-selector:hover,
.account-status-filter-selector:focus,
.account-status-filter-selector:active {
    background: var(--ak-filter-control-hover-bg) !important;
    border-color: var(--ak-filter-control-hover-border) !important;
    box-shadow: none !important;
    color: var(--ak-blue, #84BEFD) !important;
    outline: none !important;
}

.account-status-filter-selector input[type="radio"]:checked + span,
.account-status-filter-selector:has(input[type="radio"]:checked) span,
.account-status-filter-selector.selected span {
    color: #171B28 !important;
}

.account-status-filter-selector:has(input[type="radio"]:checked),
.account-status-filter-selector.selected {
    background: linear-gradient(135deg, rgba(255, 210, 146, .98), rgba(255, 190, 111, .92)) !important;
    border-color: rgba(255, 210, 146, .55) !important;
    color: #171B28 !important;
}

.account-status-filter-selector:has(input[type="radio"]:checked):hover,
.account-status-filter-selector.selected:hover {
    filter: brightness(1.04) !important;
}

.notifications-block-filters {
    align-items: center !important;
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    padding: 14px !important;
    position: relative !important;
}

.notifications-block-filters span {
    color: var(--ak-muted, #8FA7C5) !important;
}

.notifications-dropdown-filters {
    align-items: center !important;
    background: var(--ak-filter-control-bg) !important;
    border: 1px solid var(--ak-filter-control-border) !important;
    border-radius: var(--ak-filter-control-radius) !important;
    cursor: pointer !important;
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
}

.notifications-dropdown-filters:hover {
    background: var(--ak-filter-control-hover-bg) !important;
    border-color: var(--ak-filter-control-hover-border) !important;
}

.notifications-dropdown-button {
    align-items: center !important;
    background: none !important;
    border: 0 !important;
    color: var(--ak-muted, #8FA7C5) !important;
    cursor: pointer !important;
    display: flex !important;
    flex-direction: row !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    gap: 52px !important;
    height: var(--ak-filter-control-height) !important;
    justify-content: space-between !important;
    line-height: normal !important;
    padding: 0 14px !important;
}

.notifications-dropdown-content {
    box-sizing: border-box !important;
    display: grid !important;
    gap: 8px !important;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) !important;
    width: 100% !important;
}

.notifications-dropdown-content label {
    white-space: nowrap !important;
}

.notifications-dropdown-content .terms-checkbox {
    align-items: center !important;
    background: var(--ak-filter-control-bg) !important;
    border: 1px solid var(--ak-filter-control-border) !important;
    border-radius: 999px !important;
    display: inline-flex !important;
    min-height: 36px !important;
    min-width: 0 !important;
    padding: 0 12px !important;
}

.notifications-dropdown-content .terms-checkbox:hover {
    background: var(--ak-filter-control-hover-bg) !important;
    border-color: var(--ak-filter-control-hover-border) !important;
}

.notifications-dropdown-content .terms-checkbox span:last-child {
    color: var(--ak-muted, #8FA7C5) !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

:where(.account-detail-content-block-FEEDBACK, .review-page .review-page-feedback-block) .user-feedback-summary-and-filters,
.user-feedback-summary-and-filters {
    align-items: center !important;
    background: rgba(18, 24, 36, .36) !important;
    border: 1px solid rgba(143, 167, 197, .16) !important;
    border-radius: 12px !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    justify-content: space-between !important;
    margin: 0 !important;
    min-height: 46px !important;
    padding: 10px 12px !important;
}

:where(.account-detail-content-block-FEEDBACK, .review-page .review-page-feedback-block) .reviews-left-side,
:where(.account-detail-content-block-FEEDBACK, .review-page .review-page-feedback-block) .reviews-right-side,
.user-feedback-summary-and-filters .reviews-left-side,
.user-feedback-summary-and-filters .reviews-right-side {
    align-items: center !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin: 0 !important;
    min-width: 0 !important;
}

:where(.account-detail-content-block-FEEDBACK, .review-page .review-page-feedback-block) .reviews-right-side .dot,
.user-feedback-summary-and-filters .reviews-right-side .dot {
    display: none !important;
}

:where(.account-detail-content-block-FEEDBACK, .review-page .review-page-feedback-block) .radio-review-filters,
.user-feedback-summary-and-filters .radio-review-filters {
    align-items: center !important;
    background: rgba(18, 24, 36, .42) !important;
    border: 1px solid rgba(143, 167, 197, .24) !important;
    border-radius: 999px !important;
    box-sizing: border-box !important;
    color: var(--ak-muted, #8FA7C5) !important;
    cursor: pointer !important;
    display: inline-flex !important;
    font-size: 13px !important;
    font-weight: 650 !important;
    gap: 6px !important;
    line-height: 1 !important;
    min-height: 30px !important;
    min-width: 0 !important;
    padding: 0 10px !important;
    position: relative !important;
    text-decoration: none !important;
    white-space: normal !important;
}

:where(.account-detail-content-block-FEEDBACK, .review-page .review-page-feedback-block) .radio-review-filters input[type="radio"],
.user-feedback-summary-and-filters .radio-review-filters input[type="radio"] {
    appearance: none !important;
    display: none !important;
}

:where(.account-detail-content-block-FEEDBACK, .review-page .review-page-feedback-block) .radio-review-filters:hover,
.user-feedback-summary-and-filters .radio-review-filters:hover {
    border-color: rgba(132, 190, 253, .38) !important;
    color: var(--ak-blue, #84BEFD) !important;
}

:where(.account-detail-content-block-FEEDBACK, .review-page .review-page-feedback-block) .radio-review-filters:has(input[type="radio"]:checked),
.user-feedback-summary-and-filters .radio-review-filters:has(input[type="radio"]:checked) {
    background: rgba(255, 210, 146, .12) !important;
    border-color: rgba(255, 210, 146, .36) !important;
    color: var(--ak-gold, #FFD292) !important;
    font-weight: 800 !important;
    text-decoration: none !important;
}

:where(.account-detail-content-block-FEEDBACK, .review-page .review-page-feedback-block) .radio-review-filters:has(input[type="radio"]:checked)::after,
.user-feedback-summary-and-filters .radio-review-filters:has(input[type="radio"]:checked)::after {
    display: none !important;
}

.withdraw-filters {
    align-items: center !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin: 12px 0 !important;
}

.withdraw-filters a {
    align-items: center !important;
    background: var(--ak-filter-control-bg) !important;
    border: 1px solid var(--ak-filter-control-border) !important;
    border-radius: 999px !important;
    color: var(--ak-muted, #8FA7C5) !important;
    display: inline-flex !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    min-height: 34px !important;
    padding: 0 12px !important;
    text-decoration: none !important;
    transition: background-color .18s ease, border-color .18s ease, color .18s ease !important;
}

.withdraw-filters a:hover {
    background: var(--ak-filter-control-hover-bg) !important;
    border-color: var(--ak-filter-control-hover-border) !important;
    color: var(--ak-blue, #84BEFD) !important;
}

.withdraw-filters a.active {
    background: rgba(255, 210, 146, .12) !important;
    border-color: rgba(255, 210, 146, .36) !important;
    color: var(--ak-gold, #FFD292) !important;
    text-decoration: none !important;
}

.date-filter-container label {
    color: var(--ak-muted, #8FA7C5) !important;
    display: block !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    margin-bottom: 8px !important;
}

.date-filter-controls,
.custom-date-range {
    align-items: center !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
}

.custom-date-range {
    display: none !important;
    opacity: 0 !important;
    transform: translateY(-5px) !important;
    transition: opacity .2s ease, transform .2s ease !important;
}

.custom-date-range.show {
    display: flex !important;
    opacity: 1 !important;
    transform: translateY(0) !important;
}

.users-filters-container-block,
.subscriptions-feed-filter-group,
.subscriptions-feed-search,
.admin-users-filter-item {
    background: var(--ak-filter-card-bg) !important;
    border: 1px solid rgba(143, 167, 197, .12) !important;
    border-radius: var(--ak-filter-item-radius) !important;
    box-sizing: border-box !important;
    gap: 8px !important;
    padding: 11px !important;
}

.subscriptions-feed-search {
    align-items: end !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
}

.subscriptions-feed-search__field {
    display: grid !important;
    gap: 7px !important;
    min-width: 0 !important;
}

.subscriptions-feed-search__field span,
.subscriptions-feed-filter-title {
    color: var(--ak-muted, #8FA7C5) !important;
    font-size: 13px !important;
}

.subscriptions-feed-filter-group {
    display: grid !important;
}

.subscriptions-feed-filter-line {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
}

.users-filter-label,
.subscriptions-feed-check {
    align-items: center !important;
    background: var(--ak-filter-control-bg) !important;
    border: 1px solid var(--ak-filter-control-border) !important;
    border-radius: var(--ak-filter-control-radius) !important;
    box-sizing: border-box !important;
    color: var(--ak-text, #D8E3F4) !important;
    display: inline-flex !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    min-height: 34px !important;
    padding: 7px 10px !important;
}

.users-filter-label {
    cursor: pointer !important;
    max-width: 100% !important;
    padding: 0 !important;
    user-select: none !important;
    white-space: normal !important;
}

.users-filter-label input[type="radio"],
.users-filter-label input[type="checkbox"] {
    display: none !important;
}

.users-filter-label-text {
    align-items: center !important;
    border-radius: inherit !important;
    box-sizing: border-box !important;
    display: inline-flex !important;
    min-height: 34px !important;
    padding: 7px 10px !important;
    transition: background-color .18s ease, border-color .18s ease, color .18s ease !important;
}

.users-filter-label input[type="radio"]:checked + .users-filter-label-text::after,
.users-filter-label input[type="checkbox"]:checked + .users-filter-label-text::after {
    display: none !important;
}

.subscriptions-feed-check {
    margin: 0 !important;
}

.subscriptions-feed-check span:last-child {
    color: inherit !important;
    font-size: 13px !important;
}

.users-filter-label:hover,
.subscriptions-feed-check:hover {
    background: var(--ak-filter-control-hover-bg) !important;
    border-color: var(--ak-filter-control-hover-border) !important;
}

.users-filter-label:has(input:checked),
.subscriptions-feed-check:has(input:checked) {
    background: rgba(255, 210, 146, .10) !important;
    border-color: rgba(255, 210, 146, .32) !important;
    color: var(--ak-gold, #FFD292) !important;
}

.users-filters-container .users-filter-label {
    background: radial-gradient(90px 30px at 0 50%, color-mix(in srgb, var(--users-filter-accent) 10%, transparent), transparent 70%),
        rgba(18, 24, 36, .42) !important;
    border-color: color-mix(in srgb, var(--users-filter-accent) 38%, rgba(143, 167, 197, .20)) !important;
    border-radius: var(--ak-radius-sm, 8px) !important;
    color: var(--users-filter-accent) !important;
    font-size: 12px !important;
    font-weight: 650 !important;
    min-height: 31px !important;
}

.users-filters-container .users-filter-label-text {
    color: inherit !important;
    min-height: 31px !important;
    padding: 6px 10px !important;
}

.users-filters-container .users-filter-label:hover {
    background: radial-gradient(120px 36px at 0 50%, color-mix(in srgb, var(--users-filter-accent) 18%, transparent), transparent 72%),
        rgba(38, 43, 62, .62) !important;
    border-color: color-mix(in srgb, var(--users-filter-accent) 64%, rgba(143, 167, 197, .28)) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .035),
        0 0 0 2px color-mix(in srgb, var(--users-filter-accent) 8%, transparent) !important;
    color: var(--users-filter-accent) !important;
}

.users-filters-container .users-filter-label:has(input:checked) {
    background: radial-gradient(140px 42px at 0 50%, color-mix(in srgb, var(--users-filter-accent) 24%, transparent), transparent 74%),
        color-mix(in srgb, var(--users-filter-accent) 8%, rgba(31, 34, 50, .80)) !important;
    border-color: color-mix(in srgb, var(--users-filter-accent) 76%, rgba(143, 167, 197, .24)) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04),
        0 0 0 2px color-mix(in srgb, var(--users-filter-accent) 12%, transparent),
        0 10px 24px color-mix(in srgb, var(--users-filter-accent) 10%, transparent) !important;
    color: var(--users-filter-accent) !important;
}

.users-filters-container .users-filter-label--sort {
    background: rgba(18, 24, 36, .38) !important;
    border-color: rgba(143, 167, 197, .20) !important;
    color: var(--ak-muted, #8FA7C5) !important;
}

.users-filters-container .users-filter-label--sort:hover {
    background: rgba(18, 24, 36, .58) !important;
    border-color: rgba(143, 167, 197, .30) !important;
    color: var(--ak-text-strong, #E8ECEF) !important;
}

.users-filters-container .users-filter-label--sort:has(input:checked) {
    background: radial-gradient(120px 36px at 0 50%, rgba(255, 210, 146, .14), transparent 72%),
        rgba(38, 43, 62, .70) !important;
    border-color: var(--ak-gold, #FFD292) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .04),
        0 0 0 2px rgba(255, 210, 146, .08) !important;
    color: var(--ak-gold, #FFD292) !important;
}

.subscriptions-feed-search__field input,
.bf-input,
.bf-date-btn,
.date-input,
.admin-users-filter-item input {
    background-color: var(--ak-filter-control-bg) !important;
    border: 1px solid var(--ak-filter-control-border) !important;
    border-radius: var(--ak-filter-control-radius) !important;
    box-shadow: none !important;
    color: var(--ak-text, #D8E3F4) !important;
    font-family: Geist, sans-serif !important;
    height: var(--ak-filter-control-height) !important;
    min-height: var(--ak-filter-control-height) !important;
    outline: none !important;
    padding: 0 12px !important;
}

.bf-input {
    flex: 1 1 180px !important;
    min-width: 160px !important;
}

.date-input {
    width: 120px !important;
}

.date-separator {
    color: var(--ak-muted, #8FA7C5) !important;
    font-size: 14px !important;
    font-weight: 800 !important;
}

.bf-date-btn {
    align-items: center !important;
    cursor: pointer !important;
    display: inline-flex !important;
    gap: 8px !important;
    width: auto !important;
}

.billing-filters-tabs {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin-top: 12px !important;
}

.billing-filters-tabs .bf-tab {
    background: var(--ak-filter-control-bg) !important;
    border: 1px solid var(--ak-filter-control-border) !important;
    border-radius: 999px !important;
    color: var(--ak-muted, #8FA7C5) !important;
    cursor: pointer !important;
    font-family: Geist, sans-serif !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    min-height: 34px !important;
    padding: 0 12px !important;
    transition: background-color .18s ease, border-color .18s ease, color .18s ease !important;
}

.billing-filters-tabs .bf-tab:hover {
    background: var(--ak-filter-control-hover-bg) !important;
    border-color: var(--ak-filter-control-hover-border) !important;
    color: var(--ak-blue, #84BEFD) !important;
}

.billing-filters-tabs .bf-tab.is-active {
    background: rgba(255, 210, 146, .12) !important;
    border-color: rgba(255, 210, 146, .36) !important;
    color: var(--ak-gold, #FFD292) !important;
}

.billing-filters-tabs .bf-tab:focus-visible {
    border-color: var(--ak-filter-control-focus-border) !important;
    box-shadow: 0 0 0 3px rgba(255, 210, 146, .1) !important;
    outline: none !important;
}

.subscriptions-feed-search__field input:hover,
.bf-input:hover,
.bf-date-btn:hover,
.date-input:hover,
.admin-users-filter-item input:hover {
    background-color: var(--ak-filter-control-hover-bg) !important;
    border-color: var(--ak-filter-control-hover-border) !important;
}

.subscriptions-feed-search__field input:focus,
.bf-input:focus,
.bf-date-btn:focus-visible,
.date-input:focus,
.admin-users-filter-item input:focus {
    border-color: var(--ak-filter-control-focus-border) !important;
    box-shadow: 0 0 0 3px rgba(255, 210, 146, .1) !important;
}

.bf-input::placeholder,
.date-input::placeholder,
.subscriptions-feed-search__field input::placeholder {
    color: var(--ak-muted-2, #6C839C) !important;
}

@media (max-width: 760px) {
    :root {
        --ak-filter-control-height: 36px;
        --ak-filter-gap: 9px;
    }

    .filters {
        margin: 12px 0 !important;
        overflow: hidden !important;
        padding: 8px !important;
        transition: background .18s ease, border-color .18s ease, box-shadow .18s ease, padding .18s ease !important;
    }

    .filters.mobile-filters-collapsed {
        background: transparent !important;
        border-color: transparent !important;
        box-shadow: none !important;
        padding: 0 !important;
    }

    .mobile-filter-toggle {
        align-items: center !important;
        background:
            radial-gradient(circle at 0 0, rgba(255, 210, 146, .12), transparent 36%),
            linear-gradient(145deg, rgba(36, 40, 58, .76), rgba(24, 29, 43, .72)) !important;
        border: 1px solid rgba(143, 167, 197, .2) !important;
        border-radius: var(--ak-radius, 14px) !important;
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, .035),
            0 12px 28px rgba(0, 0, 0, .16) !important;
        color: var(--ak-text-strong, #E8ECEF) !important;
        display: flex !important;
        font-size: 15px !important;
        font-weight: 700 !important;
        height: 48px !important;
        justify-content: space-between !important;
        padding: 0 14px !important;
        text-align: left !important;
        transition: border-color .18s ease, background .18s ease, box-shadow .18s ease !important;
        width: 100% !important;
    }

    .mobile-filter-toggle:hover,
    .mobile-filter-toggle:focus-visible {
        border-color: rgba(255, 210, 146, .36) !important;
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, .04),
            0 14px 30px rgba(0, 0, 0, .18),
            0 0 0 3px rgba(255, 210, 146, .08) !important;
        outline: none !important;
    }

    .mobile-filter-toggle__icon {
        border-bottom: 2px solid var(--ak-blue, #84BEFD) !important;
        border-right: 2px solid var(--ak-blue, #84BEFD) !important;
        height: 9px !important;
        transform: rotate(45deg) !important;
        transition: transform .2s ease !important;
        width: 9px !important;
    }

    .mobile-filter-toggle[aria-expanded="true"] .mobile-filter-toggle__icon {
        transform: rotate(225deg) translate(-2px, -2px) !important;
    }

    .filters:not(.mobile-filters-collapsed) .mobile-filter-toggle {
        margin-bottom: 10px !important;
    }

    .filters.mobile-filters-collapsed .filters-block {
        display: none !important;
    }

    .filters-item,
    .filters-item--attributes,
    .filters-item--saved-lists {
        border-radius: 14px !important;
        padding: 10px !important;
    }

    .filters-item--sort {
        min-height: 0 !important;
    }

    .filters .sort-form .akysos-select {
        max-width: none !important;
        min-width: 0 !important;
        width: 100% !important;
    }

    .filters-container,
    .filters-container--4-cols,
    .filters-container--3-cols,
    .filters-container--2-cols {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .filter-item,
    .claims-filter-item,
    .admin-feedback-filter-item {
        border-radius: 13px !important;
        gap: 7px !important;
        padding: 9px !important;
    }

    .filter-item > label,
    .filters .filters-label,
    .filters .saved-filter-label,
    .claims-filter-title,
    .admin-feedback-filter-item label {
        font-size: 12px !important;
        min-height: 15px !important;
    }

    .filters-reset-row {
        justify-content: stretch !important;
    }

    .filter-reset-button {
        width: 100% !important;
    }
}

@media (max-width: 520px) {
    .filters-container,
    .filters-container--4-cols,
    .filters-container--3-cols,
    .filters-container--2-cols {
        grid-template-columns: 1fr !important;
    }

    .users-filter-label,
    .users-filter-label-text {
        justify-content: center !important;
        text-align: center !important;
        width: 100% !important;
    }

    .billing-filters-head,
    .subscriptions-feed-search {
        align-items: stretch !important;
        grid-template-columns: 1fr !important;
    }

    .billing-filters-head {
        flex-direction: column !important;
    }

    .account-status-filter {
        display: grid !important;
        grid-template-columns: 1fr !important;
    }

    .account-status-filter-selector {
        width: 100% !important;
    }

    .notifications-block-filters {
        padding: 10px !important;
    }

    .notifications-dropdown-content {
        grid-template-columns: 1fr !important;
    }

    .notifications-dropdown-content .terms-checkbox {
        box-sizing: border-box !important;
        width: 100% !important;
    }

    .bf-input {
        flex: 1 1 100% !important;
    }

    .billing-filters-tabs {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        width: 100%;
    }

    .billing-filters-tabs .bf-tab {
        justify-content: center;
        min-height: 38px;
        text-align: center;
        white-space: normal;
        width: 100%;
    }

    .billing-filters-block .billing-filters-controls .custom-date-range {
        display: none !important;
        gap: 8px !important;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
        width: 100% !important;
    }

    .billing-filters-block .billing-filters-controls .custom-date-range.show,
    .billing-filters-block .billing-filters-controls .custom-date-range[style*="flex"] {
        display: grid !important;
    }

    .billing-filters-block .billing-filters-controls .custom-date-range .date-input {
        min-width: 0 !important;
        width: 100% !important;
    }

    .billing-filters-block .billing-filters-controls .date-separator {
        display: none !important;
    }

    .billing-filters-block .billing-filters-controls .apply-date-button {
        grid-column: 1 / -1;
        width: 100% !important;
    }

    .billing-filters-block .billing-amount-range {
        display: grid !important;
        flex: 1 1 100% !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 8px !important;
        max-width: 100% !important;
        min-width: 0 !important;
        width: 100% !important;
    }

    .billing-filters-block .billing-filters-controls .billing-amount-range {
        display: grid !important;
        flex: 1 1 100% !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 8px !important;
        max-width: 100% !important;
        min-width: 0 !important;
        width: 100% !important;
    }

    .billing-filters-block .billing-amount-range .bf-input {
        min-width: 0 !important;
        width: 100% !important;
    }

    .billing-filters-block .billing-filters-controls .billing-amount-range .bf-input {
        min-width: 0 !important;
        width: 100% !important;
    }

    .subscriptions-feed-check {
        flex: 1 1 calc(50% - 8px) !important;
        justify-content: flex-start !important;
        min-width: 140px !important;
    }

    :where(.account-detail-content-block-FEEDBACK, .review-page .review-page-feedback-block) .user-feedback-summary-and-filters,
    .user-feedback-summary-and-filters {
        align-items: stretch !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        margin-top: 8px !important;
        padding: 10px !important;
    }

    :where(.account-detail-content-block-FEEDBACK, .review-page .review-page-feedback-block) .reviews-left-side,
    :where(.account-detail-content-block-FEEDBACK, .review-page .review-page-feedback-block) .reviews-right-side,
    .user-feedback-summary-and-filters .reviews-left-side,
    .user-feedback-summary-and-filters .reviews-right-side {
        width: 100% !important;
    }

    :where(.account-detail-content-block-FEEDBACK, .review-page .review-page-feedback-block) .radio-review-filters,
    .user-feedback-summary-and-filters .radio-review-filters {
        min-height: 30px !important;
        padding: 5px 10px !important;
    }

    .billing-filters-block {
        gap: 10px !important;
        padding: 14px !important;
    }

    .billing-filters-head {
        gap: 8px !important;
        margin-bottom: 0 !important;
    }

    .billing-filters-title {
        justify-content: center !important;
        min-height: 30px !important;
        padding: 0 10px !important;
        width: 100% !important;
    }

    .billing-filters-totals {
        gap: 8px !important;
        justify-content: flex-start !important;
        width: 100% !important;
    }

    .billing-filters-controls {
        display: grid !important;
        gap: 8px !important;
        grid-template-columns: minmax(0, 1fr) !important;
        width: 100% !important;
    }

    .billing-filters-block .date-filter-container,
    .billing-filters-block .date-filter-controls,
    .billing-filters-block .date-filter-select + .akysos-select,
    .billing-filters-block .date-filter-select + .akysos-select .akysos-select__trigger {
        max-width: 100% !important;
        min-width: 0 !important;
        width: 100% !important;
    }

    .billing-filters-block .date-filter-container,
    .billing-filters-block .date-filter-controls {
        height: auto !important;
    }

    .billing-filters-block .billing-amount-range,
    .billing-filters-block .billing-filters-controls .billing-amount-range {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .billing-filters-tabs {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 6px !important;
    }

    .billing-filters-tabs .bf-tab {
        font-size: 12px !important;
        line-height: 1.1 !important;
        min-height: 34px !important;
        padding: 0 7px !important;
    }
}

@media (max-width: 900px) {
    .claims-filter-block {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 720px) {
    .claims-filter-block {
        grid-template-columns: 1fr !important;
    }
}