@import '_content/Blazored.Modal/Blazored.Modal.bundle.scp.css';
@import '_content/Blazored.Toast/Blazored.Toast.bundle.scp.css';
@import '_content/Wrapper/Wrapper.ctz5ry0w4x.bundle.scp.css';

/* _content/FrontEnd/Components/Account/Pages/Login.razor.rz.scp.css */
body[b-p9qmeiih19]{
    background-color:black;
}
.container[b-p9qmeiih19] {
    height: 100%;
    align-content: center;
}

.card[b-p9qmeiih19] {
    height: 400px;
    margin-top: auto;
    margin-bottom: auto;
    width: 330px;
    border-radius: 25px;
    background-color: rgba(0,0,0,0.5) !important;
}

.social_icon span[b-p9qmeiih19] {
    font-size: 60px;
    margin-left: 10px;
    color: #FFC312;
}

    .social_icon span:hover[b-p9qmeiih19] {
        color: white;
        cursor: pointer;
    }

.card-header h3[b-p9qmeiih19] {
    color: white;
    text-align: center;
}

.social_icon[b-p9qmeiih19] {
    position: absolute;
    right: 20px;
    top: -45px;
}

.input-group-prepend span[b-p9qmeiih19] {
    width: 40px;
    background-color: #FFC312;
    color: black;
    border: 0 !important;
}

.iconhight[b-p9qmeiih19] {
    line-height: 30px !important;
}

input:focus[b-p9qmeiih19] {
    outline: 0 0 0 0 !important;
    box-shadow: 0 0 0 0 !important;
}

.remember[b-p9qmeiih19] {
    color: white;
}

    .remember input[b-p9qmeiih19] {
        width: 20px;
        height: 20px;
        margin-left: 15px;
        margin-right: 5px;
    }

.login_btn[b-p9qmeiih19] {
    color: black;
    background-color: #FFC312;
    width: 100px;
}

    .login_btn:hover[b-p9qmeiih19] {
        color: black;
        background-color: white;
    }

.links[b-p9qmeiih19] {
    color: white;
}

    .links a[b-p9qmeiih19] {
        margin-left: 4px;
    }

.right[b-p9qmeiih19] {
    display: flex;
    justify-content: flex-end;
    margin-left: auto;
    margin-right: 0;
}
/* _content/FrontEnd/Components/Layout/ElectricadLayout.razor.rz.scp.css */
.page[b-r4eol0hvt8] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-r4eol0hvt8] {
    flex: 1;
}

.sidebar[b-r4eol0hvt8] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-r4eol0hvt8] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-r4eol0hvt8]  a, .top-row[b-r4eol0hvt8]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-r4eol0hvt8]  a:hover, .top-row[b-r4eol0hvt8]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-r4eol0hvt8]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row[b-r4eol0hvt8] {
        justify-content: space-between;
    }

    .top-row[b-r4eol0hvt8]  a, .top-row[b-r4eol0hvt8]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-r4eol0hvt8] {
        flex-direction: row;
    }

    .sidebar[b-r4eol0hvt8] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-r4eol0hvt8] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-r4eol0hvt8]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-r4eol0hvt8], article[b-r4eol0hvt8] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-r4eol0hvt8] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-r4eol0hvt8] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* _content/FrontEnd/Components/Layout/EmptyLayout.razor.rz.scp.css */
.page[b-9gd4669bt9] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-9gd4669bt9] {
    flex: 1;
}

.sidebar[b-9gd4669bt9] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-9gd4669bt9] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-9gd4669bt9]  a, .top-row[b-9gd4669bt9]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-9gd4669bt9]  a:hover, .top-row[b-9gd4669bt9]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-9gd4669bt9]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row[b-9gd4669bt9] {
        justify-content: space-between;
    }

    .top-row[b-9gd4669bt9]  a, .top-row[b-9gd4669bt9]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-9gd4669bt9] {
        flex-direction: row;
    }

    .sidebar[b-9gd4669bt9] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-9gd4669bt9] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-9gd4669bt9]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-9gd4669bt9], article[b-9gd4669bt9] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-9gd4669bt9] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-9gd4669bt9] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* _content/FrontEnd/Components/Layout/LoginLayout.razor.rz.scp.css */
.page[b-n8td8zu8wt] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-n8td8zu8wt] {
    flex: 1;
}

.sidebar[b-n8td8zu8wt] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-n8td8zu8wt] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-n8td8zu8wt]  a, .top-row[b-n8td8zu8wt]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-n8td8zu8wt]  a:hover, .top-row[b-n8td8zu8wt]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-n8td8zu8wt]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row[b-n8td8zu8wt] {
        justify-content: space-between;
    }

    .top-row[b-n8td8zu8wt]  a, .top-row[b-n8td8zu8wt]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-n8td8zu8wt] {
        flex-direction: row;
    }

    .sidebar[b-n8td8zu8wt] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-n8td8zu8wt] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-n8td8zu8wt]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-n8td8zu8wt], article[b-n8td8zu8wt] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-n8td8zu8wt] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-n8td8zu8wt] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* _content/FrontEnd/Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-y5qljaingz] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-y5qljaingz] {
    flex: 1;
}

.sidebar[b-y5qljaingz] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-y5qljaingz] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-y5qljaingz]  a, .top-row[b-y5qljaingz]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-y5qljaingz]  a:hover, .top-row[b-y5qljaingz]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-y5qljaingz]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row[b-y5qljaingz] {
        justify-content: space-between;
    }

    .top-row[b-y5qljaingz]  a, .top-row[b-y5qljaingz]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-y5qljaingz] {
        flex-direction: row;
    }

    .sidebar[b-y5qljaingz] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-y5qljaingz] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-y5qljaingz]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-y5qljaingz], article[b-y5qljaingz] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-y5qljaingz] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-y5qljaingz] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* _content/FrontEnd/Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-e8evo7atp8] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

.navbar-toggler:checked[b-e8evo7atp8] {
    background-color: rgba(255, 255, 255, 0.5);
}

.top-row[b-e8evo7atp8] {
    height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-e8evo7atp8] {
    font-size: 1.1rem;
}

.bi[b-e8evo7atp8] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-e8evo7atp8] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-e8evo7atp8] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-e8evo7atp8] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.bi-lock-nav-menu[b-e8evo7atp8] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath d='M8 1a2 2 0 0 1 2 2v4H6V3a2 2 0 0 1 2-2zm3 6V3a3 3 0 0 0-6 0v4a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2zM5 8h6a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1z'/%3E%3C/svg%3E");
}

.bi-person-nav-menu[b-e8evo7atp8] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person' viewBox='0 0 16 16'%3E%3Cpath d='M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm4 8c0 1-1 1-1 1H3s-1 0-1-1 1-4 6-4 6 3 6 4Zm-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10c-2.29 0-3.516.68-4.168 1.332-.678.678-.83 1.418-.832 1.664h10Z'/%3E%3C/svg%3E");
}

.bi-person-badge-nav-menu[b-e8evo7atp8] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-badge' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 2a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1h-3zM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0z'/%3E%3Cpath d='M4.5 0A2.5 2.5 0 0 0 2 2.5V14a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2.5A2.5 2.5 0 0 0 11.5 0h-7zM3 2.5A1.5 1.5 0 0 1 4.5 1h7A1.5 1.5 0 0 1 13 2.5v10.795a4.2 4.2 0 0 0-.776-.492C11.392 12.387 10.063 12 8 12s-3.392.387-4.224.803a4.2 4.2 0 0 0-.776.492V2.5z'/%3E%3C/svg%3E");
}

.bi-person-fill-nav-menu[b-e8evo7atp8] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-fill' viewBox='0 0 16 16'%3E%3Cpath d='M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3Zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z'/%3E%3C/svg%3E");
}

.bi-arrow-bar-left-nav-menu[b-e8evo7atp8] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-arrow-bar-left' viewBox='0 0 16 16'%3E%3Cpath d='M12.5 15a.5.5 0 0 1-.5-.5v-13a.5.5 0 0 1 1 0v13a.5.5 0 0 1-.5.5ZM10 8a.5.5 0 0 1-.5.5H3.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L3.707 7.5H9.5a.5.5 0 0 1 .5.5Z'/%3E%3C/svg%3E");
}

