/* /Components/Layout/AdminLayout.razor.rz.scp.css */
/* ============================================================
   ADMIN LAYOUT - Sidebar + Topbar + Content
   Same structural pattern as MainLayout but with admin identity
   ============================================================ */
.admin-layout[b-xma6cng8d7] {
    display: flex;
    min-height: 100vh;
    background-color: var(--lf-gray-50);
}

/* ============================================================
   ADMIN SIDEBAR
   ============================================================ */
.admin-sidebar[b-xma6cng8d7] {
    width: 270px;
    min-width: 270px;
    height: 100vh;
    position: sticky;
    top: 0;
    background: linear-gradient(180deg, #0F172A 0%, #1E293B 50%, #0F172A 100%);
    display: flex;
    flex-direction: column;
    z-index: 1040;
    overflow: hidden;
    transition: transform 0.3s ease;
}

/* ============================================================
   ADMIN MAIN CONTENT AREA
   ============================================================ */
.admin-main[b-xma6cng8d7] {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-width: 0;
    overflow-x: hidden;
}

/* ============================================================
   ADMIN TOP BAR
   ============================================================ */
.admin-topbar[b-xma6cng8d7] {
    height: 64px;
    min-height: 64px;
    background: var(--lf-white);
    border-bottom: 1px solid var(--lf-gray-200);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 1.5rem;
    position: sticky;
    top: 0;
    z-index: 1020;
    box-shadow: var(--lf-shadow-sm);
}

.topbar-toggle[b-xma6cng8d7] {
    background: none;
    border: none;
    font-size: 1.4rem;
    color: var(--lf-gray-600);
    cursor: pointer;
    padding: 0.25rem;
    border-radius: var(--lf-radius-md);
    transition: all var(--lf-transition);
}

.topbar-toggle:hover[b-xma6cng8d7] {
    background: var(--lf-gray-100);
    color: var(--lf-primary);
}

/* Search */
.topbar-search[b-xma6cng8d7] {
    position: relative;
    display: flex;
    align-items: center;
    background: var(--lf-gray-50);
    border: 1px solid var(--lf-gray-200);
    border-radius: var(--lf-radius-full);
    padding: 0 1rem;
    height: 38px;
    min-width: 300px;
    transition: all var(--lf-transition);
}

.topbar-search:focus-within[b-xma6cng8d7] {
    border-color: var(--lf-accent);
    background: var(--lf-white);
    box-shadow: 0 0 0 3px rgba(20, 184, 166, 0.1);
}

.topbar-search i[b-xma6cng8d7] {
    color: var(--lf-gray-400);
    font-size: 0.85rem;
    margin-right: 0.5rem;
}

.topbar-search input[b-xma6cng8d7] {
    border: none;
    background: transparent;
    outline: none;
    font-size: var(--lf-font-size-sm);
    color: var(--lf-gray-800);
    width: 100%;
}

.topbar-search input[b-xma6cng8d7]::placeholder {
    color: var(--lf-gray-400);
}

/* System status indicator */
.admin-system-status[b-xma6cng8d7] {
    padding: 0.3rem 0.75rem;
    background: rgba(16, 185, 129, 0.08);
    border: 1px solid rgba(16, 185, 129, 0.15);
    border-radius: var(--lf-radius-full);
}

.status-dot[b-xma6cng8d7] {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    flex-shrink: 0;
}

.status-dot.status-online[b-xma6cng8d7] {
    background: var(--lf-success);
    box-shadow: 0 0 6px rgba(16, 185, 129, 0.5);
    animation: pulse-dot-b-xma6cng8d7 2s ease-in-out infinite;
}

.status-dot.status-warning[b-xma6cng8d7] {
    background: var(--lf-warning);
    box-shadow: 0 0 6px rgba(245, 158, 11, 0.5);
}

.status-dot.status-offline[b-xma6cng8d7] {
    background: var(--lf-danger);
    box-shadow: 0 0 6px rgba(239, 68, 68, 0.5);
}

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

.status-text[b-xma6cng8d7] {
    font-size: var(--lf-font-size-xs);
    font-weight: 600;
    color: var(--lf-success);
}

/* Icon buttons */
.topbar-icon-btn[b-xma6cng8d7] {
    position: relative;
    background: none;
    border: none;
    width: 38px;
    height: 38px;
    border-radius: var(--lf-radius-md);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--lf-gray-600);
    font-size: 1.15rem;
    cursor: pointer;
    transition: all var(--lf-transition);
}

.topbar-icon-btn:hover[b-xma6cng8d7] {
    background: var(--lf-gray-100);
    color: var(--lf-accent);
}

.topbar-badge[b-xma6cng8d7] {
    position: absolute;
    top: 4px;
    right: 4px;
    min-width: 16px;
    height: 16px;
    border-radius: 8px;
    background: var(--lf-danger);
    color: var(--lf-white);
    font-size: 0.6rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 4px;
    line-height: 1;
}

.topbar-badge.bg-warning-badge[b-xma6cng8d7] {
    background: var(--lf-warning);
    color: var(--lf-primary);
}

/* User section */
.topbar-user[b-xma6cng8d7] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    cursor: pointer;
    padding: 0.35rem 0.5rem;
    border-radius: var(--lf-radius-md);
    transition: all var(--lf-transition);
    position: relative;
}

.topbar-user:hover[b-xma6cng8d7] {
    background: var(--lf-gray-50);
}

.topbar-avatar[b-xma6cng8d7] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: var(--lf-font-size-sm);
    flex-shrink: 0;
}

.topbar-avatar.admin-avatar[b-xma6cng8d7] {
    background: linear-gradient(135deg, #0F172A 0%, #334155 100%);
    color: var(--lf-accent-light);
    border: 2px solid rgba(20, 184, 166, 0.3);
}

.topbar-user-info[b-xma6cng8d7] {
    display: flex;
    flex-direction: column;
    line-height: 1.2;
}

.topbar-user-name[b-xma6cng8d7] {
    font-size: var(--lf-font-size-sm);
    font-weight: 600;
    color: var(--lf-gray-800);
}

.topbar-user-role[b-xma6cng8d7] {
    font-size: var(--lf-font-size-xs);
    color: var(--lf-gray-400);
}

.topbar-user-role.admin-role-tag[b-xma6cng8d7] {
    color: var(--lf-accent);
    font-weight: 600;
}

/* Dropdown menu */
.topbar-dropdown[b-xma6cng8d7] {
    position: absolute;
    top: 60px;
    right: 1.5rem;
    width: 240px;
    background: var(--lf-white);
    border: 1px solid var(--lf-gray-200);
    border-radius: var(--lf-radius-lg);
    box-shadow: var(--lf-shadow-xl);
    padding: 0.4rem;
    z-index: 1050;
}

.topbar-dropdown-header[b-xma6cng8d7] {
    padding: 0.6rem 0.75rem;
    display: flex;
    flex-direction: column;
}

.admin-dropdown-role[b-xma6cng8d7] {
    font-size: var(--lf-font-size-sm);
    font-weight: 700;
    color: var(--lf-gray-800);
}

.admin-dropdown-email[b-xma6cng8d7] {
    font-size: var(--lf-font-size-xs);
    color: var(--lf-gray-400);
}

.topbar-dropdown-item[b-xma6cng8d7] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.55rem 0.75rem;
    border-radius: var(--lf-radius-md);
    font-size: var(--lf-font-size-sm);
    color: var(--lf-gray-700);
    text-decoration: none;
    transition: all var(--lf-transition-fast);
}

.topbar-dropdown-item:hover[b-xma6cng8d7] {
    background: var(--lf-gray-50);
    color: var(--lf-accent);
}

.topbar-dropdown-item i[b-xma6cng8d7] {
    font-size: 1rem;
    width: 1.25rem;
    text-align: center;
}

.topbar-dropdown-divider[b-xma6cng8d7] {
    height: 1px;
    background: var(--lf-gray-100);
    margin: 0.25rem 0.5rem;
}

/* ============================================================
   PAGE CONTENT
   ============================================================ */
.admin-content[b-xma6cng8d7] {
    flex: 1;
    padding: 1.5rem;
    overflow-y: auto;
}

/* Sidebar overlay (mobile) */
.sidebar-overlay[b-xma6cng8d7] {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.6);
    z-index: 1035;
    backdrop-filter: blur(4px);
}

.sidebar-overlay-visible[b-xma6cng8d7] {
    display: block;
}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width: 991.98px) {
    .admin-sidebar[b-xma6cng8d7] {
        position: fixed;
        left: 0;
        top: 0;
        transform: translateX(-100%);
    }

    .admin-topbar[b-xma6cng8d7] {
        padding: 0 1rem;
    }

    .admin-content[b-xma6cng8d7] {
        padding: 1rem;
    }

    .topbar-search[b-xma6cng8d7] {
        min-width: 200px;
    }
}

@media (max-width: 575.98px) {
    .admin-content[b-xma6cng8d7] {
        padding: 0.75rem;
    }

    .topbar-search[b-xma6cng8d7] {
        min-width: 0;
        flex: 1;
    }
}

/* ============================================================
   BLAZOR ERROR UI
   ============================================================ */
#blazor-error-ui[b-xma6cng8d7] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-xma6cng8d7] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/AdminNavMenu.razor.rz.scp.css */
/* ============================================================
   ADMIN SIDEBAR NAVIGATION - LIFE FREE
   Dark slate theme to differentiate from user panel
   ============================================================ */

/* Header */
.admin-sidebar-header[b-2l2r3gkmg2] {
    padding: 1rem 1.25rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    min-height: 64px;
    display: flex;
    align-items: center;
}

.admin-brand[b-2l2r3gkmg2] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.admin-brand-icon[b-2l2r3gkmg2] {
    width: 38px;
    height: 38px;
    border-radius: var(--lf-radius-lg);
    background: linear-gradient(135deg, rgba(20, 184, 166, 0.15) 0%, rgba(45, 212, 191, 0.1) 100%);
    border: 1px solid rgba(20, 184, 166, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.admin-brand-icon i[b-2l2r3gkmg2] {
    color: #2DD4BF;
    font-size: 1.1rem;
}

.admin-brand-text[b-2l2r3gkmg2] {
    display: flex;
    flex-direction: column;
    line-height: 1.2;
}

.admin-brand-name[b-2l2r3gkmg2] {
    font-size: var(--lf-font-size-md);
    font-weight: 800;
    color: #FFFFFF;
    letter-spacing: 0.04em;
}

.admin-brand-tag[b-2l2r3gkmg2] {
    font-size: var(--lf-font-size-xs);
    color: rgba(255, 255, 255, 0.4);
    font-weight: 500;
    letter-spacing: 0.02em;
}

/* Navigation container */
.sidebar-nav[b-2l2r3gkmg2] {
    flex: 1;
    overflow-y: auto;
    padding: 0.75rem 0;
}

/* Section titles */
.nav-section[b-2l2r3gkmg2] {
    padding: 0 0.75rem;
    margin-bottom: 0.25rem;
}

.nav-section-title[b-2l2r3gkmg2] {
    display: block;
    font-size: 0.6rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: rgba(255, 255, 255, 0.25);
    padding: 0.75rem 0.75rem 0.4rem;
}

/* Sidebar link */
[b-2l2r3gkmg2] .sidebar-link {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.5rem 0.75rem;
    border-radius: 0.5rem;
    font-size: 0.82rem;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.55);
    text-decoration: none;
    transition: all 200ms ease;
    margin-bottom: 1px;
    position: relative;
}

[b-2l2r3gkmg2] .sidebar-link:hover {
    color: rgba(255, 255, 255, 0.9);
    background: rgba(255, 255, 255, 0.06);
}

[b-2l2r3gkmg2] .sidebar-link.active {
    color: #FFFFFF;
    background: rgba(20, 184, 166, 0.12);
}

[b-2l2r3gkmg2] .sidebar-link.active::before {
    content: '';
    position: absolute;
    left: -0.75rem;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    height: 22px;
    border-radius: 0 3px 3px 0;
    background: linear-gradient(180deg, #14B8A6, #2DD4BF);
}

/* Sidebar icon */
.sidebar-icon[b-2l2r3gkmg2] {
    width: 26px;
    height: 26px;
    border-radius: 0.35rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: all 200ms ease;
}

.sidebar-icon i[b-2l2r3gkmg2] {
    font-size: 0.9rem;
}

[b-2l2r3gkmg2] .sidebar-link.active .sidebar-icon {
    background: rgba(20, 184, 166, 0.18);
    color: #2DD4BF;
}

[b-2l2r3gkmg2] .sidebar-link.active .sidebar-icon i {
    color: #2DD4BF;
}

/* Sidebar badge */
[b-2l2r3gkmg2] .sidebar-badge {
    margin-left: auto;
    font-size: 0.6rem;
    font-weight: 700;
    padding: 0.12rem 0.4rem;
    border-radius: 9999px;
    background: rgba(239, 68, 68, 0.2);
    color: #f87171;
    line-height: 1.4;
}

[b-2l2r3gkmg2] .sidebar-badge.accent {
    background: rgba(20, 184, 166, 0.2);
    color: #2DD4BF;
}

/* ============================================================
   ADMIN SIDEBAR FOOTER - System stats
   ============================================================ */
.admin-sidebar-footer[b-2l2r3gkmg2] {
    padding: 0.75rem;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
}

.admin-stats-card[b-2l2r3gkmg2] {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 0.65rem;
    padding: 0.75rem 0.875rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.admin-stat-row[b-2l2r3gkmg2] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.admin-stat-label[b-2l2r3gkmg2] {
    font-size: 0.65rem;
    color: rgba(255, 255, 255, 0.35);
    font-weight: 500;
}

.admin-stat-value[b-2l2r3gkmg2] {
    font-size: var(--lf-font-size-sm);
    font-weight: 700;
    color: rgba(255, 255, 255, 0.85);
}

/* ============================================================
   RESPONSIVE - Mobile sidebar
   ============================================================ */
@media (max-width: 991.98px) {
    .admin-sidebar-header[b-2l2r3gkmg2] {
        padding-left: 1rem;
    }
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
/* ============================================================
   APP LAYOUT - Sidebar + Topbar + Content
   ============================================================ */
.app-layout[b-coowa3ft3q] {
    display: flex;
    min-height: 100vh;
    background-color: var(--lf-gray-50);
}

/* ============================================================
   SIDEBAR
   ============================================================ */
.app-sidebar[b-coowa3ft3q] {
    width: 260px;
    min-width: 260px;
    height: 100vh;
    position: sticky;
    top: 0;
    background: linear-gradient(180deg, #0A2540 0%, #0B3050 40%, #0C4A5E 100%);
    display: flex;
    flex-direction: column;
    z-index: 1040;
    overflow: hidden;
    transition: transform 0.3s ease;
}

/* ============================================================
   MAIN CONTENT AREA
   ============================================================ */
.app-main[b-coowa3ft3q] {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-width: 0;
    overflow-x: hidden;
}

/* ============================================================
   TOP BAR
   ============================================================ */
.app-topbar[b-coowa3ft3q] {
    height: 64px;
    min-height: 64px;
    background: var(--lf-white);
    border-bottom: 1px solid var(--lf-gray-200);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 1.5rem;
    position: sticky;
    top: 0;
    z-index: 1020;
    box-shadow: var(--lf-shadow-sm);
}

.topbar-toggle[b-coowa3ft3q] {
    background: none;
    border: none;
    font-size: 1.4rem;
    color: var(--lf-gray-600);
    cursor: pointer;
    padding: 0.25rem;
    border-radius: var(--lf-radius-md);
    transition: all var(--lf-transition);
}

.topbar-toggle:hover[b-coowa3ft3q] {
    background: var(--lf-gray-100);
    color: var(--lf-primary);
}

/* Search */
.topbar-search[b-coowa3ft3q] {
    position: relative;
    display: flex;
    align-items: center;
    background: var(--lf-gray-50);
    border: 1px solid var(--lf-gray-200);
    border-radius: var(--lf-radius-full);
    padding: 0 1rem;
    height: 38px;
    min-width: 280px;
    transition: all var(--lf-transition);
}

.topbar-search:focus-within[b-coowa3ft3q] {
    border-color: var(--lf-accent);
    background: var(--lf-white);
    box-shadow: 0 0 0 3px rgba(20, 184, 166, 0.1);
}

.topbar-search i[b-coowa3ft3q] {
    color: var(--lf-gray-400);
    font-size: 0.85rem;
    margin-right: 0.5rem;
}

.topbar-search input[b-coowa3ft3q] {
    border: none;
    background: transparent;
    outline: none;
    font-size: var(--lf-font-size-sm);
    color: var(--lf-gray-800);
    width: 100%;
}

.topbar-search input[b-coowa3ft3q]::placeholder {
    color: var(--lf-gray-400);
}

/* Icon buttons */
.topbar-icon-btn[b-coowa3ft3q] {
    position: relative;
    background: none;
    border: none;
    width: 38px;
    height: 38px;
    border-radius: var(--lf-radius-md);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--lf-gray-600);
    font-size: 1.15rem;
    cursor: pointer;
    transition: all var(--lf-transition);
}

.topbar-icon-btn:hover[b-coowa3ft3q] {
    background: var(--lf-gray-100);
    color: var(--lf-accent);
}

.topbar-badge[b-coowa3ft3q] {
    position: absolute;
    top: 4px;
    right: 4px;
    min-width: 16px;
    height: 16px;
    border-radius: 8px;
    background: var(--lf-danger);
    color: var(--lf-white);
    font-size: 0.6rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 4px;
    line-height: 1;
}

.topbar-notifications[b-coowa3ft3q] {
    position: relative;
}

.notifications-dropdown[b-coowa3ft3q] {
    position: absolute;
    top: 46px;
    right: 0;
    width: min(360px, calc(100vw - 2rem));
    background: var(--lf-white);
    border: 1px solid var(--lf-gray-200);
    border-radius: var(--lf-radius-lg);
    box-shadow: var(--lf-shadow-xl);
    padding: 0.5rem;
    z-index: 1050;
}

.notifications-header[b-coowa3ft3q] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.55rem 0.65rem;
    border-bottom: 1px solid var(--lf-gray-100);
    color: var(--lf-primary);
}

.notif-link-btn[b-coowa3ft3q] {
    border: 0;
    background: transparent;
    color: var(--lf-accent);
    font-size: var(--lf-font-size-xs);
    font-weight: 700;
    cursor: pointer;
}

.notifications-empty[b-coowa3ft3q] {
    padding: 1rem;
    color: var(--lf-gray-500);
    font-size: var(--lf-font-size-sm);
    text-align: center;
}

.notification-item[b-coowa3ft3q] {
    width: 100%;
    display: grid;
    gap: 0.2rem;
    text-align: left;
    border: 0;
    background: transparent;
    padding: 0.65rem;
    border-radius: var(--lf-radius-md);
    cursor: pointer;
}

.notification-item:hover[b-coowa3ft3q],
.notification-item.unread[b-coowa3ft3q] {
    background: var(--lf-gray-50);
}

.notification-item.unread[b-coowa3ft3q] {
    border-left: 3px solid var(--lf-accent);
}

.notification-title[b-coowa3ft3q] {
    color: var(--lf-gray-800);
    font-weight: 800;
    font-size: var(--lf-font-size-sm);
}

.notification-message[b-coowa3ft3q] {
    color: var(--lf-gray-600);
    font-size: var(--lf-font-size-xs);
    line-height: 1.4;
}

.notification-date[b-coowa3ft3q] {
    color: var(--lf-gray-400);
    font-size: 0.68rem;
    font-weight: 700;
}

/* User section */
.topbar-user[b-coowa3ft3q] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    cursor: pointer;
    padding: 0.35rem 0.5rem;
    border-radius: var(--lf-radius-md);
    transition: all var(--lf-transition);
    position: relative;
}

.topbar-user:hover[b-coowa3ft3q] {
    background: var(--lf-gray-50);
}

.topbar-avatar[b-coowa3ft3q] {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: var(--lf-gradient-accent);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--lf-white);
    font-weight: 700;
    font-size: var(--lf-font-size-sm);
    flex-shrink: 0;
}

.topbar-user-info[b-coowa3ft3q] {
    display: flex;
    flex-direction: column;
    line-height: 1.2;
}

.topbar-user-name[b-coowa3ft3q] {
    font-size: var(--lf-font-size-sm);
    font-weight: 600;
    color: var(--lf-gray-800);
}

.topbar-user-role[b-coowa3ft3q] {
    font-size: var(--lf-font-size-xs);
    color: var(--lf-gray-400);
}

/* Dropdown menu */
.topbar-dropdown[b-coowa3ft3q] {
    position: absolute;
    top: 60px;
    right: 1.5rem;
    width: 220px;
    background: var(--lf-white);
    border: 1px solid var(--lf-gray-200);
    border-radius: var(--lf-radius-lg);
    box-shadow: var(--lf-shadow-xl);
    padding: 0.4rem;
    z-index: 1050;
}

.topbar-dropdown-item[b-coowa3ft3q] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.55rem 0.75rem;
    border-radius: var(--lf-radius-md);
    font-size: var(--lf-font-size-sm);
    color: var(--lf-gray-700);
    text-decoration: none;
    transition: all var(--lf-transition-fast);
}

.topbar-dropdown-item:hover[b-coowa3ft3q] {
    background: var(--lf-gray-50);
    color: var(--lf-accent);
}

.topbar-dropdown-item i[b-coowa3ft3q] {
    font-size: 1rem;
    width: 1.25rem;
    text-align: center;
}

.topbar-dropdown-divider[b-coowa3ft3q] {
    height: 1px;
    background: var(--lf-gray-100);
    margin: 0.25rem 0.5rem;
}

/* ============================================================
   PAGE CONTENT
   ============================================================ */
.app-content[b-coowa3ft3q] {
    flex: 1;
    padding: 1.5rem;
    overflow-y: auto;
}

.user-banner[b-coowa3ft3q] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.85rem 1rem;
    margin-bottom: 1.25rem;
    border: 1px solid rgba(20, 184, 166, 0.22);
    background: rgba(20, 184, 166, 0.08);
    color: var(--lf-primary);
    border-radius: var(--lf-radius-md);
    font-size: var(--lf-font-size-sm);
    font-weight: 700;
}

.user-banner i[b-coowa3ft3q] {
    color: var(--lf-accent);
    font-size: 1.1rem;
}

/* Sidebar overlay (mobile) */
.sidebar-overlay[b-coowa3ft3q] {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(10, 37, 64, 0.5);
    z-index: 1035;
    backdrop-filter: blur(4px);
}

.sidebar-overlay-visible[b-coowa3ft3q] {
    display: block;
}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width: 991.98px) {
    .app-sidebar[b-coowa3ft3q] {
        position: fixed;
        left: 0;
        top: 0;
        transform: translateX(-100%);
    }

    /* sidebar open state is now handled via inline style + overlay-visible class */

    .app-topbar[b-coowa3ft3q] {
        padding: 0 1rem;
    }

    .app-content[b-coowa3ft3q] {
        padding: 1rem;
    }

    .topbar-search[b-coowa3ft3q] {
        min-width: 200px;
    }
}

@media (max-width: 575.98px) {
    .app-content[b-coowa3ft3q] {
        padding: 0.75rem;
    }

    .topbar-search[b-coowa3ft3q] {
        min-width: 0;
        flex: 1;
    }
}

/* ============================================================
   BLAZOR ERROR UI
   ============================================================ */
#blazor-error-ui[b-coowa3ft3q] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-coowa3ft3q] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/NavMenu.razor.rz.scp.css */
/* ============================================================
   SIDEBAR NAVIGATION - LIFE FREE
   ============================================================ */

/* Header */
.sidebar-header[b-zjpz1la9o2] {
    padding: 1.25rem 1.25rem 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 64px;
}

/* Navigation container */
.sidebar-nav[b-zjpz1la9o2] {
    flex: 1;
    overflow-y: auto;
    padding: 0.75rem 0;
}

/* Section titles */
.nav-section[b-zjpz1la9o2] {
    padding: 0 0.75rem;
    margin-bottom: 0.25rem;
}

.nav-section-title[b-zjpz1la9o2] {
    display: block;
    font-size: 0.65rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: rgba(255, 255, 255, 0.3);
    padding: 0.75rem 0.75rem 0.4rem;
}

/* Sidebar link */
[b-zjpz1la9o2] .sidebar-link {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.55rem 0.75rem;
    border-radius: 0.5rem;
    font-size: 0.85rem;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.6);
    text-decoration: none;
    transition: all 200ms ease;
    margin-bottom: 2px;
    position: relative;
}

[b-zjpz1la9o2] .sidebar-link:hover {
    color: rgba(255, 255, 255, 0.9);
    background: rgba(255, 255, 255, 0.06);
}

[b-zjpz1la9o2] .sidebar-link.active {
    color: #FFFFFF;
    background: rgba(20, 184, 166, 0.15);
}

[b-zjpz1la9o2] .sidebar-link.active::before {
    content: '';
    position: absolute;
    left: -0.75rem;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    height: 24px;
    border-radius: 0 3px 3px 0;
    background: linear-gradient(180deg, #14B8A6, #2DD4BF);
}

/* Sidebar icon */
.sidebar-icon[b-zjpz1la9o2] {
    width: 28px;
    height: 28px;
    border-radius: 0.375rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: all 200ms ease;
}

.sidebar-icon i[b-zjpz1la9o2] {
    font-size: 0.95rem;
}

[b-zjpz1la9o2] .sidebar-link.active .sidebar-icon {
    background: rgba(20, 184, 166, 0.2);
    color: #2DD4BF;
}

[b-zjpz1la9o2] .sidebar-link.active .sidebar-icon i {
    color: #2DD4BF;
}

/* Sidebar badge */
[b-zjpz1la9o2] .sidebar-badge {
    margin-left: auto;
    font-size: 0.65rem;
    font-weight: 700;
    padding: 0.15rem 0.45rem;
    border-radius: 9999px;
    background: rgba(239, 68, 68, 0.2);
    color: #f87171;
    line-height: 1.4;
}

[b-zjpz1la9o2] .sidebar-badge.accent {
    background: rgba(20, 184, 166, 0.2);
    color: #2DD4BF;
}

/* ============================================================
   SIDEBAR FOOTER - Balance card
   ============================================================ */
.sidebar-footer[b-zjpz1la9o2] {
    padding: 0.75rem;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
}

.sidebar-balance-card[b-zjpz1la9o2] {
    background: linear-gradient(135deg, rgba(20, 184, 166, 0.12) 0%, rgba(45, 212, 191, 0.08) 100%);
    border: 1px solid rgba(20, 184, 166, 0.15);
    border-radius: 0.75rem;
    padding: 0.875rem 1rem;
}

.balance-label[b-zjpz1la9o2] {
    font-size: 0.65rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: rgba(255, 255, 255, 0.45);
    font-weight: 600;
    margin-bottom: 0.25rem;
}

.balance-amount[b-zjpz1la9o2] {
    font-size: 1.35rem;
    font-weight: 800;
    color: #FFFFFF;
    letter-spacing: -0.02em;
    line-height: 1.2;
}

.balance-change[b-zjpz1la9o2] {
    display: flex;
    align-items: center;
    gap: 0.15rem;
    font-size: 0.7rem;
    color: #2DD4BF;
    font-weight: 600;
    margin-top: 0.25rem;
}

.balance-change i[b-zjpz1la9o2] {
    font-size: 0.9rem;
}

/* ============================================================
   RESPONSIVE - Mobile sidebar
   ============================================================ */
@media (max-width: 991.98px) {
    .sidebar-header[b-zjpz1la9o2] {
        justify-content: flex-start;
        padding-left: 1rem;
    }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-zl6ivbwzet],
.components-reconnect-repeated-attempt-visible[b-zl6ivbwzet],
.components-reconnect-failed-visible[b-zl6ivbwzet],
.components-pause-visible[b-zl6ivbwzet],
.components-resume-failed-visible[b-zl6ivbwzet],
.components-rejoining-animation[b-zl6ivbwzet] {
    display: none;
}

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


#components-reconnect-modal[b-zl6ivbwzet] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-zl6ivbwzet 0.5s both;
    &[open]

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

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

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

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

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

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

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

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

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

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

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/Admin/Analytics/AdminAnalytics.razor.rz.scp.css */
/* AdminAnalytics - page-specific styles */
.chart-placeholder[b-ue6exxk9ct] { padding: 0.5rem 0; }
.chart-bars[b-ue6exxk9ct] { display: flex; justify-content: space-between; align-items: flex-end; padding: 0 0.5rem; margin-bottom: 1rem; }
.chart-day[b-ue6exxk9ct] { display: flex; flex-direction: column; align-items: center; gap: 0.5rem; flex: 1; }
.chart-bar-group[b-ue6exxk9ct] { display: flex; gap: 4px; align-items: flex-end; height: 180px; }
.chart-bar[b-ue6exxk9ct] { width: 24px; border-radius: 4px 4px 0 0; transition: height 0.8s ease; }
.chart-bar.income[b-ue6exxk9ct] { background: var(--lf-gradient-accent); }
.chart-label[b-ue6exxk9ct] { font-size: var(--lf-font-size-xs); color: var(--lf-gray-400); font-weight: 500; }

.method-breakdown[b-ue6exxk9ct] { display: flex; flex-direction: column; gap: 1.25rem; }
.method-item[b-ue6exxk9ct] { display: flex; flex-direction: column; }
.method-bar[b-ue6exxk9ct] { height: 6px; background: var(--lf-gray-100); border-radius: 3px; overflow: hidden; }
.method-bar-fill[b-ue6exxk9ct] { height: 100%; border-radius: 3px; transition: width 1s ease; }
.method-meta[b-ue6exxk9ct] { font-size: var(--lf-font-size-xs); color: var(--lf-gray-400); margin-top: 0.25rem; }

.analytics-method-card[b-ue6exxk9ct] {
    display: block;
    height: 100%;
    padding: 1rem;
    border: 1px solid var(--lf-gray-200);
    border-radius: var(--lf-radius-lg);
    background: var(--lf-white);
    color: inherit;
    text-decoration: none;
    transition: border-color var(--lf-transition), box-shadow var(--lf-transition), transform var(--lf-transition);
}

.analytics-method-card:hover[b-ue6exxk9ct] {
    border-color: rgba(20, 184, 166, 0.35);
    box-shadow: var(--lf-shadow-md);
    transform: translateY(-1px);
}

.analytics-method-top[b-ue6exxk9ct] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.75rem;
}

.analytics-method-amount[b-ue6exxk9ct] {
    font-size: 1.3rem;
    font-weight: 800;
    color: var(--lf-gray-800);
}

.analytics-method-foot[b-ue6exxk9ct] {
    font-size: var(--lf-font-size-xs);
    color: var(--lf-gray-400);
    margin-top: 0.25rem;
}

.analytics-stat-card[b-ue6exxk9ct] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1.25rem;
    background: var(--lf-gray-50);
    border: 1px solid var(--lf-gray-200);
    border-radius: var(--lf-radius-lg);
}

.analytics-stat-value[b-ue6exxk9ct] {
    font-size: 1.35rem;
    font-weight: 800;
    color: var(--lf-accent);
}

.analytics-stat-label[b-ue6exxk9ct] {
    font-size: var(--lf-font-size-xs);
    color: var(--lf-gray-400);
    text-align: center;
    margin-top: 0.25rem;
}
/* /Components/Pages/Admin/Communications/AdminCommunications.razor.rz.scp.css */
/* AdminCommunications - page-specific styles */
.active-banner[b-hfcph0qjkk] {
    padding: 0;
}

.banner-preview[b-hfcph0qjkk] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.875rem 1rem;
    background: rgba(20, 184, 166, 0.06);
    border: 1px solid rgba(20, 184, 166, 0.15);
    border-radius: var(--lf-radius-md);
    font-size: var(--lf-font-size-sm);
    color: var(--lf-gray-700);
}

.banner-preview i[b-hfcph0qjkk] {
    color: var(--lf-accent);
    font-size: 1rem;
    flex-shrink: 0;
}

.template-list[b-hfcph0qjkk] {
    display: flex;
    flex-direction: column;
}

.template-item[b-hfcph0qjkk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem 1.25rem;
    border-bottom: 1px solid var(--lf-gray-100);
    transition: background var(--lf-transition-fast);
}

.template-item:last-child[b-hfcph0qjkk] {
    border-bottom: none;
}

.template-item:hover[b-hfcph0qjkk] {
    background: rgba(20, 184, 166, 0.02);
}

.template-info[b-hfcph0qjkk] {
    display: flex;
    flex-direction: column;
}

.template-name[b-hfcph0qjkk] {
    font-size: var(--lf-font-size-sm);
    font-weight: 600;
    color: var(--lf-gray-800);
}

.template-desc[b-hfcph0qjkk] {
    font-size: var(--lf-font-size-xs);
    color: var(--lf-gray-400);
}
/* /Components/Pages/Admin/Dashboard/AdminDashboard.razor.rz.scp.css */
/* ============================================================
   ADMIN DASHBOARD - Page-specific styles only
   Common styles are in /css/admin-shared.css
   ============================================================ */

/* ============================================================
   CHART PLACEHOLDER (visual bar chart)
   ============================================================ */
.chart-placeholder[b-zzc9n1rcrf] {
    padding: 0.5rem 0;
}

.chart-bars[b-zzc9n1rcrf] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    height: 180px;
    padding: 0 0.5rem;
    margin-bottom: 1rem;
}

.chart-day[b-zzc9n1rcrf] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    flex: 1;
}

.chart-bar-group[b-zzc9n1rcrf] {
    display: flex;
    gap: 4px;
    align-items: flex-end;
    height: 160px;
}

.chart-bar[b-zzc9n1rcrf] {
    width: 18px;
    border-radius: 4px 4px 0 0;
    transition: height 0.8s ease;
}

.chart-bar.income[b-zzc9n1rcrf] {
    background: var(--lf-gradient-accent);
}

.chart-bar.expense[b-zzc9n1rcrf] {
    background: rgba(239, 68, 68, 0.25);
}

.chart-label[b-zzc9n1rcrf] {
    font-size: var(--lf-font-size-xs);
    color: var(--lf-gray-400);
    font-weight: 500;
}

.chart-legend[b-zzc9n1rcrf] {
    display: flex;
    flex-wrap: wrap;
    gap: 1.25rem;
    justify-content: center;
    padding-top: 0.75rem;
    border-top: 1px solid var(--lf-gray-100);
}

.chart-legend-item[b-zzc9n1rcrf] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: var(--lf-font-size-xs);
    color: var(--lf-gray-500);
}

.chart-legend-dot[b-zzc9n1rcrf] {
    width: 10px;
    height: 10px;
    border-radius: 2px;
}

.chart-legend-dot.income[b-zzc9n1rcrf]  { background: var(--lf-accent); }
.chart-legend-dot.expense[b-zzc9n1rcrf] { background: rgba(239, 68, 68, 0.4); }

.chart-net-badge[b-zzc9n1rcrf] {
    font-weight: 700;
    font-size: var(--lf-font-size-xs);
    padding: 0.15rem 0.5rem;
    border-radius: var(--lf-radius-full);
}

.chart-net-badge.positive[b-zzc9n1rcrf] {
    background: rgba(16, 185, 129, 0.1);
    color: var(--lf-success);
}

/* ============================================================
   PENDING OPERATIONS LIST
   ============================================================ */
.pending-list[b-zzc9n1rcrf] {
    display: flex;
    flex-direction: column;
}

.pending-item[b-zzc9n1rcrf] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.875rem 1.25rem;
    border-bottom: 1px solid var(--lf-gray-100);
    text-decoration: none;
    transition: all var(--lf-transition-fast);
}

.pending-item:last-child[b-zzc9n1rcrf] { border-bottom: none; }
.pending-item:hover[b-zzc9n1rcrf] { background: rgba(20, 184, 166, 0.03); }

.pending-icon[b-zzc9n1rcrf] {
    width: 36px;
    height: 36px;
    border-radius: var(--lf-radius-md);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.95rem;
    flex-shrink: 0;
}

.pending-icon.bg-accent-soft[b-zzc9n1rcrf]  { background: rgba(20, 184, 166, 0.1); color: var(--lf-accent); }
.pending-icon.bg-warning-soft[b-zzc9n1rcrf] { background: rgba(245, 158, 11, 0.1); color: var(--lf-warning); }
.pending-icon.bg-primary-soft[b-zzc9n1rcrf] { background: rgba(12, 123, 127, 0.1); color: var(--lf-secondary); }
.pending-icon.bg-danger-soft[b-zzc9n1rcrf]  { background: rgba(239, 68, 68, 0.1);  color: var(--lf-danger); }
.pending-icon.bg-success-soft[b-zzc9n1rcrf] { background: rgba(16, 185, 129, 0.1); color: var(--lf-success); }

.pending-info[b-zzc9n1rcrf] {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.pending-title[b-zzc9n1rcrf] {
    font-size: var(--lf-font-size-sm);
    font-weight: 600;
    color: var(--lf-gray-800);
}

.pending-desc[b-zzc9n1rcrf] {
    font-size: var(--lf-font-size-xs);
    color: var(--lf-gray-400);
}

.pending-count[b-zzc9n1rcrf] {
    background: rgba(239, 68, 68, 0.1);
    color: var(--lf-danger);
    font-size: var(--lf-font-size-xs);
    font-weight: 700;
    padding: 0.2rem 0.55rem;
    border-radius: var(--lf-radius-full);
    flex-shrink: 0;
}

.pending-count.danger[b-zzc9n1rcrf] { background: rgba(239, 68, 68, 0.15); color: var(--lf-danger); }
.pending-count.accent[b-zzc9n1rcrf] { background: rgba(20, 184, 166, 0.12); color: var(--lf-accent); }

/* ============================================================
   RECENT USERS LIST
   ============================================================ */
.recent-users-list[b-zzc9n1rcrf] {
    display: flex;
    flex-direction: column;
}

.recent-user-item[b-zzc9n1rcrf] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1.25rem;
    border-bottom: 1px solid var(--lf-gray-100);
}

.recent-user-item:last-child[b-zzc9n1rcrf] { border-bottom: none; }

