@import '_content/Microsoft.FluentUI.AspNetCore.Components/Microsoft.FluentUI.AspNetCore.Components.ewdlgswx1m.bundle.scp.css';

/* /Components/Pages/Account/Security.razor.rz.scp.css */
.security-page .two-factor-shared-key-value[b-p5rt39ze06],
.security-page .two-factor-recovery-codes-list[b-p5rt39ze06] {
    font-family: var(--font-mono);
}

.security-page .two-factor-shared-key-value[b-p5rt39ze06] {
    font-weight: 650;
}

.security-page .empty-state[b-p5rt39ze06] {
    border: 1px dashed rgba(var(--color-ink-rgb), 0.22);
    border-radius: var(--radius-xl);
    padding: var(--space-4);
    text-align: center;
    color: var(--text-secondary);
    background: rgba(var(--color-surface-rgb), 0.55);
}

.security-page .empty-state > i[b-p5rt39ze06] {
    font-size: 1.75rem;
    color: rgba(var(--color-accent-rgb), 0.75);
    display: block;
    margin-bottom: var(--space-2);
}
/* /Components/Pages/Admin/Dashboard.razor.rz.scp.css */
.admin-dashboard-page[b-mf1divi456] {
    min-width: 0;
}

/* Stats Grid */
.stats-grid[b-mf1divi456] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 1.25rem;
    margin: 0;
}

.stat-card[b-mf1divi456] {
    background: var(--glass-surface);
    border-radius: var(--radius-xl);
    padding: 1.5rem;
    box-shadow: var(--shadow-glass);
    display: flex;
    align-items: center;
    gap: 1rem;
    border: 1px solid var(--glass-border);
    backdrop-filter: var(--glass-filter);
    -webkit-backdrop-filter: var(--glass-filter);
    transition: transform var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);
}

.stat-card:hover[b-mf1divi456] {
    transform: translateY(-1px);
    border-color: rgba(var(--color-accent-rgb), 0.22);
    box-shadow: var(--shadow-glass);
}

.stat-icon[b-mf1divi456] {
    width: 60px;
    height: 60px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
}

.stat-content h3[b-mf1divi456] {
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--text-primary);
    margin: 0;
}

.stat-content p[b-mf1divi456] {
    color: var(--text-secondary);
    margin: 0;
    font-size: 0.875rem;
}

.stat-content small[b-mf1divi456] {
    font-size: 0.75rem;
}

/* Dashboard Grid */
.dashboard-grid[b-mf1divi456] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
    gap: 1.5rem;
    margin: 0;
}

.dashboard-card[b-mf1divi456] {
    background: var(--glass-surface);
    border-radius: var(--radius-xl);
    padding: 1.5rem;
    box-shadow: var(--shadow-glass);
    border: 1px solid var(--glass-border);
    backdrop-filter: var(--glass-filter);
    -webkit-backdrop-filter: var(--glass-filter);
}

.dashboard-card.full-width[b-mf1divi456] {
    grid-column: 1 / -1;
}

.dashboard-card h3[b-mf1divi456] {
    font-size: 1.125rem;
    font-weight: 600;
    margin-bottom: 1rem;
    color: var(--text-primary);
}

/* Activity List */
.activity-list[b-mf1divi456] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.activity-item[b-mf1divi456] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
}

.activity-icon[b-mf1divi456] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-surface);
    font-size: 0.875rem;
    flex-shrink: 0;
}

.activity-content[b-mf1divi456] {
    flex: 1;
    min-width: 0;
}

.activity-content p[b-mf1divi456] {
    margin: 0;
    font-size: 0.875rem;
    color: var(--text-primary);
    overflow-wrap: anywhere;
}

.activity-content small[b-mf1divi456] {
    color: var(--text-tertiary);
    font-size: 0.75rem;
}

/* Health Metrics */
.health-metrics[b-mf1divi456] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.metric[b-mf1divi456] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem 0;
    border-bottom: 1px solid var(--color-border);
    font-size: 0.875rem;
}

.metric:last-child[b-mf1divi456] {
    border-bottom: none;
}

/* Content List */
.content-list[b-mf1divi456] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.content-item[b-mf1divi456] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem;
    background: var(--bg-tertiary);
    border-radius: var(--radius-sm);
}

.content-info strong[b-mf1divi456] {
    display: block;
    font-size: 0.875rem;
    color: var(--text-primary);
}

.content-info small[b-mf1divi456] {
    color: var(--text-secondary);
    font-size: 0.75rem;
}

.content-stats[b-mf1divi456] {
    display: flex;
    gap: 0.5rem;
}

/* Pending List */
.pending-list[b-mf1divi456] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.pending-item[b-mf1divi456] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem;
    background: var(--bg-tertiary);
    border-radius: var(--radius-sm);
}

.pending-item i[b-mf1divi456] {
    font-size: 1.25rem;
}

.pending-item span[b-mf1divi456] {
    flex: 1;
    font-size: 0.875rem;
}

/* Chart Container */
.chart-container[b-mf1divi456] {
    height: 300px;
    position: relative;
}

.chart-placeholder[b-mf1divi456] {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--bg-tertiary);
    border-radius: var(--radius-lg);
    color: var(--text-tertiary);
}

/* Responsive */
@media (max-width: 768px) {
    .dashboard-grid[b-mf1divi456] {
        grid-template-columns: 1fr;
    }

    .sl-action-tiles[b-mf1divi456] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Admin/Sections/AdminBillingSection.razor.rz.scp.css */
.admin-billing-section[b-epmx5abj0s] {
    min-width: 0;
}

.admin-billing-section .activity-feed[b-epmx5abj0s] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

.admin-billing-section .activity-item[b-epmx5abj0s] {
    display: flex;
    gap: var(--space-3);
    align-items: flex-start;
    padding: var(--space-3);
    border-radius: var(--radius-xl);
    border: 1px solid var(--glass-border);
    background: var(--glass-surface);
    box-shadow: var(--shadow-sm);
    backdrop-filter: var(--glass-filter);
    -webkit-backdrop-filter: var(--glass-filter);
}

.admin-billing-section .activity-icon[b-epmx5abj0s] {
    width: 44px;
    height: 44px;
    border-radius: var(--radius-lg);
    display: grid;
    place-items: center;
    color: var(--color-surface);
    flex: 0 0 auto;
    box-shadow: var(--shadow-sm);
}

.admin-billing-section .activity-icon i[b-epmx5abj0s] {
    font-size: 1.1rem;
}

.admin-billing-section .activity-icon.purchase[b-epmx5abj0s] {
    background: linear-gradient(135deg, var(--color-accent), var(--color-accent-2));
}

.admin-billing-section .activity-icon.content[b-epmx5abj0s] {
    background: linear-gradient(135deg, rgba(var(--bs-success-rgb), 1), rgba(var(--bs-success-rgb), 0.72));
}

.admin-billing-section .activity-icon.signup[b-epmx5abj0s] {
    background: linear-gradient(135deg, var(--color-accent-2), rgba(var(--bs-warning-rgb), 1));
}

.admin-billing-section .activity-icon.view[b-epmx5abj0s] {
    background: linear-gradient(135deg, var(--color-ink), var(--color-accent));
}

.admin-billing-section .activity-content[b-epmx5abj0s] {
    min-width: 0;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.admin-billing-section .activity-text[b-epmx5abj0s] {
    font-weight: 650;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.admin-billing-section .activity-meta[b-epmx5abj0s] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--space-2);
    font-size: var(--text-sm);
    color: var(--text-secondary);
}

.admin-billing-section .activity-meta i[b-epmx5abj0s] {
    color: rgba(var(--color-ink-rgb), 0.6);
}

.admin-billing-section .user-results-card tbody tr:hover[b-epmx5abj0s] {
    background: rgba(var(--color-accent-rgb), 0.06);
}

.admin-billing-section .user-results-card td:first-child[b-epmx5abj0s] {
    overflow-wrap: anywhere;
    word-break: break-word;
}

.admin-billing-section .empty-state[b-epmx5abj0s] {
    border: 1px dashed rgba(var(--color-ink-rgb), 0.22);
    border-radius: var(--radius-xl);
    padding: var(--space-4);
    text-align: center;
    color: var(--text-secondary);
}

.admin-billing-section .empty-state > i[b-epmx5abj0s] {
    font-size: 1.75rem;
    color: rgba(var(--color-accent-rgb), 0.75);
    display: block;
    margin-bottom: var(--space-2);
}

.admin-billing-section .loading-state[b-epmx5abj0s] {
    display: flex;
    justify-content: center;
    padding: var(--space-7) 0;
}

.admin-billing-section .loading-inline[b-epmx5abj0s] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
}

.admin-billing-section .billing-subtitle[b-epmx5abj0s] {
    font-size: var(--text-sm);
    font-weight: 650;
    margin-bottom: var(--space-3);
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--text-secondary);
}
/* /Components/Pages/Admin/SuperAdmin.razor.rz.scp.css */
.admin-super-page[b-jdck4twbex] {
    min-width: 0;
}

.admin-super-page .activity-feed[b-jdck4twbex] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

.admin-super-page .activity-item[b-jdck4twbex] {
    display: flex;
    gap: var(--space-3);
    align-items: flex-start;
    padding: var(--space-3);
    border-radius: var(--radius-xl);
    border: 1px solid var(--glass-border);
    background: var(--glass-surface);
    box-shadow: var(--shadow-sm);
    backdrop-filter: var(--glass-filter);
    -webkit-backdrop-filter: var(--glass-filter);
}

.admin-super-page .activity-icon[b-jdck4twbex] {
    width: 44px;
    height: 44px;
    border-radius: var(--radius-lg);
    display: grid;
    place-items: center;
    color: var(--color-surface);
    flex: 0 0 auto;
    box-shadow: var(--shadow-sm);
}

.admin-super-page .activity-icon i[b-jdck4twbex] {
    font-size: 1.1rem;
}

.admin-super-page .activity-icon.purchase[b-jdck4twbex] {
    background: linear-gradient(135deg, var(--color-accent), var(--color-accent-2));
}

.admin-super-page .activity-icon.content[b-jdck4twbex] {
    background: linear-gradient(135deg, rgba(var(--bs-success-rgb), 1), rgba(var(--bs-success-rgb), 0.72));
}

.admin-super-page .activity-icon.signup[b-jdck4twbex] {
    background: linear-gradient(135deg, var(--color-accent-2), rgba(var(--bs-warning-rgb), 1));
}

.admin-super-page .activity-icon.view[b-jdck4twbex] {
    background: linear-gradient(135deg, var(--color-ink), var(--color-accent));
}

.admin-super-page .activity-content[b-jdck4twbex] {
    min-width: 0;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.admin-super-page .activity-text[b-jdck4twbex] {
    font-weight: 650;
    overflow-wrap: anywhere;
    word-break: break-word;
}

.admin-super-page .activity-meta[b-jdck4twbex] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--space-2);
    font-size: var(--text-sm);
    color: var(--text-secondary);
}

.admin-super-page .activity-meta i[b-jdck4twbex] {
    color: rgba(var(--color-ink-rgb), 0.6);
}

.admin-super-page .user-results-card tbody tr:hover[b-jdck4twbex] {
    background: rgba(var(--color-accent-rgb), 0.06);
}

.admin-super-page .user-results-card td:first-child[b-jdck4twbex] {
    overflow-wrap: anywhere;
    word-break: break-word;
}

.admin-super-page .empty-state[b-jdck4twbex] {
    border: 1px dashed rgba(var(--color-ink-rgb), 0.22);
    border-radius: var(--radius-xl);
    padding: var(--space-4);
    text-align: center;
    color: var(--text-secondary);
}

.admin-super-page .empty-state > i[b-jdck4twbex] {
    font-size: 1.75rem;
    color: rgba(var(--color-accent-rgb), 0.75);
    display: block;
    margin-bottom: var(--space-2);
}

.admin-super-page .loading-state[b-jdck4twbex] {
    display: flex;
    justify-content: center;
    padding: var(--space-7) 0;
}

.admin-super-page .loading-inline[b-jdck4twbex] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
}

.admin-super-page .billing-subtitle[b-jdck4twbex] {
    font-size: var(--text-sm);
    font-weight: 650;
    margin-bottom: var(--space-3);
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--text-secondary);
}
/* /Components/Pages/Admin/Users.razor.rz.scp.css */
.admin-users-page .users-table-container[b-85yce4x7fm] {
    border-radius: var(--radius-xl);
    border: 1px solid var(--glass-border);
    background: var(--glass-surface);
    box-shadow: var(--shadow-sm);
    backdrop-filter: var(--glass-filter);
    -webkit-backdrop-filter: var(--glass-filter);
    overflow: hidden;
}

.admin-users-page .users-table-scroll[b-85yce4x7fm] {
    overflow-x: auto;
    overflow-y: visible;
    border-radius: var(--radius-xl);
    -webkit-overflow-scrolling: touch;
}

.admin-users-page .users-table[b-85yce4x7fm] {
    margin: 0;
    width: 100%;
    min-width: 1040px;
}

.admin-users-page .users-table th[b-85yce4x7fm] {
    background: rgba(var(--color-surface-rgb), 0.55);
    font-weight: 650;
    color: var(--text-secondary);
    border-bottom: 1px solid var(--glass-border);
    padding: var(--space-3) var(--space-4);
    white-space: nowrap;
}

.admin-users-page .users-table td[b-85yce4x7fm] {
    padding: var(--space-3) var(--space-4);
    vertical-align: middle;
}

.admin-users-page .user-info[b-85yce4x7fm] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    min-width: 0;
}

.admin-users-page .user-avatar[b-85yce4x7fm] {
    width: 40px;
    height: 40px;
    border-radius: var(--radius-full);
    background: rgba(var(--color-accent-rgb), 0.18);
    color: var(--color-accent);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    flex: 0 0 auto;
}

.admin-users-page .user-name[b-85yce4x7fm] {
    display: block;
    color: var(--text-primary);
}

.admin-users-page .user-subline[b-85yce4x7fm] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2);
    margin-top: 2px;
    font-size: var(--text-xs);
    color: var(--text-secondary);
}

.admin-users-page .user-id[b-85yce4x7fm] {
    font-family: var(--font-mono);
    color: var(--text-tertiary);
}

.admin-users-page .user-actions[b-85yce4x7fm] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    flex-wrap: wrap;
}

.admin-users-page .user-actions .user-action[b-85yce4x7fm] {
    width: 2.25rem;
    height: 2.25rem;
    padding: 0;
    border-radius: var(--radius-full);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Loading State */
.admin-users-page .loading-state[b-85yce4x7fm] {
    text-align: center;
    padding: var(--space-7);
}

@media (max-width: 768px) {
    .admin-users-page .users-table[b-85yce4x7fm] {
        min-width: 980px;
    }
}
/* /Components/Pages/Analytics.razor.rz.scp.css */
.analytics-container[b-9ksw70ypb7] {
    padding: var(--space-6);
    max-width: var(--content-max-width);
    margin: 0 auto;
}

.page-header[b-9ksw70ypb7] {
    margin-bottom: var(--space-6);
}

.page-header h1[b-9ksw70ypb7] {
    color: var(--text-primary);
    font-weight: 650;
    margin-bottom: 0.5rem;
}

.time-filter[b-9ksw70ypb7] {
    display: flex;
    justify-content: flex-end;
}

.analytics-grid[b-9ksw70ypb7] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 1.5rem;
    margin-bottom: 3rem;
}

.stat-icon[b-9ksw70ypb7] {
    width: 60px;
    height: 60px;
    background: var(--primary-lighter);
    border-radius: var(--radius-xl);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.stat-icon i[b-9ksw70ypb7] {
    font-size: 1.5rem;
    color: var(--color-accent);
}

.stat-content h3[b-9ksw70ypb7] {
    font-size: 0.875rem;
    color: var(--text-secondary);
    margin-bottom: 0.25rem;
    font-weight: 500;
}

.charts-section[b-9ksw70ypb7] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
    gap: 2rem;
    margin-bottom: 3rem;
}

.chart-container[b-9ksw70ypb7] {
    background: var(--bg-card);
    border-radius: var(--radius-xl);
    padding: 1.5rem;
    box-shadow: var(--shadow-sm);
    border: 1px solid var(--color-border);
}

.chart-container h3[b-9ksw70ypb7] {
    font-size: 1.125rem;
    font-weight: 650;
    margin-bottom: 1rem;
    color: var(--text-primary);
}

.chart-placeholder[b-9ksw70ypb7] {
    background: var(--bg-tertiary);
    border-radius: var(--radius-md);
    min-height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--color-border);
}

.top-content-section[b-9ksw70ypb7] {
    background: var(--bg-card);
    border-radius: var(--radius-xl);
    padding: 1.5rem;
    box-shadow: var(--shadow-sm);
    border: 1px solid var(--color-border);
    margin-bottom: 2rem;
}

.top-content-section h3[b-9ksw70ypb7] {
    font-size: 1.125rem;
    font-weight: 650;
    margin-bottom: 1rem;
    color: var(--text-primary);
}

.traffic-sources-section[b-9ksw70ypb7] {
    background: var(--bg-card);
    border-radius: var(--radius-xl);
    padding: 1.5rem;
    box-shadow: var(--shadow-sm);
    border: 1px solid var(--color-border);
}

.traffic-sources-section h3[b-9ksw70ypb7] {
    font-size: 1.125rem;
    font-weight: 650;
    margin-bottom: 1rem;
    color: var(--text-primary);
}

.sources-grid[b-9ksw70ypb7] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 1rem;
}

.source-item[b-9ksw70ypb7] {
    background: var(--bg-tertiary);
    border-radius: var(--radius-md);
    padding: 1rem;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    border: 1px solid var(--color-border);
}

.source-item i[b-9ksw70ypb7] {
    font-size: 1.5rem;
    color: var(--color-accent);
}

.source-item span[b-9ksw70ypb7] {
    font-size: 0.875rem;
    color: var(--text-secondary);
}

.source-item strong[b-9ksw70ypb7] {
    font-size: 1.25rem;
    color: var(--text-primary);
}

@media (max-width: 768px) {
    .analytics-container[b-9ksw70ypb7] {
        padding: var(--space-4);
    }

    .time-filter[b-9ksw70ypb7] {
        justify-content: center;
    }

    .time-filter .btn-group[b-9ksw70ypb7] {
        flex-wrap: wrap;
    }

    .charts-section[b-9ksw70ypb7] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Articles/ArticleList.razor.rz.scp.css */
.sl-articles-page[b-oo2wf814kl] {
    gap: var(--space-5);
}

.sl-articles-tabs[b-oo2wf814kl] {
    margin-bottom: var(--space-4);
}

.sl-articles-grid[b-oo2wf814kl] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: var(--space-3);
}

.article-card[b-oo2wf814kl] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: 0;
    gap: 0;
}

.article-card .card-body[b-oo2wf814kl],
.article-card .card-footer[b-oo2wf814kl] {
    padding: var(--space-3);
}

.article-card-body[b-oo2wf814kl] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
    flex: 1;
}

.article-card-footer.sl-card-footer[b-oo2wf814kl] {
    justify-content: flex-end;
}

.article-card-header[b-oo2wf814kl] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--space-3);
}

.article-title[b-oo2wf814kl] {
    font-size: var(--text-base);
    font-weight: 600;
    margin: 0;
    color: var(--text-primary);
    line-height: 1.4;
    word-break: break-word;
}

.article-title a[b-oo2wf814kl] {
    color: inherit;
    text-decoration: none;
}

.article-title a:hover[b-oo2wf814kl] {
    color: var(--color-accent);
    text-decoration: underline;
}

.article-meta[b-oo2wf814kl] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2);
    font-size: var(--text-xs);
    color: var(--text-secondary);
}

.article-meta-item[b-oo2wf814kl] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
}

.article-meta-item i[b-oo2wf814kl] {
    font-size: 0.85em;
}

.article-share[b-oo2wf814kl] {
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
}


.article-empty[b-oo2wf814kl] {
    display: flex;
    align-items: flex-start;
    gap: var(--space-3);
    border-radius: var(--radius-lg);
}

.article-empty i[b-oo2wf814kl] {
    font-size: 1.25rem;
}

@media (max-width: 768px) {
    .article-card-header[b-oo2wf814kl] {
        flex-direction: column;
        align-items: flex-start;
    }

    .article-card-footer[b-oo2wf814kl] {
        justify-content: flex-start;
    }
}
/* /Components/Pages/Content/ArticleView.razor.rz.scp.css */
.article-view[b-rre56ph7hk] {
    max-width: 800px;
    margin: 0 auto;
}

.article-header[b-rre56ph7hk] {
    text-align: center;
    margin-bottom: 3rem;
}

.article-title[b-rre56ph7hk] {
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 1rem;
}

.article-meta[b-rre56ph7hk] {
    font-size: 0.9rem;
}

.article-tags .badge[b-rre56ph7hk] {
    font-weight: normal;
    padding: 0.4em 0.8em;
}

.article-cover[b-rre56ph7hk] {
    margin: 2rem -1rem;
}

.article-cover img[b-rre56ph7hk] {
    width: 100%;
    height: auto;
    max-height: 500px;
    object-fit: cover;
}

.article-content[b-rre56ph7hk] {
    font-size: 1.125rem;
    line-height: 1.7;
}

.article-content h1[b-rre56ph7hk],
.article-content h2[b-rre56ph7hk],
.article-content h3[b-rre56ph7hk],
.article-content h4[b-rre56ph7hk],
.article-content h5[b-rre56ph7hk],
.article-content h6[b-rre56ph7hk] {
    margin-top: 2rem;
    margin-bottom: 1rem;
    font-weight: 600;
}

.article-content p[b-rre56ph7hk] {
    margin-bottom: 1.5rem;
}

.article-content ul[b-rre56ph7hk],
.article-content ol[b-rre56ph7hk] {
    margin-bottom: 1.5rem;
    padding-left: 2rem;
}

.article-content blockquote[b-rre56ph7hk] {
    border-left: 4px solid var(--bs-primary);
    padding-left: 1rem;
    margin: 1.5rem 0;
    font-style: italic;
}

.article-content pre[b-rre56ph7hk] {
    background-color: var(--bs-gray-100);
    padding: 1rem;
    border-radius: 0.375rem;
    overflow-x: auto;
    margin-bottom: 1.5rem;
}

.article-content code[b-rre56ph7hk] {
    background-color: var(--bs-gray-100);
    padding: 0.2em 0.4em;
    border-radius: 0.25rem;
    font-size: 0.9em;
}

.article-content pre code[b-rre56ph7hk] {
    background-color: transparent;
    padding: 0;
}

.article-content img[b-rre56ph7hk] {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 1.5rem auto;
}

.article-sharing .btn-group[b-rre56ph7hk] {
    flex-wrap: wrap;
}

@media (max-width: 768px) {
    .article-title[b-rre56ph7hk] {
        font-size: 2rem;
    }
    
    .article-cover[b-rre56ph7hk] {
        margin: 2rem -1rem;
    }
    
    .article-content[b-rre56ph7hk] {
        font-size: 1rem;
    }
}
/* /Components/Pages/Content/Checkout.razor.rz.scp.css */
.checkout-container[b-nuxz2j182c] {
    max-width: 72rem;
    margin: 2.5rem auto;
    padding: 0 var(--space-4);
}

.loading-spinner[b-nuxz2j182c] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 25rem;
}

.checkout-content[b-nuxz2j182c] {
    display: flex;
    flex-direction: column;
    gap: var(--space-5);
}

.checkout-header[b-nuxz2j182c] {
    text-align: center;
    max-width: 60ch;
    margin: 0 auto;
}

.checkout-header h1[b-nuxz2j182c] {
    color: var(--text-primary);
    font-size: 2rem;
    font-weight: 650;
    margin-bottom: var(--space-2);
}

.checkout-subtitle[b-nuxz2j182c] {
    color: var(--text-secondary);
    margin: 0;
}

.checkout-grid[b-nuxz2j182c] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: var(--space-5);
}

.checkout-card[b-nuxz2j182c] {
    border-radius: var(--radius-xl);
    border: 1px solid var(--glass-border);
    background: var(--glass-surface);
    box-shadow: var(--shadow-glass);
    backdrop-filter: var(--glass-filter);
    -webkit-backdrop-filter: var(--glass-filter);
    padding: var(--space-5);
    min-width: 0;
}

.product-info[b-nuxz2j182c] {
    background: rgba(var(--color-surface-rgb), 0.6);
    border-radius: var(--radius-lg);
    padding: var(--space-4);
    border: 1px solid var(--color-border);
}

.product-info h3[b-nuxz2j182c] {
    color: var(--text-primary);
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.product-info p[b-nuxz2j182c] {
    color: var(--text-secondary);
    margin-bottom: 1rem;
}

.pricing-info[b-nuxz2j182c] {
    margin-top: var(--space-4);
    padding-top: var(--space-4);
    border-top: 1px solid var(--color-border);
}

.fixed-price[b-nuxz2j182c] {
    display: flex;
    align-items: baseline;
    gap: 0.5rem;
}

.price-label[b-nuxz2j182c] {
    color: var(--text-secondary);
    font-size: 0.875rem;
}

.price-amount[b-nuxz2j182c] {
    color: var(--primary-color);
    font-size: 1.65rem;
    font-weight: 650;
}

.billing-period[b-nuxz2j182c] {
    color: var(--text-secondary);
    font-size: 1rem;
}

.pay-what-you-want[b-nuxz2j182c] {
    max-width: 300px;
}

.pay-what-you-want .form-label[b-nuxz2j182c] {
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.pay-what-you-want .input-group[b-nuxz2j182c] {
    margin-bottom: 0.5rem;
}

.coupon-section[b-nuxz2j182c] {
    margin: var(--space-4) 0;
    padding: var(--space-3);
    background: rgba(var(--color-surface-rgb), 0.5);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
}

.coupon-input-group[b-nuxz2j182c] {
    margin-top: 0.5rem;
}

.discount-section[b-nuxz2j182c] {
    color: var(--success-color);
    font-weight: 500;
    padding: 0.5rem 0;
}

.original-price-section[b-nuxz2j182c],
.final-price-section[b-nuxz2j182c] {
    padding: 0.5rem 0;
}

.final-price-section[b-nuxz2j182c] {
    border-top: 2px solid var(--color-border);
    padding-top: var(--space-3);
    margin-top: var(--space-2);
}

.payment-section h4[b-nuxz2j182c] {
    color: var(--text-primary);
    font-size: 1.125rem;
    font-weight: 650;
    margin-bottom: var(--space-3);
}

.checkout-payment-card .payment-section[b-nuxz2j182c] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

.payment-header[b-nuxz2j182c] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-2);
}

.payment-powered[b-nuxz2j182c] {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--text-tertiary);
}

.payment-methods[b-nuxz2j182c] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
    padding: var(--space-3);
    border-radius: var(--radius-lg);
    border: 1px solid var(--glass-border);
    background: rgba(var(--color-surface-rgb), 0.7);
    backdrop-filter: var(--glass-filter);
    -webkit-backdrop-filter: var(--glass-filter);
    margin-bottom: var(--space-4);
}

.payment-methods-title[b-nuxz2j182c] {
    font-size: var(--text-sm);
    font-weight: 650;
    color: var(--text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.express-checkout-shell[b-nuxz2j182c] {
    padding: var(--space-3);
    border-radius: var(--radius-lg);
    border: 1px dashed rgba(var(--color-ink-rgb), 0.12);
    background: rgba(var(--color-surface-rgb), 0.85);
    min-height: 3.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.express-checkout-shell.is-hidden[b-nuxz2j182c] {
    display: none;
}

.stripe-express-element[b-nuxz2j182c],
[data-test='express-checkout-element'][b-nuxz2j182c] {
    width: 100%;
}

.payment-methods-hint[b-nuxz2j182c] {
    font-size: 0.85rem;
    color: var(--text-tertiary);
}

.payment-element-shell[b-nuxz2j182c] {
    border-radius: var(--radius-xl);
    border: 1px solid var(--glass-border);
    background: rgba(var(--color-surface-rgb), 0.8);
    padding: var(--space-4);
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
    box-shadow: var(--shadow-sm);
}

.payment-element-header[b-nuxz2j182c] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.payment-element-title[b-nuxz2j182c] {
    font-weight: 600;
    color: var(--text-primary);
}

.payment-element-subtitle[b-nuxz2j182c] {
    font-size: 0.85rem;
    color: var(--text-secondary);
}

.stripe-payment-element[b-nuxz2j182c],
[data-test='payment-element'][b-nuxz2j182c] {
    min-height: 14rem;
    padding: var(--space-4);
    background: rgba(var(--color-surface-rgb), 0.9);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-lg);
    box-shadow: inset 0 0 0 1px rgba(var(--color-ink-rgb), 0.04);
}

.stripe-payment-element[hidden][b-nuxz2j182c],
.stripe-payment-element.StripeElement[hidden][b-nuxz2j182c],
[data-test='payment-element'][hidden][b-nuxz2j182c] {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.security-info[b-nuxz2j182c] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-top: var(--space-4);
    color: var(--text-secondary);
    font-size: 0.875rem;
}

.security-info i[b-nuxz2j182c] {
    color: var(--success-color);
}

.alert[b-nuxz2j182c] {
    border-radius: var(--radius-md);
}

@media (max-width: 62rem) {
    .checkout-grid[b-nuxz2j182c] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 36rem) {
    .checkout-container[b-nuxz2j182c] {
        margin: 1.5rem auto;
        padding: 0 var(--space-3);
    }

    .checkout-card[b-nuxz2j182c] {
        padding: var(--space-4);
    }

    .checkout-header h1[b-nuxz2j182c] {
        font-size: 1.6rem;
    }

    .product-info[b-nuxz2j182c] {
        padding: var(--space-3);
    }
}
/* /Components/Pages/Content/ContentEdit.razor.rz.scp.css */
.content-edit-container[b-036bfjfrxu] {
    padding: var(--space-6);
    max-width: 1000px;
    margin: 0 auto;
}

.page-header[b-036bfjfrxu] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 2rem;
}

.page-header h1[b-036bfjfrxu] {
    color: var(--text-primary);
    font-weight: 650;
    margin: 0;
}

.content-form[b-036bfjfrxu] {
    background: var(--bg-card);
    border-radius: var(--radius-xl);
    padding: var(--space-6);
    box-shadow: var(--shadow);
    border: 1px solid var(--color-border);
}

.content-editor h2[b-036bfjfrxu] {
    font-size: 1.5rem;
    font-weight: 650;
    margin-bottom: 1.5rem;
    color: var(--text-primary);
}

.form-actions[b-036bfjfrxu] {
    display: flex;
    gap: 1rem;
    margin-top: 2rem;
    padding-top: 2rem;
    border-top: 1px solid var(--color-border);
}

@media (max-width: 768px) {
    .content-edit-container[b-036bfjfrxu] {
        padding: var(--space-4);
    }

    .content-form[b-036bfjfrxu] {
        padding: var(--space-4);
    }

    .page-header[b-036bfjfrxu] {
        flex-direction: column;
        align-items: flex-start;
    }

    .form-actions[b-036bfjfrxu] {
        flex-direction: column;
    }

    .form-actions button[b-036bfjfrxu] {
        width: 100%;
    }
}
/* /Components/Pages/Creator/AIAssistant.razor.rz.scp.css */
.ai-assistant-page[b-pb05eci78k] {
    min-width: 0;
}

.sl-ai-layout[b-pb05eci78k] {
    display: grid;
    grid-template-columns: minmax(280px, 340px) minmax(0, 1fr);
    gap: var(--space-5);
    align-items: start;
}

.sl-ai-sidebar[b-pb05eci78k] {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
    min-width: 0;
}

.sl-ai-mode-list[b-pb05eci78k] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}

.sl-ai-mode[b-pb05eci78k] {
    width: 100%;
    text-align: left;
}

.sl-ai-mode.is-active[b-pb05eci78k] {
    border-color: rgba(var(--color-accent-rgb), 0.38);
    background: rgba(var(--color-accent-rgb), 0.08);
    box-shadow: var(--focus-ring), var(--shadow-sm);
}

.sl-ai-credits .card-body[b-pb05eci78k] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

.sl-ai-credits-row[b-pb05eci78k] {
    display: flex;
    align-items: baseline;
    gap: 0.5rem;
}

.sl-ai-credits-used[b-pb05eci78k],
.sl-ai-credits-unlimited[b-pb05eci78k] {
    font-size: 1.5rem;
    font-weight: 750;
    color: var(--text-primary);
}

.sl-ai-credits-total[b-pb05eci78k] {
    color: var(--text-secondary);
}

.sl-ai-credits-bar[b-pb05eci78k] {
    height: 10px;
    border-radius: var(--radius-full);
    background: rgba(var(--color-ink-rgb), 0.08);
    overflow: hidden;
}

.sl-ai-credits-fill[b-pb05eci78k] {
    height: 100%;
    background: var(--color-accent);
    border-radius: inherit;
}

.sl-ai-upgrade-link[b-pb05eci78k] {
    font-weight: 650;
    color: var(--color-accent);
    text-decoration: none;
}

.sl-ai-upgrade-link:hover[b-pb05eci78k] {
    color: var(--color-accent-hover);
    text-decoration: underline;
}

.sl-ai-workspace[b-pb05eci78k] {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
    min-width: 0;
}

.sl-ai-panel[b-pb05eci78k] {
    max-width: 940px;
}

.sl-ai-panel .card-body > p.text-muted[b-pb05eci78k] {
    margin-top: 0;
}

.sl-ai-form-row[b-pb05eci78k] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-4);
}

.sl-ai-result[b-pb05eci78k] {
    max-width: 940px;
}

.sl-ai-result-text[b-pb05eci78k] {
    margin: 0;
    padding: var(--space-4);
    border-radius: var(--radius-lg);
    border: 1px solid var(--color-border);
    background: rgba(var(--color-bg-rgb), 0.65);
    overflow: auto;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    font-family: var(--font-mono);
    font-size: 0.95rem;
    line-height: 1.55;
}

.sl-ai-result-actions[b-pb05eci78k] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2);
    margin-top: var(--space-3);
}

.sl-ai-outline-list[b-pb05eci78k] {
    margin: var(--space-3) 0 0 0;
    padding-left: 1.25rem;
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

.sl-ai-outline-title[b-pb05eci78k] {
    font-weight: 650;
    color: var(--text-primary);
}

.sl-ai-outline-sublist[b-pb05eci78k] {
    margin-top: var(--space-2);
    padding-left: 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.sl-ai-outline-questions-label[b-pb05eci78k] {
    margin-top: var(--space-2);
    font-size: var(--text-sm);
    font-weight: 600;
    color: var(--text-secondary);
}

.sl-ai-outline-questions[b-pb05eci78k] {
    margin-top: var(--space-1);
    padding-left: 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.sl-ai-seo-grid[b-pb05eci78k] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: var(--space-3);
    padding: var(--space-3);
    border-radius: var(--radius-lg);
    border: 1px solid var(--color-border);
    background: rgba(var(--color-bg-rgb), 0.5);
}

.sl-ai-seo-score[b-pb05eci78k] {
    font-weight: 750;
    font-size: 1.25rem;
    color: var(--text-primary);
}

.sl-ai-welcome[b-pb05eci78k] {
    width: 100%;
    max-width: 720px;
    margin: 0 auto;
}

.sl-ai-feature-list[b-pb05eci78k] {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--space-2);
    text-align: left;
    margin-top: var(--space-4);
}

.sl-ai-feature[b-pb05eci78k] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    color: var(--text-secondary);
}

.sl-ai-feature i[b-pb05eci78k] {
    color: var(--color-success);
    flex: 0 0 auto;
}

@media (max-width: 992px) {
    .sl-ai-layout[b-pb05eci78k] {
        grid-template-columns: 1fr;
    }

    .sl-ai-panel[b-pb05eci78k],
    .sl-ai-result[b-pb05eci78k] {
        max-width: 100%;
    }
}

@media (max-width: 640px) {
    .sl-ai-form-row[b-pb05eci78k] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Creator/AIUsageLegacy.razor.rz.scp.css */
.usage-metric[b-s61zdgvyra] {
    text-align: center;
    padding: 1rem 0;
}

.metric-value[b-s61zdgvyra] {
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--bs-primary);
    line-height: 1;
}

.metric-subtitle[b-s61zdgvyra] {
    color: var(--bs-secondary);
    font-size: 0.875rem;
    margin-top: 0.25rem;
}

