:root {
    --bg-body: #f3f4f6;
    --bg-white: #ffffff;
    --bg-gray-50: #f9fafb;
    --border-color: #e5e7eb;
    --border-hover: #d1d5db;
    --text-main: #1f2937;
    --text-muted: #6b7280;
    --text-light: #9ca3af;
    --primary: #2563eb;
    --primary-hover: #1d4ed8;
    --primary-light: #eff6ff;
    --danger: #ef4444;
    --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    --focus-ring: rgba(37, 99, 235, 0.2);
}

body.compensate-for-scrollbar {
    overflow: hidden;
}

.fancybox-active {
    height: auto;
}

.fancybox-is-hidden {
    left: -9999px;
    margin: 0;
    position: absolute !important;
    top: -9999px;
    visibility: hidden;
}

.fancybox-container {
    -webkit-backface-visibility: hidden;
    height: 100%;
    left: 0;
    outline: none;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    touch-action: manipulation;
    transform: translateZ(0);
    width: 100%;
    z-index: 99992;
}

.fancybox-container * {
    box-sizing: border-box;
}

.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.fancybox-outer {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
}

.fancybox-bg {
    background: rgb(30, 30, 30);
    opacity: 0;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.47, 0, .74, .71);
}

.fancybox-is-open .fancybox-bg {
    opacity: .9;
    transition-timing-function: cubic-bezier(.22, .61, .36, 1);
}

.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption,
.fancybox-navigation .fancybox-button {
    direction: ltr;
    opacity: 0;
    position: absolute;
    transition: opacity .25s ease, visibility 0s ease .25s;
    visibility: hidden;
    z-index: 99997;
}

.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption,
.fancybox-show-nav .fancybox-navigation .fancybox-button {
    opacity: 1;
    transition: opacity .25s ease 0s, visibility 0s ease 0s;
    visibility: visible;
}

.fancybox-infobar {
    color: #ccc;
    font-size: 13px;
    -webkit-font-smoothing: subpixel-antialiased;
    height: 44px;
    left: 0;
    line-height: 44px;
    min-width: 44px;
    mix-blend-mode: difference;
    padding: 0 10px;
    pointer-events: none;
    top: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.fancybox-toolbar {
    right: 0;
    top: 0;
}

.fancybox-stage {
    direction: ltr;
    overflow: visible;
    transform: translateZ(0);
    z-index: 99994;
}

.fancybox-is-open .fancybox-stage {
    overflow: hidden;
}

.fancybox-slide {
    -webkit-backface-visibility: hidden;
    /* Using without prefix would break IE11 */
    display: none;
    height: 100%;
    left: 0;
    outline: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: absolute;
    text-align: center;
    top: 0;
    transition-property: transform, opacity;
    white-space: normal;
    width: 100%;
    z-index: 99994;
}

.fancybox-slide::before {
    content: '';
    display: inline-block;
    font-size: 0;
    height: 100%;
    vertical-align: middle;
    width: 0;
}

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next {
    display: block;
}

.fancybox-slide--image {
    overflow: hidden;
    padding: 44px 0;
}

.fancybox-slide--image::before {
    display: none;
}

.fancybox-slide--html {
    padding: 6px;
}

.fancybox-content {
    background: #fff;
    display: inline-block;
    margin: 0;
    max-width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: relative;
    text-align: left;
    vertical-align: middle;
}

.fancybox-slide--image .fancybox-content {
    -webkit-animation-timing-function: cubic-bezier(.5, 0, .14, 1);
            animation-timing-function: cubic-bezier(.5, 0, .14, 1);
    -webkit-backface-visibility: hidden;
    background: transparent;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    transform-origin: top left;
    transition-property: transform, opacity;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 99995;
}

.fancybox-can-zoomOut .fancybox-content {
    cursor: zoom-out;
}

.fancybox-can-zoomIn .fancybox-content {
    cursor: zoom-in;
}

.fancybox-can-swipe .fancybox-content,
.fancybox-can-pan .fancybox-content {
    cursor: -webkit-grab;
    cursor: grab;
}

.fancybox-is-grabbing .fancybox-content {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}

.fancybox-container [data-selectable='true'] {
    cursor: text;
}

.fancybox-image,
.fancybox-spaceball {
    background: transparent;
    border: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
}

.fancybox-spaceball {
    z-index: 1;
}

.fancybox-slide--video .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--iframe .fancybox-content {
    height: 100%;
    overflow: visible;
    padding: 0;
    width: 100%;
}

.fancybox-slide--video .fancybox-content {
    background: #000;
}

.fancybox-slide--map .fancybox-content {
    background: #e5e3df;
}

.fancybox-slide--iframe .fancybox-content {
    background: #fff;
}

.fancybox-video,
.fancybox-iframe {
    background: transparent;
    border: 0;
    display: block;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}

/* Fix iOS */
.fancybox-iframe {
    left: 0;
    position: absolute;
    top: 0;
}

.fancybox-error {
    background: #fff;
    cursor: default;
    max-width: 400px;
    padding: 40px;
    width: 100%;
}

.fancybox-error p {
    color: #444;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding: 0;
}

/* Buttons */

.fancybox-button {
    background: rgba(30, 30, 30, .6);
    border: 0;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    padding: 10px;
    position: relative;
    transition: color .2s;
    vertical-align: top;
    visibility: inherit;
    width: 44px;
}

.fancybox-button,
.fancybox-button:visited,
.fancybox-button:link {
    color: #ccc;
}

.fancybox-button:hover {
    color: #fff;
}

.fancybox-button:focus {
    outline: none;
}

.fancybox-button.fancybox-focus {
    outline: 1px dotted;
}

.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
    color: #888;
    cursor: default;
    outline: none;
}

/* Fix IE11 */
.fancybox-button div {
    height: 100%;
}

.fancybox-button svg {
    display: block;
    height: 100%;
    overflow: visible;
    position: relative;
    width: 100%;
}

.fancybox-button svg path {
    fill: currentColor;
    stroke-width: 0;
}

.fancybox-button--play svg:nth-child(2),
.fancybox-button--fsenter svg:nth-child(2) {
    display: none;
}

.fancybox-button--pause svg:nth-child(1),
.fancybox-button--fsexit svg:nth-child(1) {
    display: none;
}

.fancybox-progress {
    background: #ff5268;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scaleX(0);
    transform-origin: 0;
    transition-property: transform;
    transition-timing-function: linear;
    z-index: 99998;
}

/* Close button on the top right corner of html content */

.fancybox-close-small {
    background: transparent;
    border: 0;
    border-radius: 0;
    color: #ccc;
    cursor: pointer;
    opacity: .8;
    padding: 8px;
    position: absolute;
    right: -12px;
    top: -44px;
    z-index: 401;
}

.fancybox-close-small:hover {
    color: #fff;
    opacity: 1;
}

.fancybox-slide--html .fancybox-close-small {
    color: currentColor;
    padding: 10px;
    right: 0;
    top: 0;
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
    overflow: hidden;
}

.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
    display: none;
}

/* Navigation arrows */

.fancybox-navigation .fancybox-button {
    background-clip: content-box;
    height: 100px;
    opacity: 0;
    position: absolute;
    top: calc(50% - 50px);
    width: 70px;
}

.fancybox-navigation .fancybox-button div {
    padding: 7px;
}

.fancybox-navigation .fancybox-button--arrow_left {
    left: 0;
    left: env(safe-area-inset-left);
    padding: 31px 26px 31px 6px;
}

.fancybox-navigation .fancybox-button--arrow_right {
    padding: 31px 6px 31px 26px;
    right: 0;
    right: env(safe-area-inset-right);
}

/* Caption */

.fancybox-caption {
    background: linear-gradient(to top,
        rgba(0, 0, 0, .85) 0%,
        rgba(0, 0, 0, .3) 50%,
        rgba(0, 0, 0, .15) 65%,
        rgba(0, 0, 0, .075) 75.5%,
        rgba(0, 0, 0, .037) 82.85%,
        rgba(0, 0, 0, .019) 88%,
        rgba(0, 0, 0, 0) 100%);
    bottom: 0;
    color: #eee;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 75px 44px 25px 44px;
    pointer-events: none;
    right: 0;
    text-align: center;
    z-index: 99996;
}