.user-info-sm[b-zzc9n1rcrf] {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.user-name-sm[b-zzc9n1rcrf] {
    font-size: var(--lf-font-size-sm);
    font-weight: 600;
    color: var(--lf-gray-800);
}

.user-date-sm[b-zzc9n1rcrf] {
    font-size: var(--lf-font-size-xs);
    color: var(--lf-gray-400);
}

.user-meta-sm[b-zzc9n1rcrf] {
    flex-shrink: 0;
}

/* ============================================================
   PLAN DISTRIBUTION
   ============================================================ */
.plan-distribution[b-zzc9n1rcrf] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.plan-dist-item[b-zzc9n1rcrf] {
    display: flex;
    flex-direction: column;
}

.plan-dist-name[b-zzc9n1rcrf] {
    font-size: var(--lf-font-size-sm);
    font-weight: 600;
    color: var(--lf-gray-700);
}

.plan-dist-pct[b-zzc9n1rcrf] {
    font-size: var(--lf-font-size-xs);
    font-weight: 700;
    color: var(--lf-accent);
}

.plan-dist-bar[b-zzc9n1rcrf] {
    height: 5px;
    background: var(--lf-gray-100);
    border-radius: 3px;
    overflow: hidden;
}

.plan-dist-fill[b-zzc9n1rcrf] {
    height: 100%;
    border-radius: 3px;
    transition: width 1s ease;
}

.plan-dist-fill.fill-1[b-zzc9n1rcrf] { background: var(--lf-accent); }
.plan-dist-fill.fill-2[b-zzc9n1rcrf] { background: var(--lf-secondary); }
.plan-dist-fill.fill-3[b-zzc9n1rcrf] { background: #2DD4BF; }
.plan-dist-fill.fill-4[b-zzc9n1rcrf] { background: var(--lf-warning); }
.plan-dist-fill.fill-5[b-zzc9n1rcrf] { background: var(--lf-gray-400); }

.plan-dist-meta[b-zzc9n1rcrf] {
    display: flex;
    justify-content: space-between;
    font-size: var(--lf-font-size-xs);
    color: var(--lf-gray-400);
    margin-top: 0.2rem;
}

/* ============================================================
   PAYOUT PREVIEW
   ============================================================ */
.payout-preview[b-zzc9n1rcrf] {
    display: flex;
    flex-direction: column;
}

.payout-main-amount[b-zzc9n1rcrf] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1rem 0;
    background: linear-gradient(135deg, rgba(20, 184, 166, 0.06) 0%, rgba(12, 123, 127, 0.04) 100%);
    border: 1px solid rgba(20, 184, 166, 0.12);
    border-radius: var(--lf-radius-lg);
    margin-bottom: 1rem;
}

.payout-label[b-zzc9n1rcrf] {
    font-size: var(--lf-font-size-xs);
    color: var(--lf-gray-400);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 600;
}

.payout-value[b-zzc9n1rcrf] {
    font-size: 1.75rem;
    font-weight: 800;
    color: var(--lf-accent);
    letter-spacing: -0.02em;
}

.payout-breakdown[b-zzc9n1rcrf] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.payout-line[b-zzc9n1rcrf] {
    display: flex;
    justify-content: space-between;
    font-size: var(--lf-font-size-sm);
    color: var(--lf-gray-500);
}

.payout-stats[b-zzc9n1rcrf] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.5rem;
}

.payout-stat[b-zzc9n1rcrf] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0.5rem;
    background: var(--lf-gray-50);
    border-radius: var(--lf-radius-md);
}

.payout-stat-val[b-zzc9n1rcrf] {
    font-size: var(--lf-font-size-md);
    font-weight: 700;
    color: var(--lf-gray-800);
}

.payout-stat-label[b-zzc9n1rcrf] {
    font-size: var(--lf-font-size-xs);
    color: var(--lf-gray-400);
}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width: 575.98px) {
    .chart-bar[b-zzc9n1rcrf] {
        width: 12px;
    }
}
/* /Components/Pages/Admin/Deposits/AdminDeposits.razor.rz.scp.css */
/* AdminDeposits - page-specific styles */
.deposit-tab-row[b-h8a2lfjuxh] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 0;
}

.deposit-amount[b-h8a2lfjuxh] {
    font-weight: 700;
    color: var(--lf-success);
}
/* /Components/Pages/Admin/Investments/AdminInvestments.razor.rz.scp.css */
/* AdminInvestments - page-specific styles */
.rate-highlight[b-aeyotp3vki] {
    font-weight: 700;
    color: var(--lf-accent);
}

.rate-highlight.premium[b-aeyotp3vki] {
    color: var(--lf-success);
}

.investment-plan-tag[b-aeyotp3vki] {
    font-weight: 600;
    font-size: var(--lf-font-size-sm);
    color: var(--lf-gray-800);
}

/* ============================================================
   GRANT PLAN MODAL
   ============================================================ */
.grant-modal-backdrop[b-aeyotp3vki] {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.65);
    backdrop-filter: blur(4px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1050;
    padding: 1rem;
    animation: lf-fade-in-b-aeyotp3vki 0.15s ease-out;
}
@keyframes lf-fade-in-b-aeyotp3vki {
    from { opacity: 0; }
    to { opacity: 1; }
}
.grant-modal[b-aeyotp3vki] {
    background: var(--lf-white, #FFFFFF);
    border-radius: 16px;
    box-shadow: 0 20px 50px -10px rgba(15, 23, 42, 0.35);
    width: 100%;
    max-width: 560px;
    max-height: 90vh;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    animation: lf-zoom-in-b-aeyotp3vki 0.18s cubic-bezier(0.4, 0, 0.2, 1);
}
@keyframes lf-zoom-in-b-aeyotp3vki {
    from { opacity: 0; transform: scale(0.95) translateY(8px); }
    to { opacity: 1; transform: scale(1) translateY(0); }
}
.grant-modal-header[b-aeyotp3vki] {
    background: linear-gradient(135deg, rgba(20, 184, 166, 0.08), rgba(20, 184, 166, 0.02));
    padding: 1.2rem 1.5rem;
    display: flex;
    align-items: center;
    gap: 0.85rem;
    border-bottom: 1px solid var(--lf-gray-100, #F1F5F9);
}
.grant-modal-icon[b-aeyotp3vki] {
    width: 44px; height: 44px;
    border-radius: 12px;
    background: linear-gradient(135deg, #14B8A6, #0d9488);
    color: #fff;
    display: flex; align-items: center; justify-content: center;
    font-size: 1.3rem;
    flex-shrink: 0;
    box-shadow: 0 4px 12px rgba(20, 184, 166, 0.35);
}
.grant-modal-title-wrap[b-aeyotp3vki] {
    flex: 1;
}
.grant-modal-title[b-aeyotp3vki] {
    font-size: 1.1rem;
    font-weight: 700;
    margin: 0;
    color: var(--lf-gray-900, #0F172A);
}
.grant-modal-subtitle[b-aeyotp3vki] {
    font-size: var(--lf-font-size-xs);
    color: var(--lf-gray-500);
    margin: 0.15rem 0 0 0;
}
.grant-modal-close[b-aeyotp3vki] {
    background: transparent;
    border: none;
    width: 32px; height: 32px;
    border-radius: 8px;
    cursor: pointer;
    color: var(--lf-gray-500);
    display: flex; align-items: center; justify-content: center;
    transition: all 0.15s ease;
}
.grant-modal-close:hover[b-aeyotp3vki] {
    background: var(--lf-gray-100);
    color: var(--lf-gray-800);
}
.grant-modal-body[b-aeyotp3vki] {
    padding: 1.4rem 1.5rem;
    overflow-y: auto;
    flex: 1;
}
.grant-modal-footer[b-aeyotp3vki] {
    padding: 1rem 1.5rem;
    background: var(--lf-gray-50, #F8FAFC);
    display: flex;
    gap: 0.6rem;
    justify-content: flex-end;
    border-top: 1px solid var(--lf-gray-100, #F1F5F9);
}

.grant-field[b-aeyotp3vki] {
    margin-bottom: 1.1rem;
}
.grant-label[b-aeyotp3vki] {
    display: block;
    font-size: var(--lf-font-size-xs);
    font-weight: 700;
    color: var(--lf-gray-700);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-bottom: 0.4rem;
}
.grant-input-wrap[b-aeyotp3vki] {
    position: relative;
}
.grant-input-wrap > i[b-aeyotp3vki] {
    position: absolute;
    left: 0.85rem;
    top: 50%;
    transform: translateY(-50%);
    color: var(--lf-gray-400);
    font-size: 1rem;
    pointer-events: none;
}
.grant-input[b-aeyotp3vki],
.grant-select[b-aeyotp3vki] {
    width: 100%;
    padding: 0.65rem 0.9rem 0.65rem 2.4rem;
    border: 1.5px solid var(--lf-gray-200);
    border-radius: 10px;
    font-size: var(--lf-font-size-sm);
    color: var(--lf-gray-800);
    background: var(--lf-white);
    transition: all 0.15s ease;
}
.grant-select[b-aeyotp3vki] {
    padding-left: 2.4rem;
    cursor: pointer;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 16 16'%3E%3Cpath fill='%2364748B' d='M8 11L3 6h10z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 1rem center;
}
.grant-input:focus[b-aeyotp3vki],
.grant-select:focus[b-aeyotp3vki] {
    outline: none;
    border-color: var(--lf-accent);
    box-shadow: 0 0 0 3px rgba(20, 184, 166, 0.12);
}
.grant-input[b-aeyotp3vki]::placeholder { color: var(--lf-gray-400); }

.grant-checkbox[b-aeyotp3vki] {
    display: flex;
    align-items: flex-start;
    gap: 0.7rem;
    padding: 0.85rem 1rem;
    border: 1.5px solid var(--lf-gray-200);
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.15s ease;
}
.grant-checkbox:hover[b-aeyotp3vki] {
    border-color: var(--lf-accent);
    background: rgba(20, 184, 166, 0.03);
}
.grant-checkbox.checked[b-aeyotp3vki] {
    border-color: var(--lf-accent);
    background: rgba(20, 184, 166, 0.05);
}
.grant-checkbox input[b-aeyotp3vki] {
    accent-color: var(--lf-accent);
    margin-top: 0.15rem;
    cursor: pointer;
    width: 18px; height: 18px;
}
.grant-checkbox-content[b-aeyotp3vki] {
    flex: 1;
}
.grant-checkbox-title[b-aeyotp3vki] {
    font-weight: 600;
    font-size: var(--lf-font-size-sm);
    color: var(--lf-gray-800);
}
.grant-checkbox-desc[b-aeyotp3vki] {
    font-size: var(--lf-font-size-xs);
    color: var(--lf-gray-500);
    margin-top: 0.2rem;
    line-height: 1.4;
}

.grant-plan-preview[b-aeyotp3vki] {
    background: linear-gradient(135deg, rgba(20, 184, 166, 0.06), rgba(20, 184, 166, 0.02));
    border: 1px solid rgba(20, 184, 166, 0.2);
    border-radius: 12px;
    padding: 1rem 1.15rem;
    margin-top: 0.5rem;
}
.grant-plan-preview-header[b-aeyotp3vki] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-bottom: 0.65rem;
}
.grant-plan-preview-tier[b-aeyotp3vki] {
    display: inline-block;
    font-size: var(--lf-font-size-xs);
    font-weight: 700;
    color: var(--lf-accent-hover, #0d9488);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}
.grant-plan-preview-amount[b-aeyotp3vki] {
    font-size: 1.5rem;
    font-weight: 800;
    color: var(--lf-gray-900);
    letter-spacing: -0.02em;
}
.grant-plan-preview-grid[b-aeyotp3vki] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.6rem;
    margin-top: 0.5rem;
}
.grant-plan-preview-cell[b-aeyotp3vki] {
    background: var(--lf-white);
    border-radius: 8px;
    padding: 0.55rem 0.7rem;
    text-align: center;
    border: 1px solid rgba(20, 184, 166, 0.15);
}
.grant-plan-preview-cell-label[b-aeyotp3vki] {
    display: block;
    font-size: 0.65rem;
    font-weight: 600;
    color: var(--lf-gray-500);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}
.grant-plan-preview-cell-value[b-aeyotp3vki] {
    display: block;
    font-size: var(--lf-font-size-sm);
    font-weight: 700;
    color: var(--lf-accent-hover, #0d9488);
    margin-top: 0.15rem;
}
/* /Components/Pages/Admin/Operations/AdminOperations.razor.rz.scp.css */
/* ============================================================
   ADMIN OPERATIONS (Acciones de Pago)
   ============================================================ */

.ops-loading-card[b-ymdlr0cem3] {
    background: var(--lf-white, #FFFFFF);
    border: 1px solid var(--lf-gray-100, #F1F5F9);
    border-radius: 12px;
    padding: 2rem;
    text-align: center;
    color: var(--lf-gray-600);
}

/* ─── Checklist principal (col-lg-8) ──────────────────────── */
.ops-checklist-card[b-ymdlr0cem3] {
    background: var(--lf-white, #FFFFFF);
    border-radius: 14px;
    padding: 1.4rem 1.6rem;
    border: 1px solid var(--lf-gray-100, #F1F5F9);
    height: 100%;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.03);
}
.ops-checklist-header[b-ymdlr0cem3] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    margin-bottom: 1.1rem;
}
.ops-checklist-icon[b-ymdlr0cem3] {
    width: 48px; height: 48px;
    border-radius: 14px;
    background: linear-gradient(135deg, rgba(20, 184, 166, 0.15), rgba(20, 184, 166, 0.05));
    color: var(--lf-accent-hover, #0d9488);
    display: flex; align-items: center; justify-content: center;
    font-size: 1.4rem;
}
.ops-checklist-title[b-ymdlr0cem3] {
    font-size: 1.1rem;
    font-weight: 700;
    margin: 0;
    color: var(--lf-gray-900);
}
.ops-checklist-subtitle[b-ymdlr0cem3] {
    font-size: var(--lf-font-size-xs);
    color: var(--lf-gray-500);
    margin: 0.15rem 0 0 0;
}

.ops-row[b-ymdlr0cem3] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.95rem 0;
    border-bottom: 1px dashed var(--lf-gray-100);
    gap: 1rem;
}
.ops-row:last-of-type[b-ymdlr0cem3] { border-bottom: none; }
.ops-row-info[b-ymdlr0cem3] { display: flex; flex-direction: column; gap: 0.15rem; min-width: 0; }
.ops-row-label[b-ymdlr0cem3] {
    font-size: var(--lf-font-size-sm);
    font-weight: 600;
    color: var(--lf-gray-800);
}
.ops-row-total-label[b-ymdlr0cem3] {
    font-size: var(--lf-font-size-sm);
    font-weight: 700;
    color: var(--lf-gray-900);
}
.ops-row-count[b-ymdlr0cem3] {
    font-size: var(--lf-font-size-xs);
    color: var(--lf-gray-500);
}
.ops-row-value[b-ymdlr0cem3] {
    text-align: right;
    display: flex; flex-direction: column; gap: 0.1rem;
    flex-shrink: 0;
}
.ops-row-value strong[b-ymdlr0cem3] {
    font-size: 1.1rem;
    font-weight: 800;
    color: var(--lf-gray-900);
    line-height: 1.2;
}
.ops-row-value span[b-ymdlr0cem3] {
    font-size: var(--lf-font-size-xs);
    color: var(--lf-gray-500);
}
.ops-row-total[b-ymdlr0cem3] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.05rem 0 0.6rem;
    margin-top: 0.5rem;
    border-top: 2px solid var(--lf-accent);
    gap: 1rem;
}
.ops-row-total strong[b-ymdlr0cem3] {
    font-size: 1.6rem;
    font-weight: 800;
    letter-spacing: -0.01em;
}
.ops-actions[b-ymdlr0cem3] {
    display: flex;
    gap: 0.5rem;
    margin-top: 1rem;
    flex-wrap: wrap;
}

/* ─── Payout card (col-lg-4) ──────────────────────────────── */
.ops-payout-card[b-ymdlr0cem3] {
    background: linear-gradient(160deg, #0F172A, #1E293B);
    color: #fff;
    border-radius: 14px;
    padding: 1.25rem 1.4rem;
    height: 100%;
    display: flex;
    flex-direction: column;
    box-shadow: 0 8px 24px -8px rgba(15, 23, 42, 0.35);
}
.ops-payout-card-header[b-ymdlr0cem3] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0.85rem;
}
.ops-payout-card-header > i[b-ymdlr0cem3] {
    width: 38px; height: 38px;
    border-radius: 10px;
    background: rgba(20, 184, 166, 0.2);
    color: #5eead4;
    display: flex; align-items: center; justify-content: center;
    font-size: 1.1rem;
}
.ops-payout-label[b-ymdlr0cem3] {
    display: block;
    font-size: var(--lf-font-size-xs);
    opacity: 0.7;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 600;
}
.ops-payout-date[b-ymdlr0cem3] {
    display: block;
    font-size: var(--lf-font-size-sm);
    font-weight: 700;
    margin-top: 0.1rem;
}
.ops-payout-amount[b-ymdlr0cem3] {
    font-size: 1.85rem;
    font-weight: 800;
    color: #5eead4;
    letter-spacing: -0.02em;
    margin-bottom: 0.85rem;
}
.ops-payout-breakdown[b-ymdlr0cem3] {
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    padding-top: 0.75rem;
}
.ops-payout-breakdown-row[b-ymdlr0cem3] {
    display: flex;
    justify-content: space-between;
    font-size: var(--lf-font-size-sm);
    margin-bottom: 0.4rem;
}
.ops-payout-breakdown-row span[b-ymdlr0cem3] { opacity: 0.7; }
.ops-payout-breakdown-row strong[b-ymdlr0cem3] { font-weight: 700; }
.ops-payout-foot[b-ymdlr0cem3] {
    font-size: var(--lf-font-size-xs);
    opacity: 0.6;
    margin: 0.75rem 0 0 0;
    line-height: 1.4;
}

/* ─── Tip / Warning / Info cards ──────────────────────────── */
.ops-tip-card[b-ymdlr0cem3],
.ops-warning-card[b-ymdlr0cem3],
.ops-info-card[b-ymdlr0cem3] {
    background: var(--lf-white, #FFFFFF);
    border-radius: 12px;
    padding: 1rem 1.15rem;
    display: flex;
    gap: 0.85rem;
    align-items: flex-start;
    height: 100%;
    border: 1px solid var(--lf-gray-100, #F1F5F9);
}
.ops-tip-card[b-ymdlr0cem3] {
    background: linear-gradient(135deg, rgba(20, 184, 166, 0.06), rgba(20, 184, 166, 0.02));
    border-color: rgba(20, 184, 166, 0.2);
}
.ops-tip-icon[b-ymdlr0cem3] {
    width: 42px; height: 42px;
    border-radius: 12px;
    background: var(--lf-accent);
    color: #fff;
    display: flex; align-items: center; justify-content: center;
    font-size: 1.2rem;
    flex-shrink: 0;
}
.ops-tip-label[b-ymdlr0cem3] {
    display: block;
    font-size: var(--lf-font-size-xs);
    color: var(--lf-gray-600);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}
.ops-tip-value[b-ymdlr0cem3] {
    display: block;
    font-size: 1.4rem;
    font-weight: 800;
    color: var(--lf-accent-hover, #0d9488);
    margin: 0.15rem 0;
}
.ops-tip-foot[b-ymdlr0cem3] {
    display: block;
    font-size: var(--lf-font-size-xs);
    color: var(--lf-gray-500);
}

.ops-warning-card[b-ymdlr0cem3] {
    background: rgba(245, 158, 11, 0.06);
    border-color: rgba(245, 158, 11, 0.25);
    font-size: var(--lf-font-size-xs);
    line-height: 1.45;
}
.ops-warning-card > i[b-ymdlr0cem3] {
    font-size: 1.4rem;
    color: var(--lf-warning, #F59E0B);
    margin-top: 0.1rem;
    flex-shrink: 0;
}
.ops-warning-card strong[b-ymdlr0cem3] {
    display: block;
    color: var(--lf-gray-900);
    margin-bottom: 0.2rem;
    font-size: var(--lf-font-size-sm);
}
.ops-warning-card span[b-ymdlr0cem3] { color: var(--lf-gray-700); }

.ops-info-card[b-ymdlr0cem3] {
    background: rgba(59, 130, 246, 0.05);
    border-color: rgba(59, 130, 246, 0.2);
    font-size: var(--lf-font-size-xs);
    line-height: 1.45;
}
.ops-info-card > i[b-ymdlr0cem3] {
    font-size: 1.4rem;
    color: #3B82F6;
    margin-top: 0.1rem;
    flex-shrink: 0;
}
.ops-info-card strong[b-ymdlr0cem3] {
    display: block;
    color: var(--lf-gray-900);
    margin-bottom: 0.2rem;
    font-size: var(--lf-font-size-sm);
}
.ops-info-card span[b-ymdlr0cem3] { color: var(--lf-gray-700); }

/* ─── Step-by-step card ───────────────────────────────────── */
.ops-step-card[b-ymdlr0cem3] {
    background: var(--lf-white, #FFFFFF);
    border: 1px solid var(--lf-gray-100, #F1F5F9);
    border-radius: 14px;
    padding: 1.4rem 1.6rem;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.03);
}
.ops-step-title[b-ymdlr0cem3] {
    font-size: 1.05rem;
    font-weight: 700;
    margin: 0 0 1rem 0;
    color: var(--lf-gray-900);
    display: flex;
    align-items: center;
}
.ops-step-list[b-ymdlr0cem3] {
    margin: 0;
    padding-left: 1.2rem;
    color: var(--lf-gray-800);
    font-size: var(--lf-font-size-sm);
    line-height: 1.7;
}
.ops-step-list li[b-ymdlr0cem3] { margin-bottom: 0.4rem; }
.ops-step-sublist[b-ymdlr0cem3] {
    margin-top: 0.4rem;
    margin-bottom: 0.4rem;
    padding-left: 1rem;
    color: var(--lf-gray-700);
    font-size: var(--lf-font-size-sm);
}
.ops-step-sublist li[b-ymdlr0cem3] {
    list-style-type: '➞  ';
    padding-left: 0.25rem;
    margin-bottom: 0.15rem;
}
/* /Components/Pages/Admin/Payments/AdminPayments.razor.rz.scp.css */
/* AdminPayments - page-specific styles */

/* ============================================================
   PAYOUT HERO CARD (countdown + next payout info)
   ============================================================ */
.payout-hero[b-smiyv5xqpe] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    padding: 1.5rem;
    background: linear-gradient(135deg, rgba(20, 184, 166, 0.06) 0%, rgba(12, 123, 127, 0.04) 100%);
    border: 1px solid rgba(20, 184, 166, 0.12);
    border-radius: var(--lf-radius-xl);
    flex-wrap: wrap;
}

.payout-hero-left[b-smiyv5xqpe] {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-shrink: 0;
}

.payout-hero-icon[b-smiyv5xqpe] {
    width: 48px;
    height: 48px;
    border-radius: var(--lf-radius-lg);
    background: rgba(20, 184, 166, 0.12);
    color: var(--lf-accent);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.35rem;
    flex-shrink: 0;
}

.payout-hero-info[b-smiyv5xqpe] {
    display: flex;
    flex-direction: column;
}

.payout-hero-label[b-smiyv5xqpe] {
    font-size: var(--lf-font-size-xs);
    color: var(--lf-gray-400);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    font-weight: 600;
}

.payout-hero-date[b-smiyv5xqpe] {
    font-size: var(--lf-font-size-md);
    font-weight: 700;
    color: var(--lf-gray-800);
}

/* Countdown */
.payout-hero-countdown[b-smiyv5xqpe] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.countdown-block[b-smiyv5xqpe] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0.6rem 0.85rem;
    background: var(--lf-white);
    border: 1px solid var(--lf-gray-200);
    border-radius: var(--lf-radius-lg);
    box-shadow: var(--lf-shadow-card);
    min-width: 56px;
}

.countdown-value[b-smiyv5xqpe] {
    font-size: 1.5rem;
    font-weight: 800;
    color: var(--lf-accent);
    line-height: 1.1;
    letter-spacing: -0.02em;
}

.countdown-unit[b-smiyv5xqpe] {
    font-size: 0.6rem;
    font-weight: 600;
    color: var(--lf-gray-400);
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.countdown-sep[b-smiyv5xqpe] {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--lf-gray-300);
}

/* Hero stats */
.payout-hero-stats[b-smiyv5xqpe] {
    display: flex;
    align-items: center;
    gap: 1.25rem;
}

.payout-hero-stat[b-smiyv5xqpe] {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.payout-hero-stat-value[b-smiyv5xqpe] {
    font-size: var(--lf-font-size-md);
    font-weight: 800;
    color: var(--lf-gray-800);
}

.payout-hero-stat-label[b-smiyv5xqpe] {
    font-size: var(--lf-font-size-xs);
    color: var(--lf-gray-400);
}

.payout-hero-divider[b-smiyv5xqpe] {
    width: 1px;
    height: 36px;
    background: var(--lf-gray-200);
    flex-shrink: 0;
}

/* ============================================================
   BATCH TABLE
   ============================================================ */
.batch-user-info[b-smiyv5xqpe] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.batch-user-name[b-smiyv5xqpe] {
    font-size: var(--lf-font-size-sm);
    font-weight: 600;
    color: var(--lf-gray-800);
    line-height: 1.3;
}

.batch-user-id[b-smiyv5xqpe] {
    font-family: 'Courier New', monospace;
    font-size: var(--lf-font-size-xs);
    color: var(--lf-gray-400);
    line-height: 1.3;
}

.batch-table-footer[b-smiyv5xqpe] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.875rem 1.25rem;
    border-top: 1px solid var(--lf-gray-100);
}

.batch-table-showing[b-smiyv5xqpe] {
    font-size: var(--lf-font-size-xs);
    color: var(--lf-gray-400);
}

/* Compact table variant */
.admin-table-compact thead th[b-smiyv5xqpe] {
    padding: 0.6rem 1rem;
}

.admin-table-compact tbody td[b-smiyv5xqpe] {
    padding: 0.55rem 1rem;
}

/* ============================================================
   BATCH STATUS BADGES
   ============================================================ */
.batch-status-badge[b-smiyv5xqpe] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    padding: 0.25rem 0.75rem;
    border-radius: var(--lf-radius-full);
    font-size: var(--lf-font-size-xs);
    font-weight: 600;
}

.batch-status-badge.pending[b-smiyv5xqpe] {
    background: rgba(245, 158, 11, 0.1);
    color: var(--lf-warning);
}

.batch-status-badge.processing[b-smiyv5xqpe] {
    background: rgba(20, 184, 166, 0.1);
    color: var(--lf-accent);
}

.batch-status-badge.completed[b-smiyv5xqpe] {
    background: rgba(16, 185, 129, 0.1);
    color: var(--lf-success);
}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width: 991.98px) {
    .payout-hero[b-smiyv5xqpe] {
        flex-direction: column;
        align-items: flex-start;
    }

    .payout-hero-stats[b-smiyv5xqpe] {
        width: 100%;
        justify-content: space-around;
    }
}

@media (max-width: 575.98px) {
    .payout-hero-countdown[b-smiyv5xqpe] {
        width: 100%;
        justify-content: center;
    }

    .payout-hero-stats[b-smiyv5xqpe] {
        flex-wrap: wrap;
        gap: 0.75rem;
    }
}
/* /Components/Pages/Admin/Plans/AdminPlans.razor.rz.scp.css */
/* AdminPlans - page-specific styles */
.plan-admin-card[b-wfgvtmdhs5] {
    background: var(--lf-white);
    border: 1px solid var(--lf-gray-200);
    border-radius: var(--lf-radius-xl);
    box-shadow: var(--lf-shadow-card);
    overflow: hidden;
    transition: all var(--lf-transition);
}

.plan-admin-card:hover[b-wfgvtmdhs5] {
    box-shadow: var(--lf-shadow-lg);
    transform: translateY(-2px);
}

.plan-admin-card.premium[b-wfgvtmdhs5] {
    border-color: rgba(20, 184, 166, 0.25);
}

.plan-admin-card.premium .plan-admin-header[b-wfgvtmdhs5] {
    background: linear-gradient(135deg, rgba(12, 123, 127, 0.08) 0%, rgba(20, 184, 166, 0.08) 100%);
}

.plan-admin-header[b-wfgvtmdhs5] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.25rem;
    background: var(--lf-gray-50);
    border-bottom: 1px solid var(--lf-gray-100);
}

.plan-admin-amount[b-wfgvtmdhs5] {
    font-size: 1.5rem;
    font-weight: 800;
    color: var(--lf-primary);
    letter-spacing: -0.02em;
}

.plan-admin-tier[b-wfgvtmdhs5] {
    font-size: 0.6rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    padding: 0.2rem 0.6rem;
    border-radius: var(--lf-radius-full);
    background: var(--lf-gradient-accent);
    color: var(--lf-white);
}

.plan-admin-tier.standard[b-wfgvtmdhs5] {
    background: var(--lf-gray-200);
    color: var(--lf-gray-600);
}

.plan-admin-body[b-wfgvtmdhs5] {
    padding: 1.25rem;
}

.plan-admin-rate[b-wfgvtmdhs5] {
    display: flex;
    align-items: baseline;
    gap: 0.35rem;
    margin-bottom: 1rem;
}

.plan-admin-rate .rate-value[b-wfgvtmdhs5] {
    font-size: 1.75rem;
    font-weight: 800;
    color: var(--lf-accent);
}

.plan-admin-rate .rate-label[b-wfgvtmdhs5] {
    font-size: var(--lf-font-size-xs);
    color: var(--lf-gray-400);
}

.plan-admin-stats[b-wfgvtmdhs5] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

.plan-admin-stat[b-wfgvtmdhs5] {
    display: flex;
    flex-direction: column;
    padding: 0.6rem;
    background: var(--lf-gray-50);
    border-radius: var(--lf-radius-md);
}

.plan-admin-stat .stat-value[b-wfgvtmdhs5] {
    font-size: var(--lf-font-size-md);
    font-weight: 700;
    color: var(--lf-gray-800);
}

.plan-admin-stat .stat-label[b-wfgvtmdhs5] {
    font-size: var(--lf-font-size-xs);
    color: var(--lf-gray-400);
}

.plan-admin-status[b-wfgvtmdhs5] {
    margin-bottom: 0.5rem;
}

.plan-admin-actions[b-wfgvtmdhs5] {
    display: flex;
    gap: 0.5rem;
    padding: 0 1.25rem 1.25rem;
}

/* Yield config */
.yield-config[b-wfgvtmdhs5] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.yield-rule[b-wfgvtmdhs5] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    background: var(--lf-gray-50);
    border: 1px solid var(--lf-gray-200);
    border-radius: var(--lf-radius-lg);
}

.yield-rule-header[b-wfgvtmdhs5] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.yield-rule-icon[b-wfgvtmdhs5] {
    width: 40px;
    height: 40px;
    border-radius: var(--lf-radius-md);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    flex-shrink: 0;
}

.yield-rule-icon.standard[b-wfgvtmdhs5] {
    background: rgba(12, 123, 127, 0.1);
    color: var(--lf-secondary);
}

.yield-rule-icon.premium[b-wfgvtmdhs5] {
    background: rgba(20, 184, 166, 0.1);
    color: var(--lf-accent);
}

.yield-rule-title[b-wfgvtmdhs5] {
    font-size: var(--lf-font-size-sm);
    font-weight: 700;
    color: var(--lf-gray-800);
}

.yield-rule-desc[b-wfgvtmdhs5] {
    font-size: var(--lf-font-size-xs);
    color: var(--lf-gray-400);
}

.yield-rule-input[b-wfgvtmdhs5] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.yield-suffix[b-wfgvtmdhs5] {
    font-size: var(--lf-font-size-sm);
    font-weight: 600;
    color: var(--lf-gray-500);
    white-space: nowrap;
}

/* Summary grid */
.summary-stats-grid[b-wfgvtmdhs5] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

.summary-stat-item[b-wfgvtmdhs5] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1rem;
    background: var(--lf-gray-50);
    border-radius: var(--lf-radius-lg);
    border: 1px solid var(--lf-gray-200);
}

.summary-stat-value[b-wfgvtmdhs5] {
    font-size: 1.25rem;
    font-weight: 800;
    color: var(--lf-gray-800);
}

.summary-stat-label[b-wfgvtmdhs5] {
    font-size: var(--lf-font-size-xs);
    color: var(--lf-gray-400);
}
/* /Components/Pages/Admin/Reports/AdminReports.razor.rz.scp.css */
/* AdminReports — projection section */

/* ─── Hero card (proximo pago acumulado) ──────────────────────── */
.proj-hero[b-094c9ijfya] {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
    align-items: center;
    justify-content: space-between;
    padding: 1.5rem 1.75rem;
    border-radius: 16px;
    background: linear-gradient(135deg, #0F172A, #1E293B);
    color: #fff;
    margin-bottom: 1.5rem;
    box-shadow: 0 8px 24px -8px rgba(15, 23, 42, 0.4);
}
.proj-hero-left[b-094c9ijfya] {
    display: flex;
    align-items: center;
    gap: 1.1rem;
}
.proj-hero-icon[b-094c9ijfya] {
    width: 56px; height: 56px;
    border-radius: 14px;
    background: rgba(20, 184, 166, 0.2);
    color: #5eead4;
    display: flex; align-items: center; justify-content: center;
    font-size: 1.6rem;
    flex-shrink: 0;
}
.proj-hero-label[b-094c9ijfya] {
    display: block;
    font-size: var(--lf-font-size-xs);
    opacity: 0.65;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    font-weight: 600;
}
.proj-hero-value[b-094c9ijfya] {
    display: block;
    font-size: 2rem;
    font-weight: 800;
    color: #5eead4;
    letter-spacing: -0.02em;
    margin: 0.2rem 0;
    line-height: 1.1;
}
.proj-hero-foot[b-094c9ijfya] {
    display: block;
    font-size: var(--lf-font-size-xs);
    opacity: 0.7;
}
.proj-hero-right[b-094c9ijfya] {
    padding: 0.85rem 1.1rem;
    background: rgba(255, 255, 255, 0.06);
    border-radius: 12px;
    min-width: 240px;
}
.proj-hero-row[b-094c9ijfya] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}
.proj-hero-row-label[b-094c9ijfya] {
    font-size: var(--lf-font-size-xs);
    opacity: 0.7;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    font-weight: 600;
}
.proj-hero-row-value[b-094c9ijfya] {
    font-size: 1.35rem;
    font-weight: 800;
    color: #fff;
    letter-spacing: -0.01em;
}

/* ─── Section blocks ──────────────────────────────────────────── */
.proj-section[b-094c9ijfya] {
    margin-bottom: 1.5rem;
}
.proj-section:last-child[b-094c9ijfya] { margin-bottom: 0; }
.proj-section-title[b-094c9ijfya] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: var(--lf-font-size-sm);
    font-weight: 700;
    color: var(--lf-gray-700);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin: 0 0 0.85rem 0;
}
.proj-section-title i[b-094c9ijfya] {
    color: var(--lf-accent);
    font-size: 1rem;
}

/* ─── Cards individuales ──────────────────────────────────────── */
.proj-card[b-094c9ijfya] {
    background: var(--lf-white, #FFFFFF);
    border: 1px solid var(--lf-gray-100, #F1F5F9);
    border-radius: 12px;
    padding: 1.1rem 1.25rem;
    height: 100%;
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}
.proj-card:hover[b-094c9ijfya] {
    transform: translateY(-2px);
    box-shadow: 0 6px 16px -8px rgba(15, 23, 42, 0.15);
}
.proj-card-label[b-094c9ijfya] {
    display: block;
    font-size: var(--lf-font-size-xs);
    font-weight: 700;
    color: var(--lf-gray-600);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}
.proj-card-value[b-094c9ijfya] {
    display: block;
    font-size: 1.65rem;
    font-weight: 800;
    color: var(--lf-gray-900);
    letter-spacing: -0.02em;
    margin: 0.3rem 0;
    line-height: 1.15;
}
.proj-card-foot[b-094c9ijfya] {
    display: block;
    font-size: var(--lf-font-size-xs);
    color: var(--lf-gray-500);
}

.proj-card-primary[b-094c9ijfya] { border-left: 3px solid var(--lf-accent); }
.proj-card-primary .proj-card-value[b-094c9ijfya] { color: var(--lf-accent-hover, #0d9488); }

.proj-card-accent[b-094c9ijfya] {
    background: linear-gradient(135deg, rgba(20, 184, 166, 0.06), rgba(20, 184, 166, 0.02));
    border-color: rgba(20, 184, 166, 0.2);
}
.proj-card-accent .proj-card-value[b-094c9ijfya] { color: var(--lf-accent-hover, #0d9488); }

.proj-card-success[b-094c9ijfya] {
    background: linear-gradient(135deg, rgba(16, 185, 129, 0.04), rgba(16, 185, 129, 0.01));
    border-color: rgba(16, 185, 129, 0.2);
}
.proj-card-success .proj-card-value[b-094c9ijfya] { color: var(--lf-success, #10B981); }

/* ─── Responsive ──────────────────────────────────────────────── */
@media (max-width: 767.98px) {
    .proj-hero[b-094c9ijfya] { padding: 1.1rem 1.2rem; gap: 1rem; }
    .proj-hero-value[b-094c9ijfya] { font-size: 1.6rem; }
    .proj-hero-right[b-094c9ijfya] { min-width: 0; width: 100%; }
    .proj-card-value[b-094c9ijfya] { font-size: 1.35rem; }
}
/* /Components/Pages/Admin/Settings/AdminSettings.razor.rz.scp.css */
/* AdminSettings - page-specific styles */
.settings-form[b-doqvzx5mwz] {
    display: flex;
    flex-direction: column;
}

.settings-checkboxes[b-doqvzx5mwz] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    padding: 0.5rem 0;
}

.settings-check[b-doqvzx5mwz] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: var(--lf-font-size-sm);
    font-weight: 500;
    color: var(--lf-gray-700);
    cursor: pointer;
}

.settings-check input[type="checkbox"][b-doqvzx5mwz] {
    width: 1.1rem;
    height: 1.1rem;
    accent-color: var(--lf-accent);
    cursor: pointer;
}

.settings-toggle-row[b-doqvzx5mwz] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
}

.settings-toggle-title[b-doqvzx5mwz] {
    font-size: var(--lf-font-size-sm);
    font-weight: 600;
    color: var(--lf-gray-800);
}

.settings-toggle-desc[b-doqvzx5mwz] {
    font-size: var(--lf-font-size-xs);
    color: var(--lf-gray-400);
}

/* Toggle switch */
.settings-switch[b-doqvzx5mwz] {
    position: relative;
    display: inline-block;
    width: 44px;
    height: 24px;
    flex-shrink: 0;
}

.settings-switch input[b-doqvzx5mwz] {
    opacity: 0;
    width: 0;
    height: 0;
}

.settings-slider[b-doqvzx5mwz] {
    position: absolute;
    cursor: pointer;
    inset: 0;
    background-color: var(--lf-gray-300);
    border-radius: var(--lf-radius-full);
    transition: all var(--lf-transition);
}

.settings-slider[b-doqvzx5mwz]::before {
    content: '';
    position: absolute;
    height: 18px;
    width: 18px;
    left: 3px;
    bottom: 3px;
    background-color: var(--lf-white);
    border-radius: 50%;
    transition: all var(--lf-transition);
}

.settings-switch input:checked + .settings-slider[b-doqvzx5mwz] {
    background-color: var(--lf-accent);
}

.settings-switch input:checked + .settings-slider.danger[b-doqvzx5mwz] {
    background-color: var(--lf-danger);
}

.settings-switch input:checked + .settings-slider[b-doqvzx5mwz]::before {
    transform: translateX(20px);
}

/* Maintenance warning */
.maintenance-warning[b-doqvzx5mwz] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    background: rgba(245, 158, 11, 0.08);
    border: 1px solid rgba(245, 158, 11, 0.2);
    border-radius: var(--lf-radius-md);
    font-size: var(--lf-font-size-sm);
    color: var(--lf-gray-700);
}

.maintenance-warning i[b-doqvzx5mwz] {
    color: var(--lf-warning);
    font-size: 1.1rem;
    flex-shrink: 0;
}
/* /Components/Pages/Admin/Support/AdminSupport.razor.rz.scp.css */
/* AdminSupport - page-specific styles */
.admin-support-grid[b-cu0belovjf] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(340px, 420px);
    gap: 1rem;
    align-items: start;
}

.selected-ticket-row[b-cu0belovjf] {
    background: rgba(20, 184, 166, 0.06);
}

.ticket-priority[b-cu0belovjf] {
    font-size: 0.6rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    padding: 0.2rem 0.5rem;
    border-radius: var(--lf-radius-full);
    text-transform: uppercase;
}

.ticket-priority.high[b-cu0belovjf] {
    background: rgba(239, 68, 68, 0.1);
    color: var(--lf-danger);
}

.ticket-priority.medium[b-cu0belovjf] {
    background: rgba(245, 158, 11, 0.1);
    color: var(--lf-warning);
}

.ticket-priority.low[b-cu0belovjf] {
    background: rgba(20, 184, 166, 0.1);
    color: var(--lf-accent);
}

.support-detail-panel[b-cu0belovjf] {
    position: sticky;
    top: 1rem;
}

.support-detail-empty[b-cu0belovjf] {
    min-height: 220px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    text-align: center;
    color: var(--lf-gray-500);
}

.support-detail-empty i[b-cu0belovjf] {
    font-size: 2rem;
    color: var(--lf-accent);
}

.support-detail-header[b-cu0belovjf] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--lf-gray-100);
}

.support-detail-header h4[b-cu0belovjf] {
    margin: 0.25rem 0;
    color: var(--lf-gray-900);
    font-size: var(--lf-font-size-lg);
    font-weight: 800;
}

.support-detail-header p[b-cu0belovjf] {
    margin: 0;
    color: var(--lf-gray-500);
    line-height: 1.5;
}

.support-customer-meta[b-cu0belovjf] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.7rem;
    padding: 1rem 0;
    border-bottom: 1px solid var(--lf-gray-100);
}

.support-customer-meta span[b-cu0belovjf] {
    display: block;
    color: var(--lf-gray-400);
    font-size: var(--lf-font-size-xs);
    font-weight: 700;
    text-transform: uppercase;
}

.support-customer-meta strong[b-cu0belovjf] {
    color: var(--lf-gray-800);
    font-size: var(--lf-font-size-sm);
    overflow-wrap: anywhere;
}

.support-thread[b-cu0belovjf] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    max-height: 360px;
    overflow-y: auto;
    padding: 1rem 0;
}

.support-thread-empty[b-cu0belovjf],
.support-closed-note[b-cu0belovjf] {
    padding: 0.85rem;
    border-radius: var(--lf-radius-md);
    background: var(--lf-gray-50);
    color: var(--lf-gray-500);
    font-size: var(--lf-font-size-sm);
}

.support-message[b-cu0belovjf] {
    border: 1px solid var(--lf-gray-100);
    border-radius: var(--lf-radius-lg);
    padding: 0.85rem;
    background: var(--lf-white);
}

.support-message.admin[b-cu0belovjf] {
    border-color: rgba(20, 184, 166, 0.22);
    background: rgba(20, 184, 166, 0.05);
}

.support-message-meta[b-cu0belovjf] {
    display: flex;
    justify-content: space-between;
    gap: 0.75rem;
    margin-bottom: 0.4rem;
    font-size: var(--lf-font-size-xs);
}

.support-message-meta strong[b-cu0belovjf] {
    color: var(--lf-gray-800);
}

.support-message-meta span[b-cu0belovjf] {
    color: var(--lf-gray-400);
    white-space: nowrap;
}

.support-message p[b-cu0belovjf] {
    margin: 0;
    color: var(--lf-gray-600);
    line-height: 1.55;
    overflow-wrap: anywhere;
}

.support-reply-box[b-cu0belovjf] {
    padding-top: 1rem;
    border-top: 1px solid var(--lf-gray-100);
}

@media (max-width: 1199.98px) {
    .admin-support-grid[b-cu0belovjf] {
        grid-template-columns: 1fr;
    }

    .support-detail-panel[b-cu0belovjf] {
        position: static;
    }
}
/* /Components/Pages/Admin/Users/AdminUsers.razor.rz.scp.css */
/* AdminUsers - page-specific styles */
.user-email[b-6v7mx2morp] {
    font-size: var(--lf-font-size-xs);
    color: var(--lf-gray-400);
}

.user-country[b-6v7mx2morp] {
    font-size: var(--lf-font-size-sm);
    color: var(--lf-gray-600);
}

.user-capital[b-6v7mx2morp] {
    font-weight: 700;
    color: var(--lf-gray-800);
}

.admin-modal-backdrop[b-6v7mx2morp] {
    position: fixed;
    inset: 0;
    z-index: 1050;
    background: rgba(15, 23, 42, 0.55);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
}

.admin-modal[b-6v7mx2morp] {
    width: min(720px, 100%);
    max-height: calc(100vh - 2rem);
    overflow: auto;
    background: var(--lf-white);
    border: 1px solid var(--lf-gray-200);
    border-radius: var(--lf-radius-xl);
    box-shadow: var(--lf-shadow-xl);
}

.admin-modal-header[b-6v7mx2morp] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.25rem;
    border-bottom: 1px solid var(--lf-gray-100);
}

.admin-modal-title[b-6v7mx2morp] {
    margin: 0;
    font-size: var(--lf-font-size-lg);
    font-weight: 800;
    color: var(--lf-gray-800);
}

.admin-modal-subtitle[b-6v7mx2morp] {
    margin: 0.2rem 0 0;
    font-size: var(--lf-font-size-sm);
    color: var(--lf-gray-500);
}

.admin-modal-close[b-6v7mx2morp] {
    width: 34px;
    height: 34px;
    border: 1px solid var(--lf-gray-200);
    border-radius: var(--lf-radius-md);
    background: var(--lf-white);
    color: var(--lf-gray-500);
}

.admin-modal-body[b-6v7mx2morp] {
    padding: 1.25rem;
}
/* /Components/Pages/Admin/Withdrawals/AdminWithdrawals.razor.rz.scp.css */
/* AdminWithdrawals - page-specific styles */

/* Operational queue */
.wth-ops-panel[b-01hbmkyj8w] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem;
    background: var(--lf-white);
    border: 1px solid var(--lf-gray-100);
    border-radius: var(--lf-radius-lg);
    box-shadow: var(--lf-shadow-sm);
}

.wth-ops-main[b-01hbmkyj8w] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    min-width: 0;
    flex: 1;
}

.wth-ops-title[b-01hbmkyj8w] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: var(--lf-font-size-sm);
    font-weight: 700;
    color: var(--lf-gray-800);
}

