/* /Components/Layout/MainLayout.razor.rz.scp.css */
.site-shell[b-9a354yyggm] {
    min-height: 100vh;
    background: radial-gradient( circle at 50% -10%, var(--bw-header-glow), transparent 34rem), var(--bw-bg);
    color: var(--bw-text);
    transition: background 220ms ease, color 220ms ease;
}

.site-header[b-9a354yyggm] {
    position: sticky;
    top: 0;
    z-index: 100;
    border-bottom: 1px solid var(--bw-border);
    background: var(--bw-header-bg);
    backdrop-filter: blur(22px);
    -webkit-backdrop-filter: blur(22px);
}

.header-inner[b-9a354yyggm] {
    width: min(1180px, calc(100% - 40px));
    height: 76px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 28px;
}

.brand[b-9a354yyggm] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    width: fit-content;
    color: var(--bw-text);
    text-decoration: none;
    font-weight: 760;
    letter-spacing: -0.035em;
}

    .brand:hover[b-9a354yyggm] {
        color: var(--bw-text);
    }

.brand-name[b-9a354yyggm] {
    font-size: 1.18rem;
}

.brand-mark[b-9a354yyggm] {
    position: relative;
    width: 31px;
    height: 31px;
    border-radius: 10px;
    background: linear-gradient( 145deg, #244bf1 0%, #5676ff 55%, #7c8eff 100%);
    box-shadow: 0 8px 22px rgba(37, 75, 241, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.35);
}

.brand-mark-inner[b-9a354yyggm] {
    position: absolute;
    width: 13px;
    height: 13px;
    top: 9px;
    left: 9px;
    border: 2px solid white;
    border-top-color: transparent;
    border-radius: 50%;
    transform: rotate(-28deg);
}

    .brand-mark-inner[b-9a354yyggm]::after {
        content: "";
        position: absolute;
        width: 5px;
        height: 2px;
        top: -1px;
        right: -2px;
        border-radius: 99px;
        background: white;
        transform: rotate(24deg);
    }

.brand-mark-small[b-9a354yyggm] {
    width: 27px;
    height: 27px;
    border-radius: 9px;
}

    .brand-mark-small .brand-mark-inner[b-9a354yyggm] {
        width: 11px;
        height: 11px;
        top: 8px;
        left: 8px;
    }

.desktop-nav[b-9a354yyggm] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 34px;
}

    .desktop-nav a[b-9a354yyggm] {
        color: var(--bw-text-muted);
        text-decoration: none;
        font-size: 0.9rem;
        font-weight: 600;
        transition: color 160ms ease, transform 160ms ease;
    }

        .desktop-nav a:hover[b-9a354yyggm] {
            color: var(--bw-text);
            transform: translateY(-1px);
        }

.header-actions[b-9a354yyggm] {
    justify-self: end;
    display: flex;
    align-items: center;
    gap: 10px;
}

.header-action[b-9a354yyggm] {
    padding: 10px 16px;
    border: 1px solid var(--bw-border);
    border-radius: 13px;
    background: var(--bw-surface-soft);
    box-shadow: 0 5px 18px rgba(0, 0, 0, 0.05);
    color: var(--bw-text);
    text-decoration: none;
    font-size: 0.86rem;
    font-weight: 700;
    transition: transform 160ms ease, box-shadow 160ms ease, background 160ms ease, border-color 160ms ease;
}

    .header-action:hover[b-9a354yyggm] {
        color: var(--bw-text);
        background: var(--bw-surface-hover);
        border-color: var(--bw-border-strong);
        transform: translateY(-1px);
        box-shadow: 0 8px 22px rgba(0, 0, 0, 0.09);
    }

.site-footer[b-9a354yyggm] {
    border-top: 1px solid var(--bw-border);
    background: var(--bw-bg);
}

.footer-inner[b-9a354yyggm] {
    width: min(1180px, calc(100% - 40px));
    min-height: 160px;
    margin: 0 auto;
    padding: 36px 0;
    display: grid;
    grid-template-columns: 1fr auto auto;
    align-items: center;
    gap: 48px;
}

.footer-brand p[b-9a354yyggm] {
    margin: 12px 0 0;
    color: var(--bw-text-muted);
    font-size: 0.86rem;
}

.footer-status[b-9a354yyggm] {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--bw-text-muted);
    font-size: 0.82rem;
    white-space: nowrap;
}

.status-dot[b-9a354yyggm] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #35b777;
    box-shadow: 0 0 0 4px rgba(53, 183, 119, 0.11);
}

.footer-copy[b-9a354yyggm] {
    color: var(--bw-text-subtle);
    font-size: 0.78rem;
    white-space: nowrap;
}

@media (max-width: 820px) {
    .header-inner[b-9a354yyggm] {
        width: min(100% - 28px, 1180px);
        height: 68px;
        display: flex;
        justify-content: space-between;
    }

    .desktop-nav[b-9a354yyggm] {
        display: none;
    }

    .header-action[b-9a354yyggm] {
        padding: 9px 13px;
        font-size: 0.8rem;
    }

    .footer-inner[b-9a354yyggm] {
        width: min(100% - 32px, 1180px);
        grid-template-columns: 1fr;
        gap: 24px;
        align-items: start;
    }

    .footer-status[b-9a354yyggm] {
        white-space: normal;
    }
}

@media (max-width: 500px) {
    .header-action[b-9a354yyggm] {
        display: none;
    }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-fzp9je7exz],
.components-reconnect-repeated-attempt-visible[b-fzp9je7exz],
.components-reconnect-failed-visible[b-fzp9je7exz],
.components-pause-visible[b-fzp9je7exz],
.components-resume-failed-visible[b-fzp9je7exz],
.components-rejoining-animation[b-fzp9je7exz] {
    display: none;
}

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


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

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