@supports (padding: max(0px)) {
    .fancybox-caption {
        padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left));
    }
}

.fancybox-caption--separate {
    margin-top: -50px;
}

.fancybox-caption__body {
    max-height: 50vh;
    overflow: auto;
    pointer-events: all;
}

.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
    color: #ccc;
    text-decoration: none;
}

.fancybox-caption a:hover {
    color: #fff;
    text-decoration: underline;
}

/* Loading indicator */

.fancybox-loading {
    -webkit-animation: fancybox-rotate 1s linear infinite;
            animation: fancybox-rotate 1s linear infinite;
    background: transparent;
    border: 4px solid #888;
    border-bottom-color: #fff;
    border-radius: 50%;
    height: 50px;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 50px;
    z-index: 99999;
}

@-webkit-keyframes fancybox-rotate {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes fancybox-rotate {
    100% {
        transform: rotate(360deg);
    }
}

/* Transition effects */

.fancybox-animated {
    transition-timing-function: cubic-bezier(0, 0, .25, 1);
}

/* transitionEffect: slide */

.fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--next {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

/* transitionEffect: fade */

.fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next {
    opacity: 0;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1;
}

/* transitionEffect: zoom-in-out */

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(1.5, 1.5, 1.5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(.5, .5, .5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    transform: scale3d(1, 1, 1);
}

/* transitionEffect: rotate */

.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    transform: rotate(-360deg);
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    transform: rotate(360deg);
}

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    transform: rotate(0deg);
}

/* transitionEffect: circular */

.fancybox-fx-circular.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
}

/* transitionEffect: tube */

.fancybox-fx-tube.fancybox-slide--previous {
    transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg);
}

.fancybox-fx-tube.fancybox-slide--next {
    transform: translate3d(100%, 0, 0) scale(.1) skew(10deg);
}

.fancybox-fx-tube.fancybox-slide--current {
    transform: translate3d(0, 0, 0) scale(1);
}

/* Styling for Small-Screen Devices */
@media all and (max-height: 576px) {
    .fancybox-slide {
        padding-left: 6px;
        padding-right: 6px;
    }

    .fancybox-slide--image {
        padding: 6px 0;
    }

    .fancybox-close-small {
        right: -6px;
    }

    .fancybox-slide--image .fancybox-close-small {
        background: #4e4e4e;
        color: #f2f4f6;
        height: 36px;
        opacity: 1;
        padding: 6px;
        right: 0;
        top: 0;
        width: 36px;
    }

    .fancybox-caption {
        padding-left: 12px;
        padding-right: 12px;
    }

    @supports (padding: max(0px)) {
        .fancybox-caption {
            padding-left: max(12px, env(safe-area-inset-left));
            padding-right: max(12px, env(safe-area-inset-right));
        }
    }
}
/* Share */

.fancybox-share {
    background: #f4f4f4;
    border-radius: 3px;
    max-width: 90%;
    padding: 30px;
    text-align: center;
}

.fancybox-share h1 {
    color: #222;
    font-size: 35px;
    font-weight: 700;
    margin: 0 0 20px 0;
}

.fancybox-share p {
    margin: 0;
    padding: 0;
}

.fancybox-share__button {
    border: 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 5px 10px 5px;
    min-width: 130px;
    padding: 0 15px;
    text-decoration: none;
    transition: all .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
}

.fancybox-share__button:visited,
.fancybox-share__button:link {
    color: #fff;
}

.fancybox-share__button:hover {
    text-decoration: none;
}

.fancybox-share__button--fb {
    background: #3b5998;
}

.fancybox-share__button--fb:hover {
    background: #344e86;
}

.fancybox-share__button--pt {
    background: #bd081d;
}

.fancybox-share__button--pt:hover {
    background: #aa0719;
}

.fancybox-share__button--tw {
    background: #1da1f2;
}

.fancybox-share__button--tw:hover {
    background: #0d95e8;
}

.fancybox-share__button svg {
    height: 25px;
    margin-right: 7px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 25px;
}

.fancybox-share__button svg path {
    fill: #fff;
}

.fancybox-share__input {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    color: #5d5b5b;
    font-size: 14px;
    margin: 10px 0 0 0;
    outline: none;
    padding: 10px 15px;
    width: 100%;
}
/* Thumbs */

.fancybox-thumbs {
    background: #ddd;
    bottom: 0;
    display: none;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 2px 2px 4px 2px;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    top: 0;
    width: 212px;
    z-index: 99995;
}

.fancybox-thumbs-x {
    overflow-x: auto;
    overflow-y: hidden;
}

.fancybox-show-thumbs .fancybox-thumbs {
    display: block;
}

.fancybox-show-thumbs .fancybox-inner {
    right: 212px;
}

.fancybox-thumbs__list {
    font-size: 0;
    height: 100%;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    position: relative;
    white-space: nowrap;
    width: 100%;
}

.fancybox-thumbs-x .fancybox-thumbs__list {
    overflow: hidden;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
    width: 7px;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px;
}

.fancybox-thumbs__list a {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: rgba(0, 0, 0, .1);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    float: left;
    height: 75px;
    margin: 2px;
    max-height: calc(100% - 8px);
    max-width: calc(50% - 4px);
    outline: none;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    width: 100px;
}

.fancybox-thumbs__list a::before {
    border: 6px solid #ff5268;
    bottom: 0;
    content: '';
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .2s cubic-bezier(.25, .46, .45, .94);
    z-index: 99991;
}

.fancybox-thumbs__list a:focus::before {
    opacity: .5;
}

.fancybox-thumbs__list a.fancybox-thumbs-active::before {
    opacity: 1;
}

