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

/* /App/Layout/BaseLayout.razor.rz.scp.css */
.layout-wrapper[b-5dga0lzwbg] {
    background: #f8fafc;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

.layout-content[b-5dga0lzwbg] {
    flex: 1;
    width: 100%;
}

.layout-content.layout-content--full[b-5dga0lzwbg] {
    max-width: none;
    padding: 0;
}

@media (max-width: 768px) {
    .layout-content[b-5dga0lzwbg] {
        padding: 16px;
    }

    .layout-content.layout-content--full[b-5dga0lzwbg] {
        padding: 0;
    }
}
/* /App/Layout/MainLayout.razor.rz.scp.css */
.page[b-5ddorpvyva] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-5ddorpvyva] {
    flex: 1;
}

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

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

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

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

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

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

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

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

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

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

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

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

#blazor-error-ui[b-5ddorpvyva] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-5ddorpvyva] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Components/AppBar.razor.rz.scp.css */
/* Wrapper provides the Blazor scope anchor for ::deep */

.app-bar-wrapper[b-tzt2q0ndu8] {
	position: sticky;
	top: 0;
	z-index: 100;
}

/* DxMenu as app bar */

[b-tzt2q0ndu8] .app-bar {
	backdrop-filter: blur(20px);
	background: rgba(255, 255, 255, 0.95);
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);
}

[b-tzt2q0ndu8] .app-bar .dxbl-menu-bar {
	background: transparent;
	border: none;
	box-shadow: none;
	margin: 0 auto;
	min-height: 64px;
	padding: 0 24px;
}

/* Vertical centering for all menu items */

[b-tzt2q0ndu8] .app-bar .dxbl-menu-item-list {
	align-items: center;
}

/* Logo */

.logo[b-tzt2q0ndu8] {
	align-items: center;
	display: flex;
	flex-shrink: 0;
	gap: 8px;
	margin-right: 8px;
	text-decoration: none;
}

.logo img[b-tzt2q0ndu8] {
	height: 44px;
	width: auto;
}

.admin-badge[b-tzt2q0ndu8] {
	background: #ef4444;
	border-radius: 6px;
	color: white;
	font-size: 11px;
	font-weight: 600;
	padding: 4px 8px;
	text-transform: uppercase;
}

/* Navigation items */

[b-tzt2q0ndu8] .app-bar .dxbl-menu-item-text-container {
	color: #374151;
	font-size: 14px;
	font-weight: 500;
	padding: 4px 0;
	transition: color 0.2s;
	white-space: nowrap;
}

[b-tzt2q0ndu8] .app-bar .dxbl-menu-list-item:hover .dxbl-menu-item-text-container {
	color: #005A83;
}

/* Active page indicator */

[b-tzt2q0ndu8] .app-bar .active-nav-item .dxbl-menu-item-text-container {
	color: #005A83;
	font-weight: 600;
}

[b-tzt2q0ndu8] .app-bar li.active-nav-item {
	position: relative !important;
}

[b-tzt2q0ndu8] .app-bar .active-nav-item::after {
	background: #0096C8;
	border-radius: 3px 3px 0 0;
	bottom: 0;
	content: "";
	height: 3px;
	left: 0;
	position: absolute;
	right: 0;
}

/* Right-aligned template items: no hover bg */

[b-tzt2q0ndu8] .app-bar .no-toggle:hover {
	background: transparent;
}

/* Responsive */

@media (max-width: 1200px) {
	[b-tzt2q0ndu8] .app-bar .dxbl-menu-bar {
		padding: 0 16px;
	}
}

@media (max-width: 768px) {
	[b-tzt2q0ndu8] .userEntity-info {
		display: none;
	}

	[b-tzt2q0ndu8] .app-bar .dxbl-menu-bar {
		padding: 0 16px;
	}
}

@media (max-width: 480px) {
	[b-tzt2q0ndu8] .app-bar .dxbl-menu-bar {
		padding: 0 12px;
	}
}
/* /Components/Components/AppErrorBoundary.razor.rz.scp.css */
.error-boundary-panel[b-s1ovqd7fw9] {
	align-items: center;
	background: white;
	border: 1px solid rgba(0, 0, 0, 0.06);
	border-radius: 16px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin: 40px auto;
	max-width: 480px;
	padding: 40px;
	text-align: center;
}

.error-boundary-icon[b-s1ovqd7fw9] {
	align-items: center;
	background: rgba(239, 68, 68, 0.1);
	border-radius: 50%;
	color: #ef4444;
	display: flex;
	height: 56px;
	justify-content: center;
	width: 56px;
}

.error-boundary-icon .material-icons[b-s1ovqd7fw9] {
	font-size: 28px;
}

.error-boundary-title[b-s1ovqd7fw9] {
	color: #1f2937;
	font-size: 18px;
	font-weight: 600;
	margin: 0;
}

.error-boundary-text[b-s1ovqd7fw9] {
	color: #6b7280;
	font-size: 14px;
	line-height: 1.5;
	margin: 0;
}
/* /Components/Components/AppFooter.razor.rz.scp.css */
.app-footer[b-cjrzzn2h1x] {
    border-top: 1px solid #e5e7eb;
    color: #9ca3af;
    font-size: 11px;
    letter-spacing: 0.3px;
    margin-top: auto;
    padding: 16px 24px;
    text-align: center;
}

.footer-separator[b-cjrzzn2h1x] {
    margin: 0 8px;
    opacity: 0.5;
}

.footer-checksum[b-cjrzzn2h1x] {
    font-family: 'Courier New', monospace;
    font-size: 10px;
}
/* /Components/Components/Dashboard/DashboardApplicationStatus.razor.rz.scp.css */
/* Card container */
.app-status-card[b-oeiibt53ye] {
    background: white;
    border-radius: 16px;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08);
    overflow: hidden;
    padding: 28px 32px 32px;
    position: relative;
}

