/* /Dialogs/AddSubClientAccount.razor.rz.scp.css */
.account-dialog[b-crziuhk1wy] {
    min-width: 460px;
    color: #1f2937;
}

.account-dialog-header[b-crziuhk1wy] {
    margin-bottom: 18px;
    padding-bottom: 14px;
    border-bottom: 1px solid #e5edf6;
}

.account-dialog-header h2[b-crziuhk1wy] {
    margin: 0;
    font-size: 21px;
    font-weight: 800;
    letter-spacing: 0;
}

.account-dialog-header p[b-crziuhk1wy] {
    margin: 6px 0 0;
    color: #64748b;
    font-size: 13px;
}

.account-dialog-fields[b-crziuhk1wy] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.account-dialog-field label[b-crziuhk1wy] {
    display: block;
    margin-bottom: 6px;
    color: #334155;
    font-size: 13px;
    font-weight: 700;
}

.account-dialog-inline[b-crziuhk1wy] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 8px;
}

[b-crziuhk1wy] .account-dialog-input {
    width: 100%;
}

.account-dialog-hint[b-crziuhk1wy] {
    min-height: 18px;
    margin-top: 5px;
    color: #2f56a5;
    font-size: 12px;
}

.account-dialog-error[b-crziuhk1wy] {
    margin-top: 14px;
    padding: 10px 12px;
    border: 1px solid #fecaca;
    border-radius: 8px;
    background: #fff7f7;
    color: #b91c1c;
    font-size: 13px;
}

.account-dialog-actions[b-crziuhk1wy] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 20px;
}

[b-crziuhk1wy] .account-primary-button {
    min-width: 86px;
    border: 1px solid #2f56a5;
    background: #2f56a5;
    color: #ffffff;
}

[b-crziuhk1wy] .account-primary-button:hover {
    border-color: #244887;
    background: #244887;
    color: #ffffff;
}

[b-crziuhk1wy] .account-secondary-button {
    border: 1px solid #bfdbfe;
    background: #eff6ff;
    color: #244887;
}

[b-crziuhk1wy] .account-secondary-button:hover {
    border-color: #2f56a5;
    background: #dbeafe;
    color: #1e3a8a;
}

[b-crziuhk1wy] .account-light-button {
    min-width: 76px;
    border: 1px solid #dbe3ef;
    color: #475569;
}
/* /Dialogs/AddSubEngineAccount.razor.rz.scp.css */
.account-dialog[b-4uqq9khz5t] {
    min-width: 460px;
    color: #1f2937;
}

.account-dialog-header[b-4uqq9khz5t] {
    margin-bottom: 18px;
    padding-bottom: 14px;
    border-bottom: 1px solid #e5edf6;
}

.account-dialog-header h2[b-4uqq9khz5t] {
    margin: 0;
    font-size: 21px;
    font-weight: 800;
    letter-spacing: 0;
}

.account-dialog-header p[b-4uqq9khz5t] {
    margin: 6px 0 0;
    color: #64748b;
    font-size: 13px;
}

.account-dialog-fields[b-4uqq9khz5t] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.account-dialog-field label[b-4uqq9khz5t] {
    display: block;
    margin-bottom: 6px;
    color: #334155;
    font-size: 13px;
    font-weight: 700;
}

.account-dialog-inline[b-4uqq9khz5t] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 8px;
}

[b-4uqq9khz5t] .account-dialog-input {
    width: 100%;
}

.account-dialog-hint[b-4uqq9khz5t] {
    min-height: 18px;
    margin-top: 5px;
    color: #2f56a5;
    font-size: 12px;
}

.account-dialog-error[b-4uqq9khz5t] {
    margin-top: 14px;
    padding: 10px 12px;
    border: 1px solid #fecaca;
    border-radius: 8px;
    background: #fff7f7;
    color: #b91c1c;
    font-size: 13px;
}

.account-dialog-actions[b-4uqq9khz5t] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 20px;
}

[b-4uqq9khz5t] .account-primary-button {
    min-width: 86px;
    border: 1px solid #2f56a5;
    background: #2f56a5;
    color: #ffffff;
}

[b-4uqq9khz5t] .account-primary-button:hover {
    border-color: #244887;
    background: #244887;
    color: #ffffff;
}

[b-4uqq9khz5t] .account-secondary-button {
    border: 1px solid #bfdbfe;
    background: #eff6ff;
    color: #244887;
}

[b-4uqq9khz5t] .account-secondary-button:hover {
    border-color: #2f56a5;
    background: #dbeafe;
    color: #1e3a8a;
}

[b-4uqq9khz5t] .account-light-button {
    min-width: 76px;
    border: 1px solid #dbe3ef;
    color: #475569;
}
/* /Dialogs/RemoveSubClientAccount.razor.rz.scp.css */
.account-remove-dialog[b-kgbpcvpg9e] {
    min-width: 380px;
    color: #1f2937;
}

.account-remove-header[b-kgbpcvpg9e] {
    margin-bottom: 16px;
    padding-bottom: 14px;
    border-bottom: 1px solid #e5edf6;
}

.account-remove-header h2[b-kgbpcvpg9e] {
    margin: 0;
    font-size: 21px;
    font-weight: 800;
    letter-spacing: 0;
}

.account-remove-header p[b-kgbpcvpg9e] {
    margin: 6px 0 0;
    color: #64748b;
    font-size: 13px;
}

.account-remove-target[b-kgbpcvpg9e] {
    padding: 12px 14px;
    border: 1px solid #dbe3ef;
    border-radius: 8px;
    background: #f8fafc;
    color: #0f172a;
    font-size: 14px;
    font-weight: 700;
}

.account-remove-error[b-kgbpcvpg9e] {
    margin-top: 12px;
    padding: 10px 12px;
    border: 1px solid #fecaca;
    border-radius: 8px;
    background: #fff7f7;
    color: #b91c1c;
    font-size: 13px;
}

.account-remove-actions[b-kgbpcvpg9e] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 20px;
}

[b-kgbpcvpg9e] .account-danger-button {
    min-width: 76px;
    border: 1px solid #ef4444;
    background: #dc2626;
    color: #ffffff;
}

[b-kgbpcvpg9e] .account-danger-button:hover {
    border-color: #b91c1c;
    background: #b91c1c;
    color: #ffffff;
}

[b-kgbpcvpg9e] .account-light-button {
    min-width: 76px;
    border: 1px solid #dbe3ef;
    color: #475569;
}
/* /Dialogs/RemoveSubEngineAccount.razor.rz.scp.css */
.account-remove-dialog[b-duo0xwo7mu] {
    min-width: 380px;
    color: #1f2937;
}

.account-remove-header[b-duo0xwo7mu] {
    margin-bottom: 16px;
    padding-bottom: 14px;
    border-bottom: 1px solid #e5edf6;
}

.account-remove-header h2[b-duo0xwo7mu] {
    margin: 0;
    font-size: 21px;
    font-weight: 800;
    letter-spacing: 0;
}

.account-remove-header p[b-duo0xwo7mu] {
    margin: 6px 0 0;
    color: #64748b;
    font-size: 13px;
}

.account-remove-target[b-duo0xwo7mu] {
    padding: 12px 14px;
    border: 1px solid #dbe3ef;
    border-radius: 8px;
    background: #f8fafc;
    color: #0f172a;
    font-size: 14px;
    font-weight: 700;
}

.account-remove-error[b-duo0xwo7mu] {
    margin-top: 12px;
    padding: 10px 12px;
    border: 1px solid #fecaca;
    border-radius: 8px;
    background: #fff7f7;
    color: #b91c1c;
    font-size: 13px;
}

.account-remove-actions[b-duo0xwo7mu] {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 20px;
}

[b-duo0xwo7mu] .account-danger-button {
    min-width: 76px;
    border: 1px solid #ef4444;
    background: #dc2626;
    color: #ffffff;
}

[b-duo0xwo7mu] .account-danger-button:hover {
    border-color: #b91c1c;
    background: #b91c1c;
    color: #ffffff;
}

[b-duo0xwo7mu] .account-light-button {
    min-width: 76px;
    border: 1px solid #dbe3ef;
    color: #475569;
}
/* /Pages/ContactUSPage.razor.rz.scp.css */
.point_cursor[b-netgq1nia0] {
    cursor: pointer;
}
/* /Pages/DownloadPage.razor.rz.scp.css */
.point_cursor[b-af804srvww] {
    cursor: pointer;
}
/* /Pages/Index.razor.rz.scp.css */
*[b-jagbrh91mm] {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Noto Sans KR', sans-serif, 'Bebas Neue', cursive, 'Poppins', sans-serif;
}

.showcase[b-jagbrh91mm] {
    position: absolute;
    right: 0;
    width: 100%;
    min-height: 100vh;
    padding: 100px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #111;
    color: #fff;
    z-index: 2;
    transition: 0.5s;
}

    .showcase.active[b-jagbrh91mm] {
        right: 300px;
    }

    .showcase header[b-jagbrh91mm] {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        padding: 40px 100px;
        z-index: 1000;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

.logo[b-jagbrh91mm] {
    cursor: pointer;
}

.logo2[b-jagbrh91mm] {
    cursor: pointer;
    width: 100%;
    height: auto;
}

.toggle[b-jagbrh91mm] {
    position: relative;
    width: 60px;
    height: 60px;
    background: url("resource/menu.webp");
    background-repeat: no-repeat;
    background-size: 30px;
    background-position: center;
    cursor: pointer;
}

    .toggle.active[b-jagbrh91mm] {
        background: url("resource/close.webp");
        background-repeat: no-repeat;
        background-size: 25px;
        background-position: center;
    }

.showcase video[b-jagbrh91mm] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.5;
}

.overlay[b-jagbrh91mm] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(47,86,165,0.5);
}