.nav-item[b-e8evo7atp8] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-e8evo7atp8] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-e8evo7atp8] {
        padding-bottom: 1rem;
    }

    .nav-item[b-e8evo7atp8]  .nav-link {
        color: #d7d7d7;
        background: none;
        border: none;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        width: 100%;
    }

.nav-item[b-e8evo7atp8]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

.nav-item[b-e8evo7atp8]  .nav-link:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

.nav-scrollable[b-e8evo7atp8] {
    display: none;
}

.navbar-toggler:checked ~ .nav-scrollable[b-e8evo7atp8] {
    display: block;
}

@media (min-width: 641px) {
    .navbar-toggler[b-e8evo7atp8] {
        display: none;
    }

    .nav-scrollable[b-e8evo7atp8] {
        /* Never collapse the sidebar for wide screens */
        display: block;

        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* _content/FrontEnd/Components/Layout/TopNavMenu.razor.rz.scp.css */
.navbar-toggler[b-7vohdxec7n] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

.navbar-toggler:checked[b-7vohdxec7n] {
    background-color: rgba(255, 255, 255, 0.5);
}

.top-row[b-7vohdxec7n] {
    height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-7vohdxec7n] {
    font-size: 1.1rem;
}

.bi[b-7vohdxec7n] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-7vohdxec7n] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-7vohdxec7n] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-7vohdxec7n] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.bi-lock-nav-menu[b-7vohdxec7n] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath d='M8 1a2 2 0 0 1 2 2v4H6V3a2 2 0 0 1 2-2zm3 6V3a3 3 0 0 0-6 0v4a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2zM5 8h6a1 1 0 0 1 1 1v5a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1z'/%3E%3C/svg%3E");
}

.bi-person-nav-menu[b-7vohdxec7n] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person' viewBox='0 0 16 16'%3E%3Cpath d='M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm4 8c0 1-1 1-1 1H3s-1 0-1-1 1-4 6-4 6 3 6 4Zm-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10c-2.29 0-3.516.68-4.168 1.332-.678.678-.83 1.418-.832 1.664h10Z'/%3E%3C/svg%3E");
}

.bi-person-badge-nav-menu[b-7vohdxec7n] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-badge' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 2a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1h-3zM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0z'/%3E%3Cpath d='M4.5 0A2.5 2.5 0 0 0 2 2.5V14a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2.5A2.5 2.5 0 0 0 11.5 0h-7zM3 2.5A1.5 1.5 0 0 1 4.5 1h7A1.5 1.5 0 0 1 13 2.5v10.795a4.2 4.2 0 0 0-.776-.492C11.392 12.387 10.063 12 8 12s-3.392.387-4.224.803a4.2 4.2 0 0 0-.776.492V2.5z'/%3E%3C/svg%3E");
}

.bi-person-fill-nav-menu[b-7vohdxec7n] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-fill' viewBox='0 0 16 16'%3E%3Cpath d='M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1H3Zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6Z'/%3E%3C/svg%3E");
}

.bi-arrow-bar-left-nav-menu[b-7vohdxec7n] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-arrow-bar-left' viewBox='0 0 16 16'%3E%3Cpath d='M12.5 15a.5.5 0 0 1-.5-.5v-13a.5.5 0 0 1 1 0v13a.5.5 0 0 1-.5.5ZM10 8a.5.5 0 0 1-.5.5H3.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L3.707 7.5H9.5a.5.5 0 0 1 .5.5Z'/%3E%3C/svg%3E");
}

.nav-item[b-7vohdxec7n] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-7vohdxec7n] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-7vohdxec7n] {
        padding-bottom: 1rem;
    }

    .nav-item[b-7vohdxec7n]  .nav-link {
        color: #d7d7d7;
        background: none;
        border: none;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        width: 100%;
    }

.nav-item[b-7vohdxec7n]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

.nav-item[b-7vohdxec7n]  .nav-link:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

.nav-scrollable[b-7vohdxec7n] {
    display: none;
}

.navbar-toggler:checked ~ .nav-scrollable[b-7vohdxec7n] {
    display: block;
}