/* Styling for Small-Screen Devices */
@media all and (max-width: 576px) {
    .fancybox-thumbs {
        width: 110px;
    }

    .fancybox-show-thumbs .fancybox-inner {
        right: 110px;
    }

    .fancybox-thumbs__list a {
        max-width: calc(100% - 10px);
    }
}
@font-face {
  font-family: "Gilroy";
  src: url(/fonts/Gilroy-Regular.eot?1d051d9d4215c09cbcaa846199555107);
  src: local("Roboto"), local("Roboto-Regular"), url(/fonts/Gilroy-Regular.eot?1d051d9d4215c09cbcaa846199555107?#iefix) format("embedded-opentype"), url(/fonts/Gilroy-Regular.woff?31d54a4b841c0e438f130447e373792b) format("woff"), url(/fonts/Gilroy-Regular.ttf?b91b0127c56a8e5f9e83a2a49ba4e315) format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gilroy";
  src: url(/fonts/Gilroy-Medium.eot?b84941b7bdcce7cbba6db36330079273);
  src: local("Gilroy Medium"), local("Gilroy-Medium"), url(/fonts/Gilroy-Medium.eot?b84941b7bdcce7cbba6db36330079273?#iefix) format("embedded-opentype"), url(/fonts/Gilroy-Medium.woff?2bc7f5d7ea77ee1bddb3d9388913a8d1) format("woff"), url(/fonts/Gilroy-Medium.ttf?f9f832b0ed3f1ab138c962ada983dbcc) format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gilroy";
  src: url(/fonts/Gilroy-Bold.eot?a732fed1bc6140852a0bcc237f16618e);
  src: local("Gilroy Bold"), local("Gilroy-Bold"), url(/fonts/Gilroy-Bold.eot?a732fed1bc6140852a0bcc237f16618e?#iefix) format("embedded-opentype"), url(/fonts/Gilroy-Bold.woff?5fb38b9fa452b5814397d5bcce0d2d5e) format("woff"), url(/fonts/Gilroy-Bold.ttf?b900325e44ec0c673e88af6e02e3b453) format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gilroy";
  src: url(/fonts/Gilroy-Light.eot?8862796bffbd019727b3b4516ada8089);
  src: local("Gilroy Light"), local("Gilroy-Light"), url(/fonts/Gilroy-Light.eot?8862796bffbd019727b3b4516ada8089?#iefix) format("embedded-opentype"), url(/fonts/Gilroy-Light.woff?9df2f5dbbb9c90a6ede7c1348521d216) format("woff"), url(/fonts/Gilroy-Light.ttf?1b7fff53076b212839677d44fe93ad1c) format("truetype");
  font-weight: 300;
  font-style: normal;
}
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  outline: none;
}

html {
  height: 100%;
}

body {
  background: #f8f8f8;
  font-family: Gilroy;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.3;
  height: 100%;
  color: #000;
}

h1, .h1 {
  font-size: 20px;
  margin-bottom: 20px;
}

h2 {
  font-size: 17px;
  margin-bottom: 20px;
}

a {
  text-decoration: none;
}

p, ul, ol {
  margin-bottom: 20px;
}

img {
  max-width: 100%;
}

table {
  border-collapse: collapse;
}

.content-width {
  max-width: 1500px;
  width: 95%;
  margin: 0 auto;
}

.wrapper {
  padding-left: 120px;
}

.aside {
  width: 120px;
  background: #272769;
  padding: 16px;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
    z-index: 2;
}

.fancybox-slide--html .fancybox-close-small {
  opacity: 1;
  top: -2px;
}

.fancybox-slide--html .fancybox-close-small path {
  fill: #fff;
}

.message {
  margin: 15px 0;
  font-size: 18px;
}
.message_success {
  color: green;
}

.success {
    font-size: 25px;
    color: green;
}

#tabs .result {
    margin-left: 15px;
    color: green;
    font-weight: bold;
}
#tabs .result.error {
    color: red;
}

.header {
    background-color: var(--bg-white);
    border-bottom: 1px solid var(--border-color);
    position: sticky;
    top: 0;
    z-index: 50;
    margin-bottom: 32px;
}

.header-inner {
    height: 4rem; /* 64px */
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* Левая и правая части */
.header-left, .header-right {
    display: flex;
    align-items: center;
}

.header-left { gap: 1.5rem; }
@media (min-width: 768px) { .header-left { gap: 2rem; } }

.header-right { gap: 0.75rem; }
@media (min-width: 640px) { .header-right { gap: 1rem; } }

/* Логотип */
.logo {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    text-decoration: none;
    transition: opacity 0.2s ease;
    width: 127px;
}
.logo:hover { opacity: 0.8; }

.logo-icon {
    width: 2.5rem;
    height: 2.5rem;
    background-color: var(--primary);
    border-radius: 0.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--bg-white);
    font-weight: 700;
    font-size: 1.25rem;
    box-shadow: var(--shadow-sm);
    transition: background-color 0.2s ease;
}
.logo:hover .logo-icon { background-color: var(--primary-hover); }

.logo-text {
    font-weight: 700;
    font-size: 1.25rem;
    color: var(--text-main);
    letter-spacing: -0.025em;
    display: none; /* Скрыто на мобильных */
}
@media (min-width: 640px) { .logo-text { display: block; } }

/* Поиск */
.search-wrapper {
    position: relative;
    display: none; /* Скрыто на мобильных */
}
@media (min-width: 640px) { .search-wrapper { display: block; } }

.search-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    padding-left: 0.75rem;
    display: flex;
    align-items: center;
    pointer-events: none;
    color: var(--text-light);
}
.search-icon svg { width: 1rem; height: 1rem; }

.search-input {
    display: block;
    width: 16rem;
    padding: 0.5rem 1rem 0.5rem 2.5rem;
    border: 1px solid var(--border-color);
    border-radius: 0.75rem;
    background-color: var(--bg-gray-50);
    color: var(--text-main);
    font-size: 0.875rem;
    line-height: 1.25rem;
    outline: none;
    transition: all 0.2s ease;
}
.search-input::placeholder { color: var(--text-light); }
.search-input:focus {
    background-color: var(--bg-white);
    border-color: var(--primary);
    box-shadow: 0 0 0 2px var(--focus-ring);
}
@media (min-width: 1024px) { .search-input { width: 20rem; } }

/* Иконки уведомлений */
.action-btn {
    position: relative;
    padding: 0.5rem;
    color: var(--text-muted);
    border-radius: 9999px;
    transition: all 0.2s ease;
    text-decoration: none;
    display: flex;
}
.action-btn:hover {
    color: var(--primary);
    background-color: var(--primary-light);
}
.action-btn svg {
    width: 1.25rem;
    height: 1.25rem;
}
@media (min-width: 640px) {
    .action-btn svg { width: 1.5rem; height: 1.5rem; }
}

.badge {
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(25%, -25%);
    height: 1rem;
    min-width: 1rem;
    padding: 0 0.25rem;
    border-radius: 9999px;
    background-color: var(--danger);
    color: var(--bg-white);
    font-size: 10px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid var(--bg-white);
    box-shadow: var(--shadow-sm);
}

/* Разделитель */
.divider {
    display: none;
    height: 1.5rem;
    width: 1px;
    background-color: var(--border-color);
    margin: 0 0.25rem;
}
@media (min-width: 640px) { .divider { display: block; margin: 0 0.5rem; } }

/* Кнопка Выход */
.logout-btn {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.5rem 0.75rem;
    background-color: var(--bg-white);
    border: 1px solid var(--border-color);
    border-radius: 0.75rem;
    color: var(--text-muted);
    text-decoration: none;
    box-shadow: var(--shadow-sm);
    transition: all 0.2s ease;
    cursor: pointer;
}
@media (min-width: 640px) { .logout-btn { padding: 0.5rem 1rem; } }

.logout-btn:hover {
    background-color: var(--bg-gray-50);
    border-color: var(--border-hover);
    color: var(--text-main);
}
.logout-btn:active {
    background-color: var(--border-color);
}

.logout-text {
    font-size: 0.875rem;
    font-weight: 500;
    display: none;
}
@media (min-width: 640px) { .logout-text { display: block; } }

.logout-btn svg { width: 1.25rem; height: 1.25rem; }

.aside-menu__wrapper {
  list-style: none;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.aside-menu__profile {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #fff;
  margin-bottom: 40px;
}
.aside-menu__profile-photo {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: 50% 0;
    overflow: hidden;
}
.aside-menu__profile-lastname {
  font-size: 16px;
  margin-bottom: 0;
}
.aside-menu__profile-type {
  font-size: 12px;
  margin-bottom: 0;
    text-align: center;
}
.aside-menu__title {
  color: #838383;
}
.aside-menu__in {
  display: flex;
  align-items: center;
}
.aside-menu__item {
  margin-bottom: 20px;
}
.aside-menu__item:last-child {
  margin-bottom: 0;
}
.aside-menu__link {
  color: #fff;
  font-size: 14px;
  text-align: center;
}
.aside-menu__link_bold {
  font-weight: bold;
}
.aside-menu__link:hover {
  opacity: 0.8;
}
.aside-menu__wrapper-inner {
  margin-top: 20px;
  list-style: none;
  margin-bottom: 20px;
}
.aside-menu__item-inner {
  margin-bottom: 20px;
  display: flex;
  align-items: center;
}
.aside-menu__item-inner:last-child {
  margin-bottom: 0;
}
.aside-menu__link-inner {
  color: #838383;
}
.aside-menu__link-inner:hover {
  color: #3A3B98;
}
.aside-menu__icon img {
    display: inline-block;
}

.content-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
.content-header__hello-name {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 5px;
}
.content-header__hello-line {
  color: #838383;
  margin-bottom: 0;
}
.content-header__date-input-wrap {
  position: relative;
  width: 260px;
}
.content-header__date-input-wrap::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 45px;
  height: 100%;
  background: url(/images/crm/icons/calendar.svg) no-repeat 50% 50% #3A3B98;
  border-radius: 0 5px 5px 0;
}

.input {
  border-radius: 5px;
  background: #FFF;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.12);
  height: 40px;
  border: none;
  padding: 0 20px;
  width: 100%;
}

.label {
  display: block;
}
.label__title {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 3px;
}

.inputan {
  height: 40px;
  width: 100%;
  border-radius: 5px;
  border: 1px solid #BCBCBC;
  padding: 0 15px;
}
.inputan.error {
    border-color: red;
}

