/* /App.razor.rz.scp.css */
.app-shell[b-cllrd328r5] {
    position: relative;
    min-height: 100vh;
    overflow: hidden;
    background: var(--app-bg);
    color: var(--app-text);
    isolation: isolate;
}

.app-shell > :not(.app-shell__backdrop)[b-cllrd328r5] {
    position: relative;
    z-index: 1;
}

.app-shell__backdrop[b-cllrd328r5] {
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: 0;
    overflow: hidden;
}

.app-shell__mesh[b-cllrd328r5],
.app-shell__veil[b-cllrd328r5],
.app-shell__glow[b-cllrd328r5] {
    position: absolute;
    inset: auto;
}

.app-shell__mesh[b-cllrd328r5] {
    inset: -12% -8%;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0) 28%),
        radial-gradient(circle at 20% 18%, rgba(255, 255, 255, 0.12) 0, rgba(255, 255, 255, 0) 34%),
        radial-gradient(circle at 78% 68%, rgba(255, 255, 255, 0.05) 0, rgba(255, 255, 255, 0) 30%);
    opacity: 0.9;
    transform: rotate(-6deg) scale(1.04);
}

.app-shell__glow[b-cllrd328r5] {
    border-radius: 999px;
    filter: blur(32px);
    opacity: 1;
}

.app-shell__glow--primary[b-cllrd328r5] {
    top: -4rem;
    left: -3rem;
    width: 17rem;
    height: 17rem;
    background: var(--app-shell-glow-primary);
}

.app-shell__glow--secondary[b-cllrd328r5] {
    top: 12vh;
    right: -4rem;
    width: 18rem;
    height: 18rem;
    background: var(--app-shell-glow-secondary);
}

.app-shell__glow--accent[b-cllrd328r5] {
    left: 18%;
    bottom: -5rem;
    width: 16rem;
    height: 16rem;
    background: var(--app-shell-glow-accent);
}

.app-shell__veil[b-cllrd328r5] {
    inset: 0;
    background:
        linear-gradient(180deg, var(--app-shell-veil-color), rgba(255, 255, 255, 0) 28%, rgba(255, 255, 255, 0) 72%, rgba(255, 255, 255, 0.04)),
        linear-gradient(120deg, rgba(255, 255, 255, 0.02), rgba(255, 255, 255, 0) 36%, rgba(255, 255, 255, 0.06) 100%);
}

.app-theme--brand .app-shell__mesh[b-cllrd328r5],
.app-theme--purple .app-shell__mesh[b-cllrd328r5] {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0) 28%),
        radial-gradient(circle at 18% 14%, rgba(255, 246, 204, 0.16) 0, rgba(255, 255, 255, 0) 32%),
        radial-gradient(circle at 76% 70%, rgba(255, 216, 102, 0.1) 0, rgba(255, 255, 255, 0) 28%);
    transform: rotate(-5deg) scale(1.02);
}

.app-theme--brand .app-shell__glow--primary[b-cllrd328r5],
.app-theme--purple .app-shell__glow--primary[b-cllrd328r5] {
    top: -5rem;
    left: -3rem;
    width: 15rem;
    height: 15rem;
}

.app-theme--brand .app-shell__glow--secondary[b-cllrd328r5],
.app-theme--purple .app-shell__glow--secondary[b-cllrd328r5] {
    top: 18vh;
    right: -5rem;
    width: 20rem;
    height: 20rem;
}

.app-theme--brand .app-shell__glow--accent[b-cllrd328r5],
.app-theme--purple .app-shell__glow--accent[b-cllrd328r5] {
    left: 10%;
    bottom: -6rem;
    width: 15rem;
    height: 15rem;
}

.app-shell[b-cllrd328r5]  [data-sonner-toast][data-styled='true'] [data-close-button] {
    min-width: 20px;
    min-height: 20px;
    width: 20px;
    height: 20px;
    aspect-ratio: 1 / 1;
    border-radius: 9999px;
    line-height: 1;
}
/* /Components/AppBadge.razor.rz.scp.css */
.app-badge[b-wxp3ii43ji] {
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.75rem;
    border: 1px solid color-mix(in srgb, var(--color-border) 74%, transparent);
    border-radius: 999px;
    background: var(--color-badge-bg);
    color: var(--color-badge-text);
    font-size: 0.75rem;
    font-weight: 600;
    white-space: nowrap;
}

.app-badge--accent[b-wxp3ii43ji] {
    background: var(--color-primary-soft);
    color: var(--color-primary-strong);
    border-color: transparent;
}

.app-badge--success[b-wxp3ii43ji] {
    background: var(--color-success-bg);
    color: var(--color-success-text);
    border-color: transparent;
}
/* /Components/AppBar.razor.rz.scp.css */
.app-bar-spacer[b-xfujbx1nav],
.screen-topbar-spacer[b-xfujbx1nav] {
    height: calc(2.25rem + env(safe-area-inset-top));
}

.app-bar[b-xfujbx1nav] {
    position: fixed;
    top: 0;
    left: 50%;
    z-index: 40;
    display: flex;
    width: 100%;
    max-width: 30rem;
    min-height: calc(3.25rem + env(safe-area-inset-top));
    transform: translateX(-50%);
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
    padding: calc(env(safe-area-inset-top) + 0.5rem) 0.75rem 0.75rem;
}

.app-bar[b-xfujbx1nav]::before {
    content: "";
    position: absolute;
    inset: 0 0.5rem 0.4rem;
    z-index: -1;
    border: 1px solid color-mix(in srgb, var(--color-border) 54%, transparent);
    border-radius: 0 0 1.5rem 1.5rem;
    background: color-mix(in srgb, var(--color-surface-strong) 32%, transparent);
    box-shadow: inset 0 1px 0 var(--app-shell-sheen);
    opacity: 0;
    transition: all 180ms ease;
}

.app-bar.is-scrolled[b-xfujbx1nav]::before {
    background: color-mix(in srgb, var(--color-surface-strong) 72%, transparent);
    border-color: color-mix(in srgb, var(--color-border) 76%, transparent);
    box-shadow: var(--shadow-soft);
    box-shadow: var(--shadow-soft), inset 0 1px 0 var(--app-shell-sheen);
    backdrop-filter: blur(20px) saturate(170%);
    opacity: 1;
}

.app-bar__leading[b-xfujbx1nav] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 0.75rem;
}

.app-bar__title[b-xfujbx1nav] {
    margin: 0;
    color: var(--color-text);
    font-size: 1.125rem;
    font-weight: 600;
    letter-spacing: -0.03em;
}

.app-bar__subtitle[b-xfujbx1nav] {
    margin-top: 0.25rem;
    color: var(--color-text-muted);
    font-size: 0.75rem;
    line-height: 1.25rem;
}

.app-bar__toolbar[b-xfujbx1nav] {
    display: flex;
    min-width: 0;
    flex-shrink: 0;
    align-items: center;
    justify-content: flex-end;
    gap: 0.5rem;
}

.screen-topbar-dot[b-xfujbx1nav] {
    display: inline-flex;
    width: 0.75rem;
    height: 0.75rem;
    border-radius: 999px;
    background: linear-gradient(135deg, color-mix(in srgb, var(--color-primary) 40%, white), var(--color-primary));
    box-shadow: 0 0 0 12px color-mix(in srgb, var(--color-primary-soft) 82%, transparent);
}

@media (min-width: 40rem) {
    .app-bar[b-xfujbx1nav] {
        padding-inline: 1rem;
    }
}
/* /Components/AppButton.razor.rz.scp.css */
.app-button[b-2vvtu9dswg] {
    position: relative;
    display: inline-flex;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    overflow: hidden;
    padding-inline: 1rem;
    border: 1px solid transparent;
    border-radius: var(--radius-button);
    font: inherit;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.25;
    white-space: nowrap;
    text-decoration: none;
    touch-action: manipulation;
    transition: transform 150ms ease-out, border-color 150ms ease-out, background 150ms ease-out, box-shadow 150ms ease-out, opacity 150ms ease-out;
    appearance: none;
}

.app-button:disabled[b-2vvtu9dswg] {
    cursor: not-allowed;
    opacity: 0.6;
}

.app-button--block[b-2vvtu9dswg] {
    width: 100%;
}

.app-button--radius-default[b-2vvtu9dswg] {
    border-radius: var(--radius-button);
}

.app-button--radius-soft[b-2vvtu9dswg] {
    border-radius: 1.25rem;
}

.app-button--radius-pill[b-2vvtu9dswg] {
    border-radius: 9999px;
}

.app-button--primary[b-2vvtu9dswg] {
    color: white;
    background: linear-gradient(180deg, color-mix(in srgb, var(--color-primary) 90%, white), var(--color-primary-strong));
    box-shadow: 0 16px 34px color-mix(in srgb, var(--color-primary) 30%, transparent);
}

.app-button--danger[b-2vvtu9dswg] {
    color: white;
    background: linear-gradient(180deg, color-mix(in srgb, var(--color-danger) 88%, white 8%), color-mix(in srgb, var(--color-danger) 74%, black 10%));
    box-shadow: 0 16px 34px color-mix(in srgb, var(--color-danger) 26%, transparent);
}

.app-button--secondary[b-2vvtu9dswg] {
    border-color: color-mix(in srgb, var(--color-border) 78%, var(--color-primary-soft));
    background: color-mix(in srgb, var(--color-surface-strong) 82%, transparent);
    color: var(--color-text);
    box-shadow: inset 0 1px 0 var(--app-shell-sheen);
    backdrop-filter: blur(18px) saturate(160%);
}

.app-button--ghost[b-2vvtu9dswg] {
    min-height: 44px;
    border-color: color-mix(in srgb, var(--color-border) 74%, transparent);
    background: color-mix(in srgb, var(--color-surface-strong) 78%, transparent);
    color: var(--color-text);
    box-shadow: inset 0 1px 0 var(--app-shell-sheen);
    backdrop-filter: blur(18px) saturate(160%);
}

.app-button--sm[b-2vvtu9dswg] {
    min-height: 44px;
    padding-inline: 1rem;
    font-size: 0.875rem;
}

.app-button--md[b-2vvtu9dswg] {
    font-size: 1rem;
}

.app-button--lg[b-2vvtu9dswg] {
    min-height: 52px;
    padding-inline: 1.25rem;
    font-size: 1rem;
}

.app-button:not(:disabled):hover[b-2vvtu9dswg] {
    transform: translateY(-1px);
}

.app-button:not(:disabled):active[b-2vvtu9dswg] {
    transform: scale(0.99);
}

.app-button__slot[b-2vvtu9dswg],
.app-button__label[b-2vvtu9dswg] {
    display: inline-flex;
    align-items: center;
}

.app-button__label[b-2vvtu9dswg] {
    justify-content: center;
}

.app-button__icon[b-2vvtu9dswg] {
    width: 1rem;
    height: 1rem;
    flex-shrink: 0;
}

.app-button--icon-only[b-2vvtu9dswg] {
    width: 48px;
    padding-left: 0;
    padding-right: 0;
}

.app-button--icon-only.app-button--sm[b-2vvtu9dswg] {
    width: 44px;
}

.app-button--icon-only.app-button--lg[b-2vvtu9dswg] {
    width: 52px;
}
/* /Components/AppButtonLink.razor.rz.scp.css */
.app-button[b-8g6wpsazrw] {
    position: relative;
    display: inline-flex;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    overflow: hidden;
    padding-inline: 1rem;
    border: 1px solid transparent;
    border-radius: var(--radius-button);
    font: inherit;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.25;
    white-space: nowrap;
    text-decoration: none;
    touch-action: manipulation;
    transition: transform 150ms ease-out, border-color 150ms ease-out, background 150ms ease-out, box-shadow 150ms ease-out, opacity 150ms ease-out;
}

.app-button--block[b-8g6wpsazrw] {
    width: 100%;
}

.app-button--radius-default[b-8g6wpsazrw] {
    border-radius: var(--radius-button);
}

.app-button--radius-soft[b-8g6wpsazrw] {
    border-radius: 1.25rem;
}