@media (min-width: 641px) {
    .navbar-toggler[b-7vohdxec7n] {
        display: none;
    }

    .nav-scrollable[b-7vohdxec7n] {
        /* Never collapse the sidebar for wide screens */
        display: block;

        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* _content/FrontEnd/Components/Pages/Compnents/Footer.razor.rz.scp.css */
footer[b-3h5ukv0t7q] {
    border-top: 1px solid #1f2937;
    background: #0b0d10;
    color: #cfd8e3;
    font-size: 0.95rem;
}

.footer-wrap[b-3h5ukv0t7q] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 18px;
    align-items: center;
    padding: 28px 0;
    max-width: 1100px;
    margin-inline: auto;
}

    .footer-wrap p[b-3h5ukv0t7q] {
        margin: 0;
    }

.footer-nav[b-3h5ukv0t7q] {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
}

    .footer-nav a[b-3h5ukv0t7q] {
        color: #cfd8e3;
        text-decoration: none;
        font-weight: 500;
        transition: color .2s;
    }

        .footer-nav a:hover[b-3h5ukv0t7q] {
            color: #ffffff;
        }

/* responsive stacking */
@media (max-width: 640px) {
    .footer-wrap[b-3h5ukv0t7q] {
        grid-template-columns: 1fr;
        text-align: center;
        justify-items: center;
    }

    .footer-nav[b-3h5ukv0t7q] {
        justify-content: center;
    }
}
/* _content/FrontEnd/Components/Pages/Compnents/Hero.razor.rz.scp.css */
/* ===== HERO (exact look) ===== */
.hero[b-9783xj6htj] {
    position: relative;
    overflow: hidden;
    background: linear-gradient(180deg,#0a0c10,#0d1117);
    padding: 4rem 0 3rem;
    border-bottom: 1px solid #151b23;
    color: #fff;
    text-align: center;

}

/*    .hero::before {
        content: "";
        position: absolute;
        inset: 0;
        pointer-events: none;
        background: linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px) 0 0 / 26px 26px, linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px) 0 0 / 26px 26px;
        opacity: .65;
    }
*/
/*    .hero::after {
        content: "";
        position: absolute;
        inset: 0;
        pointer-events: none;
        background: radial-gradient(1200px 600px at 50% -10%,rgba(255,82,77,.12),transparent 60%);
        mix-blend-mode: screen;
        opacity: .45;
    }*/
.hero[b-9783xj6htj] {
    font-family: 'Inter', system-ui, sans-serif;
    
}

.input-typer .ghost[b-9783xj6htj] {
    font-family: 'JetBrains Mono', 'Roboto Mono', monospace;
}

/* Eyebrow / heading / sub */
.eyebrow[b-9783xj6htj] {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    background: rgba(255,255,255,.06);
    border: 1px solid rgba(255,255,255,.18);
    padding: .35rem .6rem;
    border-radius: 50rem;
    color: #e5e7eb;
    font-size: .9rem;
}

    .eyebrow .dot[b-9783xj6htj] {
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background: #16a34a;
    }

.headline[b-9783xj6htj] {
    font-size: clamp(2rem,5vw,3rem);
    font-weight: 700;
    line-height: 1.15;
    margin: 2.2rem 0 .5rem;
}

.sub[b-9783xj6htj] {
    color: #cdd5df;
    font-size: 1.125rem;
    max-width: 880px;
    margin: 0 auto 1.5rem;
}

/* ===== SIGNUP CARD ===== */
.signup[b-9783xj6htj] {
    background: #fff;
    color: #0f172a;
    border: 1px solid #e5e7eb;
    border-radius: 20px;
    padding: 20px 24px;
    box-shadow: 0 18px 40px rgba(0,0,0,.25);
    display: grid;
    grid-template-columns: 0.9fr 1.1fr;
    align-items: center;
    text-align: left;
    margin-bottom: 16px;
}

@media (max-width: 992px) {
    .signup[b-9783xj6htj] {
        grid-template-columns: 1fr;


    }
}

.signup .label[b-9783xj6htj] {
    font-weight: 700;
    font-size: 1.15rem;
    margin: 0 0 4px;
}

.signup .help[b-9783xj6htj] {
    margin: 6px 0 0;
    padding: 0;
    list-style: none;
    color: #475467;
}

    .signup .help li[b-9783xj6htj] {
        position: relative;
        padding-left: 26px;
        line-height: 1.45;
        margin: 0;
    }

        .signup .help li[b-9783xj6htj]::before {
            content: "✓";
            position: absolute;
            left: 0;
            top: 0;
            color: #16a34a;
            font-weight: 700;
        }

/* Right column */
.signup form[b-9783xj6htj] {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 12px;
    min-width: 0;
    margin: 0;
}

.input-typer[b-9783xj6htj] {
    position: relative;
    flex: 1 1 auto;
    min-width: 260px;
    display: flex;
    align-items: center;
}

/* Input */
.signup .input[b-9783xj6htj] {
    all: unset;
    box-sizing: border-box;
    width: 100%;
    height: 50px;
    padding: 0 16px;
    border: 1px solid #d0d5dd;
    border-radius: 12px;
    background: #fff;
    color: #0f172a;
    font-size: 1rem;
    box-shadow: 0 1px 2px rgba(16,24,40,.04);
}

    .signup .input:focus[b-9783xj6htj] {
        outline: 2px solid rgba(147,197,253,.85);
        outline-offset: 2px;
    }

/* ===== CTA button (new gradient style) ===== */
.signup .cta[b-9783xj6htj] {
    all: unset;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    padding: 0 22px;
    border-radius: 12px;
    cursor: pointer;
    background: linear-gradient(to bottom, #ff6b6b, #e63946);
    color: #fff;
    font-weight: 700;
    box-shadow: 0 6px 16px rgba(0,0,0,.25);
    transition: transform .18s, box-shadow .18s;
    font-weight: bold;
}

    .signup .cta:hover[b-9783xj6htj] {
        transform: translateY(-2px);
        box-shadow: 0 8px 20px rgba(0,0,0,.35);
    }

    .signup .cta:disabled[b-9783xj6htj] {
        opacity: .65;
        cursor: not-allowed;
        transform: none;
        box-shadow: none;
    }

/* ===== Ghost typing ===== */
.input-typer .ghost[b-9783xj6htj] {
    position: absolute;
    left: 16px;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    max-width: calc(100% - 32px);
    overflow: hidden;
    color: #9aa3af;
    pointer-events: none;
    white-space: nowrap;
    line-height: 1;
    height: 1em;
    font-family: 'JetBrains Mono','Roboto Mono',monospace;
}

    .input-typer .ghost b[b-9783xj6htj] {
        position: absolute;
        left: 0;
        top: 0;
        display: inline-block;
        width: 0;
        overflow: hidden;
        border-right: 2px solid rgba(17,24,39,.35);
        white-space: nowrap;
        opacity: 0;
    }

@keyframes ghostShow1-b-9783xj6htj {
    0%, 2% {
        opacity: 1
    }

    28%,100% {
        opacity: 0
    }
}

@keyframes ghostShow2-b-9783xj6htj {
    0%, 32% {
        opacity: 0
    }

    33%,35% {
        opacity: 1
    }

    61%,100% {
        opacity: 0
    }
}

@keyframes ghostShow3-b-9783xj6htj {
    0%, 66% {
        opacity: 0
    }

    67%,69% {
        opacity: 1
    }

    95%,100% {
        opacity: 0
    }
}

@keyframes ghostType1-b-9783xj6htj {
    0%,2% {
        width: 0
    }

    12% {
        width: var(--w)
    }

    28% {
        width: var(--w)
    }

    33%,100% {
        width: 0
    }
}

@keyframes ghostType2-b-9783xj6htj {
    0%,33% {
        width: 0
    }

    43% {
        width: var(--w)
    }

    61% {
        width: var(--w)
    }

    66%,100% {
        width: 0
    }
}

@keyframes ghostType3-b-9783xj6htj {
    0%,67% {
        width: 0
    }

    77% {
        width: var(--w)
    }

    95% {
        width: var(--w)
    }

    100% {
        width: 0
    }
}

@keyframes ghostBlink-b-9783xj6htj {
    50% {
        border-color: transparent
    }
}

.input-typer .ghost b:nth-child(1)[b-9783xj6htj] {
    --w: 16ch;
    animation: ghostShow1-b-9783xj6htj 18s linear infinite, ghostType1-b-9783xj6htj 18s steps(16,end) infinite, ghostBlink-b-9783xj6htj 1s step-end infinite;
}

.input-typer .ghost b:nth-child(2)[b-9783xj6htj] {
    --w: 27ch;
    animation: ghostShow2-b-9783xj6htj 18s linear infinite, ghostType2-b-9783xj6htj 18s steps(27,end) infinite, ghostBlink-b-9783xj6htj 1s step-end infinite;
}

.input-typer .ghost b:nth-child(3)[b-9783xj6htj] {
    --w: 20ch;
    animation: ghostShow3-b-9783xj6htj 18s linear infinite, ghostType3-b-9783xj6htj 18s steps(20,end) infinite, ghostBlink-b-9783xj6htj 1s step-end infinite;
}

/* Hide ghost once user interacts */
.input-typer .input:focus ~ .ghost[b-9783xj6htj],
.input-typer .input:not(:placeholder-shown) ~ .ghost[b-9783xj6htj] {
    display: none !important;
}

/* ===== Proof chips ===== */
.proof[b-9783xj6htj] {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 52px;
    margin-top: 44px;
    text-align: center;
}



.proof .chip[b-9783xj6htj] {
    display: flex;
    gap: 12px;
    align-items: center;
    justify-content: center;
    background: rgba(255,255,255,.08);
    border: 1px solid rgba(255,255,255,.20);
    padding: 12px 16px;
    border-radius: 999px;
    color: #e9eef5;
    font-weight: 700;
}

.proof .ico[b-9783xj6htj] {
    display: inline-grid;
    place-items: center;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: rgba(255,82,77,.18);
    color: #ffd3d1;
    font-size: .85rem;
}

/* ===== Neutralize Bootstrap ===== */
.signup .form-control[b-9783xj6htj] {
    all: unset;
}

.signup .btn[b-9783xj6htj] {
    all: unset;
}

.signup-row[b-9783xj6htj] {
    display: flex;
    align-items: stretch;
    gap: 0.75rem; /* space between input and button */
}



   @media (max-width:1100px) {
        


    }

@media (max-width: 1250px) {
    /* Stack the row that actually controls the layout */
    .signup-row[b-9783xj6htj] {
        flex-direction: column;
        gap: 15px;
        margin-top:10px;
        
    }


    .proof[b-9783xj6htj] {
        grid-template-columns: 1fr 1fr;
        display: grid;
        margin-top: 44px;
        text-align: center;
    }
    .proof[b-9783xj6htj] {
        grid-template-columns: 1fr; /* one column */
        gap: 16px; /* tighter spacing for mobile */
        text-align: left; /* optional: align text left instead of center */
    }

        .proof .chip[b-9783xj6htj] {
            justify-content: flex-start; /* icon + text flush left */

        }
}
/* _content/FrontEnd/Components/Pages/Compnents/LandingSections.razor.rz.scp.css */

h5[b-5yfm53oy1w] {
    color:white;
    font-weight:550;
}
/* ---------- Shared section styles ---------- */
.section[b-5yfm53oy1w] {
    padding: 48px 0;
    position: relative;
}

    .section + .section[b-5yfm53oy1w]::before {
        content: "";
        position: absolute;
        top: -1px;
        left: 0;
        right: 0;
        height: 1px;
        background: linear-gradient(to right, transparent, rgba(0,0,0,.06), transparent);
    }

.title[b-5yfm53oy1w] {
    text-align: center;
    margin: 0 0 32px;
    font-weight: 700;
    font-size: clamp(22px, 3.2vw, 32px);
}

/* ---------- BENEFITS ---------- */
#benefits[b-5yfm53oy1w] {
    background: #0f1318; /* subtle dark panel */
    border-top: 1px solid #0b0f14;
    color: #e9eff7;
}

    #benefits .title[b-5yfm53oy1w] {
        color: #f1f5f9;
    }

    #benefits .grid[b-5yfm53oy1w] {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 24px;
    }

    #benefits .card[b-5yfm53oy1w] {
        background: rgba(255,255,255,.06);
        border: 1px solid rgba(255,255,255,.18);
        border-radius: 18px;
        padding: 24px;
        backdrop-filter: blur(8px) saturate(130%);
        box-shadow: 0 8px 24px rgba(0,0,0,.18);
    }

        #benefits .card h3[b-5yfm53oy1w] {
            display: flex;
            align-items: center;
            gap: 12px;
            margin: 0 0 8px;
            color: #fff;
            font-weight: 600;
        }

        #benefits .card p[b-5yfm53oy1w] {
            margin: 0;
            color: #cbd5e1;
        }

        #benefits .card svg[b-5yfm53oy1w] {
            width: 20px;
            height: 20px;
            stroke: #ff7b77; /* brand accent */
            flex-shrink: 0;
        }