.label-split {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.label-split .inputan {
    width: 87%;
}
.label-split img {
    width: 30px;
}

.checkbox-item {
  display: block;
  width: 35px;
  height: 35px;
  border-radius: 5px;
  background: #FFF;
  border: 6px solid #fff;
  box-shadow: 0 0 0 1px #BCBCBC;
}

.checkbox-input {
  display: none;
}

.checkbox-input:checked + .checkbox-item {
  background: #b5afaf;
}

.checkbox-label input {
    vertical-align: -1px;
    margin-right: 3px;
}

.pass-wrap {
    position: relative;
}
.pass-wrap.spec {
    margin-bottom: 10px;
}
.pass-wrap.spec .inputan {
    margin-bottom: 0;
}
.pass-button {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 35px;
    background: url(/images/icons/view.svg) no-repeat 50% 50%;
    background-size: 20px auto;
    cursor: pointer;
}
.pass-button.active {
    background-image: url(/images/icons/no-view.svg);
}

.error-message {
  margin-top: 4px;
  color: red;
}

.info-panel {
  display: flex;
}
.info-panel__item {
  width: 19%;
  border-radius: 5px;
  background: #FFF;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.12);
  padding: 15px 10px;
  margin-right: 1.25%;
}
.info-panel__item:nth-child(5n) {
  margin-right: 0;
}
.info-panel__header {
  display: flex;
  justify-content: space-between;
  color: #838383;
  height: 70px;
}
.info-panel__name {
  font-size: 16px;
  font-weight: 500;
}
.info-panel__num_green {
  color: #59AE5D;
}
.info-panel__num_green span {
  display: inline-block;
  vertical-align: 1px;
  margin-right: 5px;
  width: 7px;
  height: 7px;
  background: url(/images/crm/icons/arrow-diag-green.svg) no-repeat 50% 50%;
}
.info-panel__num_red {
  color: #F04823;
}
.info-panel__num_red span {
  display: inline-block;
  vertical-align: 1px;
  margin-right: 5px;
  width: 7px;
  height: 7px;
  background: url(/images/crm/icons/arrow-diag-red.svg) no-repeat 50% 50%;
}
.info-panel__body {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.info-panel__price {
  color: #838383;
  font-weight: bold;
  font-size: 24px;
  white-space: nowrap;
}
@media only screen and (max-width: 1600px) {
  .info-panel__price {
    font-size: 17px;
  }
}
.info-panel__button {
  height: 46px;
  width: 46px;
  background-color: #deefe0;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.info-panel__button_blue {
  background-color: #d8d8e9;
}

.info-panel-more {
  display: flex;
  justify-content: space-between;
  margin-top: 25px;
}
.info-panel-more__col {
  width: 66%;
  border-radius: 5px;
  background: #FFF;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.12);
}
.info-panel-more__income {
  padding: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.info-panel-more__income-title {
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
  color: #838383;
}
.info-panel-more__income-plate {
  padding: 6px 8px;
  font-size: 14px;
  font-weight: 500;
  color: #3A3B98;
  border-radius: 5px;
  background-color: #d8d8e9;
}
.info-panel-more__income-plate:hover {
  opacity: 0.8;
}
.info-panel-more__nums {
  background: #F4F5FD;
  display: flex;
  justify-content: space-around;
  padding: 20px 0;
}
.info-panel-more__nums-col {
  text-align: center;
}
.info-panel-more__nums-value {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 2px;
  color: #838383;
}
.info-panel-more__nums-value_green {
  color: #59AE5D;
}
.info-panel-more__nums-title {
  color: #838383;
  margin-bottom: 0;
}
.info-panel-more__graph {
  padding: 5px;
}
.info-panel-more__map {
  width: 32%;
  border-radius: 5px;
  background: #FFF;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.12);
}
.info-panel-more__map-header {
  padding: 15px;
  font-size: 16px;
  font-weight: 500;
  color: #838383;
}
.info-panel-more__map-body {
  height: 470px;
}

.index__table {
  margin-top: 20px;
  border-radius: 5px;
  background: #FFF;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.12);
}
.index__tables {
  margin-top: 20px;
  display: flex;
  align-items: baseline;
}
.index__tables-col {
  border-radius: 5px;
  background: #FFF;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.12);
  width: 369px;
  margin-right: 30px;
}
.index__tables-col:last-child {
  margin-right: 0;
}

@media only screen and (max-width: 1600px) {
  .table {
    overflow-x: scroll;
  }
}
.table.scroll {
    overflow-x: scroll;
}
.table table {
  width: 100%;
}
.table th {
  font-size: 16px;
  font-weight: bold;
  padding: 9px 16px;
  border-bottom: 3px solid #E3E3E3;
  color: #838383;
}
.table th:first-child {
  text-align: left;
}
.table td {
  padding: 7px 11px;
  border: 1px solid #E3E3E3;
  text-align: center;
  font-weight: 500;
}
.table.scroll td {
    white-space: nowrap;
}
.table td:first-child {
  text-align: left;
  color: #838383;
}
.table .table__align-right {
  text-align: right;
}
.table__green {
  color: #59AE5D;
}
.table .table__red {
  color: #F04823;
  font-weight: 400;
}
.table__bg-gray {
  background: #D8D8EA;
}
.table__bg-yellow {
  background: #FEFF03;
}
.table__bg-green {
  background: #59AE5D;
}
.table__bg-blue {
  background: #0FF;
}
.table__bg-grayan {
  background: #F0EDED;
}

.button {
  font-size: 14px;
  padding: 9px 52px;
  border-radius: 5px;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.12);
  cursor: pointer;
  display: inline-block;
  background: #fff;
}
.button_orange {
  color: #F04823;
  border: 1px solid #F04823;
}
.button_blue {
  color: #3A3B98;
  border: 1px solid #3A3B98;
}
.button_green {
  color: #59AE5D;
  border: 1px solid #59AE5D;
}
.button_green-fill {
  color: #fff;
  border: 1px solid #59AE5D;
  background: #59AE5D;
}
.button_red-fill{
    color: #fff;
    border: 1px solid red;
    background: red;
}
.button.black {
    color: #000;
}
.button_excel {
  display: flex;
  align-items: center;
  background: none;
  border: none;
  box-shadow: none;
  font-size: 16px;
  color: #838383;
  text-decoration: underline;
  padding: 0;
}
.button_excel::before {
  content: "";
  width: 28px;
  height: 28px;
  margin-right: 10px;
  display: inline-block;
  background: url(/images/excel_icon.svg) no-repeat 50% 50%;
}

.modal-window {
  display: none;
  width: 700px;
  padding: 0;
  border-radius: 5px;
  background: #FFF;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
}
.modal-window__title {
  height: 40px;
  line-height: 40px;
  padding: 0 18px;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  background: #3A3B98;
}
.modal-window__body {
  padding: 15px 20px;
}
#calculator, #calculator_vishki_tura {
    width: 1100px;
}
.modal-window__calc {
    display: flex;
}
.modal-window__left {
    width: 50%;
}
.modal-window__right {
    width: 50%;
}
.calc-table-wrapper {
    border: 1px solid #E3D0D0;
    border-radius: 8px;
    overflow: hidden;
}
.calc-table {
    width: 100%;
    border-collapse: collapse;
}

.calc-table th, .calc-table td {
    padding: 5px 15px;
}

.calc-table th {
    background-color: #f9f9f9;
    font-weight: 500;
    font-size: 13px;
    border-bottom: 1px solid #E3D0D0;
    text-align: left;
}

.calc-table td {
    font-weight: 400;
    font-size: 13px;
    line-height: 130%;
    border-bottom: 1px solid #E3D0D0;
    border-right: 1px solid #E3D0D0;
    text-align: left;
    padding: 9px 15px;
}

.calc-table td:last-child {
    border-right: none;
}

.calc-table tr:last-child td {
    border-bottom: none;
}

.calc-table td:first-child {
    width: 200px;
}

.modal-window__inputs {
  display: flex;
  flex-wrap: wrap;
}
.modal-window__inputs .label {
  width: 48%;
  margin-right: 4%;
  margin-bottom: 20px;
}
.modal-window__inputs .label_fullwidth {
  width: 100%;
  margin-right: 0;
}
.modal-window__inputs .label:nth-child(2n) {
  margin-right: 0;
}
.modal-window__button {
  margin-top: 10px;
}
.modal-window__button .button {
  padding: 9px 18px;
}

.main-login {
  height: 100%;
  display: flex;
}
.main-login__left {
  width: 45%;
  height: 100%;
  background: url(/images/crm/login-bg.jpg) #F6F6F6;
}
.main-login__right {
  width: 55%;
  height: 100%;
  background: #fff;
}
.main-login__logo-wrap {
  height: 100%;
  padding-right: 100px;
  width: 670px;
  float: right;
  display: flex;
  align-items: center;
  position: relative;
}
.main-login__back {
  position: absolute;
  left: 0;
  top: 66px;
}
.main-login__back-link {
  font-size: 18px;
  color: #3A3B98;
  text-decoration: none;
  display: flex;
  align-items: center;
}
.main-login__back-link::before {
  content: "";
  width: 20px;
  height: 7px;
  margin-right: 7px;
  background: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" width="21" height="8" viewBox="0 0 21 8" fill="none"> <path d="M0.646446 3.64645C0.451185 3.84171 0.451185 4.15829 0.646446 4.35355L3.82843 7.53553C4.02369 7.7308 4.34027 7.7308 4.53553 7.53553C4.7308 7.34027 4.7308 7.02369 4.53553 6.82843L1.70711 4L4.53553 1.17157C4.7308 0.976311 4.7308 0.659728 4.53553 0.464466C4.34027 0.269204 4.02369 0.269204 3.82843 0.464466L0.646446 3.64645ZM21 3.5L1 3.5V4.5L21 4.5V3.5Z" fill="%23003070"/> </svg>') no-repeat 50% 50%;
}
.main-login__form-wrap {
  height: 100%;
  margin-left: 80px;
  width: 750px;
  display: flex;
  align-items: center;
}
.main-login__form {
  border-bottom: 1px solid #DCDCDC;
  width: 100%;
  padding: 0 100px;
  padding-bottom: 48px;
}
.main-login__form .inputan {
  margin-bottom: 10px;
  border-color: #DCDCDC;
}
.main-login__form-title {
  font-size: 30px;
  font-weight: 600;
  text-transform: uppercase;
  color: #F04823;
  margin-bottom: 25px;
}
.main-login__forgot {
  font-size: 16px;
  color: #3A3B98;
  font-family: Helvetica;
  text-decoration: underline;
}
.main-login__forgot:hover {
  text-decoration: none;
}
.main-login__button {
  margin-top: 30px;
}
.main-login__button .button {
  width: 220px;
  text-align: center;
  border-radius: 3px;
  font-size: 14px;
  padding: 12px;
}
.main-login__error {
  color: red;
  font-size: 19px;
}

.profile__title {
  text-align: right;
  color: #838383;
}
.profile__inner {
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
}
.profile__aside {
  width: 27%;
}
.profile__info {
  padding: 20px;
  border-radius: 5px;
  background: #FFF;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.12);
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.profile__photo {
  width: 120px;
  height: 120px;
  background-color: #D9D9D9;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  border-radius: 50%;
  margin-bottom: 20px;
}
.profile__name {
  font-size: 24px;
  font-weight: 700;
  color: #000;
  margin-bottom: 0;
}
.profile__type {
  font-size: 16px;
  font-weight: 500;
  color: #838383;
  margin-bottom: 5px;
}
.profile__address {
  font-weight: 500;
  font-size: 16px;
  margin-bottom: 0;
  color: #838383;
}
.profile__buttons {
  margin-bottom: 15px;
}
.profile__buttons .button {
  width: 100%;
  text-align: center;
  margin-bottom: 10px;
  padding: 9px;
}
.profile__buttons .button:last-child {
  margin-bottom: 0;
}
.profile__prod {
  padding: 20px;
  border-radius: 5px;
  background: #FFF;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.12);
  font-size: 16px;
}
.profile__prod-title {
  font-size: 24px;
  color: #000;
  padding-top: 10px;
}
.profile__prod-line {
  border-radius: 5px;
  background: #FFF;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.16) inset;
  height: 16px;
  margin-bottom: 20px;
  padding: 4px 10px;
}
.profile__prod-line-inner {
  width: 60%;
  background: #3A3B98;
  height: 8px;
  border-radius: 5px;
}
.profile__prod-l {
  border-bottom: 1px dotted #BCBCBC;
  display: flex;
  justify-content: space-between;
}
.profile__prod-l span {
  background: #fff;
  position: relative;
  bottom: -5px;
}
.profile__main {
  width: 71%;
}
.profile__navs-wrap {
  padding: 17px 20px;
  background: #fff;
  border: 1px solid #DFDFDF;
  border-radius: 10px;
}
.profile__navs {
  display: flex;
  margin-bottom: 20px;
}
.profile__nav {
  width: 150px;
  font-size: 16px;
  padding: 7px;
  background: #fff;
  text-align: center;
  border: 1px solid #E3D0D0;
  border-radius: 5px;
  cursor: pointer;
  margin-right: 15px;
  color: #838383;
}
.profile__nav:last-child {
  margin-right: 0;
}
.profile__nav_active {
  background: #FEC7BB;
  color: #838383;
}
.profile__tab {
  display: none;
}
.profile__tab_active {
  display: block;
}
.profile__table {
  margin-top: 33px;
  border-radius: 5px;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.12);
  overflow: hidden;
}
.profile__table_deals {
    margin-top: 10px;
}
.profile__table table {
  width: 100%;
}
.profile__table th {
  text-align: center;
  padding: 10px;
  font-size: 14px;
  font-weight: 400;
  border-bottom: 3px solid #E3E3E3;
  background: #FFF;
}
.profile__table .orange {
    background: #f04823;
    color: #fff;
}
.profile__table td {
  padding: 8px 10px;
  border-bottom: 1px solid #E3E3E3;
  border-right: 1px solid #E3E3E3;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  background: #FFF;
  color: #424242;
}
.profile__table td:last-child {
  border-right: none;
}
.profile__table .orange td {
  background: #FC8F77;
}
.profile__table .green td {
  background: #CFFFD1;
}
.profile__table .blue td {
  color: #838383;
  background: #F4F4FD;
}
.profile__table td.blue {
    background: #3a3b98;
    color: #fff;
}
.profile__table td.red {
    background: #f04823;
    color: #fff;
}
.profile__table td.green {
    background: #59AE5D;
    color: #fff;
}
.profile__table .name {
  text-align: left;
}
.profile__table .name p {
  margin-bottom: 3px;
}
.profile__table .width {
  width: 313px;
}
.profile__table .nobold {
  font-weight: 400;
}
.profile__table tr:last-child th {
  border-bottom: none;
}
.profile__bottom {
  display: flex;
  margin-top: 30px;
  justify-content: space-between;
}

.managers__header {
  display: flex;
  justify-content: space-between;
    align-items: center;
}
.managers__title {
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 0;
}
.managers__search-title {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 7px;
}
.managers__search-input-wrap {
  display: flex;
}
.managers__search-input {
  width: 250px;
  height: 35px;
  margin-right: 50px;
  padding: 0 9px;
  padding-left: 29px;
  border: 1px solid #3A3B98;
  background: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"> <path d="M14 13.2678L10.0893 9.35711C11.0291 8.22892 11.4977 6.78185 11.3977 5.31693C11.2977 3.85202 10.6368 2.48205 9.55246 1.49202C8.46811 0.501988 7.04382 -0.0318806 5.57588 0.00147384C4.10793 0.0348283 2.70936 0.632837 1.6711 1.6711C0.632837 2.70936 0.0348283 4.10793 0.00147384 5.57588C-0.0318806 7.04382 0.501988 8.46811 1.49202 9.55246C2.48205 10.6368 3.85202 11.2977 5.31693 11.3977C6.78185 11.4977 8.22892 11.0291 9.35711 10.0893L13.2678 14L14 13.2678ZM1.05418 5.71468C1.05418 4.79292 1.32752 3.89186 1.83962 3.12545C2.35172 2.35903 3.07959 1.76168 3.93118 1.40894C4.78278 1.0562 5.71985 0.963907 6.62389 1.14373C7.52794 1.32356 8.35836 1.76743 9.01014 2.41921C9.66193 3.07099 10.1058 3.90141 10.2856 4.80546C10.4654 5.70951 10.3732 6.64658 10.0204 7.49817C9.66767 8.34976 9.07032 9.07763 8.30391 9.58974C7.53749 10.1018 6.63644 10.3752 5.71468 10.3752C4.47906 10.3738 3.29444 9.88235 2.42072 9.00863C1.54701 8.13492 1.05555 6.9503 1.05418 5.71468Z" fill="%23838383"/> </svg>') no-repeat 8px 50% #fff;
  font-family: Gilroy;
}
.managers__add {
  text-align: right;
}
.managers__add-title {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 8px;
  color: #838383;
}
.managers__items {
  display: flex;
  flex-wrap: wrap;
  margin-top: 20px;
}
.managers__item {
  width: 284px;
  margin-right: 1%;
  margin-bottom: 1%;
  border-radius: 5px;
  background: #FFF;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.12);
  padding: 15px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.managers__item-image {
  width: 120px;
  height: 120px;
  background-color: #D9D9D9;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  border-radius: 50%;
  margin-bottom: 20px;
}
.managers__item-body {
    height: 105px;
}
.managers__item-name {
  font-size: 20px;
  color: #000;
  font-weight: bold;
  margin-bottom: 5px;
    text-align: center;
}
.managers__item-type {
  font-size: 16px;
  margin-bottom: 5px;
  color: #838383;
  font-weight: 500;
    text-align: center;
}
.managers__item-address {
  font-size: 16px;
  color: #000;
  font-weight: 500;
  margin-bottom: 5px;
    text-align: center;
}
.managers__item-bottom {
  margin-top: 15px;
}

.address-point__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.address-point__header-title {
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  color: #000;
  margin-bottom: 0;
}
.address-point__header-calendar {
  position: relative;
}
.address-point__header-calendar .input {
  width: 260px;
}
.address-point__header-calendar .icon {
  position: absolute;
  right: 0;
  top: 0;
  width: 45px;
  height: 100%;
  background: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" width="17" height="20" viewBox="0 0 17 20" fill="none"> <path d="M8.5 12C8.23241 12 8.00794 11.904 7.82661 11.712C7.64528 11.52 7.55493 11.2827 7.55556 11C7.55556 10.7167 7.64622 10.479 7.82756 10.287C8.00889 10.095 8.23304 9.99933 8.5 10C8.76759 10 8.99206 10.096 9.17339 10.288C9.35472 10.48 9.44507 10.7173 9.44444 11C9.44444 11.2833 9.35378 11.521 9.17244 11.713C8.99111 11.905 8.76696 12.0007 8.5 12ZM4.72222 12C4.45463 12 4.23017 11.904 4.04883 11.712C3.8675 11.52 3.77715 11.2827 3.77778 11C3.77778 10.7167 3.86845 10.479 4.04978 10.287C4.23111 10.095 4.45526 9.99933 4.72222 10C4.98982 10 5.21428 10.096 5.39561 10.288C5.57695 10.48 5.6673 10.7173 5.66667 11C5.66667 11.2833 5.576 11.521 5.39467 11.713C5.21333 11.905 4.98919 12.0007 4.72222 12ZM12.2778 12C12.0102 12 11.7857 11.904 11.6044 11.712C11.4231 11.52 11.3327 11.2827 11.3333 11C11.3333 10.7167 11.424 10.479 11.6053 10.287C11.7867 10.095 12.0108 9.99933 12.2778 10C12.5454 10 12.7698 10.096 12.9512 10.288C13.1325 10.48 13.2229 10.7173 13.2222 11C13.2222 11.2833 13.1316 11.521 12.9502 11.713C12.7689 11.905 12.5447 12.0007 12.2778 12ZM8.5 16C8.23241 16 8.00794 15.904 7.82661 15.712C7.64528 15.52 7.55493 15.2827 7.55556 15C7.55556 14.7167 7.64622 14.479 7.82756 14.287C8.00889 14.095 8.23304 13.9993 8.5 14C8.76759 14 8.99206 14.096 9.17339 14.288C9.35472 14.48 9.44507 14.7173 9.44444 15C9.44444 15.2833 9.35378 15.521 9.17244 15.713C8.99111 15.905 8.76696 16.0007 8.5 16ZM4.72222 16C4.45463 16 4.23017 15.904 4.04883 15.712C3.8675 15.52 3.77715 15.2827 3.77778 15C3.77778 14.7167 3.86845 14.479 4.04978 14.287C4.23111 14.095 4.45526 13.9993 4.72222 14C4.98982 14 5.21428 14.096 5.39561 14.288C5.57695 14.48 5.6673 14.7173 5.66667 15C5.66667 15.2833 5.576 15.521 5.39467 15.713C5.21333 15.905 4.98919 16.0007 4.72222 16ZM12.2778 16C12.0102 16 11.7857 15.904 11.6044 15.712C11.4231 15.52 11.3327 15.2827 11.3333 15C11.3333 14.7167 11.424 14.479 11.6053 14.287C11.7867 14.095 12.0108 13.9993 12.2778 14C12.5454 14 12.7698 14.096 12.9512 14.288C13.1325 14.48 13.2229 14.7173 13.2222 15C13.2222 15.2833 13.1316 15.521 12.9502 15.713C12.7689 15.905 12.5447 16.0007 12.2778 16ZM1.88889 20C1.36945 20 0.924612 19.804 0.55439 19.412C0.184168 19.02 -0.000628026 18.5493 1.60347e-06 18V4C1.60347e-06 3.45 0.185113 2.979 0.555335 2.587C0.925557 2.195 1.37008 1.99934 1.88889 2H2.83333V1C2.83333 0.71667 2.924 0.479003 3.10533 0.287003C3.28667 0.0950034 3.51082 -0.000663206 3.77778 3.46021e-06C4.04537 3.46021e-06 4.26983 0.0960035 4.45117 0.288003C4.6325 0.480003 4.72285 0.717337 4.72222 1V2H12.2778V1C12.2778 0.71667 12.3684 0.479003 12.5498 0.287003C12.7311 0.0950034 12.9553 -0.000663206 13.2222 3.46021e-06C13.4898 3.46021e-06 13.7143 0.0960035 13.8956 0.288003C14.0769 0.480003 14.1673 0.717337 14.1667 1V2H15.1111C15.6306 2 16.0754 2.196 16.4456 2.588C16.8158 2.98 17.0006 3.45067 17 4V18C17 18.55 16.8149 19.021 16.4447 19.413C16.0744 19.805 15.6299 20.0007 15.1111 20H1.88889ZM1.88889 18H15.1111V8H1.88889V18Z" fill="white"/> </svg>') no-repeat 50% 50% #3A3B98;
  border-radius: 0 5px 5px 0;
}
.address-point__panel {
  margin-top: 35px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.address-point__panel-inputs {
  display: flex;
  align-items: center;
}
.address-point__label {
  margin-right: 10px;
  display: flex;
  align-items: center;
}
.address-point__label:last-child {
  margin-right: 0;
}
.address-point__label span {
  font-size: 14px;
  margin-right: 5px;
}
.address-point__label .inputan {
  height: 35px;
}
.address-point__label .date {
  width: 116px;
  padding-left: 32px;
  background: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" width="17" height="20" viewBox="0 0 17 20" fill="none"> <path d="M8.5 12C8.23241 12 8.00794 11.904 7.82661 11.712C7.64528 11.52 7.55493 11.2827 7.55556 11C7.55556 10.7167 7.64622 10.479 7.82756 10.287C8.00889 10.095 8.23304 9.99933 8.5 10C8.76759 10 8.99206 10.096 9.17339 10.288C9.35472 10.48 9.44507 10.7173 9.44444 11C9.44444 11.2833 9.35378 11.521 9.17244 11.713C8.99111 11.905 8.76696 12.0007 8.5 12ZM4.72222 12C4.45463 12 4.23017 11.904 4.04883 11.712C3.8675 11.52 3.77715 11.2827 3.77778 11C3.77778 10.7167 3.86845 10.479 4.04978 10.287C4.23111 10.095 4.45526 9.99933 4.72222 10C4.98982 10 5.21428 10.096 5.39561 10.288C5.57695 10.48 5.6673 10.7173 5.66667 11C5.66667 11.2833 5.576 11.521 5.39467 11.713C5.21333 11.905 4.98919 12.0007 4.72222 12ZM12.2778 12C12.0102 12 11.7857 11.904 11.6044 11.712C11.4231 11.52 11.3327 11.2827 11.3333 11C11.3333 10.7167 11.424 10.479 11.6053 10.287C11.7867 10.095 12.0108 9.99933 12.2778 10C12.5454 10 12.7698 10.096 12.9512 10.288C13.1325 10.48 13.2229 10.7173 13.2222 11C13.2222 11.2833 13.1316 11.521 12.9502 11.713C12.7689 11.905 12.5447 12.0007 12.2778 12ZM8.5 16C8.23241 16 8.00794 15.904 7.82661 15.712C7.64528 15.52 7.55493 15.2827 7.55556 15C7.55556 14.7167 7.64622 14.479 7.82756 14.287C8.00889 14.095 8.23304 13.9993 8.5 14C8.76759 14 8.99206 14.096 9.17339 14.288C9.35472 14.48 9.44507 14.7173 9.44444 15C9.44444 15.2833 9.35378 15.521 9.17244 15.713C8.99111 15.905 8.76696 16.0007 8.5 16ZM4.72222 16C4.45463 16 4.23017 15.904 4.04883 15.712C3.8675 15.52 3.77715 15.2827 3.77778 15C3.77778 14.7167 3.86845 14.479 4.04978 14.287C4.23111 14.095 4.45526 13.9993 4.72222 14C4.98982 14 5.21428 14.096 5.39561 14.288C5.57695 14.48 5.6673 14.7173 5.66667 15C5.66667 15.2833 5.576 15.521 5.39467 15.713C5.21333 15.905 4.98919 16.0007 4.72222 16ZM12.2778 16C12.0102 16 11.7857 15.904 11.6044 15.712C11.4231 15.52 11.3327 15.2827 11.3333 15C11.3333 14.7167 11.424 14.479 11.6053 14.287C11.7867 14.095 12.0108 13.9993 12.2778 14C12.5454 14 12.7698 14.096 12.9512 14.288C13.1325 14.48 13.2229 14.7173 13.2222 15C13.2222 15.2833 13.1316 15.521 12.9502 15.713C12.7689 15.905 12.5447 16.0007 12.2778 16ZM1.88889 20C1.36945 20 0.924612 19.804 0.55439 19.412C0.184168 19.02 -0.000628026 18.5493 1.60347e-06 18V4C1.60347e-06 3.45 0.185113 2.979 0.555335 2.587C0.925557 2.195 1.37008 1.99934 1.88889 2H2.83333V1C2.83333 0.71667 2.924 0.479003 3.10533 0.287003C3.28667 0.0950034 3.51082 -0.000663206 3.77778 3.46021e-06C4.04537 3.46021e-06 4.26983 0.0960035 4.45117 0.288003C4.6325 0.480003 4.72285 0.717337 4.72222 1V2H12.2778V1C12.2778 0.71667 12.3684 0.479003 12.5498 0.287003C12.7311 0.0950034 12.9553 -0.000663206 13.2222 3.46021e-06C13.4898 3.46021e-06 13.7143 0.0960035 13.8956 0.288003C14.0769 0.480003 14.1673 0.717337 14.1667 1V2H15.1111C15.6306 2 16.0754 2.196 16.4456 2.588C16.8158 2.98 17.0006 3.45067 17 4V18C17 18.55 16.8149 19.021 16.4447 19.413C16.0744 19.805 15.6299 20.0007 15.1111 20H1.88889ZM1.88889 18H15.1111V8H1.88889V18Z" fill="%23BCBCBC"/> </svg>') no-repeat 10px 50% #fff;
}
.address-point__label .select {
  width: 140px;
}
.address-point__table {
  margin-top: 20px;
  border-radius: 5px;
  background: #FFF;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.12);
}
.address-point__table_spec {
  width: 82%;
}
.address-point__table th:first-child, .address-point__table th {
  text-align: center;
}
.address-point__table tr:first-child th {
  border-bottom-width: 1px;
}
.address-point__table .name {
  text-align: left;
}
.address-point__table .nobold {
  font-weight: 400;
}
.address-point__bottom {
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
}
.address-point__forms {
  width: 620px;
}
.address-point__navs {
  display: flex;
  justify-content: space-between;
}
.address-point__nav {
  width: 32%;
  padding: 7px;
  text-align: center;
  background: #838383;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  border-radius: 5px 5px 0px 0px;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.12);
  cursor: pointer;
}
.address-point__nav_active {
  background: #3A3B98;
}
.address-point__tabs {
  border-radius: 5px 5px 0px 0px;
  background: #FFF;
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.12);
  padding: 20px;
}
.address-point__tab {
  display: none;
}
.address-point__tab_active {
  display: block;
}
.address-point__tab .label {
  width: 80%;
  margin-bottom: 20px;
}
.address-point__tab .button {
  width: 280px;
}
.address-point__button .button {
  width: 280px;
  text-align: center;
}
.address-point__button_an .button {
  width: 430px;
  padding: 9px;
  display: flex;
  align-items: center;
}
.address-point__button_an .button::before {
  content: "";
  width: 28px;
  height: 28px;
  margin-right: 10px;
  display: inline-block;
  background: url(/images/excel_icon.svg) no-repeat 50% 50%;
}
.fa-pen:hover, .fa-trash-can:hover, .fa-gear:hover, .fa-pen-to-square:hover{
    transform: scale(1.5);
    transition: transform 0.2s;
}

.download-file-blocks {
    display: flex;
    margin-bottom: 15px;
}
.download-file-block {
    display: flex;
    align-items: center;
    font-size: 14px;
    margin-right: 30px;
}
.download-file-block:last-child {
    margin-right: 0;
}
.download-file-block__name {
    margin-right: 5px;
    margin-bottom: 0;
}
.download-file-block__cont {
    width: 150px;
    height: 35px;
    position: relative;
}
.download-file-block__cont-in {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    border: 1px solid #E3D0D0;
    border-radius: 5px;
    background: #fff;
    padding: 10px;
    cursor: pointer;
    padding-top: 8px;
}
.download-file-block__cont-in.active {
    z-index: 1;
}
.download-file-block__cont-in::after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    top: 15px;
    right: 5px;
    border: 6px solid transparent;
    border-top: 8px solid #BCBCBC;
    padding-top: 8px;
}
.download-file-block__title {
    margin-bottom: 0;
}
.download-file-block__links {
    border-top: 1px solid #E3D0D0;
    padding-top: 10px;
    margin-top: 5px;
    display: none;
}
.download-file-block__link {
    display: block;
    margin-bottom: 10px;
    color: #000;
    text-transform: uppercase;
}
.download-file-block__link:hover {
    opacity: .6;
}
.download-file-block__link:last-child {
    margin-bottom: 0;
}

.year-block-top {
    display: flex;
    align-items: center;
}
.year-block-top .month-input {
    height: 25px;
    width: 100px;
    margin-left: 20px;
    padding: 5px
}
.report-managers {
    position: relative;
}
.report-managers input {
    height: 25px;
    width: 80px;
    margin-left: 20px;
    padding: 5px;
}
.report-managers .percent {
    margin-left: 0;
    margin-top: 5px;
}
.report-managers .table {
    margin-bottom: 20px;
}
.report-managers .save {
    position: absolute;
    top: -35px;
    right: 0;
}

.month-picker-next a {
    padding: 2px;
}
.month-picker-next a::after {
    content: '>';
    font-weight: bold;
    color: #000;
}
.month-picker-previous a {
    padding: 2px;
}
.month-picker-previous a::after {
    content: '<';
    font-weight: bold;
    color: #000;
}

.table-comment {
    position: absolute;
    left: 0;
    top: 98%;
    width: 200px;
    padding: 10px;
    background: #fff;
    border: 1px solid #000;
    border-radius: 5px;
    z-index: 1;
    display: none;
    text-align: left;
}
.table-comment p {
    margin-bottom: 5px;
}
.table-comment p:last-child {
    margin-bottom: 0;
}
td:hover .table-comment {
    display: block;
}

.deal__header {
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.12);
    display: flex;
    justify-content: space-between;
    background: #fff;
    border-radius: 5px;
    padding: 10px;
}
.deal__header-left {
    display: flex;
    align-items: center;
}
.deal__header-arrow {
    font-size: 0;
}
.deal__header-arrow:hover {
    opacity: .8;
}
.deal__header-arrow img {
    width: 25px;
}
.deal__header-title {
    font-size: 20px;
    font-weight: bold;
    margin: 0 15px;
}
.deal__header-status {
    padding: 3px 5px;
    border-radius: 5px;
    font-weight: bold;
}
.deal__header-status.new {
    color: rgb(21, 128, 61);
    background: rgb(220, 252, 231);
}
.deal__header-status.processing {
    color: rgb(21, 128, 61);
    background: rgb(220, 252, 231);
}
.deal__header-status.expired {
    color: #fff;
    background: red;
}
.deal__header-status.closed {
    color: #fff;
    background: green;
}
.deal__header-right {
    display: flex;
    align-items: center;
}
.deal__header__pay {
    text-transform: uppercase;
    color: rgb(107, 114, 128);
    font-weight: bold;
    padding-right: 15px;
    margin-right: 15px;
    border-right: 1px solid rgb(229, 231, 235);
}
.deal__header__pay span {
    color: rgb(37, 99, 235);
    font-size: 19px;
}
.deal__header__close {
    margin-right: 15px;
}
.deal__header__save {
    margin-right: 15px;
}
.deal__header__close button, .deal__header__save button, .deal__header__enterpay button {
    border: none;
    padding: 9px 20px;
}
.deal__header__close button:hover, .deal__header__save button:hover, .deal__header__enterpay button:hover {
    opacity: .9;
}