.metric-trend[b-s61zdgvyra] {
    margin-top: 0.75rem;
    font-size: 0.875rem;
    font-weight: 500;
}

.metric-info[b-s61zdgvyra] {
    text-align: center;
}

.usage-breakdown[b-s61zdgvyra] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.usage-item[b-s61zdgvyra] {
    display: grid;
    grid-template-columns: 200px 1fr auto;
    align-items: center;
    gap: 1rem;
}

.usage-label[b-s61zdgvyra] {
    font-weight: 500;
    color: var(--bs-gray-700);
}

.usage-bar[b-s61zdgvyra] {
    flex: 1;
}

.usage-bar .progress[b-s61zdgvyra] {
    height: 8px;
}

.usage-count[b-s61zdgvyra] {
    font-weight: 600;
    color: var(--bs-gray-600);
    min-width: 40px;
    text-align: right;
}

.usage-tips[b-s61zdgvyra] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.tip[b-s61zdgvyra] {
    display: flex;
    gap: 0.75rem;
    align-items: start;
}

.tip i[b-s61zdgvyra] {
    font-size: 1.25rem;
    margin-top: 0.125rem;
}

.tip strong[b-s61zdgvyra] {
    display: block;
    margin-bottom: 0.25rem;
    color: var(--bs-gray-800);
}

@media (max-width: 768px) {
    .usage-item[b-s61zdgvyra] {
        grid-template-columns: 1fr auto;
    }
    
    .usage-label[b-s61zdgvyra] {
        grid-column: 1 / -1;
        margin-bottom: 0.25rem;
    }
}
/* /Components/Pages/Creator/Articles/ArticleCreate.razor.rz.scp.css */
.sl-article-editor-page[b-obtqqtzb1f] {
    gap: var(--space-5);
    padding: var(--space-5) var(--space-5) var(--space-7);
}

.sl-article-editor-page .card[b-obtqqtzb1f] {
    border-radius: var(--radius-xl);
    border: 1px solid var(--glass-border);
    background: var(--glass-surface);
    box-shadow: var(--shadow-sm);
}

.sl-article-editor-page .card-header[b-obtqqtzb1f] {
    background: rgba(var(--color-surface-rgb), 0.7);
    border-bottom: 1px solid var(--glass-border);
}

.sl-article-editor-page .card-body[b-obtqqtzb1f] {
    padding: var(--space-4);
}

.article-editor[b-obtqqtzb1f] {
    font-family: var(--font-sans);
    font-size: 1.125rem;
    line-height: 1.75;
    color: var(--text-primary);
    min-height: 380px;
    border: none;
    box-shadow: none;
    padding: 0;
    resize: vertical;
    background: transparent;
}

.article-editor:focus[b-obtqqtzb1f] {
    outline: none;
    box-shadow: none;
}

.article-editor h1[b-obtqqtzb1f] {
    font-family: var(--font-display);
    font-size: 2.5rem;
    font-weight: 700;
    margin: 1.5rem 0 1rem;
}

.article-editor h2[b-obtqqtzb1f] {
    font-family: var(--font-display);
    font-size: 2rem;
    font-weight: 700;
    margin: 1.5rem 0 1rem;
}

.article-editor h3[b-obtqqtzb1f] {
    font-family: var(--font-display);
    font-size: 1.5rem;
    font-weight: 700;
    margin: 1.5rem 0 1rem;
}

.article-editor p[b-obtqqtzb1f] {
    margin-bottom: 1rem;
}

.article-editor ul[b-obtqqtzb1f],
.article-editor ol[b-obtqqtzb1f] {
    margin-bottom: 1rem;
    padding-left: 2rem;
}

.article-editor blockquote[b-obtqqtzb1f] {
    border-left: 4px solid var(--color-border);
    padding-left: 1rem;
    margin: 1rem 0;
    font-style: italic;
    color: var(--text-secondary);
}

.article-editor pre[b-obtqqtzb1f] {
    background-color: var(--bg-tertiary);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    padding: 1rem;
    overflow-x: auto;
    margin-bottom: 1rem;
}

.article-editor code[b-obtqqtzb1f] {
    background-color: var(--bg-tertiary);
    padding: 0.125rem 0.25rem;
    border-radius: var(--radius-sm);
    font-family: var(--font-mono);
    font-size: 0.875em;
}

.article-editor pre code[b-obtqqtzb1f] {
    background-color: transparent;
    padding: 0;
}

.article-editor img[b-obtqqtzb1f] {
    max-width: 100%;
    height: auto;
    margin: 1rem 0;
    border-radius: var(--radius-md);
}

.article-editor a[b-obtqqtzb1f] {
    color: var(--primary-color);
    text-decoration: underline;
}

.article-editor a:hover[b-obtqqtzb1f] {
    color: var(--primary-hover);
}

.editor-toolbar[b-obtqqtzb1f] {
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md) var(--radius-md) 0 0;
    padding: 0.5rem;
    background-color: var(--bg-tertiary);
    margin-bottom: -1px;
}

.editor-toolbar .btn[b-obtqqtzb1f] {
    padding: 0.25rem 0.5rem;
}

.editor-toolbar .btn:hover[b-obtqqtzb1f] {
    background-color: var(--bg-hover);
}

.editor-toolbar .btn-group[b-obtqqtzb1f] {
    margin-right: 0.25rem;
}

.editor-container[b-obtqqtzb1f] {
    position: relative;
    min-height: 0;
    border: none;
    border-radius: 0;
    padding: 0;
    background: transparent;
    box-shadow: none;
    overflow: visible;
}

.editor-container:focus-within[b-obtqqtzb1f] {
    border-color: transparent;
    box-shadow: none;
}

.article-title-input[b-obtqqtzb1f] {
    font-size: 2rem;
    padding: var(--space-3) var(--space-4);
    border: 1px solid rgba(var(--color-accent-rgb), 0.18);
    border-radius: var(--radius-lg);
    background: rgba(var(--color-surface-rgb), 0.85);
    backdrop-filter: var(--glass-filter);
    -webkit-backdrop-filter: var(--glass-filter);
    box-shadow: var(--shadow-sm);
    line-height: 1.15;
}

.article-title-input[b-obtqqtzb1f]::placeholder {
    color: var(--text-tertiary);
}

.article-title-input:focus[b-obtqqtzb1f] {
    border-color: rgba(var(--color-accent-rgb), 0.45);
    box-shadow: var(--focus-ring), var(--shadow-sm);
}

.featured-image-preview[b-obtqqtzb1f] {
    max-height: 200px;
    width: auto;
}

.form-label[b-obtqqtzb1f] {
    font-weight: 600;
    margin-bottom: 0.5rem;
}

/* Video embed styles */
.article-editor .video-wrapper[b-obtqqtzb1f] {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 aspect ratio */
    height: 0;
    overflow: hidden;
    margin: 1rem 0;
}

.article-editor .video-wrapper iframe[b-obtqqtzb1f] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

/* Media queries for responsive design */
@media (max-width: 991px) {
    .article-editor[b-obtqqtzb1f] {
        font-size: 1rem;
    }
    
    .article-title-input[b-obtqqtzb1f] {
        font-size: 1.5rem;
    }

    .form-control-lg[b-obtqqtzb1f] {
        font-size: 1.25rem;
    }
    
    .article-editor h1[b-obtqqtzb1f] {
        font-size: 2rem;
    }
    
    .article-editor h2[b-obtqqtzb1f] {
        font-size: 1.5rem;
    }
    
    .article-editor h3[b-obtqqtzb1f] {
        font-size: 1.25rem;
    }
}
/* /Components/Pages/Creator/Articles/ArticleCreateNew.razor.rz.scp.css */
.article-create-container[b-g0vr8s4k5q] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 2rem;
}

.page-header[b-g0vr8s4k5q] {
    display: flex;
    justify-content: space-between;
    align-items: start;
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--bs-gray-200);
}

.header-left[b-g0vr8s4k5q] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.header-left h1[b-g0vr8s4k5q] {
    margin-bottom: 0;
    color: var(--bs-gray-900);
}

.header-actions[b-g0vr8s4k5q] {
    display: flex;
    gap: 0.75rem;
    align-items: center;
}

.article-form[b-g0vr8s4k5q] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;
}

.title-input[b-g0vr8s4k5q] {
    font-size: 1.5rem;
    font-weight: 600;
    border: none;
    outline: none;
    box-shadow: none;
}

.title-input:focus[b-g0vr8s4k5q] {
    border-color: var(--primary-color);
    box-shadow: var(--focus-ring);
}

.content-editor[b-g0vr8s4k5q] {
    min-height: 400px;
    font-family: var(--bs-font-sans-serif);
    line-height: 1.6;
    resize: vertical;
}

.editor-toolbar[b-g0vr8s4k5q] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    padding: 0.5rem;
    background: var(--bg-tertiary);
    border: 1px solid var(--color-border);
    border-radius: 0.375rem 0.375rem 0 0;
}

.editor-toolbar .btn-group .btn[b-g0vr8s4k5q] {
    padding: 0.375rem 0.5rem;
    font-size: 0.875rem;
}

.cover-image-preview[b-g0vr8s4k5q] {
    border: 1px solid var(--bs-gray-200);
    border-radius: 0.375rem;
    overflow: hidden;
    max-height: 200px;
}

.cover-image-preview img[b-g0vr8s4k5q] {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.article-stats[b-g0vr8s4k5q] {
    margin-top: 1.5rem;
    padding-top: 1rem;
    border-top: 1px solid var(--bs-gray-200);
}

.article-stats h6[b-g0vr8s4k5q] {
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--bs-gray-700);
    margin-bottom: 0.75rem;
}

.stat-item[b-g0vr8s4k5q] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.25rem 0;
    font-size: 0.85rem;
}

.stat-label[b-g0vr8s4k5q] {
    color: var(--bs-gray-600);
}

.stat-value[b-g0vr8s4k5q] {
    font-weight: 500;
    color: var(--bs-gray-900);
}

@media (min-width: 992px) {
    .article-form[b-g0vr8s4k5q] {
        grid-template-columns: 2fr 1fr;
    }
}

@media (max-width: 768px) {
    .article-create-container[b-g0vr8s4k5q] {
        padding: 1rem;
    }
    
    .page-header[b-g0vr8s4k5q] {
        flex-direction: column;
        gap: 1rem;
        align-items: stretch;
    }
    
    .header-actions[b-g0vr8s4k5q] {
        justify-content: stretch;
    }
    
    .header-actions button[b-g0vr8s4k5q] {
        flex: 1;
    }
}
/* /Components/Pages/Creator/Articles/ArticleEdit.razor.rz.scp.css */
.sl-article-editor-page[b-l56rh4ipv1] {
    gap: var(--space-5);
    padding: var(--space-5) var(--space-5) var(--space-7);
}

.sl-article-editor-page .card[b-l56rh4ipv1] {
    border-radius: var(--radius-xl);
    border: 1px solid var(--glass-border);
    background: var(--glass-surface);
    box-shadow: var(--shadow-sm);
}

.sl-article-editor-page .card-header[b-l56rh4ipv1] {
    background: rgba(var(--color-surface-rgb), 0.7);
    border-bottom: 1px solid var(--glass-border);
}

.sl-article-editor-page .card-body[b-l56rh4ipv1] {
    padding: var(--space-4);
}

.editor-toolbar[b-l56rh4ipv1] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem;
    padding: 0.5rem;
    background-color: var(--bg-tertiary);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md) var(--radius-md) 0 0;
    border-bottom: 0;
}

.editor-container[b-l56rh4ipv1] {
    min-height: 0;
    border: none;
    border-radius: 0;
    padding: 0;
    background: transparent;
    box-shadow: none;
    overflow: visible;
}

.editor-container:focus-within[b-l56rh4ipv1] {
    border-color: transparent;
    box-shadow: none;
}

.article-title-input[b-l56rh4ipv1] {
    font-size: 2rem;
    font-weight: 700;
    padding: var(--space-3) var(--space-4);
    border: 1px solid rgba(var(--color-accent-rgb), 0.18);
    border-radius: var(--radius-lg);
    background: rgba(var(--color-surface-rgb), 0.85);
    backdrop-filter: var(--glass-filter);
    -webkit-backdrop-filter: var(--glass-filter);
    box-shadow: var(--shadow-sm);
    line-height: 1.15;
}

.article-title-input[b-l56rh4ipv1]::placeholder {
    color: var(--text-tertiary);
}

.article-title-input:focus[b-l56rh4ipv1] {
    border-color: rgba(var(--color-accent-rgb), 0.45);
    box-shadow: var(--focus-ring), var(--shadow-sm);
}

.featured-image-preview[b-l56rh4ipv1] {
    max-height: 200px;
    width: auto;
}

.article-editor[b-l56rh4ipv1] {
    font-family: var(--font-sans);
    font-size: 1.125rem;
    line-height: 1.75;
    min-height: 380px;
    outline: none;
}

.article-editor h1[b-l56rh4ipv1],
.article-editor h2[b-l56rh4ipv1],
.article-editor h3[b-l56rh4ipv1],
.article-editor h4[b-l56rh4ipv1],
.article-editor h5[b-l56rh4ipv1],
.article-editor h6[b-l56rh4ipv1] {
    margin-top: 1.5rem;
    margin-bottom: 0.75rem;
    font-weight: 600;
    font-family: var(--font-display);
}

.article-editor h1[b-l56rh4ipv1] { font-size: 2rem; }
.article-editor h2[b-l56rh4ipv1] { font-size: 1.5rem; }
.article-editor h3[b-l56rh4ipv1] { font-size: 1.25rem; }

.article-editor p[b-l56rh4ipv1] {
    margin-bottom: 1rem;
}

.article-editor ul[b-l56rh4ipv1],
.article-editor ol[b-l56rh4ipv1] {
    margin-bottom: 1rem;
    padding-left: 2rem;
}

.article-editor blockquote[b-l56rh4ipv1] {
    margin: 1rem 0;
    padding: 0.5rem 1rem;
    border-left: 4px solid var(--primary-color);
    background-color: var(--primary-lighter);
}

.article-editor pre[b-l56rh4ipv1] {
    background-color: var(--bg-tertiary);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    padding: 1rem;
    overflow-x: auto;
    margin-bottom: 1rem;
}

.article-editor code[b-l56rh4ipv1] {
    background-color: var(--bg-tertiary);
    padding: 0.125rem 0.25rem;
    border-radius: var(--radius-sm);
    font-size: 0.875rem;
    font-family: var(--font-mono);
}

.article-editor pre code[b-l56rh4ipv1] {
    background-color: transparent;
    padding: 0;
}

.article-editor a[b-l56rh4ipv1] {
    color: var(--primary-color);
    text-decoration: underline;
}

.article-editor img[b-l56rh4ipv1] {
    max-width: 100%;
    height: auto;
    margin: 1rem 0;
    border-radius: var(--radius-md);
}
/* /Components/Pages/Creator/Articles/ArticlePreview.razor.rz.scp.css */
.preview-header[b-lcv6lhd6us] {
    position: sticky;
    top: 0;
    z-index: 1200;
    padding: 0.75rem 0;
    background: rgba(var(--bs-warning-rgb), 0.16);
    border-bottom: 1px solid rgba(var(--bs-warning-rgb), 0.24);
    backdrop-filter: blur(10px);
}

.article-view[b-lcv6lhd6us] {
    max-width: 800px;
    margin: 0 auto;
}

.article-toc ul[b-lcv6lhd6us] {
    list-style: none;
    padding-left: 1rem;
}

.article-toc a[b-lcv6lhd6us] {
    text-decoration: none;
    color: var(--text-primary);
}

.article-toc a:hover[b-lcv6lhd6us] {
    color: var(--primary-color);
    text-decoration: underline;
}

/* /Components/Pages/Creator/Articles/TranslationManager.razor.rz.scp.css */
.translation-item[b-3tsf7uozer] {
    background-color: var(--bg-card);
    transition: all 0.2s ease;
}

.translation-item:hover[b-3tsf7uozer] {
    background-color: var(--bg-hover);
    box-shadow: var(--shadow-sm);
}

.flag-emoji[b-3tsf7uozer] {
    font-size: 1.5rem;
    margin-right: 0.5rem;
}

.translation-status[b-3tsf7uozer] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.translation-preview[b-3tsf7uozer] {
    margin-top: 0.75rem;
}

.translation-actions[b-3tsf7uozer] {
    display: flex;
    gap: 0.25rem;
}

.translations-list[b-3tsf7uozer] {
    max-height: 600px;
    overflow-y: auto;
}

.rich-text-editor-container[b-3tsf7uozer] {
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    background-color: var(--bg-primary);
}

/* RTL Support */
[dir="rtl"] .flag-emoji[b-3tsf7uozer] {
    margin-right: 0;
    margin-left: 0.5rem;
}

[dir="rtl"] .translation-actions[b-3tsf7uozer] {
    flex-direction: row-reverse;
}
/* /Components/Pages/Creator/Content/ContentManagement.razor.rz.scp.css */
.content-management-page[b-ztkhb1246b] {
    display: flex;
    flex-direction: column;
    gap: var(--space-5);
    min-width: 0;
}

.content-management-stats[b-ztkhb1246b] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: var(--space-3);
}

.content-management-page .card[b-ztkhb1246b] {
    border-radius: var(--radius-xl);
    border: 1px solid var(--glass-border);
    background: var(--glass-surface);
    box-shadow: var(--shadow-glass);
}

.content-management-page .card-header[b-ztkhb1246b] {
    border-bottom: 1px solid var(--glass-border);
    background: rgba(var(--color-surface-rgb), 0.55);
}

.content-management-page .table td[b-ztkhb1246b],
.content-management-page .table th[b-ztkhb1246b] {
    vertical-align: middle;
}

@media (max-width: 768px) {
    .content-management-stats[b-ztkhb1246b] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Creator/Coupons/CouponManagement.razor.rz.scp.css */
.coupon-management-container[b-bw2a1fxdej] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 2rem;
}

.page-header[b-bw2a1fxdej] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2rem;
}

.page-header h2[b-bw2a1fxdej] {
    color: var(--text-primary);
    margin: 0;
}

.loading-spinner[b-bw2a1fxdej] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 300px;
}

.coupons-list[b-bw2a1fxdej] {
    display: grid;
    gap: 1rem;
}

.coupon-card[b-bw2a1fxdej] {
    background: var(--bg-card);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    padding: 1.5rem;
    transition: box-shadow var(--transition-base);
}

.coupon-card:hover[b-bw2a1fxdej] {
    box-shadow: var(--shadow-md);
}

.coupon-card.exhausted[b-bw2a1fxdej] {
    opacity: 0.7;
}

.coupon-header[b-bw2a1fxdej] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1rem;
}

.coupon-code-section h4[b-bw2a1fxdej] {
    font-family: monospace;
    font-size: 1.25rem;
    color: var(--text-primary);
    margin: 0 0 0.5rem 0;
}

.coupon-discount[b-bw2a1fxdej] {
    text-align: center;
    padding: 0.5rem 1rem;
    background: var(--bg-tertiary);
    border-radius: var(--radius-md);
    border: 2px solid var(--primary-color);
}

.discount-amount[b-bw2a1fxdej] {
    display: block;
    font-size: 1.5rem;
    font-weight: bold;
    color: var(--primary-color);
}

.discount-label[b-bw2a1fxdej] {
    display: block;
    font-size: 0.875rem;
    color: var(--text-secondary);
    text-transform: uppercase;
}

.coupon-description[b-bw2a1fxdej] {
    color: var(--text-secondary);
    margin-bottom: 1rem;
}

.coupon-info[b-bw2a1fxdej] {
    display: flex;
    gap: 2rem;
    margin-bottom: 1rem;
    font-size: 0.875rem;
}

.info-item[b-bw2a1fxdej] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--text-secondary);
}

.info-item i[b-bw2a1fxdej] {
    color: var(--primary-color);
}

.coupon-actions[b-bw2a1fxdej] {
    display: flex;
    gap: 0.5rem;
    padding-top: 1rem;
    border-top: 1px solid var(--color-border);
}

.modal.show[b-bw2a1fxdej] {
    display: block;
}

.modal-backdrop.show[b-bw2a1fxdej] {
    opacity: 0.5;
}

.content-selection[b-bw2a1fxdej] {
    padding: 1rem;
    background: var(--bg-tertiary);
    border-radius: var(--radius-sm);
    border: 1px solid var(--color-border);
}

.form-check-input:checked[b-bw2a1fxdej] {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}
/* /Components/Pages/Creator/Courses/CourseAnalytics.razor.rz.scp.css */
.course-analytics[b-eapupdveox] {
    padding: 2rem;
}

.page-header[b-eapupdveox] {
    margin-bottom: 2rem;
}

.analytics-overview[b-eapupdveox] {
    margin-bottom: 3rem;
}

.stat-cards[b-eapupdveox] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 1.5rem;
}

.stat-card[b-eapupdveox] {
    background: var(--bg-card);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    padding: 1.5rem;
    display: flex;
    align-items: center;
    transition: transform 0.2s, box-shadow 0.2s;
}

.stat-card:hover[b-eapupdveox] {
    transform: translateY(-2px);
    box-shadow: var(--shadow-md);
}

.stat-icon[b-eapupdveox] {
    font-size: 2.5rem;
    color: var(--primary-color);
    margin-right: 1.5rem;
}

.stat-content h3[b-eapupdveox] {
    font-size: 2rem;
    font-weight: bold;
    margin: 0;
    color: var(--text-primary);
}

.stat-content p[b-eapupdveox] {
    margin: 0;
    color: var(--text-secondary);
}

.analytics-sections .section[b-eapupdveox] {
    background: var(--bg-card);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    padding: 2rem;
    margin-bottom: 2rem;
}

.section h3[b-eapupdveox] {
    color: var(--text-primary);
    margin-bottom: 1.5rem;
    font-size: 1.3rem;
}

/* Module Progress */
.module-progress-list[b-eapupdveox] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.module-progress-item[b-eapupdveox] {
    border-bottom: 1px solid var(--color-border);
    padding-bottom: 1.5rem;
}

.module-progress-item:last-child[b-eapupdveox] {
    border-bottom: none;
    padding-bottom: 0;
}

.module-info h5[b-eapupdveox] {
    margin: 0 0 0.5rem 0;
    color: var(--text-primary);
}

.progress-bar-container[b-eapupdveox] {
    margin-top: 0.75rem;
}

.progress[b-eapupdveox] {
    height: 20px;
    background-color: var(--gray-200);
    border-radius: 10px;
}

.progress-bar[b-eapupdveox] {
    background-color: var(--primary-color);
    color: var(--text-on-primary);
    font-size: 0.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
}

/* Quiz Performance */
.quiz-stats-list[b-eapupdveox] {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.quiz-stat-item[b-eapupdveox] {
    background: var(--bg-tertiary);
    border-radius: var(--radius-md);
    padding: 1.5rem;
}

.quiz-header[b-eapupdveox] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.quiz-header h5[b-eapupdveox] {
    margin: 0;
    color: var(--text-primary);
}

.quiz-metrics[b-eapupdveox] {
    display: flex;
    gap: 0.5rem;
}

.quiz-scores[b-eapupdveox] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 1rem;
    margin-bottom: 1rem;
}

.score-metric[b-eapupdveox] {
    text-align: center;
    padding: 1rem;
    background: var(--bg-card);
    border-radius: var(--radius-md);
}

.metric-label[b-eapupdveox] {
    display: block;
    font-size: 0.9rem;
    color: var(--text-secondary);
    margin-bottom: 0.5rem;
}

.metric-value[b-eapupdveox] {
    display: block;
    font-size: 1.5rem;
    font-weight: bold;
    color: var(--text-primary);
}

.difficult-questions[b-eapupdveox] {
    margin-top: 1rem;
    padding-top: 1rem;
    border-top: 1px solid var(--color-border);
}

.difficult-questions ul[b-eapupdveox] {
    margin: 0;
}

.difficult-questions li[b-eapupdveox] {
    margin-bottom: 0.5rem;
    font-size: 0.9rem;
}

/* Student Engagement */
.engagement-stats[b-eapupdveox] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1.5rem;
}

.engagement-card[b-eapupdveox] {
    background: var(--bg-tertiary);
    border-radius: var(--radius-lg);
    padding: 1.5rem;
    text-align: center;
}

.engagement-card h5[b-eapupdveox] {
    color: var(--text-secondary);
    font-size: 1rem;
    margin-bottom: 0.5rem;
}

.metric-large[b-eapupdveox] {
    font-size: 2.5rem;
    font-weight: bold;
    color: var(--primary-color);
    margin: 0;
}

/* Recent Activity */
.activity-list[b-eapupdveox] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.activity-item[b-eapupdveox] {
    display: flex;
    align-items: start;
    gap: 1rem;
    padding: 0.75rem;
    border-radius: 4px;
    transition: background-color 0.2s;
}

.activity-item:hover[b-eapupdveox] {
    background-color: var(--bg-tertiary);
}

.activity-icon[b-eapupdveox] {
    font-size: 1.5rem;
    width: 40px;
    text-align: center;
}

.activity-content[b-eapupdveox] {
    flex: 1;
}

.activity-content p[b-eapupdveox] {
    margin: 0 0 0.25rem 0;
    color: var(--text-primary);
}

.activity-content small[b-eapupdveox] {
    font-size: 0.85rem;
}

@media (max-width: 768px) {
    .stat-cards[b-eapupdveox] {
        grid-template-columns: 1fr;
    }
    
    .quiz-header[b-eapupdveox] {
        flex-direction: column;
        align-items: start;
        gap: 0.5rem;
    }
    
    .engagement-stats[b-eapupdveox] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Creator/Courses/CourseCreate.razor.rz.scp.css */
.course-create-grid[b-49mc2nbmvo] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 360px;
    gap: var(--space-5);
    align-items: start;
}

.course-create-panel[b-49mc2nbmvo],
.course-create-help[b-49mc2nbmvo] {
    border-radius: var(--radius-xl);
    padding: var(--space-5);
}

.course-create-panel[b-49mc2nbmvo] {
    box-shadow: var(--shadow-glass);
}

.course-create-row[b-49mc2nbmvo] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--space-4);
}

.course-create-actions[b-49mc2nbmvo] {
    display: flex;
    justify-content: flex-end;
    margin-top: var(--space-4);
}

.course-create-help[b-49mc2nbmvo] {
    box-shadow: var(--shadow-sm);
    position: sticky;
    top: calc(var(--header-height) + var(--space-4));
}

.course-create-help-title[b-49mc2nbmvo] {
    margin: 0 0 var(--space-3) 0;
    font-family: var(--font-display);
    font-size: var(--text-lg);
    font-weight: 650;
    color: var(--text-primary);
}

.course-create-help-list[b-49mc2nbmvo] {
    margin: 0 0 var(--space-3) 0;
    padding-left: 1.25rem;
    color: var(--text-secondary);
}

.course-create-help-note[b-49mc2nbmvo] {
    margin: 0;
    color: var(--text-tertiary);
    font-size: var(--text-sm);
}

@media (max-width: 992px) {
    .course-create-grid[b-49mc2nbmvo] {
        grid-template-columns: 1fr;
    }

    .course-create-help[b-49mc2nbmvo] {
        position: static;
    }

    .course-create-row[b-49mc2nbmvo] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Creator/Courses/CourseEdit.razor.rz.scp.css */
.course-edit-grid[b-xpvuq6kqid] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 360px;
    gap: var(--space-5);
    align-items: start;
}

.course-edit-panel[b-xpvuq6kqid],
.course-edit-sidebar[b-xpvuq6kqid] {
    border-radius: var(--radius-xl);
    padding: var(--space-5);
}

.course-edit-panel[b-xpvuq6kqid] {
    box-shadow: var(--shadow-glass);
}

.course-edit-sidebar[b-xpvuq6kqid] {
    box-shadow: var(--shadow-sm);
    position: sticky;
    top: calc(var(--header-height) + var(--space-4));
}

.course-edit-sidebar-title[b-xpvuq6kqid] {
    margin: 0;
    font-family: var(--font-display);
    font-size: var(--text-lg);
    font-weight: 650;
    color: var(--text-primary);
}

.course-edit-sidebar-subtitle[b-xpvuq6kqid] {
    margin: var(--space-2) 0 var(--space-4) 0;
    font-size: var(--text-sm);
    color: var(--text-secondary);
}

.course-edit-metrics[b-xpvuq6kqid] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-3);
    margin-bottom: var(--space-4);
}

.course-edit-metric[b-xpvuq6kqid] {
    border-radius: var(--radius-lg);
    border: 1px solid rgba(var(--color-ink-rgb), 0.08);
    background: rgba(var(--color-surface-rgb), 0.6);
    padding: var(--space-3);
}

.course-edit-metric-value[b-xpvuq6kqid] {
    display: block;
    font-family: var(--font-display);
    font-size: var(--text-xl);
    font-weight: 700;
    color: var(--text-primary);
}

.course-edit-metric-label[b-xpvuq6kqid] {
    display: block;
    font-size: var(--text-xs);
    letter-spacing: 0.02em;
    color: var(--text-secondary);
}

.course-edit-row[b-xpvuq6kqid] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-5);
}

/* Thumbnail Upload */
.thumbnail-upload[b-xpvuq6kqid] {
    border: 1.5px dashed rgba(var(--color-ink-rgb), 0.14);
    border-radius: var(--radius-xl);
    padding: var(--space-4);
    background: rgba(var(--color-surface-rgb), 0.55);
}

.thumbnail-preview[b-xpvuq6kqid] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: var(--space-3);
}

.thumbnail-preview img[b-xpvuq6kqid] {
    max-width: 300px;
    border-radius: var(--radius-lg);
    border: 1px solid rgba(var(--color-ink-rgb), 0.08);
}

.thumbnail-preview .remove-btn[b-xpvuq6kqid] {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
}

.upload-area[b-xpvuq6kqid] {
    text-align: center;
    padding: var(--space-6);
    cursor: pointer;
    border-radius: var(--radius-xl);
    transition: background-color var(--transition-fast), border-color var(--transition-fast);
}

.upload-area i[b-xpvuq6kqid] {
    font-size: 3rem;
    color: var(--color-border);
    margin-bottom: 1rem;
}

.upload-area:hover[b-xpvuq6kqid] {
    background: rgba(var(--color-accent-rgb), 0.06);
}

@media (max-width: 992px) {
    .course-edit-grid[b-xpvuq6kqid] {
        grid-template-columns: 1fr;
    }

    .course-edit-sidebar[b-xpvuq6kqid] {
        position: static;
    }
}

.lesson-title[b-xpvuq6kqid] {
    flex: 1;
    border: none;
    background: var(--bg-tertiary);
    padding: 0.25rem 0.5rem;
    border-radius: var(--radius-sm);
}

.lesson-type[b-xpvuq6kqid] {
    width: 120px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
    padding: 0.25rem;
    font-size: 0.875rem;
}

.lesson-duration[b-xpvuq6kqid] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.duration-input[b-xpvuq6kqid] {
    width: 50px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
    padding: 0.25rem;
    text-align: center;
}

.lesson-actions[b-xpvuq6kqid] {
    display: flex;
    gap: 0.25rem;
}

.empty-curriculum[b-xpvuq6kqid] {
    text-align: center;
    padding: 3rem;
    background: var(--bg-tertiary);
    border-radius: var(--radius-sm);
}

.empty-curriculum i[b-xpvuq6kqid] {
    font-size: 3rem;
    color: var(--color-border);
    margin-bottom: 1rem;
}

.curriculum-stats[b-xpvuq6kqid] {
    display: flex;
    gap: 2rem;
    margin-top: 2rem;
    padding-top: 2rem;
    border-top: 1px solid var(--color-border);
}

.curriculum-stats .stat[b-xpvuq6kqid] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--text-secondary);
}

/* Access Options */
.access-options[b-xpvuq6kqid] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.access-options .form-check[b-xpvuq6kqid] {
    padding: 1rem;
    border: 1px solid var(--color-border);
    border-radius: 8px;
}

.access-options .form-check:has(.form-check-input:checked)[b-xpvuq6kqid] {
    border-color: var(--primary-color);
    background: rgba(var(--bs-primary-rgb), 0.06);
}

/* Coupon List */
.coupon-list[b-xpvuq6kqid] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.coupon-item[b-xpvuq6kqid] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0.75rem;
    background: var(--bg-tertiary);
    border-radius: 4px;
}

.coupon-code[b-xpvuq6kqid] {
    font-family: monospace;
    font-weight: 500;
}

.coupon-discount[b-xpvuq6kqid] {
    color: var(--color-success);
}

.coupon-uses[b-xpvuq6kqid] {
    color: var(--text-secondary);
    font-size: 0.875rem;
}

/* AI Tools */
.ai-tools[b-xpvuq6kqid] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 1.5rem;
    margin-top: 2rem;
}

.ai-tool-card[b-xpvuq6kqid] {
    padding: 1.5rem;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
    text-align: center;
}

.tool-icon[b-xpvuq6kqid] {
    width: 60px;
    height: 60px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1rem;
    font-size: 1.5rem;
}

.ai-tool-card h4[b-xpvuq6kqid] {
    font-size: 1.125rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.ai-tool-card p[b-xpvuq6kqid] {
    color: var(--text-secondary);
    margin-bottom: 1rem;
    font-size: 0.875rem;
}

.ai-credits[b-xpvuq6kqid] {
    margin-top: 2rem;
    padding: 1rem;
    background: rgba(var(--bs-success-rgb), 0.08);
    border: 1px solid rgba(var(--bs-success-rgb), 0.25);
    border-radius: var(--radius-sm);
    text-align: center;
    color: rgb(var(--bs-success-rgb));
}

.ai-credits-warning[b-xpvuq6kqid] {
    margin-top: 2rem;
    padding: 1rem;
    background: rgba(var(--bs-danger-rgb), 0.08);
    border: 1px solid rgba(var(--bs-danger-rgb), 0.25);
    border-radius: var(--radius-sm);
    text-align: center;
    color: rgb(var(--bs-danger-rgb));
}

/* Action Bar */
.action-bar[b-xpvuq6kqid] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--bg-card);
    border-top: 1px solid var(--color-border);
    padding: 1rem 0;
    z-index: 100;
}

.action-bar-content[b-xpvuq6kqid] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 2rem;
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
}

/* Responsive */
@media (max-width: 992px) {
    .edit-layout[b-xpvuq6kqid] {
        grid-template-columns: 1fr;
    }
    
    .edit-sidebar[b-xpvuq6kqid] {
        position: static;
        margin-bottom: 2rem;
    }
    
    .nav-pills[b-xpvuq6kqid] {
        display: flex;
        overflow-x: auto;
        gap: 0.5rem;
    }
    
    .nav-pills .nav-link[b-xpvuq6kqid] {
        white-space: nowrap;
        margin-bottom: 0;
    }
}
/* /Components/Pages/Creator/Courses/CoursesList.razor.rz.scp.css */
.courses-container[b-0tzum9jcl5] {
    min-width: 0;
}

.loading-container[b-0tzum9jcl5],
.empty-state[b-0tzum9jcl5] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 400px;
    text-align: center;
}

.empty-state > i[b-0tzum9jcl5] {
    font-size: 4rem;
    color: var(--text-light);
    margin-bottom: 1rem;
}

.empty-state h3[b-0tzum9jcl5] {
    color: var(--text-primary);
    margin-bottom: 0.5rem;
}

.empty-state p[b-0tzum9jcl5] {
    color: var(--text-secondary);
    margin-bottom: 1.5rem;
}

.courses-grid[b-0tzum9jcl5] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: var(--space-3);
}

.course-card[b-0tzum9jcl5] {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    padding: 0;
    gap: 0;
}

.course-thumbnail[b-0tzum9jcl5] {
    position: relative;
    height: 180px;
    overflow: hidden;
    background: rgba(var(--color-surface-rgb), 0.6);
}

.course-thumbnail img[b-0tzum9jcl5] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.placeholder-thumbnail[b-0tzum9jcl5] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    background: linear-gradient(135deg, var(--gray-100) 0%, var(--gray-200) 100%);
}

.placeholder-thumbnail i[b-0tzum9jcl5] {
    font-size: 3rem;
    color: var(--text-light);
}

