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

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

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

.sidebar-scroll[b-qre2w7qpnz] {
    scrollbar-width: thin;
    scrollbar-color: rgba(255, 255, 255, 0.42) rgba(255, 255, 255, 0.08);
}

.sidebar-scroll[b-qre2w7qpnz]::-webkit-scrollbar {
    width: 7px;
}

.sidebar-scroll[b-qre2w7qpnz]::-webkit-scrollbar-track {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0.12));
    border-radius: 999px;
}

.sidebar-scroll[b-qre2w7qpnz]::-webkit-scrollbar-thumb {
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.16);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.28)),
        linear-gradient(180deg, rgba(79, 70, 229, 0.55), rgba(34, 197, 94, 0.45));
    background-size: 100% 180%;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
    animation: sidebar-thumb-sheen-b-qre2w7qpnz 5s ease-in-out infinite;
}

.sidebar-scroll[b-qre2w7qpnz]::-webkit-scrollbar-thumb:hover {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.45)),
        linear-gradient(180deg, rgba(99, 102, 241, 0.75), rgba(16, 185, 129, 0.6));
}

@keyframes sidebar-thumb-sheen-b-qre2w7qpnz {
    0%, 100% {
        background-position: 0 0, 0 0;
        transform: translateY(0);
    }

    50% {
        background-position: 0 100%, 0 0;
        transform: translateY(-1px);
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .nav-item[b-fj5mnzu8wi]  .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-fj5mnzu8wi]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

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

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

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

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

    .nav-scrollable[b-fj5mnzu8wi] {
        /* 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-ywscu5j6r1],
.components-reconnect-repeated-attempt-visible[b-ywscu5j6r1],
.components-reconnect-failed-visible[b-ywscu5j6r1],
.components-pause-visible[b-ywscu5j6r1],
.components-resume-failed-visible[b-ywscu5j6r1],
.components-reconnect-brand[b-ywscu5j6r1],
.components-working-icon[b-ywscu5j6r1] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-ywscu5j6r1],
#components-reconnect-modal.components-reconnect-show .components-reconnect-brand[b-ywscu5j6r1],
#components-reconnect-modal.components-reconnect-show .components-working-icon[b-ywscu5j6r1],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-ywscu5j6r1],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-ywscu5j6r1],
#components-reconnect-modal.components-reconnect-retrying[b-ywscu5j6r1],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-ywscu5j6r1],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-brand[b-ywscu5j6r1],
#components-reconnect-modal.components-reconnect-retrying .components-working-icon[b-ywscu5j6r1],
#components-reconnect-modal.components-reconnect-failed[b-ywscu5j6r1],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-ywscu5j6r1] {
    display: block;
}


#components-reconnect-modal[b-ywscu5j6r1] {
    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;
    font-family: 'Inter', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-ywscu5j6r1 0.5s both;
    &[open]

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

.components-reconnect-brand[b-ywscu5j6r1] {
    font-size: 0.75rem;
    font-weight: 700;
    font-family: inherit;
    letter-spacing: 0.28em;
    text-transform: uppercase;
    color: #0f172a;
    opacity: 0.72;
}

#components-reconnect-modal p[b-ywscu5j6r1] {
    margin: 0;
    font-family: inherit;
    text-align: center;
}

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

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

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

.components-working-icon[b-ywscu5j6r1] {
    width: 72px;
    height: 72px;
    display: grid;
    place-items: center;
}

.components-working-icon svg[b-ywscu5j6r1] {
    width: 100%;
    height: 100%;
}

.components-working-icon-face[b-ywscu5j6r1] {
    fill: rgba(37, 99, 235, 0.09);
    stroke: #2563eb;
    stroke-width: 1.75;
}

.components-working-icon-core[b-ywscu5j6r1] {
    fill: rgba(107, 158, 210, 0.14);
    stroke: #2563eb;
    stroke-width: 1.8;
}

.components-working-icon-hand[b-ywscu5j6r1] {
    stroke: #2563eb;
    stroke-width: 1.9;
    stroke-linecap: round;
    stroke-linejoin: round;
    transform-origin: 12px 12px;
    animation: components-working-tick-b-ywscu5j6r1 1.25s ease-in-out infinite;
}

.components-working-icon-tick[b-ywscu5j6r1] {
    stroke: #2563eb;
    stroke-width: 1.5;
    stroke-linecap: round;
    stroke-linejoin: round;
    opacity: 0.95;
}

@keyframes components-working-tick-b-ywscu5j6r1 {
    0% {
        transform: rotate(-10deg);
    }

    35% {
        transform: rotate(14deg);
    }

    100% {
        transform: rotate(350deg);
    }
}
/* /Components/Pages/Login.razor.rz.scp.css */
.login-page[b-x228dustvx] {
    --ink: #f7f5ff;
    --muted: #a7a4bd;
    --violet: #9c76ff;
    --teal: #76f1d0;
    position: relative;
    isolation: isolate;
    display: grid;
    min-height: 100svh;
    place-items: center;
    overflow: hidden;
    padding: 48px 24px 24px;
    color: var(--ink);
    background:
        radial-gradient(ellipse at 50% 46%, rgba(52, 33, 99, .42), transparent 49%),
        linear-gradient(135deg, #090a15 0%, #101022 48%, #080b14 100%);
    font-family: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

.login-page[b-x228dustvx]::before,
.login-page[b-x228dustvx]::after {
    position: absolute;
    z-index: -1;
    border: 1px solid rgba(187, 169, 255, .09);
    border-radius: 50%;
    content: "";
    pointer-events: none;
}

.login-page[b-x228dustvx]::before {
    width: min(1050px, 110vw);
    aspect-ratio: 1;
    animation: none;
}

.login-page[b-x228dustvx]::after {
    width: min(720px, 80vw);
    aspect-ratio: 1;
    border-color: rgba(115, 241, 208, .07);
    animation: none;
}

.aurora[b-x228dustvx] {
    position: absolute;
    z-index: -1;
    width: 40vw;
    height: 35vw;
    min-width: 300px;
    min-height: 260px;
    border-radius: 50%;
    filter: blur(100px);
    opacity: .12;
    pointer-events: none;
}

.aurora--violet[b-x228dustvx] {
    top: 4%;
    left: 8%;
    background: #7544ee;
    animation: aurora-drift-b-x228dustvx 32s ease-in-out infinite alternate;
}

.aurora--teal[b-x228dustvx] {
    right: 3%;
    bottom: 1%;
    background: #078e8a;
    animation: aurora-drift-b-x228dustvx 38s ease-in-out infinite alternate-reverse;
}

.star-field[b-x228dustvx] {
    position: absolute;
    z-index: -1;
    inset: 0;
    opacity: .38;
    background-image:
        radial-gradient(1px 1px at 12% 21%, #fff 50%, transparent 100%),
        radial-gradient(1px 1px at 87% 17%, #b8a5ff 50%, transparent 100%),
        radial-gradient(1.5px 1.5px at 80% 73%, #fff 50%, transparent 100%),
        radial-gradient(1px 1px at 21% 82%, #8df9df 50%, transparent 100%),
        radial-gradient(1px 1px at 64% 11%, #fff 50%, transparent 100%),
        radial-gradient(1px 1px at 6% 65%, #b8a5ff 50%, transparent 100%);
    background-size: 390px 320px;
    pointer-events: none;
}

.login-card[b-x228dustvx] {
    position: relative;
    width: min(100%, 1030px);
    min-height: 590px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 26px;
    background: linear-gradient(125deg, rgba(20, 19, 39, .92), rgba(13, 16, 29, .89));
    box-shadow: 0 38px 100px rgba(0, 0, 0, .48), 0 0 90px rgba(129, 89, 235, .12), inset 0 1px rgba(255, 255, 255, .08);
    backdrop-filter: blur(24px);
}

.login-card__glow[b-x228dustvx] {
    position: absolute;
    top: -280px;
    right: -200px;
    width: 660px;
    height: 660px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(138, 91, 255, .16), transparent 68%);
    pointer-events: none;
}

.login-card__content[b-x228dustvx] {
    position: relative;
    z-index: 1;
}

.login-header[b-x228dustvx] {
    display: flex;
    min-height: 82px;
    align-items: center;
    justify-content: space-between;
    padding: 0 42px;
    border-bottom: 1px solid rgba(255, 255, 255, .08);
}

.brand[b-x228dustvx] {
    display: inline-flex;
    align-items: center;
    gap: 11px;
    color: var(--ink);
    text-decoration: none;
}

.brand__mark[b-x228dustvx] {
    display: grid;
    width: 37px;
    height: 37px;
    place-items: center;
    border: 1px solid rgba(181, 156, 255, .45);
    border-radius: 12px;
    background: linear-gradient(145deg, rgba(155, 118, 255, .23), rgba(118, 241, 208, .07));
    color: #d3c4ff;
    box-shadow: 0 0 20px rgba(157, 118, 255, .15);
}

.brand__mark svg[b-x228dustvx] {
    width: 25px;
    height: 25px;
}

.brand__name[b-x228dustvx] {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: -.055em;
}

.brand__name span[b-x228dustvx] {
    color: #bba2ff;
    font-weight: 400;
}

.motion-toggle[b-x228dustvx] {
    display: inline-flex;
    min-height: 34px;
    align-items: center;
    gap: 8px;
    padding: 6px 11px;
    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: 999px;
    background: rgba(255, 255, 255, .035);
    color: #c1bed0;
    font: inherit;
    font-size: 10px;
    transition: border-color .2s ease, color .2s ease, background .2s ease;
}

.motion-toggle:hover[b-x228dustvx],
.motion-toggle:focus-visible[b-x228dustvx] {
    border-color: rgba(184, 159, 255, .6);
    background: rgba(157, 118, 255, .1);
    color: #fff;
}

.motion-toggle:focus-visible[b-x228dustvx],
.brand:focus-visible[b-x228dustvx],
.input-wrap:focus-within[b-x228dustvx],
.submit-button:focus-visible[b-x228dustvx] {
    outline: 2px solid #bba2ff;
    outline-offset: 3px;
}

.motion-toggle__icon[b-x228dustvx] {
    color: #c9b8ff;
    font-size: 12px;
    font-weight: 700;
}

.login-layout[b-x228dustvx] {
    display: grid;
    min-height: 506px;
    grid-template-columns: minmax(330px, .87fr) 1.13fr;
}

.login-form-column[b-x228dustvx] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 49px 20px 46px 62px;
}

.eyebrow[b-x228dustvx] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #aaa4c1;
    font-size: 9px;
    font-weight: 600;
    letter-spacing: .19em;
}

.eyebrow__dot[b-x228dustvx] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--teal);
    box-shadow: 0 0 11px rgba(118, 241, 208, .75);
}

.login-intro h1[b-x228dustvx] {
    margin: 20px 0 12px;
    color: #fff;
    font-size: clamp(32px, 4vw, 45px);
    font-weight: 500;
    letter-spacing: -.065em;
    line-height: 1.08;
}

.login-intro h1 span[b-x228dustvx] {
    color: #bba2ff;
}

.login-intro p[b-x228dustvx] {
    max-width: 330px;
    margin: 0;
    color: var(--muted);
    font-size: 12px;
    line-height: 1.7;
}

.login-form[b-x228dustvx] {
    display: grid;
    gap: 18px;
    margin-top: 30px;
}

.form-field[b-x228dustvx] {
    display: grid;
    gap: 8px;
}

.form-field label[b-x228dustvx] {
    color: #d9d6e5;
    font-size: 11px;
    font-weight: 500;
}

.input-wrap[b-x228dustvx] {
    display: flex;
    min-height: 47px;
    align-items: center;
    gap: 11px;
    padding: 0 13px;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 10px;
    background: rgba(7, 8, 17, .42);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, .14);
    transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}

.input-wrap:focus-within[b-x228dustvx] {
    border-color: rgba(177, 148, 255, .8);
    background: rgba(10, 10, 22, .72);
    box-shadow: 0 0 0 3px rgba(157, 118, 255, .12), 0 0 24px rgba(157, 118, 255, .11);
}

.input-wrap svg[b-x228dustvx] {
    width: 17px;
    height: 17px;
    flex: 0 0 auto;
    stroke: #8d87a5;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.5;
}

.input-wrap input[b-x228dustvx] {
    width: 100%;
    min-width: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: #fff;
    font: inherit;
    font-size: 12px;
}

.input-wrap input[b-x228dustvx]::placeholder {
    color: #77738d;
    opacity: 1;
}

.input-wrap input[b-x228dustvx]::selection {
    background: #7655df;
    color: #fff;
}

.input-wrap input:-webkit-autofill[b-x228dustvx],
.input-wrap input:-webkit-autofill:hover[b-x228dustvx],
.input-wrap input:-webkit-autofill:focus[b-x228dustvx],
.input-wrap input:-webkit-autofill:active[b-x228dustvx] {
    border-radius: 0;
    -webkit-box-shadow: 0 0 0 1000px #0d0e1a inset;
    -webkit-text-fill-color: #fff;
    caret-color: #fff;
    transition: background-color 9999s ease-out 0s;
}

.login-error[b-x228dustvx] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 11px 12px;
    border: 1px solid rgba(255, 133, 153, .27);
    border-radius: 9px;
    background: rgba(122, 34, 57, .17);
    color: #ffabb8;
}

.login-error > span[b-x228dustvx] {
    display: grid;
    width: 18px;
    height: 18px;
    flex: 0 0 auto;
    place-items: center;
    border: 1px solid currentColor;
    border-radius: 50%;
    font-size: 12px;
    font-weight: 700;
}

.login-error p[b-x228dustvx] {
    margin: 0;
    font-size: 11px;
    line-height: 1.5;
}

.submit-button[b-x228dustvx] {
    display: flex;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: 3px;
    padding: 0 16px;
    border: 1px solid rgba(208, 192, 255, .65);
    border-radius: 10px;
    background: linear-gradient(105deg, #8960ed, #7655df 54%, #634ac9);
    box-shadow: 0 8px 26px rgba(119, 82, 222, .27), inset 0 1px rgba(255, 255, 255, .25);
    color: #fff;
    font: inherit;
    font-size: 12px;
    font-weight: 600;
    transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
}

.submit-button:hover:not(:disabled)[b-x228dustvx] {
    transform: translateY(-2px);
    box-shadow: 0 12px 30px rgba(119, 82, 222, .4), inset 0 1px rgba(255, 255, 255, .3);
    filter: brightness(1.08);
}

.submit-button:disabled[b-x228dustvx] {
    cursor: wait;
    opacity: .78;
}

[data-login-loading][b-x228dustvx] {
    display: none;
    align-items: center;
    gap: 8px;
}

.loading-spinner[b-x228dustvx] {
    width: 16px;
    height: 16px;
    animation: ambient-turn-b-x228dustvx .8s linear infinite;
}

.submit-arrow[b-x228dustvx] {
    position: absolute;
    width: 17px;
    height: 17px;
    margin-left: 245px;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.7;
    transition: transform .2s ease;
}

.submit-button:hover:not(:disabled) .submit-arrow[b-x228dustvx] {
    transform: translateX(3px);
}

.login-footer[b-x228dustvx] {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-top: 23px;
    color: #817d94;
    font-size: 10px;
}

.footer-lock[b-x228dustvx] {
    display: inline-flex;
    color: #8b87a0;
}

.footer-lock svg[b-x228dustvx] {
    width: 13px;
    height: 13px;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.3;
}

.orbital-stage[b-x228dustvx] {
    position: relative;
    display: grid;
    min-width: 0;
    min-height: 506px;
    place-items: center;
    overflow: hidden;
    background:
        radial-gradient(ellipse at 51% 48%, rgba(127, 89, 220, .16), transparent 43%),
        radial-gradient(ellipse at 55% 57%, rgba(50, 180, 161, .07), transparent 60%);
}

.orbital-stage[b-x228dustvx]::before {
    position: absolute;
    width: 70%;
    aspect-ratio: 1;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(126, 87, 222, .13), transparent 67%);
    content: "";
    animation: core-pulse-b-x228dustvx 12s ease-in-out infinite;
}

.orbital-stage__label[b-x228dustvx] {
    position: absolute;
    right: 32px;
    left: 32px;
    display: flex;
    justify-content: space-between;
    color: #817c9a;
    font-size: 8px;
    font-weight: 500;
    letter-spacing: .13em;
}

.orbital-stage__label--top[b-x228dustvx] {
    top: 29px;
}

.orbital-stage__label--bottom[b-x228dustvx] {
    bottom: 28px;
}

.orbital-core[b-x228dustvx] {
    position: relative;
    z-index: 2;
    display: grid;
    width: 230px;
    height: 280px;
    place-items: center;
    perspective: 700px;
    filter: drop-shadow(0 28px 32px rgba(0, 0, 0, .48)) drop-shadow(0 0 32px rgba(174, 143, 255, .25));
}

.chrome-object[b-x228dustvx] {
    position: relative;
    width: 146px;
    height: 222px;
    overflow: hidden;
    border: 1px solid rgba(248, 239, 255, .8);
    border-radius: 49% 38% 46% 41% / 31% 34% 55% 61%;
    background:
        radial-gradient(ellipse at 31% 17%, #fff 0%, #cbd0eb 3%, transparent 19%),
        radial-gradient(ellipse at 72% 29%, rgba(225, 203, 255, .92), transparent 20%),
        radial-gradient(ellipse at 26% 43%, #8b91ad 0%, #2d2c49 17%, transparent 34%),
        radial-gradient(ellipse at 69% 65%, #d7d1ed 0%, #69647f 17%, transparent 34%),
        radial-gradient(ellipse at 38% 82%, #aaa4c4 0%, #353349 22%, transparent 43%),
        linear-gradient(120deg, #45445e 3%, #d0cbe1 13%, #48475f 20%, #181a2b 33%, #b3abc9 47%, #343146 58%, #a9a4c1 72%, #262638 86%, #a8a4c0);
    box-shadow:
        inset 9px 5px 13px rgba(255, 255, 255, .63),
        inset -11px -7px 17px rgba(5, 6, 18, .83),
        inset 2px -24px 24px rgba(19, 15, 41, .42),
        0 0 2px 2px rgba(225, 211, 255, .16);
    animation: sculpture-float-b-x228dustvx 12s ease-in-out infinite;
    transform-style: preserve-3d;
}

.chrome-object[b-x228dustvx]::before,
.chrome-object[b-x228dustvx]::after {
    position: absolute;
    inset: 8% 15%;
    border: 1px solid rgba(255, 255, 255, .47);
    border-radius: 43% 59% 44% 53% / 52% 41% 58% 47%;
    content: "";
    filter: blur(.3px);
    transform: rotate(13deg);
}

.chrome-object[b-x228dustvx]::after {
    inset: 5% 29% 8% 22%;
    border-color: rgba(25, 21, 48, .7);
    transform: rotate(-17deg);
}

.chrome-object__facet[b-x228dustvx] {
    position: absolute;
    display: block;
    border: 1px solid rgba(255, 255, 255, .56);
    background: linear-gradient(138deg, rgba(255, 255, 255, .69), rgba(166, 152, 202, .06) 43%, rgba(16, 16, 34, .58));
    filter: blur(.4px);
}

.chrome-object__facet--one[b-x228dustvx] {
    top: -3%;
    left: 27%;
    width: 45%;
    height: 31%;
    border-radius: 53% 40% 60% 22%;
    transform: rotate(-24deg);
}

.chrome-object__facet--two[b-x228dustvx] {
    top: 26%;
    right: -6%;
    width: 57%;
    height: 29%;
    border-radius: 53% 32% 40% 62%;
    transform: rotate(34deg);
}

.chrome-object__facet--three[b-x228dustvx] {
    top: 39%;
    left: -12%;
    width: 60%;
    height: 27%;
    border-radius: 39% 61% 40% 55%;
    transform: rotate(-29deg);
}

.chrome-object__facet--four[b-x228dustvx] {
    right: 15%;
    bottom: 10%;
    width: 55%;
    height: 30%;
    border-radius: 47% 54% 26% 67%;
    transform: rotate(-13deg);
}

.chrome-object__facet--five[b-x228dustvx] {
    top: 18%;
    left: 12%;
    width: 21%;
    height: 58%;
    border-radius: 50%;
    background: linear-gradient(90deg, rgba(248, 218, 255, .55), rgba(255, 255, 255, .02));
    filter: blur(5px);
}

.chrome-object__facet--six[b-x228dustvx] {
    top: 11%;
    right: 19%;
    width: 16%;
    height: 74%;
    border: 0;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .68), transparent);
    filter: blur(5px);
    transform: rotate(13deg);
}

.chrome-object__shine[b-x228dustvx] {
    position: absolute;
    top: -20%;
    left: -70%;
    width: 45%;
    height: 145%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .44), transparent);
    filter: blur(5px);
    transform: rotate(21deg);
    display: none;
}

.orbit[b-x228dustvx] {
    position: absolute;
    z-index: 1;
    width: 340px;
    height: 104px;
    border: 1px solid rgba(192, 169, 255, .47);
    border-radius: 50%;
    box-shadow: 0 0 14px rgba(157, 118, 255, .1), inset 0 0 12px rgba(157, 118, 255, .06);
    transform: rotate(-27deg);
}

.orbit--one[b-x228dustvx] {
    animation: none;
}

.orbit--two[b-x228dustvx] {
    width: 380px;
    height: 142px;
    border-color: rgba(118, 241, 208, .34);
    transform: rotate(48deg);
    animation: none;
}

.orbit--three[b-x228dustvx] {
    width: 300px;
    height: 220px;
    border-color: rgba(213, 200, 255, .2);
    transform: rotate(8deg);
    animation: none;
}

.satellite[b-x228dustvx] {
    position: absolute;
    z-index: 3;
    width: 9px;
    height: 9px;
    border: 1px solid rgba(255, 255, 255, .85);
    border-radius: 50%;
    background: #e6deff;
    box-shadow: 0 0 12px 3px rgba(182, 151, 255, .8), 0 0 24px rgba(157, 118, 255, .38);
}

.satellite--one[b-x228dustvx] {
    top: 29%;
    left: 24%;
    animation: none;
}

.satellite--two[b-x228dustvx] {
    right: 16%;
    bottom: 31%;
    width: 6px;
    height: 6px;
    background: #a3ffeb;
    box-shadow: 0 0 12px 3px rgba(118, 241, 208, .64), 0 0 24px rgba(118, 241, 208, .28);
    animation: none;
}

.satellite--three[b-x228dustvx] {
    top: 24%;
    right: 29%;
    width: 4px;
    height: 4px;
    animation: none;
}

.attendance-marker[b-x228dustvx] {
    position: absolute;
    z-index: 4;
    top: 43%;
    right: 7%;
    display: flex;
    align-items: center;
    gap: 9px;
    animation: attendance-orbit-b-x228dustvx 18s ease-in-out infinite;
}

.attendance-marker__person[b-x228dustvx] {
    position: relative;
    display: grid;
    width: 39px;
    height: 39px;
    flex: 0 0 auto;
    place-items: center;
    border: 1px solid rgba(202, 185, 255, .7);
    border-radius: 50%;
    background: linear-gradient(145deg, rgba(151, 117, 244, .42), rgba(24, 27, 44, .9));
    box-shadow: 0 0 18px rgba(162, 129, 255, .35), inset 0 1px rgba(255, 255, 255, .24);
    color: #eee8ff;
}

.attendance-marker__person[b-x228dustvx]::before {
    position: absolute;
    inset: -5px;
    border: 1px solid rgba(178, 153, 255, .45);
    border-radius: 50%;
    content: "";
    animation: attendance-pulse-b-x228dustvx 4s ease-out infinite;
}

.attendance-marker__person > svg[b-x228dustvx] {
    width: 20px;
    height: 20px;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.5;
}

.attendance-marker__clock[b-x228dustvx] {
    position: absolute;
    right: -4px;
    bottom: -3px;
    display: grid;
    width: 17px;
    height: 17px;
    place-items: center;
    border: 1px solid rgba(118, 241, 208, .75);
    border-radius: 50%;
    background: #10251f;
    color: #92f5d9;
}

.attendance-marker__clock svg[b-x228dustvx] {
    width: 11px;
    height: 11px;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.5;
}

.attendance-marker__trail[b-x228dustvx] {
    position: absolute;
    top: 50%;
    right: calc(100% + 4px);
    width: 58px;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(118, 241, 208, .72));
    transform: translateY(-50%);
}

.attendance-marker__trail[b-x228dustvx]::after {
    position: absolute;
    top: -2px;
    left: 0;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #8ffff0;
    box-shadow: 0 0 9px 2px rgba(118, 241, 208, .65);
    content: "";
    animation: attendance-scan-b-x228dustvx 5s ease-in-out infinite;
}

.attendance-marker__label[b-x228dustvx] {
    display: grid;
    gap: 4px;
    white-space: nowrap;
}

.attendance-marker__label span:first-child[b-x228dustvx] {
    color: #e4dfff;
    font-size: 8px;
    font-weight: 600;
    letter-spacing: .14em;
}

.attendance-marker__label span:last-child[b-x228dustvx] {
    color: #8e89a6;
    font-size: 7px;
    letter-spacing: .08em;
}

.orbital-caption[b-x228dustvx] {
    position: absolute;
    bottom: 76px;
    color: #c7c1d9;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: .03em;
}

.orbital-caption span[b-x228dustvx] {
    color: var(--teal);
}

.page-note[b-x228dustvx] {
    position: absolute;
    bottom: 17px;
    margin: 0;
    color: #77738d;
    font-size: 10px;
    letter-spacing: .03em;
}

.motion-paused *[b-x228dustvx],
.motion-paused *[b-x228dustvx]::before,
.motion-paused *[b-x228dustvx]::after {
    animation-play-state: paused !important;
}

@keyframes ambient-turn-b-x228dustvx {
    to {
        transform: rotate(360deg);
    }
}

@keyframes aurora-drift-b-x228dustvx {
    from {
        transform: translate3d(-4%, 0, 0) scale(.92);
    }

    to {
        transform: translate3d(8%, 9%, 0) scale(1.12);
    }
}

@keyframes core-pulse-b-x228dustvx {
    0%, 100% {
        opacity: .68;
        transform: scale(.98);
    }

    50% {
        opacity: .82;
        transform: scale(1.02);
    }
}

@keyframes sculpture-float-b-x228dustvx {
    0%, 100% {
        transform: translateY(0) scale(1);
    }

    50% {
        transform: translateY(-4px) scale(1.01);
    }
}

@keyframes chrome-shimmer-b-x228dustvx {
    0%, 16% {
        left: -70%;
        opacity: 0;
    }

    28% {
        opacity: .9;
    }

    48%, 100% {
        left: 130%;
        opacity: 0;
    }
}

@keyframes orbit-drift-b-x228dustvx {
    0%, 100% {
        margin-top: 0;
    }

    50% {
        margin-top: -9px;
    }
}

@keyframes satellite-float-b-x228dustvx {
    0%, 100% {
        transform: translate3d(0, 0, 0);
    }

    50% {
        transform: translate3d(4px, -9px, 0);
    }
}

@keyframes attendance-orbit-b-x228dustvx {
    0%, 100% {
        transform: translate3d(0, 0, 0);
    }

    50% {
        transform: translate3d(-5px, -7px, 0);
    }
}

@keyframes attendance-pulse-b-x228dustvx {
    0% {
        opacity: .45;
        transform: scale(.96);
    }

    100% {
        opacity: 0;
        transform: scale(1.2);
    }
}

@keyframes attendance-scan-b-x228dustvx {
    0%, 100% {
        opacity: .3;
        transform: translateX(0);
    }

    50% {
        opacity: .7;
        transform: translateX(16px);
    }
}

@media (max-width: 760px) {
    .login-page[b-x228dustvx] {
        padding: 22px 16px 38px;
    }

    .login-card[b-x228dustvx] {
        width: min(100%, 480px);
        min-height: 0;
        border-radius: 21px;
    }

    .login-header[b-x228dustvx] {
        min-height: 68px;
        padding: 0 21px;
    }

    .login-layout[b-x228dustvx] {
        min-height: 0;
        grid-template-columns: 1fr;
    }

    .login-form-column[b-x228dustvx] {
        padding: 35px 28px 28px;
    }

    .login-intro h1[b-x228dustvx] {
        margin-top: 16px;
        font-size: 36px;
    }

    .login-form[b-x228dustvx] {
        gap: 15px;
        margin-top: 24px;
    }

    .orbital-stage[b-x228dustvx] {
        min-height: 260px;
        border-top: 1px solid rgba(255, 255, 255, .07);
    }

    .orbital-stage__label--top[b-x228dustvx] {
        top: 18px;
    }

    .orbital-stage__label--bottom[b-x228dustvx] {
        bottom: 17px;
    }

    .orbital-core[b-x228dustvx] {
        width: 190px;
        height: 235px;
        transform: scale(.78);
    }

    .attendance-marker[b-x228dustvx] {
        top: 36%;
        right: 5%;
        transform: scale(.86);
        transform-origin: right center;
    }

    .attendance-marker__label span:last-child[b-x228dustvx] {
        max-width: 78px;
        white-space: normal;
        line-height: 1.35;
    }

    .orbit[b-x228dustvx] {
        width: 280px;
        height: 84px;
    }

    .orbit--two[b-x228dustvx] {
        width: 300px;
        height: 112px;
    }

    .orbit--three[b-x228dustvx] {
        width: 245px;
        height: 175px;
    }

    .orbital-caption[b-x228dustvx] {
        bottom: 45px;
        font-size: 10px;
    }
}

@media (max-width: 380px) {
    .login-page[b-x228dustvx] {
        padding-right: 11px;
        padding-left: 11px;
    }

    .login-header[b-x228dustvx] {
        padding-right: 15px;
        padding-left: 15px;
    }

    .login-form-column[b-x228dustvx] {
        padding-right: 20px;
        padding-left: 20px;
    }

    .motion-toggle[b-x228dustvx] {
        gap: 6px;
        padding-right: 9px;
        padding-left: 9px;
        font-size: 9px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .login-page *[b-x228dustvx],
    .login-page *[b-x228dustvx]::before,
    .login-page *[b-x228dustvx]::after {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
    }
}
/* /Components/Pages/Supervision/Supervision.razor.rz.scp.css */
.supervision[b-0qsog2imej] { max-width: 1280px; margin: auto; color: inherit; }
.section-header[b-0qsog2imej] { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: 1.25rem; flex-wrap: wrap; }
.eyebrow[b-0qsog2imej] { color: #6366f1; font-size: .7rem; font-weight: 700; letter-spacing: .12em; }
h1[b-0qsog2imej] { font-size: 1.75rem; font-weight: 700; }
h2[b-0qsog2imej] { font-size: 1.1rem; font-weight: 600; }
h3[b-0qsog2imej] { font-weight: 600; margin: 1.25rem 0 .6rem; }
.panel[b-0qsog2imej] { background: white; border: 1px solid #e5e7eb; border-radius: 1rem; padding: 1.25rem; margin-bottom: 1rem; box-shadow: 0 1px 3px #00000008; }
.supervision[b-0qsog2imej]  input:not([type=checkbox]), .supervision[b-0qsog2imej]  select, textarea[b-0qsog2imej] { width: 100%; padding: .65rem .75rem; border: 1px solid #d1d5db; border-radius: .5rem; background: white; color: #111827; min-height: 44px; }
.supervision[b-0qsog2imej]  input:focus-visible, .supervision[b-0qsog2imej]  select:focus-visible, textarea:focus-visible[b-0qsog2imej], button:focus-visible[b-0qsog2imej] { outline: 2px solid #6366f1; outline-offset: 2px; }
label[b-0qsog2imej] { display: flex; flex-direction: column; gap: .4rem; font-size: .875rem; font-weight: 500; margin: .75rem 0; }
textarea[b-0qsog2imej] { min-height: 95px; resize: vertical; }
button[b-0qsog2imej] { min-height: 42px; border: 1px solid #d1d5db; border-radius: .5rem; padding: .5rem .85rem; background: #f9fafb; color: #374151; font-size: .85rem; font-weight: 600; }
button.primary[b-0qsog2imej] { background: #4f46e5; color: white; border-color: #4f46e5; }
button:hover:not(:disabled)[b-0qsog2imej] { filter: brightness(.96); }
button:disabled[b-0qsog2imej], fieldset:disabled[b-0qsog2imej] { opacity: .6; }
.actions[b-0qsog2imej], .filters[b-0qsog2imej] { display: flex; align-items: end; gap: .75rem; flex-wrap: wrap; margin-top: 1rem; }
.filters label[b-0qsog2imej] { flex: 1 1 160px; }
.check-row[b-0qsog2imej] { display: flex; gap: .75rem; align-items: center; flex-wrap: wrap; }
.grow[b-0qsog2imej] { flex: 1 1 220px; }
label.checkbox[b-0qsog2imej] { flex-direction: row; align-items: center; }
.checkbox input[b-0qsog2imej] { width: 18px; height: 18px; }
.notice[b-0qsog2imej] { padding: .85rem 1rem; border-radius: .6rem; margin-bottom: 1rem; }
.error[b-0qsog2imej] { background: #fff1f2; color: #9f1239; border: 1px solid #fecdd3; }
.success[b-0qsog2imej] { background: #ecfdf5; color: #065f46; border: 1px solid #a7f3d0; }
.badge[b-0qsog2imej] { display: inline-block; font-size: .75rem; background: #eef2ff; color: #4338ca; padding: .3rem .6rem; border-radius: 999px; margin: .2rem .3rem .2rem 0; }
.entry[b-0qsog2imej] { display: flex; justify-content: space-between; gap: 1rem; }
.description[b-0qsog2imej] { white-space: pre-wrap; overflow-wrap: anywhere; margin: .65rem 0; }
.hint[b-0qsog2imej], small[b-0qsog2imej] { color: #6b7280; font-size: .8rem; }
.timeline[b-0qsog2imej] { border-left: 2px solid #c7d2fe; padding: .5rem 1rem; margin: .5rem 0; overflow-wrap: anywhere; }
.inspection-item[b-0qsog2imej] { border-bottom: 1px solid #e5e7eb; padding-bottom: 1rem; }
.attachments[b-0qsog2imej] { display: flex; flex-wrap: wrap; gap: 1rem; margin-bottom: 1rem; }
.attachment[b-0qsog2imej] { border: 1px solid #e5e7eb; border-radius: .6rem; padding: .75rem; max-width: 100%; }
.attachment a[b-0qsog2imej] { display: block; color: #4f46e5; text-decoration: underline; overflow-wrap: anywhere; margin-bottom: .5rem; }
ol[b-0qsog2imej] { list-style: decimal; padding-left: 1.5rem; margin-top: .75rem; }
.report-grid[b-0qsog2imej] { display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: .75rem; }
@media (max-width: 640px) {
    .entry[b-0qsog2imej] { flex-direction: column; }
    .filters[b-0qsog2imej] { flex-direction: column; align-items: stretch; }
    .filters label[b-0qsog2imej] { flex-basis: auto; }
    .panel[b-0qsog2imej] { padding: 1rem; }
}
@media (prefers-color-scheme: dark) {
    .supervision[b-0qsog2imej]  input, .supervision[b-0qsog2imej]  select, textarea[b-0qsog2imej] { color-scheme: light; }
}
/* /Components/Shared/AttachmentPhotoPreview.razor.rz.scp.css */
.preview-link[b-dvr1yedv2t] { display: block; border: 0; background: transparent; padding: .25rem 0; color: #4f46e5; text-align: left; text-decoration: underline; overflow-wrap: anywhere; cursor: pointer; min-height: 44px; }
.photo-dialog[b-dvr1yedv2t] { margin: auto; width: min(960px, calc(100vw - 2rem)); max-height: calc(100dvh - 2rem); padding: 0; border: 1px solid #e5e7eb; border-radius: 1rem; background: #fff; color: #111827; box-shadow: 0 24px 80px #0005; overflow: auto; }
.photo-dialog[b-dvr1yedv2t]::backdrop { background: #0f172abf; }
header[b-dvr1yedv2t] { display: flex; justify-content: space-between; align-items: flex-start; gap: 1rem; padding: 1rem 1.25rem; border-bottom: 1px solid #e5e7eb; }
header > div[b-dvr1yedv2t] { min-width: 0; }
h2[b-dvr1yedv2t] { font-size: 1.1rem; font-weight: 600; }
.filename[b-dvr1yedv2t] { font-size: .85rem; margin-top: .25rem; overflow-wrap: anywhere; }
button[type=submit][b-dvr1yedv2t] { min-height: 44px; padding: .5rem .85rem; border: 1px solid #d1d5db; border-radius: .5rem; background: #f9fafb; color: #374151; cursor: pointer; }
.photo-area[b-dvr1yedv2t] { display: flex; justify-content: center; padding: 1rem; background: #f1f5f9; }
img[b-dvr1yedv2t] { display: block; max-width: 100%; max-height: 65dvh; object-fit: contain; }
footer[b-dvr1yedv2t] { padding: 1rem 1.25rem; }
a[b-dvr1yedv2t] { color: #4f46e5; text-decoration: underline; }
.error[b-dvr1yedv2t] { margin: 1rem; color: #9f1239; }
button:focus-visible[b-dvr1yedv2t], a:focus-visible[b-dvr1yedv2t] { outline: 2px solid #6366f1; outline-offset: 3px; }