.deal__menu {
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.12);
    display: flex;
    background: #fff;
    border-radius: 5px;
    padding: 10px;
    margin-top: 33px;
}
.deal__menu.fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    margin-top: 0;
    z-index: 1;
    padding-left: 150px;
    background: #272769;
}
.deal__menu.fixed .deal__menu-inner {
    max-width: 1500px;
    width: 95%;
    margin: 0 auto;
}
.deal__menu a {
    font-size: 16px;
    color: #000;
    margin-right: 20px;
    font-weight: bold;
}
.deal__menu.fixed a {
    color: #fff;
}
.deal__menu a:hover {
    opacity: .8;
}

.deals__block {
    background: #fff;
    padding: 25px;
    border-radius: 5px;
    margin-top: 25px;
}

.deal__title {
    margin-bottom: 25px;
}
.deals-panel {
    position: relative;
}
.deals-panel__overall {
    position: absolute;
    right: 0;
    top: 0;
    width: 400px;
    background: #1d4ed8;
    padding: 24px;
    color: #fff;
    font-size: 14px;
    border-radius: 5px;
}
.deals-panel__overall .title {
    font-size: 14px;
    color: rgb(255, 255, 255);
    opacity: .8;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
    margin-bottom: 16px;
}
.deals-panel__overall .line {
    display: flex;
    justify-content: space-between;
    margin-bottom: 12px;
}
.deals-panel__overall .line.disc {
    color: rgb(254, 215, 170);
}
.deals-panel__overall .big {
    font-size: 16px;
    font-weight: bold;
}
.deals-panel__overall .bottom {
    display: flex;
    justify-content: space-between;
    padding-top: 12px;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.deals-panel__overall .bottom p {
    margin-bottom: 2px;
}
.deals-panel__overall .half:last-child {
    text-align: right;
}
.deals-panel__overall .bbig {
    font-size: 24px;
}

@media only screen and (max-width: 1510px) {
    .main-login__logo-wrap {
        width: 400px;
    }
    .main-login__form-wrap {
        width: 630px;
    }
}

@media only screen and (max-width: 1300px) {
    .address-point__panel-inputs {
        flex-wrap: wrap;
    }
    .address-point__label {
        margin-bottom: 10px;
    }
    .profile__table {
        overflow-x: scroll;
    }
}

@media only screen and (max-width: 950px) {
    .header__search-item {
        width: 100px;
    }
}

@media only screen and (max-width: 768px) {
    .main-login {
        flex-direction: column;
        height: 100%;
        background: url(/images/crm/login-bg.jpg) #F6F6F6;
    }
    .main-login__left, .main-login__form-wrap {
        width: 100%;
        margin-left: 0;
        height: auto;
        height: initial;
        background: none;
    }
    .main-login__logo-wrap {
        padding-right: 0;
        justify-content: center;
        width: 100%;
        height: auto;
        height: initial;
        padding-top: 16px;
        padding-bottom: 80px;
    }
    .main-login__back {
        display: none;
    }
    .main-login__logo img{
        width: 200px;
    }
    .main-login__right {
        width: 100%;
        height: auto;
        height: initial;
        background: none;
    }
    .main-login__form-title {
        font-size: 22px;
        text-align: center;
    }
    .main-login__form {
        border-bottom: none;
    }
    .main-login__form-title {
        margin-bottom: 35px;
    }
    .main-login__form .form-check {
        margin-bottom: 20px;
    }
    .main-login__button .button {
        background: #F04823;
        color: #fff;
        width: 100%;
    }

    .header__logo {
        width: 50px;
        height: 50px;
        margin-right: 10px;
    }
    .header__logo img {
        display: none;
    }
    .header__logo a {
        width: 50px;
        height: 50px;
        display: inline-block;
        background: url(/images/logo.svg) no-repeat 50% 50%;
        background-size: 100% 100%;
    }
    .header__notification {
        margin-right: 5px;
    }
}

@media only screen and (max-width: 580px) {
    .address-point__label span {
        width: 113px;
    }
    .profile__bottom {
        flex-direction: column;
    }
    .profile__button {
        margin-bottom: 15px;
    }
}

@media only screen and (max-width: 520px) {
    .aside {
        width: 90px;
    }
    .wrapper {
        padding-left: 90px;
    }
    .header__right a img {
        width: 15px;
    }
    .header__right > div div {
        display: none;
    }
    .header__right > div img {
        margin-left: 0 !important;
    }
    .header__logo a, .header__logo {
        width: 25px;
        height: 25px;
    }
    .header__search-item {
        width: 70px;
    }
    .header__notification {
        margin-top: 0;
    }
    .address-point__label .select, .address-point__label .date {
        width: 90px;
    }
}

@media only screen and (max-width: 500px) {
    .main-login__logo img{
        width: 118px;
    }
    .main-login__form {
        padding: 0 10px;
    }
}

.message-tooltip {
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.2s ease-in-out;
    bottom: 120%;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
}
.message-container:hover .message-tooltip {
    visibility: visible;
    opacity: 1;
}

/* Кастомный скроллбар для таблицы */
.table-container::-webkit-scrollbar {
    height: 8px;
    width: 8px;
}
.table-container::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 4px;
}
.table-container::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 4px;
}
.table-container::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}

/* Убираем стандартную стрелочку у select для кастомной */
.custom-select {
    appearance: none;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
    background-position: right 0.5rem center;
    background-repeat: no-repeat;
    background-size: 1.5em 1.5em;
}

.equip-list { display: flex; flex-direction: column; gap: 6px; }
.equip-item-wrap { display: flex; flex-direction: column; gap: 2px; min-width: 200px; max-width: 280px;}
.equip-name { display: flex; align-items: flex-start; gap: 8px; font-weight: 500; color: #1f2937; line-height: 1.3; white-space: normal; }
.equip-name i { color: #9ca3af; font-size: 13px; margin-top: 3px; width: 14px; text-align: center; }
.equip-meta { font-size: 11px; color: #9ca3af; margin-left: 22px; }
.equip-more { font-size: 12px; font-weight: 600; color: #3b82f6; margin-left: 22px; cursor: pointer; display: inline-block; }
.equip-more:hover { text-decoration: underline; color: #1d4ed8; }
.equip-item-wrap-more {
    display: none;
}