.app-button--radius-pill[b-8g6wpsazrw] {
    border-radius: 9999px;
}

.app-button--primary[b-8g6wpsazrw] {
    color: white;
    background: linear-gradient(180deg, color-mix(in srgb, var(--color-primary) 90%, white), var(--color-primary-strong));
    box-shadow: 0 16px 34px color-mix(in srgb, var(--color-primary) 30%, transparent);
}

.app-button--danger[b-8g6wpsazrw] {
    color: white;
    background: linear-gradient(180deg, color-mix(in srgb, var(--color-danger) 88%, white 8%), color-mix(in srgb, var(--color-danger) 74%, black 10%));
    box-shadow: 0 16px 34px color-mix(in srgb, var(--color-danger) 26%, transparent);
}

.app-button--secondary[b-8g6wpsazrw] {
    border-color: color-mix(in srgb, var(--color-border) 78%, var(--color-primary-soft));
    background: color-mix(in srgb, var(--color-surface-strong) 82%, transparent);
    color: var(--color-text);
    box-shadow: inset 0 1px 0 var(--app-shell-sheen);
    backdrop-filter: blur(18px) saturate(160%);
}

.app-button--ghost[b-8g6wpsazrw] {
    min-height: 44px;
    border-color: color-mix(in srgb, var(--color-border) 74%, transparent);
    background: color-mix(in srgb, var(--color-surface-strong) 78%, transparent);
    color: var(--color-text);
    box-shadow: inset 0 1px 0 var(--app-shell-sheen);
    backdrop-filter: blur(18px) saturate(160%);
}

.app-button--sm[b-8g6wpsazrw] {
    min-height: 44px;
    padding-inline: 1rem;
    font-size: 0.875rem;
}

.app-button--md[b-8g6wpsazrw] {
    font-size: 1rem;
}

.app-button--lg[b-8g6wpsazrw] {
    min-height: 52px;
    padding-inline: 1.25rem;
    font-size: 1rem;
}

.app-button:hover[b-8g6wpsazrw] {
    transform: translateY(-1px);
}

.app-button:active[b-8g6wpsazrw] {
    transform: scale(0.99);
}

.app-button__slot[b-8g6wpsazrw],
.app-button__label[b-8g6wpsazrw] {
    display: inline-flex;
    align-items: center;
}

.app-button__label[b-8g6wpsazrw] {
    justify-content: center;
}

.app-button__icon[b-8g6wpsazrw] {
    width: 1rem;
    height: 1rem;
    flex-shrink: 0;
}

.app-button--icon-only[b-8g6wpsazrw] {
    width: 48px;
    padding-left: 0;
    padding-right: 0;
}

.app-button--icon-only.app-button--sm[b-8g6wpsazrw] {
    width: 44px;
}

.app-button--icon-only.app-button--lg[b-8g6wpsazrw] {
    width: 52px;
}
/* /Components/AppCard.razor.rz.scp.css */
.app-card[b-9vzrxjoev4] {
    position: relative;
    overflow: hidden;
    border: 1px solid var(--app-glass-border);
    border-radius: 1.5rem;
    background: var(--app-glass-fill);
    box-shadow: var(--shadow-card), var(--app-glass-shadow);
    backdrop-filter: blur(var(--glass-blur)) saturate(var(--glass-saturate)) contrast(var(--glass-contrast));
}

.app-card[b-9vzrxjoev4]::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        radial-gradient(circle at top left, color-mix(in srgb, var(--color-primary-soft) 56%, white 12%) 0, rgba(255, 255, 255, 0) 44%),
        var(--app-glass-highlight);
}

.app-card > *[b-9vzrxjoev4] {
    position: relative;
    z-index: 1;
}

.app-card--default[b-9vzrxjoev4] {
    background: var(--app-glass-fill);
}

.app-card--soft[b-9vzrxjoev4] {
    background: var(--app-glass-fill-soft);
}

.app-card--flat[b-9vzrxjoev4] {
    box-shadow: var(--shadow-soft);
}

.app-card--hero[b-9vzrxjoev4] {
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--color-surface-strong) 86%, white 8%), color-mix(in srgb, var(--color-primary-soft) 58%, var(--color-surface))),
        radial-gradient(circle at top left, color-mix(in srgb, var(--color-primary-soft) 78%, white 10%) 0, rgba(255, 255, 255, 0) 42%);
    box-shadow: var(--shadow-float);
}

.app-card--p-none[b-9vzrxjoev4] {
    padding: 0;
}

.app-card--p-sm[b-9vzrxjoev4] {
    padding: 1rem;
}

.app-card--p-md[b-9vzrxjoev4] {
    padding: 1.25rem;
}

.app-card--p-lg[b-9vzrxjoev4] {
    padding: 1.5rem;
}

.app-card--p-xl[b-9vzrxjoev4] {
    padding: 1.75rem;
}

.app-card__header[b-9vzrxjoev4] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
}

.app-card__headline > * + *[b-9vzrxjoev4] {
    margin-top: 0.25rem;
}

.app-card__title[b-9vzrxjoev4] {
    color: var(--color-text);
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: -0.02em;
}

.app-card__description[b-9vzrxjoev4] {
    color: var(--color-text-muted);
    font-size: 0.875rem;
    line-height: 1.5rem;
}

.app-card__body[b-9vzrxjoev4] {
    min-width: 0;
}

.app-card__header + .app-card__body[b-9vzrxjoev4] {
    margin-top: 1rem;
}

.app-card__footer[b-9vzrxjoev4] {
    margin-top: 1rem;
}

.app-theme--brand .app-card[b-9vzrxjoev4],
.app-theme--purple .app-card[b-9vzrxjoev4] {
    border-color: var(--app-glass-border);
    background: var(--app-glass-fill);
    box-shadow: var(--shadow-card), var(--app-glass-shadow), 0 7px 18px color-mix(in srgb, var(--color-primary-soft) 5%, transparent);
}

.app-theme--brand .app-card[b-9vzrxjoev4]::before,
.app-theme--purple .app-card[b-9vzrxjoev4]::before {
    background:
        radial-gradient(circle at top left, color-mix(in srgb, var(--color-primary-soft) 18%, white 4%) 0, rgba(255, 255, 255, 0) 50%),
        var(--app-glass-highlight);
}

.app-theme--brand .app-card--soft[b-9vzrxjoev4],
.app-theme--purple .app-card--soft[b-9vzrxjoev4] {
    background: var(--app-glass-fill-soft);
}

.app-theme--brand .app-card--hero[b-9vzrxjoev4],
.app-theme--purple .app-card--hero[b-9vzrxjoev4] {
    background:
        linear-gradient(180deg, color-mix(in srgb, var(--color-surface-strong) 72%, rgba(255, 255, 255, 0.08)), color-mix(in srgb, var(--color-primary-soft) 38%, var(--color-surface-soft))),
        radial-gradient(circle at top left, color-mix(in srgb, var(--color-primary-soft) 22%, white 4%) 0, rgba(255, 255, 255, 0) 48%);
    box-shadow: var(--shadow-float), var(--app-glass-shadow);
}

/* /Components/AppIcon.razor.rz.scp.css */
.app-icon[b-nyw84t0e36] {
    display: inline-block;
    flex-shrink: 0;
    vertical-align: middle;
}

/* /Components/AppIconButton.razor.rz.scp.css */
.app-icon-button[b-7hddi4m59p] {
    position: relative;
    display: inline-flex;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    overflow: hidden;
    padding: 0;
    border: 1px solid transparent;
    background: none;
    color: inherit;
    font: inherit;
    text-decoration: none;
    touch-action: manipulation;
    transition: transform 150ms ease-out, border-color 150ms ease-out, background 150ms ease-out, box-shadow 150ms ease-out, opacity 150ms ease-out;
    appearance: none;
}

.app-icon-button:disabled[b-7hddi4m59p] {
    cursor: not-allowed;
    opacity: 0.6;
}

.app-icon-button:not(:disabled):hover[b-7hddi4m59p] {
    transform: translateY(-1px);
}

.app-icon-button:not(:disabled):active[b-7hddi4m59p] {
    transform: scale(0.99);
}

.page-back-button[b-7hddi4m59p] {
    width: 2.75rem;
    height: 2.75rem;
    min-height: 2.75rem;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: color-mix(in srgb, var(--color-surface-strong) 76%, transparent);
    color: var(--color-text);
    border-color: color-mix(in srgb, var(--color-border) 72%, transparent);
    box-shadow: var(--shadow-soft), inset 0 1px 0 var(--app-shell-sheen);
    backdrop-filter: blur(18px) saturate(160%);
}

.page-back-button[b-7hddi4m59p]  .page-back-button__icon {
    width: 1rem;
    height: 1rem;
}

.app-theme--brand .page-back-button[b-7hddi4m59p],
.app-theme--purple .page-back-button[b-7hddi4m59p] {
    border-color: rgba(255, 219, 180, 0.14);
    background: color-mix(in srgb, var(--color-surface-strong) 62%, transparent);
}
/* /Components/AppInfoTile.razor.rz.scp.css */
.app-info-tile[b-nn9kl4pw9y] {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 0.25rem;
    padding: 1rem;
    border: 1px solid color-mix(in srgb, var(--color-border) 76%, transparent);
    border-radius: 1.2rem;
    background: color-mix(in srgb, var(--color-surface-soft) 90%, transparent);
    box-shadow: inset 0 1px 0 var(--app-shell-sheen);
    backdrop-filter: blur(18px) saturate(160%);
}

.app-theme--brand .app-info-tile[b-nn9kl4pw9y],
.app-theme--purple .app-info-tile[b-nn9kl4pw9y] {
    border-color: rgba(255, 219, 180, 0.14);
    background: color-mix(in srgb, var(--color-surface-strong) 62%, transparent);
}
/* /Components/AppInlineAlert.razor.rz.scp.css */
.app-inline-alert[b-rre2icx290] {
    padding: 0.75rem 1rem;
    border: 1px solid color-mix(in srgb, var(--color-border) 82%, transparent);
    border-radius: 1.2rem;
    background: color-mix(in srgb, var(--color-surface-soft) 94%, transparent);
}

.app-inline-alert__title[b-rre2icx290] {
    font-size: 0.875rem;
    font-weight: 600;
}

.app-inline-alert__message[b-rre2icx290],
.app-inline-alert__content[b-rre2icx290] {
    font-size: 0.875rem;
    line-height: 1.5rem;
}

.app-inline-alert__message + .app-inline-alert__content[b-rre2icx290] {
    margin-top: 0.5rem;
}

.app-inline-alert--success[b-rre2icx290] {
    background: color-mix(in srgb, var(--color-success) 10%, var(--color-surface-soft));
    border-color: color-mix(in srgb, var(--color-success) 24%, transparent);
    color: var(--color-success-text);
}

.app-inline-alert--info[b-rre2icx290] {
    background: color-mix(in srgb, var(--color-info) 10%, var(--color-surface-soft));
    border-color: color-mix(in srgb, var(--color-info) 22%, transparent);
    color: var(--color-info);
}

.app-inline-alert--warning[b-rre2icx290] {
    background: color-mix(in srgb, var(--color-warning) 10%, var(--color-surface-soft));
    border-color: color-mix(in srgb, var(--color-warning) 24%, transparent);
    color: var(--color-warning);
}

.app-inline-alert--danger[b-rre2icx290] {
    background: color-mix(in srgb, var(--color-danger) 14%, var(--color-surface-soft));
    border-color: color-mix(in srgb, var(--color-danger) 30%, transparent);
    color: color-mix(in srgb, var(--color-danger) 42%, var(--color-text));
}

.app-inline-alert--danger .app-inline-alert__title[b-rre2icx290] {
    color: color-mix(in srgb, var(--color-danger) 62%, var(--color-text));
}

.app-inline-alert--danger .app-inline-alert__message[b-rre2icx290],
.app-inline-alert--danger .app-inline-alert__content[b-rre2icx290] {
    color: color-mix(in srgb, var(--color-danger) 18%, var(--color-text));
}
/* /Components/AppInputText.razor.rz.scp.css */
.app-input-text[b-ihkd49ugtm] {
    display: block;
    width: 100%;
}

