:root, :host {
    --font-body: "Inter", ui-sans-serif;
    --spacing: .25rem;
    --glass-blur: 4px;
    --border-radius-2xs: .675rem;
    --border-radius-xs: .75rem;
    --border-radius-sm: .875rem;
    --border-radius-md: 1rem;
    --border-radius-lg: 1.125rem;
    --border-radius-xl: 1.375rem;
    --border-radius-2xl: 1.5rem;
    --border-radius-3xl: 1.75rem;
    --border-radius-4xl: 2rem;
    --header-height: 64px;
}

* {box-sizing: border-box}
* {scrollbar-width: unset!important}
:focus {outline: 0}
body, h1, h2, h3, h4, h5, h6, p, a, span, li, ol, ul, div, button, input, textarea, select, option, label, form, table, tr, td, th, tbody, thead, tfoot, caption, cite, code, dfn, em, kbd, mark, q, s, samp, small, strike, strong, sub, sup, tt, var, wbr, hr, blockquote, pre, code, kbd, samp {font-family: var(--font-body) !important; color: var(--text-primary)}
a:hover {color: var(--primary-400)}

/* Фон со сферами на body; #page делаем прозрачным, чтобы фон был виден */
html body.theme-light {background-image: var(--bg-spheres-light);background-size: cover;background-repeat: no-repeat;background-position: 100% 100%}
html body.theme-dark {background-image: var(--bg-spheres-dark);background-size: cover;background-repeat: no-repeat;background-position: 100% 100%}
html body.theme-light #page,html body.theme-dark #page { background-color: transparent}
html #page {height: 100dvh}

html .__glass {background: var(--glass-bg);border-radius: var(--border-radius-4xl);box-shadow: var(--glass-shadow);backdrop-filter: blur(var(--glass-blur));-webkit-backdrop-filter: blur(var(--glass-blur));border: var(--glass-border)}
html .__glass_hover:hover {background: var(--glass-bg);border-radius: var(--border-radius-4xl);box-shadow: var(--glass-shadow);backdrop-filter: blur(var(--glass-blur));-webkit-backdrop-filter: blur(var(--glass-blur));border: var(--glass-border)}

h1 {font-size: 1.3125rem;line-height: 1.3;margin-bottom: 0}
h2 {font-size: 1.125rem;line-height: 1.3;margin-bottom: calc(var(--spacing) * 4)}

/* ========== BUTTONS ========== */
.__btm_medium {min-width: calc(var(--spacing) * 9);border-radius: var(--border-radius-md);padding-inline: calc(var(--spacing) * 5);padding-block: calc(var(--spacing) * 2);font-size: .875rem;line-height: calc(var(--spacing) * 5);border: none;text-align: center;transition: background-color 0.3s ease}
.__btm_max {min-width: calc(var(--spacing) * 9);border-radius: var(--border-radius-md);padding-inline: calc(var(--spacing) * 5);padding-block: calc(var(--spacing) * 4);font-size: .875rem;line-height: calc(var(--spacing) * 5);border: none;text-align: center;transition: background-color 0.3s ease}

.__btm_medium svg {width: 20px;height: 20px;line-height: 1;object-fit: contain}
.__btm_medium span {color: var(--white-set)}

/* ========== SNACKBAR ========== */
.snackbar-toast {top: 10px !important;top: calc(10px + env(safe-area-inset-top) * 1.1) !important;bottom: auto !important;transform: translateY(-110px);border-radius: var(--border-radius-sm)}
.snackbar-toast .__snackbar_box {display: flex;-webkit-box-align: center;align-items: center;-webkit-box-pack: start;justify-content: start}
.snackbar-toast .__snackbar_ico {color: var(--white-set);width: 20px;height: 20px;line-height: 1rem}
.snackbar-toast .__snackbar_ico svg {width: 100%;height: 100%;line-height: 1rem;object-fit: contain}
.snackbar-toast .__snackbar_txt {color: var(--white-set);margin-left: calc(var(--spacing) * 2)}
.snackbar-toast.__snackbar_ok {background-color: var(--accent-2)}
.snackbar-toast.__snackbar_error {background-color: var(--error)}
.snackbar-toast.__snackbar_warning {background-color: var(--rating-dark)}
.snackbar-toast.__snackbar_info {background-color: var(--info-dark)}
.snackbar-toast.__snackbar_reload {background-color: var(--secondary-dark)}

