:root {
        --nh-primary: #0366d6;
        --nh-accent: #0b5ed7;
        --nh-sidebar-bg: #f6f8fb;
        --nh-radius: 10px;
        --nh-font: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Arial
    }

    /* body {
      font-family: var(--nh-font);
      background: linear-gradient(180deg, #fbfdff 0%, #ffffff 100%);
      color: #111;
      margin: 0
    } */

    .nh-sidebar {
        /* background: var(--nh-sidebar-bg); */
        min-height: 100vh;
        border-right: 1px solid rgba(16, 24, 40, .06);
        width: 320px;
    }

    .nh-brand {
        font-weight: 800;
        display: flex;
        align-items: center;
        gap: .6rem
    }

    .nh-search .form-control {
        border-radius: calc(var(--nh-radius)/1.5);
        border: 1px solid rgba(16, 24, 40, .06);
        padding: .5rem .65rem
    }

    .nh-link {
        display: block;
        padding: .5rem .75rem;
        border-radius: calc(var(--nh-radius)/1.5);
        color: #1f2937;
        font-weight: 500;
        margin: .15rem 0;
        text-decoration: none;
    }

    .nh-link:hover {
        background: rgba(3, 102, 214, .06);
        text-decoration: none
    }

    .nh-link.active {
        background: linear-gradient(90deg, var(--nh-primary), var(--nh-accent));
        color: #fff;
        font-weight: 700;
        box-shadow: 0 6px 20px rgba(13, 40, 70, .08)
    }

    .accordion-button {
        border-radius: calc(var(--nh-radius)/1.6)
    }

    @media(min-width:992px) {
        .nh-sidebar {
            position: sticky;
            top: 0;
            height: 100vh;
            overflow: auto;
            padding: 1.25rem
        }
    }

    .offcanvas {
        --bs-offcanvas-width: 320px
    }

    /* main#mainContent {
      padding: 2.25rem
    } */

    .card-nh {
        border-radius: var(--nh-radius);
        box-shadow: 0 6px 20px rgba(13, 40, 70, .08);
        border: 1px solid rgba(16, 24, 40, .04)
    }

    .no-scrollbar {
        overflow: auto;
        /* veya overflow-x/overflow-y */
        -ms-overflow-style: none;
        /* IE 10+ */
        scrollbar-width: none;
        /* Firefox */
    }

    .no-scrollbar::-webkit-scrollbar {
        display: none;
        /* WebKit (Chrome, Safari) */
    }