.app-input-text[b-ihkd49ugtm]  .app-input {
    display: block;
    width: 100%;
    min-height: 48px;
    padding: 0.75rem 1rem;
    border: 1px solid color-mix(in srgb, var(--color-border) 76%, transparent);
    border-radius: 1rem;
    background: color-mix(in srgb, var(--color-surface-strong) 82%, transparent);
    color: var(--color-text);
    box-shadow: inset 0 1px 0 var(--app-shell-sheen);
    backdrop-filter: blur(18px) saturate(160%);
    font: inherit;
    font-size: 1rem;
    outline: none;
    transition: border-color 150ms ease-out, box-shadow 150ms ease-out, background 150ms ease-out;
}

.app-input-text[b-ihkd49ugtm]  .app-input::placeholder {
    color: color-mix(in srgb, var(--color-text-muted) 84%, transparent);
}

.app-input-text[b-ihkd49ugtm]  .app-input:focus {
    border-color: color-mix(in srgb, var(--color-primary) 56%, var(--color-border));
    box-shadow: 0 0 0 4px var(--color-primary-soft);
}

.app-theme--brand .app-input-text[b-ihkd49ugtm]  .app-input,
.app-theme--purple .app-input-text[b-ihkd49ugtm]  .app-input {
    border-color: rgba(255, 219, 180, 0.14);
    background: color-mix(in srgb, var(--color-surface-strong) 62%, transparent);
}
/* /Components/AppListItem.razor.rz.scp.css */
.app-list-item[b-b5j1ndnrv0] {
    display: flex;
    width: 100%;
    min-height: 56px;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    border: 1px solid color-mix(in srgb, var(--color-border) 76%, transparent);
    border-radius: 1.2rem;
    background: color-mix(in srgb, var(--color-surface-strong) 72%, transparent);
    color: var(--color-text);
    box-shadow: inset 0 1px 0 var(--app-shell-sheen);
    backdrop-filter: blur(18px) saturate(160%);
    font: inherit;
    text-align: left;
    text-decoration: none;
    touch-action: manipulation;
    transition: transform 150ms ease-out, border-color 150ms ease-out, background 150ms ease-out, opacity 150ms ease-out;
    appearance: none;
}

.app-list-item:hover[b-b5j1ndnrv0] {
    transform: translateY(-1px);
}

.app-list-item:active[b-b5j1ndnrv0] {
    transform: scale(0.99);
}

.app-list-item.is-active[b-b5j1ndnrv0] {
    background: color-mix(in srgb, var(--color-primary-soft) 64%, var(--color-surface-strong));
    border-color: color-mix(in srgb, var(--color-primary) 18%, var(--color-border));
}

.app-list-item--danger[b-b5j1ndnrv0] {
    color: var(--color-danger);
}

.app-list-item--disabled[b-b5j1ndnrv0] {
    cursor: not-allowed;
    opacity: 0.6;
}

.app-list-item[b-b5j1ndnrv0]  .app-list-item__leading {
    display: inline-flex;
    width: 2.75rem;
    height: 2.75rem;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: 0.95rem;
    background: color-mix(in srgb, var(--color-primary-soft) 72%, transparent);
    color: var(--color-primary);
}

.app-list-item--danger[b-b5j1ndnrv0]  .app-list-item__leading {
    background: color-mix(in srgb, var(--color-danger) 10%, transparent);
    color: var(--color-danger);
}

.app-list-item[b-b5j1ndnrv0]  .app-list-item__icon,
.app-list-item[b-b5j1ndnrv0]  .app-list-item__chevron {
    width: 1.25rem;
    height: 1.25rem;
}

.app-list-item[b-b5j1ndnrv0]  .app-list-item__body {
    display: flex;
    min-width: 0;
    flex: 1;
    flex-direction: column;
}

.app-list-item[b-b5j1ndnrv0]  .app-list-item__title {
    color: inherit;
    font-size: 0.875rem;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.app-list-item[b-b5j1ndnrv0]  .app-list-item__subtitle {
    margin-top: 0.125rem;
    color: var(--color-text-muted);
    font-size: 0.75rem;
    line-height: 1.25rem;
}

.app-list-item[b-b5j1ndnrv0]  .app-list-item__trailing {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    gap: 0.5rem;
    color: var(--color-text-muted);
}

.app-theme--brand .app-list-item[b-b5j1ndnrv0],
.app-theme--purple .app-list-item[b-b5j1ndnrv0] {
    border-color: rgba(255, 219, 180, 0.14);
    background: color-mix(in srgb, var(--color-surface-strong) 62%, transparent);
}

.app-theme--brand .app-list-item[b-b5j1ndnrv0]  .app-list-item__leading,
.app-theme--purple .app-list-item[b-b5j1ndnrv0]  .app-list-item__leading {
    background: rgba(251, 146, 60, 0.16);
    color: var(--color-primary);
}
/* /Components/AppLoading.razor.rz.scp.css */
.app-loading[b-uqee5f1rqi] {
    display: flex;
    min-height: 100vh;
    align-items: center;
    justify-content: center;
    padding: 1.5rem;
}

.app-loading__content[b-uqee5f1rqi] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    border-radius: 1.75rem;
    border: 1px solid var(--color-border);
    padding: 1.75rem 2rem;
    text-align: center;
    background: var(--color-surface-strong);
    box-shadow: var(--shadow-card);
    backdrop-filter: blur(18px);
}

.app-loading__spinner[b-uqee5f1rqi] {
    width: 3rem;
    height: 3rem;
    border: 4px solid transparent;
    border-radius: 9999px;
    border-top-color: var(--color-primary);
    border-right-color: color-mix(in srgb, var(--color-primary) 42%, transparent);
    animation: spin 1s linear infinite;
}

/* /Components/AppPanel.razor.rz.scp.css */
.app-panel[b-bo5tb18qm2] {
    padding: 1rem;
    border: 1px solid color-mix(in srgb, var(--color-border) 76%, transparent);
    border-radius: 1.2rem;
    background: color-mix(in srgb, var(--color-surface-soft) 88%, transparent);
    box-shadow: inset 0 1px 0 var(--app-shell-sheen);
    backdrop-filter: blur(20px) saturate(160%);
}

.app-theme--brand .app-panel[b-bo5tb18qm2],
.app-theme--purple .app-panel[b-bo5tb18qm2] {
    border-color: var(--app-glass-border);
    background: linear-gradient(180deg, color-mix(in srgb, var(--color-surface-strong) 84%, rgba(255, 255, 255, 0.16)), color-mix(in srgb, var(--color-surface-soft) 76%, rgba(255, 255, 255, 0.08)));
    box-shadow: inset 0 1px 0 color-mix(in srgb, var(--app-shell-sheen) 100%, rgba(255, 255, 255, 0.18)), inset 0 -1px 0 rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(calc(var(--glass-blur) - 2px)) saturate(var(--glass-saturate)) contrast(var(--glass-contrast));
}
/* /Components/AppSurfaceButton.razor.rz.scp.css */
.app-surface-button[b-crwylssqud] {
    position: relative;
    display: inline-flex;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    overflow: hidden;
    padding: 0;
    border: 1px solid transparent;
    background: none;
    color: inherit;
    font: inherit;
    text-align: inherit;
    text-decoration: none;
    touch-action: manipulation;
    transition: opacity 150ms ease-out;
    appearance: none;
}

.app-surface-button:disabled[b-crwylssqud] {
    cursor: not-allowed;
    opacity: 0.6;
}
/* /Components/AppTextArea.razor.rz.scp.css */
.app-input[b-c58yume44b] {
    display: block;
    width: 100%;
    min-height: 48px;
    padding: 0.75rem 1rem;
    border: 1px solid color-mix(in srgb, var(--color-border) 76%, transparent);
    border-radius: 1rem;
    background: color-mix(in srgb, var(--color-surface-strong) 82%, transparent);
    color: var(--color-text);
    box-shadow: inset 0 1px 0 var(--app-shell-sheen);
    backdrop-filter: blur(18px) saturate(160%);
    font: inherit;
    font-size: 1rem;
    outline: none;
    transition: border-color 150ms ease-out, box-shadow 150ms ease-out, background 150ms ease-out;
}

.app-input[b-c58yume44b]::placeholder {
    color: color-mix(in srgb, var(--color-text-muted) 84%, transparent);
}

.app-input:focus[b-c58yume44b] {
    border-color: color-mix(in srgb, var(--color-primary) 56%, var(--color-border));
    box-shadow: 0 0 0 4px var(--color-primary-soft);
}

.app-theme--brand .app-input[b-c58yume44b],
.app-theme--purple .app-input[b-c58yume44b] {
    border-color: rgba(255, 219, 180, 0.14);
    background: color-mix(in srgb, var(--color-surface-strong) 62%, transparent);
}
/* /Components/AppTextField.razor.rz.scp.css */
.app-input[b-dtc1ccbbzh] {
    display: block;
    width: 100%;
    min-height: 48px;
    padding: 0.75rem 1rem;
    border: 1px solid color-mix(in srgb, var(--color-border) 76%, transparent);
    border-radius: 1rem;
    background: color-mix(in srgb, var(--color-surface-strong) 82%, transparent);
    color: var(--color-text);
    box-shadow: inset 0 1px 0 var(--app-shell-sheen);
    backdrop-filter: blur(18px) saturate(160%);
    font: inherit;
    font-size: 1rem;
    outline: none;
    transition: border-color 150ms ease-out, box-shadow 150ms ease-out, background 150ms ease-out;
}

.app-input[b-dtc1ccbbzh]::placeholder {
    color: color-mix(in srgb, var(--color-text-muted) 84%, transparent);
}

.app-input:focus[b-dtc1ccbbzh] {
    border-color: color-mix(in srgb, var(--color-primary) 56%, var(--color-border));
    box-shadow: 0 0 0 4px var(--color-primary-soft);
}

.app-theme--brand .app-input[b-dtc1ccbbzh],
.app-theme--purple .app-input[b-dtc1ccbbzh] {
    border-color: rgba(255, 219, 180, 0.14);
    background: color-mix(in srgb, var(--color-surface-strong) 62%, transparent);
}
/* /Components/BottomNavigation.razor.rz.scp.css */
.bottom-navigation[b-vzvuyif91n] {
    position: fixed;
    bottom: 0;
    left: 50%;
    z-index: 40;
    display: flex;
    width: calc(100% - 1rem);
    max-width: 28.5rem;
    transform: translateX(-50%);
    align-items: center;
    justify-content: space-between;
    gap: 0.25rem;
    padding: 0.5rem 0.5rem calc(env(safe-area-inset-bottom) + 0.45rem);
    border: 1px solid color-mix(in srgb, var(--color-border) 78%, transparent);
    border-radius: 1.6rem;
    background: color-mix(in srgb, var(--color-surface-strong) 72%, transparent);
    box-shadow: var(--shadow-float), inset 0 1px 0 var(--app-shell-sheen);
    backdrop-filter: blur(26px) saturate(180%) contrast(112%);
}

.bottom-navigation__item[b-vzvuyif91n] {
    display: flex;
    min-width: 0;
    min-height: 56px;
    flex: 1;
    flex-direction: column;
    align-items: center;
    gap: 0.25rem;
    padding: 0.5rem;
    border-radius: 1rem;
    color: var(--color-text-muted);
    font-size: 0.7rem;
    font-weight: 600;
    text-align: center;
    text-decoration: none;
    transition: color 180ms ease, background-color 180ms ease, transform 180ms ease;
}

.bottom-navigation__item.is-active[b-vzvuyif91n] {
    color: var(--color-primary-strong);
    background: color-mix(in srgb, var(--color-primary-soft) 28%, transparent);
}

.bottom-navigation__icon-wrap[b-vzvuyif91n] {
    display: inline-flex;
    width: 2.25rem;
    height: 2.25rem;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    transition: background-color 180ms ease;
}

.bottom-navigation__item.is-active .bottom-navigation__icon-wrap[b-vzvuyif91n] {
    background: color-mix(in srgb, var(--color-primary-soft) 88%, transparent);
    box-shadow: inset 0 1px 0 var(--app-shell-sheen);
}