@keyframes components-rejoining-animation-b-fzp9je7exz {
    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/ThemeToggle.razor.rz.scp.css */
.theme-toggle[b-v1akci092t] {
    width: 39px;
    height: 39px;
    padding: 0;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border: 1px solid var(--bw-border);
    border-radius: 12px;
    background: var(--bw-surface-soft);
    color: var(--bw-text-secondary);
    box-shadow: 0 5px 18px rgba(0, 0, 0, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.04);
    cursor: pointer;
    transition: background 160ms ease, border-color 160ms ease, color 160ms ease, transform 160ms ease, box-shadow 160ms ease;
}

    .theme-toggle:hover[b-v1akci092t] {
        background: var(--bw-surface-hover);
        border-color: var(--bw-border-strong);
        color: var(--bw-text);
        transform: translateY(-1px);
        box-shadow: 0 8px 22px rgba(0, 0, 0, 0.09);
    }

    .theme-toggle:active[b-v1akci092t] {
        transform: translateY(0);
    }

    .theme-toggle:focus-visible[b-v1akci092t] {
        outline: 3px solid rgba(91, 118, 255, 0.28);
        outline-offset: 2px;
    }

.theme-icon[b-v1akci092t] {
    width: 18px;
    height: 18px;
}
/* /Components/Pages/App/Account.razor.rz.scp.css */
.account-tools-grid[b-pgnk98vb85] {
    display: grid;
    grid-template-columns: repeat( 2, minmax(0, 1fr));
    gap: 12px;
}

.account-tool-card[b-pgnk98vb85] {
    min-height: 120px;
    padding: 19px;
    box-sizing: border-box;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 14px;
    border: 1px solid var(--bw-border);
    border-radius: 18px;
    background: var(--bw-surface-soft);
    color: inherit;
    text-decoration: none;
    transition: transform 150ms ease, border-color 150ms ease, background 150ms ease, box-shadow 150ms ease;
}

    .account-tool-card:hover[b-pgnk98vb85] {
        transform: translateY(-2px);
        border-color: rgba(82, 107, 240, 0.23);
        background: linear-gradient( 145deg, rgba(82, 107, 240, 0.055), var(--bw-surface-soft));
        box-shadow: 0 15px 38px rgba(0, 0, 0, 0.06);
    }

.account-tool-icon[b-pgnk98vb85] {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 13px;
    background: rgba(82, 107, 240, 0.10);
    color: #879aff;
    font-size: 0.86rem;
    font-weight: 800;
}

.account-tool-card h2[b-pgnk98vb85] {
    margin: 4px 0 5px;
    color: var(--bw-text);
    font-size: 0.88rem;
    letter-spacing: -0.025em;
}

.account-tool-card p[b-pgnk98vb85] {
    max-width: 460px;
    margin: 0;
    color: var(--bw-text-muted);
    font-size: 0.61rem;
    line-height: 1.5;
}

.account-tool-arrow[b-pgnk98vb85] {
    color: var(--bw-text-subtle);
    font-size: 1rem;
}

@media (max-width: 760px) {
    .account-tools-grid[b-pgnk98vb85] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/App/Admin.razor.rz.scp.css */
.admin-page[b-jp8p6si0pt] {
    display: grid;
    gap: 24px;
}

.admin-heading[b-jp8p6si0pt] {
    align-items: end;
}

.admin-refresh-button[b-jp8p6si0pt],
.admin-primary-button[b-jp8p6si0pt],
.admin-secondary-button[b-jp8p6si0pt],
.admin-danger-button[b-jp8p6si0pt],
.admin-text-button[b-jp8p6si0pt] {
    font: inherit;
    cursor: pointer;
}

.admin-refresh-button[b-jp8p6si0pt] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 42px;
    padding: 0 16px;
    border: 1px solid var(--border-color, rgba(127, 127, 127, .22));
    border-radius: 14px;
    background: var(--surface-elevated, rgba(127, 127, 127, .08));
    color: inherit;
    font-weight: 700;
}

.admin-refresh-button:disabled[b-jp8p6si0pt],
.admin-primary-button:disabled[b-jp8p6si0pt],
.admin-secondary-button:disabled[b-jp8p6si0pt],
.admin-danger-button:disabled[b-jp8p6si0pt],
.admin-text-button:disabled[b-jp8p6si0pt],
.admin-field input:disabled[b-jp8p6si0pt],
.admin-field select:disabled[b-jp8p6si0pt] {
    cursor: not-allowed;
    opacity: .52;
}

.admin-summary-grid[b-jp8p6si0pt] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

.admin-summary-card[b-jp8p6si0pt],
.admin-panel[b-jp8p6si0pt],
.admin-access-state[b-jp8p6si0pt],
.admin-secret-card[b-jp8p6si0pt] {
    border: 1px solid var(--border-color, rgba(127, 127, 127, .18));
    background: var(--surface-elevated, rgba(127, 127, 127, .055));
    box-shadow: 0 14px 44px rgba(0, 0, 0, .06);
}

.admin-summary-card[b-jp8p6si0pt] {
    min-height: 142px;
    padding: 22px;
    border-radius: 22px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.admin-summary-card > span[b-jp8p6si0pt] {
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
    opacity: .58;
}

.admin-summary-card strong[b-jp8p6si0pt] {
    margin-top: 8px;
    font-size: clamp(2rem, 4vw, 3rem);
    line-height: 1;
    letter-spacing: -.045em;
}

.admin-summary-card small[b-jp8p6si0pt] {
    margin-top: 10px;
    opacity: .62;
}

.admin-panel[b-jp8p6si0pt] {
    overflow: hidden;
    border-radius: 24px;
}

.admin-panel-heading[b-jp8p6si0pt] {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 20px;
    padding: 22px 24px;
    border-bottom: 1px solid var(--border-color, rgba(127, 127, 127, .16));
}

.admin-panel-heading h2[b-jp8p6si0pt],
.admin-secret-card h2[b-jp8p6si0pt] {
    margin: 4px 0 0;
    font-size: 1.28rem;
    letter-spacing: -.025em;
}

.admin-panel-note[b-jp8p6si0pt] {
    max-width: 340px;
    font-size: .78rem;
    text-align: right;
    opacity: .55;
}

.admin-mutation-message[b-jp8p6si0pt] {
    padding: 13px 16px;
    border-radius: 14px;
    font-size: .86rem;
    font-weight: 650;
}

.admin-mutation-message.error[b-jp8p6si0pt] {
    border: 1px solid rgba(207, 64, 64, .22);
    background: rgba(207, 64, 64, .09);
    color: rgb(188, 52, 52);
}

.admin-secret-card[b-jp8p6si0pt] {
    padding: 24px;
    border-radius: 24px;
    display: grid;
    gap: 18px;
    border-color: rgba(225, 151, 22, .32);
    background: linear-gradient(
        135deg,
        rgba(225, 151, 22, .11),
        var(--surface-elevated, rgba(127, 127, 127, .045)));
}

.admin-secret-card p[b-jp8p6si0pt] {
    max-width: 760px;
    margin: 7px 0 0;
    opacity: .68;
    line-height: 1.55;
}

.admin-secret-card code[b-jp8p6si0pt] {
    display: block;
    width: 100%;
    padding: 17px 18px;
    overflow-wrap: anywhere;
    border: 1px solid rgba(225, 151, 22, .28);
    border-radius: 15px;
    background: rgba(0, 0, 0, .08);
    color: inherit;
    font-size: clamp(.9rem, 2vw, 1.08rem);
    letter-spacing: .045em;
}

.admin-secret-actions[b-jp8p6si0pt],
.admin-confirm-actions[b-jp8p6si0pt] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 9px;
}

.admin-secret-actions > span[b-jp8p6si0pt] {
    margin-left: 4px;
    font-size: .8rem;
    font-weight: 700;
    opacity: .65;
}

.admin-primary-button[b-jp8p6si0pt],
.admin-secondary-button[b-jp8p6si0pt],
.admin-danger-button[b-jp8p6si0pt] {
    min-height: 40px;
    padding: 0 14px;
    border-radius: 12px;
    font-weight: 800;
}

.admin-primary-button[b-jp8p6si0pt] {
    border: 1px solid transparent;
    background: rgb(93, 95, 239);
    color: #fff;
}

.admin-secondary-button[b-jp8p6si0pt] {
    border: 1px solid var(--border-color, rgba(127, 127, 127, .22));
    background: rgba(127, 127, 127, .08);
    color: inherit;
}

.admin-danger-button[b-jp8p6si0pt] {
    border: 1px solid transparent;
    background: rgb(188, 52, 52);
    color: #fff;
}

.admin-text-button[b-jp8p6si0pt] {
    padding: 5px 7px;
    border: 0;
    background: transparent;
    color: inherit;
    font-size: .76rem;
    font-weight: 800;
}

.admin-text-button.danger[b-jp8p6si0pt] {
    color: rgb(188, 52, 52);
}

.admin-list[b-jp8p6si0pt],
.admin-audit-list[b-jp8p6si0pt] {
    display: grid;
}

.admin-user-row[b-jp8p6si0pt],
.admin-audit-row[b-jp8p6si0pt] {
    display: grid;
    align-items: center;
    gap: 16px;
    padding: 18px 24px;
    border-bottom: 1px solid var(--border-color, rgba(127, 127, 127, .12));
}

.admin-user-row:last-child[b-jp8p6si0pt],
.admin-audit-row:last-child[b-jp8p6si0pt] {
    border-bottom: 0;
}

.admin-user-row[b-jp8p6si0pt] {
    grid-template-columns: auto minmax(180px, 1fr) minmax(220px, 1.2fr);
}

.admin-user-avatar[b-jp8p6si0pt] {
    width: 42px;
    height: 42px;
    border-radius: 14px;
    display: grid;
    place-items: center;
    background: rgba(93, 95, 239, .12);
    color: rgb(93, 95, 239);
    font-weight: 900;
}

.admin-user-copy[b-jp8p6si0pt],
.admin-audit-copy[b-jp8p6si0pt],
.admin-audit-meta[b-jp8p6si0pt] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.admin-user-copy strong[b-jp8p6si0pt],
.admin-audit-copy strong[b-jp8p6si0pt] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.admin-user-copy span[b-jp8p6si0pt],
.admin-audit-copy span[b-jp8p6si0pt],
.admin-audit-meta[b-jp8p6si0pt] {
    font-size: .78rem;
    opacity: .58;
}

.admin-badges[b-jp8p6si0pt] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 7px;
}