.app-status-card[b-oeiibt53ye]::before {
    background: linear-gradient(135deg, #005A83 0%, #0096C8 50%, #0a7a6a 100%);
    content: '';
    height: 3px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

/* Header */
.app-status-header[b-oeiibt53ye] {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 28px;
}

.app-status-title[b-oeiibt53ye] {
    color: var(--gray-900);
    font-size: 20px;
    font-weight: 700;
    margin: 0;
}

.app-status-badge[b-oeiibt53ye] {
    border-radius: 20px;
    font-size: 12px;
    font-weight: 600;
    padding: 4px 14px;
}

.badge-pending[b-oeiibt53ye] {
    background: #eff6ff;
    color: #1d4ed8;
}

.badge-review[b-oeiibt53ye] {
    background: #f0fdf4;
    color: #15803d;
}

.badge-action[b-oeiibt53ye] {
    background: #fffbeb;
    color: #b45309;
}

.badge-approved[b-oeiibt53ye] {
    background: #f0fdf4;
    color: #15803d;
}

/* Timeline wrapper */
.timeline-wrapper[b-oeiibt53ye] {
    margin-bottom: 28px;
    overflow-x: auto;
    padding: 8px 0;
}

/* The rail is the horizontal strip holding all columns */
.timeline-rail[b-oeiibt53ye] {
    display: flex;
    min-width: max-content;
    position: relative;
}

/* Horizontal line running through the dot row */
.timeline-rail[b-oeiibt53ye]::before {
    background: #e2e8f0;
    content: '';
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: 50%;
    z-index: 0;
}

/* Each marker column */
.tl-col[b-oeiibt53ye] {
    display: flex;
    flex-direction: column;
    flex: 0 0 auto;
    min-width: 100px;
    position: relative;
}

/* Above / below content areas */
.tl-above[b-oeiibt53ye],
.tl-below[b-oeiibt53ye] {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: 64px;
    justify-content: flex-end;
}

.tl-below[b-oeiibt53ye] {
    justify-content: flex-start;
}

.tl-hidden[b-oeiibt53ye] {
    visibility: hidden;
}

/* Dot row - sits on the horizontal line */
.tl-dot-row[b-oeiibt53ye] {
    align-items: center;
    display: flex;
    height: 36px;
    justify-content: center;
    position: relative;
    z-index: 1;
}

/* Base dot style */
.tl-dot[b-oeiibt53ye] {
    align-items: center;
    background: #e2e8f0;
    border: 2px solid #e2e8f0;
    border-radius: 50%;
    display: flex;
    height: 12px;
    justify-content: center;
    transition: all 0.3s ease;
    width: 12px;
}

/* Main stage dots are larger */
.tl-dot-main[b-oeiibt53ye] {
    height: 32px;
    width: 32px;
}

.tl-dot-icon[b-oeiibt53ye] {
    color: white;
    font-size: 16px;
}

/* Dot color variants */
.tl-dot-completed[b-oeiibt53ye] {
    background: #0a7a6a;
    border-color: #0a7a6a;
}

.tl-dot-active[b-oeiibt53ye] {
    animation: pulse-ring-b-oeiibt53ye 2s ease-in-out infinite;
    background: #005A83;
    border-color: #005A83;
    box-shadow: 0 0 0 4px rgba(0, 90, 131, 0.15);
}

.tl-dot-action[b-oeiibt53ye] {
    animation: pulse-ring-amber-b-oeiibt53ye 2s ease-in-out infinite;
    background: #d97706;
    border-color: #d97706;
    box-shadow: 0 0 0 4px rgba(217, 119, 6, 0.15);
}

.tl-dot-future[b-oeiibt53ye] {
    background: white;
    border-color: #d1d5db;
}

.tl-dot-done[b-oeiibt53ye] {
    background: #94a3b8;
    border-color: #94a3b8;
}

/* Stems - vertical dashed connectors between dot and card */
.tl-stem[b-oeiibt53ye] {
    border-left: 2px dashed #cbd5e1;
    height: 16px;
    margin: 0 auto;
    width: 0;
}

.tl-stem-main[b-oeiibt53ye] {
    border-left-style: solid;
    border-left-width: 2px;
}

.tl-stem-done[b-oeiibt53ye] {
    border-color: #94a3b8;
}

.tl-stem-future[b-oeiibt53ye] {
    border-color: #d1d5db;
}

/* Cards */
.tl-card[b-oeiibt53ye] {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    max-width: 140px;
    padding: 6px 10px;
    text-align: center;
}

.tl-card-title[b-oeiibt53ye] {
    color: var(--gray-600);
    display: block;
    font-size: 11px;
    font-weight: 500;
    line-height: 1.3;
}

.tl-card-date[b-oeiibt53ye] {
    color: var(--gray-400);
    display: block;
    font-size: 10px;
    margin-top: 2px;
}

/* Main stage cards */
.tl-card-main[b-oeiibt53ye] {
    background: white;
    border-width: 1px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
}

.tl-card-main .tl-card-title[b-oeiibt53ye] {
    color: var(--gray-800);
    font-size: 12px;
    font-weight: 700;
}

/* Card color accents via left border */
.tl-card-main.tl-dot-completed[b-oeiibt53ye] {
    border-left: 3px solid #0a7a6a;
}

.tl-card-main.tl-dot-completed .tl-card-title[b-oeiibt53ye] {
    color: #0a7a6a;
}

.tl-card-main.tl-dot-active[b-oeiibt53ye] {
    animation: none;
    border-left: 3px solid #005A83;
    box-shadow: 0 2px 8px rgba(0, 90, 131, 0.12);
}

.tl-card-main.tl-dot-active .tl-card-title[b-oeiibt53ye] {
    color: #005A83;
}

.tl-card-main.tl-dot-action[b-oeiibt53ye] {
    animation: none;
    border-left: 3px solid #d97706;
    box-shadow: 0 2px 8px rgba(217, 119, 6, 0.12);
}

.tl-card-main.tl-dot-action .tl-card-title[b-oeiibt53ye] {
    color: #d97706;
}

.tl-card-main.tl-dot-future[b-oeiibt53ye] {
    border-left: 3px solid #d1d5db;
    opacity: 0.7;
}

/* Sub-step card variants */
.tl-card-done[b-oeiibt53ye] {
    border-color: #e2e8f0;
}

.tl-card-future[b-oeiibt53ye] {
    border-color: #e2e8f0;
    opacity: 0.5;
}

/* Pulse animations */
@keyframes pulse-ring-b-oeiibt53ye {
    0% { box-shadow: 0 0 0 4px rgba(0, 90, 131, 0.15); }
    50% { box-shadow: 0 0 0 8px rgba(0, 90, 131, 0.05); }
    100% { box-shadow: 0 0 0 4px rgba(0, 90, 131, 0.15); }
}

@keyframes pulse-ring-amber-b-oeiibt53ye {
    0% { box-shadow: 0 0 0 4px rgba(217, 119, 6, 0.15); }
    50% { box-shadow: 0 0 0 8px rgba(217, 119, 6, 0.05); }
    100% { box-shadow: 0 0 0 4px rgba(217, 119, 6, 0.15); }
}

/* Status message area */
.status-message-area[b-oeiibt53ye] {
    background: #f8fafc;
    border-radius: 12px;
    padding: 20px 24px;
}

.status-message[b-oeiibt53ye] {
    color: var(--gray-600);
    font-size: 14px;
    line-height: 1.6;
    margin: 0;
}

/* Action buttons */
.action-buttons[b-oeiibt53ye] {
    display: flex;
    gap: 12px;
    margin-top: 16px;
}

.action-btn[b-oeiibt53ye] {
    align-items: center;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    display: inline-flex;
    font-size: 13px;
    font-weight: 600;
    gap: 6px;
    padding: 10px 20px;
    transition: all 0.2s ease;
}

.action-btn .material-icons[b-oeiibt53ye] {
    font-size: 18px;
}

.action-btn.primary[b-oeiibt53ye] {
    background: #005A83;
    color: white;
}

.action-btn.primary:hover[b-oeiibt53ye] {
    background: #004a6d;
    box-shadow: 0 2px 8px rgba(0, 90, 131, 0.3);
}

.action-btn.secondary[b-oeiibt53ye] {
    background: white;
    border: 1px solid var(--gray-300);
    color: var(--gray-700);
}

.action-btn.secondary:hover[b-oeiibt53ye] {
    background: var(--gray-50);
    border-color: var(--gray-400);
}

.action-btn:disabled[b-oeiibt53ye] {
    cursor: not-allowed;
    opacity: 0.6;
}

/* Responsive: stack vertically on mobile */
@media (max-width: 600px) {
    .app-status-card[b-oeiibt53ye] {
        padding: 24px 16px 28px;
    }

    .timeline-wrapper[b-oeiibt53ye] {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .tl-col[b-oeiibt53ye] {
        min-width: 80px;
    }

    .tl-card[b-oeiibt53ye] {
        max-width: 110px;
        padding: 4px 8px;
    }

    .action-buttons[b-oeiibt53ye] {
        flex-direction: column;
    }

    .action-btn[b-oeiibt53ye] {
        justify-content: center;
    }
}
/* /Components/Components/Dashboard/DashboardAvailability.razor.rz.scp.css */
.data-card[b-mcevbkshkl] {
	background: white;
	border: 1px solid rgba(0, 0, 0, 0.06);
	border-radius: 16px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
	display: flex;
	flex-direction: column;
	overflow: hidden;
}

.card-header[b-mcevbkshkl] {
	align-items: center;
	border-bottom: 1px solid #f3f4f6;
	display: flex;
	justify-content: space-between;
	padding: 20px 24px;
}

.card-title[b-mcevbkshkl] {
	color: #1f2937;
	font-size: 16px;
	font-weight: 700;
	margin: 0;
}

.header-link[b-mcevbkshkl] {
	color: #005A83;
	font-size: 13px;
	font-weight: 600;
	text-decoration: none;
	transition: color 0.2s;
}

.header-link:hover[b-mcevbkshkl] {
	color: #0096C8;
}

.week-grid[b-mcevbkshkl] {
	display: grid;
	gap: 4px;
	grid-template-columns: repeat(7, 1fr);
	padding: 20px 16px;
}

.day-cell[b-mcevbkshkl] {
	align-items: center;
	border-radius: 10px;
	display: flex;
	flex-direction: column;
	gap: 6px;
	padding: 12px 4px;
	text-align: center;
	transition: background 0.2s;
}

.day-cell:hover[b-mcevbkshkl] {
	background: #f9fafb;
}

.day-cell.today[b-mcevbkshkl] {
	background: #f0f7ff;
}

.day-abbr[b-mcevbkshkl] {
	color: #6b7280;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

.day-cell.today .day-abbr[b-mcevbkshkl] {
	color: #005A83;
	font-weight: 700;
}

.day-num-wrapper[b-mcevbkshkl] {
	align-items: center;
	border-radius: 50%;
	display: flex;
	height: 36px;
	justify-content: center;
	width: 36px;
}

.day-num-wrapper.today-circle[b-mcevbkshkl] {
	background: #005A83;
}

.day-num[b-mcevbkshkl] {
	color: #374151;
	font-size: 15px;
	font-weight: 600;
}

.today-circle .day-num[b-mcevbkshkl] {
	color: white;
}

.day-slots[b-mcevbkshkl] {
	color: #10b981;
	font-size: 11px;
	font-weight: 600;
}

.day-cell.off .day-slots[b-mcevbkshkl] {
	color: #d1d5db;
}

@media (max-width: 767px) {
	.card-header[b-mcevbkshkl] {
		padding: 16px;
	}

	.week-grid[b-mcevbkshkl] {
		gap: 2px;
		padding: 16px 12px;
	}

	.day-cell[b-mcevbkshkl] {
		padding: 8px 2px;
	}
}

@media (max-width: 480px) {
	.week-grid[b-mcevbkshkl] {
		gap: 2px;
		padding: 12px 8px;
	}

	.day-cell[b-mcevbkshkl] {
		padding: 6px 1px;
	}

	.day-num-wrapper[b-mcevbkshkl] {
		height: 28px;
		width: 28px;
	}

	.day-num[b-mcevbkshkl] {
		font-size: 13px;
	}

	.day-abbr[b-mcevbkshkl] {
		font-size: 10px;
	}

	.day-slots[b-mcevbkshkl] {
		font-size: 10px;
	}
}
/* /Components/Components/Dashboard/DashboardEarningsOverview.razor.rz.scp.css */
.data-card[b-p853j42rfc] {
	background: white;
	border: 1px solid rgba(0, 0, 0, 0.06);
	border-radius: 16px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
	display: flex;
	flex-direction: column;
	overflow: hidden;
}

.card-header[b-p853j42rfc] {
	align-items: center;
	border-bottom: 1px solid #f3f4f6;
	display: flex;
	justify-content: space-between;
	padding: 20px 24px;
}

.card-title[b-p853j42rfc] {
	color: #1f2937;
	font-size: 16px;
	font-weight: 700;
	margin: 0;
}

.earnings-sparkline[b-p853j42rfc] {
	flex-shrink: 0;
}

/* Earnings grid */

.earnings-grid[b-p853j42rfc] {
	display: grid;
	gap: 12px;
	grid-template-columns: repeat(3, 1fr);
	padding: 20px 24px;
}

.earnings-box[b-p853j42rfc] {
	background: rgba(0, 90, 131, 0.04);
	border: 1px solid #005A83;
	border-radius: 12px;
	display: flex;
	flex-direction: column;
	gap: 4px;
	padding: 14px;
}

.earnings-label[b-p853j42rfc] {
	color: #6b7280;
	font-size: 13px;
	font-weight: 500;
}

.earnings-amount[b-p853j42rfc] {
	color: #005A83;
	font-size: 28px;
	font-weight: 800;
	line-height: 1.2;
}

.earnings-detail[b-p853j42rfc] {
	align-items: center;
	color: #6b7280;
	display: flex;
	font-size: 12px;
	font-weight: 400;
	gap: 4px;
}

.earnings-detail.trend-up[b-p853j42rfc] {
	color: #10b981;
}

.earnings-detail .material-icons[b-p853j42rfc] {
	font-size: 14px;
}

/* Chart section */

.chart-section[b-p853j42rfc] {
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding: 20px 24px;
}

.chart-label[b-p853j42rfc] {
	color: #6b7280;
	font-size: 12px;
	font-weight: 600;
}

[b-p853j42rfc] .earnings-chart {
	height: 180px;
	width: 100%;
}

.chart-empty-state[b-p853j42rfc] {
	align-items: center;
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 32px 16px;
}

.chart-empty-icon[b-p853j42rfc] {
	color: #d1d5db;
	font-size: 36px;
}

.chart-empty-title[b-p853j42rfc] {
	color: #6b7280;
	font-size: 14px;
	font-weight: 600;
	margin: 0;
}

.chart-empty-description[b-p853j42rfc] {
	color: #9ca3af;
	font-size: 13px;
	margin: 0;
	text-align: center;
}


@media (max-width: 767px) {
	.card-header[b-p853j42rfc] {
		padding: 16px;
	}

	.earnings-grid[b-p853j42rfc] {
		padding: 16px;
	}

	.chart-section[b-p853j42rfc] {
		padding: 16px;
	}

	.earnings-amount[b-p853j42rfc] {
		font-size: 22px;
	}
}

@media (max-width: 600px) {
	.earnings-grid[b-p853j42rfc] {
		grid-template-columns: 1fr;
	}
}
/* /Components/Components/Dashboard/DashboardFeedback.razor.rz.scp.css */
.data-card[b-r842sub8wo] {
	background: white;
	border: 1px solid rgba(0, 0, 0, 0.06);
	border-radius: 16px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
	display: flex;
	flex-direction: column;
	overflow: hidden;
}

.card-header[b-r842sub8wo] {
	align-items: center;
	border-bottom: 1px solid #f3f4f6;
	display: flex;
	justify-content: space-between;
	padding: 20px 24px;
}

.card-title[b-r842sub8wo] {
	color: #1f2937;
	font-size: 16px;
	font-weight: 700;
	margin: 0;
}

/* Empty state */

.empty-state[b-r842sub8wo] {
	align-items: center;
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 32px 16px;
}

.empty-icon[b-r842sub8wo] {
	color: #d1d5db;
	font-size: 36px;
}

.empty-title[b-r842sub8wo] {
	color: #6b7280;
	font-size: 14px;
	font-weight: 600;
	margin: 0;
}

.empty-description[b-r842sub8wo] {
	color: #9ca3af;
	font-size: 13px;
	margin: 0;
	text-align: center;
}

/* Feedback list */

.feedback-list[b-r842sub8wo] {
	display: flex;
	flex-direction: column;
	max-height: 400px;
	overflow-y: auto;
	padding: 8px 0;
}

.feedback-item[b-r842sub8wo] {
	border-bottom: 1px solid #f9fafb;
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 16px 24px;
	transition: background 0.15s;
}

.feedback-item:last-child[b-r842sub8wo] {
	border-bottom: none;
}

.feedback-item:hover[b-r842sub8wo] {
	background: #f9fafb;
}

.feedback-top[b-r842sub8wo] {
	align-items: center;
	display: flex;
	gap: 10px;
}

.feedback-info[b-r842sub8wo] {
	display: flex;
	flex-direction: column;
	gap: 1px;
}

.feedback-name[b-r842sub8wo] {
	color: #1f2937;
	font-size: 13px;
	font-weight: 600;
}

.feedback-date[b-r842sub8wo] {
	color: #9ca3af;
	font-size: 12px;
}

.feedback-text[b-r842sub8wo] {
	color: #4b5563;
	font-size: 13px;
	line-height: 1.5;
	margin: 0;
}

@media (max-width: 767px) {
	.card-header[b-r842sub8wo] {
		padding: 16px;
	}

	.feedback-item[b-r842sub8wo] {
		padding: 12px 16px;
	}
}

@media (max-width: 480px) {
	.feedback-item[b-r842sub8wo] {
		padding: 10px 12px;
	}
}
/* /Components/Components/Dashboard/DashboardPayouts.razor.rz.scp.css */
.data-card[b-rzjg2c084k] {
	background: white;
	border: 1px solid rgba(0, 0, 0, 0.06);
	border-radius: 16px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
	display: flex;
	flex-direction: column;
	overflow: hidden;
}

.card-header[b-rzjg2c084k] {
	align-items: center;
	border-bottom: 1px solid #f3f4f6;
	display: flex;
	justify-content: space-between;
	padding: 20px 24px;
}

.card-title[b-rzjg2c084k] {
	color: #1f2937;
	font-size: 16px;
	font-weight: 700;
	margin: 0;
}

.header-link[b-rzjg2c084k] {
	color: #005A83;
	font-size: 13px;
	font-weight: 600;
	text-decoration: none;
	transition: color 0.2s;
}

.header-link:hover[b-rzjg2c084k] {
	color: #0096C8;
}

/* Next payout */

.next-payout[b-rzjg2c084k] {
	align-items: center;
	background: #f0f7ff;
	border-bottom: 1px solid #f3f4f6;
	display: flex;
	gap: 12px;
	padding: 16px 24px;
}

.next-payout-icon[b-rzjg2c084k] {
	align-items: center;
	background: #005A83;
	border-radius: 10px;
	display: flex;
	flex-shrink: 0;
	height: 40px;
	justify-content: center;
	width: 40px;
}

.next-payout-icon .material-icons[b-rzjg2c084k] {
	color: white;
	font-size: 20px;
}

.next-payout-info[b-rzjg2c084k] {
	display: flex;
	flex: 1;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
}

.next-payout-title[b-rzjg2c084k] {
	color: #1f2937;
	font-size: 14px;
	font-weight: 600;
}

.next-payout-detail[b-rzjg2c084k] {
	color: #6b7280;
	font-size: 12px;
}

.next-payout-amount[b-rzjg2c084k] {
	color: #005A83;
	font-size: 20px;
	font-weight: 700;
}

/* Recent payouts */

.recent-payouts-section[b-rzjg2c084k] {
	display: flex;
	flex-direction: column;
	padding: 16px 24px 20px;
}

.section-label[b-rzjg2c084k] {
	color: #9ca3af;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0.06em;
	margin-bottom: 12px;
	text-transform: uppercase;
}

/* Empty state */

.payouts-empty-state[b-rzjg2c084k] {
	align-items: center;
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 32px 16px;
}

.payouts-empty-icon[b-rzjg2c084k] {
	color: #d1d5db;
	font-size: 36px;
}

.payouts-empty-title[b-rzjg2c084k] {
	color: #6b7280;
	font-size: 14px;
	font-weight: 600;
	margin: 0;
}

.payouts-empty-description[b-rzjg2c084k] {
	color: #9ca3af;
	font-size: 13px;
	margin: 0;
	text-align: center;
}

/* Payout list */

.payouts-list[b-rzjg2c084k] {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.payout-row[b-rzjg2c084k] {
	align-items: center;
	border-radius: 8px;
	display: flex;
	gap: 12px;
	padding: 10px 12px;
	transition: background 0.15s;
}

.payout-row:hover[b-rzjg2c084k] {
	background: #f9fafb;
}

.payout-status-icon[b-rzjg2c084k] {
	align-items: center;
	border-radius: 8px;
	display: flex;
	flex-shrink: 0;
	height: 32px;
	justify-content: center;
	width: 32px;
}

.payout-status-icon .material-icons[b-rzjg2c084k] {
	font-size: 16px;
}

.payout-status-icon.paid[b-rzjg2c084k] {
	background: #dcfce7;
	color: #166534;
}

.payout-status-icon.processing[b-rzjg2c084k] {
	background: #fef3c7;
	color: #92400e;
}

.payout-status-icon.upcoming[b-rzjg2c084k] {
	background: #dbeafe;
	color: #1e40af;
}

.payout-status-icon.failed[b-rzjg2c084k] {
	background: #fee2e2;
	color: #991b1b;
}

.payout-info[b-rzjg2c084k] {
	display: flex;
	flex: 1;
	flex-direction: column;
	gap: 1px;
	min-width: 0;
}

.payout-name[b-rzjg2c084k] {
	color: #1f2937;
	font-size: 13px;
	font-weight: 600;
}

.payout-date[b-rzjg2c084k] {
	color: #9ca3af;
	font-size: 12px;
}

.payout-right[b-rzjg2c084k] {
	align-items: flex-end;
	display: flex;
	flex-direction: column;
	flex-shrink: 0;
	gap: 2px;
}

.payout-amount[b-rzjg2c084k] {
	color: #1f2937;
	font-size: 14px;
	font-weight: 700;
}

.payout-badge[b-rzjg2c084k] {
	border-radius: 6px;
	font-size: 11px;
	font-weight: 600;
	padding: 2px 8px;
}

.payout-badge.paid[b-rzjg2c084k] {
	background: #dcfce7;
	color: #166534;
}

.payout-badge.processing[b-rzjg2c084k] {
	background: #fef3c7;
	color: #92400e;
}

.payout-badge.upcoming[b-rzjg2c084k] {
	background: #dbeafe;
	color: #1e40af;
}

.payout-badge.failed[b-rzjg2c084k] {
	background: #fee2e2;
	color: #991b1b;
}

@media (max-width: 767px) {
	.card-header[b-rzjg2c084k] {
		padding: 16px;
	}

	.next-payout[b-rzjg2c084k] {
		padding: 12px 16px;
	}

	.recent-payouts-section[b-rzjg2c084k] {
		padding: 12px 16px 16px;
	}

	.payout-row[b-rzjg2c084k] {
		padding: 8px 8px;
	}
}

@media (max-width: 480px) {
	.next-payout-amount[b-rzjg2c084k] {
		font-size: 17px;
	}

	.payout-amount[b-rzjg2c084k] {
		font-size: 13px;
	}
}
/* /Components/Components/Dashboard/DashboardPerformanceStats.razor.rz.scp.css */
.data-card[b-tuo3e1ma1b] {
	background: white;
	border: 1px solid rgba(0, 0, 0, 0.06);
	border-radius: 16px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
	display: flex;
	flex-direction: column;
	overflow: hidden;
}

.card-header[b-tuo3e1ma1b] {
	align-items: center;
	border-bottom: 1px solid #f3f4f6;
	display: flex;
	justify-content: space-between;
	padding: 20px 24px;
}

.card-title[b-tuo3e1ma1b] {
	color: #1f2937;
	font-size: 16px;
	font-weight: 700;
	margin: 0;
}

.stats-grid[b-tuo3e1ma1b] {
	display: grid;
	gap: 16px;
	grid-template-columns: repeat(2, 1fr);
	padding: 20px 24px;
}

.stat-box[b-tuo3e1ma1b] {
	border: 1px solid rgba(0, 0, 0, 0.06);
	border-radius: 16px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
	display: flex;
	flex-direction: column;
	padding: 20px;
	transition: box-shadow 0.2s;
}

.stat-box:hover[b-tuo3e1ma1b] {
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.stat-header[b-tuo3e1ma1b] {
	margin-bottom: 16px;
}

.stat-icon[b-tuo3e1ma1b] {
	align-items: center;
	border-radius: 12px;
	display: inline-flex;
	height: 44px;
	justify-content: center;
	width: 44px;
}

.stat-icon .material-icons[b-tuo3e1ma1b] {
	color: white;
	font-size: 22px;
}

.stat-icon.primary[b-tuo3e1ma1b] {
	background: linear-gradient(135deg, #005A83 0%, #0096C8 100%);
}

.stat-icon.success[b-tuo3e1ma1b] {
	background: linear-gradient(135deg, #0e700e 0%, #34d399 100%);
}

.stat-icon.info[b-tuo3e1ma1b] {
	background: linear-gradient(135deg, #0096C8 0%, #38bdf8 100%);
}

.stat-icon.warning[b-tuo3e1ma1b] {
	background: linear-gradient(135deg, #e9835e 0%, #fbbf24 100%);
}

.stat-value[b-tuo3e1ma1b] {
	color: #1f2937;
	font-size: 28px;
	font-weight: 800;
	line-height: 1.1;
	margin-bottom: 2px;
}

.stat-label[b-tuo3e1ma1b] {
	color: #005A83;
	font-size: 13px;
	font-weight: 600;
	margin-bottom: 8px;
}

.stat-trend[b-tuo3e1ma1b] {
	align-items: center;
	color: #6b7280;
	display: flex;
	font-size: 12px;
	gap: 4px;
}

.stat-trend .material-icons[b-tuo3e1ma1b] {
	font-size: 16px;
}

.stat-trend.up[b-tuo3e1ma1b] {
	color: #0e700e;
}

.stat-trend.up .material-icons[b-tuo3e1ma1b] {
	color: #0e700e;
}

.stat-trend.neutral[b-tuo3e1ma1b] {
	color: #9ca3af;
}

.stat-trend.neutral .material-icons[b-tuo3e1ma1b] {
	color: #9ca3af;
}

@media (max-width: 767px) {
	.card-header[b-tuo3e1ma1b] {
		padding: 16px;
	}

	.stats-grid[b-tuo3e1ma1b] {
		padding: 16px;
	}

	.stat-value[b-tuo3e1ma1b] {
		font-size: 22px;
	}
}

@media (max-width: 480px) {
	.stats-grid[b-tuo3e1ma1b] {
		grid-template-columns: 1fr;
		gap: 12px;
		padding: 12px;
	}
}
/* /Components/Components/Dashboard/DashboardSessionsList.razor.rz.scp.css */
.sessions-card[b-b6nm5clos1] {
	background: white;
	border: 1px solid rgba(0, 0, 0, 0.06);
	border-radius: 16px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
	display: flex;
	flex-direction: column;
	min-height: 320px;
	overflow: hidden;
}

.sessions-header[b-b6nm5clos1] {
	align-items: center;
	border-bottom: 1px solid #f3f4f6;
	display: flex;
	justify-content: space-between;
	padding: 20px 24px;
}

.sessions-title[b-b6nm5clos1] {
	color: #1f2937;
	font-size: 16px;
	font-weight: 700;
	margin: 0;
}

.sessions-link[b-b6nm5clos1] {
	color: #005A83;
	font-size: 13px;
	font-weight: 600;
	text-decoration: none;
	transition: color 0.2s;
}

.sessions-link:hover[b-b6nm5clos1] {
	color: #0096C8;
}

/* Empty state */

.sessions-empty[b-b6nm5clos1] {
	align-items: center;
	display: flex;
	flex: 1;
	flex-direction: column;
	gap: 8px;
	justify-content: center;
	padding: 32px 16px;
}

.sessions-empty-icon[b-b6nm5clos1] {
	color: #d1d5db;
	font-size: 36px;
}

.sessions-empty-title[b-b6nm5clos1] {
	color: #6b7280;
	font-size: 14px;
	font-weight: 600;
	margin: 0;
}

.sessions-empty-description[b-b6nm5clos1] {
	color: #9ca3af;
	font-size: 13px;
	margin: 0;
	text-align: center;
}

/* Agenda */

.sessions-agenda[b-b6nm5clos1] {
	display: flex;
	flex-direction: column;
	padding: 8px 0;
}

.agenda-day[b-b6nm5clos1] {
	padding: 0 24px;
}

.day-header[b-b6nm5clos1] {
	align-items: center;
	display: flex;
	gap: 10px;
	padding: 12px 0 4px;
}

.day-header.is-today .day-label[b-b6nm5clos1] {
	color: #005A83;
	font-weight: 700;
}

.day-pulse[b-b6nm5clos1] {
	animation: pulse-dot-b-b6nm5clos1 2s infinite;
	background: #0096C8;
	border-radius: 50%;
	height: 8px;
	width: 8px;
}

@keyframes pulse-dot-b-b6nm5clos1 {
	0%, 100% { opacity: 1; }
	50% { opacity: 0.4; }
}

.day-label[b-b6nm5clos1] {
	color: #374151;
	font-size: 13px;
	font-weight: 600;
}

.day-count[b-b6nm5clos1] {
	color: #9ca3af;
	font-size: 12px;
}

/* Timeline */

.timeline[b-b6nm5clos1] {
	display: flex;
	flex-direction: column;
	padding: 4px 0 8px;
}

.timeline-item[b-b6nm5clos1] {
	align-items: flex-start;
	animation: fade-slide-in-b-b6nm5clos1 0.3s ease both;
	display: flex;
	gap: 12px;
	padding: 8px 0;
}

@keyframes fade-slide-in-b-b6nm5clos1 {
	from {
		opacity: 0;
		transform: translateY(8px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.timeline-item.item-cancelled[b-b6nm5clos1] {
	opacity: 0.5;
}

.timeline-time[b-b6nm5clos1] {
	align-items: baseline;
	display: flex;
	flex-shrink: 0;
	gap: 3px;
	min-width: 72px;
}

.t-hour[b-b6nm5clos1] {
	color: #1f2937;
	font-size: 14px;
	font-weight: 600;
}

.t-meridiem[b-b6nm5clos1] {
	color: #9ca3af;
	font-size: 11px;
	text-transform: uppercase;
}

.timeline-node[b-b6nm5clos1] {
	align-items: center;
	display: flex;
	flex-direction: column;
	flex-shrink: 0;
	gap: 0;
	padding-top: 6px;
	width: 12px;
}

.timeline-dot[b-b6nm5clos1] {
	background: #d1d5db;
	border-radius: 50%;
	flex-shrink: 0;
	height: 10px;
	width: 10px;
}

.timeline-dot.dot-next[b-b6nm5clos1] {
	background: #0096C8;
	box-shadow: 0 0 0 3px rgba(0, 150, 200, 0.2);
}

.timeline-dot.dot-completed[b-b6nm5clos1] {
	background: #10b981;
}

.timeline-dot.dot-cancelled[b-b6nm5clos1] {
	background: #ef4444;
}

.timeline-line[b-b6nm5clos1] {
	background: #e5e7eb;
	flex: 1;
	min-height: 20px;
	width: 2px;
}

.timeline-body[b-b6nm5clos1] {
	display: flex;
	flex: 1;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
}

.s-name[b-b6nm5clos1] {
	color: #1f2937;
	font-size: 14px;
	font-weight: 600;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.item-cancelled .s-name[b-b6nm5clos1] {
	text-decoration: line-through;
}

.s-meta[b-b6nm5clos1] {
	align-items: center;
	display: flex;
	gap: 8px;
}

.s-company[b-b6nm5clos1] {
	color: #6b7280;
	font-size: 12px;
}

.s-badge[b-b6nm5clos1] {
	border-radius: 6px;
	font-size: 11px;
	font-weight: 600;
	padding: 2px 8px;
}

.s-badge.soon[b-b6nm5clos1] {
	background: #fef3c7;
	color: #92400e;
}

.s-badge.cancelled[b-b6nm5clos1] {
	background: #fee2e2;
	color: #991b1b;
}

.s-badge.completed[b-b6nm5clos1] {
	background: #dcfce7;
	color: #166534;
}

.timeline-action[b-b6nm5clos1] {
	flex-shrink: 0;
	padding-top: 2px;
}

@media (max-width: 767px) {
	.sessions-header[b-b6nm5clos1] {
		padding: 16px;
	}

	.agenda-day[b-b6nm5clos1] {
		padding: 0 16px;
	}
}

@media (max-width: 480px) {
	.sessions-header[b-b6nm5clos1] {
		padding: 12px;
	}

	.agenda-day[b-b6nm5clos1] {
		padding: 0 12px;
	}

	.timeline-time[b-b6nm5clos1] {
		min-width: 60px;
	}

	.t-hour[b-b6nm5clos1] {
		font-size: 13px;
	}
}
/* /Components/Components/Dashboard/DashboardSummaryCards.razor.rz.scp.css */
.summary-row[b-3mdpzvzz7q] {
	display: grid;
	gap: 16px;
	grid-template-columns: repeat(4, 1fr);
}

.summary-card[b-3mdpzvzz7q] {
	background: white;
	border: 1px solid rgba(0, 0, 0, 0.06);
	border-radius: 16px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
	display: flex;
	flex-direction: column;
	padding: 20px;
	transition: box-shadow 0.2s;
}

.summary-card:hover[b-3mdpzvzz7q] {
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.summary-icon[b-3mdpzvzz7q] {
	align-items: center;
	border-radius: 12px;
	display: inline-flex;
	height: 44px;
	justify-content: center;
	margin-bottom: 16px;
	width: 44px;
}

.summary-icon .material-icons[b-3mdpzvzz7q] {
	color: white;
	font-size: 22px;
}

.summary-icon.primary[b-3mdpzvzz7q] {
	background: linear-gradient(135deg, #005A83 0%, #0096C8 100%);
}

.summary-icon.success[b-3mdpzvzz7q] {
	background: linear-gradient(135deg, #0e700e 0%, #34d399 100%);
}

.summary-icon.info[b-3mdpzvzz7q] {
	background: linear-gradient(135deg, #0096C8 0%, #38bdf8 100%);
}

.summary-icon.warning[b-3mdpzvzz7q] {
	background: linear-gradient(135deg, #e9835e 0%, #fbbf24 100%);
}

.summary-value[b-3mdpzvzz7q] {
	color: #1f2937;
	font-size: 28px;
	font-weight: 800;
	line-height: 1.1;
	margin-bottom: 2px;
}

.summary-label[b-3mdpzvzz7q] {
	color: #6b7280;
	font-size: 13px;
	font-weight: 500;
	margin-bottom: 8px;
}

.summary-trend[b-3mdpzvzz7q] {
	align-items: center;
	color: #6b7280;
	display: flex;
	font-size: 12px;
	gap: 4px;
}

.summary-trend .material-icons[b-3mdpzvzz7q] {
	color: #0e700e;
	font-size: 16px;
}

@media (max-width: 1199px) {
	.summary-row[b-3mdpzvzz7q] {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 767px) {
	.summary-row[b-3mdpzvzz7q] {
		grid-template-columns: repeat(2, 1fr);
		gap: 12px;
	}

	.summary-card[b-3mdpzvzz7q] {
		padding: 16px;
	}

	.summary-value[b-3mdpzvzz7q] {
		font-size: 22px;
	}
}

@media (max-width: 480px) {
	.summary-row[b-3mdpzvzz7q] {
		grid-template-columns: 1fr;
	}
}
/* /Components/Components/Dashboard/DashboardWelcomeBanner.razor.rz.scp.css */
.welcome-header[b-nxo26q5efk] {
	margin-bottom: 28px;
}

.welcome-title[b-nxo26q5efk] {
	color: var(--gray-900);
	font-size: 32px;
	font-weight: 800;
	letter-spacing: -0.02em;
	margin-bottom: 8px;
}

.welcome-subtitle[b-nxo26q5efk] {
	color: var(--gray-500);
	font-size: 16px;
	font-weight: 400;
}

@media (max-width: 768px) {
	.welcome-title[b-nxo26q5efk] {
		font-size: 24px;
	}
}

@media (max-width: 480px) {
	.welcome-title[b-nxo26q5efk] {
		font-size: 22px;
	}

	.welcome-subtitle[b-nxo26q5efk] {
		font-size: 14px;
	}
}
/* /Components/Components/FileUploader.razor.rz.scp.css */
/* ==========================================================================
   FileUploader Component Styles
   ========================================================================== */

.file-uploader[b-9l78j9utby] {
    width: 100%;
}

/* Dropzone Area */
.file-upload-area[b-9l78j9utby] {
    align-items: center;
    background: linear-gradient(135deg, #F8FAFC 0%, #E0F2FE 100%);
    border: 2px dashed #005A83;
    border-radius: 0.75rem;
    cursor: pointer;
    display: flex;
    justify-content: center;
    min-height: 200px;
    padding: 2rem;
    transition: all 0.3s ease;
    width: 100%;
}

.file-upload-area:hover[b-9l78j9utby],
.file-upload-area.dropzone-hover[b-9l78j9utby] {
    background: linear-gradient(135deg, #E0F2FE 0%, #BAE6FD 100%);
    border-color: #003D5C;
    border-style: solid;
    box-shadow: 0 8px 25px rgba(0, 90, 131, 0.2);
    transform: scale(1.01);
}

/* Upload Placeholder */
.upload-placeholder[b-9l78j9utby] {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    text-align: center;
}

.upload-icon[b-9l78j9utby] {
    align-items: center;
    background: linear-gradient(135deg, #005A83 0%, #0EA5E9 100%);
    border-radius: 50%;
    color: white;
    display: flex;
    font-size: 1.5rem;
    height: 3.5rem;
    justify-content: center;
    margin-bottom: 0.5rem;
    width: 3.5rem;
}

.upload-icon .material-icons-outlined[b-9l78j9utby] {
    font-size: 1.75rem;
}

.upload-placeholder h4[b-9l78j9utby] {
    color: #1F2937;
    font-size: 1.125rem;
    font-weight: 600;
    margin: 0;
}

.upload-placeholder p[b-9l78j9utby] {
    color: #6B7280;
    font-size: 0.875rem;
    margin: 0;
}

.file-requirements[b-9l78j9utby] {
    margin-top: 0.5rem;
}

.file-requirements small[b-9l78j9utby] {
    color: #9CA3AF;
    font-size: 0.75rem;
}

/* Upload Progress */
.files-upload-progress[b-9l78j9utby] {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 1rem;
    width: 100%;
}

[b-9l78j9utby] .upload-progress {
    width: 100%;
    max-width: 400px;
}

/* Files Preview */
.files-preview[b-9l78j9utby] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding: 0.5rem;
    width: 100%;
}

.file-item[b-9l78j9utby] {
    align-items: center;
    background: white;
    border: 1px solid #E5E7EB;
    border-radius: 8px;
    display: flex;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    transition: all 0.2s ease;
}

.file-item:hover[b-9l78j9utby] {
    border-color: #005A83;
    box-shadow: 0 2px 8px rgba(0, 90, 131, 0.1);
}

.file-item .material-icons-outlined[b-9l78j9utby] {
    color: #005A83;
    font-size: 1.5rem;
}

.file-name[b-9l78j9utby] {
    color: #374151;
    flex: 1;
    font-size: 0.875rem;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.file-actions[b-9l78j9utby] {
    display: flex;
    gap: 0.5rem;
}

.file-actions .btn[b-9l78j9utby] {
    align-items: center;
    border-radius: 6px;
    display: flex;
    font-size: 0.75rem;
    gap: 0.25rem;
    padding: 0.375rem 0.75rem;
    transition: all 0.2s ease;
}

.file-actions .btn .material-icons-outlined[b-9l78j9utby] {
    color: inherit;
    font-size: 1rem;
}

.file-actions .btn-outline-primary[b-9l78j9utby] {
    border-color: #005A83;
    color: #005A83;
}

.file-actions .btn-outline-primary:hover[b-9l78j9utby] {
    background-color: #005A83;
    border-color: #005A83;
    color: white;
}

/* Video Preview */
.video-preview[b-9l78j9utby] {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 100%;
}

.video-actions[b-9l78j9utby] {
    display: flex;
    gap: 0.75rem;
}

.video-actions .btn[b-9l78j9utby] {
    align-items: center;
    border-radius: 6px;
    display: flex;
    font-size: 0.875rem;
    gap: 0.375rem;
    padding: 0.5rem 1rem;
}

.video-actions .btn .material-icons-outlined[b-9l78j9utby] {
    font-size: 1.125rem;
}

/* Error Message */
.error-message[b-9l78j9utby] {
    align-items: center;
    background-color: #FEF2F2;
    border: 1px solid #FECACA;
    border-radius: 0.5rem;
    color: #DC2626;
    display: flex;
    font-size: 0.875rem;
    gap: 0.5rem;
    margin-top: 0.75rem;
    padding: 0.75rem 1rem;
}

.error-message .material-icons-outlined[b-9l78j9utby] {
    font-size: 1.25rem;
}

/* Utility */
.visually-hidden[b-9l78j9utby] {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

/* Responsive */
@media (max-width: 768px) {
    .file-upload-area[b-9l78j9utby] {
        min-height: 180px;
        padding: 1.5rem;
    }

    .upload-icon[b-9l78j9utby] {
        height: 3rem;
        width: 3rem;
    }

    .upload-icon .material-icons-outlined[b-9l78j9utby] {
        font-size: 1.5rem;
    }

    .upload-placeholder h4[b-9l78j9utby] {
        font-size: 1rem;
    }

    .file-item[b-9l78j9utby] {
        flex-wrap: wrap;
    }

    .file-name[b-9l78j9utby] {
        flex: 0 0 100%;
        margin-bottom: 0.5rem;
        order: 2;
    }

    .file-actions[b-9l78j9utby] {
        order: 3;
        width: 100%;
    }

    .file-actions .btn[b-9l78j9utby] {
        flex: 1;
        justify-content: center;
    }
}

/* /Components/Components/Forms/FormCard.razor.rz.scp.css */
.my-component[b-mnnzwjmlk1] {
    border: 2px dashed red;
    padding: 1em;
    margin: 1em 0;
    background-image: url('background.png');
}

/* /Components/Components/NotificationBell.razor.rz.scp.css */
.notification-bell-container[b-yqnwsbmeaj] {
	position: relative;
}

.notification-bell-btn[b-yqnwsbmeaj] {
	align-items: center;
	background: transparent;
	border: none;
	border-radius: 8px;
	cursor: pointer;
	display: flex;
	height: 40px;
	justify-content: center;
	position: relative;
	transition: background 0.2s ease;
	width: 40px;
}

.notification-bell-btn:hover[b-yqnwsbmeaj] {
	background: #f3f4f6;
}

.notification-bell-icon[b-yqnwsbmeaj] {
	color: #374151;
	font-size: 22px;
	transition: color 0.3s ease;
}

.notification-bell-btn:hover .notification-bell-icon[b-yqnwsbmeaj] {
	color: #005A83;
}

.notification-bell-badge[b-yqnwsbmeaj] {
	align-items: center;
	animation: bellPulse-b-yqnwsbmeaj 2s infinite;
	background: #f59e0b;
	border: 2px solid white;
	border-radius: 10px;
	display: flex;
	height: 18px;
	justify-content: center;
	min-width: 18px;
	padding: 0 4px;
	position: absolute;
	right: 4px;
	top: 4px;
}

.notification-bell-badge-text[b-yqnwsbmeaj] {
	color: white;
	font-size: 10px;
	font-weight: 700;
	line-height: 1;
}

@keyframes bellPulse-b-yqnwsbmeaj {
	0%, 100% { transform: scale(1); }
	50% { transform: scale(1.1); }
}

/* Dropdown */

.notification-dropdown[b-yqnwsbmeaj] {
	-webkit-backdrop-filter: blur(20px);
	animation: dropdownSlideIn-b-yqnwsbmeaj 0.2s ease-out;
	backdrop-filter: blur(20px);
	background: rgba(255, 255, 255, 0.98);
	border: 1px solid rgba(0, 0, 0, 0.08);
	border-radius: 16px;
	box-shadow: 0 20px 60px rgba(0, 0, 0, 0.18), 0 0 0 1px rgba(255, 255, 255, 0.3);
	margin-top: 8px;
	max-height: 480px;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 100%;
	width: 380px;
	z-index: 1000;
}

@keyframes dropdownSlideIn-b-yqnwsbmeaj {
	from {
		opacity: 0;
		transform: translateY(-8px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

/* Header */

.notification-dropdown-header[b-yqnwsbmeaj] {
	align-items: center;
	border-bottom: 1px solid #e5e7eb;
	display: flex;
	justify-content: space-between;
	padding: 16px 20px;
}

.notification-dropdown-title[b-yqnwsbmeaj] {
	color: #1f2937;
	font-size: 16px;
	font-weight: 700;
}

.notification-header-actions[b-yqnwsbmeaj] {
	align-items: center;
	display: flex;
	gap: 8px;
}

.notification-mark-all-btn[b-yqnwsbmeaj] {
	background: none;
	border: none;
	border-radius: 6px;
	color: #005A83;
	cursor: pointer;
	font-size: 13px;
	font-weight: 600;
	padding: 4px 8px;
	transition: all 0.2s ease;
}

.notification-mark-all-btn:hover[b-yqnwsbmeaj] {
	background: #e6f2f8;
	color: #004a6b;
}

.notification-close-btn[b-yqnwsbmeaj] {
	align-items: center;
	background: none;
	border: none;
	border-radius: 6px;
	color: #9ca3af;
	cursor: pointer;
	display: flex;
	justify-content: center;
	padding: 4px;
	transition: all 0.2s ease;
}

.notification-close-btn:hover[b-yqnwsbmeaj] {
	background: #f3f4f6;
	color: #374151;
}

.notification-close-btn .material-icons[b-yqnwsbmeaj] {
	font-size: 18px;
}

/* Notification List */

.notification-dropdown-list[b-yqnwsbmeaj] {
	max-height: 400px;
	overflow-y: auto;
	padding: 4px 0;
}

.notification-dropdown-list[b-yqnwsbmeaj]::-webkit-scrollbar {
	width: 6px;
}

.notification-dropdown-list[b-yqnwsbmeaj]::-webkit-scrollbar-thumb {
	background: #d1d5db;
	border-radius: 3px;
}

.notification-dropdown-list[b-yqnwsbmeaj]::-webkit-scrollbar-track {
	background: transparent;
}

/* Empty State */

.notification-empty[b-yqnwsbmeaj] {
	align-items: center;
	color: #6b7280;
	display: flex;
	flex-direction: column;
	font-size: 14px;
	gap: 8px;
	padding: 40px 20px;
}

.notification-empty-icon[b-yqnwsbmeaj] {
	color: #9ca3af;
	font-size: 36px;
}

/* Notification Item */

.notification-item[b-yqnwsbmeaj] {
	align-items: flex-start;
	cursor: pointer;
	display: flex;
	gap: 12px;
	padding: 12px 20px;
	position: relative;
	transition: background 0.15s ease;
}

.notification-item:hover[b-yqnwsbmeaj] {
	background: #f9fafb;
}

.notification-item.unread[b-yqnwsbmeaj] {
	background: #f0f7ff;
}

.notification-item.unread:hover[b-yqnwsbmeaj] {
	background: #e6f0fa;
}

.notification-item-icon-wrapper[b-yqnwsbmeaj] {
	align-items: center;
	background: #e6f2f8;
	border-radius: 10px;
	display: flex;
	flex-shrink: 0;
	height: 36px;
	justify-content: center;
	width: 36px;
}

.notification-item-icon[b-yqnwsbmeaj] {
	color: #005A83;
	font-size: 18px;
}

.notification-item-content[b-yqnwsbmeaj] {
	flex: 1;
	min-width: 0;
}

.notification-item-title[b-yqnwsbmeaj] {
	color: #1f2937;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.3;
}

.notification-item.unread .notification-item-title[b-yqnwsbmeaj] {
	color: #005A83;
}

.notification-item-message[b-yqnwsbmeaj] {
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	color: #6b7280;
	display: -webkit-box;
	font-size: 13px;
	line-height: 1.4;
	margin-top: 2px;
	overflow: hidden;
}

.notification-item-time[b-yqnwsbmeaj] {
	color: #9ca3af;
	font-size: 12px;
	margin-top: 4px;
}

.notification-item-dot[b-yqnwsbmeaj] {
	background: #005A83;
	border-radius: 50%;
	flex-shrink: 0;
	height: 8px;
	margin-top: 6px;
	width: 8px;
}

/* Responsive */

@media (max-width: 480px) {
	.notification-dropdown[b-yqnwsbmeaj] {
		left: auto;
		right: -60px;
		width: calc(100vw - 24px);
		max-width: 380px;
	}
}
/* /Components/Components/ProfilePictureEditor.razor.rz.scp.css */
/* Profile Picture Container */
.profile-picture-editor[b-jx0duweajh] {
    display: inline-block;
}

.profile-image-container[b-jx0duweajh] {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    cursor: pointer;
    background-color: #E5E7EB;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.profile-image-container:hover[b-jx0duweajh] {
    transform: scale(1.02);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.profile-image[b-jx0duweajh] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 20px;
}

.profile-placeholder[b-jx0duweajh] {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #F3F4F6 0%, #E5E7EB 100%);
    color: #9CA3AF;
}

.profile-placeholder .material-icons-outlined[b-jx0duweajh] {
    font-size: 2.5rem;
}

/* Hover Overlay */
.profile-overlay[b-jx0duweajh] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 90, 131, 0.85);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.2s ease;
    color: white;
    gap: 0.25rem;
}

.profile-image-container:hover .profile-overlay[b-jx0duweajh] {
    opacity: 1;
}

.profile-overlay .material-icons-outlined[b-jx0duweajh] {
    font-size: 1.5rem;
}

.overlay-text[b-jx0duweajh] {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

/* Popup Body */
.profile-editor-popup-body[b-jx0duweajh] {
    padding: 1rem;
    min-height: 300px;
}

/* Upload Section */
.upload-section[b-jx0duweajh] {
    width: 100%;
}

.dropzone-area[b-jx0duweajh] {
    border: 2px dashed #005A83;
    border-radius: 0.75rem;
    padding: 3rem 2rem;
    text-align: center;
    cursor: pointer;
    background: linear-gradient(135deg, #F8FAFC 0%, #E0F2FE 100%);
    transition: all 0.3s ease;
    min-height: 250px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.dropzone-area:hover[b-jx0duweajh],
.dropzone-area.dropzone-hover[b-jx0duweajh] {
    border-color: #003D5C;
    background: linear-gradient(135deg, #E0F2FE 0%, #BAE6FD 100%);
    box-shadow: 0 4px 12px rgba(0, 90, 131, 0.15);
}

.dropzone-content[b-jx0duweajh] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
}

.upload-icon[b-jx0duweajh] {
    font-size: 1.5rem;
    color: white;
    background-color: #005A83;
    border-radius: 50%;
    margin-bottom: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
}

.dropzone-content h4[b-jx0duweajh] {
    color: #1F2937;
    font-size: 1.125rem;
    font-weight: 600;
    margin: 0;
}

.dropzone-content p[b-jx0duweajh] {
    color: #6B7280;
    font-size: 0.875rem;
    margin: 0;
}

.dropzone-content small[b-jx0duweajh] {
    color: #9CA3AF;
    font-size: 0.75rem;
}

.upload-progress[b-jx0duweajh] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    color: #005A83;
    font-weight: 500;
}

/* Cropper Section */
.cropper-section[b-jx0duweajh] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.cropper-container[b-jx0duweajh] {
    width: 100%;
    height: 350px;
    background-color: #1F2937;
    border-radius: 0.5rem;
    overflow: hidden;
}

[b-jx0duweajh] .cropper-image {
    max-width: 100%;
    max-height: 100%;
}

.cropper-instructions[b-jx0duweajh] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem;
    background-color: #F0F9FF;
    border-radius: 0.5rem;
    color: #0369A1;
    font-size: 0.875rem;
}

.cropper-instructions .material-icons-outlined[b-jx0duweajh] {
    font-size: 1.25rem;
}

/* Error Message */
.error-message[b-jx0duweajh] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-top: 1rem;
    padding: 0.75rem 1rem;
    background-color: #FEF2F2;
    border: 1px solid #FECACA;
    border-radius: 0.5rem;
    color: #DC2626;
    font-size: 0.875rem;
}

.error-message .material-icons-outlined[b-jx0duweajh] {
    font-size: 1.25rem;
}

/* Popup Footer */
.popup-footer[b-jx0duweajh] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    width: 100%;
}

.footer-actions[b-jx0duweajh] {
    display: flex;
    gap: 0.75rem;
}

/* Spinner */
.spinner-border[b-jx0duweajh] {
    width: 2rem;
    height: 2rem;
    border: 0.2rem solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: spinner-border-b-jx0duweajh 0.75s linear infinite;
}

@keyframes spinner-border-b-jx0duweajh {
    to {
        transform: rotate(360deg);
    }
}

/* Utility */
.visually-hidden[b-jx0duweajh] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* /Components/Components/SearchBox.razor.rz.scp.css */
.search-container[b-3rbtm21yhl] {
	align-items: center;
	display: flex;
	position: relative;
}

.search-input[b-3rbtm21yhl] {
	-webkit-backdrop-filter: blur(20px);
	backdrop-filter: blur(20px);
	background: rgba(255, 255, 255, 0.9);
	border: 2px solid rgba(255, 255, 255, 0.3);
	border-radius: 16px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
	color: #1f2937;
	font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', Arial, sans-serif;
	font-size: 14px;
	font-weight: 500;
	padding: 12px 16px 12px 48px;
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	width: 320px;
}

.search-input[b-3rbtm21yhl]::placeholder {
	color: #6b7280;
	font-weight: 400;
}

.search-input:focus[b-3rbtm21yhl] {
	background: rgba(255, 255, 255, 0.95);
	border-color: #005A83;
	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);
	outline: none;
	transform: translateY(-1px);
}

.search-icon[b-3rbtm21yhl] {
	color: #6b7280;
	font-size: 20px;
	left: 16px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	transition: color 0.3s ease;
}

.search-input:focus + .search-icon[b-3rbtm21yhl] {
	color: #005A83;
}

.search-clear[b-3rbtm21yhl] {
	align-items: center;
	background: none;
	border: none;
	border-radius: 50%;
	color: #9ca3af;
	cursor: pointer;
	display: none;
	justify-content: center;
	padding: 4px;
	position: absolute;
	right: 12px;
	top: 50%;
	transform: translateY(-50%);
	transition: all 0.2s ease;
}

.search-clear .material-icons[b-3rbtm21yhl] {
	font-size: 18px;
}

.search-clear:hover[b-3rbtm21yhl] {
	background: #e5e7eb;
	color: #4b5563;
}

.search-clear.visible[b-3rbtm21yhl] {
	display: flex;
}
/* /Components/Components/StatusBadge.razor.rz.scp.css */
.status-badge[b-szbacwqo6l] {
	align-items: center;
	border-radius: 20px;
	display: inline-flex;
	font-size: 12px;
	font-weight: 600;
	gap: 4px;
	line-height: 1;
	padding: 5px 12px;
	white-space: nowrap;
}

.status-badge .material-icons[b-szbacwqo6l] {
	font-size: 14px;
}

.status-badge-sm[b-szbacwqo6l] {
	font-size: 11px;
	padding: 3px 8px;
}

.status-badge-sm .material-icons[b-szbacwqo6l] {
	font-size: 12px;
}

.status-badge-default[b-szbacwqo6l] {
	background: #f0f0f0;
	color: #555;
}

.status-badge-pending[b-szbacwqo6l] {
	background: #fff3cd;
	color: #856404;
}

.status-badge-review[b-szbacwqo6l] {
	background: #d1ecf1;
	color: #0c5460;
}

.status-badge-approved[b-szbacwqo6l] {
	background: #d4edda;
	color: #155724;
}

.status-badge-rejected[b-szbacwqo6l] {
	background: #f8d7da;
	color: #721c24;
}

.status-badge-info[b-szbacwqo6l] {
	background: #cce5ff;
	color: #004085;
}

.status-badge-resubmitted[b-szbacwqo6l] {
	background: #e2d5f1;
	color: #563d7c;
}

.status-badge-verified[b-szbacwqo6l] {
	background: #d4edda;
	color: #155724;
}

.status-badge-neutral[b-szbacwqo6l] {
	background: #e9ecef;
	color: #495057;
}

.status-badge-active[b-szbacwqo6l] {
	background: #d4edda;
	color: #155724;
}

.status-badge-inactive[b-szbacwqo6l] {
	background: #f8d7da;
	color: #721c24;
}
/* /Components/Components/WeeklyAvailability.razor.rz.scp.css */
.schedule-grid[b-8uc5qcn901] {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.schedule-day[b-8uc5qcn901] {
	align-items: flex-start;
	background: #f9fafb;
	border-left: 3px solid #005A83;
	border-radius: 0 12px 12px 0;
	display: flex;
	gap: 12px;
	padding: 12px 16px;
}

.schedule-day.unavailable[b-8uc5qcn901] {
	border-left-color: #d1d5db;
	opacity: 0.6;
}

.schedule-icon[b-8uc5qcn901] {
	align-items: center;
	background: rgba(0, 90, 131, 0.1);
	border-radius: 8px;
	color: #005A83;
	display: flex;
	flex-shrink: 0;
	height: 36px;
	justify-content: center;
	width: 36px;
}

.schedule-day.unavailable .schedule-icon[b-8uc5qcn901] {
	background: rgba(156, 163, 175, 0.15);
	color: #9ca3af;
}

.schedule-icon .material-icons[b-8uc5qcn901] {
	font-size: 20px;
}

.schedule-details[b-8uc5qcn901] {
	align-items: center;
	display: flex;
	flex: 1;
	gap: 12px;
	justify-content: space-between;
}

.day-name[b-8uc5qcn901] {
	color: #1f2937;
	font-size: 14px;
	font-weight: 600;
	min-width: 100px;
}

.day-times[b-8uc5qcn901] {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.time-range[b-8uc5qcn901] {
	background: rgba(0, 90, 131, 0.1);
	border-radius: 6px;
	color: #005A83;
	font-size: 11px;
	font-weight: 700;
	padding: 4px 10px;
}

.unavailable-text[b-8uc5qcn901] {
	color: #9ca3af;
	font-size: 13px;
	font-style: italic;
}

.empty-state[b-8uc5qcn901] {
	align-items: center;
	color: #9ca3af;
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 32px;
	text-align: center;
}

.empty-state .material-icons[b-8uc5qcn901] {
	font-size: 40px;
	color: #d1d5db;
}

.empty-state p[b-8uc5qcn901] {
	font-size: 14px;
	margin: 0;
}

@media (max-width: 768px) {
	.schedule-details[b-8uc5qcn901] {
		flex-direction: column;
		align-items: flex-start;
		gap: 6px;
	}

	.day-times[b-8uc5qcn901] {
		width: 100%;
	}
}
/* /Pages/Admin/Balances/CompanyBalancesPage.razor.rz.scp.css */
*[b-lzcfej0ssb] {
	box-sizing: border-box;
	font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;
	margin: 0;
	padding: 0;
}

.admin-container[b-lzcfej0ssb] {
	padding: 32px 24px;
}

/* Page Header */

.page-header-section[b-lzcfej0ssb] {
	align-items: center;
	display: flex;
	justify-content: space-between;
	margin-bottom: 32px;
}

.page-title[b-lzcfej0ssb] {
	color: #1f2937;
	font-size: 32px;
	font-weight: 800;
	letter-spacing: -0.02em;
	margin-bottom: 8px;
}

.page-subtitle[b-lzcfej0ssb] {
	color: #6b7280;
	font-size: 16px;
	font-weight: 400;
}

/* Loading */

.loading-container[b-lzcfej0ssb] {
	align-items: center;
	color: #6b7280;
	display: flex;
	flex-direction: column;
	gap: 12px;
	justify-content: center;
	padding: 64px 24px;
}

/* Empty State */

.empty-state-card[b-lzcfej0ssb] {
	align-items: center;
	background: white;
	border: 1px solid rgba(0, 0, 0, 0.06);
	border-radius: 16px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding: 64px 24px;
	text-align: center;
}

.empty-state-card .empty-icon[b-lzcfej0ssb] {
	color: #d1d5db;
	font-size: 48px;
}

.empty-state-card h3[b-lzcfej0ssb] {
	color: #1f2937;
	font-size: 18px;
	font-weight: 700;
}

.empty-state-card p[b-lzcfej0ssb] {
	color: #6b7280;
	font-size: 14px;
}

/* Content Cards */

.content-card[b-lzcfej0ssb] {
	background: white;
	border: 1px solid rgba(0, 0, 0, 0.06);
	border-radius: 16px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
	overflow: hidden;
	padding: 24px;
}

.transactions-card[b-lzcfej0ssb] {
	margin-top: 20px;
}

.card-header[b-lzcfej0ssb] {
	align-items: center;
	display: flex;
	justify-content: space-between;
	margin-bottom: 24px;
}

.header-left[b-lzcfej0ssb] {
	align-items: center;
	display: flex;
	gap: 16px;
}

.card-title[b-lzcfej0ssb] {
	color: #1f2937;
	font-size: 16px;
	font-weight: 700;
}

.balance-count[b-lzcfej0ssb] {
	color: #6b7280;
	font-size: 13px;
	font-weight: 500;
}

/* Balance Values */

.balance-positive[b-lzcfej0ssb] {
	color: #059669;
	font-weight: 600;
}

.balance-negative[b-lzcfej0ssb] {
	color: #dc2626;
	font-weight: 600;
}

/* Transaction Type Badges */

.txn-type[b-lzcfej0ssb] {
	border-radius: 8px;
	display: inline-block;
	font-size: 12px;
	font-weight: 600;
	padding: 4px 10px;
}

.txn-type.type-topup[b-lzcfej0ssb] {
	background: rgba(16, 185, 129, 0.12);
	color: #059669;
}

.txn-type.type-consumption[b-lzcfej0ssb] {
	background: rgba(0, 150, 200, 0.12);
	color: #0082b4;
}

.txn-type.type-adjustment[b-lzcfej0ssb] {
	background: rgba(245, 158, 11, 0.12);
	color: #b45309;
}

/* Action Buttons */

.action-cell[b-lzcfej0ssb] {
	display: flex;
	gap: 8px;
}

/* Empty Transactions */

.empty-transactions[b-lzcfej0ssb] {
	align-items: center;
	color: #6b7280;
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 48px 24px;
}

.empty-transactions .material-icons[b-lzcfej0ssb] {
	color: #d1d5db;
	font-size: 36px;
}

.empty-transactions p[b-lzcfej0ssb] {
	font-size: 14px;
}

/* Popup Form */

.popup-form[b-lzcfej0ssb] {
	display: flex;
	flex-direction: column;
	gap: 16px;
	padding: 8px 0;
}

.form-group[b-lzcfej0ssb] {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.form-group label[b-lzcfej0ssb] {
	color: #374151;
	font-size: 13px;
	font-weight: 600;
}

.popup-footer[b-lzcfej0ssb] {
	display: flex;
	gap: 8px;
	justify-content: flex-end;
}

@media (max-width: 768px) {
	.page-header-section[b-lzcfej0ssb] {
		align-items: flex-start;
		flex-direction: column;
		gap: 16px;
	}

	.action-cell[b-lzcfej0ssb] {
		flex-direction: column;
	}
}
/* /Pages/Admin/Coaches/CoachAdmin/Components/CoachesDataGrid.razor.rz.scp.css */
.loading-container[b-fpbvzq00gm] {
	align-items: center;
	color: #4b5563;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 80px 20px;
}

.spinner[b-fpbvzq00gm] {
	animation: spin-b-fpbvzq00gm 1s linear infinite;
	border: 3px solid #e5e7eb;
	border-radius: 50%;
	border-top-color: #005A83;
	height: 48px;
	margin-bottom: 16px;
	width: 48px;
}

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

.empty-state[b-fpbvzq00gm] {
	align-items: center;
	color: #6b7280;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 80px 20px;
}

.empty-state .material-icons[b-fpbvzq00gm] {
	color: #d1d5db;
	font-size: 64px;
	margin-bottom: 16px;
}

.empty-state p[b-fpbvzq00gm] {
	font-size: 15px;
	font-weight: 500;
}

.grid-user-cell[b-fpbvzq00gm] {
	align-items: center;
	display: flex;
	gap: 12px;
}

.grid-user-details[b-fpbvzq00gm] {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.grid-user-name[b-fpbvzq00gm] {
	color: #1f2937;
	font-weight: 600;
}

.grid-user-email[b-fpbvzq00gm] {
	color: #6b7280;
	font-size: 13px;
}

.grid-text[b-fpbvzq00gm] {
	color: #374151;
}

.grid-text-muted[b-fpbvzq00gm] {
	color: #9ca3af;
}
/* /Pages/Admin/Coaches/CoachAdmin/Components/FilterPills.razor.rz.scp.css */
.filter-pills[b-e9bdrck0eo] {
	background: #f3f4f6;
	border-radius: 12px;
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
	padding: 4px;
}

.filter-pill[b-e9bdrck0eo] {
	background: transparent;
	border: none;
	border-radius: 10px;
	color: #374151;
	cursor: pointer;
	font-size: 14px;
	font-weight: 600;
	padding: 10px 20px;
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	white-space: nowrap;
}

.filter-pill:hover[b-e9bdrck0eo] {
	color: #005A83;
}

.filter-pill.active[b-e9bdrck0eo] {
	background: white;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
	color: #005A83;
}

@media (max-width: 768px) {
	.filter-pills[b-e9bdrck0eo] {
		flex-wrap: wrap;
	}
}
/* /Pages/Admin/Coaches/CoachAdmin/Components/RateFilterPills.razor.rz.scp.css */
.filter-pills[b-7fptfi8b06] {
	background: #f3f4f6;
	border-radius: 12px;
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
	padding: 4px;
}

.filter-pill[b-7fptfi8b06] {
	background: transparent;
	border: none;
	border-radius: 10px;
	color: #374151;
	cursor: pointer;
	font-size: 14px;
	font-weight: 600;
	padding: 10px 20px;
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	white-space: nowrap;
}

.filter-pill:hover[b-7fptfi8b06] {
	color: #005A83;
}

.filter-pill.active[b-7fptfi8b06] {
	background: white;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
	color: #005A83;
}

@media (max-width: 768px) {
	.filter-pills[b-7fptfi8b06] {
		flex-wrap: wrap;
	}
}
/* /Pages/Admin/Coaches/CoachAdmin/Components/RatesDataGrid.razor.rz.scp.css */
.loading-container[b-hdhsaronmi] {
	align-items: center;
	color: #4b5563;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 80px 20px;
}

.spinner[b-hdhsaronmi] {
	animation: spin-b-hdhsaronmi 1s linear infinite;
	border: 3px solid #e5e7eb;
	border-radius: 50%;
	border-top-color: #005A83;
	height: 48px;
	margin-bottom: 16px;
	width: 48px;
}

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

.empty-state[b-hdhsaronmi] {
	align-items: center;
	color: #6b7280;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 80px 20px;
}

.empty-state .material-icons[b-hdhsaronmi] {
	color: #d1d5db;
	font-size: 64px;
	margin-bottom: 16px;
}

.empty-state p[b-hdhsaronmi] {
	font-size: 15px;
	font-weight: 500;
}

.grid-user-cell[b-hdhsaronmi] {
	align-items: center;
	display: flex;
	gap: 12px;
}

.grid-user-details[b-hdhsaronmi] {
	display: flex;
	flex-direction: column;
	gap: 2px;
}

.grid-user-name[b-hdhsaronmi] {
	color: #1f2937;
	font-weight: 600;
}

.grid-user-email[b-hdhsaronmi] {
	color: #6b7280;
	font-size: 13px;
}

.grid-text[b-hdhsaronmi] {
	color: #374151;
}

.grid-text-muted[b-hdhsaronmi] {
	color: #9ca3af;
}
/* /Pages/Admin/Coaches/CoachAdmin/Components/RateStatsGrid.razor.rz.scp.css */
.stats-grid[b-0lcq4czmmh] {
	display: grid;
	gap: 24px;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	margin-bottom: 40px;
}

.stat-card[b-0lcq4czmmh] {
	-webkit-backdrop-filter: blur(20px);
	backdrop-filter: blur(20px);
	background: rgba(255, 255, 255, 0.9);
	border: 1px solid rgba(255, 255, 255, 0.3);
	border-radius: 20px;
	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);
	cursor: pointer;
	display: flex;
	gap: 16px;
	overflow: hidden;
	padding: 24px;
	position: relative;
	transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.stat-card[b-0lcq4czmmh]::before {
	content: '';
	height: 4px;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	transform: scaleX(0);
	transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	background: linear-gradient(135deg, #005A83 0%, #0096C8 100%);
}

.stat-card:hover[b-0lcq4czmmh] {
	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
	transform: translateY(-4px);
}

.stat-card:hover[b-0lcq4czmmh]::before {
	transform: scaleX(1);
}

.stat-pending[b-0lcq4czmmh]::before {
	background: linear-gradient(135deg, #f59e0b 0%, #fbbf24 100%);
}

.stat-success[b-0lcq4czmmh]::before {
	background: linear-gradient(135deg, #10b981 0%, #34d399 100%);
}

.stat-rejected[b-0lcq4czmmh]::before {
	background: linear-gradient(135deg, #ef4444 0%, #f87171 100%);
}

.stat-icon-wrapper[b-0lcq4czmmh] {
	align-items: center;
	border-radius: 12px;
	color: white;
	display: flex;
	font-size: 24px;
	height: 48px;
	justify-content: center;
	width: 48px;
	background: linear-gradient(135deg, #005A83 0%, #0096C8 100%);
}

.stat-icon-wrapper .material-icons[b-0lcq4czmmh] {
	font-size: 24px;
}

.stat-icon-pending[b-0lcq4czmmh] {
	background: linear-gradient(135deg, #f59e0b 0%, #fbbf24 100%);
}

.stat-icon-success[b-0lcq4czmmh] {
	background: linear-gradient(135deg, #10b981 0%, #34d399 100%);
}

.stat-icon-rejected[b-0lcq4czmmh] {
	background: linear-gradient(135deg, #ef4444 0%, #f87171 100%);
}

.stat-content[b-0lcq4czmmh] {
	flex: 1;
}

.stat-value[b-0lcq4czmmh] {
	color: #1f2937;
	font-size: 32px;
	font-weight: 800;
	margin-bottom: 4px;
}

.stat-label[b-0lcq4czmmh] {
	color: #4b5563;
	font-size: 14px;
	font-weight: 500;
}

@media (max-width: 1200px) {
	.stats-grid[b-0lcq4czmmh] {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 768px) {
	.stats-grid[b-0lcq4czmmh] {
		grid-template-columns: 1fr;
	}
}
/* /Pages/Admin/Coaches/CoachAdmin/Components/StatsGrid.razor.rz.scp.css */
.stats-grid[b-6dgk9g379c] {
	display: grid;
	gap: 24px;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	margin-bottom: 40px;
}

.stat-card[b-6dgk9g379c] {
	-webkit-backdrop-filter: blur(20px);
	backdrop-filter: blur(20px);
	background: rgba(255, 255, 255, 0.9);
	border: 1px solid rgba(255, 255, 255, 0.3);
	border-radius: 20px;
	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);
	cursor: pointer;
	display: flex;
	gap: 16px;
	overflow: hidden;
	padding: 24px;
	position: relative;
	transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.stat-card[b-6dgk9g379c]::before {
	content: '';
	height: 4px;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	transform: scaleX(0);
	transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
	background: linear-gradient(135deg, #005A83 0%, #0096C8 100%);
}

.stat-card:hover[b-6dgk9g379c] {
	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
	transform: translateY(-4px);
}

.stat-card:hover[b-6dgk9g379c]::before {
	transform: scaleX(1);
}

.stat-pending[b-6dgk9g379c]::before {
	background: linear-gradient(135deg, #f59e0b 0%, #fbbf24 100%);
}

.stat-review[b-6dgk9g379c]::before {
	background: linear-gradient(135deg, #3b82f6 0%, #60a5fa 100%);
}

.stat-success[b-6dgk9g379c]::before {
	background: linear-gradient(135deg, #10b981 0%, #34d399 100%);
}

.stat-icon-wrapper[b-6dgk9g379c] {
	align-items: center;
	border-radius: 12px;
	color: white;
	display: flex;
	font-size: 24px;
	height: 48px;
	justify-content: center;
	width: 48px;
	background: linear-gradient(135deg, #005A83 0%, #0096C8 100%);
}

.stat-icon-wrapper .material-icons[b-6dgk9g379c] {
	font-size: 24px;
}

.stat-icon-pending[b-6dgk9g379c] {
	background: linear-gradient(135deg, #f59e0b 0%, #fbbf24 100%);
}

.stat-icon-review[b-6dgk9g379c] {
	background: linear-gradient(135deg, #3b82f6 0%, #60a5fa 100%);
}

.stat-icon-success[b-6dgk9g379c] {
	background: linear-gradient(135deg, #10b981 0%, #34d399 100%);
}

.stat-content[b-6dgk9g379c] {
	flex: 1;
}

.stat-value[b-6dgk9g379c] {
	color: #1f2937;
	font-size: 32px;
	font-weight: 800;
	margin-bottom: 4px;
}

.stat-label[b-6dgk9g379c] {
	color: #4b5563;
	font-size: 14px;
	font-weight: 500;
}

@media (max-width: 1200px) {
	.stats-grid[b-6dgk9g379c] {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 768px) {
	.stats-grid[b-6dgk9g379c] {
		grid-template-columns: 1fr;
	}
}
/* /Pages/Admin/Coaches/CoachApplication/CoachApplicationPage.razor.rz.scp.css */
.application-main-card[b-hn0k8e39ol] {
	margin-bottom: 20px;
}

.tab-container[b-hn0k8e39ol] {
	padding: 20px;
}

.tab-content-area[b-hn0k8e39ol] {
	padding: 24px 0 0;
}

.sidebar-stack[b-hn0k8e39ol] {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.sidebar-stack[b-hn0k8e39ol]  .content-card {
	margin-bottom: 0;
}
/* /Pages/Admin/Coaches/CoachApplication/Components/ApplicantHeader.razor.rz.scp.css */
.applicant-header[b-zqrn6krsyf] {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 24px;
	margin-bottom: 32px;
	flex-wrap: wrap;
}

.applicant-info-section[b-zqrn6krsyf] {
	display: flex;
	align-items: center;
	gap: 20px;
}

.applicant-details[b-zqrn6krsyf] {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.applicant-name-row[b-zqrn6krsyf] {
	display: flex;
	align-items: center;
	gap: 16px;
}

.applicant-name[b-zqrn6krsyf] {
	font-size: 28px;
	font-weight: 800;
	color: #1f2937;
	margin: 0;
}

.contact-info[b-zqrn6krsyf] {
	display: flex;
	align-items: center;
	gap: 8px;
	color: #6b7280;
	font-size: 14px;
}

.contact-info .separator[b-zqrn6krsyf] {
	color: #d1d5db;
}

.action-buttons-section[b-zqrn6krsyf] {
	display: flex;
	align-items: center;
	gap: 12px;
	flex-wrap: wrap;
}

.status-message[b-zqrn6krsyf] {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 12px 20px;
	border-radius: 12px;
	font-weight: 600;
	font-size: 14px;
}

.status-message .material-icons[b-zqrn6krsyf] {
	font-size: 20px;
}

.status-approved[b-zqrn6krsyf] {
	background: #d1fae5;
	color: #065f46;
}

.status-rejected[b-zqrn6krsyf] {
	background: #fee2e2;
	color: #991b1b;
}

 .btn-action[b-zqrn6krsyf] {
	padding: 10px 20px;
	border-radius: 10px;
	font-weight: 600;
	font-size: 14px;
}

@media (max-width: 768px) {
	.applicant-header[b-zqrn6krsyf] {
		flex-direction: column;
	}

	.action-buttons-section[b-zqrn6krsyf] {
		width: 100%;
		justify-content: flex-start;
	}
}
/* /Pages/Admin/Coaches/CoachApplication/Components/ApplicationDocuments.razor.rz.scp.css */
.content-card[b-of8i3d01qc] {
	background: rgba(255, 255, 255, 0.9);
	border: 1px solid rgba(255, 255, 255, 0.3);
	border-radius: 16px;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
	padding: 24px;
	margin-bottom: 24px;
}

.card-header[b-of8i3d01qc] {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 20px;
}

.card-icon-wrapper[b-of8i3d01qc] {
	width: 40px;
	height: 40px;
	border-radius: 10px;
	background: linear-gradient(135deg, #005A83 0%, #0096C8 100%);
	display: flex;
	align-items: center;
	justify-content: center;
	color: white;
}

.card-icon-wrapper .material-icons[b-of8i3d01qc] {
	font-size: 20px;
}

.card-title[b-of8i3d01qc] {
	font-size: 16px;
	font-weight: 700;
	color: #1f2937;
	margin: 0;
}

.document-group[b-of8i3d01qc] {
	margin-bottom: 20px;
}

.document-group:last-child[b-of8i3d01qc] {
	margin-bottom: 0;
}

.document-group-title[b-of8i3d01qc] {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 13px;
	font-weight: 600;
	color: #6b7280;
	margin-bottom: 12px;
	text-transform: uppercase;
	letter-spacing: 0.03em;
}

.document-group-title .material-icons[b-of8i3d01qc] {
	font-size: 18px;
}

.documents-list[b-of8i3d01qc] {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.document-item[b-of8i3d01qc] {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 12px 16px;
	background: #f9fafb;
	border: 1px solid #e5e7eb;
	border-radius: 10px;
	cursor: pointer;
	transition: all 0.2s ease;
}

.document-item:hover[b-of8i3d01qc] {
	background: #f3f4f6;
	border-color: #d1d5db;
}

.doc-icon[b-of8i3d01qc] {
	color: #005A83;
	font-size: 24px;
}

.document-info[b-of8i3d01qc] {
	flex: 1;
}

.document-name[b-of8i3d01qc] {
	font-size: 14px;
	font-weight: 600;
	color: #1f2937;
	margin-bottom: 2px;
}

.document-size[b-of8i3d01qc] {
	font-size: 12px;
	color: #9ca3af;
}

.no-documents[b-of8i3d01qc] {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 40px 20px;
	color: #6b7280;
}

.no-documents .material-icons[b-of8i3d01qc] {
	font-size: 48px;
	color: #d1d5db;
	margin-bottom: 12px;
}

.no-documents p[b-of8i3d01qc] {
	font-size: 14px;
	margin: 0;
}
/* /Pages/Admin/Coaches/CoachApplication/Components/ApplicationProgressTracker.razor.rz.scp.css */
.content-card[b-1l6c6goo4g] {
	background: rgba(255, 255, 255, 0.9);
	border: 1px solid rgba(255, 255, 255, 0.3);
	border-radius: 16px;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
	padding: 24px;
	margin-bottom: 24px;
}

.card-header[b-1l6c6goo4g] {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 20px;
}

.card-icon-wrapper[b-1l6c6goo4g] {
	width: 40px;
	height: 40px;
	border-radius: 10px;
	background: linear-gradient(135deg, #005A83 0%, #0096C8 100%);
	display: flex;
	align-items: center;
	justify-content: center;
	color: white;
}

.card-icon-wrapper .material-icons[b-1l6c6goo4g] {
	font-size: 20px;
}

.card-title[b-1l6c6goo4g] {
	font-size: 16px;
	font-weight: 700;
	color: #1f2937;
	margin: 0;
}

/* Phase styling */
.phase[b-1l6c6goo4g] {
	margin-bottom: 4px;
}

.phase:last-child[b-1l6c6goo4g] {
	margin-bottom: 0;
}

.phase-header[b-1l6c6goo4g] {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px 8px;
	border-radius: 8px;
	cursor: pointer;
	transition: background-color 0.15s ease;
}

.phase-header:hover[b-1l6c6goo4g] {
	background-color: #f9fafb;
}

.phase-indicator[b-1l6c6goo4g] {
	flex-shrink: 0;
}

.phase-icon[b-1l6c6goo4g] {
	font-size: 22px;
}

.phase-icon-complete[b-1l6c6goo4g] {
	color: #28a745;
}

.phase-icon-current[b-1l6c6goo4g] {
	color: #005A83;
}

.phase-icon-pending[b-1l6c6goo4g] {
	color: #d1d5db;
}

.phase-title-section[b-1l6c6goo4g] {
	flex: 1;
	display: flex;
	align-items: center;
	gap: 8px;
}

.phase-name[b-1l6c6goo4g] {
	font-size: 14px;
	font-weight: 600;
	color: #374151;
}

.phase-complete .phase-name[b-1l6c6goo4g] {
	color: #6b7280;
}

.phase-count[b-1l6c6goo4g] {
	font-size: 12px;
	color: #9ca3af;
	font-weight: 500;
}

.phase-chevron[b-1l6c6goo4g] {
	font-size: 20px;
	color: #9ca3af;
	flex-shrink: 0;
}

/* Steps inside phases */
.phase-steps[b-1l6c6goo4g] {
	padding: 4px 0 8px 40px;
}

.step[b-1l6c6goo4g] {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 6px 8px;
	border-radius: 6px;
}

.step-icon[b-1l6c6goo4g] {
	font-size: 18px;
	color: #d1d5db;
	flex-shrink: 0;
}

.step-complete .step-icon[b-1l6c6goo4g] {
	color: #28a745;
}

.phase-current .step:not(.step-complete) .step-icon[b-1l6c6goo4g] {
	color: #dc3545;
}

.step-next[b-1l6c6goo4g] {
	background-color: #fef2f2;
}

.step-next .step-icon[b-1l6c6goo4g] {
	color: #dc3545;
}

.step-label[b-1l6c6goo4g] {
	font-size: 13px;
	color: #6b7280;
}

.step-complete .step-label[b-1l6c6goo4g] {
	color: #9ca3af;
}

.step-next .step-label[b-1l6c6goo4g] {
	color: #1f2937;
	font-weight: 500;
}

.step-checkbox[b-1l6c6goo4g] {
	width: 18px;
	height: 18px;
	accent-color: #005A83;
	cursor: pointer;
	flex-shrink: 0;
}
/* /Pages/Admin/Coaches/CoachApplication/Components/ApplicationTimeline.razor.rz.scp.css */
.content-card[b-rav4fl3p2j] {
	background: rgba(255, 255, 255, 0.9);
	border: 1px solid rgba(255, 255, 255, 0.3);
	border-radius: 16px;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
	padding: 24px;
	margin-bottom: 24px;
}

.card-header[b-rav4fl3p2j] {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 20px;
}

.card-icon-wrapper[b-rav4fl3p2j] {
	width: 40px;
	height: 40px;
	border-radius: 10px;
	background: linear-gradient(135deg, #005A83 0%, #0096C8 100%);
	display: flex;
	align-items: center;
	justify-content: center;
	color: white;
}

.card-icon-wrapper .material-icons[b-rav4fl3p2j] {
	font-size: 20px;
}

.card-title[b-rav4fl3p2j] {
	font-size: 16px;
	font-weight: 700;
	color: #1f2937;
	margin: 0;
}

.timeline[b-rav4fl3p2j] {
	position: relative;
	padding-left: 24px;
	display: block !important;
	flex-direction: unset !important;
	gap: 0 !important;
}

.timeline[b-rav4fl3p2j]::before {
	content: '';
	position: absolute;
	left: 7px;
	top: 0;
	bottom: 0;
	width: 2px;
	background: #e5e7eb;
}

.timeline-item[b-rav4fl3p2j] {
	position: relative;
	padding-bottom: 20px;
	border: none;
	border-left: none;
	display: block !important;
	gap: 0 !important;
}

.timeline-item[b-rav4fl3p2j]::before,
.timeline-item[b-rav4fl3p2j]::after {
	display: none !important;
	content: none !important;
}

.timeline-item:last-child[b-rav4fl3p2j] {
	padding-bottom: 0;
}

.timeline-dot[b-rav4fl3p2j] {
	position: absolute !important;
	left: -22px;
	top: 4px;
	width: 12px !important;
	height: 12px !important;
	border-radius: 50%;
	background: #005A83;
	z-index: 1;
	border: none !important;
	box-shadow: none !important;
	margin: 0 !important;
	flex-shrink: unset !important;
}

.timeline-content[b-rav4fl3p2j] {
	padding-left: 8px;
	border: none;
	border-left: none;
}

.timeline-time[b-rav4fl3p2j] {
	font-size: 12px;
	color: #9ca3af;
	margin-bottom: 4px;
}

.timeline-text[b-rav4fl3p2j] {
	font-size: 14px;
	color: #374151;
	line-height: 1.5;
}
/* /Pages/Admin/Coaches/CoachApplication/Components/CoachApplicationTab.razor.rz.scp.css */
.tab-section[b-795uojufg5] {
	margin-bottom: 28px;
}

.section-header[b-795uojufg5] {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 16px;
}

.section-icon[b-795uojufg5] {
	align-items: center;
	background: linear-gradient(135deg, #005A83, #0096C8);
	border-radius: 10px;
	color: white;
	display: flex;
	height: 36px;
	justify-content: center;
	width: 36px;
}

.section-icon .material-icons[b-795uojufg5] {
	font-size: 20px;
}

.section-title[b-795uojufg5] {
	font-size: 16px;
	font-weight: 700;
	color: #1f2937;
	margin: 0;
}

.timeline[b-795uojufg5] {
	display: flex;
	flex-direction: column;
	gap: 0;
	padding-left: 4px;
}

.timeline-item[b-795uojufg5] {
	display: flex;
	gap: 16px;
	padding-bottom: 24px;
	position: relative;
}

.timeline-item:not(:last-child)[b-795uojufg5]::before {
	background: #e5e7eb;
	bottom: 0;
	content: "";
	left: 15px;
	position: absolute;
	top: 36px;
	width: 2px;
}

.timeline-marker[b-795uojufg5] {
	align-items: center;
	border-radius: 50%;
	display: flex;
	flex-shrink: 0;
	height: 32px;
	justify-content: center;
	width: 32px;
}

.timeline-marker .material-icons[b-795uojufg5] {
	font-size: 18px;
}

.marker-default[b-795uojufg5] {
	background: #f3f4f6;
	color: #6b7280;
}

.marker-success[b-795uojufg5] {
	background: #d1fae5;
	color: #065f46;
}

.marker-danger[b-795uojufg5] {
	background: #fee2e2;
	color: #991b1b;
}

.marker-warning[b-795uojufg5] {
	background: #fef3c7;
	color: #92400e;
}

.marker-info[b-795uojufg5] {
	background: #dbeafe;
	color: #1e40af;
}

.marker-verified[b-795uojufg5] {
	background: rgba(16, 185, 129, 0.12);
	color: #10b981;
}

.marker-review[b-795uojufg5] {
	background: rgba(0, 90, 131, 0.1);
	color: #005A83;
}

.timeline-content[b-795uojufg5] {
	flex: 1;
	min-width: 0;
	padding-top: 4px;
}

.timeline-header-row[b-795uojufg5] {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 4px;
}

.timeline-status[b-795uojufg5] {
	font-size: 14px;
	font-weight: 600;
	color: #1f2937;
}

.timeline-date[b-795uojufg5] {
	font-size: 12px;
	color: #9ca3af;
	flex-shrink: 0;
}

.timeline-description[b-795uojufg5] {
	font-size: 13px;
	color: #6b7280;
	margin: 0;
	line-height: 1.5;
}

.timeline-details[b-795uojufg5] {
	background: #f9fafb;
	border: 1px solid #f3f4f6;
	border-radius: 8px;
	color: #6b7280;
	font-size: 12px;
	margin-top: 6px;
	padding: 8px 12px;
}

.empty-state[b-795uojufg5] {
	align-items: center;
	color: #9ca3af;
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 32px;
	text-align: center;
}

.empty-state .material-icons[b-795uojufg5] {
	font-size: 40px;
	color: #d1d5db;
}

.empty-state p[b-795uojufg5] {
	font-size: 14px;
	margin: 0;
}

.tab-loading[b-795uojufg5] {
	padding: 24px 0;
}
/* /Pages/Admin/Coaches/CoachApplication/Components/CoachPlatformTab.razor.rz.scp.css */
.tab-section[b-rirgbhpjns] {
	margin-bottom: 28px;
}

.tab-section:last-child[b-rirgbhpjns] {
	margin-bottom: 0;
}

.section-header[b-rirgbhpjns] {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 16px;
}

.section-icon[b-rirgbhpjns] {
	align-items: center;
	background: linear-gradient(135deg, #005A83, #0096C8);
	border-radius: 10px;
	color: white;
	display: flex;
	height: 36px;
	justify-content: center;
	width: 36px;
}

.section-icon .material-icons[b-rirgbhpjns] {
	font-size: 20px;
}

.section-title[b-rirgbhpjns] {
	font-size: 16px;
	font-weight: 700;
	color: #1f2937;
	margin: 0;
}

.readiness-grid[b-rirgbhpjns] {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 12px;
}

.readiness-card[b-rirgbhpjns] {
	align-items: center;
	background: white;
	border: 1px solid #e5e7eb;
	border-radius: 12px;
	display: flex;
	gap: 12px;
	padding: 16px;
	transition: all 0.2s ease;
}

.readiness-card.ready[b-rirgbhpjns] {
	border-color: rgba(16, 185, 129, 0.3);
	background: rgba(16, 185, 129, 0.02);
}

.readiness-icon-wrapper[b-rirgbhpjns] {
	align-items: center;
	border-radius: 10px;
	display: flex;
	flex-shrink: 0;
	height: 40px;
	justify-content: center;
	width: 40px;
}

.readiness-icon-wrapper .material-icons[b-rirgbhpjns] {
	font-size: 22px;
}

.icon-ready[b-rirgbhpjns] {
	background: rgba(16, 185, 129, 0.1);
	color: #10b981;
}

.icon-pending[b-rirgbhpjns] {
	background: #f3f4f6;
	color: #9ca3af;
}

.readiness-info[b-rirgbhpjns] {
	display: flex;
	flex: 1;
	flex-direction: column;
	gap: 2px;
}

.readiness-label[b-rirgbhpjns] {
	font-size: 13px;
	font-weight: 600;
	color: #1f2937;
}

.readiness-status[b-rirgbhpjns] {
	font-size: 12px;
	color: #6b7280;
}

.readiness-check[b-rirgbhpjns] {
	font-size: 20px;
	flex-shrink: 0;
}

.readiness-card.ready .readiness-check[b-rirgbhpjns] {
	color: #10b981;
}

.readiness-card.pending .readiness-check[b-rirgbhpjns] {
	color: #d1d5db;
}

.rate-card[b-rirgbhpjns] {
	background: #f9fafb;
	border: 1px solid #f3f4f6;
	border-radius: 12px;
	padding: 20px;
}

.rate-amount-row[b-rirgbhpjns] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 16px;
}

.rate-amount[b-rirgbhpjns] {
	display: flex;
	align-items: baseline;
	gap: 4px;
}

.rate-currency[b-rirgbhpjns] {
	font-size: 14px;
	font-weight: 600;
	color: #6b7280;
}

.rate-value[b-rirgbhpjns] {
	font-size: 28px;
	font-weight: 800;
	color: #1f2937;
}

.rate-period[b-rirgbhpjns] {
	font-size: 14px;
	color: #9ca3af;
}

.rate-status-badge[b-rirgbhpjns] {
	border-radius: 20px;
	font-size: 12px;
	font-weight: 600;
	padding: 4px 12px;
}

.status-active[b-rirgbhpjns] {
	background: #d1fae5;
	color: #065f46;
}

.status-expired[b-rirgbhpjns] {
	background: #fef3c7;
	color: #92400e;
}

.status-rejected[b-rirgbhpjns] {
	background: #fee2e2;
	color: #991b1b;
}

.status-pending[b-rirgbhpjns] {
	background: #f3f4f6;
	color: #6b7280;
}

.rate-dates[b-rirgbhpjns] {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.rate-date-item[b-rirgbhpjns] {
	align-items: center;
	color: #6b7280;
	display: flex;
	font-size: 13px;
	gap: 8px;
}

.rate-date-item .material-icons[b-rirgbhpjns] {
	font-size: 16px;
	color: #9ca3af;
}

.stats-grid[b-rirgbhpjns] {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 12px;
}

.stat-card[b-rirgbhpjns] {
	align-items: center;
	background: #f9fafb;
	border: 1px solid #f3f4f6;
	border-radius: 12px;
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 20px 16px;
	text-align: center;
}

.stat-icon-wrapper[b-rirgbhpjns] {
	align-items: center;
	background: rgba(0, 90, 131, 0.08);
	border-radius: 10px;
	color: #005A83;
	display: flex;
	height: 40px;
	justify-content: center;
	width: 40px;
}

.stat-icon-wrapper .material-icons[b-rirgbhpjns] {
	font-size: 22px;
}

.stat-number[b-rirgbhpjns] {
	font-size: 24px;
	font-weight: 800;
	color: #1f2937;
}

.stat-label[b-rirgbhpjns] {
	font-size: 12px;
	font-weight: 500;
	color: #6b7280;
}

.empty-state[b-rirgbhpjns] {
	align-items: center;
	color: #9ca3af;
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 32px;
	text-align: center;
}

.empty-state .material-icons[b-rirgbhpjns] {
	font-size: 40px;
	color: #d1d5db;
}

.empty-state p[b-rirgbhpjns] {
	font-size: 14px;
	margin: 0;
}

@media (max-width: 768px) {
	.readiness-grid[b-rirgbhpjns] {
		grid-template-columns: 1fr;
	}

	.stats-grid[b-rirgbhpjns] {
		grid-template-columns: repeat(2, 1fr);
	}
}
/* /Pages/Admin/Coaches/CoachApplication/Components/CoachProfileTab.razor.rz.scp.css */
.tab-section[b-ohx6s4z56k] {
	margin-bottom: 28px;
}

.tab-section:last-child[b-ohx6s4z56k] {
	margin-bottom: 0;
}

.section-header[b-ohx6s4z56k] {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 16px;
}

.section-icon[b-ohx6s4z56k] {
	align-items: center;
	background: linear-gradient(135deg, #005A83, #0096C8);
	border-radius: 10px;
	color: white;
	display: flex;
	height: 36px;
	justify-content: center;
	width: 36px;
}

.section-icon .material-icons[b-ohx6s4z56k] {
	font-size: 20px;
}

.section-title[b-ohx6s4z56k] {
	font-size: 16px;
	font-weight: 700;
	color: #1f2937;
	margin: 0;
}

.bio-text[b-ohx6s4z56k] {
	color: #374151;
	font-size: 14px;
	line-height: 1.7;
	margin: 0;
}

.outcomes-grid[b-ohx6s4z56k] {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	gap: 12px;
}

.outcome-card[b-ohx6s4z56k] {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	padding: 14px 16px;
	background: #f9fafb;
	border: 1px solid #f3f4f6;
	border-radius: 12px;
	transition: all 0.2s ease;
}

.outcome-card:hover[b-ohx6s4z56k] {
	background: #f3f4f6;
	border-color: #e5e7eb;
}

.outcome-icon-wrapper[b-ohx6s4z56k] {
	align-items: center;
	background: rgba(0, 90, 131, 0.08);
	border-radius: 8px;
	color: #005A83;
	display: flex;
	flex-shrink: 0;
	height: 32px;
	justify-content: center;
	width: 32px;
}

.outcome-icon-wrapper .material-icons[b-ohx6s4z56k] {
	font-size: 18px;
}

.outcome-content[b-ohx6s4z56k] {
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
}

.outcome-name[b-ohx6s4z56k] {
	font-size: 14px;
	font-weight: 600;
	color: #1f2937;
}

.outcome-desc[b-ohx6s4z56k] {
	font-size: 12px;
	color: #6b7280;
	line-height: 1.4;
}

.address-card[b-ohx6s4z56k] {
	background: #f9fafb;
	border: 1px solid #f3f4f6;
	border-radius: 12px;
	padding: 16px 20px;
}

.address-line[b-ohx6s4z56k] {
	color: #374151;
	font-size: 14px;
	line-height: 1.6;
	margin: 0;
}

.video-container[b-ohx6s4z56k] {
	border-radius: 12px;
	overflow: hidden;
	background: #000;
}

.intro-video[b-ohx6s4z56k] {
	display: block;
	max-height: 560px;
	width: 100%;
}

.feedback-list[b-ohx6s4z56k] {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.feedback-item[b-ohx6s4z56k] {
	background: #f9fafb;
	border: 1px solid #f3f4f6;
	border-radius: 12px;
	padding: 16px 20px;
}

.feedback-header[b-ohx6s4z56k] {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 8px;
}

.feedback-reviewer[b-ohx6s4z56k] {
	font-size: 14px;
	font-weight: 600;
	color: #1f2937;
}

.feedback-date[b-ohx6s4z56k] {
	font-size: 12px;
	color: #9ca3af;
}

.feedback-comment[b-ohx6s4z56k] {
	font-size: 14px;
	color: #374151;
	line-height: 1.6;
	margin: 0;
}

.empty-state[b-ohx6s4z56k] {
	align-items: center;
	color: #9ca3af;
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 32px;
	text-align: center;
}

.empty-state .material-icons[b-ohx6s4z56k] {
	font-size: 40px;
	color: #d1d5db;
}

.empty-state p[b-ohx6s4z56k] {
	font-size: 14px;
	margin: 0;
}

.tab-loading[b-ohx6s4z56k] {
	padding: 24px 0;
}

@media (max-width: 768px) {
	.outcomes-grid[b-ohx6s4z56k] {
		grid-template-columns: 1fr;
	}
}
/* /Pages/Admin/Coaches/CoachApplication/Components/CoachQualificationsTab.razor.rz.scp.css */
.tab-section[b-2dew1i0cbc] {
	margin-bottom: 28px;
}

.tab-section:last-child[b-2dew1i0cbc] {
	margin-bottom: 0;
}

.section-header[b-2dew1i0cbc] {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 16px;
}

.section-icon[b-2dew1i0cbc] {
	align-items: center;
	background: linear-gradient(135deg, #005A83, #0096C8);
	border-radius: 10px;
	color: white;
	display: flex;
	height: 36px;
	justify-content: center;
	width: 36px;
}

.section-icon .material-icons[b-2dew1i0cbc] {
	font-size: 20px;
}

.section-title[b-2dew1i0cbc] {
	font-size: 16px;
	font-weight: 700;
	color: #1f2937;
	margin: 0;
}

.certifications-list[b-2dew1i0cbc] {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.certification-item[b-2dew1i0cbc] {
	display: flex;
	align-items: center;
	gap: 16px;
	padding: 14px 16px;
	background: #f9fafb;
	border: 1px solid #f3f4f6;
	border-radius: 12px;
	transition: all 0.2s ease;
}

.certification-item:hover[b-2dew1i0cbc] {
	background: #f3f4f6;
}

.cert-year-badge[b-2dew1i0cbc] {
	align-items: center;
	background: rgba(0, 90, 131, 0.08);
	border-radius: 8px;
	color: #005A83;
	display: flex;
	flex-shrink: 0;
	font-size: 13px;
	font-weight: 700;
	height: 36px;
	justify-content: center;
	min-width: 52px;
	padding: 0 10px;
}

.cert-details[b-2dew1i0cbc] {
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
}

.cert-name[b-2dew1i0cbc] {
	font-size: 14px;
	font-weight: 600;
	color: #1f2937;
}

.cert-institution[b-2dew1i0cbc] {
	font-size: 13px;
	color: #6b7280;
}

.licenses-list[b-2dew1i0cbc] {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.license-item[b-2dew1i0cbc] {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 14px 16px;
	background: #f9fafb;
	border: 1px solid #f3f4f6;
	border-radius: 12px;
}

.license-icon[b-2dew1i0cbc] {
	align-items: center;
	background: rgba(16, 185, 129, 0.08);
	border-radius: 8px;
	color: #10b981;
	display: flex;
	flex-shrink: 0;
	height: 36px;
	justify-content: center;
	width: 36px;
}

.license-icon .material-icons[b-2dew1i0cbc] {
	font-size: 20px;
}

.license-details[b-2dew1i0cbc] {
	display: flex;
	align-items: center;
	gap: 8px;
}

.license-name[b-2dew1i0cbc] {
	font-size: 14px;
	font-weight: 600;
	color: #1f2937;
}

.license-abbr[b-2dew1i0cbc] {
	font-size: 12px;
	font-weight: 600;
	color: #6b7280;
	background: #e5e7eb;
	padding: 2px 8px;
	border-radius: 6px;
}

.cert-link[b-2dew1i0cbc] {
	color: #005A83;
	cursor: pointer;
	flex-shrink: 0;
	font-size: 18px;
	margin-left: auto;
	transition: color 0.2s ease;
}

.cert-link:hover[b-2dew1i0cbc] {
	color: #0096C8;
}

.qual-docs-list[b-2dew1i0cbc] {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.qual-doc-item[b-2dew1i0cbc] {
	align-items: center;
	background: #f9fafb;
	border: 1px solid #f3f4f6;
	border-radius: 10px;
	cursor: pointer;
	display: flex;
	gap: 12px;
	padding: 12px 16px;
	transition: all 0.2s ease;
}

.qual-doc-item:hover[b-2dew1i0cbc] {
	background: #f3f4f6;
	border-color: #e5e7eb;
}

.doc-icon[b-2dew1i0cbc] {
	color: #dc2626;
	font-size: 22px;
}

.doc-info[b-2dew1i0cbc] {
	display: flex;
	flex-direction: column;
	flex: 1;
	gap: 2px;
	min-width: 0;
}

.doc-name[b-2dew1i0cbc] {
	color: #1f2937;
	font-size: 13px;
	font-weight: 600;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.doc-size[b-2dew1i0cbc] {
	color: #9ca3af;
	font-size: 12px;
}

.open-icon[b-2dew1i0cbc] {
	color: #9ca3af;
	font-size: 18px;
}

.tab-loading[b-2dew1i0cbc] {
	padding: 24px 0;
}
/* /Pages/Admin/Coaches/CoachApplication/Components/CoachSessionsTab.razor.rz.scp.css */
.tab-section[b-lgzj68qlh8] {
	margin-bottom: 28px;
}

.tab-section:last-child[b-lgzj68qlh8] {
	margin-bottom: 0;
}

.section-header[b-lgzj68qlh8] {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 16px;
}

.section-icon[b-lgzj68qlh8] {
	align-items: center;
	background: linear-gradient(135deg, #005A83, #0096C8);
	border-radius: 10px;
	color: white;
	display: flex;
	height: 36px;
	justify-content: center;
	width: 36px;
}

.section-icon .material-icons[b-lgzj68qlh8] {
	font-size: 20px;
}

.section-title[b-lgzj68qlh8] {
	font-size: 16px;
	font-weight: 700;
	color: #1f2937;
	margin: 0;
}

.feedback-list[b-lgzj68qlh8] {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.feedback-item[b-lgzj68qlh8] {
	background: #f9fafb;
	border: 1px solid #f3f4f6;
	border-radius: 12px;
	padding: 16px 20px;
}

.feedback-header[b-lgzj68qlh8] {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 8px;
}

.feedback-reviewer[b-lgzj68qlh8] {
	font-size: 14px;
	font-weight: 600;
	color: #1f2937;
}

.feedback-date[b-lgzj68qlh8] {
	font-size: 12px;
	color: #9ca3af;
}

.feedback-comment[b-lgzj68qlh8] {
	font-size: 14px;
	color: #374151;
	line-height: 1.6;
	margin: 0;
}

.empty-state[b-lgzj68qlh8] {
	align-items: center;
	color: #9ca3af;
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 32px;
	text-align: center;
}

.empty-state .material-icons[b-lgzj68qlh8] {
	font-size: 40px;
	color: #d1d5db;
}

.empty-state p[b-lgzj68qlh8] {
	font-size: 14px;
	margin: 0;
}
/* /Pages/Admin/Coaches/CoachApplication/Components/CoachSummaryStrip.razor.rz.scp.css */
.summary-strip[b-rdkudzi17h] {
	display: flex;
	flex-direction: column;
	gap: 16px;
	padding: 20px 0 8px;
	border-top: 1px solid var(--gray-100, #f3f4f6);
}

.summary-categories[b-rdkudzi17h] {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.category-chip[b-rdkudzi17h] {
	align-items: center;
	background: rgba(0, 90, 131, 0.07);
	border-radius: 20px;
	color: #005A83;
	display: inline-flex;
	font-size: 13px;
	font-weight: 600;
	gap: 6px;
	padding: 6px 14px;
}

.category-chip .material-icons[b-rdkudzi17h] {
	font-size: 16px;
}

.summary-info-row[b-rdkudzi17h] {
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
	align-items: center;
}

.summary-info-item[b-rdkudzi17h] {
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: 13px;
	color: #6b7280;
}

.summary-info-item .material-icons[b-rdkudzi17h] {
	font-size: 16px;
	color: #9ca3af;
}

.info-label[b-rdkudzi17h] {
	color: #9ca3af;
	font-weight: 500;
}

.info-value[b-rdkudzi17h] {
	color: #1f2937;
	font-weight: 600;
}

.summary-metadata[b-rdkudzi17h] {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

@media (max-width: 768px) {
	.summary-info-row[b-rdkudzi17h] {
		flex-direction: column;
		align-items: flex-start;
		gap: 12px;
	}
}
/* /Pages/Admin/Coaches/CoachApplication/Components/IntroductionVideo.razor.rz.scp.css */
.content-card[b-8lvj1mr8lr] {
	background: rgba(255, 255, 255, 0.9);
	border: 1px solid rgba(255, 255, 255, 0.3);
	border-radius: 16px;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
	padding: 24px;
	margin-bottom: 24px;
}

.video-card[b-8lvj1mr8lr] {
	overflow: hidden;
}

.card-header[b-8lvj1mr8lr] {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 20px;
}

.card-icon-wrapper[b-8lvj1mr8lr] {
	width: 40px;
	height: 40px;
	border-radius: 10px;
	background: linear-gradient(135deg, #005A83 0%, #0096C8 100%);
	display: flex;
	align-items: center;
	justify-content: center;
	color: white;
}

.card-icon-wrapper .material-icons[b-8lvj1mr8lr] {
	font-size: 20px;
}

.card-title[b-8lvj1mr8lr] {
	font-size: 16px;
	font-weight: 700;
	color: #1f2937;
	margin: 0;
}

.video-container[b-8lvj1mr8lr] {
	border-radius: 12px;
	overflow: hidden;
}

.intro-video[b-8lvj1mr8lr] {
	width: 100%;
	max-height: 300px;
	background: #1f2937;
	border-radius: 12px;
}

.no-video[b-8lvj1mr8lr] {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 60px 20px;
	color: #6b7280;
	background: #f9fafb;
	border-radius: 12px;
}

.no-video .material-icons[b-8lvj1mr8lr] {
	font-size: 48px;
	color: #d1d5db;
	margin-bottom: 12px;
}

.no-video p[b-8lvj1mr8lr] {
	font-size: 14px;
	margin: 0;
}
/* /Pages/Admin/Coaches/CoachApplication/Components/ReviewChecklist.razor.rz.scp.css */
.content-card[b-81a9uqggbx] {
	background: rgba(255, 255, 255, 0.9);
	border: 1px solid rgba(255, 255, 255, 0.3);
	border-radius: 16px;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
	padding: 24px;
	margin-bottom: 24px;
}

.card-header[b-81a9uqggbx] {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 20px;
}

.card-icon-wrapper[b-81a9uqggbx] {
	width: 40px;
	height: 40px;
	border-radius: 10px;
	background: linear-gradient(135deg, #005A83 0%, #0096C8 100%);
	display: flex;
	align-items: center;
	justify-content: center;
	color: white;
}

.card-icon-wrapper .material-icons[b-81a9uqggbx] {
	font-size: 20px;
}

.card-title[b-81a9uqggbx] {
	font-size: 16px;
	font-weight: 700;
	color: #1f2937;
	margin: 0;
}

.subsection-title[b-81a9uqggbx] {
	font-size: 14px;
	font-weight: 600;
	color: #374151;
	margin-bottom: 16px;
}

.checklist-item[b-81a9uqggbx] {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 12px 0;
	border-bottom: 1px solid #f3f4f6;
}

.checklist-item:last-child[b-81a9uqggbx] {
	border-bottom: none;
}

.checklist-checkbox[b-81a9uqggbx] {
	width: 18px;
	height: 18px;
	accent-color: #005A83;
	cursor: pointer;
}

.checklist-checkbox:disabled[b-81a9uqggbx] {
	cursor: not-allowed;
}

.checklist-label[b-81a9uqggbx] {
	font-size: 14px;
	color: #374151;
	cursor: pointer;
}
/* /Pages/Admin/Sessions/Components/EarningsDataGrid.razor.rz.scp.css */
.loading-container[b-113wq8upak] {
	align-items: center;
	color: #4b5563;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 80px 20px;
}

.spinner[b-113wq8upak] {
	animation: spin-b-113wq8upak 1s linear infinite;
	border: 3px solid #e5e7eb;
	border-radius: 50%;
	border-top-color: #005A83;
	height: 48px;
	margin-bottom: 16px;
	width: 48px;
}

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

.empty-state[b-113wq8upak] {
	align-items: center;
	color: #6b7280;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 80px 20px;
}

.empty-state .material-icons[b-113wq8upak] {
	color: #d1d5db;
	font-size: 64px;
	margin-bottom: 16px;
}

.empty-state p[b-113wq8upak] {
	font-size: 15px;
	font-weight: 500;
}

.bulk-actions-bar[b-113wq8upak] {
	align-items: center;
	background: rgba(0, 90, 131, 0.04);
	border: 1px solid rgba(0, 90, 131, 0.15);
	border-radius: 12px;
	display: flex;
	gap: 12px;
	margin-bottom: 16px;
	padding: 12px 20px;
}

.bulk-count[b-113wq8upak] {
	color: #005A83;
	flex: 1;
	font-size: 14px;
	font-weight: 600;
}

.grid-text[b-113wq8upak] {
	color: #374151;
	font-size: 14px;
}

.grid-text-muted[b-113wq8upak] {
	color: #9ca3af;
}

.grid-btn[b-113wq8upak] {
	align-items: center;
	border: none;
	border-radius: 8px;
	cursor: pointer;
	display: inline-flex;
	font-size: 13px;
	font-weight: 600;
	gap: 6px;
	padding: 8px 16px;
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.grid-btn:disabled[b-113wq8upak] {
	cursor: not-allowed;
	opacity: 0.6;
}

.grid-btn-primary[b-113wq8upak] {
	background: #005A83;
	color: white;
}

.grid-btn-primary:hover:not(:disabled)[b-113wq8upak] {
	background: #004a6b;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
	transform: translateY(-1px);
}

.grid-btn-secondary[b-113wq8upak] {
	background: #f3f4f6;
	border: 1px solid #e5e7eb;
	color: #374151;
}

.grid-btn-secondary:hover:not(:disabled)[b-113wq8upak] {
	background: #e5e7eb;
	transform: translateY(-1px);
}

.grid-btn .material-icons[b-113wq8upak] {
	font-size: 18px;
}
/* /Pages/Admin/Sessions/Components/EarningsFilterPills.razor.rz.scp.css */
.filter-pills[b-sg5cu72207] {
	background: #f3f4f6;
	border-radius: 12px;
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
	padding: 4px;
}

.filter-pill[b-sg5cu72207] {
	background: transparent;
	border: none;
	border-radius: 10px;
	color: #374151;
	cursor: pointer;
	font-size: 14px;
	font-weight: 600;
	padding: 10px 20px;
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	white-space: nowrap;
}

.filter-pill:hover[b-sg5cu72207] {
	color: #005A83;
}

.filter-pill.active[b-sg5cu72207] {
	background: white;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
	color: #005A83;
}

@media (max-width: 768px) {
	.filter-pills[b-sg5cu72207] {
		flex-wrap: wrap;
	}
}
/* /Pages/Admin/Sessions/Components/EarningsStatsGrid.razor.rz.scp.css */
.stats-grid[b-jiygrqilru] {
	display: grid;
	gap: 24px;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	margin-bottom: 40px;
}

.stat-card[b-jiygrqilru] {
	-webkit-backdrop-filter: blur(20px);
	backdrop-filter: blur(20px);
	background: rgba(255, 255, 255, 0.9);
	border: 1px solid rgba(255, 255, 255, 0.3);
	border-radius: 20px;
	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);
	cursor: pointer;
	display: flex;
	gap: 16px;
	overflow: hidden;
	padding: 24px;
	position: relative;
	transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.stat-card[b-jiygrqilru]::before {
	background: linear-gradient(135deg, #005A83 0%, #0096C8 100%);
	content: '';
	height: 4px;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	transform: scaleX(0);
	transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.stat-card:hover[b-jiygrqilru] {
	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
	transform: translateY(-4px);
}

.stat-card:hover[b-jiygrqilru]::before {
	transform: scaleX(1);
}

.stat-pending[b-jiygrqilru]::before {
	background: linear-gradient(135deg, #f59e0b 0%, #fbbf24 100%);
}

.stat-approved[b-jiygrqilru]::before {
	background: linear-gradient(135deg, #10b981 0%, #34d399 100%);
}

.stat-paid[b-jiygrqilru]::before {
	background: linear-gradient(135deg, #3b82f6 0%, #60a5fa 100%);
}

.stat-icon-wrapper[b-jiygrqilru] {
	align-items: center;
	background: linear-gradient(135deg, #005A83 0%, #0096C8 100%);
	border-radius: 12px;
	color: white;
	display: flex;
	font-size: 24px;
	height: 48px;
	justify-content: center;
	width: 48px;
}

.stat-icon-wrapper .material-icons[b-jiygrqilru] {
	font-size: 24px;
}

.stat-icon-pending[b-jiygrqilru] {
	background: linear-gradient(135deg, #f59e0b 0%, #fbbf24 100%);
}

.stat-icon-approved[b-jiygrqilru] {
	background: linear-gradient(135deg, #10b981 0%, #34d399 100%);
}

.stat-icon-paid[b-jiygrqilru] {
	background: linear-gradient(135deg, #3b82f6 0%, #60a5fa 100%);
}

.stat-content[b-jiygrqilru] {
	flex: 1;
}

.stat-value[b-jiygrqilru] {
	color: #1f2937;
	font-size: 32px;
	font-weight: 800;
	margin-bottom: 4px;
}

.stat-label[b-jiygrqilru] {
	color: #4b5563;
	font-size: 14px;
	font-weight: 500;
}

.stat-sublabel[b-jiygrqilru] {
	color: #9ca3af;
	font-size: 12px;
	margin-top: 2px;
}

@media (max-width: 1200px) {
	.stats-grid[b-jiygrqilru] {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 768px) {
	.stats-grid[b-jiygrqilru] {
		grid-template-columns: 1fr;
	}
}
/* /Pages/Admin/Sessions/Components/PaystackLedgerGrid.razor.rz.scp.css */
/* KPI Grid */

.kpi-grid[b-jxn68zasg1] {
	display: grid;
	gap: 20px;
	grid-template-columns: repeat(4, 1fr);
	margin-bottom: 20px;
}

@media (max-width: 1199px) {
	.kpi-grid[b-jxn68zasg1] {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 599px) {
	.kpi-grid[b-jxn68zasg1] {
		grid-template-columns: 1fr;
	}
}

.kpi-card[b-jxn68zasg1] {
	background: white;
	border: 1px solid rgba(0, 0, 0, 0.06);
	border-radius: 16px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
	padding: 20px;
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.kpi-card:hover[b-jxn68zasg1] {
	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);
	transform: translateY(-2px);
}

.kpi-header[b-jxn68zasg1] {
	align-items: center;
	display: flex;
	justify-content: space-between;
	margin-bottom: 16px;
}

.kpi-icon[b-jxn68zasg1] {
	align-items: center;
	border-radius: 12px;
	color: white;
	display: flex;
	height: 44px;
	justify-content: center;
	width: 44px;
}

.kpi-icon .material-icons[b-jxn68zasg1] {
	font-size: 22px;
}

.kpi-icon.primary[b-jxn68zasg1] {
	background: linear-gradient(135deg, #005A83 0%, #0096C8 100%);
}

.kpi-icon.success[b-jxn68zasg1] {
	background: linear-gradient(135deg, #10b981 0%, #34d399 100%);
}

.kpi-icon.warning[b-jxn68zasg1] {
	background: linear-gradient(135deg, #f59e0b 0%, #fbbf24 100%);
}

.kpi-icon.info[b-jxn68zasg1] {
	background: linear-gradient(135deg, #0096C8 0%, #38bdf8 100%);
}

.kpi-value[b-jxn68zasg1] {
	color: #1f2937;
	font-size: 28px;
	font-weight: 800;
	letter-spacing: -0.02em;
	line-height: 1.2;
	margin-bottom: 2px;
}

.kpi-label[b-jxn68zasg1] {
	color: #6b7280;
	font-size: 13px;
	font-weight: 500;
	margin-bottom: 8px;
}

.kpi-sub[b-jxn68zasg1] {
	align-items: center;
	color: #6b7280;
	display: flex;
	font-size: 12px;
	gap: 4px;
}

.kpi-sub-icon[b-jxn68zasg1] {
	color: #10b981;
	font-size: 16px !important;
}

/* Data Card */

.data-card[b-jxn68zasg1] {
	background: white;
	border: 1px solid rgba(0, 0, 0, 0.06);
	border-radius: 16px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
	padding: 20px;
}

.card-header[b-jxn68zasg1] {
	align-items: center;
	display: flex;
	justify-content: space-between;
	margin-bottom: 16px;
}

.card-title[b-jxn68zasg1] {
	color: #1f2937;
	font-size: 16px;
	font-weight: 700;
}

/* Loading & Empty States */

.loading-container[b-jxn68zasg1] {
	align-items: center;
	color: #4b5563;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 80px 20px;
}

.spinner[b-jxn68zasg1] {
	animation: spin-b-jxn68zasg1 1s linear infinite;
	border: 3px solid #e5e7eb;
	border-radius: 50%;
	border-top-color: #005A83;
	height: 48px;
	margin-bottom: 16px;
	width: 48px;
}

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

.empty-state[b-jxn68zasg1] {
	align-items: center;
	color: #6b7280;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 80px 20px;
}

.empty-state .material-icons[b-jxn68zasg1] {
	color: #d1d5db;
	font-size: 64px;
	margin-bottom: 16px;
}

.empty-state p[b-jxn68zasg1] {
	font-size: 15px;
	font-weight: 500;
}

/* Ledger Badges */

.ledger-badge[b-jxn68zasg1] {
	border-radius: 6px;
	display: inline-block;
	font-size: 12px;
	font-weight: 600;
	padding: 4px 8px;
	white-space: nowrap;
}

.ledger-badge-transaction[b-jxn68zasg1] {
	background: rgba(59, 130, 246, 0.1);
	color: #3b82f6;
}

.ledger-badge-transfer[b-jxn68zasg1] {
	background: rgba(245, 158, 11, 0.1);
	color: #d97706;
}

.ledger-badge-refund[b-jxn68zasg1] {
	background: rgba(239, 68, 68, 0.1);
	color: #ef4444;
}

.ledger-badge-other[b-jxn68zasg1] {
	background: rgba(107, 114, 128, 0.1);
	color: #6b7280;
}

/* Amount Colors */

.amount-positive[b-jxn68zasg1] {
	color: #059669;
	font-size: 14px;
	font-weight: 600;
}

.amount-negative[b-jxn68zasg1] {
	color: #dc2626;
	font-size: 14px;
	font-weight: 600;
}

/* Load More */

.load-more-container[b-jxn68zasg1] {
	display: flex;
	justify-content: center;
	padding: 24px 0 8px;
}

.load-more-btn[b-jxn68zasg1] {
	align-items: center;
	background: #f3f4f6;
	border: 1px solid #e5e7eb;
	border-radius: 10px;
	color: #374151;
	cursor: pointer;
	display: inline-flex;
	font-size: 14px;
	font-weight: 600;
	gap: 8px;
	padding: 10px 24px;
	transition: all 0.2s ease;
}

.load-more-btn:hover:not(:disabled)[b-jxn68zasg1] {
	background: #e5e7eb;
	transform: translateY(-1px);
}

.load-more-btn:disabled[b-jxn68zasg1] {
	cursor: not-allowed;
	opacity: 0.6;
}

.load-more-btn .material-icons[b-jxn68zasg1] {
	font-size: 20px;
}

.load-more-spinner[b-jxn68zasg1] {
	animation: spin-b-jxn68zasg1 1s linear infinite;
	border: 2px solid #e5e7eb;
	border-radius: 50%;
	border-top-color: #005A83;
	height: 16px;
	width: 16px;
}
/* /Pages/Admin/Sessions/SessionsAdminPage.razor.rz.scp.css */
*[b-a82y2errr4] {
	box-sizing: border-box;
	font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;
	margin: 0;
	padding: 0;
}

.admin-container[b-a82y2errr4] {
	padding: 32px 24px;
}

.page-header-section[b-a82y2errr4] {
	align-items: center;
	display: flex;
	justify-content: space-between;
	margin-bottom: 32px;
}

.page-title[b-a82y2errr4] {
	color: var(--gray-900);
	font-size: 32px;
	font-weight: 800;
	letter-spacing: -0.02em;
	margin-bottom: 8px;
}

.page-subtitle[b-a82y2errr4] {
	color: var(--gray-600);
	font-size: 16px;
	font-weight: 400;
}

.earnings-card[b-a82y2errr4] {
	-webkit-backdrop-filter: blur(20px);
	backdrop-filter: blur(20px);
	background: rgba(255, 255, 255, 0.9);
	border: 1px solid rgba(255, 255, 255, 0.3);
	border-radius: 20px;
	box-shadow: var(--shadow-md);
	overflow: hidden;
	padding: 24px;
}

.card-header[b-a82y2errr4] {
	align-items: center;
	display: flex;
	justify-content: space-between;
	margin-bottom: 24px;
}

.header-left[b-a82y2errr4] {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.card-title[b-a82y2errr4] {
	color: var(--gray-900);
	font-size: 20px;
	font-weight: 700;
}

@media (max-width: 768px) {
	.page-header-section[b-a82y2errr4] {
		align-items: flex-start;
		flex-direction: column;
		gap: 16px;
	}
}

.tab-content[b-a82y2errr4] {
	padding-top: 24px;
}

[b-a82y2errr4] .dxbl-tabs {
	border-bottom: 2px solid #f3f4f6;
}

[b-a82y2errr4] .dxbl-tabs .dxbl-tab-header {
	font-weight: 600;
}
/* /Pages/Admin/Users/Components/UserFilterPills.razor.rz.scp.css */
.filter-pills[b-geghj32uox] {
	background: #f3f4f6;
	border-radius: 12px;
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
	padding: 4px;
}

.filter-pill[b-geghj32uox] {
	background: transparent;
	border: none;
	border-radius: 10px;
	color: #374151;
	cursor: pointer;
	font-size: 14px;
	font-weight: 600;
	padding: 10px 20px;
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	white-space: nowrap;
}

.filter-pill:hover[b-geghj32uox] {
	color: #005A83;
}

.filter-pill.active[b-geghj32uox] {
	background: white;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
	color: #005A83;
}

@media (max-width: 768px) {
	.filter-pills[b-geghj32uox] {
		flex-wrap: wrap;
	}
}
/* /Pages/Coaches/CoachCalendarPage.razor.rz.scp.css */
.calendar-page[b-c0tbrvfupi] {
	padding: 0 24px 24px;
}

.error-message[b-c0tbrvfupi] {
	background: #fef2f2;
	color: #c00;
	padding: 12px 16px;
	border-radius: 8px;
	margin-bottom: 16px;
	display: flex;
	align-items: center;
	gap: 8px;
}

.error-message[b-c0tbrvfupi]::before {
	content: "\26A0";
	font-size: 18px;
}

.calendar-layout[b-c0tbrvfupi] {
	display: flex;
	gap: 24px;
	align-items: flex-start;
}

.calendar-sidebar[b-c0tbrvfupi] {
	width: 340px;
	min-width: 340px;
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.sidebar-card[b-c0tbrvfupi] {
	background: white;
	border-radius: 12px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
	padding: 20px;
}

.calendar-main[b-c0tbrvfupi] {
	flex: 1;
	min-width: 0;
}

.availability-header[b-c0tbrvfupi] {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 16px;
}

.availability-header h2[b-c0tbrvfupi] {
	font-size: 16px;
	font-weight: 600;
	color: #1f2937;
	margin: 0;
}

.edit-link[b-c0tbrvfupi] {
	font-size: 14px;
	color: #005A83;
	text-decoration: none;
	font-weight: 500;
}

.edit-link:hover[b-c0tbrvfupi] {
	text-decoration: underline;
}

.availability-days[b-c0tbrvfupi] {
	display: flex;
	gap: 8px;
	justify-content: space-between;
}

.availability-day[b-c0tbrvfupi] {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 4px;
	flex: 1;
}

.day-label[b-c0tbrvfupi] {
	font-size: 11px;
	font-weight: 600;
	color: #9ca3af;
	text-transform: uppercase;
}

.day-number[b-c0tbrvfupi] {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 15px;
	font-weight: 500;
	color: #374151;
}

.today-number[b-c0tbrvfupi] {
	background: #005A83;
	color: white;
}

.day-status[b-c0tbrvfupi] {
	font-size: 11px;
	color: #9ca3af;
}

.day-status.available[b-c0tbrvfupi] {
	color: #059669;
}

.day-status.full[b-c0tbrvfupi] {
	color: #d97706;
	font-weight: 600;
}

.agenda-header[b-c0tbrvfupi] {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 16px;
}

.agenda-header h3[b-c0tbrvfupi] {
	font-size: 16px;
	font-weight: 600;
	color: #1f2937;
	margin: 0;
}

.agenda-count[b-c0tbrvfupi] {
	font-size: 13px;
	color: #9ca3af;
}

.agenda-empty[b-c0tbrvfupi] {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 24px 0;
	gap: 4px;
}

.empty-title[b-c0tbrvfupi] {
	font-size: 14px;
	font-weight: 500;
	color: #6b7280;
}

.empty-subtitle[b-c0tbrvfupi] {
	font-size: 13px;
	color: #9ca3af;
}

.agenda-list[b-c0tbrvfupi] {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.agenda-item[b-c0tbrvfupi] {
	display: flex;
	gap: 12px;
	align-items: baseline;
	padding: 8px 0;
	border-bottom: 1px solid #f3f4f6;
}

.agenda-item:last-child[b-c0tbrvfupi] {
	border-bottom: none;
}

.agenda-time[b-c0tbrvfupi] {
	font-size: 13px;
	color: #6b7280;
	white-space: nowrap;
}

.agenda-title[b-c0tbrvfupi] {
	font-size: 14px;
	color: #1f2937;
	font-weight: 500;
}

.scheduler-container[b-c0tbrvfupi] {
	background: white;
	border-radius: 12px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
	height: calc(100vh - 90px);
	padding: 20px;
	position: relative;
}

[b-c0tbrvfupi] .scheduler-fill {
	height: 100%;
}

.loading-container[b-c0tbrvfupi] {
	display: flex;
	justify-content: center;
	align-items: center;
	height: calc(100vh - 90px);
}

.loading-overlay[b-c0tbrvfupi] {
	align-items: center;
	backdrop-filter: blur(2px);
	background: rgba(255, 255, 255, 0.7);
	border-radius: 12px;
	bottom: 0;
	display: flex;
	justify-content: center;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1000;
}

.loading-spinner[b-c0tbrvfupi] {
	align-items: center;
	background: white;
	border-radius: 8px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
	display: flex;
	gap: 12px;
	padding: 16px 24px;
}

.spinner[b-c0tbrvfupi] {
	animation: spin-b-c0tbrvfupi 1s linear infinite;
	border: 3px solid #f3f3f3;
	border-radius: 50%;
	border-top: 3px solid #005A83;
	height: 24px;
	width: 24px;
}

@keyframes spin-b-c0tbrvfupi {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

.loading-text[b-c0tbrvfupi] {
	color: #005A83;
	font-size: 14px;
	font-weight: 500;
}
/* /Pages/Coaches/CoachDashboardPage.razor.rz.scp.css */
.coach-dashboard-container[b-so7hide9gm] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin: 0 auto;
    padding: 32px 16px;
}

@media (max-width: 768px) {
    .coach-dashboard-container[b-so7hide9gm] {
        gap: 16px;
        padding: 16px 12px;
    }
}

@media (max-width: 480px) {
    .coach-dashboard-container[b-so7hide9gm] {
        gap: 12px;
        padding: 12px 8px;
    }
}

/* Skeleton shimmer */

@keyframes shimmer-b-so7hide9gm {
    0% { background-position: -400px 0; }
    100% { background-position: 400px 0; }
}

.skeleton-line[b-so7hide9gm] {
    animation: shimmer-b-so7hide9gm 1.4s ease-in-out infinite;
    background: linear-gradient(90deg, #e5e7eb 25%, #f3f4f6 50%, #e5e7eb 75%);
    background-size: 400px 100%;
    border-radius: 6px;
}

.skeleton-header[b-so7hide9gm] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 4px;
}

.skeleton-title[b-so7hide9gm] {
    height: 32px;
    width: 280px;
}

.skeleton-subtitle[b-so7hide9gm] {
    height: 16px;
    width: 220px;
}

.skeleton-cards-row[b-so7hide9gm] {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(4, 1fr);
}

.skeleton-card-small[b-so7hide9gm] {
    animation: shimmer-b-so7hide9gm 1.4s ease-in-out infinite;
    background: linear-gradient(90deg, #e5e7eb 25%, #f3f4f6 50%, #e5e7eb 75%);
    background-size: 400px 100%;
    border-radius: 16px;
    height: 120px;
}

.skeleton-grid-row[b-so7hide9gm] {
    display: grid;
    gap: 24px;
    grid-template-columns: 1fr 1fr;
}

.skeleton-card-large[b-so7hide9gm] {
    animation: shimmer-b-so7hide9gm 1.4s ease-in-out infinite;
    background: linear-gradient(90deg, #e5e7eb 25%, #f3f4f6 50%, #e5e7eb 75%);
    background-size: 400px 100%;
    border-radius: 16px;
    height: 280px;
}

@media (max-width: 1199px) {
    .skeleton-cards-row[b-so7hide9gm] {
        grid-template-columns: repeat(2, 1fr);
    }

    .skeleton-grid-row[b-so7hide9gm] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767px) {
    .skeleton-cards-row[b-so7hide9gm] {
        grid-template-columns: 1fr;
    }
}
/* /Pages/Coaches/CoachProfilePage.razor.rz.scp.css */
/* ===== Page Layout ===== */

.profile-container[b-u2s2fcqh3b] {
    margin: 0 auto;
    padding: 32px 24px;
}

/* ===== Hero Banner ===== */

.hero-banner[b-u2s2fcqh3b] {
    background: white;
    border-radius: 16px;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08);
    margin-bottom: 24px;
    overflow: hidden;
    position: relative;
}

.hero-banner[b-u2s2fcqh3b]::before {
    background: linear-gradient(135deg, rgba(0, 90, 131, 0.06) 0%, rgba(0, 150, 200, 0.03) 100%);
    content: '';
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.hero-content[b-u2s2fcqh3b] {
    align-items: center;
    display: flex;
    gap: 28px;
    padding: 32px;
    position: relative;
    z-index: 1;
}

.hero-info[b-u2s2fcqh3b] {
    flex: 1;
}

.hero-name[b-u2s2fcqh3b] {
    color: #1f2937;
    font-size: 28px;
    font-weight: 700;
    letter-spacing: -0.02em;
    margin-bottom: 8px;
}

.hero-name-row[b-u2s2fcqh3b] {
    align-items: center;
    display: flex;
    gap: 10px;
}

.verified-badge[b-u2s2fcqh3b] {
    align-items: center;
    background: rgba(16, 185, 129, 0.1);
    border-radius: 8px;
    color: #10b981;
    display: inline-flex;
    font-size: 12px;
    font-weight: 600;
    gap: 4px;
    padding: 4px 10px;
}

.verified-badge .material-icons[b-u2s2fcqh3b] {
    font-size: 16px;
}

.hero-categories[b-u2s2fcqh3b] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 20px;
}

.category-chip[b-u2s2fcqh3b] {
    align-items: center;
    background: rgba(0, 90, 131, 0.08);
    border: 1px solid rgba(0, 90, 131, 0.15);
    border-radius: 20px;
    color: #005A83;
    display: inline-flex;
    font-size: 13px;
    font-weight: 500;
    gap: 6px;
    padding: 6px 14px;
}

.category-chip .material-icons[b-u2s2fcqh3b] {
    font-size: 16px;
}

.hero-actions[b-u2s2fcqh3b] {
    display: flex;
    gap: 12px;
}

/* ===== Experience Stats Strip ===== */

.stats-strip[b-u2s2fcqh3b] {
    display: flex;
    gap: 12px;
    margin-bottom: 24px;
}

.stat-card[b-u2s2fcqh3b] {
    align-items: center;
    background: white;
    border-radius: 12px;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
    display: flex;
    flex: 1;
    gap: 12px;
    padding: 14px 18px;
}

.stat-icon[b-u2s2fcqh3b] {
    align-items: center;
    background: rgba(0, 90, 131, 0.08);
    border-radius: 8px;
    color: #005A83;
    display: flex;
    flex-shrink: 0;
    height: 36px;
    justify-content: center;
    width: 36px;
}

.stat-icon .material-icons[b-u2s2fcqh3b] {
    font-size: 18px;
}

.stat-content[b-u2s2fcqh3b] {
    display: flex;
    flex-direction: column;
}

.stat-number[b-u2s2fcqh3b] {
    color: #1f2937;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2;
}

.stat-label[b-u2s2fcqh3b] {
    color: #9ca3af;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.3px;
    text-transform: uppercase;
}

/* ===== Content Section Cards ===== */

.content-card[b-u2s2fcqh3b] {
    background: white;
    border-radius: 16px;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08);
    padding: 24px;
}

.section-title[b-u2s2fcqh3b] {
    color: #1f2937;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 16px;
}

/* ===== About Section ===== */

.about-text[b-u2s2fcqh3b] {
    color: #4b5563;
    font-size: 14px;
    line-height: 1.7;
    white-space: pre-line;
}

/* ===== Coaching Expertise ===== */

.expertise-grid[b-u2s2fcqh3b] {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(2, 1fr);
}

.expertise-card[b-u2s2fcqh3b] {
    background: #f9fafb;
    border-radius: 12px;
    padding: 16px;
}

.expertise-card-header[b-u2s2fcqh3b] {
    align-items: center;
    display: flex;
    gap: 10px;
    margin-bottom: 6px;
}

.expertise-icon[b-u2s2fcqh3b] {
    align-items: center;
    background: rgba(0, 90, 131, 0.1);
    border-radius: 8px;
    color: #005A83;
    display: flex;
    flex-shrink: 0;
    height: 32px;
    justify-content: center;
    width: 32px;
}

.expertise-icon .material-icons[b-u2s2fcqh3b] {
    font-size: 18px;
}

.expertise-name[b-u2s2fcqh3b] {
    color: #1f2937;
    font-size: 14px;
    font-weight: 600;
}

.expertise-description[b-u2s2fcqh3b] {
    color: #6b7280;
    font-size: 13px;
    line-height: 1.5;
}

/* ===== Qualifications ===== */

.qualifications-list[b-u2s2fcqh3b] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.qualification-item[b-u2s2fcqh3b] {
    align-items: flex-start;
    background: #f9fafb;
    border-left: 3px solid #005A83;
    border-radius: 0 12px 12px 0;
    display: flex;
    gap: 12px;
    padding: 14px 16px;
}

.qualification-icon[b-u2s2fcqh3b] {
    align-items: center;
    background: rgba(0, 90, 131, 0.1);
    border-radius: 8px;
    color: #005A83;
    display: flex;
    flex-shrink: 0;
    height: 36px;
    justify-content: center;
    width: 36px;
}

.qualification-icon .material-icons[b-u2s2fcqh3b] {
    font-size: 20px;
}

.qualification-details[b-u2s2fcqh3b] {
    flex: 1;
}

.qualification-name[b-u2s2fcqh3b] {
    color: #1f2937;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 2px;
}

.qualification-meta[b-u2s2fcqh3b] {
    color: #6b7280;
    font-size: 13px;
}

.license-abbreviation[b-u2s2fcqh3b] {
    background: rgba(0, 90, 131, 0.1);
    border-radius: 6px;
    color: #005A83;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.5px;
    padding: 2px 8px;
}

/* ===== Weekly Availability ===== */

.schedule-grid[b-u2s2fcqh3b] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.schedule-day[b-u2s2fcqh3b] {
    align-items: flex-start;
    background: #f9fafb;
    border-left: 3px solid #005A83;
    border-radius: 0 12px 12px 0;
    display: flex;
    gap: 12px;
    padding: 14px 16px;
}

.schedule-day.unavailable[b-u2s2fcqh3b] {
    border-left-color: #d1d5db;
    opacity: 0.6;
}

.schedule-icon[b-u2s2fcqh3b] {
    align-items: center;
    background: rgba(0, 90, 131, 0.1);
    border-radius: 8px;
    color: #005A83;
    display: flex;
    flex-shrink: 0;
    height: 36px;
    justify-content: center;
    width: 36px;
}

.schedule-day.unavailable .schedule-icon[b-u2s2fcqh3b] {
    background: rgba(156, 163, 175, 0.15);
    color: #9ca3af;
}

.schedule-icon .material-icons[b-u2s2fcqh3b] {
    font-size: 20px;
}

.schedule-details[b-u2s2fcqh3b] {
    display: flex;
    align-items: center;
    flex: 1;
    gap: 12px;
    justify-content: space-between;
}

.day-name[b-u2s2fcqh3b] {
    color: #1f2937;
    font-size: 14px;
    font-weight: 600;
    min-width: 100px;
}

.day-times[b-u2s2fcqh3b] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.time-range[b-u2s2fcqh3b] {
    background: rgba(0, 90, 131, 0.1);
    border-radius: 6px;
    color: #005A83;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.5px;
    padding: 2px 8px;
}

.unavailable-text[b-u2s2fcqh3b] {
    color: #9ca3af;
    font-size: 13px;
    font-style: italic;
}

/* ===== Sidebar Cards ===== */

.sidebar-card[b-u2s2fcqh3b] {
    background: white;
    border-radius: 16px;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08);
    padding: 24px;
}

.sidebar-title[b-u2s2fcqh3b] {
    color: #005A83;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.8px;
    margin-bottom: 16px;
    text-transform: uppercase;
}

/* Quick Info */

.info-list[b-u2s2fcqh3b] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.info-item[b-u2s2fcqh3b] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.info-label[b-u2s2fcqh3b] {
    color: #9ca3af;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

.info-value[b-u2s2fcqh3b] {
    color: #1f2937;
    font-size: 14px;
    font-weight: 500;
}

.info-link[b-u2s2fcqh3b] {
    color: #005A83;
    text-decoration: none;
}

.info-link:hover[b-u2s2fcqh3b] {
    opacity: 0.8;
}

/* Social Links */

.social-links-list[b-u2s2fcqh3b] {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.social-link-item[b-u2s2fcqh3b] {
    align-items: center;
    background: #f9fafb;
    border-radius: 10px;
    display: flex;
    gap: 12px;
    padding: 12px 14px;
    text-decoration: none;
}

.social-link-item:hover[b-u2s2fcqh3b] {
    background: #e6f2f8;
}

.social-link-icon[b-u2s2fcqh3b] {
    align-items: center;
    border-radius: 8px;
    display: flex;
    flex-shrink: 0;
    height: 32px;
    justify-content: center;
    width: 32px;
}

.social-link-icon .material-icons[b-u2s2fcqh3b] {
    color: white;
    font-size: 18px;
}

.social-link-icon.website[b-u2s2fcqh3b] { background: #4b5563; }
.social-link-icon.linkedin[b-u2s2fcqh3b] { background: #0A66C2; }
.social-link-icon.twitter[b-u2s2fcqh3b] { background: #000000; }
.social-link-icon.instagram[b-u2s2fcqh3b] { background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888); }
.social-link-icon.facebook[b-u2s2fcqh3b] { background: #1877F2; }

.social-link-details[b-u2s2fcqh3b] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.social-link-label[b-u2s2fcqh3b] {
    color: #1f2937;
    font-size: 13px;
    font-weight: 600;
}

.social-link-value[b-u2s2fcqh3b] {
    color: #6b7280;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Book CTA Card */

.book-cta-card[b-u2s2fcqh3b] {
    background: linear-gradient(135deg, rgba(0, 90, 131, 0.04) 0%, rgba(0, 150, 200, 0.02) 100%);
    border: 1px solid rgba(0, 90, 131, 0.1);
    border-radius: 16px;
    padding: 24px;
    text-align: center;
}

.book-cta-title[b-u2s2fcqh3b] {
    color: #1f2937;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 6px;
}

.book-cta-subtitle[b-u2s2fcqh3b] {
    color: #6b7280;
    font-size: 13px;
    margin-bottom: 16px;
}

/* ===== Loading & Error States ===== */

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

.error-container[b-u2s2fcqh3b] {
    align-items: center;
    background: white;
    border-radius: 16px;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08);
    display: flex;
    flex-direction: column;
    gap: 24px;
    justify-content: center;
    min-height: 400px;
    padding: 48px;
    text-align: center;
}

.error-icon[b-u2s2fcqh3b] {
    color: #9ca3af;
    font-size: 64px;
}

.error-title[b-u2s2fcqh3b] {
    color: #1f2937;
    font-size: 24px;
    font-weight: 600;
}

.error-message[b-u2s2fcqh3b] {
    color: #6b7280;
    font-size: 14px;
    line-height: 1.5;
}

/* ===== Booking Modal ===== */

.booking-info-banner[b-u2s2fcqh3b] {
    background: #e6f2f8;
    border-left: 3px solid #005A83;
    border-radius: 6px;
    color: #4b5563;
    font-size: 14px;
    margin-bottom: 20px;
    padding: 12px 16px;
}

.booking-info-banner strong[b-u2s2fcqh3b] {
    color: #005A83;
}

.form-group[b-u2s2fcqh3b] {
    margin-bottom: 20px;
}

.form-label[b-u2s2fcqh3b] {
    color: #1f2937;
    display: block;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 8px;
}

.availability-section[b-u2s2fcqh3b] {
    margin-top: 24px;
}

.availability-title[b-u2s2fcqh3b] {
    color: #1f2937;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 12px;
}

.availability-grid[b-u2s2fcqh3b] {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
}

.time-slot[b-u2s2fcqh3b] {
    background: #f9fafb;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    color: #6b7280;
    cursor: pointer;
    font-size: 14px;
    padding: 12px;
    text-align: center;
}

.time-slot:hover[b-u2s2fcqh3b] {
    background: #e6f2f8;
    border-color: #005A83;
    color: #005A83;
}

.time-slot.selected[b-u2s2fcqh3b] {
    background: #005A83;
    border-color: #005A83;
    color: white;
}

.no-availability[b-u2s2fcqh3b] {
    background: #f9fafb;
    border-radius: 8px;
    color: #6b7280;
    padding: 32px;
    text-align: center;
}

.no-availability .material-icons[b-u2s2fcqh3b] {
    color: #9ca3af;
    font-size: 48px;
    margin-bottom: 12px;
}

.loading-availability[b-u2s2fcqh3b] {
    padding: 32px;
    text-align: center;
}

.booking-modal-body[b-u2s2fcqh3b] {
    padding: 24px;
}

.no-availability-hint[b-u2s2fcqh3b] {
    font-size: 14px;
    margin-top: 8px;
}

.booking-error[b-u2s2fcqh3b] {
    background-color: #fee;
    border: 1px solid #fcc;
    border-radius: 6px;
    color: #c33;
    padding: 12px;
}

.booking-footer[b-u2s2fcqh3b] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
}

.booking-footer-actions[b-u2s2fcqh3b] {
    display: flex;
    gap: 12px;
    justify-content: flex-end;
}

/* ===== Responsive ===== */

@media (max-width: 1200px) {
    .expertise-grid[b-u2s2fcqh3b] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .profile-container[b-u2s2fcqh3b] {
        padding: 16px;
    }

    .hero-content[b-u2s2fcqh3b] {
        flex-direction: column;
        text-align: center;
    }

    .hero-categories[b-u2s2fcqh3b] {
        justify-content: center;
    }

    .hero-actions[b-u2s2fcqh3b] {
        justify-content: center;
        width: 100%;
    }

    .stats-strip[b-u2s2fcqh3b] {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .schedule-details[b-u2s2fcqh3b] {
        flex-direction: column;
        align-items: flex-start;
        gap: 6px;
    }

    .day-times[b-u2s2fcqh3b] {
        width: 100%;
    }
}
/* /Pages/General/Discover/Components/CoachCard.razor.rz.scp.css */
.coach-card[b-irsaxkn6xi] {
	-webkit-backdrop-filter: blur(20px);
	backdrop-filter: blur(20px);
	background: rgba(255, 255, 255, 0.9);
	border: 1px solid rgba(255, 255, 255, 0.3);
	border-radius: 24px;
	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);
	cursor: pointer;
	overflow: hidden;
	padding: 28px;
	position: relative;
	transform-style: preserve-3d;
	transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.coach-card[b-irsaxkn6xi]::before {
	background: linear-gradient(135deg, #005A83 0%, #0096C8 100%);
	content: '';
	height: 4px;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	transform: scaleX(0);
	transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.coach-card[b-irsaxkn6xi]::after {
	background: rgba(0, 90, 131, 0.02);
	bottom: 0;
	content: '';
	left: 0;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	right: 0;
	top: 0;
	transition: opacity 0.4s ease;
}

.coach-card:hover[b-irsaxkn6xi] {
	border-color: rgba(0, 90, 131, 0.1);
	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
	transform: translateY(-4px) scale(1.01);
}

.coach-card:hover[b-irsaxkn6xi]::before {
	transform: scaleX(1);
}

.coach-card:hover[b-irsaxkn6xi]::after {
	opacity: 1;
}

.coach-header[b-irsaxkn6xi] {
	align-items: flex-start;
	display: flex;
	gap: 16px;
	margin-bottom: 16px;
}

.coach-info[b-irsaxkn6xi] {
	flex: 1;
}

.coach-name[b-irsaxkn6xi] {
	color: #1f2937;
	font-size: 20px;
	font-weight: 700;
	letter-spacing: -0.01em;
	margin-bottom: 6px;
}

.coach-title[b-irsaxkn6xi] {
	color: #4b5563;
	font-size: 15px;
	font-weight: 500;
	margin-bottom: 12px;
}

.coach-tags[b-irsaxkn6xi] {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
}

.tag[b-irsaxkn6xi] {
	background: rgba(0, 90, 131, 0.1);
	border: 1px solid rgba(0, 90, 131, 0.2);
	border-radius: 16px;
	color: #005A83;
	font-size: 12px;
	font-weight: 600;
	padding: 6px 12px;
	transition: all 0.3s ease;
}

.tag:hover[b-irsaxkn6xi] {
	background: rgba(0, 90, 131, 0.15);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
	transform: translateY(-1px);
}

.coach-description[b-irsaxkn6xi] {
	color: #374151;
	line-height: 1.6;
	margin-bottom: 20px;
}

.coach-footer[b-irsaxkn6xi] {
	align-items: center;
	display: flex;
	gap: 16px;
	justify-content: space-between;
}

.view-more-btn[b-irsaxkn6xi] {
	align-items: center;
	background: #005A83;
	border: none;
	border-radius: 12px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
	color: white;
	cursor: pointer;
	display: flex;
	flex: 1;
	font-size: 13px;
	font-weight: 600;
	gap: 8px;
	justify-content: center;
	letter-spacing: 0.5px;
	overflow: hidden;
	padding: 12px 24px;
	position: relative;
	text-transform: uppercase;
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.view-more-btn[b-irsaxkn6xi]::before {
	background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
	content: '';
	height: 100%;
	left: -100%;
	position: absolute;
	top: 0;
	transition: left 0.5s;
	width: 100%;
}

.view-more-btn:hover[b-irsaxkn6xi]::before {
	left: 100%;
}

.view-more-btn:hover[b-irsaxkn6xi] {
	background: #004a6b;
	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);
	transform: translateY(-1px);
}

@media (max-width: 768px) {
	.coach-card[b-irsaxkn6xi] {
		padding: 20px;
	}
}

@media (max-width: 480px) {
	.coach-card[b-irsaxkn6xi] {
		padding: 16px;
	}
}
/* /Pages/General/Discover/Components/FiltersBar.razor.rz.scp.css */
.filters-bar[b-w2x0lcizyt] {
	-webkit-backdrop-filter: blur(20px);
	align-items: center;
	backdrop-filter: blur(20px);
	background: rgba(255, 255, 255, 0.9);
	border: 1px solid rgba(255, 255, 255, 0.3);
	border-radius: 20px;
	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	margin-bottom: 32px;
	overflow: hidden;
	padding: 20px 28px;
	position: relative;
}

.filters-bar[b-w2x0lcizyt]::before {
	background: rgba(0, 90, 131, 0.1);
	content: '';
	height: 1px;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
}

.filter-pills[b-w2x0lcizyt] {
	display: flex;
	flex: 1;
	flex-wrap: wrap;
	gap: 8px;
}

.filter-pill[b-w2x0lcizyt] {
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	background: rgba(255, 255, 255, 0.8);
	border: 1px solid rgba(0, 0, 0, 0.05);
	border-radius: 25px;
	color: #374151;
	cursor: pointer;
	font-weight: 500;
	overflow: hidden;
	padding: 10px 20px;
	position: relative;
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	white-space: nowrap;
}

.filter-pill[b-w2x0lcizyt]::before {
	background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
	content: '';
	height: 100%;
	left: -100%;
	position: absolute;
	top: 0;
	transition: left 0.5s;
	width: 100%;
}

.filter-pill:hover[b-w2x0lcizyt]::before {
	left: 100%;
}

.filter-pill:hover[b-w2x0lcizyt] {
	background: rgba(255, 255, 255, 0.95);
	border-color: #005A83;
	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);
	color: #005A83;
	transform: translateY(-2px);
}

.filter-pill.active[b-w2x0lcizyt] {
	background: #005A83;
	border-color: transparent;
	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);
	color: white;
	transform: translateY(-1px);
}

.view-options[b-w2x0lcizyt] {
	align-items: center;
	display: flex;
	gap: 12px;
}

.sort-dropdown[b-w2x0lcizyt] {
	background: white;
	border: 1px solid #d1d5db;
	border-radius: 8px;
	color: #374151;
	cursor: pointer;
	font-weight: 500;
	padding: 8px 12px;
}

@media (max-width: 768px) {
	.filters-bar[b-w2x0lcizyt] {
		padding: 16px 20px;
		gap: 16px;
	}

	.filter-pills[b-w2x0lcizyt] {
		flex-wrap: wrap;
	}
}

@media (max-width: 480px) {
	.filters-bar[b-w2x0lcizyt] {
		padding: 12px 16px;
	}
}
/* /Pages/General/Discover/Components/ResultsBar.razor.rz.scp.css */
.results-bar[b-k8g1f24jar] {
	align-items: center;
	display: flex;
	justify-content: space-between;
	margin-bottom: 24px;
}

.results-count[b-k8g1f24jar] {
	color: #374151;
	font-size: 16px;
}

.results-count strong[b-k8g1f24jar] {
	color: #1f2937;
	font-weight: 600;
}

.view-toggles[b-k8g1f24jar] {
	background: #f3f4f6;
	border-radius: 8px;
	display: flex;
	padding: 4px;
}

.view-toggle[b-k8g1f24jar] {
	background: none;
	border: none;
	border-radius: 6px;
	color: #374151;
	cursor: pointer;
	font-weight: 500;
	padding: 6px 12px;
	transition: all 0.2s;
}

.view-toggle.active[b-k8g1f24jar] {
	background: white;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
	color: #005A83;
}
/* /Pages/General/Discover/DiscoverPage.razor.rz.scp.css */
.page-container[b-yyw8qeknwn] {
	margin: 0 auto;
	padding: 32px 24px;
	position: relative;
}

.page-container[b-yyw8qeknwn]::before {
	background: rgba(0, 90, 131, 0.02);
	bottom: 0;
	content: '';
	left: 0;
	pointer-events: none;
	position: fixed;
	right: 0;
	top: 0;
	z-index: -1;
}

.page-header[b-yyw8qeknwn] {
	margin-bottom: 40px;
	position: relative;
	text-align: center;
}

.page-title[b-yyw8qeknwn] {
	color: #005A83;
	font-size: 42px;
	font-weight: 800;
	letter-spacing: -0.02em;
	margin-bottom: 12px;
}

.page-subtitle[b-yyw8qeknwn] {
	color: #4b5563;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.6;
	margin: 0 auto;
	max-width: 600px;
}

.coach-grid[b-yyw8qeknwn] {
	display: grid;
	gap: 28px;
	grid-template-columns: repeat(auto-fill, minmax(380px, 1fr));
	position: relative;
}

[b-yyw8qeknwn] .discover-pager {
	display: flex;
	gap: 8px;
	justify-content: center;
	margin-top: 40px;
	padding: 20px 0;
}

[b-yyw8qeknwn] .discover-pager .dxbl-pager-page-button,
[b-yyw8qeknwn] .discover-pager .dxbl-pager-nav-button {
	background: #ffffff;
	border: 1px solid #e5e7eb;
	border-radius: 10px;
	color: #4b5563;
	font-weight: 500;
	min-width: 40px;
	padding: 8px 14px;
	transition: all 0.2s ease;
}

[b-yyw8qeknwn] .discover-pager .dxbl-pager-page-button:hover,
[b-yyw8qeknwn] .discover-pager .dxbl-pager-nav-button:hover {
	background: #f3f4f6;
	border-color: #005A83;
	color: #005A83;
}

[b-yyw8qeknwn] .discover-pager .dxbl-pager-page-button.dxbl-active {
	background: linear-gradient(135deg, #005A83 0%, #007ab8 100%);
	border-color: #005A83;
	box-shadow: 0 2px 8px rgba(0, 90, 131, 0.3);
	color: #ffffff;
}

[b-yyw8qeknwn] .discover-pager .dxbl-pager-nav-button:disabled {
	background: #f9fafb;
	color: #d1d5db;
	cursor: not-allowed;
}

@media (max-width: 768px) {
	.page-container[b-yyw8qeknwn] {
		padding: 24px 16px;
	}

	.page-title[b-yyw8qeknwn] {
		font-size: 32px;
	}

	.coach-grid[b-yyw8qeknwn] {
		grid-template-columns: 1fr;
		gap: 20px;
	}
}

@media (max-width: 480px) {
	.page-container[b-yyw8qeknwn] {
		padding: 20px 12px;
	}

	.page-title[b-yyw8qeknwn] {
		font-size: 28px;
	}
}
/* /Pages/General/FeedbackPage.razor.rz.scp.css */
.feedback-page[b-cpidgnc93j] {
    background-color: #F0F4F6;
    min-height: 100vh;
}

.feedback-header[b-cpidgnc93j] {
    background-color: white;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    padding: 0.5rem 1rem;
}

.feedback-header-inner[b-cpidgnc93j] {
    align-items: center;
    display: flex;
    margin: 0 auto;
    max-width: 1200px;
}

.feedback-logo[b-cpidgnc93j] {
    display: block;
    height: 6rem;
    width: auto;
}

.feedback-content[b-cpidgnc93j] {
    display: flex;
    justify-content: center;
    padding: 3rem 1rem;
}

.feedback-card[b-cpidgnc93j] {
    background-color: white;
    border-radius: 0.5rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    max-width: 540px;
    padding: 2.5rem;
    width: 100%;
}

.feedback-loading[b-cpidgnc93j] {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding: 2rem 0;
}

.feedback-loading-text[b-cpidgnc93j] {
    color: #6B7280;
    font-size: 1rem;
    font-weight: 500;
}

.feedback-state[b-cpidgnc93j] {
    padding: 1rem 0;
    text-align: center;
}

.feedback-icon-error[b-cpidgnc93j] {
    color: #EF4444;
    font-size: 5rem;
}

.feedback-icon-warning[b-cpidgnc93j] {
    color: #F59E0B;
    font-size: 5rem;
}

.feedback-icon-success[b-cpidgnc93j] {
    color: #10B981;
    font-size: 5rem;
}

.feedback-title-error[b-cpidgnc93j] {
    color: #EF4444;
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 1rem;
}

.feedback-title-warning[b-cpidgnc93j] {
    color: #F59E0B;
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 1rem;
}

.feedback-title-success[b-cpidgnc93j] {
    color: #10B981;
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 1rem;
}

.feedback-message[b-cpidgnc93j] {
    color: #6B7280;
    font-size: 1rem;
    line-height: 1.6;
    margin-bottom: 1.5rem;
}

.feedback-form-title[b-cpidgnc93j] {
    color: #1F2937;
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 0.25rem;
    text-align: center;
}

.feedback-form-subtitle[b-cpidgnc93j] {
    color: #6B7280;
    font-size: 0.9375rem;
    margin-bottom: 2rem;
    text-align: center;
}

/* Star Rating */
.star-rating[b-cpidgnc93j] {
    display: flex;
    gap: 0.5rem;
    justify-content: center;
    margin-bottom: 0.5rem;
}

.star-interactive[b-cpidgnc93j] {
    color: #D1D5DB;
    cursor: pointer;
    font-size: 3rem;
    transition: color 0.15s ease, transform 0.15s ease;
}

    .star-interactive:hover[b-cpidgnc93j] {
        transform: scale(1.1);
    }

.star-filled[b-cpidgnc93j] {
    color: #F59E0B;
}

.star-empty[b-cpidgnc93j] {
    color: #D1D5DB;
}

.star-display[b-cpidgnc93j] {
    color: #F59E0B;
    font-size: 2rem;
}

.star-label[b-cpidgnc93j] {
    color: #6B7280;
    font-size: 0.875rem;
    font-weight: 500;
    margin-bottom: 1.5rem;
    text-align: center;
}

.feedback-submitted-rating[b-cpidgnc93j] {
    display: flex;
    gap: 0.25rem;
    justify-content: center;
    margin-bottom: 1rem;
}

.feedback-submitted-comment[b-cpidgnc93j] {
    background-color: #F9FAFB;
    border: 1px solid #E5E7EB;
    border-radius: 0.375rem;
    color: #374151;
    font-style: italic;
    padding: 1rem;
    text-align: left;
}

.feedback-comment[b-cpidgnc93j] {
    margin-bottom: 1.5rem;
}

.feedback-error[b-cpidgnc93j] {
    align-items: center;
    color: #EF4444;
    display: flex;
    font-size: 0.875rem;
    gap: 0.5rem;
    justify-content: center;
    margin-top: 1rem;
}

.feedback-footer[b-cpidgnc93j] {
    border-top: 1px solid #E5E7EB;
    margin-top: 2rem;
    padding-top: 1.5rem;
    text-align: center;
}

    .feedback-footer p[b-cpidgnc93j] {
        color: #6B7280;
        font-size: 0.875rem;
    }

    .feedback-footer a[b-cpidgnc93j] {
        color: #005A83;
        font-weight: 500;
        text-decoration: none;
    }

@media (max-width: 640px) {
    .feedback-card[b-cpidgnc93j] {
        padding: 1.5rem;
    }

    .feedback-form-title[b-cpidgnc93j] {
        font-size: 1.25rem;
    }

    .star-interactive[b-cpidgnc93j] {
        font-size: 2.5rem;
    }
}
/* /Pages/General/UserSettings/Components/AvailabilitySection.razor.rz.scp.css */
.settings-section[b-5jwhm8xes0] {
	margin-bottom: 32px;
	scroll-margin-top: 96px;
}

.section-card[b-5jwhm8xes0] {
	-webkit-backdrop-filter: blur(20px);
	backdrop-filter: blur(20px);
	background: rgba(255, 255, 255, 0.95);
	border: 1px solid rgba(255, 255, 255, 0.3);
	border-radius: 20px;
	box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06);
	overflow: hidden;
	transition: all 0.3s ease;
}

.section-card:hover[b-5jwhm8xes0] {
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
}

.section-header[b-5jwhm8xes0] {
	align-items: center;
	background: linear-gradient(135deg, rgba(0, 90, 131, 0.04) 0%, rgba(0, 150, 200, 0.02) 100%);
	border-bottom: 1px solid var(--gray-100);
	display: flex;
	gap: 16px;
	padding: 24px 28px;
}

.section-icon[b-5jwhm8xes0] {
	align-items: center;
	background: var(--gradient-primary);
	border-radius: 12px;
	color: white;
	display: flex;
	font-size: 22px;
	height: 48px;
	justify-content: center;
	width: 48px;
}

.section-title-group[b-5jwhm8xes0] {
	flex: 1;
}

.section-title[b-5jwhm8xes0] {
	color: var(--gray-900);
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 2px;
}

.section-description[b-5jwhm8xes0] {
	color: var(--gray-500);
	font-size: 13px;
}

.section-body[b-5jwhm8xes0] {
	padding: 28px;
}

.alert-message[b-5jwhm8xes0] {
	align-items: center;
	border-radius: 10px;
	display: flex;
	font-size: 13px;
	gap: 10px;
	margin-bottom: 16px;
	padding: 12px 16px;
}

.alert-message.error[b-5jwhm8xes0] {
	background: var(--danger-light);
	border: 1px solid var(--danger-border);
	color: var(--danger-dark);
}

.alert-message.success[b-5jwhm8xes0] {
	background: var(--success-light);
	border: 1px solid var(--success-border);
	color: var(--success-dark);
}

/* Availability grid */

.availability-grid[b-5jwhm8xes0] {
	background: var(--gray-50);
	border-radius: 12px;
	padding: 20px;
}

.availability-day[b-5jwhm8xes0] {
	align-items: center;
	border-bottom: 1px solid var(--gray-200);
	display: flex;
	gap: 16px;
	padding: 14px 0;
}

.availability-day:last-child[b-5jwhm8xes0] {
	border-bottom: none;
}

.day-toggle[b-5jwhm8xes0] {
	align-items: center;
	display: flex;
	gap: 10px;
	min-width: 100px;
}

.day-name[b-5jwhm8xes0] {
	color: var(--gray-700);
	font-size: 13px;
	font-weight: 600;
	text-transform: uppercase;
}

.time-slots-container[b-5jwhm8xes0] {
	align-items: center;
	display: flex;
	flex: 1;
	flex-wrap: wrap;
	gap: 10px;
}

.time-slot-pill[b-5jwhm8xes0] {
	align-items: center;
	background: white;
	border: 1px solid var(--gray-200);
	border-radius: 8px;
	display: flex;
	gap: 8px;
	padding: 8px 12px;
}

.time-separator[b-5jwhm8xes0] {
	color: var(--gray-400);
	font-size: 12px;
}

.unavailable-text[b-5jwhm8xes0] {
	color: var(--gray-400);
	font-size: 13px;
	font-style: italic;
}

.add-slot-btn[b-5jwhm8xes0] {
	align-items: center;
	background: transparent;
	border: 2px dashed var(--gray-300);
	border-radius: 8px;
	color: var(--primary);
	cursor: pointer;
	display: flex;
	gap: 4px;
	padding: 8px 12px;
	transition: all 0.2s ease;
}

.add-slot-btn:hover[b-5jwhm8xes0] {
	background: var(--primary-light);
	border-color: var(--primary);
}

/* Subsections (Break Time, Exclude Dates) */

.subsection[b-5jwhm8xes0] {
	border-top: 1px solid var(--gray-100);
	margin-top: 24px;
	padding-top: 24px;
}

.subsection-header[b-5jwhm8xes0] {
	align-items: center;
	display: flex;
	justify-content: space-between;
	margin-bottom: 16px;
}

.subsection-title[b-5jwhm8xes0] {
	color: var(--gray-800);
	font-size: 15px;
	font-weight: 600;
}

.subsection-hint[b-5jwhm8xes0] {
	color: var(--gray-500);
	font-size: 13px;
	margin-top: 4px;
}

/* Break Time */

.break-time-control[b-5jwhm8xes0] {
	align-items: center;
	display: flex;
	gap: 8px;
}

.break-time-suffix[b-5jwhm8xes0] {
	color: var(--gray-500);
	font-size: 13px;
}

/* Exclude Dates */

.clear-dates-btn[b-5jwhm8xes0] {
	background: none;
	border: none;
	color: var(--primary);
	cursor: pointer;
	font-family: inherit;
	font-size: 13px;
	font-weight: 500;
	padding: 4px 0;
	transition: color 0.15s ease;
}

.clear-dates-btn:hover[b-5jwhm8xes0] {
	color: var(--primary-hover);
	text-decoration: underline;
}

.exclude-dates-content[b-5jwhm8xes0] {
	display: flex;
	gap: 0;
}

.exclude-dates-calendar[b-5jwhm8xes0] {
	flex-shrink: 0;
}

.excluded-dates-list[b-5jwhm8xes0] {
	border-left: 1px solid var(--gray-100);
	display: flex;
	flex: 1;
	flex-direction: column;
	gap: 6px;
	max-height: 320px;
	min-width: 0;
	overflow-y: auto;
	padding: 8px;
}

.excluded-date-item[b-5jwhm8xes0] {
	align-items: center;
	background: var(--gray-50);
	border-radius: 10px;
	display: flex;
	gap: 12px;
	padding: 10px 14px;
	transition: background 0.15s ease;
}

.excluded-date-item:hover[b-5jwhm8xes0] {
	background: var(--gray-100);
}

.excluded-date-icon[b-5jwhm8xes0] {
	color: var(--gray-400);
	font-size: 18px;
}

.excluded-date-text[b-5jwhm8xes0] {
	color: var(--gray-700);
	flex: 1;
	font-size: 13px;
}

.excluded-date-remove[b-5jwhm8xes0] {
	align-items: center;
	background: none;
	border: none;
	border-radius: 6px;
	color: var(--gray-400);
	cursor: pointer;
	display: flex;
	padding: 4px;
	transition: all 0.15s ease;
}

.excluded-date-remove .material-icons[b-5jwhm8xes0] {
	font-size: 18px;
}

.excluded-date-remove:hover[b-5jwhm8xes0] {
	background: var(--danger-light);
	color: var(--danger);
}

.excluded-dates-empty[b-5jwhm8xes0] {
	align-items: center;
	color: var(--gray-400);
	display: flex;
	flex: 1;
	flex-direction: column;
	font-size: 13px;
	gap: 8px;
	justify-content: center;
}

.excluded-dates-empty .material-icons[b-5jwhm8xes0] {
	font-size: 32px;
	opacity: 0.5;
}

@media (max-width: 768px) {
	.exclude-dates-content[b-5jwhm8xes0] {
		flex-direction: column;
	}

	.excluded-dates-list[b-5jwhm8xes0] {
		border-left: none;
		border-top: 1px solid var(--gray-100);
		max-height: 200px;
	}
}

/* Empty & loading state */

.empty-state[b-5jwhm8xes0] {
	align-items: center;
	background: var(--gray-50);
	border-radius: 12px;
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding: 40px;
	text-align: center;
}

.empty-state-text[b-5jwhm8xes0] {
	color: var(--gray-500);
	font-size: 14px;
}

@media (max-width: 640px) {
	.section-body[b-5jwhm8xes0] {
		padding: 20px;
	}

	.availability-day[b-5jwhm8xes0] {
		align-items: flex-start;
		flex-direction: column;
		gap: 12px;
	}
}
/* /Pages/General/UserSettings/Components/BankingSection.razor.rz.scp.css */
.settings-section[b-fbralj44i1] {
	margin-bottom: 32px;
	scroll-margin-top: 96px;
}

.section-card[b-fbralj44i1] {
	-webkit-backdrop-filter: blur(20px);
	backdrop-filter: blur(20px);
	background: rgba(255, 255, 255, 0.95);
	border: 1px solid rgba(255, 255, 255, 0.3);
	border-radius: 20px;
	box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06);
	overflow: hidden;
	transition: all 0.3s ease;
}

.section-card:hover[b-fbralj44i1] {
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
}

.section-header[b-fbralj44i1] {
	align-items: center;
	background: linear-gradient(135deg, rgba(0, 90, 131, 0.04) 0%, rgba(0, 150, 200, 0.02) 100%);
	border-bottom: 1px solid var(--gray-100);
	display: flex;
	gap: 16px;
	padding: 24px 28px;
}

.section-icon[b-fbralj44i1] {
	align-items: center;
	background: var(--gradient-primary);
	border-radius: 12px;
	color: white;
	display: flex;
	font-size: 22px;
	height: 48px;
	justify-content: center;
	width: 48px;
}

.section-title-group[b-fbralj44i1] {
	flex: 1;
}

.section-title[b-fbralj44i1] {
	color: var(--gray-900);
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 2px;
}

.section-description[b-fbralj44i1] {
	color: var(--gray-500);
	font-size: 13px;
}

.section-body[b-fbralj44i1] {
	padding: 28px;
}

.alert-message[b-fbralj44i1] {
	align-items: center;
	border-radius: 10px;
	display: flex;
	font-size: 13px;
	gap: 10px;
	margin-bottom: 16px;
	padding: 12px 16px;
}

.alert-message.error[b-fbralj44i1] {
	background: var(--danger-light);
	border: 1px solid var(--danger-border);
	color: var(--danger-dark);
}

.alert-message.success[b-fbralj44i1] {
	background: var(--success-light);
	border: 1px solid var(--success-border);
	color: var(--success-dark);
}

.verified-banner[b-fbralj44i1] {
	background: linear-gradient(135deg, rgba(16, 185, 129, 0.04) 0%, rgba(16, 185, 129, 0.08) 100%);
	border: 1px solid rgba(16, 185, 129, 0.3);
	border-radius: 12px;
	margin-bottom: 20px;
	padding: 24px;
}

.form-row[b-fbralj44i1] {
	align-items: flex-start;
	border-bottom: 1px solid var(--gray-100);
	display: flex;
	gap: 24px;
	padding: 20px 0;
}

.form-row:last-child[b-fbralj44i1] {
	border-bottom: none;
	padding-bottom: 0;
}

.form-row:first-child[b-fbralj44i1] {
	padding-top: 0;
}

.form-label-group[b-fbralj44i1] {
	flex-shrink: 0;
	width: 200px;
}

.form-label-text[b-fbralj44i1] {
	color: var(--gray-700);
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 4px;
}

.form-label-hint[b-fbralj44i1] {
	color: var(--gray-400);
	font-size: 12px;
	line-height: 1.4;
}

.form-control-group[b-fbralj44i1] {
	flex: 1;
}

.form-value-display[b-fbralj44i1] {
	align-items: center;
	color: var(--gray-900);
	display: flex;
	font-size: 14px;
	gap: 12px;
	min-height: 40px;
}

.monospace-value[b-fbralj44i1] {
	background: var(--gray-100);
	border-radius: 6px;
	font-family: monospace;
	padding: 8px 12px;
}

.status-badge[b-fbralj44i1] {
	align-items: center;
	border-radius: 6px;
	display: inline-flex;
	font-size: 13px;
	font-weight: 600;
	gap: 6px;
	padding: 6px 12px;
}

.status-badge.active[b-fbralj44i1] {
	background: rgba(16, 185, 129, 0.1);
	color: #059669;
}

.status-badge.inactive[b-fbralj44i1] {
	background: rgba(245, 158, 11, 0.1);
	color: #b45309;
}

.verification-section[b-fbralj44i1] {
	background: linear-gradient(135deg, rgba(59, 130, 246, 0.04) 0%, rgba(59, 130, 246, 0.08) 100%);
	border: 1px solid rgba(59, 130, 246, 0.2);
	border-radius: 12px;
	margin-top: 24px;
	padding: 20px;
}

.subsection-header[b-fbralj44i1] {
	align-items: center;
	display: flex;
	justify-content: space-between;
	margin-bottom: 16px;
}

.subsection-title[b-fbralj44i1] {
	color: var(--gray-800);
	font-size: 15px;
	font-weight: 600;
}

.subsection-hint[b-fbralj44i1] {
	color: var(--gray-500);
	font-size: 13px;
	margin-top: 4px;
}

.verification-result[b-fbralj44i1] {
	background: var(--gray-50);
	border-radius: 12px;
	margin-top: 16px;
	padding: 16px;
}

.verification-result.success[b-fbralj44i1] {
	background: linear-gradient(135deg, rgba(16, 185, 129, 0.08) 0%, rgba(16, 185, 129, 0.12) 100%);
	border: 1px solid rgba(16, 185, 129, 0.3);
}

.verification-result.warning[b-fbralj44i1] {
	background: linear-gradient(135deg, rgba(245, 158, 11, 0.08) 0%, rgba(245, 158, 11, 0.12) 100%);
	border: 1px solid rgba(245, 158, 11, 0.3);
}

.verification-result-header[b-fbralj44i1] {
	align-items: center;
	color: var(--gray-800);
	display: flex;
	font-size: 14px;
	font-weight: 600;
	gap: 8px;
	margin-bottom: 12px;
}

.verification-result.success .verification-result-header[b-fbralj44i1] {
	color: #059669;
}

.verification-result.warning .verification-result-header[b-fbralj44i1] {
	color: #b45309;
}

.verification-result-items[b-fbralj44i1] {
	display: grid;
	gap: 8px;
	grid-template-columns: repeat(2, 1fr);
}

.verification-item[b-fbralj44i1] {
	align-items: center;
	display: flex;
	font-size: 13px;
	gap: 6px;
}

.verification-item.valid[b-fbralj44i1] {
	color: #059669;
}

.verification-item.invalid[b-fbralj44i1] {
	color: #dc2626;
}

.verification-item .material-icons[b-fbralj44i1] {
	font-size: 18px;
}

.verification-message[b-fbralj44i1] {
	background: rgba(0, 0, 0, 0.05);
	border-radius: 6px;
	color: var(--gray-600);
	font-size: 12px;
	margin-top: 12px;
	padding: 8px 12px;
}

.empty-state[b-fbralj44i1] {
	align-items: center;
	background: var(--gray-50);
	border-radius: 12px;
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding: 40px;
	text-align: center;
}

.empty-state-text[b-fbralj44i1] {
	color: var(--gray-500);
	font-size: 14px;
}

/* Account Category Selector */
.account-category-selector[b-fbralj44i1] {
	display: grid;
	gap: 12px;
	grid-template-columns: 1fr 1fr;
}

.category-card[b-fbralj44i1] {
	align-items: center;
	background: var(--gray-50);
	border: 2px solid var(--gray-200);
	border-radius: 14px;
	cursor: pointer;
	display: flex;
	gap: 14px;
	overflow: hidden;
	padding: 16px 18px;
	position: relative;
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.category-card:hover[b-fbralj44i1] {
	background: white;
	border-color: var(--gray-300);
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
}

.category-card.selected[b-fbralj44i1] {
	background: linear-gradient(135deg, rgba(59, 130, 246, 0.04) 0%, rgba(59, 130, 246, 0.08) 100%);
	border-color: #3b82f6;
	border-left-color: #2563eb;
	box-shadow: 0 4px 16px rgba(59, 130, 246, 0.12);
}

.category-card-icon[b-fbralj44i1] {
	align-items: center;
	border-radius: 12px;
	display: flex;
	flex-shrink: 0;
	height: 42px;
	justify-content: center;
	transition: all 0.3s ease;
	width: 42px;
}

.category-card-icon.personal[b-fbralj44i1] {
	background: linear-gradient(135deg, rgba(59, 130, 246, 0.1) 0%, rgba(96, 165, 250, 0.15) 100%);
	color: #3b82f6;
}

.category-card-icon.business[b-fbralj44i1] {
	background: linear-gradient(135deg, rgba(217, 119, 6, 0.1) 0%, rgba(245, 158, 11, 0.15) 100%);
	color: #d97706;
}

.category-card.selected .category-card-icon.personal[b-fbralj44i1] {
	background: linear-gradient(135deg, #2563eb 0%, #3b82f6 100%);
	color: white;
}

.category-card.selected .category-card-icon.business[b-fbralj44i1] {
	background: linear-gradient(135deg, #d97706 0%, #f59e0b 100%);
	color: white;
}

.category-card-icon .material-icons[b-fbralj44i1] {
	font-size: 22px;
}

.category-card-content[b-fbralj44i1] {
	flex: 1;
	min-width: 0;
}

.category-card-title[b-fbralj44i1] {
	color: var(--gray-700);
	font-size: 14px;
	font-weight: 600;
	transition: color 0.3s ease;
}

.category-card.selected .category-card-title[b-fbralj44i1] {
	color: var(--gray-900);
}

.category-card-desc[b-fbralj44i1] {
	color: var(--gray-400);
	font-size: 12px;
	margin-top: 2px;
}

.category-card-check[b-fbralj44i1] {
	color: #3b82f6;
	opacity: 0;
	transform: scale(0.5);
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.category-card.selected .category-card-check[b-fbralj44i1] {
	opacity: 1;
	transform: scale(1);
}

.category-card-check .material-icons[b-fbralj44i1] {
	font-size: 20px;
}

/* ID Type Segmented Selector */
.id-type-selector[b-fbralj44i1] {
	background: linear-gradient(135deg, var(--gray-100) 0%, rgba(0, 0, 0, 0.04) 100%);
	border-radius: 12px;
	display: flex;
	gap: 4px;
	padding: 4px;
}

.id-type-option[b-fbralj44i1] {
	align-items: center;
	background: transparent;
	border: none;
	border-radius: 10px;
	color: var(--gray-500);
	cursor: pointer;
	display: flex;
	flex: 1;
	font-size: 13px;
	font-weight: 500;
	gap: 8px;
	justify-content: center;
	padding: 10px 16px;
	position: relative;
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	white-space: nowrap;
}

.id-type-option:hover:not(.selected)[b-fbralj44i1] {
	background: rgba(255, 255, 255, 0.4);
	color: var(--gray-700);
}

.id-type-option.selected[b-fbralj44i1] {
	background: white;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08), 0 0 0 1px rgba(59, 130, 246, 0.15);
	color: #3b82f6;
	font-weight: 600;
}

.id-type-option .material-icons[b-fbralj44i1] {
	font-size: 18px;
	transition: transform 0.3s ease;
}

.id-type-option.selected .material-icons[b-fbralj44i1] {
	transform: scale(1.1);
}

@media (max-width: 640px) {
	.section-body[b-fbralj44i1] {
		padding: 20px;
	}

	.form-row[b-fbralj44i1] {
		flex-direction: column;
		gap: 12px;
	}

	.form-label-group[b-fbralj44i1] {
		width: 100%;
	}

	.verification-result-items[b-fbralj44i1] {
		grid-template-columns: 1fr;
	}

	.account-category-selector[b-fbralj44i1] {
		grid-template-columns: 1fr;
	}

	.id-type-selector[b-fbralj44i1] {
		flex-direction: column;
	}
}
/* /Pages/General/UserSettings/Components/BioSection.razor.rz.scp.css */
.settings-section[b-2r4329lr9j] {
	margin-bottom: 32px;
	scroll-margin-top: 96px;
}

.section-card[b-2r4329lr9j] {
	backdrop-filter: blur(20px);
	background: rgba(255, 255, 255, 0.95);
	border: 1px solid rgba(255, 255, 255, 0.3);
	border-radius: 20px;
	box-shadow: rgba(0, 0, 0, 0.06) 0px 4px 24px;
	overflow: hidden;
	transition: 0.3s;
}

.section-card:hover[b-2r4329lr9j] {
	box-shadow: rgba(0, 0, 0, 0.08) 0px 8px 32px;
}

.section-header[b-2r4329lr9j] {
	align-items: center;
	background: linear-gradient(135deg, rgba(0, 90, 131, 0.04) 0%, rgba(0, 150, 200, 0.02) 100%);
	border-bottom: 1px solid var(--gray-100);
	display: flex;
	gap: 16px;
	padding: 24px 28px;
}

.section-icon[b-2r4329lr9j] {
	align-items: center;
	background: var(--gradient-primary);
	border-radius: 12px;
	color: white;
	display: flex;
	font-size: 22px;
	height: 48px;
	justify-content: center;
	width: 48px;
}

.section-title-group[b-2r4329lr9j] {
	flex: 1;
}

.section-title[b-2r4329lr9j] {
	color: var(--gray-900);
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 2px;
}

.section-description[b-2r4329lr9j] {
	color: var(--gray-500);
	font-size: 13px;
}

.section-body[b-2r4329lr9j] {
	padding: 28px;
}

.button-row[b-2r4329lr9j] {
	display: flex;
	gap: 12px;
	justify-content: flex-end;
	margin-top: 24px;
}

/* Bio editor */
.bio-textarea-wrapper[b-2r4329lr9j] {
	position: relative;
}

.bio-char-count[b-2r4329lr9j] {
	bottom: 12px;
	color: var(--gray-400);
	font-size: 12px;
	pointer-events: none;
	position: absolute;
	right: 12px;
}

.bio-char-count.warning[b-2r4329lr9j] {
	color: var(--warning);
}

.bio-char-count.error[b-2r4329lr9j] {
	color: var(--danger);
}

@media (max-width: 640px) {
	.section-body[b-2r4329lr9j] {
		padding: 20px;
	}
}
/* /Pages/General/UserSettings/Components/CalendarSection.razor.rz.scp.css */
.settings-section[b-rib26mjfro] {
	margin-bottom: 32px;
	scroll-margin-top: 96px;
}

.section-card[b-rib26mjfro] {
	-webkit-backdrop-filter: blur(20px);
	backdrop-filter: blur(20px);
	background: rgba(255, 255, 255, 0.95);
	border: 1px solid rgba(255, 255, 255, 0.3);
	border-radius: 20px;
	box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06);
	overflow: hidden;
	transition: all 0.3s ease;
}

.section-card:hover[b-rib26mjfro] {
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
}

.section-header[b-rib26mjfro] {
	align-items: center;
	background: linear-gradient(135deg, rgba(0, 90, 131, 0.04) 0%, rgba(0, 150, 200, 0.02) 100%);
	border-bottom: 1px solid var(--gray-100);
	display: flex;
	gap: 16px;
	padding: 24px 28px;
}

.section-icon[b-rib26mjfro] {
	align-items: center;
	background: var(--gradient-primary);
	border-radius: 12px;
	color: white;
	display: flex;
	font-size: 22px;
	height: 48px;
	justify-content: center;
	width: 48px;
}

.section-title-group[b-rib26mjfro] {
	flex: 1;
}

.section-title[b-rib26mjfro] {
	color: var(--gray-900);
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 2px;
}

.section-description[b-rib26mjfro] {
	color: var(--gray-500);
	font-size: 13px;
}

.section-body[b-rib26mjfro] {
	padding: 28px;
}

.calendar-subsection[b-rib26mjfro] {
	border-top: 1px solid var(--gray-100);
	margin-top: 24px;
	padding-top: 24px;
}

.calendar-subsection:first-child[b-rib26mjfro] {
	border-top: none;
	margin-top: 0;
	padding-top: 0;
}

.subsection-header[b-rib26mjfro] {
	align-items: center;
	display: flex;
	justify-content: space-between;
	margin-bottom: 16px;
}

.subsection-title[b-rib26mjfro] {
	color: var(--gray-800);
	font-size: 15px;
	font-weight: 600;
}

.subsection-hint[b-rib26mjfro] {
	color: var(--gray-500);
	font-size: 13px;
	margin-top: 4px;
}

.alert-message[b-rib26mjfro] {
	align-items: center;
	border-radius: 10px;
	display: flex;
	font-size: 13px;
	gap: 10px;
	margin-bottom: 16px;
	padding: 12px 16px;
}

.alert-message.error[b-rib26mjfro] {
	background: var(--danger-light);
	border: 1px solid var(--danger-border);
	color: var(--danger-dark);
}

.alert-message.success[b-rib26mjfro] {
	background: var(--success-light);
	border: 1px solid var(--success-border);
	color: var(--success-dark);
}

.provider-buttons-row[b-rib26mjfro] {
	align-items: stretch;
	display: flex;
	gap: 12px;
}

.provider-button[b-rib26mjfro] {
	align-items: center;
	border: 2px solid var(--gray-200);
	border-radius: 12px;
	cursor: pointer;
	display: flex;
	flex: 1;
	font-family: inherit;
	font-size: 14px;
	font-weight: 500;
	gap: 10px;
	justify-content: center;
	padding: 14px 20px;
	transition: all 0.2s ease;
}

.provider-button:hover:not(:disabled)[b-rib26mjfro] {
	border-color: var(--gray-300);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
	transform: translateY(-2px);
}

.provider-button:disabled[b-rib26mjfro] {
	cursor: not-allowed;
	opacity: 0.5;
}

.provider-button.google[b-rib26mjfro] {
	background: white;
	color: #3c4043;
}

.provider-button.microsoft[b-rib26mjfro] {
	background: white;
	color: #3c4043;
}

.provider-button.zoom[b-rib26mjfro] {
	background: white;
	color: #3c4043;
}

.provider-button.builtin[b-rib26mjfro] {
	background: white;
	color: #3c4043;
}

/* Connection state indicators */

.provider-button .provider-status[b-rib26mjfro] {
	align-items: center;
	border-radius: 6px;
	display: flex;
	font-size: 11px;
	font-weight: 600;
	gap: 4px;
	margin-left: auto;
	padding: 3px 8px;
}

.provider-button .provider-status .material-icons[b-rib26mjfro] {
	font-size: 14px;
}

.provider-button .provider-status.connected[b-rib26mjfro] {
	background: rgba(16, 185, 129, 0.12);
	color: #059669;
}

.provider-button .provider-status.error[b-rib26mjfro] {
	background: rgba(239, 68, 68, 0.12);
	color: #dc2626;
}

.provider-button.has-status[b-rib26mjfro] {
	justify-content: flex-start;
}

.provider-button.connected-state[b-rib26mjfro] {
	border-color: #10b981;
}

.provider-button.error-state[b-rib26mjfro] {
	border-color: #ef4444;
}

.provider-icon[b-rib26mjfro] {
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	height: 20px;
	width: 20px;
}

.google-icon[b-rib26mjfro] {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='%234285F4' d='M45.12 24.5c0-1.56-.14-3.06-.4-4.5H24v8.51h11.84c-.51 2.75-2.06 5.08-4.39 6.64v5.52h7.11c4.16-3.83 6.56-9.47 6.56-16.17z'/%3E%3Cpath fill='%2334A853' d='M24 46c5.94 0 10.92-1.97 14.56-5.33l-7.11-5.52c-1.97 1.32-4.49 2.1-7.45 2.1-5.73 0-10.58-3.87-12.31-9.07H4.34v5.7C7.96 41.07 15.4 46 24 46z'/%3E%3Cpath fill='%23FBBC05' d='M11.69 28.18C11.25 26.86 11 25.45 11 24s.25-2.86.69-4.18v-5.7H4.34C2.85 17.09 2 20.45 2 24c0 3.55.85 6.91 2.34 9.88l7.35-5.7z'/%3E%3Cpath fill='%23EA4335' d='M24 10.75c3.23 0 6.13 1.11 8.41 3.29l6.31-6.31C34.91 4.18 29.93 2 24 2 15.4 2 7.96 6.93 4.34 14.12l7.35 5.7c1.73-5.2 6.58-9.07 12.31-9.07z'/%3E%3C/svg%3E");
}

.microsoft-icon[b-rib26mjfro] {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23 23'%3E%3Cpath fill='%23f35325' d='M0 0h11v11H0z'/%3E%3Cpath fill='%2381bc06' d='M12 0h11v11H12z'/%3E%3Cpath fill='%2305a6f0' d='M0 12h11v11H0z'/%3E%3Cpath fill='%23ffba08' d='M12 12h11v11H12z'/%3E%3C/svg%3E");
}

.zoom-icon[b-rib26mjfro] {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Crect width='48' height='48' rx='10' fill='%232D8CFF'/%3E%3Cpath d='M12 17.5C12 16.12 13.12 15 14.5 15H27.5C28.88 15 30 16.12 30 17.5V27.17L36 31V17C36 15.34 34.66 14 33 14H14C12.34 14 11 15.34 11 17V31C11 32.66 12.34 34 14 34H33C34.66 34 36 32.66 36 31V30.5L30 26.67V30.5C30 31.88 28.88 33 27.5 33H14.5C13.12 33 12 31.88 12 30.5V17.5Z' fill='white'/%3E%3C/svg%3E");
}

.calendar-list[b-rib26mjfro] {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.calendar-item[b-rib26mjfro] {
	align-items: center;
	background: var(--gray-50);
	border-radius: 12px;
	display: flex;
	gap: 14px;
	padding: 16px;
	transition: all 0.2s ease;
}

.calendar-item:hover[b-rib26mjfro] {
	background: white;
}

.calendar-item.selected[b-rib26mjfro] {
	background: rgba(0, 90, 131, 0.08);
}

.calendar-item-icon[b-rib26mjfro] {
	align-items: center;
	background: var(--primary-light);
	border-radius: 10px;
	color: var(--primary);
	display: flex;
	flex-shrink: 0;
	height: 40px;
	justify-content: center;
	width: 40px;
}

.calendar-item-details[b-rib26mjfro] {
	flex: 1;
	min-width: 0;
}

.calendar-item-name[b-rib26mjfro] {
	color: var(--gray-900);
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 2px;
}

.calendar-item-email[b-rib26mjfro] {
	color: var(--gray-500);
	font-size: 12px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.calendar-item-badges[b-rib26mjfro] {
	display: flex;
	gap: 6px;
}

.calendar-badge[b-rib26mjfro] {
	border-radius: 6px;
	font-size: 10px;
	font-weight: 600;
	padding: 4px 8px;
	text-transform: uppercase;
}

.calendar-badge.primary[b-rib26mjfro] {
	background: rgba(0, 90, 131, 0.1);
	color: var(--primary);
}

.calendar-badge.readonly[b-rib26mjfro] {
	background: rgba(245, 158, 11, 0.1);
	color: #b45309;
}

.empty-state[b-rib26mjfro] {
	align-items: center;
	background: var(--gray-50);
	border-radius: 12px;
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding: 40px;
	text-align: center;
}

.empty-state-icon[b-rib26mjfro] {
	color: var(--gray-300);
	font-size: 48px;
}

.empty-state-text[b-rib26mjfro] {
	color: var(--gray-500);
	font-size: 14px;
}

@media (max-width: 1024px) {
	.provider-buttons-row[b-rib26mjfro] {
		flex-direction: column;
	}
}

@media (max-width: 640px) {
	.section-body[b-rib26mjfro] {
		padding: 20px;
	}
}
/* /Pages/General/UserSettings/Components/DocumentsSection.razor.rz.scp.css */
/* Settings Section Wrapper */
.settings-section[b-um78s9tw6k] {
    margin-bottom: 32px;
    scroll-margin-top: 96px;
}

/* Card Container - matches page design */
.section-card[b-um78s9tw6k] {
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background: rgba(255, 255, 255, 0.95);
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 20px;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06);
    overflow: hidden;
    transition: all 0.3s ease;
}

.section-card:hover[b-um78s9tw6k] {
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
}

/* Section Header - matches page design */
.section-header[b-um78s9tw6k] {
    align-items: center;
    background: linear-gradient(135deg, rgba(0, 90, 131, 0.04) 0%, rgba(0, 150, 200, 0.02) 100%);
    border-bottom: 1px solid var(--gray-100);
    display: flex;
    gap: 16px;
    padding: 24px 28px;
}

.section-icon[b-um78s9tw6k] {
    align-items: center;
    background: var(--gradient-primary);
    border-radius: 12px;
    color: white;
    display: flex;
    font-size: 22px;
    height: 48px;
    justify-content: center;
    width: 48px;
}

.section-title-group[b-um78s9tw6k] {
    flex: 1;
}

.section-title[b-um78s9tw6k] {
    color: var(--gray-900);
    font-size: 18px;
    font-weight: 600;
    margin: 0 0 2px 0;
}

.section-description[b-um78s9tw6k] {
    color: var(--gray-500);
    font-size: 13px;
    margin: 0;
}

.section-body[b-um78s9tw6k] {
    padding: 28px;
}

/* Alert Messages */
.alert-message[b-um78s9tw6k] {
    align-items: center;
    border-radius: 10px;
    display: flex;
    font-size: 13px;
    gap: 10px;
    margin-bottom: 16px;
    padding: 12px 16px;
}

.alert-message.error[b-um78s9tw6k] {
    background: var(--danger-light);
    border: 1px solid var(--danger-border);
    color: var(--danger-dark);
}

.alert-message.success[b-um78s9tw6k] {
    background: var(--success-light);
    border: 1px solid var(--success-border);
    color: var(--success-dark);
}

/* File Browser Container */
.file-browser[b-um78s9tw6k] {
    border: 1px solid var(--gray-200);
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    min-height: 400px;
    overflow: hidden;
}

/* Toolbar */
.fm-toolbar[b-um78s9tw6k] {
    align-items: center;
    background: white;
    border-bottom: 1px solid var(--gray-200);
    display: flex;
    justify-content: space-between;
    padding: 10px 16px;
}

.fm-toolbar-left[b-um78s9tw6k] {
    align-items: center;
    display: flex;
    gap: 8px;
}

.fm-toolbar-right[b-um78s9tw6k] {
    align-items: center;
    display: flex;
    gap: 4px;
}

/* View toggle buttons */
 .fm-view-btn[b-um78s9tw6k] {
    min-width: 36px;
    padding: 6px;
}

 .fm-view-btn .material-icons[b-um78s9tw6k] {
    font-size: 20px;
}

/* Breadcrumb button */
 .fm-breadcrumb-btn[b-um78s9tw6k] {
    min-width: 32px;
    padding: 4px;
}

 .fm-breadcrumb-btn .material-icons[b-um78s9tw6k] {
    font-size: 18px;
}

/* Content Area */
.fm-content[b-um78s9tw6k] {
    display: flex;
    flex: 1;
    min-height: 0;
}

/* Sidebar */
.fm-sidebar[b-um78s9tw6k] {
    background: var(--gray-50);
    border-right: 1px solid var(--gray-200);
    display: flex;
    flex-direction: column;
    min-width: 180px;
    width: 180px;
}

.fm-sidebar-header[b-um78s9tw6k] {
    align-items: center;
    color: var(--gray-500);
    display: flex;
    font-size: 11px;
    font-weight: 600;
    gap: 8px;
    letter-spacing: 0.05em;
    padding: 14px 14px 10px;
    text-transform: uppercase;
}

.fm-sidebar-header .material-icons[b-um78s9tw6k] {
    color: #f59e0b;
    font-size: 16px;
}

.fm-folder-tree[b-um78s9tw6k] {
    flex: 1;
    overflow-y: auto;
    padding: 0 8px 12px;
}

.fm-folder-item[b-um78s9tw6k] {
    align-items: center;
    border-radius: 6px;
    color: var(--gray-700);
    cursor: pointer;
    display: flex;
    font-size: 13px;
    gap: 4px;
    padding: 7px 8px;
    position: relative;
    transition: all 0.12s ease;
}

.fm-folder-item:hover[b-um78s9tw6k] {
    background: var(--gray-100);
}

.fm-folder-item.selected[b-um78s9tw6k] {
    background: var(--primary-light);
    color: var(--primary-dark);
}

.fm-folder-item.selected .folder-icon[b-um78s9tw6k] {
    color: var(--primary);
}

.fm-folder-item.child[b-um78s9tw6k] {
    margin-left: 10px;
}

.folder-toggle[b-um78s9tw6k] {
    color: var(--gray-400);
    cursor: pointer;
    font-size: 16px;
    transition: transform 0.15s ease;
}

.folder-toggle-placeholder[b-um78s9tw6k] {
    width: 16px;
}

.folder-icon[b-um78s9tw6k] {
    color: #f59e0b;
    font-size: 18px;
}

.folder-name[b-um78s9tw6k] {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fm-folder-children[b-um78s9tw6k] {
    margin-top: 2px;
}

/* Main File Area */
.fm-main[b-um78s9tw6k] {
    background: white;
    display: flex;
    flex: 1;
    flex-direction: column;
    min-width: 0;
}

/* Breadcrumb */
.fm-breadcrumb[b-um78s9tw6k] {
    align-items: center;
    background: white;
    border-bottom: 1px solid var(--gray-200);
    display: flex;
    gap: 8px;
    padding: 8px 16px;
}

.fm-breadcrumb-path[b-um78s9tw6k] {
    align-items: center;
    display: flex;
    flex: 1;
    gap: 4px;
}

.fm-breadcrumb-item[b-um78s9tw6k] {
    color: var(--gray-500);
    font-size: 13px;
}

.fm-breadcrumb-item.clickable[b-um78s9tw6k] {
    cursor: pointer;
}

.fm-breadcrumb-item.clickable:hover[b-um78s9tw6k] {
    color: var(--primary);
    text-decoration: underline;
}

.fm-breadcrumb-item.current[b-um78s9tw6k] {
    color: var(--gray-900);
    font-weight: 500;
}

.fm-breadcrumb-separator[b-um78s9tw6k] {
    color: var(--gray-300);
    font-size: 16px;
}

.fm-item-count[b-um78s9tw6k] {
    color: var(--gray-400);
    font-size: 12px;
}

/* File List View */
.fm-file-list[b-um78s9tw6k] {
    display: flex;
    flex: 1;
    flex-direction: column;
    overflow: auto;
}

.fm-list-header[b-um78s9tw6k] {
    background: var(--gray-50);
    border-bottom: 1px solid var(--gray-200);
    display: flex;
    padding: 8px 16px;
    position: sticky;
    top: 0;
    z-index: 1;
}

.fm-list-cell[b-um78s9tw6k] {
    align-items: center;
    display: flex;
}

.fm-cell-checkbox[b-um78s9tw6k] {
    width: 36px;
}

.fm-cell-name[b-um78s9tw6k] {
    color: var(--gray-500);
    flex: 1;
    font-size: 11px;
    font-weight: 600;
    gap: 10px;
    letter-spacing: 0.02em;
    min-width: 150px;
    text-transform: uppercase;
}

.fm-cell-date[b-um78s9tw6k] {
    color: var(--gray-500);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    width: 120px;
}

.fm-cell-size[b-um78s9tw6k] {
    color: var(--gray-500);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    width: 80px;
}

.fm-cell-actions[b-um78s9tw6k] {
    width: 40px;
}

.fm-list-row[b-um78s9tw6k] {
    background: white;
    border-bottom: 1px solid var(--gray-100);
    cursor: pointer;
    display: flex;
    padding: 10px 16px;
    transition: background 0.12s ease;
}

.fm-list-row:hover[b-um78s9tw6k] {
    background: var(--gray-50);
}

.fm-list-row.selected[b-um78s9tw6k] {
    background: var(--primary-light);
}

.fm-list-row.fm-row-parent[b-um78s9tw6k] {
    background: var(--gray-50);
}

.fm-list-row .fm-cell-name[b-um78s9tw6k] {
    color: var(--gray-900);
    font-size: 13px;
    font-weight: 400;
    text-transform: none;
}

.fm-list-row .fm-cell-date[b-um78s9tw6k],
.fm-list-row .fm-cell-size[b-um78s9tw6k] {
    color: var(--gray-500);
    font-size: 13px;
    font-weight: 400;
    text-transform: none;
}

/* File Thumbnails */
.fm-file-thumbnail[b-um78s9tw6k] {
    align-items: center;
    border-radius: 6px;
    display: flex;
    flex-shrink: 0;
    height: 32px;
    justify-content: center;
    margin-right: 10px;
    width: 32px;
}

.fm-file-thumbnail .material-icons[b-um78s9tw6k] {
    font-size: 18px;
}

.fm-file-thumbnail.image[b-um78s9tw6k] {
    background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);
    color: #2563eb;
}

.fm-file-thumbnail.pdf[b-um78s9tw6k] {
    background: linear-gradient(135deg, #fee2e2 0%, #fecaca 100%);
    color: #dc2626;
}

.fm-file-thumbnail.video[b-um78s9tw6k] {
    background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
    color: #d97706;
}

.fm-file-thumbnail.doc[b-um78s9tw6k] {
    background: linear-gradient(135deg, #dbeafe 0%, #93c5fd 100%);
    color: #1d4ed8;
}

.fm-file-thumbnail.default[b-um78s9tw6k] {
    background: linear-gradient(135deg, var(--gray-200) 0%, var(--gray-300) 100%);
    color: var(--gray-600);
}

.fm-file-icon.folder-back[b-um78s9tw6k] {
    color: var(--gray-500);
    font-size: 18px;
    margin-right: 10px;
}

.fm-file-name[b-um78s9tw6k] {
    color: var(--gray-900);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Row Menu Button (DxButton) */
 .fm-row-menu-btn[b-um78s9tw6k] {
    opacity: 0;
    transition: opacity 0.12s ease;
}

.fm-list-row:hover  .fm-row-menu-btn[b-um78s9tw6k] {
    opacity: 1;
}

/* Grid View */
.fm-file-grid[b-um78s9tw6k] {
    background: white;
    display: grid;
    flex: 1;
    gap: 12px;
    grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
    overflow: auto;
    padding: 16px;
}

.fm-grid-item[b-um78s9tw6k] {
    background: var(--gray-50);
    border: 1px solid var(--gray-200);
    border-radius: 8px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    padding: 12px;
    position: relative;
    transition: all 0.15s ease;
}

.fm-grid-item:hover[b-um78s9tw6k] {
    border-color: var(--gray-300);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

.fm-grid-item.selected[b-um78s9tw6k] {
    background: var(--primary-light);
    border-color: var(--primary);
}

.fm-grid-item.fm-item-parent[b-um78s9tw6k] {
    background: white;
}

.fm-grid-select[b-um78s9tw6k] {
    position: absolute;
    right: 8px;
    top: 8px;
}

.fm-grid-thumbnail[b-um78s9tw6k] {
    align-items: center;
    align-self: center;
    border-radius: 8px;
    display: flex;
    height: 48px;
    justify-content: center;
    margin-bottom: 8px;
    width: 48px;
}

.fm-grid-thumbnail .material-icons[b-um78s9tw6k] {
    font-size: 26px;
}

.fm-grid-thumbnail.image[b-um78s9tw6k] {
    background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);
    color: #2563eb;
}

.fm-grid-thumbnail.pdf[b-um78s9tw6k] {
    background: linear-gradient(135deg, #fee2e2 0%, #fecaca 100%);
    color: #dc2626;
}

.fm-grid-thumbnail.video[b-um78s9tw6k] {
    background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
    color: #d97706;
}

.fm-grid-thumbnail.doc[b-um78s9tw6k] {
    background: linear-gradient(135deg, #dbeafe 0%, #93c5fd 100%);
    color: #1d4ed8;
}

.fm-grid-thumbnail.default[b-um78s9tw6k] {
    background: linear-gradient(135deg, var(--gray-200) 0%, var(--gray-300) 100%);
    color: var(--gray-600);
}

.fm-grid-thumbnail.folder[b-um78s9tw6k] {
    background: var(--gray-100);
    color: var(--gray-500);
}

.fm-grid-name[b-um78s9tw6k] {
    color: var(--gray-900);
    font-size: 12px;
    font-weight: 500;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fm-grid-date[b-um78s9tw6k] {
    color: var(--gray-400);
    font-size: 11px;
    margin-top: 2px;
    text-align: center;
}

.fm-grid-size[b-um78s9tw6k] {
    color: var(--gray-400);
    font-size: 11px;
    text-align: center;
}

/* Empty State - matches CalendarSection */
.fm-empty-state[b-um78s9tw6k] {
    align-items: center;
    background: white;
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 12px;
    justify-content: center;
    padding: 40px;
    text-align: center;
}

.fm-empty-state.grid-empty[b-um78s9tw6k] {
    grid-column: 1 / -1;
}

.fm-empty-state .material-icons[b-um78s9tw6k] {
    color: var(--gray-300);
    font-size: 48px;
}

.fm-empty-state p[b-um78s9tw6k] {
    color: var(--gray-500);
    font-size: 14px;
    margin: 0;
}

/* Upload Dialog */
.fm-dialog-overlay[b-um78s9tw6k] {
    align-items: center;
    background: rgba(15, 23, 42, 0.5);
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1000;
}

.fm-dialog[b-um78s9tw6k] {
    background: white;
    border-radius: 20px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.2);
    max-height: 90vh;
    max-width: 520px;
    overflow: hidden;
    width: 100%;
}

.fm-dialog-header[b-um78s9tw6k] {
    align-items: center;
    border-bottom: 1px solid var(--gray-200);
    display: flex;
    justify-content: space-between;
    padding: 18px 24px;
}

.fm-dialog-header h3[b-um78s9tw6k] {
    color: var(--gray-900);
    font-size: 17px;
    font-weight: 600;
    margin: 0;
}

/* Dialog close button (DxButton) */

.fm-dialog-body[b-um78s9tw6k] {
    max-height: 60vh;
    overflow-y: auto;
    padding: 20px 24px;
}

.fm-upload-target[b-um78s9tw6k] {
    align-items: center;
    background: var(--gray-50);
    border: 1px solid var(--gray-200);
    border-radius: 8px;
    color: var(--gray-500);
    display: flex;
    font-size: 13px;
    gap: 8px;
    margin-bottom: 16px;
    padding: 10px 14px;
}

.fm-upload-target .material-icons[b-um78s9tw6k] {
    color: #f59e0b;
    font-size: 18px;
}

.fm-upload-target strong[b-um78s9tw6k] {
    color: var(--gray-900);
}

.fm-dialog-footer[b-um78s9tw6k] {
    background: var(--gray-50);
    border-top: 1px solid var(--gray-200);
    display: flex;
    gap: 12px;
    justify-content: flex-end;
    padding: 14px 24px;
}

/* Dialog uses DxButton components */

/* Responsive */
@media (max-width: 768px) {
    .fm-content[b-um78s9tw6k] {
        flex-direction: column;
    }

    .fm-sidebar[b-um78s9tw6k] {
        border-bottom: 1px solid var(--gray-200);
        border-right: none;
        max-height: 160px;
        width: 100%;
    }

    .fm-toolbar[b-um78s9tw6k] {
        flex-wrap: wrap;
        gap: 8px;
        padding: 10px 16px;
    }

    .fm-cell-date[b-um78s9tw6k],
    .fm-cell-size[b-um78s9tw6k] {
        display: none;
    }

    .fm-file-grid[b-um78s9tw6k] {
        grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
    }
}

@media (max-width: 640px) {
    .section-body[b-um78s9tw6k] {
        padding: 20px;
    }
}
/* /Pages/General/UserSettings/Components/EarningsSection.razor.rz.scp.css */
.settings-section[b-tbm9rjmlav] {
    margin-bottom: 32px;
    scroll-margin-top: 96px;
}

.section-card[b-tbm9rjmlav] {
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    background: rgba(255, 255, 255, 0.95);
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 20px;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06);
    overflow: hidden;
    transition: all 0.3s ease;
}

.section-card:hover[b-tbm9rjmlav] {
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
}

.section-header[b-tbm9rjmlav] {
    align-items: center;
    background: linear-gradient(135deg, rgba(0, 90, 131, 0.04) 0%, rgba(0, 150, 200, 0.02) 100%);
    border-bottom: 1px solid var(--gray-100);
    display: flex;
    gap: 16px;
    padding: 24px 28px;
}

.section-icon[b-tbm9rjmlav] {
    align-items: center;
    background: var(--gradient-primary);
    border-radius: 12px;
    color: white;
    display: flex;
    font-size: 22px;
    height: 48px;
    justify-content: center;
    width: 48px;
}

.section-title-group[b-tbm9rjmlav] {
    flex: 1;
}

.section-title[b-tbm9rjmlav] {
    color: var(--gray-900);
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 2px;
}

.section-description[b-tbm9rjmlav] {
    color: var(--gray-500);
    font-size: 13px;
}

.section-body[b-tbm9rjmlav] {
    padding: 28px;
}

.alert-message[b-tbm9rjmlav] {
    align-items: center;
    border-radius: 10px;
    display: flex;
    font-size: 13px;
    gap: 10px;
    margin-bottom: 16px;
    padding: 12px 16px;
}

.alert-message.error[b-tbm9rjmlav] {
    background: var(--danger-light);
    border: 1px solid var(--danger-border);
    color: var(--danger-dark);
}

.empty-state[b-tbm9rjmlav] {
    align-items: center;
    background: var(--gray-50);
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 48px;
    text-align: center;
}

.empty-state-icon[b-tbm9rjmlav] {
    color: var(--gray-300);
    font-size: 48px;
}

.empty-state-text[b-tbm9rjmlav] {
    color: var(--gray-500);
    font-size: 15px;
    font-weight: 500;
}

.empty-state-hint[b-tbm9rjmlav] {
    color: var(--gray-400);
    font-size: 13px;
    max-width: 320px;
}

.filter-loading[b-tbm9rjmlav] {
    display: flex;
    justify-content: center;
    padding: 24px;
}

/* Date Filter Bar */
.filter-bar[b-tbm9rjmlav] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 24px;
}

.filter-pill[b-tbm9rjmlav] {
    background: var(--gray-50);
    border: 1px solid var(--gray-200);
    border-radius: 20px;
    color: var(--gray-600);
    cursor: pointer;
    font-size: 13px;
    font-weight: 500;
    padding: 8px 16px;
    transition: all 0.2s ease;
}

.filter-pill:hover[b-tbm9rjmlav] {
    background: var(--gray-100);
    border-color: var(--gray-300);
    color: var(--gray-700);
}

.filter-pill.active[b-tbm9rjmlav] {
    background: rgba(0, 90, 131, 0.08);
    border-color: rgba(0, 90, 131, 0.3);
    color: rgb(0, 90, 131);
    font-weight: 600;
}

/* Summary Stats Grid */
.stats-grid[b-tbm9rjmlav] {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(2, 1fr);
    margin-bottom: 24px;
}

.stat-card[b-tbm9rjmlav] {
    background: var(--gray-50);
    border: 1px solid var(--gray-200);
    border-left: 3px solid var(--gray-300);
    border-radius: 10px;
    padding: 16px 18px;
}

.stat-card.stat-total[b-tbm9rjmlav] {
    border-left-color: rgb(0, 90, 131);
}

.stat-card.stat-pending[b-tbm9rjmlav] {
    border-left-color: #d97706;
}

.stat-card.stat-approved[b-tbm9rjmlav] {
    border-left-color: #2563eb;
}

.stat-card.stat-paid[b-tbm9rjmlav] {
    border-left-color: #059669;
}

.stat-label[b-tbm9rjmlav] {
    color: var(--gray-500);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.5px;
    margin-bottom: 6px;
    text-transform: uppercase;
}

.stat-amount[b-tbm9rjmlav] {
    color: var(--gray-900);
    font-size: 22px;
    font-weight: 700;
    letter-spacing: -0.5px;
    line-height: 1.2;
    margin-bottom: 4px;
}

.stat-detail[b-tbm9rjmlav] {
    color: var(--gray-400);
    font-size: 12px;
}

/* Earnings Table */
.earnings-table-container[b-tbm9rjmlav] {
    border: 1px solid var(--gray-200);
    border-radius: 10px;
    overflow: hidden;
}

[b-tbm9rjmlav] .earnings-grid {
    border: none;
    font-size: 13px;
}

[b-tbm9rjmlav] .earnings-grid .dxbl-grid-header-row th {
    background: var(--gray-50);
    border-bottom: 1px solid var(--gray-200);
    color: var(--gray-500);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.5px;
    padding: 12px 16px;
    text-transform: uppercase;
}

[b-tbm9rjmlav] .earnings-grid .dxbl-grid-table td {
    border-bottom: 1px solid var(--gray-100);
    color: var(--gray-700);
    font-size: 13px;
    padding: 14px 16px;
    vertical-align: middle;
}

[b-tbm9rjmlav] .earnings-grid .dxbl-grid-table tr:hover td {
    background: rgba(0, 90, 131, 0.02);
}

[b-tbm9rjmlav] .earnings-grid .dxbl-grid-table tr:last-child td {
    border-bottom: none;
}

.fee-amount[b-tbm9rjmlav] {
    color: var(--gray-400);
    font-size: 13px;
}

.net-amount[b-tbm9rjmlav] {
    color: var(--gray-900);
    font-weight: 600;
}

/* Earning Status Badges */
.earning-status[b-tbm9rjmlav] {
    border-radius: 6px;
    display: inline-block;
    font-size: 12px;
    font-weight: 600;
    padding: 4px 10px;
}

.earning-status.status-pending[b-tbm9rjmlav] {
    background: rgba(217, 119, 6, 0.1);
    color: #b45309;
}

.earning-status.status-approved[b-tbm9rjmlav] {
    background: rgba(37, 99, 235, 0.1);
    color: #2563eb;
}

.earning-status.status-paid[b-tbm9rjmlav] {
    background: rgba(16, 185, 129, 0.1);
    color: #059669;
}

.earning-status.status-cancelled[b-tbm9rjmlav] {
    background: rgba(220, 38, 38, 0.1);
    color: #dc2626;
}

@media (max-width: 640px) {
    .section-body[b-tbm9rjmlav] {
        padding: 20px;
    }

    .stats-grid[b-tbm9rjmlav] {
        grid-template-columns: 1fr;
    }

    .filter-bar[b-tbm9rjmlav] {
        gap: 6px;
    }

    .filter-pill[b-tbm9rjmlav] {
        font-size: 12px;
        padding: 6px 12px;
    }
}
/* /Pages/General/UserSettings/Components/EmailAddressesSection.razor.rz.scp.css */
.settings-section[b-h346pwgj58] {
	margin-bottom: 32px;
	scroll-margin-top: 96px;
}

.section-card[b-h346pwgj58] {
	-webkit-backdrop-filter: blur(20px);
	backdrop-filter: blur(20px);
	background: rgba(255, 255, 255, 0.95);
	border: 1px solid rgba(255, 255, 255, 0.3);
	border-radius: 20px;
	box-shadow: 0 4px 24px rgba(0, 0, 0, 0.06);
	overflow: hidden;
	transition: all 0.3s ease;
}

.section-card:hover[b-h346pwgj58] {
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
}

.section-header[b-h346pwgj58] {
	align-items: center;
	background: linear-gradient(135deg, rgba(0, 90, 131, 0.04) 0%, rgba(0, 150, 200, 0.02) 100%);
	border-bottom: 1px solid var(--gray-100);
	display: flex;
	gap: 16px;
	padding: 24px 28px;
}

.section-icon[b-h346pwgj58] {
	align-items: center;
	background: var(--gradient-primary);
	border-radius: 12px;
	color: white;
	display: flex;
	font-size: 22px;
	height: 48px;
	justify-content: center;
	width: 48px;
}

.section-title-group[b-h346pwgj58] {
	flex: 1;
}

.section-title[b-h346pwgj58] {
	color: var(--gray-900);
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 2px;
}

.section-description[b-h346pwgj58] {
	color: var(--gray-500);
	font-size: 13px;
}

.section-body[b-h346pwgj58] {
	padding: 28px;
}

.alert-message[b-h346pwgj58] {
	align-items: center;
	border-radius: 10px;
	display: flex;
	font-size: 13px;
	gap: 10px;
	margin-bottom: 20px;
	padding: 12px 16px;
}

.alert-message.error[b-h346pwgj58] {
	background: rgba(220, 38, 38, 0.06);
	border: 1px solid rgba(220, 38, 38, 0.15);
	color: #dc2626;
}

.alert-message.success[b-h346pwgj58] {
	background: rgba(16, 185, 129, 0.06);
	border: 1px solid rgba(16, 185, 129, 0.15);
	color: #059669;
}

.alert-message .material-icons[b-h346pwgj58] {
	font-size: 18px;
}

.email-list[b-h346pwgj58] {
	border: 1px solid var(--gray-200);
	border-radius: 12px;
	overflow: hidden;
}

.email-row[b-h346pwgj58] {
	align-items: center;
	border-bottom: 1px solid var(--gray-100);
	display: flex;
	gap: 12px;
	justify-content: space-between;
	padding: 16px 20px;
	transition: background 0.15s ease;
}

.email-row:last-child[b-h346pwgj58] {
	border-bottom: none;
}

.email-row:hover[b-h346pwgj58] {
	background: rgba(0, 90, 131, 0.02);
}

.email-info[b-h346pwgj58] {
	align-items: center;
	display: flex;
	gap: 12px;
	min-width: 0;
}

.email-icon[b-h346pwgj58] {
	color: var(--gray-400);
	font-size: 20px;
}

.email-address[b-h346pwgj58] {
	color: var(--gray-800);
	font-size: 14px;
	font-weight: 500;
}

.email-label[b-h346pwgj58] {
	color: var(--gray-500);
	font-size: 12px;
	margin-top: 2px;
}

.email-actions[b-h346pwgj58] {
	align-items: center;
	display: flex;
	flex-shrink: 0;
	gap: 10px;
}

.email-badge[b-h346pwgj58] {
	border-radius: 20px;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.3px;
	padding: 4px 12px;
	text-transform: uppercase;
}

.email-badge.primary[b-h346pwgj58] {
	background: rgba(0, 90, 131, 0.08);
	color: rgb(0, 90, 131);
}

.email-badge.verified[b-h346pwgj58] {
	background: rgba(16, 185, 129, 0.08);
	color: #059669;
}

.email-badge.pending[b-h346pwgj58] {
	background: rgba(245, 158, 11, 0.08);
	color: #d97706;
}

.action-link[b-h346pwgj58] {
	background: none;
	border: none;
	color: rgb(0, 90, 131);
	cursor: pointer;
	font-size: 13px;
	font-weight: 500;
	padding: 4px 8px;
	transition: color 0.15s ease;
}

.action-link:hover[b-h346pwgj58] {
	color: rgb(0, 70, 105);
	text-decoration: underline;
}

.action-link.danger[b-h346pwgj58] {
	color: #dc2626;
}

.action-link.danger:hover[b-h346pwgj58] {
	color: #b91c1c;
}

.action-link:disabled[b-h346pwgj58] {
	cursor: not-allowed;
	opacity: 0.5;
}

.add-email-form[b-h346pwgj58] {
	display: flex;
	gap: 12px;
	margin-top: 20px;
}

.add-email-form[b-h346pwgj58]  .email-input {
	flex: 1;
}

.max-limit-note[b-h346pwgj58] {
	color: var(--gray-500);
	font-size: 13px;
	margin-top: 16px;
}

.helper-text[b-h346pwgj58] {
	color: var(--gray-400);
	font-size: 12px;
	margin-top: 16px;
}

.loading-state[b-h346pwgj58] {
	display: flex;
	justify-content: center;
	min-height: 60px;
	padding: 16px;
	position: relative;
}

@media (max-width: 640px) {
	.section-body[b-h346pwgj58] {
		padding: 20px;
	}

	.email-row[b-h346pwgj58] {
		flex-direction: column;
		align-items: flex-start;
		gap: 8px;
	}

	.email-actions[b-h346pwgj58] {
		margin-left: 32px;
	}

	.add-email-form[b-h346pwgj58] {
		flex-direction: column;
	}
}
/* /Pages/General/UserSettings/Components/LicencesSection.razor.rz.scp.css */
.settings-section[b-2kkz9kzks9] {
	margin-bottom: 32px;
	scroll-margin-top: 96px;
}

.section-card[b-2kkz9kzks9] {
	backdrop-filter: blur(20px);
	background: rgba(255, 255, 255, 0.95);
	border: 1px solid rgba(255, 255, 255, 0.3);
	border-radius: 20px;
	box-shadow: rgba(0, 0, 0, 0.06) 0px 4px 24px;
	overflow: hidden;
	transition: 0.3s;
}

.section-card:hover[b-2kkz9kzks9] {
	box-shadow: rgba(0, 0, 0, 0.08) 0px 8px 32px;
}

.section-header[b-2kkz9kzks9] {
	align-items: center;
	background: linear-gradient(135deg, rgba(0, 90, 131, 0.04) 0%, rgba(0, 150, 200, 0.02) 100%);
	border-bottom: 1px solid var(--gray-100);
	display: flex;
	gap: 16px;
	padding: 24px 28px;
}

.section-icon[b-2kkz9kzks9] {
	align-items: center;
	background: var(--gradient-primary);
	border-radius: 12px;
	color: white;
	display: flex;
	font-size: 22px;
	height: 48px;
	justify-content: center;
	width: 48px;
}

.section-title-group[b-2kkz9kzks9] {
	flex: 1;
}

.section-title[b-2kkz9kzks9] {
	color: var(--gray-900);
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 2px;
}

.section-description[b-2kkz9kzks9] {
	color: var(--gray-500);
	font-size: 13px;
}

.section-body[b-2kkz9kzks9] {
	padding: 28px;
}

.loading-state[b-2kkz9kzks9] {
	display: flex;
	justify-content: center;
	min-height: 120px;
	padding: 24px;
	position: relative;
}

.empty-state[b-2kkz9kzks9] {
	align-items: center;
	background: var(--gray-50);
	border-radius: 12px;
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding: 40px;
	text-align: center;
}

.empty-state-text[b-2kkz9kzks9] {
	color: var(--gray-500);
	font-size: 14px;
}

.button-row[b-2kkz9kzks9] {
	display: flex;
	gap: 12px;
	justify-content: flex-end;
	margin-top: 24px;
}

/* Coaching bodies list */
.coaching-bodies-list[b-2kkz9kzks9] {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.coaching-body-item[b-2kkz9kzks9] {
	padding: 8px 0;
}

.body-name[b-2kkz9kzks9] {
	font-weight: 500;
	color: var(--gray-700);
}

.body-abbreviation[b-2kkz9kzks9] {
	color: var(--gray-500);
	font-size: 0.9em;
	margin-left: 4px;
}

@media (max-width: 640px) {
	.section-body[b-2kkz9kzks9] {
		padding: 20px;
	}
}
/* /Pages/General/UserSettings/Components/NotificationPreferencesSection.razor.rz.scp.css */
.settings-section[b-opk0l6po8u] {
	margin-bottom: 32px;
	scroll-margin-top: 96px;
}

.section-card[b-opk0l6po8u] {
	backdrop-filter: blur(20px);
	background: rgba(255, 255, 255, 0.95);
	border: 1px solid rgba(255, 255, 255, 0.3);
	border-radius: 20px;
	box-shadow: rgba(0, 0, 0, 0.06) 0px 4px 24px;
	overflow: hidden;
	transition: 0.3s;
}

.section-card:hover[b-opk0l6po8u] {
	box-shadow: rgba(0, 0, 0, 0.08) 0px 8px 32px;
}

.section-header[b-opk0l6po8u] {
	align-items: center;
	background: linear-gradient(135deg, rgba(0, 90, 131, 0.04) 0%, rgba(0, 150, 200, 0.02) 100%);
	border-bottom: 1px solid var(--gray-100);
	display: flex;
	gap: 16px;
	padding: 24px 28px;
}

.section-icon[b-opk0l6po8u] {
	align-items: center;
	background: var(--gradient-primary);
	border-radius: 12px;
	color: white;
	display: flex;
	font-size: 22px;
	height: 48px;
	justify-content: center;
	width: 48px;
}

.section-title-group[b-opk0l6po8u] {
	flex: 1;
}

.section-title[b-opk0l6po8u] {
	color: var(--gray-900);
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 2px;
}

.section-description[b-opk0l6po8u] {
	color: var(--gray-500);
	font-size: 13px;
}

.section-body[b-opk0l6po8u] {
	padding: 28px;
}

.loading-state[b-opk0l6po8u] {
	display: flex;
	justify-content: center;
	min-height: 120px;
	padding: 24px;
	position: relative;
}

.empty-state[b-opk0l6po8u] {
	align-items: center;
	background: var(--gray-50);
	border-radius: 12px;
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding: 40px;
	text-align: center;
}

.empty-state-text[b-opk0l6po8u] {
	color: var(--gray-500);
	font-size: 14px;
}

.section-footer[b-opk0l6po8u] {
	display: flex;
	justify-content: flex-end;
	margin-top: 24px;
}

/* Notification preferences table */
.preferences-table-container[b-opk0l6po8u] {
	border: 1px solid var(--gray-200);
	border-radius: 12px;
	overflow: hidden;
}

.preferences-table[b-opk0l6po8u] {
	border-collapse: collapse;
	width: 100%;
}

.preferences-table thead tr[b-opk0l6po8u] {
	background: var(--gray-50);
	border-bottom: 1px solid var(--gray-200);
}

.preferences-table th[b-opk0l6po8u] {
	color: var(--gray-500);
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.5px;
	padding: 14px 20px;
	text-align: left;
	text-transform: uppercase;
}

.preferences-table th.col-channel[b-opk0l6po8u] {
	text-align: center;
	width: 110px;
}

.preferences-table th .channel-icon[b-opk0l6po8u] {
	display: block;
	font-size: 18px;
	margin: 0 auto 4px;
	opacity: 0.6;
}

.preferences-table tbody tr[b-opk0l6po8u] {
	border-bottom: 1px solid var(--gray-100);
	transition: background 0.15s;
}

.preferences-table tbody tr:last-child[b-opk0l6po8u] {
	border-bottom: none;
}

.preferences-table tbody tr:hover[b-opk0l6po8u] {
	background: rgba(0, 90, 131, 0.02);
}

.preferences-table td[b-opk0l6po8u] {
	padding: 16px 20px;
	vertical-align: middle;
}

.type-cell[b-opk0l6po8u] {
	min-width: 200px;
}

.type-name[b-opk0l6po8u] {
	color: var(--gray-800);
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 2px;
}

.type-description[b-opk0l6po8u] {
	color: var(--gray-500);
	font-size: 12px;
	line-height: 1.4;
}

.channel-cell[b-opk0l6po8u] {
	text-align: center;
}

/* Toggle switch */
.toggle-switch[b-opk0l6po8u] {
	cursor: pointer;
	display: inline-block;
	height: 24px;
	position: relative;
	width: 44px;
}

.toggle-switch input[b-opk0l6po8u] {
	height: 0;
	opacity: 0;
	width: 0;
}

.toggle-slider[b-opk0l6po8u] {
	background-color: var(--gray-300);
	border-radius: 24px;
	inset: 0;
	position: absolute;
	transition: 0.25s;
}

.toggle-slider[b-opk0l6po8u]::before {
	background-color: white;
	border-radius: 50%;
	bottom: 3px;
	box-shadow: rgba(0, 0, 0, 0.15) 0 1px 3px;
	content: "";
	height: 18px;
	left: 3px;
	position: absolute;
	transition: 0.25s;
	width: 18px;
}

.toggle-switch input:checked + .toggle-slider[b-opk0l6po8u] {
	background-color: #005A83;
}

.toggle-switch input:checked + .toggle-slider[b-opk0l6po8u]::before {
	transform: translateX(20px);
}

.toggle-switch input:focus + .toggle-slider[b-opk0l6po8u] {
	box-shadow: rgba(0, 90, 131, 0.15) 0 0 0 3px;
}

@media (max-width: 640px) {
	.section-body[b-opk0l6po8u] {
		padding: 20px;
	}

	.preferences-table th[b-opk0l6po8u],
	.preferences-table td[b-opk0l6po8u] {
		padding: 10px 12px;
	}

	.preferences-table th.col-channel[b-opk0l6po8u] {
		width: 80px;
	}
}
/* /Pages/General/UserSettings/Components/ProfileSection.razor.rz.scp.css */
.settings-section[b-4l1iz0ha7g] {
	margin-bottom: 32px;
	scroll-margin-top: 96px;
}

.section-card[b-4l1iz0ha7g] {
	backdrop-filter: blur(20px);
	background: rgba(255, 255, 255, 0.95);
	border: 1px solid rgba(255, 255, 255, 0.3);
	border-radius: 20px;
	box-shadow: rgba(0, 0, 0, 0.06) 0px 4px 24px;
	overflow: hidden;
	transition: 0.3s;
}

.section-card:hover[b-4l1iz0ha7g] {
	box-shadow: rgba(0, 0, 0, 0.08) 0px 8px 32px;
}

.section-header[b-4l1iz0ha7g] {
	align-items: center;
	background: linear-gradient(135deg, rgba(0, 90, 131, 0.04) 0%, rgba(0, 150, 200, 0.02) 100%);
	border-bottom: 1px solid var(--gray-100);
	display: flex;
	gap: 16px;
	padding: 24px 28px;
}

.section-icon[b-4l1iz0ha7g] {
	align-items: center;
	background: var(--gradient-primary);
	border-radius: 12px;
	color: white;
	display: flex;
	font-size: 22px;
	height: 48px;
	justify-content: center;
	width: 48px;
}

.section-title-group[b-4l1iz0ha7g] {
	flex: 1;
}

.section-title[b-4l1iz0ha7g] {
	color: var(--gray-900);
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 2px;
}

.section-description[b-4l1iz0ha7g] {
	color: var(--gray-500);
	font-size: 13px;
}

.section-body[b-4l1iz0ha7g] {
	padding: 28px;
}

.button-row[b-4l1iz0ha7g] {
	display: flex;
	gap: 12px;
	justify-content: flex-end;
	margin-top: 24px;
}

/* Profile header */
.profile-header-content[b-4l1iz0ha7g] {
	align-items: center;
	display: flex;
	gap: 32px;
}

.profile-avatar-wrapper[b-4l1iz0ha7g] {
	flex-shrink: 0;
	position: relative;
}

.profile-info[b-4l1iz0ha7g] {
	flex: 1;
}

.profile-name-display[b-4l1iz0ha7g] {
	color: var(--gray-900);
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 4px;
}

.profile-email-display[b-4l1iz0ha7g] {
	color: var(--gray-500);
	font-size: 14px;
	margin-bottom: 12px;
}

.profile-role-badge[b-4l1iz0ha7g] {
	background: var(--primary-light);
	border-radius: 20px;
	color: var(--primary);
	display: inline-flex;
	font-size: 12px;
	font-weight: 600;
	padding: 6px 14px;
}

/* Social links */
.social-links-section[b-4l1iz0ha7g] {
	border-top: 1px solid var(--gray-100);
	margin-top: 24px;
	padding-top: 24px;
}

.subsection-header[b-4l1iz0ha7g] {
	align-items: center;
	display: flex;
	justify-content: space-between;
	margin-bottom: 16px;
}

.subsection-title[b-4l1iz0ha7g] {
	color: var(--gray-800);
	font-size: 15px;
	font-weight: 600;
}

.subsection-hint[b-4l1iz0ha7g] {
	color: var(--gray-500);
	font-size: 13px;
	margin-top: 4px;
}

.form-row[b-4l1iz0ha7g] {
	align-items: flex-start;
	border-bottom: 1px solid var(--gray-100);
	display: flex;
	gap: 24px;
	padding: 20px 0;
}

.form-row:last-child[b-4l1iz0ha7g] {
	border-bottom: none;
	padding-bottom: 0;
}

.form-row:first-child[b-4l1iz0ha7g] {
	padding-top: 0;
}

.form-label-group[b-4l1iz0ha7g] {
	flex-shrink: 0;
	width: 200px;
}

.form-label-text[b-4l1iz0ha7g] {
	color: var(--gray-700);
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 4px;
}

.form-label-hint[b-4l1iz0ha7g] {
	color: var(--gray-400);
	font-size: 12px;
	line-height: 1.4;
}

.form-control-group[b-4l1iz0ha7g] {
	flex: 1;
}

.social-input-wrapper[b-4l1iz0ha7g] {
	align-items: center;
	display: flex;
	gap: 12px;
}

.social-input-wrapper input[b-4l1iz0ha7g] {
	background: transparent;
	border: 1px solid var(--gray-200);
	border-radius: 8px;
	color: var(--gray-800);
	flex: 1;
	font-size: 14px;
	outline: none;
	padding: 10px 14px;
	transition: border-color 0.2s ease;
}

.social-input-wrapper input:focus[b-4l1iz0ha7g] {
	border-color: var(--primary);
	box-shadow: 0 0 0 3px rgba(0, 90, 131, 0.08);
}

.social-input-wrapper input[b-4l1iz0ha7g]::placeholder {
	color: var(--gray-300);
}

.social-icon[b-4l1iz0ha7g] {
	align-items: center;
	border-radius: 8px;
	color: white;
	display: flex;
	flex-shrink: 0;
	height: 40px;
	justify-content: center;
	width: 40px;
}

.social-icon.website[b-4l1iz0ha7g] {
	background: var(--gray-600);
}

.social-icon.linkedin[b-4l1iz0ha7g] {
	background: #0a66c2;
}

.social-icon.twitter[b-4l1iz0ha7g] {
	background: #000;
}

.social-icon.instagram[b-4l1iz0ha7g] {
	background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888);
}

.social-icon.facebook[b-4l1iz0ha7g] {
	background: #1877f2;
}

@media (max-width: 640px) {
	.section-body[b-4l1iz0ha7g] {
		padding: 20px;
	}

	.profile-header-content[b-4l1iz0ha7g] {
		flex-direction: column;
		text-align: center;
	}

	.form-row[b-4l1iz0ha7g] {
		flex-direction: column;
		gap: 8px;
	}

	.form-label-group[b-4l1iz0ha7g] {
		width: auto;
	}
}
/* /Pages/General/UserSettings/Components/RateSection.razor.rz.scp.css */
.settings-section[b-zzawuq0h7h] {
	margin-bottom: 32px;
	scroll-margin-top: 96px;
}

.section-card[b-zzawuq0h7h] {
	backdrop-filter: blur(20px);
	background: rgba(255, 255, 255, 0.95);
	border: 1px solid rgba(255, 255, 255, 0.3);
	border-radius: 20px;
	box-shadow: rgba(0, 0, 0, 0.06) 0px 4px 24px;
	overflow: hidden;
	transition: 0.3s;
}

.section-card:hover[b-zzawuq0h7h] {
	box-shadow: rgba(0, 0, 0, 0.08) 0px 8px 32px;
}

.section-header[b-zzawuq0h7h] {
	align-items: center;
	background: linear-gradient(135deg, rgba(0, 90, 131, 0.04) 0%, rgba(0, 150, 200, 0.02) 100%);
	border-bottom: 1px solid var(--gray-100);
	display: flex;
	gap: 16px;
	padding: 24px 28px;
}

.section-icon[b-zzawuq0h7h] {
	align-items: center;
	background: var(--gradient-primary);
	border-radius: 12px;
	color: white;
	display: flex;
	font-size: 22px;
	height: 48px;
	justify-content: center;
	width: 48px;
}

.section-title-group[b-zzawuq0h7h] {
	flex: 1;
}

.section-title[b-zzawuq0h7h] {
	color: var(--gray-900);
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 2px;
}

.section-description[b-zzawuq0h7h] {
	color: var(--gray-500);
	font-size: 13px;
}

.section-body[b-zzawuq0h7h] {
	padding: 28px;
}

.loading-state[b-zzawuq0h7h] {
	display: flex;
	justify-content: center;
	min-height: 120px;
	padding: 24px;
	position: relative;
}

.empty-state[b-zzawuq0h7h] {
	align-items: center;
	background: var(--gray-50);
	border-radius: 12px;
	display: flex;
	flex-direction: column;
	gap: 12px;
	padding: 40px;
	text-align: center;
}

.empty-state-text[b-zzawuq0h7h] {
	color: var(--gray-500);
	font-size: 14px;
}

.button-row[b-zzawuq0h7h] {
	display: flex;
	gap: 12px;
	justify-content: flex-end;
	margin-top: 24px;
}

/* Rate input section */
.rate-input-section[b-zzawuq0h7h] {
	margin-bottom: 20px;
}

.rate-input-card[b-zzawuq0h7h] {
	background: var(--gray-50);
	border: 1px solid var(--gray-200);
	border-radius: 12px;
	padding: 28px 28px 24px;
}

.rate-slider-display[b-zzawuq0h7h] {
	align-items: baseline;
	display: flex;
	gap: 4px;
	justify-content: center;
	margin-bottom: 28px;
}

.rate-slider-currency[b-zzawuq0h7h] {
	color: var(--primary);
	font-size: 22px;
	font-weight: 700;
}

.rate-slider-amount[b-zzawuq0h7h] {
	color: var(--gray-900);
	font-size: 44px;
	font-weight: 700;
	letter-spacing: -1px;
	line-height: 1;
	transition: color 0.15s;
}

.rate-slider-period[b-zzawuq0h7h] {
	color: var(--gray-400);
	font-size: 16px;
	font-weight: 400;
	margin-left: 2px;
}

.rate-slider-container[b-zzawuq0h7h] {
	margin: 0 auto 24px;
	max-width: 480px;
	padding: 0 4px;
}

.rate-slider-track-labels[b-zzawuq0h7h] {
	color: var(--gray-400);
	display: flex;
	font-size: 11px;
	font-weight: 500;
	justify-content: space-between;
	margin-bottom: 10px;
	padding: 0 2px;
}

.rate-slider[b-zzawuq0h7h] {
	appearance: none;
	background: transparent;
	cursor: pointer;
	height: 32px;
	outline: none;
	width: 100%;
}

.rate-slider[b-zzawuq0h7h]::-webkit-slider-runnable-track {
	background: linear-gradient(90deg, var(--gray-200) 0%, var(--gray-200) 100%);
	border-radius: 6px;
	height: 8px;
	position: relative;
}

.rate-slider[b-zzawuq0h7h]::-webkit-slider-thumb {
	appearance: none;
	background: #005A83;
	border: 3px solid white;
	border-radius: 50%;
	box-shadow: rgba(0, 90, 131, 0.35) 0px 2px 8px, rgba(0, 90, 131, 0.1) 0 0 0 1px;
	cursor: grab;
	height: 24px;
	margin-top: -8px;
	transition: transform 0.15s, box-shadow 0.15s;
	width: 24px;
}

.rate-slider[b-zzawuq0h7h]::-webkit-slider-thumb:hover {
	box-shadow: rgba(0, 90, 131, 0.5) 0 2px 12px, rgba(0, 90, 131, 0.2) 0 0 0 1px;
	transform: scale(1.15);
}

.rate-slider[b-zzawuq0h7h]::-webkit-slider-thumb:active {
	cursor: grabbing;
	transform: scale(1.1);
}

.rate-slider-ticks[b-zzawuq0h7h] {
	display: flex;
	justify-content: space-between;
	margin-top: 4px;
	padding: 0 10px;
}

.rate-slider-ticks .tick[b-zzawuq0h7h] {
	background: var(--gray-300);
	border-radius: 1px;
	height: 6px;
	width: 1px;
}

.rate-slider-ticks .tick.tick-major[b-zzawuq0h7h] {
	background: var(--gray-400);
	height: 10px;
	width: 2px;
}

.rate-precise-input[b-zzawuq0h7h] {
	align-items: center;
	border-top: 1px solid var(--gray-200);
	display: flex;
	gap: 16px;
	justify-content: center;
	margin-top: 20px;
	padding-top: 20px;
}

.rate-precise-label[b-zzawuq0h7h] {
	color: var(--gray-400);
	font-size: 13px;
	white-space: nowrap;
}

.rate-input-wrapper[b-zzawuq0h7h] {
	align-items: center;
	display: flex;
	gap: 8px;
	justify-content: center;
}

.rate-input-prefix[b-zzawuq0h7h] {
	color: var(--primary);
	font-size: 20px;
	font-weight: 600;
}

.rate-input-suffix[b-zzawuq0h7h] {
	color: var(--gray-400);
	font-size: 14px;
	font-weight: 400;
}

[b-zzawuq0h7h] .rate-input {
	max-width: 120px;
}

[b-zzawuq0h7h] .rate-input .dxbl-text-edit-input {
	font-size: 16px;
	font-weight: 600;
	text-align: center;
}

/* Rate display card (existing rate) */
.rate-display-card[b-zzawuq0h7h] {
	background: var(--gray-50);
	border: 1px solid var(--gray-200);
	border-radius: 12px;
	margin-bottom: 20px;
	padding: 20px;
}

.rate-display-amount[b-zzawuq0h7h] {
	align-items: center;
	display: flex;
	gap: 2px;
	justify-content: center;
	margin-bottom: 10px;
}

.rate-currency[b-zzawuq0h7h] {
	color: var(--gray-900);
	font-size: 28px;
	font-weight: 600;
}

.rate-value[b-zzawuq0h7h] {
	color: var(--gray-900);
	font-size: 28px;
	font-weight: 600;
	line-height: 1;
}

.rate-period[b-zzawuq0h7h] {
	color: var(--gray-400);
	font-size: 14px;
	font-weight: 400;
	margin-left: 4px;
}

.rate-display-status[b-zzawuq0h7h] {
	text-align: center;
}

.status-badge[b-zzawuq0h7h] {
	align-items: center;
	border-radius: 6px;
	display: inline-flex;
	font-size: 13px;
	font-weight: 600;
	gap: 6px;
	padding: 6px 12px;
}

.status-badge.active[b-zzawuq0h7h] {
	background: rgba(16, 185, 129, 0.1);
	color: #059669;
}

.status-badge.pending[b-zzawuq0h7h] {
	background: rgba(217, 119, 6, 0.1);
	color: #b45309;
}

.status-badge.rejected[b-zzawuq0h7h] {
	background: rgba(220, 38, 38, 0.1);
	color: #dc2626;
}

.status-badge.offer[b-zzawuq0h7h] {
	background: rgba(99, 102, 241, 0.1);
	color: #4f46e5;
}

/* Status banner */
.status-banner[b-zzawuq0h7h] {
	border-radius: 12px;
	margin-bottom: 20px;
	padding: 24px;
}

.status-banner.active[b-zzawuq0h7h] {
	background: linear-gradient(135deg, rgba(16, 185, 129, 0.04) 0%, rgba(16, 185, 129, 0.08) 100%);
	border: 1px solid rgba(16, 185, 129, 0.3);
}

.status-banner.pending[b-zzawuq0h7h] {
	background: linear-gradient(135deg, rgba(217, 119, 6, 0.04) 0%, rgba(217, 119, 6, 0.08) 100%);
	border: 1px solid rgba(217, 119, 6, 0.3);
}

.status-banner.offer[b-zzawuq0h7h] {
	background: linear-gradient(135deg, rgba(99, 102, 241, 0.04) 0%, rgba(99, 102, 241, 0.08) 100%);
	border: 1px solid rgba(99, 102, 241, 0.3);
}

.status-banner.rejected[b-zzawuq0h7h] {
	background: linear-gradient(135deg, rgba(220, 38, 38, 0.04) 0%, rgba(220, 38, 38, 0.08) 100%);
	border: 1px solid rgba(220, 38, 38, 0.3);
}

.status-banner-content[b-zzawuq0h7h] {
	align-items: center;
	display: flex;
	gap: 12px;
}

.status-banner-icon[b-zzawuq0h7h] {
	font-size: 24px;
}

.status-banner-icon.active[b-zzawuq0h7h] {
	color: #059669;
}

.status-banner-icon.pending[b-zzawuq0h7h] {
	color: #d97706;
}

.status-banner-icon.offer[b-zzawuq0h7h] {
	color: #4f46e5;
}

.status-banner-icon.rejected[b-zzawuq0h7h] {
	color: #dc2626;
}

.status-banner-title[b-zzawuq0h7h] {
	font-size: 16px;
	font-weight: 600;
}

.status-banner-title.active[b-zzawuq0h7h] {
	color: #059669;
}

.status-banner-title.pending[b-zzawuq0h7h] {
	color: #d97706;
}

.status-banner-title.offer[b-zzawuq0h7h] {
	color: #4f46e5;
}

.status-banner-title.rejected[b-zzawuq0h7h] {
	color: #dc2626;
}

.status-banner-subtitle[b-zzawuq0h7h] {
	color: var(--gray-600);
	font-size: 13px;
}

/* Status badge icon */
.status-badge-icon[b-zzawuq0h7h] {
	font-size: 16px;
}

/* Rate metadata */
.rate-metadata[b-zzawuq0h7h] {
	border: 1px solid var(--gray-200);
	border-radius: 12px;
	display: flex;
}

.rate-meta-item[b-zzawuq0h7h] {
	align-items: center;
	display: flex;
	flex: 1;
	gap: 12px;
	padding: 16px 20px;
}

.rate-meta-item + .rate-meta-item[b-zzawuq0h7h] {
	border-left: 1px solid var(--gray-200);
}

.rate-meta-icon[b-zzawuq0h7h] {
	color: var(--gray-400);
	font-size: 20px;
}

.rate-meta-label[b-zzawuq0h7h] {
	color: var(--gray-500);
	font-size: 12px;
	margin-bottom: 2px;
}

.rate-meta-value[b-zzawuq0h7h] {
	color: var(--gray-900);
	font-size: 14px;
	font-weight: 600;
}

/* Offer card */
.offer-card[b-zzawuq0h7h] {
	background: var(--gray-50);
	border: 1px solid rgba(99, 102, 241, 0.2);
	border-radius: 12px;
	margin-bottom: 20px;
	padding: 24px;
}

.offer-header[b-zzawuq0h7h] {
	align-items: center;
	display: flex;
	gap: 12px;
	margin-bottom: 20px;
}

.offer-icon[b-zzawuq0h7h] {
	color: #4f46e5;
	font-size: 24px;
}

.offer-title[b-zzawuq0h7h] {
	color: #4f46e5;
	font-size: 15px;
	font-weight: 600;
}

.offer-subtitle[b-zzawuq0h7h] {
	color: var(--gray-500);
	font-size: 13px;
}

.offer-amount-row[b-zzawuq0h7h] {
	align-items: center;
	background: white;
	border: 1px solid var(--gray-200);
	border-radius: 10px;
	display: flex;
	gap: 16px;
	justify-content: center;
	margin-bottom: 20px;
	padding: 20px;
}

.offer-amount-block[b-zzawuq0h7h] {
	text-align: center;
}

.offer-amount-label[b-zzawuq0h7h] {
	color: var(--gray-500);
	font-size: 12px;
	margin-bottom: 4px;
}

.offer-amount-value[b-zzawuq0h7h] {
	font-size: 22px;
	font-weight: 700;
	line-height: 1.2;
}

.offer-amount-value.muted[b-zzawuq0h7h] {
	color: var(--gray-400);
	text-decoration: line-through;
}

.offer-amount-value.highlight[b-zzawuq0h7h] {
	color: #4f46e5;
}

.offer-arrow[b-zzawuq0h7h] {
	color: var(--gray-300);
	font-size: 24px;
}

.offer-actions[b-zzawuq0h7h] {
	display: flex;
	gap: 12px;
	justify-content: center;
}

.counter-form[b-zzawuq0h7h] {
	border-top: 1px solid var(--gray-200);
	display: flex;
	flex-direction: column;
	gap: 16px;
	margin-top: 20px;
	padding-top: 20px;
}

.counter-input-row[b-zzawuq0h7h] {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.counter-label[b-zzawuq0h7h] {
	color: #374151;
	font-size: 13px;
	font-weight: 500;
}

.counter-input-wrapper[b-zzawuq0h7h] {
	align-items: center;
	display: flex;
	gap: 8px;
}

/* Info banner */
.info-banner[b-zzawuq0h7h] {
	background-color: #eff6ff;
	border: 1px solid #bfdbfe;
	border-radius: 8px;
	margin-top: 16px;
	padding: 16px;
}

.info-banner-content[b-zzawuq0h7h] {
	align-items: flex-start;
	display: flex;
	gap: 12px;
}

.info-banner-icon[b-zzawuq0h7h] {
	color: #2563eb;
	font-size: 20px;
}

.info-banner-text[b-zzawuq0h7h] {
	color: #1e40af;
	font-size: 13px;
}

.info-banner-text p[b-zzawuq0h7h] {
	margin: 0;
}

.info-banner-text p:first-child[b-zzawuq0h7h] {
	margin-bottom: 8px;
}

@media (max-width: 640px) {
	.section-body[b-zzawuq0h7h] {
		padding: 20px;
	}

	.rate-slider-amount[b-zzawuq0h7h] {
		font-size: 36px;
	}

	.rate-precise-input[b-zzawuq0h7h] {
		flex-direction: column;
		align-items: center;
	}

	.rate-metadata[b-zzawuq0h7h] {
		flex-direction: column;
	}

	.rate-meta-item + .rate-meta-item[b-zzawuq0h7h] {
		border-left: none;
		border-top: 1px solid var(--gray-200);
	}
}
/* /Pages/General/UserSettings/Components/SettingsSidebar.razor.rz.scp.css */
.settings-sidebar[b-u7833tf151] {
	background: rgba(255, 255, 255, 0.95);
	border-right: 1px solid var(--gray-200);
	flex-shrink: 0;
	height: calc(100vh - 64px);
	overflow-y: auto;
	padding: 32px 0;
	position: sticky;
	top: 64px;
	width: 280px;
}

.sidebar-header[b-u7833tf151] {
	padding: 0 24px 24px;
}

.sidebar-title[b-u7833tf151] {
	color: var(--gray-900);
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 4px;
}

.sidebar-subtitle[b-u7833tf151] {
	color: var(--gray-500);
	font-size: 14px;
}

.nav-group[b-u7833tf151] {
	margin-bottom: 8px;
}

.nav-group-label[b-u7833tf151] {
	color: var(--gray-400);
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.8px;
	padding: 16px 24px 8px;
	text-transform: uppercase;
}

.nav-link[b-u7833tf151] {
	align-items: center;
	border-left: 3px solid transparent;
	color: var(--gray-600);
	cursor: pointer;
	display: flex;
	font-size: 14px;
	font-weight: 500;
	gap: 12px;
	padding: 12px 24px;
	text-decoration: none;
	transition: all 0.2s ease;
}

.nav-link:hover[b-u7833tf151] {
	background: var(--gray-50);
	color: var(--primary);
}

.nav-link.active[b-u7833tf151] {
	background: linear-gradient(90deg, rgba(0, 90, 131, 0.08) 0%, transparent 100%);
	border-left-color: var(--primary);
	color: var(--primary);
	font-weight: 600;
}

.nav-link .material-icons[b-u7833tf151] {
	font-size: 20px;
	opacity: 0.8;
}

.nav-link.active .material-icons[b-u7833tf151] {
	opacity: 1;
}

@media (max-width: 1024px) {
	.settings-sidebar[b-u7833tf151] {
		border-bottom: 1px solid var(--gray-200);
		border-right: none;
		height: auto;
		padding: 20px 0;
		position: relative;
		top: 0;
		width: 100%;
	}

	.sidebar-header[b-u7833tf151] {
		padding: 0 20px 16px;
	}

	.nav-group-label[b-u7833tf151] {
		padding: 12px 20px 6px;
	}

	.nav-link[b-u7833tf151] {
		padding: 10px 20px;
	}
}
/* /Pages/General/VerifyEmailPage.razor.rz.scp.css */
/* ==========================================================================
   Verify Email Page Styles
   Uses global animations from app.css: fadeInUp, scaleIn
   ========================================================================== */

.verification-success[b-ia960kmquw] {
    animation: fadeInUp 0.6s ease-out;
}

.verification-error[b-ia960kmquw] {
    animation: fadeInUp 0.6s ease-out;
}

.success-icon[b-ia960kmquw],
.error-icon[b-ia960kmquw] {
    animation: scaleIn 0.5s ease-out 0.3s both;
}
/* /Pages/Signup/SignupPage.razor.rz.scp.css */
/* ==========================================================================
   Signup Page Styles
   ========================================================================== */

/* Layout Container */
.signup-container[b-2vz95nh05p] {
    background-color: #F0F4F6;
    min-height: 100vh;
}

/* Important Note Banner */
.note-icon[b-2vz95nh05p] {
    color: #f39c12;
    flex-shrink: 0;
    font-size: 24px;
}

.note-text[b-2vz95nh05p] {
    color: var(--warning-dark);
    font-weight: 400;
    line-height: 1.5;
}

.note-text strong[b-2vz95nh05p] {
    font-weight: 600;
}

/* Password Strength Indicator */
.password-strength[b-2vz95nh05p] {
    margin-top: 0.5rem;
}

.strength-bar[b-2vz95nh05p] {
    border-radius: 2px;
    height: 4px;
    margin-bottom: 0.25rem;
    transition: all 0.3s ease;
}

.strength-weak[b-2vz95nh05p] {
    background-color: var(--danger);
    width: 33%;
}

.strength-medium[b-2vz95nh05p] {
    background-color: var(--warning);
    width: 66%;
}

.strength-strong[b-2vz95nh05p] {
    background-color: var(--success);
    width: 100%;
}

.strength-text[b-2vz95nh05p] {
    color: var(--gray-500);
    font-size: 0.75rem;
}

/* Profile Picture Upload */
#dropzone-external[b-2vz95nh05p] {
    align-items: center;
    background: var(--gradient-blue-light);
    border: 2px dashed var(--primary);
    border-radius: 0.75rem;
    box-shadow: 0 4px 12px rgba(0, 90, 131, 0.1);
    cursor: pointer;
    display: flex;
    height: 300px;
    justify-content: center;
    margin-top: 1rem;
    overflow: hidden;
    position: relative;
    transition: all 0.3s ease;
    width: 100%;
}

#dropzone-external.dropzone-hover[b-2vz95nh05p] {
    background: linear-gradient(135deg, #E0F2FE 0%, #B3E5FC 100%);
    border-color: var(--primary);
    border-style: solid;
    box-shadow: 0 8px 25px rgba(0, 90, 131, 0.2);
    transform: scale(1.02);
}

#dropzone-external:hover[b-2vz95nh05p] {
    background: linear-gradient(135deg, #E0F2FE 0%, #B3E5FC 100%);
    border-color: var(--primary);
    box-shadow: 0 6px 20px rgba(0, 90, 131, 0.15);
    transform: scale(1.01);
}

#dropzone-text > span[b-2vz95nh05p] {
    opacity: 0.5;
}

.upload-progress[b-2vz95nh05p] {
    display: flex;
    margin-top: 10px;
}

/* Section Styles */
.coaching-persona-section[b-2vz95nh05p],
.coaching-outcomes-section[b-2vz95nh05p],
.identity-documents-section[b-2vz95nh05p] {
    background: white;
    border-radius: 0.5rem;
    box-shadow: var(--shadow-sm);
    margin-bottom: 0;
    padding: 1.5rem;
}

.section-header[b-2vz95nh05p] {
    align-items: center;
    display: flex;
    gap: 0.5rem;
    margin-bottom: 0.5rem;
}

.section-header h3[b-2vz95nh05p] {
    color: var(--gray-900);
    font-size: 1.125rem;
    font-weight: 600;
    margin: 0;
}

.section-header .material-icons-outlined[b-2vz95nh05p] {
    color: black;
    font-size: 24px;
}

.section-content[b-2vz95nh05p] {
    margin-top: 0;
}

.section-content .form-label[b-2vz95nh05p] {
    margin-bottom: 0.25rem;
    margin-top: 0;
}

.section-content p.text-muted[b-2vz95nh05p] {
    margin-bottom: 1rem;
    margin-top: 0;
}

/* Coaching Categories */
.coaching-categories-grid[b-2vz95nh05p] {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 1rem !important;
    width: 100% !important;
}

.category-card[b-2vz95nh05p] {
    background: white;
    border: 2px solid var(--gray-200);
    border-radius: 12px;
    cursor: pointer;
    flex: 0 0 calc(50% - 0.5rem) !important;
    max-width: calc(50% - 0.5rem) !important;
    min-width: 300px !important;
    overflow: hidden;
    padding: 1.5rem;
    position: relative;
    transition: all 0.3s ease;
}

.category-card:hover[b-2vz95nh05p] {
    border-color: var(--primary);
    box-shadow: 0 4px 12px rgba(0, 90, 131, 0.15);
    transform: translateY(-2px);
}

.category-card.selected[b-2vz95nh05p] {
    background: var(--gradient-blue-light);
    border-color: var(--primary);
    box-shadow: 0 4px 20px rgba(0, 90, 131, 0.2);
}

.category-header[b-2vz95nh05p] {
    align-items: flex-start;
    display: flex;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.category-title[b-2vz95nh05p] {
    color: var(--gray-900);
    flex: 1;
    font-size: 1.125rem;
    font-weight: 600;
    margin: 0;
}

.category-description[b-2vz95nh05p] {
    color: var(--gray-500);
    font-size: 0.875rem;
    line-height: 1.5;
    margin: 0 0 1rem 0;
}

.category-icon[b-2vz95nh05p] {
    align-items: center;
    background: var(--gradient-primary);
    border-radius: 50%;
    color: white;
    display: flex;
    font-size: 1.25rem;
    height: 40px;
    justify-content: center;
    position: absolute;
    right: 1rem;
    top: 1rem;
    width: 40px;
}

.category-card.selected .category-icon[b-2vz95nh05p] {
    background: linear-gradient(135deg, var(--primary), #0EA5E9);
}

/* Hide radio button but preserve functionality */
.category-card input[type="radio"][b-2vz95nh05p] {
    height: 0 !important;
    margin: 0 !important;
    opacity: 0 !important;
    padding: 0 !important;
    pointer-events: none !important;
    position: absolute !important;
    width: 0 !important;
}

/* Coaching Outcomes */
.outcomes-grid[b-2vz95nh05p] {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 1rem !important;
    width: 100% !important;
}

.outcome-card[b-2vz95nh05p] {
    background: white;
    border: 2px solid var(--gray-200);
    border-radius: 12px;
    cursor: pointer;
    flex: 0 0 calc(50% - 0.5rem) !important;
    max-width: calc(50% - 0.5rem) !important;
    min-width: 300px !important;
    overflow: hidden;
    padding: 1rem;
    position: relative;
    transition: all 0.3s ease;
}

.outcome-card:hover:not(.disabled)[b-2vz95nh05p] {
    border-color: var(--primary);
    box-shadow: 0 4px 12px rgba(0, 90, 131, 0.15);
    transform: translateY(-2px);
}

.outcome-card.selected[b-2vz95nh05p] {
    background: var(--gradient-blue-light);
    border-color: var(--primary);
    box-shadow: 0 4px 20px rgba(0, 90, 131, 0.2);
}

.outcome-card.disabled[b-2vz95nh05p] {
    cursor: not-allowed;
    opacity: 0.5;
}

.outcome-header[b-2vz95nh05p] {
    align-items: center;
    display: flex;
    gap: 0.75rem;
    margin-bottom: 0.5rem;
    min-height: 50px;
}

.outcome-title[b-2vz95nh05p] {
    color: var(--gray-900);
    flex: 1;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.4;
    margin: 0;
}

.outcome-icon[b-2vz95nh05p] {
    align-items: center;
    background: var(--gradient-primary);
    border-radius: 50%;
    color: white;
    display: flex;
    font-size: 1.25rem;
    height: 40px;
    justify-content: center;
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
}

.outcome-card.selected .outcome-icon[b-2vz95nh05p] {
    background: linear-gradient(135deg, var(--primary), #0EA5E9);
}

/* Hide checkboxes but preserve functionality */
.outcome-card input[type="checkbox"][b-2vz95nh05p] {
    height: 0 !important;
    margin: 0 !important;
    opacity: 0 !important;
    padding: 0 !important;
    pointer-events: none !important;
    position: absolute !important;
    width: 0 !important;
}

/* Outcomes Summary */
.outcomes-summary[b-2vz95nh05p] {
    background: linear-gradient(135deg, #F0F9FF 0%, #E0F2FE 100%);
    border: 1px solid #B3E5FC;
    border-radius: 8px;
    margin-top: 1.5rem;
    padding: 1rem;
}

.summary-header[b-2vz95nh05p] {
    align-items: center;
    color: var(--primary);
    display: flex;
    font-weight: 600;
    gap: 0.5rem;
    margin-bottom: 0.75rem;
}

.selected-outcomes-list[b-2vz95nh05p] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.selected-outcome-item[b-2vz95nh05p] {
    align-items: center;
    color: var(--gray-900);
    display: flex;
    font-size: 0.875rem;
    gap: 0.5rem;
}

.selected-outcome-item .material-icons-outlined[b-2vz95nh05p] {
    color: var(--primary);
    font-size: 1rem;
}

/* Categories Summary */
.categories-summary[b-2vz95nh05p] {
    background: linear-gradient(135deg, #F0F9FF 0%, #E0F2FE 100%);
    border: 1px solid #B3E5FC;
    border-radius: 8px;
    margin-top: 1.5rem;
    padding: 1rem;
}

.selected-categories-list[b-2vz95nh05p] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.selected-category-item[b-2vz95nh05p] {
    align-items: center;
    color: var(--gray-900);
    display: flex;
    font-size: 0.875rem;
    gap: 0.5rem;
}

.selected-category-item .material-icons-outlined[b-2vz95nh05p] {
    color: var(--primary);
    font-size: 1rem;
}

/* Specific Upload Area Sizing Overrides */
.video-upload-area[b-2vz95nh05p] {
    flex: 1;
    min-height: 0;
}

.certification-files-upload-area[b-2vz95nh05p] {
    flex: 1;
}

.identity-document-upload-area[b-2vz95nh05p] {
    margin-top: 0.5rem;
}

/* Video Introduction Section */
.video-introduction-section[b-2vz95nh05p] {
    align-items: stretch;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 2rem !important;
    width: 100% !important;
}

.video-guidelines[b-2vz95nh05p] {
    background: linear-gradient(135deg, #F8FAFC 0%, #F0F9FF 100%);
    border: 1px solid #E0F2FE;
    border-radius: 12px;
    flex: 0 0 calc(50% - 1rem) !important;
    max-width: calc(50% - 1rem) !important;
    min-width: 300px !important;
    padding: 1.5rem;
}

.guidelines-header[b-2vz95nh05p] {
    align-items: center;
    display: flex;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.guidelines-header h4[b-2vz95nh05p] {
    color: var(--gray-900);
    font-size: 1.125rem;
    font-weight: 600;
    margin: 0;
}

.guidelines-header .material-icons-outlined[b-2vz95nh05p] {
    color: var(--warning);
    font-size: 1.5rem;
}

.guidelines-intro[b-2vz95nh05p] {
    color: var(--gray-700);
    font-size: 0.875rem;
    line-height: 1.6;
    margin-bottom: 1.5rem;
}

.guidelines-questions[b-2vz95nh05p] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.question-item[b-2vz95nh05p] {
    align-items: flex-start;
    display: flex;
    gap: 0.75rem;
}

.question-number[b-2vz95nh05p] {
    align-items: center;
    background: var(--gradient-primary);
    border-radius: 50%;
    color: white;
    display: flex;
    flex-shrink: 0;
    font-size: 0.75rem;
    font-weight: 600;
    height: 24px;
    justify-content: center;
    width: 24px;
}

.question-content h5[b-2vz95nh05p] {
    color: var(--gray-900);
    font-size: 0.875rem;
    font-weight: 600;
    margin: 0 0 0.25rem 0;
}

.question-content p[b-2vz95nh05p] {
    color: var(--gray-500);
    font-size: 0.75rem;
    line-height: 1.4;
    margin: 0;
}

.video-tips[b-2vz95nh05p] {
    background: white;
    border: 1px solid var(--gray-200);
    border-radius: 8px;
    padding: 1rem;
}

.video-tips h5[b-2vz95nh05p] {
    color: var(--gray-900);
    font-size: 0.875rem;
    font-weight: 600;
    margin: 0 0 0.75rem 0;
}

.video-tips ul[b-2vz95nh05p] {
    margin: 0;
    padding-left: 1.25rem;
}

.video-tips li[b-2vz95nh05p] {
    color: var(--gray-500);
    font-size: 0.75rem;
    margin-bottom: 0.25rem;
}

.video-upload-section[b-2vz95nh05p] {
    align-items: stretch;
    display: flex;
    flex: 0 0 calc(50% - 1rem) !important;
    flex-direction: column;
    max-width: calc(50% - 1rem) !important;
    min-width: 300px !important;
}

.video-preview[b-2vz95nh05p] {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 100%;
}

.video-actions[b-2vz95nh05p] {
    display: flex;
    gap: 0.75rem;
}

/* Skills & Certifications Section */
.skills-certifications-layout[b-2vz95nh05p] {
    align-items: flex-start;
    display: flex;
    gap: 2rem;
}

.certifications-section[b-2vz95nh05p] {
    flex: 1;
    min-width: 0;
}

.certification-files-section[b-2vz95nh05p] {
    display: flex;
    flex: 1;
    flex-direction: column;
    min-width: 0;
}

.certification-list[b-2vz95nh05p] {
    background: var(--gray-50);
    border: 1px solid var(--gray-200);
    border-radius: 8px;
    max-height: 200px;
    overflow-y: auto;
    padding: 0.5rem;
}

.certification-item-expanded[b-2vz95nh05p] {
    align-items: center;
    background: white;
    border: 1px solid var(--gray-200);
    border-radius: 8px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.75rem;
    padding: 1rem;
    transition: all 0.2s ease;
}

.certification-item-expanded:last-child[b-2vz95nh05p] {
    margin-bottom: 0;
}

.certification-item-expanded:hover[b-2vz95nh05p] {
    border-color: var(--primary);
    box-shadow: 0 2px 8px rgba(0, 90, 131, 0.1);
}

.cert-details[b-2vz95nh05p] {
    flex: 1;
}

.cert-name[b-2vz95nh05p] {
    color: var(--gray-900);
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 0.25rem;
}

.cert-info[b-2vz95nh05p] {
    color: var(--gray-500);
    font-size: 0.875rem;
}

.add-cert-btn[b-2vz95nh05p] {
    margin-top: 1rem;
    width: 100%;
}

.remove-btn[b-2vz95nh05p] {
    color: var(--danger) !important;
    padding: 0.25rem !important;
}

.remove-btn:hover[b-2vz95nh05p] {
    background-color: var(--danger-light) !important;
    border-radius: 4px;
}

/* Phone Number Styles */
.phone-number-container[b-2vz95nh05p] {
    align-items: flex-start;
    display: flex;
    gap: 0.5rem;
}

.country-code-dropdown[b-2vz95nh05p] {
    flex: 0 0 auto;
    max-width: 120px;
    min-width: 120px;
}

.phone-number-input[b-2vz95nh05p] {
    flex: 1;
}

.phone-country-combobox[b-2vz95nh05p],
.country-combobox[b-2vz95nh05p] {
    font-family: var(--font-family) !important;
}

.phone-country-item[b-2vz95nh05p],
.country-item[b-2vz95nh05p] {
    align-items: center;
    display: flex;
    gap: 0.5rem;
}

.phone-country-item .fi[b-2vz95nh05p],
.country-item .fi[b-2vz95nh05p] {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    font-size: 1.2em;
    height: 1.2em;
    width: 1.2em;
}

.phone-verification-message[b-2vz95nh05p] {
    align-items: center;
    background: linear-gradient(135deg, #E0F2FE 0%, #F0F9FF 100%);
    border: 1px solid #B3E5FC;
    border-radius: 8px;
    color: var(--primary);
    display: flex;
    font-size: 0.875rem;
    gap: 0.5rem;
    margin-top: 0.5rem;
    padding: 0.75rem;
}

.verification-icon[b-2vz95nh05p] {
    color: var(--primary);
    font-size: 1.125rem !important;
}

/* Identity Documents */
.identity-documents-layout[b-2vz95nh05p] {
    align-items: stretch;
    display: flex;
    gap: 2rem;
}

.document-requirements-section[b-2vz95nh05p] {
    display: flex;
    flex: 0 0 350px;
    flex-direction: column;
    max-width: 350px;
}

.document-upload-section[b-2vz95nh05p] {
    display: flex;
    flex: 1;
    flex-direction: column;
    min-width: 0;
}

.requirements-card[b-2vz95nh05p] {
    background: linear-gradient(135deg, #F0F9FF 0%, #E0F2FE 100%);
    border: 1px solid #B3E5FC;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 1.5rem;
}

.requirements-header[b-2vz95nh05p] {
    align-items: center;
    display: flex;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.requirements-header h4[b-2vz95nh05p] {
    color: var(--gray-900);
    font-size: 1.125rem;
    font-weight: 600;
    margin: 0;
}

.requirements-header .material-icons-outlined[b-2vz95nh05p] {
    color: var(--primary);
    font-size: 1.5rem;
}

.requirements-content[b-2vz95nh05p] {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 0.75rem;
    margin-bottom: 1.5rem;
}

.requirement-item[b-2vz95nh05p] {
    align-items: center;
    display: flex;
    font-size: 0.875rem;
    gap: 0.5rem;
}

.requirement-item .check-icon[b-2vz95nh05p] {
    color: var(--success);
    font-size: 1rem;
}

.accepted-documents h5[b-2vz95nh05p] {
    color: var(--gray-900);
    font-size: 0.875rem;
    font-weight: 600;
    margin: 0 0 0.5rem 0;
}

.accepted-documents ul[b-2vz95nh05p] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.accepted-documents li[b-2vz95nh05p] {
    color: var(--gray-500);
    font-size: 0.8rem;
    margin-bottom: 0.25rem;
    padding-left: 1rem;
    position: relative;
}

.accepted-documents li[b-2vz95nh05p]::before {
    color: var(--primary);
    content: "\2022";
    left: 0;
    position: absolute;
}

/* Address Search Styles */
.address-search-wrapper[b-2vz95nh05p] {
    grid-column: 1 / -1;
    margin-bottom: 1rem;
    width: 100%;
}

.address-search-section[b-2vz95nh05p] {
    border-bottom: 1px solid var(--gray-200);
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;
    width: 100%;
}

.autofilled-icon[b-2vz95nh05p] {
    color: var(--success);
    font-size: 16px !important;
    margin-left: 0.25rem;
    vertical-align: middle;
}

.address-dropdown[b-2vz95nh05p] {
    background: white;
    border: 1px solid var(--gray-200);
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    left: 0;
    margin-top: 0.5rem;
    max-height: 300px;
    overflow-y: auto;
    position: absolute;
    right: 0;
    z-index: 1000;
}

.address-autofilled-banner[b-2vz95nh05p] {
    align-items: center;
    background: linear-gradient(135deg, var(--success-light) 0%, var(--success-border) 100%);
    border: 1px solid #6EE7B7;
    border-radius: 8px;
    display: flex;
    gap: 0.5rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
    padding: 0.75rem 1rem;
}

.address-autofilled-banner .material-icons-outlined[b-2vz95nh05p] {
    color: #059669;
    font-size: 20px;
}

.address-autofilled-banner > span[b-2vz95nh05p] {
    color: var(--success-dark);
    flex: 1;
    font-size: 0.875rem;
    font-weight: 500;
}

.btn-clear-link[b-2vz95nh05p] {
    align-items: center;
    background: white;
    border: 1px solid #6EE7B7;
    border-radius: 4px;
    color: #059669;
    cursor: pointer;
    display: flex;
    font-size: 0.75rem;
    font-weight: 500;
    gap: 0.25rem;
    padding: 0.25rem 0.5rem;
    transition: all 0.2s ease;
}

.btn-clear-link:hover[b-2vz95nh05p] {
    background: #059669;
    border-color: #059669;
    color: white;
}

.btn-clear-link .material-icons-outlined[b-2vz95nh05p] {
    font-size: 14px;
}

.address-dropdown-loading[b-2vz95nh05p] {
    align-items: center;
    display: flex;
    gap: 0.75rem;
    padding: 1rem;
}

.address-dropdown-loading span[b-2vz95nh05p] {
    color: var(--gray-500);
    font-size: 0.875rem;
}

.address-suggestion-item[b-2vz95nh05p] {
    align-items: center;
    cursor: pointer;
    display: flex;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    transition: all 0.2s ease;
}

.address-suggestion-item:hover[b-2vz95nh05p] {
    background: var(--gradient-blue-light);
}

.address-suggestion-item .material-icons-outlined[b-2vz95nh05p] {
    color: var(--primary);
    flex-shrink: 0;
    font-size: 20px;
}

.address-suggestion-text[b-2vz95nh05p] {
    flex: 1;
    min-width: 0;
}

.address-main[b-2vz95nh05p] {
    color: var(--gray-900);
    font-size: 0.875rem;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.address-sub[b-2vz95nh05p] {
    color: var(--gray-500);
    font-size: 0.75rem;
    margin-top: 0.125rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Responsive Design */
@media (max-width: 768px) {
    .skills-certifications-layout[b-2vz95nh05p],
    .video-introduction-section[b-2vz95nh05p],
    .identity-documents-layout[b-2vz95nh05p] {
        flex-direction: column;
        gap: 1.5rem;
    }

    .certifications-section[b-2vz95nh05p],
    .certification-files-section[b-2vz95nh05p],
    .video-guidelines[b-2vz95nh05p],
    .video-upload-section[b-2vz95nh05p],
    .document-requirements-section[b-2vz95nh05p],
    .document-upload-section[b-2vz95nh05p] {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }

    .requirements-card[b-2vz95nh05p] {
        height: auto !important;
    }

    .identity-document-upload-area[b-2vz95nh05p] {
        min-height: 250px !important;
    }

    .btn[b-2vz95nh05p] {
        justify-content: center;
    }

    .phone-number-container[b-2vz95nh05p] {
        flex-direction: column;
        gap: 0.75rem;
    }

    .country-code-dropdown[b-2vz95nh05p] {
        max-width: 100%;
        min-width: 100%;
    }

    .coaching-categories-grid[b-2vz95nh05p],
    .outcomes-grid[b-2vz95nh05p] {
        gap: 1rem;
    }

    .category-card[b-2vz95nh05p],
    .outcome-card[b-2vz95nh05p] {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
}