.bottom-navigation__label[b-vzvuyif91n] {
    overflow: hidden;
    max-width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.app-theme--brand .bottom-navigation[b-vzvuyif91n],
.app-theme--purple .bottom-navigation[b-vzvuyif91n] {
    border-color: color-mix(in srgb, var(--color-border) 92%, transparent);
    background: linear-gradient(180deg, color-mix(in srgb, var(--color-surface-strong) 96%, white 8%), color-mix(in srgb, var(--color-surface-soft) 90%, var(--color-bg)));
}

.app-theme--brand .bottom-navigation__item[b-vzvuyif91n],
.app-theme--purple .bottom-navigation__item[b-vzvuyif91n] {
    color: color-mix(in srgb, var(--color-text) 64%, transparent);
}

.app-theme--brand .bottom-navigation__item.is-active[b-vzvuyif91n],
.app-theme--purple .bottom-navigation__item.is-active[b-vzvuyif91n] {
    color: var(--color-primary-strong);
    background: color-mix(in srgb, var(--color-primary-soft) 88%, white 6%);
}

.app-theme--brand .bottom-navigation__item.is-active .bottom-navigation__icon-wrap[b-vzvuyif91n],
.app-theme--purple .bottom-navigation__item.is-active .bottom-navigation__icon-wrap[b-vzvuyif91n] {
    background: color-mix(in srgb, var(--color-primary-soft) 100%, white 12%);
}
/* /Components/BottomSheet.razor.rz.scp.css */
.bottom-sheet-backdrop[b-pgkw65m9id] {
    position: fixed;
    inset: 0;
    z-index: 4500;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding: 0.5rem;
    background: rgba(2, 6, 23, 0.42);
    backdrop-filter: blur(8px);
    overscroll-behavior: none;
}

.bottom-sheet-panel[b-pgkw65m9id] {
    display: flex;
    width: 100%;
    max-width: 30rem;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid var(--app-border);
    border-radius: 1.75rem 1.75rem 0 0;
    background: var(--app-card-strong);
    box-shadow: var(--app-shadow);
}

.bottom-sheet-top[b-pgkw65m9id] {
    flex-shrink: 0;
    padding: 0.75rem 1rem 0;
    background: var(--app-card-strong);
}

.bottom-sheet-handle[b-pgkw65m9id] {
    width: 3rem;
    height: 0.375rem;
    margin: 0 auto;
    border-radius: 999px;
    background: color-mix(in srgb, var(--color-text-muted) 28%, transparent);
}

.bottom-sheet-header[b-pgkw65m9id] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 0.75rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid rgba(148, 163, 184, 0.12);
}

.bottom-sheet-body[b-pgkw65m9id] {
    min-height: 0;
    flex: 1;
    overflow-y: auto;
    padding: 1rem;
}

.bottom-sheet-footer[b-pgkw65m9id] {
    flex-shrink: 0;
    padding: 1rem;
    border-top: 1px solid rgba(148, 163, 184, 0.12);
    background: var(--app-card-strong);
}

@media (min-width: 40rem) {
    .bottom-sheet-backdrop[b-pgkw65m9id] {
        padding: 1rem;
    }

    .bottom-sheet-panel[b-pgkw65m9id] {
        border-radius: 1.75rem;
    }

    .bottom-sheet-top[b-pgkw65m9id],
    .bottom-sheet-body[b-pgkw65m9id],
    .bottom-sheet-footer[b-pgkw65m9id] {
        padding-inline: 1.25rem;
    }
}
/* /Components/CommentOrderSummaryCard.razor.rz.scp.css */
.comment-order-summary-card[b-ynetu7taxc] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.comment-order-summary-card__reminders[b-ynetu7taxc] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.625rem;
}

.comment-order-summary-card__reminder[b-ynetu7taxc] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2rem;
    padding: 0.375rem 0.875rem;
    border-radius: 999px;
    border: 1px solid transparent;
    font-size: 0.8125rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.01em;
}

.comment-order-summary-card__reminder--image[b-ynetu7taxc] {
    color: #9a3412;
    background: #ffedd5;
    border-color: #fdba74;
}

.comment-order-summary-card__reminder--video[b-ynetu7taxc] {
    color: #155e75;
    background: #cffafe;
    border-color: #67e8f9;
}

.comment-order-summary-card__rows[b-ynetu7taxc] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.comment-order-summary-card__actions[b-ynetu7taxc] {
    display: flex;
    justify-content: flex-end;
}

.comment-order-summary-card__detail-button[b-ynetu7taxc] {
    width: auto;
    padding-inline: 1.25rem;
}

@media (max-width: 640px) {
    .comment-order-summary-card__rows[b-ynetu7taxc] {
        gap: 0.625rem;
    }
}
/* /Components/MultiImageBrowser.razor.rz.scp.css */
.media-browser-grid[b-83di194egm] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.5rem;
}

.media-browser-item[b-83di194egm] {
    position: relative;
    aspect-ratio: 1;
    width: 100%;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--color-border) 76%, transparent);
    border-radius: 1rem;
    background: color-mix(in srgb, var(--color-surface-strong) 90%, transparent);
    transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease;
}

.media-browser-item:hover[b-83di194egm] {
    transform: translateY(-1px);
    border-color: color-mix(in srgb, var(--color-primary) 20%, var(--color-border));
    box-shadow: var(--shadow-soft);
}

.media-browser-item__image[b-83di194egm] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.media-browser-item__badge[b-83di194egm] {
    position: absolute;
    left: 0.5rem;
    bottom: 0.5rem;
    padding: 0.25rem 0.5rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--color-text) 72%, transparent);
    color: white;
    font-size: 0.65rem;
    font-weight: 600;
    backdrop-filter: blur(8px);
}
/* /Components/PendingReviewDetailRow.razor.rz.scp.css */
.pending-review-detail-row[b-q0uk7x4037] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding-bottom: 0.9rem;
    border-bottom: 1px solid color-mix(in srgb, var(--color-divider) 90%, transparent);
}

.pending-review-detail-row--compact[b-q0uk7x4037] {
    padding-bottom: 0.75rem;
}

.pending-review-detail-row--no-divider[b-q0uk7x4037] {
    padding-bottom: 0;
    border-bottom: 0;
}

.pending-review-detail-row__label[b-q0uk7x4037] {
    width: 5.25rem;
    min-width: 5.25rem;
    padding-top: 0.12rem;
    color: color-mix(in srgb, var(--app-muted) 88%, var(--app-text));
    font-size: 0.82rem;
    font-weight: 600;
    line-height: 1.6;
}

.pending-review-detail-row--compact .pending-review-detail-row__label[b-q0uk7x4037] {
    font-size: 0.8rem;
}

.pending-review-detail-row__value[b-q0uk7x4037] {
    min-width: 0;
    flex: 1 1 auto;
    color: var(--app-text);
    font-size: 0.95rem;
    font-weight: 600;
    line-height: 1.6;
    overflow-wrap: anywhere;
}

.pending-review-detail-row--compact .pending-review-detail-row__value[b-q0uk7x4037] {
    font-size: 0.9rem;
    font-weight: 500;
}

.pending-review-detail-row__value--multiline[b-q0uk7x4037] {
    white-space: pre-wrap;
}

.pending-review-detail-row__actions[b-q0uk7x4037] {
    display: flex;
    flex: 0 0 auto;
    align-items: flex-start;
    gap: 0.45rem;
}

.pending-review-detail-row__actions[b-q0uk7x4037]  .app-button--sm,
.pending-review-detail-row__actions[b-q0uk7x4037]  .app-button-link.app-button--sm {
    min-height: 1.8rem;
    padding-inline: 0.6rem;
    font-size: 0.72rem;
    line-height: 1;
}

@media (max-width: 640px) {
    .pending-review-detail-row[b-q0uk7x4037] {
        gap: 0.625rem;
    }

    .pending-review-detail-row__label[b-q0uk7x4037] {
        width: 4.75rem;
        min-width: 4.75rem;
        font-size: 0.76rem;
    }

    .pending-review-detail-row__value[b-q0uk7x4037] {
        font-size: 0.9rem;
    }
}
/* /Components/QrCodeCanvas.razor.rz.scp.css */
.qr-code-canvas[b-x2o5tmwexs] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.qr-code-canvas__surface[b-x2o5tmwexs] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.qr-code-canvas__surface[b-x2o5tmwexs]  img,
.qr-code-canvas__surface[b-x2o5tmwexs]  canvas {
    display: block;
    max-width: 100%;
    border-radius: 1rem;
}

/* /Components/SalesmanOrderCard.razor.rz.scp.css */
.order-record-card[b-nlg0b1a0lh] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.order-record-card__grid[b-nlg0b1a0lh] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.order-record-card__row[b-nlg0b1a0lh] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid var(--color-divider);
}

.order-record-card__row:last-child[b-nlg0b1a0lh] {
    padding-bottom: 0;
    border-bottom: 0;
}

.order-record-card__label[b-nlg0b1a0lh] {
    flex-shrink: 0;
    color: var(--app-muted);
    font-size: 0.875rem;
    font-weight: 500;
}

.order-record-card__value[b-nlg0b1a0lh] {
    min-width: 0;
    color: var(--app-text);
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.5rem;
    text-align: right;
    overflow-wrap: anywhere;
}

.order-record-card__amount-tag[b-nlg0b1a0lh] {
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.75rem;
    border: 1px solid color-mix(in srgb, var(--color-border) 76%, transparent);
    border-radius: 999px;
    background: color-mix(in srgb, var(--color-surface-strong) 92%, transparent);
    color: var(--color-text);
    font-size: 0.875rem;
    font-weight: 600;
}

.order-record-card__amount-tag.is-warning[b-nlg0b1a0lh] {
    border-color: color-mix(in srgb, var(--color-warning) 22%, transparent);
    background: color-mix(in srgb, var(--color-warning) 10%, var(--color-surface-strong));
    color: var(--color-warning);
}

.order-record-card__action[b-nlg0b1a0lh] {
    width: 100%;
}
/* /Components/UploadField.razor.rz.scp.css */
.in-progress-upload-picker[b-m4jzxmeeu4] {
    display: inline-flex;
    width: 100%;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    padding: 1rem;
    border: 1px dashed color-mix(in srgb, var(--color-primary) 26%, var(--color-border));
    border-radius: 1rem;
    background: color-mix(in srgb, var(--color-primary-soft) 42%, var(--color-surface-strong));
    color: var(--color-primary-strong);
    font-size: 0.875rem;
    font-weight: 600;
    transition: opacity 180ms ease, transform 180ms ease, border-color 180ms ease;
}

.in-progress-upload-picker.is-disabled[b-m4jzxmeeu4] {
    cursor: not-allowed;
    opacity: 0.6;
}

.in-progress-upload-list[b-m4jzxmeeu4] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.in-progress-upload-card[b-m4jzxmeeu4] {
    padding: 1rem;
    border: 1px solid color-mix(in srgb, var(--color-border) 76%, transparent);
    border-radius: 1.5rem;
    background: color-mix(in srgb, var(--color-surface-strong) 90%, transparent);
}

.in-progress-upload-card.is-uploading[b-m4jzxmeeu4] {
    background: color-mix(in srgb, var(--color-warning) 8%, var(--color-surface-strong));
}

.in-progress-upload-card.is-uploaded[b-m4jzxmeeu4] {
    border-color: color-mix(in srgb, var(--color-success) 24%, transparent);
    background: color-mix(in srgb, var(--color-success) 10%, var(--color-surface-strong));
}

.in-progress-upload-card.is-failed[b-m4jzxmeeu4] {
    border-color: color-mix(in srgb, var(--color-danger) 24%, transparent);
    background: color-mix(in srgb, var(--color-danger) 10%, var(--color-surface-strong));
}

