/* /Components/Layout/AuthLayout.razor.rz.scp.css */
.auth-shell[b-j57vjdg6ho] {
    min-height: 100vh;
    display: grid;
    grid-template-columns: 1fr;
    background-color: var(--surface);
}

.auth-shell__form-side[b-j57vjdg6ho] {
    display: flex;
    flex-direction: column;
    padding: var(--space-24) var(--space-16);
    max-width: 28rem;
    width: 100%;
    min-width: 0;
    margin: 0 auto;
    box-sizing: border-box;
}

.auth-shell__brand[b-j57vjdg6ho] {
    font-family: var(--font-headline);
    font-weight: 800;
    font-size: 1.5rem;
    color: var(--on-surface);
    text-decoration: none;
    margin-bottom: var(--space-32);
}

.auth-shell__visual-side[b-j57vjdg6ho] {
    display: none;
}

.auth-shell__visual-copy[b-j57vjdg6ho] {
    max-width: 26rem;
}

.auth-shell__visual-copy h2[b-j57vjdg6ho] {
    color: var(--on-primary-fixed);
    font-size: 2.25rem;
    margin: 0 0 var(--space-16);
}

.auth-shell__visual-copy p[b-j57vjdg6ho] {
    color: color-mix(in srgb, var(--on-primary-fixed) 75%, transparent);
    font-size: 1.0625rem;
    line-height: 1.6;
}

@media (min-width: 1000px) {
    .auth-shell[b-j57vjdg6ho] {
        grid-template-columns: 1fr 1fr;
    }

    .auth-shell__form-side[b-j57vjdg6ho] {
        justify-content: center;
        padding: var(--space-32) var(--space-32) var(--space-32) 4rem;
        margin: 0;
        max-width: none;
    }

    .auth-shell__visual-side[b-j57vjdg6ho] {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: var(--space-32);
    }
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-2y9no6yhxm] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-2y9no6yhxm] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/PortalLayout.razor.rz.scp.css */
.k-portal[b-tzic6zt1qu] {
    display: flex;
    min-height: 100vh;
    background-color: var(--surface);
}

.k-portal__main[b-tzic6zt1qu] {
    flex: 1;
    padding: var(--space-24);
    min-width: 0;
}

.k-portal__content[b-tzic6zt1qu] {
    display: flex;
    flex-direction: column;
    gap: var(--space-24);
}
/* /Components/Layout/PublicLayout.razor.rz.scp.css */
.pub-nav[b-xlhgo12ne8] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 50;
}

.pub-nav__inner[b-xlhgo12ne8] {
    max-width: 1280px;
    margin: 0 auto;
    padding: var(--space-12) var(--space-16);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-8);
}

.pub-nav__brand[b-xlhgo12ne8] {
    display: flex;
    align-items: center;
    text-decoration: none;
    letter-spacing: -0.02em;
    white-space: nowrap;
    flex-shrink: 0;
}

.pub-nav__brand img[b-xlhgo12ne8] {
    height: 1.5rem;
    width: auto;
    display: block;
}

.pub-nav__links[b-xlhgo12ne8] {
    display: none;
    gap: var(--space-32);
}

.pub-nav__links a[b-xlhgo12ne8] {
    color: var(--on-surface-variant);
    text-decoration: none;
    font-weight: 500;
    transition: color 0.2s ease;
}

.pub-nav__links a:hover[b-xlhgo12ne8] {
    color: var(--on-surface);
}

.pub-nav__actions[b-xlhgo12ne8] {
    display: flex;
    align-items: center;
    gap: var(--space-8);
    flex-shrink: 0;
}

.pub-nav__login[b-xlhgo12ne8] {
    color: var(--on-surface-variant);
    text-decoration: none;
    font-weight: 600;
    white-space: nowrap;
    font-size: 0.875rem;
}

.pub-nav__login:hover[b-xlhgo12ne8] {
    color: var(--on-surface);
}

.pub-nav__cta[b-xlhgo12ne8] {
    padding: var(--space-6) var(--space-12);
    border-radius: var(--radius-default);
    color: var(--on-primary-fixed);
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
    font-size: 0.875rem;
}

.pub-main[b-xlhgo12ne8] {
    padding-top: 8rem;
}

.pub-footer[b-xlhgo12ne8] {
    background-color: var(--surface);
}

.pub-footer__inner[b-xlhgo12ne8] {
    background-color: var(--surface-container-low);
    border-radius: var(--radius-lg) var(--radius-lg) 0 0;
    padding: var(--space-32) var(--space-32) var(--space-16);
    max-width: 1280px;
    margin: 0 auto;
}

.pub-footer__grid[b-xlhgo12ne8] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-32);
    max-width: 1280px;
    margin: 0 auto;
}

.pub-footer__about[b-xlhgo12ne8] {
    grid-column: span 2;
}

.pub-footer__brand[b-xlhgo12ne8] {
    font-family: var(--font-headline);
    font-weight: 800;
    font-size: 1.25rem;
    color: var(--on-surface);
    display: block;
    margin-bottom: var(--space-8);
}

.pub-footer__about p[b-xlhgo12ne8] {
    color: var(--on-surface-variant);
    max-width: 24rem;
    font-size: 0.875rem;
    line-height: 1.6;
}

.pub-footer h5[b-xlhgo12ne8] {
    color: var(--on-surface);
    font-weight: 700;
    margin-bottom: var(--space-12);
}

.pub-footer ul[b-xlhgo12ne8] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--space-8);
}

.pub-footer ul a[b-xlhgo12ne8] {
    color: var(--on-surface-variant);
    text-decoration: none;
    font-size: 0.875rem;
}

.pub-footer ul a:hover[b-xlhgo12ne8] {
    color: var(--secondary);
}

.pub-footer__bottom[b-xlhgo12ne8] {
    margin-top: var(--space-32);
    padding-top: var(--space-16);
    box-shadow: inset 0 1px 0 color-mix(in srgb, var(--outline-variant) 12%, transparent);
    text-align: center;
}

.pub-footer__bottom p[b-xlhgo12ne8] {
    color: var(--on-surface-variant);
    font-size: 0.875rem;
    margin: 0;
}

@media (min-width: 900px) {
    .pub-nav__inner[b-xlhgo12ne8] {
        padding: var(--space-16) var(--space-32);
        gap: var(--space-16);
    }

    .pub-nav__brand[b-xlhgo12ne8] {
        font-size: 1.5rem;
    }

    .pub-nav__links[b-xlhgo12ne8] {
        display: flex;
    }

    .pub-nav__actions[b-xlhgo12ne8] {
        gap: var(--space-24);
    }

    .pub-nav__login[b-xlhgo12ne8],
    .pub-nav__cta[b-xlhgo12ne8] {
        font-size: 1rem;
    }

    .pub-nav__cta[b-xlhgo12ne8] {
        padding: var(--space-6) var(--space-16);
    }

    .pub-footer__grid[b-xlhgo12ne8] {
        grid-template-columns: 2fr 1fr 1fr 1fr;
    }

    .pub-footer__about[b-xlhgo12ne8] {
        grid-column: span 1;
    }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-mijbeaiqdf],
.components-reconnect-repeated-attempt-visible[b-mijbeaiqdf],
.components-reconnect-failed-visible[b-mijbeaiqdf],
.components-pause-visible[b-mijbeaiqdf],
.components-resume-failed-visible[b-mijbeaiqdf],
.components-rejoining-animation[b-mijbeaiqdf] {
    display: none;
}

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


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

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

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

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

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

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/About.razor.rz.scp.css */
.about-hero[b-p1925kcmyr] {
    max-width: 48rem;
    margin: 2rem auto 4rem;
    padding: 0 var(--space-32);
    text-align: left;
}

.about-hero__badge[b-p1925kcmyr] {
    display: inline-block;
    background-color: var(--surface-container-highest);
    padding: var(--space-4) var(--space-12);
    border-radius: var(--radius-full);
    margin-bottom: var(--space-16);
}

.about-hero h1[b-p1925kcmyr] {
    font-size: 3.5rem;
    line-height: 1.05;
    margin: 0 0 var(--space-16);
}

.about-hero p[b-p1925kcmyr] {
    color: var(--on-surface-variant);
    font-size: 1.25rem;
    line-height: 1.6;
    margin-bottom: var(--space-24);
}

.about-mission[b-p1925kcmyr] {
    background-color: var(--surface-container-low);
    border-radius: var(--radius-lg);
    max-width: 1280px;
    margin: 0 auto 4rem;
    padding: var(--space-32);
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--space-32);
}

.about-mission__text h2[b-p1925kcmyr] {
    font-size: 2rem;
    margin: 0 0 var(--space-24);
}

.about-mission__item[b-p1925kcmyr] {
    margin-bottom: var(--space-24);
}

.about-mission__item h3[b-p1925kcmyr] {
    font-size: 1.375rem;
    margin: 0 0 var(--space-8);
}

.about-mission__item p[b-p1925kcmyr] {
    color: var(--on-surface-variant);
    line-height: 1.6;
    margin: 0;
}

.about-mission__visual[b-p1925kcmyr] {
    position: relative;
}

.about-mission__visual img[b-p1925kcmyr] {
    width: 100%;
    aspect-ratio: 4 / 5;
    object-fit: cover;
    border-radius: var(--radius-default);
    filter: grayscale(0.6);
}

.about-mission__float[b-p1925kcmyr] {
    position: absolute;
    bottom: -1.5rem;
    left: -1rem;
    max-width: 16rem;
    padding: var(--space-16);
    border-radius: var(--radius-default);
}

.about-eyebrow[b-p1925kcmyr] {
    color: var(--primary);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    font-size: 0.75rem;
    margin: 0 0 var(--space-4);
}

.about-team[b-p1925kcmyr] {
    max-width: 1280px;
    margin: 6rem auto 4rem;
    padding: 0 var(--space-32);
}

.about-team__grid[b-p1925kcmyr] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-12);
    margin-top: var(--space-32);
}

.about-team__grid img[b-p1925kcmyr] {
    width: 100%;
    aspect-ratio: 1;
    object-fit: cover;
    border-radius: var(--radius-default);
    filter: grayscale(1);
    transition: filter 0.3s ease;
}

.about-team__grid img:hover[b-p1925kcmyr] {
    filter: grayscale(0);
}

@media (min-width: 900px) {
    .about-hero h1[b-p1925kcmyr] {
        font-size: 5rem;
    }

    .about-mission[b-p1925kcmyr] {
        grid-template-columns: 1fr 1fr;
        padding: 5rem;
    }

    .about-team__grid[b-p1925kcmyr] {
        grid-template-columns: repeat(4, 1fr);
    }
}
/* /Components/Pages/Admin/AdminBrands.razor.rz.scp.css */
.abr-header[b-xfm4naqxqm] {
    display: flex;
    flex-direction: column;
    gap: var(--space-16);
    margin-bottom: var(--space-24);
}

.abr-header h2[b-xfm4naqxqm] {
    font-size: 2rem;
    margin: 0 0 var(--space-8);
}

.abr-header p[b-xfm4naqxqm] {
    color: var(--on-surface-variant);
    max-width: 32rem;
    margin: 0;
}

.abr-search[b-xfm4naqxqm] {
    position: relative;
    display: flex;
    align-items: center;
}

.abr-search .material-symbols-outlined[b-xfm4naqxqm] {
    position: absolute;
    left: var(--space-16);
    color: var(--outline);
    font-size: 1.125rem;
}

.abr-search input[b-xfm4naqxqm] {
    width: 100%;
    box-sizing: border-box;
    background-color: var(--surface-container-high);
    border: none;
    border-radius: var(--radius-default);
    padding: var(--space-12) var(--space-16) var(--space-12) 2.75rem;
    color: var(--on-surface);
    font-family: var(--font-body);
}

.abr-empty[b-xfm4naqxqm] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: var(--space-8);
    padding: 4rem var(--space-24);
    color: var(--on-surface-variant);
    border: 2px dashed var(--outline-variant);
    border-radius: var(--radius-lg);
}

.abr-empty .material-symbols-outlined[b-xfm4naqxqm] {
    font-size: 2.5rem;
    color: var(--primary);
    margin-bottom: var(--space-8);
}

.abr-empty h3[b-xfm4naqxqm] {
    color: var(--on-surface);
    margin: 0;
}

.abr-table-wrap[b-xfm4naqxqm] {
    background-color: var(--surface-container-low);
    border: 1px solid color-mix(in srgb, var(--primary) 16%, transparent);
    border-radius: var(--radius-lg);
    overflow: hidden;
    overflow-x: auto;
}

.abr-table[b-xfm4naqxqm] {
    width: 100%;
    border-collapse: collapse;
    min-width: 40rem;
}

.abr-table thead[b-xfm4naqxqm] {
    background-color: color-mix(in srgb, var(--surface-container-high) 50%, transparent);
}

.abr-table th[b-xfm4naqxqm] {
    text-align: left;
    color: var(--outline);
    font-size: 0.6875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    padding: var(--space-16) var(--space-24);
}

.abr-table__num[b-xfm4naqxqm] {
    text-align: right;
}

.abr-table td[b-xfm4naqxqm] {
    padding: var(--space-16) var(--space-24);
    border-top: 1px solid color-mix(in srgb, var(--outline-variant) 10%, transparent);
    font-size: 0.875rem;
}

.abr-identity[b-xfm4naqxqm] {
    display: flex;
    align-items: center;
    gap: var(--space-12);
}

.abr-identity__icon[b-xfm4naqxqm] {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: var(--radius-default);
    background-color: var(--surface-container-high);
    color: var(--primary);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.abr-identity__icon--logo[b-xfm4naqxqm] {
    overflow: hidden;
    background-color: var(--surface-container-highest);
}

.abr-identity__icon--logo img[b-xfm4naqxqm] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.abr-identity__name[b-xfm4naqxqm] {
    font-weight: 700;
    font-size: 1rem;
}

.abr-code[b-xfm4naqxqm] {
    color: var(--on-surface-variant);
    font-family: monospace;
}

.abr-muted[b-xfm4naqxqm] {
    color: var(--on-surface-variant);
}

.abr-count-badge[b-xfm4naqxqm] {
    display: inline-flex;
    padding: var(--space-4) var(--space-12);
    border-radius: var(--radius-full);
    background-color: var(--surface-container-highest);
    color: var(--on-surface-variant);
    font-size: 0.75rem;
    font-weight: 700;
}

.abr-count-badge--active[b-xfm4naqxqm] {
    background-color: color-mix(in srgb, var(--primary) 18%, transparent);
    color: var(--primary);
}

.abr-table__footer[b-xfm4naqxqm] {
    padding: var(--space-16) var(--space-24);
    border-top: 1px solid color-mix(in srgb, var(--outline-variant) 10%, transparent);
    color: var(--outline);
    font-size: 0.75rem;
}

@media (min-width: 900px) {
    .abr-header[b-xfm4naqxqm] {
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-end;
    }

    .abr-search[b-xfm4naqxqm] {
        min-width: 16rem;
    }
}
/* /Components/Pages/Admin/AdminCampaigns.razor.rz.scp.css */
.acm-header[b-i9v6s9akfc] {
    display: flex;
    flex-direction: column;
    gap: var(--space-16);
    margin-bottom: var(--space-16);
}

.acm-header h2[b-i9v6s9akfc] {
    font-size: 2rem;
    margin: 0 0 var(--space-8);
}

.acm-header p[b-i9v6s9akfc] {
    color: var(--on-surface-variant);
    max-width: 32rem;
    margin: 0;
}

.acm-search[b-i9v6s9akfc] {
    position: relative;
    display: flex;
    align-items: center;
}

.acm-search .material-symbols-outlined[b-i9v6s9akfc] {
    position: absolute;
    left: var(--space-16);
    color: var(--outline);
    font-size: 1.125rem;
}

.acm-search input[b-i9v6s9akfc] {
    width: 100%;
    box-sizing: border-box;
    background-color: var(--surface-container-high);
    border: none;
    border-radius: var(--radius-default);
    padding: var(--space-12) var(--space-16) var(--space-12) 2.75rem;
    color: var(--on-surface);
    font-family: var(--font-body);
}

.acm-pills[b-i9v6s9akfc] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-8);
    margin-bottom: var(--space-24);
}

.acm-pill[b-i9v6s9akfc] {
    background-color: var(--surface-container-low);
    border: 1px solid color-mix(in srgb, var(--outline-variant) 15%, transparent);
    border-radius: var(--radius-full);
    padding: var(--space-8) var(--space-16);
    color: var(--on-surface-variant);
    font-size: 0.8125rem;
    font-weight: 700;
    cursor: pointer;
}

.acm-pill--active[b-i9v6s9akfc] {
    background-color: var(--surface-container-highest);
    color: var(--primary);
    border-color: color-mix(in srgb, var(--primary) 30%, transparent);
}

.acm-empty[b-i9v6s9akfc] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: var(--space-8);
    padding: 4rem var(--space-24);
    color: var(--on-surface-variant);
    border: 2px dashed var(--outline-variant);
    border-radius: var(--radius-lg);
}

.acm-empty .material-symbols-outlined[b-i9v6s9akfc] {
    font-size: 2.5rem;
    color: var(--primary);
    margin-bottom: var(--space-8);
}

.acm-empty h3[b-i9v6s9akfc] {
    color: var(--on-surface);
    margin: 0;
}

.acm-table-wrap[b-i9v6s9akfc] {
    background-color: var(--surface-container-low);
    border: 1px solid color-mix(in srgb, var(--primary) 16%, transparent);
    border-radius: var(--radius-lg);
    overflow: hidden;
    overflow-x: auto;
}

.acm-table[b-i9v6s9akfc] {
    width: 100%;
    border-collapse: collapse;
    min-width: 44rem;
}

.acm-table thead[b-i9v6s9akfc] {
    background-color: color-mix(in srgb, var(--surface-container-high) 50%, transparent);
}

.acm-table th[b-i9v6s9akfc] {
    text-align: left;
    color: var(--outline);
    font-size: 0.6875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    padding: var(--space-16) var(--space-24);
}

.acm-table__num[b-i9v6s9akfc] {
    text-align: right;
}

.acm-table td[b-i9v6s9akfc] {
    padding: var(--space-16) var(--space-24);
    border-top: 1px solid color-mix(in srgb, var(--outline-variant) 10%, transparent);
    font-size: 0.875rem;
}

.acm-row[b-i9v6s9akfc] {
    cursor: pointer;
    transition: background-color 0.15s ease;
}

.acm-row:hover[b-i9v6s9akfc] {
    background-color: var(--surface-container-high);
}

.acm-campaign[b-i9v6s9akfc] {
    display: flex;
    flex-direction: column;
}

.acm-campaign__name[b-i9v6s9akfc] {
    font-weight: 700;
}

.acm-campaign__serial[b-i9v6s9akfc] {
    color: var(--outline);
    font-size: 0.75rem;
    font-family: monospace;
}

.acm-muted[b-i9v6s9akfc] {
    color: var(--on-surface-variant);
}

.acm-status[b-i9v6s9akfc] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-8);
    padding: var(--space-4) var(--space-12);
    border-radius: var(--radius-sm);
    background-color: var(--surface-container-highest);
    font-size: 0.75rem;
    font-weight: 700;
    color: var(--on-surface-variant);
}

.acm-status__dot[b-i9v6s9akfc] {
    width: 0.375rem;
    height: 0.375rem;
    border-radius: var(--radius-full);
    background-color: var(--outline);
}

.acm-status--active[b-i9v6s9akfc] {
    color: var(--primary);
    border: 1px solid color-mix(in srgb, var(--primary) 25%, transparent);
}

.acm-status--active .acm-status__dot[b-i9v6s9akfc] {
    background-color: var(--primary);
    box-shadow: 0 0 6px var(--primary);
}

.acm-status--canceled[b-i9v6s9akfc] {
    color: var(--error);
}

.acm-status--canceled .acm-status__dot[b-i9v6s9akfc] {
    background-color: var(--error);
}

.acm-table__footer[b-i9v6s9akfc] {
    padding: var(--space-16) var(--space-24);
    border-top: 1px solid color-mix(in srgb, var(--outline-variant) 10%, transparent);
    color: var(--outline);
    font-size: 0.75rem;
}

@media (min-width: 900px) {
    .acm-header[b-i9v6s9akfc] {
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-end;
    }

    .acm-search[b-i9v6s9akfc] {
        min-width: 16rem;
    }
}
/* /Components/Pages/Admin/AdminClients.razor.rz.scp.css */
.acl-header[b-wdff3xzc22] {
    display: flex;
    flex-direction: column;
    gap: var(--space-16);
    margin-bottom: var(--space-24);
}

.acl-header h2[b-wdff3xzc22] {
    font-size: 2rem;
    margin: 0 0 var(--space-8);
}

.acl-header p[b-wdff3xzc22] {
    color: var(--on-surface-variant);
    max-width: 32rem;
    margin: 0;
}

.acl-toolbar[b-wdff3xzc22] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-12);
}

.acl-filter-pills[b-wdff3xzc22] {
    display: flex;
    gap: var(--space-4);
    background-color: var(--surface-container-low);
    border: 1px solid color-mix(in srgb, var(--outline-variant) 15%, transparent);
    border-radius: var(--radius-full);
    padding: var(--space-4);
}

.acl-pill[b-wdff3xzc22] {
    background: none;
    border: none;
    border-radius: var(--radius-full);
    padding: var(--space-8) var(--space-16);
    color: var(--on-surface-variant);
    font-size: 0.8125rem;
    font-weight: 700;
    cursor: pointer;
}

.acl-pill--active[b-wdff3xzc22] {
    background-color: var(--surface-container-high);
    color: var(--on-surface);
}

.acl-search[b-wdff3xzc22] {
    flex: 1;
    min-width: 14rem;
    position: relative;
    display: flex;
    align-items: center;
}

.acl-search .material-symbols-outlined[b-wdff3xzc22] {
    position: absolute;
    left: var(--space-16);
    color: var(--outline);
    font-size: 1.125rem;
}

.acl-search input[b-wdff3xzc22] {
    width: 100%;
    box-sizing: border-box;
    background-color: var(--surface-container-high);
    border: none;
    border-radius: var(--radius-default);
    padding: var(--space-8) var(--space-16) var(--space-8) 2.75rem;
    color: var(--on-surface);
    font-family: var(--font-body);
    font-size: 0.8125rem;
}

.acl-empty[b-wdff3xzc22] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: var(--space-8);
    padding: 4rem var(--space-24);
    color: var(--on-surface-variant);
    border: 2px dashed var(--outline-variant);
    border-radius: var(--radius-lg);
}

.acl-empty .material-symbols-outlined[b-wdff3xzc22] {
    font-size: 2.5rem;
    color: var(--primary);
    margin-bottom: var(--space-8);
}

.acl-empty h3[b-wdff3xzc22] {
    color: var(--on-surface);
    margin: 0;
}

.acl-table-wrap[b-wdff3xzc22] {
    background-color: var(--surface-container-low);
    border: 1px solid color-mix(in srgb, var(--primary) 16%, transparent);
    border-radius: var(--radius-lg);
    overflow: hidden;
    overflow-x: auto;
}

.acl-table[b-wdff3xzc22] {
    width: 100%;
    border-collapse: collapse;
    min-width: 44rem;
}

.acl-table thead[b-wdff3xzc22] {
    background-color: color-mix(in srgb, var(--surface-container-high) 50%, transparent);
}

.acl-table th[b-wdff3xzc22] {
    text-align: left;
    color: var(--outline);
    font-size: 0.6875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    padding: var(--space-16) var(--space-24);
}

.acl-table__num[b-wdff3xzc22] {
    text-align: center;
}

.acl-table__actions-head[b-wdff3xzc22] {
    text-align: right;
}

.acl-table td[b-wdff3xzc22] {
    padding: var(--space-16) var(--space-24);
    border-top: 1px solid color-mix(in srgb, var(--outline-variant) 10%, transparent);
    font-size: 0.875rem;
}

.acl-row--suspended[b-wdff3xzc22] {
    opacity: 0.6;
}

.acl-identity[b-wdff3xzc22] {
    display: flex;
    align-items: center;
    gap: var(--space-12);
}

.acl-identity__icon[b-wdff3xzc22] {
    width: 2rem;
    height: 2rem;
    border-radius: var(--radius-sm);
    background-color: var(--surface-container-highest);
    color: var(--primary);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.acl-identity__name[b-wdff3xzc22] {
    font-weight: 700;
}

.acl-muted[b-wdff3xzc22] {
    color: var(--on-surface-variant);
}

.acl-sub-badge[b-wdff3xzc22] {
    background-color: color-mix(in srgb, var(--secondary) 15%, transparent);
    color: var(--secondary);
    padding: var(--space-4) var(--space-12);
    border-radius: var(--radius-full);
    font-size: 0.75rem;
    font-weight: 700;
}

.acl-table__actions-cell[b-wdff3xzc22] {
    text-align: right;
}

.acl-row-actions[b-wdff3xzc22] {
    display: flex;
    gap: var(--space-8);
    justify-content: flex-end;
}

.acl-icon-btn[b-wdff3xzc22] {
    width: 2.25rem;
    height: 2.25rem;
    border-radius: var(--radius-sm);
    border: none;
    background-color: var(--surface-container-highest);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background-color 0.15s ease, color 0.15s ease;
    color: var(--on-surface-variant);
}

.acl-icon-btn:hover[b-wdff3xzc22] {
    color: var(--primary);
}

.acl-icon-btn--suspend:hover[b-wdff3xzc22] {
    background-color: color-mix(in srgb, var(--error) 18%, transparent);
    color: var(--error);
}

.acl-icon-btn--reactivate[b-wdff3xzc22] {
    color: var(--primary);
}

.acl-icon-btn--reactivate:hover[b-wdff3xzc22] {
    background-color: var(--primary);
    color: var(--on-primary);
}

[b-wdff3xzc22] .acl-sub-modal {
    display: flex;
    flex-direction: column;
    gap: var(--space-12);
}

[b-wdff3xzc22] .acl-sub-modal__empty {
    color: var(--on-surface-variant);
}

[b-wdff3xzc22] .acl-sub-row {
    display: flex;
    flex-direction: column;
    gap: var(--space-12);
    background-color: var(--surface-container);
    border-radius: var(--radius-default);
    padding: var(--space-16);
}

[b-wdff3xzc22] .acl-sub-row__info {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
}

[b-wdff3xzc22] .acl-sub-row__info span {
    color: var(--on-surface-variant);
    font-size: 0.8125rem;
}

[b-wdff3xzc22] .acl-sub-row__actions {
    display: flex;
    gap: var(--space-8);
    flex-wrap: wrap;
}

[b-wdff3xzc22] .acl-sub-row__actions select {
    flex: 1;
    min-width: 8rem;
    background-color: var(--surface-container-high);
    border: none;
    border-radius: var(--radius-default);
    padding: var(--space-8);
    color: var(--on-surface);
    font-family: var(--font-body);
    font-size: 0.8125rem;
}

[b-wdff3xzc22] .acl-sub-btn {
    border: none;
    border-radius: var(--radius-default);
    padding: var(--space-8) var(--space-16);
    font-size: 0.8125rem;
    font-weight: 700;
    cursor: pointer;
}

[b-wdff3xzc22] .acl-sub-btn--assign {
    background-color: var(--primary);
    color: var(--on-primary);
}

[b-wdff3xzc22] .acl-sub-btn--remove {
    background-color: color-mix(in srgb, var(--error) 15%, transparent);
    color: var(--error);
}

.acl-table__footer[b-wdff3xzc22] {
    padding: var(--space-16) var(--space-24);
    border-top: 1px solid color-mix(in srgb, var(--outline-variant) 10%, transparent);
    color: var(--outline);
    font-size: 0.75rem;
}

@media (min-width: 900px) {
    .acl-header[b-wdff3xzc22] {
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-end;
    }

    .acl-search input[b-wdff3xzc22] {
        width: 14rem;
    }
}
/* /Components/Pages/Admin/AdminDashboard.razor.rz.scp.css */
.ad-header[b-bw63km4b4l] {
    margin-bottom: var(--space-24);
}

.ad-header h2[b-bw63km4b4l] {
    font-size: 2rem;
    margin: 0 0 var(--space-8);
}

.ad-header p[b-bw63km4b4l] {
    color: var(--on-surface-variant);
    margin: 0;
}

.ad-stats[b-bw63km4b4l] {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--space-16);
    margin-bottom: var(--space-32);
}