.__badge {font-size: .75rem;font-weight: 500;border-radius: var(--border-radius-2xs)}

/* ========== СЛАЙДБАР ========== */
.__main_content {display: flex;height: 100%;padding-inline: calc(var(--spacing) * 5);padding-left: calc(var(--spacing) * 5);padding-right: calc(var(--spacing) * 5);padding-bottom: calc(var(--spacing) * 5);gap: calc(var(--spacing) * 6)}
.__main_content .__main_content__menu {display: flex;flex-direction: column;min-height: 0;height: 100%}
.__main_content .__main_content__menu_item {width: 280px;flex: 1;min-height: 0;display: flex;flex-direction: column;overflow: hidden}
.__main_content__menu .__menu_box {flex: 1;min-height: 0;overflow-y: auto}
.__main_content__menu .__menu_logo {display: flex;-webkit-box-align: center;align-items: center;height: var(--header-height);padding-left: calc(var(--spacing) * 5);padding-right: calc(var(--spacing) * 5)}
.__main_content__menu .__menu_logo img {width: 34px; height: 34px; object-fit: contain}
.__main_content__menu .__menu_logo span {font-size: 16px; font-weight: 800;text-transform: uppercase;margin-left: calc(var(--spacing) * 2);color: var(--text-secondary)}
.__main_content__menu_item .__menu_box__item {padding-top: calc(var(--spacing) * 7);padding-bottom: calc(var(--spacing) * 7);padding-left: calc(var(--spacing) * 6);padding-right: calc(var(--spacing) * 6)}
.__main_content__menu_item .__item__param {padding-top: calc(var(--spacing) * 8)}
.__main_content__menu_item .__item__param:first-child {padding-top: 0}
.__main_content__menu_item .__item__param .__item_head {margin-bottom: calc(var(--spacing) * 4);font-size: 0.875rem;font-weight: 600}
.__main_content__menu_item .__item__param .__item_body {display: flex;flex-direction: column;gap: calc(var(--spacing) * 2);margin-left: -0.625rem}
.__main_content__menu_item .__item__param .__item_body a {display: flex;-webkit-box-align: center;align-items: center;border-radius: var(--border-radius-lg);padding: calc(var(--spacing) * 2);transition: background-color 0.3s ease}
.__main_content__menu_item .__item__param .__item_body a .__body_img {width:24px;line-height: 1rem}
.__main_content__menu_item .__item__param .__item_body a .__body_img svg {width: 24px;height: 24px;object-fit: contain;transition: width 0.1s ease, height 0.1s ease}
.__main_content__menu_item .__item__param .__item_body a .__body_txt {margin-left: calc(var(--spacing) * 2)}
.__main_content__menu_item .__item__param .__item_body a:hover {background-color: var(--bg-glass)}
.__main_content__menu_item .__item__param .__item_body a:hover .__body_img svg {width: 22px; height: 22px}
.__main_content__menu_item .__item__param .__item_body a.__active {background-color: var(--bg-glass)}
.__main_content__menu_item .__item__param .__item_body a.__active .__body_img {color: var(--primary-500)}

/* ========== CANVAS MENU ========== */
.menu-active.__canvas_menu {border-top-right-radius: var(--border-radius-4xl);border-top-left-radius: 0;border-bottom-right-radius: var(--border-radius-4xl);border-bottom-left-radius: 0}

.menu-active.__canvas_menu .__main_content__menu_item .__item__param {padding-top: calc(var(--spacing) * 8)}
.menu-active.__canvas_menu .__main_content__menu_item .__item__param:first-child {padding-top: 0}
.menu-active.__canvas_menu .__main_content__menu_item .__item__param .__item_body {gap: calc(var(--spacing) * 1)}

/* ========== ГЛАВНЫЙ БЛОК ========== */
.__main_content .__main_content__general {width: 100%;flex: 1;min-height: 0;display: flex;flex-direction: column;overflow: hidden}