.in-progress-upload-name[b-m4jzxmeeu4] {
    color: var(--app-text);
    font-size: 0.875rem;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.in-progress-upload-meta[b-m4jzxmeeu4] {
    margin-top: 0.25rem;
    color: var(--app-muted);
    font-size: 0.75rem;
    line-height: 1.25rem;
}

.in-progress-progress-bar[b-m4jzxmeeu4] {
    margin-top: 0.75rem;
    height: 0.5rem;
    overflow: hidden;
    border-radius: 999px;
    background: color-mix(in srgb, var(--color-text-muted) 18%, transparent);
}

.in-progress-progress-bar > span[b-m4jzxmeeu4] {
    display: block;
    height: 100%;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--app-accent), var(--app-accent-strong));
    transition: width 180ms ease;
}

.upload-field-image-grid[b-m4jzxmeeu4] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.upload-field-image-card[b-m4jzxmeeu4] {
    position: relative;
    width: 100px;
}

.upload-field-image-card__preview[b-m4jzxmeeu4] {
    display: block;
    width: 100px;
    height: 100px;
    min-height: 100px;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, var(--color-border) 76%, transparent);
    border-radius: 1rem;
    background: color-mix(in srgb, var(--color-surface-strong) 92%, transparent);
}

.upload-field-image-card.is-uploaded .upload-field-image-card__preview[b-m4jzxmeeu4] {
    border-color: color-mix(in srgb, var(--color-success) 22%, transparent);
    background: color-mix(in srgb, var(--color-success) 10%, var(--color-surface-strong));
}

.upload-field-image-card.is-uploading .upload-field-image-card__preview[b-m4jzxmeeu4] {
    background: color-mix(in srgb, var(--color-warning) 8%, var(--color-surface-strong));
}

.upload-field-image-card.is-failed .upload-field-image-card__preview[b-m4jzxmeeu4] {
    border-color: color-mix(in srgb, var(--color-danger) 22%, transparent);
    background: color-mix(in srgb, var(--color-danger) 10%, var(--color-surface-strong));
}

.upload-field-image-card__image[b-m4jzxmeeu4] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.upload-field-image-card__placeholder[b-m4jzxmeeu4] {
    display: flex;
    width: 100%;
    height: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.25rem;
    padding-inline: 0.5rem;
    color: var(--app-muted);
    font-size: 0.75rem;
    font-weight: 600;
    text-align: center;
}

.upload-field-image-card__delete[b-m4jzxmeeu4] {
    position: absolute;
    top: -0.45rem;
    right: -0.45rem;
    z-index: 10;
    display: inline-flex;
    width: 1.75rem;
    height: 1.75rem;
    min-height: 1.75rem;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 1px solid color-mix(in srgb, var(--color-border) 76%, transparent);
    border-radius: 999px;
    background: color-mix(in srgb, var(--color-text) 80%, transparent);
    color: white;
    box-shadow: var(--shadow-soft);
}

.upload-field-image-card__progress[b-m4jzxmeeu4] {
    margin-top: 0.5rem;
}

.upload-field-image-card__error[b-m4jzxmeeu4] {
    margin-top: 0.25rem;
    font-size: 0.75rem;
    line-height: 1rem;
}

.upload-field-video-row[b-m4jzxmeeu4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.upload-field-video-row__delete[b-m4jzxmeeu4] {
    flex-shrink: 0;
    white-space: nowrap;
}
/* /Pages/ClaimTask.razor.rz.scp.css */
.claim-task-stat[b-lcb9jcytoo] {
    display: block;
    margin-top: 0.75rem;
    color: var(--app-text);
    font-size: 1.5rem;
    font-weight: 600;
    letter-spacing: -0.04em;
}

.claim-task-account-layout[b-lcb9jcytoo] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
}

.claim-task-qrcode-panel[b-lcb9jcytoo] {
    width: 8.5rem;
    min-width: 8.5rem;
}

.claim-task-qrcode-frame[b-lcb9jcytoo] {
    display: flex;
    min-height: 8.5rem;
    align-items: center;
    justify-content: center;
    padding: 0.5rem;
    border: 1px solid color-mix(in srgb, var(--color-border) 76%, transparent);
    border-radius: 1.5rem;
    background: color-mix(in srgb, var(--color-surface-strong) 92%, transparent);
}

.claim-task-qrcode-frame[b-lcb9jcytoo]  canvas,
.claim-task-qrcode-frame[b-lcb9jcytoo]  img {
    display: block;
    width: 100%;
    max-width: 7rem;
    height: auto;
}

.claim-task-account-form[b-lcb9jcytoo] {
    min-width: 0;
    flex: 1;
}

.claim-task-account-form > * + *[b-lcb9jcytoo] {
    margin-top: 0.75rem;
}

.claim-task-account-form .app-input[b-lcb9jcytoo] {
    min-width: 0;
}

.claim-task-result-row[b-lcb9jcytoo] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
}

.claim-task-status-tag[b-lcb9jcytoo] {
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.75rem;
    border: 1px solid transparent;
    border-radius: 999px;
    font-size: 0.75rem;
    font-weight: 600;
}

.claim-task-status-tag--valid[b-lcb9jcytoo] {
    background: rgba(220, 252, 231, 0.82);
    color: #166534;
    border-color: rgba(134, 239, 172, 0.72);
}

.claim-task-status-tag--invalid[b-lcb9jcytoo] {
    background: rgba(254, 226, 226, 0.82);
    color: #b91c1c;
    border-color: rgba(248, 113, 113, 0.36);
}

.claim-task-status-tag--querying[b-lcb9jcytoo] {
    background: rgba(219, 234, 254, 0.8);
    color: #1d4ed8;
    border-color: rgba(147, 197, 253, 0.72);
}
/* /Pages/ClaimTaskWhiteList.razor.rz.scp.css */
.claim-task-notice-text[b-tv46h8dwmj] {
    margin-top: 0.75rem;
    color: var(--app-text);
    font-size: 0.875rem;
    line-height: 1.75rem;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.claim-task-list[b-tv46h8dwmj] {
    display: flex;
    flex-direction: column;
}

.claim-task-list-row[b-tv46h8dwmj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    min-width: 0;
    padding-block: 0.9rem;
    border-bottom: 1px solid color-mix(in srgb, var(--color-divider) 90%, transparent);
}

.claim-task-list-row:first-child[b-tv46h8dwmj] {
    padding-top: 0;
}

.claim-task-list-row:last-child[b-tv46h8dwmj] {
    padding-bottom: 0;
    border-bottom: 0;
}

.claim-task-user-main[b-tv46h8dwmj] {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 0.75rem;
}

.claim-task-user-name[b-tv46h8dwmj] {
    color: var(--app-text);
    font-size: 1.125rem;
    font-weight: 600;
    letter-spacing: -0.03em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.claim-task-list-actions[b-tv46h8dwmj] {
    display: flex;
    flex-shrink: 0;
    align-items: center;
}

.claim-task-seq-badge[b-tv46h8dwmj] {
    display: inline-flex;
    width: 2.25rem;
    height: 2.25rem;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--app-border);
    border-radius: 999px;
    background: var(--app-button-bg);
    color: var(--app-accent-strong);
    font-size: 0.875rem;
    font-weight: 600;
}

.claim-task-claim-button[b-tv46h8dwmj] {
    width: auto;
    min-width: 5.75rem;
    min-height: 2.25rem;
    padding-inline: 0.85rem;
    font-size: 0.8rem;
}
/* /Pages/FeaturePlaceholder.razor.rz.scp.css */
.home-feature-placeholder[b-e78z1r8i3r] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.home-feature-placeholder__badge[b-e78z1r8i3r] {
    display: inline-flex;
    align-items: center;
    padding: 0.25rem 0.75rem;
    border: 1px solid transparent;
    border-radius: 999px;
    background: var(--color-primary-soft);
    color: var(--color-primary-strong);
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.12em;
}
/* /Pages/FinancialDetails.razor.rz.scp.css */
.financial-detail-balance-panel[b-ptwudmddm3] {
    padding: 1.5rem 1.25rem;
    border: 1px solid var(--app-glass-border);
    border-radius: 1.75rem;
    background: linear-gradient(180deg, color-mix(in srgb, var(--color-surface-strong) 88%, rgba(255, 255, 255, 0.16)), color-mix(in srgb, var(--color-primary-soft) 54%, var(--color-surface-soft)));
    box-shadow: var(--shadow-card), var(--app-glass-shadow), 0 10px 28px color-mix(in srgb, var(--color-primary-soft) 20%, transparent);
    backdrop-filter: blur(calc(var(--glass-blur) + 4px)) saturate(calc(var(--glass-saturate) + 10%)) contrast(calc(var(--glass-contrast) + 4%));
}

.financial-detail-balance-amount[b-ptwudmddm3] {
    display: block;
    margin-top: 0.75rem;
    color: var(--color-text);
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.24);
    font-size: 1.875rem;
    font-weight: 700;
    letter-spacing: -0.04em;
    overflow-wrap: anywhere;
}

.financial-detail-filter-row[b-ptwudmddm3] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.75rem;
}

.financial-detail-filter-button[b-ptwudmddm3] {
    width: 7rem;
}

.financial-detail-day-grid[b-ptwudmddm3] {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 0.75rem;
}

.financial-detail-day-value[b-ptwudmddm3] {
    margin-top: 0.5rem;
    color: var(--app-text);
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.75rem;
}

.financial-type-summary-row[b-ptwudmddm3] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.financial-type-summary-title[b-ptwudmddm3] {
    margin-top: 0.5rem;
    color: var(--app-text);
    font-size: 1.125rem;
    font-weight: 600;
    letter-spacing: -0.03em;
}

.financial-type-summary-actions[b-ptwudmddm3] {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    gap: 0.75rem;
}

.financial-type-summary-amount[b-ptwudmddm3] {
    color: var(--app-accent-strong);
    font-size: 1.125rem;
    font-weight: 600;
}

.financial-detail-item-card[b-ptwudmddm3] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.financial-detail-item-title[b-ptwudmddm3] {
    color: var(--app-text);
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.75rem;
}

.financial-detail-item-time[b-ptwudmddm3] {
    margin-top: 0.25rem;
    color: var(--app-muted);
    font-size: 0.875rem;
    line-height: 1.5rem;
}

.financial-detail-money-line[b-ptwudmddm3] {
    color: var(--app-text);
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.5rem;
}

.financial-detail-amount-tag[b-ptwudmddm3] {
    display: inline-flex;
    padding: 0.25rem 0.75rem;
    border-radius: 999px;
    font-size: 0.875rem;
    font-weight: 600;
}

.financial-detail-amount-tag.is-positive[b-ptwudmddm3] {
    border: 1px solid color-mix(in srgb, var(--color-warning) 22%, transparent);
    background: color-mix(in srgb, var(--color-warning) 10%, var(--color-surface-strong));
    color: var(--color-warning);
}

.financial-detail-amount-tag.is-negative[b-ptwudmddm3] {
    border: 1px solid color-mix(in srgb, var(--color-danger) 22%, transparent);
    background: color-mix(in srgb, var(--color-danger) 10%, var(--color-surface-strong));
    color: var(--color-danger);
}

.financial-detail-modal-backdrop[b-ptwudmddm3] {
    position: fixed;
    inset: 0;
    z-index: 4000;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding: 0.75rem;
    background: rgba(2, 6, 23, 0.46);
    backdrop-filter: blur(10px);
}

.financial-detail-modal[b-ptwudmddm3] {
    width: 100%;
    max-width: 32rem;
    max-height: min(85vh, 48rem);
    overflow: auto;
    padding: 1.25rem;
    border: 1px solid var(--app-border);
    border-radius: 1.75rem;
    background: var(--app-card-strong);
    box-shadow: var(--app-shadow);
}

.financial-detail-modal-header[b-ptwudmddm3] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.financial-detail-modal-title[b-ptwudmddm3] {
    margin-top: 0.5rem;
    color: var(--app-text);
    font-size: 1.5rem;
    font-weight: 600;
    letter-spacing: -0.03em;
}

.financial-detail-modal-meta[b-ptwudmddm3] {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 0.75rem;
    margin-top: 1rem;
}