.text[b-jagbrh91mm] {
    position: relative;
    z-index: 10;
}

    .text h2[b-jagbrh91mm] {
        font-size: 15em;
        line-height: 1em;
        letter-spacing: 0.05em;
        font-family: 'Bebas Neue', cursive;
        color: #e1f1ff;
    }

    .text h3[b-jagbrh91mm] {
        font-size: 6em;
        font-weight: 500;
        line-height: 1em;
        font-family: 'Poppins', sans-serif;
        color: #e1f1ff;
    }

    .text a[b-jagbrh91mm] {
        font-size: 1.5em;
        display: inline-block;
        background: #2f56a5;
        padding: 10px 30px;
        text-decoration: none;
        color: #e1f1ff;
        margin-top: 30px;
        text-transform: uppercase;
        letter-spacing: 2px;
        transition: 0.2s;
    }

        .text a:hover[b-jagbrh91mm] {
            letter-spacing: 6px;
            background: #e1f1ff;
            color: #2f56a5;
        }

.menu_main[b-jagbrh91mm] {
    position: absolute;
    top: 0;
    right: 0;
    width: 300px;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 8px;
    background: #2f56a5;
}

.menu_ul[b-jagbrh91mm] {
    position: relative;
    list-style: none;
}

.menu_ul_li_a[b-jagbrh91mm] {
    text-decoration: none;
    font-size: 24px;
    color: #e1f1ff;
}

.menu_ul_li_a:hover[b-jagbrh91mm] {
    color: #111;
}

@media(max-width: 891px) {
    .showcase[b-jagbrh91mm], .showcase header[b-jagbrh91mm] {
        padding: 40px;
    }

    .text h2[b-jagbrh91mm] {
        font-size: 10em;
    }

    .text h3[b-jagbrh91mm] {
        font-size: 4em;
    }

    .text a[b-jagbrh91mm] {
        font-size: 1em;
    }

    .logo2[b-jagbrh91mm] {
        width: 100%;
        height: auto;
    }
}

.btnuptop[b-jagbrh91mm] {
    position: fixed;
    width: 50px;
    height: 50px;
    background: #e1f1ff;
    bottom: 40px;
    right: 50px;
    text-decoration: none;
    text-align: center;
    line-height: 50px;
    color: #2f56a5;
    font-size: 18px;
}

@media (max-width:700px) {
    .btnuptop[b-jagbrh91mm] {
        width: 30px;
        height: 30px;
        bottom: 15px;
        right: 24px;
        line-height: 30px;
        font-size: 12px;
    }

    .logo2[b-jagbrh91mm] {
        width: auto;
        height: auto;
    }
}

@media (max-width: 400px) {
    .text h2[b-jagbrh91mm] {
        font-size: 8em;
    }

    .text h3[b-jagbrh91mm] {
        font-size: 3em;
    }

    .text a[b-jagbrh91mm] {
        font-size: 1em;
    }

    .logo2[b-jagbrh91mm] {
        width: auto;
        height: 50%;
    }
}
/* /Pages/IntroductionPage.razor.rz.scp.css */
html[b-ef7kt88663] {
    scroll-behavior: smooth;
}

*[b-ef7kt88663] {
    margin: 0;
    padding: 0;
    font-family: 'Noto Sans KR', sans-serif, 'Bebas Neue', cursive, 'Poppins', sans-serif;
}

.point_cursor[b-ef7kt88663] {
    cursor: pointer;
}

.header[b-ef7kt88663] {
    min-height: 100vh;
    width: 100%;
    background-image: linear-gradient(rgba(4,9,30,0.7),rgba(4,9,30,0.7)), url("resource/HEADER-5.webp");
    background-position: center;
    background-size: cover;
    position: relative;
}

nav[b-ef7kt88663] {
    display: flex;
    padding: 2% 6%;
    justify-content: space-between;
    align-items: center;
}

    nav img[b-ef7kt88663] {
        width: 150px;
        height: auto;
    }

.nav-links[b-ef7kt88663] {
    flex: 1;
    text-align: right;
}

    .nav-links ul li[b-ef7kt88663] {
        list-style: none;
        display: inline-block;
        padding: 8px 12px;
        position: relative;
    }

        .nav-links ul li a[b-ef7kt88663] {
            color: #e2f0fb;
            text-decoration: none;
            font-size: 13px;
        }

        .nav-links ul li[b-ef7kt88663]::after {
            content: '';
            width: 0%;
            height: 2px;
            background: #e2f0fb;
            display: block;
            margin: auto;
            transition: 0.5s;
        }

        .nav-links ul li:hover[b-ef7kt88663]::after {
            width: 100%;
        }


.logo[b-ef7kt88663] {
    width: 90%;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
}


.text-box[b-ef7kt88663] {
    width: 90%;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
}

    .text-box h1[b-ef7kt88663] {
        font-size: 200px;
        font-family: 'Bebas Neue';
        letter-spacing: 0.2rem;
        margin-bottom: -60px;
        color: #fff;
    }

    .text-box h2[b-ef7kt88663] {
        font-size: 70px;
        font-family: 'Poppins';
        font-weight: 800;
        letter-spacing: 0.2rem;
        margin: 0px 0 10px;
        margin-bottom: -10px;
    }

    .text-box p[b-ef7kt88663] {
        font-size: 21px;
        font-family: 'Noto Sans KR';
        font-weight: 200;
        letter-spacing: 0.2rem;
        margin-bottom: 40px;
        color: #fff;
    }

.hero-btn[b-ef7kt88663] {
    display: inline-block;
    text-decoration: none;
    color: #fff;
    border: 1px solid #fff;
    padding: 12px 34px;
    font-size: 13px;
    background: transparent;
    position: relative;
    cursor: pointer;
}

    .hero-btn:hover[b-ef7kt88663] {
        border: 1px solid #2f56a5;
        background: #2f56a5;
        transition: 1s;
        color: #e2f0fb;
    }

nav .fa[b-ef7kt88663] {
    display: none;
}

.btnuptop[b-ef7kt88663] {
    position: fixed;
    width: 50px;
    height: 50px;
    background: #e1f1ff;
    bottom: 40px;
    right: 50px;
    text-decoration: none;
    text-align: center;
    line-height: 50px;
    color: #2f56a5;
    font-size: 18px;
}

@media (max-width: 700px) {
    .btnuptop[b-ef7kt88663] {
        width: 30px;
        height: 30px;
        bottom: 15px;
        right: 24px;
        line-height: 30px;
        font-size: 12px;
    }

    .text-box h1[b-ef7kt88663] {
        font-size: 150px;
        margin-bottom: -40px;
    }

    .text-box h2[b-ef7kt88663] {
        font-size: 50px;
    }

    .text-box p[b-ef7kt88663] {
        font-size: 13.5px;
    }

    .text-box h1 img[b-ef7kt88663] {
        width: 120px;
        margin-top: 20px;
        height: auto;
    }

    .nav-links ul li[b-ef7kt88663] {
        display: block;
    }

    .nav-links[b-ef7kt88663] {
        position: absolute;
        background: #2f56a5;
        color: #e2f0fb;
        height: 100vh;
        width: 200px;
        top: 0;
        right: -200px;
        text-align: left;
        z-index: 2;
        transition: 1s;
    }

    nav .fa[b-ef7kt88663] {
        display: block;
        color: #e2f0fb;
        margin: 10px;
        font-size: 22px;
        cursor: pointer;
    }

    .fa-arrow-up[b-ef7kt88663] {
        font-weight: 900;
        font-family: "Font Awesome 5 Free";
    }

    .nav-links ul[b-ef7kt88663] {
        padding: 30px;
    }
}

@media (max-width: 400px) {
    .text-box h1[b-ef7kt88663] {
        font-size: 110px;
        margin-bottom: -40px;
    }

    .text-box h2[b-ef7kt88663] {
        font-size: 35px;
    }

    .text-box p[b-ef7kt88663] {
        font-size: 10px;
    }

    nav img[b-ef7kt88663] {
        width: 120px;
        margin-top: 20px;
        height: auto;
    }
}

/* -- Introduction --*/
#introduction[b-ef7kt88663] {
    width: 80%;
    margin: auto;
    text-align: center;
    padding-top: 100px;
}

h1[b-ef7kt88663] {
    font-size: 36px;
    font-weight: 600;
    font-family: 'Poppins';
    color: #2f56a5;
}

p[b-ef7kt88663] {
    color: #777;
    font-size: 14px;
    font-weight: 300;
    line-height: 22px;
    padding: 10px;
}

.row[b-ef7kt88663] {
    margin-top: 5%;
    display: flex;
    justify-content: space-between;
}

.course-col[b-ef7kt88663] {
    flex-basis: 31%;
    background: #e2f0fb;
    border-radius: 10px;
    margin-bottom: 5%;
    padding: 20px 12px;
    box-sizing: border-box;
    transition: 0.5s;
}

h3[b-ef7kt88663] {
    text-align: center;
    font-weight: 600;
    margin: 10px 0;
    color: #2f56a5;
}

.course-col:hover[b-ef7kt88663] {
    box-shadow: 0 0 20px 0px rgba(0,0,0,0.2);
}

@media (max-width: 700px) {
    .row[b-ef7kt88663] {
        flex-direction: column;
    }
}

/* -- Download and User Guide --*/
#download[b-ef7kt88663] {
    width: 80%;
    margin: auto;
    text-align: center;
    padding-top: 50px;
}

.campus-col[b-ef7kt88663] {
    flex-basis: 32%;
    border-radius: 10px;
    margin-bottom: 30px;
    position: relative;
    overflow: hidden;
}

    .campus-col img[b-ef7kt88663] {
        width: 100%;
        height: auto;
    }

.layer[b-ef7kt88663] {
    background: transparent;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: 0.5s;
}

    .layer:hover[b-ef7kt88663] {
        background: rgba(47,86,165,0.7);
    }

    .layer h3[b-ef7kt88663] {
        width: 100%;
        font-weight: 500px;
        color: #e2f0fb;
        font-size: 55px;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        position: absolute;
        opacity: 0;
        transition: 0.5s;
        font-family: 'Poppins';
    }

    .layer:hover h3[b-ef7kt88663] {
        bottom: 49%;
        opacity: 1;
    }