/* ========== HEADER BAR ========== */
.__main_content .__general_head {height: var(--header-height);display: flex;-webkit-box-align: center;align-items: center;-webkit-box-pack: justify;justify-content: space-between;padding-left: calc(var(--spacing) * 5);padding-right: calc(var(--spacing) * 5)}
.__main_content .__general_block {flex: 1;min-height: 0;padding-top: calc(var(--spacing) * 7);padding-bottom: calc(var(--spacing) * 7);padding-left: calc(var(--spacing) * 6);padding-right: calc(var(--spacing) * 6)}
.__main_content .__general_head__back .__back_link {position: relative;display: flex;-webkit-box-align: center;align-items: center;-webkit-box-pack: center;justify-content: center;transition: background-color 0.3s ease;border-radius: var(--border-radius-xl);padding-top: calc(var(--spacing) * 2);padding-bottom: calc(var(--spacing) * 2);padding-left: calc(var(--spacing) * 3);padding-right: calc(var(--spacing) * 3)}
.__main_content .__general_head__back .__back_link__icon {width: 24px;height: 24px;line-height: 1rem}
.__main_content .__general_head__back .__back_link__icon svg {width: 100%;height: 100%;transition: width 0.1s ease, height 0.1s ease}
.__main_content .__general_head__back .__back_link__txt {font-size: .875rem;margin-left: calc(var(--spacing) * 1)}
.__main_content .__profile_link {position: relative;display: flex;-webkit-box-align: center;align-items: center;-webkit-box-pack: center;justify-content: center;transition: background-color 0.3s ease;border-radius: var(--border-radius-lg);padding-top: calc(var(--spacing) * 1);padding-bottom: calc(var(--spacing) * 1);padding-left: calc(var(--spacing) * 4);padding-right: calc(var(--spacing) * 1)}
.__main_content .__profile_link .__profile_name {font-size: .875rem;margin-right: calc(var(--spacing) * 2)}
.__main_content .__profile_link .__profile_img {width: 40px;height: 40px;object-fit: contain;border-radius: var(--border-radius-lg);overflow: hidden;user-select: none}
.__main_content .__profile_link .__profile_img img {width: 100%;height: 100%;text-align: center;object-fit: cover;transition: width 0.1s ease, height 0.1s ease}
.__main_content .__profile_link:hover .__profile_img {width: 36px;height: 36px}

.__main_content.__mobile {display: block;height: 100%;padding-inline: calc(var(--spacing) * 2);padding-left: calc(var(--spacing) * 2);padding-right: calc(var(--spacing) * 2);padding-bottom: calc(var(--spacing) * 15);gap: 0}
.__main_content.__mobile .__general_block {padding-left: calc(var(--spacing) * 3);padding-right: calc(var(--spacing) * 3)}
.__main_content.__mobile .__main_content__general {overflow-y: auto;overflow-x: hidden;-webkit-overflow-scrolling: touch;margin-bottom: calc(var(--spacing) * 8)}
.__main_content.__mobile .__general_head {padding-left: calc(var(--spacing) * 2);padding-right: calc(var(--spacing) * 2)}

/* ========== DROPDOWN ========== */
.dropdown-menu {background-color: transparent;border: none}
.__dropdown_box {background-color: var(--bg-glass);border-radius: var(--border-radius-3xl);box-shadow: var(--glass-shadow);padding: calc(var(--spacing) * 4)}