.course-status-badge[b-0tzum9jcl5] {
    position: absolute;
    top: 1rem;
    right: 1rem;
    padding: 0.25rem 0.75rem;
    border-radius: 20px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.course-status-badge.published[b-0tzum9jcl5] {
    background: var(--success-color);
    color: var(--text-on-primary);
}

.course-status-badge.draft[b-0tzum9jcl5] {
    background: var(--warning-color);
    color: var(--color-ink);
}

.course-content[b-0tzum9jcl5] {
    padding: var(--space-3);
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}

.course-title[b-0tzum9jcl5] {
    font-size: var(--text-md);
    font-weight: 650;
    margin-bottom: 0.5rem;
    line-height: 1.3;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.course-description[b-0tzum9jcl5] {
    color: var(--text-secondary);
    font-size: 0.875rem;
    margin-bottom: 0;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.course-share[b-0tzum9jcl5] {
    margin-top: var(--space-1);
}

.course-stats[b-0tzum9jcl5] {
    display: flex;
    gap: var(--space-3);
    margin-bottom: var(--space-3);
    flex-wrap: wrap;
}

.stat[b-0tzum9jcl5] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    font-size: 0.875rem;
    color: var(--text-secondary);
}

.stat i[b-0tzum9jcl5] {
    font-size: 0.95rem;
    color: var(--text-light);
}

.course-price[b-0tzum9jcl5] {
    margin-top: auto;
}

.price[b-0tzum9jcl5] {
    font-size: 1.25rem;
    font-weight: 650;
    color: var(--color-accent);
}

.course-actions[b-0tzum9jcl5] {
    padding: var(--space-3);
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.course-actions .dropdown[b-0tzum9jcl5] {
    margin-left: auto;
}

@media (max-width: 768px) {
    .courses-grid[b-0tzum9jcl5] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Creator/Courses/LessonEditor.razor.rz.scp.css */
.lesson-editor-container[b-pd80zccxd8] {
    max-width: 1400px;
    margin: 0 auto;
    padding: var(--space-6) var(--space-4);
}

.page-header[b-pd80zccxd8] {
    margin-bottom: 2rem;
}

.page-header h1[b-pd80zccxd8] {
    color: var(--text-primary);
    font-size: 2rem;
    font-weight: 650;
    margin-top: 1rem;
}

.breadcrumb[b-pd80zccxd8] {
    background: transparent;
    padding: 0;
    margin-bottom: 0.5rem;
}

.breadcrumb-item a[b-pd80zccxd8] {
    color: var(--color-accent);
    text-decoration: none;
}

.breadcrumb-item a:hover[b-pd80zccxd8] {
    text-decoration: underline;
}

.loading-spinner[b-pd80zccxd8] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 400px;
}

.lesson-editor-content[b-pd80zccxd8] {
    background: var(--bg-card);
    border-radius: var(--radius-xl);
    padding: var(--space-6);
    box-shadow: var(--shadow);
    border: 1px solid var(--color-border);
}

.card[b-pd80zccxd8] {
    border: 1px solid var(--color-border);
    box-shadow: var(--shadow-sm);
}

.card-header[b-pd80zccxd8] {
    background: var(--bg-tertiary);
    border-bottom: 1px solid var(--color-border);
    padding: 1rem 1.5rem;
}

.card-header h5[b-pd80zccxd8] {
    color: var(--text-primary);
    font-size: 1.125rem;
    font-weight: 650;
}

.resources-list[b-pd80zccxd8] {
    margin-bottom: 1rem;
}

.resource-item[b-pd80zccxd8] {
    display: flex;
    align-items: center;
    padding: 0.75rem;
    background: var(--bg-tertiary);
    border-radius: var(--radius-md);
    margin-bottom: 0.5rem;
}

.resource-item i[b-pd80zccxd8] {
    color: var(--text-secondary);
    margin-right: 0.5rem;
}

.resource-item span[b-pd80zccxd8] {
    flex: 1;
    color: var(--text-primary);
}

.resource-item button[b-pd80zccxd8] {
    margin-left: 0.5rem;
}

.form-actions[b-pd80zccxd8] {
    position: sticky;
    top: 2rem;
}

.form-label[b-pd80zccxd8] {
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: 0.5rem;
}

.form-control[b-pd80zccxd8],
.form-select[b-pd80zccxd8] {
    border: 1px solid var(--color-border);
}

.form-control:focus[b-pd80zccxd8],
.form-select:focus[b-pd80zccxd8] {
    border-color: var(--primary-color);
    box-shadow: var(--focus-ring);
}

.form-check-input:checked[b-pd80zccxd8] {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}

@media (max-width: 991px) {
    .lesson-editor-content[b-pd80zccxd8] {
        padding: 1.5rem;
    }
    
    .form-actions[b-pd80zccxd8] {
        position: relative;
        margin-top: 2rem;
    }
}
/* /Components/Pages/Creator/Courses/ModuleLessonManager.razor.rz.scp.css */
.module-lesson-manager[b-0e4i131aga] {
    display: flex;
    flex-direction: column;
    gap: var(--space-5);
}

.modules-container[b-0e4i131aga] {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
}

.module-card[b-0e4i131aga] {
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-xl);
    background: rgba(var(--color-surface-rgb), 0.72);
    box-shadow: var(--shadow-sm);
    padding: var(--space-3);
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

.module-header h3[b-0e4i131aga] {
    margin: 0;
    font-size: var(--text-lg);
    font-weight: 650;
}

.module-description[b-0e4i131aga] {
    margin: 0;
    color: var(--text-secondary);
}

.drag-handle[b-0e4i131aga] {
    color: var(--text-tertiary);
    font-size: 1rem;
    margin-right: var(--space-2);
    cursor: grab;
    user-select: none;
}

.drag-handle-sm[b-0e4i131aga] {
    color: var(--text-tertiary);
    font-size: 0.9rem;
    margin-right: var(--space-2);
    cursor: grab;
    user-select: none;
}

.drag-handle:active[b-0e4i131aga],
.drag-handle-sm:active[b-0e4i131aga] {
    cursor: grabbing;
}

.lessons-list[b-0e4i131aga] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}

.lesson-item[b-0e4i131aga] {
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    padding: var(--space-2) var(--space-3);
    background: rgba(var(--color-surface-rgb), 0.6);
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}

.lesson-resources .badge[b-0e4i131aga] {
    font-weight: 600;
}

.knowledge-check-section[b-0e4i131aga] {
    border-top: 1px solid rgba(var(--color-ink-rgb), 0.06);
    padding-top: var(--space-3);
}

.knowledge-check-actions[b-0e4i131aga] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2);
    margin-top: var(--space-2);
}

.sl-block-editor-main[b-0e4i131aga] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
    min-width: 0;
}

.sl-block-title-group[b-0e4i131aga] {
    min-width: 0;
}

.sl-block-title-input[b-0e4i131aga] {
    font-family: var(--font-display);
    font-size: var(--text-xl);
    font-weight: 500;
    padding: var(--space-3) var(--space-4);
    border-radius: var(--radius-xl);
    border: 1px solid var(--glass-border);
    background: var(--glass-surface);
    box-shadow: var(--shadow-sm);
}

.sl-block-title-input:focus[b-0e4i131aga] {
    border-color: rgba(var(--color-accent-rgb), 0.35);
    box-shadow: var(--focus-ring), var(--shadow-sm);
}

.sl-block-editor-side[b-0e4i131aga] {
    height: fit-content;
}

@media (max-width: 992px) {
    .sl-block-title-input[b-0e4i131aga] {
        padding: var(--space-3);
    }
}
/* /Components/Pages/Creator/Courses/QuizBuilder.razor.rz.scp.css */
.quiz-builder[b-51hcifjkci] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 2rem;
}

.page-header[b-51hcifjkci] {
    margin-bottom: 2rem;
}

.quiz-settings[b-51hcifjkci] {
    background: var(--bg-tertiary);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    padding: 1.5rem;
}

.quiz-settings h3[b-51hcifjkci] {
    font-size: 1.25rem;
    margin-bottom: 1rem;
}

.questions-section[b-51hcifjkci] {
    margin-top: 2rem;
}

.questions-list[b-51hcifjkci] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.question-card[b-51hcifjkci] {
    background: var(--bg-card);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    padding: 1.5rem;
    box-shadow: var(--shadow);
}

.question-header[b-51hcifjkci] {
    border-bottom: 1px solid var(--color-border);
    padding-bottom: 1rem;
    margin-bottom: 1rem;
}

.question-header h5[b-51hcifjkci] {
    margin: 0;
    font-size: 1.125rem;
    color: var(--text-primary);
}

.question-body[b-51hcifjkci] {
    padding-top: 0.5rem;
}

.empty-state[b-51hcifjkci] {
    text-align: center;
    padding: 4rem 2rem;
}

.empty-state-icon[b-51hcifjkci] {
    display: block;
    font-size: 4rem;
    color: var(--text-tertiary);
    margin-bottom: 1rem;
}

.empty-state h4[b-51hcifjkci] {
    color: var(--text-primary);
    margin: 1rem 0;
}

.empty-state p[b-51hcifjkci] {
    color: var(--text-secondary);
}

.quiz-summary[b-51hcifjkci] {
    margin-top: 2rem;
}

.quiz-summary .alert[b-51hcifjkci] {
    border-radius: var(--radius-lg);
}

/* Form styles */
.form-label[b-51hcifjkci] {
    font-weight: 500;
    color: var(--text-primary);
    margin-bottom: 0.5rem;
}

.input-group-text[b-51hcifjkci] {
    background-color: var(--bg-tertiary);
    border-right: none;
}

.input-group .form-control[b-51hcifjkci] {
    border-left: none;
}

.input-group .form-control:focus[b-51hcifjkci] {
    border-color: var(--color-accent);
    box-shadow: none;
}

/* Button styles */
.btn-group-sm .btn[b-51hcifjkci] {
    padding: 0.25rem 0.5rem;
}

/* Responsive design */
@media (max-width: 768px) {
    .quiz-builder[b-51hcifjkci] {
        padding: 1rem;
    }

    .page-header .d-flex[b-51hcifjkci] {
        flex-direction: column;
        align-items: stretch !important;
    }

    .page-header .btn-group[b-51hcifjkci] {
        margin-top: 1rem;
    }

    .quiz-settings[b-51hcifjkci] {
        padding: 1rem;
    }

    .question-card[b-51hcifjkci] {
        padding: 1rem;
    }
}

/* Animation for question reordering */
.question-card[b-51hcifjkci] {
    transition: transform var(--transition-fast);
}

.question-card.moving-up[b-51hcifjkci] {
    transform: translateY(-10px);
}

.question-card.moving-down[b-51hcifjkci] {
    transform: translateY(10px);
}
/* /Components/Pages/Creator/CreateContent.razor.rz.scp.css */
.create-content-container[b-2fltm471da] {
    max-width: 1200px;
    margin: 0 auto;
    padding: var(--space-6);
}

.content-header[b-2fltm471da] {
    text-align: center;
    margin-bottom: var(--space-7);
}

.content-header h1[b-2fltm471da] {
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--text-primary);
    margin-bottom: var(--space-2);
}

.subtitle[b-2fltm471da] {
    font-size: 1.125rem;
    color: var(--text-secondary);
}

/* Content Types Grid */
.content-types-grid[b-2fltm471da] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: var(--space-4);
    margin-bottom: var(--space-7);
}

.content-type-card[b-2fltm471da] {
    background: var(--bg-card);
    border-radius: var(--radius-xl);
    padding: var(--space-6);
    text-align: center;
    cursor: pointer;
    display: block;
    text-decoration: none;
    color: inherit;
    transition: transform var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast);
    border: 1px solid var(--color-border);
    box-shadow: var(--shadow-sm);
    position: relative;
}

.content-type-card:hover[b-2fltm471da] {
    transform: translateY(-4px);
    box-shadow: var(--shadow-lg);
    border-color: var(--primary-light);
}

.content-type-card:focus-visible[b-2fltm471da] {
    outline: none;
    box-shadow: var(--focus-ring), var(--shadow-lg);
    border-color: rgba(var(--color-accent-rgb), 0.35);
}

.card-icon[b-2fltm471da] {
    width: 80px;
    height: 80px;
    background: var(--primary-light);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto var(--space-5);
}

.card-icon i[b-2fltm471da] {
    font-size: 2.5rem;
    color: var(--primary-color);
}

.content-type-card h3[b-2fltm471da] {
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: var(--space-2);
}

.content-type-card p[b-2fltm471da] {
    font-size: 0.875rem;
    color: var(--text-secondary);
    margin: 0;
}

.ai-badge[b-2fltm471da] {
    position: absolute;
    inset-block-start: var(--space-3);
    inset-inline-end: var(--space-3);
    background: rgba(var(--bs-success-rgb), 0.10);
    color: var(--success-color);
    padding: var(--space-1) var(--space-3);
    border-radius: var(--radius-full);
    font-size: 0.75rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: var(--space-1);
}

/* Responsive */
@media (max-width: 768px) {
    .create-content-container[b-2fltm471da] {
        padding: var(--space-5);
    }

    .content-header h1[b-2fltm471da] {
        font-size: 2rem;
    }
    
    .content-types-grid[b-2fltm471da] {
        grid-template-columns: 1fr;
    }
    
    .actions-grid[b-2fltm471da] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Creator/CreatorAnalytics.razor.rz.scp.css */
.analytics-container[b-8thwfjjcv2] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 2rem;
}

.page-header[b-8thwfjjcv2] {
    margin-bottom: 2rem;
}

.analytics-tabs[b-8thwfjjcv2] {
    margin-bottom: 2rem;
}

.analytics-tabs .nav-tabs[b-8thwfjjcv2] {
    border-bottom: 1px solid var(--color-border);
}

.analytics-tabs .nav-link[b-8thwfjjcv2] {
    color: var(--text-secondary);
    border: none;
    border-bottom: 3px solid transparent;
    padding: 0.75rem 1.5rem;
    transition: all 0.2s;
}

.analytics-tabs .nav-link:hover[b-8thwfjjcv2] {
    color: var(--primary-color);
    background: none;
}

.analytics-tabs .nav-link.active[b-8thwfjjcv2] {
    color: var(--primary-color);
    background: none;
    border-bottom-color: var(--primary-color);
}

.analytics-content[b-8thwfjjcv2] {
    background: var(--bg-card);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow);
    border: 1px solid var(--color-border);
}

.analytics-panel[b-8thwfjjcv2] {
    padding: 2rem;
}

.stats-grid[b-8thwfjjcv2] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 1.5rem;
    margin-bottom: 2rem;
}

.stat-card[b-8thwfjjcv2] {
    display: flex;
    align-items: center;
    padding: 1.5rem;
    background: var(--bg-tertiary);
    border-radius: var(--radius-md);
    transition: transform 0.2s;
}

.stat-card:hover[b-8thwfjjcv2] {
    transform: translateY(-2px);
    box-shadow: var(--shadow-md);
}

.stat-icon[b-8thwfjjcv2] {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--primary-color);
    color: var(--text-on-primary);
    border-radius: var(--radius-md);
    font-size: 1.5rem;
    margin-right: 1rem;
}

.stat-content h3[b-8thwfjjcv2] {
    font-size: 1.75rem;
    font-weight: 700;
    margin: 0;
    color: var(--text-primary);
}

.stat-content p[b-8thwfjjcv2] {
    margin: 0.25rem 0;
    color: var(--text-secondary);
}

.trend[b-8thwfjjcv2] {
    font-size: 0.875rem;
    font-weight: 500;
}

.trend-up[b-8thwfjjcv2] {
    color: var(--success-color);
}

.trend-down[b-8thwfjjcv2] {
    color: var(--danger-color);
}

.metric-cards[b-8thwfjjcv2] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1.5rem;
    margin-bottom: 2rem;
}

.metric-card[b-8thwfjjcv2] {
    background: var(--bg-tertiary);
    padding: 1.5rem;
    border-radius: var(--radius-md);
    text-align: center;
}

.metric-card h4[b-8thwfjjcv2] {
    font-size: 0.875rem;
    color: var(--text-secondary);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 0.5rem;
}

.metric-value[b-8thwfjjcv2] {
    font-size: 2rem;
    font-weight: 700;
    color: var(--text-primary);
    margin-bottom: 0.5rem;
}

.subscription-breakdown[b-8thwfjjcv2] {
    background: var(--bg-tertiary);
    padding: 1.5rem;
    border-radius: var(--radius-md);
}

.webhook-section[b-8thwfjjcv2] {
    border-top: 1px solid var(--color-border);
    padding-top: 1.5rem;
}

.event-list[b-8thwfjjcv2] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.event-item[b-8thwfjjcv2] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem;
    background: var(--bg-tertiary);
    border-radius: var(--radius-sm);
}

.event-item i[b-8thwfjjcv2] {
    font-size: 1.25rem;
}

.event-item span[b-8thwfjjcv2] {
    flex: 1;
    font-family: monospace;
    font-size: 0.875rem;
}

.event-log[b-8thwfjjcv2] {
    max-height: 400px;
    overflow-y: auto;
}

.webhook-event[b-8thwfjjcv2] {
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
    padding: 1rem;
    margin-bottom: 0.75rem;
}

.event-header[b-8thwfjjcv2] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.5rem;
}

.event-type[b-8thwfjjcv2] {
    font-family: monospace;
    font-weight: 500;
    color: var(--text-primary);
}

.event-time[b-8thwfjjcv2] {
    font-size: 0.875rem;
    color: var(--text-secondary);
}

.event-details[b-8thwfjjcv2] {
    color: var(--text-secondary);
}

.content-table[b-8thwfjjcv2],
.revenue-summary[b-8thwfjjcv2],
.audience-stats[b-8thwfjjcv2] {
    margin-top: 1.5rem;
}

.period-selector[b-8thwfjjcv2] {
    margin-bottom: 1.5rem;
}

.revenue-chart-placeholder[b-8thwfjjcv2] {
    background: var(--bg-tertiary);
    border-radius: var(--radius-md);
    min-height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.stat-row[b-8thwfjjcv2] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 2rem;
}

.stat h4[b-8thwfjjcv2] {
    margin-bottom: 1rem;
    color: var(--text-primary);
}

.stat ol[b-8thwfjjcv2] {
    margin: 0;
    padding-left: 1.5rem;
}

.stat ol li[b-8thwfjjcv2] {
    margin-bottom: 0.5rem;
    color: var(--text-secondary);
}

@media (max-width: 768px) {
    .analytics-container[b-8thwfjjcv2] {
        padding: 1rem;
    }
    
    .stats-grid[b-8thwfjjcv2] {
        grid-template-columns: 1fr;
    }
    
    .metric-cards[b-8thwfjjcv2] {
        grid-template-columns: 1fr;
    }
    
    .analytics-tabs .nav-link[b-8thwfjjcv2] {
        padding: 0.5rem 1rem;
        font-size: 0.875rem;
    }
}
/* /Components/Pages/Creator/CreatorContent.razor.rz.scp.css */
.creator-content-container[b-vtvcv4in2t] {
    display: flex;
    flex-direction: column;
    gap: var(--space-5);
    min-width: 0;
}
/* /Components/Pages/Creator/Dashboard.razor.rz.scp.css */
.creator-dashboard-page[b-nn39iuid4i] {
    min-width: 0;
}

/* Stats Grid */
.stats-grid[b-nn39iuid4i] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: var(--space-4);
    margin: 0;
}

.stat-card[b-nn39iuid4i] {
    background: var(--glass-surface);
    border-radius: var(--radius-xl);
    padding: var(--space-5);
    box-shadow: var(--shadow-glass);
    display: flex;
    align-items: center;
    gap: 1rem;
    border: 1px solid var(--glass-border);
    backdrop-filter: var(--glass-filter);
    -webkit-backdrop-filter: var(--glass-filter);
    transition: transform var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);
}

.stat-card:hover[b-nn39iuid4i] {
    transform: translateY(-1px);
    border-color: rgba(var(--color-accent-rgb), 0.22);
    box-shadow: var(--shadow-glass);
}

.stat-icon[b-nn39iuid4i] {
    width: 60px;
    height: 60px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
}

.stat-content h3[b-nn39iuid4i] {
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--text-primary);
    margin: 0;
}

.stat-content p[b-nn39iuid4i] {
    color: var(--text-secondary);
    margin: 0;
    font-size: 0.875rem;
}

.stat-content small[b-nn39iuid4i] {
    font-size: 0.75rem;
}

/* Dashboard Grid */
.dashboard-grid[b-nn39iuid4i] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 1.5rem;
    margin: 0;
}

.dashboard-card[b-nn39iuid4i] {
    background: var(--glass-surface);
    border-radius: var(--radius-xl);
    box-shadow: var(--shadow-glass);
    overflow: visible;
    border: 1px solid var(--glass-border);
    backdrop-filter: var(--glass-filter);
    -webkit-backdrop-filter: var(--glass-filter);
    --sl-dashboard-card-pad-y: var(--space-4);
    --sl-dashboard-card-pad-x: var(--space-5);
}

.dashboard-card.full-width[b-nn39iuid4i] {
    grid-column: 1 / -1;
}

.dashboard-card .card-header[b-nn39iuid4i] {
    padding: var(--sl-dashboard-card-pad-y) var(--sl-dashboard-card-pad-x);
    border-bottom: 1px solid var(--glass-border);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.dashboard-card .card-header h3[b-nn39iuid4i] {
    font-size: 1.125rem;
    font-weight: 600;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

/* Recent Links */
.links-list[b-nn39iuid4i] {
    padding: var(--sl-dashboard-card-pad-y) var(--sl-dashboard-card-pad-x);
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

.link-item[b-nn39iuid4i] {
    display: flex;
    align-items: flex-start;
    gap: var(--space-3);
    padding: var(--space-3) 0;
    border-bottom: 1px solid var(--color-border);
}

.link-item:last-child[b-nn39iuid4i] {
    border-bottom: none;
    padding-bottom: 0;
}

.link-details[b-nn39iuid4i] {
    min-width: 0;
    flex: 1;
}

.link-details strong[b-nn39iuid4i] {
    display: block;
    overflow-wrap: anywhere;
}

.link-stats[b-nn39iuid4i] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-3);
    font-size: 0.75rem;
    color: var(--text-secondary);
}

.link-share[b-nn39iuid4i] {
    margin-top: var(--space-2);
}

.link-share .form-control[b-nn39iuid4i] {
    font-family: var(--font-mono);
    font-size: 0.75rem;
    color: var(--text-secondary);
    background: rgba(var(--color-surface-rgb), 0.65);
    border: 1px solid var(--color-border);
}

.empty-state.empty-state-compact[b-nn39iuid4i] {
    padding: var(--space-4);
    text-align: center;
}

.empty-state.empty-state-compact > i[b-nn39iuid4i] {
    font-size: 2.25rem;
    color: var(--text-tertiary);
}

/* Activity Feed */
.activity-feed[b-nn39iuid4i] {
    padding: var(--sl-dashboard-card-pad-y) var(--sl-dashboard-card-pad-x);
}

.activity-item[b-nn39iuid4i] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 0.75rem 0;
    border-bottom: 1px solid var(--color-border);
}

.activity-item:last-child[b-nn39iuid4i] {
    border-bottom: none;
}

.activity-icon[b-nn39iuid4i] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-surface);
    font-size: 0.875rem;
    flex-shrink: 0;
}

.activity-content[b-nn39iuid4i] {
    flex: 1;
    min-width: 0;
}

.activity-content p[b-nn39iuid4i] {
    margin: 0;
    font-size: 0.875rem;
    color: var(--text-primary);
    overflow-wrap: anywhere;
}

.activity-content small[b-nn39iuid4i] {
    color: var(--text-tertiary);
    font-size: 0.75rem;
}

.sparkline-svg[b-nn39iuid4i] {
    width: 100%;
    height: 140px;
    display: block;
}

.activity-value[b-nn39iuid4i] {
    font-weight: 600;
}

/* Content List */
.content-list[b-nn39iuid4i] {
    padding: var(--sl-dashboard-card-pad-y) var(--sl-dashboard-card-pad-x);
}

.content-item[b-nn39iuid4i] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0.75rem 0;
    border-bottom: 1px solid var(--color-border);
}

.content-item:last-child[b-nn39iuid4i] {
    border-bottom: none;
}

.content-icon[b-nn39iuid4i] {
    width: 40px;
    height: 40px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.125rem;
}

.content-details[b-nn39iuid4i] {
    flex: 1;
}

.content-details strong[b-nn39iuid4i] {
    display: block;
    font-size: 0.875rem;
    color: var(--text-primary);
    margin-bottom: 0.25rem;
}

.content-stats[b-nn39iuid4i] {
    display: flex;
    gap: 1rem;
    font-size: 0.75rem;
    color: var(--text-secondary);
}

.content-stats span[b-nn39iuid4i] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

/* Events List */
.events-list[b-nn39iuid4i] {
    padding: var(--sl-dashboard-card-pad-y) var(--sl-dashboard-card-pad-x);
}

.event-item[b-nn39iuid4i] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0.75rem 0;
    border-bottom: 1px solid var(--color-border);
}

.event-item:last-child[b-nn39iuid4i] {
    border-bottom: none;
}

.event-date[b-nn39iuid4i] {
    background: var(--bg-tertiary);
    border-radius: var(--radius-sm);
    padding: var(--space-2);
    text-align: center;
    min-width: 50px;
}

.date-day[b-nn39iuid4i] {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--text-primary);
}

.date-month[b-nn39iuid4i] {
    font-size: 0.75rem;
    color: var(--text-secondary);
    text-transform: uppercase;
}

.event-details[b-nn39iuid4i] {
    flex: 1;
}

.event-details strong[b-nn39iuid4i] {
    display: block;
    font-size: 0.875rem;
    color: var(--text-primary);
}

.event-details small[b-nn39iuid4i] {
    color: var(--text-secondary);
}

/* Storage Info */
.storage-info[b-nn39iuid4i] {
    padding: var(--sl-dashboard-card-pad-x);
}

.storage-header[b-nn39iuid4i] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.75rem;
    font-size: 0.875rem;
}

.storage-progress[b-nn39iuid4i] {
    height: 10px;
    margin-bottom: 1rem;
}

.storage-breakdown[b-nn39iuid4i] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.storage-type[b-nn39iuid4i] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
    color: var(--text-secondary);
}

/* Chart */
.chart-controls[b-nn39iuid4i] {
    display: flex;
    gap: 0.5rem;
}

.chart-container[b-nn39iuid4i] {
    padding: var(--space-6);
    height: 300px;
}

.chart-placeholder[b-nn39iuid4i] {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--bg-tertiary);
    border-radius: var(--radius-sm);
    color: var(--text-tertiary);
}

/* Tips Section */
.tips-section[b-nn39iuid4i] {
    margin-top: 2rem;
}

.tips-section h3[b-nn39iuid4i] {
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.tips-grid[b-nn39iuid4i] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 1rem;
}

.tip-card[b-nn39iuid4i] {
    background: var(--bg-card);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
    padding: var(--space-5);
    text-align: center;
}

.tip-card i[b-nn39iuid4i] {
    font-size: 2rem;
    margin-bottom: 0.75rem;
}

.tip-card h4[b-nn39iuid4i] {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.tip-card p[b-nn39iuid4i] {
    font-size: 0.875rem;
    color: var(--text-secondary);
    margin: 0;
}

/* Responsive */
@media (max-width: 768px) {
    .dashboard-grid[b-nn39iuid4i] {
        grid-template-columns: 1fr;
    }

    .sl-action-tiles[b-nn39iuid4i] {
        grid-template-columns: 1fr;
    }
    
    .tips-grid[b-nn39iuid4i] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Creator/Files/EnhancedFileUpload.razor.rz.scp.css */
.upload-area[b-c68mh1ukpb] {
    border: 2px dashed var(--color-border);
    border-radius: var(--radius-sm);
    padding: var(--space-7);
    text-align: center;
    transition: border-color var(--transition-base), background-color var(--transition-base), box-shadow var(--transition-base);
    background-color: var(--bg-tertiary);
}

.upload-area.dragging[b-c68mh1ukpb] {
    border-color: var(--color-accent);
    background-color: var(--primary-lighter);
    box-shadow: var(--shadow-sm);
}

.file-upload-item[b-c68mh1ukpb] {
    transition: box-shadow var(--transition-base);
}

.file-upload-item:hover[b-c68mh1ukpb] {
    box-shadow: var(--shadow-sm);
}

.loading-spinner[b-c68mh1ukpb] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 300px;
}

.uploaded-file-info[b-c68mh1ukpb] {
    border-left: 3px solid var(--color-success);
}

.uploaded-file-thumb-sm[b-c68mh1ukpb] {
    height: 30px;
    width: auto;
    border-radius: var(--radius-sm);
    border: 1px solid var(--color-border);
    background-color: var(--bg-card);
}

.uploaded-file-thumb-lg[b-c68mh1ukpb] {
    width: 50px;
    height: 50px;
    object-fit: cover;
    border-radius: var(--radius-sm);
    border: 1px solid var(--color-border);
    background-color: var(--bg-card);
}

.file-list[b-c68mh1ukpb] {
    max-height: 600px;
    overflow-y: auto;
}

.upload-content[b-c68mh1ukpb] {
    padding: 2rem;
}

.progress[b-c68mh1ukpb] {
    overflow: hidden;
}

.progress-bar[b-c68mh1ukpb] {
    transition: width 0.3s ease;
}
/* /Components/Pages/Creator/Files/FileEdit.razor.rz.scp.css */
.file-edit-container[b-l4zjnezzds] {
    padding: 2rem;
    max-width: 1200px;
    margin: 0 auto;
}

.loading-spinner[b-l4zjnezzds] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 400px;
}

.page-header[b-l4zjnezzds] {
    margin-bottom: 2rem;
}

.breadcrumb[b-l4zjnezzds] {
    margin-bottom: 1rem;
}

.breadcrumb a[b-l4zjnezzds] {
    color: var(--text-secondary);
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    transition: color var(--transition-fast);
}

.breadcrumb a:hover[b-l4zjnezzds] {
    color: var(--primary-color);
}

.page-header h1[b-l4zjnezzds] {
    margin: 0;
    font-size: 2rem;
    color: var(--text-primary);
}

.file-edit-content[b-l4zjnezzds] {
    display: grid;
    grid-template-columns: 300px 1fr;
    gap: 2rem;
}

/* Preview Section */
.file-preview-section[b-l4zjnezzds] {
    background: var(--bg-card);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    padding: 1.5rem;
    height: fit-content;
    position: sticky;
    top: 2rem;
}

.file-preview-box[b-l4zjnezzds] {
    width: 100%;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--bg-tertiary);
    border-radius: var(--radius-md);
    margin-bottom: 1.5rem;
    overflow: hidden;
}

.file-preview-box img[b-l4zjnezzds] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.file-preview-box i[b-l4zjnezzds] {
    font-size: 4rem;
    color: var(--text-secondary);
}

.file-info[b-l4zjnezzds] {
    space-y: 0.75rem;
}

.info-item[b-l4zjnezzds] {
    display: flex;
    flex-direction: column;
    margin-bottom: 0.75rem;
}

.info-label[b-l4zjnezzds] {
    font-size: 0.875rem;
    color: var(--text-secondary);
    margin-bottom: 0.25rem;
}

.info-value[b-l4zjnezzds] {
    font-size: 0.875rem;
    color: var(--text-primary);
    font-weight: 500;
}

/* Details Section */
.file-details-section[b-l4zjnezzds] {
    background: var(--bg-card);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    padding: 2rem;
}

.form-section[b-l4zjnezzds] {
    margin-bottom: 2.5rem;
    padding-bottom: 2.5rem;
    border-bottom: 1px solid var(--color-border);
}

.form-section:last-of-type[b-l4zjnezzds] {
    border-bottom: none;
}

.form-section h3[b-l4zjnezzds] {
    font-size: 1.25rem;
    margin-bottom: 1.5rem;
    color: var(--text-primary);
}

.form-label[b-l4zjnezzds] {
    font-weight: 500;
    margin-bottom: 0.5rem;
}

.form-text[b-l4zjnezzds] {
    font-size: 0.875rem;
    color: var(--text-secondary);
    margin-top: 0.25rem;
}

/* Metadata Section */
.metadata-list[b-l4zjnezzds] {
    margin-bottom: 1rem;
}

.metadata-item[b-l4zjnezzds] {
    display: grid;
    grid-template-columns: 1fr 1fr auto;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
    align-items: center;
}

.metadata-item input[b-l4zjnezzds] {
    font-size: 0.875rem;
}

.metadata-item .btn-sm[b-l4zjnezzds] {
    padding: 0.375rem 0.75rem;
}

/* Form Actions */
.form-actions[b-l4zjnezzds] {
    display: flex;
    gap: 1rem;
    padding-top: 2rem;
    border-top: 1px solid var(--color-border);
}

/* Danger Zone */
.danger-zone[b-l4zjnezzds] {
    margin-top: 3rem;
    padding: 1.5rem;
    background: rgba(var(--bs-danger-rgb), 0.08);
    border: 1px solid rgba(var(--bs-danger-rgb), 0.25);
    border-radius: var(--radius-md);
}

.danger-zone h3[b-l4zjnezzds] {
    color: var(--danger-color);
    font-size: 1.125rem;
    margin-bottom: 1rem;
}

.danger-actions[b-l4zjnezzds] {
    display: flex;
    align-items: center;
    gap: 1.5rem;
}

.danger-warning[b-l4zjnezzds] {
    margin: 0;
    color: rgba(var(--bs-danger-rgb), 0.9);
    font-size: 0.875rem;
}

/* Mobile Responsiveness */
@media (max-width: 992px) {
    .file-edit-content[b-l4zjnezzds] {
        grid-template-columns: 1fr;
    }
    
    .file-preview-section[b-l4zjnezzds] {
        position: static;
        margin-bottom: 2rem;
    }
}

@media (max-width: 768px) {
    .file-edit-container[b-l4zjnezzds] {
        padding: 1rem;
    }
    
    .file-details-section[b-l4zjnezzds] {
        padding: 1rem;
    }
    
    .form-actions[b-l4zjnezzds] {
        flex-direction: column;
    }
    
    .danger-actions[b-l4zjnezzds] {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .metadata-item[b-l4zjnezzds] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Pages/Creator/Files/FilesList.razor.rz.scp.css */
.files-container[b-x7i1dvh4vl] {
    padding: 2rem;
    max-width: 1400px;
    margin: 0 auto;
}

.page-header[b-x7i1dvh4vl] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2rem;
}

.page-header h1[b-x7i1dvh4vl] {
    margin: 0;
    font-size: 2rem;
    color: var(--text-primary);
}

.header-actions[b-x7i1dvh4vl] {
    display: flex;
    gap: 1rem;
}

.loading-spinner[b-x7i1dvh4vl] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 400px;
}

.bulk-actions[b-x7i1dvh4vl] {
    background: var(--bg-tertiary);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    padding: 1rem;
    margin-bottom: 1.5rem;
    display: flex;
    align-items: center;
    gap: 1rem;
}

.selected-count[b-x7i1dvh4vl] {
    font-weight: 500;
    color: var(--text-secondary);
}

.search-filter-bar[b-x7i1dvh4vl] {
    display: flex;
    gap: 1rem;
    margin-bottom: 2rem;
    align-items: center;
}

.search-box[b-x7i1dvh4vl] {
    flex: 1;
    position: relative;
}

.search-box i[b-x7i1dvh4vl] {
    position: absolute;
    left: 1rem;
    top: 50%;
    transform: translateY(-50%);
    color: var(--text-secondary);
}

.search-box input[b-x7i1dvh4vl] {
    padding-left: 2.5rem;
}

.filter-options[b-x7i1dvh4vl] {
    display: flex;
    gap: 0.75rem;
}

.filter-options .form-select[b-x7i1dvh4vl] {
    width: auto;
}

/* Empty State */
.empty-state[b-x7i1dvh4vl] {
    text-align: center;
    padding: 4rem 2rem;
}

.empty-state > i[b-x7i1dvh4vl] {
    font-size: 4rem;
    color: var(--text-tertiary);
    margin-bottom: 1.5rem;
}

.empty-state h3[b-x7i1dvh4vl] {
    color: var(--text-primary);
    margin-bottom: 0.5rem;
}

.empty-state p[b-x7i1dvh4vl] {
    color: var(--text-secondary);
    margin-bottom: 2rem;
}

/* Files View */
.files-view[b-x7i1dvh4vl] {
    margin-top: 2rem;
}