.wth-ops-metrics[b-01hbmkyj8w] {
    display: grid;
    grid-template-columns: repeat(4, minmax(120px, 1fr));
    gap: 0.75rem;
}

.wth-ops-metrics > div[b-01hbmkyj8w] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    padding: 0.75rem;
    background: var(--lf-gray-50);
    border-radius: var(--lf-radius-md);
}

.wth-ops-metrics span[b-01hbmkyj8w] {
    font-size: var(--lf-font-size-xs);
    color: var(--lf-gray-500);
}

.wth-ops-metrics strong[b-01hbmkyj8w] {
    font-size: var(--lf-font-size-md);
    color: var(--lf-gray-800);
}

.wth-ops-actions[b-01hbmkyj8w] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.wth-filter-chip[b-01hbmkyj8w] {
    border: 1px solid var(--lf-gray-200);
    background: var(--lf-white);
    color: var(--lf-gray-600);
    border-radius: var(--lf-radius-md);
    font-size: var(--lf-font-size-xs);
    font-weight: 700;
    padding: 0.45rem 0.7rem;
    cursor: pointer;
    transition: all var(--lf-transition-fast);
}

.wth-filter-chip:hover[b-01hbmkyj8w],
.wth-filter-chip.active[b-01hbmkyj8w] {
    border-color: rgba(20, 184, 166, 0.35);
    background: rgba(20, 184, 166, 0.08);
    color: var(--lf-accent);
}

/* User info in withdrawal table */
.wth-user-info[b-01hbmkyj8w] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.wth-user-name[b-01hbmkyj8w] {
    font-size: var(--lf-font-size-sm);
    font-weight: 600;
    color: var(--lf-gray-800);
    line-height: 1.3;
}

.wth-user-email[b-01hbmkyj8w] {
    font-size: var(--lf-font-size-xs);
    color: var(--lf-gray-400);
    line-height: 1.3;
}

/* Wallet helpers */
.wallet-copy-cell[b-01hbmkyj8w],
.wallet-inline-actions[b-01hbmkyj8w] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    max-width: 100%;
}

.wallet-inline-actions[b-01hbmkyj8w] {
    justify-content: flex-end;
    min-width: 0;
}

.wth-copy-btn[b-01hbmkyj8w] {
    width: 28px;
    height: 28px;
    border: 1px solid var(--lf-gray-200);
    background: var(--lf-white);
    color: var(--lf-gray-500);
    border-radius: var(--lf-radius-md);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all var(--lf-transition-fast);
    flex: 0 0 auto;
}

.wth-copy-btn:hover[b-01hbmkyj8w] {
    border-color: rgba(20, 184, 166, 0.35);
    color: var(--lf-accent);
    background: rgba(20, 184, 166, 0.06);
}

/* Rejection reason tag */
.wth-reject-reason[b-01hbmkyj8w] {
    display: block;
    font-size: 0.6rem;
    color: var(--lf-gray-400);
    font-weight: 500;
    margin-top: 0.15rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 140px;
}

/* Withdrawal modal */
.wth-modal-backdrop[b-01hbmkyj8w] {
    position: fixed;
    inset: 0;
    background: rgba(10, 37, 64, 0.6);
    backdrop-filter: blur(4px);
    z-index: 1050;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
}

.wth-modal[b-01hbmkyj8w] {
    background: var(--lf-white);
    border-radius: var(--lf-radius-xl);
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    max-width: 480px;
    width: 100%;
    overflow: hidden;
}

.wth-modal-header[b-01hbmkyj8w] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.25rem;
    border-bottom: 1px solid var(--lf-gray-100);
}

.wth-modal-title[b-01hbmkyj8w] {
    font-size: var(--lf-font-size-md);
    font-weight: 700;
    color: var(--lf-gray-800);
    margin: 0;
    display: flex;
    align-items: center;
}

.wth-modal-close[b-01hbmkyj8w] {
    width: 32px;
    height: 32px;
    border-radius: var(--lf-radius-md);
    border: none;
    background: var(--lf-gray-100);
    color: var(--lf-gray-500);
    font-size: 0.85rem;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all var(--lf-transition-fast);
}

.wth-modal-close:hover[b-01hbmkyj8w] {
    background: var(--lf-gray-200);
    color: var(--lf-gray-700);
}

.wth-modal-body[b-01hbmkyj8w] {
    padding: 1.25rem;
}

.wth-modal-summary[b-01hbmkyj8w] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding: 1rem;
    background: var(--lf-gray-50);
    border-radius: var(--lf-radius-lg);
    margin-bottom: 1rem;
}

.wth-modal-row[b-01hbmkyj8w] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    font-size: var(--lf-font-size-sm);
    color: var(--lf-gray-500);
}

.wth-checklist[b-01hbmkyj8w] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.wth-checklist > div[b-01hbmkyj8w] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    font-size: var(--lf-font-size-sm);
    color: var(--lf-gray-600);
}

.wth-checklist i[b-01hbmkyj8w] {
    color: var(--lf-success);
    margin-top: 0.1rem;
}

.wth-safe-note[b-01hbmkyj8w] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    padding: 0.85rem;
    margin-bottom: 1rem;
    border: 1px solid rgba(20, 184, 166, 0.22);
    border-radius: var(--lf-radius-md);
    background: rgba(20, 184, 166, 0.06);
    color: var(--lf-gray-700);
    font-size: var(--lf-font-size-sm);
}

.wth-safe-note span[b-01hbmkyj8w] {
    color: var(--lf-gray-500);
    font-size: var(--lf-font-size-xs);
}

.wth-modal-field[b-01hbmkyj8w] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.wth-field-hint[b-01hbmkyj8w] {
    font-size: var(--lf-font-size-xs);
    color: var(--lf-gray-400);
}

.wth-modal-footer[b-01hbmkyj8w] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    padding: 1rem 1.25rem;
    border-top: 1px solid var(--lf-gray-100);
    background: var(--lf-gray-50);
}

@media (max-width: 900px) {
    .wth-ops-panel[b-01hbmkyj8w] {
        flex-direction: column;
    }

    .wth-ops-metrics[b-01hbmkyj8w] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .wth-ops-actions[b-01hbmkyj8w] {
        justify-content: flex-start;
    }
}

@media (max-width: 520px) {
    .wth-ops-metrics[b-01hbmkyj8w] {
        grid-template-columns: 1fr;
    }

    .wth-modal-row[b-01hbmkyj8w] {
        align-items: flex-start;
        flex-direction: column;
        gap: 0.25rem;
    }

    .wallet-inline-actions[b-01hbmkyj8w] {
        justify-content: flex-start;
    }
}
/* /Components/Pages/Auth/ForgotPassword.razor.rz.scp.css */
/* ============================================================
   FORGOT PASSWORD PAGE STYLES - LIFE FREE
   ============================================================ */

.forgot-icon-circle[b-kie5abnfb6] {
    width: 64px; height: 64px; border-radius: 50%;
    background: rgba(20, 184, 166, 0.1);
    display: flex; align-items: center; justify-content: center;
    margin: 0 auto; font-size: 1.6rem; color: var(--lf-accent);
}
.forgot-icon-circle.success[b-kie5abnfb6] {
    background: rgba(16, 185, 129, 0.1); color: var(--lf-success);
}
.forgot-icon-circle.large[b-kie5abnfb6] {
    width: 80px; height: 80px; font-size: 2.2rem;
}

/* Code boxes */
.code-boxes-container[b-kie5abnfb6] {
    display: flex; gap: 0.5rem; justify-content: center;
}

.code-box-input[b-kie5abnfb6] {
    width: 48px; height: 56px; text-align: center;
    border: 1.5px solid var(--lf-gray-200); border-radius: var(--lf-radius-md);
    font-size: 1.4rem; font-weight: 800; color: var(--lf-gray-800);
    background: var(--lf-white); outline: none;
    transition: all var(--lf-transition);
}
.code-box-input:focus[b-kie5abnfb6] {
    border-color: var(--lf-accent);
    box-shadow: 0 0 0 3px rgba(20, 184, 166, 0.12);
}

.field-hint[b-kie5abnfb6] {
    display: flex; align-items: center;
    font-size: var(--lf-font-size-xs); color: var(--lf-gray-400);
}

/* Resend row */
.resend-row[b-kie5abnfb6] {
    display: flex; align-items: center; justify-content: center; gap: 0.4rem;
    font-size: var(--lf-font-size-sm); color: var(--lf-gray-500);
}

.resend-btn[b-kie5abnfb6] {
    border: none; background: none; color: var(--lf-accent);
    font-weight: 700; font-size: var(--lf-font-size-sm);
    cursor: pointer; display: inline-flex; align-items: center;
    transition: color var(--lf-transition);
}
.resend-btn:hover[b-kie5abnfb6] { color: var(--lf-accent-hover); }

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width: 575.98px) {
    .forgot-icon-circle[b-kie5abnfb6] { width: 56px; height: 56px; font-size: 1.4rem; }
    .forgot-icon-circle.large[b-kie5abnfb6] { width: 68px; height: 68px; font-size: 1.8rem; }
    .code-box-input[b-kie5abnfb6] { width: 42px; height: 48px; font-size: 1.2rem; }
}
/* /Components/Pages/Dashboard/Dashboard.razor.rz.scp.css */
/* ============================================================
   DASHBOARD STYLES - LIFE FREE
   ============================================================ */

/* Page header */
.page-title[b-sd9wt2eumt] {
    font-size: 1.5rem;
    font-weight: 800;
    color: var(--lf-primary);
    margin-bottom: 0.15rem;
    letter-spacing: -0.01em;
}

.page-subtitle[b-sd9wt2eumt] {
    font-size: var(--lf-font-size-base);
    color: var(--lf-gray-500);
    margin-bottom: 0;
}

/* ============================================================
   KPI CARDS
   ============================================================ */
.kpi-card[b-sd9wt2eumt] {
    background: var(--lf-white);
    border: 1px solid var(--lf-gray-200);
    border-radius: var(--lf-radius-xl);
    padding: 1.25rem;
    box-shadow: var(--lf-shadow-card);
    transition: all var(--lf-transition);
    height: 100%;
}

.kpi-card:hover[b-sd9wt2eumt] {
    box-shadow: var(--lf-shadow-lg);
    transform: translateY(-2px);
}

.kpi-header[b-sd9wt2eumt] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 0.75rem;
}

.kpi-icon[b-sd9wt2eumt] {
    width: 40px;
    height: 40px;
    border-radius: var(--lf-radius-lg);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
}

.kpi-icon.bg-accent-soft[b-sd9wt2eumt] {
    background: rgba(20, 184, 166, 0.1);
    color: var(--lf-accent);
}

.kpi-icon.bg-primary-soft[b-sd9wt2eumt] {
    background: rgba(12, 123, 127, 0.1);
    color: var(--lf-secondary);
}

.kpi-icon.bg-success-soft[b-sd9wt2eumt] {
    background: rgba(16, 185, 129, 0.1);
    color: var(--lf-success);
}

.kpi-icon.bg-warning-soft[b-sd9wt2eumt] {
    background: rgba(245, 158, 11, 0.1);
    color: var(--lf-warning);
}

.kpi-badge[b-sd9wt2eumt] {
    font-size: 0.7rem;
    font-weight: 600;
    padding: 0.15rem 0.5rem;
    border-radius: var(--lf-radius-full);
    display: flex;
    align-items: center;
}

.kpi-badge.positive[b-sd9wt2eumt] {
    background: rgba(16, 185, 129, 0.1);
    color: var(--lf-success);
}

.kpi-badge.negative[b-sd9wt2eumt] {
    background: rgba(239, 68, 68, 0.1);
    color: var(--lf-danger);
}

.kpi-badge.neutral[b-sd9wt2eumt] {
    background: rgba(20, 184, 166, 0.1);
    color: var(--lf-accent);
}

.kpi-badge i[b-sd9wt2eumt] {
    font-size: 0.85rem;
    margin-right: -2px;
}

.kpi-value[b-sd9wt2eumt] {
    font-size: 1.65rem;
    font-weight: 800;
    color: var(--lf-gray-900);
    letter-spacing: -0.02em;
    line-height: 1.2;
}

.kpi-label[b-sd9wt2eumt] {
    font-size: var(--lf-font-size-sm);
    color: var(--lf-gray-500);
    margin-top: 0.15rem;
}

.kpi-bar[b-sd9wt2eumt] {
    height: 3px;
    background: var(--lf-gray-100);
    border-radius: 2px;
    margin-top: 0.75rem;
    overflow: hidden;
}

.kpi-bar-fill[b-sd9wt2eumt] {
    height: 100%;
    background: var(--lf-gradient-accent);
    border-radius: 2px;
    transition: width 1s ease;
}

.kpi-bar-fill.bg-primary-fill[b-sd9wt2eumt] {
    background: var(--lf-secondary);
}

.kpi-bar-fill.bg-success-fill[b-sd9wt2eumt] {
    background: var(--lf-success);
}

.kpi-detail[b-sd9wt2eumt] {
    font-size: var(--lf-font-size-xs);
    color: var(--lf-gray-500);
}

.kpi-detail strong[b-sd9wt2eumt] {
    color: var(--lf-gray-700);
}

/* ============================================================
   DASHBOARD CARDS
   ============================================================ */
.dash-card[b-sd9wt2eumt] {
    background: var(--lf-white);
    border: 1px solid var(--lf-gray-200);
    border-radius: var(--lf-radius-xl);
    box-shadow: var(--lf-shadow-card);
    overflow: hidden;
    height: 100%;
}

.dash-card-header[b-sd9wt2eumt] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.25rem;
    border-bottom: 1px solid var(--lf-gray-100);
}

.dash-card-title[b-sd9wt2eumt] {
    font-size: var(--lf-font-size-md);
    font-weight: 700;
    color: var(--lf-gray-800);
    margin: 0;
    display: flex;
    align-items: center;
}

.dash-card-link[b-sd9wt2eumt] {
    font-size: var(--lf-font-size-sm);
    font-weight: 500;
    color: var(--lf-accent);
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 0.3rem;
    transition: color var(--lf-transition);
}

.dash-card-link:hover[b-sd9wt2eumt] {
    color: var(--lf-accent-hover);
}

.dash-card-body[b-sd9wt2eumt] {
    padding: 1.25rem;
}

/* Active investments list (Plan Activo card) */
.active-investment-list[b-sd9wt2eumt] {
    display: flex;
    flex-direction: column;
}
.active-investment-row[b-sd9wt2eumt] {
    display: flex;
    gap: 0.85rem;
    align-items: flex-start;
    padding: 0.95rem 1.25rem;
    border-bottom: 1px solid var(--lf-gray-100, #F1F5F9);
}
.active-investment-row:last-child[b-sd9wt2eumt] { border-bottom: none; }
.active-investment-tier[b-sd9wt2eumt] {
    width: 38px; height: 38px;
    border-radius: 10px;
    display: flex; align-items: center; justify-content: center;
    font-size: 1.05rem;
    flex-shrink: 0;
}
.active-investment-tier.tier-starter[b-sd9wt2eumt] {
    background: rgba(100, 116, 139, 0.12); color: var(--lf-gray-700, #334155);
}
.active-investment-tier.tier-pro[b-sd9wt2eumt] {
    background: rgba(20, 184, 166, 0.12); color: var(--lf-accent-hover, #0d9488);
}
.active-investment-tier.tier-elite[b-sd9wt2eumt] {
    background: rgba(139, 92, 246, 0.12); color: #8B5CF6;
}
.active-investment-info[b-sd9wt2eumt] { flex: 1; min-width: 0; }
.active-investment-name[b-sd9wt2eumt] {
    font-size: var(--lf-font-size-sm);
    color: var(--lf-gray-800, #1E293B);
}
.active-investment-rate[b-sd9wt2eumt] {
    font-size: var(--lf-font-size-xs);
    color: var(--lf-accent);
    font-weight: 700;
}
.active-investment-meta[b-sd9wt2eumt] {
    font-size: var(--lf-font-size-xs);
    color: var(--lf-gray-500, #64748B);
    margin-top: 0.15rem;
    display: flex; flex-wrap: wrap; gap: 0.4rem; align-items: center;
}
.active-investment-meta .dot[b-sd9wt2eumt] { color: var(--lf-gray-300, #CBD5E1); }
.active-investment-progress[b-sd9wt2eumt] {
    margin-top: 0.5rem;
    height: 5px;
    background: var(--lf-gray-100, #F1F5F9);
    border-radius: 999px;
    overflow: hidden;
}
.active-investment-progress-fill[b-sd9wt2eumt] {
    height: 100%;
    background: linear-gradient(90deg, var(--lf-accent), var(--lf-accent-hover, #0d9488));
    border-radius: 999px;
    transition: width 0.6s ease;
}

/* ============================================================
   ACTIVE PLAN CARD
   ============================================================ */
.active-plan-card[b-sd9wt2eumt] {
    background: var(--lf-gradient-card);
    border: 1px solid rgba(20, 184, 166, 0.12);
    border-radius: var(--lf-radius-lg);
    padding: 1.25rem;
}

.plan-tier[b-sd9wt2eumt] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.75rem;
}

.plan-tier-badge[b-sd9wt2eumt] {
    background: var(--lf-gradient-accent);
    color: var(--lf-white);
    font-size: 0.6rem;
    font-weight: 800;
    padding: 0.2rem 0.55rem;
    border-radius: var(--lf-radius-full);
    letter-spacing: 0.08em;
}

.plan-name[b-sd9wt2eumt] {
    font-weight: 700;
    color: var(--lf-gray-800);
    font-size: var(--lf-font-size-md);
}

.plan-invested-label[b-sd9wt2eumt] {
    font-size: var(--lf-font-size-xs);
    color: var(--lf-gray-500);
    display: block;
}

.plan-invested-value[b-sd9wt2eumt] {
    font-size: var(--lf-font-size-xl);
    font-weight: 800;
    color: var(--lf-primary);
}

.plan-stats[b-sd9wt2eumt] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.plan-stat[b-sd9wt2eumt] {
    display: flex;
    flex-direction: column;
}

.plan-stat-value[b-sd9wt2eumt] {
    font-weight: 700;
    color: var(--lf-gray-800);
    font-size: var(--lf-font-size-md);
}

.plan-stat-label[b-sd9wt2eumt] {
    font-size: var(--lf-font-size-xs);
    color: var(--lf-gray-400);
}

.plan-progress[b-sd9wt2eumt] {
    height: 6px;
    background: var(--lf-gray-100);
    border-radius: 3px;
    overflow: hidden;
}

.plan-progress-bar[b-sd9wt2eumt] {
    height: 100%;
    background: var(--lf-gradient-accent);
    border-radius: 3px;
    transition: width 1s ease;
}

/* Mini plan cards */
.mini-plan-card[b-sd9wt2eumt] {
    background: var(--lf-gray-50);
    border: 1px solid var(--lf-gray-200);
    border-radius: var(--lf-radius-md);
    padding: 0.875rem 1rem;
    transition: all var(--lf-transition);
}

.mini-plan-card:hover[b-sd9wt2eumt] {
    border-color: rgba(20, 184, 166, 0.3);
    background: var(--lf-white);
}

.mini-plan-name[b-sd9wt2eumt] {
    font-weight: 600;
    color: var(--lf-gray-800);
    font-size: var(--lf-font-size-sm);
    display: block;
}

.mini-plan-rate[b-sd9wt2eumt] {
    font-size: var(--lf-font-size-xs);
    color: var(--lf-gray-400);
}

.mini-plan-earning[b-sd9wt2eumt] {
    font-weight: 700;
    color: var(--lf-success);
    font-size: var(--lf-font-size-sm);
}

.mini-plan-capital[b-sd9wt2eumt] {
    font-size: var(--lf-font-size-xs);
    color: var(--lf-gray-400);
}

/* ============================================================
   NEXT PAYMENT
   ============================================================ */
.next-payment[b-sd9wt2eumt] {
    display: flex;
    align-items: center;
    gap: 1rem;
    background: linear-gradient(135deg, rgba(20, 184, 166, 0.06) 0%, rgba(12, 123, 127, 0.04) 100%);
    border: 1px solid rgba(20, 184, 166, 0.12);
    border-radius: var(--lf-radius-lg);
    padding: 1rem;
}

.next-payment-icon[b-sd9wt2eumt] {
    width: 44px;
    height: 44px;
    border-radius: var(--lf-radius-lg);
    background: rgba(20, 184, 166, 0.12);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--lf-accent);
    font-size: 1.2rem;
    flex-shrink: 0;
}

.next-payment-info[b-sd9wt2eumt] {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.next-payment-label[b-sd9wt2eumt] {
    font-size: var(--lf-font-size-xs);
    color: var(--lf-gray-400);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 600;
}

.next-payment-date[b-sd9wt2eumt] {
    font-weight: 700;
    color: var(--lf-gray-800);
    font-size: var(--lf-font-size-sm);
}

.next-payment-time[b-sd9wt2eumt] {
    font-size: var(--lf-font-size-xs);
    color: var(--lf-gray-500);
}

.next-payment-amount[b-sd9wt2eumt] {
    text-align: right;
    display: flex;
    flex-direction: column;
}

.next-payment-value[b-sd9wt2eumt] {
    font-size: var(--lf-font-size-lg);
    font-weight: 800;
    color: var(--lf-accent);
}

.next-payment-sublabel[b-sd9wt2eumt] {
    font-size: var(--lf-font-size-xs);
    color: var(--lf-gray-400);
}

/* ============================================================
   QUICK ACTIONS
   ============================================================ */
.quick-actions[b-sd9wt2eumt] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem;
}

.quick-action-item[b-sd9wt2eumt] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    padding: 1rem 0.75rem;
    background: var(--lf-gray-50);
    border: 1px solid var(--lf-gray-200);
    border-radius: var(--lf-radius-lg);
    text-decoration: none;
    transition: all var(--lf-transition);
}

.quick-action-item:hover[b-sd9wt2eumt] {
    transform: translateY(-2px);
    box-shadow: var(--lf-shadow-md);
    border-color: rgba(20, 184, 166, 0.3);
}

.quick-action-item span[b-sd9wt2eumt] {
    font-size: var(--lf-font-size-xs);
    font-weight: 600;
    color: var(--lf-gray-700);
}

.quick-action-icon[b-sd9wt2eumt] {
    width: 40px;
    height: 40px;
    border-radius: var(--lf-radius-lg);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
}

.quick-action-icon.accent[b-sd9wt2eumt] {
    background: rgba(20, 184, 166, 0.1);
    color: var(--lf-accent);
}

.quick-action-icon.primary[b-sd9wt2eumt] {
    background: rgba(12, 123, 127, 0.1);
    color: var(--lf-secondary);
}

.quick-action-icon.success[b-sd9wt2eumt] {
    background: rgba(16, 185, 129, 0.1);
    color: var(--lf-success);
}

.quick-action-icon.warning[b-sd9wt2eumt] {
    background: rgba(245, 158, 11, 0.1);
    color: var(--lf-warning);
}

/* ============================================================
   TABLE STYLES
   ============================================================ */
.table-lf[b-sd9wt2eumt] {
    margin: 0;
    font-size: var(--lf-font-size-sm);
}

.table-lf thead th[b-sd9wt2eumt] {
    background: var(--lf-gray-50);
    color: var(--lf-gray-500);
    font-weight: 600;
    font-size: var(--lf-font-size-xs);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 0.75rem 1.25rem;
    border-bottom: 1px solid var(--lf-gray-200);
    white-space: nowrap;
}

.table-lf tbody td[b-sd9wt2eumt] {
    padding: 0.75rem 1.25rem;
    vertical-align: middle;
    border-bottom: 1px solid var(--lf-gray-100);
    color: var(--lf-gray-700);
}

.table-lf tbody tr:last-child td[b-sd9wt2eumt] {
    border-bottom: none;
}

.table-lf tbody tr:hover[b-sd9wt2eumt] {
    background: rgba(20, 184, 166, 0.02);
}

.fw-600[b-sd9wt2eumt] {
    font-weight: 600;
}

/* Transaction type */
.tx-type[b-sd9wt2eumt] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-weight: 500;
}

.tx-icon[b-sd9wt2eumt] {
    width: 30px;
    height: 30px;
    border-radius: var(--lf-radius-md);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.8rem;
    flex-shrink: 0;
}

.tx-icon.deposit[b-sd9wt2eumt] {
    background: rgba(16, 185, 129, 0.1);
    color: var(--lf-success);
}

.tx-icon.earning[b-sd9wt2eumt] {
    background: rgba(20, 184, 166, 0.1);
    color: var(--lf-accent);
}

.tx-icon.withdrawal[b-sd9wt2eumt] {
    background: rgba(12, 123, 127, 0.1);
    color: var(--lf-secondary);
}

.tx-icon.referral[b-sd9wt2eumt] {
    background: rgba(245, 158, 11, 0.1);
    color: var(--lf-warning);
}

/* ============================================================
   REFERRAL SUMMARY
   ============================================================ */
.referral-levels[b-sd9wt2eumt] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.referral-level[b-sd9wt2eumt] {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.referral-level-header[b-sd9wt2eumt] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.ref-level-dot[b-sd9wt2eumt] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
}

.ref-level-dot.level-1[b-sd9wt2eumt] { background: var(--lf-accent); }
.ref-level-dot.level-2[b-sd9wt2eumt] { background: var(--lf-secondary); }
.ref-level-dot.level-3[b-sd9wt2eumt] { background: var(--lf-warning); }

.ref-level-name[b-sd9wt2eumt] {
    font-size: var(--lf-font-size-sm);
    font-weight: 600;
    color: var(--lf-gray-700);
}

.ref-level-percent[b-sd9wt2eumt] {
    font-size: var(--lf-font-size-xs);
    font-weight: 700;
    color: var(--lf-accent);
    background: rgba(20, 184, 166, 0.08);
    padding: 0.1rem 0.4rem;
    border-radius: var(--lf-radius-full);
}

.ref-level-stats[b-sd9wt2eumt] {
    display: flex;
    justify-content: space-between;
    font-size: var(--lf-font-size-xs);
    color: var(--lf-gray-500);
}

.ref-level-bar[b-sd9wt2eumt] {
    height: 4px;
    background: var(--lf-gray-100);
    border-radius: 2px;
    overflow: hidden;
}

.ref-level-bar-fill[b-sd9wt2eumt] {
    height: 100%;
    border-radius: 2px;
    transition: width 0.8s ease;
}

.ref-level-bar-fill.level-1[b-sd9wt2eumt] { background: var(--lf-accent); }
.ref-level-bar-fill.level-2[b-sd9wt2eumt] { background: var(--lf-secondary); }
.ref-level-bar-fill.level-3[b-sd9wt2eumt] { background: var(--lf-warning); }

/* Referral link */
.referral-link-box[b-sd9wt2eumt] {
    background: var(--lf-gray-50);
    border: 1px solid var(--lf-gray-200);
    border-radius: var(--lf-radius-md);
    padding: 0.75rem;
}

.referral-link-input[b-sd9wt2eumt] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    background: var(--lf-white);
    border: 1px solid var(--lf-gray-200);
    border-radius: var(--lf-radius-md);
    padding: 0.4rem 0.5rem 0.4rem 0.75rem;
    overflow: hidden;
    min-width: 0;
}

.referral-link-text[b-sd9wt2eumt] {
    flex: 1 1 0;
    min-width: 0;
    font-size: var(--lf-font-size-xs);
    font-family: 'Courier New', monospace;
    color: var(--lf-gray-600);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.referral-copy-btn[b-sd9wt2eumt] {
    background: rgba(20, 184, 166, 0.1);
    border: none;
    width: 30px;
    height: 30px;
    border-radius: var(--lf-radius-sm);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--lf-accent);
    cursor: pointer;
    transition: all var(--lf-transition);
    flex-shrink: 0;
}

.referral-copy-btn:hover[b-sd9wt2eumt] {
    background: rgba(20, 184, 166, 0.2);
}

.referral-total[b-sd9wt2eumt] {
    background: rgba(20, 184, 166, 0.04);
    border-top: 1px solid var(--lf-gray-100);
    padding-top: 0.75rem;
}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width: 575.98px) {
    .page-title[b-sd9wt2eumt] {
        font-size: 1.25rem;
    }

    .kpi-value[b-sd9wt2eumt] {
        font-size: 1.35rem;
    }

    .active-plan-card[b-sd9wt2eumt] {
        padding: 1rem;
    }

    .next-payment[b-sd9wt2eumt] {
        flex-wrap: wrap;
    }

    .next-payment-amount[b-sd9wt2eumt] {
        text-align: left;
        width: 100%;
        padding-top: 0.5rem;
        border-top: 1px solid var(--lf-gray-100);
        margin-top: 0.5rem;
    }
}
/* /Components/Pages/Deposits/Deposits.razor.rz.scp.css */
/* ============================================================
   DEPOSITS PAGE STYLES - LIFE FREE
   ============================================================ */

.page-title[b-81jero58uh] { font-size: 1.5rem; font-weight: 800; color: var(--lf-primary); margin-bottom: 0.15rem; }
.page-subtitle[b-81jero58uh] { font-size: var(--lf-font-size-base); color: var(--lf-gray-500); margin-bottom: 0; }

.section-title[b-81jero58uh] {
    font-size: var(--lf-font-size-md);
    font-weight: 700;
    color: var(--lf-gray-800);
    display: flex;
    align-items: center;
}

.balance-pill[b-81jero58uh] {
    background: rgba(20, 184, 166, 0.08);
    border: 1px solid rgba(20, 184, 166, 0.15);
    border-radius: var(--lf-radius-full);
    padding: 0.4rem 1rem;
    font-size: var(--lf-font-size-sm);
    color: var(--lf-gray-600);
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.balance-pill strong[b-81jero58uh] { color: var(--lf-accent); }
.balance-pill i[b-81jero58uh] { color: var(--lf-accent); }

/* ============================================================
   DEPOSIT FORM CARD
   ============================================================ */
.deposit-form-card[b-81jero58uh],
.info-card[b-81jero58uh],
.recent-deposits-card[b-81jero58uh] {
    background: var(--lf-white);
    border: 1px solid var(--lf-gray-200);
    border-radius: var(--lf-radius-xl);
    box-shadow: var(--lf-shadow-card);
    padding: 1.5rem;
}

.deposit-form-header[b-81jero58uh] { margin-bottom: 1.5rem; }
.form-section[b-81jero58uh] { }

/* Payment method selection */
.payment-grid[b-81jero58uh] {
    display: flex;
    gap: 0.75rem;
}

.payment-option[b-81jero58uh] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem;
    border: 1.5px solid var(--lf-gray-200);
    border-radius: var(--lf-radius-lg);
    background: var(--lf-white);
    cursor: pointer;
    transition: all var(--lf-transition);
    text-align: left;
}

.payment-option:hover[b-81jero58uh] {
    border-color: var(--lf-accent);
    background: rgba(20, 184, 166, 0.02);
}

.payment-option.active[b-81jero58uh] {
    border-color: var(--lf-accent);
    background: rgba(20, 184, 166, 0.05);
    box-shadow: 0 0 0 3px rgba(20, 184, 166, 0.1);
}

.payment-option-icon[b-81jero58uh] {
    width: 42px;
    height: 42px;
    border-radius: var(--lf-radius-lg);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    flex-shrink: 0;
}

.payment-option-icon.usdt[b-81jero58uh] { background: rgba(247, 147, 26, 0.1); color: #F7931A; }
.payment-option-icon.usdt[b-81jero58uh] { background: rgba(38, 161, 123, 0.1); color: #26A17B; }

.payment-option-info[b-81jero58uh] { flex: 1; display: flex; flex-direction: column; }
.payment-option-name[b-81jero58uh] { font-weight: 700; color: var(--lf-gray-800); font-size: var(--lf-font-size-sm); }
.payment-option-network[b-81jero58uh] { font-size: var(--lf-font-size-xs); color: var(--lf-gray-400); }

.payment-option-check[b-81jero58uh] { color: var(--lf-gray-300); font-size: 1.1rem; }
.payment-option.active .payment-option-check[b-81jero58uh] { color: var(--lf-accent); }

/* ── Plan selection grid (minimalista) ── */
.plan-grid[b-81jero58uh] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(130px, 1fr));
    gap: 0.5rem;
}

.plan-option[b-81jero58uh] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    padding: 0.55rem 0.7rem;
    background: #fff;
    border: 1px solid var(--lf-gray-200);
    border-radius: 10px;
    cursor: pointer;
    text-align: left;
    transition: border-color 0.15s ease, background 0.15s ease;
}

.plan-option:hover[b-81jero58uh] {
    border-color: var(--lf-accent);
    background: rgba(16, 185, 129, 0.03);
}

.plan-option.active[b-81jero58uh] {
    border-color: var(--lf-accent);
    background: rgba(16, 185, 129, 0.06);
}

/* Check icon top-right */
.plan-option-check[b-81jero58uh] {
    position: absolute;
    top: 0.4rem;
    right: 0.5rem;
    font-size: 0.8rem;
    color: var(--lf-gray-300);
    line-height: 1;
}
.plan-option.active .plan-option-check[b-81jero58uh] { color: var(--lf-accent); }

/* Header: tier badge + rate */
.plan-option-header[b-81jero58uh] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    padding-right: 1.1rem;
    font-size: 0.65rem;
    line-height: 1.1;
}

.plan-option-tier[b-81jero58uh] {
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: var(--lf-gray-500);
}
.plan-option.tier-starter .plan-option-tier[b-81jero58uh] { color: #64748b; }
.plan-option.tier-pro     .plan-option-tier[b-81jero58uh] { color: #1d4ed8; }
.plan-option.tier-elite   .plan-option-tier[b-81jero58uh] { color: #7c3aed; }

.plan-option-rate[b-81jero58uh] {
    color: var(--lf-gray-400);
    white-space: nowrap;
}
.plan-option-rate[b-81jero58uh]::before { content: "·"; margin-right: 0.3rem; }

/* Amount */
.plan-option-amount[b-81jero58uh] {
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--lf-gray-900);
    line-height: 1.1;
    letter-spacing: -0.005em;
}

/* Earning row */
.plan-option-earning[b-81jero58uh] {
    display: inline-flex;
    align-items: center;
    gap: 0.2rem;
    font-size: 0.7rem;
    font-weight: 500;
    color: var(--lf-success, #10b981);
}
.plan-option-earning i[b-81jero58uh] { font-size: 0.7rem; }

@media (max-width: 575.98px) {
    .plan-grid[b-81jero58uh] { grid-template-columns: repeat(auto-fill, minmax(115px, 1fr)); gap: 0.4rem; }
    .plan-option[b-81jero58uh] { padding: 0.5rem 0.6rem; }
    .plan-option-amount[b-81jero58uh] { font-size: 0.95rem; }
}

/* Quick amounts */
.quick-amounts[b-81jero58uh] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.quick-amount-btn[b-81jero58uh] {
    padding: 0.3rem 0.75rem;
    border: 1px solid var(--lf-gray-200);
    border-radius: var(--lf-radius-full);
    background: var(--lf-white);
    color: var(--lf-gray-600);
    font-size: var(--lf-font-size-xs);
    font-weight: 600;
    cursor: pointer;
    transition: all var(--lf-transition);
}

.quick-amount-btn:hover[b-81jero58uh] { border-color: var(--lf-accent); color: var(--lf-accent); }

.quick-amount-btn.active[b-81jero58uh] {
    background: var(--lf-accent);
    border-color: var(--lf-accent);
    color: var(--lf-white);
}

.field-error[b-81jero58uh] {
    font-size: var(--lf-font-size-xs);
    color: var(--lf-danger);
    display: flex;
    align-items: center;
}

.field-hint[b-81jero58uh] {
    font-size: var(--lf-font-size-xs);
    color: var(--lf-gray-400);
    margin-top: 0.3rem;
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

/* Deposit preview */
.deposit-preview[b-81jero58uh] {
    background: var(--lf-gray-50);
    border: 1px solid var(--lf-gray-200);
    border-radius: var(--lf-radius-lg);
    padding: 1rem;
}

.deposit-preview-row[b-81jero58uh] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.4rem 0;
    font-size: var(--lf-font-size-sm);
    border-bottom: 1px solid var(--lf-gray-100);
}

.deposit-preview-row:last-child[b-81jero58uh] { border-bottom: none; }
.deposit-preview-row span[b-81jero58uh] { color: var(--lf-gray-500); }
.deposit-preview-row strong[b-81jero58uh] { color: var(--lf-gray-800); }

.deposit-preview-row.highlight[b-81jero58uh] {
    background: rgba(20, 184, 166, 0.04);
    margin: 0.25rem -0.5rem 0;
    padding: 0.5rem 0.5rem;
    border-radius: var(--lf-radius-sm);
    border-bottom: none;
}

/* ============================================================
   STEP 2 - WALLET ADDRESS
   ============================================================ */
.deposit-instructions[b-81jero58uh] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.instruction-step[b-81jero58uh] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
}

.instruction-number[b-81jero58uh] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: rgba(20, 184, 166, 0.1);
    color: var(--lf-accent);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--lf-font-size-sm);
    font-weight: 800;
    flex-shrink: 0;
}

.instruction-step strong[b-81jero58uh] {
    display: block;
    font-size: var(--lf-font-size-sm);
    color: var(--lf-gray-800);
}

.instruction-step span[b-81jero58uh] {
    font-size: var(--lf-font-size-xs);
    color: var(--lf-gray-500);
}

/* Wallet address card */
.wallet-address-card[b-81jero58uh] {
    background: var(--lf-gray-50);
    border: 1px solid var(--lf-gray-200);
    border-radius: var(--lf-radius-lg);
    padding: 1.25rem;
}

.wallet-address-header[b-81jero58uh] {
    margin-bottom: 1rem;
}

.wallet-address-icon[b-81jero58uh] {
    width: 36px;
    height: 36px;
    border-radius: var(--lf-radius-md);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    flex-shrink: 0;
}

.wallet-address-icon.usdt[b-81jero58uh] { background: rgba(247, 147, 26, 0.12); color: #F7931A; }
.wallet-address-icon.usdt[b-81jero58uh] { background: rgba(38, 161, 123, 0.12); color: #26A17B; }

.wallet-address-label[b-81jero58uh] { display: block; font-weight: 600; color: var(--lf-gray-800); font-size: var(--lf-font-size-sm); }
.wallet-address-network[b-81jero58uh] { display: block; font-size: var(--lf-font-size-xs); color: var(--lf-gray-400); }

/* QR Code */
.qr-code-area[b-81jero58uh] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem;
}

.qr-fallback-hint[b-81jero58uh] {
    margin-top: 0.5rem;
    font-size: var(--lf-font-size-xs);
    color: var(--lf-gray-400);
    text-align: center;
}

.qr-placeholder[b-81jero58uh] {
    width: 140px;
    height: 140px;
    background: var(--lf-white);
    border: 2px dashed var(--lf-gray-300);
    border-radius: var(--lf-radius-lg);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.3rem;
    color: var(--lf-gray-400);
}

.qr-placeholder i[b-81jero58uh] { font-size: 2.5rem; }
.qr-placeholder span[b-81jero58uh] { font-size: var(--lf-font-size-xs); font-weight: 600; }

/* Address display */
.wallet-address-display[b-81jero58uh] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    background: var(--lf-white);
    border: 1px solid var(--lf-gray-200);
    border-radius: var(--lf-radius-md);
    padding: 0.5rem 0.5rem 0.5rem 0.875rem;
    margin-bottom: 0.75rem;
}

.wallet-address-text[b-81jero58uh] {
    flex: 1;
    font-size: var(--lf-font-size-xs);
    color: var(--lf-gray-700);
    word-break: break-all;
    line-height: 1.5;
}

.wallet-copy-btn[b-81jero58uh] {
    display: flex;
    align-items: center;
    gap: 0.3rem;
    padding: 0.4rem 0.75rem;
    border-radius: var(--lf-radius-md);
    border: none;
    background: rgba(20, 184, 166, 0.1);
    color: var(--lf-accent);
    font-size: var(--lf-font-size-xs);
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
    transition: all var(--lf-transition);
    flex-shrink: 0;
}

.wallet-copy-btn:hover[b-81jero58uh] { background: rgba(20, 184, 166, 0.2); }

.wallet-warning[b-81jero58uh] {
    font-size: var(--lf-font-size-xs);
    color: var(--lf-warning);
    background: rgba(245, 158, 11, 0.06);
    border: 1px solid rgba(245, 158, 11, 0.15);
    border-radius: var(--lf-radius-sm);
    padding: 0.5rem 0.75rem;
}

/* ============================================================
   STEP 3 - SUCCESS
   ============================================================ */
.deposit-success[b-81jero58uh] {
    text-align: center;
    padding: 1rem 0;
}

.success-icon[b-81jero58uh] {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    background: rgba(16, 185, 129, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1rem;
    color: var(--lf-success);
    font-size: 2.5rem;
}

.success-title[b-81jero58uh] {
    font-size: var(--lf-font-size-xl);
    font-weight: 800;
    color: var(--lf-primary);
    margin-bottom: 0.5rem;
}

.success-desc[b-81jero58uh] {
    font-size: var(--lf-font-size-sm);
    color: var(--lf-gray-500);
    max-width: 380px;
    margin: 0 auto 1.25rem;
    line-height: 1.6;
}

.success-details[b-81jero58uh] {
    background: var(--lf-gray-50);
    border-radius: var(--lf-radius-lg);
    padding: 1rem;
    text-align: left;
}

.success-detail-row[b-81jero58uh] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.4rem 0;
    font-size: var(--lf-font-size-sm);
}

.success-detail-row span[b-81jero58uh] { color: var(--lf-gray-500); }
.success-detail-row strong[b-81jero58uh] { color: var(--lf-gray-800); }

.tx-hash-display[b-81jero58uh] {
    font-size: var(--lf-font-size-xs);
    color: var(--lf-gray-600);
    background: var(--lf-white);
    padding: 0.15rem 0.4rem;
    border-radius: var(--lf-radius-sm);
    max-width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
}

/* ============================================================
   INFO CARD
   ============================================================ */
.info-items[b-81jero58uh] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.info-item[b-81jero58uh] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 0.625rem;
    border-radius: var(--lf-radius-md);
    transition: background var(--lf-transition);
}

.info-item:hover[b-81jero58uh] { background: var(--lf-gray-50); }

.info-item-icon[b-81jero58uh] {
    width: 34px;
    height: 34px;
    border-radius: var(--lf-radius-md);
    background: rgba(20, 184, 166, 0.08);
    color: var(--lf-accent);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.9rem;
    flex-shrink: 0;
}

.info-item strong[b-81jero58uh] { display: block; font-size: var(--lf-font-size-sm); color: var(--lf-gray-700); }
.info-item span[b-81jero58uh] { display: block; font-size: var(--lf-font-size-xs); color: var(--lf-gray-400); line-height: 1.4; }

/* ============================================================
   RECENT DEPOSITS
   ============================================================ */
.dash-card-link[b-81jero58uh] {
    font-size: var(--lf-font-size-sm);
    font-weight: 500;
    color: var(--lf-accent);
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 0.3rem;
}

.dash-card-link:hover[b-81jero58uh] { color: var(--lf-accent-hover); }

.deposit-list[b-81jero58uh] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.deposit-list-item[b-81jero58uh] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem;
    border: 1px solid var(--lf-gray-100);
    border-radius: var(--lf-radius-md);
    transition: all var(--lf-transition);
}