.ad-stat[b-bw63km4b4l] {
    background-color: var(--surface-container-low);
    border: 1px solid color-mix(in srgb, var(--primary) 16%, transparent);
    border-radius: var(--radius-lg);
    padding: var(--space-20);
}

.ad-stat__icon[b-bw63km4b4l] {
    width: 2.75rem;
    height: 2.75rem;
    border-radius: var(--radius-default);
    background-color: var(--surface-container-high);
    color: var(--primary);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: var(--space-16);
}

.ad-stat__icon--secondary[b-bw63km4b4l] {
    color: var(--secondary);
}

.ad-stat__icon--tertiary[b-bw63km4b4l] {
    color: var(--tertiary, var(--secondary));
}

.ad-stat__icon--error[b-bw63km4b4l] {
    color: var(--error);
}

.ad-stat__label[b-bw63km4b4l] {
    color: var(--on-surface-variant);
    font-size: 0.8125rem;
    margin: 0 0 var(--space-4);
}

.ad-stat__value[b-bw63km4b4l] {
    font-size: 1.875rem;
    font-weight: 800;
    margin: 0;
}

.ad-columns[b-bw63km4b4l] {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--space-24);
}

.ad-panel[b-bw63km4b4l] {
    background-color: var(--surface-container-low);
    border-radius: var(--radius-lg);
    padding: var(--space-24);
}

.ad-panel__header[b-bw63km4b4l] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--space-20);
}

.ad-panel__header h3[b-bw63km4b4l] {
    margin: 0;
    font-size: 1.25rem;
}

.ad-panel__link[b-bw63km4b4l] {
    color: var(--primary);
    font-size: 0.8125rem;
    font-weight: 700;
    text-decoration: none;
}

.ad-empty-text[b-bw63km4b4l] {
    color: var(--on-surface-variant);
    font-size: 0.875rem;
}

.ad-list[b-bw63km4b4l] {
    display: flex;
    flex-direction: column;
    gap: var(--space-12);
}

.ad-list-item[b-bw63km4b4l] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: var(--surface-container);
    border-radius: var(--radius-default);
    padding: var(--space-12) var(--space-16);
}

.ad-list-item--bordered[b-bw63km4b4l] {
    border: 1px solid color-mix(in srgb, var(--outline-variant) 15%, transparent);
}

.ad-list-item__identity[b-bw63km4b4l] {
    display: flex;
    align-items: center;
    gap: var(--space-12);
    min-width: 0;
}

.ad-avatar[b-bw63km4b4l] {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: var(--radius-full);
    background-color: var(--surface-container-highest);
    color: var(--on-surface-variant);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    flex-shrink: 0;
}

.ad-list-item__name[b-bw63km4b4l] {
    margin: 0;
    font-weight: 600;
    font-size: 0.875rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ad-list-item__meta[b-bw63km4b4l] {
    margin: 0;
    color: var(--on-surface-variant);
    font-size: 0.75rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ad-list-item__trail[b-bw63km4b4l] {
    display: flex;
    align-items: center;
    gap: var(--space-12);
    flex-shrink: 0;
}

.ad-list-item__time[b-bw63km4b4l] {
    color: var(--on-surface-variant);
    font-size: 0.75rem;
}

.ad-role-badge[b-bw63km4b4l] {
    padding: var(--space-4) var(--space-12);
    border-radius: var(--radius-full);
    font-size: 0.6875rem;
    font-weight: 700;
}

.ad-role-badge--client[b-bw63km4b4l] {
    background-color: color-mix(in srgb, var(--status-success) 15%, transparent);
    color: var(--status-success);
}

.ad-role-badge--influencer[b-bw63km4b4l] {
    background-color: color-mix(in srgb, var(--primary) 15%, transparent);
    color: var(--primary);
}

.ad-quick-actions[b-bw63km4b4l] {
    display: flex;
    gap: var(--space-8);
    flex-shrink: 0;
}

.ad-icon-btn[b-bw63km4b4l] {
    width: 2.25rem;
    height: 2.25rem;
    border-radius: var(--radius-sm);
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background-color 0.15s ease, color 0.15s ease;
}

.ad-icon-btn--approve[b-bw63km4b4l] {
    background-color: color-mix(in srgb, var(--primary) 12%, transparent);
    color: var(--primary);
}

.ad-icon-btn--approve:hover[b-bw63km4b4l] {
    background-color: var(--primary);
    color: var(--on-primary);
}

.ad-icon-btn--reject[b-bw63km4b4l] {
    background-color: var(--surface-container-highest);
    color: var(--on-surface-variant);
}

.ad-icon-btn--reject:hover[b-bw63km4b4l] {
    background-color: color-mix(in srgb, var(--error) 18%, transparent);
    color: var(--error);
}

@media (min-width: 700px) {
    .ad-stats[b-bw63km4b4l] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1000px) {
    .ad-stats[b-bw63km4b4l] {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (min-width: 1100px) {
    .ad-columns[b-bw63km4b4l] {
        grid-template-columns: 1fr 1fr;
    }
}
/* /Components/Pages/Admin/AdminInfluencers.razor.rz.scp.css */
.ain-header[b-jitc1ypjcr] {
    display: flex;
    flex-direction: column;
    gap: var(--space-16);
    margin-bottom: var(--space-24);
}

.ain-header h2[b-jitc1ypjcr] {
    font-size: 2rem;
    margin: 0 0 var(--space-8);
}

.ain-header p[b-jitc1ypjcr] {
    color: var(--on-surface-variant);
    max-width: 32rem;
    margin: 0;
}

.ain-search[b-jitc1ypjcr] {
    position: relative;
    display: flex;
    align-items: center;
}

.ain-search .material-symbols-outlined[b-jitc1ypjcr] {
    position: absolute;
    left: var(--space-16);
    color: var(--outline);
    font-size: 1.125rem;
}

.ain-search input[b-jitc1ypjcr] {
    width: 100%;
    box-sizing: border-box;
    background-color: var(--surface-container-high);
    border: none;
    border-radius: var(--radius-default);
    padding: var(--space-12) var(--space-16) var(--space-12) 2.75rem;
    color: var(--on-surface);
    font-family: var(--font-body);
}

.ain-stats[b-jitc1ypjcr] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-16);
    margin-bottom: var(--space-20);
}

.ain-stat[b-jitc1ypjcr] {
    background-color: var(--surface-container-low);
    border: 1px solid color-mix(in srgb, var(--outline-variant) 15%, transparent);
    border-radius: var(--radius-lg);
    padding: var(--space-16);
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
}

.ain-stat__label[b-jitc1ypjcr] {
    color: var(--outline);
    font-size: 0.6875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.ain-stat__value[b-jitc1ypjcr] {
    font-size: 1.75rem;
    font-weight: 800;
}

.ain-stat__value--tertiary[b-jitc1ypjcr] {
    color: var(--secondary);
}

.ain-stat__value--warn[b-jitc1ypjcr] {
    color: var(--status-warning);
}

.ain-stat__value--danger[b-jitc1ypjcr] {
    color: var(--error);
}

.ain-pills[b-jitc1ypjcr] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-8);
    margin-bottom: var(--space-24);
}

.ain-pill[b-jitc1ypjcr] {
    background-color: var(--surface-container-low);
    border: 1px solid color-mix(in srgb, var(--outline-variant) 15%, transparent);
    border-radius: var(--radius-full);
    padding: var(--space-8) var(--space-16);
    color: var(--on-surface-variant);
    font-size: 0.8125rem;
    font-weight: 700;
    cursor: pointer;
}

.ain-pill--active[b-jitc1ypjcr] {
    background-color: var(--surface-container-highest);
    color: var(--primary);
}

.ain-empty[b-jitc1ypjcr] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: var(--space-8);
    padding: 4rem var(--space-24);
    color: var(--on-surface-variant);
    border: 2px dashed var(--outline-variant);
    border-radius: var(--radius-lg);
}

.ain-empty .material-symbols-outlined[b-jitc1ypjcr] {
    font-size: 2.5rem;
    color: var(--primary);
    margin-bottom: var(--space-8);
}

.ain-empty h3[b-jitc1ypjcr] {
    color: var(--on-surface);
    margin: 0;
}

.ain-grid[b-jitc1ypjcr] {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--space-20);
}

.ain-card[b-jitc1ypjcr] {
    background-color: var(--surface-container-low);
    border: 1px solid color-mix(in srgb, var(--primary) 16%, transparent);
    border-radius: var(--radius-lg);
    padding: var(--space-20);
}

.ain-card__top[b-jitc1ypjcr] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: var(--space-16);
}

.ain-avatar-wrap[b-jitc1ypjcr] {
    position: relative;
}

.ain-avatar[b-jitc1ypjcr] {
    width: 3.5rem;
    height: 3.5rem;
    border-radius: var(--radius-full);
    background-color: var(--surface-container-high);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--on-surface-variant);
}

.ain-verified[b-jitc1ypjcr] {
    position: absolute;
    bottom: -0.25rem;
    right: -0.25rem;
    background-color: var(--surface);
    border-radius: var(--radius-sm);
    padding: 0.125rem;
    color: var(--primary);
    display: flex;
}

.ain-verified .material-symbols-outlined[b-jitc1ypjcr] {
    font-size: 1.125rem;
}

.ain-badge[b-jitc1ypjcr] {
    padding: var(--space-4) var(--space-12);
    border-radius: var(--radius-full);
    font-size: 0.625rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.ain-badge--active[b-jitc1ypjcr] {
    background-color: color-mix(in srgb, var(--status-success) 15%, transparent);
    color: var(--status-success);
}

.ain-badge--suspended[b-jitc1ypjcr] {
    background-color: color-mix(in srgb, var(--status-warning) 15%, transparent);
    color: var(--status-warning);
}

.ain-badge--banned[b-jitc1ypjcr] {
    background-color: color-mix(in srgb, var(--error) 18%, transparent);
    color: var(--error);
}

.ain-card h4[b-jitc1ypjcr] {
    margin: 0 0 var(--space-4);
    font-size: 1.125rem;
}

.ain-handle[b-jitc1ypjcr] {
    color: var(--on-surface-variant);
    font-size: 0.875rem;
    margin: 0 0 var(--space-16);
}

.ain-verify-row[b-jitc1ypjcr] {
    display: flex;
    align-items: center;
    gap: var(--space-8);
    font-size: 0.6875rem;
    color: var(--outline);
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: var(--space-16);
}

.ain-verify-badge[b-jitc1ypjcr] {
    padding: var(--space-4) var(--space-8);
    border-radius: var(--radius-sm);
    background-color: var(--surface-container-highest);
    color: var(--on-surface-variant);
}

.ain-verify-badge--verified[b-jitc1ypjcr] {
    background-color: color-mix(in srgb, var(--primary) 15%, transparent);
    color: var(--primary);
}

.ain-verify-badge--pending[b-jitc1ypjcr] {
    background-color: color-mix(in srgb, var(--secondary) 15%, transparent);
    color: var(--secondary);
}

.ain-verify-badge--rejected[b-jitc1ypjcr] {
    background-color: color-mix(in srgb, var(--error) 15%, transparent);
    color: var(--error);
}

.ain-actions[b-jitc1ypjcr] {
    display: flex;
    gap: var(--space-8);
}

.ain-actions--spaced[b-jitc1ypjcr] {
    margin-bottom: var(--space-12);
    padding-bottom: var(--space-12);
    box-shadow: inset 0 -1px 0 color-mix(in srgb, var(--outline-variant) 15%, transparent);
}

.ain-btn[b-jitc1ypjcr] {
    flex: 1;
    padding: var(--space-8) var(--space-12);
    border-radius: var(--radius-default);
    border: none;
    font-size: 0.75rem;
    font-weight: 700;
    cursor: pointer;
    background-color: var(--surface-container-highest);
    color: var(--on-surface);
    transition: background-color 0.15s ease, color 0.15s ease;
}

.ain-btn:hover[b-jitc1ypjcr] {
    background-color: color-mix(in srgb, var(--status-warning) 18%, transparent);
    color: var(--status-warning);
}

.ain-btn--danger:hover[b-jitc1ypjcr] {
    background-color: var(--error);
    color: var(--on-error);
}

.ain-btn--primary[b-jitc1ypjcr] {
    background-color: var(--primary);
    color: var(--on-primary);
}

.ain-btn--primary:hover[b-jitc1ypjcr] {
    background-color: var(--primary);
    color: var(--on-primary);
    opacity: 0.9;
}

@media (min-width: 700px) {
    .ain-header[b-jitc1ypjcr] {
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-end;
    }

    .ain-search[b-jitc1ypjcr] {
        min-width: 16rem;
    }

    .ain-stats[b-jitc1ypjcr] {
        grid-template-columns: repeat(4, 1fr);
    }

    .ain-grid[b-jitc1ypjcr] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1100px) {
    .ain-grid[b-jitc1ypjcr] {
        grid-template-columns: repeat(3, 1fr);
    }
}

.ain-clickable[b-jitc1ypjcr] {
    cursor: pointer;
}

.ain-detail[b-jitc1ypjcr] {
    display: flex;
    flex-direction: column;
    gap: var(--space-16);
}

.ain-detail__email[b-jitc1ypjcr] {
    display: flex;
    align-items: center;
    gap: var(--space-8);
    color: var(--on-surface-variant);
    font-size: 0.875rem;
    margin: 0;
}

.ain-detail__links[b-jitc1ypjcr] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-12);
}

.ain-detail__link[b-jitc1ypjcr] {
    display: flex;
    align-items: center;
    gap: var(--space-8);
    background-color: var(--surface-container-high);
    border-radius: var(--radius-default);
    padding: var(--space-12);
    color: var(--on-surface);
    font-size: 0.8125rem;
    font-weight: 700;
}
/* /Components/Pages/Admin/AdminReports.razor.rz.scp.css */
.arp-header[b-cg06cbs91h] {
    margin-bottom: var(--space-24);
}

.arp-header h2[b-cg06cbs91h] {
    font-size: 2rem;
    margin: 0 0 var(--space-8);
}

.arp-header p[b-cg06cbs91h] {
    color: var(--on-surface-variant);
    margin: 0;
}

.arp-tiles[b-cg06cbs91h] {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--space-16);
    margin-bottom: var(--space-24);
}

.arp-tile[b-cg06cbs91h] {
    background-color: var(--surface-container-low);
    border: 1px solid color-mix(in srgb, var(--outline-variant) 12%, transparent);
    border-radius: var(--radius-lg);
    padding: var(--space-20);
}

.arp-tile__icon[b-cg06cbs91h] {
    width: 2.75rem;
    height: 2.75rem;
    border-radius: var(--radius-default);
    background-color: color-mix(in srgb, var(--primary) 12%, transparent);
    color: var(--primary);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: var(--space-16);
}

.arp-tile__icon--secondary[b-cg06cbs91h] {
    background-color: color-mix(in srgb, var(--secondary) 12%, transparent);
    color: var(--secondary);
}

.arp-tile__icon--tertiary[b-cg06cbs91h] {
    background-color: color-mix(in srgb, var(--status-success) 12%, transparent);
    color: var(--status-success);
}

.arp-tile__label[b-cg06cbs91h] {
    color: var(--on-surface-variant);
    font-size: 0.8125rem;
    margin: 0 0 var(--space-4);
}

.arp-tile__value[b-cg06cbs91h] {
    font-size: 1.875rem;
    font-weight: 800;
    margin: 0;
}

.arp-columns[b-cg06cbs91h] {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--space-20);
}

.arp-chart-card[b-cg06cbs91h],
.arp-summary-card[b-cg06cbs91h] {
    background-color: var(--surface-container-low);
    border: 1px solid color-mix(in srgb, var(--outline-variant) 12%, transparent);
    border-radius: var(--radius-lg);
    padding: var(--space-24);
}

.arp-chart-card h3[b-cg06cbs91h],
.arp-summary-card h3[b-cg06cbs91h] {
    margin: 0 0 var(--space-20);
    font-size: 1.125rem;
}

.arp-empty-text[b-cg06cbs91h] {
    color: var(--on-surface-variant);
    font-size: 0.875rem;
}

.arp-bars[b-cg06cbs91h] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: var(--space-12);
    height: 12rem;
}

.arp-bar-col[b-cg06cbs91h] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
}

.arp-bar-track[b-cg06cbs91h] {
    flex: 1;
    width: 100%;
    display: flex;
    align-items: flex-end;
}

.arp-bar-fill[b-cg06cbs91h] {
    width: 100%;
    min-height: 2px;
    background-image: linear-gradient(180deg, var(--primary), var(--secondary));
    border-radius: var(--radius-sm) var(--radius-sm) 0 0;
    transition: height 0.3s ease;
}

.arp-bar-count[b-cg06cbs91h] {
    color: var(--on-surface);
    font-size: 0.75rem;
    font-weight: 700;
    margin-top: var(--space-8);
}

.arp-bar-label[b-cg06cbs91h] {
    color: var(--outline);
    font-size: 0.6875rem;
    text-transform: uppercase;
}

.arp-summary-row[b-cg06cbs91h] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--space-12) 0;
    box-shadow: inset 0 -1px 0 color-mix(in srgb, var(--outline-variant) 10%, transparent);
    font-size: 0.875rem;
    color: var(--on-surface-variant);
}

.arp-summary-row:last-child[b-cg06cbs91h] {
    box-shadow: none;
}

.arp-summary-row strong[b-cg06cbs91h] {
    color: var(--on-surface);
    font-size: 1rem;
}

@media (min-width: 700px) {
    .arp-tiles[b-cg06cbs91h] {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (min-width: 1100px) {
    .arp-columns[b-cg06cbs91h] {
        grid-template-columns: 2fr 1fr;
    }
}
/* /Components/Pages/Admin/AdminSettings.razor.rz.scp.css */
.st-header[b-j7io06an1q] {
    margin-bottom: var(--space-24);
}

.st-header h2[b-j7io06an1q] {
    font-size: 2rem;
    margin: 0 0 var(--space-8);
}

.st-header p[b-j7io06an1q] {
    color: var(--on-surface-variant);
    margin: 0;
}

.st-grid[b-j7io06an1q] {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--space-20);
}

[b-j7io06an1q] .st-card {
    display: flex;
    flex-direction: column;
    gap: var(--space-16);
}

[b-j7io06an1q] .st-card h3 {
    margin: 0;
    font-size: 1.25rem;
}

.st-success[b-j7io06an1q] {
    background-color: color-mix(in srgb, var(--status-success) 12%, transparent);
    color: var(--status-success);
    border-radius: var(--radius-default);
    padding: var(--space-12) var(--space-16);
    font-size: 0.875rem;
    font-weight: 600;
}

.st-avatar-picker[b-j7io06an1q] {
    display: flex;
    align-items: center;
    gap: var(--space-16);
}

.st-avatar-picker__preview[b-j7io06an1q] {
    width: 4rem;
    height: 4rem;
    border-radius: var(--radius-full);
    background-color: var(--surface-container-high);
    color: var(--on-surface-variant);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    flex-shrink: 0;
}

.st-avatar-picker__preview img[b-j7io06an1q] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.st-avatar-picker__btn[b-j7io06an1q] {
    display: flex;
    align-items: center;
    gap: var(--space-8);
    background-color: var(--surface-container-high);
    color: var(--on-surface);
    border-radius: var(--radius-default);
    padding: var(--space-8) var(--space-16);
    font-size: 0.8125rem;
    font-weight: 700;
    cursor: pointer;
}

.st-avatar-picker__btn:hover[b-j7io06an1q] {
    color: var(--primary);
}

.st-avatar-picker__btn[b-j7io06an1q]  input[type="file"] {
    display: none;
}

.st-field[b-j7io06an1q] {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
}

.st-field label[b-j7io06an1q] {
    font-size: 0.6875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--primary);
}

.st-field input[b-j7io06an1q] {
    width: 100%;
    box-sizing: border-box;
    background-color: var(--surface-container-high);
    border: none;
    border-radius: var(--radius-default);
    padding: var(--space-12);
    color: var(--on-surface);
    font-family: var(--font-body);
    font-size: 0.9375rem;
}

.st-field input:disabled[b-j7io06an1q] {
    opacity: 0.6;
    cursor: not-allowed;
}

.st-field__hint[b-j7io06an1q] {
    color: var(--outline);
    font-size: 0.75rem;
}

.st-generated-pw[b-j7io06an1q] {
    display: flex;
    align-items: center;
    gap: var(--space-16);
    background-color: color-mix(in srgb, var(--secondary) 12%, transparent);
    border-radius: var(--radius-default);
    padding: var(--space-16);
}

.st-generated-pw .material-symbols-outlined[b-j7io06an1q] {
    font-size: 1.75rem;
    color: var(--secondary);
    flex-shrink: 0;
}

.st-generated-pw p[b-j7io06an1q] {
    margin: var(--space-4) 0 0;
    color: var(--on-surface-variant);
    font-size: 0.875rem;
}

.st-generated-pw code[b-j7io06an1q] {
    color: var(--secondary);
    font-weight: 800;
    letter-spacing: 0.06em;
}

.st-admin-list[b-j7io06an1q] {
    display: flex;
    flex-direction: column;
    gap: var(--space-8);
}

.st-admin-row[b-j7io06an1q] {
    display: flex;
    align-items: center;
    gap: var(--space-12);
    background-color: var(--surface-container);
    border-radius: var(--radius-default);
    padding: var(--space-12) var(--space-16);
}

.st-admin-row__avatar[b-j7io06an1q] {
    width: 2.25rem;
    height: 2.25rem;
    border-radius: var(--radius-full);
    background-color: var(--surface-container-highest);
    color: var(--primary);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    flex-shrink: 0;
}

.st-admin-row__name[b-j7io06an1q] {
    margin: 0;
    font-weight: 600;
    font-size: 0.875rem;
}

.st-admin-row__email[b-j7io06an1q] {
    margin: 0;
    color: var(--on-surface-variant);
    font-size: 0.75rem;
}

.st-add-admin-form[b-j7io06an1q] {
    display: flex;
    flex-direction: column;
    gap: var(--space-16);
    padding-top: var(--space-16);
    box-shadow: inset 0 1px 0 color-mix(in srgb, var(--outline-variant) 10%, transparent);
}

[b-j7io06an1q] .st-add-admin-form .k-btn {
    display: inline-flex;
    align-items: center;
    gap: var(--space-8);
    width: fit-content;
}

@media (min-width: 900px) {
    .st-grid[b-j7io06an1q] {
        grid-template-columns: 1fr 1fr;
    }

    .st-card--wide[b-j7io06an1q] {
        grid-column: 1 / -1;
    }

    .st-add-admin-form[b-j7io06an1q] {
        flex-direction: row;
        align-items: flex-end;
    }

    .st-add-admin-form .st-field[b-j7io06an1q] {
        flex: 1;
    }
}
/* /Components/Pages/Admin/AdminSubscriptionPlans.razor.rz.scp.css */
.asp-header[b-zy5eqdz8yo] {
    margin-bottom: var(--space-24);
}

.asp-header h2[b-zy5eqdz8yo] {
    font-size: 2rem;
    margin: 0 0 var(--space-8);
}

.asp-header p[b-zy5eqdz8yo] {
    color: var(--on-surface-variant);
    max-width: 40rem;
    line-height: 1.5;
    margin: 0;
}

.asp-toggle-row[b-zy5eqdz8yo] {
    display: flex;
    flex-direction: column;
    gap: var(--space-16);
    background-color: var(--surface-container-low);
    border: 1px solid color-mix(in srgb, var(--outline-variant) 12%, transparent);
    border-radius: var(--radius-lg);
    padding: var(--space-24);
    margin-bottom: var(--space-24);
}

.asp-toggle-row__info[b-zy5eqdz8yo] {
    display: flex;
    align-items: center;
    gap: var(--space-16);
}

.asp-toggle-row__icon[b-zy5eqdz8yo] {
    width: 3rem;
    height: 3rem;
    border-radius: var(--radius-full);
    background-color: var(--surface-container-high);
    color: var(--secondary);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.asp-toggle-row__info h3[b-zy5eqdz8yo] {
    margin: 0 0 var(--space-4);
    font-size: 1.0625rem;
}

.asp-toggle-row__info p[b-zy5eqdz8yo] {
    margin: 0;
    color: var(--on-surface-variant);
    font-size: 0.875rem;
}

.asp-toggle-row__controls[b-zy5eqdz8yo] {
    display: flex;
    align-items: center;
    gap: var(--space-16);
}

.asp-select[b-zy5eqdz8yo] {
    background-color: var(--surface-container-high);
    border: none;
    border-radius: var(--radius-default);
    padding: var(--space-8) var(--space-16);
    color: var(--on-surface);
    font-family: var(--font-body);
    font-size: 0.875rem;
}

.asp-select:disabled[b-zy5eqdz8yo] {
    opacity: 0.5;
}

.asp-switch[b-zy5eqdz8yo] {
    position: relative;
    display: inline-block;
    width: 2.75rem;
    height: 1.5rem;
    cursor: pointer;
    flex-shrink: 0;
}

.asp-switch input[b-zy5eqdz8yo] {
    opacity: 0;
    width: 0;
    height: 0;
}

.asp-switch__track[b-zy5eqdz8yo] {
    position: absolute;
    inset: 0;
    background-color: var(--surface-container-highest);
    border-radius: var(--radius-full);
    transition: background-color 0.2s ease;
}

.asp-switch__track[b-zy5eqdz8yo]::after {
    content: '';
    position: absolute;
    top: 0.125rem;
    left: 0.125rem;
    width: 1.25rem;
    height: 1.25rem;
    background-color: var(--on-surface);
    border-radius: var(--radius-full);
    transition: transform 0.2s ease;
}

.asp-switch input:checked + .asp-switch__track[b-zy5eqdz8yo] {
    background-color: var(--primary-dim);
}

.asp-switch input:checked + .asp-switch__track[b-zy5eqdz8yo]::after {
    transform: translateX(1.25rem);
    background-color: white;
}

.asp-grid[b-zy5eqdz8yo] {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--space-20);
}

.asp-card[b-zy5eqdz8yo] {
    position: relative;
    background-color: var(--surface-container-low);
    border-radius: var(--radius-lg);
    padding: var(--space-24);
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.asp-card__default-badge[b-zy5eqdz8yo] {
    position: absolute;
    top: 0;
    right: 0;
    background-color: color-mix(in srgb, var(--secondary) 20%, transparent);
    color: var(--secondary-fixed, var(--secondary));
    font-size: 0.6875rem;
    font-weight: 800;
    padding: var(--space-4) var(--space-12);
    border-bottom-left-radius: var(--radius-default);
}

.asp-card__top[b-zy5eqdz8yo] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: var(--space-16);
}

.asp-card__top h4[b-zy5eqdz8yo] {
    margin: 0 0 var(--space-8);
    font-size: 1.375rem;
}

.asp-card__price[b-zy5eqdz8yo] {
    display: flex;
    align-items: baseline;
    gap: var(--space-4);
}

.asp-card__price span:first-child[b-zy5eqdz8yo] {
    font-size: 1.75rem;
    font-weight: 800;
}

.asp-card__price-suffix[b-zy5eqdz8yo] {
    color: var(--on-surface-variant);
    font-size: 0.875rem;
}

.asp-card__icon[b-zy5eqdz8yo] {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: var(--radius-full);
    background-color: var(--surface-container);
    color: var(--primary);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.asp-card__desc[b-zy5eqdz8yo] {
    color: var(--on-surface-variant);
    font-size: 0.875rem;
    line-height: 1.5;
    flex: 1;
    margin: 0 0 var(--space-24);
}

.asp-card__points[b-zy5eqdz8yo] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: color-mix(in srgb, var(--surface-container-lowest) 50%, transparent);
    border: 1px solid color-mix(in srgb, var(--outline-variant) 10%, transparent);
    border-radius: var(--radius-default);
    padding: var(--space-12) var(--space-16);
    margin-bottom: var(--space-24);
    font-size: 0.875rem;
    color: var(--on-surface-variant);
}

.asp-card__points strong[b-zy5eqdz8yo] {
    color: var(--secondary);
    font-size: 1.125rem;
}