@media (max-width: 640px) {
    .financial-detail-filter-row[b-ptwudmddm3] {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .financial-detail-filter-button[b-ptwudmddm3] {
        width: 100%;
    }

    .financial-type-summary-row[b-ptwudmddm3] {
        align-items: flex-start;
        flex-direction: column;
    }

    .financial-type-summary-actions[b-ptwudmddm3] {
        width: 100%;
        justify-content: space-between;
    }
}
/* /Pages/FinancialDetailTypeDetails.razor.rz.scp.css */
.financial-detail-item-card[b-q49brv6fyp] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.financial-detail-item-title[b-q49brv6fyp] {
    color: var(--app-text);
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.75rem;
}

.financial-detail-item-time[b-q49brv6fyp] {
    margin-top: 0.25rem;
    color: var(--app-muted);
    font-size: 0.875rem;
    line-height: 1.5rem;
}

.financial-detail-money-line[b-q49brv6fyp] {
    color: var(--app-text);
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.5rem;
}

.financial-detail-amount-tag[b-q49brv6fyp] {
    display: inline-flex;
    padding: 0.25rem 0.75rem;
    border-radius: 999px;
    font-size: 0.875rem;
    font-weight: 600;
}

.financial-detail-amount-tag.is-positive[b-q49brv6fyp] {
    border: 1px solid color-mix(in srgb, var(--color-warning) 22%, transparent);
    background: color-mix(in srgb, var(--color-warning) 10%, var(--color-surface-strong));
    color: var(--color-warning);
}

.financial-detail-amount-tag.is-negative[b-q49brv6fyp] {
    border: 1px solid color-mix(in srgb, var(--color-danger) 22%, transparent);
    background: color-mix(in srgb, var(--color-danger) 10%, var(--color-surface-strong));
    color: var(--color-danger);
}

.financial-detail-modal-backdrop[b-q49brv6fyp] {
    position: fixed;
    inset: 0;
    z-index: 4000;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    padding: 0.75rem;
    background: rgba(2, 6, 23, 0.46);
    backdrop-filter: blur(10px);
}

.financial-detail-modal[b-q49brv6fyp] {
    width: 100%;
    max-width: 32rem;
    max-height: min(85vh, 48rem);
    overflow: auto;
    padding: 1.25rem;
    border: 1px solid var(--app-border);
    border-radius: 1.75rem;
    background: var(--app-card-strong);
    box-shadow: var(--app-shadow);
}

.financial-detail-modal-header[b-q49brv6fyp] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.financial-detail-modal-title[b-q49brv6fyp] {
    margin-top: 0.5rem;
    color: var(--app-text);
    font-size: 1.5rem;
    font-weight: 600;
    letter-spacing: -0.03em;
}

.financial-detail-modal-meta[b-q49brv6fyp] {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 0.75rem;
    margin-top: 1rem;
}
/* /Pages/Home.razor.rz.scp.css */
.home-screen[b-5n64a1wph7] {
    width: 100%;
    max-width: 23rem;
    margin: 0 auto;
}

.home-intro[b-5n64a1wph7] {
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
    padding: 0.15rem 0.05rem 0;
}

.home-intro__topline[b-5n64a1wph7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.home-intro__spacer[b-5n64a1wph7] {
    display: inline-flex;
    width: 5rem;
    height: 1px;
}

.home-user-badge[b-5n64a1wph7] {
    margin-left: auto;
    display: inline-flex;
    align-items: center;
    padding: 0.5rem 0.75rem;
    border: 1px solid color-mix(in srgb, var(--color-border) 72%, transparent);
    border-radius: 999px;
    background: color-mix(in srgb, var(--color-surface-strong) 74%, transparent);
    color: var(--color-text);
    box-shadow: inset 0 1px 0 var(--app-shell-sheen);
    backdrop-filter: blur(18px) saturate(160%);
    font-size: 0.75rem;
    font-weight: 600;
    white-space: nowrap;
}

.home-intro__title[b-5n64a1wph7] {
    margin: 0;
    color: var(--color-text);
    font-size: 2.05rem;
    font-weight: 700;
    letter-spacing: -0.05em;
    text-align: center;
}

.home-intro__subtitle[b-5n64a1wph7] {
    margin: 0;
    color: var(--color-text-muted);
    font-size: 0.88rem;
    line-height: 1.6;
    text-align: center;
}

.home-stack[b-5n64a1wph7] {
    margin-top: 1.05rem;
    display: flex;
    flex-direction: column;
    gap: 0.95rem;
}

.home-panel[b-5n64a1wph7] {
    border-radius: 1.55rem;
}

.home-panel--menu[b-5n64a1wph7] {
    padding-bottom: 0.95rem;
}

.home-panel-heading[b-5n64a1wph7] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.home-panel-heading--menu[b-5n64a1wph7] {
    gap: 0;
}

.home-panel-heading__title[b-5n64a1wph7] {
    margin: 0;
    color: var(--color-text);
    font-size: 1.7rem;
    font-weight: 700;
    letter-spacing: -0.05em;
}

.home-panel-heading__description[b-5n64a1wph7] {
    margin: 0;
    color: var(--color-text-muted);
    font-size: 0.84rem;
    line-height: 1.55;
}

.home-hero__metric[b-5n64a1wph7] {
    margin-top: 1.25rem;
    display: flex;
    align-items: center;
    gap: 0.85rem;
    padding: 0.9rem 1rem 1rem;
    border: 1px solid color-mix(in srgb, var(--color-border) 72%, transparent);
    border-radius: 1.1rem;
    background: color-mix(in srgb, var(--color-surface-strong) 68%, transparent);
    box-shadow: inset 0 1px 0 var(--app-shell-sheen);
    backdrop-filter: blur(18px) saturate(160%);
}

.home-selection-indicator[b-5n64a1wph7] {
    display: inline-flex;
    width: 1rem;
    height: 1rem;
    flex-shrink: 0;
    border: 2px solid color-mix(in srgb, var(--color-primary) 72%, var(--color-border));
    border-radius: 999px;
    box-shadow: inset 0 0 0 3px color-mix(in srgb, var(--color-surface-strong) 90%, transparent);
}

.home-hero__metric-content[b-5n64a1wph7] {
    min-width: 0;
    flex: 1;
}

.home-hero__metric-value[b-5n64a1wph7] {
    display: block;
    margin-top: 0.35rem;
    color: var(--color-text);
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.5rem;
}

.home-platform-grid[b-5n64a1wph7] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.7rem;
}

.home-platform-card[b-5n64a1wph7] {
    display: flex;
    width: 100%;
    min-height: 3.5rem;
    align-items: center;
    justify-content: center;
    padding: 0.6rem 0.85rem;
    border: 1px solid color-mix(in srgb, var(--color-border) 78%, transparent);
    border-radius: 1rem;
    background: linear-gradient(180deg, color-mix(in srgb, var(--color-surface-strong) 84%, transparent), color-mix(in srgb, var(--color-surface) 96%, transparent));
    box-shadow: 0 14px 28px rgba(15, 23, 42, 0.12), inset 0 1px 0 var(--app-shell-sheen);
    backdrop-filter: blur(20px) saturate(170%);
    text-align: left;
    transition: transform 180ms ease, border-color 180ms ease, box-shadow 180ms ease, background 180ms ease;
}

button.home-platform-card[b-5n64a1wph7],
button.home-action-tile[b-5n64a1wph7] {
    font: inherit;
    touch-action: manipulation;
    appearance: none;
}

.home-platform-card:hover[b-5n64a1wph7] {
    transform: translateY(-1px);
    border-color: color-mix(in srgb, var(--color-primary) 18%, var(--color-border));
    box-shadow: 0 18px 34px rgba(15, 23, 42, 0.14), inset 0 1px 0 color-mix(in srgb, var(--app-shell-sheen) 112%, transparent);
}

.home-platform-card:active[b-5n64a1wph7] {
    transform: scale(0.99);
}

.home-platform-card.is-active[b-5n64a1wph7] {
    border-color: color-mix(in srgb, var(--color-primary) 58%, var(--color-border));
    background: linear-gradient(180deg, color-mix(in srgb, var(--color-primary-soft) 92%, white 10%), color-mix(in srgb, var(--color-primary-soft) 72%, var(--color-surface-strong)));
    box-shadow: 0 18px 36px color-mix(in srgb, var(--color-primary) 18%, transparent), inset 0 1px 0 rgba(255, 255, 255, 0.28);
}

.home-platform-card__title[b-5n64a1wph7] {
    color: var(--color-text);
    font-size: 0.96rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    text-align: center;
}

.home-platform-card__meta[b-5n64a1wph7] {
    color: var(--color-text-muted);
    font-size: 0.875rem;
    line-height: 1.5rem;
}

.home-action-grid[b-5n64a1wph7] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.7rem;
}

.home-action-tile[b-5n64a1wph7] {
    display: flex;
    width: 100%;
    min-height: 6.9rem;
    aspect-ratio: 0.94;
    position: relative;
    overflow: hidden;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.76rem;
    padding: 0.85rem 0.55rem;
    border: 1px solid color-mix(in srgb, var(--color-border) 100%, var(--color-text) 10%);
    border-radius: 1.15rem;
    background: linear-gradient(180deg, color-mix(in srgb, var(--color-surface-strong) 92%, transparent), color-mix(in srgb, var(--color-surface-soft) 84%, transparent));
    box-shadow: 0 14px 28px rgba(15, 23, 42, 0.08),
    inset 0 1px 0 var(--app-shell-sheen),
    inset 0 0 0 1px color-mix(in srgb, var(--color-border) 86%, transparent);
    backdrop-filter: blur(18px) saturate(160%);
    color: var(--color-text);
    text-decoration: none;
    text-align: center;
    transition: transform 180ms ease, border-color 180ms ease, background 180ms ease, box-shadow 180ms ease;
}

.home-action-tile[b-5n64a1wph7]::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    pointer-events: none;
    border: 1px solid color-mix(in srgb, var(--color-border) 82%, transparent);
    background: linear-gradient(180deg, color-mix(in srgb, var(--app-shell-sheen) 100%, transparent), rgba(255, 255, 255, 0) 44%);
    opacity: 0.95;
}

button.home-action-tile[b-5n64a1wph7] {
    appearance: none;
}

.home-action-grid[b-5n64a1wph7] {
    align-items: center;
    justify-content: center;
}

.home-action-tile:hover[b-5n64a1wph7] {
    transform: translateY(-1px);
    border-color: color-mix(in srgb, var(--color-primary) 46%, var(--color-border));
}

.home-action-tile:active[b-5n64a1wph7] {
    transform: scale(0.99);
}

.home-action-tile.is-active[b-5n64a1wph7] {
    border-color: color-mix(in srgb, var(--color-primary) 48%, var(--color-border));
    background: color-mix(in srgb, var(--color-primary-soft) 24%, var(--color-surface-strong));
}

.home-action-tile__icon-wrap[b-5n64a1wph7] {
    display: inline-flex;
    width: 3rem;
    height: 3rem;
    margin: 0 auto;
    align-self: center;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: color-mix(in srgb, var(--color-primary-soft) 84%, transparent);
    color: var(--color-primary-strong);
    box-shadow: inset 0 1px 0 var(--app-shell-sheen);
    flex-shrink: 0;
    position: relative;
    z-index: 1;
}

.home-action-tile__icon[b-5n64a1wph7] {
    width: 1.15rem;
    height: 1.15rem;
}

.home-action-tile__label[b-5n64a1wph7] {
    display: flex;
    width: 100%;
    margin: 0 auto;
    align-items: center;
    justify-content: center;
    color: currentColor;
    font-size: 0.8rem;
    font-weight: 700;
    line-height: 1.3;
    text-align: center;
    position: relative;
    z-index: 1;
}

.home-action-tile--danger[b-5n64a1wph7] {
    color: var(--color-text);
}

.home-action-tile--danger[b-5n64a1wph7]::before {
    border-color: color-mix(in srgb, var(--color-border) 82%, transparent);
    background: linear-gradient(180deg, color-mix(in srgb, var(--app-shell-sheen) 100%, transparent), rgba(255, 255, 255, 0) 44%);
}