.__profile_dropdown {min-width: 280px}
.__profile_dropdown .__drop_profile__box {text-align: center;padding-top: calc(var(--spacing) * 2);border-bottom: 1px solid var(--grey-200);padding-bottom: calc(var(--spacing) * 2);margin-bottom: calc(var(--spacing) * 3)}
.__profile_dropdown .__profile_img {width: 50px;height: 50px;object-fit: contain;border-radius: var(--border-radius-xl);overflow: hidden;margin: 0 auto}
.__profile_dropdown .__profile_img img {width: 100%;height: 100%;text-align: center;object-fit: cover}
.__profile_dropdown .__profile_name {margin-top: calc(var(--spacing) * 3);line-height: 1rem}
.__profile_dropdown .__profile_name span {font-size: .875rem;font-weight: 600}
.__profile_dropdown .__profile_role {line-height: 1.3rem}
.__profile_dropdown .__profile_role span {font-size: .75rem;font-weight: 300;color: var(--grey-500)}
.__profile_dropdown .__drop_link__box {margin-bottom: calc(var(--spacing) * 3)}
.__profile_dropdown .__drop_link__box .__drop_link__link {display: flex;-webkit-box-align: center;align-items: center;-webkit-box-pack: justify;justify-content: space-between;padding-top: calc(var(--spacing) * 2);padding-bottom: calc(var(--spacing) * 2)}
.__profile_dropdown .__drop_link__box .__link_item {display: flex;-webkit-box-align: center;align-items: center}
.__profile_dropdown .__drop_link__box .__link_item .__link__icon {width: 20px;height: 20px;line-height: 1rem}
.__profile_dropdown .__drop_link__box .__link_item .__link__icon svg {width: 100%;height: 100%}
.__profile_dropdown .__drop_link__box .__link_item .__link__txt {font-size: .875rem;margin-left: calc(var(--spacing) * 2)}
.__profile_dropdown .__drop_link__box .__drop_arrow {line-height: 1rem;width: 18px;height: 18px}
.__profile_dropdown .__drop_exit__box {text-align: center}
.__profile_dropdown .__drop_exit__box .__link_exit {background: var(--grey-200);display: flex;-webkit-box-align: center;align-items: center;-webkit-box-pack: center;justify-content: center;border-radius: var(--border-radius-sm);padding-top: calc(var(--spacing) * 1);padding-bottom: calc(var(--spacing) * 1)}
.__profile_dropdown .__drop_exit__box .__link_exit .__link__icon {width: 18px;height: 18px;line-height: 1rem}
.__profile_dropdown .__drop_exit__box .__link_exit .__link__icon svg {width: 100%;height: 100%}
.__profile_dropdown .__drop_exit__box .__link_exit .__link__txt {font-size: .875rem;margin-left: calc(var(--spacing) * 2)}
.__profile_dropdown .__drop_exit__box .__link_exit:hover {background: var(--grey-300)}
.__profile_dropdown .__drop_link__box .__link_item:hover .__link__icon,.__profile_dropdown .__drop_link__box .__link_item:hover .__link__txt {color: var(--primary-400)}

.__dropdown_box__edit {background-color: var(--bg-glass);border-radius: var(--border-radius-md);box-shadow: var(--glass-shadow);padding: calc(var(--spacing) * 3) calc(var(--spacing) * 3)}
.__dropdown_box__edit .__drop_edit__box {list-style: none;padding: 0;margin: 0}
.__dropdown_box__edit .__drop_edit__box li {}
.__dropdown_box__edit .__drop_edit__link {display: flex;-webkit-box-align: center;align-items: center;-webkit-box-pack: start;justify-content: start;padding: calc(var(--spacing) * 1.25) calc(var(--spacing) * 3);transition: background-color 0.3s ease;border-radius: var(--border-radius-lg)}
.__dropdown_box__edit .__drop_edit__link:hover {background-color: var(--grey-50)}
.__dropdown_box__edit .__drop_edit__link .__edit_icon {width: 20px;height: 20px;line-height: 1rem;color: var(--text-secondary)}
.__dropdown_box__edit .__drop_edit__link .__edit_icon svg {width: 100%;height: 100%}
.__dropdown_box__edit .__drop_edit__link .__edit_txt {font-size: .875rem;margin-left: calc(var(--spacing) * 1.5);color: var(--text-secondary)}


/* ========== ОСНОВНОЙ БЛОК СТРАНИЦЫ ========== */
.__main_content .__general_block .__general_block__inner {max-width: 1280px;margin: 0 auto}
.__general_inner__top {display:flex;-webkit-box-align: center;align-items: center;-webkit-box-pack: justify;justify-content: space-between;margin-bottom:0;padding-left: calc(var(--spacing) * 3);padding-right: calc(var(--spacing) * 3)}
.__general_inner__top .__defore_head {line-height: 1;color: var(--grey-800);font-size: 0.75rem;margin-bottom: calc(var(--spacing) * 0.5)}
.__general_inner__top__right {display:flex;-webkit-box-align: center;align-items: center;gap:calc(var(--spacing)*3)}