.deposit-list-item:hover[b-81jero58uh] {
    border-color: rgba(20, 184, 166, 0.15);
    background: var(--lf-gray-50);
}
.deposit-list-item.reopenable[b-81jero58uh] {
    cursor: pointer;
}
.deposit-list-item.reopenable:hover[b-81jero58uh] {
    border-color: var(--lf-accent);
    background: rgba(20, 184, 166, 0.05);
}

.deposit-list-icon[b-81jero58uh] {
    width: 36px;
    height: 36px;
    border-radius: var(--lf-radius-md);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    flex-shrink: 0;
}

.deposit-list-icon.usdt[b-81jero58uh]  { background: rgba(247, 147, 26, 0.1); color: #F7931A; }
.deposit-list-icon.usdt[b-81jero58uh] { background: rgba(38, 161, 123, 0.1); color: #26A17B; }

.deposit-list-info[b-81jero58uh] { flex: 1; display: flex; flex-direction: column; }
.deposit-list-amount[b-81jero58uh] { font-weight: 700; color: var(--lf-success); font-size: var(--lf-font-size-sm); }
.deposit-list-date[b-81jero58uh] { font-size: var(--lf-font-size-xs); color: var(--lf-gray-400); }

/* ============================================================
   AMOUNT PRESETS (free deposit amount input)
   ============================================================ */
.amount-quick-presets[b-81jero58uh] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}
.amount-preset[b-81jero58uh] {
    background: var(--lf-gray-50, #F8FAFC);
    border: 1px solid var(--lf-gray-200, #E2E8F0);
    color: var(--lf-gray-700, #334155);
    padding: 0.35rem 0.7rem;
    border-radius: 8px;
    font-size: var(--lf-font-size-sm);
    font-weight: 600;
    cursor: pointer;
    transition: all 0.15s ease;
}
.amount-preset:hover[b-81jero58uh] {
    border-color: var(--lf-accent);
    color: var(--lf-accent);
}
.amount-preset.active[b-81jero58uh] {
    background: rgba(20, 184, 166, 0.1);
    border-color: var(--lf-accent);
    color: var(--lf-accent-hover);
}
.deposit-preview-hint[b-81jero58uh] {
    font-size: var(--lf-font-size-xs);
    color: var(--lf-gray-500);
    margin-top: 0.5rem;
    line-height: 1.4;
}

/* ============================================================
   EXACT AMOUNT CALLOUT (USDT shared-address disambiguation)
   ============================================================ */
.exact-amount-callout[b-81jero58uh] {
    margin-top: 0.75rem;
    padding: 1rem 1.1rem;
    border-radius: 12px;
    background: linear-gradient(135deg, rgba(245, 158, 11, 0.08), rgba(239, 68, 68, 0.06));
    border: 1px solid rgba(245, 158, 11, 0.35);
    box-shadow: 0 0 0 2px rgba(245, 158, 11, 0.08);
}
.exact-amount-label[b-81jero58uh] {
    font-size: var(--lf-font-size-xs);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: #b45309;
    margin-bottom: 0.35rem;
}
.exact-amount-value[b-81jero58uh] {
    font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', monospace;
    font-size: 1.7rem;
    font-weight: 800;
    color: var(--lf-primary);
    letter-spacing: 0.01em;
    line-height: 1.15;
    word-break: break-all;
}
.exact-amount-value span[b-81jero58uh] {
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--lf-gray-500);
    margin-left: 0.35rem;
}
.exact-amount-hint[b-81jero58uh] {
    margin-top: 0.5rem;
    font-size: var(--lf-font-size-xs);
    color: var(--lf-gray-600);
    line-height: 1.4;
}

/* ============================================================
   EXCHANGE FEE NOTICE (Binance fee education)
   ============================================================ */
.exchange-fee-notice[b-81jero58uh] {
    margin-top: 0.75rem;
    padding: 0.85rem 1rem;
    border-radius: 12px;
    background: rgba(59, 130, 246, 0.06);
    border: 1px solid rgba(59, 130, 246, 0.25);
    font-size: var(--lf-font-size-xs);
    line-height: 1.5;
}
.exchange-fee-title[b-81jero58uh] {
    font-weight: 700;
    color: #1d4ed8;
    margin-bottom: 0.4rem;
    font-size: var(--lf-font-size-sm);
}
.exchange-fee-body[b-81jero58uh] {
    color: var(--lf-gray-700);
    margin: 0 0 0.5rem 0;
}
.exchange-fee-list[b-81jero58uh] {
    list-style: none;
    padding-left: 0;
    margin: 0 0 0.5rem 0;
}
.exchange-fee-list li[b-81jero58uh] {
    padding: 0.25rem 0;
    color: var(--lf-gray-700);
}
.exchange-fee-list code[b-81jero58uh] {
    background: rgba(59, 130, 246, 0.12);
    color: #1d4ed8;
    padding: 0.05rem 0.35rem;
    border-radius: 4px;
    font-size: 0.95em;
    font-weight: 700;
}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width: 575.98px) {
    .page-title[b-81jero58uh] { font-size: 1.25rem; }
    .payment-grid[b-81jero58uh] { flex-direction: column; }
    .deposit-form-card[b-81jero58uh], .info-card[b-81jero58uh], .recent-deposits-card[b-81jero58uh] { padding: 1rem; }
    .wallet-address-display[b-81jero58uh] { flex-direction: column; align-items: stretch; }
    .wallet-copy-btn[b-81jero58uh] { justify-content: center; }
}
/* /Components/Pages/Earnings/Earnings.razor.rz.scp.css */
/* ============================================================
   EARNINGS PAGE STYLES - LIFE FREE
   ============================================================ */
.page-title[b-d93xiizrtj] {
    font-size: 1.5rem;
    font-weight: 800;
    color: var(--lf-primary);
    margin-bottom: 0.15rem;
}

.page-subtitle[b-d93xiizrtj] {
    font-size: var(--lf-font-size-base);
    color: var(--lf-gray-500);
    margin-bottom: 0;
}

/* KPI cards */
.earnings-kpi[b-d93xiizrtj] {
    display: flex;
    align-items: center;
    gap: 1rem;
    background: var(--lf-white);
    border: 1px solid var(--lf-gray-200);
    border-radius: var(--lf-radius-xl);
    padding: 1.25rem;
    box-shadow: var(--lf-shadow-card);
    transition: all var(--lf-transition);
    height: 100%;
}

.earnings-kpi:hover[b-d93xiizrtj] {
    box-shadow: var(--lf-shadow-lg);
    transform: translateY(-2px);
}

.earnings-kpi-icon[b-d93xiizrtj] {
    width: 48px;
    height: 48px;
    border-radius: var(--lf-radius-lg);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.25rem;
    flex-shrink: 0;
}

.earnings-kpi-icon.accent[b-d93xiizrtj] { background: rgba(20, 184, 166, 0.1); color: var(--lf-accent); }
.earnings-kpi-icon.success[b-d93xiizrtj] { background: rgba(16, 185, 129, 0.1); color: var(--lf-success); }
.earnings-kpi-icon.warning[b-d93xiizrtj] { background: rgba(245, 158, 11, 0.1); color: var(--lf-warning); }
.earnings-kpi-icon.primary[b-d93xiizrtj] { background: rgba(12, 123, 127, 0.1); color: var(--lf-secondary); }

.earnings-kpi-info[b-d93xiizrtj] {
    display: flex;
    flex-direction: column;
}

.earnings-kpi-value[b-d93xiizrtj] {
    font-size: 1.35rem;
    font-weight: 800;
    color: var(--lf-gray-900);
    letter-spacing: -0.02em;
}

.earnings-kpi-label[b-d93xiizrtj] {
    font-size: var(--lf-font-size-xs);
    color: var(--lf-gray-500);
}

/* Earnings cards */
.earnings-card[b-d93xiizrtj] {
    background: var(--lf-white);
    border: 1px solid var(--lf-gray-200);
    border-radius: var(--lf-radius-xl);
    box-shadow: var(--lf-shadow-card);
    overflow: hidden;
    height: 100%;
}

.earnings-card-header[b-d93xiizrtj] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.25rem;
    border-bottom: 1px solid var(--lf-gray-100);
}

.earnings-card-title[b-d93xiizrtj] {
    font-size: var(--lf-font-size-md);
    font-weight: 700;
    color: var(--lf-gray-800);
    margin: 0;
    display: flex;
    align-items: center;
}

.earnings-card-body[b-d93xiizrtj] {
    padding: 1.25rem;
}

/* Earnings table */
.earnings-table[b-d93xiizrtj] {
    margin: 0;
    font-size: var(--lf-font-size-sm);
}

.earnings-table thead th[b-d93xiizrtj] {
    background: var(--lf-gray-50);
    color: var(--lf-gray-500);
    font-weight: 600;
    font-size: var(--lf-font-size-xs);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 0.75rem 1.25rem;
    border-bottom: 1px solid var(--lf-gray-200);
}

.earnings-table tbody td[b-d93xiizrtj] {
    padding: 0.75rem 1.25rem;
    vertical-align: middle;
    border-bottom: 1px solid var(--lf-gray-100);
    color: var(--lf-gray-700);
}

.earnings-table tbody tr:last-child td[b-d93xiizrtj] {
    border-bottom: none;
}

.fw-600[b-d93xiizrtj] { font-weight: 600; }
.fw-700[b-d93xiizrtj] { font-weight: 700; }

/* Investment earnings list */
.investment-earnings-list[b-d93xiizrtj] {
    display: flex;
    flex-direction: column;
    gap: 0.875rem;
}

.investment-earning-item[b-d93xiizrtj] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.75rem;
    background: var(--lf-gray-50);
    border: 1px solid var(--lf-gray-200);
    border-radius: var(--lf-radius-md);
}

.ie-plan[b-d93xiizrtj] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
}

.ie-plan-badge[b-d93xiizrtj] {
    font-size: 0.55rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    padding: 0.15rem 0.4rem;
    border-radius: var(--lf-radius-full);
    background: var(--lf-gray-300);
    color: var(--lf-white);
}

.ie-plan-badge.premium[b-d93xiizrtj] {
    background: var(--lf-gradient-accent);
}

.ie-plan-name[b-d93xiizrtj] {
    font-size: var(--lf-font-size-sm);
    font-weight: 600;
    color: var(--lf-gray-800);
}

.ie-plan-rate[b-d93xiizrtj] {
    font-size: var(--lf-font-size-xs);
    color: var(--lf-gray-400);
}

.ie-amounts[b-d93xiizrtj] {
    text-align: right;
    display: flex;
    flex-direction: column;
}

.ie-daily[b-d93xiizrtj] {
    font-size: var(--lf-font-size-sm);
    font-weight: 700;
    color: var(--lf-success);
}

.ie-total[b-d93xiizrtj] {
    font-size: var(--lf-font-size-xs);
    color: var(--lf-gray-400);
}

/* Referral earnings */
.ref-earning-row[b-d93xiizrtj] {
    display: flex;
    justify-content: space-between;
    padding: 0.35rem 0;
    font-size: var(--lf-font-size-sm);
    color: var(--lf-gray-500);
}

/* Available for withdrawal card */
.earnings-available-card[b-d93xiizrtj] {
    background: linear-gradient(135deg, rgba(20, 184, 166, 0.06) 0%, rgba(12, 123, 127, 0.04) 100%);
    border: 1px solid rgba(20, 184, 166, 0.15);
    border-radius: var(--lf-radius-xl);
    padding: 1.5rem;
}

.earnings-available-icon[b-d93xiizrtj] {
    width: 52px;
    height: 52px;
    border-radius: var(--lf-radius-lg);
    background: rgba(20, 184, 166, 0.12);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--lf-accent);
    font-size: 1.4rem;
}

.earnings-available-label[b-d93xiizrtj] {
    font-size: var(--lf-font-size-xs);
    color: var(--lf-gray-400);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 600;
}

.earnings-available-value[b-d93xiizrtj] {
    font-size: 1.75rem;
    font-weight: 800;
    color: var(--lf-accent);
    letter-spacing: -0.02em;
}

.earnings-available-hint[b-d93xiizrtj] {
    font-size: var(--lf-font-size-xs);
    color: var(--lf-gray-500);
    margin-top: 0.15rem;
}

@media (max-width: 575.98px) {
    .page-title[b-d93xiizrtj] { font-size: 1.25rem; }
    .earnings-kpi-value[b-d93xiizrtj] { font-size: 1.15rem; }
    .earnings-available-value[b-d93xiizrtj] { font-size: 1.35rem; }
}
/* /Components/Pages/Errors/Maintenance.razor.rz.scp.css */
/* ============================================================
   MAINTENANCE PAGE STYLES - LIFE FREE
   Shares styles with NotFound.razor.css
   ============================================================ */

.error-page[b-574wei6u2f] {
    min-height: 100vh; display: flex; align-items: center; justify-content: center;
    background: linear-gradient(135deg, #F0FDFA 0%, #F8FAFC 50%, #F0F4FF 100%);
    padding: 2rem;
}

.error-container[b-574wei6u2f] { text-align: center; max-width: 520px; width: 100%; }

.error-title[b-574wei6u2f] {
    font-size: 1.5rem; font-weight: 800; color: var(--lf-primary);
    margin-bottom: 0.5rem;
}

.error-desc[b-574wei6u2f] {
    font-size: var(--lf-font-size-sm); color: var(--lf-gray-500);
    line-height: 1.7; margin-bottom: 1.5rem; max-width: 400px;
    margin-left: auto; margin-right: auto;
}

.error-actions[b-574wei6u2f] { display: flex; gap: 0.75rem; justify-content: center; flex-wrap: wrap; }

.maintenance-illustration[b-574wei6u2f] { margin-bottom: 1.5rem; }

.maintenance-icon-circle[b-574wei6u2f] {
    width: 100px; height: 100px; border-radius: 50%;
    background: linear-gradient(135deg, rgba(20,184,166,0.1), rgba(12,123,127,0.1));
    border: 2px solid rgba(20,184,166,0.2);
    display: flex; align-items: center; justify-content: center;
    margin: 0 auto; font-size: 2.8rem; color: var(--lf-accent);
    animation: spin-slow-b-574wei6u2f 8s linear infinite;
}

@keyframes spin-slow-b-574wei6u2f { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }

.maintenance-progress[b-574wei6u2f] { margin-bottom: 1.5rem; }

.maintenance-bar[b-574wei6u2f] {
    width: 100%; max-width: 300px; height: 6px;
    border-radius: 3px; background: var(--lf-gray-200);
    margin: 0 auto 0.5rem; overflow: hidden;
}
.maintenance-bar-fill[b-574wei6u2f] {
    width: 75%; height: 100%; border-radius: 3px;
    background: linear-gradient(90deg, var(--lf-accent), var(--lf-accent-light));
    animation: progress-pulse-b-574wei6u2f 2s ease-in-out infinite;
}
@keyframes progress-pulse-b-574wei6u2f {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.7; }
}

.maintenance-status[b-574wei6u2f] {
    font-size: var(--lf-font-size-xs); color: var(--lf-gray-400); font-weight: 600;
}

.maintenance-info[b-574wei6u2f] {
    display: flex; flex-direction: column; gap: 0.75rem;
    max-width: 360px; margin: 0 auto;
}

.maintenance-info-item[b-574wei6u2f] {
    display: flex; align-items: center; gap: 0.75rem;
    padding: 0.75rem 1rem; background: var(--lf-white);
    border: 1px solid var(--lf-gray-200); border-radius: var(--lf-radius-lg);
    text-align: left;
}
.maintenance-info-item i[b-574wei6u2f] { font-size: 1.2rem; color: var(--lf-accent); flex-shrink: 0; }
.maintenance-info-item strong[b-574wei6u2f] { display: block; font-size: var(--lf-font-size-sm); color: var(--lf-gray-700); }
.maintenance-info-item span[b-574wei6u2f] { display: block; font-size: var(--lf-font-size-xs); color: var(--lf-gray-400); }

@media (max-width: 575.98px) {
    .error-title[b-574wei6u2f] { font-size: 1.25rem; }
    .error-actions[b-574wei6u2f] { flex-direction: column; }
    .maintenance-icon-circle[b-574wei6u2f] { width: 80px; height: 80px; font-size: 2.2rem; }
}
/* /Components/Pages/Errors/NotFound.razor.rz.scp.css */
/* ============================================================
   ERROR PAGES STYLES - LIFE FREE (shared 404 & Maintenance)
   ============================================================ */

