html {
        scrollbar-width: thin;
        scrollbar-color: #169B62 #edf3ef;
    }

    ::-webkit-scrollbar { width: 12px; height: 12px; }
    ::-webkit-scrollbar-button { display: none; width: 0; height: 0; }
    ::-webkit-scrollbar-corner { background: transparent; }

    ::-webkit-scrollbar-track {
        background: transparent;
        border-radius: 99px;
    }

    ::-webkit-scrollbar-thumb {
        background: linear-gradient(180deg, #22BD80 0%, #169B62 45%, #0C5A40 100%);
        background-clip: padding-box;
        border: 3px solid transparent;
        border-radius: 99px;
        min-height: 44px;
    }

    ::-webkit-scrollbar-thumb:hover {
        background: linear-gradient(180deg, #2BD190 0%, #1BAF70 45%, #0E6B4C 100%);
        background-clip: padding-box;
        border: 3px solid transparent;
    }

    ::-webkit-scrollbar-thumb:active {
        background: linear-gradient(180deg, #169B62 0%, #0E6B4C 50%, #0B4D3B 100%);
        background-clip: padding-box;
        border: 3px solid transparent;
    }

    html::-webkit-scrollbar-track,
    body::-webkit-scrollbar-track {
        background: linear-gradient(180deg, #f1f7f2 0%, #e9f1ea 100%);
        box-shadow: inset 0 0 6px rgba(11, 77, 59, 0.08);
    }

    body::-webkit-scrollbar-thumb {
        background: linear-gradient(180deg, #22BD80 0%, #169B62 45%, #0C5A40 100%);
        background-clip: padding-box;
        border: 3px solid transparent;
        border-radius: 99px;
        min-height: 44px;
    }

    body::-webkit-scrollbar-thumb:hover {
        background: linear-gradient(180deg, #2BD190 0%, #1BAF70 45%, #0E6B4C 100%);
        background-clip: padding-box;
        border: 3px solid transparent;
    }

    body::-webkit-scrollbar-thumb:active {
        background: linear-gradient(180deg, #169B62 0%, #0E6B4C 50%, #0B4D3B 100%);
        background-clip: padding-box;
        border: 3px solid transparent;
    }

    ::selection { background: rgba(22, 155, 98, 0.22); }