.admin-badge[b-jp8p6si0pt],
.admin-status[b-jp8p6si0pt] {
    display: inline-flex;
    align-items: center;
    min-height: 27px;
    padding: 0 9px;
    border-radius: 999px;
    font-size: .72rem;
    font-weight: 800;
    white-space: nowrap;
}

.admin-badge.staff[b-jp8p6si0pt] {
    background: rgba(93, 95, 239, .12);
    color: rgb(93, 95, 239);
}

.admin-badge.program[b-jp8p6si0pt] {
    background: rgba(38, 166, 91, .12);
    color: rgb(32, 133, 75);
}

.admin-badge.subscription[b-jp8p6si0pt] {
    background: rgba(225, 151, 22, .13);
    color: rgb(166, 105, 0);
}

.admin-badge.danger[b-jp8p6si0pt],
.admin-status.revoked[b-jp8p6si0pt],
.admin-status.expired[b-jp8p6si0pt] {
    background: rgba(207, 64, 64, .12);
    color: rgb(188, 52, 52);
}

.admin-status.active[b-jp8p6si0pt] {
    background: rgba(38, 166, 91, .12);
    color: rgb(32, 133, 75);
}

.admin-status.exhausted[b-jp8p6si0pt],
.admin-status.neutral[b-jp8p6si0pt] {
    background: rgba(127, 127, 127, .13);
    color: inherit;
}

.admin-key-builder[b-jp8p6si0pt] {
    display: grid;
    grid-template-columns: repeat(4, minmax(140px, 1fr));
    gap: 14px;
    padding: 20px 24px;
    border-bottom: 1px solid var(--border-color, rgba(127, 127, 127, .12));
    background: rgba(127, 127, 127, .025);
}

.admin-field[b-jp8p6si0pt] {
    display: grid;
    align-content: start;
    gap: 7px;
}

.admin-field label[b-jp8p6si0pt] {
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .035em;
    opacity: .62;
}

.admin-field input[type="number"][b-jp8p6si0pt],
.admin-field select[b-jp8p6si0pt] {
    width: 100%;
    min-height: 42px;
    padding: 0 11px;
    border: 1px solid var(--border-color, rgba(127, 127, 127, .22));
    border-radius: 12px;
    background: var(--surface-elevated, rgba(127, 127, 127, .07));
    color: inherit;
    font: inherit;
}

.admin-check-field[b-jp8p6si0pt] {
    align-content: center;
    padding-top: 22px;
}

.admin-check-field label[b-jp8p6si0pt] {
    display: flex;
    align-items: center;
    gap: 9px;
    min-height: 42px;
    letter-spacing: 0;
    text-transform: none;
    font-size: .8rem;
    opacity: .82;
}

.admin-check-field input[b-jp8p6si0pt] {
    width: 17px;
    height: 17px;
}

.admin-key-builder-action[b-jp8p6si0pt] {
    display: flex;
    align-items: end;
}

.admin-table-wrap[b-jp8p6si0pt] {
    overflow-x: auto;
}

.admin-table[b-jp8p6si0pt] {
    width: 100%;
    border-collapse: collapse;
    min-width: 820px;
}

.admin-table th[b-jp8p6si0pt],
.admin-table td[b-jp8p6si0pt] {
    padding: 15px 24px;
    text-align: left;
    border-bottom: 1px solid var(--border-color, rgba(127, 127, 127, .12));
    vertical-align: middle;
}

.admin-table th[b-jp8p6si0pt] {
    font-size: .7rem;
    letter-spacing: .08em;
    text-transform: uppercase;
    opacity: .48;
}

.admin-table tbody tr:last-child td[b-jp8p6si0pt] {
    border-bottom: 0;
}

.admin-table td[b-jp8p6si0pt] {
    font-size: .86rem;
}

.admin-table td:first-child strong[b-jp8p6si0pt],
.admin-table td:first-child span[b-jp8p6si0pt] {
    display: block;
}

.admin-table td:first-child span[b-jp8p6si0pt] {
    margin-top: 3px;
    font-size: .73rem;
    opacity: .52;
}

.admin-row-action[b-jp8p6si0pt] {
    width: 1%;
    white-space: nowrap;
    text-align: right !important;
}

.admin-audit-row[b-jp8p6si0pt] {
    grid-template-columns: auto minmax(160px, 1fr) auto;
}

.admin-audit-mark[b-jp8p6si0pt] {
    width: 10px;
    height: 10px;
    border-radius: 999px;
    background: rgb(93, 95, 239);
    box-shadow: 0 0 0 5px rgba(93, 95, 239, .1);
}

.admin-audit-meta[b-jp8p6si0pt] {
    align-items: flex-end;
    text-align: right;
}

.admin-empty-state[b-jp8p6si0pt] {
    padding: 32px 24px;
    text-align: center;
    opacity: .58;
}