.error-page[b-798p1ij1kb] {
    min-height: 100vh; display: flex; align-items: center; justify-content: center;
    background: linear-gradient(135deg, #F0FDFA 0%, #F8FAFC 50%, #F0F4FF 100%);
    padding: 2rem;
}

.error-container[b-798p1ij1kb] {
    text-align: center; max-width: 520px; width: 100%;
}

/* 404 illustration */
.error-illustration[b-798p1ij1kb] { margin-bottom: 1.5rem; }

.error-code-display[b-798p1ij1kb] {
    display: flex; align-items: center; justify-content: center; gap: 0.5rem;
}

.error-digit[b-798p1ij1kb] {
    font-size: 6rem; font-weight: 900; color: var(--lf-primary);
    line-height: 1; letter-spacing: -0.03em;
    background: linear-gradient(135deg, #0A2540 0%, #0C7B7F 100%);
    -webkit-background-clip: text; -webkit-text-fill-color: transparent;
    background-clip: text;
}

.error-icon-circle[b-798p1ij1kb] {
    width: 80px; height: 80px; border-radius: 50%;
    background: rgba(20, 184, 166, 0.1); border: 3px dashed var(--lf-accent);
    display: flex; align-items: center; justify-content: center;
    font-size: 2.5rem; color: var(--lf-accent);
    animation: float-b-798p1ij1kb 3s ease-in-out infinite;
}

.error-title[b-798p1ij1kb] {
    font-size: 1.5rem; font-weight: 800; color: var(--lf-primary);
    margin-bottom: 0.5rem;
}

.error-desc[b-798p1ij1kb] {
    font-size: var(--lf-font-size-sm); color: var(--lf-gray-500);
    line-height: 1.7; margin-bottom: 1.5rem; max-width: 400px;
    margin-left: auto; margin-right: auto;
}

.error-actions[b-798p1ij1kb] { display: flex; gap: 0.75rem; justify-content: center; flex-wrap: wrap; }

.error-links[b-798p1ij1kb] {
    display: flex; justify-content: center; gap: 1.25rem; flex-wrap: wrap;
}
.error-links a[b-798p1ij1kb] {
    font-size: var(--lf-font-size-sm); color: var(--lf-gray-500);
    text-decoration: none; display: flex; align-items: center;
    transition: color var(--lf-transition);
}
.error-links a:hover[b-798p1ij1kb] { color: var(--lf-accent); }

/* Maintenance illustration */
.maintenance-illustration[b-798p1ij1kb] { margin-bottom: 1.5rem; }

.maintenance-icon-circle[b-798p1ij1kb] {
    width: 100px; height: 100px; border-radius: 50%;
    background: linear-gradient(135deg, rgba(20,184,166,0.1), rgba(12,123,127,0.1));
    border: 2px solid rgba(20,184,166,0.2);
    display: flex; align-items: center; justify-content: center;
    margin: 0 auto; font-size: 2.8rem; color: var(--lf-accent);
    animation: spin-slow-b-798p1ij1kb 8s linear infinite;
}

@keyframes spin-slow-b-798p1ij1kb { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }

/* Maintenance progress */
.maintenance-progress[b-798p1ij1kb] { margin-bottom: 1.5rem; }

.maintenance-bar[b-798p1ij1kb] {
    width: 100%; max-width: 300px; height: 6px;
    border-radius: 3px; background: var(--lf-gray-200);
    margin: 0 auto 0.5rem; overflow: hidden;
}
.maintenance-bar-fill[b-798p1ij1kb] {
    width: 75%; height: 100%; border-radius: 3px;
    background: linear-gradient(90deg, var(--lf-accent), var(--lf-accent-light));
    animation: progress-pulse-b-798p1ij1kb 2s ease-in-out infinite;
}
@keyframes progress-pulse-b-798p1ij1kb {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.7; }
}

.maintenance-status[b-798p1ij1kb] {
    font-size: var(--lf-font-size-xs); color: var(--lf-gray-400); font-weight: 600;
}

/* Maintenance info */
.maintenance-info[b-798p1ij1kb] {
    display: flex; flex-direction: column; gap: 0.75rem;
    max-width: 360px; margin: 0 auto;
}

.maintenance-info-item[b-798p1ij1kb] {
    display: flex; align-items: center; gap: 0.75rem;
    padding: 0.75rem 1rem; background: var(--lf-white);
    border: 1px solid var(--lf-gray-200); border-radius: var(--lf-radius-lg);
    text-align: left;
}
.maintenance-info-item i[b-798p1ij1kb] { font-size: 1.2rem; color: var(--lf-accent); flex-shrink: 0; }
.maintenance-info-item strong[b-798p1ij1kb] { display: block; font-size: var(--lf-font-size-sm); color: var(--lf-gray-700); }
.maintenance-info-item span[b-798p1ij1kb] { display: block; font-size: var(--lf-font-size-xs); color: var(--lf-gray-400); }

@keyframes float-b-798p1ij1kb {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width: 575.98px) {
    .error-digit[b-798p1ij1kb] { font-size: 4rem; }
    .error-icon-circle[b-798p1ij1kb] { width: 60px; height: 60px; font-size: 1.8rem; }
    .error-title[b-798p1ij1kb] { font-size: 1.25rem; }
    .error-actions[b-798p1ij1kb] { flex-direction: column; }
    .maintenance-icon-circle[b-798p1ij1kb] { width: 80px; height: 80px; font-size: 2.2rem; }
}
/* /Components/Pages/Faq/Faq.razor.rz.scp.css */
/* ============================================================
   FAQ PAGE STYLES - LIFE FREE
   ============================================================ */

.page-title[b-u2ekc3f8j6] { font-size: 1.5rem; font-weight: 800; color: var(--lf-primary); margin-bottom: 0.15rem; }
.page-subtitle[b-u2ekc3f8j6] { font-size: var(--lf-font-size-base); color: var(--lf-gray-500); margin-bottom: 0; }
.section-title[b-u2ekc3f8j6] { font-size: var(--lf-font-size-md); font-weight: 700; color: var(--lf-gray-800); display: flex; align-items: center; }

/* ============================================================
   SEARCH
   ============================================================ */
.faq-search-wrapper[b-u2ekc3f8j6] { display: flex; justify-content: center; }

.faq-search[b-u2ekc3f8j6] {
    display: flex; align-items: center; gap: 0.5rem;
    width: 100%; max-width: 480px;
    padding: 0.65rem 1rem; border-radius: var(--lf-radius-full);
    border: 1.5px solid var(--lf-gray-200); background: var(--lf-white);
    box-shadow: var(--lf-shadow-card); transition: all var(--lf-transition);
}
.faq-search:focus-within[b-u2ekc3f8j6] { border-color: var(--lf-accent); box-shadow: 0 0 0 4px rgba(20,184,166,0.1); }
.faq-search i[b-u2ekc3f8j6] { color: var(--lf-gray-400); font-size: 1rem; }
.faq-search input[b-u2ekc3f8j6] {
    flex: 1; border: none; background: none; outline: none;
    font-size: var(--lf-font-size-sm); color: var(--lf-gray-700);
}
.faq-search input[b-u2ekc3f8j6]::placeholder { color: var(--lf-gray-400); }

/* ============================================================
   CATEGORY PILLS
   ============================================================ */
.faq-categories[b-u2ekc3f8j6] {
    display: flex; justify-content: center; flex-wrap: wrap; gap: 0.4rem;
}

.faq-cat-pill[b-u2ekc3f8j6] {
    display: flex; align-items: center;
    padding: 0.4rem 0.85rem; border-radius: var(--lf-radius-full);
    border: 1px solid var(--lf-gray-200); background: var(--lf-white);
    color: var(--lf-gray-600); font-size: var(--lf-font-size-xs); font-weight: 600;
    cursor: pointer; transition: all var(--lf-transition); white-space: nowrap;
}
.faq-cat-pill:hover[b-u2ekc3f8j6] { border-color: var(--lf-accent); color: var(--lf-accent); }
.faq-cat-pill.active[b-u2ekc3f8j6] { background: var(--lf-accent); border-color: var(--lf-accent); color: var(--lf-white); }

/* ============================================================
   FAQ ITEMS
   ============================================================ */
.faq-list[b-u2ekc3f8j6] { display: flex; flex-direction: column; gap: 0.5rem; }

.faq-item[b-u2ekc3f8j6] {
    background: var(--lf-white); border: 1px solid var(--lf-gray-200);
    border-radius: var(--lf-radius-xl); box-shadow: var(--lf-shadow-card);
    overflow: hidden; transition: all var(--lf-transition);
}
.faq-item.expanded[b-u2ekc3f8j6] { border-color: rgba(20,184,166,0.3); box-shadow: 0 0 0 3px rgba(20,184,166,0.06); }

.faq-question[b-u2ekc3f8j6] {
    width: 100%; display: flex; align-items: center; gap: 0.875rem;
    padding: 1rem 1.25rem; border: none; background: none;
    cursor: pointer; text-align: left; transition: background var(--lf-transition);
}
.faq-question:hover[b-u2ekc3f8j6] { background: var(--lf-gray-50); }

.faq-q-icon[b-u2ekc3f8j6] {
    width: 36px; height: 36px; border-radius: var(--lf-radius-md);
    display: flex; align-items: center; justify-content: center;
    font-size: 0.95rem; flex-shrink: 0;
}
.general-cat[b-u2ekc3f8j6] { background: rgba(107,114,128,0.1); color: var(--lf-gray-500); }
.investments-cat[b-u2ekc3f8j6] { background: rgba(20,184,166,0.1); color: var(--lf-accent); }
.deposits-cat[b-u2ekc3f8j6] { background: rgba(16,185,129,0.1); color: var(--lf-success); }
.withdrawals-cat[b-u2ekc3f8j6] { background: rgba(239,68,68,0.1); color: var(--lf-danger); }
.referrals-cat[b-u2ekc3f8j6] { background: rgba(139,92,246,0.1); color: #8B5CF6; }
.security-cat[b-u2ekc3f8j6] { background: rgba(245,158,11,0.1); color: var(--lf-warning); }

.faq-q-text[b-u2ekc3f8j6] { flex: 1; font-size: var(--lf-font-size-sm); font-weight: 700; color: var(--lf-gray-800); }
.faq-chevron[b-u2ekc3f8j6] { color: var(--lf-gray-400); font-size: 0.85rem; flex-shrink: 0; transition: transform 0.2s; }

.faq-answer[b-u2ekc3f8j6] {
    padding: 0 1.25rem 1.25rem 4.125rem;
}
.faq-answer p[b-u2ekc3f8j6] {
    font-size: var(--lf-font-size-sm); color: var(--lf-gray-600);
    line-height: 1.7; margin: 0;
}

/* ============================================================
   EMPTY STATE
   ============================================================ */
.faq-empty[b-u2ekc3f8j6] {
    text-align: center; padding: 3rem 1rem;
    background: var(--lf-white); border: 1px solid var(--lf-gray-200);
    border-radius: var(--lf-radius-xl); box-shadow: var(--lf-shadow-card);
}
.faq-empty-icon[b-u2ekc3f8j6] {
    width: 72px; height: 72px; border-radius: 50%;
    background: var(--lf-gray-50); display: flex; align-items: center;
    justify-content: center; margin: 0 auto 1rem;
    color: var(--lf-gray-300); font-size: 2rem;
}
.faq-empty h4[b-u2ekc3f8j6] { font-size: var(--lf-font-size-md); font-weight: 700; color: var(--lf-gray-700); margin-bottom: 0.3rem; }
.faq-empty p[b-u2ekc3f8j6] { font-size: var(--lf-font-size-sm); color: var(--lf-gray-400); margin-bottom: 1.25rem; }

/* ============================================================
   RIGHT COLUMN
   ============================================================ */
.help-card[b-u2ekc3f8j6] {
    background: linear-gradient(135deg, #0A2540 0%, #0C7B7F 100%);
    border-radius: var(--lf-radius-xl); padding: 1.5rem;
    text-align: center; color: var(--lf-white); box-shadow: var(--lf-shadow-card);
}

.help-illustration[b-u2ekc3f8j6] {
    width: 64px; height: 64px; border-radius: 50%;
    background: rgba(255,255,255,0.12); display: flex; align-items: center;
    justify-content: center; margin: 0 auto 1rem;
    font-size: 1.8rem; color: var(--lf-accent-light);
}

.help-title[b-u2ekc3f8j6] { font-size: var(--lf-font-size-md); font-weight: 800; margin-bottom: 0.35rem; }
.help-desc[b-u2ekc3f8j6] { font-size: var(--lf-font-size-xs); color: rgba(255,255,255,0.6); margin-bottom: 1.25rem; }

.popular-card[b-u2ekc3f8j6] {
    background: var(--lf-white); border: 1px solid var(--lf-gray-200);
    border-radius: var(--lf-radius-xl); box-shadow: var(--lf-shadow-card);
    padding: 1.5rem;
}

.popular-list[b-u2ekc3f8j6] { display: flex; flex-direction: column; gap: 0.25rem; }

.popular-item[b-u2ekc3f8j6] {
    display: flex; align-items: center; gap: 0.65rem;
    padding: 0.65rem 0.75rem; border-radius: var(--lf-radius-md);
    border: none; background: none; text-align: left;
    color: var(--lf-gray-600); font-size: var(--lf-font-size-sm);
    cursor: pointer; transition: all var(--lf-transition); width: 100%;
}
.popular-item:hover[b-u2ekc3f8j6] { background: var(--lf-gray-50); color: var(--lf-accent); }

.popular-num[b-u2ekc3f8j6] {
    width: 24px; height: 24px; border-radius: 50%;
    background: rgba(20,184,166,0.1); color: var(--lf-accent);
    display: flex; align-items: center; justify-content: center;
    font-size: var(--lf-font-size-xs); font-weight: 800; flex-shrink: 0;
}

.popular-item span:not(.popular-num)[b-u2ekc3f8j6] { flex: 1; }
.popular-item i[b-u2ekc3f8j6] { color: var(--lf-gray-300); font-size: 0.7rem; }

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width: 575.98px) {
    .page-title[b-u2ekc3f8j6] { font-size: 1.25rem; }
    .faq-categories[b-u2ekc3f8j6] { gap: 0.25rem; }
    .faq-question[b-u2ekc3f8j6] { padding: 0.75rem 1rem; gap: 0.65rem; }
    .faq-q-icon[b-u2ekc3f8j6] { width: 30px; height: 30px; font-size: 0.8rem; }
    .faq-answer[b-u2ekc3f8j6] { padding: 0 1rem 1rem 3.15rem; }
    .help-card[b-u2ekc3f8j6], .popular-card[b-u2ekc3f8j6] { padding: 1rem; }
}
/* /Components/Pages/History/History.razor.rz.scp.css */
/* ============================================================
   HISTORY PAGE STYLES - LIFE FREE
   ============================================================ */

.page-title[b-k9ffx4ybql] { font-size: 1.5rem; font-weight: 800; color: var(--lf-primary); margin-bottom: 0.15rem; }
.page-subtitle[b-k9ffx4ybql] { font-size: var(--lf-font-size-base); color: var(--lf-gray-500); margin-bottom: 0; }

.btn-export[b-k9ffx4ybql] {
    display: flex; align-items: center; gap: 0.3rem;
    padding: 0.5rem 1rem; border-radius: var(--lf-radius-full);
    border: 1.5px solid var(--lf-gray-200); background: var(--lf-white);
    color: var(--lf-gray-600); font-size: var(--lf-font-size-sm); font-weight: 600;
    cursor: pointer; transition: all var(--lf-transition);
}
.btn-export:hover[b-k9ffx4ybql] { border-color: var(--lf-accent); color: var(--lf-accent); }

/* ============================================================
   STAT CARDS
   ============================================================ */
.history-stat-card[b-k9ffx4ybql] {
    display: flex; align-items: center; gap: 0.75rem;
    background: var(--lf-white); border: 1px solid var(--lf-gray-200);
    border-radius: var(--lf-radius-xl); box-shadow: var(--lf-shadow-card);
    padding: 1rem 1.25rem;
}

.history-stat-icon[b-k9ffx4ybql] {
    width: 40px; height: 40px; border-radius: var(--lf-radius-lg);
    display: flex; align-items: center; justify-content: center;
    font-size: 1.1rem; flex-shrink: 0;
}
.deposits-icon[b-k9ffx4ybql] { background: rgba(16, 185, 129, 0.1); color: var(--lf-success); }
.withdrawals-icon[b-k9ffx4ybql] { background: rgba(239, 68, 68, 0.1); color: var(--lf-danger); }
.earnings-icon[b-k9ffx4ybql] { background: rgba(20, 184, 166, 0.1); color: var(--lf-accent); }
.referrals-icon[b-k9ffx4ybql] { background: rgba(139, 92, 246, 0.1); color: #8B5CF6; }

.history-stat-label[b-k9ffx4ybql] { display: block; font-size: var(--lf-font-size-xs); color: var(--lf-gray-500); font-weight: 500; }
.history-stat-value[b-k9ffx4ybql] { display: block; font-size: var(--lf-font-size-md); font-weight: 800; }

/* ============================================================
   FILTER BAR
   ============================================================ */
.history-filters-card[b-k9ffx4ybql] {
    background: var(--lf-white); border: 1px solid var(--lf-gray-200);
    border-radius: var(--lf-radius-xl); box-shadow: var(--lf-shadow-card);
    padding: 1rem 1.25rem;
}

.filter-tabs[b-k9ffx4ybql] { display: flex; gap: 0.35rem; flex-wrap: wrap; }

.filter-tab[b-k9ffx4ybql] {
    display: flex; align-items: center; gap: 0.3rem;
    padding: 0.4rem 0.85rem; border-radius: var(--lf-radius-full);
    border: 1px solid var(--lf-gray-200); background: var(--lf-white);
    color: var(--lf-gray-600); font-size: var(--lf-font-size-xs); font-weight: 600;
    cursor: pointer; transition: all var(--lf-transition); white-space: nowrap;
}
.filter-tab:hover[b-k9ffx4ybql] { border-color: var(--lf-accent); color: var(--lf-accent); }
.filter-tab.active[b-k9ffx4ybql] {
    background: var(--lf-accent); border-color: var(--lf-accent); color: var(--lf-white);
}

.filter-tab-count[b-k9ffx4ybql] {
    font-size: 0.65rem; font-weight: 700; padding: 0.1rem 0.4rem;
    border-radius: var(--lf-radius-full); background: rgba(0,0,0,0.06);
}
.filter-tab.active .filter-tab-count[b-k9ffx4ybql] { background: rgba(255,255,255,0.2); }

.date-filter[b-k9ffx4ybql], .search-filter[b-k9ffx4ybql] {
    display: flex; align-items: center; gap: 0.4rem;
    padding: 0.4rem 0.75rem; border-radius: var(--lf-radius-full);
    border: 1px solid var(--lf-gray-200); background: var(--lf-white);
    font-size: var(--lf-font-size-xs); color: var(--lf-gray-500);
}
.date-filter:focus-within[b-k9ffx4ybql], .search-filter:focus-within[b-k9ffx4ybql] {
    border-color: var(--lf-accent); box-shadow: 0 0 0 3px rgba(20, 184, 166, 0.1);
}

.date-select[b-k9ffx4ybql] {
    border: none; background: none; font-size: var(--lf-font-size-xs);
    color: var(--lf-gray-600); font-weight: 600; outline: none; cursor: pointer;
}
.search-filter input[b-k9ffx4ybql] {
    border: none; background: none; font-size: var(--lf-font-size-xs);
    color: var(--lf-gray-700); outline: none; width: 120px;
}

/* ============================================================
   TABLE
   ============================================================ */
.history-table-card[b-k9ffx4ybql] {
    background: var(--lf-white); border: 1px solid var(--lf-gray-200);
    border-radius: var(--lf-radius-xl); box-shadow: var(--lf-shadow-card);
    overflow: hidden;
}

.history-table[b-k9ffx4ybql] { width: 100%; border-collapse: collapse; }

.history-table thead th[b-k9ffx4ybql] {
    padding: 0.875rem 1.25rem; font-size: var(--lf-font-size-xs);
    font-weight: 700; color: var(--lf-gray-500); text-transform: uppercase;
    letter-spacing: 0.05em; border-bottom: 1px solid var(--lf-gray-100);
    background: var(--lf-gray-50); white-space: nowrap;
}

.history-table tbody td[b-k9ffx4ybql] {
    padding: 0.875rem 1.25rem; vertical-align: middle;
    border-bottom: 1px solid var(--lf-gray-50);
}

.tx-row[b-k9ffx4ybql] { transition: background var(--lf-transition); }
.tx-row:hover[b-k9ffx4ybql] { background: rgba(20, 184, 166, 0.02); }
.tx-row:last-child td[b-k9ffx4ybql] { border-bottom: none; }

.th-type[b-k9ffx4ybql] { width: 50px; }
.th-date[b-k9ffx4ybql] { width: 140px; }
.th-method[b-k9ffx4ybql] { width: 120px; }
.th-amount[b-k9ffx4ybql] { width: 120px; }
.th-status[b-k9ffx4ybql] { width: 110px; }

.sort-btn[b-k9ffx4ybql] {
    display: flex; align-items: center; gap: 0.3rem;
    border: none; background: none; font-size: var(--lf-font-size-xs);
    font-weight: 700; color: var(--lf-gray-500); text-transform: uppercase;
    letter-spacing: 0.05em; cursor: pointer; padding: 0;
}
.sort-btn:hover[b-k9ffx4ybql] { color: var(--lf-accent); }

/* Type badge */
.tx-type-badge[b-k9ffx4ybql] {
    width: 36px; height: 36px; border-radius: var(--lf-radius-md);
    display: flex; align-items: center; justify-content: center;
    font-size: 0.95rem; flex-shrink: 0;
}
.deposit-type[b-k9ffx4ybql] { background: rgba(16, 185, 129, 0.1); color: var(--lf-success); }
.withdrawal-type[b-k9ffx4ybql] { background: rgba(239, 68, 68, 0.1); color: var(--lf-danger); }
.earning-type[b-k9ffx4ybql] { background: rgba(20, 184, 166, 0.1); color: var(--lf-accent); }
.referral-type[b-k9ffx4ybql] { background: rgba(139, 92, 246, 0.1); color: #8B5CF6; }

/* Description */
.tx-description[b-k9ffx4ybql] { display: flex; flex-direction: column; }
.tx-description strong[b-k9ffx4ybql] { font-size: var(--lf-font-size-sm); color: var(--lf-gray-800); font-weight: 600; }
.tx-description span[b-k9ffx4ybql] { font-size: var(--lf-font-size-xs); color: var(--lf-gray-400); }

/* Date */
.tx-date[b-k9ffx4ybql] { display: flex; flex-direction: column; }
.tx-date strong[b-k9ffx4ybql] { font-size: var(--lf-font-size-sm); color: var(--lf-gray-700); font-weight: 600; }
.tx-date span[b-k9ffx4ybql] { font-size: var(--lf-font-size-xs); color: var(--lf-gray-400); }

/* Method */
.tx-method[b-k9ffx4ybql] {
    font-size: var(--lf-font-size-xs); font-weight: 600;
    padding: 0.2rem 0.5rem; border-radius: var(--lf-radius-full);
    background: var(--lf-gray-50); color: var(--lf-gray-600);
}
.tx-method-na[b-k9ffx4ybql] { color: var(--lf-gray-300); }

/* Amount */
.tx-amount[b-k9ffx4ybql] { font-weight: 800; font-size: var(--lf-font-size-sm); }
.tx-amount.positive[b-k9ffx4ybql] { color: var(--lf-success); }
.tx-amount.negative[b-k9ffx4ybql] { color: var(--lf-danger); }

/* ============================================================
   MOBILE CARDS
   ============================================================ */
.tx-mobile-list[b-k9ffx4ybql] { display: flex; flex-direction: column; }

.tx-mobile-item[b-k9ffx4ybql] {
    padding: 1rem 1.25rem; border-bottom: 1px solid var(--lf-gray-50);
    transition: background var(--lf-transition);
}
.tx-mobile-item:last-child[b-k9ffx4ybql] { border-bottom: none; }
.tx-mobile-item:hover[b-k9ffx4ybql] { background: rgba(20, 184, 166, 0.02); }

.tx-mobile-desc[b-k9ffx4ybql] { display: block; font-size: var(--lf-font-size-sm); color: var(--lf-gray-800); }
.tx-mobile-date[b-k9ffx4ybql] { display: block; font-size: var(--lf-font-size-xs); color: var(--lf-gray-400); }

/* ============================================================
   PAGINATION
   ============================================================ */
.history-pagination[b-k9ffx4ybql] {
    display: flex; justify-content: space-between; align-items: center;
    padding: 1rem 1.25rem; border-top: 1px solid var(--lf-gray-100);
}

.pagination-info[b-k9ffx4ybql] { font-size: var(--lf-font-size-xs); color: var(--lf-gray-500); }

.pagination-buttons[b-k9ffx4ybql] { display: flex; gap: 0.25rem; }

.page-btn[b-k9ffx4ybql] {
    width: 34px; height: 34px; border-radius: var(--lf-radius-md);
    border: 1px solid var(--lf-gray-200); background: var(--lf-white);
    color: var(--lf-gray-600); font-size: var(--lf-font-size-sm); font-weight: 600;
    display: flex; align-items: center; justify-content: center;
    cursor: pointer; transition: all var(--lf-transition);
}
.page-btn:hover:not(:disabled)[b-k9ffx4ybql] { border-color: var(--lf-accent); color: var(--lf-accent); }
.page-btn.active[b-k9ffx4ybql] { background: var(--lf-accent); border-color: var(--lf-accent); color: var(--lf-white); }
.page-btn:disabled[b-k9ffx4ybql] { opacity: 0.4; cursor: not-allowed; }

/* ============================================================
   EMPTY STATE
   ============================================================ */
.history-empty[b-k9ffx4ybql] {
    text-align: center; padding: 3rem 1rem;
}
.history-empty-icon[b-k9ffx4ybql] {
    width: 72px; height: 72px; border-radius: 50%;
    background: var(--lf-gray-50); display: flex; align-items: center;
    justify-content: center; margin: 0 auto 1rem;
    color: var(--lf-gray-300); font-size: 2rem;
}
.history-empty h4[b-k9ffx4ybql] { font-size: var(--lf-font-size-md); font-weight: 700; color: var(--lf-gray-700); margin-bottom: 0.3rem; }
.history-empty p[b-k9ffx4ybql] { font-size: var(--lf-font-size-sm); color: var(--lf-gray-400); margin-bottom: 1.25rem; }

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width: 767.98px) {
    .page-title[b-k9ffx4ybql] { font-size: 1.25rem; }
    .history-stat-card[b-k9ffx4ybql] { padding: 0.75rem; }
    .history-stat-icon[b-k9ffx4ybql] { width: 34px; height: 34px; font-size: 0.9rem; }
    .history-stat-value[b-k9ffx4ybql] { font-size: var(--lf-font-size-sm); }
    .filter-tabs[b-k9ffx4ybql] { gap: 0.25rem; }
    .history-filters-card[b-k9ffx4ybql] { padding: 0.75rem; }
    .history-pagination[b-k9ffx4ybql] { flex-direction: column; gap: 0.75rem; }
}
/* /Components/Pages/Legal/Privacy.razor.rz.scp.css */
/* ============================================================
   LEGAL PAGES STYLES — LIFE FREE
   Shared by Terms and Privacy pages
   ============================================================ */

/* ============================================================
   WRAPPER & LAYOUT
   ============================================================ */
.legal-wrapper[b-nn7jrm79lz] {
    min-height: 100vh;
    background: linear-gradient(135deg, #F0FDFA 0%, #F8FAFC 40%, #EFF6FF 100%);
    padding: 0;
}

.legal-header[b-nn7jrm79lz] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 2rem;
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(12px);
    border-bottom: 1px solid rgba(20, 184, 166, 0.1);
    position: sticky;
    top: 0;
    z-index: 100;
}

.legal-back-link[b-nn7jrm79lz] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--lf-accent, #14B8A6);
    text-decoration: none;
    padding: 0.4rem 0.85rem;
    border-radius: 999px;
    border: 1px solid rgba(20, 184, 166, 0.2);
    transition: all 0.2s ease;
}

.legal-back-link:hover[b-nn7jrm79lz] {
    background: rgba(20, 184, 166, 0.08);
    border-color: rgba(20, 184, 166, 0.4);
    color: #0C7B7F;
}

.legal-container[b-nn7jrm79lz] {
    max-width: 820px;
    margin: 0 auto;
    padding: 2rem 1.5rem 3rem;
}

/* ============================================================
   DOCUMENT HEADER
   ============================================================ */
.legal-doc-header[b-nn7jrm79lz] {
    text-align: center;
    margin-bottom: 2rem;
    padding: 2.5rem 1.5rem;
    background: white;
    border-radius: 20px;
    border: 1px solid rgba(20, 184, 166, 0.12);
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.04), 0 1px 3px rgba(0, 0, 0, 0.02);
}

.legal-doc-icon[b-nn7jrm79lz] {
    width: 72px;
    height: 72px;
    border-radius: 20px;
    background: linear-gradient(135deg, rgba(20, 184, 166, 0.12) 0%, rgba(12, 123, 127, 0.08) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1.25rem;
    font-size: 1.75rem;
    color: #14B8A6;
}

.legal-doc-icon.privacy[b-nn7jrm79lz] {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.12) 0%, rgba(99, 102, 241, 0.08) 100%);
    color: #3B82F6;
}

.legal-doc-title[b-nn7jrm79lz] {
    font-size: 1.75rem;
    font-weight: 800;
    color: #0C3547;
    margin-bottom: 0.35rem;
    letter-spacing: -0.02em;
}

.legal-doc-subtitle[b-nn7jrm79lz] {
    font-size: 0.95rem;
    color: #64748B;
    margin-bottom: 1.25rem;
}

.legal-meta[b-nn7jrm79lz] {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 1.25rem;
}

.legal-meta-item[b-nn7jrm79lz] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.78rem;
    color: #94A3B8;
    font-weight: 500;
}

.legal-meta-item i[b-nn7jrm79lz] {
    font-size: 0.85rem;
    color: #14B8A6;
}

/* ============================================================
   TABLE OF CONTENTS
   ============================================================ */
.legal-toc[b-nn7jrm79lz] {
    background: white;
    border-radius: 16px;
    border: 1px solid rgba(20, 184, 166, 0.1);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.03);
    padding: 1.5rem;
    margin-bottom: 2rem;
}

.legal-toc-title[b-nn7jrm79lz] {
    font-size: 0.85rem;
    font-weight: 700;
    color: #0C3547;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
}

.legal-toc-list[b-nn7jrm79lz] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.35rem;
}

.legal-toc-item[b-nn7jrm79lz] {
    display: block;
    padding: 0.45rem 0.75rem;
    font-size: 0.82rem;
    font-weight: 500;
    color: #64748B;
    text-decoration: none;
    border-radius: 8px;
    transition: all 0.2s ease;
}

.legal-toc-item:hover[b-nn7jrm79lz] {
    color: #14B8A6;
    background: rgba(20, 184, 166, 0.06);
}

/* ============================================================
   INTRO BANNER (Privacy page)
   ============================================================ */
.legal-intro-banner[b-nn7jrm79lz] {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
    padding: 1.25rem 1.5rem;
    background: linear-gradient(135deg, rgba(20, 184, 166, 0.06) 0%, rgba(59, 130, 246, 0.04) 100%);
    border: 1px solid rgba(20, 184, 166, 0.15);
    border-radius: 14px;
    margin-bottom: 2rem;
}

.legal-intro-icon[b-nn7jrm79lz] {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: rgba(20, 184, 166, 0.12);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    color: #14B8A6;
    flex-shrink: 0;
}

.legal-intro-banner strong[b-nn7jrm79lz] {
    display: block;
    font-size: 0.9rem;
    color: #0C3547;
    margin-bottom: 0.25rem;
}

.legal-intro-banner p[b-nn7jrm79lz] {
    font-size: 0.82rem;
    color: #64748B;
    line-height: 1.6;
    margin: 0;
}

/* ============================================================
   CONTENT SECTIONS
   ============================================================ */
.legal-content[b-nn7jrm79lz] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.legal-section[b-nn7jrm79lz] {
    background: white;
    border-radius: 16px;
    border: 1px solid rgba(226, 232, 240, 0.8);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.03);
    padding: 1.75rem 1.75rem 1.5rem;
    position: relative;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.legal-section:hover[b-nn7jrm79lz] {
    border-color: rgba(20, 184, 166, 0.2);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
}

.legal-section-number[b-nn7jrm79lz] {
    position: absolute;
    top: 1.25rem;
    right: 1.5rem;
    font-size: 2rem;
    font-weight: 900;
    color: rgba(20, 184, 166, 0.08);
    line-height: 1;
    pointer-events: none;
}

.legal-section-title[b-nn7jrm79lz] {
    font-size: 1.15rem;
    font-weight: 800;
    color: #0C3547;
    margin-bottom: 1rem;
    padding-right: 2.5rem;
}

.legal-section-body[b-nn7jrm79lz] {
    font-size: 0.875rem;
    color: #475569;
    line-height: 1.75;
}

.legal-section-body p[b-nn7jrm79lz] {
    margin-bottom: 0.85rem;
}

.legal-section-body p:last-child[b-nn7jrm79lz] {
    margin-bottom: 0;
}

.legal-subsection-title[b-nn7jrm79lz] {
    font-size: 0.92rem;
    font-weight: 700;
    color: #0F172A;
    margin-bottom: 0.75rem;
}

/* ============================================================
   LIST STYLES
   ============================================================ */
.legal-list[b-nn7jrm79lz] {
    list-style: none;
    padding: 0;
    margin: 0.75rem 0;
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
}

.legal-list li[b-nn7jrm79lz] {
    display: flex;
    align-items: flex-start;
    gap: 0.65rem;
    font-size: 0.855rem;
    color: #475569;
    line-height: 1.6;
}

.legal-list li i[b-nn7jrm79lz] {
    font-size: 0.8rem;
    color: #14B8A6;
    flex-shrink: 0;
    margin-top: 0.2rem;
}

.legal-list li i.bi-dash-circle[b-nn7jrm79lz] {
    color: #EF4444;
}

.legal-list.compact li[b-nn7jrm79lz] {
    gap: 0.5rem;
}

/* ============================================================
   HIGHLIGHT & WARNING BOXES
   ============================================================ */
.legal-highlight[b-nn7jrm79lz] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 1rem 1.25rem;
    background: linear-gradient(135deg, rgba(20, 184, 166, 0.06) 0%, rgba(20, 184, 166, 0.02) 100%);
    border: 1px solid rgba(20, 184, 166, 0.15);
    border-left: 3px solid #14B8A6;
    border-radius: 10px;
    margin-top: 0.75rem;
    font-size: 0.83rem;
    color: #0C7B7F;
    line-height: 1.65;
}

.legal-highlight i[b-nn7jrm79lz] {
    font-size: 1rem;
    color: #14B8A6;
    flex-shrink: 0;
    margin-top: 0.1rem;
}

.legal-warning[b-nn7jrm79lz] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 1rem 1.25rem;
    background: linear-gradient(135deg, rgba(245, 158, 11, 0.06) 0%, rgba(239, 68, 68, 0.03) 100%);
    border: 1px solid rgba(245, 158, 11, 0.2);
    border-left: 3px solid #F59E0B;
    border-radius: 10px;
    margin-top: 0.75rem;
    font-size: 0.83rem;
    color: #92400E;
    line-height: 1.65;
}

.legal-warning i[b-nn7jrm79lz] {
    font-size: 1rem;
    color: #F59E0B;
    flex-shrink: 0;
    margin-top: 0.1rem;
}

/* ============================================================
   STEPS (numbered list with circles)
   ============================================================ */
.legal-steps[b-nn7jrm79lz] {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
    margin: 0.75rem 0;
}

.legal-step[b-nn7jrm79lz] {
    display: flex;
    align-items: flex-start;
    gap: 0.85rem;
    font-size: 0.855rem;
    color: #475569;
    line-height: 1.65;
}

.legal-step-num[b-nn7jrm79lz] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: linear-gradient(135deg, #14B8A6, #0C7B7F);
    color: white;
    font-size: 0.75rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-top: 0.1rem;
}

/* ============================================================
   TABLE
   ============================================================ */
.legal-table-wrapper[b-nn7jrm79lz] {
    overflow-x: auto;
    margin: 0.75rem 0;
    border-radius: 12px;
    border: 1px solid #E2E8F0;
}

.legal-table[b-nn7jrm79lz] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.83rem;
}

.legal-table th[b-nn7jrm79lz] {
    background: linear-gradient(135deg, rgba(20, 184, 166, 0.06) 0%, rgba(20, 184, 166, 0.02) 100%);
    padding: 0.75rem 1rem;
    text-align: left;
    font-weight: 700;
    color: #0C3547;
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    border-bottom: 2px solid rgba(20, 184, 166, 0.15);
}

.legal-table td[b-nn7jrm79lz] {
    padding: 0.7rem 1rem;
    border-bottom: 1px solid #F1F5F9;
    color: #475569;
    vertical-align: top;
}

.legal-table tbody tr:last-child td[b-nn7jrm79lz] {
    border-bottom: none;
}

.legal-table tbody tr:hover[b-nn7jrm79lz] {
    background: rgba(20, 184, 166, 0.02);
}

/* ============================================================
   REFERRAL LEVELS
   ============================================================ */
.legal-levels[b-nn7jrm79lz] {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
    margin: 0.75rem 0;
}

.legal-level[b-nn7jrm79lz] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    padding: 1rem 1.25rem;
    background: var(--lf-gray-50, #F8FAFC);
    border-radius: 12px;
    border: 1px solid #E2E8F0;
}

.legal-level-badge[b-nn7jrm79lz] {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.72rem;
    font-weight: 800;
    flex-shrink: 0;
}

.legal-level-badge.level-1[b-nn7jrm79lz] {
    background: linear-gradient(135deg, rgba(20, 184, 166, 0.15), rgba(20, 184, 166, 0.08));
    color: #0C7B7F;
}

.legal-level-badge.level-2[b-nn7jrm79lz] {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.15), rgba(59, 130, 246, 0.08));
    color: #2563EB;
}

.legal-level-badge.level-3[b-nn7jrm79lz] {
    background: linear-gradient(135deg, rgba(168, 85, 247, 0.15), rgba(168, 85, 247, 0.08));
    color: #7C3AED;
}

.legal-level strong[b-nn7jrm79lz] {
    display: block;
    font-size: 0.88rem;
    color: #0F172A;
    margin-bottom: 0.15rem;
}

.legal-level p[b-nn7jrm79lz] {
    font-size: 0.82rem;
    color: #64748B;
    margin: 0;
    line-height: 1.5;
}

/* ============================================================
   DATA GRID (Privacy — data collected)
   ============================================================ */
.legal-data-grid[b-nn7jrm79lz] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem;
    margin: 0.75rem 0;
}

.legal-data-card[b-nn7jrm79lz] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 1rem;
    background: #F8FAFC;
    border-radius: 12px;
    border: 1px solid #E2E8F0;
}

.legal-data-icon[b-nn7jrm79lz] {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background: rgba(20, 184, 166, 0.1);
    color: #14B8A6;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.95rem;
    flex-shrink: 0;
}

.legal-data-card strong[b-nn7jrm79lz] {
    display: block;
    font-size: 0.83rem;
    color: #0F172A;
    margin-bottom: 0.15rem;
}

.legal-data-card p[b-nn7jrm79lz] {
    font-size: 0.78rem;
    color: #64748B;
    line-height: 1.5;
    margin: 0;
}

/* ============================================================
   PURPOSE GRID (Privacy — how data is used)
   ============================================================ */
.legal-purpose-grid[b-nn7jrm79lz] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.75rem;
    margin: 0.75rem 0;
}

.legal-purpose-item[b-nn7jrm79lz] {
    padding: 1.25rem 1rem;
    background: #F8FAFC;
    border-radius: 12px;
    border: 1px solid #E2E8F0;
    text-align: center;
    transition: border-color 0.2s ease;
}

.legal-purpose-item:hover[b-nn7jrm79lz] {
    border-color: rgba(20, 184, 166, 0.25);
}

.legal-purpose-icon[b-nn7jrm79lz] {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.05rem;
    margin: 0 auto 0.65rem;
}

.legal-purpose-icon.accent[b-nn7jrm79lz] {
    background: rgba(20, 184, 166, 0.1);
    color: #14B8A6;
}

.legal-purpose-icon.primary[b-nn7jrm79lz] {
    background: rgba(59, 130, 246, 0.1);
    color: #3B82F6;
}

.legal-purpose-icon.success[b-nn7jrm79lz] {
    background: rgba(16, 185, 129, 0.1);
    color: #10B981;
}

.legal-purpose-icon.warning[b-nn7jrm79lz] {
    background: rgba(245, 158, 11, 0.1);
    color: #F59E0B;
}

.legal-purpose-icon.info[b-nn7jrm79lz] {
    background: rgba(168, 85, 247, 0.1);
    color: #A855F7;
}

.legal-purpose-icon.danger[b-nn7jrm79lz] {
    background: rgba(239, 68, 68, 0.1);
    color: #EF4444;
}

.legal-purpose-item strong[b-nn7jrm79lz] {
    display: block;
    font-size: 0.82rem;
    color: #0F172A;
    margin-bottom: 0.3rem;
}

.legal-purpose-item p[b-nn7jrm79lz] {
    font-size: 0.76rem;
    color: #64748B;
    line-height: 1.5;
    margin: 0;
}

/* ============================================================
   SECURITY GRID (Privacy)
   ============================================================ */
.legal-security-grid[b-nn7jrm79lz] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.75rem;
    margin: 0.75rem 0;
}

.legal-security-item[b-nn7jrm79lz] {
    padding: 1.25rem 1rem;
    background: linear-gradient(135deg, rgba(20, 184, 166, 0.04) 0%, rgba(59, 130, 246, 0.02) 100%);
    border: 1px solid rgba(20, 184, 166, 0.1);
    border-radius: 12px;
    text-align: center;
}

.legal-security-item i[b-nn7jrm79lz] {
    font-size: 1.3rem;
    color: #14B8A6;
    display: block;
    margin-bottom: 0.5rem;
}

.legal-security-item strong[b-nn7jrm79lz] {
    display: block;
    font-size: 0.82rem;
    color: #0F172A;
    margin-bottom: 0.25rem;
}

.legal-security-item p[b-nn7jrm79lz] {
    font-size: 0.76rem;
    color: #64748B;
    margin: 0;
    line-height: 1.45;
}

/* ============================================================
   COOKIE TYPES (Privacy)
   ============================================================ */
.legal-cookie-types[b-nn7jrm79lz] {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
    margin: 0.75rem 0;
}

.legal-cookie-item[b-nn7jrm79lz] {
    padding: 1rem 1.25rem;
    border-radius: 12px;
    border: 1px solid #E2E8F0;
}

.legal-cookie-item.essential[b-nn7jrm79lz] {
    background: rgba(20, 184, 166, 0.04);
    border-color: rgba(20, 184, 166, 0.15);
}

.legal-cookie-item.analytics[b-nn7jrm79lz] {
    background: rgba(59, 130, 246, 0.04);
    border-color: rgba(59, 130, 246, 0.15);
}

.legal-cookie-item.functional[b-nn7jrm79lz] {
    background: rgba(168, 85, 247, 0.04);
    border-color: rgba(168, 85, 247, 0.15);
}

.legal-cookie-badge[b-nn7jrm79lz] {
    display: inline-block;
    padding: 0.2rem 0.6rem;
    border-radius: 999px;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-bottom: 0.4rem;
}

.essential .legal-cookie-badge[b-nn7jrm79lz] {
    background: rgba(20, 184, 166, 0.12);
    color: #0C7B7F;
}

.analytics .legal-cookie-badge[b-nn7jrm79lz] {
    background: rgba(59, 130, 246, 0.12);
    color: #2563EB;
}

.functional .legal-cookie-badge[b-nn7jrm79lz] {
    background: rgba(168, 85, 247, 0.12);
    color: #7C3AED;
}

.legal-cookie-item p[b-nn7jrm79lz] {
    font-size: 0.82rem;
    color: #64748B;
    line-height: 1.55;
    margin: 0;
}

/* ============================================================
   RIGHTS GRID (Privacy)
   ============================================================ */
.legal-rights-grid[b-nn7jrm79lz] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.75rem;
    margin: 0.75rem 0;
}

.legal-right-card[b-nn7jrm79lz] {
    padding: 1.25rem 1rem;
    background: #F8FAFC;
    border: 1px solid #E2E8F0;
    border-radius: 12px;
    text-align: center;
    transition: border-color 0.2s ease, transform 0.2s ease;
}

.legal-right-card:hover[b-nn7jrm79lz] {
    border-color: rgba(20, 184, 166, 0.25);
    transform: translateY(-2px);
}

.legal-right-card i[b-nn7jrm79lz] {
    font-size: 1.3rem;
    color: #14B8A6;
    display: block;
    margin-bottom: 0.5rem;
}

.legal-right-card strong[b-nn7jrm79lz] {
    display: block;
    font-size: 0.83rem;
    color: #0F172A;
    margin-bottom: 0.25rem;
}

.legal-right-card p[b-nn7jrm79lz] {
    font-size: 0.76rem;
    color: #64748B;
    line-height: 1.45;
    margin: 0;
}

/* ============================================================
   CONTACT CARDS
   ============================================================ */
.legal-contact-cards[b-nn7jrm79lz] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    margin-top: 0.75rem;
}

.legal-contact-card[b-nn7jrm79lz] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    padding: 0.75rem 1.15rem;
    background: #F8FAFC;
    border: 1px solid #E2E8F0;
    border-radius: 10px;
    font-size: 0.83rem;
    font-weight: 500;
    color: #334155;
}

.legal-contact-card i[b-nn7jrm79lz] {
    font-size: 1rem;
    color: #14B8A6;
}

/* ============================================================
   FOOTER
   ============================================================ */
.legal-footer[b-nn7jrm79lz] {
    margin-top: 2.5rem;
    text-align: center;
    padding-top: 1.5rem;
    border-top: 1px solid #E2E8F0;
}

.legal-footer-nav[b-nn7jrm79lz] {
    margin-bottom: 1.25rem;
}

.legal-footer-link[b-nn7jrm79lz] {
    display: inline-flex;
    align-items: center;
    gap: 0;
    padding: 0.65rem 1.5rem;
    background: white;
    border: 1.5px solid rgba(20, 184, 166, 0.2);
    border-radius: 12px;
    color: #0C7B7F;
    font-size: 0.88rem;
    font-weight: 600;
    text-decoration: none;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
    transition: all 0.2s ease;
}

.legal-footer-link:hover[b-nn7jrm79lz] {
    background: rgba(20, 184, 166, 0.04);
    border-color: #14B8A6;
    transform: translateY(-1px);
    box-shadow: 0 4px 16px rgba(20, 184, 166, 0.12);
}

.legal-copyright[b-nn7jrm79lz] {
    font-size: 0.78rem;
    color: #94A3B8;
    margin: 0;
}

/* ============================================================
   ANIMATIONS
   ============================================================ */
.legal-section[b-nn7jrm79lz] {
    animation: legalFadeIn-b-nn7jrm79lz 0.4s ease-out both;
}