/* Grid View */
.files-view.grid-view[b-x7i1dvh4vl] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 1.5rem;
}

.grid-view .file-item[b-x7i1dvh4vl] {
    background: var(--bg-card);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    padding: 1rem;
    cursor: pointer;
    transition: all var(--transition-fast);
    position: relative;
}

.grid-view .file-item:hover[b-x7i1dvh4vl] {
    border-color: var(--primary-color);
    box-shadow: var(--shadow-md);
}

.grid-view .file-item.selected[b-x7i1dvh4vl] {
    border-color: var(--primary-color);
    background-color: rgba(var(--bs-primary-rgb), 0.06);
}

.grid-view .file-item.drag-selected[b-x7i1dvh4vl] {
    background-color: rgba(var(--bs-info-rgb), 0.10);
    border-color: var(--info-color);
}

.grid-view .file-checkbox[b-x7i1dvh4vl] {
    position: absolute;
    top: 0.5rem;
    left: 0.5rem;
    z-index: 2;
}

.grid-view .file-preview[b-x7i1dvh4vl] {
    width: 100%;
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--bg-tertiary);
    border-radius: var(--radius-sm);
    margin-bottom: 0.75rem;
    overflow: hidden;
}

.thumbnail-placeholder[b-x7i1dvh4vl] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.grid-view .file-preview img[b-x7i1dvh4vl] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.grid-view .file-preview i[b-x7i1dvh4vl] {
    font-size: 3rem;
    color: var(--text-secondary);
}

.grid-view .file-info[b-x7i1dvh4vl] {
    text-align: center;
}

.grid-view .file-name[b-x7i1dvh4vl] {
    font-weight: 500;
    color: var(--text-primary);
    margin-bottom: 0.25rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.grid-view .file-meta[b-x7i1dvh4vl] {
    font-size: 0.75rem;
    color: var(--text-secondary);
    display: flex;
    justify-content: center;
    gap: 0.5rem;
}

.grid-view .file-actions[b-x7i1dvh4vl] {
    display: flex;
    justify-content: center;
    gap: 0.25rem;
    margin-top: 0.75rem;
}

/* List View */
.files-view.list-view .file-item[b-x7i1dvh4vl] {
    background: var(--bg-card);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    padding: 1rem;
    margin-bottom: 0.5rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    cursor: pointer;
    transition: all var(--transition-fast);
}

.list-view .file-item:hover[b-x7i1dvh4vl] {
    border-color: var(--primary-color);
    background-color: var(--bg-tertiary);
}

.list-view .file-item.selected[b-x7i1dvh4vl] {
    border-color: var(--primary-color);
    background-color: rgba(var(--bs-primary-rgb), 0.06);
}

.list-view .file-item.drag-selected[b-x7i1dvh4vl] {
    background-color: rgba(var(--bs-info-rgb), 0.10);
    border-color: var(--info-color);
}

.list-view .file-checkbox[b-x7i1dvh4vl] {
    flex-shrink: 0;
}

.list-view .file-preview[b-x7i1dvh4vl] {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--bg-tertiary);
    border-radius: var(--radius-sm);
    overflow: hidden;
    flex-shrink: 0;
}

.list-view .file-preview img[b-x7i1dvh4vl] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.list-view .file-preview i[b-x7i1dvh4vl] {
    font-size: 1.5rem;
    color: var(--text-secondary);
}

.list-view .file-info[b-x7i1dvh4vl] {
    flex: 1;
}

.list-view .file-name[b-x7i1dvh4vl] {
    font-weight: 500;
    color: var(--text-primary);
    margin-bottom: 0.25rem;
}

.list-view .file-meta[b-x7i1dvh4vl] {
    font-size: 0.875rem;
    color: var(--text-secondary);
    display: flex;
    gap: 1rem;
}

.list-view .file-actions[b-x7i1dvh4vl] {
    display: flex;
    gap: 0.5rem;
    flex-shrink: 0;
}

/* Preview Styles */
.preview-image[b-x7i1dvh4vl] {
    width: 100%;
    height: auto;
    max-height: 600px;
    object-fit: contain;
}

.preview-pdf[b-x7i1dvh4vl] {
    width: 100%;
    height: 600px;
    border: none;
}

.preview-unavailable[b-x7i1dvh4vl] {
    text-align: center;
    padding: 3rem;
}

.preview-unavailable i[b-x7i1dvh4vl] {
    font-size: 4rem;
    color: var(--text-secondary);
    margin-bottom: 1rem;
}

.preview-unavailable p[b-x7i1dvh4vl] {
    color: var(--text-secondary);
    margin-bottom: 2rem;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .files-container[b-x7i1dvh4vl] {
        padding: 1rem;
    }
    
    .page-header[b-x7i1dvh4vl] {
        flex-direction: column;
        gap: 1rem;
        align-items: stretch;
    }
    
    .header-actions[b-x7i1dvh4vl] {
        flex-direction: column;
    }
    
    .search-filter-bar[b-x7i1dvh4vl] {
        flex-direction: column;
    }
    
    .filter-options[b-x7i1dvh4vl] {
        width: 100%;
        flex-direction: column;
    }
    
    .filter-options .form-select[b-x7i1dvh4vl] {
        width: 100%;
    }
    
    .files-view.grid-view[b-x7i1dvh4vl] {
        grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
        gap: 1rem;
    }
    
    .bulk-actions[b-x7i1dvh4vl] {
        flex-wrap: wrap;
    }
    
    .list-view .file-actions[b-x7i1dvh4vl] {
        flex-direction: column;
    }
}
/* /Components/Pages/Creator/Folders/FolderManagement.razor.rz.scp.css */
.content-management-container[b-meql4yppvu] {
    max-width: 1400px;
    margin: 0 auto;
    padding: var(--space-6);
}

.page-header[b-meql4yppvu] {
    display: flex;
    justify-content: space-between;
    align-items: start;
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--color-border);
}

.header-left h1[b-meql4yppvu] {
    margin-bottom: 0.5rem;
    color: var(--text-primary);
}

.breadcrumb[b-meql4yppvu] {
    margin-bottom: 0;
    background: none;
    padding: 0;
}

.header-actions[b-meql4yppvu] {
    display: flex;
    gap: 0.5rem;
}

.loading-container[b-meql4yppvu] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 400px;
}

.folder-tree-view[b-meql4yppvu] {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 2rem;
}

.folder-hierarchy[b-meql4yppvu] {
    background: var(--bg-tertiary);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    padding: 1rem;
    max-height: 600px;
    overflow-y: auto;
}

.folder-contents[b-meql4yppvu] {
    background: var(--bg-card);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    padding: 1.5rem;
}

.content-section-title[b-meql4yppvu] {
    font-size: 1.25rem;
    margin-bottom: 1rem;
    color: var(--text-primary);
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.articles-grid[b-meql4yppvu] {
    display: grid;
    gap: 1rem;
}

.article-card[b-meql4yppvu] {
    background: var(--bg-tertiary);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    padding: 1rem;
    transition: border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);
}

.article-card:hover[b-meql4yppvu] {
    border-color: var(--color-accent);
    box-shadow: var(--shadow-sm);
    transform: translateY(-1px);
}

.article-header[b-meql4yppvu] {
    display: flex;
    justify-content: space-between;
    align-items: start;
    margin-bottom: 0.5rem;
}

.article-header h4[b-meql4yppvu] {
    font-size: 1.1rem;
    margin: 0;
    color: var(--text-primary);
}

.article-summary[b-meql4yppvu] {
    color: var(--text-secondary);
    font-size: 0.9rem;
    margin-bottom: 0.75rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.article-stats[b-meql4yppvu] {
    display: flex;
    gap: 1rem;
    font-size: 0.85rem;
    color: var(--text-secondary);
    margin-bottom: 0.75rem;
}

.article-stats span[b-meql4yppvu] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.article-actions[b-meql4yppvu] {
    display: flex;
    gap: 0.5rem;
}

.empty-state[b-meql4yppvu] {
    text-align: center;
    padding: 3rem;
    color: var(--text-secondary);
}

.empty-state > i[b-meql4yppvu] {
    font-size: 3rem;
    margin-bottom: 1rem;
    display: block;
}

.empty-state h4[b-meql4yppvu] {
    color: var(--text-primary);
    margin-bottom: 0.5rem;
}

/* Modal Styles */
.icon-picker[b-meql4yppvu], .color-picker[b-meql4yppvu] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.icon-option[b-meql4yppvu], .color-option[b-meql4yppvu] {
    width: 40px;
    height: 40px;
    border: 2px solid transparent;
    border-radius: var(--radius-sm);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: transform var(--transition-fast), border-color var(--transition-fast), background-color var(--transition-fast);
}

.icon-option:hover[b-meql4yppvu], .color-option:hover[b-meql4yppvu] {
    transform: scale(1.1);
}

.icon-option.selected[b-meql4yppvu] {
    border-color: var(--color-accent);
    background: var(--primary-lighter);
}

.color-option.selected[b-meql4yppvu] {
    border-color: var(--text-secondary);
    transform: scale(1.1);
}

/* Folder Tree Item Styles */
.sl-folder-management[b-meql4yppvu]  .folder-tree-item {
    user-select: none;
}

.sl-folder-management[b-meql4yppvu]  .folder-item {
    display: flex;
    align-items: center;
    padding: 0.5rem;
    border-radius: var(--radius-sm);
    cursor: pointer;
    transition: background-color var(--transition-fast), color var(--transition-fast);
}

.sl-folder-management[b-meql4yppvu]  .folder-item:hover {
    background-color: var(--bg-hover);
}

.sl-folder-management[b-meql4yppvu]  .folder-item.active {
    background-color: var(--primary-lighter);
    color: var(--color-accent);
}

.sl-folder-management[b-meql4yppvu]  .folder-expand-icon {
    width: 20px;
    font-size: 0.75rem;
}

.sl-folder-management[b-meql4yppvu]  .expand-placeholder {
    display: inline-block;
    width: 20px;
}

.sl-folder-management[b-meql4yppvu]  .folder-icon {
    margin-right: 0.5rem;
}

.sl-folder-management[b-meql4yppvu]  .folder-name {
    flex: 1;
    font-weight: 500;
}

.sl-folder-management[b-meql4yppvu]  .folder-count {
    font-size: 0.85rem;
    color: var(--text-secondary);
    margin-right: 0.5rem;
}

.sl-folder-management[b-meql4yppvu]  .folder-actions {
    opacity: 0;
    transition: opacity 0.2s ease;
}

.sl-folder-management[b-meql4yppvu]  .folder-item:hover .folder-actions {
    opacity: 1;
}

.sl-folder-management[b-meql4yppvu]  .folder-children {
    margin-top: 0.25rem;
}

@media (max-width: 992px) {
    .folder-tree-view[b-meql4yppvu] {
        grid-template-columns: 1fr;
    }
    
    .folder-hierarchy[b-meql4yppvu] {
        max-height: 300px;
    }
}
/* /Components/Pages/Creator/Folders/FoldersList.razor.rz.scp.css */
.folder-card[b-f1po1rvdxv] {
    border: 1px solid var(--color-border);
    border-radius: var(--radius-xl);
    box-shadow: var(--shadow-sm);
    transition: transform var(--transition-fast), box-shadow var(--transition-fast);
}

.folder-card:hover[b-f1po1rvdxv] {
    transform: translateY(-2px);
    box-shadow: var(--shadow);
}

/* Responsive */
@media (max-width: 768px) {
    .folders-container[b-f1po1rvdxv] {
        padding: 1rem;
    }
    
    .folders-header[b-f1po1rvdxv] {
        flex-direction: column;
    }
    
    .header-actions[b-f1po1rvdxv] {
        width: 100%;
    }
    
    .header-actions .btn[b-f1po1rvdxv] {
        flex: 1;
    }
    
    .folders-grid[b-f1po1rvdxv] {
        grid-template-columns: 1fr;
    }
    
    .content-card[b-f1po1rvdxv] {
        flex-direction: column;
        text-align: center;
    }
    
    .content-actions[b-f1po1rvdxv] {
        margin-top: 1rem;
    }
}
/* /Components/Pages/Creator/Forms/FormCreate.razor.rz.scp.css */
.sl-form-create-page[b-yias6udp1v] {
    max-width: var(--content-max-width-wide);
    margin: 0 auto;
    padding: var(--space-6);
}

.sl-form-create-grid[b-yias6udp1v] {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(320px, 1fr);
    gap: var(--space-5);
    align-items: start;
}

.sl-form-create-panel[b-yias6udp1v] {
    padding: var(--space-4);
}

.sl-form-create-preview[b-yias6udp1v] {
    padding: var(--space-4);
}

.sl-form-create-actions[b-yias6udp1v] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-3);
}

.form-fields-list[b-yias6udp1v] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.form-field-item[b-yias6udp1v] {
    display: flex;
    align-items: center;
    padding: 1rem;
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-md);
    background: var(--glass-surface);
    box-shadow: var(--shadow-sm);
    backdrop-filter: var(--glass-filter);
    -webkit-backdrop-filter: var(--glass-filter);
    transition: background-color var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);
}

.form-field-item:hover[b-yias6udp1v] {
    background: rgba(var(--color-surface-rgb), 0.78);
    border-color: rgba(var(--color-accent-rgb), 0.25);
    box-shadow: var(--shadow);
}

.field-drag-handle[b-yias6udp1v] {
    margin-right: 1rem;
    cursor: move;
    color: var(--text-secondary);
}

.field-info[b-yias6udp1v] {
    flex: 1;
}

.field-label[b-yias6udp1v] {
    font-weight: 600;
    margin-bottom: 2px;
    color: var(--text-primary);
}

.field-type[b-yias6udp1v] {
    font-size: 0.875rem;
    color: var(--text-secondary);
}

.field-actions[b-yias6udp1v] {
    display: flex;
    gap: 0.5rem;
}

.form-preview[b-yias6udp1v] {
    padding: 1.25rem;
    background: rgba(var(--color-surface-rgb), 0.78);
    border-radius: var(--radius-md);
    border: 1px solid var(--glass-border);
    min-height: 300px;
}

.sl-form-preview-title[b-yias6udp1v] {
    font-family: var(--font-display);
    font-size: var(--text-lg);
    margin: 0 0 var(--space-2) 0;
}

.sl-field-advanced[b-yias6udp1v] {
    border-top: 1px dashed var(--glass-border);
    padding-top: var(--space-3);
}

@media (max-width: 992px) {
    .sl-form-create-grid[b-yias6udp1v] {
        grid-template-columns: 1fr;
    }

    .sl-form-create-page[b-yias6udp1v] {
        padding: var(--space-5);
    }
}
/* /Components/Pages/Creator/Forms/FormsList.razor.rz.scp.css */
.forms-list-page[b-jw9884xtf9] {
    display: flex;
    flex-direction: column;
    gap: var(--space-5);
    min-width: 0;
}

/* Stats Grid */
.stats-grid[b-jw9884xtf9] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 1.25rem;
    margin-bottom: 2rem;
}

.stat-card[b-jw9884xtf9] {
    background: var(--bg-card);
    border-radius: var(--radius-xl);
    padding: 1.5rem;
    box-shadow: var(--shadow);
    display: flex;
    align-items: center;
    gap: 1rem;
    border: 1px solid var(--color-border);
}

.stat-icon[b-jw9884xtf9] {
    width: 60px;
    height: 60px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
}

.bg-primary-light[b-jw9884xtf9] {
    background: var(--primary-lighter);
}

.bg-success-light[b-jw9884xtf9] {
    background: rgba(var(--bs-success-rgb), 0.14);
}

.bg-info-light[b-jw9884xtf9] {
    background: rgba(var(--bs-info-rgb), 0.14);
}

.bg-warning-light[b-jw9884xtf9] {
    background: rgba(var(--bs-warning-rgb), 0.14);
}

.stat-content h3[b-jw9884xtf9] {
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--text-primary);
    margin: 0;
}

.stat-content p[b-jw9884xtf9] {
    color: var(--text-secondary);
    margin: 0;
    font-size: 0.875rem;
}

/* Forms Grid */
.forms-grid[b-jw9884xtf9] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: var(--space-3);
}

.form-card[b-jw9884xtf9] {
    min-width: 0;
}

.form-header[b-jw9884xtf9] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.form-icon[b-jw9884xtf9] {
    width: 30px;
    height: 30px;
    border-radius: var(--radius-lg);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.85rem;
}

.icon-form[b-jw9884xtf9] {
    background: var(--primary-lighter);
    color: var(--primary-color);
}

.form-body[b-jw9884xtf9] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}

.form-title[b-jw9884xtf9] {
    font-size: var(--text-base);
    font-weight: 600;
    margin-bottom: 0;
}

.form-title a[b-jw9884xtf9] {
    color: var(--text-primary);
    text-decoration: none;
}

.form-title a:hover[b-jw9884xtf9] {
    color: var(--primary-color);
}

.form-description[b-jw9884xtf9] {
    color: var(--text-secondary);
    font-size: 0.875rem;
    margin-bottom: 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.form-stats[b-jw9884xtf9] {
    display: flex;
    gap: var(--space-2);
    margin-bottom: 0;
    font-size: var(--text-xs);
    color: var(--text-secondary);
}

.form-stats .stat[b-jw9884xtf9] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.form-share[b-jw9884xtf9] {
    margin-top: var(--space-1);
}


.form-link[b-jw9884xtf9] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.form-link code[b-jw9884xtf9] {
    background: var(--gray-200);
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    font-size: 0.875rem;
}

/* Empty State */
.empty-state[b-jw9884xtf9] {
    text-align: center;
    padding: 4rem 2rem;
}

.empty-icon[b-jw9884xtf9] {
    font-size: 4rem;
    color: var(--gray-200);
    margin-bottom: 1rem;
}

.empty-state h3[b-jw9884xtf9] {
    font-size: 1.5rem;
    color: var(--text-primary);
    margin-bottom: 0.5rem;
}

.empty-state p[b-jw9884xtf9] {
    color: var(--text-secondary);
    margin-bottom: 2rem;
}

/* Loading State */
.loading-state[b-jw9884xtf9] {
    text-align: center;
    padding: 4rem;
}

/* Responsive */
@media (max-width: 768px) {
    .forms-grid[b-jw9884xtf9] {
        grid-template-columns: 1fr;
    }
    
    .filter-bar[b-jw9884xtf9] {
        flex-direction: column;
    }
    
    .search-box[b-jw9884xtf9] {
        min-width: auto;
    }
    
    .form-footer[b-jw9884xtf9] {
        flex-direction: column;
        gap: 1rem;
    }
}
/* /Components/Pages/Creator/Links/LinkEdit.razor.rz.scp.css */
.link-edit-container[b-elzjmmff9e] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 2rem 2rem 6rem 2rem;
}

.page-header[b-elzjmmff9e] {
    margin-bottom: 2rem;
}

.breadcrumb[b-elzjmmff9e] {
    margin-bottom: 1rem;
}

.breadcrumb-link[b-elzjmmff9e] {
    color: var(--text-secondary);
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.breadcrumb-link:hover[b-elzjmmff9e] {
    color: var(--primary-color);
}

.edit-layout[b-elzjmmff9e] {
    display: grid;
    grid-template-columns: 250px 1fr;
    gap: 2rem;
}

/* Sidebar */
.edit-sidebar[b-elzjmmff9e] {
    position: sticky;
    top: 2rem;
    height: fit-content;
}

.nav-pills .nav-link[b-elzjmmff9e] {
    color: var(--text-secondary);
    border-radius: var(--radius-md);
    margin-bottom: 0.5rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.nav-pills .nav-link:hover[b-elzjmmff9e] {
    background: var(--bg-tertiary);
}

.nav-pills .nav-link.active[b-elzjmmff9e] {
    background: var(--primary-color);
    color: var(--text-on-primary);
}

/* Content */
.edit-content[b-elzjmmff9e] {
    background: var(--bg-card);
    border-radius: var(--radius-2xl);
    box-shadow: var(--shadow);
    padding: 2rem;
    border: 1px solid var(--color-border);
}

.tab-content h2[b-elzjmmff9e] {
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.form-section[b-elzjmmff9e] {
    margin-top: 2rem;
}

/* Link Type Grid */
.link-type-grid[b-elzjmmff9e] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
    gap: 1rem;
}

.link-type-option[b-elzjmmff9e] {
    background: none;
    padding: 1.5rem 1rem;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    text-align: center;
    cursor: pointer;
    transition: all var(--transition-fast);
    color: inherit;
    width: 100%;
    font: inherit;
}

.link-type-option:hover[b-elzjmmff9e] {
    border-color: var(--primary-color);
    background: var(--primary-lighter);
}

.link-type-option.selected[b-elzjmmff9e] {
    border-color: var(--primary-color);
    background: var(--primary-color);
    color: var(--text-on-primary);
}

.link-type-option:focus-visible[b-elzjmmff9e] {
    outline: 2px solid rgba(var(--color-accent-rgb), 0.4);
    outline-offset: 2px;
}

.link-type-option i[b-elzjmmff9e] {
    font-size: 2rem;
    display: block;
    margin-bottom: 0.5rem;
}

/* Tags Input */
.tags-input[b-elzjmmff9e] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    padding: 0.5rem;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    min-height: 42px;
}

.tag[b-elzjmmff9e] {
    background: var(--bg-tertiary);
    padding: 0.25rem 0.5rem;
    border-radius: var(--radius-sm);
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.tag-remove[b-elzjmmff9e] {
    background: none;
    border: none;
    color: var(--text-secondary);
    cursor: pointer;
    padding: 0;
    font-size: 1.25rem;
    line-height: 1;
}

.tag-input[b-elzjmmff9e] {
    border: none;
    outline: none;
    flex: 1;
    min-width: 100px;
}

/* Access Controls */
.access-controls[b-elzjmmff9e] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.control-card[b-elzjmmff9e] {
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-lg);
    overflow: hidden;
    background: var(--glass-surface);
    box-shadow: var(--shadow-glass);
    backdrop-filter: var(--glass-filter);
    -webkit-backdrop-filter: var(--glass-filter);
}

.control-header[b-elzjmmff9e] {
    padding: var(--space-3);
    background: rgba(var(--color-surface-rgb), 0.7);
    border-bottom: 1px solid var(--glass-border);
}

.control-header .form-switch[b-elzjmmff9e] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
}

.control-header .form-check-label[b-elzjmmff9e] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    font-weight: 500;
    font-size: 0.95rem;
    color: var(--text-primary);
}

.control-header .form-check-label i[b-elzjmmff9e] {
    font-size: 0.9em;
    color: var(--text-tertiary);
}

.control-header .form-check-input[b-elzjmmff9e] {
    width: 1.9rem;
    height: 1rem;
    margin: 0;
    background-color: rgba(var(--color-ink-rgb), 0.12);
    border: 1px solid rgba(var(--color-ink-rgb), 0.25);
    box-shadow: none;
    transition: background-color var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);
}

.control-header .form-check-input:checked[b-elzjmmff9e] {
    background-color: rgba(var(--color-accent-rgb), 0.8);
    border-color: rgba(var(--color-accent-rgb), 0.85);
    box-shadow: inset 0 0 0 1px rgba(var(--color-accent-rgb), 0.2);
}

.control-header .form-check-input:focus-visible[b-elzjmmff9e] {
    box-shadow: 0 0 0 0.2rem rgba(var(--color-accent-rgb), 0.25);
}

.control-body[b-elzjmmff9e] {
    padding: 1rem;
}

/* Social Preview */
.image-upload[b-elzjmmff9e] {
    border: 2px dashed var(--color-border);
    border-radius: var(--radius-lg);
    padding: 1rem;
}

.image-preview[b-elzjmmff9e] {
    position: relative;
    display: inline-block;
}

.image-preview img[b-elzjmmff9e] {
    max-width: 300px;
    border-radius: var(--radius-lg);
}

.image-preview .remove-btn[b-elzjmmff9e] {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
}

.upload-area[b-elzjmmff9e] {
    text-align: center;
    padding: 3rem;
    cursor: pointer;
}

.upload-area i[b-elzjmmff9e] {
    font-size: 3rem;
    color: var(--text-tertiary);
}

.upload-area:hover[b-elzjmmff9e] {
    background: var(--bg-hover);
}

.social-preview[b-elzjmmff9e] {
    margin-top: 2rem;
}

.preview-card[b-elzjmmff9e] {
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    overflow: hidden;
    max-width: 500px;
}

.preview-image img[b-elzjmmff9e] {
    width: 100%;
    height: 260px;
    object-fit: cover;
}

.preview-placeholder[b-elzjmmff9e] {
    height: 260px;
    background: var(--bg-tertiary);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 3rem;
    color: var(--text-tertiary);
}

.preview-content[b-elzjmmff9e] {
    padding: 1rem;
}

.preview-title[b-elzjmmff9e] {
    font-weight: 600;
    margin-bottom: 0.25rem;
}

.preview-description[b-elzjmmff9e] {
    color: var(--text-secondary);
    font-size: 0.875rem;
    margin-bottom: 0.5rem;
}

.preview-url[b-elzjmmff9e] {
    color: var(--text-tertiary);
    font-size: 0.75rem;
}

/* Weekday Selector */
.weekday-selector[b-elzjmmff9e] {
    display: flex;
    gap: 0.5rem;
}

.weekday-option[b-elzjmmff9e] {
    position: relative;
    cursor: pointer;
}

.weekday-option input[b-elzjmmff9e] {
    position: absolute;
    opacity: 0;
}

.weekday-option span[b-elzjmmff9e] {
    display: block;
    padding: 0.5rem 1rem;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
    transition: all var(--transition-fast);
}

.weekday-option input:checked + span[b-elzjmmff9e] {
    background: var(--primary-color);
    color: var(--text-on-primary);
    border-color: var(--primary-color);
}

/* A/B Testing */
.ab-destinations[b-elzjmmff9e] {
    background: var(--bg-tertiary);
    padding: 1rem;
    border-radius: var(--radius-md);
}

/* Action Bar */
.action-bar[b-elzjmmff9e] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--bg-card);
    border-top: 1px solid var(--color-border);
    padding: 1rem 0;
    z-index: 100;
}

.action-bar-content[b-elzjmmff9e] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 2rem;
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
}

/* Responsive */
@media (max-width: 992px) {
    .edit-layout[b-elzjmmff9e] {
        grid-template-columns: 1fr;
    }
    
    .edit-sidebar[b-elzjmmff9e] {
        position: static;
        margin-bottom: 2rem;
    }
    
    .nav-pills[b-elzjmmff9e] {
        display: flex;
        overflow-x: auto;
        gap: 0.5rem;
    }
    
    .nav-pills .nav-link[b-elzjmmff9e] {
        white-space: nowrap;
        margin-bottom: 0;
    }
    
    .link-type-grid[b-elzjmmff9e] {
        grid-template-columns: repeat(3, 1fr);
    }
}
/* /Components/Pages/Creator/Links/LinksList.razor.rz.scp.css */
.links-container[b-z8ud13czno] {
    display: flex;
    flex-direction: column;
    gap: var(--space-5);
    min-width: 0;
}

.page-header[b-z8ud13czno] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0;
    flex-wrap: wrap;
    gap: 1rem;
}

.header-content h1[b-z8ud13czno] {
    font-size: 2rem;
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: 0.25rem;
}

.header-actions[b-z8ud13czno] {
    display: flex;
    gap: 0.75rem;
}

.links-container .filter-bar[b-z8ud13czno] {
    margin: 0;
}

/* Stats Grid */
.stats-grid[b-z8ud13czno] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 1.25rem;
    margin: 0;
}

.stat-card[b-z8ud13czno] {
    background: var(--bg-card);
    border-radius: var(--radius-xl);
    padding: 1.5rem;
    box-shadow: var(--shadow-glass);
    display: flex;
    align-items: center;
    gap: 1rem;
    border: 1px solid var(--color-border);
}

.stat-icon[b-z8ud13czno] {
    width: 60px;
    height: 60px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
}

.stat-content h3[b-z8ud13czno] {
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--text-primary);
    margin: 0;
}

.stat-content p[b-z8ud13czno] {
    color: var(--text-secondary);
    margin: 0;
    font-size: 0.875rem;
}

.stat-content small[b-z8ud13czno] {
    font-size: 0.75rem;
    color: var(--text-tertiary);
}

/* Links Grid */
.links-grid[b-z8ud13czno] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: var(--space-3);
}

.link-card[b-z8ud13czno] {
    min-width: 0;
}

.link-select[b-z8ud13czno] {
    position: absolute;
    inset-block-start: var(--space-2);
    inset-inline-start: var(--space-2);
    z-index: 1;
}

.link-header[b-z8ud13czno] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: var(--space-2);
}

.link-type-icon[b-z8ud13czno] {
    width: 30px;
    height: 30px;
    border-radius: var(--radius-lg);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.85rem;
}

.link-type-url[b-z8ud13czno],
.link-type-ExternalUrl[b-z8ud13czno] {
    background: var(--primary-lighter);
    color: var(--primary-color);
}

.link-type-file[b-z8ud13czno],
.link-type-File[b-z8ud13czno] {
    background: rgba(var(--bs-info-rgb), 0.10);
    color: var(--info-color);
}

.link-type-course[b-z8ud13czno],
.link-type-Course[b-z8ud13czno] {
    background: rgba(var(--bs-success-rgb), 0.10);
    color: var(--success-color);
}

.link-type-form[b-z8ud13czno],
.link-type-Form[b-z8ud13czno] {
    background: rgba(var(--bs-warning-rgb), 0.10);
    color: var(--warning-color);
}

.link-type-calendar[b-z8ud13czno],
.link-type-Calendar[b-z8ud13czno] {
    background: rgba(var(--color-accent-2-rgb), 0.16);
    color: var(--secondary-color);
}

.link-type-poll[b-z8ud13czno],
.link-type-Poll[b-z8ud13czno] {
    background: var(--primary-lighter);
    color: var(--primary-color);
}

.link-badges[b-z8ud13czno] {
    display: flex;
    gap: var(--space-1);
    flex-wrap: wrap;
    align-items: center;
}

.link-badges i[b-z8ud13czno] {
    font-size: 0.7rem;
}

.link-body[b-z8ud13czno] {
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
}

.link-title[b-z8ud13czno] {
    font-size: var(--text-base);
    font-weight: 600;
    margin: 0;
}

.link-title a[b-z8ud13czno] {
    color: var(--text-primary);
    text-decoration: none;
}

.link-title a:hover[b-z8ud13czno] {
    color: var(--primary-color);
}

.link-url[b-z8ud13czno] {
    min-width: 0;
}

.link-stats[b-z8ud13czno] {
    display: flex;
    gap: var(--space-2);
    font-size: var(--text-xs);
    color: var(--text-secondary);
}

.link-stats .stat[b-z8ud13czno] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.expiration-warning[b-z8ud13czno] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: var(--space-1) var(--space-2);
    background: rgba(var(--bs-warning-rgb), 0.12);
    border-radius: var(--radius-sm);
    font-size: var(--text-sm);
    color: var(--warning-color);
}

.view-limit[b-z8ud13czno] {
    margin-bottom: var(--space-2);
}

.limit-header[b-z8ud13czno] {
    display: flex;
    justify-content: space-between;
    font-size: 0.875rem;
    color: var(--text-secondary);
    margin-bottom: var(--space-1);
}

.progress[b-z8ud13czno] {
    height: 8px;
    background: var(--gray-200);
    border-radius: 4px;
    overflow: hidden;
}

.progress-bar[b-z8ud13czno] {
    height: 100%;
    background: var(--primary-color);
    transition: width 0.3s;
}

.link-dates[b-z8ud13czno] {
    color: var(--text-tertiary);
}

/* Empty State */
.empty-state[b-z8ud13czno] {
    text-align: center;
    padding: 4rem 2rem;
}

.empty-icon[b-z8ud13czno] {
    font-size: 4rem;
    color: var(--gray-200);
    margin-bottom: 1rem;
}

.empty-state h3[b-z8ud13czno] {
    font-size: 1.5rem;
    color: var(--text-primary);
    margin-bottom: 0.5rem;
}

.empty-state p[b-z8ud13czno] {
    color: var(--text-secondary);
    margin-bottom: 2rem;
}

/* Loading State */
.loading-state[b-z8ud13czno] {
    text-align: center;
    padding: 4rem;
}

/* Responsive */
@media (max-width: 768px) {
    .links-grid[b-z8ud13czno] {
        grid-template-columns: 1fr;
    }
    
    .filter-bar[b-z8ud13czno] {
        flex-direction: column;
    }
    
    .search-box[b-z8ud13czno] {
        min-width: auto;
    }
    
    .link-footer[b-z8ud13czno] {
        flex-direction: column;
        gap: 1rem;
        align-items: flex-start;
    }
}
/* /Components/Pages/Creator/Monetization/Monetization.razor.rz.scp.css */
.monetization-settings-container[b-9b3muplner] {
    max-width: 900px;
    margin: 0 auto;
    padding: 2rem;
}

.settings-header[b-9b3muplner] {
    margin-bottom: 2rem;
}

.settings-header h2[b-9b3muplner] {
    color: var(--text-primary);
    margin-bottom: 0.5rem;
}

.settings-header p[b-9b3muplner] {
    color: var(--text-secondary);
    margin-bottom: 0;
}

.settings-section[b-9b3muplner] {
    background: var(--bg-card);
    padding: 2rem;
    border-radius: var(--radius-md);
    border: 1px solid var(--color-border);
    margin-bottom: 2rem;
}

.settings-section h3[b-9b3muplner] {
    color: var(--text-primary);
    font-size: 1.3rem;
    margin-bottom: 1rem;
}

.membership-tiers[b-9b3muplner],
.credit-packages[b-9b3muplner] {
    margin-top: 1.5rem;
}

.tier-card[b-9b3muplner],
.package-card[b-9b3muplner] {
    background: var(--bg-tertiary);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    padding: 1.5rem;
    margin-bottom: 1rem;
}

.tier-header[b-9b3muplner] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.tier-header h4[b-9b3muplner] {
    margin: 0;
    color: var(--text-primary);
}

.tier-price[b-9b3muplner] {
    font-size: 1.25rem;
    font-weight: bold;
    color: var(--primary-color);
}

.tier-benefits[b-9b3muplner] {
    white-space: pre-line;
    color: var(--text-secondary);
    margin-bottom: 1rem;
}

.tier-actions[b-9b3muplner],
.package-actions[b-9b3muplner] {
    display: flex;
    gap: 0.5rem;
}

.package-card h5[b-9b3muplner] {
    color: var(--text-primary);
    margin-bottom: 0.5rem;
}

.package-details[b-9b3muplner] {
    display: flex;
    gap: 1rem;
    margin-bottom: 1rem;
    color: var(--text-secondary);
}

.package-details .credits[b-9b3muplner] {
    font-weight: 500;
}

.package-details .price[b-9b3muplner] {
    color: var(--primary-color);
    font-weight: bold;
}

.form-actions[b-9b3muplner] {
    display: flex;
    gap: 1rem;
    justify-content: flex-end;
    padding-top: 1rem;
    border-top: 1px solid var(--color-border);
}

.form-check-input:checked[b-9b3muplner] {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

.modal.show[b-9b3muplner] {
    display: block;
}

.modal-backdrop.show[b-9b3muplner] {
    opacity: 0.5;
}
/* /Components/Pages/Creator/Payouts.razor.rz.scp.css */
.card[b-yzxyhxhgwh] {
    border: none;
    transition: transform 0.2s;
}

.card:hover[b-yzxyhxhgwh] {
    transform: translateY(-2px);
}

.card-header[b-yzxyhxhgwh] {
    background-color: rgba(var(--bs-primary-rgb), 0.06);
    border-bottom: 1px solid rgba(var(--bs-primary-rgb), 0.12);
}

.table th[b-yzxyhxhgwh] {
    border-bottom: 1px solid var(--color-border);
    font-weight: 600;
    color: var(--text-primary);
}

.table-hover tbody tr:hover[b-yzxyhxhgwh] {
    background-color: rgba(var(--bs-primary-rgb), 0.04);
}

.spinner-border-sm[b-yzxyhxhgwh] {
    width: 1rem;
    height: 1rem;
    border-width: 0.2em;
}

.alert-info[b-yzxyhxhgwh] {
    background-color: rgba(var(--bs-info-rgb), 0.10);
    border-color: rgba(var(--bs-info-rgb), 0.18);
    color: var(--text-primary);
}

.badge[b-yzxyhxhgwh] {
    padding: 0.375rem 0.75rem;
    font-weight: 500;
}

h2[b-yzxyhxhgwh] {
    font-weight: 700;
    color: var(--text-primary);
}
/* /Components/Pages/Creator/Polls/PollEdit.razor.rz.scp.css */
.poll-edit-container[b-plxpk44i87] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 2rem;
}