.admin-access-state[b-jp8p6si0pt] {
    min-height: 300px;
    padding: 36px;
    border-radius: 26px;
    display: flex;
    align-items: center;
    gap: 24px;
}

.admin-access-state h2[b-jp8p6si0pt] {
    margin: 7px 0 8px;
    font-size: 1.7rem;
    letter-spacing: -.03em;
}

.admin-access-state p[b-jp8p6si0pt] {
    max-width: 650px;
    margin: 0;
    opacity: .68;
    line-height: 1.65;
}

.admin-state-icon[b-jp8p6si0pt] {
    flex: 0 0 auto;
    width: 64px;
    height: 64px;
    border-radius: 20px;
    display: grid;
    place-items: center;
    background: rgba(225, 151, 22, .12);
    color: rgb(177, 112, 0);
    font-size: 1.7rem;
}

.admin-skeleton[b-jp8p6si0pt],
.admin-panel-loading div[b-jp8p6si0pt] {
    background: linear-gradient(
        90deg,
        rgba(127, 127, 127, .07),
        rgba(127, 127, 127, .14),
        rgba(127, 127, 127, .07));
    background-size: 220% 100%;
    animation: admin-pulse-b-jp8p6si0pt 1.5s ease-in-out infinite;
}

.admin-panel-loading[b-jp8p6si0pt] {
    padding: 24px;
    display: grid;
    gap: 12px;
}

.admin-panel-loading div[b-jp8p6si0pt] {
    height: 56px;
    border-radius: 14px;
}

@keyframes admin-pulse-b-jp8p6si0pt {
    from { background-position: 100% 0; }
    to { background-position: -100% 0; }
}

@media (max-width: 1000px) {
    .admin-key-builder[b-jp8p6si0pt] {
        grid-template-columns: repeat(2, minmax(160px, 1fr));
    }
}

@media (max-width: 860px) {
    .admin-summary-grid[b-jp8p6si0pt] {
        grid-template-columns: 1fr;
    }

    .admin-user-row[b-jp8p6si0pt] {
        grid-template-columns: auto 1fr;
    }

    .admin-badges[b-jp8p6si0pt] {
        grid-column: 1 / -1;
        justify-content: flex-start;
        padding-left: 58px;
    }

    .admin-audit-row[b-jp8p6si0pt] {
        grid-template-columns: auto 1fr;
    }

    .admin-audit-meta[b-jp8p6si0pt] {
        grid-column: 2;
        align-items: flex-start;
        text-align: left;
    }
}