/* ---------- HOW IT WORKS ---------- */
#how[b-5yfm53oy1w] {
    background: #f9fafb;
    border-top: 1px solid #e5e7eb;
    color: #111827;
}

    #how .title[b-5yfm53oy1w] {
        color: #0f172a;
    }

    #how .steps[b-5yfm53oy1w] {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 24px;
    }

    #how .step[b-5yfm53oy1w] {
        background: #fff;
        border: 1px solid #e5e7eb;
        border-radius: 18px;
        padding: 16px;
        box-shadow: 0 6px 16px rgba(16,24,40,.08);
        transition: transform .25s, box-shadow .25s;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

@media (prefers-reduced-motion: no-preference) {
    #how .step:hover[b-5yfm53oy1w] {
        transform: translateY(-3px);
        box-shadow: 0 12px 24px rgba(0,0,0,.12);
    }
}

#how .step .num[b-5yfm53oy1w] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: inline-grid;
    place-items: center;
    background: #fee2e2;
    color: #991b1b;
    font-weight: 700;
    margin-bottom: 8px;
}

#how .step .icon[b-5yfm53oy1w] {
    width: 32px;
    height: 32px;
    margin-bottom: 8px;
    color: #e04642; /* accent */
}

#how .step h3[b-5yfm53oy1w] {
    margin: 4px 0;
    color: #0f172a;
    font-weight: 600;
}

#how .step p[b-5yfm53oy1w] {
    margin: 0;
    color: #475467;
}

/* ---------- FAQ ---------- */
#faq[b-5yfm53oy1w] {
    background: #fff;
    border-top: 1px solid #e5e7eb;
    color: #111827;
}

    #faq .title[b-5yfm53oy1w] {
        color: #0f172a;
    }

    #faq .faq[b-5yfm53oy1w] {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 16px;
    }

    #faq details[b-5yfm53oy1w] {
        background: #f9fafb;
        border: 1px solid #e5e7eb;
        border-radius: 12px;
        padding: 12px 16px;
        box-shadow: 0 4px 10px rgba(16,24,40,.06);
    }

    #faq summary[b-5yfm53oy1w] {
        cursor: pointer;
        list-style: none; /* hide default triangle */
        position: relative;
        margin: 0;
        padding-left: 32px;
        padding-right: 24px;
        color: #101828;
        font-weight: 600;
    }

        #faq summary[b-5yfm53oy1w]::-webkit-details-marker {
            display: none;
        }

        #faq summary[b-5yfm53oy1w]::before {
            content: "";
            position: absolute;
            left: 8px;
            top: 50%;
            transform: translateY(-50%);
            width: 16px;
            height: 16px;
            background-repeat: no-repeat;
            background-size: 16px 16px;
            /* red circle + info glyph */
            background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="%23e04642" stroke-width="2"><circle cx="12" cy="12" r="9"/><path d="M12 17v-5"/><path d="M12 8h.01"/></svg>');
        }

    #faq details p[b-5yfm53oy1w] {
        margin: 8px 0 0;
        color: #475467;
    }

    #faq details[open][b-5yfm53oy1w] {
        border-color: #ff524d;
        box-shadow: 0 4px 14px rgba(255,82,77,.12);
    }

/* ---------- Responsive ---------- */
@media (max-width: 980px) {
    #benefits .grid[b-5yfm53oy1w] {
        grid-template-columns: 1fr;
    }

    #how .steps[b-5yfm53oy1w] {
        grid-template-columns: 1fr;
    }

    #faq .faq[b-5yfm53oy1w] {
        grid-template-columns: 1fr;
    }
}
/* === BENEFITS: pixel-closer to your original === */
#benefits[b-5yfm53oy1w] {
    background: #0b0f14; /* deep section */
    padding: 72px 0 56px; /* more breathing room */
    color: #e9eff7;

}

    #benefits .title[b-5yfm53oy1w] {
        color: #ffffff;
        letter-spacing: -0.01em;
        margin-bottom: 28px;
    }

    #benefits .grid[b-5yfm53oy1w] {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 28px; /* wider gutters like the screenshot */
    }

    #benefits .card[b-5yfm53oy1w] {
        background: #161b22; /* darker tile */
        border: 1px solid rgba(255,255,255,0.08); /* thin, subtle stroke */
        border-radius: 20px; /* rounder corners */
        padding: 22px 24px;
        color: #b9c3cf;
        /* glossy + weighty */
        box-shadow: 0 18px 40px rgba(0,0,0,0.38), 0 2px 0 rgba(255,255,255,0.03) inset;
        transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
    }

@media (prefers-reduced-motion: no-preference) {
    #benefits .card:hover[b-5yfm53oy1w] {
        transform: translateY(-2px);
        box-shadow: 0 24px 50px rgba(0,0,0,0.42), 0 2px 0 rgba(255,255,255,0.04) inset;
        border-color: rgba(255,255,255,0.12);
    }
}

#benefits .card h3[b-5yfm53oy1w] {
    margin: 0 0 6px;
    display: flex;
    align-items: center;
    gap: 12px;
    color: #f8fafc; /* strong title */
    font-weight: 700;
}

#benefits .card p[b-5yfm53oy1w] {
    margin: 0;
    color: #9eacbb; /* softer body */
    line-height: 1.5;
}

/* icon sizing + accent like your chips above */
#benefits .card svg[b-5yfm53oy1w] {
    width: 22px;
    height: 22px;
    stroke: #ff6b6b; /* warm red accent */
    flex-shrink: 0;
}

/* responsive like the original layout */
@media (max-width: 1200px) {
    #benefits .grid[b-5yfm53oy1w] {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 700px) {
    #benefits[b-5yfm53oy1w] {
        padding: 56px 0 40px;
    }

        #benefits .grid[b-5yfm53oy1w] {
            grid-template-columns: 1fr;
        }
}
#benefits.section:first-of-type[b-5yfm53oy1w] {
    padding-top: 0 !important; /* or padding: 0 !important; */

}
/* Crisp edge + tapered dark shadow over the next section */
#benefits[b-5yfm53oy1w]::before,
#benefits[b-5yfm53oy1w]::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    pointer-events: none;
    z-index: 3;

}

/* 1) Hairline edge (gives a clean separation, not gray haze) */
#benefits[b-5yfm53oy1w]::before {
    bottom: -1px;
    height: 2px;
    background: linear-gradient(to bottom, rgba(255,255,255,0.08), rgba(255,255,255,0) );
}

