.sidebar-one {
        background: #fff5f4;
        border-radius: 1rem;
        padding: 1.5rem;
        min-height: 100vh;
    }

    .main-content {
        /* background: white; */
        /* border-radius: 1rem; */
        padding: 2rem;
        min-height: 100vh;
        /* box-shadow: 0 0 15px rgba(0, 0, 0, 0.05); */
    }

    .categories {
        background: white;
        /* border-radius: 1rem; */
        padding: 2rem;
        min-height: 100vh;
        /* box-shadow: 0 0 15px rgba(0, 0, 0, 0.05); */
    }

    .btn-create {
        background: #f8b3ad;
        color: white;
        border: none;
        width: 100%;
    }

    .btn-create:hover {
        background: #f49e96;
        color: #fff
    }

    .collab-card {
        background: white;
        border-radius: 1rem;
        text-align: center;
        padding: 1.5rem;
        /* box-shadow: 0 0 10px rgba(0, 0, 0, 0.03); */
    }

    .avatar {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        background: #e9e9f1;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 1.5rem;
        color: #999;
        margin-bottom: 0.5rem;
    }

    .suggestion-box {
        background: #f5f8ff;
        border-radius: 1rem;
        padding: 1.5rem;
        margin-bottom: 2rem;
    }

    .suggestion-item {
        background: white;
        border-radius: 0.75rem;
        padding: 0.75rem 1rem;
        margin-bottom: 0.75rem;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .tag {
        font-size: 0.75rem;
        border-radius: 999px;
        padding: 0.25rem 0.75rem;
        font-weight: 500;
    }

    .tag-green {
        background: #e5f9e7;
        color: #2f9b57;
    }

    .tag-purple {
        background: #f0e9ff;
        color: #8356e0;
    }

    .list-item {
        background: #fff;
        border-radius: 0.75rem;
        padding: 0.75rem 1rem;
        margin-bottom: 0.75rem;
        display: flex;
        align-items: center;
        justify-content: space-between;
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.03);
    }

    .category-list li {
        margin-bottom: 1rem;
        list-style: none;
        display: flex;
        align-items: center;
        gap: 0.5rem;
        color: #333;
        font-weight: 500;
    }

    .category-list li svg {
        width: 18px;
        height: 18px;
        color: #555;
    }

    .linear-bg {
        background: linear-gradient(135deg, #6685c13d, #ec899236);
    }

    button.close_model {
            width: 100px;
            height: 43px;
            /* border: 1px solid red; */
            border-radius: 7px;
            color: white;
            background: #ffb1a8;
        }