.legal-section:nth-child(1)[b-nn7jrm79lz] { animation-delay: 0.05s; }
.legal-section:nth-child(2)[b-nn7jrm79lz] { animation-delay: 0.08s; }
.legal-section:nth-child(3)[b-nn7jrm79lz] { animation-delay: 0.11s; }
.legal-section:nth-child(4)[b-nn7jrm79lz] { animation-delay: 0.14s; }
.legal-section:nth-child(5)[b-nn7jrm79lz] { animation-delay: 0.17s; }
.legal-section:nth-child(6)[b-nn7jrm79lz] { animation-delay: 0.20s; }
.legal-section:nth-child(7)[b-nn7jrm79lz] { animation-delay: 0.23s; }
.legal-section:nth-child(8)[b-nn7jrm79lz] { animation-delay: 0.26s; }
.legal-section:nth-child(9)[b-nn7jrm79lz] { animation-delay: 0.29s; }
.legal-section:nth-child(10)[b-nn7jrm79lz] { animation-delay: 0.32s; }
.legal-section:nth-child(11)[b-nn7jrm79lz] { animation-delay: 0.35s; }
.legal-section:nth-child(12)[b-nn7jrm79lz] { animation-delay: 0.38s; }
.legal-section:nth-child(13)[b-nn7jrm79lz] { animation-delay: 0.41s; }

@keyframes legalFadeIn-b-nn7jrm79lz {
    from { opacity: 0; transform: translateY(12px); }
    to { opacity: 1; transform: translateY(0); }
}

@media (prefers-reduced-motion: reduce) {
    .legal-section[b-nn7jrm79lz] { animation: none !important; }
}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width: 768px) {
    .legal-header[b-nn7jrm79lz] {
        padding: 0.75rem 1rem;
    }

    .legal-container[b-nn7jrm79lz] {
        padding: 1.25rem 1rem 2rem;
    }

    .legal-doc-header[b-nn7jrm79lz] {
        padding: 1.75rem 1rem;
    }

    .legal-doc-title[b-nn7jrm79lz] {
        font-size: 1.35rem;
    }

    .legal-meta[b-nn7jrm79lz] {
        flex-direction: column;
        align-items: center;
        gap: 0.5rem;
    }

    .legal-toc-list[b-nn7jrm79lz] {
        grid-template-columns: 1fr;
    }

    .legal-section[b-nn7jrm79lz] {
        padding: 1.25rem 1.15rem 1.15rem;
    }

    .legal-section-title[b-nn7jrm79lz] {
        font-size: 1.02rem;
        padding-right: 2rem;
    }

    .legal-section-number[b-nn7jrm79lz] {
        font-size: 1.5rem;
        top: 1rem;
        right: 1rem;
    }

    .legal-data-grid[b-nn7jrm79lz] {
        grid-template-columns: 1fr;
    }

    .legal-purpose-grid[b-nn7jrm79lz],
    .legal-security-grid[b-nn7jrm79lz],
    .legal-rights-grid[b-nn7jrm79lz] {
        grid-template-columns: 1fr 1fr;
    }

    .legal-contact-cards[b-nn7jrm79lz] {
        flex-direction: column;
    }

    .legal-level[b-nn7jrm79lz] {
        padding: 0.85rem 1rem;
    }
}

@media (max-width: 480px) {
    .legal-purpose-grid[b-nn7jrm79lz],
    .legal-security-grid[b-nn7jrm79lz],
    .legal-rights-grid[b-nn7jrm79lz] {
        grid-template-columns: 1fr;
    }

    .legal-doc-title[b-nn7jrm79lz] {
        font-size: 1.2rem;
    }

    .legal-brand[b-nn7jrm79lz] {
        display: none;
    }
}
/* /Components/Pages/Legal/Terms.razor.rz.scp.css */
/* ============================================================
   LEGAL PAGES STYLES — LIFE FREE
   Shared by Terms and Privacy pages
   ============================================================ */

/* ============================================================
   WRAPPER & LAYOUT
   ============================================================ */
.legal-wrapper[b-7xgrz4gj5w] {
    min-height: 100vh;
    background: linear-gradient(135deg, #F0FDFA 0%, #F8FAFC 40%, #EFF6FF 100%);
    padding: 0;
}

.legal-header[b-7xgrz4gj5w] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 2rem;
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(12px);
    border-bottom: 1px solid rgba(20, 184, 166, 0.1);
    position: sticky;
    top: 0;
    z-index: 100;
}

.legal-back-link[b-7xgrz4gj5w] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--lf-accent, #14B8A6);
    text-decoration: none;
    padding: 0.4rem 0.85rem;
    border-radius: 999px;
    border: 1px solid rgba(20, 184, 166, 0.2);
    transition: all 0.2s ease;
}

.legal-back-link:hover[b-7xgrz4gj5w] {
    background: rgba(20, 184, 166, 0.08);
    border-color: rgba(20, 184, 166, 0.4);
    color: #0C7B7F;
}

.legal-container[b-7xgrz4gj5w] {
    max-width: 820px;
    margin: 0 auto;
    padding: 2rem 1.5rem 3rem;
}

/* ============================================================
   DOCUMENT HEADER
   ============================================================ */
.legal-doc-header[b-7xgrz4gj5w] {
    text-align: center;
    margin-bottom: 2rem;
    padding: 2.5rem 1.5rem;
    background: white;
    border-radius: 20px;
    border: 1px solid rgba(20, 184, 166, 0.12);
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.04), 0 1px 3px rgba(0, 0, 0, 0.02);
}

.legal-doc-icon[b-7xgrz4gj5w] {
    width: 72px;
    height: 72px;
    border-radius: 20px;
    background: linear-gradient(135deg, rgba(20, 184, 166, 0.12) 0%, rgba(12, 123, 127, 0.08) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1.25rem;
    font-size: 1.75rem;
    color: #14B8A6;
}

.legal-doc-icon.privacy[b-7xgrz4gj5w] {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.12) 0%, rgba(99, 102, 241, 0.08) 100%);
    color: #3B82F6;
}

.legal-doc-title[b-7xgrz4gj5w] {
    font-size: 1.75rem;
    font-weight: 800;
    color: #0C3547;
    margin-bottom: 0.35rem;
    letter-spacing: -0.02em;
}

.legal-doc-subtitle[b-7xgrz4gj5w] {
    font-size: 0.95rem;
    color: #64748B;
    margin-bottom: 1.25rem;
}

.legal-meta[b-7xgrz4gj5w] {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 1.25rem;
}

.legal-meta-item[b-7xgrz4gj5w] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.78rem;
    color: #94A3B8;
    font-weight: 500;
}

.legal-meta-item i[b-7xgrz4gj5w] {
    font-size: 0.85rem;
    color: #14B8A6;
}

/* ============================================================
   TABLE OF CONTENTS
   ============================================================ */
.legal-toc[b-7xgrz4gj5w] {
    background: white;
    border-radius: 16px;
    border: 1px solid rgba(20, 184, 166, 0.1);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.03);
    padding: 1.5rem;
    margin-bottom: 2rem;
}

.legal-toc-title[b-7xgrz4gj5w] {
    font-size: 0.85rem;
    font-weight: 700;
    color: #0C3547;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
}

.legal-toc-list[b-7xgrz4gj5w] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.35rem;
}

.legal-toc-item[b-7xgrz4gj5w] {
    display: block;
    padding: 0.45rem 0.75rem;
    font-size: 0.82rem;
    font-weight: 500;
    color: #64748B;
    text-decoration: none;
    border-radius: 8px;
    transition: all 0.2s ease;
}

.legal-toc-item:hover[b-7xgrz4gj5w] {
    color: #14B8A6;
    background: rgba(20, 184, 166, 0.06);
}

/* ============================================================
   INTRO BANNER (Privacy page)
   ============================================================ */
.legal-intro-banner[b-7xgrz4gj5w] {
    display: flex;
    gap: 1rem;
    align-items: flex-start;
    padding: 1.25rem 1.5rem;
    background: linear-gradient(135deg, rgba(20, 184, 166, 0.06) 0%, rgba(59, 130, 246, 0.04) 100%);
    border: 1px solid rgba(20, 184, 166, 0.15);
    border-radius: 14px;
    margin-bottom: 2rem;
}

.legal-intro-icon[b-7xgrz4gj5w] {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: rgba(20, 184, 166, 0.12);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    color: #14B8A6;
    flex-shrink: 0;
}

.legal-intro-banner strong[b-7xgrz4gj5w] {
    display: block;
    font-size: 0.9rem;
    color: #0C3547;
    margin-bottom: 0.25rem;
}

.legal-intro-banner p[b-7xgrz4gj5w] {
    font-size: 0.82rem;
    color: #64748B;
    line-height: 1.6;
    margin: 0;
}

/* ============================================================
   CONTENT SECTIONS
   ============================================================ */
.legal-content[b-7xgrz4gj5w] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.legal-section[b-7xgrz4gj5w] {
    background: white;
    border-radius: 16px;
    border: 1px solid rgba(226, 232, 240, 0.8);
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.03);
    padding: 1.75rem 1.75rem 1.5rem;
    position: relative;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.legal-section:hover[b-7xgrz4gj5w] {
    border-color: rgba(20, 184, 166, 0.2);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
}

.legal-section-number[b-7xgrz4gj5w] {
    position: absolute;
    top: 1.25rem;
    right: 1.5rem;
    font-size: 2rem;
    font-weight: 900;
    color: rgba(20, 184, 166, 0.08);
    line-height: 1;
    pointer-events: none;
}

.legal-section-title[b-7xgrz4gj5w] {
    font-size: 1.15rem;
    font-weight: 800;
    color: #0C3547;
    margin-bottom: 1rem;
    padding-right: 2.5rem;
}

.legal-section-body[b-7xgrz4gj5w] {
    font-size: 0.875rem;
    color: #475569;
    line-height: 1.75;
}

.legal-section-body p[b-7xgrz4gj5w] {
    margin-bottom: 0.85rem;
}

.legal-section-body p:last-child[b-7xgrz4gj5w] {
    margin-bottom: 0;
}

.legal-subsection-title[b-7xgrz4gj5w] {
    font-size: 0.92rem;
    font-weight: 700;
    color: #0F172A;
    margin-bottom: 0.75rem;
}

/* ============================================================
   LIST STYLES
   ============================================================ */
.legal-list[b-7xgrz4gj5w] {
    list-style: none;
    padding: 0;
    margin: 0.75rem 0;
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
}

.legal-list li[b-7xgrz4gj5w] {
    display: flex;
    align-items: flex-start;
    gap: 0.65rem;
    font-size: 0.855rem;
    color: #475569;
    line-height: 1.6;
}

.legal-list li i[b-7xgrz4gj5w] {
    font-size: 0.8rem;
    color: #14B8A6;
    flex-shrink: 0;
    margin-top: 0.2rem;
}

.legal-list li i.bi-dash-circle[b-7xgrz4gj5w] {
    color: #EF4444;
}

.legal-list.compact li[b-7xgrz4gj5w] {
    gap: 0.5rem;
}

/* ============================================================
   HIGHLIGHT & WARNING BOXES
   ============================================================ */
.legal-highlight[b-7xgrz4gj5w] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 1rem 1.25rem;
    background: linear-gradient(135deg, rgba(20, 184, 166, 0.06) 0%, rgba(20, 184, 166, 0.02) 100%);
    border: 1px solid rgba(20, 184, 166, 0.15);
    border-left: 3px solid #14B8A6;
    border-radius: 10px;
    margin-top: 0.75rem;
    font-size: 0.83rem;
    color: #0C7B7F;
    line-height: 1.65;
}

.legal-highlight i[b-7xgrz4gj5w] {
    font-size: 1rem;
    color: #14B8A6;
    flex-shrink: 0;
    margin-top: 0.1rem;
}

.legal-warning[b-7xgrz4gj5w] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 1rem 1.25rem;
    background: linear-gradient(135deg, rgba(245, 158, 11, 0.06) 0%, rgba(239, 68, 68, 0.03) 100%);
    border: 1px solid rgba(245, 158, 11, 0.2);
    border-left: 3px solid #F59E0B;
    border-radius: 10px;
    margin-top: 0.75rem;
    font-size: 0.83rem;
    color: #92400E;
    line-height: 1.65;
}

.legal-warning i[b-7xgrz4gj5w] {
    font-size: 1rem;
    color: #F59E0B;
    flex-shrink: 0;
    margin-top: 0.1rem;
}

/* ============================================================
   STEPS (numbered list with circles)
   ============================================================ */
.legal-steps[b-7xgrz4gj5w] {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
    margin: 0.75rem 0;
}

.legal-step[b-7xgrz4gj5w] {
    display: flex;
    align-items: flex-start;
    gap: 0.85rem;
    font-size: 0.855rem;
    color: #475569;
    line-height: 1.65;
}

.legal-step-num[b-7xgrz4gj5w] {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: linear-gradient(135deg, #14B8A6, #0C7B7F);
    color: white;
    font-size: 0.75rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-top: 0.1rem;
}

/* ============================================================
   TABLE
   ============================================================ */
.legal-table-wrapper[b-7xgrz4gj5w] {
    overflow-x: auto;
    margin: 0.75rem 0;
    border-radius: 12px;
    border: 1px solid #E2E8F0;
}

.legal-table[b-7xgrz4gj5w] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.83rem;
}

.legal-table th[b-7xgrz4gj5w] {
    background: linear-gradient(135deg, rgba(20, 184, 166, 0.06) 0%, rgba(20, 184, 166, 0.02) 100%);
    padding: 0.75rem 1rem;
    text-align: left;
    font-weight: 700;
    color: #0C3547;
    font-size: 0.78rem;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    border-bottom: 2px solid rgba(20, 184, 166, 0.15);
}

.legal-table td[b-7xgrz4gj5w] {
    padding: 0.7rem 1rem;
    border-bottom: 1px solid #F1F5F9;
    color: #475569;
    vertical-align: top;
}

.legal-table tbody tr:last-child td[b-7xgrz4gj5w] {
    border-bottom: none;
}

.legal-table tbody tr:hover[b-7xgrz4gj5w] {
    background: rgba(20, 184, 166, 0.02);
}

/* ============================================================
   REFERRAL LEVELS
   ============================================================ */
.legal-levels[b-7xgrz4gj5w] {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
    margin: 0.75rem 0;
}

.legal-level[b-7xgrz4gj5w] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    padding: 1rem 1.25rem;
    background: var(--lf-gray-50, #F8FAFC);
    border-radius: 12px;
    border: 1px solid #E2E8F0;
}

.legal-level-badge[b-7xgrz4gj5w] {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.72rem;
    font-weight: 800;
    flex-shrink: 0;
}

.legal-level-badge.level-1[b-7xgrz4gj5w] {
    background: linear-gradient(135deg, rgba(20, 184, 166, 0.15), rgba(20, 184, 166, 0.08));
    color: #0C7B7F;
}

.legal-level-badge.level-2[b-7xgrz4gj5w] {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.15), rgba(59, 130, 246, 0.08));
    color: #2563EB;
}

.legal-level-badge.level-3[b-7xgrz4gj5w] {
    background: linear-gradient(135deg, rgba(168, 85, 247, 0.15), rgba(168, 85, 247, 0.08));
    color: #7C3AED;
}

.legal-level strong[b-7xgrz4gj5w] {
    display: block;
    font-size: 0.88rem;
    color: #0F172A;
    margin-bottom: 0.15rem;
}

.legal-level p[b-7xgrz4gj5w] {
    font-size: 0.82rem;
    color: #64748B;
    margin: 0;
    line-height: 1.5;
}

/* ============================================================
   DATA GRID (Privacy — data collected)
   ============================================================ */
.legal-data-grid[b-7xgrz4gj5w] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem;
    margin: 0.75rem 0;
}

.legal-data-card[b-7xgrz4gj5w] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 1rem;
    background: #F8FAFC;
    border-radius: 12px;
    border: 1px solid #E2E8F0;
}

.legal-data-icon[b-7xgrz4gj5w] {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background: rgba(20, 184, 166, 0.1);
    color: #14B8A6;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.95rem;
    flex-shrink: 0;
}

.legal-data-card strong[b-7xgrz4gj5w] {
    display: block;
    font-size: 0.83rem;
    color: #0F172A;
    margin-bottom: 0.15rem;
}

.legal-data-card p[b-7xgrz4gj5w] {
    font-size: 0.78rem;
    color: #64748B;
    line-height: 1.5;
    margin: 0;
}

/* ============================================================
   PURPOSE GRID (Privacy — how data is used)
   ============================================================ */
.legal-purpose-grid[b-7xgrz4gj5w] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.75rem;
    margin: 0.75rem 0;
}

.legal-purpose-item[b-7xgrz4gj5w] {
    padding: 1.25rem 1rem;
    background: #F8FAFC;
    border-radius: 12px;
    border: 1px solid #E2E8F0;
    text-align: center;
    transition: border-color 0.2s ease;
}

.legal-purpose-item:hover[b-7xgrz4gj5w] {
    border-color: rgba(20, 184, 166, 0.25);
}

.legal-purpose-icon[b-7xgrz4gj5w] {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.05rem;
    margin: 0 auto 0.65rem;
}

.legal-purpose-icon.accent[b-7xgrz4gj5w] {
    background: rgba(20, 184, 166, 0.1);
    color: #14B8A6;
}

.legal-purpose-icon.primary[b-7xgrz4gj5w] {
    background: rgba(59, 130, 246, 0.1);
    color: #3B82F6;
}

.legal-purpose-icon.success[b-7xgrz4gj5w] {
    background: rgba(16, 185, 129, 0.1);
    color: #10B981;
}

.legal-purpose-icon.warning[b-7xgrz4gj5w] {
    background: rgba(245, 158, 11, 0.1);
    color: #F59E0B;
}

.legal-purpose-icon.info[b-7xgrz4gj5w] {
    background: rgba(168, 85, 247, 0.1);
    color: #A855F7;
}

.legal-purpose-icon.danger[b-7xgrz4gj5w] {
    background: rgba(239, 68, 68, 0.1);
    color: #EF4444;
}

.legal-purpose-item strong[b-7xgrz4gj5w] {
    display: block;
    font-size: 0.82rem;
    color: #0F172A;
    margin-bottom: 0.3rem;
}

.legal-purpose-item p[b-7xgrz4gj5w] {
    font-size: 0.76rem;
    color: #64748B;
    line-height: 1.5;
    margin: 0;
}

/* ============================================================
   SECURITY GRID (Privacy)
   ============================================================ */
.legal-security-grid[b-7xgrz4gj5w] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.75rem;
    margin: 0.75rem 0;
}

.legal-security-item[b-7xgrz4gj5w] {
    padding: 1.25rem 1rem;
    background: linear-gradient(135deg, rgba(20, 184, 166, 0.04) 0%, rgba(59, 130, 246, 0.02) 100%);
    border: 1px solid rgba(20, 184, 166, 0.1);
    border-radius: 12px;
    text-align: center;
}

.legal-security-item i[b-7xgrz4gj5w] {
    font-size: 1.3rem;
    color: #14B8A6;
    display: block;
    margin-bottom: 0.5rem;
}

.legal-security-item strong[b-7xgrz4gj5w] {
    display: block;
    font-size: 0.82rem;
    color: #0F172A;
    margin-bottom: 0.25rem;
}

.legal-security-item p[b-7xgrz4gj5w] {
    font-size: 0.76rem;
    color: #64748B;
    margin: 0;
    line-height: 1.45;
}

/* ============================================================
   COOKIE TYPES (Privacy)
   ============================================================ */
.legal-cookie-types[b-7xgrz4gj5w] {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
    margin: 0.75rem 0;
}

.legal-cookie-item[b-7xgrz4gj5w] {
    padding: 1rem 1.25rem;
    border-radius: 12px;
    border: 1px solid #E2E8F0;
}

.legal-cookie-item.essential[b-7xgrz4gj5w] {
    background: rgba(20, 184, 166, 0.04);
    border-color: rgba(20, 184, 166, 0.15);
}

.legal-cookie-item.analytics[b-7xgrz4gj5w] {
    background: rgba(59, 130, 246, 0.04);
    border-color: rgba(59, 130, 246, 0.15);
}

.legal-cookie-item.functional[b-7xgrz4gj5w] {
    background: rgba(168, 85, 247, 0.04);
    border-color: rgba(168, 85, 247, 0.15);
}

.legal-cookie-badge[b-7xgrz4gj5w] {
    display: inline-block;
    padding: 0.2rem 0.6rem;
    border-radius: 999px;
    font-size: 0.7rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-bottom: 0.4rem;
}

.essential .legal-cookie-badge[b-7xgrz4gj5w] {
    background: rgba(20, 184, 166, 0.12);
    color: #0C7B7F;
}

.analytics .legal-cookie-badge[b-7xgrz4gj5w] {
    background: rgba(59, 130, 246, 0.12);
    color: #2563EB;
}

.functional .legal-cookie-badge[b-7xgrz4gj5w] {
    background: rgba(168, 85, 247, 0.12);
    color: #7C3AED;
}

.legal-cookie-item p[b-7xgrz4gj5w] {
    font-size: 0.82rem;
    color: #64748B;
    line-height: 1.55;
    margin: 0;
}

/* ============================================================
   RIGHTS GRID (Privacy)
   ============================================================ */
.legal-rights-grid[b-7xgrz4gj5w] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.75rem;
    margin: 0.75rem 0;
}

.legal-right-card[b-7xgrz4gj5w] {
    padding: 1.25rem 1rem;
    background: #F8FAFC;
    border: 1px solid #E2E8F0;
    border-radius: 12px;
    text-align: center;
    transition: border-color 0.2s ease, transform 0.2s ease;
}

.legal-right-card:hover[b-7xgrz4gj5w] {
    border-color: rgba(20, 184, 166, 0.25);
    transform: translateY(-2px);
}

.legal-right-card i[b-7xgrz4gj5w] {
    font-size: 1.3rem;
    color: #14B8A6;
    display: block;
    margin-bottom: 0.5rem;
}

.legal-right-card strong[b-7xgrz4gj5w] {
    display: block;
    font-size: 0.83rem;
    color: #0F172A;
    margin-bottom: 0.25rem;
}

.legal-right-card p[b-7xgrz4gj5w] {
    font-size: 0.76rem;
    color: #64748B;
    line-height: 1.45;
    margin: 0;
}

/* ============================================================
   CONTACT CARDS
   ============================================================ */
.legal-contact-cards[b-7xgrz4gj5w] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    margin-top: 0.75rem;
}

.legal-contact-card[b-7xgrz4gj5w] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    padding: 0.75rem 1.15rem;
    background: #F8FAFC;
    border: 1px solid #E2E8F0;
    border-radius: 10px;
    font-size: 0.83rem;
    font-weight: 500;
    color: #334155;
}

.legal-contact-card i[b-7xgrz4gj5w] {
    font-size: 1rem;
    color: #14B8A6;
}

/* ============================================================
   FOOTER
   ============================================================ */
.legal-footer[b-7xgrz4gj5w] {
    margin-top: 2.5rem;
    text-align: center;
    padding-top: 1.5rem;
    border-top: 1px solid #E2E8F0;
}

.legal-footer-nav[b-7xgrz4gj5w] {
    margin-bottom: 1.25rem;
}

.legal-footer-link[b-7xgrz4gj5w] {
    display: inline-flex;
    align-items: center;
    gap: 0;
    padding: 0.65rem 1.5rem;
    background: white;
    border: 1.5px solid rgba(20, 184, 166, 0.2);
    border-radius: 12px;
    color: #0C7B7F;
    font-size: 0.88rem;
    font-weight: 600;
    text-decoration: none;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
    transition: all 0.2s ease;
}

.legal-footer-link:hover[b-7xgrz4gj5w] {
    background: rgba(20, 184, 166, 0.04);
    border-color: #14B8A6;
    transform: translateY(-1px);
    box-shadow: 0 4px 16px rgba(20, 184, 166, 0.12);
}

.legal-copyright[b-7xgrz4gj5w] {
    font-size: 0.78rem;
    color: #94A3B8;
    margin: 0;
}

/* ============================================================
   ANIMATIONS
   ============================================================ */
.legal-section[b-7xgrz4gj5w] {
    animation: legalFadeIn-b-7xgrz4gj5w 0.4s ease-out both;
}

.legal-section:nth-child(1)[b-7xgrz4gj5w] { animation-delay: 0.05s; }
.legal-section:nth-child(2)[b-7xgrz4gj5w] { animation-delay: 0.08s; }
.legal-section:nth-child(3)[b-7xgrz4gj5w] { animation-delay: 0.11s; }
.legal-section:nth-child(4)[b-7xgrz4gj5w] { animation-delay: 0.14s; }
.legal-section:nth-child(5)[b-7xgrz4gj5w] { animation-delay: 0.17s; }
.legal-section:nth-child(6)[b-7xgrz4gj5w] { animation-delay: 0.20s; }
.legal-section:nth-child(7)[b-7xgrz4gj5w] { animation-delay: 0.23s; }
.legal-section:nth-child(8)[b-7xgrz4gj5w] { animation-delay: 0.26s; }
.legal-section:nth-child(9)[b-7xgrz4gj5w] { animation-delay: 0.29s; }
.legal-section:nth-child(10)[b-7xgrz4gj5w] { animation-delay: 0.32s; }
.legal-section:nth-child(11)[b-7xgrz4gj5w] { animation-delay: 0.35s; }
.legal-section:nth-child(12)[b-7xgrz4gj5w] { animation-delay: 0.38s; }
.legal-section:nth-child(13)[b-7xgrz4gj5w] { animation-delay: 0.41s; }

@keyframes legalFadeIn-b-7xgrz4gj5w {
    from { opacity: 0; transform: translateY(12px); }
    to { opacity: 1; transform: translateY(0); }
}

@media (prefers-reduced-motion: reduce) {
    .legal-section[b-7xgrz4gj5w] { animation: none !important; }
}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width: 768px) {
    .legal-header[b-7xgrz4gj5w] {
        padding: 0.75rem 1rem;
    }

    .legal-container[b-7xgrz4gj5w] {
        padding: 1.25rem 1rem 2rem;
    }

    .legal-doc-header[b-7xgrz4gj5w] {
        padding: 1.75rem 1rem;
    }

    .legal-doc-title[b-7xgrz4gj5w] {
        font-size: 1.35rem;
    }

    .legal-meta[b-7xgrz4gj5w] {
        flex-direction: column;
        align-items: center;
        gap: 0.5rem;
    }

    .legal-toc-list[b-7xgrz4gj5w] {
        grid-template-columns: 1fr;
    }

    .legal-section[b-7xgrz4gj5w] {
        padding: 1.25rem 1.15rem 1.15rem;
    }

    .legal-section-title[b-7xgrz4gj5w] {
        font-size: 1.02rem;
        padding-right: 2rem;
    }

    .legal-section-number[b-7xgrz4gj5w] {
        font-size: 1.5rem;
        top: 1rem;
        right: 1rem;
    }

    .legal-data-grid[b-7xgrz4gj5w] {
        grid-template-columns: 1fr;
    }

    .legal-purpose-grid[b-7xgrz4gj5w],
    .legal-security-grid[b-7xgrz4gj5w],
    .legal-rights-grid[b-7xgrz4gj5w] {
        grid-template-columns: 1fr 1fr;
    }

    .legal-contact-cards[b-7xgrz4gj5w] {
        flex-direction: column;
    }

    .legal-level[b-7xgrz4gj5w] {
        padding: 0.85rem 1rem;
    }
}

@media (max-width: 480px) {
    .legal-purpose-grid[b-7xgrz4gj5w],
    .legal-security-grid[b-7xgrz4gj5w],
    .legal-rights-grid[b-7xgrz4gj5w] {
        grid-template-columns: 1fr;
    }

    .legal-doc-title[b-7xgrz4gj5w] {
        font-size: 1.2rem;
    }

    .legal-brand[b-7xgrz4gj5w] {
        display: none;
    }
}
/* /Components/Pages/Plans/Plans.razor.rz.scp.css */
/* ============================================================
   PLANS PAGE STYLES - LIFE FREE
   ============================================================ */

.page-title[b-o4d9bqxwqw] {
    font-size: 1.5rem;
    font-weight: 800;
    color: var(--lf-primary);
    margin-bottom: 0.15rem;
}

.page-subtitle[b-o4d9bqxwqw] {
    font-size: var(--lf-font-size-base);
    color: var(--lf-gray-500);
    margin-bottom: 0;
}

/* ============================================================
   RATE BANNER
   ============================================================ */
.rate-banner[b-o4d9bqxwqw] {
    background: linear-gradient(135deg, rgba(10, 37, 64, 0.03) 0%, rgba(20, 184, 166, 0.06) 100%);
    border: 1px solid rgba(20, 184, 166, 0.15);
    border-radius: var(--lf-radius-xl);
    padding: 1rem 1.5rem;
}

.rate-banner-icon[b-o4d9bqxwqw] {
    width: 40px;
    height: 40px;
    border-radius: var(--lf-radius-lg);
    background: rgba(20, 184, 166, 0.12);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--lf-accent);
    font-size: 1.1rem;
    flex-shrink: 0;
}

.rate-banner-title[b-o4d9bqxwqw] {
    display: block;
    font-weight: 700;
    color: var(--lf-gray-800);
    font-size: var(--lf-font-size-sm);
}

.rate-banner-desc[b-o4d9bqxwqw] {
    display: block;
    font-size: var(--lf-font-size-xs);
    color: var(--lf-gray-400);
}

.rate-chip[b-o4d9bqxwqw] {
    background: var(--lf-white);
    border: 1px solid var(--lf-gray-200);
    border-radius: var(--lf-radius-md);
    padding: 0.45rem 0.875rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 120px;
}

.rate-chip.highlighted[b-o4d9bqxwqw] {
    background: rgba(20, 184, 166, 0.08);
    border-color: rgba(20, 184, 166, 0.25);
}

.rate-chip-label[b-o4d9bqxwqw] {
    font-size: var(--lf-font-size-xs);
    color: var(--lf-gray-500);
}

.rate-chip-value[b-o4d9bqxwqw] {
    font-size: var(--lf-font-size-md);
    font-weight: 800;
    color: var(--lf-accent);
}

.rate-chip.highlighted .rate-chip-value[b-o4d9bqxwqw] {
    color: var(--lf-accent-hover);
}

/* ============================================================
   FILTER TABS
   ============================================================ */
.plans-filter[b-o4d9bqxwqw] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.plans-filter-btn[b-o4d9bqxwqw] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.5rem 1rem;
    border-radius: var(--lf-radius-full);
    border: 1.5px solid var(--lf-gray-200);
    background: var(--lf-white);
    color: var(--lf-gray-600);
    font-size: var(--lf-font-size-sm);
    font-weight: 600;
    cursor: pointer;
    transition: all var(--lf-transition);
}

.plans-filter-btn:hover[b-o4d9bqxwqw] {
    border-color: var(--lf-accent);
    color: var(--lf-accent);
}

.plans-filter-btn.active[b-o4d9bqxwqw] {
    background: var(--lf-accent);
    border-color: var(--lf-accent);
    color: var(--lf-white);
    box-shadow: 0 2px 8px rgba(20, 184, 166, 0.3);
}

.plans-filter-btn i[b-o4d9bqxwqw] {
    font-size: 0.85rem;
}

/* ============================================================
   PLAN CARDS
   ============================================================ */
.plan-card[b-o4d9bqxwqw] {
    background: var(--lf-white);
    border: 1px solid var(--lf-gray-200);
    border-radius: var(--lf-radius-xl);
    box-shadow: var(--lf-shadow-card);
    padding: 1.5rem;
    transition: all var(--lf-transition);
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.plan-card:hover[b-o4d9bqxwqw] {
    transform: translateY(-4px);
    box-shadow: var(--lf-shadow-xl);
}

.plan-card.popular[b-o4d9bqxwqw] {
    border-color: var(--lf-accent);
    box-shadow: var(--lf-shadow-lg), 0 0 0 1px rgba(20, 184, 166, 0.15);
}

.plan-card.popular:hover[b-o4d9bqxwqw] {
    box-shadow: var(--lf-shadow-xl), 0 0 20px rgba(20, 184, 166, 0.15);
}

.plan-card.elite[b-o4d9bqxwqw] {
    background: linear-gradient(180deg, var(--lf-white) 0%, rgba(10, 37, 64, 0.02) 100%);
    border-color: rgba(10, 37, 64, 0.15);
}

/* Popular badge */
.plan-popular-badge[b-o4d9bqxwqw] {
    position: absolute;
    top: -1px;
    right: 1.25rem;
    background: var(--lf-gradient-accent);
    color: var(--lf-white);
    font-size: 0.65rem;
    font-weight: 700;
    padding: 0.3rem 0.75rem;
    border-radius: 0 0 var(--lf-radius-md) var(--lf-radius-md);
    letter-spacing: 0.03em;
    display: flex;
    align-items: center;
    gap: 0.3rem;
}

/* Plan header */
.plan-card-header[b-o4d9bqxwqw] {
    text-align: center;
    margin-bottom: 0.75rem;
}

.plan-card-tier-badge[b-o4d9bqxwqw] {
    display: inline-block;
    font-size: 0.6rem;
    font-weight: 800;
    padding: 0.2rem 0.65rem;
    border-radius: var(--lf-radius-full);
    letter-spacing: 0.1em;
    text-transform: uppercase;
    margin-bottom: 0.75rem;
}

.plan-card-tier-badge.starter[b-o4d9bqxwqw] {
    background: rgba(20, 184, 166, 0.1);
    color: var(--lf-accent);
}

.plan-card-tier-badge.pro[b-o4d9bqxwqw] {
    background: rgba(12, 123, 127, 0.1);
    color: var(--lf-secondary);
}

.plan-card-tier-badge.elite[b-o4d9bqxwqw] {
    background: rgba(10, 37, 64, 0.08);
    color: var(--lf-primary);
}

.plan-card-amount[b-o4d9bqxwqw] {
    display: flex;
    align-items: baseline;
    justify-content: center;
    gap: 0.15rem;
    line-height: 1;
    margin-bottom: 0.25rem;
}

.plan-currency[b-o4d9bqxwqw] {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--lf-gray-500);
}

.plan-number[b-o4d9bqxwqw] {
    font-size: 2.5rem;
    font-weight: 900;
    color: var(--lf-primary);
    letter-spacing: -0.03em;
}

.plan-card-label[b-o4d9bqxwqw] {
    font-size: var(--lf-font-size-xs);
    color: var(--lf-gray-400);
}

/* Divider */
.plan-card-divider[b-o4d9bqxwqw] {
    height: 1px;
    background: var(--lf-gray-100);
    margin: 1rem 0;
}

.plan-card.popular .plan-card-divider[b-o4d9bqxwqw] {
    background: linear-gradient(90deg, transparent, rgba(20, 184, 166, 0.3), transparent);
}

/* Plan body */
.plan-card-body[b-o4d9bqxwqw] {
    flex: 1;
}

.plan-card-rate[b-o4d9bqxwqw] {
    text-align: center;
    margin-bottom: 1rem;
}

.plan-rate-value[b-o4d9bqxwqw] {
    display: block;
    font-size: 1.75rem;
    font-weight: 900;
    color: var(--lf-accent);
    line-height: 1.1;
}

.plan-rate-label[b-o4d9bqxwqw] {
    font-size: var(--lf-font-size-xs);
    color: var(--lf-gray-400);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

/* Features list */
.plan-features[b-o4d9bqxwqw] {
    list-style: none;
    padding: 0;
    margin: 0 0 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.plan-features li[b-o4d9bqxwqw] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: var(--lf-font-size-sm);
    color: var(--lf-gray-600);
}

.plan-features li i[b-o4d9bqxwqw] {
    color: var(--lf-accent);
    font-size: 0.85rem;
    flex-shrink: 0;
}

.plan-features li.highlight[b-o4d9bqxwqw] {
    color: var(--lf-accent);
    font-weight: 600;
}

.plan-features li.highlight i[b-o4d9bqxwqw] {
    color: var(--lf-warning);
}

/* ROI preview */
.plan-roi[b-o4d9bqxwqw] {
    display: flex;
    align-items: center;
    background: var(--lf-gray-50);
    border-radius: var(--lf-radius-md);
    padding: 0.625rem;
    margin-bottom: 1rem;
}

.plan-roi-item[b-o4d9bqxwqw] {
    flex: 1;
    text-align: center;
    display: flex;
    flex-direction: column;
}

.plan-roi-period[b-o4d9bqxwqw] {
    font-size: 0.6rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--lf-gray-400);
    font-weight: 600;
}

.plan-roi-value[b-o4d9bqxwqw] {
    font-size: var(--lf-font-size-sm);
    font-weight: 800;
    color: var(--lf-success);
}

.plan-roi-separator[b-o4d9bqxwqw] {
    width: 1px;
    height: 28px;
    background: var(--lf-gray-200);
}

/* Footer */
.plan-card-footer[b-o4d9bqxwqw] {
    margin-top: auto;
}

/* ============================================================
   CALCULATOR
   ============================================================ */
.calculator-card[b-o4d9bqxwqw] {
    background: var(--lf-white);
    border: 1px solid var(--lf-gray-200);
    border-radius: var(--lf-radius-xl);
    box-shadow: var(--lf-shadow-card);
    padding: 1.75rem;
}

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

.calculator-icon[b-o4d9bqxwqw] {
    width: 48px;
    height: 48px;
    border-radius: var(--lf-radius-lg);
    background: rgba(20, 184, 166, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--lf-accent);
    font-size: 1.3rem;
    flex-shrink: 0;
}

.calculator-title[b-o4d9bqxwqw] {
    font-size: var(--lf-font-size-lg);
    font-weight: 700;
    color: var(--lf-gray-800);
    margin-bottom: 0.1rem;
}

.calculator-desc[b-o4d9bqxwqw] {
    font-size: var(--lf-font-size-sm);
    color: var(--lf-gray-500);
    margin-bottom: 0;
}

.calculator-input-group[b-o4d9bqxwqw] {
    max-width: 320px;
}

.field-hint[b-o4d9bqxwqw] {
    font-size: var(--lf-font-size-xs);
    color: var(--lf-gray-400);
    margin-top: 0.3rem;
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.calculator-results[b-o4d9bqxwqw] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.75rem;
}

.calc-result-item[b-o4d9bqxwqw] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    background: var(--lf-gray-50);
    border: 1px solid var(--lf-gray-200);
    border-radius: var(--lf-radius-lg);
    padding: 1rem;
    transition: all var(--lf-transition);
}