@media (max-width: 700px) {
    .layer h3[b-ef7kt88663] {
        font-size: 40px;
    }
}

/* -- About Us --*/
#aboutus[b-ef7kt88663] {
    width: 80%;
    margin: auto;
    text-align: center;
    padding-top: 100px;
}

.facilities-col[b-ef7kt88663] {
    flex-basis: 31%;
    border-radius: 10px;
    margin-bottom: 5%;
    text-align: left;
}

    .facilities-col img[b-ef7kt88663] {
        width: 100%;
        height: auto;
        border-radius: 10px;
    }

    .facilities-col p[b-ef7kt88663] {
        padding: 0;
        margin-bottom: 10px;
    }

    .facilities-col h3[b-ef7kt88663] {
        margin-top: 16px;
        margin-bottom: 15px;
        text-align: left;
    }

    .facilities-col a[b-ef7kt88663] {
        font-size: 12px;
        text-decoration: none;
        color: #2f56a5;
        font-weight: 600;
    }

    .facilities-col:hover a[b-ef7kt88663] {
        color: #e2f0fb;
    }

/* -- Contact Us --*/

#contactus[b-ef7kt88663] {
    margin: 100px auto;
    width: 80%;
    background-image: linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.7)),url("resource/contactus.webp");
    background-position: center;
    background-size: cover;
    border-radius: 10px;
    text-align: center;
    padding: 100px 0;
}

    #contactus h1[b-ef7kt88663] {
        color: #fff;
        margin-bottom: 40px;
        padding: 0;
    }

@media (max-width: 700px) {
    #contactus h1[b-ef7kt88663] {
        font-size: 20px;
    }
}

/* -- Footer --*/

#footer[b-ef7kt88663] {
    width: 100%;
    text-align: center;
    padding: 10px 0;
    background: #2f56a5;
}

    #footer p[b-ef7kt88663] {
        margin-bottom: 25px;
        margin-top: 20px;
        font-weight: 300;
        color: #e2f0fb;
    }

/* -- Download Page --*/

.sub-header[b-ef7kt88663] {
    height: 50vh;
    width: 100%;
    background-image: linear-gradient(rgba(4,9,30,0.7),rgba(4,9,30,0.7)),url("resource/download.webp");
    background-position: center;
    background-size: cover;
    text-align: center;
    color: #fff;
}

    .sub-header h1[b-ef7kt88663] {
        margin-top: 100px;
        color: #fff;
    }

#down[b-ef7kt88663] {
    width: 80%;
    margin: auto;
    padding-top: 0px;
    padding-bottom: 50px;
}

.about-col[b-ef7kt88663] {
    flex-basis: 42%;
    padding: 30px 2px;
}

    .about-col img[b-ef7kt88663] {
        width: 100%;
        height: auto;
    }

    .about-col h1[b-ef7kt88663] {
        padding-top: 0;
        font-size: 50px;
        color: #2f56a5;
    }

    .about-col h2[b-ef7kt88663] {
        padding: 10px 0 25px;
        text-align: justify;
        font-size: 30px;
        font-weight: 400
    }

    .about-col p[b-ef7kt88663] {
        padding: 8px 0 25px;
        text-align: justify;
        width: 72%;
    }

.green-btn[b-ef7kt88663] {
    border: 1px solid #2f56a5;
    background: transparent;
    color: #2f56a5;
    font-size: 30px;
    font-weight: 700;
}

    .green-btn:hover[b-ef7kt88663] {
        color: #e2f0fb;
    }

@media (max-width: 700px) {
    .about-col h1[b-ef7kt88663] {
        font-size: 28px;
    }

    .about-col h2[b-ef7kt88663] {
        font-size: 16px;
    }

    .about-col p[b-ef7kt88663] {
        padding: 8px 0 25px;
        text-align: justify;
        width: 76%;
    }
}

/* -- User Guide Page --*/

.pro-header[b-ef7kt88663] {
    height: 50vh;
    width: 100%;
    background-image: linear-gradient(rgba(4,9,30,0.7),rgba(4,9,30,0.7)),url("resource/introduction.webp");
    background-position: center;
    background-size: cover;
    text-align: center;
    color: #fff;
}

    .pro-header h1[b-ef7kt88663] {
        margin-top: 100px;
        color: #fff;
    }

#user[b-ef7kt88663] {
    width: 80%;
    margin: auto;
    padding-top: 0px;
    padding-bottom: 50px;
}

.user-col[b-ef7kt88663] {
    flex-basis: 42%;
    padding: 30px 2px;
}

    .user-col video[b-ef7kt88663] {
        width: 100%;
        height: auto;
    }

    .user-col h1[b-ef7kt88663] {
        padding-top: 0;
        font-size: 30px;
        color: #2f56a5;
    }

    .user-col h2[b-ef7kt88663] {
        padding: 10px 0 25px;
        text-align: justify;
        font-size: 20px;
        color: #2f56a5;
    }

    .user-col .far[b-ef7kt88663] {
        color: #333;
        padding: 10px 50px 10px 0px;
    }

    .user-col h3[b-ef7kt88663] {
        padding: 10px 0 10px;
        text-align: justify;
        font-size: 14px;
        font-weight: 300;
        color: #000;
    }

    .user-col p[b-ef7kt88663] {
        padding: 8px 0 25px;
        text-align: justify;
    }

#shop[b-ef7kt88663] {
    width: 80%;
    margin: auto;
    text-align: center;
    padding-top: 100px;
}

.shop-col[b-ef7kt88663] {
    flex-basis: 22%;
    border-radius: 10px;
    margin-bottom: 5%;
    text-align: left;
}

    .shop-col img[b-ef7kt88663] {
        width: 100%;
        height: auto;
        border-radius: 10px;
    }

    .shop-col p[b-ef7kt88663] {
        padding: 0;
        margin-bottom: 10px;
    }

    .shop-col h3[b-ef7kt88663] {
        margin-top: 16px;
        margin-bottom: 15px;
        text-align: left;
    }

    .shop-col a[b-ef7kt88663] {
        font-size: 12px;
        text-decoration: none;
        color: #2f56a5;
        font-weight: 600;
    }

    .shop-col:hover a[b-ef7kt88663] {
        color: #e2f0fb;
    }
/* /Pages/LoginPage.razor.rz.scp.css */
.point_cursor[b-advlp5n1s5] {
    cursor: pointer;
}
/* /Pages/MainBodyComponents/SubAccountManager.razor.rz.scp.css */
.account-manager-page[b-hirpllgswe] {
    width: min(1180px, calc(100vw - 340px));
    margin: 32px auto;
    color: #1f2937;
}

.account-manager-header[b-hirpllgswe] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 20px;
}

.account-manager-header h1[b-hirpllgswe] {
    margin: 0;
    font-size: 28px;
    font-weight: 800;
    letter-spacing: 0;
}

.account-manager-header p[b-hirpllgswe] {
    margin: 8px 0 0;
    color: #64748b;
    font-size: 14px;
}

.account-message[b-hirpllgswe] {
    margin-bottom: 14px;
    padding: 12px 14px;
    border: 1px solid #bfdbfe;
    border-radius: 8px;
    background: #eff6ff;
    color: #1d4ed8;
    font-size: 14px;
}

.account-section-grid[b-hirpllgswe] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 18px;
}

.account-section[b-hirpllgswe] {
    border: 1px solid #dbe3ef;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06);
    overflow: hidden;
}

.account-section-header[b-hirpllgswe] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 18px 20px;
    border-bottom: 1px solid #e5edf6;
    background: #f8fafc;
}

.account-section-header h2[b-hirpllgswe] {
    margin: 0;
    font-size: 19px;
    font-weight: 800;
    letter-spacing: 0;
}

.account-section-header p[b-hirpllgswe] {
    margin: 6px 0 0;
    color: #64748b;
    font-size: 13px;
}

[b-hirpllgswe] .account-primary-button {
    border: 1px solid #2f56a5;
    background: #2f56a5;
    color: #ffffff;
    box-shadow: 0 8px 18px rgba(47, 86, 165, 0.18);
}

[b-hirpllgswe] .account-primary-button:hover {
    border-color: #244887;
    background: #244887;
    color: #ffffff;
}

[b-hirpllgswe] .account-danger-button {
    border: 1px solid #fecaca;
    background: #fff7f7;
    color: #b91c1c;
}

[b-hirpllgswe] .account-danger-button:hover {
    border-color: #ef4444;
    background: #fee2e2;
    color: #991b1b;
}

.account-empty[b-hirpllgswe] {
    padding: 34px 20px;
    color: #64748b;
    text-align: center;
    font-size: 14px;
}