.home-action-tile--danger .home-action-tile__icon-wrap[b-5n64a1wph7] {
    background: color-mix(in srgb, var(--color-primary-strong) 88%, white 10%);
    color: #fff;
}

.app-theme--brand .home-hero__metric[b-5n64a1wph7],
.app-theme--purple .home-hero__metric[b-5n64a1wph7] {
    border-color: color-mix(in srgb, var(--color-border) 88%, transparent);
    background: linear-gradient(180deg, color-mix(in srgb, var(--color-surface-strong) 96%, white 8%), color-mix(in srgb, var(--color-surface-soft) 92%, var(--color-primary-soft)));
}

.app-theme--brand .home-user-badge[b-5n64a1wph7],
.app-theme--purple .home-user-badge[b-5n64a1wph7] {
    background: color-mix(in srgb, var(--color-badge-bg) 90%, white 8%);
    border-color: color-mix(in srgb, var(--color-border) 88%, transparent);
    color: var(--color-badge-text);
}

.app-theme--brand .home-platform-card[b-5n64a1wph7],
.app-theme--purple .home-platform-card[b-5n64a1wph7] {
    justify-content: flex-start;
    padding-inline: 1rem;
    border-radius: 1rem;
    border-color: color-mix(in srgb, var(--color-border) 90%, transparent);
    background: linear-gradient(180deg, color-mix(in srgb, var(--color-surface-strong) 96%, white 8%), color-mix(in srgb, var(--color-surface-soft) 92%, var(--color-primary-soft)));
    box-shadow: 0 16px 30px rgba(56, 18, 2, 0.08), inset 0 1px 0 color-mix(in srgb, var(--app-shell-sheen) 56%, transparent);
}

.app-theme--brand .home-platform-card:hover[b-5n64a1wph7],
.app-theme--purple .home-platform-card:hover[b-5n64a1wph7] {
    border-color: color-mix(in srgb, var(--color-border) 100%, transparent);
    box-shadow: 0 18px 34px rgba(56, 18, 2, 0.1), inset 0 1px 0 color-mix(in srgb, var(--app-shell-sheen) 78%, transparent);
}

.app-theme--brand .home-platform-card.is-active[b-5n64a1wph7],
.app-theme--purple .home-platform-card.is-active[b-5n64a1wph7] {
    border-color: color-mix(in srgb, var(--color-border) 100%, var(--color-primary) 18%);
    background: linear-gradient(135deg, color-mix(in srgb, var(--color-surface-strong) 84%, var(--color-primary-soft)), color-mix(in srgb, var(--color-primary-soft) 100%, white 10%));
    box-shadow: 0 20px 38px color-mix(in srgb, var(--color-primary) 18%, transparent), inset 0 1px 0 color-mix(in srgb, var(--color-text) 10%, transparent);
}

.app-theme--brand .home-platform-card__title[b-5n64a1wph7],
.app-theme--purple .home-platform-card__title[b-5n64a1wph7] {
    text-align: left;
}

.app-theme--brand .home-platform-card.is-active .home-platform-card__title[b-5n64a1wph7],
.app-theme--purple .home-platform-card.is-active .home-platform-card__title[b-5n64a1wph7] {
    color: var(--color-text);
}

.app-theme--brand .home-intro__title[b-5n64a1wph7],
.app-theme--purple .home-intro__title[b-5n64a1wph7] {
    color: var(--color-text);
}

.app-theme--brand .home-intro__subtitle[b-5n64a1wph7],
.app-theme--purple .home-intro__subtitle[b-5n64a1wph7] {
    color: var(--color-text-muted);
}

.app-theme--brand .home-panel[b-5n64a1wph7],
.app-theme--purple .home-panel[b-5n64a1wph7] {
    border-radius: 1.6rem;
}

.app-theme--brand .home-panel-heading__title[b-5n64a1wph7],
.app-theme--purple .home-panel-heading__title[b-5n64a1wph7] {
    color: var(--color-text);
}

.app-theme--brand .home-panel-heading__description[b-5n64a1wph7],
.app-theme--purple .home-panel-heading__description[b-5n64a1wph7] {
    color: var(--color-text-muted);
}

.app-theme--brand .home-action-tile[b-5n64a1wph7],
.app-theme--purple .home-action-tile[b-5n64a1wph7],
.app-theme--brand .home-action-grid[b-5n64a1wph7]  a.home-action-tile,
.app-theme--purple .home-action-grid[b-5n64a1wph7]  a.home-action-tile {
    border-color: color-mix(in srgb, var(--color-border) 92%, transparent);
    background: linear-gradient(180deg, color-mix(in srgb, var(--color-surface-strong) 96%, white 8%), color-mix(in srgb, var(--color-surface-soft) 90%, var(--color-primary-soft)));
    box-shadow: 0 18px 34px rgba(56, 18, 2, 0.07),
    inset 0 1px 0 color-mix(in srgb, var(--app-shell-sheen) 52%, transparent),
    inset 0 0 0 1px color-mix(in srgb, var(--color-border) 42%, transparent);
}

.app-theme--brand .home-action-tile[b-5n64a1wph7]::before,
.app-theme--purple .home-action-tile[b-5n64a1wph7]::before,
.app-theme--brand .home-action-grid[b-5n64a1wph7]  a.home-action-tile::before,
.app-theme--purple .home-action-grid[b-5n64a1wph7]  a.home-action-tile::before {
    border-color: color-mix(in srgb, var(--color-border) 60%, transparent);
    background: linear-gradient(180deg, color-mix(in srgb, var(--app-shell-sheen) 42%, transparent), rgba(255, 255, 255, 0) 46%);
}

.app-theme--brand .home-action-tile__icon-wrap[b-5n64a1wph7],
.app-theme--purple .home-action-tile__icon-wrap[b-5n64a1wph7] {
    background: color-mix(in srgb, var(--color-primary-soft) 100%, white 10%);
    color: var(--color-primary-strong);
}

.app-theme--brand .home-action-tile.is-active[b-5n64a1wph7],
.app-theme--purple .home-action-tile.is-active[b-5n64a1wph7],
.app-theme--brand .home-action-grid[b-5n64a1wph7]  a.home-action-tile.is-active,
.app-theme--purple .home-action-grid[b-5n64a1wph7]  a.home-action-tile.is-active {
    border-color: color-mix(in srgb, var(--color-border) 100%, var(--color-primary) 12%);
    background: linear-gradient(180deg, color-mix(in srgb, var(--color-primary-soft) 100%, white 8%), color-mix(in srgb, var(--color-surface-strong) 82%, var(--color-primary-soft)));
}

.app-theme--brand .home-action-tile--danger[b-5n64a1wph7],
.app-theme--purple .home-action-tile--danger[b-5n64a1wph7] {
    color: var(--color-text);
}

.app-theme--brand .home-action-tile--danger .home-action-tile__icon-wrap[b-5n64a1wph7],
.app-theme--purple .home-action-tile--danger .home-action-tile__icon-wrap[b-5n64a1wph7] {
    background: color-mix(in srgb, var(--color-primary-strong) 90%, white 8%);
    color: #fff;
}

@media (max-width: 640px) {
    .home-screen[b-5n64a1wph7] {
        max-width: 100%;
    }

    .home-intro__title[b-5n64a1wph7] {
        font-size: 1.82rem;
    }

    .home-platform-grid[b-5n64a1wph7] {
        gap: 0.6rem;
    }

    .home-platform-card[b-5n64a1wph7] {
        min-height: 3.35rem;
        padding-inline: 0.72rem;
    }

    .home-platform-card__title[b-5n64a1wph7] {
        font-size: 0.9rem;
    }

    .home-action-grid[b-5n64a1wph7] {
        gap: 0.6rem;
    }

    .home-action-tile[b-5n64a1wph7] {
        min-height: 6.1rem;
        padding-inline: 0.5rem;
    }

    .home-action-tile__label[b-5n64a1wph7] {
        font-size: 0.78rem;
    }
}
/* /Pages/InProgress.razor.rz.scp.css */
.in-progress-center-state[b-6bphelqbs9] {
    display: flex;
    min-height: 12rem;
    align-items: center;
    justify-content: center;
}

.in-progress-summary-grid[b-6bphelqbs9] {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 0.75rem;
}

.in-progress-summary-grid--pair[b-6bphelqbs9] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.in-progress-summary-grid--bottom[b-6bphelqbs9] {
    grid-template-columns: repeat(1, minmax(0, 1fr));
}

.in-progress-summary-value[b-6bphelqbs9] {
    display: block;
    margin-top: 0.75rem;
    color: var(--app-text);
    font-size: 1.125rem;
    font-weight: 600;
    letter-spacing: -0.03em;
    overflow-wrap: anywhere;
}

.in-progress-danger-button[b-6bphelqbs9] {
    border-color: color-mix(in srgb, var(--color-danger) 24%, transparent);
    background: color-mix(in srgb, var(--color-danger) 10%, var(--color-surface-strong));
    color: var(--color-danger);
}

.in-progress-order-card[b-6bphelqbs9] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.in-progress-meta-list[b-6bphelqbs9] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.in-progress-image-strip[b-6bphelqbs9] {
    display: flex;
    gap: 0.75rem;
    overflow-x: auto;
    padding-bottom: 0.25rem;
    -webkit-overflow-scrolling: touch;
}

.in-progress-image-button[b-6bphelqbs9] {
    flex: 0 0 auto;
    padding: 0;
    border: 0;
    background: transparent;
    border-radius: 0.875rem;
    line-height: 0;
    cursor: pointer;
}

.in-progress-image-button:focus-visible[b-6bphelqbs9] {
    outline: 2px solid color-mix(in srgb, var(--color-primary) 45%, transparent);
    outline-offset: 2px;
}

.in-progress-image[b-6bphelqbs9] {
    width: 12.5rem;
    height: 12.5rem;
    border-radius: 0.875rem;
    border: 1px solid color-mix(in srgb, var(--color-border) 75%, transparent);
    object-fit: cover;
    background: var(--color-surface-soft);
    transition: transform 0.12s ease;
}

.in-progress-image-button:active .in-progress-image[b-6bphelqbs9] {
    transform: scale(0.98);
}

.in-progress-meta-row[b-6bphelqbs9] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding-bottom: 0.75rem;
    border-bottom: 1px solid rgba(148, 163, 184, 0.14);
}

.in-progress-meta-row:last-child[b-6bphelqbs9] {
    padding-bottom: 0;
    border-bottom: 0;
}

.in-progress-meta-label[b-6bphelqbs9] {
    flex-shrink: 0;
    color: var(--app-muted);
    font-size: 0.875rem;
    font-weight: 500;
}

.in-progress-meta-value[b-6bphelqbs9] {
    min-width: 0;
    color: var(--app-text);
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.5rem;
    text-align: right;
    overflow-wrap: anywhere;
}

.in-progress-shop-value-group[b-6bphelqbs9] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.5rem;
    min-width: 0;
}

.in-progress-note-panel[b-6bphelqbs9] {
    padding: 1rem;
    border: 1px solid color-mix(in srgb, var(--color-warning) 20%, transparent);
    border-radius: 1.5rem;
    background: color-mix(in srgb, var(--color-warning) 10%, var(--color-surface-soft));
}

.in-progress-note-text[b-6bphelqbs9] {
    margin-top: 0.5rem;
    color: var(--color-warning);
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.75rem;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.in-progress-form-grid[b-6bphelqbs9] {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 0.75rem;
}

.in-progress-input-group[b-6bphelqbs9] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.in-progress-inline-field[b-6bphelqbs9] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.in-progress-inline-label[b-6bphelqbs9] {
    display: inline-flex;
    min-width: 5.5rem;
    flex-shrink: 0;
    align-items: center;
    gap: 0.25rem;
}

.in-progress-required-mark[b-6bphelqbs9] {
    color: var(--color-danger);
    font-size: 1rem;
    font-weight: 600;
    line-height: 1;
}

.in-progress-inline-input[b-6bphelqbs9] {
    flex: 1;
}

.in-progress-textarea[b-6bphelqbs9] {
    min-height: 7rem;
    resize: vertical;
}

.in-progress-action-grid[b-6bphelqbs9] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.75rem;
}