/* ========== DATE RANGE PICKER ========== */
.daterangepicker {border-radius:24px;border:none;box-shadow:0 18px 40px rgba(15,23,42,.18);padding:16px 24px 20px;width:auto;max-width:640px;font-size:.8125rem;background-color: var(--bg-primary);margin-top: 0}
.daterangepicker:before,.daterangepicker:after {display:none}
.daterangepicker .drp-calendar {max-width:none}
.daterangepicker .calendar-table {border:none;background-color:var(--bg-primary)}
.daterangepicker .calendar-table th,.daterangepicker .calendar-table td {min-width:36px;width:36px;height:30px;line-height:30px;border-radius:9999px;border:1px solid transparent;font-size:.75rem;background: transparent}
.daterangepicker .calendar-table th {font-weight:500;color:var(--grey-500)}
.daterangepicker td.in-range {background-color:var(--grey-100);border-radius:16px;color:var(--text-primary)}
.daterangepicker td.start-date,.daterangepicker td.end-date,.daterangepicker td.active,.daterangepicker td.active:hover,.daterangepicker td.start-date.end-date {background-color:var(--primary);color:var(--white-set);border-radius:var(--border-radius-sm)}
.daterangepicker .calendar-table th:hover,.daterangepicker .calendar-table td:hover {background-color:var(--primary);color:var(--white-set);border-radius:var(--border-radius-sm)}
.daterangepicker td.off,.daterangepicker td.off.in-range,.daterangepicker td.off.start-date,.daterangepicker td.off.end-date {background-color:transparent;color:var(--grey-400)}
.daterangepicker .drp-buttons,.daterangepicker .drp-selected {display:none !important}
.daterangepicker .calendar-table .next span,.daterangepicker .calendar-table .prev span {border:none;transform:none;padding:0;display:flex;-webkit-box-align: center;align-items: center;-webkit-box-pack: center;justify-content: center;color:var(--text-primary)}
.daterangepicker .calendar-table .next span svg,.daterangepicker .calendar-table .prev span svg {display:block}

.__input_box__ico {display:flex;-webkit-box-align: center;align-items: center;-webkit-box-pack: start;justify-content: flex-start;background-color:var(--bg-glass);border-radius:var(--border-radius-lg);border:1px solid var(--grey-100);padding:calc(var(--spacing)*2) calc(var(--spacing)*3);min-width:200px;max-width: 200px;box-shadow:var(--glass-shadow)}
.__input_box__input {border:none;background:transparent;outline:none;font-size:.8125rem;color:var(--text-primary);flex:1;min-width:0;border-color: rgba(0, 0, 0, 0)}
.__input_box__input::placeholder {color:var(--grey-400)}
.__input_icon {display:flex;-webkit-box-align: center;align-items: center;-webkit-box-pack: center;justify-content: center;width:24px;height:24px;color:var(--primary);margin-left:calc(var(--spacing)*2);flex-shrink:0;cursor: pointer}
.__input_icon svg {width:22px;height:22px}

/* ========== CARD ========== */
.__card {background-color: var(--bg-glass);border-radius: var(--border-radius-3xl);padding:calc(var(--spacing)*6);box-shadow:var(--glass-shadow);margin-top: calc(var(--spacing)*8)}
.__card .__card_content {margin-bottom: calc(var(--spacing)*8)}

/* ========== FOOTER BAR ========== */
.__footer_bar {border-top-left-radius: var(--border-radius-sm);border-top-right-radius: var(--border-radius-sm);padding-inline: calc(var(--spacing) * 2);background-color: var(--bg-glass) !important}
.__footer_bar svg {margin-bottom: calc(var(--spacing)*1);line-height: 1}
.__footer_bar a {color: var(--text-primary) !important}

/* ========== ACTION BOTTOM ========== */
.__action_bottom {background-color: var(--bg-glass);border-radius: var(--border-radius-3xl);padding: calc(var(--spacing) * 6) calc(var(--spacing) * 6);box-shadow: var(--glass-shadow);max-width: 1570px;margin: 0 auto;max-height: none}
.__action_bottom.__action_desktop {max-width: 500px;width: 100%}
.__action_bottom .__action_title {margin-bottom: calc(var(--spacing) * 4)}
.__action_bottom .__action_title h2 {font-size: 1.25rem;line-height: 1.3;margin-bottom: 0}
.__action_bottom .__action_title p {font-size: 0.75rem;margin: 0;line-height: 1.3;color: var(--grey-800)}
.__action_bottom .__action_title .__action_close {line-height: 4rem;right: calc(var(--spacing) * 2);color: var(--text-secondary)}
.__action_bottom .__action_title .__action_close:hover, .__action_bottom .__action_title .__action_close:focus {color: var(--accent-4-dark)}