/* 2) Soft, DARK, tapered shadow that overlaps the next section */
#benefits[b-5yfm53oy1w]::after {
    bottom: -72px; /* overhang */
    height: 102px; /* shadow thickness */
    background: linear-gradient(to bottom, rgba(0,0,0,0.00) 0%, rgba(0,0,0,0.45) 55%, rgba(0,0,0,0.00) 100% );
    box-shadow: 0 28px 50px rgba(0,0,0,0.55), 0 6px 12px rgba(0,0,0,0.35) inset; /* subtle weight at the top of the bar */
    /* taper the left/right edges so it doesn’t look like a big slab */
    -webkit-mask-image: radial-gradient(120% 48px at 50% 0, #000 62%, transparent 100%);
    mask-image: radial-gradient(120% 48px at 50% 0, #000 62%, transparent 100%);
}


    
/* Optional: faint brand glow right under the edge (very subtle) */
@media (prefers-reduced-motion: no-preference) {
    #benefits[b-5yfm53oy1w]::before {
        box-shadow: 0 0 18px rgba(255,107,107,0.08);
    }
}
/* _content/FrontEnd/Components/Pages/Compnents/StripeBar.razor.rz.scp.css */
.strip[b-n4igflrwjl] {
    background: #ecfdf3;
    border-bottom: 1px solid #d1fadf;
    color: #065f46;
    font-weight: 700;
    margin: 0;
    width: 100%;
}

    .strip .wrap[b-n4igflrwjl] {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        padding: 8px 0;
        font-size: 0.95rem;
    }

    /* Fix Bootstrap container */
    .strip .container[b-n4igflrwjl] {
        max-width: none;
        padding-left: 0;
        padding-right: 0;
    }

    .strip svg[b-n4igflrwjl] {
        flex: 0 0 auto;
        width: 16px;
        height: 16px;
        display: inline-block;
        stroke: currentColor; /* inherit color */
        opacity: 0.95;
    }

    .strip .wrap > span[b-n4igflrwjl] {
        white-space: nowrap;
    }

/* Responsive */
@media (max-width: 520px) {
    .strip .wrap[b-n4igflrwjl] {
        justify-content: center;
        padding: 10px 8px;
        gap: 8px;
    }

        .strip .wrap > span[b-n4igflrwjl] {
            white-space: normal;
            text-align: center;
            display: inline-block;
        }
}

/* Optional dark-mode variant */
.strip--dark[b-n4igflrwjl] {
    background: rgba(255,255,255,0.03);
    border-bottom-color: rgba(255,255,255,0.04);
    color: var(--muted-inv, #cbd5e1);
}
/* _content/FrontEnd/Components/Pages/Home-old.razor.rz.scp.css */

.container[b-sazhtixfg7] {
    height: 100%;
    align-content: center;
}

.card[b-sazhtixfg7] {
    height: 400px;
    margin-top: auto;
    margin-bottom: auto;
    width: 330px;
    border-radius: 25px;
    background-color: rgba(0,0,0,0.5) !important;
}

.social_icon span[b-sazhtixfg7] {
    font-size: 60px;
    margin-left: 10px;
    color: #FFC312;
}

.social_icon span:hover[b-sazhtixfg7] {
    color: white;
    cursor: pointer;
}

.card-header h3[b-sazhtixfg7] {
    color: white;
    text-align:center;
}

.social_icon[b-sazhtixfg7] {
    position: absolute;
    right: 20px;
    top: -45px;
}

.input-group-prepend span[b-sazhtixfg7] {
    width: 40px;
    background-color: #FFC312;
    color: black;
    border: 0 !important;
}

.iconhight[b-sazhtixfg7] {
    line-height: 30px !important;
}
input:focus[b-sazhtixfg7] {
    outline: 0 0 0 0 !important;
    box-shadow: 0 0 0 0 !important;
}

.remember[b-sazhtixfg7] {
    color: white;
}

.remember input[b-sazhtixfg7] {
    width: 20px;
    height: 20px;
    margin-left: 15px;
    margin-right: 5px;
}

.login_btn[b-sazhtixfg7] {
    color: black;
    background-color: #FFC312;
    width: 100px;
}

.login_btn:hover[b-sazhtixfg7] {
    color: black;
    background-color: white;
}

.links[b-sazhtixfg7] {
    color: white;
}

.links a[b-sazhtixfg7] {
    margin-left: 4px;
}

.right[b-sazhtixfg7] {
    display: flex;
    justify-content: flex-end;
    margin-left: auto;
    margin-right: 0;
}
/* _content/FrontEnd/Components/Pages/Landing.razor.rz.scp.css */
/* === Global reset === */
html[b-an7bl77vgz], body[b-an7bl77vgz] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: system-ui, sans-serif;
    background-color: #fff; /* or dark if you want */
}

/* Ensure all elements inherit box-sizing */
*[b-an7bl77vgz], *[b-an7bl77vgz]::before, *[b-an7bl77vgz]::after {
    box-sizing: inherit;
}
/* _content/FrontEnd/Components/Views/DraggableDiv.razor.rz.scp.css */

.parent[b-3js3wae7zz] {
    display: flex;
    flex-wrap: wrap;
}

.child[b-3js3wae7zz] {
    flex: 1 0 30%; /* explanation below */
    margin: 3px;
    height: 40px;
}

.child2[b-3js3wae7zz] {
    flex: 1 0 30%; /* explanation below */
    margin: 3px;
    height: 40px;
}

.true[b-3js3wae7zz]{
    visibility :hidden;
}

.false[b-3js3wae7zz]{
    visibility : visible;
}


button[b-3js3wae7zz] {
    border: none;
    cursor: pointer;
    appearance: none;
    background-color: inherit;
    transition: transform .7s ease-in-out;
  
}



    button:hover[b-3js3wae7zz] {
        transform: rotate(360deg);
    }

img[b-3js3wae7zz] {
    width: 40px;
    height: 40px;
}



.text[b-3js3wae7zz] {
    font-size: 60px;
    color: #314de4;

    font-family: Arial;
}
/* _content/FrontEnd/Components/Views/DraggablePanel.razor.rz.scp.css */
.toolbar[b-fdqwyka6nb] {
    position: absolute;
    top: 100px;
    left: 100px;
    background-color: #2c2c2c;
    padding: 10px;
    display: grid;
    grid-template-columns: repeat(2, 36px);
    grid-auto-rows: 36px;
    gap: 10px;
    user-select: none;
    border-radius: 18px;
    width: max-content;
}

.tool-button[b-fdqwyka6nb] {
    width: 36px;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: background-color 0.2s, transform 0.2s;
    position: relative;
}

    .tool-button:hover[b-fdqwyka6nb] {
        background-color: #3d3d3d;
        transform: scale(1.1);
    }

    .tool-button i[b-fdqwyka6nb] {
        color: white;
        font-size: 18px;
    }

.tool-button.large[b-fdqwyka6nb] {
    grid-column: span 2;
    width: 100%;
    height: 50px;
    justify-self: center;
}
.tool-button.large:hover[b-fdqwyka6nb] {
    background-color: transparent;
    transform: scale(1.4);
}
.tool-button.large i[b-fdqwyka6nb] {
    font-size: 22px;
}

.submenu-indicator[b-fdqwyka6nb] {
    position: absolute;
    bottom: 4px;
    right: 4px;
    width: 8px;
    height: 8px;
    fill: #38cf2d;
    animation: pulse-b-fdqwyka6nb 1.5s infinite ease-in-out;
    pointer-events: none;
    z-index: 2;
}