.account-table[b-hirpllgswe] {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

.account-table th[b-hirpllgswe] {
    padding: 12px 14px;
    border-bottom: 1px solid #e5edf6;
    color: #475569;
    background: #ffffff;
    font-size: 13px;
    font-weight: 700;
    text-align: left;
}

.account-table td[b-hirpllgswe] {
    padding: 14px;
    border-bottom: 1px solid #edf2f7;
    color: #334155;
    font-size: 14px;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.account-table tr:last-child td[b-hirpllgswe] {
    border-bottom: 0;
}

.account-id[b-hirpllgswe] {
    color: #0f172a;
    font-weight: 700;
}

.account-state[b-hirpllgswe] {
    display: inline-flex;
    align-items: center;
    min-width: 74px;
    justify-content: center;
    padding: 4px 8px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 700;
}

.account-state.active[b-hirpllgswe] {
    background: #dcfce7;
    color: #166534;
}

.account-state.inactive[b-hirpllgswe] {
    background: #fee2e2;
    color: #991b1b;
}

.account-action-column[b-hirpllgswe] {
    width: 92px;
    text-align: center;
}

@media (max-width: 1024px) {
    .account-manager-page[b-hirpllgswe] {
        width: calc(100vw - 32px);
        margin: 92px auto 24px;
    }

    .account-section-header[b-hirpllgswe] {
        align-items: flex-start;
        flex-direction: column;
    }
}
/* /Pages/PublicDocuments/PublicDocumentRenderer.razor.rz.scp.css */
.book[b-lm788p3wgj] {
    position: relative;
    z-index: 0;
}

.page[b-lm788p3wgj] {
    position: relative;
    isolation: isolate;
    width: 21cm;
    height: 29.7cm;
    min-height: 29.7cm;
    padding-top: 1cm;
    padding-right: 0.5cm;
    padding-bottom: 1cm;
    padding-left: 0.5cm;
    margin: 0 auto;
    border: 1px #d3d3d3 solid;
    border-radius: 5px;
    background: #ffffff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    color: #000000;
    font: 12pt Tahoma, "Malgun Gothic", Arial, sans-serif;
    z-index: 1;
}

.page > :not(.watermark)[b-lm788p3wgj] {
    position: relative;
    z-index: 1;
}

.page > .bottom_info[b-lm788p3wgj] {
    position: absolute;
    z-index: 1;
}

table[b-lm788p3wgj] {
    width: 100%;
    border-collapse: collapse;
}

thead[b-lm788p3wgj] {
    border-bottom: 1px solid #000000;
}

tfoot[b-lm788p3wgj] {
    border-top: 1px solid #000000;
    text-decoration: underline;
}

.smail_text[b-lm788p3wgj] {
    font-size: 10px;
}

.under_line[b-lm788p3wgj] {
    text-decoration: underline;
}

.header_title[b-lm788p3wgj] {
    position: relative;
    padding-top: 0.7cm;
    padding-bottom: 1cm;
    text-align: center;
    font-size: 25px;
    font-weight: bold;
}

.relatvie_text[b-lm788p3wgj] {
    position: relative;
    display: flex;
    justify-content: space-between;
}

.kinfo[b-lm788p3wgj] {
    max-width: 11cm;
    text-align: right;
}

.info[b-lm788p3wgj] {
    position: relative;
    display: flex;
    justify-content: space-between;
    padding-right: 0.5cm;
    padding-bottom: 1cm;
    text-decoration: underline;
    font-size: 18px;
    font-weight: bold;
}

.right_align[b-lm788p3wgj] {
    padding-bottom: 1cm;
    text-align: right;
}

.center_align[b-lm788p3wgj] {
    text-align: center;
}

.table_num_align[b-lm788p3wgj] {
    text-align: right;
}

.padding-top-bottom[b-lm788p3wgj] {
    padding-top: 0.2cm;
    padding-bottom: 0.2cm;
}

.table_index_align[b-lm788p3wgj] {
    text-align: center;
}

.table_text_align[b-lm788p3wgj] {
    text-align: center;
}

th[b-lm788p3wgj],
td[b-lm788p3wgj] {
    font-size: 12px;
}

.bottom_info[b-lm788p3wgj] {
    position: absolute;
    right: 0.5cm;
    bottom: 0.5cm;
    left: 0.5cm;
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #000000;
}

.watermark[b-lm788p3wgj] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 0;
    opacity: 1;
    pointer-events: none;
}

.watermark img[b-lm788p3wgj] {
    display: block;
    width: 140mm;
    max-width: none;
}

.document-separator[b-lm788p3wgj] {
    overflow: hidden;
    white-space: nowrap;
}

.sign-blonk[b-lm788p3wgj] {
    position: relative;
}

.right_align img[b-lm788p3wgj] {
    position: absolute;
    top: 0;
    right: 0;
    width: 200px;
    height: 100px;
    object-fit: contain;
    transform: translate(0, -40%);
}

@media screen and (max-width: 768px) {
    .page[b-lm788p3wgj] {
        width: 100%;
        min-height: auto;
        aspect-ratio: 21 / 29.7;
        padding-top: 2px;
        padding-right: 1px;
        padding-bottom: 2px;
        padding-left: 1px;
        border-radius: 1px;
        box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
        font: 8pt Tahoma, "Malgun Gothic", Arial, sans-serif;
    }

    .smail_text[b-lm788p3wgj] {
        font-size: 5px;
    }

    .header_title[b-lm788p3wgj] {
        padding-top: 0.7cm;
        padding-bottom: 1cm;
        font-size: 15px;
    }

    .info[b-lm788p3wgj] {
        padding-right: 1px;
        padding-bottom: 2px;
        font-size: 10px;
    }

    .right-align[b-lm788p3wgj] {
        margin-right: 5px;
        text-align: right;
    }

    .left-align[b-lm788p3wgj] {
        margin-left: 5px;
    }

    .right_align[b-lm788p3wgj] {
        padding-bottom: 1cm;
    }

    .right_align img[b-lm788p3wgj] {
        width: 100px;
        height: 50px;
        transform: translate(0, -30%);
    }

    .table_num_align[b-lm788p3wgj] {
        font-size: 5px;
    }

    .table_index_align[b-lm788p3wgj] {
        font-size: 5px;
    }

    .table_text_align[b-lm788p3wgj] {
        font-size: 5px;
    }

    th[b-lm788p3wgj],
    td[b-lm788p3wgj] {
        font-size: 5px;
    }

    .padding-top-bottom[b-lm788p3wgj] {
        padding-top: 1px;
        padding-bottom: 1px;
    }

    .bottom_info[b-lm788p3wgj] {
        right: 0.5cm;
        bottom: 0.5cm;
        left: 0.5cm;
        font-size: 5px;
    }

    .watermark[b-lm788p3wgj] {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .watermark img[b-lm788p3wgj] {
        width: 61%;
        max-width: none;
    }

    .force-a4-layout .page[b-lm788p3wgj] {
        width: 21cm;
        height: 29.7cm;
        min-height: 29.7cm;
        padding-top: 1cm;
        padding-right: 0.5cm;
        padding-bottom: 1cm;
        padding-left: 0.5cm;
        border-radius: 5px;
        font: 12pt Tahoma, "Malgun Gothic", Arial, sans-serif;
    }

    .force-a4-layout .smail_text[b-lm788p3wgj] {
        font-size: 10px;
    }

    .force-a4-layout .header_title[b-lm788p3wgj] {
        padding-top: 0.7cm;
        padding-bottom: 1cm;
        font-size: 25px;
    }

    .force-a4-layout .info[b-lm788p3wgj] {
        padding-right: 0.5cm;
        padding-bottom: 1cm;
        font-size: 18px;
    }

    .force-a4-layout .right_align[b-lm788p3wgj] {
        padding-bottom: 1cm;
    }

    .force-a4-layout .right_align img[b-lm788p3wgj] {
        width: 200px;
        height: 100px;
        transform: translate(0, -40%);
    }

    .force-a4-layout .table_num_align[b-lm788p3wgj],
    .force-a4-layout .table_index_align[b-lm788p3wgj],
    .force-a4-layout .table_text_align[b-lm788p3wgj],
    .force-a4-layout th[b-lm788p3wgj],
    .force-a4-layout td[b-lm788p3wgj] {
        font-size: 12px;
    }

    .force-a4-layout .padding-top-bottom[b-lm788p3wgj] {
        padding-top: 0.2cm;
        padding-bottom: 0.2cm;
    }

    .force-a4-layout .bottom_info[b-lm788p3wgj] {
        right: 0.5cm;
        bottom: 0.5cm;
        left: 0.5cm;
        font-size: 12pt;
    }

    .force-a4-layout .watermark img[b-lm788p3wgj] {
        width: 140mm;
        max-width: none;
    }
}

@page {
    size: A4;
    margin: 0;
}

@media print {
    .page[b-lm788p3wgj] {
        position: relative;
        width: 21cm;
        height: 29.7cm;
        min-height: 29.7cm;
        padding-top: 1cm;
        padding-right: 0.5cm;
        padding-bottom: 1cm;
        padding-left: 0.5cm;
        margin: 0 auto;
        border: 1px #d3d3d3 solid;
        border-radius: 5px;
        background: #ffffff;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
        z-index: 1;
        overflow: hidden;
        page-break-after: always;
    }

    .watermark[b-lm788p3wgj] {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 0;
        opacity: 1;
        pointer-events: none;
    }

    .watermark img[b-lm788p3wgj] {
        display: block;
        width: 140mm;
        max-width: none;
    }
}
/* /Pages/PublicDocuments/PublicDocumentTable.razor.rz.scp.css */
table[b-a1zvfw5gft] {
    width: 100%;
    border-collapse: collapse;
}

thead[b-a1zvfw5gft] {
    border-bottom: 1px solid #000000;
}

tfoot[b-a1zvfw5gft] {
    border-top: 1px solid #000000;
    text-decoration: underline;
}

th[b-a1zvfw5gft],
td[b-a1zvfw5gft] {
    font-size: 12px;
}

.table_num_align[b-a1zvfw5gft] {
    text-align: right;
}

.table_index_align[b-a1zvfw5gft] {
    text-align: center;
}

.table_text_align[b-a1zvfw5gft] {
    text-align: center;
}

@media screen and (max-width: 768px) {
    th[b-a1zvfw5gft],
    td[b-a1zvfw5gft],
    .table_num_align[b-a1zvfw5gft],
    .table_index_align[b-a1zvfw5gft],
    .table_text_align[b-a1zvfw5gft] {
        font-size: 5px;
    }

    .force-a4-table th[b-a1zvfw5gft],
    .force-a4-table td[b-a1zvfw5gft],
    .force-a4-table .table_num_align[b-a1zvfw5gft],
    .force-a4-table .table_index_align[b-a1zvfw5gft],
    .force-a4-table .table_text_align[b-a1zvfw5gft] {
        font-size: 12px;
    }
}
/* /Pages/PublicDocuments/PublicDocumentViewPage.razor.rz.scp.css */
.view-shell[b-t1phq1hy61] {
    max-width: 980px;
    margin: 0 auto;
    padding: 18px 12px 42px;
}

.view-toolbar[b-t1phq1hy61] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 14px;
}

.view-toolbar span[b-t1phq1hy61] {
    color: #35648f;
    font-size: 13px;
    font-weight: 800;
}

.view-toolbar h1[b-t1phq1hy61] {
    margin: 2px 0 0;
    color: #17212b;
    font-size: 24px;
    font-weight: 800;
}

.print-button[b-t1phq1hy61] {
    min-height: 38px;
    padding: 7px 16px;
    border: 1px solid #135fae;
    border-radius: 8px;
    background: #135fae;
    color: #ffffff;
    font-weight: 800;
}

.state-panel[b-t1phq1hy61] {
    margin: 14px auto;
    padding: 14px 16px;
    background: #ffffff;
    border: 1px solid #d8e0e8;
    border-radius: 8px;
    color: #314253;
    font-weight: 700;
}

.state-panel.error[b-t1phq1hy61] {
    color: #a4281f;
}

@page {
    size: A4 portrait;
    margin: 10mm;
}

@media print {
    .view-shell[b-t1phq1hy61] {
        width: 210mm;
        max-width: none;
        margin: 0;
        padding: 0;
    }

    .print-surface[b-t1phq1hy61] {
        position: absolute;
        top: 0;
        left: 0;
        width: 210mm;
        margin: 0;
        padding: 0;
    }

    .no-print[b-t1phq1hy61] {
        display: none !important;
    }
}
/* /Pages/PublicDocuments/PublicMobileDocumentRenderer.razor.rz.scp.css */
.mobile-document[b-oe8wit06f2] {
    display: grid;
    gap: 12px;
}

.mobile-title-block[b-oe8wit06f2] {
    margin: 0 12px;
    padding: 16px 14px;
    background: #ffffff;
    border: 1px solid #d8e0e8;
    border-radius: 8px;
}

.mobile-title-block p[b-oe8wit06f2] {
    margin: 0 0 6px;
    color: #667789;
    font-size: 12px;
    font-weight: 700;
}

.mobile-title-block h2[b-oe8wit06f2] {
    margin: 0;
    color: #17212b;
    font-size: 26px;
    font-weight: 900;
}

.mobile-title-block strong[b-oe8wit06f2] {
    display: block;
    margin-top: 5px;
    color: #35648f;
    font-size: 15px;
    font-weight: 800;
}

.mobile-info-card[b-oe8wit06f2],
.mobile-rows[b-oe8wit06f2],
.mobile-signed-card[b-oe8wit06f2] {
    margin: 0 12px;
    padding: 14px;
    background: #ffffff;
    border: 1px solid #d8e0e8;
    border-radius: 8px;
}

.mobile-info-card h3[b-oe8wit06f2],
.mobile-rows h3[b-oe8wit06f2],
.mobile-signed-card h3[b-oe8wit06f2] {
    margin: 0 0 10px;
    color: #17212b;
    font-size: 17px;
    font-weight: 900;
}

.mobile-info-row[b-oe8wit06f2] {
    display: grid;
    grid-template-columns: 86px minmax(0, 1fr);
    gap: 10px;
    padding: 8px 0;
    border-top: 1px solid #eef2f6;
}

.mobile-info-row:first-of-type[b-oe8wit06f2] {
    border-top: 0;
}

.mobile-info-row span[b-oe8wit06f2],
.mobile-row-cell span[b-oe8wit06f2] {
    color: #687789;
    font-size: 12px;
    font-weight: 800;
}

.mobile-info-row strong[b-oe8wit06f2],
.mobile-row-cell strong[b-oe8wit06f2] {
    min-width: 0;
    color: #1d2b38;
    font-size: 14px;
    font-weight: 800;
    overflow-wrap: anywhere;
}

.mobile-notice[b-oe8wit06f2] {
    margin: 0 12px;
    padding: 11px 12px;
    background: #f7fafc;
    border: 1px solid #d8e0e8;
    border-radius: 8px;
    color: #516070;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.55;
}

.mobile-rows[b-oe8wit06f2] {
    display: grid;
    gap: 6px;
}

.mobile-row-card[b-oe8wit06f2] {
    display: grid;
    gap: 6px;
    padding: 8px 10px;
    background: #fbfdff;
    border: 1px solid #e0e7ef;
    border-radius: 6px;
}

.mobile-row-card.total[b-oe8wit06f2] {
    background: #f2f7fc;
    border-color: #bfd3e8;
}

.mobile-row-summary[b-oe8wit06f2] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 5px 8px;
}

