/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-hjvopoedty] {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

main[b-hjvopoedty] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    flex: 1;
    min-width: 0;
}
/* Reserve space for the viewport-fixed footer, including short and long pages. */
main > article[b-hjvopoedty] { flex: 1; width: 100%; padding-bottom: 5rem; }
.site-footer[b-hjvopoedty] {
    position: fixed;
    inset-inline: 0;
    bottom: 0;
    z-index: 50;
    border-top: 1px solid #d9e6e1;
    box-shadow: 0 -3px 14px rgba(12, 54, 40, .05);
    color: #557369;
    background: #f5faf7;
    font-size: .86rem;
}
.site-footer__inner[b-hjvopoedty] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    column-gap: .8rem;
    row-gap: .15rem;
    max-width: 1240px;
    min-height: 3.25rem;
    padding: .55rem 1rem calc(.55rem + env(safe-area-inset-bottom, 0px));
    margin-inline: auto;
    text-align: center;
}
.site-footer__version[b-hjvopoedty] {
    color: #376f58;
    font-weight: 700;
    white-space: nowrap;
}

.sidebar[b-hjvopoedty] {
    background-image: linear-gradient(180deg, #123c35 0%, #1c5749 58%, #286a53 100%);
}

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

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

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

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

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

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

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

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

    /* The fixed footer belongs to the content pane, never the sidebar. */
    .site-footer[b-hjvopoedty] { left: 250px; }

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

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

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

#blazor-error-ui[b-hjvopoedty] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    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-hjvopoedty] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

/* Keep the footer visible on narrow screens without covering page actions. */
@media (max-width: 640.98px) {
    main > article[b-hjvopoedty] { padding-bottom: 6rem; }
}

@media print {
    .site-footer[b-hjvopoedty] { position: static; box-shadow: none; }
    main > article[b-hjvopoedty] { padding-bottom: 1rem; }
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-horqk7zleu] {
    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-horqk7zleu] {
    background-color: rgba(255, 255, 255, 0.5);
}

.top-row[b-horqk7zleu] {
    min-height: 3.5rem;
    background-color: rgba(5, 31, 25, 0.25);
}

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

.bi[b-horqk7zleu] {
    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-horqk7zleu] {
    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-horqk7zleu] {
    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-horqk7zleu] {
    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");
}

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

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

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

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

.nav-item[b-horqk7zleu]  a.active {
    background-color: rgba(211, 240, 220, 0.19);
    border-left: 3px solid #a8dfba;
    color: white;
}

.nav-item[b-horqk7zleu]  .nav-link:hover {
    background-color: rgba(211,240,220,0.12);
    color: white;
}

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

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

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

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

        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}

/* Consistent sidebar type scale, high-contrast active state and book identity. */
.navbar-brand[b-horqk7zleu]{display:flex;align-items:center;gap:.65rem;white-space:normal;font-size:1.13rem;font-weight:750;line-height:1.25;color:#fff;text-decoration:none}
.brand-book[b-horqk7zleu]{width:42px;height:42px;min-width:42px;display:grid;place-items:center;background:#f1c957;border-radius:11px;font-size:1.35rem;box-shadow:0 2px 7px rgba(0,0,0,.17)}
.nav-item[b-horqk7zleu]{font-size:1rem;padding-bottom:.3rem}
.nav-item[b-horqk7zleu]  .nav-link{height:auto;min-height:47px;line-height:1.4;padding:.7rem .9rem;color:#f1f7f4;border-radius:9px;font-weight:530}
.nav-item[b-horqk7zleu]  a.active{background:rgba(211,240,220,.22);border-left:3px solid #d9c478;padding-left:calc(.9rem - 3px);color:#fff;font-weight:750}
.nav-item[b-horqk7zleu]  .nav-link:focus-visible,.navbar-brand:focus-visible[b-horqk7zleu]{outline:3px solid #f1c957;outline-offset:2px}
@media(max-width:640px){.navbar-brand[b-horqk7zleu]{font-size:1.03rem}.brand-book[b-horqk7zleu]{height:36px;width:36px;min-width:36px}}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-l1ok6pp0x8],
.components-reconnect-repeated-attempt-visible[b-l1ok6pp0x8],
.components-reconnect-failed-visible[b-l1ok6pp0x8],
.components-pause-visible[b-l1ok6pp0x8],
.components-resume-failed-visible[b-l1ok6pp0x8],
.components-rejoining-animation[b-l1ok6pp0x8] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-l1ok6pp0x8],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-l1ok6pp0x8],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-l1ok6pp0x8],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-l1ok6pp0x8],
#components-reconnect-modal.components-reconnect-retrying[b-l1ok6pp0x8],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-l1ok6pp0x8],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-l1ok6pp0x8],
#components-reconnect-modal.components-reconnect-failed[b-l1ok6pp0x8],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-l1ok6pp0x8] {
    display: block;
}