.asp-card__actions[b-zy5eqdz8yo] {
    display: flex;
    align-items: center;
    gap: var(--space-12);
    padding-top: var(--space-20);
    box-shadow: inset 0 1px 0 color-mix(in srgb, var(--outline-variant) 10%, transparent);
}

.asp-edit-btn[b-zy5eqdz8yo] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-8);
    background-color: var(--surface-container-high);
    border: 1px solid color-mix(in srgb, var(--outline-variant) 15%, transparent);
    color: var(--on-surface);
    border-radius: var(--radius-default);
    padding: var(--space-8) var(--space-16);
    font-size: 0.8125rem;
    font-weight: 700;
    cursor: pointer;
}

.asp-edit-btn:hover[b-zy5eqdz8yo] {
    color: var(--primary);
}

.asp-delete-btn[b-zy5eqdz8yo] {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: var(--radius-default);
    border: none;
    background: none;
    color: var(--on-surface-variant);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.asp-delete-btn:not(:disabled):hover[b-zy5eqdz8yo] {
    background-color: color-mix(in srgb, var(--error) 15%, transparent);
    color: var(--error);
}

.asp-delete-btn:disabled[b-zy5eqdz8yo] {
    opacity: 0.4;
    cursor: not-allowed;
}

.asp-card--new[b-zy5eqdz8yo] {
    align-items: center;
    justify-content: center;
    text-align: center;
    border: 2px dashed var(--outline-variant);
    color: var(--primary);
    cursor: pointer;
    min-height: 16rem;
}

.asp-card--new .material-symbols-outlined[b-zy5eqdz8yo] {
    font-size: 2.5rem;
    margin-bottom: var(--space-16);
}

.asp-card--new h4[b-zy5eqdz8yo] {
    color: var(--on-surface);
    margin: 0 0 var(--space-8);
}

.asp-card--new p[b-zy5eqdz8yo] {
    color: var(--on-surface-variant);
    margin: 0;
    font-size: 0.875rem;
}

[b-zy5eqdz8yo] .asp-form {
    display: flex;
    flex-direction: column;
    gap: var(--space-16);
}

[b-zy5eqdz8yo] .asp-form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-16);
}

[b-zy5eqdz8yo] .asp-field {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
}

[b-zy5eqdz8yo] .asp-field label {
    font-size: 0.6875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--primary);
}

[b-zy5eqdz8yo] .asp-field input,
[b-zy5eqdz8yo] .asp-field textarea {
    width: 100%;
    box-sizing: border-box;
    background-color: var(--surface-container-high);
    border: none;
    border-radius: var(--radius-default);
    padding: var(--space-12);
    color: var(--on-surface);
    font-family: var(--font-body);
    font-size: 0.9375rem;
    resize: vertical;
}

[b-zy5eqdz8yo] .asp-checkbox {
    display: flex;
    align-items: center;
    gap: var(--space-8);
    font-size: 0.875rem;
    cursor: pointer;
}

[b-zy5eqdz8yo] .asp-row-actions {
    display: flex;
    gap: var(--space-8);
    justify-content: flex-end;
}

@media (min-width: 700px) {
    .asp-toggle-row[b-zy5eqdz8yo] {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }

    .asp-grid[b-zy5eqdz8yo] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1100px) {
    .asp-grid[b-zy5eqdz8yo] {
        grid-template-columns: repeat(3, 1fr);
    }
}
/* /Components/Pages/Admin/AdminSupportChat.razor.rz.scp.css */
.ach-shell[b-sa98rbc2ft] {
    display: flex;
    flex-direction: column;
    gap: var(--space-16);
    height: calc(100vh - 10rem);
    min-height: 32rem;
}

.ach-threads[b-sa98rbc2ft] {
    display: flex;
    flex-direction: column;
    background-color: var(--surface-container-low);
    border: 1px solid color-mix(in srgb, var(--primary) 16%, transparent);
    border-radius: var(--radius-lg);
    overflow: hidden;
    flex-shrink: 0;
    max-height: 20rem;
}

.ach-threads__header[b-sa98rbc2ft] {
    padding: var(--space-16);
    display: flex;
    flex-direction: column;
    gap: var(--space-12);
}

.ach-threads__header h2[b-sa98rbc2ft] {
    margin: 0;
    font-size: 1.125rem;
}

.ach-segmented[b-sa98rbc2ft] {
    display: flex;
    background-color: var(--surface-container);
    border-radius: var(--radius-default);
    padding: var(--space-4);
    gap: var(--space-4);
}

.ach-segment[b-sa98rbc2ft] {
    flex: 1;
    background: none;
    border: none;
    border-radius: var(--radius-sm);
    padding: var(--space-8);
    font-size: 0.8125rem;
    font-weight: 700;
    color: var(--on-surface-variant);
    cursor: pointer;
}

.ach-segment--active[b-sa98rbc2ft] {
    background-color: var(--surface-container-high);
    color: var(--on-surface);
}

.ach-threads__list[b-sa98rbc2ft] {
    flex: 1;
    overflow-y: auto;
    padding: 0 var(--space-12) var(--space-12);
    display: flex;
    flex-direction: column;
    gap: var(--space-8);
}

.ach-thread[b-sa98rbc2ft] {
    display: flex;
    gap: var(--space-12);
    padding: var(--space-12);
    border-radius: var(--radius-default);
    cursor: pointer;
    border: 1px solid transparent;
}

.ach-thread:hover[b-sa98rbc2ft] {
    background-color: var(--surface-container-high);
}

.ach-thread--active[b-sa98rbc2ft] {
    background-color: var(--surface-container-high);
    border-color: color-mix(in srgb, var(--primary) 30%, transparent);
}

.ach-thread__avatar[b-sa98rbc2ft] {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: var(--radius-full);
    background-color: var(--surface-container-highest);
    color: var(--primary);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    flex-shrink: 0;
}

.ach-thread__body[b-sa98rbc2ft] {
    flex: 1;
    min-width: 0;
}

.ach-thread__top[b-sa98rbc2ft] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: var(--space-8);
}

.ach-thread__name[b-sa98rbc2ft] {
    color: var(--on-surface);
    font-weight: 700;
    font-size: 0.875rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ach-thread__time[b-sa98rbc2ft] {
    color: var(--outline);
    font-size: 0.6875rem;
    flex-shrink: 0;
}

.ach-thread__tags[b-sa98rbc2ft] {
    display: flex;
    align-items: center;
    gap: var(--space-8);
    margin: var(--space-4) 0;
}

.ach-thread__campaign[b-sa98rbc2ft] {
    display: inline-block;
    background-color: var(--surface-container-highest);
    border-radius: var(--radius-sm);
    padding: 0.0625rem var(--space-8);
    font-size: 0.625rem;
    color: var(--on-surface-variant);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.ach-status-pills[b-sa98rbc2ft] {
    display: flex;
    gap: var(--space-4);
}

.ach-status-pill[b-sa98rbc2ft] {
    flex: 1;
    background-color: var(--surface-container);
    border: none;
    border-radius: var(--radius-sm);
    padding: var(--space-4) var(--space-8);
    font-size: 0.6875rem;
    font-weight: 700;
    color: var(--on-surface-variant);
    cursor: pointer;
}

.ach-status-pill--active[b-sa98rbc2ft] {
    background-color: var(--surface-container-highest);
    color: var(--primary);
}

.ach-status-badge[b-sa98rbc2ft] {
    display: inline-block;
    padding: 0.0625rem var(--space-8);
    border-radius: var(--radius-sm);
    font-size: 0.625rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.ach-status-badge--open[b-sa98rbc2ft] {
    background-color: color-mix(in srgb, var(--status-success) 15%, transparent);
    color: var(--status-success);
}

.ach-status-badge--closed[b-sa98rbc2ft] {
    background-color: var(--surface-container-highest);
    color: var(--on-surface-variant);
}

.ach-thread__preview[b-sa98rbc2ft] {
    color: var(--on-surface-variant);
    font-size: 0.75rem;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ach-panel[b-sa98rbc2ft] {
    flex: 1;
    display: flex;
    flex-direction: column;
    background-color: var(--surface-container-low);
    border: 1px solid color-mix(in srgb, var(--primary) 16%, transparent);
    border-radius: var(--radius-lg);
    overflow: hidden;
    min-height: 20rem;
}

.ach-panel__empty[b-sa98rbc2ft] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: var(--space-8);
    color: var(--on-surface-variant);
    padding: var(--space-32);
}

.ach-panel__empty .material-symbols-outlined[b-sa98rbc2ft] {
    font-size: 2.5rem;
    color: var(--primary);
}

.ach-panel__empty h3[b-sa98rbc2ft] {
    color: var(--on-surface);
    margin: 0;
}

.ach-panel__header[b-sa98rbc2ft] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--space-16) var(--space-24);
    box-shadow: inset 0 -1px 0 color-mix(in srgb, var(--outline-variant) 10%, transparent);
}

.ach-panel__title[b-sa98rbc2ft] {
    display: flex;
    align-items: center;
    gap: var(--space-12);
}

.ach-panel__avatar[b-sa98rbc2ft] {
    width: 2.75rem;
    height: 2.75rem;
    border-radius: var(--radius-full);
    background-image: linear-gradient(135deg, color-mix(in srgb, var(--primary) 30%, transparent), color-mix(in srgb, var(--secondary) 30%, transparent));
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--primary);
    font-weight: 800;
}

.ach-panel__title h3[b-sa98rbc2ft] {
    margin: 0;
    font-size: 1rem;
    display: flex;
    align-items: center;
    gap: var(--space-8);
}

.ach-role-badge[b-sa98rbc2ft] {
    background-color: var(--surface-container-high);
    color: var(--primary);
    font-size: 0.625rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    padding: 0.125rem var(--space-8);
    border-radius: var(--radius-sm);
}

.ach-panel__title p[b-sa98rbc2ft] {
    margin: 0;
    color: var(--outline);
    font-size: 0.75rem;
}

.ach-close-btn[b-sa98rbc2ft] {
    display: flex;
    align-items: center;
    gap: var(--space-8);
    background-color: var(--surface-container-high);
    color: var(--on-surface);
    border: 1px solid color-mix(in srgb, var(--outline-variant) 15%, transparent);
    border-radius: var(--radius-default);
    padding: var(--space-8) var(--space-16);
    font-size: 0.8125rem;
    font-weight: 700;
    cursor: pointer;
}

.ach-close-btn:hover[b-sa98rbc2ft] {
    background-color: color-mix(in srgb, var(--error) 15%, transparent);
    color: var(--error);
}

.ach-messages[b-sa98rbc2ft] {
    flex: 1;
    overflow-y: auto;
    padding: var(--space-24);
    display: flex;
    flex-direction: column;
    gap: var(--space-16);
}

.ach-message[b-sa98rbc2ft] {
    display: flex;
    flex-direction: column;
    max-width: 75%;
}

.ach-message__bubble[b-sa98rbc2ft] {
    background-color: var(--surface-container-high);
    color: var(--on-surface);
    padding: var(--space-12) var(--space-16);
    border-radius: var(--radius-default) var(--radius-default) var(--radius-default) 0;
    font-size: 0.875rem;
    line-height: 1.5;
}

.ach-message__time[b-sa98rbc2ft] {
    color: var(--outline);
    font-size: 0.625rem;
    margin-top: var(--space-4);
}

.ach-message--self[b-sa98rbc2ft] {
    align-self: flex-end;
    align-items: flex-end;
}

.ach-message--self .ach-message__bubble[b-sa98rbc2ft] {
    background-image: linear-gradient(135deg, var(--primary), var(--secondary));
    color: var(--on-primary);
    border-radius: var(--radius-default) var(--radius-default) 0 var(--radius-default);
}

.ach-input[b-sa98rbc2ft] {
    display: flex;
    align-items: center;
    gap: var(--space-12);
    padding: var(--space-16) var(--space-24);
    box-shadow: inset 0 1px 0 color-mix(in srgb, var(--outline-variant) 10%, transparent);
}

.ach-input input[b-sa98rbc2ft] {
    flex: 1;
    box-sizing: border-box;
    background-color: var(--surface-container-high);
    border: none;
    border-radius: var(--radius-full);
    padding: var(--space-12) var(--space-16);
    color: var(--on-surface);
    font-family: var(--font-body);
    font-size: 0.875rem;
}

.ach-send-btn[b-sa98rbc2ft] {
    width: 2.75rem;
    height: 2.75rem;
    border-radius: var(--radius-full);
    background-color: var(--primary);
    color: var(--on-primary);
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    flex-shrink: 0;
}

.ach-empty-text[b-sa98rbc2ft] {
    color: var(--on-surface-variant);
    font-size: 0.875rem;
    padding: var(--space-16);
}

@media (min-width: 900px) {
    .ach-shell[b-sa98rbc2ft] {
        flex-direction: row;
    }

    .ach-threads[b-sa98rbc2ft] {
        width: 22rem;
        max-height: none;
    }
}
/* /Components/Pages/Admin/AdminVerificationQueue.razor.rz.scp.css */
.avq-header[b-h30j8k1o16] {
    display: flex;
    flex-direction: column;
    gap: var(--space-16);
    margin-bottom: var(--space-24);
}

.avq-header h2[b-h30j8k1o16] {
    font-size: 2rem;
    margin: 0 0 var(--space-8);
}

.avq-header p[b-h30j8k1o16] {
    color: var(--on-surface-variant);
    max-width: 32rem;
    margin: 0;
}

.avq-count-pill[b-h30j8k1o16] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-8);
    background-color: var(--surface-container-low);
    border: 1px solid color-mix(in srgb, var(--outline-variant) 15%, transparent);
    border-radius: var(--radius-full);
    padding: var(--space-8) var(--space-16);
    font-size: 0.875rem;
    font-weight: 700;
    width: fit-content;
}

.avq-count-pill__dot[b-h30j8k1o16] {
    width: 0.5rem;
    height: 0.5rem;
    border-radius: var(--radius-full);
    background-color: var(--primary);
    box-shadow: 0 0 6px var(--primary);
}

.avq-empty[b-h30j8k1o16] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: var(--space-8);
    padding: 4rem var(--space-24);
    color: var(--on-surface-variant);
    border: 2px dashed var(--outline-variant);
    border-radius: var(--radius-lg);
}

.avq-empty .material-symbols-outlined[b-h30j8k1o16] {
    font-size: 2.5rem;
    color: var(--primary);
    margin-bottom: var(--space-8);
}

.avq-empty h3[b-h30j8k1o16] {
    color: var(--on-surface);
    margin: 0;
}

.avq-grid[b-h30j8k1o16] {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--space-20);
}

.avq-card[b-h30j8k1o16] {
    background-color: var(--surface-container-low);
    border: 1px solid color-mix(in srgb, var(--outline-variant) 15%, transparent);
    border-radius: var(--radius-lg);
    padding: var(--space-20);
    display: flex;
    flex-direction: column;
    gap: var(--space-20);
}

.avq-card__photo-col[b-h30j8k1o16] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: var(--space-16);
}

.avq-card__photo[b-h30j8k1o16] {
    width: 6rem;
    height: 6rem;
    flex-shrink: 0;
    border-radius: var(--radius-default);
    background-color: var(--surface-container-high);
    border: 1px solid color-mix(in srgb, var(--outline-variant) 20%, transparent);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--on-surface-variant);
    overflow: hidden;
}

.avq-card__photo img[b-h30j8k1o16] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.avq-signup-badge[b-h30j8k1o16] {
    display: flex;
    align-items: center;
    gap: var(--space-8);
    background-color: var(--surface-container);
    border: 1px solid color-mix(in srgb, var(--outline-variant) 15%, transparent);
    border-radius: var(--radius-default);
    padding: var(--space-8) var(--space-12);
    font-size: 0.75rem;
    color: var(--on-surface-variant);
}

.avq-signup-badge .material-symbols-outlined[b-h30j8k1o16] {
    font-size: 1rem;
}

.avq-card__content[b-h30j8k1o16] {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.avq-card__top[b-h30j8k1o16] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: var(--space-12);
    margin-bottom: var(--space-16);
}

.avq-card__top h3[b-h30j8k1o16] {
    margin: 0;
}

.avq-dob[b-h30j8k1o16] {
    display: flex;
    align-items: center;
    gap: var(--space-4);
    color: var(--on-surface-variant);
    font-size: 0.8125rem;
    margin: var(--space-4) 0 0;
}

.avq-email[b-h30j8k1o16] {
    display: flex;
    align-items: center;
    gap: var(--space-4);
    color: var(--on-surface-variant);
    font-size: 0.8125rem;
    margin: var(--space-4) 0 0;
}

.avq-email .material-symbols-outlined[b-h30j8k1o16] {
    font-size: 1rem;
}

.avq-dob .material-symbols-outlined[b-h30j8k1o16] {
    font-size: 1rem;
}

.avq-submitted[b-h30j8k1o16] {
    flex-shrink: 0;
    background-color: var(--surface-container-highest);
    border-radius: var(--radius-sm);
    padding: var(--space-4) var(--space-8);
    font-size: 0.6875rem;
    color: var(--on-surface-variant);
}

.avq-links[b-h30j8k1o16] {
    margin-bottom: auto;
}

.avq-links__label[b-h30j8k1o16] {
    color: var(--outline);
    font-size: 0.6875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin: 0 0 var(--space-8);
}

.avq-links__row[b-h30j8k1o16] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-8);
}

.avq-link[b-h30j8k1o16] {
    display: flex;
    align-items: center;
    gap: var(--space-8);
    background-color: var(--surface-container);
    border: 1px solid color-mix(in srgb, var(--outline-variant) 15%, transparent);
    border-radius: var(--radius-full);
    padding: var(--space-8) var(--space-12);
    font-size: 0.8125rem;
    color: var(--on-surface);
    text-decoration: none;
}

.avq-link__tag[b-h30j8k1o16] {
    font-weight: 800;
    color: var(--primary);
}

.avq-actions[b-h30j8k1o16] {
    display: flex;
    gap: var(--space-12);
    margin-top: var(--space-20);
    padding-top: var(--space-20);
    box-shadow: inset 0 1px 0 color-mix(in srgb, var(--outline-variant) 12%, transparent);
}

.avq-btn[b-h30j8k1o16] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-8);
    padding: var(--space-12);
    border-radius: var(--radius-default);
    border: 1px solid transparent;
    font-weight: 700;
    font-size: 0.875rem;
    cursor: pointer;
    transition: background-color 0.15s ease, color 0.15s ease;
}

.avq-btn--reject[b-h30j8k1o16] {
    background-color: var(--surface-container);
    color: var(--error);
    border-color: color-mix(in srgb, var(--error) 20%, transparent);
}

.avq-btn--reject:hover[b-h30j8k1o16] {
    background-color: color-mix(in srgb, var(--error) 15%, transparent);
}

.avq-btn--approve[b-h30j8k1o16] {
    background-color: color-mix(in srgb, var(--primary) 12%, transparent);
    color: var(--primary);
    border-color: color-mix(in srgb, var(--primary) 25%, transparent);
}

.avq-btn--approve:hover[b-h30j8k1o16] {
    background-color: color-mix(in srgb, var(--primary) 22%, transparent);
}

@media (min-width: 700px) {
    .avq-header[b-h30j8k1o16] {
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-end;
    }

    .avq-card[b-h30j8k1o16] {
        flex-direction: row;
    }

    .avq-card__photo-col[b-h30j8k1o16] {
        flex-direction: column;
        width: 8rem;
        flex-shrink: 0;
    }

    .avq-card__photo[b-h30j8k1o16] {
        width: 100%;
        height: auto;
        aspect-ratio: 1;
    }
}

@media (min-width: 1200px) {
    .avq-grid[b-h30j8k1o16] {
        grid-template-columns: repeat(2, 1fr);
    }
}
/* /Components/Pages/Branch/BranchDashboard.razor.rz.scp.css */
.bd-hero[b-pfun0n7g4u] {
    position: relative;
    padding: var(--space-24) 0;
    margin-bottom: var(--space-24);
}

.bd-hero__eyebrow[b-pfun0n7g4u] {
    display: flex;
    align-items: center;
    gap: var(--space-12);
    margin-bottom: var(--space-8);
}

.bd-hero__brand[b-pfun0n7g4u] {
    color: var(--primary);
    font-size: 0.8125rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.12em;
}

.bd-hero__dot[b-pfun0n7g4u] {
    width: 1rem;
    height: 1px;
    background-color: var(--outline-variant);
}

.bd-hero__eyebrow span:last-child[b-pfun0n7g4u] {
    color: var(--on-surface-variant);
    font-size: 0.8125rem;
}

.bd-hero__title[b-pfun0n7g4u] {
    font-size: 2.5rem;
    line-height: 1.1;
    margin: 0;
}

.bd-hero__gradient[b-pfun0n7g4u] {
    background-image: linear-gradient(to right, var(--primary), var(--secondary));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.bd-stats[b-pfun0n7g4u] {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--space-16);
    margin-bottom: var(--space-24);
}

.bd-stat[b-pfun0n7g4u] {
    background-color: var(--surface-container-low);
    border: 1px solid color-mix(in srgb, var(--primary) 16%, transparent);
    border-radius: var(--radius-lg);
    padding: var(--space-24);
    display: flex;
    flex-direction: column;
    gap: var(--space-16);
}

.bd-stat__icon[b-pfun0n7g4u] {
    width: 3rem;
    height: 3rem;
    border-radius: var(--radius-full);
    background-color: var(--surface-container-highest);
    color: var(--primary);
    display: flex;
    align-items: center;
    justify-content: center;
}

.bd-stat__label[b-pfun0n7g4u] {
    color: var(--on-surface-variant);
    font-size: 0.875rem;
}

.bd-stat__value[b-pfun0n7g4u] {
    font-size: 2.25rem;
    font-weight: 800;
    margin-top: calc(-1 * var(--space-12));
}

.bd-stat__value--primary[b-pfun0n7g4u] {
    color: var(--primary);
}

.bd-stat__value--secondary[b-pfun0n7g4u] {
    color: var(--secondary);
}

.bd-section h3[b-pfun0n7g4u] {
    font-size: 1.375rem;
    margin: 0 0 var(--space-16);
}

.bd-empty[b-pfun0n7g4u] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: var(--space-8);
    padding: 4rem var(--space-24);
    color: var(--on-surface-variant);
    border: 2px dashed var(--outline-variant);
    border-radius: var(--radius-lg);
}

.bd-empty .material-symbols-outlined[b-pfun0n7g4u] {
    font-size: 2.5rem;
    color: var(--primary);
    margin-bottom: var(--space-8);
}

.bd-empty h4[b-pfun0n7g4u] {
    color: var(--on-surface);
    margin: 0;
}

.bd-grid[b-pfun0n7g4u] {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--space-20);
}

.bd-card[b-pfun0n7g4u] {
    background-color: var(--surface-container-low);
    border: 1px solid color-mix(in srgb, var(--primary) 20%, transparent);
    border-radius: var(--radius-lg);
    overflow: hidden;
    box-shadow: 0 8px 20px color-mix(in srgb, var(--secondary) 12%, transparent);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.bd-card:hover[b-pfun0n7g4u] {
    transform: translateY(-4px);
    box-shadow: 0 16px 36px color-mix(in srgb, var(--secondary) 22%, transparent);
}

.bd-card--muted[b-pfun0n7g4u] {
    opacity: 0.7;
}

.bd-card__cover[b-pfun0n7g4u] {
    height: 10rem;
    background-color: var(--surface-container-high);
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: flex-start;
    padding: var(--space-16);
    box-sizing: border-box;
}

.bd-card__badge[b-pfun0n7g4u] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-8);
    padding: var(--space-4) var(--space-16);
    border-radius: var(--radius-full);
    font-size: 0.6875rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    backdrop-filter: blur(6px);
    background-color: color-mix(in srgb, var(--surface) 60%, transparent);
    color: var(--on-surface);
}

.bd-card__badge-dot[b-pfun0n7g4u] {
    width: 0.5rem;
    height: 0.5rem;
    border-radius: var(--radius-full);
    background-color: var(--outline);
}

.bd-card__badge--active .bd-card__badge-dot[b-pfun0n7g4u] {
    background-color: var(--status-success);
    box-shadow: 0 0 6px var(--status-success);
}

.bd-card__badge--ended[b-pfun0n7g4u] {
    color: var(--on-surface-variant);
}

.bd-card__badge--canceled[b-pfun0n7g4u] {
    color: var(--error);
}

.bd-card__badge--canceled .bd-card__badge-dot[b-pfun0n7g4u] {
    background-color: var(--error);
}

.bd-card__body[b-pfun0n7g4u] {
    padding: var(--space-20);
}

.bd-card__body h4[b-pfun0n7g4u] {
    margin: 0 0 var(--space-8);
}

.bd-card__body p[b-pfun0n7g4u] {
    color: var(--on-surface-variant);
    font-size: 0.8125rem;
    line-height: 1.5;
    margin: 0 0 var(--space-16);
    min-height: 2.25rem;
}

.bd-card__qr-btn[b-pfun0n7g4u] {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-8);
    background-image: linear-gradient(135deg, var(--primary), var(--secondary));
    color: var(--on-primary);
    border: none;
    border-radius: var(--radius-default);
    padding: var(--space-12);
    font-weight: 700;
    font-size: 0.875rem;
    cursor: pointer;
}

.bd-card__qr-btn--disabled[b-pfun0n7g4u] {
    background-image: none;
    background-color: var(--surface-container-high);
    color: var(--on-surface-variant);
    cursor: not-allowed;
}

@media (min-width: 700px) {
    .bd-stats[b-pfun0n7g4u] {
        grid-template-columns: repeat(3, 1fr);
    }

    .bd-grid[b-pfun0n7g4u] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1100px) {
    .bd-grid[b-pfun0n7g4u] {
        grid-template-columns: repeat(3, 1fr);
    }
}
/* /Components/Pages/Branch/BranchQr.razor.rz.scp.css */
.bq-empty[b-nea60ml3ky] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: var(--space-8);
    padding: 4rem var(--space-24);
    color: var(--on-surface-variant);
    border: 2px dashed var(--outline-variant);
    border-radius: var(--radius-lg);
}

.bq-empty .material-symbols-outlined[b-nea60ml3ky] {
    font-size: 2.5rem;
    color: var(--primary);
    margin-bottom: var(--space-8);
}

.bq-empty h4[b-nea60ml3ky] {
    color: var(--on-surface);
    margin: 0;
}

.bq-stage[b-nea60ml3ky] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: var(--space-24) 0;
}

.bq-picker[b-nea60ml3ky] {
    position: relative;
    display: flex;
    align-items: center;
    gap: var(--space-12);
    background-color: color-mix(in srgb, var(--surface-container) 60%, transparent);
    backdrop-filter: blur(20px);
    border: 1px solid color-mix(in srgb, var(--outline-variant) 15%, transparent);
    border-radius: var(--radius-full);
    padding: var(--space-8) var(--space-20) var(--space-8) var(--space-8);
    margin-bottom: var(--space-32);
    cursor: pointer;
}