.page-header[b-plxpk44i87] {
    margin-bottom: 2rem;
}

.breadcrumb[b-plxpk44i87] {
    margin-bottom: 1rem;
}

.breadcrumb-link[b-plxpk44i87] {
    color: var(--text-secondary);
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
}

.breadcrumb-link:hover[b-plxpk44i87] {
    color: var(--text-primary);
}

.edit-layout[b-plxpk44i87] {
    display: grid;
    grid-template-columns: 250px 1fr;
    gap: 2rem;
    margin-bottom: 100px;
}

.edit-sidebar[b-plxpk44i87] {
    position: sticky;
    top: 2rem;
    height: fit-content;
}

.nav-pills[b-plxpk44i87] {
    background: var(--bg-tertiary);
    border-radius: var(--radius-md);
    padding: 0.5rem;
}

.nav-pills .nav-link[b-plxpk44i87] {
    color: var(--text-secondary);
    border-radius: var(--radius-sm);
    padding: 0.75rem 1rem;
    margin-bottom: 0.25rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    transition: all 0.2s;
}

.nav-pills .nav-link:hover[b-plxpk44i87] {
    background: var(--gray-200);
}

.nav-pills .nav-link.active[b-plxpk44i87] {
    background: var(--primary-color);
    color: var(--text-on-primary);
}

.edit-content[b-plxpk44i87] {
    background: var(--bg-card);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow);
    border: 1px solid var(--color-border);
}

.tab-content[b-plxpk44i87] {
    padding: 2rem;
}

.tab-content h2[b-plxpk44i87] {
    margin-bottom: 0.5rem;
}

.form-section[b-plxpk44i87] {
    margin-top: 2rem;
}

/* Poll Type Grid */
.poll-type-grid[b-plxpk44i87] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1rem;
    margin-top: 1rem;
}

.poll-type-option[b-plxpk44i87] {
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    padding: 1.5rem;
    text-align: center;
    cursor: pointer;
    transition: all 0.2s;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
}

.poll-type-option:hover:not(.disabled)[b-plxpk44i87] {
    border-color: var(--primary-color);
    background: var(--primary-lighter);
}

.poll-type-option.selected[b-plxpk44i87] {
    border-color: var(--primary-color);
    background: var(--primary-lighter);
}

.poll-type-option.disabled[b-plxpk44i87] {
    opacity: 0.5;
    cursor: not-allowed;
}

.poll-type-option i[b-plxpk44i87] {
    font-size: 2rem;
    color: var(--primary-color);
}

.poll-type-option span[b-plxpk44i87] {
    font-weight: 600;
    display: block;
}

.poll-type-option small[b-plxpk44i87] {
    color: var(--text-secondary);
    font-size: 0.75rem;
}

/* Poll Options */
.poll-options[b-plxpk44i87] {
    margin-top: 1rem;
}

.option-card[b-plxpk44i87] {
    background: var(--bg-tertiary);
    border-radius: var(--radius-md);
    padding: 1.5rem;
    margin-bottom: 1rem;
}

.option-header[b-plxpk44i87] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.option-number[b-plxpk44i87] {
    font-weight: 600;
    color: var(--text-secondary);
}

.option-body input[b-plxpk44i87] {
    width: 100%;
}

.btn-add-option[b-plxpk44i87] {
    width: 100%;
    padding: 1rem;
    border-style: dashed;
}

/* Settings */
.settings-list[b-plxpk44i87] {
    margin-top: 1rem;
}

.setting-item[b-plxpk44i87] {
    padding: 1.5rem;
    border-bottom: 1px solid var(--color-border);
}

.setting-item:last-child[b-plxpk44i87] {
    border-bottom: none;
}

.form-check-label[b-plxpk44i87] {
    font-weight: 500;
}

.form-check-label small[b-plxpk44i87] {
    font-weight: normal;
    margin-top: 0.25rem;
}

/* Restrictions */
.restrictions-list[b-plxpk44i87] {
    margin-top: 1rem;
}

.restriction-item[b-plxpk44i87] {
    padding: 1.5rem;
    border-bottom: 1px solid var(--color-border);
}

.restriction-item:last-child[b-plxpk44i87] {
    border-bottom: none;
}

.restriction-detail[b-plxpk44i87] {
    background: var(--bg-tertiary);
    border-radius: var(--radius-lg);
    padding: 1.5rem;
    margin-top: 1rem;
}

/* Results */
.results-summary[b-plxpk44i87] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1rem;
    margin-bottom: 2rem;
}

.stat-card[b-plxpk44i87] {
    background: var(--bg-tertiary);
    border-radius: var(--radius-md);
    padding: 1.5rem;
    text-align: center;
}

.stat-value[b-plxpk44i87] {
    font-size: 2rem;
    font-weight: 700;
    color: var(--primary-color);
}

.stat-label[b-plxpk44i87] {
    color: var(--text-secondary);
    font-size: 0.875rem;
    margin-top: 0.5rem;
}

.results-chart[b-plxpk44i87] {
    margin-bottom: 2rem;
}

.result-item[b-plxpk44i87] {
    margin-bottom: 1.5rem;
}

.result-header[b-plxpk44i87] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.5rem;
}

.result-text[b-plxpk44i87] {
    font-weight: 500;
}

.result-stats[b-plxpk44i87] {
    color: var(--text-secondary);
    font-size: 0.875rem;
}

.result-bar[b-plxpk44i87] {
    height: 24px;
    background: var(--gray-200);
    border-radius: 12px;
    overflow: hidden;
}

.result-fill[b-plxpk44i87] {
    height: 100%;
    background: var(--primary-color);
    transition: width 0.3s ease;
}

.results-actions[b-plxpk44i87] {
    display: flex;
    gap: 1rem;
    margin-top: 2rem;
}

/* Action Bar */
.action-bar[b-plxpk44i87] {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--bg-card);
    border-top: 1px solid var(--color-border);
    box-shadow: 0 -10px 30px rgba(var(--color-ink-rgb), 0.12);
    z-index: 1000;
}

.action-bar-content[b-plxpk44i87] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 1rem 2rem;
    display: flex;
    justify-content: flex-end;
    gap: 1rem;
}

/* Responsive */
@media (max-width: 768px) {
    .edit-layout[b-plxpk44i87] {
        grid-template-columns: 1fr;
    }
    
    .edit-sidebar[b-plxpk44i87] {
        position: static;
    }
    
    .nav-pills[b-plxpk44i87] {
        display: flex;
        overflow-x: auto;
        padding: 0.5rem;
        gap: 0.5rem;
    }
    
    .nav-pills .nav-link[b-plxpk44i87] {
        white-space: nowrap;
        margin-bottom: 0;
    }
    
    .poll-type-grid[b-plxpk44i87] {
        grid-template-columns: 1fr;
    }
    
    .action-bar-content[b-plxpk44i87] {
        flex-wrap: wrap;
        justify-content: center;
    }
    
    .action-bar-content button[b-plxpk44i87] {
        flex: 1;
        min-width: 150px;
    }
}
/* /Components/Pages/Creator/Polls/PollsList.razor.rz.scp.css */
.card[b-4t01upe2f0] {
    transition: transform 0.2s, box-shadow 0.2s;
}

.card:hover[b-4t01upe2f0] {
    transform: translateY(-4px);
    box-shadow: var(--shadow-md);
}

.btn-group .btn[b-4t01upe2f0] {
    flex: 1;
}

.badge[b-4t01upe2f0] {
    font-size: 0.75rem;
    padding: 0.25rem 0.5rem;
}
/* /Components/Pages/Creator/PromoCodes.razor.rz.scp.css */
.card[b-08mql2nv1o] {
    margin-bottom: 2rem;
}

.form-check-input:checked[b-08mql2nv1o] {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

.table th[b-08mql2nv1o] {
    font-weight: 600;
    border-bottom: 1px solid var(--color-border);
}

.input-group-text[b-08mql2nv1o] {
    background-color: var(--bg-tertiary);
}

.form-select[multiple][b-08mql2nv1o] {
    min-height: 120px;
}
/* /Components/Pages/Creator/Services/ServiceBookings.razor.rz.scp.css */
/* ServiceBookings Component Styles */

.table[b-u1hqgeqn81] {
    margin-bottom: 0;
}

.table thead th[b-u1hqgeqn81] {
    font-weight: 600;
    color: var(--bs-gray-700);
    border-bottom: 2px solid var(--bs-gray-300);
}

.table tbody tr:hover[b-u1hqgeqn81] {
    background-color: var(--bs-gray-100);
}

.badge[b-u1hqgeqn81] {
    font-weight: 500;
    padding: 0.375rem 0.75rem;
}
/* /Components/Pages/Creator/Services/ServiceCreate.razor.rz.scp.css */
.form-check-group[b-aku1b6al8z] {
    display: flex;
    gap: var(--space-2);
    flex-wrap: wrap;
    padding: var(--space-2);
    background-color: var(--bg-tertiary);
    border-radius: var(--radius-sm);
    border: 1px solid var(--color-border);
}

.form-check-inline[b-aku1b6al8z] {
    margin-right: 0;
}

.form-check-input:checked[b-aku1b6al8z] {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

.form-check-label[b-aku1b6al8z] {
    font-weight: 500;
    color: var(--text-secondary);
}

.card-header[b-aku1b6al8z] {
    background-color: var(--bg-card);
    border-bottom: 2px solid var(--primary-color);
}

.form-text[b-aku1b6al8z] {
    font-size: 0.875rem;
    color: var(--text-secondary);
}
/* /Components/Pages/Creator/Services/ServiceEdit.razor.rz.scp.css */
.card[b-1b9twhsiqe] {
    box-shadow: var(--shadow);
    border: 1px solid rgba(var(--color-ink-rgb), 0.06);
}

.card-header[b-1b9twhsiqe] {
    background-color: var(--bg-tertiary);
    border-bottom: 1px solid var(--color-border);
    padding: 1.25rem;
}

.form-label[b-1b9twhsiqe] {
    font-weight: 600;
    color: var(--text-secondary);
    margin-bottom: 0.5rem;
}

.form-control:focus[b-1b9twhsiqe],
.form-check-input:focus[b-1b9twhsiqe] {
    border-color: var(--primary-color);
    box-shadow: var(--focus-ring);
}

.form-check-label[b-1b9twhsiqe] {
    font-weight: normal;
    color: var(--text-secondary);
}

.text-muted[b-1b9twhsiqe] {
    font-size: 0.875rem;
}

.alert[b-1b9twhsiqe] {
    border-radius: var(--radius-md);
    border: none;
}

.spinner-border-sm[b-1b9twhsiqe] {
    width: 1rem;
    height: 1rem;
}

h5[b-1b9twhsiqe] {
    color: var(--text-primary);
    font-weight: 600;
}
/* /Components/Pages/Creator/Services/ServicesList.razor.rz.scp.css */
.sl-services-page[b-6yiiv84ja2] {
    gap: var(--space-5);
}

.services-grid[b-6yiiv84ja2] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: var(--space-3);
}

.service-card[b-6yiiv84ja2] {
    min-width: 0;
}

.service-card.is-inactive[b-6yiiv84ja2] {
    opacity: 0.75;
}

.service-card-header[b-6yiiv84ja2] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--space-2);
}

.service-title-group[b-6yiiv84ja2] {
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
    min-width: 0;
}

.service-title[b-6yiiv84ja2] {
    margin: 0;
    font-size: var(--text-base);
    font-weight: 600;
    color: var(--text-primary);
}

.service-description[b-6yiiv84ja2] {
    margin: 0;
}

.service-meta[b-6yiiv84ja2] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2);
    color: var(--text-secondary);
    font-size: var(--text-xs);
}

.service-meta i[b-6yiiv84ja2] {
    margin-right: 0.25rem;
    font-size: 0.8em;
}
/* /Components/Pages/Creator/Studio/StudioDashboard.razor.rz.scp.css */
.studio-container[b-9l0qbctk3l] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 2rem;
}

.studio-header[b-9l0qbctk3l] {
    margin-bottom: 2rem;
}

.studio-header h1[b-9l0qbctk3l] {
    color: var(--bs-primary);
    font-size: 2rem;
    margin-bottom: 0.5rem;
}

.studio-preview .card-header[b-9l0qbctk3l] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.preview-actions button[b-9l0qbctk3l] {
    margin-left: 0.5rem;
}

.preview-frame[b-9l0qbctk3l] {
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    overflow: hidden;
    min-height: 400px;
    background: var(--bg-tertiary);
}

.preview-header[b-9l0qbctk3l] {
    padding: 2rem;
    text-align: center;
    color: var(--color-surface);
}

.preview-avatar[b-9l0qbctk3l] {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    margin-bottom: 1rem;
    border: 3px solid var(--color-surface);
}

.preview-avatar-placeholder[b-9l0qbctk3l] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: rgba(var(--color-surface-rgb), 0.2);
    margin-bottom: 1rem;
    font-size: 3rem;
}

.preview-header h3[b-9l0qbctk3l] {
    margin-bottom: 0.5rem;
}

.preview-content[b-9l0qbctk3l] {
    padding: 2rem;
    background: var(--bg-card);
    min-height: 200px;
}

.studio-customization .form-control-color[b-9l0qbctk3l] {
    width: 100%;
    height: 40px;
}

.studio-stats .stat-item[b-9l0qbctk3l] {
    display: flex;
    justify-content: space-between;
    padding: 0.5rem 0;
    border-bottom: 1px solid var(--color-border);
}

.studio-stats .stat-item:last-child[b-9l0qbctk3l] {
    border-bottom: none;
}

.studio-content-section[b-9l0qbctk3l] {
    margin-top: 3rem;
}

.studio-content-section h3[b-9l0qbctk3l] {
    margin-bottom: 1.5rem;
    color: var(--bs-primary);
}

.input-group-text i[b-9l0qbctk3l] {
    width: 1rem;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .studio-container[b-9l0qbctk3l] {
        padding: 1rem;
    }
    
    .preview-frame[b-9l0qbctk3l] {
        min-height: 300px;
    }
}
/* /Components/Pages/Creator/Subscription/SubscriptionPricing.razor.rz.scp.css */
.subscription-pricing-container[b-1ebdxkx8az] {
    max-width: 800px;
    margin: 0 auto;
    padding: 2rem;
}

.header[b-1ebdxkx8az] {
    margin-bottom: 2rem;
}

.header h2[b-1ebdxkx8az] {
    color: var(--text-primary);
    margin-bottom: 0.5rem;
}

.header p[b-1ebdxkx8az] {
    color: var(--text-secondary);
    margin-bottom: 0;
}

.loading-spinner[b-1ebdxkx8az] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 300px;
}

.pricing-options[b-1ebdxkx8az] {
    background: var(--bg-tertiary);
    padding: 1.5rem;
    border-radius: var(--radius-md);
    margin-bottom: 2rem;
}

.subscription-settings[b-1ebdxkx8az],
.ppv-settings[b-1ebdxkx8az],
.donation-settings[b-1ebdxkx8az] {
    background: var(--bg-card);
    padding: 1.5rem;
    border-radius: var(--radius-md);
    border: 1px solid var(--color-border);
}

.subscription-settings h4[b-1ebdxkx8az],
.ppv-settings h4[b-1ebdxkx8az],
.donation-settings h4[b-1ebdxkx8az] {
    color: var(--text-primary);
    margin-bottom: 1rem;
    font-size: 1.1rem;
}

.form-actions[b-1ebdxkx8az] {
    display: flex;
    gap: 1rem;
    justify-content: flex-end;
    padding-top: 1rem;
    border-top: 1px solid var(--color-border);
}

.suggested-amounts[b-1ebdxkx8az] {
    margin-top: 1rem;
}

.form-check-input:checked[b-1ebdxkx8az] {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}
/* /Components/Pages/Files/FileUpload.razor.rz.scp.css */
.upload-container[b-wtil25ptwo] {
    max-width: 800px;
    margin: 0 auto;
}

.upload-area[b-wtil25ptwo] {
    border: 2px dashed var(--color-border);
    border-radius: var(--radius-md);
    padding: 60px 20px;
    text-align: center;
    background-color: var(--bg-tertiary);
    transition: all 0.3s ease;
    cursor: pointer;
}

.upload-area:hover[b-wtil25ptwo] {
    border-color: var(--primary-color);
    background-color: var(--bg-secondary);
}

.upload-area.dragging[b-wtil25ptwo] {
    border-color: var(--primary-color);
    background-color: rgba(var(--bs-primary-rgb), 0.06);
}

.upload-content[b-wtil25ptwo] {
    pointer-events: none;
}

.selected-files[b-wtil25ptwo] {
    background: var(--bg-card);
    border-radius: var(--radius-md);
    padding: 20px;
    box-shadow: var(--shadow);
    border: 1px solid var(--color-border);
}

.file-list[b-wtil25ptwo] {
    max-height: 300px;
    overflow-y: auto;
    margin-top: 15px;
}

.file-item[b-wtil25ptwo] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
    margin-bottom: 8px;
    background-color: var(--bg-tertiary);
}

.file-item:hover[b-wtil25ptwo] {
    background-color: var(--gray-200);
}

.file-info[b-wtil25ptwo] {
    display: flex;
    align-items: center;
    flex: 1;
    overflow: hidden;
}

.file-name[b-wtil25ptwo] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 400px;
}

.file-size[b-wtil25ptwo] {
    font-size: 0.875rem;
}

.progress-bar[b-wtil25ptwo] {
    font-weight: 600;
}

/* File upload success */
.uploaded-file-info[b-wtil25ptwo] {
    background: var(--bg-card);
    border: 1px solid var(--color-border);
    transition: all 0.3s ease;
}

.uploaded-file-info:hover[b-wtil25ptwo] {
    box-shadow: var(--shadow-sm);
}

.uploaded-file-info i[b-wtil25ptwo] {
    font-size: 1.2rem;
}

.uploaded-file-info .btn-group-sm .btn[b-wtil25ptwo] {
    padding: 0.25rem 0.75rem;
}

/* Alert improvements */
.alert-success[b-wtil25ptwo] {
    border-left: 4px solid var(--bs-success);
}

.alert-success .uploaded-file-info[b-wtil25ptwo] {
    border-color: var(--bs-success);
}

@media (max-width: 576px) {
    .upload-area[b-wtil25ptwo] {
        padding: 40px 15px;
    }
    
    .file-name[b-wtil25ptwo] {
        max-width: 200px;
    }
    
    .uploaded-file-info .d-flex[b-wtil25ptwo] {
        flex-direction: column;
        align-items: flex-start !important;
    }
    
    .uploaded-file-info .btn-group[b-wtil25ptwo] {
        margin-top: 10px;
        width: 100%;
    }
    
    .uploaded-file-info .btn[b-wtil25ptwo] {
        flex: 1;
    }
}

/* Enhanced file upload features */
.file-item.uploading[b-wtil25ptwo] {
    background-color: rgba(var(--bs-info-rgb), 0.10);
    border-color: var(--info-color);
}

.file-item.error[b-wtil25ptwo] {
    background-color: rgba(var(--bs-danger-rgb), 0.10);
    border-color: var(--danger-color);
}

.file-item.completed[b-wtil25ptwo] {
    background-color: rgba(var(--bs-success-rgb), 0.10);
    border-color: var(--success-color);
}

.file-thumbnail[b-wtil25ptwo] {
    width: 40px;
    height: 40px;
    object-fit: cover;
    border-radius: var(--radius-sm);
}

.file-actions[b-wtil25ptwo] {
    display: flex;
    gap: 5px;
    align-items: center;
}

/* Preview modal */
.modal.show[b-wtil25ptwo] {
    background-color: rgba(var(--color-ink-rgb), 0.1);
}

.image-preview-container[b-wtil25ptwo] {
    overflow: auto;
    max-height: 70vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.image-preview-container img[b-wtil25ptwo] {
    max-width: 100%;
    height: auto;
    transform: scale(var(--zoom, 1));
    transform-origin: center center;
    transition: transform var(--transition-base);
}

/* Progress bar improvements */
.file-item .progress[b-wtil25ptwo] {
    margin-top: 5px;
}

.progress-bar[b-wtil25ptwo] {
    transition: width 0.3s ease;
}
/* /Components/Pages/Links/CreateLink.razor.rz.scp.css */
.page-container[b-x3wzq1aw4k] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 2rem;
}

.page-header[b-x3wzq1aw4k] {
    margin-bottom: 2rem;
}

.page-header h1[b-x3wzq1aw4k] {
    font-size: 2rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.form-group[b-x3wzq1aw4k] {
    margin-bottom: 1.5rem;
}

.form-label[b-x3wzq1aw4k] {
    font-weight: 500;
    margin-bottom: 0.5rem;
}

.access-type-grid[b-x3wzq1aw4k] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 1rem;
}

.access-type-option[b-x3wzq1aw4k] {
    position: relative;
    display: block;
    padding: 1rem;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    cursor: pointer;
    transition: all 0.2s;
}

.access-type-option:hover[b-x3wzq1aw4k] {
    border-color: var(--primary-color);
}

.access-type-option.active[b-x3wzq1aw4k] {
    border-color: var(--primary-color);
    background-color: var(--bg-tertiary);
}

.access-type-option input[type="radio"][b-x3wzq1aw4k] {
    position: absolute;
    opacity: 0;
}

.option-content[b-x3wzq1aw4k] {
    text-align: center;
}

.option-content i[b-x3wzq1aw4k] {
    font-size: 2rem;
    color: var(--primary-color);
    display: block;
    margin-bottom: 0.5rem;
}

.option-content span[b-x3wzq1aw4k] {
    display: block;
    font-weight: 600;
    margin-bottom: 0.25rem;
}

.option-content small[b-x3wzq1aw4k] {
    color: var(--text-secondary);
}


.btn-create-link[b-x3wzq1aw4k] {
    padding: 0.75rem 2rem;
    font-weight: 500;
}

.preview-section[b-x3wzq1aw4k] {
    background-color: var(--bg-tertiary);
    padding: 1.5rem;
    border-radius: var(--radius-md);
}

.link-preview[b-x3wzq1aw4k] {
    background: var(--bg-card);
    padding: 1rem;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
}

.link-preview .short-url[b-x3wzq1aw4k] {
    font-family: monospace;
    font-size: 1rem;
    color: var(--primary-color);
    word-break: break-all;
}

.link-preview .destination-url[b-x3wzq1aw4k] {
    font-size: 0.875rem;
    color: var(--text-secondary);
    margin-top: 0.5rem;
    word-break: break-all;
}

.spinner-border-sm[b-x3wzq1aw4k] {
    width: 1rem;
    height: 1rem;
    border-width: 0.15rem;
}

/* Tabbed interface */
.nav-tabs[b-x3wzq1aw4k] {
    border-bottom: none;
    margin: 0;
}

.nav-tabs .nav-link[b-x3wzq1aw4k] {
    border: none;
    background: none;
    color: var(--text-secondary);
    padding: 1rem 1.5rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
    border-radius: 0;
}

.nav-tabs .nav-link:hover[b-x3wzq1aw4k] {
    color: var(--primary-color);
}

.nav-tabs .nav-link.active[b-x3wzq1aw4k] {
    color: var(--primary-color);
    border-bottom: 3px solid var(--primary-color);
}

.card-header-tabs[b-x3wzq1aw4k] {
    margin: 0;
    border-bottom: 1px solid var(--color-border);
}

/* Splash page settings */
.splash-page-settings[b-x3wzq1aw4k] {
    padding: 1.5rem;
    background: var(--bg-tertiary);
    border-radius: var(--radius-md);
    margin-top: 1rem;
}

/* Retargeting settings */
.retargeting-settings[b-x3wzq1aw4k],
.utm-settings[b-x3wzq1aw4k] {
    padding: 1.5rem;
    background: var(--bg-tertiary);
    border-radius: var(--radius-md);
    margin-top: 1rem;
}

/* Form checks */
.form-check[b-x3wzq1aw4k] {
    padding-left: 1.5rem;
}

.form-check-input[b-x3wzq1aw4k] {
    margin-top: 0.25rem;
}

.form-check-label[b-x3wzq1aw4k] {
    font-weight: 500;
}

/* Multi-select */
select[multiple][b-x3wzq1aw4k] {
    min-height: 150px;
}

/* Form actions */
.form-actions[b-x3wzq1aw4k] {
    margin-top: 2rem;
    padding-top: 1.5rem;
    border-top: 1px solid var(--color-border);
}

.form-actions .btn[b-x3wzq1aw4k] {
    margin-right: 0.75rem;
}

/* Preview */
.preview-link[b-x3wzq1aw4k] {
    font-family: monospace;
    background: var(--bg-tertiary);
    padding: 0.5rem 0.75rem;
    border-radius: var(--radius-sm);
    display: inline-block;
    margin-top: 0.25rem;
    word-break: break-all;
}

.preview-title[b-x3wzq1aw4k] {
    font-size: 1.1rem;
}

.feature-list[b-x3wzq1aw4k] {
    list-style: none;
    padding: 0;
    margin-top: 0.5rem;
}

.feature-list li[b-x3wzq1aw4k] {
    padding: 0.25rem 0;
    font-size: 0.95rem;
}

.feature-list li i[b-x3wzq1aw4k] {
    margin-right: 0.5rem;
}

.sticky-top[b-x3wzq1aw4k] {
    position: sticky;
    top: 1.25rem;
}

/* Responsive */
@media (max-width: 768px) {
    .access-type-grid[b-x3wzq1aw4k] {
        grid-template-columns: 1fr;
    }
    
    .sticky-top[b-x3wzq1aw4k] {
        position: relative;
        top: 0;
    }
    
    .nav-tabs .nav-link[b-x3wzq1aw4k] {
        padding: 0.75rem 1rem;
        font-size: 0.9rem;
    }
}

/* Token-driven redesign (2025) */
.sl-links-create-page[b-x3wzq1aw4k] {
    max-width: none;
    margin: 0;
}

.sl-links-create-grid[b-x3wzq1aw4k] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 360px;
    gap: var(--space-5);
    align-items: start;
}

.sl-links-create-sections[b-x3wzq1aw4k] {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
}

.sl-links-create-preview[b-x3wzq1aw4k] {
    position: sticky;
    top: calc(var(--header-height) + var(--space-4));
    align-self: start;
    min-width: 0;
}

.sl-links-create-actions[b-x3wzq1aw4k] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    flex-wrap: wrap;
    padding-top: var(--space-4);
    border-top: 1px solid var(--glass-border);
}

.sl-links-create-result[b-x3wzq1aw4k] {
    padding: var(--space-4);
    border-radius: var(--radius-xl);
    box-shadow: var(--shadow-glass);
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

.sl-links-create-result-title[b-x3wzq1aw4k] {
    font-family: var(--font-display);
    font-weight: 550;
    min-width: 0;
}

.sl-links-create-result-url[b-x3wzq1aw4k] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: var(--space-2);
    min-width: 0;
}

.sl-links-create-result-actions[b-x3wzq1aw4k] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: var(--space-3);
    flex-wrap: wrap;
}

.sl-links-create-result-shortcode[b-x3wzq1aw4k] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}

.sl-links-create-result-code[b-x3wzq1aw4k] {
    flex: 1 1 auto;
    min-width: 0;
    font-family: var(--font-mono);
    font-size: var(--text-sm);
    padding: var(--space-2) var(--space-3);
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-lg);
    background: rgba(var(--color-surface-rgb), 0.55);
    backdrop-filter: var(--glass-filter);
    -webkit-backdrop-filter: var(--glass-filter);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sl-shortlink-input-group[b-x3wzq1aw4k] {
    flex-wrap: nowrap;
}

.sl-shortlink-host-prefix[b-x3wzq1aw4k] {
    flex: 0 1 22ch;
    min-width: 10ch;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sl-shortlink-input-group > .form-control[b-x3wzq1aw4k] {
    min-width: 12ch;
}

.access-type-grid[b-x3wzq1aw4k] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: var(--space-3);
}

.access-type-option[b-x3wzq1aw4k] {
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-xl);
    padding: var(--space-4);
    background: var(--glass-surface);
    box-shadow: var(--shadow-sm);
    transition: border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);
}

.access-type-option:hover[b-x3wzq1aw4k] {
    border-color: rgba(var(--color-accent-rgb), 0.28);
    transform: translateY(-1px);
}

.access-type-option.active[b-x3wzq1aw4k] {
    border-color: rgba(var(--color-accent-rgb), 0.45);
    box-shadow: var(--focus-ring), var(--shadow-sm);
}

.option-content[b-x3wzq1aw4k] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-1);
    text-align: center;
}

.option-content i[b-x3wzq1aw4k] {
    font-size: 1.5rem;
    color: var(--color-accent);
}

.option-content span[b-x3wzq1aw4k] {
    font-weight: 650;
    color: var(--text-primary);
}

.option-content small[b-x3wzq1aw4k] {
    font-size: var(--text-sm);
    color: var(--text-secondary);
}

.link-preview[b-x3wzq1aw4k] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

.preview-link[b-x3wzq1aw4k] {
    font-family: var(--font-mono);
    font-size: var(--text-sm);
    padding: var(--space-2) var(--space-3);
    border-radius: var(--radius-lg);
    border: 1px solid var(--glass-border);
    background: rgba(var(--color-surface-rgb), 0.55);
    overflow-wrap: anywhere;
}

@media (max-width: 992px) {
    .sl-links-create-grid[b-x3wzq1aw4k] {
        grid-template-columns: 1fr;
    }

    .sl-links-create-preview[b-x3wzq1aw4k] {
        position: static;
    }
}
/* /Components/Pages/MyContent.razor.rz.scp.css */
.my-content-page[b-n8313mtti8] {
    display: flex;
    flex-direction: column;
    gap: var(--space-5);
    min-width: 0;
}

.content-tabs[b-n8313mtti8] {
    margin-bottom: 0;
}

.content-tabs .nav-tabs[b-n8313mtti8] {
    border-bottom: 1px solid var(--color-border);
}

.content-tabs .nav-link[b-n8313mtti8] {
    color: var(--text-secondary);
    border: none;
    border-bottom: 3px solid transparent;
    padding: 0.75rem 1.5rem;
    transition: all 0.2s;
}

.content-tabs .nav-link:hover[b-n8313mtti8] {
    color: var(--primary-color);
}

.content-tabs .nav-link.active[b-n8313mtti8] {
    color: var(--primary-color);
    background: none;
    border-bottom-color: var(--primary-color);
}

.content-panel[b-n8313mtti8] {
    background: var(--glass-surface);
    border-radius: var(--radius-xl);
    padding: var(--space-3);
    box-shadow: var(--shadow-sm);
    border: 1px solid var(--glass-border);
}

.content-grid[b-n8313mtti8] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: var(--space-3);
}

.content-card[b-n8313mtti8] {
    min-width: 0;
}

.content-card-header[b-n8313mtti8] {
    display: flex;
    align-items: flex-start;
    gap: var(--space-3);
}

.content-icon[b-n8313mtti8] {
    width: 30px;
    height: 30px;
    border-radius: var(--radius-lg);
    display: grid;
    place-items: center;
    font-size: 0.85rem;
    flex: 0 0 auto;
}

.content-details[b-n8313mtti8] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
}

.content-title[b-n8313mtti8] {
    margin: 0;
    font-size: var(--text-base);
    font-weight: 600;
    color: var(--text-primary);
}

.content-meta[b-n8313mtti8] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2);
    font-size: var(--text-sm);
    color: var(--text-secondary);
}

.content-type[b-n8313mtti8] {
    font-weight: 600;
}

.content-badges[b-n8313mtti8] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-1);
}

.content-description[b-n8313mtti8] {
    margin: 0;
    font-size: var(--text-sm);
    color: var(--text-secondary);
}

.content-stats[b-n8313mtti8] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--space-2);
    font-size: var(--text-xs);
    color: var(--text-secondary);
}

.my-content-empty[b-n8313mtti8] {
    border-radius: var(--radius-xl);
    border: 1px solid var(--glass-border);
    background: var(--glass-surface);
    box-shadow: var(--shadow-sm);
    padding: var(--space-6);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--space-3);
    text-align: center;
}

.my-content-empty > i[b-n8313mtti8] {
    font-size: 2.5rem;
    color: var(--text-tertiary);
}

.my-content-empty h3[b-n8313mtti8] {
    margin: 0;
    font-family: var(--font-display);
    font-size: var(--text-lg);
    font-weight: 600;
}

@media (max-width: 768px) {
    .content-grid[b-n8313mtti8] {
        grid-template-columns: 1fr;
    }

    .content-tabs .nav-link[b-n8313mtti8] {
        padding: 0.5rem 1rem;
        font-size: 0.875rem;
    }
}
/* /Components/Pages/Payments.razor.rz.scp.css */
.payments-container[b-caat52hgs4] {
    padding: var(--space-6);
    max-width: var(--content-max-width);
    margin: 0 auto;
}

.page-header[b-caat52hgs4] {
    margin-bottom: 2rem;
}

.page-header h1[b-caat52hgs4] {
    color: var(--text-primary);
    font-weight: 650;
    margin-bottom: 0.5rem;
}

.payments-summary[b-caat52hgs4] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 1.5rem;
    margin-bottom: 2rem;
}

.summary-card[b-caat52hgs4] {
    background: var(--glass-surface);
    border-radius: var(--radius-xl);
    padding: 1.5rem;
    box-shadow: var(--shadow-sm);
    border: 1px solid var(--glass-border);
    display: flex;
    align-items: center;
    gap: 1rem;
}

.summary-card.action-card[b-caat52hgs4] {
    background: var(--glass-surface);
    border-color: rgba(var(--color-accent-rgb), 0.22);
    box-shadow: var(--shadow-glass);
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: var(--space-3);
}

.summary-card.action-card .action-card-header[b-caat52hgs4] {
    display: flex;
    align-items: flex-start;
    gap: var(--space-3);
}

.summary-card.action-card .action-card-copy[b-caat52hgs4] {
    min-width: 0;
}

.summary-card.action-card .action-card-title[b-caat52hgs4] {
    font-size: 1rem;
    font-weight: 650;
    color: var(--text-primary);
    margin: 0;
    line-height: 1.2;
}

.summary-card.action-card .action-card-hint[b-caat52hgs4] {
    margin-top: var(--space-2);
    font-size: 0.875rem;
    line-height: 1.35;
}

.summary-card.action-card .btn[b-caat52hgs4] {
    justify-content: center;
}

.summary-icon[b-caat52hgs4] {
    width: 50px;
    height: 50px;
    background: rgba(var(--color-surface-rgb), 0.7);
    border-radius: var(--radius-md);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    border: 1px solid rgba(var(--color-ink-rgb), 0.06);
}

.summary-icon i[b-caat52hgs4] {
    font-size: 1.5rem;
    color: var(--color-accent);
}

.summary-content h3[b-caat52hgs4] {
    font-size: 0.875rem;
    color: var(--text-secondary);
    margin-bottom: 0.25rem;
    font-weight: 500;
}

.summary-value[b-caat52hgs4] {
    font-size: 1.75rem;
    font-weight: 650;
    color: var(--text-primary);
    margin: 0;
}

.payments-tabs[b-caat52hgs4] {
    margin-bottom: 2rem;
}

.payments-tabs .nav-tabs[b-caat52hgs4] {
    border-bottom: 1px solid var(--color-border);
}

.payments-tabs .nav-link[b-caat52hgs4] {
    color: var(--text-secondary);
    border: none;
    border-bottom: 2px solid transparent;
    padding: 0.75rem 1.5rem;
    font-weight: 500;
}

.payments-tabs .nav-link:hover[b-caat52hgs4] {
    color: var(--color-accent);
    border-color: transparent;
}

.payments-tabs .nav-link.active[b-caat52hgs4] {
    color: var(--color-accent);
    background: none;
    border-color: var(--color-accent);
}

.tab-content[b-caat52hgs4] {
    background: var(--glass-surface);
    border-radius: var(--radius-xl);
    padding: var(--space-6);
    box-shadow: var(--shadow);
    border: 1px solid var(--glass-border);
}

.filter-bar[b-caat52hgs4] {
    display: flex;
    gap: 1rem;
    margin-bottom: 1.5rem;
    flex-wrap: wrap;
}