#components-reconnect-modal[b-l1ok6pp0x8] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-l1ok6pp0x8 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-l1ok6pp0x8 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-l1ok6pp0x8 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-l1ok6pp0x8]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-l1ok6pp0x8 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-l1ok6pp0x8 {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-l1ok6pp0x8 {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-l1ok6pp0x8 {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-l1ok6pp0x8] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-l1ok6pp0x8] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-l1ok6pp0x8] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-l1ok6pp0x8] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-l1ok6pp0x8] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-l1ok6pp0x8] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-l1ok6pp0x8] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-l1ok6pp0x8 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-l1ok6pp0x8] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-l1ok6pp0x8 {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/DangNhap.razor.rz.scp.css */
.auth-shell[b-td0nj09422]{max-width:100%;min-height:65vh;display:grid;place-items:center;padding:2rem 1rem}.auth-card[b-td0nj09422]{width:min(100%,450px);padding:clamp(1.4rem,4vw,2.4rem);background:white;border:1px solid #d7e6df;border-radius:18px;box-shadow:0 10px 40px #113e3420;color:#254c47}.auth-icon[b-td0nj09422]{width:54px;height:54px;border-radius:14px;background:#f4d164;display:grid;place-items:center;font-size:1.75rem}.auth-card h1[b-td0nj09422]{font-size:1.65rem;margin:1rem 0 .4rem}.auth-card p[b-td0nj09422]{color:#516e68}.auth-card form[b-td0nj09422]{display:grid;gap:.65rem;margin:1.5rem 0}.auth-card label[b-td0nj09422]{font-size:.9rem;font-weight:750}.auth-card input[b-td0nj09422]{padding:.78rem;border-radius:9px;border:1px solid #a9c3b9;width:100%;color:#163f38}.auth-card input:focus-visible[b-td0nj09422],.auth-card button:focus-visible[b-td0nj09422],.auth-card a:focus-visible[b-td0nj09422]{outline:3px solid #e9bc46;outline-offset:2px}.auth-card button[b-td0nj09422]{border:0;border-radius:10px;background:#166356;color:#fff;font-weight:750;padding:.84rem 1rem;margin-top:.4rem}.auth-card a[b-td0nj09422]{color:#156a5a}.auth-alert[b-td0nj09422]{padding:.8rem;border:1px solid #edc3a2;background:#fff2e6;border-radius:9px}.auth-success[b-td0nj09422]{padding:.8rem;border:1px solid #aed9bd;background:#eff9f0;border-radius:9px}
/* /Components/Pages/DoiMatKhau.razor.rz.scp.css */
.auth-shell[b-8dtfjh75rw]{max-width:100%;min-height:65vh;display:grid;place-items:center;padding:2rem 1rem}.auth-card[b-8dtfjh75rw]{width:min(100%,450px);padding:clamp(1.4rem,4vw,2.4rem);background:white;border:1px solid #d7e6df;border-radius:18px;box-shadow:0 10px 40px #113e3420;color:#254c47}.auth-icon[b-8dtfjh75rw]{width:54px;height:54px;border-radius:14px;background:#f4d164;display:grid;place-items:center;font-size:1.75rem}.auth-card h1[b-8dtfjh75rw]{font-size:1.65rem;margin:1rem 0 .4rem}.auth-card p[b-8dtfjh75rw]{color:#516e68}.auth-card form[b-8dtfjh75rw]{display:grid;gap:.65rem;margin:1.5rem 0}.auth-card label[b-8dtfjh75rw]{font-size:.9rem;font-weight:750}.auth-card input[b-8dtfjh75rw]{padding:.78rem;border-radius:9px;border:1px solid #a9c3b9;width:100%;color:#163f38}.auth-card input:focus-visible[b-8dtfjh75rw],.auth-card button:focus-visible[b-8dtfjh75rw],.auth-card a:focus-visible[b-8dtfjh75rw]{outline:3px solid #e9bc46;outline-offset:2px}.auth-card button[b-8dtfjh75rw]{border:0;border-radius:10px;background:#166356;color:#fff;font-weight:750;padding:.84rem 1rem;margin-top:.4rem}.auth-card a[b-8dtfjh75rw]{color:#156a5a}.auth-alert[b-8dtfjh75rw]{padding:.8rem;border:1px solid #edc3a2;background:#fff2e6;border-radius:9px}.auth-success[b-8dtfjh75rw]{padding:.8rem;border:1px solid #aed9bd;background:#eff9f0;border-radius:9px}
/* /Components/Pages/KinhDich.razor.rz.scp.css */
.yj-shell[b-lb7w6ukdtz]{max-width:1220px;margin:0 auto;padding:1rem 0 4rem;color:#1c3740}.yj-back[b-lb7w6ukdtz]{display:inline-block;color:#507078;text-decoration:none;margin-bottom:1rem}.yj-hero[b-lb7w6ukdtz]{background:linear-gradient(120deg,#12363e,#245b5b);border-radius:22px;padding:clamp(1.4rem,4vw,3rem);color:#fff}.yj-eyebrow[b-lb7w6ukdtz]{font-size:.73rem;font-weight:800;letter-spacing:.13em;color:#b9d8cd}.yj-hero h1[b-lb7w6ukdtz]{font-size:clamp(1.8rem,3.8vw,3rem);font-weight:750;margin:.7rem 0}.yj-hero p[b-lb7w6ukdtz]{line-height:1.75;max-width:770px;color:#e0eae7;margin-bottom:1.2rem}.yj-hero-facts[b-lb7w6ukdtz]{display:flex;gap:.55rem;flex-wrap:wrap}.yj-hero-facts span[b-lb7w6ukdtz]{border:1px solid #739794;border-radius:40px;padding:.35rem .85rem;font-size:.87rem}.yj-guide[b-lb7w6ukdtz]{display:flex;align-items:start;gap:1.2rem;margin:1.5rem 0 2.2rem;padding:1.4rem;background:#f3f8f6;border:1px solid #dbeae4;border-radius:17px}.yj-guide-icon[b-lb7w6ukdtz]{font-size:2rem;color:#477b72;flex-shrink:0}.yj-guide h2[b-lb7w6ukdtz]{font-size:1.1rem;font-weight:740;margin:0 0 .5rem}.yj-guide p[b-lb7w6ukdtz]{margin:0;line-height:1.8;color:#4c666c}.yj-heading[b-lb7w6ukdtz]{display:flex;align-items:end;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.yj-heading .yj-eyebrow[b-lb7w6ukdtz],.yj-detail .yj-eyebrow[b-lb7w6ukdtz]{color:#47746a}.yj-heading h2[b-lb7w6ukdtz]{font-weight:750;margin:.35rem 0}.yj-heading p[b-lb7w6ukdtz]{color:#637d82;margin:0}.yj-view-switch[b-lb7w6ukdtz]{display:flex;padding:4px;border:1px solid #dbe5e5;background:#f3f7f7;border-radius:12px;gap:3px}.yj-view-switch button[b-lb7w6ukdtz]{border:0;border-radius:9px;padding:.6rem 1rem;background:transparent;color:#526c71;font-weight:650}.yj-view-switch button.active[b-lb7w6ukdtz]{color:#fff;background:#1b5558}.yj-filters[b-lb7w6ukdtz]{display:grid;grid-template-columns:2fr 1fr 1fr auto;align-items:end;gap:.85rem;background:#fff;border:1px solid #dce7e8;border-radius:16px;padding:1.1rem}.yj-field[b-lb7w6ukdtz]{display:flex;flex-direction:column;gap:.4rem;min-width:0;color:#385b62;font-size:.84rem;font-weight:700}.yj-field input[b-lb7w6ukdtz],.yj-field select[b-lb7w6ukdtz]{height:44px;width:100%;min-width:0;border:1px solid #cbd9da;background:#fff;border-radius:9px;padding:0 .8rem;color:#263e45;font-size:.95rem}.yj-field input:focus[b-lb7w6ukdtz],.yj-field select:focus[b-lb7w6ukdtz]{outline:2px solid #78ada5;outline-offset:1px}.yj-reset[b-lb7w6ukdtz]{height:44px;border:1px solid #cedcdd;background:#f8fbfb;color:#365c63;border-radius:9px;padding:0 .85rem;font-weight:650}.yj-count[b-lb7w6ukdtz]{color:#637b7f;font-size:.88rem;margin:1.2rem 0}.yj-card-grid[b-lb7w6ukdtz]{display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:1rem}.yj-card[b-lb7w6ukdtz]{display:flex;flex-direction:column;text-align:left;background:#fff;border:1px solid #dce7e7;border-radius:15px;padding:1.15rem;min-height:205px;box-shadow:0 8px 24px #193a4410;color:inherit;transition:border-color .15s,transform .15s}.yj-card:hover[b-lb7w6ukdtz],.yj-card:focus-visible[b-lb7w6ukdtz]{border-color:#3c8179;transform:translateY(-2px)}.yj-card.selected[b-lb7w6ukdtz]{border:2px solid #247466;background:#f6faf8}.yj-number[b-lb7w6ukdtz]{font-size:.69rem;font-weight:800;letter-spacing:.1em;color:#5e8580}.yj-card-content[b-lb7w6ukdtz]{display:flex;align-items:center;gap:1.1rem;flex:1;margin:.8rem 0}.yj-lines[b-lb7w6ukdtz]{display:flex;flex-direction:column;gap:5px;width:58px;flex-shrink:0}.yj-line[b-lb7w6ukdtz]{display:flex;width:100%;height:7px;gap:6px}.yj-line i[b-lb7w6ukdtz]{display:block;background:#2b6867;height:100%;border-radius:2px}.yj-line.yang i:first-child[b-lb7w6ukdtz]{flex:1}.yj-line.yang i:last-child[b-lb7w6ukdtz]{display:none}.yj-line.yin i[b-lb7w6ukdtz]{flex:1}.yj-card-text[b-lb7w6ukdtz]{display:flex;flex-direction:column;gap:.22rem;min-width:0}.yj-card-text strong[b-lb7w6ukdtz]{font-size:1.08rem;line-height:1.4;color:#193f45}.yj-hanzi[b-lb7w6ukdtz]{font-size:1.25rem;color:#5d797a}.yj-card-text small[b-lb7w6ukdtz]{font-size:.82rem;color:#647b80;line-height:1.6}.yj-card-link[b-lb7w6ukdtz]{font-size:.83rem;font-weight:720;color:#26645c;border-top:1px solid #e8eeee;padding-top:.7rem}.yj-empty[b-lb7w6ukdtz]{padding:2rem;text-align:center;background:#f5f9f8;border-radius:14px;color:#526b72}.yj-empty button[b-lb7w6ukdtz]{color:#155f65;border:0;background:none;text-decoration:underline}.yj-matrix-help[b-lb7w6ukdtz]{line-height:1.7;color:#557076}.yj-matrix-scroll[b-lb7w6ukdtz]{overflow-x:auto;border:1px solid #dae6e4;border-radius:15px;background:#fff}.yj-matrix[b-lb7w6ukdtz]{border-collapse:separate;border-spacing:4px;width:100%;min-width:830px}.yj-matrix caption[b-lb7w6ukdtz]{caption-side:bottom;color:#60777e;padding:1rem}.yj-matrix th[b-lb7w6ukdtz]{background:#edf5f1;padding:.7rem .3rem;min-width:86px;text-align:center;color:#285b58;font-size:.87rem}.yj-matrix th:first-child[b-lb7w6ukdtz]{min-width:130px}.yj-matrix th small[b-lb7w6ukdtz]{font-weight:400;color:#6b8386}.yj-matrix td[b-lb7w6ukdtz]{padding:0}.yj-matrix-cell[b-lb7w6ukdtz]{width:100%;height:80px;background:#f9fbfa;border:1px solid #e2ebea;border-radius:7px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#234d50}.yj-matrix-cell span[b-lb7w6ukdtz]{font-size:.72rem;color:#758b8e}.yj-matrix-cell strong[b-lb7w6ukdtz]{font-size:.79rem;line-height:1.3;padding:0 .2rem}.yj-matrix-cell:not(:disabled):hover[b-lb7w6ukdtz],.yj-matrix-cell.selected[b-lb7w6ukdtz]{background:#d9ede6;border-color:#408378}.yj-matrix-cell:disabled[b-lb7w6ukdtz]{opacity:.27;cursor:not-allowed}.yj-detail[b-lb7w6ukdtz]{margin-top:2rem;border:1px solid #d5e3e0;border-radius:20px;padding:clamp(1.1rem,3vw,2rem);background:#fff}.yj-detail-heading[b-lb7w6ukdtz]{display:flex;justify-content:space-between;gap:1rem}.yj-detail-heading h2[b-lb7w6ukdtz]{font-size:clamp(1.35rem,2.7vw,2rem);font-weight:750;margin:.35rem 0}.yj-detail-heading h2 span[b-lb7w6ukdtz]{font-weight:400;color:#6a8784}.yj-detail-heading p[b-lb7w6ukdtz]{color:#617b7d}.yj-close[b-lb7w6ukdtz]{align-self:flex-start;border:1px solid #d9e5e3;background:#f8fbfa;border-radius:10px;padding:.45rem .75rem}.yj-detail-body[b-lb7w6ukdtz]{display:grid;grid-template-columns:minmax(230px,.8fr) 1.4fr;gap:2rem;margin-top:1.2rem}.yj-detail-diagram[b-lb7w6ukdtz]{padding:1.2rem;border-radius:14px;background:#f1f7f5}.yj-detail-line[b-lb7w6ukdtz]{display:grid;grid-template-columns:50px 1fr 52px;align-items:center;gap:1rem;padding:.55rem 0;font-size:.8rem;color:#4c6568}.yj-detail-line .yj-line[b-lb7w6ukdtz]{height:12px}.yj-detail-line.yj-split[b-lb7w6ukdtz]{border-top:2px dashed #bacfc9;margin-top:.7rem;padding-top:1.1rem}.yj-diagram-caption[b-lb7w6ukdtz]{text-align:center;color:#64807f;font-size:.78rem;margin-top:1rem}.yj-detail-reading h3[b-lb7w6ukdtz]{font-size:1.2rem;font-weight:720}.yj-detail-reading p[b-lb7w6ukdtz]{line-height:1.8;color:#526e73}.yj-trigram-pair[b-lb7w6ukdtz]{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.5rem 0}.yj-trigram-pair>div[b-lb7w6ukdtz]{background:#f7faf9;padding:1rem;border:1px solid #e1eae7;border-radius:12px;display:flex;flex-direction:column;gap:.3rem}.yj-trigram-pair small[b-lb7w6ukdtz]{font-size:.68rem;letter-spacing:.08em;color:#698681;font-weight:750}.yj-trigram-pair strong[b-lb7w6ukdtz]{font-size:1.3rem;color:#205b55}.yj-trigram-pair span[b-lb7w6ukdtz]{font-size:.83rem;color:#637d7b}.yj-source-note[b-lb7w6ukdtz]{font-size:.8rem;border-top:1px solid #e8eeee;padding-top:1rem}@media(max-width:950px){.yj-filters[b-lb7w6ukdtz]{grid-template-columns:repeat(2,minmax(0,1fr))}.yj-search[b-lb7w6ukdtz]{grid-column:span 2}}@media(max-width:620px){.yj-guide[b-lb7w6ukdtz]{flex-direction:column;gap:.5rem}.yj-filters[b-lb7w6ukdtz]{grid-template-columns:1fr}.yj-search[b-lb7w6ukdtz]{grid-column:auto}.yj-detail-body[b-lb7w6ukdtz]{grid-template-columns:1fr}.yj-trigram-pair[b-lb7w6ukdtz]{grid-template-columns:1fr}.yj-card-grid[b-lb7w6ukdtz]{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.yj-view-switch[b-lb7w6ukdtz]{width:100%}.yj-view-switch button[b-lb7w6ukdtz]{flex:1}}
.yj-reading-link[b-lb7w6ukdtz]{display:inline-flex;align-items:center;background:#1a625c;color:#fff;text-decoration:none;font-weight:700;border-radius:10px;padding:.85rem 1.05rem;margin:.5rem 0 1rem}.yj-reading-link:hover[b-lb7w6ukdtz]{background:#144940;color:#fff}

/* Keep the selected hexagram in view before the 64-card list. */
.yj-detail[b-lb7w6ukdtz]{margin:1.35rem 0 1.7rem;scroll-margin-top:1rem}
.yj-detail:focus[b-lb7w6ukdtz]{outline:none}
.yj-detail:focus-visible[b-lb7w6ukdtz]{outline:3px solid #4c9e8b;outline-offset:3px}
/* /Components/Pages/KinhDichHoc.razor.rz.scp.css */
.yl-shell[b-eh85mki9qz]{max-width:1030px;margin:0 auto;padding:1rem 0 4rem;color:#203d43}.yl-breadcrumb[b-eh85mki9qz]{font-size:.86rem;color:#6b8185;margin-bottom:1.25rem}.yl-breadcrumb a[b-eh85mki9qz]{color:#236b64;text-decoration:none}.yl-hero[b-eh85mki9qz]{background:linear-gradient(115deg,#13383c,#28625c);color:white;padding:clamp(1.5rem,4vw,3rem);border-radius:22px;margin-bottom:1.4rem}.yl-eyebrow[b-eh85mki9qz]{color:#558879;letter-spacing:.12em;font-size:.72rem;font-weight:800}.yl-hero .yl-eyebrow[b-eh85mki9qz]{color:#a9d7c7}.yl-hero h1[b-eh85mki9qz]{font-size:clamp(1.7rem,4vw,2.9rem);font-weight:750;margin:.6rem 0}.yl-hero p[b-eh85mki9qz]{color:#e0ede9;line-height:1.8;max-width:700px}.yl-hero-link[b-eh85mki9qz]{display:inline-block;background:#f3e8d4;border-radius:10px;padding:.7rem 1.1rem;text-decoration:none;color:#315047;font-weight:750}.yl-card[b-eh85mki9qz]{background:#fff;border:1px solid #dce8e5;border-radius:17px;padding:clamp(1.2rem,3vw,2rem);margin-bottom:1.15rem}.yl-card h2[b-eh85mki9qz]{font-size:clamp(1.2rem,2.7vw,1.6rem);font-weight:750;margin:.45rem 0 1rem}.yl-card p[b-eh85mki9qz]{color:#526f74;line-height:1.8}.yl-duo[b-eh85mki9qz]{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.yl-example[b-eh85mki9qz]{background:#f2f8f5;border-radius:13px;border:1px solid #daebe4;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.yl-example strong[b-eh85mki9qz]{color:#235e56}.yl-example p[b-eh85mki9qz]{margin:0;font-size:.87rem}.yl-stroke[b-eh85mki9qz]{display:flex;width:100%;max-width:130px;height:12px;gap:12px}.yl-stroke i[b-eh85mki9qz]{display:block;background:#2f7a6d;border-radius:3px;height:100%}.yl-stroke.yang i:first-child[b-eh85mki9qz]{flex:1}.yl-stroke.yang i:last-child[b-eh85mki9qz]{display:none}.yl-stroke.yin i[b-eh85mki9qz]{flex:1}.yl-note[b-eh85mki9qz],.yl-disclaimer[b-eh85mki9qz]{font-size:.82rem;color:#71888a}.yl-trigrams[b-eh85mki9qz]{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}.yl-trigram[b-eh85mki9qz]{border:1px solid #e0ebe6;border-radius:13px;padding:.85rem;background:#f8fbfa;display:flex;flex-direction:column;align-items:center;gap:.25rem}.yl-trigram-symbol[b-eh85mki9qz]{font-size:2.8rem;color:#306d65;line-height:1.3}.yl-trigram strong[b-eh85mki9qz]{font-size:1rem}.yl-trigram>span:last-child[b-eh85mki9qz]{font-size:.8rem;color:#697f80}.yl-six-layout[b-eh85mki9qz]{display:grid;grid-template-columns:minmax(230px,1fr) minmax(0,1.35fr);gap:1.5rem;align-items:center}.yl-hexagram[b-eh85mki9qz]{padding:1rem;background:#f3f8f5;border-radius:14px}.yl-line[b-eh85mki9qz]{display:grid;grid-template-columns:46px 1fr 47px;gap:.65rem;align-items:center;padding:.5rem 0;font-size:.78rem;color:#5b7778}.yl-line-divider[b-eh85mki9qz]{border-top:2px dashed #cadbd2;margin-top:.5rem;padding-top:1rem}.yl-line small[b-eh85mki9qz]{font-size:.75rem}.yl-six-text h3[b-eh85mki9qz]{font-size:1.15rem;font-weight:740}.yl-six-text p[b-eh85mki9qz]{margin:.55rem 0}.yl-six-text a[b-eh85mki9qz],.yl-links a[b-eh85mki9qz]{color:#236e60;font-weight:720}.yl-links[b-eh85mki9qz]{display:flex;flex-wrap:wrap;gap:.7rem 1.2rem}.yl-glossary[b-eh85mki9qz]{display:grid;gap:.65rem}.yl-glossary>div[b-eh85mki9qz]{border-left:3px solid #649b8f;background:#f6faf8;padding:.7rem 1rem}.yl-glossary dt[b-eh85mki9qz]{font-weight:750;color:#205a53}.yl-glossary dd[b-eh85mki9qz]{margin:.25rem 0 0;color:#526e72;font-size:.9rem;line-height:1.65}.yl-quiz[b-eh85mki9qz]{background:#f3f8f6}.yl-answers[b-eh85mki9qz]{display:flex;flex-wrap:wrap;gap:.6rem}.yl-answers button[b-eh85mki9qz]{border:1px solid #bbd5ce;border-radius:10px;background:#fff;color:#285b55;padding:.7rem 1rem;font-weight:650}.yl-answers button[aria-pressed=true][b-eh85mki9qz]{background:#205f55;color:white;border-color:#205f55}.yl-feedback[b-eh85mki9qz]{background:#fff;border-radius:10px;padding:.7rem 1rem}.yl-disclaimer[b-eh85mki9qz]{margin-top:1.5rem}@media(max-width:680px){.yl-trigrams[b-eh85mki9qz]{grid-template-columns:repeat(2,minmax(0,1fr))}.yl-six-layout[b-eh85mki9qz]{grid-template-columns:1fr}.yl-duo[b-eh85mki9qz]{grid-template-columns:1fr}}
/* /Components/Pages/KinhDichQue.razor.rz.scp.css */
.yr-shell[b-q5kl6lyirl]{max-width:1180px;margin:0 auto;padding:1rem 0 4rem;color:#203c43}.yr-shell nav[aria-label="Đường dẫn"][b-q5kl6lyirl]{font-size:.88rem;color:#6a8589;margin:0 0 1.2rem}.yr-shell nav a[b-q5kl6lyirl]{color:#21605b;text-decoration:none}.yr-hero[b-q5kl6lyirl]{display:flex;justify-content:space-between;gap:1.5rem;padding:clamp(1.4rem,4vw,2.8rem);border-radius:22px;background:linear-gradient(120deg,#143941,#255d5c);color:white}.yr-label[b-q5kl6lyirl],.yr-index[b-q5kl6lyirl]{font-size:.73rem;font-weight:800;letter-spacing:.13em}.yr-label[b-q5kl6lyirl]{color:#b8d8c8}.yr-hero h1[b-q5kl6lyirl]{font-size:clamp(1.9rem,4vw,3rem);font-weight:750;margin:.6rem 0}.yr-hero h1 span[b-q5kl6lyirl]{font-weight:450;color:#c3ddd7}.yr-hero p[b-q5kl6lyirl]{color:#d5e8e3}.yr-intro[b-q5kl6lyirl]{max-width:680px;line-height:1.75;color:#eff6f3}.yr-emblem[b-q5kl6lyirl]{font-size:7rem;line-height:1;opacity:.55;align-self:center}.yr-main[b-q5kl6lyirl]{display:grid;grid-template-columns:330px minmax(0,1fr);align-items:start;gap:1.6rem;margin-top:1.5rem}.yr-aside[b-q5kl6lyirl]{position:sticky;top:1rem;background:#f4f9f7;border:1px solid #dce8e3;border-radius:18px;padding:1.4rem}.yr-aside h2[b-q5kl6lyirl]{font-size:1.2rem;font-weight:750}.yr-muted[b-q5kl6lyirl]{color:#647f81;font-size:.85rem;line-height:1.65}.yr-yao[b-q5kl6lyirl]{display:grid;grid-template-columns:48px minmax(0,1fr) 52px;gap:.65rem;align-items:center;margin:.7rem 0;color:#577578;font-size:.79rem}.yr-yao strong[b-q5kl6lyirl]{font-size:.78rem}.yr-divider[b-q5kl6lyirl]{border-top:2px dashed #c7d8d3;padding-top:1.2rem;margin-top:1.1rem}.yr-bar[b-q5kl6lyirl]{height:11px;display:flex;gap:8px}.yr-bar i[b-q5kl6lyirl]{background:#2f776e;border-radius:2px;height:100%;display:block}.yr-bar.yang i:first-child[b-q5kl6lyirl]{flex:1}.yr-bar.yang i:last-child[b-q5kl6lyirl]{display:none}.yr-bar.yin i[b-q5kl6lyirl]{flex:1}.yr-pair[b-q5kl6lyirl]{display:grid;gap:.65rem;margin:1.5rem 0}.yr-pair>div[b-q5kl6lyirl]{border:1px solid #d7e6e2;background:#fff;border-radius:11px;padding:.75rem;display:flex;gap:.25rem;flex-direction:column}.yr-pair small[b-q5kl6lyirl]{font-size:.66rem;letter-spacing:.08em;color:#658480}.yr-pair strong[b-q5kl6lyirl]{font-size:1.1rem;color:#205d56}.yr-pair span[b-q5kl6lyirl]{font-size:.8rem;color:#647b7d}.yr-library[b-q5kl6lyirl]{display:inline-block;margin-top:.4rem}.yr-reading[b-q5kl6lyirl]{min-width:0}.yr-section[b-q5kl6lyirl]{background:#fff;border:1px solid #e0e8e6;border-radius:18px;padding:clamp(1.2rem,3vw,2rem);margin-bottom:1.1rem}.yr-index[b-q5kl6lyirl]{color:#538178}.yr-section h2[b-q5kl6lyirl]{font-size:1.4rem;line-height:1.35;margin:.5rem 0 1rem;font-weight:750}.yr-section h2 small[b-q5kl6lyirl]{font-size:.8rem;font-weight:500;color:#72898a;white-space:normal}.yr-section p[b-q5kl6lyirl]{line-height:1.8}.yr-help[b-q5kl6lyirl]{color:#637b80;font-size:.9rem}.yr-pending[b-q5kl6lyirl]{background:#f5f8f7;border:1px dashed #c9dbd5;border-radius:11px;padding:1rem 1.1rem;color:#536d72}.yr-pending strong[b-q5kl6lyirl]{color:#3d665f;font-size:.88rem}.yr-pending p[b-q5kl6lyirl]{font-size:.88rem;margin:.35rem 0 0}.yr-quotation[b-q5kl6lyirl]{border-left:4px solid #3e8679;padding:1rem 1.2rem;margin:0;background:#f7faf9;line-height:1.95;white-space:pre-wrap}.yr-tags[b-q5kl6lyirl]{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.yr-tags span[b-q5kl6lyirl]{background:#e6f3ef;padding:.3rem .7rem;border-radius:40px;font-size:.8rem}.yr-line-list[b-q5kl6lyirl]{display:grid;gap:.7rem}.yr-line-entry[b-q5kl6lyirl]{border:1px solid #e2ebe8;border-radius:12px;padding:.95rem}.yr-line-title[b-q5kl6lyirl]{display:flex;align-items:center;gap:.7rem}.yr-line-index[b-q5kl6lyirl]{display:grid;place-items:center;width:30px;height:30px;background:#e9f3ef;border-radius:9px;color:#246257;font-weight:800}.yr-line-title h3[b-q5kl6lyirl]{font-size:1rem;margin:0}.yr-line-entry p[b-q5kl6lyirl]{margin:.5rem 0 0}.yr-unavailable[b-q5kl6lyirl]{font-size:.85rem;color:#78908d}.yr-footnote[b-q5kl6lyirl]{font-size:.85rem;color:#697d81;border-top:1px solid #e9eeee;padding-top:1rem}.yr-pager[b-q5kl6lyirl]{display:flex;justify-content:space-between;gap:1rem}.yr-pager a[b-q5kl6lyirl]{padding:.8rem 1.2rem;background:#1b5558;color:white;border-radius:11px;text-decoration:none;font-weight:650}.yr-pager a:hover[b-q5kl6lyirl]{background:#133e42}.yr-empty[b-q5kl6lyirl]{padding:3rem 1.5rem;text-align:center}.yr-empty p[b-q5kl6lyirl]{color:#617e80}@media(max-width:850px){.yr-main[b-q5kl6lyirl]{grid-template-columns:1fr}.yr-aside[b-q5kl6lyirl]{position:static}.yr-emblem[b-q5kl6lyirl]{font-size:4rem}}@media(max-width:550px){.yr-hero[b-q5kl6lyirl]{flex-direction:column}.yr-emblem[b-q5kl6lyirl]{display:none}.yr-section[b-q5kl6lyirl]{padding:1.2rem}}
/* STEP 06: side-by-side structural transformation with clear changed-line state. */
.yr-change-layout[b-q5kl6lyirl]{display:grid;grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr);align-items:center;gap:1rem;margin:1rem 0}
.yr-change-column[b-q5kl6lyirl]{min-width:0;padding:1rem;background:#f5faf8;border:1px solid #d8e9e3;border-radius:13px}
.yr-change-column h3[b-q5kl6lyirl]{font-size:.88rem;font-weight:750;color:#548077;margin:0 0 .35rem}
.yr-change-column>strong[b-q5kl6lyirl]{display:block;min-height:2.6rem;font-size:1.04rem;color:#204b47}
.yr-change-arrow[b-q5kl6lyirl]{font-size:1.5rem;color:#548077;text-align:center}
.yr-change-row[b-q5kl6lyirl]{display:grid;grid-template-columns:22px minmax(0,1fr) 48px;gap:.5rem;align-items:center;margin:.45rem 0;padding:.45rem .3rem;width:100%;min-height:38px;font-size:.8rem;color:#3e6868;text-align:left}
.yr-change-row small[b-q5kl6lyirl]{font-size:.73rem;color:#5d7779}
.yr-change-button[b-q5kl6lyirl]{background:#fff;border:1px solid #d5e4e0;border-radius:8px;cursor:pointer}
.yr-change-button:hover[b-q5kl6lyirl],.yr-change-button:focus-visible[b-q5kl6lyirl]{border-color:#187a71;box-shadow:0 0 0 2px #d7eee8}
.yr-change-button.yr-changed[b-q5kl6lyirl]{background:#fff3d9;border:2px solid #b97b21}
.yr-change-bar[b-q5kl6lyirl]{display:flex;gap:7px;height:10px}
.yr-change-bar i[b-q5kl6lyirl]{display:block;height:100%;border-radius:2px;background:#2f786c}
.yr-change-bar.yang i:first-child[b-q5kl6lyirl]{flex:1}
.yr-change-bar.yang i:last-child[b-q5kl6lyirl]{display:none}
.yr-change-bar.yin i[b-q5kl6lyirl]{flex:1}
.yr-changed .yr-change-bar i[b-q5kl6lyirl]{background:#986219}
.yr-change-footer[b-q5kl6lyirl]{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem}
.yr-change-footer p[b-q5kl6lyirl]{flex-basis:100%;margin:0;color:#496c6d;font-size:.9rem}
.yr-change-reset[b-q5kl6lyirl]{border:1px solid #a3c6bc;background:#eef8f4;border-radius:9px;padding:.62rem .9rem;font-weight:700;color:#205a54}
.yr-change-reset:disabled[b-q5kl6lyirl]{opacity:.5}
.yr-change-footer a[b-q5kl6lyirl]{color:#1a6259;font-weight:700}
@media(max-width:640px){.yr-change-layout[b-q5kl6lyirl]{grid-template-columns:1fr;gap:.45rem}.yr-change-arrow[b-q5kl6lyirl]{transform:rotate(90deg)}.yr-change-column>strong[b-q5kl6lyirl]{min-height:0;margin-bottom:.6rem}}

.yr-attribution[b-q5kl6lyirl]{margin-top:.75rem;padding:.85rem 1rem;background:#f0f7f4;border:1px solid #d4e4dc;border-radius:10px;display:flex;flex-wrap:wrap;gap:.4rem .9rem;font-size:.81rem;color:#476b65}.yr-attribution strong[b-q5kl6lyirl]{color:#1d6559}.yr-attribution a[b-q5kl6lyirl]{color:#246d62;overflow-wrap:anywhere}

/* UI polish: contrast, action spacing, mobile navigation */
.yr-shell .yr-pager[b-q5kl6lyirl]{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:1.8rem;padding-top:1rem}
.yr-shell .yr-pager a[b-q5kl6lyirl]{display:inline-flex;align-items:center;justify-content:center;min-height:48px;min-width:112px;padding:.78rem 1.1rem;background:#15595b;color:#fff;font-size:.96rem;font-weight:750;line-height:1.35;border-radius:11px;text-decoration:none}
.yr-shell .yr-pager a:hover[b-q5kl6lyirl]{background:#217774;color:#fff}
.yr-shell .yr-pager a:focus-visible[b-q5kl6lyirl],.yr-change-reset:focus-visible[b-q5kl6lyirl],.yr-change-footer a:focus-visible[b-q5kl6lyirl]{outline:3px solid #d5ad49;outline-offset:3px}
.yr-change-footer[b-q5kl6lyirl]{gap:.8rem 1rem;margin-top:1.1rem;margin-bottom:1.25rem;padding-bottom:1.25rem}
.yr-change-footer p[b-q5kl6lyirl]{flex:1 0 100%;margin:0 0 .25rem}
.yr-change-reset[b-q5kl6lyirl],.yr-change-footer a[b-q5kl6lyirl]{display:inline-flex;align-items:center;justify-content:center;min-height:44px}
.yr-change-reset[b-q5kl6lyirl]{padding:.7rem 1rem}
.yr-change-reset:disabled[b-q5kl6lyirl]{opacity:.65;cursor:not-allowed}
.yr-change-footer a[b-q5kl6lyirl]{color:#185d57;text-underline-offset:3px}
.yr-change-section .yr-footnote[b-q5kl6lyirl]{margin-top:0;border-top:1px solid #e1e9e5;padding-top:1.15rem}
@media(max-width:550px){.yr-shell .yr-pager[b-q5kl6lyirl]{gap:.65rem}.yr-shell .yr-pager a[b-q5kl6lyirl]{min-width:0;flex:1;padding:.75rem .65rem;font-size:.89rem}.yr-change-footer a[b-q5kl6lyirl]{width:100%;justify-content:flex-start}}
/* /Components/Pages/QuanTriNguoiDung.razor.rz.scp.css */
.admin-shell[b-270enux6me]{max-width:1180px;margin:0 auto;padding:1rem 0 4rem;color:#244b45}.admin-shell header[b-270enux6me]{margin-bottom:1.5rem}.admin-shell h1[b-270enux6me]{font-size:clamp(1.7rem,4vw,2.2rem)}.admin-shell header p[b-270enux6me],.admin-note[b-270enux6me]{color:#5b7770}.admin-panel[b-270enux6me]{padding:clamp(1.15rem,3vw,2rem);border:1px solid #d7e7e1;background:#fff;border-radius:16px;margin-bottom:1.2rem}.admin-panel h2[b-270enux6me]{font-size:1.3rem}.admin-form[b-270enux6me]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.admin-form label[b-270enux6me]{display:grid;gap:.4rem;font-weight:650}.admin-panel input[b-270enux6me],.admin-panel select[b-270enux6me]{min-height:42px;width:100%;border:1px solid #a9c9bc;border-radius:8px;padding:.55rem;color:#173d35}.admin-panel button[b-270enux6me]{min-height:42px;padding:.55rem .9rem;border-radius:8px;background:#176457;color:white;border:0;font-weight:700}.admin-panel button:hover[b-270enux6me]{background:#105144}.admin-panel button:focus-visible[b-270enux6me],.admin-panel input:focus-visible[b-270enux6me],.admin-panel select:focus-visible[b-270enux6me]{outline:3px solid #e9bc46;outline-offset:2px}.admin-scroll[b-270enux6me]{overflow-x:auto}.admin-panel table[b-270enux6me]{width:100%;border-collapse:collapse;min-width:600px}.admin-panel th[b-270enux6me],.admin-panel td[b-270enux6me]{padding:.8rem;border-bottom:1px solid #dfebe5;text-align:left;vertical-align:top}.admin-panel small[b-270enux6me]{display:block;color:#6d8078}.admin-panel td form[b-270enux6me]{display:inline-flex;gap:.4rem;margin:.2rem;align-items:center}.admin-panel td select[b-270enux6me]{width:auto}.admin-alert[b-270enux6me]{padding:.8rem;background:#fff3df;border:1px solid #e4b96c;border-radius:8px}.admin-success[b-270enux6me]{padding:.8rem;background:#eef8f0;border:1px solid #a3d2b4;border-radius:8px}@media(max-width:700px){.admin-form[b-270enux6me]{grid-template-columns:1fr}.admin-panel[b-270enux6me]{padding:1rem}}
/* /Components/Pages/TaiKhoan.razor.rz.scp.css */
.auth-shell[b-uywqh8i8bx]{max-width:100%;min-height:65vh;display:grid;place-items:center;padding:2rem 1rem}.auth-card[b-uywqh8i8bx]{width:min(100%,450px);padding:clamp(1.4rem,4vw,2.4rem);background:white;border:1px solid #d7e6df;border-radius:18px;box-shadow:0 10px 40px #113e3420;color:#254c47}.auth-icon[b-uywqh8i8bx]{width:54px;height:54px;border-radius:14px;background:#f4d164;display:grid;place-items:center;font-size:1.75rem}.auth-card h1[b-uywqh8i8bx]{font-size:1.65rem;margin:1rem 0 .4rem}.auth-card p[b-uywqh8i8bx]{color:#516e68}.auth-card form[b-uywqh8i8bx]{display:grid;gap:.65rem;margin:1.5rem 0}.auth-card label[b-uywqh8i8bx]{font-size:.9rem;font-weight:750}.auth-card input[b-uywqh8i8bx]{padding:.78rem;border-radius:9px;border:1px solid #a9c3b9;width:100%;color:#163f38}.auth-card input:focus-visible[b-uywqh8i8bx],.auth-card button:focus-visible[b-uywqh8i8bx],.auth-card a:focus-visible[b-uywqh8i8bx]{outline:3px solid #e9bc46;outline-offset:2px}.auth-card button[b-uywqh8i8bx]{border:0;border-radius:10px;background:#166356;color:#fff;font-weight:750;padding:.84rem 1rem;margin-top:.4rem}.auth-card a[b-uywqh8i8bx]{color:#156a5a}.auth-alert[b-uywqh8i8bx]{padding:.8rem;border:1px solid #edc3a2;background:#fff2e6;border-radius:9px}.auth-success[b-uywqh8i8bx]{padding:.8rem;border:1px solid #aed9bd;background:#eff9f0;border-radius:9px}