.bq-picker__icon[b-nea60ml3ky] {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: var(--radius-default);
    background-image: linear-gradient(135deg, color-mix(in srgb, var(--primary) 25%, transparent), color-mix(in srgb, var(--secondary) 20%, transparent));
    color: var(--primary);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.bq-picker__text[b-nea60ml3ky] {
    display: flex;
    flex-direction: column;
    line-height: 1.2;
}

.bq-picker__label[b-nea60ml3ky] {
    color: var(--on-surface-variant);
    font-size: 0.6875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.bq-picker__value[b-nea60ml3ky] {
    color: var(--on-surface);
    font-weight: 700;
    font-size: 0.875rem;
}

.bq-picker__chevron[b-nea60ml3ky] {
    color: var(--on-surface-variant);
}

.bq-picker__select[b-nea60ml3ky] {
    position: absolute;
    inset: 0;
    opacity: 0;
    cursor: pointer;
    width: 100%;
    height: 100%;
}

.bq-card[b-nea60ml3ky] {
    position: relative;
    max-width: 30rem;
    width: 100%;
    background-color: color-mix(in srgb, var(--surface-container) 60%, transparent);
    backdrop-filter: blur(20px);
    border: 1px solid color-mix(in srgb, var(--outline-variant) 15%, transparent);
    border-radius: var(--radius-lg);
    padding: var(--space-48, 3rem) var(--space-32);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
}

.bq-card h1[b-nea60ml3ky] {
    font-size: 2rem;
    margin: 0 0 var(--space-16);
}

.bq-card__hint[b-nea60ml3ky] {
    color: var(--on-surface-variant);
    max-width: 22rem;
    line-height: 1.5;
    margin: 0 0 var(--space-32);
}

.bq-qr-frame[b-nea60ml3ky] {
    background-color: white;
    padding: var(--space-24);
    border-radius: var(--radius-lg);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.6);
    margin-bottom: var(--space-24);
}

.bq-qr-frame img[b-nea60ml3ky] {
    width: 14rem;
    height: 14rem;
    display: block;
}

.bq-card__footer[b-nea60ml3ky] {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: color-mix(in srgb, var(--surface-container-low) 50%, transparent);
    border-radius: var(--radius-default);
    padding: var(--space-16);
}

.bq-card__footer-text[b-nea60ml3ky] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.bq-card__campaign[b-nea60ml3ky] {
    font-weight: 700;
    font-size: 1.125rem;
    color: var(--on-surface);
}

.bq-card__brand[b-nea60ml3ky] {
    color: var(--primary);
    font-size: 0.875rem;
}

.bq-refresh-btn[b-nea60ml3ky] {
    width: 3rem;
    height: 3rem;
    border-radius: var(--radius-full);
    background-color: var(--surface-container);
    color: var(--on-surface-variant);
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background-color 0.15s ease, color 0.15s ease;
}

.bq-refresh-btn:hover[b-nea60ml3ky] {
    background-color: var(--surface-container-highest);
    color: var(--on-surface);
}

@media (min-width: 700px) {
    .bq-card[b-nea60ml3ky] {
        padding: var(--space-48, 3rem);
    }

    .bq-qr-frame img[b-nea60ml3ky] {
        width: 18rem;
        height: 18rem;
    }
}
/* /Components/Pages/Branch/BranchSettings.razor.rz.scp.css */
.st-header[b-15h4yvnkrl] {
    margin-bottom: var(--space-24);
}

.st-header h2[b-15h4yvnkrl] {
    font-size: 2rem;
    margin: 0 0 var(--space-8);
}

.st-header p[b-15h4yvnkrl] {
    color: var(--on-surface-variant);
    margin: 0;
}

.st-grid[b-15h4yvnkrl] {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--space-20);
}

[b-15h4yvnkrl] .st-card {
    display: flex;
    flex-direction: column;
    gap: var(--space-16);
}

[b-15h4yvnkrl] .st-card h3 {
    margin: 0;
    font-size: 1.25rem;
}

.st-success[b-15h4yvnkrl] {
    background-color: color-mix(in srgb, var(--status-success) 12%, transparent);
    color: var(--status-success);
    border-radius: var(--radius-default);
    padding: var(--space-12) var(--space-16);
    font-size: 0.875rem;
    font-weight: 600;
}

.st-avatar-picker[b-15h4yvnkrl] {
    display: flex;
    align-items: center;
    gap: var(--space-16);
}

.st-avatar-picker__preview[b-15h4yvnkrl] {
    width: 4rem;
    height: 4rem;
    border-radius: var(--radius-full);
    background-color: var(--surface-container-high);
    color: var(--on-surface-variant);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    flex-shrink: 0;
}

.st-avatar-picker__preview img[b-15h4yvnkrl] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.st-avatar-picker__btn[b-15h4yvnkrl] {
    display: flex;
    align-items: center;
    gap: var(--space-8);
    background-color: var(--surface-container-high);
    color: var(--on-surface);
    border-radius: var(--radius-default);
    padding: var(--space-8) var(--space-16);
    font-size: 0.8125rem;
    font-weight: 700;
    cursor: pointer;
}

.st-avatar-picker__btn:hover[b-15h4yvnkrl] {
    color: var(--primary);
}

.st-avatar-picker__btn[b-15h4yvnkrl]  input[type="file"] {
    display: none;
}

.st-field[b-15h4yvnkrl] {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
}

.st-field label[b-15h4yvnkrl] {
    font-size: 0.6875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--primary);
}

.st-field input[b-15h4yvnkrl] {
    width: 100%;
    box-sizing: border-box;
    background-color: var(--surface-container-high);
    border: none;
    border-radius: var(--radius-default);
    padding: var(--space-12);
    color: var(--on-surface);
    font-family: var(--font-body);
    font-size: 0.9375rem;
}

.st-field input:disabled[b-15h4yvnkrl] {
    opacity: 0.6;
    cursor: not-allowed;
}

.st-field__hint[b-15h4yvnkrl] {
    color: var(--outline);
    font-size: 0.75rem;
}

@media (min-width: 900px) {
    .st-grid[b-15h4yvnkrl] {
        grid-template-columns: 1fr 1fr;
    }
}
/* /Components/Pages/Branch/BranchVisits.razor.rz.scp.css */
.bv-header[b-k4u85knr14] {
    margin-bottom: var(--space-24);
}

.bv-header h2[b-k4u85knr14] {
    font-size: 2rem;
    margin: 0 0 var(--space-8);
}

.bv-header p[b-k4u85knr14] {
    color: var(--on-surface-variant);
    max-width: 32rem;
    margin: 0;
}

.bv-toolbar[b-k4u85knr14] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-12);
    margin-bottom: var(--space-24);
}

.bv-search[b-k4u85knr14] {
    flex: 1;
    min-width: 16rem;
    position: relative;
    display: flex;
    align-items: center;
}

.bv-search .material-symbols-outlined[b-k4u85knr14] {
    position: absolute;
    left: var(--space-16);
    color: var(--outline);
    font-size: 1.125rem;
}

.bv-search input[b-k4u85knr14] {
    width: 100%;
    box-sizing: border-box;
    background-color: var(--surface-container-high);
    border: none;
    border-radius: var(--radius-full);
    padding: var(--space-12) var(--space-16) var(--space-12) 2.75rem;
    color: var(--on-surface);
    font-family: var(--font-body);
}

.bv-filter[b-k4u85knr14] {
    background-color: var(--surface-container-high);
    border: none;
    border-radius: var(--radius-full);
    padding: var(--space-12) var(--space-20);
    color: var(--on-surface);
    font-family: var(--font-body);
    font-size: 0.8125rem;
    font-weight: 700;
    cursor: pointer;
}

.bv-empty[b-k4u85knr14] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: var(--space-8);
    padding: 4rem var(--space-24);
    color: var(--on-surface-variant);
    border: 2px dashed var(--outline-variant);
    border-radius: var(--radius-lg);
}

.bv-empty .material-symbols-outlined[b-k4u85knr14] {
    font-size: 2.5rem;
    color: var(--primary);
    margin-bottom: var(--space-8);
}

.bv-empty h4[b-k4u85knr14] {
    color: var(--on-surface);
    margin: 0;
}

.bv-table-wrap[b-k4u85knr14] {
    background-color: var(--surface-container-low);
    border: 1px solid color-mix(in srgb, var(--primary) 16%, transparent);
    border-radius: var(--radius-lg);
    overflow: hidden;
    overflow-x: auto;
}

.bv-table[b-k4u85knr14] {
    width: 100%;
    border-collapse: collapse;
    min-width: 34rem;
}

.bv-table thead[b-k4u85knr14] {
    background-color: color-mix(in srgb, var(--surface-container-high) 50%, transparent);
}

.bv-table th[b-k4u85knr14] {
    text-align: left;
    color: var(--outline);
    font-size: 0.6875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    padding: var(--space-16) var(--space-24);
}

.bv-table td[b-k4u85knr14] {
    padding: var(--space-16) var(--space-24);
    border-top: 1px solid color-mix(in srgb, var(--outline-variant) 10%, transparent);
    font-size: 0.875rem;
}

.bv-influencer[b-k4u85knr14] {
    display: flex;
    align-items: center;
    gap: var(--space-12);
    font-weight: 600;
}

.bv-avatar[b-k4u85knr14] {
    width: 2rem;
    height: 2rem;
    border-radius: var(--radius-full);
    background-color: var(--surface-container-highest);
    color: var(--primary);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: 0.75rem;
    flex-shrink: 0;
}

.bv-table__status-head[b-k4u85knr14] {
    text-align: right;
}

.bv-table__status-cell[b-k4u85knr14] {
    text-align: right;
}

.bv-status-pill[b-k4u85knr14] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-8);
    background-color: color-mix(in srgb, var(--secondary) 12%, transparent);
    color: var(--secondary);
    border: 1px solid color-mix(in srgb, var(--secondary) 22%, transparent);
    border-radius: var(--radius-default);
    padding: var(--space-4) var(--space-12);
    font-size: 0.75rem;
    font-weight: 700;
}

.bv-status-pill__dot[b-k4u85knr14] {
    width: 0.375rem;
    height: 0.375rem;
    border-radius: var(--radius-full);
    background-color: var(--secondary);
    box-shadow: 0 0 6px var(--secondary);
}

.bv-table__footer[b-k4u85knr14] {
    padding: var(--space-16) var(--space-24);
    border-top: 1px solid color-mix(in srgb, var(--outline-variant) 10%, transparent);
    color: var(--outline);
    font-size: 0.75rem;
}
/* /Components/Pages/Client/AllCampaigns.razor.rz.scp.css */
.ac-header[b-ryfc62jam8] {
    display: flex;
    flex-direction: column;
    gap: var(--space-16);
    margin-bottom: var(--space-24);
}

.ac-header h2[b-ryfc62jam8] {
    font-size: 2rem;
    margin: 0 0 var(--space-8);
}

.ac-header p[b-ryfc62jam8] {
    color: var(--on-surface-variant);
    max-width: 32rem;
    margin: 0;
}

.ac-header__actions[b-ryfc62jam8] {
    display: flex;
    gap: var(--space-12);
}

.ac-search[b-ryfc62jam8] {
    flex: 1;
    position: relative;
    display: flex;
    align-items: center;
}

.ac-search .material-symbols-outlined[b-ryfc62jam8] {
    position: absolute;
    left: var(--space-16);
    color: var(--outline);
    font-size: 1.125rem;
}

.ac-search input[b-ryfc62jam8] {
    width: 100%;
    box-sizing: border-box;
    background-color: var(--surface-container-high);
    border: none;
    border-radius: var(--radius-full);
    padding: var(--space-12) var(--space-16) var(--space-12) 2.75rem;
    color: var(--on-surface);
    font-family: var(--font-body);
}

.ac-filter-btn[b-ryfc62jam8] {
    background-color: var(--surface-container-high);
    border: none;
    border-radius: var(--radius-full);
    width: 3rem;
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--on-surface);
    cursor: pointer;
    flex-shrink: 0;
}

.ac-grid[b-ryfc62jam8] {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--space-24);
}

.ac-card[b-ryfc62jam8] {
    background-color: var(--surface-container-low);
    border-radius: var(--radius-lg);
    overflow: hidden;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    border: 1px solid color-mix(in srgb, var(--primary) 20%, transparent);
    box-shadow: 0 8px 20px color-mix(in srgb, var(--secondary) 12%, transparent);
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.ac-card:hover[b-ryfc62jam8] {
    transform: translateY(-4px);
    border-color: color-mix(in srgb, var(--primary) 45%, transparent);
    box-shadow: 0 16px 36px color-mix(in srgb, var(--secondary) 22%, transparent);
}

.ac-card__cover[b-ryfc62jam8] {
    height: 12rem;
    background-color: var(--surface-container-high);
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: flex-start;
    padding: var(--space-16);
    box-sizing: border-box;
}

.ac-card__badge[b-ryfc62jam8] {
    padding: var(--space-4) var(--space-16);
    border-radius: var(--radius-full);
    font-size: 0.6875rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    backdrop-filter: blur(6px);
}

.ac-card__badge--active[b-ryfc62jam8],
.ac-card__badge--draft[b-ryfc62jam8] {
    background-color: color-mix(in srgb, var(--status-success) 20%, transparent);
    color: var(--status-success);
}

.ac-card__badge--ended[b-ryfc62jam8] {
    background-color: color-mix(in srgb, var(--surface-container-highest) 90%, transparent);
    color: var(--on-surface-variant);
}

.ac-card__badge--canceled[b-ryfc62jam8] {
    background-color: color-mix(in srgb, var(--error) 20%, transparent);
    color: var(--error);
}

.ac-card__body[b-ryfc62jam8] {
    padding: var(--space-24);
    flex: 1;
    display: flex;
    flex-direction: column;
}

.ac-card__body h3[b-ryfc62jam8] {
    font-size: 1.375rem;
    margin: 0 0 var(--space-4);
}

.ac-card__branch[b-ryfc62jam8] {
    display: flex;
    align-items: center;
    gap: var(--space-4);
    color: var(--on-surface-variant);
    font-size: 0.875rem;
    margin: 0 0 var(--space-16);
}

.ac-card__branch .material-symbols-outlined[b-ryfc62jam8] {
    font-size: 1rem;
}

.ac-card__desc[b-ryfc62jam8] {
    color: var(--on-surface-variant);
    line-height: 1.5;
    margin: 0 0 var(--space-24);
    flex: 1;
}

.ac-card__footer[b-ryfc62jam8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-12);
}

.ac-card__footer-label[b-ryfc62jam8] {
    display: block;
    color: var(--on-surface-variant);
    font-size: 0.6875rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.ac-card__footer-count strong[b-ryfc62jam8] {
    font-size: 1.25rem;
}

.ac-card__footer-count span[b-ryfc62jam8] {
    color: var(--outline);
    font-size: 0.8125rem;
}

.ac-card__cta[b-ryfc62jam8] {
    background-color: var(--surface-container-highest);
    color: var(--primary);
    border: none;
    border-radius: var(--radius-full);
    padding: var(--space-8) var(--space-16);
    font-weight: 700;
    font-size: 0.8125rem;
    cursor: pointer;
    flex-shrink: 0;
}

.ac-card--new[b-ryfc62jam8] {
    align-items: center;
    justify-content: center;
    text-align: center;
    border: 2px dashed var(--outline-variant);
    background-color: transparent;
    box-shadow: none;
    padding: var(--space-32);
    min-height: 22rem;
    color: var(--primary);
}

.ac-card--new:hover[b-ryfc62jam8] {
    border-color: color-mix(in srgb, var(--primary) 45%, transparent);
}

.ac-card--new .material-symbols-outlined[b-ryfc62jam8] {
    font-size: 2.5rem;
    margin-bottom: var(--space-16);
}

.ac-card--new h3[b-ryfc62jam8] {
    color: var(--on-surface);
    margin: 0 0 var(--space-8);
}

.ac-card--new p[b-ryfc62jam8] {
    color: var(--on-surface-variant);
    max-width: 12rem;
    margin: 0;
}

@media (min-width: 900px) {
    .ac-header[b-ryfc62jam8] {
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-end;
    }

    .ac-header__actions[b-ryfc62jam8] {
        flex-shrink: 0;
    }

    .ac-search input[b-ryfc62jam8] {
        width: 16rem;
    }

    .ac-grid[b-ryfc62jam8] {
        grid-template-columns: repeat(3, 1fr);
    }
}
/* /Components/Pages/Client/Analytics.razor.rz.scp.css */
.an-header[b-klcmnx0r7z] {
    margin-bottom: var(--space-24);
}

.an-header h2[b-klcmnx0r7z] {
    font-size: 2rem;
    margin: 0 0 var(--space-8);
}

.an-header p[b-klcmnx0r7z] {
    color: var(--on-surface-variant);
    margin: 0;
}

.an-kpis[b-klcmnx0r7z] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-16);
    margin-bottom: var(--space-24);
}

.an-kpi[b-klcmnx0r7z] {
    background-color: var(--surface-container-low);
    border: 1px solid color-mix(in srgb, var(--primary) 16%, transparent);
    border-radius: var(--radius-lg);
    padding: var(--space-16);
    display: flex;
    flex-direction: column;
    gap: var(--space-8);
}

.an-kpi--accent[b-klcmnx0r7z] {
    border-left: 3px solid var(--primary);
}

.an-kpi__label[b-klcmnx0r7z] {
    color: var(--outline);
    font-size: 0.6875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.an-kpi__value[b-klcmnx0r7z] {
    font-size: 1.75rem;
    font-weight: 800;
}

.an-kpi__value--primary[b-klcmnx0r7z] {
    color: var(--primary);
}

.an-grid[b-klcmnx0r7z] {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--space-16);
    margin-bottom: var(--space-16);
}

.an-card[b-klcmnx0r7z] {
    background-color: var(--surface-container-low);
    border: 1px solid color-mix(in srgb, var(--primary) 16%, transparent);
    border-radius: var(--radius-lg);
    padding: var(--space-24);
}

.an-card h3[b-klcmnx0r7z] {
    margin: 0 0 var(--space-4);
    font-size: 1.125rem;
}

.an-card__sub[b-klcmnx0r7z] {
    color: var(--on-surface-variant);
    font-size: 0.8125rem;
    margin: 0 0 var(--space-16);
}

.an-empty-text[b-klcmnx0r7z] {
    color: var(--on-surface-variant);
    font-size: 0.875rem;
}

.an-bars[b-klcmnx0r7z] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: var(--space-12);
    height: 12rem;
}

.an-bars__col[b-klcmnx0r7z] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-8);
    height: 100%;
}

.an-bars__track[b-klcmnx0r7z] {
    flex: 1;
    width: 100%;
    display: flex;
    align-items: flex-end;
}

.an-bars__fill[b-klcmnx0r7z] {
    width: 100%;
    background-image: linear-gradient(180deg, var(--primary), var(--secondary));
    border-radius: var(--radius-sm) var(--radius-sm) 0 0;
    min-height: 4px;
    transition: height 0.3s ease;
}

.an-bars__value[b-klcmnx0r7z] {
    font-size: 0.75rem;
    font-weight: 700;
}

.an-bars__label[b-klcmnx0r7z] {
    color: var(--outline);
    font-size: 0.625rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.an-platform-list[b-klcmnx0r7z] {
    display: flex;
    flex-direction: column;
    gap: var(--space-16);
}

.an-platform__row[b-klcmnx0r7z] {
    display: flex;
    justify-content: space-between;
    font-size: 0.75rem;
    font-weight: 700;
    margin-bottom: var(--space-8);
}

.an-platform__row span:first-child[b-klcmnx0r7z] {
    display: flex;
    align-items: center;
    gap: var(--space-8);
    color: var(--on-surface-variant);
    letter-spacing: 0.04em;
}

.an-platform__dot[b-klcmnx0r7z] {
    width: 0.5rem;
    height: 0.5rem;
    border-radius: var(--radius-full);
}

.an-platform__dot--instagram[b-klcmnx0r7z], .an-platform__fill--instagram[b-klcmnx0r7z] { background-color: var(--primary); }
.an-platform__dot--tiktok[b-klcmnx0r7z], .an-platform__fill--tiktok[b-klcmnx0r7z] { background-color: var(--secondary); }
.an-platform__dot--facebook[b-klcmnx0r7z], .an-platform__fill--facebook[b-klcmnx0r7z] { background-color: var(--tertiary-dim); }
.an-platform__dot--snapchat[b-klcmnx0r7z], .an-platform__fill--snapchat[b-klcmnx0r7z] { background-color: var(--error-dim); }

.an-platform__track[b-klcmnx0r7z] {
    height: 0.5rem;
    background-color: var(--surface-container-highest);
    border-radius: var(--radius-full);
    overflow: hidden;
}

.an-platform__fill[b-klcmnx0r7z] {
    height: 100%;
    border-radius: var(--radius-full);
}

.an-grid--bottom[b-klcmnx0r7z] {
    margin-bottom: 0;
}

.an-conversion[b-klcmnx0r7z] {
    display: flex;
    align-items: flex-end;
    justify-content: space-around;
    gap: var(--space-16);
    height: 12rem;
    padding-bottom: var(--space-16);
}

.an-conversion__group[b-klcmnx0r7z] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-8);
    height: 100%;
    flex: 1;
}

.an-conversion__bars[b-klcmnx0r7z] {
    flex: 1;
    display: flex;
    align-items: flex-end;
    gap: var(--space-4);
}

.an-conversion__bar[b-klcmnx0r7z] {
    width: 0.875rem;
    border-radius: var(--radius-sm) var(--radius-sm) 0 0;
    min-height: 4px;
}

.an-conversion__bar--muted[b-klcmnx0r7z] {
    background-color: var(--surface-container-highest);
}

.an-conversion__bar--accent[b-klcmnx0r7z] {
    background-image: linear-gradient(180deg, var(--primary), var(--secondary));
}

.an-conversion__label[b-klcmnx0r7z] {
    color: var(--outline);
    font-size: 0.625rem;
    font-weight: 700;
    text-align: center;
    max-width: 5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.an-legend[b-klcmnx0r7z] {
    display: flex;
    gap: var(--space-16);
    justify-content: center;
    font-size: 0.75rem;
    font-weight: 700;
    color: var(--on-surface-variant);
}

.an-legend span[b-klcmnx0r7z] {
    display: flex;
    align-items: center;
    gap: var(--space-8);
}

.an-legend__swatch[b-klcmnx0r7z] {
    width: 0.75rem;
    height: 0.75rem;
    border-radius: var(--radius-sm);
}

.an-legend__swatch--muted[b-klcmnx0r7z] {
    background-color: var(--surface-container-highest);
}

.an-legend__swatch--accent[b-klcmnx0r7z] {
    background-image: linear-gradient(135deg, var(--primary), var(--secondary));
}

.an-side-cards[b-klcmnx0r7z] {
    display: flex;
    flex-direction: column;
    gap: var(--space-16);
}

.an-card--center[b-klcmnx0r7z] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: var(--space-8);
}

.an-icon-badge[b-klcmnx0r7z] {
    width: 3.5rem;
    height: 3.5rem;
    border-radius: var(--radius-full);
    background-color: var(--surface-container-highest);
    color: var(--primary);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: var(--space-8);
}

.an-side-title[b-klcmnx0r7z] {
    color: var(--on-surface);
    font-weight: 800;
    margin: 0;
}

.an-creator-list[b-klcmnx0r7z] {
    display: flex;
    flex-direction: column;
    gap: var(--space-12);
}

.an-creator[b-klcmnx0r7z] {
    display: flex;
    align-items: center;
    gap: var(--space-12);
}

.an-creator__avatar[b-klcmnx0r7z] {
    width: 2rem;
    height: 2rem;
    border-radius: var(--radius-full);
    background-color: var(--surface-container-highest);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--on-surface-variant);
    flex-shrink: 0;
}

.an-creator__avatar .material-symbols-outlined[b-klcmnx0r7z] {
    font-size: 1.125rem;
}

.an-creator__name[b-klcmnx0r7z] {
    flex: 1;
    font-size: 0.875rem;
    font-weight: 600;
}

.an-creator__count[b-klcmnx0r7z] {
    color: var(--primary);
    font-weight: 800;
    font-size: 0.875rem;
}

@media (min-width: 700px) {
    .an-kpis[b-klcmnx0r7z] {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (min-width: 1000px) {
    .an-kpis[b-klcmnx0r7z] {
        grid-template-columns: repeat(5, 1fr);
    }

    .an-grid[b-klcmnx0r7z] {
        grid-template-columns: 2fr 1fr;
    }

    .an-grid--bottom[b-klcmnx0r7z] {
        grid-template-columns: 1fr 1fr;
    }
}
/* /Components/Pages/Client/BranchesAccounts.razor.rz.scp.css */
.br-header[b-7bbmgcwldj] {
    display: flex;
    flex-direction: column;
    gap: var(--space-16);
    margin-bottom: var(--space-24);
}

.br-header h2[b-7bbmgcwldj] {
    font-size: 2rem;
    margin: 0 0 var(--space-8);
}

.br-header p[b-7bbmgcwldj] {
    color: var(--on-surface-variant);
    max-width: 32rem;
    margin: 0;
}

.br-header[b-7bbmgcwldj]  .k-btn {
    display: inline-flex;
    align-items: center;
    gap: var(--space-8);
    width: fit-content;
}

.br-stats[b-7bbmgcwldj] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-16);
    margin-bottom: var(--space-24);
}

.br-stat[b-7bbmgcwldj] {
    background-color: var(--surface-container-low);
    border: 1px solid color-mix(in srgb, var(--primary) 16%, transparent);
    border-radius: var(--radius-lg);
    padding: var(--space-16);
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
}

.br-stat__label[b-7bbmgcwldj] {
    color: var(--outline);
    font-size: 0.6875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.br-stat__value[b-7bbmgcwldj] {
    font-size: 2rem;
    font-weight: 800;
}

.br-stat__value--primary[b-7bbmgcwldj] {
    color: var(--primary);
}

.br-stat__value--secondary[b-7bbmgcwldj] {
    color: var(--secondary);
}

.br-empty[b-7bbmgcwldj] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: var(--space-8);
    padding: 4rem var(--space-24);
    color: var(--on-surface-variant);
    border: 2px dashed var(--outline-variant);
    border-radius: var(--radius-lg);
}

.br-empty .material-symbols-outlined[b-7bbmgcwldj] {
    font-size: 2.5rem;
    color: var(--primary);
    margin-bottom: var(--space-8);
}

.br-empty h3[b-7bbmgcwldj] {
    color: var(--on-surface);
    margin: 0;
}

.br-grid[b-7bbmgcwldj] {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--space-16);
}

.br-card[b-7bbmgcwldj] {
    background-color: var(--surface-container-low);
    border: 1px solid color-mix(in srgb, var(--primary) 16%, transparent);
    border-radius: var(--radius-lg);
    padding: var(--space-24);
}

.br-card__top[b-7bbmgcwldj] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: var(--space-16);
    gap: var(--space-12);
}

.br-card__identity[b-7bbmgcwldj] {
    display: flex;
    align-items: center;
    gap: var(--space-16);
}

.br-card__icon[b-7bbmgcwldj] {
    width: 3.5rem;
    height: 3.5rem;
    border-radius: var(--radius-default);
    background-color: var(--surface-container-high);
    color: var(--primary);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.br-card__identity h3[b-7bbmgcwldj] {
    margin: 0 0 var(--space-4);
}

.br-card__identity p[b-7bbmgcwldj] {
    color: var(--on-surface-variant);
    font-size: 0.875rem;
    margin: 0;
}

.br-badge[b-7bbmgcwldj] {
    padding: var(--space-4) var(--space-12);
    border-radius: var(--radius-full);
    font-size: 0.625rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    flex-shrink: 0;
}

.br-badge--active[b-7bbmgcwldj] {
    background-color: color-mix(in srgb, var(--status-success) 15%, transparent);
    color: var(--status-success);
}

.br-badge--inactive[b-7bbmgcwldj] {
    background-color: var(--surface-container-highest);
    color: var(--on-surface-variant);
}

.br-badge--none[b-7bbmgcwldj] {
    background-color: color-mix(in srgb, var(--outline) 15%, transparent);
    color: var(--outline);
}

.br-card__meta[b-7bbmgcwldj] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-16);
    margin-bottom: var(--space-16);
    padding-bottom: var(--space-16);
    box-shadow: inset 0 -1px 0 color-mix(in srgb, var(--outline-variant) 12%, transparent);
}

.br-card__meta-label[b-7bbmgcwldj] {
    display: block;
    color: var(--outline);
    font-size: 0.625rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin-bottom: var(--space-4);
}

.br-card__meta-value[b-7bbmgcwldj] {
    color: var(--on-surface);
    font-weight: 600;
    font-size: 0.875rem;
}

.br-card__actions[b-7bbmgcwldj] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-8);
}

.br-btn[b-7bbmgcwldj] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-8);
    background-color: var(--surface-container-highest);
    color: var(--on-surface-variant);
    border: none;
    border-radius: var(--radius-default);
    padding: var(--space-8) var(--space-16);
    font-size: 0.75rem;
    font-weight: 700;
    cursor: pointer;
    transition: background-color 0.15s ease, color 0.15s ease;
}

.br-btn .material-symbols-outlined[b-7bbmgcwldj] {
    font-size: 1rem;
}