@keyframes pulse-b-fdqwyka6nb {
    0% {
        transform: scale(1);
        opacity: 1;
    }

    50% {
        transform: scale(1.5);
        opacity: 0.6;
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

.sub-toolbar[b-fdqwyka6nb] {
    position: absolute;
    background-color: transparent;
    padding: 0;
    display: block;
    z-index: 100;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
}

    .sub-toolbar.show[b-fdqwyka6nb] {
        opacity: 1;
        pointer-events: auto;
    }

    .sub-toolbar.left[b-fdqwyka6nb] {
        right: 120px;
        top: 0;
    }

    .sub-toolbar.right[b-fdqwyka6nb] {
        left: 50px;
        top: 0;
    }

    .sub-toolbar .tool-button[b-fdqwyka6nb] {
        position: absolute;
        width: 36px;
        height: 36px;
        background-color: #2c2c2c;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0;
        margin: 0;
        box-sizing: border-box;
        border-radius: 0;
    }

        .sub-toolbar .tool-button i[b-fdqwyka6nb] {
            font-size: 18px;
            color: white;
            line-height: 1;
        }

    /* Left L-shape */
    .sub-toolbar.left .tool-button:nth-child(1)[b-fdqwyka6nb] {
        top: 0;
        left: 0;
        border-top-left-radius: 8px;
    }

    .sub-toolbar.left .tool-button:nth-child(2)[b-fdqwyka6nb] {
        top: 0;
        left: 36px;
        border-top-right-radius: 8px;
    }

    .sub-toolbar.left .tool-button:nth-child(3)[b-fdqwyka6nb] {
        top: 36px;
        left: 0;
    }

    .sub-toolbar.left .tool-button:nth-child(4)[b-fdqwyka6nb] {
        top: 36px;
        left: 36px;
    }

    .sub-toolbar.left .tool-button:nth-child(5)[b-fdqwyka6nb] {
        top: 72px;
        left: 0;
        border-bottom-left-radius: 8px;
    }

    .sub-toolbar.left .tool-button:nth-child(6)[b-fdqwyka6nb] {
        top: 72px;
        left: 36px;
        border-bottom-right-radius: 8px;
        display: none;
    }

    /* Right L-shape */
    .sub-toolbar.right .tool-button:nth-child(1)[b-fdqwyka6nb] {
        top: 0;
        left: 36px;
        border-top-right-radius: 8px;
    }

    .sub-toolbar.right .tool-button:nth-child(2)[b-fdqwyka6nb] {
        top: 0;
        left: 0;
        border-top-left-radius: 8px;
    }

    .sub-toolbar.right .tool-button:nth-child(3)[b-fdqwyka6nb] {
        top: 36px;
        left: 36px;
    }

    .sub-toolbar.right .tool-button:nth-child(4)[b-fdqwyka6nb] {
        top: 36px;
        left: 0;
    }

    .sub-toolbar.right .tool-button:nth-child(5)[b-fdqwyka6nb] {
        top: 72px;
        left: 36px;
        border-bottom-right-radius: 8px;
    }

    .sub-toolbar.right .tool-button:nth-child(6)[b-fdqwyka6nb] {
        top: 72px;
        left: 0;
        border-bottom-left-radius: 8px;
        display: none;
    }


/* _content/FrontEnd/Components/Views/Modal/CabinetModal.razor.rz.scp.css */
$delete-red: red;

.btn[b-li3hfdn33j] {
    display: flex;
    align-items: center;
    border: 1px solid lighten(gray, 24%);
    height: 48px;
    letter-spacing: .25px;
    border-radius: 24px;
    cursor: pointer;
    background-color:red;

}

.mdi[b-li3hfdn33j] {
    margin-right: 8px;
}
/* _content/FrontEnd/Components/Views/Modal/DisclaimerModal.razor.rz.scp.css */
$delete-red: red;

.btn[b-h5jsf2fwk8] {
    display: flex;
    align-items: center;
    border: 1px solid lighten(gray, 24%);
    height: 48px;
    letter-spacing: .25px;
    border-radius: 24px;
    cursor: pointer;
    background-color:red;

}

.mdi[b-h5jsf2fwk8] {
    margin-right: 8px;
}
/* _content/FrontEnd/Components/Views/Modal/LoadProjectModal.razor.rz.scp.css */
/* === Panel shell === */
.project-panel[b-z3jzetaxu6] {
    background: #fff;
    width: 100%;
    max-width: 1200px;
    margin-inline: auto;
    border: 1px solid #dee2e6;
    border-radius: .5rem;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.05);
    overflow: hidden;
}

h2[b-z3jzetaxu6] {
    margin-top: 0;
    margin-bottom: 24px;
    font-size: 24px;
    font-weight: 600;
    text-align: center;
}

.card-title[b-z3jzetaxu6] {
    height: 24px !important;
}

.card-text[b-z3jzetaxu6] {
    height: 24px !important;
}

/* --- Sections --- */
.project-panel-header[b-z3jzetaxu6] {
    padding: 1rem 1.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.project-panel-body[b-z3jzetaxu6] {
    padding: 1.25rem;
    display: flex;
    gap: 1.5rem;
    min-height: 0; /* allow children to shrink/scroll */
}

/* --- List & selection --- */
.list-group-item:hover[b-z3jzetaxu6] {
    background: #f1f3f5;
    cursor: pointer;
}

.list-group-item.active[b-z3jzetaxu6] {
    background: #0d6efd !important;
    border-color: #0d6efd;
    color: #fff;
}

/* --- Project List --- */
.project-list[b-z3jzetaxu6] {
    flex: 1;
    min-height: 600px;
    max-height: 600px;
    border-bottom: 1px solid #dee2e6;
    padding: 0;
    display: flex;
    flex-direction: column;
    /* overflow: hidden;  <-- removed */
    max-width: 13rem;
    min-width: 13rem; /* optional: keeps width stable */
}

/* Scrollable area */
.project-list-scrollable[b-z3jzetaxu6] {
    flex: 1;
    overflow-y: auto;
    position: relative;
    min-height: 0; /* crucial for flex child to scroll */
}

/* Sticky search/header area — now inside the scroller */
.project-search[b-z3jzetaxu6] {
    position: sticky;
    top: 0;
    z-index: 1;
    background: #fff;
    padding: 1rem 0 .5rem 0;
    border-bottom: 1px solid #dee2e6;
}

/* --- Details panel --- */
.project-details[b-z3jzetaxu6] {
    flex: 2;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: sticky;
    top: 0;
    z-index: 1;
    padding: 1.25rem;
}

.project-details-content img[b-z3jzetaxu6] {
    width: 100%;
    height: 200px;
    object-fit: cover;
    border-radius: 8px;
}

button[b-z3jzetaxu6] {
    padding: 10px 20px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 8px;
    border: none;
    cursor: pointer;
    transition: background-color .2s ease;
}

.btn-cancel[b-z3jzetaxu6] {
    background-color: #f3f4f6;
    color: #111827;
}

    .btn-cancel:hover[b-z3jzetaxu6] {
        background-color: #e5e7eb;
    }

.btn-create[b-z3jzetaxu6] {
    background-color: #3b82f6;
    color: #fff;
}

    .btn-create:hover[b-z3jzetaxu6] {
        background-color: #2563eb;
    }

.no-focus:focus[b-z3jzetaxu6],
.no-focus:active[b-z3jzetaxu6],
.no-focus:focus-visible[b-z3jzetaxu6] {
    outline: none !important;
    box-shadow: none !important;
}

/* Optional: remove default bottom margin on Bootstrap list groups inside the scroller */
.project-list-scrollable .list-group[b-z3jzetaxu6] {
    margin-bottom: 0;
}
/* === Panel shell === */
.project-panel[b-z3jzetaxu6] {
    background: #fff;
    width: 100%;
    max-width: 1200px;
    margin-inline: auto;
    border: 1px solid #dee2e6;
    border-radius: .5rem;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.05);
    overflow: hidden;
}

h2[b-z3jzetaxu6] {
    margin-top: 0;
    margin-bottom: 24px;
    font-size: 24px;
    font-weight: 600;
    text-align: center;
}

.card-title[b-z3jzetaxu6] {
    height: 24px !important;
}

.card-text[b-z3jzetaxu6] {
    height: 24px !important;
}

/* --- Sections --- */
.project-panel-header[b-z3jzetaxu6] {
    padding: 1rem 1.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.project-panel-body[b-z3jzetaxu6] {
    padding: 1.25rem;
    display: flex;
    gap: 1.5rem;
    min-height: 0; /* allow children to shrink/scroll */
}

/* --- List & selection --- */
.list-group-item:hover[b-z3jzetaxu6] {
    background: #f1f3f5;
    cursor: pointer;
}

.list-group-item.active[b-z3jzetaxu6] {
    background: #0d6efd !important;
    border-color: #0d6efd;
    color: #fff;
}

/* --- Project List --- */
.project-list[b-z3jzetaxu6] {
    flex: 1;
    min-height: 600px;
    max-height: 600px;
    border-bottom: 1px solid #dee2e6;
    padding: 0;
    display: flex;
    flex-direction: column;
    /* overflow: hidden;  <-- removed */
    max-width: 13rem;
    min-width: 13rem; /* optional: keeps width stable */
}

/* Scrollable area */
.project-list-scrollable[b-z3jzetaxu6] {
    flex: 1;
    overflow-y: auto;
    position: relative;
    min-height: 0; /* crucial for flex child to scroll */
}

/* Sticky search/header area — now inside the scroller */
.project-search[b-z3jzetaxu6] {
    position: sticky;
    top: 0;
    z-index: 1;
    background: #fff;
    padding: 1rem 0 .5rem 0;
    border-bottom: 1px solid #dee2e6;
}

/* --- Details panel --- */
.project-details[b-z3jzetaxu6] {
    flex: 2;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: sticky;
    top: 0;
    z-index: 1;
    padding: 1.25rem;
}

.project-details-content img[b-z3jzetaxu6] {
    width: 100%;
    height: 200px;
    object-fit: cover;
    border-radius: 8px;
}

button[b-z3jzetaxu6] {
    padding: 10px 20px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 8px;
    border: none;
    cursor: pointer;
    transition: background-color .2s ease;
}

.btn-cancel[b-z3jzetaxu6] {
    background-color: #f3f4f6;
    color: #111827;
}

    .btn-cancel:hover[b-z3jzetaxu6] {
        background-color: #e5e7eb;
    }

.btn-create[b-z3jzetaxu6] {
    background-color: #3b82f6;
    color: #fff;
}

    .btn-create:hover[b-z3jzetaxu6] {
        background-color: #2563eb;
    }

.no-focus:focus[b-z3jzetaxu6],
.no-focus:active[b-z3jzetaxu6],
.no-focus:focus-visible[b-z3jzetaxu6] {
    outline: none !important;
    box-shadow: none !important;
}

/* Optional: remove default bottom margin on Bootstrap list groups inside the scroller */
.project-list-scrollable .list-group[b-z3jzetaxu6] {
    margin-bottom: 0;
}
/* _content/FrontEnd/Components/Views/Modal/NewProjectModal.razor.rz.scp.css */
.modal-overlay[b-1itv4mo1xd] {
    position: fixed;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.6);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.custom-modal[b-1itv4mo1xd] {
    width: 100%;
    max-width: 960px;
    padding: 40px;
    margin: 0 16px;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.1);
    animation: scaleIn-b-1itv4mo1xd 0.25s ease-out;
}

h2[b-1itv4mo1xd] {
    margin-top: 0;
    margin-bottom: 24px;
    font-size: 24px;
    font-weight: 600;
    text-align: center;
}

.form-grid[b-1itv4mo1xd] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
}