.in-progress-action-grid > :first-child[b-6bphelqbs9] {
    grid-column: span 1;
}

.in-progress-action-grid > :last-child[b-6bphelqbs9] {
    grid-column: span 2;
}

.in-progress-action-card[b-6bphelqbs9] {
    padding: 0.75rem;
    border: 1px solid color-mix(in srgb, var(--color-border) 76%, transparent);
    border-radius: 1.5rem;
    background: color-mix(in srgb, var(--color-surface) 88%, transparent);
    backdrop-filter: blur(16px);
    box-shadow: var(--shadow-soft);
}

@media (min-width: 40rem) {
    .in-progress-summary-grid--bottom[b-6bphelqbs9] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .in-progress-action-grid[b-6bphelqbs9] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .in-progress-meta-row[b-6bphelqbs9] {
        align-items: flex-start;
    }

    .in-progress-meta-value[b-6bphelqbs9] {
        max-width: 60%;
        text-align: right;
    }

    .in-progress-inline-field[b-6bphelqbs9] {
        flex-direction: column;
        align-items: stretch;
        gap: 0.5rem;
    }

    .in-progress-inline-label[b-6bphelqbs9] {
        min-width: 0;
    }
}
/* /Pages/Login.razor.rz.scp.css */
.app-auth-shell[b-bt7zr31cjp] {
    display: flex;
    min-height: 100%;
    flex: 1;
    flex-direction: column;
    justify-content: center;
    padding-block-start: calc(env(safe-area-inset-top) + 14vh);
    padding-block-end: max(2rem, calc(env(safe-area-inset-bottom) + 1.5rem));
}

.app-auth-card[b-bt7zr31cjp] {
    width: 100%;
    max-width: 28rem;
    margin: 0 auto;
}

.app-auth-form[b-bt7zr31cjp] {
    width: 100%;
}

.app-auth-field[b-bt7zr31cjp] {
    width: 100%;
}

.app-auth-form[b-bt7zr31cjp]  .app-input-text,
.app-auth-form[b-bt7zr31cjp]  .app-auth-input {
    width: 100%;
}

.app-auth-form[b-bt7zr31cjp]  .app-auth-input {
    /* Explicit border style/width avoids invisible inputs when global resets set border-style:none. */
    border-width: 1px;
    border-style: solid;
    border-color: var(--app-input-border);
    background: var(--color-surface-strong);
}

@supports (color: color-mix(in srgb, white 50%, black)) {
    .app-auth-form[b-bt7zr31cjp]  .app-auth-input {
        border-color: color-mix(in srgb, var(--color-border) 82%, var(--color-primary-soft));
        background: color-mix(in srgb, var(--color-surface-strong) 82%, transparent);
    }
}

.app-theme--brand .app-auth-form[b-bt7zr31cjp]  .app-auth-input,
.app-theme--purple .app-auth-form[b-bt7zr31cjp]  .app-auth-input {
    background: color-mix(in srgb, var(--color-surface-strong) 62%, transparent);
}

.app-auth-title[b-bt7zr31cjp] {
    color: var(--color-text);
    font-size: 2rem;
    font-weight: 600;
    letter-spacing: -0.05em;
    text-shadow: 0 10px 28px color-mix(in srgb, var(--color-primary) 18%, transparent);
}

.app-auth-subtitle[b-bt7zr31cjp] {
    margin-top: 0.75rem;
    color: var(--color-text-muted);
    font-size: 0.875rem;
    line-height: 1.75rem;
}
/* /Pages/OrderRecords.razor.rz.scp.css */
.order-record-total-panel[b-ro9o66bufd] {
    padding: 1.25rem;
    border: 1px solid color-mix(in srgb, var(--color-border) 76%, transparent);
    border-radius: 1.6rem;
    background: linear-gradient(180deg, color-mix(in srgb, var(--color-primary-soft) 38%, var(--color-surface-strong)), color-mix(in srgb, var(--color-surface-strong) 92%, transparent));
    box-shadow: var(--shadow-soft);
}

.order-record-total-amount[b-ro9o66bufd] {
    display: block;
    margin-top: 0.5rem;
    color: var(--app-text);
    font-size: 1.25rem;
    font-weight: 600;
    letter-spacing: -0.03em;
}

.order-record-search-row[b-ro9o66bufd] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.order-record-search-input[b-ro9o66bufd] {
    min-width: 0;
    flex: 1;
}

.order-record-search-button[b-ro9o66bufd] {
    width: auto;
    flex-shrink: 0;
    padding-inline: 1.25rem;
}

.order-record-edit-meta-grid[b-ro9o66bufd] {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 0.75rem;
}

.order-record-edit-actions[b-ro9o66bufd] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
    padding-top: 0.5rem;
}

.in-progress-textarea[b-ro9o66bufd] {
    min-height: 7rem;
    resize: vertical;
}

@media (max-width: 640px) {
    .order-record-edit-actions[b-ro9o66bufd] {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}
/* /Pages/PaymentAccount.razor.rz.scp.css */
.payment-account-state-panel[b-66q35dzi8u] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem;
}

.payment-account-empty[b-66q35dzi8u] {
    padding-block: 2.5rem;
    text-align: center;
}

.payment-account-card[b-66q35dzi8u] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.payment-account-card__header[b-66q35dzi8u] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.payment-account-card__title[b-66q35dzi8u] {
    margin-top: 0.5rem;
    color: var(--app-text);
    font-size: 1.125rem;
    font-weight: 600;
    letter-spacing: -0.03em;
}

.payment-account-card__actions[b-66q35dzi8u] {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    gap: 0.5rem;
}

.payment-account-detail-grid[b-66q35dzi8u] {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 0.75rem;
}

.payment-account-qrcode-panel[b-66q35dzi8u] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.payment-account-qrcode-button[b-66q35dzi8u] {
    display: block;
    overflow: hidden;
    padding: 0.5rem;
    border: 1px solid color-mix(in srgb, var(--color-border) 76%, transparent);
    border-radius: 1.25rem;
    background: color-mix(in srgb, var(--color-surface-strong) 92%, transparent);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
    transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease;
}

.payment-account-qrcode-button:hover[b-66q35dzi8u] {
    transform: translateY(-1px);
    border-color: color-mix(in srgb, var(--color-primary) 24%, var(--color-border));
    box-shadow: var(--shadow-soft);
}

.payment-account-qrcode-image[b-66q35dzi8u] {
    width: 12rem;
    height: 12rem;
    object-fit: cover;
    border-radius: 1rem;
}

.payment-account-qrcode-empty[b-66q35dzi8u] {
    display: flex;
    min-height: 8rem;
    align-items: center;
    justify-content: center;
    border-radius: 1.25rem;
    color: var(--app-muted);
    font-size: 0.875rem;
}

.payment-account-sheet-actions[b-66q35dzi8u] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
    padding-top: 0.5rem;
}

@media (min-width: 40rem) {
    .payment-account-detail-grid[b-66q35dzi8u] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .payment-account-card__header[b-66q35dzi8u] {
        align-items: flex-start;
        flex-direction: column;
    }

    .payment-account-card__actions[b-66q35dzi8u] {
        width: 100%;
        justify-content: flex-end;
    }

    .payment-account-qrcode-image[b-66q35dzi8u] {
        width: 100%;
        height: auto;
        max-width: 15rem;
    }

    .payment-account-sheet-actions[b-66q35dzi8u] {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}
/* /Pages/PendingReview.razor.rz.scp.css */
.pending-review-filter-grid[b-sykkcalh0n] {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 0.75rem;
}

.pending-review-filter-button[b-sykkcalh0n] {
    width: 100%;
}

.pending-review-detail[b-sykkcalh0n] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.pending-review-detail__section[b-sykkcalh0n] {
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
    padding: 1rem;
    border: 1px solid color-mix(in srgb, var(--color-border) 76%, transparent);
    border-radius: 1.35rem;
    background: color-mix(in srgb, var(--color-surface-soft) 92%, transparent);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.pending-review-detail__copy-button[b-sykkcalh0n] {
    min-height: 2rem;
    padding-inline: 0.7rem;
    font-size: 0.75rem;
    line-height: 1;
}

.pending-review-detail__media-header[b-sykkcalh0n] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
}

.pending-review-detail__link[b-sykkcalh0n] {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    min-height: 2.25rem;
    padding-inline: 0.9rem;
    border: 1px solid color-mix(in srgb, var(--color-primary) 18%, var(--color-border));
    border-radius: 999px;
    background: color-mix(in srgb, var(--color-primary-soft) 60%, var(--color-surface-strong));
    color: var(--app-accent-strong);
    font-size: 0.8rem;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
}

.pending-review-detail__media-grid[b-sykkcalh0n] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

.pending-review-detail__media-button[b-sykkcalh0n] {
    display: block;
    width: 100%;
    height: 8.5rem;
    min-height: 8.5rem;
    overflow: hidden;
    padding: 0;
    border: 1px solid color-mix(in srgb, var(--color-border) 76%, transparent);
    border-radius: 1rem;
    background: color-mix(in srgb, var(--color-surface-strong) 92%, transparent);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.pending-review-detail__media-image[b-sykkcalh0n] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.pending-review-sheet-actions[b-sykkcalh0n] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
    padding-top: 0.5rem;
}

.pending-review-sheet-actions--single[b-sykkcalh0n] {
    grid-template-columns: repeat(1, minmax(0, 1fr));
}

@media (max-width: 640px) {
    .pending-review-detail__section[b-sykkcalh0n] {
        padding: 0.9rem;
    }

    .pending-review-detail__media-header[b-sykkcalh0n] {
        flex-direction: column;
    }

    .pending-review-detail__link[b-sykkcalh0n] {
        width: 100%;
    }

    .pending-review-detail__media-grid[b-sykkcalh0n] {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .pending-review-sheet-actions[b-sykkcalh0n] {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}
/* /Pages/Reviewed.razor.rz.scp.css */
.reviewed-filter-grid[b-pmuf1y0h52] {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 0.75rem;
}

.reviewed-filter-button[b-pmuf1y0h52] {
    width: 100%;
}

.pending-review-detail[b-pmuf1y0h52] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.pending-review-detail__section[b-pmuf1y0h52] {
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
    padding: 1rem;
    border: 1px solid color-mix(in srgb, var(--color-border) 76%, transparent);
    border-radius: 1.35rem;
    background: color-mix(in srgb, var(--color-surface-soft) 92%, transparent);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.pending-review-detail__copy-button[b-pmuf1y0h52] {
    min-height: 2rem;
    padding-inline: 0.7rem;
    font-size: 0.75rem;
    line-height: 1;
}

.pending-review-detail__media-header[b-pmuf1y0h52] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
}

.pending-review-detail__link[b-pmuf1y0h52] {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    min-height: 2.25rem;
    padding-inline: 0.9rem;
    border: 1px solid color-mix(in srgb, var(--color-primary) 18%, var(--color-border));
    border-radius: 999px;
    background: color-mix(in srgb, var(--color-primary-soft) 60%, var(--color-surface-strong));
    color: var(--app-accent-strong);
    font-size: 0.8rem;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
}

.pending-review-detail__media-grid[b-pmuf1y0h52] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
}

.pending-review-detail__media-button[b-pmuf1y0h52] {
    display: block;
    width: 100%;
    height: 8.5rem;
    min-height: 8.5rem;
    overflow: hidden;
    padding: 0;
    border: 1px solid color-mix(in srgb, var(--color-border) 76%, transparent);
    border-radius: 1rem;
    background: color-mix(in srgb, var(--color-surface-strong) 92%, transparent);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.pending-review-detail__media-image[b-pmuf1y0h52] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (max-width: 640px) {
    .pending-review-detail__section[b-pmuf1y0h52] {
        padding: 0.9rem;
    }

    .pending-review-detail__media-header[b-pmuf1y0h52] {
        flex-direction: column;
    }

    .pending-review-detail__link[b-pmuf1y0h52] {
        width: 100%;
    }

    .pending-review-detail__media-grid[b-pmuf1y0h52] {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}