.calc-result-item.accent[b-o4d9bqxwqw] {
    background: rgba(20, 184, 166, 0.04);
    border-color: rgba(20, 184, 166, 0.15);
}

.calc-result-item.highlight[b-o4d9bqxwqw] {
    background: linear-gradient(135deg, rgba(10, 37, 64, 0.04), rgba(20, 184, 166, 0.06));
    border-color: rgba(20, 184, 166, 0.2);
}

.calc-result-icon[b-o4d9bqxwqw] {
    width: 38px;
    height: 38px;
    border-radius: var(--lf-radius-md);
    background: rgba(20, 184, 166, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--lf-accent);
    font-size: 1rem;
    flex-shrink: 0;
}

.calc-result-label[b-o4d9bqxwqw] {
    display: block;
    font-size: var(--lf-font-size-xs);
    color: var(--lf-gray-400);
    font-weight: 500;
}

.calc-result-value[b-o4d9bqxwqw] {
    display: block;
    font-size: var(--lf-font-size-lg);
    font-weight: 800;
    color: var(--lf-success);
}

.calc-result-item.highlight .calc-result-value[b-o4d9bqxwqw] {
    font-size: var(--lf-font-size-xl);
    color: var(--lf-accent);
}

/* ============================================================
   FAQ
   ============================================================ */
.plans-faq-card[b-o4d9bqxwqw] {
    background: var(--lf-white);
    border: 1px solid var(--lf-gray-200);
    border-radius: var(--lf-radius-xl);
    box-shadow: var(--lf-shadow-card);
    padding: 1.5rem;
}

.plans-faq-title[b-o4d9bqxwqw] {
    font-size: var(--lf-font-size-lg);
    font-weight: 700;
    color: var(--lf-gray-800);
    margin-bottom: 1.25rem;
    display: flex;
    align-items: center;
}

.plans-faq-grid[b-o4d9bqxwqw] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

.faq-item[b-o4d9bqxwqw] {
    display: flex;
    gap: 0.75rem;
    padding: 1rem;
    border-radius: var(--lf-radius-lg);
    border: 1px solid var(--lf-gray-100);
    transition: all var(--lf-transition);
}

.faq-item:hover[b-o4d9bqxwqw] {
    background: var(--lf-gray-50);
    border-color: rgba(20, 184, 166, 0.15);
}

.faq-icon[b-o4d9bqxwqw] {
    width: 36px;
    height: 36px;
    border-radius: var(--lf-radius-md);
    background: rgba(20, 184, 166, 0.08);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--lf-accent);
    font-size: 0.95rem;
    flex-shrink: 0;
}

.faq-question[b-o4d9bqxwqw] {
    font-size: var(--lf-font-size-sm);
    font-weight: 700;
    color: var(--lf-gray-800);
    margin-bottom: 0.25rem;
}

.faq-answer[b-o4d9bqxwqw] {
    font-size: var(--lf-font-size-xs);
    color: var(--lf-gray-500);
    margin-bottom: 0;
    line-height: 1.5;
}

/* ============================================================
   MODAL
   ============================================================ */
.modal-overlay[b-o4d9bqxwqw] {
    position: fixed;
    inset: 0;
    background: rgba(10, 37, 64, 0.6);
    backdrop-filter: blur(6px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1060;
    padding: 1rem;
}

.modal-card[b-o4d9bqxwqw] {
    background: var(--lf-white);
    border-radius: var(--lf-radius-2xl);
    box-shadow: 0 25px 60px rgba(10, 37, 64, 0.3);
    width: 100%;
    max-width: 480px;
    overflow: hidden;
}

.modal-card-header[b-o4d9bqxwqw] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.25rem 1.5rem;
    border-bottom: 1px solid var(--lf-gray-100);
}

.modal-card-header h3[b-o4d9bqxwqw] {
    font-size: var(--lf-font-size-lg);
    font-weight: 700;
    color: var(--lf-primary);
    margin: 0;
}

.modal-close[b-o4d9bqxwqw] {
    background: none;
    border: none;
    color: var(--lf-gray-400);
    font-size: 1.1rem;
    cursor: pointer;
    padding: 0.25rem;
    border-radius: var(--lf-radius-sm);
    transition: all var(--lf-transition);
}

.modal-close:hover[b-o4d9bqxwqw] {
    background: var(--lf-gray-100);
    color: var(--lf-gray-700);
}

.modal-card-body[b-o4d9bqxwqw] {
    padding: 1.5rem;
}

.modal-plan-summary[b-o4d9bqxwqw] {
    text-align: center;
    padding: 1.25rem;
    background: var(--lf-gradient-card);
    border: 1px solid rgba(20, 184, 166, 0.1);
    border-radius: var(--lf-radius-lg);
    margin-bottom: 1.25rem;
}

.modal-plan-badge[b-o4d9bqxwqw] {
    display: inline-block;
    font-size: 0.6rem;
    font-weight: 800;
    padding: 0.2rem 0.6rem;
    border-radius: var(--lf-radius-full);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    margin-bottom: 0.5rem;
}

.modal-plan-badge.starter[b-o4d9bqxwqw] { background: rgba(20, 184, 166, 0.1); color: var(--lf-accent); }
.modal-plan-badge.pro[b-o4d9bqxwqw]     { background: rgba(12, 123, 127, 0.1); color: var(--lf-secondary); }
.modal-plan-badge.elite[b-o4d9bqxwqw]   { background: rgba(10, 37, 64, 0.08);  color: var(--lf-primary); }

.modal-plan-amount[b-o4d9bqxwqw] {
    font-size: 2rem;
    font-weight: 900;
    color: var(--lf-primary);
    line-height: 1.1;
}

.modal-plan-rate[b-o4d9bqxwqw] {
    font-size: var(--lf-font-size-sm);
    color: var(--lf-accent);
    font-weight: 600;
}

.modal-details[b-o4d9bqxwqw] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.modal-balance-box[b-o4d9bqxwqw] {
    padding: 0.85rem 1rem;
    border-radius: 10px;
    border: 1px solid var(--lf-gray-200, #E2E8F0);
    background: var(--lf-gray-50, #F8FAFC);
    font-size: var(--lf-font-size-sm);
}
.modal-balance-box.ok[b-o4d9bqxwqw] {
    border-color: rgba(20, 184, 166, 0.4);
    background: rgba(20, 184, 166, 0.06);
}
.modal-balance-box.insufficient[b-o4d9bqxwqw] {
    border-color: rgba(245, 158, 11, 0.45);
    background: rgba(245, 158, 11, 0.06);
}
.modal-balance-warning[b-o4d9bqxwqw] {
    font-size: var(--lf-font-size-xs);
    color: #b45309;
    line-height: 1.45;
}

.modal-detail-row[b-o4d9bqxwqw] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.4rem 0;
    font-size: var(--lf-font-size-sm);
    border-bottom: 1px solid var(--lf-gray-50);
}

.modal-detail-row span[b-o4d9bqxwqw] {
    color: var(--lf-gray-500);
}

.modal-detail-row strong[b-o4d9bqxwqw] {
    color: var(--lf-gray-800);
}

/* Payment method buttons */
.payment-method-btn[b-o4d9bqxwqw] {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.65rem 1rem;
    border: 1.5px solid var(--lf-gray-200);
    border-radius: var(--lf-radius-md);
    background: var(--lf-white);
    color: var(--lf-gray-600);
    font-weight: 600;
    font-size: var(--lf-font-size-sm);
    cursor: pointer;
    transition: all var(--lf-transition);
}

.payment-method-btn:hover[b-o4d9bqxwqw] {
    border-color: var(--lf-accent);
    color: var(--lf-accent);
}

.payment-method-btn.active[b-o4d9bqxwqw] {
    background: rgba(20, 184, 166, 0.08);
    border-color: var(--lf-accent);
    color: var(--lf-accent);
    box-shadow: 0 0 0 3px rgba(20, 184, 166, 0.1);
}

.payment-method-btn i[b-o4d9bqxwqw] {
    font-size: 1.1rem;
}

.modal-card-footer[b-o4d9bqxwqw] {
    display: flex;
    justify-content: flex-end;
    gap: 0.75rem;
    padding: 1rem 1.5rem;
    border-top: 1px solid var(--lf-gray-100);
    background: var(--lf-gray-50);
}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width: 991.98px) {
    .calculator-results[b-o4d9bqxwqw] {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 767.98px) {
    .plans-faq-grid[b-o4d9bqxwqw] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 575.98px) {
    .page-title[b-o4d9bqxwqw] {
        font-size: 1.25rem;
    }

    .plan-number[b-o4d9bqxwqw] {
        font-size: 2rem;
    }

    .calculator-results[b-o4d9bqxwqw] {
        grid-template-columns: 1fr;
    }

    .modal-card-footer[b-o4d9bqxwqw] {
        flex-direction: column;
    }

    .rate-banner[b-o4d9bqxwqw] {
        padding: 1rem;
    }

    .rate-chip[b-o4d9bqxwqw] {
        min-width: 0;
        flex: 1;
    }
}
/* /Components/Pages/Profile/Profile.razor.rz.scp.css */
/* ============================================================
   PROFILE PAGE STYLES - LIFE FREE
   ============================================================ */

.page-title[b-cy0n4hxn4a] {
    font-size: 1.5rem;
    font-weight: 800;
    color: var(--lf-primary);
    margin-bottom: 0.15rem;
    letter-spacing: -0.01em;
}

.page-subtitle[b-cy0n4hxn4a] {
    font-size: var(--lf-font-size-base);
    color: var(--lf-gray-500);
    margin-bottom: 0;
}

/* ============================================================
   PROFILE HERO CARD
   ============================================================ */
.profile-hero-card[b-cy0n4hxn4a] {
    background: var(--lf-white);
    border: 1px solid var(--lf-gray-200);
    border-radius: var(--lf-radius-xl);
    box-shadow: var(--lf-shadow-card);
    overflow: hidden;
}

.profile-hero-bg[b-cy0n4hxn4a] {
    height: 100px;
    background: linear-gradient(135deg, #0A2540 0%, #0C7B7F 60%, #14B8A6 100%);
    position: relative;
}

.profile-hero-bg[b-cy0n4hxn4a]::after {
    content: '';
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 30% 50%, rgba(45, 212, 191, 0.2) 0%, transparent 50%),
        radial-gradient(circle at 80% 30%, rgba(94, 234, 212, 0.15) 0%, transparent 40%);
}

.profile-hero-content[b-cy0n4hxn4a] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 1.5rem 1.5rem;
    margin-top: -40px;
    position: relative;
    z-index: 1;
}

/* Avatar */
.profile-avatar-wrapper[b-cy0n4hxn4a] {
    position: relative;
    margin-bottom: 0.75rem;
}

.profile-avatar[b-cy0n4hxn4a] {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: var(--lf-gradient-accent);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--lf-white);
    font-weight: 800;
    font-size: 1.5rem;
    border: 4px solid var(--lf-white);
    box-shadow: var(--lf-shadow-lg);
}

.profile-avatar-edit[b-cy0n4hxn4a] {
    position: absolute;
    bottom: 0;
    right: -2px;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: var(--lf-accent);
    color: var(--lf-white);
    border: 2px solid var(--lf-white);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.7rem;
    cursor: pointer;
    transition: all var(--lf-transition);
}

.profile-avatar-edit:hover[b-cy0n4hxn4a] {
    background: var(--lf-accent-hover);
    transform: scale(1.1);
}

.profile-avatar-edit:disabled[b-cy0n4hxn4a] {
    cursor: not-allowed;
    opacity: 0.65;
    transform: none;
}

.profile-avatar-edit:disabled:hover[b-cy0n4hxn4a] {
    background: var(--lf-accent);
    transform: none;
}

.profile-name[b-cy0n4hxn4a] {
    font-size: var(--lf-font-size-xl);
    font-weight: 800;
    color: var(--lf-primary);
    margin-bottom: 0.1rem;
}

.profile-email[b-cy0n4hxn4a] {
    font-size: var(--lf-font-size-sm);
    color: var(--lf-gray-500);
    margin-bottom: 0.75rem;
}

/* Badges */
.profile-badges[b-cy0n4hxn4a] {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 0.75rem;
}

.profile-badge[b-cy0n4hxn4a] {
    font-size: 0.65rem;
    font-weight: 700;
    padding: 0.2rem 0.6rem;
    border-radius: var(--lf-radius-full);
    display: flex;
    align-items: center;
    gap: 0.3rem;
    letter-spacing: 0.02em;
}

.profile-badge.verified[b-cy0n4hxn4a] {
    background: rgba(16, 185, 129, 0.1);
    color: var(--lf-success);
}

.profile-badge.tier[b-cy0n4hxn4a] {
    background: rgba(20, 184, 166, 0.1);
    color: var(--lf-accent);
}

.email-verify-box[b-cy0n4hxn4a] {
    width: 100%;
    max-width: 260px;
    margin-bottom: 0.85rem;
}

.profile-member-since[b-cy0n4hxn4a] {
    font-size: var(--lf-font-size-xs);
    color: var(--lf-gray-400);
    display: flex;
    align-items: center;
    gap: 0.35rem;
}

/* ============================================================
   STATS CARD
   ============================================================ */
.profile-stats-card[b-cy0n4hxn4a],
.profile-referral-card[b-cy0n4hxn4a] {
    background: var(--lf-white);
    border: 1px solid var(--lf-gray-200);
    border-radius: var(--lf-radius-xl);
    box-shadow: var(--lf-shadow-card);
    padding: 1.25rem;
}

.profile-section-title[b-cy0n4hxn4a] {
    font-size: var(--lf-font-size-md);
    font-weight: 700;
    color: var(--lf-gray-800);
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
}

.profile-stats-grid[b-cy0n4hxn4a] {
    display: flex;
    flex-direction: column;
    gap: 0.875rem;
}

.profile-stat-item[b-cy0n4hxn4a] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.5rem 0.625rem;
    border-radius: var(--lf-radius-md);
    transition: background var(--lf-transition);
}

.profile-stat-item:hover[b-cy0n4hxn4a] {
    background: var(--lf-gray-50);
}

.profile-stat-icon[b-cy0n4hxn4a] {
    width: 36px;
    height: 36px;
    border-radius: var(--lf-radius-md);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.95rem;
    flex-shrink: 0;
}

.profile-stat-icon.accent[b-cy0n4hxn4a]  { background: rgba(20, 184, 166, 0.1);  color: var(--lf-accent); }
.profile-stat-icon.primary[b-cy0n4hxn4a] { background: rgba(12, 123, 127, 0.1);  color: var(--lf-secondary); }
.profile-stat-icon.success[b-cy0n4hxn4a] { background: rgba(16, 185, 129, 0.1);  color: var(--lf-success); }
.profile-stat-icon.warning[b-cy0n4hxn4a] { background: rgba(245, 158, 11, 0.1);  color: var(--lf-warning); }

.profile-stat-value[b-cy0n4hxn4a] {
    display: block;
    font-weight: 700;
    color: var(--lf-gray-800);
    font-size: var(--lf-font-size-base);
    line-height: 1.2;
}

.profile-stat-label[b-cy0n4hxn4a] {
    display: block;
    font-size: var(--lf-font-size-xs);
    color: var(--lf-gray-400);
}

/* ============================================================
   REFERRAL CARD
   ============================================================ */
.referral-link-display[b-cy0n4hxn4a] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    background: var(--lf-gray-50);
    border: 1px solid var(--lf-gray-200);
    border-radius: var(--lf-radius-md);
    padding: 0.5rem 0.5rem 0.5rem 0.875rem;
    margin-bottom: 1rem;
}