.br-btn--primary[b-7bbmgcwldj] {
    color: var(--primary);
}

.br-btn--primary:hover[b-7bbmgcwldj] {
    background-color: var(--primary);
    color: var(--on-primary);
}

.br-btn--secondary[b-7bbmgcwldj] {
    color: var(--secondary);
}

.br-btn--secondary:hover[b-7bbmgcwldj] {
    background-color: var(--secondary);
    color: var(--on-primary);
}

.br-btn--ghost[b-7bbmgcwldj] {
    margin-left: auto;
}

.br-btn--ghost:hover[b-7bbmgcwldj] {
    color: var(--on-surface);
}

.br-form[b-7bbmgcwldj] {
    display: flex;
    flex-direction: column;
    gap: var(--space-16);
}

.br-field[b-7bbmgcwldj] {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
}

.br-field label[b-7bbmgcwldj] {
    font-size: 0.6875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--primary);
}

.br-field input[b-7bbmgcwldj],
.br-field select[b-7bbmgcwldj] {
    width: 100%;
    box-sizing: border-box;
    background-color: var(--surface-container-high);
    border: none;
    border-radius: var(--radius-default);
    padding: var(--space-12);
    color: var(--on-surface);
    font-family: var(--font-body);
    font-size: 0.9375rem;
}

.br-row-actions[b-7bbmgcwldj] {
    display: flex;
    gap: var(--space-8);
    justify-content: flex-end;
}

.br-pw-modal[b-7bbmgcwldj] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: var(--space-16);
}

.br-pw-modal__icon[b-7bbmgcwldj] {
    font-size: 2.5rem;
    color: var(--secondary);
    background-color: color-mix(in srgb, var(--secondary) 15%, transparent);
    border-radius: var(--radius-full);
    padding: var(--space-16);
}

.br-pw-modal p[b-7bbmgcwldj] {
    color: var(--on-surface-variant);
    margin: 0;
}

.br-pw-modal__box[b-7bbmgcwldj] {
    width: 100%;
    box-sizing: border-box;
    background-color: var(--surface-container-low);
    border: 1px solid color-mix(in srgb, var(--outline-variant) 15%, transparent);
    border-radius: var(--radius-default);
    padding: var(--space-16);
}

.br-pw-modal__box code[b-7bbmgcwldj] {
    display: block;
    color: var(--secondary);
    font-size: 1.5rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    margin-top: var(--space-8);
}

.br-pw-modal__hint[b-7bbmgcwldj] {
    font-size: 0.75rem;
    color: var(--outline);
}

@media (min-width: 700px) {
    .br-stats[b-7bbmgcwldj] {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (min-width: 1000px) {
    .br-grid[b-7bbmgcwldj] {
        grid-template-columns: repeat(2, 1fr);
    }
}
/* /Components/Pages/Client/BrandsManagement.razor.rz.scp.css */
.bm-header[b-fwgdf09g5p] {
    display: flex;
    flex-direction: column;
    gap: var(--space-16);
    margin-bottom: var(--space-24);
}

.bm-header h2[b-fwgdf09g5p] {
    font-size: 2rem;
    margin: 0 0 var(--space-8);
}

.bm-header p[b-fwgdf09g5p] {
    color: var(--on-surface-variant);
    max-width: 32rem;
    margin: 0;
}

.bm-header[b-fwgdf09g5p]  .k-btn {
    display: inline-flex;
    align-items: center;
    gap: var(--space-8);
    width: fit-content;
}

.bm-stats[b-fwgdf09g5p] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--space-16);
    margin-bottom: var(--space-24);
}

.bm-stat[b-fwgdf09g5p] {
    background-color: var(--surface-container-low);
    border: 1px solid color-mix(in srgb, var(--primary) 16%, transparent);
    border-radius: var(--radius-lg);
    padding: var(--space-16);
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
}

.bm-stat__label[b-fwgdf09g5p] {
    color: var(--outline);
    font-size: 0.6875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.bm-stat__value[b-fwgdf09g5p] {
    font-size: 2rem;
    font-weight: 800;
}

.bm-stat__value--primary[b-fwgdf09g5p] {
    color: var(--primary);
}

.bm-stat__value--secondary[b-fwgdf09g5p] {
    color: var(--secondary);
}

.bm-empty[b-fwgdf09g5p] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: var(--space-8);
    padding: 4rem var(--space-24);
    color: var(--on-surface-variant);
    border: 2px dashed var(--outline-variant);
    border-radius: var(--radius-lg);
}

.bm-empty .material-symbols-outlined[b-fwgdf09g5p] {
    font-size: 2.5rem;
    color: var(--primary);
    margin-bottom: var(--space-8);
}

.bm-empty h3[b-fwgdf09g5p] {
    color: var(--on-surface);
    margin: 0;
}

.bm-grid[b-fwgdf09g5p] {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--space-16);
}

.bm-card[b-fwgdf09g5p] {
    background-color: var(--surface-container-low);
    border: 1px solid color-mix(in srgb, var(--primary) 16%, transparent);
    border-radius: var(--radius-lg);
    padding: var(--space-20);
}

.bm-card__top[b-fwgdf09g5p] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--space-16);
}

.bm-card__icon[b-fwgdf09g5p] {
    width: 3rem;
    height: 3rem;
    border-radius: var(--radius-default);
    background-color: var(--surface-container-high);
    color: var(--primary);
    display: flex;
    align-items: center;
    justify-content: center;
}

.bm-card__icon--logo[b-fwgdf09g5p] {
    overflow: hidden;
    background-color: var(--surface-container-highest);
}

.bm-card__icon--logo img[b-fwgdf09g5p] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.bm-card__code[b-fwgdf09g5p] {
    background-color: color-mix(in srgb, var(--secondary) 18%, transparent);
    color: var(--secondary);
    padding: var(--space-4) var(--space-12);
    border-radius: var(--radius-full);
    font-size: 0.75rem;
    font-weight: 800;
    letter-spacing: 0.06em;
}

.bm-card h3[b-fwgdf09g5p] {
    margin: 0 0 var(--space-16);
}

.bm-card__meta[b-fwgdf09g5p] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-16);
    margin-bottom: var(--space-16);
    padding-bottom: var(--space-16);
    box-shadow: inset 0 -1px 0 color-mix(in srgb, var(--outline-variant) 12%, transparent);
}

.bm-card__meta-label[b-fwgdf09g5p] {
    display: block;
    color: var(--outline);
    font-size: 0.625rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin-bottom: var(--space-4);
}

.bm-card__meta-value[b-fwgdf09g5p] {
    color: var(--on-surface);
    font-weight: 700;
    font-size: 1.125rem;
}

.bm-btn[b-fwgdf09g5p] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-8);
    background-color: var(--surface-container-highest);
    color: var(--on-surface-variant);
    border: none;
    border-radius: var(--radius-default);
    padding: var(--space-8) var(--space-16);
    font-size: 0.75rem;
    font-weight: 700;
    cursor: pointer;
    transition: background-color 0.15s ease, color 0.15s ease;
}

.bm-btn:hover[b-fwgdf09g5p] {
    color: var(--on-surface);
}

.bm-form[b-fwgdf09g5p] {
    display: flex;
    flex-direction: column;
    gap: var(--space-16);
}

.bm-field[b-fwgdf09g5p] {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
}

.bm-field label[b-fwgdf09g5p] {
    font-size: 0.6875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--primary);
}

.bm-field input[b-fwgdf09g5p] {
    width: 100%;
    box-sizing: border-box;
    background-color: var(--surface-container-high);
    border: none;
    border-radius: var(--radius-default);
    padding: var(--space-12);
    color: var(--on-surface);
    font-family: var(--font-body);
    font-size: 0.9375rem;
}

.bm-row-actions[b-fwgdf09g5p] {
    display: flex;
    gap: var(--space-8);
    justify-content: flex-end;
}

.bm-logo-picker[b-fwgdf09g5p] {
    display: flex;
    align-items: center;
    gap: var(--space-16);
}

.bm-logo-picker__preview[b-fwgdf09g5p] {
    width: 3.5rem;
    height: 3.5rem;
    border-radius: var(--radius-default);
    background-color: var(--surface-container-high);
    color: var(--on-surface-variant);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    flex-shrink: 0;
}

.bm-logo-picker__preview img[b-fwgdf09g5p] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.bm-logo-picker__btn[b-fwgdf09g5p] {
    display: flex;
    align-items: center;
    gap: var(--space-8);
    background-color: var(--surface-container-high);
    color: var(--on-surface);
    border-radius: var(--radius-default);
    padding: var(--space-8) var(--space-16);
    font-size: 0.8125rem;
    font-weight: 700;
    cursor: pointer;
}

.bm-logo-picker__btn:hover[b-fwgdf09g5p] {
    color: var(--primary);
}

.bm-logo-picker__btn[b-fwgdf09g5p]  input[type="file"] {
    display: none;
}

@media (min-width: 700px) {
    .bm-grid[b-fwgdf09g5p] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1100px) {
    .bm-grid[b-fwgdf09g5p] {
        grid-template-columns: repeat(3, 1fr);
    }
}
/* /Components/Pages/Client/CampaignDetails.razor.rz.scp.css */
.cd-hero[b-50ghh75948] {
    position: relative;
    height: 20rem;
    border-radius: var(--radius-lg);
    overflow: hidden;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: flex-end;
    padding: var(--space-32);
    box-sizing: border-box;
    margin-bottom: var(--space-24);
    border: 1px solid color-mix(in srgb, var(--primary) 20%, transparent);
    box-shadow: 0 8px 24px color-mix(in srgb, var(--secondary) 14%, transparent);
}

.cd-hero__overlay[b-50ghh75948] {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, var(--surface) 5%, color-mix(in srgb, var(--surface) 55%, transparent) 55%, transparent);
}

.cd-hero__content[b-50ghh75948] {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: var(--space-8);
}

.cd-hero__meta[b-50ghh75948] {
    display: flex;
    align-items: center;
    gap: var(--space-12);
}

.cd-hero__branches[b-50ghh75948] {
    display: flex;
    align-items: center;
    gap: var(--space-4);
    color: var(--on-surface-variant);
    font-size: 0.875rem;
}

.cd-hero__branches .material-symbols-outlined[b-50ghh75948] {
    font-size: 1rem;
}

.cd-hero__title[b-50ghh75948] {
    font-size: 2.5rem;
    margin: 0;
    color: white;
}

.cd-hero__serial[b-50ghh75948] {
    color: var(--on-surface-variant);
    margin: 0;
}

.cd-hero__actions[b-50ghh75948] {
    position: absolute;
    top: var(--space-24);
    right: var(--space-24);
    z-index: 1;
    display: flex;
    align-items: center;
    gap: var(--space-8);
}

.cd-hero__end[b-50ghh75948],
.cd-hero__edit[b-50ghh75948],
.cd-hero__start[b-50ghh75948] {
    display: flex;
    align-items: center;
    gap: var(--space-8);
    backdrop-filter: blur(10px);
    border: none;
    padding: var(--space-12) var(--space-16);
    border-radius: var(--radius-default);
    font-weight: 700;
    cursor: pointer;
    white-space: nowrap;
}

.cd-hero__end[b-50ghh75948] {
    background-color: color-mix(in srgb, var(--error) 18%, transparent);
    color: var(--error);
}

.cd-hero__edit[b-50ghh75948] {
    background-color: color-mix(in srgb, var(--surface) 60%, transparent);
    color: var(--on-surface);
}

.cd-hero__start[b-50ghh75948] {
    background-image: linear-gradient(135deg, var(--primary), var(--secondary));
    color: var(--on-primary);
}

.cd-bento[b-50ghh75948] {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--space-16);
}

.cd-bento__desc[b-50ghh75948],
.cd-bento__timeline[b-50ghh75948] {
    background-color: var(--surface-container-low);
    border: 1px solid color-mix(in srgb, var(--primary) 16%, transparent);
    border-radius: var(--radius-lg);
    padding: var(--space-24);
}

.cd-bento__desc h3[b-50ghh75948],
.cd-bento__timeline h3[b-50ghh75948] {
    margin: 0 0 var(--space-16);
}

.cd-bento__desc-text[b-50ghh75948] {
    color: var(--on-surface-variant);
    line-height: 1.6;
}

.cd-bento__stats-row[b-50ghh75948] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr));
    gap: var(--space-16);
    margin-top: var(--space-24);
    padding-top: var(--space-24);
    box-shadow: inset 0 1px 0 color-mix(in srgb, var(--outline-variant) 12%, transparent);
}

.cd-bento__label[b-50ghh75948] {
    color: var(--outline);
    font-size: 0.6875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin: 0 0 var(--space-8);
}

.cd-bento__icon-row[b-50ghh75948] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-8);
}

.cd-bento__icon-chip[b-50ghh75948] {
    background-color: var(--surface-container-high);
    color: var(--primary);
    border: none;
    border-radius: var(--radius-sm);
    padding: var(--space-8);
    display: flex;
    cursor: pointer;
    transition: background-color 0.15s ease;
}

.cd-bento__icon-chip:hover[b-50ghh75948] {
    background-color: color-mix(in srgb, var(--primary) 20%, transparent);
}

.cd-bento__icon-chip[b-50ghh75948]  svg,
.cd-platform-pill[b-50ghh75948]  svg {
    width: 1.125rem;
    height: 1.125rem;
}

.cd-platform-pills[b-50ghh75948] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-8);
    margin-bottom: var(--space-16);
}

.cd-platform-pill[b-50ghh75948] {
    display: flex;
    align-items: center;
    gap: var(--space-8);
    background-color: var(--surface-container-low);
    border: 1px solid color-mix(in srgb, var(--outline-variant) 15%, transparent);
    border-radius: var(--radius-full);
    padding: var(--space-8) var(--space-16);
    color: var(--on-surface-variant);
    font-size: 0.8125rem;
    font-weight: 700;
    cursor: pointer;
}

.cd-platform-pill--active[b-50ghh75948] {
    background-color: var(--surface-container-highest);
    color: var(--primary);
    border-color: color-mix(in srgb, var(--primary) 30%, transparent);
}

.cd-bento__stat-value[b-50ghh75948] {
    color: var(--on-surface);
    font-weight: 700;
    margin: 0;
}

.cd-timeline[b-50ghh75948] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: var(--space-24);
}

.cd-timeline__line[b-50ghh75948] {
    position: absolute;
    left: 0.375rem;
    top: 0.25rem;
    bottom: 0.25rem;
    width: 2px;
    background-color: color-mix(in srgb, var(--outline-variant) 30%, transparent);
}

.cd-timeline__step[b-50ghh75948] {
    position: relative;
    padding-left: var(--space-32);
}

.cd-timeline__step--pending[b-50ghh75948] {
    opacity: 0.4;
}

.cd-timeline__dot[b-50ghh75948] {
    position: absolute;
    left: 0;
    top: 0.125rem;
    width: 0.875rem;
    height: 0.875rem;
    border-radius: var(--radius-full);
    background-color: var(--outline-variant);
}

.cd-timeline__dot--primary[b-50ghh75948] {
    background-color: var(--primary);
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--primary) 20%, transparent);
}

.cd-timeline__dot--secondary[b-50ghh75948] {
    background-color: var(--secondary);
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--secondary) 20%, transparent);
}

.cd-timeline__dot--ended[b-50ghh75948] {
    background-color: var(--status-success, var(--primary));
}

.cd-timeline__label[b-50ghh75948] {
    color: var(--on-surface);
    font-weight: 700;
    margin: 0;
}

.cd-timeline__date[b-50ghh75948] {
    color: var(--on-surface-variant);
    font-size: 0.875rem;
    margin: 0;
}

.cd-section[b-50ghh75948] {
    display: flex;
    flex-direction: column;
    gap: var(--space-16);
}

.cd-section__header[b-50ghh75948] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.cd-section__header h3[b-50ghh75948] {
    margin: 0;
}

.cd-table-wrap[b-50ghh75948] {
    background-color: var(--surface-container-low);
    border: 1px solid color-mix(in srgb, var(--primary) 16%, transparent);
    border-radius: var(--radius-lg);
    overflow: visible;
}

.cd-table[b-50ghh75948] {
    width: 100%;
    border-collapse: collapse;
}

.cd-table thead[b-50ghh75948] {
    background-color: color-mix(in srgb, var(--surface-container-high) 50%, transparent);
}

/* Corner rounding lives on the header/footer cells themselves instead of
   `overflow: hidden` on the table — that would also clip the platform-icon
   popover, which needs to escape the table's bounding box to stay visible. */
.cd-table thead tr:first-child th:first-child[b-50ghh75948] {
    border-top-left-radius: inherit;
}

.cd-table thead tr:first-child th:last-child[b-50ghh75948] {
    border-top-right-radius: inherit;
}

.cd-table tbody tr:last-child td:first-child[b-50ghh75948] {
    border-bottom-left-radius: inherit;
}

.cd-table tbody tr:last-child td:last-child[b-50ghh75948] {
    border-bottom-right-radius: inherit;
}

.cd-table th[b-50ghh75948] {
    text-align: left;
    color: var(--outline);
    font-size: 0.6875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    padding: var(--space-16) var(--space-24);
}

.cd-table__actions-head[b-50ghh75948] {
    text-align: center;
}

.cd-table td[b-50ghh75948] {
    padding: var(--space-16) var(--space-24);
    border-top: 1px solid color-mix(in srgb, var(--outline-variant) 10%, transparent);
}

.cd-table__empty[b-50ghh75948] {
    color: var(--on-surface-variant);
    text-align: center;
}

.cd-table__influencer[b-50ghh75948] {
    display: flex;
    align-items: center;
    gap: var(--space-12);
}

.cd-table__name[b-50ghh75948] {
    color: var(--on-surface);
    font-weight: 700;
    margin: 0;
}

.cd-table__handle[b-50ghh75948] {
    color: var(--outline);
    font-size: 0.8125rem;
    margin: 0;
}

.cd-table__actions-cell[b-50ghh75948] {
    text-align: center;
}

.cd-avatar[b-50ghh75948] {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: var(--radius-full);
    background-color: var(--surface-container-highest);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--on-surface-variant);
    flex-shrink: 0;
}

.cd-avatar--sm[b-50ghh75948] {
    width: 1.5rem;
    height: 1.5rem;
}

.cd-avatar--sm .material-symbols-outlined[b-50ghh75948] {
    font-size: 1rem;
}

.cd-row-actions[b-50ghh75948] {
    display: flex;
    gap: var(--space-8);
    justify-content: flex-end;
}

.cd-row-actions--footer[b-50ghh75948] {
    justify-content: flex-start;
    padding-top: var(--space-12);
    box-shadow: inset 0 1px 0 color-mix(in srgb, var(--outline-variant) 10%, transparent);
}

.cd-icon-btn[b-50ghh75948] {
    width: 2.25rem;
    height: 2.25rem;
    border-radius: var(--radius-sm);
    border: none;
    background-color: var(--surface-container-highest);
    color: var(--primary);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background-color 0.15s ease, color 0.15s ease;
}

.cd-icon-btn--approve[b-50ghh75948] {
    color: var(--status-success, var(--primary));
}

.cd-icon-btn--approve:hover[b-50ghh75948] {
    background-color: var(--status-success, var(--primary));
    color: var(--on-primary);
}

.cd-icon-btn--reject[b-50ghh75948] {
    color: var(--error);
}

.cd-icon-btn--reject:hover[b-50ghh75948] {
    background-color: var(--error);
    color: var(--on-error);
}

.cd-table__extras-row td[b-50ghh75948] {
    padding-top: 0;
    padding-bottom: var(--space-16);
}

.cd-extras[b-50ghh75948] {
    background-color: var(--surface-container-low);
    border-radius: var(--radius);
    padding: var(--space-12) var(--space-16);
}

.cd-extras__label[b-50ghh75948] {
    font-size: 0.75rem;
    color: var(--on-surface-variant);
    margin: 0 0 var(--space-8);
}

.cd-extras__list[b-50ghh75948] {
    display: flex;
    flex-direction: column;
    gap: var(--space-8);
}

.cd-extras__item[b-50ghh75948] {
    display: flex;
    align-items: center;
    gap: var(--space-8);
    font-size: 0.875rem;
}

.cd-extras__item svg[b-50ghh75948] {
    width: 1rem;
    height: 1rem;
    color: var(--primary);
}

.cd-extras__item .cd-row-actions[b-50ghh75948] {
    margin-left: auto;
}

.cd-deliverable-grid[b-50ghh75948] {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--space-24);
}

.cd-deliverable-card[b-50ghh75948] {
    background-color: var(--surface-container-low);
    border: 1px solid color-mix(in srgb, var(--primary) 20%, transparent);
    border-radius: var(--radius-lg);
    overflow: hidden;
    box-shadow: 0 8px 20px color-mix(in srgb, var(--secondary) 12%, transparent);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.cd-deliverable-card:hover[b-50ghh75948] {
    transform: translateY(-4px);
    box-shadow: 0 16px 36px color-mix(in srgb, var(--secondary) 22%, transparent);
}

.cd-deliverable-card__media[b-50ghh75948] {
    position: relative;
    height: 16rem;
}

.cd-deliverable-card__media img[b-50ghh75948] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cd-deliverable-card__badge[b-50ghh75948] {
    position: absolute;
    top: var(--space-16);
    right: var(--space-16);
    padding: var(--space-4) var(--space-12);
    border-radius: var(--radius-sm);
    background-color: color-mix(in srgb, var(--surface) 60%, transparent);
    backdrop-filter: blur(8px);
    font-size: 0.625rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.cd-deliverable-card__badge--approved[b-50ghh75948] {
    color: var(--status-success, var(--primary));
}

.cd-deliverable-card__badge--submitted[b-50ghh75948] {
    color: var(--secondary);
}

.cd-deliverable-card__badge--changesrequested[b-50ghh75948] {
    color: var(--error);
}

.cd-deliverable-card__badge--pending[b-50ghh75948] {
    color: var(--on-surface-variant);
}

.cd-deliverable-card__influencer[b-50ghh75948] {
    position: absolute;
    bottom: var(--space-16);
    left: var(--space-16);
    display: flex;
    align-items: center;
    gap: var(--space-8);
    background-color: color-mix(in srgb, black 60%, transparent);
    backdrop-filter: blur(8px);
    border-radius: var(--radius-full);
    padding: var(--space-4) var(--space-12) var(--space-4) var(--space-4);
    font-size: 0.75rem;
    font-weight: 600;
    color: white;
}

.cd-deliverable-card__body[b-50ghh75948] {
    padding: var(--space-16);
}

.cd-deliverable-card__tag[b-50ghh75948] {
    color: var(--on-surface-variant);
    font-size: 0.8125rem;
    margin: 0;
    text-transform: capitalize;
}

.cd-deliverable-card__tag-row[b-50ghh75948] {
    display: flex;
    align-items: center;
    gap: var(--space-8);
}

.cd-deliverable-card__comment[b-50ghh75948] {
    color: var(--on-surface-variant);
    font-style: italic;
    margin: var(--space-8) 0 0;
}

.cd-icon-btn[b-50ghh75948]  svg {
    width: 1.125rem;
    height: 1.125rem;
}

.cd-row-actions--wrap[b-50ghh75948] {
    flex-wrap: wrap;
    justify-content: center;
}

.cd-table__influencer--clickable[b-50ghh75948] {
    cursor: pointer;
}

.cd-popover-anchor[b-50ghh75948] {
    position: relative;
    display: inline-flex;
}

.cd-popover[b-50ghh75948] {
    position: absolute;
    top: calc(100% + var(--space-8));
    left: 0;
    z-index: 20;
    min-width: 12rem;
    background-color: var(--surface-container-highest);
    border: 1px solid color-mix(in srgb, var(--primary) 24%, transparent);
    border-radius: var(--radius-default);
    padding: var(--space-12) var(--space-16);
    box-shadow: 0 12px 28px color-mix(in srgb, black 40%, transparent);
}

.cd-popover--left[b-50ghh75948] {
    left: auto;
    right: 0;
}

.cd-popover--up[b-50ghh75948] {
    top: auto;
    bottom: calc(100% + var(--space-8));
}

.cd-review-btn[b-50ghh75948] {
    display: flex;
    align-items: center;
    gap: var(--space-4);
    background-color: color-mix(in srgb, var(--primary) 16%, transparent);
    color: var(--primary);
    border: none;
    border-radius: var(--radius-full);
    padding: var(--space-8) var(--space-16);
    font-weight: 700;
    font-size: 0.8125rem;
    cursor: pointer;
}

.cd-review-btn .material-symbols-outlined[b-50ghh75948] {
    font-size: 1.125rem;
}

.cd-review-extras[b-50ghh75948] {
    display: flex;
    flex-direction: column;
    gap: var(--space-8);
    margin-top: var(--space-8);
}

.cd-review-extra[b-50ghh75948] {
    display: flex;
    align-items: center;
    gap: var(--space-8);
    background-color: var(--surface-container-high);
    border-radius: var(--radius-sm);
    padding: var(--space-8) var(--space-12);
    font-size: 0.875rem;
    cursor: pointer;
}

.cd-review-extra svg[b-50ghh75948] {
    width: 1rem;
    height: 1rem;
    color: var(--primary);
}

.cd-file-btn[b-50ghh75948] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 2.5rem;
    width: 2.5rem;
    flex-shrink: 0;
    background-color: var(--surface-container-highest);
    color: var(--on-surface);
    border-radius: var(--radius-sm);
    padding: 0;
    cursor: pointer;
    overflow: hidden;
    transition: background-color 0.15s ease;
}

.cd-file-btn:hover[b-50ghh75948] {
    background-color: var(--surface-container-high);
}

.cd-file-btn .material-symbols-outlined[b-50ghh75948] {
    font-size: 1.125rem;
}

/* The file input is rendered by Blazor's <InputFile> component, one level
   below this page in the component tree — scoped CSS needs ::deep to reach
   past that boundary, otherwise this rule silently never applies and the
   native "Choose File" control renders unstyled on top of the button. */
.cd-file-btn[b-50ghh75948]  input[type="file"] {
    position: absolute;
    inset: 0;
    width: 100%;
    opacity: 0;
    cursor: pointer;
}

.cd-remove-btn[b-50ghh75948] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-6);
    height: 2.5rem;
    width: 2.5rem;
    flex-shrink: 0;
    background-color: color-mix(in srgb, var(--error) 16%, transparent);
    color: var(--error);
    border: none;
    border-radius: var(--radius-sm);
    padding: 0;
    font-size: 0.8125rem;
    font-weight: 700;
    cursor: pointer;
    transition: background-color 0.15s ease;
}

.cd-remove-btn:hover[b-50ghh75948] {
    background-color: color-mix(in srgb, var(--error) 26%, transparent);
}

.cd-remove-btn .material-symbols-outlined[b-50ghh75948] {
    font-size: 1.125rem;
}

.cd-popover__title[b-50ghh75948] {
    color: var(--outline);
    font-size: 0.6875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin: 0 0 var(--space-8);
    white-space: nowrap;
}

.cd-popover__row[b-50ghh75948] {
    display: flex;
    justify-content: space-between;
    gap: var(--space-16);
    color: var(--on-surface);
    font-size: 0.875rem;
    padding: var(--space-4) 0;
    text-transform: capitalize;
}

.cd-popover__count[b-50ghh75948] {
    color: var(--primary);
    font-weight: 700;
    text-transform: none;
}

.cd-modal-deliverables[b-50ghh75948] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(9rem, 1fr));
    gap: var(--space-12);
    max-height: 24rem;
    overflow-y: auto;
}

.cd-modal-deliverable[b-50ghh75948] {
    cursor: zoom-in;
    border-radius: var(--radius-default);
    overflow: hidden;
    background-color: var(--surface-container-low);
}

.cd-modal-deliverable img[b-50ghh75948] {
    width: 100%;
    height: 7rem;
    object-fit: cover;
    display: block;
}

.cd-modal-deliverable__meta[b-50ghh75948] {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
    padding: var(--space-8);
    font-size: 0.75rem;
    color: var(--on-surface-variant);
    text-transform: capitalize;
}

.cd-viewer[b-50ghh75948] {
    position: fixed;
    inset: 0;
    z-index: 1100;
    background-color: color-mix(in srgb, black 88%, transparent);
    backdrop-filter: blur(6px);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: zoom-out;
}