@media (max-width: 620px) {
    .admin-panel-heading[b-jp8p6si0pt],
    .admin-access-state[b-jp8p6si0pt] {
        align-items: flex-start;
        flex-direction: column;
    }

    .admin-panel-note[b-jp8p6si0pt] {
        text-align: left;
    }

    .admin-key-builder[b-jp8p6si0pt] {
        grid-template-columns: 1fr;
        padding-left: 18px;
        padding-right: 18px;
    }

    .admin-check-field[b-jp8p6si0pt] {
        padding-top: 0;
    }

    .admin-user-row[b-jp8p6si0pt],
    .admin-audit-row[b-jp8p6si0pt],
    .admin-table th[b-jp8p6si0pt],
    .admin-table td[b-jp8p6si0pt] {
        padding-left: 18px;
        padding-right: 18px;
    }

    .admin-badges[b-jp8p6si0pt] {
        padding-left: 0;
    }

    .admin-secret-card[b-jp8p6si0pt] {
        padding: 20px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .admin-skeleton[b-jp8p6si0pt],
    .admin-panel-loading div[b-jp8p6si0pt] {
        animation: none;
    }
}
/* /Components/Pages/App/AdminUserControls.razor.rz.scp.css */
.admin-user-controls-shell[b-4gudv5udgg] {
    grid-column: 2 / -1;
    min-width: 0;
    padding-top: 2px;
}

.admin-user-controls[b-4gudv5udgg],
.admin-user-confirm[b-4gudv5udgg] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

.admin-user-control[b-4gudv5udgg] {
    min-height: 34px;
    padding: 0 11px;
    border: 1px solid var(--border-color, rgba(127, 127, 127, .22));
    border-radius: 11px;
    background: transparent;
    color: inherit;
    font: inherit;
    font-size: .75rem;
    font-weight: 760;
    cursor: pointer;
}

.admin-user-control:hover:not(:disabled)[b-4gudv5udgg] {
    background: rgba(127, 127, 127, .08);
}

.admin-user-control.accent[b-4gudv5udgg] {
    background: rgba(93, 95, 239, .1);
    color: rgb(93, 95, 239);
}

.admin-user-control.danger[b-4gudv5udgg] {
    background: rgba(207, 64, 64, .1);
    color: rgb(188, 52, 52);
}

.admin-user-control:disabled[b-4gudv5udgg] {
    opacity: .45;
    cursor: not-allowed;
}

.admin-user-confirm > span[b-4gudv5udgg],
.admin-user-protected[b-4gudv5udgg],
.admin-user-control-error[b-4gudv5udgg] {
    font-size: .75rem;
}

.admin-user-confirm > span[b-4gudv5udgg] {
    font-weight: 750;
}

.admin-user-protected[b-4gudv5udgg] {
    opacity: .58;
    font-weight: 700;
}

.admin-user-control-error[b-4gudv5udgg] {
    display: block;
    margin-top: 8px;
    color: rgb(188, 52, 52);
    font-weight: 700;
}

@media (max-width: 860px) {
    .admin-user-controls-shell[b-4gudv5udgg] {
        grid-column: 1 / -1;
        padding-left: 58px;
    }
}

@media (max-width: 620px) {
    .admin-user-controls-shell[b-4gudv5udgg] {
        padding-left: 0;
    }
}
/* /Components/Pages/Home.razor.rz.scp.css */
.landing-page[b-ch3wf28bk3]{overflow:hidden;color:#172033}.hero[b-ch3wf28bk3]{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:88px 0 76px;display:grid;grid-template-columns:minmax(0,.92fr) minmax(480px,1.08fr);gap:72px;align-items:center}.hero-copy[b-ch3wf28bk3]{max-width:610px}.eyebrow[b-ch3wf28bk3],.section-kicker[b-ch3wf28bk3]{display:inline-flex;align-items:center;gap:9px;color:#4f67df;font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.eyebrow span[b-ch3wf28bk3]{width:7px;height:7px;border-radius:50%;background:#526ef5;box-shadow:0 0 0 4px rgba(82,110,245,.1)}.hero h1[b-ch3wf28bk3]{margin:20px 0 20px;font-size:clamp(3.2rem,5.5vw,5rem);line-height:.98;letter-spacing:-.065em;font-weight:780;color:#111827}.hero h1 span[b-ch3wf28bk3]{display:block;color:#657083}.hero-copy>p[b-ch3wf28bk3]{max-width:570px;margin:0;color:#687386;font-size:1.08rem;line-height:1.7}.hero-actions[b-ch3wf28bk3]{display:flex;gap:12px;margin-top:30px}.primary-button[b-ch3wf28bk3],.secondary-button[b-ch3wf28bk3],.closing-section>a[b-ch3wf28bk3]{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:14px;text-decoration:none;font-weight:750}.primary-button[b-ch3wf28bk3]{padding:14px 19px;color:#fff;background:linear-gradient(145deg,#2349ee,#526ef5);box-shadow:0 12px 28px rgba(49,78,232,.2)}.primary-button:hover[b-ch3wf28bk3]{color:#fff}.secondary-button[b-ch3wf28bk3]{padding:13px 18px;color:#344054;border:1px solid rgba(15,23,42,.1);background:rgba(255,255,255,.75)}.trust-row[b-ch3wf28bk3]{display:flex;flex-wrap:wrap;gap:14px 20px;margin-top:25px;color:#7b8596;font-size:.73rem;font-weight:650}.snapshot[b-ch3wf28bk3]{padding:24px;border:1px solid rgba(15,23,42,.08);border-radius:28px;background:linear-gradient(160deg,rgba(255,255,255,.98),rgba(246,248,252,.95));box-shadow:0 32px 75px rgba(26,39,80,.11)}.snapshot-top[b-ch3wf28bk3]{display:flex;align-items:flex-start;justify-content:space-between;padding:4px 3px 22px}.snapshot-top>div[b-ch3wf28bk3]{display:grid}.snapshot-label[b-ch3wf28bk3]{color:#8c95a5;font-size:.66rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.snapshot-top strong[b-ch3wf28bk3]{margin-top:5px;font-size:2.45rem;line-height:1;letter-spacing:-.055em}.snapshot-top small[b-ch3wf28bk3]{margin-top:5px;color:#98a0ae}.live-pill[b-ch3wf28bk3]{display:flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;background:#edf8f2;color:#27845a;font-size:.67rem;font-weight:750}.live-pill i[b-ch3wf28bk3]{width:6px;height:6px;border-radius:50%;background:#35b777}.metric-grid[b-ch3wf28bk3]{display:grid;grid-template-columns:1fr 1fr;gap:10px}.metric-grid>div[b-ch3wf28bk3]{padding:16px;border:1px solid rgba(15,23,42,.055);border-radius:16px;background:#fff}.metric-grid span[b-ch3wf28bk3],.metric-grid strong[b-ch3wf28bk3],.metric-grid small[b-ch3wf28bk3]{display:block}.metric-grid span[b-ch3wf28bk3]{color:#8d96a6;font-size:.65rem;font-weight:650}.metric-grid strong[b-ch3wf28bk3]{margin:4px 0 3px;font-size:1.18rem;letter-spacing:-.03em}.metric-grid small[b-ch3wf28bk3]{color:#a0a7b4;font-size:.62rem}.signal-card[b-ch3wf28bk3]{margin-top:11px;padding:14px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;border-radius:16px;background:#fff5f2}.signal-icon[b-ch3wf28bk3]{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#ffe4df;color:#c95046;font-weight:850}.signal-card>div:nth-child(2)[b-ch3wf28bk3]{display:grid;gap:2px}.signal-card span[b-ch3wf28bk3]{color:#a06e68;font-size:.61rem}.signal-card strong[b-ch3wf28bk3]{color:#613a36;font-size:.78rem}.signal-card small[b-ch3wf28bk3]{color:#ad7d77;font-size:.61rem}.signal-arrow[b-ch3wf28bk3]{font-size:1rem!important;color:#c78279!important}.capability-strip[b-ch3wf28bk3]{width:min(1120px,calc(100% - 40px));margin:0 auto;padding:24px;display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid rgba(15,23,42,.07);border-radius:22px;background:rgba(255,255,255,.72)}.capability-strip article[b-ch3wf28bk3]{padding:8px 26px}.capability-strip article+article[b-ch3wf28bk3]{border-left:1px solid #e8eaf0}.capability-strip article>span[b-ch3wf28bk3]{color:#9aa2b0;font-size:.62rem;font-weight:800}.capability-strip strong[b-ch3wf28bk3]{display:block;margin:8px 0 5px;font-size:.9rem}.capability-strip p[b-ch3wf28bk3]{margin:0;color:#818a9a;font-size:.74rem;line-height:1.55}.intelligence-section[b-ch3wf28bk3]{width:min(1120px,calc(100% - 40px));margin:0 auto;padding:130px 0;display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.section-copy h2[b-ch3wf28bk3],.security-section h2[b-ch3wf28bk3]{margin:14px 0 16px;font-size:clamp(2.25rem,4vw,3.3rem);line-height:1.04;letter-spacing:-.055em}.section-copy h2 span[b-ch3wf28bk3]{display:block;color:#657083}.section-copy>p[b-ch3wf28bk3]{margin:0;color:#717b8d;line-height:1.72}.principles[b-ch3wf28bk3]{display:grid;gap:16px;margin-top:30px}.principles>div[b-ch3wf28bk3]{display:flex;align-items:flex-start;gap:11px}.principles b[b-ch3wf28bk3]{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#edf8f2;color:#2b9862;font-size:.7rem}.principles span[b-ch3wf28bk3]{display:grid}.principles strong[b-ch3wf28bk3]{font-size:.82rem}.principles small[b-ch3wf28bk3]{margin-top:2px;color:#8b94a3;font-size:.72rem}.change-card[b-ch3wf28bk3]{padding:27px;border:1px solid rgba(15,23,42,.08);border-radius:25px;background:#fff;box-shadow:0 28px 70px rgba(25,38,75,.09)}.change-head[b-ch3wf28bk3]{display:flex;justify-content:space-between;color:#929baa;font-size:.65rem}.change-head>b[b-ch3wf28bk3]{padding:5px 8px;border-radius:999px;background:#fff0ee;color:#c9544a;font-size:.6rem}.provider-row[b-ch3wf28bk3]{display:flex;align-items:center;gap:11px;margin:24px 0}.provider-mark[b-ch3wf28bk3]{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#edf1ff;color:#4d66dc;font-weight:800}.provider-row>div:last-child[b-ch3wf28bk3]{display:grid}.provider-row strong[b-ch3wf28bk3]{font-size:.84rem}.provider-row small[b-ch3wf28bk3]{color:#98a0ae;font-size:.65rem}.price-row[b-ch3wf28bk3]{padding:21px 0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-top:1px solid #eef0f4;border-bottom:1px solid #eef0f4;font-size:1.7rem;font-weight:760}.price-row span[b-ch3wf28bk3]{color:#a1a8b4}.price-row i[b-ch3wf28bk3]{color:#bdc2cc;font-size:1rem;font-style:normal}.price-row strong[b-ch3wf28bk3]{text-align:right}.impact-row[b-ch3wf28bk3]{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.impact-row>div[b-ch3wf28bk3]{padding:13px;border-radius:13px;background:#fff4f2}.impact-row span[b-ch3wf28bk3],.impact-row strong[b-ch3wf28bk3]{display:block}.impact-row span[b-ch3wf28bk3]{color:#a3736d;font-size:.62rem}.impact-row strong[b-ch3wf28bk3]{margin-top:2px;color:#c84e45}.reason-row[b-ch3wf28bk3]{margin-top:12px;padding:14px;display:flex;justify-content:space-between;gap:20px;border-radius:13px;background:#f7f8fb;font-size:.7rem}.reason-row span[b-ch3wf28bk3]{color:#8a93a3}.reason-row strong[b-ch3wf28bk3]{text-align:right;color:#566173}.security-section[b-ch3wf28bk3]{width:min(1120px,calc(100% - 40px));margin:0 auto 105px;padding:44px 48px;display:grid;grid-template-columns:1fr 1fr;gap:24px 70px;border:1px solid rgba(15,23,42,.07);border-radius:25px;background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(245,247,251,.94))}.security-section h2[b-ch3wf28bk3]{margin-bottom:0;font-size:2.25rem}.security-section>p[b-ch3wf28bk3]{margin:auto 0;color:#747e90;line-height:1.7}.security-points[b-ch3wf28bk3]{grid-column:1/-1;display:flex;gap:24px;color:#687386;font-size:.73rem;font-weight:650}.closing-section[b-ch3wf28bk3]{width:min(1120px,calc(100% - 40px));margin:0 auto 110px;padding:54px 58px;display:flex;align-items:center;justify-content:space-between;gap:30px;border-radius:28px;background:radial-gradient(circle at 10% 0,rgba(92,119,255,.3),transparent 30rem),linear-gradient(145deg,#111b38,#11162a);color:#fff}.closing-section>div>span[b-ch3wf28bk3]{color:#899cff;font-size:.67rem;font-weight:800;letter-spacing:.13em}.closing-section h2[b-ch3wf28bk3]{margin:8px 0 5px;font-size:2.15rem;letter-spacing:-.045em}.closing-section p[b-ch3wf28bk3]{margin:0;color:#9da7c5}.closing-section>a[b-ch3wf28bk3]{padding:14px 19px;white-space:nowrap;background:#fff;color:#1b2440}.closing-section>a:hover[b-ch3wf28bk3]{color:#1b2440}@media(max-width:900px){.hero[b-ch3wf28bk3]{grid-template-columns:1fr;padding-top:64px;gap:48px}.hero-copy[b-ch3wf28bk3]{margin:0 auto;text-align:center}.hero-copy>p[b-ch3wf28bk3]{margin-left:auto;margin-right:auto}.hero-actions[b-ch3wf28bk3],.trust-row[b-ch3wf28bk3]{justify-content:center}.snapshot[b-ch3wf28bk3]{width:min(620px,100%);margin:0 auto}.intelligence-section[b-ch3wf28bk3]{grid-template-columns:1fr;gap:50px}.change-card[b-ch3wf28bk3]{width:min(600px,100%)}.security-section[b-ch3wf28bk3]{grid-template-columns:1fr;gap:16px}.security-points[b-ch3wf28bk3]{grid-column:auto}}@media(max-width:700px){.hero[b-ch3wf28bk3],.intelligence-section[b-ch3wf28bk3],.security-section[b-ch3wf28bk3],.closing-section[b-ch3wf28bk3]{width:min(100% - 28px,1120px)}.hero[b-ch3wf28bk3]{padding:42px 0 46px;gap:34px}.hero h1[b-ch3wf28bk3]{font-size:clamp(2.65rem,12vw,3.7rem)}.hero-copy>p[b-ch3wf28bk3]{font-size:.96rem;line-height:1.62}.hero-actions[b-ch3wf28bk3]{margin-top:24px}.trust-row[b-ch3wf28bk3]{margin-top:19px;font-size:.67rem}.snapshot[b-ch3wf28bk3]{padding:16px;border-radius:22px}.snapshot-top strong[b-ch3wf28bk3]{font-size:2rem}.metric-grid>div[b-ch3wf28bk3]{padding:13px}.signal-card[b-ch3wf28bk3]{align-items:start}.signal-arrow[b-ch3wf28bk3]{display:none}.capability-strip[b-ch3wf28bk3]{width:min(100% - 28px,1120px);grid-template-columns:1fr;padding:8px 18px}.capability-strip article[b-ch3wf28bk3]{padding:18px 4px}.capability-strip article+article[b-ch3wf28bk3]{border-left:0;border-top:1px solid #e8eaf0}.intelligence-section[b-ch3wf28bk3]{padding:88px 0}.section-copy h2[b-ch3wf28bk3]{font-size:2.35rem}.change-card[b-ch3wf28bk3]{padding:19px}.security-section[b-ch3wf28bk3]{margin-bottom:70px;padding:28px 24px}.security-section h2[b-ch3wf28bk3]{font-size:1.9rem}.security-points[b-ch3wf28bk3]{flex-direction:column;gap:10px}.closing-section[b-ch3wf28bk3]{margin-bottom:70px;padding:35px 26px;display:grid}.closing-section h2[b-ch3wf28bk3]{font-size:1.85rem}.closing-section>a[b-ch3wf28bk3]{width:100%}}@media(max-width:440px){.hero-actions[b-ch3wf28bk3]{flex-direction:column}.primary-button[b-ch3wf28bk3],.secondary-button[b-ch3wf28bk3]{width:100%}.metric-grid[b-ch3wf28bk3]{grid-template-columns:1fr 1fr}.metric-grid strong[b-ch3wf28bk3]{font-size:1.02rem}.signal-card strong[b-ch3wf28bk3]{font-size:.72rem}.price-row[b-ch3wf28bk3]{font-size:1.45rem}.impact-row[b-ch3wf28bk3]{grid-template-columns:1fr 1fr}}
/* /Components/Shared/AlertCard.razor.rz.scp.css */
.alert-card[b-59b0dsqg0r] {
    position: relative;
    padding: 18px 20px;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 15px;
    border: 1px solid var(--bw-border);
    border-radius: 18px;
    background: var(--bw-surface-soft);
    box-shadow: 0 12px 38px rgba(0, 0, 0, 0.045);
    transition: border-color 150ms ease, background 150ms ease, transform 150ms ease, box-shadow 150ms ease;
}

    .alert-card:hover[b-59b0dsqg0r] {
        transform: translateY(-1px);
        border-color: var(--bw-border-strong);
        box-shadow: 0 16px 45px rgba(0, 0, 0, 0.065);
    }

    .alert-card.unread[b-59b0dsqg0r] {
        border-color: rgba(82, 107, 240, 0.18);
        background: linear-gradient( 145deg, rgba(82, 107, 240, 0.055), var(--bw-surface-soft));
    }

    .alert-card.severity-critical[b-59b0dsqg0r] {
        border-color: rgba(215, 79, 70, 0.22);
    }

    .alert-card.severity-warning[b-59b0dsqg0r] {
        border-color: rgba(222, 155, 56, 0.18);
    }

.alert-card-icon[b-59b0dsqg0r] {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 13px;
    font-size: 0.8rem;
    font-weight: 850;
}

    .alert-card-icon.increase[b-59b0dsqg0r],
    .alert-card-icon.fee[b-59b0dsqg0r],
    .alert-card-icon.discount[b-59b0dsqg0r] {
        background: rgba(217, 83, 74, 0.09);
        color: #df7068;
    }

    .alert-card-icon.decrease[b-59b0dsqg0r] {
        background: rgba(54, 181, 116, 0.09);
        color: #49b87d;
    }

    .alert-card-icon.due[b-59b0dsqg0r] {
        background: rgba(224, 156, 55, 0.1);
        color: #d6a047;
    }

    .alert-card-icon.connection[b-59b0dsqg0r] {
        background: rgba(224, 156, 55, 0.1);
        color: #d6a047;
    }

    .alert-card-icon.new-bill[b-59b0dsqg0r] {
        background: rgba(82, 107, 240, 0.1);
        color: #879aff;
    }

    .alert-card-icon.unknown[b-59b0dsqg0r] {
        background: rgba(100, 120, 170, 0.08);
        color: var(--bw-text-muted);
    }

.alert-card-content[b-59b0dsqg0r] {
    min-width: 0;
}

.alert-card-heading[b-59b0dsqg0r] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
}

.alert-title-line[b-59b0dsqg0r] {
    display: flex;
    align-items: center;
    gap: 7px;
}

.unread-dot[b-59b0dsqg0r] {
    width: 7px;
    height: 7px;
    flex: 0 0 auto;
    border-radius: 50%;
    background: #5f78f5;
    box-shadow: 0 0 0 4px rgba(82, 107, 240, 0.09);
}

.alert-title-line strong[b-59b0dsqg0r] {
    color: var(--bw-text);
    font-size: 0.78rem;
}

.alert-type[b-59b0dsqg0r] {
    display: block;
    margin-top: 4px;
    color: var(--bw-text-subtle);
    font-size: 0.56rem;
}

.alert-card-heading time[b-59b0dsqg0r] {
    flex: 0 0 auto;
    color: var(--bw-text-subtle);
    font-size: 0.54rem;
    white-space: nowrap;
}

.alert-card-content > p[b-59b0dsqg0r] {
    max-width: 820px;
    margin: 12px 0 15px;
    color: var(--bw-text-muted);
    font-size: 0.67rem;
    line-height: 1.58;
}

.alert-card-footer[b-59b0dsqg0r] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}