.mobile-row-cell[b-oe8wit06f2] {
    min-width: 0;
}

.mobile-row-cell strong[b-oe8wit06f2] {
    display: block;
    margin-top: 1px;
    font-size: 14px;
}

.mobile-media-actions[b-oe8wit06f2] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    padding-top: 8px;
    border-top: 1px solid #e5edf4;
}

.mobile-media-actions button[b-oe8wit06f2] {
    min-height: 38px;
    padding: 7px 10px;
    border: 1px solid #6d8297;
    border-radius: 6px;
    background: #ffffff;
    color: #24435f;
    font-size: 13px;
    font-weight: 800;
    cursor: pointer;
}

.mobile-media-actions button:hover[b-oe8wit06f2] {
    background: #edf4fa;
    border-color: #3f6689;
}

.media-dialog-backdrop[b-oe8wit06f2] {
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: grid;
    place-items: center;
    padding: 16px;
    background: rgba(20, 28, 36, 0.68);
}

.media-dialog[b-oe8wit06f2] {
    width: min(1320px, 100%);
    max-height: calc(100vh - 32px);
    overflow: auto;
    background: #ffffff;
    border: 1px solid #bac5cf;
    border-radius: 8px;
    box-shadow: 0 18px 52px rgba(0, 0, 0, 0.28);
}

.media-dialog-header[b-oe8wit06f2] {
    position: sticky;
    top: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 16px;
    background: #ffffff;
    border-bottom: 1px solid #d8e0e8;
}

.media-dialog-header h3[b-oe8wit06f2] {
    margin: 0;
    color: #17212b;
    font-size: 18px;
    font-weight: 900;
}

.media-dialog-header button[b-oe8wit06f2] {
    min-width: 58px;
    min-height: 36px;
    padding: 6px 10px;
    border: 1px solid #83909c;
    border-radius: 6px;
    background: #ffffff;
    color: #263746;
    font-size: 13px;
    font-weight: 800;
    cursor: pointer;
}

.media-dialog-state[b-oe8wit06f2] {
    padding: 36px 18px;
    color: #4f6070;
    font-size: 14px;
    font-weight: 800;
    text-align: center;
}

.media-dialog-state.error[b-oe8wit06f2] {
    color: #a12f2f;
}

.media-object-grid[b-oe8wit06f2] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
    padding: 16px;
}

.media-object-item[b-oe8wit06f2] {
    min-width: 0;
    overflow: hidden;
    background: #f7f9fb;
    border: 1px solid #d5dee7;
    border-radius: 6px;
}

.media-image-button[b-oe8wit06f2] {
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden;
    background: #101418;
    border: 0;
    cursor: zoom-in;
}

.media-image-button img[b-oe8wit06f2],
.media-object-item video[b-oe8wit06f2] {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    max-height: 76vh;
    background: #101418;
    object-fit: contain;
}

.media-object-caption[b-oe8wit06f2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    min-height: 38px;
    padding: 8px 10px;
}

.media-object-caption strong[b-oe8wit06f2] {
    color: #263746;
    font-size: 13px;
    font-weight: 900;
}

.media-object-caption span[b-oe8wit06f2] {
    min-width: 0;
    overflow: hidden;
    color: #6a7887;
    font-size: 11px;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.image-preview-backdrop[b-oe8wit06f2] {
    position: fixed;
    inset: 0;
    z-index: 1100;
    display: grid;
    padding: 16px;
    background: rgba(5, 9, 13, 0.94);
}

.image-preview[b-oe8wit06f2] {
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    min-width: 0;
    min-height: 0;
}

.image-preview-header[b-oe8wit06f2] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 48px;
    color: #ffffff;
}

.image-preview-header strong[b-oe8wit06f2] {
    font-size: 16px;
    font-weight: 900;
}

.image-preview-header span[b-oe8wit06f2] {
    min-width: 0;
    overflow: hidden;
    color: #b9c5cf;
    font-size: 13px;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.image-preview-header button[b-oe8wit06f2] {
    min-width: 58px;
    min-height: 36px;
    margin-left: auto;
    padding: 6px 10px;
    border: 1px solid #8e9aa5;
    border-radius: 6px;
    background: transparent;
    color: #ffffff;
    font-size: 13px;
    font-weight: 800;
    cursor: pointer;
}

.image-preview-body[b-oe8wit06f2] {
    display: grid;
    min-width: 0;
    min-height: 0;
    place-items: center;
}

.image-preview-body img[b-oe8wit06f2] {
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%;
    object-fit: contain;
}

.mobile-row-details[b-oe8wit06f2] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 4px 8px;
    padding-top: 6px;
    border-top: 1px solid #e5edf4;
}

.mobile-row-detail-cell[b-oe8wit06f2] {
    min-width: 0;
}

.mobile-row-detail-cell span[b-oe8wit06f2] {
    color: #7a8998;
    font-size: 10px;
    font-weight: 800;
}

.mobile-row-detail-cell strong[b-oe8wit06f2] {
    display: block;
    min-width: 0;
    margin-top: 0;
    color: #263746;
    font-size: 12px;
    font-weight: 800;
    overflow-wrap: anywhere;
}

