:root {
            --cab-bg: #f3f1ec;
            --cab-surface: #fffdf8;
            --cab-surface-strong: #f8f4ec;
            --cab-line: #ddd3c4;
            --cab-line-strong: #cdbda7;
            --cab-ink: #161616;
            --cab-muted: #68645d;
            --cab-brand: #0f7b6c;
            --cab-brand-dark: #0a5b50;
            --cab-brand-soft: rgba(15,123,108,0.08);
            --cab-telegram: #2aabee;
            --cab-shadow: 0 18px 42px rgba(32, 24, 16, 0.08);
            --cab-radius-lg: 22px;
            --cab-radius-md: 16px;
            --cab-radius-sm: 12px;
        }

        html, body {
            font-family: "Manrope", sans-serif;
            background: radial-gradient(circle at top right, rgba(15,123,108,0.08), transparent 26%),
                        radial-gradient(circle at bottom left, rgba(42,171,238,0.06), transparent 20%),
                        var(--cab-bg);
            color: var(--cab-ink);
        }

        body {
            font-size: 14px;
        }

        .page-wrapper {
            background: transparent;
        }

        .page-wrapper .page-main-header {
            background: transparent;
            box-shadow: none !important;
        }

        .page-wrapper .page-body-wrapper {
            background: transparent;
        }

        .page-wrapper .page-body-wrapper .page-body {
            background: transparent;
            padding-top: 44px;
            min-height: 100vh;
        }

        .page-wrapper .page-body-wrapper .page-body .container-fluid {
            padding-left: 24px;
            padding-right: 24px;
        }

        .card {
            border: 1px solid rgba(221,211,196,0.75);
            border-radius: var(--cab-radius-lg);
            box-shadow: var(--cab-shadow);
            background: rgba(255,253,248,0.94);
        }

        .card .card-header {
            background: transparent;
            border-bottom: 1px solid rgba(221,211,196,0.72);
            padding: 20px 24px 14px;
        }

        .card .card-body {
            padding: 22px 24px;
        }

        .table {
            --bs-table-bg: transparent;
            --bs-table-color: var(--cab-ink);
            --bs-table-border-color: rgba(221,211,196,0.72);
        }

        .table > :not(caption) > * > * {
            padding-top: 0.9rem;
            padding-bottom: 0.9rem;
            border-bottom-color: rgba(221,211,196,0.72);
        }

        .btn-primary,
        .bg-primary {
            background-color: var(--cab-brand) !important;
            border-color: var(--cab-brand) !important;
        }

        .btn-primary:hover,
        .btn-primary:focus {
            background-color: var(--cab-brand-dark) !important;
            border-color: var(--cab-brand-dark) !important;
        }

        .btn-light {
            background: rgba(255,253,248,0.92) !important;
            border-color: rgba(221,211,196,0.8) !important;
            color: var(--cab-ink) !important;
        }

        .btn-light:hover,
        .btn-light:focus {
            background: #fff !important;
            border-color: rgba(205,189,167,0.95) !important;
            color: var(--cab-ink) !important;
        }

        .dropdown-menu {
            border-radius: var(--cab-radius-md);
            border: 1px solid rgba(221,211,196,0.82);
            box-shadow: 0 16px 40px rgba(23, 18, 12, 0.12);
            padding: 10px;
            background: rgba(255,253,248,0.98);
            backdrop-filter: blur(16px);
        }

        .dropdown-item {
            border-radius: 12px;
            padding-top: 10px;
            padding-bottom: 10px;
        }

        .dropdown-item.active,
        .dropdown-item:active {
            background-color: rgba(15,123,108,0.12);
            border-color: rgba(15,123,108,0.12);
            color: var(--cab-brand-dark);
        }

        .page-header,
        .page-title {
            color: var(--cab-ink);
        }

        .page-header {
            margin-bottom: 4px;
        }

        .page-wrapper .page-body-wrapper .page-header .row {
            margin-top: 0 !important;
            margin-bottom: 0 !important;
            min-height: auto !important;
        }

        .page-wrapper .page-body-wrapper .page-header .row .main-header {
            padding-top: 0 !important;
            padding-bottom: 0 !important;
            min-height: auto !important;
        }

        .page-wrapper .page-body-wrapper .page-header .row .main-header h2 {
            margin-top: 0 !important;
            margin-bottom: 2px !important;
            line-height: 1.1 !important;
        }

        .page-wrapper .page-body-wrapper .page-header .row > div {
            padding-top: 0 !important;
            padding-bottom: 0 !important;
        }

        .page-wrapper .page-body-wrapper .container-fluid > .page-header:first-child {
            margin-top: 0 !important;
            padding-top: 0 !important;
        }

        .page-wrapper .page-body-wrapper .page-header .breadcrumb {
            margin-top: 0 !important;
            margin-bottom: 0 !important;
        }

        .font-primary,
        .text-primary {
            color: var(--cab-brand) !important;
        }

        .pagination {
            gap: 0;
        }

        .pagination .page-item .page-link {
            color: var(--cab-brand-dark) !important;
            background: rgba(255, 253, 248, 0.96) !important;
            border-color: rgba(205, 189, 167, 0.88) !important;
            box-shadow: none !important;
            min-width: 40px;
            height: 40px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-weight: 600;
        }

        .pagination .page-item:first-child .page-link {
            border-top-left-radius: 14px;
            border-bottom-left-radius: 14px;
        }

        .pagination .page-item:last-child .page-link {
            border-top-right-radius: 14px;
            border-bottom-right-radius: 14px;
        }

        .pagination .page-item .page-link:hover,
        .pagination .page-item .page-link:focus {
            color: var(--cab-brand-dark) !important;
            background: rgba(15,123,108,0.08) !important;
            border-color: rgba(15,123,108,0.18) !important;
        }

        .pagination .page-item.active .page-link,
        .pagination li.active a,
        .page-item.active .page-link {
            color: var(--cab-brand-dark) !important;
            background: rgba(15,123,108,0.12) !important;
            border-color: rgba(15,123,108,0.2) !important;
            box-shadow: inset 0 0 0 1px rgba(15,123,108,0.04) !important;
        }

        .pagination .page-item.disabled .page-link {
            color: #a39a8f !important;
            background: rgba(250,247,241,0.96) !important;
            border-color: rgba(221,211,196,0.7) !important;
        }

        .page-header .font-primary,
        .page-header .text-primary,
        .page-header .txt-primary,
        .page-header [class*="font-primary"],
        .page-header [class*="text-primary"],
        .page-header h2 span,
        .page-header h2 .txt-primary,
        .page-title .txt-primary {
            color: #9d978e !important;
        }

        .page-header h3 span,
        .page-header h4 span,
        .page-header h5 span,
        .breadcrumb-item.active,
        .breadcrumb-item + .breadcrumb-item::before,
        .breadcrumb a {
            color: #8f8a82 !important;
        }

        .page-wrapper .page-body-wrapper .page-header .row .main-header h1,
        .page-wrapper .page-body-wrapper .page-header .row .main-header h2,
        .page-wrapper .page-body-wrapper .page-header .row .main-header h3,
        .page-wrapper .page-body-wrapper .page-header .row .main-header h1 a,
        .page-wrapper .page-body-wrapper .page-header .row .main-header h2 a,
        .page-wrapper .page-body-wrapper .page-header .row .main-header h3 a {
            color: #161616 !important;
        }

        .page-wrapper .page-body-wrapper .page-header .row .main-header h1 .txt-primary,
        .page-wrapper .page-body-wrapper .page-header .row .main-header h2 .txt-primary,
        .page-wrapper .page-body-wrapper .page-header .row .main-header h3 .txt-primary,
        .page-wrapper .page-body-wrapper .page-header .row .main-header h1 .font-primary,
        .page-wrapper .page-body-wrapper .page-header .row .main-header h2 .font-primary,
        .page-wrapper .page-body-wrapper .page-header .row .main-header h3 .font-primary,
        .page-wrapper .page-body-wrapper .page-header .row .main-header h1 .text-primary,
        .page-wrapper .page-body-wrapper .page-header .row .main-header h2 .text-primary,
        .page-wrapper .page-body-wrapper .page-header .row .main-header h3 .text-primary,
        .page-wrapper .page-body-wrapper .page-header .row .main-header h1 span.txt-primary,
        .page-wrapper .page-body-wrapper .page-header .row .main-header h2 span.txt-primary,
        .page-wrapper .page-body-wrapper .page-header .row .main-header h3 span.txt-primary {
            color: #9d978e !important;
        }

        .page-wrapper .page-body-wrapper .page-header .row .main-header h1 span:not(.badge):not(.btn):not(.label):not(.txt-primary):not(.font-primary):not(.text-primary),
        .page-wrapper .page-body-wrapper .page-header .row .main-header h2 span:not(.badge):not(.btn):not(.label):not(.txt-primary):not(.font-primary):not(.text-primary),
        .page-wrapper .page-body-wrapper .page-header .row .main-header h3 span:not(.badge):not(.btn):not(.label):not(.txt-primary):not(.font-primary):not(.text-primary) {
            color: #161616 !important;
        }

        .page-wrapper .page-body-wrapper .page-header .row .main-header h1 span.txt-primary,
        .page-wrapper .page-body-wrapper .page-header .row .main-header h2 span.txt-primary,
        .page-wrapper .page-body-wrapper .page-header .row .main-header h3 span.txt-primary,
        .page-wrapper .page-body-wrapper .page-header .row .main-header h1 span.font-primary,
        .page-wrapper .page-body-wrapper .page-header .row .main-header h2 span.font-primary,
        .page-wrapper .page-body-wrapper .page-header .row .main-header h3 span.font-primary,
        .page-wrapper .page-body-wrapper .page-header .row .main-header h1 span.text-primary,
        .page-wrapper .page-body-wrapper .page-header .row .main-header h2 span.text-primary,
        .page-wrapper .page-body-wrapper .page-header .row .main-header h3 span.text-primary {
            color: #9d978e !important;
        }

        .page-wrapper .page-body-wrapper .page-header .row .main-header .breadcrumb a,
        .page-wrapper .page-body-wrapper .page-header .row .main-header .breadcrumb-item.active,
        .page-wrapper .page-body-wrapper .page-header .row .main-header .breadcrumb-item + .breadcrumb-item::before {
            color: #8f8a82 !important;
        }

        .nav-tabs .nav-link.active,
        .nav-tabs .nav-item.show .nav-link {
            border-color: rgba(15,123,108,0.18) rgba(15,123,108,0.18) rgba(255,253,248,0.96) !important;
            background: rgba(15,123,108,0.08) !important;
            color: var(--cab-brand-dark) !important;
        }

        .page-link:hover,
        .page-link:focus {
            color: var(--cab-brand-dark) !important;
            background: rgba(15,123,108,0.08) !important;
            border-color: rgba(15,123,108,0.18) !important;
        }

        .label_wb {
            color: #7a2df6;
            font-weight: bold;
        }

        .label_ozon {
            color: dodgerblue;
            font-weight: bold;
        }

        .no-spin::-webkit-inner-spin-button,
        .no-spin::-webkit-outer-spin-button {
            -webkit-appearance: none !important;
            margin: 0 !important;
        }

        .no-spin {
            -moz-appearance: textfield !important;
        }

        .btn-custom {
            border-radius: 10px;
            padding: 6px 12px;
            font-size: 12px !important;
            border: 1px solid rgba(205, 189, 167, 0.88) !important;
            background: rgba(255, 253, 248, 0.96) !important;
            color: #2c2a27 !important;
            font-weight: 600;
        }

        .btn-checked {
            padding: 6px 12px;
            border: 1px solid rgba(15,123,108,0.18) !important;
            background-color: rgba(15,123,108,0.12) !important;
            color: var(--cab-brand-dark) !important;
            font-weight: 700;
            box-shadow: inset 0 0 0 1px rgba(15,123,108,0.04);
        }

        .btn-custom:hover {
            color: var(--cab-brand-dark) !important;
            background-color: rgba(15,123,108,0.08) !important;
            border-color: rgba(15,123,108,0.16) !important;
        }

        .btn-group > .btn.btn-light,
        .btn-group .btn.btn-light,
        .btn-group > a.btn.btn-light,
        .btn-group a.btn.btn-light {
            border-color: rgba(205, 189, 167, 0.88) !important;
            background: rgba(255, 253, 248, 0.96) !important;
            color: #2c2a27 !important;
            font-weight: 600;
            box-shadow: none !important;
        }

        .btn-group > .btn.btn-light:hover,
        .btn-group .btn.btn-light:hover,
        .btn-group > a.btn.btn-light:hover,
        .btn-group a.btn.btn-light:hover {
            background: rgba(15,123,108,0.08) !important;
            border-color: rgba(15,123,108,0.16) !important;
            color: var(--cab-brand-dark) !important;
        }

        .btn-group > .btn.btn-light.active,
        .btn-group .btn.btn-light.active,
        .btn-group > a.btn.btn-light.active,
        .btn-group a.btn.btn-light.active,
        .btn-group > .btn.btn-light:active,
        .btn-group .btn.btn-light:active,
        .btn-group > a.btn.btn-light:active,
        .btn-group a.btn.btn-light:active {
            background: rgba(15,123,108,0.12) !important;
            border-color: rgba(15,123,108,0.2) !important;
            color: var(--cab-brand-dark) !important;
            box-shadow: inset 0 0 0 1px rgba(15,123,108,0.04) !important;
        }

        .btn-group .dropdown-menu .dropdown-item.active,
        .btn-group .dropdown-menu .dropdown-item:active {
            background: rgba(15,123,108,0.12) !important;
            color: var(--cab-brand-dark) !important;
        }

        .js-price-basis-switch {
            gap: 4px !important;
            padding: 2px 3px !important;
            border-radius: 999px;
            background: rgba(255,253,248,0.96);
            border: 1px solid rgba(221,211,196,0.82);
            box-shadow: 0 6px 16px rgba(23, 18, 12, 0.06);
        }

        .js-price-basis-switch .js-price-basis-toggle {
            min-height: 18px;
            padding: 2px 8px !important;
            border-radius: 999px !important;
            font-size: 11px !important;
            line-height: 1 !important;
            font-weight: 600 !important;
            color: #6f6a62 !important;
            background: transparent !important;
            transition: background .18s ease, color .18s ease, box-shadow .18s ease;
        }

        .js-price-basis-switch .js-price-basis-toggle:hover {
            color: var(--cab-brand-dark) !important;
            background: rgba(15,123,108,0.06) !important;
        }

        .js-price-basis-switch .js-price-basis-toggle.bg-info,
        .js-price-basis-switch .js-price-basis-toggle.text-white,
        .js-price-basis-switch .js-price-basis-toggle.fw-bold {
            background: rgba(15,123,108,0.14) !important;
            color: var(--cab-brand-dark) !important;
            box-shadow: inset 0 0 0 1px rgba(15,123,108,0.05);
        }

        .js-price-basis-switch .js-price-basis-toggle.bg-light,
        .js-price-basis-switch .js-price-basis-toggle.text-muted,
        .js-price-basis-switch .js-price-basis-toggle.fw-semibold {
            background: transparent !important;
            color: #6f6a62 !important;
        }

        .order-list-title {
            margin: 0 !important;
            padding: 0 !important;
        }

        .sellerArticleButton {
            border: none;
            text-decoration: #000 underline;
            background-color: #fff;
            margin: 0;
            padding: 0;

        }

        .cursor-pointer {
            cursor: pointer !important;
        }

        @media (max-width: 720px) {
            .three-block {
                flex-direction: column !important;
            }
            .show-on-large-screen {
            display: none !important;
            }

            .btn_plr_none {
                padding-right: 0px !important;
                padding-left: 0px !important;
            }

            .nav-link {
                font-size: 14px;
            }

            #navtab {
                display: flex;
            }

            .max-720-fz-14 {
                font-size: 14px;
            }

            .custom_gap_5 {
                gap: 1rem !important;
            }
        }

        @media(min-width:720px) {
            .auth_name {
                margin-left: 10px;
            }

            .custom_gap_5 {
                gap: 3rem !important;
            }
        }

        .button_hover:hover {
            letter-spacing: 0.8px;
            -webkit-transition: all 0.3s ease;
            transition: all 0.3s ease;
        }

        .fw-bold {
            font-weight: 600 !important;
        }

        .kak_pol_tok_api {
            text-decoration: underline;
            text-decoration-style: dotted;
            text-underline-offset: 3px;
        }

        @media (max-width: 991px) {
            .page-wrapper .page-body-wrapper .page-body {
                padding-top: 40px;
            }

            .page-wrapper .page-body-wrapper .page-body .container-fluid {
                padding-left: 16px;
                padding-right: 16px;
            }
        }