.alert-meta[b-59b0dsqg0r] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
}

    .alert-meta > span[b-59b0dsqg0r] {
        padding: 4px 7px;
        border-radius: 7px;
        background: rgba(100, 120, 170, 0.065);
        color: var(--bw-text-muted);
        font-size: 0.52rem;
    }

.alert-severity.info[b-59b0dsqg0r] {
    color: #8297ff;
}

.alert-severity.warning[b-59b0dsqg0r] {
    color: #d3a047;
}

.alert-severity.critical[b-59b0dsqg0r] {
    color: #df7068;
}

.alert-actions[b-59b0dsqg0r] {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 6px;
}

.alert-secondary-action[b-59b0dsqg0r],
.alert-primary-action[b-59b0dsqg0r] {
    min-height: 31px;
    padding: 0 10px;
    border-radius: 9px;
    font-size: 0.56rem;
    font-weight: 700;
    cursor: pointer;
    transition: opacity 150ms ease, background 150ms ease, border-color 150ms ease, transform 150ms ease;
}

.alert-secondary-action[b-59b0dsqg0r] {
    border: 1px solid var(--bw-border);
    background: rgba(100, 120, 170, 0.045);
    color: var(--bw-text-muted);
}

    .alert-secondary-action:hover:not(:disabled)[b-59b0dsqg0r] {
        color: var(--bw-text);
        border-color: var(--bw-border-strong);
        background: rgba(100, 120, 170, 0.08);
    }

    .alert-secondary-action.dismiss:hover:not(:disabled)[b-59b0dsqg0r] {
        border-color: rgba(217, 83, 74, 0.17);
        background: rgba(217, 83, 74, 0.07);
        color: #df7068;
    }