.filter-group[b-caat52hgs4] {
    flex: 1;
    min-width: 150px;
}

.transactions-table[b-caat52hgs4] {
    overflow-x: auto;
}

.transactions-table table[b-caat52hgs4] {
    margin-bottom: 0;
}

.payouts-section .payout-info[b-caat52hgs4] {
    margin-bottom: 1.5rem;
}

.methods-section h3[b-caat52hgs4] {
    font-size: 1.25rem;
    font-weight: 650;
    margin-bottom: 1rem;
    color: var(--text-primary);
}

.methods-list[b-caat52hgs4] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 1rem;
}

.method-card[b-caat52hgs4] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.5rem;
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-md);
    transition: border-color var(--transition-fast), background-color var(--transition-fast), box-shadow var(--transition-fast);
    background: rgba(var(--color-surface-rgb), 0.7);
}

.method-card:hover[b-caat52hgs4] {
    border-color: var(--color-accent);
    background: var(--bg-hover);
    box-shadow: var(--shadow-sm);
}

.method-card.primary[b-caat52hgs4] {
    border-color: var(--color-accent);
    background: var(--primary-lighter);
}

.method-info[b-caat52hgs4] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.method-info i[b-caat52hgs4] {
    font-size: 2rem;
    color: var(--color-accent);
}

.method-info h5[b-caat52hgs4] {
    font-size: 1rem;
    margin-bottom: 0.25rem;
}

.method-info p[b-caat52hgs4] {
    margin: 0;
    color: var(--text-secondary);
    font-size: 0.875rem;
}

.method-actions[b-caat52hgs4] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.tax-info[b-caat52hgs4] {
    margin-top: 1rem;
}

@media (max-width: 768px) {
    .payments-container[b-caat52hgs4] {
        padding: var(--space-4);
    }

    .payments-summary[b-caat52hgs4] {
        grid-template-columns: 1fr;
    }

    .filter-bar[b-caat52hgs4] {
        flex-direction: column;
    }

    .filter-group[b-caat52hgs4] {
        width: 100%;
    }

    .method-card[b-caat52hgs4] {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }

    .method-actions[b-caat52hgs4] {
        width: 100%;
        justify-content: flex-start;
    }
}
/* /Components/Pages/Profile.razor.rz.scp.css */
.avatar-lg[b-259hbaakmr] {
    width: 120px;
    height: 120px;
    margin: 0 auto;
}

.avatar-lg img[b-259hbaakmr] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.avatar-placeholder[b-259hbaakmr] {
    width: 120px;
    height: 120px;
    display: grid;
    place-items: center;
    border-radius: var(--radius-full);
    background-color: var(--bg-tertiary);
    border: 1px solid var(--color-border);
    color: var(--text-secondary);
    font-weight: 600;
}

.page-header[b-259hbaakmr] {
    border-bottom: 1px solid var(--color-border);
    margin-bottom: 2rem;
    padding-bottom: 1rem;
}
/* /Components/Pages/Public/ArticlePreview.razor.rz.scp.css */
.article-content[b-m6gs1o9doo] {
    max-width: 800px;
    margin: 0 auto;
}

.article-header[b-m6gs1o9doo] {
    border-bottom: 1px solid var(--color-border);
    padding-bottom: 1.5rem;
}

.article-title[b-m6gs1o9doo] {
    font-family: var(--font-display);
    font-size: 2.5rem;
    font-weight: 400;
    line-height: 1.2;
    color: var(--text-primary);
    letter-spacing: 0.02em;
}

.article-meta[b-m6gs1o9doo] {
    font-size: 0.9rem;
}

.author-info strong[b-m6gs1o9doo] {
    color: var(--primary-color);
}

.featured-image img[b-m6gs1o9doo] {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.article-body[b-m6gs1o9doo] {
    font-size: 1.1rem;
    line-height: 1.8;
    color: var(--text-primary);
}

.article-body h2[b-m6gs1o9doo],
.article-body h3[b-m6gs1o9doo],
.article-body h4[b-m6gs1o9doo] {
    margin-top: 2rem;
    margin-bottom: 1rem;
}

.article-body p[b-m6gs1o9doo] {
    margin-bottom: 1.2rem;
}

.article-body img[b-m6gs1o9doo] {
    max-width: 100%;
    height: auto;
    margin: 1.5rem 0;
}

.article-body blockquote[b-m6gs1o9doo] {
    border-left: 4px solid var(--primary-color);
    padding-left: 1rem;
    margin: 1.5rem 0;
    font-style: italic;
    color: var(--text-secondary);
}

.article-body code[b-m6gs1o9doo] {
    background-color: var(--bg-tertiary);
    padding: 0.2rem 0.4rem;
    border-radius: var(--radius-sm);
    font-size: 0.9em;
}

.article-body pre[b-m6gs1o9doo] {
    background-color: var(--bg-tertiary);
    padding: 1rem;
    border-radius: var(--radius-md);
    overflow-x: auto;
}

.article-tags .badge[b-m6gs1o9doo] {
    font-size: 0.85rem;
    font-weight: normal;
    padding: 0.4rem 0.8rem;
}

.payment-required[b-m6gs1o9doo] {
    text-align: center;
    border: 2px solid var(--primary-color);
}

.article-footer[b-m6gs1o9doo] {
    color: var(--text-secondary);
}

@media (max-width: 768px) {
    .article-title[b-m6gs1o9doo] {
        font-size: 2rem;
    }
    
    .article-body[b-m6gs1o9doo] {
        font-size: 1rem;
    }
}
/* /Components/Pages/Public/BookService.razor.rz.scp.css */
.card[b-vo671n660q] {
    box-shadow: var(--shadow);
    border: none;
    margin-bottom: 1.5rem;
}

.card-header[b-vo671n660q] {
    background-color: var(--bg-tertiary);
    border-bottom: 1px solid var(--color-border);
    padding: 1.25rem;
}

.card-title[b-vo671n660q] {
    color: var(--text-primary);
    font-weight: 600;
}

.form-label[b-vo671n660q] {
    font-weight: 600;
    color: var(--text-secondary);
    margin-bottom: 0.5rem;
}

.form-control:focus[b-vo671n660q] {
    border-color: var(--primary-color);
    box-shadow: 0 0 0 0.2rem rgba(var(--bs-primary-rgb), 0.25);
}

.alert-info[b-vo671n660q] {
    background-color: rgba(var(--bs-info-rgb), 0.10);
    border-color: rgba(var(--bs-info-rgb), 0.18);
    color: var(--info-color);
}

.alert-info .alert-heading[b-vo671n660q] {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 0.5rem;
}

.display-1[b-vo671n660q] {
    font-size: 4rem;
}

.bg-light[b-vo671n660q] {
    background-color: var(--bg-tertiary) !important;
}

.spinner-border-sm[b-vo671n660q] {
    width: 1rem;
    height: 1rem;
}

input[type="date"][b-vo671n660q] {
    max-width: 300px;
}

.bi[b-vo671n660q] {
    font-size: 1.1rem;
}

.text-primary[b-vo671n660q] {
    color: var(--primary-color) !important;
}
/* /Components/Pages/Public/CalendarPreview.razor.rz.scp.css */
/* Calendar Preview Component Styles */

.service-info[b-e73p2x26af] {
    border-bottom: 1px solid var(--color-border);
    padding-bottom: 1rem;
}

.info-item[b-e73p2x26af] {
    display: flex;
    align-items: center;
    font-size: 0.9rem;
    color: var(--text-secondary);
}

.info-item i[b-e73p2x26af] {
    font-size: 1rem;
}

.time-slots[b-e73p2x26af] {
    max-height: 200px;
    overflow-y: auto;
}

.time-slots .btn[b-e73p2x26af] {
    min-width: 100px;
    margin-bottom: 0.5rem;
}

.time-slots .btn.active[b-e73p2x26af] {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    color: var(--text-on-primary);
}

.time-slots .btn:hover:not(.disabled)[b-e73p2x26af] {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    color: var(--text-on-primary);
}

.time-slots .btn.disabled[b-e73p2x26af] {
    opacity: 0.5;
    cursor: not-allowed;
}

.booking-summary[b-e73p2x26af] {
    border: 1px solid var(--color-border);
}

.booking-summary .row[b-e73p2x26af] {
    margin-bottom: 0.5rem;
}

.booking-summary .row:last-child[b-e73p2x26af] {
    margin-bottom: 0;
}

.booking-details[b-e73p2x26af] {
    background-color: var(--bg-tertiary);
    border-radius: var(--radius-md);
    padding: 1.5rem;
    margin-top: 1rem;
}

.booking-details .row[b-e73p2x26af] {
    margin-bottom: 0.75rem;
}

.booking-details .row:last-child[b-e73p2x26af] {
    margin-bottom: 0;
}

/* Date input styling */
input[type="date"][b-e73p2x26af] {
    min-width: 200px;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .time-slots[b-e73p2x26af] {
        max-height: 150px;
    }
    
    .time-slots .btn[b-e73p2x26af] {
        min-width: 80px;
        font-size: 0.875rem;
    }
    
    .info-item[b-e73p2x26af] {
        font-size: 0.8rem;
        margin-bottom: 0.5rem;
    }
    
    .booking-summary[b-e73p2x26af] {
        font-size: 0.9rem;
    }
    
    .booking-details[b-e73p2x26af] {
        padding: 1rem;
    }
}

/* Calendar specific theming */
.card[b-e73p2x26af] {
    border: none;
    box-shadow: var(--shadow);
}

.card-title[b-e73p2x26af] {
    color: var(--text-primary);
    font-weight: 600;
}

.text-primary[b-e73p2x26af] {
    color: var(--primary-color) !important;
}

/* Success state styling */
.text-success[b-e73p2x26af] {
    color: var(--success-color) !important;
}

.bg-success[b-e73p2x26af] {
    background-color: var(--success-color) !important;
}

/* Loading state */
.spinner-border-sm[b-e73p2x26af] {
    width: 1rem;
    height: 1rem;
}

/* Form validation styling */
.form-control:invalid[b-e73p2x26af] {
    border-color: var(--danger-color);
}

.form-control:valid[b-e73p2x26af] {
    border-color: var(--success-color);
}

/* Alert styling */
.alert[b-e73p2x26af] {
    border-radius: var(--radius-md);
}

.alert-info[b-e73p2x26af] {
    background-color: rgba(var(--bs-info-rgb), 0.10);
    border-color: rgba(var(--bs-info-rgb), 0.18);
    color: var(--text-primary);
}

.alert-success[b-e73p2x26af] {
    background-color: rgba(var(--bs-success-rgb), 0.10);
    border-color: rgba(var(--bs-success-rgb), 0.18);
    color: var(--text-primary);
}

.alert-danger[b-e73p2x26af] {
    background-color: rgba(var(--bs-danger-rgb), 0.10);
    border-color: rgba(var(--bs-danger-rgb), 0.18);
    color: var(--text-primary);
}

.alert-warning[b-e73p2x26af] {
    background-color: rgba(var(--bs-warning-rgb), 0.10);
    border-color: rgba(var(--bs-warning-rgb), 0.18);
    color: var(--text-primary);
}
/* /Components/Pages/Public/CertificateVerify.razor.rz.scp.css */
.certificate-verify[b-bdy8chknui] {
    min-height: 80vh;
    padding: 3rem 0;
}

.verify-header[b-bdy8chknui] {
    text-align: center;
    margin-bottom: 3rem;
}

.verify-header h1[b-bdy8chknui] {
    color: var(--text-primary);
    margin-bottom: 1rem;
}

.verify-form[b-bdy8chknui] {
    max-width: 600px;
    margin: 0 auto 3rem;
}

.verify-form .input-group[b-bdy8chknui] {
    box-shadow: var(--shadow);
    border-radius: var(--radius-md);
    overflow: hidden;
}

.verify-form input[b-bdy8chknui] {
    border: none;
    padding: 1rem 1.5rem;
    font-size: 1.1rem;
}

.verify-form .btn[b-bdy8chknui] {
    border: none;
    padding: 0 2rem;
}

.verification-result[b-bdy8chknui] {
    max-width: 900px;
    margin: 0 auto;
}

.certificate-details[b-bdy8chknui] {
    margin-top: 2rem;
}

.certificate-preview[b-bdy8chknui] {
    margin-bottom: 2rem;
}

.certificate-frame[b-bdy8chknui] {
    background: var(--bg-tertiary);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    padding: 2rem;
    box-shadow: var(--shadow-md);
}

.certificate-content[b-bdy8chknui] {
    background: var(--bg-card);
    border: 1px solid var(--color-border);
    padding: 3rem;
    text-align: center;
    position: relative;
}

.certificate-logo[b-bdy8chknui] {
    font-size: 4rem;
    color: var(--primary-color);
    margin-bottom: 1rem;
}

.certificate-content h2[b-bdy8chknui] {
    color: var(--text-primary);
    font-size: 2rem;
    margin-bottom: 2rem;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.certificate-text[b-bdy8chknui] {
    color: var(--text-secondary);
    font-size: 1.1rem;
    margin: 0.5rem 0;
}

.student-name[b-bdy8chknui] {
    color: var(--primary-color);
    font-size: 2.5rem;
    font-weight: bold;
    margin: 1rem 0;
}

.course-title[b-bdy8chknui] {
    color: var(--text-primary);
    font-size: 1.8rem;
    margin: 1rem 0;
}

.certificate-footer[b-bdy8chknui] {
    margin-top: 3rem;
}

.instructor-info[b-bdy8chknui] {
    display: inline-block;
    text-align: center;
}

.signature-line[b-bdy8chknui] {
    width: 200px;
    height: 2px;
    background: var(--text-primary);
    margin: 0 auto 0.5rem;
}

.certificate-code[b-bdy8chknui] {
    position: absolute;
    bottom: 1rem;
    right: 1rem;
    font-size: 0.8rem;
    color: var(--text-tertiary);
}

.certificate-info[b-bdy8chknui] {
    background: var(--bg-tertiary);
    border-radius: var(--radius-md);
    padding: 2rem;
}

.certificate-info h4[b-bdy8chknui] {
    color: var(--text-primary);
    margin-bottom: 1.5rem;
}

.certificate-info dt[b-bdy8chknui] {
    color: var(--text-secondary);
}

.certificate-info dd[b-bdy8chknui] {
    color: var(--text-primary);
    font-weight: 500;
}

.verify-footer[b-bdy8chknui] {
    text-align: center;
    margin-top: 3rem;
    padding-top: 3rem;
    border-top: 1px solid var(--color-border);
}

@media (max-width: 768px) {
    .certificate-content[b-bdy8chknui] {
        padding: 2rem 1rem;
    }
    
    .student-name[b-bdy8chknui] {
        font-size: 1.8rem;
    }
    
    .course-title[b-bdy8chknui] {
        font-size: 1.4rem;
    }
    
    .certificate-content h2[b-bdy8chknui] {
        font-size: 1.5rem;
    }
}
/* /Components/Pages/Public/CourseLanding.razor.rz.scp.css */
.loading-container[b-8ycoeejie4] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 50vh;
}

.course-landing[b-8ycoeejie4] {
    background: var(--bg-secondary);
    min-height: 100vh;
}

/* Hero Section */
.course-hero[b-8ycoeejie4] {
    background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
    color: var(--color-surface);
    padding: 4rem 0;
}

.course-hero-content[b-8ycoeejie4] {
    padding-right: 2rem;
}

.course-title[b-8ycoeejie4] {
    font-size: 3rem;
    font-weight: 700;
    margin-bottom: 1.5rem;
    line-height: 1.2;
}

.course-description[b-8ycoeejie4] {
    font-size: 1.25rem;
    line-height: 1.6;
    margin-bottom: 2rem;
    opacity: 0.95;
}

.course-meta[b-8ycoeejie4] {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
}

.meta-item[b-8ycoeejie4] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 1rem;
}

.meta-item i[b-8ycoeejie4] {
    opacity: 0.8;
}

/* Enrollment Card */
.course-enrollment-card[b-8ycoeejie4] {
    background: var(--bg-card);
    border-radius: var(--radius-2xl);
    padding: 2rem;
    box-shadow: var(--shadow-md);
    border: 1px solid var(--color-border);
    position: sticky;
    top: 2rem;
}

.course-includes[b-8ycoeejie4] {
    margin-top: 2rem;
    padding-top: 2rem;
    border-top: 1px solid var(--color-border);
}

.course-includes h6[b-8ycoeejie4] {
    font-weight: 650;
    margin-bottom: 1rem;
    color: var(--text-primary);
}

.course-includes ul[b-8ycoeejie4] {
    list-style: none;
    padding: 0;
    margin: 0;
}

.course-includes li[b-8ycoeejie4] {
    display: flex;
    align-items: center;
    padding: 0.5rem 0;
    color: var(--text-secondary);
}

.course-includes li i[b-8ycoeejie4] {
    color: var(--success-color);
    margin-right: 0.75rem;
    font-size: 1.1rem;
}

/* Course Content Section */
.course-content[b-8ycoeejie4] {
    padding: 4rem 0;
}

.course-curriculum h3[b-8ycoeejie4] {
    color: var(--text-primary);
    font-size: 1.75rem;
    font-weight: 650;
    margin-bottom: 1rem;
}

.curriculum-modules[b-8ycoeejie4] {
    margin-top: 2rem;
}

.module-item[b-8ycoeejie4] {
    background: var(--bg-card);
    border-radius: var(--radius-lg);
    margin-bottom: 1rem;
    overflow: hidden;
    box-shadow: var(--shadow-sm);
    border: 1px solid var(--color-border);
}

.module-header[b-8ycoeejie4] {
    padding: 1.5rem;
    background: var(--bg-tertiary);
    border-bottom: 1px solid var(--color-border);
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: background-color var(--transition-fast);
}

.module-header:hover[b-8ycoeejie4] {
    background: var(--bg-hover);
}

.module-header h5[b-8ycoeejie4] {
    margin: 0;
    color: var(--text-primary);
    font-size: 1.25rem;
    font-weight: 650;
    flex: 1;
}

.module-lessons[b-8ycoeejie4] {
    color: var(--text-secondary);
    font-size: 0.875rem;
}

.module-lessons .lesson-item[b-8ycoeejie4] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.5rem;
    border-bottom: 1px solid var(--color-border);
}

.module-lessons .lesson-item:last-child[b-8ycoeejie4] {
    border-bottom: none;
}

.sl-course-curriculum-tools[b-8ycoeejie4] {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    margin: var(--space-3) 0 var(--space-4) 0;
    flex-wrap: wrap;
}

.sl-course-lesson-drag-handle[b-8ycoeejie4] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    margin-right: var(--space-2);
    border-radius: var(--radius-md);
    border: 1px solid rgba(var(--color-ink-rgb), 0.08);
    background: rgba(var(--color-surface-rgb), 0.7);
    cursor: grab;
    color: var(--text-secondary);
    flex: 0 0 auto;
}

.sl-course-lesson-drag-handle:active[b-8ycoeejie4] {
    cursor: grabbing;
}

.lesson-info[b-8ycoeejie4] {
    display: flex;
    align-items: center;
    flex: 1;
}

.lesson-info i[b-8ycoeejie4] {
    color: var(--color-accent);
    margin-right: 0.75rem;
    font-size: 1.1rem;
}

.lesson-title[b-8ycoeejie4] {
    color: var(--text-primary);
    font-weight: 500;
}

.lesson-duration[b-8ycoeejie4] {
    color: var(--text-secondary);
    font-size: 0.875rem;
}

/* Instructor Card */
.instructor-card[b-8ycoeejie4] {
    background: var(--bg-card);
    border-radius: var(--radius-2xl);
    padding: 2rem;
    box-shadow: var(--shadow-sm);
    border: 1px solid var(--color-border);
    margin-bottom: 2rem;
}

.instructor-card h5[b-8ycoeejie4] {
    color: var(--text-primary);
    font-size: 1.25rem;
    font-weight: 650;
    margin-bottom: 1.5rem;
}

.instructor-name[b-8ycoeejie4] {
    font-size: 1.125rem;
    font-weight: 650;
    color: var(--text-primary);
    margin-bottom: 0.5rem;
}

.instructor-title[b-8ycoeejie4] {
    color: var(--text-secondary);
    font-size: 0.875rem;
}

/* Course Description */
.course-description-full[b-8ycoeejie4] {
    background: var(--bg-card);
    border-radius: var(--radius-2xl);
    padding: 2rem;
    box-shadow: var(--shadow-sm);
    border: 1px solid var(--color-border);
}

.course-description-full h3[b-8ycoeejie4] {
    color: var(--text-primary);
    font-size: 1.75rem;
    font-weight: 650;
    margin-bottom: 1.5rem;
}

.description-content[b-8ycoeejie4] {
    color: var(--text-secondary);
    line-height: 1.7;
}

/* Responsive Design */
@media (max-width: 991px) {
    .course-title[b-8ycoeejie4] {
        font-size: 2.5rem;
    }
    
    .course-hero-content[b-8ycoeejie4] {
        padding-right: 0;
        margin-bottom: 2rem;
    }
    
    .course-enrollment-card[b-8ycoeejie4] {
        position: relative;
        top: auto;
    }
    
    .course-meta[b-8ycoeejie4] {
        gap: 1rem;
    }
}

@media (max-width: 767px) {
    .course-title[b-8ycoeejie4] {
        font-size: 2rem;
    }
    
    .course-hero[b-8ycoeejie4] {
        padding: 3rem 0;
    }
    
    .course-content[b-8ycoeejie4] {
        padding: 3rem 0;
    }
    
    .course-enrollment-card[b-8ycoeejie4] {
        padding: 1.5rem;
    }
    
    .module-header[b-8ycoeejie4] {
        padding: 1rem;
    }
    
    .module-lessons .lesson-item[b-8ycoeejie4] {
        padding: 0.75rem 1rem;
    }
}
/* /Components/Pages/Public/CreatorPublicPage.razor.rz.scp.css */
.creator-public-page[b-tolz6n8lsb] {
    width: min(var(--content-max-width), 100%);
    margin: 0 auto;
    padding: var(--space-6) var(--space-6);
    display: grid;
    gap: var(--space-5);
}

.creator-public-loading[b-tolz6n8lsb] {
    width: min(var(--content-max-width), 100%);
    margin: 0 auto;
    padding: var(--space-7) var(--space-6);
}

.creator-public-not-found[b-tolz6n8lsb] {
    width: min(720px, 100%);
    margin: var(--space-7) auto;
    padding: var(--space-6);
    border-radius: var(--radius-2xl);
    text-align: center;
}

.creator-hero[b-tolz6n8lsb] {
    border-radius: var(--radius-2xl);
    padding: var(--space-6);
    position: relative;
    overflow: hidden;
}

.creator-hero[b-tolz6n8lsb]::before {
    content: "";
    position: absolute;
    inset: -40%;
    background: radial-gradient(circle at top, color-mix(in srgb, var(--creator-accent, var(--color-accent)) 18%, transparent), transparent 60%);
    transform: translateZ(0);
    pointer-events: none;
}

.creator-hero-inner[b-tolz6n8lsb] {
    position: relative;
    display: grid;
    grid-template-columns: 96px 1fr;
    gap: var(--space-5);
    align-items: center;
}

.creator-avatar img[b-tolz6n8lsb] {
    width: 96px;
    height: 96px;
    border-radius: var(--radius-full);
    object-fit: cover;
    border: 1px solid var(--glass-border);
}

.creator-avatar-fallback[b-tolz6n8lsb] {
    width: 96px;
    height: 96px;
    border-radius: var(--radius-full);
    display: grid;
    place-items: center;
    font-weight: 650;
    letter-spacing: 0.04em;
    background: rgba(var(--color-accent-rgb), 0.12);
    border: 1px solid var(--glass-border);
}

.creator-meta h1[b-tolz6n8lsb] {
    margin: 0;
    font-size: 2rem;
    font-weight: 650;
}

.creator-bio[b-tolz6n8lsb] {
    margin: var(--space-2) 0 0;
    color: var(--text-secondary);
    max-width: 70ch;
}

.creator-social[b-tolz6n8lsb] {
    margin-top: var(--space-3);
    display: flex;
    gap: var(--space-2);
}

.creator-social-link[b-tolz6n8lsb] {
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    border-radius: var(--radius-lg);
    color: var(--text-primary);
    border: 1px solid var(--glass-border);
    background: var(--glass-surface);
    transition: transform var(--transition-fast), background var(--transition-fast);
    text-decoration: none;
}

.creator-social-link:hover[b-tolz6n8lsb] {
    transform: translateY(-1px);
    background: rgba(var(--color-surface-rgb), 0.78);
}

.creator-links[b-tolz6n8lsb] {
    border-radius: var(--radius-2xl);
    padding: var(--space-6);
}

.creator-links h2[b-tolz6n8lsb] {
    margin: 0 0 var(--space-4);
    font-size: 1.25rem;
    font-weight: 650;
}

.creator-links-grid[b-tolz6n8lsb] {
    display: grid;
    gap: var(--space-3);
}

.creator-link-card[b-tolz6n8lsb] {
    display: grid;
    gap: var(--space-1);
    padding: var(--space-4);
    border-radius: var(--radius-xl);
    border: 1px solid var(--glass-border);
    background: rgba(var(--color-surface-rgb), 0.60);
    text-decoration: none;
    color: inherit;
    transition: transform var(--transition-fast), background var(--transition-fast);
}

.creator-link-card:hover[b-tolz6n8lsb] {
    transform: translateY(-1px);
    background: rgba(var(--color-surface-rgb), 0.72);
}

.creator-link-title[b-tolz6n8lsb] {
    font-weight: 650;
}

.creator-link-url[b-tolz6n8lsb] {
    font-size: var(--text-sm);
}

@media (max-width: 768px) {
    .creator-public-page[b-tolz6n8lsb] {
        padding: var(--space-5) var(--space-3);
    }

    .creator-hero-inner[b-tolz6n8lsb] {
        grid-template-columns: 1fr;
        justify-items: start;
    }
}
/* /Components/Pages/Public/EmbeddedPreview.razor.rz.scp.css */
.sl-embedded-frame[b-xtm53l5poc] {
    position: relative;
    width: 100%;
    padding-top: var(--sl-embed-ratio, 56.25%);
    border-radius: var(--radius-2xl, 24px);
    overflow: hidden;
    background: rgba(0, 0, 0, 0.06);
}

.sl-embedded-iframe[b-xtm53l5poc] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.sl-embedded-fixed[b-xtm53l5poc] {
    width: 100%;
    border-radius: var(--radius-2xl, 24px);
    overflow: hidden;
    background: rgba(0, 0, 0, 0.06);
}

.sl-embedded-fixed .sl-embedded-iframe[b-xtm53l5poc] {
    position: static;
    display: block;
    width: 100%;
    max-width: 100%;
}

/* /Components/Pages/Public/FilePreview.razor.rz.scp.css */
.file-preview-container[b-x0q0hz4olb] {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    background: var(--bg-secondary);
}

.file-preview-fullscreen[b-x0q0hz4olb] {
    height: 100vh;
}

.preview-header[b-x0q0hz4olb] {
    position: sticky;
    top: 0;
    z-index: var(--z-header);
    padding: 1rem 1.5rem;
    background: rgba(var(--color-bg-rgb), 0.86);
    backdrop-filter: blur(12px);
    border-bottom: 1px solid var(--color-border);
    box-shadow: var(--shadow);
}

.file-meta[b-x0q0hz4olb] {
    color: var(--text-secondary);
}

.preview-content[b-x0q0hz4olb] {
    flex: 1;
    overflow: auto;
    background: var(--bg-secondary);
}

.preview-media[b-x0q0hz4olb] {
    max-width: 100%;
    max-height: 80vh;
}

.preview-iframe[b-x0q0hz4olb] {
    width: 100%;
    height: 100%;
    border: none;
    background: var(--bg-secondary);
}

.audio-player-container[b-x0q0hz4olb] {
    max-width: 520px;
    margin: 0 auto;
    background: var(--bg-tertiary);
    border-radius: var(--radius-xl);
    border: 1px solid var(--color-border);
    box-shadow: var(--shadow);
}

.preview-text[b-x0q0hz4olb] {
    margin: 0;
    background: var(--bg-tertiary);
    border-radius: var(--radius-md);
    border: 1px solid var(--color-border);
    padding: 1rem;
    overflow-x: auto;
}
/* /Components/Pages/Public/FilePreviewShortCode.razor.rz.scp.css */
.file-info[b-bc6mzpk8hw] {
    background-color: var(--bg-tertiary);
    padding: 1.5rem;
    border-radius: var(--radius-md);
}

.file-preview[b-bc6mzpk8hw] {
    background-color: var(--bg-tertiary);
    padding: 1rem;
    border-radius: var(--radius-md);
    overflow: hidden;
}

.file-preview img[b-bc6mzpk8hw] {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}

.file-preview iframe[b-bc6mzpk8hw] {
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
}

.file-preview video[b-bc6mzpk8hw],
.file-preview audio[b-bc6mzpk8hw] {
    max-width: 100%;
    height: auto;
}

.payment-required[b-bc6mzpk8hw] {
    border: 2px solid var(--primary-color);
}

.card-header[b-bc6mzpk8hw] {
    background-color: var(--bg-tertiary);
    color: var(--text-primary);
}
/* /Components/Pages/Public/LinkAccess.razor.rz.scp.css */
.access-container[b-dfv6sqj3tm] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--bg-secondary);
    padding: 2rem;
}

.loading-state[b-dfv6sqj3tm] {
    text-align: center;
}

.access-denied[b-dfv6sqj3tm],
.password-prompt[b-dfv6sqj3tm],
.email-prompt[b-dfv6sqj3tm],
.splash-page[b-dfv6sqj3tm] {
    background: var(--bg-card);
    border-radius: var(--radius-2xl);
    box-shadow: var(--shadow);
    border: 1px solid var(--color-border);
    padding: 3rem;
    max-width: 560px;
    width: 100%;
    text-align: center;
}

.error-icon[b-dfv6sqj3tm],
.prompt-icon[b-dfv6sqj3tm] {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1.5rem;
    font-size: 2.5rem;
}

.error-icon[b-dfv6sqj3tm] {
    background: rgba(var(--bs-danger-rgb), 0.10);
    color: var(--danger-color);
}

.prompt-icon[b-dfv6sqj3tm] {
    background: rgba(var(--bs-info-rgb), 0.10);
    color: var(--info-color);
}

h2[b-dfv6sqj3tm] {
    font-family: var(--font-display);
    font-size: 1.75rem;
    font-weight: 400;
    margin-bottom: 0.75rem;
    color: var(--text-primary);
    letter-spacing: 0.02em;
}

p[b-dfv6sqj3tm] {
    color: var(--text-secondary);
    margin-bottom: 1.5rem;
}

.form-group[b-dfv6sqj3tm] {
    margin-bottom: 1rem;
}

.btn:disabled[b-dfv6sqj3tm] {
    opacity: 0.6;
    cursor: not-allowed;
}

.alert[b-dfv6sqj3tm] {
    padding: 0.75rem 1rem;
    border-radius: var(--radius-md);
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.alert-danger[b-dfv6sqj3tm] {
    background: rgba(var(--bs-danger-rgb), 0.10);
    color: var(--danger-color);
}

.email-sent[b-dfv6sqj3tm] {
    margin-top: 2rem;
}

.email-sent i[b-dfv6sqj3tm] {
    font-size: 3rem;
    margin-bottom: 1rem;
}

.redirect-notice[b-dfv6sqj3tm] {
    font-size: 1.125rem;
    margin: 2rem 0;
}

.redirect-notice strong[b-dfv6sqj3tm] {
    color: var(--primary-color);
    font-size: 1.5rem;
}

/* Splash page styles */
.splash-logo[b-dfv6sqj3tm] {
    max-width: 200px;
    max-height: 100px;
    margin-bottom: 2rem;
}

.splash-message[b-dfv6sqj3tm] {
    font-size: 1.1rem;
    color: var(--text-secondary);
    margin-bottom: 2rem;
}

.splash-button[b-dfv6sqj3tm] {
    min-width: 200px;
}

/* Splash templates */
.splash-minimal[b-dfv6sqj3tm] {
    padding: 2rem;
}

.splash-minimal h2[b-dfv6sqj3tm] {
    font-size: 1.5rem;
    font-weight: normal;
}

.splash-modern[b-dfv6sqj3tm] {
    background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
    color: var(--color-surface);
}

.splash-modern h2[b-dfv6sqj3tm],
.splash-modern .splash-message[b-dfv6sqj3tm],
.splash-modern .redirect-notice[b-dfv6sqj3tm] {
    color: var(--color-surface);
}

.splash-modern .splash-button[b-dfv6sqj3tm] {
    background: var(--color-surface);
    color: var(--primary-color);
    border: none;
}

.splash-modern .splash-button:hover[b-dfv6sqj3tm] {
    background: var(--bg-hover);
}

.splash-classic[b-dfv6sqj3tm] {
    border: 2px solid var(--primary-color);
}

.splash-classic h2[b-dfv6sqj3tm] {
    color: var(--primary-color);
}
/* /Components/Pages/Public/LinkSplashPage.razor.rz.scp.css */
.splash-container[b-ono9heemc5] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem 1.5rem;
    background-color: var(--splash-bg, var(--bg-secondary));
}

.splash-content[b-ono9heemc5] {
    text-align: center;
    max-width: 600px;
    width: 100%;
    padding: 2rem;
}

.splash-logo[b-ono9heemc5] {
    max-width: 200px;
    max-height: 100px;
    margin-bottom: 2rem;
}

.splash-title[b-ono9heemc5] {
    font-family: var(--font-display);
    font-size: clamp(2rem, 4vw, 2.75rem);
    font-weight: 400;
    letter-spacing: 0.02em;
    margin-bottom: 1rem;
    color: var(--text-primary);
}

.splash-message[b-ono9heemc5] {
    font-size: 1.125rem;
    color: var(--text-secondary);
    margin-bottom: 2rem;
    line-height: 1.6;
}

.splash-button[b-ono9heemc5] {
    font-size: 1.125rem;
    padding: 0.75rem 2rem;
    border-radius: var(--radius-full);
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: transform var(--transition-fast), box-shadow var(--transition-fast);
}

.splash-button:hover[b-ono9heemc5] {
    transform: translateY(-1px);
    box-shadow: var(--shadow-md);
}

.splash-countdown[b-ono9heemc5] {
    margin-top: 1.5rem;
    font-size: 0.875rem;
    color: var(--text-secondary);
}

/* Template variations */
.template-modern .splash-content[b-ono9heemc5] {
    background: rgba(var(--color-surface-rgb), 0.75);
    backdrop-filter: blur(14px);
    border: 1px solid rgba(var(--color-ink-rgb), 0.08);
    border-radius: var(--radius-2xl);
    box-shadow: var(--shadow-md);
}

.template-minimal .splash-content[b-ono9heemc5] {
    background: var(--bg-card);
    border: 1px solid rgba(var(--color-ink-rgb), 0.10);
    border-radius: var(--radius-2xl);
    box-shadow: var(--shadow);
}

.template-gradient[b-ono9heemc5] {
    background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);
}

.template-gradient .splash-title[b-ono9heemc5],
.template-gradient .splash-message[b-ono9heemc5],
.template-gradient .splash-countdown[b-ono9heemc5] {
    color: var(--color-surface);
}

.template-gradient .splash-button[b-ono9heemc5] {
    background: var(--color-surface);
    color: var(--color-text);
}

.template-dark[b-ono9heemc5] {
    background: var(--color-text);
}

.template-dark .splash-title[b-ono9heemc5],
.template-dark .splash-message[b-ono9heemc5],
.template-dark .splash-countdown[b-ono9heemc5] {
    color: var(--color-surface);
}

.template-dark .splash-button[b-ono9heemc5] {
    background: var(--color-surface);
    color: var(--color-text);
}
/* /Components/Pages/Public/MembershipPage.razor.rz.scp.css */
.membership-page-container[b-an9csme34k] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 2rem;
}

.creator-header[b-an9csme34k] {
    text-align: center;
    margin-bottom: 3rem;
}

.creator-avatar[b-an9csme34k] {
    font-size: 5rem;
    color: var(--primary-color);
    margin-bottom: 1rem;
}

.creator-header h1[b-an9csme34k] {
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
}