.mobile-signed-card img[b-oe8wit06f2] {
    display: block;
    width: 100%;
    min-height: 120px;
    object-fit: contain;
    background: #ffffff;
    border: 1px solid #d8e0e8;
    border-radius: 8px;
}

@media screen and (min-width: 721px) {
    .mobile-document[b-oe8wit06f2] {
        max-width: 720px;
        margin: 0 auto;
    }
}

@media screen and (max-width: 360px) {
    .mobile-title-block h2[b-oe8wit06f2] {
        font-size: 23px;
    }

    .mobile-info-row[b-oe8wit06f2] {
        grid-template-columns: 72px minmax(0, 1fr);
    }

    .mobile-row-summary[b-oe8wit06f2],
    .mobile-row-details[b-oe8wit06f2],
    .mobile-media-actions[b-oe8wit06f2],
    .media-object-grid[b-oe8wit06f2] {
        grid-template-columns: 1fr;
    }
}

@media screen and (max-width: 720px) {
    .media-dialog-backdrop[b-oe8wit06f2] {
        align-items: end;
        padding: 0;
    }

    .media-dialog[b-oe8wit06f2] {
        width: 100%;
        max-height: 88vh;
        border-right: 0;
        border-bottom: 0;
        border-left: 0;
        border-radius: 8px 8px 0 0;
    }

    .media-object-grid[b-oe8wit06f2] {
        grid-template-columns: 1fr;
        padding: 10px;
    }

    .image-preview-backdrop[b-oe8wit06f2] {
        padding: 8px;
    }
}

@media print {
    .mobile-media-actions[b-oe8wit06f2],
    .media-dialog-backdrop[b-oe8wit06f2],
    .image-preview-backdrop[b-oe8wit06f2] {
        display: none !important;
    }
}
/* /Pages/PublicDocuments/PublicSignDocumentPage.razor.rz.scp.css */
.sign-shell[b-402gistybr] {
    max-width: 980px;
    margin: 0 auto;
    padding: 18px 12px 42px;
}

.sign-header[b-402gistybr] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 14px;
}

.sign-header span[b-402gistybr] {
    color: #35648f;
    font-size: 13px;
    font-weight: 800;
}

.sign-header h1[b-402gistybr] {
    margin: 2px 0 0;
    color: #17212b;
    font-size: 24px;
    font-weight: 800;
}

.sign-header p[b-402gistybr] {
    margin: 0;
    color: #516070;
    font-size: 14px;
}

.state-panel[b-402gistybr] {
    margin: 14px auto;
    padding: 14px 16px;
    background: #ffffff;
    border: 1px solid #d8e0e8;
    border-radius: 8px;
    color: #314253;
    font-weight: 700;
}

.state-panel.error[b-402gistybr] {
    color: #a4281f;
}

.state-panel.complete[b-402gistybr] {
    color: #087443;
}

.signature-card[b-402gistybr] {
    margin: 18px 12px 0;
    padding: 16px;
    background: #ffffff;
    border: 1px solid #d8e0e8;
    border-radius: 8px;
    box-shadow: 0 12px 34px rgba(20, 36, 54, 0.10);
}

.signature-complete-card[b-402gistybr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin: 18px 12px 0;
    padding: 16px;
    background: #f8fbf9;
    border: 1px solid #bdd9cc;
    border-left: 4px solid #168054;
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(20, 36, 54, 0.08);
}

.signature-complete-card h2[b-402gistybr] {
    margin: 0;
    color: #087443;
    font-size: 19px;
    font-weight: 900;
}

.signature-complete-card p[b-402gistybr] {
    margin: 4px 0 0;
    color: #516070;
    font-size: 14px;
    font-weight: 700;
}

.view-document-action[b-402gistybr] {
    flex: 0 0 auto;
    margin: 0;
}

.view-document-button[b-402gistybr] {
    appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 136px;
    height: 44px;
    padding: 0 18px;
    background: #135fae;
    border: 1px solid #135fae;
    border-radius: 6px;
    box-shadow: 0 3px 8px rgba(19, 95, 174, 0.22);
    color: #ffffff;
    cursor: pointer;
    font-family: inherit;
    font-size: 15px;
    font-weight: 800;
}

.view-document-button:hover[b-402gistybr] {
    background: #0f518f;
    border-color: #0f518f;
}

.view-document-button:active[b-402gistybr] {
    background: #0c4479;
    border-color: #0c4479;
    box-shadow: none;
}

.view-document-button:focus-visible[b-402gistybr] {
    outline: 3px solid rgba(19, 95, 174, 0.28);
    outline-offset: 2px;
}

.signature-title h2[b-402gistybr] {
    margin: 0;
    color: #17212b;
    font-size: 19px;
    font-weight: 800;
}

.signature-title p[b-402gistybr] {
    margin: 4px 0 0;
    color: #687789;
    font-size: 14px;
}

.signature-canvas[b-402gistybr] {
    display: block;
    width: 100%;
    height: 220px;
    margin-top: 14px;
    border: 1px solid #bfcbd8;
    border-radius: 8px;
    background: #ffffff;
    touch-action: none;
}

.signature-canvas.disabled[b-402gistybr] {
    background: #f7fafc;
    pointer-events: none;
}

.signature-actions[b-402gistybr] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    margin-top: 12px;
}

.primary-action[b-402gistybr],
.secondary-action[b-402gistybr] {
    min-height: 44px;
    border-radius: 8px;
    font-size: 15px;
    font-weight: 800;
}

.primary-action[b-402gistybr] {
    border: 1px solid #135fae;
    background: #135fae;
    color: #ffffff;
}

.secondary-action[b-402gistybr] {
    border: 1px solid #b9c5d3;
    background: #ffffff;
    color: #22313f;
}

.primary-action:disabled[b-402gistybr],
.secondary-action:disabled[b-402gistybr] {
    cursor: default;
    opacity: 0.55;
}

.signature-message[b-402gistybr] {
    min-height: 20px;
    margin: 10px 0 0;
    color: #35648f;
    font-size: 14px;
    font-weight: 700;
}

.original-document-card[b-402gistybr] {
    margin: 18px 12px 0;
    padding: 16px;
    background: #ffffff;
    border: 1px solid #d8e0e8;
    border-radius: 8px;
    box-shadow: 0 12px 34px rgba(20, 36, 54, 0.10);
}

.original-document-title h2[b-402gistybr] {
    margin: 0;
    color: #17212b;
    font-size: 19px;
    font-weight: 900;
}

.original-document-title p[b-402gistybr] {
    margin: 4px 0 0;
    color: #687789;
    font-size: 13px;
    font-weight: 700;
}

.original-document-scroll[b-402gistybr] {
    margin-top: 14px;
    overflow-x: auto;
    overflow-y: hidden;
    background: #f4f7fa;
    border: 1px solid #d8e0e8;
    border-radius: 8px;
}

.original-document-scroll[b-402gistybr]  .book {
    width: max-content;
    padding: 14px;
}

@media screen and (max-width: 720px) {
    .sign-shell[b-402gistybr] {
        padding: 0 0 28px;
        background: #ffffff;
    }

    .sign-header[b-402gistybr] {
        display: block;
        padding: 16px 14px 10px;
        margin-bottom: 0;
    }

    .signature-card[b-402gistybr] {
        margin: 10px 12px 0;
        box-shadow: none;
    }

    .signature-complete-card[b-402gistybr] {
        display: grid;
        margin: 10px 12px 0;
        box-shadow: none;
    }

    .view-document-action[b-402gistybr] {
        width: 100%;
    }

    .view-document-button[b-402gistybr] {
        width: 100%;
    }

    .original-document-card[b-402gistybr] {
        margin: 10px 12px 0;
        padding: 12px;
        box-shadow: none;
    }

    .original-document-scroll[b-402gistybr]  .book {
        padding: 10px;
    }
}

@media print {
    .no-print[b-402gistybr] {
        display: none !important;
    }
}
/* /Pages/ShopPage.razor.rz.scp.css */
.point_cursor[b-aolufbny0c] {
    cursor: pointer;
}
/* /Pages/UserGuidePage.razor.rz.scp.css */
.point_cursor[b-fdyrdazu6w] {
    cursor: pointer;
}
/* /Pages/UserManagerPages/ActiveDevicePage.razor.rz.scp.css */
@charset "utf-8";
/* CSS Document */

.container[b-axu7rbi6e5] {
    position: relative;
    max-width: 700px;
    width: 100%;
    background: #fff;
    margin-left: 300px;
    margin-top: 20px;
    padding: 25px;
    border-radius: 8px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}

    .container header[b-axu7rbi6e5] {
        font-size: 1.5rem;
        color: #333;
        font-weight: 500;
        text-align: center;
    }

    .container .form[b-axu7rbi6e5] {
        margin-top: 30px;
    }

.form .input-box[b-axu7rbi6e5] {
    width: 100%;
    margin-top: 15px;
}

p[b-axu7rbi6e5] {
    height: 35px;
    width: 100%;
    position: relative;
    padding: 3px 100px 0 10px;
    color: #333;
    font-size: 1rem;
    border: solid 0.5px #333;
    margin-top: 8px;
    border-radius: 6px;
    font-weight: 600;
    background-color: #fff;
}

.input-box label[b-axu7rbi6e5] {
    color: #333;
}

.form .input-box input[b-axu7rbi6e5] {
    position: relative;
    height: 35px;
    width: 100%;
    outline: none;
    font-size: 1rem;
    color: #707070;
    margin-top: 8px;
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 0 15px;
}

.input-box input:focus[b-axu7rbi6e5] {
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}

.select-box[b-axu7rbi6e5] {
    position: relative;
    margin-top: 40px;
}

select[b-axu7rbi6e5] {
    width: 100%;
    height: 35px;
    padding: 0 12px;
    border-radius: 4px;
    border: 1px solid #333;
    margin-top: 7.7px;
    background: #2f56a5;
    color: #fff;
    text-align: center;
}