/* ========== LIST CONTENT ========== */
.__list_content .__list_content__item {padding: calc(var(--spacing) * 4) calc(var(--spacing) * 0);border-bottom: 1px solid var(--grey-50)}
.__list_content .__list_content__link {display: flex;-webkit-box-align: center;align-items: center;-webkit-box-pack: justify;justify-content: space-between}
.__list_content .__list_content_left {display: flex;-webkit-box-align: center;align-items: center}
.__list_content .__list_icon {width: 32px;height: 32px;display: flex;-webkit-box-align: center;align-items: center;-webkit-box-pack: center;justify-content: center;border-radius: var(--border-radius-2xs);margin-right: calc(var(--spacing) * 4)}
.__list_content .__list_icon.__color_icon {border-radius: var(--border-radius-2xs)}
.__list_content .__list_icon svg {width: 22px;height: 22px;object-fit: contain;line-height: 1}
.__list_content .__list_txt {display: block}
.__list_content .__list_txt span {font-size: 0.8125rem;font-weight: 500;display: block;line-height: 1.3}
.__list_content span.__list_txt__sub {font-size: 0.75rem;font-weight: 300;color: var(--grey-900)}
.__list_content .__list_content_right {width: 50px;display: flex;-webkit-box-align: center;align-items: center;-webkit-box-pack: end;justify-content: end}
.__list_content .__list_content_right.__max {max-width: 260px;width: 100%}
.__list_content .__list_content_right .__list_arrow {color: var(--grey-900)}
.__list_content .__list_content_right .__list_arrow.__no_view {color: var(--accent-4);margin-right: calc(var(--spacing) * 3)}
.__list_content .__list_content_right .__list_arrow svg {width: 24px;height: 24px;object-fit: contain;line-height: 1}
.__list_content .__arrow_switch {margin-top: 0 !important;margin-right: 0;padding: 0;line-height: 1}
.__list_content .__arrow_switch__label {background-color: transparent !important}
.__list_content .__arrow_switch__label:before {margin-top: 0;margin-left: -2px;background-color: var(--grey-100);width: 52px !important;height: 28px !important;border-radius: var(--border-radius-md) !important}
.__list_content .__arrow_switch__label:after {width: 24px !important;height: 24px !important;margin-top: -26px;border: 1px solid var(--grey-400)}
.__list_content .__arrow_switch__input:checked ~ .__arrow_switch__label:before {background-color: var(--primary) !important;border: none !important}
.__list_content .__arrow_switch__input:checked ~ .__arrow_switch__label:after {border: 1px solid var(--primary-dark);-webkit-transform: translateX(24px) !important;transform: translateX(24px) !important} 
.__list_content .__btn_group {gap: 0.25rem}
.__list_content .__btn_group label.__btn_item {font-size: 0.8125rem;color: var(--grey-900);background-color: var(--grey-50);border-color: var(--grey-100);border-radius: var(--border-radius-2xs)}
.__list_content .__btn_group:checked + .__btn_item {}
.__list_content .__btn_group .__btn_check:checked + .__btn_item {background-color: var(--primary);color: var(--white-set);border-color: var(--primary-light)}
.__list_content .__btn_group .__btn_check + .__btn_item:hover {background-color: var(--primary-dark);color: var(--white-set);border-color: var(--primary-light)}