.alert-primary-action[b-59b0dsqg0r] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    border: 1px solid rgba(82, 107, 240, 0.22);
    background: rgba(82, 107, 240, 0.11);
    color: #879aff;
}

    .alert-primary-action:hover:not(:disabled)[b-59b0dsqg0r] {
        transform: translateY(-1px);
        background: rgba(82, 107, 240, 0.16);
    }

    .alert-secondary-action:disabled[b-59b0dsqg0r],
    .alert-primary-action:disabled[b-59b0dsqg0r] {
        opacity: 0.48;
        cursor: wait;
    }

@media (max-width: 680px) {
    .alert-card[b-59b0dsqg0r] {
        padding: 16px;
        grid-template-columns: 1fr;
    }

    .alert-card-icon[b-59b0dsqg0r] {
        width: 36px;
        height: 36px;
    }

    .alert-card-heading[b-59b0dsqg0r] {
        flex-direction: column;
        gap: 5px;
    }

    .alert-card-footer[b-59b0dsqg0r] {
        align-items: flex-start;
        flex-direction: column;
    }

    .alert-actions[b-59b0dsqg0r] {
        width: 100%;
        justify-content: stretch;
    }

        .alert-actions button[b-59b0dsqg0r] {
            flex: 1;
        }
}
/* /Components/Shared/AlertSummary.razor.rz.scp.css */
.alert-summary[b-1x80axvmvu] {
    display: grid;
    grid-template-columns: repeat( 3, minmax(0, 1fr));
    gap: 12px;
}

    .alert-summary article[b-1x80axvmvu] {
        min-height: 105px;
        padding: 17px 18px;
        display: flex;
        flex-direction: column;
        border: 1px solid var(--bw-border);
        border-radius: 17px;
        background: var(--bw-surface-soft);
        box-shadow: 0 12px 38px rgba(0, 0, 0, 0.045);
    }

        .alert-summary article > span[b-1x80axvmvu] {
            color: var(--bw-text-muted);
            font-size: 0.6rem;
            font-weight: 700;
        }

        .alert-summary article > strong[b-1x80axvmvu] {
            margin-top: 9px;
            color: var(--bw-text);
            font-size: 1.7rem;
            line-height: 1;
            letter-spacing: -0.055em;
        }

        .alert-summary article > small[b-1x80axvmvu] {
            margin-top: auto;
            padding-top: 10px;
            color: var(--bw-text-subtle);
            font-size: 0.55rem;
        }

        .alert-summary article.has-unread[b-1x80axvmvu] {
            border-color: rgba(82, 107, 240, 0.18);
            background: linear-gradient( 145deg, rgba(82, 107, 240, 0.075), var(--bw-surface-soft));
        }

            .alert-summary article.has-unread > strong[b-1x80axvmvu] {
                color: #879aff;
            }

        .alert-summary article.has-attention[b-1x80axvmvu] {
            border-color: rgba(222, 149, 54, 0.18);
            background: linear-gradient( 145deg, rgba(222, 149, 54, 0.065), var(--bw-surface-soft));
        }

            .alert-summary article.has-attention > strong[b-1x80axvmvu] {
                color: #d5a047;
            }