.full-width[b-1itv4mo1xd] {
    grid-column: span 2;
}

.form-group[b-1itv4mo1xd] {
    display: flex;
    flex-direction: column;
}

label[b-1itv4mo1xd] {
    font-weight: 500;
    margin-bottom: 6px;
}

input[b-1itv4mo1xd], textarea[b-1itv4mo1xd], select[b-1itv4mo1xd] {
    padding: 10px 12px;
    border: 1px solid #d1d5db;
    border-radius: 8px;
    background-color: #fafafa;
    font-size: 14px;
    transition: border-color 0.2s, box-shadow 0.2s;
}

    input:focus[b-1itv4mo1xd], textarea:focus[b-1itv4mo1xd], select:focus[b-1itv4mo1xd] {
        border-color: #3b82f6;
        box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.15);
        outline: none;
    }

textarea[b-1itv4mo1xd] {
    resize: vertical;
    min-height: 100px;
}

.form-check[b-1itv4mo1xd] {
    display: flex;
    align-items: center;
    gap: 10px;
}


/* Buttons aligned right */
.button-group[b-1itv4mo1xd] {
    display: flex;
    gap: 12px;
    align-items: center;
}



button[b-1itv4mo1xd] {
    padding: 10px 20px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 8px;
    border: none;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.btn-cancel[b-1itv4mo1xd] {
    background-color: #f3f4f6;
    color: #111827;
}

    .btn-cancel:hover[b-1itv4mo1xd] {
        background-color: #e5e7eb;
    }

.btn-create[b-1itv4mo1xd] {
    background-color: #3b82f6;
    color: white;
}

    .btn-create:hover[b-1itv4mo1xd] {
        background-color: #2563eb;
    }

@keyframes scaleIn-b-1itv4mo1xd {
    from {
        transform: scale(0.96);
        opacity: 0;
    }

    to {
        transform: scale(1);
        opacity: 1;
    }
}

/* Validation on the right */
.footer-error[b-1itv4mo1xd] {
    max-width: 320px;
    font-size: 13px;
    color: #dc2626;
    max-height: 20px;
    min-height: 60px; /* reserve vertical space */
    text-align: left;
    display: flex;
    align-items: center;
    position: absolute;
    right: 0;
    bottom: 100%; /* above the buttons */
    margin-bottom: 8px;
}

.footer-error ul[b-1itv4mo1xd] {
    margin: 0;
    padding-left: 18px;
}

.footer-error li[b-1itv4mo1xd] {
    margin-bottom: 4px;
}
/* BUTTONS AND VALIDATION TOGETHER */
.footer-row[b-1itv4mo1xd] {
    position: relative;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    gap: 24px;
    flex-wrap: wrap;
    margin-top: 32px;
}
/* _content/FrontEnd/Components/Views/Modal/NewSceneModal.razor.rz.scp.css */
/* === Panel shell === */
.project-panel[b-cod5pool8r] {
    background: #fff;
    width: 100%;
    max-width: 1200px;
    margin-inline: auto;
    border: 1px solid #dee2e6;
    border-radius: .5rem;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.05);
    overflow: hidden;
}

h2[b-cod5pool8r] {
    margin-top: 0;
    margin-bottom: 24px;
    font-size: 24px;
    font-weight: 600;
    text-align: center;
}

.card-title[b-cod5pool8r] {
    height: 24px !important;
}

.card-text[b-cod5pool8r] {
    height: 24px !important;
}