.__list_content .__list_content__form_line {display: flex;flex-direction: column;gap: 0.75rem}
.__list_content .__input_form__ico {position: relative}
.__list_content .__input_form__ico label {background: transparent !important;position: absolute;top: calc(var(--spacing) * 3);left: calc(var(--spacing) * 12);font-size: 0.6875rem;line-height: 1}
.__list_content .__input_form__ico .__form_icon {position: absolute;line-height: 56px;left: calc(var(--spacing) * 3.5)}
.__list_content .__input_form__ico .__form_icon svg {width: 24px;height: 24px;object-fit: contain;line-height: 1}
.__list_content .__input_form__input {padding-top: calc(var(--spacing) * 7);padding-bottom: calc(var(--spacing) * 2);padding-left: calc(var(--spacing) * 12);padding-right: calc(var(--spacing) * 3);border-radius: var(--border-radius-lg);border: 1px solid var(--grey-200);background-color: var(--bg-glass) !important;color: var(--text-primary) !important;font-size: 0.875rem;line-height: 1.3;font-weight: 400;transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;width: 100%}
.__list_content .__input_form__input::placeholder {color: var(--grey-500) !important}
.__list_content .__input_form__input:focus {background-color: var(--bg-glass);border-color: var(--primary);color: var(--text-primary)}
.__list_content .__input_form__input:focus::placeholder {color: var(--grey-500) !important}
.__list_content .__input_form__input:focus + label {color: var(--primary) !important}
.__list_content .__input_form__input:focus + label::before {background-color: var(--primary) !important;border: none !important}
.__list_content .__input_form__input:focus + label::after {border: 1px solid var(--primary-dark) !important;-webkit-transform: translateX(24px) !important;transform: translateX(24px) !important}
.__list_content .__input_form__input:focus + label::before {background-color: var(--primary) !important;border: none !important}
.__list_content .__input_form__select {padding-top: calc(var(--spacing) * 7);padding-bottom: calc(var(--spacing) * 2);padding-left: calc(var(--spacing) * 12);padding-right: calc(var(--spacing) * 3);border-radius: var(--border-radius-lg);border: 1px solid var(--grey-200);background-color: var(--bg-glass) !important;color: var(--text-primary) !important;font-size: 0.875rem;line-height: 1.3;font-weight: 400;transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;width: 100%}
.__list_content .__input_form__select {padding-right: calc(var(--spacing) * 8);-webkit-appearance: none;-moz-appearance: none;appearance: none;background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 6l4 4 4-4' stroke='%23666666' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat: no-repeat;background-position: right calc(var(--spacing) * 3) center}
.__list_content .__input_form__select::placeholder {color: var(--grey-500) !important}
.__list_content .__input_form__select:focus {background-color: var(--bg-glass);border-color: var(--primary);color: var(--text-primary)}
.__list_content .__input_form__select:focus::placeholder {color: var(--grey-500) !important}
.__list_content .__input_form__select:focus + label {color: var(--primary) !important}
.__list_content .__input_form__select:focus + label::before {background-color: var(--primary) !important;border: none !important}
.__list_content .__input_form__select:focus + label::after {border: 1px solid var(--primary-dark) !important;-webkit-transform: translateX(24px) !important;transform: translateX(24px) !important}
.__list_content .__input_form__select:focus + label::before {background-color: var(--primary) !important;border: none !important}
.__action_bottom.__action_desktop .__list_content .__list_content__link a.__btn_one {width: 100%}
.__list_content .__input_form__input.__error, .__list_content .__input_form__select.__error {border: 1px solid var(--accent-4) !important}
.__list_content .__photo_form {display: flex;-webkit-box-align: center;align-items: center}
.__list_content .__photo_form .__avatar_img {height: calc(var(--spacing) * 20);width: calc(var(--spacing) * 20);border-radius: var(--border-radius-md);overflow: hidden;margin-right: calc(var(--spacing) * 8)}
.__list_content .__photo_form .__avatar_img.__no_img {display: flex;-webkit-box-align: center;align-items: center;-webkit-box-pack: center;justify-content: center;background-color: var(--info-dark-rgb)}
.__list_content .__photo_form .__avatar_img.__no_img span {color: var(--info-dark);font-size: 1.25rem;font-weight: 600}
.__list_content .__photo_form .__avatar_img img {width: 100%;height: 100%;object-fit: contain}
.__list_content .__list_avatar {height: calc(var(--spacing) * 12);width: calc(var(--spacing) * 12);border-radius: var(--border-radius-md);overflow: hidden;margin-right: calc(var(--spacing) * 4)}
.__list_content .__list_avatar.__no_img {display: flex;-webkit-box-align: center;align-items: center;-webkit-box-pack: center;justify-content: center;background-color: var(--info-dark-rgb)}
.__list_content .__list_avatar.__no_img span {color: var(--info-dark);font-size: 1.25rem;font-weight: 600}
.__list_content .__list_avatar img {width: 100%;height: 100%;object-fit: contain}

@media (max-width: 639px) {
	.__list_content .__list_content__link a.__btn_one { width: 100% }
}

.__card_user .__card_top {display: flex;-webkit-box-align: center;align-items: center;-webkit-box-pack: justify;justify-content: space-between;margin-bottom: calc(var(--spacing) * 4)}
.__card_user .__card_avatar {display: flex;-webkit-box-align: center;align-items: center}
.__card_user .__avatar_img {height: calc(var(--spacing) * 14);width: calc(var(--spacing) * 14);border-radius: var(--border-radius-md);overflow: hidden}
.__card_user .__avatar_img.__no_img {display: flex;-webkit-box-align: center;align-items: center;-webkit-box-pack: center;justify-content: center;background-color: var(--info-dark-rgb)}
.__card_user .__avatar_img.__no_img span {color: var(--info-dark);font-size: 1.25rem;font-weight: 600}
.__card_user .__avatar_img img {width: 100%;height: 100%;object-fit: contain}
.__card_user .__avatar_data {line-height: 40px;margin-left: calc(var(--spacing) * 3)}
.__card_user .__avatar_name {font-size: 1rem;line-height: 1.5;font-weight: 600;color: var(--text-primary);}
.__card_user .__avatar_role {font-size: 0.75rem;line-height: 1.5;color: var(--text-secondary)}
.__card_user .__card_link {}
.__card_user .__card_link__item {width: 24px;height: 24px;display: block;line-height: 1;color: var(--primary)}
.__card_user .__card_link__item svg {width: 100%;height: 100%;object-fit: contain;line-height: 1}
.__card_user .__card_info__user {margin-top: 0}
.__card_user .__card_info__user ul {margin-bottom: 0;padding-left: calc(var(--spacing) * 8);list-style: none}
.__card_user .__card_info__user ul li {padding-top: calc(var(--spacing) * 1);display: flex;-webkit-box-align: center;align-items: center}
.__card_user .__user_info__ico {width: 21px;height: 21px;display: inline-block;line-height: 1;color: var(--primary)}
.__card_user .__user_info__ico svg {width: 100%;height: 100%;object-fit: contain;line-height: 1}
.__card_user .__user_info__txt {margin-left: calc(var(--spacing) * 3)}

.__modal_del {background-color: var(--bg-glass);border-radius: var(--border-radius-3xl);padding: calc(var(--spacing) * 6) calc(var(--spacing) * 6);box-shadow: var(--glass-shadow);max-width: 500px;margin: 0 auto}
.__modal_del__content {text-align: center}
.__modal_del__content .__del_ico {width: 50px;height: 50px;margin: 0 auto calc(var(--spacing) * 4);color: var(--accent-4-dark);color: var(--text-secondary)}
.__modal_del__content .__del_ico svg {width: 100%;height: 100%;object-fit: contain;line-height: 1}
.__modal_del__content h2 {margin-bottom: calc(var(--spacing) * 2)}
.__modal_del__content p {font-size: 0.875rem;line-height: 1.6}
.__modal_del__content .__del_btn__box {display: flex;-webkit-box-align: center;align-items: center;-webkit-box-pack: center;justify-content: center;gap: 0.5rem}
.__modal_del__content .__del_btn__box a {width: 100%}

.__file_upload__card {position: relative;z-index: 1;border: 1px dashed var(--grey-300);text-align: center;padding: 2rem;border-radius: var(--border-radius-lg);background-color: var(--primary-light-rgb);cursor: pointer}
.__file_upload__card .__file_ico {width: 40px;height: 40px;display: inline-block;line-height: 1;color: var(--primary);margin: 0 auto}
.__file_upload__card .__file_ico svg {width: 100%;height: 100%;object-fit: contain;line-height: 1}
.__file_upload__card h5 {font-weight: 500}
.__file_upload__card .__file_loading {text-align: center}
.__file_upload__card .__file_loading .__loading_head {line-height: 1;margin-bottom: calc(var(--spacing) * 4);color: var(--text-secondary)}
.__file_upload__card .__file_loading .__loading_progress {background-color: var(--accent-2-rgb);border-radius: var(--bs-border-radius-lg)}
.__file_upload__card .__file_loading .__loading_bar {font-size: 0.75rem;font-weight: 300}
.__file_upload__card .__file_loading .__loading_ok {color: var(--accent-2-dark);line-height: 2}