.cd-viewer__toolbar[b-50ghh75948] {
    position: absolute;
    top: var(--space-24);
    right: var(--space-24);
    display: flex;
    align-items: center;
    gap: var(--space-8);
    background-color: var(--surface-container-highest);
    border-radius: var(--radius-full);
    padding: var(--space-8) var(--space-12);
    color: var(--on-surface);
}

.cd-viewer__toolbar button[b-50ghh75948] {
    background: none;
    border: none;
    color: var(--on-surface);
    display: flex;
    align-items: center;
    cursor: pointer;
}

.cd-viewer__close[b-50ghh75948] {
    color: var(--error);
}

.cd-viewer__stage[b-50ghh75948] {
    width: 90vw;
    height: 80vh;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: auto;
    cursor: default;
}

.cd-viewer__stage img[b-50ghh75948] {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    transition: transform 0.15s ease;
}

@media (min-width: 1000px) {
    .cd-bento[b-50ghh75948] {
        grid-template-columns: 2fr 1fr;
    }

    .cd-deliverable-grid[b-50ghh75948] {
        grid-template-columns: repeat(3, 1fr);
    }
}
/* /Components/Pages/Client/ClientDashboard.razor.rz.scp.css */
.dash-momentum[b-dvq3wmftkp] {
    display: flex;
    flex-direction: column;
    gap: var(--space-24);
    margin-bottom: var(--space-24);
}

.dash-momentum__copy h2[b-dvq3wmftkp] {
    font-size: 2.25rem;
    margin: 0 0 var(--space-12);
}

.dash-momentum__copy p[b-dvq3wmftkp] {
    color: var(--on-surface-variant);
    font-size: 1.0625rem;
    max-width: 40rem;
    margin: 0;
}

.dash-momentum__stats[b-dvq3wmftkp] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-16);
}

.dash-stat-pill[b-dvq3wmftkp] {
    background-color: var(--surface-container);
    border-radius: var(--radius-default);
    padding: var(--space-16) var(--space-24);
    display: flex;
    align-items: center;
    gap: var(--space-16);
}

.dash-stat-pill__icon[b-dvq3wmftkp] {
    width: 2.75rem;
    height: 2.75rem;
    border-radius: var(--radius-default);
    background-color: color-mix(in srgb, var(--primary) 12%, transparent);
    color: var(--primary);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.dash-stat-pill__icon--secondary[b-dvq3wmftkp] {
    background-color: color-mix(in srgb, var(--secondary) 12%, transparent);
    color: var(--secondary);
}

.dash-stat-pill p[b-dvq3wmftkp] {
    margin: 0 0 var(--space-4);
    color: var(--on-surface-variant);
    font-size: 0.6875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.dash-stat-pill strong[b-dvq3wmftkp] {
    font-size: 1.5rem;
    font-family: var(--font-headline);
}

.dash-empty[b-dvq3wmftkp] {
    color: var(--on-surface-variant);
    margin-bottom: var(--space-16);
}

.dash-grid[b-dvq3wmftkp] {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--space-24);
}

.dash-campaign-card[b-dvq3wmftkp] {
    background-color: var(--surface-container-low);
    border-radius: var(--radius-lg);
    overflow: hidden;
    cursor: pointer;
    border: 1px solid color-mix(in srgb, var(--primary) 20%, transparent);
    box-shadow: 0 8px 20px color-mix(in srgb, var(--secondary) 12%, transparent);
    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}

.dash-campaign-card:hover[b-dvq3wmftkp] {
    transform: translateY(-4px);
    border-color: color-mix(in srgb, var(--primary) 45%, transparent);
    box-shadow: 0 16px 36px color-mix(in srgb, var(--secondary) 22%, transparent);
}

.dash-campaign-card__cover[b-dvq3wmftkp] {
    height: 12rem;
    background-color: var(--surface-container-high);
    background-size: cover;
    background-position: center;
    position: relative;
    display: flex;
    align-items: flex-start;
    padding: var(--space-16);
    box-sizing: border-box;
}

.dash-campaign-card__cover[b-dvq3wmftkp]::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, color-mix(in srgb, var(--surface-container-low) 70%, transparent), transparent 60%);
}

.dash-campaign-card__badge[b-dvq3wmftkp] {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    gap: var(--space-8);
    background-color: color-mix(in srgb, var(--primary-container) 80%, transparent);
    color: var(--on-primary-container);
    padding: var(--space-4) var(--space-12);
    border-radius: var(--radius-full);
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: capitalize;
}

.dash-campaign-card__dot[b-dvq3wmftkp] {
    width: 0.4rem;
    height: 0.4rem;
    border-radius: 50%;
    background-color: var(--on-primary-container);
}

.dash-campaign-card__body[b-dvq3wmftkp] {
    padding: var(--space-24);
}

.dash-campaign-card__header[b-dvq3wmftkp] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: var(--space-16);
}

.dash-campaign-card__header h3[b-dvq3wmftkp] {
    font-size: 1.25rem;
    margin: 0 0 var(--space-4);
}

.dash-campaign-card__meta[b-dvq3wmftkp] {
    display: flex;
    align-items: center;
    gap: var(--space-4);
    color: var(--outline);
    font-size: 0.8125rem;
    margin: 0;
}

.dash-campaign-card__meta .material-symbols-outlined[b-dvq3wmftkp] {
    font-size: 1rem;
}

.dash-campaign-card__more[b-dvq3wmftkp] {
    color: var(--outline);
    flex-shrink: 0;
}

.dash-campaign-card__stats[b-dvq3wmftkp] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-12);
    margin-bottom: var(--space-16);
}

.dash-campaign-card__stat[b-dvq3wmftkp] {
    background-color: color-mix(in srgb, var(--surface-container-high) 60%, transparent);
    border-radius: var(--radius-default);
    padding: var(--space-12);
}

.dash-campaign-card__stat p[b-dvq3wmftkp] {
    margin: 0 0 var(--space-4);
    color: var(--outline);
    font-size: 0.625rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.dash-campaign-card__stat strong[b-dvq3wmftkp] {
    font-size: 1.5rem;
}

.dash-campaign-card__stat--primary[b-dvq3wmftkp] {
    color: var(--primary);
}

.dash-campaign-card__cta[b-dvq3wmftkp] {
    width: 100%;
    padding: var(--space-12);
    background-color: var(--surface-container-highest);
    color: var(--on-surface);
    border: none;
    border-radius: var(--radius-default);
    font-weight: 700;
    font-size: 0.9375rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-8);
    cursor: pointer;
    transition: background-color 0.15s ease;
}

.dash-campaign-card__cta:hover[b-dvq3wmftkp] {
    background-color: var(--surface-container-high);
}

.dash-promo[b-dvq3wmftkp] {
    margin-top: var(--space-32);
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--space-16);
}

.dash-promo__main[b-dvq3wmftkp] {
    background-color: var(--surface-container);
    border-radius: var(--radius-lg);
    padding: var(--space-32);
}

.dash-promo__main h3[b-dvq3wmftkp] {
    font-size: 1.75rem;
    line-height: 1.2;
    margin: 0 0 var(--space-16);
}

.dash-promo__main p[b-dvq3wmftkp] {
    color: var(--on-surface-variant);
    max-width: 28rem;
    margin-bottom: var(--space-24);
}

.dash-promo__side[b-dvq3wmftkp] {
    display: flex;
    flex-direction: column;
    gap: var(--space-16);
}

.dash-promo__card[b-dvq3wmftkp] {
    background-color: var(--surface-container-high);
    border-radius: var(--radius-default);
    padding: var(--space-24);
    flex: 1;
}

.dash-promo__card .material-symbols-outlined[b-dvq3wmftkp] {
    color: var(--tertiary);
    font-size: 1.75rem;
    display: block;
    margin-bottom: var(--space-12);
}

.dash-promo__card h4[b-dvq3wmftkp] {
    margin: 0 0 var(--space-8);
}

.dash-promo__card p[b-dvq3wmftkp] {
    color: var(--outline);
    font-size: 0.875rem;
    margin: 0;
}

.dash-fab[b-dvq3wmftkp] {
    position: fixed;
    bottom: var(--space-32);
    right: var(--space-32);
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    border: none;
    background-image: linear-gradient(135deg, var(--primary), var(--secondary));
    color: var(--on-primary-fixed);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: var(--shadow-ambient);
    z-index: 50;
}

.dash-fab .material-symbols-outlined[b-dvq3wmftkp] {
    font-size: 2rem;
}

.dash-fab__tooltip[b-dvq3wmftkp] {
    position: absolute;
    right: 5rem;
    background-color: var(--surface-container-high);
    color: var(--on-surface);
    padding: var(--space-8) var(--space-16);
    border-radius: var(--radius-default);
    font-size: 0.875rem;
    font-weight: 700;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s ease;
}

.dash-fab:hover .dash-fab__tooltip[b-dvq3wmftkp] {
    opacity: 1;
}

@media (min-width: 900px) {
    .dash-momentum[b-dvq3wmftkp] {
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-end;
    }

    .dash-grid[b-dvq3wmftkp] {
        grid-template-columns: repeat(3, 1fr);
    }

    .dash-promo[b-dvq3wmftkp] {
        grid-template-columns: 7fr 5fr;
        align-items: stretch;
    }

    .dash-promo__side[b-dvq3wmftkp] {
        flex-direction: row;
    }
}
/* /Components/Pages/Client/ClientSettings.razor.rz.scp.css */
.st-header[b-xmd1ppm0k2] {
    margin-bottom: var(--space-24);
}

.st-header h2[b-xmd1ppm0k2] {
    font-size: 2rem;
    margin: 0 0 var(--space-8);
}

.st-header p[b-xmd1ppm0k2] {
    color: var(--on-surface-variant);
    margin: 0;
}

.st-grid[b-xmd1ppm0k2] {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--space-20);
}

[b-xmd1ppm0k2] .st-card {
    display: flex;
    flex-direction: column;
    gap: var(--space-16);
}

[b-xmd1ppm0k2] .st-card h3 {
    margin: 0;
    font-size: 1.25rem;
}

.st-success[b-xmd1ppm0k2] {
    background-color: color-mix(in srgb, var(--status-success) 12%, transparent);
    color: var(--status-success);
    border-radius: var(--radius-default);
    padding: var(--space-12) var(--space-16);
    font-size: 0.875rem;
    font-weight: 600;
}

.st-avatar-picker[b-xmd1ppm0k2] {
    display: flex;
    align-items: center;
    gap: var(--space-16);
}

.st-avatar-picker__preview[b-xmd1ppm0k2] {
    width: 4rem;
    height: 4rem;
    border-radius: var(--radius-full);
    background-color: var(--surface-container-high);
    color: var(--on-surface-variant);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    flex-shrink: 0;
}

.st-avatar-picker__preview img[b-xmd1ppm0k2] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.st-avatar-picker__btn[b-xmd1ppm0k2] {
    display: flex;
    align-items: center;
    gap: var(--space-8);
    background-color: var(--surface-container-high);
    color: var(--on-surface);
    border-radius: var(--radius-default);
    padding: var(--space-8) var(--space-16);
    font-size: 0.8125rem;
    font-weight: 700;
    cursor: pointer;
}

.st-avatar-picker__btn:hover[b-xmd1ppm0k2] {
    color: var(--primary);
}

.st-avatar-picker__btn[b-xmd1ppm0k2]  input[type="file"] {
    display: none;
}

.st-field[b-xmd1ppm0k2] {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
}

.st-field label[b-xmd1ppm0k2] {
    font-size: 0.6875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--primary);
}

.st-field input[b-xmd1ppm0k2] {
    width: 100%;
    box-sizing: border-box;
    background-color: var(--surface-container-high);
    border: none;
    border-radius: var(--radius-default);
    padding: var(--space-12);
    color: var(--on-surface);
    font-family: var(--font-body);
    font-size: 0.9375rem;
}

.st-field input:disabled[b-xmd1ppm0k2] {
    opacity: 0.6;
    cursor: not-allowed;
}

.st-field__hint[b-xmd1ppm0k2] {
    color: var(--outline);
    font-size: 0.75rem;
}

@media (min-width: 900px) {
    .st-grid[b-xmd1ppm0k2] {
        grid-template-columns: 1fr 1fr;
    }
}
/* /Components/Pages/Client/CreateCampaign.razor.rz.scp.css */
.cc-header[b-w2uk2m1tqr] {
    display: flex;
    flex-direction: column;
    gap: var(--space-16);
    margin-bottom: var(--space-24);
}

.cc-header h2[b-w2uk2m1tqr] {
    font-size: 2rem;
    margin: 0 0 var(--space-8);
}

.cc-header p[b-w2uk2m1tqr] {
    color: var(--on-surface-variant);
    max-width: 32rem;
    margin: 0;
}

.cc-header__actions[b-w2uk2m1tqr] {
    display: flex;
    gap: var(--space-12);
}

.cc-layout[b-w2uk2m1tqr] {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--space-24);
    align-items: start;
}

.cc-cover__frame[b-w2uk2m1tqr] {
    aspect-ratio: 4 / 5;
    border-radius: var(--radius-lg);
    background-color: var(--surface-container);
    background-size: cover;
    background-position: center;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: var(--space-24);
    box-sizing: border-box;
}

.cc-cover__frame[b-w2uk2m1tqr]::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: var(--radius-lg);
    background: linear-gradient(to top, rgba(0, 0, 0, 0.85), transparent 65%);
}

.cc-cover__replace[b-w2uk2m1tqr] {
    position: relative;
    z-index: 1;
    width: fit-content;
    display: flex;
    align-items: center;
    gap: var(--space-8);
    background-color: color-mix(in srgb, white 10%, transparent);
    backdrop-filter: blur(10px);
    color: white;
    padding: var(--space-8) var(--space-16);
    border-radius: var(--radius-full);
    font-size: 0.75rem;
    font-weight: 700;
    cursor: pointer;
    margin-bottom: var(--space-12);
}

.cc-cover__replace[b-w2uk2m1tqr]  input[type="file"] {
    display: none;
}

.cc-cover__hint[b-w2uk2m1tqr] {
    position: relative;
    z-index: 1;
    color: color-mix(in srgb, white 60%, transparent);
    font-size: 0.75rem;
    margin: 0;
}

.cc-main[b-w2uk2m1tqr] {
    display: flex;
    flex-direction: column;
    gap: var(--space-16);
}

[b-w2uk2m1tqr] .cc-card {
    display: flex;
    flex-direction: column;
    gap: var(--space-16);
}

.cc-field[b-w2uk2m1tqr] {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
}

.cc-field label[b-w2uk2m1tqr] {
    font-size: 0.6875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--primary);
}

.cc-field input[b-w2uk2m1tqr],
.cc-field select[b-w2uk2m1tqr],
.cc-field textarea[b-w2uk2m1tqr] {
    width: 100%;
    box-sizing: border-box;
    background-color: var(--surface-container-high);
    border: none;
    border-radius: var(--radius-default);
    padding: var(--space-12);
    color: var(--on-surface);
    font-family: var(--font-body);
    font-size: 0.9375rem;
}

.create-campaign__checklist[b-w2uk2m1tqr] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-12);
}

.create-campaign__check[b-w2uk2m1tqr] {
    display: flex;
    align-items: center;
    gap: var(--space-8);
    font-size: 0.9375rem;
    cursor: pointer;
}

.cc-card__header[b-w2uk2m1tqr] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.cc-card__header h3[b-w2uk2m1tqr] {
    margin: 0;
    font-size: 1.25rem;
}

.cc-badge[b-w2uk2m1tqr] {
    background-color: color-mix(in srgb, var(--secondary) 20%, transparent);
    color: var(--secondary);
    padding: var(--space-4) var(--space-12);
    border-radius: var(--radius-full);
    font-size: 0.625rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.cc-platforms[b-w2uk2m1tqr] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--space-12);
}

.cc-platform[b-w2uk2m1tqr] {
    background-color: var(--surface-container-high);
    border: 2px solid transparent;
    border-radius: var(--radius-default);
    padding: var(--space-16) var(--space-8);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-8);
    color: var(--on-surface-variant);
    cursor: pointer;
    transition: color 0.15s ease, border-color 0.15s ease;
}

.cc-platform[b-w2uk2m1tqr]  svg {
    width: 1.5rem;
    height: 1.5rem;
}

.cc-platform span:last-child[b-w2uk2m1tqr] {
    font-size: 0.625rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.cc-platform--active[b-w2uk2m1tqr] {
    border-color: color-mix(in srgb, var(--primary) 40%, transparent);
    color: var(--primary);
}

.cc-deliverables[b-w2uk2m1tqr] {
    margin-top: var(--space-16);
    padding-top: var(--space-16);
    box-shadow: inset 0 1px 0 color-mix(in srgb, var(--outline-variant) 12%, transparent);
    display: flex;
    flex-direction: column;
    gap: var(--space-12);
}

.cc-deliverables__label[b-w2uk2m1tqr] {
    color: var(--on-surface-variant);
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin: 0;
}

.cc-deliverable-row[b-w2uk2m1tqr] {
    display: flex;
    align-items: center;
    gap: var(--space-16);
    background-color: var(--surface-container-high);
    border-radius: var(--radius-default);
    padding: var(--space-12) var(--space-16);
    cursor: pointer;
}

.cc-deliverable-row__icon[b-w2uk2m1tqr] {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: var(--radius-default);
    background-color: color-mix(in srgb, var(--primary) 12%, transparent);
    color: var(--primary);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.cc-deliverable-row__text[b-w2uk2m1tqr] {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.cc-deliverable-row__text strong[b-w2uk2m1tqr] {
    font-size: 0.875rem;
}

.cc-deliverable-row__text span[b-w2uk2m1tqr] {
    font-size: 0.6875rem;
    color: var(--on-surface-variant);
}

.cc-deliverable-row input[type="checkbox"][b-w2uk2m1tqr] {
    width: 1.25rem;
    height: 1.25rem;
    accent-color: var(--primary);
}

.cc-two-col[b-w2uk2m1tqr] {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--space-16);
}

[b-w2uk2m1tqr] .cc-two-col > .k-card h4 {
    display: flex;
    align-items: center;
    gap: var(--space-8);
    font-size: 0.9375rem;
    margin: 0 0 var(--space-16);
}

.cc-date-row[b-w2uk2m1tqr] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-12);
}

.cc-summary-row[b-w2uk2m1tqr] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.9375rem;
    margin-bottom: var(--space-8);
}

.cc-summary-row strong[b-w2uk2m1tqr] {
    font-size: 1.125rem;
}

.cc-summary-row--muted[b-w2uk2m1tqr] {
    color: var(--on-surface-variant);
    font-size: 0.75rem;
    margin-top: var(--space-8);
    margin-bottom: 0;
}

.cc-summary-bar[b-w2uk2m1tqr] {
    height: 0.5rem;
    background-color: var(--surface-container-high);
    border-radius: var(--radius-full);
    overflow: hidden;
}

.cc-summary-bar span[b-w2uk2m1tqr] {
    display: block;
    height: 100%;
    background-image: linear-gradient(135deg, var(--primary), var(--secondary));
    transition: width 0.3s ease;
}

.cc-sub-warning[b-w2uk2m1tqr] {
    display: flex;
    align-items: center;
    gap: var(--space-16);
    background-color: color-mix(in srgb, var(--status-warning) 10%, transparent);
    border: 1px solid color-mix(in srgb, var(--status-warning) 30%, transparent);
    border-radius: var(--radius-default);
    padding: var(--space-16) var(--space-20);
    margin-bottom: var(--space-24);
    color: var(--status-warning);
}

.cc-sub-warning .material-symbols-outlined[b-w2uk2m1tqr] {
    font-size: 1.5rem;
    flex-shrink: 0;
}

.cc-sub-warning strong[b-w2uk2m1tqr] {
    display: block;
    color: var(--on-surface);
    font-size: 0.9375rem;
}

.cc-sub-warning p[b-w2uk2m1tqr] {
    margin: var(--space-4) 0 0;
    font-size: 0.8125rem;
    color: var(--on-surface-variant);
}

.cc-sub-warning__link[b-w2uk2m1tqr] {
    margin-left: auto;
    flex-shrink: 0;
    background-color: var(--status-warning);
    color: var(--surface);
    border-radius: var(--radius-default);
    padding: var(--space-8) var(--space-16);
    font-size: 0.8125rem;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
}

select:disabled[b-w2uk2m1tqr] {
    opacity: 0.6;
    cursor: not-allowed;
}

@media (min-width: 1000px) {
    .cc-layout[b-w2uk2m1tqr] {
        grid-template-columns: 5fr 7fr;
    }

    .cc-two-col[b-w2uk2m1tqr] {
        grid-template-columns: 1fr 1fr;
    }
}
/* /Components/Pages/Client/InfluencersDirectory.razor.rz.scp.css */
.infd-header[b-rdvasribqz] {
    margin-bottom: var(--space-24);
}

.infd-header h2[b-rdvasribqz] {
    font-size: 2rem;
    margin: 0 0 var(--space-8);
}

.infd-header p[b-rdvasribqz] {
    color: var(--on-surface-variant);
    max-width: 40rem;
    margin: 0;
}

.infd-toolbar[b-rdvasribqz] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-12);
    margin-bottom: var(--space-24);
}

.infd-search[b-rdvasribqz] {
    flex: 1;
    min-width: 16rem;
    position: relative;
    display: flex;
    align-items: center;
}

.infd-search .material-symbols-outlined[b-rdvasribqz] {
    position: absolute;
    left: var(--space-16);
    color: var(--outline);
    font-size: 1.125rem;
}

.infd-search input[b-rdvasribqz] {
    width: 100%;
    box-sizing: border-box;
    background-color: var(--surface-container-high);
    border: none;
    border-radius: var(--radius-full);
    padding: var(--space-12) var(--space-16) var(--space-12) 2.75rem;
    color: var(--on-surface);
    font-family: var(--font-body);
}

.infd-filter[b-rdvasribqz] {
    background-color: var(--surface-container-high);
    border: none;
    border-radius: var(--radius-full);
    padding: var(--space-12) var(--space-16);
    color: var(--on-surface);
    font-family: var(--font-body);
    font-size: 0.8125rem;
    font-weight: 700;
    cursor: pointer;
}

.infd-empty[b-rdvasribqz] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: var(--space-8);
    padding: var(--space-64, 4rem) var(--space-24);
    color: var(--on-surface-variant);
    border: 2px dashed var(--outline-variant);
    border-radius: var(--radius-lg);
}

.infd-empty .material-symbols-outlined[b-rdvasribqz] {
    font-size: 2.5rem;
    color: var(--primary);
    margin-bottom: var(--space-8);
}

.infd-empty h3[b-rdvasribqz] {
    color: var(--on-surface);
    margin: 0;
}

.infd-empty p[b-rdvasribqz] {
    max-width: 24rem;
    margin: 0;
}

.infd-grid[b-rdvasribqz] {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--space-16);
}

.infd-card[b-rdvasribqz] {
    background-color: var(--surface-container-low);
    border: 1px solid color-mix(in srgb, var(--primary) 20%, transparent);
    border-radius: var(--radius-lg);
    padding: var(--space-16);
    cursor: pointer;
    box-shadow: 0 8px 20px color-mix(in srgb, var(--secondary) 12%, transparent);
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.infd-card:hover[b-rdvasribqz] {
    transform: translateY(-4px);
    border-color: color-mix(in srgb, var(--primary) 45%, transparent);
    box-shadow: 0 16px 36px color-mix(in srgb, var(--secondary) 22%, transparent);
}

.infd-card__top[b-rdvasribqz] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: var(--space-16);
}

.infd-avatar-wrap[b-rdvasribqz] {
    position: relative;
}

.infd-avatar[b-rdvasribqz] {
    width: 3.5rem;
    height: 3.5rem;
    border-radius: var(--radius-default);
    background-color: var(--surface-container-high);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--on-surface-variant);
}

.infd-verified[b-rdvasribqz] {
    position: absolute;
    bottom: -0.375rem;
    right: -0.375rem;
    background-color: var(--surface);
    border-radius: var(--radius-sm);
    padding: 0.125rem;
    color: var(--primary);
    display: flex;
}

.infd-verified .material-symbols-outlined[b-rdvasribqz] {
    font-size: 1.125rem;
}

.infd-badge[b-rdvasribqz] {
    padding: var(--space-4) var(--space-12);
    border-radius: var(--radius-full);
    font-size: 0.625rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.infd-badge--active[b-rdvasribqz] {
    background-color: color-mix(in srgb, var(--status-success) 15%, transparent);
    color: var(--status-success);
}

.infd-badge--suspended[b-rdvasribqz] {
    background-color: var(--surface-container-highest);
    color: var(--on-surface-variant);
}

.infd-badge--banned[b-rdvasribqz] {
    background-color: color-mix(in srgb, var(--error) 18%, transparent);
    color: var(--error);
}

.infd-card h3[b-rdvasribqz] {
    margin: 0 0 var(--space-4);
    font-size: 1.125rem;
}

.infd-handle[b-rdvasribqz] {
    color: var(--on-surface-variant);
    font-size: 0.875rem;
    margin: 0 0 var(--space-16);
}

.infd-stats[b-rdvasribqz] {
    display: flex;
    align-items: center;
    gap: var(--space-8);
    color: var(--on-surface-variant);
    font-size: 0.8125rem;
    font-weight: 700;
    margin-bottom: var(--space-16);
}

.infd-star[b-rdvasribqz] {
    color: var(--primary);
    font-size: 1rem;
    font-variation-settings: 'FILL' 1;
}

.infd-stats__divider[b-rdvasribqz] {
    width: 1px;
    height: 0.75rem;
    background-color: var(--outline-variant);
}

.infd-actions[b-rdvasribqz] {
    display: flex;
    gap: var(--space-8);
}

.infd-btn[b-rdvasribqz] {
    flex: 1;
    padding: var(--space-8) var(--space-12);
    border-radius: var(--radius-default);
    border: none;
    font-size: 0.75rem;
    font-weight: 700;
    cursor: pointer;
    background-color: var(--surface-container-highest);
    color: var(--on-surface);
    transition: background-color 0.15s ease, color 0.15s ease;
}

.infd-btn--warn:hover[b-rdvasribqz] {
    background-color: color-mix(in srgb, var(--status-warning) 18%, transparent);
    color: var(--status-warning);
}

.infd-btn--danger:hover[b-rdvasribqz] {
    background-color: var(--error);
    color: var(--on-error);
}

.infd-btn--primary[b-rdvasribqz] {
    background-color: var(--primary);
    color: var(--on-primary);
}

.infd-detail[b-rdvasribqz] {
    display: flex;
    flex-direction: column;
    gap: var(--space-24);
}

.infd-detail__stats[b-rdvasribqz] {
    display: flex;
    justify-content: space-around;
    text-align: center;
    padding: var(--space-16) 0;
    box-shadow: inset 0 -1px 0 color-mix(in srgb, var(--outline-variant) 12%, transparent);
}

.infd-detail__value[b-rdvasribqz] {
    font-size: 1.25rem;
    font-weight: 800;
    margin: 0;
}

.infd-detail__label[b-rdvasribqz] {
    color: var(--outline);
    font-size: 0.6875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin: var(--space-4) 0 0;
}

.infd-detail__links[b-rdvasribqz] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-12);
}

.infd-detail__link[b-rdvasribqz] {
    display: flex;
    align-items: center;
    gap: var(--space-8);
    background-color: var(--surface-container-high);
    border-radius: var(--radius-default);
    padding: var(--space-12);
    color: var(--on-surface);
    font-size: 0.8125rem;
    font-weight: 700;
    text-decoration: none;
}

@media (min-width: 700px) {
    .infd-grid[b-rdvasribqz] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1100px) {
    .infd-grid[b-rdvasribqz] {
        grid-template-columns: repeat(3, 1fr);
    }
}
/* /Components/Pages/Client/Reports.razor.rz.scp.css */
.rp-header[b-57qbft6xx0] {
    display: flex;
    flex-direction: column;
    gap: var(--space-16);
    margin-bottom: var(--space-16);
}

.rp-header h2[b-57qbft6xx0] {
    font-size: 2rem;
    margin: 0 0 var(--space-8);
}