.creator-bio[b-an9csme34k] {
    font-size: 1.25rem;
    color: var(--text-secondary);
}

.membership-options h2[b-an9csme34k] {
    text-align: center;
    margin-bottom: 2rem;
    color: var(--text-primary);
}

.tier-cards[b-an9csme34k] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 2rem;
    margin-bottom: 3rem;
}

.tier-card[b-an9csme34k] {
    border: 1px solid var(--color-border);
    border-radius: var(--radius-2xl);
    padding: 2rem;
    background: var(--bg-card);
    transition: all 0.3s;
    cursor: pointer;
    box-shadow: var(--shadow-sm);
}

.tier-card:hover[b-an9csme34k] {
    border-color: var(--primary-color);
    transform: translateY(-5px);
    box-shadow: var(--shadow-md);
}

.tier-card.selected[b-an9csme34k] {
    border-color: var(--primary-color);
    background: var(--primary-lighter);
}

.tier-header[b-an9csme34k] {
    text-align: center;
    margin-bottom: 1.5rem;
}

.tier-header h3[b-an9csme34k] {
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 1rem;
    color: var(--text-primary);
}

.tier-price[b-an9csme34k] {
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--primary-color);
}

.tier-price .currency[b-an9csme34k] {
    font-size: 1.5rem;
    vertical-align: super;
}

.tier-price .period[b-an9csme34k] {
    font-size: 1rem;
    font-weight: 400;
    color: var(--text-secondary);
}

.tier-benefits[b-an9csme34k] {
    margin-bottom: 1.5rem;
}

.tier-benefits ul[b-an9csme34k] {
    list-style: none;
    padding: 0;
}

.tier-benefits li[b-an9csme34k] {
    padding: 0.5rem 0;
    color: var(--text-secondary);
    position: relative;
    padding-left: 1.5rem;
}

.tier-benefits li[b-an9csme34k]::before {
    content: "✓";
    position: absolute;
    left: 0;
    color: var(--success-color);
    font-weight: bold;
}

.donation-option[b-an9csme34k] {
    text-align: center;
    padding: 2rem;
    background: var(--bg-tertiary);
    border-radius: var(--radius-2xl);
}

.donation-option h3[b-an9csme34k] {
    margin-bottom: 1rem;
    color: var(--text-primary);
}

.checkout-section[b-an9csme34k] {
    max-width: 600px;
    margin: 3rem auto 0;
    text-align: center;
    padding: 2rem;
    background: var(--bg-tertiary);
    border-radius: var(--radius-2xl);
}

.selection-summary[b-an9csme34k] {
    background: var(--bg-card);
    padding: 1.5rem;
    border-radius: var(--radius-md);
    border: 1px solid var(--color-border);
    margin-bottom: 1.5rem;
}

.selection-summary p[b-an9csme34k] {
    margin: 0.5rem 0;
    font-size: 1.1rem;
}

@media (max-width: 768px) {
    .membership-page-container[b-an9csme34k] {
        padding: 1rem;
    }
    
    .tier-cards[b-an9csme34k] {
        grid-template-columns: 1fr;
    }
    
    .creator-header h1[b-an9csme34k] {
        font-size: 2rem;
    }
}
/* /Components/Pages/Public/PollVoting.razor.rz.scp.css */
.poll-voting-container[b-iey9qc4ldj] {
    max-width: 800px;
    margin: 2rem auto;
    padding: 0 1rem;
}

.error-container[b-iey9qc4ldj] {
    text-align: center;
    padding: 4rem 2rem;
}

.error-container i[b-iey9qc4ldj] {
    font-size: 4rem;
    color: var(--danger-color);
    margin-bottom: 1rem;
    display: block;
}

.error-container h2[b-iey9qc4ldj] {
    color: var(--text-primary);
    margin-bottom: 1rem;
}

.error-container p[b-iey9qc4ldj] {
    color: var(--text-secondary);
    margin-bottom: 2rem;
}

.poll-container[b-iey9qc4ldj] {
    --poll-bg: var(--bg-card);
    --poll-ink: var(--text-primary);
    --poll-muted: var(--text-secondary);
    --poll-surface-muted: var(--bg-tertiary);
    --poll-border: rgba(var(--color-ink-rgb), 0.06);
    --poll-border-strong: var(--color-border);
    --poll-neutral: var(--gray-200);
    --poll-hover-bg: var(--primary-lighter);

    background: var(--poll-bg);
    color: var(--poll-ink);
    border-radius: var(--radius-2xl);
    box-shadow: var(--shadow);
    border: 1px solid var(--poll-border);
    overflow: hidden;
}

.poll-header[b-iey9qc4ldj] {
    background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-hover) 100%);
    color: var(--text-on-primary);
    padding: 3rem 2rem;
    text-align: center;
}

.poll-question[b-iey9qc4ldj] {
    font-family: var(--font-display);
    font-size: 2rem;
    font-weight: 400;
    letter-spacing: 0.02em;
    margin-bottom: 1rem;
    line-height: 1.3;
}

.poll-deadline[b-iey9qc4ldj] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    font-size: 0.875rem;
    opacity: 0.9;
}

.poll-closed-message[b-iey9qc4ldj],
.already-voted-message[b-iey9qc4ldj] {
    text-align: center;
    padding: 3rem 2rem;
    background: var(--poll-surface-muted);
}

.poll-closed-message i[b-iey9qc4ldj],
.already-voted-message i[b-iey9qc4ldj] {
    font-size: 3rem;
    color: var(--poll-muted);
    margin-bottom: 1rem;
    display: block;
}

.already-voted-message i[b-iey9qc4ldj] {
    color: var(--success-color);
}

.poll-closed-message p[b-iey9qc4ldj],
.already-voted-message p[b-iey9qc4ldj] {
    color: var(--poll-ink);
    font-size: 1.125rem;
    margin: 0;
}

.current-results-preview[b-iey9qc4ldj] {
    padding: 2rem;
    background: var(--poll-surface-muted);
    border-bottom: 1px solid var(--poll-border-strong);
}

.current-results-preview h3[b-iey9qc4ldj] {
    font-size: 1.25rem;
    margin-bottom: 1rem;
}

.poll-voting-section[b-iey9qc4ldj] {
    padding: 2rem;
}

.email-verification[b-iey9qc4ldj] {
    max-width: 400px;
    margin: 0 auto;
    text-align: center;
}

.email-verification h3[b-iey9qc4ldj] {
    margin-bottom: 1.5rem;
}

.poll-options[b-iey9qc4ldj] {
    margin-bottom: 2rem;
}

.poll-option-item[b-iey9qc4ldj] {
    margin-bottom: 1rem;
}

.form-check[b-iey9qc4ldj] {
    background: var(--poll-surface-muted);
    border: 1px solid var(--poll-border-strong);
    border-radius: var(--radius-md);
    padding: 1.25rem;
    transition: all var(--transition-fast);
}

.form-check:hover[b-iey9qc4ldj] {
    border-color: var(--primary-color);
    background: var(--poll-hover-bg);
}

.form-check-input:checked ~ .form-check-label[b-iey9qc4ldj] {
    font-weight: 600;
    color: var(--primary-color);
}

.form-check-label[b-iey9qc4ldj] {
    font-size: 1.125rem;
    margin-left: 0.5rem;
    cursor: pointer;
    user-select: none;
}

.poll-actions[b-iey9qc4ldj] {
    text-align: center;
    margin-top: 2rem;
}

.poll-actions .btn[b-iey9qc4ldj] {
    min-width: 200px;
}

/* Results Display */
.poll-results[b-iey9qc4ldj] {
    padding: 2rem;
}

.results-header[b-iey9qc4ldj] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2rem;
}

.results-header h3[b-iey9qc4ldj] {
    margin: 0;
    font-size: 1.5rem;
}

.total-votes[b-iey9qc4ldj] {
    color: var(--poll-muted);
    font-size: 0.875rem;
}

.results-chart[b-iey9qc4ldj] {
}

.result-item[b-iey9qc4ldj] {
    margin-bottom: 1.5rem;
}

.result-text[b-iey9qc4ldj] {
    font-weight: 600;
    margin-bottom: 0.5rem;
    color: var(--poll-ink);
}

.result-bar-container[b-iey9qc4ldj] {
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 0.25rem;
}

.result-bar[b-iey9qc4ldj] {
    flex: 1;
    height: 28px;
    background: var(--poll-neutral);
    border-radius: 14px;
    overflow: hidden;
}

.result-fill[b-iey9qc4ldj] {
    height: 100%;
    background: linear-gradient(90deg, var(--primary-color) 0%, var(--primary-hover) 100%);
    transition: width 0.5s ease;
    min-width: 2px;
}

.result-percentage[b-iey9qc4ldj] {
    font-weight: 700;
    color: var(--primary-color);
    font-size: 1.125rem;
    min-width: 50px;
    text-align: right;
}

.result-count[b-iey9qc4ldj] {
    color: var(--poll-muted);
    font-size: 0.875rem;
}

.poll-footer[b-iey9qc4ldj] {
    padding: 1.5rem 2rem;
    background: var(--poll-surface-muted);
    text-align: center;
    border-top: 1px solid var(--poll-border-strong);
}

.poll-footer p[b-iey9qc4ldj] {
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    font-size: 0.875rem;
}

/* Responsive */
@media (max-width: 768px) {
    .poll-header[b-iey9qc4ldj] {
        padding: 2rem 1.5rem;
    }
    
    .poll-question[b-iey9qc4ldj] {
        font-size: 1.5rem;
    }
    
    .poll-voting-section[b-iey9qc4ldj],
    .poll-results[b-iey9qc4ldj] {
        padding: 1.5rem;
    }
    
    .form-check[b-iey9qc4ldj] {
        padding: 1rem;
    }
    
    .form-check-label[b-iey9qc4ldj] {
        font-size: 1rem;
    }
    
    .results-header[b-iey9qc4ldj] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem;
    }
    
    .result-bar-container[b-iey9qc4ldj] {
        flex-wrap: wrap;
    }
    
    .result-bar[b-iey9qc4ldj] {
        width: 100%;
    }
    
    .result-percentage[b-iey9qc4ldj] {
        order: -1;
    }
}

/* Dark mode support */
@media (prefers-color-scheme: dark) {
    .poll-container[b-iey9qc4ldj] {
        --poll-bg: var(--color-ink-2);
        --poll-ink: rgb(var(--bs-light-rgb));
        --poll-muted: rgba(var(--bs-light-rgb), 0.78);
        --poll-surface-muted: rgba(var(--bs-light-rgb), 0.06);
        --poll-border: rgba(var(--bs-light-rgb), 0.14);
        --poll-border-strong: rgba(var(--bs-light-rgb), 0.2);
        --poll-neutral: rgba(var(--bs-light-rgb), 0.1);
        --poll-hover-bg: rgba(var(--color-accent-rgb), 0.22);
    }
}
/* /Components/Pages/Public/YouTubePreview.razor.rz.scp.css */
.sl-embedded-frame[b-ukgbc6pbbc] {
    position: relative;
    width: 100%;
    padding-top: var(--sl-embed-ratio, 56.25%);
    border-radius: var(--radius-2xl, 24px);
    overflow: hidden;
    background: rgba(0, 0, 0, 0.06);
}

.sl-embedded-iframe[b-ukgbc6pbbc] {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

/* /Components/Pages/Settings.razor.rz.scp.css */
.settings-container[b-08jmavr8yp] {
    padding: var(--space-6);
    max-width: var(--content-max-width);
    margin: 0 auto;
}

.page-header[b-08jmavr8yp] {
    margin-bottom: 2rem;
}

.page-header h1[b-08jmavr8yp] {
    color: var(--text-primary);
    font-weight: 650;
    margin-bottom: 0.5rem;
}

.settings-layout[b-08jmavr8yp] {
    display: grid;
    grid-template-columns: 260px 1fr;
    gap: var(--space-6);
}

.settings-nav[b-08jmavr8yp] {
    background: var(--bg-card);
    border-radius: var(--radius-xl);
    padding: var(--space-4);
    box-shadow: var(--shadow-sm);
    border: 1px solid var(--color-border);
    height: fit-content;
}

.settings-nav .nav-link[b-08jmavr8yp] {
    color: var(--text-secondary);
    border-radius: var(--radius-md);
    margin-bottom: 0.25rem;
    transition: background-color var(--transition-fast), color var(--transition-fast);
}

.settings-nav .nav-link:hover[b-08jmavr8yp] {
    background-color: var(--bg-hover);
    color: var(--color-accent);
}

.settings-nav .nav-link.active[b-08jmavr8yp] {
    background-color: var(--color-accent);
    color: var(--color-accent-contrast);
}

.settings-content[b-08jmavr8yp] {
    background: var(--bg-card);
    border-radius: var(--radius-xl);
    padding: var(--space-6);
    box-shadow: var(--shadow);
    border: 1px solid var(--color-border);
}

.settings-panel h2[b-08jmavr8yp] {
    font-size: 1.5rem;
    font-weight: 650;
    margin-bottom: 1.5rem;
    color: var(--text-primary);
}

.settings-panel h3[b-08jmavr8yp] {
    color: var(--text-primary);
    font-weight: 500;
}

.subscription-info[b-08jmavr8yp] {
    padding: 1rem 0;
}

.payment-method-card[b-08jmavr8yp] {
    display: flex;
    align-items: center;
    padding: 1rem;
    background: var(--bg-tertiary);
    border-radius: var(--radius-md);
    border: 1px solid var(--color-border);
}

.security-section[b-08jmavr8yp] {
    padding-bottom: 1.5rem;
    border-bottom: 1px solid var(--color-border);
}

.security-section:last-child[b-08jmavr8yp] {
    border-bottom: none;
}

.integration-list[b-08jmavr8yp] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.integration-item[b-08jmavr8yp] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    transition: border-color var(--transition-fast), background-color var(--transition-fast);
}

.integration-item:hover[b-08jmavr8yp] {
    border-color: var(--color-accent);
    background: var(--bg-hover);
}

.integration-info[b-08jmavr8yp] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.integration-info i[b-08jmavr8yp] {
    font-size: 2rem;
}

.integration-info h5[b-08jmavr8yp] {
    font-size: 1rem;
    margin-bottom: 0.25rem;
}

.subscription-list[b-08jmavr8yp] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.subscription-card[b-08jmavr8yp] {
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    padding: 1.5rem;
    transition: box-shadow var(--transition-fast), border-color var(--transition-fast);
}

.subscription-card:hover[b-08jmavr8yp] {
    box-shadow: var(--shadow-sm);
    border-color: var(--color-accent);
}

.subscription-header[b-08jmavr8yp] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.subscription-header h5[b-08jmavr8yp] {
    margin: 0;
    font-weight: 600;
}

.subscription-details[b-08jmavr8yp] {
    margin-bottom: 1rem;
}

.subscription-details p[b-08jmavr8yp] {
    margin-bottom: 0.5rem;
    color: var(--text-secondary);
}

.subscription-actions[b-08jmavr8yp] {
    display: flex;
    gap: 0.5rem;
}

.subscription-detail-section[b-08jmavr8yp] {
    background: var(--bg-tertiary);
    padding: 1rem;
    border-radius: var(--radius-md);
    border: 1px solid var(--color-border);
    margin-bottom: 1rem;
}

.subscription-history[b-08jmavr8yp] {
    border-top: 1px solid var(--color-border);
    padding-top: 1rem;
}

.subscription-actions .d-grid[b-08jmavr8yp] {
    margin-top: 1rem;
}

@media (max-width: 768px) {
    .settings-container[b-08jmavr8yp] {
        padding: var(--space-4);
    }

    .settings-layout[b-08jmavr8yp] {
        grid-template-columns: 1fr;
    }

    .settings-nav[b-08jmavr8yp] {
        display: none;
    }

    .settings-content[b-08jmavr8yp] {
        padding: var(--space-4);
    }
}
/* /Components/Pages/Student/Dashboard.razor.rz.scp.css */
.student-dashboard[b-6gj6fe3p9b] {
    padding: 2rem;
}

.page-header[b-6gj6fe3p9b] {
    margin-bottom: 2rem;
}

.page-header h1[b-6gj6fe3p9b] {
    color: var(--text-primary);
    margin-bottom: 0.5rem;
}

.dashboard-stats[b-6gj6fe3p9b] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 1.5rem;
    margin-bottom: 3rem;
}

.stat-card[b-6gj6fe3p9b] {
    background: var(--bg-card);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    padding: 1.5rem;
    display: flex;
    align-items: center;
    transition: transform 0.2s, box-shadow 0.2s;
}

.stat-card:hover[b-6gj6fe3p9b] {
    transform: translateY(-2px);
    box-shadow: var(--shadow-md);
}

.stat-icon[b-6gj6fe3p9b] {
    font-size: 2.5rem;
    color: var(--primary-color);
    margin-right: 1.5rem;
}

.stat-content h3[b-6gj6fe3p9b] {
    font-size: 2rem;
    font-weight: bold;
    margin: 0;
    color: var(--text-primary);
}

.stat-content p[b-6gj6fe3p9b] {
    margin: 0;
    color: var(--text-secondary);
}

.course-sections[b-6gj6fe3p9b] {
    margin-top: 2rem;
}

.section[b-6gj6fe3p9b] {
    margin-bottom: 3rem;
}

.section h2[b-6gj6fe3p9b] {
    color: var(--text-primary);
    margin-bottom: 1.5rem;
    font-size: 1.5rem;
}

.courses-grid[b-6gj6fe3p9b] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
    gap: 1.5rem;
}

.course-card[b-6gj6fe3p9b] {
    background: var(--bg-card);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    padding: 1.5rem;
    transition: box-shadow 0.2s;
}

.course-card:hover[b-6gj6fe3p9b] {
    box-shadow: var(--shadow-md);
}

.course-card.completed[b-6gj6fe3p9b] {
    border-color: var(--success-color);
    background: rgba(var(--bs-success-rgb), 0.08);
}

.course-header[b-6gj6fe3p9b] {
    display: flex;
    justify-content: space-between;
    align-items: start;
    margin-bottom: 1rem;
}

.course-header h4[b-6gj6fe3p9b] {
    font-size: 1.1rem;
    margin: 0;
    color: var(--text-primary);
    flex: 1;
}

.course-progress[b-6gj6fe3p9b] {
    margin-bottom: 1rem;
}

.progress[b-6gj6fe3p9b] {
    height: 8px;
    background-color: var(--gray-200);
    border-radius: 4px;
    overflow: hidden;
}

.progress-bar[b-6gj6fe3p9b] {
    background-color: var(--primary-color);
    height: 100%;
    transition: width 0.3s ease;
}

.course-stats[b-6gj6fe3p9b] {
    display: flex;
    gap: 1rem;
    margin-bottom: 1rem;
    font-size: 0.9rem;
    color: var(--text-secondary);
}

.course-stats span[b-6gj6fe3p9b] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.next-lesson[b-6gj6fe3p9b] {
    margin-bottom: 1rem;
    padding: 0.75rem;
    background: var(--bg-tertiary);
    border-radius: var(--radius-sm);
}

.course-actions[b-6gj6fe3p9b] {
    margin-top: 1rem;
}

.quiz-results-list[b-6gj6fe3p9b] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.quiz-result-item[b-6gj6fe3p9b] {
    background: var(--bg-card);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    padding: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.quiz-result-item.passing[b-6gj6fe3p9b] {
    border-left: 4px solid var(--success-color);
}

.quiz-result-item.failing[b-6gj6fe3p9b] {
    border-left: 4px solid var(--danger-color);
}

.quiz-info h5[b-6gj6fe3p9b] {
    margin: 0 0 0.5rem 0;
    color: var(--text-primary);
}

.quiz-info p[b-6gj6fe3p9b] {
    margin: 0;
    font-size: 0.9rem;
}

.quiz-score[b-6gj6fe3p9b] {
    text-align: center;
    min-width: 100px;
}

.score-value[b-6gj6fe3p9b] {
    display: block;
    font-size: 2rem;
    font-weight: bold;
    color: var(--text-primary);
}

.score-label[b-6gj6fe3p9b] {
    display: block;
    font-size: 0.8rem;
    font-weight: bold;
}

.quiz-result-item.passing .score-label[b-6gj6fe3p9b] {
    color: var(--success-color);
}

.quiz-result-item.failing .score-label[b-6gj6fe3p9b] {
    color: var(--danger-color);
}

.quiz-actions[b-6gj6fe3p9b] {
    margin-left: 1rem;
}

@media (max-width: 768px) {
    .dashboard-stats[b-6gj6fe3p9b] {
        grid-template-columns: 1fr;
    }
    
    .courses-grid[b-6gj6fe3p9b] {
        grid-template-columns: 1fr;
    }
    
    .quiz-result-item[b-6gj6fe3p9b] {
        flex-direction: column;
        align-items: start;
        gap: 1rem;
    }
    
    .quiz-score[b-6gj6fe3p9b] {
        display: flex;
        align-items: center;
        gap: 1rem;
        width: 100%;
    }
    
    .quiz-actions[b-6gj6fe3p9b] {
        margin-left: 0;
        width: 100%;
    }
    
    .quiz-actions .btn[b-6gj6fe3p9b] {
        width: 100%;
    }
}
/* /Components/Pages/Student/TakeQuiz.razor.rz.scp.css */
.quiz-container[b-pydpqgfb2j] {
    max-width: 800px;
    margin: 0 auto;
    padding: 2rem;
}

.quiz-header[b-pydpqgfb2j] {
    text-align: center;
    margin-bottom: 2rem;
}

.quiz-header h1[b-pydpqgfb2j] {
    color: var(--text-primary);
    margin-bottom: 1rem;
}

.quiz-info[b-pydpqgfb2j] {
    display: flex;
    gap: 1rem;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 1rem;
}

.timer-display[b-pydpqgfb2j] {
    font-size: 1.2rem;
    color: var(--danger-color);
    font-weight: bold;
    margin-top: 1rem;
}

.quiz-start[b-pydpqgfb2j] {
    margin-top: 3rem;
}

.question-card[b-pydpqgfb2j] {
    background: var(--bg-card);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    padding: 2rem;
    margin-bottom: 2rem;
    box-shadow: var(--shadow);
}

.question-text[b-pydpqgfb2j] {
    font-size: 1.1rem;
    margin-bottom: 1.5rem;
    line-height: 1.6;
}

.answer-options[b-pydpqgfb2j] {
    margin-bottom: 2rem;
}

.answer-options .form-check[b-pydpqgfb2j] {
    margin-bottom: 1rem;
    padding: 0.75rem;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
    transition: all 0.2s;
}

.answer-options .form-check:hover[b-pydpqgfb2j] {
    background-color: var(--bg-tertiary);
    border-color: var(--primary-color);
}

.answer-options .form-check-input:checked ~ .form-check-label[b-pydpqgfb2j] {
    font-weight: 600;
    color: var(--primary-color);
}

.answer-input input[b-pydpqgfb2j],
.answer-input textarea[b-pydpqgfb2j] {
    width: 100%;
    font-size: 1rem;
}

.navigation-buttons[b-pydpqgfb2j] {
    display: flex;
    justify-content: space-between;
    margin-top: 2rem;
}

.question-navigation[b-pydpqgfb2j] {
    text-align: center;
}

.question-dots[b-pydpqgfb2j] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    justify-content: center;
    margin-top: 0.5rem;
}

.question-dot[b-pydpqgfb2j] {
    width: 40px;
    height: 40px;
    border: 1px solid var(--color-border);
    background: var(--bg-card);
    border-radius: 50%;
    font-weight: bold;
    cursor: pointer;
    transition: all var(--transition-fast);
}

.question-dot.active[b-pydpqgfb2j] {
    background: var(--primary-color);
    color: var(--text-on-primary);
    border-color: var(--primary-color);
}

.question-dot.answered[b-pydpqgfb2j] {
    background: var(--success-color);
    color: var(--text-on-primary);
    border-color: var(--success-color);
}

.question-dot:hover[b-pydpqgfb2j] {
    transform: scale(1.1);
}

/* Quiz Results */
.quiz-result[b-pydpqgfb2j] {
    text-align: center;
}

.score-display[b-pydpqgfb2j] {
    margin: 2rem 0;
}

.score-circle[b-pydpqgfb2j] {
    display: inline-block;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    border: 10px solid var(--gray-200);
    position: relative;
    background: var(--bg-tertiary);
}

.score-circle.passing[b-pydpqgfb2j] {
    border-color: var(--success-color);
    background: rgba(var(--bs-success-rgb), 0.10);
}

.score-circle.failing[b-pydpqgfb2j] {
    border-color: var(--danger-color);
    background: rgba(var(--bs-danger-rgb), 0.10);
}

.score-value[b-pydpqgfb2j] {
    display: block;
    font-size: 3rem;
    font-weight: bold;
    margin-top: 50px;
}

.score-total[b-pydpqgfb2j] {
    display: block;
    font-size: 1.5rem;
    color: var(--text-secondary);
}

.result-actions[b-pydpqgfb2j] {
    display: flex;
    gap: 1rem;
    justify-content: center;
}

/* Review Section */
.review-section[b-pydpqgfb2j] {
    text-align: left;
    max-width: 700px;
    margin: 0 auto;
}

.question-review[b-pydpqgfb2j] {
    background: var(--bg-card);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    padding: 1.5rem;
    margin-bottom: 1rem;
}

.question-review.correct[b-pydpqgfb2j] {
    border-left: 4px solid var(--success-color);
}

.question-review.incorrect[b-pydpqgfb2j] {
    border-left: 4px solid var(--danger-color);
}

.question-header[b-pydpqgfb2j] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.question-number[b-pydpqgfb2j] {
    font-weight: bold;
    color: var(--text-secondary);
}

.options-review .option-item[b-pydpqgfb2j] {
    padding: 0.5rem 1rem;
    margin-bottom: 0.5rem;
    border-radius: var(--radius-sm);
    background: var(--bg-tertiary);
}

.option-item.correct-answer[b-pydpqgfb2j] {
    background: rgba(var(--bs-success-rgb), 0.10);
    border: 1px solid var(--success-color);
}

.option-item.user-answer:not(.correct-answer)[b-pydpqgfb2j] {
    background: rgba(var(--bs-danger-rgb), 0.10);
    border: 1px solid var(--danger-color);
}

.answer-review[b-pydpqgfb2j] {
    background: var(--bg-tertiary);
    padding: 1rem;
    border-radius: var(--radius-sm);
}

.user-answer[b-pydpqgfb2j],
.correct-answer[b-pydpqgfb2j] {
    margin-bottom: 0.5rem;
}

.explanation[b-pydpqgfb2j] {
    margin-top: 1rem;
    padding: 1rem;
    background: rgba(var(--bs-info-rgb), 0.10);
    border-radius: var(--radius-sm);
    font-style: italic;
}

@media (max-width: 768px) {
    .quiz-container[b-pydpqgfb2j] {
        padding: 1rem;
    }

    .navigation-buttons[b-pydpqgfb2j] {
        flex-direction: column;
        gap: 1rem;
    }

    .navigation-buttons button[b-pydpqgfb2j] {
        width: 100%;
    }
}
/* /Components/Pages/Subscription.razor.rz.scp.css */
.subscription-page[b-o6vvvm58tm] {
    min-width: 0;
}

.subscription-layout[b-o6vvvm58tm] {
    display: grid;
    grid-template-columns: minmax(280px, 1fr) minmax(360px, 1.6fr);
    gap: var(--space-4);
}

.subscription-summary[b-o6vvvm58tm] {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
    padding: var(--space-4);
    border-radius: var(--radius-xl);
    border: 1px solid var(--glass-border);
    background: var(--glass-surface);
    box-shadow: var(--shadow-glass);
    backdrop-filter: var(--glass-filter);
    -webkit-backdrop-filter: var(--glass-filter);
}

.subscription-summary-header[b-o6vvvm58tm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-3);
    flex-wrap: wrap;
}

.subscription-current-plan[b-o6vvvm58tm] {
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
}

.subscription-current-plan .plan-name[b-o6vvvm58tm] {
    font-size: var(--text-xl);
    font-weight: 650;
    color: var(--text-primary);
}

.subscription-actions[b-o6vvvm58tm] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2);
}

.subscription-usage h3[b-o6vvvm58tm] {
    font-size: var(--text-lg);
    margin-bottom: var(--space-2);
}

.usage-item[b-o6vvvm58tm] {
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
    margin-bottom: var(--space-2);
}

.usage-header[b-o6vvvm58tm] {
    display: flex;
    justify-content: space-between;
    font-size: var(--text-sm);
    color: var(--text-secondary);
}

.subscription-plans[b-o6vvvm58tm] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

.subscription-plans-header[b-o6vvvm58tm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-3);
    flex-wrap: wrap;
}

.subscription-plans-grid[b-o6vvvm58tm] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: var(--space-3);
}

.plan-card[b-o6vvvm58tm] {
    border-radius: var(--radius-xl);
    border: 1px solid var(--glass-border);
    background: rgba(var(--color-surface-rgb), 0.78);
    box-shadow: var(--shadow-sm);
    padding: var(--space-3);
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
    transition: transform var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast);
}

.plan-card.selected[b-o6vvvm58tm] {
    border-color: rgba(var(--color-accent-rgb), 0.45);
    box-shadow: var(--shadow-glass);
}

.plan-card:hover[b-o6vvvm58tm] {
    transform: translateY(-1px);
    border-color: rgba(var(--color-accent-rgb), 0.3);
}

.plan-card-header h3[b-o6vvvm58tm] {
    margin: 0;
    font-size: var(--text-lg);
    font-weight: 650;
}

.plan-card-price[b-o6vvvm58tm] {
    display: flex;
    align-items: baseline;
    gap: var(--space-1);
    font-weight: 650;
}

.plan-price-amount[b-o6vvvm58tm] {
    font-size: var(--text-2xl);
}

.plan-price-period[b-o6vvvm58tm] {
    font-size: var(--text-sm);
    color: var(--text-secondary);
}

.plan-price-free[b-o6vvvm58tm] {
    font-size: var(--text-xl);
    color: var(--text-secondary);
}

.plan-features[b-o6vvvm58tm] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
    color: var(--text-secondary);
    font-size: var(--text-sm);
}

.plan-features li[b-o6vvvm58tm] {
    display: flex;
    align-items: center;
    gap: var(--space-1);
}

.plan-features i[b-o6vvvm58tm] {
    color: var(--color-success);
    font-size: 0.9em;
}

.subscription-checkout[b-o6vvvm58tm] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

.checkout-card[b-o6vvvm58tm] {
    border-radius: var(--radius-xl);
    border: 1px solid var(--glass-border);
    background: rgba(var(--color-surface-rgb), 0.78);
    box-shadow: var(--shadow-glass);
    padding: var(--space-4);
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

.subscription-checkout .payment-methods[b-o6vvvm58tm] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
    margin-bottom: var(--space-3);
}

.subscription-checkout .payment-methods-title[b-o6vvvm58tm] {
    font-size: var(--text-sm);
    font-weight: 600;
    color: var(--text-secondary);
}

.subscription-checkout .payment-methods-hint[b-o6vvvm58tm] {
    font-size: var(--text-xs);
    color: var(--text-tertiary);
}

.subscription-checkout .express-checkout-shell[b-o6vvvm58tm] {
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    padding: var(--space-2);
    background: rgba(var(--color-surface-rgb), 0.7);
}

.subscription-checkout .express-checkout-shell.is-hidden[b-o6vvvm58tm] {
    display: none;
}

.checkout-card-header[b-o6vvvm58tm] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-2);
    flex-wrap: wrap;
}

.checkout-empty[b-o6vvvm58tm],
.checkout-free[b-o6vvvm58tm] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
    align-items: center;
    text-align: center;
    padding: var(--space-4);
    color: var(--text-secondary);
}

.checkout-empty i[b-o6vvvm58tm] {
    font-size: 2rem;
    color: var(--text-tertiary);
}

.payment-element-shell[b-o6vvvm58tm] {
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    padding: var(--space-3);
    background: rgba(var(--color-surface-rgb), 0.7);
}

.billing-history[b-o6vvvm58tm] {
    border-radius: var(--radius-xl);
    border: 1px solid var(--glass-border);
    background: rgba(var(--color-surface-rgb), 0.78);
    box-shadow: var(--shadow-sm);
    padding: var(--space-4);
}

.billing-history h3[b-o6vvvm58tm] {
    margin-bottom: var(--space-2);
}

@media (max-width: 1100px) {
    .subscription-layout[b-o6vvvm58tm] {
        grid-template-columns: 1fr;
    }

    .subscription-summary[b-o6vvvm58tm] {
        order: 1;
    }
}
/* /Components/Pages/TeamLegacy.razor.rz.scp.css */
.page-header[b-cbtdx4kxls] {
    border-bottom: 1px solid var(--color-border);
    margin-bottom: 2rem;
    padding-bottom: 1rem;
}

.empty-state[b-cbtdx4kxls] {
    padding: 3rem 0;
}

.empty-state > i[b-cbtdx4kxls] {
    display: block;
}

.team-info .team-name[b-cbtdx4kxls] {
    color: var(--primary-color);
    font-weight: 600;
}

.team-stats .stat-item[b-cbtdx4kxls] {
    padding: 0.5rem 0;
    border-bottom: 1px solid var(--color-border);
}

.team-stats .stat-item:last-child[b-cbtdx4kxls] {
    border-bottom: none;
}

.avatar-sm[b-cbtdx4kxls] {
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: var(--gray-200);
    border-radius: 50%;
}

.badge[b-cbtdx4kxls] {
    padding: 0.35em 0.65em;
    font-size: 0.875em;
}

.bg-primary[b-cbtdx4kxls] {
    background-color: var(--primary-color) !important;
}

.bg-info[b-cbtdx4kxls] {
    background-color: rgb(var(--bs-info-rgb)) !important;
}

.bg-success[b-cbtdx4kxls] {
    background-color: rgb(var(--bs-success-rgb)) !important;
}

.bg-secondary[b-cbtdx4kxls] {
    background-color: rgb(var(--bs-secondary-rgb)) !important;
}

.activity-timeline[b-cbtdx4kxls] {
    position: relative;
    padding-left: 40px;
}

.activity-timeline[b-cbtdx4kxls]::before {
    content: '';
    position: absolute;
    left: 16px;
    top: 0;
    bottom: 0;
    width: 2px;
    background-color: var(--color-border);
}

.activity-item[b-cbtdx4kxls] {
    position: relative;
    padding-bottom: 1.5rem;
}

.activity-item:last-child[b-cbtdx4kxls] {
    padding-bottom: 0;
}

.activity-icon[b-cbtdx4kxls] {
    position: absolute;
    left: -32px;
    width: 32px;
    height: 32px;
    background-color: var(--bg-card);
    border: 2px solid var(--color-border);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--text-secondary);
}

.activity-content[b-cbtdx4kxls] {
    background-color: var(--bg-tertiary);
    padding: 1rem;
    border-radius: var(--radius-sm);
}

.activity-content p[b-cbtdx4kxls] {
    margin-bottom: 0.25rem;
}

.table-hover tbody tr:hover[b-cbtdx4kxls] {
    background-color: rgba(var(--bs-primary-rgb), 0.06);
}

@media (max-width: 767px) {
    .activity-timeline[b-cbtdx4kxls] {
        padding-left: 30px;
    }
    
    .activity-timeline[b-cbtdx4kxls]::before {
        left: 11px;
    }
    
    .activity-icon[b-cbtdx4kxls] {
        left: -27px;
        width: 28px;
        height: 28px;
    }
}
/* /Components/Pages/TeamManagement/TeamActivity.razor.rz.scp.css */
.btn-link[b-81pfegdk2n] {
    text-decoration: none;
}

.btn-link:hover[b-81pfegdk2n] {
    text-decoration: underline;
}
/* /Components/Pages/TeamManagement/TeamCreate.razor.rz.scp.css */
.card[b-exy2z0lfyk] {
    max-width: 800px;
}

.form-label[b-exy2z0lfyk] {
    font-weight: 600;
}

.form-check[b-exy2z0lfyk] {
    margin-bottom: 1rem;
}

.alert-info[b-exy2z0lfyk] {
    background-color: rgba(var(--bs-primary-rgb), 0.05);
    border-color: rgba(var(--bs-primary-rgb), 0.2);
}

.alert-info .alert-heading[b-exy2z0lfyk] {
    color: var(--bs-primary);
}
/* /Components/Pages/TeamManagement/TeamDashboard.razor.rz.scp.css */
.card[b-87iul7u7ra] {
    transition: transform 0.2s ease-in-out;
}