.referral-link-url[b-cy0n4hxn4a] {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: var(--lf-font-size-sm);
    color: var(--lf-gray-600);
    font-family: 'Courier New', monospace;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.referral-link-url i[b-cy0n4hxn4a] {
    color: var(--lf-accent);
    flex-shrink: 0;
}

.referral-share-row[b-cy0n4hxn4a] {
    display: flex;
    gap: 0.5rem;
}

.referral-share-btn[b-cy0n4hxn4a] {
    width: 38px;
    height: 38px;
    border-radius: var(--lf-radius-md);
    border: 1px solid var(--lf-gray-200);
    background: var(--lf-white);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    cursor: pointer;
    transition: all var(--lf-transition);
}

.referral-share-btn:hover[b-cy0n4hxn4a] { transform: translateY(-2px); box-shadow: var(--lf-shadow-md); }
.referral-share-btn.whatsapp:hover[b-cy0n4hxn4a] { background: #25D366; color: white; border-color: #25D366; }
.referral-share-btn.telegram:hover[b-cy0n4hxn4a] { background: #0088cc; color: white; border-color: #0088cc; }
.referral-share-btn.twitter:hover[b-cy0n4hxn4a]  { background: #1DA1F2; color: white; border-color: #1DA1F2; }
.referral-share-btn.email:hover[b-cy0n4hxn4a]    { background: var(--lf-accent); color: white; border-color: var(--lf-accent); }

.referral-share-btn.whatsapp[b-cy0n4hxn4a] { color: #25D366; }
.referral-share-btn.telegram[b-cy0n4hxn4a] { color: #0088cc; }
.referral-share-btn.twitter[b-cy0n4hxn4a]  { color: #1DA1F2; }
.referral-share-btn.email[b-cy0n4hxn4a]    { color: var(--lf-gray-500); }

/* ============================================================
   FORM CARDS
   ============================================================ */
.profile-form-card[b-cy0n4hxn4a] {
    background: var(--lf-white);
    border: 1px solid var(--lf-gray-200);
    border-radius: var(--lf-radius-xl);
    box-shadow: var(--lf-shadow-card);
    padding: 1.5rem;
}

.profile-form-header[b-cy0n4hxn4a] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.25rem;
}

.field-hint[b-cy0n4hxn4a] {
    font-size: var(--lf-font-size-xs);
    color: var(--lf-gray-400);
    margin-top: 0.25rem;
    display: flex;
    align-items: center;
    gap: 0.25rem;
}

.alert-lf-success[b-cy0n4hxn4a] {
    background: rgba(16, 185, 129, 0.08);
    border: 1px solid rgba(16, 185, 129, 0.2);
    color: var(--lf-success);
    padding: 0.6rem 1rem;
    border-radius: var(--lf-radius-md);
    font-size: var(--lf-font-size-sm);
    font-weight: 500;
    display: flex;
    align-items: center;
}

.wallet-warning[b-cy0n4hxn4a] {
    background: rgba(245, 158, 11, 0.08);
    border: 1px solid rgba(245, 158, 11, 0.2);
    color: var(--lf-warning);
    padding: 0.6rem 1rem;
    border-radius: var(--lf-radius-md);
    font-size: var(--lf-font-size-sm);
    font-weight: 500;
}

/* ============================================================
   NOTIFICATION PREFS
   ============================================================ */
.notification-prefs[b-cy0n4hxn4a] {
    display: flex;
    flex-direction: column;
}

.notification-pref-item[b-cy0n4hxn4a] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.875rem 0;
    border-bottom: 1px solid var(--lf-gray-100);
}

.notification-pref-item:last-child[b-cy0n4hxn4a] {
    border-bottom: none;
}

.pref-title[b-cy0n4hxn4a] {
    display: block;
    font-weight: 600;
    color: var(--lf-gray-700);
    font-size: var(--lf-font-size-sm);
    line-height: 1.3;
}

.pref-desc[b-cy0n4hxn4a] {
    display: block;
    font-size: var(--lf-font-size-xs);
    color: var(--lf-gray-400);
    line-height: 1.4;
}

.pref-switch[b-cy0n4hxn4a] {
    width: 2.5rem !important;
    height: 1.3rem !important;
    cursor: pointer;
}

.pref-switch:checked[b-cy0n4hxn4a] {
    background-color: var(--lf-accent) !important;
    border-color: var(--lf-accent) !important;
}

.pref-switch:focus[b-cy0n4hxn4a] {
    box-shadow: 0 0 0 3px rgba(20, 184, 166, 0.15) !important;
}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width: 575.98px) {
    .page-title[b-cy0n4hxn4a] {
        font-size: 1.25rem;
    }

    .profile-hero-bg[b-cy0n4hxn4a] {
        height: 80px;
    }

    .profile-avatar[b-cy0n4hxn4a] {
        width: 70px;
        height: 70px;
        font-size: 1.25rem;
    }

    .profile-form-card[b-cy0n4hxn4a] {
        padding: 1rem;
    }

    .referral-link-display[b-cy0n4hxn4a] {
        flex-direction: column;
        align-items: stretch;
    }
}
/* /Components/Pages/Referrals/Referrals.razor.rz.scp.css */
/* ============================================================
   REFERRALS PAGE STYLES - LIFE FREE
   ============================================================ */

.page-title[b-o9sbxjwi08] { font-size: 1.5rem; font-weight: 800; color: var(--lf-primary); margin-bottom: 0.15rem; }
.page-subtitle[b-o9sbxjwi08] { font-size: var(--lf-font-size-base); color: var(--lf-gray-500); margin-bottom: 0; }
.section-title[b-o9sbxjwi08] { font-size: var(--lf-font-size-md); font-weight: 700; color: var(--lf-gray-800); display: flex; align-items: center; }

.balance-pill[b-o9sbxjwi08] {
    background: rgba(20, 184, 166, 0.08);
    border: 1px solid rgba(20, 184, 166, 0.15);
    border-radius: var(--lf-radius-full);
    padding: 0.4rem 1rem;
    font-size: var(--lf-font-size-sm);
    color: var(--lf-gray-600);
    display: flex; align-items: center; gap: 0.4rem;
}
.balance-pill strong[b-o9sbxjwi08] { color: var(--lf-accent); }
.balance-pill i[b-o9sbxjwi08] { color: var(--lf-accent); }

/* ============================================================
   LEVELS BANNER
   ============================================================ */
.levels-banner[b-o9sbxjwi08] {
    background: linear-gradient(135deg, #0A2540 0%, #0C7B7F 60%, #14B8A6 100%);
    border-radius: var(--lf-radius-xl);
    padding: 0.25rem;
    box-shadow: var(--lf-shadow-card);
}

.level-banner-item[b-o9sbxjwi08] {
    display: flex; align-items: center; gap: 0.75rem;
    padding: 1rem 1.5rem; color: var(--lf-white);
}

.level-banner-icon[b-o9sbxjwi08] {
    width: 40px; height: 40px; border-radius: var(--lf-radius-lg);
    display: flex; align-items: center; justify-content: center;
    font-size: 1.1rem; flex-shrink: 0;
}
.level-1-bg[b-o9sbxjwi08] { background: rgba(20, 184, 166, 0.2); color: var(--lf-accent-light); }
.level-2-bg[b-o9sbxjwi08] { background: rgba(59, 130, 246, 0.2); color: #93C5FD; }
.level-3-bg[b-o9sbxjwi08] { background: rgba(139, 92, 246, 0.2); color: #C4B5FD; }

.level-banner-label[b-o9sbxjwi08] { display: block; font-size: var(--lf-font-size-xs); color: rgba(255,255,255,0.6); font-weight: 600; }
.level-banner-rate[b-o9sbxjwi08] { display: block; font-size: var(--lf-font-size-md); font-weight: 800; color: var(--lf-white); }

/* ============================================================
   KPI CARDS
   ============================================================ */
.ref-kpi-card[b-o9sbxjwi08] {
    background: var(--lf-white); border: 1px solid var(--lf-gray-200);
    border-radius: var(--lf-radius-xl); box-shadow: var(--lf-shadow-card);
    padding: 1rem; text-align: center;
    display: flex; flex-direction: column; align-items: center; gap: 0.5rem;
}

.ref-kpi-icon[b-o9sbxjwi08] {
    width: 40px; height: 40px; border-radius: var(--lf-radius-lg);
    display: flex; align-items: center; justify-content: center;
    font-size: 1.1rem;
}

.ref-kpi-value[b-o9sbxjwi08] { font-size: 1.25rem; font-weight: 900; color: var(--lf-gray-800); }
.ref-kpi-label[b-o9sbxjwi08] { font-size: var(--lf-font-size-xs); color: var(--lf-gray-500); font-weight: 500; }

/* ============================================================
   REFERRAL LINK CARD
   ============================================================ */
.ref-link-card[b-o9sbxjwi08] {
    background: var(--lf-white); border: 1px solid var(--lf-gray-200);
    border-radius: var(--lf-radius-xl); box-shadow: var(--lf-shadow-card);
    padding: 1.5rem;
}

.ref-link-icon[b-o9sbxjwi08] {
    width: 44px; height: 44px; border-radius: var(--lf-radius-lg);
    background: rgba(20, 184, 166, 0.1); color: var(--lf-accent);
    display: flex; align-items: center; justify-content: center;
    font-size: 1.3rem; flex-shrink: 0;
}

.ref-link-title[b-o9sbxjwi08] { display: block; font-size: var(--lf-font-size-sm); color: var(--lf-gray-800); }
.ref-link-desc[b-o9sbxjwi08] { display: block; font-size: var(--lf-font-size-xs); color: var(--lf-gray-400); }

.ref-link-display[b-o9sbxjwi08] {
    display: flex; align-items: center; gap: 0.5rem;
    background: var(--lf-gray-50); border: 1px solid var(--lf-gray-200);
    border-radius: var(--lf-radius-md);
    padding: 0.5rem 0.5rem 0.5rem 1rem;
}

.ref-link-url[b-o9sbxjwi08] {
    flex: 1; font-size: var(--lf-font-size-sm); color: var(--lf-gray-700);
    font-weight: 600; word-break: break-all;
}

.ref-copy-btn[b-o9sbxjwi08] {
    display: flex; align-items: center; gap: 0.3rem;
    padding: 0.45rem 0.875rem; border-radius: var(--lf-radius-md);
    border: none; background: var(--lf-accent); color: var(--lf-white);
    font-size: var(--lf-font-size-xs); font-weight: 700;
    cursor: pointer; white-space: nowrap; transition: all var(--lf-transition);
    flex-shrink: 0;
}
.ref-copy-btn:hover[b-o9sbxjwi08] { background: var(--lf-accent-hover); }

.ref-share-row[b-o9sbxjwi08] { display: flex; align-items: center; gap: 0.75rem; }
.ref-share-label[b-o9sbxjwi08] { font-size: var(--lf-font-size-xs); color: var(--lf-gray-400); font-weight: 600; }
.ref-share-buttons[b-o9sbxjwi08] { display: flex; gap: 0.4rem; }

.ref-share-btn[b-o9sbxjwi08] {
    width: 36px; height: 36px; border-radius: var(--lf-radius-md);
    border: none; display: flex; align-items: center; justify-content: center;
    font-size: 1rem; cursor: pointer; transition: all var(--lf-transition);
}
.ref-share-btn.whatsapp[b-o9sbxjwi08] { background: rgba(37,211,102,0.1); color: #25D366; }
.ref-share-btn.whatsapp:hover[b-o9sbxjwi08] { background: #25D366; color: #fff; }
.ref-share-btn.telegram[b-o9sbxjwi08] { background: rgba(0,136,204,0.1); color: #0088CC; }
.ref-share-btn.telegram:hover[b-o9sbxjwi08] { background: #0088CC; color: #fff; }
.ref-share-btn.twitter[b-o9sbxjwi08] { background: rgba(0,0,0,0.06); color: #000; }
.ref-share-btn.twitter:hover[b-o9sbxjwi08] { background: #000; color: #fff; }
.ref-share-btn.email[b-o9sbxjwi08] { background: rgba(20,184,166,0.1); color: var(--lf-accent); }
.ref-share-btn.email:hover[b-o9sbxjwi08] { background: var(--lf-accent); color: #fff; }

/* ============================================================
   NETWORK CARD
   ============================================================ */
.ref-network-card[b-o9sbxjwi08] {
    background: var(--lf-white); border: 1px solid var(--lf-gray-200);
    border-radius: var(--lf-radius-xl); box-shadow: var(--lf-shadow-card);
    padding: 1.5rem;
}

.ref-level-tabs[b-o9sbxjwi08] { display: flex; gap: 0.35rem; }

.ref-level-tab[b-o9sbxjwi08] {
    display: flex; align-items: center; gap: 0.3rem;
    padding: 0.4rem 0.85rem; border-radius: var(--lf-radius-full);
    border: 1px solid var(--lf-gray-200); background: var(--lf-white);
    color: var(--lf-gray-600); font-size: var(--lf-font-size-xs); font-weight: 600;
    cursor: pointer; transition: all var(--lf-transition); white-space: nowrap;
}
.ref-level-tab:hover[b-o9sbxjwi08] { border-color: var(--lf-accent); color: var(--lf-accent); }
.ref-level-tab.active.level-1[b-o9sbxjwi08] { background: var(--lf-accent); border-color: var(--lf-accent); color: #fff; }
.ref-level-tab.active.level-2[b-o9sbxjwi08] { background: #3B82F6; border-color: #3B82F6; color: #fff; }
.ref-level-tab.active.level-3[b-o9sbxjwi08] { background: #8B5CF6; border-color: #8B5CF6; color: #fff; }

.ref-level-count[b-o9sbxjwi08] {
    font-size: 0.65rem; font-weight: 700; padding: 0.1rem 0.4rem;
    border-radius: var(--lf-radius-full); background: rgba(0,0,0,0.06);
}
.ref-level-tab.active .ref-level-count[b-o9sbxjwi08] { background: rgba(255,255,255,0.25); }

/* Level info bar */
.level-info-bar[b-o9sbxjwi08] {
    font-size: var(--lf-font-size-xs); padding: 0.5rem 0.75rem;
    border-radius: var(--lf-radius-md); display: flex; align-items: center;
}
.level-1-bar[b-o9sbxjwi08] { background: rgba(20,184,166,0.06); color: var(--lf-accent); border: 1px solid rgba(20,184,166,0.15); }
.level-2-bar[b-o9sbxjwi08] { background: rgba(59,130,246,0.06); color: #3B82F6; border: 1px solid rgba(59,130,246,0.15); }
.level-3-bar[b-o9sbxjwi08] { background: rgba(139,92,246,0.06); color: #8B5CF6; border: 1px solid rgba(139,92,246,0.15); }

/* Referral list */
.ref-list[b-o9sbxjwi08] { display: flex; flex-direction: column; gap: 0.4rem; }

.ref-list-item[b-o9sbxjwi08] {
    display: flex; align-items: center; gap: 0.75rem;
    padding: 0.75rem; border: 1px solid var(--lf-gray-100);
    border-radius: var(--lf-radius-md); transition: all var(--lf-transition);
}
.ref-list-item:hover[b-o9sbxjwi08] { border-color: rgba(20,184,166,0.15); background: var(--lf-gray-50); }

.ref-avatar[b-o9sbxjwi08] {
    width: 38px; height: 38px; border-radius: var(--lf-radius-md);
    display: flex; align-items: center; justify-content: center;
    font-size: var(--lf-font-size-xs); font-weight: 800; flex-shrink: 0;
    color: var(--lf-gray-700);
}

.ref-list-info[b-o9sbxjwi08] { flex: 1; display: flex; flex-direction: column; min-width: 0; }
.ref-list-info strong[b-o9sbxjwi08] { font-size: var(--lf-font-size-sm); color: var(--lf-gray-800); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ref-list-info span[b-o9sbxjwi08] { font-size: var(--lf-font-size-xs); color: var(--lf-gray-400); }

.ref-list-stats[b-o9sbxjwi08] { display: flex; flex-direction: column; align-items: flex-end; gap: 0.2rem; flex-shrink: 0; }
.ref-list-commission[b-o9sbxjwi08] { font-size: var(--lf-font-size-sm); font-weight: 700; color: var(--lf-success); }

/* ============================================================
   BREAKDOWN CARD
   ============================================================ */
.ref-breakdown-card[b-o9sbxjwi08], .ref-recent-card[b-o9sbxjwi08], .ref-howto-card[b-o9sbxjwi08] {
    background: var(--lf-white); border: 1px solid var(--lf-gray-200);
    border-radius: var(--lf-radius-xl); box-shadow: var(--lf-shadow-card);
    padding: 1.5rem;
}

.ref-level-breakdown[b-o9sbxjwi08] { display: flex; flex-direction: column; gap: 1rem; }

.ref-level-dot[b-o9sbxjwi08] {
    width: 10px; height: 10px; border-radius: 50%; flex-shrink: 0;
}
.level-1-dot[b-o9sbxjwi08] { background: var(--lf-accent); }
.level-2-dot[b-o9sbxjwi08] { background: #3B82F6; }
.level-3-dot[b-o9sbxjwi08] { background: #8B5CF6; }

.ref-level-name[b-o9sbxjwi08] { font-size: var(--lf-font-size-sm); font-weight: 600; color: var(--lf-gray-700); }
.ref-level-amount[b-o9sbxjwi08] { font-size: var(--lf-font-size-sm); font-weight: 800; color: var(--lf-gray-800); }

.ref-progress-bar[b-o9sbxjwi08] {
    width: 100%; height: 6px; border-radius: 3px;
    background: var(--lf-gray-100); overflow: hidden;
}
.ref-progress-fill[b-o9sbxjwi08] { height: 100%; border-radius: 3px; transition: width 0.5s ease; }
.level-1-fill[b-o9sbxjwi08] { background: var(--lf-accent); }
.level-2-fill[b-o9sbxjwi08] { background: #3B82F6; }
.level-3-fill[b-o9sbxjwi08] { background: #8B5CF6; }

.ref-level-detail[b-o9sbxjwi08] { font-size: var(--lf-font-size-xs); color: var(--lf-gray-400); }

.ref-total-box[b-o9sbxjwi08] {
    display: flex; justify-content: space-between; align-items: center;
    background: rgba(20,184,166,0.05); border: 1px solid rgba(20,184,166,0.15);
    border-radius: var(--lf-radius-md); padding: 0.75rem 1rem;
}
.ref-total-box span[b-o9sbxjwi08] { font-size: var(--lf-font-size-sm); color: var(--lf-gray-600); font-weight: 600; }
.ref-total-box strong[b-o9sbxjwi08] { font-size: var(--lf-font-size-md); font-weight: 900; color: var(--lf-accent); }

/* ============================================================
   RECENT COMMISSIONS
   ============================================================ */
.ref-commission-list[b-o9sbxjwi08] { display: flex; flex-direction: column; gap: 0.5rem; }

.ref-commission-item[b-o9sbxjwi08] {
    display: flex; align-items: center; gap: 0.75rem;
    padding: 0.625rem; border: 1px solid var(--lf-gray-100);
    border-radius: var(--lf-radius-md); transition: all var(--lf-transition);
}
.ref-commission-item:hover[b-o9sbxjwi08] { border-color: rgba(20,184,166,0.15); background: var(--lf-gray-50); }

.ref-commission-icon[b-o9sbxjwi08] {
    width: 34px; height: 34px; border-radius: var(--lf-radius-md);
    display: flex; align-items: center; justify-content: center;
    font-size: 0.85rem; flex-shrink: 0;
}

.ref-commission-info[b-o9sbxjwi08] { flex: 1; display: flex; flex-direction: column; }
.ref-commission-info strong[b-o9sbxjwi08] { font-size: var(--lf-font-size-xs); color: var(--lf-gray-700); }
.ref-commission-info span[b-o9sbxjwi08] { font-size: 0.68rem; color: var(--lf-gray-400); }

.ref-commission-amount[b-o9sbxjwi08] { font-size: var(--lf-font-size-sm); font-weight: 800; color: var(--lf-success); flex-shrink: 0; }

/* ============================================================
   HOW IT WORKS
   ============================================================ */
.ref-steps[b-o9sbxjwi08] { display: flex; flex-direction: column; gap: 0.875rem; }

.ref-step[b-o9sbxjwi08] {
    display: flex; align-items: flex-start; gap: 0.75rem;
}

.ref-step-num[b-o9sbxjwi08] {
    width: 28px; height: 28px; border-radius: 50%;
    background: rgba(20,184,166,0.1); color: var(--lf-accent);
    display: flex; align-items: center; justify-content: center;
    font-size: var(--lf-font-size-sm); font-weight: 800; flex-shrink: 0;
}

.ref-step strong[b-o9sbxjwi08] { display: block; font-size: var(--lf-font-size-sm); color: var(--lf-gray-700); }
.ref-step span[b-o9sbxjwi08] { display: block; font-size: var(--lf-font-size-xs); color: var(--lf-gray-400); line-height: 1.4; }

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width: 575.98px) {
    .page-title[b-o9sbxjwi08] { font-size: 1.25rem; }
    .level-banner-item[b-o9sbxjwi08] { padding: 0.75rem 1rem; }
    .level-banner-rate[b-o9sbxjwi08] { font-size: var(--lf-font-size-sm); }
    .ref-kpi-card[b-o9sbxjwi08] { padding: 0.75rem; }
    .ref-kpi-value[b-o9sbxjwi08] { font-size: 1rem; }
    .ref-link-card[b-o9sbxjwi08], .ref-network-card[b-o9sbxjwi08], .ref-breakdown-card[b-o9sbxjwi08],
    .ref-recent-card[b-o9sbxjwi08], .ref-howto-card[b-o9sbxjwi08] { padding: 1rem; }
    .ref-level-tabs[b-o9sbxjwi08] { gap: 0.25rem; }
    .ref-list-item[b-o9sbxjwi08] { padding: 0.5rem; }
}
/* /Components/Pages/Security/Security.razor.rz.scp.css */
/* ============================================================
   SECURITY PAGE STYLES - LIFE FREE
   ============================================================ */

.page-title[b-48znar4vcg] { font-size: 1.5rem; font-weight: 800; color: var(--lf-primary); margin-bottom: 0.15rem; }
.page-subtitle[b-48znar4vcg] { font-size: var(--lf-font-size-base); color: var(--lf-gray-500); margin-bottom: 0; }
.section-title[b-48znar4vcg] { font-size: var(--lf-font-size-md); font-weight: 700; color: var(--lf-gray-800); display: flex; align-items: center; }

.security-score-pill[b-48znar4vcg] {
    background: rgba(245, 158, 11, 0.08); border: 1px solid rgba(245, 158, 11, 0.15);
    border-radius: var(--lf-radius-full); padding: 0.4rem 1rem;
    font-size: var(--lf-font-size-sm); color: var(--lf-warning);
    display: flex; align-items: center; gap: 0.4rem;
}
.security-score-pill strong[b-48znar4vcg] { color: var(--lf-warning); }

/* ============================================================
   SECURITY SCORE CARD
   ============================================================ */
.score-card[b-48znar4vcg] {
    background: linear-gradient(135deg, #0A2540 0%, #0C7B7F 100%);
    border-radius: var(--lf-radius-xl); padding: 1.5rem; color: var(--lf-white);
    box-shadow: var(--lf-shadow-card);
}

.score-header[b-48znar4vcg] { display: flex; align-items: center; gap: 0.875rem; margin-bottom: 1.25rem; }

.score-icon[b-48znar4vcg] {
    width: 48px; height: 48px; border-radius: var(--lf-radius-lg);
    background: rgba(255,255,255,0.12); display: flex; align-items: center;
    justify-content: center; font-size: 1.4rem; color: var(--lf-accent-light);
}

.score-title[b-48znar4vcg] { font-size: var(--lf-font-size-md); font-weight: 800; margin-bottom: 0.15rem; }
.score-desc[b-48znar4vcg] { font-size: var(--lf-font-size-xs); color: rgba(255,255,255,0.6); margin: 0; }

.score-bar-container[b-48znar4vcg] { margin-bottom: 1.25rem; }
.score-bar[b-48znar4vcg] {
    width: 100%; height: 8px; border-radius: 4px;
    background: rgba(255,255,255,0.15); overflow: hidden; margin-bottom: 0.5rem;
}
.score-bar-fill[b-48znar4vcg] {
    height: 100%; border-radius: 4px;
    background: linear-gradient(90deg, var(--lf-accent-light), #F59E0B);
    transition: width 0.6s ease;
}

.score-bar-labels[b-48znar4vcg] {
    display: flex; justify-content: space-between;
    font-size: var(--lf-font-size-xs); color: rgba(255,255,255,0.4);
}
.score-bar-labels .active[b-48znar4vcg] { color: var(--lf-accent-light); font-weight: 700; }

.score-checklist[b-48znar4vcg] { display: flex; flex-wrap: wrap; gap: 0.5rem 1.25rem; }
.score-check[b-48znar4vcg] {
    font-size: var(--lf-font-size-xs); display: flex; align-items: center; gap: 0.35rem;
}
.score-check.done[b-48znar4vcg] { color: var(--lf-accent-light); }
.score-check.pending[b-48znar4vcg] { color: rgba(255,255,255,0.4); }

/* ============================================================
   SECURITY SECTION CARDS
   ============================================================ */
.security-section-card[b-48znar4vcg] {
    background: var(--lf-white); border: 1px solid var(--lf-gray-200);
    border-radius: var(--lf-radius-xl); box-shadow: var(--lf-shadow-card);
    padding: 1.5rem;
}

.security-section-header[b-48znar4vcg] {
    display: flex; align-items: center; gap: 0.875rem; margin-bottom: 1.25rem;
}

.security-section-icon[b-48znar4vcg] {
    width: 44px; height: 44px; border-radius: var(--lf-radius-lg);
    display: flex; align-items: center; justify-content: center;
    font-size: 1.2rem; flex-shrink: 0;
}
.tfa-icon[b-48znar4vcg] { background: rgba(139, 92, 246, 0.1); color: #8B5CF6; }
.password-icon[b-48znar4vcg] { background: rgba(20, 184, 166, 0.1); color: var(--lf-accent); }
.pin-icon[b-48znar4vcg] { background: rgba(245, 158, 11, 0.1); color: var(--lf-warning); }

.security-section-title[b-48znar4vcg] { font-size: var(--lf-font-size-sm); font-weight: 700; color: var(--lf-gray-800); margin: 0; }
.security-section-desc[b-48znar4vcg] { font-size: var(--lf-font-size-xs); color: var(--lf-gray-400); margin: 0.15rem 0 0; }

/* Security setup */
.tfa-benefits[b-48znar4vcg] { display: flex; flex-direction: column; gap: 0.5rem; margin-bottom: 1.25rem; }
.tfa-benefit[b-48znar4vcg] {
    display: flex; align-items: center; gap: 0.5rem;
    font-size: var(--lf-font-size-sm); color: var(--lf-gray-600);
}
.tfa-benefit i[b-48znar4vcg] { color: var(--lf-accent); font-size: 1rem; }

.tfa-steps[b-48znar4vcg] { display: flex; flex-direction: column; gap: 1.25rem; }

.tfa-step[b-48znar4vcg] { display: flex; align-items: flex-start; gap: 0.75rem; }
.tfa-step-num[b-48znar4vcg] {
    width: 28px; height: 28px; border-radius: 50%;
    background: rgba(20,184,166,0.1); color: var(--lf-accent);
    display: flex; align-items: center; justify-content: center;
    font-size: var(--lf-font-size-sm); font-weight: 800; flex-shrink: 0;
}
.tfa-step strong[b-48znar4vcg] { display: block; font-size: var(--lf-font-size-sm); color: var(--lf-gray-800); }
.tfa-step span[b-48znar4vcg] { display: block; font-size: var(--lf-font-size-xs); color: var(--lf-gray-500); }

.tfa-app-badges[b-48znar4vcg] { display: flex; gap: 0.5rem; }
.tfa-app-badge[b-48znar4vcg] {
    display: inline-flex; align-items: center;
    padding: 0.3rem 0.65rem; border-radius: var(--lf-radius-md);
    background: var(--lf-gray-50); border: 1px solid var(--lf-gray-200);
    font-size: var(--lf-font-size-xs); color: var(--lf-gray-600); font-weight: 600;
}

.tfa-qr-area[b-48znar4vcg] { display: flex; align-items: flex-start; gap: 1rem; flex-wrap: wrap; }

.tfa-qr-placeholder[b-48znar4vcg] {
    width: 120px; height: 120px;
    background: var(--lf-white); border: 2px dashed var(--lf-gray-300);
    border-radius: var(--lf-radius-lg); display: flex; flex-direction: column;
    align-items: center; justify-content: center; gap: 0.3rem;
    color: var(--lf-gray-400); flex-shrink: 0;
}
.tfa-qr-placeholder i[b-48znar4vcg] { font-size: 2.5rem; }
.tfa-qr-placeholder span[b-48znar4vcg] { font-size: var(--lf-font-size-xs); font-weight: 600; }

.tfa-manual-key[b-48znar4vcg] { flex: 1; }
.tfa-manual-label[b-48znar4vcg] { display: block; font-size: var(--lf-font-size-xs); color: var(--lf-gray-500); margin-bottom: 0.4rem; }

.tfa-key-display[b-48znar4vcg] {
    display: flex; align-items: center; gap: 0.5rem;
    background: var(--lf-gray-50); border: 1px solid var(--lf-gray-200);
    border-radius: var(--lf-radius-md); padding: 0.5rem 0.75rem;
}
.tfa-key-display code[b-48znar4vcg] {
    flex: 1; font-size: var(--lf-font-size-sm); color: var(--lf-gray-700);
    font-weight: 700; letter-spacing: 0.1em;
}
.tfa-copy-btn[b-48znar4vcg] {
    border: none; background: none; color: var(--lf-accent);
    cursor: pointer; font-size: 1rem; padding: 0;
}

/* Code boxes (PIN) */
.code-input[b-48znar4vcg] {
    text-align: center;
    font-size: 1.4rem;
    font-weight: 700;
    letter-spacing: 0.4em;
    font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', monospace;
    max-width: 220px;
}
.tfa-active[b-48znar4vcg] { padding: 0.5rem 0; }
.code-boxes[b-48znar4vcg] { display: flex; gap: 0.5rem; }
.code-box[b-48znar4vcg] {
    width: 44px; height: 52px; text-align: center;
    border: 1.5px solid var(--lf-gray-200); border-radius: var(--lf-radius-md);
    font-size: 1.25rem; font-weight: 800; color: var(--lf-gray-800);
    background: var(--lf-white); outline: none; transition: all var(--lf-transition);
}
.code-box:focus[b-48znar4vcg] { border-color: var(--lf-accent); box-shadow: 0 0 0 3px rgba(20,184,166,0.1); }
.pin-boxes[b-48znar4vcg] { justify-content: flex-start; }

/* ============================================================
   RIGHT COLUMN CARDS
   ============================================================ */
.sessions-card[b-48znar4vcg], .activity-card[b-48znar4vcg], .tips-card[b-48znar4vcg] {
    background: var(--lf-white); border: 1px solid var(--lf-gray-200);
    border-radius: var(--lf-radius-xl); box-shadow: var(--lf-shadow-card);
    padding: 1.5rem;
}

/* Sessions */
.session-list[b-48znar4vcg] { display: flex; flex-direction: column; gap: 0.5rem; }

.session-item[b-48znar4vcg] {
    display: flex; align-items: center; gap: 0.75rem;
    padding: 0.75rem; border: 1px solid var(--lf-gray-100);
    border-radius: var(--lf-radius-md); transition: all var(--lf-transition);
}
.session-item:hover[b-48znar4vcg] { border-color: rgba(20,184,166,0.15); background: var(--lf-gray-50); }

.session-icon[b-48znar4vcg] {
    width: 36px; height: 36px; border-radius: var(--lf-radius-md);
    background: rgba(20,184,166,0.08); color: var(--lf-accent);
    display: flex; align-items: center; justify-content: center;
    font-size: 0.95rem; flex-shrink: 0;
}

.session-info[b-48znar4vcg] { flex: 1; display: flex; flex-direction: column; }
.session-info strong[b-48znar4vcg] { font-size: var(--lf-font-size-sm); color: var(--lf-gray-800); }
.session-info span[b-48znar4vcg] { font-size: var(--lf-font-size-xs); color: var(--lf-gray-400); }

.session-close-btn[b-48znar4vcg] {
    width: 28px; height: 28px; border-radius: var(--lf-radius-md);
    border: 1px solid var(--lf-gray-200); background: var(--lf-white);
    color: var(--lf-gray-400); font-size: 0.7rem;
    display: flex; align-items: center; justify-content: center;
    cursor: pointer; transition: all var(--lf-transition);
}
.session-close-btn:hover[b-48znar4vcg] { border-color: var(--lf-danger); color: var(--lf-danger); background: rgba(239,68,68,0.05); }

.btn-close-all[b-48znar4vcg] {
    width: 100%; padding: 0.5rem; border-radius: var(--lf-radius-md);
    border: 1px solid rgba(239,68,68,0.2); background: rgba(239,68,68,0.04);
    color: var(--lf-danger); font-size: var(--lf-font-size-xs); font-weight: 600;
    cursor: pointer; transition: all var(--lf-transition);
    display: flex; align-items: center; justify-content: center;
}
.btn-close-all:hover[b-48znar4vcg] { background: rgba(239,68,68,0.1); }

/* Activity log */
.activity-list[b-48znar4vcg] { display: flex; flex-direction: column; gap: 0; }

.activity-item[b-48znar4vcg] {
    display: flex; align-items: flex-start; gap: 0.75rem;
    padding: 0.65rem 0; border-bottom: 1px solid var(--lf-gray-50);
}
.activity-item:last-child[b-48znar4vcg] { border-bottom: none; }

.activity-dot[b-48znar4vcg] {
    width: 8px; height: 8px; border-radius: 50%; flex-shrink: 0; margin-top: 0.35rem;
}
.activity-dot.success[b-48znar4vcg] { background: var(--lf-success); }
.activity-dot.warning[b-48znar4vcg] { background: var(--lf-warning); }
.activity-dot.danger[b-48znar4vcg] { background: var(--lf-danger); }

.activity-info[b-48znar4vcg] { flex: 1; }
.activity-info strong[b-48znar4vcg] { display: block; font-size: var(--lf-font-size-sm); color: var(--lf-gray-700); }
.activity-info span[b-48znar4vcg] { display: block; font-size: var(--lf-font-size-xs); color: var(--lf-gray-400); }

/* Tips */
.tip-list[b-48znar4vcg] { display: flex; flex-direction: column; gap: 0.5rem; }
.tip-item[b-48znar4vcg] {
    display: flex; align-items: flex-start; gap: 0.5rem;
    font-size: var(--lf-font-size-xs); color: var(--lf-gray-600); line-height: 1.5;
}
.tip-item i[b-48znar4vcg] { margin-top: 0.1rem; flex-shrink: 0; }

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width: 575.98px) {
    .page-title[b-48znar4vcg] { font-size: 1.25rem; }
    .score-card[b-48znar4vcg] { padding: 1rem; }
    .security-section-card[b-48znar4vcg] { padding: 1rem; }
    .security-section-header[b-48znar4vcg] { flex-wrap: wrap; }
    .code-box[b-48znar4vcg] { width: 38px; height: 46px; font-size: 1.1rem; }
    .tfa-qr-area[b-48znar4vcg] { flex-direction: column; }
    .sessions-card[b-48znar4vcg], .activity-card[b-48znar4vcg], .tips-card[b-48znar4vcg] { padding: 1rem; }
}
/* /Components/Pages/Support/Support.razor.rz.scp.css */
/* ============================================================
   SUPPORT PAGE STYLES - LIFE FREE
   ============================================================ */

.page-title[b-5zsky9twqw] { font-size: 1.5rem; font-weight: 800; color: var(--lf-primary); margin-bottom: 0.15rem; }
.page-subtitle[b-5zsky9twqw] { font-size: var(--lf-font-size-base); color: var(--lf-gray-500); margin-bottom: 0; }
.section-title[b-5zsky9twqw] { font-size: var(--lf-font-size-md); font-weight: 700; color: var(--lf-gray-800); display: flex; align-items: center; }

/* ============================================================
   CONTACT CARDS
   ============================================================ */
.contact-card[b-5zsky9twqw] {
    background: var(--lf-white); border: 1px solid var(--lf-gray-200);
    border-radius: var(--lf-radius-xl); box-shadow: var(--lf-shadow-card);
    padding: 1.5rem; text-align: center;
    transition: all var(--lf-transition);
}
.contact-card:hover[b-5zsky9twqw] { border-color: rgba(20,184,166,0.2); transform: translateY(-2px); box-shadow: var(--lf-shadow-lg); }

.contact-icon[b-5zsky9twqw] {
    width: 52px; height: 52px; border-radius: var(--lf-radius-xl);
    display: flex; align-items: center; justify-content: center;
    font-size: 1.4rem; margin: 0 auto 0.875rem;
}
.whatsapp-bg[b-5zsky9twqw] { background: rgba(37,211,102,0.1); color: #25D366; }
.email-bg[b-5zsky9twqw] { background: rgba(20,184,166,0.1); color: var(--lf-accent); }
.telegram-bg[b-5zsky9twqw] { background: rgba(0,136,204,0.1); color: #0088CC; }

.contact-title[b-5zsky9twqw] { font-size: var(--lf-font-size-sm); font-weight: 700; color: var(--lf-gray-800); margin-bottom: 0.25rem; }
.contact-desc[b-5zsky9twqw] { font-size: var(--lf-font-size-xs); color: var(--lf-gray-400); margin-bottom: 1rem; line-height: 1.5; }

/* ============================================================
   TICKET FORM
   ============================================================ */
.ticket-card[b-5zsky9twqw] {
    background: var(--lf-white); border: 1px solid var(--lf-gray-200);
    border-radius: var(--lf-radius-xl); box-shadow: var(--lf-shadow-card);
    padding: 1.5rem;
}

.category-grid[b-5zsky9twqw] {
    display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.5rem;
}

.category-option[b-5zsky9twqw] {
    display: flex; flex-direction: column; align-items: center; gap: 0.4rem;
    padding: 0.75rem 0.5rem; border: 1.5px solid var(--lf-gray-200);
    border-radius: var(--lf-radius-lg); background: var(--lf-white);
    color: var(--lf-gray-600); font-size: var(--lf-font-size-xs); font-weight: 600;
    cursor: pointer; transition: all var(--lf-transition);
}
.category-option i[b-5zsky9twqw] { font-size: 1.2rem; }
.category-option:hover[b-5zsky9twqw] { border-color: var(--lf-accent); color: var(--lf-accent); }
.category-option.active[b-5zsky9twqw] {
    border-color: var(--lf-accent); background: rgba(20,184,166,0.05);
    color: var(--lf-accent); box-shadow: 0 0 0 3px rgba(20,184,166,0.1);
}

.priority-options[b-5zsky9twqw] { display: flex; gap: 0.5rem; }

.priority-btn[b-5zsky9twqw] {
    flex: 1; display: flex; align-items: center; justify-content: center; gap: 0.35rem;
    padding: 0.55rem; border: 1.5px solid var(--lf-gray-200);
    border-radius: var(--lf-radius-md); background: var(--lf-white);
    color: var(--lf-gray-600); font-size: var(--lf-font-size-xs); font-weight: 600;
    cursor: pointer; transition: all var(--lf-transition);
}
.priority-btn:hover[b-5zsky9twqw] { border-color: var(--lf-gray-400); }
.priority-btn.active.low[b-5zsky9twqw] { border-color: var(--lf-success); color: var(--lf-success); background: rgba(16,185,129,0.05); }
.priority-btn.active.medium[b-5zsky9twqw] { border-color: var(--lf-warning); color: var(--lf-warning); background: rgba(245,158,11,0.05); }
.priority-btn.active.high[b-5zsky9twqw] { border-color: var(--lf-danger); color: var(--lf-danger); background: rgba(239,68,68,0.05); }

.field-hint[b-5zsky9twqw] {
    font-size: var(--lf-font-size-xs); color: var(--lf-gray-400);
    display: flex; align-items: center; gap: 0.25rem;
}

/* Ticket success */
.ticket-success[b-5zsky9twqw] { text-align: center; padding: 1rem 0; }

.ticket-success-icon[b-5zsky9twqw] {
    width: 72px; height: 72px; border-radius: 50%;
    background: rgba(16,185,129,0.1); display: flex; align-items: center;
    justify-content: center; margin: 0 auto 1rem;
    color: var(--lf-success); font-size: 2.5rem;
}

.ticket-success-title[b-5zsky9twqw] { font-size: var(--lf-font-size-xl); font-weight: 800; color: var(--lf-primary); margin-bottom: 0.5rem; }
.ticket-success-desc[b-5zsky9twqw] { font-size: var(--lf-font-size-sm); color: var(--lf-gray-500); max-width: 380px; margin: 0 auto 1.25rem; line-height: 1.6; }

.ticket-success-details[b-5zsky9twqw] {
    background: var(--lf-gray-50); border-radius: var(--lf-radius-lg);
    padding: 1rem; text-align: left;
}
.ticket-detail-row[b-5zsky9twqw] {
    display: flex; justify-content: space-between; align-items: center;
    padding: 0.4rem 0; font-size: var(--lf-font-size-sm);
}
.ticket-detail-row span[b-5zsky9twqw] { color: var(--lf-gray-500); }
.ticket-detail-row strong[b-5zsky9twqw] { color: var(--lf-gray-800); }

/* ============================================================
   RIGHT COLUMN
   ============================================================ */
.my-tickets-card[b-5zsky9twqw], .quick-faq-card[b-5zsky9twqw], .availability-card[b-5zsky9twqw] {
    background: var(--lf-white); border: 1px solid var(--lf-gray-200);
    border-radius: var(--lf-radius-xl); box-shadow: var(--lf-shadow-card);
    padding: 1.5rem;
}

/* Ticket list */
.ticket-list[b-5zsky9twqw] { display: flex; flex-direction: column; gap: 0.5rem; }

.ticket-list-item[b-5zsky9twqw] {
    width: 100%;
    text-align: left;
    padding: 0.75rem; border: 1px solid var(--lf-gray-100);
    border-radius: var(--lf-radius-md); transition: all var(--lf-transition);
    background: var(--lf-white);
    cursor: pointer;
}
.ticket-list-item:hover[b-5zsky9twqw] { border-color: rgba(20,184,166,0.15); background: var(--lf-gray-50); }
.ticket-list-item.active[b-5zsky9twqw] { border-color: var(--lf-accent); background: rgba(20,184,166,0.05); }

.ticket-list-header[b-5zsky9twqw] { display: flex; justify-content: space-between; align-items: center; margin-bottom: 0.25rem; }
.ticket-id[b-5zsky9twqw] { font-size: var(--lf-font-size-xs); color: var(--lf-accent); font-weight: 700; }
.ticket-list-subject[b-5zsky9twqw] { display: block; font-size: var(--lf-font-size-sm); color: var(--lf-gray-800); }
.ticket-list-date[b-5zsky9twqw] { display: block; font-size: var(--lf-font-size-xs); color: var(--lf-gray-400); }

/* FAQ links */
.faq-quick-list[b-5zsky9twqw] { display: flex; flex-direction: column; gap: 0.25rem; }

.faq-quick-item[b-5zsky9twqw] {
    display: flex; align-items: center; gap: 0.5rem;
    padding: 0.6rem 0.75rem; border-radius: var(--lf-radius-md);
    text-decoration: none; color: var(--lf-gray-600);
    font-size: var(--lf-font-size-sm); transition: all var(--lf-transition);
}
.faq-quick-item:hover[b-5zsky9twqw] { background: var(--lf-gray-50); color: var(--lf-accent); }
.faq-quick-item i[b-5zsky9twqw] { color: var(--lf-gray-300); font-size: 0.7rem; }

/* Schedule */
.schedule-list[b-5zsky9twqw] { display: flex; flex-direction: column; gap: 0.3rem; }
.schedule-row[b-5zsky9twqw] {
    display: flex; justify-content: space-between; align-items: center;
    padding: 0.45rem 0; border-bottom: 1px solid var(--lf-gray-50);
    font-size: var(--lf-font-size-sm);
}
.schedule-row:last-child[b-5zsky9twqw] { border-bottom: none; }
.schedule-row span[b-5zsky9twqw] { color: var(--lf-gray-500); }
.schedule-row strong[b-5zsky9twqw] { color: var(--lf-gray-800); }

.availability-status[b-5zsky9twqw] {
    display: flex; align-items: center; gap: 0.5rem;
    font-size: var(--lf-font-size-sm); color: var(--lf-success); font-weight: 600;
}

/* Ticket conversation */
.ticket-thread-panel[b-5zsky9twqw] {
    background: var(--lf-white);
    border: 1px solid var(--lf-gray-200);
    border-radius: var(--lf-radius-xl);
    box-shadow: var(--lf-shadow-card);
    padding: 1.5rem;
}

.ticket-thread-header[b-5zsky9twqw],
.ticket-thread-summary[b-5zsky9twqw],
.ticket-message-meta[b-5zsky9twqw] {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    align-items: flex-start;
}

.thread-close-btn[b-5zsky9twqw] {
    width: 36px;
    height: 36px;
    border: 1px solid var(--lf-gray-200);
    border-radius: var(--lf-radius-md);
    background: var(--lf-white);
    color: var(--lf-gray-500);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.thread-close-btn:hover[b-5zsky9twqw] {
    color: var(--lf-danger);
    border-color: rgba(239,68,68,0.25);
}

.ticket-thread-summary[b-5zsky9twqw] {
    padding: 1rem 0;
    border-bottom: 1px solid var(--lf-gray-100);
}

.ticket-thread-summary h4[b-5zsky9twqw] {
    margin: 0.25rem 0;
    font-size: var(--lf-font-size-lg);
    font-weight: 800;
    color: var(--lf-gray-900);
}

.ticket-thread-summary p[b-5zsky9twqw] {
    margin: 0;
    color: var(--lf-gray-500);
    line-height: 1.55;
}

.ticket-thread-messages[b-5zsky9twqw] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding: 1rem 0;
}

.ticket-thread-empty[b-5zsky9twqw],
.ticket-closed-note[b-5zsky9twqw] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    min-height: 96px;
    padding: 1rem;
    border-radius: var(--lf-radius-md);
    background: var(--lf-gray-50);
    color: var(--lf-gray-500);
    font-size: var(--lf-font-size-sm);
    text-align: center;
}

.ticket-message[b-5zsky9twqw] {
    border: 1px solid var(--lf-gray-100);
    border-radius: var(--lf-radius-lg);
    padding: 0.85rem;
    background: var(--lf-white);
}

.ticket-message.admin[b-5zsky9twqw] {
    border-color: rgba(20,184,166,0.22);
    background: rgba(20,184,166,0.05);
}

.ticket-message-meta[b-5zsky9twqw] {
    margin-bottom: 0.4rem;
    font-size: var(--lf-font-size-xs);
}

.ticket-message-meta strong[b-5zsky9twqw] {
    color: var(--lf-gray-800);
}

.ticket-message-meta span[b-5zsky9twqw] {
    color: var(--lf-gray-400);
    white-space: nowrap;
}

.ticket-message p[b-5zsky9twqw] {
    margin: 0;
    color: var(--lf-gray-600);
    line-height: 1.55;
    overflow-wrap: anywhere;
}

.ticket-reply-box[b-5zsky9twqw] {
    padding-top: 1rem;
    border-top: 1px solid var(--lf-gray-100);
}
.avail-dot[b-5zsky9twqw] {
    width: 8px; height: 8px; border-radius: 50%;
}
.avail-dot.online[b-5zsky9twqw] { background: var(--lf-success); box-shadow: 0 0 0 3px rgba(16,185,129,0.2); animation: pulse-dot-b-5zsky9twqw 2s infinite; }

@keyframes pulse-dot-b-5zsky9twqw {
    0%, 100% { box-shadow: 0 0 0 3px rgba(16,185,129,0.2); }
    50% { box-shadow: 0 0 0 6px rgba(16,185,129,0.1); }
}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width: 575.98px) {
    .page-title[b-5zsky9twqw] { font-size: 1.25rem; }
    .contact-card[b-5zsky9twqw] { padding: 1rem; }
    .ticket-card[b-5zsky9twqw] { padding: 1rem; }
    .category-grid[b-5zsky9twqw] { grid-template-columns: repeat(2, 1fr); }
    .priority-options[b-5zsky9twqw] { flex-direction: column; }
    .my-tickets-card[b-5zsky9twqw], .quick-faq-card[b-5zsky9twqw], .availability-card[b-5zsky9twqw] { padding: 1rem; }
}
/* /Components/Pages/Withdrawals/Withdrawals.razor.rz.scp.css */
/* ============================================================
   WITHDRAWALS PAGE STYLES - LIFE FREE
   ============================================================ */

.page-title[b-433njvjlr8] { font-size: 1.5rem; font-weight: 800; color: var(--lf-primary); margin-bottom: 0.15rem; }
.page-subtitle[b-433njvjlr8] { font-size: var(--lf-font-size-base); color: var(--lf-gray-500); margin-bottom: 0; }
.section-title[b-433njvjlr8] { font-size: var(--lf-font-size-md); font-weight: 700; color: var(--lf-gray-800); display: flex; align-items: center; }

.balance-pill[b-433njvjlr8] {
    background: rgba(20, 184, 166, 0.08);
    border: 1px solid rgba(20, 184, 166, 0.15);
    border-radius: var(--lf-radius-full);
    padding: 0.4rem 1rem;
    font-size: var(--lf-font-size-sm);
    color: var(--lf-gray-600);
    display: flex; align-items: center; gap: 0.4rem;
}
.balance-pill strong[b-433njvjlr8] { color: var(--lf-accent); }
.balance-pill i[b-433njvjlr8] { color: var(--lf-accent); }

/* Shared card */
.withdraw-card[b-433njvjlr8], .info-card[b-433njvjlr8], .recent-card[b-433njvjlr8], .schedule-card[b-433njvjlr8] {
    background: var(--lf-white);
    border: 1px solid var(--lf-gray-200);
    border-radius: var(--lf-radius-xl);
    box-shadow: var(--lf-shadow-card);
    padding: 1.5rem;
}

/* Available balance box */
.available-balance-box[b-433njvjlr8] {
    background: linear-gradient(135deg, rgba(20, 184, 166, 0.05), rgba(12, 123, 127, 0.03));
    border: 1px solid rgba(20, 184, 166, 0.15);
    border-radius: var(--lf-radius-lg);
    padding: 1rem 1.25rem;
}

.avail-label[b-433njvjlr8] { display: block; font-size: var(--lf-font-size-xs); color: var(--lf-gray-500); text-transform: uppercase; letter-spacing: 0.05em; font-weight: 600; }
.avail-amount[b-433njvjlr8] { display: block; font-size: 1.5rem; font-weight: 900; color: var(--lf-accent); letter-spacing: -0.02em; }
.avail-hint[b-433njvjlr8] { display: block; font-size: var(--lf-font-size-xs); color: var(--lf-gray-500); margin-top: 0.2rem; }
.btn-as-link[b-433njvjlr8] { background: none; border: none; padding: 0; font-size: var(--lf-font-size-xs); cursor: pointer; }
.btn-as-link:hover[b-433njvjlr8] { text-decoration: underline; }

.btn-use-max[b-433njvjlr8] {
    padding: 0.35rem 0.875rem;
    border-radius: var(--lf-radius-full);
    border: 1.5px solid var(--lf-accent);
    background: transparent;
    color: var(--lf-accent);
    font-size: var(--lf-font-size-xs);
    font-weight: 700;
    cursor: pointer;
    transition: all var(--lf-transition);
}
.btn-use-max:hover[b-433njvjlr8] { background: var(--lf-accent); color: var(--lf-white); }

/* Payment options (shared with deposits) */
.payment-grid[b-433njvjlr8] { display: flex; gap: 0.75rem; }

.payment-option[b-433njvjlr8] {
    flex: 1; display: flex; align-items: center; gap: 0.75rem;
    padding: 1rem; border: 1.5px solid var(--lf-gray-200); border-radius: var(--lf-radius-lg);
    background: var(--lf-white); cursor: pointer; transition: all var(--lf-transition); text-align: left;
}
.payment-option:hover[b-433njvjlr8] { border-color: var(--lf-accent); }
.payment-option.active[b-433njvjlr8] { border-color: var(--lf-accent); background: rgba(20, 184, 166, 0.05); box-shadow: 0 0 0 3px rgba(20, 184, 166, 0.1); }

.payment-option-icon[b-433njvjlr8] { width: 42px; height: 42px; border-radius: var(--lf-radius-lg); display: flex; align-items: center; justify-content: center; font-size: 1.2rem; flex-shrink: 0; }
.payment-option-icon.usdt[b-433njvjlr8] { background: rgba(247, 147, 26, 0.1); color: #F7931A; }
.payment-option-icon.usdt[b-433njvjlr8] { background: rgba(38, 161, 123, 0.1); color: #26A17B; }

.payment-option-info[b-433njvjlr8] { flex: 1; display: flex; flex-direction: column; }
.payment-option-name[b-433njvjlr8] { font-weight: 700; color: var(--lf-gray-800); font-size: var(--lf-font-size-sm); }
.payment-option-network[b-433njvjlr8] { font-size: var(--lf-font-size-xs); color: var(--lf-gray-400); }
.payment-option-check[b-433njvjlr8] { color: var(--lf-gray-300); font-size: 1.1rem; }
.payment-option.active .payment-option-check[b-433njvjlr8] { color: var(--lf-accent); }

.field-error[b-433njvjlr8] { font-size: var(--lf-font-size-xs); color: var(--lf-danger); display: flex; align-items: center; }
.field-hint[b-433njvjlr8] { font-size: var(--lf-font-size-xs); color: var(--lf-gray-400); margin-top: 0.3rem; display: flex; align-items: center; gap: 0.25rem; }

.wallet-short[b-433njvjlr8] {
    font-size: var(--lf-font-size-xs);
    background: var(--lf-gray-50);
    padding: 0.1rem 0.4rem;
    border-radius: var(--lf-radius-sm);
    color: var(--lf-gray-600);
}

/* Summary */
.withdraw-summary[b-433njvjlr8] {
    background: var(--lf-gray-50); border: 1px solid var(--lf-gray-200); border-radius: var(--lf-radius-lg); padding: 1rem;
}
.withdraw-summary-row[b-433njvjlr8] {
    display: flex; justify-content: space-between; align-items: center; padding: 0.4rem 0;
    font-size: var(--lf-font-size-sm); border-bottom: 1px solid var(--lf-gray-100);
}
.withdraw-summary-row:last-child[b-433njvjlr8] { border-bottom: none; }
.withdraw-summary-row span[b-433njvjlr8] { color: var(--lf-gray-500); }
.withdraw-summary-row strong[b-433njvjlr8] { color: var(--lf-gray-800); }
.withdraw-summary-row.highlight[b-433njvjlr8] {
    background: rgba(20, 184, 166, 0.04); margin: 0.25rem -0.5rem 0; padding: 0.5rem 0.5rem;
    border-radius: var(--lf-radius-sm); border-bottom: none;
}

/* Success */
.withdraw-success[b-433njvjlr8] { text-align: center; padding: 1rem 0; }

.success-icon[b-433njvjlr8] {
    width: 72px; height: 72px; border-radius: 50%; background: rgba(16, 185, 129, 0.1);
    display: flex; align-items: center; justify-content: center; margin: 0 auto 1rem;
    color: var(--lf-success); font-size: 2.5rem;
}
.success-title[b-433njvjlr8] { font-size: var(--lf-font-size-xl); font-weight: 800; color: var(--lf-primary); margin-bottom: 0.5rem; }
.success-desc[b-433njvjlr8] { font-size: var(--lf-font-size-sm); color: var(--lf-gray-500); max-width: 380px; margin: 0 auto 1.25rem; line-height: 1.6; }
.success-details[b-433njvjlr8] { background: var(--lf-gray-50); border-radius: var(--lf-radius-lg); padding: 1rem; text-align: left; }
.success-detail-row[b-433njvjlr8] {
    display: flex; justify-content: space-between; align-items: center; padding: 0.4rem 0; font-size: var(--lf-font-size-sm);
}
.success-detail-row span[b-433njvjlr8] { color: var(--lf-gray-500); }
.success-detail-row strong[b-433njvjlr8] { color: var(--lf-gray-800); }

/* ============================================================
   SCHEDULE CARD (Countdown)
   ============================================================ */
.schedule-card[b-433njvjlr8] {
    background: linear-gradient(135deg, #0A2540 0%, #0C7B7F 100%);
    border: none;
    color: var(--lf-white);
}

.schedule-header[b-433njvjlr8] {
    display: flex; align-items: center; gap: 0.75rem; margin-bottom: 1rem;
}

.schedule-icon[b-433njvjlr8] {
    width: 42px; height: 42px; border-radius: var(--lf-radius-lg);
    background: rgba(255, 255, 255, 0.12); display: flex; align-items: center;
    justify-content: center; font-size: 1.2rem; color: var(--lf-accent-light); flex-shrink: 0;
}

.schedule-title[b-433njvjlr8] { display: block; font-size: var(--lf-font-size-xs); color: rgba(255, 255, 255, 0.6); text-transform: uppercase; letter-spacing: 0.05em; font-weight: 600; }
.schedule-date[b-433njvjlr8] { display: block; font-weight: 700; font-size: var(--lf-font-size-sm); color: var(--lf-white); }

.schedule-countdown[b-433njvjlr8] {
    display: flex; align-items: center; justify-content: center; gap: 0.5rem;
}

.countdown-item[b-433njvjlr8] {
    display: flex; flex-direction: column; align-items: center;
    background: rgba(255, 255, 255, 0.1); border-radius: var(--lf-radius-md);
    padding: 0.5rem 1rem; min-width: 60px;
}
.countdown-value[b-433njvjlr8] { font-size: 1.5rem; font-weight: 900; color: var(--lf-accent-light); line-height: 1.1; }
.countdown-label[b-433njvjlr8] { font-size: 0.6rem; text-transform: uppercase; letter-spacing: 0.08em; color: rgba(255, 255, 255, 0.5); font-weight: 600; }
.countdown-sep[b-433njvjlr8] { font-size: 1.25rem; font-weight: 700; color: rgba(255, 255, 255, 0.3); }

/* Info items */
.info-items[b-433njvjlr8] { display: flex; flex-direction: column; gap: 0.75rem; }
.info-item[b-433njvjlr8] { display: flex; align-items: flex-start; gap: 0.75rem; padding: 0.625rem; border-radius: var(--lf-radius-md); transition: background var(--lf-transition); }
.info-item:hover[b-433njvjlr8] { background: var(--lf-gray-50); }
.info-item-icon[b-433njvjlr8] { width: 34px; height: 34px; border-radius: var(--lf-radius-md); background: rgba(20, 184, 166, 0.08); color: var(--lf-accent); display: flex; align-items: center; justify-content: center; font-size: 0.9rem; flex-shrink: 0; }
.info-item strong[b-433njvjlr8] { display: block; font-size: var(--lf-font-size-sm); color: var(--lf-gray-700); }
.info-item span[b-433njvjlr8] { display: block; font-size: var(--lf-font-size-xs); color: var(--lf-gray-400); line-height: 1.4; }

/* Recent withdrawals */
.withdraw-list[b-433njvjlr8] { display: flex; flex-direction: column; gap: 0.5rem; }
.withdraw-list-item[b-433njvjlr8] {
    display: flex; align-items: center; gap: 0.75rem; padding: 0.75rem;
    border: 1px solid var(--lf-gray-100); border-radius: var(--lf-radius-md); transition: all var(--lf-transition);
}
.withdraw-list-item:hover[b-433njvjlr8] { border-color: rgba(20, 184, 166, 0.15); background: var(--lf-gray-50); }

.withdraw-list-icon[b-433njvjlr8] {
    width: 36px; height: 36px; border-radius: var(--lf-radius-md);
    background: rgba(12, 123, 127, 0.08); color: var(--lf-secondary);
    display: flex; align-items: center; justify-content: center; font-size: 0.9rem; flex-shrink: 0;
}

.withdraw-list-info[b-433njvjlr8] { flex: 1; display: flex; flex-direction: column; }
.withdraw-list-amount[b-433njvjlr8] { font-weight: 700; color: var(--lf-gray-800); font-size: var(--lf-font-size-sm); }
.withdraw-list-net[b-433njvjlr8] { font-size: var(--lf-font-size-xs); color: var(--lf-accent-hover, #0d9488); display: block; line-height: 1.3; }
.withdraw-list-date[b-433njvjlr8] { font-size: var(--lf-font-size-xs); color: var(--lf-gray-400); }

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width: 575.98px) {
    .page-title[b-433njvjlr8] { font-size: 1.25rem; }
    .payment-grid[b-433njvjlr8] { flex-direction: column; }
    .withdraw-card[b-433njvjlr8], .info-card[b-433njvjlr8], .recent-card[b-433njvjlr8], .schedule-card[b-433njvjlr8] { padding: 1rem; }
    .countdown-item[b-433njvjlr8] { min-width: 50px; padding: 0.4rem 0.75rem; }
    .countdown-value[b-433njvjlr8] { font-size: 1.2rem; }
}