.rp-header p[b-57qbft6xx0] {
    color: var(--on-surface-variant);
    margin: 0;
}

.rp-filters[b-57qbft6xx0] {
    display: flex;
    gap: var(--space-16);
    background-color: var(--surface-container-low);
    border: 1px solid color-mix(in srgb, var(--outline-variant) 12%, transparent);
    border-radius: var(--radius-default);
    padding: var(--space-16);
    width: fit-content;
}

.rp-field[b-57qbft6xx0] {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
}

.rp-field label[b-57qbft6xx0] {
    font-size: 0.625rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--outline);
}

.rp-field select[b-57qbft6xx0] {
    background-color: var(--surface-container-high);
    border: none;
    border-radius: var(--radius-default);
    padding: var(--space-8) var(--space-16);
    color: var(--on-surface);
    font-size: 0.875rem;
    cursor: pointer;
}

.rp-count[b-57qbft6xx0] {
    color: var(--outline);
    font-size: 0.75rem;
    font-weight: 700;
    margin-bottom: var(--space-16);
}

.rp-empty[b-57qbft6xx0] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: var(--space-8);
    padding: 4rem var(--space-24);
    color: var(--on-surface-variant);
    border: 2px dashed var(--outline-variant);
    border-radius: var(--radius-lg);
}

.rp-empty .material-symbols-outlined[b-57qbft6xx0] {
    font-size: 2.5rem;
    color: var(--primary);
    margin-bottom: var(--space-8);
}

.rp-empty h3[b-57qbft6xx0] {
    color: var(--on-surface);
    margin: 0;
}

.rp-table-wrap[b-57qbft6xx0] {
    background-color: var(--surface-container-low);
    border: 1px solid color-mix(in srgb, var(--primary) 16%, transparent);
    border-radius: var(--radius-lg);
    overflow: hidden;
    overflow-x: auto;
}

.rp-table[b-57qbft6xx0] {
    width: 100%;
    border-collapse: collapse;
    min-width: 50rem;
}

.rp-table thead[b-57qbft6xx0] {
    background-color: color-mix(in srgb, var(--surface-container-high) 50%, transparent);
}

.rp-table th[b-57qbft6xx0] {
    text-align: left;
    color: var(--outline);
    font-size: 0.6875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    padding: var(--space-16) var(--space-16);
    white-space: nowrap;
}

.rp-table td[b-57qbft6xx0] {
    padding: var(--space-16) var(--space-16);
    border-top: 1px solid color-mix(in srgb, var(--outline-variant) 10%, transparent);
    vertical-align: middle;
}

.rp-table tbody tr[b-57qbft6xx0] {
    cursor: pointer;
    transition: background-color 0.15s ease;
}

.rp-table tbody tr:hover[b-57qbft6xx0] {
    background-color: var(--surface-container-high);
}

.rp-table__status-head[b-57qbft6xx0] {
    text-align: right;
}

.rp-campaign[b-57qbft6xx0] {
    display: flex;
    align-items: center;
    gap: var(--space-12);
}

.rp-campaign__cover[b-57qbft6xx0] {
    width: 3rem;
    height: 3rem;
    border-radius: var(--radius-sm);
    background-color: var(--surface-container-high);
    background-size: cover;
    background-position: center;
    flex-shrink: 0;
}

.rp-campaign__name[b-57qbft6xx0] {
    color: var(--on-surface);
    font-weight: 700;
    margin: 0;
    white-space: nowrap;
}

.rp-campaign__id[b-57qbft6xx0] {
    color: var(--outline);
    font-size: 0.6875rem;
    margin: 0;
}

.rp-brand[b-57qbft6xx0] {
    color: var(--on-surface);
    font-weight: 600;
    font-size: 0.875rem;
    margin: 0;
}

.rp-branch[b-57qbft6xx0] {
    color: var(--outline);
    font-size: 0.75rem;
    margin: 0;
}

.rp-influencers[b-57qbft6xx0] {
    font-size: 0.8125rem;
    font-weight: 700;
    color: var(--primary);
    margin: 0;
}

.rp-influencers--muted[b-57qbft6xx0] {
    font-size: 0.6875rem;
    color: var(--outline);
    margin: 0;
}

.rp-progress[b-57qbft6xx0] {
    display: flex;
    align-items: center;
    gap: var(--space-12);
}

.rp-progress__track[b-57qbft6xx0] {
    width: 6rem;
    height: 0.375rem;
    background-color: var(--surface-container-high);
    border-radius: var(--radius-full);
    overflow: hidden;
}

.rp-progress__fill[b-57qbft6xx0] {
    height: 100%;
    background-image: linear-gradient(90deg, var(--primary), var(--secondary));
}

.rp-progress span[b-57qbft6xx0] {
    font-size: 0.75rem;
    font-weight: 700;
}

.rp-bento[b-57qbft6xx0] {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--space-16);
    margin-top: var(--space-24);
}

.rp-bento__card[b-57qbft6xx0] {
    background-color: var(--surface-container-low);
    border: 1px solid color-mix(in srgb, var(--outline-variant) 12%, transparent);
    border-radius: var(--radius-lg);
    padding: var(--space-16);
}

.rp-bento__top[b-57qbft6xx0] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--space-12);
}

.rp-bento__top span:first-child[b-57qbft6xx0] {
    color: var(--outline);
    font-size: 0.6875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.rp-bento__top .material-symbols-outlined[b-57qbft6xx0] {
    color: var(--primary);
}

.rp-bento__value[b-57qbft6xx0] {
    font-size: 1.75rem;
    font-weight: 800;
    margin: 0;
}

@media (min-width: 700px) {
    .rp-bento[b-57qbft6xx0] {
        grid-template-columns: repeat(3, 1fr);
    }
}
/* /Components/Pages/Client/Subscription.razor.rz.scp.css */
.sub-header[b-ae8daaugyc] {
    margin-bottom: var(--space-32);
}

.sub-header h1[b-ae8daaugyc] {
    font-size: 2.5rem;
    margin: 0 0 var(--space-16);
}

.sub-header__accent[b-ae8daaugyc] {
    background-image: linear-gradient(90deg, var(--primary), var(--secondary));
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.sub-header p[b-ae8daaugyc] {
    color: var(--on-surface-variant);
    max-width: 36rem;
    margin: 0;
}

.sub-grid[b-ae8daaugyc] {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--space-16);
    margin-bottom: var(--space-48, 3rem);
}

.sub-card[b-ae8daaugyc] {
    background-color: var(--surface-container-low);
    border: 1px solid color-mix(in srgb, var(--primary) 16%, transparent);
    border-radius: var(--radius-lg);
    padding: var(--space-24);
}

.sub-card__top[b-ae8daaugyc] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: var(--space-16);
}

.sub-card__eyebrow[b-ae8daaugyc] {
    display: block;
    color: var(--primary);
    font-size: 0.6875rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin-bottom: var(--space-8);
}

.sub-card__top h3[b-ae8daaugyc] {
    margin: 0;
    font-size: 1.375rem;
}

.sub-card__icon[b-ae8daaugyc] {
    background-color: var(--surface-container-highest);
    color: var(--primary);
    border-radius: var(--radius-sm);
    padding: var(--space-8);
    display: flex;
}

.sub-card__rows[b-ae8daaugyc] {
    display: flex;
    flex-direction: column;
    gap: var(--space-12);
    margin-bottom: var(--space-16);
}

.sub-card__rows div[b-ae8daaugyc] {
    display: flex;
    justify-content: space-between;
    font-size: 0.875rem;
}

.sub-card__rows span[b-ae8daaugyc] {
    color: var(--on-surface-variant);
}

.sub-card__expiry--soon[b-ae8daaugyc] {
    color: var(--error);
}

.sub-card__empty[b-ae8daaugyc] {
    color: var(--on-surface-variant);
    font-size: 0.875rem;
    line-height: 1.5;
    margin: 0 0 var(--space-16);
}

.sub-btn[b-ae8daaugyc] {
    width: 100%;
    box-sizing: border-box;
    background-color: var(--surface-container-highest);
    border: none;
    border-radius: var(--radius-default);
    padding: var(--space-16);
    color: var(--on-surface);
    font-weight: 700;
    font-size: 0.875rem;
    cursor: pointer;
    transition: background-color 0.15s ease;
}

.sub-btn:hover[b-ae8daaugyc] {
    background-color: var(--surface-bright, var(--surface-container-highest));
}

.sub-btn--primary[b-ae8daaugyc] {
    background-image: linear-gradient(135deg, var(--primary), var(--secondary));
    color: var(--on-primary);
}

.sub-card--new[b-ae8daaugyc] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    border: 2px dashed var(--outline-variant);
    background-color: transparent;
    cursor: pointer;
    min-height: 12rem;
    color: var(--on-surface);
}

.sub-card--new:hover[b-ae8daaugyc] {
    border-color: color-mix(in srgb, var(--primary) 45%, transparent);
}

.sub-card--new .material-symbols-outlined[b-ae8daaugyc] {
    font-size: 2rem;
    color: var(--on-surface-variant);
    margin-bottom: var(--space-12);
}

.sub-card--new h4[b-ae8daaugyc] {
    margin: 0 0 var(--space-4);
}

.sub-card--new p[b-ae8daaugyc] {
    color: var(--on-surface-variant);
    font-size: 0.8125rem;
    margin: 0;
}

.sub-billing h2[b-ae8daaugyc] {
    font-size: 1.75rem;
    margin: 0 0 var(--space-4);
}

.sub-billing__sub[b-ae8daaugyc] {
    color: var(--on-surface-variant);
    font-size: 0.875rem;
    margin: 0 0 var(--space-16);
}

.sub-empty[b-ae8daaugyc] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-8);
    padding: var(--space-32);
    color: var(--on-surface-variant);
    border: 2px dashed var(--outline-variant);
    border-radius: var(--radius-lg);
}

.sub-empty .material-symbols-outlined[b-ae8daaugyc] {
    font-size: 2rem;
    color: var(--primary);
}

.sub-table-wrap[b-ae8daaugyc] {
    background-color: var(--surface-container-low);
    border: 1px solid color-mix(in srgb, var(--primary) 16%, transparent);
    border-radius: var(--radius-lg);
    overflow: hidden;
    overflow-x: auto;
}

.sub-table[b-ae8daaugyc] {
    width: 100%;
    border-collapse: collapse;
    min-width: 40rem;
}

.sub-table thead[b-ae8daaugyc] {
    background-color: color-mix(in srgb, var(--surface-container-high) 50%, transparent);
}

.sub-table th[b-ae8daaugyc] {
    text-align: left;
    color: var(--outline);
    font-size: 0.6875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    padding: var(--space-16) var(--space-24);
}

.sub-table td[b-ae8daaugyc] {
    padding: var(--space-16) var(--space-24);
    border-top: 1px solid color-mix(in srgb, var(--outline-variant) 10%, transparent);
    font-size: 0.875rem;
}

.sub-tier-pill[b-ae8daaugyc] {
    background-color: color-mix(in srgb, var(--primary) 12%, transparent);
    color: var(--primary);
    padding: var(--space-4) var(--space-12);
    border-radius: var(--radius-full);
    font-size: 0.6875rem;
    font-weight: 800;
    text-transform: uppercase;
}

.sub-table__amount[b-ae8daaugyc] {
    font-family: monospace;
}

.sub-status[b-ae8daaugyc] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-8);
    font-weight: 700;
    font-size: 0.75rem;
}

.sub-status__dot[b-ae8daaugyc] {
    width: 0.375rem;
    height: 0.375rem;
    border-radius: var(--radius-full);
}

.sub-status--active[b-ae8daaugyc] {
    color: var(--status-success);
}

.sub-status--active .sub-status__dot[b-ae8daaugyc] {
    background-color: var(--status-success);
}

.sub-status--expired[b-ae8daaugyc] {
    color: var(--on-surface-variant);
}

.sub-status--expired .sub-status__dot[b-ae8daaugyc] {
    background-color: var(--outline);
}

.sub-tiers[b-ae8daaugyc] {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--space-16);
}

.sub-tier[b-ae8daaugyc] {
    background-color: var(--surface-container-high);
    border-radius: var(--radius-default);
    padding: var(--space-16);
    display: flex;
    flex-direction: column;
    gap: var(--space-8);
}

.sub-tier__name[b-ae8daaugyc] {
    color: var(--secondary);
    font-size: 0.6875rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.sub-tier__price[b-ae8daaugyc] {
    font-size: 1.75rem;
    font-weight: 800;
    margin: 0;
}

.sub-tier__price span[b-ae8daaugyc] {
    font-size: 0.8125rem;
    font-weight: 400;
    color: var(--on-surface-variant);
}

.sub-tier__desc[b-ae8daaugyc] {
    color: var(--on-surface-variant);
    font-size: 0.8125rem;
    margin: 0;
}

.sub-tier__points[b-ae8daaugyc] {
    color: var(--primary);
    font-weight: 700;
    font-size: 0.8125rem;
    margin: 0 0 var(--space-8);
}

.sub-form[b-ae8daaugyc] {
    display: flex;
    flex-direction: column;
    gap: var(--space-16);
}

.sub-field[b-ae8daaugyc] {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
}

.sub-field label[b-ae8daaugyc] {
    font-size: 0.6875rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    color: var(--primary);
}

.sub-field input[b-ae8daaugyc] {
    width: 100%;
    box-sizing: border-box;
    background-color: var(--surface-container-high);
    border: none;
    border-radius: var(--radius-default);
    padding: var(--space-12);
    color: var(--on-surface);
    font-family: var(--font-body);
    font-size: 0.9375rem;
}

.sub-row-actions[b-ae8daaugyc] {
    display: flex;
    gap: var(--space-8);
    justify-content: flex-end;
}

@media (min-width: 700px) {
    .sub-grid[b-ae8daaugyc] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1100px) {
    .sub-grid[b-ae8daaugyc] {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (min-width: 700px) {
    [b-ae8daaugyc] .sub-tiers {
        grid-template-columns: repeat(3, 1fr);
    }
}
/* /Components/Pages/Client/SupportChat.razor.rz.scp.css */
.ch-shell[b-yfxvfv57t2] {
    display: flex;
    flex-direction: column;
    gap: var(--space-16);
    height: calc(100vh - 10rem);
    min-height: 32rem;
}

.ch-threads[b-yfxvfv57t2] {
    display: flex;
    flex-direction: column;
    background-color: var(--surface-container-low);
    border: 1px solid color-mix(in srgb, var(--primary) 16%, transparent);
    border-radius: var(--radius-lg);
    overflow: hidden;
    flex-shrink: 0;
    max-height: 16rem;
}

.ch-threads__header[b-yfxvfv57t2] {
    padding: var(--space-16);
    display: flex;
    flex-direction: column;
    gap: var(--space-12);
}

.ch-threads__header h2[b-yfxvfv57t2] {
    margin: 0;
    font-size: 1.125rem;
}

.ch-search[b-yfxvfv57t2] {
    position: relative;
    display: flex;
    align-items: center;
}

.ch-search .material-symbols-outlined[b-yfxvfv57t2] {
    position: absolute;
    left: var(--space-12);
    color: var(--outline);
    font-size: 1rem;
}

.ch-search input[b-yfxvfv57t2] {
    width: 100%;
    box-sizing: border-box;
    background-color: var(--surface-container-high);
    border: none;
    border-radius: var(--radius-default);
    padding: var(--space-8) var(--space-12) var(--space-8) 2.25rem;
    color: var(--on-surface);
    font-size: 0.8125rem;
}

.ch-threads__list[b-yfxvfv57t2] {
    flex: 1;
    overflow-y: auto;
    padding: 0 var(--space-12);
    display: flex;
    flex-direction: column;
    gap: var(--space-8);
}

.ch-thread[b-yfxvfv57t2] {
    padding: var(--space-12);
    border-radius: var(--radius-default);
    cursor: pointer;
    border: 1px solid transparent;
}

.ch-thread:hover[b-yfxvfv57t2] {
    background-color: var(--surface-container-high);
}

.ch-thread--active[b-yfxvfv57t2] {
    background-color: var(--surface-container-high);
    border-color: color-mix(in srgb, var(--primary) 30%, transparent);
}

.ch-thread__top[b-yfxvfv57t2] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: var(--space-4);
}

.ch-thread__name[b-yfxvfv57t2] {
    color: var(--on-surface);
    font-weight: 700;
    font-size: 0.875rem;
}

.ch-thread__badge[b-yfxvfv57t2] {
    font-size: 0.5625rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    padding: 0.125rem var(--space-8);
    border-radius: var(--radius-full);
    flex-shrink: 0;
}

.ch-thread__badge--open[b-yfxvfv57t2] {
    background-color: color-mix(in srgb, var(--primary) 20%, transparent);
    color: var(--primary);
}

.ch-thread__badge--closed[b-yfxvfv57t2] {
    background-color: var(--surface-container-highest);
    color: var(--on-surface-variant);
}

.ch-thread__preview[b-yfxvfv57t2] {
    color: var(--on-surface-variant);
    font-size: 0.75rem;
    margin: 0 0 var(--space-4);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ch-thread__time[b-yfxvfv57t2] {
    color: var(--outline);
    font-size: 0.6875rem;
}

.ch-threads__footer[b-yfxvfv57t2] {
    padding: var(--space-12);
}

.ch-new-btn[b-yfxvfv57t2] {
    width: 100%;
    box-sizing: border-box;
    background-image: linear-gradient(135deg, var(--primary), var(--secondary));
    color: var(--on-primary);
    border: none;
    border-radius: var(--radius-default);
    padding: var(--space-12);
    font-weight: 700;
    font-size: 0.875rem;
    cursor: pointer;
}

.ch-panel[b-yfxvfv57t2] {
    flex: 1;
    display: flex;
    flex-direction: column;
    background-color: var(--surface-container-low);
    border: 1px solid color-mix(in srgb, var(--primary) 16%, transparent);
    border-radius: var(--radius-lg);
    overflow: hidden;
    min-height: 20rem;
}

.ch-panel__empty[b-yfxvfv57t2] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: var(--space-8);
    color: var(--on-surface-variant);
    padding: var(--space-32);
}

.ch-panel__empty .material-symbols-outlined[b-yfxvfv57t2] {
    font-size: 2.5rem;
    color: var(--primary);
}

.ch-panel__empty h3[b-yfxvfv57t2] {
    color: var(--on-surface);
    margin: 0;
}

.ch-panel__empty p[b-yfxvfv57t2] {
    max-width: 20rem;
    margin: 0;
}

.ch-panel__header[b-yfxvfv57t2] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--space-16) var(--space-24);
    box-shadow: inset 0 -1px 0 color-mix(in srgb, var(--outline-variant) 10%, transparent);
}

.ch-panel__title[b-yfxvfv57t2] {
    display: flex;
    align-items: center;
    gap: var(--space-12);
}

.ch-panel__icon[b-yfxvfv57t2] {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: var(--radius-full);
    background-image: linear-gradient(135deg, color-mix(in srgb, var(--primary) 30%, transparent), color-mix(in srgb, var(--secondary) 30%, transparent));
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--primary);
}

.ch-panel__title h3[b-yfxvfv57t2] {
    margin: 0;
    font-size: 1rem;
}

.ch-panel__title p[b-yfxvfv57t2] {
    margin: 0;
    color: var(--outline);
    font-size: 0.625rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.ch-close-btn[b-yfxvfv57t2] {
    background-color: color-mix(in srgb, var(--error) 12%, transparent);
    color: var(--error);
    border: 1px solid color-mix(in srgb, var(--error) 25%, transparent);
    border-radius: var(--radius-default);
    padding: var(--space-8) var(--space-16);
    font-size: 0.75rem;
    font-weight: 700;
    cursor: pointer;
}

.ch-messages[b-yfxvfv57t2] {
    flex: 1;
    overflow-y: auto;
    padding: var(--space-24);
    display: flex;
    flex-direction: column;
    gap: var(--space-16);
}

.ch-message[b-yfxvfv57t2] {
    display: flex;
    flex-direction: column;
    max-width: 75%;
}

.ch-message__bubble[b-yfxvfv57t2] {
    background-color: var(--surface-container-high);
    color: var(--on-surface);
    padding: var(--space-12) var(--space-16);
    border-radius: var(--radius-default) var(--radius-default) var(--radius-default) 0;
    font-size: 0.875rem;
    line-height: 1.5;
}

.ch-message__time[b-yfxvfv57t2] {
    color: var(--outline);
    font-size: 0.625rem;
    margin-top: var(--space-4);
}

.ch-message--self[b-yfxvfv57t2] {
    align-self: flex-end;
    align-items: flex-end;
}

.ch-message--self .ch-message__bubble[b-yfxvfv57t2] {
    background-image: linear-gradient(135deg, var(--primary), var(--secondary));
    color: var(--on-primary);
    border-radius: var(--radius-default) var(--radius-default) 0 var(--radius-default);
}

.ch-input[b-yfxvfv57t2] {
    display: flex;
    align-items: center;
    gap: var(--space-12);
    padding: var(--space-16) var(--space-24);
    box-shadow: inset 0 1px 0 color-mix(in srgb, var(--outline-variant) 10%, transparent);
}

.ch-input input[b-yfxvfv57t2] {
    flex: 1;
    box-sizing: border-box;
    background-color: var(--surface-container-high);
    border: none;
    border-radius: var(--radius-full);
    padding: var(--space-12) var(--space-16);
    color: var(--on-surface);
    font-family: var(--font-body);
    font-size: 0.875rem;
}

.ch-send-btn[b-yfxvfv57t2] {
    width: 2.75rem;
    height: 2.75rem;
    border-radius: var(--radius-full);
    background-color: var(--primary);
    color: var(--on-primary);
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    flex-shrink: 0;
}

.ch-empty-text[b-yfxvfv57t2] {
    color: var(--on-surface-variant);
    font-size: 0.875rem;
    padding: var(--space-16);
}

.ch-ticket-list[b-yfxvfv57t2] {
    display: flex;
    flex-direction: column;
    gap: var(--space-8);
}

.ch-ticket-option[b-yfxvfv57t2] {
    text-align: left;
    background-color: var(--surface-container-high);
    border: none;
    border-radius: var(--radius-default);
    padding: var(--space-16);
    color: var(--on-surface);
    font-weight: 600;
    cursor: pointer;
}

.ch-ticket-option:hover[b-yfxvfv57t2] {
    background-color: var(--surface-container-highest);
    color: var(--primary);
}

@media (min-width: 900px) {
    .ch-shell[b-yfxvfv57t2] {
        flex-direction: row;
    }

    .ch-threads[b-yfxvfv57t2] {
        width: 20rem;
        max-height: none;
    }
}
/* /Components/Pages/Contact.razor.rz.scp.css */
.contact-grid[b-n6k1dnfx1m] {
    max-width: 1280px;
    margin: 0 auto var(--space-32);
    padding: 0 var(--space-32);
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--space-16);
}

.contact-hero[b-n6k1dnfx1m] {
    text-align: left;
    margin-left: 0;
    max-width: 40rem;
}

.contact-info[b-n6k1dnfx1m] {
    display: flex;
    flex-direction: column;
    gap: var(--space-24);
}

.contact-info__item a[b-n6k1dnfx1m],
.contact-info__value[b-n6k1dnfx1m] {
    font-family: var(--font-headline);
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--on-surface);
    text-decoration: none;
    margin: 0;
}

.contact-info__socials[b-n6k1dnfx1m] {
    padding-top: var(--space-16);
    box-shadow: inset 0 1px 0 color-mix(in srgb, var(--outline-variant) 20%, transparent);
}

.contact-info__socials p[b-n6k1dnfx1m] {
    color: var(--on-surface-variant);
    font-size: 0.875rem;
    margin: 0 0 var(--space-12);
}

.contact-info__image[b-n6k1dnfx1m] {
    width: 100%;
    aspect-ratio: 1;
    object-fit: cover;
    border-radius: var(--radius-default);
    opacity: 0.6;
    display: none;
}

[b-n6k1dnfx1m] .contact-form-card {
    display: flex;
    flex-direction: column;
    gap: var(--space-12);
}

[b-n6k1dnfx1m] .contact-form-card h3 {
    margin: 0 0 var(--space-8);
}

[b-n6k1dnfx1m] .contact-form {
    display: flex;
    flex-direction: column;
    gap: var(--space-16);
}

[b-n6k1dnfx1m] .contact-form__row {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--space-12);
}

@media (min-width: 480px) {
    [b-n6k1dnfx1m] .contact-form__row {
        grid-template-columns: 1fr 1fr;
    }
}

[b-n6k1dnfx1m] .contact-form-card input,
[b-n6k1dnfx1m] .contact-form-card select,
[b-n6k1dnfx1m] .contact-form-card textarea {
    width: 100%;
    box-sizing: border-box;
    background-color: var(--surface-container-low);
    border: none;
    border-radius: var(--radius-default);
    padding: var(--space-12);
    color: var(--on-surface);
    font-family: var(--font-body);
    font-size: 0.9375rem;
}

[b-n6k1dnfx1m] .contact-form-card input:focus,
[b-n6k1dnfx1m] .contact-form-card select:focus,
[b-n6k1dnfx1m] .contact-form-card textarea:focus {
    outline: 2px solid var(--primary);
}

.contact-success h3[b-n6k1dnfx1m] {
    color: var(--status-success);
}

.contact-success p[b-n6k1dnfx1m] {
    color: var(--on-surface-variant);
}

@media (min-width: 900px) {
    .contact-grid[b-n6k1dnfx1m] {
        grid-template-columns: 1fr 2fr;
    }
}
/* /Components/Pages/ForClients.razor.rz.scp.css */
.fc-hero[b-taurfmpj7s] {
    max-width: 1280px;
    margin: 2rem auto 4rem;
    padding: 0 var(--space-32);
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--space-32);
    align-items: center;
}

.fc-hero__badge[b-taurfmpj7s] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-8);
    background-color: var(--surface-container-highest);
    padding: var(--space-6) var(--space-16);
    border-radius: var(--radius-full);
    color: var(--secondary);
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin-bottom: var(--space-16);
}

.fc-hero__dot[b-taurfmpj7s] {
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    background-color: var(--secondary);
}

.fc-hero__copy h1[b-taurfmpj7s] {
    font-size: 3.5rem;
    line-height: 0.95;
    margin: 0 0 var(--space-16);
}

.fc-hero__copy p[b-taurfmpj7s] {
    color: var(--on-surface-variant);
    font-size: 1.125rem;
    line-height: 1.6;
    max-width: 32rem;
    margin-bottom: var(--space-24);
}

.fc-hero__visual img[b-taurfmpj7s] {
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    border-radius: var(--radius-default);
    opacity: 0.9;
}

.fc-ecosystem[b-taurfmpj7s] {
    background-color: var(--surface-container-low);
    border-radius: var(--radius-lg) var(--radius-lg) 0 0;
    padding: 4rem var(--space-32);
    margin-bottom: 4rem;
}

.fc-ecosystem__intro[b-taurfmpj7s] {
    max-width: 1280px;
    margin: 0 auto var(--space-32);
}

.fc-ecosystem__intro h2[b-taurfmpj7s] {
    font-size: 2.25rem;
    margin: 0 0 var(--space-8);
}

.fc-ecosystem__intro p[b-taurfmpj7s] {
    color: var(--on-surface-variant);
    max-width: 32rem;
}

.fc-bento[b-taurfmpj7s] {
    max-width: 1280px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--space-16);
}

.fc-bento__cell[b-taurfmpj7s] {
    background-color: var(--surface-container);
    border-radius: var(--radius-default);
    padding: var(--space-24);
}

.fc-bento__cell h3[b-taurfmpj7s] {
    font-size: 1.5rem;
    margin: 0 0 var(--space-8);
}

.fc-bento__cell p[b-taurfmpj7s] {
    color: var(--on-surface-variant);
    margin: 0;
}

.fc-bento__cell--dashboard img[b-taurfmpj7s] {
    width: 100%;
    border-radius: var(--radius-default);
    margin-top: var(--space-16);
}

.fc-bento__cell--discovery[b-taurfmpj7s] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.fc-bento__icon[b-taurfmpj7s] {
    font-size: 2rem;
    display: block;
    margin-bottom: var(--space-16);
}