@media (max-width: 650px) {
    .alert-summary[b-1x80axvmvu] {
        grid-template-columns: 1fr;
    }

        .alert-summary article[b-1x80axvmvu] {
            min-height: 86px;
        }
}
/* /Components/Shared/StatementUploadPanel.razor.rz.scp.css */
.statement-upload-panel[b-vpq26mvpre] {
    padding: 23px;
    display: grid;
    gap: 18px;
    border: 1px solid rgba(82, 107, 240, 0.18);
    border-radius: 20px;
    background: linear-gradient( 145deg, rgba(78, 103, 236, 0.075), var(--bw-surface-soft));
    box-shadow: 0 14px 42px rgba(0, 0, 0, 0.055);
}

.statement-upload-heading[b-vpq26mvpre] {
    display: flex;
    align-items: flex-start;
    gap: 13px;
}

.statement-upload-icon[b-vpq26mvpre] {
    width: 43px;
    height: 43px;
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    border-radius: 13px;
    background: rgba(80, 105, 240, 0.12);
    color: #879aff;
}

    .statement-upload-icon svg[b-vpq26mvpre] {
        width: 21px;
        height: 21px;
    }

.statement-upload-kicker[b-vpq26mvpre] {
    color: #8498ff;
    font-size: 0.57rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.09em;
}

.statement-upload-heading h2[b-vpq26mvpre] {
    margin: 4px 0 5px;
    color: var(--bw-text);
    font-size: 0.94rem;
    letter-spacing: -0.03em;
}

.statement-upload-heading p[b-vpq26mvpre] {
    max-width: 630px;
    margin: 0;
    color: var(--bw-text-muted);
    font-size: 0.65rem;
    line-height: 1.55;
}

.statement-upload-body[b-vpq26mvpre] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 11px;
}

.statement-file-input[b-vpq26mvpre] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect( 0, 0, 0, 0);
    white-space: nowrap;
}

.statement-file-picker[b-vpq26mvpre] {
    min-height: 62px;
    padding: 10px 13px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    gap: 11px;
    border: 1px dashed var(--bw-border-strong);
    border-radius: 13px;
    background: rgba(100, 120, 170, 0.035);
    cursor: pointer;
    transition: background 150ms ease, border-color 150ms ease;
}

    .statement-file-picker:hover[b-vpq26mvpre] {
        border-color: rgba(83, 108, 242, 0.4);
        background: rgba(83, 108, 242, 0.055);
    }

    .statement-file-picker.selected[b-vpq26mvpre] {
        border-style: solid;
        border-color: rgba(56, 181, 116, 0.2);
        background: rgba(56, 181, 116, 0.045);
    }

    .statement-file-picker.invalid[b-vpq26mvpre] {
        border-color: rgba(219, 94, 86, 0.24);
        background: rgba(219, 94, 86, 0.045);
    }

.picker-symbol[b-vpq26mvpre],
.selected-file-symbol[b-vpq26mvpre] {
    width: 34px;
    height: 34px;
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    border-radius: 10px;
    font-weight: 800;
}

.picker-symbol[b-vpq26mvpre] {
    background: rgba(83, 108, 242, 0.1);
    color: #879aff;
    font-size: 1rem;
}

.selected-file-symbol[b-vpq26mvpre] {
    background: rgba(56, 181, 116, 0.1);
    color: #49b87d;
    font-size: 0.67rem;
}

.picker-copy[b-vpq26mvpre] {
    min-width: 0;
    display: flex;
    flex-direction: column;
}

    .picker-copy strong[b-vpq26mvpre] {
        overflow: hidden;
        color: var(--bw-text-secondary);
        font-size: 0.69rem;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .picker-copy span[b-vpq26mvpre] {
        margin-top: 3px;
        color: var(--bw-text-subtle);
        font-size: 0.55rem;
    }

.statement-upload-button[b-vpq26mvpre] {
    min-height: 43px;
    padding: 0 15px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    border: 0;
    border-radius: 12px;
    background: linear-gradient( 145deg, #294ff0, #5b74f5);
    color: white;
    box-shadow: 0 10px 25px rgba(44, 75, 232, 0.23);
    font-size: 0.68rem;
    font-weight: 740;
    white-space: nowrap;
    cursor: pointer;
    transition: opacity 150ms ease, transform 150ms ease, box-shadow 150ms ease;
}

    .statement-upload-button:hover:not(:disabled)[b-vpq26mvpre] {
        transform: translateY(-1px);
        box-shadow: 0 14px 31px rgba(44, 75, 232, 0.29);
    }

    .statement-upload-button:disabled[b-vpq26mvpre] {
        opacity: 0.5;
        cursor: not-allowed;
    }

.statement-upload-spinner[b-vpq26mvpre] {
    width: 12px;
    height: 12px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: white;
    border-radius: 50%;
    animation: statement-spin-b-vpq26mvpre 0.75s linear infinite;
}

@keyframes statement-spin-b-vpq26mvpre {
    to {
        transform: rotate(360deg);
    }
}

.statement-upload-status[b-vpq26mvpre] {
    padding: 11px 13px;
    display: flex;
    align-items: flex-start;
    gap: 10px;
    border-radius: 12px;
}

    .statement-upload-status.working[b-vpq26mvpre] {
        border: 1px solid rgba(83, 108, 242, 0.15);
        background: rgba(83, 108, 242, 0.055);
    }

    .statement-upload-status.success[b-vpq26mvpre] {
        border: 1px solid rgba(56, 181, 116, 0.16);
        background: rgba(56, 181, 116, 0.055);
    }

    .statement-upload-status.error[b-vpq26mvpre] {
        border: 1px solid rgba(219, 94, 86, 0.17);
        background: rgba(219, 94, 86, 0.055);
    }

.statement-status-dot[b-vpq26mvpre] {
    width: 7px;
    height: 7px;
    flex: 0 0 auto;
    margin-top: 5px;
    border-radius: 50%;
}

.working .statement-status-dot[b-vpq26mvpre] {
    background: #8498ff;
}

.success .statement-status-dot[b-vpq26mvpre] {
    background: #49b87d;
}

.error .statement-status-dot[b-vpq26mvpre] {
    background: #df7169;
}

.statement-upload-status > div[b-vpq26mvpre] {
    display: flex;
    flex-direction: column;
}

.statement-upload-status strong[b-vpq26mvpre] {
    color: var(--bw-text-secondary);
    font-size: 0.64rem;
}

.statement-upload-status span:last-child[b-vpq26mvpre] {
    margin-top: 3px;
    color: var(--bw-text-muted);
    font-size: 0.58rem;
    line-height: 1.5;
}

.statement-upload-footnote[b-vpq26mvpre] {
    color: var(--bw-text-subtle);
    font-size: 0.53rem;
    line-height: 1.45;
}

@media (max-width: 700px) {
    .statement-upload-body[b-vpq26mvpre] {
        grid-template-columns: 1fr;
    }

    .statement-upload-button[b-vpq26mvpre] {
        width: 100%;
    }
}