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

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

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

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

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

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

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

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

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

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

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

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

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

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

#blazor-error-ui[b-un6xazp81x] {
    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-un6xazp81x] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-9nnnscpthv] {
    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-9nnnscpthv] {
    background-color: rgba(255, 255, 255, 0.5);
}

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

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

.bi[b-9nnnscpthv] {
    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-9nnnscpthv] {
    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-9nnnscpthv] {
    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-9nnnscpthv] {
    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-9nnnscpthv] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

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

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

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

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

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

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

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

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

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

        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-57xnb3xd0m],
.components-reconnect-repeated-attempt-visible[b-57xnb3xd0m],
.components-reconnect-failed-visible[b-57xnb3xd0m],
.components-pause-visible[b-57xnb3xd0m],
.components-resume-failed-visible[b-57xnb3xd0m],
.components-rejoining-animation[b-57xnb3xd0m] {
    display: none;
}

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


#components-reconnect-modal[b-57xnb3xd0m] {
    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-57xnb3xd0m 0.5s both;
    &[open]

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

@keyframes components-rejoining-animation-b-57xnb3xd0m {
    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/Layout/WorkspaceNavigation.razor.rz.scp.css */
.navigation-heading[b-iskxu53m6g] { padding: 24px 18px 10px; font-size: 10px; font-weight: 700; letter-spacing: .14em; color: var(--mud-palette-text-secondary); }
.navigation-group[b-iskxu53m6g] { margin: 3px 8px; }
.navigation-group:not(:has(.mud-nav-link))[b-iskxu53m6g] { display: none; }
.navigation-toggle[b-iskxu53m6g] { display: flex; align-items: center; gap: 10px; padding: 10px 12px; min-height: 46px; color: inherit; font: inherit; font-size: 13px; font-weight: 600; cursor: pointer; list-style: none; border-radius: 8px; }
.navigation-toggle[b-iskxu53m6g]::-webkit-details-marker { display: none; }
.navigation-toggle:hover[b-iskxu53m6g] { background: var(--mud-palette-action-default-hover); }
.navigation-toggle:focus-visible[b-iskxu53m6g] { outline: 2px solid var(--mud-palette-primary); outline-offset: -2px; }
.navigation-toggle span[b-iskxu53m6g] { flex: 1; line-height: 1.4; }
.navigation-toggle[b-iskxu53m6g]  .navigation-icon { color: var(--mud-palette-drawer-icon); font-size: 21px; }
.navigation-toggle[b-iskxu53m6g]  .navigation-chevron { font-size: 18px; }
.navigation-group[open] > .navigation-toggle[b-iskxu53m6g] { background: var(--mud-palette-action-default-hover); }
.navigation-group[open] > .navigation-toggle[b-iskxu53m6g]  .navigation-chevron { transform: rotate(90deg); }
.navigation-links[b-iskxu53m6g] { margin: 4px 0 8px 20px; padding-left: 7px; border-left: 1px solid var(--mud-palette-lines-default); }
.navigation-links .navigation-group[b-iskxu53m6g] { margin: 2px 0; }
.navigation-links .navigation-toggle[b-iskxu53m6g] { padding: 9px 6px; gap: 7px; font-size: 12px; }
.navigation-links .navigation-toggle[b-iskxu53m6g]  .navigation-icon { font-size: 18px; }
.navigation-links .navigation-links[b-iskxu53m6g] { margin-left: 12px; padding-left: 2px; }
.navigation-links[b-iskxu53m6g]  .mud-nav-link { padding: 8px 10px; border-radius: 6px; }
.navigation-links[b-iskxu53m6g]  .mud-nav-link-text { margin-left: 8px; font-size: 12px; line-height: 1.5; white-space: normal; }
.navigation-links[b-iskxu53m6g]  .mud-nav-link-icon { font-size: 18px; min-width: 18px; }
/* /Components/Pages/Help.razor.rz.scp.css */
.help-page[b-p6qntgvpjc] { max-width: 1240px; margin: 0 auto; color: var(--mud-palette-text-primary); }
.help-print-only[b-p6qntgvpjc] { display: none; }
.help-hero-links button[b-p6qntgvpjc] { border: 1px solid var(--office-accent); border-radius: 11px; background: var(--office-active); color: var(--office-accent); padding: 11px 17px; font: inherit; font-weight: 650; cursor: pointer; }
.help-hero-links button:disabled[b-p6qntgvpjc] { opacity: .5; cursor: wait; }
.help-hero .help-export-hint[b-p6qntgvpjc] { margin-top: 14px; font-size: .78rem; max-width: 660px; }
.help-hero[b-p6qntgvpjc] { padding: clamp(28px, 5vw, 60px); border: 1px solid var(--office-line); border-radius: 26px; background: radial-gradient(ellipse at 95% 10%, rgba(61, 181, 151, .18), transparent 52%), linear-gradient(120deg, rgba(80, 115, 220, .14), var(--mud-palette-surface)); margin-bottom: 24px; }
.help-eyebrow[b-p6qntgvpjc] { font-size: .68rem; letter-spacing: .16em; font-weight: 800; color: var(--office-accent); margin-bottom: 10px; }
h1[b-p6qntgvpjc] { font-size: clamp(2rem, 4vw, 3.4rem); line-height: 1.12; letter-spacing: -.05em; font-weight: 800; margin: 0 0 18px; }
h2[b-p6qntgvpjc] { font-size: 1.45rem; letter-spacing: -.03em; font-weight: 750; margin: 0 0 12px; }
h3[b-p6qntgvpjc] { font-size: 1.05rem; font-weight: 700; }
p[b-p6qntgvpjc] { line-height: 1.75; color: var(--mud-palette-text-secondary); margin: 0 0 12px; }
.help-hero > p[b-p6qntgvpjc] { max-width: 540px; }
.help-hero-links[b-p6qntgvpjc] { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 25px; }
.help-hero-links a[b-p6qntgvpjc], .help-open[b-p6qntgvpjc] { display: inline-flex; padding: 11px 17px; border-radius: 11px; font-weight: 650; text-decoration: none; gap: 20px; }
.help-hero-links a:first-child[b-p6qntgvpjc] { color: #fff; background: linear-gradient(120deg, #365fcc, #5373d2); box-shadow: 0 5px 16px #365fcc26; }
.help-hero-links a:last-child[b-p6qntgvpjc], .help-open[b-p6qntgvpjc] { color: var(--office-accent); background: var(--mud-palette-surface); border: 1px solid var(--office-line); }
.help-panel[b-p6qntgvpjc] { padding: 28px; border: 1px solid var(--office-line); background: var(--mud-palette-surface); border-radius: 20px; margin: 24px 0; box-shadow: 0 5px 20px #20365a05; }
.help-role[b-p6qntgvpjc] { display: grid; grid-template-columns: 1fr auto; gap: 8px 24px; }
.help-roles[b-p6qntgvpjc] { display: flex; flex-wrap: wrap; align-content: start; gap: 8px; max-width: 300px; }
.help-roles span[b-p6qntgvpjc] { background: var(--office-active); color: var(--office-accent); font-size: .75rem; font-weight: 700; padding: 8px 12px; border-radius: 30px; }
.help-role-tip[b-p6qntgvpjc] { grid-column: 1 / -1; font-size: .88rem; margin: 0; }
.help-section-heading[b-p6qntgvpjc] { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-top: 38px; }
.help-section-heading > span[b-p6qntgvpjc], .help-result-count[b-p6qntgvpjc] { font-size: .8rem; color: var(--mud-palette-text-secondary); }
.help-search[b-p6qntgvpjc] { margin: 12px 0 18px; }
.help-search label[b-p6qntgvpjc] { display: block; font-size: .85rem; font-weight: 650; margin-bottom: 8px; }
.help-search input[b-p6qntgvpjc] { width: 100%; padding: 16px 18px; border: 1px solid var(--office-line); border-radius: 13px; color: inherit; background: var(--mud-palette-surface); font: inherit; }
.help-filters[b-p6qntgvpjc] { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 14px; }
.help-filters button[b-p6qntgvpjc] { border: 1px solid var(--office-line); background: var(--mud-palette-surface); color: var(--mud-palette-text-secondary); padding: 9px 14px; border-radius: 30px; font: inherit; font-size: .8rem; cursor: pointer; }
.help-filters button.selected[b-p6qntgvpjc] { background: var(--office-active); color: var(--office-accent); border-color: var(--office-accent); font-weight: 700; }
.help-guides[b-p6qntgvpjc] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; align-items: start; }
.help-guide[b-p6qntgvpjc] { background: var(--mud-palette-surface); border: 1px solid var(--office-line); border-radius: 17px; overflow: hidden; }
.help-guide > summary[b-p6qntgvpjc] { padding: 23px 48px 23px 23px; position: relative; cursor: pointer; list-style: none; }
.help-guide > summary[b-p6qntgvpjc]::-webkit-details-marker { display: none; }
.help-guide-category[b-p6qntgvpjc] { display: block; color: var(--office-accent); font-size: .67rem; font-weight: 750; text-transform: uppercase; letter-spacing: .09em; margin-bottom: 10px; }
.help-guide-title[b-p6qntgvpjc] { display: block; font-size: 1.05rem; font-weight: 750; margin-bottom: 7px; }
.help-guide-summary[b-p6qntgvpjc] { display: block; font-size: .85rem; line-height: 1.6; color: var(--mud-palette-text-secondary); }
.help-expand[b-p6qntgvpjc] { position: absolute; right: 20px; top: 22px; font-size: 1.4rem; color: var(--office-accent); }
.help-guide[open] .help-expand[b-p6qntgvpjc] { transform: rotate(45deg); }
.help-guide[open][b-p6qntgvpjc] { border-color: var(--office-accent); }
.help-guide-body[b-p6qntgvpjc] { padding: 0 23px 23px; }
.help-guide-body ol[b-p6qntgvpjc] { padding-left: 22px; margin: 0; }
.help-guide-body li[b-p6qntgvpjc] { padding-left: 5px; margin: 0 0 13px; line-height: 1.75; font-size: .88rem; }
.help-guide-body li[b-p6qntgvpjc]::marker { color: var(--office-accent); font-weight: 800; }
.help-example[b-p6qntgvpjc] { border-left: 3px solid var(--office-accent); background: var(--office-active); border-radius: 0 10px 10px 0; padding: 16px; margin: 20px 0; font-size: .85rem; }
.help-example strong[b-p6qntgvpjc] { color: var(--office-accent); }
.help-example p[b-p6qntgvpjc] { margin: 6px 0 0; color: inherit; }
.help-open[b-p6qntgvpjc] { font-size: .8rem; }
.help-faq[b-p6qntgvpjc] { border-top: 1px solid var(--office-line); padding: 16px 0; }
.help-faq summary[b-p6qntgvpjc] { cursor: pointer; font-weight: 600; line-height: 1.6; }
.help-faq p[b-p6qntgvpjc] { margin: 12px 0 0; max-width: 900px; font-size: .9rem; }
.help-support[b-p6qntgvpjc] { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; padding: 32px; border-radius: 22px; border: 1px solid var(--office-line); background: linear-gradient(120deg, var(--office-active), var(--mud-palette-surface)); margin: 24px 0; }
.help-support-template[b-p6qntgvpjc] { border-radius: 14px; background: var(--mud-palette-surface); border: 1px solid var(--office-line); padding: 23px; }
.help-support-template li[b-p6qntgvpjc] { line-height: 1.8; font-size: .88rem; }
.help-support-template p[b-p6qntgvpjc], .help-support-template small[b-p6qntgvpjc] { font-size: .8rem; }
a:hover[b-p6qntgvpjc] { filter: brightness(.95); }
:is(a, button, input, summary):focus-visible[b-p6qntgvpjc] { outline: 3px solid var(--office-accent); outline-offset: 3px; }
section[id][b-p6qntgvpjc] { scroll-margin-top: 95px; }
@media (max-width: 750px) { .help-guides[b-p6qntgvpjc], .help-support[b-p6qntgvpjc], .help-role[b-p6qntgvpjc] { grid-template-columns: 1fr; } .help-panel[b-p6qntgvpjc], .help-support[b-p6qntgvpjc] { padding: 22px; } .help-section-heading[b-p6qntgvpjc] { align-items: start; flex-direction: column; gap: 0; } .help-roles[b-p6qntgvpjc] { max-width: none; margin-bottom: 8px; } }
@media print {
    .help-page[b-p6qntgvpjc] { --office-accent: #305b9c; --office-line: #d5deeb; --office-active: #edf4fa; --mud-palette-surface: #fff; --mud-palette-text-secondary: #42536b; --mud-palette-text-primary: #20334e; color: #20334e; font-size: 10pt; max-width: none; print-color-adjust: exact; -webkit-print-color-adjust: exact; }
    .help-print-only[b-p6qntgvpjc] { display: block; }
    .help-hero-links[b-p6qntgvpjc], .help-export-hint[b-p6qntgvpjc], .help-screen-guides[b-p6qntgvpjc] { display: none !important; }
    .help-hero[b-p6qntgvpjc] { padding: 26px; border-radius: 0; border-top: 5px solid #305b9c; background: #eef4fb; margin: 0 0 18px; break-inside: avoid; }
    h1[b-p6qntgvpjc] { font-size: 30pt; }
    h2[b-p6qntgvpjc] { font-size: 17pt; break-after: avoid; }
    h3[b-p6qntgvpjc] { font-size: 12pt; break-after: avoid; }
    p[b-p6qntgvpjc], li[b-p6qntgvpjc] { orphans: 3; widows: 3; }
    .help-document-title[b-p6qntgvpjc] { border-top: 1px solid #bbcde4; margin-top: 22px; padding-top: 14px; }
    .help-panel[b-p6qntgvpjc], .help-support[b-p6qntgvpjc] { display: block; margin: 18px 0; padding: 20px; border-radius: 0; box-shadow: none; background: #fff; }
    .help-role[b-p6qntgvpjc] { break-inside: avoid; }
    .help-roles[b-p6qntgvpjc] { max-width: none; margin: 12px 0; }
    .help-role-tip[b-p6qntgvpjc] { margin-top: 7px; }
    .help-contents[b-p6qntgvpjc] { border: 1px solid #d5deeb; padding: 18px; margin: 20px 0; break-inside: avoid; }
    .help-print-category[b-p6qntgvpjc] { break-before: page; }
    .help-print-category > h2[b-p6qntgvpjc] { border-bottom: 2px solid #305b9c; padding-bottom: 12px; margin-bottom: 20px; }
    .help-print-article[b-p6qntgvpjc] { break-inside: avoid; border-bottom: 1px solid #d5deeb; padding: 0 0 18px; margin: 0 0 22px; }
    .help-print-article li[b-p6qntgvpjc] { line-height: 1.65; margin-bottom: 8px; }
    .help-print-article ol[b-p6qntgvpjc] { padding-left: 22px; }
    .help-example[b-p6qntgvpjc] { margin: 12px 0; padding: 12px 16px; border-radius: 0; }
    .help-print-route[b-p6qntgvpjc] { font-size: 8pt; color: #526885; margin: 0; }
    .help-faq[b-p6qntgvpjc] { break-inside: avoid; }
    .help-faq summary[b-p6qntgvpjc] { list-style: none; }
    .help-support[b-p6qntgvpjc] { break-inside: avoid; }
    .help-support-template[b-p6qntgvpjc] { margin-top: 18px; border-radius: 0; }
}
/* /Components/Pages/HR/Payslip.razor.rz.scp.css */
.payslip-tools[b-ajyjen2bmv] { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:16px; margin-bottom:20px; }
.payslip-scroll[b-ajyjen2bmv] { overflow-x:auto; padding:2px 2px 24px; }
.salary-statement[b-ajyjen2bmv] { box-sizing:border-box; width:100%; max-width:210mm; min-width:660px; margin:0 auto; padding:12mm; background:#fff; color:#111; font:12px/1.4 "Times New Roman", Times, serif; border:1px solid #d9dfdc; box-shadow:0 8px 28px #17382912; }
.statement-header[b-ajyjen2bmv] { display:grid; grid-template-columns:1fr 88px; align-items:center; gap:18px; margin-bottom:20px; text-align:center; }
.statement-header p[b-ajyjen2bmv] { margin:0 0 4px; font-size:16px; font-weight:bold; }
.statement-header h1[b-ajyjen2bmv] { margin:0 0 6px; font:700 20px/1.2 "Times New Roman", Times, serif; }
.statement-header h2[b-ajyjen2bmv] { margin:0; font:700 15px/1.3 "Times New Roman", Times, serif; }
.statement-header img[b-ajyjen2bmv] { width:88px; height:88px; object-fit:contain; }
.salary-statement table[b-ajyjen2bmv] { width:100%; border-collapse:collapse; table-layout:fixed; color:#111; }
.salary-statement td[b-ajyjen2bmv], .salary-statement th[b-ajyjen2bmv] { overflow-wrap:anywhere; }
.personal-details[b-ajyjen2bmv] { margin-bottom:16px; border-top:1px solid #222; border-bottom:1px solid #222; }
.personal-details td[b-ajyjen2bmv] { padding:6px 5px; vertical-align:top; }
.pay-section[b-ajyjen2bmv] { margin-top:12px; }
.pay-section h3[b-ajyjen2bmv] { font:700 14px/1.3 "Times New Roman", Times, serif; margin:0 0 5px; break-after:avoid; }
.amount-table td[b-ajyjen2bmv], .amount-table th[b-ajyjen2bmv] { border:1px solid #333; padding:5px 6px; }
.amount-table th[b-ajyjen2bmv] { text-align:left; font-weight:bold; }
.amount-table thead th[b-ajyjen2bmv] { background:#f2f3f2; }
.description-column[b-ajyjen2bmv] { width:35%; }
.amount-column[b-ajyjen2bmv] { width:15%; }
.amount-table .amount[b-ajyjen2bmv] { text-align:right; font-variant-numeric:tabular-nums; white-space:nowrap; }
.amount-table tfoot[b-ajyjen2bmv] { font-weight:bold; }
.empty-row[b-ajyjen2bmv] { color:#555; font-style:italic; }
.salary-totals[b-ajyjen2bmv] { margin-top:18px; border:2px solid #222; text-align:center; break-inside:avoid; }
.salary-totals th[b-ajyjen2bmv] { padding:7px 5px 3px; font-size:13px; border-right:1px solid #333; }
.salary-totals td[b-ajyjen2bmv] { padding:3px 5px 8px; font-size:17px; font-weight:bold; border-right:1px solid #333; font-variant-numeric:tabular-nums; }
.statement-reference[b-ajyjen2bmv] { padding:12px 0; font-size:11px; overflow-wrap:anywhere; }
.salary-statement footer[b-ajyjen2bmv] { border-top:1px solid #333; padding-top:8px; font-size:10px; break-inside:avoid; }
.salary-statement footer p[b-ajyjen2bmv] { margin:0 0 4px; font-style:italic; }
.draft-notice[b-ajyjen2bmv] { border:1px solid #333; padding:6px; text-align:center; font-weight:bold; margin-bottom:12px; }
@media print {
    .payslip-tools[b-ajyjen2bmv] { display:none!important; }
    .payslip-scroll[b-ajyjen2bmv] { overflow:visible; padding:0; }
    .salary-statement[b-ajyjen2bmv] { width:100%; max-width:none; min-width:0; margin:0; padding:0; border:0; box-shadow:none; print-color-adjust:exact; -webkit-print-color-adjust:exact; }
    .statement-header[b-ajyjen2bmv] { break-inside:avoid; }
    .salary-statement tr[b-ajyjen2bmv] { break-inside:avoid; }
    .amount-table thead[b-ajyjen2bmv] { display:table-header-group; }
    .amount-table tfoot[b-ajyjen2bmv] { display:table-row-group; }
}
/* /Components/Pages/Login.razor.rz.scp.css */
.eo-access[b-83yhzzsahw] { --ink:#172e2a; --muted:#667570; --green:#195c49; --gold:#edca89; display:grid; grid-template-columns:1.08fr 1fr; min-height:100svh; color:var(--ink); background:#fafbf8; font-family:Inter,'Segoe UI',sans-serif; }
.access-story[b-83yhzzsahw] { position:relative; isolation:isolate; overflow:hidden; display:flex; flex-direction:column; min-height:100svh; padding:38px clamp(30px,4.8vw,84px) 26px; background:#102d28; color:#fff; }
.ambient[b-83yhzzsahw] { position:absolute; z-index:-2; border-radius:50%; pointer-events:none; filter:blur(75px); animation:ambient-drift-b-83yhzzsahw 18s ease-in-out infinite alternate; }
.ambient-teal[b-83yhzzsahw] { width:520px; height:520px; top:-190px; right:-160px; background:#2c78624a; }.ambient-gold[b-83yhzzsahw] { width:440px; height:440px; bottom:-270px; left:-100px; background:#c4a26530; animation-delay:-9s; }
.story-grid[b-83yhzzsahw] { position:absolute; inset:0; z-index:-1; opacity:.14; pointer-events:none; background-image:linear-gradient(#74a38f24 1px,transparent 1px),linear-gradient(90deg,#74a38f24 1px,transparent 1px); background-size:58px 58px; mask-image:linear-gradient(transparent,#000 40%,transparent); }
.access-brand[b-83yhzzsahw] { display:inline-flex; gap:12px; align-items:center; align-self:flex-start; color:#fff; text-decoration:none; font-size:23px; font-weight:700; letter-spacing:-.6px; }
.brand-mark[b-83yhzzsahw] { display:grid; place-items:center; width:45px; height:45px; border:1px solid #89b8a84d; border-radius:13px; background:#ffffff09; color:var(--gold); }.brand-mark[b-83yhzzsahw]  svg { width:25px; height:25px; }.brand-caption[b-83yhzzsahw] { display:block; font-size:8px; letter-spacing:2.2px; font-weight:500; color:#a7c2b9; margin-top:2px; }
.story-body[b-83yhzzsahw] { margin:auto 0; padding:46px 0 14px; }.story-eyebrow[b-83yhzzsahw],.entry-eyebrow[b-83yhzzsahw] { font-size:10px; font-weight:600; letter-spacing:2.2px; }.story-eyebrow[b-83yhzzsahw] { color:#b4d6c9; display:flex; gap:9px; align-items:center; animation:access-enter-b-83yhzzsahw .7s both; }.story-eyebrow>span[b-83yhzzsahw] { width:6px; height:6px; border-radius:50%; background:#bcdb9e; box-shadow:0 0 16px #bcdb9e60; }
.story-body h1[b-83yhzzsahw] { color:#f8f7ef; font-size:clamp(39px,4.05vw,65px); font-weight:500; line-height:1.13; letter-spacing:-2.7px; margin:24px 0 20px; animation:access-enter-b-83yhzzsahw .8s .08s both; }.story-body h1 em[b-83yhzzsahw] { color:var(--gold); font-family:Georgia,'Times New Roman',serif; font-weight:400; letter-spacing:-2px; }.story-body>p[b-83yhzzsahw] { font-size:13px; line-height:1.9; color:#afc7bd; margin:0; animation:access-enter-b-83yhzzsahw .8s .16s both; }
.workspace-art[b-83yhzzsahw] { position:relative; max-width:425px; height:290px; margin:18px auto 0; animation:access-enter-b-83yhzzsahw 1s .26s both; }
.orbit[b-83yhzzsahw] { position:absolute; border:1px solid #7fac9630; border-radius:50%; pointer-events:none; }.orbit-outer[b-83yhzzsahw] { width:320px; height:280px; left:45px; top:12px; transform:rotate(-20deg); }.orbit-inner[b-83yhzzsahw] { width:250px; height:240px; top:29px; left:78px; border-style:dashed; opacity:.5; animation:orbit-turn-b-83yhzzsahw 65s linear infinite; }
.art-sheet[b-83yhzzsahw] { position:absolute; width:250px; height:200px; left:50%; top:42px; border-radius:13px; }.sheet-back[b-83yhzzsahw] { background:#35594b; border:1px solid #80a89650; transform:translateX(-50%) rotate(-13deg); }.sheet-middle[b-83yhzzsahw] { background:#779180; transform:translateX(-50%) rotate(-6deg); box-shadow:0 12px 30px #071d2940; }.sheet-front[b-83yhzzsahw] { padding:20px; background:#f7f8ef; color:#264237; transform:translateX(-50%) rotate(3deg); box-shadow:0 22px 45px #061b2340; animation:sheet-hover-b-83yhzzsahw 7s ease-in-out infinite; }
.sheet-heading[b-83yhzzsahw] { display:flex; align-items:center; gap:8px; }.mini-logo[b-83yhzzsahw] { display:grid; place-items:center; border-radius:7px; width:28px; height:28px; background:#e1ebdf; color:#32694c; }.mini-logo[b-83yhzzsahw]  svg { width:17px; }.sheet-tag[b-83yhzzsahw] { font-size:7px; letter-spacing:1.2px; font-weight:700; }.sheet-dots[b-83yhzzsahw] { margin-left:auto; color:#8f9c8d; font-size:12px; letter-spacing:1px; }.sheet-title[b-83yhzzsahw] { font-size:14px; font-weight:600; margin:15px 0 12px; }.sheet-line[b-83yhzzsahw] { height:5px; background:#dfe5db; border-radius:5px; margin-top:6px; }.line-wide[b-83yhzzsahw] { width:82%; }.line-short[b-83yhzzsahw] { width:58%; }.sheet-workflow[b-83yhzzsahw] { display:flex; align-items:center; gap:7px; margin:16px 0; }.sheet-workflow>span[b-83yhzzsahw] { width:25px; height:25px; border:1px solid #cedbcf; border-radius:50%; display:grid; place-items:center; background:#e8efe3; }.sheet-workflow[b-83yhzzsahw]  svg { width:13px; }.sheet-workflow i[b-83yhzzsahw] { height:1px; width:40px; background:#c6d3c3; }.sheet-bottom[b-83yhzzsahw] { border-top:1px solid #e0e7dd; padding-top:8px; display:flex; align-items:center; gap:8px; font-size:6px; color:#71816f; }.avatar-dots[b-83yhzzsahw] { display:flex; padding-left:4px; }.avatar-dots b[b-83yhzzsahw] { display:grid; place-items:center; margin-left:-4px; width:18px; height:18px; border:2px solid #f7f8ef; border-radius:50%; background:#c5d7b9; font-size:6px; }.avatar-dots b:nth-child(2)[b-83yhzzsahw]{background:#ddc8a9;}.avatar-dots b:nth-child(3)[b-83yhzzsahw]{background:#b2cbd0;}
.floating-note[b-83yhzzsahw] { position:absolute; display:flex; align-items:center; gap:10px; padding:12px 15px; border-radius:12px; box-shadow:0 12px 28px #061b232b; backdrop-filter:blur(12px); animation:note-hover-b-83yhzzsahw 8s ease-in-out infinite; }.note-approved[b-83yhzzsahw] { top:14px; right:-10px; background:#edf4e7; color:#2a4d3e; transform:rotate(3deg); }.note-people[b-83yhzzsahw] { bottom:12px; left:-15px; background:#264a40e6; color:#e7f0e8; border:1px solid #9abe9f40; animation-delay:-4s; }.note-icon[b-83yhzzsahw] { display:grid; place-items:center; width:30px; height:30px; border-radius:50%; background:#cfe2c980; color:#326a49; }.note-people .note-icon[b-83yhzzsahw] { background:#71978333; color:#cde3b3; }.note-icon[b-83yhzzsahw]  svg { width:18px; }.floating-note strong[b-83yhzzsahw] { display:block; font-size:10px; font-weight:600; }.floating-note small[b-83yhzzsahw] { display:block; font-size:8px; opacity:.75; margin-top:3px; }.art-spark[b-83yhzzsahw] { position:absolute; color:var(--gold); font-size:25px; animation:spark-glow-b-83yhzzsahw 5s ease-in-out infinite alternate; }.spark-one[b-83yhzzsahw] { left:25px; top:46px; }.spark-two[b-83yhzzsahw] { right:7px; bottom:45px; font-size:17px; animation-delay:-2s; }
.story-footer[b-83yhzzsahw] { display:flex; justify-content:space-between; align-items:center; gap:16px; font-size:9px; color:#a0baaf; padding-top:16px; border-top:1px solid #83a79125; }.story-footer i[b-83yhzzsahw] { font-style:normal; padding:0 7px; color:#688f7d; }.motion-control[b-83yhzzsahw] { display:flex; align-items:center; gap:3px; border:0; padding:6px 0 6px 6px; color:#b1c9bc; background:transparent; font-size:9px; cursor:pointer; }.motion-control[b-83yhzzsahw]  svg { width:14px; height:14px; }
.access-entry[b-83yhzzsahw] { position:relative; display:flex; flex-direction:column; padding:38px clamp(28px,5vw,82px) 26px; background:radial-gradient(ellipse at 100% 0%,#e5ebe152,transparent 55%),#fafbf8; }.entry-top[b-83yhzzsahw],.entry-footer[b-83yhzzsahw] { display:flex; align-items:center; justify-content:space-between; gap:16px; font-size:9px; color:#66766c; }.entry-tag[b-83yhzzsahw] { font-size:8px; font-weight:600; letter-spacing:1.3px; display:flex; align-items:center; gap:6px; }.entry-tag>span[b-83yhzzsahw] { width:5px; height:5px; border-radius:50%; background:#609574; }.entry-edition[b-83yhzzsahw] { font-size:9px; color:#7c897f; }
.entry-card[b-83yhzzsahw] { width:100%; max-width:385px; margin:auto; padding:55px 0; animation:access-enter-b-83yhzzsahw .85s .15s both; }.welcome-icon[b-83yhzzsahw] { width:47px; height:47px; display:grid; place-items:center; border-radius:14px; border:1px solid #dce5d8; background:#f0f4e9; color:#315c43; margin-bottom:26px; }.welcome-icon[b-83yhzzsahw]  svg { width:24px; transform-origin:75% 75%; animation:hello-wave-b-83yhzzsahw 1.5s .8s both; }.entry-eyebrow[b-83yhzzsahw] { font-size:8px; letter-spacing:1.8px; color:#76826e; }.entry-card h2[b-83yhzzsahw] { font-size:clamp(32px,3.05vw,46px); font-weight:600; letter-spacing:-1.8px; line-height:1.2; margin:11px 0 14px; color:#1c3429; }.entry-card h2>span[b-83yhzzsahw] { color:#91a574; }.entry-intro[b-83yhzzsahw] { font-size:12px; line-height:1.85; color:#6a786d; margin:0 0 31px; }
.access-field[b-83yhzzsahw] { margin-bottom:20px; }.access-field label[b-83yhzzsahw] { display:block; font-size:11px; font-weight:600; margin-bottom:9px; color:#344639; }.field-wrap[b-83yhzzsahw] { display:flex; align-items:center; gap:10px; padding:0 15px; border:1px solid #d9e0d6; border-radius:10px; background:#fff; box-shadow:0 2px 2px #243b2710; transition:border-color .2s,box-shadow .2s,transform .2s; }.field-wrap:focus-within[b-83yhzzsahw] { border-color:#648970; box-shadow:0 0 0 4px #42775812,0 4px 10px #243b2708; transform:translateY(-1px); }.field-icon[b-83yhzzsahw] { color:#8c9b8c; display:flex; }.field-icon[b-83yhzzsahw]  svg { width:18px; height:18px; }.field-wrap input[b-83yhzzsahw] { min-width:0; width:100%; height:51px; padding:0; outline:0; border:0; background:transparent; color:#263e2f; font-family:inherit; font-size:12px; box-shadow:none; }.field-wrap input[b-83yhzzsahw]::placeholder { color:#99a398; opacity:1; }.field-wrap input:autofill[b-83yhzzsahw] { border-radius:5px; }.password-toggle[b-83yhzzsahw] { display:grid; place-items:center; flex-shrink:0; width:34px; height:38px; border:0; border-radius:6px; background:transparent; color:#82917f; cursor:pointer; margin-right:-7px; }.password-toggle:hover[b-83yhzzsahw] { background:#f0f5ed; color:#31563a; }.password-toggle[b-83yhzzsahw]  svg { width:17px; }
.access-session[b-83yhzzsahw] { display:flex; align-items:center; gap:6px; color:#7b8977; font-size:9px; margin:2px 0 23px; }.access-session[b-83yhzzsahw]  svg { width:13px; height:13px; }.access-submit[b-83yhzzsahw] { position:relative; overflow:hidden; display:flex; justify-content:center; align-items:center; gap:10px; min-height:52px; width:100%; border:1px solid #204e38; border-radius:10px; padding:14px 20px; background:linear-gradient(110deg,#215a41,#163f2f); color:#fff; font-size:12px; font-weight:600; cursor:pointer; box-shadow:0 6px 14px #1b4a3524; transition:transform .2s,box-shadow .2s,filter .2s; }.access-submit[b-83yhzzsahw]::before { content:""; position:absolute; inset:0; background:linear-gradient(110deg,transparent 30%,#ffffff18 50%,transparent 70%); transform:translateX(-120%); transition:transform .65s; pointer-events:none; }.access-submit:hover[b-83yhzzsahw] { transform:translateY(-2px); box-shadow:0 10px 20px #1b4a3533; filter:brightness(1.08); }.access-submit:hover[b-83yhzzsahw]::before { transform:translateX(120%); }.access-submit:active[b-83yhzzsahw] { transform:translateY(0); }.submit-arrow[b-83yhzzsahw] { position:absolute; right:20px; font-size:20px; line-height:1; transition:transform .2s; }.access-submit:hover .submit-arrow[b-83yhzzsahw] { transform:translate(2px,-2px); }.submit-pending[b-83yhzzsahw],.submit-spinner[b-83yhzzsahw] { display:none; }.access-submit:disabled[b-83yhzzsahw] { opacity:.8; cursor:wait; transform:none; }.access-form[aria-busy="true"] .submit-label[b-83yhzzsahw],.access-form[aria-busy="true"] .submit-arrow[b-83yhzzsahw] { display:none; }.access-form[aria-busy="true"] .submit-pending[b-83yhzzsahw] { display:inline; }.access-form[aria-busy="true"] .submit-spinner[b-83yhzzsahw] { display:block; width:14px; height:14px; border:2px solid #ffffff55; border-top-color:#fff; border-radius:50%; animation:orbit-turn-b-83yhzzsahw .8s linear infinite; }
.entry-help[b-83yhzzsahw] { text-align:center; margin:25px 0 27px; font-size:10px; color:#54684f; }.entry-help>span[b-83yhzzsahw] { font-weight:600; }.entry-help p[b-83yhzzsahw] { margin:5px 0 0; font-size:9px; color:#809078; line-height:1.7; }.entry-divider[b-83yhzzsahw] { height:1px; background:linear-gradient(90deg,transparent,#dfe5da 25%,#dfe5da 75%,transparent); }.entry-assurance[b-83yhzzsahw] { display:flex; align-items:center; justify-content:center; gap:10px; margin-top:24px; }.assurance-icon[b-83yhzzsahw] { width:30px; height:33px; display:grid; place-items:center; color:#809770; }.assurance-icon[b-83yhzzsahw]  svg { width:25px; }.entry-assurance p[b-83yhzzsahw] { margin:0; }.entry-assurance strong[b-83yhzzsahw] { display:block; color:#55674e; font-size:9px; font-weight:600; }.entry-assurance p>span[b-83yhzzsahw] { display:block; color:#8a967f; font-size:8px; margin-top:4px; }.entry-footer[b-83yhzzsahw] { font-size:8px; color:#899681; }.entry-footer>span:last-child>span[b-83yhzzsahw] { color:#7b9964; margin-left:4px; }.access-error[b-83yhzzsahw] { display:flex; gap:9px; align-items:flex-start; border:1px solid #edcfbf; border-radius:9px; background:#fff3ed; color:#8a3a23; font-size:11px; line-height:1.7; padding:12px; margin-bottom:20px; }.access-error[b-83yhzzsahw]  svg { width:18px; flex-shrink:0; margin-top:1px; }
.eo-access button:focus-visible[b-83yhzzsahw],.access-brand:focus-visible[b-83yhzzsahw] { outline:3px solid #a3b987; outline-offset:4px; }.motion-paused *[b-83yhzzsahw] { animation-play-state:paused!important; }
@keyframes access-enter-b-83yhzzsahw { from { opacity:0; transform:translateY(16px); } to { opacity:1; transform:translateY(0); } }@keyframes ambient-drift-b-83yhzzsahw { to { transform:translate(35px,45px) scale(1.12); } }@keyframes sheet-hover-b-83yhzzsahw { 0%,100% { transform:translateX(-50%) translateY(0) rotate(3deg); } 50% { transform:translateX(-50%) translateY(-8px) rotate(1deg); } }@keyframes note-hover-b-83yhzzsahw { 0%,100% { translate:0 0; } 50% { translate:0 -9px; } }@keyframes orbit-turn-b-83yhzzsahw { to { rotate:360deg; } }@keyframes spark-glow-b-83yhzzsahw { from { opacity:.4; scale:.8; } to { opacity:1; scale:1.05; } }@keyframes hello-wave-b-83yhzzsahw { 0%,100% { rotate:0deg; } 25% { rotate:15deg; } 50% { rotate:-8deg; } 75% { rotate:12deg; } }
@media (min-width:1600px) { .story-body[b-83yhzzsahw] { max-width:600px; }.workspace-art[b-83yhzzsahw] { margin-top:35px; height:320px; }.entry-card[b-83yhzzsahw] { max-width:410px; }.field-wrap input[b-83yhzzsahw] { height:56px; } }
@media (max-width:1100px) { .access-story[b-83yhzzsahw] { padding-left:32px; padding-right:32px; }.access-entry[b-83yhzzsahw] { padding-left:35px; padding-right:35px; }.story-body h1[b-83yhzzsahw] { font-size:43px; }.story-footer[b-83yhzzsahw] { flex-wrap:wrap; }.note-approved[b-83yhzzsahw] { right:-12px; }.note-people[b-83yhzzsahw] { left:-14px; }.entry-edition[b-83yhzzsahw] { display:none; } }
@media (max-width:800px) { .eo-access[b-83yhzzsahw] { grid-template-columns:1fr; }.access-story[b-83yhzzsahw] { min-height:0; padding:25px 28px 30px; }.access-brand[b-83yhzzsahw] { font-size:20px; }.brand-mark[b-83yhzzsahw] { width:39px; height:39px; }.story-body[b-83yhzzsahw] { padding:29px 0 0; }.story-body h1[b-83yhzzsahw] { font-size:38px; letter-spacing:-1.6px; margin:13px 0 12px; }.story-body h1 br:first-child[b-83yhzzsahw] { display:none; }.story-body h1 em[b-83yhzzsahw] { letter-spacing:-1px; }.story-eyebrow[b-83yhzzsahw] { font-size:8px; }.story-body>p[b-83yhzzsahw] { font-size:11px; }.workspace-art[b-83yhzzsahw],.story-footer[b-83yhzzsahw] { display:none; }.access-entry[b-83yhzzsahw] { padding:26px 28px 23px; }.entry-card[b-83yhzzsahw] { max-width:440px; padding:28px 0 35px; }.welcome-icon[b-83yhzzsahw] { display:none; }.entry-card h2[b-83yhzzsahw] { font-size:36px; }.entry-intro[b-83yhzzsahw] { margin-bottom:25px; }.entry-top[b-83yhzzsahw],.entry-footer[b-83yhzzsahw] { max-width:440px; width:100%; margin:0 auto; }.entry-assurance[b-83yhzzsahw] { margin-top:20px; }.entry-footer[b-83yhzzsahw] { flex-wrap:wrap; }.ambient[b-83yhzzsahw] { animation:none; }.entry-card[b-83yhzzsahw] { animation-delay:.05s; } }
@media (max-width:380px) { .access-story[b-83yhzzsahw],.access-entry[b-83yhzzsahw] { padding-left:22px; padding-right:22px; }.story-body h1[b-83yhzzsahw] { font-size:32px; }.desktop-break[b-83yhzzsahw] { display:none; }.entry-footer[b-83yhzzsahw] { gap:8px; } }
@media (prefers-reduced-motion:reduce) { .eo-access *[b-83yhzzsahw],.eo-access *[b-83yhzzsahw]::before { animation:none!important; transition:none!important; }.motion-control[b-83yhzzsahw] { display:none; } }

/* Ambient motion stays on transforms and opacity, away from the sign-in fields. */
.story-particles[b-83yhzzsahw] { position:absolute; inset:0; z-index:-1; pointer-events:none; overflow:hidden; }
.story-particles i[b-83yhzzsahw] { position:absolute; width:4px; height:4px; border-radius:50%; background:#edca89; opacity:.25; animation:particle-drift-b-83yhzzsahw 15s ease-in-out infinite; }
.story-particles i:nth-child(1)[b-83yhzzsahw] { left:12%; top:22%; }
.story-particles i:nth-child(2)[b-83yhzzsahw] { left:78%; top:35%; width:6px; height:6px; animation-delay:-4s; }
.story-particles i:nth-child(3)[b-83yhzzsahw] { left:42%; top:68%; animation-delay:-8s; }
.story-particles i:nth-child(4)[b-83yhzzsahw] { left:88%; top:82%; animation-delay:-11s; }
.story-particles i:nth-child(5)[b-83yhzzsahw] { left:22%; top:87%; width:3px; height:3px; animation-delay:-6s; }
.access-brand[b-83yhzzsahw] { animation:access-enter-b-83yhzzsahw .75s ease both; }
.brand-mark[b-83yhzzsahw] { transition:transform .3s ease,background .3s ease; }
.access-brand:hover .brand-mark[b-83yhzzsahw] { transform:rotate(-6deg) translateY(-2px); background:#ffffff18; }
.story-eyebrow>span[b-83yhzzsahw],.entry-tag>span[b-83yhzzsahw] { animation:status-breathe-b-83yhzzsahw 4s ease-in-out infinite; }
.story-body h1 em[b-83yhzzsahw] { position:relative; display:inline-block; }
.story-body h1 em[b-83yhzzsahw]::after { content:""; position:absolute; left:0; bottom:-8px; width:100%; height:2px; background:linear-gradient(90deg,#edca8970,transparent); transform-origin:left; animation:accent-reveal-b-83yhzzsahw 1.2s .6s ease both; }
.orbit-outer[b-83yhzzsahw]::after { content:""; position:absolute; left:50%; top:-4px; width:7px; height:7px; background:#edca89; border-radius:50%; box-shadow:0 0 14px #edca8966; }
.orbit-outer[b-83yhzzsahw] { animation:orbit-turn-b-83yhzzsahw 42s linear infinite; }
.sheet-line[b-83yhzzsahw] { transform-origin:left; animation:document-lines-b-83yhzzsahw 6s ease-in-out infinite; }
.line-short[b-83yhzzsahw] { animation-delay:-.8s; }
.sheet-workflow i[b-83yhzzsahw] { position:relative; overflow:hidden; }
.sheet-workflow i[b-83yhzzsahw]::after { content:""; position:absolute; inset:-1px 0; background:#398d64; transform:translateX(-100%); animation:workflow-progress-b-83yhzzsahw 4s ease-in-out infinite; }
.sheet-workflow i:nth-of-type(2)[b-83yhzzsahw]::after { animation-delay:.55s; }
.sheet-workflow>span:last-child[b-83yhzzsahw] { animation:approval-breathe-b-83yhzzsahw 4s 1s ease-in-out infinite; }
.entry-eyebrow[b-83yhzzsahw],.entry-card h2[b-83yhzzsahw],.entry-intro[b-83yhzzsahw],.access-field[b-83yhzzsahw],.access-session[b-83yhzzsahw],.entry-help[b-83yhzzsahw],.entry-assurance[b-83yhzzsahw] { animation:access-enter-b-83yhzzsahw .65s ease both; }
.entry-eyebrow[b-83yhzzsahw] { animation-delay:.18s; }.entry-card h2[b-83yhzzsahw] { animation-delay:.24s; }.entry-intro[b-83yhzzsahw] { animation-delay:.30s; }
.access-field:nth-of-type(1)[b-83yhzzsahw] { animation-delay:.36s; }.access-field:nth-of-type(2)[b-83yhzzsahw] { animation-delay:.44s; }
.access-session[b-83yhzzsahw] { animation-delay:.50s; }.entry-help[b-83yhzzsahw] { animation-delay:.56s; }.entry-assurance[b-83yhzzsahw] { animation-delay:.62s; }
.field-icon[b-83yhzzsahw] { transition:transform .2s ease,color .2s ease; }
.field-wrap:focus-within .field-icon[b-83yhzzsahw] { transform:scale(1.12); color:#397354; }
.welcome-icon:hover[b-83yhzzsahw]  svg { animation:hello-wave-b-83yhzzsahw 1.2s ease both; }
.access-submit:focus-visible[b-83yhzzsahw]::before { transform:translateX(120%); }
@keyframes particle-drift-b-83yhzzsahw { 0%,100% { transform:translate3d(0,0,0); opacity:.15; } 50% { transform:translate3d(14px,-32px,0); opacity:.6; } }
@keyframes status-breathe-b-83yhzzsahw { 0%,100% { opacity:.6; transform:scale(.9); } 50% { opacity:1; transform:scale(1.15); } }
@keyframes accent-reveal-b-83yhzzsahw { from { transform:scaleX(0); } to { transform:scaleX(1); } }
@keyframes document-lines-b-83yhzzsahw { 0%,100% { transform:scaleX(1); opacity:1; } 50% { transform:scaleX(.88); opacity:.6; } }
@keyframes workflow-progress-b-83yhzzsahw { 0%,15% { transform:translateX(-100%); } 60%,100% { transform:translateX(100%); } }
@keyframes approval-breathe-b-83yhzzsahw { 0%,100% { transform:scale(1); } 50% { transform:scale(1.1); } }
.motion-paused *[b-83yhzzsahw], .motion-paused *[b-83yhzzsahw]::before, .motion-paused *[b-83yhzzsahw]::after { animation-play-state:paused!important; }
.motion-paused .entry-card[b-83yhzzsahw],.motion-paused .entry-eyebrow[b-83yhzzsahw],.motion-paused .entry-card h2[b-83yhzzsahw],.motion-paused .entry-intro[b-83yhzzsahw],.motion-paused .access-field[b-83yhzzsahw],.motion-paused .access-session[b-83yhzzsahw],.motion-paused .entry-help[b-83yhzzsahw],.motion-paused .entry-assurance[b-83yhzzsahw] { animation:none; opacity:1; }
@media (max-width:800px) {
    .story-footer[b-83yhzzsahw] { display:flex; justify-content:flex-end; border:0; padding-top:8px; }
    .story-footer>span[b-83yhzzsahw] { display:none; }
    .story-particles i:nth-child(n+4)[b-83yhzzsahw] { display:none; }
    .entry-card[b-83yhzzsahw],.access-field[b-83yhzzsahw] { animation-duration:.4s; animation-delay:0s; }
}
@media (prefers-reduced-motion:reduce) {
    .eo-access *[b-83yhzzsahw], .eo-access *[b-83yhzzsahw]::before, .eo-access *[b-83yhzzsahw]::after { animation:none!important; transition:none!important; }
    .story-particles[b-83yhzzsahw] { display:none; }
}

/* Official emblem on a white seal keeps the original artwork clear. */
.access-brand[b-83yhzzsahw] { font-size:clamp(16px,1.7vw,24px); letter-spacing:-.3px; line-height:1.3; gap:16px; }
.brand-mark[b-83yhzzsahw] { width:84px; height:84px; flex:none; border-radius:50%; background:#fff; padding:8px; border:3px solid #dcebdc; box-shadow:0 0 0 6px #ffffff0c; }
.brand-mark img[b-83yhzzsahw] { width:100%; height:100%; object-fit:contain; }
.access-brand:hover .brand-mark[b-83yhzzsahw] { background:#fff; transform:translateY(-2px); }
.brand-caption[b-83yhzzsahw] { font-size:11px; letter-spacing:.35px; line-height:1.5; margin-top:6px; }
.login-emblem[b-83yhzzsahw] { width:124px; height:124px; padding:10px; margin:0 auto 24px; background:#fff; border:1px solid #d9e5d9; border-radius:50%; box-shadow:0 8px 28px #195c4912,0 0 0 7px #195c4905; animation:emblem-float-b-83yhzzsahw 5s ease-in-out infinite; }
.login-emblem:hover[b-83yhzzsahw] { animation-play-state:paused; }
@keyframes emblem-float-b-83yhzzsahw { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-6px); } }
.login-emblem img[b-83yhzzsahw] { width:100%; height:100%; object-fit:contain; }
@media(max-width:600px) { .brand-mark[b-83yhzzsahw] { width:66px; height:66px; } .login-emblem[b-83yhzzsahw] { width:96px; height:96px; margin-bottom:20px; } .entry-footer[b-83yhzzsahw] { flex-wrap:wrap; gap:10px; } }
/* /Components/Shared/ProfileReminder.razor.rz.scp.css */
.profile-reminder[b-eghk8k6dvi] { border: 0; border-radius: 16px; padding: 2rem; max-width: min(480px, 92vw); color: #182c40; box-shadow: 0 20px 60px #0004; }
.profile-reminder[b-eghk8k6dvi]::backdrop { background: #102e4099; }