.form .column[b-axu7rbi6e5] {
    display: flex;
    column-gap: 5px;
}

.form :where(.card-option, .card)[b-axu7rbi6e5] {
    display: flex;
    align-items: center;
    column-gap: 50px;
    flex-wrap: wrap;
}

.form .card[b-axu7rbi6e5] {
    column-gap: 10px;
}

.form :where(.card input, .card label)[b-axu7rbi6e5] {
    cursor: pointer;
}

.form button[b-axu7rbi6e5] {
    height: 35px;
    width: 50%;
    color: #fff;
    font-size: 1rem;
    border: none;
    margin-top: 46px;
    cursor: pointer;
    border-radius: 6px;
    font-weight: 400;
    transition: all 0.2s ease;
    background-color: #2f56a5;
}

    .form button:hover[b-axu7rbi6e5] {
        background-color: #e1f1ff;
        color: #2f56a5;
        font-weight: 400;
    }

@media (max-width: 1024px) {
    
}

@media screen and (max-width: 500px) {
    .form .column[b-axu7rbi6e5] {
        flex-wrap: wrap;
    }

    .form :where(.card-option, .card)[b-axu7rbi6e5] {
        row-gap: 15px;
    }
}
/* /Pages/UserManagerPages/Index.razor.rz.scp.css */
.tBodyGroup[b-y3ehwj9y72] {
    background: linear-gradient(#e1f1ff, #fff);
}
/* /Pages/UserManagerPages/PaymentInfoPage.razor.rz.scp.css */
@charset "utf-8";
/* CSS Document */

.container[b-ngii43ydm0] {
    position: relative;
    max-width: 700px;
    width: 100%;
    background: #fff;
    margin-left: 300px;
    margin-top: 20px;
    padding: 25px;
    border-radius: 8px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}

    .container header[b-ngii43ydm0] {
        font-size: 1.5rem;
        color: #333;
        font-weight: 500;
        text-align: center;
    }

    .container .form[b-ngii43ydm0] {
        margin-top: 30px;
    }

.form .input-box[b-ngii43ydm0] {
    width: 100%;
    margin-top: 15px;
}

.input-box label[b-ngii43ydm0] {
    color: #333;
}

.form .input-box input[b-ngii43ydm0] {
    position: relative;
    height: 35px;
    width: 100%;
    outline: none;
    font-size: 1rem;
    color: #707070;
    margin-top: 8px;
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 0 15px;
}

.input-box input:focus[b-ngii43ydm0] {
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}

.select-box[b-ngii43ydm0] {
    position: relative;
    margin-top: 40px;
}

select[b-ngii43ydm0] {
    width: 100%;
    height: 35px;
    padding: 0 12px;
    border-radius: 4px;
    border: 1px solid #333;
    margin-top: 7.7px;
    background: #2f56a5;
    color: #fff;
    text-align: center;
}

.form .column[b-ngii43ydm0] {
    display: flex;
    column-gap: 5px;
}

.form :where(.card-option, .card)[b-ngii43ydm0] {
    display: flex;
    align-items: center;
    column-gap: 50px;
    flex-wrap: wrap;
}

.form .card[b-ngii43ydm0] {
    column-gap: 10px;
}

.form :where(.card input, .card label)[b-ngii43ydm0] {
    cursor: pointer;
}

.form button[b-ngii43ydm0] {
    height: 35px;
    width: 100%;
    color: #fff;
    font-size: 1rem;
    border: none;
    margin-top: 46px;
    cursor: pointer;
    border-radius: 6px;
    font-weight: 400;
    transition: all 0.2s ease;
    background-color: #2f56a5;
}

    .form button:hover[b-ngii43ydm0] {
        background-color: #e1f1ff;
        color: #2f56a5;
        font-weight: 400;
    }

@media (max-width: 1024px) {
    
}

@media screen and (max-width: 500px) {
    .form .column[b-ngii43ydm0] {
        flex-wrap: wrap;
    }

    .form :where(.card-option, .card)[b-ngii43ydm0] {
        row-gap: 15px;
    }
}
/* /Pages/UserManagerPages/ProductManagerPage.razor.rz.scp.css */
@charset "utf-8";
/* CSS Document */

.container[b-nk5ixg3yy4] {
    position: relative;
    max-width: 700px;
    width: 100%;
    background: #fff;
    margin-left: 300px;
    margin-top: 20px;
    padding: 25px;
    border-radius: 8px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}

    .container header[b-nk5ixg3yy4] {
        font-size: 1.5rem;
        color: #333;
        font-weight: 500;
        text-align: center;
    }

    .container .form[b-nk5ixg3yy4] {
        margin-top: 30px;
    }

.form .input-box[b-nk5ixg3yy4] {
    width: 100%;
    margin-top: 15px;
}

.column .box p[b-nk5ixg3yy4] {
    height: 35px;
    width: 100%;
    position: relative;
    padding: 3px 100px 0 10px;
    color: #333;
    font-size: 1rem;
    border: solid 0.5px;
    margin-top: 23px;
    border-radius: 6px;
    font-weight: 600;
    background-color: #fff;
}

select[b-nk5ixg3yy4] {
    width: 100%;
    height: 35px;
    padding: 0 12px;
    border-radius: 4px;
    border: 1px solid #333;
    margin-top: 15px;
    background: #2f56a5;
    color: #fff;
    text-align: center;
}

p[b-nk5ixg3yy4] {
    height: 35px;
    width: 100%;
    position: relative;
    padding: 3px 70px 0 10px;
    color: #333;
    font-size: 1rem;
    border: solid 0.5px #333;
    margin-top: 0px;
    border-radius: 6px;
    font-weight: 600;
    background-color: #fff;
}

.input-box label[b-nk5ixg3yy4] {
    color: #333;
    font-size: 2rem;
    font-weight: 600;
}

.form .column[b-nk5ixg3yy4] {
    display: flex;
    column-gap: 5px;
}

.form :where(.card-option, .card)[b-nk5ixg3yy4] {
    display: flex;
    align-items: center;
    column-gap: 50px;
    flex-wrap: wrap;
}

.form .card[b-nk5ixg3yy4] {
    column-gap: 10px;
}

.form :where(.card input, .card label)[b-nk5ixg3yy4] {
    cursor: pointer;
}

.form button[b-nk5ixg3yy4] {
    height: 35px;
    width: 10%;
    color: #2f56a5;
    font-size: 1rem;
    border: none;
    margin-top: 23px;
    cursor: pointer;
    border-radius: 6px;
    font-weight: 500;
    transition: all 0.2s ease;
    background-color: #e1f1ff;
}

    .form button:hover[b-nk5ixg3yy4] {
        background-color: #2f56a5;
        color: #fff;
        font-weight: 400;
    }

@media (max-width: 1024px) {
    
}

@media screen and (max-width: 500px) {
    .form .column[b-nk5ixg3yy4] {
        flex-wrap: wrap;
    }

    .form :where(.card-option, .card)[b-nk5ixg3yy4] {
        row-gap: 15px;
    }
}
/* /Pages/UserManagerPages/ServiceCall.razor.rz.scp.css */
@charset "utf-8";
/* CSS Document */

.container[b-l0a29duar5] {
    position: relative;
    max-width: 700px;
    width: 100%;
    background: #fff;
    margin-left: 300px;
    margin-top: 20px;
    padding: 25px;
    border-radius: 8px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}

    .container header[b-l0a29duar5] {
        font-size: 1.5rem;
        color: #333;
        font-weight: 500;
        text-align: center;
    }

    .container .form[b-l0a29duar5] {
        margin-top: 30px;
    }

.form .input-box[b-l0a29duar5] {
    width: 100%;
    margin-top: 15px;
}

select[b-l0a29duar5] {
    width: 100%;
    height: 35px;
    padding: 0 12px;
    border-radius: 4px;
    border: 1px solid #fff;
    margin-top: 15px;
    background: #2f56a5;
    color: #fff;
    text-align: center;
}

p[b-l0a29duar5] {
    height: 35px;
    width: 100%;
    position: relative;
    padding: 3px 70px 0 10px;
    color: #333;
    font-size: 1rem;
    border: solid 0.5px #333;
    margin-top: 0px;
    border-radius: 6px;
    font-weight: 600;
    background-color: #fff;
}

.form .input-box input[b-l0a29duar5] {
    position: relative;
    height: 35px;
    width: 100%;
    outline: none;
    font-size: 1rem;
    color: #707070;
    margin-top: 8px;
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 0 15px;
}

.input-box input:focus[b-l0a29duar5] {
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}

.form .column[b-l0a29duar5] {
    display: flex;
    column-gap: 5px;
}

.form :where(.card-option, .card)[b-l0a29duar5] {
    display: flex;
    align-items: center;
    column-gap: 50px;
    flex-wrap: wrap;
}

.form .card[b-l0a29duar5] {
    column-gap: 10px;
}

.form :where(.card input, .card label)[b-l0a29duar5] {
    cursor: pointer;
}

.form button[b-l0a29duar5] {
    height: 35px;
    width: 100%;
    color: #2f56a5;
    font-size: 1rem;
    border: none;
    margin-top: 23px;
    cursor: pointer;
    border-radius: 6px;
    font-weight: 500;
    transition: all 0.2s ease;
    background-color: #e1f1ff;
}

    .form button:hover[b-l0a29duar5] {
        background-color: #2f56a5;
        color: #fff;
        font-weight: 400;
    }

@media (max-width: 1024px) {
    
}

@media screen and (max-width: 500px) {
    .form .column[b-l0a29duar5] {
        flex-wrap: wrap;
    }

    .form :where(.card-option, .card)[b-l0a29duar5] {
        row-gap: 15px;
    }
}
/* /Pages/UserManagerPages/SubNavMenu.razor.rz.scp.css */

.sidebar[b-08fkucrhag] {
    width: 270px;
    position: fixed;
    margin: 16px;
    border-radius: 16px;
    background: #2f56a5;
    height: calc(100vh - 32px);
    transition: 0.4s ease;
}

    .sidebar.collapsed[b-08fkucrhag] {
        width: 85px;
    }

.sidebar-header[b-08fkucrhag] {
    position: relative;
    display: flex;
    padding: 25px 20px;
    align-items: center;
    justify-content: space-between;
}

    .sidebar-header .header-logo img[b-08fkucrhag] {
        width: 46px;
        height: 46px;
        display: block;
        object-fit: contain;
        border-radius: 0;
    }

    .sidebar-header .toggler[b-08fkucrhag] {
        height: 35px;
        width: 35px;
        border: none;
        color: #2f56a5;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        border-radius: 8px;
        background: #fff;
        transition: 0.4s ease;
    }

    .sidebar-header .sidebar-toggler[b-08fkucrhag] {
        position: absolute;
        right: 20px;
    }

.sidebar.collapsed .sidebar-header .sidebar-toggler[b-08fkucrhag] {
    transform: translate(-4px, 65px);
}

.sidebar-header .toggler:hover[b-08fkucrhag] {
    background: #e1f1ff;
}

.sidebar-header .menu-toggler[b-08fkucrhag] {
    display: none;
}

.sidebar-header .sidebar-toggler span[b-08fkucrhag] {
    font-size: 1.75rem;
    transition: 0.4s ease;
}

.sidebar.collapsed .sidebar-header .sidebar-toggler span[b-08fkucrhag] {
    transform: rotate(180deg);
}

.sidebar-nav .nav-list[b-08fkucrhag] {
    list-style: none;
    display: flex;
    gap: 4px;
    padding: 0 15px;
    flex-direction: column;
    transform: translateY(15px);
    transition: 0.4s ease;
}

.sidebar.collapsed .sidebar-nav .primary-nav[b-08fkucrhag] {
    transform: translateY(65px);
}

.sidebar-nav .nav-link[b-08fkucrhag] {
    color: #fff;
    display: flex;
    gap: 12px;
    white-space: nowrap;
    border-radius: 8px;
    align-items: center;
    padding: 12px 15px;
    text-decoration: none;
    transition: 0.4s ease;
}

/* 로그아웃은 button element지만, 사이드바 메뉴에서는 다른 nav-link와 같은 크기와 정렬을 사용합니다. */
.sidebar-nav .nav-button[b-08fkucrhag] {
    width: 100%;
    border: 0;
    background: transparent;
    cursor: pointer;
    font: inherit;
}

    .sidebar-nav .nav-link:hover[b-08fkucrhag] {
        color: #2f56a5;
        background: #fff;
    }

    .sidebar-nav .nav-link .nav-label[b-08fkucrhag] {
        transition: opacity 0.4 ease;
    }

.sidebar.collapsed .sidebar-nav .nav-link .nav-label[b-08fkucrhag] {
    opacity: 0;
    pointer-events: none;
}

.sidebar-nav .nav-item[b-08fkucrhag] {
    position: relative;
}

.sidebar-nav .nav-tooltip[b-08fkucrhag] {
    position: absolute;
    top: -10px;
    opacity: 0;
    display: none;
    pointer-events: none;
    left: calc(100% + 25px);
    color: #2f56a5;
    padding: 6px 12px;
    border-radius: 8px;
    background: #fff;
    white-space: nowrap;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
    transition: 0;
}



.sidebar.collapsed .sidebar-nav .nav-tooltip[b-08fkucrhag] {
    display: block;
}

.sidebar-nav .nav-item:hover .nav-tooltip[b-08fkucrhag] {
    opacity: 1;
    pointer-events: none;
    transform: translateY(50%);
    transition: 0.4s ease;
}

.sidebar-nav .secondary-nav[b-08fkucrhag] {
    position: absolute;
    bottom: 30px;
    left: 15px;
    width: calc(100% - 30px);
    padding: 0;
}


@media (max-width: 1024px) {
    .sidebar[b-08fkucrhag] {
        height: 56px;
        margin: 13px;
        overflow-y: hidden;
        scrollbar-width: none;
        width: calc(100% - 28px);
        max-height: calc(100vh - 28px);
    }

        .sidebar.menu-active[b-08fkucrhag] {
            overflow-y: auto;
        }

    .sidebar-header[b-08fkucrhag] {
        position: sticky;
        top: 0;
        z-index: 20;
        background: #2f56a5;
        padding: 8px 10px;
        border-radius: 16px;
    }

        .sidebar-header .header-logo img[b-08fkucrhag] {
            width: 40px;
            height: 40px;
        }

        .sidebar-header .sidebar-toggler[b-08fkucrhag],
        .sidebar-nav .nav-tooltip[b-08fkucrhag] {
            display: none;
        }

        .sidebar-header .menu-toggler[b-08fkucrhag] {
            display: flex;
            height: 30px;
            width: 30px;
        }

            .sidebar-header .menu-toggler span[b-08fkucrhag] {
                font-size: 1.3 rem;
            }

    .sidebar-nav .nav-list[b-08fkucrhag] {
        padding: 0 10px;
    }

    .sidebar-nav .nav-link[b-08fkucrhag] {
        gap: 10px;
        padding: 10px;
        font-size: 0.94rem;
    }

        .sidebar-nav .nav-link .nav-icon[b-08fkucrhag] {
            font-size: 1.37rem;
        }

    .sidebar-nav .secondary-nav[b-08fkucrhag] {
        position: relative;
        bottom: 0;
        left: 0;
        width: auto;
        margin: 40px 0 30px;
    }
}
/* /Pages/UserManagerPages/UnsubscribePage.razor.rz.scp.css */
@charset "utf-8";
/* CSS Document */

.container[b-q8bpazlpft] {
    position: relative;
    max-width: 700px;
    width: 100%;
    background: #fff;
    margin-left: 300px;
    margin-top: 20px;
    padding: 25px;
    border-radius: 8px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}

    .container header[b-q8bpazlpft] {
        font-size: 1.5rem;
        color: #333;
        font-weight: 500;
        text-align: center;
    }

    .container .form[b-q8bpazlpft] {
        margin-top: 30px;
    }

.form button[b-q8bpazlpft] {
    height: 55px;
    width: 100%;
    color: #fff;
    font-size: 1rem;
    border: none;
    margin-top: 30px;
    cursor: pointer;
    border-radius: 6px;
    font-weight: 400;
    transition: all 0.2s ease;
    background-color: #2f56a5;
}

    .form button:hover[b-q8bpazlpft] {
        background-color: #e1f1ff;
        color: #2f56a5;
        font-weight: 400;
    }

@media (max-width: 1024px) {
    
}

@media screen and (max-width: 500px) {
    .form .column[b-q8bpazlpft] {
        flex-wrap: wrap;
    }
}
/* /Pages/UserManagerPages/UserInfoPage.razor.rz.scp.css */
@charset "utf-8";
/* CSS Document */

.container[b-ls8axifhv2] {
    position: relative;
    max-width: 700px;
    width: 100%;
    background: #fff;
    margin-left: 300px;
    margin-top: 20px;
    padding: 25px;
    border-radius: 8px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}

    .container header[b-ls8axifhv2] {
        font-size: 1.5rem;
        color: #333;
        font-weight: 500;
        text-align: center;
    }

    .container .form[b-ls8axifhv2] {
        margin-top: 30px;
    }

.form .input-box[b-ls8axifhv2] {
    width: 100%;
    margin-top: 15px;
}

.input-box label[b-ls8axifhv2] {
    color: #333;
}

.form .input-box input[b-ls8axifhv2] {
    position: relative;
    height: 35px;
    width: 100%;
    outline: none;
    font-size: 1rem;
    color: #707070;
    margin-top: 8px;
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 0 15px;
}

.input-box input:focus[b-ls8axifhv2] {
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}

.form .column[b-ls8axifhv2] {
    display: flex;
    column-gap: 15px;
}

.form button[b-ls8axifhv2] {
    height: 55px;
    width: 100%;
    color: #fff;
    font-size: 1rem;
    border: none;
    margin-top: 30px;
    cursor: pointer;
    border-radius: 6px;
    font-weight: 400;
    transition: all 0.2s ease;
    background-color: #2f56a5;
}

    .form button:hover[b-ls8axifhv2] {
        background-color: #e1f1ff;
        color: #2f56a5;
        font-weight: 400;
    }

@media (max-width: 1024px) {
    
}

@media screen and (max-width: 500px) {
    .form .column[b-ls8axifhv2] {
        flex-wrap: wrap;
    }
}
/* /Shared/MainLayout.razor.rz.scp.css */
.page[b-g9ai14k68p] {
    position: relative;
    display: flex;
    flex-direction: column;
}

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

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

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

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

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

@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-g9ai14k68p] {
        display: none;
    }

    .top-row.auth[b-g9ai14k68p] {
        justify-content: space-between;
    }

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

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

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

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

    .top-row[b-g9ai14k68p], article[b-g9ai14k68p] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}
/* /Shared/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-hr1218cq2c] {
    background-color: rgba(255, 255, 255, 0.1);
}

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

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

.oi[b-hr1218cq2c] {
    width: 2rem;
    font-size: 1.1rem;
    vertical-align: text-top;
    top: -2px;
}

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

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

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

    .nav-item[b-hr1218cq2c]  a {
        color: #d7d7d7;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
    }

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

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

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

    .collapse[b-hr1218cq2c] {
        /* Never collapse the sidebar for wide screens */
        display: block;
    }
}
/* /Shared/PublicDocumentLayout.razor.rz.scp.css */
.public-document-layout[b-tgpo219rje] {
    min-height: 100vh;
    background: #eef2f6;
    color: #1d2630;
    font-family: "Segoe UI", "Malgun Gothic", Arial, sans-serif;
}

@media print {
    .public-document-layout[b-tgpo219rje] {
        background: #ffffff;
    }
}