.fc-bento__avatars[b-taurfmpj7s] {
    display: flex;
    align-items: center;
    margin-top: var(--space-24);
    padding-top: var(--space-16);
    box-shadow: inset 0 1px 0 color-mix(in srgb, var(--outline-variant) 12%, transparent);
}

.fc-bento__avatars img[b-taurfmpj7s] {
    width: 3rem;
    height: 3rem;
    border-radius: var(--radius-full);
    object-fit: cover;
    border: 2px solid var(--surface-container);
    margin-left: -0.75rem;
}

.fc-bento__avatars img:first-child[b-taurfmpj7s] {
    margin-left: 0;
}

.fc-bento__avatars-more[b-taurfmpj7s] {
    width: 3rem;
    height: 3rem;
    border-radius: var(--radius-full);
    background-color: var(--surface-container-highest);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    font-weight: 700;
    color: var(--primary);
    margin-left: -0.75rem;
}

.fc-bento__cell--roi img[b-taurfmpj7s] {
    width: 100%;
    height: 10rem;
    object-fit: cover;
    border-radius: var(--radius-default);
    opacity: 0.7;
    margin-bottom: var(--space-16);
}

.fc-testimonials[b-taurfmpj7s] {
    padding-top: 2rem;
}

.fc-testimonials__grid[b-taurfmpj7s] {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--space-16);
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 var(--space-32);
}

.fc-testimonial__author[b-taurfmpj7s] {
    display: flex;
    align-items: center;
    gap: var(--space-12);
    margin-top: var(--space-16);
}

.fc-testimonial__author img[b-taurfmpj7s] {
    width: 3rem;
    height: 3rem;
    border-radius: var(--radius-full);
    object-fit: cover;
}

.fc-testimonial__author p[b-taurfmpj7s] {
    margin: 0;
    font-weight: 700;
}

.fc-testimonial__author span[b-taurfmpj7s] {
    color: var(--on-surface-variant);
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.fc-cta[b-taurfmpj7s] {
    max-width: 1280px;
    margin: 0 auto 4rem;
    padding: 0 var(--space-32);
}

.fc-cta__border[b-taurfmpj7s] {
    border-radius: var(--radius-lg);
    padding: 1px;
}

.fc-cta__panel[b-taurfmpj7s] {
    background-color: var(--surface);
    border-radius: calc(var(--radius-lg) - 1px);
    padding: 4rem 2rem;
    text-align: center;
}

.fc-cta__panel h2[b-taurfmpj7s] {
    font-size: 2.5rem;
    line-height: 1.1;
    margin: 0 0 var(--space-16);
}

.fc-cta__panel p[b-taurfmpj7s] {
    color: var(--on-surface-variant);
    max-width: 32rem;
    margin: 0 auto var(--space-24);
}

@media (min-width: 900px) {
    .fc-hero[b-taurfmpj7s] {
        grid-template-columns: 1fr 1fr;
    }

    .fc-hero__copy h1[b-taurfmpj7s] {
        font-size: 5rem;
    }

    .fc-bento[b-taurfmpj7s] {
        grid-template-columns: repeat(12, 1fr);
    }

    .fc-bento__cell--dashboard[b-taurfmpj7s] {
        grid-column: span 8;
    }

    .fc-bento__cell--discovery[b-taurfmpj7s] {
        grid-column: span 4;
    }

    .fc-bento__cell--roi[b-taurfmpj7s] {
        grid-column: span 5;
    }

    .fc-bento__cell--collab[b-taurfmpj7s] {
        grid-column: span 7;
    }

    .fc-testimonials__grid[b-taurfmpj7s] {
        grid-template-columns: repeat(3, 1fr);
    }
}
/* /Components/Pages/ForInfluencers.razor.rz.scp.css */
.fi-hero[b-midtr1syuw] {
    max-width: 1280px;
    margin: 2rem auto 4rem;
    padding: 0 var(--space-32);
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--space-32);
    align-items: center;
}

.fi-hero__badge[b-midtr1syuw] {
    display: inline-block;
    background-color: var(--surface-container-high);
    color: var(--primary);
    padding: var(--space-6) var(--space-16);
    border-radius: var(--radius-full);
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    margin-bottom: var(--space-16);
}

.fi-hero__copy h1[b-midtr1syuw] {
    font-size: 3rem;
    line-height: 1.1;
    margin: 0 0 var(--space-16);
}

.fi-hero__copy p[b-midtr1syuw] {
    color: var(--on-surface-variant);
    font-size: 1.125rem;
    line-height: 1.6;
    max-width: 32rem;
    margin-bottom: var(--space-24);
}

.fi-hero__phone[b-midtr1syuw] {
    display: flex;
    justify-content: center;
}

.fi-hero__phone-frame[b-midtr1syuw] {
    width: 18rem;
    background-color: var(--surface-container-high);
    border-radius: 2.5rem;
    padding: var(--space-16);
    box-shadow: var(--shadow-ambient);
    display: flex;
    flex-direction: column;
    gap: var(--space-16);
}

.fi-hero__phone-header[b-midtr1syuw] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.fi-hero__phone-label[b-midtr1syuw] {
    color: var(--on-surface-variant);
    font-size: 0.625rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin: 0;
}

.fi-hero__phone-header h3[b-midtr1syuw] {
    margin: 0;
    font-size: 1rem;
}

.fi-hero__phone-bell[b-midtr1syuw] {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: var(--radius-full);
    background-color: var(--surface-container-highest);
    display: flex;
    align-items: center;
    justify-content: center;
}

.fi-hero__phone-card[b-midtr1syuw] {
    background-color: var(--surface-container);
    border-radius: var(--radius-default);
    padding: var(--space-12);
}

.fi-hero__phone-card img[b-midtr1syuw] {
    width: 100%;
    height: 6rem;
    object-fit: cover;
    border-radius: var(--radius-sm);
    margin-bottom: var(--space-8);
}

.fi-hero__phone-card-row[b-midtr1syuw] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.75rem;
    font-weight: 700;
    color: var(--secondary);
    margin-bottom: var(--space-4);
}

.fi-hero__phone-pill[b-midtr1syuw] {
    background-color: color-mix(in srgb, var(--primary) 15%, transparent);
    color: var(--primary);
    padding: 0.125rem var(--space-8);
    border-radius: var(--radius-sm);
}

.fi-hero__phone-card strong[b-midtr1syuw] {
    display: block;
    font-size: 0.875rem;
    margin-bottom: var(--space-4);
}

.fi-hero__phone-tags[b-midtr1syuw] {
    display: flex;
    gap: var(--space-4);
}

.fi-hero__phone-tags span[b-midtr1syuw] {
    font-size: 0.625rem;
    background-color: var(--surface-container-highest);
    padding: 0.125rem var(--space-8);
    border-radius: var(--radius-sm);
}

.fi-hero__phone-card--row[b-midtr1syuw] {
    display: flex;
    gap: var(--space-12);
}

.fi-hero__phone-card--row img[b-midtr1syuw] {
    width: 4rem;
    height: 4rem;
    flex-shrink: 0;
    margin-bottom: 0;
}

.fi-hero__phone-card--row p[b-midtr1syuw] {
    color: var(--on-surface-variant);
    font-size: 0.75rem;
    margin: 0 0 var(--space-4);
}

.fi-hero__phone-progress[b-midtr1syuw] {
    width: 6rem;
    height: 0.25rem;
    background-color: var(--surface-container-highest);
    border-radius: var(--radius-full);
    overflow: hidden;
}

.fi-hero__phone-progress span[b-midtr1syuw] {
    display: block;
    height: 100%;
    background-color: var(--primary);
}

.fi-hero__phone-nav[b-midtr1syuw] {
    display: flex;
    justify-content: space-around;
    padding-top: var(--space-8);
    box-shadow: inset 0 1px 0 color-mix(in srgb, var(--outline-variant) 12%, transparent);
}

.fi-props[b-midtr1syuw] {
    background-color: var(--surface-container-low);
    padding: 4rem var(--space-32);
    margin-bottom: 4rem;
}

.fi-bento[b-midtr1syuw] {
    max-width: 1280px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--space-16);
}

.fi-bento__cell[b-midtr1syuw] {
    background-color: var(--surface-container);
    border-radius: var(--radius-default);
    padding: var(--space-24);
}

.fi-bento__cell h3[b-midtr1syuw] {
    font-size: 1.375rem;
    margin: var(--space-16) 0 var(--space-12);
}

.fi-bento__cell p[b-midtr1syuw] {
    color: var(--on-surface-variant);
    margin: 0;
    line-height: 1.6;
}

.fi-bento__chips[b-midtr1syuw] {
    display: flex;
    gap: var(--space-8);
    margin-top: var(--space-16);
}

.fi-bento__chips span[b-midtr1syuw] {
    background-color: var(--surface);
    padding: var(--space-4) var(--space-12);
    border-radius: var(--radius-full);
    font-size: 0.8125rem;
}

.fi-bento__cell--analytics[b-midtr1syuw] {
    color: var(--on-primary-fixed);
}

.fi-bento__cell--analytics p[b-midtr1syuw] {
    color: color-mix(in srgb, var(--on-primary-fixed) 75%, transparent);
}

.fi-stories[b-midtr1syuw] {
    max-width: 1280px;
    margin: 0 auto 4rem;
    padding: 0 var(--space-32);
}

.fi-stories__intro h2[b-midtr1syuw] {
    font-size: 2.25rem;
    margin: 0 0 var(--space-8);
}

.fi-stories__intro p[b-midtr1syuw] {
    color: var(--on-surface-variant);
    max-width: 36rem;
    margin-bottom: var(--space-32);
}

.fi-stories__grid[b-midtr1syuw] {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--space-24);
}

.fi-story[b-midtr1syuw] {
    position: relative;
    border-radius: var(--radius-default);
    overflow: hidden;
}

.fi-story img[b-midtr1syuw] {
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    filter: grayscale(0.5);
}

.fi-story__overlay[b-midtr1syuw] {
    position: absolute;
    left: var(--space-16);
    right: var(--space-16);
    bottom: var(--space-16);
    padding: var(--space-16);
    border-radius: var(--radius-default);
}

.fi-story__overlay p[b-midtr1syuw] {
    font-style: italic;
    margin: 0 0 var(--space-8);
}

.fi-story__overlay strong[b-midtr1syuw] {
    display: block;
}

.fi-story__overlay span[b-midtr1syuw] {
    color: var(--primary);
    font-size: 0.8125rem;
}

@media (min-width: 900px) {
    .fi-hero[b-midtr1syuw] {
        grid-template-columns: 1fr 1fr;
    }

    .fi-hero__copy h1[b-midtr1syuw] {
        font-size: 4.5rem;
    }

    .fi-bento[b-midtr1syuw] {
        grid-template-columns: repeat(3, 1fr);
    }

    .fi-bento__cell--access[b-midtr1syuw] {
        grid-column: span 2;
    }

    .fi-bento__cell--analytics[b-midtr1syuw] {
        grid-column: span 2;
    }

    .fi-stories__grid[b-midtr1syuw] {
        grid-template-columns: 1fr 1fr;
    }

    .fi-story--offset[b-midtr1syuw] {
        margin-top: 4rem;
    }

    .fi-story img[b-midtr1syuw] {
        aspect-ratio: 4 / 5;
    }
}
/* /Components/Pages/Home.razor.rz.scp.css */
.home-hero[b-asj3qc5yxh],
.home-social-proof[b-asj3qc5yxh],
.home-how[b-asj3qc5yxh],
.home-features[b-asj3qc5yxh],
.home-usecases[b-asj3qc5yxh],
.home-testimonial[b-asj3qc5yxh],
.home-cta[b-asj3qc5yxh] {
    max-width: 1280px;
    margin: 0 auto var(--space-32);
    padding: 0 var(--space-32);
}

.home-hero[b-asj3qc5yxh] {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--space-32);
    align-items: center;
    margin-bottom: 4rem;
}

.home-hero__copy h1[b-asj3qc5yxh] {
    font-size: 3rem;
    line-height: 1.1;
    margin: 0 0 var(--space-16);
}


.home-hero__copy p[b-asj3qc5yxh] {
    color: var(--on-surface-variant);
    font-size: 1.125rem;
    max-width: 32rem;
    line-height: 1.6;
    margin-bottom: var(--space-24);
}

.home-hero__actions[b-asj3qc5yxh] {
    display: flex;
    gap: var(--space-12);
    flex-wrap: wrap;
}

.home-hero__visual[b-asj3qc5yxh] {
    position: relative;
    display: flex;
    align-items: flex-end;
    gap: var(--space-16);
}

.home-hero__dashboard[b-asj3qc5yxh] {
    width: 100%;
    max-width: 22rem;
    border-radius: var(--radius-default);
    transform: rotate(-2deg);
    box-shadow: var(--shadow-ambient);
}

.home-hero__mobile[b-asj3qc5yxh] {
    display: none;
    width: 10rem;
    border-radius: var(--radius-default);
    transform: rotate(4deg);
    margin-left: -3rem;
    box-shadow: var(--shadow-ambient);
}

.home-social-proof[b-asj3qc5yxh] {
    text-align: center;
    margin-bottom: 5rem;
}

.home-social-proof p[b-asj3qc5yxh] {
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--on-surface-variant);
    margin-bottom: var(--space-16);
}

.home-social-proof__logos[b-asj3qc5yxh] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--space-32);
    opacity: 0.4;
}

.home-social-proof__logos span[b-asj3qc5yxh] {
    font-size: 1.25rem;
    font-weight: 800;
    color: var(--on-surface);
}

.home-how[b-asj3qc5yxh] {
    background-color: var(--surface-container-low);
    border-radius: var(--radius-lg);
    padding: var(--space-32);
    max-width: none;
    margin-left: var(--space-16);
    margin-right: var(--space-16);
}

.home-how__intro[b-asj3qc5yxh] {
    display: flex;
    flex-direction: column;
    gap: var(--space-16);
    margin-bottom: var(--space-32);
}

.home-eyebrow[b-asj3qc5yxh] {
    color: var(--primary);
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-size: 0.8125rem;
}

.home-how__intro h2[b-asj3qc5yxh] {
    font-size: 2.25rem;
    margin: var(--space-4) 0 0;
}

.home-how__intro p[b-asj3qc5yxh] {
    color: var(--on-surface-variant);
    max-width: 28rem;
}

.home-how__steps[b-asj3qc5yxh] {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--space-24);
}

.home-how__step h3[b-asj3qc5yxh] {
    font-size: 1.375rem;
    margin: 0 0 var(--space-8);
}

.home-how__step p[b-asj3qc5yxh] {
    color: var(--on-surface-variant);
    line-height: 1.6;
    margin: 0;
}

.home-features h2[b-asj3qc5yxh] {
    font-size: 2.25rem;
    text-align: center;
    margin-bottom: var(--space-32);
}

.home-features__grid[b-asj3qc5yxh] {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--space-16);
}

.home-feature[b-asj3qc5yxh] {
    background-color: var(--surface-container);
    border-radius: var(--radius-default);
    padding: var(--space-24);
}

.home-feature h3[b-asj3qc5yxh] {
    font-size: 1.5rem;
    margin: 0 0 var(--space-8);
}

.home-feature p[b-asj3qc5yxh] {
    color: var(--on-surface-variant);
    margin: 0;
}

.home-feature--dashboard img[b-asj3qc5yxh] {
    width: 100%;
    border-radius: var(--radius-default);
    margin-top: var(--space-16);
}

.home-feature--network[b-asj3qc5yxh] {
    color: var(--on-primary-fixed);
}

.home-feature--network p[b-asj3qc5yxh] {
    color: color-mix(in srgb, var(--on-primary-fixed) 70%, transparent);
}

.home-usecases[b-asj3qc5yxh] {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--space-16);
}

.home-usecase[b-asj3qc5yxh] {
    background-color: var(--surface-container-low);
    border-radius: var(--radius-default);
    padding: var(--space-24);
}

.home-usecase h4[b-asj3qc5yxh] {
    color: var(--primary);
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-size: 0.75rem;
    margin: 0 0 var(--space-8);
}

.home-usecase p[b-asj3qc5yxh] {
    color: var(--on-surface-variant);
    margin: 0;
}

.home-testimonial[b-asj3qc5yxh] {
    text-align: center;
    max-width: 48rem;
}

.home-testimonial blockquote[b-asj3qc5yxh] {
    font-family: var(--font-headline);
    font-size: 1.75rem;
    font-style: italic;
    font-weight: 700;
    margin: 0 0 var(--space-24);
}

.home-testimonial__author[b-asj3qc5yxh] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-12);
}

.home-testimonial__author img[b-asj3qc5yxh] {
    width: 3rem;
    height: 3rem;
    border-radius: var(--radius-full);
    object-fit: cover;
}

.home-testimonial__author span[b-asj3qc5yxh] {
    color: var(--primary);
    font-weight: 600;
}

.home-cta__panel[b-asj3qc5yxh] {
    background-color: var(--surface-container);
    border-radius: var(--radius-lg);
    padding: var(--space-32);
    text-align: center;
}

.home-cta__panel h2[b-asj3qc5yxh] {
    font-size: 2.5rem;
    margin: 0 0 var(--space-16);
}

.home-cta__panel p[b-asj3qc5yxh] {
    color: var(--on-surface-variant);
    max-width: 32rem;
    margin: 0 auto var(--space-24);
}

.home-cta__actions[b-asj3qc5yxh] {
    display: flex;
    justify-content: center;
    gap: var(--space-12);
    flex-wrap: wrap;
}

@media (min-width: 900px) {
    .home-hero[b-asj3qc5yxh] {
        grid-template-columns: 1fr 1fr;
    }

    .home-hero__copy h1[b-asj3qc5yxh] {
        font-size: 4.5rem;
    }

    .home-hero__mobile[b-asj3qc5yxh] {
        display: block;
    }

    .home-how__steps[b-asj3qc5yxh] {
        grid-template-columns: repeat(3, 1fr);
    }

    .home-features__grid[b-asj3qc5yxh] {
        grid-template-columns: repeat(2, 1fr);
    }

    .home-feature--dashboard[b-asj3qc5yxh] {
        grid-column: span 2;
    }

    .home-usecases[b-asj3qc5yxh] {
        grid-template-columns: repeat(3, 1fr);
    }
}
/* /Components/Shared/KButton.razor.rz.scp.css */
.k-btn[b-gt7xjje85r] {
    font-family: var(--font-body);
    font-weight: 600;
    font-size: 0.9375rem;
    padding: var(--space-8) var(--space-16);
    border-radius: var(--radius-full);
    border: none;
    cursor: pointer;
    transition: opacity 0.15s ease, transform 0.15s ease;
}

.k-btn:disabled[b-gt7xjje85r] {
    opacity: 0.5;
    cursor: not-allowed;
}

.k-btn:not(:disabled):hover[b-gt7xjje85r] {
    transform: translateY(-1px);
}

.k-btn--primary[b-gt7xjje85r] {
    background-image: linear-gradient(135deg, var(--primary), var(--secondary));
    color: var(--on-primary-fixed);
}

.k-btn--secondary[b-gt7xjje85r] {
    background-color: color-mix(in srgb, var(--surface-container-high) 40%, transparent);
    backdrop-filter: blur(var(--glass-blur));
    -webkit-backdrop-filter: blur(var(--glass-blur));
    color: var(--on-surface);
}

.k-btn--tertiary[b-gt7xjje85r] {
    background-color: transparent;
    color: var(--primary);
}

.k-btn--tertiary:not(:disabled):hover[b-gt7xjje85r] {
    background-color: var(--surface-variant);
    transform: none;
}
/* /Components/Shared/KCard.razor.rz.scp.css */
.k-card[b-ge62bl6l2b] {
    background-color: var(--surface-container);
    border-radius: var(--radius-lg);
    padding: var(--space-24);
}
/* /Components/Shared/KDataTable.razor.rz.scp.css */
.k-table-wrap[b-zywtzz7oq2] {
    background-color: var(--surface-container);
    border-radius: var(--radius-lg);
    overflow: hidden;
}

.k-table[b-zywtzz7oq2] {
    width: 100%;
    border-collapse: collapse;
}

.k-table th[b-zywtzz7oq2] {
    text-align: left;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--on-surface-variant);
    padding: var(--space-12) var(--space-16);
    background-color: var(--surface-container-high);
}

.k-table td[b-zywtzz7oq2] {
    padding: var(--space-12) var(--space-16);
    color: var(--on-surface);
    font-size: 0.9375rem;
}

.k-table tbody tr:not(:last-child) td[b-zywtzz7oq2] {
    box-shadow: inset 0 -1px 0 color-mix(in srgb, var(--outline-variant) 12%, transparent);
}

.k-table__empty[b-zywtzz7oq2] {
    text-align: center;
    color: var(--on-surface-variant);
    padding: var(--space-32);
}
/* /Components/Shared/KModal.razor.rz.scp.css */
.k-modal-backdrop[b-arzd6uqjo3] {
    position: fixed;
    inset: 0;
    background-color: color-mix(in srgb, var(--surface-container-lowest) 60%, transparent);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

.k-modal[b-arzd6uqjo3] {
    width: min(480px, 90vw);
    border-radius: var(--radius-lg);
    padding: var(--space-32);
    box-shadow: var(--shadow-ambient);
}

.k-modal__title[b-arzd6uqjo3] {
    margin: 0 0 var(--space-16) 0;
    color: var(--on-surface);
}
/* /Components/Shared/KSidebar.razor.rz.scp.css */
.k-sidebar[b-18goruugbg] {
    background-color: var(--surface-container-low);
    width: 260px;
    height: 100vh;
    position: sticky;
    top: 0;
    padding: var(--space-24) var(--space-16);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
}

.k-sidebar__brand[b-18goruugbg] {
    padding: 0 var(--space-8);
    margin-bottom: var(--space-32);
}

.k-sidebar__brand img[b-18goruugbg] {
    height: 1.75rem;
    width: auto;
    display: block;
}

.k-sidebar__nav[b-18goruugbg] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
}

.k-sidebar__link[b-18goruugbg] {
    display: flex;
    align-items: center;
    gap: var(--space-12);
    padding: var(--space-8) var(--space-16);
    border-radius: var(--radius-default);
    color: var(--on-surface-variant);
    text-decoration: none;
    font-weight: 600;
    font-size: 0.9375rem;
    transition: background-color 0.15s ease, color 0.15s ease, transform 0.15s ease;
}

.k-sidebar__link:hover[b-18goruugbg] {
    transform: translateX(2px);
}

.k-sidebar__link .material-symbols-outlined[b-18goruugbg] {
    font-size: 1.25rem;
    flex-shrink: 0;
}

.k-sidebar__link:hover[b-18goruugbg] {
    background-color: var(--surface-container);
    color: var(--on-surface);
}

.k-sidebar__link--active[b-18goruugbg] {
    background-color: var(--surface-container-high);
    color: var(--primary);
}

.k-sidebar__logout-form[b-18goruugbg] {
    margin-top: auto;
    padding-top: var(--space-16);
    box-shadow: inset 0 1px 0 color-mix(in srgb, var(--outline-variant) 12%, transparent);
}

.k-sidebar__link--logout[b-18goruugbg] {
    width: 100%;
    box-sizing: border-box;
    background: none;
    border: none;
    cursor: pointer;
    text-align: left;
    font-family: var(--font-body);
}

.k-sidebar__link--logout:hover[b-18goruugbg] {
    background-color: color-mix(in srgb, var(--error) 12%, transparent);
    color: var(--error);
}
/* /Components/Shared/KStatusPill.razor.rz.scp.css */
.k-pill[b-rc2ftkcylc] {
    display: inline-flex;
    align-items: center;
    padding: var(--space-2) var(--space-8);
    border-radius: var(--radius-full);
    font-family: var(--font-body);
    font-size: 0.75rem;
    font-weight: 600;
    line-height: 1.4;
}

.k-pill--success[b-rc2ftkcylc] {
    background-color: color-mix(in srgb, var(--status-success) 16%, transparent);
    color: var(--status-success);
}

.k-pill--warning[b-rc2ftkcylc] {
    background-color: color-mix(in srgb, var(--status-warning) 16%, transparent);
    color: var(--status-warning);
}

.k-pill--danger[b-rc2ftkcylc] {
    background-color: color-mix(in srgb, var(--status-danger) 16%, transparent);
    color: var(--status-danger);
}

.k-pill--neutral[b-rc2ftkcylc] {
    background-color: color-mix(in srgb, var(--status-neutral) 16%, transparent);
    color: var(--status-neutral);
}

.k-pill--primary[b-rc2ftkcylc] {
    background-color: color-mix(in srgb, var(--primary) 16%, transparent);
    color: var(--primary);
}
/* /Components/Shared/KStepIndicator.razor.rz.scp.css */
.k-steps[b-dcehhd9j5l] {
    display: flex;
    align-items: center;
    gap: var(--space-8);
    margin-bottom: var(--space-32);
}

.k-steps__step[b-dcehhd9j5l] {
    display: flex;
    align-items: center;
    gap: var(--space-6);
}

.k-steps__dot[b-dcehhd9j5l] {
    width: 2rem;
    height: 2rem;
    border-radius: var(--radius-full);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 0.8125rem;
    background-color: var(--surface-container-high);
    color: var(--on-surface-variant);
}

.k-steps__step--active .k-steps__dot[b-dcehhd9j5l],
.k-steps__step--done .k-steps__dot[b-dcehhd9j5l] {
    background-image: linear-gradient(135deg, var(--primary), var(--secondary));
    color: var(--on-primary-fixed);
}

.k-steps__label[b-dcehhd9j5l] {
    font-size: 0.8125rem;
    font-weight: 600;
    color: var(--on-surface-variant);
}

.k-steps__step--active .k-steps__label[b-dcehhd9j5l],
.k-steps__step--done .k-steps__label[b-dcehhd9j5l] {
    color: var(--on-surface);
}

.k-steps__connector[b-dcehhd9j5l] {
    width: 2rem;
    height: 2px;
    background-color: var(--surface-container-high);
    border-radius: var(--radius-full);
}

.k-steps__connector--done[b-dcehhd9j5l] {
    background-image: linear-gradient(135deg, var(--primary), var(--secondary));
}
/* /Components/Shared/KTabs.razor.rz.scp.css */
.k-tabs__strip[b-or2l2dbykb] {
    display: flex;
    gap: var(--space-8);
    background-color: var(--surface-container-low);
    border-radius: var(--radius-full);
    padding: var(--space-2);
    width: fit-content;
    margin-bottom: var(--space-24);
}

.k-tabs__tab[b-or2l2dbykb] {
    font-family: var(--font-body);
    font-weight: 600;
    font-size: 0.875rem;
    padding: var(--space-6) var(--space-16);
    border-radius: var(--radius-full);
    border: none;
    background: transparent;
    color: var(--on-surface-variant);
    cursor: pointer;
    transition: background-color 0.15s ease, color 0.15s ease;
}

.k-tabs__tab--active[b-or2l2dbykb] {
    background-image: linear-gradient(135deg, var(--primary), var(--secondary));
    color: var(--on-primary-fixed);
}
/* /Components/Shared/KTopbar.razor.rz.scp.css */
.k-topbar[b-cnhvu6t2oi] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--space-16) var(--space-24);
    border-radius: var(--radius-lg);
    margin-bottom: var(--space-24);
}

.k-topbar__title[b-cnhvu6t2oi] {
    font-family: var(--font-headline);
    font-weight: 700;
    font-size: 1.25rem;
    color: var(--on-surface);
}

.k-topbar__actions[b-cnhvu6t2oi] {
    display: flex;
    align-items: center;
    gap: var(--space-16);
}

.k-topbar__icon-btn[b-cnhvu6t2oi] {
    background: none;
    border: none;
    font-size: 1.125rem;
    cursor: pointer;
}

.k-topbar__avatar[b-cnhvu6t2oi] {
    width: 2.25rem;
    height: 2.25rem;
    border-radius: var(--radius-full);
    background-image: linear-gradient(135deg, var(--primary), var(--secondary));
    color: var(--on-primary-fixed);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 0.8125rem;
    flex-shrink: 0;
    overflow: hidden;
}

.k-topbar__avatar--photo[b-cnhvu6t2oi] {
    background-image: none;
}

.k-topbar__avatar--photo img[b-cnhvu6t2oi] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}