/* --- Sections --- */
.project-panel-header[b-cod5pool8r] {
    padding: 1rem 1.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.project-panel-body[b-cod5pool8r] {
    padding: 1.25rem;
    display: flex;
    gap: 1.5rem;
    min-height: 0; /* allow children to shrink/scroll */
}

/* --- List & selection --- */
.list-group-item:hover[b-cod5pool8r] {
    background: #f1f3f5;
    cursor: pointer;
}

.list-group-item.active[b-cod5pool8r] {
    background: #0d6efd !important;
    border-color: #0d6efd;
    color: #fff;
}

/* --- Project List --- */
.project-list[b-cod5pool8r] {
    flex: 1;
    min-height: 600px;
    max-height: 600px;
    border-bottom: 1px solid #dee2e6;
    padding: 0;
    display: flex;
    flex-direction: column;
    /* overflow: hidden;  <-- removed */
    max-width: 13rem;
    min-width: 13rem; /* optional: keeps width stable */
}

/* Scrollable area */
.project-list-scrollable[b-cod5pool8r] {
    flex: 1;
    overflow-y: auto;
    position: relative;
    min-height: 0; /* crucial for flex child to scroll */
}

/* Sticky search/header area — now inside the scroller */
.project-search[b-cod5pool8r] {
    position: sticky;
    top: 0;
    z-index: 1;
    background: #fff;
    padding: 1rem 0 .5rem 0;
    border-bottom: 1px solid #dee2e6;
}

/* --- Details panel --- */
.project-details[b-cod5pool8r] {
    flex: 2;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: sticky;
    top: 0;
    z-index: 1;
    padding: 1.25rem;
}

.project-details-content img[b-cod5pool8r] {
    width: 100%;
    height: 200px;
    object-fit: cover;
    border-radius: 8px;
}

button[b-cod5pool8r] {
    padding: 10px 20px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 8px;
    border: none;
    cursor: pointer;
    transition: background-color .2s ease;
}

.btn-cancel[b-cod5pool8r] {
    background-color: #f3f4f6;
    color: #111827;
}

    .btn-cancel:hover[b-cod5pool8r] {
        background-color: #e5e7eb;
    }

.btn-create[b-cod5pool8r] {
    background-color: #3b82f6;
    color: #fff;
}

    .btn-create:hover[b-cod5pool8r] {
        background-color: #2563eb;
    }

.no-focus:focus[b-cod5pool8r],
.no-focus:active[b-cod5pool8r],
.no-focus:focus-visible[b-cod5pool8r] {
    outline: none !important;
    box-shadow: none !important;
}

/* Optional: remove default bottom margin on Bootstrap list groups inside the scroller */
.project-list-scrollable .list-group[b-cod5pool8r] {
    margin-bottom: 0;
}
/* === Panel shell === */
.project-panel[b-cod5pool8r] {
    background: #fff;
    width: 100%;
    max-width: 1200px;
    margin-inline: auto;
    border: 1px solid #dee2e6;
    border-radius: .5rem;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.05);
    overflow: hidden;
}

h2[b-cod5pool8r] {
    margin-top: 0;
    margin-bottom: 24px;
    font-size: 24px;
    font-weight: 600;
    text-align: center;
}

.card-title[b-cod5pool8r] {
    height: 24px !important;
}

.card-text[b-cod5pool8r] {
    height: 24px !important;
}

/* --- Sections --- */
.project-panel-header[b-cod5pool8r] {
    padding: 1rem 1.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.project-panel-body[b-cod5pool8r] {
    padding: 1.25rem;
    display: flex;
    gap: 1.5rem;
    min-height: 0; /* allow children to shrink/scroll */
}

/* --- List & selection --- */
.list-group-item:hover[b-cod5pool8r] {
    background: #f1f3f5;
    cursor: pointer;
}

.list-group-item.active[b-cod5pool8r] {
    background: #0d6efd !important;
    border-color: #0d6efd;
    color: #fff;
}

/* --- Project List --- */
.project-list[b-cod5pool8r] {
    flex: 1;
    min-height: 600px;
    max-height: 600px;
    border-bottom: 1px solid #dee2e6;
    padding: 0;
    display: flex;
    flex-direction: column;
    /* overflow: hidden;  <-- removed */
    max-width: 13rem;
    min-width: 13rem; /* optional: keeps width stable */
}

/* Scrollable area */
.project-list-scrollable[b-cod5pool8r] {
    flex: 1;
    overflow-y: auto;
    position: relative;
    min-height: 0; /* crucial for flex child to scroll */
}

/* Sticky search/header area — now inside the scroller */
.project-search[b-cod5pool8r] {
    position: sticky;
    top: 0;
    z-index: 1;
    background: #fff;
    padding: 1rem 0 .5rem 0;
    border-bottom: 1px solid #dee2e6;
}

/* --- Details panel --- */
.project-details[b-cod5pool8r] {
    flex: 2;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: sticky;
    top: 0;
    z-index: 1;
    padding: 1.25rem;
}

.project-details-content img[b-cod5pool8r] {
    width: 100%;
    height: 200px;
    object-fit: cover;
    border-radius: 8px;
}

button[b-cod5pool8r] {
    padding: 10px 20px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 8px;
    border: none;
    cursor: pointer;
    transition: background-color .2s ease;
}

.btn-cancel[b-cod5pool8r] {
    background-color: #f3f4f6;
    color: #111827;
}

    .btn-cancel:hover[b-cod5pool8r] {
        background-color: #e5e7eb;
    }

.btn-create[b-cod5pool8r] {
    background-color: #3b82f6;
    color: #fff;
}

    .btn-create:hover[b-cod5pool8r] {
        background-color: #2563eb;
    }

.no-focus:focus[b-cod5pool8r],
.no-focus:active[b-cod5pool8r],
.no-focus:focus-visible[b-cod5pool8r] {
    outline: none !important;
    box-shadow: none !important;
}

/* Optional: remove default bottom margin on Bootstrap list groups inside the scroller */
.project-list-scrollable .list-group[b-cod5pool8r] {
    margin-bottom: 0;
}
/* _content/FrontEnd/Components/Views/Modal/TitleBlockModal.razor.rz.scp.css */
$delete-red: red;

.btn[b-9ztq0ik9gs] {
    display: flex;
    align-items: center;
    border: 1px solid lighten(gray, 24%);
    height: 48px;
    letter-spacing: .25px;
    border-radius: 24px;
    cursor: pointer;
    background-color:red;

}

.mdi[b-9ztq0ik9gs] {
    margin-right: 8px;
}
/* _content/FrontEnd/Components/Views/Navigation/RibbonBar.razor.rz.scp.css */
.test[b-sjvew22rtt] {
    background: rgb(219,231,246);
    background: linear-gradient(180deg, rgba(219,231,246,1) 0%, rgba(220,233,248,1) 25%, rgba(205,220,239,1) 50%, rgba(227,238,253,1) 75%, rgba(224,235,251,1) 85%, rgba(231,242,255,1) 93%, rgba(220,233,248,1) 100%);
    font-size: 12px;
    color: black;
    border-width: 0.5px;
    border-top: solid;
    border-color: rgba(0,0,0,0.15);
}


.menubtn[b-sjvew22rtt] {
    background: rgb(219,231,246);
    background: linear-gradient(180deg, rgba(219,231,246,1) 0%, rgba(220,233,248,1) 25%, rgba(205,220,239,1) 50%, rgba(227,238,253,1) 75%, rgba(224,235,251,1) 85%, rgba(231,242,255,1) 93%, rgba(220,233,248,1) 100%);
    border-radius: 5px 5px 0px 0px;
    padding-top: 5px;
    font-size: 12px;
    color: #4D4195;
    padding-bottom: 0px;
}

.bordenbtn[b-sjvew22rtt] {
    border-style: solid;
    border-width: 1px;
    border-radius: 10px 10px 0px 0px;
    border-bottom: none;
    margin-top: 25px;
    margin-left: 7px;
    border-color: rgba(0,0,0,0.15);
}
/* _content/FrontEnd/Components/Views/Navigation/TabControl.razor.rz.scp.css */
.test[b-n6hc4q8llf] {
    background: rgb(219,231,246);
    background: linear-gradient(180deg, rgba(219,231,246,1) 0%, rgba(220,233,248,1) 25%, rgba(205,220,239,1) 50%, rgba(227,238,253,1) 75%, rgba(224,235,251,1) 85%, rgba(231,242,255,1) 93%, rgba(220,233,248,1) 100%);
    font-size: 12px;
    color: black;
    border-width: 0.5px;
    border-top: solid;
    border-color: rgba(0,0,0,0.15);
}


.menubtn[b-n6hc4q8llf] {
    background: rgb(219,231,246);
    background: linear-gradient(180deg, rgba(219,231,246,1) 0%, rgba(220,233,248,1) 25%, rgba(205,220,239,1) 50%, rgba(227,238,253,1) 75%, rgba(224,235,251,1) 85%, rgba(231,242,255,1) 93%, rgba(220,233,248,1) 100%);
    border-radius: 5px 5px 0px 0px;
    padding-top: 5px;
    font-size: 12px;
    color: #4D4195;
    padding-bottom: 0px;
}

.bordenbtn[b-n6hc4q8llf] {
    border-style: solid;
    border-width: 1px;
    border-radius: 10px 10px 0px 0px;
    border-bottom: none;
    margin-top: 25px;
    margin-left: 7px;
    border-color: rgba(0,0,0,0.15);
}