.card:hover[b-87iul7u7ra] {
    transform: translateY(-2px);
}

.card-header[b-87iul7u7ra] {
    font-weight: 600;
}

.spinner-border[b-87iul7u7ra] {
    width: 3rem;
    height: 3rem;
}

h4[data-test^="analytics-"][b-87iul7u7ra] {
    color: var(--bs-primary);
    font-weight: 700;
}
/* /Components/Pages/TeamManagement/TeamInvite.razor.rz.scp.css */
.card[b-00qe9c4o6o] {
    max-width: 600px;
}

.form-label[b-00qe9c4o6o] {
    font-weight: 600;
}

.alert-info[b-00qe9c4o6o] {
    background-color: rgba(var(--bs-primary-rgb), 0.05);
    border-color: rgba(var(--bs-primary-rgb), 0.2);
}

.card.border-success[b-00qe9c4o6o] {
    border-width: 2px;
}

.card-title.text-success[b-00qe9c4o6o] {
    margin-bottom: 1rem;
}

.input-group input[readonly][b-00qe9c4o6o] {
    background-color: var(--bs-light);
}
/* /Components/Pages/TeamManagement/TeamJoin.razor.rz.scp.css */
.team-icon[b-g1cmnf5r9q] {
    width: 80px;
    height: 80px;
    background-color: var(--bs-primary);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2.5rem;
    color: var(--color-surface);
}

.success-icon[b-g1cmnf5r9q] {
    font-size: 4rem;
}

.card[b-g1cmnf5r9q] {
    border-width: 2px;
}

.card.border-success[b-g1cmnf5r9q] {
    border-color: var(--bs-success) !important;
}
/* /Components/Pages/TeamManagement/TeamMembers.razor.rz.scp.css */
.avatar-circle[b-x6dhkmsd1l] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: var(--bs-primary);
    color: var(--color-surface);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 1.2rem;
}

.permission-item h6[b-x6dhkmsd1l] {
    color: var(--bs-dark);
    margin-bottom: 0.5rem;
}

.btn-group[b-x6dhkmsd1l] {
    gap: 0.25rem;
}
/* /Components/Shared/AiCreationHelper.razor.rz.scp.css */
.sl-ai-helper[b-e37wwzg354] {
    border: 1px solid var(--glass-border);
    background: var(--glass-surface);
    box-shadow: var(--shadow-sm);
    backdrop-filter: var(--glass-filter);
    -webkit-backdrop-filter: var(--glass-filter);
}

.sl-ai-helper-header[b-e37wwzg354] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-3);
}

.sl-ai-helper-title[b-e37wwzg354] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    margin: 0;
}

.sl-ai-helper-body[b-e37wwzg354] {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

.sl-ai-helper-actions[b-e37wwzg354] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2);
}

.sl-ai-helper-result[b-e37wwzg354] {
    border-top: 1px solid var(--glass-border);
    padding-top: var(--space-3);
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

.sl-ai-helper-block[b-e37wwzg354] {
    display: grid;
    gap: var(--space-2);
}

.sl-ai-helper-block-title[b-e37wwzg354] {
    font-size: var(--text-sm);
    font-weight: 650;
    color: var(--text-secondary);
}

.sl-ai-helper-block-value[b-e37wwzg354] {
    font-size: var(--text-md);
    color: var(--text-primary);
    white-space: pre-wrap;
}

.sl-ai-helper-list[b-e37wwzg354] {
    margin: 0;
    padding-left: 1.1rem;
    color: var(--text-primary);
    display: grid;
    gap: var(--space-1);
}

/* /Components/Shared/BlockEditor.razor.rz.scp.css */
.sl-block-editor[b-sh8uvl4wbc] {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
    min-width: 0;
    border: 1px solid var(--glass-border);
    border-radius: var(--radius-xl);
    padding: var(--space-3);
    background: var(--glass-surface);
    box-shadow: var(--shadow-glass);
    backdrop-filter: var(--glass-filter);
    -webkit-backdrop-filter: var(--glass-filter);
    position: relative;
    overflow: visible;
}

.sl-block-insert-bar[b-sh8uvl4wbc] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--space-2);
    padding: var(--space-2) var(--space-3);
    border-radius: var(--radius-lg);
    border: 1px solid var(--glass-border);
    background: var(--glass-surface);
    backdrop-filter: var(--glass-filter);
    -webkit-backdrop-filter: var(--glass-filter);
    min-width: 0;
    overflow: visible;
    position: relative;
    z-index: 5;
}

.sl-block-toolbar-group[b-sh8uvl4wbc] {
    display: flex;
    align-items: center;
    gap: var(--space-1);
    flex-wrap: wrap;
    min-width: 0;
}

.sl-block-toolbar-divider[b-sh8uvl4wbc] {
    width: 1px;
    height: 24px;
    background: var(--color-border);
    opacity: 0.6;
    flex: 0 0 auto;
}

.sl-block-toolbar-button[b-sh8uvl4wbc] {
    white-space: nowrap;
    border-radius: var(--radius-full);
    font-size: var(--text-xs);
    padding: 0.4rem 0.75rem;
}

.sl-block-insert-menu[b-sh8uvl4wbc] {
    min-width: 220px;
    z-index: calc(var(--z-modal) + 1);
}

.sl-block-editor .dropdown[b-sh8uvl4wbc],
.sl-block-editor .dropdown-menu[b-sh8uvl4wbc] {
    overflow: visible;
}

.sl-block-editor .dropdown[b-sh8uvl4wbc] {
    position: relative;
    z-index: var(--z-dropdown);
}

.sl-block-editor-content[b-sh8uvl4wbc] {
    min-width: 0;
    position: relative;
    z-index: 1;
    overflow: visible;
}

.sl-block-editor-content .rich-text-editor[b-sh8uvl4wbc] {
    border-radius: var(--radius-lg);
    border-color: var(--color-border);
    background: rgba(var(--color-surface-rgb), 0.85);
    box-shadow: inset 0 0 0 1px rgba(var(--color-ink-rgb), 0.04);
}

@media (max-width: 62rem) {
    .sl-block-toolbar-divider[b-sh8uvl4wbc] {
        display: none;
    }
}
/* /Components/Shared/ContentPurchaseButton.razor.rz.scp.css */
.content-purchase-button[b-umnd25sa84] {
    margin: 1.5rem 0;
}

.purchase-info[b-umnd25sa84] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.5rem;
    background: linear-gradient(135deg, var(--bs-primary-bg-subtle) 0%, var(--bs-secondary-bg-subtle) 100%);
    border-radius: var(--radius-xl);
    border: 1px solid var(--bs-primary-border-subtle);
}

.price-display[b-umnd25sa84] {
    display: flex;
    align-items: baseline;
    gap: 0.5rem;
}

.price-amount[b-umnd25sa84] {
    font-size: 2rem;
    font-weight: 700;
    color: var(--bs-primary);
}

.price-period[b-umnd25sa84] {
    font-size: 1.125rem;
    color: var(--bs-gray-600);
}

.price-label[b-umnd25sa84] {
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--bs-gray-800);
}

.price-minimum[b-umnd25sa84] {
    font-size: 0.875rem;
    color: var(--bs-gray-600);
}

.purchase-button[b-umnd25sa84] {
    min-width: 160px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    box-shadow: var(--shadow);
    transition: all 0.3s ease;
}

.purchase-button:hover[b-umnd25sa84] {
    transform: translateY(-2px);
    box-shadow: var(--shadow-md);
}

.free-content-info[b-umnd25sa84] {
    text-align: center;
    padding: 1rem;
    background: var(--bs-success-bg-subtle);
    border-radius: var(--radius-md);
    border: 1px solid var(--bs-success-border-subtle);
}

.free-content-info .badge[b-umnd25sa84] {
    font-size: 1rem;
    padding: 0.5rem 1rem;
}

@media (max-width: 576px) {
    .purchase-info[b-umnd25sa84] {
        flex-direction: column;
        text-align: center;
    }
    
    .purchase-button[b-umnd25sa84] {
        width: 100%;
    }
}
/* /Components/Shared/ContentSelectorModal.razor.rz.scp.css */
.content-selector-list[b-j10rkaw0zz] {
    max-height: 400px;
    overflow-y: auto;
}

.content-item[b-j10rkaw0zz] {
    display: flex;
    align-items: center;
    padding: 1rem;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
    margin-bottom: 0.75rem;
    cursor: pointer;
    transition: background-color var(--transition-fast), border-color var(--transition-fast);
    background: var(--bg-card);
}

.content-item:hover[b-j10rkaw0zz] {
    background-color: var(--bg-tertiary);
    border-color: var(--primary-color);
}

.content-item.selected[b-j10rkaw0zz] {
    background-color: var(--primary-lighter);
    border-color: var(--primary-color);
}

.content-item-icon[b-j10rkaw0zz] {
    font-size: 2rem;
    margin-right: 1rem;
    flex-shrink: 0;
}

.content-item-details[b-j10rkaw0zz] {
    flex-grow: 1;
    min-width: 0;
}

.content-item-title[b-j10rkaw0zz] {
    margin-bottom: 0.25rem;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.content-item-description[b-j10rkaw0zz] {
    font-size: 0.875rem;
    color: var(--text-secondary);
    margin-bottom: 0.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.content-item-meta[b-j10rkaw0zz] {
    font-size: 0.8rem;
    color: var(--text-secondary);
}

.content-item-action[b-j10rkaw0zz] {
    font-size: 1.5rem;
    margin-left: 1rem;
    flex-shrink: 0;
}

/* /Components/Shared/DonationPrompt.razor.rz.scp.css */
.donation-container[b-etac1lan3r] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 60vh;
    padding: 2rem;
}

.donation-card[b-etac1lan3r] {
    background: var(--bg-card);
    border-radius: var(--radius-2xl);
    box-shadow: var(--shadow-md);
    padding: 3rem;
    max-width: 500px;
    width: 100%;
    border: 1px solid var(--color-border);
}

.donation-header[b-etac1lan3r] {
    text-align: center;
    margin-bottom: 2rem;
}

.donation-header i[b-etac1lan3r] {
    font-size: 3rem;
    margin-bottom: 1rem;
    display: block;
}

.donation-header h2[b-etac1lan3r] {
    font-family: var(--font-display);
    font-size: 1.75rem;
    font-weight: 400;
    letter-spacing: 0.02em;
    color: var(--text-primary);
    margin: 0;
}

.donation-description[b-etac1lan3r] {
    text-align: center;
    color: var(--text-secondary);
    margin-bottom: 2rem;
}

.suggested-amounts[b-etac1lan3r] {
    margin-bottom: 2rem;
}

.suggested-amounts h5[b-etac1lan3r] {
    font-size: 1rem;
    margin-bottom: 1rem;
    color: var(--text-primary);
}

.amount-buttons[b-etac1lan3r] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.75rem;
}

.amount-buttons .btn[b-etac1lan3r] {
    padding: 0.75rem 1rem;
    font-weight: 500;
    transition: all 0.2s;
}

.custom-amount-section[b-etac1lan3r] {
    margin-bottom: 1.5rem;
}

.custom-amount-section .form-label[b-etac1lan3r] {
    font-weight: 500;
    color: var(--text-secondary);
    margin-bottom: 0.5rem;
}

.custom-amount-section .input-group[b-etac1lan3r] {
    margin-bottom: 0.25rem;
}

.custom-amount-section input[b-etac1lan3r] {
    font-size: 1.25rem;
    text-align: center;
}

.donation-total[b-etac1lan3r] {
    background: var(--bg-tertiary);
    border-radius: var(--radius-md);
    padding: 1rem;
    text-align: center;
    margin-bottom: 1.5rem;
}

.donation-total h4[b-etac1lan3r] {
    margin: 0;
    color: var(--text-primary);
}

.donation-total .amount[b-etac1lan3r] {
    color: var(--primary-color);
    font-weight: 700;
}

.monthly-option[b-etac1lan3r] {
    margin-bottom: 1.5rem;
}

.donation-note[b-etac1lan3r] {
    margin-top: 1.5rem;
    text-align: center;
    color: var(--text-secondary);
    font-size: 0.875rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}

@media (max-width: 768px) {
    .donation-container[b-etac1lan3r] {
        padding: 1rem;
    }
    
    .donation-card[b-etac1lan3r] {
        padding: 2rem;
    }
    
    .amount-buttons[b-etac1lan3r] {
        grid-template-columns: 1fr;
    }
}
/* /Components/Shared/EnhancedFilePreview.razor.rz.scp.css */
.image-wrapper[b-5u9rw7452p] {
    overflow: auto;
    max-height: 70vh;
}

.preview-image[b-5u9rw7452p] {
    display: block;
    max-width: 100%;
    transform: scale(var(--zoom, 1));
    transform-origin: center;
    transition: transform var(--transition-fast);
}

.pdf-page-input[b-5u9rw7452p] {
    width: 60px;
}

.pdf-viewer[b-5u9rw7452p] {
    width: 100%;
    height: 70vh;
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
}

.video-player[b-5u9rw7452p] {
    width: 100%;
    max-height: 70vh;
    border-radius: var(--radius-lg);
}
/* /Components/Shared/FileUpload/FileUploader.razor.rz.scp.css */
.file-uploader[b-8a84nubhrf] {
    border: 2px dashed var(--color-border);
    border-radius: var(--radius-md);
    padding: 2rem;
    transition: all 0.3s ease;
    background-color: var(--bg-tertiary);
}

.file-uploader.drag-active[b-8a84nubhrf] {
    border-color: var(--primary-color);
    background-color: rgba(var(--bs-primary-rgb), 0.06);
}

.file-input[b-8a84nubhrf] {
    display: none;
}

.upload-area[b-8a84nubhrf] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 2rem;
    text-align: center;
}

.upload-icon[b-8a84nubhrf] {
    font-size: 3rem;
    color: var(--text-tertiary);
    margin-bottom: 1rem;
}

.upload-text h3[b-8a84nubhrf] {
    color: var(--text-primary);
    margin-bottom: 0.5rem;
    font-size: 1.25rem;
}

.upload-text p[b-8a84nubhrf] {
    color: var(--text-secondary);
    margin: 0.25rem 0;
    font-size: 0.875rem;
}

.file-size-limit[b-8a84nubhrf] {
    color: var(--text-tertiary);
    font-size: 0.75rem !important;
}

.upload-progress-list[b-8a84nubhrf] {
    margin-top: 2rem;
    max-height: 400px;
    overflow-y: auto;
}

.upload-item[b-8a84nubhrf] {
    background: var(--bg-card);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
    padding: 1rem;
    margin-bottom: 0.75rem;
}

.upload-item-header[b-8a84nubhrf] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
}

.upload-item-header i[b-8a84nubhrf] {
    font-size: 1.25rem;
    color: var(--text-secondary);
}

.file-name[b-8a84nubhrf] {
    flex: 1;
    font-weight: 500;
    color: var(--text-primary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.file-size[b-8a84nubhrf] {
    color: var(--text-secondary);
    font-size: 0.875rem;
}

.btn-remove[b-8a84nubhrf] {
    background: none;
    border: none;
    color: var(--danger-color);
    cursor: pointer;
    padding: 0.25rem;
    font-size: 1.25rem;
    line-height: 1;
    transition: opacity 0.2s;
}

.btn-remove:hover[b-8a84nubhrf] {
    opacity: 0.7;
}

.progress-wrapper[b-8a84nubhrf] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.progress[b-8a84nubhrf] {
    flex: 1;
    height: 8px;
    background-color: var(--gray-200);
    border-radius: 4px;
    overflow: hidden;
}

.progress-bar[b-8a84nubhrf] {
    height: 100%;
    background-color: var(--primary-color);
    transition: width var(--transition-fast);
}

.progress-bar.bg-success[b-8a84nubhrf] {
    background-color: var(--success-color);
}

.progress-bar.bg-danger[b-8a84nubhrf] {
    background-color: var(--danger-color);
}

.progress-text[b-8a84nubhrf] {
    min-width: 50px;
    text-align: right;
    font-size: 0.875rem;
    color: var(--text-secondary);
}

.error-message[b-8a84nubhrf] {
    color: var(--danger-color);
    font-size: 0.875rem;
    margin-top: 0.5rem;
}

/* File type icons colors */
.bi-file-image[b-8a84nubhrf] {
    color: var(--success-color);
}

.bi-file-play[b-8a84nubhrf] {
    color: var(--color-accent-2);
}

.bi-file-music[b-8a84nubhrf] {
    color: var(--primary-color);
}

.bi-file-pdf[b-8a84nubhrf] {
    color: var(--danger-color);
}

.bi-file-word[b-8a84nubhrf] {
    color: var(--info-color);
}

.bi-file-excel[b-8a84nubhrf] {
    color: var(--success-color);
}

.bi-file-ppt[b-8a84nubhrf] {
    color: var(--warning-color);
}

.bi-file-zip[b-8a84nubhrf] {
    color: var(--primary-color);
}

/* Mobile responsiveness */
@media (max-width: 768px) {
    .file-uploader[b-8a84nubhrf] {
        padding: 1rem;
    }
    
    .upload-area[b-8a84nubhrf] {
        padding: 1rem;
    }
    
    .upload-icon[b-8a84nubhrf] {
        font-size: 2rem;
    }
    
    .upload-text h3[b-8a84nubhrf] {
        font-size: 1rem;
    }
    
    .upload-text p[b-8a84nubhrf] {
        font-size: 0.75rem;
    }
}
/* /Components/Shared/LanguageSelector.razor.rz.scp.css */
.language-selector[b-90os47nnrx] {
    position: relative;
}

.language-selector .dropdown[b-90os47nnrx] {
    position: relative;
    z-index: var(--z-dropdown);
}

.language-selector .dropdown-toggle[b-90os47nnrx] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.375rem 0.75rem;
    font-size: 0.875rem;
    border-radius: var(--radius-md);
    white-space: nowrap;
}

.language-selector .dropdown-menu[b-90os47nnrx] {
    min-width: 200px;
    max-height: 400px;
    overflow-y: auto;
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow);
    z-index: calc(var(--z-dropdown) + 1);
}

.language-selector .dropdown-item[b-90os47nnrx] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.5rem 1rem;
    transition: background-color 0.2s;
}

.language-selector .dropdown-item:hover[b-90os47nnrx] {
    background-color: var(--bg-hover);
}

.language-selector .dropdown-item.active[b-90os47nnrx] {
    background-color: var(--bs-primary);
    color: var(--text-on-primary);
}

.language-selector .dropdown-item.active small[b-90os47nnrx] {
    color: rgba(var(--color-surface-rgb), 0.85);
}

.flag-emoji[b-90os47nnrx] {
    font-size: 1.25rem;
    line-height: 1;
}

.language-name[b-90os47nnrx] {
    flex: 1;
    font-weight: 500;
}

/* RTL Support */
[dir="rtl"] .language-selector .dropdown-menu[b-90os47nnrx] {
    text-align: right;
}

[dir="rtl"] .language-selector .dropdown-item[b-90os47nnrx] {
    flex-direction: row-reverse;
}

/* Dark mode support */
@media (prefers-color-scheme: dark) {
    .language-selector .dropdown-menu[b-90os47nnrx] {
        background-color: var(--bs-gray-800);
        border-color: var(--bs-gray-700);
    }

    .language-selector .dropdown-item[b-90os47nnrx] {
        color: var(--bs-gray-100);
    }

    .language-selector .dropdown-item:hover[b-90os47nnrx] {
        background-color: var(--bs-gray-700);
    }

    .language-selector .dropdown-item.active[b-90os47nnrx] {
        background-color: var(--bs-primary);
    }
}
/* /Components/Shared/NotificationDisplay.razor.rz.scp.css */
.notification-container[b-7tw6dr2gi8] {
    position: fixed;
    inset-block-start: calc(env(safe-area-inset-top, 0px) + var(--notification-top-offset, 0px) + var(--space-4));
    inset-inline-end: var(--space-5);
    inset-inline-start: auto;
    width: min(420px, calc(100vw - (2 * var(--space-5))));
    max-width: 100%;
    z-index: var(--z-toast);
    pointer-events: none;
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}

.notification-container .alert[b-7tw6dr2gi8] {
    margin: 0;
    background: var(--glass-surface);
    border: 1px solid var(--glass-border);
    box-shadow: var(--shadow-glass);
    animation: toastIn-b-7tw6dr2gi8 var(--dur) var(--ease);
    pointer-events: auto;
    display: flex;
    align-items: flex-start;
    gap: var(--space-2);
    padding: var(--space-3) var(--space-4);
    backdrop-filter: var(--glass-filter);
    -webkit-backdrop-filter: var(--glass-filter);
}

.notification-container .alert.alert-dismissible[b-7tw6dr2gi8] {
    padding-right: var(--space-4);
}

.notification-container .alert i[b-7tw6dr2gi8] {
    margin-right: 0;
    margin-top: 2px;
    flex: 0 0 auto;
}


.notification-container .alert span[b-7tw6dr2gi8] {
    flex: 1;
    min-width: 0;
}

.notification-container .alert .btn-close[b-7tw6dr2gi8] {
    margin-left: var(--space-2);
    flex: 0 0 auto;
    position: static;
}

@keyframes toastIn-b-7tw6dr2gi8 {
    from {
        transform: translateY(-6px);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

@media (max-width: 992px) {
    .notification-container[b-7tw6dr2gi8] {
        inset-inline-end: var(--space-4);
        width: min(420px, calc(100vw - (2 * var(--space-4))));
    }
}

@media (max-width: 768px) {
    .notification-container[b-7tw6dr2gi8] {
        inset-inline-end: var(--space-3);
        width: calc(100vw - (2 * var(--space-3)));
    }
}
/* /Components/Shared/PaymentPrompt.razor.rz.scp.css */
.payment-required-container[b-7ej4hiuy5v] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 60vh;
    padding: 2rem;
}

.payment-required-content[b-7ej4hiuy5v] {
    text-align: center;
    max-width: 400px;
    width: 100%;
    background: var(--glass-surface);
    border-radius: var(--radius-xl);
    padding: 3rem;
    box-shadow: var(--shadow-glass);
    border: 1px solid var(--glass-border);
    backdrop-filter: var(--glass-filter);
    -webkit-backdrop-filter: var(--glass-filter);
}

.icon[b-7ej4hiuy5v] {
    font-size: 3rem;
    color: var(--primary-color);
    margin-bottom: 1.5rem;
}

.payment-required-content h3[b-7ej4hiuy5v] {
    margin-bottom: 1rem;
    color: var(--text-primary);
}

.payment-required-content p[b-7ej4hiuy5v] {
    color: var(--text-secondary);
    margin-bottom: 2rem;
}

.price-display[b-7ej4hiuy5v] {
    margin: 2rem 0;
    padding: 1.5rem;
    background: rgba(var(--color-surface-rgb), 0.7);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-md);
}

.price[b-7ej4hiuy5v] {
    font-size: 2.5rem;
    font-weight: bold;
    color: var(--text-primary);
}

.currency[b-7ej4hiuy5v] {
    font-size: 1.2rem;
    color: var(--text-secondary);
    margin-left: 0.5rem;
}

.payment-methods[b-7ej4hiuy5v] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
    padding: var(--space-3);
    border-radius: var(--radius-lg);
    border: 1px solid var(--color-border);
    background: rgba(var(--color-surface-rgb), 0.6);
}

.payment-methods-title[b-7ej4hiuy5v] {
    font-size: 0.75rem;
    font-weight: 650;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--text-tertiary);
}

.payment-methods-list[b-7ej4hiuy5v] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-2);
}

.payment-method-pill[b-7ej4hiuy5v] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-1);
    padding: calc(var(--space-1) + 0.1rem) var(--space-3);
    border-radius: var(--radius-full);
    background: rgba(var(--color-surface-rgb), 0.8);
    border: 1px solid var(--color-border);
    color: var(--text-secondary);
    font-size: 0.8rem;
    font-weight: 600;
}

.payment-method-icon[b-7ej4hiuy5v] {
    font-size: 1em;
    line-height: 1;
}

.payment-options[b-7ej4hiuy5v] {
    margin: 2rem 0;
}

.payment-options .btn[b-7ej4hiuy5v] {
    padding: 0.75rem 2rem;
    font-size: 1.1rem;
}

.content-title[b-7ej4hiuy5v] {
    color: var(--text-primary);
}

.content-title small[b-7ej4hiuy5v] {
    color: var(--text-secondary);
}

.payment-security[b-7ej4hiuy5v] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    margin-top: 2rem;
    font-size: 0.875rem;
    color: var(--text-secondary);
}

.payment-security i[b-7ej4hiuy5v] {
    color: var(--success-color);
}
/* /Components/Shared/PayPerViewExpired.razor.rz.scp.css */
.ppv-expired-container[b-4ls64xm4eg] {
    position: relative;
}

.expired-icon[b-4ls64xm4eg] {
    font-size: 4rem;
    color: var(--warning-color);
    margin-bottom: 1.5rem;
}

.expired-message[b-4ls64xm4eg] {
    font-size: 1.1rem;
    color: var(--text-secondary);
    margin-bottom: 2rem;
}

.expired-details[b-4ls64xm4eg] {
    background: var(--bg-tertiary);
    border-radius: var(--radius-lg);
    padding: 1rem 1.25rem;
    margin-bottom: 2rem;
    border: 1px solid var(--color-border);
}

.expired-details p[b-4ls64xm4eg] {
    color: var(--text-secondary);
}

.repurchase-section[b-4ls64xm4eg] {
    margin-top: 2rem;
}

.price-display[b-4ls64xm4eg] {
    font-size: 2rem;
    font-weight: 700;
    color: var(--text-primary);
    margin-bottom: 1rem;
}

.price-currency[b-4ls64xm4eg] {
    font-size: 1.5rem;
    vertical-align: super;
}

.price-period[b-4ls64xm4eg] {
    font-size: 1rem;
    font-weight: 400;
    color: var(--text-secondary);
}
/* /Components/Shared/PayPerViewPrompt.razor.rz.scp.css */
.ppv-prompt-container[b-zqyso89r2x] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 60vh;
    padding: 2rem;
}

.ppv-prompt-card[b-zqyso89r2x] {
    background: var(--bg-card);
    border-radius: var(--radius-2xl);
    box-shadow: var(--shadow-md);
    padding: 3rem;
    max-width: 500px;
    width: 100%;
    text-align: center;
    border: 1px solid var(--color-border);
}

.ppv-icon[b-zqyso89r2x] {
    font-size: 4rem;
    color: var(--primary-color);
    margin-bottom: 1.5rem;
}

.ppv-prompt-card h2[b-zqyso89r2x] {
    font-family: var(--font-display);
    font-size: 1.75rem;
    font-weight: 400;
    letter-spacing: 0.02em;
    margin-bottom: 1rem;
    color: var(--text-primary);
}

.ppv-description[b-zqyso89r2x] {
    color: var(--text-secondary);
    font-size: 1.1rem;
    margin-bottom: 2rem;
}

.ppv-details[b-zqyso89r2x] {
    background: var(--bg-tertiary);
    border-radius: var(--radius-md);
    padding: 1.5rem;
    margin-bottom: 2rem;
}

.ppv-price-display[b-zqyso89r2x] {
    font-size: 3rem;
    font-weight: 700;
    color: var(--text-primary);
    margin-bottom: 0.5rem;
}

.ppv-currency[b-zqyso89r2x] {
    font-size: 2rem;
    vertical-align: super;
}

.ppv-viewing-window[b-zqyso89r2x] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    color: var(--text-secondary);
    font-size: 1.1rem;
}

.ppv-features[b-zqyso89r2x] {
    text-align: left;
    margin-bottom: 2rem;
}

.ppv-feature[b-zqyso89r2x] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 1rem;
    font-size: 1rem;
    color: var(--text-secondary);
}

.ppv-feature i[b-zqyso89r2x] {
    font-size: 1.25rem;
}

.ppv-secure-payment[b-zqyso89r2x] {
    margin-top: 1.5rem;
    color: var(--text-secondary);
    font-size: 0.875rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}

@media (max-width: 768px) {
    .ppv-prompt-container[b-zqyso89r2x] {
        padding: 1rem;
    }
    
    .ppv-prompt-card[b-zqyso89r2x] {
        padding: 2rem;
    }
    
    .ppv-icon[b-zqyso89r2x] {
        font-size: 3rem;
    }
    
    .ppv-price-display[b-zqyso89r2x] {
        font-size: 2.5rem;
    }
}
/* /Components/Shared/Pricing/PricingEditor.razor.rz.scp.css */
.pricing-editor[b-lzs5ielldk] {
    background-color: var(--bg-tertiary);
    border-radius: var(--radius-md);
    padding: 1.5rem;
    margin-bottom: 1.5rem;
}

.form-label[b-lzs5ielldk] {
    font-weight: 600;
    color: var(--text-primary);
    margin-bottom: 0.5rem;
}

.input-group[b-lzs5ielldk] {
    max-width: 300px;
}

.form-select[b-lzs5ielldk] {
    background-color: var(--bg-card);
    border: 1px solid var(--color-border);
}

.form-select:focus[b-lzs5ielldk] {
    border-color: var(--primary-color);
    box-shadow: var(--focus-ring);
}

.form-control[b-lzs5ielldk] {
    background-color: var(--bg-card);
    border: 1px solid var(--color-border);
}

.form-control:focus[b-lzs5ielldk] {
    border-color: var(--primary-color);
    box-shadow: var(--focus-ring);
}

.form-check-input:checked[b-lzs5ielldk] {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}
/* /Components/Shared/RichTextEditor.razor.rz.scp.css */
.rich-text-editor[b-wal8ahcw92] {
    border: 1px solid var(--color-border);
    border-radius: var(--radius-xl);
    background: rgba(var(--color-surface-rgb), 0.72);
    overflow: visible;
}

.sl-rich-text-editor[b-wal8ahcw92]  .ql-toolbar {
    border: none;
    border-bottom: 1px solid var(--glass-border);
    background: rgba(var(--color-surface-rgb), 0.6);
    padding: var(--space-2) var(--space-3);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--space-2);
}

.sl-rich-text-editor[b-wal8ahcw92]  .ql-toolbar:after {
    display: none;
}

.sl-rich-text-editor[b-wal8ahcw92]  .ql-toolbar .ql-formats {
    margin-right: 0;
    display: inline-flex;
    align-items: center;
    gap: var(--space-1);
}

.sl-rich-text-editor[b-wal8ahcw92]  .ql-toolbar button {
    float: none;
    width: 34px;
    height: 34px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-full);
    border: 1px solid transparent;
    background: rgba(var(--color-surface-rgb), 0.5);
}

.sl-rich-text-editor[b-wal8ahcw92]  .ql-toolbar button svg {
    float: none;
    width: 18px;
    height: 18px;
}

.sl-rich-text-editor[b-wal8ahcw92]  .ql-container {
    border: none;
    font-family: var(--font-sans);
}

.sl-rich-text-editor[b-wal8ahcw92]  .ql-editor {
    min-height: 200px;
    font-size: 1rem;
    line-height: 1.6;
    padding: var(--space-4);
}

.sl-rich-text-editor[b-wal8ahcw92]  .ql-editor.ql-blank::before {
    color: var(--text-light);
    font-style: normal;
}

/* Divider + callouts (Notion-like blocks) */
.sl-rich-text-editor[b-wal8ahcw92]  .ql-editor hr {
    border: 0;
    border-top: 1px solid var(--glass-border);
    margin: var(--space-4) 0;
}

.sl-rich-text-editor[b-wal8ahcw92]  .ql-editor blockquote {
    margin: var(--space-4) 0;
    padding: var(--space-3) var(--space-4);
    border-radius: var(--radius-lg);
    border: 1px solid var(--glass-border);
    border-left: 4px solid rgba(var(--color-accent-rgb), 0.35);
    background: rgba(var(--color-surface-rgb), 0.55);
    backdrop-filter: var(--glass-filter);
    -webkit-backdrop-filter: var(--glass-filter);
}

.sl-rich-text-editor[b-wal8ahcw92]  .ql-snow .ql-tooltip {
    background-color: var(--bg-card);
    border: 1px solid var(--color-border);
    box-shadow: var(--shadow-sm);
    color: var(--text-primary);
    z-index: 1050;
}

.sl-rich-text-editor[b-wal8ahcw92]  .ql-toolbar button:hover,
.sl-rich-text-editor[b-wal8ahcw92]  .ql-toolbar button:focus,
.sl-rich-text-editor[b-wal8ahcw92]  .ql-toolbar button.ql-active,
.sl-rich-text-editor[b-wal8ahcw92]  .ql-toolbar .ql-picker-label:hover,
.sl-rich-text-editor[b-wal8ahcw92]  .ql-toolbar .ql-picker-label.ql-active,
.sl-rich-text-editor[b-wal8ahcw92]  .ql-toolbar .ql-picker-item:hover,
.sl-rich-text-editor[b-wal8ahcw92]  .ql-toolbar .ql-picker-item.ql-selected {
    color: var(--color-accent);
}

.sl-rich-text-editor[b-wal8ahcw92]  .ql-toolbar button:hover .ql-fill,
.sl-rich-text-editor[b-wal8ahcw92]  .ql-toolbar button:focus .ql-fill,
.sl-rich-text-editor[b-wal8ahcw92]  .ql-toolbar button.ql-active .ql-fill,
.sl-rich-text-editor[b-wal8ahcw92]  .ql-toolbar .ql-picker-label:hover .ql-fill,
.sl-rich-text-editor[b-wal8ahcw92]  .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.sl-rich-text-editor[b-wal8ahcw92]  .ql-toolbar .ql-picker-item:hover .ql-fill,
.sl-rich-text-editor[b-wal8ahcw92]  .ql-toolbar .ql-picker-item.ql-selected .ql-fill {
    fill: var(--color-accent);
}

.sl-rich-text-editor[b-wal8ahcw92]  .ql-toolbar button:hover .ql-stroke,
.sl-rich-text-editor[b-wal8ahcw92]  .ql-toolbar button:focus .ql-stroke,
.sl-rich-text-editor[b-wal8ahcw92]  .ql-toolbar button.ql-active .ql-stroke,
.sl-rich-text-editor[b-wal8ahcw92]  .ql-toolbar .ql-picker-label:hover .ql-stroke,
.sl-rich-text-editor[b-wal8ahcw92]  .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.sl-rich-text-editor[b-wal8ahcw92]  .ql-toolbar .ql-picker-item:hover .ql-stroke,
.sl-rich-text-editor[b-wal8ahcw92]  .ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
    stroke: var(--color-accent);
}

/* Video embeds */
.sl-rich-text-editor[b-wal8ahcw92]  .ql-video {
    width: 100%;
    height: 400px;
    max-width: 100%;
}

/* Code blocks */
.sl-rich-text-editor[b-wal8ahcw92]  .ql-syntax {
    background-color: var(--gray-100);
    border-radius: var(--radius-sm);
    padding: 1rem;
    overflow-x: auto;
    font-family: var(--font-mono);
}
/* /Components/Shared/ShareContentButton.razor.rz.scp.css */
.share-content-modal .modal-dialog[b-9a3cg0zzzu] {
    max-width: 720px;
}

.share-content-modal .list-group[b-9a3cg0zzzu] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
    border: none;
}

.share-content-modal .list-group-item[b-9a3cg0zzzu] {
    border: 1px solid var(--color-border);
    border-radius: var(--radius-lg);
    background: var(--bg-primary);
    box-shadow: var(--shadow-sm);
    padding: var(--space-3);
}

.share-link-item[b-9a3cg0zzzu] {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}

.share-link-header[b-9a3cg0zzzu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-2);
    flex-wrap: wrap;
}

.share-link-title-group[b-9a3cg0zzzu] {
    display: flex;
    align-items: center;
    gap: var(--space-2);
    flex-wrap: wrap;
    min-width: 0;
}

.share-link-title[b-9a3cg0zzzu] {
    font-size: var(--text-base);
    font-weight: 600;
    color: var(--text-primary);
}

.share-link-meta[b-9a3cg0zzzu] {
    font-size: var(--text-sm);
    color: var(--text-tertiary);
}

.share-content-modal .badge[b-9a3cg0zzzu] {
    font-size: 0.75rem;
    font-weight: 600;
}

.create-new-link[b-9a3cg0zzzu] {
    margin-top: var(--space-3);
}